/* Layout style */
body{
	margin:0px;	padding:0px;
	background-color: #FFFFFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
	color:#3E3B2F;
}
td {
    font-size: 10px;
    font-style: normal;
}
#container{
	width:760px; height:auto;
	margin: 0px auto; padding:0px 0px 0px 0px;
	background-color:#FFFFFF;
}

#menucontainer{
	width:auto; height:38px;
	padding:0px 0px 0px 0px;
	float:left;
}

.inputgrey {background-color:#FFFFFF;}

.spacer {
	height: 10px;
	width: 2px;
	border: 0;
	padding: 0;
	margin: 0;
	}
.box{
	width:100%;
}

html>body .box{
	/*width:378px;*/
	width : 100%;
}
.box_left,.box_right{
	margin: 6px 0px 0px 0px;
}
.box_left{
	float:left;
}
.box_right{
	float:right;
}

.content_bg{
	float: left;
}

.lastrow {
	background: url("../images/dash.gif")  repeat-x;
	width : 100%;
}

ul.game2col{		
	float: left;
	padding: 10px 2px 2px 2px;
	margin: 2px;
	width: 478px;
}
ul.game2col li{
	float: left;
	text-align: left;
	margin: 0px 0px 2px 0px;
	/*padding-left: 6px;*/
	width: 269px;
	display:inline;
	height: 120px;
	background:url('../images/dash.gif') right top repeat-y;
}
html>body ul.game2col li{
	width: 250px;
}

ul.game2col li p{
	margin: 0 0 2px 0;
}
ul.game2col .img{
	width: 100px;
	float:left;
}

ul.game2col .desc{
	width: 161px;
	float: right;
}
html>body ul.game2col .desc{
	width: 140px;
}

.content_bg{
	float: left;
	width:100%;
}
.page_width{
	width:760px;
}

/* Search Box */
.searchTextBox {
	border: 1px solid #aaa;	
	background-color: #fff;
	width: 120px;
	font-family: MS Shell Dlg;
	color: #000000;
	font-size: 12px;
}

.searchSelectMenu {
	border: 1px solid #aaa;
	background-color: #fff;	
	font-family: MS Shell Dlg;
	color: #000000;
	font-size: 12px;
	margin-bottom: 1px;
}

/* Themes */
ul.theme5col{		
	float: left;
	padding: 10px 2px 2px 2px;
	margin: 2px;
	width: 585px;
}
ul.theme5col li h3{
	height: 40px;
}

html>body ul.logo5col li {
	height: 60px;
}
html>body ul.theme5col li{
	width: 105px;
}
ul.logo5col li{
	height: 40px;
}

ul.theme5col li{
	height: 170px;
}

.titlegrey, .titleblue{
	text-align:left;
	line-height: 20px;
	padding: 0px 4px 0px 4px;
	height:24px;
}
.titlegrey{
	background: url("../images/title_grey_bg.gif") repeat-x;
}

.titleblue{
	background: url("../images/title_blue_bg.gif") repeat-x;
}

html>body .titlegrey, html>body .titleblue{
	padding:0px;
}

ul.tone{
	float: left;
	padding: 2px;
	margin: 2px;
	width: 365px;
}
ul.tone li{
	background: 2px 5px url("../images/plus.gif") no-repeat;
	float: left;
	margin: 0px 0px 4px 0px;
	padding-left: 12px;
	text-align:left;
	width: 175px;
	display:inline;
}
html>body ul.tone li{
	width: 160px;
}

a.blacklink:link, a.unsub:link {
    color: #000000;
    text-decoration: underline;
    font-size: 9px;
}

a.blacklink:visited, a.unsub:visited {
    color: #000000;
    text-decoration: underline;
    font-size: 9px;
}

a.blacklink:active, a.unsub:active {
    color: #000000;
    text-decoration: underline;
    font-size: 9px;
}

a.blacklink:hover, a.unsub:hover {
    color: #000000;
    background: none;
    text-decoration: none;
    font-size: 9px;
}
.imgborder {
    BORDER-BOTTOM: #cccccc 1px solid;
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
}

/*Common style */
input{
    color: #000;
    font-size: 12px;
	/*padding:2px;*/
	height:20px;
}
select{font-size: 12px; height:18px; padding:0px; margin:0px;}
form{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.fontbold{font-weight:bold;}
.fontnormal{font-weight: normal;}
h1, h2, h3, h4, h5{margin:0px;padding:0px;font-size: 11px;}
h6{margin:0px;padding:0px;font-size: 10px;}
ul, li{margin:0px;	padding:0px; list-style-type:none;}
a{color:#3E3B2F;text-decoration:none;}
a:hover{text-decoration: underline;}
#content, #handsetSelector{ text-align:left;background-color: #FFFFFF;}

/* prelisten */
#prelisten{	width:185px; height:113px; z-index:103; position:absolute; background:url('../images/pu_header.gif') no-repeat left top;}
#prelisten a{ float:right; width:27px; height:20px; background:url('../images/pu_closebutton.gif') no-repeat ; }
#prelisten a span{ display:none;}
#prelisten h3{ padding:8px 0px 0px 6px;}
#prelisten #flashswf{ padding:10px 0px 0px 12px; display:block;}
#pu_bg_left{ width:4px; height:95px; display:block; float:left; background:url('../images/pu_bg_left.gif') no-repeat}
#pu_bg_right{ width:4px; height:95px; display:block; float:right; background:url('../images/pu_bg_right.gif') no-repeat}
#pu_bg{width:175px; height:95px; display:block; float:left; background:url('../images/pu_bg.gif') repeat-x}
	
/*logintab */
#logintab{
	background-color:#F0F3E9;
	padding:0px 0px 0px 0px;
	width:auto; height:30px;	
}

#countrycode, #text{display: inline;}

#logintab form{ margin:0px 0px 0px 0px;}
#logintab .input{vertical-align: middle; background-color: #fff; border: 1px solid #aaa;}
#passwordform_msisdn_phone { width:61px; height: 21px; /*margin-left: 1px; margin-top:4px;*/font-family: Ms Shell Dlg; font-size:12px; color: #000000; border: 1px solid #aaa;}
#passwordform_password {BACKGROUND-COLOR: #fff; width:31px; /*margin-left: -8px; margin-top:-1px;*/font-family: Ms Shell Dlg; font-size:12px; color: #000000; border: 1px solid #aaa;}
html>body #passwordform_password {BACKGROUND-COLOR: #fff; width:31px; margin-left: 3px; margin-top:-1px;font-family: Ms Shell Dlg; font-size:12px; color: #000000; border: 1px solid #aaa;}
#logintab ul{width:auto;line-height:28px;}
#logintab li{ float: left; padding :5px 0px 0px 2px;}
#logintab h3{font-weight:bold;font-size: 10px;display: inline;float: left;}
html > body #logintab h3{margin-bottom:5px;}
#logintab #btnlogin{cursor:pointer; height:15px; border:none; padding:0px 0px 6px 0px;background: url('../images/btn_login.gif') no-repeat;}
#logintab #btnlogout{cursor:pointer; height:15px; border:none; margin:2px 0px 0px 10px; padding:0px 0px 6px 0px;background: url('../images/btn_logout.gif') no-repeat;}
html>body #logintab #btnlogin{cursor:pointer;margin:8px 0px 0px 0px;vertical-align: middle;}
html>body #logintab #btnlogout{cursor:pointer;margin:8px 0px 0px 10px;vertical-align: middle;}
#logintab span{vertical-align:bottom;float: left; margin: 0px 0px 0px 10px;}
html > body #logintab span{vertical-align:bottom; left; margin: -2px 0px 0px 5px;}
#logintab a{ text-decoration:underline; letter-spacing:-0.5px; font-size:9px; background: url('../images/arrow.gif') no-repeat 82px 4px;  padding:0px 13px 0px 3px;vertical-align: bottom;}
html>body #logintab a{background-position:right 4px;}
#logintab a:hover{ text-decoration: none;}
#logintab a.logout {margin: 0; padding: 0; border: 0;}
#logintab li#country{float:right; width:160px;}
#logintab #countrycode{ width:40px; font-size:10px; margin: 6px -7px 0px 4px; padding:0px; float:left; vertical-align:middle;}
#logintab #text {/*margin: 1px auto 7px;*/ width: 65px;}
html>body #logintab #countrycode{ font-size:10px; margin: 0px -4px 0px 10px; padding:0px; vertical-align:middle;}
html>body #logintab #text {margin-right: 3px; width: 61px;}

/* header */
#header{ height:auto; width:auto; padding:7px 0px 7px 7px;}
#logo {float:left; margin:7px 7px 0px 0px; width:115px;}
#logo h3 span{display: none;}
#logo h3{
	height: 47px; width:115px; cursor:pointer;
	padding: 0px;	margin: 0px;
	background: url('../images/logo.gif') no-repeat;
}
#nl_BE #logo h3{
	height: 47px; width:115px; cursor:pointer;
	padding: 0px;	margin: 0px;
	background: url('../images/nl/logo.gif') no-repeat;
}
.fr_BE #logo h3{
	height: 47px; width:115px; cursor:pointer;
	padding: 0px;	margin: 0px;
	background: url('../images/fr/logo.gif') no-repeat;
}
#phoneselector{width:160px; height:60px; margin:2px -5px 0px 0px; padding:6px; background-color:#D7E1B9; float:left; text-align:left;}
#phoneselector h3{ font-size:10px;}
#phoneselector a{ text-decoration:underline; letter-spacing:-1px; background: url('../images/arrow.gif') no-repeat 110% 95%;  padding:0px 12px 0px 0px;}
#phoneselector a.chgcell{ background-position:right;padding:0px 12px 0px 0px;}
html>body #phoneselector{width:150px; height:49px; margin:2px -5px 0px 0px; padding:6px; background-color:#D7E1B9; float:left; text-align:left;}
html>body #phoneselector a{ background-position:right;padding:0px 12px 0px 0px;}
#phoneselector a:hover{ text-decoration: none;}
#phoneselector a span{ display:none;}
html>body #phoneselector a span{ display: inherit;}
.phone-a{background:#D7E1B9 url('../images/mobilea.gif') no-repeat right top;}
.phone-b{background:#D7E1B9 url('../images/mobileb.gif') no-repeat right top;}
#banner01 {float:right; width:470px;}
#banner01 img{ border:1px solid #CCCCCC;}
	
#error {
	padding: 0;
	float: left;
	width: 700px;
	margin-top: 5px;
}
#error h5 {
	font-family: Verdana;
	font-size: 10px;
	color: #c00;	
	font-weight: normal;
}
#errorimg {
	float: left;
	padding: 0;
	margin-left: 0;
	margin-top: 4px;
}
#errormsg{
	padding: 5px;
	text-align: left;
	float: left;
	display: block;
}
#errortext{text-align:center; color:#FF3300 }

