/**************************************************/
/* Proprofs.com */
/* CSS styles for Web-School of proprofs.com*/
/**************************************************/

a, a:link, a:visited{ text-decoration:none}
a:hover{text-decoration:underline;}

h1, h2, h3, h4, h5, h6 {border:none;}
/* Sidebar Big Buttons - Round */
#blocknavcq a:link, #blocknavcq a:visited { height:25px; text-decoration:none;font-size:115%; font-weight:bold;color:#000;display:block;padding:15px 10px 10px 10px; background:url("/images/master-proprofs.png") no-repeat top left; background-position:0px 0px;}
#blocknavcq a:hover, #blocknavcq a:active {color:#069; background:url("/images/master-proprofs.png") no-repeat top left; background-position:0px -50px;text-decoration:none;}

#blocknav_csq a:link, #blocknav_csq a:visited { height:25px; text-decoration:none;font-size:115%;  letter-spacing:-1px;  font-weight:bold;color:#000;display:block;padding:15px 10px 10px 0px; background:url("/images/master-proprofs.png") no-repeat top left; background-position:0px 0px;}
#blocknav_csq a:hover, #blocknav_csq a:active {color:#069; background:url("/images/master-proprofs.png") no-repeat top left; background-position:0px -50px;text-decoration:none;}

#blocknav_cpq a:link, #blocknav_cpq a:visited { height:25px; text-decoration:none;font-size:115%;  letter-spacing:-1px;  font-weight:bold;color:#000;display:block;padding:15px 10px 10px 0px; background:url("/images/master-proprofs.png") no-repeat top left; background-position:-200px -200px;}
#blocknav_cpq a:hover, #blocknav_cpq a:active {color:#069; background:url("/images/master-proprofs.png") no-repeat top left; background-position:-200px -250px;text-decoration:none;}

#blocknavqd a:link, #blocknavqd a:visited { height:25px; text-decoration:none;font-size:115%; font-weight:bold;color:#000;display:block;padding:15px 10px 10px 10px; background:url("/images/master-proprofs.png") no-repeat top left; background-position:0px 0px;}
#blocknavqd a:hover, #blocknavqd a:active {color:#069; background:url("/images/master-proprofs.png") no-repeat top left; background-position:0px -50px;text-decoration:none;}

#blocknavspy a:link, #blocknavspy a:visited { height:25px;  text-decoration:none;font-size:115%;  letter-spacing:-1px;  font-weight:bold;color:#000;display:block;padding:15px 10px 10px 40px;border:#fff 1px solid; background:url("/images/master-proprofs.png") no-repeat top left; background-position:0px -200px}
#blocknavspy a:hover, #blocknavspy a:active {color:#069; background:url("/images/master-proprofs.png") no-repeat top left; background-position:0px -250px; text-decoration:none;}


/**-------------Progress status BIG ICONS, ENABLE and DISABLED, EX: Step1, Step2, Step3 MAX----------***/
.step1Enable{
	background:url(/images/step1enable.png) no-repeat left;
	padding:12px 0 0 45px;
	height:36px;
	display:block;
	font-size:20px;
	letter-spacing:-1px;
	color:#333333;
	text-decoration:none;
}	
.step1Disable{
	background:url(/images/step1disable.png) no-repeat left;
	padding:12px 0 0 45px;
	height:36px;
	display:block;
	font-size:20px;
	letter-spacing:-1px;
	color:#ccc;
	text-decoration:none;
}
.step2Enable{
	background:url(/images/step2enable.png) no-repeat left;
	padding:12px 0 0 45px;
	height:36px;
	display:block;
	font-size:20px;
	letter-spacing:-1px;
	color:#333333;
	text-decoration:none;	
}	
.step2Disable{
	background:url(/images/step2disable.png) no-repeat left;
	padding:12px 0 0 45px;
	height:36px;
	display:block;
	font-size:20px;
	letter-spacing:-1px;
	color:#ccc;
	text-decoration:none;	
}		
.step3Enable{
	background:url(/images/step3enable.png) no-repeat left;
	padding:12px 0 0 45px;
	height:36px;
	display:block;
	font-size:20px;
	letter-spacing:-1px;
	color:#333333;
	text-decoration:none;	
}	
.step3Disable{
	background:url(/images/step3disable.png) no-repeat left;
	padding:12px 0 0 45px;
	height:36px;
	display:block;	
	font-size:20px;
	letter-spacing:-1px;
	color:#ccc;
	text-decoration:none;	
}

