@charset "utf-8";
/* CSS for body */

/* ---------------------------------------------------------------------- */
/*	Import fonts
/* ---------------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300);
body {
	color: #000000;
	direction: ltr;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-size: 14px;
	padding: 0px !important;
	margin: 0px !important;
	background: #ffffff;
    height:100%;
}
td,th {font-family: "HelveticaNeue-Bold", "HelveticaNeueBold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 14px;}

/*td, th {
    font-family: 'Roboto', sans-serif;}*/

/* CSS for login */
#main-login{background: url(../images/links_bg.png) 0 40% repeat-x ;width:100%;}
#login_wrapper{	width:990px;margin:auto;clear:both;}
#login_header{width:990px;height:120px;position:relative;clear:both;}
#login_header #logo{ position:absolute;	width:200px;height:115px;z-index:1;left: 23px;top: 19px;}
#login_mains { padding:100px 0 0 0; width:990px;margin:auto;clear:both;}
#login_mains .employ_login{width:575px;float:left;background:url(../images/catoon.png) 15% 0 no-repeat;height:380px; color:#fff;}
#login_mains .employ_login h1{ margin:0px;font-size:36px; padding:45px 0  0 205px;text-shadow:1px 1px 1px #2b5d77;}
#login_mains .employ_login p{ margin:0px;font-size:14px; padding:35px 0  0 205px; }
#login_mains .login{
	width:350px;
	float:left;
	background:url(../images/login_bgs.png) 10% 0 no-repeat;
	height:349px;
	margin-top:55px;
	
	font-size:14px;
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#login_mains .login table td{ padding:4px 0 4px 5px; margin:15px; text-shadow:1px 1px 1px #2b5d77;}
 
