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-size: 13px; color: #444; } hr{ border: 0; color: #ddd; background-color: #ddd; height: 1px; width: 100%; text-align: left;margin:21px 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;} .login-sign-btn{color: #fff !important;} .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-left:192px; margin: 0 auto; padding: 10px 15px 15px 15px; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px;} #footer a{text-decoration: none; color:#3B5998!important; } #footer a:hover {text-decoration: underline; color:#444!important; } #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;} .buybutton .btn_class{ background-color: #3c8ac9; background-image: -moz-linear-gradient(center top , #3c8ac9, #4787ed); border: 1px solid #3079ed; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2) inset; color: #fff !important; font-size: 15px; padding: 10px 15px; } #scrolling_embed{top: 164px !important;} #header .active a, #content .active a, #footer .active a {background: #fff; font-weight: bold; color: #111;} .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;} #header #hPage_header #logo a{ height: 48px; } #header #hPage_header #navigation-wrapper ul#nav-main{ border:0; -moz-box-shadow: 0 0 3px #fff; -moz-border-radius: 5px; -webkit-box-shadow: 0 0 3px #fff; -webkit-border-radius: 5px; width:480px; padding-top:15px; margin-left:15px;} #header #hPage_header #navigation-wrapper ul#nav-main li a, #header #hPage_header #navigation-wrapper ul#nav-main li.last{border-right: 0; font-size:14px; } #header #phone_box{float:right; color: #777777; font-size:15px; position: relative; top: 5px; right:10px;} #navigation #hsearchForm { float: right; position: relative; top: 30px; padding-right:15px; } #navigation #hsearchsite { color: #9F9F9F; font-size:13px; width: 180px; border: 1px solid #d1d8e8; padding: 5px 3px 3px 3px; height: 18px; float: left; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px;} .hsearch-submit{background:url('/store/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; margin-left:-4px;} #header #logo a { outline:none; display: block; height: 48px; width: 150px; text-indent: -2000em; z-index: 1000; background: url('/store/img/layout/proprofs_store_logo.png') 3px 0px no-repeat;} #header #logo span { display: block; background: url('/store/img/layout/proprofs_store_logo.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('/store/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('/store/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:16px 10px 0 0; background-color: #5299DB repeat-x top left; } .left_img_head{font-size:1.88em; font-weight: bold; color:#000;} .left_down_head{ font-size: 1.5em; font-weight: normal; text-align: left;} .mainbox{ width:76%; float:left; height:auto;} .mainsidebar{ width:21%; float:right; height:auto; } .sidebar{border:1px solid #DFDFDF; height:200px; width:100%; border-radius: 5px 5px 5px 5px; background-color:#F5F5F5;} .sidebartop{border-bottom:1px solid #DFDFDF; height:30px; font-size: 1.4em;font-weight: normal; font-weight:bold; padding:8px 0 0 0px;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:11px 0 0 10px;} ul#right_img_text li{font-size:14px; font-weight:bold; padding:0 0 15px 23px; text-align:left; background: url('../images/icon-correct-10.png') no-repeat top left; color:#000;} #right_img_aerrow{margin:11px 0 0 10px;} ul#right_img_aerrow li{font-size:14px; font-weight:bold; padding:0px 0px 15px 16px; text-align:left; background: url('../images/aerrow_black.jpg') no-repeat top left; color:#000; border-bottom:1px solid #DFDFDF;} #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:960px; } 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; padding:14px 0 0 14px; } div.pr-testiContentby { font-weight: bold; margin: 10px 0 0; color:#CCCCCC; } /** 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('../img/layout/step-1.png') 0px 0px no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px;} #content #step-share{background:#F6F6F6 url('../img/layout/step-2.png') 0px 0px no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px;} #content #step-analyze{background:#F6F6F6 url('../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('../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("/store/images/1243594760_lock.gif") no-repeat left; background-position: 2px 0px; padding-left: 32px;} /*stroynew*/ #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(../images/story-quizstats.png) no-repeat 12px 8px; } a.icon-story-printquiz { background:url(../images/story-printquiz.png) no-repeat 12px 8px; } a.icon-story-scorereport { background:url(../images/story-scorereport.png) no-repeat 12px 8px; } a.icon-story-passwordrequest { background:url(../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; }/*stroynew*/ #share_print_comnt ul .print{ padding:7px 0 5px 30px; background:transparent url('../img/layout/icon_print.png') no-repeat scroll 0 3px; } #share_print_comnt ul .comment{ padding:7px 0 5px 30px; background:transparent url('../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('../img/layout/question_bullet.gif') no-repeat scroll 0 3px; } #more{margin:30px 0 40px 0; padding:7px 10px 10px 30px; background:transparent url('../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('../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;} .green.awesome, .green.awesome:visited { border: 1px solid #2D8F11; background-color: #179406; } .green.awesome:hover { background-color: #3CBF17; } .lightgray.awesome, .lightgray.awesome:visited { background-color: #e4e4e4; border: 1px solid #CCC;} .lightgray.awesome:hover { background-color: #f7f7f7; border: 1px solid #CCC;} .orange.awesome, .orange.awesome:visited { border: 1px solid #F89B2A; background-color: #E68319; } .orange.awesome:hover { background-color: #F89B2A; } .blue.awesome, .blue.awesome:visited { border: 1px solid #11808F; background-color: #007d9a;} .blue.awesome:hover { background-color: #2daebf; } .red.awesome, .red.awesome:visited { border: 1px solid #DF0D16; background-color: #DF0D16;} .red.awesome:hover { background-color: #FF000A; } /*---------------------Login Form, Wrapper-------------------------*/ #_left_wrapper_login{padding: 0; width: 400px; float:left;} #_right_wrapper_reg{padding: 0; width: 400px; float:right;} .h1_page_head_lr{font-size:16px; font-weight:bold; letter-spacing:0.02em;} /* 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('../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('../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(/store/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('../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('../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("../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('../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('../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('../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;} .selborder{border:3px solid #ddd; background-color: #FFFFDD;} .selborder label{font-weight:bolder;} /*-------------------------------- Quiz Show CSS --------------------------------*/ /*-------------------------------- 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{background:#3B5998; color:#fff !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('../img/layout/icon-cert-small.png') no-repeat center left; } .cert_try a.profile_quiz_tryagain{padding:0 0 0 13px; background: transparent url('../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; } /**** story detail box, tables****/ /*** Status Messages DIV ********************/ /*** Information Div ***/ #information{ padding:5px; margin:15px 0px 15px 0px; font-size: 14px; line-height:18px; background-color:#eee; border:0px !important; color:#4d4d4d; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #tm_message{ padding:5px; background-color:#fff; color:#AC7231; border:1px solid #e9c362; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #information p{ padding:5px; font-weight:normal; font-size:14px; background-color:#fff; color:#AC7231; line-height:18px; } #information p a{ text-decoration:none;} #information p small{color:#999;} /*** Error Info Div ***/ #errorInfo{ padding:5px 5px 5px 40px; margin:15px 0px 15px 0px; font-size: 14px; line-height:18px; background-color:#fdecef; color:#AD2C3E; border:1px solid #e9233f; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #errorInfo p{ padding:5px 5px 5px 40px; font-size:14px; color:#AD2C3E; background-color:#fdecef; line-height:18px; } #errorInfo p a{ text-decoration:none;} #errorInfo p small{color:#999;} .bgSection_warning{padding:5px 0px 5px 5px; margin:10px 0px 10px 0px; background-color:#fff; color:#AC7231; border:1px solid #e9c362; -moz-border-radius: 2px; -webkit-border-radius: 2px } /*** Success Info Div ***/ #successInfo{ padding:5px; margin:15px 0px 15px 0px; font-size: 14px; line-height:18px; background-color:#effbed; color:#000; border:1px solid #278518; -moz-border-radius: 2px; -webkit-border-radius: 2px;} #successInfo p{ padding:5px; font-size:14px; background-color:#effbed; line-height:18px;} #successInfo p a{ text-decoration:none;} #successInfo p small{color:#999;} /*** Time left Info Div ***/ #timeleft, #timeleft span{ padding:2px; font-size: 14px; background-color:#fff; color:#000; -moz-border-radius: 2px; -webkit-border-radius: 3px;} .msgupgrade h1{float:left; margin-right:10px; padding:6px 0 6px 36px;} .backtolink {text-align:right;} .backtolink h1 {font-size:13px;} .arrow, .arrowR {cursor:pointer; text-decoration:none;} .arrow:hover, .arrowR:hover {text-decoration:none;} #TB_closeAjaxWindow img{border:0;} #Wildfire_Button0{margin-top:-10px; vertical-align: top;} /********************* 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(/store/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 12px; text-decoration: none; font-weight: bold; font-size: 13px; color: #3B5998; border-right: 1px solid #3B5998; } #navinew li a:hover { color: #444; text-decoration: none; background-color: #fff; } /* End navigation bar styling. */ #content a.free_upgrade{background-color:#ff6600; padding:6px 6px 4px 5px; font-size:11px; font-weight: bold; text-transform:uppercase; color:#fff; -moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px; } #header a.free_upgrade{background-color:#ff6600; padding:6px 6px 4px 5px; font-size:11px; font-weight: bold; text-transform:uppercase; color:#fff;-moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px;} #header a.free_upgrade:hover{text-decoration:none; background-color:#df7026; color:#fefefe; } /*#header a.greencolor{color:#6fc823;} #header a.greencolor:hover{color:#6fc823;}*/ #header a.premium_member{background-color:#9F613B; padding:1px 5px; font-size:11px; font-weight: normal; text-transform:normal; color:#fff;-moz-border-radius:2px; -webkit-border-radius:2px;} #header a.premium_member:hover{text-decoration:none; background-color:#BF5617; color:#fefefe; } .eopt{ background:#eee; padding:5px 2px; margin:-1px 2px 0px 2px;} .eopt input{align:absmiddle;} .icon_explanation_right{margin-top:5px; border-top:1px solid #dddddd; display: block; background:url(/store/images/arrow_state_grey_right.png) #ddd left no-repeat; padding:1px 0px 1px 16px; font-size:11px;} .icon_explanation_down{margin-top:5px; border-top:1px solid #dddddd; display: block; background:url(/store/images/arrow_state_grey_expanded.png) #ddd left no-repeat; padding:1px 0px 1px 16px; font-size:11px;} .explanation_descr{padding:10px; background:#f2f2f2;} table.esettings { width: 98%; padding: 0px; border: none;} table.esettings td { font-size: 11px; border: none; background-color: #E8EDFF; vertical-align: middle; padding: 6px 5px 6px 5px; border-bottom: 1px solid #fff; } table.esettings td label{cursor:pointer; } table.esettings td span.greytip{font-size:10px; color:#999;} table.esettings td input, table.esettings td select{font-size:14px; padding:3px 2px 3px 2px;} table.esettings td strong{font-size:12px;} table.esettings td div.tblclear{margin-bottom:5px;} table.esettings tr.separator td { background:#e2e2e2; } .tzone{color:#666; cursor:help; font-weight:normal;} .tzone span{border-bottom:1px dotted #555;} /*************************** Browse Page CSS *******************************************/ .b_heading{font-size:22px; font-weight:bold; color:#000;} .b_subhead{font-size:17px; width:928px; float:left; font-weight:bold; margin-top:30px; padding-bottom:4px; border-bottom:1px solid #ccc;} .featured_box{float:left; padding:18px 0 0 0; width:720px;} .featured_img{float:left; margin-right:20px; width:160px; text-align:center; padding-top:13px; } .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:13px; line-height:15px; color:#999999; font-weight:bold;} .price{font-size:16px; color:#FD8417; font-weight:bold;} .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:8px 2px 2px 0px; float:left; 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('../images/results_correct2.png') left center no-repeat; padding:15px 15px 15px 50px; margin:15px 10px 15px 10px; } .icon_incorrect_answer_big{ background:url('../images/results_incorrect2.png') left center no-repeat; padding:15px 15px 15px 50px; margin:15px 10px 15px 10px; } /*client page*/ div#nav-tabs_case { margin:5px 0px 0px 5px; } div#nav-tabs_case ul { margin:0px; padding:0px; } div#nav-tabs_case ul li { text-transform: none; list-style:none; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;} div#nav-tabs_case ul li a { border-bottom:none; margin-right:5px; text-shadow: none; font-style:italic; padding: 6px 8px 7px 8px; color:#fff; font-weight:bold; font-size:15px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; } div#nav-tabs_case ul li.current a, div#nav-tabs_case ul li.current a:hover { border-bottom:none; color: #ff0033; font-style:italic; text-transform:uppercase; } div#nav-tabs_case ul li a:hover { color: #fff; text-decoration:none;color: #ff0033; } /*----------Top Navigation: Drop Down menu-------------* /* remove all the bullets, borders and padding from the default list styling */ .gdownmenu_case ul { z-index: 102; text-transform:capitalize; text-shadow:none; padding:0; margin:0; list-style-type:none; list-style:none; float:left; background-color: #FFFFFF;} .gdownmenu_case ul ul { } /* 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.bottom_border, .gdownmenu_case a.bottom_border:visited { border-bottom:1px solid #ddd !important;} .gdownmenu_case a.downhover_case{ color:#7fa500; 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 li ul{width:100px; } /* 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: 144px;height:23px; background:#fff; padding-top:5px!important} .gdownmenu_case ul li ul li a.last_case_1{ border-bottom:1px solid #3B5998; border-left: 1px solid #3B5998;width: 120px;height:23px; background:#fff; padding-top:5px!important} div#nav-tabs_case_help { margin:5px 0px 0px 5px; } div#nav-tabs_case_help ul { margin:0px; padding:0px; } div#nav-tabs_case_help 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_help 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_help ul li.current a, div#nav-tabs_case_help ul li.current a:hover { border-bottom:none; color: #ff0033; font-style:italic; text-transform:uppercase; } div#nav-tabs_case_help ul li a:hover { color: #fff; text-decoration:none;color: #ff0033; } /*----------Top Navigation: Drop Down menu For Help Option-------------* /* remove all the bullets, borders and padding from the default list styling */ .gdownmenu_case_help 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_help 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_help li { float:left; width:auto; position:relative; list-style:none; text-align:left; z-index: 4;} ul.submenu li{position:relative; left:-1px;} .border_bottom{border-bottom:1px solid color:#ddd !important;} /* style the links for the top level */ .gdownmenu_case_help a, .gdownmenu_case_help 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_help a.downhover_case{ color:#7fa500; padding-bottom:1px; padding-top:1px; font-style: italic;} /* selected */ .gdownmenu_case_help a.selected{ padding-bottom:1px; padding-top:1px; font-style: italic; text-transform: uppercase; } .gdownmenu_case_help ul.nav li ul.ulsel li a{width: 120px;} /* font size for drop down alinks */ .gdownmenu_case_help ul.nav li ul li a {font-size: 12px; } /* first menu in dropdown: used for border top */ .gdownmenu_case_help 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_help ul li ul li a.last_case{ border-bottom:1px solid #3B5998; border-left: 1px solid #3B5998;width:144px;height:23px; background:#fff; padding-top:5px!important} .gdownmenu_case_help ul li ul li a.last_case_1{ 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:visible; } /* tooltip CSS */ .tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(../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-north { background-position: top center; } .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; } /*--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:#3366CC !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: #3366CC !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: #3366CC !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:#3366CC !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: #3366CC !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: #3366CC !important; } /*--CSS for mathing type question--*/ .tdmatch { padding:3px 3px 3px 3px; border: 1px solid #DDDDDD; } .tdmatchbordernone { padding:3px 3px 3px 3px; border: none; } /*--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;} .shop{border: 1px solid #DFDFDF;border-radius: 5px 5px 5px 5px;width: 100%; height:300px;} .shoptop{background-color: #F5F5F5; border-radius: 5px 5px 0px 0px; border-bottom:1px solid #DFDFDF; height:80px;} .shoptop .search_button{float:right; padding:20px 17px 0 0;} .shop_search{float:left; padding:19px 0 0 12px;} .shop_search .search{font-size:21px; font-weight:bold; padding:0 5px 0 0;} .shop_search .textbox{background-color: #FFFFFF; border: 1px solid #DFDFDF; height: 28px; padding: 5px; width: 412px; border-radius:5px; font-size:20px; font-weight:normal; color:#D3CFCF; padding:4px 1px 8px 10px;} .shopdown .mainleft{float:left; width:45%; margin:18px 0 0 18px; height:auto;} .heading{font-weight: bold; font-size: 17px;} .h1{border-bottom:1px solid #DFDFDF; margin:12px 0 16px 0;} .h2{border-bottom:1px solid #DFDFDF; margin:12px 0 16px 0; width:95%} .content{float:left; width:100px;} .content .content1{cursor:pointer; color:#3B5998; text-decoration:none; font-size:15px; margin:0 0 0 6px;} .content .content2{cursor:pointer; color:#3B5998; text-decoration:none; font-size:15px;} .shopdown .mainright{float:right; width:45%; margin:18px 0 0 0px; height:auto;} .sidebar .shopquizes{font-size:14px; font-weight:bold; padding:12px 0px 15px 9px; text-align:left; color:#000; border-bottom:1px solid #DFDFDF;} .sidebar .shopquizes_under{font-size:14px; font-weight:bold; padding:12px 0px 15px 43px; text-align:left; color:#000; border-bottom:1px solid #DFDFDF; background:#FFFFFF;} .sidebar .ppstores{cursor:pointer; padding:0 0 0 3px;} .mainbox .callteach{height:44px; border:1px solid #68BEF8; background:#68BEF8; width:643px; float:right; border-radius:5px; padding-top:16px;} .callteach .callteach_a{color: #307BBC; font-size: 20px;font-weight: bold; margin: 0px 0px 0px 8px;} .callteach .callteach_b{color:#FFFFFF; font-size:16px; font-weight:bold;} .callteach .callteach_img{ margin:-15px 0 0 -53px;} .callteach_a_img{padding:0px 0px 11px 14px} .borderheading{border-bottom:1px solid #DFDFDF; width:100%; padding:9px 0px 0px 0px;} .newstore{height:auto; width:100%} .newstore .newstore_main{width:348px; float:left;} .newstore .store_title{ float:left; margin-top:20px; margin-left:11px; font-size:16px;} .newstore .store_description{float:left; width:230px; margin:16px 0 0 11px; color:#999999; font-size:14px;} .it_cert{ float:left; border: 1px solid #DFDFDF; height: 100px; margin-top: 20px; width: 100px;} .it_cert .certback{margin: 6px; height: 88px; background:#E8E8E8;} .certback img{ width:50px; height:50px; padding:20px;} /*shop_quizzes page css*/ .slider{border: 1px solid #DFDFDF; border-radius: 5px 5px 5px 5px; padding: 12px;} .slider .sliderhead{background: none repeat scroll 0 0 #F5F5F5; color: #A1A1A1; font-size: 2em; padding-top: 6px; text-align: center;} .slide{width:144px; text-align:center;} .select-org{ border-color: #AAAAAA; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); color: #555555; font-size: 16px; height: 27px; margin: 4px 4px 0 40px; overflow: hidden; padding: 1px; width: 183px; } .sortby{color: #898989; font-size: 17px; font-weight: bold; height: 40px; padding: 10px 0 0 2px;} .shop_detail{margin-top:18px; border: 1px solid #DFDFDF; border-radius: 5px 5px 5px 5px; height: auto; width: 100%;} .shop_detail_main{border-bottom:1px solid #DFDFDF; height:165px;} .shop_detail_main .imagetag{margin-left:14px; margin-top:14px;} .shop_detail_main .shop_descr{float: left; margin-left: 14px; margin-top: 14px; width: 392px;} .shop_detail_main .shop_quiz_title{font-size: 20px;} .shop_detail_main .shop_quiz_descr{color: #999999; font-size: 15px; padding-top:11px;} .shop_detail_main .shop_quiz_category{color: #BCBCBC; font-weight: bold; padding-top: 17px;} .shop_pricebox{border: 1px solid #E2E9F1; float: left; height: 124px; margin-top: 18px; width: 162px; background:#f6f7fb; border-radius:6px; cursor:pointer;} .shop_pricebox .shopprice{color: #FD8417; font-size: 28px; font-weight: bold; padding: 12px; width:100px;} .shop_pricebox .shopquestion{padding-left: 13px; width: 100px;} .shop_pricebox .shopcraeted{padding-left: 13px; width: 90%; padding-top:25px;">