/*Color Index

Beige border ------ #e4dfc9;
Black ------------- #333;
Blue hover -------- #3366CC;
Cream statement --- #FFFDED;
Drk Brown header -- #414025;
Drk Gray border --- #999999;
Gray border ------- #D7D2D2;
Gray border ------- #d2d2d3;
Gray cit. border -- #ACACAC;
Gray footer ------- #666666;
Gray mission ------ #919693;
Gray text --------- #AFAFAF;
Lgt Gray shadow --- #F7F7F4;
Sand homepage # --- #b3b2a3;
Tan border -------- #D6CEA3;

*/

/*----------------------------------------------------------------------------*/
/*----------------------Universal Styles--------------------------------------*/
/*----------------------------------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	font-family: verdana, sans-serif;
	line-height: 1.9em;
	width: 100%;
	color: #333;
	font-size: 80%;
}
.whitespace {line-height: 1.25em;}
.hidden {display: none;}
img { border: none;	}
.inline-graphic {
	vertical-align: middle;
}

#headcontent h1, #headcontent p
{
position: absolute;
top: -9999em;
}

/***** Styles for logon page*****/
 
#logon {
	border: 2px solid #AFAFAF;
	padding: 5px;
	width: 475px;
	margin-left: 2em; 
	margin-right: 2em;
}

#noborder {
	border: 0px;
}
/***** Page Structure Styles for Table Layout *****/
#structure {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-width: 0px;
	width: 100%;
	table-layout: fixed; /*remove to make the table respect its content*/
	overflow: auto;
}
#structure tr {
	border-width: 0px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}
#structure #navigation {
	background: #F0EDDF;
	border: 0px;
	border-right: 1px solid #e4dfc9; 
	border-bottom: 1px solid #e4dfc9; 
	margin: 0px;
	width: 225px;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	text-align: center;
}
#structure #content {
	width: 80%;
	vertical-align: top;
	border: 0px;
	margin-top: 25px;
	padding: 10px 80px 0px 30px;
}
#structure #content_a {^M
        width: 80%;^M
        vertical-align: top;^M
        border: 0px;^M
        margin-top: 25px;^M
        padding: 10px 80px 0px 30px;^M
}^M
 
div.table-wrap table {min-width: 1000px;}


/* Hides from IE-mac \*/
* html #structure #content {font-size: 80%}
* html #structure #content_a {font-size: 80%}^M
* html #structure #co\ntent {font-size: 100%}
* html #structure #co\ntent_a {font-size: 100%}^M
* html #structure #content table {font-size: 100%;}
* html #structure #content_a table {font-size: 100%;}^M
/* End hide from IE-mac */


/***** Left Navigation Styles *****/
#logo {
/*	position: absolute;
	top: 15px;
	left: 20px;*/
	z-index: 3;
	display: block;
	text-align: center;
	margin-top: 15px;
	position: relative;
	padding: 0px;
	border: none;
}
#logo img {
	border: none;
}
.treemenu {
	list-style-type : none;
	padding: 0px;
	margin: 0px auto; margin-top: 25px; 
	padding: 0px 0px 40px 10px;
	line-height: 1.2em;
	text-align: left;
}
.treemenu ul {
	list-style-type : none;
	margin: 0px;
	padding: 0px 0px 2px 10px; 
	margin-bottom: -10px; /*new*/
	margin-top: 10px;/*new*/
}
.treemenu ul li {
	margin: 0px;
	padding-bottom: 3px;
}
/*new*/
#structure #navigation .treemenu li {
	font-size: 80%;
}
/*new*/
#structure #navigatio\n ul.tree\menu li {
	fon\t-size: 100%;
	margin-bottom: 10px;
}
.treemenu a:link, .treemenu a:visited {
	text-decoration: none;
	color: #333333;
}
.treemenu a:hover {
	text-decoration: none;
	color: #3366CC;
}
a:active{
	text-decoration: none;
	color: #333333;
}

/***** Main Content Body Styles *****/
#content {}
#content .indent {
	padding: 0px 40px;
}
#content #graybar {
	background: #AFAFAF;
	height: 25px;
	position: relative;
	display: block;
	margin: -10px -80px 20px -30px;
	z-index:2;
}
#content a {
	color: #3366CC;
	text-decoration: underline;
}

