@charset "utf-8";

/* CSS Document */


.bs-example{
    	margin: 20px;
    }

body {

	margin: 0px;

	padding: 0px;

	font-family: Arial, Helvetica, sans-serif;

	background-image: url(../images/layout/bodybg.gif);

	background-repeat: repeat-x;

	font-size: 13px;

	-webkit-print-color-adjust: exact;

}



h1 {

	margin: 0;

	padding: 0;

	color: #000066;

}

h2 {

	color: #2800C4;

}

h3 {font-size: 14px; color:#000066;}

h4 {font-size:14px; color:#000066;}



.clear { clear:both;}



#wrap {

	width: 960px;

	border-right: 1px solid #ACACAC;

	border-left: 1px solid #ACACAC;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

	box-shadow: 0px 0px 15px #000;

	background-color: #FFF;

}

#wrap2 {

	width: 960px;

	margin-top: 20px;

	margin-right: auto;

	margin-bottom: 20px;

	margin-left: auto;

	border-radius: 20px;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	-khtml-border-radius: 20px;

	background-color: #FFF;

	box-shadow: 0px 1px 1px 2px #000255;

	-moz-box-shadow: 0px 1px 1px 2px #000255;

	-webkit-box-shadow: 0px 1px 1px 2px #000255;

	-ms-box-shadow: 0px 1px 1px 2px #666;

	float: none;

	z-index: 20;

}

#wrapper_sec {

	width: 1000px;

	border-radius: 20px;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	-khtml-border-radius: 20px;

	background-color: #FFF;

	box-shadow: 0px 2px 2px 2px #5700AE;

	-moz-box-shadow: 0px 2px 2px 2px #5700AE;

	-webkit-box-shadow: 0px 2px 2px 2px #5700AE;

	-ms-box-shadow: 0px 2px 2px 2px #666;

	margin-top: 15px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}



#wrapper_receipt {

	width: 950px;

	border-radius: 20px;

	background-position: center;

	background-image: url(../images/ksubg.png);

	margin: auto;

	padding: 10px;

	margin-top: 25px;

}

#top {

	height: 100px;

	background-image: url(../images/layout/topbg2.jpg);

	background-repeat: no-repeat;

}

#top2 {

	height: 100px;

	background-image: url(../images/layout/topbg.jpg);

	background-repeat: no-repeat;

}



div#top span{ display:none}



#top-tr {float:right;height:20px;text-align:right;position:100% 0px;padding:5px 20px;}

#top-tr a:link, #top-tr a:visited {font-size:11px;color:#FFF;text-decoration:none;}

#top-tr a:hover {color:#000;text-decoration:underline;}

#top-left-tr {

	float: left;

	height: 100px;

	width: 250px;

	text-align: left;

}

#top-left-tr a {display:block; height:100px;width:250px; }



.red-text {color:#c40028;}

.bold {font-weight:bold;}

.centre {text-align:center;}

.img-right {float:right; padding-left:10px;}

.img-left {float:left; padding-right:10px;}



	/* Search Bar at the Top */



	.searchbox {

		height:13px; 

		font-size:80%;

		width: 134px; 

		margin-left: 12px; 

		margin-top: 6px; 

		float: right; 

		padding-top: 3px; 

		padding-left: 18px; 

		padding-right: 3px; 

		padding-bottom: 3px; 

		background-image:url(../images/layout/seachmag.jpg);

		background-repeat:no-repeat; 

		background-position: left center;

		margin-bottom:6px;

		border-bottom:1px solid #999999;

		border-right:1px solid #999999;

	}

	

	/* End of Search Bar */





#menu {

	height:38px;

	border-bottom:5px solid #E5E5E5;

	font-family:Verdana,Arial,sans-serif;

	font-size:12px;

	color:#FFF;	

	background: #222 url('../images/layout/menubg-black.png') repeat-x;

	border-bottom:solid 2px #000;

}

.sname {

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 16px;

	color: #750000;

	padding-left: 10px;

	padding-bottom: 5px;

	padding-top: 5px;

	font-weight: bold;

}

.admletter {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 15px;

	color: #750000;

	font-weight: bold;

}







	#menu ul {

		padding:0px;

		margin:0px;

	}

	

	#menu ul li {

		list-style:none;

		float:left;

		

	}

	#menu ul li#selected {background-image:url(../images/layout/menubghover-red.png);}

	

	#menu ul li a:link, #menu ul li a:visited {

		color:#FFFFFF;

		display:block;

		width:109px;

		height:38px;

		line-height:38px;

		padding:0 11px;

		text-decoration:none;	

		text-align:center;

		border-right:1px solid #777777;

	}

	

	#menu ul li a:hover {

		background-image:url(../images/layout/menubghover-grey.png);

		background-repeat:repeat-x;

	}



