/* 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

			Journal Watch user pages presentation layer

			Created: 	8.20.07
			
			notes:	-> This is the css for Sign in pages
			edited 2/09 ajp for athens sign in
			edited 6/09 ajp for new redesign rectangle ad sign in
			edited 4/10 for bug fix
								
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/




/*--------------------------
CONTENT AREA CONTAINERS
--------------------------*/

div#footerContent {
background:transparent url(../images/bg_form_content_border_bottom.gif) no-repeat scroll center top;
clear:left;
}


div.contentHold {
background:transparent url(../images/bg_form_content_border_sides.gif) repeat-y scroll 0%;
float:left;
width: 980px;
}


div#primaryContent {
background:#cadda6 url(../images/signInSectionTitleBot.gif) no-repeat scroll left bottom;
clear:left;
float:left;
margin:0 20px -10px 10px;
*margin:0 20px 0px 5px;  /*ie7 rounded corner on bottom of box hack, has odd padding under but is better*/
_margin:0 20px -10px 5px;
padding-bottom:10px;
*padding-bottom:0px;
_padding-bottom:20px;
width:620px;

/*ie6 min-height hack*/
min-height:620px;
height:auto !important;
_height:615px;
}


div#primaryContent p a:link, div#primaryContent ul a:link, div#primaryContent ol a:link {
	color:#003366;
	text-decoration:underline;
}

div#primaryContent h2 {font-size: 1.8em;}


/*--------------------------
sectionTitle
--------------------------*/

div#sectionTitle {
	background:transparent url(../images/signInSectionTitleTop.gif) no-repeat scroll left top;
	padding:20px 20px 5px;
}

div#sectionTitle h1 {
	font-size: 1.63em; 
	color: #000;}

div#sectionTitle h4 {
	font-size:1.2em;
	padding-bottom:8px;
	padding-top:8px;
}

div#sectionTitle h4.TitleBlurbHeader {
	font-weight:normal;
	margin-left:0px;
}

div#sectionTitle p.TitleBlurbBold {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	margin-left:0px;
	margin-right:110px;
}

div#sectionTitle p.TitleBlurb {
	font-size:1.2em;
	line-height:1.2em;
	font-style:italic;
	margin-left:0px;
	margin-right:110px;
	padding-top: 8px;
}

/*--------------------------
SIGN IN/UP
--------------------------*/


#signInBox, #signUpBox{
	width: 280px; 
	float: left; 
	margin: 0 0px 10px 20px;
	_margin: 0 0px 10px 10px;
	}
	
#signInBox div.holder, #signUpBox div.holder{
	margin:7px 0 0 0;
	padding: 8px 15px 15px 15px;
	}

#signInBox{
	background:transparent url(../images/signInTop.gif) no-repeat scroll center top; 
	}
#signInBox div.holder{
	background:transparent url(../images/signInBot.gif) no-repeat scroll center bottom;
	}


#signUpBox{
	background:transparent url(../images/signUpTop.gif) no-repeat scroll center top; 
	_margin-left: 20px;}
#signUpBox div.holder{
	background:transparent url(../images/signUpBot.gif) no-repeat scroll center bottom;
	}

#primaryContent p {
	font-size:1.2em;
	margin: 2px 0 10px 0;
	line-height: 1.35em;
}

#primaryContent p.topPad {
	font-size:1.2em;
	margin: 10px 0 10px 0;
	line-height: 1em;
}

/*athens*/
#primaryContent p.small {
	font-size:.95em;
	line-height: 1em;
	margin: 8px 0 2px 0;
}

#signUpBox h3 {
color:#000000;
font-size:1.25em;
font-weight:bold;
margin:10px 0pt 0pt;
text-align:left;
text-transform:uppercase;
}


/*--------------------------
FORM FORM FORM FORM FORM
--------------------------*/

#signInBox form, #signInBox fieldset {
	border:medium none;
	margin:0pt;
	padding-top:0pt;	
	position:static;
	width:auto;
}

#signInBox form fieldset {
margin-bottom:0px;
margin-top:10px;
position:relative;
}

#signInBox legend, #signInBox label {
left:-10000px;
position:absolute;
}

#signInBox label.doShow {
	display:inline;
	font-size:1.1em;
	font-weight:normal;
	position:static;
}


#signInBox form input, #signInBox form select {
	color: #888888;
	padding: 2px;
	margin-bottom: 10px;
}

input#txtName, input#txtPass, input#txtCountry, input#txtCusNum, input#txtLName, input#txtPostalCode {
	display:block;
	margin-bottom:5px;
	width:240px;
}

input#checkbox {margin: 0px 3px 0 0 !important;}

input#buttonSignIn {
	float:right;
	margin:15px 0 0 0 !important;
}


/* ~~~~~~~~~~~~~~~~~ AD COLUMN ~~~~~~~~~~~~~  */

div#secondaryContent {
	background:transparent url(../images/signInAdTop.gif) no-repeat scroll center top;
	width: 320px;
	height: 620px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	_padding-right: 0px;
}

div#adBanners {
	background:transparent url(../images/signInAdBot.gif) no-repeat scroll center bottom;
	width: 320px;
	padding:0px 0 20px 0;
	*padding:0px 0 17px 0;
	_padding:0px 0 24px 0;
	margin-top: 10px;
	position:static;
	right:auto;
	top: 0px; /*!important;*/ }