/* CSS Document */
/****** reste css *********************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	
}
html, body
{height: 98%;}

.fr{float:right;}

a:link, a:active, a:visited, a:hover 
{
	color: #017088;
    text-decoration: underline;
}
/************** menu style ****************/
#AdminMenu a.popout, #AdminMenu a.popout, has-popup static
{
	display:block;
}

#HRMenu a.static {
    font-size: 14px !important; 
    padding: 2px 5px;
    text-decoration: none;
    display:block;
}

#AdminMenu a.static {
    padding: 2px 5px;
    color: White;
    font-size: 14px !important;
    text-decoration: none;
    display:block;

}

#AdminMenu ul.dynamic {
    background-color: #018A9A;
    margin-left: 0px !important; 
    z-index: 1;
}

.table_border table tr td span
{
    padding:3px 5px;
}

.table_border_new table tr td span
{
    padding:3px 5px;
    text-align:center;
}
/**************End menu style ****************/


.body {
	font-family:'Segoe UI',Tahoma,Arial,Helvetica,Sans-Serif;
	color:#333333;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	font-size:13px;
	margin-top:0px;
	
}
.main_area
{
	width:99.7%;
	background:url(../images/shadow.png) repeat-y top;
	margin:auto;
	border-left:1px solid lightGray;
	border-right:1px solid lightGray;
}


.container {
width:100%;
height: auto !important;
height: 407px !important;
background-color:#FFFFFF;
margin:auto;

	/*-webkit-box-shadow: 2px 0px 5px #bbbbbb,-2px 0 0 #bbbbbb;
	-moz-box-shadow: 2px 0px 5px #bbbbbb,-2px 0px 5px #bbbbbb;
-webkit-box-shadow: 4px 4px  #b7b7b7,  -4px 0 4px #b7b7b7;   
-moz-box-shadow: 4px 0 4px #b7b7b7,  -4px 0 4px #b7b7b7;   
box-shadow: 4px 0 4px #b7b7b7,  -4px 0 4px #b7b7b7;}*/
}
.header
{
	margin:auto;
	background:url(../images/header.png) no-repeat top right #85969a;
	width:100%;
	height:113px;
	padding:11px 0 0 0;
	border-bottom:3px solid #9dd8ec;
	
}

.header_inner
{
	margin:auto;
	background:url(~/images/header_inner.png) no-repeat top right #85969a;
	width:100%;
	height:61px;
	padding:11px 0 0 0;
	/*border-bottom:3px solid #9dd8ec;*/
	position:fixed;
}

.text
{
	 font-size:13px;
	color:#333333;
	padding:3px;
	float:left;
	margin-right:5px;
}

.content
{
	font-size:13px;
	color:#333333;
	padding:22px 3px 3px 16px;
	}

.padding
{
	padding:5px;
	margin-top:3px;
}
.logo
{
	/*background:url(images/logo.png) no-repeat;*/
	padding:6px 10px 8px; 
	height:36px;
	width:600px;
	margin-left:15px;
	float:left;
	font-size:23px;
	color:#FFFFFF;
	font-weight:bold;
	
}
.logo_login
{
	/*background:url(images/logo.png) no-repeat;*/
	padding:32px 10px 28px; 
	height:36px;
	width:600px;
	margin-left:15px;
	float:left;
	font-size:23px;
	color:#FFFFFF;
	font-weight:bold;
	
}
.border_right
{
    border-right:2px solid red;
}

.top_right
{
	float:right;
	
}

.clr
{
	clear:both;
}

/** Top menu **/

.menu {

	margin:72px auto;
	padding: 1px 0px 0 12px;
	width:99.2%;
	height: 31px;
	vertical-align:bottom;
	font-size:13px;
	font-weight:normal;
	float:left;
	font-size:12px;
	background:url(../images/menubar_line.jpg) repeat-x top right #428f9d;
	border-top:2px solid #9fb1b5;
	position:fixed;
	
 }
.fixed
{
     height:106px; width:100%;}
     
.table, .table_border table tr td
{text-align: center !important;
 padding-left:0px;}

table .menu ul {
    border: 0 none;
     list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: right;
	vertical-align:bottom;
	height: 36px;
}

table .menu li span img { margin-top:1px;} 

table .menu ul li {
    border: 0 none;
    float: left;
    margin: 0;
	padding:0;
	vertical-align:bottom;
	height:46px;
	width:auto;
	display:block;
	}

table .menu ul li a:link {
    padding: 6px 16px 0px 16px;
	overflow:hidden;
/*	height:1%;
*/	display:inline-block;
	float:left;
	cursor:pointer;
	text-decoration:none;
	color:#3b3b3b;
	height: 22px;
	font-weight:bold;
}      

