/* CSS Document */
body 
{
    background-color: white;
    color: black;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    margin: 0px;

}

td 
{
	font-size: 11px;
}

#sidebar
{
    border-right: solid 1px #c2c2c2;
    background-color: #e8e8e8;
    vertical-align: top;
}

#content
{
    padding: 20px;
    background-position: bottom right;
    background-repeat: no-repeat;
}

#searchbox 
{
  background-image: url('images/search_bg.png');
  background-color: black;
  width: 288px;
  height: 100px;  
}

.leftbtn
{
  font-size: 15px;
  font-family: Verdana, Tahoma, sans-serif;
  font-weight: bold;
  
  height: 47px;
  padding-left: 36px;
  background-image: url('images/btnback.png');
  line-height: 47px;
  border-bottom: solid 1px #c2c2c2;
}

.leftlink
{
  text-decoration: none;
  color: #696969;

}

.leftlink:hover
{
  color: #9f0000;
  cursor: hand;  
}

#sidemenu {
    padding: 20px;
}

.menulink {
    color: black;
    text-decoration: none;
    vertical-align: baseline;
    font-size: 11px;
}
.menulink img {
    margin-right: 8px;
}

.menulink:hover {
  color: navy;
  font-weight: bold;
}

.rekrut {
    color: red;
    text-decoration: none;
    vertical-align: baseline;
    font-size: 11px;
}

.rekrut:hover {
  color: navy;
  font-weight: bold;
}
.rekrut img {
    margin-right: 8px;
}


#smallbnr {
text-align: center;
margin: auto;
padding: auto;
}

#logbar {
        background-color: #dddddd;
        height: 18px;
        border-bottom: 1px solid #aaaaaa;
        padding: 2px;
        padding-left: 6px;
        font-size: 10px;
        color: black;
        
        
}
#logbar2 {
        height: 20px;
        
}

#footer {
  padding: 10px;
  color: #999999;
  font-size: 10px;
}

#footer td 
{
	font-size: 10px;
}

#footer a {
  color: #1a7ffc;
  text-decoration: none;
}
#footer a:hover {
  color: red;
}

.topbarlic {
  background-image: url('images/lic_topbar.png');
  background-position: top left;
}

.topbargim {
  background-image: url('images/gim_topbar.png');
  background-position: top left;
}

.topbarpod {
  background-image: url('images/pod_topbar.png');
  background-position: top left;
}

#datetablic {
  text-align: right;
  padding-right: 10px;
  color: white;
  font-size: 10px;
  background-image: url('images/lic_datebg.png');
}

#datetabgim {
  text-align: right;
  padding-right: 10px;
  color: white;
  font-size: 10px;
  background-image: url('images/gim_datebg.png');
}

#datetabpod {
  text-align: right;
  padding-right: 10px;
  color: black;
  font-size: 10px;
  background-image: url('images/pod_datebg.png');
}

#menutoplic {
            background-image: url('images/menubar_lic.png');
            color: white;
            font-size: 10px;
            font-weight: bold;
            padding-left: 8px;
}

#menutopgim {
            background-image: url('images/menubar_gim.png');
            color: white;
            font-size: 10px;
            font-weight: bold;
            padding-left: 8px;
}

#menutoppod {
            background-image: url('images/menubar_pod.png');
            color: black;
            font-size: 10px;
            font-weight: bold;
            padding-left: 8px;
}


#qtext {
    width: 250px;
    border: 1px solid #999999;
    background-color: #eeeeee;
    text-align: center;
    color: #999999;
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    padding: 2px;
    position: relative;
    overflow: hidden;
    top: 6px;
    left: 10px;
}

h1 {
  color: navy;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  margin-bottom: 30px;
}

h2 {
  color: orange;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  margin-top: 30px;
}

p {
  color: #666666;
  text-indent: 0.5cm;
  text-align: justify;
  font-size: 11px;
}

li {
color: #666666;
  text-align: left;
  font-size: 11px;
  margin-top: 6px;  
}