#main {

	background-image: url(../images/layout/mainbg.png);

	background-repeat: repeat-x;

	padding: 2px;

	color: #666666;

	position: relative;

}

#main a {

	color: #FF0004;

	text-decoration:none;

}

#main a:hover {

	color: #FF0000;

}

#main ul li {

	line-height:24px;

	list-style-image:url(../images/content/bullet.png);

	margin-bottom:12px;

	margin-top:12px;

}



#main p {line-height:1.6;}









#footer {

	clear: both;

	border-top: 1px solid #ccc;

	font-size: 11px;

	text-align: center;

	background-color: #BCC2CE;

}



	#footer a:link, #footer a:visited {

		color:#F00;

	}



#footermenu	{

	height: 20px;

	padding-bottom: 0px;

	padding-top: 0px;

}



#footermenu ul{

	width:240px;

	float:left;

	margin:0 40px;

	padding:0;

}



#footermenu ul li {

	list-style:none;

	text-align:left;

	background-color:#DADADA;

	color:#FFFFFF;

	margin-bottom:5px;

	padding:5px;

}



	#footermenu ul li a:link, #footermenu ul li a:visited {

		text-decoration:none;

	}

	

	#footermenu ul li a:hover {

	text-decoration: underline;

	font-family: Arial, Helvetica, sans-serif;

	}









#footerbottom {

	background-color: #053F05;

	clear: both;

	color: #CCCCCC;

	padding-top: 5px;

	padding-right: 40px;

	padding-bottom: 5px;

	padding-left: 40px;

}



#footerbottom p {

	margin: 10px;

	padding: 0px;

}



#footerbottom a:link, #footerbottom a:visited {

	color: #CCCCCC;

	text-decoration: none;

}

#footerbottom a:hover {

	color: #CCCCCC;

	text-decoration: underline;

}









.snake-container-top {width:920px; _width:950px; height:388px; margin-right:-40px; margin-top:-40px;float:right; }

.snake-top-left-col {width:477px; float:left;}

.snake-top-right-col {

	width: 313px;

	height: 250px;

	float: right;

	background-image: url(../images/layout/viper-snake-top-half.png);

	background-repeat: no-repeat;

	padding: 0px;

	margin: 0px;

	top: 1px;

	position: absolute;

	right: 0px;

	text-align: center;

}

.snake-container-bottom {

	width: 959px;

	_width: 950px;

	margin-bottom: 8px;

	height: 180px;

	padding-top: 5px;

}



.snake-tweet-left-col {width:438px; height:186px; float:left;background:url(../images/layout/clear-box.png) no-repeat;}

.snake-tweet-message {width:388px; height:76px; float:left; padding:10px 25px 0px 25px; margin-bottom: 60px;}

.snake-tweet-more {width:110px; height:30px; margin-left:300px; _margin-left:150px; margin-top:6px; float:left; text-align:center;}



.snake-editing-left-col {width:438px; height:186px; float:left;background:url(../images/layout/viper-editing-service.png) no-repeat;}

.snake-editing-more {width:110px; height:30px; margin-left:300px; _margin-left:150px; margin-top:6px; float:left; text-align:center;}

.snake-editing-message {width:388px; height:96px; float:left; padding:50px 25px 0px 25px;}



.snake-bottom-right-col {

	background-color: #F0F;

	width: 482px;

	_width: 482px;

	height: 39px;

	float: right;

	background: url(../images/layout/viper-snake-bottom-half.png) no-repeat;

}

.snake-award-more {width:110px; height:30px; margin-left:310px; _margin-left:155px; margin-top:6px; float:left;}



.snake-news-right-col {

	width: 446px;

	height: 186px;

	float: right;

	background-image: url(../images/layout/news-press.png);

	background-repeat: no-repeat;

	margin-right: 1px;

}

.snake-news-message {

	width: 380px;

	height: 98px;

	float: right;

	padding-top: 48px;

	padding-right: 25px;

	padding-bottom: 0px;

	padding-left: 33px;

}

.snake-news-more {width:110px; height:30px; margin-left:310px; _margin-left:155px; margin-top:6px; _margin-top:-0px;float:left; text-align:center;}



.snake-container-great {width:920px; _width:950px; height:346px; margin-right:-40px;margin-bottom:8px;float:right; background-image: url(../images/layout/Viper-middle.png);}

