/*-----------POP UP-----------*/
/*----------------------------*/


.popBg {
	background-color: #000000;
	filter: alpha(opacity: 75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#popOverlay {
	position: fixed;
	z-index: 99;
	top: 0px;
	left: 0px;
	height: 100%;
	width:  100%;
	/* ie6 hack */
	_position: absolute;
    _height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    _width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

#popWindow 
{
    background:#fff;
	color: #000;
	position: fixed;
	text-align: left;
	z-index: 101;
	/*margin-left = -1/2 width of the window */
	left: 50%;
	width: 650px;
	margin-left: -325px;
	/*margin-top = -1/2 height of the window */
	top: 50%;
	height: 430px;
	margin-top: -200px;
	display: block;
    /* ie6 hack */
    _position: absolute;
    _margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
    
}

#popWindow .closeBtn {
   position: absolute;
    top: 11px;
    right: 9px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;    
    color: #fff;
    text-decoration: none;
    z-index: 500;
}


#popTop {
    background:transparent url(../images/popUp/popTopBg.gif) top right no-repeat;
    height: 9px;
    width: 448px;
    font-size: 1px;
}

#popLeft, #popMiddle, #popRight {
   float: left;
}

#popLeft {
    background:transparent url(../images/popUp/popLeftBg.gif) top left no-repeat;
    height: 279px;
    width: 10px;
    font-size: 1px;
}

#popMiddle {
    background: #fff url(../images/popUp/popMiddleBg.png) top left no-repeat;
    min-height: 258px;
    padding-bottom: 40px;
    padding-left: 43px;
    padding-right: 30px;
    padding-top: 20px;
    width: 357px;
}

#popRight {
    background:transparent url(../images/popUp/popRightBg.gif) top left no-repeat;
    height: 278px;
    width: 8px;
    font-size: 1px;
}

#popMiddle p {  
    margin-bottom: 4px;
    line-height: 18px;
}

#popMiddle a {
    color: #226c9c;
    text-decoration: none;
}

#popMiddle a:hover {
    text-decoration: underline;
}

#popMiddle h2 {
    margin-bottom: 12px;
    /*margin-left: -7px;*/
    text-indent: -9999px;
}

#popMiddle p.whereToGetCodes {
    line-height: 15px;
    margin-bottom: 18px;
}

#popMiddle input.textInput {
    margin-bottom: 4px;
    margin-top: 0;
    width: 170px;
}  

#popMiddle .form label {
    display: block;
    font-weight: bold;
}

#popMiddle .form select {
    margin-bottom: 6px;
}

#popMiddle p.checkBox {
    margin-bottom: 0;
}

#popMiddle p.checkBox input {
    margin-bottom: 0;
    margin-right: 9px;
}

.popBtnList, .oneBtn {
    height: 26px;
    margin-top: 20px;
    padding-bottom: 23px;
    width: 217px;
}

.popBtnList li {
    display: inline;
    float: left;
    height: 26px;
    margin-right: 15px;
}

#popMiddle .popBtnList li input {
    margin-bottom: 0;
}

#popMiddle .border {
    border-bottom: 1px solid #d1caca;
    margin-bottom: 14px;
    padding-bottom: 9px;
}

#popMiddle .validCode {
    background: #eaffdf;
    border: 4px solid #9bcf81;
    margin-bottom: 14px;
    padding: 4px 8px;
}

#headRegBox p.noMargin, #subPageMiddle p.noMargin, #popWindow input.noMargin, #popMiddle p.noMargin {
    margin-bottom: 0;
}

/*--popPlayToWin--*/
#popWindow .popPlayToWin {
    text-align: center;
}

#popWindow .popPlayToWin h3{
    font-size: 16px;
    padding-top: 20px;
}

.popPlayToWin ul {
    float: left;
    height: 38px;
    margin-left: 59px;
    width: 239px;
}

.popPlayToWin ul li {
    float: left;
}

.popPlayToWin li.first {
    border-right: 1px solid #ccc;
    padding-right: 20px;
    margin-right: 20px;
}

/*--popLogin--*/
.popLogin h2 {
    background:transparent url(../images/popUp/headLoginToPlay.gif) top left no-repeat;
    height: 29px;
    width: 164px;
}


.loginButton {
	background: url(../images/popUp/btnLogin.gif) top left no-repeat;
	border: none;
	height: 26px;
	width: 81px;
	cursor: pointer;
	margin: 0;
}

/*--popRegister--*/
.popRegister h2 {
    background:transparent url(../images/popUp/headAddACode.gif) top left no-repeat;
    height: 24px;
    width: 151px;
}

.popRegister h2.headRegister {
    background:transparent url(../images/popUp/headRegisterHere.gif) top left no-repeat;
    height: 25px;
    width: 163px;
}

