@charset "utf-8";
/* CSS Document */
body {
	padding:0px;
	margin:0px;
	background: #EEE url("../images/bg-mesh.png") repeat scroll;
	/*background-color:#fff;*/
	font-size:12px;
	
}
a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
p {
	padding:0px;
	margin:0px;
}
img {
	border:0px;
}
#wapper {
	width:100%;
	margin:0;
	/*height:550px;*/
	
	
}
.header {
	width:100%;
	height:116px;
	margin:0px;
	background-image:url(../images/hr.jpg);
	/*background: rgba(237,237,237,1);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );*/
    -webkit-box-shadow: 0px 4px 13px 0px rgba(50, 50, 50, 0.59);
	-moz-box-shadow: 0px 4px 13px 0px rgba(50, 50, 50, 0.59);
	box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.59);
	position:fixed;
	z-index:9999;
}
.middle {
	height:400px;
	width:100%;
	background-color:#FFFFFF;
	margin:0px 0 0 0px;
}
.middle_left {
	width:600px;
	height:500px;
	float:left;
	margin-top:106px;
	background-image:url(../images/md_bg1.png);
}
.logo {
	height:50px;
	padding:37px 0 0 100px;
	font-weight:bold;
	font-family:"Myriad Pro";
	font-size:30px;
	color:#1477ac;
}
.log_box {
	height:390px;
	width:442px;
	float:right;
	background-image:url(../images/bg-glow.png);
	margin:170px 195px 0 0px;
}
.new_header_part {
	width:100%;
	position:fixed;
	height:auto;
	z-index:100;
	margin:0px;
}
.top_color {
	width:100%;
	height:99px;
	background-image:url(../images/head1.jpg);
	margin:0 0 0 0px;/*background-color:#0d74ba;*/
}
.middle_head {
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	display: block;
	height: 26px;
	position: relative;
	width: 100%;
}
.middle_head:after {
	border-radius: 30%;
	box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.3);
	content: "";
	display: inline-block;
	height: 26px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 0px;
	width: 980px;
	z-index: -1;
}
.company_name {
	width:260px;
	height:51px;
	background-repeat:no-repeat;
	float:left;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	padding:23px 0 0 110px;
}
.main_body_log {
	width:1000px;
	min-height:785px;
	height:auto;
	margin:0px auto;
	/*background-image:url(../images/logbg.png);
	background-repeat:repeat-y*/
	
	box-shadow: 6px 0 6px -5px #999999, -6px 0 6px -5px #999999;	
}
/*    ------------------------   Only for Login page ---------------------------------   */
.log_box_2
{
    width:350px;
    height:250px;
    margin:0px;
    margin:60px 0 0 46px;
    border:1px solid transparent;
    position:absolute;
}
.log_box_3
{
    float:left;
    width:310px;
    margin:20px 0 2px 19px;
    font-size:13px;
    font-weight:normal;
    padding:4px 0 0 5px;
}
.log_box_userid
{
    float:left;
    width:310px;
    margin:2px 0 0 19px;
}
.log_box_password
{
    float:left;
    width:310px;
    margin:20px 0 0 19px;    
}
.log_box_4
{
    width:310px;
    height:40px;
    margin:130px 0 0 18px;
}
.log_box_remme
{
    width:150px;
    height:25px;
    float:left;
    margin:13px 0 0 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#555;
}
.log_box_href_login
{
    color:#fff;
    font-size:15px;    
}
/*    ------------------------   For other pages ---------------------------------   */


.logout 
{
    width:150px;
    height:30px;
    margin:0 0 0 4px;
}

.logout_text
{
    margin:0 0 0 0px;
    color:#0d74ba;
    float:left;
    padding:3px 0 0 5px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    text-decoration:underline;
}
.welcome
{
    width:1010px;
    float:left;
}
.welcome_text_name
{
    float:right;
    color:#343434;
    text-align:right;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
}
.welcome_text
{
    float:right;
    color:#343434;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    margin-right: 5px;
}
/*    ------------------------   For other pages ---------------------------------   */

.text {
	width:110px;
	height:25px;
	float:right;
}
.text ul {
	list-style:none;
	text-decoration:none;
	padding:0px;
	margin:0px;
}
.text ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-top:15px;
	color:#6c6c6c;
	text-align:right;
}
.text ul li a {
	text-decoration:none;
	color:#6c6c6c;
}
.text ul li a:hover {
	text-decoration:none;
	color: #1178a9;
}
#myTextBox:focus {
	outline:none;
	border:1px solid #1178a9;
	/*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;*/
    border-radius: 5px;
	box-shadow:0 0 5px #1178a9;
}

/********************************************INNER PAGE****************************************************/
.header_app {
	width:100%;
	height:50px;
	position:fixed;
	z-index:9999;
	border-bottom:1px solid #d4d4d4;
	margin:0px;
    color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(244, 244, 244, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(244, 244, 244, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(244, 244, 244, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(244, 244, 244, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(244, 244, 244, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0 );
}
.main_body {
	width:1000px;
	min-height:663px;
	height:auto;
	margin:0px auto;
	background-color:#FFFFFF;
	box-shadow: 6px 0px 9px -5px #999, -6px 0px 9px -5px #999;
}




/****************************************menu***********************************/
  

  
ul#nav {
	display:block;
	float:left;
	font-family:Trebuchet MS, sans-serif;
	font-size:0;
	padding:5px 5px 5px 182px;
}
ul#nav, ul#nav ul {
	list-style:none;
	margin:0;
}
ul#nav, ul#nav .subs {
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
}
ul#nav .subs {
	background-color:#fff;
	border:1px solid #CCCCCC;
	display:none;
	float:left;
	z-index:9999;
	left:0;
	padding:0 6px 6px;
	position:absolute;
	top:100%;
	width:130px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
ul#nav li:hover>* {
	display:block;
}
ul#nav li:hover {
	position:relative;
}
ul#nav ul .subs {
	left:100%;
	position:absolute;
	top:0;
}
ul#nav ul {
	padding:0 5px 5px;
}
ul#nav .col {
	float:left;
	width:50%;
}
ul#nav li {
	display:block;
	float:left;
	font-size:0;
	white-space:nowrap;
}
ul#nav>li, ul#nav li {
	margin:0 0 0 5px;
}
ul#nav ul>li {
	margin:5px 0 0;
}
ul#nav a:active, ul#nav a:focus {
	outline-style:none;
}
ul#nav a {
	border-style:none;
	border-width:0;
	color:#181818;
	cursor:pointer;
	display:block;
	font-size:13px;
	font-weight:bold;
	padding:8px 14px;
	text-align:left;
	text-decoration:none;
	text-shadow:#fff 0 1px 1px;
	vertical-align:middle;
}
ul#nav ul li {
	float:none;
	margin:6px 0 0;
}
ul#nav ul a {
	background-color:#fff;
	border-color:#efefef;
	border-style:solid;
	border-width:0 0 1px;
	color:#000;
	font-size:11px;
	padding:4px;
	text-align:left;
	text-decoration:none;
	text-shadow:#fff 0 0 0;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
ul#nav li:hover>a {
	border-style:none;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:#181818 0 1px 1px;
}
ul#nav img {
	border:none;
	margin-right:8px;
	vertical-align:middle;
}
ul#nav span {
	background-position:right center;
	background-repeat:no-repeat;
	display:block;
	overflow:visible;
	padding-right:0;
}
ul#nav ul span {
	background-image:url("../images/arrow.png");
	padding-right:20px;
}
ul#nav ul li:hover>a {
	/*border-color:#444;*/
	border-style:solid;
	color:#444;
	font-size:12px;
	text-decoration:none;
	text-shadow:#fff 0 0 0;
}
ul#nav > li >a {
	background-color:transpa;
	height:22px;
	line-height:25px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
ul#nav > li:hover > a {
	background-color:#e6e5e5;
	line-height:25px;
}



/****************************************menu***********************************/
  
.textbox {
	padding: 3px;
	border: 1px solid #c5c5c5;
	/*Applying CSS3 gradient*/
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0px 0px 2px #DDDDDD inset, 0px 0px 2px #DDDDDD inset;
    background-image: -webkit-linear-gradient(top, #FBFBFB, #FFFFFF);/*Applying CSS 3radius*/   
    /*Applying CSS3 box shadow*/
}
.textbox:hover {
	border:1px solid #cccccc;
}
.textbox:focus {
    border-color: #51a7e8;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 0 5px rgba(81,167,232,0.5);
    outline: none;
}



/****************************Calender***********************************/


body {
	font: 62.5% "Trebuchet MS", sans-serif;/*margin: 50px;*/
}
.demoHeaders {
/*margin-top: 2em;*/
	}
#dialog-link {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}
#dialog-link span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
}
#icons {
	margin: 0;
	padding: 0;
}
#icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}
#icons span.ui-icon {
	float: left;
	margin: 0 4px;
}
.fakewindowcontain .ui-widget-overlay {
	position: absolute;
}
.middle_main_body {
	width:960px;
	padding:132px 0 0 0px;
	
}