.snake-great-left-col {width:280px; height:100px;float:left; margin-top:110px; margin-left:20px;}

.snake-great-right-col {width:548px; height:292px;float:left; margin-top:27px; margin-left:15px; _margin-left:5px; background-image: url(../images/content/comparison-table.png);background-repeat:no-repeat;}



.snake-container-partners {width:920px; _width:950px; margin-right:-40px;margin-bottom:5px; margin-top:5px;float:right; height:112px; background-image: url(../images/layout/partners-groups.png);background-repeat:no-repeat;}



.snake-partners-left-col {width:380px; height:100px;float:left; margin-top:35px; margin-left:20px;}

.snake-partners-right-col {width:380px; height:100px;float:left; margin-top:35px; margin-left:70px; background-color:#0C3#;}





#slider2 {

	width: 710px;

	position: relative;

	margin: 0px;

	height: 250px;

	overflow: hidden;

	padding: 0px;

	float: left;

}



.lg {

	background-image: url(../images/fuoyelogin.png);

	background-repeat: no-repeat;

	background-position: 50px center;

}

.recova {

	background-image: url(../images/recova.png);

	background-repeat: no-repeat;

	background-position: 50px center;

}



.lgscreening {

	background-image: url(../images/screening_officer.png);

	background-repeat: no-repeat;

	background-position: 50px center;

}



.lgpin {

	background-image: url(../images/pin.jpg);

	background-repeat: no-repeat;

	background-position: 3px center;

}

.confirmpay {

	background-image: url(../images/confirmlist.png);

	background-repeat: no-repeat;

	background-position: right top;

}



.lgutme {

	background-image: url(../images/reg.png);

	background-repeat: no-repeat;

	background-position: left center;

}

.lgde {

	background-image: url(../images/lgde.png);

	background-repeat: no-repeat;

	background-position: left top;

}



/*----------boxes section--------*/



div#boxes	{

	height: auto;

	clear: left;

	}

div#login {

	width: 98%;
	height: auto;
	clear: left;
    
	margin-top: 10px;

	margin-bottom: 0px;

	margin-right: auto;

	margin-left: auto;

	border: 1px solid #003501;

	border-radius: 10px;

}
#login-tr{line-height: normal;}
div#spanel {

	height: auto;

	clear: left;

	margin-top: 0px;

	margin-bottom: 0px;

}

div#intro{

	margin: 10px;

	height: auto;

	width: auto;

	background-color: #FFFFFF;

	border-radius: 20px;

	box-shadow: 2px 3px 3px 4px #666;

	-moz-box-shadow: 2px 3px 3px 4px #666;

	-webkit-box-shadow: 2px 3px 3px 4px #666;

	-ms-box-shadow: 2px 3px 3px 4px #666;

	-o-box-shadow: 2px 3px 3px 4px #666;

	background-position: left center;

}



div#admletterbody {

	margin: 10px;

	height: auto;

	width: auto;

	background-color: #FFFFFF;

	border-radius: 20px;

	box-shadow: 2px 3px 3px 4px #666;

	-moz-box-shadow: 2px 3px 3px 4px #666;

	-webkit-box-shadow: 2px 3px 3px 4px #666;

	-ms-box-shadow: 2px 3px 3px 4px #666;

	-o-box-shadow: 2px 3px 3px 4px #666;

	background-position: left center;

	background-image: url(../images/ksubg.png);

}





div#qlinks {

	clear: left;

	padding-top: 5px;

	padding-right: 5px;

	padding-left: 10px;

	background-color: #003500;

	border-radius: 20px;

	color: #000;

	margin: 0px;

}

div#qlinksmenu {

	background-color: #FFFFFF;

	color:#000000;

	text-decoration:none;

	border-radius: 10px;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 2px;

	padding-left: 2px;

	width: 95%;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	font-weight:bold;

}

div#paylinks {

	border-radius: 20px;

	padding-top: 2px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 3px;

	width: 98%;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 0px;

	margin-left: 5px;

	border: 1px solid #999;

}

div#trans_pass {

	border-radius: 20px;

	padding-top: 2px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 3px;

	width: 98%;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 0px;

	margin-left: 5px;

	border: 1px solid #999;

	font-family: Verdana;

	font-size: 12px;

	color: #FFF;

	background-color: #4272FF;

	text-decoration: none;

	background-image: url(../images/approve.png);

	background-repeat: no-repeat;

	background-position: right;

}


