/*------- CONTENT -------*/

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454545;
	}

small, .programs_disclaimer, .locations_disclaimer{
	font-size:10px;
	text-align:left;
	line-height:11px;
	}

#schoolDisclosure, #schoolDisclosure a{
	font-size:10px;
}

/* variable font size classes */

.size9,.size9 a{ font-size:9px !important;}
.size10,.size10 a{ font-size:10px !important;}
.size11,.size11 a{ font-size:11px !important;}
.size12,.size12 a{ font-size:12px !important;}
.size13,.size13 a{ font-size:13px !important;}
.size14,.size14 a{ font-size:14px !important;}
.size15,.size15 a{ font-size:15px !important;}
.size16,.size16 a{ font-size:16px !important;}
.size17,.size17 a{ font-size:17px !important;}
.size18,.size18 a{ font-size:18px !important;}

/* end variable font sizes */

a{
	text-decoration:none;
	}
	

#wrapper{
	margin:auto;
	width:935px;
	background-color:#fff;
	}
			
.content{
	margin:0;
	float:left;
	width:530px;
	}
	
.menu {
    height: 30px !important;
    width: 100%;
    border-bottom: none !important;
	}
	
.tabs {
	height:20px;
	margin:5px 0 0 0px;
	padding:0;
	width:100%;
	background-color:#fff;
	border-bottom:1px solid #333;
	}
	
.tabs li {
	float:left;
	list-style:none outside none;
	text-align:left;
	font-size:13px;
	background: transparent url(/theme/uop/img/tab_arrow.png) no-repeat right center;
	margin-right: 20px;
    padding-right: 12px;
	}

	
.tabs a{
	text-decoration:none;
	font-weight:normal;
	}

.campus_tab{
	width:145px !important;
	}
	
.active{ 
	background:transparent url(/theme/uop/img/tab_arrow_active.png) no-repeat right center !important;
	}
	
.copy{
	margin:25px 115px 10px 0px;
	text-align:left;
	line-height:16px;
	width:415px;
	}
	
.copy h1{
	color:#666;
	}

.copy h2{
	line-height:22px;
	}
	
.copy ul, .copy ol {
	margin-left:20px;
	padding-left:0px;
	}

.copy li {
    margin-left: 30px;
	}

.brand_logo{
	margin:16px 0;
	}
	
.backlink{
	display:block;
	font-weight:normal;
	margin-bottom:10px;
	}
	
.logo{
	max-width:300px;
	}
	
.HeroImage1 {
    margin: 0 0 0 0px;
    width: 530px;
	}
	
.clear{
	width:100%;
	clear:both;
	}	
	
h1 {
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
	}
	
h2{
	margin:0 0 5px 0;
	font-size:17px;
	line-height:34px;
	font-weight:normal;
	}
	
h3, h4{
	font-size:1.5em;
	margin:20px 0 30px 0;
	text-align:left;
	}
	
.hide{
	display:none;
	}
	
.uop-extended a{
	font-weight:normal;
	text-decoration:none;
	}

.uop-extended{
	margin-bottom:35px;
	}

#accred, #disclaimer {
    z-index: 102 !important;
    margin-top: 0px !important;
	position: absolute; 
	left: 50%; 
	margin-left: -375px; 
	top: 50%; 
	width: 750px; 
	height: 450px; 
	border: 3px solid black; 
	background-color: white;
}

#accred div,  #disclaimer div{
	text-align:right; 
	padding:3px; 
	height:20px;
	}
	
#accred div a,  #disclaimer div a{
	color:#000000 !important;
}

#accred iframe,  #disclaimer iframe{
	width:750px; 
	height:425px; 
	border:0px;
}

/*------- FORM -------*/

#Form {
	width:320px;
	}

#leadForm {
	padding:15px 0;
}

#leadForm h2 {
	font-size:22px;
	font-weight:bold;
}

#formOverlay, .search-form-overlay {
	background:#AAA url('/esni/img/sprite.gif') 50% 100px no-repeat;
}

.form{
	margin-top:-1px;
	width:370px;
	color:#fff;
	float:right;
	-moz-box-shadow:inset 0px 0px 5px 0px #000;
	box-shadow:inset 0px 0px 5px 0px #000;
	}

