
/* P s y c h o m e t r i c s */

#leftCol {
	width:715px;
	height:auto;
	padding:0;
	float:left;
}

h1#psychometrics {
	background:url(/images/global/h1Pyscometetrics.gif) left no-repeat;
	height:39px;
	width:154px;
	text-indent:-5000px;
	overflow:hidden;
	margin:10px 0 5px 20px;
	display:inline;
}
#psychometrics  p {
	color:#000000;
	font-size:11px;
	margin:0 0 0 15px;
	clear:both;
	width:520px;
}
#metrics {
	margin:0 0 25px 0;
	display:table;
	height:auto;
	float:left;
}

ul.pyschometrics, ul.pyschometricsVideos {
	background-color:#e5f1fa;
	width:708px;
	list-style:none;
	margin:5px 0 5px 10px;
	padding:0;
	float:left;
	display:inline;
	clear:left;
}
ul.pyschometrics li , ul.pyschometricsVideos li  {
	float:left;
	margin:0;
	padding:0;
	width:100%;
}


ul.pyschometrics li p , ul.pyschometricsVideos li p {
	color:#000000;
	font-size:11px;
	margin:0 0 0 10px;
	width:520px;
	float:left;
	clear:left;
	display:inline;
}
#homeleftCol ul.pyschometrics li h2, #homeleftCol ul.pyschometricsVideos li h2 {
    color:#0076D2;
	font-size: 13px;
	margin:5px 0 0px 15px;
	padding:0 0 5px 0;
	float:left;
	clear:left;
	display:inline;

}
#homeleftCol div.scalesBox
{
    width:708px;
	margin:5px 0 5px 10px;
	padding:0;
}
#homeleftCol div.scalesBox h2
{
    color:#0076D2;
	font-size: 13px;
	float:left;
	clear:both;
}
#homeleftCol div.scalesBox p
{
    float:left;
    clear:left;
    padding-left:0px;
	font-size: 11px;
}
ul.pyschometrics li.footer {
	border-top:1px solid #fff;
	clear:both;
	float:left;
	width:706px;

}
#homeleftCol ul.pyschometrics li.footer p {
	margin:0;
	padding:5px 15px 0 0;
	float:left;
	width:693px;
	font-size: 11px;
}

ul.pyschometrics li.footer p a {
	float:right;
	background:url(/images/global/chanBg.gif) no-repeat;
	text-decoration:none;
	color:#0076d2;
	height:17px;
	padding:0 20px 0 5px;
	margin:0 5px 10px 0;
	background-position:right 0;
}

ul.pyschometrics li.footer p a:hover {
	background:url(/images/global/chanBg.gif) right no-repeat;
	color:#000000;
	height:17px;
	background-position:right -17px;
}

#homeleftCol #metrics ul.testOptions,ul.testpanels {
	list-style:none;
	width:auto;
	float:right;
	margin:0 10px 0 40px;
	padding:10px 0 10px 0;
	clear:left;
	
}
ul.testpanels 
{
	padding:2px 0 10px 0px;
}
ul.topThree,ul.bottomThree,ul.viewAll
{
	float:left;
	
}
ul.topThree li a,ul.bottomThree li a,ul.viewAll li a 
{
	width:700px;
}

ul.testOptions li,ul.testpanels li {
	
	margin:0 0 0 10px;
	padding:2px 0 0 0;
}
ul.testpanels li 
{
	float:none;
	margin-top:5px;
	font-size: 12px;
}

ul.testOptions li a,ul.testpanels li a {
	text-decoration:none;
	/*width:110px; */
	padding:2px 25px 0 0;
}

ul.testOptions li a.sendToFriend {
	background:url(/images/global/sendToFirend.gif) no-repeat right bottom;
}

ul.testOptions li a.printResults {
	background:url(/images/global/printButWhite.gif) no-repeat right bottom;

}
ul.testOptions li.viewMore ,ul.testOptions li a.removeExtra 
{
	width:110px;
}
ul.testpanels li.viewAll 
{
	width:100%;
	background-position:right -5px;
}
ul.testpanels li.topThree 
{
	width:100%;
}
ul.testpanels li.bottomThree 
{
	width:100%;
}

ul.testOptions li a.viewMore,ul.testOptions li a.removeExtra ,ul.testpanels li a.viewAll,ul.testpanels li a.topThree,ul.testpanels li a.bottomThree     
{
	background:url(/images/global/plusBGnu.gif) no-repeat left;
	background-position:left -14px;
	padding:0px 0px 0 30px;
	height:17px;
}
ul.testpanels li a.removeExtra 
{
	background:url(/images/global/minusBGnu.gif) no-repeat left;
	background-position:left -14px;
}



