@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Patua+One');

body{
background:url(../images/top_bg_img.jpg);
background-repeat:repeat-x;
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#58595b;
}

.top_left_bg{
background:url(../images/top_left.jpg);
background-repeat:no-repeat;
padding:0px;
margin:0px;
}
.headerMainBtn{
padding: 0 35px 0px 0px; text-align: right;
}
.headerHoverBtn{
background:#ceeeff;
}
.headerHoverBtn:hover{
background:#fff;
}
.top_right_bg{
background:url(../images/top_right.jpg);
background-repeat:no-repeat;
width:109px;
margin:0px;
margin:0px;
}

.top_middle{
background:url(../images/middle_patt.jpg);
background-repeat:repeat-x;
padding:10px 0px 0px 0px;
margin:0px;
}

h1{
padding:30px 2px 0px 30px;
margin:0px;
font-family: 'Patua One', cursive;
font-size:24px;
color:#FFFFFF;
font-weight: 400;
}

h2{
font-size:16px;
color:#000000;
padding:10px 0px 0px 0px;
margin:0px;
font-family:Arial;
}

input {
    padding: 4px;
    margin: 0 10px;
    border-radius: 3px;
    border: 1px solid #bed9e7;
}
textarea {
    padding: 4px;
    margin: 0 10px;
    border-radius: 3px;
    border: 1px solid #bed9e7;
	resize:none;
}
input[type="submit"] {
    background: #0a80c0;
    color: #fff;
    border: 1px solid #0a80c0;
    padding: 4px 8px;
	cursor:pointer;
}
select {
    padding: 3px;
    margin: 0 10px;
    border-radius: 3px;
    border: 1px solid #bed9e7;
}
.fa{
font-size:18px !important;
}
.fa-plus-circle{
color:green;
}
.fa-trash-o{
color:#FF0000;
}
.fa-address-book-o{
color:#607d8b;
}
.fa-refresh{
color:#009688;
}
.fa-pencil-square{
color:#ffa500;
}
.fa-unlock{
color:#03a9f4;
}
.fa-lock{
color:#03a9f4;
}
.fa-times-circle-o{
color:#e40101;
}
.fa-check-square-o{
color: #4CAF50;
}

.vrspace25{ 
padding:0px;
margin:0px;
height:25px;
}
.vrspace40{ 
padding:0px;
margin:0px;
height:40px;
}

.vrspace15{
padding:0px;
margin:0px;
height:15px;
}

.vrspace8{
padding:0px;
margin:0px;
height:8px;
}

.login_bg{
background:url(../images/top_right_patt_l.jpg);
height:41px;
background-repeat:repeat-x;
}

.top_left_mid_part{
	background:url(../images/top_left_midd_patt.jpg);
	background-repeat:repeat-x;
	vertical-align:top;
	width:80%;
}

.icon{
padding:8px 10px 0px 5px;
margin:0px;
}

.member-heading{
font-weight:bold;
padding:5px 0px 0px 0px;
margin:0px;
}

.login_left_border{
background:#e9f4fb;
}

.login_right_border{
	background:#e9f4fb;
}
.login_mid_border{
background:#e9f4fb;
}

.login_bottom_midd{
background:url(../images/botttom_midd.jpg);
background-repeat:repeat-x;
width:100%;
}