#content td p {
         text-indent: 0;
         text-align: center;
         }
         
#content td {
         border: 1px solid #cccccc;
}
#contentxxx td:hover {
         background-color: lightyellow;
         border: 1px solid red;
}

#signature {
  color: #666666;
  text-align: right;
  margin-right: 1cm;
  font-style: italic;
  font-size: 11px;  
}

#author {
  color: #999999;
  text-indent: 0;
  text-align: right;
  font-size: 11px;        
}

hr {
color: #cccccc;
margin-top: 30px;
margin-bottom: 10px;
}

.news {
  font-size: 10px;
  margin-top: 20px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 5px;
}
.news .head 
{
  font-family: verdana, arial, sans-serif;
  color: navy;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 7px;

}

.news .content {
  color: #000000;
}

.news .sign {
  color: #cccccc;
  margin-top: 7px;
  text-align: right;
}

#show {
          text-align: left;
          margin-top: 20px;
          }
          
#showmorea {
          color: navy;
          font-size: 11px;
          text-decoration: none;
}

#showmorea:hover {
          color: red;
          font-size: 11px;
}

.box {
     border: 1px solid navy;
     background-color: #99ccff;
     padding: 0px;
     margin: 40px;
     margin-bottom: 10px;
     float: center;
     margin-left: auto;
     margin-right: auto;
     width: 400px;
}

.infobox
{
     border: 1px solid navy;
     background-color: #99ccff;
     padding: 0px;
     margin: 40px;
     margin-bottom: 10px;
     float: center;
     margin-left: auto;
     margin-right: auto;
     width: 400px;
     height: 140px;
}

.errorbox
{
     border: 1px solid navy;
     background-color: #ff9999;
     padding: 0px;
     margin: 40px;
     margin-bottom: 10px;
     float: center;
     margin-left: auto;
     margin-right: auto;
     width: 400px;
     height: 140px;
}

.boxbutton
{
        position: relative;
        left: 150px;
        top: 0px;
        border: 1px solid #336699;
        width: 90px;
        background-color: #eeeeff;
        font-size: 11px;
        font-weight: bold;
        font-family: Verdana, arial,sans-serif;
        margin-top: 10px;   
}

.infobox #content
{
     width: 370px;
     padding: 15px;
     text-align: center;
      font-size: 11px;
      font-weight: normal;
      vertical-align: middle;
      font-family: Verdana, arial,sans-serif;
     height: 60px;
}

.errorbox #content
{
     width: 370px;
     padding: 15px;
     text-align: center;
      font-size: 11px;
      font-weight: normal;
      vertical-align: middle;
      font-family: Verdana, arial,sans-serif;
     height: 60px;
}

.errorbox #content p
{
     vertical-align: middle;
     
     text-align: center;
     color: black;
     font-size: 11px;
     text-indent: 0px;
}

.box #header, .infobox #header, .errorbox #header {
             width: 388px;
             background-color: navy;
             color: #ffcc00;
             padding: 2px;
             padding-left: 10px;
             font-weight: bold;
             font-size: 10px;
}

.box #content {
     width: 370px;
     padding: 15px;
     vertical-align: middle;
     text-align: left;
      font-size: 11px;
      font-weight: normal;
      font-family: Verdana, arial,sans-serif;
     height: 90px;
}

.box #content td {
     border-width: 0;
     background-color: transparent;
}

.inputbox {
          width: 260px;
          border: 1px solid #336699;   
          margin-left: 10px;
          background-color: #eeeeff;    
}

.button {
        float: right;
        border: 1px solid #336699;
        width: 90px;
        background-color: #eeeeff;
        font-size: 11px;
        font-weight: bold;
        font-family: Verdana, arial,sans-serif;
        margin-top: 10px;       
}

#checkbox 
{
          margin-left: 95px;
}

.boxlinks
{
         font-size: 10px;
         text-align: center;
         margin-bottom: 20px;
}

