/****************************
 * jamroom section start
 * **************************/
#jamroom_plugins_menu{
  background-color:#151515;
  text-align:center;
}

.coffee_text{
  width:160px;
}
.coffee{
  float:right;
}
.buy_a_coffee{
  border:1px solid;
  width:280px;
  float:right;
  padding:5px;

}
.buy_a_coffee form{
  width:100px;

}
.clear_left{
  clear:left;
}
.theme_example_image{
  float:left;
}
.theme_example_image img{
  vertical-align:middle;
}
.so {
color:#FC3;
}
.box_middle {
font-family:Verdana,sans-serif;
background:#111;
font-size:26px;
vertical-align:middle;
color:#FFF;
padding:10px 10px 10px 20px;
line-height:35px;
}
.box_middle a {
color:#3AAB31;
font-weight:bold;
}
.box_right {
font-family:Verdana,sans-serif;
background:#111;
font-size:14px;
vertical-align:middle;
color:#FFF;
padding:0px 10px 5px 10px;
}
.box_right a {
color:#84DD25;
}
.download a{
  color:#0048C0;
  font-size:18px;
  font-weight:bold;
}
.download img{
  vertical-align:middle;
}
/****************************
 * jamroom section end
 * **************************/.onepoint ul {
  list-style: circle outside none;
}
.onepoint ul li {
  color: #17394B;
  margin-bottom: 15px;
  font-family:arial, san-serif;
}

.headline {
  line-height: 17px;
}
/* the big section  nav tab navigation */
#sectiontabs-wrapper *{
	margin:0;
	padding:0;
	border: 0;
	
}
#sectiontabs-wrapper {
  float: left;
  margin: 0;
  border: 2px none #8E7652;
  margin-bottom: 15px;
  width:100%;
}
ul.sectiontabs {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #8E7652;
}
ul.sectiontabs li {
  list-style: none;
  margin: 0;
  display: inline;
}
ul.sectiontabs li a {
  padding: 0;
  margin: 0;
  border-bottom: none;
}
ul.sectiontabs li a:link {
}
ul.sectiontabs li a:visited {
}
ul.sectiontabs li a:hover {
}
ul.sectiontabs  li.tabsactive a {
  border-bottom: 1px solid #FEEFCE;
}
ul.sectiontabs li.tabsactive a:hover {
  color: #bf0000;
  border-bottom: 1px solid white;
}






/*the second level tabs*/

#tabs-wrapper {
  float: left;
  margin: 0 0 0 6px;
  border: 1px none #ececec;
  color: #17394b;
}
.tabslive .tabstabhide {
  display: none;
}
.tabs {
  display: none;
}
.tabslive {
  margin-top: 0;
}
/* the top nav tab navigation */
ul.tabsnav {
  margin: 0;
  padding: 3px 0;
  border-bottom: 1px solid #778;
  font: bold 12px Verdana, sans-serif;
}
ul.tabsnav li {
  list-style: none;
  margin: 0;
  display: inline;
}
ul.tabsnav li a {
  padding: 3px .5em;
  margin-left: 3px;
  border: 1px solid #778;
  border-bottom: none;
  background: #307396;
  text-decoration: none;
  font-size: 17px;
  font-weight: normal;
}
ul.tabsnav li a:link {
  color: #fff;
}
ul.tabsnav li a:visited {
  color: #fff;
}
ul.tabsnav li a:hover {
  color: #000;
  background: #3d99c8;
  border-color: #227;
}
ul.tabsnav li.tabsactive a {
  color: #bf0000;
  border-bottom: 1px solid #fff;
  background: #fff;
}
ul.tabsnav li.tabsactive a:hover {
  color: #bf0000;
  background: white;
  border-bottom: 1px solid white;
}


.tabslive .tabstab {
  padding: 5px;
  border: 1px solid #778;
  border-top: 0;
  background: #fff;
  color: #17394b;
}
a, a:visited {
  color: #17394B;
  text-decoration: underline;
}
a:hover {
  color: #307396;
  text-decoration: none;
}
img {
  border: 0 none;
}

