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

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

h2.iconjoin{ font-size:1.8em; font-weight:normal; color:#444; background:url(/suggestions/images/join-discuss-icon.png) left no-repeat; padding-left:35px; }
h2.whovotedicon{ font-size:1.8em; font-weight:normal; color:#444; background:url(/suggestions/images/who-voted-icon.png) left no-repeat; padding-left:35px; }

#content-wrap {background: #fff;width:100%;min-height:430px; height:auto;}

/* Sidebar Big Buttons - Round */
#shareSugBtn a:link, #shareSugBtn a:visited { height:25px; text-decoration:none;font-size:1.0em; font-weight:bold;color:#000;display:block;padding:15px 10px 10px 40px; background:url("/images/master-proprofs.png") no-repeat top left; background-position:0px -100px;}
#shareSugBtn a:hover, #shareSugBtn a:active {color:#069; background:url("/images/master-proprofs.png") no-repeat top left; background-position:0px -150px;text-decoration:none;}

#shareSugBtn h1{ text-align:center; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em;}


/**-------------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;	
}

/**** Over riding existing Top menu CSS, to make alignment , paddings and margins perfect***/
#qm0	
	{
		width:auto;
		background-color:#FFFFFF;
		background-image:url(/images/menubgtb.gif);
		border-width:1px 0px 0px 1px;
		border-style:solid;
		border-color:#9c2a29;
	}
#qm0 a	
	{	
		padding:4px 20px 5px 5px;
	}
#qm0 a.menuSelected
	{	
		height:22px;
	}


/*************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; font-weight:bold; 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; 
    list-style-image:url(/images/bullet_orange.png);
    font-size:12px;
}

.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 5px 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;}
.divSectionInner{padding:2px;}

.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;
}

.post_write{
	background:#fff url(/suggestions/images/write-icon.png) no-repeat left;;
	padding:5px 0px 2px 40px;
}

/*--------------------Icons---------------------*/
.errtxt_icon{
	background:url(/suggestions/images/icon_x.gif) no-repeat left;
	padding:2px 2px 2px 22px;
	font-weight:bold;
	letter-spacing:0.3px;
	color:#ef0000;
}
.successtxt_icon{
	background:url(/suggestions/images/icon_check.gif) no-repeat left;
	padding:2px 2px 2px 22px;
	font-weight:bold;
	letter-spacing:0.3px;
	color:#006600;
}


.bottomBar {padding:5px; background:#eee; color:#000; margin:5px; }

.saveButton{
	background:url(/suggestions/images/save_icon.gif) no-repeat right;
	padding:10px 25px 10px 5px;
	color:#111; font-size:16px; font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

/*------------------Shadow Box-------------------------*/
div.ShadowBlock {
	float: left;
	width:auto;
	position: relative;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	background-color:#FFF;
	background-image:url(/suggestions/images/shadowbox/shad_bottom.gif);
	background-repeat:repeat-x;
	background-position:bottom;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
div.ShadowBlock div.bottomleft {
	width:4px;
	height:4px;
	position:absolute;
	bottom:0;
	left:-1px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
	background:url(/suggestions/images/shadowbox/shad_blcorner.gif) no-repeat bottom left;
}
div.ShadowBlock div.bottomright {
	width:4px;
	height:4px;
	position:absolute;
	bottom:0;
	right:-0px;
	background:url(/suggestions/images/shadowbox/shad_brcorner.gif) no-repeat bottom right;
}
div.ShadowBlock div.Fade {
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	background-image:url(/suggestions/images/shadowbox/Fade.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-bottom:4px;
	margin-right:5px;
}
div.ShadowBlock div.Fade h1{
	font-size:1.5em;
	letter-spacing:0.3px;
}
div.ShadowBlock div.Fade div strong{
	letter-spacing:0.3px;
	font-size:1.1em;
	color:#666666;
}
div.ShadowBlock div.SideShadow {
	background-image:url(/suggestions/images/shadowbox/rightShadow.gif);
	background-position:right;
	background-repeat:repeat-y;
}

/*--------------Vote Box-----------------*/
#voteBoxEnable{
	background:url(/suggestions/images/vote-strip.gif) no-repeat center;
	background-position:0 0;
	width:58px;
	height:62px;
	margin:15px 5px 5px 5px;
}

#voteBoxEnable:hover{
	background:url(/suggestions/images/vote-strip.gif) no-repeat center;
	background-position:0px -62px;
}

.voteCountBox{
	width:50px;
	height:50px;
	float:left;
	padding:10px 5px 10px 5px;
	margin:-2px 5px 0px 5px;
	font-size:1.1em;
}
.voteCountBox strong{
	font-size:2.5em;
	color:#666666;
	font-weight:normal;
}

.voteCountBox div{
	margin-top:-10px;
	font-size:0.7em;
	font-family:Arial, Helvetica, sans-serif;
}

.voteit{ }
.voteicon{ 	
	background:url(/suggestions/images/vote-icon-small.gif) no-repeat left;
	background-position:0px 0px;
	padding:6px 5px 2px 18px;
	margin-left:-5px;
	font-weight:bold;
	font-size:0.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.lgmsg{
	width:auto;
	padding-top:15px;
	height:30px;
	font-size:0.7em; color:#666;
}
.attention_icon {
	background:url(/suggestions/images/attention.png)  no-repeat left;
	padding:2px 0px 0px 12px;
}

.votesection{ padding-right:10px; background:url(/suggestions/images/vote-section-bg.gif) right repeat-y; margin:-10px 10px -15px 5px;}

.rowSep{
	border-top:1px solid #eee;
	padding:5px 10px 5px 10px;
	margin:5px -7px 0px -5px;
}	

/*--------------forms / + override--------------*/
.inputgrey{
	border:1px solid #ccc;
	padding:2px 5px 2px 2px;
}	

.smallfrmbtn{
	font-size:0.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding:2px;
}


.top{ padding-bottom:0px; margin-bottom:15px;}

/*---------------------Icons--------------------------*/
.sug_author_icon{
	background:url(/suggestions/images/suguser.gif) no-repeat left;
	padding:2px 2px 2px 18px;
}
.sug_status_icon{ 
	background:url(/suggestions/images/sugstatus.gif) no-repeat left;
	padding:2px 2px 2px 18px;
}
.sug_change_icon{
	background:url(/suggestions/images/chance_icon.png) no-repeat left;
	padding:2px 2px 2px 18px;
}
.sug_date_icon{
	background:url(/suggestions/images/calendar_view_day.png) no-repeat left;
	padding:2px 2px 2px 18px;
}
.sug_calchange_icon{
	background:url(/suggestions/images/calendar_edit.png) no-repeat right;
	padding:2px 20px 2px 2px;
	border:1px solid #ccc;
	width:80px;
	cursor:pointer;
}

.sug_cat_icon{
	background:url(/suggestions/images/sugcat.gif) no-repeat left;
	padding:2px 2px 2px 18px;
}
.sug_comments_icon{
	background:url(/suggestions/images/sugcomments.gif) no-repeat left;
	padding:2px 2px 2px 18px;
}
.pass_icon{
	background:url(/suggestions/images/close_icon_en.png) no-repeat left;
	padding: 2px 2px 2px 20px;
}
.close_icon_en{
	background:url(/suggestions/images/close_icon_en.png) no-repeat left;
	padding: 7px 8px 7px 20px;
}
.close_icon_db{
	background:url(/suggestions/images/close_icon_ds.png) no-repeat left;
	padding: 7px 8px 7px 20px;
}
.open_icon_en{
	background:url(/suggestions/images/icon_open_en.png) no-repeat left;
	padding: 7px 8px 7px 20px;
}
.open_icon_db{
	background:url(/suggestions/images/icon_open_ds.png) no-repeat left;
	padding: 7px 8px 7px 20px;
}
.all_icon_en{
	background:url(/suggestions/images/icon_all_en.png) no-repeat left;
	padding: 7px 8px 7px 20px;
}
.all_icon_db{
	background:url(/suggestions/images/icon_all_ds.png) no-repeat left;
	padding: 7px 8px 7px 20px;
}
.coming_icon_en{
	background:url(/suggestions/images/icon_coming_soon.png) no-repeat left;
	padding: 7px 8px 7px 20px;
}
.coming_icon_db{
	background:url(/suggestions/images/icon_coming_soon_ds.png) no-repeat left;
	padding: 7px 8px 7px 20px;
}

.small_icon_pop{
	background:url(/suggestions/images/vote_yes.png)  no-repeat left;
	padding:5px 0px 5px 20px;
}
.small_icon_time{
	background:url(/suggestions/images/time.png)  no-repeat left;
	padding:5px 0px 5px 20px;
}

/*------------------Admin Commment----------------*/
.adminComment{ background:#FCF0D6; font-weight:bold; color:#000; width:96%; border-bottom:1px solid #ddd; letter-spacing:0.3px; }


.adminReply{width:56px; padding:2px 0px; font-size:0.9em; letter-spacing:0.4px; margin:-5px 0px 0px 2px;;background:url(/images/menubgtb.gif) repeat-x bottom #990000; color:#fff;}
[if gte IE 5] .adminReply{ margin-left:-1px;}

/*------------------Suggestion Status Styles---------------*/
.style_open{ color:#000000; text-transform:capitalize;font-weight:bold;  font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
.style_scheduled{ color:#333399; text-transform:capitalize; font-weight:bold;  font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
.style_comingsoon{ color:#FF3300; text-transform:capitalize; font-weight:bold;  font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
.style_implemented{ color:#006600; text-transform:capitalize; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }


/*---------------new--top---browse-section--------------------------*/
#mrmp{display:block; padding:5px 0px 5px 0px; }

/*---------------------Override-----------------*/
#wrap{ padding-left:10px; }
#content-wrap{height:auto;}
.catLabel{font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.divSectionMid{margin:2px; margin-left:-5px; background:none; border:none;}
.divSectionMid label{padding:5px; background:#fff; color:#444; margin:0px; }
.divSectionMid .head{padding:5px; font-size:16px; letter-spacing:0.4px; background:#eee; color:#444; margin:0px; }
.divSectionMid p {padding:5px; margin:0px; background:#f7f7f7;}
#categorySection{background:#f7f7f7; margin:0px;}
.storyTitle{ padding-top:10px;}
.smallContent{ font-weight:normal; letter-spacing:normal;}
.story_comments_photo{ width:50px; height:auto;}


/*-----------------------------------ToolTip-------------------------*/

/*-----------------Most Recent & Popular Buttons--------------------*/

.tool {
    display: block;
    float: right;
    font-size: 85%;
    padding: 4px 6px;
    min-height: 20px;
	outline:none;
}

.tool a {
    text-decoration: none;
	outline:none;
}

.mrmp .tool, .mrmp .tool:visited {
    font-weight: bold;
	font-size:11px;
    text-decoration: none;
    color: #9c2a29;
    padding: 2px 1px;
    border: 4px solid #fff;
    background: #fff;
    margin-top: 3px;
    height: 20px;
    word-spacing: -0.1em;
}

.mrmp span.tool {
    background: #e37400 url(/suggestions/images/menu-current.gif) 100% 0px no-repeat;
    padding: 0;
    height: auto;
} /*ie6*/

.mrmp span.tool strong {
    display: block;
    background: url(/suggestions/images/menu-current.gif) 0 0px no-repeat;
    color: #fff;
	font-weight:bold;
	font-size:11px;
    padding: 2px 6px;
    height: 16px;
}

.mrmp a.tool:hover {
    text-decoration: underline;
}

.mrmp select {
    font-size: 100%;
}


/********overwriting banner of story page style********/
.bannerStory {border: solid 1px #EEEEEE;}

/**-------------------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;}