/*************Grey box for QS, FC and WS home page**********/
.qs_home_top3{ margin:-10px 0 0 10px; width:98%;}
.qs_top3_btn{ margin:10px 0 10px 10px; width:98%;}
.qs_home_sub{ font-size:12px; font-weight:bold; color:#666666;}

#qs_home_step1{
	margin:5px 0px 5px 0; padding:1px 5px 0px 5px;
	background:#fff url(/quiz-school/images/qs-step-1.gif) no-repeat left top; background-position:0px 0px;
	width:235px;
	height:182px;
}
#qs_home_step2{
	margin:5px 0px 5px 0; padding:1px 5px 0px 5px;
	background:#fff url(/quiz-school/images/qs-step-2.gif) no-repeat left top; background-position:0px 0px;	
	width:235px;
	height:182px;
}
#qs_home_step3{
	margin:5px 0px 5px 0; padding:1px 5px 0px 5px;
	background:#fff url(/quiz-school/images/qs-step-3.gif) no-repeat left top; background-position:0px 0px;
	width:235px;
	height:182px;
}

.avFrame
{
  float:left;
  width: 38px;
  height: 38px;
  background: Transparent url('/images/av_frame.gif');
  margin: 0px 5px 0px 0px;
  text-align: center;
}
.avFrame IMG
{
  margin: 5px 0px 0px 0px;
}

.cf
{
  padding: 0px;
  margin: 0;
  clear: both;
}