table .menu ul li a:visited {
    padding: 10px 10px 10px 10px;
	overflow:hidden;
/*	height:1%;*/
	display:block;
	float:left;
	cursor:pointer;
	text-decoration:none;
	color:#024651;
	height: 22px;
}  
table .menu ul li a:hover {
   	background: url(../images/menu_bg_hover.jpg) bottom center  no-repeat ;
    color: #000000;
	overflow:hidden;
	height:1%;
	display:block;
	float:left;
	cursor:pointer;
	height: 38px;
}  

table .menu ul li a.active {
	background: url(../images/menu_bg_hover.jpg) center bottom  no-repeat !important ;
	color: #FFFFFF;
	overflow:hidden;
	height:auto;
	display:block;
	float:left;
	cursor:pointer;
	height: 38px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/** end top menu  */


.login_section
{
	background:url(../images/login_bg.jpg) no-repeat;
	width:100%;
	height:620px;
	background-position:right;
	background-size:cover;
	
}


.content_area
{
	width:auto;
	height:621px;
	margin:auto;
	background-color:#FFFFFF;
	padding-left:25px;
}


.login_sec
{
	width:320px;
	height:375px;
	float:left;
	margin-left:65px;
	margin-top:30px;
}

.login_head
{
	color:#046f7f;
	font-size:19px;
	padding-bottom:5px;
	text-transform:capitalize;
	padding-top:15px;
	padding-left:75px;
	font-weight:bold;
}

input.medium, select.medium, textarea.medium
{
    border: 1px solid #999999;
    color: #666666;
    padding: 3px;
    width: 180px;
}
.textarea
{
	background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #cccccc;
    border-radius: 2px 2px 2px 2px;
    font-size: 13x;
    padding: 3px 4px 4px 4px;
    color:#333333;
    min-width:150px;
}

.textareasmall
{
	background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #cccccc;
    border-radius: 2px 2px 2px 2px;
    font-size: 8x;
    padding: 3px 4px 4px 4px;
    color:#333333;  
    width:60px;
    
}
.textareatextdefects
{
 background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #cccccc;
   border-radius: 2px 2px 2px 2px;
    font-size: 13x;
    padding: 3px 4px 4px 4px;
    color:#333333;
    min-width:30px;
}
.textareadropdown
{
 background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #cccccc;
   border-radius: 2px 2px 2px 2px;
    font-size: 13x;
    padding: 3px 4px 4px 4px;
    color:#333333;
    min-width:50px;
}
.textbox
{
	background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #cccccc;
    border-radius: 2px 2px 2px 2px;
    font-size: 13x;
    padding: 3px 4px 4px 4px;
    color:#333333;
    min-width:100px;
}	
.textfield {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #c0ceda;
    /*border-radius: 6px 6px 6px 6px;
    box-shadow: 2px 2px 4px #c4c4c4 inset;*/
    color: #8E8D8D;

    font-size: 14px;
    margin:25px 0px 0px 7px;
    padding: 9px 15px 10px 12px;
    width: 185px;
	
}

.login_button {
    background-image:url(../images/login_button.jpg) ;
	background-repeat:no-repeat;
	background-position:right;
	width:60px;
	height:32px;
	 margin-right:81px;
    margin-top: 10px;
	float:right;
	
}

.log_ragister_button {
    background-image: url("../images/button_log.jpg");
    background-position: right center;
    background-repeat: repeat-x;
    border: 1px solid lightGrey;
    color: #046F7F;
    float: right;
    font-size:0.8em;
    font-weight: bold;
    height: 22px;
  /*  margin-left: 117px;
    margin-right: -107px; */
    margin-top:4px;
    padding: 8px 3px 2px 6px;
    text-align: center;
    vertical-align: middle;
    width: 88px;
	
}

.log_button {
    background-position: right center;
	background-repeat: repeat-x;
	border: 1px solid lightGrey;
	color: #017088;
	float: left;
	font-size: 1em;
	font-weight: bold;
	margin-left: 175px;
	margin-right: -107px;
	margin-top: 16px;
	text-align: center;
	vertical-align: middle;
	width: 88px;
	height: 35px;
	background-image: -moz-linear-gradient(center top , #ffffff, #e9eaea);/*padding: 8px 3px 2px 6px;*/
    }

.regis_text
{
  color: background;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    margin-left: 95px;
    margin-top: 0;
    padding: 10px;
}


.login_text
{
  	color:#013c58;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    margin-left: 10px;
    margin-top: 0;
    padding: 10px;
}

.left_flot
{
	float:left;

}

input, textarea {
    background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #cccccc;
    border-radius: 2px 2px 2px 2px;
    font-size: 13x;
    padding: 3px 4px 4px 4px;
    color:#333333;
    
	/*-moz-box-shadow:    inset 0 0 10px #a9a9a9;
   -webkit-box-shadow: inset 0 0 10px #a9a9a9;
   box-shadow:         inset 0 0 10px #a9a9a9;*/
}


.loginbg
{
	background:url(../images/loginbg.png) no-repeat;
	width:324px;
	height:345px;
	padding:20px 25px 25px 25px;
}

.button
{
	 background-color: #4D90FE;
    border: 1px solid #52bdca;
	margin: 0;
	background-image: -moz-linear-gradient(center top , #d3fafe, #66e0ef);
}


.footer_line
{	background-image:url(../images/footerline.jpg);
	background-repeat:no-repeat;
	height:2px;
	width:965px;
}

.footer
{
	height:30px;
	bottom:10px;
	border-top:3px solid #9dd8ec;
	background-color:#efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dee3e5));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #ffffff, #dee3e5);
/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#dee3e5);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#dee3e5)";

}

.right_footer
{
	background:url(../images/footer_logo.png) no-repeat right;
	height:14px;
	padding:10px 15px 5px 5px;
	margin-right:15px;
}

/**** footer ****/

/* {
    margin: 0;
}
html, body {
    height: 1000px;
}
.wrapper {
    min-height: 1000px;
    height: auto !important;
    height: 1000px;
    margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */

.footer, .push {
    height: 30px; /* .push must be the same height as .footer */
}
    .footer, .push {
    clear: both;
    }


/**** End footer ****/

.left_float
{
	float:left;
}

.right_float
{
	float:right;
}

.error_msg
{
	font-size:13px;
	color:Red;
	font-weight:bold;
	padding-top:10px;
}
.update_msg
{
	font-size:12px;
	color:Red;
	padding-top:10px;
}
/***menu style ****/
.welcome
{
	font-size:13px;
	font-weight:bold;
	padding-right:5px;
}
/*** end menu style ****/

/*** table style ****/
h2
{
    background-color:#eae9e9;
    height: 30px;
	color: #017088;
	padding: 5px 10px;
	font-size: 19px;
	width:auto;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eae9e9)";
	font-weight: normal;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eae9e9)";
	background-image: -moz-linear-gradient(center top , #ffffff, #eae9e9);/* For Mozilla/Gecko (Firefox etc) */
	/* For Internet Explorer 5.5 - 7 */
	/* For Internet Explorer 8 */
	
	/* For Mozilla/Gecko (Firefox etc) */
	/* For Internet Explorer 5.5 - 7 */
	}

h4
{
    background-color:#eae9e9;
    border: 1px solid #9dd8ec;
    
    height: 20px;
	color: #333333;
	padding: 5px 10px;
	font-size: 15px;
	width:auto;
	font-weight:normal;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eae9e9));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #ffffff,  #eae9e9);
/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr= #eae9e9);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr= #eae9e9)";
	}

