﻿@charset "utf-8";
/* CSS Document */

/* Universal Reset parameters
----------------------------------------------- */
* { margin:0; padding:0; border:0; }
ol, ul { list-style:none; margin-left: 20px; padding-left: 0; list-style:disc inside; margin-bottom:7px;}
ol li, ul li { text-indent:0px; list-style-position:outside;}
/*----------------------------------------------- */




/* =Forcing windows vertical scroll bars 
----------------------------------------------- */
html { height:100%; margin-bottom:1px; }
/*--------------------------------------------- */
html, body { height:100%; }
#containerWrap { 
	position:relative;
	float:left;
	padding-left:10px;
	width:950px;
	min-height:100%;
	height:auto !important;
	height:100%;
	}




/* =Navigation
----------------------------------------------- */
div#navigation { position:relative; float:left; width:100%; min-height:20px; height:auto; background-color:#dae6e8; }
ul#mainNav { 
	position:relative;
	float:left;	
	margin-left:10px; 
	width:51%;
	height:100%;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	margin-bottom:0px;
	}
#mainNav li { float:left; padding:4px 20px 4px 0; text-transform:uppercase; }
#mainNav li a, #to-do-list li a { color:#00748c; text-decoration:none; font-weight:normal; }
#leftCol_archive li a { color:#00748c; text-decoration:none; font-weight:normal; }
#mainNav li a:active, #mainNav li a:visited, 
#to-do-list li a:active, #to-do-list li a:visited { text-decoration:none; }
#mainNav li a:hover, #mainNav li a:focus { text-decoration:underline; }	
ul#to-do-list {
	position:relative;
	float:right; 
	margin:0px;
	width:46%;
	height:100%;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	}
#to-do-list li { float:right; padding:4px 10px 4px 20px; width:auto; text-transform:uppercase; }
li#print { background:url(/images/print-icon.gif) 0 50% no-repeat; }
li#friend { background:url(/images/friend-icon.gif) 0 50% no-repeat; }




/* =Forms
----------------------------------------------- */
legend { 
	clear:left;
	position:relative; 
	float:left;
	display:none;
	font:normal bold 18px/18px Helvetica, Verdana, Arial, sans-serif;
	color:#000;
	}
div.search { 
	position:relative;
	font:normal bold 11px/11px Arial, Helvetica, sans-serif;
	color:#64487e;
	background-color:#dae6e8;
	padding:10px 0 5px 10px;
	width:auto;
	height:auto;
	vertical-align:text-bottom;
	}
	/* IE6 Only */
	* html div.search { padding:0 0 5px 10px; }
	/* IE7 Only */
	*:first-child+html div.search { padding:0 0 5px 10px; }
div.signup-form { 
	position:relative;
	float:left;
	margin-top:35px;
	font:normal bold 12px/12px Arial, Helvetica, sans-serif;
	color:#000;
	width:auto;
	height:auto;
	vertical-align:text-bottom;
	}
label.required { float:left; vertical-align:text-bottom; width:120px; padding-bottom:2px;}
label.required-reg { float:left; vertical-align:text-bottom; width:150px; text-align:right; padding-bottom:2px;}
label.label-contact { float:left; vertical-align:text-bottom; width:460px; text-align:left; padding-bottom:2px;}
input.searchbox {
	clear:left;
	float:left; 
	margin:2px 0 0;  
	border:1px solid #afc4c9; 
	background-color:#FFF; 
	color:#000;
	width:100px;
	}
input.search-btn { 
	float:left; 
	margin:2px 0 0 3px; 
	vertical-align:text-bottom; 
	}