/****************************doc search***********************************/
   .doc_search_bg {
	width:652px;
	height:66px;
	margin:166px 0 0 165px;
	border-radius: 5px;
	/*border:1px solid #000000;*/
	background-color:#f8f8f8;
	position:absolute;
}
.textbox_doc {
	padding: 3px;
	width:235px;
	border: 1px solid #c5c5c5;
	/*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top, #FFFFFF, #EEEEEE 1px, #FFFFFF 20px);
	background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
	/*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
	-webkit-box-shadow: 0 0 2px #DDDDDD;
	box-shadow: 0 0 2px #DDDDDD;
}
.textbox_doc:hover {
	border:1px solid #cccccc;
}
.textbox_doc:focus {
	box-shadow:0 0 2px #0086C1;
	box-shadow:0px 0px 2px #0086c1 outset, 0px 0px 2px #0086c1 outset;
}
/*.search {
 width:93px;
 height:37px;
 
 margin:23px 105px 0 0px;
 float:right;
 }*/
 
 
 .search {
	width:93px;
	height:37px;
	margin:23px 110px 0 0px;
	float:right;
}
.search > .button_blue {
	margin: 0 6px;
}
.button_blue {
	display: inline-block;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	min-width: 48px;
	line-height: 24px;
	/*padding: 0 24px;*/
    font-size: 14px;
	color: white;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px #154c86;
	background-color: #247edd;
	background-clip: padding-box;
	border: 1px solid;
	border-color: #1c65b2 #18589c #18589c;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.button_blue:before {
	content: '';
	position: absolute;
	top: -25%;
	bottom: -25%;
	left: -20%;
	right: -20%;
	border-radius: 50%;
	background: transparent;
	-webkit-box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
}
.button_blue:hover {
	background-color: #1a74d3;
}
.button_blue:active {
	color: rgba(255, 255, 255, 0.9);
	text-shadow: 0 -1px #154c86;
	background: #1f71c8;
	border-color: #113f70 #154c86 #1c65b2;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
	background-image: -webkit-linear-gradient(top, #1a5da5, #3a8be0);
	background-image: -moz-linear-gradient(top, #1a5da5, #3a8be0);
	background-image: -o-linear-gradient(top, #1a5da5, #3a8be0);
	background-image: linear-gradient(to bottom, #1a5da5, #3a8be0);
}
.button_blue:active:before {
	top: -50%;
	bottom: -125%;
	left: -15%;
	right: -15%;
	-webkit-box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2);
}




/*************************BUTTON**************************/
  
   
.action_button {
	width:460px;
	height:50px;
	margin:14px 130px 0 0px;
	
}
.action_button > .button {
	margin: 0 7px;
}
.button {
	display: inline-block;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	min-width: 80px;
	line-height: 32px;
	/*padding: 0 24px;*/
    font-size: 14px;
	color: white;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px #154c86;
	background-color: #247edd;
	background-clip: padding-box;
	border: 1px solid;
	border-color: #1c65b2 #18589c #18589c;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
	
}
.button:before {
	content: '';
	position: absolute;
	top: -25%;
	bottom: -25%;
	left: -20%;
	right: -20%;
	border-radius: 50%;
	background: transparent;
	-webkit-box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
}
.button:hover {
	background-color: #1a74d3;
}
.button:active {
	color: rgba(255, 255, 255, 0.9);
	text-shadow: 0 -1px #154c86;
	background: #1f71c8;
	border-color: #113f70 #154c86 #1c65b2;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
	background-image: -webkit-linear-gradient(top, #1a5da5, #3a8be0);
	background-image: -moz-linear-gradient(top, #1a5da5, #3a8be0);
	background-image: -o-linear-gradient(top, #1a5da5, #3a8be0);
	background-image: linear-gradient(to bottom, #1a5da5, #3a8be0);
}
.button:active:before {
	top: -50%;
	bottom: -125%;
	left: -15%;
	right: -15%;
	-webkit-box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2);
}
.button-black {
	text-shadow: 0 1px #0d4d09;
	background-color: #5d5f5d;
	border-color: #565756 #4d4e4d #4d4e4d;
}
.button-black:hover {
	background-color: #474847;
}
.button-black:active {
	text-shadow: 0 -1px #0d4d09;
	background: #189210;
	border-color: #093606 #0d4d09 #147b0e;
	background-image: -webkit-linear-gradient(top, #126d0c, #20c016);
	background-image: -moz-linear-gradient(top, #126d0c, #20c016);
	background-image: -o-linear-gradient(top, #126d0c, #20c016);
	background-image: linear-gradient(to bottom, #126d0c, #20c016);
}



/*************************TOUR APPLICATION**************************/ 
   
.grid_area {
	width:100%;
	/*min-height:50px;*/
	height:auto;
	margin:-22px 0 0 20px;
	
	/*Applying CSS3 gradient*/
    /*background: -moz-linear-gradient(center top, #FFFFFF, #EEEEEE 1px, #FFFFFF 20px);
	background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');*/
	/*Applying CSS 3radius*/   
   /* -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
	/*Applying CSS3 box shadow*/
   /* -moz-box-shadow: 0 0 2px #DDDDDD;
	-webkit-box-shadow: 0 0 2px #DDDDDD;
	box-shadow: 0 0 2px #DDDDDD;*/
}

.gvHeader
{
    font-size:12px;
    background:#DDDDDD;
}

.gbvAltRowStl 
{
   background:#DDDDDD;
}

.gridHeader
{
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	height:30px;
	/*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
	border:1px solid #dcdcdc;
}



.gridRow
{
    border-bottom:1px solid #eee;
    Font-Size:12px;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
}



/*************************POP UP WINDOW**************************/ 



.reveal-modal-bg  
{
        background:rgba(0,0,0,.3);
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
     	z-index: 100;
		display: none;
		top: 0;
		left: 0;
		
}
	

.reveal-modal {
		visibility: hidden;
		/*top: 100px; */
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #fff url(modal-gloss.png) no-repeat -200px -80px;
		box-shadow: 6px 0px 9px -5px #999, -6px 0px 9px -5px #999;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border:2px solid #666666;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.8);
}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 

.big-link  
{
    
	height:37px;
	margin:3px 0px 0 2px;
	float:left; }



/*Error Popup*/


.error_reveal-modal-bg  
{ 
		position: fixed; 
		height: 100%;
		width: 100%;
		z-index: 100;
		top: 0;
		left: 0;
}
	
	.error_reveal-modal {
				
		/*top: 100px; */
		left: 80%;
	    font-size:14px;
		width: 200px;
		background: #fff url(modal-gloss.png) no-repeat -200px -80px;
		/*box-shadow: 6px 0px 9px -5px #999, -6px 0px 9px -5px #999;*/
		position: absolute;
		z-index: 9999;
		padding: 30px 40px 34px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius:8px;
		/*border:1px solid #ccc;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.8);*/
		}
		
		
	.error_reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.error_reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.error_reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.error_reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.error_reveal-modal .error_close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
		
		

.error_big-link 
{
    width:93px;
	height:37px;
	margin:29px 100px 0 0px;
	float:right;
}

/*.overlayProcess {
    background: #aaa;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 700;
	opacity:0.8;
}*/

.overlayProcess {
  background: none repeat scroll 0 0 #000000;
	bottom: 0;
	left: 0;
	opacity: 0.5;
	/* IE 8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 7 */
  filter: alpha(opacity=50);
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 100;
    z-index: 700;
	
}

.progressbar_container
{
   
    z-index: 1009; 
    position: absolute; 
    height: 120px; 
    width: 400px;
    top: 284px; 
    left: 490px;
    text-align: left; 
    font-weight: normal;    
    background-color: #FFFFFF;    
    border-top-right-radius: 8px; 
    border-bottom-right-radius: 8px; 
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; 
    border: 2px solid #888888;
    
    
    
}
.progressbar_header
{
    color: #0076CC; 
    padding-left: 10px; 
    font-size: 15px;
    font-weight:bold;
}

.progressbar_separator
{
    background-color: #0076CC;
}

.progressbar_content
{
    padding-left: 10px; 
    color: #555555;
    font-size: 12px;
}


/*****************************UploadFile************************/

.file-upload 
{
    display: inline-block;
	vertical-align: top;
	position: relative;
	margin:10px 0 0 222px;
	overflow: hidden;
	float:left;
	min-width: 180px;
	line-height: 16px;
	/*padding: 0 24px;*/
    font-size: 14px;
	color: white;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px #154c86;
	background-color: #247edd;
	background-clip: padding-box;
	
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:6px 13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	}
	
    .file-upload:hover { 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
	}

    .file-upload.focus { 
	outline:1px solid yellow;
	}

    .file-upload input {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	font-size: 10pt;

	/* Loses tab index in webkit if width is set to 0 */
	opacity: 0;
	filter: alpha(opacity=0);
	}

    .file-upload strong { 
	padding-top: 5px;
	font-size:9pt;
	font-weight:normal;
	}	
	
    .file-upload span {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	display: inline-block;
    /* Adjust button text vertical alignment */
	padding-top:5px;
	
	}

    /* Adjust the button size */	
    .file-upload {height:auto;}
    .file-upload,
    .file-upload span {width:180px;float:left;}	
    
a.dellink {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

a.dellink:hover {
	color: #aaa;
	font-weight: bold;
	text-decoration: none;
}




.file-upload-myProfile 
{
    display: inline-block;
	vertical-align: top;
	position: relative;
	margin:8px 0 0 10px;
	overflow: hidden;
	float:left;
	min-width: 105px;
	line-height: 16px;
	/*padding: 0 24px;*/
    font-size: 14px;
	color: white;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px #154c86;
	background-color: #247edd;
	background-clip: padding-box;
	
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:6px 13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	}
	
    .file-upload-myProfile:hover { 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
	}

    .file-upload-myProfile.focus { 
	outline:1px solid yellow;
	}

    .file-upload-myProfile input {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	font-size: 10pt;

	/* Loses tab index in webkit if width is set to 0 */
	opacity: 0;
	filter: alpha(opacity=0);
	}

    .file-upload-myProfile strong { 
	padding-top: 5px;
	font-size:9pt;
	font-weight:normal;
	}	
	
    .file-upload-myProfile span {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	display: inline-block;
    /* Adjust button text vertical alignment */
	padding-top:5px;
	
	}

    /* Adjust the button size */	
    .file-upload-myProfile {height:auto;}
    .file-upload-myProfile,
    .file-upload-myProfile span {width:105px;float:left;}	




/**************************** Timesheet Grid***********************************/

.table_total {
    width:99%;
    height:auto;
    margin:5px 0 0 3px;
    float : left;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
    background-color:#f9f9f9;
 }
 .table_total11 {
 width:98%;
 height:auto;
 margin:5px 0 0 80px;
 float : left;
 /*border-bottom:1px solid #ccc;
 border-top:1px solid #ccc;

 background-color:#eee;*/
 }
 
 .table_total_1 {
 width:99%;
 height:auto;
 margin:0px 0 0 3px;
 float : left;
 border-bottom:1px solid #ccc;
 background-color:#eee;
 }
 
 .clm {
 width:10.88%;
 height:auto;
 border-right:1px solid #ccc;
 border-left:1px solid #ccc;
 margin:0 0 0 1px;
 float:left;
 background-color:#fff;
 }
 
 .row {
 /*width:100%;*/
 min-height:28px;
 margin:0 0 0 0px;
 background:#fff;
 font-size:12px;
 padding:0 0 0 4px;
 z-index:1;
 
 }
 
 .clm1 {
    width:10.86%;
    height:auto;
    border-right:1px solid #ccc;
    margin:0 0 0 1px;
    float:left;
  }
  
 .clm11 
 {
    width:12%;
    height:auto;
    border-right:1px solid #ccc;
    margin:0 0 0 1px;
    float:left;
    background-color:#fff;
    border-bottom:1px solid #ccc;
 }
 
 .row1 {
 width:100%;
 height:auto;
 margin:0 0 0 0px;
 background-color:#eee;
 }
 
 .col {
 width:100%;
 height:auto;
 margin:0 0 0 0px;
 background-color:#0d74ba;
 padding:6px 0 0 0px;
 }
 
 .colextra
 {
     min-height:20px;
 }
 
 
 .selectedRow
 {
     border:0.5px solid #017db7;
 }
 
 .text_extra 
 {
     width:58px;
     height:20px;
     margin:2px 0 0 2px;
     z-index:-1;
     
 }
 
 .dropdown_extra 
 {
     width:90px;
     height:24px;
     margin:2px 0 0 0px;
 }
 
 
/**************************** New button style***********************************/ 

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:6px 13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}

.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}

.myButton:active {
	position:relative;
	top:1px;
}

.myButton_attendence
{
	
 border:1px solid #96f0ff;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 font-size:12px;
 font-weight:bold;
 font-family:arial, helvetica, sans-serif;
 text-decoration:none;
 display:inline-block;
 color: #FFFFFF;
 background-color: #cef8ff;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#cef8ff), to(#7fe0f8));
 background-image: -webkit-linear-gradient(top, #cef8ff, #7fe0f8);
 background-image: -moz-linear-gradient(top, #cef8ff, #7fe0f8);
 background-image: -ms-linear-gradient(top, #cef8ff, #7fe0f8);
 background-image: -o-linear-gradient(top, #cef8ff, #7fe0f8);
 background-image: linear-gradient(to bottom, #cef8ff, #7fe0f8);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cef8ff, endColorstr=#7fe0f8);
 padding:5px 5px 5px 5px;
 margin:2px 0 0 4px;
 
}

.myButton_attendence:hover
{ 
 
 border:1px solid #68e9ff;
 background-color: #9bf1ff;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#9bf1ff), to(#4fd4f5));
 background-image: -webkit-linear-gradient(top, #9bf1ff, #4fd4f5);
 background-image: -moz-linear-gradient(top, #9bf1ff, #4fd4f5);
 background-image: -ms-linear-gradient(top, #9bf1ff, #4fd4f5);
 background-image: -o-linear-gradient(top, #9bf1ff, #4fd4f5);
 background-image: linear-gradient(to bottom, #9bf1ff, #4fd4f5);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#9bf1ff, endColorstr=#4fd4f5);
 cursor:pointer;
 
}


/*********************task manager button**************************/
.myButton11 {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:6px 13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}

.myButton11:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
	text-decoration:none;
	color:#fff;
}

.myButton11:active {
	position:relative;
	top:1px;
}



/***************************end task manager button************************/

.myButton1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#454245;
	font-family:arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}

.myButton1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
	
	border-color: #51a7e8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
}

.myButton1:active {
	position:relative;
	top:1px;
}
/**************************** New button style2***********************************/

.OpenDocFile11 
{
    font-family:@Arial Unicode MS;
    display:none; font-size:14px;
    padding:22px 0 0 0px;
    position:absolute;
    color:#0061a7;
    text-decoration:underline;
    cursor:pointer;
    font-weight:normal;
}

.OpenDocFile11:hover 
{
    color:#9ecef0;
}


/**************************** Task Manager***********************************/

    /*.spanMessage
        {
            margin-left: 200px;
            color: #e46c6e;
            font-size: 14px;
            font-style: italic;
        }
        
        #FrmCalender .error
        {
            border: 1px solid #973d3d;
            background: #f0bebe;
            color: #a35959;
        }
        #FrmCalender .error:focus
        {
            border: 1px solid #eee;
            color: #a35959;
        }
        #FrmCalender div span
        {
            margin-left: 10px;
            color: #e46c6e;
            font-size: 11px;
            font-style: italic;
        }*/
        
        .table-td
        {
            width: 132.5px;
            height: 100%;
            float: left;
            margin-left: 1px;
        }
        
        .head_box
        {
            width: 135px;
            height: 34px;
            -webkit-border-radius: 7px 7px 0 0px;
            -moz-border-radius: 7px 7px 0 0px;
            border-radius: 7px 7px 0 0px;
            margin: 0 0 0 0px;
            border: 1px solid #1670ac;
            background-color: #1670ac;
        }
        .head_text
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: #FFFFFF;
            padding: 10px 0 0 0px;
            text-align: center;
        }
        .head_box_in
        {
            width: 135px;
            height: auto;
            min-height: 120px;
            border: 1px solid #eeeeee;
            margin: 1px 0 0 0px;
        }
        .color_box
        {
            width: 16px;
            height: 16px;
            margin: 5px 0 0 5px;
            float: left;
            background-color: #b80000;
        }
        .inner_text
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            width: 100px;
            color: #000;
            float: left;
            padding: 5px 0 0 5px;
        }
        .box_border
        {
            width: 130px;
            height: auto;
            min-height: 30px;
            border-bottom: 1px solid #eeeeee;
            margin: 0px 0 0 0px;
        }
        
        
        
/***************************************17-02-2014************************************/





/****************************************MENU BAR ***************************************/


/*#menu_container li:hover {*/
.menu_container_li_hover {
	/*border: 1px solid #000;
	padding: 4px 9px 4px 9px;*/
	background-repeat:no-repeat;
	background-image:url(../images/menu_icon1.png);/* Background color and gradients *//*background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));*//* Rounded corners *//*-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;*/
}

#menu_container {

                /*list-style:none;

                width:940px;

                margin:30px auto 0px auto;

                height:43px;

                padding:0px 20px 0px 20px;*/

                /* Rounded Corners */

                

                

                

                /* Borders */

                

                

}

#menu_container li {

                float:right;

                display:block;

                text-align:center;

                position:relative;

                padding: 7px 0px 10px 0px;

                margin-right:22px;

                margin-top:-3px;

                border:none;

}

/*#menu_container li:hover {*/

                /*border: 1px solid #000;

                padding: 4px 9px 4px 9px;*/

                /*background-repeat:no-repeat;

                background-image:url(../images/menu_icon1.png);/* Background color and gradients */*/

                

                /*background: #F4F4F4;

                background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);

                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));*/

                

                /* Rounded corners */

                

                /*-moz-border-radius: 5px 5px 0px 0px;

                -webkit-border-radius: 5px 5px 0px 0px;

                border-radius: 5px 5px 0px 0px;*/

                

/*}*/

#menu_container li a {

                font-family:Arial, Helvetica, sans-serif;

                font-size:14px;

                color: #ccc;

                display:block;

                outline:0;

                text-decoration:none;

}

/*#menu_container li:hover a {

                color:#161616;

                text-shadow: 1px 1px 1px #ffffff;

}

*/

/*#menu_container li .drop {

                padding-right:21px;

                background:url("img/drop.png") no-repeat right 8px;

}*/

/*#menu_container li:hover .drop {

}*/

.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {

                margin:10px auto;

                float:left;

                position:absolute;

                left:-999em; /* Hides the drop down */

                text-align:left;

                padding:10px 5px 10px 5px;

                /*border:1px solid #ccc;*/

                /* Gradient background */

                background:#fff;

                /* Rounded Corners */

                -moz-border-radius: 0px 5px 5px 5px;

                -webkit-border-radius: 0px 5px 5px 5px;

                border-radius: 0px 5px 5px 5px;

                -moz-box-shadow: 0px 0px 5px 1px #bbb;

-webkit-box-shadow: 0px 0px 5px 1px #bbb;

box-shadow: 0px 0px 5px 1px #bbb;

}

.dropdown_1column {

                width: 140px;

}

.dropdown_2columns {

                width: 280px;

}

.dropdown_3columns {

                width: 420px;

}

.dropdown_4columns {

                width: 560px;

}

.dropdown_5columns {

                width: 754px;

}

/*#menu_container li:hover .dropdown_1column, #menu_container li:hover .dropdown_2columns, #menu_container li:hover .dropdown_3columns, #menu_container li:hover .dropdown_4columns, #menu_container li:hover .dropdown_5columns {

                left:-10px;

                top:auto;

}*/

.col_1, .col_2, .col_3, .col_4, .col_5 {

                display:inline;

                float: left;

                position: relative;

                margin-left: 5px;

                margin-right: 5px;-

}

.col_1 {

                width:130px;

}

.col_2 {

                width:270px;

}

.col_3 {

                width:410px;

}

.col_4 {

                width:550px;

}

.col_5 {

                width:690px;

}

#menu_container .menu_right {

                float:right;

                margin-right:0px;

}

#menu_container li .align_right {

                /* Rounded Corners */

                -moz-border-radius: 5px 5px 5px 5px;

                -webkit-border-radius: 5px 5px 5px 5px;

                border-radius: 5px 5px 5px 5px;

                border:1px solid #f1f1f1;

                left:auto;

                right:-12px;

                top:auto;

}

/*#menu_container li:hover .align_right {

                left:auto;

                right:-1px;

                top:auto;

}*/

#menu_container p, #menu_container h2, #menu_container h3, #menu_container ul li {

                font-family:Arial, Helvetica, sans-serif;

                line-height:21px;

                font-size:12px;

                text-align:left;

                text-shadow: 1px 1px 1px #FFFFFF;

}

#menu_container h2 {

                font-size:21px;

                font-weight:400;

                letter-spacing:-1px;

                margin:7px 0 14px 0;

                padding-bottom:14px;

                border-bottom:1px solid #666666;

}

#menu_container h3 {

                font-size:14px;

                margin:7px 0 14px 0;

                padding-bottom:7px;

                border-bottom:1px solid #888888;

}

#menu_container p {

                line-height:18px;

                margin:0 0 10px 0;

}

#menu_container li:hover div a {

                font-size:12px;

                color:#000;

}

#menu_container li:hover div a:hover {

                color:#029feb;

}

.strong {

                font-weight:bold;

}

.italic {

                font-style:italic;

}

.imgshadow { /* Better style on light background */

                background:#FFFFFF;

                padding:4px;

                border:1px solid #777777;

                margin-top:5px;

                -moz-box-shadow:0px 0px 5px #666666;

                -webkit-box-shadow:0px 0px 5px #666666;

                box-shadow:0px 0px 5px #666666;

}

.img_left { /* Image sticks to the left */

                width:auto;

                float:left;

                margin:5px 15px 5px 5px;

}

#menu_container li .black_box {

                background-color:#333333;

                color: #eeeeee;

                text-shadow: 1px 1px 1px #000;

                padding:4px 6px 4px 6px;

                /* Rounded Corners */

                -moz-border-radius: 5px;

                -webkit-border-radius: 5px;

                border-radius: 5px;

                /* Shadow */

                -webkit-box-shadow:inset 0 0 3px #000000;

                -moz-box-shadow:inset 0 0 3px #000000;

                box-shadow:inset 0 0 3px #000000;

}

#menu_container li ul {

                list-style:none;

                padding:0;

                margin:0 0 12px 0;

}

#menu_container li ul li {

                font-size:12px;

                line-height:13px;

                position:relative;

                text-shadow: 1px 1px 1px #ffffff;

                padding:0;

                margin:0;

                float:none;

                text-align:left;

                width:152px;

}

#menu_container li ul li:hover {

                background:none;

                border:none;

                padding:0;

                margin:0;

}


/******************************************Change Password************************************/
#menu_change {
/*list-style:none;
	width:940px;
	margin:30px auto 0px auto;
	height:43px;
	padding:0px 20px 0px 20px;*/
	/* Rounded Corners */
	
	
	
	/* Borders */
	
	
}
#menu_change li {
	float:right;
	display:block;
	text-align:center;
	position:relative;
	padding: 0px 10px 10px 0px;
	margin-right:0px;
	margin-top:11px;
	border:none;
}
/*#menu_change li:hover {*/
/*border: 1px solid #000;
	padding: 4px 9px 4px 9px;*/
	
	/*background-image:url(../images/menu_icon1.png);*//* Background color and gradients */
	
	/*background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));*/
	
	/* Rounded corners */
	
	/*-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;*/
	