#section 
{
         background-color: #99ccff;
         border-bottom: 1px solid navy;
         margin-top: 30px;
         margin-bottom: 10px;
         font-size: 11px;
         font-weight: bold;
         color: navy;
         padding: 2px;
}

#rightlink 
{
           text-align: right;
}

#rightlink a
{
           text-decoration: none;
           font-size: 10px;
}
            
#content a
{
         text-decoration: none;
         color: #0066ff;
} 

#content a:hover
{
         text-decoration: underline;
         color: #ff6600;
}

.appt
{
     width: 100%;
     border: 0px dashed #cccccc;
     height: 30px;
}

.appt 
{
      width: 100%;
      margin: 20px;
      border-width: 0px;
}
.appt td
{
      border-width: 0px;
}

.appt #dates
{
      width: 150px;
      border-width: 0px;
      border-bottom: 1px solid #cccccc;
      background-color: transparent;
}

.appt tr:hover
{
      border-color: red;
      
}

.appt #subject:hover, .appt #dates:hover
{
      border-width: 0px 0px 1px 0px;
      background-color: white;
}

.appt #subject
{

      border-width: 0px;
      border-bottom: 1px solid #cccccc;
      background-color: transparent;
}

#ll
{
   font-size: 10px;
   font-weight: normal;
   text-align: right;
   margin-bottom: 2px;
   margin-right: 6px;
}
#ll img
{
    vertical-align: bottom;
}

#tdleft {
        font-size: 11px;
        text-align: left;
        padding-left: 30px;
        border: 0px none white;
        width: 150px;
}

#regtbl td {
border: 0px none white;
}

#tdcat
{
      background-color: black;
}

#mailapp
{
         background-color: #ccddff;
         border: 1px solid navy;
         border-color: #6699ee navy navy #6699ee;
         margin-top: 40px;
         margin-bottom: 10px;
         width: 650px;
         height: 400px;
         font-size: 11px;
         font-weight: bold;
         color: black;
         padding: 0px;
}

#mailapp #toolbar
{
        background-color: #99ccff;
        width: 100%;
        height: 46px;    
        padding: 0;    
}

#mailapp #toolbar #toolbtn
{
       border: 1px solid #99ccff;
       height: 40px;
       width: 100px;
       font-weight: normal;
       font-size: 9px;
       vertical-align: middle;
       padding-top: 4px;
       text-align: center;
       cursor: hand;
       float: left;
       fill: right;
}

#mailapp #toolbar #toolbtn2
{
       border: 1px solid #99ccff;
       height: 30px;
       font-weight: bold;
       font-size: 9px;
       vertical-align: middle;
       padding-top: 10px;
       padding-left: 20px;
       text-align: left;
       cursor: default;
       width: 180px;
       float: left;
       fill: right;
}

#mailapp #toolbar #toolbtn:hover
{
         border: 1px solid #77aadd;
         background-color: #aaeeff;
}

#mailapp #toolbar #toolbtn #caption
{
         margin: auto;
         vertical-align: bottom;
}

#mailapp #workspace
{
         margin: 10px;
         width: 630px;
         height: 334px;
         background-color: white;
         overflow: auto;
         border: 1px solid #999999;
}

#mailapp #workspace #section 
{
         background-color: #99ccff;
         border-bottom: 1px solid navy;
         margin-top: 0px;
         margin-bottom: 0px;
         font-size: 11px;
         font-weight: bold;
         color: navy;
         padding: 2px;
}

#mailapp #workspace #headers 
{
         font-size: 11px;
         margin: 10px;
         padding-bottom: 5px;
         font-weight: normal;
         line-height: 18px;
         border-bottom: 1px solid grey;
}

#mailapp #workspace p 
{
         font-size: 12px;
         margin: 10px;
         padding-bottom: 5px;
         font-weight: normal;
         text-indent: 0;
}

#msglist
{
        width: 100%;
}

