body:not(.bol) {
font-size: 80%;
}
body {
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#000;
background-color:#FFF;
}

#outer{
min-height:100%;
margin-bottom:-50px;
margin-left:175px;
height:auto;
padding-top:10px;
}

#header{
color: #000000;
min-width:700px;
background-image:url("../images/title_bar_bg.gif");
background-position:bottom;
background-repeat:repeat-x;
}

#title_bar{
float:right;
margin:126px 0 0 0;
}

#title_bar a {
color:#000;
float:right;
font-size:14px;
display:block;
text-align:center;
padding:0 1em 0 1em;
line-height:24px;
text-decoration:none;
white-space:nowrap;
background-image:url("../images/title_bar_sep.gif");
background-position:left;
background-repeat:no-repeat;
}

#title_bar a:link {}
#title_bar a:visited {}
#title_bar a:hover {font-weight:bold;}
#title_bar a:active {font-weight:bold;}

#logo{
position:relative;
float:left;
height:150px;
width:175px;
background-image:url("../images/logo.gif");
background-repeat:no-repeat;
overflow:hidden;
}

#logo a{
width:100%;height:100%;display:block;
}
#logo a:link {text-decoration: none;}
#logo a:visited {text-decoration: none;}
#logo a:hover{text-decoration:none;}
#logo a:active {text-decoration: none;}

#title{
margin-left:175px;
height:150px;
background-image:url("../images/title.gif");
background-position:center;
background-repeat:no-repeat;
min-width:520px;
}

* html #title{
	width:520px;
}

#left {
position:relative;/*ie needs this to show float */
width:175px;
float:left;
margin-left:-174px;/*must be 1px less than width otherwise won't push footer down */
}

#left p {padding-left:3px;padding-right:2px}

#footer {
position:relative;
margin-left:175px;
clear:both;
height:50px;
color: #000000;
text-align:center;
min-width:520px;
}

#clearfooter{clear:both;height:50px;}/*needed to make room for footer*/
div,p {margin-top:0}/*clear top margin for mozilla*/
* html #maincontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
#maincontent{ padding-left:25px; }

div>p {margin:0;}
h2 {
margin:0;
font-weight:bold;
font-size:16px;
display:inline;
}

h3 {
margin:0;
font-weight:bold;
font-size:14px;
display:inline;
}
ul:not(.list):not(.ui-autocomplete) {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
    margin:0;
	padding:0 0 0 1em;
}

/**
 * New Auto Complete Styles - adjustments to jQuery UI Styles
 */
/* Zebra striping */
.ui-autocomplete li:nth-of-type(odd) {
	background: #eee;
}
.ui-autocomplete li.ui-state-focus {
	background: #cfc;
}
/**
 * Add 'lbs' label to weights
 */
.weight:after,
#total-weight:after {
	content: ' lbs';
}

textarea {
	display:block;
	width:80%;
	height:20em;
	margin:0 0 2em 0;
}

h4 {
	margin:1em 0 0 0;
}

dt {
    font-weight:bold;
}
.small{
font-size:10px;
line-height:12px;
}

.big{
font-size:18px;
}
.big .tt span{
font-size:12px;
}

.shortcut_cell{width:55px;}

