/*=============================Chrome Header Styles==========================*/
.opals_header_bg {
	background-image: url(../image/advance/bgPortlet.png);
}
.opals_header {
	height: 100px;
	vertical-align: middle;
}
.library_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	padding-left: 6px;
	float: left;
	width: 90%;
	padding-top: 8px;
}
.library_subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
	padding-left: 6px;
	float: left;
	width: 90%;
	padding-top: 6px;
}
.library_date {
	color: #FFFFFF;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.shadow {
	background-image: url(../image/horizontal_shadow.png);
	background-repeat: repeat-x;
	position: absolute;
	height: 8px;
	width: 100%;
	left: 0px;
}
/*=============================Chrome Menu Styles==========================*/
.chromebutton{
float:left; width: 100px; height:30px; background-color:blue; text-align: center" class="chrome-blue first
}

.chromestyle{
width: 100%;
font-weight: bold;
position:relative;
white-space:nowrap;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB; /* was 1px */
background: transparent; /*url(../image/chromebg-default.gif) center center repeat-x; THEME CHANGE HERE*/
padding: 6px 0px;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
font-family: Arial, sans-serif;
font-size:12pt;
font-weight:bold;
}

.chrome-blue,
.chrome-blue a {
  background: url(../image/chromebg-blue.gif) 0px -23px repeat-x;
  background-color:#4284F7;
  color:#FFDE29;
}
.chrome-green,
.chrome-green a {
  background: url(../image/chromebg-green.gif)0px -23px repeat-x;
  background-color:#6BAD63; /*#4AA542;*/
  color:#650B0B;
}
.chrome-cyan,
.chrome-cyan a {
    background: url(../image/chromebg-cyan.gif) 0px -23px repeat-x;
  background-color:#84DEE7;
  color:#4A3702;
}
.chrome-brown,
.chrome-brown a {
    background: url(../image/chromebg-brown.gif) 0px -23px repeat-x;
  background-color:#DECE63;
  color:#523000;
}
.chrome-orange,
.chrome-orange a {
    background: url(../image/chromebg-orange.gif) 0px -23px repeat-x;
  background-color:#DE7B4A;
  color:#000099;

}
.chrome-turqoise,
.chrome-turqoise a {
    background: url(../image/chromebg-turqoise.gif) 0px -23px repeat-x;
  background-color:#3BA371;
  color:#ffff33;
}
.chrome-red,
.chrome-red a {
    background: url(../image/chromebg-red.gif) 0px -23px repeat-x;
  background-color:#D65252;
  color:#ffffff;
}
.chrome-purple,
.chrome-purple a {
    background: url(../image/chromebg-purple.gif) 0px -23px repeat-x;
  background-color:#9A5DBA;
  color:#ffffff;
}
.chrome-teal,
.chrome-teal a {
    background: url(../image/chromebg-cyan.gif) 0px -23px repeat-x;
  background-color:#70CAC1;
  color:#4A3702;
}

.noBgImg, .noBgImg a {
  background-image: none;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
padding: 4px 18px;
margin: 0px 2px 0px 0px;
text-decoration: none;
/*border-left: 2px solid #3B7672;*/
/*border-bottom: 2px solid #3B7672;*/ 
}
.chromestyle ul li a.first{
border-left: 0px;
}

.chromestyle ul li a:hover { 
/*background: url(../image/chromebg-over.gif) center center repeat-x;*/ /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:20px; /*was 18*/
z-index:100;
background-color: white;
width: 190px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{
width: 100%;
}

.dropmenudiv a:hover{
background-color: #FFFF40;
}

/*=============================Chrome Sub Menu Styles==========================*/
#subMenus {
	position: relative;
	float:left;
	width:100%;
}
.submenu {
	float: left;
	width: 100%;
	position: relative;
	display:block;
        font-size: 10pt;
	font-family: Arial, sans-serif;
        padding-top: 0px;
	padding-bottom: 2px;
        padding-left: 0px;
	padding-right: 0px;
	font-weight: bold;
        height: 1%; /*was 18px*/
}
.submenu a {
	cursor:pointer;
	text-decoration:none;
	float:left;
	padding: 1px 19px 1px 19px;
	/*border: 1px solid transparent; (not supported by IE6)*/
	display:block;
        margin-left: 2px;
        margin-right: 2px;
        margin-top: 2px;
        margin-bottom: 0px;
}
.submenu div {
	float:left;
	width:50px;
}
.submenu a:hover {
        padding: 0px 18px 0px 18px;
	border: 1px solid #BBB;
        color: #000000;
        background: #FFFF40;
}
.chromeActive {
        padding: 0px 18px 0px 18px !important;
	border: 1px solid #BBB !important;
        color: #000000 !important;
        background: #FFFF50 !important;
}
/*=============================Chrome Tab Styes==============================*/
.siteTab1 {
	display:block;
	float:left;
	margin-top:7px;
	margin-bottom:1px;
}
.siteTab1Active {
	margin-top:0px;
	margin-bottom:0px;
}
.siteTab2 {
	background-image: url(../image/tableftOrg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: scroll;
	display:block;
}
.siteTab2Active {
	background-image: url(../image/tableftDarkBlue.gif);
}
.siteTab3 {
	background-image: url(../image/tabrightOrg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: scroll;
	display:block;
}
.siteTab3Active {
	background-image: url(../image/tabrightDarkBlue.gif);
}
.siteTab4 {
	background-image: url(../image/tabmidOrg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	margin-right: 10px;
	margin-left: 10px;
	display:block;
	font-family: Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color:#51361E;
	padding: 5px 3px 3px 2px;
	height: 21px;
}
.siteTab4Active {
	height: 24px;
	padding-top: 10px;
	background-image: url(../image/tabmidDarkBlue.gif);
}


/*=============================Chrome Footer Styles==========================*/
.footer {
	text-align: left;
	background-color: #4284F7;
	color: #FFFFFF;
	position: relative;
        display: block;
}
.footerLinks{
    	padding-right: 6px;
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
        margin-top:1px;
}
.footer a {
	color:#FFFFFF;
	text-decoration:none;
}
.footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}