/*
===== CONTENTS =====

   last-updated: 04 May 2007;
   Author: Ben Ashcroft

   1: universal reset 
   2: Form Styles
   3: Header and Nav
      -Containers
      -nav
      -SubNav
   4: Footer
   5: Login Box Model
   6: Button
   7: Menu
   8: Page Background
   9: Panel Body
   10: Pagination
   11: Table Row 
   12: Scrolling Tables
   13: Date Selector
   14: Info Panel
   15: Error Messages and Javascript
   16: Rollover
   17: Javascript
   

====================
*/

/*
===== 1: universal reset =====
*/

HTML {
   direction: ltr;
   }
*{margin:0; padding:0;}

BODY {
   background-image:url('../Images/headerbg.jpg');
   background-repeat:repeat-x;
   font-family: arial, "Lucida Grande", ms sans serif;
   margin: 0px;
   padding:0px
   }
TD {
   text-align: left;
   vertical-align: top;
   font-size: 10px;
   }  
   
p
{font-size:11px;
 color:#333333;
   }

/*
===== 2: Form Styles =====
*/
div.singleform 
{
   width:450px;
   margin:0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-size: 11px;
   min-width: 450px; 
   border:none;}
   
div.singleform fieldset 
   {border: none;
   border-top: 1px solid #e5e5e5;
   background: url(../Images/formbg.gif) left bottom repeat-x;
   margin-top: 5px;
   }

div.singleform ol 
      {
      float:left;
      list-style-type:none;
      text-align: left; 
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
         }

div.cform {
         width:740px;
         margin:0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
         font-size: 11px;
         min-width: 720px; 
         border:none;}
         
         
         
div.cform fieldset 
   {border: none;
   border-top: 1px solid #e5e5e5;
   background: url(../Images/formbg.gif) left bottom repeat-x;
   margin-top: 5px;
   }



div.cform ol   
      {
      float:left;
      list-style-type:none;
      text-align: left; 
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
         }

.listalt  
      {float:left;
      margin: 0px 0px 0px 0px;
      font-size:11px;
      list-style-type:none;
      display: inline;
      width:225px;
      height:24px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom: 0px;
      padding-top: 3px;
      border-bottom: solid 1px #e5e5e5;
      vertical-align:middle;
      }
.list 
      {margin: 0px 0px 0px 0px;
      padding-top: 3px;
      padding-bottom: 0px;
      float:left;
      font-size:11px;
      list-style-type:none;
      display: inline;
      width:140px;
      height:24px;
      padding-right:5px;
      border-bottom: solid 1px #e5e5e5;
      text-align:right;
      vertical-align:middle;
      }
.listsingle 
      {margin: 0px 0px 0px 0px;
      padding-top: 3px;
      padding-bottom: 0px;
      float:left;
      font-size:11px;
      list-style-type:none;
      display: block;
      width:120px;
      height:24px;
      padding-right:5px;
      border-bottom: solid 1px #e5e5e5;
      text-align:right;
      vertical-align:middle;
      }
.listsinglealt 
      {margin: 0px 0px 0px 0px;
      padding-top: 3px;
      padding-bottom: 0px;
      float:left;
      font-size:11px;
      list-style-type:none;
      display: block;
      width:320px;
      height:24px;
      padding-right:5px;
      border-bottom: solid 1px #e5e5e5;
      text-align:left;
      vertical-align:middle;
      }
legend 
{
   font-weight:bold;
   font-size:11px;
   color: #333333;
   margin: 0px 0 0px 0;}

.aspgridrow 
{font-size:6px;
padding-left:40px;
margin-top:40px;
   color:#d0320a;
   border: none;
   border-bottom: solid 1px #e5e5e5;
   }
.aspgridborder 
{border: none;

background: url(../Images/formbg.gif) left bottom repeat-x;
margin-top: 5px;
   }


/*
===== 3: Header and Nav =====
*/ 
.custom_validator{
	color:#D0320A;
}
.finalise_title{
	color:#986e6e; 
	font-weight:bold; 
	font-size:18px; 
	vertical-align:middle;
}
.finalise_value{
	color:#D0320A;
	font-weight:bold; 
	font-size:12px; 
}

.header_title{
 color: #986e6e;
 font-size: 11px;
 font-weight: bold;
}

div#bodycontainer
{margin:0;
   padding: 10px 0px 20px 26px;
   }
   
div#headerLogoContainer
{
    background: transparent url(../Images/logo.jpg) no-repeat;
    top:20px;
    left:20px;
    width:572px; 
    height:36px;
    margin-left:26px;
    margin-top:38px;
    margin-bottom: 5px;
    }
   
 div#headerLoginStatus
{
float:left; margin-top:58px; font-size:11px; margin-left:100px;
    } 
   
.logo {
margin-left:26px;
margin-top:38px;
margin-bottom: 5px;
}  


