@import "font-awesome-4.4.0/css/font-awesome.css";
@import url(https://fonts.googleapis.com/css?av=6.4&family=Roboto+Condensed);

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;
}
body{
	background-color:#fff;
	font-size:12px;
	background-image: url("../images/client/tenant-lite/gray/grey-bg.gif");	
	}

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; }

/* 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 {
   
    font-size:11px;   
    clear: both;
   line-height:16px; 
	border-radius:5px;
    margin: 8px 0px 8px 0px;
    padding: 4px 25px 4px 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-image: url(../images/message_pic/succ.png);
     background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #91E375;
    background-color: #FCFFF3;
    color: #046C54;   
    position:relative;
}
.succ 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;}
.succ .icon{
    }
.err {
   
    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/err.png);
    background-position: 10px 3px;
    background-repeat: no-repeat;
    border: 1px solid #f86d57;
	line-height:16px; 
	border-radius:5px;
    background-color: #FFF2F0;
    color: #AC260F;   
    position:relative;
}


.err 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;}
.err .icon{

    }
.info {
       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/info.png);
    background-position: 10px 3px;
	line-height:16px; 
	border-radius:5px;
    background-repeat: no-repeat;
    border: 1px solid #0FA9F1;
    background-color: #F1FBFF;
    color: #00529B;   
    position:relative;
}
.info 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;}
.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: Arial , trebuchet ms,verdana;
}


#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;margin: 0px auto; }
#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: Arial , trebuchet ms,verdana;
    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;
	margin-left:15px;
    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\9;
}

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: Arial , trebuchet ms,verdana;}
* 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: Arial , trebuchet ms,verdana;
    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: Arial , trebuchet ms,verdana;
    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: Arial , trebuchet ms,verdana;}
#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: Arial , trebuchet ms,verdana;}
#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 { 
padding:5px;
z-index:0;
position:relative;
height:30px;

}


* html .main{height:40px; width:50px; position:;}
.main .user {
  text-align: left;
  
}
.user {
  position: absolute; 
  padding: 0 0 8px 0;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  z-index:0;
}

* html .user {display:inline; zoom:1;}
* html .user h5{display:inline; zoom:1; position:relative;}
.user img {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.user h5 {
  float: left;
  line-height: 16px;
  font-size: 11px;
  font-weight: bold;
  color: #111;
  cursor:pointer;
  
  padding:0;
  margin:0;
  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;
}

.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 12px;
  font-size: 11px;
  color: #838ca2;
  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: #313a4f;
  border: 1px solid transparent;
}
.user li{ color: #313a4f;}
.user 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);
}
.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: 4px 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;}



.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;}

#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}

#li_logon_bar .li_emp_logoff a.li_Log_Off, a.li_button, .li_link_right span.show_msg a, #actionbuttons a{
	color: #e8f0de;
	border: solid 1px #8b8b8b;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#b0b0b0), to(#8b8b8b));
	background: -moz-linear-gradient(top,  #b0b0b0,  #8b8b8b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b0b0', endColorstr='#8b8b8b');
	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;
	padding: .5em 2em .55em;
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;	
	font: 11px/100% Arial, Helvetica, sans-serif;
	padding: .4em 1em .42em;
}
#li_logon_bar .li_emp_logoff a.li_Log_Off{padding: .2em 1em .3em;}
.li_link_right span.show_msg a{padding: .2em 1em .3em; line-height:12px;}
#li_logon_bar .li_emp_logoff a.li_Log_Off:hover, a.li_button:hover, .li_link_right span.show_msg a:hover,, #actionbuttons a:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#8b8b8b), to(#b0b0b0));
	background: -moz-linear-gradient(top, #8b8b8b, #b0b0b0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b8b8b', endColorstr='#b0b0b0');
	text-decoration: none;
}
* html  a.li_button:hover {color:#e8f0de;}
#li_logon_bar .li_emp_logoff a.li_Log_Off:active, a.li_button:active, .li_link_right span.show_msg a:active, , #actionbuttons a:active{
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#8b8b8b), to(#b0b0b0));
	background: -moz-linear-gradient(top,  #8b8b8b,  #b0b0b0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b8b8b', endColorstr='#b0b0b0');
	position: relative;
	top: 1px;
}
#actionbuttons{text-align:right; background-color:#fff;}
#actionbuttons li{display:inline; list-style:none;}
/* Inside Table Button*/
 a.li_gray_button {
	color: #333;
	border: solid 1px #bbbbbb;
	background: #cccccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
	background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
	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;
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
	font-size: 11px;
	padding: .4em 1em .42em;
}
 a.li_gray_button:hover {
	background: #dddddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
	background: -moz-linear-gradient(top,  #cccccc,  #ffffff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff');
	text-decoration: none;
}
* html  a.li_gray_button:hover {color:#333;}
 a.li_gray_button:active {
	color: #555;
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
	background: -moz-linear-gradient(top,  #cccccc,  #ffffff);
 	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff');
	top: 1px;
}

/* 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; }


.sidemenu .li_render_tabs { margin-left:0; margin-top:0; height:100%; width: 250px; background-color:#E1E1E1;}
.sidemenu .li_render_tabs #li_current_tab{background-color:#999999; font-weight:bold; padding-left:10px; color:#fff; font-size:13px; height:30px; line-height:30px;}
.sidemenu .li_render_tabs ul li{list-style:none; padding:0; border-bottom: 1px dashed #AFAFAF;}
.sidemenu .li_render_tabs ul li ul li{ list-style:none; margin-left:20px; border-bottom:none;}
.sidemenu .li_render_tabs ul li a{text-decoration:none;}
.sidemenu .li_render_tabs ul li a b{ background: url("../images/client/tenant-lite/gray/li_bullet_green.png") no-repeat scroll 5px center transparent;  color: #333;  display: block;  font-size: 12px;  padding: 0 0 0 25px;  text-decoration: none; height:30px; line-height:30px; outline:none !important;}
.sidemenu .li_render_tabs ul li a span{ background: url("../images/client/tenant-lite/gray/li_bullet_green.png") no-repeat scroll 5px center transparent;  color: #333;  display: block;  font-size: 12px;  padding: 0 0 0 25px;  text-decoration: none; height:30px; line-height:30px; outline:none !important;}
.sidemenu .li_render_tabs ul li ul li a span {background:none; position:relative; z-index:1; right:-3px; padding:0 0 0 16px; color:#666; font-size:11px; height: 2em;  line-height: 2em;}
.sidemenu .li_render_tabs ul li ul li a b{background:#fff; border-top-left-radius: .3em; border-bottom-left-radius: .3em; padding:3px 5px 3px 16px; font-size:11px; height: auto; line-height: normal;  position: relative; right: -3px; z-index: 9;}
.sidemenu .li_render_tabs ul li ul li a:hover span{border-top-left-radius: .3em; border-bottom-left-radius: .3em; background-color:#fff;  position: relative; right: -3px;}
.sidemenu .li_render_tabs ul li ul{margin-bottom:5px; margin-top: 2px;}
.sidemenu .li_render_tabs ul li ul li{border-bottom:none;margin-bottom: 2px;}
.sidemenu .li_render_tabs ul li a.li_bb_none{border-bottom:none; border-bottom:0; background-color:#E1E1E1;}
.sidemenu .li_render_tabs ul li ul li a{background:none;  color: #666;  display: block;  font-size: 11px;  padding:0;  text-decoration: none;}

* html .sidemenu .li_render_tabs ul li{height:25px;}


.sidemenu .li_render_tabs ul li a b, .sidemenu .li_render_tabs ul li a span{display:block;}
.sidemenu .li_render_tabs ul li a:hover span, .sidemenu .li_render_tabs ul li a b{ border:none; text-decoration:none; background-color: #fff; color: #222222;}
.sidemenu .li_render_tabs ul li a:hover{text-decoration:none;}
* html #li_outer_bg{padding-right:5px;}
#li_outer_bg td{background-color:#fff; vertical-align:top; font-size:12px; line-height:16px;}
#li_outer_bg{ padding:3px 10px 10px; background:#fff; float:left; width:100%;}
#myProfileView1, #currentAddressView1, #currentAddressView2, #myProfileView2, #myProfileView3, #myProfileView4{font-size:12px; color:#031b2e; padding:5px; line-height:16px;}


/* Border Bottom Style*/
#li_outer_bg td .li_tr_profile_bb tdimg.li_emp_profile_photo{ padding:0 10px 10px; border:2px solid #d0e679;}
#li_outer_bg td .li_tr_profile_bb td{border-bottom:1px dashed #CFCFCF;}
#li_outer_bg tr.li_tr_profile_bb td{border-bottom:1px dashed #CFCFCF;}
#li_outer_bg td .li_tr_profile_bb td.li_pro_img{border-bottom:none !important ; vertical-align:top;}
#li_outer_bg .li_profile_h2{color:#031b2e; font-size:16px;}
#li_outer_bg .li_header_table{padding-bottom:10px}
* html #li_outer_bg .li_header_table{margin-bottom:10px}
.li_lite_gray{color:#777;}



img.li_emp_profile_photo{border:3px solid #f2f2f2; margin-right:5px;}

#li_outer_bg .li_common_header{  padding: 10px 0 10px 35px; font-weight:bold; border-top:1px dashed #888; margin:5px 0 0 0; font-size:13px; color:#333;}
#li_outer_bg .ll_bb{border-bottom:1px dashed #888;}
.li_common_header{padding: 10px 0 10px 35px; font-weight:bold; border-top:1px dashed #888; margin:5px 0 0 0; font-size:13px; color:#333;}
.ll_bb{border-bottom:1px dashed #888;}
.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_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_outer_bg .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 dashed #CFCFCF; padding-left:10px;}
.li_td_bd_left{border-left: 1px dashed #e1d1d1;}
.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 12px 12px 0px;}
.li_button_position{padding-top:45px; text-align:right}
.li_border_top{border-top: 1px dashed #CFCFCF; 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;}
#li_outer_bg td .li_tr_profile_bt td{border-bottom:1px dashed #CFCFCF;}
#li_outer_bg 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_outer_bg .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 dashed #777777;  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 dashed #777; 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 dashed #777; padding:5px 0 0 30px; height:30px; line-height:30px; margin-bottom:10px; font-weight:bold;}
.li_emp_common_popup_header{border-bottom:1px dashed #777; padding:0 0 0 30px; height:25px; line-height:25px; margin-bottom:10px; font-weight:bold; font-size:14px;}
#li_outer_bg .li_emp_common_popup_header td {  color: #333333;   font-size: 14px;  font-weight: bold; padding: 0 5px; vertical-align: baseline;}
#li_outer_bg .li_emp_details_popup_header td{  color: #333333;   font-size: 14px;  font-weight: bold; padding: 0 5px; vertical-align: baseline;}
#li_outer_bg .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_outer_bg .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 dashed #777; padding:5px 0 5px 25px; height:20px; line-height:20px; font-size:14px; font-weight:bold; margin-bottom:10px;}

.li_popupHead2{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:capitalize; font-weight:bold;}


* html #li_outer_bg .li_orange_box{width:auto; border-bottom:1px solid #eaeaea; position:relative; margin-top:20px;  margin-left: -65px;}
* html #li_outer_bg .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_outer_bg .li_orange_box small, #li_outer_bg .li_purple_box small{color: rgba(0, 0, 0, 0.6);  font-size: 9px; font-weight: bold; text-transform: uppercase;}
#li_outer_bg .li_orange_box img, #li_outer_bg .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: uppercase;}
.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;}



#li_outer_bg td  table.li_form_display{margin-top:10px; border-collapse:collapse;}
#li_outer_bg td  table.li_form_display td{padding:3px 3px 3px 10px; color:#333}
.li_form_display td{padding:3px 3px 3px 10px; color:#333}
#li_outer_bg td  table.li_form_display td label{color:#555}
* html #li_outer_bg td  table.li_form_display{width:650px;}
#li_outer_bg td table.li_form_display td input,#li_outer_bg td table.li_form_display td file, #li_outer_bg td table.li_form_display td select, #li_outer_bg td table.li_form_display td textarea{border:1px solid #ccc;  border-radius:3px;  font-size:12px;  padding:3px; color:#666;}
#li_outer_bg td table.li_form_display td input:focus, #li_outer_bg td table.li_form_display td select:focus, #li_outer_bg td table.li_form_display td textarea:focus { outline:none; border-color:#ccc; box-shadow:0 0 5px #4BAFEA;}

* html #li_outer_bg td table.li_form_display td input, #li_outer_bg td table.li_form_display td select,file{height:25px; line-height:15px;}

input, select, textarea{ font-family:arial,verdana; border:1px solid #ccc;  border-radius:3px;  font-size:12px;  padding:2px; color:#666;}
#li_outer_bg td input:focus, select:focus, textarea:focus{ outline:none; border-color:#ccc; box-shadow:0 0 5px #4BAFEA;}
#li_outer_bg .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 */

#li_outer_bg .crumbs {  display: block; overflow: hidden;}
#li_outer_bg .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: uppercase;}
.crumbs li a img { float: left;  height: 32px;  margin-right: 8px;  width: 32px;}

* html #li_outer_bg .crumbs{display: block; overflow: hidden; position:relative;}
* html #li_outer_bg .crumbs1 .li_by_width{width: 80px; font-size:10px;}



#li_outer_bg div#li_emp_photo {position:relative;}
#li_outer_bg a.li_edit_photograph{ position: absolute; bottom:5px; right:14px; visibility:hidden;  background:transparent url("../images/client/tenant-lite/li_edit_image.png") no-repeat 0 center; padding: 2px 2px 2px 20px; text-decoration:none; color: #fff; }
#li_outer_bg a.li_show_edit_photograph{ position: absolute; bottom:5px; right:14px; visibility:visible;  background:transparent url("../images/client/tenant-lite/li_edit_image.png") no-repeat 0 center; padding: 6px 2px 6px 26px; text-decoration:none; color: #fff; font-weight:bold; }



#li_outer_bg .li_hide_global_button {visibility:visible;}

#li_outer_bg .li_show_global_button {visibility:visible;}
#displayContent {margin-top:20px; float:left;}
#displayContent td.li_request_option{color: #222222; padding: 5px 0 14px; list-style:none;}
#displayContent td.li_request_option a{text-decoration:none; padding:5px 13px; color: #222222; font-size:12px; margin:2px 5px;}
#displayContent td.li_request_option a:hover{background-color:#E1E1E1;}
#displayContent td.li_request_option a.selected{background-color: #4bafea; color:#fff;}
#displayContent .li_period_msg td{background:#E1E1E1; color: #222222; font-size:12px; padding: 4px 5px; vertical-align: middle;}




input[type="checkbox"], input[type="radio"]{background: transparent;border: 0;}

#li_outer_bg td tr.li_period_msg td label {text-align:center;cursor:pointer;}

#li_outer_bg td tr.li_period_msg td label input[type="radio"].li_radio,#li_outer_bg td tr.li_period_msg td label input.li_radio {border: medium none; left: 20px; position: relative; top: 3px;   visibility: hidden; }

#li_outer_bg td tr.li_period_msg td label.active { border: 1px solid #3B9FDA; color: #3B9FDA;}

#li_outer_bg .greenHeader{background:#fff; border-bottom:1px dashed #b1b1b1;  font-size: 15px;  padding:7px 10px; position:relative; top:-5px; left:-10px; width:100%; margin-bottom:10px; color:#333;}
* html #li_outer_bg .greenHeader{width:98%; z-index:0;}
#li_outer_bg .li_gh_width1{width:100%}
#li_outer_bg .li_gh_width2{width:100%}
#li_outer_bg .li_gh_width_three{width:100%}
* html #li_outer_bg .li_gh_width_three{width:96%; display:block;}
* html #li_outer_bg .li_gh_width1{width:101%}
* html #li_outer_bg .li_gh_width2{width:102%}

#li_outer_bg .li_leave_menu{border-bottom:4px solid #4bafea; height:25px; display:block; overflow:hidden; position:relative; margin-bottom:10px;} 
#li_outer_bg .li_bottom_border{border-bottom:4px solid #4bafea; padding:0; font-size:0; position:relative; top:-3px;}

* html #li_outer_bg .li_leave_menu {width:98%}
* html #li_outer_bg .li_leave_menu li{display:inline; margin-right:5px;  cursor: pointer; float:left; height:30px; line-height:15px;}
#li_outer_bg .li_leave_menu li label{ cursor: pointer;}
#li_outer_bg .li_leave_menu li {padding: 5px 14px; text-decoration:none; color:#555; background:#F2f2f2;display: inline-block; margin-right: 5px;}
#li_outer_bg .li_leave_menu li label a{color:#555; font-weight:bold; text-decoration:none;}
* html #li_outer_bg ul.li_leave_menu_box{position:relative; overflow:hidden;}
#li_outer_bg .li_leave_menu_box li{display:inline-block; *dispaly:inline; zoom:1; }
#li_outer_bg .li_leave_menu_box li label a{color:#555; font-weight:bold; text-decoration:none; display:inline-block; *dispaly:inline; zoom:1;}
#li_outer_bg .li_leave_menu li.selected{color: #FFFFFF; display: inline-block; *display:inline; zoom:1; text-decoration: none;background:#4bafea; font-weight:bold; }
#li_outer_bg .li_leave_menu li.unselected a{font-weight:normal;}
#li_outer_bg .li_leave_menu li label input{position:absolute; z-index:-999;}
* html #li_outer_bg .li_leave_menu li label input{position:absolute; z-index:0; top:-999; left:-999; visibility:visible;}


#li_outer_bg .li_leave_menu_box{display:block; margin:0 0 10px;  width:98%} 
* html #li_outer_bg .li_leave_menu_box{width:95%}
#li_outer_bg .li_leave_menu_box li{display:inline-block; margin:5px;  cursor: pointer; text-decoration:none; color:#555; font-weight:bold; background:#f2f2f2;}
* html #li_outer_bg .li_leave_menu_box li{display:inline; float:left; margin:5px;  cursor: pointer; text-decoration:none; color:#555; background:#f2f2f2;}
#li_outer_bg .li_leave_menu_box li label{ cursor: pointer; padding:7px 14px; display:block;}

#li_outer_bg .li_leave_menu_box li label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
#li_outer_bg .li_leave_menu_box li.selected{color: #FFFFFF; background:#4bafea; font-weight:bold; margin:5px;}
* html #li_outer_bg .li_leave_menu_box li.selected {-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');  margin:5px;}
#li_outer_bg .li_leave_menu_box li.unselected{color:#777; background:#F2f2f2; font-weight:normal;  margin:5px;}
#li_outer_bg td div.li_leaveTypeChecked{background:#E1E1E1; font-weight:bold; padding:5px 10px; font-size:12px; color:#555; width:138px; float:left; margin: 0 10px 10px 0; height:53px; width:140px\9;} 

#li_outer_bg td div.li_leaveTypeChecked input,#li_outer_bgtd div.li_leaveTypeUnChecked input {position:relative; top:2px;}

* html #li_outer_bg td div.li_leaveTypeChecked input,* html #li_outer_bg td div.li_leaveTypeUnChecked input {border:none !important;}
#li_outer_bg td div.li_leaveTypeUnChecked{color: #222222; background:#f2f2f2; font-weight:bold; padding:5px 10px; font-size:12px; color:#555; width:130px; float:left; margin: 0 10px 10px 0; height:53px; width:140px\9;} 
#li_outer_bg td div.li_leaveTypeUnChecked input{position:relative; top:2px;}
* html #li_outer_bg td div.li_leaveTypeUnChecked{height:80px;}
#li_outer_bg td div.li_leaveTypeChecked span.li_baseValue, #li_outer_bg td div.li_leaveTypeUnChecked span.li_baseValue{ background-color: #e8f7ff; border-radius: 5px; font-size: 14px; left: -1px;  padding: 2px 3px;  position: relative; top: 3px;}
#li_outer_bg td div.li_leaveTypeChecked span.li_supValue, #li_outer_bg td div.li_leaveTypeUnChecked span.li_supValue{background-color:#4BAFEA; border-radius: 5px; color: #FFFFFF; font-size: 10px; left: -5px; padding: 3px; position: relative;  top: -10px;}
#li_outer_bg .li_seperate{clear:both; margin-bottom:10px;}

#li_outer_bg .li_leave_table_one{border-collapse:collapse; border:1px solid #E1E1E1; margin-top:15px;}
#li_outer_bg .li_leave_table_one td{padding:5px;}
#li_outer_bg .li_leave_table_one th{padding:5px; background-color:#f2f2f2; color:#555;  text-align:left;}
#li_outer_bg .li_leave_table_one tr.bb td,#li_outer_bg .li_leave_table_one tr.bb th{ border-bottom:1px dashed #AFAFAF;}

.li_leave_table_one{border-collapse:collapse; border:1px solid #E1E1E1; margin-top:15px;}
.li_leave_table_one td{padding:5px;}
.li_leave_table_one th{padding:5px; background-color:#f2f2f2; color:#555;  text-align:left;}
.li_leave_table_one tr.bb td,.li_leave_table_one tr.bb th{ border-bottom:1px dashed #AFAFAF;}

#li_outer_bg td.li_td_bb{ border-bottom:1px dashed #AFAFAF;}

/* Color Ful Indicator*/
#li_outer_bg 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;}
#li_outer_bg 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;}
#li_outer_bg 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;}
.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; }
#li_outer_bg span.li_red{background:#ff5c5d; color:#fff; display: block;  font-size: 11px;  margin-left: 5px;  padding: 2px 5px;  text-align: center; width: 50px; }
#li_outer_bg span.li_purple{background:#b192d6; color:#fff; display: block;   font-size: 11px;  margin-left: 5px;  padding: 2px 5px;  text-align: center; width: 50px; }
#li_outer_bg span.li_orange{background:#f9d423; color:#fff; display: block;   font-size: 11px;  margin-left: 5px;  padding: 2px 5px;  text-align: center; width: 50px; }

#li_outer_bg .li_leave_table_three{border-collapse:collapse; margin-top:15px;}
#li_outer_bg .li_leave_table_three td{padding:5px; font-size:11px; line-height:16px;}
#li_outer_bg .li_leave_table_three th{padding:5px; background-color:#f2f2f2; border:1px solid #E1E1E1; color:#555; font-size:11px; text-align:left;}
#li_outer_bg .li_leave_table_three tr.bb td{ border-bottom:1px dashed #e1e1e1;}
#li_outer_bg .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 dashed #e1e1e1;}
.li_leave_table_three td label input{position:relative; top:3px;}



#li_outer_bg tr.li_common_bb td{ border-bottom:1px dashed #AFAFAF; background:#fff;}
#li_outer_bg tr.li_common_bb_head td{ background: none repeat scroll 0 0 #F8F8F8;  border-bottom: medium none; color: #555555; font-weight: bold;}
#li_outer_bg tr.li_common_bb td tr td{border-bottom:none;}

#li_outer_bg .li_leave_table_one td.li_date{color: #222222;}
#li_outer_bg .li_leave_table_one td.li_leave_for{border-left:1px solid #E1E1E1;}

#li_outer_bg .li_leave_table_two{border-collapse:collapse; margin-top:15px;}
#li_outer_bg .li_leave_table_two td,#li_outer_bg .li_leave_table_two th{padding:5px; border:1px solid #E1E1E1; }
#li_outer_bg .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;}

#li_outer_bg .li_menu_size{width:100%; overflow:hidden !important;}
* html #li_outer_bg .li_menu_size{width:725px; overflow:hidden !important;}

#li_outer_bg  td .li_inline_button{text-align:right; padding-right:4px; padding-top:2px}
* html #li_outer_bg  td .li_inline_button{text-align:right; padding:4px 4px 3px 0;  }

#li_outer_bg .li_myAttendance{border-collapse:collapse; border:1px solid #E1E1E1; }
#li_outer_bg .li_myAttendance td{padding:7px; color:#555; font-weight:bold; background:#fcfcfc;}
#li_outer_bg .li_role_name{color: #222222; padding:5px;}
#li_outer_bg .li_weekDays{background:#fcfcfc; padding:7px; font-size:14px; color:#555; font-weight:bold; text-align:center;}
#li_outer_bg .li_weekDays a{color: #222222; text-decoration:none;}
#li_outer_bg .li_day_box{border:1px solid #E1E1E1; padding:5px; color:#555; margin-right:5px;}
#li_outer_bg .li_day_box .li_Datetime{color: #222222; font-weight:bold;}
#li_outer_bg .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_outer_bg .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_outer_bg .li_popup_header{ color: #444; border-bottom:1px dashed #888; display: block; font-size: 13px; font-weight: bold; height: 26px; line-height:26px; }
.li_popup_header{ color: #444; border-bottom:1px dashed #888; display: block; font-size: 13px; font-weight: bold; height: 26px; line-height:26px; }

#li_outer_bg .li_option {	margin: 0;	padding: 0;	z-index: 30;}
#li_outer_bg .li_option li{	margin: 0;	padding: 0;	list-style: none;	float: left; font: bold 11px arial; position:absolute;}
* html #li_outer_bg .li_option li{position:static;}
#li_outer_bg .li_option li a {	display: block;}
#li_outer_bg .li_option li a:hover{	border-bottom:1px solid transparent; color:#fff}
#li_outer_bg .li_option div {	position: absolute; visibility: hidden;	margin: 0;	padding: 0;	background: #fff; z-index:9999; border: 1px solid #b1b1b1; width:150px; border-bottom-right-radius: 7px; border-top-left-radius: 7px; overflow:hidden; right:0;}
* html #li_outer_bg .li_option div{right:auto;}
#li_outer_bg .li_option div a	{	position: relative;	display: block;	margin: 0;	padding: 5px;	width: auto;white-space: nowrap;text-align: left;	text-decoration: none;	background: #fff; color: #222; font: 10px arial; border-bottom:1px solid #fff;}
#li_outer_bg .li_option div a:hover{border-bottom:1px dashed #333; color: #333}

.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;}
* html  .li_option li{position:static;}
.li_option li a {	display: block;}
 .li_option li a:hover{	border-bottom:1px solid transparent; color:#fff}
 .li_option div {	position: absolute; visibility: hidden;	margin: 0;	padding: 0;	background: #fff; z-index:9999; border: 1px solid #b1b1b1; width:150px; border-bottom-right-radius: 7px; border-top-left-radius: 7px; overflow:hidden; right:0;}
* html #li_outer_bg .li_option div{right:auto;}
.li_option div a	{	position: relative;	display: block;	margin: 0;	padding: 5px;	width: auto;white-space: nowrap;text-align: left;	text-decoration: none;	background: #fff; color: #222; font: 10px arial; border-bottom:1px solid #fff;}
 .li_option div a:hover{border-bottom:1px dashed #333; color: #333}


#li_outer_bg .li_option_bar{background:#f2f2f2; padding:5px; border-radius:5px; display:inline-block; *display:inline; zoom:1; margin-right:5px;}
#li_outer_bg .li_emp_name{color: #222222; font-size:11px;}


#li_outer_bg .li_form_display label{color:#333; display:block; text-align:right;}
#li_outer_bg .li_button_pad_r{padding: 3px 25px; text-align: right;}
#li_outer_bg .li_check_pos{position:relative; top:12px;}
#li_outer_bg li_vet_mid{vertical-align:middle; width:250px;}


#li_outer_bg td table.li_form_display td tr.li_reset_td td,#li_outer_bg td.li_pad_top_non{padding-top:0px;}
#li_outer_bg .li_form_label_right_two td.li_pad_top_non{padding-top:0px;}

#li_outer_bg .li_common_menu_box{display:block; overflow:hidden; position:relative; margin:0 0 10px;  width:98%} 
* html #li_outer_bg .li_common_menu_box{width:95%}
#li_outer_bg .li_common_menu_box li{display:inline-block; margin:5px;  cursor: pointer; text-decoration:none; color:#555; font-weight:bold; background:#fff;}
* html #li_outer_bg .li_common_menu_box li{display:inline; margin:5px;  cursor: pointer; text-decoration:none; color:#555; background:#f2f2f2;}
#li_outer_bg .li_common_menu_box li label{ cursor: pointer; padding:5px 10px; display: block;}

#li_outer_bg .li_common_menu_box li label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
#li_outer_bg .li_common_menu_box li.selected{color:#fff; background:#4bafea; font-weight:bold;}
#li_outer_bg .li_common_menu_box li.unselected{color:#777; background:#f2f2f2; font-weight:bold;  margin:5px;}


#li_outer_bg .li_common_radio_form{overflow:hidden; position:relative; margin:0; padding:0;  width:98%} 
#li_outer_bg .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_outer_bg .li_common_radio_form li{*display:inline; zoom:1; margin:5px;  cursor: pointer; background-color: #999999;}
#li_outer_bg .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;}
#li_outer_bg 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;}
#li_outer_bg td  table.li_form_label_right td .li_common_radio_form li label{position: relative;  top: 2px;}
#li_outer_bg .li_common_radio_form li label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
#li_outer_bg .li_common_radio_form li.selected{ display:inline-block; *display:inline; zoom:1; background:#4bafea; color: #FFFFFF; font-weight:bold;}
#li_outer_bg .li_common_radio_form li.selected label{color: #FFFFFF; font-weight:bold;}
#li_outer_bg .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_outer_bg .li_common_radio_form li.unselected{*display:inline; zoom:1; float:left;}
* html #li_outer_bg .li_common_radio_form li.selected{*display:inline; zoom:1; float:left;}

#li_outer_bg .li_form_list_item{display:block; width:130px; margin: 5px 5px 0 0;}
#li_outer_bg .li_form_list_item li{padding:0 0 15px 0; list-style:none;} 
#li_outer_bg .li_form_list_item li a{color: #222222; font-weight:bold; padding:3px 5px; text-decoration:none;}
#li_outer_bg .li_form_list_item li a.selected{color:#fff; background-color:#4bafea;}
#li_outer_bg .li_form_list_item li a.selected:hover{color:#fff; background-color:#4bafea;}
#li_outer_bg .li_form_list_item a:hover{background-color:#f2f2f2;}
#li_outer_bg h3{ color: #222; font-size: 14px; margin-bottom: 10px;}
#li_outer_bg h4{ color: #222; font-size: 12px; margin-bottom: 5px;}

#li_outer_bg  tr.li_form_table_head td{color:#555; font-weight:bold; padding:3px 5px 10px 5px;}
#li_outer_bg  tr.li_form_table_data td{padding:3px 5px}


#li_outer_bg td  table.li_form_label_right{margin-top:10px;}
#li_outer_bg td  table.li_form_label_right td{padding:3px; color:#555}
#li_outer_bg td  table.li_form_label_right td label{ color: #333333; display: block; padding: 3px 0 0; text-align: right;  vertical-align: middle;}
* html #li_outer_bg td  table.li_form_label_right{width:650px;}
#li_outer_bg td table.li_form_label_right td input,#li_outer_bg td table.li_form_label_right td file, #li_outer_bg td table.li_form_label_right td select, #li_outer_bg td table.li_form_label_right td textarea{border:1px solid #ccc;  border-radius:3px;  font-size:12px;  padding:2px 4px; color:#666;}
#li_outer_bg td table.li_form_label_right td select{width:160px;}
#li_outer_bg td table.li_form_label_right td input:focus, #li_outer_bg td table.li_form_label_right td select:focus, #li_outer_bg td table.li_form_label_right td textarea:focus { outline:none; border-color:#ccc; box-shadow:0 0 10px #ccc;}

#li_outer_bg .li_form_label_right_two td{padding:4px; line-height:16px; color:#555}
#li_outer_bg .li_form_label_right_two td label{ color: #333333; display: block; text-align: right;  vertical-align: middle;}

/* header Style */
.li_header_lines{color:#555; font-weight:bold; padding:5px 10px 0 30px;}/* background:transparent url("../images/client/tenant-lite/green-tick.png") no-repeat scroll 5px 5px;}*/
#li_outer_bg 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_outer_bg .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_outer_bg .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}

#li_outer_bg td .li_checked_yes input, #li_outer_bg .li_checked_no input{border:none; position:absolute; top: -9999px; left: -9999px;}


#li_outer_bg td table.li_form_label_right tr.li_steps td{padding-left:35px; color:#333 }
#li_outer_bg 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_outer_bg .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_outer_bg .li_mode_button{border-collapse:collapse;}
#li_outer_bg .li_mode_button td{border:1px solid #E1E1E1; padding:2px 2px 3px;}
#li_outer_bg .li_mode_button td label{float:none; cursor:pointer;  font-weight:bold; color: #222; padding: 3px 10px;}
#li_outer_bg .li_mode_button td label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
#li_outer_bg .li_mode_button td label.selected{background-color:#4bafea; color: #FFFFFF; padding: 3px 10px;}
#li_outer_bg .li_mode_button td label.unselected{background-color: #fff; color: #222; padding: 3px 10px; font-weight:normal}


#li_outer_bg .li_mode_button_bn{border-collapse:collapse;}
#li_outer_bg .li_mode_button_bn td{padding:2px 2px 3px;}
#li_outer_bg .li_mode_button_bn td label{float:none; cursor:pointer;  border:1px solid #E1E1E1; border-radius:5px; padding:3px 7px;}
#li_outer_bg .li_mode_button_bn td label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
#li_outer_bg .li_mode_button_bn td label.selected{background-color:#4bafea; color: #555; padding: 3px 7px;}
#li_outer_bg .li_mode_button_bn td label.unselected{background-color: #fff; color: #222; padding: 3px 7px;}

/* Common Header Bar*/

#li_outer_bg .li_common_header_bar{background-color:#E1E1E1; color: #222222;  height: 25px;  line-height: 25px;  margin-bottom: 10px;}
#li_outer_bg .li_common_header_bar label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
#li_outer_bg .li_common_header_bar label{padding:5px 10px;  cursor:pointer;}
#li_outer_bg .li_common_header_bar label.selected{font-weight:bold; color: #222; padding:5px 10px}

#li_outer_bg .li_common_header_bar_sub{color: #222222;  height: 25px;  line-height: 25px;  margin-bottom: 10px;}
#li_outer_bg .li_common_header_bar_sub label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
#li_outer_bg .li_common_header_bar_sub label{padding:5px 10px;  cursor:pointer;}
#li_outer_bg .li_common_header_bar_sub label.selected{font-weight:bold; background:#4bafea; color:#fff; margin: 0 5px; padding: 3px 8px;}
#li_outer_bg .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_outer_bg .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_outer_bg .li_red_indicator, * html #li_outer_bg .li_green_indicator, * html #li_outer_bg .li_orange_indicator, * html #li_outer_bg .li_blue_indicator{padding:0; margin:0; font-size:9px;}
#li_outer_bg .li_green_indicator{background:transparent url("../images/client/tenant-lite/li_green.png") no-repeat 0 center; width:24px; height:24px; padding: 10px;}
#li_outer_bg .li_orange_indicator{background:transparent url("../images/client/tenant-lite/li_orange.png") no-repeat 0 center; width:24px; height:24px; padding: 10px;}
#li_outer_bg .li_blue_indicator{background:transparent url("../images/client/tenant-lite/li_blue.png") no-repeat 0 center; width:24px; height:24px; padding: 10px;}

#li_outer_bg .li_mega_menu {border-collapse:collapse;}
#li_outer_bg .li_mega_menu label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
#li_outer_bg .li_mega_menu .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; white-space: nowrap; height:20px; overflow:hidden; text-align:center; line-height:20px;}
#li_outer_bg .li_mega_menu .selected label{background: #4bafea; color:#FFFFFF;}
#li_outer_bg .li_mega_menu .unselected{background: none repeat scroll 0 0 #f2f2f2; border-bottom: 2px solid #4bafea; border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; color: #555555; margin-top: 3px; padding: 3px 5px; text-decoration: none;  white-space: nowrap; height:20px; overflow:hidden; text-align:left; line-height:20px;}

* html #li_outer_bg .li_mega_menu .unselected label { height: 1.5em; }
* html #li_outer_bg .li_mega_menu .selected{display:block; height:30px; padding-left:3px 8px;}
#li_outer_bg .li_mega_menu label{ cursor:pointer; background: #f2f2f2; color: #555555;}

#li_outer_bg .li_mega_menu_dot {border-collapse:collapse;}
#li_outer_bg .li_mega_menu_dot label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
#li_outer_bg .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_outer_bg .li_mega_menu_dot .selected label{background: #4bafea; color:#ffffff;}
#li_outer_bg .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 #li_outer_bg_dot .li_mega_menu .unselected {width:30px; height:30px; overflow:hidden;}
* html #li_outer_bg_dot .li_mega_menu .unselected label { height: 1.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 50px; }
* html #li_outer_bg_dot .li_mega_menu .selected{display:block; height:30px; padding-left:3px 8px;}
#li_outer_bg .li_mega_menu_dot label{ cursor:pointer; background: #f2f2f2; color: #555555;}


/*  Form Header */
#li_outer_bg .li_form_header{font-size:14px; color: #222222; display:block; margin:10px 0 10px 5px; font-weight:bold;}

/* Appraisal Pages */
#li_outer_bg .li_page{margin-left:10px;}
#li_outer_bg .li_page td{padding:3px; font-size:11px; vertical-align:top;}
/*#li_outer_bg .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_outer_bg .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_outer_bg .li_mgr_comment{ color:#555; font-size:11px; color: #222222; font-weight: bold; padding:2px; display:block; text-align:right;}
#li_outer_bg .li_emp_comment{ color:#555; font-size:11px; font-weight:bold; padding:2px; display:block; text-align:right;}
#li_outer_bg .mrg-left{margin-left:20px;}

#li_outer_bg .li_emp_points{  color: #444444; display: block; font-size: 14px; font-weight: bold; padding: 2px 0 2px 27px; text-align:left;}

#li_outer_bg .bg-end {border-bottom: 2px dotted #eee;}
#li_outer_bg .li_page td td{background:transparent !important;}
#li_outer_bg .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_outer_bg .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_outer_bg .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}
#li_outer_bg  tr.li_form_table_row td{color:#555; font-weight:bold; padding:3px 5px; background:#f8f8f8;}
#li_outer_bg  tr.li_form_table_row td{margin-right:10px;}

#li_outer_bg  tr.li_margin_right td{padding-left: 10px;}
#li_outer_bg .li_common_padding{padding:3px 0;}
#li_outer_bg  tr.li_topic td{color:#555; font-weight:bold; font-size:11px; padding-top:5px;}
#li_outer_bg .li_padding_left{padding-left:25px;}

#li_outer_bg .li_common_form2 td.li_padding_left_15px{padding-left:15px;}
#li_outer_bg .li_table_margin{margin-left:25px;}
.li_green_details{color: #222222; font-style:italic; padding:2px;}
#li_outer_bg .li_common_form2 tr.bb td{border-bottom:1px dashed #e1e1e1}

/* New Form Style for Table*/
#li_outer_bg .li_form_style{border-collapse:collapse; margin-top:10px;}
#li_outer_bg .li_form_style td label{text-align:right; color:#555;}
#li_outer_bg .li_form_style td{color:#333; padding:3px;}

/*Option*/

#li_outer_bg td .li_side_menu{color: #222222; padding: 5px 0 8px; list-style:none;}

#li_outer_bg 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}

#li_outer_bg td .li_side_menu li a:hover{background-color:#E1E1E1;}

/* Header Style */
#li_outer_bg .li_header_green{color: #222222; font-weight:bold; font-size:13px; padding:7px 0 5px 0;}

#li_outer_bg td table.li_form_display td.li_header_green{color: #222222; font-weight:bold; font-size:13px; padding:7px 0 5px 0;}
#li_outer_bg 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 #li_outer_bg 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');} 

#li_outer_bg .crumbs1 a.li_approval_process strong{  color: #222; font-size: 12x;}
#li_outer_bg  .li_desg{font-size:10px; color:#333; padding-left:5px; font-size: 9px; font-weight: bold; text-transform: uppercase;}
#li_outer_bg  .li_name{font-size:11px; color:#555; font-weight:bold; padding-left:5px; color: #222222; text-transform: uppercase;}

/* */
#li_outer_bg .li_padding_top_bottom{padding: 0 0 7px; text-align: right;}
#li_outer_bg .li-mtb,.li_mtb{margin-top:10px; margin-bottom:5px;}


/* Toggle Open Close*/

#li_outer_bg .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_outer_bg .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_outer_bg .li_form_style td .li_toggle_list{margin-left:16px}
#li_outer_bg .li_toggle_list .li_scale_head{color: #222222; font-size:11px; font-weight:bold;}
#li_outer_bg .li_toggle_list .li_scale_desc{color:#555; font-size:11px; padding-left:10px; }

#li_outer_bg .li_leave_table_three tr.bb td tr.bb_none td{border-bottom:none;}
#li_outer_bg .li_leave_table_three tr.bb td.li_ext_pad{padding:10px}
#li_outer_bg .li_leave_table_three td table tr td{border:none !important;}

#li_outer_bg .li_common_label{font-weight:bold; font-size:11px; color:#555; position: relative; top: 10px;}
#li_outer_bg .li_common_label .li_score{position:relative; top:-7px; color:#fff; font-weight:bold; font-size:10px; background-color:#6cae03; padding:0 3px; display:inline-block; *display:inline; zoom:1; border-radius:5px;}
#li_outer_bg .li_score_red{position:absolute; z-index:9; top:-7px; color:#fff; font-weight:bold; font-size:10px; background-color:#ff9900; padding:0 3px; display:inline-block; *display:inline; zoom:1; border-radius:5px;}
#li_outer_bg .li_score_com_red{background-color: red; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #FFFFFF; display: inline-block; font-size: 10px; font-weight: bold; line-height: normal; padding: 2px 3px; position: absolute; top: -13px; right:-5px;}
* html #li_outer_bg .li_score_com_red{z-index:0;}

#li_outer_bg .li_common_box{display:inline-block; display:inline\9; zoom:1; position:relative; padding:5px; background-color:#e8f7ff; margin:2px;  color: #555555; font-size: 11px;  padding: 2px 5px;}

/* Lite Common Table */

#li_outer_bg .li_com_tab_brd_off{border-collapse:collapse; margin:10px 0;}
#li_outer_bg .li_com_tab_brd_off td{padding:3px 5px; color:#555; font-size:12px; vertical-align:middle;}
#li_outer_bg .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_outer_bg .li_com_tab_brd_off tr.bb td{ border-bottom:1px dashed #c1c1c1;}
#li_outer_bg .li_com_tab_brd_off th table th{border-top:0; border-bottom:0; border-right:0; border-left:1px solid #E1E1E1;}
#li_outer_bg .li_com_tab_brd_off tr.bb td table td{border:none;}

#li_outer_bg .li_com_tab_brd_off th label,#li_outer_bg .li_com_tab_brd_off td label {position: relative; top: -2px;}
* html #li_outer_bg .li_com_tab_brd_off th label {position: relative; top: -5px;}
* html #li_outer_bg .li_com_tab_brd_off td label {position: relative; top: -5px;}
#li_outer_bg .li_com_tab_brd_off td label input{border:none; position:relative; top:2px;}
* html #li_outer_bg .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:11px;}
.li_com_tab_brd_off th{padding:5px; background-color:#f2f2f2; border:1px solid #E1E1E1; color:#555; font-size:11px; text-align:left;}
.li_com_tab_brd_off tr.bb td{ border-bottom:1px dashed #c1c1c1;}
.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_outer_bg .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_outer_bg .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 dashed #e1e1e1}

* html #li_outer_bg .li_com_grn_head_width_ie{width:100%}

#li_outer_bg .li_com_radio_bar{color: #222222;  height: 25px;  line-height: 25px;  margin-bottom: 10px;}
#li_outer_bg .li_com_radio_bar label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
#li_outer_bg .li_com_radio_bar label{padding:5px 10px;  cursor:pointer; position:relative;}
#li_outer_bg .li_com_radio_bar label.selected{font-weight:bold; background:#4bafea; color: #ffffff; margin: 0 5px; padding:3px 14px; }
#li_outer_bg .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_outer_bg .li_info b{font-size:14px; color: #222222; font-style:normal;}
#li_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .li_emp_common_popup_header{margin-left:0; padding: 2px 0 2px 24px; color: #222222; font-size:14px; font-weight:bold; text-decoration:none; display:block; outline:0; outline:none; }

#li_outer_bg .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_outer_bg .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_outer_bg .li_common_bold{color:#555; font-weight:bold; font-size:11px; padding:3px 5px;}     

#li_outer_bg .li_com_radio_button{color: #222222; margin-bottom: 10px;}
#li_outer_bg .li_com_radio_button label{margin-bottom: 5px; border-radius:10px;}
#li_outer_bg .li_com_radio_button label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
#li_outer_bg .li_com_radio_button label{padding:5px 10px;  cursor:pointer;}
#li_outer_bg .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_outer_bg .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_outer_bg .li_common_data_table{border-collapse:collapse; border:1px solid #E1E1E1; }
#li_outer_bg .li_common_data_table td{padding:7px; color:#555; font-weight:bold; background:#fcfcfc;}
#li_outer_bg .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_outer_bg .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_outer_bg  .li_info span{font-weight:bold; font-size:11px; color:#8b8b8b}
#li_outer_bg  .li_info span.mid{font-size:11px;}
#li_outer_bg  .li_info span.li_running{color:red; font-style:normal; font-size:18px;}
#li_outer_bg  .li_info span.li_total{color:#555; font-style:normal; font-size:14px;}

#li_outer_bg  .li_running{color:red; font-style:normal; font-size:18px;}
#li_outer_bg  .li_total{color:#555; font-style:normal; font-size:14px;}

#li_outer_bg .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_outer_bg .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_outer_bg .li_info_sucess b{color: #222222; font-size:13px;} 
#li_outer_bg .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_outer_bg .li_info_running span{font-weight:bold; color:red; }
#li_outer_bg .li_info_running .li_running{color: #222222; font-size:18px;}
#li_outer_bg .li_info_running .li_total{color:#555; font-size:14px;}

#li_outer_bg .li_com_tab_brd_off td label.li_lbl_pos{font-size: 10px; font-weight: bold; position: relative;  top: 6px;}
#li_outer_bg .li_com_tab_brd_off td label.li_lbl_pos input {position: relative;  top: 2px;}

#li_outer_bg .li_com_tab_brd_off th .li_green{color: #222222; width: 100px; margin-bottom:3px;}
#li_outer_bg .li_com_tab_brd_off th .li_gray{color:#333; width: 100px; }

#li_outer_bg .li_common_checkbox{margin:5px 3px}
#li_outer_bg .li_common_checkbox label{ background: none repeat scroll 0 0 #E1E1E1; color: #222; font-weight: bold; margin: 0 5px; padding: 4px 7px; font-size:11px; border-radius:7px;  cursor:pointer}
#li_outer_bg .li_common_checkbox label.selected{ background: #4bafea; color: #ffffff; font-weight: bold; margin: 0 5px; padding: 4px 7px; font-size:11px;  border-radius:7px;   cursor:pointer}
#li_outer_bg .li_common_checkbox label.unselected{background: none repeat scroll 0 0 #f2f2f2; color: #555555; cursor: pointer; font-size:11px; font-weight:bold;}
* html #li_outer_bg .li_common_checkbox label{padding:3px 10px 3px; overflow:hidden; height:25px; position:relative;}
* html #li_outer_bg .li_common_checkbox label.selected{padding:3px 10px 3px; overflow:hidden; height:25px; position:relative;}

#li_outer_bg .li_common_checkbox label input{border: medium none;  position: absolute;  top: -9999px; left: -9999px; z-index:-999;}
* html #li_outer_bg .li_common_checkbox label input{border: medium none;  position: absolute;  top: -9999px; left: -9999px; z-index:-999;}

#li_outer_bg .li_common_report_table{border-collapse:collapse;}
#li_outer_bg .li_common_report_table td{padding:3px 5px; color:#555; font-size:11px; text-align:center; border:1px solid #E1E1E1;}
#li_outer_bg .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 */

#li_outer_bg  #faq { background: #fff; min-height:100px; 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;}
#li_outer_bg  #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;}
#li_outer_bg  #nav-bar { height: 50px; width:30px; float:right; }
#li_outer_bg  ul.nav-menu{ padding:0px; margin:0; height:50px; }
#li_outer_bg  ul.nav-menu li{ list-style-type:none; padding:0px; width:10px; height:50px; }
#li_outer_bg  ul.nav-menu li a{ display:block; width:100px; padding:5px; position:relative; right:42px; top:60px; color:#fff; text-decoration:none;}
#li_outer_bg  ul.nav-menu li a.btn-1{background:#E1E1E1 url('../images/client/tenant-lite/faq.gif') 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:0; outline:none;outline:0 !important;
			 -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;}
* html #li_outer_bg  ul.nav-menu li a.btn-1 {width:63px; position:relative; right:10px;}
* html #li_outer_bg  ul.nav-menu li a.btn-2 {width:63px; position:relative; right:10px;}
#li_outer_bg  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_outer_bg .li_faq_panel {position:absolute; right:5px; z-index:99; top: 162px;}
#li_outer_bg .li_faq_panel td {background-color:transparent}

#li_outer_bg .li_faq_head{font-weight:bold; color: #222222; padding:5px 0 0 20px; display:block;}
#li_outer_bg .li_faq_list{margin:5px 5px 5px 20px; padding:0;}
#li_outer_bg .li_faq_list li{padding-bottom:10px; list-style:none;}
/* Faq Section End*/


#li_outer_bg .li_border_right{border-right:3px solid #f2f2f2}

#li_outer_bg .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_outer_bg .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_outer_bg .li_comm_green_bg li a{text-decoration:none; color:#333; }
#li_outer_bg .li_comm_green_bg li a:hover{color: #222222; border-bottom:2px dotted #8b8b8b;}
#li_outer_bg .li_action_box{position:relative;}

/* Employee Profile Sidebar header*/

#li_outer_bg .li_sidebar_header td{color:#333333; font-size:11px; font-weight:bold; padding:5px 10px 5px 30px; border-bottom: 1px dashed #CFCFCF; border-top: 1px dashed #CFCFCF;}
#li_outer_bg .li_sidebar_header td a{color:#444444}
#li_outer_bg .li_side_list_td{border-collapse:collapse;}
#li_outer_bg .li_side_list_td .li_st_bb td{color:#555; font-size:11px; border-bottom:1px dashed #eee; line-height:15px; padding:3px 10px;}

#li_outer_bg .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_outer_bg .li_emp_expance { background: url("../images/client/tenant-lite/li_emp_expance.gif") no-repeat scroll 3px 50% transparent;}
#li_outer_bg .li_emp_project { background: url("../images/client/tenant-lite/li_emp_project.png") no-repeat scroll 3px 50% transparent;}
#li_outer_bg .li_emp_training{ background: url("../images/client/tenant-lite/li_emp_training.gif") no-repeat scroll 3px 50% transparent;}
#li_outer_bg .li_event{ background: url("../images/client/tenant-lite/li_event.png") no-repeat scroll 3px 50% transparent;}
#li_outer_bg .li_big_red{font-weight:bold; font-size:16px; color:red;}
#li_outer_bg .li_common_form2 td .li_big_red{font-weight:bold; font-size:16px; color:red;}
#li_outer_bg .li_big_gray{font-size:12px; color:#333;}
#li_outer_bg .li_pad_top_bot td{padding:5px 0; font-size:11px; color:#333; font-weight:bold;}
#li_outer_bg .li_font_green{color:#444444; font-size:12px; text-align:left}
#li_outer_bg .li_font_green_elev{color:#444444; font-size:11px;}
#li_outer_bg .li_font_blue{color:blue; font-size:12px;}
#li_outer_bg .li_leave_table_three td .li_sub_head{font-size:11px; color:#444444; font-weight:bold;}

#li_outer_bg .li_leave_table_three td.li_sub_head2{font-size:12px; color:#444; font-weight:bold; padding-left:0;}

#li_outer_bg .li_leave_table_three tr.bb td.li_local_roles{color: #444; }
#li_outer_bg .li_leave_table_three tr.bb td label input{position:relative; top:2px;}


#li_outer_bg .li_com_tab_brd_off th.li_font_green{color:#444444; font-size:12px;} 

#li_outer_bg .li_com_tab_brd_off tr.bg_gray td{background-color:#f3f3f3; font-weight:bold;}
#li_outer_bg .li_com_tab_brd_off tr.bg_gray td.li_upper_case{font-size: 10px; text-transform: uppercase;}
#li_outer_bg .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_outer_bg .li_com_tab_brd_off td label.font-green b{color:#444444;} 
#li_outer_bg .li_com_tab_brd_off td.text-right{text-align:right; font-weight:bold; color:#444} 

* html #li_outer_bg .li_com_tab_brd_off td label input {top:1px;}
* html #li_outer_bg .li_disp_none{display:none}
* html #li_outer_bg .li_widthFix{width:97%}
#li_outer_bg .li_widthFix{width:100%}
.li_pos_rel{position:relative; top:3px;}
#li_outer_bg  .li_check_group td label{float:left; margin-right:10px; font-weight:bold; font-size:11px; color:#333; cursor:pointer; }
#li_outer_bg  .li_check_group td label input{position:relative; top:2px; margin-right:3px;}
* html #li_outer_bg  .li_check_group td label input{position:relative; top:6px; margin-right:2px;}

#li_outer_bg .li_leaveApply{ border-collapse:collapse;}
#li_outer_bg .li_leaveApply th div{background-color:#f2f2f2; margin-bottom:2px;}
#li_outer_bg .li_leaveApply th div .lt {color: #222222; font-size:13px; font-weight:bold; }
#li_outer_bg .li_leaveApply th div .tot {color:#555; font-size:11px; font-weight:bold;}
#li_outer_bg .li_leaveApply th div .bal {color:#000; font-size:15px; font-weight:bold;}
#li_outer_bg .li_leaveApply tr.bt td {border-top:2px solid #f2f2f2;}
#li_outer_bg .li_leaveApply tr.bb td {border-bottom:2px solid #f2f2f2;  border-right: 3px solid #f2f2f2;}
#li_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .li_leaveApply td.box4 {border-right:2px solid #f2f2f2; font-weight:bold;  color: #222222;  font-weight:bold; padding:3px; font-size:11px;}


#li_outer_bg .li_leaveApply tr.bt td.boxl span{color:#333;}
#li_outer_bg .li_leaveApply td.box2 span{color:#333;}
#li_outer_bg .li_leaveApply td.box3 span{color:#333;}
#li_outer_bg .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_outer_bg .li_cal_setting_box{border-collapse:collapse; padding:3px; border:2px solid #f2f2f2; }
#li_outer_bg .li_cal_setting_box th{background-color:#f2f2f2; color: #222222; font-size:11px; padding:5px;}
#li_outer_bg .li_cal_setting_box td{background-color:#fff; color:#444; padding:3px 4px; font-size:11px;}
#li_outer_bg .li_cal_setting_box tr.bb td{border-bottom:1px dotted #b1b1b1;}
#li_outer_bg .li_cal_setting_box th.weekday{color:#333}
#li_outer_bg .li_cal_setting_box td label input{position:relative; border:none; top:3px;}
#li_outer_bg .li_cal_setting_box td.br{border-right:1px dotted #b1b1b1;}
#li_outer_bg .br{border-right:1px dotted #b1b1b1;}
#li_outer_bg .li_select_emp {border-collapse:collapse;}
#li_outer_bg .li_select_emp td{font-size:11px; color:#444;}
#li_outer_bg label input{position:relative; top:3px;}
#li_outer_bg .reportDiv{padding:5px 10px 5px 20px; font-size:11px; color:#333}

#li_outer_bg .li_top_control {border-collapse:collapse; margin:5px 0;}
#li_outer_bg .li_top_control td{background-color:#f2f2f2; padding:5px; color:#333; font-size:13px; font-weight:bold;  vertical-align: middle;}
#li_outer_bg .li_top_control td span{color: #222222;}

#li_outer_bg .li_profile_h2_14{font-size:14; color: #031B2E;}
#li_outer_bg .li_mtb_ten{margin:10px 0;}

#li_outer_bg .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: #F2F2F2; color: #333; font-size: 12px; padding: 6px 17px 5px; text-decoration: none;  outline:none !important; }

* html .li_render_tabs .selectedHT:hover{color:#f2f2f2}
* html .li_render_tabs .unselectedHT:hover{color:#f2f2f2}

#li_outer_bg .li_period_msg .li_HT_menu label{padding:3px 10px; font-weight:normal;}
#li_outer_bg .li_period_msg .li_HT_menu label input{border:none; position:absolute; top: -9999px; left: -9999px; z-index:-999;}
#li_outer_bg .li_period_msg .li_HT_menu .selected{font-weight:bold; padding:3px 5px; color:#222; font-size:12px;}
#li_outer_bg .li_period_msg .li_HT_menu .unselected{font-weight:normal;  padding:3px 5px; color:#3534FE;  font-size:12px;}
#li_outer_bg .li_period_msg .li_HT_menu label{ cursor:pointer;}

* html #li_outer_bg .li_period_msg .li_HT_menu{position:relative; top:0;}

#li_outer_bg .li_hid_msg {color: #333333; display: block; margin-top: 5px;}
#li_outer_bg .li_hid_msg label {margin-left:15px;}
#li_outer_bg .li_hid_msg label input{border:none; position:relative; top:2px; margin:0 5px 0 0; padding:0;}
* html #li_outer_bg td .li_hid_msg label input{border:0;}
* html #li_outer_bg .li_hid_msg{position:relative; top:-2px;}

#li_outer_bg .li_msg_info{padding:2px}
#li_outer_bg .li_msg_info b{color:red; font-size:14px;}

#li_outer_bg .li_messages{border-collapse:collapse;}

#li_outer_bg .li_messages td{padding:12px 10px; color:#333; text-align: left;}
#li_outer_bg .li_messages td.li_st_date{color:#777;}
#li_outer_bg .li_messages td img{float:left; margin: 0 5px 5px 0; }
#li_outer_bg .li_messages tr.bb td{border-bottom:1px dashed #e1e1e1; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana;  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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; 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: Arial , trebuchet ms,verdana; text-align: center;}

#li_outer_bg td.li_div_sec{background-color:#f2f2f2}

#li_outer_bg .li_items td.li_l_side{width:9px; background:#f2f2f2 url('../images/client/tenant-lite/gray/li_list_curve_left.gif') no-repeat top left;}
#li_outer_bg .li_items td.li_r_side{width:9px; background:#f2f2f2 url('../images/client/tenant-lite/gray/li_list_curve_right.gif') no-repeat top right;}
#li_outer_bg .li_items li{list-style:none;}

#li_outer_bg .li_items{border-collapse:collapse; width:100%}
* html #li_outer_bg .li_items{border-collapse:collapse; width:90%}
#li_outer_bg .li_items .li_item_br{height:10px;background: #fff url("../images/client/tenant-lite/gray/grey-bg.gif");}
#li_outer_bg .li_items .li_item_top{height:10px;background-color:#FFF}
#li_outer_bg .li_items .li_item_head{background-color: #4bafea; color: #FFFFFF; font-size:14px; padding:5px 10px 5px 20px; height:25px; line-height:25px;}
#li_outer_bg .li_items .li_item_body{font-size:11px; padding:5px 10px 10px; color:#444;}
.text_justify{text-align:justify;}
#li_outer_bg .li_items .li_item_body .li_poll_ques{font-weight:bold; padding:3px 0;}

#li_outer_bg .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_outer_bg .li_noMessages td{background-color:#f2f2f2;}


#li_outer_bg .toggleFilter{display:inline-block; *display:inline; zoom:1; margin-bottom:10px; text-decoration:none; font-weight:bold; color:#3534FE; outline:none; font-size:12px;}
#li_outer_bg  label.toggleFilter input{border: medium none;  position: absolute;  top: -9999px; left: -9999px;}

#li_outer_bg td.li_page_navi{padding-top:7px}

#li_outer_bg .li_setting_bg{background:#fff url('../images/client/tenant-lite/li_setting_bg.gif') repeat-x 0 0;  height: 38px; vertical-align:middle;}
#li_outer_bg .li_master_box{border:1px solid #f1f1f1; border-collapse:collapse;}
#li_outer_bg .li_master_bg{background-color:#f1f1f1; vertical-align:middle;}
#li_outer_bg .li_my_master{padding:2px 2px 2px 10px; height: 25px; line-height: 25px; font-weight:bold; color:#444;}
#li_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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_outer_bg .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 #li_outer_bg a:hover{color:#555;}




#li_outer_bg .li_settings_box{border:1px solid #fff; border-collapse:collapse;}
#li_outer_bg .li_settings_box td.li_sett_links{padding:10px; color:#777;}
#li_outer_bg .li_settings_box td.li_sett_links .fix-box{width: 330px; word-wrap: break-word;}
.fix-box{width: 330px; word-wrap: break-word;}
#li_outer_bg .li_settings_box td.li_sett_links a{text-decoration:none; font-size:11px; color:#3534FE;}
#li_outer_bg .li_settings_box td.li_sett_links a:hover{text-decoration:underline;}

#li_outer_bg .li_master_box td.li_sett_links{padding:5px 8px;}
#li_outer_bg .li_master_box td.li_sett_links a{text-decoration:none; font-size:11px; color:#3534FE;}
#li_outer_bg .li_master_box td.li_sett_links a:hover{text-decoration:underline;}


#li_outer_bg .li_clear,#li_outer_bg .showHideNoteBox{color:#3534FE; text-decoration:none;  outline:none; outline:0 !important;}
#li_outer_bg .showHideNoteBox:hover{text-decoration:underline;}
#li_outer_bg .li_clear:hover,#li_outer_bg .showHideNoteBox:hover{border-bottom:none;}
#li_outer_bg .li_c_role{font-weight:bold; font-size:11px; color:#444}

#li_outer_bg .li_common_form{border-collapse:collapse;}
#li_outer_bg .li_common_form th{text-align:right; color:#333; padding:7px 5px 0; vertical-align:top; font-weight:normal}
#li_outer_bg .li_common_form td{color:#555; padding:4px 5px; line-height:16px;}
#li_outer_bg .li_common_form td a.li_f_button{color:#3534FE; text-decoration:none; font-size:11px;}
#li_outer_bg .li_common_form td a.li_f_button:hover{text-decoration:underline;}
#li_outer_bg .li_common_form td label input{position:relative; top:3px;}

* html #li_outer_bg .li_button_right{text-align:right; width:100%;}
* html #li_outer_bg .li_button_right{text-align:right; width:95%}

#li_outer_bg .li_Setting_landing_page{border-collapse:collapse; margin-left: 10px;}
#li_outer_bg .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_outer_bg .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_outer_bg .li_Setting_landing_page td a:hover{ color:#458EB9}



#li_outer_bg ul.helpNote{list-style-type:none; margin-left:15px;}
#li_outer_bg ul.helpNote li{padding:3px 10px 3px 20px; background:transparent url('../images/client/tenant-lite/gray/li_setting_bullet.png') no-repeat 0 8px; font-size:11px;}

#li_outer_bg .li_setting_note{position:relative; margin-top:7px; border: 1px dashed #E1E1E1; 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 dashed #E1E1E1; 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_outer_bg .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_outer_bg .li_Setting_landing_page td .showHelpNote:hover{text-decoration:none;}
#li_outer_bg .li_Setting_landing_page td .li_link_box{position:relative;}

#li_outer_bg .li_common_link_top{margin:5px 0;}
#li_outer_bg .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_outer_bg .li_common_link_top .unselected, #li_outer_bg .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_outer_bg .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_outer_bg .li_gray_glob{font-size:11px; color:#444; font-weight:bold; }

#li_outer_bg .li_common_form2{border-collapse:collapse;}
#li_outer_bg .li_common_form2 th.head{font-weight:bold; padding:5px; color: #222222; border-bottom:1px dashed #e5e5e5; text-align:left;}
.li_common_form2 th.head{font-weight:bold; padding:5px; color: #222222; border-bottom:1px dashed #e5e5e5; text-align:left;}
#li_outer_bg .li_common_form2 th.sub-head{font-weight:bold; padding:5px; color:#444; border-bottom:1px dashed #e5e5e5; 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: #222222; text-decoration:none; border-bottom:2px dotted #8b8b8b; font-size:11px;}
.li_common_form2 td a.li_f_button:hover{border-bottom:none;}
.li_common_form2 td label input{position:relative; top:2px;}
* html #li_outer_bg .li_common_form2 td label input{position:fixed; top:2px;}
.li_common_form2 td.td_green,#li_outer_bg .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_outer_bg .li_com_link a{color:#3534FE; text-decoration:none; padding:5px 3px 1px; display:inline-block; *display:inline; zoom:1px; outline:none; outline:0; }
#li_outer_bg .li_com_link a:hover{text-decoration:underline;}

#li_outer_bg .li_com_link2 a{color:#3534FE; text-decoration:none; padding:5px 10px; display:block; font-size:12px; outline:none; outline:0; text-decoration:none; }
.li_com_link2{border-bottom:1px dashed #b1b1b1;}

#li_outer_bg .li_com_link2 a:hover{text-decoration:underline;}

#li_outer_bg .li_com_link3 a{color:#3534FE; 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 dashed #b1b1b1;}
#li_outer_bg .li_com_link3 a:hover{text-decoration:underline;}
#li_outer_bg a.li_lite_gray strong{color:#3534FE; text-decoration:none;}
#li_outer_bg a.li_lite_gray:hover strong{text-decoration:underline;}




#li_outer_bg a.li_com_link{color:#3B9FDA; text-decoration:underline; padding:5px 3px 1px; display:inline-block; *display:inline; zoom:1px; outline:none; outline:0; font-size:12px;}
#li_outer_bg a.li_com_link:hover{text-decoration:none; }


#li_outer_bg .li_page td.li_desc{font-size:11px; color:#555; line-height:16px; padding: 5px 30px 5px 20px;  text-align: justify;}
#li_outer_bg .li_desc4{font-size:12px; color:#444; line-height:16px; text-align: justify;}
#li_outer_bg .li_pad_bot{padding-bottom:8px}
#li_outer_bg .li_page .li_desc2{color: #444444; font-size: 11px;margin: 3px 0 3px 22px; padding: 5px 7px; text-align: justify;}
#li_outer_bg td div.li_desc3{border-bottom: 1px dashed #8b8b8b; color: #555555; font-size: 11px; margin: 3px 0 10px; padding: 5px 7px 7px; text-align: justify;}

#li_outer_bg .li_leave_table_three td.li_desc{font-size:11px; color:#555; line-height:16px; padding: 5px 30px 5px 10px;  text-align: justify;}
#li_outer_bg .li_desc{font-size:11px; color:#555; line-height:16px; padding: 5px 30px 5px 10px;  text-align: justify;}

#li_outer_bg .li_page td.li_color_code{text-align:right; padding-right:30px}
#li_outer_bg .li_color_code{text-align:right; padding-right:30px}
#li_outer_bg .li_com_bb{border-bottom:1px dashed #b1b1b1; padding:0 0 3px 0}
#li_outer_bg tr.bb td{border-bottom:1px dashed #b1b1b1; text-align:left;}
#li_outer_bg .li_pad_top{padding-top:7px;}

#li_outer_bg 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_outer_bg .li_com_width{width:95%}
#li_outer_bg .li_com_width{width:100%}

#li_outer_bg .li_select_emp_input{font-size:16px; font-weight:bold; color:red; border:none; width:55px;}
#li_outer_bg .li_select_emp_text{font-size:11px; font-weight:bold; color: #222222; border:none;}

* html #li_outer_bg .li_select_emp_input{width:20px;}

#li_outer_bg .li_green_13px{color: #222222; font-size:13px; font-weight:bold; padding:5px 0;}
#li_outer_bg .li_gray_12px{color:#333; font-size:12px; font-weight:bold; padding:10px;}
#li_outer_bg .li_gray_0{color:#333; font-size:12px; font-weight:bold; padding:0 0 5px 0;}
#li_outer_bg .li_gray_13px{color:#333; font-size:13px; font-weight:bold; padding:5px 0;}

#li_outer_bg .li_note_bt{ margin-top:10px; border-top:1px dashed #e1e1e1;}

#li_outer_bg .li_div_style{padding:2px 5px; color:#444;}
#li_outer_bg .li_div_style label input{border:none; position:relative; top:2px;}
.li_Approvers_head{ border-bottom: 1px dashed #c1c1c1; clear: both; color: #333333; font-weight: bold; margin: 3px 0 5px; padding: 2px;}

* html #li_outer_bg .ie_extra_space_del{padding:0; margin:0; font-size:0; line-height:0; border:0; outline:0;}

* html #li_outer_bg .li_ie_height{margin-top:3px; height:20px}
* html #li_outer_bg .li_ie_height2{margin-top:5px; height:20px}
#li_outer_bg .li_ie_height{margin-top:3px;} 
#li_outer_bg .li_ie_height2{margin-top:5px; height:30px} 

#li_outer_bg .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_outer_bg .li_current_emp span{color: #222;}

#li_outer_bg .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_outer_bg .li_element_button:hover{color: #222222;}

#li_outer_bg .li_popupMenu{position:relative;}
#li_outer_bg .li_popupMenuRight{position:relative;}
#li_outer_bg .li_poseMenu{right: -6px; top: -9px; float:right; text-align:right;}
* html #li_outer_bg .li_poseMenu{right: -8px; top: -22px; float:right;}
#li_outer_bg .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_outer_bg .li_popupMenu ul.li_menuList{position:absolute; top:0; z-index:999;
	margin:0; padding:10px; list-style:none;
	background:#fff; color:#333;}

#li_outer_bg .li_popupMenuRight ul.li_menuList2 { display:none;
	position:absolute; top:10px; z-index:999;
	margin:0; padding:5px 5px 0 5px; list-style:none;
	background:#fff; color:#333;
	list-style-type:none;
	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
}

#li_outer_bg .li_popupMenuRight ul.li_menuList2 li a{text-decoration:none; display:inline-block; *display:inline; zoom:1; padding:2px 5px; text-decoration:none; font-size:11px; color:#444;}
#li_outer_bg .li_popupMenuRight ul.li_menuList2 li a:hover{color: #222222;}
#li_outer_bg .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_outer_bg .li_option li a.menu-down {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% #d1d1d1;}

* html #li_outer_bg .li_popupMenuRight a.optionBtn{*display:inline; zoom:1;}

#li_outer_bg .li_popupMenuRight .li_width{width:170px;}
#li_outer_bg .li_popupMenuRight .li_width li a{display:inline-block; *display:inline; zoom:1; border-bottom:1px solid #fff;}
#li_outer_bg .li_popupMenuRight .li_width li a:hover{border-bottom:1px dashed #ccc; }

#li_outer_bg .li_popupMenuRight a.li_com_link{border-bottom:none;}

* html #li_outer_bg .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_outer_bg .li_common_form2 td ul.li_ul_root{margin-left:20px; margin-top:5px;}
#li_outer_bg .li_common_form2 td ul.li_ul_root li ul{margin-left:20px; margin-top:5px;}
#li_outer_bg .li_common_form2 td ul.li_ul_root li ul li{height:20px; line-height:20px; padding:2px; margin-bottom:3px;}

#li_outer_bg .li_common_form2 td textarea {color:#333; font-size:12px;}
#li_outer_bg .li_common_form2 td select {color:#333; font-size:12px;} 
#li_outer_bg .li_common_form2 td input {color:#333; font-size:12px;}

#li_outer_bg .li_common_form2 td ul.li_ul_root li a{text-decoration:none; color:#444; font-size:11px; padding:0 2px 0 0;}

#li_outer_bg #level1{margin-right:20px; border-right:1px dotted #b1b1b1;}
#li_outer_bg #level2{margin-right:20px; border-right:1px dotted #b1b1b1; }
#li_outer_bg #level2 td{text-align:left; color:#444; font-size:11px;}

#li_outer_bg .drop-down-menu { display:block; list-style-type:none; }
#li_outer_bg .drop-down-menu li { float:left; padding: 3px; 5px }
#li_outer_bg .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 #li_outer_bg .drop-down-menu li ul { width:150px; white-space: nowrap;	overflow: hidden; text-overflow: ellipsis;}
#li_outer_bg .drop-down-menu li ul li { float:none; }
#li_outer_bg .drop-down-menu li ul li a { color:#555; text-decoration:none; font-size:11px; border-bottom:2px dotted #fff;}
#li_outer_bg .drop-down-menu li ul li a:hover { border-bottom:2px dotted #b1b1b1; }
#li_outer_bg .mb{margin-bottom:10px}

#li_outer_bg .popupTable{padding:5px; border-radius:5px; background-color:#fff; z-index:999;}
#li_outer_bg .popupTable table{border-collapse:collapse;}
#li_outer_bg .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 #li_outer_bg ie_width_fix{width:500px;}

* html #li_outer_bg .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');}

#li_outer_bg .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_overflow{overflow-x:auto; overflow-y:auto; width:445px; height:100px;}
.li_l_outer{margin-bottom:5px; position:relative; width:445px;}

#li_outer_bg .selectedEmp{color: #222222; font-size:16px; font-weight:bold; border:none;}

#li_outer_bg .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:10px 0 0 0; border-top:1px dashed #e1e1e1; text-align:center; margin-top:5px;}

.li_link_right{text-align:right;}

#li_outer_bg #m-core{border-collapse: separate;  border-spacing: 8px;}
#li_outer_bg #m-core th { vertical-align: bottom;}
#li_outer_bg .head{font-size:12px;}
#li_outer_bg td.td-pink{background:#F9C7A6; padding:10px; border:1px solid black;}
#li_outer_bg td.td-green{background:#fafafa; padding:10px; border:1px solid #cfcfcf; vertical-align:middle; text-align:center;}
#li_outer_bg .n-span{float:right;  margin:5px 0px 0 2px; vertical-align:bottom; }



#li_outer_bg .li_leave_table_three th label input  {position:relative; top:0;}

#li_outer_bg td.li_mode{vertical-align:middle; text-align:right; color:#444; font-weight:bold;}
#li_outer_bg h2.grn_top{color: #222; font-size:14px; margin:5px 0 0 5px}
#li_outer_bg .help-style{border: 1px dashed #E1E1E1; 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;}
#li_outer_bg .help-style li{margin-left:25px;}
#li_outer_bg .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 #li_outer_bg .help-style .triangle{top:-3.1em;}

#li_outer_bg .help-style .li_tri_left{left: 8.5em;}
#li_outer_bg .help-style .li_tri_left_comp{left: 7.6em;}
#li_outer_bg .help-style .li_tri_left_dg, #li_outer_bg .help-style .li_tri_left_te{left: 12em;}
#li_outer_bg .help-style .li_tri_left_edp{left: 18em;}
#li_outer_bg .help-style .li_tri_left_pp{left: 5.9em;}
#li_outer_bg .help-style .li_tri_left_tpr{left: 22.9em;}
#li_outer_bg .help-style .li_tri_left_rg{left: 9.3em;}
#li_outer_bg .help-style .li_tri_left_fs{left: 7.9em;}
#li_outer_bg .help-style .li_tri_left_sf{left: 6.7em;}
#li_outer_bg .help-style .li_tri_left_gs{left: 6.8em;}

#li_outer_bg .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 dashed #333;
    color: #333;
    }
	
	
.sidemenu .li_render_tabs ul li.li_bb_noline{border-bottom:none;}

#li_outer_bg .showHideHelp{ cursor:pointer;}
#li_outer_bg  .li_intro_form td{color:#444; line-height:20px;}

.attendance_date{padding: 2px 4px; color: #FFFFFF; border-radius: 3px 3px 3px 3px; font-size: 10px; background: none repeat scroll 0pt 0pt #8b8b8b;}
.attendance_hour_worked{padding: 2px 4px; color: #333333; border-radius: 3px 3px 3px 3px; font-size: 10px; background: none repeat scroll 0pt 0pt #E1E1E1;  margin: 2px 0pt;}
.attendance_ot{padding: 2px 4px; color: #333333; border-radius: 3px 3px 3px 3px; font-size: 10px;  background: none repeat scroll 0pt 0pt #f2f2f2; margin: 2px 0pt;}
.attendance_shift{padding: 2px 4px; color: #333333; border-radius: 3px 3px 3px 3px; 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: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }

/* span for disabled cells */
.ui-timepicker-table td span {
	display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;

    text-align:right;
    text-decoration:none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
    cursor: pointer;
    text-align:right;
    text-decoration:none;
}


/* 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 */
width:175px; /* Width of box */
height:250px; /* Height of box */
overflow:auto; /* Scrolling features */
border:1px solid #8b8b8b; /* Dark green border */
background-color:#FFF; /* White background color */
color: black;
text-align:left;
font-size:0.9em;
z-index:999999;
}
#ajax_listOfOptions div{ /* General rule for both .optionDiv and .optionDivSelected */
margin:1px;
padding:1px;
cursor:pointer;
font-size:10px;
font-family: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 */


#li_outer_bg h2.greenHeader3{background:#fff; border-bottom:1px dashed #b1b1b1;  font-size: 15px;  padding:7px 10px; position:relative; top:-5px; left:-10px; width:100%; margin-bottom:10px; color:#333;}
* html #li_outer_bg 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; maring: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; maring: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\9;}
.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\9;}
.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\9;}
.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\9;}
.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\9;}
.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\9;}
.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\9;}
.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\9;}
.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;}


#li_outer_bg .change-theme td a{display:block; float:left; margin:0 25px 25px 0; width:400px; height:250px; border:1px solid transparent; box-shadow:0 0 .5em transparent;}
#li_outer_bg .change-theme td a:hover{border:1px solid #b1b1b1; box-shadow:0 0 .5em #9B9B9B; display:block; float:left;}

#li_outer_bg .change-theme td a.theme-selected{border:1px solid #b1b1b1; box-shadow:0 0 .5em #9B9B9B; display:block; outline:none !important; float:left;}
* html #li_outer_bg .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);
          
    }
#li_outer_bg .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:11px; }
#li_outer_bg .li_common_form2 ul, #li_outer_bg .li_common_form2 ol{margin:5px 0 10px 25px; font-size:11px; }
#li_outer_bg .activeCell{box-shadow:0 0 5px #ccc; cursor:pointer;  background:#eee\9;}

h2.head{font-family: Arial , trebuchet ms,verdana; 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: #fff;   
    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_outer_bg .li_item_middle{vertical-align:middle; text-align:right; font-weight:bold; padding:0 5px 0 0;}

#li_outer_bg h3{font-family:Arial , trebuchet ms,verdana; font-size:16px;  line-height: 1.4em;font-weight: 400; text-rendering: optimizelegibility;}

* {
    font-family: Arial , trebuchet ms,verdana;
}
#li_outer_bg .li_mobile{height:20px; line-height:20px; padding: 2px 0 2px 24px; background:#fff url('../images/client/tenant-lite/li_mobile.png') no-repeat 0 center;}
#li_outer_bg .li_landline{height:20px; line-height:20px; padding: 2px 0 2px 24px; background:#fff url('../images/client/tenant-lite/li_landline.png') no-repeat 0 center;} 

#li_outer_bg .heading{ font-size:24px; color:#444; margin:5px 0 0 10px; display:block; font-weight:bold; }
#li_outer_bg .answer{color:#444;  margin:0 0 10px 20px; font-size:14px; float:left; display:block; }
#li_outer_bg .training-url{background:#fff url('../images/slideshare.png') no-repeat 0 center; padding:0 0 0 55px; color:#3B9FDA; margin:10px 0 10px 10px; font-size:16px; height:48px; line-height:45px; float:left; display:block; }

#li_outer_bg 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;}


#li_outer_bg #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{  border: 1px solid #f5fcff; background-color:#f5fcff; border-radius: 5px; margin:0px 0px 45px 0px;}

.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\9; border:2px solid #e1e1e1\9;
    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 {
				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{  
					padding: 5px 35px;
					width: 100%;  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; display: inline-block; font-weight: bold; vertical-align: middle;  text-align: center;
				    text-decoration: none; vertical-align: middle; width: 230px;}
				.btn: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\0;
        }
  /* 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;}
#li_outer_bg .accessWebHelp{text-decoration:none; background:url('../images/client/tenant-lite/li_manage_faq.png') no-repeat 0 center #fff; font-weight:normal; color:#656565; padding: 2px 2px 2px 30px; text-decoration:none; font-size: 14px;  margin: 15px 0 5px 0px; display:block; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease;}
#li_outer_bg .accessWebHelp:hover{ color:#000;}
#li_outer_bg .overflow-box{border-right:2px dotted #e1e1e1; height:400px; overflow-y:auto;}
#li_outer_bg .master-table{margin-top:9px; border-collapse:collapse;}

#li_outer_bg .li_messages tr:hover td{background-color:#fbfbfb;}
#li_outer_bg .li_leave_table_three tr.bb:hover td{background-color:#fbfbfb;}
#li_outer_bg .li_leave_table_three tr.selected td{background-color:#fbfbfb; border-bottom:1px dashed #e1e1e1;}
#li_outer_bg .li_leave_table_three tr.unselected td{border-bottom:1px dashed #e1e1e1;}
.li_leave_table_three tr.bb:hover td{background-color:#fbfbfb;}
#li_outer_bg .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_outer_bg  .li_purchase{font-size:14px; margin-bottom:10px; display:block; color:#444; font-weight:bold;}
#li_outer_bg  .s-module{width:250px; border-radius:5px; box-shadow:0 0 5px #ccc; background-color:#f1f8fd; margin:10px; padding:0 0 10px 0;}
#li_outer_bg  .o-module{width:250px; border-radius:5px; box-shadow:0 0 5px #ccc; background-color:#FFFFF4; margin:10px; padding:0 0 10px 0;}
#li_outer_bg  .s-module h3,#li_outer_bg .o-module h3{border-bottom: 1px dashed #C2C2C2; color: #444444; font-size: 16px; font-weight: bold; margin: 0 10px 10px; padding: 10px 0 5px; text-align: center;}
#li_outer_bg  .s-module ul li,#li_outer_bg   .o-module ul li{ list-style-type:none; padding-left:25px; padding-bottom:5px; }
#li_outer_bg  .key-price{font-weight:bold; font-size:30px;}
#li_outer_bg  .y-price{font-weight:bold; font-size:20px;}
#li_outer_bg  .price-lbl{text-align:right; vertical-align:middle; font-weight:bold;} 

#li_outer_bg .select-opt-head{background:#999999; color:#fff; font:italic bold 12px/30px Georgia,serif;}
#li_outer_bg .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;}

#li_outer_bg  .full {
	width: 100%;
}
#li_outer_bg  .pull-left {
	float: left;
}
#li_outer_bg  .full ul li{list-style-type:none;}
#li_outer_bg  .plan.no-round.left {
	border-left: 1px solid #FCCD4D;
	border-radius: 6px 0 0 6px;
}


#li_outer_bg  .individual {
	background-color:#FFFFF4;	
	margin-right:10px !important;
	 cursor:pointer;
}

#li_outer_bg  .plan,#li_outer_bg   .plan-big {
	border-radius: 6px 6px 6px 6px;
	float: left;
	position: relative;
}
#li_outer_bg  .plan {
	border: 1px solid #FCCD4D;
	margin: 5px;
	padding: 10px 11px 10px;
	width: 170px;
	text-align:center;
}
#li_outer_bg  #calculatedPricing{padding:10px 0 0 5px;}

#li_outer_bg  .individual h3 {
	color: #4BAFEA;
	text-align: center;
}
#li_outer_bg  .plan h3,#li_outer_bg   .plan-big h3 {
	font-size: 26px;
	line-height: 32px;
	margin: 0 0 3px;
	text-align: center;
}
#li_outer_bg  .plan h3, .plan span,#li_outer_bg   .plan-big h3, .plan-big span {
	float: left;
	text-shadow: 0 1px 0 #FFFFFF;
	width: 100%;
}


#li_outer_bg  .individual span {
	color: #533B15;
}			

#li_outer_bg  .plan span.big-text {
	margin-bottom: 8px;
}
#li_outer_bg  .plan small.note {
	font-size: 12px;
}
#li_outer_bg  .plan small.total-amount{display:block; color:#4BAFEA; font-size:13px; margin:5px 0 0 0; padding: 0 0 0 0;}
#li_outer_bg  .plan span.mid-text {
	font-size: 18px;
	font-weight:bold;
	margin:5px 0 10px;
	box-shadow: 0 2px 5px #CCCCCC;
}
#li_outer_bg  .plan span.mid-text em{font-style:normal; font-size:12px; font-weight:normal}
#li_outer_bg .mid-text {
	font-size: 18px;
	font-weight:bold;
	margin:5px 0 20px;
	box-shadow: 0 2px 5px #CCCCCC;
}
#li_outer_bg .mid-text em{font-style:normal; font-size:12px; font-weight:normal}
#li_outer_bg  .plan a[class*="btn-"] {
	height: 39px;
	line-height: 39px;
	width: 154px;
}
#li_outer_bg .final-price{font-size: 28px;
    font-weight: bold;
    line-height: 20px; color: #533B15; text-align: center; margin: 5px 0 15px;}

#li_outer_bg  .team {
	background-color:#FEFEDB;
	box-shadow:0 0 10px #FCCD4D;
	border:1px solid #FCCD4D;
	z-index:9;
}
#li_outer_bg  .plan .popular,#li_outer_bg   .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\9;
	}
	#li_outer_bg  .team h3 {
		color: #4BAFEA;
	}
	#li_outer_bg  .plan span.user, .plan-big span.user {
		border-bottom: 1px solid #FCCD4D;
		font-size: 18px;
		line-height: 20px;
		padding-bottom: 10px;
		text-align: center;
	}

	#li_outer_bg  .plan span.big-text {
		margin-bottom: 2px;
	}
	
	#li_outer_bg  .plan span, .plan-big span {
		font-size: 24px;
		font-weight: bold;
		line-height: 20px;
		margin: 5px 0 15px;
	}
	
	#li_outer_bg  .team span {
		color: #444B10;
	}
	#li_outer_bg  .plan.no-round.right {
		border-radius: 0 6px 6px 0;					
	}
	#li_outer_bg  .plan.no-round {
		border-left: 0 none;
		border-radius: 0 0 0 0;
	}
	#li_outer_bg  .align-center {
		text-align: center;
	}
	
	#li_outer_bg  .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;
	}
#li_outer_bg  .btn_col:hover {
		background-image: linear-gradient(to bottom, #87C900, #B1DC00);
	}
#li_outer_bg .discount{background-color:gold; padding:5px 0; border-radius:25px;}
#li_outer_bg 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;}

#li_outer_bg  .moduleContainer{
    background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;
    border: 1px solid #CBCBCB;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    margin: 5px 0 10px;
	padding:5px;
}
.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;}
#li_outer_bg  .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\9;
	display:inline-block; *display:inline; zoom:1; float:left;
	 cursor:pointer;
}
#li_outer_bg  label.individual input { position: absolute; z-index: -999;}

#li_outer_bg .module_price_unselect{background-image: url('../images/client/tenant-lite/off-radio-24.png'); background-repeat: no-repeat;}
#li_outer_bg .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;}
#li_outer_bg  .frequency-opt:hover{ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);}
#li_outer_bg  .frequency-opt input{position:absolute; top:-9999 !important; visibility:hidden; position:relative\9; top:0\9; visibility:visible\9; float:left\9;}
#li_outer_bg  .frequency-opt .opt-head{color: #444444; font-size: 16px; font-weight: bold; margin: 0 0 15px; text-align: center; width: 145px;  border-bottom: 1px dashed #BDD1EE; padding: 0 0 7px; position:relative\9; top:-5px\9;}
#li_outer_bg  .pur-un-selected{background: #E1EDF8; background-repeat:no-repeat; 
background:#FFF\9;
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); }

#li_outer_bg  .pur-selected{background: #E1EDF8; background-repeat:no-repeat; 
background:#E1EDF8\9;
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); }
#li_outer_bg  .frequency-opt span{display:inline-block; *display:inline; zoom:1;}
#li_outer_bg h3.purchase{font-size: 21px !important; margin-bottom:0 !important; padding-bottom:0 !important; line-height:21px; font-weight:bold; color:#444;display: inline;}
#li_outer_bg .p-label{color:#777; padding-left:5px;}
#li_outer_bg .big-font{ color: #585858; display: inline-block; font-size: 26px; font-weight: bold; padding:0 0 0 5px;}
#li_outer_bg .moduleContainer table td{background:transparent !important;}
#li_outer_bg .selectModule{
    padding: 10px 15px;
    width: 300px;
	margin:20px 0 0 0;
}
#li_outer_bg .selectModule h5{font-size:14px;}
#li_outer_bg .selectModule ul{margin-left:0;}
#li_outer_bg .selectModule ul.moduleList li{display: block;    
    line-height: 25px;
	background:url('../images/client/tenant-lite/green-tick.png') no-repeat 0 center transparent;
	padding:0 0 0 25px;
}

.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;}

#li_outer_bg .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;}

#li_outer_bg .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;}
.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;
}
#li_outer_bg  h4.frequency {
    padding-bottom:5px;
    color: #151515;
    font-size: 16px;
    font-weight: bold;
    margin:10px 0;
    word-wrap: break-word;
	border-bottom:1px dashed #dfdfdf;
}

.contentHolderOne { position:relative; margin:0px auto; padding:0px; width: auto; height:100px; overflow:hidden;}
.contentHolderTwo { position:relative; margin:0px auto; padding:0px; width: auto; min-height:30px; max-height:100px; overflow:hidden;}
.contentHolderThree {display:inline-block; *dispaly:inline; zoom:1; position:relative; margin:0px auto; padding:0px; width: 180px; height:40px; overflow:hidden; white-space: nowrap;	overflow: hidden; text-overflow: ellipsis;}
* html .contentHolderTwo{height:100px;}
.contentHolderOne .content,.contentHolderTwo .content,.contentHolderThree .content { width: auto; height: auto;}
#li_outer_bg .p-ten{padding:10px 0;}

#li_outer_bg .opt-discount{background:#1A84AC; color:#fff; padding:3px 10px; width:80%; border-radius:35px; font-size:16px;}
#li_outer_bg .opt-discount em{font-style:normal; font-size:11px;}
#li_outer_bg .opt-price{font-size:28px; font-size:26px\9; padding:7px 0; font-weight:bold; color:#656565}
#li_outer_bg .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; }
#li_outer_bg .stripe-area{background:url('../images/client/tenant-lite/outline.png') no-repeat 98% 95% #EEF1F3; width:280px; height:120px; color:#444; float:left; margin:0 10px 10px 0; padding:10px;}
#li_outer_bg .stripe-area strong, #li_outer_bg .paypal-area strong{font-size:16px; display:block; margin:0 0 0 0;}
#li_outer_bg .stripe-area small, #li_outer_bg .paypal-area small{display:block; text-align:center;}
#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;
}
#li_outer_bg .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;}
#li_outer_bg .payment-details{border-collapse:collapse; border-left:1px dashed #c2c2c2;}
#li_outer_bg .payment-details td{padding:15px 5px 15px 15px; border-bottom:1px dashed #c2c2c2; color:#777}
#li_outer_bg .payment-details td span {font-size:16px; font-weight:bold; color:#555;}
#li_outer_bg .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\9;
    height: 250px;
	height:270px\9;
    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\9;
    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: Arial , trebuchet ms,verdana; }
.li-introduction .ca-main{
    font-size: 26px;
	font-family: Arial , trebuchet ms,verdana;
    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: Arial , trebuchet ms,verdana;
    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: Arial , trebuchet ms,verdana;
    opacity: 0.5;
	color:#888\9;
    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: Arial , trebuchet ms,verdana;
    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;}

.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\9;
    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\9;
    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_outer_bg .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 dashed #C4C4C4;
}
#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:inline; 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_outer_bg .li_padding_five{padding:5px;}
#li_outer_bg .li_border_collapse{border-collapse:collapse;}
#li_outer_bg .li_default_table{border-collapse:collapse;}
#li_outer_bg .li_default_table td{padding:2px}
#li_outer_bg .li_bor_colps_font_12{border-collapse:collapse; font:12px}
#li_outer_bg .li_circle_20{border-radius:50px; border:1px solid #777; text-align:center; width:20px; padding:3px; margin:2px; font-size:12px;}
#li_outer_bg .li_align_left{text-align:left;}
#li_outer_bg .li_align_right{text-align:right;}
#li_outer_bg .li_align_center{text-align:center;}
#li_outer_bg .li_bold{font-weight:bold}
#li_outer_bg .li_align_top, .li_align_top{vertical-align:top;}
#li_outer_bg .li_width_100per{width:100%}
#li_outer_bg .li_width_50per{width:50%}
#li_outer_bg .li_width_25per{width:25%}
#li_outer_bg .li_width_10per{width:10%}
#li_outer_bg .li_width_5per{width:5%}
#li_outer_bg .li_width_75per{width:75%}
#li_outer_bg .li_width_35per{width:35%}
#li_outer_bg .li_margin_left_10{margin-left:10px}
#li_outer_bg .li_margin_bottom_10{margin-bottom:10px}
#li_outer_bg .li_margin_left_15{margin-left:15px}
#li_outer_bg .li_margin_top_20{margin-top:20px}
#li_outer_bg .li_margin_left_5{margin-left:5px}
#li_outer_bg .li_margin_right_15{margin-right:15px}
.li_margin_l_r_p5em{margin:0 10px;}
#li_outer_bg .li_border_on{border-collapse:collapse;}
#li_outer_bg .li_border_on td,#li_outer_bg  .li_border_on th{border:1px solid black; padding:3px;}
#li_outer_bg .li_img_button{margin:0 2px;}
.li_img_button{margin:0 2px;}

#li_outer_bg .li_renderTip{ margin-bottom:10px; min-height:20px; color:#454545; padding: 4px 0 4px 24px; position: relative; top: -5px;}
#li_outer_bg .li_renderTip div{font-size:12px; line-height:1.2em; font-family: Arial , trebuchet ms,verdana; font-weight:100;} 
#li_outer_bg .li_renderTip li b, #li_outer_bg .li_renderTip li strong{ font-family: Arial , trebuchet ms,verdana;}
#li_outer_bg .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 */

#li_outer_bg  .hint, [data-title] {
  position: relative;
  display: inline-block;
 }
#li_outer_bg .hint:before, .hint:after, [data-title]:before, [data-title]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease; }
 #li_outer_bg  .hint:hover:before, .hint:hover:after, [data-title]:hover:before, [data-title]:hover:after {
    visibility: visible;
    opacity: 1; }
/* #li_outer_bg  .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; } */
  #li_outer_bg .hint:before, [data-title]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000; }
  #li_outer_bg .hint:after, [data-title]:after {
    content: attr(data-title);
    background: #383838;
    color: white;
    text-shadow: 0 -1px 0px black;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }



/**
 * set default color for tooltip arrows
 */
#li_outer_bg .tip-top:before {
  border-top-color: #383838; }

#li_outer_bg .tip-bottom:before {
  border-bottom-color: #383838; }

#li_outer_bg .tip-left:before {
  border-left-color: #383838; }

#li_outer_bg .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
 */
#li_outer_bg .tip-top:before {
  margin-bottom: -12px; }
#li_outer_bg .tip-top:after {
  margin-left: -10px; }
#li_outer_bg .tip-top:before, .tip-top:after {
  bottom: 100%;
  left: 25%; }
#li_outer_bg .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); }
.tip-top:before {
  margin-bottom: -12px; }
 .tip-top:after {
  margin-left: -10px; }
 .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
 */
#li_outer_bg .tip-bottom:before {
  margin-top: -12px; }
#li_outer_bg .tip-bottom:after {
  margin-left: -18px; }
#li_outer_bg .tip-bottom:before, .tip-bottom:after {
  top: 100%;
  left: 50%; }
#li_outer_bg .tip-bottom:hover:after, .tip-bottom:hover:before, .tip-bottom:focus:after, .tip-bottom:focus:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

/**
 * right tooltip
 */
#li_outer_bg .tip-right:before {
  margin-left: -12px;
  margin-bottom: -6px; }
#li_outer_bg .tip-right:after {
  margin-bottom: -14px; }
#li_outer_bg .tip-right:before, .tip-right:after {
  left: 100%;
  bottom: 50%; }
#li_outer_bg .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
 */
#li_outer_bg .tip-left:before {
  margin-right: -12px;
  margin-bottom: -6px; }
#li_outer_bg .tip-left:after {
  margin-bottom: -14px; }
#li_outer_bg .tip-left:before, .tip-left:after {
  right: 100%;
  bottom: 50%; }
#li_outer_bg .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); }


#li_outer_bg .tip-rounded:after {
  border-radius: 4px; }