/*}*/
#menu_change li a {
	font-family:Arial, Helvetica, sans-serif;	
	display:block;
	font-size:12px;
	outline:0;
	text-decoration:none;
}
#menu_change li:hover a {
	color:#161616;
	text-shadow: 1px 1px 1px #ffffff;
}
/*#menu_change li .drop {
	padding-right:15px;
	background:url("../../../hr pay/landning_page/css/img/drop.png") no-repeat right 8px;
}
i changed it******/
/*#menu_change li:hover .drop {
}*/
.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {
	margin:20px 23px 0 0px;
	float:left;
	position:absolute;
	
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	/*border:1px solid #ccc;*/
	/* Gradient background */
	background:#f1f1f1;
	border : 1px solid #ccc;
	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
	/*-moz-box-shadow: 0px 0px 5px 1px #bbb;
	-webkit-box-shadow: 0px 0px 5px 1px #bbb;
	box-shadow: 0px 0px 5px 1px #bbb;*/
}
.dropdown_1column {
	width: 140px;
}
.dropdown_2columns {
	width: 280px;
}
.dropdown_3columns {
	width: 420px;
}
.dropdown_4columns {
	width: 560px;
}
.dropdown_5columns {
	width: 862px;
}
/*#menu_change li:hover .dropdown_1column, #menu_change li:hover .dropdown_2columns, #menu_change li:hover .dropdown_3columns, #menu_change li:hover .dropdown_4columns, #menu_change li:hover .dropdown_5columns {
	left:-10px;
	top:auto;*/
}
.col_1, .col_2, .col_3, .col_4, .col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col_1 {
	width:130px;
}
.col_2 {
	width:270px;
}
.col_3 {
	width:410px;
}
.col_4 {
	width:550px;
}
.col_5 {
	width:690px;
}
#menu_change .menu_right {
	float:right;
	margin-right:0px;
}
#menu_change li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	left:auto;
	right:-1px;
	top:auto;
}

