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

html{
height: auto;
}

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

a{
color: blue;
outline: none;
}

/*a:visited { color: purple }    visited link */

a:active{
outline: none;
}
/*
input{
vertical-align: middle;
}

input[type=text]{
vertical-align: baseline;
}
*/
#PsycNETLogo{
background: transparent url(../images/psycnet-anchor.gif) 0 0 no-repeat;
//background-position:0px 5px;
width: 200px;
height: 50px;
text-indent: -99999px;
}

#PsycNETLogo a{
display: block;
width: 200px;
height: 50px;
}

#EntityLogo{
width: 250px;
height: 50px;
//margin:5px 0px 0px 0px;
}

#RegisteredUserLogin{
float:right;
font-size: 12pt;
margin-bottom: -10px;
margin-right: 25px;
margin-top: 15px;
}



#CPAEntityLogo{
	display:block;
	float:left;
}

form{
padding: 0;
margin: 0;
}

#ContentZone {
margin: 0 auto;
min-width: 780px;
width: 780px;  
height: 100%;
/* 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;

}

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



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

.FormZone{
width: 658px;
/*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: 5px 0 0 0;
padding: 0;
font-size: 8pt;
}

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

}

#Login img{
vertical-align:middle;
}


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

}

#AdminTool{
/*margin: 10px 0 0 0;*/
padding: 0;
font-size: 8pt;
/*text-align:center;
float:left;*/
}

#AdminTool a{
margin-left: 17.25em;
margin-right: .5em;
}

/*	HelpBar	*/
#HelpBar{
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		8pt;
	padding: 		0;
	margin: 		0;
	text-align:		right;
	height:			26px;
	float:right;
}
#HelpBar li{
	display: 		block;
	padding: 		0 0 0 7px;
	height:			26px;
	float:left;
	line-height:26px;
}
#HelpBar li a {
	height:			26px;
}

#HelpBar li.LastItem{
	border-right: 	0px;
}
#hBarShoppingCart {
	display: 		block;
	/*float:			right;*/
	height:			26px;
	background: 	transparent url(../images/cart-black.gif) no-repeat center left;
}
#hBarShoppingCart a{
	/*
	display:		block;
	*/
	padding: 		0 0 0 25px; 
	font-weight: 	bold; 
	color:			black; 
	text-decoration:none; 
}

#pnavSearch   {left: 0;     width: 198px;}
#pnavBrowse   {left: 199px; width: 177px;}
#pnavSubjects {left: 376px; width: 191px;}
#pnavMyPsycNET{left: 566px; width: 215px;}

#pnavSearch.active    {background: transparent url(../images/topnav.gif) 0 -34px no-repeat;}
#pnavBrowse.active    {background: transparent url(../images/topnav.gif) -199px -34px no-repeat;}
#pnavSubjects.active  {background: transparent url(../images/topnav.gif) -376px -34px no-repeat;}
#pnavMyPsycNET.active {background: transparent url(../images/topnav.gif) -566px -34px no-repeat;}

#pnavSearchScan   {left: 110px;     width: 189px;}
#pnavSubjectsScan  {left: 300px; width: 190px;}
#pnavMyPsycNETScan  {left: 491px; width: 176px;}

#pnavSearchScan.active    {background: transparent url(../images/topnav-PsycSCAN.gif) -110px -34px no-repeat;}
#pnavSubjectsScan.active    {background: transparent url(../images/topnav-PsycSCAN.gif) -300px -34px no-repeat;}
#pnavMyPsycNETScan.active  {background: transparent url(../images/topnav-PsycSCAN.gif) -491px -34px no-repeat;}

#socialMediaFollows{
	display: block; 
	float: right; 
	margin:0;
	padding:5px 0 0 10px;
}


#Utilities{
display: block;
text-align:right;
float: right;
height: 25px;
position: relative;
clear: both;
}

#Login,#LoginWithCPABranding{
display: block;
text-align:right;
float: right;
position: relative;
font-size: 8pt;
clear:right;
}

#LoginWithCPABranding{
width:145px;
margin-top:5px;
}

#PrimaryNavigation, #PrimaryNavigationScan {
width: 780px;
height: 34px;
margin: 0; 
padding: 0;
position: relative;
text-indent: -99999px;
clear:both;
}

#PrimaryNavigation{	
background: url(../images/topnav.gif);
}

#PrimaryNavigationScan{
background: url(../images/topnav-PsycSCAN.gif);	
}

#PrimaryNavigation li, #PrimaryNavigationScan li{
margin: 0; 
padding: 0; 
list-style: none; 
position: absolute; 
top: 0;
}

#PrimaryNavigation li, #PrimaryNavigation a, #PrimaryNavigationScan li, #PrimaryNavigationScan a  {
height: 34px; 
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;
}

