@charset "utf-8";
/* CSS Document */
  
 
/********************************** common tag **********************************/
html, body {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; color:#FFF; font-size:15px; font-weight:normal; line-height:1em;}
p { line-height:1.1em; text-align:justify;}
h1, h2, h3, h4, h5, h6 {}
h1 { font-size:20px; color:#3e3125; }
h2 { font-size:17px; color:#805741;}
h3 { font-size:14px; color:#805741;}
h4 { font-size:14px; color:#296a89; }
h5 { font-size:19px; color:#296a89; }
h6 { font-size:8px; }
strong, b { font-weight:bold; }
a { text-decoration:underline; }
a:hover { text-decoration:underline; }
.big_wrapper { background:url('../images/pattern_bg.png') repeat; min-height:100%; width:809px; }
.wrapper { background:url('../images/star_bg.png')no-repeat  left top; width:auto; height:auto; padding:0; display:block; font-family: 'Open Sans', sans-serif;position:relative; overflow:hidden; } 
.clear { clear:both; height:0; }
.hide{display:none;}




/********************************** content **********************************/
.content { height:auto; width:809px; position:relative;}
.content_middle { background:url('../images/content_bg.png') repeat-y; height:710px; width:641px; margin:0 0 0 141px; border:1px solid #946e43;}


/********************************** header **********************************/
.header { height:auto; left:96px; width:689px; position:relative; top:28px; z-index:2;}
#logo { padding:17px 22px; float:right;}
.campaign_logo { position:relative; width:689px; margin:0 auto; background:url('../images/app_logo.png') no-repeat; height:101px; width:689px;}

/********************************** menu **********************************/
.nav { height:40px; position:relative; top:34px;}
div.tab-cont { float:right; width:450px;}
div.tab { float:left; width:240px; height:40px; padding-left:1px;}
div.tab-cont div.tab a { display:block;  padding:14px;}
div.tab-cont div.tab a:hover {background:url('../images/tab_hover.png') repeat-x;}
div.tab.last { width:207px;}
div.tab-cont div.tab a.selected { background:url('../images/tab_hover.png') repeat-x;}

/********************************** Header text **********************************/
.info_top { width:510px; padding-bottom:10px; position:relative; border-bottom:1px solid #946e43;}
.info_top .h1 { font-size:23px; color:#dfa010; font-family: 'Open Sans', sans-serif; font-weight:600; width:510px; padding-top:25px; text-align:justify; word-wrap:break-word; text-transform:uppercase; line-height:27px;}
.info_top .h2 { color:#e8bd5a; font-size:20px; font-family: 'Open Sans', sans-serif; font-weight:600; width:510px; text-align:justify; word-wrap:break-word; text-transform:uppercase; line-height:normal;} 
.info_top p {  color:#f2d89c; font-size:13px; font-family: 'Open Sans', sans-serif; font-weight:normal; width:510px; line-height:1.3em; text-align:justify; padding-top:5px; }
.info_left { background:url('../images/girl_img.png') no-repeat; width:269px; height:741px; position:absolute; left:9px; top:73px;}
.info_right {  margin-left:110px; width:510px; position:relative; height:auto;}
span.hightlight { color:#c8983b;}

/********************************** Gameboard **********************************/
div.actions-cont { padding-top:17px; width:510px;}
div.actions-cont div.txt { text-align:left; float:left; font-size:13px; color:#c5b07f; /*margin-right:58px;*/ margin-bottom:10px; line-height:16px;}

div.actions-cont div.txt_last { position:relative; font-size:13px; color:#c5b07f; float:right; line-height:16px;}
div.txt_times{float:right;}
div.bubbles{ position:absolute; right: 35px; bottom:12px; /*padding:3px 0 3px;*/}
div.txt_last div.noofplayadded a{ display:inline-block; color:#000; font-size:10px; word-wrap:break-word; text-decoration:none; background:url('../images/action_bubble.png') left top no-repeat; width:33px; height:29px; padding:1px 0 0 7px;}


/*div.actions-cont div.txt_last { margin-right:0; font-size:13px; color:#c5b07f;  line-height:16px;}*/
/*div.actions-cont div.bubble{ background:url('../images/action_bubble.png') left top no-repeat; width:33px; height:29px; float:left; top:-10px; position:relative; color:#000; font-size:10px; word-wrap:break-word; padding:1px 0 0 7px;}*/

.yellow_number, .noofchances, .totalclicks {color:#c8983b; font-size:19px; padding:7px; }
.gameboard { background:url('../images/gameboard_bg.png') no-repeat; width:517px; height:195px; position:relative;}
.gameboard_content { /*background:url('../images/slide_img.png') repeat-x;*/ width:475px; height:84px; float:left; margin:31px 0 0 24px;}
.game_btn a{ background:url('../images/game_btn.png') no-repeat; width:179px; height:34px; left:169px; top:21px; cursor:pointer; background-position:0 0; position:relative; display:inline-block;}
.game_btn a:hover { background-position:0 -34px; }
.slogan1 { background:url('../images/slogan1.png') no-repeat; width:139px; height:93px;}
.pointer { background:url('../images/pointer.png') no-repeat center; width:25px; height:47px; position:absolute; /*z-index:1;*/ margin-left:250px; bottom:152px;}
.animatedpointer {background:url('../images/pointer.gif') no-repeat center; width:25px; height:47px; position:absolute; z-index:1; margin-left:250px; bottom:152px;}
.gameboard_bottom { width:510px; height:150px; padding-top:15px;}
.prizes { width:290px; height:135px; float:left;}
.prizes .h1 { font-size:18px; color:#dfa010; font-family: 'Open Sans', sans-serif; font-weight:600; padding-bottom:10px;}
.prizes_content { width:280px; height:94px; margin:0 auto; padding:4px 4px 4px 0; border:1px solid #92660a;}
.prizes_list { width:280px;}
.prizes_list p {background:url('../images/gift_icon.png') no-repeat 3% 7%; padding-left:30px; line-height:1.5em; font-size:12px; color:#f2d89c; text-align:justify;}

.cta { background:url('../images/cta_bg.png') no-repeat bottom; width:205px; height:104px; float:right; margin-top:24px;}
.cta .h1 { font-size:18px; color:#dfa010; font-family: 'Open Sans', sans-serif; font-weight:600; padding-bottom:10px; text-align:center; position:relative; top:-7px;}
.cta-cont { height:auto; width:150px; margin:0 auto;}
div.tellafriend a{ background:url('../images/tellafriend_btn.png') no-repeat; width:134px; height:29px; cursor:pointer; margin-right:7px; background-position:0 0; display:inline-block;}
div.tellafriend a:hover { background-position:0 -29px;}
div.share a { background:url('../images/share_btn.png') no-repeat; width:146px; height:29px; cursor:pointer; background-position:0 0; margin-bottom:8px; display:inline-block;}
div.share a:hover { background-position:0 -29px;}
.fans, .fans_button { float:right; padding:8px 19px; width:360px;}
.fans_img, .fans_button_img { float:right; /*padding-bottom:4px;*/}
.fanimgtxt, .fans_button_txt { text-align:right; color:#dfa010; float:right; font-size:12px; padding-top:4px;}
div.redeem a { color:#DFA010; font-size:11px; display:block; width:90px;}

/********************************** lightbox **********************************/
div.overlay {height:auto;  position:absolute; top:0; left:0;}
div.overlay_top { background:url('../images/overlay.png') no-repeat top center; width:809px; height:255px;}
div.overlay_bottom { background:#fff bottom center repeat-y; opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */ height:570px; width:809px; }
/*lightbox*/
div.lightbox { background:#000 repeat-y; position:absolute; left:126px; top:90px; z-index:3; border:1px solid #946e43; width:550px; height:auto; padding-bottom:20px;}
div.lightbox-bg { width:530px; height:auto; margin:0 auto;}
div.lightbox-bg div.headline{  margin:0 auto; width:530px; font-size:22px; color:#e8bd5a; font-family: 'Open Sans', sans-serif; font-weight:600; text-align:center; word-wrap:break-word; text-transform:uppercase; line-height:normal;  border-bottom:1px solid #946e43; padding-bottom:10px;}
div.lightbox-bg div.winning-txt { font-family: 'Open Sans', sans-serif; font-weight:normal; line-height:1.3em; text-align:justify; padding:6px 0; border-bottom:1px solid #946e43;}
div.winning-txt.h4 {color:#f2d89c; font-size:15px;}
div.lightbox div.close a { display:inline-block; width:18px; height:18px; padding:0; background:url('../images/close_btn.png') no-repeat; float:right; margin:5px 0 0 0; cursor:pointer; background-position:0 0;}
div.lightbox div.close a:hover{ background-position:0 -18px;}
div.lightbox-bg div.social-cont {width:455px; height:50px; margin:0 20px;}
div.social-cont div.scont {float:left; margin:0 0 0 48px;}
div.social-cont div.pp {width:25px; height:25px; float:left; margin:0px 5px 0 0px;}
div.social-cont div.txt {float:left; width:auto; margin:5px 20px 0 0;} 
div.lightbox-bg .lb-cta-cont {width:322px; height:25px; margin:0 86px 10px;}
div.lightbox-bottom { /*border-top:1px solid #946e43;*/ margin-top:15px; height:auto; }


/*gameboard profile*/
div.profile a { background:url('../images/check_profile.png') no-repeat; width:32px; height:183px; position:absolute; top:40px; left:777px; cursor:pointer; background-position:0 0; display:inline-block;}
div.profile a:hover { background-position: -32px 0;}
div.profile-bg { width:330px; height:auto; background:#000 repeat-y; position:absolute; left:250px; top:40px; z-index:1; border:1px solid #946e43}
div.update-bg { width:330px; height:auto; background:#000 repeat-y; position:absolute; left:250px; top:40px; z-index:1; border:1px solid #946e43;}
div.profile-bg-body{ width:330px; height:auto; padding-bottom:5px;}
div.profile-bg div.pp-close a, div.update-bg div.pp-close a { background:url('../images/close_btn.png') no-repeat right top; width:18px; height:18px; position:relative; top:5px; right:3px; float:right; background-position:0 0; display:inline-block;}
div.profile-bg div.pp-close a:hover, div.update-bg div.pp-close a:hover { background-position:0 -18px;}
div.profile-bg div.pp-cont, div.update-bg div.pp-cont { width:298px; word-wrap:break-word; padding:5px 0; margin:0 auto; border-bottom:1px solid #946E43;}
div.pp-cont div.pp-profile{ /*background:url('../images/pp.png') left top no-repeat;*/ width:50px; height:50px; float:left; margin:0 15px 0 0; border:1px solid #F2D89C;}
div.pp-cont div.pp-txt{ width:229px; height:auto; float:left; text-align:justify; color:#E8BD5A; line-height:16px; font-size:13px; line-height: 1.3em;}
div.pp-cont div.pp-reg { width:300px; height:auto; color:#E8BD5A; font-size:15px; font-family:'Open Sans',sans-serif; word-wrap:break-word; font-weight:600; text-transform:uppercase; line-height:18px; }
div.profile-bg div.field-cont { width:295px; height:auto; float:left;}
div.form_title { background:url('../images/form_title.png') no-repeat;width:175px; height:27px; auto; margin:9px 33px 5px;}
div.field-cont .input-field { color:#3e3125; width:295px; height:23px; float:left; font-size:13px; padding:2px 0 0 4px; border:none; margin:6px 0 0 15px; background:#feecc2 repeat-x; }
.error-txt { float:left; color:#f44d42; font-size:12px; margin-top:3px; margin-left:16px;}
div.tnc { width:300px; height:auto; float:left; margin:2px 0px 5px 4px; } 
div.tnc div.checkbox{margin:3px 0 0 5px; float:left;}
div.tnc div.txt { float:left; width:auto; color:#805741; font-size:12px; padding:5px; color:#E8BD5A;}
div.tnc div.txt a {color:#E8BD5A; font-size:12px;}
div.error-tnc{ float:left; color:#f44d42; font-size:12px; padding-left:9px;}
div.btn-submit a{ display:inline-block; width:86px; height:29px; padding:0; background:url('../images/register_btn.png') no-repeat; margin-left:226px; cursor:pointer; background-position:0 0; }
div.btn-submit a:hover {  background-position:0 -29px;}
div.btn-update a { display:inline-block; width:86px; height:29px; padding:0; background:url('../images/update_btn.png') no-repeat; margin-left:226px; background-position:0 0; margin-top:5px; }
div.btn-update a:hover { background-position:0 -29px;}



/********************************** before_access **********************************/
div.pass { position:relative; border-bottom:1px solid #946E43;}
div.slogan_pass { background:url('../images/arrow2.png') no-repeat; width:321px; height:63px; margin-left:139px; margin-top:36px;}
div.pass_btn a { background:url('../images/ready_btn.png') no-repeat; width:86px; height:29px; margin-left:234px; top:-18px; position:relative; cursor:pointer; background-position:0 0; display:inline-block;}
div.pass_btn a:hover { background-position:0 -29px;}

/********************************** fan_gate **********************************/
div.slogan_like { background:url('../images/arrow4.png') no-repeat; width:173px; height:60px; float:left; position:relative; bottom:60px; left:330px;}
div.likebox_big { width:546px; height:auto; padding-top:54px; width:510px;}
div.likebox { border:1px solid #92660A; width:220px; height:auto; position:relative; float:left; padding:17px 33px; margin-left:56px;}
div.likebox div.lpp{ background:url('../images/user.png') left top no-repeat; width:50px; height:50px; float:left; margin-right:10px;}
div.likebox div.txt { font-size:20px; color:#dfa010; font-weight:600; text-decoration:none; padding-bottom:5px;}
div.likebox div.cta_like { float:left; width:230px; height:auto; background:none; margin-top:10px;}

/********************************** prizes **********************************/
div.prize_cta { width:510px; position:absolute; padding-top:15px; height:auto;}
div.slogan_click { background:url('../images/arrow1.png') no-repeat; width:124px; height:40px; float:right;}
div.discovernow a { background:url('../images/discovernow_btn.png') no-repeat; height:29px; width:86px; float:right; margin-top:22px; background-position:0 0; display:inline-block;}
div.discovernow a:hover { background-position:0 -29px;}
div.info_prizes { height:auto; width:510px; margin-top:13px;}
div.info_prizes_content { width:510px; }
div.prizes-cont{ width:510px; height:auto;}
div.prizetxt{width:510px; height:auto; padding-bottom:6px; display:inline-block;}
div.prizeheader {word-wrap:break-word;  font-size:18px; color:#dfa010; line-height:22px; font-family: 'Open Sans', sans-serif; font-weight:normal;}
div.name_prize {color:#F2D89C; font-family: 'Open Sans', sans-serif; font-weight:normal;line-height:1.3em;}

.pcont{padding-bottom:6px;}
.pheader{font-family: 'Open Sans', sans-serif;font-size:18px; color:#dfa010; line-height:22px; font-weight:normal;}
.pprize{color:#F2D89C; font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:13px;}

.sheader{font-family: 'Open Sans', sans-serif;font-size:18px; color:#dfa010; line-height:22px; font-weight:normal;}
.preprize{color:#F2D89C; font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:13px;}
.preprize p{line-height:20px;}

.theader{font-family: 'Open Sans', sans-serif;font-size:18px; color:#dfa010; line-height:22px; font-weight:normal;}
.tprize{color:#F2D89C; font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:13px;}

div.prizes-cont .grandprize .pp, .scroll-pane .cpp { background:url('../images/user.png') left top no-repeat; width:50px; height:50px; margin:5px 5px 10px 0; position:relative; float:left;} 
div.prizes-cont .grandprize .pp:hover span, .scroll-pane .cpp:hover span { background-color:#E8BD5A; display:block; bottom:0; top:0; position:absolute; color:#000; width:43px; height:43px; word-wrap:break-word; padding:3px; font-size:12px;}
div.prizes-cont .grandprize .pp span, .scroll-pane .cpp span { display:none;}
.scroll-pane .conso_cont, .scroll-pane #conso_cont{width:50px; height:50px; margin:5px 5px 10px 0; position:relative; float:left;}
div.prizes-cont div.premium-txt{text-align:left; word-wrap:break-word; width:auto; height:auto; float:left; margin:15px 0 0 0;}


div.prizes-cont .scroll-pane { 
	width:490px;
	display:block; 
	overflow:auto; 
	height:130px;
}



/*TNC*/
div.tnc-bg { width:550px; height:480px; background:#000 repeat-y; position:absolute;left:126px; top:90px; z-index:3; border:1px solid #946e43}
div.tnc-bg .h1 { margin:0 auto; width:530px; font-size:24px; color:#e8bd5a; font-family: 'Open Sans', sans-serif; font-weight:600; text-align:center; word-wrap:break-word; text-transform:uppercase; line-height:normal;  border-bottom:1px solid #946e43;}
div.tnc-bg div.txt { width:550px; height:auto; margin:0 auto;; word-wrap:break-word; padding-top:4px; font-size:14px; color:##3E3125; line-height:16px;  }
div.txt .scroll-pane1 p, div.txt .scroll-pane2 p { color:#f2d89c; font-size:13px; font-family: 'Open Sans', sans-serif; font-weight:normal; line-height:1.3em; text-align:justify; padding-top:5px;}
div.tnc-bg div.close a {display:inline-block; width:18px; height:18px; padding:0; background:url('../images/close_btn.png') no-repeat; float:right; margin:5px 7px 0 0; cursor:pointer; background-position:0 0;}
div.tnc-bg div.close a:hover { background-position:0 -18px;}
ul.terms {width:524px; text-align:justify; margin-left:29px; list-style-type:lower-latin;}
ul.details {width:524px; text-align:justify; margin-left:29px;}
ol#list {list-style-type:decimal; text-align:justify; padding:0 12px 0 32px; font-size:14px; color:#296a89; line-height:16px; }



div.txt .scroll-pane1 { 
	display:block; 
	overflow:auto;
	padding:0 15px 0; 
	height:400px;
	width:510px;
	
}

div.txt .scroll-pane2 { 
	display:block; 
	overflow:auto;
	padding:0 15px 0; 
	height:400px;
	width:510px;
	
}