body{ 
 text-align:center; 
 margin:auto;
 font-family:verdana, arial;

 font-size:12px;
 }
  ul, h1, h2, h3, p, form, table{margin:0px; padding:0px;}
 a {text-decoration:none;}
 
a img {border:none;}
 
.main{
 width:980px; 
 border:0px solid #000000; 
 margin:auto;
background:url(images/hdr.jpg) repeat-y;
 }
 .header{
 width:960px; 
 border:0px solid #000000;  
margin:auto;
background:url(images/hd-in-bg.jpg) repeat-x;
 }
 .logo{ 
width:252px; 
border:0px solid #000000; 
float:left;
}
 .right-menu{ 
width:460px; 
border:0px solid #000000; 
float:right;
 margin-top:45px;
  text-align:left;
}
.menu{
 width:960px; 
 border:0px solid #000000;
 background:url(images/menu-bg.jpg) repeat-x; 
 height:39px; 
 line-height:39px;
 clear:both;
text-align:left; 
 }
 
.menu li{
list-style:none;
background:url(images/sptr.jpg) no-repeat left;
float:left;
 }
   .menu li a{
   color:#ffffff; 
   font-family:verdana ;
   font-size:13px;
   font-weight:bold;
   padding-left:35px;
   padding-right:35px;
   display:block;

 }
   .menu li.nbg{
background:none;
 }
.menu li a:hover{
color:#ffffff;
 background:url(images/hr-bg.jpg) repeat-x;

 }
 .menu-rgt{
 width:350px; 
 border:0px solid #000000;
 float:right;
 }
  .mains{
 width:934px; 
 border:0px solid #000000; 
clear:both;
margin:auto;
padding-top:15px;
 }
.mains-in{

 border:0px solid #000000; 
padding-right:20px;
background:url(images/md.jpg) repeat-y;
text-align:center;
 }
 
.midles{

 border:0px solid #000000; 
margin:auto;
text-align:left;
 }
 .photo{
 width:898px; 
 border:0px solid #000000; 
 }
  .three{
 width:898px; 
 border:0px solid #000000;
margin-top:15px; 
 }
.colums{
 width:292px; 
 border:0px solid #000000;
float:left;
 }
.colums-hd{
 width:292px; 
 border:0px solid #000000;
background:url(images/star.jpg) no-repeat;
height:52px;
 }
 .colums-hd h2{
color:#000000; 
font-family:verdana, arial;
font-size:16px;
font-weight:bold;
margin-left:62px;
 }
 .colums-in{
 width:292px; 
 border:0px solid #000000;
background:url(images/txt-bg.jpg) no-repeat;
height:166px;
 }
.colums-text{
 width:260px; 
 border:0px solid #000000;
margin:auto;
text-align:left;
height:166px;
 }
.colums-text li{
list-style:none;
background:url(images/blts.jpg) no-repeat left;
 }
.colums-text li a{
   color:#717471; 
   font-family:tahoma;
   font-size:11px;
   font-weight:normal;
   line-height:24px;
   padding-left:15px;
 }
 .colums-text p{
   color:#717471; 
   font-family:tahoma;
   font-size:11px;
   font-weight:normal;
   line-height:24px;

 }
  .col-ftr{
 width:292px; 
 border:0px solid #000000;
background:url(images/help.jpg) no-repeat;
height:38px;
line-height:38px;
text-align:left;
 }
  .col-ftr h2{
color:#ffffff; 
font-family:verdana, arial;
font-size:13px;
font-weight:normal;
margin-left:15px;
 }
 
