body {
	font-family: sans-serif;
	/*font-size: 62.5%;*/
	color: #666;
	text-align:left;
}
.overview {
	background-color: #005A3C;
	padding: 10px 10px 2px 10px;
	margin-bottom:20px;
	color:white;
}
.techbox div.words .hilight {
	background-color: #005A3C;
	padding: 8px 5px 5px 8px;
	margin-bottom:15px;
	color:white;
}

.hr {background-color: red;}
.mr {background-color: #FF981D;}
.lr {background-color:#8FBC8F;}
span.key {padding:0 7px;margin-right:3px;}
tr.bdr td {
	border: 1px solid gray;
}
/*Techbox calculators*/
.donethis {color:#FF981D!important;background-color:#F5F5DC!important;}
.gonext {color:#FF981D!important;}
.techbox div ul.tabsm li a, .techbox div ul.tabsa li a, #section2 div ul.tabsm li a, #section2 div ul.tabsa li a {color: #FF981D!important;}
input.ui-button.ui-widget.btntext {font-size: 1.2em;font-weight:700;color: #FF981D!important;padding: 0.5em;}

.citrusheader {
	height:83px;
	text-align: left;
	background-color:#FF981D;
	border-right: 5px solid transparent;
	border-bottom-color: #FF981D;
	border-bottom-style: solid;
	border-bottom-width: thin;
	background: url('images/citrus/citruslogo2.jpg') bottom left no-repeat #FF981D;
}
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

.container:before,
.container:after {
  display: table;
  line-height: 0;
  content: "";
}

.container:after {
  clear: both;
}
.container {
    /*width: 960px;*/
  }
table caption {
    background: transparent;
    color: #222222;
    font-size: 0.8rem;
    font-weight: bold;
    text-align:left;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
#PageBody > header {
	 background-color: #F1FFED;
    border-bottom: 10px solid #FF981D;
}
#PageBody > header .container{background:url("images/citrus/citruslogo.jpg");}
section.SiteLogo{float: left;margin-left:20px;}
img.pnzimg {
    max-width: none;
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
footer {
    clear: both;
    padding-top: 20px;
}
footer #address, #footer #address a {
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: -0.02em;
}
footer, footer a, footer a:visited, footer a:link, footer a:active {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
footer span.privacy {
    float: left;
}
footer span.copyright {
    float: right;
    font-weight: bold;
}
footer #address {
    clear: left;
    float: left;
    margin: 10px;
    font-family:Arial,sans-serif;
}


.topround{border:1px solid #FF981D;padding:3px 3px 1px 3px;text-align:left;width:100%;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;background:#005A3C;}

.MainNav ul.dnnmega span.root.topround:hover{border:1px solid #99C7B7;background-color:#99C7B7;}

.rounded{border:1px solid #FF981D;padding:5px 5px 1px 5px;text-align:left;width:100%;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#FF981D}

div.rectangle{border:1px solid #FF981D;padding:5px 5px 1px 5px;text-align:left;width:100%;background:#FF981D}

input[type=text].w200 {width: 200px;margin-left:3px;}
input[type=text].w300 {width: 300px;margin-left:3px;}
input[type=text].w400 {width: 400px;margin-left:3px;}
input[type=text].w50 {width: 50px;margin-left:3px;margin: 0 auto;display: block;}
input[type=text].w75 {width: 75px;margin-left:3px;}
input[type=text].w70 {width: 70px;margin-left:3px;}
input[type=text].w40 {width: 40px;margin-left:3px;margin: 0 auto;display: block;height:2.0em;padding:0.1em;}
input[type=text].w25 {width: 25px;margin-left:3px;}
input[type=text].w150 {width: 150px;margin-left:3px;}

input[type="file"], input[type="checkbox"], input[type="radio"], select {
    margin: 0 0 0.1rem;
}
select {
    background-color: #fafafa;
    background-image: none;
    background-position: 100% center;
    background-repeat: no-repeat;
    border-color: #cccccc;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: rgba(0, 0, 0, 0.75);
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 0.875rem;
    height: 2.0em;
    line-height: normal;
    padding: 0.1rem;
}
input.ui-button.ui-widget{
    padding: 0.3em;
    font-size: 0.8em;
}
table.calcs, table.results {
	margin: 0 auto;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
table.calcs th {
    background-color: #f2ffd9;
    font-size: 100%;
    font-weight: normal;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;
}
tr.bkgcol {
    background-color: #f2ffd9!important;
    font-size: 100%;
    font-weight: normal;
}
.techbox legend, #section2 legend {
    color: #a9a9a9;
    font-size: 0.7em;
}


/* Responsive tabs */
.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    display: none;
}

.r-tabs .r-tabs-panel.thehgt{
	min-height: 0;
}
.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/* Accordion responsive breakpoint */
/*@media only screen and (max-width: 40em) {
    .r-tabs .r-tabs-nav {
        display: none;
    }
.r-tabs .r-tabs-accordion-title {
        display: block;
    }
}*/
/* Tab panel */
.r-tabs .r-tabs-panel {
    background-color: white;
    border-bottom: 4px solid white;
}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display: block;
    cursor: pointer;
    display: block;
    margin-top: 2px;
    min-height: 0;
    padding: 0.3em 0.3em 0.3em 0.7em;
    position: relative;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%;
    border: 1px solid #d3d3d3;
    color: #555;
    font-weight: normal;
    font-size:0.7em;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background: #fff url("images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50%;
    border: 1px solid #aaa;
    color: #212121;
    font-weight: normal;
    text-shadow: none;
}
a.r-tabs-anchor {
	text-decoration:none;
}
/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
    opacity: 0.5;
}

.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 3px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #c1c1c1;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #9B9797;
}


@media only screen and (max-width: 40em) { /* max-width 640px, mobile-only styles, use when QAing mobile issues */

   .r-tabs .r-tabs-nav {display: none;}
	.r-tabs .r-tabs-accordion-title {display: block;}
	.onecol {width:100%;}
	.top-menu {margin: 0 3px 0 0;position: absolute;right: 3px;top: 0.0em;}
	.top-menu ul li a {font: normal 0.6em "Arial", Helvetica, sans-serif;}
	.top-menu li {padding: 0 5px 0 5px; }	
	.main-menu {float: right;position: absolute;right: 3px;top: 4.2em;}
	.main-menu a {font-size:0.7em;padding:0;}
	.main-menu li {padding: 0 5px;}
	.colright,.colleft {width:100%;padding-left:0px;padding-right:0px;}
	.main-menu ul li,.top-menu ul li {margin-left:5px;}
	.main-menu ul {padding:0;}
	.footer-menu ul li a {font: normal 0.61em "Arial", Helvetica, sans-serif;}
	.footer-menu li {padding: 0; }
	.techbox ul.pagelist li {margin-bottom:3px;}	
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {}
} 

/* Medium screens */
@media only screen and (min-width: 40.063em) { /* min-width 641px, medium screens */

.summary {background-color: #FF981D;color:#fff;margin-bottom:10px;}
div.column .summary ul, .summary ol{margin-left:0px;margin-right:0px;}
.techbox h3 {color: #FF981D;}
.techbox h2 {size:1.5em;color: #FF981D;}
	.top-menu {margin: 0 3px 0 0;position: absolute;right: 3px;top: 0.5em;}
	.top-menu ul li a{font: normal 0.8em "Arial", Helvetica, sans-serif;}
	.top-menu li {padding: 0 5px 0 10px; }	
	.main-menu {float: right;position: absolute;right: 3px;top: 4.2em;}
	.main-menu a {font-size:1.2em;padding:0;}
	.main-menu li {padding: 0 9px;}
	.main-menu ul {padding:0;}
 } 
.summaryx {
	border-radius:7px;
	padding:10px;
	border: thin solid #FF981D;
}
#tbcontent table.dolines th {
    background-color: #FF981D;
    font-weight: normal;
    color:#fff;
}
#tbcontent table.dolines {
    font-size: 0.7em;
}
#tbcontent table.dolines td p, #tbcontent table.dolines td ul li{
    font-size: inherit !important;
}
.techbox h3 {
    color: #FF981D;
}
#techboxouter h1{
    color: #FF981D;
	
}
.padtop {
	padding-top:30px;
}
.accord_h h3.sm, .accord h3.sm {
	font-size:0.7em;
}

.sprite {
    background-image: url(images/beesafe.png);
    background-repeat: no-repeat;
    display: block;
}


.sprite-caution {
    width: 14px;
    height: 16px;
    background-position: -5px -5px;
}

.sprite-ok {
    width: 14px;
    height: 16px;
    background-position: -29px -5px;
}

.sprite-ok2 {
    width: 26px;
    height: 16px;
    background-position: -5px -31px;
}

.sprite-unknown {
    width: 12px;
    height: 16px;
    background-position: -41px -31px;
}

.sprite-unsafe {
    width: 12px;
    height: 16px;
    background-position: -53px -5px;
}


span.sprite{
	margin: 0 auto;
}
img.button, img.curves {
	border:1px solid #FFF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

div.think,div.action,div.think_l,div.action_l,div.emphasis,div.legal{
	border-top: 1px solid #f6931e;
	border-bottom: 3px solid #f6931e;
	width:370px;
	margin-bottom:20px;
	margin-top:20px;
	padding:7px 10px 7px 45px;
	
}
div.legal{
	padding:7px 10px 7px 85px;
	
}
div.think,div.action,div.emphasis,div.legal{
	margin-left:auto; margin-right:auto;	
}
#techbox div.think ul, div.action ul,div.think ol, div.action ol,.techbox div.emphasis ol,div.emphasis.ul{
	margin: 5px;	
}
div.think{
	background: url("images/think.png") no-repeat scroll 5px center;	
}
div.legal{
	background: url("images/legal.png") no-repeat scroll 5px center;	
}
div.emphasis{
	background: url("images/lightbulb.png") no-repeat scroll 5px center;	
}
div.emphasis, div.legal{
	font-size:0.75em;
}
div.emphasis p, div.legal p{
	font-size:inherit;
}
div.action,div.action_l{
	background: url("images/action.png") no-repeat scroll 5px center;	
}

.techbox div ul.tabsm li a, .techbox div ul.tabsa li a, #section2 div ul.tabsm li a, #section2 div ul.tabsa li a {color: #ff981d;}

/*.techbox ul.pagelist li.ui-state-default, ul.pagelist li.ui-state-active {
    border-color: #aaa;
}*/

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */



@media only screen and (max-width: 40em) {
	.MainNav ul.dnnmega li span.root.notsmall {display:none;}
	.MainNav ul.dnnmega span.root{font-size:0.70rem;}
	.MainNav ul.dnnmega li{list-style:none none;margin:5px 2px;}
	.MainNav ul.dnnmega span.root{padding:5px 5px 4px 5px;}
	/*div.rectangle {padding: 15px 5px 5px 5px;}*/
	  /* max-width 640px, mobile-only styles, use when QAing mobile issues */
	
} 

.techbox ul.pagelist li.ui-state-default, ul.pagelist li.ui-state-active {
    border-color: #d3d3d3;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
        border-bottom-width: 1px;
    background: #e6e6e6 ;
    font-weight: normal;
    color: #555;
}	
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #d3d3d3;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}
.ui-widget-header {
    border: 1px solid #ffbf72;
    background: #ffbf72 ;
    color: #222;
    font-weight: bold;
}