@charset "utf-8";
/*
	Copyright - Athernet Solutions
	http://www.athernet.com
*/

body { margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.69em; color: #858585; }
input { font-family: Verdana, Arial, Helvetica, sans-serif; }

#bodyid { background: #fff url('/imgs/bg.jpg') repeat-x; text-align: center; }

ul { margin: 0px; padding: 0px; }
li { margin: 0px; padding: 0px; }
img { border: none; }

.page { margin: 0px auto; width: 960px; }

.content { float: left; width: 100%; border-left: 4px solid #e8e8e8; border-right: 4px solid #e8e8e8; }

.nav { margin: 0px auto; width: 960px; height: 33px; font-size: 1.11em; list-style: none; background: #333333; }

.nav li { float: left; margin-top: 9px; padding-left: 10px; padding-right: 10px; border-right: 1px solid #fff; }

.nav li a { color: #fff; text-decoration: none; }

#active { color: #ffcc00; text-decoration: underline; }

#last { border: none; }

.header { float: left; width: 960px; height: 170px; }

.left { float: left; width: 180px; list-style: none; }
.left li {  }
.left li a { margin-top: -1px; float: left; padding: 10px; padding-left: 30px;  width: 191px; color: #000; text-decoration: none; text-align: left; background: url('/imgs/left.jpg') no-repeat; }
.left li a:hover { color: #fff; font-weight: bold; background: #fdc100 url('/imgs/left_hover.jpg') no-repeat; }
.left li ul { float: left; list-style: none; font-size: 0.9em; }
.left li ul li a { margin-top: 0px; margin-left: 0px; float: left; padding: 10px; padding-left: 40px; width: 181px; color: #000; text-decoration: none; text-align: left; background: url('/imgs/subnav.jpg') no-repeat; }
.left li ul li a:hover { color: #fff; font-weight: bold; background: #fdc100 url('/imgs/subnav_hover.jpg'); }

#left_active { color: #fff; font-weight: bold; background: #ffc100 url('/imgs/left_hover.jpg') no-repeat; }

.designed { margin: 15px; float: left; width: 227px; height: 146px; background: url('/imgs/designed.jpg') no-repeat; }

.designed p { float: left; margin: 8px; font-size: 0.8em; width: 107px; text-align: left; }

.lhs { float: left; width: 255px; }

.rhs { float: left; color: #000; width: 690px; margin-top: -10px; text-align: left; }
.rhs p { float: left; width: 100%; }
.rhs h1 { float: left; width: 100%; }
.rhs h2 { float: left; width: 100%; }
.rhs ul { float: left; margin-left: 15px; }
.rhs table { float: left; }

h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }

h1 { color: #333333; margin-bottom: 10px; font-weight: normal; text-align: left; }
h2 { float: left; margin-top: 15px; width: 650px; color: #333333; font-weight: bold; font-size: 1.4em; text-align: left; }
h3 { float: left; margin-top: 15px; width: 650px; color: #275082; font-weight: bold; font-size: 1em; text-align: left; }
h4 { float: left; margin-top: 10px; width: 650px; color: #858585; font-weight: normal; font-size: 1em; text-align: left; }

.featured { float: left; margin-top: 15px; padding: 10px; width: 620px; color: #000; border: 4px solid #275082; }

.featured h1 { float: left; font-size: 1.45em; font-weight: bold; width: 600px; text-align: left; text-decoration: underline; color: #034486; }

.featured p { text-align: left; line-height: 1.5em; }

.padded_image { padding-left: 10px; }

.featured_home p { float: left; width: 400px; text-align: left; line-height: 1.5em; }

.button { float: left; }

.signup { float: left; width: 100%; margin-bottom: -5px; }

.screenshot { float: right; margin-top: 20px; width: 191px; }

.featurelist { float: left; margin-top: 15px; width: 750px; list-style: none; }

.featurelist li { float: left; margin-left: -15px; margin-right: 10px; margin-bottom: 10px; width: 220px; text-align: left; }

.featurelist li img { float: left; }
.featurelist li h1 { float: left; margin-left: 10px; margin-top: 2px; height: 35px; width: 170px; color: #275082; font-size: 1em; font-weight: bold; }
.featurelist li p { float: left; margin-left: 45px; width: 170px; font-size: 0.9em; }

.we_accept { float: left; width: 670px; padding-bottom: 5px; background: #275082; text-align: center; }
.we_accept h3 { margin: 0px; padding: 5px; float: left; color: #fff; }

.footer { float: left; margin-top: 15px; margin-bottom: 10px; padding-top: 10px; width: 100%; border-top: 1px dotted #034486; list-style: none; }
.footer li { display: inline; }
.footer li a { padding-right: 10px; padding-left: 10px; color: #034486; text-decoration: none; text-transform: lowercase; border-right: 1px solid #034482; }
.footer li a:hover { text-decoration: underline; }
#last_footer { border: none; }

.copyright { float: left; margin-top: 5px; width: 100%; }
#copyright_link {
	border: none; padding: 0px; color: #999999; text-transform: none;
}

.login { display: none; position: absolute; top: 33px; left: 50%; padding: 10px; padding-bottom: 0px; text-align: left; padding-bottom: 10px; margin-left: -200px; width: 400px; background: #e8e8e8; border: 1px solid #7e7e7e; border-top: 0px; }
.login table { float: left; padding-left: 2px; margin-top: -10px; width: 100%; height: 80px; background: #fff; }
.login h1 { margin: 0px; padding: 0px; padding-top: 4px; padding-left: 2px; color: #52739b; font-size: 1.6em; }
.login a { color: #275082; }
.login input { padding: 1px;  font-size: 1.1em; color: #275082; }
.login_text { border: 1px solid #d49f00; }
.login_submit { width: 47px; height: 20px; text-indent: -3000px; background: url('/imgs/login.jpg'); border: none; }

.sys_header { float: left; width: 650px; }
.sys_header ul { float: left; margin: 0px; margin-bottom: -19px;  padding: 0px; width: 100%; list-style: none; }
.sys_header li a { float: left; padding: 10px; font-weight: bold; color: #275082; text-decoration: none; background: #ffd65a; margin-right: -4px; border: 1px solid #ffba00; }
.sys_header li a:hover { color: #fff; background: #275082; border: 1px solid #275082; }

#sys_active { background: #275082; border: 1px solid #275082; color: #fff; }

div.process_steps {	float: left; zoom: 100%; width: 100%; }
div.process_steps a { margin: 0px 5px 0px 0px; padding: 4px 4px; color: #fff; background-color: #ccc; font-size: 1.1em; text-decoration: none; display: block; float: left; border: 1px solid #aaa }
div.process_steps a.done { background-color: #275082; }

.employee_table { float: left; width: 100%; }
.employee_table a { margin-left: 15px; color: #275082; font-weight: bold; text-decoration: none; }
.employee_table td { padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid #ffd65a; }
.employee_table td.category { padding-top: 15px; font-weight: bold; font-size: 1.1em; border-bottom: 3px solid #ffd65a; }
.employee_table a:hover { text-decoration: underline; }
.blue_text { color: #275082; }

.featured ul { float: left; padding: 15px; color: #000; }
.featured li { margin-bottom: 3px; }

div.feedback_form_title {
	float: left;
	margin: 0 px 5x 0;
	padding: 5px;
	text-align:left;
	width: 280px;
	font-weight: bold;
	color: #275082;
	border-bottom: 2px solid #ffd65a;
}
div.feedback_form_input {
	float: left;
	margin: 0px 5px 2px 0;
	padding: 0;
	border-bottom: 2px solid #ffd65a;
}
div.delete_form_input {
	margin: 0 0 0 120px;
	padding: 0;
}
div.delete_form_input input {
	margin: 0 10px 0 0;
	padding: 0;
}

div.feedback_form_input span.padding_spacer {
       margin: 0 0 0 15px;
}

.submit_bold { font-weight: bold; }

.generic_table { float: left; width: 620px; }
.generic_table a { margin-left: 15px; color: #275082; font-weight: bold; text-decoration: none; }
.generic_table td { padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid #ffd65a; }
.generic_table td.category { padding-top: 15px; font-weight: bold; font-size: 1.1em; border-bottom: 3px solid #ffd65a; }
.generic_table a:hover { text-decoration: underline; }
.generic_table td.title { width: 300px; color: #275082; font-weight: bold; }
.generic_table span.hint { float: left; width: 100%; font-size: 1em; font-weight: normal; font-style: italic; }
.generic_table h2 { width: 615px; }

.error { margin: 0px; padding: 10px; padding-top: 0px; float: left; width: 597px; color: #f00; background: #FFE6E6; border: 1px solid #FFA4A4;}
.error p { font-weight: bold; }
.error ul { float: left; color: #f00; width: 580px; }
.error li { float: left; width: 100%; }

.ask_your_expert { float: left; margin-top: 15px; width: 640px; padding: 4px; background: #275082; }
.ask_your_expert table { float: left; padding: 5px; padding-top: 0px; width: 640px; text-align: left; background: #fff; }
.ask_your_expert h2 { margin: 0px; margin-top: 5px; font-size: 1.3em; padding: 0px; width: 600px; }
.ask_your_expert input.text { width: 500px; font-size: 1em; }
.ask_your_expert span { float: left; width: 100%; font-size: 1em; font-weight: normal; font-style: italic; }

h2.error { padding: 10px; }

.err_login_form { float: left; margin-top: 10px; width: 100%: }

.forgotten { float: left; color: #275082; width: 100%; margin-top: 10px; }

.popup_link { cursor: pointer; }
#hoverpopup { padding: 0; margin: 0; visibility:hidden; position:absolute; width:300px; background: #fff; border: 1px solid #7a9cff;; top:0; left:0; z-index: 100}
#hoverpopup p { padding: 0; margin: 0; color: #000; margin: 5px 5px 5px 5px; font-size: 0.9em; }

.logged_in { float: left; margin-top: -10px; width: 387px; padding-top: 10px; padding-left: 10px; background: #fff; }

.red { color: #f00; }

.filter .option { float: left; width: 275px; margin-bottom: 5px;}
.filter .option label { color:#275082; font-weight:bold; padding-top: 2px; float: left; }
.filter .option select { width: 190px; margin-right: 10px; float: right;}
.filter input { float: right; }

.filter .template-option { float: left; width: 465px; margin-bottom: 15px;}
.filter .template-option label { color:#275082; font-weight:bold; padding-top: 2px; float: left; }
.filter .template-option select { width: 370px; margin-right: 10px; float: right;}


.generic_table .text-input { width: 280px; }
.generic_table .text-input-small { width: 70px; }
.generic_table .file-input { width: 250px; }
.generic_table .select { width: 285px; }
.generic_table .select-small { width: 75px; }
.generic_table .text-area { width: 280px; }