@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif ; font-size:12px;
	color:#424242;
	/*background-image: url(/images/bgtile.gif);*/
	
}

a{color:#1d509e; text-decoration:none; outline:none;}
a:hover{ background:none;}
#phoneTextBox {
	text-align:right;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	padding-top:22px;
	color:#045096;
	}
#phoneTextBox a:link {
	text-decoration: none;
	color: #1b4fa3;
}
#phoneTextBox a:active {
	text-decoration: none;
	color: #f89e00;
}
#phoneTextBox a:visited {
	text-decoration: none;
	color: #1b4fa3;
}
#phoneTextBox a:hover {
	text-decoration: none;
	color: #f89e00;
}
#contentArea {
	width:837px;
	margin:0px auto;
	color:#625A5A;
	font-family:Tahoma,Arial;
	font-size:12px;
	line-height:17px;
	}
	
#contentleft {
	float:left;
	width:603px;
	}
#rightCol {
	width:210px;
	float:right;
	height:100%;
	padding-top:10px;
	}
#contentInner {
	padding-left:12px;
	padding-right:12px;
	}
	
.menu {
	position:relative; 
	z-index:100; 
	font-family:Arial, Helvetica, sans-serif; 
	height:28px; 
	color:white;
	width: 837px;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:746px; 
	w\idth:745px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul {
	width:149px; 
	border-right:1px solid #000;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none; 
	color:#FFF; 
	background:#2d608d; 
	padding-left:0px; 
	font-weight:bold;
}
/* a hack so that IE5.5 faulty box model is corrected */

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#2d608d;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
	background:#5281ab;
}
.menu ul ul :hover > a.drop {
	background:#5281ab;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#2d608d;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background:#5281ab;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:28px;
	left:1px; 
	width:149px;
}

/* another hack for IE5.5 */
* html .menu ul ul {
	top:30px;
	t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
	left:179px; 
	top:-1px; 
	width:149px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-149px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#2d608d; 
	color:#FFF; 
	height:auto; 
	padding:5px 10px; 
	width:159px;
	border-width:0 1px 1px 1px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:150px;
	w\idth:128px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#f89e00; 
	background:#5281ab;
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#f89e00; 
	background:#5281ab;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility:visible;
}
.demoBox {
	width:350px;
	padding:15px;
	margin:35px auto;
	border:#666 1px solid;
}
.demoHeader {
	position:relative;
	bottom:25px;
	font-size:19px;
	color: #1B4FA3;
	background-color:#FFF;
	width:auto;
	padding-left:4px;
	padding-right:4px;
	font-weight:bold;
}
.demoText {
	font-size:14px;
}
	
.demoWrap a:link {
	text-decoration: none;
	color: #1b4fa3;
}
.demoWrap a:active {
	text-decoration: none;
	color: #f89e00;
}
.demoWrap a:visited {
	text-decoration: none;
	color: #1b4fa3;
}
.demoWrap a:hover {
	text-decoration: none;
	color: #f89e00;
}
#demoArea a:link {
	text-decoration: none;
	color: #1b4fa3;
}
#demoArea a:hover {
	text-decoration: none;
	color: #f89e00;
}
#demoArea a:active {
	text-decoration: none;
	color: #f89e00;
}
#demoArea a:visited {
	text-decoration: none;
	color: #1b4fa3;
}
input.btnImage{
border:0px;
width:100px;
height:32px;
background-repeat:no-repeat;
backgroung-position:center center;
color: rgba(255,255,255,0);
font-size: 0px;
} 




