/* CSS Document: kidscorner_common.css */


/* ==|Styling:Common|================================================================================== */
/* --|Style:*|----------------------------------------------------------------------------------------- */
body, html{height:100%; padding:10px 0px 0px 0px; margin:0px;}
body{font-size:15px; font-family: "Comic Sans MS"; font-weight:normal; color: #000000; background-color:#C0DD5B; background-image:url(../img/bg.jpg); background-repeat:no-repeat; background-position: top center; }
img{ border:0px; margin:0px; padding:0px;}
a{color:#CC0000; text-decoration:none; font-weight:bold; }
a:hover {color:#000000; text-decoration: none; font-weight:bold;}

a.optionTxt{color:#000000; text-decoration:none; font-weight:bold; }
a.optionTxt:hover {color:#333333; text-decoration: none; font-weight:bold;}

.header {background-image: url(../img/img_header.gif); background-repeat:no-repeat;}
.footer {padding:33px 0px 15px 40px; background-image: url(../img/img_footer.gif); background-repeat:no-repeat; }

/* ==|Link Classes|=================================================================================*/
.altlinkBlue {color: #3BAEE6; text-decoration:none;}
.altlinkGry {color: #676767; text-decoration:none;}

/* ==|Font Classes|=================================================================================*/
.clsFntBlue{font-size:11px; color: #3BAEE6; font-weight:normal;}
.clsFntGry{font-size:11px; color: #676767; font-weight:normal;}
.clsFntSz16 {font-size:16px; font-weight:normal;}
.clsFntSz18 {font-size:18px; font-weight:normal;}
.clsFntSz19 {font-size:19px; font-weight:normal;}
.clsFntSz21 {font-size:21px; font-weight:normal;}
.clsFntSz24 {font-size:24px; font-weight:normal;}
.clsFntSz42 {font-size:42px;}

/* ==|Spacing Classes|=================================================================================*/
.clsPadTop6 {padding-top:6px;}
.clsPadTop16{padding-top:16px;}
.clsPadTop34{padding-top:34px;}

/* ==|Graphic Background Classes|=================================================================================*/
.pluginBG{ background:url(../img/img_plugged_in_01.gif); background-repeat: no-repeat; width:811px; height:446px; }
.pluginBG2{ background:url(../img/img_plugged_in_02.gif); background-repeat: no-repeat; width:811px; height:540px; }
.questBG { background-repeat:no-repeat; width:811px; height:385px; }
.AnBG { background:url(../img/img_electric_personal_a1.gif); background-repeat:no-repeat; width:811px; height:470px; }
.AnBG2 { background:url(../img/img_electric_personal_a2.gif); background-repeat:no-repeat; width:811px; height:385px; }
.AnBG3 { background:url(../img/img_electric_personal_a3.gif); background-repeat:no-repeat; width:811px; height:470px; }

.soreSquBG{ background:url(../img/img_sore_squares.gif); background-repeat: no-repeat; width:811px; height:337px; }
.spotWordBG{ background:url(../img/img_spot_words.gif); background-repeat: no-repeat; width:811px; height:243px; }

/* ==|MY ELECTRIC PERSONLITY: STYLE|=================================================================================*/
.personalAnSec {padding:54px 0px 10px 50px; width:400px; float:left;}
	.questionnaire{padding:13px 0px; font-weight:bold;}
	/*.questionnaire div.quest1 { float:left; width:30px; }
	.questionnaire div.quest2 { float:left; width:30px; height:30px;}*/
	
	.questionnaire div.quest1 { float:left; width:30px; }
	.questionnaire div.quest2 { float:left; width:30px; }
	.questionnaire div.quest3 { float:left; width:30px; }
	.questionnaire div.quest4 { float:left; width:30px; height:30px;}
	.questionnaire div.quest5 { float:left; width:30px; }
	.questionnaire div.quest6 { float:left; width:30px; }
	.questionnaire div.quest7 { float:left; width:30px; height:30px;}
	.questionnaire div.quest8 { float:left; width:30px; height:30px;}
	.questionnaire div.quest9 { float:left; width:30px; }
	.questionnaire div.quest10 { float:left; width:30px; }
	
	.questionnaire div.questT { float:left; width:30px; border:1px;}
	
	.headerQA{clear:both; font-size:21px; font-weight:bold;}
	.scoreNO {float:left; padding:0px 10px;}
	.scoreTxt {float:left; padding-top:16px;}

ul.quesBTN { list-style-type:none; padding:0px; margin:0px; }
ul.quesBTN li { display:inline;}

td.Answer1 {padding-left:5px;}
td.Answer2 {padding-left:5px; padding-top:11px;}
html>body td.Answer2 {padding-left:5px; padding-top:6px;}
td.Answer3 {padding-left:5px; padding-top:12px;}

/* ==|GET PLUGGED IN: STYLE|=========================================================================================*/

.pluginSec {padding: 58px 0px 0px 0px; font-weight:bold; width:450px; float:right;}
.pluginSec div.noGraphic{float:left; width:50px; }
.pluginSec div.questTxt {padding-right:60px; padding-top:10px; padding-left:52px;}
.pluginSec div.anGranphic {clear:both; padding-top:53px; padding-left:53px; padding-right:60px;}
.pluginSec div.anGranphic div.btnTrue {float:left; width:65px; padding-right:110px; font-size:1px;}
.pluginSec div.anGranphic div.btnFalse{}
.pluginSec div.anGranphic div.answerTxt {padding-top:20px; display:none; clear:both;}
.pluginSec div.anGranphic div.answerTxt2 {padding-top:10px; display:none; clear:both;}

/* ==|MY ELECTRIC PERSONLITY: STYLE|=================================================================================*/
.soreSquQGra {float:left; margin-top:28px; margin-left:47px;}
.soreSquQTxt {margin: 45px 55px 0px 0px; font-size:18px;; width:330px; float:right;}
.soreSquQTXt div.discSpace {margin-top:3px; margin-bottom:30px;}
	.leftSele{float:left; width:100px;}
	.rightSele{width:110px; margin-left:150px;}
	.AnOptions{ list-style-type:none; color:#7983C0; padding:0px; margin:0px;}
	
/* ==|SPOT THE WORDS: STYLE|=========================================================================================*/
.spotWordLTxt{margin:70px 0px 0px 40px; width:380px; float:left;}
.spotWordRBtn{padding: 40px 145px 0px 0px; font-size:22px;; font-weight:bold; width:165px; float:right;}

/* ==|COOL LINKS: STYLE|=========================================================================================*/

.coollinkCtn {padding:20px 35px 0px 35px; font-size:19px; font-weight:normal;}
.coollinkCtn div.linkCtn {clear:both;}
.coollinkCtn div.linkCtn div.linkTxt {height:34px; padding-top:8px; padding-right:30px; float:left;}
.coollinkCtn div.linkCtn div.linkGra {width:40px; height:36px; display:none;}

/* ==|HISTORY ELECTRICITY INVENTORS: STYLE|=========================================================================================*/

.btnLeftPad {padding-left:80px;}

/* ==|WHAT'S THE WORD: STYLE|=========================================================================================*/
ul.wordAlph { list-style-type:none; padding:0px; margin:12px 0px 15px 0px; font-size:19px; font-weight:bold;}
ul.wordAlph li {font-weight:normal; margin:4px 0px;}