#menu_change p, #menu_change h2, #menu_change h3, #menu_change ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
}
#menu_change h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}
#menu_change h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
}
#menu_change p {
	line-height:18px;
	margin:0 0 10px 0;
}
#menu_change li:hover div a {
	font-size:12px;
	color:#015b86;
}
#menu_change li:hover div a:hover {
	color:#029feb;
}
.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}
#menu_change li .black_box {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;
	/* Rounded Corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}
#menu_change li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu_change li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
/*#menu_change li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}*/


/**************************PDR*************************/

.doc_search_bg_pdr {
	width:425px;
	height:66px;
	margin:0px 0 0 90px;
	border-radius: 5px;
	background-color:#f8f8f8;
}
.myButton_pdr {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:5px 11px;
	float:left;
	margin-top:20px;
	margin-left:5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.myButton_pdr:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1', GradientType=0);
	background-color:#0061a7;
}
.myButton_pdr:active {
	position:relative;
	top:1px;
}

/**************************end doc search*************************/


.table_total_pdr {
	width:100%;
	height:auto;
	min-height:162px;
	margin-top:168px;
	float:left;
}
.header_pdr {
	width:100%;
	height:auto;
	min-height:28px;
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #566963;
	/*border:1px solid #124d77;*/
	margin:36px 0 0 0px;
}
.header_text_pdr {
	display:inline-block;
	padding:7px 0 0 0px;
	color:#ffffff;
	font-family:arial;
	text-align:center;
	font-size:16px;
	height:auto;
	min-height:26px;
	width:100%;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.row_pdr {
	margin:1px 0 0 3px;
	height:56px;
	width:99.5%;
}

.row_pdr_two {
	margin:1px 0 0 3px;
	height:32px;
	width:99.5%;
}

.row_in_pdr {
	height:auto;
	min-height:60px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	float:left;
	border:1px solid #dcdcdc;
	margin:01px 0 0 0px;
}
.row_in_second_grid_pdr {
	height:auto;
	min-height:81px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	float:left;
	border:1px solid #dcdcdc;
	margin:01px 0 0 0px;
}
.row_in_text_pdr {
	padding:7px 0 0 0px;
	color:#505050;
	font-family:arial;
	font-weight:bold;
	font-size:12px;
	height:auto;
	/*min-height:26px;*/
	width:100%;
	text-decoration:none;
	text-align:center;
}


.row_in_text_pdr_scale
{
    color:#333333;
    font-family:arial;
    font-weight:bold;
    font-size:10px;
    height:auto;
    width:100%;
    text-decoration:none;
    text-align:center;
}

.row_in_text_pdr_two {
	font-family:@Arial Unicode MS;
	font-size:12px;
	height:30px;
	text-decoration:none;
	margin:0 0 0 2px;
}


/*****************************PDR_Text****************************/

.textbox_pdr {
	padding: 3px;
	border: 1px solid #c5c5c5;
	/*Applying CSS3 gradient*/
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0px 0px 2px #DDDDDD inset, 0px 0px 2px #DDDDDD inset;
    background-image: -webkit-linear-gradient(top, #FBFBFB, #FFFFFF);/*Applying CSS 3radius*/   
    /*Applying CSS3 box shadow*/
}
.textbox_pdr:hover {
	border:1px solid #cccccc;
}
.textbox_pdr:focus {
	box-shadow:0 0 2px #0086c1;
	border:1px solid #0086c1;
	box-shadow:0px 0px 2px #0086c1 outset, 0px 0px 2px #0086c1 outset;
}

/*****************************Second Page****************************/

.row_in_second_grid_second_page_pdr {
	width:18%;
	height:auto;
	min-height:32px;
	float:left;
	/*border:1px solid #dcdcdc;*/
	margin:01px 0 0 0px;
	text-align:center;
}
.row_in_second_grid_second_page_text1_pdr {
	color:#333333;
	font-size:13px;
	font-weight:bold;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 0 0 0px;
	width:200px;
}
.row_in_second_grid_second_page_text_pdr {
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 0 0 0px;
	text-align:center;
}
.row_in_second_page_pdr {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	/*-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;*/
	
	/*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
	border:1px solid #dcdcdc;
	border:1px solid #dcdcdc;
	width:90%;
	height:auto;
	min-height:30px;
	margin:1px 0 0 47px;
}
.row_in_second_page_second_grid_pdr {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	/*-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;*/
	border:1px solid #dcdcdc;
	width:90%;
	height:auto;
	min-height:32px;
	margin:1px 0 0 47px;
}
		.row_in_second_page_text_pdr {
		color:#000;
		font-size:13px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		padding:0px 0 0 0px;
		}
		
/**********************************New Text Box*********************************/


.textbox_new_pdr {
	padding: 3px;
	border: 1px solid #b3b3b3;
	/*Applying CSS3 gradient*/
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);/*Applying CSS 3radius*/
}
.textbox_new_pdr:hover {
	border:1px solid #cccccc;
}
.textbox_new_pdr:focus {
	border-color: #51a7e8;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 0 5px rgba(81,167,232,0.5);
    outline: none;
}

/****************************Slide***************************/
.slide-out-div {
       padding: 20px;
        width: 250px;
        /*background: #0068ad;*/
		/*border-radius:5px 0px 5px 5px;
		
        z-index:1;
		background-color:#eee;*/
		border: 2px solid #f26a06;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        width:200px;
        min-height: 28px;
        padding: 4px 20px 4px 8px;
        font-family:@Arial Unicode MS;
        background-color:#fff;
        font-size: 11px;
                  
        /* -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;*/
		
        
    }
    
	.slide_text
	{
	font-size:13px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	.note_text:hover
	{
	 color: #369ad2;
     text-decoration:underline;
	}
	
	.main_body_log_pdr {
	width:100%;
	min-height:900px;
	height:auto;
	margin:0px auto;
	/*background-image:url(../images/logbg.png);
	background-repeat:repeat-y*/
	box-shadow: 6px 0 6px -5px #999999, -6px 0 6px -5px #999999;
}


/*****************************attendance***************************/


.header_pdr_attendence {
	width:100%;
	height:auto;
	min-height:28px;
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #566963;
	/*border:1px solid #124d77;*/
	margin:26px 0 0 18px;
}

.header_pdr_attendence111 {
	width:99.4%;
	height:auto;
	min-height:30px;
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #566963;
	/*border:1px solid #124d77;*/
	margin:0px 0 0 0px;
}
.employee_name 
{
    width:14%;
    height:auto;
    min-height:34px;
    border-right:1px solid #ccc;
    float:left;
    /*border:1px solid #fff;*/
    margin:0 0 0 px;
}
.employee_name_text 
{
    font-family:@Arial Unicode MS;
    font-size:12px;
    color:#000;
    font-weight:normal;
    text-align:center;
    padding:4px 0 0 0px;
}
.date 
{
    width:2.29%;
    height:34px;
    float:left;
   /* border:1px solid #fff;*/
   border-right:1px solid #ccc;
    margin:0 0 0 1px;
}

.date_text 
{
    font-family:@Arial Unicode MS;
    font-size:14px;
    color:#000;
    font-weight:bold;
    text-align:center;
    padding:4px 0 0 0px;
}

.row_in_second_page_pdr_attendance {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	/*-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;*/
	
	/*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
	border:1px solid #dcdcdc;
	width:100%;
	height:auto;
	overflow:hidden;
	min-height:30px;
	margin:1px 0 0 18px;
}

.inner_name 
{
    
    width:14%;
    height:auto;
    min-height:30px;
     border-right:1px solid #ccc;
    float:left;
    /*border:1px solid #fff;*/
    margin:0 0 0 px;
}

.inner_name_text 
{
    font-family:@Arial Unicode MS;
    font-size:14px;
    color:#000;
    text-align:left;
    font-weight:bold;    
    padding:4px 0 0 5px;
}



.date_attendance 
{
    width:2.29%;
    height:auto;
    min-height:30px;
    float:left;
   /* border:1px solid #fff;*/
   border-right:1px solid #ccc;
    margin:0 0 0 1px;
}

.date_attendance_text 
{
    font-family:@Arial Unicode MS;
    font-size:14px;
    color:#000;
    font-weight:bold;
    text-align:center;
    padding:4px 0 0 0px;
}


.date_attendance_register
{
    width:3.014%;
    height:34px;
    float:left;
    border-right:1px solid #ccc;
    margin:0 0 0 0.87px;
}

.date_attendance_register_text 
{
    font-family:@Arial Unicode MS;
    font-size:14px;
    color:#000;
    font-weight:bold;
    text-align:center;
    padding:5px 0 0 0px;
}

.row_in_second_page_pdr_attendance_white {
	border:1px solid #ccc;
    background-color:#fff; 
	min-height:28px;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1px 0 0 18px;
}


.row_in_second_page_pdr_grid {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	/*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
	border:1px solid #dcdcdc;
	width:100%;
	height:auto;
	overflow:hidden;
	min-height:30px;
	margin:1px 0 0 18px;
}

.row_in_second_page_fileupload {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	/*moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;*/

	
	/*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
}

.row_in_second_page_myprofile {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	/*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
	border-bottom:1px solid #dcdcdc;
	
	/*width:100%;*/
	height:auto;
	overflow:hidden;
	min-height:30px;
	margin:0px 0 0 0px;
}


.row_in_second_page_myprofile_attendence{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	/*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
	border:1px solid #dcdcdc;
	
	/*width:100%;*/
	height:auto;
	overflow:hidden;
	min-height:30px;
	margin:0px 0 0 0px;
}


.myprofile_text 
{
    font-family:@Arial Unicode MS;
    font-size:16px;
    color:#000;
    font-weight:bold;
    text-align:left;
    padding:5px 0 0 42px;
}

.myprofile_text1
{
    font-family: @Arial Unicode MS; /*font-size:16px;
    color:#000;
    font-weight:bold;*/
    padding: 2px 0 0 18px;
    text-align: left;
    color: #888;
    font-size: 14px;
    font-weight: normal;
}

.myprofile_icon 
{
    width:20px;
    height:20px;
    float:left;
    margin:5px 0 0 10px;
}

.myprofile_icon:hover
{
    cursor:pointer;
}

.myprofile_image 
{
    width:130px;
    height:140px;
    float:left;
    border:1px solid #eee;
    margin:5px 0 0 10px;
}


.myprofile_image_grid 
{
    width:19.88%; 
    height:auto;
    min-height:28px; 
    float:left; 
    border-right:1px solid #ccc;
    margin:0 0 0 0px;
}


.myprofile_text_grid
{
    font-family:@Arial Unicode MS;
    font-size:13px;
    color:#aaa;
    font-weight:normal;
    text-align:left;
    padding:5px 0 0 42px;
}

/************************************Landing Page*************************/

.left_part 
{
    width:225px;
    height:auto;
    min-height:600px;
    float:left;
    margin:15px 0 0 0px;
    
    
}
.quicklink_part 
{
    width:200px;
    height:auto;
    min-height:150px;
    margin:0 0 0 10px;
}

.quicklink_text_area 
{
    width:164px;
    height:30px;
    margin:0 0 0 0px;
    border-bottom:1px solid #ccc;
}

.quicklink_text_area_text 
{
    font-family:@Arial Unicode MS;
    font-size:16px;
    color:#797979;
    font-weight:normal;
    text-align:left;
    padding:5px 0 0 10px;
    
}

#cssmenu_landing {
  width:161px;
  margin:0 0 0 0px;
  padding:0px;
}
#cssmenu_landing ul {
  margin:0px;
  padding:0px;
  list-style:none;
}
#cssmenu_landing li {
  margin:0px;
  padding:5px 0 0 10px;
  height:25px;
  width:161px; 
  text-decoration: none;
  font-weight: normal;
  font-size:13px;
  font-family:@Arial Unicode MS;
  -webkit-box-shadow: 0 8px 6px -6px #999999;
  -moz-box-shadow: 0 8px 6px -6px #999999;
  box-shadow: 0 8px 6px -6px #999999;
}