/* Menu> submenu */
#menu .submenu{
	float:left;padding: 0px;
	position: absolute; border-top:2px solid #849644;
	top: 144x;
	visibility: hidden;	z-index: 2;}
#menu .submenu ul{float:left; width:100%;background:none;}
#menu .submenu li{ float:left; width:100%; padding:0px; margin:0px; border:none; line-height:16px;}
#menu .submenu li a{float:left;width:100%;background-color:#CCE180; padding:0px 0px 0px 10px;}
#menu .submenu li a:hover{background-color:#E6F0C3;}

#ring-sub{width: 130px;text-align:left;}
#wall-sub{width: 150px;text-align:left;}
#games-sub{width: 90px;text-align:left;}
#text-sub{width: 150px;text-align:left;}

/* Menu Search button */
.searchBtn {
	width: 54px;
	height: 17px;
	padding: 0;
	margin: 0 6px 0 4px;
	border-style: none;
	vertical-align: middle;
	background-color: #DDECA7;
}

/* navigator */
#navigator{
	float:left;
	width:100%;
	height:26px; 
	padding:5px 0px 0px 25px;
	background:8px #DAED95 url('../images/arrow2.gif') no-repeat;
	text-align:left;
	font-size:11px;
	font-weight: bold;
	font-family: Verdana;
}

