/* Sunbelt Racks CSS */

/* --- global --- */
body { 
	margin: 10px;
	background: #999;
	color: #333;		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-style: normal;
	font-weight: normal; 
	text-decoration: none;
}
td { 
	color: #042147;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 14px;
	font-style: normal;
	font-weight: normal; 
	text-decoration: none; 
}
a:link    { color: #83bad8; font-weight: bold; text-decoration: underline; }
a:visited { color: #83bad8; font-weight: bold; text-decoration: underline; }
a:hover   { color: #ff5c00; font-weight: bold; text-decoration: none; }
a:active  { color: #ff5c00; font-weight: bold; text-decoration: none; }

.copy { 
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px;
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none;
	padding: 0px 20px 20px 20px;
	text-align: center; 
}
.copy a:link    { color: #ffffff; font-weight: normal; text-decoration: none; }
.copy a:visited { color: #ffffff; font-weight: normal; text-decoration: none; }
.copy a:hover   { color: #ff5c00; font-weight: normal; text-decoration: underline; }
.copy a:active  { color: #ff5c00; font-weight: normal; text-decoration: underline; }

.copy2 { 
	color: #83bad8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 13px;
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none;
	padding: 0px 0px 0px 0px;
}
.copy2 a:link    { color: #83bad8; font-weight: normal; text-decoration: none; }
.copy2 a:visited { color: #83bad8; font-weight: normal; text-decoration: none; }
.copy2 a:hover   { color: #ff5c00; font-weight: normal; text-decoration: underline; }
.copy2 a:active  { color: #ff5c00; font-weight: normal; text-decoration: underline; }


.top { 
	color: #ff5c00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 11px;
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
}
.top a:link    { color: #ff5c00; font-weight: bold; text-decoration: none; }
.top a:visited { color: #ff5c00; font-weight: bold; text-decoration: none; }
.top a:hover   { color: #ffffff; font-weight: bold; text-decoration: underline; }
.top a:active  { color: #ffffff; font-weight: bold; text-decoration: underline; }

.wl { 
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px;
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none;
	text-align: right;
	width: 170px;
}
.wh { 
	color: #fff;
	font-size: 10px; 
	line-height: 12px;
}
.or { 
	color: #ff5c00;
}

.head { 
	color: #042147;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px; 
	line-height: 17px;
	font-style: normal; 
	font-weight: bold; 
	text-decoration: none; 
}
.headOr { 
	color: #ff5c00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px; 
	line-height: 17px;
	font-style: normal; 
	font-weight: bold; 
	text-decoration: none; 
}
.headOrsm { 
	color: #ff5c00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	line-height: 14px;
	font-style: normal; 
	font-weight: bold; 
	text-decoration: none; 
}
.headWh { 
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	line-height: 14px;
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
}
.tsDates{
	color: #83bad8;
	font-weight: bold;
	font-size: 10px;
    line-height: 12px;
}
/* --- global --- */


/* --- Background Images --- */
.homeBg{
	background-image: url(../images/home_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.subBg{
	background-image: url(../images/subpage_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.leftBg {
	background-image: url(../images/left_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.boxL {
	background-image: url(../images/boxleftbg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.boxR {
	background-image: url(../images/boxrtbg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.logo {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 760px;
	height: 90px;
	text-align: right;
	vertical-align: top;
	padding: 20px 190px 0px 0px;
}
/* --- Background Images --- */


/* --- blue boxes --- */
.blBox{
	background: #042147;
	padding: 0px 15px 0px 15px;
	color: #fff;
	font-size: 10px;
     line-height: 12px;
}
.blTab{
	background: #042147;
	color: #ff5c00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	line-height: 20px;
	font-style: normal; 
	font-weight: bold; 
	text-decoration: none;
	background-image: url(../images/tab_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
/* --- blue boxes --- */


/* --- cell colors --- */
.bgWh{
	background-color: #fff;
	line-height: 1px;
	padding: 0px;
	margin: 0px;
}
.bgGrey{
	background-color: #999;
	line-height: 1px;
	padding: 0px;
	margin: 0px;
}
.bgBldk{
	background-color: #042147;
	line-height: 1px;
	padding: 0px;
	margin: 0px;
}
.bgBllt{
	background-color: #83bad8;
	line-height: 1px;
	padding: 0px;
	margin: 0px;
}
.bgOr{
	background-color: #ff5c00;
	line-height: 1px;
	padding: 0px;
	margin: 0px;
}
/* --- cell colors --- */

.required   { 
	   color: #ff5c00;
	   font-style: normal; font-weight: normal; text-decoration: none; }

.regfield   { 
	   color: #5C7A8F;
	   font-style: normal; font-weight: normal; text-decoration: none; }


/* --- form stuff --- */
.ddHolder{
	background: #042147;
	padding: 5px 15px 0px 15px;
}
form { 
	margin: 0px;
	padding: 0px;
}
input, select, textarea {
	margin: 0;
	font-family: verdana, arial, hevetica, sans-serif;
	font-size: 9px;
	color: #333;
}
select.ps {
	width: 130px;
	border: 1px solid #042147;
}
input.wlist {
	width: 150px;
}
input.find {
	background-color: #ff5c00;
	border: 1px solid #042147;
	color: #042147;
	font-weight: bold;
	padding: 1px 4px 1px 4px;
}

/* text field */
.field { 
    color: #888888; background: #eeeeee; 
		  width: 100%; height: 14px; 
		  border: #808080; border-style: solid; 
		  border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

/* text field */
.field3 { 
    color: #888888; background: #eeeeee; 
		  width: 200px; height: 14px; 
		  border: #808080; border-style: solid; 
		  border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

/* required field */
.reqfield { 
		  color: #888888; background: #eeeeee; 
		  width: 100%; height: 14px; 
		  border: #ff5c00; border-style: solid; 
		  border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

/* text field */
.field1 { 
		  color: #888888; background: #eeeeee; 
		  width: 100%; height: 76px; 
		  border: #808080; border-style: solid; 
		  border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

/* state drop-down */
.state { 
	   color: #ffffff; 
    background: #ff5c00; 
	   width: 200px;
 	  border: 1px solid #ff5c00;}

/* drop-down */
.formdd { 
	   color: #888888; background: #eeeeee; 
	   width: 100%; height: 14px;
 	  border: 1px solid #808080;}

/* buttons */		  
.but1 { 
     font-weight: bold; 
	    color: #ff5c00; background: #042147;
	    width: 60px; height: 18px; 
	    border: #35271a; border-style: solid; 
	    border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
.but2 { 
     font-weight: bold; 
	    color: #ffffff; background: #ff5c00;
	    height: 18px; 
	    border: #35271a; border-style: solid; 
	    border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
/* --- form stuff --- */