#content .centeredtext {
	text-align: center;
}
#content .centeredblock {
/* For this to work in IE, this element's direct parent must
 * have the style  text-align: center;
 */
	margin-left: auto;
	margin-right: auto;
}

/***** Regular table for content *****/
#content .contenttable {
	width: 100%;
}
#content .contenttable td {
	padding: 5px 4px;
}
#content .contenttable th {
	padding: 5px 4px;
	width: 14em;
}
#content .contenttable tr {
	padding: 1px 0px;
}
#content dl {
}
#content dt {
}
#content dd {
	margin-bottom: 10px;
}
#content dl dt span.multiline {
	float: left;
	width: 31%;
	display: block;
}

/***** Main Content_a Body Styles *****/ 
#content_a {} 
#content_a .indent { 
        padding: 0px 40px; 
} 
#content_a #graybar { 
        background: #AFAFAF; 
        height: 25px; 
        position: relative; 
        display: block; 
        margin: -10px -80px 20px -30px; 
        z-index:2; 
} 
#content_a a { 
        color: #3366CC; 
        text-decoration: underline; 
} 
 
#content_a .centeredtext { 
        text-align: center; 
} 
#content_a .centeredblock { 
/* For this to work in IE, this element's direct parent must 
 * have the style  text-align: center; 
 */ 
        margin-left: auto; 
        margin-right: auto; 
} 
 
/***** Regular table for content_a *****/ 
#content_a .contenttable { 
        width: 100%; 
} 
#content_a .contenttable td { 
        padding: 5px 4px; 
} 
#content_a .contenttable th { 
        padding: 5px 4px; 
        width: 14em; 
} 
#content_a .contenttable tr { 
        padding: 1px 0px; 
} 
#content_a dl { 
} 
#content_a dt { 
} 
#content_a dd { 
        margin-bottom: 10px; 
} 
#content_a dl dt span.multiline { 
        float: left; 
        width: 31%; 
        display: block; 
} 
/***** Headers, Definition Terms, and Breadcrumbs *****/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #414025;
	margin-top: 25px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #414025;
	margin-top: 30px;
	margin-left: 0px;
	margin-bottom: -6px;
}
h2.holdings{
	margin-top: 10px;
	margin-bottom: 10px;
}
dt {
	font-weight: bold;
	color: #414025;
}	
h3 { font-size: 110%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; margin-bottom: 0px; }
.breadcrumbs {
font-size: x-small; text-align: left; margin-top: -20px
}

/***** Footer Styles *****/
#mainfooter {
	background-color: #fff;
	border-color: #414025;
	border-width: 1px 0px 0px 0px;
	border-top-style: solid;
	font-size:xx-small;
	margin-top: 20px;
	padding-top: 3px;
	text-align: center;
	width: 100%;
}
#mainfooter a {
	color: #666666;
	text-decoration: none;
}
#mainfooter a:hover {
	color: #666666;
	text-decoration: underline;
}
.lastupdated { font-size: x-small; }

p.mission {line-height: normal;}

/***** Participating Publishers ******/
p.indent {
margin-left: 3em;
margin-right: 3em;
}

/***** Fees table on Service for Libraries and Service for Publishers pages ******/
table.fees {
	width: 95%;
	border: 0;
	border-spacing: 0;
	padding: 1em;
	}
	
/*****************************************************/


/***** Styles for beige bullets on Approach Page *****/
ul.square {
	margin: 0 0 0 0.5em; 
	padding: 0; 
}
ul.square li { 
	list-style-type: none;
	padding-left: 1em;
	background-image: url("/images/bullet.gif");
	background-repeat: no-repeat;
	background-position: 0em 0.75em;
	padding-left: 1em;
}
ul.square li ul li{ 
	list-style-type: square;
	background-image: none;
	padding: 0; 
}

/***** styles for beige bullets in news announcements *****/
ul.news {
	margin: 0 0 0 0.5em; 
	padding: 0; 
}

