@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#EDEEF2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333
}

hr {
	border:#999999 1px dashed;
}

h2 {
	font-size:14px
}

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

.mainBody {
	width:748px;
	margin:0 auto
}

.headers {
	width:748px;
	margin:20px auto 0;
}

.headers .contacts {
	height:12px;
	text-align:right;
	font-size:11px;
	color:#006699;
	font-weight:bold;
}

.headers .contacts a {
	font-size:11px;
	color:#006699;
	font-weight:bold;
	text-decoration:none;
}

.headers .contacts a:hover {
	color:#FF6600
}

.headers .contacts ul {
	margin:0;
	padding:0;
	list-style:none
}

.headers .contacts ul li {
	display:inline;
	margin:0;
	padding:5px 5px 0 25px;
}

.headers .contacts ul li.email {
	background:url(../images/icon-email.gif) no-repeat 2px 7px;
}

.headers .contacts ul li.phone {
	background:url(../images/icon-tel.gif) no-repeat 2px 7px;
}

.headers .contacts ul li.contestRules {
	background:url(../images/icon-wheel.gif) no-repeat 2px 3px;
}

.headers .headBox {
	width:748px;
	height:319px;
	background:url(../images/main-bg.png) no-repeat;
}

.headers .headBoxRoker {
	background:url(../images/main-al-roker-jr.png) no-repeat;
}

.headers .headBoxContest {
	background:url(../images/main-contest.png) no-repeat;
}

.headers .headBox .rokerForm, .headers .headBox .rokerSuccess {
	clear:both;
	display:block;
	margin-top:70px;
	margin-left:120px;
	width:360px;
}

.headers .headBox .rokerForm p {
	margin:0;
	padding:0
}

.headers .headBox .rokerSuccess {
	margin-top:100px;
	color:#D04314;
	text-align:center;
}

.headers .headBox .rokerSuccess p {
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}

.headers .headBox .websites {
	clear:both;
	margin-top:100px;
	margin-left:30px;
	width:466px;
	height:108px;
	float:left;
}

.headers .headBox .products {
	clear:both;
	width:728px;
	margin:15px auto 0;
}

.headers .headBox .products .prodList {
	float:left;
	width:249px;
}

.headers .headBox .products .socialList {
	float:left;
	width:225px;
}

.headers .headBox .products .socialList .twitter {
	height:225px;
}

.headers .headBox .unitedchambers {
	margin-top:20px;
	margin-right:10px;
	width:200px;
	height:200px;
	float:right
}

.headers .headBoxOveride {
	width:748px;
	height:89px;
	background:none;
	font-weight:bold
}

/* Header logo and navigation */

.headers .headBox .logoNavBox {
	height:89px;
}

.headers .headBox .logoNavBox .logoContainer {
	width:232px;
	height:89px;
	float:left;
	background:url(../images/4s2s.png) no-repeat
}

.headers .headBox .logoNavBox .logoContainerMem {
	width:224px;
	height:89px;
	float:left;
	background:url(../images/4s2s-mem.png) no-repeat
}

.headers .headBox .logoNavBox .logoContainerMem h1 {
	display:none;
}

.headers .headBox .logoNavBox .logoContainer h1 {
	display:none;
}

.headers .headBox .logoNavBox .mainNav {
	padding-top:23px;
}

.headers .headBox .logoNavBox .mainNavMem {
	width:503px;
	height:46px;
	float:right;
	padding:32px 10px 0;
	background:url(../images/memtopbg.png) no-repeat 0 17px;
}

.headers .headBox .logoNavBox .mainNav ul {
	margin:0;
	padding:0;
	list-style:none
}

.headers .headBox .logoNavBox .mainNav ul li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	list-style:none
}

.headers .headBox .logoNavBox .mainNav ul li.home a, .headers .headBox .logoNavBox .mainNav ul li.aboutus a, .headers .headBox .logoNavBox .mainNav ul li.fourS2S a, .headers .headBox .logoNavBox .mainNav ul li.register a, .headers .headBox .logoNavBox .mainNav ul li.login a,  .headers .headBox .logoNavBox .mainNav ul li.moneyLine a  {
   display:block;
   height:28px;
   text-indent:-9009px;
}

.headers .headBox .logoNavBox .mainNav ul li.home a {
   width:68px;
   background:transparent url(../images/main-nav.png) no-repeat 0 0;
}

.headers .headBox .logoNavBox .mainNav ul li.home a:hover {
   background:transparent url(../images/main-nav.png) no-repeat 0 -28px;
}

