@charset "UTF-8";
/* =reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}table{border-collapse:collapse;border-spacing:0;table-layout:auto;}hr{margin:0;padding:0;width:0;height:1px;clear:both;visibility:hidden;}h1,h2,h3,h4,h5,h6,p{font-size:100%;}q:before,q:after{content:'';}caption,th{text-align:left;}ol,ul{list-style:none;}fieldset,img{border:0;}pre{font-size:1.2em;}


/* =screenshot */
div.screenshot{
	position:absolute;
	display:none;
	padding:4px; 
	text-align: center; 
	font-size:0.9em; 
	color:#333;
	background:#ddd;
	border:1px double #888;
	z-index:100; 
	-moz-box-shadow:1px 2px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:1px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow:1px 2px 3px rgba(0, 0, 0, 0.3);
	}
div.screenshot img{
	display:block;
	margin: 0 auto; 
	}
div.screenshot,
div.screenshot img{
	width: 128px;
	height: 128px;
	}


a.pdf{
	display: block; 
	background: url(/img/layout/icon_pdf.png) no-repeat; 
	}
a.pdf .sub{
	margin-left: 10px; 
	font-size:0.8em; ; 
	color:#333; 
	}
p.signiture{
	text-align: right; 
	}
p.getAdobeReader{
	position: relative; 
	display: block; 
	height: 50px; 
	margin:10px 40px;
	text-align: right;  
	}
p.getAdobeReader a{
	position: absolute; 
	right:0; 
	display: block; 
	width:160px; 
	height: 41px; 
	text-align:left;
	background: url(/img/layout/get_adobe_reader_160x41.jpg) 0 0 no-repeat; 
	text-indent: -9999px; 
	}





/* =alert */
div.alert{
	margin: 10px 0 20px 0; 
	background: #fff;
	border: solid 2px #8a8; 
	}
div.alert h4{
	display: block; 
	height:35px; 
	margin:10px; 
	padding:10px 0 0 0; 
	text-indent: 70px; 
	font-size:1.2em; 
	color:#282; 
	background: url(/img/parts/alert.png) 0 0 no-repeat; 
	border:none; 
	}
div.alert p{
	margin: 0;
	padding:0 20px 20px 80px;
	line-height: 1.4em;
	}
div.alert ul.list{
	margin: 0 0 20px 0;
	padding:0 20px 0 80px;
	line-height: 1.4em;
	}
div.alert strong{
	color: #f00;
	}
div.ng{
	border: solid 2px #f64; 
	}
div.ng h4{
	color:#f30; 
	background-position: 0 -50px; 
	}
div.information{
	background: #def; 
	border: solid 1px #9ae; 
	}
div.information h4{
	color:#339; 
	background-position: 0 -100px; 
	}
div.confirmation{
	background: #ffc; 
	border: solid 1px #993; 
	}
div.confirmation h4{
	color:#000; 
	background-position: 0 -150px; 
	}

div.warning{
	background: #fdc; 
	border: solid 4px #f30; 
	}
div.warning h4{
	color:#c20; 
	background-position: 0 -200px; 
	}
div.warning p{
	color:#229; 
	background-position: 0 -200px; 
	}





 .w20{width:20px; } .w50{width:50px; } .w100{width:100px; } .w150{width:150px; } .w200{width:200px; } .w250{width:250px; } .w300{width:300px; } .w350{width:350px; } .w400{width:400px; } .w450{width:450px; } .w500{width:500px; } .w550{width:550px; } .w600{width:600px; } .w650{width:650px; } .w700{width:700px; } .w750{width:750px; } .w800{width:800px; } .h20{height:20px; } .h50{height:50px; } .h100{height:100px; } .h150{height:150px; } .h200{height:200px; } .h250{height:250px; } .h300{height:300px; } .h350{height:350px; } .h400{height:400px; } .h450{height:450px; } .h500{height:500px; } .h550{height:550px; } .h600{height:600px; } .h650{height:650px; } .h700{height:700px; } .h750{height:750px; } .h800{height:800px; }


/* =validation */
.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:0.9em;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:200px;
				font-size:0.9em;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  

/* =topup */
#top_up table,
#top_up table th,
#top_up table td{
	margin: 0;
	padding: 0; 
	border:none; 
	}


/* =TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 1em;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}


/* =clear_children */
.tallest{
	position: relative !important;
	}


#loading{
	display: block; 
	text-align: center;
	color: #666; 
	}

#error #msg{
	display: block;
	width:720px;
	height: 286px;
	margin:0;
	padding:20px 0;
	background: url(/img/contents/error.jpg) 0 0 no-repeat;
	}

.relative{
	position: relative;
	}
.clearfix:after{  
	visibility: hidden;	 
	display: block;	 
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;	
	}  
* html .clearfix			{ zoom: 1; } /* IE6 */	 
*:first-child+html .clearfix{ zoom: 1; } /* IE7 */