/*

Last updated Dec 29 2011 by C Pierce of Revere Group

*/


/*main*/
html { }
body { background:#fff; color:#666; font:0.9em/1.4em Verdana, Helvetica, sans-serif; margin:0px; padding:0px; }
p { background:#fff; color:#666; font:0.9em/1.4em Verdana, Helvetica, sans-serif;line-height:1.7em; margin:0em 0 0.75em 0;  }

/*structure*/
#container{position:relative; width:980px; margin:0 auto;}
#header { background:url(/oucapps/images/hr.jpg) no-repeat bottom; height:120px; margin:0 auto ; padding: 30px 0; position:relative; width:980px; } 
#header input {float:right; margin-top:30px;}

#logo { background:transparent; float:left; height:100px; margin:0; padding:0; width:220px; }
#content { background:transparent; height:auto; margin:10px auto 0; overflow:hidden; position:relative; width:980px; } /* Changed; AS; 10/1 */
#page { background:#fff; float:right; margin:0 auto; padding:0; position:relative; width:1100px; }


/*columns*/
.grid2, .grid3, .grid3right { margin:30px 0; padding-bottom:30px; overflow:hidden; width:100%; }
.col { overflow:hidden; }
.grid1 .col { height:auto; width:100%; }
.grid2 {background:url(/oucapps/images/hr.jpg) no-repeat bottom; margin:0; padding:0 0 60px;}
.grid2 .col { height:auto; width:100%; }
.grid2 .col.wide { border:0; width:70%; }
.grid2 .col.narrow { width:20%; }
.grid2 .col.x-wide { border:0; width:80%; }
.grid2 .col.x-narrow { width:20%; }
.grid3 .col { height:auto; width:28.6%; }
.grid3right .col { height:auto; width:60px; }
.grid2 .col.first { padding: 0 10 0 0; width:185px; }
.grid2 .col.first div {clear:both; text-align:right; left:0px; display:block; float:left;}

.myOUC h1  {float: left; margin:0px;}
.myOUC img {float: left; padding-top:4px;  padding-top /*\**/: 2px\9}

.grid2 .col.last { padding: 0 0 0 0; width:750px; padding:0 0 0 25px ; border-left:dashed 1px #ccc}
.grid3 { background:url(/oucapps/images/hr.jpg) no-repeat bottom; margin:0; padding:0 0 60px; }
.grid_end { clear:both; }
.col .callout .left { margin:5px; }
.first { float:left !important; }
.center { float:left !important; }
.last { float:left !important; }


/*headings*/
br { }
hr { }
h1 { color:#009edb; font-size:1.7em; font-weight:bold; line-height:1.2em; margin-bottom:15px; }/*Change requested by Fnzo 09/17/2009*/
h2 { color:#555; font-size:1.6em; font-weight:bold; line-height:1.8em; }/*Change requested by Fnzo 09/21/2009*/
h3 { color:#333; font-size:100%; font-weight:bold; }
h4, h5, h6 { color:#000; font-size:100%; line-height:0.8em; } 
/*text*/
.txt_red { color:#FF0000; font-size:0.9em; line-height:1.7em; margin:0em 0 0.75em 0; } /* Added 10/31/11 -DS */

p.bottom { padding-bottom:30px; } /*last p in a group, e.g. after a floated image/figure*/
/*links*/
a { color:#999; cursor:pointer; text-decoration:underline; } /*Change requested by Fnzo 09/17/2009*/
a:hover { color:#0a0; } /*Change requested by Fnzo 09/17/2009*/
a:active { color:#0a0; } /* Changed 9/21/09 -AS */
a:visited { color:#070; }
.back_button{width:154px; height:31px; background:url(/oucapps/images/back_btn.gif) left top no-repeat;display:block; margin-left:0px; font:1.0em/1.5em verdana, Helvetica, sans-serif;}
.side_nav{width:175px; height:31px; display:block; margin-left:0px; font:1.0em/1.5em verdana, Helvetica, sans-serif;}
.side_nav:hover{background-position:left -31px}
.hidden{display:none}
.textBox{
	background-color: #F8F8C8;
    vertical-align:middle;
	line-height:10px;
 }
 .disabledBox{
	color: #0000FF;
    vertical-align:middle;
	line-height:10px;
 }
.passwordBox{
	background-color: #F8F8C8;
    vertical-align:middle;
	line-height:10px;
 } 
 
/*images*/
img { border:0; margin:0; padding:0; } /* Changed 9/21/09 -AS */

/*forms*/
form {height:auto; margin:0 auto; overflow:hidden; width:auto}
fieldset {background:#eee url(/oucapps/images/fieldset_bg.gif) left top repeat-x; border:solid 1px #ccc; margin:20px 0; padding:12px 16px 4px 16px; *padding-top:0}/*Corrects padding in IE*/
legend {background:transparent; font-size:1.2em; font-weight:bold; padding:0 5px; *padding-bottom:8px}/*Fix padding inconsistency with IE*/
#label {float:left; font-size:1.0em; padding:0 }  /*label - modified for CSR application as seen below*/
label {float:left; font-size:1.0em; color:#5882FA; font-family:verdana, sans-serif;font-weight:bold;line-height:1.8em; padding:0 }
label.required {font-weight:bold}
input {background:#fff url(/oucapps/images/form_bg.gif) repeat-x; border:1px solid #b1b0b0; font-size:0.9em; margin-bottom:12px; margin-right:18px; padding:4px; cursor: pionter; cursor: hand}
fieldset ul { border:0; margin:0 !important; }
fieldset li { background:none !important; padding:0 4px !important; list-style-type:none; float:left; }
*input.radio { position:relative; top:4px} /*IE positioning hack*/
.form_submit {clear:both}
.form_button {background: url(/oucapps/images/form_btn.gif) left top no-repeat; width:85px; height:34px; border:none; margin-right:10px;}
.form_button:hover{color:#009900; cursor: pionter; cursor: hand}
.form_button:focus{border:none; background-position:0 -34px; outline:none}
select {margin-right:3px}
option {line-height:2em}
textarea {width:90%}
input.radio {background:none; border:0; margin-left:4px; margin-right:4px;}/*for radio buttons*/
.grid2 .col div.formRow,
.formRow {padding-bottom:10px; text-align:left; clear:both; width:750px;}
.formRow label {width:250px; text-align:right;}
.formRow .textbox {width:316px; float:left; color: #666666;  margin-left:18px;}
.formRow .wideTextbox {width:440px; margin-left:35px; float:right; clear:right; margin-right:116px;}
.formRow select {width:450px;margin-left:35px; float:right;margin-right:116px;}
.formRow input.btn {float:left; margin:0px;  }
.formRow input#usc_userid_available {font-size:11px; text-align:center; width:80px;white-space: normal;margin-top:-6px; cursor:pointer;}

#messageDiv,
#errorAttrDiv,
#errorDiv,
#enrollID { text-align:left; clear:left;}
#displayText {clear:none; display:inline;}
#toggleText {clear:none;}
.checkbox {background:none; border:0px; float:left;}
.passwordTips {display:block; clear:left; margin-left:305px;}
.passwordTips a{color:#009edb;}

#landingPage td { vertical-align:top;}

/* Added for CSR application begin */
.pagehead{color:#660000;font-size:1.8em; font-family:Bradley Hand ITC, sans-serif;font-weight:bolder;line-height:1.2em;}

.modulehead { color:#660000; font-family:Bradley Hand ITC,verdana,sans-serif; font-size:1.8em; font-weight:bolder; line-height:1.2em; margin-left:250px;}
.loginhead { color:#5882FA; font-family:verdana; font-size:1.6em; font-weight:bold; line-height:1.0em; }

.infogb{color:#56B706;font-size:1.0em; font-family:verdana, sans-serif;font-weight:bold;}
.infob{font-size:0.8em; font-family:verdana, sans-serif;font-weight:bold;}
.inforb{color:#FF0000;font-size:0.9em; font-family:verdana, sans-serif;font-weight:bold;}
.info{font-size:0.8em; font-family:verdana, sans-serif;}
.info9{font-size:0.9em; font-family:verdana, sans-serif;}

.txt_green { color:#56B706; font-size:0.9em; line-height:1.7em; margin:0em 0 0.75em 0; }
.messagesuccess{color:#56B706;font-size:0.9em; line-height:1.7em; margin:0em 0 0.75em 0; font-weight:bold; }
.messageerrororwarning{color:#FF0000; font-size:0.9em; line-height:1.7em; margin:0em 0 0.75em 0; }

.infogb2{color:#56B706;font-size:1.2em; font-family:verdana, sans-serif;font-weight:bold;}
.infob2{font-size:0.85em; font-family:verdana, sans-serif;font-weight:bold;}
.infob3{font-size:1.0em; font-family:verdana, sans-serif;font-weight:bold;}

/* Added for CSR application end */