.headers .headBox .logoNavBox .mainNav ul li.aboutus a {
   width:72px;
   background:transparent url(../images/main-nav.png) no-repeat -68px 0;
}

.headers .headBox .logoNavBox .mainNav ul li.aboutus a:hover {
   background:transparent url(../images/main-nav.png) no-repeat -68px -28px;
}

.headers .headBox .logoNavBox .mainNav ul li.fourS2S a {
   width:73px;
   background:transparent url(../images/main-nav.png) no-repeat -140px 0;
}

.headers .headBox .logoNavBox .mainNav ul li.fourS2S a:hover {
   background:transparent url(../images/main-nav.png) no-repeat -140px -28px;
}

.headers .headBox .logoNavBox .mainNav ul li.moneyLine a {
   width:139px;
   background:transparent url(../images/main-nav.png) no-repeat -217px 0;
}

.headers .headBox .logoNavBox .mainNav ul li.moneyLine a:hover {
   background:transparent url(../images/main-nav.png) no-repeat -217px -28px;
}

.headers .headBox .logoNavBox .mainNav ul li.register a {
   width:73px;
   background:transparent url(../images/main-nav.png) no-repeat -440px 0;
}

.headers .headBox .logoNavBox .mainNav ul li.register a:hover {
   background:transparent url(../images/main-nav.png) no-repeat -440px -28px;
}

.headers .headBox .logoNavBox .mainNav ul li.login a {
   width:69px;
   background:transparent url(../images/main-nav.png) no-repeat -513px 0;
}

.headers .headBox .logoNavBox .mainNav ul li.login a:hover {
   background:transparent url(../images/main-nav.png) no-repeat -513px -28px;
}


/* Main Content */

.box1 {
	clear:both;
	width:748px;
	margin:20px auto;
}

.box1 .boxMainBody {
	background: #FFFFFF url(../images/box1-topbg.jpg) no-repeat;
	padding:10px;
	overflow:hidden;
}

.box1 .boxMainFoot {
	width:748px;
	height:10px;
	font-size:1px;
	background:url(../images/box1-btmbg.gif) no-repeat
}

/* Contest main body */

.box1 .boxMainContest {
	background: #FFFFFF url(../images/contestbox-bg.png) repeat-x 0 91px;
	padding:0;
	overflow:hidden;
}

.box1 .boxMainContest .headBoxesRow {
	height:131px;
}

.box1 .boxMainContest .headBoxesRow .contestHead {
	width:480px;
	float:left;
}

.box1 .boxMainContest .headBoxesRow .rokerHead2 {
	width:180px;
	height:71px;
	padding-top:60px;
	padding-left:88px;
	float:right;
	background:url(../images/head-alroker2.png) no-repeat;
}

.box1 .boxMainContest .headBoxesRow .rokerHead2 a img {
	border:none;
	outline: none;
}

.box1 .boxMainContest .contestContent {
	clear:both;
	padding:10px;
}

.box1 .boxMainContest .boxHolder {
	clear:both;
	overflow:auto;
	width:728px;
}

.box1 .boxMainContest .boxHolder .videoBox {
	width:460px;
	float:left;
}

.box1 .boxMainContest .boxHolder .videoBox .headCurve {
	height:14px;
	background:url(../images/top-video.png)
}

.box1 .boxMainContest .boxHolder .videoBox .videoBody {
	border:solid 1px #F88B00;
	border-top:none;
	border-bottom:none;
}

.box1 .boxMainContest .boxHolder .videoBox .videoBody p {
	margin:0;
	padding:0
}

.box1 .boxMainContest .boxHolder .videoBox .bttmBox {
	height:41px;
}

.box1 .boxMainContest .boxHolder .videoBox .bttmBox .btn1 {
	width:230px;
	float:left;
	background:#66CCCC
}

.box1 .boxMainContest .boxHolder .videoBox .bttmBox .btn2 {
	width:230px;
	float:right;
	background:#9933CC
}


.box1 .boxMainContest .boxHolder .infoBox {
	width:258px;
	float:right;
}

.box1 .boxMainContest .boxHolder .infoBox .headCurve {
	height:42px;
	background:url(../images/top-personalinfo.png)
}

.box1 .boxMainContest .boxHolder .infoBox .infoBody {
	border:solid 1px #006600;
	border-top:none;
	border-bottom:none;
	background:#ECFFEC;
	overflow:auto
}

.box1 .boxMainContest .boxHolder .infoBox .infoBody p {
	margin:0;
	padding:0 0 20px 0;
}

