/* CSS Document */ body { margin : 0; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; /*background : url(../images/m4maths_bg.jpg) repeat-x left top; background-position : left top;*/ background-color : #ffffff; color : #424242; } a { cursor : pointer; text-decoration : none; outline : none; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; color:#1384C6; } a:hover{color:#FDA700} a b:hover{color:#FDA700} h2 { width : 100%; height : auto; /*background-image : url(../images/h2_border.jpg); background-repeat : no-repeat; background-position : left bottom;*/ margin : 5px 0 10px 0; padding : 5px 0 5px 0; font-weight : normal; font-size : 18px; font-family:'Roboto Condensed'; text-transform:uppercase; color : #0659a7; float : left; } /*h3 { width : 92.5%; height : auto; background-color : #5f5f5f; border-left : 10px solid #ee7001; border-right : 10px solid #ee7001; text-align : center; font-size : 12px; color : #ffffff; margin : 0; padding : 6px 0 6px 0; float : left; }*/ pre { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; } .sub_text { color : #333333; text-transform:none; } .nomargin{margin:0px !important;} .m4_black { color:#666; } .align_center { text-align:center; } .color_yellow { clear:#FDA700; } .clear { clear:both; height:0px; line-height:0px; font-size:0px; } .clear5 { clear:both; height:5px; line-height:0px; font-size:0px; } .clear10 { clear:both; height:10px; line-height:0px; font-size:0px; } #m4_header { display:block; background:#1384c6; border-bottom:1px solid #ee7001; padding:0px; min-width:1140px; margin-bottom:10px; } #m4_header .head_block { display:block; margin:0px auto; /*background:url(../img/icon_time.png) right bottom no-repeat;*/ width:1140px; height:125px; text-align:right;} #m4_header .head_block .m4maths_logo { display:block; float:left; margin-top:40px; } #m4_header .head_block .head_right { display:block; float:right; margin-top:40px; } #m4_header .head_block .m4maths_users { font:14px 'Roboto Condensed'; color:#333; text-transform:uppercase; } #m4_header .head_block .m4maths_users b { color:#f7a829; } #m4_header .head_block .m4maths_users:hover b { color:#fff; } #m4_header .nav_block { display:block; margin:0px auto; /*width:1002px;*/ width:1140px; background:#0659a7; height:40px; } #m4_header .nav_block #nav_links { display:block; float:left; margin:0px; padding:0px; list-style:none; height:40px; } #m4_header .nav_block #nav_links li { display:block; position:relative;float:left; } #m4_header .nav_block #nav_links li a { display:block; float:left; padding:10px 10px 0px 10px; color:#aecfe3; font:14px 'Roboto Condensed'; text-transform:uppercase; height:30px; border-right:1px dotted #0d6fb7; } #m4_header .nav_block #nav_links li a:hover { background:#ee7001; color:#fff; } #m4_header .nav_block #nav_links li a img { opacity:0.8; filter:alpha(opacity=80); } #m4_header .nav_block #nav_links li a:hover img { opacity:1.0; filter:alpha(opacity=100); } #m4_header .nav_block #nav_links li ul{z-index:10; display:none;position:absolute; left:0px; top:100%; width:200px; background:#0659a7; margin:0px; padding:0; } #m4_header .nav_block #nav_links li ul li { margin:0px; padding:10px 20px; float:none; display:block;} #m4_header .nav_block #nav_links li ul li a{background:none; margin:0px; padding:0px; float:none; display:block; border:none; color:#aecfe3; height:inherit;font-size:13px;} #m4_header .nav_block #nav_links li ul li:hover{ background:#ee7001;} #m4_header .nav_block #nav_links li ul li a:hover{ background:none;} #m4_header .nav_block #nav_links li:hover ul { display:block;} #m4_header .m4_search { display:block; float:right; width:270px; padding:5px 10px 0px 0px; } .highlight {color:#fff !important} .stats{width:98%;} #left { display:block; float:right; /*width:270px;*/ width:320px; /*width:28%;*/ padding:10px 10px 0px 10px; height:auto;background:#eee; font:13px 'Droid Sans'; color:#666; } #left h3 { display:block; padding:10px 10px 10px 50px; margin:0px; background:#FFF; border-bottom:1px solid #eee; font:16px 'Roboto Condensed'; color:#1384c6; text-transform:uppercase; position:relative; } #left h3 a { text-decoration:none; color:#1384c6; } #left h3 a:hover { color:#fda700; } #left h3 .m4_icon { width:29px; font-size:18px; height:25px; padding-top:4px; background:#fda700; color:#FFF; text-align:center; position:absolute; top:5px; left:10px; z-index:1px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } #left .m4_content_block { display:block; padding:10px 9px 20px 10px; margin-bottom:10px; background:#FFF; } #left .m4_content_block .m4_content_box { display:block; padding:10px 0px; border-top:1px dashed #eee; word-wrap:break-word; } #left .m4_content_block .m4_content_box i { font-size:11px; color:#999; } #left .m4_content_block .m4_content_box:first-child { padding:0px 0px 10px 0px; border-top:none; } #left .m4_content_block .m4_content_box p { display:block; padding:0px 0px 10px 0px; margin:0px; font:13px 'Droid Sans'; } #left .m4_content_block .m4_content_box .m4_name, .m4_nameD { display:block; font:14px 'Droid Sans'; color:#1384c6; } #left .m4_content_block .m4_content_box .m4_time { display:block; color:#fda700; } #right { display:block; float:right; /*width:697px;*/ width:790px; /*width:68%;*/ padding:0px 0px 0px 10px; height:auto; } #left .m4_content_block #winner_photo { width:84px; height:84px; display : block; float:left; padding :3px; background:#e9e9e9; text-align:center; } #left .m4_content_block #winner_photo img { display:block; width : 84px; height : 84px; } #left .m4_content_block #winner_info { display : block; float : right; width : 200px;} #left .m4_content_block #winner_info .time_box { display : block; padding:0px 0px 5px 0px; color:#0659a7; } #left .m4_content_block #winner_info .time_box span { color:#fda700; } #left .m4_content_block #winner_info #challangeroftheday_points { cursor:pointer; display:block; color:#ffffff; font:14px 'Droid Sans'; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #left .m4_content_block #winner_info #challangeroftheday_points .points { display:block; float:left; padding :5px 10px; background:#0659a7; -webkit-border-radius:3px 0px 0px 3px; -moz-border-radius:3px 0px 0px 3px; border-radius:3px 0px 0px 3px; } #left .m4_content_block #winner_info #challangeroftheday_points .number { display:block; float:left; padding :5px 10px; background:#fda700; -webkit-border-radius:0px 3px 3px 0px; -moz-border-radius:0px 3px 3px 0px; border-radius:0px 3px 3px 0px; } #left .m4_login_tabs { display:block; padding:0px; margin:0px; list-style:none; height:40px; background:#FFF; border-bottom:1px solid #eee; text-transform:uppercase; } #left .m4_login_tabs li { display:inline; } #left .m4_login_tabs li a { display:block; float:left; text-align:center; width:33.33%; padding:10px 0px 0px 0px; margin:0px; height:30px; border-bottom:1px solid #eee; border-top:1px solid #fff; font:14px 'Roboto Condensed'; background:#f5f5f5; color:#666; } #left .m4_login_tabs li.active a { background:#FFF; color:#1384c6; border-bottom:1px solid #fff; } #left .m4_login_tabs li.active a:hover { background:#FFF; color:#1384c6; border-bottom:1px solid #fff; } #left .m4_login_tabs li a:hover { color:#1384c6; } #left .m4_login_tabs li a i { color:#fda700; } #left .m4_login_block { display:block; } #left .m4_login_block form { display:block; margin:0px; padding:10px 10px 0px 10px; } #left .m4_login_block input[type="text"], #left .m4_login_block input[type="password"], #left .m4_login_block input[type="hidden"] { display: block; border:none; margin:0px 0px 10px 0px; background: #eee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:13px 'Droid Sans'; color: #666; padding: 8px 3%; width: 94%; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear;} #left .m4_login_block select { display: block; border:none; margin:0px 0px 10px 0px; background: #eee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:13px 'Droid Sans'; color: #666; padding: 8px 3%; width:100%; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; } #left .m4_login_block input[type="submit"], #left .m4_login_block input[type="button"] { display: block; height:30px; border:none; margin:0px auto; background:#0659A7; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:13px 'Droid Sans'; color: #fff; cursor:pointer; text-transform:uppercase; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; padding-left:15px; padding-right:15px; } #left .m4_login_block input[type="submit"]:hover, #left .m4_login_block input[type="button"]:hover { background:#FDA700; } #left .m4_login_tabs2 { display:block; padding:0px; margin:0px; list-style:none; height:40px; background:#FFF; border-bottom:1px solid #eee; text-transform:uppercase; } #left .m4_login_tabs2 li { display:inline; } #left .m4_login_tabs2 li a { display:block; float:left; text-align:center; width:50%; padding:10px 0px 0px 0px; margin:0px; height:30px; border-bottom:1px solid #eee; border-top:1px solid #fff; font:14px 'Roboto Condensed'; background:#f5f5f5; color:#666; } #left .m4_login_tabs2 li.active a { background:#FFF; color:#1384c6; border-bottom:1px solid #fff; } #left .m4_login_tabs2 li.active a:hover { background:#FFF; color:#1384c6; border-bottom:1px solid #fff; } #left .m4_login_tabs2 li a:hover { color:#1384c6; } #left .m4_login_tabs2 li a i { color:#fda700; } #left .m4_login_block2 { display:block; } #left .m4_login_block2 form { display:block; margin:0px; padding:10px 10px 0px 10px; } #left .m4_login_block2 textarea, #left .m4_login_block2 input[type="text"], #left .m4_login_block2 input[type="password"], #left .m4_login_block2 input[type="hidden"] { display: block; border:none; margin:0px 0px 10px 0px; background: #eee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:13px 'Droid Sans'; color: #666; padding: 8px 3%; width: 94%; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear;} #left .m4_login_block2 select { display: block; border:none; margin:0px 0px 10px 0px; background: #eee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:13px 'Droid Sans'; color: #666; padding: 8px 3%; width:100%; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; } #left .m4_login_block2 input[type="submit"], #left .m4_login_block2 input[type="button"] { display: block; height:30px; border:none; margin:0px auto; background:#0659A7; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:13px 'Droid Sans'; color: #fff; cursor:pointer; text-transform:uppercase; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; padding-left:15px; padding-right:15px; } #left .m4_login_block2 input[type="submit"]:hover, #left .m4_login_block2 input[type="button"]:hover { background:#FDA700; } #left .m4_login_block2 .m4_name { display:block; padding:10px 0px; font:14px 'Droid Sans'; color:#1384c6; } #left .m4_login_block2 input[type="submit"].inverse, #left .m4_login_block2 input[type="button"].inverse { display: block; height:30px; border:none; margin:0px auto; background:#FDA700; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:13px 'Droid Sans'; color: #333; cursor:pointer; text-transform:uppercase; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; padding-left:15px; padding-right:15px; } #left .m4_login_block2 input[type="submit"].inverse:hover, #left .m4_login_block2 input[type="button"].inverse:hover { background:#0659A7; color:#fff; } #left .m4_login_block2 .m4_name { display:block; padding:10px 0px; font:14px 'Droid Sans'; color:#1384c6; } #left .m4_login_block2 #winner_photo { width:84px; display : block; float:left; padding :3px; background:#e9e9e9; text-align:center; height:auto; } #left .m4_login_block2 #winner_photo img { display:block; width : 84px; height : 84px; margin-bottom:5px; } #left .m4_login_block2 #winner_photo a { font-size:12px; color: #1384C6; } #left .m4_login_block2 #winner_photo a:hover { color: #FDA700; } #left .m4_login_block2 .m4_inside_block { display:block; padding:10px; margin:10px 0px; border:1px dashed #f2e5cc; background:#fff6e5; } #left .m4_login_block2 .m4_inside_block a { color: #666; } #left .m4_login_block2 .m4_inside_block a:hover { color: #0659A7; } #left .m4_login_block2 .m4_inside_block a i { color: #c1272d; } #left .m4_login_block2 .m4_inside_block a:hover i { color: #9b0d13; } #left .m4_login_block2 .m4_inside_block input[type="text"], #left .m4_login_block2 .m4_inside_block select { background:#fff; border:1px solid #f2e5cc; } #left .m4_login_block2 .m4_inside_block strong { display:block; padding:0px 0px 10px 0px; margin:0px; font:14px 'Roboto Condensed'; color:#333; text-transform:uppercase; } #left .m4_login_block2 .m4_small_font { display:block; padding:0px 0px 5px 0px; font-size:11px; color:#999; } #left .m4_login_links { display:block; padding:0px; margin:10px 0px 0px 0px; list-style:none; } #left .m4_login_links li { display:block; } #left .m4_login_links a { display:block; background:#f5f5f5; font:14px 'Roboto Condensed'; color:#1384C6; padding:5px 10px; border-top:2px solid #fff; } #left .m4_login_links a i, #left .m4_login_links a:hover { color:#FDA700; } #left .m4_referal_block { display:block; padding:10px; background:#f3f9fc; border:1px dashed #d7e6f0; } #left .m4_referal_block strong { display:block; padding:0px 0px 10px 0px; margin:0px; font:14px 'Roboto Condensed'; color:#333; text-transform:uppercase; } #left .m4_referal_block textarea { background:#fff; border:1px solid #d7e6f0; } #left .m4_referal_list { display:block; padding:0px; margin:0px; list-style:none; /*border-top:1px dashed #d7e6f0;*/ } #left .m4_referal_list li { display:block; padding:8px 5px 7px 0px; border-bottom:1px dashed #d7e6f0; color: #1384C6; font-size:12px; } #left .m4_referal_list li .color_yellow { display:block; float:right; color:#FDA700; font-size:13px; } #left .m4_referal_block_notification { display:block; padding:10px; background:#f3f9fc; border:1px dashed #d7e6f0; } #left .m4_referal_block_notification strong { display:block; padding:0px 0px 10px 0px; margin:0px; font:14px 'Roboto Condensed'; color:#333; } #m4_statics { display:block; margin-top:0px; background:#1375bd; font:13px 'Droid Sans'; color:#00427f;min-width:1140px; } #m4_statics ul { display:block; margin:0px auto; padding:0px; width:1002px; height:160px; background:#1375bd; } #m4_statics ul li { display:block; float:left; padding-top:20px; text-align:center; width:166px; height:140px; border-left:1px solid #1375bd; background:#2090d2; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; } #m4_statics ul li:first-child { width:167px; border-left:none; } #m4_statics ul li span { display:block; background:#0659a7; color:#fff; margin:0px auto; margin-bottom:8px; padding-top:10px; height:90px; width:100px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; font-size:18px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; } #m4_statics ul li span i { display:block; font-size:40px; margin:0px auto; margin-bottom:5px; color:#3badef; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; } #m4_statics ul li:hover { color:#FFF; } #m4_statics ul li:hover span { color:#3badef; } #m4_statics ul li:hover span i { color:#FFF; } #m4_statics ul li a{color:#00427f;} #m4_statics ul li:hover a{color:#fff;} #m4_footer { display:block; padding:30px 0px 20px 0px; background:#0659a7; font:13px 'Droid Sans'; color:#b4dbff; min-width:1140px; } #m4_footer .m4_footer_container { display:block; margin:0px auto; width:1002px; } #m4_footer .m4_footer_container .m4_footer_links { display:block; float:left; margin:0px; padding:0px; list-style:none; width:20%; } #m4_footer .m4_footer_container .m4_footer_links li { display:block; padding:3px 0px; } #m4_footer .m4_footer_container .m4_footer_links li a { color:#3badef; text-decoration:none; padding-right:2px; } #m4_footer .m4_footer_container .m4_footer_links li a:hover { color:#fff; padding-left:2px; padding-right:0px; } #m4_footer .m4_footer_container .m4_footer_links li h5 { display:block; margin:0px; padding:5px 0px; text-transform:uppercase; font:14px 'Droid Sans'; color:#b4dbff; } #m4_footer .m4_footer_container .m4_footer_links li h5 a { color:#b4dbff; } #m4_footer .m4_fb_widget { display:block; float:right; margin:0px; padding:0px; width:40%; } #m4_footer .m4_fb_widget_in { display:block; border:1px solid #2090d2; } #m4_footer .m4_copyright { display:block; position:relative; margin:20px 0px 0px 0px; background:#1375bd; padding:10px 20px; } #m4_footer .m4_copyright .m4_copyright_content { display:block; float:left; padding:5px 0px 0px 0px; } #m4_footer .m4_copyright .m4_copyright_content a { color:#FFF; } #m4_footer .m4_copyright .m4_copyright_content a:hover { color:#00427F; } #m4_footer .m4_copyright .m4_social_icons { display:block; float:left; margin:0px; padding:0px 0px 0px 10px; list-style:none; } #m4_footer .m4_copyright .m4_social_icons li { display:inline; } #m4_footer .m4_copyright .m4_social_icons li a { display:block; float:left; text-align:center; font-size:15px; padding-top:3px; width:25px; height:22px; background:#0659a7; color:#b4dbff; text-decoration:none; margin:0px 2px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } #m4_footer .m4_copyright .m4_social_icons li a:hover { background:#fff; color:#0659a7; } /* -------------------------------------- Start Go Top CSS -------------------------------------- */ .back-top { position: absolute; z-index: 1; bottom: 0px; right: 0px; top:0px; width:45px; text-align:center; background:#2090d2; color:#0659a7; font-size:24px; padding-top:7px; } .back-top:hover { background:#fff; color:#0659a7; } /* -------------------------------------- End Go Top CSS -------------------------------------- */ #m4_job_footer { display:block; margin-top:10px; padding:20px 0px 20px 0px; background:#EEEEEE; font:14px 'Droid Sans'; color:#b4dbff; min-width:1140px; } #m4_job_footer .m4_footer_container { display:block; margin:0px auto; width:1002px;text-align: center; color: #222; } #m4_job_footer .m4_footer_container .m4_footer_links { display:block; float:left; margin:0px; padding:0px; list-style:none; width:20%; } #m4_job_footer .m4_footer_container .m4_footer_links li { display:block; padding:3px 0px; } #m4_job_footer .m4_footer_container .m4_footer_links li a { color:#1384C6; text-decoration:none; padding-right:2px; } #m4_job_footer .m4_footer_container .m4_footer_links li a:hover { color:#FDA700; padding-left:2px; padding-right:0px; } #m4_job_footer .m4_footer_container .m4_footer_links li h5 { display:block; margin:0px; padding:0px 0px; text-transform:uppercase; font:16px 'Droid Sans'; color:#222222; } #m4_job_footer .m4_footer_container .m4_footer_links li h5 a { color:#b4dbff; } #m4_job_footer .m4_copyright { display:block; position:relative; margin:20px 0px 0px 0px; background:#B5B5B5; padding:10px 20px; } #m4_job_footer input{background: #fff; border: 1px solid #d7e6f0; margin: 0px 0px 10px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 13px 'Droid Sans'; color: #666; padding: 8px 8px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; width:300px; } .jobButton {background:#0659A7 !important; color:#fff !important; cursor:pointer;} .jobButton:hover{background:#FDA700 !important; color:#000 !important;} #frame { /*width:1002px;*/ width:1140px; margin:0px auto; display:block; padding:5px 0px; height : auto; } #frame_img { width : 100%; height : auto; float : left; } #frame_inner { width : 1003px; height : auto; margin : 0 auto; } #header { width : 100%; height : 145px; /*background : url(../images/logo.jpg) no-repeat center top;*/ float : left; } #links { width : auto; height : auto; margin-top : 66px; margin-left : 140px; float : left; } #currentTime { width : auto; height : auto; text-align : center; color : #333; margin : 0; padding-top : 15px; font:18px 'Roboto Condensed'; display : inline; float : right; } #currentTime span { font:18px 'Roboto Condensed'; color : #ffffff; display : inline; } #puzzleTime span { font:18px 'Roboto Condensed'; color : #0659A7; display : inline; } #todayPuzzleDiv { width : 100%; height : auto; float : left; } #home_links { width : auto; height : auto; list-style-type : none; margin : 0; padding : 0; float : left; } #home_links li { width : auto; height : auto; display : inline; margin : 0; padding : 0; float : left; } #home_links li a { background : url(../images/a_border.jpg) repeat-y right top; color : #ffffff; padding : 9px 14px; float : left; } #home_links li a:hover { background : none; background-color : #0657a9; } #middle { width : 100%; height : auto; line-height : 15px; float : left; } /*#left { width : 284px; height : auto; background-image : url(../images/shadow_top.png) !important ; background-image : none; background-repeat : no-repeat; margin-left : 5px; display : inline; float : left; }*/ .fb-right {position:fixed;right:0px;top:40%;} #left_bottom { width : 100%; height : auto; background-image : url(../images/shadow_bottom.png) !important ; background-image : none; background-repeat : no-repeat; float : left; } table.left { width : 100%; height : auto; border : 1px solid #ff8b48; background-color : #ffffff; float : left; } table.left td { padding : 4px 4px 0 5px; } #leftlinks_container, #settings { width : 100%; height : auto; float : left; } #leftlinks_container ul, #settings ul { width : 100%; height : auto; background-color : #ffffff; display : inline; margin : 0; padding : 0; list-style-type : none; float : left; } #leftlinks_container li, #settings li { float : left !important ; float : none; width : auto; height : 26px; margin-right : 1px; padding : 5px 0 0 0; float : left; } #leftlinks_container li a, #settings li a { position : relative; margin : 0; padding : 5px 20px 5px 20px; background-image : url(../images/leftpannellink_bg.jpg); background-repeat : no-repeat; background-color : #ef5d08; border-top : 1px solid #c0a888; border-left : 1px solid #c0a888; border-right : 1px solid #c0a888; color : #ffffff; z-index : 1; float : left; } #leftlinks_container li a:hover { background : none; padding : 5px 20px 6px 20px; background-color : #f6d98b; color : #333333; } #lefttabs { position : relative; width : 100%; height : auto; background-image : url(../images/leftlinks_bg.jpg); background-repeat : repeat-x; background-position : 0 0; text-align : center; border : 1px solid #c0a888; float : left; z-index : 0; } .lefttabs { position : relative; width : 100%; height : auto; background-image : url(../images/leftlinks_bg.jpg); background-repeat : repeat-x; background-position : 0 0; text-align : center; border : 1px solid #c0a888; float : left; z-index : 0; } #settings_options { position : relative; width : 690px; height : auto; background-image : url(../images/leftlinks_bg.jpg); background-repeat : repeat-x; background-position : 0 0; background-color : #ffffff; text-align : center; border : 1px solid #c0a888; float : left; z-index : 0; } table.pannel_table { width : auto; height : auto; } table.pannel_table td { margin : 0; padding : 0 0 0 8px; color : #ef5d08; text-align : left; } table.pannel_table td.myscore { font-size : 30px; text-align : center; /*padding : 15px 0 5px 0;*/ color : #1271c9; font-weight : bold; } table.pannel_table td.myheading { font-size : 13px; text-align : center; padding : 10px 0 5px 0; color : #1271c9; font-weight : bold; } table.pannel_table input { width : 145px; height : 19px; /*background-image : url(../images/input_box.jpg); background-repeat : no-repeat; background-position : left top; padding : 6px 5px 0 5px;*/ font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; /*border : 0;*/ color : #4d4d4d; } table.pannel_table select { padding : 2px 0 2px 0; border : 1px solid #f7c588; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #4d4d4d; } table.pannel_table textarea { border : 1px solid #f7c588; font-size : 11px; color : #4d4d4d; } /*#submit, #registerbutton, #loginbutton, #loginbutton1, #submitquotes, #Unbutton, #contectButton { width : 130px; height : 28px; background-image : url(../images/button_m4maths.jpg); background-repeat : no-repeat; background-position : 0 0; background-color : #333366; border : 0; margin-top : 6px; color : #ffffff; font-family : Arial, Helvetica, sans-serif; font-size : 11px; font-weight : bold; padding : 0 0 1px 0; outline : none; cursor : pointer; }*/ #update, #update_disable { width : 130px; height : 28px; background-image : url(../images/update.jpg); background-repeat : no-repeat; background-position : 0 0; background-color : #333366; border : 0; margin-top : 6px; color : #ffffff; font-family : Arial, Helvetica, sans-serif; font-size : 11px; font-weight : bold; padding : 0 0 1px 0; outline : none; } .challangeroftheday { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 14px; color : #054768; text-transform : uppercase; } /* #right { width : 705px; height : auto; margin : 0 0 0 8px; float : left; } #right p { margin : 0; }*/ #top5 { width : 99%; height : auto; background: #ffffff; /* Old browsers */ border : 1px solid #c9c9c9; margin : 10px 0px 0px 0px; float : left; } #top5 dt { width : 100%; height : 38px; background-image : url(../images/top5_text.png); background-repeat : no-repeat; background-position : 10px 5px; margin : 0; padding : 0; float : left; } #view_image { margin : 7px 10px 0 0; border : none; float : right; } #top5 dd { width : 20%; height : auto; margin : 0; text-align : center; padding : 8px 0 8px 0; float : left; } .top5user_info { width : 100%; height : auto; border-right : 1px solid #cfcfcf; float : left; } .userbgimg { width : 97%; height : 82px; background-image : url(../images/userphoto.jpg); background-repeat : no-repeat; background-position : center; margin : 5px 0 5px 0; padding : 3px 0 0 4px; float : left; } .userbgimg img { width : 79px; height : 79px; } .more_link { font-size : 11px; font-weight : normal; color : #ffff00; } #footer { width : 100%; height : 100px; background-image : url(../images/footer_bg.jpg); background-repeat : repeat-x; background-position : left top; background-color : #023d7f; margin-top : 10px; float : left; } #footer_link { margin : 0 auto; } #footer_link ul { width : auto; height : auto; margin : 0; padding : 0; list-style-type : none; margin-top : 15px; float : left; } #footer_link li { width : auto; height : auto; float : left; } #footer_link li a { padding : 5px 20px 5px 20px; border : 1px solid #023d7f; color : #c4c4c4; float : left; } #footer_link li a:hover { background-color : #f80382; border : 1px solid #ff86c5; color : #ffffff; } #copyright_text { width : 100%; height : auto; margin-top : 10px; text-align : center; color : #cccccc; float : left; } #rsr { line-height : 15px; color : #000000; } table.m4maths_stats h3 { width : 96%; } table.m4maths_stats { width : auto; height : auto; background-color : #ffffff; margin-top : 10px; border-collapse : collapse; float : left; } table.m4maths_stats thead th { width : auto; height : auto; background-image : url(../images/top5_bg.jpg); background-position : left bottom; background-color : #ffffff; background-repeat : repeat-x; padding : 15px 15px 15px 15px; font-size : 12px; } table.m4maths_stats tbody th { background-color : #5f5f5f; color : #ffffff; padding : 5px 0 5px 0; border-right : 1px solid #cccccc; } table.m4maths_stats tbody td { width : auto; height : auto; border-right : 1px solid #cccccc; padding : 3px 0 3px 8px; border-bottom : 1px dashed #cccccc; } .table_number { text-align : right; } #prize_winner { width : 780px; height : auto; /*background-image : url(../images/prize-winner.jpg);*/ background-repeat : no-repeat; background-position : left top; background-color : #ffffff; /*border : 1px solid #ff6600;*/ margin-top : 10px; padding : 10px 0 5px 5px; display : inline; float : left; } .comments { width:780px; height : auto; /*background-image : url(../images/prizewinner_bg.jpg);*/ background-repeat : no-repeat; background-position : left top; background-color : #FFF6E5; margin-top : 10px; display : inline; border : 1px dashed #f2e5cc; float : left; } .comments_user { width : 170px; height : auto; float : left; } .comments_user img { width : 80px; height : 81px; margin : 19px 0 15px 42px; float : left; } .comments_user span { width : 100%; height : auto; text-align : center; margin-bottom : 10px; float : left; } .user_comments { width : 580px; height : auto; background-color : #ffffff; border : 1px solid #ead98b; margin-top : 5px; padding : 8px; line-height : 18px; float : left; } .commentsuser_details { width : 493px; height : auto; margin-top : 10px; padding : 8px; text-align : center; float : left; } .commentsuser_details span { padding : 0 15px 0 15px; border-right : 1px solid #666666; } .red { font-size : 12px; color : #c61a02; font-weight : bold; } .orange { font-size : 12px; font-weight : bold; color : #003399; } #text_main, #text_main_2 { width: 97%; height: auto; border:1px dashed #f2e5cc; background:#fff6e5; padding: 8px; font: 13px 'Droid Sans'; margin-bottom: 5px; float: left; } #submitQuotesMessage { width : 92%; height : auto; background-image : url(../images/ers.gif); background-repeat : no-repeat; background-position : 1% 50%; background-color : #ffffff; border : 1px solid #cccccc; margin : 5px 15px 5px 15px; padding : 8px 10px 8px 45px; font-weight : bold; color : #13A2DE; display : none; float : left; } #changeOptionDiv, #ansReasonDivId { width : 92%; height : auto; background-repeat : no-repeat; background-position : 1% 50%; background-color : #ffffff; border : 1px solid #cccccc; margin : 5px 15px 5px 15px; padding : 8px 10px 8px 10px; font-weight : bold; color : #13A2DE; display : none; float : left; } #changeOptionDiv i, #ansReasonDivId i {font-size:15px; color:#0659A7;} #previousPuzzlediv { width : 99%; height : auto; float : left; } #welcome { width : 170px; height : auto; display : inline; background-color : #ffffff; border : 1px solid #e2e2e2; margin : 3px 0 15px 0; padding : 0 8px 5px 8px; float : left; } #welcome legend { width : auto; height : auto; margin : 0; padding : 0 15px 0 15px; font-weight : bold; color : #234b89; } #welcome h1 { width : 120px; height : auto; margin : 0; font-size : 11px; color : #333333; padding : 3px 0 3px 0; font-weight : normal; float : left; } #welcome h2 { width : 45px; height : auto; margin : 0; font-size : 11px; text-align : right; background : none; color : #333333; padding : 0; font-weight : bold; font-size : 12px; float : left; } #quotes, #quot, .quotes { width : 100%; height : auto; background-color : #ffffff; border-top : 4px solid #f4f4f4; border-left : 1px solid #f4f4f4; border-right : 1px solid #f4f4f4; display : inline; margin : 15px 0 0px 0; padding : 0; float : left; } #quotes dt { width: 97%; word-break: break-word; height: auto; line-height: 24px; margin: 0 0 0px 0; padding: 11px; font-size: 12px; float: left; } #quot dt { width : 673px; height : auto; background-color : #f4f4f4; font-family:Georgia, "Times New Roman", Times, serif; margin : 0 0 0px 0; letter-spacing:1px; padding : 10px; font-size : 16px; border-top : 1px solid #cccccc; font-variant:small-caps; float : left; } #quotes dd, #quot dd { width: 96%; height: auto; background-color: #F4F4F4; padding: 7px 2%; margin: 0px; float: right; text-align: right; } .dd-bg{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+13,e8e8e8+95 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 13%, #e8e8e8 95%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(13%,#f7f7f7), color-stop(95%,#e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 13%,#e8e8e8 95%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 13%,#e8e8e8 95%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 13%,#e8e8e8 95%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 13%,#e8e8e8 95%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */ text-align:left; border-bottom:#efeeee 1px solid; } table.m4mathsform { width : auto; height : auto; background-color : #f3f9fc; line-height:20px; } table.m4mathsform th { text-align : right; padding-right : 10px; } table.m4mathsform input[type="submit"], table.m4mathsform input[type="button"]{ display: block; height: 30px; border: none; margin: 0px auto; background: #0659A7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 13px 'Droid Sans'; color: #fff; cursor: pointer; text-transform: uppercase; } table.m4mathsform input, table.m4mathsform select, table.m4mathsform textarea{ background:#fff; border:1px solid #d7e6f0; margin: 0px 0px 10px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 13px 'Droid Sans'; color: #666; padding: 8px 3%; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } table.m4mathsform select{ min-width:150px; } table.m4mathsform textarea { width:70%; } .m4mathsform_text { background-color : #0659A7; color : #ffffff; font-weight : bold; /*text-align : center;*/ padding : 8px 10px 8px 10px; } .suggestion_fieldset { width : 96%; height : auto; display : inline; background-color : #F5F5F5; border : 1px solid #b8b8b8; margin : 15px 0 0px 0; padding : 0 15px 5px 10px; float : left; } .suggestion_fieldset legend { width : auto; height : auto; margin : 0; text-transform:capitalize; padding : 0 3px 0 15px; font-size : 12px; font-weight : bold; color : #234b89; } .suggestion_fieldset legend font { font-size : 10px; color : #ee7001; } .showsuges_userimg { width : 65px; height : 54px; background-image : url(../images/userimg_50by50.jpg); background-repeat : no-repeat; background-position : 3px 9px; padding : 10px 0 0 10px; display : inline; font-weight : bold; float : left; } .suggestion_text { width : 87%; word-break: break-word; height : auto; display : inline; background-color : #ffffff; border : 1px dotted #b1b1b1; margin-top : 8px; padding : 8px; float : left; font-size: 13px; line-height: 22px; } .suggestion_m4maths { width : 100%; height : auto; background-color : #234b89; background-image : url(../images/suggestion_m4maths.jpg); background-repeat : no-repeat; background-position : -5% 45%; padding-bottom : 5px; display : inline; margin-top : 0px; float : left; } .suggestion_admin { width : 135px; height : 56px; background-image : url(../images/suggestion_admin.gif); background-repeat : no-repeat; background-position : left top; text-align : right; font-size : 10px; font-weight : bold; padding : 2px 30px 0 0; margin : 0; color : #ffffff; float : left; } .suggestion_admintext { width:75%; height : auto; background-color : #ffffff; color : #044764; margin-top : 5px; padding : 10px; line-height:20px; font-size:12px; float : left; } #prize_banner { width : 98%; height : 484px; background-image : url(../images/prize.jpg); background-repeat : no-repeat; background-position : center top; /*border : 1px solid #ffa801;*/ display : inline; float : left; } #prize_banner_2 { width : 100%; height : 100%; background-image : url(../images/RavinderSinghRawat.gif); float : left; } #prize_bannertext { height : auto; background-color : #eb6a02; color : #ffffff; display : inline; margin-left : 20px; padding : 10px; float : left; } #result { width : 99%; height : auto; margin-top : 20px; float : left; } #result ul { width : 100%; height : auto; margin : 0; padding : 0; list-style-type : none; float : left; } #result li { width : auto; height : 26px; margin-right : 2px; padding : 0; float : left; } #result li a { position : relative; padding : 10px 20px 11px 20px; font-size : 12px; font-weight : bold; text-decoration : none; background-color : #ef5d08; color : #ffffff; } #result_textdiv { width : 100%; height : auto; background-color : #ef5d08; padding-bottom : 10px; float : left; } .scoreBoard ul{ margin:0; padding:0; } .scoreBoard ul li{ margin: 5px 0px !important; width: 20% !important; height: auto !important; list-style: none; float: left !important; } .scoreBoard ul li .userbox{ float: left !important; width: 90%; text-align: center; height: auto !important; padding: 10px 0px !important; margin-left: 5% !important; background-color: #f7f7f7; } .scoreBoard ul li .selected{ background-color: #fff6e5 !important; } .scoreBoard ul li .userbox img{ width:75px; height:75px; border:solid 1px #ccc;} .scoreBoard ul li a{ display: block !important; background: none !important; float: left; width: 100%; text-align: center; padding: 0px !important; } .scoreBoard ul li h5{ width: 90%; background: #ccc; text-align: center; margin: 0px 0px 0px 5%; font-size: 12px; line-height: 20px; border-radius:10px 0px 0px 0px; } #showScoreBordeDiv { width : 95%; height : auto; background-color : #ffffff; display : inline; margin : 10px 0 0 9px; padding : 8px 8px 8px 8px; float : left; } table.challengers { width : 100%; height : auto; border : 1px solid #cccccc; border-collapse : collapse; } table.challengers thead th { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,cccccc+55,b9b9b9+86 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 55%, #b9b9b9 86%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(55%,#cccccc), color-stop(86%,#b9b9b9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 55%,#b9b9b9 86%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#cccccc 55%,#b9b9b9 86%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#cccccc 55%,#b9b9b9 86%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#cccccc 55%,#b9b9b9 86%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */ padding : 10px 0 10px 0; font-size : 14px; } table.challengers thead td { padding : 5px; } table.challengers tbody td { width : 20%; height : auto; border : 1px solid #e5e5e5; } table.challengers tbody td h1 { width : 100%; height : auto; color : #044b6e; font-size : 11px; margin : 0; padding : 5px 0 5px 0; float : left; } table.challengers tbody td h5 { width : 100%; height : 20px; background-color : #ebebeb; text-align : center; font-size : 12px; font-weight : bold; margin : 0; margin-bottom : 5px; padding : 0; float : left; } table.challengers tbody td img { width : 84px; height : 84px; border : 1px solid #cccccc; } #randomPuzzleDivId { width : 690px; height : auto; float : left; } #randomPuzzleDivId table { border : 1px solid #cccccc; } #login_links { width : 100%; height : auto; margin : 0; padding : 0; list-style-type : none; float : left; } #login_links li { width : 100%; height : auto; background-image : url(../images/quotes_rating_bg.jpg); background-repeat : repeat-x; background-position : center; border-bottom : 1px solid #cccccc; float : left; } #login_links li.logout a { color : #ff3300; font-weight : bold; } #login_links li a { width : 96%; padding : 5px 0 5px 10px; color : #333333; float : left; } #login_links li a:hover { background-color : #ef5d08; color : #ffffff; font-weight : bold; } #helpfullbutton { background : #ffffff url(../images/top5_bg.jpg) repeat-x left top; font-size : 10px; text-align : center; border : 1px solid #cccccc; padding : 2px 10px; } .placement_fieldset { width: 97%; height: auto; display: inline; background-color: #F5F5F5; border: 1px solid #b8b8b8; margin: 10px 0 0px 0; padding: 0 15px 10px 7px; float: left; } .placement_fieldset legend { width : auto; height : auto; margin : 0; text-transform : uppercase; padding : 0 1px 0 1px; font-size : 12px; font-weight : bold; color : #234b89; } .placement_fieldset legend font { font-size : 10px; color : #ee7001; } .placement_fieldset legend i { font-size : 20px; color : #4BAF33; } .placement_text { /*width : 540px;*/ width : 85%; height : auto; display : inline; background-color : #ffffff; border : 1px dotted #b1b1b1; margin-top : 8px; padding : 8px; float : left; line-height:20px; } .thTableOddRow { background : #fdf6e4; color : #000000; } .thTableEvenRow { background : #efefef; color : #000000; } .main_list { width : 100%; height : auto; background : #ffffff; border : 1px solid #cccccc; float : left; } .main_list .row_against { width : 100%; height : auto; border-bottom : 1px solid #ffdb82; float : left; } .main_list .row_support { width : 100%; height : auto; background :#fff6e5; border-bottom : 1px dashed #d7e6f0; float : left; } .main_list .row_support_b { width : 100%; height : auto; background :#fff6e5; border-bottom : 1px dashed #d7e6f0; font-weight:bold; float : left; } .main_list span { padding : 5px 10px; float : left; } .main_list .row_support_Y { width : 100%; height : auto; border-bottom : 1px dashed #d7e6f0; background:#f3f9fc; float : left; } .main_list span { padding : 5px 10px; float : left; } .main_list .sno { width : 30px; background : #f6f7f7; border-right : 1px solid #e2e2e2; font-weight : bold; text-align : right; } .main_list .value { float : right; font-weight : bold; font-style : italic; } .main_list .value_u { float : right; font-style : italic; } .main_text { width: 100%; height: auto; float: left; margin:10px 0px; background: #fff6e5; border: 1px dashed #f2e5cc; } .main_text .row { width: 97%; height: auto; padding: 6px 10px; float: left; } .main_text .row a { /*color : #054a89;*/ font-weight : bold; } .main_text .row a:hover { t/*ext-decoration : underline;*/ } .main_text .row a.left { float : left; } .main_text .row a.right { float : right; } .bar { float : right; } .bar span, .paging span { padding-top : 2px; padding-right : 5px; } .paging span { font-weight : bold; } .paging { width: 97%; padding: 15px 10px; float: left; } .toppaging { width : auto; padding : 5px 0 0 15px; color : #ff0000; } .paging span { width : auto; float : left; } .paging a { width : auto; height : auto; background : #0659a7; color : #fff; padding : 3px 8px; margin : 0px 5px 5px 0px; display : inline; float : left; } .paging a:hover { background : #fda700; color : #ffffff; border-color : #ee821f; } .paging a.highlight { background : #fda700; color : #ffffff; border-color : #ee821f; } #search { position : relative; width : auto; height : 34px; padding-left : 100px; padding-top : 10px; float : left; } #search label, #search .components { float : left; } #search label { padding-top : 8px; padding-right : 15px; } #search .components { width : 306px; height : 28px; background : url(../images/search.jpg) no-repeat left top; padding-left : 5px; } #search .components input.searchText { width : 270px; background : none; border : 0; background : none; color : #474747; margin-top : 6px; float : left; } #search .components input.searchText:focus { outline-width : 0; } #search .components input.search_icon { width : 33px; height : 28px; background : none; border : 0; cursor : pointer; float : right; } #search .components input.search_icon:hover { background : url(../images/search_hover.jpg) no-repeat right top; } #searchResult label.search_text { width : auto; height : auto; background : #f1901f; font-size : 11px; font-weight : bold; padding : 0; color : #ffffff; padding : 0; float : none; } #tooltip { position : absolute; background : #0758a9; border : 1px solid #054c93; color : #ffffff; z-index : 999999; color : #fff; padding : 6px; width : 300px; } .slide-out-div { padding : 20px; width : 250px; height : auto; display : none; background : #d5faff; border : 2px solid #a1dcff; z-index:10; } .handle-notification{ text-indent:0px !important; /*transform: rotate(90deg);*/ transform-origin: left top 0; background:#0659A7 !important; font-size:15px; color:#aecfe3; height:auto !important; left:-38px !important; padding:10px; } .handle-notification i{font-size:18px; } .handle-notification:hover{ color:#fff!important; } .fixNotification {width:200px!important; padding-bottom:10px!important;background:#0659A7!important;} #watingdiv { position : fixed; width : 100%; height : 100%; background-color : #fff; color : #ffffff; display : none; z-index : 6; opacity:0.6; filter:alpha(opacity=0.6); -moz-opacity:0.6; -khtml-opacity:0.6; top:0px; } #watingtext { position : absolute; width : auto; height : auto; color : #ffffff; font-size : 36px; font-weight : bold; top : 40%; left : 40%; } #message_box { position: absolute; top: 300px; left:300px; z-index: 10; background:none; padding:5px; width:450px; opacity:0.01; filter:alpha(opacity=0.0); -moz-opacity:0.0; -khtml-opacity:0.0; /* opacity:0.90;*/ } #message_box_1 { position: absolute; top: 300px; left:500px; z-index: 11; background:#0759ab; padding:5px; border:1px solid #CCCCCC; text-align:center; text-shadow:#000099; font-size:13px; color:#FFFFFF; /*width:728px; height:98px;*/ width:250px; height:270px; opacity:0.90; } #message_box_1 #close_message { position : absolute; top : 0; right : 0; } div.hasCalculator, span.hasCalculator { position : relative; } button.calculator-trigger { width : 25px; padding : 0; } img.calculator-trigger { margin : 2px; vertical-align : middle; } .calculator-popup { display : none; z-index : 10; margin : 0; padding : 0; border : 1px solid #888; color : #000; background-color : #f4f4f4; font-family : Arial, Helvetica, sans-serif; } .calculator-keyentry { position : absolute; top : 3px; right : 3px; width : 0; height : 30px; } .calculator-inline { position : relative; border : 1px solid #888; background-color : #333333; } .calculator-inline .calculator-close { display : none; } .calculator-disabled { position : absolute; z-index : 100; background-color : white; } .calculator-rtl { direction : rtl; } .calculator-prompt { clear : both; text-align : center; } .calculator-prompt.ui-widget-header { margin : 2px; } .calculator-result { clear : both; margin : 2px; padding : 4px 2px; text-align : right; background-color : #fff; border : 1px inset #000; font-size : 110%; } .calculator-focussed { background-color : #ffc; } .calculator-row { clear : both; width : 100%; } .calculator-space { float : left; margin : 2px; width : 28px; } .calculator-half-space { float : left; margin : 1px; width : 14px; } .calculator-row button { position : relative; float : left; margin : 2px; padding : 0; height : 30px; background-color : #f4f4f4; text-align : center; cursor : pointer; } .calculator-row .calculator-ctrl { width : 60px; background-color : #e8e8e8; } .calculator-row .calculator-undo, .calculator-row .calculator-clear-error, .calculator-row .calculator-clear { width : 28px; } .calculator-row .calculator-base, .calculator-row .calculator-angle { width : 28px; font-size : 70%; } .calculator-row .calculator-base-active, .calculator-row .calculator-angle-active { border : 2px inset #fff; } .calculator-digit, .calculator-oper { width : 28px; } .calculator-mem-empty { color : #888; } .calculator-row .calculator-trig { font-size : 70%; } .calculator-keystroke { display : none; width : 16px; height : 14px; position : absolute; left : -8px; top : -8px; color : #000; background-color : #fff; border : 1px solid #888; font-size : 80%; } .calculator-angle .calculator-keystroke, .calculator-base .calculator-keystroke, .calculator-trig .calculator-keystroke { top : -10px; font-size : 95%; } .calculator-keyname { width : 22px; font-size : 70%; } .calculator-cover { display : none; display : block; position : absolute; z-index : -1; top : -4px; left : -4px; width : 125px; height : 200px; } .flexigrid { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; position : relative; border : 0 solid #eee; overflow : hidden; color : #000; } .flexigrid.hideBody { height : 26px !important ; border-bottom : 1px solid #ccc; } .ie6fullwidthbug { border-right : 0 solid #ccc; padding-right : 2px; } .flexigrid div.nDiv { background : #eee url(flexigrid/images/line.gif) repeat-y -1px top; border : 1px solid #ccc; border-top : 0; overflow : auto; left : 0; position : absolute; z-index : 999; float : left; } .flexigrid div.nDiv table { margin : 2px; } .flexigrid div.hDivBox { float : left; padding-right : 40px; } .flexigrid div.bDiv table { margin-bottom : 10px; } .flexigrid div.bDiv table.autoht { border-bottom : 0; margin-bottom : 0; } .flexigrid div.nDiv td { padding : 2px 3px; border : 1px solid #eee; cursor : default; } .flexigrid div.nDiv tr:hover td, .flexigrid div.nDiv tr.ndcolover td { background : #d5effc url(flexigrid/images/hl.png) repeat-x top; border : 1px solid #a8d8eb; } .flexigrid div.nDiv td.ndcol1 { border-right : 1px solid #ccc; } .flexigrid div.nDiv td.ndcol2 { border-left : 1px solid #fff; padding-right : 10px; } .flexigrid div.nDiv tr:hover td.ndcol1, .flexigrid div.nDiv tr.ndcolover td.ndcol1 { border-right : 1px solid #d2e3ec; } .flexigrid div.nDiv tr:hover td.ndcol2, .flexigrid div.nDiv tr.ndcolover td.ndcol2 { border-left : 1px solid #eef8ff; } .flexigrid div.nBtn { position : absolute; height : 24px; width : 14px; z-index : 900; background : #fafafa url(flexigrid/images/fhbg.gif) repeat-x bottom; border : 0 solid #ccc; border-left : 1px solid #ccc; top : 0; left : 0; margin-top : 1px; cursor : pointer; display : none; } .flexigrid div.nBtn div { height : 24px; width : 12px; border-left : 1px solid #fff; float : left; background : url(flexigrid/images/ddn.png) no-repeat center; } .flexigrid div.nBtn.srtd { background : url(flexigrid/images/wbg.gif) repeat-x 0 -1px; } .flexigrid div.mDiv { background : url(flexigrid/images/wbg.gif) repeat-x top; border : 1px solid #ccc; border-bottom : 0; border-top : 0; font-size : 14px; font-weight : bold; display : block; overflow : hidden; white-space : nowrap; position : relative; color : #333333; padding-top : 5px; padding-bottom : 5px; } .flexigrid div.mDiv div { padding : 6px; white-space : nowrap; } .flexigrid div.mDiv div.ptogtitle { position : absolute; top : 4px; right : 3px; padding : 0; height : 16px; width : 16px; overflow : hidden; border : 1px solid #ccc; cursor : pointer; } .flexigrid div.mDiv div.ptogtitle:hover { background-position : left -2px; border-color : #bbb; } .flexigrid div.mDiv div.ptogtitle span { display : block; border-left : 1px solid #eee; border-top : 1px solid #fff; border-bottom : 1px solid #ddd; width : 14px; height : 14px; background : url(flexigrid/images/uup.png) no-repeat center; } .flexigrid div.mDiv div.ptogtitle.vsble span { background : url(flexigrid/images/ddn.png) no-repeat center; } .flexigrid div.tDiv { background : #fafafa url(flexigrid/images/bg.gif) repeat-x top; position : relative; border : 1px solid #ccc; border-bottom : 0; overflow : hidden; } .flexigrid div.tDiv2 { float : left; clear : both; padding : 1px; } .flexigrid div.sDiv { background : #fafafa url(flexigrid/images/bg.gif) repeat-x top; position : relative; border : 1px solid #ccc; border-top : 0; overflow : hidden; display : none; } .flexigrid div.sDiv2 { float : left; clear : both; padding : 5px; padding-left : 5px; width : 1024px; } .flexigrid div.sDiv2 input, .flexigrid div.sDiv2 select { vertical-align : middle; } .flexigrid div.btnseparator { float : left; height : 22px; border-left : 1px solid #ccc; border-right : 1px solid #fff; margin : 1px; } .flexigrid div.fbutton { float : left; display : block; cursor : pointer; padding : 1px; } .flexigrid div.fbutton div { float : left; padding : 1px 3px; } .flexigrid div.fbutton span { float : left; display : block; padding : 3px; } .flexigrid div.fbutton:hover, .flexigrid div.fbutton.fbOver { padding : 0; border : 1px solid #ccc; } .flexigrid div.fbutton:hover div, .flexigrid div.fbutton.fbOver div { padding : 0 2px; border-left : 1px solid #fff; border-top : 1px solid #fff; border-right : 1px solid #eee; border-bottom : 1px solid #eee; } .flexigrid div.hDiv { background : #fafafa url(flexigrid/images/fhbg.gif) repeat-x bottom; position : relative; border : 1px solid #ccc; border-bottom : 0; overflow : hidden; } .flexigrid div.hDiv table { border-right : 1px solid #fff; } .flexigrid div.cDrag { float : left; position : absolute; z-index : 2; overflow : visible; } .flexigrid div.cDrag div { float : left; background : none; display : block; position : absolute; height : 24px; width : 5px; } .flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.dragging { background : url(flexigrid/images/line.gif) repeat-y 2px center; } .flexigrid div.iDiv { border : 1px solid #316ac5; position : absolute; overflow : visible; background : none; } .flexigrid div.iDiv input, .flexigrid div.iDiv select, .flexigrid div.iDiv textarea { font-family : Arial, Helvetica, sans-serif; font-size : 11px; } .flexigrid div.iDiv input.tb { border : 0; padding : 0; width : 100%; height : 100%; padding : 0; background : none; } .flexigrid div.bDiv { border : 1px solid #ccc; border-top : 0; background : #fff; overflow : auto; position : relative; } .flexigrid div.bDiv table { border-bottom : 1px solid #ccc; } .flexigrid div.hGrip { position : absolute; top : 0; right : 0; height : 5px; width : 5px; background : url(flexigrid/images/line.gif) repeat-x center; margin-right : 1px; } .flexigrid div.hGrip:hover, .flexigrid div.hGrip.hgOver { border-right : 1px solid #999; margin-right : 0; } .flexigrid div.vGrip { height : 5px; overflow : hidden; position : relative; background : #fafafa url(flexigrid/images/wbg.gif) repeat-x 0 -1px; border : 1px solid #ccc; border-top : 0; text-align : center; } .flexigrid div.vGrip span { display : block; margin : 1px auto; width : 20px; height : 1px; overflow : hidden; border-top : 1px solid #aaa; border-bottom : 1px solid #aaa; background : none; } .flexigrid div.hDiv th, .flexigrid div.bDiv td { text-align : left; border-right : 1px solid #ddd; border-left : 1px solid #fff; overflow : hidden; vertical-align : top !important ; } .flexigrid div.hDiv th div, .flexigrid div.bDiv td div, div.colCopy div { padding : 5px; border-left : 0 solid #fff; } .flexigrid div.hDiv th, div.colCopy { font-weight : normal; height : 24px; color : #333333; cursor : default; white-space : nowrap; overflow : hidden; font-weight : bold; } div.colCopy { font-family : Arial, Helvetica, sans-serif; font-size : 11px; background : #fafafa url(flexigrid/images/fhbg.gif) repeat-x bottom; border : 1px solid #ccc; border-bottom : 0; overflow : hidden; } .flexigrid div.hDiv th.sorted { background : url(flexigrid/images/wbg.gif) repeat-x 0 -1px; border-bottom : 0 solid #ccc; } .flexigrid div.hDiv th.thOver div, .flexigrid div.hDiv th.sorted.thOver div { border-bottom : 1px solid orange; padding-bottom : 4px; } .flexigrid div.hDiv th.sorted div { border-bottom : 0 solid #ccc; padding-bottom : 5px; } .flexigrid div.hDiv th.thMove { background : #fff; color : #fff; } .flexigrid div.hDiv th.sorted.thMove div { border-bottom : 1px solid #fff; padding-bottom : 4px; } .flexigrid div.hDiv th.thMove div { background : #fff !important ; } .flexigrid div.hDiv th div.sdesc { background : url(flexigrid/images/dn.png) no-repeat center top; } .flexigrid div.hDiv th div.sasc { background : url(flexigrid/images/up.png) no-repeat center top; } .flexigrid div.bDiv td { border-bottom : 1px solid #fff; vertical-align : top; white-space : nowrap; } .flexigrid span.cdropleft { display : block; background : url(flexigrid/images/prev.gif) no-repeat -4px center; width : 24px; height : 24px; position : relative; top : -24px; margin-bottom : -24px; z-index : 3; } .flexigrid div.hDiv span.cdropright { display : block; background : url(flexigrid/images/next.gif) no-repeat 12px center; width : 24px; height : 24px; float : right; position : relative; top : -24px; margin-bottom : -24px; } .flexigrid div.bDiv td div { border-top : 0 solid #fff; padding-bottom : 4px; } .flexigrid tr td.sorted { background : #f3f3f3; border-right : 1px solid #ddd; border-bottom : 1px solid #f3f3f3; } .flexigrid div.bDiv td div span { font-size : 12px; font-weight : bold; color : #005bb0; } .flexigrid div.bDiv td div span.state { font-size : 12px; font-style : italic; font-weight : normal; color : #333333; } .flexigrid tr.erow td { background : #f7f7f7; border-bottom : 1px solid #f7f7f7; } .flexigrid tr.erow td.sorted { background : #e3e3e3; border-bottom : 1px solid #e3e3e3; } .flexigrid div.bDiv tr:hover td, .flexigrid div.bDiv tr:hover td.sorted, .flexigrid div.bDiv tr.trOver td.sorted, .flexigrid div.bDiv tr.trOver td { background : #d9ebf5; border-left : 1px solid #eef8ff; border-bottom : 1px dotted #a8d8eb; } .flexigrid div.bDiv tr.trSelected:hover td, .flexigrid div.bDiv tr.trSelected:hover td.sorted, .flexigrid div.bDiv tr.trOver.trSelected td.sorted, .flexigrid div.bDiv tr.trOver.trSelected td, .flexigrid tr.trSelected td.sorted, .flexigrid tr.trSelected td { background : #d5effc url(flexigrid/images/hl.png) repeat-x top; border-right : 1px solid #d2e3ec; border-left : 1px solid #eef8ff; border-bottom : 1px solid #a8d8eb; } .flexigrid.novstripe .bDiv table { border-bottom : 1px solid #ccc; border-right : 1px solid #ccc; } .flexigrid.novstripe div.bDiv td { border-right-color : #fff; } .flexigrid.novstripe div.bDiv tr.erow td.sorted { border-right-color : #e3e3e3; } .flexigrid.novstripe div.bDiv tr td.sorted { border-right-color : #f3f3f3; } .flexigrid.novstripe div.bDiv tr.erow td { border-right-color : #f7f7f7; border-left-color : #f7f7f7; } .flexigrid.novstripe div.bDiv tr.trSelected:hover td, .flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted, .flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted, .flexigrid.novstripe div.bDiv tr.trOver.trSelected td, .flexigrid.novstripe tr.trSelected td.sorted, .flexigrid.novstripe tr.trSelected td { border-right : 1px solid #0066ff; border-left : 1px solid #0066ff; } .flexigrid.novstripe div.bDiv tr.trOver td, .flexigrid.novstripe div.bDiv tr:hover td { border-left-color : #d9ebf5; border-right-color : #d9ebf5; } .flexigrid div.pDiv { background : url(flexigrid/images/wbg.gif) repeat-x 0% -1px; border : 1px solid #ccc; border-top : 0; overflow : hidden; white-space : nowrap; position : relative; } .flexigrid div.pDiv div.pDiv2 { margin : 3px; margin-left : -2px; float : left; width : 1024px; } div.pGroup { float : left; background : none; height : 24px; margin : 0 5px; } .flexigrid div.pDiv .pPageStat, .flexigrid div.pDiv .pcontrol { position : relative; top : 5px; overflow : visible; } .flexigrid div.pDiv input { vertical-align : text-top; position : relative; top : -5px; } .flexigrid div.pDiv div.pButton { float : left; width : 22px; height : 22px; border : 0; cursor : pointer; overflow : hidden; } .flexigrid div.pDiv div.pButton:hover, .flexigrid div.pDiv div.pButton.pBtnOver { width : 20px; height : 20px; border : 1px solid #ccc; cursor : pointer; } .flexigrid div.pDiv div.pButton span { width : 20px; height : 20px; display : block; float : left; } .flexigrid div.pDiv div.pButton:hover span, .flexigrid div.pDiv div.pButton.pBtnOver span { width : 19px; height : 19px; border-top : 1px solid #fff; border-left : 1px solid #fff; } .flexigrid .pSearch { background : url(flexigrid/images/magnifier.png) no-repeat center; } .flexigrid .pFirst { background : url(flexigrid/images/first.gif) no-repeat center; } .flexigrid .pPrev { background : url(flexigrid/images/prev.gif) no-repeat center; } .flexigrid .pNext { background : url(flexigrid/images/next.gif) no-repeat center; } .flexigrid .pLast { background : url(flexigrid/images/last.gif) no-repeat center; } .flexigrid .pReload { background : url(flexigrid/images/load.png) no-repeat center; } .flexigrid .pReload.loading { background : url(flexigrid/images/load.gif) no-repeat center; } .flexigrid.ie div.hDiv th div, .flexigrid.ie div.bDiv td div, div.colCopy.ie div { overflow : hidden; } .flexigrid div.fbutton .add { background : url(images/add.png) no-repeat left center; } .flexigrid div.fbutton .delete { background : url(images/close.png) no-repeat left center; } .flexigrid div.fbutton .state { font-weight : bold; font-size : 24px; } /*youtube video code*/ .topheadercommon{ width:100%; float:left;} .yt_holder { width:740px; float:left} .yt_holder ul{float:left; padding:0px ; margin:0px;} .yt_holder ul li{ list-style:none;float:left;padding:2px;} .yt_holder ul li img{width:75px;} .currentvideo { background:#E7671E;} .companyTopicNav{ width:100%; float:left; margin:10px 0px; } .companyTopicNav .showhideCompany,.companyTopicNav .showhideTopic{ float:left; width:47%; border:1px solid #aaa; border-radius:0px 3px 3px 0px; padding:10px 1%; cursor:pointer; text-align:right; color:#0659a7; } .companyTopicNav .showhideTopic{ float:right; margin-right:0px; border-radius:3px 0px 0px 3px; } .companyTopicNav i { float:right; font-size:20px; color:#0659a7; padding-left: 10px; } .companyTopicNav b { float:left; } .showhideCompany:hover i, .showhideTopic:hover i{ color:#fda700; } .showhideCompany:hover,.showhideTopic:hover{ border:1px solid #fda700; } .subcompanyclass, .subtopicclass{ display:none;} .mainCompanyDiv{float:left; width:100%;border:1px dashed #d7e6f0} .companyLink {background:#f3f9fc; width:100%; float:left;} .companyLink td{ border-bottom: 1px dotted #FFF; border-right: 1px solid #fff; padding:0px 0px 0px 10px; } .companyLink td a{ display: inline; padding: 5px 5px 5px 0px; color: #1384C6; font-size: 11px; float:left; } .loginAlert {width: 100%; text-align: center; float: left; color: #EB1E07; padding: 20px 0px; font-size: 16px; font-weight: bold;} .companyLink td b a, .companyLink td a b{text-transform: uppercase;} .companyLink td a:hover{color:#FDA700} .companyLink td span{float:right;font-size:10px; padding:5px 10px 0px 0px;} .companyLink h2{display: block; margin: 5px 10px 0px 15px; width:97%; background: none; font: 16px 'Roboto Condensed'; color:#FDA700; text-transform: uppercase; position: relative; } .companyLink h3{ text-align: center; width: 100%; float: left; line-height: 40px; background-color: #fff6e5; margin-bottom: 5px; cursor:pointer; } .companyLink h3 i{ color:#1384C6; cursor:pointer; } .companyLink h4{ width: 99%; float: left; line-height: 40px; margin-bottom: 5px; padding-left:1%; border-bottom: 1px solid #d7e6f0; text-transform:uppercase; } .companyLink ul { margin: 0px; padding: 0px; } .companyLink ul li { width: 21%; float: left; list-style: none; margin: 1% 2%; text-transform:uppercase; font-size:11px; } .companyLink ul li i{color:#FDA700;} .companyLink ul li span { font-size: 11px; float: right; color:#666; } .companyLink ul li b {} .subtopicclass ul li { width: 29%; float: left; list-style: none; margin: 1% 2%; text-transform: capitalize; font-size: 11px; } .subtopicclass ul li a{white-space: nowrap; width: 80%; overflow: hidden; text-overflow: ellipsis; float: left; } .m4mathsApps{ background: #1B476A; float: left; width: 94%; margin: 10px auto; padding: 10px 3%;} .m4mathsApps i{ font-size:80px; color:#fff; float:right;} .m4mathsApps i:hover{ color:#94C248;} .m4mathsApps b{ float: left; width: 87%; color: #fff; font-weight: normal; font-size: 18px; line-height: 30px; text-transform: capitalize;} .m4mathsApps b a{ color: #fff; float: left; background-color: #94C248; margin: 5px 0px; padding: 5px 20px; border-radius: 5px; font-size:14px; font-weight:bold; text-transform:uppercase;} .m4mathsApps b span{color: #94C248; font-weight: bold;} .m4mathsApps b a:hover{background-color: #211D1F;} dl h2{ display: block; margin: 0px; background:none; border-bottom: 1px solid #eee; font: 16px 'Roboto Condensed'; color: #FDA700; text-transform: uppercase; position: relative; } dl h3{ display: block; float:left; font-weight:normal; } dl h2 a{color:#ef5d08} dd span a{color:#1384C6} dl h2 a:hover{color:#1384C6} dd span a:hover{color:#FDA700} dd select{width: 150px; border-radius: 3px; font: 12px 'Droid Sans'; color: #666; height: 20px; margin-right: 50px;} .profile_fieldset { width: 97%; height: auto; display: inline; background-color: #fff6e5; border: 1px solid #b8b8b8; margin: 10px 0 0px 0; padding: 0 15px 10px 7px; float: left; } .jobsExam_fieldset { width: 98%; height: auto; display: inline; background-color: #fff6e5; border: 1px solid #b8b8b8; margin: 10px 0 0px 0; padding: 0 11px 5px 10px; float: left; } .other{ background-color:#f3f9fc; } .profile_fieldset legend { width : auto; height : auto; margin : 0; text-transform : uppercase; padding : 0 1px 0 1px; font-size : 12px; font-weight : bold; color : #234b89; } .profile_fieldset legend font { font-size : 10px; color : #ee7001; } .profile_text { width : 88%; height : auto; display : inline; background-color : #ffffff; border : 1px dotted #b1b1b1; margin-top : 8px; padding : 4px; float : left; min-height:30px; line-height:22px; font-size:13px; word-break:break-word; } .profile_fieldset_child { width : 90%; height : auto; display : inline; background-color : #F5F5F5; border : 1px solid #b8b8b8; margin : 0 0px 2px 0; padding : 0 10px 5px 10px; float : right; } .profile_fieldset_child legend { width : auto; height : auto; margin : 0; text-transform : uppercase; padding : 0 1px 0 1px; font-size : 12px; font-weight : bold; color : #234b89; } .profile_fieldset_child legend font { font-size : 10px; color : #ee7001; } .profile_text_child { width : 87%; height : auto; display : inline; background-color : #ffffff; border : 1px dotted #b1b1b1; margin-top : 8px; padding : 4px; float : left; min-height:30px; line-height:20px; word-break:break-word; } .postComment{ width:90%; float:right; } .breadcrumb {padding: 10px 0px; float: left; background-color: #f6f6f6; width: 100%; border: 1px solid #eee; margin-top: 1px; font: 15px 'Roboto Condensed';} .breadcrumb li {float: left; list-style: none; padding-left:10px; color: #bbb;} .breadcrumb li a{color: #777;} .breadcrumb li a:hover{color: #1384C6;} .m4_topads { display:block; padding:5px; margin:0px 0px 5px 0px; text-align:center; width:100%; float:left; } .m4_topads_block { display:block; float:left; width:234px; height:60px; margin:5px; border:1px solid #ddd; text-align:center; } .m4_topads_block { display:block; float:left; width:234px; height:60px; margin:5px; border:1px solid #ddd; text-align:center; } .m4_topads_block.ads_468 { display:block; float:left; width:480px; height:60px; margin:5px; border:1px solid #ddd; text-align:center; } .m4_ads { display:block; padding:5px 0px 0px 0px; text-align:center; } .m4_ads.left { float:left; width:125px; height:125px; } .m4_ads.right { float:right; width:125px; height:125px; } .top-Ads-Left{ margin: 0 auto; float: left; text-align: center; margin-top: 5px; margin-left: 50px; color: rgba(255,255,255,.7); } .top-Ads-Left div{margin-bottom:3px;} .top-Ads-Left-innerBlock{ float:left; } .sticky_ads { z-index:1050; background:#fff; } .fixed { position: fixed; top:0; } .topicListing{padding:10px;float:left;margin:0px} .topicListing li{float: left; list-style: none; padding: 5px 0px 5px 0px; width: 48%; font-size: 13px; border-right: 1px dashed #ffffff; margin: 0px 5px; text-align: left; } .topicListing li i{font-size:15px; color:#FDA700;} .topicListing li strong{color:#1384C9; font-weight:normal; float:right; padding-right:25px;} h1{text-align:center; font-size:9px;font-weight : normal;margin:2px} .replyBox{float: left; background: #F5F5F5; padding: 10px 1% !important; display: block; width: 97.8% !important; margin-top: -1px; border: 1px solid #b8b8b8; margin-bottom: 10px;} .replyBox textarea, .replyBox input{ display: block; border: 1px solid #d7e6f0; margin: 0px 0px 10px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 13px 'Droid Sans'; color: #666; padding: 8px 3%; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .nextPreviousNav{ float:left; width:100%} .nextPreviousNav a{ font-size: 18px; font-family: Roboto; /* background-color: #33CC33; */ margin: 10px 0px; padding: 10px 5px; text-decoration: underline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 40%; color:#000;} .nextPreviousNav a:hover{color:#ef5d08;} .previousQ{ float: left; } .nextQ{ float: right; text-align:right; } .SolutionHeading{ float: left; width: 100%; padding: 10px 0px; background:#f5FFf5; color:#009900; border:1px dashed #d5ddd5; } .SolutionHeading span{ font-size:14px; padding-left:10px; line-height:30px; } .bannerAds{width: 99%; text-align: center; float: left; border: 4px dotted #eee; padding: 10px 0px; margin: 10px 0px;} .replyBox textarea{width: 81%; float: left; } .divtoprightBanner {width: 350px; float: right; min-height:110px; } .replyBox input{ background: #0659A7; float: right; height: 37px; color: #fff; } .bestEng{border-bottom: 1px solid #e5e5e5; float: left; padding: 0px 0px 10px 0px; width: 100%; } dd .optiontext{ display:block; line-height:25px; } .note{padding: 10px 15px;color: #333333;background:#FFF6E5} .myanswermsg {height:40px;} .myanswermsg td{padding-left:20px; font-size:13px; color:#1384C6;} .bestEng #winner_info {width:180px !important;} .quotesDD {text-align:left !important; padding:12px 11px !important; font-size:12px;} #quotes dd a i { font-size:14px;} #right h1 { /*margin-top : 20px;*/ color : #1384C9; font-weight : normal; float : left; } legend a i{font-size:15px;} .tableDiv{float:left; width:99%;border:1px dashed #d7e6f0; margin-bottom:10px;} .upcomingJob,.priveousJob{float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px;height:25px; background:#FDA700; width:45%; margin: 5px 0 5px 10px; padding: 10px 0 0 20px; color:#FFF; border-radius:3px; text-align:center;text-transform:uppercase;} .upcomingJob a,.priveousJob a{color:#333; } .upcomingJob:hover,.priveousJob:hover, .jbActive{ background:#0659a7;} .upcomingJob:hover a,.priveousJob:hover a{color:#fff;} .jbActive a{ color:#fff;} .resume{float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px;height:30px; background:#0659a7; width:18%; margin: 5px 10px 5px 10px; padding: 10px 15px 0 20px; color:#FFF; border-radius:3px; text-align:center;text-transform:uppercase;} .resume a{color:#fff; } .resume:hover{ background:#FDA700;} .FeedBack{ float:left; text-align:left; } .PreExam{ float:right; font-size:11px; margin: 0 8px 0 0; text-transform: upercase; color: #1384c9; } .m4mathsformNew{ width: 100%; background-color: #f3f9fc; float:left; } .m4mathsformNew .m4mathsform_text{ line-height:22px; float:left; padding:10px; width:97.5%; } .m4mathsformNew ul{ margin:0; padding:0; } .m4mathsformNew ul li{ list-style:none; width:47%; padding:0% 1%; float:left; text-align:left; margin-top:10px; } .m4mathsformNew ul li input[type="submit"], .m4mathsformNew ul li input[type="button"]{ display: block; height: 30px; border: none; margin: 0px auto; background: #0659A7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 13px 'Droid Sans'; color: #fff; cursor: pointer; text-transform: uppercase; } .m4mathsformNew ul li input, .m4mathsformNew ul li select, .m4mathsformNew ul li textarea{ background:#fff; border:1px solid #d7e6f0; margin: 0px 0px 10px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 13px 'Droid Sans'; color: #666; padding: 8px 3%; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .SubmitButton{ display: block; height: 30px; padding:0px 20px; border: none; margin: 20px auto; background: #0659A7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 13px 'Droid Sans'; color: #fff; cursor: pointer; text-transform: uppercase; } .AlignCenter{ float: left; text-align: center; margin: 20px auto; width: 100%; } .AlignRight{ text-align:right !important; } .unsubscribeBlock{ width: 90% !important; margin: 0 auto; text-align: center; float: none !important; } .unsubscribeBlock span{ text-align: center; margin-bottom: 20px; float: left; width: 100%; } .unsubscribeBlock span .inputFeild{ float: none; width: 50% !important; margin: 0px auto !important; } .NotFound{ text-align: center; font-size: 20px; padding-top: 10px; } .startpopup{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; display:none; z-index: 1000; overflow: hidden; outline: 0; background-color:rgba(0,0,0,0.93); } .startpopup .closediv{ position:absolute; right:15px; top:15px; background:url(../images/close_white.png) no-repeat center center; width:24px; height:24px; cursor:pointer; } .startpopup .popup-content{ position: relative; width: 70%; margin: 120px auto; } .startpopup .popup-content .popup-body{} .startpopup .popup-content .popup-body .col-one{ width:50%; float:left; margin-top:80px; color:rgba(255,255,255,0.8); } .startpopup .popup-content .popup-body .col-one h1{ text-align:left; font-size:24px; font-weight:bold; color:#fff; text-transform:uppercase; margin-bottom:50px; margin-left:20px; line-height:32px; } .startpopup .popup-content .popup-body .col-one span{ color:#0097e0; } .startpopup .popup-content .popup-body .col-one p{ font-size:18px; margin-left:20px; } .startpopup .popup-content .popup-body .col-one .download-btn{ width:100%; float:left; margin-top:15px; } .startpopup .popup-content .popup-body .col-two{ width:50%; float:left; text-align:center; } .startpopup .popup-content .popup-body .col-two img{ margin:0 auto; display:block; max-width:100%; height:auto; } .adbanner{ width:100%; float:left; } .adbanner img{ margin:0 auto; display:block; } /*============START OF OLD CSS===========*/ /* .post-box{ width:94%; float:left; padding:0% 3% 3% 3%; background:#fff; font-family:Arial, Helvetica, sans-serif; } .post-box .post-nav{} .post-box .post-nav a{ font-size:24px; } .post-box .post-nav .prev{ float:left; } .post-box .post-nav .next{ float:right; } .post-winner{ width:100%; float:left; border:solid 1px #ddd; } .post-winner .dollar{ width:100px; height:100px; background:#eee; float:right; text-align:center; } .post-winner i{ font-size:60px; color:#ccc; line-height:100px; } .post-winner img{ max-width:100px; display:block; height:auto; float:left; margin-right:15px; } .post-winner h4{ margin-bottom:0px; margin-top:10px; font-size:14px; } .post-winner p {} .post-box .post-image{ width:94%; float:left; padding:3%; border:solid 1px #d0d7d9; border-radius:3px 3px 0px 0px; } .post-box .post-image p{ font-size:14px; line-height:20px; margin:0px 0px 20px 0px; } .post-box .search-box{ width:94%; background:#ebeff0; padding:3%; float:left; border:solid 1px #d0d7d9; } .post-box .search-box .form-control{ width:79%; border-radius:3px; float:left; } .post-box .search-box button{ width:18%; float:right; margin:0; height:43px; } .post-box .uk-comment-list{ width:94%; float:left; padding:0% 3%; background:#ebeff0; border:solid 1px #d0d7d9; } .post-box .comment-list{ margin:0; padding:0; list-style:none; } .post-box .comment-list li{ width:100%; float:left; padding-bottom:20px; padding-top:20px; border-bottom:solid 1px #d0d7d9; border-top:solid 1px #f7f8f8; } .post-box .comment-list li:first-child{ border-top:none; } .post-box .comment-list li:last-child{ border-bottom:none; } .post-box .comment-list li .comment-text{ font-size:14px; color:rgba(0,0,0,0.8); line-height:18px; } .post-box .comment-list li .comment-text a.link{ font-weight:bold; color:#365899; } .post-box .comment-list li .comment-text a.allcomment{ font-weight:normal; color:#365899; font-size:13px; } .post-box .comment-list li .comment-text .pull-right{ float:right; color:#90949c; } .post-box .comment-list li .comment-text a:hover{ text-decoration:underline; } .post-box .comment-list li .comment-text .date-time{ width:100%; float:left; font-size:12px; margin-top:5px; } .post-box .comment-list li .comment-text .date-time a{ color:#90949c !important; } */ /*==========ENDS OF OLD POST CSS===========*/ .post-box{ width:94%; float:left; padding:0% 3% 3% 3%; background:#fff; font-family:Arial, Helvetica, sans-serif; } .post-box h3{ font-size:22px; margin-bottom:30px; margin-top:5px; } .post-winner{ width:100%; float:left; } .post-winner img{ max-width:100px; display:block; height:auto; float:left; margin-right:15px; } .post-winner h4{ margin-bottom:0px; margin-top:10px; font-size:14px; } .post-box .post-image{ width:94%; float:left; padding:3%; border:solid 1px #d0d7d9; border-radius:3px 3px 0px 0px; margin:30px 0px; position:relative; } .post-box .post-image img{ margin:0 auto; display:block; } .post-box .post-image .post-nav a{ font-size:24px; position:absolute; top:45%; } .post-box .post-image .post-nav .prev{ left:30px; } .post-box .post-image .post-nav .next{ right:30px; } .post-box .search-box{ width:94%; background:#ebeff0; padding:3%; float:left; border:solid 1px #d0d7d9; margin-bottom:30px; } .post-box .search-box .form-control{ width:79%; border-radius:3px; float:left; } .post-box .search-box button{ width:18%; float:right; margin:0; height:43px; } .post-box .uk-comment-list{ width:94%; float:left; padding:3%; border:solid 1px #d0d7d9; background:#f5f5f5; } .post-box .comment-list{ margin:0; padding:0; list-style:none; } .post-box .comment-list li{ font-size:13px; float:left; width:50%; margin-bottom:20px; } .post-box .comment-list li a{ color:#424242; line-height:36px; } .post-box .comment-list li a:focus, .post-box .comment-list li a:hover{ text-decoration:underline; } .post-box .comment-list li a img{ border-radius:50%; float:left; display:block; width:36px; height:36px; margin-right:10px; } .post-box .comment-list li:first-child{ border-top:none; } .post-box .comment-list li:last-child{ border-bottom:none; } @media (max-width: 1380px) { #right_ads{display:none;} } .showsuges_userimg_gd { width : 132px; background-image : url(../images/userimg_50by50.jpg); background-repeat : no-repeat; background-position : 3px 9px; padding : 10px 0 0 10px; display : inline; float : left; } .report{color:#BE0000;font-size:10px;padding:0 5px;} .companyProfile{ background-repeat:repeat-x; background-position:center; background-color:#FFFFFF; text-align:left; border-bottom:#efeeee 1px solid; margin:0px; height:20px; padding:5px; font:16px "Roboto Condensed"; text-align:justify; color:#1384c6;} .companyProfile_p{ font-size:13px; line-height:24px; padding:0 20px 10px 10px; text-align:justify;} .companyRevier_1{float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#ee7001; width:30%; margin: 0px 5px 5px 0px; padding:10px; color:#FFF; border-radius:3px; text-align:center;text-transform:uppercase;} .companyRevier{float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#0659a7; width:30%; margin: 0px 5px 5px 0px; padding: 10px; color:#FFF; border-radius:3px; text-align:center;text-transform:uppercase;} .companyRevier a{color:#333; } .companyRevier:hover{ background:#FDA700; color:#fff;} .viewPublicWall{float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px;height:25px; background:#0659a7; width:20%; margin: 0px 8px 5px 0px; padding: 10px 0 0 0px; color:#FFF; border-radius:3px; text-align:center;text-transform:uppercase;} .viewPublicWall a{color:#FFF; } .viewPublicWall:hover{ background:#FDA700; color:#fff;} .userTitle{float:left; height:25px; width:auto; margin: 0px 8px 5px 0px; padding: 10px 0 0 0px;} .myProfile{float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px;height:25px; background:#0659a7; width:17%; margin: 0px 8px 5px 0px; padding: 10px 30px 0 0px; color:#FFF; border-radius:3px; text-align:center;text-transform:uppercase;} .myProfile a{color:#FFF; } .myProfile:hover{ background:#FDA700; color:#fff;} .middletextAds{width:100%; float:left; background:#F3F9FC; text-align:center; font-size:14px; margin-top:10px; } .middletextAds .adBlock{ border:23px solid #F3F9FC; float:left;} .middletextAds span{text-align:center; float:left; top:2px; left:1px; width:99%; padding-top: 10px;} #edit_details{ color: #666; display: block; float: right; font: 13px "Droid Sans"; height: auto; padding: 10px 10px 0 0; width: 750px; } .m4_login_tabs { display:block; padding:0px; margin:0px; list-style:none; height:40px; background:#FFF; border-bottom:1px solid #eee; text-transform:uppercase; } .m4_login_tabs li { display:inline; } .m4_login_tabs li a { display:block; float:left; text-align:center; width:25%; padding:10px 0px 0px 0px; margin:0px; height:30px; border-bottom:1px solid #eee; border-top:1px solid #fff; font:13px 'Roboto Condensed'; background:#f5f5f5; color:#666; } .m4_login_tabs li.active a { background:#FFF; color:#1384c6; border-bottom:1px solid #fff; } .m4_login_tabs li.active a:hover { background:#FFF; color:#1384c6; border-bottom:1px solid #fff; } .m4_login_tabs li a:hover { color:#1384c6; } .m4_login_tabs li a i { color:#fda700; } .m4_login_block { display:block; } .m4_login_block form { display:block; margin:0px; padding:10px 10px 0px 10px; } .m4_login_block input[type="text"], .m4_login_block input[type="password"], .m4_login_block input[type="hidden"] { display: block; border:none; margin:0px 0px 10px 0px; background: #eee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:13px 'Droid Sans'; color: #666; padding: 8px 3%; width: 60%; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear;} .m4_login_block select { display: block; border:none; margin:0px 0px 10px 0px; background: #eee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:13px 'Droid Sans'; color: #666; padding: 8px 3%; width:67%; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; } .m4_login_block input[type="submit"], .m4_login_block input[type="button"] { display: block; height:30px; border:none; margin:0px auto; background:#0659A7; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:13px 'Droid Sans'; color: #fff; cursor:pointer; text-transform:uppercase; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; padding-left:15px; padding-right:15px; } .m4_login_block input[type="submit"]:hover, .m4_login_block input[type="button"]:hover { background:#FDA700; } .m4_content_block { background: none repeat scroll 0 0 #fff; display: block; margin-bottom: 10px; padding: 10px 9px 20px 10px; } #edit_left{ color: #666; display: block; float: left; font: 13px; height: auto; padding: 10px 10px 10px; width: 94%; border:10px solid #eeeeee;} .leftName{ text-align:right; float:right;} .fullwidth{width:97% !important;margin-top:5px !important;} .halfwidth{width:46% !important; margin:5px 5px 0px 0px;} .halfwidthR{width:47% !important; margin:5px 5px 0px 0px;} .halfwidth .m4_content_block, .halfwidthR .m4_content_block{min-height:300px!important;} #todayPuzzleTimer{ float: left; /* background: #666; */ font:35px "Roboto Condensed"; width: 99%; /* color: #fff; */ display: block; text-align: center; padding: 15px 0px; } #todayPuzzleTimer span{font-size:18px; color:#666; } .active { color:#39A741;} .inactive { color:#EC3647;} .main_list_h{ width : 100%; height : auto; background : #FFF6E5; border:1px solid #cccccc; float : left; } .noborder{ border:0px !important; } .main_list_h .row_support_c{ width : 100%; height : auto; background :#fff6e5; border-bottom:1px dashed #d7e6f0; float : left; } .main_list_h span { padding : 5px 10px; float : left; } .main_list_h .row_support_d { width : 100%; background : #F3F9FC; border-bottom:1px dashed #d7e6f0; height : auto; float : left; } .main_list_h span { padding : 5px 10px; float : left; } .main_list_h .sno_notification { width : 30px; border-right : 1px solid #e2e2e2; text-align : right; background : #FFFFFF; } .margin0{margin:0px!important;} .SerchBox {border-bottom:1px dashed #d7e6f0;} #m4_points { cursor:pointer; display:block; color:#ffffff; font:14px 'Droid Sans'; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #m4_points .points { display:block; float:left; padding :5px 10px; background:#0659a7; -webkit-border-radius:3px 0px 0px 3px; -moz-border-radius:3px 0px 0px 3px; border-radius:3px 0px 0px 3px; } #m4_points .number { display:block; float:left; padding :5px 10px; background:#fda700; -webkit-border-radius:0px 3px 3px 0px; -moz-border-radius:0px 3px 3px 0px; border-radius:0px 3px 3px 0px; } .btn_red {background: #fda700; color: #333; border:none; cursor:pointer; width:75px; padding:10px 20px; } .btn_red:hover {background: #0659A7; color:#fff} .displayBox {position:absolute;top:50px;left:0px;background:#f3f9fc;display:none; overflow-y: scroll;overflow-x:hidden;width: 675px;z-index:2; border-bottom:10px solid #eee;border-left:1px dashed #d7e6f0; min-height:0px; max-height:260px;} .searchBox{border: 1px solid #ddd; color: #666; padding: 10px; width: 86%; margin-left:-11px;} .userSearch{width:100%;padding:10px; position:relative;} .displayBox table { width:100%} .displayBox table tr td{border-bottom:1px dashed #d7e6f0} .displayBox table tr td:hover{ background:#FFF6E5} .fixmenu{ position:fixed; width:100% !important; top:0px; z-index:100000; } #job_tab{ color: #666; display: block; float: left; font: 13px; height: auto; padding: 0px 0px 0px 0px; width: 97%; border:10px solid #eeeeee; margin-bottom:5px;} .m4_jobs_tabs { display:block; padding:0px; margin:0px; list-style:none; height:40px; background:#FFF; border-bottom:1px solid #eee; text-transform:uppercase; } .m4_jobs_tabs li { display:inline; } .m4_jobs_tabs li a { display:block; float:left; text-align:center; width:255px; padding:10px 0px 0px 0px; margin:0px; height:30px; border-bottom:1px solid #eee; border-top:1px solid #fff; font:13px 'Roboto Condensed'; background:#f5f5f5; color:#666; } .m4_jobs_tabs li.active a { background:#FFF; color:#1384c6; border-bottom:1px solid #fff; } .m4_jobs_tabs li.active a:hover { background:#FFF; color:#1384c6; border-bottom:1px solid #fff; } .m4_jobs_tabs li a:hover { color:#1384c6; } .m4_jobs_tabs li a i { color:#fda700; } .m4_jobs_block { display:block; } .m4_jobs_block form { display:block; margin:0px; padding:10px 10px 0px 10px; } .m4_jobs_block input[type="text"], .m4_jobs_block input[type="password"], .m4_jobs_block input[type="hidden"] { display: block; border:none; margin:0px 0px 10px 0px; background: #eee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:13px 'Droid Sans'; color: #666; padding: 8px 3%; width: 60%; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear;} .m4_jobs_block select { display: block; border:none; margin:0px 0px 10px 0px; background: #eee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:13px 'Droid Sans'; color: #666; padding: 8px 3%; width:67%; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; } .m4_jobs_block input[type="submit"], .m4_jobs_block input[type="button"] { display: block; height:30px; border:none; margin:0px auto; background:#0659A7; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:13px 'Droid Sans'; color: #fff; cursor:pointer; text-transform:uppercase; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; padding-left:15px; padding-right:15px; } .m4_jobs_block input[type="submit"]:hover, .m4_jobs_block input[type="button"]:hover { background:#FDA700; } #MobileNav{ display:none; } .xs-device{ margin: 0 auto; width: 45% !important; float: none !important; } .eyeView{ width:200px; float:right; text-align:right; } .Submit-Solution{ float:right; } .asked-puzzle{ float: left; text-align: left; } .Unsolved-puzzle{ float:left; color:#EB1E07; } .Solved-puzzle{ float:left; color:#009900; } .puzzle-solution{ float:right; } .Intvw-rply{ width:85%; float:left; margin:10px 0px 5px 100px; } .edit-profile{ width:92%; } .login-panel{ display:none; } .trick-rating{ text-align: left; float: left; } .participateDiv{ width:100%; margin:0px; } .participateDiv h4{ color:#666; text-align:center; margin:5px 0px; } .participateDiv ul { margin:0; padding:0; } .participateDiv ul li{ float: left; list-style: outside none none; text-align: center; padding: 10px 15px; } .participateDiv ul li span{ font-size:10px; } .ReadComment{ float:right; } .AlignLeft{ text-align:left; float:left; } .FullView{ float: right; } .full-width{ width:98%; } #job_tab .jobs_search_info{ background:#eee; display: table; padding:20px 20px 10px 20px; } #job_tab .jobs_search_info .form-group{ display: inline-block; margin-bottom:5px; position:relative; margin-right:10px; } .search_field{ width:30%; } .categories{ width:20%; } .location{ width:15%; } .expreience{ width:13%; } #job_tab .jobs_search_info .form-group .icon-search{ position:absolute; top:15px; right:0px; cursor:pointer; font-size:14px; color:#aaa; } #job_tab .jobs_search_info .form-group .icon-search:hover{ color:#555; } .form-control{ display: inline-block; width: 100%; height: 36px; padding:3px 0px 3px 10px; font-size: 14px; line-height: 1.7; color: #777; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 1px; letter-spacing: 0.5px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } .form-group select{ border:solid 1px #ccc; } .form-control:focus{ border:solid 1px #999; color:#000; } .chosen-div{ height:44px; } .chosen-div option{ background:#fff; padding:5px 10px; border-bottom:solid 1px #eee; } .search_button{ height: 43px; text-align: center; width: 100%; padding: 10px 22px; display: inline-block; } .company_job_listing{ width:100%; float:left; } .company_job_listing .company_profile{ padding:20px; float:left; width:95%; margin-bottom:10px; border-bottom:solid 1px #eee; position:relative; } .company_job_listing .position_name{ font:18px "Roboto Condensed"; margin-bottom:8px; float: left; width: 100%; } .company_job_listing .position_name a{ color: #EF5D08; } .company_job_listing .position_name a:hover{ color:#1384C6; } .company_job_listing .company_name{ font-size: 12px; margin-bottom:12px; float: left; width: 100%; text-transform:uppercase; color:#555; } .company_job_listing .content_meta{ list-style:none; padding:0; margin:0; } .company_job_listing .content_meta li{ display:inline-block; padding-right:15px; font-size:12px; margin-bottom:5px; color:#999; } .company_job_listing .content_meta li i{ font-size:13px; color:#888; } .company_job_listing .ApplyButton{ background:#0659A7; text-align:center; padding:2px 8px; height:30px; color:#fff; float:right; border:solid 1px #0659A7; display:block; cursor:pointer; margin-right:5px; border-radius:1px; transition:background-color 0.5 ease-out; } .yellow-btn{ background:#ee7001 !important; border:solid 1px #ee7001 !important; } .yellow-btn:hover{ background:#0659A7 !important; border:solid 1px #0659A7 !important; } .company_job_listing .ApplyButton:hover{ background:#FDA700; border:solid 1px #FDA700; color:#fff; transition:background-color 0.5 ease-out; } .company_job_listing .company_profile .discription{ margin-top: 10px; float: left; font-size: 13px; line-height: 22px; } .selectarea_pagging{ width: 97%; float: left; background: #eee; padding: 15px; margin: 0 auto; text-align: center; } .selectarea_pagging select{ padding:5px 15px; } .panel-group .panel + .panel{ margin-top:10px; } .m4_accordion{ width:100%; float:left; } .m4_accordion .panel-heading{ background-color: #F4F4F4; padding:0px 15px; border-color: #eee; } .m4_accordion .panel-heading .panel-title{ font-size:15px; } .m4_accordion .panel-heading .panel-title a{ color: #555; font-family: "Roboto Condensed", sans serif; padding: 12px 0px; width: 100%; display: block; } .m4_accordion .panel-heading .panel-title a i{ margin-right:5px; color:#777; } .m4_accordion .panel-heading .panel-title a:focus, .m4_accordion .panel-heading .panel-title a:hover{ text-decoration:none; } @media (max-width: 1200px) { .topBaneerAds{ width:50% !important; margin:3px 0px !important; } .head_right{ float:left !important; margin-left:15px !important; } #currentTime{ padding:5px !important; } #m4_header .nav_block #nav_links li a{ padding:10px 8px 0px 8px !important; } } @media (max-width: 992px) { #m4_header{ min-width:100%; } .divtoprightBanner {display:none;} .top-Ads-Left{width:100%;} .topBaneerAds{ width: 60% !important; margin: 5px !important; } #m4_header .head_block{ width:100%; } #m4_header .head_block .head_right{ display:none; } #m4_header .nav_block{ min-width:100%; } .login-panel{ display: block; float: left; } .login-panel a{ padding: 11px 20px; background: #EE7001 none repeat scroll 0% 0%; float: left; color: #FFF; margin-left: 5px; text-transform: uppercase; font-weight: 700; font-family: "Roboto"; font-size: 14px; letter-spacing: 0.9px; } #m4_header .m4_search{ display:none; } .m4_topads{ display:block; } .User-search-disable{ display:block !important; } #m4_footer .m4_footer_container {width:100% !important;} #frame{ width:100% !important; } #middle{ width:100%; } .topheadercommon{ width:100%; } #left{} #left h3{ } .LeftSidebar{ display: none !important; } #right{ width: 98% !important; margin: 0px auto; float: left !important; } .searchBox{ width: 89%; } .xs-full{ width:100% !important; } .fullwidth{ float:left !important; } .halfwidthR{ width: 47% !important; } .halfwidth{ width: 46% !important; } #top5{ width:99% !important; } #m4_job_footer{ min-width:100% !important; } #m4_statics{ min-width:100% !important; } #m4_statics ul{ width:100% !important; } #m4_statics ul li{ width: 33% !important; border-right:solid 1px #0659a7 !important; border-bottom:solid 1px #0659a7 !important; } #m4_footer{ min-width:96% !important; padding:2% !important; } #m4_job_footer .m4_footer_container{ width:100% !important; padding:0px; } .m4_footer_links{ width:33.3% !important; margin-bottom:20px !important; } #m4_footer .m4_fb_widget{ width:100% !important; } .m4_fb_widget_in{ border:none !important; } #m4_footer .m4_copyright{ margin-top:0px !important; } .m4_copyright_content{ width:40% !important; } .m4_social_icons{ width:40% !important; } .back-top{ width:60px !important; } .CopyRightText{ padding-right:20px; } .xs-device{ width:65% !important; } .disable-mobileView{ display:block !important; } .Intvw-rply{ width:85%; float:left; margin-left:10px; } #edit_left{ width:92%; } } @media (max-width: 767px) { .slide-out-div-notification{display:none !important;} .fragment{display:none !important;} .afterlogin { display:none; z-index: 10; position: absolute; right: 0px; top: 100%; width: 150px; background: #0659a7; margin: 0px; padding: 0px; list-style:none; } .afterlogin li a{ padding: 0px 15px; color: #d0e8ff; line-height: 25px; } .afterlogin li a:hover{ color: #fff; } .user-log a:hover .afterlogin{ display:block; } #m4_header{ display:none} .User-search-disable{ display:none !important; } #m4_footer .m4_footer_container {width:100% !important;} .login-panel{ display:none; } #frame{ width:100% !important; } #middle{ width:100%; } .topheadercommon{ width:100%; } .topheadercommon .m4_topads{ width:99.7%; padding:0px; } .FB-Comment-Block{ display:none; } #left{} #left h3{ } #right{ width: 96% !important; margin: 0px auto 0px auto; padding:0% 2% !important; } .searchBox{ width: 91%; } .xs-full{ width:100% !important; } .xs-btn{ margin-top:10px; margin-left:-10px } .fullwidth{ width:96% !important; float:left !important; } .halfwidthR{ width: 96% !important; } .halfwidth{ width: 96% !important; } #top5{ width:99% !important; } #m4_job_footer{ min-width:100% !important; } #m4_statics{ min-width:100% !important; } #m4_statics ul{ width:100% !important; } #m4_statics ul li{ width: 49.8% !important; margin-bottom:1px; border:none; } #m4_footer{ min-width:96% !important; padding:2% !important; } #m4_job_footer .m4_footer_container{ width:100% !important; padding:0px; } .m4_footer_links{ width:100% !important; margin-bottom:20px !important; } #m4_footer .m4_fb_widget{ width:100% !important; } .m4_fb_widget_in{ padding:0px 15px 0px 15px !important; border:none !important; } #m4_footer .m4_copyright{ margin-top:0px !important; } .m4_copyright_content{ width:100% !important; } .m4_social_icons{ width:100% !important; margin:15px 0px !important; } .back-top{ width:60px !important; } .suggestion_fieldset{ width:92%; } .suggestion_text{ width:86%; } #SUGGESTION{ width:88%; } .m4_jobs_tabs li a{ width:230px; } .suggestion_admintext{ width:92%; margin-left:10px; } #prize_winner{ width:100%; } .comments{ width:99%; } .comments_user{ width:25%; } .user_comments{ width:72%; } .commentsuser_details{ width:72%; } .replyBox{ width:96%; } .companyRevierLeft{ margin-left:0px; } .companyLink ul li { width: 45%; } .user-log{ float:left; } .user-log button{ border: 1px solid #a7c9e9; padding: 7px 10px; background: transparent none repeat scroll 0% 0%; color: #a7c9e9; border-radius: 4px; text-transform: uppercase; font-family: "Roboto",sans serif; font-size: 12px; text-align: right; position: absolute; right: 65px; top: 10px; cursor:pointer; z-index:10000; } #MobileNav{ display: inline-block; background: #0659A7 none repeat scroll 0% 0%; float: left; width: 100%; min-height:55px; z-index:1000; position:relative; margin-bottom:20px; } #MobileNav .logoDIv{ padding-left: 15px; padding-top:10px; float:left; } #MobileNav > a{ display: none; } #MobileNav li{ position: relative; } /* first level */ #MobileNav > ul { list-style:none; background:#0659A7; z-index:99999; } #MobileNav > ul > li { height: 100%; float: left; text-transform:uppercase; font: 14px "Roboto Condensed"; } #MobileNav > ul > li > a { padding: 7px 15px; color: #d0e8ff; line-height:30px; } #MobileNav > ul > li > a:hover{ background:#ee7001; color:#fff; } /* second level */ #MobileNav li ul{ z-index: 10; display: none; position: absolute; left: 0px; top: 100%; width: 100%; background: #0659A7 none repeat scroll 0% 0%; margin: 0px; padding: 0px; list-style:none; } #MobileNav li ul li{ margin: 0px; float: none; display: block; } #MobileNav li ul li a{ margin: 0px; padding: 0px; float: none; padding: 7px 15px; line-height:30px; border: medium none; color: #AECFE3; height: inherit; font-size: 14px; } #MobileNav li ul li a:hover{ background:#ee7001; color:#fff; } #MobileNav li:hover ul{ display: block; } #MobileNav > a{ width: 30px; height: 30px; text-align: right; text-indent: -9999px; position: relative; color: #d0e8fd; float: right; line-height: 36px; padding-right: 12px; margin-right: 10px; margin-top: 10px; border: 1px solid #d0e8fd; border-radius: 4px; } #MobileNav > a:hover{ color:#fff; border:solid 1px #fff; } .BigIcon{ font-size:19px; } #MobileNav > a > i{ font-size:19px; } #MobileNav:not( :target ) > a:first-of-type, #MobileNav:target > a:last-of-type{ display: block; } /* first level */ #MobileNav > ul{ height: auto; display: none; position: absolute; left: 0; right: 0; top:100%; } #MobileNav:target > ul{ display: block; margin:0; padding:0; } #MobileNav > ul > li{ width: 100%; float: none; } #MobileNav > ul > li > a{ border-right:none; } #MobileNav > ul > li > a:hover{ background:none; color:#fff; } #MobileNav li ul li a:hover{ background:none; color:#fff; } /* second level */ #MobileNav li ul{ position: static; display:block; } .xs-device{ width:75% !important; } .disable-mobileView{ display:none !important; } #result li{ margin-bottom:13px; } .eyeView{ width:99%; float:left; text-align:left; margin-top:5px; } .Submit-Solution{ width:100%; float:left; margin-top:8px; } #edit_details{ width:100%; } .edit-profile{ width:100%; } .m4_login_tabs li a{ min-height:36px; } .companyRevier_1{ width:95%; } .companyRevier{width:95%;} .scoreBoard ul li { width:25% !important; } #left .m4_content_block .m4_content_box .m4_name, .m4_nameD{ font-size:13px; } #showScoreBordeDiv{ width:94%; } .startpopup{ display:none; } } @media (max-width: 480px) { #m4_footer .m4_footer_container {width:100% !important;} #frame{ width:100% !important; } #middle{ width:100%; } .topheadercommon{ width:100%; } .topheadercommon .m4_topads{ width:99.7%; padding:0px; } #left{} #left h3{ } #right{ width: 96% !important; } .searchBox{ width: 91%; } .xs-full{ width:100% !important; } .xs-btn{ margin-top:10px; margin-left:-10px } .fullwidth{ width: 91% !important; margin-left: 15px; } .halfwidthR{ width:91% !important; } .halfwidth{ width:91% !important; } #top5{ width: 98% !important; } #top5 h2{ padding-left:15px; } #m4_job_footer{ min-width:100% !important; } #m4_statics{ min-width:100% !important; display:none !important; } #m4_statics ul{ width:100% !important; } #m4_statics ul li{ width: 100% !important; margin-bottom:1px; border:none; } #m4_footer{ min-width:96% !important; padding:2% !important; } #m4_job_footer .m4_footer_container{ width:100% !important; padding:0px; } .m4_footer_links{ width:100% !important; margin-bottom:20px !important; } #m4_footer .m4_fb_widget{ width:100% !important; display:none !important; } .m4_fb_widget_in{ padding:0px 15px 0px 15px !important; border:none !important; } #m4_footer .m4_copyright{ margin-top:0px !important; } .m4_copyright_content{ width:100% !important; } .m4_social_icons{ width:100% !important; margin:15px 0px !important; } .back-top{ width:60px !important; } .suggestion_fieldset{ width:96%; padding:2%; } .suggestion_text{ width:94%; } #SUGGESTION{ width:88%; } .m4_jobs_tabs li a{ width:100%; } .upcomingJob { width:91%; } .priveousJob { width:91%; font-size:14px; } .topicListing li{ width:100%; } .paging{ width:94%; } #result li{ margin-bottom:15px; } #quotes dd, #quot dd{ width:96%; text-align:left; } .suggestion_admintext{ width:87%; margin-left:10px; } .viewPublicWall{ width:96%; } .comments{ width:98%; } .comments_user{ width:35%; } .comments_user img{ margin:10px; } .user_comments{ width:56%; } .commentsuser_details{ width:98%; margin-top:0px; } .replyBox textarea{ width:75%; } .profile_text{ width:98%; margin-bottom: 5px; } .bar{ width:100%; margin-top:10px; } .replyBox{ width:96%; } #contectMessage{ width:90%; } .companyLink ul li { width: 90%; } .xs-device{ width:90% !important; } .FullView{ width: 100%; float: left; margin-top: 5px; } .puzzle-solution{ float: left; width: 100%; text-align: left; margin-bottom: 5px; } .unsolved-puzzle{ float: left; width: 100%; text-align: left; margin-bottom: 5px; } .puzzle-user{ float: left; width: 100%; text-align: left; margin-bottom: 5px; } .asked-puzzle{ float: left; width: 100%; text-align: left; margin-bottom: 5px; } .m4mathsApps b{ width:78%; } .m4mathsApps b a{ font-size:12px; } .profile_fieldset{ width:93%; } .scoreBoard ul li { width:50% !important; } #showScoreBordeDiv{ width:91%; } #top5 dd { width : 50% !important; } .profile_text_child{ width:97%; word-break: break-word; } #text_main, #text_main_2{ width:94%; } .participateDiv ul li{ width:100%; padding:10px 0px; } .ReadComment{ float:left; } .previousQ{ float: left; width:100% !important; } .nextQ{ float: left; text-align:left; width:100% !important; } #helpfullbutton{ padding:4px; margin-bottom:3px; } .PreExam{ float:left; width:100%; text-align:left; margin-top:5px; } .m4mathsformNew .m4mathsform_text{ width:95%; } .m4mathsformNew ul li{ width:100%; } .AlignRight{ text-align:left !important; } .m4_login_tabs li a{ width:100%; } .m4_login_block input[type="text"], .m4_login_block input[type="password"], .m4_login_block input[type="hidden"]{ width:80%; } .companyTopicNav .showhideCompany, .companyTopicNav .showhideTopic{ width:97%; margin-bottom:10px; border-radius:0px; } }