/* import styles */
@import url('../css/headers.css');
@import url('../css/formstables.css');


/* reset */

html, body {
	height: 100%;
	margin: 0;
}

body, h1, h2, h3, h4, h5, p, ul, fieldset, legend, table, form{
    padding:0;
    margin:0;
    border:none;
}

/* common */
body{
    font: 0.75em/1.1 Arial, Verdana, Helvetica, sans-serif;
    color:#110B4A;
    background:#b097c7 url(../../content/images/grad_bg.jpg) repeat-x;
}
@font-face {
	font-family: 'Lobster13';
	src: url('../font/lobster-webfont.eot?') format('eot'),
	     url('../font/lobster-webfont.woff') format('woff'),
	     url('../font/lobster-webfont.ttf')  format('truetype'),
	     url('../font/lobster-webfont.svg#svgFontName') format('svg');
       	font-weight: normal;
	font-style: normal;
}

h1{
    color:#fff;
    font-size:1em;
    font-weight:normal;
}

h2{
   font-size:1.3em;
   color:#4a418a;
   margin:10px 0 10px 0;
   font-weight:normal;
}

h3{
   font-size:1em;
   color:#4a418a;
   margin:10px 0 10px 0;
}

h4{font-size:1em;}

/* links */
a, a:visited{
    outline:none;
    color:#130d4c;
    text-decoration:underline;
}

.toplink{
    float:right;
    position:relative;
    margin-right:10px;
    font-size:0.9em;
    top:5px;
}
.toplink:hover{color:#d53835;}

.toplink-ex{
	top: -5px;
	margin-top: -15px;
	text-decoration: none;
}

.toplink-ex:hover{
	color:#000;
	text-decoration: underline;
}

.smlnormal-btn, .smlnormal-btn:visited{
    float:left;
    width:75px;
    height:27px;
    background:url(../../content/images/buttons/blank_btn01.gif) no-repeat 0px 0;
    text-decoration:none;
    text-align:center;
    line-height:2.4;
    color:#212b2e;
    font-size:0.8em;
}

.smlnormal-btn:hover{
    background:url(../../content/images/buttons/blank_btn01.gif) no-repeat 0px -33px;
    color:#545f62;
}

.lrgnormal-btn{
    float:left;
    width:99px;
    height:24px;
    background:url(../../content/images/buttons/blank_btn02.gif) no-repeat 0px 0;
    text-decoration:none;
    text-align:center;
    line-height:2.4;
    color:#212b2e;
    font-size:0.8em;
}

.lrgnormal-btn:hover{
    background:url(../../content/images/buttons/blank_btn02.gif) no-repeat 0px -33px;
    color:#545f62;
}

a img{border:none;}

.left{float:left;}
.right{float:right;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.bold{font-weight:bold;}
.smalltxt{font-size:0.85em;}
.topalign{margin-top:15px;}
.clear{clear:both;}
.error{color:#ff0000;}

.bottombdr{
    background:url(../../content/images/hr_bdr.gif) repeat-x;  
    float:left; 
    height:2px; 
    width:316px; 
}
.imgcenter{
    display: block;
    margin-left: auto;
    margin-right: auto;
 }

/* main content */
#wrapper{
    position:relative;
    width:889px;
    margin:0 auto;
}

#main-content{
    float:left;
    padding:50px 0px 0 22px;
    width:865px;
    min-height:500px;
    background:url(../../content/images/main_bg.png) repeat-y;
}

#main-base{
   float:left;
   width:889px;
   height:31px;
   background:url(../../content/images/main_footer_bg.gif) repeat-y;
}

.content{
    float:left;
    width:843px;
    padding:17px 10px 0 0;
}

.right-content{
    float:left;
    width:640px;
    border:0px solid white;
}

.inner-wrapper{
    float:left;
    position:relative;
    width:636px;
    padding-top:16px;
    background:url(../../content/images/purple_brdr_top_roundedge.gif) no-repeat;
}

.inner-content{
    float:left;
    background:url(../../content/images/purple_brdr_bg.gif) repeat-y;
    padding:0 20px 0 24px;
    background-color:#fff;
    width:592px;
    min-height:295px;
}

.inner-btm{
    float:left;
    width:636px;
    height:28px;
    background:url(../../content/images/purple_bottom_roundedge.gif) no-repeat;
}

/* Top Navigation */
#nav{
    float:left;
    position:absolute;
    top:86px;
    left:0px;
    background:url(../../content/images/ribbon.png) no-repeat;
    width:889px;
    height:51px;
    font-size:1.4em;
}

#nav ul{
    float:right;
    margin:22px -35px 32px 350px;
    font-family:Lobster13;
	width:575px;
}

#nav li{
    float:left;
    list-style-type:none;
    margin-left:13px;
    padding-right:14px;
    background:url(../../content/images/nav_divider.gif) no-repeat center right;
}

#nav li a, #nav li a:visited{
    color:#fff;
    text-decoration:none;
}

#nav li a.current{color:#ffee3a;}