#login_mains .login .x-input {margin: 0;padding:8px 5px;border: 1px solid #ababab;/*height: 24px;*/-moz-border-radius:3px;background-color:#FFF;color: #3c3c3c;font-size:14px;width:199px !important;}
#login-footer{width:850px;margin:auto auto;clear:both;background:url(../images/footer_bg.png) 0 0 repeat-x #2c84b2;height:72px;float:right;padding:24px 60px;font-size:10px;}
#login-footer .footer-links{ float:left; color:#fff;text-shadow:1px 1px 1px #000; }
#login-footer .footer-links a { color:#fff; line-height:1.8; text-decoration:none; padding:0 5px;  }
#login-footer .footer-links a:hover { text-decoration:underline;  }
#login-footer .copyrights{ float:right; text-align:right; color:#fff;text-shadow:1px 1px 1px #000; }
.white{ color:#FFF;}
/* CSS for login ends */

.btns li {display:inline; list-style:none; }   
.btns li a{background:transparent url(../images/buttonleft.png) no-repeat left top;display: block;   float: left;height: 33px;    margin-right:5px;padding:0 0px 5px 5px !important;color:#4b4b4b;text-shadow:none !important;}   
.btns li a span {background:transparent url(../images/buttonright.png) no-repeat right top;cursor:pointer;display:inline;float:left;
height:33px;padding:5px 16px 5px 12px !important;}   
.btns li a:hover {background:transparent url(../images/buttonleft_ro.png) no-repeat left top;padding: 0 0 5px 6px; color:#000;  }
.btns li a:hover span {	background:transparent url(../images/buttonright_ro.png) no-repeat right top;ccolor:#000;padding:5px 16px 5px 12px !important;} 

	
.btn li { display:inline; list-style:none; }   
.btn li a {background:transparent url(../images/buttonleft.png) no-repeat left top;display: block;float: left;height: 33px;margin-right:5px;padding: 0 0px 5px 5px !important;color:#4b4b4b;text-shadow:none !important; }   
.btn li a span {background:transparent url(../images/buttonright.png) no-repeat right top;cursor:pointer;display:inline;float:left;	 padding: 6px 15px 9px 15px !important;; margin-top:0px !important;;}   
.btn li a:hover {background:transparent url(../images/buttonleft_ro.png) no-repeat left top;padding: 0 0 5px 6px; color:#000;  }
.btn li a:hover span{background:transparent url(../images/buttonright_ro.png) no-repeat right top;color:#000;padding:0px 12px 5px 6px;} 
	
 
.btns2 ul { margin:0px; padding:0px; margin-left:0px; padding-right:10px; margin-top:-5px;}  
.btns2 li { display:inline; list-style:none; float:right; margin:0px;   }   
.btns2 li a {background:transparent url(../images/buttonleft.png) no-repeat left top;display: block;float: left;height: 33px;  margin-right: 5px;padding: 0 0px 5px 5px !important;color:#4b4b4b;text-shadow:none !important;}   
.btns2 li a span {background:transparent url(../images/buttonright.png) no-repeat right top;cursor:pointer;display:inline;float:left;
height:33px;padding:5px 10px 5px 6px !important;  }   
.btns2 li a:hover {background:transparent url(../images/buttonleft_ro.png) no-repeat left top;padding: 0 0 5px 6px; color:#000; }
.btns2 li a:hover span {background:transparent url(../images/buttonright_ro.png) no-repeat right top;ccolor:#000;padding:5px 10px 5px 6px !important; } 

/* CSS for profile */
 
#mains{background: url(../images/links_bg_2.png) 0 0% repeat-x ;width:100%;}
#wrapper{width:990px;margin:auto;clear:both;}
#header{width:960px;height:94px;position:relative;clear:both;}
#header #logo{position:absolute;width:150px;height:79px;z-index:1;left: 23px;top:53px;}
#header #alogo{	position:absolute;	width:150px;	height:60px;	z-index:1;	left: 196px;top: 6px;}

#header #welcome{position:absolute;width:555px;height:79px;z-index:1;left: 400px;top:3px;color:#555555;}
#header #welcome a{display:block;color:#555555; text-decoration:none;} 
#header #welcome ul{margin:0px; padding:0px; margin-left:0px; list-style:none;  }
#header #welcome ul li { display:inline; list-style:none; float:left; margin:0px;   }   
 
#header #welcome .login {height:30px; padding-right:0px;  width:55%; float:left; text-align:left;padding-top:5px;}
#header #welcome .date {height:30px; padding-left:0px;  width:25%; float:left; text-align:right;padding-top:5px;}
#header #welcome .home {padding-right:15px;  width:10%; float:right; text-align:right;  padding-top:5px;}
#header #welcome .logout {padding-right:25px;  width:0%; float:right; text-align:right; padding-top:5px;}

#header .navigation{ position:absolute; height:79px;z-index:1;left: 170px;top:62px;} 
#header .navigation  ul{margin:0px;	padding:0px;list-style:none;font-size:16px;  margin-top:5px;}	
#header .navigation  li{float:left;	font-size:16px;	color:#fff;	height:42px;display:block;position:relative;}
#header .navigation  li a{display:block;color:#5a5a5a;z-index:1000;position:relative;padding:13px 17px;text-align:left; text-decoration:none;border-right:solid 1px #e4e4e4;}	
#header .navigation  li a.sel, .header .nav li a:hover{background-image:url(../images/menu-bg_select.jpg);background-repeat:repeat-x;} 
	
#header .navigation  ul li ul{width:200px;position:absolute;display:none;top:44px;padding:1px 0 0 0; z-index:9999; margin-top:6px;}	
#header .navigation  ul li:hover ul{display:block;	margin:6px 0px 0px 0px;}	
#header .navigation  ul li ul li{display:block;padding:10px 5px;width:200px;padding:0px;margin:0px;background:#009fc6;position:relative;text-align:left; font-size:18px; border-bottom:solid 1px #96cdee; border-right:none !important;}	

.header  .nav  ul li ul li a{display:block;color:#fff;text-decoration:none;padding:10px 0px 13px 8px;z-index:1000;	position:relative;border-right:none !important;}
.w270{ width:262px; height:26px;border:1px solid #ababab;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#FFF;color: #3c3c3c;font-size:14px; padding-left:8px; padding-top:3px}
.w220{ width:222px; height:26px;border:1px solid #ababab;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#FFF;color: #3c3c3c;font-size:14px; padding-left:8px; padding-top:3px; margin-top:1px}
.w245{ width:237px; height:26px;border: 1px solid #ababab;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#FFF;color: #3c3c3c;font-size:14px;padding-left:8px;padding-top:3px}
.padleft{ padding-right:10px !important;}
.padtop{ padding-top:10px !important;}
.w100{ width:92px; height:26px;border:1px solid #ababab;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#FFF;color:#3c3c3c;font-size:14px; margin-left:10px;padding-left:8px;padding-top:3px}

#b-com{ color:#555555;width:950px;margin:auto;clear:both; padding:0px 0 5px 0; margin-top:40px;}
#b-com a {color:#555555; line-height:1.8; text-decoration:none; padding:0 5px;  }
#b-com a:hover {text-decoration:underline;}
/* CSS for breadcom ends */

#main-area {width:960px;margin:auto;clear:both; margin-bottom:60px;padding-top:40px;  overflow-y:hidden;overflow-x:hidden;}
.marg40{padding-top:50px;}

#main-area .tp{ background:url(../images/my_profile_tp.png) 0 0 no-repeat; height:15px; clear:both ; }
#main-area .bg{ background:url(../images/my_profile_bg.png) 0 0 repeat-y; overflow:auto;width:930px; padding:0 15px;}
#main-area .bg h1{ font-size:22px;color:#fff;text-shadow:1px 1px 1px #000;border-bottom:solid 1px #fff;margin:0px;margin-bottom:10px; }
#main-area .bg table td{ font-size:12px;  color:#555555; padding:5px 0 0 0;}
#main-area .bg table td ul{ margin:0px;}
.pro_pt{ background:url(../images/photobg.png)0% 0 no-repeat; height:155px; width:123px; margin:auto;  }
.pro_pt img{ padding:25px 0px;}
#main-area .bt{ background:url(../images/my_profile_bt.png) 0 0 no-repeat; height:15px; clear:both ;}
.save{ width:200px; margin:auto; clear:both;}
.fourverticals{width:100%;clear:both ;}
.fourverticals img{float:left;}


  .compensate 
  {
      clear:both;
    margin-left: 0px;
    cursor:pointer;
}

.GridHeader {
    text-align: right !important;
}

.compensate table{ 
}
    .compensate table tr td {
        text-align: center;
        width: 25px;
    }
    .compensate table tr td span{
        background: #68A224 none repeat scroll 0 0;
        color: #fff;
        float: left;
        height: 100%;
        line-height: 34px;
        width: 100%;
        cursor:pointer;
    }
        .compensate table tr td a {
            background:#efeae6 ;
             color: #000000;
        float: left;
        height: 100%;
        line-height: 34px;
        width: 100%;
        text-decoration:none;
        }
.compensate th{   background-color:#E3EAF3; color:#6E8BA8; height:34px;border-top:solid 1px #999; border-left:solid 1px #999;}
.compensate td{  color:#000000 !important;border-top:solid 1px #999; border-left:solid 1px #999;background-color:#fff; padding-bottom:2px !important; padding-left:2px !important; 
                 padding-right:2px !important; height:34px; }
.tabright{ border-right:solid 1px #999!important; }
.tabbottom{ border-bottom:solid 1px #999!important; }

    .gridcompensate{ clear:both;}
  
.gridcompensate table{ border-bottom:solid 1px #999; border-left:solid 1px #999; border-right:solid 1px #999; width:98%; margin:auto; }
.gridcompensate th{   color:#000000; background:url(../images/thbg.jpg) repeat-x; height:28px;border-top:solid 1px #999; border-left:solid 1px #999;} 
.gridcompensate td{ background-color:#fff;}

.gridtabright{ border-right:solid 1px #999!important; }
.gridtabbottom{ border-bottom:solid 1px #999!important; }
/* CSS for footer */
#footer{width:1150px;margin:auto;clear:both; height:72px; padding:0px 0px;font-size:10px;}
#footer .footer-links{ float:left; color:#fff;text-shadow:1px 1px 1px #000; }
#footer .footer-links a { color:#fff; line-height:1.8; text-decoration:none; padding:0 5px;  }
#footer .footer-links a:hover { text-decoration:underline;  }
#footer .copyrights{ float:left; text-align:right; color:#fff;text-shadow:1px 1px 1px #000;padding:3px 100px; }
#footer .powered{background:url(../images/logoso.jpg)0% 0 no-repeat; height:100px;float:right; width:253px; }
#footer .poweredby{background:url(../images/logop.png)0% 0 no-repeat; height:100px;float:left; width:253px; }
#footer .paypowered{background:url(../images/logop.png)0% 0 no-repeat; height:70px;float:right; width:253px; }
#footer .comspowered{background:url(../images/rsz_2coms_logo.png)0% 0 no-repeat; height:70px;float:right; width:60px; }
#footer .intimepowered{background:url(../images/Intime.jpg)0% 0 no-repeat; height:70px;float:right; width:300px; }
/* CSS for tabs */
.TabbedPanels {	overflow: hidden;margin: 0px;padding: 0px;clear: none;width: 100%; } 
.TabbedPanelsTabGroup {	margin:30px 0px 0px 10px;	padding: 0px;} 
.TabbedPanelsTab{position: relative;top: 1px;float: left;font-size:12px;padding: 6px 15px;margin: 0px 3px 0px 0px;background-image:url(../images/tab_bg.png);	background-repeat:repeat-x;	list-style: none;border-left: solid 1px #CCC;border-bottom: solid 1px #cccccc;border-top: solid 1px #cccccc;	border-right: solid 1px #cccccc;-moz-user-select: none;-khtml-user-select: none;cursor: pointer;}

.blockbg{ height:14px; clear: both; background:url(../images/shadow_bg.png) 0% 0% repeat-x;} 
.blockbg .blleft{background:url(../images/shadow_left.png) 0% 0% no-repeat;height:10px;float:left; width:106px;} 
.blockbg .blbg{ border-top:solid 1px #6792a9;height:10px; float:left; } 
.blockbg .blright{background:url(../images/shadow_right.png) 0% 0% no-repeat;height:10px; float:right;width:114px;} 
.blockbg .blleft-sml{background:url(../images/left_shadow_01.png) 0% 0% no-repeat;height:9px;float:left; width:105px;} 
.blockbg .blright-sml{background:url(../images/right_shadow.png) 0% 0% no-repeat;height:9px;float:right; width:104px;} 
 

.TabbedPanelsTabHover {background-color: #CCC;} 
.TabbedPanelsTabSelected {background-color: #fff;border-bottom: 1px solid #fff;background-image:none;font-size:12px;color:#2c84b2;
padding: 6px 15px;margin: 0px 3px 0px 0px;} 
.TabbedPanelsTab a {color: black;text-decoration: none;} 
.TabbedPanelsContentGroup {clear: both;border-left: solid 1px #fff; border-top: solid 1px #fff;border-right: solid 0px #fff;	background-color: #fff;}
.TabbedPanelsContent {overflow: hidden;padding:20px 4px;}
.TabbedPanelsContentVisible {}
.VTabbedPanels {overflow: hidden;zoom: 1;} 
.VTabbedPanels .TabbedPanelsTabGroup {	float: left;width: 10em;height: 20em;background-color: #EEE;position: relative;border-top: solid 1px #999;border-right: solid 1px #999;border-left: solid 1px #CCC;border-bottom: solid 1px #CCC;}
.VTabbedPanels .TabbedPanelsTab {float: none;margin: 0px;border-top: none;border-left: none;border-right: none;}
.VTabbedPanels .TabbedPanelsTabSelected {background-color: #fff;border-bottom: solid 1px #999;} 
.VTabbedPanels .TabbedPanelsContentGroup {clear: none;float: left;padding: 0px;width: 30em;height: 20em;}
/* Styles for Printing */
@media print {
.TabbedPanels {overflow: visible !important;}
.TabbedPanelsContentGroup {display: block !important;overflow: visible !important;height: auto !important;}
.TabbedPanelsContent {overflow: visible !important;display: block !important;clear:both !important;}
.TabbedPanelsTab {overflow: visible !important;display: block !important;clear:both !important;
}
}
/* CSS for profile ends */

#leftpanel{ width:680px; float:left;  margin-right:20px; margin-left:10px;}
#leftpanel .fullenth{ width:680px; clear:both; }
#leftpanel .fullenth .fultop{ background:url(../images/leftpanel_top.png) 0 0 no-repeat; width:680px; clear:both; height:9px;}
#leftpanel .fullenth .fulbg{ clear:both; background-color:#FFF; padding:0 10px; position:relative; }
#leftpanel .fullenth .expadd{padding:0 10px 0 170px !important;}
#leftpanel .fullenth .block1{ width:280px!important; float:left;}
#leftpanel .fullenth .block1{ width:280px!important; float:left;}
#leftpanel .fullenth .block1 h1{ font-size:14px;  color:#555; margin:0px;text-shadow: none !important;}
#leftpanel .fullenth .block1 ul{ margin-left:-10px!important; }
 
#leftpanel .fullenth .block2{width:360px!important; float:left;!important; background:url(../images/rs.png) 0 0 no-repeat;}
#leftpanel .fullenth .block2 ul{ margin-left:136px!important; }
#leftpanel .fullenth .block2 h1{ font-size:14px;  color:#555; margin:0px; text-shadow: none !important;margin-left:150px}

#leftpanel .fullenth .fulbg ul{padding-left:30px; list-style:url(../images/blue_list-arrow.png);clear:both; margin:10px 0 0 0;}
#leftpanel .fullenth .fulbg ul li{ color:#6a6a6a; margin:0px; margin-top:6px; float:none !important;}
#leftpanel .fullenth .fulbg ul li strong{ color:#555;}
#leftpanel .fullenth .fulbg ul li a{ color:#555; text-decoration:underline;}
#leftpanel .fullenth .fulbg ul li a:hover{ color:#000; text-decoration:none ;}

#leftpanel .fullenth .fulbg .title {margin:0px; padding:0px; clear:both;}
#leftpanel .fullenth .fulbg .title ul{ margin:0px; padding-left:15px; list-style: none; }
#leftpanel .fullenth .fulbg .title ul li{ color:#6a6a6a; margin:0px; margin-top:10px; float:left;}
#leftpanel .fullenth .fulbg .title .icons{ width:50px; float:left; height:32px;}
#leftpanel .fullenth .fulbg .title .subtitles{width:150px; height:32px;color:#3990bd;font-size:18px;margin-bottom:15px; border-bottom:solid 1px #eaebec; width:98%; }
#leftpanel .fullenth .fulbg .title .subtitles img{ margin-top:10px;}
.clear{ clear:both; padding:10px; text-align:right;}
.clear a{background:url(../images/right_arrow.png) no-repeat right center;padding-right:15px; text-decoration:none;color:#209cca;}
.clear a:hover{background:url(../images/right_arrow.png) no-repeat right center;padding-right:15px; text-decoration: underline;color:#222;}
.clear20{ clear:both; padding:0px; text-align:right; font-size:1px;}
.clears{clear:both; }
.clearcen{clear:both; text-align:center; padding-top:6px; color:#555;  }

#announce{	position:absolute;width:200px;height:115px;z-index:1;left: 26px;top: -37px;}	
#leftpanel .fullenth .fulbt{ background:url(../images/leftpanel_bt.png) 0 0 no-repeat; width:680px; clear:both; height:7px;}

#leftpanel .alert{ width:334px; float:left;}
.mar15{ margin-right:10px !important; }
#leftpanel .alert .fultop{ background:url(../images/alert_tp.png) 0 0 no-repeat; width:334px; clear:both; height:6px;}
#leftpanel .alert .fulbg{ background:url(../images/alert_bg.png) 0 0 repeat-y; clear:both; overflow:auto;color:#999999;padding:10px;}
#leftpanel .alert .fulbt { background:url(../images/alert_bt.png) 0 0 no-repeat; width:334px; clear:both; height:7px;}
#leftpanel .alert .subtitles{clear:both; color:#3990bd;font-size:18px;margin-bottom:15px; margin-top:0px; width:98%; }
#leftpanel .alert .alertbg{background: url(../images/alert.png) 0 0 no-repeat; height:60px;    }
#leftpanel .alert .alertbg ul{ margin-left:40px !important;}
#leftpanel .alert .fulbg ul{padding-left:30px; list-style:url(../images/blue_list-arrow.png);clear:both; margin:10px 0 0 0;}
#leftpanel .alert .fulbg ul li{ color:#6a6a6a; margin:0px; margin-top:6px; float:none !important;}
#leftpanel .alert .fulbg ul li strong{ color:#555;}
#leftpanel .alert .fulbg ul li a{ color:#555; text-decoration:underline;}
#leftpanel .alert .fulbg ul li a:hover{ color:#000; text-decoration:none ;}

#leftpanel .help{ width:334px; float:left; position:relative;}
.mar15{ margin-right:10px !important; }
#leftpanel .help .fultop{ background:url(../images/alert_tp.png) 0 0 no-repeat; width:334px; clear:both; height:6px;}
#leftpanel .help .fulbg{ background:url(../images/alert_bg.png) 0 0 repeat-y; clear:both; overflow:auto;color:#999999;padding:10px;}
#leftpanel .help .fulbt { background:url(../images/alert_bt.png) 0 0 no-repeat; width:334px; clear:both; height:7px;}
#leftpanel .help .subtitles{clear:both; color:#3990bd;font-size:18px;margin-bottom:15px; margin-top:0px; width:98%; }
#leftpanel .help .alertbg{background: url(../images/alert.png) 0 0 no-repeat; height:60px;    }
#leftpanel .help .fulbg ul{padding-left:30px; list-style:url(../images/blue_list-arrow.png);clear:both; margin:10px 0 0 0;}
#leftpanel .help .fulbg ul li{ color:#6a6a6a; margin:0px; margin-top:8px; float:none !important;}
#leftpanel .help .fulbg ul li strong{ color:#555;}
#leftpanel .help .fulbg ul li a{ color:#555; text-decoration:underline;}
#leftpanel .help .fulbg ul li a:hover{ color:#000; text-decoration:none ;}

#leftpanel .help .alertbg ul{ margin-left:40px !important;}
#helps{position:absolute;width:200px;height:115px;z-index:1;left: 203px;top: -14px;}
#helps1{position:absolute;width:200px;height:115px;z-index:1;left: 130px;top: 95px;}


#leftpanel .blocks3{ width:220px; float:left; position:relative;}
.mar15{ margin-right:10px !important; }
#leftpanel .blocks3 .fultop{ background:url(../images/3blocks_tp.png) 0 0 no-repeat; width:220px; clear:both; height:6px;}
#leftpanel .blocks3 .fulbg{ background:url(../images/3blocks_bg.png) 0 0 repeat-y;clear:both;overflow:auto;color:#999999;padding:10px;}
#leftpanel .blocks3 .fulbt { background:url(../images/3blocks_bt.png) 0 0 no-repeat; width:220px; clear:both; height:7px;}
#leftpanel .blocks3 .subtitles{
	clear:both;
	color:#3990bd;
	font-size:18px;
	margin-bottom:15px;
	margin-top:0px;
	width:98%;
}
#leftpanel .blocks3 .fulbg ul{padding-left:30px; list-style:url(../images/blue_list-arrow.png);clear:both; margin:10px 0 0 0;}
#leftpanel .blocks3 .fulbg ul li{ color:#6a6a6a; margin:0px  !important; margin-top:1px  !important; padding:0px !important; margin-bottom:0px !important; float:none !important;}
#leftpanel .blocks3 .fulbg ul li a{ color:#555; text-decoration:underline;}
#leftpanel .blocks3 .fulbg ul li a:hover{ color:#000; text-decoration:none ;}
#leftpanel .blocks3 .fulbg ul li strong{ color:#555;}
#leftpanel .blocks3 .fulbg td { font-size:11px;  line-height:14px;}

#tax{
	position:absolute;
	width:75px;
	height:65px;
	z-index:1;
	left: 13px;
	top: 60px;
}
#leave{
	position:absolute;
	width:120px;
	height:115px;
	z-index:1;
	left: 114px;
	top: -14px;
}
.leavewid{ width:50% !important;}
.leavewid img{  padding-top:6px !important;}
.taxwid img{  padding-top:6px !important;
    height: 72px;
    width: 97px;
}
.taxwid{  padding-top:-6px !important;}
#leftpanel .blocks3 .fulbg .tax{ margin-top:40px;}
 
#rightpanel{width:210px; float:left;}
#rightpanel .blocks{ width:210px; clear:both; }
#rightpanel .blocks .fultop{ background:url(../images/right_top.png) 0 0 no-repeat; width:210px; clear:both; height:9px;}
#rightpanel .blocks .fulbg{ background:url(../images/right_bg.png) 0 0 repeat-y; clear:both; overflow:auto;color:#999999;padding:10px;}
#rightpanel .blocks .fulbg .subtitles{clear:both; color:#3990bd;font-size:18px;margin-bottom:15px; width:98%; }
#rightpanel .blocks .fulbg ul{ margin:0px; padding-left:5px; list-style: none; border-top:solid 1px #eaebec; }
#rightpanel .blocks .fulbg ul li{ margin:0px; padding-left:0px; list-style: none;border-bottom:solid 1px #eaebec; }
#rightpanel .blocks .fulbg ul li a{ padding:8px 0px; color:#8e8e8e; font-size:14px; text-decoration:none; display:block;}
#rightpanel .blocks .fulbg ul li a:hover{ padding:8px 0px; color:#222;font-size:14px; text-decoration:none; display:block; }
#rightpanel .blocks .fulbt{ background:url(../images/right_bt.png) 0 0 no-repeat; width:210px; clear:both; height:9px;  }

/*drop down menu */

#dropdownmenu{position:relative; width:450px;z-index:6;left:522px;top:-46px;}
#dropdownmenu1{position:absolute; width:180px;z-index:6;left:80px;top:33px;}
#icons{position:absolute; width:220px;z-index:7;left:360px;top:31px;}
.dd ul { margin:0px; padding:2px; margin-left:10px; padding-right:5px; margin-top:-5px;} 
.dd li { display:inline; list-style:none; }   
.dd li a {background:transparent url(../images/buttonleft1.png) no-repeat left top;display: block;float:left;height:26px;margin-right:5px;padding: 0 5px 0px 5px ;color:#4b4b4b;text-shadow:none !important;}   
.dd li a span {background:transparent url(../images/buttonright1.png) no-repeat right top;cursor:pointer;display:inline;float:left;	 padding: 6px 9px 9px 5px !important;; margin-top:0px !important;;}   
.dd li a:hover {background:transparent url(../images/buttonleft1.png) no-repeat left top;padding: 0 5px 0px 5px; color:#000;  }
.dd li a:hover span{background:transparent url(../images/buttonright1.png) no-repeat right top;color:#000;padding:0px 12px 5px 6px;}	 

/*quick menu*/ 


.clearss{ clear:both; padding:10px; text-align:left;}
.clearss a{background:url(../images/right_arrow.png) no-repeat right center;padding-right:15px; text-decoration:none;color:#209cca;}
.clearss a:hover{background:url(../images/right_arrow.png) no-repeat right center;padding-right:15px; text-decoration: underline;color:#222;}


/*.DropDownList 	
{

    outline: none;
height: 34px;
border: 1px solid #c7c7c7;
padding: 0 8px;
background-clip: border-box;
border-radius: 2px;
transition-property: border;
transition-duration: 0.35s;
font-size:small;
background-color: white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;

vertical-align: middle;

    
      
     	}*/

select {
	background-color: #ffffff;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 300;
    height: 34px;
}
    select:focus {
        border-color:#68A224;
    }
select option {
	padding: 3px 4px;
   
}
.DropDownList {
	padding: 0 !important;
	box-shadow: none;
	/*border: none;*/
    height:34px;
    width:200px;
}
select option {
	
	 background-clip: padding-box !important;
    /*background-image: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) !important;*/
    border: 0 none !important;
    border-radius: 2px !important;
    box-shadow: 0 0 0 0px #dddddd inset !important;
    box-sizing: border-box !important;
    /*color: #68A224 !important;*/
    cursor: pointer !important;
    
    font-size: 14px !important;
    height: 34px !important;
    line-height: 34px !important;
    margin-bottom: 2px !important;
    min-width: 80px !important;
    padding: 0 20px !important;
    white-space: nowrap !important;
}
select option:focus{
	box-shadow:0 0 0 1px #3965ce inset, 0 0 0 2px #cdd7ef;
	} 
select option.select2-arrow {
	/*background-image: none !important;*/
	/*background-color: #f2f2f2 !important;*/
	width: 28px !important;
	text-align: center;
}
.select2-container .select2-choice .select2-arrow b {
	background: none !important;
	display: block;
	height: 100%;
	width: 100%;
}
.select2-container .select2-choice .select2-arrow b:before {
	content: "\f0d7";
	display: inline;
	font-family: FontAwesome;
	font-weight: 300;
	height: auto;
	text-shadow: none;
	font-size:14px;
}
.select2-dropdown-open.select2-container-active .select2-choice .select2-arrow b:before {
	content: "\f0d8";
}
.select2-container-multi .select2-choices {
	background-image: none !important;
	background-color: #FFFFFF !important;
}

.TextBox {
    /*background-color: #FFFFFF;
    border: 1px solid #c7c7c7;
    border-radius: 2px !important;
    color: #404040;
  
    font-size: 14px;
    line-height: 1.2;
    padding: 5px 4px;
    transition-duration: 0.1s;
    box-shadow: none;
    height: 34px;
    margin-bottom: 5px;*/
    outline: none;
   
    height: 34px;
    border: 1px solid #c7c7c7;
    padding: 0 8px;
    background-clip: border-box;
    border-radius: 2px;
    transition-property: border;
    transition-duration: 0.35s;
    font-size:small;
    background-color: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    vertical-align: middle;
}

    /*margin: 0;padding:8px 5px;border: 1px solid #ababab;/*height: 24px;*/-moz-border-radius:3px;background-color:#FFF;color: #3c3c3c;font-size:14px;width:199px !important;*/}
.TextBoxNolimit{margin: 0;padding:8px 5px;border: 1px solid #ababab;/*height: 24px;*/-moz-border-radius:3px;background-color:#FFF;color: #3c3c3c;font-size:14px; !important;}
.PageHeading{ font-size:22px;color:#fff;text-shadow:1px 1px 1px #000;border-bottom:solid 1px #fff;margin:0px;margin-bottom:10px; }

.Button {
    
   background: #68A224 none repeat scroll 0 0 !important;
    border:  none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px !important;
    height: 34px;
    line-height: 34px;
    min-width: 80px;
    padding: 0 20px;
}
.Button:hover{
    background:#68A224 !important;
}
.Button:focus{
    background:#68A224 !important;
}
.Label
{
   font-family: 'Roboto', sans-serif;
    color: #000000 !important;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 4px;
    

}
.LabelBold
{
    width: 200px;
    
    font-size: 10pt;
    color: #636363;
    
}
.LabelSmall
{
    
    font-size: 10px;
    color:Red;
}
.LabelStar
{
    
    font-size: 10px;
    
    color: #FF7530;
}
.LabelMedium
{
    
    font-size: 14px;
    color: black;
}

.LabelHeading
{
    
    font-size: 16px;
   /* color: Teal;
    
    color: #800000;*/
}

.IndexHeading
{
    
    font-size: 15px;
    color: Teal;
   
    color: #FF7530;
}

.LabelMsg
{
    
    font-size: 13px;
    color: #FF7530;
   
}

.LabelSuccessMsg
{
    
    font-size: 13px;
    color: Teal;
  
    color: #008B45;
}


.LabelSmallBold
{
    width: 200px;
    
    font-size: 10.5px;
   
    color: black;
}
.LabelOffer
{
    
    font-size: 12px;
    color: black;
}

.LabelMenu
{
    
    font-size: 14px;
    color: black;
}

.ListBox
{
    width: 200px;
    color: black;
    background-color: #FFFFFF;
    
    font-size: 8pt;
}

.WaterMark
{
   height:28px;
  width:199px !important;
    
    font-size: 10px;
    color: #FF7530;
    font-style: italic;
  
}

.NumericTextBox
{ 
    padding:8px 5px;
    border: 1px solid #ababab;/*height: 24px;*/
	text-align: right;
	
	margin-left: 19px;
	-moz-border-radius:3px;
	background-color:#FFF;
	color: #3c3c3c;
	font-size:14px;
	margin: 0;
	    
}
/* for gridview textbox and numaric textbox*/
.gridNumericTextBox
{ margin: 0;padding:8px 5px;border: 1px solid #ababab;/*height: 24px;*/
	text-align: right;
	
	font-size: 8pt;
	margin-left: 0px;
	-moz-border-radius:3px;background-color:#FFF;color: #3c3c3c;
	height: 10px;
}
.gridTextBox{margin: 0;padding:8px 5px;border: 1px solid #ababab;height: 10px;-moz-border-radius:3px;background-color:#FFF;color: #3c3c3c;}

.tablehdr
{
	height: 22px;
	font-size: 12px;
	
	
	clear: both;
	text-align: Left;
	font-variant:normal;
	color:#333333;

}

.autowidthTextBox{background-color: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 5px !important;
    box-shadow: none;
    color: #5b5b5c;
    font-size: 14px;
    font-weight: 300;
    height: 34px;
    line-height: 1.2;
    margin-bottom: 5px;

    transition-duration: 0.1s;}

.autowidthNumericTextBox
{ 
   height: 34px;
    border: 1px solid #ababab;/*height: 24px;*/
	text-align: right;
	
	margin-left: 19px;
	-moz-border-radius:3px;
	background-color:#FFF;
	color: #3c3c3c;
	font-size:14px;	
	 margin: 0;	    
}

.gridDropDownList 	
{
     background-color: #F6F6F6; 
          height:30px;	
     color: black;
     
     font-size: 9pt;     	
     	cursor:pointer;  
     	background-position:center;
      padding-top:3px;
      display:inline-block;    
      
     	}
     	
     	.AutoExtenderHighlight
        {
            color: White;
            background-color: #006699;
            cursor: pointer;
            
        }
        .AutoExtender
        {
            
            font-size: 1.1em;
         
            border: solid 1px #006699;
            line-height: 30px;
            padding: 10px;
            background-color: White;
            margin-left:10px;
            max-height:220px;
            overflow:scroll;
            overflow-x:hidden;
            width:450px;
        }

.AutoExtenderList
        {
           
            cursor: pointer;
            color: black;
           
        }
        
        .Screenmsg {
    color: #333333;
    
    font-size: 14px;
    }
    
    #rightpanel{width:210px; float:left;}
#rightpanel1 .blocks{ width:210px; clear:both; }
#rightpanel1 .blocks .fultop{ background:url(../images/right_top.png) 0 0 no-repeat; width:210px; clear:both; height:9px;}
#rightpanel1 .blocks .fulbg{ background:url(../images/right_bg.png) 0 0 repeat-y; clear:both; overflow:auto;color:#999999;padding:10px;}
#rightpanel1 .blocks .fulbg .subtitles{clear:both; color:#3990bd;font-size:16px;margin-bottom:10px; width:98%; }
#rightpanel1 .blocks .fulbg ul{ margin:0px; padding-left:5px; list-style: none; border-top:solid 1px #eaebec; }
#rightpanel1 .blocks .fulbg ul li{ margin:0px; padding-left:0px; list-style: none;border-bottom:solid 1px #eaebec; }
#rightpanel1 .blocks .fulbg ul li a{ padding:8px 0px; color:#8e8e8e; font-size:12px; text-decoration:none; display:block; background:url(../images/list-arrow.png) no-repeat 95% 50%;}
#rightpanel1 .blocks .fulbg ul li a:hover{ padding:8px 0px; color:#222;font-size:12px; text-decoration:none; display:block;  background:url(../images/list-arrow.png) no-repeat 95% 50% #e6e6e6;}
#rightpanel1 .blocks .fulbt{ background:url(../images/right_bt.png) 0 0 no-repeat; width:210px; clear:both; height:9px;  }

#rightpanel2{width:210px; float:left;}
#rightpanel2 .blocks{ width:210px; clear:both; }
#rightpanel2 .blocks .fultop{ background:url(../images/right_top.png) 0 0 no-repeat; width:210px; clear:both; height:9px;}
#rightpanel2 .blocks .fulbg{ background:url(../images/right_bg.png) 0 0 repeat-y; clear:both; overflow:auto;color:#999999;padding:10px;}
#rightpanel2 .blocks .fulbg .subtitles{clear:both; color:#3990bd;font-size:16px;margin-bottom:10px; width:98%; }
#rightpanel2 .blocks .fulbg ul{ margin:0px; padding-left:5px; list-style: none; border-top:solid 1px #eaebec; }
#rightpanel2 .blocks .fulbg ul li{ margin:0px; padding-left:0px; list-style: none;border-bottom:solid 1px #eaebec; }
#rightpanel2 .blocks .fulbg ul li a{ padding:8px 0px; color:#8e8e8e; font-size:12px; text-decoration:none; display:block; background:url(../images/list-arrow.png) no-repeat 95% 50%;}
#rightpanel2 .blocks .fulbg ul li a:hover{ padding:8px 0px; color:#222;font-size:12px; text-decoration:none; display:block;  background:url(../images/list-arrow.png) no-repeat 95% 50% #e6e6e6;}
#rightpanel2 .blocks .fulbt{ background:url(../images/right_bt.png) 0 0 no-repeat; width:210px; clear:both; height:9px;  }

#rightpanel3{width:210px; float:left;}
#rightpanel3 .blocks{ width:210px; clear:both; }
#rightpanel3 .blocks .fultop{ background:url(../images/right_top.png) 0 0 no-repeat; width:210px; clear:both; height:9px;}
#rightpanel3 .blocks .fulbg{ background:url(../images/right_bg.png) 0 0 repeat-y; clear:both; overflow:auto;color:#999999;padding:10px;}
#rightpanel3 .blocks .fulbg .subtitles{clear:both; color:#3990bd;font-size:16px;margin-bottom:10px; width:98%; }
#rightpanel3 .blocks .fulbg ul{ margin:0px; padding-left:5px; list-style: none; border-top:solid 1px #eaebec; }
#rightpanel3 .blocks .fulbg ul li{ margin:0px; padding-left:0px; list-style: none;border-bottom:solid 1px #eaebec; }
#rightpanel3 .blocks .fulbg ul li a{ padding:8px 0px; color:#8e8e8e; font-size:12px; text-decoration:none; display:block; background:url(../images/list-arrow.png) no-repeat 95% 50%;}
#rightpanel3 .blocks .fulbg ul li a:hover{ padding:8px 0px; color:#222;font-size:12px; text-decoration:none; display:block;  background:url(../images/list-arrow.png) no-repeat 95% 50% #e6e6e6;}
#rightpanel3 .blocks .fulbt{ background:url(../images/right_bt.png) 0 0 no-repeat; width:210px; clear:both; height:9px;  }

#rightpanel5{width:210px; float:left;}
#rightpanel5 .blocks{ width:210px; clear:both; }
#rightpanel5 .blocks .fultop{ background:url(../images/right_top.png) 0 0 no-repeat; width:240px; clear:both; height:9px;}
#rightpanel5 .blocks .fulbg{ background:url(../images/right_bg.png) 0 0 repeat-y; clear:both; overflow:auto;color:#999999;padding:10px;}
#rightpanel5 .blocks .fulbg .subtitles{clear:both; color:#3990bd;font-size:16px;margin-bottom:10px; width:100%; }
#rightpanel5 .blocks .fulbg ul{ margin:0px; padding-left:5px; list-style: none; border-top:solid 1px #eaebec; }
#rightpanel5 .blocks .fulbg ul li{ margin:0px; padding-left:0px; list-style: none;border-bottom:solid 1px #eaebec; }
#rightpanel5 .blocks .fulbg ul li a{ padding:8px 0px; color:#8e8e8e; font-size:12px; text-decoration:none; display:block; background:url(../images/list-arrow.png) no-repeat 95% 50%;}
#rightpanel5 .blocks .fulbg ul li a:hover{ padding:8px 0px; color:#222;font-size:12px; text-decoration:none; display:block;  background:url(../images/list-arrow.png) no-repeat 95% 50% #e6e6e6;}
#rightpanel5 .blocks .fulbt{ background:url(../images/right_bt.png) 0 0 no-repeat; width:210px; clear:both; height:9px;  }
.testnumeric        {
text-align: right;
	
	font-size: 8pt;
	margin-left: 0px;
        }
        
        /* User Guidance */

        #UserGuidance
        { 
            clear:both; 
            background-color:#FFF; 
            padding:0 10px; 
            position:relative; 
        }       
        .UserGuidanceIcons
        {
            height: 120px;
            width : 120px;
        }
        .UserGuidancesubtitles
        {
            width:150px; 
            height:32px;
            color:#3990bd;
            font-size:14px;
            margin-bottom:15px; 
            border-bottom:solid 1px #eaebec; 
            width:98%; 
        }
        
        .UserGuidancePageLinks p a
        { 
            color: #000000;        
            
            text-decoration:none;
        }     
        .UserGuidancePageLinks a:hover
        {
            background: #00CED1; 
    color: #000080;    
     
    text-align: center;    
}


#Guidesheet
{
    position:absolute;	width:200px;height:115px;z-index:0;left: 100px;top: 300px;
}
.LabelSuccess
{
    
    font-size: 14px;
    color: black;
    
   
}
.customCalloutStyle div, .customCalloutStyle td{ border: solid 1px #fff;background-color:#fff;  font-size:14px;color:red; direction:ltr; text-align:right;}
.ajaxcomparemessage
{
    
    font-size:x-large;
    
    color :white;
}
.whitelabel {
    color:white;

}

input[type=checkbox] {
    height: 19px;
    width: 21px;
    vertical-align: bottom;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url("../assets/images/GreenCheck.png") !important;
    background-repeat: no-repeat;
    background-position:0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
}

    input[type=checkbox]:hover {
         background-position:0 0;
    }

input[type=checkbox]:focus {
    outline:none !important
}

    input[type=checkbox]:checked {
           background-position: -52px 0px;
    }

    input[type=checkbox]:disabled {
        background-position: 0;
    }

    input[type=checkbox]:checked:disabled {
        background-position: -24px 0;
    }

    input[type=checkbox]:disabled {
        background-position:0 0;
    }

    input[type=checkbox] + label {
        padding-left: 4px;
        line-height: 20px;
        top:-5px;
    }

    input[type=checkbox]:focus {
        
    }

/*input[type=checkbox] {
    height: 19px;
    width: 21px;
    vertical-align:middle;
    background-color: transparent;
    border: 1px solid transparent;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NzkiIGhlaWdodD0iOTYiIG92ZXJmbG93PSJ2aXNpYmxlIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTE2IDE0LjVjLTIuMjA3IDAtNCAxLjc5My00IDR2NTUuOTk5YzAgMi4yMDcgMS43OTMgNCA0IDRoNTZjMi4yMDcgMCA0LTEuNzkzIDQtNHYtNTUuOTk5YzAtMi4yMDctMS43OTMtNC00LTRoLTU2eiIvPjxwYXRoIGZpbGw9IiNDN0M3QzciIGQ9Ik0xNzIgODIuNDk5aC01NmMtNC40MSAwLTgtMy41OS04LTh2LTU1Ljk5OWMwLTQuNDEgMy41OS04IDgtOGg1NmM0LjQxIDAgOCAzLjU5IDggOHY1NS45OTljMCA0LjQxLTMuNTg5IDgtOCA4em0tNTYtNjhjLTIuMjA3IDAtNCAxLjc5My00IDR2NTZjMCAyLjIwNyAxLjc5MyA0IDQgNGg1NmMyLjIwNyAwIDQtMS43OTMgNC00di01NmMwLTIuMjA3LTEuNzkzLTQtNC00aC01NnoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjEgMTQuNWMtMi4yMDcgMC00IDEuNzkzLTQgNHY1NS45OTljMCAyLjIwNyAxLjc5MyA0IDQgNGg1NmMyLjIwNyAwIDQtMS43OTMgNC00di01NS45OTljMC0yLjIwNy0xLjc5My00LTQtNGgtNTZ6Ii8+PHBhdGggZmlsbD0iI0U5RTlFOSIgZD0iTTc3IDgyLjQ5OWgtNTZjLTQuNDEgMC04LTMuNTktOC04di01NS45OTljMC00LjQxIDMuNTktOCA4LThoNTZjNC40MSAwIDggMy41OSA4IDh2NTUuOTk5YzAgNC40MS0zLjU5IDgtOCA4em0tNTYtNjhjLTIuMjA3IDAtNCAxLjc5My00IDR2NTZjMCAyLjIwNyAxLjc5MyA0IDQgNGg1NmMyLjIwNyAwIDQtMS43OTMgNC00di01NmMwLTIuMjA3LTEuNzkzLTQtNC00aC01NnoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjEyIDE0LjVjLTIuMjA3IDAtNCAxLjc5My00IDR2NTUuOTk5YzAgMi4yMDcgMS43OTMgNCA0IDRoNTZjMi4yMDcgMCA0LTEuNzkzIDQtNHYtNTUuOTk5YzAtMi4yMDctMS43OTMtNC00LTRoLTU2eiIvPjxwYXRoIGZpbGw9IiNDN0M3QzciIGQ9Ik0yNjggODIuNDk5aC01NmMtNC40MSAwLTgtMy41OS04LTh2LTU1Ljk5OWMwLTQuNDEgMy41OS04IDgtOGg1NmM0LjQxIDAgOCAzLjU5IDggOHY1NS45OTljMCA0LjQxLTMuNTkgOC04IDh6bS01Ni02OGMtMi4yMDcgMC00IDEuNzkzLTQgNHY1NmMwIDIuMjA3IDEuNzkzIDQgNCA0aDU2YzIuMjA3IDAgNC0xLjc5MyA0LTR2LTU2YzAtMi4yMDctMS43OTMtNC00LTRoLTU2eiIvPjxwb2x5Z29uIGZpbGw9IiNDN0M3QzciIHBvaW50cz0iMjM2LjgxMiw3MC4wNDYgMjY4Ljg2MywyOS4xNzYgMjU5LjQyMiwyMS43NyAyMzYuNjY4LDUyLjk4NyAyMjUuNDk2LDQxLjgxNiAyMTcuMDEyLDUwLjMgMjI4LjMyNCw2MS42MTIgMjM2LjczOCw3MC4wMjIgMjM2Ljc3Myw3MC4wOTcgMjM2Ljc4OSw3MC4wNzMgMjM2LjgxMiw3MC4wOTciLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzA4IDE0LjQ5OWMtMi4yMDcgMC00IDEuNzkzLTQgNHY1NmMwIDIuMjA3IDEuNzkzIDQgNCA0aDU2YzIuMjA3IDAgNC0xLjc5MyA0LTR2LTU2YzAtMi4yMDctMS43OTMtNC00LTRoLTU2eiIvPjxwYXRoIGZpbGw9IiNDN0M3QzciIGQ9Ik0zNjQgODIuNDk5aC01NmMtNC40MSAwLTgtMy41OS04LTh2LTU1Ljk5OWMwLTQuNDEgMy41OS04IDgtOGg1NmM0LjQxIDAgOCAzLjU5IDggOHY1NS45OTljMCA0LjQxLTMuNTkgOC04IDh6bS01Ni02OGMtMi4yMDcgMC00IDEuNzkzLTQgNHY1NmMwIDIuMjA3IDEuNzkzIDQgNCA0aDU2YzIuMjA3IDAgNC0xLjc5MyA0LTR2LTU2YzAtMi4yMDctMS43OTMtNC00LTRoLTU2eiIvPjxwb2x5Z29uIGZpbGw9IiM0OTY3QUYiIHBvaW50cz0iMzMyLjgxMiw3MC4wNDYgMzY0Ljg2MywyOS4xNzYgMzU1LjQyMiwyMS43NyAzMzIuNjY4LDUyLjk4NyAzMjEuNDk2LDQxLjgxNiAzMTMuMDEyLDUwLjMgMzI0LjMyNCw2MS42MTIgMzMyLjczOCw3MC4wMjIgMzMyLjc3Myw3MC4wOTcgMzMyLjc4OSw3MC4wNzMgMzMyLjgxMiw3MC4wOTciLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDA0IDE0LjQ5OWMtMi4yMDcgMC00IDEuNzkzLTQgNHY1NmMwIDIuMjA3IDEuNzkzIDQgNCA0aDU2YzIuMjA3IDAgNC0xLjc5MyA0LTR2LTU2YzAtMi4yMDctMS43OTMtNC00LTRoLTU2eiIvPjxwYXRoIGZpbGw9IiNDN0M3QzciIGQ9Ik00NjAgODIuNDk5aC01NmMtNC40MSAwLTgtMy41OS04LTh2LTU1Ljk5OWMwLTQuNDEgMy41OS04IDgtOGg1NmM0LjQxIDAgOCAzLjU5IDggOHY1NS45OTljMCA0LjQxLTMuNTkgOC04IDh6bS01Ni02OGMtMi4yMDcgMC00IDEuNzkzLTQgNHY1NmMwIDIuMjA3IDEuNzkzIDQgNCA0aDU2YzIuMjA3IDAgNC0xLjc5MyA0LTR2LTU2YzAtMi4yMDctMS43OTMtNC00LTRoLTU2eiIvPjxyZWN0IHg9IjQxNSIgeT0iNDAuNSIgZmlsbD0iIzQ5NjdBRiIgd2lkdGg9IjM1IiBoZWlnaHQ9IjExLjk5OSIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 124px;
    background-position: -28px -3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
}

    input[type=checkbox]:hover {
        background-position: -52px -3px;
    }

    input[type=checkbox]:hover:checked, input[type=checkbox]:hover.checked {
        background-position: -76px -3px;
    }

    input[type=checkbox]:checked {
        background-position: -76px -3px;
    }

    input[type=checkbox]:disabled {
        background-position: -4px -3px;
    }

    input[type=checkbox]:checked:disabled {
        background-position: -52px -3px;
    }

    input[type=checkbox]:disabled {
        background-position: -4px -3px;
    }

    input[type=checkbox] + label {
        padding-left: 4px;
        line-height: 0px;
        vertical-align: middle;
        
    }

    input[type=checkbox]:focus {
        outline: 1px solid #a0a0a0;
    }*/
    /* ---------------------------------------------------------------------- */
/*	Table and table elements
/* ---------------------------------------------------------------------- */
/*
th.center, td.center {
	text-align: left;
}
td.center .dropdown-menu {
	text-align: left;
}

.compensate.table thead tr {
	color: #707070;
	font-weight: normal;
}
.compensate.table tr{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:pointer;
	}

.compensate.table.table-bordered thead tr th {
	vertical-align: middle;
	background:#e3eaf3;
	color:#6f8298;
	text-transform:uppercase;
	border-bottom:1px solid #cddaeb;
	height:33px;
}
.compensate.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {

	vertical-align: middle;
}

.editable-element {
	border-bottom: 1px dashed #0088CC;
	text-decoration: none;
	opacity: 0.5;
	display: inline;
}
.compensate.table-bordered{
	border:none;
}
.compensate.table-bordered tr th{
	border-right:1px solid #c0d0e4 !important;
	padding:0px 12px !important;
	font-size:13px;
	font-weight:normal;
	border-bottom:2px solid #ced9e4 !important;
	height:33px !important;
	color:#486c8f !important;
	border-radius:2px 2px 0px 0px;
}
.compensate.table-bordered tr td{
	border-right:1px dotted  #969696 !important;
	color:#7b7f7b;
	padding:7px 12px !important;
	font-size:14px;
	border-bottom:1px solid #dcdcdc !important;
}
.compensate.table-bordered tr:last-child td{
	border-bottom:2px solid #dcdcdc !important;
}
.compensate.table-bordered tr td:last-child{
	border-right:none !important;
}
.compensate.table-bordered tr:first-child th:last-child{
	border-right:none !important;
}
.compensate.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
	border-left:none;
}
        */
/* End Here */

.btn {
	
}

.btn-blue {
	background:#68A224 !important;
	color: #ffffff;
	min-width: 80px;
    padding: 0 20px;
	line-height:34px;
	height:34px;
	border-radius:5px;
    font-size:16px !important;
    border:none;
}
.btn-blue:hover{
    background:#68A224 !important;
}
.btn-blue:focus{
    background:#68A224 !important;
}
.btn-blue_small {
	background:#68A224;
	color: #ffffff;
	min-width: 10px;
    padding: 0 5px;
	line-height:32px;
	height:34px;
	border-radius:2px;
	border-left:1px dotted #68A224;
    border:none;
}
    .btn-blue_small:hover {
        background:#68A224;
        color:#fff
    }
 .btn-blue_small:focus {
        background:#68A224;
        color:#fff;
        border:none !important;
        outline:none !important;
    }

.btn-blue.disabled:hover, .btn-blue.disabled:focus, .btn-blue.disabled:active, .btn-blue.disabled.active, .btn-blue[disabled]:hover, .btn-blue[disabled]:focus, .btn-blue[disabled]:active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue:hover, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue:active, fieldset[disabled] .btn-blue.active {
	background-color: #364F6A;
	border-color: #364F6A;
	color: #ffffff;
}

.blue_header {
    width: 100%;
    height: 40px;
    float: left;
    background: #f8fafb;
    color: #000;
    font-size: 16px;
    padding-left: 15px;
    line-height: 40px;
    position: fixed;
    box-sizing: border-box;
    border-bottom: 2px solid #e4e4e2;
    font-weight: 400;
    top: 0;
}



.blue_header span{
	float:right;
	}

.blue_header .xclose a {
    line-height: 40px;
    color: #FFFFFF;
    background: #68A224;
    float: right;
    width: 40px;
    text-align: center;
    border-left: 1px solid rgba(255,255,25,0.10);
	margin-right: 0px;
    margin-top: 0px;
}
.xclose a i {
    
    speak: none;
    font-style: normal;
    
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 25px;
    width: 40px;
    height: 34px;
    margin-top:6px;
    cursor: pointer;    
    float:left;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;    
}

    .xclose a i:before {
        /*content:"\f061";*/
    }
.blue_header .xclose a:hover{
	
	text-decoration:none;
	}


.blue_Footer{
	 background: #f8fafb none repeat scroll 0 0;
    bottom: 0;
    float: left;
    height: auto;
    margin-left: 0;
    padding: 8px 15px;
    position: fixed;
    width: 100%;
    z-index: 2;
    box-sizing: border-box;
}
.page_container
{
    /*float: left;
    margin-bottom: 80px;
    width: 100%;
    background: #fff;
    height: 88vh;
    overflow:scroll;    
    border-bottom-color:white;
    border-bottom:0px hidden #fff;*/
    float: left;
    width: 100%;
    background: #fff;
    min-height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    border-bottom-color: white;
    border-bottom: 0px hidden #fff;
    margin-bottom: 40px;
    height: 88vh;
}
.ButtonGrey{
 -moz-user-select: none;
    background: #efeae6 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 2px;
    color: #000000;
    cursor: pointer;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    margin-bottom: 2px;
    min-width: 80px;
    padding: 0 20px;
}
.ButtonGrey:hover{
	background:#EFEAE6 !important;
    color:#77716E;
	}
.ButtonGrey:focus{
	background:#E2DEDC;
    color:#77716E;
}
    .ButtonGrey.disabled, .ButtonGrey[disabled], fieldset[disabled] .ButtonGrey, .btn-default.disabled:hover, .ButtonGrey[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
    background:#DDDCDB;
    color:#AAAAAA;
    cursor:default;

    
    }
.compensate {
    border:none !important
}
.compensate tr th {
    background: #efeae6 none repeat scroll 0 0 !important;
    border: medium none !important;
    color: #000 !important;
    font-size: 16px;
    font-weight: 300;
    height: 33px !important;
    padding: 0 12px !important;
    text-transform: none !important;
}
    .compensate tr td {
        border:none !important
    }
    .compensate tr {
        border-bottom:1px solid #efeae6
    }
.tablebody td {
    padding:3px 10px;
}
 .accordionContent {
            background-color: #f3f6f7;
          
            padding: 10px 5px 5px;
            width: 100%;
        }

        .accordionHeaderSelected {
             background-color: #e4e4e2;
            border: 1px solid #e4e4e2;
            border-radius: 5px;
            box-sizing: border-box;
            color: #333333;
            cursor: pointer;
            font-size: 16px;
            font-weight: 400;
            margin-top: 5px;
            padding: 8px 15px;
            width: 100%;
        }

        /*.accordionHeader {
            background-color: #999;
            border: 1px solid #999;
            border-radius: 5px;
            box-sizing: border-box;
            color: white;
            cursor: pointer;
            font-size: 16px;
            font-weight: 400;
            margin-top: 5px;
            padding: 8px 15px;
            width: 100%;
        }*/
.accordionHeader {
    background-color: #e4e4e2;
    border: 1px solid #e4e4e2;
    border-radius: 5px;
    box-sizing: border-box;
    color: #333333;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
    padding: 8px 15px;
    width: 100%;
}
.circle_btn {
    width:30px;
    height:30px;
    float:left;
    background:#68A224;
    border-radius:100%;
    border:none;
    color:#fff;
    margin-bottom:10px;
}
.chat-widget {
 
    top: 235px;
 
    right: -94px;
 
    border-bottom-left-radius: 5px;
 
    margin-top: -42px;
 
    padding: 6px 6px;
 
    position: fixed;
 
    z-index: 999;
 
    background-color: #4376cf;
 
    cursor: pointer;
 
    border-radius: 5px 0px 0px 5px;
 
}
 
.chat-widget .light{
 
    font-weight: 300;
 
    font-family: helvetica;
 
    color: #fff;
 
    font-size: 16px;
 
    line-height: 25px;
 
    padding-left: 5px;
 
    float: left;
 
}
 
.chat-widget i{
 
    display: inline-block;
 
    width: 28px;
 
    height: 25px;
 
    float: left;
 
    background-repeat: no-repeat;
 
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAZCAYAAAAiwE4nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NzFGMEE3MEJDREMxMUUzOERBMDgyOENFMkFFMzAwMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NzFGMEE3MUJDREMxMUUzOERBMDgyOENFMkFFMzAwMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc3MUYwQTZFQkNEQzExRTM4REEwODI4Q0UyQUUzMDAzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc3MUYwQTZGQkNEQzExRTM4REEwODI4Q0UyQUUzMDAzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1CA49AAAAeVJREFUeNq0lU0oRFEUx9+b8dWUBU0INQvCgpWSz1IWFmrsKMVCFmzIRlFWUjZkY2fBUEj5qInIbCysJFkRO5LQFLKYL8//6rx6c7vvdd/Mdeo303v3dP/33Hvu/2mGYWgc7WANPIKUYR9xcAeWQLVgHiHWhwIS+jHcRwxMuRHMBREj+1iWFVww1EWfk6COnypN025BjqYmngCbMy4aZCLDArF78CkpEAB+y3Ml6AH7wmxUeMltCevMUtmuAyOCbV2xy2eV1XJr8ICXLLe1zm6ATe7T1Eeek+D7Pwh+0H8ETKcVhX09F5xhDSgSUAwOJK7GPPBbTOQGlJtnGAYdXNVbICpYuQ6aJSo8Am2Uz6IBHIIWjVbypfDiX1FH7gnGhsx2HVcklgStoB4kBONnpqBOxp1NsPMaBXngwiYnar2UTHQGfGcg9gyCNMemQ15C/3Pw9CgDg2ACVAga4hqkQIx88wRsg3ywQbZm77MOlhUWrHBWkBegnXmT2ImQG8FFet9L/svu1qvLM26SFVyl82HvfSSW0cfZSXCdEneBlxsrAaeSQglyHq/5AbY74ELQCY5B0ianC3RTczHDDnLGHQJz4MHqpSrpp8tvxgCf41H8ldgBY6wO2wzFFZpMMlcBjfzYrwADAIDKYIjU12wnAAAAAElFTkSuQmCC);
 
}
 
.chat-widget:hover{
 
    right: 0;
 
    transition-duration: 0.25s;
 
}
.NewTable {
    width:100%;
    border:1px solid #ddd;
}
.NewTable th,   .NewTable td {
        padding:5px 0 !important;
        color:#000 !important;
        text-align:center;
        border:none;
        border:1px solid #ddd !important;
        font-weight:400;
    }
    .NewTable th {
        background:#EFEAE6;
        
    }
    .NewTable td {
        background:#fff !important;
    }
.NumCol{
     text-align:right;
}