div.nav {
         width:100%;
         height:34px;
         margin:0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
         border-top: solid 1px #ddd;   
         border-bottom: solid 1px #ddd;
         background-color: #FFFFFF;
         font-size: 11px;
         min-width: 700px;}
         
      div.nav a
      {float:left;
         list-style-type:none;
         margin:0;
         padding:10px 20px 10px 20px;
         border-left: 1px solid #ddd;
         color:#4B4B4B;
         background-image:url('../Images/bullet_01.gif');
         background-repeat:no-repeat;
         background-position: left 50%;
         text-decoration:none;
         background-color:#ffffff;
      }
      div.nav a:hover
      {
         float:left;
         list-style-type:none;
         background-color:#f5f5f5;
         /*text-decoration:underline; */
      }
      div.nav ul  
      {
         float:left;
         list-style-type:none;
         text-align: left; 
         padding: 0px 0px 0px 0px;
         margin: 0px 0px 0px 26px;
         }
      div.nav ul li 
         {float:left;
         list-style-type:none;
         display: inline;
         }  
         
         .navActive
         {
            background: #eeeeee;
            }
          
div.subnav {
         width:100%;
         height:24px;
         margin:0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
         border-top: solid 1px #ddd;   
         border-bottom: solid 1px #ddd;
         background-color: #986e6e;
         font-size: 11px;
         min-width: 700px;}

div.subnav ul  
      {
         float:left;
         list-style-type:none;
         text-align: left; 
         padding: 0px 0px 0px 0px;
         margin: 0px 0px 0px 26px;
         }
div.subnav ul li 
         {float:left;
         list-style-type:none;
         display: inline;
         }
div.subnav a
      {float:left;
         list-style-type:none;
         margin:0;
         padding:5px 20px 5px 20px;
         border-left: 1px solid #ddd;
         color:#FFFFFF;
         background-repeat:no-repeat;
         background-position: left 50%;
         text-decoration:none;
         background-color:#986e6e;
      }
div.subnav a:hover
      {
         float:left;
         list-style-type:none;
         background-color:#d0320a;
         color: #FFFFFF;
         /*text-decoration:underline; */
      }  
      
/*************/
div.verticalmenu {
         width:380;
         /*height:24px;*/
         margin:0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
         border-top: solid 1px #ddd;   
         border-bottom: solid 1px #ddd;
         background-color: #986e6e;
         font-size: 11px;
         min-width: 700px;}

div.verticalmenu ul  
      {
         float:left;
         list-style-type:none;
         text-align: left; 
         padding: 0px 0px 0px 0px;
         margin: 0px 0px 0px 26px;
         }
div.verticalmenu ul li 
         {
		 float:left;
         list-style-type:none;
         display: inline;
         }
div.verticalmenu a
      {float:left;
         list-style-type:none;
         margin:0;
         padding:5px 26px 5px 26px; 
         border-left: 1px solid #ddd;
         color:#FFFFFF;
         background-repeat:no-repeat;
         background-position: left 50%;
         text-decoration:none;
         background-color:#986e6e;
         width: 100px;
      }
div.verticalmenu a:hover
      {
         float:left;
         list-style-type:none;
         background-color:#d0320a;
         color: #FFFFFF;
         /*text-decoration:underline; */
      }  

      
/*
===== 4: Footer =====
*/
   #footer 
   {
   width:100%;
   font-size:11px;
   color:#666;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 20px 26px;
   clear: both;
   display:block;
   }
   #footer ul
   {
   float:left;
   list-style-type:none;
   text-align: left; 
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 26px;
   }
   #footer ul li
   {
   float:left;
   list-style-type:none;
   display: inline;
   }
   #footer a, #footer a:visited, #footer a:active
   {
   color:#d0320a;
   text-decoration:none;
   margin: 0px 10px 0px 10px; 
   }
   
   #footer a:hover
   {
   text-decoration:underline;
   }
   
 hr 
   {
   height: 1px;
   background-color: #ddd;
   color: #ddd;
   border: none;
   padding: 0;
   margin: 0px 0 0 0;
   }
   

/*
===== 4: Login Box Model =====
*/
.box { 
  background: #eeeeee; 
  float:left;
  width:250px; 
  margin: 20px 0 20px 0;
  font:Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#333333;
  display:block;
}
.bodyarea
{ 
  float:left;
  width:500px; 
  height:100px;
  font-size:16px;
  padding: 10px 26px 0 26px;
 }
.boxtop 
  { 
  width:250px;
  background: url(../images/ne.gif) no-repeat top right; 
  }
.boxtop div { 
  height: 5px;  
  width:250px; 
  background: url(../images/nw.gif) no-repeat top left; 
 }
.boxbottom 
{ 
   width:250px;
   background: url(../images/se.gif) no-repeat bottom right; 
}

.boxcontent 
{
  padding: 0px 0px 0px 15px;
  font:Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#333333;
  margin-bottom: 10px;
  width:120px;
}
.headingwhite 
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#FFFFFF;
  font-weight:normal;
 
 }
 .bodywhite 
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  color:#FFFFFF;
  font-weight:normal;
 }