div#trans_fail {

	border-radius: 20px;

	padding-top: 2px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 3px;

	width: 98%;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 0px;

	margin-left: 5px;

	border: 1px solid #999;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #FFF;

	background-color: #F00;

	background-image: url(../images/FailedStamp.jpg);

	background-repeat: no-repeat;

	background-position: right;

	text-decoration: none;

	font-style: normal;

	font-variant: normal;

}

div#trans_pend {

	border-radius: 20px;

	padding-top: 2px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 3px;

	width: 98%;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 0px;

	margin-left: 5px;

	border: 1px solid #999;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #FFF;

	background-color: #3CB154;

	background-image: url(../images/pending.jpg);

	background-repeat: no-repeat;

	background-position: right;

	text-decoration: none;

	font-style: normal;

	font-variant: normal;

}


table #rply {

	color: #FFF;

	font-weight: bold;

	text-decoration: none;

}


#boxes .box ul li a {

	text-decoration: none;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 13px;

	color: #006;

}

#boxes .box ul li a:hover {

	text-decoration: underline;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 13px;

	color: #990000;

}

div#boxes div.box	{

	margin: 10px;

	height: auto;

	width: 415px;

	background-color: #FFFFFF;

	border-radius: 20px;

	box-shadow: 3px 3px 7px #666;

	-moz-box-shadow: 3px 3px 7px #666;

	-webkit-box-shadow: 3px 3px 7px #666;

	-ms-box-shadow: 3px 3px 7px #666;

	-o-box-shadow: 3px 3px 7px #666;

	background-position: left center;

	float: left;

	}

div#boxes div.box2 {

	margin: 5px;

	height: auto;

	width: 500px;

	background-color: #FFFFFF;

	border-radius: 10px;

	box-shadow: 3px 3px 7px #666;

	-moz-box-shadow: 3px 3px 7px #666;

	-webkit-box-shadow: 3px 3px 7px #666;

	-ms-box-shadow: 3px 3px 7px #666;

	-o-box-shadow: 3px 3px 7px #666;

	color: #F00;

	background-position: left center;

	float: right;

}



.sideimg {

	background-image: url(../images/bul.png);

	background-repeat: no-repeat;

	background-position: center center;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #999;

}

.sideimgspanel {

	background-image: url(../images/itemimg.png);

	background-repeat: no-repeat;

	background-position: center center;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFF;

}


.linediv {

	background-image: url(../images/divline.png);

	background-repeat: no-repeat;

	background-position: center center;

	margin: 0px;

	width: 950px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;sideimg

}



.sidetext {

	background-repeat: no-repeat;

	font-family: Verdana, sans-serif;

	font-size: 15px;

	color: #FFF;

	font-style: normal;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #999;

	text-decoration: none;

}
.sidetextButtom {

	background-repeat: no-repeat;

	font-family: Verdana, sans-serif;

	font-size: 15px;

	color: #FFF;

	font-style: normal;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	text-decoration: none;

}




#banner .snake-top-right-col table tr .sidetext a {

	text-decoration: none;

	color: #FFF;

}

#login .snake-top-right-col table tr .sidetext a {

	text-decoration: none;

	color: #FFF;

}



#banner .snake-top-right-col table tr .sidetext a:hover {

	text-decoration: none;

	color: #FF0;

}

#login .snake-top-right-col table tr .sidetext a:hover {

	text-decoration: none;

	color: #FF0;

}





.spaneltext {

	background-repeat: repeat-x;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 13px;

	color: #CCC;

	font-style: normal;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFF;

	background-image: url(../images/layout/menubghover-red.png);

	padding-left: 5px;

}











.clearboth {

	clear: both;

}

div#boxes div.box h3	{

	margin: 5px;

	text-align: center;

	font-family: verdana,sans-serif;

	color: #C00;

	}

div#boxes div.box p	{

	font-family: verdana,sans-serif;

	font-size: 11px;

	margin: 5px;

	text-align: center;

	line-height: 15px;

	color: #603;

	}

.bty {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	font-variant: normal;

	text-transform: uppercase;

	color: #FFF;

	background-image: url(../images/h.jpg);

	background-repeat: repeat-x;

	background-position: left top;

}

#scpanel .spaneltext a {

	text-decoration: none;

	color: #CCC;

}



#scpanel .spaneltext a:hover {

	color: #FFFFFF;

	border-top-color: #000;

	border-right-color: #000;

	border-bottom-color: #000;

	border-left-color: #000;

	

}

/*td:empty::after{
  content: "\00a0";
}*/