.popRegister h2.headRegComplete {
    background:transparent url(../images/popUp/headRegComplete.gif) top left no-repeat;
    height: 29px;
    width: 224px;
}

#popMiddle p.addCode input.textInput {
    margin-bottom: 0;
}

#popMiddle input.regCodeInput {
    width: 95px;
}

#popMiddle .addButton {
    background: url(../images/subPage/btnProfileAdd.gif) top left no-repeat;
}

#popMiddle .regButton {
    background:transparent url(../images/popUp/btnCreateAccount.gif) top left no-repeat;
    height: 28px;
    width: 103px;
}

#popMiddle .valid {
    background:transparent url(../images/popUp/btnCheck.gif) top left no-repeat;
    cursor: default;
    width: 81px;
}

.registerDetails .form {
    margin-top: 15px;
}

.registerDetails .form h3 {
    margin-bottom: 10px;
}

#popMiddle p.regEmail {
    margin-bottom: 6px;
}


.nextButton {
background:transparent url(../images/popUp/btnNext.gif) no-repeat scroll left top;
border:medium none;
cursor:pointer;
height:26px;
margin:0;
width:81px;
}

td.sendUpdates {
    padding-top: 5px;
}

td.sendUpdates input {
    margin: 0;
    border: 0;
}

/*--popForgot--*/
.popForgot h2 {
    background:transparent url(../images/popUp/headForgotPassword.gif) top left no-repeat;
    height: 33px;
    margin-bottom: 12px;
    width: 291px;
}

/*--popTokens--*/
.popTokens h2#CodeCorrect {
    background: url(../images/popUp/headCodeCorrect.gif);
    height: 23px;
    width: 166px;
}

.popTokens h2#CodeIncorrect {
    background: url(../images/popUp/headCodeInCorrect.gif);
    height: 24px;
    width: 186px;
}

.popTokens h2#SurveySent {
    background: url(../images/popUp/headSurveySent.gif);
    height: 33px;
    margin-bottom: 8px;
    width: 159px;
}

.password {
    background: url(../images/popUp/passwordBg.gif);
}

.oldPassword {
    background: url(../images/popUp/oldPassword.gif);
}

.newPassword {
    background: url(../images/popUp/newPassword.gif);
}

.retypePassword {
    background: url(../images/popUp/retypePassword.gif);
}

/*--popHowItWorks--*/
#popWindowHowItWorks #popMiddle {
	padding:20px 17px 40px 20px;
    width:393px;
}

#popWindowHowItWorks #popWindow {
	/*margin-top: -380px;*/
}

#popWindowHowItWorks .popHowItWorks h2 {
    background:transparent url(../images/popUp/headHowItWorks.gif) top left no-repeat;
    height: 22px;
    margin-bottom: 12px;
    margin-left: 17px;
    width: 158px;
}

.popHowItWorks ul {
    /*margin-left: 7px;*/
}

.popHowItWorks li {
    text-indent: -9999px;
}

#cups {
    background:transparent url(../images/popUp/howItWorks/cups.png) top center no-repeat;
    height: 240px; 
}

#codes {
    background:transparent url(../images/popUp/howItWorks/enterCode.gif) top center no-repeat;
    height: 121px; 
    margin-bottom: 30px;
}

#prizes {
    background:transparent url(../images/popUp/howItWorks/prizes.jpg) top center no-repeat;
    height: 218px; 
}

#prizes a {
    display: block;
    float: right;
    height: 110px;
    margin-right: 3px;
    margin-top: 85px;
    width: 130px;
}

.popHowItWorks p {
    border-top: 1px solid #d5cdcd;
    margin-bottom: 0;
    margin-left: 35px;
    padding-top: 25px;
    width: 315px;
}


/*#popBody {
    width: 500px;
    float: left;
}

table.formTable {    
    border-collapse: collapse;    
    width: 327px;
}

table.formTable td {
    padding-bottom: 8px;
    vertical-align: top;    
    width: 145px;
}

table.formTable td.firstCell {
    padding-right: 10px;
}

table.formTable td label {
    display: block;
    font-weight: bold;
    margin-bottom: 2px;
}

table.formTable td input {
    width: 119px;
    padding: 1px 2px;
}

table.formTable td input.watermark {
    color: #838383;
}

table.formTable table {
    margin-top: 0;
    width: auto;
}

table.formTable table td {
    width: auto;
    padding-bottom: 0;
    padding-right: 10px;
}

table.formTable table.chkBox td input, table.formTable td.chkBox input {
    width: 13px;
    height: 13px;
    margin-right: 3px;
    vertical-align: bottom;
}

table.formTable table.chkBox td label, table.formTable td.chkBox label {
    display: inline;
    font-weight: normal;
}*/

#rulesRegs {
    width: 615px;
    height: 420px;
    padding: 10px 35px 0px 15px;
    overflow-y: scroll;
}

#rulesRegs li 
{
    background: none;
}