#cssmenu_landing li a {  
   margin:0px;
   padding:0px;
   color:#1670ac;
   text-decoration:none;
}

.right_part 
{
    width:215px;
    height:auto;
    min-height:600px;
    float:right;
    margin:0 0 0 0px;
}
.landing_page_image 
{
    width:154px;
    height:156px;
    margin:15px 0 0 25px;
    text-align:center;
    
/*Applying CSS3 gradient*/
	
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.8);
    border:1px solid #ccc;
}

.middle_part 
{
    width:550px;
    height:auto;
    min-height:600px;
    float:left;
    margin:0 0 0 0px;
}



.middle_part_top 
{
    width:530px;
    height:auto;
    min-height:250px;
    float:left;
    margin:0 0 0 0px;
}


.middle_part_top_left 
{
    width:270px;
    height:auto;
    min-height:150px;
    float:left;
    margin:80px 0 0 40px;
}

#cssmenu_landing2 {
  width:161px;
  margin:30px 0 0 10px;
  padding:0px;
}
#cssmenu_landing2 ul {
  margin:0px;
  padding:0px;
  list-style:none;
  height:0px;  
}
#cssmenu_landing2 li {
  margin:0px;
  padding:0px 0 0 10px;
  height:25px;
  width:161px; 
  font-weight: normal;
  font-size:13px;
  font-family:@Arial Unicode MS;
}

#cssmenu_landing2 li a {  
   margin:0px;
   padding:0px;
   color:#1371a7;
}


.middle_part_bottom 
{
    width:530px;
    height:auto;
    min-height:250px;
    float:left;
    margin:63px 0 0 37px;
    z-index:-1;
}

/*********************************************Contribution And Achievements********************************/


.textbox_new_contribution {
	padding: 3px;
	border: 1px solid #b3b3b3;
	/*Applying CSS3 gradient*/
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);/*Applying CSS 3radius*/
}
.textbox_new_contribution:hover {
	border:1px solid #cccccc;
}
.textbox_new_contribution:focus {
	border-color: #51a7e8;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 0 5px rgba(81,167,232,0.5);
    outline: none;
}
/********************************ME REPORT**************************************/
.table_total_contribution_ME {
	width:100%;
	height:auto;
	min-height:162px;
	margin-top:168px;
	float:left;
}

.doc_search_bg_ME {
	width:340px;
	height:50px;
	/*margin:0px 0 0 90px;*/
	border-radius: 5px;
	background-color:#f8f8f8;
}

