/* 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:#1A509A;
      background-image:url('images/shaddow.png'); background-repeat:repeat-x; background-position:bottom;
   }

   a.lnkHeader             { color:#8CBEE7; text-decoration:none; }
   a.lnkHeader:hover       { color:#F4F4F4; }

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

   #div.scroll
   {
      background-color:#00FFFF;
      width:500px;
      height:500px;
      overflow:scroll;
   }

   #pnlHelp {
      position:absolute; top:15px; left:550px; width:100px; height:40px; line-height:40px;
      text-align:center; background-color:White;
      border-top-left-radius:20px; border-bottom-right-radius:20px;
      -moz-border-radius-topleft:20px; -moz-border-radius-bottomright:20px;
      -webkit-border-top-left-radius:20px; -webkit-border-bottom-right-radius:20px;
   }

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

   #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;
      font-family:arial; font-size:12px; color:#1A509A; 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;
      font-family:arial; font-size:12px; color:#1A509A; 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;
      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;
      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; }
   
   #lnkClose               { color:black; text-decoration:none; background-color:white; padding:5px;
                             border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
   #lnkClose:hover         { color:red; }

   a.lnkSmall              { color:#999999; font-size:10px; text-decoration:none; }
   a.lnkSmall:hover        { color:black; }

   a.lnkWork_0             { color:#C60000; font-size:12px; text-decoration:none; }
   a.lnkWork_0:hover       { color:#FF5E5E; }

   a.lnkWork_1             { color:#A85400; font-size:12px; text-decoration:none; }
   a.lnkWork_1:hover       { color:#FF9933; }

   a.lnkWork_2             { color:#0165B6; font-size:12px; text-decoration:none; }
   a.lnkWork_2:hover       { color:#3DA7FE; }

   a.lnkWork_3             { color:#217E21; font-size:12px; text-decoration:none; }
   a.lnkWork_3:hover       { color:#4FD24F; }


/* 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;
   }

   tr.rowMouseOver {
      background-color:#FFFFCC;
   }
   tr.rowMouseOut {
      background-color:White;
   }

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

   td.cellGrid {
      border:solid 0px; padding:5px; vertical-align:top;
   }



/* Divs */
   div.divCurved {
      border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
   }

   div.divCurved_Container {
      border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
      background-color:#F7F7F7; border:solid 1px #5F737A; padding:10px;
   }


/* 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:13px; font-weight:bold; color:black;
   }

   .accHeader_Selected {
      background-image:url('images/icons/arrow_collapse.png'); background-repeat:no-repeat;
      background-position:3px center; background-color:#CCCCCC;
      border-top-left-radius:5px; border-top-right-radius:5px;
      -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;
      -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;
      height:20px; line-height:20px; padding:5px; padding-left:25px; cursor:pointer;
      font-size:13px; font-weight:bold; color:black;
   }

   .accContent {
      font-size:12px; margin-bottom:3px; background-color:white;
      border-top:none; border:solid 1px #CCCCCC;
      padding:10px;
   }

   .accWork {
      background-image:url('images/icons/arrow_expand.png'); background-repeat:no-repeat;
      background-position:3px center; margin-bottom:3px;
      padding:5px; padding-left:25px; cursor:pointer;
      font-weight:bold; color:black;
   }

   .accWork_Selected {
      background-image:url('images/icons/arrow_collapse.png'); background-repeat:no-repeat;
      background-position:3px center; background-color:#CCCCCC;
      border-top-left-radius:5px; border-top-right-radius:5px;
      -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;
      -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;
      padding:5px; padding-left:25px; cursor:pointer;
      font-weight:bold; color:black;
   }

   .accWork_Content {
      font-size:12px; margin-bottom:3px; background-color:white;
      border-top:none; border:solid 1px #CCCCCC;
      padding:10px;
   }

/* DataGrid */
   tr.rowHeader {
      background-image:url('images/work/cellheader.png'); background-repeat:repeat-x; padding:5px;
      color:#4E4E4E; font-weight:bold;
   }
   td.cellGrid {
      padding:3px;
   }
   tr.rowPager {
      background-color:#E2E2E2; border-top:none 0px transparent;
   }
   tr.rowPager, td.cellPrevNext a           { color:blue !important; text-decoration:none !important;}
   tr.rowPager, td.cellPrevNext a:hover     { color:red !important; text-decoration:none !important;}


/* Popup Content */
   .divPopupContent {
      width:734px; float:left;
   }
      .divPopupContent_Top {
         background-image:url('images/backgrounds/popupcontent_top.png'); background-repeat:no-repeat;
         width:100%; height:40px;
      }
      .divPopupContent_Middle {
         background-image:url('images/backgrounds/popupcontent_middle.png'); background-repeat:repeat-y;
         width:100%;
      }
      .divPopupContent_Bottom {
         background-image:url('images/backgrounds/popupcontent_bottom.png'); background-repeat:no-repeat;
         width:100%; height:40px;
         text-align:center;
      }

      .bgPopupBackground {
         background-color:black; filter:alpha(opacity=80); opacity:0.8;
      }


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


/* Text */
   .txtHeader {
      font-size:30px; color:#8DB911; letter-spacing:1px;
   }

   .txtSubHeader {
      font-size:18px; color:#5A5A5A;
   }

   .txtSubText {
      font-size:10px; color:#9F9F9F;
   }
   .txtSubText2 {
      font-size:9px; color:#9F9F9F;
   }
   .txtSubText3 {
      font-size:9px; color:white;
   }
   .txtMessage {
      color:Red; font-weight:bold;
   }
   .txtSearch {
      background-image:url('images/icons/search.png'); background-repeat:no-repeat; background-position:3px 50%; padding-left:18px;
   }


/* 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;
      border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
   }

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

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

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