@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#555555;
	line-height:22px;
}
.all-clear {
	clear:both;
}
#contnr {
	width:100%;
	margin:0 auto;
	/*background:url(images/stripe-bg-1.jpg);*/
	background-color:#fff;
	border-top:solid 20px #096fd5;
	padding-top:10px;
}
#bnr {
	width:100%;
	margin:0 auto;
	border-bottom:solid 5px #CCCCCC;
}
#bnr img {
	width:100%;
}
#bdy-top {
	width:100%;
	margin:10px auto;
}
h3 
{
	font-size:11px;
}
.bdy-top {
	width:80%;
	margin:0 auto;
	text-align:center;
}
.bdy-top p {
	font-size:28px;
	color:#0683ff;
	text-shadow:1px 1px 0 #000000
}
#main-bdy {
	width:80%;
	margin:100px auto 0;
}

#bdy-lt {
	float:left;
	width:50%;
	margin-top:-70px;
}
#bdy-rt {
	float:right;
	width:50%;
	margin-top:-70px;
}

.notification {
	margin-top:10px;
}
.notification a {
	background-color:#0066CC;
	color:#fff;
	padding:5px 15px;
	margin-left:150px;
	font-size:14px;
	font-weight:bold;
	transition:all 2s;
}
.notification a:hover {
	background-color:#4ba5ff;
	color:#000;
	padding:5px 15px;
	font-size:14px;
}

.notification-1 {
	margin-top:20px;
}
.notification-1 a {
	background-color:#0066CC;
	color:#fff;
	padding:5px 15px;
	/*margin-left:290px;*/
	font-size:14px;
	font-weight:bold;
	transition:all 2s;
	text-decoration:none;
}
.notification-1 a:hover {
	background-color:#4ba5ff;
	color:#000;
	padding:5px 15px;
	font-size:14px;
}


