/* body */
body{
background:#E4EAEF; /*url(../images/full-back-rptr.jpg) repeat;*/
color:#C23A3D;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}
h1, p, body, html {
	margin:0;
	padding:0;

	}
	
/* End body */
	
h1
{
text-align:left;
font-size:18px;
font-family:Arial;
padding:0px;
margin:5px 0px 5px 0px;
color:#C86200;
}

h2
{
text-align:left;
font-size:14px;
font-family:Arial;
padding:0px;
margin:0px;
color:#333333;
}

#headerbg {
	background:green;
	text-align:center;
	padding:5px;
	box-shadow:0px 0px 2px 2px #777777;
	-webkit-border-bottom-right-radius: 10px;
     -webkit-border-bottom-left-radius: 10px;
}
#menubg{
width:1024px;
height:41px;
background:rgb(74,81,85);
}

#main{
margin-left:auto;
margin-right:auto;
margin-top:3px;
width:1024px;
height:960px;

-moz-box-shadow:0px 0px 8px 2px #777777;
-webkit-box-shadow:0px 0px 8px 2px #777777;
box-shadow:0px 0px 8px 2px #777777;
background:#FFFFFF;
border-radius:10px;
}
#mainfrom{
margin-left:auto;
margin-right:auto;
margin-top:3px;
width:1024px;
height:1050px;
-moz-box-shadow:0px 0px 8px 2px #777777;
-webkit-box-shadow:0px 0px 8px 2px #777777;
box-shadow:0px 0px 8px 2px #777777;
background:#FFFFFF;
border-radius:10px;
}
#mainsipurpaydetails{
margin-left:auto;
margin-right:auto;
margin-top:3px;
width:1024px;
height:2050px;
-moz-box-shadow:0px 0px 8px 2px #777777;
-webkit-box-shadow:0px 0px 8px 2px #777777;
box-shadow:0px 0px 8px 2px #777777;
background:#FFFFFF;
border-radius:10px;
}

#mainfrom2{
margin-left:auto;
margin-right:auto;
margin-top:3px;
width:1024px;
height:1410px;
-moz-box-shadow:0px 0px 8px 2px #777777;
-webkit-box-shadow:0px 0px 8px 2px #777777;
box-shadow:0px 0px 8px 2px #777777;
background:#FFFFFF;
border-radius:10px;
}

.header{
width:1024px; 
height:90px;
background:#FFF;

}
#logo{
width:450px;
height:87px;
float:left;
background:url(../images/logo.png);
background-repeat:no-repeat;
}

.jumpmenu{
width:480px;
height:82px;
float:right;
background:url(../images/snp_animation.gif);
background-repeat:no-repeat;
}

.line{
width:1024px;
height:3px;
background:green;
}
.clear{
height:10px;}

#news{
width:250px;
height:340px;
float:left;
background:url(../images/news-notice.png);
background-repeat:no-repeat;
background-position:center;
}

.viewall{
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#E5E1B1;
padding-top:13px;
padding-right:3px;
float: right;
}

.news{
margin-top:45px;
padding-left:18px;
width:230px;
height:220px;
float:left;
}

.nmain{
height:23px;
font-family:Verdana;
color:#fff;
background:url(../images/news-notice_bg.png);
background-repeat:no-repeat;
font-size:12px;
padding-top:5px;
padding-left:10px;
font-weight:bold;

}

.subnews{
font-family:Verdana;
color:#C23A3D;
font-size:12px;
padding-top:5px;
padding-left:10px;
font-weight:bold;
}
.subnews2{
font-family:Verdana;
color:#494949;
font-size:12px;
padding-top:5px;
padding-left:10px;
}


.newsspace{
width:200px;
height:25px;
}

#slider{
width:1024px;
height:340px;
}

#wapper{
width:770px;
height:340px;
float:left;
padding-top:2px;
padding-left:2px;
border: solid 1px green;}

#wapperline{
background:rgb(74,81,85);
width:1024px;
height:2px;
margin-top:3px;

}
#bpart{
width:1024px;
height:auto;
}

#left-link {
	background-image: url(../images/ULB_23.png);
	background-repeat: no-repeat;
	float: left;
	height: 460px;
	width: 221px;
	border: solid 1px green;
	margin-top:1px;
	margin-left:1px;
		border-radius:5px;

}

#left-link2 {
	background-image: url(../images/ULB_23.png);
	background-repeat: no-repeat;
	float: left;
	height: 645px;
	width: 221px;
	border: solid 1px green;
	margin-top:1px;
	margin-left:1px;
		border-radius:5px;

}