.bottom { 
	z-index:1;
}
.top { 
	z-index:2;
}


div.outerContainer {
	margin:10px 0 0 75px; 
	width:550px; 
	height:113px;
	background:#e5f1fa url(/images/psychometrics/psNatBg.gif) repeat-x center left; 
	z-index:0;
	white-space:nowrap;

}
div.yourScore {
	position:absolute; 
	margin:0 0 0 0;  
	height:113px; 
	background: url(/images/psychometrics/psyYSbg.gif) repeat-x center left; 
	width:50px;
}
div#yourPerson, div#yourPerson2 {
	position:absolute; 
	margin:0 0 0 0;  
	height:113px; 
	background: url(/images/psychometrics/over.gif) repeat-x center left; 
	width:50px;
}
div.yourScoreSmall {
	position:absolute; 
	margin:0 0 0 0;  
	height:113px; 
	background: url(/images/psychometrics/over.gif) repeat-x center left; 
	width:50px;
}
div.nationAve {
	position:absolute; 
	height:113px; 

}
#homeleftCol div.outerContainer p.score {
	margin:15px -5px 0 0;
	padding:0;
	height:50px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0076d2;
	background:url(/images/psychometrics/yourScoreArrow.gif)  no-repeat right center;
	position:absolute;
	right:0px;
	width:35px;
}
#homeleftCol div.outerContainer p.average{
	margin:70px -5px 0 0 ;
	padding:12px 0 0 0;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	background:url(/images/psychometrics/nationAvArrow.gif)  no-repeat top right;
	height:20px;
	position:absolute;
	right:0px;
	width:54px;

}
span#noscript {
	color:red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:15px 15px 0 15px;
	margin:10px 0 0 0;
}

.testTop {
	border-top:1px solid #fff; width:708px;
}

ul.pyschometrics ul.videoList {
	width:708px;
	float:left;
	margin:10px 0 0 0;
	display:inline;
	padding:15px 0 0 0;
	list-style:none;
	display:inline;
	border-top:1px solid #fff;
}

ul.pyschometrics ul.videoList.videoList li {
	float:left;
	margin:0 0 10px 10px;
	width:164px;
	padding:0 0 10px 0;
	display:inline;
	font-size:11px;
}

ul.pyschometrics ul.videoList li a.plus {
	
	width:164px;
	float:left;
	color:#000000;
	text-decoration:none;
	padding:5px 0;
}

/* ------------------- section for top of page -----------------------*/

#homeleftCol h2.psychometrics {
	clear:both;
	font-size:13px;
	margin:0 0 5px 20px;
	display:inline;
}
#homeleftCol div.personalContainer {
	margin:10px 0 0 0; 
	width:230px; 
	height:113px;
	background: url(/images/psychometrics/base.gif) repeat-x center left; 
	z-index:0;
	white-space:nowrap;
	float:left;
}
#homeleftCol div#yourScore 
  {
	position:absolute; 
	margin:0 0 0 0;  
	height:113px; 
	background: url(/images/psychometrics/psYSbg.gif) repeat-x center left; 
	width:50px;
}
#homeleftCol p#score,#homeleftCol p#progressBlue, #homeleftCol p#progressBlue2 {
	margin:15px -5px 0 0;
	padding:0;
	height:50px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0076d2;
	background:url(/images/psychometrics/progressArrow.gif)  no-repeat right center;
	position:absolute;
	right:0px;
	width:50px;
	}
#homeleftCol p#progressBlue, #homeleftCol p#progressBlue2 
{
	background:url(/images/psychometrics/yourScoreArrow.gif)  no-repeat right center;
}
#homeleftCol span#zeroP {
	float:left; 
	color:#000000; 
	font-size:11px; 
	margin:58px 5px 0 212px;
	display:inline;
}
span#zeroP.test 
{
	padding-left:13px;
}
#homeleftCol span#hundredP {
	float:left; 
	width:20px; 
	color:#000000; 
	font-size:11px; 
	margin-top:58px;
}
#homeleftCol span#addPer {
	width:580px; 
	height:100px;
}
#homeleftCol div.center {
	margin:0 auto;
	width:14px;
	text-align:center;
}
.personalTestContainer div.inline span {
	float:left;
}
#homeleftCol div.personalTestContainer {
	clear:both; 
	background-color:#e5f1fa; 
	float:left; 
	border-bottom:1px solid #fff;
	margin:0 0 0 10px;
	padding:20px 0 20px 10px;
	width:695px;
	/*height:80px;*/
	display:inline;

}