.bdy {
	width:80%;
	margin:0 auto;
	background:linear-gradient(#F2F5A9,#F5F6CE);
	padding:20px;
	border-radius:10px;
	box-shadow:0 0 10px #afaeae;
}
.bdy-white {
	width:65%;
	margin:0 auto;
	background-color:#ffffff;
	padding:20px 0;
	border-radius:10px;
	box-shadow:0 0 10px #afaeae;
}
.new-tbl td {
    padding-bottom:10px;
}
.bdy-bdy {
	width:98%;
	margin:0 auto;
	background:linear-gradient(#F2F5A9,#F5F6CE);
	padding:20px;
	border-radius:10px;
	box-shadow:0 0 10px #afaeae;
}
.bdy-bdy p {
	color:#ffffff;
	font-size:16px;
}
.bdy-top marquee p {
	margin:0 30% 20px;
	font-size:26px;
}
.article {
	margin:0 auto 5px;	
}
.article-lt-n {
	width:57%;
	float:left;
	padding:5px 10px;
	border:solid 1px #f6dfa1;
	background:#f6dfa1;
	color:#0066CC;
	margin-right:28px;
	margin-left:80px;
}
.article-lt-n:hover {
	width:55%;
	float:left;
	padding:5px 10px;
	border:solid 1px #f6dfa1;
	background:linear-gradient(#f6f1a1,#ffffff);
}
.article-lt-n p {
	color:#000;
}
.article-lt-n span {
	color:#096fd5;
}
.article-lt {
	width:94%;
	float:left;
	padding:5px 10px;
	border:solid 1px #f6dfa1;
	background:#ffffff;
	color:#0066CC;
	margin-right:28px;
}
.article-lt p {
	color:#555570;
}
.article-lt p span {
	margin-right:10px;
	color:#0066CC;
	font-size:20px;
}
.article-lt:hover p {
	color:#e50e0e;
}
.article-lt:hover {
	width:94%;
	float:left;
	padding:5px 10px;
	border:solid 1px #f6dfa1;
	background:linear-gradient(#f6f1a1,#ffffff);
}
.article-rt {
	width:94%;
	float:right;
	padding:5px 10px;
	border:solid 1px #f6dfa1;
	background:#ffffff;
	color:#0066CC;
}
.article-rt p {
	color:#555570;
}
.article-rt p span {
	margin-right:10px;
	color:#0066CC;
	font-size:20px;
}
.article-rt:hover p {
	color:#e50e0e;
}
.article-rt:hover {
	width:94%;
	float:right;
	padding:5px 10px;
	border:solid 1px #f6dfa1;
	background:linear-gradient(#f6f1a1,#ffffff);
}
.main-section {
	border:solid 1px #cccccc;
	padding:10px 35%;
	margin-top:20px;
}
.section {
	width:100%;
	margin-bottom:10px;
}
.section a {
	text-decoration:none;
}
.section a:hover img {
	opacity:0.8;
}
#ftr {
	width:100%;
	margin:60px auto 0;
	background-color:#096fd5;
	height:20px;
	position:fixed;
	bottom:0;
}


#bdy-ac {
 width:100%;
 margin:0 auto;
}
.bdy-ac {
 width:90%;
 margin:0 auto;
}
.bdy-ac-lt {
 float:left;
 width:16%;
}
.bdy-ac-lt ul {
 margin-top:5px;
}
.bdy-ac-lt ul li {
 margin-bottom:25px;
 list-style:circle;
}
.bdy-ac-lt ul li a 
{
 font-size:16px;
 color:#d22045;
}
.bdy-ac-lt ul li a:hover {
 color:#0088ff;
 text-decoration:none;
}
.bdy-ac-rt {
 float:right;
 width:80%;
 background-color:#ffffff;
 padding:10px 10px 0;
 border-radius:10px;
 box-shadow:0 0 10px #afaeae;
 /*height:400px;*/
}
/*.ftr{
	width:70%;
	margin:0 auto;
}
*/
.bdy-lt {
	float:left;
	width:50%;
	margin-top:-70px;
}
.bdy-rt {
	float:right;
	width:50%;
	margin-top:-70px;
}

#username-logout {
	width:100%;
	margin:10px auto;
}
.username-logout {
	width:89%;
	margin:0 auto;
	text-align:center;
}

.logout {
	float:right;
}
.logout a {
	text-decoration:none;
	color:Red;
}
.logout a:hover {
	text-decoration:underline;
	color:Blue;
}




/*thankyou-bdy*/
#thankyou-bdy {
 width:100%;
 margin:15% auto 0;
}
.thankyou-bdy {
 width:60%;
 margin:0 auto;
 padding:20px;
 box-shadow:0 0 10px #afaeae;
 border-left:solid 5px #00bfff;
 background:url(images/blu-arw.png) no-repeat 0px 20px #ffffff;
}
.thankyou-bdy-lt {
 float:left;
 margin-top:50px;
}
.thankyou-bdy-lt p strong {
 font-size:30px;
 color:#0066FF;
}
.thankyou-bdy-rt {
 float:right;
}

/*/  SECTIONS  /*/
.section {
 clear: both;
 padding: 0px;
 margin: 0px;
}

/*/  COLUMN SETUP  /*/
.col {
 display: block;
 float:left;
 margin:0;

}
.col:first-child { margin-left: 0; }


/*/  GROUPING  /*/
.group:before,
.group:after {
 content:"";
 display:table;
}
.group:after {
 clear:both;
}
.group {
    zoom:1; /*/ For IE 6/7 /*/
}

/*/  GRID OF THREE  /*/
.span_3_of_3 {
 width: 100%;
 
}
.span_2_of_3 {
 width: 66.1%;
}
.span_1_of_3 {
 width: 32%;
 float:left;
  margin-right:10px;
  margin-bottom:5px;
 
}

.span_1_of_4 {
 width: 33%;
 float:left;
  margin-right:10px;
  margin-bottom:5px;
 
}

/* GO FULL WIDTH AT LESS THAN 480 PIXELS /*/ @media only screen and (max-width: 480px)
{


.col { margin: 1% 0 1% 10px;}
.span_3_of_3, .span_2_of_3, .span_1_of_3
{
	width: 100%;
	float: none;
}
.top
	{margin-top: 0px;
	}
#bdy-lt {
	float:left;
	width:100%;
	margin-top:-70px;
}
#bdy-rt {
	float:right;
	width:100%;
	margin-top:-70px;
}
.bdy-lt {
	float:left;
	width:100%;
	margin-top:-70px;
}
.bdy-rt {
	float:right;
	width:100%;
	margin-top:-70px;
}

.article-lt-n {
	width:100%;
	float:left;
	padding:5px 10px;
	border:solid 1px #f6dfa1;
	background:#ffffff;
	color:#0066CC;
	margin-right:28px;
	
}


}

 


    /*for login box*/


.login-box-hedr {
    width:80%;
    margin:0 auto;
    text-align:center;
}
.login-box-ftr {
    width:47%;
    margin:0 auto;
    text-align:center;
}
.login-box-ftr a {
    font-size:16px;
    margin-bottom:10px;
    text-decoration:none;
    color:#0066CC;
}
.login-box-ftr a:hover {
    font-size:16px;
    margin-bottom:10px;
    text-decoration:underline;
    color:#0683ff;
}

