@CHARSET "UTF-8";


/**
 * Header Styles
 *
 * These describe the basic layout of the header code
 */

/* DIV.CAS-HEADER */
div#cas-header {
	position:relative;
	height:56px;
	padding:5px;
	text-align:right;
	border-bottom:solid 1px #000;
	overflow:none;
	background-color:#000;
}
/* DIV.CAS-LOGO-LEFT */
div#cas-logo-left {
	position:absolute;
	top:0px;
	left:0px;
	height:67px;
	width:500px;
}
/* DIV.CAS-LOGO-RIGHT */
div#cas-logo-right {
	position:absolute;
	top:0px;
	right:0px;
	height:67px;
	width:290px;
}
/* HEADERS (H1,H2,H3,......) */
h2.title {
	padding:5px;
	margin:0px;
	border-top:solid 2px #900;
	border-bottom:solid 1px #300;
	font-weight:normal;
	font-size:15px;
	background-color:#555;
	color:#fff;
}
h4 {
	border-bottom:dotted 1px #888;
}

/* H2.APP-TITLE */
h2.app-title {
	position:absolute;
	top:67px;
	right:0px;
	margin:0px;
	width:100%;
	padding:5px;
	padding-left:0px;
	font-weight:normal;
	font-size:15px;
	letter-spacing:0.03em;
}


.hiddenStructure {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    height: 1px;
    margin: -1px 0 0 -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
}

/* DIV.USERDETAILS */
div.userdetails {
	color: #FFFFFF;
    position: absolute;
    z-index: 10;
}
div.userdetails a {
	font-size:11px;
	color:#fff;	
}

/**
 * MENU-BAR
 * This is the nav for the app.
 */
#menu_container{
	background-color:#35728F;
	color:white;
	width:100%;
}

#menu_bar{	
	margin: 0;
	padding: 0;
	z-index: 10000;
}
	
#menu_bar li {	
	float: left;
	list-style: none;
	font: bold 15px/30px Tahoma, Arial;
}

#menu_bar li a {	
	display:block;
	background:#35728F;
	padding: 5px 12px;
	text-decoration:none;
	border-right: 1px solid white;
	width:70px;
	color:paleGoldenRod;
	white-space:nowrap;
}

#menu_bar li a:hover {	
	background: #395B6B;
}
		
#menu_bar li ul {	
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white;
	z-index: 10000;
}

#menu_bar li ul li {	
	float:none;
	display:inline;
}

#menu_bar li ul li a {	
	width:auto;
	background:#35728F;
}

#menu_bar li ul li a:hover {	
	background:#395B6B;
}

/**
 * MIDDLE_BORDER
 * This is the container for all the pages.
 */
#middle_border {
	color:#70909D;
	min-height:400px;
}

fieldset  {
	border:2px solid #CCCCCC;
}


/**
 * CAS Footer Styles
 *
 * These describe the basic layout of the footer code in /views/common/cas-curator-footer.jsp
*/
div#footer  {
    background-color: white;
    border: medium none;
    color: #666666;
    float: left;
    font-size: 90%;
    margin-bottom: 25px;
    margin-top: 15px;
    padding-bottom: 95px;
    padding-top: 15px;
    text-align: center;
    width: 100%;
}

div#footer-span {
    background-color:#B0C4DE;
    border-top:solid 3px #35728F;
	border-bottom:solid 1px #1d1d1d;
	background:url(../img/jpl-images/spacer.gif) scroll -2px 1px no-repeat;
}

div#footer img {
	border:none;
	padding-left:2px;
	margin-left:5px;	
}
.footer-big {
	font-size:12px;	
}

.footer-small {
    font-size:10px;	
    margin-left: 10px;
}
div#privacy {
    text-transform: uppercase;
}

/**
 * CAS Messages
 *
 * This includes: errors, warnings, success/information
 */
 
.cas_msg {
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 6px;
	border: 2px solid #DDDDDD;
	font-size: 13px;
    margin: 2px;
    padding: 12px 1em 15px 62px;
}
 
/* DIV.ERROR
 * A red 'error' box suitable for displaying error messages.
 */
div.error, .cas_msg.error {
    background: url("../img/cas-messages/error.png") no-repeat scroll 0 0 #FFD8D0;
    border-color: #FFBAB0;
    color: #B64A47;
}

/* DIV.WARN
 * A yellow 'warning' box suitable for displaying warning messages.
 */
div.warn, .cas_msg.warn {
	background: url("../img/cas-messages/warn.png") no-repeat scroll 0 0 #FCF8E3;
    border-color: #F1DBA8;
    color: #C09853;
}

/* DIV.SUCCESS / INFO
 * A green 'success' box suitable for displaying success messages.
 */
div.info, .cas_msg.info {
	color: #468847;
	background-color: #DFF0D8;
	border-color: #D6E9C6; 
}



/* MAIN INTERFACE STRUCTURES */
div.container {
	position:relative;
/*	border:solid 1px grey;*/
}



/* LINKS */
a {
	color:gray;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a.actionlink {
	color:#48a;
	padding-left:5px;	
}



/**
 * .CLR
 * This is a utility which serves to reset things after a 
 * series of floated elements
 */
.clr {
	clear:both;
}