/**********************************************************************
 * Button Styles                                                      *
 **********************************************************************/
.WizardButton        {
    width: 119px;
    height: 24px;
    background: transparent url(../Images/WizardButton.gif) no-repeat;
    border: 0px;
    color: white;
    font-weight: bold;
    font-size: 11px;
    /*margin-left:104px;*/
}

a.button_link, .thc a.button_link {
   color: #eeeeee;
   font-size: 9px;
   font-weight: bold;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
   width: 100%;
   }

a.button_link:hover, .thc a.button_link:hover {
   color: #ffffff;
   }

.button-TL-white, .bTL {
   background-image: url(../Images/buttonTL.gif);
   background-repeat: no-repeat;
   background-position: bottom right;
   width: 13px;
   height: 4px;
   }
.button-T-white, .bT {
   background-image: url(../Images/buttonT.gif);
   background-repeat: repeat-x;
   background-position: bottom center;
   height: 4px;
   }
.button-TR-white, .bTR {
   background-image: url(../Images/buttonTR.gif);
   background-repeat: no-repeat;
   background-position: bottom left;
   width: 14px;
   height: 4px;
   }
.button-L-white, .bL {
   background-image: url(../Images/buttonL.gif);
   background-repeat: no-repeat;
   background-position: center right;
   width: 13px;
   height: 12px;
   }
.button-white, .bC {
   background-image: url(../Images/buttonC.gif);
   background-repeat: repeat-x;
   white-space: nowrap;
   height: 12px; 
   }
.button-R-white, .bR {
   background-image: url(../Images/buttonR.gif);
   background-repeat: no-repeat;
   background-position: center left;
   width: 14px;
   height: 12px; 
   }
.button-BL-white, .bBL {
   background-image: url(../Images/buttonBL.gif);
   background-repeat: no-repeat;
   background-position: top right;
   width: 13px;
   height: 5px;
   }
.button-B-white, .bB {
   background-image: url(../Images/buttonB.gif);
   background-repeat: repeat-x;
   background-position: top center;
   height: 5px;
   }
.button-BR-white, .bBR {
   background-image: url(../Images/buttonBR.gif);
   background-repeat: no-repeat;
   background-position: top left;
   width: 14px;
   height: 5px;
   }

/************ added by Ben :: START ********************/   
.button-L-white_2 {
   background-image:url(../Images/btn_left.png); 
   background-repeat:no-repeat;
   background-position: left;
   width: 11px;
   height: 22px;
   
   }
.button-white_2 {
   background-image:url(../Images/btn_bg.png);
   background-repeat:repeat-x;
   width:100%;
   height: 22px;  
   padding: 0px 5px 0px 1px;
   vertical-align:middle;
   }
.button-R-white_2 {
   background-image:url(../Images/btn_arrow.png);
   background-repeat: no-repeat;
   background-position: left;
   width: 25px;
   height: 22px;
   }
/************ added by Ben :: END ********************/

/**********************************************************************
 * Menu Styles                                                        *
 **********************************************************************/
.menu {
   color: #000000; 
   font-family: Verdana, Geneva, ms sans serif;
   font-weight: bold;
   text-transform: uppercase;
   padding: 12px;
   padding-top: 0px;
   padding-bottom: 1px;
   }
   
a.menu {
   color: #ffffff;
   font-family: Verdana, Geneva, ms sans serif;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: none;
   text-align: center;
   padding: 8px;
   width: 100%;
   padding-top: 0px;
   padding-bottom: 1px;
}

a.menu:hover {
   color: #d0320a;
}

.menu_on A {
   color: #d0320a;
   }

.menu_on-TL {
   background-image:url(../Images/menuTL.gif);
   width: 11px;
   height: 2px;
   }
.menu_on-TR {
   background-image:url(../Images/menuTR.gif);
   width: 2px;
   height: 2px;
   }
.menu_on-BR {
   background-image:url(../Images/menuBR.gif);
   width: 2px;
   height:3px;
   }
.menu_on-BL {
   background-image:url(../Images/menuBL.gif);
   width: 11px;
   height: 3px;
   }
.menu_on-B {
   background-image:url(../Images/menuB.gif);
   height: 3px;
   }
.menu_on-T {
   background-image:url(../Images/menuT.gif);
   height: 2px;
   }
.menu_on-L {
   background-image:url(../Images/menuL.gif);
   width: 11px;
   height: 15px;
   }
.menu_on-R {
   background-image:url(../Images/menuR.gif);
   width: 2px;
   height: 15px;
   }
.menu_on {
   background-color: #C2C2C2;
   white-space: nowrap;
   width: 100%;
   }

.menu_off-TL {
   background-image:url(../Images/menuTL.gif);
   width: 11px;
   height: 2px;
   }
