﻿
html,body
{
	margin:0px; padding:0px;
    height:100%;
    width:100%;
    border:0px;
    min-height:100%;
    font-size: 12px;
    position:relative;
    font-family: Tahoma, Verdana, Arial, Helvetica, FreeSans;
}

table.verticalOne
{
	height:100%;
	width:100%;
}
table.verticalOne table#mainVcontainer
{
	padding:50px 0px;
	width:701px;
}

*{outline:none;}
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold!important;}
.inline{margin:0px; padding:0px; display:inline;color:#000000;}
.block{display:block;}
.cl{clear:both;}
.hidden{visibility:hidden;}
.lg{float: right; margin: 0px 15px 0px 0px;display:block;font-style:italic;text-decoration: underline;}
.lg a{font: 11px Tahoma, FreeSans;display:block;vertical-align:top;background: url(/images/LoginBox/login.gif) no-repeat left top; height: 20px; padding: 5px 0px 0px 20px;}
.lg a:hover{text-decoration:underline; cursor:pointer;}
.verticalOne
{
}
.roundOne {background-color:#fff; padding:15px; display:block; }
.topbanner{margin-bottom:10px; border:0px;}
.logos{display:block; position:relative; border:1px solid transparent;}
.logos .vivalogo{position:absolute; top:-55px;}
.logos .partnerlogo{position:absolute; right:5px; top:-5px;}
.promocontent{margin:30px 35px 20px 35px; display:block; color:#444444;}

.promocontent h1{font-size:2em; color:#000000;}
.promocontent h3{font-weight:normal!important; font-size:1.3em;}
.promocontent h4{font-weight:normal!important; font-size:1.3em;text-decoration:underline;}
h4{font-weight:normal!important; font-size:1.2em; text-decoration:none!important; margin:0px; padding:0px;}

.promocontent h5{font-weight:normal; font-size:1.1em;}
.promobody{display:block; background-color:#e6e5e4; padding:34px 0px; text-align:center; margin:30px 0px 30px -10px;}
.promotools{margin:0 auto;}
.promotools label{font-weight:bold; font-size:1.2em;}
.promotools input.pinInput{width:110px; border:1px solid #d1d1d1; padding:6px; font:bold 1.5em Arial; letter-spacing:1px; margin-right:5px;}
input.greencontinue{cursor:pointer!important; vertical-align:top; width:129px; position:static; height:35px; background:url(/images/Promotions/buttons/green-continue.jpg) no-repeat left top; border:0px;}
input.greencontinue:hover{cursor:pointer!important;}
input.bluecontinue{cursor:pointer!important; vertical-align:top; width:129px; position:static; height:35px; background:url(/images/Promotions/buttons/bluecontinue.jpg) no-repeat left top; border:0px;}
input.bluecontinue:hover{cursor:pointer!important;}
.helpbar{color: #444444;font:11px Tahoma, FreeSans;background:url(/images/Promotions/promo_footer.png) no-repeat left top; display:block; width:100%; margin-top:12px; }
ul.helpbarsections{margin:0px; padding:0px; list-style-type:none; height:37px; }
ul.helpbarsections li{display:inline; padding:15px 18px 12px 18px; background:url(/images/Promotions/helpbar-sep.gif) no-repeat right bottom; height:37px; line-height:37px;}

ul.helpbarsections a{color: #444444; text-decoration: none;}
ul.helpbarsections a:hover{text-decoration: underline !important;}

ul.helpbarsections li.last{background-image:none;}
ul.helpbarsections li.msg span{background:url(/images/Promotions/helpbar-msg.png) no-repeat left 0px; padding-left:25px;}
ul.helpbarsections li.whosonli a{background:url(/images/Promotions/whoson.png) no-repeat left top; padding-left:32px; padding-bottom:6px; margin:0px 0px;}
ul.helpbarsections li.phone a{background:url(/images/Promotions/helpbar-phone.png) no-repeat left top; padding-left:20px; padding-bottom:3px;}
ul.helpbarsections li h3{font-size:1.2em;}

.bottomlinks{display:block; width:100%; color:#6e6e6e; text-align:center;margin: 5px 0px 0px 0px;}
.bottomlinks a{color:#6e6e6e;text-decoration:underline;}
.bottomlinks a:hover{text-decoration:none !important;}
ul.bottomlinkssections{margin:0px; padding:0px; list-style-type:none; height:30px;}
ul.bottomlinkssections li{display:inline; padding:8px 0px; height:30px; line-height:30px;}
div.bottomlinks div.powered{padding:8px 0px; height:17px; line-height:17px;}
div.bottomlinks div.powered a{font-weight:bold;}

h3.message{margin:0px; padding:0px; font-size:1.3em;}
h1.message{margin:0px; padding:0px; font-size:2em;}
.successHolder{display:block; margin:50px 0px 15px 0px; background:#0aac0e url(/images/Promotions/greentick.jpg) no-repeat 10px 10px; color:#ffffff; text-align:center; padding:10px 0px;}
.failureHolder{display:block; margin:50px 0px 15px 0px; background:#ed1c24 url(/images/Promotions/redex.jpg) no-repeat 10px 10px; color:#ffffff; text-align:center; padding:10px 0px;}
.grayHolder{display:block; background:#e6e5e4; text-align:center; padding:27px 15px 0px 15px;}
.wrper27{padding:27px; text-align:center;}

a.promologin{vertical-align:top; width:213px; position:static; height:35px; background:url(/images/Promotions/buttons/promo_login.jpg) no-repeat left top; border:0px;}
a.promologin:hover{cursor:pointer;}
a.promoregister{vertical-align:top; width:213px; position:static; height:35px; background:url(/images/Promotions/buttons/promo_register.jpg) no-repeat left top; border:0px;}
a.promoregister:hover{cursor:pointer;}

.greenreturn{vertical-align:top;width:129px;position:static; height:34px;background:url(/images/Promotions/buttons/greenreturn.jpg) no-repeat left top; border:0px;}
.greenreturn:hover{cursor:pointer;}

input.generate{background:url(/images/promotions/generate.png) no-repeat left top; width:101px; height:21px;border-style:none;cursor:pointer;}

table.numberselection {width:100%}
table.numberselection th{background-color:#e66525; color:#ffffff; }
table.numberselection th h3{/*font-weight:bold!important;*/}
table.numberselection td{background-color:#ececec}

.promoradio{width:100%}
.promoradio input,.promoradio label{vertical-align:middle; color:#000000; font-size:14px; font-weight:normal; margin: 1px 0px 1px 0px;}

.promoradio_new{width:100%;}
.promoradio_new input,
.promoradio_new label{float:left; color:#000000; font-size:12px; font-weight:normal; display:block; margin:3px 0px;}

input.selectedNumber{background-color:#f5f5f4; border:1px solid #cacaca; color:#ed1c24; font-weight:bold; font-size:20px; padding:5px; letter-spacing:1px; text-align:center;}
.selectedNumberHolder{margin:0px; margin:0 auto; text-align:left; width:70%; position:relative; margin-bottom:80px; margin-top:30px;}
.extSn{position:absolute; left:0px;}
.extSni{position:absolute; left:260px;}

.promodrop{color:#000000; font-size:14px; font-weight:normal; height:100px;}

.tooltip_yellow_content{padding:10px; background:#ffffff; color:#444444; font:normal 11px Tahoma, FreeSans;border:3px solid #ffaa06; border-bottom:0px;}
.tooltip_yellow_bottom{display:block; height:18px;  background:url(/images/Profile/tooltip/tooltiparrowyellow.gif) top left no-repeat; overflow:hidden}
.tooltip_blue_content{padding:10px; background:#ffffff; color:#444444; font:normal 11px Tahoma, FreeSans;border:3px solid #68a1da; border-bottom:0px;}
.tooltip_blue_bottom{display:block; height:18px;  background:url(/images/Profile/tooltip/tooltiparrowblue.gif) top left no-repeat; overflow:hidden;}

.tp{margin:0px 0px -3px 5px;}

div.tooltip
{
    /*background: url(/images/Promotions/t.png) no-repeat scroll 0 0;*/
    background: url(/images/Profile/tooltip/custom_tooltip.png) no-repeat 0px 0px;
    position:absolute;
    font-size:14px;
    height:433px;
    width:231px;
    font-size:14px;
    display:none;
    color:#000;
    z-index: 10000000;
}

div.tooltip div.container
{
	position:absolute;
	width:161px;
	padding:20px 35px;
	color:#595858;
	top:0px;
	left:0px;
	z-index: 10000000;
	text-align:left;
}
div.tooltip div h3{color:#e66525;}

div.tooltip div.main{font:bold 16px Tahoma, FreeSans;text-decoration:underline;margin: 5px 0px 15px 0px;text-decoration:none;}
div.tooltip div.section a{font: bold 11px Tahoma, FreeSans;color:#e66525;text-decoration:underline;}
div.tooltip div.section_text{font:11px Tahoma, FreeSans;color:#595858;}
div.tooltip div.spacer{height: 15px;}

div.success_green{font-weight:bold !important;background-color:#0aac0e; text-align:center; padding:12px 0px 10px 0px; margin-bottom:15px;height:37px;}
div.success_bottom{text-align:left; margin-top:0px;background:#f1f1f1;width: 100%;}
div.success_bottom div.message{color:#444444;font-size: 12px; margin: 0px 40px 5px 35px; padding: 10px 0px 0px 0px;}

.verticalOne a.logo{position:absolute; top:-50px; left:-10px;}