#navigator_phone{
	float:left;
	width:100%;
	height:26px; 
	padding:5px 0px 0px 25px;
	background:8px #DAED95 url('../images/arrow2.gif') no-repeat;
	border-bottom:1px solid #C2D285;
	text-align:left;
	font-size:11px;
	font-weight: bold;
}
html>body #navigator, html>body #navigator_phone{width:735px; height:20px;}
#navigator h3 {/*padding:0; margin:-13px 0 0 171px;*/ display:inline; border:0; font-weight:700;}
#navigator_phone h3 {padding:0; margin:-13px 0 0 58px; border:0; font-weight:700;}
html>body #navigator_phone h3 {margin:-13px 0 0 58px;}
#navigator span, #navigator_phone span{ font-weight: bold;} /* font-weight: bold; added by Kenny */
#navigator a, #navigator_phone a{ margin:0px 0px 0px 0px;text-decoration:underline; font-weight: bold;} /* margin, left 25px to 0 px edited by stan*/
#navigator a:hover, #navigator_phone a:hover{ text-decoration: none;}

/* category */
#category{float:left; width:100%; height:auto; background:#E8EEC1 url('../images/cat_bg.gif') repeat-x;}
#cat_title{height:27px; background: url('../images/cat_arrow.gif') no-repeat; padding:7px 0px 0px 40px; color:#6C7649;}
#category ul{letter-spacing:0px;float:left; padding:0px 0px 0px 28px; }
#category li{float:left; display: block; width:233px; background:3px 8px url('../images/cat_dot.gif') no-repeat; padding:4px 0px 1px 10px; color:#FF0000; font-size:9px;}
#cat_btm{background:url('../images/cat_btm.gif') bottom repeat-x;}
html>body #cat_btm{margin-top:8px;}
#category a{color:#48453A;}
#category a:hover{color:#5C7600; text-decoration:none; border-bottom: #5C7600 1px dashed;}
#category .fivecolumn li{width:136px;}