.all_table table tr td
{
	padding:3px 10px;
	text-align:left;
	
}
.all_table table tr td span
{
	padding:3px 15px;
	text-align:left;
	
}

.all_table table tr td label
{
	padding:3px 15px;
	text-align:left;
	
}
.ajax__calendar_container TABLE tr th 
{
	padding:0px;
}
.ajax__calendar_container TABLE tr td 
{
	padding:0px;
}



.content_width
{
	width:160px;
}
.back_text
{
    font-family:Arial;
    font-size:13px;
}
.content_width_small
{
	width:40px;
}
.content_width_report
{
	width:100px;
}
.content_width_auto
{
	width:172px;
}
.content_width_m
{
	width:170px;
}

.dot
{
	width:3px;
	font-weight:bold;
}
.button 
{
	background-position: right center;
	background-repeat: repeat-x;
	border: 1px solid #97B1B7;
	color: #333333;
	font-size: 1em;
	width:70px;
	margin-top: 12px;
	text-align: center;
	vertical-align: middle;
	background-color: #97B1B7;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DFEAED, endColorstr=#97B1B7)";
	background-image: -webkit-linear-gradient(top, #DFEAED, #97B1B7);/* For Mozilla/Gecko (Firefox etc) */
	/* For Internet Explorer 5.5 - 7 */
	  height: 31px;
}

    
 .button_big {
    background-position: right center;
	background-repeat: repeat-x;
	border: 1px solid #97B1B7;
	color: #333333;
	font-size: 1em;
	margin-top: 0px;
	text-align: center;
	
	width: auto;
	background-color: #97B1B7;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DFEAED, endColorstr=#97B1B7)";
	background-image: -webkit-linear-gradient(top, #DFEAED, #97B1B7);/* For Mozilla/Gecko (Firefox etc) */
	/* For Internet Explorer 5.5 - 7 */
	}
    
    
   .table_header
    {
	background-color: #e9eaea;
	font-family:'Segoe UI',Tahoma,Arial,Helvetica,Sans-Serif;
    height: 30px;
	color: #017088;
	padding: 5px 10px;
	font-size: 12px;
	width:auto;
	background-image: -moz-linear-gradient(center top , #ffffff, #eae9e9);
	font-weight:normal !important;
	border-bottom:1px solid lightgray;
	text-align:left;
}
.table_header th
{
	padding-left:10px;
	font-weight:normal;
	font-size:13px;
	vertical-align:top;
	padding-top:2px;
	padding-right:8px;
	text-align:center;
}
.table_footer
{
	height: 10px;
	color: #017088;
	padding: 5px 10px;
	font-size: 12px;
	width:auto;
	background-color:#eae9e9;
	font-weight:normal;
	border-bottom:1px solid lightgray;
	display:none;
}


/*** end table style ****/


.ajax__calendar .ajax__calendar_container
{
	background-color:#eeeeee !important;
}

.ajax__calendar_title
{
	background-color:lightblue !important;
}

gridViewStyle
{
	border-color:LightGray;
	border-width:1px;
	color:#333333;
	padding-left:4px;
}

/************* icons *********/
.edit_icon
{
	background-image: url("../images/edit.png");
	background-repeat:no-repeat;
	height:20px;
	width:20px;
}
.save_icon
{
	background-image: url("../images/save.png");
	background-repeat:no-repeat;
	height:20px;
	width:20px;
}
.delete_icon
{
	background-image: url("../images/delete.png");
	background-repeat:no-repeat;
	height:20px;
	width:20px;
}


/************* End icons *********/


.table input, textarea {
    background: none;
    border:none;
    border-radius:0px;
    font-size: 13x;
      color:#333333;
	/*-moz-box-shadow:    inset 0 0 10px #a9a9a9;
   -webkit-box-shadow: inset 0 0 10px #a9a9a9;
   box-shadow:         inset 0 0 10px #a9a9a9;*/
}

.link
{
	color:Blue;
}

.table_border
{
	border:1px solid lightgray;
	overflow:auto;
	width:100%	
}
.table_bordergrid
{
	border:1px solid lightgray;
	overflow:auto;
	width:100%	
	
}
.table, .table_bordergrid table tr td
{text-align: center !important;
 padding-left:0px;}
.archive_icon
{
	background-image: url("../images/archive.jpg");
	background-repeat:no-repeat;
	height:22px;
	width:22px;
}

div.translink
{
  border: 0px solid black;
  opacity:0.0;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  color:#ffffff;
  
}

.table_footer input
{
	background:lightgray;
}

div.menu a  img
{
Display: none
}
div.menu  img
{
Display: none
}

.pager
{
	text-align:center !important;
}



/****** for small screen *****/
/* sm */
@media (min-width: 768px) and (max-width: 991px) 
{
    .loginbg 
{
background: none;
width:auto;
height: auto;
padding: 20px 25px 25px 25px;
}

.login_sec {
    width: 320px;
    height: 375px;
    float: left;
    margin-left: 15px;
    margin-top: 30px;
}
.logo_login {
    padding: 20px 10px 28px;
height: 36px;
width: auto;
margin-left: 5px;
float: none;
font-size: 21px;
color: #FFF;
font-weight: bold;
}

.main_area {
    width: 99.6%;
    background: none;
    margin: auto;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
}
.login_section {
    background: url('../images/login_bg.jpg') no-repeat scroll right center / cover transparent;
    max-width:100% !important;
    width: 100%;
    height: 620px;
     display:block;
}



}

/* xs */
@media (max-width: 767px) 
{
   
.loginbg 
{
background: none;
width:auto;
height: auto;
padding: 20px 25px 25px 25px;
}


.login_sec {
    width: auto;
    height: 375px;
    float: left;
    margin-left: 0px;
    margin-top: 30px;
}

.logo_login {
    padding: 20px 10px 28px;
height: 36px;
width: auto;
margin-left: 5px;
float: none;
font-size: 21px;
color: #FFF;
font-weight: bold;
}

.main_area {
    width: 99.6%;
    background: none;
    margin: auto;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
}
.login_section {
    background: url('../images/login_bg.jpg') no-repeat scroll right center / cover transparent;
    max-width:100% !important;
    width: 100%;
    height: 620px;
     display:block;
}



}