.footer{
 width:926px; 
 border:0px solid #000000; 
margin:auto;
margin-top:35px;
background:url(images/footer-bg.jpg) repeat-x;
height:73px;
 }
 
  .footer-cnt{
 width:900px; 
 border:0px solid #000000; 
margin:auto;
padding-top:6px;
 color:#363738; 
   font-family:tahoma;
   font-size:12px;
   font-weight:normal;
   text-align:left;
   line-height:18px;
 }
 
 .footer-text{
 width:150px; 
 border:0px solid #000000; 
float:left;
margin-top:10px;
padding-left:20px;
 }
 .footer-menu{
 width:355px; 
 border:0px solid #000000; 
float:right;
margin-top:5px;
 }
  .footer-menu a{
 color:#424242; 
   font-family:tahoma;
   font-size:12px;
   font-weight:normal;
 }
 .left{
 
 border:0px solid #000000; 
float:left;
text-align:left;
 }
 
  .left td{
color:#656363; 
font-family: verdana, arial;
font-size:13px;
font-weight:normal;
 }
 

 
.officenet-hd{

 border:0px solid #000000; 
 text-align:left;

 }
 
.officenet-hd h2{
color:#2f2f2f; 
font-family:trebuchet ms, verdana, arial;
 font-size:30px;

 }
 