/* group & Footer */
#group1{width:550px;float:left;} /* to handle spacing problem for IE6 */
html>body #group1{width:550px;}
#group1_1{width:588px;float:left;}
#group_adv{width:200px; float:right; }
#group2{width:760px;}
#footer{width:760px; margin:8px 0px 0px 0px;}
html>body #group2, html>body #footer{float:left;}
#group_adv #adv2, #group_adv #adv3, #group_adv #adv2_1, #group_adv #adv3_1{ margin-top:8px;}
#groupGoogle {width: 500px; float: left;}
#group_adv_error {width: 250px; height:250px; float: right;}
#group_adv_google {width: 200px; float: right;}
#groupGoogle_top {width: 760px; float: left;}
#groupGoogle_top>#adv3 {height: 100px; margin-left: 16px; margin-top: 5px;}
#groupGoogle_top #adv3 {height: 100px; margin-left: 16px; margin-top: 5px;}

/* Fix Google Adv flashing bug in Firefox */
html>body #adv3_1{height:600px;}
html>body #adv3_1 div{ position:absolute; width:200px;}
html>body #adv3{height:600px;}
html>body #adv3 div{ position:absolute; width:200px;}

/* Group_adv > registerbox */
#register {background-color:#EBF3D9; margin:8px 0px 0px 0px;}
.registerbanner { display:block; width:100%; height:93px; background: url('../images/register_banner.gif') no-repeat left top;cursor:pointer; }
.registerbannernl { display:block; width:100%; height:93px; background: url('../images/nl/register_banner.gif') no-repeat left top;cursor:pointer; }
.registerbannerfr { display:block; width:100%; height:93px; background: url('../images/fr/register_banner.gif') no-repeat left top;cursor:pointer; }
#register h3{ font-size:10px; padding:0px; margin: 1px 0 2px 4px;}
#register #text{padding: 0px 10px 0px 0px;}
/*#register #countrycode{ display:inline;}*/
#register span{ display:none;}
#register #btnregister{ height:17px; border-style:none; padding:0; margin: 2px 8px 0px 10px; vertical-align: middle; float: right;background-color:#EBF3D9;}
html>body #register #btnregister{margin:0px;}
#register #TNC{ text-align:left; margin:0px 0px 9px 5px; padding:0px 2px 0px 0px; font-size:10px; color:#000000;}
html>body #register #TNC {margin:5px 0px 10px 0px;}
#register #TNC a{ text-decoration:underline;}
#register #TNC a:hover{ text-decoration:none;}
#register input {vertical-align: middle;}
#register .mobileTextField { width: 70px; padding:2px; font-family: MS Shell Dlg; font-size: 12px; color: #000000; height: 20px; background-color: #fff; border: #aaa 1px solid;}
#register .selectCarrier {font-size: 12px; height:20px; padding:0px; margin: 3px -1px 10px 5px; clear: both; color: #000000; font-family: MS Shell Dlg; background-color: #fff; border: #aaa 1px solid; width: 110px;}
#register input[type="checkbox"] #regCheckBox {border: none; padding: 0; margin: 0; float: left;}
#register td .registerTD {padding-left: 4px;}
#clear {clear: left;}