.tip-rounded:after {
  border-radius: 4px; }
/* Tooltip Lib end*/

#li_outer_bg .li_renderTip ul{margin:0 10px 0 0;}
#li_outer_bg .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_outer_bg .li_renderTip ul li img{height:16px; position: relative; top: 2px;}
#li_outer_bg .li_renderTip > img {position:absolute; left:0; cursor:pointer;}
#li_outer_bg .li_renderTip ul li a {color:#3B9FDA;}
#li_outer_bg .li_renderTip ul li a:hover {text-decoration:none;}
a {color:#3B9FDA}
a:hover {text-decoration:none;}
#li_outer_bg .open-faq {background: url("../images/client/tenant-lite/plus-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; padding:0 0 0 15px; color:#4BAFEA; display:block;}
#li_outer_bg .close-faq {background: url("../images/client/tenant-lite/minus-12.png") no-repeat scroll 0 3px transparent !important; 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; }

#li_outer_bg .open-faq:hover {color:#000;}
#li_outer_bg .li_header{  padding: 5px 0 5px 35px; font-weight:bold; border-bottom:1px dashed #888; 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_outer_bg .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_outer_bg .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} 
#li_outer_bg .tipSetup{margin-top:15px; margin-right:45px; background-color:#f8f8f8; padding-bottom:10px; border-radius:3px;}
#li_outer_bg  .li-pdfForm{border-collapse:collapse;}
#li_outer_bg  .li-pdfForm td{padding:3px;}
#li_outer_bg  .li-pdfForm2 td{padding:2px 7px !important;}
#li_outer_bg  .li-pdfForm td.bl2px{border-left:2px solid #333; }
#li_outer_bg  .li-pdfForm tr.bb2px td{border-bottom:2px solid #333;}
#li_outer_bg  .li-pdfForm tr.bb td{border-bottom:1px solid #333;}
#li_outer_bg  .li-pdfForm td.blbr{border-left:1px solid #333; border-right:1px solid #333; }
#li_outer_bg  .li-pdfForm td.blbb{border-left:1px solid #333; border-bottom:1px solid #333; }
#li_outer_bg  .li-pdfForm td.bl{border-left:1px solid #333;}
#li_outer_bg  .li-pdfForm td.br{border-right:1px solid #333; }
#li_outer_bg  .li-pdfForm td.bb{border-bottom:1px solid #333; }
#li_outer_bg  .li-pdfForm td.ba{border:1px solid #333; }
#li_outer_bg  .li-pdfForm td.bt{border-top:1px solid #333; }
#li_outer_bg  .li-pdfForm td img{position:relative; top:3px; width:14px;}

#li_outer_bg .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; top:-10px; text-decoration:none; color:#333;}
#li_outer_bg .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;}
#li_outer_bg .box-float{float:left; margin:0 5px; width:12px; height:12px}

#li_outer_bg .wid-fiv{width:500px}
#li_outer_bg .wid-for{width:400px}
#li_outer_bg .wid-tof{width:215px}
#li_outer_bg .word-break{word-wrap: break-word;}
#li_outer_bg .wid-of{width:150px;}
#li_outer_bg .wid-sh{width:600px;}
#li_outer_bg .mrg-top-z{margin-top:0}
#li_outer_bg .red-msg{font-size:9px; color:red;}
#li_outer_bg .red-msg11{font-size:11px; color:red;}
#li_outer_bg .mrg-top-f{margin-top:5px}
#li_outer_bg .mrg-top-twenty{margin-top:20px}
#li_outer_bg .li-padr-zero{padding-right:0}
#li_outer_bg .li-padl-zero{padding-left:0}
#li_outer_bg .li-mic1{width:35px; position:relative;}
#li_outer_bg .li-mic2{margin-bottom:3px; float:left}
#li_outer_bg .li-mic3{width: 148px;}
#li_outer_bg .li_clear-both{clear:both;}
#li_outer_bg .li-mic4{text-align:center; color:red;}
#li_outer_bg .r-top-pos, .r-top-pos{position:absolute; top:26px; width:275px; right:10px; font-size:18px !important; top:50px;}
#li_outer_bg .li-mic5, .li-mic5{font-size:22px; margin:15px 0 10px;}
#li_outer_bg .li-mic6, .li-mic6{background:#FFFFE4; border:1px dashed #B2B2B2; padding:10px; margin:0 5px 0 15px;}
#li_outer_bg .font-size20, .font-size20{font-size:20px;}
#li_outer_bg .li-mic7, .li-mic7{background:#F5FAFC; border:1px dashed #D7D7D7; padding:10px; margin:0 15px 0 5px;}
#li_outer_bg .li-mic8, .li-mic8{font-size:16px; color:#666}
#li_outer_bg .li-mic9, .li-mic9{padding:0.3em 1em; font-size:18px}
#li_outer_bg .width55{width:55px;}
#li_outer_bg .m-top5em{margin-top:.5em;}
#li_outer_bg .m-top5px{margin-top:5px;}
#li_outer_bg .p-left{padding-left:50px}
#li_outer_bg .cb-mb{clear:both; margin-bottom:5px}
#li_outer_bg .m-top-zero{margin-top:0 !important;}

#li_outer_bg .li-mis10{padding:5px 0 5px 5px; font-size:13px;}
#li_outer_bg .li-pad50{padding: 5px 0;}
#li_outer_bg .li-mis11{position:relative; top:-12px}
#li_outer_bg .p-top5px{padding-top:5px}
#li_outer_bg .m-bot0{margin-bottom:0}
#li_outer_bg .li-overflow{overflow-y:auto; height:490px}
.li-hig28{height:28px;}
#li_outer_bg .li-wid100px{width:100px}
#li_outer_bg .v-align-bottom{vertical-align:bottom}
#li_outer_bg .li-mis12{border-right:2px dotted #e1e1e1; height:200px; overflow-y:auto;}
#li_outer_bg .li-mis13{border-right:2px dotted #e1e1e1; height:100px; overflow-y:auto;}
#li_outer_bg .mrg-lr15px{margin-left:15px; margin-right:15px;}
#li_outer_bg .inline-block{display:inline-block; *display:inline; zoom:1;}
#li_outer_bg .li-mis14{border-top:none; margin-top: 10px;}
#li_outer_bg .btop0-mrgtop10{border-top:none; margin-top: 5px;}
#li_outer_bg .text-deco-none{text-decoration:none;}
#li_outer_bg .li_float_right, .li_float_right{float:right;}
#li_outer_bg .li_float_left, .li_float_left{float:left;}
#li_outer_bg .overflow-x500{width:500px; overflow-x:hidden;}
#li_outer_bg .bold-center{text-align:center; font-weight:bold;}
#li_outer_bg .single-emp{padding:5px 0; width:230px}
#li_outer_bg .page-brk-bef-alw{page-break-before:always}
#li_outer_bg .v-align-mid{vertical-align:middle;}
#li_outer_bg .single-emp2{z-index:0; width:230px;}
#li_outer_bg .z-index99{z-index:99}
#li_outer_bg .single-emp3{padding-top:5px; width:230px}
#li_outer_bg .li-mis15{float:left; margin: 0 0 5px 10px;}
#li_outer_bg .li-mis16{float:left; margin: 0 0 5px 0;}
#li_outer_bg .img-pos, .img-pos{position: relative; top: 10px;}
#li_outer_bg .c-bot-wid210{clear:both; width:210px}
#li_outer_bg .single-emp4{padding:5px 0; width:210px}
#li_outer_bg .li-mis17{background:#f0f0f0; vertical-align:top;}
#li_outer_bg .li-mis18{clear:both; text-align:center;}
#li_outer_bg .li-mis19{padding:5px; font-size:10px; color:#444;}
#li_outer_bg .margin-top0{margin-top:0;}
#li_outer_bg .wid120{width:120px}
#li_outer_bg .ajax-ser-pos, .ajax-ser-pos{width: 148px; position: relative; top: -5px;}

#li_outer_bg .f-size, .f-size{font-size:12px;}
#li_outer_bg .li-mis20, .li-mis20{background-color:#C4D6EA;border-left:1px solid #cccccc;border-top:1px solid #cccccc; text-align:right;}
#li_outer_bg .pad-rig-14px, .pad-rig-14px{padding-right:14px}

#li_outer_bg .c-both{clear:both; height:3px; font-size:0;}
#li_outer_bg .li-mis21{text-align:right; padding:10px 0 0 0}
#li_outer_bg .li-pad-10px{padding:10px}
#li_outer_bg .mrg-left7px{margin-left:7px}
#li_outer_bg .li-mis22{padding:0 0 5px 0}
#li_outer_bg .color-red{color:red}
#li_outer_bg .li-mis23{width: 322px; height: 102px;}
#li_outer_bg .li-mis24{text-align:right; margin:10px 0;}
#li_outer_bg .li-mis25{position:relative; top:10px}
#li_outer_bg .pad-bot5px{padding-bottom:5px;}
#li_outer_bg .li-mis26{padding-left:33px}
#li_outer_bg .li-mis27{margin-left:15PX; font-weight:bold}
#li_outer_bg .li-mis28{margin-bottom:5px; width: 100%; text-align:center;}
#li_outer_bg .li-mrg-left10{margin-left:10px;}
#li_outer_bg .wid-50em{width:50em}
#li_outer_bg .border-all{border:1px solid black}
#li_outer_bg .li-mis29{padding:3px 2px; text-align:right;}
#li_outer_bg .color777{color:#777}
#li_outer_bg .li-mis30{font-size:11px; color:#777;}
#li_outer_bg .li-mis31{float:left; color:#777;}
#li_outer_bg .li-mis32{float:left; color:#777; margin-right:10px;}
#li_outer_bg .li-mis33{font-style:italic; color:red;}
#li_outer_bg .font11{font-size:11px}
#li_outer_bg .li-overflowx400h{overflow-x:scroll;height:400px; overflow-y:none}
#li_outer_bg .li-mis34{width:138px}

#li_outer_bg .li-mis35, .li-mis35{position:relative;left:10px}
#li_outer_bg .li-mis36, .li-mis36{margin-bottom:8px;margin-left:-10px;}
#li_outer_bg .li-mis37, .li-mis37{float:left;width:25%;}
#li_outer_bg .li-mis38, .li-mis38{float:left;width:48%;}
#li_outer_bg .li-mis39, .li-mis39{background-color:#BCDAF2; font-size:12px;}
#li_outer_bg .li-mis40, .li-mis40{position:relative;left: -10px}
#li_outer_bg .li-mis41, .li-mis41{float:left;width:30%;}
#li_outer_bg .li-mis42, .li-mis42{position:relative;left:145px;}
#li_outer_bg .li-mis43, .li-mis43{clear:both;margin-left:52px;}
#li_outer_bg .li-mis44, .li-mis44{float:left;margin-left:52px;}
#li_outer_bg .li-mis45, .li-mis45{float:left;width:35%;position:relative;left:42px;}
#li_outer_bg .li-mis46, .li-mis46{float:left;width:25%;height:26px;}
#li_outer_bg .li-mis47, .li-mis47{float:left;width:70%}
#li_outer_bg .li-mis48, .li-mis48{float:left;position:relative;left:67px;}
#li_outer_bg .li-mis49, .li-mis49{clear:both;float:left;width:29%;}
#li_outer_bg .li-mis50, .li-mis50{float:left;height:26px;width:29%;}
#li_outer_bg .li-mis51, .li-mis51{float:left;position:relative;left:275px;}
#li_outer_bg .li-mis52, .li-mis52{background-color:#BCDAF2;font-size:12px;}
#li_outer_bg .li-mis53, .li-mis53{margin-bottom:8px;background-color:#ececec;}
#li_outer_bg .li-mis54, .li-mis54{float:left;width:70%;}
#li_outer_bg .li-mis55, .li-mis55{position:relative;left:65px;}
#li_outer_bg .li-mis56, .li-mis56{float:left;position:relative;left:265px;}
#li_outer_bg .li-mis57, .li-mis57{float:right;margin-right:10px;}
#li_outer_bg .li-mis58, .li-mis58{position:relative;left:3px;}
#li_outer_bg .li-mrg-lr10, .li-mrg-lr10{margin-left:10px; margin-right:10px;}
#li_outer_bg .li-pad-left10, .li-pad-left10{padding-left:10px;}
#li_outer_bg .li-mrg-r10, .li-mrg-r10{margin-right:10px;}
#li_outer_bg .li-padtop0{padding-top:0;}

#li_outer_bg .li-mrg-lft2em, .li-mrg-lft2em{margin-left:2em}
#li_outer_bg .li-mrg-lft3em, .li-mrg-lft3em{margin-left:3em;}
#li_outer_bg .li-mrg-lft13em, .li-mrg-lft13em{margin-left:1.3em;}
#li_outer_bg .li-wth170, .li-wth170{width:170px;}
#li_outer_bg .li-ovrflo, .li-ovrflo{width:450px; overflow-x:auto}
#li_outer_bg .li-mis59, .li-mis59{font-size:11px;font-weight:bold;}
#li_outer_bg .li-mis60, .li-mis60{margin-top:5px; margin-left:10px; display:block;}

#li_outer_bg .li-mis61{height:200px; overflow-y:auto;}
#li_outer_bg .li-mrg-bot10, .li-mrg-bot10{margin-bottom:10px;}
#li_outer_bg .li-margleft45, .li-margleft45{margin-left:45px}
#li_outer_bg .li-mis62, .li-mis62{display:inline-block; margin-right:20px}
#li_outer_bg .li-mis62, .li-mis62{font-weight:bold; font-size:36px;  margin-top: 15px;}
#li_outer_bg .li-mis63, .li-mis63{font-weight:bold; margin-bottom:5px}
#li_outer_bg .font-size10px{font-size:10px}
#li_outer_bg .li-mis64, .li-mis64{font-weight:bold; font-size:36px; display: inline-block; margin-top: 10px;}
#li_outer_bg .li-mis65, .li-mis65{display:inline-block; margin-right:15px}
#li_outer_bg .li-mis66, .li-mis66{display:inline-block; margin-right:10px}
#li_outer_bg .li-mis67, .li-mis67{vertical-align:bottom; font-size:13px; font-weight:bold;}
#li_outer_bg .li-mis68, .li-mis68{padding-left: 38px !important;}
#li_outer_bg .mrg-left104, .mrg-left104{margin-left:104px}
#li_outer_bg .mbr-bot0, .mbr-bot0{margin-bottom:0;}

html{overflow-x:auto !important;}

.li_leave_menu .selected a {color:#fff;}
.li_leave_menu .unselected a {color:#333;}
#li_outer_bg .li_leave_menu li.selected a, #li_outer_bg .li_leave_menu_box li.selected a, #li_outer_bg .li_leave_menu_box li.selected label a, #li_outer_bg .li_leave_menu li.selected label a{color:#fff}
#li_outer_bg .li_leave_menu li a {color:#555;}
#li_outer_bg .li_leave_menu_box li a{display:block; padding:5px 14px;}
#li_outer_bg .li_leave_menu_box li.unselected a{ color:#333;}
/*Report-popup-page*/
.popup-inner{width:860px; height:480px; margin:0px auto; background:#fff; padding:20px;}
.popup-inner .popup-heading{font-size:14px; color:#333; float:left; font-weight:normal;}
 .popup-inner .popup-heading a {font-size:12px; color:#656565; float:left; font-weight:600;}
.main-heading.alt{font-size:12px !important; padding: 4px 8px 8px 8px;}
.main-heading.popup{font-size:14px !important; padding:10px 0px; border-bottom: 1px solid #999; box-shadow:0px 1px 0px 0px #666; width:100%;}
.report-box-outer{overflow-y:auto; float:left; height:412px; margin-top:1px;}
.report-box{float:left; width:378px;margin:10px; border:1px solid #f3f3f3; border-radius:5px; position:relative;}
.report-box .popup-heading{padding:8px 8px 4px 8px;}
.ul-outer{float:left;width:100%; border-top:1px solid #f3f3f3;}
.ul-outer ul{display:table; margin:0 auto; list-style:none;}
 ul .webpage{float:left;  text-indent: 26px; background:url(../images/client/tenant-lite/tenant-lite-2/webpage-h.png) no-repeat 6px 6px; }
 ul .csv{float:left;text-indent: 26px;background:url(../images/client/tenant-lite/tenant-lite-2/csv-1-h.png) no-repeat 6px 6px; }
 ul .pdf{float:left; text-indent: 26px; background:url(../images/client/tenant-lite/tenant-lite-2/pdf-h.png) no-repeat 6px 6px;}
 ul .xml{float:left;  text-indent: 26px;background:url(../images/client/tenant-lite/tenant-lite-2/xml-h.png) no-repeat 6px 6px; }
.ul-outer ul li a{display:block; color:#3399cc; font-size:12px; padding:6px 6px 6px 0;}
.ul-outer ul li a:hover {text-decoration:underline;}

#li_outer_bg .switch{margin:10px 0;}
#li_outer_bg .switch label input{position:absolute; top:-9999999px; left:-9999999px;}
#li_outer_bg .switch label{padding:5px 14px; background:#f2f2f2; color:#333; float:left; display:block; margin-right:5px; cursor:pointer;}
#li_outer_bg .switch label.active{ color:#fff; background:#4bafea;}
#li_outer_bg .dataTable{position:relative; margin-top:10px !important;}

.enrollment-bg{background:/* url('../images/client/tenant-lite/enrollment.gif') no-repeat 0 0  #ddd;-moz-box-shadow: inset 10px 10px 50px #333;
  -webkit-box-shadow: inset 10px 10px 50px #333;
  box-shadow: inset 10px 10px 50px #333; background-size:100% 100%; height: 530px;*/} 


.right-side-activity {width: 36%;}
.left-side-activity {width: 98%;}


/*Activity page*/
.container-inner-small.act{float:left; width:97.5%;}
.container-inner-small.act #header{margin-top:0;}
.container-inner-small.act .main-heading {width:100%;}
.container-inner-block.act{width:100%; margin:0;}
.main-heading.act-msg{font-size:14px;}
.main-heading.act-msg span{font-weight:normal !important;}
.left-side-activity{float:left; width:100%;}
.right-side-activity{float:right; width:30.8%; margin-right:10px;}
.container-inner-small.act .block-heading{width:97%;}
.right-side-activity .block-content span{font-size: 14px;color: #666;margin: 10px 5px; float: left;}/*14-feb*/
.right-side-activity .block-heading>span{width:89%;}
.left-side-activity .block-heading{border-bottom:none;}
.container-inner-small.act .filter-item{float:left; margin: 8px 8px;}
.container-inner-small.act .block-content{margin-left:0;}
.filter-container{float:left; width:99%; border: 5px solid #f3f3f3; margin: 15px 0;}
.filter-container > span{float:left; color:#f3f3f3; font-size:16px;}
.filter-container .filter-item ul li.more{ background:#fafafa url(../images/down-arrow.png) no-repeat 92%; padding-left: 5px; padding-right: 20px;}
.filter-container .filter-item ul li.time,.filter-container .filter-item ul li.status, .filter-container .filter-item ul li.filter{background:#fafafa; text-align: center;}
.left-side-activity  .filter-item ul li {padding:0 4px;}
.left-side-activity  .filter-item li.refresh {width:19px;}
.filter-border{float: left;width: 1px;height: 34px;margin: 6px 3px;background: #f3f3f3;}
li.more.sm{display:none;}
.table_activity tr:first-child{background:#fff;}
.table_activity tr:first-child:hover{background:#f3f3f3;} 
.table_activity tr td{vertical-align:top; min-width:inherit;}
.super-outer-qkl{float:left; width:100%;}
.outer-qkl-container{float:left; width:97%;}
.left-navi {float:left;}
.left-navi a{float:left; width:12px; height:120px; background:url(../images/right-navi.png) no-repeat center;}
.qkl-container{float:left; width:20.6%; margin: 5px 18px 20px 17px; }
.qkl-container span{background:url(../images/qklinks.png) no-repeat center; width:164px; height:96px; float:left;}
.qkl-container a{float:left; color:#3399cc; font-size:14px;  margin-left:22.5%; margin-top:10px;}
.qkl-container:nth-child(4) a{margin-left:7%;}
.qkl-container a:hover{color:#666;}
.right-navi {float:left;}
.right-navi a{float:left; width:12px; height:120px;background:url(../images/left-navi.png) no-repeat center;}

.polls-outer{float:left; width:100%; height:240px; }
.polls-inner-1,.polls-inner-2, .polls-inner-3{float:left; width:33.33%; height:185px; position:relative;}
.polls-inner-1 div, .polls-inner-2 div, .polls-inner-3 div{float:left; width:17.5%;margin-top:5px;font-size:10px; font-weight:600; color:#333; position:relative;}
.polls-inner-1 > span {float:left; width:100%; position:absolute; font-size:10px!important; font-weight:600; bottom:-37px; right:-10px;}
.polls-inner-2 > span {float:left; width:100%; position:absolute; font-size:10px!important; font-weight:600;  bottom:-37px; right:0px;}
.polls-inner-3 > span {float:left; width:100%; position:absolute; font-size:10px!important; font-weight:600;  bottom:-37px; right:-20px;}
.polls-inner-1 div span, .polls-inner-2 div span,.polls-inner-3 div span {float:left; width:100%;  margin:0  0 10px 0!important; position:absolute; bottom:-195px; right:0px;}
.polls-inner-1 div.p1 span{background:red; height:150px;}
.polls-inner-1 div.p1 span:before{width:0; height:0; position:absolute; content:"100"; top: -18px; right: 22px; font-size:12px; font-weight:600;}
.polls-inner-1 div.p2 span{background:blue; height:60px;}
.polls-inner-1 div.p2 span:before{width:0; height:0; position:absolute; content:"40"; top: -18px; right: 18px;font-size:12px; font-weight:600;}
.polls-inner-1 div.p3 span{background:green; height:90px;}
.polls-inner-1 div.p3 span:before{width:0; height:0; position:absolute; content:"60"; top: -18px; right: 18px; font-size:12px; font-weight:600;}
.polls-inner-1 div.p4 span{background:orange; height:30px;}
.polls-inner-1 div.p4 span:before{width:0; height:0; position:absolute; content:"20"; top: -18px; right: 18px; font-size:12px; font-weight:600;}
.polls-inner-1 div.p5 span{background:brown; height:15px;}
.polls-inner-1 div.p5 span:before{width:0; height:0; position:absolute; content:"10"; top: -18px; right: 18px;font-size:12px; font-weight:600;}

.polls-inner-2 div.p1 span{background:red; height:45px;}
.polls-inner-2 div.p1 span:before{width:0; height:0; position:absolute; content:"30"; top: -18px; right: 18px; font-size:12px; font-weight:600;}
.polls-inner-2 div.p2 span{background:blue; height:75px;}
.polls-inner-2 div.p2 span:before{width:0; height:0; position:absolute; content:"50"; top: -18px; right: 18px; font-size:12px; font-weight:600;}
.polls-inner-2 div.p3 span{background:green; height:120px;}
.polls-inner-2 div.p3 span:before{width:0; height:0; position:absolute; content:"80"; top: -18px; right: 18px;font-size:12px; font-weight:600;}
.polls-inner-2 div.p4 span{background:orange; height:54px;}
.polls-inner-2 div.p4 span:before{width:0; height:0; position:absolute; content:"36"; top: -18px; right: 18px;font-size:12px; font-weight:600;}
.polls-inner-2 div.p5 span{background:brown; height:23px;}
.polls-inner-2 div.p5 span:before{width:0; height:0; position:absolute; content:"15"; top: -18px; right: 18px;font-size:12px; font-weight:600;}

.polls-inner-3 div.p1 span{background:red; height:75px;}
.polls-inner-3 div.p1 span:before{width:0; height:0; position:absolute; content:"50"; top: -18px; right: 18px; font-size:12px; font-weight:600;}
.polls-inner-3 div.p2 span{background:blue; height:45px;}
.polls-inner-3 div.p2 span:before{width:0; height:0; position:absolute; content:"30"; top: -18px; right: 18px; font-size:12px; font-weight:600;}
.polls-inner-3 div.p3 span{background:green; height:15px;}
.polls-inner-3 div.p3 span:before{width:0; height:0; position:absolute; content:"10"; top: -18px; right: 18px;font-size:12px; font-weight:600;}
.polls-inner-3 div.p4 span{background:orange; height:135px;}
.polls-inner-3 div.p4 span:before{width:0; height:0; position:absolute; content:"90"; top: -18px; right: 18px;font-size:12px; font-weight:600;}
.polls-inner-3 div.p5 span{background:brown; height:105px;}
.polls-inner-3 div.p5 span:before{width:0; height:0; position:absolute; content:"70"; top: -18px; right: 18px;font-size:12px; font-weight:600;}
.link-activity{float:left; width:100%; margin:10px;}
.link-activity a{float:left; color:#3399cc; font-size:14px;}
.link-activity a:hover{color:#666; }
.approvers-1 .head{float: left;width: 97%;font-size: 14px;color: #333;border-bottom: 1px solid #999;margin-top: 10px;}
.desc-app{float:left; width:97%; margin:15px 0;}
.desc-app img{float:left; margin-right:5px;}
.approvers-1 .pf-outer span{font-size:12px; color:#666; margin:0!important; line-height:15px;}
.approvers-1 .pf-outer span.highlighted{font-weight:600;}
.container-inner-small.act #panel.instruction, .container-inner-small.act #panel.links {right: -150px;}
.container-inner-small.act #panel.instruction:before, .container-inner-small.act #panel.links:before{right:158px;}
.container-inner-small.act #panel.instruction:after, .container-inner-small.act #panel.links:after{right:158px;}
.activity-table-outer{float:left; width:100%; height:663px; overflow-y:scroll;}
.load-more{float: left;width: 100%;margin: 25px 0 5px 0;}
.load-more a{float:right; font-size:14px; color:#3399cc; }
.load-more a:hover{color:#666;}
.rp-outer.full{width:92%;}


/* images scroller css */
.wrapper {
    max-width: 850px;
    padding: 0 20px 5px 20px;
    margin: auto;
}
.jcarousel-wrapper {
    margin: 0px;
    position: relative;
	border-top:0px;
	border-bottom:0px;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 200px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding: 0 4px;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;	
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev {
    left: -29px;
}

.jcarousel-control-next {
    right: -29px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: 2px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
	width:55%;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 10px;
    height: 8px;
    width: 8px;
    line-height: 8px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}

/* images scroller css end */
.appraisal-head{position:relative; top:-55px}


#appraisal-head #panel.instruction{display:none; width: 700px; padding: 10px 24px; top:40px; background:#FCFEFE; font-size:14px;  border: 1px solid #3399cc;}
#appraisal-head #panel.instruction ul{list-style:none; float:left; list-style-image:url('../images/client/tenant-lite/tenant-lite-2/arrow.png');}
#appraisal-head #panel.instruction ul li {line-height:24px;}
#appraisal-head #panel.instruction h3{float:left; color:#333;}
#appraisal-head #panel.instruction:before{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid #3399cc; content:""; top: -21px; right: 8px;  }
#appraisal-head #panel.instruction:after{width:0; height:0;  position:absolute; border:10px solid transparent; border-bottom:10px solid #ffe; content:"";top: -20px;
right: 8px; }
#appraisal-head.top-right-side div a.top1{ background:url(../images/client/tenant-lite/tenant-lite-2/menu.png) no-repeat center; }
#appraisal-head.top-right-side div a.top1:hover, #appraisal-head.top-right-side div a.top1.active{ background:url(../images/client/tenant-lite/tenant-lite-2/menu-h.png) no-repeat center; }

#appraisal-head #panel.instruction table td {color:#000;}
#appraisal-head #panel.instruction table td label {color:#777777;}

.jcarousel a h4{font-weight:normal; text-align:center; font-size:14px; padding:0; margin:0; position:relative; top:8px;}
.jcarousel .msg-summery{line-height:18px; padding:0 4px; display:block; margin:5px 2px; position:absolute;}
.container .container-inner-small .container-inner-block.space-reset{margin-top:0; margin-bottom:0; width:94%;}
.jcarousel a{margin:2px;}
.t-msg{text-align: center; top: 25px; width: 125px; color:#000}
.r-today{text-align: center; top: 85px; width: 125px; color:#000}

#displayQuickLink td li{list-style:none; padding:10px;}

#stop-on-scroll2 .jcarousel img{margin:0 auto; width:60px  !important; height:60px  !important; }
#stop-on-scroll2 .jcarousel a{position: relative; top: -9px;}
#stop-on-scroll2 .jcarousel li{height:100px;}
#stop-on-scroll2 .jcarousel li a h4{font-size:12px;}
#stop-on-scroll2 .jcarousel-wrapper{border:0;}

.appraisal-head-fixed{ position: fixed; right: 3%; top: 43px; z-index: 99;}
#stop-on-scroll2 .jcarousel li.selectedEmpOnScroll {border:1px solid rgba(51, 153, 255, 0.81); background:rgba(51, 153, 255, 0.21);}
#stop-on-scroll2 .jcarousel li.selectedEmpOnScroll a h4{font-weight:bold; font-size:11px; }

.left-side-activity.full-width{width:100%;}
.container-inner-small.act .block-outer{background:#fff; margin-bottom: 10px; padding:0 0 0 10px;}

.li_common_header.open-box{border-bottom: 1px solid #3399ff; cursor: pointer; color: #333; background: url("../images/client/tenant-lite/tenant-lite-2/minus.png") no-repeat scroll 0 14px rgba(0, 0, 0, 0); text-indent: 10px; padding-left: 10px; border-top:none;}
.li_common_header.close-box{border-bottom: none; background: url(../images/client/tenant-lite/tenant-lite-2/plus.png) no-repeat 0px 14px;  text-indent: 10px; cursor: pointer; padding-left: 10px; border-top:none;}  
.li_common_header.open-box span, .li_common_header.close-box span{display: inline-block; left: -21px; padding-left: 25px; position: relative; text-indent: 0; width: 77%;}
.li_common_header.open-box a{visibility:visible;}
.li_common_header.close-box a{visibility:hidden;}


/* Login css */

#login_form .login_onepcssgrid-1000,.login_onepcssgrid-1200{
	margin:0 auto;padding:0 0 0 0%;
	background:#fff;
	/*min-height:350px;*/
	}
#login_form .login_onepcssgrid-1200{
	max-width:1220px;
	background:#fff !important;
	}
.login_onepcssgrid-1000{
	max-width:1020px;
	}
.login-page{ border-top:45px solid #1c64a1; border-bottom:45px solid #1c64a1;}
.login_row{
	clear:both;
	padding:0 0px;
	background:#fff; border:none; 
	}
.login_col4_main{
	background:#fff; 
	float:right;
	position:relative;	
	margin:0;
}
.login_col4{
	width:87%;
	position:absolute;
	z-index:2;
	float:right;
	background:#fff;
	margin:0 0 0 10%;
	}
.login_col8{
	width:auto;
	position:absolute;
	z-index:0;
	background:#16609f;
	color: #666;
	margin-bottom:5px;
	text-align: left;
	padding:50px 0;
	}
.login_col4.last{
	background:#fff;
	padding: 3% 0 0% 1%;
	
	}
.login_col8.last{
	margin:0% 0 0 0%;
	}
.login_col8 img{	
	width:auto;
	height:auto;
	display:block;
	}
.logo img{	
	width:90%;height:auto;display:block;
	}
#login_form .social_icon{	
	font-family: "Open Sans",arial,sans-serif;
	font-size:12px;
	color:#666;
	font-weight:normal;
	margin:1% 0 5% 0;
	display:block;
	}
#login_form .social_icon img{	
	margin:0% 2% 0% 0%;
	display:inline;
	text-align:right;
	padding:2% 0 0 0;
	}
.login{
	font-family: "Open Sans",arial,sans-serif;
	font-size:20px;
	color:#666;
	font-weight:normal;
	margin:2% 0 0 0;
	padding:5px 0px;
	}
.username_txt{
	font-family: "Open Sans",arial,sans-serif;
	font-size:14px;
	color:#666;
	font-weight:normal;
	margin:5% 0 0 0;
	display:block;
	}
#login_form .username input{
	font-family: "Open Sans",arial,sans-serif;
	font-size:12px;
	color:#666;
	border:1px solid #ccc;
	font-weight:normal;
	padding:4% 5% 3% 10%;
	width:75%;
	display:block;
	margin:3% 0 0 0;
	background: url('../images/client/tenant-lite/tenant-lite-2/icon_login.png') no-repeat scroll 6px 10px #fff;
}
#login_form .password input{
	font-family: "Open Sans",arial,sans-serif;
	font-size:12px;
	color:#666;
	border:1px solid #ccc;
	font-weight:normal;
	padding:4% 5% 3% 10%;
	width:75%;
	display:block;
	margin:3% 0 0 0;
	background: url('../images/client/tenant-lite/tenant-lite-2/icon-pass.png') no-repeat scroll 6px 10px #fff;
}
#login_form .company input{
	font-family: "Open Sans",arial,sans-serif;
	font-size:12px;
	color:#666;
	border:1px solid #ccc;
	font-weight:normal;
	padding:4% 5% 3% 10%;
	width:75%;
	display:block;
	margin:3% 0 0 0;
	background: url('../images/client/tenant-lite/tenant-lite-2/login-company.png') no-repeat scroll 6px 10px #fff;
}
#login_form .btn_lft {
	float:right;
	margin:7% 9% 5% 0;
	display:inline-block;
	}
#login_form .frgt_password {
	float:left;
	margin:9% 10% 5% 0;
	display:inline-block;
	color:#3399cc;
	font-family: "Open Sans",arial,sans-serif;
	font-size:12px;
	letter-spacing: 0.2px;
	text-align:center;
	}
#login_form .frgt_password a {
	text-decoration:none;
	color:#3399cc;
	}
#login_form .frgt_password a:hover {
	text-decoration:underline;
	}

/*button-login*/
#login_form .button-blue {
	background: #1160a2;
	background: -webkit-gradient(linear, left top, left bottom, from(#258aca), to(#1160a2) );
	background: -moz-linear-gradient(-90deg, #258aca, #1160a2);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#258aca', endColorstr='#1160a2');
	}
#login_form .button-c-white{color:#fff !important;}
#login_form .button {
	text-decoration: none;
	font: bold 16px "Arial","Tahoma","Verdana",sans-serif;
	display: inline-block;
	text-align: center;
	border: 1px solid #9c9c9c;
	border: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 .05em rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
	}
#login_form .button, #login_form .button span{ -moz-border-radius: .2em; border-radius: .2em;}      
#login_form .button span {
	border-top: 1px solid #fff;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
   display: block;
   padding: 0.3em .7em;
   background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
   -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
   -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
   -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))); 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%);
   
   /* Pattern settings */                        
   -moz-background-size: 3px 3px;
   -webkit-background-size: 3px 3px;
   background-size: 3px 3px;
   }
#login_form .button:active{
	position: relative;
	top: 1px;
	}
#login_form .button-blue:hover{
	background: #258aca;
	background: -webkit-gradient(linear, left top, left bottom, from(#1160a2), to(#258aca) );
	background: -moz-linear-gradient(-90deg, #1160a2, #258aca);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1160a2', endColorstr='#258aca'); 
	}  
#login_form .button-blue:active {
	background: #1160a2;
	}
.login-problems{
	margin-top: 7px;
	margin-right: 36px;
	padding: 5px;
	font-size:12px;
	float:right;
	color:#3399cc;
	}
.login-problems:hover{
	text-decoration:underline;
	}
.form-heading{
	font-size: 20px !important;
	}
#login_form hr{
	color:#1660a1;
	margin:1% 0 0 0;
	width:90%;
	}
#login_form .copyright{
	font-family: "Open Sans",arial,sans-serif;
	font-size:10px;
	color:#666;
	float:left;
	width:87%
	}
#login_form .mbl_user {
	margin:4% 0 0 0;
	display:inline-block;
	font-family: "Open Sans",arial,sans-serif;
	font-size:12px;
	color:#666;
}
#login_form .check_box {
	margin:4% 0 0 0;
	display:inline-block;
	vertical-align:bottom;
}


/*-------------popup form------------*/
.popup{margin:0px; padding:10px; padding-top:0px;}
.popup h3 { margin:0px; padding:6px 0px; font-family: "Open Sans",Arial,trebuchet ms,verdana;
    font-size: 14px; color:#1c64a1; }
.popup .border{ border-bottom:1px solid #ddd!important; padding:0px 0px 10px 0px!important; margin-bottom:10px; }
.popup i{ text-transform:none!important;}
.popup label { font-size:13px;  text-transform: uppercase; color:#00315a;}
.popup .form-group{ margin:0px; padding:6px 0px; }
popup .form-group label{ margin:5px 0px; padding:6px; }
.popup_new {margin:0px; padding:10px;}
.popup_new  section { padding:5px 0px;}
.popup_new  span{ margin:10px 10px 10px 0px;}
div.l-text{ float:left; margin-right:10px;width: 100px;}
.popup_new label { font-size:13px;  text-transform: capitalize; padding:5px 0px!important;}
.form-horizontal .control-label{ padding-top:15px;}
.popup .form-control { margin:8px 0px; font-size:13px!important; width: 98%;display: inline; }
.popup .form-control input{ padding:5px 0px!important}
.popup .textbold{ font-weight:bold; padding-top: 11px;}
.popup .margin-lr{ margin-right:15px;}
.popup .note { padding:10px;  font-size: 13px; color:#184176; background:#fffbbb; border-radius:6px; border:2px dotted #ddd99f;}
.popup .form-control input{ margin-right:10px!important;} 
.popup .radio input[type="radio"], .popup .radio-inline input[type="radio"], .popup .checkbox input[type="checkbox"], .popup .checkbox-inline input[type="checkbox"] {
    margin-left: -20px;
    position: relative!important;}
.popup .radio-inline, .popup .checkbox-inline {
    text-transform: capitalize !important;}
@media all and (min-width: 1024px){
	.login_onepcssgrid-1000{max-width:1000px}
	.login_onepcssgrid-1000 .login_row{padding:0}

}
@media all and (max-width: 768px){
input,.login_col4, .login_col8{	
	}
.login_col4_main{
	float:right;
	width:350px;
	position:relative;
	z-index:2;
	margin:0;
	}
	.login-page{display:none; }
}
@media all and (max-width: 320px){
input,.login_col4{}

.login_row {
	margin: 0 0 10px;
	}
input { 
	width:100%
	}
	.login-page{display:none; }
}

@media (max-width:859px) {
	.login-page{display:none; }.login_row{ border-top:5px solid #1c64a1; border-bottom:5px solid #1c64a1; min-height:550px;}
	
	}