/****************************************************************************************************/
/* BODY AND TAG STYLES                                                                              */
/****************************************************************************************************/
body {
    margin: 0;
    padding: 0;
	color: #000;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFF;
}
body.uportal-body {
    background-color: #999;
}
a, a:link {
	color: #5C326C;
	font-weight: normal;
	text-decoration: underline;
}
a:visited {
	color: #47476C;
	text-decoration: underline;
}
a:hover {
	color: #902323;
	text-decoration: underline;
}
#uportal-body-container {
		position: relative;
    display: table;
    width: 100%;
		background-color: #FFF;
}

/****************************************************************************************************/
/* MAIN HEADER STYLING                                                                              */
/****************************************************************************************************/
#uportal-header-container {
    position: relative;
    margin: 0;
    padding: 0;
    color: #000;
    height: 60px;
}
#header-main {
/*    position: absolute;
    top: 0px;
    left: 20px;*/
    margin: 0;
    padding: 0;
    height: 60px;
    background: url('images/mycu-icon_underline.jpg') top left repeat-x;
    z-index: 2;
}

#header-main h2 {
	font-size: 16px;
}

#header-main span {
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1;
}

#header-welcome-text {
    float: left;
    margin: 2px 0 0 0;
}

/****************************************************************************************************/
/* FORM STYLING                                                                               */
/****************************************************************************************************/
#uportal-login-container {
    margin: 0;
    padding: 0;
    color: #000;
    background-color: #FFF;
	width: 310px;
	white-space:nowrap;
}
#uportal-login-outer-container {
	margin:0;
	padding:0;
	height:192px;
	min-height:192px;
	width: 310px;
}
#uportal-login-container form {
    margin: 0;
    padding: 8px;
    /* generated using http://cssround.com/ */
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#CFB87C;-webkit-box-shadow: #A2A4A3 4px 4px 4px;-moz-box-shadow: #A2A4A3 4px 4px 4px; box-shadow: #A2A4A3 4px 4px 4px
}
#uportal-login-container form h4 {
    margin: 1px;
    padding-bottom: 4px;
    /* font-size:1.1em; */
}
#up-login-label-user, #up-login-label-pass, #up-login-label-auth {
    margin: 0;
}
#up-login-input-user, #up-login-input-pass, #authselect {
    margin: 0;
}
#up-login-input-submit {
    margin: 0;
    color: #000;
    background-color: #FC3;
    border-top: 2px solid #EDEDED;
    border-left: 2px solid #EDEDED;
    border-bottom: 2px solid #ABABAB;
    border-right: 2px solid #ABABAB;
}

/****************************************************************************************************/
/* CONTENT AREA STYLING                                                                             */
/****************************************************************************************************/
#uportal-content-container {
    margin: 0;
    padding:6px 0 15px;
    clear: both;
    background-color: #FFF;
    /* height:480px; */
    min-height:480px;
}
.uportal-content-table {
    background-color: #FFF;
    padding: 0 20px;
}

/****************************************************************************************************/
/* PORTLET AND CHANNEL STYLING                                                                      */
/****************************************************************************************************/
.uportal-portlet-container {
    margin: 0;
    padding: 0;
    max-width: 1024px;
}
.campus-spacer {
	width: 25px;
	min-width: 8px;
}



.up-portlet-content {
    margin: 0;
    padding: 0;
    font-size: 12px;
    background-color: #FFF;
}
.up-portlet-content table {
    font-size: 12px;
}
.up-portlet-content h5, .up-portlet-content h6 {
    font-size: 13px;
}
/****************************************************************************************************/
/* FOOTER STYLING                                                                                   */
/****************************************************************************************************/
#uportal-footer-container {
	background-color: #999;
    margin: 0;
    padding: 10px 20px;
    color: #FFF;
    text-align: right;
    /* institutional directory no longer exists: background: #999 url('../institutional/footer_bg_tile.gif') top left repeat-x; */
}