a{padding:0; color:#0000FF;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}
a img {
    border:none;
}

.jslink {
    cursor:pointer;
}

.tt{position:relative; border-bottom:1px dashed #999; color:#000;}
a.tt:link, a.tt:visited, a.tt:hover, a.tt:active {text-decoration: none;}
.tt span {display:none;}
.tt:hover span {
	display:block;
	position:absolute;
	top:1.5em;
	left:1.5em;
	padding:.5em;
	border:1px solid #666;
	background-color:#F3F3F3;
	color:#000;
	text-align: center;
	z-index:99;
}

table tr.expanded .tt:hover span.unit-descriptions {
	position: static;
	border:none;
	background: none;
	padding:0;
	text-align:left;
	z-index: auto;
}
table tr.expanded .tt span.unit-descriptions {
	margin:.5em 0;
	display:block;
}

a.nounderline{padding:0; color:#00F;}
a.nounderline:link {text-decoration: none;}
a.nounderline:visited {text-decoration: none;}
a.nounderline:hover {text-decoration: none;}
a.nounderline:active {text-decoration: none;}

a.blk_link{padding:0; color:#000;}
a.blk_link:link {text-decoration: none;}
a.blk_link:visited {text-decoration: none;}
a.blk_link:hover {text-decoration: underline;}
a.blk_link:active {text-decoration: none;}

a.red_link{padding:0; color:#F00;}
a.red_link:link {text-decoration: none;}
a.red_link:visited {text-decoration: none;}
a.red_link:hover {text-decoration: underline;}
a.red_link:active {text-decoration: none;}

a.grn_link{padding:0; color:#090;}
a.grn_link:link {text-decoration: none;}
a.grn_link:visited {text-decoration: none;}
a.grn_link:hover {text-decoration: underline;}
a.grn_link:active {text-decoration: none;}

/*nav links have a background image*/
#navcontainer a {
color:#FFF;
display:block;
width:175px;
height:30px;
text-indent:20px;
line-height:30px;
text-decoration:none;
background-image:url("../images/button.gif");
white-space:nowrap;
}
#navcontainer a:link {background-position:top;}
#navcontainer a:visited {background-position:top;}
#navcontainer a:hover {background-position:bottom;}
#navcontainer a:active {background-position:bottom;}

#navcontainer em {
	font-style:normal;
	text-decoration:underline;
}
#navcontainer {
	font-weight:bold;
	font-size:16px;
	vertical-align:middle;
	margin:0;
	padding:0;
	list-style:none;
}

.button{
display:block;
width:10px;
line-height:10px;
font-size:12px;
font-weight:bold;
margin:0;
background-color:#006699;
border-style:solid;
border-top-color:#458FBF;
border-right-color:#004263;
border-bottom-color:#004263;
border-left-color:#458FBF;
border-width:2px;
position:relative;
left:161px;
text-align:center;
color:#FFFFFF;
text-decoration:none;
}
.button a {color:#FFFFFF;}
.button:link {background-color:#006699;}
.button:visited {background-color:#006699;}
.button:hover {
background-color:#6699CC;
border-top-color:#8FB5DA;
border-right-color:#426384;
border-bottom-color:#426384;
border-left-color:#8FB5DA;
text-decoration:none;
}
.button:active {
background-color:#6699CC;
border-top-color:#8FB5DA;
border-right-color:#426384;
border-bottom-color:#426384;
border-left-color:#8FB5DA;
}

table.ruled {
	border:0;
	width:100%;
}
.gap {
	margin-bottom:40px;
}
.ruled td{border-bottom:1px solid #CCCCCC;}
.ruled thead td{font-weight:bold;}
table tr.collapsed .hide,
table tr.shrunk .hide {
	display:none;
}

.print_only{display:none;}

#show_nav{display:none;}
#footer_replace{display:none;}
.box{
	border:1px solid #999;
	margin:1em 5px;
}
.box p,
.box .inner {
	margin:0;
	padding:5px;
}
.box div.cont{
	margin:0 0 10px 5px;
}
.box > h2:first-of-type{
	margin:0;
	padding:1px 5px;
	display:block;
	background-color:#EFEFEF;
}
.box h3{
	margin:5px 0 0 5px;
	display:block;
}
.handle {
	cursor:move;
}
.faq-content {
	margin: 1rem;
}

.faq h2,
.faq h4 {
	display:block;
}
.clear{
	clear:both;
	line-height:0;
	height:0;
	margin:0;
	padding:0;
}
textarea{
	margin:0;
}
.pages {
	text-align:center;
}
.result_text {
	text-align:right;
}
#email_form {
	z-index:99;
	position:absolute;
	border:2px outset #003333;
	padding:5px;
	background-color:#6699CC;
}

#email_form fieldset div {
	clear:both;
	margin:0.3em 0pt;
}
#email_form label {
	float:left;
	margin-right:1em;
	text-align:right;
	width:8em;
}
#email_form legend {
	font-size:1.5em;
}
.error,
.message {
	-moz-border-radius:0.5em;
	-khtml-border-radius:0.5em;
	border:1px solid #CCC;
	padding:.5em;
    text-align:center;
}
.error {
	color:#F00;
}
.important {
    color:#F00;
    font-weight:bold;
}
#close {
 margin:0;
 padding:0;
 height:20px;
 width:20px;
 float:right;
 background-color:#005588;
 text-align:center;
 font-weight:bold;
 font-family:Arial, Helvetica, sans-serif;
}
#close button{
margin:0;
padding:0;
border:0;
background-color:#005588;
font-size:14px;
line-height:18px;
width:100%;
height:100%;
text-decoration:none;
}
#close button:hover{color:#FFFFFF;}
#csz table.ruled tbody tr {cursor:pointer !important;}
#csz table.ruled tbody tr:hover {background-color:#FF0 !important;}
.odd {
	background-color:#EFEFEF;
}
.even {
	background-color:#DFDFDF;
}
.even:hover,
.odd:hover {
    background-color:#CFC;
}
fieldset {
	border:1px solid #CCC;
}
button.remove,
button.add,
button {
	background-repeat:no-repeat;
	background-position:4px 50%;
	line-height:16px;
	margin:4px;
	cursor:pointer;
}

button.invert {
	padding-left:22px;
	background-image:url("/images/arrow_switch.png");
}

button.mark_all_synced,
button.mark_all_not_synced,
button.mark_all_ready_to_sync,
button.mark_all {
	padding-left:22px;
	background-image:url("/images/checked.png");
}

button.unmark_all {
	padding-left:22px;
	background-image:url("/images/unchecked.png");
}

button.expand {
	padding-left:22px;
	background-image:url("/images/arrow_out.png");
}

button.collapse {
	padding-left:22px;
	background-image:url("/images/arrow_in.png");
}

button.add{
	padding-left:22px;
	background-image:url("/images/add.png");
}

button.remove{
	padding-left:22px;
	background-image:url("/images/delete.png");
}

button.divide {
	padding-left:22px;
	background-image:url("/images/arrow_divide.png");
}

button.save {
	padding-left:22px;
	background-image:url("/images/disk.png");
}

button.email {
	width:14px;
	height:14px;
	line-height:14px;
	background-image:url("/images/mail.gif");
	background-position:0;
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;
	display:inline;
	padding:0;
	margin:0;
}

button.text {
    background:none;
    border:1px solid #CCC;
	display:inline;
    font-size:.8em;
    margin:0;
    padding:0 2px;
}

.proto_hide {
	display:none;
}

table tr.marked {
    background-color:#FD9;
}
table tr.hover {
    background-color:#CFC;
}
button.link {
    border:none;
    background-color:transparent;
    height:1em;
    margin:0;
    padding:0;
}
button.link:hover {
    text-decoration:underline;
}
.inplaceeditor-saving {
    display:block;
    min-width:32px;
    min-height:50px;
    background: url(/images/loading.gif) bottom center no-repeat;
}

.validation-passed {
	background-color:#EFE;
	border-color:#090;
}
.validation-passed:hover,
.validation-passed:focus {
	background-color:#DFD;
}
.validation-failed {
	background-color:#FEE;
	border-color:#900;
}
.validation-failed:hover,
.validation-failed:focus {
	background-color:#FDD;
}
.validation-advice {
    clear:both;
	position:relative;
	display:block;
	margin:0 0 0 12em;
	color:#F00;
}
.radio .validation-advice {
    margin:0;
}

legend {
	font-size: 1.5em;
	font-weight: bold;
}

.alignleft {
	float:left;
}
.alignright {
	float:right;
}