#homeleftCol div#hideBeforeLoad.hide 
{
	display:none;
}

#homeleftCol span.numContainer {
	clear:both;
	float:left;
	
}

#homeleftCol span.numContainer.seven 
{
	margin-top:-8px;
}


#homeleftCol p.personalNumbers { 
	font-size:11px; 
	color:#000; 
	margin:0; 
	padding:0;
	float:left;
	display:inline;
	clear:right;
	width:auto;
}

#homeleftCol p.personalNumbers.s1
{
	padding:0 0 0 95px;
	
}

#homeleftCol p.personalNumbers.n1 
{
	padding:0 0 0 118px;
}
#homeleftCol p.personalNumbers.n2, #homeleftCol p.personalNumbers.s2 
{
	padding:0 0 0 72px;
	
}
#homeleftCol p.personalNumbers.n3, #homeleftCol p.personalNumbers.s3 
{
	padding:0 0 0 75px;
}
#homeleftCol p.personalNumbers.n4, #homeleftCol p.personalNumbers.s4
{
	padding:0 0 0 75px;
}
#homeleftCol p.personalNumbers.n5, #homeleftCol p.personalNumbers.s5, #homeleftCol p.personalNumbers.s6 
{
	padding:0 0 0 75px;
}
#homeleftCol p.personalNumbers.n6, #homeleftCol p.personalNumbers.s7 
{
	padding:0 0 0 75px;
}

#homeleftCol div.personalTestContainer span.rbStyled.BigOrb {
	height:150px;
}
#homeleftCol div.personalTestContainer h3 {
	color:#000000;
	margin:0 0 20px 5px;
	padding:0;
	font-size:11px;
	float:none;
	font-weight:normal;
}
#homeleftCol div.personalTestContainer h3 strong{
	color:#0076D2;
}
#homeleftCol div.personalContainerSix {
	margin:0 0 0 20px;
	display:inline;
	float:left;
}
 div.popUpForm { background-color:#E5F1FA; width:190px; padding:10px; border:1px solid #333; }
div.popUpForm input,  div.popUpForm button { position:relative; float:left; margin:0 0 10px 5px;}
div.popUpForm p {padding:0; margin:0; position:relative; float:left;}
.questionnaire{ clear:both; }
table.questionnaire  { width:100%;}

#homeleftCol div.psychomLink { display:inline; float:left; width:705px; background-color:#E5F1FA; margin:0 0 0 10px; padding:10px 0; font-size:11px;}

#homeleftCol div.psychomLink a { float:right; margin:0 15px 0 0; text-decoration:none; background:url(/images/global/channellinkBg.gif) no-repeat right; padding:0 20px 0px 0; height:17px;}
#homeleftCol div.psychomLink a:hover {color:#000; background:url(/images/global/channellinkBgHover.gif) no-repeat right;}


#homeleftCol div.psychomLink a.backButton {float:left;}
#homeleftCol div.psychomLink a.backButton:hover {float:left;}

#homeleftCol div.psychomLink a.backButton {
	float:left;
	background:url(/images/global/backBut.jpg) no-repeat;
	text-decoration:none;
	color:#0076d2;
	height:17px;
	padding:0 0px 0 20px;
	margin:0 5px 10px 15px;
	background-position:left 0;
}

#homeleftCol div.psychomLink a.backButton:hover {
	background:url(/images/global/backBut.jpg) right no-repeat;
	color:#000000;
	height:17px;
	background-position:left -17px;
}



ul.videoList1.pyschom {
	width:706px;
	float:left;
	margin:10px 0 0 0;
	display:inline;
	padding:0;
	list-style:none;
	display:inline;
}
ul.videoList1 li {
	float:left;
	margin:0 0 0px 10px;
	width:164px;
	padding:0 0 10px 0;
	display:inline;
	font-size:11px;
	height:130px;
}
ul.videoList1.pyschom li table.mitem
{
	height:92px;
	width:164px;
	vertical-align:middle;
	text-align:center;
	background-color:#000000;
	float:left;
}
ul.videoList1.pyschom li table.mitem td
{
	text-align:center;
}
ul.videoList1.pyschom li a.masterLink
{
	float:none;
}