.menu_off-TR {
   background-image:url(../Images/menuTR.gif); 
   width: 2px;
   height: 2px;
   }
.menu_off-BR {
   background-image:url(../Images/menuBR.gif);
   width: 2px;
   height: 3px;
   }
.menu_off-BL {
   background-image:url(../Images/menuBL.gif);
   width: 11px;
   height: 3px;
   }
.menu_off-B {
   background-image:url(../Images/menuB.gif);
   height: 3px;
   }
.menu_off-T {
   background-image:url(../Images/menuT.gif);
   height: 2px;
   }
.menu_off-L {
   background-image:url(../Images/menuL.gif);
   width: 11px;
   height: 15px;
   }
.menu_off-R {
   background-image:url(../Images/menuR.gif);
   width: 2px;
   height: 15px;
   }
.menu_off {
   background-color: #C2C2C2;
   white-space: nowrap; 
   width: 100%;
   }

.menuEdgeL {
   background-image:url(../Images/menuEdgeL.gif);
   width: 25px;
   height: 20px;
   }

.menuEdgeR {
   background-image:url(../Images/menuEdgeR.gif);
   width: 25px;
   height: 20px;
   }

.menu_bot_bg { 
   background:#00066; 
   background-image:url(../Images/menu_bot_bg.gif);
   height: 7px;
   width: 100%;
   } 


/**********************************************************************
 * Page Background Styles                                             *
 **********************************************************************/
.pageBackground {
   margin:0;
   padding:0;
   }

.pageBorderTL {
   }
.pageBorderT {
   }
.pageBorderTR {
   }
.pageBorderL {
   }
.pageBorderC {
   }
.pageBorderR {
   }
.pageBorderBL {
   }
.pageBorderB {
   }
.pageBorderBR {
   }

.page_yellow {
   color: #d0320a;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 0px;
   padding-top: 8px;
   background:#ffffff; 
   /*background-image:url(../Images/bgPageStippleBlue.gif);*/
   text-align: left;
   }
   
.page_title {
   color: #d0320a;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 5px;
   padding-top: 5px;
   text-align: left;
   font-size: 22px;
   }
   
.page_title_desc {
   color: #999999;
   padding-left: 10px;
   padding-right: 5px;
   padding-bottom: 5px;
   padding-top: 0px;
   text-align: left;
   font-size: 12px;
   }   

.pageAlignment {
   }

.borderTable {
   }

.divider { 
   background:#FFFFFF; 
   border-bottom:1px #FFFFFF ridge 3em; 
   background-image:url(../Images/menu_bot_bg.gif);
   }

.footer {
   color: #eeeeee;
   }

.logoBG {
   background: #d0320a;
   } 


/**********************************************************************
 * Panel Body Styles                                                  *
 **********************************************************************/
.grid_textbox_number{
	color: #0000ff;
	font-size: 11px;
	text-align: right;
	padding-right: 2px;
}
.dialog_body, .dBody {
   background-color: #ffffff;
   color: #d0320a;
   border-top: 1px #e5e5e5 solid;
   padding: 4px;
   padding-left: 10px;
   padding-right: 10px;
   }

.dialog_field_value, .dfv {
   font-weight: bold;
   padding: 3px;
   }

.dialog_header, .dh {
   background-color: #d0320a;
   background: url('../Images/DialogHeaderBg.gif');
   border-bottom: 1px #e5e5e5 solid;
   color: #fff;
   padding: 3px;
   padding-top: 6px;
   text-align: left;
   }

.dialog_header_text, .dht {
   font-weight: bold;
   font-size: 12px;
   text-transform: uppercase;
   color: #FFFFFF;
   
   vertical-align: middle;
   }

.dialogHeaderEdgeL, .dhel {
   width: 10px;
   }

.dialogHeaderEdgeR, .dher {
   width: 10px;
   }

.dialogHeaderIcon, .dhi {
   width: 16px;
   vertical-align: middle;
   }

.dialogHeaderExpandCollapseIconi, .dheci, .dialogHeaderExpandCollapseIcon {
   /***background-image:url(../Images/dialogHeaderT.gif);***/
   width:20px;
   height:14px;
   vertical-align:middle;
   }
   
.dialogHeaderPrintEmailIcon, .dhpei {
	padding-right: 10px;
	text-align: right;
	vertical-align: middle;
	width: 100%;
	} 

.dialogHeaderTotalRecordCount, .dhtrc {
	/***background-image: url(../Images/dialogHeaderT.gif);***/
	text-align: right;
	padding-top: 3px;
	vertical-align: middle;
	padding-left: 20px;
	}

.dialogHeaderTotalRecordCountText, .dhtrct {
	}
   
.dialog_view, .dv {
   border-top: 1px #A53B27 solid; /*e5e5e5*/
   border-right: 1px #A53B27 solid;
   border-left: 1px #A53B27 solid;
   border-bottom: 1px #A53B27 solid;
   }

