/*-------------------------------------
Stylesheet For Wow Minisites
Design & Coding by Adi Djohari
---------------------------------------*/

body {
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	padding-top:0px;
	margin:0px;
	background:url(../images/bg.gif) repeat-x;
	background-attachment:fixed;
}

.topbarbg{
	height:21px;
	padding:0px;
	margins:0px;
	background:url(../images/top_bg.gif) repeat-x;
}

.topbar{
	margin:0px auto;
	width:700px;
	height:21px;
	padding:0px;
	line-height:0px;
}

.headerbg{
	height:174px;
	padding:0px;
	margins:0px;
	background:url(../images/header_bg.gif) repeat-x;
}

.header{
	margin:0px auto;
	width:700px;
	height:174px;
	padding:0px;
	line-height:0px;
}

.mainnavbg{
	height:25px;
	padding:0px;
	margins:0px;
	background:url(../images/mainnav_bg.gif) repeat-x;
}

.mainnav{
	margin:0px auto;
	width:700px;
	height:25px;
	padding:0px;
	color:#718595;
	font:bold 13px arial, helvetica, sans-serif;
	text-align:left;
	line-height:23px;
}

a.topNav:link, a.topNav:visited, a.topNav:active{
	color:#718595;
	font:bold 13px arial, helvetica, sans-serif;
	text-decoration:none;
}

a.topNav:hover{
	color:#666;
}
	
.topspace{
	margin:0px auto;
	width:700px;
	height:16px;
	padding:0px;
	line-height:0px;
}

.maincontent{
	margin:0px auto;
	width:700px;
	padding-bottom:10px;
}

.mainbody{
	padding:20px 25px;
	background:#FFF;
	border:5px solid #94B0C2;
	/*background:url(../images/main.jpg) repeat-y;*/
}

.mainbody p{
	color:#666;
	font:normal 14px Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:20px;
}
.roundtop{
	width:700px;
	height:9px;
	background:url(../images/roundtop.jpg) no-repeat;
}

.roundbot{
	width:700px;
	height:13px;
	background:url(../images/roundbot.jpg) no-repeat;
}

.botnavbg{
	height:27px;
	padding:0px;
	margins:0px;
	background:url(../images/botnav_bg.gif) repeat-x;
}

.botnav{
	margin:0px auto;
	width:700px;
	height:27px;
	padding:0px;
	color:#666;
	font:normal 12px arial, helvetica, sans-serif;
	line-height:27px;
}

a.othNav:link, a.othNav:visited, a.othNav:active{
	color:#666;
	font:normal 12px arial, helvetica, sans-serif;
	text-decoration:none;
}

a.othNav:hover{
	text-decoration:underline;
}

.logo{
	float:left;
}

.optin{
	float:right;
}

.clr{
	clear:both;
}



.copy{
	margin-right:10px;
}

.copy

.sidebar{
	width:249px;
	float:left;
}

.thumb{
	float:left;
	margin:5px 1px 0 1px;
}

a.portNav{
	opacity:0.4;
	filter:alpha(opacity=40);
	border:3px solid #ccc;
	display:block;
}

a.portNav:hover{
	opacity:1;
	filter:alpha(opacity=100);
	border:3px solid #666;
	display:block;
}

.sideTesti{
	margin:0 0 10px 0;
	padding:35px 10px 10px 10px;
	color:#666;
	font:normal 12px Arial, Helvetica, sans-serif;
	background:#E0EBF2 url(../images/sidetest.gif) top no-repeat;
}

a:link, a:visited, a:active{
	color:#718595;
	font:normal 14px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

.tabHead{
	color:#1a1a1a;
	font:bold 16px georgia;
	text-align:center;
	line-height:25px;
}

.tabBody{
	padding:0 10px 0 30px;
	color:#666;
	font:normal 14px Arial, Helvetica, sans-serif;
	text-align:left;
	background:#FFF;
	line-height:25px;
	background:#F5F5F5 url(../images/xF5.gif) no-repeat;
	border-bottom:1px solid #666;
}

.tabBody2{
	padding:0 15px 0 30px;
	color:#666;
	font:normal 14px Arial, Helvetica, sans-serif;
	text-align:left;
	background:#F5F5F5;
	line-height:25px;
	background:#F5F5F5 url(../images/bulletF5.gif) no-repeat;
	border-bottom:1px solid #666;
}

.tabBody3{
	padding:0 10px 0 30px;
	color:#666;
	font:normal 14px Arial, Helvetica, sans-serif;
	text-align:left;
	background:#FFF;
	line-height:25px;
	background:#E5E5E5 url(../images/xE5.gif) no-repeat;
	border-bottom:1px solid #666;
}

.tabBody4{
	padding:0 10px 0 30px;
	color:#666;
	font:normal 14px Arial, Helvetica, sans-serif;
	text-align:left;
	background:#F5F5F5;
	line-height:25px;
	background:#E5E5E5 url(../images/bulletE5.gif) no-repeat;
	border-bottom:1px solid #666;
}

.packTxt{
	color:#818181;
	font:bold 15px Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:30px;
}

.account_form{
	margin:10px 0;
}



.account_form .regField label{
	color:#718493;
	margin:0;
	padding:20px 0 5px 0;
	font:16px arial, helvetica, sans-serif;
	font-weight:bold;
	display:block;
}

.opt{
	color:#818181;

}


input.text_field, textarea, select{
	border:solid 1px #bbb;
	padding:2px;
	font:normal 12px 'Lucida Grande', Helvetica, Arial, sans-serif;
	color:#222;
	background:#fff;
	outline:0;
	margin:0px;
	border:solid 1px #bbb;
}


input.text_field.huge, textarea.huge, select.huge{
	border-color:#bbbbbb;
	font:normal 14px Georgia;
	border-radius:8px;
}


input.text_field.huge:focus, textarea.huge:focus, select.huge:focus{
	background:#F3FAFF;
	border-color:#B7C7D3;
}

.wide{
	width:100%;
	min-width:100%;
	max-width:100%;
}

.red{
	color:#cc0000;
	font-weight:bold;
}

.details{
	color:#818181;
	font-size:12px;
	font-weight:bold;
}

.big_button{
	margin:0px;
	border:solid 1px #ccc;
	border-top:solid 1px #ddd;
	border-left:solid 1px #ddd;
	font-size:22px;color:#fff;
	cursor:pointer;
	line-height:42px;
	height:42px;
	padding:0px 15px;
	overflow:visible;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#87b500 url('../images/big_red_button_bg.png') top repeat-x;
	border-width:0px;
	border-right:solid 1px #689300;
	border-bottom:solid 1px #689300;
	text-shadow:#719e03 1px 1px;
}

.big_button:active{
	background:#87b500;
	color:#ECF5DE;
	line-height:44px;
}

.subsection{
	padding-left:4px;
	color:#718595;
	font:bold 16px Georgia;
}