#msglist th
{
         background-color: #aaaaaa;
         border-bottom: 1px solid navy;
         text-align: left;
         border-left: 1px solid white;
         padding: 3px;
         color: white;
         padding-left: 10px;
         font-size: 10px;
}

#msglist td
{
       border: 0px none;
       border-bottom: 1px dashed #cccccc;
       text-align: left;
       font-weight: normal;
       font-size: 11px;
       padding: 3px;
}

#msglist #dated
{
         width: 140px;
         text-align: right;
}

#msglist #cat
{
         width: 100px;
         text-align: center;
}

#msglist #who
{
         width: 200px;
         text-align: center;
}

#msglist #kind
{
         width: 150px;
         text-align: center;
}

#msglist #time
{
         width: 150px;
         text-align: center;
}

#msglist a
{
    color: black;
}

#msglist a:hover
{
    color: red;
    text-decoration: none;
}

#msglist #sender
{
         width: 150px;
}

#newmsgt {
         width: 590px;
         margin: 20px;
}

#newmsgt td {
         border: 1px none white;
         font-weight: normal;
}

#newmsgt #ltd {
         border: 1px none white;
         font-weight: bold;
         width: 80px;
}

#newmsgt .inputbox {
         width: 100%;
         margin-left: 0;
}

.cl {
    font-weight: bold;
    background-color: navy;
    color: white;
}

#bcard
{
      border: 1px solid #cccccc;
      width: 370px;
      text-align: center;
      height: 130px;
      padding-top: 20px;


}

#bcard p
{
      text-align: center;
      text-indent: 0;

}

.nbr {
  border-width: 0px;
  border-color: white;
}

#frm td
{
  border-width: 0px;
  border-color: white;
}

#docsapp
{
         background-color: #ccddff;
         border: 1px solid navy;
         border-color: #6699ee navy navy #6699ee;
         margin-top: 40px;
         margin-bottom: 10px;
         width: 650px;
         height: 700px;
         font-size: 11px;
         font-weight: bold;
         color: black;
         padding: 0px;
}

#docsapp #toolbar
{
        background-color: #99ccff;
        width: 100%;
        height: 46px;    
        padding: 0;    
}

#docsapp #toolbar #toolbtn
{
       border: 1px solid #99ccff;
       height: 40px;
       width: 100px;
       font-weight: normal;
       font-size: 9px;
       vertical-align: middle;
       padding-top: 4px;
       text-align: center;
       cursor: hand;
       float: left;
       fill: right;
}

#docsapp #toolbar #toolbtn2
{
       border: 1px solid #99ccff;
       height: 30px;
       font-weight: bold;
       font-size: 9px;
       vertical-align: middle;
       padding-top: 10px;
       padding-left: 20px;
       text-align: left;
       cursor: default;
       width: 180px;
       float: left;
       fill: right;
}

#docsapp #toolbar #toolbtn:hover
{
         border: 1px solid #77aadd;
         background-color: #aaeeff;
}

#docsapp #toolbar #toolbtn #caption
{
         margin: auto;
         vertical-align: bottom;
}

#docsapp #workspace
{
         margin: 10px;
         width: 630px;
         height: 634px;
         background-color: white;
         overflow: auto;
         border: 1px solid #999999;
}

#docsapp #workspace #section 
{
         background-color: #99ccff;
         border-bottom: 1px solid navy;
         margin-top: 0px;
         margin-bottom: 0px;
         font-size: 11px;
         font-weight: bold;
         color: navy;
         padding: 2px;
}

#docsapp #workspace #headers 
{
         font-size: 11px;
         margin: 10px;
         padding-bottom: 5px;
         font-weight: normal;
         line-height: 18px;
         border-bottom: 1px solid grey;
}

#docsapp #workspace p 
{
         font-size: 12px;
         margin: 10px;
         padding-bottom: 5px;
         font-weight: normal;
         text-indent: 0;
}

#nobord td
{
	border: solid 0px white;
}