.category, .c {
   color: #444444;
   padding: 5px;
   }

.category_area, .ca {
   white-space: nowrap; 
   text-transform: uppercase;
   padding-bottom: 4px;
   }

.category_area A, .ca A {
   color: #777777;
   text-decoration: underline;
   text-transform: uppercase;
   }

.category_area A:hover, .ca A:hover {
   color: #d0320a;
   text-decoration: underline;
   text-transform: uppercase;
   }

.subcategory_label, .scl {
   font-size: 10px;
   font-weight: bold;
   color: #d0320a;
   padding-left: 4px;
   white-space: nowrap; 
   vertical-align: middle;
   }

.subcategory SELECT, .sc SELECT {
   font-family: Verdana, Geneva, ms sans serif;
   font-size: 10px;
   border-top: 1px #555555 solid;
   border-left: 1px #555555 solid;
   border-right: 1px #eeeeee solid;
   border-bottom: 1px #eeeeee solid;
   }

.recordPanelButtonsAlignment, .rpbAlign {
   padding-top: 10px;
   padding-bottom: 5px;
      padding-left: 100px;
   }
  
.field_label, .fl {
   font-size: 10px;
   font-weight: bold;
   color: #333333;
   white-space: nowrap; 
   vertical-align: middle;
   
   text-transform: uppercase;
   text-align: left;
   padding: 3px 0px 3px 0px;
   }
.field_value_on_side{
	border-top: solid 1px #ca8383;
	border-bottom: solid 1px #ca8383;
	border-right: solid 1px #ca8383;
	vertical-align: middle;
}
.field_value_on_side2{
	vertical-align:bottom;
	font-size: 11px;
	border-bottom: solid 1px #e5cfcf;
}
.field_label_on_side, .fls {
   font-size: 10px;
   font-weight: bold;
   color: #ffffff;
   white-space: nowrap; 
   vertical-align: middle;
   background-color: #ca8383;
   text-transform: uppercase;
   text-align: right;
   padding: 3px 3px 3px 3px;
   }

.field_label_on_side_left {
   font-size: 10px;
   font-weight: bold;
   color: #ffffff;
   white-space: nowrap; 
   vertical-align: middle;
   background-color: #ca8383;
   text-transform: uppercase;
   text-align: Left;
   padding: 3px 3px 3px 3px;
   }

.field_value, .fv {
   padding: 0px;
   }

.field_input, .fi {
   font-family: Verdana, Geneva, ms sans serif;
   font-size: 10px;
   background-color: #ffffff;
   border-top: 1px #555555 solid;
   border-left: 1px #555555 solid;
   border-right: 1px #eeeeee solid;
   border-bottom: 1px #eeeeee solid;
   }

.filter_value, .filv {
   font-weight: bold;
   padding: 2px;
   }

.filter_button_cell, .filbc {
   padding-left: 8px;
   padding-bottom: 3px;
   vertical-align:bottom;
   }

.Filter_Input, .fili {
   font-family: Verdana, Geneva, ms sans serif;
   font-size: 10px;
   border-top: 1px #555555 solid;
   border-left: 1px #555555 solid;
   border-right: 1px #eeeeee solid;
   border-bottom: 1px #eeeeee solid;
   margin: 2px;
   margin-top: 0px;
   }

.filter_area, .fila {
   color: #d0320a;
   background-color: #ffffff;
   text-align: right;
   text-transform: uppercase;
   font-weight: bold;
   padding: 3px 6px 3px 6px;
   vertical-align: middle;
   white-space: nowrap; 
   }
.filter_area, .fila2{
   color: #d0320a;
   background-color: #ffffff;
   text-align: left;
   text-transform: uppercase;
   font-weight: bold;
   vertical-align: middle ;
   white-space: nowrap;
   }
   
.search_area, .sa {
   padding-top: 5px;
   padding-bottom: 2px;
   }

.search_label, .sl {
   background-color: #ffd469;
   color: #d0320a;
   font-weight: normal;
   vertical-align: middle;
   white-space: nowrap; 
   padding: 5px;
   }

.Search_Input, .si {
   font-family: Verdana, Geneva, ms sans serif;
   font-size: 10px;
   background-color: #ffffff;
   border-top: 1px #555555 solid;
   border-left: 1px #555555 solid;
   border-right: 1px #eeeeee solid;
   border-bottom: 1px #eeeeee solid;
   margin-left: 2px;
   } 


/**********************************************************************
 * Pagination Styles                                                  *
 **********************************************************************/
.button_bar_cell, .prbbc {
   /***background-color: #ffd469;***/
   background-color: #eeeeee;
   padding-top: 7px;
   padding-right: 4px;
   padding-bottom: 2px;
}

.pagination_area, .pra {
   background-color: #eeeeee;
   color: #d0320a;
   padding-right: 20px;
   padding-left: 20px;
   text-align: left;
   white-space: nowrap; 
   vertical-align: bottom;
   }

