/* 
  see http://www.abatec.deloitte.co.uk/Support/default.asp?app=knowledge_base&function=bookmark&file_name=development_web_style_sheets.htm for 
  further information  
*/

/*  VERSION = 1.0.0.0 */
/* to change the base font family and size then only overwride those in 'GENERAL styles' where font-family is set * /
/* START GENERAL styles */
        BODY
        {
          font-family:verdana,arial,helvetica;
          font-size:8pt;
          border-width:2px;  
        }
        INPUT
        { 
          font-size:100%;
          font-family:verdana,arial,helvetica;         
        }
        BUTTON
        { 
          font-size:100%; 
          font-family:verdana,arial,helvetica;         
        }
        SELECT{font-size:100%;}
        TEXTAREA{font-size:100%;}
        H1{font-size:140%;}
        H2{font-size:130%;}
        H3{ font-size:120%;}
        H4{ font-size:105%;}
        PRE.{ font-size:100%; }  
        TABLE{ font-family:verdana,arial,helvetica;font-size:100%;}        
/* END GENERAL styles */

/* START abatec_system.js styles */
        .hidden{ display:none; }
        ul{ margin-left:16px; }
        .centre
        {
          z-index:9999;
          position:absolute;
          left:expression(( document.body.offsetWidth / 2 ) - ( this.offsetWidth / 2 ));
          top:expression(( document.body.offsetHeight / 2 ) - ( this.offsetHeight / 2 ));
        }
        /* START clent side error message */
                BODY.body_errormessage
                {
                  background-color:buttonface;                  
                  overflowY:scroll;
                }
                TABLE.table_errormessage_client
                {
                  cursor:default;
                  background-color:buttonface;
                  font-size:100%;
                }
                TD.td_errormessage_description_client
                {
                  font-weight:normal;
                  font-size:100%;
                }
                DIV.div_errormessage_further_info_header_client
                {
                  font-weight:normal;
                  font-style:normal;
                  font-size:100%;
                  text-decoration:underline;
                  cursor:pointer;
                }
                DIV.div_errormessage_further_info_client
                {
                  cursor:pointer;
                  display:block;  
                  font-weight:normal;
                  font-style:italic;
                  font-size:100%;
                }
                INPUT.input_errormessage_ok_client
                {
                  font-weight:normal;  
                  font-size:100%;
                  left:expression((document.body.clientWidth/2)-(input_errormessage_ok_client.clientWidth/2));
                  top:expression((document.body.clientHeight) -( input_errormessage_ok_client.clientHeight + 15));
                  position:absolute;
                }
        /* END clent side error message */

        /* START server side error message */
                TABLE.table_errormessage_server
                {
                  cursor:default;  
                  width:100%;
                }
                SPAN.span_error_description_server
                {
                  font-weight:normal;
                  font-size:100%;
                }
                DIV.div_error_callstack_header_server
                {
                  font-weight:normal;
                  font-style:normal;
                  font-size:100%;
                  text-decoration:underline;
                  cursor:pointer;
                }
                DIV.div_error_callstack_server
                {
                  cursor:pointer;
                  display:none;  
                  font-weight:normal;
                  font-style:italic;
                  font-size:100%;
                }
        /* END server side error message */
/* END abatec_system.js styles */

/* START abatec_calendar.js styles */
        DIV.calendar_div
        {
          z-index:999999;
          border-width:
          2px;cursor:pointer;
          position:absolute;
          display:none;
          background-color:buttonface;
          border-style:outset;          
          
        }
        TABLE.calendar_table_controls
        {
          border-style:solid;
          border-width:0px;
          
        }
        TD.calendar_month_td{;}
        TD.calendar_move
        {
          font-family:WebDings;
          font-weight:bold;
          cursor:pointer
        }
        TD.calendar_move_select
        {
          cursor:pointer;
          font-family:WebDings;
          color:blue;
          font-weight:bold;
        }
        TD.calendar_td_year{;}
        TABLE.calendar_table_days
        { 
          text-align:center; 
          

        }
        TR.calendar_day_tr_header
        {
          font-weight:bold;
          font-style:italic;
        }
        TD.calendar_day_td_header{;}
        TR.calendar_day_tr{;}
        TD.calendar_day_td
        {
          cursor:pointer;
          background-color:white;
        }
        TD.calendar_day_today_td
        {
          cursor:pointer;
          background-color:yellow;

        }
        TD.calendar_day_selected_td
        {
          cursor:pointer;
          color:white;
          background-color:highlight;

        }
        TD.calendar_day_out_month_td
        {
          cursor:pointer;
          color:white;
          background-color:buttonface;
        }
        TR.calendar_day_tr_header{;}
