/*
=====================================================
Look and Feel of UCSF Human Resources Website - by Jim Nourse
-----------------------------------------------------
 http://www.ucsfhr.ucsf.edu/
-----------------------------------------------------
 Copyright (c) 2006 University of California
-----------------------------------------------------
 File: /css/css.php
-----------------------------------------------------
 Purpose: The new design of the HR website requires:
 a) Total separation of application code from the 
    presentation layer
 b) Minimal use of HTML/XHTML for layout
 c) 100% Compliance with ADA browsers
 d) Compliance with all 4.0 browsers
 e) Strict compliance with web standards
 f) One .css file power the entire website
 
=====================================================
*/

body {color: #242424; padding: 0; margin: 0; font: 11px/1.6 Verdana, Georgia, Arial, sans-serif; line-height:1.4em;}

body.audit {background: #EBEBEB; color: #242424; padding: 0; margin: 0; font: 11px/1.6 Verdana, Georgia, Arial, sans-serif; line-height:1.4em;}

body.tep {background: url(bg_tep.gif) ; color: #242424; padding: 0; margin: 0; font: 11px/1.6 Verdana, Georgia, Arial, sans-serif; line-height:1.4em;}

/* body.generic {font: 15px Georgia, "Times New Roman" Georgia Times serif; margin: 0; padding: 0; text-align: center; color: #2d2d2d; background: #ffffff;} */

body.generic {font: 11px/1.6 Verdana, Georgia, Arial, sans-serif; margin: 0; padding: 0; text-align: center; color: #2d2d2d; background: #ffffff;}

body.jd {color: #242424; padding: 0; margin: 0; font: 11px/1.6 Verdana, Georgia, Arial, sans-serif; line-height:1.4em; background: #ffffff;}

#ucsfheader{background: #666; border: 0; margin: 0; padding: 0; text-align: left;}

a:link {color: #336699; text-decoration: none; font-weight: bold;}
a:visited {color: #800080; text-decoration: none; font-weight: bold;}
a:hover {color: #000;}
a img {border: 0;}
a.hr {font-size:10px; text-decoration:none; font-weight:bold; border-bottom: #333; border-width: 0px 0px 1px 0px; border-style: none none dotted none; } 
a:link.hr {color: #009900;} 
a:visited.hr {color: #336666;} 
a:hover.hr {color: #336666; text-decoration: underline; }

h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-size: 1em;}

p {margin: 0 0 0.75em;}

td {font: 11px/1.6 Verdana, Georgia, Arial, sans-serif;}

#container {width: 740px; margin: 0 auto; position: relative; text-align:left;}

#mainhome {float: left; margin-left: 160px; width: 400px; padding: px 0px; background:#fff; }
#main {float: left; width: 540px; padding: px 0px; background:#fff; }

#wide {float: left; width: 740px; padding: px 0px; background:#fff; }

#main .para {margin-bottom: 2em;}

#container h1 {font-size: 2.0em; padding-bottom:3px; line-height:1.5em;}
#container h2 {font-size: 1.34em; padding-bottom:3px; line-height:1.5em;}
#container h3 {font-size: 1.20em; padding-bottom:3px; line-height:1.5em;}
#container h4 {font-size: 1em; padding-bottom:3px; line-height:1.5em;}
#container h5 {font-size: .80em; padding-bottom:3px; line-height:1.5em;}

#main h1 {font-size: 2.0em; padding-bottom:3px; line-height:1.5em;}
#main h2 {font-size: 1.34em; padding-bottom:3px; line-height:1.5em;}
#main h3 {font-size: 1.20em; padding-bottom:3px; line-height:1.5em;}
#main h4 {font-size: 1em; padding-bottom:3px; line-height:1.5em;}
#main h5 {font-size: .80em; padding-bottom:3px; line-height:1.5em;}

#wide h1 {font-size: 2.0em; padding-bottom:3px; line-height:1.5em;}
#wide h2 {font-size: 1.34em; padding-bottom:3px; line-height:1.5em;}
#wide h3 {font-size: 1.20em; padding-bottom:3px; line-height:1.5em;}
#wide h4 {font-size: 1em; padding-bottom:3px; line-height:1.5em;}
#wide h5 {font-size: .80em; padding-bottom:3px; line-height:1.5em;}


#main h3.byline, #main h4.date {font-weight: normal;}
#main h3.byline a {}
#main h4.date {font-style: italic; margin-bottom: 1em;}
#main ul.catcom {margin: 1em 0 0; padding: 0;}
#main ul.catcom li {display: inline; list-style: none;}

#main li { margin-bottom: 6px; padding-left: 12px; }

#sidebar {font: 11px Verdana, Arial, Helvetica, sans-serif; float: right; width: 194px; background: #fff; border-left: 0px solid #cecece; padding-top:15px;}
#sidebar a, #rcol a { text-decoration: none; }

#sidebar h3, #rcol h3 { border-bottom: 1px solid #999999; border-top: 1px solid #999999; font-size: 10px; padding: 5px 5px 5px 5px; text-transform: uppercase; background-color: #F4E9C9;}


#sidebar li, #rcol li { margin-bottom: 6px; padding-left: 12px; }

#sidebar ul, #rcol ul { list-style: none; margin: 10px 0; padding: 0 0 5px; }

#sidebar div ul { /* border-bottom: 2px solid #666; */ }

#sidebar #subcurrent { color: #666; font-weight: bold; }

* html body {text-align: center;}
* html #container {text-align: left;}

/* Brassring Sidebar Items */
#br_sidebar {font: 11px Verdana, Arial, Helvetica, sans-serif; float: left; width: 150px; background: #fff; border-left: 0px solid #cecece; padding-top:2px;}
#br_sidebar a, #rcol a { text-decoration: none; }
#br_sidebar li, #rcol li { margin-bottom: 6px; padding-left: 12px; }
#br_sidebar ul, #rcol ul { list-style: none; margin: 10px 0; padding: 0 0 5px; }
/* END Brassring Sidebar Items */


/*.related {float: right; width: 193px; color:#222; border:1px #000 dotted; background:#ADCCD6; padding: 5px 5px 5px 5px; margin:10px 5px 10px 5px;} */

.displaytable {float: left; width: 540px; color:#222; border:1px #000 dotted; background:#cecece; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

#divider {clear: both; text-align: center; width: 99%; margin: 0 auto; border-top: 1px dotted #999;}

#top {
padding: .5em;
background-color: #990000;
}

#audittop {
padding: .5em;
background-color: #006666;
}


p.g {
FONT-WEIGHT: bold; FONT-SIZE: 14px;  TEXT-ALIGN: left; TEXT-DECORATION: none;
}
A.l:link {
FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-ALIGN: left; TEXT-DECORATION: underline;
}
A.l:active {
FONT-WEIGHT: bold; FONT-SIZE: 14px;  TEXT-ALIGN: left;
}
A.l:visited {
FONT-WEIGHT: bold; FONT-SIZE: 14px;TEXT-ALIGN: left; TEXT-DECORATION: none;
}
A.l:hover {
FONT-WEIGHT: bold; FONT-SIZE: 14px;TEXT-ALIGN: left; TEXT-DECORATION: none;
}




.topnav {
FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ffffff; TEXT-ALIGN: center;
}
A.topnav:link {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-ALIGN: center; 
}
A.topnav:active {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-ALIGN: center
}
A.topnav:visited {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-ALIGN: center; 
}
A.topnav:hover {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-ALIGN: center; 
}

#news {
margin:3px auto; padding: 6; background-color:#F4E9C9;
border: 1px solid #FFCC00; border-right:none;
border-left:none; /* width: 99%; */
}
#news h3 {font-size: 1.5em; line-height:1.2em;}
#news h3.byline {font-size: 1.4em; line-height:1.2em;}

#approval {
padding: 6; background-color:#B6CCCC;
border: 1px solid #999; border-right:none;
border-left:none;   width: 99%; 
}

#search {
text-align: center; background-color:#cecece;
border: 1px solid #666666; border-right:none;
border-left:none; /* width: 99%; */
}

/* #leftinfo {
margin:3px auto; padding: 6; background-color:#D8E1E7; border: 1px solid #336699;
border-right:none; border-left:none; 
}*/


#highlight {
padding: 2; background-color:#E8F4FF; 
border-top: 1px solid #6B9AC8;
border-bottom: 1px solid #6B9AC8;
}

#footer {width: 100%; clear: both; text-align: center; padding: 1em 0; border-top: 1px dotted #999;}

#related {
float: right; padding: 5px 5px 5px 5px; margin:10px 5px 10px 5px auto; padding: 6; background-color:#FFF; border: 1px solid #DDAD08; border-right:none; border-left:none; width: 200px;
}

#topic {
float: right; padding: 5px 5px 5px 5px; margin:10px 5px 10px 5px auto; padding: 6; background-color:#fff; border: 1px solid #000; border-right:none; border-left:none;  width: 200px;
}

#alert {
margin:3px auto; padding: 6; background-color:#EDB3A9; border: 1px solid #963424; border-right:none; border-left:none;  /* width: 99%; */
}

#bluediv { 
margin:3px auto; padding: 6; background-color:#D8E1E7; border: 1px solid #D8E1E7; border-right:none; border-left:none; 
}

#trainingnav {
padding: .5em; background-color: #F4E9C9; border: 1px solid #666666; border-right:none;
border-left:none; border-top:none; 
}

#boxtop {
margin:3px auto; padding: 6; border: 1px solid #D8E1E7;
}