.pagination_label, .prl {
   color: #d0320a;
   font-weight: normal;
   vertical-align: middle;
   white-space: nowrap; 
   padding: 2px;
   }

.pagination_value, .prv{
   color: #d0320a;
   font-weight: bold;
   vertical-align: middle;
   white-space: nowrap; 
   padding: 2px;
   padding-right: 5px;
   padding-left: 5px;
   }

.Pagination_Input, .pri {
   font-family: Verdana, Geneva, ms sans serif;
   font-size: 10px;
   background-color: #ffffff;
   border-top: 1px #555555 solid;
   border-left: 1px #555555 solid;
   border-right: 1px #eeeeee solid;
   border-bottom: 1px #eeeeee solid;

   }

.pagination_row, .pr {
   background-color: #eeeeee;
   font-weight: bold;
   vertical-align: middle;
   padding-left: 3px;
   }

.paginationRowEdgeL, .prel {
   }

.paginationRowEdgeR, .prer {
   }

.paginationButtonFirst, .prbf {
   background-image:url(../Images/arrow_beg.gif);
   background-repeat: no-repeat;
   width: 24px;
   height: 24px;
   }

.paginationButtonPrevious, .prbp {
   background-image:url(../Images/arrow_left.gif);
   background-repeat: no-repeat;
   width: 24px;
   height: 24px;
   }

.paginationButtonNext, .prbn {
   background-image:url(../Images/arrow_right.gif);
   background-repeat: no-repeat;
   width: 24px;
   height: 24px;
   }

.paginationButtonLast, prbl {
   background-image:url(../Images/arrow_end.gif);
   background-repeat: no-repeat;
   width: 24px;
   height: 24px;
   } 


/**********************************************************************
 * Table Rows Styles                                                  *
 **********************************************************************/
.header_cell, header_cell_scrolling, .thc, tchs {
   font-family: Verdana, Geneva, ms sans serif;
   font-size: 11px;
   text-transform: uppercase;
   /***background-color: #DAE1E8;***/
   background-color: #fffec7;
   padding: 5px;
   border-left: 1px #aaaaaa solid;
   border-right: 1px #cccccc solid;
   border-top: 1px #aaaaaa solid;
   border-bottom: 1px #aaaaaa solid;
   color: #d0320a;
   vertical-align: top;
   }

.column_header, .tch {
   font-weight: bold;
   }

.column_header A, .column_header_scrolling A, .tch A, .tchs A {
   color: #444444; 
   text-decoration: underline;
   } 
   
.column_header A:hover, .column_header_scrolling A:hover, .tch A:hover, .tchs A:hover {
   color: #d0320a;
   text-decoration: underline;
   }

.columnHeaderFilterPadding, .tchfilp {
   padding-top: 4px;
   text-align: center;
   }

.columnHeaderFilterPadding A, .tchfilp A {
   text-decoration: none;
   color: #e0e0e0;
   }

.columnHeaderFilterPadding A:hover, .tchfilp A:hover {
   text-decoration: none;
   color: #ffffff;
   }

.icon_cell, .alt_icon_cell, .tic, .taic {
   padding: 1px;
   color: #444444;
   vertical-align: middle;
   border-left: 1px #dae1e8 solid;
   border-right: 1px #dae1e8 solid;
   border-bottom: 1px #dae1e8 solid;
   width: 16px;
   background-color: #ffffff;
   }

.icon_cell_highlighted, .alt_icon_cell_highlighted, .tich, .taich {
   padding: 1px;
   color: #444444;
   vertical-align: middle;
   border-left: 1px #ffffff solid;
   border-right: 1px #ffffff solid;
   border-bottom: 1px #ffffff solid;
   width: 16px;
   background-color: #cbedfe;
   }

.icon_cell_selected, .tics {
   padding: 1px;
   color: #444444;
   vertical-align: middle;
   border-left: 1px #ffffff solid;
   border-right: 1px #ffffff solid;
   border-bottom: 1px #ffffff solid;
   width: 16px;
   background-color: #dae1e8;
   }
         
.table_cell, .alt_table_cell, .ttc, .tatc {
   padding: 5px;
   color: #444444;
   vertical-align: top;
   font-family: Verdana, Geneva, ms sans serif;
   font-size: 11px;
   text-align: left;
   border-left: 1px #dae1e8 solid;
   border-right: 1px #dae1e8 solid;
   border-bottom: 1px #dae1e8 solid;
   background-color: #ffffff;
   }

.table_cell_highlighted, .alt_table_cell_highlighted, .ttch, .tach {
   padding: 5px;
   color: #444444;
   vertical-align: top;
   font-family: Verdana, Geneva, ms sans serif;
   font-size: 11px;
   text-align: left;
   border-left: none;
   border-right: none;
   border-top: 1px #ffffff solid;  
   border-bottom: 1px #cccccc solid;   
   /*
   border-left: 1px #ffffff solid;
   border-right: 1px #ffffff solid;
   border-bottom: 1px #ffffff solid;
	*/
   background-color: #cbedfe;
   }

