body {margin:0; padding:0; text-align:center; background: #303030; padding-bottom:30px;}
div,td {font-family:Arial, Tahoma; font-size:12px; color:#ffffff; text-align:left;}
a { text-decoration:underline; color:#FCDB67;} a:hover { text-decoration:underline; color:#ffffff;} 
.clear{ padding:0px; margin:0px; height:0px; line-height:0px; clear:both;}
h1 {font-size:25px; line-height:30px;}
h3 {font-size:18px;  padding:0px; margin:10px 0px 5px 0px;}
li {list-style-position: inside;list-style-type: circle}
p {margin:0px; padding:5px 0px 5px 0px; }
.gap {background:white; height:5px; display:block;overflow:hidden;}

.mid-body {width:100%; text-align:center;}
.mid-section {margin:0px auto 0px auto; width:763px; text-align:center; background:white;}
.mid-wrap {margin:0px auto 0px auto; width:743px; background:url(right.gif) repeat-y right;}

.bottom-body { text-align:center; background:#FF6C00 url(bottom_body_bg.gif) repeat-x top left; border-top:5px solid white; border-bottom:10px solid white; }
.bottom-body .links {padding:5px;text-align:center; }
.bottom-body span a {font-weight:bold;font-size:13px; padding:2px 10px 2px 10px; text-decoration:none; color:#ffffff;} .bottom-body span a:hover {background:#FF4400;}
.bottom-body .text {padding:15px 30px 15px 30px;text-align:center; line-height:16px; font-size:11px;}

.logo a { height:97px; display:block; background: url(logo.jpg) no-repeat;}

.right {width:191px; float:left;} .right .cont {display:block; margin-left:5px;}
.mid-left {width:552px; float:left; position:relative; background: url(offer2bg.gif) repeat-y top left;}

.input-bg {background: url(input1.gif) no-repeat top left; border:none; width:160px; height:27px;  padding:4px 0px 0px 7px;}

.login {background:url(login_bg1.gif) no-repeat top; font-weight:bold; color:white; padding-top:38px; font-size:11px;}
.login .form {background:#007EAF url(login_bg2.gif) repeat-x bottom; padding:12px;}
.login .input1 {background:url(input_field_bg.gif); border:none; width:140px; height:17px; color:white; padding:0px;}
.login .caption {padding-left:8px; text-align:left;}
.login .submit-wrap {text-align:center; padding:5px;}
.login .submit1 {background: url(submit1.gif) no-repeat top left; border:none; width:122px; height:33px; color:white; padding:5px 8px 5px 8px; font-size:10px; font-weight:bold;}
.login .link a {color:#FFC03A; background: url(login_link.gif) no-repeat top left; padding: 5px 10px 5px 20px; display:block; text-decoration:none;} .login .link a:hover {color:white;}
.login .error {color:#FFC03A;}

.mbox100 {display:block; background:#007C72 url(mbox100bg1.gif) no-repeat top left;}
.mbox100 .bg {display:block; background:url(mbox100bg2.gif) no-repeat bottom left; padding:35px 0px 45px 0px;}
.mbox100 .imgwrap {float:left; width:252px;} .mbox100 .img {border:7px solid white; margin-left:25px} 
.mbox100 .title a {display:block; text-decoration:none; color:#ffffff;} .mbox100 .title a:hover {color:#FFC03A;}
.mbox100 .moreinfo a {background: url(moreinfo100.gif) no-repeat top left; width:106px; height:26px; display:block;}
.mbox100 .mbox100-cont {float:left; width:250px; margin-left:25px; line-height:20px;}

.offer2 {display:block;}
.offer2 .offer2-head {display:block; background: url(offer2_head.gif) no-repeat top left; height:84px;}
.offer2 .breakblock {display:block; background: url(offer2bg_2.gif) repeat-y top left;padding:10px 0px 10px 0px;}
.offer2 .block {padding:10px 0px 10px 0px;}
.offer2 .imgwrap {float:left; width:142px;} .offer2 .img {border:4px solid white; margin-left:25px} 
.offer2 .title a {float:left;background:#144761; font-size:14px; font-weight:bold; padding:2px 5px 3px 5px; text-decoration:none; color:#ffffff;} .offer2 .title a:hover {color:#FFC03A;}
.offer2 .title2 a {font-size:12px; font-weight:bold; background: url(arrow01.gif) no-repeat; background-position:0px 6px; padding:2px 2px 2px 12px; text-decoration:none; color:#ffffff;} .offer2 .title2 a:hover {color:#FFC03A;}
.offer2 .titleround1 {background: url(offer2_round1.gif) no-repeat; width:8px; height:25px;float:left; }
.offer2 .titleround2 {background: url(offer2_round2.gif) no-repeat; width:8px; height:25px;float:left; }
.offer2 .moreinfo a {background: url(moreinfo2.gif) no-repeat top left; width:106px; height:26px; display:block; margin-left:260px;}
.offer2 .offer2-cont {float:left; width:360px; margin-left:25px; line-height:20px;}

.offer3 {display:block;}
.offer3 .offer3-head {display:block; background: url(offer3_head.gif) no-repeat top left; height:70px;}
.offer3 .offer5-head {display:block; background: url(offer5_head.gif) no-repeat top left; height:84px;}
.offer3 .breakblock {display:block; background: url(offer3bg_2.gif) repeat-y top left;padding:10px 0px 10px 0px;}
.offer3 .block {padding:10px 0px 10px 0px;display:block; background: url(offer3bg_1.gif) repeat-y top left;}
.offer3 .imgwrap {float:left; width:142px;} .offer3 .img {border:4px solid white; margin-left:25px} 
.offer3 .title a {float:left;background:#275810; font-size:14px; font-weight:bold; padding:2px 5px 3px 5px; text-decoration:none; color:#ffffff;} .offer3 .title a:hover {color:#FFC03A;}
.offer3 .titleround1 {background: url(offer3_round1.gif) no-repeat; width:8px; height:25px;float:left; }
.offer3 .titleround2 {background: url(offer3_round2.gif) no-repeat; width:8px; height:25px;float:left; }
.offer3 .moreinfo a {background: url(moreinfo3.gif) no-repeat top left; width:106px; height:26px; display:block; margin-left:260px;}
.offer3 .offer3-cont {float:left; width:360px; margin-left:25px; line-height:20px;}
.offer2 .offer4-cont {float:left; width:250px; margin-left:25px; line-height:37px; }

.offer6 {}
.offer6-head {display:block; background: url(offer6_head.gif) no-repeat top left; height:38px;}
.offer6 .title a {display:block; background: #64AF00 url(offer6_bg.gif) no-repeat top; font-weight:bold; padding:10px 5px 8px 17px; text-decoration:none; color:#ffffff;}  .offer6 .title a:hover {color:#FFC03A;}
.offer7 {}
.offer7-head {display:block; background: url(offer7_head.gif) no-repeat top left; height:38px;}
.offer7 .title a {display:block; background: #ACAF00 url(offer7_bg.gif) no-repeat top; font-weight:bold; padding:10px 5px 8px 17px; text-decoration:none; color:#ffffff;}  .offer7 .title a:hover {color:#FFC03A;}

.mbox200 a {display:block; background: url(mbox200bg1.gif) repeat-x bottom; font-weight:bold; padding:8px 5px 8px 10px; text-decoration:none; color:#ffffff;} .mbox200 a:hover {color:#FFC03A;}

.mbox300 {display:block; background: url(mbox300bg1.gif) no-repeat; height:271px; padding-left:100px;}
.mbox300 .mbox300-cont {width:440px; height:42px;}
.mbox300 .subtitle {width:126px; float:left; font-weight:bold;padding-top:7px;}
.mbox300 .title a {width:186px; float:left; font-weight:bold; color:#FFC600;padding-top:7px; text-decoration:none;} .mbox300 .title a:hover { color:#ffffff;} .mbox300 .title .white   { color:#ffffff;} 
.mbox300 .lead {width:120px; float:left; color:#303030;}/*line-height:14px; */

/*
.mbox300 .title a {width:126px; float:left; font-weight:bold;padding-top:7px;} .mbox300 .title a:hover { color:#FFC600;}
.mbox300 .lead {width:186px; float:left; font-weight:bold; color:#FFC600;padding-top:7px;}
.mbox300 .subtitle {width:120px; float:left; color:#303030; line-height:14px;}
*/

.regis-link a {width:191px; height:42px; display:block; background: url(regis.gif) no-repeat top left;}
.regis-link a:hover {width:191px; height:42px; display:block; background: url(regis.gif) no-repeat top right;}

.invite {display:block; background:#AF0044 url(invite_bg.gif) no-repeat top right; padding-top:37px;}
.invite .block1 {display:block; background: url(invite_block1_bg.gif) repeat-x bottom; padding:10px; font-size:11px;}
.invite .block2 { padding:10px; font-size:11px;}
.invite .field {display:block; padding: 5px 3px 0px 0px;}
.invite .invite-form {display:block; background: url(invite_form_bg.gif) no-repeat bottom; padding:9px;}
.invite .capt {float:right; font-weight:bold;  padding:4px 2px 0px 0px;}
.invite .input-bg {background: url(input2.gif) no-repeat top left; border:none; width:128px; height:27px;  padding:4px 0px 0px 0px; float:right;}
.invite .input2 {background:url(input_field2_bg.gif); border:none; width:112px; height:17px; color:white; padding:0px 0px 0px 0px; margin-left:7px;}
/* .invite .input2 {background: url(input2.gif) no-repeat top left; border:none; width:128px; height:27px; color:white; padding:5px 8px 5px 8px;}*/

.invite .submit2 {background: url(submit2.gif) no-repeat top left; border:none; width:122px; height:33px; color:white; padding:5px 8px 5px 8px; font-size:10px; font-weight:bold; cursor: pointer;}
.invite .submit3 {background: url(submit3.gif) no-repeat top left; border:none; width:186px; height:33px; color:#FFC600; padding:0px 5px 4px 15px; font-size:10px; font-weight:bold; text-align:left; cursor: pointer;}
.invite .field { padding:3px 0px 3px 0px;  font-size:11px; text-align:right;}
.invite .submit-block1 {display:block; background: url(invite_block1_bg.gif) repeat-x bottom; padding:10px; text-align:center; font-size:10px;}
.invite .submit-block2 {}
.invite .invite-foot {display:block; background: url(invite_foot_bg.gif) repeat-x top; height:134px;}
.invite-emailcheckalert {display: none; position: absolute; width: 140px; height: 40px; left: 50%; margin-left: -70px; margin-top: -20px; background-color: white; color: #FFC600; border: 2px solid red; line-height: 40px;  z-index: 1000;}

.game-head {display:block; background:url(game_head.gif) no-repeat top right; height:60px;}
.game-foot {display:block; background:url(game_foot.gif) no-repeat top right; height:40px;}
.game { padding:5px 20px 10px 20px; display:block; line-height:20px;}
.game .regis-wrap {display:block;} .game .regis-link2 a {margin-left:20px; display:block; background:url(regis_link.gif) no-repeat top right; height:33px; width:134px;}
.prev1 a {display:block; float:left; background:url(prev1.gif) no-repeat top left; height:60px; width:116px;} .prev1 a:hover { background:url(prev1.gif) no-repeat top right;}
.next1 a {display:block; float:right; background:url(next1.gif) no-repeat top left; height:60px; width:142px;} .next1 a:hover { background:url(next1.gif) no-repeat top right;}
.prev2 a {display:block; float:left; background:url(prev2.gif) no-repeat top left; height:40px; width:92px;} .prev2 a:hover { background:url(prev2.gif) no-repeat top right;}
.next2 a {display:block; float:right; background:url(next2.gif) no-repeat top right; height:40px; width:117px;} .next2 a:hover { background:url(next2.gif) no-repeat top left;}

.game-head2 {display:block; background:url(game_head2.gif) no-repeat top right; height:100px;}
.game-head3 {display:block; background:url(game_head3.gif) no-repeat top right; height:100px;}
.game-head4 {display:block; background:url(game_head4.gif) no-repeat top right; height:100px;}


.game .question {}
.question-head {display:block; height:4px; background:url(question_head.gif) no-repeat top right; width:510px}
.question-cont { background:url(question_text.gif) repeat-y top right;  width:510px;display:block;}
.question-text { float:left; width:450px;  font-weight:bold;}
.question-help a {position:relative; background:url(question_help.gif) no-repeat top left; float:left; width:60px;display:block; margin:-14px -0px; height:47px; display:block;}
.question-help a:hover { background:url(question_help.gif) no-repeat top right;}
.question-foot {display:block; height:4px;  background:url(question_foot.gif) no-repeat top right; width:510px}

.answer { background:url(answer_cont.gif) repeat-y top right;  width:510px; margin:7px 0px 7px 0px;}
.answer-head {display:block; height:5px; background:url(answer_head.gif) no-repeat top right; width:510px}
.answer-cont {display:block;}
.answer-text { float:left; width:413px; padding:5px 0px 5px 0px;}
.answer-radio { float:left; width:95px;}
.answer-foot {display:block; height:5px; background:url(answer_foot.gif) no-repeat top right; width:510px}
.answer-send-wrap {display:block; padding:5px 0px 5px 190px;}
.answer-send a {display:block; background:url(answer_send.gif) no-repeat top left; width:133px; height:33px;}
.answer-send a:hover {background:url(answer_send.gif) no-repeat top right;}
.answer-true {background:url(true.gif) no-repeat top left;  padding:6px;}
.answer-false {background:url(false.gif) no-repeat top left;}

.article {display:block; background:#C50004 url(art_bg.gif) repeat-x top right; padding:5px 20px 10px 20px; line-height:20px;}
.article .img-wrap {float:left; width:242px;} .article .img {border:7px solid white; margin-left:5px} 
.article .extra { background: url(art_extra.gif) no-repeat top left; display:block; margin:4px 0px 6px 230px; }
.article .extra .text {padding:2px 0px 3px 12px;}
.article3 {display:block; background:#C50004 url(art_bg.gif) repeat-x top right; padding:5px 20px 10px 20px; line-height:20px;} .article3 p {text-align:justify;}
.aricle-foot {display:block; background:url(art_foot.gif) no-repeat top right; height:34px;}

.article2 {display:block; background:#C50004 url(art_bg2.gif) repeat-x top right; padding:5px 20px 10px 20px; line-height:20px;}

.regis {padding:5px 20px 10px 20px; display:block; line-height:20px;}
.regis-head {display:block; background:url(regis_head.gif) no-repeat top right; height:106px;}
.regis-head2 {display:block; background:url(regis_head2.gif) no-repeat top right; height:106px;}
.steps {display:block;}
.steps1 {width:170px; height:54px; float:left;  background:url(steps1.gif) no-repeat top left; }
.steps1-active {width:170px; height:54px; float:left;  background:url(steps1_active.gif) no-repeat top left; }
.steps2 {width:170px; height:54px; float:left;  background:url(steps2.gif) no-repeat top left; }
.steps2-active {width:170px; height:54px; float:left;  background:url(steps2_active.gif) no-repeat top left; }
.steps3 {width:170px; height:54px; float:left;  background:url(steps3.gif) no-repeat top left; }
.steps3-active {width:170px; height:54px; float:left;  background:url(steps3_active.gif) no-repeat top left; }
.steps-cont {padding: 6px 10px 0px 50px; font-weight:bold; font-size:14px;}
.regis-form-col1 {float:left; width: 253px;}
.regis-form-col1 .input-bg {background: url(input3.gif) no-repeat top left; border:none; width:180px; height:27px;  padding:4px 0px 0px 7px;}
.regis-form-col1 .input3 {background:url(input_field_bg.gif); border:none; width:160px; height:17px; color:white; padding:0px;}
.regis-label {padding: 7px 5px 0px 5px;}
.regis-label2 {padding: 0px 5px 0px 5px; font-weight:bold; color:#FFC03A;}
.regis .submit-wrap {text-align:center; padding:5px;}
.regis .submit4 {background: url(submit1.gif) no-repeat top left; border:none; width:122px; height:33px; color:white; padding:5px 8px 5px 8px; font-size:10px; font-weight:bold; cursor: pointer;}

span.checkbox {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background: url(checkbox.gif) no-repeat;
  display: block;
  clear: left;
  float: left;
}
span.radio {
  width: 30px;
  height: 33px;
  padding: 0 5px 0 0;
  background: url(false.gif) no-repeat;
  display: block;
  clear: left;
  float: left;
}
span.select {
  position: absolute;
  width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
  height: 21px;
  padding: 0 24px 0 8px;
  color: #fff;
  font: 12px/21px arial,sans-serif;
  background: url(select.gif) no-repeat;
  overflow: hidden;
}

.newslettersend {background: url(newsletter_head.gif) no-repeat top; padding:30px 10px 20px 10px;}
.newslettersend td {color:white;}
.newslettersend .submit1 {background: url(submit1.gif) no-repeat top left; border:none; width:122px; height:33px; color:white; padding:5px 8px 5px 8px; font-size:10px; font-weight:bold;}
.newslettersend .input-newsletter1 {color:white; background:#004a7b; border:1px solid #002d4b; padding:4px; width:380px;font-family:Arial, Tahoma; font-size:12px;}
.newslettersend .input-newsletter2 {color:white; background:#004a7b; border:1px solid #002d4b; padding:4px; width:290px;}

.mbox400-head {height:53px; background: url(mbox400_head.gif);}
.mbox400 .block {background: #179b8d url(mbox400_block.gif) repeat-x bottom; padding:2px 10px 10px 10px;}
.mbox400 .title a {font-size:14px; font-weight:bold; text-decoration:none;}
.mbox400 .img {border:3px solid white; margin-top:5px;}