.login-box {
    width:100%;
    margin:0 auto 10px;
    background-color:#fff;
    padding:50px 10px;
    border-radius:10px;
    text-align:center;
}
.login-box-n {
    width:70%;
    margin:0 auto 10px;
    background-color:#f6dfa1;
    padding:50px 10px;
    border-radius:10px;
    text-align:center;
	box-shadow:0 0 10px #ccc;
}

.photo {
    margin:0 auto 40px;
    width:100px;
    height:100px;
}
.photo img {
    border-radius:50%;
}
.login-box input {
    width:70%;
    height:40px;
    padding:0 0 0 10px;
    margin-bottom:10px;
    border:none;
    border:solid 1px #cccccc;
    border-radius:6px;
   
}
.login-box input:focus {
    width:70%;
    height:40px;
    padding:0 0 0 10px;
    margin-bottom:10px;
    border:none;
    border:solid 1px #0066CC;
    border-radius:6px;
   
}
.login-box input:hover {
    width:70%;
    height:40px;
    padding:0 0 0 10px;
    margin-bottom:10px;
    border:none;
    border:solid 1px #0066CC;
    border-radius:6px;
    box-shadow:0 0 10px #afaeae;
   
}
.login-box input[type='submit'] {
    width:70%;
    height:40px;
    padding:0 0 0 10px;
    margin-bottom:10px;
    border:none;
    border:solid 1px #cccccc;
    border-radius:6px;
    cursor:pointer;
    background-color:#096fd5;
    color:#fff;
    font-weight:bold;
}

.login-box input[type='submit']:hover {
    width:70%;
    height:40px;
    padding:0 0 0 10px;
    margin-bottom:10px;
    border:none;
    border:solid 1px #cccccc;
    border-radius:6px;
    cursor:pointer;
    background-color:#4ba5ff;
    color:#fff;
    font-weight:bold;
}


.login-box-n input {
    width:70%;
    height:40px;
    padding:0 0 0 10px;
    margin-bottom:10px;
    border:none;
    border:solid 1px #cccccc;
    border-radius:6px;
   
}
.login-box-n input:focus {
    width:70%;
    height:40px;
    padding:0 0 0 10px;
    margin-bottom:10px;
    border:none;
    border:solid 1px #0066CC;
    border-radius:6px;
   
}
.login-box-n input:hover {
    width:70%;
    height:40px;
    padding:0 0 0 10px;
    margin-bottom:10px;
    border:none;
    border:solid 1px #0066CC;
    border-radius:6px;
    box-shadow:0 0 10px #afaeae;
   
}
.login-box-n input[type='submit'] {
    width:70%;
    height:40px;
    padding:0 0 0 10px;
    margin-bottom:10px;
    border:none;
    border:solid 1px #cccccc;
    border-radius:6px;
    cursor:pointer;
    background-color:#096fd5;
    color:#fff;
    font-weight:bold;
}
.login-box-n input[type='submit']:hover {
    width:70%;
    height:40px;
    padding:0 0 0 10px;
    margin-bottom:10px;
    border:none;
    border:solid 1px #cccccc;
    border-radius:6px;
    cursor:pointer;
    background-color:#4ba5ff;
    color:#fff;
    font-weight:bold;
}



hr
{  color:#ffffff;
}

/*table td label
{
	margin:-20px 0 0 0;
}

table td input[type='radio']
{
	margin-right:20px;
}*/

.top-div{width:94%; margin:10px;
  border:4px solid #000; padding:10px;}
  .top-head-text{ text-align:center; font-size:14px; font-weight:bold; color:#000;}
  .name{ color: #000;
    float: right;
    font-size: 16px;
    font-weight: bold;
    margin-top: -55px;
    width: 72%;}
	.box-1{border:2px solid #000;   padding:0px 5px; text-align:center;}
	.box-2{height:36px;}
	.box-3{border:2px solid #000;  margin-top: -4px; text-align:center; width:98%;}
	.box-4{ font-weight:bold; padding:0px 10px; color:#fff; text-align:center;width:81%;}
	.box-right{width:25%; float:left;}
	.box-5{border:2px solid #000; text-align:center;}
	.box-left{width:75%; float:left; margin-top:10px;}
	.box-6{width:94px; height:94px;  margin-top: -29px;}
	.box-im{float: right;
    margin-right: 17px;
    margin-top: -27px;}
	.line{ font-size: 9px;
    line-height: 14px;
	font-weight:bold;}
/*table td label
{
	margin:-20px 0 0 0;
}

table td input[type='radio']
{
	margin-right:20px;
}*/













/*table td label
{
	margin:-20px 0 0 0;
}

table td input[type='radio']
{
	margin-right:20px;
}*/