html {color: #000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {color: #444; margin:0;padding:0;}
ul li, ol li {list-style: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
h4, h5 { font-size: 12px; line-height: 1.6; margin-bottom: 5px; font-weight: bold; }
h1{font-size: 160%; font-weight: bold;}
body {font-family: Helvetica, Arial, Sans-serif; font-size: 13px; color: #444; background: #E5ECF3;}
hr{ border: 0; color: #ddd; background-color: #ddd; height: 1px; width: 100%; text-align: left;margin: 10px 0px;}
a {text-decoration: none; color:#3B5998;}
a:hover {text-decoration: underline; color: #444;}
a:visited {color:#3B5998;}
input:focus { background-color: #ffd;}
textarea:focus { border:1px solid #01ADED;}
.alignright {text-align:right;}
.left{float: left;}
.right{float: right;}
.bigF{font-size:14px;}
.crt_select{width:55px; padding:2px 0; font-size:15px;}
table tr td.exp_dt_tm{border:0;padding:2px 6px; background:#f4f4ff;}
.timezone_head{font-size:14px; font-weight:bold;}
#content{ width: 930px; margin: 0 auto; padding: 10px 15px 15px 15px; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border: 1px solid #ddd;}
#header a, #content a, #footer a{text-decoration: none; color:#3B5998; }, #footer a:visited{color:#3B5998;}, #footer p a:visited{color:#3B5998;}
#header a:hover , #content a:hover , #footer a:hover {text-decoration: underline; color:#444; }
.clear {clear:both;}
#header, #footer, #navigation-wrapper{ width: 962px; margin: 0 auto;}
#header-wrapper_other { width: 962px; margin: 0 auto; background: #fff; }
#header .active{background: #fff none;}
#header .activetop{background: #fff none; padding-top:5px;}
#header .active a, #content .active a, #footer .active a {background: #fff; font-weight: bold; color: #222;}
.linkbutton{font-weight: bold; font-size: 20px;}
div.pr-brandlogo{text-align:center; margin-bottom:10px;}
div.pr-brandlogo img {padding:1px; border:1px solid #eee; margin-left:10px; height:45px; width:auto;}
/*----------------------- Header Top Part CSS ---------------*/
#header #nav-top-left { width:480px; height:27px; float:left; background: #eee; border-top: 1px solid #ddd;}
#header #nav-top-right{ width:482px; height:27px; float:left; background: #eee; border-top: 1px solid #ddd;}
#header ul#nav-top-left li {float: left; padding: 6px 15px 8px; margin-right: -1px; font-size: 11px;}
#header ul#nav-top-right_ul{ padding:5px 0 2px 0; width:230px; background:#fff; float:right; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px;}
ul.log_width{width:490px!important;}
li.usernamep{width:160px!important; text-align:center!important;}
#header ul#nav-top-right_ul li {float: left; padding:0 10px 0 10px; font-size: 12px; font-weight:bold;}
/*----------- ProProfs Logo & Navigation (Home Page) CSS --------------*/
#header{height:110px; margin-bottom:5px; background:#fff; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border: 1px solid #ddd; border-top:none;}
#hPage_header{*float:left; *width:962px;}
#header #hPage_header #logo{ float:left; height: 48px; width:150px;}
#header #hPage_header #logo a{ height: 48px; }
#header #hPage_header #navigation-wrapper ul#nav-main{ border:0; -moz-box-shadow: 0 0 3px #fff; -moz-border-radius: 5px; -webkit-box-shadow: 0 0 3px #fff; -webkit-border-radius: 5px; width:480px; padding-top:15px; margin-left:15px;}
#header #hPage_header #navigation-wrapper ul#nav-main li a, #header #hPage_header #navigation-wrapper ul#nav-main li.last{border-right: 0; font-size:14px; }
#header #phone_box{float:right; color: #777777; font-size:15px; position: relative; top: 5px; right:10px;}
#navigation #hsearchForm { float: right; position: relative; top: 30px; padding-right:15px; }
#navigation #hsearchsite { color: #9F9F9F; font-size:13px; width: 180px; border: 1px solid #d1d8e8; padding: 5px 3px 3px 3px; height: 18px; float: left; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px;}
.hsearch-submit{background:url('../search_button.html') 0 0;cursor:pointer;display:inline-block;width:30px;height:28px;}
/*----------------------- ProProfs Logo & Adbanner CSS ----------------*/
#header #logo { float:left; width:150px; height:48px; padding:15px 0 0 14px; margin:0px;}
#header #logo a { outline:none; display: block; height: 48px; width: 150px; text-indent: -2000em; z-index: 1000; background: url('../proprofs-qm-logo1.html') 3px 0px no-repeat;}
#header #logo span { display: block; background: url('../proprofs-qm-logo1.html') no-repeat top right; position: relative; top: 20px; right: 0; width: 175px;}
#header #adbanner {float:right; padding:10px 0 0 0; margin-right:10px;}
/*------------------------ Navigation & Search CSS -------------------*/
#navigation #nav-main { float:left; width: 960px; border: 1px solid #eee; -moz-box-shadow: 0 0 3px #eee; -moz-border-radius: 5px; -webkit-box-shadow: 0 0 3px #eee; -webkit-border-radius: 5px;}
#navigation #nav-main li { float: left; padding: 0;}
#navigation #nav-main a { float: left; padding: 0 20px 0px; font-weight: bold; font-size: 12px; border-right: 2px solid #eee; }
#navigation #nav-main a{color:#3B5998; }
#navigation #nav-main a:hover { text-decoration: underline; color: #444; }
#navigation #nav-main .active a{ color: #222; }
#navigation #searchForm { float: right; position: relative; top: -33px; padding-right:10px; }
#navigation #searchsite { width: 240px; border: 1px solid #d1d8e8; padding: 5px 3px 3px 3px; height: 18px; float: left; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px;}
#navigation #search-submit{background:url('../search_button.html') 0 0;cursor:pointer;display:inline-block;width:30px;height:28px;}
/*** Main Wrappers ***/
#main-wrapper{ width: 958px; margin: 0 auto; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border: 1px solid #068dd5;}
#main-top-section{ padding:10px 0 10px 0; background: url('../head_bg_grad_blue.html') #068dd5 repeat-x top left;}
.main_h1_head{font-size:2.6em; font-weight: bold; color:#fff; text-align:center;}
.main_h2_head{font-size:2em; color:#fff; text-align:center; padding-top:5px;}
/*** Main Wrappers ***/
#main-wrapper{ background:#fff; padding-top:7px;}
/*** Middle Content Part CSS ***/
#middle-wrapper{ padding:0 10px 0 0; background-color: #5299DB repeat-x top left; }
.left_img_head{font-size:3em; font-weight: bold; color:#000; text-align:center;}
/* Left Box CSS */
#left_img_box{ float:left; margin:10px 0 0 5px;}
#users_txt{color:#000; font-weight:bold; font-size:13px; padding:7px 0 4px 0;}
#user_logo img{vertical-align:middle;}
#right_img_box{ margin:0; float:left;}
.right_img_head{font-size:1.85em; font-weight:bold; color:#000;}
#right_img_text{margin:40px 0 0 25px;}
ul#right_img_text li{font-size:18px; font-weight:bold; padding:0 0 15px 26px; background: url('../green-tick.html') no-repeat top left; color:#000;}
#qbutton{text-align:center; margin:10px 0 0 5px;}
#qbutton button{padding:12px 35px; font-size:18px;}
#qbutton a.take_tour{font-weight:bold; font-size:14px; color:#000; text-decoration:underline;}
/*------------------------ Content Area Home Page CSS Start ---------*/
#content .heading{margin:0 0 10px 0; padding: 0 0 10px 0; clear:both; float:left; width:932px; }
div.testiStatement{margin-top:20px;}
div.pr-testiLeft {float:left; width:400px; padding-left:20px;}
div.pr-testiRight{float:right; width:400px; padding-right:20px;}
div.pr-testimonialLeft {float:left; width:90px;}
div.pr-testimonialRight{float:right; width:300px;}
img.pr-testi-img {width:84px; height:113px; padding:1px; border:1px solid #ccc;}
div.pr-tetsimonials{-moz-border-radius:8px;-webkit-border-radius:8px; padding:0px; margin-bottom:50px; background-color:#fff;}
div.pr-testiHead {
margin: 0; margin-bottom:10px;
font-size: 18px; font-weight:bold;
color: #000;
}
div.pr-tetsiContent {
margin: 0;
font-size: 13px;
font-weight: normal;
color: #444;
}
div.pr-testiContentby {
margin: 0; margin-top:10px;
font-size: 14px; font-weight:bold;
text-align:right;
}
/** Featured Quiz CSS **/
#content #corporate, #content #education{padding-right:30px;}
#content #corporate, #content #education, #content #fun {width: 290px; float:left;}
#content #corporate img, #content #education img, #content #fun img{float:left; border: 1px solid #eee; padding: 2px;}
#content #corporate h4 , #content #education h4 , #content #fun h4 {float:left; margin:2px 0 0 0; color: #333; font-size:16px; font-weight:bold; color: #333;}
#content .sample{padding:15px 0 5px 0; font-weight:normal;}
#content .sample_Q{padding:15px 0 5px 0; font-weight:bold;}
#content #take_quiz{ margin:10px 50px 0px 50px; padding:10px 10px 0 10px; text-align: center; font-size: 12px;}
/** How it works CSS **/
#content #step-create{background:#f6f6f6 url('../png/step-1.png') 0px 0px no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
#content #step-share{background:#F6F6F6 url('../png/step-2.png') 0px 0px no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
#content #step-analyze{background:#F6F6F6 url('../png/step-3.png') 0px 0px no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
#content #step-create, #content #step-share { float:left; background-color: #f6f6f6; margin:0 30px 0 4px; padding:10px 0 0 30px; width: 255px; height:160px;}
#content #step-analyze{float:left; background-color: #f6f6f6; margin:0; padding:10px 0 0 30px; width: 255px; height:160px; }
#content #step-create h4, #content #step-share h4, #content #step-analyze h4 { margin:0; padding-left:20px; color: #333; font-weight: bold; font-size: 15px; }
#content #step-create ul li, #content #step-share ul li , #content #step-analyze ul li {list-style-type:disc; padding:0 0 3px 0; margin:0; }
/*--------------------Top Home---------------*/
.topHome{background:#fff; padding:0 0 20px 0px;-moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; }
/** Why Everyone Loves Quiz School CSS **/
#content #appr-left{ width:420px; float:left; margin-right:20px;}
#content #appr-right{ width:460px; float:left;}
#content #appr-left ul, #content #appr-right ul { padding-left:40px;}
#content #appr-left ul li, #content #appr-right ul li{list-style-type:disc; margin:0; font-size: 12px; line-height: 22px;}
/** Recent Quiz CSS **/
#content .recentQuiz{ float: left; width: 200px; padding: 10px 10px 0px 10px; margin: 0 5px 0 0; background-color: #f6f6f6; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height:150px;}
#content .recentQuiz p{line-height:19px; }
#content .recentQuiz h4{font-size: 12px;}
#content .ques-rq { padding:10px 0; color: #999; font: 10px Verdana, sans-serif; }
#content .ques-rq a{text-decoration:underline; }
/** Category CSS **/
.catgegory-list{float:left; padding:0; color:#999;}
.catgegory-list strong {float:left; color:#999;}
.catgegory-list a, .catgegory-list a:visited {font-size:11px; text-decoration:none;}
/** common class in content area css **/
#content .Qtitle{width:165px; float:right;}
#content .introQuiz{ color: #777; font-size: 11px; float:left;}
#content .Qdesc-pad {padding-top:10px; }
#content .para{ padding-top: 13px; float: left; line-height: 19px;}
#content .fontbold{ font-size: 14px; font-weight: bold; }
/*------------------------ Content Area Home Page CSS End -----------------------*/
/*-------------------------------- Breadcrumb CSS -------------------------------*/
#breadcrumb {padding:0; margin-bottom: 15px; font-size:0.85em; font-weight:normal; color:#4F4F4F; text-align:left; }
#breadcrumb span {color:#888; font-weight:normal;}
/*-------------------------------- Center Ad Banner -------------------------------*/
.cAd {margin:5px 10px 10px 10px; }
/*-------------------------------- Story page CSS -------------------------------*/
#left-wrapper{padding: 0; width: 575px; float:left; }
#right-wrapper{padding: 0; width: 350px; float:right; }
.remove_add_button{padding:0; margin:0; text-align:right; font-size:11px; }
.remove_add_button span{ margin-left:5px; padding-left:6px; background:transparent url('../png/icon_remove_ad_8x8.png') no-repeat center left; }
.h1_page_head{font-size: 200%; font-weight: normal; }
.h1_page_head_lock{font-size: 200%; font-weight: normal; background:url("../1243594760_lock.html") no-repeat left; background-position: 2px 0px; padding-left: 32px;}
.quiz_detail {color: #999999; padding: 10px 0 1px 0; font-size: 11px; border-bottom: 1px solid #cccccc;}
.quiz_desc { padding-top: 17px; line-height: 19px; }
.user_name{padding:5px 0;}
#tags{padding-top:15px;}
#tags a{font-size:11px; color: #999; }
#tags a:hover{ color: #3B5998; text-decoration: none;}
#user_detail { margin: 30px 0px 20px 0px; padding:5px 5px 5px 0px; color:#333; font-weight:normal;}
#user_detail strong{font-size: 11px; }
#user_detail input{ margin: 3px 0 8px 0; padding:4px 2px 4px 2px; color:#333; font-weight:bold; font-size:1.1em; -moz-border-radius: 3px; -webkit-border-radius: 3px; width:180px;}
.user_info{ width:338px; color:#999 float:right; padding:10px 0 10px 0; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.user_info img{width:62px;height:auto;padding:3px; margin:0px 10px 0px 13px; border:1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.user_info img:hover{border:1px solid #ddd;}
#user_detail_right button{ margin-left:15px; font-size:10px; padding:1px 3px; }
#user_detail_right{float:left; width:220px; line-height:20px; color:#999; }
#user_detail_right strong{ font-size:16px;}
#user_detail_right em{font-weight:normal; font-size:11px;}
#user_detail_right .user_bio{ padding-top:10px; font-size: 11px; color: #999; float:left; line-height: 16px; }
#adbn{ float:right; padding: 20px 0 20px; }
#quizoptions{ }
#quizoptions ul{ margin:0px; margin-top:10px; padding:0px; padding-left:12px; list-style-type:none; }
#quizoptions ul li { padding:0px; padding-top:5px; margin:0px; width:338px;}
#quizoptions ul li a {display:block; background-color:#F0F0F0; padding:8px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size:15px; padding-left:35px;}
#quizoptions ul li a:hover {background-color:#E5ECF3;}
.tags_area {width:338px; float:right; padding:10px 0 10px 0; }
a.icon-story-quizstats { background:url(../png/story-quizstats.png) no-repeat 12px 8px; }
a.icon-story-printquiz { background:url(../png/story-printquiz.png) no-repeat 12px 8px; }
a.icon-story-scorereport { background:url(../png/story-scorereport.png) no-repeat 12px 8px; }
a.icon-story-passwordrequest { background:url(../png/story-passwordrequest.png) no-repeat 12px 8px; }
#share_print_comnt{ width: 570px; background: #f0f0f0; padding:1px 1px 0px 1px; margin-top:10px; border:2px #f0f0f0 solid; border-bottom:none;}
#share_print_comnt ul li{float: left; padding:10px; margin-right:5px;}
#share_print_comnt ul li.current-option{background-color:#fff;}
#share_print_comnt ul .Share_embed{ padding:7px 0 5px 63px; background:transparent url('../png/icon_share_60x20.png') no-repeat scroll 0 3px; }
#share_print_comnt ul .print{ padding:7px 0 5px 30px; background:transparent url('../png/icon_print.png') no-repeat scroll 0 3px; }
#share_print_comnt ul .comment{ padding:7px 0 5px 30px; background:transparent url('../png/icon_comment.png') no-repeat scroll 0 3px; }
.smallfont{font-size: 13px; font-weight: bold; }
#inside_quiz_detail {margin-top:30px; float:left; }
#inside_quiz_detail h2{ font-size:17px; font-weight:bold; }
#inside_quiz_detail ol {padding:15px 0 0 0;}
#inside_quiz_detail ol li{ padding: 7px 0 0 30px; background:transparent url('../gif/question_bullet.gif') no-repeat scroll 0 3px; }
#more{margin:30px 0 40px 0; padding:7px 10px 10px 30px; background:transparent url('../png/icon_arrow.png') no-repeat scroll 0 3px;}
.quiz_container{float:left; overflow-x: auto; overflow-y: auto; border:1px solid #eee; border-bottom-width:2px; margin:0 0 0 13px; width:335px; max-height:300px; }
.quiz_tag_container{float:left; border:1px solid #eee; margin:0 0 0 13px; width:305px; padding:15px; margin-bottom:20px; border-bottom-width:2px; }
#content .quiz_tag_container a {text-decoration:underline;}
h3#more_quiz, h3#related_quiz, h3#quiz_tags{ background: #f0f0f0; margin-left:13px; padding:10px 0 10px 20px; }
h3#related_quiz{margin-top:20px; }
.more_quiz{ padding:10px 0 10px 20px; border-bottom: 1px solid #eee;}
.quiz_descp { font-size:11px; }
/*---------------------- Story Page Comment Discuss CSS --------------------------*/
#comment_discuss{border-top:1px solid #ccc; margin:0; padding:0}
#comment_area{padding: 10px;}
#comment_area h2{ font-size: 17px; font-weight: bold; }
#comment_area h3{ padding:10px 0 10px 0; font-weight: bold; }
/*------------------------------ Footer CSS -------------------------------------*/
#footer { line-height: 18px;font-size:11px; padding: 15px 0 20px 0; }
#footer p {text-align: center;}
#footer span {color: #ccc;}
/*------------------------Heading----------------------*/
.sectionHead{display: block; text-transform:capitalize; border: none; margin:5px 0px 10px 0px; padding: 8px 0px; font-weight: bold; font-size: 1.3em;}
/*---------------------- Green Button Style -----------------------*/
.large .green .awesome{color:#fff; }
.button a{ color:#fff;}
.awesome, .awesome:visited {background: #222 url('../png/alert-overlay.png') repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); cursor: pointer; }
.awesome:hover { background-color: #111; color: #fff; text-decoration: none; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding:5px ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 16px; padding: 7px 20px;}
.green.awesome, .green.awesome:visited { border: 1px solid #2D8F11; background-color: #179406; }
.green.awesome:hover { background-color: #3CBF17; }
.orange.awesome, .orange.awesome:visited { border: 1px solid #F89B2A; background-color: #E68319; }
.orange.awesome:hover { background-color: #F89B2A; }
.blue.awesome, .blue.awesome:visited { border: 1px solid #11808F; background-color: #007d9a;}
.blue.awesome:hover { background-color: #2daebf; }
.red.awesome, .red.awesome:visited { border: 1px solid #DF0D16; background-color: #DF0D16;}
.red.awesome:hover { background-color: #FF000A; }
/*---------------------Login Form, Wrapper-------------------------*/
#_left_wrapper_login{padding: 0; width: 400px; float:left;}
#_right_wrapper_reg{padding: 0; width: 400px; float:right;}
.h1_page_head_lr{font-size:16px; font-weight:bold; letter-spacing:0.02em;}
.form-login-wrapper-login{ margin:0px 0 50px 0; }
.form-login-wrapper-login .login-form{padding:0; margin:0;}
.form-login-wrapper-login .login-form label{margin: 15px 0 0 0; font-weight:normal; color:#777; font-size: 13px; display: block;}
.form-login-wrapper-login .login-form .tiptext{font-size: 10px; padding: 0; margin: 0; color:#555;}
.form-login-wrapper-login .login-form label input{background: url('../gif/field_bg.gif') repeat-x #fff; padding:5px 6px 5px 6px; margin:5px 5px 5px 0px; font-size: 30px; font-weight: normal; -moz-border-radius:2px; -webkit-border-radius:2px;border:1px solid #ccc; width: 385px;}
.form-login-wrapper-login .login-form label input:focus{border:1px solid #3B5998; background:#ffffdd;}
.form-login-wrapper-reg{ margin:0px 0 50px 0; }
.fform-login-wrapper-reg .login-form{padding:0; margin:0;}
.form-login-wrapper-reg .login-form label{margin: 15px 0 0 0; font-weight:normal; color:#777; font-size: 13px; display: block;}
.form-login-wrapper-reg .login-form .tiptext{font-size: 10px; padding: 0; margin: 0; color:#555;}
.form-login-wrapper-reg .login-form label input{background: url('../gif/field_bg.gif') repeat-x #fff; padding:5px 6px 5px 6px; margin:5px 5px 5px 0px; font-size: 30px; font-weight: normal; -moz-border-radius:2px; -webkit-border-radius:2px;border:1px solid #ccc; width: 385px;}
.form-login-wrapper-reg .login-form label input:focus{border:1px solid #3B5998; background:#ffffdd;}
#border-middle{height:415px; float:left; width:125px; text-align:center; background:url(../planb-x.html) no-repeat center;}
#_left_wrapper{padding: 0; width: 500px; float:left; }
#_right_wrapper{padding: 20px 0 0 0; width: 430px; float:right; }
#_inner_left_top, #_inner_left_bottom{ padding-left:0px; }
.form-login-wrapper{ margin:0px 0 50px 0; width: 455px;}
.form-login-wrapper .login-form{padding:0; margin:0;}
.form-login-wrapper .login-form label{margin: 15px 0 0 0; color:#777; font-size: 13px; display: block;}
.form-login-wrapper .login-form .tiptext{font-size: 10px; padding: 0; margin: 0; color:#555;}
.form-login-wrapper .login-form label input{background: url('../gif/field_bg.gif') repeat-x #fff; padding:5px 6px 5px 6px; margin:5px 5px 5px 0px; font-size: 30px; font-weight: normal; -moz-border-radius:2px; -webkit-border-radius:2px;border:1px solid #ccc; width: 440px;}
.form-login-wrapper .login-form label input:focus{border:1px solid #3B5998; background:#ffffdd;}
.tiptext{margin-left: 40px; color:#555;}
.newuser{font-size: 20px; font-weight: bold;}
.tgline{font-size: 11px; font-weight: bold;}
/*----------------------Join Now & Benifits sidebar-------------------*/
.joinnow{ padding: 10px; font-size: 1.5em; font-weight: normal;}
.benefits{ padding: 10px; font-size:14px; line-height: 20px; -moz-border-radius:7px; -webkit-border-radius:7px;}
.benefits h1{font-size: 1.5em; margin-bottom:15px;}
.benefits ul {margin:0; padding:0; list-style: none;}
.benefits ul li{ margin:0px 5px 5px 120px; background: url('../png/icon_right.png') no-repeat; background-position: 0 50%;
padding: 5px 0 5px 30px;}
.regSuccess{margin:30px 220px;}
/*-----------------Error, Warning, Success-----------------*/
.errorDiv{padding:10px; margin:10px 0; font-size: 14px; border:1px solid #D55518; background:#FFE0DF; color:#CB1F02; -moz-border-radius:2px; -webkit-border-radius:2px; line-height: 22px;}
.successDiv{padding:10px; margin:10px 0; font-size: 14px; border:1px solid #348B1E; background:#E6FFDF; color:#348B1E; -moz-border-radius:2px; -webkit-border-radius:2px; line-height: 22px;}
.lockIcon {background:url("../lockicon.html") no-repeat scroll right center transparent;}
.privateIcon {padding:5px 0 3px 10px; background:url("../png/privateicon.png") no-repeat scroll right center transparent;}
/*-----------------ajax loader---------------------*/
#loader{width:0px;}
/*-----------------Single Page Wrapper--------------*/
.singleColWrapper{margin: 15px;}
/*--------------------Icons--------------------*/
.iconRSS{padding:0px 0px 0px 20px; background:url('../png/icon_rss.png') no-repeat left;}
/*-----------------------Create a quiz: Landing Page---------------------*/
.caqwrap{margin: 20px;}
.caq_s{padding: 5px; cursor: pointer; margin:0px 20px 20px 0px; width: 410px; height: 140px; float: left; background: url('../png/icon_scored_quiz.png') no-repeat right #fff; border: 3px solid #fff; -moz-border-radius:4px; -webkit-border-radius:4px; }
.caq_s ul {margin-top: 15px;}
.caq_s label{font-size: 18px; font-weight: normal; cursor: pointer; }
.caq_s ul li{list-style: disc; padding: 5px; margin:2px 2px 2px 30px;}
.caq_p{padding: 5px; cursor: pointer; width: 410px;margin:0px 0px 20px 0px; height: 140px; float: left; background: url('../png/icon_personality_quiz.png') no-repeat right #fff; border: 3px solid #fff; -moz-border-radius:4px; -webkit-border-radius:4px;}
.caq_p ul {margin-top: 15px; }
.caq_p label{font-size: 18px; font-weight: normal; cursor: pointer; }
.caq_p ul li{list-style: disc; padding: 5px; margin:2px 2px 2px 30px;}
.selborder{border:3px solid #ddd; background-color: #FFFFDD;}
.selborder label{font-weight:bolder;}
/*-------------------------------- Quiz Show CSS --------------------------------*/
.htitle{font-size:15px;}
#left-wrapper .grey{background:#eee;width:580px; padding:4px 0 4px 2px; margin:0 10px 0 0; -moz-border-radius:8px; -webkit-border-radius:8px;}
#left-wrapper .grey-in .paper{background:url('../png/question_bg.png') no-repeat; padding:10px;}
#left-wrapper .paper-in {height:11px; background: url('../png/question_bg_bottom.png') no-repeat; }
#left-wrapper #question_area{ margin:15px 20px 8px 18px; }
#question_area .h1_page_head{ padding-bottom:4px;}
#question_area .no_question, #question_area .question, #question_area #ques_time .time_chk{ margin:18px 0 0 0; }
#question_area #ques_time .no_question{float:left; width:200px; font-size:0.82em;}
#question_area #ques_time .time_chk{float:right; padding:2px 0; font-size:0.82em;}
#question_area .question {font-size:1em; font-weight:normal; padding:9px 0 9px 6px; background: #eee;}
#question_area .question span{ font-weight:bold; font-size:15px;}
#question_area .question #question_desc strong p, .question #question_desc strong p{display:inline; line-height:20px;}
#question_area #question_desc{width:490px; float:right; padding:5px; display:inline; }
#question_desc{ display:inline; }
#question_area #question_desc *, #question_area #question_desc p {display:inline; }
#question_area #question_desc .questionNum{font-weight:normal; font-style:italic; font-size:1.4em; color:#999;}
#question_area .question em{font-size:11px; color:#888888;}
#question_area #quiz_description{margin-top:10px; padding-bottom:5px; border-bottom: 1px dotted #ddd;}
#question_area #answer_option{ margin:18px 0 15px 18px;}
#question_area #answer_option label{cursor: pointer; padding:5px; line-height:20px;}
#question_area #answer_option input{margin-right:10px; }
#question_area #answer_option #ur_ans{ padding:0 0 3px 0;}
#question_area .answer{padding:0 0 10px 0;}
#question_area .answer span{margin-left:5px;}
#question_area .sub_button{ margin-top:10px; }
#question_area .sub_button_other{ margin:10px 0 0 19px; }
#question_area #charlimitinfo{ float:right; font-size:0.82em; color: #888888; margin-right:20px;}
#question_area #question_img{margin:10px 10px 0 1px; float:left;}
#question_area #question_data{ float:left; width:313px;}
#right-wrapper #adimage{margin:2px 0 0 12px;}
#right-wrapper #adimage img{border: 1px solid #ddd;}
#left-wrapper #adbottom{margin:15px 0 0 18px; padding-bottom:20px; }
#question_area .question{margin:0px; padding:7px; background:#F5F5F5; border:1px solid #F1F1F1; border-bottom:2px solid #F1F1F1;}
/*-------------------------------- Quiz Report CSS --------------------------------*/
#left_wrapper_quiz{padding: 0; width: 560px; float:left; }
#left_wrapper_quiz .toptxt{font-size:13px; margin-bottom:12px; color:#888;}
#left_wrapper_quiz h1{padding-bottom:20px; border-bottom: 1px solid #ddd;}
#share_embed_sec { float:left; width: 560px; padding:5px 0;}
#left_wrapper_quiz #share_embed_sec ul li{padding:20px 0 0 0;}
#left_wrapper_quiz ul li{cursor: pointer; float: left; padding:5px 0 0 18px; font-size:12px; font-weight: bold;}
#left_wrapper_quiz ul .Share_embed{ padding:7px 63px 5px 0; background:transparent url('../png/icon_share_60x20.png') no-repeat center right; }
#left_wrapper_quiz #certificate{ margin-top:15px; float:left; }
#left_wrapper_quiz #user_detailed_section { margin:20px 0 0 0; border-top:3px solid #ddd; }
#left_wrapper_quiz #user_detailed_section .reports{ padding-left:26px; background:transparent url('../png/icon_reports_16x16.png') no-repeat center left;}
#left_wrapper_quiz #user_detailed_section .stats{ padding-left:26px; background:transparent url('../png/icon_stats_16x16.png') no-repeat center left; }
#left_wrapper_quiz #user_detailed_section .comnt{ padding-left:26px; background:transparent url('../png/icon_comment_16x16.png') no-repeat center left; }
#left_wrapper_quiz #user_detailed_section .detld_reslt{ padding-left:26px; background:transparent url('../png/icon_detailed_16x16.png') no-repeat center left; }
/** Tabs Styling **/
#user_detailed_section ul.tabs {margin-top:20px; }
#user_detailed_section ul.tabs li { text-align:center; width:102px; padding:12px 40px 12px 30px; font-size:14px; font-weight:bold; border: 1px solid #bbb; border-right:none; background: #e0e0e0;}
#user_detailed_section ul.tabs li.first_tab{ width:141px; padding:12px 40px 12px 30px;}
#user_detailed_section ul.tabs li.last_tab{ width:102px; border-right: 1px solid #bbb; padding:12px 40px 12px 30px;}
#user_detailed_section .tab_container { margin:20px 0 0 0; clear: both; float: left; width: 100%; background: #fff; }
#user_detailed_section ul.tabs li.active_tab a{color: #000;}
#user_detailed_section ul.tabs li.active_tab, #user_detailed_section ul.tabs li.active_tab a:hover { background: #fff; color: #222; border-bottom:none; margin:0;}
/******************/
/** Detailed Report Styling **/
#left_wrapper_quiz #url_link{ margin:10px 0 20px 0;}
#left_wrapper_quiz #url_link input{padding:5px 0 5px 4px;}
#left_wrapper_quiz #result_status ul li{float: left; padding:0 35px 0 0; font-size:11px; font-weight:normal;}
#left_wrapper_quiz #result_status ul li span{color:#888;}
#left_wrapper_quiz #result_status ul li .share_report{padding-left:22px; background: transparent url('../png/icon_share_report_16x16.png') no-repeat scroll 0 3px;}
#left_wrapper_quiz #quiz_status{margin:10px 0 0 0; background: #eee; padding:13px 0 15px 13px;}
#left_wrapper_quiz #quiz_status .bg_exc{ background:transparent url('../png/icon_exclamation_16x16.png') no-repeat scroll 0 3px; padding:4px 0 5px 20px;}
#left_wrapper_quiz span.green{ padding: 0 15px 0 0; background:transparent url('../png/icon-correct-10.png') no-repeat center right; }
#left_wrapper_quiz span.red{padding: 0 15px 0 0; background:transparent url('../png/icon-incorrect-10.png') no-repeat center right;}
#left_wrapper_quiz span em{color: #888; }
#left_wrapper_quiz #question_detailed{margin:25px 0 0 0;}
#left_wrapper_quiz #question_detailed #q_no{float:left; text-align:center; width:25px;}
#left_wrapper_quiz #question_detailed #q_desc{float:left;}
#left_wrapper_quiz #question_detailed #q_desc img{border:1px solid #ddd; margin-bottom:10px;}
#left_wrapper_quiz #question_detailed #question_report{padding:5px 0 7px 0; border-bottom:1px solid #ddd;}
#left_wrapper_quiz #question_detailed #answer_report{margin:20px 0 0 0;}
#left_wrapper_quiz #question_detailed #answer_report ul {margin-left:20px;}
#left_wrapper_quiz #question_detailed #answer_report ul li{float:none; font-weight:normal; list-style-type:lower-alpha}
/******************/
#right-wrapper_quiz{width:360px; padding: 0; float:right; }
#right-wrapper_quiz #rel_quiz{ margin-left:20px;}
#right-wrapper_quiz #rel_title{ font-size:13px; font-weight:bold; padding:0 0 10px 0; border-bottom: 1px solid #ddd;}
#right-wrapper_quiz #rel_desc{ font-size:11px; font-weight:bold; padding:10px 0 10px 0; line-height:18px;}
#right-wrapper_quiz #rel_tot{ font-size:11px; color:#888; padding:10px 0 30px 0; border-bottom: 1px solid #ddd;}
#right-wrapper_quiz #adimage_report{margin:20px 0 0 20px;}
#right-wrapper_quiz #adimage_report img{border:1px solid #ddd;}
/*-------------------------------- Profile Page CSS --------------------------------*/
#detailed_info{ float:left;}
#detailed_info ul li {float:left; padding: 0 15px 0 15px; border-right: 1px solid #ccc; font-size:12px; font-weight:bold;}
#detailed_info ul li.first{padding-left:0;}
#detailed_info ul li.last{border-right: none; }
#user_profile_detailed #user_avatar{float:left; padding: 20px 15px 0 0; }
#user_profile_detailed #user_avatar img{ border:5px solid #eeeeee; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#user_ques_att_info{ padding:0 0 5px 0;}
#user_ques_att_info ul li strong{font-size:16px; font-weight: bold; color: #000;}
#user_ques_att_info ul li{ padding:5px 10px 0 0; float:left; font-size:15px; font-weight: bold; color: #847C78;}
#user_profile_detailed #user_info_area{ margin: 20px 0 15px 12px; float:left; width:782px;}
#user_info_area h1{font-size:20px; font-weight:bold;}
#user_info_area #user_status{margin:8px 0 0 0; padding-bottom:6px; color: #888888; font-size:13px;}
#user_status #user_status_info{float:left; width: 665px; height: 23px;}
#user_status #user_join_date{float:left; font-size:11px; }
#user_profile_detailed #user_info_area_other{ margin: 20px 0 15px 0; }
#user_info_area_other h1{font-size:20px; font-weight:bold; padding-bottom:5px;}
#user_info_area #user_status_other{margin:8px 0 0 0; padding-bottom:6px; color: #888888; font-size:13px; width:850px;}
#user_status_other #user_status_info_other{float:left; width: 800px;}
#user_status_other #user_join_date_other{float:left; font-size:11px; }
.profile_quiz_links{ font-size:11px; margin-top:5px;}
.redlink{color:#ff0000 !important;}
.redlink:hover{background:#ff0000; color:#fff !important;}
.redlink:visited{color:#ff0000 !important;}
#plan_details{ margin: 50px 0 0 90px; float:left; width:920px;}
#normal_plan_info{ width:300px; float: left; border:4px solid #bbb;}
#normal_plan_info h2{font-size: 18px; text-transform: uppercase; background:#181F2E; color:#fff; padding:5px 0 5px 20px;}
#normal_plan_info h3{ font-size: 30px; font-weight: bold; background:#636361; color:#fff; padding:10px 0 10px 20px;}
#normal_plan_info #desc_prj{background:#fff; font-size:19px; padding:13px 0 13px 20px; color: #000; }
#normal_plan_info #free{background:#efefef; font-size:30px; padding:13px 0 110px 20px; color: #636361;}
#normal_plan_info #free h4{ border-top: 1px solid #9a9a9a; margin-right:10px; font-size: 30px; font-weight: bold; background:#efefef; color:#636361; }
#arrow_img {margin-top:50px;}
#arrow_img, #arrow_img img{float:left; }
#premium_plan_info{ width:300px; float: left;border:4px solid #bbb; }
#premium_plan_info h2{font-size: 18px; text-transform: uppercase; background:#181F2E; color:#fff; padding:5px 0 5px 20px;}
#premium_plan_info h3{ font-size: 30px; font-weight: bold; background:#008F00; color:#fff; padding:10px 0 10px 20px;}
#premium_plan_info #desc_prj_pr{background:#fff; font-size:19px; padding:13px 0 13px 20px; color: #000; }
#premium_plan_info #free_pr{background:#efefef; font-size:30px; padding:13px 0 10px 20px; color: #636361;}
#premium_plan_info #free_pr h4{ border-top: 1px solid #9a9a9a; margin-right:10px; font-size: 30px; font-weight: bold; background:#efefef; color:#636361; }
#premium_plan_info #free_pr span{font-size:12px; font-weight:normal;}
#premium_plan_info #upgrade_button{ background:#efefef; padding:13px 0 49px 20px;}
#special_offer_text{ margin: 10px 0 0 0; padding:10px 5px 10px 5px; background:#FFFFCE; width:750px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#special_offer_text span{color: #006D00; font-weight:bold; }
/*** MyQuizzes Page CSS ***/
#account_setting { margin:10px 0 0 0; background:#f3f3f3; padding:10px; border:1px solid #ddd; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px;}
#account_setting table tr td.athead{font-size:12px; font-weight:bold; width:400px; text-align:right; padding:5px 0;}
.acnt_setng_box table tr td.athead{font-size:12px; font-weight:bold; width:170px; text-align:right; padding:5px 0;}
/*** Survey Info Div ***/
#survey_box p{ margin:20px 0 5px 0; text-align:center; font-size:17px; font-weight: bold; background-color:#d9f7be; padding: 8px 0; width:auto; border:1px solid #a6d57c; -moz-border-radius: 2px; -webkit-border-radius: 2px;-webkit-gradient(linear,left bottom,left top,color-stop(0.16, rgb(242,222,67)), color-stop(0.52, rgb(245,233,184))), -moz-linear-gradient(center bottom,rgb(242,222,67) 16%, rgb(245,233,184) 52%)}
/*** Setting Page CSS ***/
.acnt_setng_box{margin:10px 0 0 100px; }
.acnt_setng_head{font-size:15px; font-weight:bold; margin-top:40px; border-bottom:2px solid #ddd; padding-bottom:5px;}
.login_setting{margin:0 0 0 175px;}
.login_setting #email_area, .login_setting #about_area, .login_setting #notice_area{margin:10px 0 20px 0; }
.login_setting label{ width:75px; float:left; display:block; vertical-align:top; text-align:right;}
.login_setting #email_area span{color:#FF0000; margin:6px 0 0 5px; }
.login_setting input, textarea, #avatar_area img{ margin: 0 0 0 15px; padding:4px 0;}
.login_setting #avatar_area, #avatar_area img{float: left;}
.login_setting #upload_img{float:left; }
.login_setting #upload_img p{margin-left:15px; padding:6px 0;}
.login_setting #save_area{margin:20px 0 0 90px;}
.cancel_modal{margin:10px 0 0 5px; font-size:14px;}
.cancel_modal li{margin-left:15px; list-style-type:disc;}
.modal_para{font-size:14px; line-height:17px; padding:15px 0 0 0;}
/*** Public Profile Page CSS ***/
#created_quiz, #quiz_taken, #quiz_comment{margin:40px 0 40px 0;}
.quiz_area_details{ min-height:105px;}
.fixed_height{ min-height:280px;}
#created_quiz h2, #quiz_taken h2, #quiz_comment h2{font-size:15px; font-weight:bold; padding:0 0 5px 0; border-bottom: 2px solid #ddd;}
#created_quiz h2 span, #quiz_taken h2 span, #quiz_comment h2 span{color: #888; }
.quiz_area_details{margin:15px 0 0 10px; width:215px; float:left;}
.quiz_info{float:right; width:185px;}
.quiz_logo{float:left;}
.quiz_area_details h3{float:left; margin:0 0 0 3px; font-size:12px; font-weight:bold;}
.q_description{float:right; margin:3px 0 0 3px; font-size:0.89em; width:182px; color:#000;}
.ques_comm_att {float:left; margin:7px 0 0 3px; font-size:11px;}
.edit_delete, .cert_try{font-size:11px; margin: 3px 0 0 0; float:left;}
.cert_try a.profile_quiz_cert{padding:0 0 0 13px; background: transparent url('../png/icon-cert-small.png') no-repeat center left; }
.cert_try a.profile_quiz_tryagain{padding:0 0 0 13px; background: transparent url('../png/icon-tryagain-small.png') no-repeat center left; }
.quiz_paging{ text-align:right; margin:20px 0 0 0; }
.quiz_paging a{border: 1px solid #c2d9ef; padding:2px 8px; background:#eff7ff; font-size:13px; }
#content .quiz_paging span.active_paging{ padding:2px 8px; background:#fff; font-weight:bold; color:#333; border:1px solid #ddd;}
.quiz_paging a:hover{border:1px solid #006699; background:#fff; text-decoration:underline; border: 1px solid #c2d9ef;}
#content .quiz_paging a{text-decoration:none;}
.quiz_area_details_comment{margin:15px 0 10px 10px; width:750px; float:left;}
.quiz_info_comment{float:left; margin: 0 0 0 10px; width:700px;}
.comment_ago{ margin:2px 0 0 0; font-size:11px; float:left; }
/*** My Quizes Page CSS ***/
#my_quizes_detailed{ margin: 25px 0 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #f7f7f7; padding:10px;}
#my_quizes_detailed h2{ font-size: 15px; font-weight: bold; float:left; margin:0 15px 0 0;}
#quiz_detl_infor{ margin:10px 0 0 0; float:left; width:100%}
#quiz_detl_infor ul li{float:left; padding-right:15px; font-size:11px; }
#quiz_detl_infor ul li span{color: #999999;}
#quiz_detl_infor ul li.active{font-weight:bold;}
#quiz_detl_infor #notification{float:right;}
#quiz_detailed_data{ margin:30px 0 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#quiz_detailed_data table{border-collapse:collapse; border: 1px solid #ccc;}
#quiz_detailed_data table thead tr th{background: transparent url('../png/gray-grad.png') repeat-x left; padding:6px 0 8px 12px; font-size:14px; text-align:left;}
#quiz_detailed_data table thead tr th#my_quiz_title{width:357px;}
#quiz_detailed_data table thead tr th#last_modf{width:60px; font-size:12px; font-weight:normal;} /*Aman*/
#quiz_detailed_data table thead tr th#recent_attmpt{width:60px; font-size:12px; font-weight:normal;} /*Aman*/
#quiz_detailed_data table thead tr th#quiz_options{width:119px;} /*Aman*/
#quiz_detailed_data table thead tr th#my_share{width:180px;} /*Aman*/
#quiz_detailed_data table thead tr th#total_attempts{width:60px; font-size:12px; font-weight:normal; padding-left: 0px;} /*Aman*/
#quiz_detailed_data table tbody tr{ border-bottom: 1px solid #ddd;}
#content span.sortarrow img{border:0;}
#quiz_detailed_data table tbody tr td span.thquiz{font-size:12px; font-weight:bold;}
#quiz_detailed_data ul li.Wbutton{margin-top:10px; border: 1px solid #bbb; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; outline:none; background: #dddddd url('../png/btnbg.png') repeat-x scroll left top; padding: 4px 6px 5px 4px;}
#quiz_detailed_data ul li.Wbutton a{ text-decoration:none; }
#quiz_detailed_data ul li.Wbutton:hover{color: #000;border-color: #666;background: #eee url('../png/white-grad-active.png') repeat-x scroll left top; text-decoration:none;}
#quiz_detailed_data table tbody tr.lastR{ border-bottom: none;}
#quiz_detailed_data table tbody tr.greybg{background: #f9f9f9; }
#quiz_detailed_data table tbody tr td.last_modified {font-size:0.88em;}
#quiz_detailed_data table tbody tr td {padding:12px 0 12px 12px;}
.myth{line-height:30px;}
#quiz_detailed_data table tr td ul li{float:left; padding:0 10px 0 0; }
#content #quiz_detailed_data table tr td ul li a{ font-size:0.88em; }
#content #quiz_detailed_data table tr td ul li a#bfnt{font-size:0.9em;}
#content #quiz_detailed_data table tr td ul li a#popup_share{font-size:0.9em;}
#quiz_detailed_data table tr td ul li a.q_reports{ padding-left:15px; background: transparent url('../png/icon_reports_10x10.png') no-repeat center left; }
#quiz_detailed_data table tr td ul li a.q_stats{ padding-left:15px; background: transparent url('../png/icon_stats_10x10.png') no-repeat center left; }
#quiz_detailed_data table tr td ul li a.q_print_css{ padding-left:18px; background: transparent url('../png/icon_print-2.png') no-repeat center left; }
#quiz_detailed_data table tr td ul li a.q_preview_css{ padding-left:18px; background: transparent url('../png/magnifier-icon2.png') no-repeat center left; }
#quiz_detailed_data table tr td ul li a.thickbox{ padding-left:18px; background: transparent url('../png/people_icon.png') no-repeat center left; }
#quiz_detailed_data table tr td ul li a.linkRed{color:#FF0000}
#content #quiz_detailed_data ul li a.Share_embed_quiz{ padding:3px 0 3px 60px; background:transparent url('../png/icon_share_60x20.png') no-repeat center left; text-decoration:none;}
#quiz_detailed_data ul li a.print{ padding:10px 0 8px 15px; background:transparent url('../png/icon_print.png') no-repeat center left; cursor: pointer; text-decoration:none;}
/*** My Results Page CSS ***/
#quiz_detailed_data table thead tr th#quiz_result_title{width:275px;}
#quiz_detailed_data table thead tr th#quiz_date_attempt{width:150px;}
#quiz_detailed_data table thead tr th#quiz_time_taken{width:90px;}
#quiz_detailed_data table thead tr th#quiz_score{width:70px;}
#quiz_detailed_data table thead tr th#quiz_result{width:160px;}
#quiz_detailed_data table tr td.smallsize{ font-size:0.88em;}
#quiz_detailed_data table tr td ul li a.Share_embed_report{padding:3px 0 3px 60px; background:transparent url('../png/icon_share_60x20.png') no-repeat center left; text-decoration:none;}
/*** For New User CSS ***/
#new_user_info{ padding:20px 0; }
#first_quiz_div{margin:20px 0 0 300px; }
/*-------------------Create a Quiz: Scored Quiz------------------*/
#quizprogress{-moz-border-radius:4px; -webkit-border-radius:4px; margin: 15px 0 10px 0; line-height: 30px;}
#quizprogress div.step {width: 310px; margin:10px 0 0 0; text-align: center; font-size: 14px; font-weight: normal; color:#999; padding-bottom: 15px;}
#quizprogress div.current {width: 310px; margin:10px 0 0 0; text-align: center; font-size: 14px; font-weight: bold; color:#111; padding-bottom: 15px;}
#quizprogress div span.digitsel{-moz-border-radius:30px; -webkit-border-radius:30px; width: 30px; margin: 15px 0px; background: #333; color:#fff; padding: 5px 12px; font-size: 20px; font-weight: bold;}
#quizprogress div span.digit{-moz-border-radius:30px; -webkit-border-radius:30px; width: 30px; margin-top: 10px; background: #ccc; color:#fff; padding: 5px 12px; font-size: 20px; font-weight: bold;}
/*--------Question Box-----------*/
.qswrap{padding: 0; margin: 10px 70px;}
.queswrap{padding: 0; margin: 10px 70px; -moz-border-radius:4px; -webkit-border-radius:4px; border:6px solid #CFCFCF; }
.ques_head{padding: 6px; background: #ddd; color:#333; font-size: 14px; margin:0;}
.ques_head span{font-style: italic; color:#666; font-size: 11px;}
.ques_inner{ padding: 10px 20px;}
.ques_inner p.answer{border-bottom: 2px solid #ddd; padding-bottom: 5px; margin-bottom: 10px; font-size: 11px;}
.ques_inner p.answer strong{font-size: 12px; font-weight: bold;}
.ques_inner .ques_op{margin: 0 0 10px 15px;}
.ques_inner .ques_op p{border-bottom: 2px solid #ddd; font-size: 11px; margin-bottom: 10px; padding-bottom: 5px;}
.ques_inner label{color:#999; font-style:italic; font-size: 13px; }
.ques_inner label input{background: url('../gif/field_bg.gif') repeat-x #fff; padding:5px 6px 5px 6px; margin:3px 5px 0px 0px; font-size: 14px; font-weight: normal; -moz-border-radius:2px; -webkit-border-radius:2px;border:1px solid #ccc; width: 500px;}
.ques_inner label input:focus{border:1px solid #3B5998; background:#ffffdd;}
.chkbox{font-size: 11px; color:#444; display: inline;}
textarea.question{width: 743px; margin:10px 10px 10px 10px; background: url('../gif/field_bg.gif') repeat-x #fff; padding:5px 6px 5px 6px; font-size: 14px; font-weight: normal; border:1px solid #ccc; }
textarea.question:focus{border:1px solid #3B5998; background:#ffffdd;}
.addques_wrap{ margin: 20px 70px 20px 70px; background: #FFFFCE; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #EFD4A4;}
.addques_wrap h1{font-size: 1.3em; color:#666; border-bottom: 1px solid #EFD4A4; padding: 3px 7px 3px 7px;}
.addques_wrap .inner{padding:10px;}
/*******Story page listbox style*****************/
#qList { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%;}
#qList select{ border:2px solid #666; border-left:2px solid #666; border-top:2px solid #666; padding:0px; cursor:pointer; background:#fff; min-width:424px; _min-width:424px; }
#qList option { padding:7px; border-bottom:1px solid #ddd; }
#qList option.odd{ background-color:#f7f7f7;}
#qList .btitle{font-weight:bold; font-size:14px; padding:5px;}
._commentBox {margin:0px 0px 5px 0px;}
/**** story detail box, tables****/
#storyDetails{
margin:0 2px 0 0;
font-weight:normal;
padding:1px;
border-top:1px dotted #999999;
}
#storyDetails table td{
padding:1px;
border:1px solid #fff;
margin:0;
}
#storyDetails table td table td{
padding:0px;
border:none;
margin:0 0 0 -2px;
}
#storyDetails table td input{
font-size:12px;
padding:1px;
margin:0 0 0 0;
letter-spacing:0px;
}
.smallContent{ font-size:11px; font-family:sans-serif, Arial; color:#555; }
/*comment rpely icons*/
/*comment icons*/
.icon_comment_edit_10 {
background:url(../comment_edit.html) no-repeat left;
padding:5px 5px 5px 13px;
}
.icon_comment_delete {
background:url(../comment_delete.html) no-repeat left;
padding:5px 5px 5px 13px;
}
.icon_comment_reply {
background:url(../comment_reply.html) no-repeat left;
padding:5px 5px 5px 13px;
}
/*------------------- Share and embed this Quiz Page CSS ----------------------*/
#share_this_quiz .share_head{font-size:15px; font-weight: bold; padding:10px 0 6px 0; border-bottom: 1px solid #dddddd;}
#share_social_name{ margin:20px 0 20px 0; float:left; }
#share_social_name ul {/*background: #e0e0e0; */ padding:12px 0 12px 8px; float:left; width:920px; }
#share_social_name ul li{ float:left; padding-right:45px; font-size:12px; font-weight:bold;}
#share_grab_link{margin-bottom:20px;}
#share_grab_link #grab_text{margin:12px 0 10px 0;}
#share_grab_link input{padding:5px 0 5px 3px;}
textarea#embed_code_main { margin:0px; width:360px; font-size:11px;}
#share_social_name a {font-size: 14px; font-weight: bold;}
a.facebook{ background:url(../share_facebook.html) no-repeat left; padding:10px 0px 10px 40px;}
a.twitter{ background:url(../share_twitter.html) no-repeat left; padding:10px 0px 10px 40px;}
a.myspace{ background:url(../share_myspace.html) no-repeat left; padding:10px 0px 10px 40px;}
a.myemail{ background:url(../share_email.html) no-repeat left; padding:10px 0px 10px 40px;}
a.wb{ background:url(../share_wb.html) no-repeat left; padding:10px 0px 10px 40px;}
a.icon_print_c{ background:url(../icon_print_c.html) no-repeat left; padding:10px 0px 10px 40px;}
a.icon_embed_c{ background:url(../icon_embed_c.html) no-repeat left; padding:10px 0px 10px 40px;}
a.icon_embed_small_c{ background:url(../icon_embed_small_c.html) no-repeat left; padding:10px 0px 10px 40px;}
.widthshare {width:120px; margin-left:0;}
.lastshare{ width: 235px;}
/*********sharing for story page*************/
#share_this_quiz_box {display:none;}
#share_this_quiz_story {padding:20px; border:2px solid #eee; border-top:none; }
#share_this_quiz_story .share_head{font-size:13px; font-weight: bold; padding:10px 0 0px 0; /*border-bottom: 1px solid #dddddd;*/ }
#share_this_quiz_story .share_content { margin-bottom:20px; padding-left:8px;}
#share_this_quiz_story ul {padding:12px 8px 12px 0px; float:left; }
#share_this_quiz_story ul li{ float:left; padding-right:35px; font-size:12px; font-weight:bold;}
#share_this_quiz_story #grab_text{margin:0px 0 10px 0;}
#share_this_quiz_story input{padding:5px 0 5px 3px;}
#share_this_quiz_story #share_social_name{ margin:20px 0 20px 0; float:left; }
#share_this_quiz_story #share_social_name ul {/*background: #e0e0e0; */ padding:12px 0 12px 8px; float:left; width:920px; }
#share_this_quiz_story #share_social_name ul li{ float:left; padding-right:45px; font-size:12px; font-weight:bold;}
/*********sharing for Profile page*************/
#share_this_quiz_profile{margin-left:26px;}
#share_this_quiz_story_profile .share_head{font-size:13px; font-weight: bold; padding:10px 0 0px 0; /*border-bottom: 1px solid #dddddd;*/ }
#share_this_quiz_story_profile .share_content { margin-bottom:20px; padding-left:8px;}
#share_this_quiz_story_profile ul li a{ color: #3B5998;}
#share_this_quiz_story_profile ul li a:hover{ color: #444;}
#share_this_quiz_story_profile ul {padding:12px 8px 12px 0px; float:left; }
#share_this_quiz_story_profile ul li{ float:left; padding-right:35px; font-size:12px; font-weight:bold;}
#share_this_quiz_story_profile #grab_text{margin:0px 0 10px 0;}
#share_this_quiz_story_profile input{padding:5px 0 5px 3px;}
#share_this_quiz_story_profile #share_social_name{ margin:20px 0 20px 0; float:left; }
#share_this_quiz_story_profile #share_social_name ul {/*background: #e0e0e0; */ padding:12px 0 12px 8px; float:left; width:920px; }
#share_this_quiz_story_profile #share_social_name ul li{ float:left; padding-right:45px; font-size:12px; font-weight:bold;}
/*********sharing for my quizzes page*************/
#share_this_myquiz ul li:hover{ color: #444; background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; padding:10px 10px 10px 6px;}
#share_this_myquiz .share_head{font-size:13px; font-weight: bold; padding:10px 0 0px 0; /*border-bottom: 1px solid #dddddd;*/ }
#share_this_myquiz .share_content { margin-bottom:20px; padding-left:8px;}
#share_this_myquiz ul li a{ color: #3B5998;}
#share_this_myquiz ul li{ float:left; font-size:12px; margin-right:5px; font-weight:bold;}
#share_this_myquiz #grab_text{margin:0px 0 10px 0;}
#share_this_myquiz input{padding:5px 0 5px 3px;}
/**********/
.icon_correct_answer{
background:url('../png/icon-correct-11.png') left center no-repeat;
padding-left:15px;
padding-right:20px;
margin-left:5px;
}
.icon_incorrect_answer{
background:url('../png/icon-incorrect-11.png') left center no-repeat;
padding-left:15px;
padding-right:20px;
margin-left:5px;
}
.icon_question_correct_answer{
background:url('../png/icon-correct-11.png') left center no-repeat;
padding-left:15px;
padding-right:20px;
}
.icon_question_notgrade_correct_answer{
background:url('../png/icon-correct-11.png') left center no-repeat;
padding-left:15px;
padding-right:20px;
}
.icon_question_incorrect_answer{
background:url('../png/icon-incorrect-11.png') left center no-repeat;
padding-left:15px;
padding-right:20px;
}
.icon_question_notgrade_incorrect_answer{
background:url('../png/icon-incorrect-11.png') left center no-repeat;
padding-left:15px;
padding-right:20px;
}
/*** Status Messages DIV ********************/
/*** Information Div ***/
#information{ padding:5px; margin:15px 0px 15px 0px; font-size: 14px; line-height:18px; background-color:#fff; color:#AC7231; border:1px solid #e9c362; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#tm_message{ padding:5px; background-color:#fff; color:#AC7231; border:1px solid #e9c362; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#information p{ padding:5px; font-weight:normal; font-size:14px; background-color:#fff; color:#AC7231; line-height:18px; }
#information p a{ text-decoration:none;}
#information p small{color:#999;}
/*** Error Info Div ***/
#errorInfo{ padding:5px 5px 5px 40px; margin:15px 0px 15px 0px; font-size: 14px; line-height:18px; background-color:#fdecef; color:#AD2C3E; border:1px solid #e9233f; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#errorInfo p{ padding:5px 5px 5px 40px; font-size:14px; color:#AD2C3E; background-color:#fdecef; line-height:18px; }
#errorInfo p a{ text-decoration:none;}
#errorInfo p small{color:#999;}
.bgSection_warning{padding:5px 0px 5px 5px; margin:10px 0px 10px 0px; background-color:#fff; color:#AC7231; border:1px solid #e9c362; -moz-border-radius: 2px; -webkit-border-radius: 2px }
/*** Success Info Div ***/
#successInfo{ padding:5px; margin:15px 0px 15px 0px; font-size: 14px; line-height:18px; background-color:#effbed; color:#000; border:1px solid #278518; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
#successInfo p{ padding:5px; font-size:14px; background-color:#effbed; line-height:18px;}
#successInfo p a{ text-decoration:none;}
#successInfo p small{color:#999;}
/*** Time left Info Div ***/
#timeleft, #timeleft span{ padding:2px; font-size: 14px; background-color:#fff; color:#000; -moz-border-radius: 2px; -webkit-border-radius: 3px;}
.msgupgrade h1{float:left; margin-right:10px; padding:6px 0 6px 36px;}
.backtolink {text-align:right;}
.backtolink h1 {font-size:13px;}
.arrow, .arrowR {cursor:pointer; text-decoration:none;}
.arrow:hover, .arrowR:hover {text-decoration:none;}
#TB_closeAjaxWindow img{border:0;}
#Wildfire_Button0{margin-top:-10px; vertical-align: top;}
/*************************** Tour Page CSS *******************************************/
#tour_navigation ul li{float:left; font-size:11px; margin:20px 0 10px 0; padding:1px 7px; border-right: 1px solid #ddd;}
#tour_navigation ul li.first{padding-left:0;}#tour_navigation ul li.last{border-right:0; }
#quiz_question #mul_desc{margin:10px 0;}
.tourhead{font-size:26px; margin:0 0 7px 0; font-weight:bold; text-align:center; cursor:pointer;}
.tourtop_head{font-size:38px; margin:0 0 15px 0; color:#000; font-weight:bold; text-align:center;}
.tour_ul{margin-left:10px;}
#mul_quiz_type ul li{list-style-type:disc;margin-left:15px; padding:0 0 2px 0;}
.tour_image{ text-align:center; margin:10px 0;}
.tour_image img{margin:10px 0 0 0; border:2px solid #ddd;}
.tour_box{padding:0 0 25px 0; margin:0 0 35px 0; border-bottom: 2px solid #999;}
.mpara{ font-size:1.2em; text-align:center; color:#222; line-height:1.2em;}
.toppara{ font-size:15px; margin:15px 0 20px 0; color:#222;}
#bgarea_bottom{ text-align:center; padding:25px 0; font-size:40px; background:#F0F0F0;}
#bgarea_bottom a{color:#1B99DF; }
/********************* Modal CSS ***************************************/
#basic-modal-content .business_user_box a, #basic-modal-content .education_user_box a{ color:#fff; padding:15px 25px;}
#basic-modal-content .business_user_box{width:280px; float:left; font-size:18px; padding:30px 20px 10px 10px; height:225px; margin-right:10px; background:url(../plan-x.html) no-repeat right; text-align:center;}
#basic-modal-content .business_user_box p, #basic-modal-content .education_user_box p{font-size:19px; font-weight:bold; height:80px;}
#basic-modal-content .business_user_box span, #basic-modal-content .education_user_box span{font-size:13px; font-weight:normal;}
#basic-modal-content .education_user_box{ width:280px; text-align:center; float:left; padding:30px 10px 10px 10px; font-size:18px; height:225px; background:#fff; }
/********************* Top Menu Navigation NEW ***************************************/
/* Begin Navigation Bar Styling */
#navinew {
float: left;
margin: 35px 0 0 20px;
_margin: 35px 0 0 0px;
*margin: 35px 0 0 0px;
padding: 0;
z-index:2;
list-style: none;
background-color: #fff;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
-moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px;
}
#navinew li {
float: left; }
#navinew li a {
display: block;
padding: 0 12px;
text-decoration: none;
font-weight: bold;
font-size: 13px;
color: #3B5998;
border-right: 1px solid #3B5998; }
#navinew li a:hover {
color: #444;
text-decoration: none;
background-color: #fff; }
/* End navigation bar styling. */
#content a.free_upgrade{background-color:#ff6600; padding:6px 6px 4px 5px; font-size:11px; font-weight: bold; text-transform:uppercase; color:#fff; -moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px; }
#header a.free_upgrade{background-color:#ff6600; padding:6px 6px 4px 5px; font-size:11px; font-weight: bold; text-transform:uppercase; color:#fff;-moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px;}
#header a.free_upgrade:hover{text-decoration:none; background-color:#df7026; color:#fefefe; }
/*#header a.greencolor{color:#6fc823;}
#header a.greencolor:hover{color:#6fc823;}*/
#header a.premium_member{background-color:#9F613B; padding:1px 5px; font-size:11px; font-weight: normal; text-transform:normal; color:#fff;-moz-border-radius:2px; -webkit-border-radius:2px;}
#header a.premium_member:hover{text-decoration:none; background-color:#BF5617; color:#fefefe; }
.eopt{ background:#eee; padding:5px 2px; margin:-1px 2px 0px 2px;}
.eopt input{align:absmiddle;}
.icon_explanation_right{margin-top:5px; border-top:1px solid #dddddd; display: block; background:url(../arrow_state_grey_right.html) #ddd left no-repeat; padding:1px 0px 1px 16px; font-size:11px;}
.icon_explanation_down{margin-top:5px; border-top:1px solid #dddddd; display: block; background:url(../arrow_state_grey_expanded.html) #ddd left no-repeat; padding:1px 0px 1px 16px; font-size:11px;}
.explanation_descr{padding:10px; background:#f2f2f2;}
table.esettings { width: 98%; padding: 0px; border: none;}
table.esettings td { font-size: 11px; border: none; background-color: #E8EDFF; vertical-align: middle; padding: 6px 5px 6px 5px; border-bottom: 1px solid #fff; }
table.esettings td label{cursor:pointer; }
table.esettings td span.greytip{font-size:10px; color:#999;}
table.esettings td input, table.esettings td select{font-size:14px; padding:3px 2px 3px 2px;}
table.esettings td strong{font-size:12px;}
table.esettings td div.tblclear{margin-bottom:5px;}
table.esettings tr.separator td { background:#e2e2e2; }
.tzone{color:#666; cursor:help; font-weight:normal;}
.tzone span{border-bottom:1px dotted #555;}
/*************************** Browse Page CSS *******************************************/
.b_heading{font-size:22px; font-weight:bold; color:#000;}
.b_subhead{font-size:17px; width:928px; float:left; font-weight:bold; margin-top:30px; padding-bottom:4px; border-bottom:1px solid #ccc;}
.featured_box{float:left; padding:17px 17px 0 21px; width:890px;}
.featured_img{float:left; margin-right:20px; width:160px; text-align:center; }
.featured_img img{border: 1px solid #ccc; width:144px; }
.lastm{margin-right:0;}
.img_head{font-size:14px; font-weight:bold; margin-top:5px;}
.small_data{margin-top:3px; font-size:11px; line-height:15px;}
.attempts_data{font-size:15px; font-weight:bold;margin-top:5px;}
#t_atmpt strong{font-size:22px;}
#t_atmpt span{font-size:11px;}
#category_box{width: 922px; margin: 15px auto; padding: 0 20px 10px 0; }
.catg_head{font-size:14px; font-weight:bold; padding-bottom:13px;}
.category_list{float:left; width:230px; font-size:11px;}
.category_list a{line-height:20px; text-decoration:underline;}
/* PAGE NUMBERING NAVINGATION */
.pages {position:relative; padding:2px 2px 2px 7px; float:right; margin-bottom:10px; margin-top:15px; font-size:14px; text-shadow: 1px 1px 1px #fff;}
.pages p {text-align:right}
.pages p span{padding:2px 6px; border:1px solid #ddd; margin:0px 0px 0px 5px; color:#888;}
.pages p span.current{padding:2px 6px; color:#3B5998; color:#333; font-weight: bold; border:1px solid #ddd; margin:0px 0px 0px 5px;}
.pages p a, .pages p a:visited{padding:2px 6px; background: #EFF7FF; color:#069; border:1px solid #C2D9EF; margin:0px 0px 0px 5px; -moz-border-radius: 1px; -webkit-border-radius: 1px;}
.pages p a:hover, .pages p span a:hover{text-decoration:none; background:#fff; }
.right_img_subhead{font-size:1.85em; font-weight: bold; margin-top:15px; color:#000; text-align:center;}
/*gayash*/
.icon_correct_answer_big{
background:url('../png/results_correct2.png') left center no-repeat;
padding:15px 15px 15px 50px;
margin:15px 10px 15px 10px;
}
.icon_incorrect_answer_big{
background:url('../png/results_incorrect2.png') left center no-repeat;
padding:15px 15px 15px 50px;
margin:15px 10px 15px 10px;
}
/*client page*/
div#nav-tabs_case { margin:5px 0px 0px 5px; }
div#nav-tabs_case ul { margin:0px; padding:0px; }
div#nav-tabs_case ul li { text-transform: none; list-style:none; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}
div#nav-tabs_case ul li a { border-bottom:none; margin-right:5px; text-shadow: none; font-style:italic; padding: 6px 8px 7px 8px; color:#fff; font-weight:bold; font-size:15px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; }
div#nav-tabs_case ul li.current a, div#nav-tabs_case ul li.current a:hover { border-bottom:none; color: #ff0033; font-style:italic; text-transform:uppercase; }
div#nav-tabs_case ul li a:hover { color: #fff; text-decoration:none;color: #ff0033; }
/*----------Top Navigation: Drop Down menu-------------*
/* remove all the bullets, borders and padding from the default list styling */
.gdownmenu_case ul { z-index: 102; text-transform:capitalize; text-shadow:none; padding:0; margin:0; list-style-type:none; list-style:none; float:left;}
.gdownmenu_case ul ul { width:auto; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown gdownmenu positon */
.gdownmenu_case li { float:left; width:auto; position:relative; list-style:none; text-align:left; z-index: 4;}
ul.submenu li{position:relative; left:-1px;}
/* style the links for the top level */
.gdownmenu_case a, .gdownmenu_case a:visited { display:block; font-size:15px; text-decoration:none; color:#7fa500; width:auto; border-top: none; border-left:none; border-right:none; padding-left:10px; line-height:15px; text-transform:capitalize;}
.gdownmenu_case a.downhover_case{ color:#fff; padding-bottom:1px; padding-top:1px; font-style: italic;}
/* selected */
.gdownmenu_case a.selected{ padding-bottom:1px; padding-top:1px; font-style: italic; text-transform: uppercase; }
.gdownmenu_case ul.nav li ul.ulsel li a{width: 120px;}
/* font size for drop down alinks */
.gdownmenu_case ul.nav li ul li a {font-size: 12px; }
/* first menu in dropdown: used for border top */
.gdownmenu_case ul li ul li a.first_case{border-top:1px solid #3B5998; border-left: 1px solid #3B5998;height:23px;background:#fff; }
/*last menu item in drop down : used for border down, round */
.gdownmenu_case ul li ul li a.last_case{ border-bottom:1px solid #3B5998; border-left: 1px solid #3B5998;width: 120px;height:23px; background:#fff; padding-top:5px!important}
/* a hack so that IE5.5 faulty box model is corrected */
* html .gdownmenu_case a, * html .gdownmenu_case a:visited { width: 120px;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.gdownmenu_case ul ul { visibility:hidden; position:absolute; list-style:none; height:20px; left:0; width:130px; background:#FFFFFF; }
/* another hack for IE5.5 */
* html .gdownmenu_case ul ul { top:30px; t\op:31px;}
/* style the table so that it takes no part in the layout - required for IE to work */
.gdownmenu_case table {position:absolute; top:0; left:0;}
* html .gdownmenu_case ul ul a{ width:100px; w\idth:129px; }
/* style the top level hover */
.gdownmenu_case a:hover, .gdownmenu_case ul ul a:hover{ color:#fff; background:#FFFFFF; }
.gdownmenu_case :hover > a, .gdownmenu_case ul ul :hover > a { color:#FF0033;background:#FFFFFF; }
/* make the second level visible when hover on first level list OR link */
.gdownmenu_case ul li:hover ul, .gdownmenu_case ul a:hover ul{ visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.gdownmenu_case ul :hover ul ul{ visibility:hidden; }