.products {
    border: 0px solid #000000;
    margin: 30px 0px 0px 0px;
    float: left;
    width: 100%;
}
.products img{margin-left:1px; margin-bottom:1px;  border:0px solid #09F;}
 
  .products-in{

 border:0px solid #000000; 
  text-align:left;
 }
  .products-in p{
color:#777; 
font-family:Tahoma, Geneva, sans-serif;
font-size:14px; letter-spacing:.5px;
font-weight:normal;
line-height:22px; margin-bottom:15px;
 }
 
   .products-in strong{ color:#666;text-transform: uppercase;}
   .products-in b{ color:#666;text-transform: uppercase;}
   .products-in a{
	   
color:#656363; 
font-family: verdana, arial;
font-size:13px;
font-weight:bold;
text-decoration:underline;
 }
 
   .products-in a.must{
color:#656363; 
font-family: verdana, arial;
font-size:13px;
font-weight:bold;
text-decoration:underline;
padding-left:460px;
 }
 
   .products-name{
 
 border:0px solid #000000;
 margin:auto; 
  background:#f5f5f5;
 /* border-radius:10px;
-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -khtml-border-radius: 10px;*/

 margin-top:15px;
 padding:10px;
 margin-bottom:15px;
text-align:center;
 }
 
    .products-name td{
 color:#656363; 
font-family: verdana, arial;
font-size:13px;
font-weight:normal;
line-height:18px;
margin-top:7px;
 }
 
     .products-name td input{
margin-left:20px;
padding-top:6px;
margin-top:7px;
 }
 
 
 
 
    .products-name-in{

 border:0px solid #000000;
 }

 .pro-col{

border:0px solid #000000;
/*margin-top:15px;*/
padding-left:20px;
text-align:left;}
 
 .pro-col ul{ width:100%; height: auto; margin:0px; padding:0px;}
  .pro-col ul li{ width:100%; height: auto; margin-left:0px; padding-left:0px; list-style:none; display:block; float:left; line-height:26px; font-size:14px;}
   .pro-col ul li a {color: #36425c;font-family: arial, verdana; font-size: 14px; font-weight: normal; line-height:26px;  background:url(images/arrow_i.png) no-repeat; padding-left:25px;}
    .pro-col ul li a:hover {color:#f87b28; background:url(images/arrow_ihover.png) no-repeat;}
 
 
.pro-col-text{
min-height:170px;
border:0px solid #000000;


 }
 
 .pro-col-image{
 
border:0px solid #000000;


 }
 
  .pro-col-image a{
    display: inline-block;
	text-align:left;
	/* border-radius:10px;
-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -khtml-border-radius: 10px;*/
 padding:0px 10px 10px 10px;
 font-size: 17px;
 /*font-weight:bold;
    background-color: #db8304;*/
    color: #d72023;
	cursor:pointer;
 }
   .pro-col-image a:hover{
/*  background: #f08f03;*/
        color: #77a43a;
		cursor:pointer; text-decoration:underline; 
 }
 
 
  .pro-col-image2{

border:0px solid #000000;
float:left;
 }
 
  .pro-col-image2 a{
  background:url(images/one.gif) no-repeat;
  display:block;
  height:55px;
  line-height:55px;
 }
   .pro-col-image2 a:hover{
  background:url(images/one-hr.gif) no-repeat;
   height:55px;
 }
 
 
 
  .pro-col-image3{

border:0px solid #000000;
float:left;
 }
 
  .pro-col-image3 a{
  background:url(images/sign.gif) no-repeat;
  display:block;
  height:55px;
  line-height:55px;
 }
   .pro-col-image3 a:hover{
  background:url(images/two-hr.gif) no-repeat;
   height:55px;
 }
 
 
  .pro-col-text-in{
 
border:0px solid #000000;
margin:auto;
padding-bottom:10px;
 }
.pro-col h2{
color:#0a2c76; 
font-family:trebuchet ms, verdana, arial;
font-size:18px;
font-weight:bold;
 }
 
.pro-col li{
list-style:disc;
margin-left:15px;
 }
.pro-col li a{
   color:#36425c; 
   font-family:arial, verdana;
   font-size:12px;
   font-weight:normal;
   line-height:24px;
 }
.pro-col li a:hover{
color:#f87b28;
 }
 
 
 
 
 
  .right{

 border:0px solid #000000; 

 }
   .right-text{

 border:1px solid #f89d32;

border-radius:10px;
-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -khtml-border-radius: 10px;
 }
 
  .right-text h2{

background:#f89d32; font:normal 18px Verdana, Geneva, sans-serif; color:#fff; padding:5px 0px 5px 15px; display:block; margin:0px;
 }
.bd {border-radius:9px 9px 0px 0px;
-webkit-border-radius:9px 9px 0px 0px;
    -moz-border-radius:9px 9px 0px 0px;
    -o-border-radius:9px 9px 0px 0px;
    -khtml-border-radius:9px 9px 0px 0px;}
   .right-text ul{
margin:10px 0px 15px 15px;

 }
 
    .right-text li{
	list-style:none;
 }
     .right-text li a{
   color:#0a304e; 
   font-family:arial, verdana;
   font-size:12px;
   font-weight:normal;
   line-height:24px;
   padding-left:20px;
 }
.right-text li a:hover{
color:#f87b28;
 }
   .right-listing{
  
 border:0px solid #000000; 
text-align:center;
margin:15px 0px;;
 }
 
  .right-text2{
 
border:1px solid #a4d957;
margin-bottom:20px;
border-radius:10px;
-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -khtml-border-radius: 10px;

 }
 .right-text2 h2{

background:#a4d957; font:normal 18px Verdana, Geneva, sans-serif; color:#fff; padding:5px 0px 5px 15px; display:block; margin:0px;
 }
 .right-text2 ul{
	 margin:10px 0px 10px 0px;
  
 }
    .right-text2 li{
	background:url(images/gblt.jpg) no-repeat left;
	list-style:none;
	   color:#0a304e; 
   font-family:arial, verdana;
   font-size:12px;
   font-weight:normal;
   line-height:26px;
   padding-left:20px;
   margin-left:20px;
 }
     .right-text2 li a{
   color:#0a304e; 
   font-family:arial, verdana;
   font-size:12px;
   font-weight:normal;
   line-height:26px;
   padding-left:20px;
 }
.right-text2 li a:hover{
color:#f87b28;
 }
 
 
 
 .sign{ 
 border:0px solid #000000; 
 text-align:left;
 position:relative;
}

 .sign .fr_lst{ width:160px; height:39px; position:absolute; right:0px; top:-23px; z-index:100;} 

.sign h2{
color:#103967; 
font-family:trebuchet ms, verdana, arial;
font-size:24px;
font-weight:bold;
 }
 
.sign p{
color:#656363; 
font-family: verdana, arial;
font-size:13px;
font-weight:normal;
line-height:18px;
 }
 
  .sign-table{ width:100%; 
 border:0px solid #000000; 
 text-align:justify;
 margin-top:15px;
}

  .sign-table th{  
 border:1px solid #e6e7e6;
 background-color:#fdf1e2;
  height:30px;
color:#faa224;
font-size:14px;
padding-left:5px; 
}
  .sign-table td{  
 border:1px solid #e6e7e6; 
 height:30px;
 color:#656363;
 padding-left:5px;
 background-color:#f3f3f3; 
}


.client-list-logo{width:210px; 
 border:0px solid #000000;
 float:left;
 }
 .contacts{
	/*width:500px; 
	border:0px solid #000000;
	float:left;*/
}

 .contacts p{color:#656363; 
font-family: verdana, arial;
font-size:13px;
font-weight:normal;
line-height:18px;}

 .contacts a{color:#f87b28; 
font-family: verdana, arial;
font-size:11px;
font-weight:normal;
line-height:18px;}
 
 
  .screenshot{width:898px; 
 border:0px solid #000000;
 height:900px;
 overflow:auto;
 text-align:left;
 }
 
 .screenshot-in{width:430px; 
 border:0px solid #000000;
 float:left;
}
 .screenshots-in{width:188px; 
 height:175px;
 border:1px solid #000000;
 float:left;
}

  .submits{
 width:958px; 
 margin:auto;
 border:1px solid #000000;
background:url(images/sub-bg.jpg) no-repeat;
height:378px;
 }
 
   .scrn{
 
 border:0px solid #000000; 

 }
 
    .scrn-in{

 border:0px solid #000000; 
 color:#4b4949; 
   font-family:tahoma;
   font-size:11px;
   font-weight:normal;
   text-align:left;
   line-height:18px;
   margin-right:18px;
   padding-top:15px;
 }
 
     .scrn-in h2{
	 
 color:#4b4949; 
   font-family:tahoma;
   font-size:13px;
   font-weight:bold;
   text-align:left;
   line-height:18px;
   
   padding-left:15px;

 }
 
.ask_demo_1{ 
 border:0px solid #000000; 
 text-align:left;
 
 
}
.ask_demo_1 input{ height:35px!important;} 

 .ask_demo_1 h2{
color:#103967; 
font-family:trebuchet ms, verdana, arial;
font-size:22px;
font-weight:bold;
}
 
 
.thanks{ 
min-height:350px;
 border:0px solid #000000; 
 text-align:left;
 color: #34a70c;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 16px;
border:1px solid #E4292C;
margin:50px auto;
width:850px;

 
}
.cont_box2{
	background:#fff;

  
}


.ml {margin-left:0px !important;}

.depat_link { margin-bottom:10px; float:left;    width:100%;  border:1px solid #e2e0e0;}
.depat_link h2{ background:#8ec743; color:#FFFFFF; font-size:18px; margin:0px; padding:10px 10px;}	
	
	

.depat_link ul {margin: 0; padding:0;}

.depat_link li {
	
    color:#5A5A5A;
    display: block;
    line-height: 35px;
    list-style: none;
   
    margin-left: 0;
    padding: 2px 4px 0;
	border-bottom:1px dotted #aaaaaa;
	
  }
.depat_link li:last-child {border-bottom:0px dotted #aaaaaa;}
	
	
.depat_link li:hover{ background:#8ec743;}
.depat_link a { 
    color:#5A5A5A;
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
	padding: 0 0 2px 10px;
	
	 }	

 
	 
.depat_link a:hover {color:#fff; text-decoration:none;}
	
/*.mypage_icon {background:url(images/mypage_icon.png) 14px 10px no-repeat #368ac1;}	
.leave_m_icon {background:url(images/leavema_icon.png) 10px 8px no-repeat #368ac1;}	
.travel_m_icon {background:url(images/travel_icon.png) 10px 6px no-repeat #368ac1;}	
.knowledge_b_icon {background:url(images/kb_icon.png) 15px 7px no-repeat #368ac1;}	
.employee_d_icon {background:url(images/ed_icon.png) 14px 7px no-repeat #368ac1;}	
.surveys_icon {background:url(images/servey_icon.png) 16px 6px no-repeat #368ac1;}	
.pms_icon {background:url(images/pms_icon.png) 15px 10px no-repeat #368ac1;}	
.blog_icon {background:url(images/blog_icon.png) 13px 8px no-repeat #368ac1;}	
.recr_icon {background:url(images/Rec_icon.png) 12px 7px no-repeat #368ac1;}	
.ess_w_icon {background:url(images/ess_w_icon.png) 14px 9px no-repeat #368ac1;}	
.com_news_icon {background:url(images/news_icon.png) 11px 9px no-repeat #368ac1;}	
.training_c_icon {background:url(images/tranning_icon.png) 13px 9px no-repeat #368ac1;}	*/
	
.u-tube { float:left; margin:0px 20px 15px 0; width:260px;}	
.u-tube a { background:#f89d32; padding:12px 0; transition:all .5s ease; color:#fff; font-size:15px; text-transform:uppercase; width:100%; font-family:Verdana, Geneva, sans-serif; border-radius:3px; float:left; text-align:center} 	
.u-tube a:hover { background:#EA771F; text-decoration:none; color:#e5e5e5 }

.price-list { float:left; margin:10px 0 0; width:260px;}	
.price-list a { background:#f89d32; padding:15px 0; transition:all .5s ease; color:#fff; font-size:15px; text-transform:uppercase; width:100%; font-family:Verdana, Geneva, sans-serif; /*border-radius:5px;*/ float:left; text-align:center} 	
.price-list a:hover { background:#EA771F; text-decoration:none; color:#e5e5e5 }

.buy_now_2{ float:left; width:100%; margin-bottom:10px; margin-left:12px;}
.buy_now_2 a{ padding:10px 15px; font-size:15px; font-family:'RobotoRegular_0'; text-transform:uppercase;  background:#D72023; color:#FFFFFF; float:left; margin-right:10px;}
.buy_now_2 a:hover{ text-decoration:none; color:#FFFFFF;}


/*--17-12-2018--*/
.payroll-source {padding: 65px 0px 0px 0px;}
.payroll-source h2 {
    font-family: 'RobotoRegular_0';
    font-size: 22px;
    padding: 0px 0px 10px 0px;
    margin: 0px;
    text-align: left;
    color: #393939;
    font-weight: bold;
}
.payroll-in {
    padding: 0px 0px 35px 0px;
    margin: 0px -30px 0px -40px;
}
.payroll-in p {
    font-size: 16px !important;
    color: #393939;
}
.payroll-help>h2 {
    font-family: 'RobotoRegular_0';
    font-size: 24px;
    padding: 0px 0px 10px 0px;
    margin: 0px;
    color: #393939;
    text-align: center;
    font-weight: bold;
}
.payroll-help>p {
    font-size: 16px !important;
    color: #787878 !important;
    text-align: center !important;
}
.payroll-help {
    padding: 60px 0px 0px 0px;
}
.payroll-list {
    padding: 50px 0px 0px 0px;
}
.list-box h5 {
    font-family: Tahoma;
}
.list-box figure span {
    display: inline-block;
    background: #81c038;
    height: 120px;
    width: 120px;
    border-radius: 100%;
    line-height: 118px;
}
.list-box figure {
    padding: 0px 0px 10px 0px;
}
.list-box h5 {
    font-weight: 600;
    font-size: 19px;
    color: #393939;
    padding: 0px 0px 10px 0px;
}
.list-box p {
    font-size: 17px !important;
    color: #787878 !important;
  text-align: center !important;
}
.list-box {
    padding: 30px;
    border: 2px solid #eee;
    margin: 0px 0px 40px 0px;
    min-height: 425px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}
.list-box:hover {
  box-shadow: 0px 0px 18px #ccc;
  border: 2px solid transparent;
}