/* This file will be imported for lite2 to allow the older styles to survive */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{
	margin: 0;
	padding: 0;
	border: 0;	
	font-family: "Open Sans",arial,sans-serif;
}
html {
	overflow-y: hidden;
}

/*body{
	font-size:14px;
	background: none repeat scroll 0 0 #eceff4;
	}
*/
a {text-decoration:none; outline:none;}

.clear{clear:both; }


abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}

table { border-collapse:collapse; border-spacing:0;}
.t-f-left{ float:left; clear:both;}
/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }


.navi{
      -moz-border-radius: 2px 2px 2px 2px;
      -moz-box-shadow: 0 1px 2px #EAEDF4;
       background-repeat: repeat-x;
       border: 1px solid #E4E8F2;
       font-size: 11px;
       font-weight: bold;
       margin: 0 3px 0 0;
       text-decoration: none;
       padding: 2px 6px; 	   
	   border:1px solid ;
	   background-color: #FFFFFF;
       border: 1px solid #ccc;
	   color: #3B6CAC;
     }


.naviselected{
	   
	  -moz-border-radius: 2px 2px 2px 2px;
      -moz-box-shadow: 0 1px 2px #EAEDF4;
       background-repeat: repeat-x;
       border: 1px solid #E4E8F2;
       font-size: 11px;
       font-weight: bold;
       margin: 0 3px 0 0;
       text-decoration: none;
       padding: 2px 6px; 
	   color: #FFF !important;
	   border:1px solid #008CCB;
	   background-color: #bcdaf2;
       background-image: none;
     }
	 .navipn{
	  -moz-border-radius: 2px 2px 2px 2px;
      -moz-box-shadow: 0 1px 2px #EAEDF4;
       background-repeat: repeat-x;
       border: 1px solid #E4E8F2;
       font-size: 11px;
       font-weight: bold;
       margin: 0 3px 0 0;
       text-decoration: none;
       padding:0; 
	   border:1px solid ;
	   background-color: #FFFFFF;
       border: 1px solid #ccc;
	   color: #222;
     }
	 .navifirst{
	  -moz-border-radius: 2px 2px 2px 2px;
      -moz-box-shadow: 0 1px 2px #EAEDF4;
       background-repeat: repeat-x;
       border: 1px solid #E4E8F2;
       font-size: 11px;
       font-weight: bold;
       margin: 0 3px 0 0;
       text-decoration: none;
       padding: 2px 6px;
	   background-color: #FFFFFF;
       border: 1px solid #EEEEEE;
	   color: #9fb9d0;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
       filter: alpha(opacity=75);
      -khtml-opacity: 0.75;
      -moz-opacity: 0.75;
       opacity: 0.75;
     }
	 .navipn a,.navifirst a, .naviselected a { outline:none; color: #222222;  padding: 2px 6px; display:inline-block; *display:inline; zoom:1px;}
      
.not {
    font-size: 11px;  
    clear: both;   
    margin: 8px 0px 8px 0px;
    padding: 4px 25px 4px 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-image: url(../images/message_pic/not.png);
    background-position: 10px 3px;
    background-repeat: no-repeat;
    border:2px solid #F3C408;
    background-color: #FDFAEE;
    color: #9F6000;   
    position:relative;
}
#li_logon_bar td{background-color:#F2F2F2}
.not a.close{
    display: inline-block;
    float: right;
    height: 32px;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 22px;
    
    outline:none;
    background-position: 2px 3px;
    background-image: url(../images/message_pic/close.png); background-repeat:no-repeat;}
.not .icon{

    }


.succ {
   clear:both; margin:5px 0; background:rgba(71, 164, 71, 0.71); background:#47A43D; color:#fff; font-size:12px; font-weight:600; padding:0 15px 0 5px; line-height:24px; position:relative; 
}
 a.close{
     display:block;
   background:url(../images/client/tenant-lite/tenant-lite-2/cancel.png) no-repeat center top; width:16px; height:16px; float:right; top: 4px!important; right: 10px; position: absolute;}
.succ .icon{
    }
.err {
   clear:both; margin:5px 0;background-color: #f2dede!important;
    border-color: #ebccd1 !important;    
    color: #a94442 !important; font-size:12px; font-weight:600; padding:0 15px 0 5px; line-height:24px; position:relative!important;z-index:8!important; 
}



.err .icon{

    }
.info {
	   margin:5px 0; background:rgba(255, 188, 3, 0.81); color:#fff; font-size:12px; font-weight:600; padding:0 15px 0 5px; display:block; line-height:24px; position:relative; 
}
.info .icon{
   
    }

* html .info,* html .err,* html .succ,* html .not{background-position: 10px 5px;}
* html .info a.close,* html .succ a.close,* html .not a.close{background-position: 2px 5px; width:35px}
* html .err a.close{background-position: 0 5px; width:25px; }

/* ---------- Login Page -----------*/

body.loginPage {
    background: #fff url("../images/bg.png");
    font-family: "Open Sans",arial,sans-serif;
}


#wrapper {padding: 30px 0 0; text-align:center;}

h1#login-logo a {
    background: url("../images/logo_empxtrack.png") no-repeat scroll center top transparent;
    display: block;
    height: 65px;
    margin: 20px auto 0;
    text-indent: -9999px;
    width: 300px;
}
h1#login-logo {font-size:12px; font-weight:normal; }
#loginbox a {
  
    outline: medium none;
    text-decoration: none;
}

#loginbox {
   margin: 10px auto 0;
    width: 546px;
	
	
}

#loginbox div#cap-top {
    background: url("../images/cap-top.png") no-repeat scroll 0 0 transparent;
    height: 8px;
    width: 546px;
	font-size:0; overflow:hidden;
	}

#loginbox  div#cap-body {
    background: url("../images/cap-bg.png") repeat-y scroll 0 0 transparent;
    padding-left: 20px;
    padding-right: 20px;
    
}

#loginbox div#cap-bottom {
    background: url("../images/cap-bottom.png") no-repeat scroll 0 0 transparent;
    height: 15px;
    width: 546px;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#loginbox div#branding {
   color: #FF7700;
    /* font-family: "Open Sans",arial,sans-serif; */
    font-size: 18px;
    padding-top: 15px;
	text-align:left;
	position:relative;
}


#loginbox div#branding .welco-c {
    color: #09548B;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
	/* font-family: Segoe UI Light,trebuchet ms,verdana; */
}

.clearfix {
    display: block;
}
* html #logotag{width:85%;}
div#branding img.blogo{position:absolute; right:-20px;
    top: -55px;}

* html div#branding img.blogo{position:absolute; right:10px;
    top: -55px;}

div#branding h5{font-weight:normal; font-size:16px; color:#09548B; background:#fff url('../images/userconfig.png') no-repeat 0 0; padding: 10px 0 5px 40px; margin-top:15px;}

div#loginbox input#txtLogin, div#loginbox input#txtPassword, div#loginbox input.textbox_class {
    border:1px solid #80b4d9;
	height:20px;
	line-height:20px;
	color:#333;
	/* font-family: Open Sans, arial; */
    width: 210px;
	border-radius:8px;
	padding: 0 6px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
div#loginbox input.bg_icon{background: url("../images/user2.png") no-repeat scroll 0 0 #FFFFFF; padding: 0px 5px 0px 22px; width: 195px;}
div#loginbox input.bg_password{background: url("../images/login-password.png") no-repeat scroll 0 0 #FFFFFF; padding: 0px 5px 0px 22px; width: 195px;}
div#loginbox input.bg_company{background: url("../images/login-company.png") no-repeat scroll 0 0 #FFFFFF; padding: 0px 5px 0px 22px; width: 195px;}

div#loginbox td label {
    color: #09548B;
    display: block;
    font-size: 12px;    
	font-weight:bold;
}


.login-controls{border-collapse:collapse; margin:10px 0 0 10px; width:450px; }
.login-controls td{padding:5px 3px;}
a.ovalbutton {
    background: url("../images/oval-blue-left.gif") no-repeat scroll left top transparent;
    display: block;
    float: left;  
    height: 24px;
    padding-left: 11px;
    text-decoration: none;
}
.login-controls a.login{
background: url("../images/oval-blue-left.gif") no-repeat scroll left top transparent;
margin-left: 2.4em;
}


a.login span {
    background: url("../images/oval-blue-right.gif") no-repeat scroll right top transparent;
}

a.ovalbutton span {
    background: url("../images/oval-blue-right.gif") no-repeat scroll right top transparent;
    display: block;
    padding: 5px 11px 4px 0;
	padding:3px 11px 6px 0;
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.log_prob { font-size:12px; text-align:right;}
.log_prob a{font-weight:normal; color:#09548B; font-size:11px;}
.copy{font-size:11px;}

/* login wide */

#loginbox-wide a {   
    outline: medium none;
    text-decoration: none;
}

#loginbox-wide {
   margin: 5px auto 0;
    width: 980px;

	max-height:450px;
	
}

#loginbox-wide div#cap-top-wide {
    background: url("../images/cap-top-big-wide.png") no-repeat scroll 0 0 transparent;
    height: 8px;
    width: 980px;
	font-size:0; overflow:hidden;
	
	}

#loginbox-wide  div#cap-body-wide {
    background: url("../images/cap-bg-big-wide.png") repeat-y scroll 0 0 transparent;
   padding: 20px 20px;
	overflow:hidden;
	
}

#loginbox-wide div#cap-bottom-wide {
    background: url("../images/cap-bottom-big-wide.png") no-repeat scroll 0 0 transparent;
    height: 15px;
    width: 980px;
}


div#loginbox-wide div#panelLogin {
    margin: 0 auto;
    padding-bottom: 18px;	
 
  width:400px;
}
#cap-body-wide h5{font-weight:normal; font-size:16px; padding:13px 0 0 40px; color:#09548B; background:#fff url('../images/userconfig.png') no-repeat 0 0; margin-top:5px; width:300px; text-align:left; /* font-family: "Open Sans",arial,sans-serif; */}
* html #cap-body-wide h5{font-weight:normal;  font-size:16px; padding:10px 0 0 40px; color:#09548B; background:#fff url('../images/userconfig.png') no-repeat 0 0; margin-top:5px; width:300px; text-align:left; }


div#loginbox-wide input#txtLogin, div#loginbox-wide input#txtPassword, div#loginbox-wide input.textbox_class {
    border:1px solid #80b4d9;
	height:22px;
    width: 210px;
	border-radius:8px;
	padding: 2px 8px 3px 8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
div#loginbox-wide input.bg_icon{background: url("../images/user2.png") no-repeat scroll 0 0 #FFFFFF; padding: 2px 8px 3px 22px;}
div#loginbox-wide label {
    color: #09548B;
    display: block;
    font-size: 13px;
    /* font-family: "Open Sans",arial,sans-serif; */
    font-weight: bold;

}

div#loginbox-wide .login-controls{border-collapse:collapse; margin:10px 0 0 10px;  width: 445px;}
div#loginbox-wide .login-controls td{padding:5px 3px;}



#wrapper .empx-desc{ color: #FF7700;
    /* font-family: "Open Sans",arial,sans-serif; */
    font-size: 18px;
    padding-top: 5px;
	text-align:center;
	position:relative;}

div#loginbox-wide div#panelLogin {
    margin: 0 auto;
    padding-bottom: 18px;
    width: 450px;
}

#cap-body-wide .logon-body{border-collapse:collapse; width:100%; padding-top:10px; overflow:hidden;}
#cap-body-wide .logon-body .welco-c{vertical-align:middle; text-align:center; font-size:14px; font-weight:bold; color:#09548B; /* font-family: "Open Sans",arial,sans-serif; */}
#cap-body-wide .logon-body .c-img{vertical-align:middle; text-align:center; overflow:hidden; width:440px; height:280px;}
#cap-body-wide .logon-body .c-img img{width:440px;}
#cap-body-wide .c-img img.h-bord{padding:4px; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
* html #cap-body-wide .c-img img.h-bord{padding:4px; display:block;  }

#wrapper h1#login-logo  .welco-srak{vertical-align:middle; text-align:center; font-size:14px; font-weight:bold; color:#09548B; /* font-family: "Open Sans",arial,sans-serif; */}
#wrapper #login-logo-srak {text-align:left; font-size:12px; margin-top:30px;}
#wrapper #login-logo-srak strong{padding-left:10px; font-size:11px;}
#wrapper #login-logo-srak a{ width:200px; height:51px; display:block;background: url("../images/logo_empxtrack.gif") no-repeat scroll 5px top transparent;}


/* ========================================================
   Mini Profile
   ===================================================== */
   .main { 

/*z-index:0;*/
position:relative;
/*height:30px;*/ padding:11px 0px 0px;

}


* html .main{height:40px;  position:;}
.main .user {
  text-align: left; /*width: 94%;*/
  
}
.user {
  /*position: absolute; */ position:unset;
  padding: 0 0 8px 0;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  z-index:0;width: 100%;
}

* html .user {display:inline; zoom:1;}
* html .user h5{display:inline; zoom:1; position:relative;}
.user img {
  float: left;
  width: 36px;
  height: 36px;
  margin-right: 8px;
}
.user h5 {
  float: left;
  line-height: 16px;
  font-size: 11px;
  font-weight: bold;
  color: #111;
 cursor:pointer; width:100%; 
  padding:0;
  margin:0; /*margin-top: -9px; border-bottom:2px dashed #21d4ff;*/
  z-index:0;
}
.user h5 small {
  display: block;
  font-size: 11px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
 /* float:left;*/
  *color: #364168; /*width: 90%;*/ line-height:20px;
}