form{
	padding:10px 25px;
	margin:0px auto 20px auto;
	font-size:12px;
	}

/*label{
	margin-right:100px;
	}
*/


label.compact {
    color: #666 !important;
	}

.input-replace a {
    color: #ccc;
    margin: 0 0 0 5px;
    font-size: 0.8em !important;
}
.input-replace {
    margin: 0 0 9px;
    font-size: 1.2em;
}


#clselector input {
    margin: 2px 5px 5px 0;
    width: auto;
    display: block;
    float: left;
	}

.radio input {
    float: left;
    margin: 2px 5px 0 0;
}

div.radio label {
    display: block;
    margin: 6px 0;
	}

.radio span {
    font-size: 0.9em;
    font-weight: normal;
    display: inline;
}

.input{
	margin:0 0 10px 0;
	}

form input[type="text"]{
	margin:0;
	width:305px;
	padding:3px;
	font-size:14px;
	}

select {
	margin:0;
	width:320px;
	font-size:16px;
	}

label {
	display:block;
}

textarea {
	width:310px;
	}

.form h2{
	color:#fff;
	font-weight:normal;
	text-align:center;
	font-size:18px;
	}

#FormSubmit{
	margin: 20px 86px;
	width:148px;
	}


#firstlastname, #citystatezip {
	width:333px;
	overflow:auto;
	}

#firstlastname label, #citystatezip label{
	margin-right:0px;
	}

#firstlastname input {
    width: 141px;
}

#firstlastname .input {
	width:155px;
	float:left;
	margin-right:10px;
	}

#firstlastname .input .error{
	width:138px;
	}

#citystatezip input, #citystatezip select {
	width:86px;
	}

#citystatezip .select {
	margin-left:8px;
	}

#citystatezip .input {
	float:left;
	width:100px;
	margin-right:6px;
	}

#citystatezip .input .error {
	width:85px !important;
	}


#searchOverlay #zip {
    margin: 10px !important;
}
#searchOverlay label {
    font-weight: bold;
    font-size: 1.1em;
}

#searchOverlay {
    color: #fff;
    border: 4px solid #fff;
}
#searchOverlay h4 {
    color: #fff;
}

#searchOverlay input[type="submit"] {
    background: none repeat scroll 0 0 #cccccc;
    border: medium none;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #ddd inset, 0 0 0 2px #ccc inset, 0 30px 20px -18px rgba(255, 255, 255, 0.65) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
	text-shadow: 0 1px 0 #fff;
	-webkit-border-radius: 5px;
    -webkit-text-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 0 0 1px #ddd inset, 0 0 0 2px #ccc inset,0 30px 20px -18px rgba(255,255,255,0.65) inset, 1px 1px 3px rgba(0,0,0,0.2);
	color: #333;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
	margin: 0 50px !important;

}

#searchOverlay input[type="submit"]:hover{
	background: none repeat scroll 0 0 #999;
	box-shadow: 0 0 0 1px #ddd inset, 0 0 0 2px #999 inset, 0 30px 20px -18px rgba(255, 255, 255, 0.65) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
}

#searchOverlay input {
    margin: -8px 0 0 0 !important;
}

#searchOverlay select {
	width:90%;
	margin:10px 0;
}

#searchOverlay label.error {
    clear: both !important;
    color: #FFFFFF;
    font-style: italic;
    font-weight: normal;
    margin: 0 0 20px 0;
	text-align: center;
}


.checkbox input{
	clear:left;
}


.checkbox label{
width:257px;
float: left;
margin:0 0 10px 0;
}

.checkbox label.error{
width:309px;
}

#LeadDatumExtra5,#LeadDatumContactOk{
	float:left;
}


/*------- FOOTER -------*/

.footer{
	padding:15px 30px;
	text-align:center;
	}
	
.footer a{
	color:#454545;
	font-weight:normal;
	text-decoration:underline;
	font-size:0.9em;
	}
	
.footer hr{
	margin:0 0 15px 0;
	height:9px;
	border:none;
	}

/* MESSAGES */

