/*ACPLUS 2008 StyleSheet*/
/*global.css - mainlayout stylesheet*/

/*Main Layout*/
body {
	text-align:center;
	font: 75%/140% Arial, Tahoma, Helvetica, sans-serif;
	background: url(../assets/gradientbg.gif) top repeat-x #fff;
}
#wrap-main {width:960px; text-align:left; margin:0 auto;}

	/*Header*/
	#header {margin:30px 0 15px 0}
		#header h1 a {
			background:url(../assets/acplus_sitename.gif);
			width:136px; height:59px;
			text-indent:-2000em;
			display:block;
		}
		#cuslogin {
			width:589px;
			float:right;
			margin:-40px 0 0 0;
			text-align:right;
		}
		/*#cuslogin p {float:left;}*/
		#cuslogin p.hotline {margin-bottom:5px; font-size:120%; color:#F3AC00;}
			#cuslogin p.hotline label {font-weight:bold;}
		#cuslogin a {
			background:url(../assets/icon_customer.gif) no-repeat;
			text-decoration:none;
			padding:0 0 0 20px;
			font-weight:bold;
			display:inline-block;
		}
	/*Navigation bar*/	
	#navibar {
		background: url(../assets/gradientbg.gif) center bottom no-repeat #0f466d;
		color:#fff;
		position:relative;
		padding:6px 10px 6px 10px;
	}
		#navi {
			
		}
			#navi ul {float:left;}
			#navi ul li {
				float:left;
				margin-right:15px;
				font-size:120%;
				font-weight:bold;
			}
			#navi a {color:#fff; text-decoration:none; padding:5px 3px; display:block}
			#navi a:hover, #navi ul li.current a {color:#98dffd;}
		#support {
			float:right;
			margin:0 0 0 0;
		}
			#support .online-support a {
				display:block;
				background:url(../assets/lbl_online_support.gif) no-repeat;
				text-indent:-2000em;
				width:127px; height:28px;
				float:left;
				margin:2px 0 0 0;
				
			}
		/*online chat popup*/
		#online-chat-nick {
			position:absolute;
			top:42px;
			right:10px;
			width:149px;
			padding:10px 12px;
			background:url(../assets/chat_nick_botbg.png) bottom no-repeat #fff;
			color:#333;
			display:none;
		}
			#online-chat-nick h3 {
				font-size:90%;
				font-weight:bold;
				background:url(../assets/icon_YM.gif) 0 4px no-repeat;
				padding:3px 0 3px 45px;
				margin:0 0 10px 0;
				line-height:1.5em;
			}
			#online-chat-nick a {color:#333; text-decoration:none;}
			#online-chat-nick a:hover {color:#f90;}
			#online-chat-nick ul {
				margin:0 0 10px 0;
				padding:0;
			}
			#online-chat-nick ul li {
				font-size:90%;
				font-family:Tahoma, Arial, Helvetica, sans-serif;
				background:url(../assets/h_dotted.gif) bottom repeat-x;
				margin:0 0 3px 0; padding:0 0 5px 0;
				line-height:1.5em;

			}
			#online-chat-nick ul li a {
				background:url(../assets/bullet_orange.gif) 0 5px no-repeat;
				padding-left:15px;
			}
			#online-chat-nick .but_close {
				font-size:90%;
				text-align:right;
			}
			#online-chat-nick .but_close a {
				background:url(../assets/icon_close.gif) no-repeat 0 3px;
				padding:0 0 0 15px;
				display:inline-block;
			}
			
	/*Footer*/
	#footer {
		background:#0f466d;
		padding:0 15px;
	}
		#footer ul {float:left; padding:15px 0;}
		#footer ul li {
			float:left;
			margin:0 10px 0 0;
			font-size:90%;
			font-weight:bold;
			border-right:solid 1px #87a3b6;
			padding-right:10px;
			
		}
		#footer ul li.last {border:none;}
		#sitebyiboss {float:right; margin:10px 0 0 0; line-height:0;}
		#footer a {color:#fff; text-decoration:none}
		#footer a:hover {text-decoration:underline;}

