/* COMMON ELEMENTS ********************************************************************************************************************** */

html{
}

body {
margin: 0;
padding: 0;
text-align:center;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
}

a{
color: blue;
}

input{
vertical-align: middle;
}

input[type=text]{
vertical-align: baseline;
}

form{
padding: 0;
margin: 0;
}

#ContentZone {
margin: 0 auto;
/* width: 59em; 
   - If we want to scale the width per font size, we'd do that here.  
   IE5 doesn't seem to implement min-width well, though. */
padding: 0;
text-align:left;
position: relative;
}

#BrandingBar{
display: block;
float: none;
clear: both;
/*height: 46px;*/
}

#BrandingBar img,fieldset{
border: none;
padding: 0;
margin: 0;
}



#BrandingBar h1,h2{
margin: 0;
padding: 0;
display: inline;
float: left;
}

.FormZone{
/*background: transparent url:(../images/formzone-border-right.gif) repeat-y;*/
background-image: url(../images/formzone-border-right.gif);
background-repeat: repeat-y;
background-position:right;
padding: 0;
margin: 0;
float: left; /* Used to force this containing element to surround its contents */
}

.FormZone select,input {
font-size: 8pt;
}

.FormZone.LastItem{
background-image: none;
}

#Login{
margin: 0;
padding: 0;
background-color: #EEE;
}

#Login form{
margin: 0;
padding: 0;
}

#Login img{
vertical-align:middle;
}

#Login input/*[type=text]*/{
font-size: 8px;
vertical-align: middle;
}


#HelpBar{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
padding: 0;
margin: 0;
text-align:right;
}

#HelpBar li{
display: inline;
padding: 0 3px 0 4px;
}

#HelpBar li.LastItem{
 border-right: 0px;
}

#pnavSearch   {left: 0;     width: 199px;}
#pnavBrowse   {left: 200px; width: 199px;}
#pnavSubjects {left: 400px; width: 199px;}
#pnavMyPsycNET{left: 600px; width: 180px;}

/*For printing, bold the active menu item*/
#pnavSearch.active,    
#pnavBrowse.active,  
#pnavSubjects.active, 
#pnavMyPsycNET.active{
font-weight:bold;
color:#0000CC;
}

#Utilities{
display: block;
text-align:right;
float: right;
}

/*show navigation text*/
#PrimaryNavigation {
display:block;
height: 34px;
margin: 0; 
padding: 0;
position: relative;
text-indent: 0px;
clear:both;
}

/*add a margin space on the top and bottom, this is different than the screen css*/
#PrimaryNavigation li{
margin: 10px 0; 
padding: 0; 
list-style: none; 
position: absolute; 
top: 0;
}

#PrimaryNavigation li, #PrimaryNavigation a {
height: 35px; 
display: block;
text-decoration:none;
}

#PrimaryNavigationShadow{
clear:both;
color: #039;
display: block;
padding: 0 0 5px 10px;
margin: 0 0 0 0;
height: 20px;
background: transparent url(../images/topnav-shadow.gif) repeat-x;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
}


#SearchDatabases div.Option input{
vertical-align:middle;
margin-bottom: 5px;
}

#SearchDatabases{
clear:both;
color: #039;
display: block;
padding: 0 0 10px 10px;
margin: 0 0 0 0;
height: 20px;
background: transparent url(../images/topnav-shadow.gif) repeat-x;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
}

#SearchDatabases ul{
display: block;
clear: both;
padding: 0;
margin: 10px 10px 10px 20px;
}

#SearchDatabases ul li{
display: block;
float: left;
width: 125px;
font-size: 8pt;
list-style: none;
text-indent: 0;
vertical-align: baseline;
margin: 0 75px 0 0;
padding: 0;
white-space:nowrap;
}

#SearchDatabases ul li img.WhatsThis{
display: inline;
float: right;
cursor: help;
border: none;
}

#SearchDatabases div.Option{
display: inline;
float: left;
}

/*
#SearchNavigation{
height: 28px;
background: transparent url(../images/searchnav.gif) no-repeat;
margin: 0;
padding: 0;
position: relative;
text-indent: -99999px;
clear: both;
}
*/

#SearchNavigation{
height: 28px;
margin: 0;
padding: 0;
position: relative;
text-indent: 0px;
clear: both;
}

#SearchNavigation li {
margin: 10px 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

#SearchNavigation li, #SearchNavigation a {
height: 28px; 
display: block;
text-decoration:none;
}

.ShowHideToggle{
	font-size: 		8pt;
	position:		absolute;
	left: 			200px;
	width: 			4.5em;
	background: 	transparent url(../images/icon-hide.gif) no-repeat right center;
	padding: 		0;
	margin: 		0;
	padding-right:	5px;
}

a.ShowHideToggle{
color: black;
text-decoration: none;
font-weight: bold;
}

#snavEasySearch     {left: 0;     width: 127px;}
#snavAdvancedSearch {left: 127px; width: 141px;}
#snavCitationFinder {left: 268px; width: 126px;}
#snavCitedRefs      {left: 394px; width: 140px;}
#snavRecentSearches {left: 534px; width: 138px;}
#snavMyList         {left: 672px; width: 108px;}

/*For printing, bold the active menu item*/
#snavEasySearch.active,    
#snavAdvancedSearch.active,  
#snavCitationFinder.active, 
#snavCitedRefs.active,
#snavRecentSearches.active,
#snavMyList.active{
font-weight:bold;
color:#0000CC;
}

#SkipNavigation{
position:absolute;
left: -999999px;
}

.TabContent{
border-top: 7px solid;
border-left: 5px solid; 
border-right: 5px solid;
border-bottom: none;
}

.StretchContainer{
clear:both;
visibility:hidden;
}

.visible{
visibility: visible;
}

.invisible{
visibility: hidden;
}