/*
* For the Pacific Screening Website: this is settings that are common between the public side of the website 
* and the secure (screening or instant) side of the website.

Stephen Adamson 2008/08/08

*/
body {
  background: #a3bc56; /* Olive-green */
  margin:0; 
  padding:10px 0 0 0; 
  font:400 12px  Arial, sans-serif; 
  color: #333
}
p {
  font:400 12px Arial, sans-serif; 
  color: #333
}
p.expl {
    padding: 0;
    margin: 0;
    font-size: 10px;
    vertical-align: middle;
}
a:link {color:#0D1275}
a:hover {color:#C31105}
a:visited {color:#000}
a:visited:hover {color:#C31105}
a img {border:none}
h1 {
  font:400 2em Geneva, Verdana, Arial, sans-serif; 
  margin:0 0 5px 0; 
  color:#C31105;
}
h2 {
  font:400 1.3em Geneva, Verdana, Arial, sans-serif; 
  color:#0D1275; 
  margin:0.5em 0; 
  border-bottom:1px solid #777
} 
h3 {
    margin:0 0 0.2em 0; 
    font:400 1.3em Geneva, Verdana, Arial, sans-serif; 
    color:#333; 
} 
h3 a {
    text-decoration: none;
}
h3.warning {
    color: #C31105;
}
/* Placement */
#container {text-align:left;float:left;}
#logo {padding:7px 0 0 20px; float:left}
#header {margin:0 0 0 90px}
#header h1 {
    color:#fff; 
    font:500 3.1em Tahoma; 
    padding:0; 
    margin:-5px 0 0 0;
}
#header h2 {
    border:none; 
    margin:0 0 0 1px; 
    font-size:1.5em;
}
    
/* maincontent2 is used in pop-up windows or pages with no LH menu bar */
#maincontent2 {
    background:url(../images/content_bottomright.gif) bottom right no-repeat #fff; 
    width: auto; 
    padding: 0px; 
    /* margin: 10px 50px -15px 80px OLD */
    margin:10px 50px;
}
#maincontent2 #title {
    background:url(../images/content_topright.gif) top right no-repeat #fff; 
    padding: 0; 
    border-bottom: 1px solid #ccc;}
#maincontent2 #title h1 {
    background:url(../images/content_topleft.gif) top left no-repeat; 
    padding: 3px 0 3px 10px;
    }
#maincontent2 #content {
    background:url(../images/content_bottomleft.gif) bottom left no-repeat #fff; 
    padding: 10px; 
    margin:0 10px -10px 0;
}

#maincontent2 #content table {width:auto;}
/*
#maincontent2 #smallcontent {
    background:url(../images/content_bottomleft.gif) bottom left no-repeat #fff; 
    width: 50px; 
    padding: 10px 10px 30px 20px; 
    margin: 0 10px 0 0;
    }
*/


/* Top Nav-bar */
#topnavigation {
  clear:both; 
  background:url(../images/navtopbg.gif) top left repeat-x #fff; 
  height:33px; 
  margin:10px 0 0 0; 
  padding:7px 0 0 20px
  }
#topnavigation ul {list-style-type:none; margin:0; padding:0; width:60em}
#topnavigation li {
  float:left; 
  padding:0 4px 0 0; 
  margin:0 15px 0  0; 
  height:19px; 
  background:url(../images/lioff.gif) top right no-repeat #fff
  }
#topnavigation a {
  display:block; 
  height:14px; 
  padding:3px 10px 2px 14px; 
  font:400 11px Geneva, Verdana, Arial, sans-serif; 
  color:#000; 
  text-decoration:none; 
  background:url(../images/aoff.gif) top left no-repeat; 
  white-space:nowrap
  }
#topnavigation li.menuon, #topnavigation li:hover {
    background: url(../images/lion.gif) top right no-repeat;
    color: #fff;
    }
