html, body, div, span, applet, object, iframe, h1, h2, h3, h4,  h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,  code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,  fieldset, form, label, legend, table, caption, tbody, tfoot,  thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output,  ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: Calibri, sans-serif;
	vertical-align: top;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
}
table {
	border-spacing: 0;
}
a img {
	outline:none;
	border:none;
	outline: 0;
}

a {
	outline:none; text-decoration:none;
	border:none;
	outline: 0;
}
body {
	margin:0px;
	padding:0px;background:url(../../images/bg.jpg) no-repeat; background-color:#FFF; font-family: Calibri, sans-serif;
	font-size:14px;
}
.clear {
	clear:both;
}



h1{ font-size:18px; color:#3f3f3f; margin:0px; padding:0px; text-transform:uppercase; font-weight:bold;  }
span{ color:#013C9B; }

.fLleft{ float:left;}
.fRight{ float:right;}
.border0{ border:none!important;}
.mr0{ margin:0!important;}
.mbtm1{ margin-bottom:1em;}
.mbottom5{margin-bottom:5px;}
.width68{width:68% !important;}
.width78{width:90% !important;}
.width96{width:96% !important;margin-left:0px; border:solid 3px #E7E7E7;}
.width100{width:100%;}

h3 {font-size:30px; font-family:"Myriad Pro Light"; color:#f8ebbe; font-weight:bold;}

h2 {
	  font-size:36px; color:#11b14b; font-weight:normal; padding-left:7px; margin:10px 0px;}
	 
h4 {font-family:"Myriad Pro Light"; font-size:24px; 
	color:#fff;}
h5 {
	font-family:"Myriad Pro Light"; font-size:14px; font-weight:bold;
	color:#333; padding-top:3px;
	}
h6 {font:14px Arial;color:#212020; font-style:italic; font-weight:bold;}
p {font:13px Arial;color:#212020; line-height:21px; text-align:justify;}
.mr0{ margin:0!important;}
.message{ font:13px ; color:Red; text-align:center; line-height:20px;}
.mtop1{ margin-top:1em;}

/*-----------------------------------------------------------index page styles----------------------------------------------------------*/
.super{ width:100%; margin:0px; float:left;}
.main{ width:1000px; margin:0 auto;  height:100px;  -moz-border-radius: 0px 0px 12px 12px;border-radius: 0px 0px 12px 12px;
background:url(../../images/header_bg.png) no-repeat bottom left;
/*background-image: linear-gradient(right top, rgb(0,28,111) 1%, rgb(1,61,157) 51%, rgb(1,61,157) 87%);
background-image: -o-linear-gradient(right top, rgb(0,28,111) 1%, rgb(1,61,157) 51%, rgb(1,61,157) 87%);
background-image: -moz-linear-gradient(right top, rgb(0,28,111) 1%, rgb(1,61,157) 51%, rgb(1,61,157) 87%);
background-image: -webkit-linear-gradient(right top, rgb(0,28,111) 1%, rgb(1,61,157) 51%, rgb(1,61,157) 87%);
background-image: -ms-linear-gradient(right top, rgb(0,28,111) 1%, rgb(1,61,157) 51%, rgb(1,61,157) 87%);

background-image: -webkit-gradient(
	linear,
	right top,
	left 45,
	color-stop(0.01, rgb(0,28,111)),
	color-stop(0.51, rgb(1,61,157)),
	color-stop(0.87, rgb(1,61,157))
);*/
}
.inner_main{ width:97%;float:left; margin-left:0%; margin-right:0%;}
.header_inner{ width:1000px; margin:0 auto;}
.header_left{
   float: left;
    width: 272px;}
.logo{ width:350px;float:left; background:url(../../images/logo_bg.png) no-repeat; height:136px;}
.logo_final {
    background: url("../../images/logo-bg.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 100px;
    padding: 0 0 0 30px;
    width: 376px;
}
.header_right{ width:580px;float:right; margin-right:16px;}
.header_right_top{float:right; margin-top:10px; }
.header_right_text{color: #FFFFFF; float: left; font-size: 17px;text-align:right; width:270px}
.header_right_text_second{color: #FFFFFF; float: left; font-size: 17px;text-align:right; width:350px}
.header_right_select{ width:120px;float:right;}
.input{ width:120px;float:left; font-size:14px; color:#333; height:23px; line-height:20px;}
.two_icons{width:150px; float:right;}
.three_icons{ float:right;}
.one_icons{width:100px; float:right;}
.home_wrap{float:left; font-size:20px; color:#FFF; }
.help_icon{float:left;}
.last_login_text{ float:left; font-size:20px; color:#FFF; }
.help_wrap{float:left; font-size:20px; color:#FFF;  margin-left:8px;}
.help_wraplogout{float:left; font-size:20px; color:#FFF; width:85px; margin-left:8px; }
.body{ width:100%;float:left; margin-top:8px;}
.center_part{width:1000px; margin:0 auto; max-height:467px; overflow:auto; overflow-x:hidden; }
.center_partnew{width:700px; margin:0 auto; max-height:467px;  }
.center_partlogin{ margin:0 auto;  }
.body_left {   float: left;  width: 20%;}
.help_left {   float: left;  width: 25%;}
.body_left_box_wrap{width: 100%;float:left; margin-bottom:0px;}
.body_left_box_con{ width:180px;float:right; border:1px solid #ababab; padding-bottom:3px;}
.help_left_box_con{ width:220px;float:left; border:1px solid #ababab; padding-bottom:3px;}
.body_left_box_shadow{ width:200px;float:right; height:13px;clear: both;}
.body_left_box_heading{ width:160px;float:left; background-color:#b8b8b8; font-size:16px; color:#333;  padding:5px; padding-left:15px;}
.help_left_box_heading{ width:200px;float:left; background-color:#b8b8b8; font-size:16px; color:#333;  padding:5px; padding-left:15px;}
.body_left_pay_wrap{ float:left; width:100%; padding-left:10px;}
.pay_icon{ width:20px;float:left; margin:3px;}
.pay_textnew{  font-size:14px; color:#333333; padding:2px; padding-bottom:5px; }
.pay_text{ float:left; font-size:14px; color:#333333; padding:2px; padding-bottom:0px;}
ul.Help_text{ font-size:14px; color:#333333; padding:2px; padding-bottom:0px;}
ul.Help_text li{ display:block; line-height:18px;  padding-bottom:5px; padding-left:0px; padding-right:20px; text-align:justify;}
ul.Help_text li a{  font-size:14px; color:#333333; text-align:justify; }
.pay_text a{ color:#333333;}
.pay_text a:hover{ color:#3769a1;}
.pay_text a.active{ color:#3769a1;}
.body_right{ width:72%; margin-left: 40px;float:left;}
.help_right{ width:71%; margin-left: 10px;float:left;}
.select_topboxes{background-color: #E4E4E4; border: 1px solid #CCCCCC;  float: right;  margin-bottom: 20px;  margin-right: 4px;  padding: 10px; width:235px;}
.select_topboxes_inner{float: left; margin-right: 4%; width: 46%;}
.body_right_paylist_box{ width:99%;float:left; background:url(../../images/pay-list-inner.png) repeat-x left top;  border:1px solid #868686; 
 margin-top:0px; padding-bottom:12px;}
.body_right_reset_pass{ width:100%;float:left; background:url(../../images/pay-list-inner.png) repeat-x left top;  border:1px solid #868686; 
 margin-top:0px;}
.body_right_paylist_box_shadow{ width:96%;float:left; height:31px;}
.body_right_paylist_box_shadow_2{ width:99%;float:left; height:31px;}
.body_right_paylist_box_shadow3{ width:80%;float:left; height:31px;}
.paylist_top_con{ width:100%;float:left;
   text-align:center; padding:10px 0 10px 0; background:#E7E7E7;}
.paylist_top_bg{ float:left; width:100%; background:url(../../images/pay_slip_top_bg.png) repeat-x left top;}
.paylist_inner{ width:100%; border:1px solid red; float:left; background:url(../../images/pay-list-inner.png) repeat-x left top;}
.header_right_select1{ float:right;}


.paylist_top_text{ width:250px;float:left; font-size:20px; color:#333; padding:7px 7px 7px 20px; line-height:26px; font-weight:bold;}
.paylist_prient{ width:117px;float:right; margin:4px 0px 7px 7px;}
.paylist_table{ float:left; margin-left:4%; margin-right:4%; border:1px solid #666;margin-top:15px; border-bottom:0px; width:92%;}
.paylist_table_top{ width:100%; float:left;  background:url(../../images/heading-bg.png) repeat-x;}
.client{ color: #333333;
    float: left;
    font-size: 16px; padding:0.5em 0;
  
    text-align: center;
    width: 20%; }
.employee{ color: #333333;
    float: left;
    font-size: 16px;
    padding-bottom: 1%;
    padding-top: 1%;
    text-align: center;
    width: 25%;}
.paylist_table_main{ width:100%; float:left; border-bottom:1px solid #6C6C6C; background:#f1f1f2;}
.client2{ border-right: 1px solid #6C6C6C;
    color: #333333;
    float: left;
    font-size: 14px;
    height: 42px;
    padding-top: 7px;
    text-align: center;
    width: 20%;}
    .dropdownlist
{
	color:#000000;
	font-size:10pt;
	font-family: Calibri, sans-serif;
	letter-spacing:0px;
	font-weight:normal;
	border:solid 1px #e4e4e4;
	height: 22px;
	
}

.employee2{ border-right: 1px solid #6C6C6C;
    color: #333333;
    float: left;
    font-size: 14px;
    height: 49px;
    line-height: 45px;
    text-align: center;
    width: 25%;}
.employee3{width:25%; float:left; text-align:center; font-size:14px; color:#FFF;  line-height: 34px; color:#333;}
.pageing{ width:80%; float:left; margin-top:20px; margin-left:50px;}
.footerouter{ width:100%; float:left;bottom:0;left:0;position:fixed; }

.footer{ width:1000px; margin:0 auto; height:65px;
background:url(../../images/footer_bg.png) no-repeat;
/*background-image: linear-gradient(right top, rgb(0,28,111) 1%, rgb(0,28,111) 16%, rgb(1,61,157) 87%);
background-image: -o-linear-gradient(right top, rgb(0,28,111) 1%, rgb(0,28,111) 16%, rgb(1,61,157) 87%);
background-image: -moz-linear-gradient(right top, rgb(0,28,111) 1%, rgb(0,28,111) 16%, rgb(1,61,157) 87%);
background-image: -webkit-linear-gradient(right top, rgb(0,28,111) 1%, rgb(0,28,111) 16%, rgb(1,61,157) 87%);
background-image: -ms-linear-gradient(right top, rgb(0,28,111) 1%, rgb(0,28,111) 16%, rgb(1,61,157) 87%);

background-image: -webkit-gradient(
	linear,
	right top,
	left 45,
	color-stop(0.01, rgb(0,28,111)),
	color-stop(0.16, rgb(0,28,111)),
	color-stop(0.87, rgb(1,61,157))
);*/
-moz-border-radius: 12px 12px 0px 0px;
border-radius: 12px 12px 0px 0px;  }
.copy{ width:1000px; margin:0px; padding-top:10px; font-size:18px; color:#FFF;  text-align:center; padding-bottom:10px; }

.shadow_right{ float:right;  width:182px; height:21px;}

.shadow_left{ float:left;  width:182px;height:21px;}


.reset_password_wrap{ width:100%;  float:left; margin-top:5px;}

.reset_password_wrap_2{ width:64%; margin-left:18%;float:left; margin-top:20px;}
.reset_password_box{ 
    background-color: #E4E4E4;
    border: 1px solid #868686;
    float: left;
    margin-bottom: 2%;
    margin-left: 10%;
    margin-top: 0%;
    width: 78%;}
    .reset_password_box50{ 
    background-color: #E4E4E4;
    border: 1px solid #868686;
    float: left;
    margin-bottom: 2%;
    margin-left: 10%;
    margin-top: 0%;
    width: 50%;}
    .reset_password_box2{ 
   
    float: left;
    margin-bottom: 0%;
     margin-top: 0%;
     width:100%;
      border:none;
      background:#FFFFFF;
    }
.reset_password_heading{color: #333333;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-top: 5%;
    padding-left: 7%;
    width: 80%;}
    .reset_password_heading12{color: #333333;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-top: 5%;
    padding-left: 7%;
    width: 80%;}
.reset_sign_up_lbl_wrap{ width:100%;float:left; margin-top:2%;}
.reset_password_lbl_wrap{ width:74%;float:left; margin-top:2.5%;}
.reset_password_lbl_wrap123{ width:100%;float:left; margin-top:1%;}
.reset_password_lbl{ width:43%;float:left; text-align:right; padding-right:2px; font-size:16px; color:#525252; line-height:30px; font-weight:normal;}
.reset_color_lbl{float:left; font-size:18px; color:#002276; line-height:30px;}
.reset_password_input{ width:55%;float:left; font-size:15px; color:#999; line-height:25px; height:24px; background-color:#fff; border:1px solid #c1c1c1;}
.dropdownlistGen{width:65%;float:left;font-size:15px;color:#999;line-height:25px; height:24px;background-color:#fff; border:1px solid #c1c1c1; }
.dropdownlistGen1{font-size:15px;color:#999;line-height:22px; height:22px;background-color:#fff; border:1px solid #c1c1c1; }
.dropdownlistlan {
    background-color: #B40022;
    border: 1px solid #CF0333;
    color: #FFFFFF;
    font-size: 14px;
   /* height: 22px;*/
   padding:2px;
    vertical-align: middle;
}

.reset_password_inputnew{ width:100px; font-size:15px; color:#999; line-height:25px; height:20px; background-color:#fff; border:1px solid #c1c1c1;}
.submit_buttion{ float:right; margin-bottom:1.5%;}
.login_check_wrap {width:57%;float:right; font-size:14px; color:#525252;}
.login_check_wrap1 {float:right; font-size:14px; color:#525252;}

.news_wrap{ width:72%; margin-left:6%;float:left;}
.news_heading{ width:100%;float:left; font-size:24px; color:#000; font-weight:bold;}
.news_text_wrap{ width:100%;float:left; margin-top:0.5em; margin-bottom:2%;}
.news_img{  float: left;
    margin-right: 2%;
    width: 11%;}
.news_text{ width:84%;float:left; margin-left:2%;}
.news_text_heading{ width:100%;float:left; font-size:18px; color:#002378; font-weight:bold;}
.news_main_text{ width:100%;float:left;}
.news_socal_tweets{ width:100%;float:left; margin-top:2%;}
.news_tweets{ float: left;
    width: 22%;
}
.news_tweets_icon{ width:10%;float:left; margin-top:3%; margin-right: 7%;}
.news_tweets_text{ float:left;font-size:18px; color:#333;}
.face_tweets{ width:34%;float:left;}
.face_tweets_text{ float:left;font-size:18px; color:#333;}
.face_tweets_icon{ width:12%;float:left; margin-top:1%;}
.news_list_arrow{ width:3%;float:left; margin-top:1%;}
.news_list_heading{float:left; font-size:18px; color:#002378; font-weight:bold;}
.news_list_text{float: left;
    margin-left: 2%;
    width: 65%;}
.question_list_heading{ width:100%;float:left; font-size:18px; color:#002378; font-weight:bold;}
.question_list_text{ width:100%;float:left;}
.pay_slip_datial_wrap{ float: left;
    margin-left: 3%;
    width: 77%;*width:74%;
     margin-bottom:30px;}
.pay_slip_datial_top{ width:100%;float:left; margin-bottom:0.5em;}

.pay_slip_datial_top_right{ width:50%;float:left; }
.pay_slip_datial_search_input{ width:70%;float:right; border:1px solid #999; height:30px;   font-size:16px; color:#666;   background-color:#f0f0f0;}
.pay_slip_con{ 
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    float: left;
    margin-left: 2%;
    width: 95%; }
    .pay_slip_connew{ 
    background-color: #FFFFFF;
    
    float: left;
    margin-left: 2%;
    width: 95%; }
.shadow_left_pay{ float:left;  width:170px;height:21px; margin-left:14px;}
.shadow_right_pay{ float:right; 
    height: 21px;
    margin-right: 1.2em;
    width: 170px;}
.pay_slip_date{border-bottom: 1px solid #CCCCCC;
    float: left;
    margin-bottom: 2%;
    margin-left: 0%;
    width: 100%;}
    .paylist_top_text12{ width:300px;float:left; font-size:20px; color:#333; padding:7px 7px 7px 20px; line-height:26px; }
.pay_slip_date2{ width:100%;float:left; border-bottom:1px solid #CCC;}
.pay_slip_date_left{ width:48%;float:left; font-size:18px; color:#03C; line-height:30px;padding-left:2%;}
.pay_slip_date_right{ width:48%;float:left;font-size:18px; color:#03C; line-height:30px; text-align:right; padding-right:2%;}
.salery_slip_date_left{ width:69%;float:left;  line-height:30px;}
.salery_slip_date_right{ width: 30%;float:left; line-height:30px;}
.pay_slip_amt_box{ width:99%;float:left; }
.pay_slip_amt_box_wrap{ border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    float: left;
    padding-left: 6px;
    width: 48%;}
    
    .inner_row12{
float:left;
margin-top:10px;
width:100%;
border-bottom:1px dotted #CCCCCC;
padding-bottom:5px;
}

.inn_location{
float:left;
text-align:left;


}
.inn_location1{
float:left;
text-align:left;



}

.inn_location_value{
float:left;
color:#555;


padding-left:5px;
}



.pay_slip_amt_box_wrap_2{ border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    float: left;
    padding-left: 4px;
    width: 48%;}
.pay_slip_amount_wrap{ width:98%;float:left;}
.pay_slip_amount_left{ float:left;font-size:14px; color:#333;}
.pay_slip_amount_right{  color: #333333;
    float: right;
    font-size: 14px;
    margin-right: 2%;
    text-align: center;}
.salery_received{ width:100%;float:left; font-size:16px; color:#03C; line-height:30px;padding-top:20%; text-align:center;}
.gross_salery{ width:98%;float:left; line-height:30px;border-left: 1px solid #FFFFFF;border-right: 1px solid #CCCCCC;}
.gross_salery_left{ width:50%;float:left; border-right:1px solid #CCC;}
.gross_salery_left_text{ float:left; line-height:30px; font-size:15px; color:#1148a3; padding-left:2%;}
.gross_salery_right_text{float:right; line-height:30px; font-size:15px; color:#1148a3;padding-right:3%; text-align:center;}
.gross_salery_right{ width:49%;float:left;}
.gross_salery_left1{ width:100%;float:left; border-right:1px solid #CCC;}
.preference_wrap{ width:74%; margin-left:4%;float:left; }
.preference_con{ width:100%;float:left;}
.tab_con{ width:99%;float:left; margin-left:3px; border:1px solid #CCC; border-bottom:0px; background-color:#f1f1f3;}
.tab_check_con{ width:100%;float:left; border-bottom:1px solid #CCC;}
.tab_check{ width:5%;float:left; padding-top:1%;}
.tab_text{ width:90%;float:left; font-size:18px; color:#666; line-height:30px;}

.signup_check_wrap{ width:45%;float:left; margin-top:2%;}
.signup_check_con{ width:45%;float:left; font-size:16px; color:#333; font-weight:normal;}
.padd{ padding:5px;}
.bg{  background-color:#B8B8B8;}







/*-----------------------------------------employee-listing--------------------------------------*/

.emp_box{ float:left;  width:74%;margin-left: 4%;}
.emp_boxnew{ float:left;  width:94%;margin-left: 4%;}
.emp_box_inner{ float:left; border:1px solid #a29f9f ;  width:98%; background-color:#f7f7f7; margin-top:0.5em;}
.emp_box_outer{ float:left; border:1px solid #a29f9f ;  width:100%;}


.emp_heading{ float:left;  width:100%; border-bottom:1px solid #cdcdcd; padding:0.3em 0;}

.ename{ color: #013C9B;
    float: left;
    font: 18px Calibri;
    margin-left: 1em;
    width: 28%; }
.ename_detail{ width:28%; float:left; border-right:1px solid #cdcdcd;padding-bottom: 1em;padding-top: 0.6em;}
.ename_detail ul{ margin:0px; padding:0px;}
.ename_detail ul li{ font:14px Calibri; float:left; line-height:26px;clear: both;margin-left: 1em;}
.inner_detail{ width:100%; float:left;}
.edesig{ font:18px Calibri; float:left; width:40%; color:#013c9b; }
.edept{ font:18px Calibri; float:left; width:25%; color:#013c9b; }

/*-----------------------------------------employee-detail-view--------------------------------------*/



.pay_slip_datial_top_left{  color: #000000;
    float: left;
    font-size: 24px;
    font-weight: bold;
    margin-left: 2%;
    width: 60%;}
.pay_slip_datial_top_right{ width:50%;float:left; }
.pay_slip_datial_search_input{ background-color: #F0F0F0;
    border: 1px solid #999999;
   
    color: #666666;
    float: right;
    font-size: 16px;
    height: 30px;
    padding-left: 1em;
    width: 68%;
}

/*------------------------------------------employee-detail-view--------------------------------------------------------*/

.e_detail_outer{ width:99%; float:left; border:1px solid #a29f9f;margin-top: 0.5em;}
.e_detail_inner{width:99%; float:left; border:1px solid #a29f9f; margin:2px;}
.e_detail_inner_view{width:97%; float:left; border:1px solid #a29f9f; margin:10px;}
.row{border-bottom: 1px solid #C0C0C4;
    float: left;
    padding-left: 1%; font-size:14px;
    width: 99%;}
.white_row{ float: left; padding: 4px 0;width: 29%;}
.col_row{ border-left: 1px solid #C0C0C4; background:#f1f1f2;
    float: right;
    padding: 4px 0;
    width: 70%;}

/*------------------------------------------preference-settings--------------------------------------------------------*/
.tabs{ width:97%; margin-bottom: -1px; float:left;}
.tabs ul{ padding:0px; margin:0px;}
.tabs ul li{ float:left;background:url(../../images/tab.png) no-repeat left top; height:35px; width:108px; margin-right:1em;}
.tabs ul li a{ color: #3F3F3F;
    float: left;
    font: 18px Calibri;
    margin-top: 0.3em;
    text-align: center;
    width: 90%; }
.tabs ul li a:hover{ color:#1b4e88;}
.tabs ul li a.selected{ color:#1b4e88;}



/*--------------------------pay_slip_detail-employee------------------------------*/

.pay_inner{ width:95%; float:left; margin-bottom: 1.4em; margin-left:2%; }
.pay_span{ color:#002378; float:left; font:16px Calibri; font-weight:bold; margin-top:0em;}
.fRight{ float:right;}
.al_member{ font:16px Calibri; font-weight:bold; color:#3f3f3f;}
.member_a{ color:#002378;font:16px Calibri; text-decoration:none; font-weight:bold;}

.user_box{ width:98%; float:left; margin-top: 1.5em; clear:both;}

.user_box_label{color: #3F3F3F;
    float: left;
    font: 16px Calibri;
    margin-right:1%; margin-left:1%;
    margin-top: 0.4em;
    text-align: right;
    width:7%; }
.user_box_input{ width:87%; font:16px Calibri; color:#3f3f3f; float:right; background:#f6f6f6; border:1px solid #a29f9f; padding: 0.5em 0 0.5em 0.5em;  }
.mbtm{ margin-btm:2em}
.ask_box{  float:right; width:17%; margin-top: 1em;}
.a_ques{ background:url(../../images/quest.png) no-repeat left top; border:0; float:right; width: 8.5em; height:30px; cursor:pointer;margin-right:0em;margin-top: 1em;}

.user_mail{ width:55%;float:left; font-size:16px; color:#999; line-height:25px; height:30px; background-color:#fff; border:1px solid #c1c1c1;}

.user_input2{ width:92%;float:left; font-size:16px; color:#999; line-height:25px; height:28px; border:none; margin-left:3%; border:0;}
/***********************************************pagination *********************************/
.pagination{ float:left; }
.pagination { margin:10px 22px 0px 0px; padding:0px; }
.pagination div{ float:left; margin-right:0px; }
.pagination div a{ float:left; color:#474747;text-align:center; padding-top:5px; font-size:12px; }
.previous{color: #474747;
    float: left;
  
    font-size: 12px;
    margin-left: 25px;
    padding-top: 4px;}
	.next1{color: #474747;
    float: left;
   
    font-size: 12px;
    margin-left: 25px;
    padding-top: 4px;}

.active{ float:left; color:#f2f2f2; font-size:12px; background:url(../../images/active.png) no-repeat left top; width:25px; height:25px; text-align:center; padding-top:5px;}

.pagination div a:hover.counting{ float:left; color:#f2f2f2; font-size:12px; background:url(../../images/active.png) no-repeat left top; width:25px; height:25px; text-align:center; padding-top:6px;}

.prev
{
	background: -moz-linear-gradient(center top , #FFFFFF 1px, #F3F3F3 1px, #E6E6E6) repeat scroll 0 0 transparent;
    border: 1px solid #B6B6B6;
    color: #474747;
    padding: 6px 9px;
}
.next{ background: -moz-linear-gradient(center top , #FFFFFF 1px, #F3F3F3 1px, #E6E6E6) repeat scroll 0 0 transparent;
    border: 1px solid #B6B6B6;
    color: #474747;
    padding: 6px 9px;
}
.count{background:url(../../images/no.png) no-repeat left top; width:25px; height:25px; float:left;margin-top: 4px;}

.counting{width:25px; height:25px; float:left;}


.imagebtm
{
	margin-bottom:10px;
	text-align:center;
	
}
.Grid_HeaderStyle
{
	
	Color:#000000;
	Background-Color:#b8b8b8;
	   
	Font-Weight:300; 
	Font-Size:14px; 
}
.GridItemStyle
{
	
	color:#6e797c;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;	
	background-color:#FFFFFF; 

}


/***********************************************paysliplisting class*********************************/

.main-table{ border:solid 1px #a29f9f;}
.title-head{  font-size:14px; color:#000000; font-weight:bold;}
.sub-title{  font-size:14px; color:#000000; font-weight:normal;}
.flot-r{ float:right; display:inline-block; width:150px; text-align:right; padding:5px 3px 5px 3px;}
.flot-r.lft{ text-align:left; float:left; }
.flot-l{ float:left; display:inline-block; width:200px; padding:5px 3px 5px 3px;}
.flot-l.l-wdht{ width:200px;}
.border-b{ border-bottom:solid 1px #a29f9f;}
.border-b-r{ border-right:solid 1px #ABABAB; border-bottom:solid 1px #ABABAB; }


/********************************Q A part starts***************************************/

/*Question Ans*/
.q-a-_block{ width:488px; float:left; display:inline;}

.q-a-_block .q-a-box{ width:488px; overflow:hidden;}

.q-a-_block .q{ width:488px; overflow:hidden; padding:15px 0px 20px 0px; border-bottom:dashed 1px #CCCCCC;}
.q-a-_block .qimg{ width:48px; height:48px; float:left; display:inline; border:solid 2px #e0e0e0; }
.q-a-_block .questionContent{ width:420px; float:left; display:inline;}
.q-a-_block .questionContent .qlink{  color:#115A99; font-size:15px; font-weight:bold; padding-bottom:5px;}
.q-a-_block .questionContent .qlink a{  color:#115A99; text-decoration:none;}

.q-a-_block .questionContent .ans-cntnr{ margin-top:5px; min-height:34px;  padding-bottom: 10px;   position: relative;}
.q-a-_block .questionContent .ans-cntnr .ans-img{ float:left; display:inline; width:20px; height:20px; margin:10px 0px 0px 10px; border:solid 2px #e0e0e0;  }
.q-a-_block .questionContent .ans-cntnr .quick-ans{  font-size:12px; color:#3e3e3e; padding:5px 0px 0px 40px;}
.q-a-_block .questionContent .ans-cntnr ul{ padding:0px; margin:10px 0px 0px 0px; list-style:none;}
.q-a-_block .questionContent .ans-cntnr ul li{ display:inline; float:left; border-right:solid 1px #e1e1e1; padding:0px 10px 0px 10px;}

.q-a-_block .questionContent .ans-cntnr ul li:last-child{ border:none;}
.q-a-_block .questionContent .ans-cntnr ul li a{ text-decoration:none; color:#115A99; font-size:13px; }
.q-a-_block .questionContent .ans-cntnr ul li a:hover{ text-decoration:underline;}

.q-a-_block .questionContent .commentVote{ padding:0px; margin:10px 0px 0px 0px; list-style:none;}
.q-a-_block .questionContent .commentVote ul{ padding:0px; margin:10px 0px 0px 0px; list-style:none;}
.q-a-_block .questionContent .commentVote ul li{ display:inline; float:left;  padding:0px 10px 0px 0px; line-height:18px;}
.q-a-_block .questionContent .commentVote ul li.star{ background:url(../../images/star.jpg) no-repeat left center;}
.q-a-_block .questionContent .commentVote ul li.comment{ background:url(../../images/comment-icon.jpg) no-repeat left center;}

.q-a-_block .questionContent .commentVote ul li a{ text-decoration:none; color:#818080; font-size:12px;  padding-left:20px; padding-right:20px;}
.q-a-_block .questionContent .commentVote ul li a:hover{ text-decoration:underline;}

.q-a-_block .questionContent .ans-cntnr .quick-ans a{  color:#115A99; text-decoration:none;}
.q-a-_block .questionContent .ans-cntnr .quick-ans a:hover{  color:#115A99; text-decoration:underline;}
.q-a-_block .questionContent .ans-cntnr .com-box-beak{  left: 16px;    position: absolute;    top: -8px;}
.q-a-_block .questionContent .filled-box{background-color: #f9f9f9; border-color: #efefef #efefef #efefef #efefef;   border-style: solid;   border-width: 1px; }
.q-a-_block .questionContent .detail{  color:#535353; font-size:12px; font-weight:normal; padding-bottom:5px;}
.q-a-_block .questionContent .posted{  color:#818080; font-size:12px; font-weight:normal; padding-bottom:5px;}

.q-a-_block .q-a-box .a-box{ width:230px; float:left;}

.q-a-_block .q-a-box .a-box.flt-r{ margin-left:25px;}

.q-a-_block .q-a-box .a-box .box h4{ font-size:14px; font-weight:bold; color:#FFFFFF; background-color:#b8b8b8; line-height:31px; display:block; padding:0px 0px 0px 17px; margin:0px;  }

.q-a-_block .q-a-box .a-box .box p{ padding:0px 0px 0px 10px; padding:10px 20px 10px 20px;  font-size:12px; line-height:18px; color:#6e6e6e; }

.q-a-_block .q-a-box .a-box .box .btn{ padding-left:20px;}
.q-a-_block .q-a-box .a-box .box{ width:230px; border:1px solid #bcbcbc;  padding-bottom:10px;}

.q-a-_block .q-a-box .a-box .drop-shadow{ background:url(../../images/box_shadow_final.png) no-repeat right -1px; height:13px; clear:both; width:234px;}

.q-a-_block h4{ font-size:14px; font-weight:bold; color:#fff; background-color:#b8b8b8; line-height:31px; display:block; padding:0px 0px 0px 17px; margin:0px;  }

.q-a-categories_block{ width:196px; float:right; display:inline;}

.q-a-categories{ width:196px; float:right; display:inline; border:1px solid #bcbcbc;  padding-bottom:3px;}
.cate-shadow{background:url(../../images/box_shadow_final.png) no-repeat left -1px; height:13px; clear:both;}

.q-a-categories h4{ font-size:14px; font-weight:bold; color:#FFFFFF; background-color:#b8b8b8; line-height:31px; display:block; padding:0px 0px 0px 17px; margin:0px;  }

.q-a-categories ul{ padding:0px; margin:0px 20px 0px 20px; list-style:none;}

.q-a-categories ul li{ display:block; color:#333333; border-bottom:solid 1px #e5e5e5; background:url(../../images/cate-bullet.jpg) no-repeat left center; padding:3px 0px 3px 0px; line-height:normal;}

.q-a-categories ul li:last-child{ border:none;}

.q-a-categories ul li a{ font-size:12px; color:#333333; text-decoration:none; padding-left:10px;}
.q-a-categories ul li a:hover{ color:#c72247; text-decoration:none;}


#tsc_breadcrumb-6{
	  /* Clear floats */
	  overflow: hidden;
	  width: 100%;
	list-style-type:none;
	padding:0;
	margin:0; clear:both;	  
	}

	#tsc_breadcrumb-6 ul{
	list-style-type:none;
	padding:0;
	margin:0; clear:both;
}	
	
	#tsc_breadcrumb-6 ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
	
	#tsc_breadcrumb-6 li{
	  float: left;
	  margin: 0 2em 0 0;
	  
	}
	
	#tsc_breadcrumb-6 a{
	  padding: .7em 1em .7em 2em;
	  float: left;
	  text-decoration: none;
	  color: #444;
	  background: #ddd;  
	  position: relative;
	  z-index: 1;
	  text-shadow: 0 1px 0 rgba(255,255,255,.5);  
	   
	}
	
	#tsc_breadcrumb-6 a:hover{
	  background: #abe0ef;
	}
	
	#tsc_breadcrumb-6 a::after{
	  background: #ddd;
	  content: "";
	  height: 2.5em;
	  margin-top: -1.25em;
	  position: absolute;
	  right: -1em;
	  top: 50%;
	  width: 2.5em;
	  z-index: -1;  
	  -webkit-transform: rotate(45deg); 
	  -moz-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  -o-transform: rotate(45deg); 
	  transform: rotate(45deg);
	
	}
	
	#tsc_breadcrumb-6 a:hover::after{
	  background: #abe0ef;
	}
	
	#tsc_breadcrumb-6 .current,
	#tsc_breadcrumb-6 .current:hover{
	  font-weight: bold;
	  background: none;
	}
	
	#tsc_breadcrumb-6 .current::after{
	  content: normal;
	}
	
	
	/* B */
ul.tsc_paginationB li a { border:solid 1px;  padding:3px 9px 3px 9px; }
ul.tsc_paginationB li { padding-bottom:1px; display:inline;}
ul.tsc_paginationB li a:hover,
ul.tsc_paginationB li a.current { color:#FFFFFF; box-shadow:0px 1px #EDEDED; -moz-box-shadow:0px 1px #EDEDED; -webkit-box-shadow:0px 1px #EDEDED; }


/* 06 */
ul.tsc_paginationB06 li a { color:#000; border-color:#b8b8b8; background:#f6f6f6; }
ul.tsc_paginationB06 li a:hover,
ul.tsc_paginationB06 li a.current { text-shadow:0px 1px #B72E2E; border-color:#AD2D2D; background:#E43838; background:-moz-linear-gradient(top, #FF9B9B 1px, #FE5555 1px, #bc2547); background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FF9B9B), color-stop(0.02, #FE5555), color-stop(1, #E43838)); }

.clear {
	clear:both;
}
.space {
	clear:both; height:30px;
}

.reset_password_heading12{color: #333333;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
    padding-left: 7%;
    width: 100%;
    padding-left:0px;}
    
    .space_22{
	width:100%;
	height:4px;
	float:left;
}


/********************************Q A part starts***************************************/

/*Question Ans*/
.q-a-_block{ width:488px; float:left; display:inline;}

.q-a-_block .q-a-box{ width:488px; overflow:hidden;}

.q-a-_block .q{ width:488px; overflow:hidden; padding:15px 0px 20px 0px; border-bottom:dashed 1px #CCCCCC;}
.q-a-_block .qimg{ width:48px; height:48px; float:left; display:inline; border:solid 2px #e0e0e0;  }
.q-a-_block .questionContent{ width:420px; float:left; display:inline;}
.q-a-_block .questionContent .qlink{  color:#115A99; font-size:15px; font-weight:bold; padding-bottom:5px;}
.max-h { max-height:200px; overflow-x: hidden;
    overflow: auto;
}
.q-a-_block .questionContent .qlink a{  color:#115A99; text-decoration:none;}

.q-a-_block .questionContent .ans-cntnr{ margin-top:5px; min-height:34px;  padding-bottom: 10px;   position: relative;}
.q-a-_block .questionContent .ans-cntnr .ans-img{ float:left; display:inline; width:20px; height:20px; margin:10px 0px 0px 10px; border:solid 2px #e0e0e0;}
.q-a-_block .questionContent .ans-cntnr .quick-ans{  font-size:12px; color:#3e3e3e; padding:5px 0px 0px 40px;}
.q-a-_block .questionContent .ans-cntnr ul{ padding:0px; margin:10px 0px 0px 0px; list-style:none;}
.q-a-_block .questionContent .ans-cntnr ul li{ display:inline; float:left; border-right:solid 1px #e1e1e1; padding:0px 10px 0px 10px;}

.q-a-_block .questionContent .ans-cntnr ul li:last-child{ border:none;}
.q-a-_block .questionContent .ans-cntnr ul li a{ text-decoration:none; color:#115A99; font-size:13px; }
.q-a-_block .questionContent .ans-cntnr ul li a:hover{ text-decoration:underline;}

.q-a-_block .questionContent .commentVote{ padding:0px; margin:10px 0px 0px 0px; list-style:none;}
.q-a-_block .questionContent .commentVote ul{ padding:0px; margin:10px 0px 0px 0px; list-style:none;}
.q-a-_block .questionContent .commentVote ul li{ display:inline; float:left;  padding:0px 10px 0px 0px; line-height:18px;}
.q-a-_block .questionContent .commentVote ul li.star{ background:url(../../images/star.jpg) no-repeat left center;}
.q-a-_block .questionContent .commentVote ul li.comment{ background:url(../../images/comment-icon.jpg) no-repeat left center;}

.q-a-_block .questionContent .commentVote ul li a{ text-decoration:none; color:#818080; font-size:12px;  padding-left:20px; padding-right:20px;}
.q-a-_block .questionContent .commentVote ul li a:hover{ text-decoration:underline;}

.q-a-_block .questionContent .ans-cntnr .quick-ans a{  color:#115A99; text-decoration:none;}
.q-a-_block .questionContent .ans-cntnr .quick-ans a:hover{  color:#115A99; text-decoration:underline;}
.q-a-_block .questionContent .ans-cntnr .com-box-beak{  left: 16px;    position: absolute;    top: -8px;}
.q-a-_block .questionContent .filled-box{background-color: #f9f9f9; border-color: #efefef #efefef #efefef #efefef;   border-style: solid;   border-width: 1px; }
.q-a-_block .questionContent .detail{  color:#535353; font-size:12px; font-weight:normal; padding-bottom:5px;}
.q-a-_block .questionContent .posted{  color:#818080; font-size:12px; font-weight:normal; padding-bottom:5px;}
.qlink {
    color: #115A99;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
}

.lsttime
{ background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
    color: #DD1144;
    padding: 2px 4px;
    white-space: nowrap;
    font-size:15px;
    margin-top:8px;
    margin-bottom:8px;
    display:block;
	}
.detail12 p
{
	 color:#535353; font-size:12px; font-weight:normal; padding-bottom:5px;
}

.posted {
    color:#818080; font-size:12px; font-weight:normal; padding-bottom:5px;
}

.q-a-_block .q-a-box .a-box{ width:230px; float:left;}

.q-a-_block .q-a-box .a-box.flt-r{ margin-left:25px;}

.q-a-_block .q-a-box .a-box .box h4{ font-size:14px; font-weight:bold; color:#FFFFFF; background-color:#b8b8b8; line-height:31px; display:block; padding:0px 0px 0px 17px; margin:0px;  }

.q-a-_block .q-a-box .a-box .box p{ padding:0px 0px 0px 10px; padding:10px 20px 10px 20px;  font-size:12px; line-height:18px; color:#6e6e6e; }

.q-a-_block .q-a-box .a-box .box .btn{ padding-left:20px;}
.q-a-_block .q-a-box .a-box .box{ width:230px; border:1px solid #bcbcbc;  padding-bottom:10px;}

.q-a-_block .q-a-box .a-box .drop-shadow{ background:url(../../images/box_shadow_final.png) no-repeat right -1px; height:13px; clear:both; width:234px;}

.q-a-_block h4{ font-size:14px; font-weight:bold; color:#fff; background-color:#b8b8b8; line-height:31px; display:block; padding:0px 0px 0px 17px; margin:0px;  }

.q-a-categories_block{ width:196px; float:right; display:inline;}

.q-a-categories{ width:196px; float:right; display:inline; border:1px solid #bcbcbc;  padding-bottom:3px;}
.cate-shadow{background:url(../../images/box_shadow_final.png) no-repeat left -1px; height:13px; clear:both;}

.q-a-categories h4{ font-size:14px; font-weight:bold; color:#FFFFFF; background-color:#b8b8b8; line-height:31px; display:block; padding:0px 0px 0px 17px; margin:0px;  }

.q-a-categories ul{ padding:0px; margin:0px 20px 0px 20px; list-style:none;}

.q-a-categories ul li{ display:block; color:#333333; border-bottom:solid 1px #e5e5e5; background:url(../../images/cate-bullet.jpg) no-repeat left center; padding:3px 0px 3px 0px; line-height:normal;}

.q-a-categories ul li:last-child{ border:none;}

.q-a-categories ul li a{ font-size:12px; color:#333333; text-decoration:none; padding-left:10px;}
.q-a-categories ul li a:hover{ color:#c72247; text-decoration:none;}


#tsc_breadcrumb-6{
	  /* Clear floats */
	  overflow: hidden;
	  width: 100%;
	list-style-type:none;
	padding:0;
	margin:0; clear:both;	  
	}

	#tsc_breadcrumb-6 ul{
	list-style-type:none;
	padding:0;
	margin:0; clear:both;
}	
	
	#tsc_breadcrumb-6 ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
	
	#tsc_breadcrumb-6 li{
	  float: left;
	  margin: 0 2em 0 0;
	  
	}
	
	#tsc_breadcrumb-6 a{
	  padding: .7em 1em .7em 2em;
	  float: left;
	  text-decoration: none;
	  color: #444;
	  background: #ddd;  
	  position: relative;
	  z-index: 1;
	  text-shadow: 0 1px 0 rgba(255,255,255,.5);  
	 
	}
	
	#tsc_breadcrumb-6 a:hover{
	  background: #abe0ef;
	}
	
	#tsc_breadcrumb-6 a::after{
	  background: #ddd;
	  content: "";
	  height: 2.5em;
	  margin-top: -1.25em;
	  position: absolute;
	  right: -1em;
	  top: 50%;
	  width: 2.5em;
	  z-index: -1;  
	  -webkit-transform: rotate(45deg); 
	  -moz-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  -o-transform: rotate(45deg); 
	  transform: rotate(45deg);
	
	}
	
	#tsc_breadcrumb-6 a:hover::after{
	  background: #abe0ef;
	}
	
	#tsc_breadcrumb-6 .current,
	#tsc_breadcrumb-6 .current:hover{
	  font-weight: bold;
	  background: none;
	}
	
	#tsc_breadcrumb-6 .current::after{
	  content: normal;
	}
	
	
	/* B */
ul.tsc_paginationB li a { border:solid 1px;  padding:3px 9px 3px 9px; }
ul.tsc_paginationB li { padding-bottom:1px; display:inline;}
ul.tsc_paginationB li a:hover,
ul.tsc_paginationB li a.current { color:#FFFFFF; box-shadow:0px 1px #EDEDED; -moz-box-shadow:0px 1px #EDEDED; -webkit-box-shadow:0px 1px #EDEDED; }


/* 06 */
ul.tsc_paginationB06 li a { color:#000; border-color:#b8b8b8; background:#f6f6f6; }
ul.tsc_paginationB06 li a:hover,
ul.tsc_paginationB06 li a.current { text-shadow:0px 1px #B72E2E; border-color:#AD2D2D; background:#E43838; background:-moz-linear-gradient(top, #FF9B9B 1px, #FE5555 1px, #bc2547); background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FF9B9B), color-stop(0.02, #FE5555), color-stop(1, #E43838)); }

.clear {
	clear:both;
}
.space {
	clear:both; height:30px;
}


    
    .space_22{
	width:100%;
	height:4px;
	float:left;
}



/*new css for employee basic info */
table.reference td {
    border: 1px solid #C3C3C3;
    padding: 3px;
    vertical-align: top; padding:10px 10px;  
}
table.reference {
    border-collapse: collapse;
}

.changepass{   color:#2b43ac; padding:2px; padding-bottom:0px;}
.changepass a{ color:#2b43ac; font-size:14px; text-decoration:none;}
.changepass a:hover{ color:#5973c6;text-decoration:underline;}
.inn_location_valuereg{
float:left;
color:#555;
font-size:14px;
font-family:Arial;
padding-left:5px;
line-height:30px;
}


/* popup_box DIV-Styles*/
#popup_box { 
	display:none; /* Hide the DIV */
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	height:150px;  
	width:630px;  
	background:#FFFFFF;  
	left: 33%;
	top: 35%;
	z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
	margin-left: 0px;  
	
	/* additional features, can be omitted */
	border:1px solid #c8c8c8;  	
	padding:0px;  
	font-size:15px;  
	-moz-box-shadow: 0 0 8px #B8B8B8;
	-webkit-box-shadow: 0 0 8px #B8B8B8;
	box-shadow: 0 0 8px #B8B8B8;
	
}
a{  
cursor: pointer;  
text-decoration:none;  
} 

/* This is for the positioning of the Close Link */
#popupBoxClose {
	font-size:20px;  
	line-height:15px;  
	right:5px;  
	top:5px;  
	position:absolute;  
	color:#6fa5e2;  
	font-weight:500;  	
}

.dropdownlistGen1
{
	
	color:#000000;
	font-size:10pt;
	font-family: Calibri, sans-serif;
	letter-spacing:0px;
	font-weight:normal;
	border:solid 1px #e4e4e4;
	height: 22px;
	width:180px !important;
	 }


.scrolltable
{
    empty-cells: show;
    overflow-x:auto;
    overflow-y:hidden;
       max-width:750px;
        display:block;
}