#SearchNavigation, #SearchNavigationScan{
width: 780px;
height: 27px;
margin: 0;
padding: 0;
position: relative;
text-indent: -99999px;
display:block;
clear: both;
}

#SearchNavigation{
background: transparent url(../images/searchnav.gif) no-repeat;	
}

#SearchNavigationScan{
background: transparent url(../images/PsycSCAN-searchnav.gif) no-repeat;	
}

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

#SearchNavigation li, #SearchNavigation a,#SearchNavigationScan li, #SearchNavigationScan a {
height: 27px; 
display: block;
}

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

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

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

#snavEasySearchScan  		{left: 0;     width: 129px;}
#snavAdvancedSearchScan {left: 129px; width: 139px;}
#snavCitationFinderScan {left: 268px; width: 126px;}
#snavRecentSearchesScan {left: 394px; width: 143px;}
#snavMyListScan			{left: 534px; width: 138px;}

#snavEasySearch.active     {background: transparent url(../images/searchnav.gif)      0 -29px no-repeat;}
#snavAdvancedSearch.active {background: transparent url(../images/searchnav.gif) -127px -29px no-repeat;}
#snavCitationFinder.active {background: transparent url(../images/searchnav.gif) -268px -29px no-repeat;}
#snavCitedRefs.active      {background: transparent url(../images/searchnav.gif) -394px -29px no-repeat;}
#snavRecentSearches.active {background: transparent url(../images/searchnav.gif) -534px -29px no-repeat;}
#snavMyList.active         {background: transparent url(../images/searchnav.gif) -672px -29px no-repeat;}

#snavEasySearchScan.active     {background: transparent url(../images/PsycSCAN-searchnav.gif)      0 -29px no-repeat;}
#snavAdvancedSearchScan.active {background: transparent url(../images/PsycSCAN-searchnav.gif) -129px -29px no-repeat;}
#snavCitationFinderScan.active {background: transparent url(../images/PsycSCAN-searchnav.gif) -268px -29px no-repeat;}
#snavRecentSearchesScan.active      {background: transparent url(../images/PsycSCAN-searchnav.gif) -394px -29px no-repeat;}
#snavMyListScan.active {background: transparent url(../images/PsycSCAN-searchnav.gif) -538px -29px no-repeat;}

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

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

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

.floatLT {
	float:left;
}

.floatRT {
	float:right;
}

.clearBoth{
	clear:both;
}

.clearfloat:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfloat {
	display: inline-block;
}

.visible{
visibility: visible;
}

.invisible{
visibility: hidden;
}

/* CF debugging classes */

.cfdebug {
clear: both;
text-align: left;
}

.struct{
text-align: left;
}

.cfdump_struct{
clear: both;
margin: 10px;
}

.ajaxLoading{
margin: 5px;
padding-left: 20px;
background: url(../images/reloading.gif) no-repeat 0px 50%;
text-indent: 0;
font-style:italic;
font-size: 8pt;
}

.ajaxLoadingNew{
display:inline;
padding-left: 100px;
margin: 0px 0px 0px 80px ;
background: url(../images/reloading.gif) no-repeat top 50%;
text-indent: 0px;
font-style:italic;
font-size: 8pt;
}

/* OnRequestEnd Dumps.  These show up AFTER the body and html tags close, so we have to tweak it up a little */
#oreDumps{
display:block;
float:left;
clear:both;
}

.CriticalAlert{
display:block;
background-color: #AA0000;
color: white;
border: 1px solid black;
padding: 5px;
}

/**************  Progress Indicator *****************/
#ProgressIndicator .ProgressIndicatorBox{
	position:relative;
	z-index : 999; /*hack for IE - don't ask me, it works :) */
}

#ProgressIndicator div.popup{	
	position:absolute;
	z-index : 999;	
	top:15px;
	left:200px;
	border-top: 1px solid #CCC;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-left: 1px solid #CCC;
	width:250px;
	margin:0;
	padding:5px 10px 10px 10px;
	background-color:#FFFFCC;
	opacity:.90;
	filter:alpha(opacity=90);  /*for IE */
	
}

#ProgressIndicator div.popup .desc{
	margin:0em 0 0em 0;
	padding:0;	
	font-size: 16pt;
	font-style:italic;
	text-align:center;	
}

#maintenanceMsg{
clear:both;
display:block;
color:#FF0000;
padding:.5em;
}

#bcLimitedMsg,#bcLimitedMsgESF{
clear:both;
display:block;
}

#bcLimitedMsgSR{
float:left;
}

#bcLimitedMsg,#bcLimitedMsgSR,#bcLimitedMsgESF{
color:#FF0000;
}

#bcLimitedMsg,#bcLimitedMsgSR{
padding:.5em;
}