.contentArea {
	padding:0 10px;
}

.box1 .boxMainContest .boxHolder .infoBox .bttmBox {
	height:41px;
}

.box1 .boxMainContest .instructionBox {
	clear:both;
	width:728px;
	margin-top:20px;
	background:#F3F3F3
}

.box1 .boxMainContest .instructionBox .instructHead {
	height:19px;
	background:url(../images/instruction-top.png) no-repeat
}

.box1 .boxMainContest .instructionBox .instructBody {
	border:solid 1px #999999;
	border-top:none;
	border-bottom:none;
	background:#F3F3F3
}

.box1 .boxMainContest .instructionBox .instructBody p {
	margin:0;
	padding:0 0 20px 0;
}

.box1 .boxMainContest .instructionBox .instructBtm {
	height:19px;
	background:url(../images/instruction-btm.png) no-repeat
}

.moreInfoBox {
	width:640px;
	padding:0;
	margin:0 auto;
}

/* Spin Another Wheel */

.spinAnotherBox {
	width:248px;
	float:right;
	margin:10px -10px 10px 10px;
	background:#D7F2FF
}

.spinAnotherBox .head {
	height:40px;
	background:url(../images/spin-anotherhead.gif) no-repeat
}

.spinAnotherBox .head2 {
	height:99px;
	background:url(../images/spin-alrokerjr.gif) no-repeat
}

.spinAnotherBox .spinMainBody {
	border:solid 1px #75BAFF;
	border-top:none;
	border-bottom:none;
	overflow:auto
}

.spinAnotherBox .spinMainBody p {
	margin:0;
	padding:0;
}

.spinAnotherBox .footer {
	height:16px;
	background: url(../images/spin-anotherbtm.gif) no-repeat;
}

/* Box 2 */

.box2 {
	clear:both;
	width:748px;
	margin:20px auto;
}

.box2 .boxMainBody {
	background: url(../images/box2-mainbg.gif) repeat-y;
}

.box2 .boxMainBody .innerBox {
	background: url(../images/box2-topbg.jpg) no-repeat;
	padding:10px;
	overflow:hidden;
}

.box2 .boxMainBody .innerBox .leftBox {
	width:476px;
/*	width:516px;*/
	padding-right:10px;
	float:left;
}

.box2 .boxMainBody .innerBox .rightBox {
	width:228px;
	padding:0;
	float:right;
	margin-left:10px
}

/* Tom's box */

.tomBox {
	width:227px;
	margin:0 auto;
	background:#007599 url(../images/tom-box-foot.gif) bottom no-repeat;
	color:#FFF;
}

.tomBox .tomHead {
	background:url(../images/tom-box-head.gif) top no-repeat;
	padding:10px;
	overflow:hidden
}

.tomBox .tomHead img {
	float:left;
	padding-right:10px;
}

.tomBox .tomBookmarks {
	padding:10px;
}

.tomBox .tomBookmarks img {
	border:none
}

.tomBox .tomBookmarks h4 {
	font-size:14px;
	color:#FFF;
	margin:5px 0;
	padding:0
}

.tomBox .tomBookmarks p {
	padding:0;
	margin:0;
}

/* Side Box */

.sideBox {
	width:227px;
	margin:0 auto;
}

.box2 .boxMainFoot {
	width:748px;
	height:10px;
	font-size:1px;
	background:url(../images/box2-btmbg.gif) no-repeat
}

.box3 {
	clear:both;
	width:748px;
	margin:20px auto;
}

.box3 .boxMainBody {
	background: url(../images/box3-mainbg.gif) repeat-y;
}

.box3 .boxMainBody .innerBox {
	background: url(../images/box3-topbg.jpg) no-repeat;
	padding:10px;
	overflow:hidden;
}

.box3 .boxMainBody .innerBox .leftBox {
	width:173px;
	padding:0 10px;
	float:left;
}

.box3 .boxMainBody .innerBox .rightBox {
	width:516px;
	padding-right:10px;
	float:right;
}

.box3 .boxMainFoot {
	width:748px;
	height:10px;
	font-size:1px;
	background:url(../images/box3-btmbg.gif) no-repeat
}

/* main small boxes */

.smallBox {
	width:160px;
	float:left;
	padding:6px 16px 6px 6px;
	min-height:186px;
	background:url(../images/main-separator.png) right no-repeat
}

.smallBox p {
	text-align: justify;
}

.smallBox h1 {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase
}

.smallBox a {
	color:#333333;
	text-decoration:none
}