ul.news li { 
	list-style-type: none;
	padding-left: 2em;
	padding-top: .5em;
	padding-bottom: .5em;
	background-image: url("/images/bullet.gif");
	background-repeat: no-repeat;
	background-position: .5em 1.2em;
	/*padding-left: 1em;*/
}

ul.news li ul li{ 
	list-style-type: square;
	background-image: none;
	padding: 0; 
}

/***** Styles for advanced search page *****/
#content #advsearch input, #content #advsearch select {
	font-size: 85%;
	width: 99%;
}
#content #advsearch select {
	width: 100%;
}
#content #advsearch #submit, #content #advsearch #reset {
	width: auto;
	font-size: 100%;
}
#content #advsearch .multiinput {
	margin-left: 40px;
	width: 80%;
	wid\th: 50%;
}
/************* NEW STYLES for expanded title browse in advanced search form***************/
.infowindow #structure #navigation { display: none; } 
.infowindow #structure #content { width: 100%; }
.multiline label { font-weight: bold; }
/****************************************/

/***** Indent Style on Advisory Committee Page *****/
.indent {
	margin-left: 35px;
	
}

/***** Right Style for Bio Page *****/
.headerrightbio {
	margin-top: -15px;
	float: right;
	text-align: right;
}
	
.bio {
	margin-top: 5px;
	margin-bottom: 45px;
}



/**Use for long lists**/
ul.items {
marign-left: 0; padding-left: 0;

}
ul.items li{
marign-left: 15px; padding-left: 15px;
 list-style-type: none;
}
/**long list style end**/

/***** Browse Styles (also items used on pub info page) ******/
.normal {
	font-weight: lighter;
	}
	
ul.browse2 li{
	font-size: 1em;
	font-weight: normal;
	list-style-type: none;
	padding-bottom: .75em;
}

p.text {
	margin-left: 2em;
	margin-right: 2 em;
}

/***** TOC styles *****/
ul.options li{
	margin-left: 35px;
	list-style-type: none;
	padding-bottom: 20px;
}

h2.toc{
	padding-bottom: 20px;
}

/***** Browse Volumes Page *****/
.issues li {
	list-style-type: none;
	font-weight: normal;
}
.volume {
	font-weight: bold;
	color: #414025;
	padding-top: 5px;
	list-style-type: none;
}

/*----------------------------------------------------------------------------*/
/*-------------------------Basic Search--------------------------------------*/
/*----------------------------------------------------------------------------*/


.shadewborder {
background:#F7F7F4;
border-right: 1px solid #D7D2D2;
border-bottom: 1px solid #D7D2D2;
}

/*----------------------------------------------------------------------------*/
/****** Advanced Search pull-down menu for picking a journal title. This will constrain the size of the
menu when journal titles are too long *****/
/*----------------------------------------------------------------------------*/


select.title-picker {

     width:550px;
	background:#F7F7F4;
	border-right: 1px solid #D7D2D2;
border-bottom: 1px solid #D7D2D2;
}

select.title-picker option {

 width:550px;

     overflow:hidden;

}


.align-right-bottom {

	text-align: right;

	vertical-align: bottom;

}

.align-right-top {

	text-align: right;

	vertical-align: top;

}

.align-left-bottom {

	text-align: left;

	vertical-align: bottom;

}

/*----------------------------------------------------------------------------*/
/*---------------------------------Search Results-----------------------------*/
/*----------------------------------------------------------------------------*/


#srheader {
	background-color: #F5F5F5;
	border-top: 1px solid #AFAFAF;	
	font-weight: bold;
	padding: 3px;
	margin-top: 1em;
	margin-bottom: 3em; 
	text-align: right;	
}
.headerleft {
	float: left;
	text-align: left;
}
.headerright {
	float: right;
	text-align: right;
}
.titleline
{
	font-size: 105%;
	font-weight: bold;
	display: block;
        color:#646060;
}
.author
{
	display: block;
}
.journal {
	font-style:italic;
	display: block;
}

.title {
	
}
.center {
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	text-align: center;
	width: 75%;
}

ul.citation li {
	padding-bottom: 10px;
	padding-top: 10px;
	list-style-type: none;
	border-top: 1px dashed #ACACAC;
}