#topnavigation li.menuon a, #topnavigation li:hover a, #topnavigation a:hover {
    background: url(../images/aon.gif) top left no-repeat; 
    color:#fff;
    }
#topnavigation li#home {width:51px}
#topnavigation li#about {width:4.5em}
#topnavigation li#login {width:10em}
#topnavigation li#services {width:5.5em}
#topnavigation li#apply {width:4.6em}
#topnavigation li#training {width:5.6em}
#topnavigation li#contact {width:5.5em}

/* Left nav-bar - both public and screening */
#leftnavigation {

    float:left; 
    width:130px;  
    margin: 10px 0 0 10px;
    }
#leftnavigation ul {
    list-style-type:none; margin:0; padding:0; }
#leftnavigation h4 {
    background:url(../images/navtopbg.gif) top left repeat-x #fff; 
    margin:0; 
    padding:2px 0 2px 10px; 
    font-size:1.1em; 
    font-weight:400; 
    color:#000;
    }
   
/* L-H menu for public pages*/ 
#leftnavigation li.menuheader {
    background:url(../images/navtopbg.gif) top left repeat-x #fff; 
    margin:0; 
    padding:2px 0 2px 10px; 
    font-size:1.1em; 
    font-weight:400; 
    color:#000;
    cursor: pointer;
}
#leftnavigation li.menuitem {
   
}
#leftnavigation span {
    width: 20px;
}
#leftnavigation li {
    margin:0; 
    padding:0;
}
#leftnavigation a {
    display:block; 
    width:110px; 
    padding:3px 10px;
    font-size:11px; 
    border-bottom:1px solid #ccc; 
    text-decoration:none
}
#leftnavigation a:hover {background:#fff}
#leftnavigation li.menuon {
    background:url(../images/leftnavon.gif) 120px 3px no-repeat #fff;
}

#copyright {
    clear:both; 
    background:url(../images/footerbg.gif) repeat-x #fff; 
    font-size:11px; 
    padding:10px 0 0 20px;
}
#copyright a {color:#000}



/* Tables and cells */
table {
  width: 80%;
  padding: 0px;
  margin: 0px;
}
td.tabletitle { /* A centered col-spanning row. Used in status tool */
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
}
td {
  vertical-align: top; /* Changed 2007/04/20 */
  cursor: default
}

td.note {
  font-size: 9px;
  color: #f94242;
  padding: 0px;
  margin: 0px;
}


#subtitle {margin-bottom: 4px; border-bottom: 1px solid #ccc;}

.autotable table{width: auto; border: 1px solid black;}
.autotable td {width: 50px;} /* ::TODO:: Evaluate this and its impact */


/* Forms and form components */
form {
    font-size:11px;
    margin: 0;
}
form input {background:#fff; }
form input.radio {
  background:#fff; 
  margin-bottom: -1px;
}
form input.button {
  background:#777; /* Dk Grey */
  margin-left:85px; 
  color:#fff; 
  margin-bottom:-1px;
}
form input.checkbox {
  background:#fff; 
  color:#fff; 
  border: 0px; 
  margin-bottom: -1px;
}
input[type="checkbox"] {
    background: transparent;
}
input[type="radio"] {
    background: transparent;
}

select {
    cursor: default; 
    border: 1px solid #ccc;
    }

.btn {
    margin-top: 10px;
    background-color: #c31105; /* dark red */
    color: white;
    border-top: 3px solid #d03333;
    border-left: 3px solid #d03333;
    border-bottom: 2px solid #965b5b;
    border-right: 2px solid #965b5b;
    font-weight: bold;
    padding: 0px;
}


.print_only {
    display: none;
}

/* I don't know if we use this */
table.tabulardata {
  background:#999; 
  width:100%
}
table.tabulardata tr.tableheading {
  font-weight:800; 
  background:#BFC1F1; /* Perwinklish */
}
.odd {background:#fff}
.even {background:#eee}

li.li_header {
    list-style-type:none;
    font-weight: bold;
    margin: 4px 0;
}