#flashMessage {
	background:#f6a1a1 url(/theme/uop/img/error-exclaim.png) no-repeat center right;
	padding:10px;
	border-bottom:1px solid #660000;
	color:#660000;
	font-size:1.6em;
	text-align:center;
	}
	
.error, .error-message {
	color:#f60000;

	}
	
.error-message {
	margin:2px 0 0;
	}

#botErr {
	background-color: #F4CFCF;
    border: 2px solid #CC0000;
    color: #CC0000;
    font-size: 1.4em;
    margin: 20px 0;
    padding: 5px 5px 7px;
	}


/*-------SUMMARY PAGE COLORS-------*/

.summary h2,
.summary a{
	color:#006699;
	}
	
.summary h2{
	margin:5px 0 20px 0;
	}
	
.summary{
	height:100%;
	}

.summary .content{
	width:100%;
	padding:20px 0;
	}
	
.summary .copy{
	margin:auto;
	width: 60%;
	text-align:center;
	padding:25px 0px 0px 0px;
	}
	
.summary .logo{
	margin: 0 0 20px 0;
	}
	
.summary .continue{
	margin:10px 0 0 0;
	border:none;
	}
	
/*-------LOGIN-------*/


.form-login {
	background-image:none;
	background-color:#ccc;
	}
	
#UserAutoLogin {
	float:left;
	width:15px;
	margin-right:10px;
	}
	
.checkbox label  {
	font-weight:normal;
	}
	
.checkbox input {
    width: 20px;
    margin: 0 5px 3px 0;
	}

.form-login .users {
	margin:auto;
	padding:20px;
	width:400px;
	background-color:#fff;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	}
	
.form-login .users fieldset {
	border:none;
	}
	
.form-login input {
	margin:6px 0 0 0;
	}	
	
.form-login .submit input {
	width:auto;
	margin:0 0 0 7px;
	}
	
.form-login h2,
.form-login a,
.form-login form input, .form-login select{
	color:#333;
	}
	
.form-login a {
	font-size:0.9em;
	}

/*-------TABLES--------*/

table {
    border: 1px solid #000;
    border-spacing: 0;
}
table td {
    border: 1px solid #000000;
    font-size: 0.7em;
    padding: 5px;
    width: 50%;
}

/*-------TESTING-------*/

#test-message{
	width:100%;
	padding:6px 0px;
	background-color:#ffe866;
	color:#d34600;
	font-size:1.4em;
	text-align:center;
	border-bottom:1px solid #d34600;
	}
	
/* Tooltip
----------------------------------*/

label.error-compact {
	background: url("/theme/uop/img/error.png") no-repeat scroll 100% 10% transparent;
	color: transparent;
	text-indent:-99999px;
	padding: 3px;
	position: absolute;
	top:4px;
	right: 8px;
	width: 35px;
	height: 20px;
	font-size:0.8em;
}

label.valid-compact {
   background: url("/theme/uop/img/valid.png") no-repeat scroll 100% 10% transparent;
    color: transparent;
	text-indent:-99999px;
	padding: 3px;
	position: absolute;
	top:5px;
    right: 5px;
    width: 35px;
    height: 20px;
	font-size:0.8em;
}

select.valid-compact, select.error-compact{
   width: 270px;
   position: relative;
   top: 0px;
   margin-top: 1px;
}

.select label.valid-compact{
background: url("/theme/uop/img/valid-select.png") no-repeat scroll 100% 10% transparent !important;
}

.select label.error-compact{
background: url("/theme/uop/img/error-select.png") no-repeat scroll 100% 10% transparent;
}


#firstlastname label.error-compact, #citystatezip label.error-compact {
   right: 8px;
overflow: hidden;
}

div.input {
   position: relative;
	overflow:hidden;
}

label.valid-compact {
   background: url("/theme/uop/img/valid.png") no-repeat scroll 100% 10% transparent;
}

select.valid-compact label {
   background: url("/theme/uop/img/valid-select.png") no-repeat scroll 100% 10% transparent;
}

.ui-tooltip-content{
-o-box-shadow: 0 0 5px #aaa;
-moz-box-shadow: 0 0 5px #aaa;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
background-color:#fff;
padding:5px;

}

.ui-tooltip {
	padding:8px;
	position:absolute;
	z-index:9999;

}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width:2px; width: 210px; }