.link-txt {
	font-family: Arial;
	font-size: 12px;
	color: #333;
	text-decoration: none;
}
.link-txt a:hover {
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
}
.normal-text {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.normal-text a:hover{
	font-family: Arial;
	font-size: 12px;
	color: #333;
	text-decoration: underline;
}

.br {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.dot-line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0996EE;
	height: 1px;
}
#right-box {
	float: right;
	height:auto;
	width: 787px;
	border: solid 1px green;
	margin-top:1px;
	margin-right:1px;
	border-radius:5px;

}



#login-right-box {
	float: right;
	height:auto;
	width: 787px;
	padding-top:5px;
	margin-top:1px;
	margin-right:1px;
	border-radius:5px;

}

#login-right-boxstatus {
	float: right;
	height:auto;
	width: 1020px;
	padding-top:5px;
	margin-top:1px;
	margin-right:1px;
	border-radius:5px;

}

#login-right-box-comp {
	float: right;
	height:auto;
	width: 1023px;
	padding-top:5px;
	margin-top:1px;
	margin-right:1px;
	border-radius:5px;

}

#login-right-boxreg {
	float: right;
	height:auto;
	width: 1023px;
	padding-top:5px;
	margin-top:1px;
	margin-right:1px;
	border-radius:5px;

}


.principalimages{
width:130;
height:130px;
float:left;
padding-top:7px;
padding-right:7px;
}

.pmassage{
width:780px;
height:200px;
padding-left:2px;
text-align:justify;
padding-bottom:25px;
padding-top:5px;
}
.pmassage2{
width:780px;
height:auto;
padding-left:2px;
text-align:justify;
padding-bottom:25px;
padding-top:5px;
}

#aboutbox {
background:#AB2F2F;
color:#E5E1B1;
height:20px;
font-family:"Times New Roman", Times, serif;
font-size:17px;
font-weight:bold;
padding-left:20px;
padding-top:1px;
padding-bottom:1px;
padding-right:10px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 15px;
}

.readmore{
background:#AB2F2F;
color:#E5E1B1;
height:20px;
font-weight:bold;
font-size:11px;
float:right;
width:75px;
padding-top:3px;
padding-left:5px;
border-radius: 10px;
margin-top:10px;
}
#subpbox1{
width:382px;
height:200px;
float:left;
padding:5px 4px 0px 5px;
border-right: solid 1px green;
background:url(../images/text-shadow.png) no-repeat bottom;

}
#subpbox{
width:382px;
height:200px;
float:right;
padding:5px 0px 0px 5px;
background:url(../images/text-shadow.png) no-repeat bottom;

}

fieldset { border:1px solid green; 	border-radius:5px;
 }