.table_cell_selected, .ttcs {
   padding: 5px;
   color: #444444;
   vertical-align: top;
   font-family: Verdana, Geneva, ms sans serif;
   font-size: 11px;
   text-align: left;
   border-left: 1px #ffffff solid;
   border-right: 1px #dae1e8 solid;
   border-bottom: 1px #ffffff solid;
   background-color: #eeeeee;
   }

.totals_cell, .tpttc {
   padding: 5px;
   color: #444444;
   vertical-align: top;
   font-family: Verdana, Geneva, ms sans serif;
   font-size: 11px;
   text-align: left;
   border-left: 1px #ffffff solid;
   border-right: 1px #dae1e8 solid;
   border-top: 1px #ffffff solid;
   border-bottom: 1px #ffffff solid;
   background-color: #eeeeee;
   width: 48px;
   }

.totals_cell_value, .tpttcv {
   padding: 5px;
   color: #444444;
   vertical-align: top;
   font-family: Verdana, Geneva, ms sans serif;
   font-size: 11px;
   text-align: right;
   border-left: 1px #ffffff solid;
   border-right: 1px #dae1e8 solid;
   border-top: 1px #ffffff solid;
   border-bottom: 1px #ffffff solid;
   background-color: #eeeeee;
   }

.page_total_label, .tptl {
   font-size: 10px;
   font-weight: normal;
   color: #666666;
   padding-left: 20px;
   white-space: nowrap; 
   vertical-align: middle;
   }

.page_total_value, .tptv {
   font-weight: normal;
   padding: 3px;
   }

.grand_total_label, .tgtl {
   font-size: 10px;
   font-weight: normal;
   color: #666666;
   padding-left: 20px;
   white-space: nowrap; 
   vertical-align: middle;
   }

.grand_total_value, .tgtv {
   font-weight: normal;
   padding: 3px;
   }

.tableRowsEdge, .tre {
   border-left: 1px #cccccc solid;
   border-bottom: 1px #cccccc solid;
   } 


/**********************************************************************
 * Scrolling Table Styles                                             *
 **********************************************************************/
div.tableContainer {
   clear: both;
   height: 285px;	/* defines scrolling region height */
   overflow: auto;	/* enables scroll bar */
   }

html>body div.tableContainer {
   overflow: hidden;
   width: 100%;
   }

div.tableContainer table {
   width: 98%;
   }

html>body div.tableContainer table {
   width: 100%; /* defines data region width (provide room for scroll bar) */
   }

thead.fixedHeader tr {
	background-color: #ffffff; /* obscures data behind headers */
   position: relative; /* fixes headers in place */
   }

html>body thead.fixedHeader tr {
   display: block;
   width: 100%;
   }

.scrollContent {
   display: block;
   }

html>body tbody.scrollContent {
   display: block;
   height: 262px;
   overflow: auto;
   width: 100%
   }

thead.fixedHeader td.button-white {
   white-space: nowrap;
   width: 0%;
   }

thead.fixedHeader table {
   width: 0%;
   }


/**********************************************************************
 * Date Selector Styles                                               *
 **********************************************************************/
.dsTodayDay {
   background-color: #dae1e8;
   }

.dsDayHeader {
   color: #666666;
   background-color: #dae1e8;
   font-size: 10px;
   padding: 6px;
   }

.dsSelectedDay {
   padding: 6px;
   }

.dsTitle {
   color: #666666;
   background-color: #ffd469;
   font-weight: bold;
   }

.dsWeekendDay {
   background-color: #eeeeee;
   padding: 6px;
   }

.dsOtherMonthDay {
   background-color: #eeeeee;
   padding: 6px;
   }


/**********************************************************************
 * Info Panel Styles                                                  *
 **********************************************************************/
.panelInformationDisplayWithImage {
   border-top: 1px #cccccc solid;
   border-left: 1px #cccccc solid;
   border-right: 1px #cccccc solid;
   border-bottom: 1px #cccccc solid;
   }

.panelInformationDisplayWithImage_ImageArea {
   padding: 10px 10px 10px 16px;
   }

.panelInformationDisplayWithImage_InfoArea {
   vertical-align: middle;
   }

.panelInformationDisplayWithImage_InfoTitle {
   font-size: 12px;
   font-weight: bold;
   color: #777777;
   white-space: nowrap; 
   }

.panelInformationDisplayWithImage_InfoDetails {
   padding-right: 16px;
   white-space: nowrap;
   }

.panelInformationDisplay {
   border-top: 1px #cccccc solid;
   border-left: 1px #cccccc solid;
   border-right: 1px #cccccc solid;
   border-bottom: 1px #cccccc solid;
   }

.panelInformationDisplay_InfoArea {
   padding: 10px;
   }

