/**
 * Screen styles for ABLE
 * Author Matthew Holmes <www.ivt.com.au>
 * Created 13 Feb 2008
 */
 
 body {
 	margin: 0;
 	padding: 0;
 	color: #777;
 	font: 62.5% Tahoma, "Lucida Grande", Arial, Helvetica, sans-serif;
 	}
 	
 	
 	/* links */
 	a {
 		color: #dd291e;
 		}
 	a:hover {
 		text-decoration: none;
 		}
 	a:focus {
 		outline: none;
 		}
 	a img {
 		border: 0;
 		}
 		
 		
 	/* common elements */
 	h1, h2, h3, h4, h5, h6, ul#nav, ul#extra, form, p {
 		margin: 0;
 		padding: 0;
 		list-style: none;
 		}
 	h2 strong {
 		display: none !important;
 		}
 		
 	p.path {
 		display: none;
 		}
 		
 		
 		/* -- structure
 		-------------------------------------------*/
 		#container {
 			width: 980px;
 			margin: 0 auto;
 			}
 			
 			/* using clearfix solution to reduce any html markup just apply class="clearfix" to any div you want. */
 			.clearfix:after {
 				display: block;
 				clear: both;
 				height: 0;
 				content: ".";
 				visibility: hidden;
 				}
 			* html .clearfix { /* ie hack it needs to use height: 1%, does not support the :after pseudoclass */
 				height: 1%;
 				}
 			*+ html .clearfix {
 				height: 1%;
 				}
 				
 				
 			
 			/* -- header */
 			#header {
 				position: relative;
 				height: 110px;
 				}
 			#header h1 {
 				padding: 35px 0 0 20px;
 				}
 				
 				
 				/* main navigation, search, signup and login */
				ul#nav {
					position: absolute;
					bottom: 18px;
					right: 20px;
					}
				#nav li {
					float: left;
					margin: 0;
					padding: 0 0 0 10px;
					background: url(../webimages/ul-nav-divider.gif) right no-repeat;
					}
				#nav li.end {
					background: none;
					}
				#nav li a {
					display: block;
					padding: 0 10px 0 0;
					}
				#nav li a.aboutable {
					width: 64px;
					height: 13px;
 					background: url(../webimages/ul-about-able.gif) no-repeat;
 					text-indent: -999em;
					}
				#nav li a.sales {
 					width: 131px;
 					height: 13px;
 					background: url(../webimages/ul-sales.gif) no-repeat;
 					text-indent: -999em;
 					}
 				#nav li a.projects {
 					width: 80px;
 					height: 13px;
 					background: url(../webimages/ul-able-projects.gif) no-repeat;
 					text-indent: -999em;
 					}
 				#nav li a.contact {
 					width: 46px;
 					height: 13px;
 					background: url(../webimages/ul-contact.gif) no-repeat;
 					text-indent: -999em;
 					}
				#nav ul {
					position: absolute;
					left: -999em;
					width: 20.4em;
					w\idth: 19.9em;
					margin: 0;
					padding: 0;
					z-index: 99;
					background: #fff;
					border: 1px solid #dedede;
					border-bottom: 0;
					}
				#nav li li {
					width: 100%;
					display: block;
					padding: 0;
					margin: 0;
					background: none;
					border-bottom: 1px solid #dedede;
					}
				#nav li li a, a.form-link {
					padding: 5px 5px 5px 25px;
					background: url(../webimages/btn-more-icon.gif) 6px 8px no-repeat;
					font-size: 1.2em;
					text-decoration: none;
					}
				a.form-link {
					display: block;
					margin: 10px 0 0;
					background: url(../webimages/btn-more-icon.gif) 6px 12px no-repeat;
					text-decoration: underline;
					}
				a.form-link:hover {
					text-decoration: none;
					}
				#nav li:hover ul ul, #nav li.hover ul ul {
					left: -999em;
					}
				#nav li:hover ul, #nav li.hover ul {
					left: auto;
					}
				#nav li:hover li a:hover, #nav li.hover li a:hover {
					background: #eee url(../webimages/btn-more-icon.gif) 6px 8px no-repeat;
					} 				

	
 				ul#extra {
 					position: absolute;
 					top: 35px;
 					right: 20px;
 					}
 				#extra li {
 					float: left;
 					margin: 0;
 					padding: 0 0 0 10px;
 					background: url(../webimages/ul-extra-divider.gif) right 5px no-repeat;
 					}
 				#extra li.end {
 					background: none;
 					padding: 0 0 0 5px;
 					}
 				#extra li a {
 					float: left;
 					display: block;
 					padding: 3px 10px 0 0;
 					font-size: 1.1em;
 					}
 				#extra li.end a {
 					padding: 3px 0 0 0;
 					}
 				#extra input {
 					width: 180px;
 					margin-right: 3px;
 					}
 				#extra button {
 					width: 50px;
 					height: 20px;
 					border: 0;
 					background: url(../webimages/btn-search.gif) no-repeat;
 					cursor: pointer;
 					text-indent: -999em;
 					}
 					
 					
 					
 				/* login */
 				div#login {
 					position: absolute;
 					top: 10px;
 					right: 20px;
 					}
 					
 				
 			
 			/* -- banner */
 			#banner {
 				height: 100px;
 				background: #ee3224;
 				}
 			div#page-title {
 				float: left;
 				width: 450px;
 				}
 			div#page-title h2 {
 				margin: 35px 0 0 20px;
 				}
 			div#random {
 				float: right;
 				width: 326px;
 				height: 100px;
 				border-left: 6px solid #fff;
 				border-right: 6px solid #fff;
 				background: #dedede;
 				}
 			div#strip {
 				float: right;
 				width: 15px;
 				height: 100px;
 				background: #dd291e;
 				}
 				
 				
 				
 			/* -- main body */
 			#main-body {
 				margin: 15px 0;
 				background: url(../webimages/bg-main-body.gif) repeat-y;
 				}
 			#inner-main-body {
 				background: url(../webimages/bg-inner-main-body.gif) top no-repeat;
 				}
 				
 				
 				/* side nav */
 				div#sidebar {
 					float: left;
 					width: 225px;
 					padding: 15px 0 15px 19px;
 					}
 				#sidebar ul {
 					margin: 15px 0 0;
 					padding: 0;
 					list-style: none;
 					border-top: 1px solid #dedede;
 					}
 				#sidebar li {
 					display: block;
 					margin: 0;
 					padding: 0;
 					border-bottom: 1px solid #dedede;
 					}
 				#sidebar li a {
 					display: block;
 					padding: 8px 12px 8px 22px;
 					background: url(../webimages/btn-more-icon.gif) 4px 12px no-repeat;
 					font-size: 1.2em;
 					}
 				#sidebar li.on a {
 					font-weight: bold;
 					text-decoration: none;
 					background: url(../webimages/btn-more-icon.gif) 4px 11px no-repeat;
 					}
 				#sidebar li ul {
 					margin: 0;
 					padding: 0;
 					border: 0;
 					}
 				#sidebar li li {
 					width: 100%;
 					margin: 0;
 					padding: 0;
 					border: 0;
 					}
 				#sidebar li li a {
 					background: none;
 					}
 				#sidebar li li.off a {
 					font-weight: normal;
 					background: none;
 					}
 				#sidebar li li.on a {
 					background: none;
 					}
 				#sidebar li li li a {
 					padding-left: 32px;
 					}
 				#sidebar li li li.on a {
 					font-weight: bold;
 					text-decoration: none;
 					background: none;
 					}
 				
 					
 				/* content */
 				div#content {
 					float: right;
 					width: 680px;
 					padding: 15px 19px;
 					font-size: 1.1em;
 					line-height: 1.6;
 					}
 				div#content h2#content-title, div#content h2#parent-title {
 					margin: 0 0 10px;
 					color: #dd291e;
 					font-size: 1.6em;
 					}
 				div#content h2#parent-title {
 					margin: 0 0 3px;
 					}
 				div#content h3#product-title {
 					margin: 0 0 5px;
 					font-size: 1.2em;
 					}
 					
 				p.breadcrumb {
 					margin: 0 0 10px;
 					}
 					
 					
 					/* sales product list */
 					table.products_list_table, table.products_category_table, table.knowledge_list_table, table.knowledge_category_table {
 						width: 100%;
 						}
 					table.products_list_table td, table.products_category_table td, table.knowledge_list_table td, table.knowledge_category_table td {
 						padding: 10px 0;
 						border-bottom: 1px solid #dedede;
 						}
 						
 						
 					table.products_list_table h3, table.products_category_table h3, table.knowledge_list_table h3, table.knowledge_category_table h3 {
 						font-size: 1.5em;
 						}
 						
 						
 					/* search */
 					div.search_form form,
 					div.search_form fieldset {
 						margin: 0;
 						padding: 0;
 						border: 0;
 						}
 					div.search_form form {
 						margin: 0 0 15px;
 						}
 					div.search_form legend,
 					div.search_form label {
 						display: none;
 						}
 					div.search_form button {
 						width: 49px;
 						height: 19px;
 						border: 0;
 						background: url(../webimages/btn-search.gif) no-repeat;
 						text-indent: -999em;
 						cursor: pointer;
 						}
 						
 					
 					/* sign up, update form, password form */
 					form#signup_form, form#update-form, form#passwordForm,
					form#signup_form fieldset, form#update-form fieldset, form#passwordForm fieldset {
						margin: 0;
						padding: 0;
						border: 0;
						}
					form#signup_form {
						margin: 15px 0 0;
						}
					form#signup_form legend, form#update-form legend, form#passwordForm legend {
						display: none;
						}
					form#signup_form fieldset fieldset legend, form#update-form fieldset fieldset legend {
						display: block;
						}
					form#signup_form ol, form#update-form ol, form#passwordForm ol {
						list-style: none;
						margin: 0;
						padding: 0;
						}
					form#signup_form li, form#update-form li, form#passwordForm li {
						clear: both;
						margin: 0 0 .75em;
						padding: 0;
						}
					form#signup_form label, form#update-form label, form#passwordForm label {
						float: left;
						display: block;
						width: 100px;
						text-align: right;
						margin-right: 5px;
						}
					form#signup_form label:after, form#update-form label:after {
						content: ":";
						}
					form#signup_form .state, form#update-form .state {
						float: left;
						margin: 0 0 .75em;
						}
					form#signup_form .receive_email, form#update-form .receive_email,
					form#signup_form .security_code_fieldset, form#update-form .security_code_fieldset {
						margin-left: 105px;
						}
					form#signup_form .receive_email legend, form#update-form .receive_email legend,
					form#signup_form .security_code_fieldset legend, form#update-form .security_code_fieldset legend {
						margin: 0;
						padding: 0;
						}
					form#signup_form .security_code_fieldset, form#update-form .security_code_fieldset {
						text-align: left;
						}
					form#signup_form .receive_email ul, form#update-form .receive_email ul,
					form#signup_form .state ul, form#update-form .state ul {
						list-style: none;
						margin: .3em 0 0;
						padding: 0;
						}
					form#signup_form li li, form#update-form li li {
						float: left;
						width: 48%;
						margin: 0;
						padding: 0;
						clear: none;
						}
					form#signup_form .receive_email label:after, form#update-form .receive_email label:after,
					form#signup_form .state label:after, form#update-form .state label:after {
						content: "";
						}
					form#signup_form .receive_email label, form#update-form .receive_email label,
					form#signup_form .state label, form#update-form .state label {
						display: inline;
						width: auto;
						margin: 0;
						}
					form#signup_form button, form#update-form button, form#passwordForm button {
						cursor: pointer;
						margin-left: 105px;
						}
					form#signup_form button.signup_button, form#passwordForm button {
						display: block;
						width: 49px;
						height: 19px;
						border: 0;
						background: url(../webimages/btn-submit.gif) no-repeat;
						text-indent: -999em;
						}
 						
 				
 				
 			/* -- footer */
 			#footer {
 				margin: 0 0 20px;
 				padding: 10px 20px;
 				background: #dedede;
 				font-size: 1.1em;
 				}
 			#footer .copyright {
 				float: left;
 				}
 			#footer .powered {
 				float: right;
 				}
 				
 				
 			
 			/* thickbox styles do not remove or modify 
			---------------------------------------------------------------*/
														#TB_overlay {
									  position: fixed;
									  z-index:100;
									  top: 0px;
									  left: 0px;
									  height:100%;
									  width:100%;
									}
									.TB_overlayMacFFBGHack {background: url(../webimages/machack.png) repeat;}
									.TB_overlayBG {
									  background-color:#000;
									  filter:alpha(opacity=75);
									  -moz-opacity: 0.75;
									  opacity: 0.75;
									}
									* html #TB_overlay { /* ie6 hack */
										 position: absolute;
										 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
									}
									#TB_window {
									  position: fixed;
									  background: #ffffff;
									  z-index: 102;
									  color:#000000;
									  display:none;
									  border: 5px solid #999;
									  text-align:left;
									  top:50%;
									  left:50%;
									}
									* html #TB_window { /* ie6 hack */
									position: absolute;
									margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
									}
									#TB_window img#TB_Image {
									  display:block;
									  margin: 15px 0 0 15px;
									  border-right: 1px solid #ccc;
									  border-bottom: 1px solid #ccc;
									  border-top: 1px solid #666;
									  border-left: 1px solid #666;
									}
									#TB_caption{
									  height:25px;
									  padding:7px 30px 10px 25px;
									  float:left;
									}
									#TB_closeWindow{
									  height:25px;
									  padding:11px 25px 10px 0;
									  float:right;
									}
									#TB_closeAjaxWindow{
									  padding:7px 10px 5px 0;
									  margin-bottom:1px;
									  text-align:right;
									  float:right;
									}
									#TB_ajaxWindowTitle{
									  float:left;
									  padding:7px 0 5px 10px;
									  margin-bottom:1px;
									}
									#TB_title{
									  background-color:#e8e8e8;
									  height:32px;
									}
									#TB_ajaxContent{
									  clear:both;
									  padding: 15px;
									  overflow:auto;
									  text-align:left;
									  line-height:1.4em;
									}
									#TB_ajaxContent.TB_modal{
									  padding:15px;
									}
									#TB_ajaxContent p{
									  padding:5px 0px 5px 0px;
									}
									#TB_load{
									  position: fixed;
									  display:none;
									  height:13px;
									  width:208px;
									  z-index:103;
									  top: 50%;
									  left: 50%;
									  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
									}
									* html #TB_load { /* ie6 hack */
									position: absolute;
									margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
									}
									#TB_HideSelect{
									  z-index:99;
									  position:fixed;
									  top: 0;
									  left: 0;
									  background-color:#fff;
									  border:none;
									  filter:alpha(opacity=0);
									  -moz-opacity: 0;
									  opacity: 0;
									  height:100%;
									  width:100%;
									}
									* html #TB_HideSelect { /* ie6 hack */
										 position: absolute;
										 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
									}
									#TB_iframeContent{
									  clear:both;
									  border:none;
									  margin-bottom:-1px;
									  margin-top:1px;
									  _margin-bottom:1px;
									}				

	
					/* dashboard
					--------------------*/
					#TB_ajaxContent #dashboard_title {
						height: 72px;
						margin: 0;
						padding: 0;
						background: #fff;
						}
					#TB_ajaxContent #dashboard_title h2 {
						padding: 20px;
						background:  url(../webimages/bg-content-title-right.gif) bottom right no-repeat;
						color: #e57200;
						font-size: 1.8em;
						font-weight: normal;
						}
					#TB_ajaxContent #dashboard_title div {
						background: #dedede url(../webimages/bg-content-title-left.gif) bottom left no-repeat;
						}
					#TB_ajaxContent form,
					#TB_ajaxContent form fieldset {
						margin: 0;
						padding: 0;
						border: 0;
						}
					#TB_ajaxContent form ol {
						list-style: none;
						margin: 0;
						padding: 0;
						}
					#TB_ajaxContent form li {
						clear: both;
						margin: 0 0 .75em;
						padding: 0;
						}
					#TB_ajaxContent form label {
						float: left;
						width: 65px;
						margin-right: 5px;
						padding: 4px 0 0;
						text-align: right;
						color: #777;
						font-size: 1.1em;
						}
					#TB_ajaxContent form label:after {
						content: ":";
						}
					#TB_ajaxContent form input {
						width: 170px;
						}
					#TB_ajaxContent form button {
						margin-left: 70px;
						padding: 0;
						border: 0;
						background: transparent;
						cursor: pointer;
						}
					#TB_ajaxContent a {
						font-size: 1.1em;
						}




/* projects table */
table.projects_table {
	margin: 15px 0 0;
	border-collapse: collapse;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	}
table.projects_table td {
	padding: 5px;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	}