/*.citation-even {
	padding-bottom: 10px;
	padding-top: 10px;
	list-style-type: none;
	border-top: 1px dashed #ACACAC;
}*/

/*----------------------------------------------------------------------------*/
/*---------------------------Search Tips Styles-------------------------------*/
/*----------------------------------------------------------------------------*/

ul.anchormenu, ul.anchormenu li{
	list-style-type: none;
	float: none; 
}
ul.anchormenu li{
}
ul.anchormenu2 {
	padding-bottom: 10px;
	padding-top: 5px;
	list-style-type: decimal;
}
ul.anchormenu2 li
{
	list-style-type:  decimal;
	padding-right: 10px;
	clear: none;
	line-height: 1.3em;
}
ul.searchexamples li {
	list-style-type: none;
	font-weight: bold;
}
ul.search li {
	list-style-type: none;
}

ol.tiplist h4 { display: inline; margin-top: 0px; padding-top: 0px; }
hr.searchdivider {
	border: 0px solid white;
	height: 2px;
	background: #AFAFAF;
}
/*----------------------------------------------------------------------------*/
/*------------------Styles for Participation Guideline page-------------------*/

ul.participation li{

	margin-left: 35px;
	list-style-type: none;

}
p.participation{
margin-left: 70px;
}

ol.roman {
list-style-type:upper-roman;
}

/*----------------------------------------------------------------------------*/
/*----------------------Splash Page Styles------------------------------------*/


body#splash {
	background-color: #AFAFAF;
	height: 100%;
	line-height: 1.9em;
}
#mission {
	color: #919693;
	font-size: 1.2em;
	font-style: italic;
	line-height: 125%;
	padding: 5% 0%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
#statement {
	background-color: #FFFDED;
	color: #919693;
	font-size: .85em; 
	font-style: italic;
	font-weight: bold;
	display: block;
	text-align: center;
	margin: 0px 0px 0px 0px;
	clear: both;
}
/* .link a, .link a:visited, .link a:hover {
	border-left: 5px solid #919693;
	color: #919693;
	display: block;
	font-size: 1.0em;
	font-weight: bold;
	padding: 3px;
	margin: 15px 0px;
	text-decoration: none;
}
*/
.link a, .link a:visited, .link a:hover {
	border-left: 2px solid #CCCCCC;
	color: #919693;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 0px 10px;
	margin: 10px 0px 0px 0px;
	text-decoration: none;  
}	
.link a:hover {
	border-left-color: #D6CEA3;
}
#middle {
	background-color: #FFFDED;
	border-top: 55px solid #AFAFAF;
	margin-bottom: 0px;
	text-align: center;
	width: 100%;
	height: 65%;
}
#wrap {
	background-color: #FFFDED;
	padding: 5% 0% 2% 0%;
}
#left {
	float: left;
	text-align: center;
	width: 60%;
}
#splashlogo {
	padding: 5% 0% 0% 0%;
	text-align: center;
}
#right {
	margin-left: 60%;
	padding: 3% 0% 5% 0%;
	text-align: left;
}


/***** Splash Page Footer Styles *****/
#homefooter a {
	color: #666666;	
	text-decoration: none;	
}
#homefooter a:hover {
	text-decoration: underline;
}
#homefooter {
	clear: left;
	background-color: #AFAFAF;
	font-size: .75em;	
	line-height: 150%;
	padding-top: 25px;
	text-align: center;
	width: 100%;	
}

/***Publisher Info table ***/
table.pubsummary td {
border: #999999 solid 1px;
font-family: Verdana, Helvetica, Arial, sans-serif;
padding: .25em; 
border-spacing: 0px;
text-align:center;
border-collapse:collapse;
}

table.pubsummary th {
border: #999999 solid 1px;
font-family: Verdana, Helvetica, Arial, sans-serif;
padding: .25em; 
border-spacing: 0px;
text-align:center;
border-collapse:collapse;
}

 table.pubsummary {border-collapse:collapse;}
 
/*----------------------------------------------------------------------------*/ 
/*---------------------------Site Counter-------------------------------------*/

#counter {text-align: left; float: left; margin: 0px 0px 10px 10px; font-family: Verdana, Helvetica, Arial, sans-serif;}