#bcLimitedMsgESF{
padding:.5em 0;
}

.hilite{
background-color: yellow;
}

a span.hilite{
text-decoration: inherit;
}

/*** Paging navigation for references ***/
.srhreferenceStatus{
display:block;
clear:both;
}


#citedCount{
border-bottom: 1px solid #B8CECB;
padding: 1em;
margin:0;
}

#citedCount dt{
padding:0;
margin:0;
display:block;
font-weight:bold;
}

#citedCount dd{
padding:0;
margin:0;
display:block;
text-indent: 0;
}

.srhReferenceNavigation{
display:block;
float:right;

}


#rdRefNav{
	display:block;
	float:right;
}

#rdRefNavOptions{
margin:2em 2em 1em 0;
padding:0;
}

#rdRefNavOptions li{
display:inline;
padding: 0 5px;
list-style-type:none;
}

#rdRefNavOptions li a{
text-decoration: none;
font-weight: bold;
color: #009966;
}

#rdRefNavOptions li img{
border: none;
margin: 0;
padding: 0 5px;
vertical-align:middle;
}

#rdRefNavOptions li.bld{
font-weight: bold;
}

#citedCount{
margin:0;
padding:0;
}

#citedCount li{
display:inline;
padding:0 5px;
}

#citedCount li.citedBld{
font-weight:bold;
}

#footer{
padding-top: 1em;
font-size: 8pt;
clear: both;
}

.paJournalHistoryList li{
list-style-type: disc;
}

.paJournalHistoryLink img{
padding: 0;
margin: 0;
border: none;
}

.paJournalHistoryTitle{
font-size: 10pt;
font-weight: bold;
margin: 0 0 0 1em;
padding: 0;
}

#usageStatement,#confirmationStatement{
padding: 15px;
font-size: 12px;
}

#pnFooterBlueBar{
clear:both;
color: #039;
display: block;
padding: 0 0 0 10px;
margin: 0 0 0 0;
height:25px;
background: transparent url(../images/landing-topbluebar.jpg) repeat-x;
}

#pnBlueFooter{
margin:0;
padding:5px 0 0 0;
}

#pnBlueFooter li{
display:inline;
padding:10px 0 0 20px;
font-size: 8pt;
color:#FFFFFF;
}

#pnBlueFooter li.year{
padding-right:50px;
}

#pnBlueFooter li a{
color:#FFFFFF;
}

#pnExpiredAccount{
margin:1em 1em 6em 1em;	
}

#subscriptionExpirationMessage{
text-align:left;
font-size: 12px;
}

#subscriptionExpirationMessageHeader{
color: #A00;
font-weight: bold;
}

#subscriptionExpirationMessageGeneralContent{
font-weight: bold;	
}

#subscriptionExpirationMessageGeneralContent strong{
color: #A00;	
}

#subscriptionExpirationMessage div{
margin-bottom: 1em;
}

.nullLabel {
	position: 	absolute;
	left: 		-999999px;
	display:	none;
	visibility:	hidden;
}

.alertLink {
font-weight:bold;
color: #C30;
font-size: 8pt;
}

#alertLinkContainer {
text-align: right; 
font-size:7pt; 
margin-right: 3px;
}

.suboption{
padding-left: 2em;
}

.highlight { 
background-color: yellow; 
margin:0 !important;
}

a span.highlight { 
text-decoration:underline;
}

/* used for In your cart links */
.inYourCart{
	font-weight:	bold;
	color:			#AA0000;
}


.noBorder{
border:none !important;
}

.dbPopupDescription{
	cursor: help;
}

.dbToolTip {
	margin:0 0 0 10px;
}

.dbToolTip-title{
	font-size:.85em;
	background-color:#003399;
	color: #003399;
}

.dbToolTip-title a{
	color: #003399;
	text-decoration:none;
}

.dbToolTip .qtip-button {
	color:#003399;
	font-weight:bold;
}

.dbToolTip-content{
	margin:3px 5px 5px 5px;
	font-size:.8em;
	font-weight:normal;	
}

.correctedTerm{
	font-weight:bold;
	font-style:italic;
	font-size:14px;
}

/*-----------------------Terms and Conditions------------------*/
.cnt_termsAndCondtns{ 
	width:750px; 
	float:left; 
	padding-left:8px; 
	//margin-bottom:10px;
	font-size:10pt;
	margin-top:10px;
	margin-left:10px;
	text-align:justify;
 }