.header_contribution_ME {
	width:90%;
	height:auto;
	min-height:28px;
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #566963;
	/*border:1px solid #124d77;*/
	margin:46px 0 0 47px;
}
.header_text_contribution_ME {
	display:inline-block;
	padding:7px 0 0 0px;
	color:#ffffff;
	font-family:arial;
	text-align:center;
	font-size:16px;
	height:auto;
	min-height:26px;
	width:100%;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.row_contribution_ME {
	/*width:90%;
	height:auto;
	min-height:28px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
	border:1px solid #dcdcdc;*/
	
	margin:01px 0 0 47px;
}
.row_in_contribution_ME {
	width:15.47%;
	height:auto;
	min-height:53px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	float:left;
	border:1px solid #dcdcdc;
	margin:01px 0 0 0px;
}
.row_in_second_grid_contribution_ME {
	width:19.2%;
	height:auto;
	min-height:53px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	float:left;
	border:1px solid #dcdcdc;
	margin:01px 0 0 0px;
}
.row_in_text_contribution_ME {
	padding:7px 0 0 0px;
	color:#505050;
	font-family:arial;
	font-weight:bold;
	font-size:12px;
	height:auto;
	/*min-height:26px;*/
	width:100%;
	text-decoration:none;
	text-align:center;
}

.row_in_second_grid_second_page_contribution_ME {
	width:18%;
	height:auto;
	min-height:30px;
	float:left;
	/*border:1px solid #dcdcdc;*/
	margin:01px 0 0 0px;
	text-align:center;
}


.row_in_second_grid_second_page_contribution_next_ME {
	width:12%;
	height:auto;
	min-height:30px;
	float:left;
	/*border:1px solid #dcdcdc;*/
	margin:01px 0 0 0px;
	text-align:center;
}
.row_in_second_grid_second_page_text1_contribution_ME {
	color:#333333;
	font-size:13px;
	font-weight:bold;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 0 0 0px;
	width:200px;
}
.row_in_second_grid_second_page_text_contribution_ME {
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 0 0 0px;
	text-align:center;
}
.row_in_second_page_contribution_ME {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	/*-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;*/
	
	/*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
	border:1px solid #dcdcdc;
	border:1px solid #dcdcdc;
	width:90%;
	height:auto;
	min-height:30px;
	margin:1px 0 0 47px;
}


.row_in_second_page_contribution_next_ME {
	
	/*-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;*/
	
	/*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
	border:1px solid #dcdcdc;
	border:1px solid #dcdcdc;
	width:90%;
	height:auto;
	min-height:30px;
	margin:1px 0 0 47px;
}

.row_in_second_page_second_grid_contribution_ME {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	/*-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;*/
	border:1px solid #dcdcdc;
	width:90%;
	height:auto;
	min-height:32px;
	margin:1px 0 0 47px;
}

.row_in_second_page_text_contribution_ME {
color:#000;
font-size:13px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding:0px 0 0 0px;
}
		
/**********************************new text box*********************************/


.textbox_new {
	padding: 3px;
	border: 1px solid #b3b3b3;
	/*Applying CSS3 gradient*/
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);/*Applying CSS 3radius*/
}
.textbox_new:hover {
	border:1px solid #cccccc;
}
.textbox_new:focus {
	border-color: #51a7e8;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 0 5px rgba(81,167,232,0.5);
    outline: none;
}


/*******************************************************LeaveLanding**********************************************************/


.leavetypebox
{
    
}


/*****flip start****/

.ul_leave
{
    height:60%;
    width:5%;
    float:left;
    margin:14px 0 0 12px;
}


.li_leave {
    position: relative;
    perspective: 800px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    list-style-type: none;
}
.container 
{
    perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    border: 1px solid #ccc;
    margin:0 0 0 -40px;
    cursor:pointer;
    border-radius:50%;
}

.container:hover .flipper, .container.hover .flipper {
        transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
	}

#flip-toggle.flip .flipper 
{
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    filter: FlipH;
    -ms-filter:"FlipH";
}
.container, .front, .back {
    width: 40px;
    height: 40px;
    border-radius:50%;
}
.flipper 
{
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: rotateY(180deg);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius:50%;
}
.front, .back 
{
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.front 
{
    background: #E8F7FF;
    font-size: 14px;
    font-weight: bold;
    line-height:40px;
    text-align: center;
}
.back 
{
    background: #4BAFEA;
    color: White;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height:40px;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
     z-index:2;
}


/*****flip end****/

.myButton_Green 
{
    border:1px solid #34740e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:12px;
    font-family:arial, helvetica, sans-serif; 
    padding: 6px 20px;
    text-decoration:none; 
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    color: #FFFFFF;
    background-color: #4ba614;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #4ba614, #008c00);
    -moz-box-shadow: 0px 10px 14px -7px #34740e;
	-webkit-box-shadow: 0px 10px 14px -7px #34740e;
	box-shadow: 0px 10px 14px -7px #34740e;
}

.myButton_Green:hover 
{
     border:1px solid #224b09;
     background-color: #36780f;
     background-image: linear-gradient(to bottom, #36780f, #005900);
 
 }

.myButton_Green:active 
{
	position:relative;
	top:1px;
}


.myButton_Red 
{
    border:1px solid #72021c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:12px;
    font-family:arial, helvetica, sans-serif;
    text-decoration:none;
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    color: #FFFFFF;
    background-color: #a90329;
    padding: 6px 20px;
    cursor: pointer;
    -moz-box-shadow: 0px 10px 14px -7px #72021c;
    -webkit-box-shadow: 0px 10px 14px -7px #72021c;
    box-shadow: 0px 10px 14px -7px #72021c;
    background-image: linear-gradient(to bottom, #a90329, #6d0019);
}

.myButton_Red:hover 
{
     
 border:1px solid #450111;
 background-color: #77021d;
 background-image: linear-gradient(to bottom, #77021d, #3a000d);
 }

.myButton_Red:active 
{
	position:relative;
	top:1px;
}


.Link 
{
    font-family:@Arial Unicode MS;
    position:absolute;
    color:#0d74ba;
    cursor:pointer;
    font-weight:normal;
}

.Link:hover 
{
    color:#9ecef0;
}


.opening 
{
    
    position:absolute;
    margin:-99px 0px 0px 35px;
    min-width:270px;
    width:auto;
    height:0px;
    display:none;
    color:#FFF;
    padding:50px 0px;
    border:1px solid #c0c0c0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    
}

.open
{
    cursor:pointer;
}


.myButton_Blue
{      
    border:1px solid #15aeec;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:12px;
    font-weight:bold;
    font-family:arial, helvetica, sans-serif;
    padding: 4px 13px;
    text-decoration:none;
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    color: #FFFFFF;
    background-color: #49c0f0;
    cursor: pointer;
    margin:20px 0 0 0px;
    background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);
}
.myButton_Blue:hover
{
 border:1px solid #1090c3;
 background-color: #1ab0ec;
 background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
}
.myButton_Blue:active
{
	position:relative;
	top:1px;
}


.textbox_mail:focus {
    border-color: #51a7e8;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 0 5px rgba(81,167,232,0.5);
    outline: none;
}

.MessageBox
{
   cursor:pointer;
}


.WishBox
{
    cursor:pointer;
}


.print
{
    cursor:pointer;
}

.download
{
    cursor:pointer;
}

.downloadReport 
{
    cursor:pointer;
}
/* **********************  CSS for Login Page *********************************** */

.loginUsername
{
    border:none;
	width:240px;
	/*height:44px;*/
	padding:14.3px 35px;
	border-radius:4px;
	background-repeat:no-repeat;
	background-image:url(../images/userbg.png);	 
	color:#4b4b4b;	
}

/*
.loginUsername:focus {
	outline:none;
	border:1px solid #1178a9;
    border-radius: 5px;
	box-shadow:0 0 5px #1178a9;
}*/

.loginPassword
{
    border:none;
	width:240px;
	/*height:44px;*/
	padding:14.3px 35px;
	border-radius:4px;
	background-repeat:no-repeat;
	background-image:url(../images/PASSWORD_BG.png);
	color:#4b4b4b;  
}

/*
.loginPassword:focus {
	outline:none;
	border:1px solid #1178a9;
    border-radius: 5px;
	box-shadow:0 0 5px #1178a9;
}*/

.myButton2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:6px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	margin:10px 0 0 228px;
}

.myButton2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}

.myButton2:active {
	position:relative;
	top:1px;
}



/* **********************  CSS for Landing Page *********************************** */


#box li a:hover
{
    color:#1670AC;
}

/*********************************AG******************************/

/*responsive box */
/*.wrapper {
	width:100%;
	height:auto;
}*/

.box_area {
    max-width:1000px;
	background:#FFF;
	margin:30px 0 0 0px;
	height:auto;
	overflow:hidden;
 }
 
.box1 {
max-width:422px;
width:auto;
height:auto;
margin-top:5px;
min-height:140px;
border:1px solid #CCCCCC;
float:left;
background:#fff;
margin-left:11px;
}
.box_text {
    width: 296px;
    float:left;
    height:auto;
    margin: 0px 0 0 5px;
    /*background-color:#f1f1f1;*/
}
.image {
    width:109px;
    height:125px;
    float:left;
    margin:5px 0 0 5px;
    border-radius:5px 5px 5px 5px;
    -moz-box-shadow:1px 1px 4px 1px #999;
    -webkit-box-shadow:1px 1px 4px 1px #999;
    box-shadow:1px 1px 4px 1px #999;
  
 }
 
.box_text_area {
    font-size:13px;
    text-align:left;
    padding:5px 0 0 5px;
    font-family: Arial, Helvetica, sans-serif; 
    
}

/****************modal pop up ****************************/
.error_reveal-modal-bg1  
{
        
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
}
	
	.error_reveal-modal1 {
				
		/*top: 100px; */
		left: 80%;
	    font-size:14px;
		width: 200px;
		background: #fff url(modal-gloss.png) no-repeat -200px -80px;
		box-shadow: 6px 0px 9px -5px #999, -6px 0px 9px -5px #999;
		position: fixed;
		z-index: 9999;
		padding: 30px 40px 34px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius:8px;
		/*border:1px solid #ccc;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.8);*/
		}
		
		
	.error_reveal-modal1.small 		{ width: 200px; margin-left: -140px;}
	.error_reveal-modal1.medium 		{ width: 400px; margin-left: -240px;}
	.error_reveal-modal1.large 		{ width: 600px; margin-left: -340px;}
	.error_reveal-modal1.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.error_reveal-modal1 .error_close-reveal-modal1 {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
		
		

.error_big-link1
{
    width:93px;
	height:37px;
	margin:29px 100px 0 0px;
	float:right;
}
/*************************menu icon and name********************/

.menu_session 
{
    float:left;
}


/*************************NEW MENU********************/



/************************* Pop-up for welcome kits ********************/
    .box_11
        {
            height: 225px;
            left: 100%;
            padding: 0;
            position: fixed;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
            margin-left: 126px;
            top: 25%;
            width: 330px;
            background: #FFFFFF;
            z-index: 710;
        }
        .box_11 img
        {
            border: 5px solid #888888;
            border-radius: 10px;
            margin: 0;
        }
        .overlay_11
        {
            background: none repeat scroll 0 0 #000000;
            bottom: 0;
            left: 0;
            opacity: 0.5; /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 7 */
            filter: alpha(opacity=50);
            position: fixed;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 100;
            display:none;/**/
        }
        a.boxclose
        {
            background: url(../images/CloseWin.png);
            background-repeat: no-repeat;
            cursor: pointer;
            float: right;
            height: 36px;
            left: 13px;
            position: relative;
            top: -46px;
            width: 34px;
        }
/************************* Pop-up for welcome kits ********************/

.table_total_contribution {
	width:100%;
	height:auto;
	min-height:162px;
	margin-top:168px;
	float:left;
}
.header_contribution {
	width:100%;
	height:auto;
	min-height:36px;
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #566963;
	/*border:1px solid #124d77;*/
	margin:2px 0 0 0px;
}
.header_text_contribution {
	display:inline-block;
	padding:7px 0 0 0px;
	color:#ffffff;
	font-family:arial;
	text-align:center;
	font-size:16px;
	height:auto;
	min-height:26px;
	width:100%;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.row_contribution {
	/*width:90%;
	height:auto;
	min-height:28px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
	border:1px solid #dcdcdc;*/
	
	margin:01px 0 0 47px;
}
.row_in_contribution {
	width:15.47%;
	height:auto;
	min-height:53px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	float:left;
	border:1px solid #dcdcdc;
	margin:01px 0 0 0px;
}
.row_in_second_grid_contribution {
	width:19.2%;
	height:auto;
	min-height:53px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	float:left;
	border:1px solid #dcdcdc;
	margin:01px 0 0 0px;
}
.row_in_text_contribution {
	padding:7px 0 0 0px;
	color:#505050;
	font-family:arial;
	font-weight:bold;
	font-size:12px;
	height:auto;
	/*min-height:26px;*/
	width:100%;
	text-decoration:none;
	text-align:center;
}

.row_in_second_grid_second_page_contribution {
	width:11%;
	height:auto;
	min-height:31px;
	float:left;
	/*border:1px solid #dcdcdc;*/
	padding:5px 0 0 0px;
	text-align:center;
	
}

.row_in_second_grid_second_page_contribution_next {
	width:12%;
	height:auto;
	min-height:30px;
	float:left;
	/*border:1px solid #dcdcdc;*/
	margin:01px 0 0 0px;
	text-align:center;
}
.row_in_second_grid_second_page_text1_contribution {
	color:#333333;
	font-size:13px;
	font-weight:bold;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 0 0 0px;
	width:200px;
}
.row_in_second_grid_second_page_text_contribution {
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:6px 0 0 0px;
	text-align:center;
}

.row_in_second_grid_second_page_text_contribution11 {
	color:#000000;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	padding:8px 0 0 0px;
	text-align:center;
	
}

.row_in_second_grid_second_page_text_contribution111 {
	color:#000000;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0 0 0px;
	text-align:center;
	
}

.row_in_second_page_contribution {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	/*-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;*/
	
	/*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
	border:1px solid #dcdcdc;
	border:1px solid #dcdcdc;
	width:99.8%;
	height:auto;
	min-height:42px;
	margin:1px 0 0 0px;
}

.row_in_second_page_contribution_next {
	
	/*-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;*/
	
	/*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
	border:1px solid #dcdcdc;
	border:1px solid #dcdcdc;
	width:90%;
	height:auto;
	min-height:30px;
	margin:1px 0 0 47px;
}

.row_in_second_page_second_grid_contribution {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color:#f9f9f9;
	/*-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;*/
	border:1px solid #dcdcdc;
	width:90%;
	height:auto;
	min-height:32px;
	margin:1px 0 0 47px;
}

.row_in_second_page_text_contribution
{
    color:#000;
    font-size:13px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    padding:0px 0 0 0px;
}

/******************************** BLINK TEXT*********************************/
.text-blinking-jquery {
    font-family: Arial, Helvetica, @Arial Unicode MS;
    margin-top: 0px;
    padding-right: 25px;
    padding-top:2px;
    float:right;
    /*border: 2px solid #0088D5;*/
    font-size: 15px;
    font-weight:normal;
}







#cssmenu_landing_leave {
  width:161px;
  margin:0 0 0 0px;
  padding:0px;
}
#cssmenu_landing_leave ul {
  margin:0px;
  padding:0px;
  list-style:none;
}
#cssmenu_landing_leave li {
  margin:0px;
  padding:5px 0 0 10px;
  height:25px;
  width:161px; 
  border-bottom:1px dashed #1670ac;
  text-decoration: none;
  font-weight: normal;
  font-size:13px;
  font-family:@Arial Unicode MS;
  
}