#counter p.top {text-align: left; color: #323335; font-size: 1em; margin: 0px; padding: 0px; width: 190px;}

#counter p.bottom {line-height: 10px; float: none; text-align: left; font-size: .85em; margin: 0px 0px 10px 0px; padding: 0px;}

#counterNumber {float: left; width: inherit; padding: 0px 10px; font-size: 1.33em; font-weight: bold; letter-spacing: 2px; line-height: 30px; border-top: 1px #d2d2d3 solid; border-bottom: 1px #d2d2d3 solid; background: #e9e5c9; color: #666666;}

/*----------------------------------------------------------------------------*/
/*-------------------------Trigger Event Styles-------------------------------*/

 
/* td#content li {list-style: none;} Takes out bullets on pages*/
 
 #breadCrumbs, #breadCrumbs a {font-size: 10px;}
 
 ul#citationList {list-style: none; padding: 0px; margin: 0px;}
 
 li.citeTitle {font-weight: bold;}

#errorMessage {border-top: 1px solid #336666; border-bottom: 1px solid #336666; background-color:#CCCCCC; padding: 0px 10px; margin: 15px 0px;}

ul.listLeft {margin:10px 0px; padding: 0px; list-style:none;}

ul.listLeft li {list-style: none;}

.headerFloated {float: left; margin: 1em 0; width: 100%;}

.headerFloated h1 {padding-right: .5em;	display: inline;}

.headerFloated a {font-size: 1em; display: inline;}

#advancedSearch {width: 475px;}

#advancedSearch label{font-weight: bold;}