#nav li a:hover{color:#ffee3a;}
#nav li.last, #nav li:last-child{background:none;}
#nav li.current a{color:#ffee3a;}

/* left content */
.left-content{
    float:left;
    position:relative;
    width:203px;
}

.left-content a, .left-content a:visited{
    text-decoration:none;
}

#cheekydiary{display:block;}

.promo-holder{
    float:right;
    position:relative;
    width:203px;
    height:204px;
    background:url(../../content/images/topoffer_panel01.png) no-repeat;
}

.promo-holder img.right{position:absolute; bottom:11px; right:12px;}
.promo-holder h3{color:#000; margin:70px 0 8px 25px;}
.promo-holder p{width:100px; margin:0 0 0 25px;}

.promobtn, .promobtn:visited{
    float:left;
    margin:10px 0 0 18px;
    width:86px;
    height:28px;
    background:url(../../content/images/buttons/plain_button.gif) no-repeat 0 0;
    color:#fffc00;
    text-decoration:none;
    text-align:center;
    line-height:2.3;
}

.promobtn:hover{background:url(../../content/images/buttons/plain_button.gif) 0 -27px;}

/* header */
#header-content{
    float:left;
    width:100%;
    margin-top:14px;
}

#logo{
    position:absolute;
    left:-7px;
    top:0;
    z-index:99;
}

#loginfrm{
    float:right;
    background:url(../../content/images/loginfrm_bg.png) no-repeat;
    width:534px;
    height:83px;
    display:inline;
}

.form-row{margin-top:23px;}

.input-data{
    width:177px;
    border:none;
    background-color:transparent;
    margin-top:5px;
    color:#676197;
}
.notloggedin{
    float:left;
    width:255px;
    margin-top:10px;
    margin-left:10px;
}

.notloggedin .form-row{
    background:url(../../content/images/input_bg01.png) no-repeat;
    width:253px;
    height:29px;
    margin-top:0;
} 



.notloggedin .form-row label{
    position:relative;
    top:8px;
    font-weight:normal;
    margin-left:8px;
    color:#676197;
}

.notloggedin p{
    margin-left:5px;
    font-size:0.85em;
    color:#fff;
}
.notloggedin p a, #notloggedin p a:visited{
    color:#fff;
    text-decoration:none;
}

.notloggedin p a:hover{color:#ffe900;}

.vip-sect{
    float:left;
    width:115px;
    height:71px;
    background:url(../../content/images/hearts.jpg) no-repeat;
    margin:7px 3px 0 21px;
    display:inline;
}

.loggedin{
    float:left;
    width:269px;
    height:68px;
    background:url(../../content/images/logged_bg01.jpg) no-repeat;
    margin-top:8px;
    padding:8px 0 0 20px;
}

.loggedin .intro-msg{font-size:1.2em; margin-bottom:5px;}
.loggedin .form-row p{margin-bottom:5px;}

.loggedin .form-row{
    float:left;
    margin-top:0;
    width:160px;
}

#submit{
    float:right;
    margin:20px 20px 0 0;
    width:85px;
    height:47px;
    background:url(../../content/images/buttons/lrg_button.png) no-repeat 0px 0px;
    border:none;
    display:block;
    cursor:pointer;
    line-height:-10px;
    color:#ffe900;
    font-family:Lobster13;
    font-size:1.7em;
}

#submit span{
    position:relative;
    top:-6px;
    left:-5px;
}

.btn-link, .btn-link:visited{
    float:left;
    margin:20px 0 0 8px;
    display:block;
    width:85px;
    height:47px;
    color:#ffe900;
    font-family:Lobster13;
    font-size:1.7em;
    background:url(../../content/images/buttons/lrg_button.png) no-repeat 0px 0px;
    text-decoration:none;
    text-align:center;
    text-indent:-10px;
    line-height:2;
}

.lrgbtn-link, .lrgbtn-link:visited{
    float:left;
    display:block;
    margin:20px 24px 0 20px;
    width:109px;
    height:47px;
    color:#ffe900;
    font-family:Lobster13;
    font-size:1.7em;
    background:url(../../content/images/buttons/lrg_button.png) no-repeat 0px -93px;
    text-decoration:none;
    text-align:center;
    text-indent:-10px;
    line-height:2;
}

.top-links, .top-links:visited{
    float:left;
    display:block;
    width:95px;
    height:24px;
    text-decoration:none;
    text-align:center;
    text-indent:-10px;
    line-height:2.2;
    margin-top:3px;
    font-size:0.85em;
}

.lrgbtn-link:hover{background:url(../../content/images/buttons/lrg_button.png) no-repeat 0px -140px;}
#submit:hover, .btn-link:hover{background:url(../../content/images/buttons/lrg_button.png) no-repeat 0px -47px;}
#mblink{background:url(../../content/images/buttons/buttons02.jpg) no-repeat 0 0; color:#660e47;}
#mblink:hover{background:url(../../content/images/buttons/buttons02.jpg) no-repeat 0 -24px;}
#logoutlink{background:url(../../content/images/buttons/buttons02.jpg) no-repeat 0 -48px; color:#312c5b;}
#logoutlink:hover{background:url(../../content/images/buttons/buttons02.jpg) no-repeat 0 -73px;}