#rcol { position: absolute; width: 160px; margin-left: 0px; font: 11px Verdana, Arial, Helvetica, sans-serif; }

#blockquote {color:#666; border:1px #cecece dotted; padding:10px 20px 10px 20px; margin:5px 5px 5px 5px;}

#blockhome {color:#000; border:1px #cecece dotted;}
	
#main h6 { border-bottom: 1px solid #666; border-top: 1px solid #666; font-size: 12px; padding:10px 10px 10px 10px;  text-transform: uppercase; text-align:center;}


#grey {
padding: 6; background-color:#F8F6F6;
border: 0px solid #CECECE; border-right:none;
border-left:none;  /* width: 99%; */
}


#topbottom {
margin:3px auto; padding: 6; 
border: 1px solid #666666; border-right:none;
border-left:none; /* width: 99%; */
}



#cp {
padding: 6; background-color:#F4E9C9;
border: 1px solid #FFCC00;
border-right:none;
border-left:none;  /* width: 99%; */
}


#foobar {width: 200px; border-bottom: 1px solid #999999; border-top: 1px solid #999999; font-size: 10px; padding: 5px 5px 5px 5px; text-transform: uppercase; background-color: #F4E9C9;}

#foobar h9 { border-bottom: 1px solid #999999; border-top: 1px solid #999999; font-size: 10px; padding: 5px 5px 5px 5px; text-transform: uppercase; background-color: #F4E9C9;}