/* Base */
   body {
      background-color:white;
      margin:0px; font-family:arial; font-size:12px;
   }

   a                      { color:blue; text-decoration:none; }
   a:hover                { color:red; }
   a img                  { border:none; }

   #divHeader {
      width:100%; height:120px;
      background-color:#DDF2FF;
      background-image:url('images/shaddow.png'); background-repeat:repeat-x; background-position:bottom;
   }

   #divLogo {
      position:absolute; top:15px; float:left;
      width:215px; height:75px;
   }

   .txtHeader {
      font-size:30px; color:#003873; letter-spacing:1px;
   }
   
   .txtSubHeader {
      font-size:18px; color:#5A5A5A;
   }

   #pnlLoginInfo {
      position:relative; top:5px; float:right; width:150px;
      text-align:center;
   }

   #pnlNavigation {
      position:absolute; top:83px; height:30px; left:390px;
   }
   
   #divContent {
      width:100%;
   }

   #divContent_Small {
      width:95%; margin:auto;
      background-color:white;
   }

   #divFooter {
      width:100%; margin-top:10px; border-top:solid 2px #999999; clear:both;
      text-align:left;
   }
   
   .divNavigation1 {
      background-image:url('images/backgrounds/nav1.png'); background-repeat:no-repeat;
      position:absolute; width:152px; height:30px; cursor:pointer; cursor:hand;
      font-family:arial; font-size:12px; color:white; font-weight:bold;
      padding-top:10px; text-align:center;
   }

   .divNavigation2 {
      background-image:url('images/backgrounds/nav2.png'); background-repeat:no-repeat;
      position:absolute; width:152px; height:30px; cursor:pointer; cursor:hand;
      font-family:arial; font-size:12px; color:white; font-weight:bold;
      padding-top:10px; text-align:center;
   }

   .divNavigation_CommunicationCentre1 {
      background-image:url('images/backgrounds/navcc1.png'); background-repeat:no-repeat;
      position:absolute; width:152px; height:30px; cursor:pointer; cursor:hand;
      font-family:arial; font-size:12px; color:white; font-weight:bold;
      padding-top:10px; text-align:center;
   }

   .divNavigation_CommunicationCentre2 {
      background-image:url('images/backgrounds/navcc2.png'); background-repeat:no-repeat;
      position:absolute; width:152px; height:30px; cursor:pointer; cursor:hand;
      font-family:arial; font-size:12px; color:white; font-weight:bold;
      padding-top:10px; text-align:center;
   }

   a.lnkFooter            { color:#999999; text-decoration:none; }
   a.lnkFooter:hover      { color:black; }

   a.lnkGrey              { color:#7D7D7D; font-size:13px; font-weight:bold; text-decoration:none; }
   a.lnkGrey:hover        { color:black; }

   a.lnkWhite             { color:white; font-size:13px; font-weight:bold; text-decoration:none; }
   a.lnkWhite:hover       { color:black; }



/* Tables */
   table.tblGeneral {
      border:none; border-collapse:collapse;
   }

   table.tblBorder {
      border:solid 1px #5F737A; border-collapse:collapse;
   }
   table.tblBorder2 {
      border:solid 1px #CCCCCC; border-collapse:collapse;
   }

   td.cellHeader {
      border:none 0px;
      background-color:#E2E2E2; padding:3px; vertical-align:top;
      color:#6B6B6D; font-weight:bold; /*text-align:center;*/
   }
   td.cellWorkHeader {
      background-image:url('images/work/cellheader.png'); background-repeat:repeat-x; padding:3px;
      color:White; vertical-align:top; font-weight:bold;
   }
   td.cellBlank {
      border:none; padding:0px; vertical-align:top;
   }

   td.cellGrid {
      border:solid 1px #B1B1B1; background:#F4F4F4; padding:5px; vertical-align:top;
   }
   td.cellGrid2 {
      border:solid 1px #B1B1B1; background:#FFFFCC; padding:5px; vertical-align:top;
   }

   div.divHeader {
      border:solid 1px #5F737A;
      background-color:#E2E2E2; padding:3px;
   }



/* Accordian */
   .accHeader {
      background-image:url('images/icons/arrow_expand.png'); background-repeat:no-repeat;
      background-position:3px center; margin-bottom:3px;
      height:20px; line-height:20px; padding:5px; padding-left:25px; cursor:pointer;
      font-size:16px; font-weight:bold; color:#828282;
   }

   .accHeader_Selected {
      background-image:url('images/icons/arrow_collapse.png'); background-repeat:no-repeat;
      background-position:3px center;
      height:20px; line-height:20px; padding:5px; padding-left:25px; cursor:pointer;
      font-size:16px; font-weight:bold; color:black;
   }

   .accContent {
      border-top:none; font-size:16px; margin-bottom:3px;
      padding:10px;
   }


/* Work Table */
   td.cellTop {
      border:none; padding:0px;
      background-image:url('images/backgrounds/top.png'); background-repeat:no-repeat;
      color:White; font-size:22px; text-align:center;
   }

   td.cellBottom {
      border:none; padding:0px;
      background-image:url('images/backgrounds/bottom.png'); background-repeat:no-repeat;
   }


/* Modal Popup */
   .divPopup {
      margin:auto; width:650px; height:400px;
      background-image:url('images/backgrounds/popup.png'); background-repeat:no-repeat;
   }
   .bgPopupBackground {
      background-color:#F4F4F4; filter:alpha(opacity=70); opacity:0.7;
   }



/* Forms */
   input, select, textarea {
      background-color:#F4F4F4; border:solid 1px #CCCCCC; font-family:arial;
   }
   input[type="submit"] {
      padding:5px;
   }
   input[type="radio"] {
      border:none; background:none;
   }
   input[type="checkbox"] {
      border:none; background:none;
   }

   .txtSearch {
      background-image:url('images/icons/search.jpg'); background-repeat:no-repeat; padding-left:18px;
   }



/* Text */
   .txtSubText {
      font-size:10px; color:#9F9F9F;
   }
   .txtSubText2 {
      font-size:9px; color:#9F9F9F;
   }
   .txtSubText3 {
      font-size:9px; color:white;
   }
   .txtMessage {
      color:Red; font-weight:bold; font-size:16px;
   }



/* Password */
   .barPasswordStrength_Border {
      border-style:solid; border-width:1px; width:120px;
   }
   .barPasswordStrength_Background {
      color:#CCCCCC; background-color:#B6DEEE;
   }



/* Widgit */
   div.point_sym_tooltip {
	   position: absolute; 
	   border: 2px solid #cccccc; 
	   background-color: #eeeeee; 
	   color: #000;
	   text-align: center; 
	   padding: 5px; 
   }

   div.point_sym_tooltip * {
	   font-size: 14px; 
	   font-family: verdana;
   }

   span.point_sym_hover_span:hover, span.point_sym_hover_span_hl { 
	   background-color: #ffcc00;
   }

   span.point_sym_hover_span_nosymbol:hover, span.point_sym_hover_span_nosymbol_hl { 
	   background-color: #eee; 
   }

   div.point_waiticon {
	   position: absolute; 
	   padding: 0px; 
	   width: 16px; 
	   height: 16px; 
	   background-image: url('images/widgit/point_waiticon.gif'); 
	   left: 100px; 
	   top: 100px; 
   }

   #point_togglebutton {
	   cursor: pointer;
   }



/* Work Status */
   div.divStatus_0 {
      background-image:url('images/backgrounds/workstatus/none.png'); background-repeat:repeat-x;
      height:80px; width:100%; padding:5px;
   }

   div.divStatus_1 {
      background-image:url('images/backgrounds/workstatus/submitted.png'); background-repeat:repeat-x;
      height:80px; width:100%; padding:5px;
   }

   div.divStatus_2 {
      background-image:url('images/backgrounds/workstatus/ammend.png'); background-repeat:repeat-x;
      height:80px; width:100%; padding:5px;
   }

   div.divStatus_3 {
      background-image:url('images/backgrounds/workstatus/complete.png'); background-repeat:repeat-x;
      height:80px; width:100%; padding:5px;
   }