/* footer */
#footer{
    float:left;
    width:100%;
    margin-top:27px;
}


/* Bottom Navgation */
#bottomnav{
    margin:0 auto;
    width:720px;
    text-align:center;
    list-style:none;
}

#bottomnav li{
    float:left;
    padding-left:8px;
    padding-right:8px;
    background:url(../../content/images/purple_divider.gif) no-repeat right center;
}

#bottomnav li a{
    color:#110b4a;
    text-decoration:none;
    line-height:1.5;
    font-weight:bold;
}

#bottomnav li a:hover{text-decoration:underline;}

#bottomnav .last{
    background:none;
    padding-right:0;
}

#footer-bar{
    float:left;
}

#footer-bar .footercontent{
    margin:8px auto;
    text-align:center;
    font-size:0.8em;
    color:#3b366a;
}

#footer-bar .footercontent a, #footer-bar .footercontent a:visited{color:#3b366a;}
#footer-bar .footercontent img{vertical-align:middle;}

/* Xmas styles */
body.xmas{
	background: url(../../content/images/Xmas/bg.jpg) repeat-x scroll center top #70BBF2;
}
body.xmas .footnote {
    background: url(../../content/images/Xmas/footer_bg.png) no-repeat scroll 0 0 transparent;
    float: left;
    height: 86px;
    line-height: 1.3;
    margin: 5px 0 0 0;
    padding: 26px 37px 0 36px;
    width: 811px;
}
body.xmas .left-content{height:355px;}
body.xmas #loginfrm{
    background: url(../../content/images/Xmas/loginfrm_bg.png) no-repeat scroll 0 0 transparent;
    display: inline;
    float: right;
    height: 108px;
    width: 534px;
	position:relative;
	z-index:3
}
body.xmas #loginfrm .notloggedin{margin-top:27px;}
body.xmas #loginfrm #submit{margin-top:44px}
body.xmas #cheekydiary{
	position:relative;
	left:-26px;
	top:-26px;
}
body.xmas a #facebook, body.xmas a #youtube{
	position:relative;
	top:-87px;
}
body.xmas .promo-holder {
    background: url(../../content/images/Xmas/topoffer_panel01.png) no-repeat scroll 0 0 transparent;
    float: right;
    height: 207px;
    position: relative;
    width: 206px;
	top:-95px;
}
body.this-is-main #sml-panel .sml-hdr, body.this-is-main #sml-panel #prepaid-hdr {
    background-image: url(../../content/images/Xmas/bonus_cal_hdr.png);
    height: 39px;
    width: 211px;
}
body.this-is-main #main-base {
    display:none;
}
body.this-is-main #main-content {
    background: url(../../content/images/Xmas/main_bg.png) no-repeat scroll 0 0 transparent;
    float: left;
    min-height: 719px;
    padding: 50px 0 0 22px;
    width: 888px;
	position:relative;
	z-index:1;
	top:-5px;
}
body.xmas #header-content #fier{
	background: url(../../content/images/Xmas/fier.png) no-repeat 0 0;
	height: 198px;
	width: 1091px;
	position:absolute;
	top: 0px;
	left:-70px;
}
body.xmas #snowman{
	background: url(../../content/images/Xmas/snowman.png) no-repeat 0 0;
	height: 224px;
	width: 200px;
	position:absolute;
	right:-79px;
	top:842px;
	z-index:3;
}
body.xmas #nav{
	z-index:3;
	top:109px;
}
body.xmas .vip-sect{
    float:left;
    width:108px;
    height:36px;
    background:url(../../content/images/xmas/brolly.png) no-repeat;
    margin:60px 3px 0 21px;
    display:inline;
}
body.xmas .loggedin{
	margin-top:23px;
}
body.xmas #loginfrm .btn-link{
	margin-top:52px;
}
body.xmas #loginfrm .lrgbtn-link{margin-top:41px;}
body.xmas #sml-panel .hp-panel{
	background:url(../../content/images/xmas/sml_hp_panel.png) no-repeat;
	width:202px;
	height:287px;
}
body.xmas #sml-panel{
	position:absolute;
	top:417px;
}
/* -------------------- */

/* ColorBox Core Style */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#000;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../../content/images/calendar/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(../../content/images/calendar/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(../../content/images/calendar/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(../../content/images/calendar/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(../../content/images/calendar/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../../content/images/calendar/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../../content/images/calendar/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../../content/images/calendar/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../../content/images/calendar/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../../content/images/calendar/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../../content/images/calendar/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../../content/images/calendar/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../../content/images/calendar/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
ul.vip{
	padding:10px 15px;
}
img.left-image{
	float: left;
    margin: 0 30px 0 0;
	height:125px;
}
.all-stars{
	font-family:Lobster13;
}