/*end main layout*/

/*common settings*/
a, a:visited {color:#0064a3; text-decoration:none;}
a:hover { color:#f90;}

.file-pdf, .file-xls, .file-doc, .file-ppt {
	padding:0 0 0 30px;
}
.file-pdf {background:url(../assets/file_pdf.gif) no-repeat}
.file-xls {background:url(../assets/file_xls.gif) no-repeat}
.file-ppt {background:url(../assets/file_ppt.gif) no-repeat}
.file-doc {background:url(../assets/file_doc.gif) no-repeat}

strong {font-weight:bold;}
em {font-style:italic;}
.align-center {text-align:center;}
.asterik {font-weight:bold; color:#f60;}
.float-left {float:left; margin:2px 10px 10px 0;}
.float-right {float:right; margin:2px 0 10px 10px;}
.notes {font-size:90%; color:#666;}
small {font-size:90%;}
/*clear floated div - http://www.positioniseverything.net*/
.clearfix:after, #pagecontents:after, #navibar:after, #footer:after, #articles:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #navibar, #footer, #articles, #pagecontents {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html #navibar, * html #footer, * html #articles, * html #pagecontents {height: 1%;}
.clearfix, #navibar, #footer, #articles, #pagecontents {display: block;}
/* End hide from IE-mac */
/*=======================================*/

/*homepage*/
#mainbanner {line-height:0;}
	/*introbox*/
	#intro {
		background:url(../assets/introbg.jpg) top no-repeat;
		height:383px;
	}
		#newsticker {
			background:url(../assets/icon_chart.gif) 10px 4px no-repeat;
			padding:6px 0 5px 35px;
			color:#fff;
			font-size:90%;
		}
		#newsticker	label {font-weight:bold; float:left; width:45px; margin-right:10px;}
		#newsticker a {color:#9ddcf7}
		#newsticker a:hover {text-decoration:underline;}
		#newsticker ul {float:left; width:600px;}
		
		#productoverview {float:left; width:600px; margin:25px 10px 0 0; padding:0 20px;}
		#productoverview h2 {font-size:130%; font-weight:bold; color:#fff; margin:0 0 10px 0;}
		#productoverview p {margin:10px 0;}
			#whychoose {margin:20px 0 0 0;}
			#whychoose .product-image {width:155px; float:left; margin-right:50px;}
			#whychoose h3 {font-size:120%; font-weight:bold; margin:10px 0 20px 0; color:#fff;}
			#whychoose .reasons {float:left; width:395px;}
				#whychoose .reasons ul {float:left;}
				#whychoose .reasons li {
					float:left;
					width:150px;
					margin:0 0 5px 0;
					padding:2px 0 0 40px;
					background:url(../assets/icon_checked.png) 0 0 no-repeat;
					height:25px;
					font-weight:bold;
					color:#333;
				}
		#product-sidebar {float:left; width:300px; padding:15px 10px 0 0;}
		#versions {padding: 30px 30px 0 20px}
			#versions h3 {font-size:140%; font-weight:bold; margin:0 0 10px 0;}
			#versions li {
				margin:0 0 4px 0;
				padding:5px 0 10px 50px;
				border-bottom:solid 1px #eaeaea;
				font-weight:bold;
			}
			#v01 {background:url(../assets/icon_v_01.gif) top left no-repeat;}
			#v02 {background:url(../assets/icon_v_02.gif) top left no-repeat;}
			#v03 {background:url(../assets/icon_v_03.gif) top left no-repeat;}
			#v04 {background:url(../assets/icon_v_04.gif) top left no-repeat;}
			#v05 {background:url(../assets/icon_v_05.gif) top left no-repeat;}
		#product-todos {padding: 40px 30px 0 30px}
			#product-todos li {
				margin:0 0 5px 0;
				padding:5px 0 12px 40px;
				border-bottom:solid 1px #ddd;
				font-weight:bold;
			}
			.todo-download {background:url(../assets/icon_download.gif) 0px 0px no-repeat;}
			.todo-quotes {background:url(../assets/icon_quotes.gif) no-repeat;}
			.todo-install {background:url(../assets/icon_monitor.gif) no-repeat;}
			.todo-guide {background:url(../assets/icon_guide.gif) no-repeat;}
			.todo-etraining {background:url(../assets/icon_etraining.gif) no-repeat;}
	/*Articles*/
	#articles {margin:0 0 20px 0;}
	.wrap-articles {float:left; width:640px; margin-right:10px;}
		#students {
			background:url(../assets/newsblock_top_shade.gif) center bottom no-repeat;
			padding-bottom:20px;
		}
			#students .students-hdr {
				background:url(../assets/icon_clubmember.gif) no-repeat;
				padding:5px 0 0 60px;
				height:43px
			}
			#students h3 {font-size:120%; font-weight:bold; color:#f3ac00;}
			#students .regbut {
				float:right;
				margin:-53px 0 0 0;
				background:url(../assets/v_dotted.gif) left repeat-y;
				padding:0;
				width:250px;
				text-align:center;
			}
		#news-teaser {
			background:url(../assets/newsblock_bg.gif) top no-repeat;
			padding:10px 10px 0 10px;
		}
			#news-teaser h3 {
				font-size:120%;
				font-weight:bold;
				margin-bottom:10px;
				background:url(../assets/news_hdr_botbg.gif) bottom repeat-x;
				padding-bottom:10px;
			}
			#news-teaser h4 {font-size:100%; font-weight:bold; margin-bottom:10px;}
			#news-teaser .n-img {float:left; margin:0 20px 20px 0; height:80px;}
			#news-teaser .n-img img {border:solid 1px #ddd; padding:2px;}
			#news-teaser ul {clear:both; margin:10px 0;}
			#news-teaser ul li {font-size:90%; background:url(../assets/bullet_blue.gif) 0 6px no-repeat; padding-left:20px;}
			#accounting-support {float:left; width:300px; margin-right:20px;}
			#technical-support {float:left; width:300px;}
			#accounting-support ul, #technical-support ul {background:url(../assets/shadow_delim.gif) top no-repeat; padding-top:20px}
		
		#product-tabs {
			background:url(../assets/newsblock_top_shade.gif) center bottom no-repeat;
			padding:0 10px;
		}
			.tabcontents {padding:10px 20px;}
			.tabcontents p {margin:15px 0;}
			.tabs {
				width:114px; height:22px;
				padding:7px 0 0 0;
				display:block;
				text-align:center;
				font-weight:bold;
				float:left; margin-right:3px;
				cursor:pointer;
			}
			.active {background:url(../assets/but_tab_active.gif) no-repeat; color:#333;}
			.inactive {background:url(../assets/but_tab_inactive.gif) no-repeat; color:#0064a3}
		/*home sidebar*/
		#home-sidebar {float:left; width:270px; padding:0 20px 0 20px}
			#home-sidebar h3 {font-size:120%; font-weight:bold; margin-bottom:20px;}
			#documents {margin:0 0 10px 0; background:url(../assets/shadow_delim.gif) bottom no-repeat; padding-bottom:10px;}
				#documents h3 {font-size:120%; font-weight:bold; margin-bottom:15px;}
				#documents ul li {
					border-bottom:solid 1px #ddd;
					padding-bottom:5px;
					margin-bottom:5px;
					font-size:90%;
					font-family:Tahoma, Arial, Helvetica, sans-serif;
					line-height:1.4em;
				}
				#documents ul li.last {border-bottom:none;}
				#documents ul li a {color:#000;}
				#documents ul li a:hover {color:#f90;}
			#utilities {margin:10px 0;}
				#utilities h3 {font-size:120%; font-weight:bold; margin-bottom:15px;}
				#utilities ul li {
					font-size:90%;
					background:url(../assets/bullet_blue.gif) 0px 4px no-repeat;
					padding-left:20px;
				}
			#accounting-support-2 {
				background:url(../assets/shadow_delim.gif) bottom no-repeat; padding-bottom:10px
			}
			.sidebar-newsblock h3 {
				font-size:120%;
				font-weight:bold;
				margin-bottom:10px;
				background:url(../assets/news_hdr_botbg.gif) bottom repeat-x;
				padding-bottom:10px;
			}
			.sidebar-newsblock h4 {font-size:100%; font-weight:bold; margin-bottom:10px;}
			.sidebar-newsblock .n-img {float:left; margin:3px 10px 20px 0; height:50px;}
			.sidebar-newsblock .n-img img {border:solid 1px #ddd; padding:2px;}
			.sidebar-newsblock ul {clear:both; margin:10px 0;}
			.sidebar-newsblock ul li {font-size:90%; background:url(../assets/bullet_blue.gif) 0 6px no-repeat; padding-left:20px;}
			
	/*Subpage*/
	#subcontents {
		width:683px;
		float:left;
		margin:20px 20px 0 0;
	}
		.navlink {
			font-size:90%;
			background:url(../assets/navlink_bg.gif) bottom center no-repeat;
			padding-bottom:15px;
			margin-bottom:10px;
		}
	#subsidebar {
		width:257px;
		float:left;
		margin:20px 0 0 0;
		background:url(../assets/sub_sidebar_botbg.gif) bottom no-repeat;
	}
	.wrap-subsidebar {
		background:url(../assets/sub_sidebar_topbg.gif) top no-repeat;
		padding:20px 18px 20px 28px;
	}
		#subnav {margin:0 0 20px 0}
			#subnav h3 {
				font-size:120%; font-weight:bold;
				background:url(../assets/news_hdr_botbg.gif) bottom repeat-x;
				padding-bottom:10px;
				margin-bottom:10px;
			}
			#subnav li {
				background:url(../assets/bullet_blue.gif) 0 5px no-repeat;
				padding:0 0 0 20px;
				margin:0 0 5px 0;
			}
		#subsidebar #utilities {
			border-bottom:solid 1px #ddd;
			padding-bottom:10px;
			margin-bottom:10px;
		}
		#sidebar-students h3 {font-size:120%; font-weight:bold; color:#f3ac00;}
		#sidebar-students p {margin:10px 0;}
		
		/*customer supports*/
		#cusnav {margin:0 0 20px 0}
			#cusnav h3 {
				font-size:120%; font-weight:bold;
				background:url(../assets/news_hdr_botbg.gif) bottom repeat-x;
				padding-bottom:10px;
				margin-bottom:10px;
			}
			.cus-support, .cus-request, .cus-update, .cus-license {
				margin:0 0 10px 0;
				padding:0 0 10px 30px;
				border-bottom:solid 1px #eaeaea;
			}
			.cus-support {background:url(../assets/icon_cus_support.gif) 0 3px no-repeat;}
			.cus-request {background:url(../assets/icon_cus_request.gif) 0 3px no-repeat;}
			.cus-update {background:url(../assets/icon_cus_download.gif) 0 3px no-repeat;}
			.cus-license {background:url(../assets/icon_cus_license.gif) 0 3px no-repeat;}
			
			
			#cusnav h4 {font-size:120%; font-weight:bold; margin-bottom:5px;}
			#cusnav p {margin:0; line-height:1.2em;}
		.subpagecontents {
			margin:10px 0;
		}
			.subpagecontents h2 {font-size:140%; font-weight:bold;}
			.subpagecontents h3 {font-size:120%; font-weight:bold;}
			.subpagecontents h4 {font-size:100%; font-weight:bold;}
			.subpagecontents h2, .subpagecontents h3, .subpagecontents h4 {margin:10px 0;}
			.subpagecontents p  {margin:10px 0; line-height:1.6em;}
			.subpagecontents ul, .subpagecontents ol {margin:10px 0;}
			.subpagecontents ul {list-style:square; margin:0 0 0 25px;}
			.subpagecontents ul li {list-style:square;}
			.subpagecontents ol {list-style:decimal; margin:0 0 0 25px;}
			.subpagecontents ul li {list-style:decimal;}
		
		.other-news {margin:20px 0; border-top:solid 1px #ccc; padding-top:10px;}
			.other-news h3 {font-size:120%; font-weight:bold; margin-bottom:10px;}
			.other-news ul {margin-left:15px;}
			.other-news ul li {
				background:url(../assets/bullet_blue.gif) 0 5px no-repeat;
				padding:0 0 0 20px;
				margin:0 0 5px 0;
			}
		/*Customer Support*/
		.qa {}
			.qa dl {
				border-bottom:solid 1px #ddd;
				margin-bottom:10px; padding-bottom:10px;
			}
			.qa dt {font-weight:bold;}
			.qa dd.info {font-size:90%; color:#666; margin:5px 0;}
		.update {margin:20px 0;}
			.update dl {
				margin-bottom:10px; padding:0 0 10px 50px;
				background:url(../assets/icon_download_l.gif) 0 0 no-repeat;
			}
			.update dt {font-weight:bold; font-size:120%;}
			.update dd.info {font-size:90%; color:#666; margin:5px 0;}
			.update dd.desc {border-bottom:solid 1px #eaeaea; padding-bottom:10px;}
		.changepass {margin:-15px 0 0 0; float:right; font-weight:bold}
	/*forms*/
	.cm_txt {
		background:url(../assets/form_txtbg.gif) repeat-x;
		height:16px;
		padding:3px 0 0 0;
		border:solid 1px #ccc;
		font-size:90%;
	}
	.cmbut {
		background:url(../assets/but_bg.gif) repeat-x;
		color:#333; font-weight:bold;
		padding:5px 10px;
		border:solid 1px #ccc;
		display:inline-block;
		cursor:pointer;
	}
	.cmbut a, .cmbut a:hover {color:#333;}
	.common-form {
		border:solid 1px #ccc;
		border-bottom:solid 2px #ccc;
		padding:10px 30px 10px 30px;
		margin:20px 0;
	}
		.common-form h3 {margin-bottom:20px;}
		.common-form legend {font-size:120%; font-weight:bold;}
		.common-form p {margin:10px 0;}
		.common-form label {margin-bottom:5px; display:block; font-weight:bold;}
		.common-form #txt_cusname {width:400px;}
		.common-form #txt_cusemail {width:400px;}
		.common-form #txt_cusphone {width:200px;}
		.common-form #txt_cusmsg {width:350px; background:url(../assets/form_txtbg.gif) top repeat-x; border:solid 1px #ccc;}
		.common-form h3 {font-size:120%; margin-bottom:5px; font-weight:bold;}
	#fldcontact {width:400px; margin:20px auto}
	#fldcontact p label {float:left;display:compact;width:130px}
	#fldcontact .cm_txt {width:220px}
	#contact-form {margin:0 auto;width:355px}
	#fldlogin {width:250px; margin:20px auto;}
		#txt_username, #txt_password {width:200px;}
	#fldrequest {}
		#txt_cusrequest {width:500px; background:url(../assets/form_txtbg.gif) top repeat-x; border:solid 1px #ccc;}
	
	#otherdocument {padding-top:20px}
		#otherdocument h3 {
			font-size:120%; font-weight:bold;
			/*background:url(../assets/news_hdr_botbg.gif) bottom repeat-x;*/
			border-bottom:solid 1px #ccc;
			padding-bottom:10px;
			margin-bottom:10px;
		}
		#otherdocument li {
			padding:0 0 0 30px;
			margin:0 0 5px 0;
		}	
	.navlink img {padding:0 5px 0 0}
	
	div.error-box {
	border:solid 1px #e4ecf3;
	padding:5px 0px;
	display:none;
	font-size:90%;
	margin-bottom:5px;
	background:#ffffd3;
}
	div.error-box ol {list-style:disc; margin:0 0 0 15px;}
	div.error-box ol li {list-style:disc;}
	div.error-box label {font-weight:normal;}