ul.videoList1.pyschom li a.masterLink img
{
	float:none;
}
ul.videoList1.pyschom .hoverContainer
{
	width:164px;
	height:92px;
	z-index:2000;
	background-color:Black;
	float:left;
	cursor:pointer;
	margin-top:-92px;
	opacity:0.5;
}
ul.videoList1.pyschom li .textContainer, ul.videoList1 li .textContainer:hover
{
	width:154px;
	height:82px;
	float:left;
	margin-top:-92px;
	text-decoration:none;
	padding:5px;
	color:White;
	cursor:pointer;
	z-index:5000;
	position:relative;
}

span.scaleInfo 
{
	font-size:11px;
	color:#000;
	margin:-10px 0 0 0;
	text-align:center;
}
span.scaleInfo.left 
{
	margin-right:10px;
	color: #666666;
}

span.scaleInfo.right
{
	margin-left:10px;
	color: #666666;
}

span.scaleInfoSix 
{
	font-size:11px;
	color:#000;
	margin:-3px 0 0 0;
	text-align:center;
}
span.scaleInfoSix.left 
{
	margin-right:10px;
}

span.scaleInfoSix.right
{
	margin-left:10px;
}
a.showDescript 
{
	float:right;
	margin-top:5px;
	background:url(/images/global/plusBgNu.gif) no-repeat;
	background-position:right -14px;
	padding-right:20px;
	margin-right:10px;
	text-decoration:none;
}

div.sendToFriendContent {
	display:none; 
	background-color:#E5F2FB; 
	width:478px; 
	height:auto; 
	position:absolute; 
	z-index:200;
	top:10%;
	left:30%;
}
div.sendToFriendContent h1 {
	margin:10px 0 5px 16px;
	width:177px;
	height:23px;
	float:left;
	background:url(/images/psychometrics/sendToFriendTitle.gif) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	display:inline;
}
span.topSendto input 
{
	
	float:left; 
	margin-left:10px;
	width:220px;
	margin-top:10px;
}
span.topSendto label 
{
	clear:left;
	float:left;
	margin-top:10px;
	font-weight:bold;
	font-size:11px;
	color:#000;
	width:100px;
	
}
span.topSendto 
{
	
	padding-bottom:10px;
	float:left;
	margin-left:15px;
}
span.lineIt
{
	border-bottom:1px solid #fff;
	float:left;
	width:450px;
	margin-left:15px;
	margin-top:-10px;
}
div.sendToFriendContent p {
	clear:both; 
	width:400px; 
	margin:10px 0 0 10px;
}
.ie6Arg 
{
	padding-left:283px;
}
a.addAnother 
{
	float:left;
	background:url(/images/global/plusBgNu.gif) no-repeat;
	padding-left:17px;
	background-position:left -14px;
	margin:12px 0 0 6px;
	text-decoration:none;
}
a:hover.addAnother 
{
	color:#000;
	background-position:left 0px;
}
a.sendFriend 
{
	float:right;
	background:url(/images/global/chanBg.gif) no-repeat;
	margin:10px 10px 10px 0;
	padding:0px 20px 0px 0px;
	background-position:right 0;
	text-decoration:none;
	height:17px;
	
}
a:hover.sendFriend 
{
	background-position:right -17px;
	color:#000;
}
a.closeFriend 
{
	float:left;
	background:url(/images/psychometrics/close.gif) no-repeat;
	margin:10px 0px 10px 10px;
	padding:0px 0 0px 20px;
	background-position:left 0;
	text-decoration:none;
	height:17px;
	
}
a:hover.closeFriend
{
	background-position:left -17px;
	color:#000;
}

#psychMessage
{
    float:left;
    clear:left;
    color:Red;
    font-size:11px;
    margin-bottom:20px;
    margin-left: 25px;
    
}

/* -------------------- END of section ----------------------------------*/


.errorOutline
{
    border: solid 1px red;
}

#leftCol div.moreInfo  {
	float:right;
	width:94px;
	height:94px;
	margin-top:40px;
	margin-right:50px;
	overflow:hidden;
	display:inline;
}
a.moreInfoLink
{
    background:transparent url(/images/global/more-info.jpg) no-repeat scroll left top;
    float:left;
    height:0 !important;
    overflow:hidden;
    padding:95px 0 0;
    text-indent:-5000px;
    width:96px;
}
a.moreInfoLink:hover
{
	background-position:0 -95px;
}
.txtResults 
{
	display:none;
}
ul.viewAll,ul.topThree,ul.bottomThree 
{
	margin-left:40px;
}
div#divAll 
{
	display:block;
}
a.printResults 
{
	/*display:none;*/
}
div.scores
{
display:none;	
}