.panelInformationDisplay_InfoTitle {
   font-size: 12px;
   font-weight: bold;
   color: #777777;
   white-space: nowrap; 
   text-align: center;
   }

.panelInformationDisplay_InfoDetails {
   white-space: nowrap;
   text-align: center;
   } 


/**********************************************************************
 * Configuration/Error Page Styles                                    *
 **********************************************************************/
.configureErrorPagesText {
   font-size: 11px;
   color: #444444;
   }
   

/**********************************************************************
 * Section 508 Compliance Styles                                      *
 **********************************************************************/
.skipNavigationLinks {
   /* font-size: 10px; */ /* uncomment out to enable 508 */
   /* color: #444444;  */ /* uncomment out to enable 508 */ 
   font-size: 1px;        /* comment out to enable 508 */
   color: #d0320a;        /* comment out to enable 508 */
   }


/**********************************************************************
 * Detail Rollover Popup Styles                                       *
 **********************************************************************/
.detailRolloverTitle {
   font-weight: bold;
   font-size: 12px;
   text-transform: uppercase;
   color: #000000;
   padding-left: 4px;
   vertical-align: middle;
   width: 95%;
   }

.detailRolloverTL {
   background-image:url(../Images/detailRolloverTL.gif);
   background-repeat: no-repeat;
   width: 45px;
   height: 37px;
}

.detailRolloverT {
   background-image:url(../Images/detailRolloverT.gif);
   background-repeat: repeat-x;
   height: 37px;
}

.detailRolloverTR {
   background-image:url(../Images/detailRolloverTR.gif);
   background-repeat: no-repeat;
   width: 17px;
   height: 37px;
}

.detailRolloverL {
   background-image:url(../Images/detailRolloverL.gif);
   background-repeat: repeat-y;
   width: 45px;
}

.detailRolloverC {
   background-image:url(../Images/detailRolloverC.gif);
   width: 300px;
   height: 200px;
}

.detailRolloverR {
   background-image:url(../Images/detailRolloverR.gif);
   background-repeat: repeat-y;
   width: 17px;
}

.detailRolloverBL {
   background-image:url(../Images/detailRolloverBL.gif);
   background-repeat: no-repeat;
   width: 45px;
   height: 19px;
}

.detailRolloverB {
   background-image:url(../Images/detailRolloverB.gif);
   background-repeat: repeat-x;
   height: 19px;
}

.detailRolloverBR {
   background-image:url(../Images/detailRolloverBR.gif);
   background-repeat: no-repeat;
   width: 17px;
   height: 19px;
}

.detailPopupDropShadow {
   /*filter:dropshadow(color=#000000, offx=10, offy=10, positive=true) alpha(opacity=10);*/
}


/**********************************************************************
 * JavaScript Date Selector Styles                                    *
 **********************************************************************/
.dpTable {
   background-color: #ffd469;
   border: 1px solid #aaaaaa;
   color: #333333;
   }

.dpTD {
   background-color: #ffffff;
   border: 1px #dae1e8 solid;
   padding-top: 5px;
   padding-right: 8px;
   padding-bottom: 5px;
   padding-left: 8px;
   text-align: center;
   vertical-align: middle;
   }

.dpDayHighlightTD {
   background-color: #840429; 
   border: 1px #dae1e8 solid;
   color: #ffffff;
   font-weight: bold;
   padding-top: 5px;
   padding-right: 8px;
   padding-bottom: 5px;
   padding-left: 8px;
   text-align: center;
   vertical-align: middle;
   }

.dpTDHover {
   background-color: #840429; 
   border: 1px #dae1e8 solid;
   color: #ffffff;
   cursor: pointer;
   font-weight: bold;
   padding-top: 5px;
   padding-right: 8px;
   padding-bottom: 5px;
   padding-left: 8px;
   text-align: center;
   vertical-align: middle;
   }

.dpDayTD {
   background-color: #dae1e8;
   border: 1px #aaaaaa solid;
   padding-top: 2px;
   padding-right: 8px;
   padding-bottom: 2px;
   padding-left: 8px;
   text-align: center;
   vertical-align: middle;
   }

.dpTitleText {
   color: #333333;
   font-size: 13px;
   font-weight: bold;
   padding-top: 3px;
   text-align: center;
   vertical-align: middle;
   }

.dpDiv {
   }

.dpTR {
   }

.dpTitleTR {
   }

.dpDayTR {
   }

.swizMiscHeader{
	font-size: 16px;
	color: #9bce6b;
	font-weight: bold;
	font-style: italic;
	vertical-align: baseline;
	padding-left: 4px;
}
.swizMiscItem{
	font-size: 12px;
	font-style: italic;
	vertical-align: middle;
	padding-left: 4px;
	background: #d2f5cb;
}

.comboTable TD
{
	background-image: url(../Images/rowBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.comboItem
{
	padding-left: 10px;
	padding-bottom: 5px;
}