legend {
  padding: 0.2em 0.5em;
  border:1px solid green;
  color:green;
  font-size:90%;
  text-align:left;
  	border-radius:5px;
	font-size:16px;
	font-weight:bold;

  }
  
  .left-navtext
{
	color: #000000;
	font-size: 12px;
	line-height: 16px;
}
.left-navtext a
{
	text-align: left;
	color: #000000;
	text-decoration: none;
}
.left-navtext a:hover
{
	text-align: left;
	color: #208C10;
	text-decoration: none;
}
.comp-text {
	text-align:justify;
	padding-right:25px;
	line-height:18px;
	}
	
	.top-complain {
	background-image:url(../images/box_topbg.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:255px;
	height:10px;
}

.comp-heading {
	font-size:12px;
	color:#424242;
	font-weight:bold;
}
.comp-boxarea {
	float:left;
	padding:0px 12px 0px 12px;
}
.comp-text {
	text-align:justify;
	padding-right:25px;
	line-height:18px;
}
.form-area {
	font-size:12px;
	color:#333333;
}
.form-area td {
	font-size:12px;
	color:#333333;
	padding:3px 5px 3px 5px;
}
.form-area input {
	font-size:12px;
	color:#333333;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	width:160px;
	padding:1px;
}
.but-complain {
	background-image:url(../images/box_butbg.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:255px;
	height:10px;
}

.mid-complain {
	background-image:url(../images/box_midbg.gif);
	background-repeat:repeat-y;
	background-position:bottom left;
	}
	
	.top-complain {
	background-image:url(../images/box_topbg.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:255px;
	height:10px;
	}
.line-sep
{
	background-image: url(../images/line-sep.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 8px;
}
#box{
width:767px;
margin-top:10px;
margin-left:5px;
height:auto;
padding-top:5px;
padding-left:5px;
padding-left:5px;
padding-bottom:5px;
border: solid 1px green;
border-radius:5px;
}


/*Full width footer*/	
#footer {
	background:green;
	width:100%;
	height:82px;
	margin-top:3px;
	text-align:center;
	-webkit-border-top-right-radius: 10px;
     -webkit-border-top-left-radius: 10px;
	 
	}

.footer-in
{
	width:1024px; margin:0px auto;
}


.footer-link
{
    width:1024px; float:left; text-align:center;  margin-top:13px;
}
.footer-link ul
{
    list-style-type:none;  margin-top:0px;  padding:0px;
}
.footer-link ul li
{
    list-style-type:none;  display:inline; padding:3px; color:#ffffff; font-size:12px; 
}
.footer-link ul li a
{
     list-style-type:none;   text-decoration:none; color:#ffffff; font-size:12px; text-transform:uppercase; 
}
.footer-link ul li a:hover
{
    text-decoration:none; color:#000;
}
 
.copyright
{ width:1024px; float:left; font-size:11px; line-height:18px; margin-top:0px;  height:20px; text-align:center; color:#fff; 
	}
	
 .maintained-by
  { width:100%; height:20px; float:left; font-family:Arial; font-size:11px; text-align:center; 
  	
  	}	
/*End footer*/












/* login form css */





#content {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
	-webkit-box-shadow: 0 1px 0 #fff inset;
	-moz-box-shadow: 0 1px 0 #fff inset;
	-ms-box-shadow: 0 1px 0 #fff inset;
	-o-box-shadow: 0 1px 0 #fff inset;
	box-shadow: 0 1px 0 #fff inset;
	border: 1px solid #c4c6ca;
	margin: 0 auto;
	padding: 25px 0 0;
	position: relative;
	text-shadow: 0 1px 0 #fff;
	width: 400px;
}
#content h1 {
	color: #7E7E7E;
	font: bold 25px Helvetica, Arial, sans-serif;
	letter-spacing: -0.05em;
	line-height: 20px;
	margin: 10px 0 30px;
}
#content h1:before,
#content h1:after {
	content: "";
	height: 1px;
	position: absolute;
	top: 10px;
	width: 27%;
}
#content h1:after {
	background: rgb(126,126,126);
	background: -moz-linear-gradient(left,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    right: 0;
}
#content h1:before {
	background: rgb(126,126,126);
	background: -moz-linear-gradient(right,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    left: 0;
}
#content:after,
#content:before {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
	border: 1px solid #c4c6ca;
	content: "";
	display: block;
	height: 100%;
	left: -1px;
	position: absolute;
	width: 100%;
}
#content:after {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
	top: 0;
	z-index: -1;
}
#content:before {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	top: 0;
	z-index: -2;
}
#content form { margin: 0 20px; position: relative }
#content form input[type="text"],
#content form input[type="password"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #eae7e7 url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) no-repeat;
	border: 1px solid #c8c8c8;
	color: #777;
	font: 13px Helvetica, Arial, sans-serif;
	margin: 0 0 10px;
	padding: 15px 10px 15px 40px;
	width: 80%;
}
#content form input[type="text"]:focus,
#content form input[type="password"]:focus {
	-webkit-box-shadow: 0 0 2px #ed1c24 inset;
	-moz-box-shadow: 0 0 2px #ed1c24 inset;
	-ms-box-shadow: 0 0 2px #ed1c24 inset;
	-o-box-shadow: 0 0 2px #ed1c24 inset;
	box-shadow: 0 0 2px #ed1c24 inset;
	background-color: #fff;
	border: 1px solid #ed1c24;
	outline: none;
}
#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }
#content form input[type="submit"] {
	background: rgb(254,231,154);
	background: -moz-linear-gradient(top,  rgba(254,231,154,1) 0%, rgba(254,193,81,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background: linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee79a', endColorstr='#fec151',GradientType=0 );
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	-o-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	border: 1px solid #D69E31;
	color: #85592e;
	cursor: pointer;
	float: left;
	font: bold 15px Helvetica, Arial, sans-serif;
	height: 35px;
	margin: 20px 0 35px 15px;
	position: relative;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	width: 120px;
}
#content form input[type="submit"]:hover {
	background: rgb(254,193,81);
	background: -moz-linear-gradient(top,  rgba(254,193,81,1) 0%, rgba(254,231,154,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background: linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec151', endColorstr='#fee79a',GradientType=0 );
}
#content form div a {
	color: #004a80;
    float: right;
    font-size: 12px;
    margin: 30px 15px 0 0;
    text-decoration: underline;
}
.button {
	background: rgb(247,249,250);
	background: -moz-linear-gradient(top,  rgba(247,249,250,1) 0%, rgba(240,240,240,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
	background: -o-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
	background: -ms-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
	background: linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0',GradientType=0 );
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
	-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
	-o-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	border-top: 1px solid #CFD5D9;
	padding: 15px 0;
}
.button a {
	background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
	color: #7E7E7E;
	font-size: 17px;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.button a:hover {
	background-position: 0 -135px;
	color: #00aeef;
}