/* Textual Elements */

#body {background: #616161;font-family: Lato;}

.body {
	color: #333;
	font-size: 12px;
	font-family: lato;
	cursor:url("/images/orange01.cur");
	}

.bodyspaced  {
	color: #666;
	font-size: 12px;
	line-height: 17px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.bodyspacedblk {
	color: #000;
	font-size: 12px;
	line-height: 17px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.bodymedium {
	color: #666;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.bodymediumblk {
	color: #000;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
	
.bodymediumorng {
	color: #c60;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.bodymediumspaced {
	color: #666;
	font-size: 11px;
	line-height: 17px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.bodysmall {
	color: #333;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.bodysmallgray {
	color: #999;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.bodymicro {
	color: #333;
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.headline {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.title {
	color: #999;
	font-size: 21px;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
	
.titleorng {
	color: #c60;
	font-size: 21px;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
	
.titlered {
	color: #c00;
	font-size: 21px;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.stepon {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-color: #369;
	padding: 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.stepoff {
	color: #ccc;
	font-size: 12px;
	font-weight: bold;
	background-color: #fff;
	padding: 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.issorted {
	color: #000;
	text-decoration: underline;
	background-color: transparent;
	font-weight: bold }

.subhead {
	color: #333;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.subheadblu {
	color: #369;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.subheadblk {
	color: #000;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.subheadorng {
	color: #c60;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
	
.subheadred {
	color: #900;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

br { font-size: 11px }

.marketing {
	color: #666;
	font-size: 10px;
	line-height: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }


/* Links */

a { color: #369 }
a:hover { color: #fff; text-decoration: none; background-color: #369; cursor:url("/images/orange01-x.cur");}

a.sort { color: #666; text-decoration: underline }
a.sort:hover { color: #000; text-decoration: underline; background-color: transparent }

a.topnav { color: #ccc; text-decoration: none }
a.topnav:visited { color: #c6c6c6; text-decoration: none }
a.topnav:hover { color: #fc0; text-decoration: underline; background-color: transparent }

a.tab { color: #666; text-decoration: none }
a.tab:hover { color: #000; text-decoration: none; background-color: transparent }

a.bigsort { color: #c60; text-decoration: none }
a.bigsort:hover { color: #c60; text-decoration: underline; background-color: transparent; cursor: help }

a.tip { color: #666; text-decoration: none }
a.tip:hover { color: #369; text-decoration: underline; background-color: transparent; cursor: help }

/* Form Elements */

input.txt {
	border: 1px #999 solid;
	padding: 1px;
	background: #fff;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #c60 }
	
input.txterror {
	border: 1px #c00 solid;
	padding: 1px;
	background: #fff;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #c00 }
	
input.txtok {
	border: 1px #999 solid;
	padding: 1px;
	background: #fff;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666 }

textarea {
	border: 1px #666 solid;
	background: #fff;
	font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666 }

select {
	border: 1px #666 solid;
	background: #fff;
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333 }

form { display:inline }

input.buttonyel {
	background-color: #ffcc00;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	padding: 2px }

input.button {
	background-color: #efefef;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	padding: 2px }

input.searchbutton {
	background-color: #efefef;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 10px;
 	font-weight: bold;
 	color: #333;
 	padding: 1px }


#container-main {background: #ffffff; width: 1080px; margin: 0 auto 50px; padding: 10px 10px 50px 10px; border: 1px solid #000; border-radius: 10px;}

#container-pageinfo {
    display: table;
    table-layout: fixed;
    width:95%;
    margin:30px 0;
}
#container-pageinfo div {
    display: table-cell;
}

.headerwhitebold {color: #fff;}


/* XXXXXXXXXXXX  H Styles 
h1 {font-family: Roboto; font-size: 2em;}
h2 {font-family: Roboto; font-size: 1.5em;}
h3 {font-family: Roboto; font-size: 1.2em;}
*/

h3.pageTitle {font-size: 1.6em; font-family: Lato; text-align:center;}

.top-nav-client {background: #e3ebfd; text-align: center; font-family: Roboto; font-size: 1em;}

#layoutTable {width: 95%; margin: 0 30px;}
#layoutTable th {text-align: left;padding: 3px 10px;}
#layoutTable td {padding: 3px 10px; border-bottom: 1px dotted #333;}
#layoutTable tr:hover td {background: #fef9e7;}
#layoutTable td {padding: 5px 10px;}
.messagebox {background: #d7f4db url(/images/icons/green-check.gif) no-repeat 35px 11px; line-height: 31px; height: 31px; padding: 5px 10px 5px 70px; margin:15px 0 25px 0; border: 1px solid #ccc; font-weight: bold;}

.clientInfoBox {width: 30%;}