/*********Main Page***********/
.lsText
{
  float:left;
  font-size:12px;
  margin: 0px 0px 0px 10px;
  font-family:Tahoma, Arial, "Trebuchet MS";
}
.lsText h3{
	margin:0px; 
	padding:0px;
	font-size:14px;
	letter-spacing:normal;
	font-weight:bold; 
	border:none;
}
.qsDescText{ font-size:11px; color:#333333; letter-spacing:normal; text-transform:none; }


.subTextL{
  font-size:11px;
  color:#999999;
}
.boldtext{font-weight:bold;}

.a_user a, .a_user a:link, .a_user a:visited{
	color:#999999;
	font-weight:bold;
}
.a_user a:hover{
	color:#999999;
	font-weight:bold;
	text-decoration:underline;
}

.stepContainer{
	padding:5px 5px 5px 5px;
	width:210px;
	height:170px;	
}

.tourBtn{
	width:183px;
	height:25px;
	padding:45px 0 0 5px;
	text-align:center;
	display:block;
	cursor:pointer;
	font-size:11px;
	color:#999999;
	background: Transparent url('/quiz-school/images/tour-btn.gif') no-repeat;
	background-position:0 0;
}
.tourBtn:hover{
	background: Transparent url('/quiz-school/images/tour-btn.gif') no-repeat;
	background-position:0 -68px;
	color:#000000;
}

.prBtn{
	width:183px;
	height:25px;
	padding:45px 0 0 5px;
	text-align:center;
	display:block;
	cursor:pointer;
	font-size:11px;
	color:#999999;
	background: Transparent url('/quiz-school/images/pr-btn.gif') no-repeat;
	background-position:0 0;
}
.prBtn:hover{
	background: Transparent url('/quiz-school/images/pr-btn.gif') no-repeat;
	background-position:0 -68px;
	color:#000000;
}

.qfaBtn{
	width:183px;
	height:24px;
	padding:45px 0 0 5px;
	text-align:center;
	display:block;
	cursor:pointer;
	font-size:11px;
	color:#999999;
	background: Transparent url('/quiz-school/images/qfa-btn.gif') no-repeat;
	background-position:0 0;
}
.qfaBtn:hover{
	background: Transparent url('/quiz-school/images/qfa-btn.gif') no-repeat;
	background-position:0 -68px;
	color:#000000;
}

.qs_playBtn{ background:url(/quiz-school/images/icon_smallplay.png) right no-repeat; padding:2px 18px 2px 2px;}


/*************DROP DOWN classes for create quiz and edit quiz page**********/
.dropDownOptions{ border:1px #ccc solid; color:#666; font-size:12px; padding:2px; }
.dropDownOptions option{color:#666; padding:2px;}

/*******QS top most section******/
.top_QS{ color:#9c2b29; margin:-10px 0 20px 0;}
.top_QS h1{ text-align:center; color:#000; font-size:20px; font-weight:bold; border:none;}
.top_QS p { color:#666666; font-size:14px; margin-top:-10px; }

/***** CREATE Quiz Boxes, personality and scored quiz ****/
#cQuiz{
	padding:0px 10px 10px 0px;
	margin:0px 10px 10px 10px;
	font-size:12px;
} 
#cQuiz table td p {font-size:12px;}
#cQuiz h2{
	color:#666666;
	border:none;
}
.sectionDivider{ border-left:1px solid #aaa; }

/**** Orange Bullet List *****/
ul.oList{
    margin:0px; padding:0px;
    margin-left:40px;
    margin-top:8px;

}
ul.oList li{
    margin:0px; 
    background:url(/images/bullet_orange.png) no-repeat left;
    padding-left: 18px;
    line-height:25px;
    font-size:1.2em;
}

.allSection{ padding:5px 10px 5px 5px; margin:5px 10px 10px 10px; text-align:justify; }
.allSection p{background-color:#fff; padding:2px 5px 2px 0px; border-bottom:2px dotted #ccc; margin-bottom:10px; font-size:14px; font-weight:bold;}
.allSection IMG{padding:10px;}

/*******USer Type ICONS *****/
.typeBlog{background:url(/quiz-school/images/type_blog.png) right no-repeat; padding:20px 10px 20px 10px;}

/*********Feedback Form*********/
.feedbackForm{ font:Arial, Helvetica, sans-serif; font-size:15px; letter-spacing:-1px; color:#333333; margin:5px; }
.feedbackForm input{ font-size:15px; padding:2px;}
.feedbackForm .borderBtm{border-bottom:1px dotted #333333;}
.feedbackForm .pgTitle{ font-size:24px; }
.feedbackForm .rowDiv{ padding:5px 5px 10px 5px; font:Arial, Helvetica, sans-serif; background-color:#efefef;}
.feedbackForm .topDiv{padding:5px 5px 5px 5px; background:url(/images/bgfill_footer.gif) #F7F7F7 repeat-x top left; border-top:1px solid #ccc;}
.feedbackForm .bottomDiv{ padding:5px 5px 10px 5px; background:url(/images/bgfill_footer.gif) #F7F7F7 repeat-x top left; border-bottom:1px solid #ccc;}
.feedbackForm .redColor{ color:#FF0000;}
.feedbackForm .rowDiv:hover{ background-color:#FDECC4;}

/****Over ride****/
IMG.square{padding:1px; border:1px solid #ccc;}
.linett { 
	background: #fff url(/quiz-school/images/borderLine.gif) no-repeat center bottom;
	margin: 8px auto;
	height: 2px;
	border:none;
}

.thumbBox{padding:5px; width:150px; height:160px; float:left; margin:10px;}
.thumbBox span{font-size:10px;}
.infoText{font-weight:normal;}
.divSectionInner p{margin:10px}
.divSectionInner p a, .divSectionInner p a:link, .divSectionInner p a:visited{text-decoration:none;}
.divSectionInner div.topText{padding:5px 10px 5px 5px;}
.divSectionInner .big{ font-size:14px; border:none; font-weight:bold; color:#333333;}
.divSectionInner p span{ font-size:12px; font-weight:normal; color:#000000;}
.divSectionInner h1.head1{font-size:20px; letter-spacing:-1px; font-weight:normal; color:#333333; border:none;}
.divSectionInner h2.head2{font-size:34px; background-color:#F8F8F8; color:#666666; border:1px solid #ccc; border-bottom:3px solid #ccc; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; padding:2px 5px 2px 5px; margin:0 -11px 0px -11px;}
.divSectionInner h2.head2 a, .divSectionInner h2.head2 a:visited, .divSectionInner h2.head2 a:link{color:#9c2a29; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif;}

.boldTitle{ padding:5px 5px 0px 10px; color:#666666;}
.boldTitle h2 {font-size:18px; border:none;}
.boldTitle h2 a, .boldTitle h2 a:link, .boldTitle h2 a:visited{font-size:18px;}

#userProfileMenu ul li a, #userProfileMenu ul li a:visited{text-decoration:underline;}

.medium_link{
	font-size:14px;
}

.clear{clear: both;}

/**-------------------Body Override------------***/
body{background:#eee; border:none; border-left: 1px solid #e7e7e7;  border-right: 1px solid #e7e7e7;}
#headMiddle{background:#fff;}
#wrap, #wrapper{background: #fff;}
#contentbox{background:#fff;}
.breadcrumb-web{padding:3px 5px;}


/*-------------Sharing and Post Styling for Play Page---------------*/
.post_head                  { font-size:1.4em;  font-weight: bold; color:#555; background: url(/quiz-school/images/share_head_bg.gif) repeat-x #dedede; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; padding:10px 5px 10px 10px; margin-bottom: 0px;}
.post_options               { padding:0px 30px 10px 10px; display: block;  background: #fff; height: auto; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;}
.post_game_preview          { background:#fff; border:#ddd 1px solid; padding:2px; width: 200px; height: 240px; float: left; margin-right: 30px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.post_options .post_share_links{ width: auto;}
.post_options .codearea{padding:5px 5px 5px 6px; width:485px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; background:#ddd; }
.post_options .codearea small {display:block; margin:6px 0px 2px 0px;}
.post_options textarea{border:1px solid #ddd; width:478px;  -moz-border-radius:3px; -webkit-border-radius:3px; color:#999; padding:2px; font-family:Courier New;}

.post_options .codearea .embedsizes{padding: 5px 5px 5px 0px;}
.post_options .codearea .embedsizes .embed_text{font-size: 0.9em; color: #555; float: left; padding:3px; margin: 0px 0px 0px 0px;}
.post_options .codearea .embedsizes label input{outline:none;}
.post_options .codearea .embedsizes label.ortext{float:left; margin:0px 15px 0px 5px;; padding:3px 0px 0px 0px;}
.post_options .codearea .embedsizes label.normal{float: left; outline: none; margin: 0px 10px 0px 0px; font-size: 11px; color:#666; background: #EFEFEF; padding:3px 5px 3px 5px; cursor: pointer; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #EFEFEF;}
.post_options .codearea .embedsizes label.selected{float: left; outline: none; margin: 0px 10px 0px 0px; font-size: 11px; color:#333; background: #fff; padding:3px 5px 3px 5px; cursor: pointer; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #aaa;}

.post_options small.tip{color:#aaa;}
.post_options ul            {list-style-type: none; padding:0px; margin:0px;}
.post_options ul li.normal         {list-style: none; float:left; margin:15px 25px 0px 0px;  -moz-border-radius:4px; -webkit-border-radius:4px; padding:10px 10px 10px 6px; font-weight:normal;}
.post_options ul li.hover          {list-style: none; background:#ddd; float:left; margin:15px 25px 0px 0px;  -moz-border-radius:4px; -webkit-border-radius:4px; padding:10px 10px 10px 6px; font-weight:normal;}
.post_options ul li.hoveru          {list-style: none;  background:#ddd; float:left; margin:15px 25px 0px 0px;  -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-bottom: none; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; padding:10px 10px 10px 6px;}

.post_options ul li.last          {list-style: none; margin:0px;}
.post_options ul li a             { font-size: 1.4em; cursor: pointer;}
.post_options ul li a.facebook    { background:url(/quiz-school/images/share_facebook.png) no-repeat left; padding:10px 0px 10px 40px;}
.post_options ul li a.twitter     { background:url(/quiz-school/images/share_twitter.png) no-repeat left; padding:10px 0px 10px 40px;}
.post_options ul li a.myspace     { background:url(/quiz-school/images/share_myspace.png) no-repeat left; padding:10px 0px 10px 40px;}
.post_options ul li a.sharethis     { background:url(/quiz-school/images/share_sharethis.png) no-repeat left; padding:10px 0px 10px 40px;}
.post_options ul li a.wb, .post_options ul li.wb          { background:url(/quiz-school/images/share_wb.png) no-repeat left; padding:0px 0px 10px 40px;}
.post_options ul li.wb a{font-size: 1.0em; font-weight: bold;}
.post_options ul li a.taf         { background:url(/quiz-school/images/share_taf.png) no-repeat left; padding:10px 0px 10px 40px;}

.post_options .post_share_icons ul li{float: left;}

/*---------------Sharing Options on Play Pages------------*/
.topshare{ margin:0px; font-size:11px; color:#666; padding-top:10px; font-weight:normal;}
.topshare img{ padding:2px; border:1px solid #ccc; width:16px; height:16px; vertical-align:middle; }
.topshare span.SimpleTipHover div {width:40px; height:40px; text-align:center;}
.topshare span.SimpleTipHover div img{ width:35px; height:35px; vertical-align:middle; }
.topshare a {text-decoration:none; font-size:11px; font-weight:normal; padding:3px; margin: 0px 0px 0px 10px;}
.topshare a.fb {background: url(/quiz-school/images/share_icon_fb_16x16.png) left no-repeat; padding:3px 3px 3px 20px;}
.topshare a.tt {background: url(/quiz-school/images/share_icon_tt_16x16.png) left no-repeat; padding:3px 3px 3px 20px;}
.topshare a.ms {background: url(/quiz-school/images/share_icon_ms_16x16.png) left no-repeat; padding:3px 3px 3px 20px;}
.topshare a.em {background: url(/quiz-school/images/share_icon_em_16x16.png) left no-repeat; padding:3px 3px 3px 20px;}
.topshare a.hp {background: url(/quiz-school/images/help_inst_16x16.png) left no-repeat; padding:3px 3px 3px 20px;}
.topshare a.cm {background: url(/quiz-school/images/comment_add_16x16.png) left no-repeat; padding:3px 3px 3px 20px;}
.topshare a:hover{font-size:11px; font-weight:normal;padding:3px 3px 3px 20px;margin: 0px 0px 0px 10px;}

.topshare a:hover{text-decoration:underline;}