input.inputbox, input.inputbox-long, select { border:1px solid #b2b2b2; height:20px; width:150px; }
input.inputbox-long { width:300px; }
option, select { font:normal normal 12px/12px Arial, Helvetica, sans-serif; color:#000; }
option.selected { color:#999; }
span.radio-buttons { font-weight:normal; padding-right:10px }

table.forms { 
	clear:left;
	position:relative; 
	float:left;
	margin:0 0 30px 10px;
	padding:10px 0 0 0;
	}
table.forms td { padding:2px 5px; }

table.gao td{border:solid 1px black; padding:5px; padding-bottom:0px;}
table.bprac td{border:solid 1px black; padding:5px; padding-bottom:0px; margin-bottom:15px; font:normal normal 12px/18px Arial, Helvetica, sans-serif; color:#000; padding-left:20px; }
table.fraud td{border-bottom:solid 1px #000000;}

table {font:normal normal 12px/18px Arial, Helvetica, sans-serif; color:#000;}


h3.form-headers { 
	clear:left;
	position:relative;
	float:left;
	margin:0;
	padding:0 0 3px 0;
	width:100%;
	font:normal bold 14px/14px Arial, Helvetica, sans-serif;
	color:#00acbd;
	text-transform:uppercase;
	background:none;
	}
h3.form-headers span.description { 
	margin-left:70px; 
	font:normal normal 11px/11px Arial, Helvetica, sans-serif;
	text-transform:none;
	color:#000;
	}
h3.form-headers span#contact { margin-left:5px; }
h3.form-headers span#more { margin-left:45px; }
div.hr { 
	clear:left;
	position:relative; 
	float:left;
	height:5px; 
	width:635px; 
	background:url(/images/rule.gif) top left repeat-x; 
	}
div.hr hr { display: none; }
div#form-buttons { clear:left; position:relative; float:left; width:350px; margin-left:330px; }
	/* IE6 Only */
	* html div#form-buttons { margin-left:170px }
input.form-btns { position:relative; float:left; padding-right:5px; }




/* =Image Replacement Header
----------------------------------------------- */
h1.image-replace { 
	position:relative;
	float:left;
	overflow:hidden;
	margin:24px 0 0 2px;
	padding:0;
	font-size:30px;	
	}
		
h1.image-replace em {
	display:block;
	position:absolute;
	top:0; /*left: 0;*/
	z-index:1; /* for opera5 (?) and o6/mac */
	}
#apa-h1, #apa-h1 em {
	width:443px;
	height:77px;
	background:url(/images/APJournalOnline-logo.gif) top left no-repeat;
	}
span#smaller { display:block; font-size:24px; }
		
* html>body #apa-h1 em {		/* for ie5.x/mac only */
	margin-bottom: -77px;	/* Required to bring text
						   underneath image. Use the negative
						   height of the image here.*/
	}
/* General IR statements for IE5.x mac only */
* html>body	.image-replace { 
	position: static;
	overflow: visible;
	font-size: 10px;
	 /* Since overflow: hidden doesn't
   work with ie5.x/mac, we choose a
   font-size here that will keep
   the headline small enough to fit
   completely under the span.*/
	}
* html>body	.image-replace em  { position: static; }
* html>body	.image-replace a { text-decoration: none;
	/* ie5.0-5.1.x/mac must have this value or the underline
		shows through the image. */
  	}




/* =Headers
----------------------------------------------- */
div#header { position:relative; float:left; width:100%; height:116px; background:#FFF; }

div#top-ad { position:relative; float:right; margin-top:15px; }	
h2 { font:normal bold 24px/24px Helvetica, Verdana, Arial, sans-serif; color:#00748c; }
h2.subheaders { margin-top:5px; font:normal normal 18px/18px Helvetica, Verdana, Arial, sans-serif; color:#00748c; }
h2#sign-up {
	position:relative; 
	float:left;
	margin:9px 0 0 10px;
	padding-top:45px;
    overflow:hidden;
    background:url(/images/SignUp-h2.gif) no-repeat;
    width:158px;
    height:0px !important; /* for most browsers */
    height /**/:45px; /* for IE5.5's bad box model */  
	}
h3 { 
	margin-top:5px;
	padding:0 0 10px 50px;
	font:normal bold 18px/18px Helvetica, Verdana, Arial, sans-serif; 
	color:#00acbd;
	background:url(/images/leaf.jpg) 0 0 no-repeat;
	}
h3#specialoffer {
	margin:0;
	padding:141px 0 0 0;
    overflow:hidden;
    background:url(/images/SpecialOffer.gif) no-repeat;
    width:148px;
    height:0px !important; /* for most browsers */
    height /**/:141px; /* for IE5.5's bad box model */
	}
	
h4 { margin-bottom:5px; font:normal bold 15px/15px Arial, Helvetica, sans-serif; color:#00748c;}
h4.links { margin:0; font:normal bold 12px/14px Arial, Helvetica, sans-serif; text-transform:uppercase; }
h5 { 
	margin-bottom:5px;
	font:normal bold 11px/11px Arial, Helvetica, sans-serif;
	letter-spacing:3px;
	color:#000;
	text-transform:uppercase;
	}
h6 { margin-bottom:5px; font:normal bold 12px/12px Arial, Helvetica, sans-serif; color:#00748c;}	
h7 { 
	margin-top:5px;	
	font:normal bold 16px/16px Helvetica, Verdana, Arial, sans-serif; 
	color:#00748c;	
	}





/* =Links
----------------------------------------------- */
a { cursor:pointer; color:#00748c; text-decoration:none; font-weight:bold; }
a.article { font-weight:bold;}
a.h3 { cursor:pointer;text-decoration:none; color:#00acbd}
a:hover { text-decoration:underline; }
a.more { cursor:pointer; color:#00748c; text-decoration:none; font-size:11px}
a.sidebar2 { cursor:pointer; color:#00748c; text-decoration:none; font-weight:bold; }




/* =Lists Links
----------------------------------------------- */
ul#list-quicklinks {float:left; font:normal bold 12px/12px Arial, Helvetica, sans-serif; margin-top:5px; list-style:none; margin-left:0px;}
ul#list-quicklinks li { padding:8px 0; }
ul#list-quicklinks li a, ul#quicklinks li a:active, ul#quicklinks li a:visited { color:#777; text-decoration:none; }
ul#list-quicklinks li a:hover, ul#quicklinks li a:focus { text-decoration:underline; }

ul.number { margin-left:40px; margin-bottom:15px; font:normal normal 12px/18px Arial, Helvetica, sans-serif; color:#000; list-style:decimal inside; }
ul.number_in { margin-left:40px; margin-bottom:15px; font:normal normal 12px/18px Arial, Helvetica, sans-serif; color:#000; list-style:decimal inside; }

ul.copy { margin-bottom:15px; font:normal normal 12px/18px Arial, Helvetica, sans-serif; color:#000;}
ul.copy_div { margin-bottom:15px; font:normal normal 12px/18px Arial, Helvetica, sans-serif; color:#000; list-style:disc inside;}
ul.copy2 { font:normal normal 12px/18px Arial, Helvetica, sans-serif; color:#000; list-style:disc inside; }
ul.copy3 { margin-bottom:15px; font:normal normal 11px/14px Arial, Helvetica, sans-serif; color:#000; list-style:disc inside; margin-left:15px; }
ul.copy_div li{list-style-position: inside}
ul.number_idea li {  padding-bottom:7px;}



ul.check {list-style-image: url(redflag.gif); margin:5px 5px 5px 30px;}
ul.check li {margin-bottom:7px; vertical-align:top;}


ul.qa { margin-bottom:15px; font:normal normal 12px/18px Arial, Helvetica, sans-serif; color:#000; list-style:none;}




/* =Body Content
----------------------------------------------- */
div#bodyContent { 
	position:relative;
	float:left;
	width:100%; 
	}
div#leftCol { 
	position:relative; 
	float:left;
	padding-top:20px;
	padding-right:20px; 
	width:772px;  
	min-height:100%;
	height:auto !important;
	height:100%;
	}
div.topStory { 
	padding-left:295px;
	width:485px;
	min-height:224px; 
	height:auto; 
	background:url(/images/2010/sep/bulb_home.jpg) top left no-repeat;
	background-color: #ade4ea;
	}
div#topStory-topborder { 
	float:left;
	width:485px;
	min-height:11px;
	height:11px;
	background:url(/images/topStory-topborder.gif) bottom left no-repeat;
	}
	/* IE6 Only */
	* html div#topStory-topborder { margin-top:-7px; }
div#topStory-bttmborder {
	float:left;
	width:485px;
	min-height:9px;
	height:9px;
	background:url(/images/topStory-bttmborder.gif) top left no-repeat;
	}
	/* IE6 Only */
	* html div#topStory-bttmborder { margin-top:-1px; }
div#topStory-textarea { 
	clear:both;
	float:left;
	padding-left:10px;
	width:475px;
	height:auto;
	background-color:#ade4ea;
	}
div#twoColumns { 
	clear:both;
	float:left;
	padding-top:24px;
	width:780px;
	}
div#leftContent, div#leftContent-noborder { 
	float:left;
	padding-right:20px;
	width:581px;
	border-right:3px solid #e8f0f1;
	}
	
div#leftContentSideBar{ 
	float:left;
	padding-right:20px;
	width:575px;
	
	
	}
	

div#leftContent-noborder { border:0; }
div#quicklinks { 
	float:left;
	padding:5px 0 0 12px;
	width:140px;
	}
div#quotes { 
	float:left;
	padding:0 0 0 12px;
	width:140px;
	
	}	
div#sidebar { 
	float:left;
	padding:0 0 0 12px;
	width:140px;
	
	}	

div#rightCol { 
	position:relative;
	float:right; 
	padding-top:24px;
	padding-bottom:35px;
	
	width:158px;  
	min-height:100%;
	height:auto !important;
	height:100%;
	}
	
table td.tb-RightCol
{
	background-color:#e8f0f1;
	width:158px;
	}
div.advertisements { float:right; margin-top:22px; padding:0 15px; height:100%;  }
div.signup { float:right; margin-top:22px; padding:0 8px; }
div.advertisements img { padding-bottom:12px; }
div#special { 
	position:absolute;
	float:right;
	top:26px;
	right:5px;
	padding:0;
	width:150px;
	
	}



p.box { margin-bottom:15px; font:normal normal 12px/18px Arial, Helvetica, sans-serif; color:#000; background-color:#E8F0F1; }
p { margin-bottom:15px; font:normal normal 12px/18px Arial, Helvetica, sans-serif; color:#000; }
p.topstory { margin-top:5px; margin-bottom:0px; width:95%; font:normal normal 12px/16px Arial, Helvetica, sans-serif; color:#000; }
p.author { margin:5px 0 0; font:normal bold 10px/16px Arial, Helvetica, sans-serif; color:#7c7b7b; text-transform:uppercase; }
p.sidebar { margin-bottom:15px; font:normal normal 11px/18px Arial, Helvetica, sans-serif; color:#000; }
p.insert { margin-bottom:15px; font:normal normal 11px/13px Arial, Helvetica, sans-serif; color:#000;}
p.sidebar2 { margin-bottom:15px; font:normal normal 11px/14px Arial, Helvetica, sans-serif; color:#000; }
p.footnote { margin:0px 0 0; font:normal bold 10px/16px Arial, Helvetica, sans-serif; color:#7c7b7b;}
ul.sidebar2 { font:normal normal 11px/14px Arial, Helvetica, sans-serif; color:#000; }




p#quote-author { margin-bottom:50px; }
p#sign-up-text { position:relative; float:left; margin:9px 0 0 10px; padding-top:7px; width:450px; line-height:14px; }
p.special-text { 
	font:normal bold 11px/13px Arial, Helvetica, sans-serif;
	width:80%;
	color:#026872;
	padding:5px 20px;
	}
blockquote { 
	padding:0 0 5px 0;
	font:normal bold 14px/18px Arial, Helvetica, sans-serif; 
	color:#bb90cd;
	}
	
	
	
	
/* =Images Divs
----------------------------------------------- */
div.images { float:left; margin-right:20px; margin-bottom:15px; width:295px; height:224px;}
div#leaf { position:relative; float:left; margin:-20px 0 0 -20px; }
img#target {float:left; margin-right:20px; margin-bottom:15px; width:295px; height:224px;}


div.insert { position:relative; float:left; margin-right:20px; margin-bottom:15px; width:50%; padding: 10px; background-color:#e1fbb3;}





/* =Footer
----------------------------------------------- */
div#footer { 
	clear:both;
	position:relative;
	float:left;
	width:960px;
	background-color:#dae6e8;
	height:20px;
	}
div#footer p { font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#00748c; }
div#footer p.left { padding:4px 0 4px 10px; float:left; }	
div#footer p.right { padding:4px 10px 4px 0; float:right; }
div#footer a { color:#00748c; text-decoration:none; }
div#footer a:active, div#footer a:visited { text-decoration:none; }
div#footer a:hover, div#footer a:focus { text-decoration:underline; }


p.author, p.author-descript {
    margin:5px 0 0;
    font:normal bold 10px/16px Arial, Helvetica, sans-serif;
    color:#7c7b7b;
    text-transform:uppercase;
    }
p.author-descript  { margin:5px 0 10px 0; }

div.byline {
    clear:left;
    position:relative;
    margin-bottom:5px;
    float:left;
    height:18px;
    width:575px;
    background:url(/images/byline.gif) top left repeat-x; }
div.byline hr { display: none; }

h4.h4-author { text-transform:uppercase; }