.smallBox a:hover {
	text-decoration:underline
}

.smallBoxLast {
	background:none;
}

/* The Footer */

.footer {
	float:clear;
	width:748px;
	margin:0 auto;
	text-align:center;
	color:#333333
}

.footer ul {
	margin:0;
	padding:0;
	list-style:none	
}

.footer ul li {
	display:inline
}

.footer a {
	text-decoration:none;
	color:#333333
}

.footer a:hover {
	text-decoration:underline
}

.footer p {
	margin:0;
	padding:10px;
}

/* Error class */

.error, req {
	color:#FF0000;
	font-weight:bold;
}

/* Form styles */

.inputTable {
	width:100%;
	float:right;
}

/*.inputTable .square {
	display:none
}
*/
.inputTable td {
	padding:5px
}

.inputTable .inputLabels {
	width:140px;
	text-align:right;
}

.inputTable .inputText {
	border:solid 1px #CCCCCC;
	background:#EAF8FB;
	padding:4px;
	width:250px;
}

.inputTable .inputTextShort {
	width:150px;
}

.inputTable .inputText3 {
	border:solid 1px #CCCCCC;
	background:#EAF8FB;
	padding:4px;
	width:100px;
	font-size:10px
}

.inputTable .inputText4 {
	border:solid 1px #CCCCCC;
	background:#EAF8FB;
	padding:4px;
	width:60px;
	font-size:10px
}

.inputTable .inputText:focus {
	border:solid 1px #05ACCC;
}

/* unordered list */

ul.myList {
	margin:20px 0 0 40px;
	padding:0;
	list-style:none;
}

ul.myList li {
	padding:5px 0 0 15px;
	background:url(../images/arwlist.gif) no-repeat 2px 9px;
}

ul.memList {
	margin:20px 0 0 5px;
	padding:0;
	list-style:none;
}

ul.memList li {
	padding:5px 0 0 15px;
	background:url(../images/arwlist-blk.gif) no-repeat 2px 9px;
}

ul.memList li ul {
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
}

ul.memList li ul li {
	padding:5px 0 0 15px;
	background:url(../images/arwlist-blk.gif) no-repeat 2px 9px;
}
	
	
/* Required */

.Req {
	color:#FF0000
}

/* CSS Table */

.tabCss {
	width:60%;
	margin:0 auto;
	border:solid 1px #999999;
	border-bottom:none;
	border-right:none;
	background:#EFEFEF
}

.tabCss td {
	padding:3px;
	border:solid 1px #999999;
	border-left:none;
	border-top:none
}

/* Ads Download */

.download {
	clear:both;
	width:748px;
	height:47px;
}

.download .adsContest {
	width:498px;
	height:47px;
	float:left;
}

.download .adsAlRoker {
	width:249px;
	height:47px;
	float:left;
}

.download .adsContestsm {
	width:249px;
	height:47px;
	float:left;
	background:#663
}

.download .adsTeamVinh {
	width:249px;
	height:47px;
	float:left;
	background:#C93
}

.download .adsPresentation {
	width:250px;
	height:47px;
	background:#CCCCCC;
	float:right;
}

.errorTable {
	display:block;
}

.errorTable p {
	width:90%;
	margin: 0 auto;
	padding:10px;
	border:dashed 1px #999999;
	background:#FFFFCC;
	color:#FF0000;
	font-weight:bold
}

/* video box 2 */

.videoBox2 {
	width:460px;
	float:left;
}

.videoBox2 .headCurve {
	height:14px;
	background:url(../images/top-video.png)
}

.videoBox2 .videoBody {
	border:solid 1px #F88B00;
	border-top:none;
	border-bottom:none;
	background:#FFFFFF
}

.videoBox2 .videoBody p {
	margin:0;
	padding:0
}

.videoBox2 .bttmBox {
	height:41px;
}

.videoBox2 .bttmBox .btn1 {
	width:230px;
	float:left;
	background:#66CCCC
}

.videoBox2 .bttmBox .btn2 {
	width:230px;
	float:right;
	background:#9933CC
}

/* Newsletter box */

.newsLetterBox {
	width:438px;
	margin:0 auto;
	overflow:hidden;
	background:#F2F4F7 url(../images/email-btm.png) no-repeat bottom
}

.newsLetterBox .newsBody {
	width:418px;
	padding:10px;
	background: url(../images/email-top.png) no-repeat top
}

/* Summary */

.summary {
	width:90%;
	margin:0 auto;
	padding:10px;
	background:#D8E7FE
}
	