/* Group_adv > adv_more_campaigns */
#adv_more_campaigns{ background-color:#CCEFED;height:360px;margin:8px 0px 0px 0px;}
#adv_more_campaigns h2{display:block; width:100%; height:67px; background: url('../images/campaign.gif') no-repeat left top;}
#adv_more_campaigns span{ display:none;}
#adv_more_campaigns h3{ font-size:10px; padding:3px;}
#adv_more_campaigns h4{ font-size:10px; margin:0px 0px 0px 5px;}
#adv_more_campaigns ul{ width:100%;}
#adv_more_campaigns li{ width:100%; padding:5px 0px 5px 0px;}
#adv_more_campaigns li.color{ background-color:#E7F8F7;}
#adv_more_campaigns li p{ padding:0px; margin:0px 0px 0px 5px;}
#adv_more_campaigns li a{text-decoration:underline; letter-spacing: -0.5px; font-size:9px; background: url('../images/arrow.gif') no-repeat right; padding-right:10px; margin-right:8px;}
#adv_more_campaigns li a:hover{ text-decoration:none;}

/* footer (footer.ftl) */
#footer {float:left; border-top:#849644 2px solid; text-align:left;}
html>body #footer {width:760px;}
#footerline{border-top:#D2EC77 7px solid; margin-bottom:3px;}
#footer #poweredby { float:right;}
#footer #poweredby h3.footerlogo{
	float: left;	display: block;
	width: 150px;	height: 26px;
	padding: 0px;	margin: 0px;
	background:url('../images/poweredby.gif') no-repeat left top;	
}
#footer #poweredby h3.footerlogonl{
	float: left;	display: block;
	width: 150px;	height: 26px;
	padding: 0px;	margin: 0px;
	background:url('../images/nl/poweredby.gif') no-repeat left top;	
}
#footer #poweredby h3.footerlogofr{
	float: left;	display: block;
	width: 150px;	height: 26px;
	padding: 0px;	margin: 0px;
	background:url('../images/fr/poweredby.gif') no-repeat left top;	
}
#footer #poweredby h3.footerlogo span{display: none;}
#footer #links ul {padding: 2px 0px;	margin: 0px; }
#footer #links li {	
	display: inline;
	padding: 0px 2px; 
	margin:0px;
	list-style-type: none;
	border-right: 1px solid #7E7E7E;
}
html>body #footer #links li{padding:0px 6px 0px 2px; }
#footer #links li.end { border-right-style: none;}
#footer .copyright{padding:0px 2px;color:#7E7E7E;}
#footer a{color:#7E7E7E;}
#btm span{ float:left;}
#btm {
	color: #7E7E7E;	line-height: 10px;
	padding:7px 0px;	text-align:justify;
}
#btm li {
	display: inline;	margin: 0px;	padding:0px 0px 0px 0px;
	border-right-style: none;
}

