/* Reviewed and compressed for management by WCMS. */

/* The styles @imported by the DAF stylesheet in order to hide them from Netscape 4. */
/* ------------------------------------------------------------------------  2-column styles for floating left and right */
#siteid_content span{display:none}
#fauxbody{background-image:url("/common/misc/depot/assets/UT/hdr_blk_bk.gif");background-repeat:repeat-x}
#bannerRight{float:right;display:block}
.floatRight{display:block;float:right;width:48%;margin-bottom:1em}
.floatLeft{display:block;float:left;width:48%;clear:none;margin:0 0 1em 0;padding:0 .5em 0 0}
#contain_column2 .floatLeft,#contain_column2 .floatRight{width:336px;padding:0;margin:0 9px 0 0}
#contain_column2 .gradientbox .floatLeft{width:300px}
#contain_column2 .mospace{margin-bottom:1em}
#contain_column2 .topspace{margin-top:1em}
.warning,.warning h2{color:#c00}
.getadobe{float:right;margin-bottom:10px}
.printabletext{width:12em;float:left}
.toplink{margin:.5em 0 1em 0}
@media screen{
  #contain_content .scrolly{height:40em;overflow:scroll;padding:1em;border:2px solid #999;background-color:#fff;color:#000}
}
a.external{height:1.5em}
.redtext{color:#f00;background-color:#fff}
.hideme{height:0;width:0;overflow:hidden}    /* **** This makes it readable by screen readers, but not visible to sighted users */
.momargin{margin-top:1em}

/*************** SIDEBAR ********************/
#contain_column1 .current{background-color:#ddd;font-weight:bold}
#contain_column1 li.current a:hover{background-color:#ddd;font-weight:bold;color:#444;cursor:default}
#contain_column1 .MENUtitle a{text-decoration:none}
#contain_column1 ul{margin-bottom:0}
#contain_column1 span img,#contain_column1 .current img{display:none}
#contain_column1 a.external{height:inherit}
#contain_column2 .homelink,#contain_column2 .sidebarlink{display:none}
#contain_column1 .indexlist{display:none}

/*************** END SIDEBAR ***************/
.hideit{display:none}
#contain_column2 h2.fauxH1{font-size:1.5em;line-height:1em;font-weight:bold;margin:0 0 .75em 0;border-left:15px solid #ffc600;padding-left:8px}    /* ***** make H2s look like H1s */
#fcontact{float:right;width:266px;height:49px}
#fcontact a{float:right;width:126px;height:49px}
#faddress{float:left}
.logo{float:left;color:#e51937;font-weight:bold;padding:.3em .5em}    /* ***** If logo in a list, puts the logo text and floats the link to the left right after it - example on tsa pages for retirement benefits */
.csulistlogo span,.CalPERSlogo span{overflow:hidden;height:0;width:32px;display:inline-block}
li.csulistlogo{padding:0;font-weight:normal;background:url("/assets/icons/csu.gif") no-repeat}
li.CalPERSlogo{padding:0;font-weight:normal;background:url("/assets/logos/CalPERS-ico.gif") no-repeat 15px 0}

/************** PRIMARY NAV *********************/
#contain_divisionnav{border:0;background-color:#e9e9e9;display:none;width:100%;text-align:center}
#division_links{background-color:#aaa;width:900px;list-style-type:none;margin:0 auto;_margin:0;padding:5px 0 5px 0;border-bottom:1px solid #333}
#division_links li{display:inline;margin:0;padding:0}
#division_links li a{color:#eee;font-weight:bold;margin:0;padding:5px 12px 5px 12px;text-decoration:none}
#division_links li a:hover{background-color:#666;color:#ffc600;margin:0;padding:5px 12px 5px 12px}
.offices #division_links li#deptslink a,.maps #division_links li#mapslink a,.employee #division_links li#employeeslink a,.offices #division_links li#deptslink a,.forms #division_links li#formslink a,.sitemap #division_links li#dafindexlink a{background-color:#e9e9e9;color:#333;border-top:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #e9e9e9;border-left:1px solid #333;position:relative;top:1px;padding-bottom:4px}
.offices #division_links li#deptslink a:hover,.maps #division_links li#mapslink a:hover,.employee #division_links li#employeeslink a:hover,.offices #division_links li#deptslink a:hover,.forms #division_links li#formslink a:hover,.sitemap #division_links li#dafindexlink a:hover{background-color:#666;color:#ffc600}
.fauxfieldset{font-weight:bold;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px;margin:0}
#footer{text-align:center}
#faddress{background-image:url("/common/misc/depot/assets/L1/footer_address.gif");height:49px;width:266px}
.univSidebarContent div#searchBox{background-color:#666;color:#eee}
.presentedby{font-weight:bold}
#contain_content h3{margin-bottom:.2em;margin-top:.4em}
#contain_content h4{margin-bottom:.2em}
#contain_content h2{margin-top:1em}
#contain_content .topColHeading{margin-top:0}

/************* BOXES ***************/
.goldbox{border-top:10px solid #ffc600}
.greenbox{padding:.5em;margin-bottom:1em;border:1px solid #6c3;border-top:10px solid #6c3}
#contain_column2 .greenbox h2{margin-top:0}
#contain_content .graybox h2,#contain_content .gradientbox h2{margin-top:0;border-bottom:3px solid #333;border-top:0;padding-bottom:.2em}
#contain_content .graybox ul{margin-left:10px;padding-right:1em}

/******************** TABLES *******************/
table{border-collapse:collapse;font-size:1em}
th{text-align:left}
table .toprow th{text-align:center}
#contain_column2 td.empty{border-left:1px solid #fff}

/******************* LISTS *********************/
.nobullets li{list-style-image:none}
#contain_content .contactList li{list-style:none;margin-bottom:.5em}
#contain_column2 .noindent,#contain_column2 .noindent ul,#contain_column2 .noindent li{padding-left:0}

/******************* DEFINITIONS *********************/
dt{font-weight:bold;margin-top:.5em}
dd{margin-bottom:.5em}

#contain_column2 ol{list-style:decimal;padding-left:1.3em}

/******************* SIDEBAR *********************/
#contain_content #contain_column1{margin-top:5px}
#contain_column1 ol{margin:0;padding:0 0 0 1.5em}
#contain_column1 ol li{padding:0;margin:0;line-height:1.28em}
#contain_column1 ol li a{width:15em}
#contain_column1 #previous_articles{border:1px solid #ccc}
#contain_column1 .listImg img{display:none}

/******************* PREVIOUS NEXT BUTTONS *********************/
.previous{float:left;margin-bottom:1em}
.next{float:right}
#contain_column2 .headercomment{font-weight:normal}

/******************* PHOTOS WITH CAPTIONS *********************/
.photo{border:4px solid #ddd;width:255px}
.photo p{color:#fff;background-color:#aaa;margin:0;padding:.2em.5em}

/******************* FORMS *********************/
#fauxbody.forms h1{min-height:45px;padding-left:55px;background:url("/assets/icons/forms.png") no-repeat;border:0}
#oldcontentmessage{position:absolute;margin-left:345px;top:155px;color:#fff;font-size:150%;width:500px}
#oldcontentmessage a{color:#fff}
#oldcontentmessage a:hover{color:#ffc600}