ul, ol {
  margin: 10px;
  padding: 0 10px;
}
#footer {
  background: url("images/bottom.png") no-repeat scroll center bottom;
  color: #17394B;
  font-size: 11px;
  height: 30px;
  margin: 0 auto;
  padding-bottom: 15px;
  padding-top: 30px;
  text-align: center;
  width: 980px;
}
.clear {
  clear: both;
}
.separator{
  border:5px solid green;
}
.contentwrapper{
  margin:0 20px 20px 20px;
}

/*one point box*/
.onepoint {
  margin: 0 15px;
  font-family: Helvetica, arial, sans-serif;
  width: 380px;
  text-align: left;
  }
.onepoint .boxtop {
  background-image: url(images/boxtop.png);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  font-size: 16px;
  color: #ffffff;
  }
.onepoint .boxtopne {
  text-align: center;
  padding: 21px 25px 6px 25px;
}
.onepoint .boxmid {
  background-image: url(images/boxmid.png);
  background-repeat: repeat-y;
  background-position: top left;
  margin: 0;
  text-align: left;
  color: #000000;
  font-size: 13px;
  }
.onepoint .boxmidne {
  padding: 10px 25px;
}
.onepoint .boxbot {
  background-image: url(images/boxbot.png);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  text-align: left;
  padding: 10px;
  height: 23px;
  }
.floatright{
  float:right;
}  
.floatleft{
  float:left;
}  
p {
  font-family: Tahoma, arial, sans-serif;
}

fieldset.code {
      background-color:#F4F4F4;
      border:3px solid #CCCCCC;
      font-family:monospace;
      font-size:0.8em;
      padding:15px;
}

.greenongray{
  background-color: #EEEEEE;
  color:#366E36;
  font-family: Georgia,sans-serif;
  font-size: 0.9em;
  padding: 0 20px;
  }
.blackongreen{
  background-color: #CFDFCF;
  color:#000000;
  font-family: Georgia,sans-serif;
  font-size: 0.9em;
  padding: 0 20px;
  }

 .examplebox{
  width:95%;
  margin: 0 auto;
  background-color: #F4F4F4
 }
 table.features{
  font-weight:bold;
  border-collapse: collapse;
  margin-left: 10px;
  color: #BF0000;
 }
 table.example{
  font-weight:bold;
  border-collapse: collapse;
  color:#5B0000;
  font-weight:normal;
 }
  .examplebox legend{
  font-size:0.9em;
  font-weight:bold;
 }
 .spacer{
  margin: 50px 0;
 }
 fieldset.screenshots img{
  vertical-align:top;
 }
 .emphasise1{
  background-color:#FFFE52;
  font-size:1.5em;
  font-style: italic;  
 }
 .emphasise2{
  font-size:1.5em;
  font-style: italic;
 }
.emphasise3{
  font-weight:bold;
  font-size:1.5em;  
 } 
.emphasise4{
  font-size:1.5em;
  color: navy;
 }
 .themath{
  width: 40%;
  margin: 50px auto;
  background-color: #F1F0FC;  
 }
 .quote{
  font-family:Helvetica, arial, san-serif;
  font-size: 1.3em; 
 }
 .screenshot{
  text-align:center;
 }
 .screenshot img{
  border: 3px solid #CCCCCC;
 }
 .sitename{
  color:#990D1F;
  font-size:0.8em;
  font-variant:small-caps;
 }
 .fulltracking{
  background-color: #FFF4E0;
 }
 .fulltracking h1{
  margin:0;
 } 
 .settings{
  border-collapse:collapse;
  background-color:#DCDCDC;
 }
  .settings th{
    background-color:#307396;
    color: #ffffff;
 }
 .title{
 font-weight:bold;
 }
.footnote{
  font-style: italic;
  color: #45B7CB; 
}
.oinkba{
  color:#F70101;
  font-size:1.5em;
  text-shadow:1px 1px #A74C4C;
}
.tableWithFloatingHeader{
	border-collapse:collapse;
}
.tableWithFloatingHeader th{
	background-color:#FFFFFF;
	border:1px solid black;
  font-weight:bold;
  color: #BF0000;
}

.tableWithFloatingHeader td{
	text-align:center;
}
table .col1{
  text-align: left;  
}