.login_bg_border
{background:#e9f4fb;
border-right:solid 1px #d0e5f3;
border-left:solid 1px #d0e5f3;}

.footer{
	background:url(../images/bottom_pqtt.jpg);
	background-repeat: repeat-x;
    height: 40px;
    padding: 0 0;
    color: #FFFFFF;
    position: fixed;
    width: 100%;
    bottom: 0;
    text-align: center;
    line-height: 40px;
    background: #469bc9;
}


ul.newlogin
{
 width:20%;
 margin: 50px auto 0;
padding: 20px 20px 35px;
 border:#cbc5c5 1px solid;
 border-radius:3px;
 list-style:none;
 background: #f5f5f5;
}

ul.newlogin li
{
 margin:0;
 padding:0;
 width:100%;
 color:#000;
font-size: 1.1em;
font-weight: 500;
}

ul.newlogin li input
{
 width:95%;
 margin: 6px 0 15px;
 padding:0 0 0 10px;
 height:35px;
 border-radius:5px;
 border:#cbc5c5 1px solid;
 background:#fff;
}

ul.newlogin li input[type=submit]
{
 background:#0a80c0;
 border:none;
 text-align:center;
 color:#fff;
 padding:0px;
font-size: 1.3em;
height: 40px;
 width: 100%;
 margin:0;
 cursor:pointer;
}

ul.newlogin li input:hover[type=submit]
{
 background:#0776b2;
}

ul.newlogin figure
{	
text-align:center;
 margin-top: -85px;
}

ul.newlogin figure img
{
 border-radius:100%;
 border:#fff 3px solid;
}



.admin{
color:#FFFFFF;
padding:40px 35px 0px 0px;
text-align:right;
width:45%;
}

.date{
color:#FFFFFF;
padding:40px 0px 0px 25px;
}

.button{
background:#d4d0c8;
padding:2px 3px 2px 3px;
font-size:14px;
color:#000;
border:solid 1px #FFFFFF;
}

.navi_bg{
background:url(../images/top_menus_patt.jpg);
background-repeat:repeat-x;
height:57px;
padding:0px 0px 0px 60px;
margin:0px 0px 0px 0px;
}

.navi_bg li{
padding:1px 5px 1px 5px;
margin:0px 0px 0px 0px;
list-style:none;
background:url(../images/div_img.jpg);
background-repeat:no-repeat;
float:left;
}
.navi_bg li a{
padding:0px 20px 0px 20px;
margin:0px;
text-decoration:none;
color: #000000;
font-weight:bold;
display:block;
}

.navi_bg li a:hover{
color: #45bcff;
background-repeat:no-repeat;
position:relative;
background-image: url(../images/shadow.jpg);
background-position: center bottom;
}


.left_colum_mid{
background:url(../images/top_left_midd_patt.jpg);
background-repeat:repeat-x;
vertical-align:top;
padding:9px 0 0 10px;
font:Arial;
font-size:14px;
font-weight:bold;
height:35px;
border-right:solid 1px #D0E5F3;
border-left:solid 1px #D0E5F3;
color:#000000;
}

.left_co ul{
padding:0px 0px 0px 0px;
margin:0px;
list-style:none;
font-size:12px;
border-bottom:solid 1px #d0e5f3;
}

.left_co li{
padding:7px 0px 7px 30px;
margin:0px;
display:block;
border-bottom:solid 1px #cee5f5;
background-repeat:no-repeat;
background-image: url(../images/bullets.jpg);
background-position: 15px center;
}

.left_co li a{
padding:0px 0px 0px 0px;
margin:0px;
text-decoration:none;
color:#43387a;
}

.left_co li a:hover{
text-decoration:underline;
color:#6cafe6;
}

.nav_topline
{
height:3px;
border-top:1px solid #ffffff;
background:#0B3356;
padding:0px;
margin:0px;
}
.nav_bg{ padding:0; margin:0; list-style:none; vertical-align:top; text-align:center;background:#e7e7e7;}
.nav_bg ul{ list-style:none; padding:0px; margin:0px;}
.nav_bg ul li{ display:inline; padding:0px; margin:0px -2px 0px -1px; line-height:36px; font-weight:bold;}
.nav_bg ul li a{ text-decoration:none; color:#FFFFFF; background:#469bc9; padding:10px 20px 10px 20px; margin:0px;}
.nav_bg ul li a:hover{ background:#2d729b; color:#fff000;}
.nav_bg ul li a.selected{ background:#2d729b; color:#fff000;}



.heading{
font-size:22px;
padding:0px 0px 0px 0px;
margin:0px;
}

.navigation{ background:#e7e7e7; height:40px; text-align:center;}
.navigation ul{ list-style:none; padding:0px; margin:0px; text-align:center;}
.navigation ul li{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; display:inline;}
.navigation ul li a{ padding:10px 20px 10px 20px; margin:0px; display:inline; background-color:#469bc9; color:#FFFFFF; text-decoration:none;}
.navigation ul li a:hover{ background:#2d729b; color:#fff000;}
.navigation ul li a.selected{ background:#2d729b; color:#fff000;}

.heading1{
font-size:22px;
padding:0;
margin:0px;
}

.top_listing_border_bg{
background:#eff9ff;
border:solid 1px #BED9E7;
padding:7px 10px 7px 10px;
margin:0px;
font-size:12px;
color:#010101;
}

.listing-bg{
background:#a0a0a0;
font-size:12px;
vertical-align:top;
}

.listing_top_text_bg{
background:#f1f1f1;
font-weight:bold;
}

.white_bg{
background:#FFFFFF;
}

.top{
vertical-align:top;
}

.set_co ul{
padding:0px 0px 0px 0px;
margin:0px;
list-style:none;
font-size:12px;
border-bottom:solid 1px #d0e5f3;
}

.set_co li{
padding:7px 0px 7px 30px;
margin:0px;
display:block;
border-bottom:solid 1px #cee5f5;
background-repeat:no-repeat;
background-image: url(../images/bullets.jpg);
background-position: 15px center;
}

.set_co li a{
padding:0px 0px 0px 0px;
margin:0px;
text-decoration:none;
color:#ff5254;
}

.set_co li a:hover{
text-decoration:underline;
color:#000;
}

.ad_reload{
padding:10px 0px 10px 0px;
margin:0px;
vertical-align:top;
}

.gray_bg{
background:#114A7F;
padding:5px 0px 5px 8px;
margin:0px;
font-size:13px;
border:0px solid #ffffff;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:bold;
}

.add_page{
border:solid 1px #CCCCCC;
padding:1px;
font-size:13px;
}
.tdbasebg{
border:solid 1px #ffffff;
font-size:12px;
padding:0;
background:#ffffff;
color:#4A4A4A;
}

.tdbg{
border:solid 1px #ffffff;
background:#F4FDFF;
}

.desctext{font-size:11px; color:#000000; padding:5px 10px 10px 5px; margin:0; text-decoration:none}

.text-field_left{
padding:0px 0px 0px 10px;
}

.button_sub
{
padding:2px 3px 2px 3px;
margin:0px 0px 0px 0px;
border:#e2420d 2px solid;
background-color:#fff; -moz-border-radius:4px;
-moz-box-shadow: 2px 2px 5px #afadad;
color:#264706;
}

.last_login{
padding:0px 0px 0px 12px;
line-height:22px;
}
.icon-heading{
font-size:15px;
font-weight:bold;
padding:0px 0px 0px 0px;
color:#333333;
}

.navi_bg1
{
 height:35px;
}

.navi_bg1 ul
{
 list-style:none;
 margin:0px;
 padding:0px;
}

.navi_bg1 li
{
 display:inline;
 float:left;
 height:35px;
 font:bold 12px Arial, Helvetica, sans-serif;
 line-height:42px;
 padding:0 1px 0 0;
} 
 
 .navi_bg1 li a
{
 display:inline;
 float:left;
 height:35px;
 font:bold 12px Arial, Helvetica, sans-serif;
 line-height:35px;
 padding:0 12px 0 13px;
 color:#016a77;
 text-decoration:none;
 background-color:#b7dee3;
} 
 
 .navi_bg1 li a:hover
{
 background-color:#0098aa;
 color:#ffffff;
} 
	
 .navi_bg1 li a.selected
{
 background-color:#0098aa;
 color:#ffffff;
} 

.vtop
{vertical-align:top;}



.adminform{
background:#e9f4fb;
border:solid 1px #d0e5f3;
padding:0px;
}

.btnsubmit{
font-size:15px;
font-weight:normal;
padding:0;
width:100px;
margin:0;
}
.btnsubmit-01{
font-size:15px;
font-weight:normal;
padding:0;
height:26px;
width:70px;
margin:0;
}

table.admintble {
	border-width:0px 1px 1px 1px;
	border-collapse:separate;
	padding:0px;
	margin:0px;
	border-style: solid solid solid solid;
	border-color: #D0E5F3;
	/*background-color: white;*/
}
table.admintble th {
    border-width: 1px 0px 1px 0px;
    padding: 5px 5px 5px 8px;
    margin: 0;
    font-size: 13px;
    height: 25px;
    font-weight: bold;
    color: #ffffff;
    border-style: solid solid solid solid;
    border-color: #D0E5F3;
    text-align: left;
    background-color: #469bc9;
}
table.admintble td {
	border-width: 0px 0px 0px 0px;
	font-size:12px;
	padding:0px;
	border-style: solid solid solid solid;
	border-color: #D0E5F3;
}

table.admintble .tablewob {
	border-width: 0px;
	border-collapse:separate;
	padding:0px;
	margin:0px;
	border-style: solid solid solid solid;
	border-color: #D0E5F3;
	/*background-color: white
	;*/
}
table.admintble .tablewob th {
	border-width:1px 1px 1px 1px;
	padding:5px 5px 5px 8px;
	margin:0;
	font-size:13px;
	height:25px;
	font-weight:bold;
	color:#4A4A4A;
	border-style: solid solid solid solid;
	border-color: #D0E5F3;
	text-align:left;
	background-color: #E9F4FB;
}
table.admintble .tablewob td {
	font-size:13px;
	padding:8px;
	border-width:0px 0px 0px 0px
}


table.tablewb {
	border-width:0px 0px 0px 0px;
	border-collapse:separate;
	padding:0px;
	margin:0px;
	border-style: solid solid solid solid;
	border-color: #D0E5F3;
	/*background-color: white 
	;*/
}
table.tablewb th {
    border-width: 1px 0px 1px 1px;
    padding: 5px 5px 5px 8px;
    margin: 0;
    font-size: 13px;
    height: 25px;
    font-weight: bold;
    color: #ffffff;
    border-style: solid solid solid solid;
    border-color: #D0E5F3;
    text-align: left;
    background-color: #469bc9;
}
table.tablewb td {
	font-size:12px;
	padding:8px;
	border-width:0px 0px 0px 1px ;
}

table.tablewb .bordernone
{border-left:0px;}
/*
input
{padding:0px; border:1px solid #A4C1D4; margin:0px 0px 0px 5px;}
select
{padding:0px; border:1px solid #A4C1D4; margin:3px 0px 0px 5px;}
textarea
{padding:0px; border:1px solid #A4C1D4; margin:2px 5px 2px 5px;}
*/

.tdrow
{background-color:#F4FDFF; height:25px;}

.tdspc
{ padding-left:10px;}


/* ============= Popup CSS ============= */

.section{width:auto; background:none; margin:0 auto 0 auto}
.aside{float:none;width:auto; margin: 0 auto 0 auto}
#lists{float:left;width:auto;}
.article{float:left;width:auto;}
#content h2{margin:0;font:bold 15px / 20px "Helvetica Neue",Arial,Sans-serif;color:#666;padding:0 0 0px;}
#front #content h2{border-bottom:1px solid #eee;}
#front #content .overlay h2{border-bottom:0;}

#sources{background:none;margin:0}
#sources .inside{padding:0px 0px 0px 0;}
#front #content #sources h2{border-bottom-color:#ddd;}
#sources ul{margin:-10px 0px 0px 0;padding:0;list-style:none;}
#sources li{*z-index:1000;_z-index:1000;position:relative;display:inline;float:left;width:auto;height:10px;margin:0px;padding:0;}
#sources li a.avatar-sm img{position:relative;width:auto;height:auto; border:4px solid #ffffff; padding:0; margin:0px 0px 0px 0;}
#lists ul{margin:0 0 0 0;padding:0;list-style:none;}
#lists li{margin:0 0 0 0;padding:0 0 0px;font-size:11px;line-height:16px;color:#999;}
#lists a.listname{display:block;font-size:13px;font-weight:bold;}
.stacked #lists ul{margin-bottom:-2px;}
.stacked #lists li.extra{display:none;}
.hc{background:#fff;display:none;position:absolute;z-index:1111;left:-25px;bottom:20px;width:200px;margin:0px;padding:5px;border:5px solid #ABD34C;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.3);box-shadow:0 3px 3px rgba(0,0,0,0.3);font:12px / 16px "Lucida Grande",Arial,Sans-serif;line-height:16px;color:#333;}

.hc-profile{float:left;width:100%;margin:0 0 4px;}
.hc-profile .avatar{float:left;width:auto;height:auto;margin:0 10px 5px 0;}
.hc-profile a{font:12px "Lucida Grande",Arial,Sans-serif;line-height:16px;color:#333;}
.hc-name{font:15px / 18px "Helvetica Neue",Arial,Sans-serif;}
.hc-username,.hc-location{display:block;font-size:11px;}
.hc-username{color:#666;}
.hc-caption{margin:0;}
.hc-label{font-size:12px;color:#000000; font-weight:bold;text-align:center;}
.hc-pointer{background:url(../images/pointer.png) no-repeat 0 0;position:absolute;bottom:-20px;left:20px;width:27px;height:20px;cursor:pointer;}

.explained{padding:7px 0 0 5px;font-size:25px; text-shadow:#006600 1px 1px 1px; color:#ffffff;line-height:18px;}

#ourwork
{background-image:url(../images/btn_ourwork.jpg); background-repeat:no-repeat; margin:20px 0px; padding:15px 10px 10px 22px; height:55px; width:309px;
font-size:25px; color:#ffffff}
#ourwork a{font-size:25px; color:#ffffff; text-decoration:none;text-shadow: #000000 1px 1px 1px; }
#ourwork:hover
{background-image:url(../images/btn_ourwork_hover.jpg); background-repeat:no-repeat;  margin:20px 0px; padding:15px 10px 10px 22px; height:55px; width:309px;}

.lateremark
{font-weight:bold; color:#CC6600;}
.absent
{font-weight:bold; color:#CE0000;}
.ontime
{font-weight:bold; color:#009900;}


/* new Class Added */

.login_top_mid_part{
	background:url(../images/login_top_midd_patt.jpg);
	background-repeat:repeat-x;
	vertical-align:top;
	width:80%;
}
#icon-ref{ line-height:22px;}

#add-more{ padding:4px 10px 0px 0px; margin:0px; border-top:solid 1px #d0e5f3; vertical-align:top; text-align:right; border-left:0px;}
#add-more a:link, #add-more a:visited{ color:#006633; text-decoration:none; font-weight:bold;}
#add-more a:hover, #add-more a:active{ color:#339900; text-decoration:underline;}
#add-more img{ padding:0px; margin:0; border:0px;}

.total-bottom{ padding:5px; margin:0px; background:#f4fdff; border:solid 1px #d0e5f3; text-align:right;}

#button{ padding:0px; margin:0px;}
#button a:link, #button a:visited{ text-decoration:underline; color:#2d729b;}
#button a:hover, #button a:active{ text-decoration:none; color:#2398d7;} 

.bg-color-01{ background:#bed9e7;}
.headin_name-bg{ background:#e9f4fb; padding:0px; margin:0px; font-weight:bold; color:#000000;}
.popup-white-bg{ background:#FFFFFF;}

.popup-light-sky-bg{ background:#f4fdff;}

/* added on 03-09-2011 */
.btndef
{
	padding:3px;
	margin:2px;
	background:#e2dec7;
	border:dashed 1px #c1b07b;
}

.btnstlcls
{
	padding:3px;
	margin:2px;
	background:#e2dec7;
	border:dashed 1px #c1b07b;
}
.dispmsg
{
	color:#ff0000;
	font-weight:bold;
	text-align:center;
}

.dispmsgrtl
{
	color:#ff0000;
	font-weight:bold;
	text-align:right;
}

@media (max-width:35em){
ul.newlogin{
width:70%;
}


}