@charset "UTF-8";
/* CSS Document */
body {line-height: 1.2em;color: #333; background-color:#efefef;font-size: small;font-family: "Helvetica Neue", "Helvetica", Arial, "Lucida Grande", sans-serif; margin: 0;padding: 0;}

.error, .error_message {       font-family: "Arial", "sans-serif";    font-size: 11pt;        width: 300px;    font-weight: bold;    color: #B33D3F;   padding-bottom: 6px;            }

#header {	background-color:black;	height:121px;	width:100%;}

#ucb {display:block;float:left;margin:0;	padding:0;	text-indent:-9999px;	width:352px;	height:121px;	background-image:url(https://cucontent.colorado.edu/portal/ep/ucb2/js/downpage/images/banner_flat.png);	float:left;}
	
#header h1 { 	margin:0; 	padding:0; 	text-indent:-9999px;	width:447px; 	height:121px;	background-image:url(https://cucontent.colorado.edu/portal/ep/ucb2/js/downpage/images/banner_flat.png);	background-position: 440px 0px;	float:right;
}
#wrapper { background-color:#efefef;}

/*-----------------------------------------------------------------------------------------------------------------------------------
LOGIN PAGE STYLES
-----------------------------------------------------------------------------------------------------------------------------------*/
div#messages {list-style-type: none;float: right;display: inline; width: 350px;}
div#messages span.news {background-color: #333;padding: 12px 8px;margin: 6px 0;display: block;text-align: left;color:#f3f3f3; font-size: 120%;font-weight: bold;}
div#messages span.alert {background-color: #cc0000;color:#f3f3f3;padding: 12px 8px;margin: 6px 0;display: block;text-align: left;font-size: 120%;font-weight: bold;}
div#messages h2 {padding: 18px 10px 16px 50px;background-color: aqua;background: url(https://cucontent.colorado.edu/portal/ep/ucb2/images/icon-help.gif) top left no-repeat;}
div#messages h3 {padding: 0 0 5px 50px;font-size: 150%;color: #B33D3F;}
div#messages p {padding: 0 0 10px 50px;font-size: 130%;line-height: 1.2em;}

/* -------------------------------------
MOBILE LOGIN 
------------------------------------- */
div#mobilelogin {float:right;display:inline; width:350px;border:1px solid white;margin-bottom:10px; background:url(https://cucontent.colorado.edu/portal/ep/ucb2/images/mobileDevice.png) top left no-repeat;} 
div#mobilelogin h2 {padding:0 0 5px 50px;}
div#mobilelogin p {padding:0 0 10px 50px;font-size:130%;line-height: 1.2em;}
/*use the following to hide display from IE 8 and below */
div#mobilelogin {
	display:none\9; /* IE 8 and below */
}





#container-login {width:800px; height:auto; overflow:auto; background: white url(https://cucontent.colorado.edu/portal/ep/ucb2/images/login-top-curve.gif) top left no-repeat; margin: 20px auto;padding-top: 12px;padding-bottom: 10px; }

#fm-login {float: left; display: inline;}
#fm-login label {font-size: 160%;color: #666;}
#fm-login input {border: 1px solid #e0e0e0; background-color: #f3f3f3; padding: 10px 5px;font-size: 150%;margin-top:5px;}
#fm-login .btn-submit {background-color: #333;padding: 8px 14px;color: #f3f3f3;font-size: 120%;border: none;}
#fm-login .btn-submit:hover {background-color: #CFB87C; color: #333;cursor: pointer;}

#helpContainerLogin {margin:20px;}
#helpContainerLogin a:link,a:hover, a:visited {color:#2E74A5;text-decoration: underline;}

#fragment-3 h3 {font-size:120%;}
#fragment-3 p {padding:10px 0px;}


/* LOGIN TAB NAVIGATION*/
@media projection, screen { .ui-tabs-hide {display: none;}}
/* Hide useless elements in print layouts... */
@media print {.ui-tabs-nav {display: none;}}