#cssmenu_landing_leave li a {  
   margin:0px;
   padding:0px;
   color:#4a4a4a;
   text-decoration:none;
}
#cssmenu_landing_leave li :hover {  
   margin:0px;
   padding:0px;
   color:#1670ac;
   text-decoration:none;
}




#cssmenu_landing_home {
  width:152px;
  margin:0 0 0 0px;
  padding:0px;
 
}
#cssmenu_landing_home ul {
  
  list-style:none;
  margin:0px;
  padding:0px;
}
#cssmenu_landing_home li {

  height:25px;
  width:152px; 
  padding:10px 0 0 6px;
  background:#f4f4f4;
  text-decoration: none;
  margin-top:2px;
  font-weight: normal;
  font-size:13px;
  font-family:@Arial Unicode MS;
}

#cssmenu_landing_home li a { 
   color:#4a4a4a;
   text-decoration:none;
}
#cssmenu_landing_home li :hover {  
    color:#1670ac;
   text-decoration:none;
}


#cssmenu_landing_home2 {
  width:161px;
  margin:0 0 0 0px;
  padding:0px;
 
}
#cssmenu_landing_home2 ul {
  
  list-style:none;
  margin:0px;
  padding:0px;
}
#cssmenu_landing_home2 li {

  height:25px;
  width:160px; 
  padding:5px 0 0 5px;
  border-bottom:1px solid #bbe1fa;
  text-decoration: none;
  margin-top:2px;
  font-weight: normal;
  font-size:13px;
  font-family:@Arial Unicode MS;
}

#cssmenu_landing_home2 li a { 
   color:#1670ac;
   text-decoration:none;
}



.quicklink_part_home2 
{
    width:200px;
    height:auto;
    min-height:150px;
    margin:0 0 0 24px;
}

.quicklink_text_area_home2 
{
    width:156px;
    height:30px;
    margin:0 0 0 0px;
    border-bottom:1px dashed #4a4a4a;
}

.quicklink_text_area_text_home2 
{
    font-family:@Arial Unicode MS;
    font-size:16px;
    color:#717070;
    font-weight:normal;
    text-align:left;
    padding:5px 0 0 6px;
    
}


.ThoughtForTheDay_textarea {
 width: 148px;
 height: 120px;
 font-size:14px;
 text-align:left;
 overflow:hidden;
 margin:5px 0 0 10px;
 color:#4a4a4a;
 font-style:italic;
 font-family:@Arial Unicode MS; 
 font-weight:bold;
 padding: 5px;
 border: solid 1px #ddd;
}



/*****************************CoWorker Page ***********************************/

.box_area_CoWorker {
    max-width:1000px;
	background:#FFF;
	margin:30px 0 0 0px;
	height:auto;
	overflow:hidden;
 }
 
 
.box1_CoWorker {
max-width:200px;
width:auto;
height:auto;
margin-top:10px;
min-height:165px;
border:1px solid #CCCCCC;
float:left;
background:#fff;
margin-left:11px;
border-radius:5px;
}
 
