.star_icon_en{background:url(../../../images/icon_star_en.png) no-repeat left;}.star_icon_db{background:url(../../../images/icon_star_db.png) no-repeat left;}.clock_icon_en{background:url(../../../images/icon_clock_en.png) no-repeat left;}.clock_icon_db{background:url(../../../images/icon_clock_db.png) no-repeat left;}.vote_icon_en{background:url(../../../images/icon_vote_en.png) no-repeat left;}.vote_icon_db{background:url(../../../images/icon_vote_db.png) no-repeat left;}.comments_icon{background:url(../../../images/comments_icon.png) no-repeat left;}.filepreview_icon{background:url(../../../images/file_preview.png) no-repeat left;}.stat_icon{background:url(../../../images/stat_icon.png) no-repeat left;}.report_icon{background:url(../../../images/report_icon.png) no-repeat left;}.note_icon{background:url(../../../images/icon_note.png) no-repeat left;padding:0px 10px 0px 18px;}.info_icon{background:url(../../../images/information.png) no-repeat left;padding:0px 10px 0px 18px;}.register_icon{background:url(../../../images/icon_register.png) no-repeat left;padding:3px 10px 3px 18px;}.login_icon{background:url(../../../images/icon_login.png) no-repeat left;padding:3px 0px 3px 18px;}.logout_icon{background:url(../../../images/icon_logout.png) no-repeat left;text-decoration:underline;padding:3px 0px 3px 18px;}.myprofile_icon{background:url(../../../images/icon_myprofile.png) no-repeat left;text-decoration:underline;padding:3px 10px 3px 18px;}.adminpanel_icon{background:url(../../../images/icon_admin.png) no-repeat left;text-decoration:underline;padding:3px 10px 3px 18px;}.top_icon{background:url(../../../images/arrow_up.png) no-repeat left;padding-left:18px;}.add_icon{background:url(../../../images/icon_add.gif) no-repeat left;padding:3px 5px 3px 18px;}.rss_icon{background:url(../../../images/rss_icon.gif) no-repeat left;padding-left:18px;}.delete_icon{background:url(../../../images/delete_icon.png) no-repeat left;padding-left:18px;}.tick_icon{background:url(../../../images/tick_icon.png) no-repeat left;padding-left:18px;}.star_icon{background:url(../../../quiz-school/images/star.png) no-repeat left;padding-left:18px;}.quiz_delete_icon{background:url(../../../quiz-school/images/quiz_delete.gif) no-repeat left;padding-left:18px;}.quiz_edit_icon{background:url(../../../quiz-school/images/quiz_edit.gif) no-repeat left;padding-left:18px;}.quiz_reorder_icon{background:url(../../../images/icon_reorder.gif) no-repeat left;padding-left:18px;}.lockIcon{background:url(../../../images/lockIcon.png) no-repeat right;}.icon_comment_edit_10{background:url(../../../images/comment_edit.gif) no-repeat left;padding:5px 5px 5px 13px;}.icon_comment_delete{background:url(../../../images/comment_delete.gif) no-repeat left;padding:5px 5px 5px 13px;}.icon_comment_reply{background:url(../../../images/comment_reply.gif) no-repeat left;padding:5px 5px 5px 13px;}.icon_joined{padding:3px 0px 3px 20px;background:url(../../../images/joined.png) no-repeat left;}.icon_public_email{padding:3px 0px 3px 20px;background:url(../../../images/email.png) no-repeat left;}.icon_quiz_created{padding:3px 0px 3px 20px;background:url(../../../images/quiz_created.png) no-repeat left;}.icon_quiz_taken{padding:3px 0px 3px 20px;background:url(../../../images/quiz_taken.png) no-repeat left;}.icon_personal_info{padding:3px 0px 3px 20px;background:url(../../../images/personal_info.png) no-repeat left;}.icon_link_submission{padding:3px 0px 3px 20px;background:url(../../../images/info.png) no-repeat left;}.icon_viewall_quizes{padding:3px 0px 3px 20px;background:url(../../../images/viewall_quizes.png) no-repeat left;}.icon_change_password{padding:3px 0px 3px 20px;background:url(../../../images/change_password.png) no-repeat left;}.icon_change_email{padding:3px 0px 3px 20px;background:url(../../../images/change_email.png) no-repeat left;}.icon_upload_gallery{padding:3px 0px 3px 20px;background:url(../../../update_avatar/css/upload-gallery.png) no-repeat left;}.icon_upload_computer{padding:3px 0px 3px 20px;background:url(../../../update_avatar/css/upload-comp.png) no-repeat left;}.icon_tag_line{padding:3px 0px 3px 20px;background:url(../../../images/tag-line.png) no-repeat left;}.icon_email_settings_pp{padding:3px 0px 3px 20px;background:url(../../../images/email-settings-proprofs.png) no-repeat left;}.icon_email_settings_qs{padding:3px 0px 3px 20px;background:url(../../../images/email-settings-quiz.png) no-repeat left;}.icon_tooltip_help{background:url(../../../images/help_blue.png) no-repeat left;padding-left:18px;}.icon_score_options{background:url(../../../quiz-school/images/icon_score_options.png) no-repeat left;padding-left:18px;}.icon_quiz_message{background:url(../../../quiz-school/images/icon_message.png) no-repeat left;padding-left:18px;}.icon_quiz_color_customize{background:url(../../../quiz-school/images/icon_customize.png) no-repeat left;padding-left:18px;}.icon_quiz_accessibility{background:url(../../../quiz-school/images/icon_accessebility.png) no-repeat left;padding-left:18px;}.icon_next{background:url(../../../images/icon_next.png) no-repeat right;padding-right:20px;}.icon_previous{background:url(../../../images/icon_previous.png) no-repeat left;padding-left:20px;}.icon_answer{background:url(../../../images/icon_answer.png) no-repeat left;padding-left:20px;padding-bottom:5px;}.icon_flip{background:url(../../../images/icon_flip.png) no-repeat left;padding-left:20px;}.icon_restart{background:url(../../../images/icon_restart.png) no-repeat left;padding-left:20px;}.icon_repeat{background:url(../../../images/icon_repeat.png) no-repeat left;padding-left:20px;}.icon_hide_all{background:url(../../../images/icon_hide_all.png) no-repeat left;padding-left:20px;}.icon_show_all{background:url(../../../images/icon_show_all.png) no-repeat left;padding-left:20px;}.icon_shuffle{background:url(../../../images/icon_shuffle.png) no-repeat left;padding-left:20px;}.news_icon{background:url(../../../images/icon-news.png) no-repeat left;padding:3px 10px 3px 25px;font-weight:normal;}.icon_flickr{background:url(../../../images/icon_flickr.png) no-repeat left;padding-left:20px;}.createSQ_icon{background:url(../../../images/icon_createSQ.png) no-repeat left;padding:15px 0 10px 30px;}.createPQ_icon{background:url(../../../images/icon_createPQ.png) no-repeat left;padding:15px 0 10px 30px;}.createQ_icon{background:url(../../../images/icon_createQ.png) no-repeat left;padding:15px 0 10px 30px;}.exploreQ_icon{background:url(../../../images/discover_icon.png) no-repeat left;padding:15px 0 10px 30px;}.QS_create{background:url('../../../images/qv_create_quiz.png') left center no-repeat;padding-left:20px;}.QS_explore{background:url('../../../images/qv_explore_quiz.png') left center no-repeat;padding-left:20px;}.profile_quiz_cert{background:url('../../../images/icon-cert-small.png') left center no-repeat;padding-left:13px;}.profile_quiz_tryagain{background:url('../../../images/icon-tryagain-small.png') left center no-repeat;padding-left:13px;}.profile_quiz_edit{background:url('../../../images/icon_quiz_edit.png') left center no-repeat;padding-left:13px;}.profile_quiz_delete{background:url('../../../images/icon_quiz_delete.png') left center no-repeat;padding-left:13px;}.profile_manage_card{background:url('../../../images/icon_card_manage.png') left center no-repeat;padding-left:13px;}.icon_small_info{background:url('../../../images/icon-info-small.png') left center no-repeat;padding-left:13px;}.icon_media_add{background:url('../../../images/icon_bullet_add.png') left center no-repeat;padding-left:15px;}.icon_media_remove{background:url('../../../images/icon_bullet_remove.png') left center no-repeat;padding-left:15px;}.icon_delete_option{background:url('../../../images/icon_bullet_delete.png') left center no-repeat;padding-left:15px;}.icon_help_tooltip{background:url('../../../images/small_help_icon.png') left center no-repeat;padding-left:15px;cursor:pointer;}.xlsicon{background:url(../../../images/excel_file_icon.png) no-repeat left;padding-left:18px;}.txticon{background:url(../../../images/text_file_icon.png) no-repeat left;padding-left:18px;}.access_icon{background:url(../../../images/access_icon.png) no-repeat left;padding-left:18px;}.pwd_pending{background:url(../../../images/pending_time.gif) no-repeat left;padding-left:20px;color:#FF0000;}.pwd_approved{background:url(../../../images/action_check.gif) no-repeat left;padding-left:20px;color:#009933;}.question_excerpt{font-weight:bold;font-size:17px;padding-top:10px;}.quiz_hint p{-moz-border-radius:2px 2px 2px 2px;background-color:#D9F7BE;border:1px solid #A6D57C;font-size:17px;font-weight:bold;margin:20px 0 5px;padding:8px 0;text-align:center;width:auto;}.main-div{background-color:#fff;font-size:1.2em;margin:0;padding:0;}.qCenter{background:#fff;}.qBorder{border:2px solid #ddd;padding:10px;margin:10px 0px;-moz-border-radius:5px;-webkit-border-radius:5px;}.main-div table{font-size:13px;padding:0;}.td_sections{padding:3px;}.toolbox a{text-decoration:none;font-weight:normal;}.toolbox a:visited{text-decoration:none;font-weight:normal;}.toolbox table td{padding-bottom:5px;}.td_quiz_sections{background:#fff;margin:0px 0px 3px 0px;padding:3px;}.td_quiz_sections_no_padding{background:#fff;margin:0px 0px 3px 0px;}#td_prev_ques{margin:10px 0px 15px 0px;}.printable_quiz_table{margin-bottom:10px;}.proprofs_qs_logo{margin:0px;border-bottom:1px #f3f3f3 solid;padding:5px 5px 12px 5px;}.quiz_title_link{border-bottom:1px dotted #ccc;padding:3px;text-decoration:none;}.quiz_title_link h1{text-decoration:none;}.quiz_title_link a{text-decoration:none;}.quiz_title_link a:hover{text-decoration:none;color:#006699;}.quiz_title_link.big_padding{border-bottom:1px dotted #ccc;padding:8px;}.quiz_title_link.noborder{border-bottom:none;padding:5px;}.quiz_title_link.big_padding.noborder{border-bottom:none;padding:8px;}h3{font-weight:normal;color:#666;}#summaryText{font-size:10px;padding:3px;}#summaryText a{text-decoration:underline;}#quizDescText{text-align:left;}.quiz_author_image{float:right;text-align:center;padding:0px 0px 0px 10px;}.quiz_author_image img{padding:2px;border:solid 1px #ccc;}.quiz_details_td_style{border-bottom:1px dotted #ccc;padding:10px;}.quiz_details_td_style.noborder{border-bottom:none;padding:5px;}.div_quiz_stat_details{float:left;padding:3px 5px 3px 5px;margin:0;border:1px #aaa solid;background-color:#f7f7f7;text-transform:capitalize;font-size:13px;letter-spacing:-1px;color:#000;}.div_quiz_stat_main{border:none;padding:1px 0px 0px 10px;border:1px #aaa solid;border-left:none;background-color:#fff;margin:0;font-size:18px;font-weight:bold;}.QS_home{background:url('../../../quiz-school/images/icon-qs-home.png') left center no-repeat;padding-left:20px;}.QS_discuss{background:url('../../../images/comments_icon.png') left center no-repeat;padding-left:20px;}.QS_again{background:url('../../../quiz-school/images/icon-qs-again.png') left center no-repeat;padding-left:20px;}.QS_save{background:url('../../../quiz-school/images/icon-qs-save.png') left center no-repeat;padding-left:20px;}.QS_print{background:url('../../../quiz-school/images/icon-qs-print.png') left center no-repeat;padding-left:20px;}.tipIcon{background:url('../../../quiz-school/images/icon-tip-16.png') left center no-repeat;padding-left:20px;}.catIcon{background:url('../../../quiz-school/images/icon-cat.png') left center no-repeat;padding-left:20px;}.tagIcon{background:url('../../../quiz-school/images/icon-tag.png') left center no-repeat;padding-left:14px;}.tagIconSmall{background:url('../../../quiz-school/images/icon-tag-small.png') left center no-repeat;padding:0px 3px 0px 12px;}.icon_correct_answer{background:url('../../../quiz-school/images/icon-correct-10.png') left center no-repeat;padding-left:15px;padding-right:20px;}.icon_incorrect_answer{background:url('../../../quiz-school/images/icon-incorrect-10.png') left center no-repeat;padding-left:15px;padding-right:20px;}.icon_question_correct_answer{background:url('../../../quiz-school/images/icon-correct-10.png') left center no-repeat;padding-left:15px;padding-right:20px;}.icon_question_incorrect_answer{background:url('../../../quiz-school/images/icon-incorrect-10.png') left center no-repeat;padding-left:15px;padding-right:20px;}.icon_explanation_right:link,.icon_explanation_right:visited,.icon_explanation_right:active{background:url('../../../quiz-school/images/icon-arrow-right.png') #ddd left center no-repeat;outline:none;padding:0px 5px 2px 15px;font-size:12px;font-weight:normal;text-decoration:none;}.icon_explanation_right:hover{background:url('../../../quiz-school/images/icon-arrow-right.png') #ddd left center no-repeat;outline:none;color:#069;text-decoration:none;}.icon_explanation_down:link,.icon_explanation_down:active,.icon_explanation_down:visited{background:url('../../../quiz-school/images/icon-arrow-down.png') #ddd left center no-repeat;outline:none;padding:0px 5px 2px 15px;font-size:12px;font-weight:normal;text-decoration:none;}.icon_explanation_down:hover{background:url('../../../quiz-school/images/icon-arrow-down.png') #ddd left center no-repeat;outline:none;color:#069;text-decoration:none;}h1,h1.qvtitle{font-family:Helvetica,Arial,sans-serif;font-size:1.4em;color:#000;font-weight:bold;letter-spacing:0.18px;padding:2px 2px 5px 10px;}.qs_show_wrap{-moz-border-radius:5px;-webkit-border-radius:5px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.qs_show_Box{width:auto;font-family:Helvetica,Arial,sans-serif;letter-spacing:0.5px;padding:0px 10px 10px 10px;margin:0;color:#444;}.topbarQ{color:#888;font-family:Verdana,Geneva,sans-serif;padding:0px;font-size:1em;margin-bottom:5px;}#op_type{padding:5px 0 15px 0;}#txtoption label{padding-right:15px;}.timer{background:#B20C18;color:#fff;padding:6px;-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #950000;}div.headQST,h2{color:#444;display:block;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:bold;border-bottom:1px solid #efefef;letter-spacing:0.18px;}a.wa_button{display:block;background:url(../../../quiz-school/images/abtn-grey.gif) repeat-x top #fefefe;padding:5px;font-size:14px;font-weight:bold;color:#474b4e;height:20px;margin:5px 2px 8px 2px;border:1px solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;}a.wa_button:hover{background:#fefefe;color:#888888;text-decoration:none;}a.wa_button_sel{display:block;background:url(../../../quiz-school/images/abtn-dark.gif) repeat-x top #898083;padding:5px;font-size:14px;font-weight:bold;color:#fff;height:20px;margin:5px 2px 8px 2px;border:1px solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;}a.wa_button_sel:hover{background:#fefefe;color:#888888;text-decoration:none;}.qprint_Icon{background:url(../../../quiz-school/images/_icon_print.png) no-repeat left;padding:5px 5px 5px 28px;}.submitAnswerButton{font-family:Helvetica,Arial,sans-serif;text-decoration:none;margin:10px 0px 10px 55px;font-size:1.2em;font-weight:bold;outline:none;padding:5px 5px;width:180px;cursor:pointer;-moz-border-radius:15px;-webkit-border-radius:15px;border-width:1px;border-style:solid;border-color:#bbb;color:#464646;background:#f2f2f2 url(../../../images/white-grad.png) repeat-x scroll left top;text-shadow:#ffffff;}.submitAnswerButton:hover{color:#000;border-color:#666;}.submitAnswerButton:active{background:#eee url(../../../images/white-grad-active.png) repeat-x scroll left top;outline:none;}.qRowB{background:#fff;padding:0px 0px 0px 0px;}.questionN{font-size:14px;font-style:italic;color:#888;font-family:Helvetica,Arial,sans-serif;}.questionN.options{font-size:12px;font-style:normal;color:#888;font-family:Helvetica,Arial,sans-serif;}.question_text{font-size:14px;font-weight:bold;font-family:Helvetica,Arial,sans-serif;}label{outline:none;}.labelHover{font-size:12px;font-family:Helvetica,Arial,sans-serif;padding:6px;font-weight:normal;}.labelHover_hover{font-size:12px;font-family:Helvetica,Arial,sans-serif;background-color:#FFFF99;cursor:pointer;padding:5px;font-weight:normal;color:#333333;border:1px solid #FFFF99;}.labelNormal{font-size:12px;font-family:Helvetica,Arial,sans-serif;padding:6px;font-weight:normal;}.labelNormal.border{font-size:12px;font-family:Helvetica,Arial,sans-serif;color:#555;padding:6px;font-weight:normal;border:2px solid #ddd;border-right-width:1px;border-bottom-width:1px;background-color:#f7f7f7;}#commentForm{background-color:#f7f7f7;border-top:1px #ccc solid;border-bottom:1px #ccc solid;padding:10px;}.vCode{padding:2px;border:1px #ccc solid;}div.downloadButtons{margin-top:0px;}div.downloadButtons p{color:#666666;font-size:12px;letter-spacing:-1px;}span.button a{height:27px;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;float:left;display:block;overflow:hidden;}span.button a span{display:block;white-space:nowrap;padding:5px 8px 5px 0;line-height:18px;cursor:pointer;}span.button a.red{color:#FFFFFF;padding:0 0 0 8px;text-decoration:none;background:#9B2A29 url('../../../quiz-school/images/red_comp_left.png') left top no-repeat;}span.button a.red:hover{padding:0 0 0 8px;color:#FFFFFF;background:#1B2329 url('../../../quiz-school/images/red_comp_left.png') 0 -27px no-repeat;}span.button a.red span{background:#9B2A29 url('../../../quiz-school/images/red_comp_right.png') right top no-repeat;}span.button a.red:hover span{background:#1B2329 url('../../../quiz-school/images/red_comp_right.png') right -27px no-repeat;}.category-list{list-style:none;list-style-type:none;padding:4px 0px 0px 15px;}.category-list li{background:url('../../../images/bullet_red.png') left center no-repeat;padding:0px 0px 0px 16px;list-style:none;}#relatedDiv{margin:10px 0px 10px 10px;}.related-quiz-list{list-style:none;list-style-type:none;padding:5px 0px 0px 10px;}.related-quiz-list li{background:url('../../../images/bullet_red.png') left top no-repeat;background-position:0px 4px;padding:2px 0px 5px 16px;list-style:none;font-size:1.1em;font-weight:normal;}.related-quiz-list li a{font-size:1.0em;text-decoration:none;}.breadcrumb-web{border-top:1px solid #ccc;border-bottom:1px solid #aaa;background:url('../../../images/bcbg.gif') #f3be60 repeat-x left top;padding:2px 2px 2px 5px;font-size:11px;color:#666666;margin-bottom:5px;height:26px;}.breadcrumb-web strong{font-size:11px;color:#666666;}.breadcrumb-web span a,.breadcrumb-web span a:link,.breadcrumb-web span a:visited{color:#666666;text-decoration:underline;}.breadcrumb-web span a:hover{color:#666666;text-decoration:underline;}#userProfileMenu{font-size:11px;float:right;}#userProfileMenu span{padding:5px;}.input_quiz_text{height:18px;font-size:15px;font-family:Helvetica,Arial,sans-serif;color:#666666;font-weight:bold;border:#aaa 1px solid;vertical-align:middle;padding:2px 2px 2px 2px;margin:2px 0;}.oneCornerRoundBox{margin:5px 0px 5px 0;padding:2px 1px 0px 2px;background:#fff url(../../../images/sidebarboxbg.gif) no-repeat left top;background-position:0px 0px;}#td_sidebar{width:240;}#td_left_ad{width:170;}.thumbnail{position:relative;z-index:0;}.thumbnail:hover{z-index:50;}.thumbnail span{position:absolute;background-color:#666666;padding:5px;border:2px solid #ccc;display:none;color:black;text-decoration:none;color:#fff;}.author_av{width:50px;height:auto;}.divSectionHeader.rating{margin:-3px;letter-spacing:0.30px;}.fillin_list{list-style:disc;margin-left:22px;}#errorInfo{background:url(../../../images/error-icon-32.png) #fdecef no-repeat left;color:#000;}#errorInfo p{margin-left:25px;font-size:14px;}.iframeview{border:none;}.breadcrumb-web{margin-bottom:0px;}*{margin:0;padding:0}body{color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif;font-weight:normal;}#wrap{margin:0;position:relative;text-align:left;padding:10px 0px 0px 0px;background:#fff;}#contentbox{margin:15px 5px 0px 10px;font-size:93%;}#contentbox a:link,#content a:visited{text-decoration:none}#contentbox a:hover{text-decoration:underline;color:#069;}#sidebar{width:200px;padding:12px 5px 40px 5px;margin:0;float:right;}#content-wrap{background:#fff;width:100%;min-height:630px;height:auto;}#content-wrap1{background:#fff;position:relative;width:100%;min-height:630px;height:auto;}#content-wrap2{background:#fff;position:relative;width:100%;min-height:630px;height:auto;}#content-wrap3{background:#fff;position:relative;width:100%;min-height:630px;height:auto;}.headerTextBorder{border-bottom:1px dotted #666666;background-color:#fdc25c;padding:3px;font-weight:bold;font-size:15px;letter-spacing:-1px;}.cleaR{margin:5px 0 5px 0;}ul{list-style:none}img{border:none}hr{margin:1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}.clear{clear:both;position:relative;font-size:0px;height:0px;line-height:0px}table{margin:0px;}a,a:link,a:link,a:link,a:hover{cursor:pointer;}a:visited{color:#3B5998;text-decoration:underline;}a:hover,a:active{color:#069;}form{margin:0;}input{font-size:15px;}input.text{font-family:Helvetica,Arial,sans-serif;margin:2px 0;height:18px;color:#666666;font-weight:bold;border:#aaa 1px solid;padding:2px 2px 2px 2px;font-size:15px;vertical-align:middle;}.textField{font-family:Helvetica,Arial,sans-serif;margin:2px 0;height:18px;color:#666666;font-weight:bold;border:#aaa 1px solid;padding:2px 2px 2px 2px;font-size:15px;vertical-align:middle;}input.login{padding:3px 5px 3px 5px;font-family:Helvetica,Arial,sans-serif;font-size:14px;letter-spacing:0px;font-weight:bold;}input.submit{padding:3px 5px 3px 5px;font-family:Helvetica,Arial,sans-serif;font-size:14px;letter-spacing:0px;font-weight:bold;}.divSectionBox{padding:8px;margin:10px 0 15px 0;border:1px #dedede solid;background-color:#eee;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:1px 1px 1px #fff;}.divSectionHeader{padding:3px 3px 3px 10px;margin:0;background-color:#f7f7f7;font-size:18px;letter-spacing:-1px;border-bottom:1px solid #aaaaaa;}.divSectionHeader h2{padding:5px 5px 5px 25px;margin:0;font-size:16px;text-decoration:none;border:none;}.divSectionNav{padding:3px 3px 3px 10px;margin:0;background-color:#f7f7f7;font-size:18px;border-top:1px solid #ddd;}.divSectionMid{padding:3px 3px 3px 10px;margin:0px 0px 0px 0px;background-color:#f7f7f7;font-size:12px;border-bottom:1px solid #ddd;}.divSectionMid table td{font-size:12px;font-weight:normal;}.catLabel{font-size:11px;font-weight:bold;padding:2px;}.catLabel:hover{cursor:pointer;color:#ffffff;background-color:#666666;}#categorySection{margin:5px 5px 0px 5px;padding:10px;}#categorySection ul{list-style:none;list-style-type:none;}#categorySection ul li{list-style-type:none;background-color:#fff;border:1px solid #ddd;border-left:3px solid #ddd;margin:0 7px 5px 0;width:190px;}.infoText{font-size:12px;letter-spacing:normal;color:#666666;}.divSectionInner{margin:0;background:#ffffff;}.divSectionFooter{padding:3px 3px 3px 5px;margin:0;background-color:#666;border-top:1px solid #000;color:#fff;font-size:12px;}fieldset{border:1px #ccc solid;margin:1em 0;font-weight:normal;padding:15px;background:url(../../../images/bgfill_grey.gif) repeat-x top left;}* html fieldset{background:none;}fieldset dl{margin:0;padding:0}fieldset dt{clear:left;float:left;width:18em;text-align:right;padding:0 1em 0.5em 0}fieldset dd{padding:0 0 0.5em 0;font-weight:bold}fieldset.labels label{width:10em;float:left;text-align:right;display:block;padding:0.2em 0.5em 0.2em 0}fieldset.labels div{padding:0.2em 0;clear:left}label{display:block;padding:5px 0;font-weight:bold;font-size:130%;cursor:pointer;}.tiplabel{display:block;padding:5px 0;font-size:11px;font-weight:normal;cursor:pointer;}label br{clear:left}legend{font-weight:normal;letter-spacing:-1px;padding:0px 7px 0px 7px;color:#333;font-size:110%;background-color:#eeeeee;border:1px #ccc solid;text-transform:capitalize;}h1,h2,h3,h4,h5,h6{letter-spacing:-1px;font-family:Helvetica,Arial,sans-serif;margin:.2em 0 .3em;color:#000;border-bottom:1px solid #eee;padding-bottom:.1em;}h1{font-size:140%;}h2{font-size:136%}h3{font-size:126%}h4{font-size:116%}h5{font-size:106%}h6{font-size:96%}.highlight{color:#E17000}.subdued{color:#999}.error{color:#fff;font-weight:bold;margin-top:10px;border:1px solid #ff0000;background:#CC0000;padding:5px;}.success{color:#390;font-weight:bold}.caption{color:#999;font-size:11px}.date{font:bold 82% arial;color:#bbb;display:block;letter-spacing:1px}.pages{position:relative;padding:2px 2px 2px 7px;float:right;margin-bottom:10px;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:#23A6C7;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;}.orangeList{padding:0px 10px 10px 10px;margin:0px 10px 10px 10px;}.orangeList li{list-style:url(../../../images/bullet_orange.gif);margin:7px;}.oneCornerRoundBox{margin:5px 0px 5px 0;padding:2px 1px 0px 2px;background:#fff url(../../../images/sidebarboxbg.gif) no-repeat left top;background-position:0px 0px;}#insideCornerBox{padding:2px 1px 5px 5px;border-right:2px #eee solid;border-bottom:2px #eee solid;background-position:0px -2px;}#insideCornerBox strong{display:block;font-size:120%;padding:3px;margin:2px;color:#000;border-bottom:none;}.insideCornerBox{padding:2px 1px 5px 5px;border-right:2px #eee solid;border-bottom:2px #eee solid;background-position:0px -2px;}.insideCornerBox strong{display:block;font-size:120%;padding:3px;margin:2px;color:#000;border-bottom:none;}#navcontainer{width:auto;padding:2px 2px 2px 2px;margin:0px -2px -7px 0px;}#navcontainer ul{margin-left:0;padding-left:0;list-style-type:none;}#navcontainer a{font-size:14px;display:block;padding:3px 3px 3px 30px;background:url(../../../images/_folder_icon.png) no-repeat;background-position:8px 3px;margin:0px -2px 0px -7px;width:auto;letter-spacing:normal;color:#3B5998;font-weight:normal;border-bottom:1px solid #efefef;outline:none;}#navcontainer li.current{font-size:14px;display:block;padding:3px 3px 3px 30px;margin:0px -2px 0px -7px;border-bottom:1px solid #efefef;background:url(../../../images/_folder_icon.png) no-repeat;background-position:8px 3px;color:#000;letter-spacing:normal;width:auto;font-weight:bold;}#navcontainer a:link,#navcontainer a:visited{color:#3B5998;text-decoration:none;}#navcontainer a:hover{background:url(../../../images/_folder_icon.png) no-repeat;background-position:8px 3px;margin:0px -2px 0px -7px;color:#069;text-decoration:underline;border-bottom:1px solid #efefef;}#sidebottombox{padding:5px;}#sidebottombox a{text-decoration:none;}#sidebottombox a:hover{text-decoration:underline;}#sidebottombox a:visited{text-decoration:none;}#sidebottombox a.feedback,#sidebottombox a.feedback:visited{background:url(../../../images/feedback_icon.gif) no-repeat left;padding:3px 3px 3px 22px;border-bottom:1px solid #efefef;display:block;}#sidebottombox a.feedback:hover{text-decoration:underline;}#sidebottombox a.subscribe,#sidebottombox a.subscribe:visited{background:url(../../../images/rss_icon.gif) no-repeat left;padding:3px 3px 3px 22px;display:block;border-bottom:1px solid #efefef;}#sidebottombox a.subscribe:hover{text-decoration:underline;}#sidebottombox a.spy,#sidebottombox a.spy:visited{background:url(../../../images/icon_spy.png) no-repeat left;padding:3px 3px 3px 22px;display:block;border-bottom:1px solid #efefef;}#sidebottombox a.spy:hover{text-decoration:underline;}#sidebottombox a.sharesug,#sidebottombox a.sharesug:visited{background:url(../../../suggestions/images/share_email_icon.png) no-repeat left;padding:3px 3px 3px 22px;display:block;border-bottom:1px solid #efefef;}#sidebottombox a.sharesug:hover{text-decoration:underline;}#sidebottombox a.help,#sidebottombox a.help:visited{background:url(../../../images/help_16x16.gif) no-repeat left;padding:3px 3px 3px 22px;display:block;border-bottom:1px solid #efefef;}#sidebottombox a.help:hover{text-decoration:underline;}.footer{clear:all;border-top:1px solid #E3E8EE;padding:10px 0 30px 15px;font-size:86%;color:#999;margin-top:15px;}.footer a:link,#footer a:visited{color:#999}.news-summary{padding:7px 0 22px 0;position:relative;clear:left;font-size:100%;}.storyDescbox{margin:0 0px 10px 0;padding:1px 1px 0px 1px;background:#fff url(../../../images/storycontentbg.gif) no-repeat left top;background-position:0px 0px;}.storyDescbox a:link,.storyDescbox a:visited{color:#3B5998;text-decoration:none;}.topLinkBar{padding:0px 0px 0px 2px;}.top{padding:0px 5px 5px 10px;border-right:2px #eee solid;border-top:2px #eee solid;border-bottom:2px #eee solid;background-position:0px -2px;letter-spacing:normal;}.top h4{margin:0;padding-left:4px;font-size:120%;font-weight:bold}.top h4 a:link,.top h4 a:visited{color:#000;text-decoration:none}.top h4 a:hover{color:#069;text-decoration:underline}.top h3{margin:0 0 3px 0;padding-left:4px;font-size:105%;font-weight:bold;border:none;}.top h3 a:link,.top h3 a:visited{text-decoration:none}.top h3 a:hover{color:#069;text-decoration:underline}#nocatcol{border-top:5px solid #999;}.storyTitle{margin:0 0 3px 0;padding-left:4px;font-size:15px;font-weight:bold;letter-spacing:-1px;font-family:Helvetica,Arial,sans-serif;margin:.2em 0 .3em;color:#000;padding-bottom:.1em;border:none;}.storyTitle a:link,.storyTitle a:visited{color:#3B5998;text-decoration:none;}.storyTitle a:hover{color:#069;text-decoration:underline}storyTitle_h3{color:#3B5998;}.storyTitle_h3 a{margin:0 0 3px 0;padding-left:4px;font-size:15px;font-weight:bold;letter-spacing:-1px;font-family:Helvetica,Arial,sans-serif;margin:.2em 0 .3em;padding-bottom:.1em;border:none;border:none;color:#3B5998;}.storyTitle_h3 a:link,.storyTitle_h3 a:visited{color:#3B5998;text-decoration:none;}.storyTitle_h3 a:hover{color:#069;text-decoration:underline}#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;}.reply-comment{background:url(../../../images/reply-comment.gif) no-repeat left;padding:3px 10px 3px 14px;font-size:11px;}#userProfileMenu{margin:0px 0px 0 25px;font-size:13px;padding:0px 5px 0px 5px;font-size:11px;}#userProfileMenu ul{list-style:none;}#userProfileMenu li{float:right;}.browsebytitle{padding:8px 8px 8px 0px;float:left;}.browseby{float:left;letter-spacing:-1px;font-size:12px;color:#333333;}#browsetab{border-bottom:2px solid #cccccc;padding:0px 0px 6px 0px;margin-bottom:15px;}.shadetabs{padding:0px 0;margin-left:0;margin-top:1px;margin-bottom:0;font:14px Arial;letter-spacing:-1px;list-style-type:none;text-align:left;position:relative;}.shadetabs li{display:inline;margin:0px 5px 0px 0px;}.shadetabs li a{text-decoration:none;padding:6px 16px;border:2px solid;border-color:#cccccc;color:#3B5998;background-color:#efefef;}.shadetabs li a:visited{color:#3B5998;}.shadetabs li a:hover{text-decoration:none;color:#069;}.shadetabs li.tabselected{position:relative;color:#069;top:0px;}.shadetabs li.tabselected a{background-image:url("../../../images/tab_bg.gif");border-bottom-color:#f7f7f7;font-weight:bold;color:#3B5998;}.shadetabs li.tabselected a:hover{text-decoration:none;color:#069;}#sectionTopMenu{margin:0;background:url(../../../images/left-top-corner-bg.gif) left top no-repeat;padding:2px 0 0 7px;text-align:left;font-size:11px;}.boldTitle{letter-spacing:-1px;}.boldTitle h1,.boldTitle h1 a,.boldTitle h1 a:link,.boldTitle h1 a:visited{font-size:15px;border:none;text-decoration:none;}.boldTitle h2,.boldTitle h2 a,.boldTitle h2 a:link,.boldTitle h2 a:visited{font-size:15px;border:none;text-decoration:none;}.shortDesc{padding:5px;font-size:11px;color:#666666;}.shortDesc a{text-decoration:none}.shortDesc a:hover{text-decoration:underline}.tagDirectory{margin-top:-10px;font-size:13px;font-weight:normal;}.topcat a,.topcat a:link,.topcat a:visited,.topcat a:hover{font-size:15px;letter-spacing:-1px;text-decoration:underline;font-weight:bold;}.catHeading{margin:0;background:url(../../../images/left-top-corner-bg.gif) left top no-repeat;padding:7px 5px 5px 7px;text-align:left;}.catHeading a,.catHeading a:link,.catHeading a:visited,.catHeading a:hover{text-decoration:none;padding:0 2px 0 2px;}.catHeading a:hover{color:#069;border-bottom:none;}.bannerStory{padding:1px;margin:1px 0 0px 0;border:1px solid #ccc;width:auto;}.storyContent{font-family:Helvetica,Arial,sans-serif;margin-top:0.2em;margin-right:0pt;margin-bottom:0.1em;margin-left:0pt;line-height:1.5;font-size:12px;background-color:#fff;padding:2px;font-weight:normal;letter-spacing:0.2px;}.searchHighlight{background-color:#FFFF33;color:#0033CC;}.scribdviewer{border:2px solid #bebebe;}#information{padding:5px 0px 5px 5px;margin:10px 0px 10px 0px;background-color:#fcf3d3;color:#AC7231;border:1px solid #e9c362;-moz-border-radius:5px;-webkit-border-radius:5px;}#information p{padding:5px;font-weight:normal;font-size:14px;}#information p a{text-decoration:none;}#errorInfo{padding:5px 0px 5px 5px;margin:10px 0px 10px 0px;background-color:#fdecef;color:#AD2C3E;border:1px solid #e9233f;-moz-border-radius:5px;-webkit-border-radius:5px;}#errorInfo p{padding:5px;font-size:14px;}#errorInfo p a{text-decoration:none;}#successInfo{padding:5px 0px 5px 5px;margin:10px 0px 10px 0px;background-color:#effbed;color:#000;border:1px solid #278518;-moz-border-radius:5px;-webkit-border-radius:5px;}#successInfo p{padding:5px;font-size:14px;}#successInfo p a{text-decoration:none;}.greybordertable table{font:12px Arial,Helvetica,sans-serif;text-transform:none;}.greaybullet{padding:5px;font-size:1.2em;line-height:20px;}.greybordertable table td{border-bottom:1px solid #efefef;background:#ffffff;padding:6px 6px 6px 8px;color:#333333;}.greybordertable table td.alt{background:#f7f7f7;padding:6px 6px 6px 8px;color:#333333;}.greybordertable table td.tla{background:#fff;padding:6px 6px 6px 8px;color:#333333;}div#qTip{margin:5px 5px 5px 0px;padding:5px;border:1px solid #777;border-right-width:2px;border-bottom-width:2px;display:none;background:#999;color:#FFF;font:12px Arial,Helvetica,sans-serif;text-align:left;position:absolute;z-index:1000;width:230px;}div#qTip .title{padding:5px;border-bottom:1px solid #fff;}.qtip_temp:link{text-decoration:none;}.qtip_temp:hover{text-decoration:none;}.form-note{color:#666666;font-size:11px;}#featureGreyBox{margin:5px 0px 5px 0;padding:1px 0px 0px 2px;background:#fff url(../../../images/storycontentbg.gif) no-repeat left top;background-position:0px 0px;border-right:1px solid #eee;border-bottom:1px solid #eee;}.featureContainer{padding:3px 5px 5px 5px;}.createQuiz_icon{background:url(../../../images/createquiz_small.gif) no-repeat left;padding:5px 5px 5px 30px;}.findShare_icon{background:url(../../../images/find-n-share_small.gif) no-repeat left;padding:5px 5px 5px 30px;}.spyAct_icon{background:url(../../../images/spy_small.gif) no-repeat left;padding:5px 5px 5px 30px;}.eresized{width:150px;height:auto;}.resized{width:450px;height:auto;}.markRed{background-color:#FF0000;color:#ffffff;font-weight:bold;padding:3px;}.loadingBar{background:#3B5998;color:#fff;position:absolute;z-index:1000;width:140px;padding:2px 2px 2px 5px;font-size:11px;}.redtext{color:#FF0000;}.greentext{color:#009900;}.color_gray{color:#666;}.smallContent{font-size:11px;font-family:sans-serif,Arial;color:#555;}#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;}.spiffy{display:block}.spiffy *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#efefef}.spiffy1{margin-left:3px;margin-right:3px;padding-left:1px;padding-right:1px;border-left:1px solid #efefef;border-right:1px solid #efefef;background:#efefef}.spiffy2{margin-left:1px;margin-right:1px;padding-right:1px;padding-left:1px;border-left:1px solid #efefef;border-right:1px solid #efefef;background:#efefef}.spiffy3{margin-left:1px;margin-right:1px;border-left:1px solid #efefef;border-right:1px solid #efefef;}.spiffy4{border-left:1px solid #efefef;border-right:1px solid #efefef}.spiffy5{border-left:1px solid #efefef;border-right:1px solid #efefef}.spiffyfg{padding:5px 20px 0px 20px;margin-left:0px;margin-bottom:10px;background:#efefef;color:#666;font-family:Helvetica,Arial,sans-serif;font-size:15px;line-height:20.20px;letter-spacing:0.30px;font-weight:bold;border:none;}.spiffyfg h1{font-size:22px;color:#000;font-family:Helvetica,Arial,sans-serif;font-weight:normal;padding:0px;padding-bottom:10px;}ul#tabnav{text-align:left;margin:1em 0 1em 0;font:bold 14px arial,sans-serif;list-style-type:none;padding:7px 10px 7px 0px;}ul#tabnav li{display:inline;}body#tab1 li.tab1,body#tab2 li.tab2,body#tab3 li.tab3,body#tab4 li.tab4{border-bottom:1px solid #fff;background-color:#fff;}body#tab1 li.tab1 a,body#tab2 li.tab2 a,body#tab3 li.tab3 a,body#tab4 li.tab4 a{background-color:#fff;color:#000;position:relative;top:1px;padding-top:4px;}ul#tabnav li a{padding:7px 8px 7px 8px;border:1px solid #ddd;background-color:#f7f7f7;color:#3B5998;margin-right:5px;text-decoration:none;border-bottom:none;outline:none;}ul#tabnav li a.current{background-color:#fff;color:#000;}ul#tabnav a:hover,ul#tabnav li a.current:hover{background:#fff;border:1px solid #ccc;border-bottom:none;color:#069;text-decoration:none;}.icn-feature-en{background:url(../../../images/icon_star_en.png) left no-repeat;padding:7px 8px 7px 20px;}.icn-feature-db{background:url(../../../images/icon_star_db.png) left no-repeat;padding:7px 8px 7px 20px;}.icn-recent-en{background:url(../../../images/icon_clock_en.png) left no-repeat;padding:7px 8px 7px 20px;}.icn-recent-db{background:url(../../../images/icon_clock_db.png) left no-repeat;padding:7px 8px 7px 20px;}.icn-vote-en{background:url(../../../images/icon_vote_en.png) left no-repeat;padding:7px 8px 7px 20px;}.icn-vote-db{background:url(../../../images/icon_vote_db.png) left no-repeat;padding:7px 8px 7px 20px;}.smallContentComment{font-size:11px;color:#666;}.warnMsg{background:url(../../../images/icon_info_32.gif) left no-repeat;background-position:5px 15px;padding-left:55px;padding-top:3px;letter-spacing:0.20px;}.warnHead{color:#999999;font-size:22px;font-family:Helvetica,Arial,sans-serif;letter-spacing:-1px;}.warnDesc{color:#333333;font-size:14px;}.red-round-list{list-style:none;list-style-type:none;padding:5px 0px 0px 2px;}.red-round-list li{background:url('../../../images/bullet_red.png') left top no-repeat;background-position:0px 4px;padding:2px 0px 5px 16px;list-style:none;font-size:12px;font-weight:normal;}.red-round-list li a{font-size:12px;font-weight:normal;}ul.check_icon_list{margin:0px;padding:0px;margin-left:40px;margin-top:8px;}ul.check_icon_list li{margin:0px;list-style-image:url('../../../images/green-check.png');font-size:12px;}.divSectionBox_hm{padding:6px;margin:10px;border:1px #aaa solid;background-color:#ccc;}.divSectionHeader_hm{padding:3px 3px 3px 10px;margin:0;background-color:#f7f7f7;font-size:18px;letter-spacing:-1px;border-bottom:1px solid #aaaaaa;}.divSectionHeader_hm h2{padding:5px 5px 5px 25px;margin:0;font-size:16px;text-decoration:none;border:none;}.divSectionInner_hm{padding:10px;margin:0;background:#ffffff;}.divSectionInner_hm p{font-size:13px;}img.qs-guide{padding:3px;border:1px solid #ccc;}.newSearch{width:201px;height:37px;padding:4px 5px 8px 4px;margin:0px 0px 0px 1px;background:url("../../../images/search-box-bg-sidebar.gif") no-repeat;}.newSearch input{font-size:1.2em;font-family:Helvetica,Arial,sans-serif;font-weight:bold;color:#bbb;border:1px solid #c9c9c9;padding:2px 2px 2px 1px;width:152px;height:19px;}.newSearch a{outline:none;}#notice-warning{font-family:Helvetica,Arial,sans-serif;position:fixed;top:0pt;left:0pt;width:100%;z-index:101;text-align:center;font-weight:bold;font-size:120%;color:#000;background-color:#f7f7f7;border-bottom:2px solid #ff0000;padding-top:2px;padding-right:0pt;padding-bottom:2px;padding-left:0pt;}#loadingBar{display:none;}.share-embed-code{width:540px;height:80px;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:none repeat scroll 0 0 #F6F6F6;border-color:#A4A4A4 #B9B9B9 #B9B9B9;border-image:none;border-radius:3px 3px 3px 3px;border-right:1px solid #B9B9B9;border-style:solid;border-width:1px;box-shadow:0 1px 0 #FFFFFF,0 1px 1px rgba(0,0,0,0.17) inset;color:#666666;font-size:13px;margin-bottom:0;margin-top:0;padding:7px 10px;}.share-embed-code:focus{background:none repeat scroll 0 0 #FFFFFF;border-color:#4496e7;color:444444;outline:0 none;}.share-panel-embed-container{border-top:1px solid #CCCCCC;clear:both;margin:0;padding:18px 0 0;}.share-embed-code-description{font-size:11px;padding-top:6px;padding-left:14px;}share-panel-embed-container p{line-height:1.4;margin-bottom:10px;}.share-panel-embed-container form{overflow:auto;}.share-embed-size-list{margin:13px min-width: 500px;overflow:visible;}.share-embed-size{border:1px solid #FFFFFF;cursor:pointer;float:left;margin:4px;padding:4px;}.share-embed-size.custom{text-align:right;}.share-embed-size:hover{border:1px solid #CCCCCC;}.share-embed-size.selected{background:none repeat scroll 0 0 #D8E6FB;border:1px solid #A0B3D9;}.share-embed-size>label{display:block;text-align:center;}label{cursor:pointer;}.share-embed-size-radio{display:none;}.share-embed-size .share-embed-size-name{color:#666666;display:block;white-space:nowrap;font-size:13px!important;font-weight:normal;}.share-embed-size.default.wide .share-embed-size-box{height:27px;width:49px;}.share-embed-size.default .share-embed-size-box{height:32px;margin-left:4px;width:42px;}.share-embed-size .share-embed-size-box{background:none repeat scroll 0 0 #DDDDDD;border:1px solid #999999;display:block;margin:auto 0;padding:1px;}.share-embed-size-box{height:31px;width:56px;}.share-embed-size.medium.wide .share-embed-size-box{height:32px;width:55px;}.share-embed-size .share-embed-size-box{background:none repeat scroll 0 0 #DDDDDD;border:1px solid #999999;display:block;margin:auto 0;padding:1px;}.share-embed-size.large.wide .share-embed-size-box{height:35px;width:64px;}.share-embed-size.large .share-embed-size-box{height:47px;width:63px;}.share-embed-size .share-embed-size-box{background:none repeat scroll 0 0 #DDDDDD;border:1px solid #999999;display:block;margin:auto 0;padding:1px;}.share-embed-size.hd720.wide .share-embed-size-box{height:42px;width:75px;}.share-embed-size.hd720 .share-embed-size-box{height:63px;width:84px;}.share-embed-size .share-embed-size-box{background:none repeat scroll 0 0 #DDDDDD;border:1px solid #999999;display:block;margin:auto 0;padding:1px;}.share-embed-customize{padding:0.5em;}.share-embed-size.custom .share-embed-customize input{width:2.5em;}.form-input-text{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:none repeat scroll 0 0 #F6F6F6;border-color:#A4A4A4 #B9B9B9 #B9B9B9;border-image:none;border-radius:3px 3px 3px 3px;border-right:1px solid #B9B9B9;border-style:solid;border-width:1px;box-shadow:0 1px 0 #FFFFFF,0 1px 1px rgba(0,0,0,0.17) inset;color:#666666;font-size:13px;margin-bottom:0;margin-top:0;padding:7px 10px;width:250px;}body,button,input,textarea{font:12px arial,sans-serif;}.share-embed-customize li{margin:0.25em;}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:960px;margin:0 auto;padding:10px 15px 15px 15px;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #ddd;}#footer a{text-decoration:none;color:#3B5998!important;}#footer a:hover{text-decoration:underline;color:#444!important;}#footer_story{font-size:11px;line-height:18px;padding:15px 0 20px;}#footer_story p{text-align:center;}#footer_story span{color:#CCCCCC;}#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;} #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: 7px 10px 8px 1px; 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; margin-left:-4px;} #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{color: #777777; 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('../../../quiz-school/img/layout/search_button.gif') 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 0px; margin:0px;} #header #logo a { outline:none; display: block; height: 48px; width: 150px; text-indent: -2000em; z-index: 1000; background: url('../../../quiz-school/img/layout/proprofs-qm-logo1.png') 3px 0px no-repeat;} #header #logo span { display: block; background: url('../../../quiz-school/img/layout/proprofs-qm-logo1.png') 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('../../../quiz-school/img/layout/search_button.gif') 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('../../../quiz-school/img/layout/head_bg_grad_blue.png') #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:30px 0 0 40px;} ul#right_img_text li{font-size:18px; font-weight:bold; padding:0 0 15px 26px; background: url('../../../quiz-school/img/layout/green-tick.png') 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('../../../quiz-school/img/layout/step-1.png') 0px 0px no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px;} #content #step-share{background:#F6F6F6 url('../../../quiz-school/img/layout/step-2.png') 0px 0px no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px;} #content #step-analyze{background:#F6F6F6 url('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/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("../../../quiz-school/images/1243594760_lock.gif") no-repeat left; background-position: 2px 0px; padding-left: 32px;} #user-quiz-details-area{border-bottom: 1px solid #eee; padding-bottom:2px;} span.user-small-info-txt {font-size:11px; color:#444; font-weight:normal;} span.stickv{color:#cbcbcb;} #share_print_comnt ul li.social-data {padding:10px 0 0 0;} .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(../../../quiz-school/images/story-quizstats.png) no-repeat 12px 8px; } a.icon-story-printquiz { background:url(../../../quiz-school/images/story-printquiz.png) no-repeat 12px 8px; } a.icon-story-scorereport { background:url(../../../quiz-school/images/story-scorereport.png) no-repeat 12px 8px; } a.icon-story-passwordrequest { background:url(../../../quiz-school/images/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 2px;} #share_print_comnt ul .print{ padding:7px 0 5px 30px; background:transparent url('../../../quiz-school/img/layout/icon_print.png') no-repeat scroll 0 3px; } #share_print_comnt ul .comment{ padding:7px 0 5px 30px; background:transparent url('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/question_bullet.gif') no-repeat scroll 0 3px; } #more{margin:30px 0 40px 0; padding:7px 10px 10px 30px; background:transparent url('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/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;} .lightgray.awesome, .lightgray.awesome:visited { background-color: #e4e4e4; border: 1px solid #CCC;} .lightgray.awesome:hover { background-color: #f7f7f7; border: 1px solid #CCC;} .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 #E4E4E4;} .blue.awesome:hover { background-color: ##007D9A; } .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;} /* login new */ .h1_page_head_login {font-size:22px; font-weight:bold; letter-spacing:0.02em; border-bottom: 1px solid #dfdfdf; padding: 0 0 3px 0; margin-top:30px; margin-bottom:40px} .login_sub_head{font-size:16px; font-weight:bold; letter-spacing:0.02em;} #border-middle-login{height:305px; float:left; width:100px; text-align:center; background:url(../../../api/signup/images/SignIn_OR_new.png) no-repeat center;} #_right_wrapper_reg_login{padding: 0; width: 400px; float:left;} .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('../../../quiz-school/img/layout/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:#fff;} .form-login-wrapper-reg{ margin:14px 0 20px 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('../../../quiz-school/img/layout/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:#fff;} #border-middle{height:415px; float:left; width:125px; text-align:center; background:url(../../../quiz-school/images/planb-x.png) 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('../../../quiz-school/img/layout/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:#fff;} .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{ font-size: 14px;line-height: 20px;margin-top: 9px; -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('../../../quiz-school/img/layout/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("../../../images/lockIcon.png") no-repeat scroll right center transparent;} .privateIcon {padding:5px 0 3px 10px; background:url("../../../quiz-school/images/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('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/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;} .caq_s_gateway{padding: 5px; cursor: pointer; margin:0px 20px 20px 0px; width: 410px; height: 140px; float: left; background: url('../../../quiz-school/img/layout/icon_scored_91x91.png') no-repeat right #fff; border: 3px solid #fff; -moz-border-radius:4px; -webkit-border-radius:4px; } .caq_s_gateway ul {margin-top: 15px;} .caq_s_gateway label{font-size: 18px; font-weight: normal; cursor: pointer; } .caq_s_gateway ul li{list-style: disc; padding: 5px; margin:2px 2px 2px 30px;} .caq_p_gateway{padding: 5px; cursor: pointer; width: 410px;margin:0px 0px 20px 0px; height: 140px; float: left; background: url('../../../quiz-school/img/layout/icon-personality_80x91.png') no-repeat right #fff; border: 3px solid #fff; -moz-border-radius:4px; -webkit-border-radius:4px;} .caq_p_gateway ul {margin-top: 15px; } .caq_p_gateway label{font-size: 18px; font-weight: normal; cursor: pointer; } .caq_p_gateway ul li{list-style: disc; padding: 5px; margin:2px 2px 2px 30px;} .selborder{border:3px solid #ddd; background-color: #fff;} .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 .grey1{width:580px;margin:0 10px 0 0; -moz-border-radius:8px; -webkit-border-radius:8px;} #left-wrapper .grey-in .paper1{ padding:0px;} #left-wrapper .paper-in1 {height:11px; } #left-wrapper .grey-in .paper{background:url('../../../quiz-school/img/layout/question_bg.png') no-repeat; padding:10px;} #left-wrapper .paper-in {height:11px; background: url('../../../quiz-school/img/layout/question_bg_bottom.png') no-repeat; } #left-wrapper #question_area{ margin:0px 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 .question1 {font-size:1em; font-weight:normal; padding:9px 0 9px 6px;} #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:left; padding:0px; 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{} #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;} #question_area .question1{margin:0px; padding:7px; } /*-------------------------------- 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 5px; font-size:12px; font-weight: bold;} #left_wrapper_quiz ul .Share_embed{ padding:7px 63px 5px 0; background:transparent url('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/icon_reports_16x16.png') no-repeat center left;} #left_wrapper_quiz #user_detailed_section .stats{ padding-left:26px; background:transparent url('../../../quiz-school/img/layout/icon_stats_16x16.png') no-repeat center left; } #left_wrapper_quiz #user_detailed_section .comnt{ padding-left:26px; background:transparent url('../../../quiz-school/img/layout/icon_comment_16x16.png') no-repeat center left; } #left_wrapper_quiz #user_detailed_section .detld_reslt{ padding-left:26px; background:transparent url('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/icon-correct-10.png') no-repeat center right; } #left_wrapper_quiz span.red{padding: 0 15px 0 0; background:transparent url('../../../quiz-school/img/layout/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:#3B5998 !important;} .redlink:hover{ color:#444444 !important;} .redlink:visited{color:#3B5998 !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('../../../quiz-school/img/layout/icon-cert-small.png') no-repeat center left; } .cert_try a.profile_quiz_tryagain{padding:0 0 0 13px; background: transparent url('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/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('../../../quiz-school/img/icon_print.png') no-repeat center left; } #quiz_detailed_data table tr td ul li a.q_preview_css{ padding-left:18px; background: transparent url('../../../quiz-school/img/magnifier-icon2.png') no-repeat center left; } #quiz_detailed_data table tr td ul li a.thickbox{ padding-left:18px; background: transparent url('../../../quiz-school/img/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('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/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('../../../quiz-school/img/layout/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:#fff;} .chkbox{font-size: 11px; color:#444; display: inline;} textarea.question{width: 743px; margin:10px 10px 10px 10px; background: url('../../../quiz-school/img/layout/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:#fff;} .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(../../../images/comment_edit.gif) no-repeat left; padding:5px 5px 5px 13px; } .icon_comment_delete { background:url(../../../images/comment_delete.gif) no-repeat left; padding:5px 5px 5px 13px; } .icon_comment_reply { background:url(../../../images/comment_reply.gif) 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(../../../quiz-school/images/share_facebook.png) no-repeat left; padding:10px 0px 10px 40px;} a.twitter{ background:url(../../../quiz-school/images/share_twitter.png) no-repeat left; padding:10px 0px 10px 40px;} a.myspace{ background:url(../../../quiz-school/images/share_myspace.png) no-repeat left; padding:10px 0px 10px 40px;} a.myemail{ background:url(../../../quiz-school/images/share_email.png) no-repeat left; padding:10px 0px 10px 40px;} a.wb{ background:url(../../../quiz-school/images/share_wb.png) no-repeat left; padding:10px 0px 10px 40px;} a.icon_print_c{ background:url(../../../quiz-school/images/icon_print_c.png) no-repeat left; padding:10px 0px 10px 40px;} a.icon_embed_c{ background:url(../../../quiz-school/images/icon_embed_c.png) no-repeat left; padding:10px 0px 10px 40px;} a.icon_embed_small_c{ background:url(https://www.proprofs.com/quiz-school/images/icon_embed_small_c.png) 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('../../../quiz-school/images/smallright.png') left center no-repeat; padding-left:15px; padding-right:20px; margin-left:5px; } .icon_incorrect_answer{ background:url('../../../quiz-school/images/smallwrong.png') left center no-repeat; padding-left:15px; padding-right:20px; margin-left:5px; } .icon_question_correct_answer{ background:url('../../../quiz-school/img/icon/Quiz-Icons_08.png') left center no-repeat; padding-left:20px; padding-right:20px; } .icon_question_notgrade_correct_answer{ background:url('../../../quiz-school/img/icon/Quiz-Icons_08.png') left center no-repeat; padding-left:20px; padding-right:20px; } .icon_question_incorrect_answer{ background:url('../../../quiz-school/img/icon/Quiz-Icons_10.png') left center no-repeat; padding-left:20px; padding-right:20px; } .icon_question_notgrade_incorrect_answer{ background:url('../../../quiz-school/img/icon/Quiz-Icons_10.png') left center no-repeat; padding-left:20px; padding-right:20px; } /*** Status Messages DIV ********************/ /*** Information Div ***/ #information{ padding:5px; margin:15px 0px 15px 0px; font-size: 14px; line-height:18px; background-color:#EEE; color:#4d4d4d; border:1px solid #EEE; -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:#4d4d4d; background:#ddd; -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(../../../quiz-school/images/plan-x.png) 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 11px; 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(../../../quiz-school/images/arrow_state_grey_right.png) #FFF 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(../../../quiz-school/images/arrow_state_grey_expanded.png) #FFF 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:5px; width:174px; 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('../../../quiz-school/images/results_correct2.png') left center no-repeat; padding:15px 15px 15px 50px; margin:15px 10px 15px 10px; }*/ /*.icon_incorrect_answer_big{ background:url('../../../quiz-school/images/results_incorrect2.png') left center no-repeat; padding:15px 15px 15px 50px; margin:15px 10px 15px 10px; }*/ .icon_correct_answer_big { color: #4A9E0C; font-size: 22px; } .icon_incorrect_answer_big { color: #e64924; font-size: 22px; } /*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} .gdownmenu_case ul li ul li a.second_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; } /* tooltip CSS */ .tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(../../../quiz-school/images/tipsy.gif); } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 600px; text-align: left; } .tipsy-south { background-position: bottom center; } .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; } /* Video tutorials CSS */ .video_thumb{float:left; width:100px;} .video_txt{padding: 0 0 0 5px; float:left; } #content .fontbold_videotutorial{ font-size: 14px; font-weight: bold; color:#000000; font-size:21px; padding-bottom:10px;} #content .fontbold_morevideos{ font-size: 14px; font-weight: bold; color:#000000; font-size:21px; padding-bottom:10px; margin-top:5px;} .more_videos{float:right;} .quiz_container_video{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:600px; } /* This CSS is the copy of basic.css (pasted here by sumit for 'google speed tester tool's suggestion') */ /* * SimpleModal Basic Modal Dialog * http://www.ericmmartin.com/projects/simplemodal/ * http://code.google.com/p/simplemodal/ * * Copyright (c) 2009 Eric Martin - http://ericmmartin.com * * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * Revision: $Id: basic.css 212 2009-09-03 05:33:44Z emartin24 $ * */ /*proprofscc: commented as we do not need them*/ /*body {height:100%; margin:0;} h3 {color:#5f87ae; font-size:1.6em; padding:0; margin:0;}*/ #basic-modal-content {display:none; text-align:left;} /* Overlay */ #simplemodal-overlay {background-color:#000;/* cursor:wait;*/} /* Container */ #simplemodal-container {height:500px; width:1000px; color:#bbb; background-color:#fff; border:10px solid #adadad; padding:12px; -moz-border-radius:10px; -webkit-border-radius:10px;} #simplemodal-container code {background:#141414; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;} #simplemodal-container a {color:#ddd;} #simplemodal-container a.modalCloseImg {background:url('../../../quiz-school/images/x.png') no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} #simplemodal-container #basic-modal-content {padding:8px;} /*--navigation wrapper DropDown Menu for Help Section --*/ #navwrapper { margin:0 auto; background-color: #2D2D2D; } #nav_help { font-family: Arial, Helvetica, sans-serif; } #nav_help, #nav_help ul { margin: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; } /*--main nav links style--*/ #nav_help a { display:block; padding:7px 7px 7px 7px; color:#ccc; text-decoration:none; } #nav_help a.dmenu { } #nav_help a.dmenu:hover { color:#3B5998 !important; background-color: #fff !important; } #nav_help li { float: left; } #nav_help li {position: relative;} /* hide from IE, mac */ #nav_help li {position: static; width: auto;} /* end hiding from IE5 mac */ /*--drop down menu styling--*/ #nav_help li ul { position: absolute; display: none; margin-left:-1px; background-color: #FFFFFF; border: 1px solid #bbb; -moz-box-shadow: 0 0 5px #ddd; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; /*--make it top of all the elements on page, so that it can be visible--*/ z-index:5000; } #nav_help li:hover a, #nav_help a:focus, #nav_help a:active { background-color: transparent !important; color:#000000; background:#444; text-decoration:none; } #nav_help li ul, #nav_help ul li { width: 9em; } /*--drop down menu styling is different from main nav, strict rule--*/ #nav_help ul li a { color: #3B5998 !important; border-right: 0; padding:7px 9px 7px 5px; border-bottom:1px solid #eee; } #nav_help ul li a:hover { width: 4em; padding:7px 9px 7px 5px; background-color: #eef3fb !important; border-right: 0; } /*--the selected, current item in the navigation menu--*/ #nav_help a.current:hover{ padding-bottom:5px; /*--removing 2px border from 7px padding--*/ } #nav_help li:hover ul { width: 1em; display: block; } #nav_help li:hover ul a{ width: 11.9em; color: #EEF3FB; background-color: transparent; } #nav_help ul a:hover { background-color: #606060!important; color: #3B5998 !important; } /*--used in drop down menu items--*/ .menuseprator{border-bottom:1px solid #ddd; margin:10px 0 10px 0;} /*--for showing down arrow in drop down menu item--*/ .arrowdown{color#eee; font-size:0.2em;} /*--for the left navigation menu--*/ .floatleft{float:left;} /*--for the right options navigation menu--*/ .floatright{float:rightright} /*--clear all floating, left and right--*/ .clear{clear:both;} /*--navigation wrapper DropDown Menu for Client Section --*/ #navwrapper { margin:0 auto; background-color: #2D2D2D; } #nav_client { font-family: Arial, Helvetica, sans-serif; font-size:4px; padding-top:4px; } #nav_client, #nav_client ul { padding: 0; margin: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; } /*--main nav links style--*/ #nav_client a { display:block; padding:7px 7px 7px 7px; color:#ccc; text-decoration:none; } #nav_client a.dmenu1 { } #nav_client a.dmenu1:hover { color:#3B5998 !important; background-color: #fff !important; } #nav_client li { float: left; } #nav_client li {position: relative;} /* hide from IE, mac */ #nav_client li {position: static; width: auto;} /* end hiding from IE5 mac */ /*--drop down menu styling--*/ #nav_client li ul { position: absolute; display: none; margin-left:-1px; background-color: #FFFFFF; border: 1px solid #bbb; -moz-box-shadow: 0 0 5px #ddd; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; /*--make it top of all the elements on page, so that it can be visible--*/ z-index:5000; } #nav_client li:hover a, #nav_client a:focus, #nav_client a:active { background-color: transparent !important; color:#000000; background:#444; text-decoration:none; } #nav_client li ul, #nav_client ul li { width: 20em; } /*--drop down menu styling is different from main nav, strict rule--*/ #nav_client ul li a { color: #3B5998 !important; border-right: 0; padding:7px 9px 5px 5px; border-bottom:1px solid #eee; } #nav_client ul li a:hover { width: 4em; background-color: #eef3fb !important; padding:7px 9px 5px 5px; border-right: 0; } /*--the selected, current item in the navigation menu--*/ #nav_client li:hover ul { display: block; } #nav_client li:hover ul a{ width: 8.5em; color: #EEF3FB; background-color: transparent; } #nav_client ul a:hover { background-color: #606060!important; color: #3B5998 !important; } /*--CSS for mathing type question--*/ .tdmatch { padding:3px 3px 3px 3px; border: 1px solid #DDDDDD; } .tdmatchbordernone { padding:3px 3px 3px 3px; border: none; } .sel_combo { border-color: #AAAAAA; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 2px 2px 1px 1px; margin: 0 0 0 0px; overflow: hidden; padding: 2px; width: 175px; } /*--used in drop down menu items--*/ /*--used in drop down menu items--*/ .menuseprator{border-bottom:1px solid #ddd; margin:10px 0 10px 0;} /*--for showing down arrow in drop down menu item--*/ .arrowdown{color#eee; font-size:0.5em;} /*--for the left navigation menu--*/ .floatleft{float:left;} /*--for the right options navigation menu--*/ .floatright{float:rightright} /*--clear all floating, left and right--*/ .clear{clear:both;} #navwrapper { background-color: #2D2D2D; margin: 0 auto; } #nav_client_1 { font-family: Arial,Helvetica,sans-serif; font-size: 4px; padding-top: 4px; } #nav_client_1, #nav_client_1 ul { font-family: Arial,Helvetica,sans-serif; list-style: none outside none; margin: 0; padding: 0; } #nav_client_1 a { padding: 7px; text-decoration: none; } #nav_client_1 a.dmenu1 { } #nav_client_1 a.dmenu1:hover { background-color: #FFFFFF !important; color: #3366CC !important; } #nav_client_1 li { float: left; } #nav_client_1 li { position: relative; } #nav_client_1 li { margin: 0 !important; padding: 0 !important; position: static; width: auto; } #nav_client_1 li ul { background-color: #FFFFFF; border: 1px solid #BBBBBB; box-shadow: 0 0 5px #DDDDDD; display: none; margin-left: 6px; position: absolute; z-index: 5000; } #nav_client_1 li:hover a, #nav_client_1 a:focus, #nav_client_1 a:active { background-attachment: scroll; background-clip: border-box; background-color: transparent !important; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; color: #000000; text-decoration: none; } #nav_client_1 li ul, #nav_client_1 ul li { /*width: 20em;*/ } #nav_client_1 ul li a { border-bottom: 1px solid #EEEEEE; border-right: 0 none; color: #3366CC !important; display: block; padding: 7px 1px 5px 5px; } #nav_client_1 ul li a:hover { background-color: #EEF3FB !important; border-right: 0 none; display: block; padding: 7px 1px 5px 5px; /*width: 4em; */ } #nav_client_1 li:hover ul { display: block; } #nav_client_1 li:hover ul a { background-color: transparent; color: #EEF3FB; width: 9em; } #nav_client_1 ul a:hover { background-color: #606060 !important; color: #3366CC !important; } #nav_client_new { font-family: Arial,Helvetica,sans-serif; font-size: 4px; padding-top: 4px; } #nav_client_new, #nav_client_new ul { font-family: Arial,Helvetica,sans-serif; list-style: none outside none; margin: 0; padding: 0; } #nav_client_new a { color: #CCCCCC; display: block; padding: 7px; text-decoration: none; } #nav_client_new a.dmenu1 { } #nav_client_new a.dmenu1:hover { background-color: #FFFFFF !important; color: #3B5998 !important; } #nav_client_new li { float: left; } #nav_client_new li { position: relative; } #nav_client_new li { position: static; width: auto; } #nav_client_new li ul { background-color: #FFFFFF; border: 1px solid #BBBBBB; box-shadow: 0 0 5px #DDDDDD; display: none; margin-left: -1px; position: absolute; z-index: 5000; } #nav_client_new li:hover a, #nav_client_new a:focus, #nav_client_new a:active { background-attachment: scroll; background-clip: border-box; background-color: transparent !important; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; color: #000000; text-decoration: none; } #nav_client_new li ul, #nav_client_new ul li { width: 20em; } #nav_client_new ul li a { /* border-bottom: 1px solid #EEEEEE;*/ border-right: 0 none; color: #3B5998 !important; padding: 7px 9px 5px 5px; } #nav_client_new ul li a:hover { /*background-color: #EEF3FB !important; border-right: 0 none; padding: 7px 9px 5px 5px; width: 4em;*/ } #nav_client_new li:hover ul { display: block; } #nav_client_new li:hover ul a { background-color: transparent; color: #EEF3FB; width: 10.2em; } #nav_client_new ul a:hover { /*background-color: #606060 !important; color: #3B5998 !important;*/ } .gray.awesome, gray.awesome:visited { background-color: #F9F9F9; border: 1px solid #F0F0F0; color:#606060;-moz-box-shadow:0 0px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0px 1px rgba(0, 0, 0, 0.5);border-radius:4px;} .gray.awesome:hover { background-color: #E8E8E8; border: 1px solid #CCC; color:#292929;} /*my seller account page css*/ .acoountleftbox{float: left; height: auto; width: 23%; margin-top:24px;} .acoountrightbox{float: right; height: auto; width: 77%;} .userimagebox{ border: 1px solid #DFDFDF; float: left; height: 196px; width: 190px;} .userimagebox .userimage{background: none repeat scroll 0 0 #E8E8E8; height: 184px; margin: 6px;} .userimage img{ height: 120px; padding: 36px; width: 100px;} .mainaccountbox{background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #DFDFDF; border-radius: 5px 5px 5px 5px; height: auto; margin-top: 24px; padding-bottom:21px; width:585px; margin-left:6px;} .savebutton{text-align: center; padding: 23px 0px 15px 0pt;} .perinfo{font-size: 24px; padding: 18px 0 18px 18px; float:left;} .contactinfo{font-size: 28px; padding: 18px 0 18px 18px; float:left; text-shadow:0 0px 1px rgba(0, 0, 0, 0.25);} .required{float: right; font-size: 15px; font-weight: bold; padding: 29px 0px 0 0; width:194px; text-shadow:0 0px 1px rgba(0, 0, 0, 0.25);} .requiredred{color:#FF0000; padding: 0 5px 0;} .mainrequiredbox{height: 44px; padding: 8px 0 8px 0;} .headingleft{float: left; font-size: 17px; text-align: right; width: 235px; margin-top:10px; text-shadow:0px 0px 1px rgba(0, 0, 0, 0.25);} .headingleftselect{float: left; font-size: 17px; text-align: right; width: 235px; margin-top:7px; text-shadow:0px 0px 1px rgba(0, 0, 0, 0.25);} .headingright{float:right; width:340px; } .accinputbox{border: 1px solid #B6B9BC; border-radius: 5px 5px 5px 5px; font-size: 20px; font-weight: normal; height: 28px; padding: 6px 8px 8px 8px; width:260px;} .acctextareabox{border: 1px solid #B6B9BC; border-radius: 5px 5px 5px 5px; font-size: 17px; font-weight: normal; height: 50px; padding: 6px 8px 8px 8px; width:260px; margin:0;} .selectbox{border: 1px solid #B6B9BC; font-size: 16px; font-weight: normal; padding: 6px; width:200px; background:#F7F7F7; margin-left:10px; height:38px; width:248px; margin-left:0; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);} .selleracounttop{font-size: 23px; padding: 15px 0 0 6px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.25); } .selllowerpart{ height:33px;} .sellmainbox{width:213px; float:left;} .imgbox{float:left; width:43px; padding:8px 0 0 7px;} .imgbox .circle{border: 4px solid #DFDFDF; border-radius: 50px 50px 50px 50px; height: 25px; padding: 0; width: 25px;} .imgbox .circle .line{border: 3px solid rgb(223, 223, 223); padding: 0px 0px 0pt; height: 0px; width: 21px; margin: 10px 0pt 0pt 0px;} .sellmainbox .contantbox{float: left; font-size: 17px; padding: 13px 0 0 1px; width: 160px;} .sellmainbox .contantbox span{color:#65AD44;} .countinuebutton{float:right; padding:20px 9px 9px 0;} .countinuebutton span{font-size: 19px; font-weight: bold; padding: 0 20px 0 0;} .setprice{padding:21px 0px 0px 36px;} .setpricespan{font-size: 19px; font-weight: bold; padding: 7px 2px 0 10px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);} .setpricebutton{padding:19px 0 9px 23px; float:left;} .span_error{display:none; color:#FF0000;} /*my seller account page css*/ /* Css for home page*/ .keyfeatures td h3 { font-size: 16px; font-weight: bold; letter-spacing: normal;} .keyfeatures td.one h3 { background: url('../../../quiz-school/images/key_feature_sprite.png') 0px 0px no-repeat; padding: 7px 0 7px 40px;} .keyfeatures td.two h3 { background: url('../../../quiz-school/images/lock.png') 0px 0px no-repeat; padding: 7px 0 7px 40px;} .keyfeatures td.two_one h3 { background: url('../../../quiz-school/images/two_one.jpg') 0px 2px no-repeat; padding: 7px 0 7px 40px;} .keyfeatures td.three h3 { background: url('../../../quiz-school/images/key_feature_sprite.png') 0px -69px no-repeat; padding: 7px 0 7px 40px;} .keyfeatures td.three_one h3 { background: url('https://www.proprofs.com/quiz-school/images/three_two.png') 0px 0px no-repeat; padding: 7px 0 7px 40px;} .keyfeatures td.three_four h3 { background: url('../../../quiz-school/images/two.jpg') 0px 2px no-repeat; padding: 7px 0 7px 40px;} .keyfeatures td.four h3 { background: url('../../../quiz-school/images/key_feature_sprite.png') 0px -102px no-repeat; padding: 7px 0 7px 40px;} .keyfeatures td.five h3 { background: url('../../../quiz-school/images/Certificate.png') 0px 1px no-repeat; padding: 7px 0 7px 40px; } .keyfeatures td.six h3 { background: url('https://www.proprofs.com/quiz-school/images/templ.png') 0px 0px no-repeat; padding: 2px 0 11px 38px; } .keyfeatures td.eight h3 { background: url('https://www.proprofs.com/quiz-school/images/eight.png') 0px 0px no-repeat; padding: 2px 0 11px 38px; } .keyfeatures td.nine h3 { background: url('../../../quiz-school/images/secure.png') 0px 0px no-repeat; padding: 2px 0 11px 38px; } .keyfeatures td.seven_two h3 { background: url('../../../quiz-school/images/template.png') 0px 0px no-repeat; padding: 2px 0 11px 38px; } table th, table td { /*padding: 0.5em 10px;*/ } .right_subhead { color: #000000; font-family: Arial,helvetica,sans-serif; font-size: 19px; font-weight: bold; margin-top: 15px; text-align: center; margin-left:14px; padding-bottom:8px; } .lightblue.awesome, .lightblue.awesome:visited { border: 1px solid #3ea9f5; background-color: #3ea9f5;} .lightblue.awesome:hover { background-color: #0198E1; } .btn_class { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer !important; display: inline-block; font-weight: 600; /*min-width: 54px;*/ text-align: center; text-decoration: none !important; -moz-user-select: none; -webkit-user-select: none; padding: 10px 24px; } .btn-big.primary, .btn-small.primary { color: #fff!important; background-color: #3c8ac9; background-image: -webkit-gradient(linear,left top,left bottom,from(#3c8ac9),to(#4787ed)); background-image: -webkit-linear-gradient(top,#3c8ac9,#4787ed); background-image: -moz-linear-gradient(top,#3c8ac9,#4787ed); background-image: -ms-linear-gradient(top,#3c8ac9,#4787ed); background-image: -o-linear-gradient(top,#3c8ac9,#4787ed); background-image: linear-gradient(top,#3c8ac9,#4787ed); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3c8ac9',EndColorStr='#4787ed'); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2); border: 1px solid #3079ed; } .btn-big.primary, .btn-big.secondary { font-size: 15px; } .btn-small.primary, .btn-small.secondary { font-size: 12px; padding: 8px 20px; } .btn-big.primary:hover, .btn-big.primary:focus, .btn-small.primary:hover, .btn-small.primary:focus { background-color: #4a8cf8; background: -moz-linear-gradient(top, #4a8cf8 0%, #3575dc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a8cf8), color-stop(100%,#3575dc)); background: -webkit-linear-gradient(top, #4a8cf8 0%,#3575dc 100%); background: -o-linear-gradient(top, #4a8cf8 0%,#3575dc 100%); background: -ms-linear-gradient(top, #4a8cf8 0%,#3575dc 100%); background: linear-gradient(to bottom, #4a8cf8 0%,#3575dc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a8cf8', endColorstr='#3575dc',GradientType=0 ); border: 1px solid #2b72e2; } .btn-big.primary:active, .btn-small.primary:active { -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.4); box-shadow: inset 0 1px 4px rgba(0,0,0,0.4); } .btn-big.secondary, .btn-small.secondary { color: #3079ed; background-color: #f5f5f5; background: #fafafa; background: -moz-linear-gradient(top, #fafafa 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top, #fafafa 0%,#f5f5f5 100%); background: -o-linear-gradient(top, #fafafa 0%,#f5f5f5 100%); background: -ms-linear-gradient(top, #fafafa 0%,#f5f5f5 100%); background: linear-gradient(to bottom, #fafafa 0%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f5f5f5',GradientType=0 ); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.9); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.9); border: 1px solid #ccc; text-shadow: 0 1px #fff; } .btn-big.secondary:hover, .btn-big.secondary:focus, .btn-small.secondary:hover, .btn-small.secondary:focus { background-color: #f6f6f6; background: -moz-linear-gradient(top, #f6f6f6 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top, #f6f6f6 0%,#eeeeee 100%); background: -o-linear-gradient(top, #f6f6f6 0%,#eeeeee 100%); background: -ms-linear-gradient(top, #f6f6f6 0%,#eeeeee 100%); background: linear-gradient(to bottom, #f6f6f6 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eeeeee',GradientType=0 ); border: 1px solid #bbb; } .btn-big.secondary:active, .btn-small.secondary:active, .btn-small.secondary.grey:active { -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.15); box-shadow: inset 0 1px 4px rgba(0,0,0,0.15); } .btn-big.secondary.grey,.btn-small.secondary.grey { color: #444; } .question_text { font-weight:normal; } .m_gglmblarad { float:left; display:none; width:320px; height:50px; } .m_contents{ min-height: 600px; padding: 10px 40px; } .m_h1head { border-bottom:none; padding: 20px 0 0px; font-size:28px; font-weight:bold; color:#222; font-family:Helvetica,Arial,sans-serif; } #m_content{ width: 66%; margin: 0 auto; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border: none;} #m_content a{text-decoration: none; color:#3B5998; } #m_content a:hover {text-decoration: underline; color:#444; } #m_content .active a{background: #fff; font-weight: bold; color: #222;} #m_content .heading{margin:0 0 10px 0; padding: 0 0 10px 0; clear:both; float:left; width:932px; } #m_content #corporate{padding-right:30px;} #m_content #corporate, #m_content #education, #m_content #fun {width: 290px; float:left;} #m_content #corporate img, #m_content #education img, #m_content #fun img{float:left; border: 1px solid #eee; padding: 2px;} #m_content #corporate h4 , #m_content #education h4 , #m_content #fun h4 {float:left; margin:2px 0 0 0; color: #333; font-size:16px; font-weight:bold; color: #333;} #m_content .sample{padding:15px 0 5px 0; font-weight:normal;} #m_content .sample_Q{padding:15px 0 5px 0; font-weight:bold;} #m_content #take_quiz{ margin:10px 50px 0px 50px; padding:10px 10px 0 10px; text-align: center; font-size: 12px;} /** How it works CSS **/ #m_content #step-create{background:#f6f6f6 url('../../../quiz-school/img/layout/step-1.png') 0px 0px no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px;} #m_content #step-share{background:#F6F6F6 url('../../../quiz-school/img/layout/step-2.png') 0px 0px no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px;} #m_content #step-analyze{background:#F6F6F6 url('../../../quiz-school/img/layout/step-3.png') 0px 0px no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px;} #m_content #step-create, #m_content #step-share { float:left; background-color: #f6f6f6; margin:0 30px 0 4px; padding:10px 0 0 30px; width: 255px; height:160px;} #m_content #step-analyze{float:left; background-color: #f6f6f6; margin:0; padding:10px 0 0 30px; width: 255px; height:160px; } #m_content #step-create h4, #m_content #step-share h4, #m_content #step-analyze h4 { margin:0; padding-left:20px; color: #333; font-weight: bold; font-size: 15px; } #m_content #step-create ul li, #m_content #step-share ul li , #m_content #step-analyze ul li {list-style-type:disc; padding:0 0 3px 0; margin:0; } /** Why Everyone Loves Quiz School CSS **/ #m_content #appr-left{ width:420px; float:left; margin-right:20px;} #m_content #appr-right{ width:460px; float:left;} #m_content #appr-left ul, #m_content #appr-right ul { padding-left:40px;} #m_content #appr-left ul li, #m_content #appr-right ul li{list-style-type:disc; margin:0; font-size: 12px; line-height: 22px;} /** Recent Quiz CSS **/ #m_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;} #m_content .recentQuiz p{line-height:19px; } #m_content .recentQuiz h4{font-size: 12px;} #m_content .ques-rq { padding:10px 0; color: #999; font: 10px Verdana, sans-serif; } #m_content .ques-rq a{text-decoration:underline; } /** common class in content area css **/ #m_content .Qtitle{width:165px; float:right;} #m_content .introQuiz{ color: #777; font-size: 11px; float:left;} #m_content .Qdesc-pad {padding-top:10px; } #m_content .para{ padding-top: 13px; float: left; line-height: 19px;} #m_content .fontbold{ font-size: 14px; font-weight: bold; } .m_conthead {min-height: 55px; padding: 10px 0px; border-bottom:1px solid #EEEEEE; display:block; } .m_wid_fl { width:100%; float:left; } .m_logo {float:left; } .m_menu { float:right; margin:-20px 1px 0px 0px; } .m_search { float:right; margin-top:12px; width:165px; } #m_navinew { float: left; margin: 35px 0px 0px 0px; _margin: 35px 0px 0px 0px; *margin: 35px 0px 0px 0px; padding: 0px; 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; } #m_navinew li { float: left; } #m_navinew li a { display: block; padding: 0 12px; text-decoration: none; font-weight: bold; font-size: 13px; color: #3B5998; border-right: 1px solid #3B5998; } #m_navinew li a:hover { color: #444; text-decoration: none; background-color: #fff; } .m_powrdby_new_footer{ background:none repeat scroll 0 0 #FFFFFF; min-height:50px; font-size:12px; padding:0px 40px; width:66%; margin:auto; } .m_searchbox { padding: 4px 3px 5px 3px !important; height:17px !important; background-color:#fff; border: 1px solid #D1CCD7; color: #2B2A2C; font-size: 14px; width: 125px !important; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em;display: block !important; float: left !important; border-right: none !important; margin-right: -2px !important; } .m_infotext { font-size:15px !important; font-weight:bold !important; color:#444 !important; } .m_quiz_desc { font-size:15px !important; color:#444 !important; } .m_questiontext{ font-size:15px !important; color:#666 !important; font-weight:normal !important; } .m_machleft SPAN{ font-size:15px !important; color:#666 !important; font-weight:normal !important; } .m_machright, .m_machright.STRONG, SELECT, SELECT OPTION{ font-size:15px !important; color:#666 !important; font-weight:normal !important; } .questonnopt,SPAN.questonnopt, SPAN.questonnopt label {font-size:15px !important; color:#666 !important; font-weight:normal !important; font-family:Helvetica, Arial, sans-serif; } .m_relatedtopics {font-size: 16px; font-family: Arial,Helvetica,sans-serif; color:#000; padding: 14px 4px 4px 4px; font-weight:bold; margin-top:5px; border:none !important; } .m_createdtext { font-size:13px !important; color:#777 !important; } .m_relatedtxt, m_relatedtxt.a{ margin:9px 0px 12px 4px; color:#3957a0 !important; font-size:14px; } .m_divsearch { float:right; } .m_chaticon { margin:14px 0px 0px 23%; float:left; } .m_cloginbtn {margin:14px 0px 0px 3%; float:left; font-size:20px; } .loaderdisplay{ background-image:url('../../../quiz-school/images/loader.gif'); background-repeat:no-repeat; background-position:right;} #m_user_detail { margin:4px 0px; padding:3px 5px 3px 0px; color:#333; font-weight:normal; } #mq_excerpt a { font-size:11px !important; } #mq_excerpt SPAN { margin-right: 5px; padding-left: 6px; background: transparent url('../../../quiz-school/img/layout/icon_remove_ad_8x8.png') no-repeat center left; } @media only screen and (min-width : 1057px) and (max-width: 1155px ) { .m_related_topic { margin-left:0px; }/* Styles */ m_related_quiz { margin-left:0px; }/* Styles */ .m_gglmblarad{ display:none; } .m_chk_res { display:block; float:left; margin-left:5px; width:94%} .m_chk_1 { height:28px; vertical-align:top; float:left; } .m_match_respon { float:right; width:238px; } } @media only screen and (min-width : 1266px) and (max-width : 1410px) { #m_left-wrapper{padding: 0; width: 61%; margin:0px; float:left; } #m_right-wrapper{padding: 0; width: 38%; float:right; } .m_chk_res { display:block; float:left; margin-left:5px; width:94%} .m_chk_1 { height:28px; vertical-align:top; float:left; } .m_match_respon { float:right; width:238px; } } @media only screen and (min-width : 1411px) and (max-width : 1486px) { #m_left-wrapper{padding: 0; width: 61%; margin:0px; float:left; } #m_right-wrapper{padding: 0; width: 38%; float:right; } .m_chk_res { display:block; float:left; margin-left:5px; width:94%} .m_chk_1 { height:28px; vertical-align:top; float:left; } } @media only screen and (min-width : 1487px) { #m_left-wrapper{padding: 0; width: 62%; margin:0px; float:left; } #m_right-wrapper{padding: 0; width: 37%; float:right; } .m_chk_res { display:block; float:left; margin-left:5px; width:94%} .m_chk_1 { height:28px; vertical-align:top; float:left; } .m_match_respon { float:right; width:238px; } } @media only screen and (min-width : 1165px) and (max-width : 1265px) { #m_left-wrapper{padding: 0; width: 61%; margin:0px; float:left; } #m_right-wrapper{padding: 0; width: 38%; float:right; } .m_chk_res { display:block; float:left; margin-left:5px; width:94%} .m_chk_1 { height:28px; vertical-align:top; float:left; } .m_match_respon { float:right; width:238px; } } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1165px) and (max-width : 2580px) { .m_onmobilemenu { display:none!important } .m_nonmobile { display:block !important; } .m_onmobile { display:none !important } #m_content{ border:none !important; max-width:980px;} #m_left-wrapper { max-width:600px; } #m_right-wrapper { max-width:340px; } .m_inerqst{ padding-left:31px; } .m_expdtl { margin-left:15px; margin-top:8px; color:#444444 !important; } IMG { max-width:100% !important; height:auto !important; } .m_scrollingembed { position:fixed; top:96px; margin-left:-124px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#ffffff; width:65px; padding:10px 0px 0px 15px; height:237px; ^margin:0px 0px 0px -125px } .m_scrollingembedqs { position:fixed; top:96px; margin-left:-124px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#ffffff; width:65px; padding:10px 0px 0px 15px; height:237px; ^margin:0px 0px 0px -125px } .m_facebook { float:left; margin-bottom:10px; height:65px;width:70px; } .m_google { float:left; margin-bottom:10px; } #m_share { float:left; margin-bottom:10px; } .m_twitter { float:left; margin-bottom:10px; } .m_gglad{width:728px; height:90px; margin:auto; } #m_adbn{ float:left; padding: 20px 0 20px; } .m_related_topic {border:1px solid #EEEEEE; min-height:auto; width:332px; float:left; } .m_related_topic .related_box { height:29px; width:332px; background:#666666; margin-top:-11px; margin-left:-1px; } .m_related_quiz{ height:auto; width:332px; float:left;} .m_related_quiz .m_relatedbox {height:29px; width:332px; margin-top:-11px; } .m_comment { width:346px; } #mq_excerpt { float: right; margin-right:19px; margin-top:14px; } #m_question_excerpt {font-size:20px; margin-left:15px; } .m_machleft { width:125px; float:left; } .m_machright { width:300px; padding:0px; float:left; } .m_backtop { display:none; padding:5px; background-color:#F8F8F8; text-align:center; } .backtop {color:#666699; font-size:16px; background: url(https://www.proprofs.com/quiz-school/quiz-school/img/arrow.jpg) no-repeat scroll 95px 3px transparent; padding: 0px 75px 0px 0px; } .m_lastad { margin:17px 0px 0px 0px; float:left; } .mlarge_ad { width:728px; height:90px; } .msmallo_ad { width:300px; height:250px; } #m_main-wrapper { width:70%; text-align:left; text-shadow:none; margin:20px auto 0px; } #m_report-wrapper{ width:70%; text-align:left; text-shadow:none; margin:20px auto 0px; background-color:#FFF; border-radius:5px; border-radius:5px; } .m_livefoot { width:70%; } .m_gglmblarad{ display:none; } .m_questionbigbox { border-top:1px solid #dfdfdf; border-left:2px solid #dfdfdf; border-right:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf; padding:10px; width:95%; float:left; margin:15px 0px 15px 0px; } .m_ansopt { margin:18px 0 0px 18px !important;overflow:hidden; width:95%; } .match_left { width:240px; float:left; } .match_right { float:right; width:224px; } .m_chk_res { display:block; float:left; margin-left:5px; width:94%} .m_chk_1 { height:28px; vertical-align:top; float:left; } .m_match_respon { float:right; width:238px; } /**************Live paid quiz show*********************/ .question_are{text-align:left;} .m_qtitle{ padding:15px 45px 14px 45px; font-size:28px; text-align:left; } .m_questoin_count_quiz{ padding:0px 0px 0px 5%; font-size:15px; font-weight:bold; padding-bottom:15px; border-bottom:1px solid #E5E3E3; width:95%; float:left; } #time_reming { background-image:url(../../../quiz-school/images/ab_quiz_timer_new.png); padding:3px 0px 7px 23px; background-repeat:no-repeat; } #qstime_reming { background-image:url(../../../quiz-school/images/ab_quiz_timer_new.png); padding:1px 0px 7px 23px; background-repeat:no-repeat; } #disp2, #mnt {font-weight:bold; } .m_qestion_no{float:left; width:250px; text-align:left; } .m_time_right{ float:right; font-size:0.90em; width:200px; text-align:right; margin-right:45px; } .m_questionquiz { float:left; width:90%; margin-left:5%; margin-top:15px; text-align:left; } .m_question-label { float:left; width:95%; margin-left:5%; margin-top:15px; text-align:left; } .m_question-label label { margin: 4px 0 4px 0px; text-shadow: none; _margin: 0; padding: 5px 0 5px 3px; width: 95%; float: left; float: none; display: block; } .m_show_match_l { margin-top:5px; width:30%; float:left; overflow:auto; } .m_show_match_r { margin-top:5px; width:50%; float:left; overflow:auto; } #m_metch_option { margin:5px 0 0 5%; overflow:hidden; width:90%; } .m_submit_buuton { width:95%; margin-left:5%; padding-top:20px; } .m_match_st {width:20%; float:left; height:auto; overflow:auto; } .m_match_nd { width:30%; float:left; height:30px;} .m_match_rd { float:left; width:45%; padding:1px 0 0 0px; height:30px;} /**************Live paid quiz show*********************/ .m_share_fb{ margin-top:35px;float:left; text-align:left; width:100%; } .report_ad { float:left; width:300px; margin-top:10px; } .m_main_report_summary{ border-bottom:1px solid #ddd; height:auto; width:98%; padding:0px 1%; float:left;} .m_rs_main_odd {background: #E8E8E8; height: 46px; float: left; border-bottom: 1px solid #ddd; width:49%; } .m_rs_main_even { height: 46px; float: left; border-bottom: 1px solid #ddd; width:49%; } .m_fr_fb_report { float:left; width:113px; height:40px; } } @media only screen and (min-width : 100px) and (max-width : 564px) { .m_chaticon { margin:14px 0px 0px 2%; float:left; } .m_cloginbtn {margin:14px 0px 0px 5%; float:left; font-size:20px; font-size:17px; } .m_chk_res { display:block; float:left; margin-left:5px; width:90%} .m_nqbuttton { margin:0px 0px 0px 10px; float:left; } .m_chk_1 { height:28px; vertical-align:top; float:left; margin-left:5px; } .m_match_respon { float:left; width:92%; } .m_questionquiz { float:left; width:90%; margin-left:5%; margin-top:15px; text-align:left; } .m_question-label{ float:left; width:95%; margin-left:5%; margin-top:15px; text-align:left; } .m_question-label label { margin: 4px 0 4px 0px; text-shadow: none; _margin: 0; padding: 5px 0 5px 3px; width: 95%; float: left; float: none; display: block; } } @media only screen and (min-width : 100px) and (max-width : 765px) { .m_menu { display:none; } .m_chk_res { display:block; float:left; margin-left:5px; width:88%} .m_nqbuttton { margin:0px 0px 0px 10px; float:left; } .m_chk_1 { height:28px; vertical-align:top; float:left; margin-left:5px; } .m_match_respon { float:left; width:92%; } .m_questionquiz { float:left; width:90%; margin-left:5%; margin-top:15px; text-align:left; } .m_question-label{ float:left; width:95%; margin-left:5%; margin-top:15px; text-align:left; } .m_question-label label { margin: 4px 0 4px 0px; text-shadow: none; _margin: 0; padding: 5px 0 5px 3px; width: 95%; float: left; float: none; display: block; } } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 500px) and (max-width : 1165px) { .m_onmobilemenu { display:none!important } .m_onmobile { display:none !important } .m_nonmobile { display:block !important; } .m_inerqst{ padding-left:31px; } .m_expdtl { margin-left:15px; margin-top:8px; color:#444444 !important; } IMG{ max-width:100% !important; height:auto !important; } .m_questionbigbox { border-top:1px solid #dfdfdf; border-left:2px solid #dfdfdf; border-right:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf; padding:10px; width:95%; float:left; margin:15px 0px 15px 0px; } .question_text IMG, .m_questiontext IMG, .questonnopt IMG { max-width:100% !important; height:auto !important; } #m_share{ display:none; } .m_gglad{ display:none; } #m_content{ width: 89%; margin: 0 auto; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border:none;} #m_left-wrapper{padding: 0; width: 100%; margin:^0px; float:left;} .m_scrollingembed {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#ffffff; width:100%; padding:10px 0px 0px 0px; height:100px; } .m_scrollingembedqs {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:100%; padding:10px 0px 0px 0px; height:100px; } .m_facebook { float:left; height:80px;width:70px; } .m_google { float:left; height:80px; width:80px; } #m_share { float:left; width:75px; height:80px; } .m_twitter { float:left; width:75px; height:80px; } #m_right-wrapper{padding: 0; width: 100%; float:left; } #m_adbn{ float:left; padding: 20px 0 20px 5px; } .m_related_topic {border:1px solid #EEEEEE; min-height:auto; width:100%; margin-left:0px; } .m_related_topic .related_box { height:29px; width:100%; background:#666666; margin-top:-11px; margin-left:-1px; float:left; text-align:left; } .m_related_quiz{height:auto; width:100%; margin-left:0px; float:left; margin-top:10px; margin-bottom:10px; } .m_related_quiz .m_relatedbox {height:29px; width:100%; margin-top:-11px; } .m_comment { width:100%; margin-left:0px !important; } #mq_excerpt { float: right; margin-right:19px; margin-top:14px; } #m_question_excerpt {font-size:20px; margin-left:15px; } .m_machleft { width:125px; float:left; } .m_machright { width:300px; padding:4px 0 0 0px; } .m_backtop { display:none; padding:5px; background-color:#F8F8F8; text-align:center; } .backtop {color:#666699; font-size:16px; background: url(https://www.proprofs.com/quiz-school/quiz-school/img/arrow.jpg) no-repeat scroll 95px 3px transparent; padding: 0px 75px 0px 0px; } .m_lastad { margin:17px 0px 0px 0px; float:left; } .mlarge_ad { width:320px; height:50px; } .msmallo_ad { width:250px; height:250px; } #m_main-wrapper { width:92%; text-align:left; text-shadow:none; margin:20px auto 0px; } #m_report-wrapper{ width:92%; text-align:left; text-shadow:none; margin:20px auto 0px; background-color:#FFF; border-radius:5px; } .m_livefoot {width:92%; } .m_powrdby_new_footer{ background:none repeat scroll 0 0 #FFFFFF; min-height:50px; font-size:12px; width:75%; padding:0px 40px; margin:auto; } .m_ansopt { margin:5px 0 0 5px;overflow:hidden; width:95%; } .match_left { width:240px; float:left; } .match_right { float:right; width:240px; } .m_chk_res { display:block; float:left; margin-left:5px; width:88%} .m_nqbuttton { margin:0px 0px 0px 10px; float:left; } .m_chk_1 { height:28px; vertical-align:top; float:left; margin-left:5px; } .m_match_respon { float:left; width:92%; } /**************Live paid quiz show*********************/ .question_are{text-align:left;} .m_qtitle{ padding:15px 45px 14px 45px; font-size:28px; text-align:left; } .m_questoin_count_quiz{ padding:0px 0px 0px 5%; font-size:15px; font-weight:bold; padding-bottom:15px; border-bottom:1px solid #E5E3E3; width:95%; float:left; } #time_reming { background-image:url(../../../quiz-school/images/ab_quiz_timer_new.png); padding:3px 0px 7px 23px; background-repeat:no-repeat; } #qstime_reming { background-image:url(../../../quiz-school/images/ab_quiz_timer_new.png); padding:1px 0px 7px 23px; background-repeat:no-repeat; } #disp2, #mnt {font-weight:bold; } .m_qestion_no{float:left; width:250px; text-align:left; } .m_time_right{ float:right; font-size:0.90em; width:200px; margin-right:45px; } .m_questionquiz { float:left; width:90%; margin-left:5%; margin-top:15px; text-align:left; } .m_question-label{ float:left; width:95%; margin-left:5%; margin-top:15px; text-align:left; } .m_question-label label { margin: 4px 0 4px 0px; text-shadow: none; _margin: 0; padding: 5px 0 5px 3px; width: 95%; float: left; float: none; display: block; } .m_show_match_l { margin-top:5px; width:30%; float:left; overflow:auto; } .m_show_match_r { margin-top:5px; width:50%; float:left; overflow:auto; } #m_metch_option { margin:5px 0 0 5%; overflow:hidden; width:90%; } .m_submit_buuton { width:95%; margin-left:5%; padding-top:20px; } .m_match_st {width:20%; float:left; height:auto; overflow:auto; } .m_match_nd { width:30%; float:left; height:30px;} .m_match_rd { float:left; width:45%; padding:1px 0 0 0px; height:30px;} .m_fr_fb_report { float:left; width:113px; height:40px; } /**************Live paid quiz show*********************/ .m_share_fb{ margin-top:35px;float:left; text-align:left; width:100%; } .report_ad { float:left; width:300px; margin-top:10px; } .m_main_report_summary{ border-bottom:1px solid #ddd; height:auto; width:98%; padding:0px 1%; float:left;} .m_rs_main_odd {background: #E8E8E8; height: 46px; float: left; border-bottom: 1px solid #ddd; width:49%; } .m_rs_main_even { height: 46px; float: left; border-bottom: 1px solid #ddd; width:49%; } } /* Large screens ----------- */ @media only screen and (max-width : 500px) and (min-width:100px ){ #show-pop { z-index:100; right:10px; } .story-setting { width:160px !important; } .m_relatedtopics {font-size: 16px; font-family: Arial,Helvetica,sans-serif; color:#000; padding: 6px 4px 4px 4px; font-weight:bold; margin-top:5px; border:none !important; } .mquiz_contnr { float:left; margin-left:30%; border-left:2px solid #ddd; height:600px; } .mquiz_contnr UL { margin-top:15px !important; } m_navinew { margin:35px 0px 0px 30% !important; } .m_onmobilemenu {float:left; position:absolute; top:5px; display:none; left:85%; height:800px; background-color:#fff; z-index:2000; width:99%; position:fixed; top:0px;} .m_icmenu_left { float:left; background-image:url(../../../quiz-school/images/menuicns.png); background-repeat:no-repeat; padding:14px 14px 0px 14px; cursor:pointer; margin-right:15%; margin-top:5px; background-size:27px 27px; } .nomobile { display:none !important; } .m_femnu { float:right; margin-top:5px; margin-right:-8px; } .m_icschr { float:right; background-image:url(../../../quiz-school/images/m_searcsmal_v-1.png); background-repeat:no-repeat; position:absolute; z-index:200; top:-10px; padding:5px 12px; right:50px; cursor:pointer; } .m_icmenu { float:right; background-image:url(../../../quiz-school/images/menuicns.png); background-repeat:no-repeat; padding:14px 32px 0px 1px; cursor:pointer; background-size:27px 27px; } .m_srcmenu { float:right; background-image:url(../../../quiz-school/images/search_icns.png); background-repeat:no-repeat; padding:19px 19px 0px 19px; cursor:pointer; background-size:27px 27px } .m_onmobile { display:block !important } .m_nonmobile { display:none !important; } #breadcrumb { display:none; } .m_inerqst{ padding-left:16px; } .m_expdtl { margin-left:0px; margin-top:8px; color:#444444 !important; } .m_gglad{ display:none; } #m_content{ width: 75%; margin: 0 auto; background:#fff; border:none; padding:5px 5px 0px 5px;} #m_left-wrapper{padding: 0; width: 100%; margin:^0px; float:left;} .m_menu { display:none; } .m_facebook { float:left; height:80px;width:60px; } .m_google { float:left; height:80px; width:67px; } #m_share { float:left; width:10px; height:80px; display:none; } .m_twitter { float:left; width:75px; height:80px; } #m_question_excerpt {font-size:15px; } .m_machleft { width:100%; float:left; } .m_machright { width:100%; padding:4px 0 0 0px; float:left; } .check_top { display:none } .m_backtop .check_top { display:block; } .m_backtop { display:block; } .backtop {color:#666699; font-size:16px; background: url(https://www.proprofs.com/quiz-school/quiz-school/img/arrow.jpg) no-repeat scroll 95px 3px transparent; padding: 0px 75px 0px 0px; } /* Styles */ .m_searchbox { padding: 12px 4px!important; height:17px !important; background-color:#fff; color: #2B2A2C; font-size: 14px; width: 98% !important;display: block !important; float: left !important; border: none !important; } .m_search { float:left; width:99%; margin:0px; } .m_scrollingembed { display:none; } .m_scrollingembedqs { display:none;} #mq_excerpt { float: right; margin-right:19px; margin-top:14px; } .m_conthead {min-height: 55px; padding: 5px; border-bottom:1px solid #EEEEEE; display:block; } #m_content{ width: 95%; margin: 0 auto; background:#fff; border-bottom:1px solid #dddddd; border-radius:0px; } .m_contents{ min-height: 600px; padding: 5px; } .m_powrdby_new_footer{ background:none repeat scroll 0 0 #FFFFFF; min-height:50px; font-size:12px; width:95%; padding:0px 5px; margin:auto; } .m_related_topic {border:1px solid #EEEEEE; min-height:auto; width:100%; margin-left:0px; } .m_related_topic .related_box { height:29px; width:100%; background:#666666; margin-top:-11px; margin-left:-1px; float:left; text-align:left; } .m_related_quiz{ height:auto; width:100%; margin-left:0px;} .m_related_quiz .m_relatedbox {height:29px; width:100%; margin-top:-11px; } #m_adbn{ float:left; padding: 20px 0 20px 5px; } .m_comment { width:100%; margin-left:0px !important; } .m_h1head { border-bottom:none; padding:0px; font-size:200%; font-weight:normal; font-family:Helvetica,Arial,sans-serif; } .m_createdtext { display:none; } .stickv { display:none; } #m_user_detail { margin:0px !important; } .m_gglmblarad{ display:block; } .m_divsearch { float:left; width:100%; left:0px; z-index:1000; margin-top:42px; position:absolute; border:2px solid #5D83B7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:none; } #m_ssearchbtn { margin-left:-28px; } .loaderdisplay{ background-image:url('../../../quiz-school/images/loader.gif'); background-repeat:no-repeat; background-position:92% 50%;} #adimage { float:left; } .m_questionbigbox { border-top:1px solid #dfdfdf; border-left:0 !important; border-right:0 !important; border-bottom:2px solid #dfdfdf; padding:10 5px; width:99%; float:left; margin:15px 0px 15px 0px; } #m_question_desc { float:left; margin:5px; } .m_ansopt { margin:5px 0 0 5px;overflow:hidden; width:95%; } .match_left { width:95%; float:left; } .match_right { float:left; width:95%; } .m_chk_res { display:block; float:left; margin-left:5px; width:88%} .m_nqbuttton { margin:0px 0px 10px 10px; float:left; } .m_chk_1 { height:28px; vertical-align:top; float:left; margin-left:5px; } .m_match_respon { float:left; width:92%; } .m_txtbxara{ float:left; margin-left:5px; } iframe, object, embed { max-width: 100% !important; max-height: 100% !important; } .question_text IMG, .m_questiontext IMG, .questonnopt IMG, #m_question_desc IMG{ max-width:100px !important; height:auto !important; } .required_box, .required-area { float:left; text-align:left; } /**************Live paid quiz show*********************/ .m_fr_fb_report { float:left; width:75px; height:40px; margin-left:0px; } .question_are{text-align:left;} .m_qtitle{ padding:15px 5px 14px 5px; font-size:22px; text-align:left; } .m_questoin_count_quiz{ padding:0px 0px 0px 5%; font-size:15px; font-weight:bold; padding-bottom:15px; border-bottom:1px solid #E5E3E3; width:95%; float:left; } #time_reming { background-image:url(../../../quiz-school/images/ab_quiz_timer_new.png); padding:3px 0px 7px 23px; background-repeat:no-repeat; } #qstime_reming { background-image:url(../../../quiz-school/images/ab_quiz_timer_new.png); padding:1px 0px 7px 23px; background-repeat:no-repeat; } #disp2, #mnt {font-weight:bold; } .m_qestion_no{float:left; width:300px; text-align:left; } .m_time_right{ float:left; font-size:0.90em; width:300px; text-align:left; margin-top:10px; margin-right:45px; } .m_questionquiz { float:left; width:90%; margin-left:5%; margin-top:15px; text-align:left } .m_question-label{ float:left; width:95%; margin-left:5%; margin-top:15px; } .m_question-label label { margin: 4px 0 4px 0px; text-shadow: none; _margin: 0; padding: 5px 0 5px 3px; width: 95%; float: left; float: none; display: block; } .m_show_match_l { margin-top:5px; width:80%; float:left; overflow:auto; } .m_show_match_r { margin-top:5px; width:80%; float:left; overflow:auto; } #m_metch_option { margin:5px 0 0 5%; overflow:hidden; width:90%; } .m_submit_buuton { width:95%; margin-left:5%; padding-top:20px; } textarea { max-width:90% !important; } .skip_back { float:left !important; width:100% !important; } .save_buttons {float:left !important; margin-top:10px; } .m_match_st {width:100%; float:left; height:auto; overflow:auto; } .m_match_nd { width:100%; float:left; height:30px;} .m_match_rd { float:left; width:100%; padding:1px 0 0 0px; height:30px;} IMG { max-width:100% !important; height:auto; } /**************Live paid quiz show*********************/ .m_share_fb{ margin-top:20px;float:left; text-align:left; width:100%; } .report_ad { float:left; width:300px; margin-top:10px; } /**************Free quiz report ***********************/ .m_main_report_summary{ border-bottom:1px solid #ddd; height:auto; width:98%; padding:0px 1%; float:left;} .m_rs_main_odd {background: #E8E8E8; height: 46px; float: left; border-bottom: 1px solid #ddd; width:49%; } .m_rs_main_even { height: 46px; float: left; border-bottom: 1px solid #ddd; width:49%; } } @media only screen and (max-width : 400px) and (min-width:300px ){ .loaderdisplay{ background-image:url('../../../quiz-school/images/loader.gif'); background-repeat:no-repeat; background-position:90% 50%;} .m_questionbigbox { border-top:1px solid #dfdfdf; border-left:2px solid #dfdfdf; border-right:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf; padding:10 5px; width:99%; float:left; margin:15px 0px 15px 0px; } .m_ansopt { margin:5px 0 0 5px;overflow:hidden; width:95%; } .match_left { width:95%; float:left; } .match_right { float:left; width:95%; } .m_chk_res { display:block; float:left; margin-left:5px; width:88%} .m_nqbuttton { margin:0px 0px 10px 10px; float:left; } .m_chk_1 { height:28px; vertical-align:top; float:left; margin-left:5px; } .m_match_respon { float:left; width:92%; } .m_txtbxara{ float:left; margin-left:5px; } } @media only screen and (max-width : 300px) and (min-width:200px ){ .loaderdisplay{ background-image:url('../../../quiz-school/images/loader.gif'); background-repeat:no-repeat; background-position:86% 50%;} .m_questionbigbox { border-top:1px solid #dfdfdf; border-left:0 !important; border-right:0 !important; border-bottom:2px solid #dfdfdf; padding:10 5px; width:99%; float:left; margin:15px 0px 15px 0px; } .m_ansopt { margin:5px 0 0 5px;overflow:hidden; width:95%; } .match_left { width:95%; float:left; } .match_right { float:left; width:95%; } .m_chk_res { display:block; float:left; margin-left:5px; width:88%} .m_nqbuttton { margin:0px 0px 10px 10px; float:left; } .m_chk_1 { height:28px; vertical-align:top; float:left; margin-left:5px; } .m_match_respon { float:left; width:92%; } .m_txtbxara{ float:left; margin-left:5px; } } /* quiz show extra */ .m_embquestionbigbox { width:100%; float:left; margin:15px 0px 15px 0px; } .m_quesoin_no { font-size: 15px; font-weight: bold; padding-bottom: 10px; float:left; } .m_question1 { font-size:1em; font-weight:normal; padding:0px 0px 0px 6px; } #m_question_desc{ width: 100%; float: left; padding: 0px; display: inline; font-size:14px; font-weight:bold; } #span-quiz-result { float:left; width:100%; } .quiz_tablediv { float:left; width:97%; text-align:left; } #time_reming { background-image:url(../../../quiz-school/images/ab_quiz_timer_new.png); padding:3px 0px 7px 23px; background-repeat:no-repeat; } .widthshare { float:left; } .m_scr_white_bg{ float:left; padding:10px 1px 0px 1%; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; width:99%; height:28px; } .m_scr_clr_bg{ float:left; padding:10px 1px 0px 1%; background-color:#E8E8E8; border-right:1px solid #ddd; border-left:1px solid #ddd; height:28px; width:99%; } div.m_scr {width:45%; float:left; font-size:15px; } .m_fontbold { font-size:17px !important; font-weight:bold; } /****** quiz report coman css **/ #m_question-box-area { float:left; width:100%; }