.errorText {font-weight: bold; color:#FF0000;}

#loginContainer {margin: 25px 0 0 0;}

#loginContainer h2 {color: #919693; margin: 0 0 10px 0;}

.loginLink {border-left: 2px solid #919693;	color: #919693;	display: block;	margin: 0 0 20px 0;}

.loginLink a, .loginLink a:visited { font-size: 1em; font-weight: bold; text-decoration: none; color: #919693; margin: 10px 0 0 10px;}

.loginLink p {font-size: 1em; color: #919693; margin: 0 0 0 10px;}

/*----------------------------------------------------------------------------*/
/*----------------Trigger Event Styles -- Splash Page-------------------------*/ 
 
body.home #wrapper {width: 100%; height: 819px;   line-height: normal;}

body.home #mainContent {width: 1024px; margin: auto; height: 819px;background-image: url("images/portico_background.gif"); background-repeat: no-repeat; line-height: normal;}

body.home #mainNav {line-height: normal; width: 285px; float: left; margin: 190px 0px 0px 30px; font: Verdana, Arial, Helvetica, sans-serif; line-height: normal;}

body.home #mainNav ul li a {line-height: normal; list-style: none; text-decoration: none; font: Verdana, Arial, Helvetica, sans-serif; color:#666;}

body.home #mainNav ul li a:hover {line-height: normal; text-decoration: underline; font: Verdana, Arial, Helvetica, sans-serif;}

body.home #mainNav ul li.bullet {line-height: normal; list-style-image: url("images/bullet2.gif"); font-size: 1.5em; padding: 0px 0px 0px 5px; margin-top: 20px; font: Verdana, Arial, Helvetica, sans-serif;}

body.home #mainNav ul li.noBullet {line-height: normal; list-style: none; padding: 5px 0px 0px 20px; font-size: .95em; font: Verdana, Arial, Helvetica, sans-serif;}

body.home #login {width: 300px; float: left; margin: 398px 0px 0px 0px; font: Verdana, Arial, Helvetica, sans-serif; line-height: normal;}

body.home #login ul {float: left; list-style: none; width: 310px; text-decoration: none; font: Verdana, Arial, Helvetica, sans-serif; line-height: normal; margin: 0 0 0 10px;}

body.home #login a {list-style: none; text-decoration: none; font: Verdana, Arial, Helvetica, sans-serif; line-height: normal;}

body.home #login ul li {font-size: 1.5em; line-height: 18px; padding: 4px 0px 0px; margin: 0 0 20px 0; font: Verdana, Arial, Helvetica, sans-serif;}

body.home #login ul li span.smaller {font-size: .75em; text-decoration:none;}

body.home #login ul li a {color:#999; font: Verdana, Arial, Helvetica, sans-serif;}

body.home #login ul li a:hover {text-decoration: underline; font: Verdana, Arial, Helvetica, sans-serif;}

body.home #stats {width: 295px; float: left; color:#999; list-style:none; margin: 180px 0px 5px 15px; padding: 0px 0px 0px 30px;}

body.home #stats ul {float: left; list-style: none; margin: 0px; padding: 10px 0px 0px 0px;}

body.home #stats ul a, body.home #stats ul li a {color:#999; text-decoration: none;}

body.home #stats ul li {margin: 0px 0px 25px 0px;  line-height: 1em;}

body.home #stats ul li span.number {color: #b3b2a3;font-size: 2.9em; line-height: 1.2em;}

body.home #stats ul li span.description {color: #666; font-size: 1.2em; line-height: 8px; text-decoration: none;  margin: 0 0 0 10px;}

body.home #stats ul li span.descriptionLessMargin {color: #666; font-size: 1.2em; line-height: 8px; text-decoration: none;  margin: 0px;}

body.home #stats ul li span.descriptionText {color: #666; font-size: 1.2em; line-height: 8px; text-decoration: none;  margin: 0px;}

body.home #stats ul li a:hover span.description {text-decoration: underline;}

body.home #stats ul li a:hover span.descriptionLessMargin {text-decoration: underline;}

body.home #footer {width: 1024px; float: left; position: relative; top: 9px; font:Arial, Helvetica, sans-serif; line-height: normal;}

body.home #footer a {color: #666; font:Arial, Helvetica, sans-serif; line-height: normal;}

body.home #footer p {width: 750px; margin: auto; text-align: center; font-size: .75em; font:Arial, Helvetica, sans-serif; color:#666; line-height: normal; padding: 10px;}

body.home #announcement {width:100%; min-height:35px; margin: 0px; background-color: #CCCCCC; text-align: center; color: #000; 
font-weight: bold; }

/*----------------------------------------------------------------------------*/
/*---------------------Publisher Info tables----------------------------------*/ 

div#publisherTitles table tbody tr td table td, 
div#publisherTitles table tbody tr td table th, table.pubSummaryStyle th, table.pubSummaryStyle td  {border-bottom:1px solid #B7B387; border-right:1px solid #B7B387; padding:0.25em 0.8em;}

div#publisherTitles table tbody tr td table th, table.pubSummaryStyle th {background:#F4F2E7 none repeat scroll 0% 0%; font-size:1em; text-align:left; vertical-align:top;}

div#publisherTitles table tbody tr td table, div.pubSummaryStyle table {border-collapse:collapse; border-left:1px solid #B7B387; border-top:1px solid #B7B387; clear:left; margin:1em 0pt;}

table.triggerTable {table-layout: fixed; width: 875px; border:1px solid #B7B387; margin:1em .25em; border-collapse:collapse; clear:both;}

table.triggerTable td {border-bottom:1px solid #B7B387; border-right:1px solid #B7B387; padding:0.25em 0.8em;}

table.triggerTable thead th {border-top: 1px solid #a39d68; border-bottom: 1px solid #a39d68; border-right: 1px solid #a39d68; background: #f4f2e7; padding: 4px; font-weight: bold; text-align: center; font-size: 1em; vertical-align: bottom;}

table.triggerTable th.titleCol, table.triggerTable td.titleCol {width: 14%;}

table.triggerTable th.triggerCol {width: 9%;}

table.triggerTable th.issnCol {width: 10%;}

table.triggerTable th.publisherCol {width: 11%;}

table.triggerTable th.holdingsCol {width: 15%;}

table.triggerTable th.pubDateCol {width: 11%;}

table.triggerTable th.urlCol {width: 30%;}

th.popoutMessage {min-width: 70px;} /* Keeps th wide enough so popoutMessage img doesn't wrap */
 
.callOutBox {width: 310px;  padding: 5px 15px; margin: 10px 10px 100px 10px; border: 1px solid #ece9d8; float: right; clear: right;}
	
	.callOutBox p {line-height: 1.33em;}
	
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}

.clearfix {display: inline-block;} /*==IE6 CSS also==*/ 

label.labelBold {font-weight: bold; font-size: 1.1em; margin: 5px 0 5px 0;}

#hintbox
{position:absolute;top:0;background-color:#ffffe0;width:300px;padding:3px;border:1px solid #000;font:normal 11px Verdana;line-height:18px;z-index:100;border-right:3px solid #000;border-bottom:3px solid #000;visibility:hidden;}

/*----------------------Trigger Announcement Table-----------------*/

table.triggerAnnouncement {table-layout: fixed; width: 600px; border:1px solid #B7B387; margin:1em .25em; border-collapse:collapse; clear:both;}

table.triggerAnnouncement td {border-bottom:1px solid #B7B387; border-right:1px solid #B7B387; padding:0.25em 0.8em;}

table.triggerAnnouncement thead th {border-top: 1px solid #a39d68; border-bottom: 1px solid #a39d68; border-right: 1px solid #a39d68; background: #f4f2e7; padding: 4px; font-weight: bold; text-align: center; font-size: 1em; vertical-align: bottom;}

table.triggerAnnouncement th.titleAnnounceCol {width: 30%;}

table.triggerAnnoucnement th.titleDetailsCol {width: 70%;}

/*---------------------Contact Page--------------------------------*/

h2.contact{
	margin: 0px;
	padding: 0px;
}
.callOutBoxContact { 
    width: 275px; 
	border: none; 
	float: right; 
	clear: right;
	margin-left: 50px;
}

.callOutBoxContact p {line-height: 1.33em;}

hr.contact {
	color: #cccccc;
	size: 1px;
}
hr.contact-top {
	color: #cccccc;
	size: 1px;
	padding-top: 0px;
	margin-top: 0px;
}

/*---------------------Forms----------------------------------*/ 

#formContainer {
	padding-bottom:5px;
	margin:0;
	/*border-top: 1px solid #f0eddf;*/

}

#formContainer .form_title {

margin-bottom:3px;
margin-right:30px;
color:#666666;
background:#E9E5C9;
width:65%;
padding:0.1em 0.5em 0.1em 0.5em;
border: 1px solid #ccc;

}

formContainer-feedback {

}

#formContainer-feedback p {
margin:0.2em 0 0.2em 0;
padding:0;
font-size:11px;
}


#formContainer-feedback h1 {

font-size:1.3em;
margin:0;
padding:0;
}


#formContainer-feedback .form_title-popup {

margin-bottom:3px;
margin-left:10px;
color:#666666;
background:#E9E5C9;
width:90%;
padding:0.1em 0.5em 0.1em 0.5em;
border: 1px solid #ccc;

}


#formContainer-opt {
	padding-bottom:5px;
	margin:0;
	/*border-top: 1px solid #f0eddf;*/

}


#formContainer-contact {
	padding-bottom:5px;
}


#formContainer p {
margin:0.2em 0 0.2em 0;
padding:0;
font-size:11px;
}

#formContainer-opt p {
margin:0.2em 0 0.2em 0;
padding:0;
font-size:11px;
}

#formContainer-contact p {
margin:0.2em 0 0.2em 0;
padding:0;

}