.box1_CoWorker_Available 
{
    
    background-position: 0% 0%;
    max-width:200px;
    width:auto;
    height:auto;
    margin-top:10px;
    min-height:180px;
    border:1px solid #3AA63E;
    float:left;
    margin-left:11px;
    border-radius:5px;

/* IE10 Consumer Preview */ 
/* Mozilla Firefox */ 
/* Opera */ 
/* Webkit (Safari/Chrome 10) */ 
/* Webkit (Chrome 11+) */ 
/* W3C Markup, IE10 Release Preview */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#D6FBD7, GradientType=1)";
    background-image: linear-gradient(to right, #FFFFFF 0%, #D6FBD7 100%);
/* For Internet Explorer 5.5 - 7 */
    background-color: #fff;
    background-repeat: repeat;
    background-attachment: scroll;
}

.box1_CoWorker_Unavailable 
{
    
    background-position: 0% 0%;
    max-width:200px;
    width:auto;
    height:auto;
    margin-top:10px;
    min-height:180px;
    border:1px solid #FF6054;
    float:left;
    margin-left:11px;
    border-radius:5px;

/* IE10 Consumer Preview */ 
/* Mozilla Firefox */ 
/* Opera */ 
/* Webkit (Safari/Chrome 10) */ 
/* Webkit (Chrome 11+) */ 
/* W3C Markup, IE10 Release Preview */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFD1CE, GradientType=1)";
    background-image: linear-gradient(to right, #FFFFFF 0%, #FFD1CE 100%);
/* For Internet Explorer 5.5 - 7 */
    background-color: #fff;
    background-repeat: repeat;
    background-attachment: scroll;
}

.box_Available
{
 
 float:left; 
 height:20px;
 width:20px;
 border-radius:2px;
 border:1px solid #3AA63E;

/* IE10 Consumer Preview */ 
/* Mozilla Firefox */ 
/* Opera */ 
/* Webkit (Safari/Chrome 10) */ 
/* Webkit (Chrome 11+) */ 
/* W3C Markup, IE10 Release Preview */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#D6FBD7, GradientType=1)";
    background-image: linear-gradient(to right, #FFFFFF 0%, #D6FBD7 100%);/* For Internet Explorer 5.5 - 7 */
}

.box_Unavailable
{
    
float:left;
height:20px;
width:20px; 
border-radius:2px;
border:1px solid #FF6054;

/* IE10 Consumer Preview */ 
/* Mozilla Firefox */ 
/* Opera */ 
/* Webkit (Safari/Chrome 10) */ 
/* Webkit (Chrome 11+) */ 
/* W3C Markup, IE10 Release Preview */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFD1CE, GradientType=1)";
    background-image: linear-gradient(to right, #FFFFFF 0%, #FFD1CE 100%);/* For Internet Explorer 5.5 - 7 */
}

.box_text_CoWorker {
    width: auto;
    float:left;
    height:auto;
    margin: 0px 0 0 5px;
    /*background-color:#f1f1f1;*/
}

.image_CoWorker {
    width:100px;
    height:100px;
    margin:10px 0 0 25px;
    /*border-radius:5px 5px 5px 5px;
    -moz-box-shadow:1px 1px 4px 1px #999;
    -webkit-box-shadow:1px 1px 4px 1px #999;
    box-shadow:1px 1px 4px 1px #999;*/
  
 }
 
.box_text_area_CoWorker 
{
    width:150px;
    font-size:13px;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    margin-top:5px;
    /*word-break:break-all;*/ 
    
}


/* ROUNDED CHECKBOX */
.SendMail_COWorker {
	width: 25px;
	height: 25px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
    margin:-106px 0px 0px -8px;
}

.SendMail_COWorker label {
	cursor: pointer;
	position: absolute;
	width: 17px;
	height: 17px;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	left: 4px;
	top: 4px;

	/*-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);*/

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.SendMail_COWorker label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 4px;
	background: transparent;
	top: 4px;
	left: 3px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    

    /*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678,sizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678,sizingMethod='auto expand');

    -moz-transform:  matrix(0.70710678, -0.70710678, 0.70710678, 0.70710678, 0, 0);

    -webkit-transform:  matrix(0.70710678, -0.70710678, 0.70710678, 0.70710678, 0, 0);

    -o-transform:  matrix(0.70710678, -0.70710678, 0.70710678, 0.70710678, 0, 0);*/
    }

.SendMail_COWorker label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.SendMail_COWorker input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


.SendMail_COWorker_IE {
	position: relative;
    margin:-106px 0px 0px -8px;
}

.morecontent span
{
    display:none;
}


.addExpense
{
    font-size:13px;
    font-family:@Arial Unicode MS;
    font-weight:bold;
    color:#808000;
}

.addExpense:hover
{
    color:#b3b30a;
    text-decoration:underline;
}


.wish_box_bg 
{
    width:250px;
    min-height:150px;
    border-radius:5px;
    opacity: 1;
    background:#fff;
    height:auto;
}

.imageclose_wishbox:hover
{
    cursor:pointer;
}

/**************** Home Page Right Part Top **************************/

#home_page_right_part_top {
  width:158px;
}
#home_page_right_part_top li {
 font-weight: normal;
  font-size:13px;
  font-family:@Arial Unicode MS;
  list-style: none;
  margin:1px 0px 0px -42px;
}
#home_page_right_part_top a 
{
  background: #f4f4f4;
  color: #4a4a4a;
  display: block;
  margin: 1px 0 0 0px;
  padding: 9px 12px;
  text-decoration: none;
  font-weight: normal;
}
#home_page_right_part_top a:hover {
  background: #1670ac;
  color: #fff;
  padding-bottom: 9px;
}

/**************** Home Page Right Part Top End  **************************/

/**************** Todays Task Start **************************/

#cssmenu_landing_todaystask {
  width:161px;
  margin:0 0 0 0px;
  padding:0px;
}
#cssmenu_landing_todaystask ul {
  margin:0px;
  padding:0px;
  list-style:none;
}
#cssmenu_landing_todaystask li {
  margin:0px;
  padding:5px 0 0 10px;
  min-height:25px;
  width:161px; 
  text-decoration: none;
  font-weight: normal;
  font-size:13px;
  font-family:@Arial Unicode MS;
  -webkit-box-shadow: 0 8px 6px -6px #999999;
  -moz-box-shadow: 0 8px 6px -6px #999999;
  box-shadow: 0 8px 6px -6px #999999;
}

#cssmenu_landing_todaystask li a {  
   margin:0px;
   padding:0px;
   color:#1670ac;
   text-decoration:none;
}

#cssmenu_landing_todaystask li :hover
{
    color:#84b9da;
}

/**************** Todays Task End  **************************/


.MgrSelf
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #0b6fa8;
}

.MgrSelf:hover
{
    color: #369ad2;
    text-decoration:underline;
}

/*********************************JANANI PAYSLIP***********************************/

.jananiPayslipArea 
{
    float: left;
    margin:20px 0 0 135px;
	width:800px;
	height:auto;
	/*margin:50px auto;*/
	border:1px solid #2d2d2d;
}

/*--------------------- pay slip top part -------------------------*/
.jananiPayslipArea .topPart {
	width:760px;
	height:auto;
	margin:0 0 0 20px;
	overflow:hidden;
	}
.jananiPayslipArea .topPart .jananiLogo {
	width:94px;
	height:212px;
	margin:10px 0 0 0px;
	float:left;
}
.jananiPayslipArea .topPart .mainPart {
	width:663px;
	height:auto;
	float:left;
	margin:0px 0 15px 0px;
}
.jananiPayslipArea .topPart .mainPart .officeInformation {
	width:663px;
	height:auto;
	margin:20px 0 0 0px;
}
.jananiPayslipArea .topPart .mainPart .officeInformation .jananiText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	padding-left:14px;
	font-weight:bold;
}
.jananiPayslipArea .topPart .mainPart .titlePartTotal {
	display:table;
	height:auto;
	margin-top:20px;
	float:left;
	margin-left:15px;
	overflow:hidden;
}
.jananiPayslipArea .topPart .mainPart .titlePartTotal .titlePart {
	/*display:table;*/
	width:auto;
	min-width:103px;
	height:auto;
	float:left;
	margin:0px 0 0 0px;
}
.jananiPayslipArea .topPart .mainPart .titlePartTotal .titlePart .title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:normal;
}
.jananiPayslipArea .topPart .mainPart .titlePartTotal .colonPart {
	float:left;
	width:5px;
	height:auto;
	margin:0px 0 0 5px;
}
.jananiPayslipArea .topPart .mainPart .titlePartTotal .colonPart .colon {
	margin:0px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}
.jananiPayslipArea .topPart .mainPart .titlePartTotal .descriptionPart {
	width:auto;
	float:left;
	display:table;
	height:auto;
	margin:0px 0 0 5px;
}
.jananiPayslipArea .topPart .mainPart .titlePartTotal .descriptionPart .description {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	margin:0px 0 0 0px;
}
/*--------------------- pay slip top part -------------------------*/

/*--------------------- pay slip bottom part -------------------------*/
.jananiPayslipArea .BottomPart {
	width:800px;
	height:auto;
	min-height:250px;
	margin:20px 0 0 0px;
}
.jananiPayslipArea .BottomPart .titleMainPart {
	width:240px;
	height:auto;
	min-height:0px;
	margin:0 0 0 20px;
	float:left;
}
.jananiPayslipArea .BottomPart .titleMainPart .topPartText {
	width:240px;
	height:auto;
	margin:10px 0 0 0px;
	float:left;
}
.jananiPayslipArea .BottomPart .titleMainPart .topPartText .leftText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	float:left;
	font-weight:bold;
	margin:0px 0 0 0px;
}
.jananiPayslipArea .BottomPart .titleMainPart .topPartText .rightText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	float:right;
	font-weight:bold;
	margin:0px 0 0 0px;
}
.jananiPayslipArea .BottomPart .titlePartTotal {
	width:240px;
	height:auto;
	margin-top:20px;
	float:left;
	margin-left:0px;
	overflow:hidden;
}
.jananiPayslipArea .BottomPart .titlePartTotal .titlePart {
	/*display:table;*/
	width:auto;
	min-width:100px;
	height:auto;
	float:left;
	margin:0px 0 0 0px;
}
.jananiPayslipArea .BottomPart .titlePartTotal .titlePart .title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:normal;
}
.jananiPayslipArea .BottomPart .titlePartTotal .descriptionPart {
	width:auto;
	float:right;
	display:table;
	height:auto;
	margin:0px 0 0 0px;
}
.jananiPayslipArea .BottomPart .titlePartTotal .descriptionPart .description {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	color:#000;
	margin:0px 0 0 0px;
}
/*--------------------- pay slip bottom part -------------------------*/
.titleSeperate {
	margin-top:5px;
	width:auto;
	height:auto;
	overflow:hidden;
}
.titleSeperate:first-child {
	width:auto;
	height:auto;
	margin:0 0 0 0px !important;
	overflow:hidden;
}
/*********************************END JANANI PAYSLIP***********************************/