.clear{clear:both;} .clear10{clear:both;margin:10px 0 0 0;} form.jqtransformdone label{margin-top:4px;margin-right: 8px;display: block;float:left;} #brightcove{margin:15px 0 20px 0; display:block;} #jvgbuttons{width:320px;} #makeprediction a{background: transparent url(../images/headtohead/btn_prediction.gif) top left no-repeat;width:295px;height:51px;display:block;overflow:hidden;text-indent:-200px;} #makeprediction a:hover{background: transparent url(../images/headtohead/btn_prediction_on.gif) top left no-repeat;width:295px;height:51px;} #takequiz a{background: transparent url(../images/headtohead/btn_quiz.gif) top left no-repeat;width:149px;height:30px;display:block;overflow:hidden;text-indent:-200px;margin:0 auto;} #takequiz a:hover{background: transparent url(../images/headtohead/btn_quiz_on.gif) top left no-repeat;width:149px;height:30px;} /* ------------- * Radios * ------------- */ .jqTransformRadioWrapper {float: left;display:block;margin:0px 4px; margin-top:5px;} .jqTransformRadio {background: transparent url(../images/quiz/radio.gif) no-repeat center top;vertical-align: middle;height: 25px;width: 25px;display:block;/*display: -moz-inline-block;*/} /* ------------- * Checkboxes * ------------- */ span.jqTransformCheckboxWrapper{display:block;float:left;margin-top:5px;} a.jqTransformCheckbox {background: transparent url(../images/quiz/checkbox.gif) no-repeat center top;vertical-align: middle;height:19px;width: 19px;display:block;/*display: -moz-inline-block;*/} /* ------------- * Checked - Used for both Radio and Checkbox * ------------- */ a.jqTransformChecked { background-position: center bottom;} /* ------------- * Hidden - used to hide the original form elements * ------------- */ .jqTransformHidden {display: none;} #u21-content .content h2{margin:15px 0 0 0;} #u21-content #league h2, #u21-content #league p{margin:15px 0 0 30px;} #quiz, #inner-content{ width:572px;float:left;} #league{ width:320px;min-height:466px;height:466px;float:right;background: transparent url(../images/quiz/sidebar_shadow.gif) 0 0 no-repeat;} #league table{ width:290px; float:right;margin:15px 0 0 0;} #league_full{ width:600px;margin: 0 auto;} #quiz p{margin:20px 0 5px 0;clear:both;display:block;} #hearabouterror label.error, #doberrs label.error { display: none; } label.error{display:block;padding: 5px; color:#FF0000;width:296px;clear:both;} div.error{display:block;padding:5px;border:1px solid #FF0000;background-color:#e85151;color:#fff;} #quiz br{clear:both} #quiz #questions ul li label.error{display:none;clear:both;} #quiz p br{height:1px;} .quizleft{float:left;width:180px;position:relative;} .quizright{float:right;width:330px;position:relative;padding:0 0 0 5px;} #page-head, .resultshr{border-bottom:1px solid #eeeeee;} .register tr td{padding:3px 0;} .registerinput{border:1px solid #cdcdcd;width:190px;} .content h1 {color:#6AA7DD;width:572px;} /*.content p {width:572px;}*/ table.viewscore{margin:0 auto;font-size:130%;width:290px;background:#fdfdfd;} table.viewscore tr td{padding:5px 15px;} #questions ul, #questions li{margin:0;padding:0; list-style:none;} #questions li{ width:572px;height:400px;overflow:hidden;color: #70706e;background:#fdfdfd url(../images/quiz/quiz_bg.gif) top center no-repeat; } * html #questions li{ height:410px;} * + html #questions li{ height:410px;} #results .q, #questions li .q{ padding:20px;} #questions li h2{ font-size:1.4em;font-weight:700;color:#0c406f;} #questions li label{ padding:3px 0 0 0;font-size:1.2em;} #prevBtn, #nextBtn, #firstBtn, #lastBtn{ display:block;width:179px;height:34px;} #prevBtn, #firstBtn{ float:left; } p#tandc{width:560px;margin:50px 0 0 0;font-size:0.8em;line-height:10px;} .quizfirst{padding:10px 0 0 20px;font-size:1.2em;} * html p#tandc{ margin:42px 0 0 0; line-height:11px;} *+ html p#tandc{ margin:42px 0 0 0; line-height:11px;} #prevBtn a{color:transparent;width:179px; height:34px; background:url(../images/quiz/btn_prev.gif) no-repeat left top; display:block;position:relative;margin:-94px 0 0 20px;text-indent: -1999px} #prevBtn a:hover{ background:url(../images/quiz/btn_prev_over.gif) no-repeat left top;} #nextBtn a{color:transparent;width:189px; height:34px; background:url(../images/quiz/btn_next.gif) no-repeat left top; display:block;position:relative;margin:-94px 0 0 0 ;text-indent: -1999px} #nextBtn a:hover{background:url(../images/quiz/btn_next_over.gif) no-repeat left top;} #lastBtn, #nextBtn{ float:right; display:inline; margin-right:20px;} #questions li label#optouttext{font-size:0.9em} #results{ width:572px;min-height:300px;height:300px;color: #70706e;background:#fdfdfd url(../images/quiz/quiz_bg.gif) top center no-repeat;} .q table {margin-top:10px;font-size:1.4em;} #result_left{float:left;position:relative;height:174px;width:250px;} * html #result_left{width:235px;} #result_right{float:right;position:relative;background:url(../images/quiz/quiz_shadow_vertical.gif) top left no-repeat;height:174px;width:270px;} #result_left span, #result_right span {color:#11426d; font-size:1.6em; float:left;line-height:30px;} #result_left span {margin:55px 0 0 30px;} * html #result_left span {margin:50px 0 0 20px;} #result_right span {margin:55px 0 0 52px;} * html #result_right span {margin:50px 0 0 32px;} .outputfield{display:block; background: url(../images/quiz/output_field_bg.gif) top center no-repeat; width:118px;height:51px;position:relative; float:right;margin:40px 40px 0 10px;} * html .outputfield{margin:40px 20px 0 10px;} #quiz .outputfield p{color:#6AA7DD;width:118px;line-height:51px;text-align:center;font-size:2.0em;margin:0; } #league_full table .tbl-header, #league table .tbl-header{background:#6AA7DD; color:#fff; font-size:230%;border-bottom:0px solid #fff; } #league_full table th.left, #league table th.left, #league_full table td.left, #league table td.left{text-align:left;} #league_full table th.right, #league table th.right, #league_full table td.right, #league table td.right{text-align:right;} #league_full table th, #league table th, #league_full table td, #league table td {border-bottom:1px solid #fff;border-collapse:collapse;} #league_full table th, #league table th, #league_full table td, #league table td {padding:5px; font-size:150%;} #league_full table th, #league table th {background:#C8E0F8; color:#4184C6; font-weight:bold;text-transform:uppercase;} #league_full table td, #league table td {background:#F5F5F5;} .morelink{color:#6AA7DD;font-size:1.3em;float:right;text-transform:uppercase;} *+ html .morelink {} #league table .h2hheader{font-size:2.0em;} #gervsjoeheader{ background: transparent url('../images/headtohead/joe_ger_header.png') top left no-repeat;width:577px;height:92px;z-index:1;position:relative; } #gervsjoe .left{float:left; } #gervsjoe .right{float:right; } .ger, .joe{width:190px;} #gervsjoe table {width:577px;margin:-10px 0 0 0;border-collapse:collapse;} #gervsjoe table tr.tbl-header td{ background:#6AA7DD; color:#fff;border-bottom:0px solid #fff;font-size:230%;border-right:1px solid #fff;padding:3px 10px 3px 10px;} #gervsjoe table th {background:#C8E0F8; color:#4184C6; font-weight:bold;text-transform:uppercase;border-right:1px solid #fff;border-bottom:1px solid #fff;font-size:150%;padding:3px 10px 3px 10px;} #gervsjoe table tr.results td {background-color: #f5f5f5; border-right:1px solid #fff;border-bottom:1px solid #fff;font-size:150%;padding:3px 10px 3px 10px;} #league_full table tr.totals td, #league table tr.totals td, #gervsjoe table tr.totals td {background-color: #b3cada; border-right:1px solid #fff;font-size:170%;color:#fff;padding:3px 10px 3px 10px;} #league_full table tr.totals td.score, #league table tr.totals td.score, #gervsjoe table tr.totals td.score {font-size:220%;} #gervsjoe table tr.tbl-header td.last, #gervsjoe table th.last, #gervsjoe table tr.totals td.last, #gervsjoe table tr.results td.last{border-right:0px solid #fff;} #league a.viewmore, #gervsjoe a.viewmore{float:right;font-size:120%;font-weight:bold;color:#676767;} #league a.viewmore:hover, #gervsjoe a.viewmore:hover{color:#333;text-decoration:none;} #sub-login{width:451px; height:173px;background: transparent url('../images/headtohead/img_overlay.png') top left no-repeat;margin: 20px 0 20px 60px;overflow:hidden;display:block;} .useraccount {float:right;width:220px;margin:0 0 10px 0;} .subuseraccount {width:230px;margin:0 0 10px 102px;padding:80px 0 0 0;} .subuseraccount .login a, .useraccount .login a{background: transparent url(../images/headtohead/btn_log.gif) top left no-repeat;width:88px;height:32px;display:block;overflow:hidden;text-indent:-200px;float:left;} .useraccount .login span{float:left;width:115px;} .useraccount .login span strong {display: block } .subuseraccount .login a:hover, .useraccount .login a:hover{background: transparent url(../images/headtohead/btn_log_on.gif) top left no-repeat;} .subuseraccount .signup a, .useraccount .signup a{background: transparent url(../images/headtohead/btn_sign.gif) top left no-repeat;width:88px;height:32px;display:block;overflow:hidden;text-indent:-200px;float:right;} .subuseraccount .signup a:hover, .useraccount .signup a:hover{background: transparent url(../images/headtohead/btn_sign_on.gif) top left no-repeat;} .useraccount .logout a{background: transparent url(../images/headtohead/btn_logout.gif) top left no-repeat;width:88px;height:32px;display:block;overflow:hidden;text-indent:-200px;float:right;} .useraccount .logout a:hover{background: transparent url(../images/headtohead/btn_logout_on.gif) top left no-repeat;} #userpredictions {width: 572px;color: #70706e;background: #fdfdfd url(../images/quiz/quiz_bg.gif) no-repeat center top;margin:20px auto;} #userpredictions #inner {padding:20px;} #userpredictions #inner h2 {color:#70b1d9; padding: 0 0 10px 0; border-bottom:1px solid #e3e3e3;} /*#userpredictions #inner #takequiz a{background: transparent url(../images/headtohead/btn_quiz.gif) top left no-repeat;width:149px;height:30px;display:block;overflow:hidden;text-indent:-200px;margin:0 auto;} #userpredictions #inner #takequiz a:hover{background: transparent url(../images/headtohead/btn_quiz_on.gif) top left no-repeat;width:149px;height:30px;}*/ .usermatchprediction {background:#f6fafd;border-collapse:collapse;font-size:1.6em;} .usermatchprediction tr td {border-top:1px solid #ecf0f3;padding:5px} .usermatchprediction tr td div {float:left;padding-right:10px;} .usermatchprediction tr td div label{line-height:25px;vertical-align:middle;} .usermatchprediction tr td.last {border-bottom:1px solid #ecf0f3;} .you {font-weight:bold;color:#6aa7dd;}