/*new css*/
.left{ float:left!important;}
.right{ float:right!important;}
.clear{ clear:both;}
.txtcenter{ text-align:center;}
.txtright{ text-align:right;}
.noborder{ border:none!important;}
.nomargin{ margin:0px!important;}
.nopadding{ padding:0px!important;}
.nobackground{ background:none!important;}
h1{ font-size:22px!important; color:#e45c02; margin:0px; font-weight:normal;}
#top_header{ width:100%; float:left; height:119px; margin-top:9px; padding-top:21px; background:url(/images/topheaderbg.jpg) repeat top right;}
.header{ width:100%; float:left; height:274px; background:#001453;}
.headerW{ width:100%; float:left; height:235px; background:#FFFFFF;}
.header img{ margin:0px; padding:0px; top:0px;}
.homeicon{ background:url(../imagesNew/homeicon.jpg) no-repeat top left; height:44px;  position:relative; top:-7px;width:58px; float:left; position:relative; margin-top:0px; text-indent:-999px;}
.wrapper{ width:981px; margin:auto;}
.wrapper a:hover{ background:none;}
#container{ width:100%; float:left; padding-top:38px; padding-bottom:23px;}
.left_side{ width:480px; float:left; padding-left:10px;color:#424242;}
.text-box{ padding-top:32px; font-size:12px;color:#424242; text-align:justify;}
.software-accounting{ width:100%; float:left; padding-top:20px; color:#6a6e70;}
.software-accounting ul{ margin:0px; padding-top:16px; padding-left:15px; clear:both; float:left; width:100%;}
.software-accounting a:hover{ color:#333;}
.software-accounting ul li{  width:100%;  padding:1px 0px; clear:both;}
.software-accounting ul li a{ color:#1d509e; text-decoration:none;}
.software-accounting ul li a.selected{ color:#424242; text-decoration:underline;}
.orange-line{ width:100%; float:left; height:28px; border-top:1px solid #e6e4e3;border-bottom:1px solid #e6e4e3; background:#eaeaea; margin-top:19px;}
.orange-img{ width:450px; float:left; background:url(../imagesNew/orangeline.gif) no-repeat top left ; height:30px;}

.video-demo{ width:345px; height:45px; background:url(../imagesNew/videobg.jpg) no-repeat top left; margin-bottom:10px;float:left; padding-left:75px; padding-top:8px; }
.video-demo div{ padding-top:5px;}
.chat{ width:345px; height:45px;float:left; background:url(../imagesNew/chatbg.jpg) no-repeat top left; margin-bottom:10px; padding-left:75px;padding-top:8px;}
.chat div{ padding-top:5px;}
.book{ width:345px; height:45px; float:left; background:url(../imagesNew/bookbg.jpg) no-repeat top left; margin:0px;padding-left:75px; padding-top:8px;}
.book div{ padding-top:5px;}
.right_side{ width:490px; float:right; }
.service{ width:416px; float:left; padding-top:35px;}
.service .top{ width:416px; height:7px; float:left; background:url(../imagesNew/servicetop1bg.gif) repeat-x top left;}
.service .content{ width:402px; float:left; border-left:1px solid #dedede;border-right:1px solid #dedede; background:#e4e4e4; padding-left:12px; font-size:12px;}
.service .content span{ line-height:30px; padding-left:5px ; color:#424242;}
.service .content span a{ color:#333;}
.service .content span a:hover{ color:#1d509e;}
.box-space{ margin-bottom:6px; clear:both; float:left;}
.service .icon{ width:44px; float:left;}
.service .bottom{ width:416px; height:7px; float:left; background:url(../imagesNew/servicebottom1.gif) repeat-x top left;}
.about-us{ padding-top:24px; float:left; width:100%; color:#424242;}
.about-us div{ padding-top:14px; text-align:justify; }

/*Start----Navigation*/
#navigation{ width:100%; float:left; height:37px; background:url(../imagesNew/navigationbg.jpg) repeat top left; line-height:37px; } 
#navigation ul{ margin:0px; padding:0px; list-style:none;}
#navigation ul li {  font-size:14px; background:url(../imagesNew/addicon.jpg) no-repeat 92% 56%;  width:auto;margin:0px!important; padding:0px!important; }
#navigation ul li a{ text-decoration:none; color:#585858; text-transform:uppercase; margin:0px; padding:0px;}
#navigation ul li a:hover{ background:none; margin:0px; padding:0px;}
/*End----Navigation*/


.comment-box{ width:406px; float:left; margin-top:29px;}
.comment-box .top{ background:url(../imagesNew/commenttop1bg.gif) repeat-x top left; height:7px; float:left; width:100%;}
.comment-box .bottom{background:url(../imagesNew/commentbottombg.gif) repeat-x top left; height:9px; float:left; width:100%;}
.comment-box .content{ width:390px; float:left; border-left:4px solid #e9e8e8; border-right:4px solid #e9e8e8; padding-right:8px; padding-bottom:5px;}
.comment-box .content ul{ margin:0px; padding-left:10%; font-size:15px; padding-top:10px; float:left; width:90%;list-style: disc;}
.comment-box .content ul li{ width:100%; clear:both; float:left;font-size:12px; }
span.blog-txt{ width:100%; float:left; padding-top:9px;}
.date-time{ float:left; width:100%;}
.comment-reply a{ width:100%; float:left; text-align:right; color:#e3630c;}

.comment-box .content h1{ padding:7px 0px 0px 50px;  font-size:20px; color:#1d509e; font-weight:normal;}
body>div .comment-img{ position:absolute; width:60px; height:57px; background:url(../imagesNew/comment.gif) no-repeat top left; z-index:100; margin-left: -12px; margin-top: -14px;}
.comment-img{ position:absolute; width:60px; height:57px; background:url(../imagesNew/comment.gif) no-repeat top left; z-index:100; margin-left: -22px; margin-top: -14px;}

.black-color{ color:#000!important;}


#footer{ width:100%; clear:both; background:url(../imagesNew/footerbg.jpg) repeat-x top left; height:212px; margin:0px; padding-top:38px;}
#footer .footer-box{ width:140px; float:left; margin-right:25px;}
.events{ width:170px!important;}
#footer .footer-box ul{ margin:0px; padding:0px; list-style:none;}
#footer .footer-box ul span{ padding-left:5px; color:#fff; font-size:11px; text-transform:uppercase;}
#footer .footer-box ul li{  background:url(../imagesNew/footerlibg.gif) no-repeat top center; float:left; width:99%; padding:8px 0px 12px 5px; display:block;}
#footer .footer-box ul li a{ color:#a0a0a0; text-decoration:none; font-size:11px;}
#footer .footer-box ul li a:hover{ background:transparent; color:#fff;}
#footer .footer-box ul li a.active{ color:#fff;}
.footer-bottom{ width:100%; clear:both; background:url(../imagesNew/footerbottom.jpg) repeat-x top left; height:76px; margin:0px;}
.feedback{ width:235px; float:left;  height:212px; padding-left:10px; background:url(../imagesNew/footerlogo.png) no-repeat bottom right;}
.twitter{ width:100%; float:left;  background:url(../imagesNew/footerlibg.gif) no-repeat bottom left;}
.twitter a{ color:#fff; text-decoration:none;}
.twitter span{ font-size:11px; font-family:"myriad Pro"; color:#fff; line-height:30px; padding-left:2px;}
.copyright{ font-family:"myriad Pro"; font-size:11px; color:#A8A8A8; padding-top:19px;}

.right-top-padding{ padding-top:24px; }
.right-top-padding h1{ float:left; width:400px;color: #E45C02; font-size: 22px !important; font-weight: normal; margin: 0;}
.bold-txt{ font-weight:bold;}
.orange-line{ width:100%; float:left; height:28px; border-top:1px solid #e6e4e3;border-bottom:1px solid #e6e4e3; background:#eaeaea; margin-top:19px;}
.orange-img{ width:450px; float:left; background:url(../imagesNew/orangeline.gif) no-repeat top left ; height:29px;}

.bodyText input{ width:379px; float:left; height:20px; background:url(../imagesNew/inputbg.jpg) no-repeat top left; border:none; padding:5px; margin-bottom:0px;}
.bodyText form{ padding-top:10%; float:left; width:100%;}
.bodyText span p{ margin:0px;}
.bodyText label{ float:left ; width:71px;  font-weight:bold; text-align:right; padding-right:10px; line-height:30px;}
.bodyText textarea{background:url(../imagesNew/taxtareabg.jpg) no-repeat top left; width:378px; height:181px; float:left; border:none; padding:5px;margin-bottom:10px;}
.bodyText .button{ width:129px; height:32px; float:right; margin:5px 36px 5px 0px; background:url(../imagesNew/submitbutton.jpg) no-repeat top left; line-height:32px; text-align:center; color:#fff; font-weight:bold;}
.nopadding ul li{ padding:5px 0px;float:left; width:100%; list-style:disc; }
.nopadding ul li a:hover{ color:#333;}
.graybutton a{  float:right;background:url(../imagesNew/graybuttonletbg.png) no-repeat top left; height:32px;color:#fff!important; margin-right:5px; }
.graybutton a span{background:url(../imagesNew/graybuttonrightg.png) no-repeat top right!important; float:left;padding:0px 5px; height:32px; color:#fff!important; font-weight:bold;}
.graybutton a:hover{background:url(../imagesNew/graybuttonletbg.png) no-repeat top left;}
.graybutton a:hover span{background:url(../imagesNew/graybuttonrightg.png) no-repeat top right!important;}
.article a{ color:#000; font-size:12px; text-decoration:underline;}

.rss-title strong{ font-weight:normal; font-size:12px!important; text-decoration:underline;  color:#000;}

.viewdemo{ width:100%; float:left; margin-bottom:10px;}
.viewdemo select{float:left; background:url(../imagesNew/livedemoinputbg.jpg) no-repeat top left; width:250px;  padding:6px; border:none; }
.viewdemo label{ float:left; width:170px; text-align:right; padding-right:10px; line-height:25px;}
.viewdemo input{ float:left; background:url(../imagesNew/livedemoinputbg.jpg) no-repeat top left; width:240px; height:20px; padding:5px; border:none;}
.viewdemo textarea{background: url(../imagesNew/viewtaxtareabg.jpg) no-repeat scroll left top transparent;border: medium none;   float: left;height: 181px; margin-bottom: 10px;padding: 5px; width: 240px;}
.viewdemo .button{background: url(../imagesNew/submitbutton.jpg) no-repeat scroll left top transparent; color: #FFFFFF; float: right; font-weight: bold; height: 32px;margin: 5px 25px 5px 0;text-align: center;width: 129px; padding-bottom:8px;}
.checkbox{ width:15px!important; height:15px!important; float:left;}
.gray-login{ width:100%; float:left; background:#e4e4e4;}
.contact{float: left;font-weight: bold;line-height: 30px;padding-right: 10px; text-align: right; width: 71px;}
.contact-input{ background: url(../imagesNew/inputbg.jpg) no-repeat scroll left top transparent; border: medium none; float: left; height: 20px; margin-bottom: 10px; padding: 5px; width: 379px;}
.textarea-post{background: url(../imagesNew/taxtareabg.jpg) no-repeat scroll left top transparent; border: medium none; float: left; height: 181px; margin-bottom: 10px; padding: 5px; width: 378px; overflow:auto;}
.submitbuttom .button{background: url(../imagesNew/submitbutton.jpg) no-repeat scroll left top transparent; color: #FFFFFF; float: right; font-weight: bold;  height: 22x; line-height: 20px;  margin: 5px 36px 5px 0;text-align: center; width: 129px; border:none;  padding-bottom:10px;}
.reg-button{ background:url(../imagesNew/neweventregbg.png) no-repeat scroll left top ; height:31px; width:272px; margin:auto; line-height:26px; padding:7px 20px 10px; margin-bottom:10px; text-transform:uppercase;}
.orange-reg-button{ background:url(../imagesNew/orangebg.png) no-repeat scroll left top ; height:31px; width:272px; margin:auto; line-height:26px; padding:7px 20px 10px; margin-bottom:10px; text-transform:uppercase;}
.click-button{ background:url(../imagesNew/submitbutton.png) no-repeat scroll left top; width:129px; height:32px; float:right; color:#434343; text-align:center;}
.click-button a{ color:#fff;	}
.box{ float:left; width:100%; margin-bottom:10px;}
.profile{ width:186px; float:left;background:url(../imagesNew/profilebg.gif) repeat-y top left;float:right;text-align:center;text-align:center; margin-left:10px; margin-bottom:10px;}
.profile .top{ background:url(../imagesNew/profiletopbg.gif) no-repeat top left; width:186px; float:left; height:10px;}
.profile .bottom{ background:url(../imagesNew/profilebottombg.gif) no-repeat top left; width:186px; float:left; height:10px;}
.article-padding{ padding:10px; float:left;}

.validation-arrow{ background:url(../imagesNew/livedemoinputbgarrow.jpg) no-repeat top left!important; width:250px; float:left; height:30px;}
.view-demo a{ margin-right:35px; background:url(../imagesNew/viewdemo.jpg) no-repeat top left; width:143px; height:31px; text-indent:-9999px; float:right;}
.view-demo a:hover,.view-demo a.selected{background:url(../imagesNew/viewdemohover.jpg) no-repeat top left;}

.demo-gray{ width:954px; float:left; background:#cfcfcf; padding:36px 0px 36px 27px;}
.demo-gray .left-panel{ width:179px; float:left; padding-top:18px;}
.demo-gray .left-panel ul{ margin:0px; padding:0px; list-style:none;}
.demo-gray .left-panel ul li{ margin:0px; padding:12px 0 12px 0px; float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background:url(../imagesNew/demoleftbg.jpg) no-repeat bottom left;}
.demo-gray .left-panel ul li a{ text-decoration:none;  font-weight:bold; color:#424242;}
.nobold{  font-weight:normal!important;}
.nobackgroud{ background:none!important;}
.more-info{ background:url(../imagesNew/moreinfo.jpg) no-repeat scroll left top; width:140px; height:32px; float:left; text-align:center; line-height:32px;  color:#fff; font-size:13px; font-weight:bold; }
.demo-gray .right-panel{ width:691px; float:left; padding-left:45px;}