body {
  font-family: Arial;
  font-size: 10pt;
}

.H12 {
  color: #015480;
  font-family:	Arial, Helvetica, Geneva, Sans-serif;
  font-weight: 	bold;
  font-size: 12pt;
}

.H14 {
  color: #015480;
  font-family:	Arial, Helvetica, Geneva, Sans-serif;
  font-weight: 	bold;
  font-size: 14pt;
}

.H16 {
  color: #015480;
  font-family:	Arial, Helvetica, Geneva, Sans-serif;
  font-weight: 	bold;
  font-size: 14pt;
}

.H18 {
  color: #015480;
  font-family:	Arial, Helvetica, Geneva, Sans-serif;
  font-weight: 	bold;
  font-size: 18pt;
}

.header {color:#12386A; font-size:18pt; font-family: arial; font-weight: bold }

.header2 {color:#12386A; font-size:16pt; font-family: arial; font-weight: bold }

.bheader {font-size:16pt; font-family: arial; font-weight: bold }

.red {color:#AC0505; font-weight: bold }

.green {color:#008000; font-weight: bold }

.message {color:#E13A3E; font-weight: bold; font-size:12pt; text-align: center }

p,dl,dd,ul,ol,li,td,tr,blockquote {
  font-family:			 Arial, Helvetica, Geneva, Sans-serif;
  font-size: 			 10pt;
}

tr.jobsch td {font-size:8pt}
tr.smtext td {font-size:8pt}
tr.smtext th {font-size:8pt}
ul.smtext li {font-size:8pt}

table.top {font-family: arial; color:black; font-size: x-small; text-decoration: none}

a.link {font-family: Geneva,Arial,Helvetica,sans serif; color:#333333; font-size: xx-small; text-decoration: none}
a.linkover{font-family:Geneva,Arial,Helvetica,sans serif; color:#DE1039; font-size: xx-small; text-decoration: none}

a { text-decoration: none; color: #015480;}

a:link 				{ color: #015480; }
a:visited 			{ color: #015480; }
a:hover 			{ color: #015480; text-decoration: underline}
a:active 			{ color: #015480; }


a.link { text-decoration: none; color: #000000;}


TH, .menu {color:#FFFFFF; z-index:1; }
TH {background-color:#015480; }
TH, .menu {font-family:Arial }
TH.menu A, TR.menu A, TD.menu A {color:#ffffff; text-decoration: none;  }
TH.menu A:link, TR.menu A:link, TD.menu A:link {color:#ffffff; text-decoration: none;  }
TH.menu A:visited, TR.menu A:visited, TD.menu A:visited {color:#ffffff; text-decoration: none;  }
TH.menu A:hover, TR.menu A:hover, TD.menu A:hover {color:#ffffff; text-decoration: none;  }
TH.menu A:active, TR.menu A:active, TD.menu A:active {color:#ffffff; text-decoration: none;  }

.tableB, TR.tableB TD {
   border: solid #015480 1px;
}

.tableB2 {
   border: solid #015480 2px;
}

.tableTD1 {
   border: solid #015480 1px;
}

.tableB3 {
   border-right: solid #015480 1px;    
   border-bottom: solid #015480 1px;
   border-left: solid #015480 2px;
   border-top: solid #015480 2px;  
}

.tableB3 TD {
    border-right: solid #015480 1px;    
    border-bottom: solid #015480 1px; 
}

.tableB3w TH {
        
    border-top: solid #FFFFFF 1px; 
}

.tableNB {
   border: 0px;  
}

.tableNB TD {
    border: 0px; 
}

SELECT.fixed_dropdown { width:300px; } 


/* staff menu style v2 */


.staff_menu2 {
    margin: 0;
    padding: 5px 0px;      
    width: 100%;    
    background-color: #221E1F;
    border-bottom: 1px solid white;
    position: absolute;    
    z-index: 1;
    left: 0px;
    top: 0px;
}

.shop_menu {
    margin: 0;
    padding: 5px 0px;      
    width: 100%;    
    background-color: #221E1F;
    border-bottom: 1px solid white;    
}

.staff_menu2 DIV, .shop_menu DIV {
    display: inline;        
    color: white;
    margin-top: -5px;    
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    padding-left: 10px;          
    text-decoration: none;
    text-align: left;
    font:  13px Arial;
    background-color: #221E1F;
}

.staff_menu2 a, .staff_menu2 a:visited, .staff_menu2 a:active, .staff_menu2 a:hover,.shop_menu a, .shop_menu a:visited, .shop_menu a:active, .shop_menu a:hover {    
    color: white;   
    text-decoration: none;
}

.staff_menu2 DIV.current{
    color: white;
    background-color: #015480;
}

.staff_menu2_popup {
    position: absolute;    
    z-index: 2;
    background-color: #015480;
}

.staff_menu2_popup DIV {
    border-top: 1px solid white;
    color: white;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 20px;
    padding-left: 10px; 
}

.staff_menu2_popup DIV.last_item {
    border-bottom: 1px solid white;
}

.staff_menu2_popup DIV.reports {
    background-color: #221E1F;
}

.staff_menu2_popup a, .staff_menu2_popup a:visited, .staff_menu2_popup a:active, .staff_menu2_popup a:hover {    
    color: white;   
    text-decoration: none;
}

/*///////////// Tabs Code ////////////*/

.tabs {
	font-family: tahoma,verdana,sans-serif;
	font-size: 85%;
	clear: both;
	text-align: center;
}

.tabs ul {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.tabs li { float: left; }

.tabs a, .tabs span { width: 100px; }

.tabs span {
	position: relative;
	top: 0;
	margin: 0 2px 0 0;
	float: left;
	background: #015480;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	padding: 6px 2px 6px 2px;
	text-decoration: none;
	color: #FFFFFF;
}

.tabs a  {
	position: relative;
	top: 0;
	margin: 1px 2px 0 0;
	float: left;
	background: #221E1F;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
	padding: 5px 2px 5px 2px;
	text-decoration: none;
	color: #FFFFFF;
}

a:link.white, a:visited.white, a:hover.white, a:active.white  {
  cursor:pointer;  
  color:#FFFFFF;
  text-decoration: none;
}

/*///////////// TABLELESS FORMS ////////////*/


.cdi_form input, .cdi_form select, .cdi_form textarea, .cdi_form a, .cdi_form b {
    display: block;    
    float: left;
    margin-bottom: 5px;
} 

.cdi_form label {
    display: block;
    float: left;       
    text-align: right;
    font-weight: bold;
    width: 75px;
    padding-right: 10px;
    margin-bottom: 5px;
}

.labelW100 label
{
    width: 125px;
}

.cdi_form br {
	clear: left;
}

.cdi_hide {
   display: none;   
}

.suggestDiv
{
   background: #FFFFFF;
   border-right: 1px solid #000000;
   border-top: 1px solid gray;
   border-left: 1px solid gray;
   border-bottom: 1px solid #000000;
   padding: 2px;
}

.suggestion
{

}

.curb_div
{
    padding: 2px;
}

.cdi_modal_dlg
{
   background:#FFFFFF;
   border: solid #015480 2px;  
     
}

.cdi_modal_dlg label {
   
}

.black_bold 
{
  color: black;
  font-family:	Arial, Helvetica, Geneva, Sans-serif;
  font-weight: 	bold;
  font-size: 14pt;
}

/* styles for new layout */

.blackbar {
    background-image: url(http://www.cdicurbs.com/images/v2/black_gray_bar.gif); 
    width: 100%;
    background-repeat: repeat-x;
    height: 8px;
} 

.black_page_header {
    background-image: url(http://www.cdicurbs.com/images/v2/black.gif); 
    width: 100%;  
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    color: white;
    font-size: 14pt;    
}

.body_pane {
    text-align: center;
    padding: 5px;    
    clear: both;    
    /*border-right: 5px solid #221E1F;
    border-left: 5px solid #221E1F;*/
}

.footer_pane {
    background-image: url(http://www.cdicurbs.com/images/v2/bot_bg.gif); 
    background-repeat: repeat-x; 
    width: 100%; 
    height: 18px; 
    text-align:center; 
    padding-top:2px; 
}

.uline_header 
{
    border-bottom: 2px solid #015480;
    padding: 2px;    
    font: bold 16px Arial;
    color: #015480;
    text-align: left;
}

/* simplle record view */

.record_view
{
    width: 400px;   
}

.record_view TD
{
    border-bottom: 1px dashed #015480;
    font: 12px Arial;
    width: 50%;
}

.record_view TH
{
    border-bottom: 1px dashed #015480;
    text-align: right;  
    font: bold 12px Arial;  
    color: black;
    background-color: white;
    width: 50%;    
    vertical-align: top;
}

/* serach and results styles */

.search_row 
{
    width: 680px;
    height: 40px;
    clear: both;
    float: none;
}

.search_row DIV
{   
    width: 160px;    
    float: left;
    padding: 5px;
    text-align: left;
    font: 12px Arial;    
}

.search_row DIV.alt
{   
	background-color:#B3DAEE;
	border-right: 1px dashed #015480;
	border-bottom: 1px dashed #015480;
	border-left: 1px dashed #015480;
	width: 158px;        
}

.search_row input
{
    width: 150px;
}

.search_row input[type="checkbox"], .search_row input[type="radio"]
{
    width: auto;
}

.date_picker input
{
    width: 125px;
}

.search_header 
{
    border-bottom: 2px solid #015480;
    padding: 2px;    
    width: 680px;
    font: bold 16px Arial;
    color: #015480;
    text-align: left;
}

.search_text
{
    padding: 5px;    
    width: 680px;
    font: 12px Arial;
    text-align: left;
    clear: both;
    float: none;
}

.results_header
{    
    font: bold 12px Arial;
    color: #015480;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 15px;   
    border-bottom: 2px solid #015480;  
}

.results_header DIV
{   
    width: 100px;
    float: left;    
    text-align: center;
}

.results_row 
{   
    font: 12px Arial;
    color: #000000;
    text-align: left;    
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #015480;
    height: 16px;
}

.results_row DIV
{   
    width: 100px;
    float: left;    
    text-align: center;   
    overflow: hidden;
    height: 16px;
}

.double_col
{
    width: 200px;
}

.results_nav_tool
{
    width: 360px;
    height: 50px;
    clear: both;
    float: none;
}

.results_nav_tool DIV
{     
    float: left;
    padding: 5px;
    text-align: center;
    font: 14px Arial;
}

.results_nav_tool INPUT
{
    width: 55px;    
}

.dashed_box
{
    border: dashed #015480 1px;
}

.ro_cell
{
   border: 1px dashed #015480;
   padding: 2px;
   width: 100px;
   text-align: center; 
   margin-left:auto;
   margin-right:auto; 
}

.bu 
{ 
    color: #015480;
    cursor: pointer;  
} 

.dash_bot
{
   border-bottom:1px dashed #015480;
}

.dash_top
{
   border-top:1px dashed #015480;
}

.last_row {
    border-bottom: solid #015480 2px;
}

.top_row {
    border-top: solid #015480 2px;
}

.remsp { margin: 0px; }

.gridtable {
    empty-cells: show
}

.gridtable TD {
    background-repeat: repeat-x; 
}

.gridbg {
    background-image: url(http://www.cdicurbs.com/images/v2/grid_bg.gif); 
    background-repeat: repeat-x; 
}

.topbg {
    background-image: url(http://www.cdicurbs.com/images/v2/top2_bg.gif); 
    background-repeat: repeat-x; 
}

TD.w131 {
    width: 131px;
    height: 131px;
}

.a_progress {
    top:0px;
    right:0px;
    position:absolute;
    z-index: 10;
}

.alert_box, #alert_box {
    position:absolute;
    padding: 10px;
    color: white;    
    font: 18px Arial bold;
    background-color: #E13A3E;
}

/* header styles */

.menu_bar {
    margin: 0;
    padding: 5px 0px;      
    width: 100%;    
    background-color: #015480;
    height: 16px;   
    border-bottom: 1px solid white;
    color: white;     
}

.menu_sub_bar DIV {
    display: inline;        
    color: white;
    margin-top: -5px;    
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    padding-left: 10px;          
    text-decoration: none;
    text-align: left;
    font:  13px Arial;
    /*background-color: #221E1F;*/
}

.menu_bar a, .menu_bar a:visited, .menu_bar a:active {    
    color: white;   
    text-decoration: none;
}

.menu_bar a:hover {    
    color: white;   
    text-decoration: underline;
}

.top_bar {
    height: 100px;
    padding-top:5px;
    background-image:url('http://www.cdicurbs.com/images/cdi_logo_bk.gif');
    background-repeat:no-repeat;
}