@charset "utf-8";
/* CSS Document */

/** Roadmap 2012 popup content **/
.lb_table:after
{
	display:block;
	clear:both;
	content:"";
}
.lb_table
{
	height:1%;
	position:relative;
	margin:28px 0 0;
	/**background:url(../images/viva-en/bg-lb-table.gif) no-repeat -471px 100%;**/
	padding:0 3px 3px 3px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	color:#ffffff;
}
.lb_table table{
	width:100%;
	*border-collapse: collapse; /* IE7 and lower */
	margin:8px 0 0;
	border-color:#ffffff
}
.lb_table th{
	margin:0;
	padding:0;
	text-align:center;
	border-bottom:1px solid #c8a5d3;
	background:#602371;
	color:#ffffff;
	height:30px;
}
.lb_table th:first-child {
	-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	-khtml-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
}
.lb_table th:last-child {
	-moz-border-radius: 0 10px 0 0;
	-webkit-border-radius: 0 10px 0 0;
	-khtml-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;
}
.lb_table th:only-child{
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.lb_table td{
	margin:0;
	padding:0;
	height:28px;
	border-bottom:1px solid #ffffff;
	background:#b00065;
	color:#ffffff;
	font-weight:normal;
	text-align:center;
}
.lb_table tr:last-child td:first-child {
	-moz-border-radius: 0 0 0 10px;
	-webkit-border-radius: 0 0 0 10px;
	-khtml-border-radius: 0 0 0 10px;
	border-radius: 0 0 0 10px;
}
.lb_table tr:last-child td:last-child {
	-moz-border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	-khtml-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;
}

.popup-1 {
	position:absolute;
	top: -99999px;
	left: -99999px;
	width:750px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	border:5px solid #757575;
	background:#ffffff;
}
.popup-1.wide{width:591px;}
.popup-1.wide .t{background-position:-1413px 0;}
.popup-1.wide .c{background-position:-2004px 0;}
.popup-1.wide .b{background-position:-2595px 0;}
.popup-1 .t {
	/*background:url(/viva-guest-1.4/images/viva-en/bg-popup-1.png) no-repeat -440px 0px;*/
	height:19px;
	overflow:hidden;
	background:#fffff;
}
.popup-1 .c {
	/*background:url(/viva-guest-1.4/images/viva-en/bg-popup-1.png) repeat-y -471px 0;*/
	height:1%;
	overflow:hidden;
	padding:10px 28px 0;
	position:relative;
}
.popup-1 .b {
	/*background:url(/viva-guest-1.4/images/viva-en/bg-popup-1.png) no-repeat -942px 0;*/
	height:19px;
	overflow:hidden;
}
/** Roadmap 2012 popup content **/

/****content_70_30****/
.content_70_30 {
    width:100%;
    overflow:hidden;
    margin:18px 0 0;
    background:url(../images/viva-en/bg-content_70_30.gif) repeat-y -940px 0;
}
.content_70_30 .holder {
    width:100%;
    overflow:hidden;
    background:url(../images/viva-en/bg-content_70_30.gif) no-repeat;
}
.content_70_30 .bg {
    height:1%;
    overflow:hidden;
    background:url(../images/viva-en/bg-content_70_30.gif) no-repeat -1880px 100%;
    padding:20px 20px 30px;
}
.content_70_30 .col-1 {
    float:left;
    width:660px;
    margin:0 40px 0 0;
}
.content_70_30 .col-2 {
    float:left;
    width:180px;
}
.content_70_30 .col-1, .content_70_30 .col-2 {
    min-height:120px;
    position:relative;
    padding:0 0 18px;
}
.content_70_30 p {
    margin:5px 0 0 !important;
    color:#666;
    font:13px/17px Arial, Helvetica, sans-serif;
}
.content_70_30 .more {
    position:absolute;
    bottom:0;
    left:0;
}
.content_70_30 h2 {
    margin:0;
    font-size:18px;
}
.content_70_30 ul {
    margin:0;
    padding:4px 0 0;
    list-style:none;
    font:bold 13px Arial, Helvetica, sans-serif;
}
.content_70_30 ul li {
    background:url(../images/viva-en/arrow-grey-down.gif) no-repeat 0 4px;
    padding:0 0 0 13px;
    margin:2px 0 0;
}
.content_70_30 ul a { color:#666; }
.content_70_30 ul a:hover { color:#844199; }

/*****content_50_50*****/
.content_50_50 {
    width:960px;
    overflow:hidden;
    background:url(../images/viva-en/bg-content_50_50.gif) no-repeat;
    margin:30px -20px 0 0;
}
.content_50_50 .col {
    float:left;
    width:460px;
    position:relative;
    margin:0 20px 0 0;
    min-height:111px;
    padding:8px 5px 63px 0;
}
.content_50_50 .narrow {
    width:280px;
    padding:8px 40px 63px 0;
}
.content_50_50 h2 {
    margin:0;
    font-size:18px;
}
.content_50_50 .more {
    position:absolute;
    left:0;
    bottom:39px;
}
.content_50_50 p {
    margin:7px 0 0;
    font-size:13px;
    color:#666;
    position:relative;
    z-index:1;
}
.content_50_50 .holder {
    width:100%;
    overflow:hidden;
    margin:6px 0 0;
}
.content_50_50 .holder img {
    float:left;
    margin:0 9px 0 0;
}
.content_50_50 h3 {
    margin:2px 0 0;
    font:12px Arial, Helvetica, sans-serif;
}
.content_50_50 h3 span {
    display:block;
    color:#666;
}
.content_50_50 .ill {
    position:absolute;
    right:-120px;
    top:15px;
}
.content_50_50 .alt .ill { top:43px; }

/** Page Indicator tab **/
#content_100 {
	float:left;
	width:100%;
}

.tab-set-1{
	width:100%;
	overflow:hidden;
	margin:24px 0 0;
	padding:0;
	list-style:none;
	background:url(../images/viva-en/bg-tab-set.gif) no-repeat;
	font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
}
.tab-set-1 li{float:left;}
.tab-set-1 a{
	float:left;
	cursor:pointer;
	color: #A0A0A0;/**#602771;**/
}
.tab-set-1 a:hover{color:#A0A0A0;}
.tab-set-1 a span{
	float:center;
	height:24px;
	padding:12px 6px 0;
}
.tab-set-1 a.active{
	color: #df3fa5 !important; /**#4b4b4b**/
	background:url(../images/viva-en/btn.png) no-repeat 0 -593px;
}
.tab-set-1 a.active span{
	background:url(../images/viva-en/btn.png) no-repeat 100% -629px;
	padding:12px 24px 0;
}
.tab-set-1 a{color:#A0A0A0;/**#df3fa5;**/}

.payment-tab-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/viva-en/step-1.png);
	background-repeat: no-repeat;
	width:940px;
	height:200px;
}
.payment-tab-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/viva-en/step-2.png);
	background-repeat: no-repeat;
	width:940px;
	height:200px;
}
.payment-tab-2-cc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/viva-en/step-2-cc.png);
	background-repeat: no-repeat;
	width:940px;
	height:200px;
}
.payment-tab-3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/viva-en/step-3.png);
	background-repeat: no-repeat;
	width:940px;
	height:200px;
}
.payment-tab-3-success {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/viva-en/step-3-success.png);
	background-repeat: no-repeat;
	width:940px;
	height:200px;
}
.verisign-right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/viva-en/verisign-payment.jpg);
	background-repeat: no-repeat;	
	width:312px;
	height:218px;
	float:right;
}