/* END abatec_calendar.js styles */

/* START abatec_tabstrip.js styles */
        table.tabletabstrip{ border-style:none; }
        tr.trtabheader
        {
          padding:0
          border-style:none;
          border-width:0px;
          margin:0;
        }
        th.thtabheaderselected
        {
          background-color:buttonface;
          border-style:none;
          margin:0;
          border-width:2px 2px 2x 2px;
          border-color:white #a0a0a0 buttonface white;
          border-style:solid;
          font-weight:bold;
          padding-left:6px;
          padding-right:6px;
          cursor:pointer;
        }
        th.thtabheaderunselected
        {
          background-color:buttonface;
          border-style:solid;
          border-width:2px 2px 2px 0px;
          border-color:white #a0a0a0 white buttonface ;
          font-weight:normal;
          margin:0;
          padding-left:6px;
          padding-right:6px;
          cursor:pointer;
        }
        th.thtabheaderblank
        {
          border-style:none;
          font-weight:normal;
          margin:0;
          padding:0;  
        }
        div.divtabbase
        {
          background-color:buttonface;
          padding:6px;
          margin:0;
          border-width:0px 2px 2px 2px;
          border-style:solid;
          border-color:buttonface #a0a0a0 #a0a0a0 white;
          
        }
/* END abatec_tabstrip.js  */

/* START abatec_treeview.js */
        li.treeview_li
        {
          list-style-type: none;
          list-style-image: none;
          cursor:pointer;
          border-style:none;
          padding:0;
          margin:0
        }
        ul.treeview_ul
        {
          border-style:none;
          padding:0;
          margin-left:16px;
        }
        ul.treeview_ul_root
        {
          padding:0;
          margin:0
        }
/* END abatec_treeview.js */

/* START abatec_twistee.js */
        .twistee
        {
          cursor:pointer;
          font-family: webdings;
          color: blue;
          font-size:12pt;
        }
        .twistee_open{display:block;}
        .twistee_closed{display:none;}
/* END abatec_twistee.js */

/* START General Banner Area and Screen Appearance */
        BODY.banner        
        {
          font-family: Arial;
          font-size: 14pt;
          background-color: #FFFFFF;
          color: #010066;
        }
        .banner { color: #000000; }
        .company_text {}
        .company_logo
        { 
          background: transparent url(../images/deloitte/company_logo.gif) no-repeat;
          background-color: #010066;
          background-position: top left;
        }
        .application_logo
        { 
          background: transparent url(../images/deloitte/logo.gif) no-repeat;
          background-position: top right;
        }
        .company_message
        {
          font-size: 12pt;
          font-weight:bolder ;
        }
        .option_area
        {
          background-color: #010066;
          width: expression(document.body.clientWidth-194);
        }
        .product_banner
        {
          background: transparent url(../images/deloitte/application_logo.gif) no-repeat;
          background-position: top left;
          background-color: #010066;
        }
        .banner_filler
        {
          background: transparent url(../images/deloitte/filler.gif) no-repeat;
          background-position: top left;
          background-color: #010066;
          background-repeat:repeat-x;
        }
        .abatec_error
        {
          font-size: 10pt;
          color:Red;
        }
        .abatec_link 
        { 
          font-size: 12pt;
          font-weight:bolder; 
          cursor:pointer;
        }
        .option_area2{ background-color: #010066; }
        .horizontal_splitter
        {
          background: transparent url(../images/bottom_line.gif) repeat-x;
          background-position: top left; 
          background-color: #010066;
        }
        .vertical_splitter
        {
          background: transparent url(../images/vertical_line.gif) repeat-y;
          background-position: top left;
          background-color: #010066;
        }
/* END General Banner Area and Screen Appearance */


.tool-bar INPUT
      {        
    background-color: button-face; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */        
    border-width:1px;
    cursor: pointer;        /* make the cursor like hovering over an <a> element */        
    background-position: center center;
    vertical-align: middle; /* align the text vertically centered */        
  }