/* Skin */
#tabs .ui-tabs-nav, #tabs .ui-tabs-panel {font-size: 12px;background-color: #333;}
#tabs2 .ui-tabs-nav {font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;font-size: 12px;background-color: #fff;}
#tabs .ui-tabs-nav {list-style: none;margin: 0;padding: 6px 8px 1px 8px;}
/* clearing without presentational markup, IE gets extra treatment */
#tabs .ui-tabs-nav:after { display: block;clear: both;content: " ";}
#tabs .ui-tabs-nav li {float: left;margin: 0 10px 0 1px;min-width: 84px; }
#tabs .ui-tabs-nav a, .ui-tabs-nav a span {display: block;padding: 0 10px;}
#tabs .ui-tabs-nav a {margin: 1px 0 0; padding-left: 0;color: #333;font-weight: bold;line-height: 1.2;text-align: center;text-decoration: none;white-space: nowrap; outline: 0; background-color: #f3f3f3;padding-top:5px;padding-bottom: 5px;font-size: 18px;}
#tabs2 .ui-tabs-nav a {font-size: 14px;}
#tabs .ui-tabs-nav .ui-tabs-selected a {position: relative;top: 1px;z-index: 2;margin-top: 0;color: #000;background-color: #CFB87C;}
#tabs2 .ui-tabs-selected a {background: #333;color: #f3f3f3;border: none;text-decoration: none;}
#tabs2 .ui-tabs-nav a {border: 1px solid #e0e0e0;text-decoration: none;}
#tabs .ui-tabs-nav a span {width: 64px; /* IE 6 treats width as min-width */min-width: 64px;height: 18px; /* IE 6 treats height as min-height */min-height: 18px;padding-top: 6px;padding-right: 0;}
*>#tabs .ui-tabs-nav a span { /* hide from IE 6 */width: auto;height: auto;}
#tabs .ui-tabs-nav .ui-tabs-selected a span {padding-bottom: 1px;}
#tabs .ui-tabs-nav .ui-tabs-selected a, #tabs .ui-tabs-nav a:hover, #tabs .ui-tabs-nav a:focus, #tabs .ui-tabs-nav a:active {background-position: 100% -150px;}
#tabs .ui-tabs-nav a, #tabs .ui-tabs-nav .ui-tabs-disabled a:hover, #tabs .ui-tabs-nav .ui-tabs-disabled a:focus, #tabs .ui-tabs-nav .ui-tabs-disabled a:active {background-position: 100% -100px;}
#tabs .ui-tabs-nav .ui-tabs-selected a span, #tabs .ui-tabs-nav a:hover span, #tabs .ui-tabs-nav a:focus span, #tabs .ui-tabs-nav a:active span {background-position: 0 -50px;}
#tabs .ui-tabs-nav a span, #tabs .ui-tabs-nav .ui-tabs-disabled a:hover span, #tabs .ui-tabs-nav .ui-tabs-disabled a:focus span, #tabs .ui-tabs-nav .ui-tabs-disabled a:active span {background-position: 0 0;}
#tabs .ui-tabs-nav .ui-tabs-selected a:link, #tabs .ui-tabs-nav .ui-tabs-selected a:visited, #tabs .ui-tabs-nav .ui-tabs-disabled a:link, #tabs .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */cursor: text;}
#tabs .ui-tabs-nav a:hover, #tabs .ui-tabs-nav a:focus, #tabs .ui-tabs-nav a:active,
#tabs .ui-tabs-nav .ui-tabs-deselectable a:hover, #tabs .ui-tabs-nav .ui-tabs-deselectable a:focus, #tabs .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */cursor: pointer;}
#tabs .ui-tabs-disabled {opacity: .4;filter: alpha(opacity=40);}
#tabs .ui-tabs-panel {border-top: 5px solid #CFB87C;padding: 1em 8px;background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */height: auto;padding: 30px;}
#tabs .ui-tabs-panel a:link,#tabs .ui-tabs-panel a:visited,#tabs .ui-tabs-panel a:active {text-decoration: underline;color: #2E74A5;}
#tabs2 .ui-tabs-panel {border-top: none;padding: 1em 8px;background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */height: auto;padding: 30px;}
#tabs2 .ui-tabs-panel ul {list-style-type:disc;font-size: 14px;line-height: 1.4em;}
#tabs .ui-tabs-loading em {padding: 0 0 0 20px;background: url(loading.gif) no-repeat 0 50%;}

/* Additional IE specific bug fixes... */
* html #tabs .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */display: inline-block;}
*:first-child+html #tabs .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block;}

/* END LOGIN TAB NAVIGATION*/



#footer { background:#333; height:30px; font-size: 90%; line-height:30px; padding:0 10px; }
#footer span {color: #efefef;float: left;}
#footer ul {float: right;display: block;}
#footer ul li {float: left;display: inline;}
#footer a {color:#fff;padding: 0 10px;}
#footer a:hover {color: #CFB87C;text-decoration: underline;}

.clear {clear: both;}