@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal;
	background: #cbdde2 url(/images/bkg.png) top left repeat-x;
	margin: 0;
	padding: 0;
	color: #000; 
}



a img { 
	border: none;
}



/* ~~ this fixed width container surrounds all other elements ~~ */

#mainContainer {width: 1011px;
	margin: 0 auto;}
.container {
	width: 1011px;
	margin: 0 auto; background:url(/images/mainBkg.png) 0px 35px no-repeat; height: 714px;
}

/* Styles for Login Page */
.login_container {
	width: 1011px;
	margin: 0 auto; background:url(/images/login_bkg.png) 0px 35px no-repeat; height: 714px;
}
.content .mainCont2 {float: left; width: 943px; height:600px; margin-left: 23px;}
.login_container .mainCont2 .mainPanels {width: 100%; float:left; height:570px;}
.login_container .mainCont2 .mainPanels .lftPanel {width: 520px; float:left; margin-top: 180px; margin-left: 103px;}
.login_container .mainCont2 .mainPanels .lftPanel img.subhd {margin-left: 80px; margin-top: 50px;}
.login_container .mainCont2 .mainPanels .rtPanel {width: 246px; float:right; margin-top: -50px; margin-right: 44px;}
.login_container .mainCont2 .mainPanels .rtPanel .topPanel {width: 246px; float:right; height: 13px; background:url(../images/green_top.png) top left no-repeat;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel {width: 246px; float:right; background:url(/images/green_mid.png) top left repeat-y;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlTop {width: 221px; float:left; height: 12px; background:url(/images/white_top.png) top left no-repeat; margin-left: 8px;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid {width: 221px; float:left; background: #fff; margin-left: 8px;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid .topBkgImg {float: left; width: 200px; height:82px; margin-top: -8px;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid .topBkgImg .hdrTxt {float: left; color: #78b49f; font-size: 22px; font-weight:bold; margin-left: 23px; margin-top: 27px;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid .formTxt {float: left; clear:both; margin-left: 10px; width: 100%;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid .formTxt .frmBox {padding-bottom: 5px; float:left; width: 200px;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid .formTxt .frmBox input {width: 123px; border: 1px solid #76b09c; background: #e8f6f1; height: 18px; float:right;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid .formTxt .frmBox .lftFrm {font-size: 12px; font-weight:bold; color: #78b49f;float: left; margin-right: 4px; margin-top: 3px;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid .formTxt .rtFrm {float: right; width: 123px;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid .formTxt .frmBox .bttn {float: left; text-align:center; width: 100%; clear:both; margin-top: 10px;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid .formTxt .frmBox .forgot {float: left; text-align:center; width: 100%; clear:both; margin-top: 5px; font-size: 10px; font-weight:normal;}
.bkgPnlMid .formTxt .frmBox .forgot a, .bkgPnlMid .formTxt .frmBox .forgot a:link, .bkgPnlMid .formTxt .frmBox .forgot a:visited, .bkgPnlMid .formTxt .frmBox .forgot a:active {text-decoration: none; color: #76b09c;}
.bkgPnlMid .formTxt .frmBox .forgot a:hover {color: #76b09c; text-decoration:underline;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlBttm {width: 221px; float:left; height: 12px; background:url(/images/white_bttm.png) top left no-repeat; margin-left: 8px;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid .hdrText {font-size: 18px; font-weight: normal; color: #78b49f; text-align:center;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid .hdrText .secondColor {color: #000;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid p {float: left; font-size: 12px; line-height:14px; margin-right: 10px; margin-left: 15px;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid ul {float: left; width: 100%; margin:0; padding:0;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid ul li {list-style-type: none; background:url(/images/arrow.png) 10px 4px no-repeat; padding-left: 20px; font-size: 14px; font-weight: bold; padding-bottom: 5px;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid .signup {float: left; margin-left: 8px; margin-top: 15px;}
.login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid .freeTxt {float: left; font-size:14px; font-weight:bold; width: 100%; text-align:center;}
.login_container .mainCont2 .mainPanels .rtPanel .bttmPanel {width: 246px; float:right; height: 13px; background:url(/images/green_bttm.png) top left no-repeat; margin-bottom: 5px;}
.login_container .mainCont2 .footer {text-align: center; top: 20px; color: #888888; font-size:10px;}
.login_container .mainCont2 .footer a, .login_container .mainCont2 .footer a:link, .login_container .mainCont2 .footer a:active {text-decoration: none; color: #888888; font-size: 10px;}
.login_container .mainCont2 .footer a:hover {text-decoration:underline;}

/* IE7 hacks for Login page */
*:first-child+html .login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid p {margin-top: 10px; margin-bottom: 10px;}
*:first-child+html .login_container .mainCont2 .mainPanels .rtPanel .midPanel .bkgPnlMid .formTxt .frmBox .bttn {margin-top: 15px;}

/* End Styles specific to Login Page */

/* Styles for Learn More Page */
.content .mainCont3 {float: left; width: 943px; height:600px; margin-left: 23px;}
.main_container {
	width: 1011px;
	margin: 0 auto; background:url(/images/main_bkg2.png) 0px 35px no-repeat; height: 714px;
}
.main_container .mainCont3 .footer {text-align: center; margin-top: 40px; color: #888888; font-size:10px; float:left; width: 100%;}
.main_container .mainCont3 .footer a, .login_container .mainCont2 .footer a:link, .login_container .mainCont2 .footer a:active {text-decoration: none; color: #888888; font-size: 10px;}
.main_container .mainCont3 .footer a:hover {text-decoration:underline;}
.main_container .mainCont3 .mnHdr {float: left; border-bottom: 1px solid #8dd3bb; width: 97%; margin-top: 15px; clear:both; margin-left: 13px;}
.main_container .mainCont3 .mnHdr .lftHdr {float: left; margin-left: 5px; padding-bottom: 5px;}
.main_container .mainCont3 .mnHdr .rtHdr {float: right; font-size:22px; font-weight:bold; color: #78b49f;margin-top: 28px;}
.scrollArea {height: 425px; float:left; width: 800px; margin-top: 10px; margin-left: 0px;}

#mycustomscroll3 {
width: 908px;
height: 405px;
overflow: auto;
position: relative;
background-color: #fff;
margin: 10px 0px 15px 12px;
padding: 0px 15px 15px 0px; text-align:left; float:left; border:none; outline:none;
}
 #mycustomscroll3 h2 {font-size:18px; font-weight:bold; color: #78b49f; margin-left: 23px; padding:0; margin-bottom: 5px;}
 #mycustomscroll3 .mainScrolls {width: 871px; display: inline-block;}
 #mycustomscroll3 .mainScrolls .lftScroll {float: left; width: 350px; margin-left: 8px;}
 #mycustomscroll3 .mainScrolls .lftScroll .topSc {float: left; background:url(/images/lm_top_green.gif) top left no-repeat; width: 351px; height: 11px;}
 #mycustomscroll3 .mainScrolls .lftScroll .midSc {background: #e8f6f1; width: 321px; float:left; padding: 0px 15px 0px 15px; font-size:12px; font-weight:normal;}
 #mycustomscroll3 .mainScrolls .lftScroll .btmSc {float: left; background:url(/images/lm_bttm_green.gif) bottom left no-repeat; width: 351px; height: 11px;}

 #mycustomscroll3 .mainScrolls .rtScroll {float: right;}
 
 .content .hdr .right2 .topRight2 {float: right; font-size: 11px; font-weight:normal; color: #888888; margin-top: 50px; width: auto;}
 .content .hdr .right2 .topRight2 a, .content .hdr .right2 .topRight2 a:link, .content .hdr .right2 .topRight2 a:visited, .content .hdr .right2 .topRight2 a:active {font-size: 11px; font-weight:normal; color: #888888; text-decoration:none;}
.content .hdr .right2 .topRight2 a:hover {color: #888888; text-decoration:underline;}

/* End styles for Learn More page */

/* Styles for Contact Page */
 #mycustomscroll3 .mainScrolls .mainLrg {width: 898px;}
 #mycustomscroll3 .mainScrolls .mainLrg .topMn {width: 898px; height:13px; float:left; background:url(/images/contact_top_green.gif) top left no-repeat;}
 #mycustomscroll3 .mainScrolls .mainLrg .midMn {width: 868px; float:left; background: #e8f6f1; padding: 0px 15px 0px 15px;}
 #mycustomscroll3 .mainScrolls .mainLrg .btmMn {width: 898px; height:13px; float:left; background:url(/images/contact_bttm_green.gif) bottom left no-repeat;}
 #mycustomscroll3 .mainScrolls .mainLrg .midMn p {font-size: 12px; font-weight:normal; padding:0; margin:0; line-height: 14px;}
 #mycustomscroll3 .mainScrolls .mainLrg .midMn .required1 {font-size: 9px; font-weight: normal; color: #990000; margin-top: 10px; margin-bottom: 10px;}
 #mycustomscroll3 .mainScrolls .mainLrg .midMn .required2 {font-size: 9px; font-weight: normal; color: #990000;}
 #mycustomscroll3 .mainScrolls .mainLrg .midMn .mainFrm {float: left; width: 100%; font-size: 12px; text-transform:uppercase;}
 #mycustomscroll3 .mainScrolls .mainLrg .midMn .mainFrm .mnTxt {margin-left: 2px;}
 #mycustomscroll3 .mainScrolls .mainLrg .midMn .mainFrm textarea {width: 289px; border: 1px solid #76b09c; height: 100px;}
 #mycustomscroll3 .mainScrolls .mainLrg .midMn .mainFrm input {width: 227px; border: 1px solid #76b09c; margin-bottom: 15px;}
 #mycustomscroll3 .mainScrolls .mainLrg .midMn .mainFrm select {margin-bottom: 15px;}
 #mycustomscroll3 .mainScrolls .mainLrg .midMn .mainFrm .lftFrm {float: left; width: 33%; white-space:nowrap;}
 #mycustomscroll3 .mainScrolls .mainLrg .midMn .mainFrm .lftFrm .req1 {width: 10px; padding-right: 10px;}
 #mycustomscroll3 .mainScrolls .mainLrg .midMn .mainFrm .midFrm {float: left; width: 33%;}
 #mycustomscroll3 .mainScrolls .mainLrg .midMn .mainFrm .rtFrm {float: left; width: 33%;}
 #mycustomscroll3 .mainScrolls .mainLrg .midMn .mainFrm .rtFrm .submtBttn {float: right; margin-top: 150px;}
 
 /* Styles for Admin Screen */
 
 #mycustomscroll4 {
width: 908px;
height: 405px;
overflow: auto;
position: relative;
background-color: #fff;
margin: 15px 0px 15px 12px;
padding: 0px 15px 15px 0px; text-align:left; float:left; border:none; outline:none;
}
.mainCont3 h2.admin {font-size: 18px; font-weight: bold; color: #72ab97; margin-left: 70px; margin-top: 50px; padding:0;}
.mainCont3 h3.admin2 {font-size: 14px; font-weight: bold; color: #000; margin-left: 10px; margin-top: 0px; margin-bottom: 10px; padding:0;}
 #mycustomscroll4 .mainScrolls .mainLrg {width: 671px; margin-left: 120px; font-size: 12px;}
 #mycustomscroll4 .mainScrolls .mainLrg .topMn {width: 671px; height:16px; float:left; background:url(/images/admin_box_top.gif) top left no-repeat;}
 #mycustomscroll4 .mainScrolls .mainLrg .midMn {width: 669px; float:left; background: #e8f6f1; padding: 0px; border-left: 1px solid #72ab97; border-right: 1px solid #72ab97;}
  #mycustomscroll4 .mainScrolls .mainLrg .midMn table {border-bottom: 1px solid #72ab97; float:left;}
  #mycustomscroll4 .mainScrolls .mainLrg .midMn table td {padding: 3px 10px 3px 10px; border-right: 1px solid #72ab97;}
   #mycustomscroll4 .mainScrolls .mainLrg .midMn table td.last {border: none;}
  #mycustomscroll4 .mainScrolls .mainLrg .midMn table th {background: #72ab97; padding: 3px 10px 3px 10px; color: #fff; font-weight:bold; text-align:left;}
 #mycustomscroll4 .mainScrolls .mainLrg .btmMn {width: 671px; height:16px; float:left; background:url(/images/admin_box_bttm.gif) bottom left no-repeat;}
 
 .content .footer2 {text-align: center; margin-top: -25px; color: #888888; font-size:10px; float:left; width: 100%;}
 .content .footer2 a,  .content .footer2 a:link,  .content .footer2 a:visited,  .content .footer2 a:active {text-decoration: none; color: #888888; font-size: 10px;}

.content .footer2 a:hover {text-decoration:underline;}

.zebra_odd {background-color: #e8f6f1;}
.zebra_even {background-color: #fff;}

#mycustomscroll4 .mainScrolls .navs {width: 661px; float:left; margin-left: 130px; }
#mycustomscroll4 .mainScrolls .navs .lftNav {float: left;}
#mycustomscroll4 .mainScrolls .navs .lftNav ul {margin:0; padding:0; }
#mycustomscroll4 .mainScrolls .navs .lftNav ul li {list-style-type:none; width: 110px; height: 22px; font-size: 11px; font-weight:bold; color: #fff; float: left; margin-right: 3px;}
#mycustomscroll4 .mainScrolls .navs .lftNav ul li a, #mycustomscroll4 .mainScrolls .navs .lftNav ul li a:link, #mycustomscroll4 .mainScrolls .navs .lftNav ul li a:visited, #mycustomscroll4 .mainScrolls .navs .lftNav ul li a:active {background:url(/images/admin_tabs_off.gif) top left no-repeat; width: 110px; height: 22px;font-size: 11px; font-weight:bold; color: #fff; text-decoration: none; padding-top: 5px; text-align:center; display: block;}
#mycustomscroll4 .mainScrolls .navs .lftNav ul li a:hover {font-size: 11px; font-weight:bold; color: #fff; text-decoration: none; width: 110px; height: 22px;background:url(/images/admin_tabs_on.gif) top left no-repeat;}
#mycustomscroll4 .mainScrolls .navs .lftNav ul li.navOn {font-size: 11px; font-weight:bold; color: #fff; text-decoration: none; width: 110px; height: 22px;background:url(/images/admin_tabs_on.gif) top left no-repeat;text-align:center; padding-top: 5px; height: 17px;}
#mycustomscroll4 .mainScrolls .navs .rtNav {float: right; margin-right: 10px;}
#mycustomscroll4 .mainScrolls .navs .rtNav a, #mycustomscroll4 .mainScrolls .navs .rtNav a:link, #mycustomscroll4 .mainScrolls .navs .rtNav a:visited, #mycustomscroll4 .mainScrolls .navs .rtNav a:active {font-size: 11px; font-weight:normal; color: #888888; text-decoration:none;}
#mycustomscroll4 .mainScrolls .navs .rtNav a:hover {color: #888888; text-decoration:underline;}
 
 /* End styles for Admin Screen */

/* End styles for Contact Page */
.content {

	padding: 0px 0; margin-left: 8px;
}
.content .hdr {float: left; width: 954px;}
.content .hdr .logo {float: left; width: 200px; margin-left: 24px; margin-top: 10px;}



.content .hdr .right .topRight {float: right; font-size: 11px; font-weight:normal; color: #888888; margin-top: 10px; width: 650px;}
.content .hdr .right .topRight .lftSide {float: left; margin-top: 4px; margin-left: 10px;}
.content .hdr .right .topRight .midSide {float: left; margin-left: 15px; margin-top: 0px;}
.content .hdr .right .topRight .rtSide {float: right;margin-top: 6px; margin-right: -8px;}
.content .hdr .right .topRight a, .content .hdr .right .topRight a:link, .content .hdr .right .topRight a:visited, .content .hdr .right .topRight a:active {font-size: 11px; font-weight:normal; color: #888888; text-decoration:none;}
.content .hdr .right .topRight a:hover {color: #52cb74; text-decoration:underline;}
.content .hdr .right .topRight .txtHdr {color: #52cb74; margin-top: 2px; float: left; margin-left: 224px;}
.content .hdr .right .topRight input {color: #8d8c8c; font-size: 11px; border: none; background: none; margin-right: 5px; margin-top: 4px; width: 150px;}
.content .hdr .right .topRight .topSrch {float:right; margin-top: 11px; margin-right: 5px;}
.content .hdr .right .topRight .topSrch img {float:right; margin-right: -15px; margin-top: 4px;}

.content .hdr .right .bttmRight {float:right; width: 288px; clear:both; margin-top: 0px; color: #a7a7a7; padding-left: 12px; padding-top: 32px;}
.content .hdr .right .bttmRight ul {margin:0px 0px 0px 50px; padding:5px 0px 0px 0px;float: right;}
.content .hdr .right .bttmRight ul li {list-style-type: none; display: inline; margin:0; padding:8px; background:url(../images/nav_sep.gif) right 11px no-repeat; text-align:center;}
.content .hdr .right .bttmRight ul li.last {background: none;}
.content .hdr .right .bttmRight ul li a, .content .hdr .right .bttmRight ul li a:link, .content .hdr .right .bttmRight ul li a:visited, .content .hdr .right .bttmRight ul li a:active {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color: #a7a7a7; text-decoration: none; text-align:center; padding-right: 3px; padding-left: 3px;}
.content .hdr .right .bttmRight ul li a:hover {text-decoration: none; color: #52cb74;}
.content .mainCont {float: left; width: 943px; height:523px; margin-left: 23px;}
.content .mainCont .lftBttn {float: left; width: 132px; height: 22px; margin-top: 16px; margin-left: 15px; margin-right: 25px;}


/*top navs */

.content .mainCont #topNavs {float: left; margin-left: 25px; font-size:11px; margin-top: 0px; width: 735px;}
.content .mainCont #topNavs ul {display: inline; float:left; width: 100%;}
.content .mainCont #topNavs ul li {list-style-type: none; display: inline; color: #8d8d8d; padding-right: 13px;}
.content .mainCont #topNavs ul li a, .content .mainCont #topNavs ul li a:link, .content .mainCont #topNavs a:visited, .content .mainCont #topNavs a:active {font-weight: bold; color: #8d8d8d; text-decoration:none;}
.content .mainCont #topNavs ul li a:hover {font-weight: bold; color: #8d8d8d; text-decoration:none;}

.content .mainCont .tablescroll table.mainTbl {/*float: left;*/ width: 97%; height: 425px; min-height: 425px; margin-top: 5px; margin-left: 0px; table-layout:fixed;}
.content .mainCont .tablescroll table.mainTbl thead.noscroll {/*width: 97%; */height:58px; padding-top: 40px;}
.content .mainCont .tablescroll table.mainTbl td {border-right: 1px solid #d7f0e7;}

.content .mainCont .tablescroll table.mainTbl thead th {height: 57px;border-right: 1px solid #d7f0e7; font-weight:bold; color: #666666; text-align:left;}
.content .mainCont .tablescroll table.mainTbl th.lastCol {border: none;}
.content .mainCont .tablescroll table.mainTbl td.lastCol {border: none;}
.content .mainCont .tablescroll table.mainTbl td.lastCell {border-right: 1px solid #a6a6a6; border-left: 1px solid #a6a6a6;}

.content .mainCont .tablescroll table.mainTbl td {vertical-align:top; width: auto; padding-top: 3px; }
.content .mainCont .tablescroll table.mainTbl td img.arrow {margin-left: 5px; margin-top: 3px;}
.content .mainCont .tablescroll table.mainTbl td img.check {margin-left: 5px; margin-top: 3px;}
.content .mainCont .tablescroll table.mainTbl td img.status {margin-left: 0px; margin-top: 3px;}
.content .mainCont .tablescroll table.mainTbl td.leftCol {}
.content .mainCont .tablescroll table.mainTbl td.rtCol {width: 475px;}
.oddrow {background-color:#f4f4f4;}



th .o2 {
	position: relative;
	top: 7px;
	left: 0px;
	width: 30px;
	height: 25px;
	padding: 0px;
	-sand-transform: rotate(-90deg);
	 line-height: 10px;
     writing-mode: tb-rl;
filter: flipv fliph;

	
}
th .o3 {
	position: relative;
	top: 9px;
	left: 5px;
	width: 30px;
	height: 25px;
	padding: 0px;
	-sand-transform: rotate(-90deg);
	 line-height: 10px;
     writing-mode: tb-rl;
filter: flipv fliph;
	
}
.relative {
	position: relative;
	top: 100px;
	left: 100px;
}

/* Styles for new table */

.content .mainCont table.bigTable {float: left; width:96%; margin-top: 5px; height:auto; min-height: 400px;}
.content .mainCont table.bigTable tbody td {padding-top: 5px;border-right: 1px solid #d7f0e7;}
.content .mainCont table.bigTable thead {height: 57px; padding:0;}
.content .mainCont table.bigTable thead th {border-right: 1px solid #d7f0e7; padding:0; text-align: left;}

table#table-body, table#table-header, table#table-footer
{

table-layout:fixed; 
width:912px;
border:none;
}
table#table-header {margin-left: -1px; width: 912px;}

table#table-header th
{
border-right: 1px solid #d7f0e7; /*padding-top: 12px;*/ top: 10px; 
}
table#table-header th.endBorder {border:none;}

table#table-footer td
{

}

table#table-body td
{border-right: 1px solid #d7f0e7;

}

table#table-body td, table#table-header th, table#table-footer td
{
/*border:1px solid #000;*/
width:auto;
height:25px;
overflow:hidden;
white-space:nowrap;	
}
table#table-header th {height: 56px; text-align: left; padding-top: 11px;}

div#header-container, div#footer-container
{
overflow:hidden;
}

div#scroll
{
width:100%;
overflow:hidden;
max-height:400px;

}

div#fake-scroll-container
{
width:935px;;
overflow:hidden;
position:relative; float:left; margin-top: 15px; height: 465px;
}

div#y-fake-scroll
{
overflow-y:scroll; 
overflow-x:hidden;
background:transparent; 
position:absolute;
right:0;
position:absolute;
max-height:395px; height: 395px;
top:70px;
}

div#x-fake-scroll
{
height:400px;
margin-top:-23px;
overflow-x:auto;
overflow-y:hidden;
margin-top:expression('0px');/* IE 7 fix*/
height:expression('17px'); /* IE 7 fix*/
}

div#y-scroll
{
max-height:400px;
overflow-y:auto;
overflow-x:hidden;
overflow:auto;
width:912px;

}

div#header-container
{
padding:1px 1px 0 1px;
}

.topRightMain {float: left; width: 388px;}
.topRightMain .lftSd {float: left; font-size: 9px; font-weight:bold; color: #949494; margin-top: 6px;}
.topRightMain .midSd {float: left; color: #666666; font-size: 12px; font-weight:bold; margin-top: 6px; margin-left: 90px;}
.topRightMain2 {float: left; width: 388px; font-size: 9px; margin-left: 1px}
.topRightMain2 .leftCont {float: left; color:#fff; font-size: 9px; font-weight: bold; background:url(../images/gray_bar1.gif) top left no-repeat; width: 72px; height: 14px;padding-left: 8px; padding-top: 1px;}
.topRightMain2 .rtCont {float: right;background:url(../images/gray_bar2.gif) top left no-repeat; width: 72px; height: 14px; color: #fff; padding-left: 8px; padding-top: 1px;}

table.topRow {float: left;border-left: 1px solid #949494; border-right: 1px solid #949494; border-top: none; border-bottom: none; padding:0; margin-left: 1px; background: none; margin-top: 0px; width: 388px; height: 21px;}
table.topRow tr {background: none; }
table.topRow tr td {padding:2px 0px 2px 0px; margin:0; font-size: 9px; font-weight:normal; color: #666;}

.tool a, .tool a:link, .tool a:active, .tool a:visited, .tool a:hover {text-decoration: none;}
/*styles for Show Tanks */

#showTanks {float: left; width: auto; margin-left: 495px;}


/*styles for arrows on right for Demand Stream */

.arrow {float: left; width: 100%; margin-left: -10px;}
.arrow .leftArrow1 {float: left; background:url(/images/red_bar_bkg.png) top left repeat-x; width: 10%; height: 15px;}
.arrow .leftArrow2 {float: left; background:url(/images/yellow_bar_bkg.png) top left repeat-x; width: 15%; height: 15px;}
.arrow .leftArrow3 {float: left; background:url(/images/green_bar_bkg.png) top left repeat-x; width: 35%; height: 15px;}

.arrow .rtArrow {float: left; background:url(/images/yellow_bar_arrow.png) top left no-repeat; height: 15px; width: 8px;}
.arrow .rtArrow2 {float: left; background:url(/images/green_bar_arrow.png) top left no-repeat; height: 15px; width: 8px;}


table.arrowsTable {border-left: 1px solid #949494; border-right: 1px solid #949494; border-top: none; border-bottom: none;}
table.arrowsTable td {border: none;}

/* Styles for the table, items above the table and below the header */

.content .mainCont .mid .mainTable {float: left; width: 920px;}
.content .mainCont .mid .mainTable .topTable {float: left; width: 810px; margin-top: 10px;}
.content .mainCont .mid .mainTable .topTable .topLeft {float: left; color: #14a976; font-size: 14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; line-height:18px; margin-top: 0px; margin-left: 20px;}
.content .mainCont .mid .mainTable .topTable .topMid {float: left;}
.content .mainCont .mid .mainTable .topTable .topMid ul {float: left; padding: 0; margin: 13px 0px 0px 60px; height: 22px;}
.content .mainCont .mid .mainTable .topTable .topMid ul li {list-style-type: none; display: inline;}
.content .mainCont .mid .mainTable .topTable .topMid ul li a, .content .mainCont .mid .mainTable .topTable .topMid ul li a:link, .content .mainCont .mid .mainTable .topTable .topMid ul li a:visited, .content .mainCont .mid .mainTable .topTable .topMid ul li a:active {float: left; background: #ebebeb; color: #a1a0a0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; text-decoration: none; height: 16px; padding: 4px 5px 4px 5px; border-right: 1px solid #fff;}
.content .mainCont .mid .mainTable .topTable .topMid ul li a:hover {float: left; background: #ebebeb; color: #87c9b2; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; text-decoration: none; height: 16px; padding: 4px 5px 4px 5px; border-right: 1px solid #fff;}
.content .mainCont .mid .mainTable .topTable .topMid ul li.selected {text-transform: uppercase; color: #fff; font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; width: 140px; height: 17px; float:left; background:url(../images/selected_rt.gif) top right no-repeat; padding-top: 5px; padding-left: 10px; padding-bottom: 3px;}

.content .mainCont .mid .mainTable .topTable .topMid ul li .darker {color: #666;}

.content .mainCont .mid .mainTable .topTable .topMid ul li.firstOne {background:url(../images/gray_arrow2_lft.gif) top left no-repeat; height: 22px; float:left; width: 13px;}
.content .mainCont .mid .mainTable .tableRt {float: right; width: 104px; height: 500px; margin-top: -35px;}

.content .mainCont .mid .mainTable .tableLft {float: left; width: 810px; overflow: auto; height: 430px; margin: 0; padding: 0; }
.content .mainCont .mid .mainTable .tableLft #schedule_board {width: 790px; height: 410px; margin:5px 0px 0px 0px; }
.content .mainCont .mid .mainTable .tableLft #schedule_board tbody tr.schedule_row { height: 60px; }
.content .mainCont .mid .mainTable .tableLft #schedule_board tbody tr td {padding:0; white-space:nowrap}
.content .mainCont .mid .mainTable .tableLft #schedule_board th {font-size: 10px; font-weight:bold; color: #aaaaaa;background: #d7f0e7;  border-right: 1px solid #fff; white-space:nowrap;}
.content .mainCont .mid .mainTable .tableLft #schedule_board th.time_head {border-bottom: 1px solid #fff;}
.content .mainCont .mid .mainTable .tableLft #schedule_board th.first {background: #d7f0e7 url(../images/green_top_left.gif) top left no-repeat; height:16px; width: 6px; border-bottom: none;}
.content .mainCont .mid .mainTable .tableLft #schedule_board th.first_btm {background: #d7f0e7 url(../images/green_bttm_left.gif) top left no-repeat; height:16px; width: 6px; border-right: 1px solid #e0e0e0;white-space:nowrap; border-bottom: none;}
.content .mainCont .mid .mainTable .tableLft #schedule_board th.topEnd {background:url(../images/rt_green_top.gif) top left no-repeat; width: 16px; height:16px;}
.content .mainCont .mid .mainTable .tableLft #schedule_board th.bttmEnd {background:url(../images/bttm_gray_rt.gif) top left no-repeat; width: 16px; height:16px;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.stripes {background:url(../images/stripes.gif) top left no-repeat; width: 64px; height:11px;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.stripes2 {background:url(../images/striped_arrow.gif) top left no-repeat; width: 36px; height:11px;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.grays1 {background: #e0e0e0; border-right: 1px solid #c8c8c8; height: 11px;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.grays2 {background: #b0b0b0; color: #fff; height: 11px;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.graysArrow {color: #fff; background:#b0b0b0 url(../images/gray_arrow1.gif) top left no-repeat; width: 10px; height: 14px;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.greenArrow {color: #fff; background:#d7f0e7 url(../images/green_arrow1.gif) top right no-repeat; width: 10px; height: 14px; border-left: 1px solid #d7f0e7;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.greenBorder {border-left: 1px solid #d7f0e7;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.grayBorder {border-left: 1px solid #d7d7d7;}

.content .mainCont .mid .mainTable .tableLft #schedule_board th.bkg1 {background: #c3dcd3; border-right: 1px solid #e0e0e0;}
.content .mainCont .mid .mainTable .tableLft #schedule_board th.colored1 {color: #14a976; font-weight:normal; text-align:right; background:none;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.colored2 {color: #0bca9d; font-weight:bold; text-align:right;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.colored3 {color: #f6cd30; font-weight:bold; text-align:right;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.colored4 {color: #f63737; font-weight:bold; text-align:right;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.leftSide {text-align:right; border-bottom: none;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.leftSide .number {line-height: 12px; font-weight: bold; color: #fff; background: #8d8d8d url(../images/left_round_gray.png) top left no-repeat; width: 16px; height: 11px; float:right; padding-right: 2px; }

#unscheduled_deliveries {background: #c5eadd; width: 100px; height: 478px; background: url(../images/ud_background.png) top left repeat-y; margin-left: 0px; border:none;}
#unscheduled_deliveries .topHdr {width: 100px; height: 17px;}
.bttmUd {background:url(../images/ud_bttm.gif) bottom left no-repeat; width: 98px; height: 17px; margin-left: 0px; margin-top: 0px;}
.unscheduled_deliveries_header {font-size: 11px; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #57ad8f; text-align:center; width: 100px; /*background:url(../images/ud_bkg2.gif) top left repeat-y;*/}
#unscheduled_deliveries_count {font-size: 14px; font-weight:bold; clear:both;}
.unscheduled delivery {margin-left: 25px;}
.delivery_data {border: none; color: #666;}
.unscheduled_delivery_route {color: #fff; font-weight:bold; background: #b0b0b0 url(../images/gray_arrow_tx.png) top right no-repeat; height:11px;}
#unscheduled_deliveries .delivery {
    margin-left: 9px;
}
.currentTime {font-size:10px; color: #7a7a7a; font-weight:normal;}



.min-15_slot {
    font-size: 9px;
    font-weight:bold;
    color: #666666;
    width: 15px;
    overflow: hidden;
}
*:first-child+html .content .hdr .right .topRight .midSide {float: left; margin-left: 110px;}
*:first-child+html .content .hdr .right .bttmRight {margin-top: 55px;}
*:first-child+html .content .mainCont {margin-top: 0px;}

*:first-child+html .content .hdr .right .bttmRight ul li {background:url(../images/nav_sep.gif) right 10px no-repeat;}
*:first-child+html .content .hdr .right .bttmRight ul li.last {background: none;}

*:first-child+html .bttmUd {background:url(../images/ud_bttm.gif) bottom left no-repeat; width: 98px; height: 17px; margin-top: 0px; float: right;}
*:first-child+html .content .mainCont .mid .topHdrItems {width: 920px; height: 60px; float:left; margin-top: 18px; padding-top: 28px;}
*:first-child+html .content .mainCont .mid .topHdrItems .rtSide {margin-top: 19px;}
*:first-child+html .o2 {height:45px; top: 2px; z-index: 200000; line-height: 12px;}
*:first-child+html .content .hdr .right .topRight .topSrch img {float:right; margin-right: -15px; margin-top: -32px;}
*:first-child+html .content .hdr .right .topRight .topSrch {float:left; margin-top: 10px; margin-left: 240px;}
*:first-child+html .content .mainCont .lftBttn {float: left; width: 132px; height: 22px; margin-top: 5px; margin-left: 15px;}

.content .hdr .right .bttmRight ul{margin:0px 0px 0px 25px\0/; padding:0\0/;}
.o2 {height:45px\0/; top: 2px\0/;}

/* Safari Hacks*/ 
@media screen and (-webkit-min-device-pixel-ratio:0){

.content .mainCont .mid .mainTable .tableLft #schedule_board {margin:25px 0px 0px 0px;}
.content .hdr .right .bttmRight {float:right; width: 288px; clear:both; margin-top: 0px; color: #a7a7a7; padding-left: 27px; padding-top: 0px;}
.content .hdr .right .bttmRight ul li {list-style-type: none; display: inline; margin:0; padding:8px; background:url(../images/nav_sep.gif) right 7px no-repeat; text-align:center;}
.content .hdr .right .bttmRight ul li a, .content .hdr .right .bttmRight ul li a:link, .content .hdr .right .bttmRight ul li a:visited, .content .hdr .right .bttmRight ul li a:active {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color: #a7a7a7; text-decoration: none; text-align:center; padding-right: 2px; padding-left: 2px;}
.content .hdr .right .bttmRight ul li a:hover {text-decoration: none; color: #52cb74;}
.o2 {top: 11px;}
.o3 {top: 11px;}
table.topRow {float: left;border-left: 1px solid #949494; border-right: 1px solid #949494; border-top: none; border-bottom: none; padding:0; margin-left: -2px; background: none; margin-top: 0px; width: 423px; height: 21px;}
.topRightMain {float: left; width: 420px;}
.topRightMain2 {float: left; width: 423px; font-size: 9px; margin-left: -2px}
.topRightMain2 .leftCont {float: left; color:#fff; font-size: 9px; font-weight: bold; background:url(../images/gray_bar1.gif) top left no-repeat; width: 72px; height: 14px;padding-left: 8px; padding-top: 1px;}
.topRightMain2 .rtCont {float: right;background:url(../images/gray_bar2.gif) top left no-repeat; width: 72px; height: 14px; color: #fff; padding-left: 8px; padding-top: 1px;}



}
.delivery {
    border: 1px solid;
    height: 70px;
    margin-top: 5px;
    padding: 5px;
    width: 70px;
    overflow: hidden;
}

.delivery span {
    display: block;

}

.tooltip {
	display:none;
	background:url(/images/black_arrow.png);
	height:98px;
	padding:25px;
	width:160px;
	font-size:11px;
	color:#fff;
}

#unscheduled_deliveries {
    height: 465px;
    overflow: auto;
}

.admin_form label {
	display: block;
}

.admin_form input {
	padding: 10px 0;
	width: 95%;
	margin-bottom: 10px;
}

/* Firefox Hacks */

@-moz-document url-prefix()
{

.content .hdr .right .bttmRight {float:right; width: 288px; clear:both; margin-top: 0px; color: #a7a7a7; padding-left: 27px; padding-top: 0px;}
.content .hdr .right .bttmRight ul li {list-style-type: none; display: inline; margin:0; padding:8px; background:url(../images/nav_sep.gif) right 8px no-repeat; text-align:center;} 
.content .mainCont .mid .topHdrItems .middle {float: left; width: 320px; margin-top: 9px;}
.content .mainCont .mid .topHdrItems .rtSide {float: right; color: #14a976; font-size:10px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-top: 30px;}
.content .mainCont .mid .mainTable .topTable .topMid ul li a, .content .mainCont .mid .mainTable .topTable .topMid ul li a:link, .content .mainCont .mid .mainTable .topTable .topMid ul li a:visited, .content .mainCont .mid .mainTable .topTable .topMid ul li a:active {padding: 4px 5px 2px 5px;}
.content .mainCont .mid .mainTable .topTable .topMid ul li a:hover {padding: 4px 5px 2px 5px;}
.content .mainCont .mid .mainTable .topTable .topMid ul li.selected {text-transform: uppercase; color: #fff; font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; width: 140px; height: 17px; float:left; background:url(../images/selected_rt.gif) top right no-repeat; padding-top: 5px; padding-left: 10px; padding-bottom: 3px;}

.content .hdr .right .bttmRight ul li a, .content .hdr .right .bttmRight ul li a:link, .content .hdr .right .bttmRight ul li a:visited, .content .hdr .right .bttmRight ul li a:active {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color: #a7a7a7; text-decoration: none; text-align:center; padding-right: 2px; padding-left: 2px;}
.content .hdr .right .bttmRight ul li a:hover {text-decoration: none; color: #52cb74;}

}
}