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

h2{ padding-top:5px; }

/* 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 40px; background:url("/images/master-proprofs.png") no-repeat top left; background-position:-200px -300px;}
#blocknavcq a:hover, #blocknavcq a:active {color:#069; background:url("/images/master-proprofs.png") no-repeat top left; background-position:-200px -350px; 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 40px;border:#fff 1px solid; background:url("/images/master-proprofs.png") no-repeat top left; background-position:0px -100px}
#blocknavqd a:hover, #blocknavqd a:active {color:#069; background:url("/images/master-proprofs.png") no-repeat top left; background-position:0px -150px; text-decoration:none;}

#blocknavspy a:link, #blocknavspy a:visited { height:25px;  text-decoration:none;font-size:115%; 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;}

#blocknavfd a:link, #blocknavfd 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;}
#blocknavfd a:hover, #blocknavfd a:active {color:#069; background:url("/images/master-proprofs.png") no-repeat top left; background-position:0px -50px;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;
}
	
.fc_textarea{
font-family:arial,tahoma,verdana,sans-serif;margin:2px 0; color:#666666; font-weight:normal; border:#aaa 1px solid; padding:2px 2px 2px 2px; font-size:15px; vertical-align:middle;
}	

/*******FC top most section******/
.top_QS{ color:#9c2b29; margin:-10px 0 0 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; }

.mattblackmenu ul li a{ font-size:14px;}

/*****Home Page Top 3 section*******/
.fc_home_top3{ margin:-10px 0 0 0px; width:100%;}
.fc_top3_btn{ margin:10px 0 10px 0px; width:100%;}
.fc_home_sub{ font-size:12px; font-weight:bold; margin:0px 0px 0px 5px; color:#666666; padding:1px 20px 0px 10px;}

#fc_home_step1{
	margin:5px 0px 5px 0px; padding:1px 25px 0px 5px;
	background:#fff url(/flashcards/images/fc-step-1.gif) no-repeat left top; background-position:0px 0px;
	width:210px;
	height:182px;
}
#fc_home_step2{
	margin:5px 0px 5px 0px; padding:1px 25px 0px 5px;
	background:#fff url(/flashcards/images/fc-step-2.gif) no-repeat left top; background-position:0px 0px;	
	width:210px;
	height:182px;
}
#fc_home_step3{
	margin:5px 0px 5px 0px; padding:1px 25px 0px 5px;
	background:#fff url(/flashcards/images/fc-step-3.gif) no-repeat left top; background-position:0px 0px;
	width:210px;
	height:182px;
}
.boldTitle{ padding:5px 0px 0px 10px; color:#666666;}
.boldTitle h2 {font-size:16px; border:none;}
.boldTitle h2 a, .boldTitle h2 a:link, .boldTitle h2 a:visited{font-size:16px;}

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







/*-------------Sharing and Post Styling for Play Page---------------*/
.post_head                  { font-size:1.4em; text-shadow: 1px 1px 1px #fff; font-weight: bold; color:#555; background: url(/flashcards/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; text-shadow: 1px 1px 1px #fff; 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:330px; -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:323px;  -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(/flashcards/images/share_facebook.png) no-repeat left; padding:10px 0px 10px 40px;}
.post_options ul li a.twitter     { background:url(/flashcards/images/share_twitter.png) no-repeat left; padding:10px 0px 10px 40px;}
.post_options ul li a.myspace     { background:url(/flashcards/images/share_myspace.png) no-repeat left; padding:10px 0px 10px 40px;}
.post_options ul li a.sharethis     { background:url(/flashcards/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(/flashcards/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(/flashcards/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(/flashcards/images/share_icon_fb_16x16.png) left no-repeat; padding:3px 3px 3px 20px;}
.topshare a.tt {background: url(/flashcards/images/share_icon_tt_16x16.png) left no-repeat; padding:3px 3px 3px 20px;}
.topshare a.ms {background: url(/flashcards/images/share_icon_ms_16x16.png) left no-repeat; padding:3px 3px 3px 20px;}
.topshare a.em {background: url(/flashcards/images/share_icon_em_16x16.png) left no-repeat; padding:3px 3px 3px 20px;}
.topshare a.hp {background: url(/flashcards/images/help_inst_16x16.png) left no-repeat; padding:3px 3px 3px 20px;}
.topshare a.cm {background: url(/flashcards/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;}

.pages p a, .pages p a:visited{color:#AF6136; background:#FFF3EF; text-decoration:none; border-color:#EFD2C2;}