/****************************************************************************************************/
/* MISCELLANEOUS STRUCTURAL STYLES                                                                  */
/****************************************************************************************************/
.uportal-hide {
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1;
}

#instruction-container {
	width:100%
	text-align:left;
	margin-bottom:9px; 
}
#instructions {
	float:left;
	padding: 5px;
	font-size: 1.5em;
}
#campus-logo-container {
	padding-top: 0px;
	padding-bottom:10px;	
}
.campus-logo {
		background-color: #CFB87C;
		height:160px;
		min-width:240px;
		max-width:240px;
		overflow: hidden;
		padding: 6px 4px 4px 4px;
		margin-bottom:20px;
		/* generated using http://cssround.com/ */
		-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#CFB87C;-webkit-box-shadow: #A2A4A3 4px 4px 4px;-moz-box-shadow: #A2A4A3 4px 4px 4px; box-shadow: #A2A4A3 4px 4px 4px;
}
.campus-logo img {
	width:220px;
	/* generated using http://cssround.com/ */
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
}
.campus-logo p {
		margin: 4px;
}
.campus-logo a {
		color: #000;
		font-size: 1.5em;
		text-decoration: none;
		padding-bottom: 10px;
}
.campus-link {
		display: block;
		width: 100%;
		height: 100%;
		text-align: middle;
		text-decoration: none;
		color: #000;
}
.campus-logo,
.campus-link,
.campus-img {
	z-index:1;
}
#campus-announcement {
		position: relative;
		font-size: 12px;
		margin: 0;
		/*width: 300px;
		min-width: 300px;
		height:300px; /* auto !important; */
		min-height:200px;
		background-color: #EEEEEE;
		z-index: 5;
		margin: 1px 0 4px 0;
}
#campus-announcement-bg {
		position: absolute;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-repeat:no-repeat;
		background-position:50% 80%;
		opacity: .2;
		filter:alpha(opacity=.2);
		width: 90%;
		height: 90%;
		padding:5%;
}
.ucbCampus,
.uccsCampus,
.ucdCampus,
.sysCampus {
	height:10px;
}
#placeholderAnnouncement {
	font-size:.9em;
	font-style:italic;
	background-color: #FFFFFF;
}
#placeholderAnnouncement,
#sysAnnouncement,
#ucbAnnouncement,
#ucdAnnouncement,
#uccsAnnouncement {
		height:300px;
		min-height: 300px;
		max-height: 300px;
		padding: 8px;
		z-index: -1;
}
#sysAnnouncement,
#ucbAnnouncement,
#ucdAnnouncement,
#uccsAnnouncement {
		/* generated using http://cssround.com/ */
		-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: #A2A4A3 4px 4px 4px;-moz-box-shadow: #A2A4A3 4px 4px 4px; box-shadow: #A2A4A3 4px 4px 4px;
}
#ucbAnnouncement {
		/* overflow-y: scroll; */
}

#generalAnnouncement {
	padding-bottom: 12px;
	text-align:center;
}

.generalAnnouncement li {
	padding-bottom: 12px;
}

#login-link a {
	text-decoration:none;
}
#systemAlert {
	cursor:pointer;
	height:10px;
	width:100%;
	position: relative;
	
}
#systemAlertAnchor {
	outline:none;
}
.clear-all {
    clear: both;
}
/****************************************************************************************************/
/* ORIGINAL UPORTAL STYLES                                                                          */
/****************************************************************************************************/
/* Leaving these in place as many uPortal channels use these class names*/
a.navigation, a.navigation:link {
	color: #5C326C;
}
a.navigation:visited {
	color: #47476C;
}
a.navigation:hover {
	color: #902323;
}
.uportal-text {
	color: #000;
	font-size: 12px;
}
.uportal-button {
	color: #000;
	font-size: 10px;
	background: #CCC;
}
.uportal-input-text {
	color: #000;
	font-size: 12px;
	font-family: Monaco, Andale Mono, monospace;
	background: #EEE;
}