@charset "utf-8";
/* Main CSS */
body { font-family: 'TRegular', Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: #333; }
p, li, span, table { line-height:19px; }
h1, h2 { font-family: 'TBold', Arial, Helvetica, sans-serif; font-weight:normal; }
em { font-style:italic; }
strong { font-weight:bold; }
a { text-decoration:none; color:#555555; }
a:hover { text-decoration:none; color:#ffa000; }
html body div.clear, html body span.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; position: static; overflow: hidden; visibility: hidden; width: 0; height: 0; }
#containter { margin: 0 auto; width:1000px; padding:0; }
/* header css */
#header_bg { width:100%; }
.header { padding:0; width: 1000px; margin:0 auto; background:#fdfdfd; }
.header_left { float: left; width: 230px; margin-right:15px; }
.logo { width:238px; margin-top:11px; height:84px; }
.header_right { float:right; width:750px; }
.fa_icon { width:622px; margin-left:128px; height:51px; padding-top:18px; background:url(../images/search_bg.png) no-repeat left top; text-align:right; }
.fa_icon ul { float:right; }
.fa_icon ul li { display:block; float:left; margin-left:8px; }
.fa_icon ul .h_icon { margin-top:7px; }
.search_box { padding: 0 15px 0 20px; }
.search_box input[type="text"] { background:#fff; border:1px solid #D5D5D5; height: 12px; line-height: 12px; padding: 7px 10px 7px 10px; margin-right:5px; width: 126px; float: left; }
.search_box input { background: none repeat scroll 0 0 transparent; border: 0 none; outline: medium none; color:#818181; }
.search_box input[type="submit"] { background: transparent url(../images/search_icon.png) no-repeat scroll top left; height: 27px; margin-left:0px; width: 42px; border:0; }
.menu { width:750px; height:33px; }
.banner_bg { width:100%; background:#020202; }
.banner { width:1000px; height:345px; background:#fff url(../images/banner_bg.jpg) repeat-x center top; margin:0 auto; }
.banner_inner { width:1000px; height:216px; background:#020202; margin:0 auto; }
.ban_slide { width:680px; }
.ban_slide h1 { font-size:30px; color:#fafafa; font-weight:normal; margin-bottom:15px; line-height:normal; }
.ban_slide h2 { font-size:23px; color:#fafafa; font-weight:normal; margin-bottom:10px; font-family: 'TRegular', Arial, Helvetica, sans-serif; line-height:normal; }
.ban_slide p { font-size:16px; color:#fafafa; font-weight:normal; margin-bottom:15px; line-height:21px; }
.ban_slide a { display:block; width:80px; background:#008cc1 url(../images/icon_arrow_right.png) no-repeat 90px 9px; padding:8px 25px 8px 8px; color:#fff; line-height:normal; font-size:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.ban_slide a:hover { color:#fff; background:#333 url(../images/icon_arrow_right.png) no-repeat 90px 9px; }
/* ---- home page content ---- */
.main_content { width:980px; padding:15px 10px; background:#f5f5f5; }
.m_left { float:left; width:230px; margin-right:20px; }
.m_right { float:left; width:730px; }
.m_left h1 { background-color:#ffa000; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:15px; font-size:25px; }
.m_left h1 span { font-family: 'TRegular', Arial, Helvetica, sans-serif; }
.m_right_top { margin-bottom:17px; }
.box1 { width:233px; float:left; margin-right:15px; }
.box2 { width:481px; float:left; margin-right:15px; }
.box_last { margin-right:0; }
.box1 h2 { margin-bottom:9px; font-size:16px; line-height:21px; color:#4e4e4e; }
.box1 h1, .box2 h1 { display:block; margin-bottom:9px; font-size:21px; color:#4e4e4e; }
.box1 h1 span { font-family: 'TRegular', Arial, Helvetica, sans-serif; }
.box1 p { margin-bottom:8px; }
.box1 p, .box2 p { color:#555555; }
.box1 .hlist { margin-bottom:7px; }
.box1 .hlist li { display:block; margin-bottom:2px; }
.box1 .hlist li a { background:url(../images/dot1.png) no-repeat left 50%; padding-left:10px; color:#333; font-size:13px; }
.box1 .hlist li a:hover { color:#ffa000; }
.box2 .htesti img { display:block; float:left; margin-right:15px; width:96px; }
.box2 .htesti .cont { float:right; width:370px; }
.box2 .htesti .cont p { margin-bottom:9px; }
.box2 .htesti .cont span { color:#969696; display:block; font-style:italic; }
.hnews { overflow:hidden; margin-bottom:9px; }
.hnews h1 { width:85px; float:left; }
.hnews img { float:right; }
.more { overflow:hidden; }
.more a { display:block; float:right; background:url(../images/arrow_hover.png) no-repeat right 1px; padding-right:18px; color:#ffa000; }
.more a:hover { color:#009cd8; background:url(../images/arrow_normal.png) no-repeat right 1px; }
.footer { width:1000px; background:#f7f7f7; width:100%; }
.foo_top_bg { width:100%; background:#222; }
.foo_top { padding:10px 0; width:1000px; color:#fff; text-align:center; overflow:hidden; margin:0 auto; }
.foo_top a:hover { color:#e3a243; }
.foo_top_left { float:left; width:200px }
.social { float:right; width:700px; }
.social span { display:block; padding:5px 0; font-size:16px; color:#ABABAB; }
.social ul { float:right; }
.social ul li { display:block; float:left; margin-right:15px; }
.social ul li a { display:block; float:left; background: url(../images/social_icons.png) no-repeat; height:30px; padding-left:40px; color:#EAEAEA; line-height:25px; }
.social ul .goo a { background-position:left top; }
.social ul .twi a { background-position:left -33px; }
.social ul .fac a { background-position:left -66px; }
.foo_btm { width:980px; padding:10px 10px; color:#555555; margin:0 auto; }
.f_left { float:left; line-height:23px; }
.f_left a { font-size:13px; }
.f_right { float:right; line-height:23px; }
.cscroll { width:210px; height:300px; margin:0 auto 0 10px; padding:0; position:relative; }
.cscroll .scroll_item { width:180px; height:55px; background:none; color:#333; float:none; margin:0 auto; padding:6px 10px; }
.cscroll_in { width:188px; border:1px solid #D9D9D9; margin-bottom:20px; padding:10px 15px 10px 25px; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.cscroll_in .scroll_item { width:180px; height:65px; background:none; color:#333; float:none; margin:0 auto; padding:0; }
/* inner pgae css */
.rinner h1 { color:#00b3ff; font-size:26px; margin-bottom:15px; }
.content1 { margin-bottom:10px; padding-bottom:5px; border-bottom:1px dashed #aaa }
.content1 h2, .model h2, .fea_tab h2 { display:block; font-size:19px; background:url(../images/icon_arrow_right.png) no-repeat left 50%; padding-left:22px; margin-bottom:10px; }
.content1 p { margin-bottom:10px; }
.con_last { margin-bottom:0; padding-bottom:0; border-bottom:none; }
.linner h1 { color:#00b3ff; font-size:26px; margin-bottom:15px; background:none; padding:0; margin-bottom:15px; }
.left_nav { margin-bottom:20px; }
.left_nav li { display:block; margin-bottom:5px; padding-bottom:5px; border-bottom:1px dotted #ccc; }
.left_nav li a { background:url(../images/dot.png) no-repeat left 2px; padding-left:20px; font-size:16px; line-height:20px; color:#333333; }
.left_nav li a:hover { color:#ffa000; }
.left_nav .last { border-bottom:none; }
.in_news { margin-bottom:20px; }
.in_news p { margin-bottom:15px; }
.contact { margin-bottom:20px; overflow:hidden; }
.contact p { margin-bottom:15px; }
.m_left .qhead { background-color:#ffa000; color:#fff; padding:7px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:15px; font-size:20px; }
.em_tab h3 { color:#008cc1; font-size:15px; padding-bottom:2px; }
.em_tab td { }
.em_tab a { color:#333; }
.em_tab a:hover { color:#de8b00; }
.map { width:619px; background:#D5D5D5; border:1px solid #ABABAB; padding:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
/* testimonial page */
.testi { background:url(../images/quote_icon.png) no-repeat 4px 2px; padding: 10px 10px 5px 62px; margin-bottom:15px; border:1px dotted #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.testi p { margin-bottom:13px; }
.testi p span { font-family: 'TBold'; font-size:15px; display:block; }
/* Clients page */

.clients table td { padding-bottom:20px; }
.clients img { padding:5px 20px; background:#f5f5f5; border:1px solid #ddd; }
.para { margin-bottom:15px; }
/* Services page */
.list { margin-bottom:15px; }
.list li { display:block; margin-bottom:8px; background:url(../images/arrow_black.png) no-repeat left 6px; padding-left:20px; }
/* products page */
.pbrowse { margin-bottom:30px; }
.pbox { float:left; width:190px; margin-right:30px; padding:0 139px 0 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.pbox h1 { margin-bottom: 18px; }
.pbox h2 { color:#FFF; display:block; margin-bottom:15px; line-height:21px; font-size:18px; }
.pbox p { color:#fff; font-size:15px; min-height:86px; }
.pbox .more a { display:block; width:80px; background:#008cc1 url(../images/icon_arrow_right.png) no-repeat 90px 5px; padding:4px 25px 4px 8px; color:#fff; line-height:normal; font-size:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.pbox .more a:hover { color:#fff; background:#333 url(../images/icon_arrow_right.png) no-repeat 90px 5px; }
.plast { margin-right:0; }
.pbox1 h1 { display:block; background:#f5f5f5 url(../images/inner_page/products/payroll21_text.jpg) no-repeat left top; height:38px; }
.pbox1 { background:url(../images/inner_page/products/payroll21_bg.jpg) no-repeat left bottom; height:235px; }
.pbox2 h1 { display:block; background:#f5f5f5 url(../images/inner_page/products/payroll21tanda_text.jpg) no-repeat left top; height:39px; }
.pbox2 { background:url(../images/inner_page/products/payroll21tanda_bg.jpg) no-repeat left bottom; height:235px; }
.pbox3 h1 { display:block; background:#f5f5f5 url(../images/inner_page/products/hrms_text.jpg) no-repeat left top; height:50px; }
.pbox3 { background:url(../images/inner_page/products/hrms_bg.jpg) no-repeat left bottom; height:247px; }
.pbox4 h1 { display:block; background:#f5f5f5 url(../images/inner_page/products/accounts21_text.jpg) no-repeat left top; height:50px; }
.pbox4 { background:url(../images/inner_page/products/accounts21_bg.jpg) no-repeat left bottom; height:245px; }
/* product page */
.pro_demo { margin-bottom:20px; }
h1.phead { display:block; background:#f5f5f5 url(../images/inner_page/products/payroll21_text.jpg) no-repeat left top; height:38px; font-size:1px; color:#f5f5f5; }

h1.phead1{ display:block; background:#f5f5f5 url(../images/inner_page/products/payroll21tanda_text.jpg) no-repeat left top; height:38px; font-size:1px; color:#f5f5f5; }

h1.phead2{ display:block; background:#f5f5f5 url(../images/inner_page/products/hrms_text.jpg) no-repeat left top; height:50px; }

h1.phead3{ display:block; background:#f5f5f5 url(../images/inner_page/products/accounts21_text.jpg) no-repeat left top; height:50px; }

h1.phead span { display:none; }
.spe_text { font-size:18px; margin-bottom:15px; color: #00B3FF; }
.fea1 strong { font-family: 'TBold'; font-size:15px; }
.model { margin-bottom:15px; }
.model table { font-size:15px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-family: 'TRegular', Arial, Helvetica, sans-serif; border-collapse:separate; background:#2A2A2A; }
.model table h3 { color:#ffa000; font-family: 'TBold'; font-size:16px; }
.model table td { padding:5px 10px 7px 10px; }
.model table tr:last-child td:first-child { -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius:10px }
.model table tr:last-child td:last-child { -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px }


/*Signup*/
.signup_table { border: solid 3px #bbb; font-size: 14px; margin-bottom: 15px; }
.signup_table h3 { font-family: 'TBold'; font-size:16px; color:#00B3FF }
.signup_table th { border-bottom: solid 3px #bbb; }
.signup_table th, .signup_table td { padding: 7px; }
.signup_table .pro, .signup_table .medium, .signup_table .mini { margin: 3px; }
.signup_table .pro { color: #316d09; }
.signup_table .medium { color: #7ca734; }
.signup_table .mini { color: #9fc21e; }
.signup_table .right { border-left: solid 1px #bbb; font-weight: bold; }
.signup_table .row { border-bottom:1px solid #ddd; }
.signup_table .row .last { border-bottom: solid 1px #bbb; }
.signup_table tr.odd { background: #f3f3f3; }
.signup_table .left { width: 50%; }
.subtitle_left { text-align: left; }
a.signup_button2 { background: url(../images/button_signup.gif) left top; height:37px; width: 126px; float: left; margin: 4px 0px 4px 2px; color: #fff; font-weight: bold; font-size: 14px; text-decoration: none; text-align: center; line-height: 38px; }
.signup_button2:hover { background: url(../images/button_signup.gif) left bottom; height:37px; width: 126px; float: left; color: #fff; }
.free_30_days { padding: 22px 0px 0px 125px; background: url(../images/free30days.png) no-repeat left center; height: 90px; color: #e98924; font-size: 18px; margin-bottom: 20px; }
.free_30_days span { font-weight: bold; }
.browsers { text-align: center; margin-top: 78px; font-size: 10px; color: #505050; }


/* product tabbed panel */


.usual { background:#EAEAEA; color:#333;  width:727px; border:1px solid #D5D5D5;  }
.usual li { list-style:none; float:left; }
#tab_nav a { font-size:16px; }
.usual ul a { display:block; padding:6px 10px; text-decoration:none!important;margin: 0 1px 0 0; margin-left:0;  color:#111; background:#C0C0C0; }
.usual ul a:hover { color:#111; background:#ABABAB; }
.usual ul a.selected { margin-bottom:0; color:#000; background:#F9F9F9; border-bottom:1px solid snow; cursor:default; }
.usual div { padding:10px 10px 8px 10px;  *padding-top:5px; clear:left; background:#F9F9F9;  }
.usual div a { color:#000; font-weight:bold; }


/* product inner content */

.usual div ul.list { margin:0; padding:0; }
.usual div ul.list li { float:none; font-size:14px;}
.usual div h2 {display:block; font-size:19px; background:url(../images/icon_arrow_right.png) no-repeat left 50%; padding-left:22px; margin-bottom:10px;}
.screen_tab img { display:block; background:#fff; padding:7px; border:1px solid #EAEAEA; }


/* FAQ Page */

.faq_con { margin-bottom:15px; padding-bottom:5px; border-bottom:1px dotted #D5D5D5; }
.faq_con h2 { background:url(../images/question.png) no-repeat left 2px; font-size:16px; margin-bottom:10px; line-height:normal; padding: 4px 0 5px 30px; }
.faq_con p { margin-bottom:5px; }






/* news and event */

.news_con { margin-bottom:15px; padding-bottom:5px; border-bottom:1px dotted #D5D5D5;}
.news_con h2 {  background:url(../images/news.png) no-repeat left 1px; font-size:16px; margin-bottom:5px; line-height:normal; padding: 6px 0 7px 40px;  }
.news_con .date { font-size:13px; color:#6C6C6C; margin-bottom:5px; }
.news_con p { margin-bottom:15px;  }
.flast { margin-bottom:0; padding-bottom:0; border-bottom:none; }

/* Back to top button */
#back-top { position: fixed; bottom: 109px; right:5px; }
#back-top a { width: 50px; display: block; text-align: center; text-transform: uppercase; text-decoration: none; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
/* arrow icon (span tag) */
#back-top span { width: 50px; height: 22px; display: block; margin-bottom: 7px; background:url(../images/top.png) no-repeat center center; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
/* ------ Enquiry form -------------*/
.needform { padding-top: 0px; }
.needform form { margin: 0px; padding: 0px; font-size: 12px; color: #333; }
.needform table td { padding-bottom: 10px; }
.inputstyle { height: 24px; width: 217px; line-height:24px; color:#3B3B3B; padding-left:8px; font-family: 'TRegular', Arial, Helvetica, sans-serif; }
.inputstyletextarea { height: 75px; width: 220px; color:#3B3B3B; font-size: 14px; padding-left:5px; font-family: 'TRegular', Arial, Helvetica, sans-serif; padding-top:5px; }
.inputstyledropdown { height: 28px; width: 220px; color:#3B3B3B; padding-left:5px; font-size:14px; }
.submitbtn { color:#FFF !important; height:26px; line-height:26px; width:70px; border:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background: #c1032d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxMDMyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MDAwMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #c1032d 0%, #600014 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1032d), color-stop(100%, #600014)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c1032d 0%, #600014 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c1032d 0%, #600014 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c1032d 0%, #600014 100%); /* IE10+ */ background: linear-gradient(to bottom, #c1032d 0%, #600014 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1032d', endColorstr='#600014', GradientType=0 ); /* IE6-8 */
}
.submitbtn:hover { background-color:#333; *filter: none;
}
.needform, .needform table, .needform tr, .needform th, .needform td, .needform table p { vertical-align: middle; font-size:14px; }
.needform p { color:#333; line-height:18px; padding-right:10px; padding-bottom:0; margin-bottom:0; font-size:14px; }
.needform table td #int p { padding-right:0 }
.needform table td #int td { padding-bottom:0; }
.needform table td #int { background: #F2F2F2; background: -moz-linear-gradient(top, #fcfcfc 1%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fcfcfc), color-stop(100%, #e8e8e8));  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e8e8e8', GradientType=0);
border:1px solid #BBBBBB; }
input[type="checkbox"] { padding: 0; border: none; }
.needform table td, .needform table input { vertical-align:top }
.enquiry { width:690px; background:#E8E8E8; padding:15px; background: -moz-linear-gradient(top, #fcfcfc 1%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fcfcfc), color-stop(100%, #e8e8e8)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e8e8e8', GradientType=0);
border:1px solid #BBBBBB; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.enquiry .inputstyletextarea { width:254px; }
.enquiry .inputstyle { width:252px; }
.enquiry .inputstyledropdown { width: 255px; }


.download { background:#181818; padding: 20px 20px 20px 20px; width:310px; }
.download p { min-height:0 !important; }
.download p a { color:#FFA000; font-size:15px; background:url(../images/download_icon.png) no-repeat left 50%; padding:5px 0 5px 30px; }

.con_add_tab td { vertical-align:top; }

/* article page */
.aleft { width:730px; float:left; margin-right:30px; }
.aright { width:225px; float:left; margin-top:35px; } 
.aright h1 { background:#092759 url(../images/bullet.png) no-repeat left 50%; color: #fff;
display: block; font-size: 18px; margin-bottom: 15px; padding: 7px 10px 7px 25px;}
.quick_con { margin-bottom:15px; padding-left:5px; }
.quick_con p { margin-bottom:5px; font-size:14px;}
.m_left .alist { margin-bottom:15px; text-align:left; }
.m_left .alist li { display:block; }
.m_left .alist li a { display:block;  background: url("../images/arrow-right-16.png") no-repeat scroll left 6px transparent; border-bottom: 1px dotted #D5D5D5; color: #515151; display: block; font-size:14px; padding: 5px 0 8px 2px; }

.previous-link { border:#353339 solid 1px; float:left; background-color:#353339; color:#FFF; margin-top:20px; padding: 4px; width:106px; }
.previous-link a { color:#FFF; }
.previous-link:hover { border:#545454 solid 1px; background-color:#545454; color:#FFF; margin-top:20px; padding: 4px; width:106px; }

.previous-link1 { border:#353339 solid 1px; background-color:#353339; color:#FFF; margin:20px 0px; padding: 4px; width:105px; }
.previous-link1 a { color:#FFF; }
.previous-link1:hover { border:#545454 solid 1px; background-color:#545454; color:#FFF; margin:20px 0px; padding: 4px; width:105px; }

.next-link { border:#353339 solid 1px; float:right; background-color:#353339; color:#FFF; margin-top:20px; padding: 4px;  width:92px; } 
.next-link a { color:#FFF; } 
.next-link:hover { border:#545454 solid 1px; background-color:#545454; color:#FFFFFF; margin-top:20px; padding: 4px;  width:92px; }