.user ul.pro img{position:relative; top:3px;}
.user ul.pro  {

  position: absolute;
  z-index:0;
  bottom: 100%;
  left: 0;
  right: 0;
  border: 1px solid;
  border-color: #7f7f7f #8b8b8b #7f7f7f;
  border-radius: 5px;
  -webkit-transition-property: opacity, padding, visibility;
  -moz-transition-property: opacity, padding, visibility;
  -ms-transition-property: opacity, padding, visibility;
  -o-transition-property: opacity, padding, visibility;
  transition-property: opacity, padding, visibility;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  background-color: #E1E1E1;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #E1E1E1));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #E1E1E1);
  background-image: -moz-linear-gradient(top, #f2f2f2, #E1E1E1);
  background-image: -ms-linear-gradient(top, #f2f2f2, #E1E1E1);
  background-image: -o-linear-gradient(top, #f2f2f2, #E1E1E1);
  background-image: linear-gradient(top, #f2f2f2, #E1E1E1);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-left:0;
  padding-left:0;
}
.user ul.pro li{line-height:16px;}
.user ul.pro :before, .user ul.pro :after, .user.pro  li:first-child:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 15px;
  border: 7px outset transparent;
}

.user ul.pro :before {
  border-top: 7px solid #555;
  bottom: -14px;
}
.user li:first-child:after {
  border-top: 7px solid #fff;
  bottom: -25px;
}
.user ul.pro :after {
  border-top: 7px solid #E1E1E1;
  bottom: -12px;
}
.user li {
  padding: 0 4px;
  font-size: 13px;
  color: #333;
  text-shadow: 0 1px #fff;
  list-style:none;
}
.user li.sep {
  border-top: 1px solid #b4bbce;
  padding-top: 4px;
  margin-top: 4px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
}
.user li a {
  display: block;
  position: relative;
  margin: 0 -25px;
  padding: 0 20px 0 12px;
  color: #000;
  /*border: 1px solid transparent;*/
}
.user li{ color: #000;}
.user li a:hover {
  color: #000;
  text-decoration: none;
  text-shadow: 0 0px rgba(0, 0, 0, 0.3);
  /*border-color: #5a70b0 #495d98 #42558a;*/
  background: #eee;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddd), color-stop(100%, #eee)); /*
  background-image: -webkit-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -moz-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -ms-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -o-linear-gradient(top, #7688bd, #4e64a3);
  background-image: linear-gradient(top, #7688bd, #4e64a3);*/
}
.user li a:hover:after {
  display: block;
}
.user li a:after {
  display: none;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -4px;
  border: 0px solid transparent;
  border-left-color: #9facd1;
  border-left-color: rgba(255, 255, 255, 0.4);
}
.user li img{width:54px; height:54px; padding:2px; margin-top:4px; border:1px solid #ccc; background:#fff; margin-top:2px; margin-bottom:2px;}



.org {
  position: relative; 
  padding: 0 0 8px 0;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  z-index:0;
}
#uploadFile{border:none;}
* html .org {display:inline; zoom:1;}
* html .org h5{display:inline; zoom:1; position:relative;}

.org img {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.org h5 {
  
  line-height: 16px;
  font-size: 10px;
  font-weight: normal!important;
  color: #111;
  cursor:pointer;
  margin-left:-39px;
  margin-top:-20px;
  
  padding:0;
  margin:0;
  z-index:0;
}
.org h5 small {
  display: block;
  font-size: 11px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
  float:left;
  *color: #364168;
}

.org ul.pro img{position:relative; top:3px; margin-right:4px; display:block;}
.org ul.pro  {

  position: absolute;
  z-index:0;
  bottom: 100%; 
  border: 1px solid;
  border-color: #aac5d3 #c7dde8 #aac5d3;
  border-radius: 5px;
  -webkit-transition-property: opacity, padding, visibility;
  -moz-transition-property: opacity, padding, visibility;
  -ms-transition-property: opacity, padding, visibility;
  -o-transition-property: opacity, padding, visibility;
  transition-property: opacity, padding, visibility;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  background-color: #d3f0ff;margin-bottom: -12px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #d3f0ff));
  background-image: -webkit-linear-gradient(top, #fff, #d3f0ff);
  background-image: -moz-linear-gradient(top, #fff, #d3f0ff);
  background-image: -ms-linear-gradient(top, #fff, #d3f0ff);
  background-image: -o-linear-gradient(top, #fff, #d3f0ff);
  background-image: linear-gradient(top, #fff, #d3f0ff);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-left:0;
  padding-left:0; text-align:left;right:-47px; width:200px!important;
}
.org ul.pro li{line-height:16px; padding:0px 5px!important;}
.org ul.pro :before, .org ul.pro :after, .org.pro  li:first-child:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
 left: 85px;
  border: 7px outset transparent;
}

.org ul.pro :before {
  border-top: 0px solid #555;
  bottom: -14px;
}
.org li:first-child:after {
  border-top: 7px solid #fff;
  bottom: -25px;
}
.org ul.pro :after {
  border-top: 7px solid #e3f6ff;
  bottom: -12px;
}
.org li {
  padding: 0 12px;
  font-size: 11px;
  color: #838ca2;
  text-shadow: 0 1px #fff;
  list-style:none;
}
.org li.sep {
  border-top: 1px solid #b4bbce;
  padding-top: 4px;
  margin-top: 4px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
}
.org li a {
  display: block;
  position: relative;
  margin: 0 -25px;
  padding: 0 20px 0 12px;
  color: #313a4f;
  border: 1px solid transparent;
}
.org li{ color: #313a4f;}
.org li a:hover {
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  border-color: #5a70b0 #495d98 #42558a;
  background-color: #5a70b0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7688bd), color-stop(100%, #4e64a3));
  background-image: -webkit-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -moz-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -ms-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -o-linear-gradient(top, #7688bd, #4e64a3);
  background-image: linear-gradient(top, #7688bd, #4e64a3);
}
.org li a:hover:after {
  display: block;
}
.org li a:after {
  display: none;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -4px;
  border: 4px solid transparent;
  border-left-color: #9facd1;
  border-left-color: rgba(255, 255, 255, 0.4);
}
.org li img{width:54px; height:54px; padding:2px; margin-top:4px; border:1px solid #ccc; background:#fff; margin-top:2px; margin-bottom:2px;}



.anylinkcss{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	-moz-border-radius:4px;border-radius:4px;
	border:1px solid #1c1c1c;
	border-top:1px solid #444444;
	background-color:#505050;
	color:#e3e3e3;
	text-align:left;
	padding:10px;
	-moz-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.5),inset 0 1px 0px #727272;
	-webkit-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.5),inset 0 1px 0px #727272;
	box-shadow:0px 2px 4px rgba(0, 0, 0, 0.5),inset 0 1px 0px #727272;
	/* font-family: Arial,verdana, sans-serif; */
	z-index:320;	
	font-size:11px;
	line-height:1.5;
	width:150px;
}
* html .anylinkcss{width:150px;}
.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
text-indent: 5px;
color:#e2e2e2;
font-size:11px;
}

.anylinkcss a:hover{
background: black;
color: white;
}


/*  Lite Style */

form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0; vertical-align:top!important;}

#li_logon_bar {background-color:#F2F2F2; color: #222222; padding: 0 10px;  border-bottom: 4px solid #FFFFFF;}
#li_logon_bar .li_emp_welcome strong a {  border-bottom: 2px dotted #888888;  color: #222; text-decoration: none;}
#li_logon_bar .li_emp_welcome strong a:hover{border-bottom:none; color:#777;}
#li_logon_bar td{font-size:11px}



/* Inside table button end*/

.li_login_emp{text-align:right; padding-right:5px}
.li_color_red{color:red;}

#topTabs a.li_Home{background-image: url("../images/client/tenant-lite/gray/li_myHR.gif");  background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px; margin-right:10px; display:block; float:left;}
#topTabs a.li_Home_active{background-image: url("../images/client/tenant-lite/gray/li_My_HR_on.gif");  background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px; margin-right:10px; display:block; float:left;}
#topTabs a.li_Home:hover{background-image: url("../images/client/tenant-lite/gray/li_My_HR_on.gif"); }

#topTabs a.li_MyProfile{background-image: url("../images/client/tenant-lite/gray/li_My_Profile.gif");  background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px;  margin-right:10px; display:block; float:left;}
#topTabs a.li_MyProfile:hover{background-image: url("../images/client/tenant-lite/gray/li_My_Profile_on.gif");}
#topTabs a.li_MyProfile_active{background-image: url("../images/client/tenant-lite/gray/li_My_Profile_on.gif");background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px;  margin-right:10px; display:block; float:left;}


#topTabs a.li_MyTeam{background-image: url("../images/client/tenant-lite/gray/li_Manager.gif");  background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px; display:block; float:left; margin-right:10px;}
#topTabs a.li_MyTeam:hover{background-image: url("../images/client/tenant-lite/gray/li_Manager_on.gif");}
#topTabs a.li_MyTeam_active{background-image: url("../images/client/tenant-lite/gray/li_Manager_on.gif");background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px; display:block; float:left; margin-right:10px;}

#topTabs a.li_Report{background-image: url("../images/client/tenant-lite/gray/li_Reports.gif");  background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; float:left; margin-right:10px;}
#topTabs a.li_Report:hover{background-image: url("../images/client/tenant-lite/gray/li_Reports_on.gif");}
#topTabs a.li_Report_active{background-image: url("../images/client/tenant-lite/gray/li_Reports_on.gif");  background-position: right top;  background-repeat: no-repeat;  display: block;  float: left;  height: 50px;  margin-right: 10px;  width: 70px;}

#topTabs a.li_Settings{background-image: url("../images/client/tenant-lite/gray/li_Settings.gif");  background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; float:left; margin-right:10px;}
#topTabs a.li_Settings:hover{background-image: url("../images/client/tenant-lite/gray/li_Settings_on.gif");}
#topTabs a.li_Settings_active{background-image: url("../images/client/tenant-lite/gray/li_Settings_on.gif");  background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; float:left; margin-right:10px;}

#topTabs a.li_SettingsEmp{background-image: url("../images/client/tenant-lite/gray/li_Settings.gif");  background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; float:left; margin-right:10px;}
#topTabs a.li_SettingsEmp:hover{background-image: url("../images/client/tenant-lite/gray/li_Settings_on.gif");}
#topTabs a.li_SettingsEmp_active{background-image: url("../images/client/tenant-lite/gray/li_Settings_on.gif");  background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; float:left; margin-right:10px;}

#topTabs a.li_SetupTrial{background-image: url("../images/client/tenant-lite/gray/li_SetupTrial.gif");  background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; float:left; margin-right:10px;}
#topTabs a.li_SetupTrial:hover{background-image: url("../images/client/tenant-lite/gray/li_SetupTrial_on.gif");}
#topTabs a.li_SetupTrial_active{background-image: url("../images/client/tenant-lite/gray/li_SetupTrial_on.gif");  background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; float:left; margin-right:10px;}

#topTabs a.li_Help{background-image: url("../images/client/tenant-lite/gray/li_Help.gif");  background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; float:left; margin-right:10px;}
#topTabs a.li_Help_on:hover{background-image: url("../images/client/tenant-lite/gray/li_Help_on.gif");}
#topTabs a.li_Help_on_active{background-image: url("../images/client/tenant-lite/gray/li_Help_on.gif");  background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; float:left; margin-right:10px;}

#topTabs a.li_PaymentSystem{background-image: url("../images/client/tenant-lite/gray/li_SetupTrial.gif");  background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; float:left; margin-right:10px;}
#topTabs a.li_PaymentSystem:hover{background-image: url("../images/client/tenant-lite/gray/li_SetupTrial_on.gif");}
#topTabs a.li_PaymentSystem_active{background-image: url("../images/client/tenant-lite/gray/li_SetupTrial_on.gif");  background-position: right top;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; float:left; margin-right:10px;}


#topTabs{margin-bottom:20px;}
* html #topTabs{padding-bottom:15px;}

#li_tabmenu { border-bottom: 2px solid #4bafea; color: #222; clear: both;  float: left;  margin: 5px 0 0 15px;  padding: 0; width:74%;}
#li_tabmenu li { display: inline; overflow: hidden; list-style-type: none; margin-right:5px; }
#li_tabmenu a { color: #333; background: #FFF; float: left;   padding: 5px;  text-decoration: none;}
#li_tabmenu a span.active {    background: none repeat scroll 0 0 #E1E1E1; font-size: 11px;font-weight: bold;padding: 5px 8px; }
#li_tabmenu a:hover {	color: #222; background: #E1E1E1; }
#li_tabmenu a.active:hover {background: #E1E1E1;color: #222; }



* html {padding-right:5px;}
 td{vertical-align:top; font-size:14px; line-height:25px;}
{ padding:3px 10px 10px; background:#fff; position: inherit;}
#myProfileView1, #currentAddressView1, #currentAddressView2, #myProfileView2, #myProfileView3, #myProfileView4{/*font-size:16px;  padding:5px; */line-height:16px; color:#333;/*font-family:'Open Sans', Arial, Helvetica, sans-serif;*/}


/* Border Bottom Style*/
 td .li_tr_profile_bb tdimg.li_emp_profile_photo{ padding:0 10px 10px; border:2px solid #d0e679;}
 td .li_tr_profile_bb td{border-bottom:1px solid #f3f3f3;}
 tr.li_tr_profile_bb td{border-bottom:1px solid #f3f3f3;}
 td .li_tr_profile_bb td.li_pro_img{border-bottom:none !important ; vertical-align:top;}
 .li_profile_h2{color:#031b2e; font-size:16px;}
 .li_header_table{padding-bottom:10px}
* html  .li_header_table{margin-bottom:10px}
.li_lite_gray{color:#777;}



img.li_emp_profile_photo{border:3px solid #ddd; margin-right:5px;border-radius:50%;}

 .li_common_header{  padding: 15px 0 15px 35px; font-weight:bold; border-top: 1px solid #f3f3f3; margin:5px 0 0 0; font-size:15px; color:#333; border-bottom:1px solid #d0d7e0;}
 .ll_bb{border-bottom: 1px solid #f3f3f3;}
.li_common_header{padding: 10px 0 10px 35px; font-weight:bold; border-top: 1px solid #f3f3f3; margin:5px 0 0 0; font-size:15px; color:#333;}
.ll_bb{border-bottom: 1px solid #f3f3f3;}
.li_Employment_Details{background:transparent url("../images/client/tenant-lite/li_employee_details.png") no-repeat 0 50%;}
.li_Personal_Details{background:transparent url("../images/client/tenant-lite/li_personal_details.png") no-repeat 0 50%;}
.li_hobbies{background:transparent url("../images/client/tenant-lite/li_hobbies.png") no-repeat 0 50%;}
.li_goalsheet{background:transparent url("../images/client/tenant-lite/li_goalsheet.png") no-repeat 0 50%; margin-bottom:10px;}
.li_emp_appraisal{background:transparent url("../images/client/tenant-lite/li_emp_appraisal.gif") no-repeat 0 50%; margin-bottom:10px;}
.li_emp_feedback{background:transparent url('../images/client/tenant-lite/li_360_feedback.png') no-repeat 0 50%;}
.li_emp_jobhistory{background:transparent url("../images/client/tenant-lite/li_emp_jobhistory.gif") no-repeat 0 50%; margin-bottom:10px;}
.li_emp_salary{background:transparent url("../images/client/tenant-lite/li_emp_salary.png") no-repeat 0 50%; margin-bottom:10px;}
.li_language{background:transparent url("../images/client/tenant-lite/li_language.png") no-repeat 0 50%;}
.li_emp_travel{background:transparent url("../images/client/tenant-lite/li_emp_travel.gif") no-repeat 0 50%;}
.li_emp_transfer{background:transparent url("../images/client/tenant-lite/li_emp_transfer.gif") no-repeat 0 50%;}
.li_emp_per_data_update{background:transparent url("../images/client/tenant-lite/li_emp_per_data_update.gif") no-repeat 0 50%;}
.li_discipline{background:transparent url("../images/client/tenant-lite/li_discipline.png") no-repeat 0 50%;}
.li_skill_sheet{background:transparent url("../images/client/tenant-lite/li_skill_sheet.png") no-repeat 0 50%;}
.li_rewards{background:transparent url("../images/client/tenant-lite/li_rewards.png") no-repeat 0 50%;}
.li_emp_variablePay{background:transparent url("../images/client/tenant-lite/li_rewards.png") no-repeat 0 50%;}
.li_traning_cal{background:transparent url("../images/client/tenant-lite/li_traning_cal.png") no-repeat 0 50%;}
.li_note{background:transparent url("../images/client/tenant-lite/li_note.png") no-repeat 0 50%;}
.li_rating{background:transparent url("../images/client/tenant-lite/li_self_rating.png") no-repeat 0 50%;}
.li_disciplinary{background:transparent url("../images/client/tenant-lite/li_disciplinary.png") no-repeat 0 50%;}
.li_exit{background:transparent url("../images/client/tenant-lite/exit.png") no-repeat 0 50%;}
 .li_common_header td{font-weight: bold; vertical-align: middle;}

.li_Current_Contact_Details{background:transparent url("../images/client/tenant-lite/li_current_contact_details.png") no-repeat 0 50%;}
.li_Permanent_Address{background:transparent url("../images/client/tenant-lite/li_parmanent_contact_details.png") no-repeat 0 50%;}
.li_Qualification_Education_Details{background:transparent url("../images/client/tenant-lite/li_qualification_and_education_details.png") no-repeat 0 50%;}
.li_Experience{background:transparent url("../images/client/tenant-lite/li_Experience.png") no-repeat 0 50%;}
.li_Attendance{background:transparent url("../images/client/tenant-lite/li_attendance_setting.png") no-repeat 0 50%;}
.li_Reporting_Structure{background:transparent url("../images/client/tenant-lite/li_report_structure.png") no-repeat 0 50%;}
.li_Documents_and_ID{background:transparent url("../images/client/tenant-lite/li_Documents_and_ID.png") no-repeat 0 50%;}
.li_Publications_Paper_Presentations_and_Events{background:transparent url("../images/client/tenant-lite/li_Publications_Paper_Presentations_and_Events.png") no-repeat 0 50%;}
.li_employee_relationships{background:transparent url("../images/client/tenant-lite/li-training-need-identification.png") no-repeat 0 50%;}
.li_in_case_of_emergency{background:transparent url("../images/client/tenant-lite/li_case_of_emergancy.png") no-repeat 0 50%;}

.li_down{background:transparent url("../images/client/tenant-lite/li_round_open.png") no-repeat 98% 50%;}
.li_up{background:transparent url("../images/client/tenant-lite/li_round_close.png") no-repeat 98% 50%;}



.li_bdr_colp{border-collapse:collapse;}
.li_border_left{border-left: 1px solid #f3f3f3; padding-left:10px;}
.li_td_bd_left{border-left: 1px solid #f3f3f3;}
.li_table_reset{border-collapse:collapse; padding:0; margin:10px 0; }
* html .li_table_reset{border-collapse:collapse; padding:0; margin:5px 0; }
.li_table_style td label{float:right; padding-right:10px; color:#777777; height: 24px;}
.li_table_style{margin:12px 0px 12px 0px; float:left; clear:both;  text-align: left; font-size:12px;}
.li_table_style td , .li_table_style th { padding:6px 0px!important;}
.li_button_position{padding-top:45px; text-align:right}
.li_border_top{border-top: 1px solid #f3f3f3; vertical-align:top; margin:3px 0; padding:3px 0;}
.li_td_padding{padding:12px 0px 0px 12px;}
* html .li_td_padding{padding:12px 0px 0px 12px;}
.li_td_padd_r{padding:5px;}
* html .li_td_padd_r{padding:0 0 5px 5px;}
.li_item_float_right{text-align:right; margin:5px 0 0;}
.li_td_padd_top_bot{padding:5px 0;}
 td .li_tr_profile_bt td{border-bottom:1px solid #f3f3f3;}
 tr.li_tr_profile_bt:last-child td{border-bottom:none !important;}
.li_gray_head{background:#f5f5f5; font-weight:bold; padding:5px 13px; font-size:12px; height:15px; line-height:15px;}
 .li_gray_head_bt td{background:#f5f5f5; font-weight:bold; padding: 2px 8px; font-size:12px; vertical-align: middle;}
.li_reporting_td_padd {padding: 5px 0 10px;}
* html .li_reporting_td_padd {padding: 5px;}

#menuItems{vertical-align:top; width:250px;}
.sidemenu { vertical-align:top; margin-top:0;}
.li_master_table{margin:0 8px;}
.li_table_width{width:100%;}
* html .li_table_width{width:97%; }

#modalPage .li_close_model{height: 27px; position: absolute;  right: -10px;  top: -15px; width: 27px; z-index:99;}
#modalPage .li_close_model a{background:transparent url("../images/client/tenant-lite/li_black_cross.png") no-repeat 0 0;  border: medium none;   color: transparent;  display: block;  height: 30px;  width: 30px;}

#modalPageLevel2 .li_close_model{height: 27px; position: absolute;  right: -10px;  top: -15px; width: 27px;}
#modalPageLevel2 .li_close_model a{background:transparent url("../images/client/tenant-lite/li_black_cross.png") no-repeat 0 0;  border: medium none;   color: transparent;  display: block;  height: 30px;  width: 30px;}

#toggleID { cursor:pointer; position:absolute; right:0; top:-3px;}
* html #toggleID { cursor:pointer; position:absolute; right:0; }
.loading{ background-color: #FCE779; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-size: 13px;    font-weight: bold; margin:0 auto; padding: 4px 10px 6px; position: absolute; left:45%; top: 0; width:70px;}
.hideLoader{display:none;}	
.trigger{padding-top: 3px; text-align: right; vertical-align: top; width:0;}
.open{width:200px; vertical-align:top;}
.close{display:none;}
.li_td_width{width:40px;}
.li_td_width_reset{width:5px;}
.li_pos_rel{position:relative;}

.li_border_on{border-collapse:collapse;}
.li_border_on td, .li_border_on th{border:1px solid black; padding:3px;}
.li_all_pending_status{background:transparent url("../images/client/tenant-lite/li_all_pending_status.png") no-repeat 5px center; border-bottom: 1px solid #f3f3f3;  font-size: 13px;  font-weight: bold;  height: 30px;  line-height: 35px;  margin-bottom: 0;  padding-left: 30px;}
.li_td_header{padding:3px 0; border-bottom: 1px solid #f3f3f3; font-weight: bold;}

.li_content_box{padding:5px; width:400px;}
.li_emp_details_popup_header{background:transparent url("../images/client/tenant-lite/li_employee_details.png") no-repeat 0 50%; border-bottom: 1px solid #f3f3f3; padding:5px 0 0 30px; height:30px; line-height:30px; margin-bottom:10px; font-weight:bold;}
.li_emp_common_popup_header{border-bottom: 1px solid #e0e7ef; padding:0 0 0 30px; height:25px; line-height:25px; margin-bottom:10px; font-weight:bold; font-size:14px; background:#e8f0f8;}
 .li_emp_common_popup_header td {  color: #333333;   font-size: 14px;  font-weight: normal; padding: 0 5px; vertical-align: baseline;}
 .li_emp_details_popup_header td{  color: #333333;   font-size: 14px;  font-weight: bold; padding: 0 5px; vertical-align: baseline;}
 .li_orange_box{background:transparent url("../images/client/tenant-lite/gray/li_non_current_state_approval.png") repeat-x 0 100%;  border-color: #eaeaea; -moz-use-text-color; border-radius: 5px 5px 5px 5px; border-style: solid none; border-width: 1px medium; color: #111111; cursor: pointer; font-size: 0; font-weight: bold; height: 3px; line-height: 3px; margin-left: -45px; margin-top: 20px; padding: 1px; width: auto;}
 .li_purple_box{background:transparent url("../images/client/tenant-lite/gray/li_current_state_approval.png") repeat-x 0 100%;   border: 1px solid #eaeaea; border-radius: 8px 8px 8px 8px; color: #111111; cursor: pointer; font-size: 0; font-weight: bold; height: 7px; line-height: 7px; margin-left: -43px; margin-top: 17px; padding: 2px; width: auto;}

.li_orange_box{background:transparent url("../images/client/tenant-lite/gray/li_non_current_state_approval.png") repeat-x 0 100%;  border-color: #eaeaea; -moz-use-text-color; border-radius: 5px 5px 5px 5px; border-style: solid none; border-width: 1px medium; color: #111111; cursor: pointer; font-size: 0; font-weight: bold; height: 3px; line-height: 3px; margin-left: -45px; margin-top: 20px; padding: 1px; width: auto;}
.li_purple_box{background:transparent url("../images/client/tenant-lite/gray/li_current_state_approval.png") repeat-x 0 100%;   border: 1px solid #eaeaea; border-radius: 8px 8px 8px 8px; color: #111111; cursor: pointer; font-size: 0; font-weight: bold; height: 7px; line-height: 7px; margin-left: -43px; margin-top: 17px; padding: 2px; width: auto;}

.li_popupHead{border-bottom: 1px solid #f3f3f3; padding:5px 0 5px 25px; height:20px; line-height:20px; font-size:14px; font-weight:bold; margin-bottom:10px;}
.li_popupHead2,.modal-header{margin-left:0; padding: 10px 0 10px 10px; color: #333333; font-size:14px; font-weight:normal; text-decoration:none; display:block; outline:0; outline:none; background-color: #e8f0f8;border-bottom:1px solid #e0e7ef; text-transform:none; font-weight:bold;}

* html  .li_orange_box{width:auto; border-bottom:1px solid #eaeaea; position:relative; margin-top:20px;  margin-left: -65px;}
* html  .li_purple_box{width:auto; margin-left:-45px; position:relative; margin-top:18px;}
* html .li_orange_box{width:auto; border-bottom:1px solid #eaeaea; position:relative; margin-top:20px;  margin-left: -65px;}
* html .li_purple_box{width:auto; margin-left:-45px; position:relative; margin-top:18px;}

 .li_orange_box small,  .li_purple_box small{color: rgba(0, 0, 0, 0.6);  font-size: 9px; font-weight: bold; text-transform: none;}
 .li_orange_box img,  .li_purple_box img { float: left;  height: 32px;  margin-right: 8px;  width: 32px;}
.li_orange_box small, .li_purple_box small{color: rgba(0, 0, 0, 0.6);  font-size: 9px; font-weight: bold; text-transform: none;}
.li_orange_box img, .li_purple_box img { float: left;  height: 32px;  margin-right: 8px;  width: 32px;}
.li_approval_steps {text-align:center; padding:5px; font-weight:bold;}



 td  table.li_form_display{margin-top:10px; border-collapse:collapse;}
 td  table.li_form_display td{padding:3px 3px 3px 10px; color:#333}
.li_form_display td{padding:3px 3px 3px 10px; color:#333}
 td  table.li_form_display td label{color:#555}
* html  td  table.li_form_display{width:650px;}
 td table.li_form_display td input, td table.li_form_display td file,  td table.li_form_display td select,  td table.li_form_display td textarea{border:1px solid #ccc;  border-radius:3px;  font-size:12px;  padding:3px; color:#666;}
 td table.li_form_display td input:focus,  td table.li_form_display td select:focus,  td table.li_form_display td textarea:focus { outline:none; border-color:#ccc; box-shadow:0 0 5px #f3f3f3;}

* html  td table.li_form_display td input,  td table.li_form_display td select,file{height:25px; line-height:15px;}

/*input, select{ font-family:arial,verdana; border:1px solid #ccc;  font-size:12px;  padding:2px; color:#666;}*/
 td input:focus, select:focus, textarea:focus{ outline:none; border-color:#ccc; box-shadow:0 0 5px #F3F3F3;}
 .reset, .reset{padding:0; margin:0;}
* html .li_width_for_ie{padding-left:15px;}
* html .li_box_pos_for_ie{position:relative; top:-25px; z-index:999;}

/* workflow style */

 .crumbs {  display: block; overflow: hidden;}
 .crumbs1{overflow: hidden; position:relative; *margin-left:20px;}

.crumbs li {  display: inline; }
.crumbs li a, .crumbs li a:link, .crumbs li a:visited { color: #666; display: block; float: left; font-size: 12px; margin-left: -25px; padding: 7px 30px 11px 35px; position: relative; text-decoration: none;}
.crumbs1 a { color: #666; display: block; font-size: 12px; margin-left: -25px; padding: 7px 30px 11px 35px; position: relative; text-decoration: none; }
.crumbs1 a.selected, .crumbs li a.selected { background-image: url("../images/client/tenant-lite/gray/li_current_state_approval.png"); background-position: 100% 0; background-repeat: no-repeat; height: 35px; position: relative; width: auto; color: #111111; cursor: pointer; font-size: 11px; height:55px; font-weight: bold;}
.crumbs1 a.unselected, .crumbs li a.unselected { background-image: url('../images/client/tenant-lite/gray/li_non_current_state_approval.png');  background-repeat: no-repeat; background-position: 100% 0; position: relative;  height:35px; width: auto; color: #111111; cursor: pointer; font-size: 11px; height:55px; font-weight: bold;}
.crumbs1 a.li_approval_process, .crumbs li a.li_approval_process { background-image: url('../images/client/tenant-lite/li_approval_process.png');  background-repeat: no-repeat; background-position: 100% 0; position: relative;  height:35px; width: 50px; color: #111111; cursor: pointer; font-size: 11px; height:55px; font-weight: bold;}
.li_approval_process{ background-image: url('../images/client/tenant-lite/li_approval_process.png');  background-repeat: no-repeat; background-position: 100% 0; position: relative;  height:35px; width: 50px; color: #111111; cursor: pointer; font-size: 11px; height:55px; font-weight: bold;}
* html .crumbs li a.li_approval_process{width:90px;}
.crumbs1, .crumbs li a:hover { color: #333; cursor: pointer; }
.crumbs li a small{color: rgba(0, 0, 0, 0.6);  font-size: 9px; font-weight: bold; text-transform: none;}
.crumbs li a img { float: left;  height: 32px;  margin-right: 8px;  width: 32px;}

* html  .crumbs{display: block; overflow: hidden; position:relative;}
* html  .crumbs1 .li_by_width{width: 80px; font-size:10px;}



 div#li_emp_photo {position:relative;}



 .li_hide_global_button {visibility:visible;}

 .li_show_global_button {visibility:visible;}

 td .li_request_option{color: #222222; padding: 5px 0 14px; list-style:none;}
 td .li_request_option a{text-decoration:none; padding:5px 13px; color: #333; font-size:12px; margin:2px 5px;}
 td .li_request_option a:hover{background-color:#E1E1E1;}
 td .li_request_option a.selected{background-color: #4bafea; color:#fff;}
 td tr.li_period_msg td{background:#eceff4; color: #333; border-top:1px solid #cfdbec; border-bottom:1px solid #cfdbec; font-size:14px; padding: 4px 5px; vertical-align: middle;}




input[type="checkbox"], input[type="radio"]{background: transparent;border: 0;}

 td tr.li_period_msg td label {text-align:center;cursor:pointer;}

 td tr.li_period_msg td label input[type="radio"].li_radio, td tr.li_period_msg td label input.li_radio {border: medium none; left: 20px; position: relative; top: 3px;   visibility: hidden; }

 td tr.li_period_msg td label.active { border: 1px solid #3B9FDA; color: #3B9FDA;}

 .greenHeader{background:#fff; border-bottom: 1px solid #f3f3f3;  font-size: 15px;  padding:7px 10px; position:relative; top:-5px; left:-15px; width:100%; margin-bottom:10px; color:#333;}
* html  .greenHeader{width:98%; z-index:0;}
 .li_gh_width1{width:100%}
 .li_gh_width2{width:100%}
 .li_gh_width_three{width:100%}
* html  .li_gh_width_three{width:96%; display:block;}
* html  .li_gh_width1{width:101%}
* html  .li_gh_width2{width:102%}
 /* .li_bottom_border{border-bottom:4px solid #4bafea; padding:0; font-size:0; position:relative; top:-3px;}*/
 .li_leave_menu li label{ cursor: pointer;}
 .li_leave_menu li.unselected a{font-weight:normal;}
 .li_leave_menu li label input{position:absolute; z-index:-999;}
* html  .li_leave_menu li label input{position:absolute; z-index:0; top:-999; left:-999; visibility:visible;}

 .li_leave_menu_box li label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
 td div.li_leaveTypeChecked{background:#E1E1E1; font-weight:bold; padding:5px 10px; font-size:12px; color:#555; width:auto; float:left; margin: 0 10px 10px 0; height:53px;} 
 td div.li_leaveTypeChecked input,td div.li_leaveTypeUnChecked input {position:relative; top:2px;}
* html  td div.li_leaveTypeChecked input,* html  td div.li_leaveTypeUnChecked input {border:none !important;}
 td div.li_leaveTypeUnChecked{color: #222222; background:#f2f2f2; font-weight:bold; padding:5px 10px; font-size:12px; color:#555; width:auto; float:left; margin: 0 10px 10px 0; height:53px; width:140px;} 
 td div.li_leaveTypeUnChecked input{position:relative; top:2px;}
* html  td div.li_leaveTypeUnChecked{height:80px;}
 td div.li_leaveTypeChecked span.li_baseValue,  td div.li_leaveTypeUnChecked span.li_baseValue{ background-color: #e8f7ff; font-size: 14px; left: -1px;  padding: 2px 3px;  position: relative; top: 3px;}
 td div.li_leaveTypeChecked span.li_supValue,  td div.li_leaveTypeUnChecked span.li_supValue{background-color:#4BAFEA; color: #FFFFFF; font-size: 10px; left: -5px; padding: 3px; position: relative;  top: -10px;}
 .li_seperate{clear:both; margin-bottom:10px;}

 .li_leave_table_one{border-collapse:collapse; border:1px solid #ddd; border-top:3px solid #1c64a1 !important ;margin-top:0px;margin-bottom: 10px !important;}
 .li_leave_table_one td{padding:5px;}
 .li_leave_table_one th{padding:5px; background-color:#fff; color:#333;  text-align:left; font-family: open sans,arial!important;
    font-size: 13px!important;
    font-weight: 600;}
 .li_leave_table_one tr.bb td, .li_leave_table_one tr.bb th{ border-bottom: 0px solid #1c64a1!important;}
 #expenseRequestForm_notes table{margin:0px!important;}
 #expenseRequestFormL1 h3{font-size:14px!important; font-weight:600!important;}
.li_leave_table_one .btn-edit{ background:#fff; font-size:12px; color:#60b229; border-radius:2px; padding:2px; border:1px solid  #51A618}
.li_leave_table_one .btn-edit:hover{ background:#60b229; font-size:12px; color:#fff; border-radius:2px; padding:2px; border:1px solid  #51A618}
.li_leave_table_one .btn-delete{ background:#fff; font-size:12px; color:#333; border-radius:2px; padding:2px;border:1px solid  #333}
.li_leave_table_one .btn-delete:hover{ background:#333; font-size:12px; color:#fff; border-radius:2px; padding:2px;border:1px solid  #333}

 td.li_td_bb{ border-bottom: 0px solid #f3f3f3;}
.add-new{background: #eee none repeat scroll 0% 0%; text-align: right; padding:5px 0px!important;}
/* Color Ful Indicator*/
span.li_pending{background:#ff5c5d; color:#fff; padding: 3px 5px; margin-left:5px; font-size:11px; display:inline-block; *display:inline; zoom:1; margin:1px 2px; border-radius:2px;}
span.li_halfday{background:#B1B1B1; color:#fff; padding: 3px 5px; margin-left:5px;  font-size:11px; display:inline-block; *display:inline; zoom:1; margin:1px 2px; border-radius:2px;}
span.li_fullday{background:#f9d423; color:#fff; padding: 3px 5px; margin-left:5px;  font-size:11px; display:inline-block; *display:inline; zoom:1; margin:1px 2px; border-radius:2px;}
.li_selected_emp{background:#B1B1B1; color:#fff; padding: 3px 5px; margin-left:5px;  font-size:11px; display:inline-block; *display:inline; zoom:1; margin:1px 2px;}
.li_color_code{background:#b192d6; color:#fff; padding: 3px 5px; margin-left:5px;  font-size:11px; }
 span.li_red{background:#ff5c5d; color:#fff; display: block;  font-size: 11px;  margin-left: 5px;  padding: 2px 5px;  text-align: center; width: 60px; }
 span.li_purple{background:#b192d6; color:#fff; display: block;   font-size: 11px;  margin-left: 5px;  padding: 2px 5px;  text-align: center; width:60px; }
 span.li_orange{background:#f9d423; color:#fff; display: block;   font-size: 11px;  margin-left: 5px;  padding: 2px 5px;  text-align: center; width: 60px; }

 /*.li_leave_table_three{border-collapse:collapse; margin-top:15px;}
 .li_leave_table_three td{padding:5px; font-size:11px; line-height:16px;}
 .li_leave_table_three th{padding:5px; background-color:#f2f2f2; border:1px solid #E1E1E1; color:#555; font-size:11px; text-align:left;}
 .li_leave_table_three tr.bb td{ border-bottom: 1px solid #d0dced;}
 
 .li_leave_table_three td label input{position:relative; top:3px;}*/

.li_leave_table_three{border-collapse:collapse; /*margin-top:15px;*/}
.li_leave_table_three td{padding:5px; font-size:11px;}
.li_leave_table_three th{padding:5px; background-color:#f2f2f2; border:1px solid #E1E1E1; color:#555; font-size:11px; text-align:left;}
.li_leave_table_three tr.bb td{ border-bottom: 1px solid #d0dced;}
.li_leave_table_three td label input{position:relative; top:3px;}
.li_leave_table_three tr.cc td{border-bottom: 0px !important;}


 tr.li_common_bb td{ border-bottom: 1px solid #f3f3f3; background:#fff;}
 tr.li_common_bb_head td{ background: none repeat scroll 0 0 #F8F8F8;  border-bottom: medium none; color: #555555; font-weight: bold;}
 tr.li_common_bb td tr td{border-bottom:none;}

 .li_leave_table_one td.li_date{color: #222222;}
 .li_leave_table_one td.li_leave_for{border-left:1px solid #E1E1E1;}
#expenseRequestForm_tb1 .personalprofile{padding:0px!important}
 .li_leave_table_two{border-collapse:collapse; margin-top:15px;}
 .li_leave_table_two td, .li_leave_table_two th{padding:5px; border:1px solid #E1E1E1; }
 .li_leave_table_two th{background-color: #f2f2f2; text-align:left;}

.li_leave_table_two{border-collapse:collapse; margin-top:15px;}
.li_leave_table_two td,.li_leave_table_two th{padding:5px; border:1px solid #E1E1E1; }
.li_leave_table_two th{background-color: #f2f2f2; text-align:left;}

  td .li_inline_button{text-align:right; padding-right:4px; padding-top:2px}
  td .li_inline_button{text-align:right; padding:4px 4px 3px 0;  }

 .li_myAttendance{border-collapse:collapse; border:1px solid #E1E1E1; }
 .li_myAttendance td{padding:7px; color:#555; font-weight:bold; background:#fcfcfc;}
 .li_role_name{color: #222222; padding:5px;}
 .li_weekDays{background:#fcfcfc; padding:7px; font-size:14px; color:#555; font-weight:bold; text-align:center;}
 .li_weekDays a{color: #222222; text-decoration:none;}
 .li_day_box{border:1px solid #E1E1E1; padding:5px; color:#555; margin-right:5px;}
 .li_day_box .li_Datetime{color: #222222; font-weight:bold;}
 .li_info{background:transparent url("../images/client/tenant-lite/li_info.gif") no-repeat 0 center;   font-style: italic;  font-weight: bold;  height: 25px;  line-height: 25px;  margin: 2px 5px;  padding: 0 0 0 30px; color:#ff9500;}
.li_plan{background:transparent url("../images/client/tenant-lite/li_plan.png") no-repeat 0 center;   margin: 2px 5px;  padding: 0 0 0 30px; }
 .li_setup{background:transparent url("../images/client/tenant-lite/li_Masters_Setting.png") no-repeat 0 center;}
.li_setup{background:transparent url("../images/client/tenant-lite/li_Masters_Setting.png") no-repeat 0 center;}

 .li_popup_header{ color: #444; border-bottom: 1px solid #f3f3f3; display: block; font-size: 13px; font-weight: bold; height: 26px; line-height:26px; }
.li_popup_header{ color: #444; border-bottom: 1px solid #f3f3f3; display: block; font-size: 13px; font-weight: bold; height: 26px; line-height:26px; }

 .li_option {	margin: 0;	padding: 0;	z-index: 30;}
 .li_option li{	margin: 0;	padding: 0;	list-style: none;	float: left; font: bold 11px arial; position:absolute;}
.li_option {	margin: 0;	padding: 0;	z-index: 30;}
.li_option li{	margin: 0;	padding: 0;	list-style: none;	float: left; font: bold 11px arial; position:relative;}

 .li_option div { position: absolute; visibility: hidden;	padding: 5px 0; width:160px; top:30px; z-index:999; right:0px; color:#666; border-top: 6px solid transparent; border-right:none; background:#fff; border: 1px solid #3399CC;}

.li_option div a { color: #999999; font-weight:normal; font-size: 12px; line-height: 22px; padding: 3px 10px; width: 87%; display:block; height:24px; border-bottom: 1px solid #F3F3F3;}
 .li_option div a:hover{ color: #3399cc;}
.li_option div a:last-child {border-bottom:none;}
.li_option div:before{width:0; height:0; content:""; position:absolute; border:10px solid transparent; border-bottom:10px solid #3399cc; top: -21px;
right: 8px;  }
.li_option div:after{width:0; height:0;  position:absolute; border:10px solid transparent; border-bottom:10px solid #fff; content:"";top: -20px;
right: 8px; }

 .li_option_bar{background:#f2f2f2;border-radius:5px; display:inline-block; *display:inline; zoom:1; margin-right:4px;padding-top:2px;}
 .li_emp_name{color: #222222; font-size:13px!important; line-height: 16px!important;}


 .li_form_display label{color:#333; display:block; text-align:right;}
 .li_button_pad_r{padding: 3px 25px; text-align: right;}
 li_vet_mid{vertical-align:middle; width:250px;}


 td table.li_form_display td tr.li_reset_td td, td.li_pad_top_non{padding-top:0px;}
 .li_form_label_right_two td.li_pad_top_non{padding-top:0px;}

 .li_common_menu_box{display:block; overflow:hidden; position:relative; margin:0 0 10px;  width:98%} 
* html  .li_common_menu_box{width:95%}
 .li_common_menu_box li{display:inline-block; margin:5px;  cursor: pointer; text-decoration:none; color:#555; font-weight:bold; background:#fff;}
* html  .li_common_menu_box li{display:inline; margin:5px;  cursor: pointer; text-decoration:none; color:#555; background:#f2f2f2;}
 .li_common_menu_box li label{ cursor: pointer; padding:5px 10px; display: block;}

 .li_common_menu_box li label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
 .li_common_menu_box li.selected{color:#fff; background:#4bafea; font-weight:bold;}
 .li_common_menu_box li.unselected{color:#777; background:#f2f2f2; font-weight:bold;  margin:5px;}


 .li_common_radio_form{overflow:hidden; position:relative; margin:0; padding:0;  width:98%} 
 .li_common_radio_form li{  background-color: #f2f2f2;  border-radius:10px; cursor: pointer; *display:inline; zoom:1; display: inline-block; font-weight: normal;  margin: 5px; text-decoration: none; color:#555555;}
* html  .li_common_radio_form li{*display:inline; zoom:1; margin:5px;  cursor: pointer; background-color: #999999;}
 .li_common_radio_form li label{ cursor: pointer;  display: inline-block; *display:inline; zoom:1; font-size: 11px; line-height: 18px;  padding: 2px 7px 2px 10px; height:18px;}
 td  table.li_form_label_right td .li_common_radio_form li label{ cursor: pointer;  display: inline-block; font-size: 11px; padding: 2px 7px; top:0 !important;}
 td  table.li_form_label_right td .li_common_radio_form li label{position: relative;  top: 2px;}
 .li_common_radio_form li label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
 .li_common_radio_form li.selected{ display:inline-block; *display:inline; zoom:1; background:#4bafea; color: #FFFFFF; font-weight:bold;}
 .li_common_radio_form li.selected label{color: #FFFFFF; font-weight:bold;}
 .li_common_radio_form li.unselected{ display:inline-block; *display:inline; zoom:1; background: none repeat scroll 0 0 #f2f2f2;  color: #555555;  border-radius:10px; cursor: pointer; display: inline-block; font-weight: normal;  margin: 5px; text-decoration: none;}
* html  .li_common_radio_form li.unselected{*display:inline; zoom:1; float:left;}
* html  .li_common_radio_form li.selected{*display:inline; zoom:1; float:left;}

 .li_form_list_item{display:block; margin: 5px 5px 0 0;}
 li_form_list_item ul{ margin:0px!important; padding:15px 0px;}
 .li_form_list_item li{padding:10px 0; list-style:none; border-bottom:1px dashed #1c64a1; font-size:14px;} 
 .li_form_list_item li a{color: #222222; font-weight:bold; padding:3px 5px; text-decoration:none;}
 .li_form_list_item li a.selected{color:#1c64a1!important; background:none!important; }
 .li_form_list_item li a.selected:hover{color:#333!important; }
 .li_form_list_item a:hover{}
 h3{ color: #222; font-size: 14px; margin-bottom: 10px;}
 h4{ color: #222; font-size: 12px; margin-bottom: 5px;}

  tr.li_form_table_head td{color:#555; font-weight:bold; padding:3px 5px 10px 5px;}
  tr.li_form_table_data td{padding:3px 5px}


 td  table.li_form_label_right{margin-top:10px;}
 td  table.li_form_label_right td{padding:3px; color:#555}
 td  table.li_form_label_right td label{ color: #333333; display: block; padding: 3px 0 0; text-align: right;  vertical-align: middle;}
* html  td  table.li_form_label_right{width:650px;}
 td table.li_form_label_right td input, td table.li_form_label_right td file,  td table.li_form_label_right td select,  td table.li_form_label_right td textarea{border:1px solid #ccc;  border-radius:3px;  font-size:12px;  padding:2px 4px; color:#666;}
 td table.li_form_label_right td select{width:160px;}
 td table.li_form_label_right td input:focus,  td table.li_form_label_right td select:focus,  td table.li_form_label_right td textarea:focus { outline:none; border-color:#ccc; box-shadow:0 0 10px #ccc;}

 .li_form_label_right_two td{padding:4px; line-height:16px; color:#555}
 .li_form_label_right_two td label{ color: #333333; display: block; text-align: right;  vertical-align: middle;}

/* header Style */
.li_header_lines{color: #333333; font-size: 14px; font-weight: normal; margin: 10px 0px 0; }/* background:transparent url("../images/client/tenant-lite/green-tick.png") no-repeat scroll 5px 5px;}*/
 td.li_header_lines_13{color:#333; font-weight:bold; padding-bottom:5px; font-size:13px}
.li_header_lines_green{color:#333; }
.li_header_lines_green b{color: #222; font-size: 16px;}

.li_select{background:transparent url("../images/client/tenant-lite/li_select.png") no-repeat 0 center;   padding: 0 0 0 24px; }
.li_assign{background:transparent url("../images/client/tenant-lite/li_assign.png") no-repeat 0 center;   padding: 0 0 0 24px; font-weight:bold; color:#111}
.li_non_assign{background:transparent url("../images/client/tenant-lite/li_non_assign.png") no-repeat 0 center;   padding: 0 0 0 24px; font-weight:bold;color:#111}

/* Expance Background*/
.li_expance{background:transparent url("../images/client/tenant-lite/li_expance.png") no-repeat 0 center;   padding: 0 0 0 24px;}

.li_assign_attr{display:block; margin-bottom:5px;}

 .li_checked_yes{background:transparent url("../images/client/tenant-lite/li_checkbox_yes.png") no-repeat 0 center;   padding: 0 0 0 24px; font-weight:bold; color:#333}
 .li_checked_no{background:transparent url("../images/client/tenant-lite/li_checkbox_no.png") no-repeat 0 center;   padding: 0 0 0 24px; color:#555}

 td .li_checked_yes input,  .li_checked_no input{border:none; position:absolute; top: -9999px; left: -9999px;}


 td table.li_form_label_right tr.li_steps td{padding-left:35px; color:#333 }
 td table.li_form_label_right tr.li_steps_data td{padding-left:45px;}
.li_color_indicate_yellow{background: none repeat scroll 0 0 #fbf78c;  color: #333;  margin-left: 5px;  padding: 3px 5px;}
.li_color_indicate_aqua{background: none repeat scroll 0 0 #b9f3f7;  color: #333;  margin-left: 5px;  padding: 3px 5px;}

 .li_advance_search{font-weight:bold; cursor:pointer;  /*display:inline-block; *display:inline;*/ zoom:1; margin-top: 10px; background:transparent url("../images/client/tenant-lite/li_search.png") no-repeat 0 center;   padding: 2px 0 2px 24px; text-decoration:none; color: #222222; font-size:11px; outline:none; outline:0 !important;}
/*.li_advance_search{font-weight:bold; cursor:pointer;  display:inline-block; *display:inline; zoom:1; margin-top: 10px; background:transparent url("../images/client/tenant-lite/li_search.png") no-repeat 0 center;   padding: 2px 0 2px 24px; text-decoration:none; color: #222222; font-size:11px; outline:none; outline:0 !important;}*/

/* Exance Travel Mode radio style */

 .li_mode_button{border-collapse:collapse;}
 .li_mode_button td{border:1px solid #E1E1E1; padding:2px 2px 3px;}
 .li_mode_button td label{float:none; cursor:pointer;  font-weight:bold; color: #222; padding: 3px 10px;}
 .li_mode_button td label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
 .li_mode_button td label.selected{background-color:#4bafea; color: #FFFFFF; padding: 3px 10px;}
 .li_mode_button td label.unselected{background-color: #fff; color: #222; padding: 3px 10px; font-weight:normal}


 .li_mode_button_bn{border-collapse:collapse;}
 .li_mode_button_bn td{padding:2px 2px 3px;}
 .li_mode_button_bn td label{float:none; cursor:pointer;  border:1px solid #E1E1E1; border-radius:5px; padding:3px 7px;}
 .li_mode_button_bn td label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
 .li_mode_button_bn td label.selected{background-color:#4bafea; color: #555; padding: 3px 7px;}
 .li_mode_button_bn td label.unselected{background-color: #fff; color: #222; padding: 3px 7px;}

/* Common Header Bar*/

 .li_common_header_bar{background-color:#E1E1E1; color: #222222;  /*height: 25px;  line-height: 25px;*/  margin-bottom: 10px;}
 .li_common_header_bar label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
 .li_common_header_bar label{padding:5px 10px;  cursor:pointer;}
 .li_common_header_bar label.selected{font-weight:bold; color: #222; padding:5px 10px}

 .li_common_header_bar_sub{color: #222222;  height: 25px;  line-height: 25px;  margin-bottom: 10px;}
 .li_common_header_bar_sub label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
 .li_common_header_bar_sub label{padding:5px 10px;  cursor:pointer;}
 .li_common_header_bar_sub label.selected{font-weight:bold; background:#1c64a1; color:#fff; margin: 0 5px; padding: 3px 8px; border-radius:4px;}
 .li_common_header_bar_sub label.unselected{color: #222222; padding:5px 10px;  cursor:pointer; font-weight:normal; margin: 0 5px; padding: 3px 8px;}

/* Bullet Color Indicator */

 .li_red_indicator{background:transparent url("../images/client/tenant-lite/li_red.png") no-repeat 0 center; width:24px; height:24px; padding: 10px;}
* html  .li_red_indicator, * html  .li_green_indicator, * html  .li_orange_indicator, * html  .li_blue_indicator{padding:0; margin:0; font-size:9px;}
 .li_green_indicator{background:transparent url("../images/client/tenant-lite/li_green.png") no-repeat 0 center; width:24px; height:24px; padding: 10px;}
 .li_orange_indicator{background:transparent url("../images/client/tenant-lite/li_orange.png") no-repeat 0 center; width:24px; height:24px; padding: 10px;}
 .li_blue_indicator{background:transparent url("../images/client/tenant-lite/li_blue.png") no-repeat 0 center; width:24px; height:24px; padding: 10px;}

 .li_mega_menu {border-collapse:collapse; margin-top:20px; }
 .li_mega_menu label{font-size:14px; padding: 0 16px; line-height: 32px; display:block;}
 .li_mega_menu label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
 .li_mega_menu .selected{margin-bottom:10px; display:inline-block; background:#4bafea;  border-bottom: 2px solid #1c64a1; color: #555555; text-decoration: none; white-space: nowrap; text-align:center; }
 .li_mega_menu .selected label,  .li_mega_menu .unselected:hover label{background: #4bafea; color:#FFFFFF; display:}
 .li_mega_menu .unselected{margin-bottom:10px; display:inline-block; background: none repeat scroll 0 0 #f2f2f2; border-bottom: 2px solid #1c64a1;color: #555555; white-space: nowrap;}

* html  .li_mega_menu .unselected label { height: 1.5em; }
* html  .li_mega_menu .selected{display:block; height:30px; padding-left:3px 8px;}
 .li_mega_menu label{ cursor:pointer; background: #f2f2f2; color: #555555;}

 .li_mega_menu_dot {border-collapse:collapse;}
 .li_mega_menu_dot label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
 .li_mega_menu_dot .selected{background:#4bafea;  border-bottom: 2px solid #4bafea; border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; color: #555555; margin-top: 3px; padding:3px 8px; text-decoration: none;  *display: inline; zoom:1; display:inline-block; height:20px; overflow:hidden; text-align:center; line-height:20px;}
 .li_mega_menu_dot .selected label{background: #4bafea; color:#ffffff;}
 .li_mega_menu_dot .unselected{background: none repeat scroll 0 0 #f2f2f2; width:50px; white-space: nowrap;	overflow: hidden; text-overflow: ellipsis; border-bottom: 2px solid #4bafea; border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; color: #555555; display: inline-block; margin-top: 3px; padding: 3px 5px; text-decoration: none;  *display: inline; zoom:1; display:inline-block; height:20px; overflow:hidden; text-align:left; line-height:20px;}
* html _dot .li_mega_menu .unselected {width:30px; height:30px; overflow:hidden;}
* html _dot .li_mega_menu .unselected label { height: 1.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 50px; }
* html _dot .li_mega_menu .selected{display:block; height:30px; padding-left:3px 8px;}
 .li_mega_menu_dot label{ cursor:pointer; background: #f2f2f2; color: #555555;}


/*  Form Header */
 .li_form_header{font-size:14px; color: #222222; display:block; margin:10px 0 10px 5px; font-weight:bold;}

/* Appraisal Pages */
 .li_page td{color: #666666; font-size: 12px; padding:3px;}
/* .li_mgr_comment{background:transparent url("../images/client/tenant-lite/li_mgr_comment.png") no-repeat 0 center;  color:#555;  display: inline-block; font-size:11px; font-weight: bold; padding: 2px 0 2px 22px; *display:inline; zoom:1;}
 .li_emp_comment{background:transparent url("../images/client/tenant-lite/li_emp_comment.png") no-repeat 0 center;  color:#555; display: inline-block; font-size:11px; font-weight:bold; padding: 2px 0 2px 22px; *display:inline; zoom:1;}
*/

 .li_mgr_comment{ color: #999999; font-size: 12px;line-height: 14px; text-align: right; display:block; margin:0 0 15px;}
 .li_emp_comment{ color: #999999; font-size: 12px;line-height: 14px; text-align: right; display:block; margin:0 0 15px;}
 .mrg-left{margin-left:20px;}

 .li_emp_points{  display: block; font-size: 14px; text-align:left;}

 .bg-end {border-bottom: 1px solid #F3F3F3;}
 .li_page td td{color: #666666; font-size: 12px; }
 .li_mgr_ratings{background:transparent url("../images/client/tenant-lite/li_mgr_ratings.png") no-repeat 0 center;  color:#555;  display: inline-block; font-size:11px; font-weight: bold; padding: 2px 0 2px 22px; *display:inline; zoom:1;}
 .li_self_rating{background:transparent url("../images/client/tenant-lite/li_self_rating.png") no-repeat 0 center;  color:#555;  display: inline-block; font-size:11px; font-weight: bold; padding: 2px 0 2px 22px; *display:inline; zoom:1;}
 .li_comments{background:transparent url("../images/client/tenant-lite/li_comments.png") no-repeat 0 center;  color:#555;  display: inline-block; font-size:11px; font-weight: bold; padding: 2px 0 2px 22px; *display:inline; zoom:1;}

.li_desc{margin:3px 0 3px 22px; color:#333}
  tr.li_form_table_row td{color:#555; font-weight:bold; padding:3px 5px; background:#f8f8f8;}
  tr.li_form_table_row td{margin-right:10px;}

  tr.li_margin_right td{padding-left: 10px;}
 .li_common_padding{padding:3px 0;}
  tr.li_topic td{color:#555; font-weight:bold; font-size:11px; padding-top:5px;}
 .li_padding_left{padding-left:25px;}

 .li_common_form2 td.li_padding_left_15px{padding-left:15px;}
 .li_table_margin{margin-left:25px;}
.li_green_details{color: #222222; font-style:italic; padding:2px;}
 .li_common_form2 tr.bb td{border-bottom: 1px solid #d0dced;}

/* New Form Style for Table*/
 .li_form_style{border-collapse:collapse; margin-top:10px;}
 .li_form_style td label{text-align:right; color:#555;}
 .li_form_style td{color:#333; padding:3px;}

/*Option*/

 td .li_side_menu{color: #222222; padding: 5px 0 8px; list-style:none;}

 td .li_side_menu li a{text-decoration:none; padding:3px 5px; color: #222222; font-size:11px; margin:2px 5px; display:inline-block; *display:inline; zoom:1}

 td .li_side_menu li a:hover{background-color:#E1E1E1;}

/* Header Style */
 .li_header_green{color: #222222; font-weight:bold; font-size:13px; padding:7px 0 5px 0;}

 td table.li_form_display td.li_header_green{color: #222222; font-weight:bold; font-size:13px; padding:7px 0 5px 0;}
 td div.li_leaveTypeChecked_new{color: #222222; background:#E1E1E1; font-weight:bold; padding:5px 7px; font-size:11px; color:#555; box-shadow: 0px 0px 5px #ababab; margin:5px;} 
* html  td div.li_leaveTypeChecked_new{ padding:5px; margin:5px; -moz-box-shadow: 2px 2px 4px #ababab; -webkit-box-shadow: 2px 2px 3px #ababab;	box-shadow: 2px 2px 4px #ababab; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ababab)";	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ababab');} 

 .crumbs1 a.li_approval_process strong{  color: #222; font-size: 12x;}
  .li_desg{font-size:10px; color:#333; padding-left:5px; font-size: 9px; font-weight: bold; text-transform: uppercase;}
  .li_name{font-size:11px; color:#555; font-weight:bold; padding-left:5px; color: #222222; text-transform: uppercase;}

/* */
 .li_padding_top_bottom{padding: 0 0 7px; text-align: right;}
 .li-mtb,.li_mtb{margin-top:10px; margin-bottom:5px;}


/* Toggle Open Close*/

 .li_toggle_plus{background:transparent url('../images/client/tenant-lite/li_round_open.png') no-repeat 0 0; padding:2px 0 2px 17px; text-decoration:none; color: #222222; font-weight:bold;}
 .li_toggle_minus{background:transparent url('../images/client/tenant-lite/li_round_close.png') no-repeat 0 0; padding:2px 0 2px 20px;text-decoration:none; color:#555; font-weight:bold;} }

 .li_form_style td .li_toggle_list{margin-left:16px}
 .li_toggle_list .li_scale_head{color: #222222; font-size:11px; font-weight:bold;}
 .li_toggle_list .li_scale_desc{color:#555; font-size:11px; padding-left:10px; }

 .li_leave_table_three tr.bb td tr.bb_none td{border-bottom:none;}
 .li_leave_table_three tr.bb td.li_ext_pad{padding:10px}
 .li_leave_table_three td table tr td{border:none !important;}
 
 .li_common_label{font-weight:normal; font-size:13px; color:#333; position: relative; top: 0px;line-height: 38px;}
 .li_common_label .li_score{position:relative; /*top:-7px;*/ color:#6cae03; font-weight:bold; margin-left:13px;font-size:13px; /*background-color:#6cae03;*/ padding:0 3px; display:inline-block; *display:inline; zoom:1; border-radius:5px;}
 .li_score_red{position:absolute; z-index:9; /*top:-7px;*/ color:#ff9900; font-weight:bold!important; font-size:13px; /*background-color:#ff9900;*/ padding:0 3px; display:inline-block; *display:inline; zoom:1; border-radius:5px;}
 .li_score_com_red{/*background-color: red; */border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #ff9900; display: inline-block; font-size: 13px; font-weight: normal; line-height: normal; padding: 2px 3px; position: absolute; /*top: -13px; right:-5px;*/}
* html  .li_score_com_red{z-index:0;}

 .li_common_box{display:inline-block; display:inline; zoom:1; position:relative; /* background-color:#fff;*/ margin:2px 0px;  color: #555555; font-size: 13px;  padding: 2px 0px; font-weight: normal;  line-height: 38px;}

/* Lite Common Table */

 .li_com_tab_brd_off{border-collapse:collapse; margin:0px 0; /* margin-left: 10px;*/}
 .table > thead > tr > th {border-bottom:0px!important;}
 .li_com_tab_brd_off td{padding:3px 5px; color:#555!important; font-size:12px; vertical-align:middle;}
 .li_com_tab_brd_off th{padding:5px; background-color:#f2f2f2; border:1px solid #E1E1E1; color:#555; font-size:12px; text-align:left;  vertical-align:middle;}
 .li_com_tab_brd_off tr.bb td{ border-bottom: 1px solid #d0dced;}
 .li_com_tab_brd_off th table th{border-top:0; border-bottom:0; border-right:0; border-left:1px solid #E1E1E1;}
 .li_com_tab_brd_off tr.bb td table td{border:none;}

 .li_com_tab_brd_off th label, .li_com_tab_brd_off td label {position: relative; top: -2px;}
* html  .li_com_tab_brd_off th label {position: relative; top: -5px;}
* html  .li_com_tab_brd_off td label {position: relative; top: -5px;}
 .li_com_tab_brd_off td label input{border:none; position:relative; top:2px;}
* html  .li_com_tab_brd_off th label input{border:none; position:static; top: 6px;}

.li_com_tab_brd_off{border-collapse:collapse; margin-bottom:10px;}
.li_com_tab_brd_off td{padding:3px 5px; color:#555; font-size:14px;}
.li_com_tab_brd_off th{padding:5px; background-color:#f2f2f2; border:1px solid #E1E1E1; color:#555; font-size:14px; text-align:left;}
.li_com_tab_brd_off tr.bb td{ border-bottom: 1px solid #d0dced;}
.li_com_tab_brd_off th table th{border-top:0; border-bottom:0; border-right:0; border-left:1px solid #E1E1E1;}
.li_com_tab_brd_off tr.bb td table td{border:none;}

.li_com_tab_brd_off th label, .li_com_tab_brd_off td label {position: relative; top: -1px;}
* html .li_com_tab_brd_off th label {position: relative; top: -5px;}
* html .li_com_tab_brd_off td label {position: relative; top: -5px;}
.li_com_tab_brd_off td label input{border:none; position:relative; top:2px;}
* html .li_com_tab_brd_off th label input{border:none; position:static; top: 6px;}

 .li_com_grn_head{ background-color:#fff; color: #333333; font-size: 14px;  left: -10px;  margin-bottom: 10px; padding: 6px 10px; position: relative; top: -5px; width:100%; border-bottom: 1px solid #f3f3f3;}

* html  .li_com_grn_head_width_ie{width:100%}

 .li_com_radio_bar{color: #222222;  height: 25px;  line-height: 25px;  margin-bottom: 10px;}
 .li_com_radio_bar label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
 .li_com_radio_bar label{padding:5px 10px;  cursor:pointer; position:relative;}
 .li_com_radio_bar label.selected{font-weight:bold; background:#4bafea; color: #ffffff; margin: 0 5px; padding:3px 14px; }
 .li_com_radio_bar label.unselected{color:#555; background:#F2f2f2; padding:5px 10px;  cursor:pointer; font-weight:normal; margin: 0 5px; padding: 3px 8px;}

 .li_info b{font-size:14px; color: #222222; font-style:normal;}
 .li_run_payroll{margin-left: 10px; background:transparent url('../images/client/tenant-lite/li_run_payroll.png') no-repeat 0 0; padding: 6px 0 6px 30px; color:#444; font-size:11px; font-weight:bold; text-decoration:none; display:block; outline:0; outline:none; }
 .li_erase_mulit_payroll{margin-left: 10px; background:transparent url('../images/client/tenant-lite/li_erase_mulit_payroll.png') no-repeat 0 0; padding: 4px 0 4px 33px; color:#444; font-size:11px; font-weight:bold; text-decoration:none; display:block; outline:0; outline:none; }
 .li_adjust_mulit_payroll{margin-left: 10px; background:transparent url('../images/client/tenant-lite/li_adjust_mulit_payroll.png') no-repeat 0 0; padding: 4px 0 4px 33px; color:#444; font-size:11px; font-weight:bold; text-decoration:none; display:block; outline:0; outline:none; }
 .li_finalize_payroll{margin-left: 10px; background:transparent url('../images/client/tenant-lite/li_finalize_payroll.png') no-repeat 0 0; padding: 4px 0 4px 33px; color:#444; font-size:11px; font-weight:bold; text-decoration:none; display:block; outline:0; outline:none; }
 .li_submit_for_approv{margin-left: 10px; background:transparent url('../images/client/tenant-lite/li_submit_for_approv.png') no-repeat 0 0; padding: 4px 0 4px 33px; color:#444; font-size:11px; font-weight:bold; text-decoration:none; display:block; outline:0; outline:none; }
 .li_set_payment_mode{margin-left: 10px; background:transparent url('../images/client/tenant-lite/li_set_payment_mode.png') no-repeat 0 0; padding: 4px 0 4px 33px; color:#444; font-size:11px; font-weight:bold; text-decoration:none; display:block; outline:0; outline:none; }
 .li_disburse_payroll{margin-left: 10px; background:transparent url('../images/client/tenant-lite/li_disburse_payroll.png') no-repeat 0 0; padding: 4px 0 4px 33px; color:#444; font-size:11px; font-weight:bold; text-decoration:none; display:block; outline:0; outline:none; }
 .li_apporve{margin-left: 10px; background:transparent url('../images/client/tenant-lite/li_apporve.png') no-repeat 0 0; padding: 2px 0 2px 24px; color: #222222; font-size:11px; font-weight:bold; text-decoration:none; display:block; outline:0; outline:none; }
 .li_view_monthly_head{margin-left: 10px; background:transparent url('../images/client/tenant-lite/li_view_monthly_head.png') no-repeat 0 0; padding: 2px 0 2px 24px; color:#444; font-size:11px; font-weight:bold; text-decoration:none; display:block; outline:0; outline:none; }
 .li_view_c_report{margin-left: 10px; background:transparent url('../images/client/tenant-lite/li_view_c_report.png') no-repeat 0 0; padding: 2px 0 2px 24px; color:#444; font-size:11px; font-weight:bold; text-decoration:none; display:block; outline:0; outline:none; }
 .li_consolidate_report{margin-left: 10px; background:transparent url('../images/client/tenant-lite/li_consolidate_report.png') no-repeat 0 0; padding: 2px 0 4px 24px; color:#444; font-size:11px; font-weight:bold; text-decoration:none; display:block; outline:0; outline:none; }
 .li_view_variation_report{margin-left: 10px; background:transparent url('../images/client/tenant-lite/li_view_variation_report.png') no-repeat 0 0; padding: 2px 0 2px 24px; color:#444; font-size:11px; font-weight:bold; text-decoration:none; display:block; outline:0; outline:none; }
 .li_view_blank_report{margin-left: 10px; background:transparent url('../images/client/tenant-lite/li_view_blank_report.png') no-repeat 0 0; padding: 2px 0 2px 24px; color:#444; font-size:11px; font-weight:bold; text-decoration:none; display:block; outline:0; outline:none; }
 .li_emp_common_popup_header{margin-left:0; padding: 10px 0 35px 10px!important; color: #333333; font-size:16px; font-weight:normal; text-decoration:none; display:block; outline:0; outline:none; background-color: #e8f0f8;border-bottom:1px solid #e0e7ef; text-transform:none;}

 .li_pre_payroll_run_report{margin-left: 10px; background:transparent url('../images/client/tenant-lite/li_pre_payroll_run_report.gif') no-repeat 0 0; padding: 8px 0 8px 35px; color:#444; font-size:11px; font-weight:bold; text-decoration:none; display:block; outline:0; outline:none; }
 .li_view_salary_head{margin-left: 10px; background:transparent url('../images/client/tenant-lite/li_salary.png') no-repeat 0 0; padding: 2px 0 2px 24px; color:#444; font-size:11px; font-weight:bold; text-decoration:none; display:block; outline:0; outline:none; }


 .li_common_bold{color:#555; font-weight:bold; font-size:11px; padding:3px 5px;}     

 .li_com_radio_button{color: #222222; margin-bottom: 10px;}
 .li_com_radio_button label{margin-bottom: 5px; border-radius:10px;}
 .li_com_radio_button label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
 .li_com_radio_button label{padding:5px 10px;  cursor:pointer;}
 .li_com_radio_button label.selected{background:#4bafea; color: #ffffff;display: inline-block; *display:inline; zoom:1; font-size: 11px; font-weight: bold; margin: 2px 5px 4px; padding: 2px 5px;}
 .li_com_radio_button label.unselected{color:#555; background:#f2f2f2; font-size:11px;  cursor:pointer; font-weight:normal; margin: 2px 5px 4px; padding: 2px 5px;}

 .li_common_data_table{border-collapse:collapse; border:1px solid #E1E1E1; }
 .li_common_data_table td{padding:7px; color:#555; font-weight:bold; background:#fcfcfc;}
 .li_common_data_table td label{color: #222222; padding:5px;}

.li_popup_data_table{border-collapse:collapse; border:1px solid #E1E1E1; }
.li_popup_data_table td{padding:7px; color:#555; font-weight:bold; background:#fcfcfc;}
.li_popup_data_table td label{color: #222222; padding:5px;}

 .li_reports{background:#fcfcfc url('../images/client/tenant-lite/li_report.png') no-repeat 0 center; padding:4px 0 4px 33px; font-weight:bold; margin:0 0 5px 0; color: #222222;}

  .li_info span{font-weight:bold; font-size:11px; color:#8b8b8b}
  .li_info span.mid{font-size:11px;}
  .li_info span.li_running{color:red; font-style:normal; font-size:18px;}
  .li_info span.li_total{color:#555; font-style:normal; font-size:14px;}

  .li_running{color:red; font-style:normal; font-size:18px;}
  .li_total{color:#555; font-style:normal; font-size:14px;}

 .li_com_gray_head{color:#333; background:transparent url('../images/client/tenant-lite/li_payroll_detail.png') no-repeat 0 center;  margin: 0 0 10px 5px; padding: 3px 0 3px 24px;}


 .li_info_sucess{color:#333; font-size:11px; font-weight:bold; background:transparent url('../images/client/tenant-lite/li_success.png') no-repeat 0 center; padding: 3px 0 3px 35px; margin:5px 0 10px;}
 .li_info_sucess b{color: #222222; font-size:13px;} 
 .li_info_running {color:#333; font-size:11px; font-weight:bold; background:transparent url('../images/client/tenant-lite/li_process_running.png') no-repeat 0 center; padding: 3px 0 3px 35px; margin:5px 0 10px;}
 .li_info_running span{font-weight:bold; color:red; }
 .li_info_running .li_running{color: #222222; font-size:18px;}
 .li_info_running .li_total{color:#555; font-size:14px;}

 .li_com_tab_brd_off td label.li_lbl_pos{font-size: 10px; font-weight: bold; position: relative;  top: 6px;}
 .li_com_tab_brd_off td label.li_lbl_pos input {position: relative;  top: 2px;}

 .li_com_tab_brd_off th .li_green{color: #222222; width: 100px; margin-bottom:3px;}
 .li_com_tab_brd_off th .li_gray{color:#333; width: 100px; }

 .li_common_checkbox{margin:20px 3px 5px;}
 .li_common_checkbox label{ color: #ffffff;  margin: 0 5px; padding: 4px 7px; font-size:11px; cursor:pointer}
 .li_common_checkbox label.selected{ color: #ffffff;  margin: 0 5px; padding: 4px 7px; font-size:11px;  cursor:pointer}
 .li_common_checkbox label.unselected{ color: #222; background: none repeat scroll 0 0 #EfEfEf; cursor: pointer; font-size:11px; }
* html  .li_common_checkbox label{padding:3px 10px 3px; overflow:hidden; height:25px; position:relative;}
* html  .li_common_checkbox label.selected{padding:3px 10px 3px; overflow:hidden; height:25px; position:relative;}

 .li_common_checkbox label input{border: medium none;  position: absolute;  top: -9999px; left: -9999px; z-index:-999;}
* html  .li_common_checkbox label input{border: medium none;  position: absolute;  top: -9999px; left: -9999px; z-index:-999;}

 .li_common_report_table{border-collapse:collapse;}
 .li_common_report_table td{padding:3px 5px; color:#555; font-size:11px; text-align:center; border:1px solid #E1E1E1;}
 .li_common_report_table th{padding:3px 5px; background-color:#f2f2f2; border:1px solid #E1E1E1; color:#555; font-size:11px; text-align:center; font-weight:bold;}

/* Faq Section Start */

  #faq { background: #fff;/* min-height:100px;*/ width:0px; overflow:hidden;/* border: 1px solid #ffbc03;*/ position:relative; z-index:99; float:right; border-radius:4px; }
  #help { background: #fff;  min-height:250px; height: 100%; width:0px; float:right; overflow:hidden; z-index:99;  -moz-box-shadow: -2px 2px 2px  #E1E1E1; -webkit-box-shadow: -2px 2px 2px  #E1E1E1; box-shadow: -2px 2px 2px #E1E1E1; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#E1E1E1)";	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#E1E1E1'); position:relative;  z-index:99; float:right;}
 /* #nav-bar {  /*height: 103px; width: 54px; float:right; }
  ul.nav-menu{ padding:0px; margin:0; height:36px; }
  ul.nav-menu li{ /*list-style-type:none; padding:0px; width:10px; height:50px;right: -17px !important;
    position: relative; top:0px; }
  ul.nav-menu li a{ display:block; width:100px; padding:5px; position:relative; right:42px; /*top: 153px; color:#fff; text-decoration:none;}
  ul.nav-menu li a.btn-1{font-size:14px; color:#fff; display:block; padding:4px 2px; text-indent:0 !important; text-align:center; background: #ffbc03; width: 45px; border-radius:3px 0 0 3px; border: solid #ffbc03; border-width: 1px 0px 1px 1px;right: -2px; position:absolute;}
* html   ul.nav-menu li a.btn-1 {width:63px; position:relative; right:10px;}
* html   ul.nav-menu li a.btn-2 {width:63px; position:relative; right:10px;}
  ul.nav-menu li a.btn-2{background:#E1E1E1 url('../images/client/tenant-lite/help.png') no-repeat 3px center; color:#333; height:25px; line-height:25px; border-top-left-radius:5px; border-bottom-left-radius:5px; border:2px solid #fff; font-size:11px; font-weight:bold; padding:0 0 0 22px; width: 49px; top:7; outline:none;outline:0 !important; top:7px;
 -moz-box-shadow: -2px 2px 2px  #E1E1E1;-webkit-box-shadow: -2px 2px 2px  #E1E1E1; box-shadow: -2px 2px 2px #E1E1E1; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=270, Color='#E1E1E1)";	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=270, Color='#E1E1E1'); position:relative; z-index;9;}*/

 /*.li_faq_panel {position: absolute;
    right: 0px;
   /* top: -111px;
    z-index: 99;;}
 .li_faq_panel ul {background-color:transparent}
li.que{border:none!important}
 .li_faq_head{font-weight:bold; color: #222222; padding:5px 0 0 20px; display:block;}
 .li_faq_list{margin:24px 5px 5px 20px; padding:0;}
 .li_faq_list li {padding:8px 4px; margin-bottom:7px; list-style:none; border:1px solid #eee;}
 .li_faq_list li span{ font-size:25px; margin-right:10px;}
 .li_faq_list li a{  color:#1c64a1; text-decoration:none;}
 .li_faq_list li a:hover{  color:#000; text-decoration:none;}
 .li_faq_list li .ans{line-height:20px; color:#333;}
 .li_faq_list li .ans span {color:#1c64a1; font-size:15px;}
 .li_faq_list .faqSection a{ color:#484848!important; text-decoration:none;}*/
/* Faq Section End*/


 .li_border_right{border-right:3px solid #f2f2f2}

 .li_comm_green_bg{color: #222222; background:#fff; font-weight:bold; padding:10px; font-size:10px; color:#555; box-shadow: 0px 0px 5px #ababab; list-style:none; position:absolute; margin:0 0 0 4px; overflow:hidden;} 
* html  .li_comm_green_bg{position:absolute; padding:5px; margin:0px; border:1px solid #ddd; -moz-box-shadow: 2px 2px 4px #ababab; -webkit-box-shadow: 2px 2px 3px #ababab;	box-shadow: 2px 2px 4px #ababab; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ababab)";	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ababab');} 
 .li_comm_green_bg li a{text-decoration:none; color:#333; }
 .li_comm_green_bg li a:hover{color: #222222; border-bottom:2px dotted #8b8b8b;}
 .li_action_box{position:relative;}

/* Employee Profile Sidebar header*/

 .li_sidebar_header td{color:#333333; font-size:11px; font-weight:bold; padding:5px 10px 5px 30px; border-bottom: 1px solid #f3f3f3; border-top: 1px solid #f3f3f3; text-align:left;}
 .li_sidebar_header td a{color:#444444}
 .li_side_list_td{border-collapse:collapse;}
 .li_side_list_td .li_st_bb td{color:#555; font-size:11px; border-bottom:1px solid #f3f3f3; line-height:15px; padding:3px 10px;}

 .li_Emp_leave { background: url("../images/client/tenant-lite/li_leave.png") no-repeat scroll 3px 50% transparent;}
.li_Emp_leave { background: url("../images/client/tenant-lite/li_leave.png") no-repeat scroll 3px 50% transparent;}
 .li_emp_expance { background: url("../images/client/tenant-lite/li_emp_expance.gif") no-repeat scroll 3px 50% transparent;}
 .li_emp_project { background: url("../images/client/tenant-lite/li_emp_project.png") no-repeat scroll 3px 50% transparent;}
 .li_emp_training{ background: url("../images/client/tenant-lite/li_emp_training.gif") no-repeat scroll 3px 50% transparent;}
 .li_event{ background: url("../images/client/tenant-lite/li_event.png") no-repeat scroll 3px 50% transparent;}
 .li_big_red{font-weight:bold; font-size:16px; color:red;}
 .li_common_form2 td .li_big_red{font-weight:bold; font-size:16px; color:red;}
 .li_big_gray{font-size:13px; color:#333;}
 .li_pad_top_bot td{padding:5px 0; font-size:11px; color:#333; font-weight:bold;}
 .li_font_green{color:#444444; font-size:12px; text-align:left}
 .li_font_green_elev{color:#444444; font-size:11px;}
 .li_font_blue{color:blue; font-size:12px;}
 .li_leave_table_three td .li_sub_head{font-size:11px; color:#444444; font-weight:bold;}

 .li_leave_table_three td.li_sub_head2{font-size:12px; color:#444; font-weight:bold; padding-left:0;}

 .li_leave_table_three tr.bb td.li_local_roles{color: #444; }
 .li_leave_table_three tr.bb td label input{position:relative; top:2px;}


 .li_com_tab_brd_off th.li_font_green{color:#444444; font-size:12px;} 

 .li_com_tab_brd_off tr.bg_gray td{background-color:#f3f3f3; font-weight:bold;}
 .li_com_tab_brd_off tr.bg_gray td.li_upper_case{font-size: 10px; text-transform: none;}
 .li_com_tab_brd_off tr.bg_gray td.li_upper_case_big{font-size: 13px; font-weight:bold; padding:6px 0 0 7px;}
 .li_com_tab_brd_off td label.font-green b{color:#444444;} 
 .li_com_tab_brd_off td.text-right{text-align:right; font-weight:bold; color:#444} 

* html  .li_com_tab_brd_off td label input {top:1px;}
* html  .li_disp_none{display:none}
* html  .li_widthFix{width:97%}
 .li_widthFix{width:100%}
.li_pos_rel{position:relative; top:3px;}
  .li_check_group td label{float:left; margin-right:25px; font-weight:bold; font-size:13px; color:#333; cursor:pointer; }
  .li_check_group td label input{position:relative; top:2px; margin-right:3px;}
* html   .li_check_group td label input{position:relative; top:6px; margin-right:2px;}

 .li_leaveApply{ border-collapse:collapse;}
 .li_leaveApply th div{background-color:#f2f2f2; margin-bottom:2px;}
 .li_leaveApply th div .lt {color: #222222; font-size:13px; font-weight:bold; }
 .li_leaveApply th div .tot {color:#555; font-size:11px; font-weight:bold;}
 .li_leaveApply th div .bal {color:#000; font-size:15px; font-weight:bold;}
 .li_leaveApply tr.bt td {border-top:2px solid #f2f2f2;}
 .li_leaveApply tr.bb td {border-bottom:2px solid #d0dced;  border-right: 3px solid #f2f2f2;}
 .li_leaveApply td.boxl {border-left:2px solid #f2f2f2; border-right:1px dotted #b7b7b7; border-bottom:1px dotted #b7b7b7; color: #222222;  font-weight:bold; padding:3px; font-size:11px;}
 .li_leaveApply td.box2 {border-right:2px solid #f2f2f2; border-bottom:1px dotted #b7b7b7; color: #222222;  font-weight:bold; padding:3px; font-size:11px;}
 .li_leaveApply td.box3 {border-left:2px solid #f2f2f2; border-right:1px dotted #b7b7b7;  font-weight:bold;  color: #222222;  font-weight:bold; padding:3px; font-size:11px;}
 .li_leaveApply td.box4 {border-right:2px solid #f2f2f2; font-weight:bold;  color: #222222;  font-weight:bold; padding:3px; font-size:11px;}


 .li_leaveApply tr.bt td.boxl span{color:#333;}
 .li_leaveApply td.box2 span{color:#333;}
 .li_leaveApply td.box3 span{color:#333;}
 .li_leaveApply td.box4 span{color:#333;}

.li_leaveApply{ border-collapse:collapse;}
.li_leaveApply th div{background-color:#f2f2f2; margin-bottom:2px;}
.li_leaveApply th div .lt {color: #222222; font-size:13px; font-weight:bold; }
.li_leaveApply th div .tot {color:#555; font-size:11px; font-weight:bold;}
.li_leaveApply th div .bal {color:#000; font-size:15px; font-weight:bold;}
.li_leaveApply tr.bt td {border-top:2px solid #f2f2f2;}
.li_leaveApply tr.bb td {border-bottom:2px solid #f2f2f2;  border-right: 3px solid #f2f2f2;}
.li_leaveApply td.boxl {border-left:2px solid #f2f2f2; border-right:1px dotted #b7b7b7; border-bottom:1px dotted #b7b7b7; color: #222222;  font-weight:bold; padding:3px; font-size:11px;}
.li_leaveApply td.box2 {border-right:2px solid #f2f2f2; border-bottom:1px dotted #b7b7b7; color: #222222;  font-weight:bold; padding:3px; font-size:11px;}
.li_leaveApply td.box3 {border-left:2px solid #f2f2f2; border-right:1px dotted #b7b7b7;  font-weight:bold;  color: #222222;  font-weight:bold; padding:3px; font-size:11px;}
.li_leaveApply td.box4 {border-right:2px solid #f2f2f2; font-weight:bold;  color: #222222;  font-weight:bold; padding:3px; font-size:11px;}


.li_leaveApply tr.bt td.boxl span{color:#333;}
.li_leaveApply td.box2 span{color:#333;}
.li_leaveApply td.box3 span{color:#333;}
.li_leaveApply td.box4 span{color:#333;}


 .li_cal_setting_box{border-collapse:collapse; padding:3px; border:2px solid #e8f0f8; }
 .li_cal_setting_box th{background-color:#e8f0f8; color: #222222; font-size:13px; padding:5px;}
 .li_cal_setting_box td{background-color:#fff; color:#444; padding:3px 4px; font-size:13px!important;}
 .li_cal_setting_box tr.bb td{border-bottom:1px dotted #b1b1b1;}
 .li_cal_setting_box th.weekday{color:#333}
 .li_cal_setting_box td label input{position:relative; border:none; top:3px;}
 .li_cal_setting_box td.br{border-right:1px dotted #b1b1b1;}
 .br{border-right:1px dotted #b1b1b1;}
  .br-left{border-left:1px dotted #b1b1b1;}
 .li_select_emp {border-collapse:collapse;}
 .li_select_emp td{font-size:11px; color:#444;}
 label input{position:relative; top:0px;}
 .reportDiv{padding:5px 10px 5px 20px; font-size:11px; color:#333}

 .li_top_control {border-collapse:collapse; margin:5px 0;}
 .li_top_control td{background-color:#f2f2f2; padding:5px; color:#333; font-size:13px; font-weight:bold;  vertical-align: middle;}
 .li_top_control td span{color: #222222;}

 .li_profile_h2_14{font-size:14; color: #031B2E;}
 .li_mtb_ten{margin:10px 0;}

 .li_text_align_right{text-align:right;}

.li_render_tabs{/*border-bottom: 4px solid #4BAFEA; margin-bottom: 5px;*/ margin-left: 16px; margin-top:.5em; margin-bottom:1em; width: 98%;  height: 20px; z-index:99;}
* html .li_render_tabs{width:100%}
.li_render_tabs .selectedHT{   background:#4bafea; color: #ffffff; font-size: 12px; padding: 6px 17px; text-decoration: none; outline:none !important;}
.li_render_tabs .unselectedHT{  background-color: #e0e0e0; color: #333; font-size: 12px; padding: 6px 17px 5px; text-decoration: none;  outline:none !important; border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;height: 33px; }

* html .li_render_tabs .selectedHT:hover{color:#f2f2f2}
* html .li_render_tabs .unselectedHT:hover{color:#f2f2f2}

 .li_period_msg .li_HT_menu label{padding:3px 10px; font-weight:normal;}
 .li_period_msg .li_HT_menu label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
 .li_period_msg .li_HT_menu .selected{font-weight:bold; padding:3px 5px; color:#333; font-size:14px;}
 .li_period_msg .li_HT_menu .unselected{font-weight:600;  padding:3px 5px; color:#1a559d;  font-size:14px; padding-top:2px; letter-spacing:-0.6px;}
 .li_period_msg .li_HT_menu label{ cursor:pointer;}

* html  .li_period_msg .li_HT_menu{position:relative; top:0;}

 .li_hid_msg {color: #333333; display: block; margin-top: 5px;}
 .li_hid_msg label {margin-left:15px;}
 .li_hid_msg label input{border:none; position:relative; top:2px; margin:0 5px 0 0; padding:0;}
* html  td .li_hid_msg label input{border:0;}
* html  .li_hid_msg{position:relative; top:-2px;}

 .li_msg_info{padding:2px}
 .li_msg_info b{color:red; font-size:14px;}

 .li_messages{border-collapse:collapse;}

 .li_messages td{padding:12px 10px; color:#333; text-align: left;}
 .li_messages td.li_st_date{color:#777;}
 .li_messages td img{float:left; margin: 0 5px 5px 0; }
 .li_messages tr.bb td{border-bottom: 1px solid #f3f3f3; line-height: 16px;}
 
.li_m_Exit{border-top:2px solid #ff9999; border-bottom:2px solid #ff9999; color:#656565; background-color:#ffefef; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Leave{border-top:2px solid #CECE00; border-bottom:2px solid #CECE00; color:#656565; background-color:#fdfdd8; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif;  text-align: center;}
.li_m_Payroll{border-top:2px solid #23d74e; border-bottom:2px solid #23d74e; color:#656565; background-color:#dcf4e2; padding: 2px 8px; margin-left:5px;   text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Personal_Data{border-top:2px solid #ff87bd; border-bottom:2px solid #ff87bd; color:#656565; background-color:#ffe9f3;  padding:2px 8px;  text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Travel{border-top:2px solid #ffae73; border-bottom:2px solid #ffae73; color:#656565; background-color:#ffefe3; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Expense{border-top:2px solid #7ad3b9; border-bottom:2px solid #7ad3b9; color:#656565; background-color:#e8f9f4; padding: 2px 8px; margin-left:5px;text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Attendance{border-top:2px solid #d4b0ff; border-bottom:2px solid #d4b0ff; color:#656565; background-color:#f4ecff; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Goalsheet{border-top:2px solid #4b84fb; border-bottom:2px solid #4b84fb; color: #656565; background-color:#e9eff9; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Chat{border-top:2px solid #ffd65a; border-bottom:2px solid #ffd65a; color:#656565; background-color:#fff7df; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_My_Buddy{border-top:2px solid #f9bff1; border-bottom:2px solid #f9bff1; color:#656565; background-color:#f9ebf7; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Recruitment{border-top:2px solid #8198E4; border-bottom:2px solid #8198E4; color:#656565; background-color:#e5e8f4; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Reward{border-top:2px solid #ff8512; border-bottom:2px solid #ff8512; color:#656565; background-color:#ffefe0; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Promotion{border-top:2px solid #ff9494; border-bottom:2px solid #ff9494; color:#656565; background-color:#ffe5e5; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Loan_And_Advances{border-top:2px solid #9ACF87; border-bottom:2px solid #9ACF87; color:#656565; background-color:#e7f3e3; padding: 2px 8px; margin-left:5px; text-align: right; width: 115px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Disciplinary{border-top:2px solid #B8C6E0; border-bottom:2px solid #B8C6E0; color:#656565; background-color:#e9edf3; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Appraisal{border-top:2px solid #E1C400; border-bottom:2px solid #E1C400; background-color:#fffad6; color:#656565; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Relationship{border-top:2px solid #96D5E7; border-bottom:2px solid #96D5E7; color:#656565; background-color:#e7f3f6; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Complaint{border-top:2px solid #F8A2A3; border-bottom:2px solid #F8A2A3; color:#656565; background-color:#ffefef; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Feedback{border-top:2px solid #A5DA01; border-bottom:2px solid #A5DA01; color:#656564;  background-color:#f7fde4; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Beneficiary_Details{border-top:2px solid gold; border-bottom:2px solid gold; color:#656565; background-color:#fff7cb; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Onboarding{border-top:2px solid #8FBC8F; border-bottom:2px solid #8FBC8F; color:#656565; background-color:#edfbed; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Movement{border-top:2px solid #ff9494; border-bottom:2px solid #ff9494; color:#656565; background-color:#ffe8e8; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_VariablePay{border-top:2px solid #6ad43c; border-bottom:2px solid #6ad43c; color:#656565; background-color:#edffe5; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Training{border-top:2px solid #FFC014; border-bottom:2px solid #FFC014; color:#656565; background-color:#FEE9AF; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Timesheet{border-top:2px solid #17b8af; border-bottom:2px solid #17b8af; color:#656565; background-color:#d4fffc; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Compliance{border-top:2px solid #6bc991; border-bottom:2px solid #6bc991; color:#656565; background-color:#d9ffe8; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_HR_Help_Desk {border-top:2px solid #6bc991; border-bottom:2px solid #6bc991; color:#656565; background-color:#d9ffe8; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;} 
.li_m_Compensation {border-top:2px solid #ffb57f; border-bottom:2px solid #ffb57f; color:#656565; background-color:#fff6ef; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;} 
.li_m_Benefits{border-top:2px solid #6bc991; border-bottom:2px solid #6bc991; color:#656565; background-color:#A9F5F2; padding: 2px 8px; margin-left:5px; text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Skill_Sheet{border-top:2px solid gold; border-bottom:2px solid gold; color:#656565; background-color:#F2F5A9;  padding:2px 8px;  text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}
.li_m_Survey{border-top:2px solid gold; border-bottom:2px solid #FFBF00; color:#656565; background-color:#F5DA81;  padding:2px 8px;  text-align: right; width: 100px; font-size:14px; font-family: "Open Sans",arial,sans-serif; text-align: center;}

 td.li_div_sec{background-color:#f2f2f2}
 .li_items li{list-style:none;}
 .li_items{border-collapse:collapse; width:100%}
* html  .li_items{border-collapse:collapse; width:90%}
 .li_items .li_item_br{height:10px;background: none repeat scroll 0 0 #F3F3F3;}
 .li_items .li_item_top{height:10px;background-color:#FFF}
 .li_items .li_item_head{background-color: #4bafea; color: #FFFFFF; font-size:14px; padding:5px 10px 5px 20px; height:25px; line-height:25px;}
 .li_items .li_item_body{font-size:11px; padding:5px 10px 10px; color:#444;}
.text_justify{text-align:justify;}
 .li_items .li_item_body .li_poll_ques{font-weight:bold; padding:3px 0;}

 .li_noMessages{background-color:#f2f2f2; padding:10px 20px; color:#333; border:1px solid #E1E1E1; color: #222222; border-radius:10px; margin-top:50px; width:150px; }
 .li_noMessages td{background-color:#f2f2f2;}


 .toggleFilter{display:inline-block; *display:inline; zoom:1; margin-bottom:10px; text-decoration:none; font-weight:bold; color:#1c64a1; outline:none; font-size:12px;}
  label.toggleFilter input{border: medium none;  position: absolute;  top: -9999px; left: -9999px;}

 td.li_page_navi{padding-top:7px}

 .li_setting_bg{background:#fff url('../images/client/tenant-lite/li_setting_bg.gif') repeat-x 0 0;  height: 38px; vertical-align:middle;}
 .li_master_box{border:1px solid #f1f1f1; border-collapse:collapse;}
 .li_master_bg{background-color:#f1f1f1; vertical-align:middle;}
 .li_my_master{padding:2px 2px 2px 10px; height: 25px; line-height: 25px; font-weight:bold; color:#444;}
 .li_account_setting{background:transparent url('../images/client/tenant-lite/li_account_setting.gif') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_emp_record_mgt{background:transparent url('../images/client/tenant-lite/li_emp_record_mgt.gif') no-repeat 15px center;  padding:2px 2px 2px 55px;}
 .li_my_setting{background:transparent url('../images/client/tenant-lite/li_my_setting.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_general_setting{background:transparent url('../images/client/tenant-lite/li_general_settings.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_self_service{background:transparent url('../images/client/tenant-lite/li_self_service.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_performance_mgmt{background:transparent url('../images/client/tenant-lite/li_emp_appraisal.gif') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_manager_services{background:transparent url('../images/client/tenant-lite/li_candidate.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_recruitment_settings{background:transparent url('../images/client/tenant-lite/li_Onboarding.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_emp_portal{background:transparent url('../images/client/tenant-lite/li_emp_portal.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_my_setting a,.li_recruitment_settings a,.li_emp_portal a,.li_manager_services a,.li_performance_mgmt a,.li_self_service a,.li_general_setting a,.li_account_setting a,.li_emp_record_mgt a,.li_UITemplate_Setting a,.li_Masters_Setting a, .li_Goalsheet_setting a,.li_TravelnExpense_setting a, .li_timesheet_setting a,.li_attendance_setting a, .li_leave_setting a,.li_appraisal_setting a, .li_payroll_setting a, .li_security_setting a, .li_feedback_setting a, .li_FAQ_Setting a, .li_Servey_Setting a, .li_Onboarding_Setting a, .li_VariablePay_Setting a  {text-decoration:none; color:#555; font-size:13px; font-weight:bold;}
 .li_UITemplate_Setting{background:transparent url('../images/client/tenant-lite/li_UITemplate_Setting.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_Masters_Setting{background:transparent url('../images/client/tenant-lite/li_Masters_Setting.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_Goalsheet_setting{background:transparent url('../images/client/tenant-lite/li_Goalsheet_setting.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_TravelnExpense_setting{background:transparent url('../images/client/tenant-lite/li_TravelnExpense_setting.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_timesheet_setting{background:transparent url('../images/client/tenant-lite/li_timesheet_setting.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_attendance_setting{background:transparent url('../images/client/tenant-lite/li_attendance_setting.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_leave_setting{background:transparent url('../images/client/tenant-lite/li_leave_setting.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_appraisal_setting{background:transparent url('../images/client/tenant-lite/li_appraisal_setting.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_payroll_setting{background:transparent url('../images/client/tenant-lite/li_payroll_setting.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_security_setting{background:transparent url('../images/client/tenant-lite/li_security_setting.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_feedback_setting{background:transparent url('../images/client/tenant-lite/li_360_feedback.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_FAQ_Setting{background:transparent url('../images/client/tenant-lite/li_manage_faq.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_Servey_Setting{background:transparent url('../images/client/tenant-lite/li_manage_survey.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_Onboarding_Setting{background:transparent url('../images/client/tenant-lite/li_Onboarding.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}
 .li_VariablePay_Setting{background:transparent url('../images/client/tenant-lite/li_VariablePay_Setting.png') no-repeat 15px center;  padding:2px 2px 2px 45px; height: 38px; line-height: 35px;}

* html  a:hover{color:#555;}

.succ{background-color: #dff0d8!important;
    border-bottom-color: #d6e9c6!important;
    border-left-color: #d6e9c6!important;
    border-right-color: #d6e9c6!important;
    border-top-color: #d6e9c6!important;
    color: #3c763d!important; padding:5px!important; border-radius:2px;z-index:8; }
 a.close{top: 5px!important;}

 .li_settings_box{border:1px solid #fff; border-collapse:collapse;}
 .li_settings_box td.li_sett_links{padding:10px; color:#777;}
 .li_settings_box td.li_sett_links .fix-box{width: 330px; word-wrap: break-word;}
.fix-box{width: 330px; word-wrap: break-word;}
 .li_settings_box td.li_sett_links a{text-decoration:none; font-size:11px; color:#1c64a1;}
 .li_settings_box td.li_sett_links a:hover{text-decoration:underline;}

 .li_master_box td.li_sett_links{padding:5px 8px;}
 .li_master_box td.li_sett_links a{text-decoration:none; font-size:11px; color:#1c64a1;}
 .li_master_box td.li_sett_links a:hover{text-decoration:underline;}


 .li_clear, .showHideNoteBox{color:#1c64a1; text-decoration:none;  outline:none; outline:0 !important;}
 .showHideNoteBox:hover{text-decoration:underline;}
 .li_clear:hover, .showHideNoteBox:hover{border-bottom:none;}
 .li_c_role{font-weight:bold; font-size:11px; color:#444}

 .li_common_form{border-collapse:collapse;}
 .li_common_form th{text-align:right; color:#333; padding:7px 0px 0; vertical-align:top; font-weight:normal}
 .li_common_form td{color:#555; padding:4px 5px; line-height:16px;}
  .li_common_form td a.li_f_button{color:#3399FF; text-decoration:none; font-size:11px; border-bottom:1px dotted;}
 .li_common_form td a.li_f_button:hover{text-decoration:none; border-bottom:none;}
 .li_common_form td input{position:relative; top:1px; /*float:left;*/}
 .li_common_form label{float:left; display:block; margin:15px!important; margin-top:0px!important; padding:0px; font-size:14px; min-width:100px; width:auto; }
 #editableExpenseHeader .form-control input, .form-control select{padding:2px; height:20px!important;}
* html  .li_button_right{text-align:right; width:100%;}
* html  .li_button_right{text-align:right; width:95%}

 .li_Setting_landing_page{border-collapse:collapse; margin-left: 10px;}
 .li_Setting_landing_page td{padding:5px 10px 5px 20px; background:transparent url('../images/client/tenant-lite/gray/li_setting_bullet.png') no-repeat 0 9px; line-height:25px;}
 .li_Setting_landing_page td a{ color:#333; text-decoration:none; font-size:12px;  -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;  }
 .li_Setting_landing_page td a:hover{ color:#458EB9}
.li_Setting_landing_page ul{ margin:0px; padding:10px 0px;}
.li_Setting_landing_page ul li { float:left; width:33%; margin:0px; padding:10px 0px; font-size:13px;word-wrap: break-word;
padding-right: 5px;}
.li_Setting_landing_page ul li span { color: #3a4554; font-size:12px!important; margin-right:10px;}
.li_Setting_landing_page ul li a { color:#434343;}
.li_Setting_landing_page ul li a:hover {border-bottom:1px dotted;}


 ul.helpNote{list-style-type:none; margin-left:30px;}
 ul.helpNote li{padding:6px 10px 6px 20px;/*  background:transparent url('../images/client/tenant-lite/gray/li_setting_bullet.png') no-repeat 0 8px; */list-style-type:none; font-size:13px;}

 .li_setting_note{position:relative; margin-top:7px; border:  1px solid #f3f3f3; border-collapse: collapse; border-radius:10px; color: #555555; font-size:11px; padding:3px 20px 3px 7px; background:#fcfcfc url('../images/client/tenant-lite/li_close_note.png') no-repeat 99% 3px; cursor:pointer; }
.li_setting_note{position:relative; margin-top:7px; border:  1px solid #f3f3f3; border-collapse: collapse; border-radius:10px; color: #555555; font-size:11px; padding:3px 20px 3px 7px; background:#fcfcfc url('../images/client/tenant-lite/li_close_note.png') no-repeat 99% 3px; cursor:pointer;  text-align:justify;}
 .li_Setting_landing_page td .showHelpNote{background:transparent url('../images/client/tenant-lite/faq.gif') no-repeat 0 0; width:16px; height:16px; display:inline-block; *display:inline; zoom:1; margin-left:5px; border-bottom:none; outline:0 !important; outline:none; z-index:9999;}
.showHelpNote{background:transparent url('../images/client/tenant-lite/faq.gif') no-repeat 0 0; width:16px; height:16px; display:inline-block; *display:inline; zoom:1; margin-left:5px; border-bottom:none; outline:0 !important; outline:none; text-decoration:none;}
 .li_Setting_landing_page td .showHelpNote:hover{text-decoration:none;}
 .li_Setting_landing_page td .li_link_box{position:relative;}

 .li_common_link_top{margin:5px 0;}
 .li_common_link_top .selected{padding: 4px 7px; background-color: #4bafea; color: #ffffff; cursor: pointer; display: inline-block; *display:inline; zoom:1px; font-weight: normal; text-decoration: none;}
 .li_common_link_top .unselected,  .li_common_link_top a{ background-color: #fff; color: #222; cursor: pointer; display: inline-block; *display:inline; zoom:1px; font-weight: normal; text-decoration: none; outline:none; outline:0 !important;}
 .li_style_ul li{background: url("../images/client/tenant-lite/gray/li_setting_bullet.png") no-repeat scroll 0 3px transparent; color: #6E6E6E;  display: block; font-size: 11px; list-style: none outside none; margin-left: 5px; padding: 2px 0 2px 18px;}


 .li_gray_glob{font-size:12px; color:#444; font-weight:600; text-transform:none; line-height: 22px; }

 .li_common_form2{border-collapse:collapse;}
 .li_common_form2 th.head{font-weight:bold; padding:5px; color: #222222; border-bottom:1px solid #f3f3f3; text-align:left;}
.li_common_form2 th.head{font-weight:bold; padding:5px; color: #222222; border-bottom:1px solid #f3f3f3; text-align:left;}
 .li_common_form2 th.sub-head{font-weight:bold; padding:5px; color:#444; border-bottom:1px solid #f3f3f3; text-align:left;}
.li_common_form2  tr.head td{font-weight:bold; padding:5px; color:#444; text-align:left;}
.li_common_form2{border-collapse:collapse;}
.li_common_form2 th{text-align:right; color:#777; padding:4px 5px; vertical-align:top; font-weight:normal; font-size:12px;}
.li_common_form2 td{color:#333; padding:4px 5px; font-size:12px; vertical-align:top;}
.li_common_form2 td a.li_f_button{color:#3399FF; text-decoration:none; border-bottom:2px dotted #8b8b8b; font-size:13px;}
.li_common_form2 td a.li_f_button:hover{border-bottom:none;}
.li_common_form2 td label input{position:relative; top:2px;}
* html  .li_common_form2 td label input{position:fixed; top:2px;}
.li_common_form2 td.td_green, .li_myAttendance span.td_green{color: #222222; font-weight:bold;}
.li_common_form2 td.td_gray{color:#444; font-weight:bold; vertical-align: middle;}

 .li_com_link a{color:#1c64a1; text-decoration:none; padding:5px 3px 1px; display:inline-block; *display:inline; zoom:1px; outline:none; outline:0; }
 .li_com_link a:hover{text-decoration:underline;}

 .li_com_link2 a{/*color:#434343;*/ text-decoration:none; padding:5px 2px; display:block; font-size:14px; outline:none; outline:0; text-decoration:none; }
.li_com_link2{border-bottom: 1px dashed #ddd;  text-transform: none;}
.form-horizontal .radio, .form-horizontal .checkbox {margin-top: 4px;}
.arrow-setting{padding-top: 5px;}
.quick-links-setting{float: left;
    margin-right: 10px;}
.quick-links-setting-text{display: inline;
    line-height: 46px; font-size:14px;}
.display-inline{display: inline;}
.margin-minus{margin-top: -12px;}

 .li_com_link2 a:hover{text-decoration:underline;}
s
 .li_com_link3 a{color:#1c64a1; text-decoration:none; padding:5px 1px; display:inline-block; *display:inline; zoom:1; font-size:11px; outline:none; outline:0; text-decoration:none; }
.li_com_link3{border-bottom: 1px solid #f3f3f3;}
 .li_com_link3 a:hover{text-decoration:underline;}
 a.li_lite_gray strong{color:#1c64a1; text-decoration:none;}
 a.li_lite_gray:hover strong{text-decoration:underline;}
 
 a.li_com_link{text-decoration:none; border-bottom:1px dotted; padding:5px 3px 1px; display:inline-block; *display:inline; zoom:1px; outline:none; outline:0; font-size:12px;}
 a.li_com_link:hover{text-decoration:none; border-bottom:none;}

  a.li_f_button{color:#1c64a1; text-decoration:none; /*font-size:11px;*/ border-bottom:1px dotted;}
 a.li_f_button:hover{text-decoration:none; border-bottom:none;  -webkit-transition: font-size:14px 2s; /* Safari */
  transition: font-size:14px 2s;}
 .pointer{cursor: pointer;}
 
 a.li_g_button{text-decoration:none; font-size:11px; /*border-bottom:1px dotted;*/ background:#6dbd45; 
	background: -moz-linear-gradient(center top , #6DBD45 20%, #5EAD2F 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 1px 0 #529E21 inset, 1px 0 0 #4A911C inset, -1px 0 0 #4A911C inset, 0 -1px 0 #3D7F12 inset, 0 2px 0 rgba(255, 255, 255, 0.3) inset, 0 0 4px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #FFFFFF!important;
    font-family: 'Open Sans', Verdana,Sans-Serif;
    font-size: 15px; padding:3px 8px;  }
 a.li_g_button:hover{background:#6dbd45;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.2, #5EA534), color-stop(1, #519327));
	background:-moz-linear-gradient(center top, #5EA534 20%, #519327 100%);}
span.btn_new{ margin-right:10px;}
.gray_btn {text-decoration:none; font-size:11px; /*border-bottom:1px dotted;*/ background:#e0e7ef; 
	background: -moz-linear-gradient(center top , #e0e7ef 20%, #f7f7f7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 1px 0 #eceff4 inset, 1px 0 0 #eceff4 inset, -1px 0 0 #eceff4 inset, 0 -1px 0 #eceff4 inset, 0 2px 0 rgba(255, 255, 255, 0.3) inset, 0 0 4px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #323c4a!important;
    font-family: 'Open Sans', Verdana,Sans-Serif;
    font-size: 15px; padding:3px 8px; margin-left:10px!important; }
.gray_btn a:hover,.gray_btn a:selected,.gray_btn a:visited {background:#d7dce3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.2, #d7dce3), color-stop(1, #d7dce3));
	background:-moz-linear-gradient(center top, #d7dce3 20%, #519327 100%);}

 .li_page td.li_desc{font-size:11px; color:#555; line-height:16px; padding: 5px 30px 5px 20px;  text-align: justify;}
 .li_desc4{font-size:12px; color:#444; line-height:16px; text-align: justify;}
 .li_pad_bot{padding-bottom:8px}
 .li_page .li_desc2{color: #666666;font-size: 12px; font-weight: normal; line-height: 24px; margin: 10px 10px 10px; width: 98%;}
 .li_page td td textarea{  border-color: #ccc; color: #666666; font-family: "Open Sans",arial,sans-serif; font-size: 12px; height: 51px; margin-left: 20px; outline: medium none; padding: 5px 10px; resize: none;}
 td div.li_desc3{border-bottom: 1px solid #f3f3f3; color: #555555; font-size: 11px; margin: 3px 0 10px; padding: 5px 7px 7px; text-align: justify;}

 .li_leave_table_three td.li_desc{font-size:11px; color:#555; line-height:16px; padding: 5px 30px 5px 10px;  text-align: justify;}
 .li_desc{font-size:11px; color:#555; line-height:16px; padding: 5px 30px 5px 10px;  text-align: justify;}

 .li_page td.li_color_code{text-align:right; padding-right:30px}
 .li_color_code{text-align:right; padding-right:30px}
 .li_com_bb{border-bottom: 1px solid #f3f3f3; padding:0 0 3px 0; font-size: 13px;}
 .li_com_bb_parent{border:1px solid #eee;}
 .li_com_bb_override{background:#eee; padding:5px; font-size:14px;margin-bottom:10px;}
 tr.bb td{border-bottom: 1px solid #f3f3f3; text-align:left;} .li_pad_top{padding-top:7px;}
 tr.bb td td{border-bottom:none;}

.li_comm_info{background:#ff5c5d; color:#fff; padding: 3px 5px; margin-left:5px; font-size:11px;}

* html  .li_com_width{width:95%}
 .li_com_width{width:100%}

 .li_select_emp_input{font-size:16px; font-weight:bold; color:red; border:none; width:55px;}
 .li_select_emp_text{font-size:11px; font-weight:bold; color: #222222; border:none;}

* html  .li_select_emp_input{width:20px;}

 .li_green_13px{color: #222222; font-size:13px; font-weight:bold; padding:5px 0;}
 .li_gray_12px{color:#333; font-size:12px; font-weight:bold; padding:10px;}
 .li_gray_0{color:#333; font-size:12px; font-weight:bold; padding:0 0 5px 0;}
 .li_gray_13px{color:#333; font-size:13px; font-weight:bold; padding:5px 0;}

 .li_note_bt{ margin-top:10px; border-top: 1px solid #f3f3f3;}

 .li_div_style{padding:2px 5px; color:#444;}
 .li_div_style label input{border:none; position:relative; top:2px;}
 .li_Approvers_head{ border-bottom:  1px dashed #4100d8; clear: both; color: #4100d8; font-weight: 600; margin: 0px 0 0px; padding: 2px; text-transform:none; font-size:14px;}

* html  .ie_extra_space_del{padding:0; margin:0; font-size:0; line-height:0; border:0; outline:0;}

* html  .li_ie_height{margin-top:3px; height:20px}
* html  .li_ie_height2{margin-top:5px; height:20px}
 .li_ie_height{margin-top:3px;} 
 .li_ie_height2{margin-top:5px; height:30px} 

 .li_current_emp { border-collapse: collapse; color: #444444; display: inline-block; font-weight: bold; margin: 5px 0 10px; padding:0px 5px 16px; *display:inline; zoom:1; height: 27px;}
li_current_emp td{vertical-align:top;}
 .li_current_emp span{color: #222;}

 .li_element_button{ border: 1px solid #E1E1E1;border-radius: 10px 10px 10px 10px; color: #333333; display: inline-block; font-size: 11px; margin: 2px; padding: 3px 10px; text-decoration: none;background-color:#f2f2f2;}

 .li_element_button:hover{color: #222222;}

 .li_popupMenu{position:relative;}
 .li_popupMenuRight{position:relative;}
 .li_poseMenu{right: -6px; top: -9px; float:right; text-align:right;}
* html  .li_poseMenu{right: -8px; top: -22px; float:right;}
 .li_popupMenu>ul.li_menuList { display:none;
	position:absolute; top:15px; z-index:999;
	margin:0; padding:2px 5px; list-style:none;
	background:#fff; color:#333;
	right:0;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}

* html  .li_popupMenu ul.li_menuList{position:absolute; top:0; z-index:999;
	margin:0; padding:10px; list-style:none;
	background:#fff; color:#333;}

 .li_popupMenuRight ul.li_menuList2 { display:none;
	position:absolute; top:20px; z-index:999;
	margin:0; padding:0px 5px 0 0px; list-style:none;
	background:#fff; color:#333;
	list-style-type:none;
	right:0;	
	-moz-box-shadow:0 0 1px #999; -webkit-box-shadow:0 0 1px #999; box-shadow:0 0 1px #999
}

 .li_popupMenuRight ul.li_menuList2:before{content:""; width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid #999; position:absolute; top:-6px; right:5px;}
 .li_popupMenuRight:hover .li_menuList2{display:block}

 .li_popupMenuRight ul.li_menuList2 li a{text-decoration:none; display:block; padding:2px 5px; text-decoration:none; font-size:11px; color:#444;}
 .li_popupMenuRight ul.li_menuList2 li a:hover{color: #222222;}
 .li_popupMenuRight a.optionBtn{text-decoration:none; padding:3px 20px 3px 5px; font-size:11px; color:#333; border:1px solid #e1e1e1; margin:2px; background:url('../images/client/tenant-lite/menu-down.png') no-repeat 95% 50% #E1E1E1;}

 .li_option li a.menu-down {text-decoration:none; padding:5px 30px 5px 10px; font-size:11px; color:#fff; margin:2px; background:url('../images/client/tenant-lite/menu-down.png') no-repeat 95% 50% #d1d1d1; font-weight:normal;}

* html  .li_popupMenuRight a.optionBtn{*display:inline; zoom:1;}

 .li_popupMenuRight .li_width{width:170px;}
 .li_popupMenuRight .li_width li a{display:inline-block; *display:inline; zoom:1; border-bottom:1px solid #fff;}
 .li_popupMenuRight .li_width li a:hover{border-bottom:1px solid #f3f3f3; }

 .li_popupMenuRight a.li_com_link{border-bottom:none; padding:5px 0 !important;}

* html  .li_popupMenuRight ul.li_menuList2 { display:none; position:absolute; background-color:#fff; width:120px; border:1px solid #e1e1e1; z-index:9999; right:-120px; top:0;}

 .li_common_form2 td ul.li_ul_root{margin-left:20px; margin-top:5px;}
 .li_common_form2 td ul.li_ul_root li ul{margin-left:20px; }
 .li_common_form2 td ul.li_ul_root li ul li{height:20px; line-height:20px; padding:2px; margin-bottom:3px;}

 .li_common_form2 td textarea {color:#333; font-size:12px;}
 .li_common_form2 td select {color:#333; font-size:12px;} 
 .li_common_form2 td input {color:#333; font-size:12px;}

 .li_common_form2 td ul.li_ul_root li a{text-decoration:none; color:#444; font-size:11px; padding:0 2px 0 0;}

 #level1{margin-right:20px; border-right:1px dotted #b1b1b1;}
 #level2{margin-right:20px; border-right:1px dotted #b1b1b1; }
 #level2 td{text-align:left; color:#444; font-size:11px;}

 .drop-down-menu { display:block; list-style-type:none; }
 .drop-down-menu li { float:left; padding: 3px 5px }
 .drop-down-menu li ul
{
    position:absolute;
    background-color:#fff;
    border: 1px solid #999;
    border-radius: 0px 7px 7px 7px; -moz-border-radius:0px 7px 7px 7px; -webkit-border-radius:0px 7px 7px 7px;
    padding:5px;
	list-style-type:none;
}
* html  .drop-down-menu li ul { width:150px; white-space: nowrap;	overflow: hidden; text-overflow: ellipsis;}
 .drop-down-menu li ul li { float:none; }
 .drop-down-menu li ul li a { color:#555; text-decoration:none; font-size:11px; border-bottom:2px dotted #fff;}
 .drop-down-menu li ul li a:hover { border-bottom:2px dotted #b1b1b1; }
 .mb{margin-bottom:10px}

 .popupTable{padding:5px; border-radius:5px; background-color:#fff; z-index:999;}
 .popupTable table{border-collapse:collapse;}
 .popupTable table td {padding:2px;}

.shadow {
	-moz-box-shadow: 3px 3px 4px #b1b1b1;
	-webkit-box-shadow: 3px 3px 4px #b1b1b1;
	box-shadow: 3px 3px 4px #b1b1b1;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b1b1b1')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b1b1b1');
}

* html  ie_width_fix{width:500px;}

* html  .popupTable{border:1px solid #ababab; -moz-box-shadow: 2px 2px 4px #ababab; -webkit-box-shadow: 2px 2px 3px #ababab;	box-shadow: 2px 2px 4px #ababab; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ababab)";	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ababab');}

 .checkMsg{font-size:9px; background-color:mistyrose; padding:2px 5px; margin:2px 0 0 0; color:red; display:none; border-radius:7px; text-align:center; font-weight:bold;}

.li_l_close {position:absolute; right:-10px; top:10px; outline:0; outline:none; width:16px; height:16px; display:inline-block; *display:inline; zoom:1; background:transparent url('../images/client/tenant-lite/li_l_close.png') no-repeat 0 0;}

.li_l_available{height: 15px; padding: 5px 2px 0 22px; display:inline-block; *display:inline; zoom:1; background:transparent url('../images/client/tenant-lite/li_l_available.png') no-repeat 0 0; font-size:10px; color:#444; font-weight:bold;}
.li_l_closed{height: 15px; padding: 5px 2px 0 22px; display:inline-block; *display:inline; zoom:1; background:transparent url('../images/client/tenant-lite/li_l_closed.png') no-repeat 0 0; font-size:10px; color:#444; font-weight:bold;}
.li_l_present{height: 15px; padding: 5px 2px 0 22px; display:inline-block; *display:inline; zoom:1; background:transparent url('../images/client/tenant-lite/li_l_present.png') no-repeat 0 0; font-size:10px; color:#444; font-weight:bold;}
.li_l_leave{height: 15px; padding: 5px 2px 0 22px; display:inline-block; *display:inline; zoom:1; background:transparent url('../images/client/tenant-lite/li_l_leave.png') no-repeat 0 0; font-size:10px; color:#444; font-weight:bold;}
.li_l_holiday{height: 15px; padding: 5px 2px 0 22px; display:inline-block; *display:inline; zoom:1; background:transparent url('../images/client/tenant-lite/li_l_holiday.png') no-repeat 0 0; font-size:10px; color:#444; font-weight:bold;}
.li_l_regularized{height: 15px; padding: 5px 2px 0 22px; display:inline-block; *display:inline; zoom:1; background:transparent url('../images/client/tenant-lite/regularized.png') no-repeat 0 0; font-size:10px; color:#444; font-weight:bold;}
.li_l_absent{height: 15px; padding: 5px 2px 0 22px; display:inline-block; *display:inline; zoom:1; background:transparent url('../images/client/tenant-lite/li_l_absent.png') no-repeat 0 0; font-size:10px; color:#444; font-weight:bold;}
.li_l_weekend{height: 15px; padding: 5px 2px 0 22px; display:inline-block; *display:inline; zoom:1; background:transparent url('../images/client/tenant-lite/li_l_weekend.png') no-repeat 0 0; font-size:10px; color:#444; font-weight:bold;}

.li_l_overflow{overflow-x:auto; overflow-y:auto; width:445px; height:100px;}
.li_l_outer{margin-bottom:5px; position:relative; width:445px;}

 .selectedEmp{color: #222222; font-size:16px; font-weight:bold; border:none;}

 .li_common_form2 td ul.li_ul_root li a:hover{border-bottom:none;}

#myProfileDependentView{margin-top:10px;}
.max-min-size{max-width:350px; min-width:210px;}

.li_popup_button_center{padding:0px 0 0 0; border-top: 1px solid #e5e5e5; text-align:center; margin-top:5px;}

.li_link_right{text-align:right;}

 #m-core{border-collapse: separate;  border-spacing: 8px;}
 #m-core th { vertical-align: bottom;}
 .head{font-size:12px;}
 td.td-pink{background:#F9C7A6; padding:10px; border:1px solid black;}
 td.td-green{background:#fafafa; padding:10px; border:1px solid #cfcfcf; vertical-align:middle; text-align:center;}
 .n-span{float:right;  margin:5px 0px 0 2px; vertical-align:bottom; }
a.li_edit_photograph {
 position:absolute;
 bottom:5px;
 right:0;
 left:50px;display:block;
 visibility:hidden;
 /*background:transparent url("../images/client/tenant-lite/li_edit_image.png") no-repeat 11px 19px;*/
 padding:2px 2px 2px 2px;
 text-decoration:none;
 color:#333;
 width:40px
}
a.li_show_edit_photograph {
 position:absolute;
  bottom:5px;
 right:0;
 left:50px;
 display:block;
 visibility:visible;
 /*background:transparent url("../images/client/tenant-lite/li_edit_image.png") no-repeat 11px 19px;*/
 padding:2px 2px 2px 2px;
 text-decoration:none;
 color:#484848; text-shadow:1px 1px 2px #eee;
 font-weight:normal;
 width:40px
}

#li_emp_profile_photo {
  opacity: 1;
  display: block;
  transition: .5s ease;
  backface-visibility: hidden;
}

#li_edit_photograph {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  bottom: 5%;
left: 45%;
  transform: translate(-40%, -40%);
  -ms-transform: translate(-40%, -40%);
  align-content: center;
}

#li_emp_photo:hover #li_emp_profile_photo {
  opacity: 0.5;
}

#li_emp_photo:hover #li_edit_photograph {
  opacity: 1;
}
 a.li_edit_photograph{ position: absolute; visibility:hidden;  background:transparent /*url("../images/client/tenant-lite/li_edit_image.png") */no-repeat 11px 19px; padding: 2px 2px 2px 2px; text-decoration:none; color: #333;height:40px; }
 a.li_show_edit_photograph{ position: absolute; /*left: 27px; */visibility:visible;  background:transparent /*url("../images/client/tenant-lite/li_edit_image.png")*/ no-repeat 11px 19px; padding:2px; text-decoration:none; color: #484848; font-weight:normal; height:40px; }


 .li_leave_table_three th label input  {position:relative; top:0;}

 td.li_mode{vertical-align:middle; text-align:right; color:#444; font-weight:bold;}
 h2.grn_top{color: #222; font-size:14px; margin:5px 0 0 5px}
 .help-style{border:  1px solid #f3f3f3; border-radius: 10px 10px 10px 10px; color: #555555; font-size: 11px; line-height: 16px; padding: 5px 30px 5px 10px; text-align: justify; position:relative; width:95%; margin:10px 0 0 10px; background: url("../images/client/tenant-lite/li_close_note.png") no-repeat scroll 99% 3px #FAFAFA;  cursor:pointer; display:none;}
 .help-style li{margin-left:25px;}
 .help-style .triangle{  border-color: transparent transparent #E1E1E1 transparent; border-style: solid; border-width: 0.8em; position: absolute; top: -1.5em; -webkit-transform:rotate(0deg); -moz-transform: rotate(0deg); width: 0px;}
* html  .help-style .triangle{top:-3.1em;}

 .help-style .li_tri_left{left: 8.5em;}
 .help-style .li_tri_left_comp{left: 7.6em;}
 .help-style .li_tri_left_dg,  .help-style .li_tri_left_te{left: 12em;}
 .help-style .li_tri_left_edp{left: 18em;}
 .help-style .li_tri_left_pp{left: 5.9em;}
 .help-style .li_tri_left_tpr{left: 22.9em;}
 .help-style .li_tri_left_rg{left: 9.3em;}
 .help-style .li_tri_left_fs{left: 7.9em;}
 .help-style .li_tri_left_sf{left: 6.7em;}
 .help-style .li_tri_left_gs{left: 6.8em;}

 .ui-drop-down{background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B1B1B1;
    border-bottom-right-radius: 7px;
    border-top-left-radius: 7px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    visibility: hidden;
    width: 132px;
    z-index: 9999;}
.ui-drop-down a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    color: #222;
    display: block;
    font: 10px arial;
    margin: 0;
    padding: 5px;
    position: relative;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;}
	
.ui-drop-down a:hover {    
    border-bottom:  1px solid #f3f3f3;
    color: #333;
    }
	
	
.sidemenu .li_render_tabs ul li.li_bb_noline{border-bottom:none;}

.showHideHelp{ cursor:pointer;}
.li_intro_form td{color:#444; line-height:20px;}

.li_intro_form li {
    margin-left:35px;
}

.attendance_date{padding: 2px 4px; color: #FFFFFF; font-size: 10px; background: none repeat scroll 0pt 0pt #8b8b8b;}
.attendance_hour_worked{padding: 2px 4px; color: #333333; font-size: 10px; background: none repeat scroll 0pt 0pt #E1E1E1;  margin: 2px 0pt;}
.attendance_ot{padding: 2px 4px; color: #333333;  font-size: 10px;  background: none repeat scroll 0pt 0pt #f2f2f2; margin: 2px 0pt;}
.attendance_shift{padding: 2px 4px; color: #333333;  font-size: 10px;  background: none repeat scroll 0pt 0pt #E5E5E5;}

/*
 * Timepicker stylesheet
 */

.ui-timepicker-inline { display: inline; }

#ui-timepicker-div { padding: 0.2em; }
.ui-timepicker-table { display: inline-table; width: 0; }
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }

.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }

.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding:0px;/* width: 2.2em;*/  background:#f3f3f3;}
 td.ui-timepicker-minute-cell {line-height:19px!important;}
.ui-timepicker-table th.periods { padding:0px; /*width: 2.2em;*/ }

/* span for disabled cells */
.ui-timepicker-table td span {
	display:block;
    padding:3px;
    width: 15px; font-size:10px;

    text-align:right;
    text-decoration:none;
}
/* anchors for clickable cells */
  td.ui-timepicker-minute-cell a {padding:0px 3px!important;}
.ui-timepicker-table td a {
    display:block;
     padding:3px; padding-left:3px;
    width: 20px;font-size:10px;
    cursor: pointer;
    text-align:right;
    text-decoration:none;margin:1px;
}


/* buttons and button pane styling */
.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;
}
.ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
/* The close button */
.ui-timepicker .ui-timepicker-close { float: right }

/* the now button */
.ui-timepicker .ui-timepicker-now { float: left; }

/* the deselect button */
.ui-timepicker .ui-timepicker-deselect { float: left; }

.trigger .li-toggle-expended-black{background:transparent url('../images/client/tenant-lite/gray/li_toggle_expended.png') no-repeat 0 0; display:block; width:29px; height:24px; text-decoration:none;}
.trigger .li-toggle-collapse-green{background:transparent url('../images/client/tenant-lite/gray/li_toggle_collapse.gif') no-repeat 0 0; display:block; width:29px; height:24px; text-decoration:none;}

/* Ajax Auto Search */
/* Big box with list of options */
#ajax_listOfOptions{
position:absolute; /* Never change this one */
/*min-width:25%;  Width of box */
height:auto; /* Height of box */
overflow:auto; /* Scrolling features */
border:1px solid #ddd; /* Dark green border */
background-color:#FFF; /* White background color */
color: black;
text-align:left;
font-size:0.9em;
z-index:999999; margin-left:0px;border-radius: 0px 0px 15px 15px; border-top:none;margin-top: -2px;
box-shadow: 0px 1px 0px #ccc; border: 1px solid #66afe9!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)!important;
}
#section_menu_bar  #ajax_listOfOptions{width:39%!important;}
#ajax_listOfOptions div{ /* General rule for both .optionDiv and .optionDivSelected */
margin:0px 0px;
padding:4px 5px; border-bottom:1px dashed #ddd;
cursor:pointer;
font-size:13px;
font-family:'open sans',verdana;
}
#ajax_listOfOptions .optionDiv{ /* Div for each item in list */

}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
background-color: #4bafea;
color:#FFF;
}
#ajax_listOfOptions_iframe{
background-color:#F00;
position:absolute;
z-index:5;
}
/* End Ajax Auto Search */


 h2.greenHeader3{background:#fff; border-bottom: 1px solid #f3f3f3;  font-size: 15px;  padding:7px 10px; position:relative; top:-5px; left:-10px; width:100%; margin-bottom:10px; color:#333;}
* html  h2.greenHeader3 {position:fixed; top:-5px; padding:0 0 5px 0;}

.li_p{display:inline-block; *display:inline; zoom:1; text-decoration:none !important; width:20px; height:16px; padding:0; margin:0; position:relative; top:2px; background:transparent url("../images/client/tenant-lite/gray/li-arrow-left.png") no-repeat 0 0; }
.li_n{display:inline-block; *display:inline; zoom:1; text-decoration:none !important; width:20px; height:16px; padding:0; margin:0; position:relative; top:2px; background:transparent url("../images/client/tenant-lite/gray/li-arrow-right.png") no-repeat 0 0; }

/*** ESSENTIAL STYLES ***/
#empxtracklite {margin-left:10px; margin-top:0;}
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;	
	z-index:999;
	font-size:12px;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 9999;
}
.sf-menu > li {
	float: left;
}
* html .sf-menu li#item0{float:left; width:4.6em; padding:2px;}
* html .sf-menu li#item1{float:left; width:4.6em; padding:2px;}
* html .sf-menu li#item2{float:left; width:4.6em; padding:2px;}
* html .sf-menu li#item3{float:left; width:4.6em; padding:2px;}
* html .sf-menu li#item4{float:left; width:4.6em; padding:2px;}
* html .sf-menu li#item5{float:left; width:4.6em; padding:2px;}
* html .sf-menu li#item6{float:left; width:4.6em; padding:2px;}
* html .sf-menu li#item7{float:left; width:4.6em; padding:2px;}
* html .sf-menu li#item8{float:left; width:4.6em; padding:2px;}
* html .sf-menu li#item9{float:left; width:4.6em; padding:2px;}
* html .sf-menu li#item10{float:left; width:4.6em; padding:2px;}

.sf-menu li#item0{margin-right:10px; padding:2px;}
.sf-menu li#item1{margin-right:10px; padding:2px;}
.sf-menu li#item2{margin-right:10px; padding:2px;}
.sf-menu li#item3{margin-right:10px; padding:2px;}
.sf-menu li#item4{margin-right:10px; padding:2px;}
.sf-menu li#item5{margin-right:10px; padding:2px;}
.sf-menu li#item6{margin-right:10px; padding:2px;}
.sf-menu li#item7{margin-right:10px; padding:2px;}
.sf-menu li#item8{margin-right:10px; padding:2px;}
.sf-menu li#item9{margin-right:10px; padding:2px;}
.sf-menu li#item10{margin-right:10px; padding:2px;}

* html .sf-menu li li{float:left;}
* html .sf-menu li li li{float:none;}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin-bottom: 27px;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff; /* fallback colour must use full shorthand */
	border-top: 1px solid #fff;
	padding: .75em 1em;
	text-decoration:none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: #222;
}
.sf-menu li {
	background: transparent;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul li {
	background: #E1E1E1;
}
.sf-menu ul ul li {
	background: #E1E1E1;
}
* html .sf-menu ul ul li:hover {
	background: #fcfcfc;
}
* html .sf-menu ul ul li a:hover {
	background: #fcfcfc;
	color: #222222;
	text-decoration:none;
}
* html .sf-menu ul li a:hover {
	background: #fcfcfc;
	color: #222222;
	text-decoration:none;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #fcfcfc;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

.sf-menu li li:hover,
.sf-menu li li.sfHover {
	background: #fcfcfc;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: .9em;
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/arrows-ffffff.png) no-repeat 0 -100px;
}

li:hover > a .sf-sub-indicator,
li.sfHover > a .sf-sub-indicator {
	background-position: -10px -100px;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position: 0 0;
}
.sf-menu ul li:hover > a .sf-sub-indicator,
.sf-menu ul li.sfHover > a .sf-sub-indicator {
	background-position: -10px 0;
}


.sf-menu a.li_Home{background-image: url("../images/client/tenant-lite/gray/li_myHR.gif");  background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px; display:block; padding:0; box-shadow:0 0 .5em #ccc; border:2px solid #f1f1f1;}
.sf-menu a.li_Home_active{background-image: url("../images/client/tenant-lite/gray/li_My_HR_on.gif");  background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px; display:block; padding:0;}
.sf-menu a.li_Home:hover{background-image: url("../images/client/tenant-lite/gray/li_My_HR_on.gif"); }



.sf-menu a.li_MyProfile{background-image: url("../images/client/tenant-lite/gray/li_My_Profile.gif");  background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; padding:0;box-shadow:0 0 .5em #ccc;border:2px solid #f1f1f1;}
.sf-menu a.li_MyProfile:hover{background-image: url("../images/client/tenant-lite/gray/li_My_Profile_on.gif");}
.sf-menu a.li_MyProfile_active{background-image: url("../images/client/tenant-lite/gray/li_My_Profile_on.gif");background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block;padding:0;}


.sf-menu a.li_MyTeam{background-image: url("../images/client/tenant-lite/gray/li_Manager.gif");  background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px; display:block; padding:0;box-shadow:0 0 .5em #ccc;border:2px solid #f1f1f1;}
.sf-menu a.li_MyTeam:hover{background-image: url("../images/client/tenant-lite/gray/li_Manager_on.gif");}
.sf-menu a.li_MyTeam_active{background-image: url("../images/client/tenant-lite/gray/li_Manager_on.gif");background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px; display:block; padding:0;}

.sf-menu a.li_Report{background-image: url("../images/client/tenant-lite/gray/li_Reports.gif");  background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block;  padding:0;box-shadow:0 0 .5em #ccc;border:2px solid #f1f1f1;}
.sf-menu a.li_Report:hover{background-image: url("../images/client/tenant-lite/gray/li_Reports_on.gif");}
.sf-menu a.li_Report_active{background-image: url("../images/client/tenant-lite/gray/li_Reports_on.gif");  background-position: center center;  background-repeat: no-repeat;  display: block;  float: left;  height: 50px;  width: 70px;padding:0;}

.sf-menu a.li_Settings{background-image: url("../images/client/tenant-lite/gray/li_Settings.gif");  background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block;  padding:0;box-shadow:0 0 .5em #ccc;border:2px solid #f1f1f1;}
.sf-menu a.li_Settings:hover{background-image: url("../images/client/tenant-lite/gray/li_Settings_on.gif");}
.sf-menu a.li_Settings_active{background-image: url("../images/client/tenant-lite/gray/li_Settings_on.gif");  background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; padding:0;}

.sf-menu a.li_SettingsEmp{background-image: url("../images/client/tenant-lite/gray/li_Settings.gif");  background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block;  padding:0;box-shadow:0 0 .5em #ccc;border:2px solid #f1f1f1;}
.sf-menu a.li_SettingsEmp:hover{background-image: url("../images/client/tenant-lite/gray/li_Settings_on.gif");}
.sf-menu a.li_SettingsEmp_active{background-image: url("../images/client/tenant-lite/gray/li_Settings_on.gif");  background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; padding:0;}


.sf-menu a.li_SetupTrial{background-image: url("../images/client/tenant-lite/gray/li_SetupTrial.gif");  background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block;  padding:0;}
.sf-menu a.li_SetupTrial:hover{background-image: url("../images/client/tenant-lite/gray/li_SetupTrial_on.gif");}
.sf-menu a.li_SetupTrial_active{background-image: url("../images/client/tenant-lite/gray/li_SetupTrial_on.gif");  background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; padding:0;}

.sf-menu a.li_Help{background-image: url("../images/client/tenant-lite/gray/li_Help.gif");  background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block;  padding:0;box-shadow:0 0 .5em #ccc;border:2px solid #f1f1f1;}
.sf-menu a.li_Help:hover{background-image: url("../images/client/tenant-lite/gray/li_Help_on.gif");}
.sf-menu a.li_Help_active{background-image: url("../images/client/tenant-lite/gray/li_Help_on.gif");  background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; padding:0;}

.sf-menu a.li_PaymentSystem{background-image: url("../images/client/tenant-lite/gray/li_SetupTrial.gif");  background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block;  padding:0; box-shadow:0 0 .5em #ccc;border:2px solid #f1f1f1;}
.sf-menu a.li_PaymentSystem:hover{background-image: url("../images/client/tenant-lite/gray/li_SetupTrial_on.gif");}
.sf-menu a.li_PaymentSystem_active{background-image: url("../images/client/tenant-lite/gray/li_SetupTrial_on.gif");  background-position: center center;  background-repeat: no-repeat;  width: 70px; height:50px;  display:block; padding:0;}


 .change-theme td a{display:block; float:left; margin:0 25px 25px 0; border:1px solid transparent; box-shadow:0 0 .5em transparent;  width:98%; height:auto; padding:10px;}
  .change-theme td a img{width:100%;}
 .change-theme td a:hover{border:1px solid #b1b1b1; box-shadow:0 0 .5em #9B9B9B; display:block; float:left;}

 .change-theme td a.theme-selected{border:1px solid #b1b1b1; box-shadow:0 0 .5em #9B9B9B; display:block; outline:none !important; float:left;}
  .change-theme  a{display:block; float:left; margin:0 25px 25px 0; border:1px solid transparent; box-shadow:0 0 .5em transparent;  width:98%; height:auto; padding:10px;}
  .change-theme  a img{width:100%;}
 .change-theme  a:hover{border:1px solid #b1b1b1; box-shadow:0 0 .5em #9B9B9B; display:block; float:left;}

 .change-theme  a.theme-selected{border:1px solid #b1b1b1; box-shadow:0 0 .5em #9B9B9B; display:block; outline:none !important; float:left;}
.preferences { padding:57px 27px}
.preferences label{font-weight:bold;}
.view-attendance { float: left;
    font-weight: bold;
    margin-top: 2px;
    text-transform: none;
    width: 150px;}
* html  .theme-selected{
      *display:inline; zoom: 1;
      filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);
          
    }
.change-theme td{padding:1em;}
.label-color {background: none repeat scroll 0 0 transparent !important;  color: #278BC6; font-family: Lucida Console !important;  padding: 5px;}
.variable-color{color: #686868; font-family: Courier New !important; padding: 5px;}
.li_common_form2 ul,  .li_common_form2 ol{margin:5px 0 10px 25px; font-size:14px; }
.activeCell{box-shadow:0 0 5px #ccc; cursor:pointer;  background:#eee;}

h2.head{font-family: "Open Sans",arial,sans-serif; font-weight:normal; font-size: 21px; 
    font-weight: 300;
    letter-spacing: -1px; text-align:left; margin:0 0 .3em 0;}
.enroll td .input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 white;
    border-color: #D2D2D2 #EEEEEE #EEEEEE;
    border-image: none;
    border-radius: 1px 1px 1px 1px;
    border-right: 1px solid #EEEEEE;
    border-style: solid;
    border-width: 1px;
    margin: 0;
    padding: 5px 8px;
    width: 250px;
}
.fieldlt {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 4px;
    padding: 3px 5px 0 0;
    white-space: nowrap;
	font-family:arial;
	display:inline-block;
	*display:inline;
	zoom:1;
}
.code{ -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 white;
    border-color: #D2D2D2 #EEEEEE #EEEEEE;
    border-image: none;
    border-radius: 1px 1px 1px 1px;
    border-right: 1px solid #EEEEEE;
    border-style: solid;
    border-width: 1px;
	padding: 5px 8px;
    width: 150px;}

.button, .button span {
    border-radius: 0.2em 0.2em 0.2em 0.2em;
}
.button span {
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
    background-size: 3px 3px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.3em 0.7em;
}
.button:active {
    position: relative;
    top: 1px;
}

.button-orange {
    background: -moz-linear-gradient(-90deg, #FFE720, #FACC00) repeat scroll 0 0 transparent;
	margin-top:5px;	
}
.button-c-black {
    color: #666 !important;
}
.button {
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0.05em rgba(0, 0, 0, 0.4);
    display: inline-block;
    font: bold 16px "Arial","Tahoma","Verdana",sans-serif;
    text-align: center;
    text-decoration: none;
	text-decoration:none;
	
}
.button:hover{	text-decoration:none;}
.enroll td .input:focus{ outline:none; border-color:#ccc; box-shadow:0 0 5px #ccc;}
.msg {
    color: #444;   
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    padding: 10px 14px;
    text-align: justify;
	font-weight:300;
}
.msg .thanks{font-size: 18px;    
    padding: 10px 0 20px;
    text-align: center;
	font-weight:bold;
	color:#8DBB10;
	}
.li_free_trial{font-family:Arial , trebuchet ms,verdana; font-size:24px; color:#606060; text-shadow: 1px 1px 1px #ffffff;}
.li_free_trial a{font-family:Arial , trebuchet ms,verdana;}
.li_access_expires{font-family:Arial , trebuchet ms,verdana; color:#3B9FDA; font-size:14px; }
.li_item_middle{vertical-align:middle; text-align:right; /*font-weight:bold;*/ padding:0 5px 0 0; line-height:14px!important}

 h3{font-family:Arial , trebuchet ms,verdana; font-size:16px;  line-height: 1.4em;font-weight: 400; text-rendering: optimizelegibility;}

 .li_mobile{line-height:20px; padding: 2px 0 2px 24px; background:#fff url('../images/client/tenant-lite/li_mobile.png') no-repeat 0 center;}
 .li_landline{line-height:20px; padding: 2px 0 2px 24px; background:#fff url('../images/client/tenant-lite/li_landline.png') no-repeat 0 center;} 

 .heading{ font-size:16px; color:#444; margin:5px 0 0 10px; display:block; font-weight:bold; }
 .answer{color:#444;  margin:0 0 10px 20px; font-size:14px; float:left; display:block; }
 .training-url{background:#fff url('../images/slideshare.png') no-repeat 0 0; padding:5px 0 10px  54px;border-bottom:1px dashed #333; color:#3B9FDA; margin:10px 0 0 10px; font-size:14px; line-height:35px; display:block; }
 h4.faq-select {
    color: #38361E;
    font-size: 18px;
    margin:5px 0 25px 10px;
}
#faq-wrapper{padding:0 0 0 10px;}
#faq-wrapper h3 {     
    color: #009ADB;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    padding: 20px;	
    border-radius: 5px; 
}
#faq-wrapper h3:hover{cursor:pointer; text-decoration:underline;}


 #faq-wrapper p {  
    border-radius: 0 0 8px 8px;
    display: none;
    margin: 0 !important;
    opacity: 0;
    padding: 0 20px 20px;
    color: #555555;
    margin-bottom: 10px;
}
#faq-wrapper .faq{  border: 1px solid #f5fcff; background-color:#f5fcff; border-radius: 5px; margin:0px 0px 45px 0px;}

#faq-wrapper .faq:after {
   content: "";
   position: absolute;  
   left: 8em;
   border-top: 30px solid #f5fcff;
   border-top-color: inherit; 
   border-left: 0px solid #f5fcff;
   border-right: 40px solid #fff; 
}
#faq-wrapper h3.faq-on{padding:20px 20px 0 20px; background-color:transparent;}

#faq-wrapper p strong,.olclass strong {
    color: #38361E;
    font-size: 14px;
    font-weight: 700;
}
.olclass{ border-radius: 0 0 8px 8px;
    display: none;
    margin: 0 !important;
    opacity: 0;
    padding: 0 20px 20px;
    color: #555555;
    margin-bottom: 10px;}
.olclass ol{margin-left:35px;}

.signup-form {
				margin: 25px auto 0;
				width: 333px;
			}
			.signup{background: linear-gradient(#FFFFFF, #DDEFFF) repeat scroll 0 0 transparent;
			background:#DDEFFF; border:2px solid #e1e1e1;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px rgba(14, 41, 57, 0.12), 0 2px 5px rgba(14, 41, 57, 0.44), 0 -1px 2px rgba(14, 41, 57, 0.15) inset; margin-left: auto;
    margin-right: auto;position: relative; padding:15px; margin:0px; }
			.pull-left {
				float: left;
			}	
			.input-placeholder {
				position: relative; margin-bottom: 10px;
			}
			.input-placeholder  label{font-size:14px; float:left; padding:2px; font-weight:bold; color:#444;}			
			.signup .placeholder {color: #555;	cursor: text;font-size: 22px;
				font-weight: normal;left: 0;line-height: 20px;	margin-bottom: 5px;
				padding-left: 10px;	padding-right: 10px;display:inline-block;
				*display:inline;zoom:1;	width:100px;
			}	
           .signup .signup-input{  -moz-border-bottom-colors: none;
			-moz-border-left-colors: none;
			-moz-border-right-colors: none;
			-moz-border-top-colors: none;
			border-color: #999999 #BBBBBB #BBBBBB;
			border-image: none;
			border-radius: 5px 5px 5px 5px;
			border-right: 1px solid #BBBBBB;
			border-style: solid;
			border-width: 1px;
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18) inset;
			font-size: 14px;
			padding: 5px 10px 5px 35px;	
			width: 256px; color:#444;}	
			.name-bg{ background-position:10px 5px !important;}
			.email-bg{ background-position:10px -79px !important;}
			.password-bg{ background-position:10px -116px !important;}
			.company-bg{ background-position:10px -38px !important;}
			.phone-bg{ background-position:10px -155px !important;}
            .code-bg{padding:8px 10px !important; background:#fff !important; width:275px !important;}
           .signup .signup-input:focus{border-color:#64b0f1;-webkit-box-shadow:0 0 6px #56a5e8;-moz-box-shadow:0 0 6px #56a5e8;box-shadow:0 0 6px #56a5e8}	
			.signup .input-placeholder .error-msg {
				color: #584F47;
				cursor: pointer;
				height: auto;
				position: absolute;
				right: -255px;
				top: 9px;
				width: 260px;
				z-index: 2000;
				font-size:11;
				font-weight:normal;
			}

			.signup input {background: url("../images/client/tenant-lite/login-sprite.png") no-repeat scroll 0 0 #fff;				
						
			}


			.signup .hide {
				display: block;
			}
		  
			.signup .input-placeholder .error-msg .arrow-left {
					border-bottom: 6px solid transparent;
					border-right: 10px solid #FFFBF7;
					border-top: 6px solid transparent;
					height: 0;
					margin: 10px -1px 0 0;
					position: relative;
					width: 0;
					z-index: 999;
				}			
			.signup	.input-placeholder .error-msg .msg-body {
					background: none repeat scroll 0 0 #FFFBF7;
					border: 1px solid #DDDDDD;
					border-radius: 5px 5px 5px 5px;
					box-shadow: 2px 5px 13px -2px #AAAAAA;
					padding: 5px 10px;
					position: relative;
					width: auto;
					z-index: 99;
				}	
				.signup .input-placeholder .error-msg img {
					margin-right: 5px;
					margin-top: -3px;
				}
				.signup img {
					border: 0 none;
					height: 60px;
					width:295px;
					vertical-align: middle;
				}
				.signup h3 {
					color: #C19600;
					margin-top: 0;
					text-shadow: 0 1px 1px #FFFFE9;				
					font-size: 24px;
					line-height: 40px;
					padding-left:10px;
				}
				.btn-old{  
					padding: 5px 35px;
					  color: #fff;
					cursor: pointer;clear: both;background-color: #E7AF00;
					background-image: linear-gradient(to bottom, #FFE823, #E7AF00);
					background-repeat: repeat-x;
					border: 1px solid #BA8203;
					border-radius: 35px;
					font-size: 28px;
					line-height: normal;/* box-shadow: 0 1px 0 #FFFF5B inset, 0 1px 2px #FFFF5B; width: 230px;*/ display: inline-block; font-weight: bold; vertical-align: middle;  text-align: center;
				    text-decoration: none; vertical-align: middle; }
				.btn-old:hover{background-image: linear-gradient(to bottom, #E7AF00, #FFE823); color:#fff; text-decoration:none;}

			.input-placeholder p, .signup p{padding:0; margin:0;}
			.alert-success { 
				cursor: pointer;
				height: auto;
				position: absolute;
				right: -245px;
				top: 9px;
				width: 250px;
				z-index: 2000;
			}

			.alert-success .arrow-left {
			 border-bottom: 6px solid transparent;
				border-right: 10px solid #DFF0D8;
				border-top: 6px solid transparent;
				height: 0;
				margin: 10px -1px 0 0;
				position: relative;
				width: 0;
				z-index: 999;
			   float:left; 
			}

			.alert-success p{ background-color: #DFF0D8;
				border: 1px solid #468847;
				color: #468847;   
				border-radius: 6px 6px 6px 6px; 
				font-weight: bold;
				margin:0;
				padding: 5px 14px; float:left; font-size: 14px;}

			.alert-error { 
				cursor: pointer;
				height:30px;					
				margin:5px auto 5px;
				width: 330px;
				z-index: 2000;
			}

			.alert-error .arrow-left {
			 border-bottom: 6px solid transparent;
				border-right: 10px solid #FFEBE8;
				border-top: 6px solid transparent;
				height: 0;
				margin: 10px -1px 0 0;
				position: relative;
				width: 0;
				z-index: 999;
			   float:left; 
			}

			.alert-error p{ background-color: #FFEBE8;
				border: 1px solid #ED5454;
				color: #C82D2D;   
				border-radius: 6px 6px 6px 6px; 
				font-weight: bold;
				margin:0;
				padding: 5px 14px; font-size: 14px;}

#messageZone,#messageZonepage{width:38px; height:38px; background:url('../images/client/tenant-lite/gray/loading.gif') no-repeat center center #606057; text-indent: -9999px; white-space: nowrap;  border-radius: 10px;  border: 2px solid #606057;}
.faqSection div{text-align:justify; padding:0 0 10px 15px;}

 /* Make tooltip "links" have a different pointer (as the tooltip uses the "help" cursor by default) */      
  a[data-tooltip]
        {
        cursor:pointer !important;
		border:none;
		outline:none;
		z-index:0 !important;
        }
  /* Styles for elements having a data-tooltip attribute - using the star selector is processor intensive
     so you may wish to change this to list a known, limited set of tags instead */
  *[data-tooltip]
        {
        /* Relativly position the tooltip to enable us to position:absolute 
           the generated content */
        position:relative;        
        /* Links inherit the !important cursor rule from above */
        cursor:help;
        /* Moz requires the text-decoration here (as it won't allow the use of
          text-decoration:none on generated content) which is why I use the bottom 
          border to display a more accessible underline */
        text-decoration:none;   
        margin-left:7px;                
		top:3px;
        }
  /* Default :before & :after values */     
  *[data-tooltip]:after,
  *[data-tooltip]:before
        {
        content:"";
        /* Don't show tooltip by default */
        opacity:0;  
        /* Set a high z-index */
       
        
        /* Animations won't (yet) work on pseudo elements - shame really as this should fade the tooltip in 
           after one second - but I'll leave the rules for posterity */
          -moz-transition-property: opacity;
        -moz-transition-duration: 1s;
        -moz-transition-delay: 0s;
        
        -webkit-transition-property: opacity;
        -webkit-transition-duration: 1s;
        -webkit-transition-delay: 0s;
        
        -o-transition-property: opacity;
        -o-transition-duration: 1s;
        -o-transition-delay: 0s;
        
        transition-property: opacity;
        transition-duration: 1s;
        transition-delay: 0s;    
        
        /* -moz won't understand the text-decoration here but inherits the parent value of "none" successfully */
        text-decoration:none !important;
        outline:none;
        }
  /* Tooltip arrow - shown on hover or focus */
  *[data-tooltip]:hover:before,
  *[data-tooltip]:focus:before
        {
        /* Slightly opaque arrow */
        opacity:0.94;
        outline:none;
        content:"";  
        display:block;        
        position:absolute;
        top:20px;
        left:50%;
        margin:0 0 0 -5px;
        width:0;
        height:0;
        line-height:0px; 
        font-size:0px;       
        /* This sets the tooptip pointer color */
        border-bottom:5px solid #fff;
        border-left:5px solid transparent;
        border-right:5px solid transparent;        
        border-top:transparent;
        /* Border gradient */        
        -webkit-border-image:-webkit-gradient(linear, left top, left bottom, from(#33ccff), to(#33acfc));                        
        }
  /* Tooltip body - shown on hover or focus */
  *[data-tooltip]:hover:after,
  *[data-tooltip]:focus:after
        {
        /* Slightly opaque tooltip */
        opacity:0.94;
        /* Set display to block (or inline-block) */
        display:block;
        /* Use the data-tooltip attribute to set the content*/
        content:attr(data-tooltip);
        /* Position the tooltip body under the arrow and in the middle of the text */
        position:absolute;
        top:25px;
        left:50%;
        margin:0 0 0 -100px;
        /* Set the width */
        width:200px;
		
        /* Pad */
        padding:5px 10px;
        /* Style the tooltip */
        line-height:15px;
        /* min-height */
        min-height:18px; 
        /* Set font styles */  
        color:#333;
        font-size:12px;        
        font-weight:normal;
        font-family:helvetica neue, calibri, verdana, arial, sans-serif;
        /* Fallback background color */
        background:#ffffff; 
        text-align:justify;        
        outline:none;        
        /* Moz doesn't recognise the following... */
        text-decoration:none !important;                  
        /* Background gradient */        
        background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
        background:-moz-linear-gradient(top,#ffffff,#efefef);         
        /* Round the corners */
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;        
        /* Add a drop shadow */
        -moz-box-shadow:2px 2px 4px #ccc;
        -webkit-box-shadow:2px 2px 4px #ccc;
        box-shadow:2px 2px 4px #ccc;        
        /* Add a Text shadow */
       
		z-index:99;
        }  


.li-txt-center{text-align:center; padding-bottom:10px !important;}
 
 .overflow-box{border-right:2px dotted #e1e1e1; height:550px; overflow-y:auto;}
 .master-table{margin-top:9px; border-collapse:collapse;}

 .li_messages tr:hover td{background-color:#fbfbfb;}
 .li_leave_table_three tr.bb:hover td{background-color:#fbfbfb;}
 .li_leave_table_three tr.selected td{background-color:#fbfbfb; border-bottom: 1px solid #f3f3f3;}
 .li_leave_table_three tr.unselected td{border-bottom: 1px solid #f3f3f3;}
.li_leave_table_three tr.bb:hover td{background-color:#fbfbfb;}
 .li_com_tab_brd_off tr:hover td{background-color:#fbfbfb;} 
.li_emp_welcome{text-align:right; padding:0 5px 5px 0;}
.li_emp_logoff{text-align:right; padding:0 5px 5px 0;}
.li_JD{float:none; clear:both;  padding:0 5px 5px 0;}

  .li_purchase{font-size:14px; margin-bottom:10px; display:block; color:#444; font-weight:bold;}
  .s-module{width:250px; border-radius:5px; box-shadow:0 0 5px #ccc; background-color:#f1f8fd; margin:10px; padding:0 0 10px 0;}
  .o-module{width:250px; border-radius:5px; box-shadow:0 0 5px #ccc; background-color:#FFFFF4; margin:10px; padding:0 0 10px 0;}
  .s-module h3, .o-module h3{border-bottom: 1px solid #f3f3f3; color: #444444; font-size: 16px; font-weight: bold; margin: 0 10px 10px; padding: 10px 0 5px; text-align: center;}
  .s-module ul li,   .o-module ul li{ list-style-type:none; padding-left:25px; padding-bottom:5px; }
  .key-price{font-weight:bold; font-size:30px;}
  .y-price{font-weight:bold; font-size:20px;}
  .price-lbl{text-align:right; vertical-align:middle; font-weight:bold;} 

 .select-opt-head{background:#999999; color:#fff; font:italic bold 12px/30px Georgia,serif;}
 .li_Setting_landing_page td.li_landing_page_head{background:none; font-weight:bold; padding:5px 0 0 0; font-size:13px} 

.contentHolder { position:relative; margin:0px auto; padding:0px; width: auto; height: 300px; overflow: hidden;}
.contentHolder .content { width: auto; height: auto;}

  .full {
	width: 100%;
}
  .pull-left {
	float: left;
}
  .full ul li{list-style-type:none;}
  .plan.no-round.left {
	border-left: 1px solid #FCCD4D;
	border-radius: 6px 0 0 6px;
}


  .individual {
	background-color:#FFFFF4;	
	margin-right:10px !important;
	 cursor:pointer;
}

  .plan,   .plan-big {
	border-radius: 6px 6px 6px 6px;
	float: left;
	position: relative;
}
  .plan {
	/*border: 1px solid #FCCD4D;
	margin: 5px;
	padding: 10px 11px 10px;
	width: 170px;
	text-align:center;
*/}
  #calculatedPricing{padding:0px;}

  .individual h3 {
	color: #4BAFEA;
	text-align: center;
}
  .plan h3,   .plan-big h3 {
	font-size: 26px;
	line-height: 32px;
	margin: 0 0 3px;
	text-align: center;
}
  .plan h3, .plan span,   .plan-big h3, .plan-big span {
	/*float: left;width: 100%;*/
	text-shadow: 0 1px 0 #FFFFFF;
	
}


  .individual span {
	color: #533B15;
}			

  .plan span.big-text {
	margin-bottom: 8px;
}
  .plan small.note {
	font-size: 12px;
}
  .plan small.total-amount{display:block; color:#4BAFEA; font-size:13px; margin:5px 0 0 0; padding: 0 0 0 0;}
  .plan span.mid-text {
	font-size: 18px;
	font-weight:bold;
	margin:5px 0 10px;
	box-shadow: 0 2px 5px #CCCCCC;
    padding-top: 33px;
    position: absolute;
    right: 0;
    top: -57px;
    word-wrap: break-word;
}

.price{ margin:0px; padding:0px; }
.price h3 {font-family: 'Roboto Condensed', arial;
    font-size:28px;
    text-align:left; color:#1c64a1;}
.price h4 {font-family:'Roboto', Arial, sans-serif; text-transform:uppercase; font-size:14px!important; font-weight:normal; color:#ef6c0f;}
.price p { text-align:left; margin:0px; padding:5px 0px; color:#464646; font-family:'Roboto', arial; font-size:16px;}
.price .addmodules{ margin:10px 0px;}
.price .darkbar{ margin:0px; padding:6px 10px; background:#3c3c3c; color:#fff; font-size:15px;}
.price .stepsp{ font-size:15px; text-align:left!important; padding:10px 10px; background:#fff; box-shadow:1px 1px 4px #ddd; margin-left:56px; border:1px solid #ddd; margin-bottom:10px; }
.price .stepsp p{ font-size:15px; text-align:left!important; } 
.price .stepsp label{ float:left; padding:10px 10px 10px 0px; font-size:14px;}
.makechanges{ color:#fff; background:#1c64a1; border:1px solid #1c64a1;border-radius:4px; box-shadow:0px; padding:6px!important; margin-top:12px; font-size:12px!important;}
.makechanges:hover{  background:#083d6a; color:#fff!important}
.price .stepsp .btn-update{ color:#fff; background:#feab01; border:1px solid #feab01;border-radius:6px; box-shadow:0px; padding:6px 20px; margin-top:12px;}
.price .stepsp .btn-update:hover{  background:#cf8c02;}
.price .stepsp .bluebox{border:1px solid #ccc; min-height:100px;height:auto; }
.price .stepsp .bluebox ul{ margin:0px; padding:0px 10px!important;}
.price .stepsp .bluebox ul li label{ text-transform:none!important;}
.price .stepsp .bluebox h3 { background:#1d639f; color:#fff; font-size:16px; text-align:left; padding:6px 10px; text-transform:none; margin-bottom:10px;}
.price .plan{ margin:0px; padding:0px; width:100%!important; border:0px!important; }

.price .plan .plan_box {
    color: #464646; border:1px solid #ddd;border-top:6px solid #1a609c; background:#fff;  padding:14px; margin:10px 0px; margin-top:0px; margin-left:10px;margin-bottom: 69px; text-align:center; 
    
}
.price .plan .plan_box h3{ font-family:'Oswald',Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; font-size:25px; margin:0px; padding:5px 0px; text-transform:uppercase; text-align:center; font-weight:bold;}
.price .plan .plan_box p {font-size:15px; text-align:left!important;}
.price .plan .plan_box .details{ margin:10px 0px; padding:0px; }
.price .plan .plan_box .details h4{ color:#ef6c0f; font-size:50px!important; margin:0px; padding:5px 0px; font-weight:bold!important; font-family:'Roboto Condensed',Impact; letter-spacing: -0.6px; color:#ff7e22!important }
.price .plan .plan_box .details h4 span {font-size:18px; float:none!important;  display: inline !important; color:#434343;}
.price h5{ font-size:17px; text-transform:uppercase; color:#1c64a1; margin:7px 0px; padding:10px 0px; text-align:left!important; font-weight:normal;}
.price .plan .plan_box .details p{font-size:20px; text-align:center!important; padding:4px 0px; margin:0px;}
 .price  .btn-buynow{ background-image: -moz-linear-gradient(center top , #014580 20%, #105692 100%);
      color: #fff;
    cursor: pointer;
    font-family: "Open Sans",Verdana,sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 40px;
    margin:4px; margin-left:44%; display:block; width:200px;
    padding:8px 24px; border-radius:6px; border:1px solid #014580; text-align:center; }
span.mark{ 
    background-color:#feef01;   
    color: #000;    
    line-height: 1.42857;
    margin:6px;    
    padding:4px; font-size:16px; width:50%; float:right; text-align:center;
    }
.price .btn-buynow:hover{ background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: -moz-linear-gradient(center top , #1c64a1 20%, #1c64a1 100%);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto; color:#fff}
.price .border{ border-right:1px solid #eee;border-left:1px solid #eee;border-bottom:0px!important;padding:10px; min-height:300px; height:auto;}
  .plan span.mid-text em{font-style:normal; font-size:12px; font-weight:normal; display: block;}
 .mid-text {
	font-size: 18px;
	font-weight:bold;
	margin:5px 0 20px;
	box-shadow: 0 2px 5px #CCCCCC;
}
 .mid-text em{font-style:normal; font-size:12px; font-weight:normal}
  .plan a[class*="btn-"] {
	height: 39px;
	line-height: 39px;
	width: 154px;
}
 .final-price{font-size: 28px;
    font-weight: bold;
    line-height: 20px; color: #533B15; text-align: center; margin: 5px 0 15px;}

  .team {
	background-color:#FEFEDB;
	box-shadow:0 0 10px #FCCD4D;
	border:1px solid #FCCD4D;
	z-index:9;
}
  .plan .popular,   .plan-big .popular {
		background: #4BAFEA;
		border: medium none;
		border-radius: 0px;
		color: #ffffff;
		font-size: 15px;
		font-weight: bold;
		height: 28px;
		left: 20px;
		line-height: 24px;
		position: absolute;
		text-align: center;
		text-shadow: 0 1px 0 #F1F1F1;
		top: -29px;
		width: 145px;
		z-index: 9;
		background:#FFB514;
	}
	  .team h3 {
		color: #4BAFEA;
	}
	  .plan span.user, .plan-big span.user {
		border-bottom: 1px solid #FCCD4D;
		font-size: 18px;
		line-height: 20px;
		padding-bottom: 10px;
		text-align: center;
	}

	  .plan span.big-text {
		margin-bottom: 2px;
	}
	
	  .plan span, .plan-big span {
		font-size: 24px;
		font-weight: bold;
		line-height: 20px;
		margin: 5px 0 15px;
	}
	
	  .team span {
		color: #444B10;
	}
	  .plan.no-round.right {
		border-radius: 0 6px 6px 0;					
	}
	  .plan.no-round {
		border-left: 0 none;
		border-radius: 0 0 0 0;
	}
	  .align-center {
		text-align: center;
	}
	
	  .btn_col, .btn_col:visited {
		background-color: #87C900;
		background-image: linear-gradient(to bottom, #B1DC00, #87C900);
		background-repeat: repeat-x;
		border: 1px solid rgba(0, 0, 0, 0.3);
		border-radius: 5px 5px 5px 5px;
		box-shadow: 0 1px 0 #B1DC00 inset, 0 1px 2px #B1DC00;
		clear: both;
		color: #444444;
		cursor: pointer;
		display: inline-block;
		font-size: 12px;
		font-weight: bold;
		line-height: normal;
		margin: 0 10px 10px;
		padding: 5px 15px;
		text-decoration: none;
		vertical-align: middle;
		width: auto;
	}
  .btn_col:hover {
		background-image: linear-gradient(to bottom, #87C900, #B1DC00);
	}
 .discount{background-color:gold; /*padding:6px 20px!important;*/ border-radius:100px;width:100px; height:100px;}
 h3.h3-line{border-bottom: 1px solid rgb(252, 205, 77); padding-bottom: 10px; margin-bottom:10px; font-size:22px; font-weight:bold; line-height:22px;}
.btn-padd{padding:.8em 2em !important; font-size:18px !important;}

  .moduleContainer{  
    
    
}
.gredbg {
    background: -moz-linear-gradient(center top , #FFFFFF, #cfedff) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#85cfedff',GradientType=0 ); /* IE6-8 */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.52) 100%); /* IE10+ */
	background: -webkit-linear-gradient(top, rgba(141,210,232,1) 0%,rgba(255,255,255,.5) 100%); /* Chrome10+,Safari5.1+ */
    border: 1px solid #CBCBCB;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);   
	padding:5px;
	margin:0 auto;
	position:relative;
	top:-5px;
	font-size:12px;
	color:#686868;
	width:350px;	

}
.gredbg strong{color:#333; font-size:14px;}
.gredbg a{position:absolute; right:5px; border:0; padding-top:2px;}
  .frequency-opt {
    background: -moz-linear-gradient(center top , #FFFFFF, #C4DCF2) repeat scroll 0 0 transparent;
    text-align:center;
    border: 1px solid #CBCBCB;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    margin: 5px;
	padding:5px;
	width:150px; 
	height:120px;
	height:130px;
	display:inline-block; *display:inline; zoom:1; float:left;
	 cursor:pointer;
}
  label.individual input { position: absolute; z-index: -999;}

 .module_price_unselect{background-image: url('../images/client/tenant-lite/off-radio-24.png'); background-repeat: no-repeat;}
 .module_price_select{background-image: url('../images/client/tenant-lite/on-radio-24.png'); background-repeat: no-repeat; background-color:#fffbe6 !important; box-shadow:0 0 5px #FFD700;}
  .frequency-opt:hover{ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);}
  .frequency-opt input{position:absolute; top:-9999 !important; visibility:hidden; position:relative; top:0; visibility:visible; float:left;}
  .frequency-opt .opt-head{color: #444444; font-size: 16px; font-weight: bold; margin: 0 0 15px; text-align: center; width: 145px;  border-bottom: 1px solid #f3f3f3; padding: 0 0 7px; position:relative; top:-5px;}
  .pur-un-selected{background: #E1EDF8; background-repeat:no-repeat; 
background:#FFF;
background-image: url('../images/client/tenant-lite/off-radio-24.png'); /* fallback */
background-image: url('../images/client/tenant-lite/off-radio-24.png'), -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1EDF8)); /* Saf4+, Chrome */
background-image: url('../images/client/tenant-lite/off-radio-24.png'), -webkit-linear-gradient(top, #FFFFFF, #E1EDF8); /* Chrome 10+, Saf5.1+ */
background-image: url('../images/client/tenant-lite/off-radio-24.png'), -moz-linear-gradient(top, #FFFFFF, #E1EDF8); /* FF3.6+ */
background-image: url('../images/client/tenant-lite/off-radio-24.png'), -ms-linear-gradient(top, #FFFFFF, #E1EDF8); /* IE10 */
background-image: url('../images/client/tenant-lite/off-radio-24.png'), -o-linear-gradient(top, #FFFFFF, #E1EDF8); /* Opera 11.10+ */
background-image: url('../images/client/tenant-lite/off-radio-24.png'), linear-gradient(top, #FFFFFF, #E1EDF8); }

  .pur-selected{background: #E1EDF8; background-repeat:no-repeat; 
background:#E1EDF8;
background-image: url('../images/client/tenant-lite/on-radio-24.png'); /* fallback */
background-image: url('../images/client/tenant-lite/on-radio-24.png'), -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1EDF8)); /* Saf4+, Chrome */
background-image: url('../images/client/tenant-lite/on-radio-24.png'), -webkit-linear-gradient(top, #FFFFFF, #E1EDF8); /* Chrome 10+, Saf5.1+ */
background-image: url('../images/client/tenant-lite/on-radio-24.png'), -moz-linear-gradient(top, #FFFFFF, #E1EDF8); /* FF3.6+ */
background-image: url('../images/client/tenant-lite/on-radio-24.png'), -ms-linear-gradient(top, #FFFFFF, #E1EDF8); /* IE10 */
background-image: url('../images/client/tenant-lite/on-radio-24.png'), -o-linear-gradient(top, #FFFFFF, #E1EDF8); /* Opera 11.10+ */
background-image: url('../images/client/tenant-lite/on-radio-24.png'), linear-gradient(top, #FFFFFF, #E1EDF8); }
  .frequency-opt span{display:inline-block; *display:inline; zoom:1;}
 h3.purchase{font-size: 21px !important; margin-bottom:0 !important; padding-bottom:0 !important; line-height:21px; font-weight:bold; color:#444;display: inline;}
 .p-label{color:#777; padding-left:5px;}
 .big-font{ color: #585858; display: inline-block; font-size: 26px; font-weight: bold; padding:0 0 0 5px;}
 .moduleContainer table td{background:transparent !important;}
 .selectModule{
    padding: 0px 15px;
    
	margin:0px 0 0 0;
}
 .selectModule h5{font-size:14px;}
 .selectModule ul{margin-left:0;}
 .selectModule ul.moduleList li{display: block;    
    
	background:url('../images/client/tenant-lite/green-tick.png') no-repeat 0 center transparent;
	padding:0 0 10px 25px; font-size:14px;
}

.effect{box-shadow: 0 2px 5px #CCCCCC;
    font-size: 18px !important;
    font-weight: bold;
    margin: 5px 0 20px; display:inline-block; *display:inline; zoom:1; width:60%; padding:5px;}

 .confirm{background:url('../images/client/tenant-lite/confirm.png') no-repeat -2px center #f9f9f9;
   padding:5px 5px 5px 40px; height:18px; line-height:18px; border:1px solid #ccc; border-radius:30px; font-size:14px; font-weight:bold; margin:10px 10px 15px; width:180px;}

 .purchase_button{background:url('../images/client/tenant-lite/purchase_button.png') no-repeat 0 0 transparent; width:180px; height:39px; line-height:35px; text-align:center; color:#fff; display:inline-block; *display:inline; zoom:1; font-size:18px; font-weight:bold; text-decoration:none; margin:15px 0 10px 0;}
  .purchase_button a { color:#fff; text-decoration:none!important;}

.attrText {
    color: #7F7F7F;  
    font-weight: bold;
    padding: 5px 5px 3px 0;
}
.no-of-emp {
    background: -moz-linear-gradient(center top , #E6E6E6, #D3D3D3) repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;   
    padding: 5px 10px;
    position: relative;
    text-align: center;
}
  h4.frequency {
    padding-bottom:5px;
    color: #151515;
    font-size: 16px;
    font-weight: bold;
    margin:10px 0;
    word-wrap: break-word;
	border-bottom:1px solid #f3f3f3;
}

.contentHolderOne { position:relative; margin:0px auto; padding:0px; width: auto; }
.contentHolderTwo { position:relative; margin:0px auto; padding:0px; width: auto;}
.contentHolderThree {display:inline-block; *dispaly:inline; zoom:1; position:relative; margin:0px auto; padding:0px; /*width: 180px; height:40px;*/ overflow:hidden; text-align:left; white-space: nowrap;	overflow: hidden; text-overflow: ellipsis;min-height:30px; max-height:45px;}
* html .contentHolderTwo{height:100px;}
.contentHolderOne .content,.contentHolderTwo .content,.contentHolderThree .content { width: auto; height: auto;}
 .p-ten{padding:10px 0;}

 .opt-discount{background:#1A84AC; color:#fff; padding:3px 10px; width:80%; border-radius:35px; font-size:16px;}
 .opt-discount em{font-style:normal; font-size:11px;}
 .opt-price{font-size:28px; font-size:26px; padding:7px 0; font-weight:bold; color:#656565}
 .paypal-area{background:url('../images/client/tenant-lite/paypal_logo.png') no-repeat 98% 98% #FFF3DC; width:280px; height:120px; color:#444; float:left; padding:10px; margin:0 10px 10px 0; }
 .stripe-area{background:url('../images/client/tenant-lite/outline.png') no-repeat 98% 95% #EEF1F3; width:280px; height:140px; color:#444; float:left; margin:0 10px 10px 0; padding:10px;}
 .stripe-area strong,  .paypal-area strong{font-size:16px; display:block; margin:0 0 0 0;}
 .stripe-area small,  .paypal-area small{display:block; text-align:center;}
 .razorpay-area{background:url('../images/client/tenant-lite/razorpay.png') no-repeat 98% 95% #EEF1F3; width:280px; height:140px; color:#444; float:left; margin:0 10px 10px 0; padding:10px;}
#scrollUp {
	bottom: 20px;
	right: 20px;
	height: 38px;  /* Height of image */
	width: 38px; /* Width of image */
	background: url(../images/client/tenant-lite/top.png) no-repeat; z-index: 999!important;
}
 .product-to-purchase{background:url('../images/client/tenant-lite/product-to-purchase.png') no-repeat 3px center #f9f9f9;
   padding:5px 5px 5px 45px; height:18px; line-height:18px; border:1px solid #ccc; border-radius:30px; font-size:14px; font-weight:bold; margin:10px 10px 15px; width:220px;}
 .payment-details{border-collapse:collapse; border-left:1px solid #f3f3f3;}
 .payment-details td{padding:15px 5px 15px 15px; border-bottom:1px solid #f3f3f3; color:#777}
 .payment-details td span {font-size:16px; font-weight:bold; color:#555;}
 .payment-details tr.bb-none td{border-bottom:none !important;}
#li_logon_bar td div.li_purchaseNow{margin: 5px 0 8px ;}
#li_logon_bar td div.li_purchaseNow a{border-radius: 25px 25px 25px 25px; padding: 5px 15px; color:#533B15; line-height: 20px; box-shadow: 0 2px 5px #CCCCCC; font-size: 14px; font-weight: bold; text-decoration:none;}
.button-orange { background: #facc00;
background: -webkit-gradient(linear, left top, left bottom, from(#ffe720), to(#facc00) );
background: -moz-linear-gradient(-90deg, #ffe720, #facc00);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffe720', EndColorStr='#facc00');}  

.button-orange:hover{ background: #ffe720;
background: -webkit-gradient(linear, left top, left bottom, from(#facc00), to(#ffe720) );
background: -moz-linear-gradient(-90deg, #facc00, #ffe720);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#facc00', EndColorStr='#ffe720');}  

#li_logon_bar .note-link{position:absolute; bottom:-40px; width:155px; right:0; display:none;}
#li_logon_bar .note-link a.sticky-note{background:url('../images/client/tenant-lite/note.png') no-repeat 0 center transparent; padding:5px 5px 5px 30px; font-size:14px; color:#444; display:block;}
/* Notepad Start */
	.notepad{
border:1px solid #4dbeff;
background:#f8fcff;
box-shadow: 0 0 12px #818181;
-webkit-box-shadow: 0 0 12px #818181;
-moz-box-shadow: 0 0 12px #818181;
width:280px;
padding:7px 10px;
position:absolute;
cursor:pointer;
border-radius:5px;
}

.notepad  h3{
margin:5px 0;
}

.notepad .close{
float:right;
font-weight:bold;
text-align:center;
display:block;

}

.notepad form{
margin:0;
padding:0;
}

.notepad  form fieldset{
margin-top:1em;
border:0;
}

.notepad  form legend{
font-weight:bold;
}

.notepad  form input[type=text]{
width:98%;
}

.notepad  form textarea{
width:98%;
height:150px;
}

.notepad  form a.control{
text-decoration: none;
padding: 2px 20px;
text-align:center;
margin:5px 0;
display:block;
margin-top:5px;
font:bold 13px Verdana;
color: white;
border:1px solid #b2b2b2;
border-radius: 8px; /*w3c border radius*/
box-shadow: 1px 1px 2px rgba(0,0,0,.3); /* w3c box shadow */
-moz-border-radius: 8px; /* mozilla border radius */
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3); /* mozilla box shadow */
background: #4BAFEA;
background: -webkit-gradient(linear, left top, left bottom, from(#4BAFEA), to(#8dd1f8) );
background: -moz-linear-gradient(-90deg, #4BAFEA, #8dd1f8);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4BAFEA', EndColorStr='#8dd1f8');
}

.notepad form a.delete{
background: darkred;
background: -moz-linear-gradient(center top, #f5795d, #e55e3f 25%, #d02700 45%, #e55e3f 85%, #f5795d);
background: -webkit-gradient(linear, center top, center bottom, from(#f5795d), color-stop(25%, #4BAFEA), color-stop(45%, #d02700), color-stop(85%, #4BAFEA), to(#f5795d));
}

.notepad:before{ /*top left tape effect*/
content: '';
position:absolute;
width: 120px;
height: 25px;
border-left: 1px dashed rgba(0, 0, 0, 0.1);
border-right: 1px dashed rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.1);
background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
background: -moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
-webkit-transform:translate(-70px,0)
skew(10deg,10deg)
rotate(-50deg);
-moz-transform:translate(-70px,0)
skew(10deg,10deg)
rotate(-50deg);
-o-transform:translate(-70px,0)
skew(10deg,10deg)
rotate(-50deg);
-ms-transform:translate(-70px,0)
skew(10deg,10deg)
rotate(-50deg);
transform:translate(-70px,0)
skew(10deg,10deg)
rotate(-50deg);
}
/* Notepad End*/
#dynamicbarbg{background-image: url("../images/client/tenant-lite/gray/grey-bg.gif"); height:55px !important; width: 100% !important; z-index:99;}
.docked{background-image: url("../images/client/tenant-lite/gray/grey-bg.gif"); display:block;
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
-webkit-box-shadow:0px 3px 3px #CCCCCC; /*Safari shadow version*/
-moz-box-shadow:0px 3px 3px #CCCCCC; /*Mozilla shadow version*/
box-shadow:0px 3px 3px #CCCCCC; /*CSS3 shadow version*/}



.li-introduction .ca-menu{
    padding:0;
    margin:0 0 0 2em;   
}
.li-introduction .one-link-box{width:200px; margin:0 auto;}
.li-introduction .two-link-box{width:410px; margin:0 auto;}

.li-introduction .ca-menu li{
    width: 200px;
	width:196px;
    height: 250px;
	height:270px;
    overflow: hidden;
    position: relative;
    float:left;
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    background: linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	border:1px solid #efefef;
    margin-right: 4px;
	margin-bottom: 4px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.li-introduction .ca-menu li:last-child{
    margin-right: 0px;
}

.li-introduction .ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}

.li-introduction .ca-icon{
    font-size: 60px;
    color: #ddd;
    text-shadow: 1px 0px 1px rgba(255,255,255,0.8);
    line-height: 150px;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 0px;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.li-introduction .ca-icon-disable{   
      opacity: 0.5;
    font-size: 60px;
    color: #ddd;
    text-shadow: 1px 0px 1px rgba(255,255,255,0.8);
    line-height: 150px;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 0px;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.li-introduction .ca-content{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 50%;
    top: 50%;
	margin-top:14%;
}
.li-introduction h2{color: #5F5F5F; font-size:18px; font-weight:normal; margin: 5px; text-align:center; font-family: "Open Sans",arial,sans-serif; }
.li-introduction .ca-main{
    font-size: 26px;
	font-family: "Open Sans",arial,sans-serif;
    opacity: 0.8;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	line-height: 1.3em;
	font-weight:normal;
}

.li-introduction .ca-sub{
    text-align:center;
	font-family: "Open Sans",arial,sans-serif;
    font-size: 14px;
    color: #4BAFEA !important;
    text-shadow: 1px 1px 1px #fff;
    line-height: 40px;
    opacity: 0.8;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.li-introduction .ca-main-disable{
    font-size: 30px;
	font-family: "Open Sans",arial,sans-serif;
    opacity: 0.5;
	color:#888;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	 line-height: 1.3em;
}

.li-introduction .ca-sub-disable{
    text-align:center;
	font-family: "Open Sans",arial,sans-serif;
    font-size: 14px;
    color: #4BAFEA !important;
    text-shadow: 1px 1px 1px #fff;
    line-height: 40px;
    opacity: 0.5;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.li-introduction .ca-menu li:hover{
    background:#fbfeff;
}

.li-introduction .ca-menu li.disable:hover{
   background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    background: linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */
}

.li-introduction .ca-menu li:hover .ca-icon{
    color: #4BAFEA;
    font-size: 90px;
    opacity: 1;
   /* -webkit-animation: moveFromLeft 400ms ease;
    -moz-animation: moveFromLeft 400ms ease;
    -ms-animation: moveFromLeft 400ms ease; */
	 transform:scale(1.1);
    -ms-transform:scale(1.1); /* IE 9 */
    -moz-transform:scale(1.1); /* Firefox */
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -o-transform:scale(1.1); /* Opera */
}

.li-introduction .ca-menu li:hover .ca-main{
    color: #4BAFEA;
/*    -webkit-animation: moveFromRight 300ms ease;
    -moz-animation: moveFromRight 300ms ease;
    -ms-animation: moveFromRight 300ms ease; */
}

.li-introduction .ca-menu li:hover .ca-sub{
    color: #000 !important;
   /* -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease; */
}
@-webkit-keyframes moveFromLeft{
    from {
        -webkit-transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromLeft{
    from {
        -moz-transform: translateX(-100%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromLeft{
    from {
        -ms-transform: translateX(-100%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromRight {
    from {
        -moz-transform: translateX(100%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromRight {
    from {
        -ms-transform: translateX(100%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

.li-introduction {border-collapse: separate;  border-spacing: 8px;  margin:10px auto;}
.li-introduction td{background-color:transparent !important; color: #333;
	font-family: 'Terminal Dosis', Arial, sans-serif; font-size: 13px;}
.employee,.Manager{margin-right:35px;}
.head-font{font-size:16px}
.hr-center{text-align:center; margin:5px;}
.information{background:url('../images/client/tenant-lite/intro/users-information.png') no-repeat 0 center transparent; padding:5px 3px 5px 30px; font-size:12px; color:#686868; margin:5px 0 0 10px;}

.footer{font-size:10px; /*margin: 10px auto 0;*/ clear:both; display:block;  line-height: 14px; text-align:center;}

.responsive-width{width:99%}


.next-prev-arrow{background: url("../images/client/tenant-lite/gray/next-prev-arrow.png") no-repeat scroll 4px 20px #F5F5F5;
    border: medium none;
    height: 40px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-indent: -119988px;
    top: 0;
    width: 20px;
	display:block;
	}
.li_next {
    background-position: 6px -107px;
    box-shadow: 1px 0 0 #F0F0F0 inset;
    left: 100%;
}
.li_next:hover{background-position: 6px -147px;
    box-shadow: 1px 0 0 #F0F0F0 inset;
    left: 100%;}

.li_previous {
    background-position: 6px 13px;
    box-shadow: -1px 0 0 #F0F0F0 inset;
    right: 100%;
}
.li_previous:hover{ background-position: 6px -27px;
    box-shadow: -1px 0 0 #F0F0F0 inset;
    right: 100%;}

.li_previous_disable {
    background-position: 4px -66px;
}
.li_next_disabled {
    background-position: 4px -187px;
}

.more ul {
	-webkit-font-smoothing:antialiased;	 
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.li_render_bread .more{float:left; margin-left:5px;}
.li_render_bread .more li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    min-width: 25%;
}
.li_render_bread .more li a.dropdown{background-color:transparent !important;  font-size: 14px;
    height: 19px; line-height: 18px; color:#4BAFEA; padding:0; text-decoration:none; font-weight:bold;}
.li_render_bread .more li a.dropdown:hover{background:transparent !important; color:#4BAFEA !important; text-decoration: none; }
.li_render_bread .more a {
    white-space: nowrap !important;
    background: #fff !important;
    color: #444;
    display: block;
    font: normal 13px/50px sans-serif;
    padding: 0 15px;
	line-height:30px;
    text-align: left;
    text-decoration: none;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
.li_render_bread .more .dropdown:after {
    content: '\25bc';
}
.li_render_bread .more .dropdown:hover:after{
	content:'\25bc'
}
.li_render_bread .more li:hover a {
    background: #fff;
}
.li_render_bread .more li ul {
    width:auto;
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 16px;
	top:10px;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
.li_render_bread .more li:hover ul {
    opacity: 1;
    top: 20px;
	top:15px;
    visibility: visible;
}
.li_render_bread .more li ul li {
    float: none;
    width: 100%;
}
.li_render_bread .more li ul a:hover {
    background: #4BAFEA !important;
	color:#fff !important;
}

/* Clearfix */

.li_render_bread .more li ul {
    zoom:1;
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);   
    list-style: none outside none;
    margin: 2px 0 0;
    padding: 5px 0;
    z-index: 1000;
}

.li_render_bread ul .cf:after, .cf:before {
    content:"";
    display:table;
}
.li_render_bread ul .cf:after {
    clear:both;
}
.li_render_bread ul .cf {
    zoom:1;
}

.li_render_bread .bread-cont a {
    color: #0F2D5E;
    text-decoration: underline;
    color: #333; font-size:13px; text-decoration:underline; top:-5px;}

.li_render_bread .bread-cont {    
    display: block;
    float: left;
    padding: 0 2px 0 12px;
}
.li_render_bread  .arrow-right{background: url("../images/client/tenant-lite/bread-arrow.gif") no-repeat scroll left 4px transparent;}
.li_render_tabs{/*border-bottom: 4px solid #4BAFEA; margin-bottom: 5px;*/ margin-left: 3px; margin-top:1.5em; margin-bottom:1em; width: 98%;  height: 20px; z-index:99;}

.li_render_bread {display:inline;}
.li_render_bread .bread-cont a:hover{text-decoration:none; color:#4BAFEA}
 .li_com_tab_brd_off tr.bb td.bg-hover{background-color: #F2F2F2; cursor:pointer;}

.sectionCont td {
    background: none repeat scroll 0 0 #FFFFFF;
}
.sectionTitle {
    background: none repeat scroll 0 0 #FFFFFF;
	padding:10px 0;
}
.fieldsetBlue {
    border: 0 none;
    padding: 5px 10px 10px;
}
.legendBlue {
    background-color: #FFFFFF;
    color: #222222;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 0;
}
#formCont {
    border-top: 1px solid #f3f3f3;
}
#formCont td {
    padding: 3px 10px;
    vertical-align: middle;
}
.bold_txt {
    color: #333333;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    text-decoration: none;
}
.rowOne td {
    background-color: #e8e8e8;
    font-size: 12px;
	padding:5px;
}
.rowTwo td, .searchTitle {
    background-color: #FFFFFF;
    
	
}
.rowTwo td,.rowOne td{padding:3px; font-size: 12px;}

.li_button_disabled, .li_button_disabled:hover, .li_button_disabled:active{
			color: #e1e1e1;			
			position: relative;
			top: 1px;
			border: solid 1px #B0B0B0;
			background: #B0B0B0;
			display: inline-block;
			zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
			*display: inline;
			vertical-align: baseline;
			margin: 0 2px;
			outline: none;
			cursor: pointer;
			text-align: center;
			text-decoration: none;
			font: 14px/100% Arial, Helvetica, sans-serif;
			padding: .5em 2em .55em;
			text-shadow: 0 1px 1px rgba(0,0,0,.3);
			-webkit-border-radius: .5em;
			-moz-border-radius: .5em;
			border-radius: .5em;
			-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			box-shadow: 0 1px 2px rgba(0,0,0,.2);
			font-size: 11px;
			padding: .4em 1em .42em;
			cursor: default;
		}


 a.tooltip {outline:none; } 
 a.tooltip strong {line-height:20px;}
 a.tooltip:hover {text-decoration:none;}
 a.tooltip span { z-index:10;display:none; padding:2px 8px; margin-top:-3px; margin-left:18px; width:auto; line-height:16px; }
 a.tooltip:hover span{ display:block; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;} 
 /*.callout {z-index:20;position:absolute;top:1px;border:0;left:-12px;}*/
 /*CSS3 extras*/ a.tooltip span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 1px 1px 2px #CCC; -webkit-box-shadow: 1px 1px 2px #CCC; box-shadow: 1px 1px 2px #CCC; }

 .fixed {
    position:fixed;
    top:80px;
}

.greenHeader .li_breadcrumbs {color:#4BAFEA; text-decoration:none; font-weight:normal; transition: all 1s ease-in-out 0.2s;}
.greenHeader .li_breadcrumbs:hover {color:#333333; }

 .li_padding_five{padding:5px;}
 .li_border_collapse{border-collapse:collapse;width: 100%;}
 .li_default_table{border-collapse:collapse;}
 .li_default_table td{padding:2px}
 .li_bor_colps_font_12{border-collapse:collapse; font:12px}
 .li_circle_20{border-radius:50px; border:1px solid #777; text-align:center; width:20px; padding:3px; margin:2px; font-size:12px;}
 .li_align_left{text-align:left;}
 .li_align_right{text-align:right;}
 .li_align_center{text-align:center;}
 .li_bold{font-weight:bold}
 .li_align_top, .li_align_top{vertical-align:top;}
 .li_width_100per{width:100%}
 .li_width_50per{width:50%}
 .li_width_25per{width:25%}
 .li_width_10per{width:10%}
 .li_width_5per{width:5%}
 .li_width_75per{width:75%}
 .li_width_35per{width:35%}
 .li_margin_left_10{margin-left:10px}
 .li_margin_bottom_10{margin-bottom:10px}
 .li_margin_left_15{margin-left:15px}
 .li_margin_top_20{margin-top:20px}
 .li_margin_left_5{margin-left:5px}
 .li_margin_right_15{margin-right:15px}
.li_margin_l_r_p5em{margin:0 10px;}
 .li_border_on{border-collapse:collapse;}
 .li_border_on td,  .li_border_on th{border:1px solid black; padding:3px;}
 .li_img_button{margin:0 2px;}
.li_img_button{margin:0 2px; z-index: 999;}

 .li_renderTip{ margin-bottom:10px; min-height:20px; color:#454545; padding: 4px 0 4px 24px; position: relative; top: -5px;}
 .li_renderTip div{font-size:12px; line-height:1.2em; font-weight:100;} 
 .li_renderTip li b,  .li_renderTip li strong{ font-family: "Open Sans",arial,sans-serif;}
 .li_page_head{font-size:13px; line-height:1.2em; margin-bottom:15px; font-weight:400; color:#7f7f7f; padding:0 0 0 5px; }

/*  Tooltip Lib */

  .hint, [data-title] {
  position: relative;
  /*display: inline-block;*/
  }
 .hint:before, .hint:after, [data-title]:before, [data-title]:after {
    /*position: absolute; visibility: hidden;opacity: 0;*/
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
   
    
    z-index: 999;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;}
   .hint:hover:before, .hint:hover:after, [data-title]:hover:before, [data-title]:hover:after {
    visibility: visible;
    opacity: 1; }
/*   .hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-title]:hover:before, [data-title]:hover:after, [data-title]:focus:before, [data-title]:focus:after {
    visibility: visible;
    opacity: 1; } */
   .hint:before, [data-title]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000;}
   .hint:after, [data-title]:after {
   /* content: attr(data-title);*/
    background: #484848;
    color: #fff;
  text-shadow: 0 -1px 0px black;
    /*padding: 8px 5px;*/
	font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); border-radius:4px;}
/**
 * set default color for tooltip arrows
 */
 .tip-top:before {
  border-top-color: #383838; }

 .tip-bottom:before {
  border-bottom-color: #383838; }

 .tip-left:before {
  border-left-color: #383838; }

 .tip-right:before {
  border-right-color: #383838; }

 .tip-top:before {
  border-top-color: #383838; }

 .tip-bottom:before {
  border-bottom-color: #383838; }

 .tip-left:before {
  border-left-color: #383838; }

 .tip-right:before {
  border-right-color: #383838; }
/**
 * top tooltip
 */
 .tip-top:before {
  margin-bottom: -12px; }
 .tip-top:after {
  margin-left: -70px; }
 .tip-top:before, .tip-top:after {
  bottom: 100%;
  left: 25%; }
 .tip-top:hover:after, .tip-top:hover:before, .tip-top:focus:after, .tip-top:focus:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

/**
 * bottom tooltip
 */
 

/**
 * right tooltip
 */
 .tip-right:before {
  margin-left: -12px;
  margin-bottom: -6px; }
 .tip-right:after {
  margin-bottom: -14px; }
 .tip-right:before, .tip-right:after {
  left: 100%;
  bottom: 50%; }
 .tip-right:hover:after, .tip-right:hover:before, .tip-right:focus:after, .tip-right:focus:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/**
 * left tooltip
 */
 .tip-left:before {
  margin-right: -12px;
  margin-bottom: -6px; }
 .tip-left:after {
  margin-bottom: -14px; }
 .tip-left:before, .tip-left:after {
  right: 100%;
  bottom: 50%; }
 .tip-left:hover:after, .tip-left:hover:before, .tip-left:focus:after, .tip-left:focus:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }


 .tip-rounded:after {
  border-radius: 4px; }
.tip-rounded:after {
  border-radius: 4px; }
/* Tooltip Lib end*/

 .li_renderTip ul{margin:0 10px 0 0;}
 .li_renderTip ul li {background: url("../images/client/tenant-lite/li_tip_bullet.png") no-repeat scroll 0 5px transparent; color: #303030;  display: block; list-style: none outside none; margin-left: 5px; padding: 2px 0 2px 18px;font-size:12px; line-height:1.3em; }
 .li_renderTip ul li img{height:16px; position: relative; top: 2px;}
 .li_renderTip > img {position:absolute; left:0; cursor:pointer;}
 .li_renderTip ul li a {color:#3B9FDA;}
 .li_renderTip ul li a:hover {text-decoration:none;}
a {color:#333}
a:hover {text-decoration:none; color:#222}
 .open-faq {background: url("../images/client/tenant-lite/plus-12.png") no-repeat scroll 0 5px transparent; text-decoration:none; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; padding:0 0 0 20px; color:#4BAFEA; display:block; line-height:22px;}
 .close-faq {background: url("../images/client/tenant-lite/minus-12.png") no-repeat scroll 0 3px transparent; text-decoration:none; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; color:#000;  padding:0 0 0 15px; display:block; }

 .open-faq:hover {color:#000;}
 .li_header{  padding: 5px 0 5px 35px; font-weight:bold; border-bottom: 1px solid #f3f3f3; margin:5px 0 0 0; font-size:13px; color:#333;}
.li-backto-admin{display:inline-block; width:16px; height:16px; background: url("../images/client/tenant-lite/li-logout.png") no-repeat scroll 0 0 transparent;}

.li_com_tab_brd_off tr.bb:last-child td{border-bottom:none;}
tr.bb:last-child td{border-bottom:none;}
 .li_com_tab_brd_off tr.bb:last-child td{border-bottom:none !important;}

tr.bb td a.showhide{visibility:hidden;}
tr.bb:hover td a.showhide{visibility:visible;}
.li-close-menu{position: absolute; left: -25px; top: 2px; background:url('../images/client/tenant-lite/li_close_box.png') no-repeat 0 0 transparent; display:block; width:20px; height:20px; top:-2px;}
.li-open-menu{top: 2px; background:url('../images/client/tenant-lite/li_shift.png') no-repeat 0 0 transparent; display:block; width:20px; height:20px; top:-2px;}
 .li-close-tip{position:absolute; right:-7px; top:-15px ; background:url('../images/client/tenant-lite/li_l_close.png') no-repeat 0 0 transparent; display:block; width:16px; height:16px} 
 .tipSetup{/*margin-top:15px; margin-right:45px; padding-bottom:10px;*/background-color:#f8f8f8; border-radius:3px;}
  .li-pdfForm{border-collapse:collapse;}
  .li-pdfForm td{padding:3px;}
  .li-pdfForm2 td{padding:2px 7px !important;}
  .li-pdfForm td.bl2px{border-left:2px solid #333; }
  .li-pdfForm tr.bb2px td{border-bottom:2px solid #333;}
  .li-pdfForm tr.bb td{border-bottom:1px solid #333;}
  .li-pdfForm td.blbr{border-left:1px solid #333; border-right:1px solid #333; }
  .li-pdfForm td.blbb{border-left:1px solid #333; border-bottom:1px solid #333; }
  .li-pdfForm td.bl{border-left:1px solid #333;}
  .li-pdfForm td.br{border-right:1px solid #333; }
  .li-pdfForm td.bb{border-bottom:1px solid #d0dced; }
  .li-pdfForm td.ba{border:1px solid #333; }
  .li-pdfForm td.bt{border-top:1px solid #333; }
  .li-pdfForm td img{position:relative; top:3px; width:14px;}
 .manage-ql{ background:url('../images/client/tenant-lite/quick-link.png') no-repeat 0 center transparent; display:inline-block; padding:2px 2px 2px 20px; height:20px; line-height:20px; position:relative; text-decoration:none; color:#333;}
 .manage-ql:hover{text-decoration:underline;}

.li_emp_expance { background: url("../images/client/tenant-lite/li_emp_expance.gif") no-repeat scroll 3px 50% transparent;}
 .box-float{float:left; margin:0 5px; width:12px; height:12px}

 .wid-fiv{width:500px}
 .wid-for{width:400px}
 .wid-tof{width:215px}
 .word-break{word-wrap: break-word;}
 .wid-of{width:150px;}
 .wid-sh{width:600px;}
 .mrg-top-z{margin-top:0}
 .red-msg{font-size:9px; color:red;}
 .red-msg11{font-size:11px; color:red;}
 .mrg-top-f{margin-top:5px}
 .mrg-top-twenty{margin-top:20px}
 .li-padr-zero{padding-right:0}
 .li-padl-zero{padding-left:0}
 .li-mic1{width:23px; position:relative;}
 .li-mic2{margin-bottom:3px; float:left}
 .li-mic3{width: 148px;}
 .li_clear-both{clear:both;}
 .li-mic4{text-align:center; color:red;}
.r-top-pos{position:absolute; top:26px; width:200px; right:10px; font-size:18px !important; top:50px;}
 .li-mic5, .li-mic5{font-size:22px; margin:15px 0 10px;}
 .li-mic6, .li-mic6{background:#FFFFE4; border:1px solid #f3f3f3; padding:10px; margin:0 5px 0 15px;}
 .font-size20, .font-size20{font-size:20px;}
 .li-mic7, .li-mic7{background:#F5FAFC; border:1px solid #f3f3f3; padding:10px; margin:0 15px 0 5px;}
 .li-mic8, .li-mic8{font-size:16px; color:#666}
 .li-mic9, .li-mic9{padding:0.3em 1em; font-size:18px}
 .width55{width:55px;}
 .m-top5em{margin-top:.5em;}
 .m-top5px{margin-top:5px;}
 .p-left{padding-left:50px}
 .cb-mb{clear:both; margin-bottom:5px}
 .m-top-zero{margin-top:0 !important;}

 .li-mis10{padding:5px 0 5px 5px; font-size:13px;}
 .li-pad50{padding: 5px 0;}
 .li-mis11{position:relative; top:-12px}
 .p-top5px{padding-top:5px}
 .m-bot0{margin-bottom:0}
 .li-overflow{overflow-y:auto; height:490px}
.li-hig28{height:28px;}
 .li-wid100px{width:100px}
 .v-align-bottom{vertical-align:bottom}
 .li-mis12{border-right:2px dotted #e1e1e1; height:200px; overflow-y:auto;}
 .li-mis13{border-right:2px dotted #e1e1e1; height:100px; overflow-y:auto;}
 .mrg-lr15px{margin-left:15px; margin-right:15px;}
 .inline-block{display:inline-block; *display:inline; zoom:1;}
 .li-mis14{border-top:none; margin-top: 10px;}
 .btop0-mrgtop10{border-top:none; margin-top: 5px;}
 .text-deco-none{text-decoration:none;}
 .li_float_right, .li_float_right{float:right;}
 .li_float_left, .li_float_left{float:left;}
 .overflow-x500{width:500px; overflow-x:hidden;}
 .bold-center{text-align:center; font-weight:bold;}
 .single-emp{padding:5px 0; width:230px}
 .page-brk-bef-alw{page-break-before:always}
 .v-align-mid{vertical-align:middle;}
 .single-emp2{z-index:0; width:230px;}
 .z-index99{z-index:99}
 .single-emp3{padding-top:5px; width:230px}
 .li-mis15{float:left; margin: 15px 0 5px 10px;}
 .li-mis16{float:left; margin: 15px 0 5px 0;}
 .img-pos, .img-pos{position: relative; top: 10px;}
 .c-bot-wid210{clear:both; width:210px}
 .single-emp4{padding:5px 0; width:210px}
 .li-mis17{background:#f0f0f0; vertical-align:top;}
 .li-mis18{clear:both; text-align:center;}
 .li-mis19{padding:5px; font-size:10px; color:#444;}
 .margin-top0{margin-top:0;}
 .wid120{width:120px}
 .ajax-ser-pos, .ajax-ser-pos{width: 148px; position: relative; top: -5px;}

 .f-size, .f-size{font-size:12px;}
 .li-mis20, .li-mis20{background-color:#C4D6EA;border-left:1px solid #cccccc;border-top:1px solid #cccccc; text-align:right;}
 .pad-rig-14px, .pad-rig-14px{padding-right:14px}

 .c-both{clear:both; height:3px; font-size:0;}
 .li-mis21{text-align:right; padding:10px 0 0 0}
 .li-pad-10px{padding:10px}
 .mrg-left7px{margin-left:7px}
 .li-mis22{padding:0 0 5px 0}
 .color-red{color:red}
 .li-mis23{width: 322px; height: 102px;}
 .li-mis24{text-align:right; margin:10px 0;}
 .li-mis25{position:relative; top:10px}
 .pad-bot5px{padding-bottom:5px;}
 .li-mis26{padding-left:33px}
 .li-mis27{margin-left:15PX; font-weight:bold}
 .li-mis28{margin-bottom:5px; width: 100%; text-align:center;}
 .li-mrg-left10{margin-left:10px;}
 .wid-50em{width:50em}
 .border-all{border:1px solid black}
 .li-mis29{padding:3px 2px; text-align:right;}
 .color777{color:#777}
 .li-mis30{font-size:11px; color:#777;}
 .li-mis31{float:left; color:#777;}
 .li-mis32{float:left; color:#777; margin-right:10px;}
 .li-mis33{font-style:normal; color:#000; line-height:25px;}
 .font11{font-size:11px}
 .li-overflowx400h{overflow-x:scroll;height:400px; overflow-y:none}
 .li-mis34{width:138px}

 .li-mis35, .li-mis35{position:relative;left:10px}
 .li-mis36, .li-mis36{margin-bottom:8px;margin-left:-10px;}
 .li-mis37, .li-mis37{float:left;width:25%;}
 .li-mis38, .li-mis38{float:left;width:48%;}
 .li-mis39, .li-mis39{background-color:#BCDAF2; font-size:12px;}
 .li-mis40, .li-mis40{position:relative;left: -10px}
 .li-mis41, .li-mis41{float:left;width:30%;}
 .li-mis42, .li-mis42{position:relative;left:145px;}
 .li-mis43, .li-mis43{clear:both;margin-left:52px;}
 .li-mis44, .li-mis44{float:left;margin-left:52px;}
 .li-mis45, .li-mis45{float:left;width:35%;position:relative;left:42px;}
 .li-mis46, .li-mis46{float:left;width:25%;height:26px;}
 .li-mis47, .li-mis47{float:left;width:70%}
 .li-mis48, .li-mis48{float:left;position:relative;left:67px;}
 .li-mis49, .li-mis49{clear:both;float:left;width:29%;}
 .li-mis50, .li-mis50{float:left;height:26px;width:29%;}
 .li-mis51, .li-mis51{float:left;position:relative;left:275px;}
 .li-mis52, .li-mis52{background-color:#BCDAF2;font-size:12px;}
 .li-mis53, .li-mis53{margin-bottom:8px;background-color:#ececec;}
 .li-mis54, .li-mis54{float:left;width:70%;}
 .li-mis55, .li-mis55{position:relative;left:65px;}
 .li-mis56, .li-mis56{float:left;position:relative;left:265px;}
 .li-mis57, .li-mis57{float:right;margin-right:10px;}
 .li-mis58, .li-mis58{position:relative;left:3px;}
 .li-mrg-lr10, .li-mrg-lr10{margin-left:10px; margin-right:10px;}
 .li-pad-left10, .li-pad-left10{padding-left:10px;}
 .li-mrg-r10, .li-mrg-r10{margin-right:10px;}
 .li-padtop0{padding-top:0;}

 .li-mrg-lft2em, .li-mrg-lft2em{/*margin-left:2em*/}
 .li-mrg-lft3em, .li-mrg-lft3em{margin-left:3em;}
 .li-mrg-lft13em, .li-mrg-lft13em{margin-left:1.3em;}
 .li-wth170, .li-wth170{width:170px;}
 .li-ovrflo, .li-ovrflo{width:450px; overflow-x:auto}
 .li-mis59, .li-mis59{font-size:11px;font-weight:bold;}
 .li-mis60, .li-mis60{margin-top:5px; margin-left:10px; display:block;}

 .li-mis61{height:200px; overflow-y:auto;}
 .li-mrg-bot10, .li-mrg-bot10{margin-bottom:10px;}
 .li-margleft45, .li-margleft45{margin-left:45px}
 .li-mis62, .li-mis62{display:inline-block; margin-right:20px}
 .li-mis62, .li-mis62{font-weight:bold; font-size:36px;  margin-top: 15px;}
 .li-mis63, .li-mis63{font-weight:bold; margin-bottom:5px}
 .font-size10px{font-size:10px}
 .li-mis64, .li-mis64{font-weight:bold; font-size:36px; display: inline-block; margin-top: 10px;}
 .li-mis65, .li-mis65{display:inline-block; margin-right:15px}
 .li-mis66, .li-mis66{display:inline-block; margin-right:10px}
 .li-mis67, .li-mis67{vertical-align:bottom; font-size:13px; font-weight:bold;}
 .li-mis68, .li-mis68{padding-left: 38px !important;}
 .mrg-left104, .mrg-left104{margin-left:104px}
 .mbr-bot0, .mbr-bot0{margin-bottom:0;}

.li_page td label{color: #999999; display:block; font-size: 12px; }
.li_page td label.table-head{color: #666666;  font-size: 12px; font-weight: normal; line-height: 24px; margin: 15px 10px 0 0; text-align:left;}

/*tables*/
table.li_leave_table_two, table.li_leave_table_three  {border-collapse: collapse; margin: 10px 0; clear:both;}
table.li_leave_table_three {width:100%;}
table.li_leave_table_two  label, table.li_leave_table_three label{position: relative;top: -2px; right: 1px;}
table.li_leave_table_two th label input[type="text"], table.li_leave_table_three th label input[type="text"]  {border: 0; position: relative; top: 3px;margin-left: 9px;}
table.li_leave_table_two tr th, table.li_leave_table_three tr th{background:#eee;}
table.li_leave_table_two tr:first-child:hover, table.li_leave_table_three tr:first-child:hover{background:#f3f3f3!important;}
table.li_leave_table_two  th, table.li_leave_table_three  th{ cursor: pointer;border: 0px solid #ddd;  text-align: left; vertical-align: middle; color: #333; font-size: 14px; padding:8px 5px;}
table.li_leave_table_two  th a, table.li_leave_table_three  th a{ color: #333; font-size: 12px; }
table.li_leave_table_two  th a:hover, table.li_leave_table_three  th a:hover{color: #333;}
table.li_leave_table_three th span{ background:url(../images/client/tenant-lite/tenant-lite-2/sort-arrows.png) no-repeat ; position:absolute;width: 8px !important;height: 11px;right: 5px;top: 8px;}
select{border:1px soild #ddd;}
table.li_leave_table_two th.selected span, table.li_leave_table_three th.selected span{background-position:-8px 0px; position:absolute;width: 8px;height: 11px;right: 5px;top: 8px;}
table.li_leave_table_two tr, table.li_leave_table_three tr{ background:#fff; cursor:pointer;}
tr.active{background:#f3f3f3!important; font-weight:bold!important;}
table.li_leave_table_two  td, table.li_leave_table_three td, table.li_leave_table_three tr.bb td{ padding:0px 5px 17px; border:none; border-bottom: 1px solid #d0dced; color:#333; font-size: 14px !important; font-weight: normal; vertical-align: middle;}
/*table.li_leave_table_two tr  td a, table.li_leave_table_three tr  td a{color:#3399cc;}*/
table.li_leave_table_two tr:hover, table.li_leave_table_three tr:hover {background:#f3f3f3!important;}
table.li_leave_table_two tr label, table.li_leave_table_three tr label{position: relative; top: -2px; right: 0;}
table.li_leave_table_two tr td.actions, table.li_leave_table_three tr td.actions{background:url(../images/sandwich.png) no-repeat 20px; cursor:pointer;}
table.li_leave_table_two tr td.actions:hover, table.li_leave_table_three tr td.actions:hover{background:url(../images/sandwich-h.png) no-repeat 20px;}
/*table.li_leave_table_two tr  td a:hover, table.li_leave_table_three tr  td a:hover{color:#666;} */
table.li_leave_table_two td li, table.li_leave_table_three td li, table.li_leave_table_three tr.bb td li{margin-left:25px}
table.li_leave_table_two td ol li, table.li_leave_table_three td ol li, table.li_leave_table_three tr.bb td ol li{margin-left:28px}

textarea{border:1px solid #D3D3D3;  font-size:12px; padding:10px;}


.outer-flow .box .login_info span{display:inline; line-height:16px; float:none !important; }
.m-auto {float:none !important;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-radius:0 !important;}
.dataTable{margin-top:10px 0px !important;}
table.li_leave_table_three td.no-record{padding:8px;}

#myTeamleaveDetail table {float:left; clear:both;}
.li_popupMenuRight ul.li_menuList2 li.width55 a{display:inline-block;}
.outer-flow{width:195px; display:block; box-shadow:0 1px 2px #ccc; background:#f8fcff; overflow:hidden; padding:7px; border-radius:3px; transition:box-shadow 0.5s ease; position:relative; border:1px solid #e3f5ff;}
.m-auto{margin:10px auto 0;}
.box{width:100%; height:100%;padding:5px;}
.box .emp_img{float:left; width:50px; display:block;}
.box .emp_img img{width:50px;}
.box .emp_name{font-size:15px; color:#3B9FDA; margin:0 0 0 10px; float:left; display:block; height:20px; float:left; font-weight:bold;}
.box .emp_desg{font-size:12px; color:#333; margin:0 0 0 10px; float:left; display:block; float:left; font-weight:bold; width:100px;}
.box .department{color: #444444; display: block; float: left; font-size: 11px; line-height: 15px; margin: 5px 0 0 10px;}
.box .login_info span{font-weight:bold;}
.box .desg{width:110px; float:left; font-weight:bold; font-size:16px; clear:both; color:#555; line-height: 26px; margin: 5px 0 0 0; padding: 0 10px 0 0;}
.box .desg_head{float:left; height:30px; font-weight:bold; font-size:18px; color:#FFF; background-color:#3B9FDA; line-height: 26px; clear:both; margin: 3px 0 0 0; padding: 0 10px;}
		.login-btn{background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.82) 0%, rgba(242,185,29,1) 99%, rgba(242,185,29,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.82)), color-stop(99%,rgba(242,185,29,1)), color-stop(100%,rgba(242,185,29,1))); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.82) 0%,rgba(242,185,29,1) 99%,rgba(242,185,29,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.82) 0%,rgba(242,185,29,1) 99%,rgba(242,185,29,1) 100%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.82) 0%,rgba(242,185,29,1) 99%,rgba(242,185,29,1) 100%); /* IE10+ */
		background: radial-gradient(ellipse at center, rgba(255,255,255,0.82) 0%,rgba(242,185,29,1) 99%,rgba(242,185,29,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ffffff', endColorstr='#f2b91d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ left: -3px; line-height: 120px; padding: 5px 10px 0 0; position: absolute; text-align: center; top: -4px; width: 204px; opacity: 0; height: 100%; overflow: hidden; visibility:hidden; transition:opacity 0.5s linear; z-index:99;}
		.login-btn a{ font-size: 14px; padding: 6px 20px 8px;text-decoration: none; position:relative; left:-55px; top:-5px;}
		.box .login-btn a:hover{text-decoration:none;}
		.outer:hover { box-shadow:0 0 8px rgba(0,0,0,0.4); background:#f4fbff;}
		.outer:focus { box-shadow:0 0 12px rgba(0,0,0,0.6); outline:none; background:#f4fbff;}
		.outer-flow:hover .login-btn{opacity: 1; visibility:visible;}
		.login_info{color: #444444; display: block; float: left; font-size: 11px; line-height: 12px; margin: 0 0 0 10px; padding:5px; text-align:left;}
		.f-left{float:left;}
		.f-right{float:right; margin-right:3.8em;}
		.row-one{clear:both; float:left; width:100%;}
		.row-two{clear:both; float:left; width:100%; padding:0 0 0 0;}
		.lines{height:62px; text-align:center; clear:both; width:100%}
		.arrow-up {	width: 0; 	height: 0; 	border-left: 10px solid transparent;
			border-right: 10px solid transparent;	border-bottom: 10px solid #cacaca;
		}
		.optTwo{height:0; border:1px solid #cacaca; font-size:0; margin:0 auto;}
		.optThree{height:25px; float:left; color:#333; border-left:2px solid #cacaca; width:230px;}
		.optFour{height:25px; float:left; color:#333; border-left:2px solid #cacaca; width:150px;}
		.optFive{height:25px; float:left; color:#333; border-left:2px solid #cacaca; width:25px;}
		.optSix{height:25px; color:#333; border:1px solid #cacaca; width:0px; font-size:0;}


		.curve{height: 285px; height:270px; width: 350px; width:35px; background: url("../images/client/tenant-lite/long-arrow-left.png") no-repeat scroll 100% 100% rgba(0, 0, 0, 0); clear:both; position:absolute; right:13px; top:110px;}
		.arrotip { content:""; display:block; /* reduce the damage in FF3.0 */
		 position:absolute; bottom:-8px; left:270px; left:0; width:0;
		 border-width:15px 15px 0; border-width:0; border-style:solid;
		 border-color:#444444 transparent; transform:rotate(50deg);
		 -ms-transform:rotate(50deg); /* IE 9 */ -webkit-transform:rotate(50deg); /* Safari and Chrome */}
		.admin-box{float:left; margin:5px; padding:5px; max-height: 500px;
 min-height: 200px;}
	.admin-table{border-collapse:collapse;}
	.admin-table p, .admin-table p strong,.admin-table strong, .admin-table h3, .admin-table ul li, .admin-table a{ font-size: 13px;}
	.admin-table td{vertical-align:top; padding:10px; border-radius:5px; line-height:22px; transition: box-shadow 1s ease 0s; font-size:12px; color:#444; border:none !important;}
	.admin-table td.yellow-bg:hover{box-shadow:0 0 10px #42a7e1; }
	.admin-table td.green-bg:hover{box-shadow:0 0 10px #f3bc28; }
	.admin-table td.red-bg:hover{box-shadow:0 0 10px #8dbd25; }
	.admin-table h3{text-align:center; margin:5px 0 8px !important; font-size: 20px !important; letter-spacing: 1px;}
 .admin-table table{border-collapse:collapse;}
	.admin-table table td{border-left:2px solid transparent !important; font-size:11px !important; padding:3px !important; border-radius:0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.71) 0%, rgba(255,255,255,0) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.71)), color-stop(100%,rgba(255,255,255,0))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.71) 0%,rgba(255,255,255,0) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0.71) 0%,rgba(255,255,255,0) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0.71) 0%,rgba(255,255,255,0) 100%) !important; /* IE10+ */
	border:1px solid DFF1F8 !important; background:transparent;/* IE6-8 */}
	.yellow-bg{box-shadow:0 0 3px #42a7e1;
	background: -moz-linear-gradient(-45deg, rgba(183,222,237,0) 0%, rgba(183,222,237,0.2) 2%, rgba(149,215,237,0.8) 94%, rgba(113,206,239,0.83) 99%, rgba(33,180,226,0.84) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(183,222,237,0)), color-stop(2%,rgba(183,222,237,0.2)), color-stop(94%,rgba(149,215,237,0.8)), color-stop(99%,rgba(113,206,239,0.83)), color-stop(100%,rgba(33,180,226,0.84))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(183,222,237,0) 0%,rgba(183,222,237,0.2) 2%,rgba(149,215,237,0.8) 94%,rgba(113,206,239,0.83) 99%,rgba(33,180,226,0.84) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(183,222,237,0) 0%,rgba(183,222,237,0.2) 2%,rgba(149,215,237,0.8) 94%,rgba(113,206,239,0.83) 99%,rgba(33,180,226,0.84) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(183,222,237,0) 0%,rgba(183,222,237,0.2) 2%,rgba(149,215,237,0.8) 94%,rgba(113,206,239,0.83) 99%,rgba(33,180,226,0.84) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(183,222,237,0) 0%,rgba(183,222,237,0.2) 2%,rgba(149,215,237,0.8) 94%,rgba(113,206,239,0.83) 99%,rgba(33,180,226,0.84) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7deed', endColorstr='#d621b4e2',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */}
	.green-bg{box-shadow:0 0 3px #f3bc28;
	background: -moz-linear-gradient(-45deg, rgba(255,214,94,0.34) 0%, rgba(249,207,99,0.96) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,214,94,0.34)), color-stop(100%,rgba(249,207,99,0.96))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(255,214,94,0.34) 0%,rgba(249,207,99,0.96) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(255,214,94,0.34) 0%,rgba(249,207,99,0.96) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(255,214,94,0.34) 0%,rgba(249,207,99,0.96) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(255,214,94,0.34) 0%,rgba(249,207,99,0.96) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57ffd65e', endColorstr='#f5f9cf63',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */}
	.red-bg{box-shadow:0 0 3px #8dbd25; background: -moz-linear-gradient(-45deg, rgba(205,235,142,0.11) 0%, rgba(165,201,86,0.85) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(205,235,142,0.11)), color-stop(100%,rgba(165,201,86,0.85))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(205,235,142,0.11) 0%,rgba(165,201,86,0.85) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(205,235,142,0.11) 0%,rgba(165,201,86,0.85) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(205,235,142,0.11) 0%,rgba(165,201,86,0.85) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(205,235,142,0.11) 0%,rgba(165,201,86,0.85) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ccdeb8e', endColorstr='#d9a5c956',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */}
	.admin-head{ font-size:24px; margin:10px 0 15px; color:#464646; font-weight:700;}
	.admin-sub-head{color: #464646 !important; font-size: 14px !important; font-weight: 700; margin: 0 0 15px !important; text-align: center;}
	.org-head{color: #333333;font-size: 18px;font-weight: 700; text-align:center; margin:10px 0; }
	.contentHolder { position:relative; margin:0px auto; padding:0px; width: auto; height: 130px; overflow: hidden;}
	.contentHolder .content { width: auto; height: auto;}
	.facebook{}
	.youtube{}
	.slideshare{}
	.linkedin{}
	.twitter{}
	.s-area{width:32px; height:32px; display:inline-block; *display:inline; zoom:1; margin:5px;}
	.customer-review{background:url('images/client/tenant-lite/customers-reviews.png') no-repeat 0 0 transparent;}
	.view-pricing{background:url('images/client/tenant-lite/view-pricing.png') no-repeat 0 0 transparent;}
	.contact-us{background:url('images/client/tenant-lite/contact-us.png') no-repeat 0 0 transparent;}
	.view-privacy-policy{background:url('images/client/tenant-lite/view-privacy-policy.png') no-repeat 0 0 transparent;}
	.visit-us{border-bottom: 2px solid #6AC36A; color: #6AC36A; font-size: 14px; margin-bottom: 10px; padding-bottom: 5px;}
	.go-empxtrack{margin-left:0; padding-left:0; border-right:2px solid #FFC212;}
	.go-empxtrack li{list-style:none; margin:0 0 5px 0;}
	.go-empxtrack li a{padding:8px 0 8px 40px; text-decoration:none; display:inline-block; *display:inline; zoom:1; color:#ff9900; font-weight:bold; font-size:14px; }
	.admin-footer{margin:25px auto 0; border-top:1px dashed #a2a2a2; width:870px; text-align:left;}
	.set-height{margin: 5px; min-height: 225px; max-height:300px; height:225px; padding: 5px;}
	.row-two table{border-collapse:collapse;}
	.row-two table td{padding:0;}

	div.tooltip {outline:none; opacity: 1!important;  margin-left: 7px;
    margin-top: 1px; text-transform:none;} 
	div.tooltip strong {line-height:30px;} 
	div.tooltip:hover {text-decoration:none;}
	div.tooltip:focus:after {text-decoration:none;} 
	div.tooltip span {font-weight: normal !important;text-align:left; z-index:10;display:none; padding:14px 20px; margin-top:20px; margin-left:-120px; width:250px; line-height:16px;} 
	div.tooltip:hover span{ display:inline; position:absolute; color:#333333; border:1px solid #E6E6E6; background:#FAFAFA;z-index:9999;} 
	div.tooltip span a { color:#0000FF;} 
	.container .container-single-without-header {background:#fff; padding:20px; font-size:15px;}
	
/*CSS3 extras*/ 
div.tooltip span 
	{ 
		border-radius:4px; 
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px; 
		-moz-box-shadow: 5px 5px 8px #CCC; 
		-webkit-box-shadow: 5px 5px 8px #CCC; 
		box-shadow: 5px 5px 8px #CCC; 
	}

/* TILES style */
img {border:0;}
.hdr{background-color:#f3f3f3;width:100%;float:left;display:inline;}
.hdr_text {font-family:Arial;font-size:12px;font-weight:normal;color:#666666;line-height:25px;margin-left:6px;display:inline;float:left;width:75px;white-space:nowrap;text-overflow:ellipsis;-moz-text-overflow:ellipsis; }
.hdr_img{float:right;display:inline;text-align:right;padding-right:4px;}
.profile{padding:3px;float:left;text-align:left;}
.title {/* font-family:Arial; */font-size:12px;font-weight:bold;color:#666666;line-height:25px;}
.subtitle {/* font-family:Arial */;font-size:12px;font-weight:normal;color:#666666;}
body { margin:0;}

/*  MAIN LAYOUT	============================================================================= */

#wrapper {width: 100%;position: relative;text-align: center;margin:0;}

#maincontent{clear: both;width: 100%; /* 1000px / 1250px */font-size: 0.8125em; /* 13 / 16 */max-width: 92.3em; /* 1200px / 13 */margin: 0;padding:0;color: #333;line-height: 1.5em;position: relative;}
		
.maincontent{clear: both;width: 90%; /* 1000px / 1250px */font-size: 0.8125em; /* 13 / 16 */max-width: 92.3em; /* 1200px / 13 */margin: 0;padding:0;
color: #333;line-height: 1.5em;position: relative;}
/*  GRID OF THREE   ============================================================================= */
.span_3_of_3 {width: 100%; }

.span_2_of_3 {width: 66.13%; }

.span_1_of_3 {width: 31.26%; }
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {width: 100%; }
	.span_2_of_3 {width: 100%; }
	.span_1_of_3 {width: 100%;}
	.hdr{width:100%;}
	div.tooltip {display:none;}
}

/*  SECTIONS  ============================================================================= */

.section {clear: both;padding: 0px;margin: 0px;
}

.col {display: block;float:left;margin: 1% 0 1% 1.6%;}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
	#scrollUp {
	bottom: 4px;
	right: 4px;}
	#ajax_listOfOptions{width: 75%;}
	.contentHolderThree {white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; width: 120px;}
 
}
#maincontent .col {
		background: #fbfbfb;
		background: rgba(251, 251, 251, 1);}
@media only screen and (max-width:849px) {img.li_emp_profile_photo{ width:100px; height:auto; display: block;margin: 0px auto;}
	div#li_emp_photo {
    text-align: center!important;
}
.bottom-action {
    bottom: 369px;
    padding-bottom: 24px;
    position: absolute;
    right: 0;
}
.li_common_header{font-size:14px;}
}
