/* gasb tool popup css */
/* 
this file is a secondary include to the first.  It overrides certain styles 
already predefined to fit the new container specs.  We use the same #page regions and
resize the left, middle and right columns 
 */

#header { background: 	url(../images/header-tool/GASB-logo-sm.gif) top left no-repeat; position:relative; left:-10px;height:75px;	}

#page_outline { border:none; }
#page_outline { border:none; }

#nav_global { 	height:45px; padding: 0px 0 0px 0; background: url(../images/header-tool/bg_nav.gif) bottom repeat-x; background-color: #005288; }

#nav_global #title { font-family:verdana; font-size:30px; font-weight:bold; color:#ffffff; margin:0; padding:30px 0 0 60px; line-height:40px;
							background: url(../images/header-tool/blue-header-check.gif) bottom left no-repeat;  }
#nav_global #subtitle { font-family:verdana; font-size:26px; font-weight:bold; color:#f2a94d; padding-top:80px; }

#page #page_left  #left_column { padding:30px 10px 25px 10px; margin:0; width:175px; border-right: 1px solid #ccc;}
#opage_left #left_column {  padding:30px 10px 25px 10px; margin:0; width:195px;  border-right: 1px solid #ccc; }

#page #page_left #left_column .gasb75 { font-size: 14px; color:#005288; font-weight: bold; }
#page #page_left #left_column .progress { font-size: 18px; color:#f2a94d; }
#page #page_left #left_column ul { padding:8px 10px 0 0px; margin:0; }
#page #page_left #left_column ul li { padding:2px 2px 2px 16px; background: url(../images/navigation-tool/bg_lnav.gif) top left no-repeat; margin-top: 12px; font-size:12px; font-weight:bold; }
#page #page_left #left_column ul li.complete { color:#005288; background: url(../images/navigation-tool/bg_lnav-complete.gif) top left no-repeat; }
#page #page_left #left_column ul li.selected { color:#005288; font-weight:bold; background: url(../images/navigation-tool/bg_lnav-selected.gif) top left no-repeat; background-color:#ddd;  }


#page #page_left #middle {vertical-align: top;  width:410px; float:right;  margin:0 15px 0 20px; }
HTML>Body #page #page_left #middle {vertical-align: top;  width:415px; float:right;  margin:0 15px 0 20px; }
#page #page_left #middle p { font-size:14px; color:#333; line-height:20px; }
#page #page_left #middle p.title {    padding: 10px 0 30px 0; font-size: 24px; font-weight: bold; color: #005288; line-height: 26px; }
#page #page_left #middle p.summary { font-family:verdana; font-size: 11px; color:#666; padding:0; margin:0; line-height:14px; padding-bottom: 5px;}
#page #page_left #middle ul { padding:0; margin:0; }
#page #page_left #middle ul li { font-size: 11px; color: #666; padding: 2px 2px 5px 15px; margin:0; list-style: disc inside; }
#page #page_left #middle ul li a { text-decoration:underline; font-size: 11px;}

.title { padding: 10px 0 10px 0; font-size: 24px; font-weight: bold; color: #f2a94d; line-height: 26px; }
#close { font-size: 12px; padding: 5px 50px 5px 445px; color: #666;} 
#close a { font-family:verdana; text-decoration:underline;} 
p.contact { font-size:12px; color:#666; font-weight: bold; line-height: 20px; width:480px;}
#formoutline { border: 1px solid #333; width: 480px;}
#formoutline p { font-size: 12px; padding: 5px 50px 0 50px; color: #666; font-weight: normal;}
#formoutline p.buttons { font-size: 12px; padding: 5px 50px 0 216px; color: #666; font-weight: bold;} 
#formoutline input { border: 1px solid #666; font-size: 12px; font-weight: normal; width: 370px; color: #666; height: 25px; padding-top: 5px;}
#formoutline select { border: 1px solid #666; font-size: 12px; font-weight: normal; width: 370px; color: #666; height: 25px; padding: 5px 0 0 10px;}
#formoutline textarea { border: 1px solid #666; font-size: 12px; font-weight: normal; width: 370px; color: #666; padding-top: 5px;}
#formoutline .error { color:red; font-weight: normal; }

#page_right #RHB { width:155px;}
#page_right #RHB { width:175px;} 
#page_right #RHB .rhb_title { padding-top:20px; font-size:14px; color:#f2a94d;  }
#page_right #RHB .rhb_text { color: #999; }