/* box header & btm */
.boxheader{width:100%; height:20px; padding:4px 0px 0px 0px; background-color:#EBF3D9;text-align:left;}
html>body .boxheader {height:16px;width:100%;}
.boxheader h2{padding:5px;display: inline; text-align:left;}
.boxheader #b{float:right;}
.boxheader a{ text-decoration:underline; letter-spacing: -0.5px; font-size:9px; float:right; background: url('../images/arrow.gif') no-repeat right; padding-right:10px; margin-right:8px;}
.boxheader a.greylink {color: #000000; font: Verdana;}
.boxheader a:hover{ text-decoration: none;}
#btm_line { border-bottom:#EBE9E4 1px solid; float:left; width:100%; height:auto; padding-bottom:3px; margin:-12px 0px 0px 0px; }
html>body #btm_line{ margin:-3px 0px 2px 0px; padding-bottom:4px;}

/* Ringtone - content show*/
.ringtone{ margin:8px 0px 0px 0px; text-align: left; float:left; width:100%;}
.ringtone ul{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:100%;float:left; }
html>body .ringtone ul { width: 550px; }
.ringtone li{ width:50%; float:left; padding:0px 0px 2px 0px;}
html>body .ringtone li { width: 275px; height:auto;}
.ringtone h3{ padding:2px 0px 0px 0px;font-size:10px;}
.ringtone h4{ font-weight:normal;font-size:10px;width:155px;margin-left:24px;}
html>body .ringtone h4{ padding-bottom:2px;width:166px;margin-left:30px;}
.ringtone h5{float:left;padding:2px 4px 0px 2px; width:24px; height:28px; text-align:right; font-weight:normal; display:inline;}
html>body .ringtone h5{ padding-right:6px;height:auto;}
.ringtone .icoset{ width:90px; height:auto; float:right; padding:6px 0px 0px 0px;}
.ringtone .icoset h3{display: block;height: 17px;width: 19px; float:right;}
.ringtone .icoset h3.new{width: 28px;}
.ringtone .icoset h5{display: block;height: 17px;width: 28px; float:right;}
html>body .ringtone .icoset h5{display: block;height: 17px;width: 20px; float:right;}
.ringtone .new {background: url('../images/new.gif') no-repeat left top; margin:2px 8px 0px 0px;}
.ringtone .preview {background: url('../images/listen.gif') no-repeat left top;}
.ringtone .download {margin-right:8px;background: url('../images/download.gif') no-repeat left top;}
.ringtone .new span{display:none;}
.ringtone .preview span{display:none;}
.ringtone .download span {display:none;}
.noitem {margin:10px 0px 0px 10px;	text-align:left; color:#c00;}
.ringtone .singerbox {
	width: 190px;	
	padding: 0;
	border: 0;
	margin: 0 0 0 25px;
	text-align: left;
}
html>body .ringtone .singerbox {margin: 0 0 0 30px; width:185px;}

/* Ringtone */
#polytone{}
#truetone{}

/* TrueTone */
#truetone .rartist{ display:none;}

/* For All Box That show Pic */
.showpic{ float:left;}
.showpic ul{width:100%;}
.showpic li{float:left; padding:7px 0px 0px 0px; text-align:center; background:url('../images/dash.gif') right top repeat-y;}
.showpic li.last{background-image:none;}
.showpic a img{ border:#cccccc 1px solid;}
.showpic #text:hover{ text-decoration:underline;}
.showpic h3{margin:4px 0px 0px 0px; font-size:10px;}
.showpic h3.new{display: block;height:17px; width:19px; background: url('../images/new.gif') no-repeat left top; margin:2px auto 0px auto; padding:0px;}
.showpic h3.new span{ display:none;}

/* information */
.information{ float:left; margin:5px 0px 0px 0px; width:94%; padding:2px 0px 5px 20px;  background:url('../images/tips.gif') no-repeat left top;}
html>body .information{padding:2px 0px 2px 20px; width:auto;}
.red{color:#CC0000;}

/* li bg color */
li.color{background-color: #F7FAF0;}

/* Page Number */
#pagenum{width:100%; background-color:#EBF3D9; text-align:right; float: right; height: 21px;}
#pagenum #paging { float: right; padding: 0; margin:0 4px 0 0; border:0; }
#pagenum span{margin:0 2px 0 2px;}
#pagenum a{ text-decoration:underline; color:#000000; margin:0 2px 0 2px;}
#pagenum a:hover{ text-decoration: none;}
#pagenum p {font-family: verdana; font-size: 9px; color: #000000; padding: 0; margin-right: 4px; border: 0; margin-top: 4px;}

/* btn */
#btnsubmit{ width:57px; height:17px; border:none; background:0px 0px url('../images/btn_submit.gif') no-repeat;}

/* Floating TNC text box style*/
.niceTitle{ width: 750px; margin-left:auto; margin-right:auto;/*position: absolute; left: 0px; top: 0px;*/}
.contents{ float:left; background-color:#E5F3C5; }
.contents p{padding:10px; margin:0px; text-align:justify; border:1px solid #82963A;}

/* TnC display style */
a.termslink, a.termslink:hover{
	text-decoration:underline;
}

/* For Register page */
#topbar{ float:left; width:100%; margin-top:6px; }

#barleft {width:245px; float:left; margin-top: 2px;}
html>body #barleft {margin-top: 1px;}
#barleft h3 span{display: none;}
#barleft h3{height: 108px; width:245px;	padding: 0px; margin: 0px 0px 0px 4px;}
#barleft.register h3{background: url('../images/registration.jpg') no-repeat left bottom;}
.fr #barleft.register h3{background: url('../images/fr/registration.jpg') no-repeat left bottom;}
.nl #barleft.register h3{background: url('../images/nl/registration.jpg') no-repeat left bottom;}
#barleft.register_nl h3{background: url('../images/nl/registration.jpg') no-repeat left bottom;}
#barleft.register_fr h3{background: url('../images/fr/registration.jpg') no-repeat left bottom;}
#barleft.joke_register h3{background: url('../images/joke_registration.jpg') no-repeat left bottom;}
#barleft.joke_registernl h3{background: url('../images/nl/joke_registration.jpg') no-repeat left bottom;}
#barleft.joke_registerfr h3{background: url('../images/fr/joke_registration.jpg') no-repeat left bottom;}
#barleft.horo_register h3{background: url('../images/horo_registration.jpg') no-repeat left bottom;}
#barleft.horo_registerfr h3{background: url('../images/fr/horo_registration.jpg') no-repeat left bottom;}
#barleft.horo_registernl h3{background: url('../images/nl/horo_registration.jpg') no-repeat left bottom;}

#barright{
	width:510px;
	float:right;
	margin-top: 2px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0; 
	border: 0;
	background-color: #e7f8f7;
}
html > body #barright{width:510px; float:right; margin-top: 1px;}
#barright_top{width:500px; float:left; padding:5px; text-align:left; background-color: #ffffff;}
#tag1, #tag2, #tag3 {width:160px; height:40px; float:right; padding:4px; font-weight:bold; font-size:11px; text-align:left; border-left:1px solid #ffffff; background-color:#E7F8F7;}
html > body #tag1, #tag2, #tag3{width:159px;height:40px; float:right; padding:5px; font-weight:bold; font-size:11px; text-align:left; border-left:1px solid #ffffff; background-color:#E7F8F7;}
#tag1.stepnow, #tag2.stepnow, #tag3.stepnow{ background-color:#B6E9E5; padding:4px 4px 9px; }
html > body #tag1.stepnow, #tag2.stepnow, #tag3.stepnow {padding:5px}
#tag1 p.p1 {
	text-align: left;
	padding:0;
	border:0;
	margin:5px 8px 0 0;
	float: right;
}
html>body #tag1 p.p1 { margin:5px 15px 0 0; }
#tag2 p.p2 {
	text-align: left;
	padding:0;
	border:0;
	margin:5px 9px 0 0;
	float: right;
	display: block;
}
html>body #tag2 p.p2 { margin: 5px 18px 0 0; }
#tag3 p.p3 {
	text-align: left;
	padding:0;
	border:0;
	margin:5px 20px 0 0;
	float: right;
}
html>body #tag3 p.p3 {margin:5px 42px 0 0;}
#tag1 p.p4 {margin: 0 0 0 15px; padding-top: 5px; display: block;}
#tag2 p.p5 {margin: 0 0 0 28px; padding-top: 5px;}
#tag3 p.p6 {margin: 0 0 0 4px; padding-top: 5px;}

#form_area { float:left; width:100%; background-color:#B6E9E5;}
#form_area ul{width:690px; float:left; padding:10px 0 20px 0; margin-top:20px; margin-left: 15px;}
html>body #form_area ul{margin-left: 30px;}
#form_area li{width:400px; margin-right:auto; float:left; padding:1px; margin:2px 0px 2px 0px;  vertical-align: middle;line-height:10px;font-size: 10px;}
#form_area li span{ background-color:#E7F8F7; padding:8px 8px 8px 4px;}
html > body #form_area li span{ background-color:#E7F8F7; padding:4px 4px 8px 4px;}
#form_area li span.padCheckBox {padding: 2px; text-align: center;}
html>body #form_area li span.padCheckBox {padding: 4px; text-align: center; vertical-align: middle; }
#form_area li.left{ width:220px; font-weight:bold; text-align:right; vertical-align: middle; padding:5px 1px 1px 1px; margin:2px 0px -5px 0px;}
#form_area li.right{width:400px; text-align:left;margin-left:3px;}
html>body #form_area li.right {width: 280px;}
#form_area #btncontinue{ width:157px; height:40px; border:none; background:0px 0px url('../images/continue.gif') no-repeat;}
#form_area li #TNC{line-height:12px;position:relative;width:410px;}
#form_area #terms{ border:none;background:none;}
#form_area li input{vertical-align: middle;}
#form_area a{text-decoration:underline;}
#form_area a:hover{text-decoration:none;}
#form_area .inputText {width: 80px; height: 14px; font: MS Shell Dlg; font-size: 12px; color: #000000;}
#form_area .selectText {font: MS Shell Dlg; font-size: 12px; color: #000000; border: 1px solid #aaa;}
#form_area .checkBox {
	margin: 0 0 2px 2px;
	padding: 0px;
	border:none;
}
#form_area .pinText {
		width:50px;
		height:25px;
		font-size:20px;
		font-weight:bold;
		background-color: #fff;
		border: #aaa 1px solid;
}

#form_area h3{ text-align:left; margin:20px 20px 0px 20px;}
#form_area ul.step2{padding-right:180px; margin-right:-180px;margin-top:0px; width:62%; background:url('../images/password.gif') no-repeat right;}
#form_area ul.step2 #password{width: 50px; height:24px; font-size: 20px; font-weight: bold; }
#form_area ul.step2 li{ float:right;width:300px;line-height:12px; }
#form_area ul.step2 li.left{ float:left; display:block; width:155px;}
#form_area ul.step2 li.hgt{ height:30px; margin-top:19px;}
#form_area ul.step2 li span{ padding:2px;}
html>body #form_area ul.step2 li span{margin:-10px 2px 0px 0px; display:block;vertical-align: middle; float:left;}
#form_area ul.step2 li h4{ display:inline; margin-left: 4px; margin-top: 7px;}
html>body #form_area ul.step2 li h4{ float:left; margin-left: 4px;}
#form_area #btnsubmit_big{width:132px; height:40px; border:none; background-color:#B6E9E5;}
html>body #form_area #btnsubmit_big{width:132px; height:40px; border:none; background-color:#B6E9E5;margin-left:-1px;}
#form_area .errorMessage {background-color:#B6E9E5; font-weight: bold; color: #FF0000; }
#form_area .wwFormTable {
	width: 760px;
	padding: 0;
	margin: 0;
	border: 0;	
}
#form_area #text {width:60px; margin: 0px 0px 0px 0px;}
#form_area #countrycode {padding:4px 0px 0px;}
html>body #form_area #text {width:60px; margin: 0px 0px 0px 0px;}

#demo3step{float:left; width:100%;padding:20px 0px 0px 0px; background-color:#B6E9E5; text-align:center;}
#demo3step span.msg{ margin:10px 30px 10px 30px; padding:15px 0px 15px 0px; background-color:#e7f8f7; display:block; font:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:700;}
#demo3step h5{ font-size:28px;}
#demo3step span.greencolor{ color:#96C401;}

.greyBold {
    font-weight: bold;
    color: #3E3B2F;
    font-size: 10px;
}

#download .mobileTextField { width: 70px; margin: 0px 0px 0px 5px; padding:2px; font-family: MS Shell Dlg; font-size: 12px; color: #000000; height: 20px; background-color: #fff; border: #aaa 1px solid;}
/*#download #text, #countrycode { display: inline; }*/
#download #login_password {BACKGROUND-COLOR: #fff; margin: 0px 0px 8px;}
.mobileTextField { width: 70px; margin: 0px 0px 0px 0px; font-family: MS Shell Dlg; font-size: 12px; color: #000000; height: 16px; background-color: #fff; border: #aaa 1px solid;}

.greyBoldtitle {
    font-weight: bold;
    color: #3E3B2F;
    font-size: 11px;
}

#pwdform_password_password {
	width:50px; height: 20px; margin-top:4px;font-family: Ms Shell Dlg; font-size:12px; color: #000000; border: 1px solid #aaa;
}

#login_password {width:50px; margin-top:4px;font-family: Ms Shell Dlg; font-size:12px; color: #000000; border: 1px solid #aaa;}