.cnt_termsAndCondtns ul{
	list-style:square;
	color:#F76500;
}
.cnt_termsAndCondtns span{ 
	color:black;
 }
 
 #rdPageHeader{ 
	 font-size:12pt;
	 color: #0066CC;
	 margin-bottom:10px;
	 font-weight:bold; 
	 margin-left:200px;
	 font-size:13pt;
 }
 .rdSubHeader {
 	color:#333333;
 	display:block;
 	font-weight:bold;
 	padding:0.5em 0;
 }
  .blackText{
  	 color:black
   }


#socialAndLogin {
	/*
	display: block; 
	float: right; 
	width:285px; 
	margin:0px 0px 0px 0px; 
	padding:0px 0px 15px 0px;
	*/
	background-color:pink;
}
 
 
#authenticateMobileLink{
margin: 10px 0 0 0 ;
padding: 0;
display: block;
text-align:right;
font-size: 8pt;
float:right;
clear:right;
}

#authenticateMobilePopupForm ul{
	margin:1em;
	padding:0;
	list-style:none;
	clear:both;
}
 
#authenticateMobilePopupForm ul li{
 	float:left;
	margin-right:25px;
}

.TrendingPopupForm {
 	min-width:12px;
    overflow:auto;
}
 
.authMobileHeader{
	background-color:#6998FF;
	color:#FFFFFF;
	font-weight:bold;
	width:340px;
	padding:5px;
	margin-top:10px;
}

.qtip-button {
	color:#FFFFFF;
	font-weight:bold;
}

.btnAuthenticateMobile{
border:1px solid #ad3708; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;font-family:arial, helvetica, sans-serif; padding: 7px 7px 7px 7px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #E2480B;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E2480B), color-stop(100%, #F92D0C));
 background-image: -webkit-linear-gradient(top, #E2480B, #F92D0C);
 background-image: -moz-linear-gradient(top, #E2480B, #F92D0C);
 background-image: -ms-linear-gradient(top, #E2480B, #F92D0C);
 background-image: -o-linear-gradient(top, #E2480B, #F92D0C);
 background-image: linear-gradient(top, #E2480B, #F92D0C);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E2480B, endColorstr=#F92D0C);
}

.btnAuthenticateMobile:hover{
 border:1px solid #812906; background-color: #F92D0C;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F92D0C), color-stop(100%, #F92D0C));
 background-image: -webkit-linear-gradient(top, #F92D0C, #F92D0C);
 background-image: -moz-linear-gradient(top, #F92D0C, #F92D0C);
 background-image: -ms-linear-gradient(top, #F92D0C, #F92D0C);
 background-image: -o-linear-gradient(top, #F92D0C, #F92D0C);
 background-image: linear-gradient(top, #F92D0C, #F92D0C);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F92D0C, endColorstr=#F92D0C);
}

.requestFailed{
	margin-bottom: 6%;
        margin-top: 5%;
	text-align:center;
}

#ContentZoneApp {
margin: 0 auto;
min-width: 650px;
width: 650px;  
height: 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;
}

#CloseButton img {
height: 30px;
width: 30px;
margin-right: 10px;
margin-top: 10px;
}

#BrandingBarApp{
margin-top: 35px;
display: block;
float: none;
clear: both;
}

#BrandingBarApp a{
text-decoration: none;
}

.AppContentZone {
height: auto;
}

#AppLogo {
clear: both;
text-align: center;
margin-top: 50px;
}

#AppLogoImg {
width: 100px;
height: 100px;
}

#AppText {
margin-top: 35px;
margin-bottom: 10px;
font-size: 20px;
text-align: center;
}

#AppButton {
clear: both;
align: center;
margin-left: 25px;
margin-right: 25px;
margin-top: 20px;
margin-bottom: 35px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
border-radius: 3px;
font-size:12px;
font-family:arial, helvetica, sans-serif; 
padding: 10px 10px 10px 10px; 
text-decoration:none; 
display:inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold; 
color: #FFFFFF;
background-color: #1c77d9; 
}

#LogoHomeSearch {
margin-bottom: 10px;
}

#LogoHomeSearch img {
width: 150px;
height: 250px;
}

#LogoHome {
margin-right: 90px;
}

#downloadAppLinkActive {
display: inline;
float: left;
height: 55px;
}

#downloadAppLinkInactive {
clear: both;
}

#downloadAppLinkActive img {
border: none;
width: 258px;
height: 54px;
}

.surveyLinkOuter {
  position: absolute;
  z-index: 999;
  top: 75px;
  left: 170px;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  width: 440px;
  margin: 0;
  padding: 2px 5px;
  background-color: rgb(105, 152, 255);
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  border-radius: 15px;
  height: 279px;
}

div#surveryTitle {
  padding: 10px;
  background-color: rgb(105, 152, 255);
  /*border-radius: 15px;*/
  color: white;
}

div#surveryBody {
  background-color: white;
  padding-bottom: 10px;
  font-size: 14px;
}

div#surveyBodyText {
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}