#formContainer h1 {
margin:0;
padding:0;
font-size:1.3em;

}


#formContainer-opt h1 {
margin-bottom:3px;
color:#666666;
background:#E9E5C9;
width:50%;
padding:0.1em 0.5em 0.1em 0.25em;
border: 1px solid #ccc;
font-size:1.3em;

}


#formContainer h2 {
padding-right:5px;
margin:-8px 0 4px 0;
color:#333;
border-bottom:3px solid #ccc;
width:230px;

}

#formContainer-contact h2 {
padding:0;
margin:-8px 0 4px 0;
color:#333;
border-bottom:3px solid #ccc;
width:230px;

}
#formFeedback {
	/*margin-right:30px;*/
	width:90%;
	background:#F0EDDF;
	border:1px solid #ccc;
	padding-left:0.5em;
	padding-right:0.5em;
	margin-left:10px;
}



#formFeedback-opt {
	float:left;
	margin-right:30px;
	width:50%;
	background:#F0EDDF;
	border:1px solid #ccc;
	padding-left:0.5em;
	padding-right:0.5em;
}

#formFeedback-left {
	float:left;
	margin-right:30px;
	width:65%;
	background:#F0EDDF;
	border:1px solid #ccc;
	padding-left:0.5em;
	padding-right:0.5em;
}
#oa_formFeedback-left {
	float:left;
	margin-right:30px;
	width:95%;
	background:#F0EDDF;
	border:1px solid #ccc;
	padding-left:0.5em;
	padding-right:0.5em;
}
.oa_lookup_table {
	border-bottom:1px solid #B7B387; border-right:1px solid #B7B387; padding:0.25em 0.8em; width: 100%;
	background:#ffffff none repeat scroll 0% 0%; font-size:1em; text-align:left; vertical-align:top;
	border-collapse:collapse; border-left:1px solid #B7B387; border-top:1px solid #B7B387; clear:left; margin:1em 0pt;
}
.headerAlignment {
        background-color: #F4F2E7;
	text-align: left;
}
.title_h {
	text-align: left;
	width: 40%;
}
.publisher_h {
        text-align: left;
        width: 35%;
}
.issn_h {
        text-align: left;
        width: 10%;
}
.eissn_h {
        text-align: left;
        width: 10%;
}
.select_h {
        text-align: left;
        width: 5%;
}

