@import "/fonts/awesome/css/font-awesome.min.css";

div.clear { clear: both; }
.clearfix:after { content: ""; display: table; clear: both; }

/* new responsive grid */
.cols { clear: both; width: 100%; box-sizing: border-box; }

/* the best clearfix */
.cols:after { content:" "; display:block; clear:both; }

.cols > div { box-sizing: border-box; margin: 0;  padding-left: 10px; /* padding min sida*/ float: left; }
.cols > div:first-child { padding-left: 0px; /* padding-right: 10px;  padding min sida */}
.cols .cols > div:first-child { padding-left: 0px; }
.cols.indented > div:last-child { /* padding-right: 10px; */ }

.col  { padding-left: 10px; float: left; }

.col-wmn { width: 100%; }

.col-wm  { width: 80%;  }
.col-n   { width: 20%;  }

.col-wn  { width: 70%;  }
.col-m   { width: 30%;  }

.col-mn  { width: 50%;  }
.col-w   { width: 50%;  }

.tp-tablayercontent .cols > div:first-child { padding-left: 0; }
.tp-tablayercontent .col-wmn { }
.tp-tablayercontent .col-wm  { }
.tp-tablayercontent .col-wn  { }
.tp-tablayercontent .col-mn  { }
.tp-tablayercontent .col-w   { }
.tp-tablayercontent .col-m   { }
.tp-tablayercontent .col-n   { }

/* index outer */
body#index .cols > .col-wm { width: 75%;  }
body#index .cols > .col-n   { width: 25%;  }

/* index has a invalid grid html... */
body#index .cols > .col-wm > .col-wm.index-wide  { width: 100%; box-sizing: border-box;  }
body#index .cols > .col-wm > .col-w  { clear:both; width: 58%; padding-left: 0; float: left; box-sizing: border-box; }
body#index .cols > .col-wm > .col-m  { width: 42%;  float: left; box-sizing: border-box; padding-left: 10px;}


/* adjustments */

 #index .col-n { 
   padding-right: 10px;
   width: 190px;
   margin-top: -10px;}
   
#poddradio-index .cols .col-w:first-child {}  

.contentstage + div {}

*/ inout textarea */



/* buttons */

body#forum a.fs_adj_postbitwrapper_multireply, body#forum a.fs_adj_postbitwrapper_editlink, body#forum a.fs_adj_postbitwrapper_replylink, body#forum a.fs_adj_forumdisplay_slimbutton, body#forum a.fs_adj_showthread_slimbutton, a.fs_adj_postbitwrapper_editlink, a.fs_adj_postbitwrapper_replylink, input.slimbutton, input.button, a.slimbutton, a.slimbutton:link, a.slimbutton:visited, a.slimbutton:active, span.slimbutton,body#forum a.fs_adj_forumdisplay_slimbutton, body#forum a.fs_adj_showthread_slimbutton {
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height: 12px;
  font-weight: 600;
  display: inline-block;
  background:#333;
  color:#fff;
  border:0;
  outline:0;
  padding: 10px;
  border-radius:2px;
  vertical-align: middle;
  text-decoration: none;
  margin: 10px 5px 0 0;
  padding: 10px;
  min-width: 50px;
  -webkit-appearance: none;
  box-sizing: border-box;
  text-align: center;
  border: 2px solid #b1b1b1;
background: #fff;
color: #222;
text-transform: uppercase;
 -webkit-appearance: none
}

a#buy.slimbutton {
    background-color: #0090e3;
    color: white;
    border: #0090e3;
    width: 100%;
    padding: 20px;
     -webkit-appearance: none}

.col-m input.slimbutton, .col-m input.button, .col-m a.slimbutton, .col-m a.slimbutton:link {width:100%;box-sizing: border-box;margin: 0px 0px 5px 0px;-webkit-appearance: none;}
.infobox a.slimbutton, .infobox input.slimbutton, .infobox a.slimbutton:link, .functionbox a.slimbutton, .functionbox a.slimbutton:link,  .documentsidebar a.slimbutton, .documentsidebar a.slimbutton:link {width:100%;-webkit-appearance: none;}

input[type="submit"] {-webkit-appearance:none;padding:10px;border: 2px solid #c1c1c1;text-transform: uppercase;}

a.slimbutton:hover, input.slimbutton:hover, input.button:hover {
  background-color: #f2f2f2; border: 2px solid #ccc;
}

.slimbutton.disabled { background: #ccc; color: #aaa; border: 2px solid #ccc;}

div.shop-product-info div.productsum {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  font-size: 26px;
  color: #C00;
  margin-bottom: -12px;
}

div.shop-product-info span.kitinfo {
  color: #00A3DB;
  font-weight: bold;
  margin-bottom: 10px;}

div.shop-product-info input.slimbutton, div.shop-product-info input.button {
  width: 100%;
  font-family: Arial,Helvetica,sans-serif;
  color: #FFF;
  padding: 12px;
  font-size: 20px;
  border-radius: 5px;
  background-color: #0089CF;
  border:0;
  outline:0;
  font-weight: bold;
  box-sizing: border-box;
}

a.buy.slimbutton, a.buy.slimbutton:link, a.buy.slimbutton:visited, a.buy.slimbutton:active,
div.shop-product-info input.slimbutton
 {
   background-color: #0089CF;
 }

a.buy.slimbutton:hover,
div.shop-product-info input.slimbutton:hover
 {
   background-color: #0082C5;
 }