#formFeedback-right {
	float:left;
	width:20%;
	margin-top:-31px;

}

#formFeedback-contact {
	float:left;
	margin-right:30px;
	width:65%;
	/*padding-left:0.5em;
	padding-right:0.5em;*/
}

#formFeedback-contact p {
 margin-top:0;

}

#layoutContainter {


}

.confirm_msg {

border-top:3px solid #ccc;
border-bottom:1px solid #ccc;
background:#F0EDDF;
padding:1em 0.5em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
float:left;
width:65%;
height:100px;
}


.confirm_msg_popup {

background:#F0EDDF;
/*padding:0.2em 0.5em;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
float:left;
width:410px;
height:150px;
padding:0.8em;
}


.confirm_msg_popup p {

margin:0;
padding:0;

}

#close {
	text-align: right;
	margin:0px 3px 2px 0px;
	padding:0;
	
}

#sidemenu-right {
	float:right;
	width:25%;

}

#sidemenu-right h2 {
padding-right:5px;
margin:-8px 0 4px 0;
color:#333;
border-bottom:3px solid #ccc;
width:230px;

}


#sidemenu-right p {
margin:0.2em 0 0.2em 0;
padding:0;
font-size:11px;

}


.otherContact-info {

font-size:11px;
padding:2px 5px;
margin-bottom:5px;
border-bottom:3px solid #CCCCCC;
width:230px;
}

.required {
 color:#990000;
 font-weight:bold;
}

form
{
	margin:0;
	padding:0;
}

label {

font-weight:bold;
font-size:11px;
margin-left: 0.3em;
}

label.generic {
font-weight:normal;
padding:0;
margin-right:12px;

}

input {

margin-left: 0.2em;
padding:2px;
color:#333;


}

select {
border: solid 1px #ccc;
margin-left:0.2em;
padding:2px;
}


input.textbox {
border: solid 1px #ccc;

}


input.error {
border: 2px solid #990000;

}

select.error {
border: 2px solid #990000;

}


textarea {
border:1px solid #ccc;
padding:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:80%;
height:120px;
margin-left:0.2em;
}



form ol {

list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;

}


form ol li {

margin:0.3em 0 0.7em 0.5em;
padding:0;
}

.submit {
border:  1px outset #ccc;
background:#e9e5c9;
padding:0.2em;
font-size:11px;
font-weight:bold;
}


#form_note    {

border: 1px solid #ece9d8;
padding:8px;
width:230px;
}


#form_note p {
 font-size:12px;
 
}


#form_note h2 {
color:#333;
border:0;

}

.error_note {
 width:65%;
 background:#990000;
 padding-left:6px;
 color:#fff;
 margin:2px 0 0 3px;
 font-size:11px;
 }

.clrboth {

clear:both;

}