/****************************************************
updated or new for axon advisors
****************************************************/

body {
	background: #cdcdcd;
	color: #000;
	font: 11pt "microsoft sans serif", helvetica, sans-serif;
	margin: 0;
	margin-bottom: 20px;
	z-index: 0;
}
#main_container {
	width: 928px;
	position: relative;
	margin-left: -464px;
	left: 50%;
	overflow: visible;
}
#logo {
	background: url(/static/img/axon/logo_with_radial_gradient.jpg) no-repeat top left;
	width: 517px;
	height: 379px;
	margin-bottom: -229px;
	z-index: 0;
	position: relative;
	margin-left: -577px;
	left: 50%;
}
h1.seo, #main_nav a span {
	opacity: 0;
	margin: 0;
	/* IE-specific below */
	filter: alpha(opacity = 0);
	zoom: 1;
	visibility: hidden;
}
#axon {
	position: absolute;
	top: 42px;
	left: 50%;
	margin-left: -182px;
	z-index: 2;
}
#login {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: 265px;
	width: 200px;
	text-align: right;
	font-size: 0.9em;
	z-index: 3;
}
#login input {font-size: 0.8em;}
.navbar {
	margin: 0;
	padding: 0;
	height: 43px;
	z-index: 1;
	border: 0;
}
#main_nav {background: url(/static/img/axon/bg_navbar_off.jpg) no-repeat;}
#main_nav a span {font-size: 4px;}
.navbar a {
	height: 32px;
	padding: 0;
	margin: 0;
	padding-top: 11px;
	display: block;
	text-align: center;
	float: left;
	color: #000;
	font-size: 1.1em;
	border: 0;
}
#nav_home {width: 98px;}
#nav_home:hover {background: url(/static/img/axon/bg_navbar_on.jpg) no-repeat 0px 0px;} 
#nav_home.selected {background: url(/static/img/axon/bg_navbar_on_heavy.jpg) no-repeat 0px 0px;}
#nav_services {width: 119px;}
#nav_services:hover {background: url(/static/img/axon/bg_navbar_on.jpg) no-repeat -98px 0px;} 
#nav_services.selected {background: url(/static/img/axon/bg_navbar_on_heavy.jpg) no-repeat -98px 0px;}
#nav_network {width: 129px;}
#nav_network:hover {background: url(/static/img/axon/bg_navbar_on.jpg) no-repeat -217px 0px;} 
#nav_network.selected {background: url(/static/img/axon/bg_navbar_on_heavy.jpg) no-repeat -217px 0px;}
#nav_clients {width: 114px;}
#nav_clients:hover {background: url(/static/img/axon/bg_navbar_on.jpg) no-repeat -346px 0px;} 
#nav_clients.selected {background: url(/static/img/axon/bg_navbar_on_heavy.jpg) no-repeat -346px 0px;}
#nav_experts {width: 121px;}
#nav_experts:hover {background: url(/static/img/axon/bg_navbar_on.jpg) no-repeat -460px 0px;} 
#nav_experts.selected {background: url(/static/img/axon/bg_navbar_on_heavy.jpg) no-repeat -460px 0px;}
#nav_compliance {width: 227px;}
#nav_compliance:hover {background: url(/static/img/axon/bg_navbar_on.jpg) no-repeat -581px 0px;} 
#nav_compliance.selected {background: url(/static/img/axon/bg_navbar_on_heavy.jpg) no-repeat -581px 0px;}
#nav_about {width: 120px;}
#nav_about:hover {background: url(/static/img/axon/bg_navbar_on.jpg) no-repeat -808px 0px;}
#nav_about.selected {background: url(/static/img/axon/bg_navbar_on_heavy.jpg) no-repeat -808px 0px;}
#content {
	background: #eee;
	z-index: 1;
	margin: 0;
}
#main_column {
	width: 648px;
	padding: 20px 25px;
	float: left;
}
#side_column {
	width: 180px;
	padding: 20px 25px;
	float: left;
}
#side_column ul {
	text-align: right;
	list-style-type: none;
	margin-top: 0;
	padding-left: 0;
	margin-left: 0;
}
#side_column ul a {color: #608;}
#full_width {
	padding: 20px 25px;
	z-index: 1;
}
#footer {
	text-align: center;
	padding: 20px 0 5px;
}

/****************************************************
homepage
****************************************************/

#synergies {
	text-align: center;
/*	margin: 0 auto;
	width: 620px;
	height: 48px;
	background: url(/static/img/axon/synergies.jpg);*/
}
#synergies h1 {
	font-weight: normal;
}
p.home_blurb {margin: 2em 3em;}
p.home_blurb a {color: #608;}

/****************************************************
services
****************************************************/
.pane {
	display: none;
	padding: 15px;
}
.pane h2 {margin-top: 0;}
.paneContainer .pane {display: block;}
.paneContainer {
	z-index: 3;
	padding: 0;
	width: 500px;
	position: fixed;
	top: 40px;
	left: 50%;
	margin-left: -250px;
	background: #fda;
	overflow: auto;
}
.paneCloseButton {
	position: fixed;
	top: 32px;
	left: 50%;
	margin-left: 233px;
	cursor: pointer;
	z-index: 4;
	width: 24px;
	height: 24px;
	background: url(/static/img/close.gif) no-repeat;
}
/****************************************************
common elements
****************************************************/

#progress_spinner_container {
	position: fixed;
	top: 24px;
	left: 16px;	
	display: none;
	z-index: 2;
}
#progress_spinner {
	width: 60px;
	background: #fff;
	border: 2px solid #fa0;
	padding: 6px;
	text-align: center;
	font-size: 8pt;
	color: #000;
}
#messages {
	position: fixed;
	left: 50%;
	top: 0;
	width: 600px;
	margin-left: -300px;
	background: #FF6;
	padding: 10px 20px;
	color: #000;
	font-size: 0.9em;
}
.hidden {display: none;}


/****************************************************
float trick
see http://www.positioniseverything.net/easyclearing.html 
****************************************************/

/* modified float fix
*/

ul.horizontal, .formtable ul {
	display: inline-block;
	list-style-type: none;
	padding-left: 0;
	margin: 0;
/*	overflow: auto;*/
}
.horizontal li, .formtable ul li {
	list-style-type: none;
	float: left;
	margin-right: 0.8em;
}
.horizontal:after, #nav:after, #splash:after, .clearblock {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .horizontal {height: 1%;}
.horizontal {display: block;}

/****************************************************
text
****************************************************/

#nav a, #home_title, h1, h2, h3, h4 {font-family: helvetica, sans-serif;}
img {border: 0;}
.flush_top {margin-top: 0;}
p {line-height: 1.25em;}
.indent {padding-left: 1.5em;} /* same as .formtable th */
.small_indent {padding-left: 1em;} 
.small {
	font-size: 9pt;
	margin-top: 0;
}
.medium {font-size: 10pt;}
.normal {font-weight: normal;}
.biglinks {font-size: 1.2em;}
a {
	text-decoration: none;
	color: #1100CE;
}
.helptext {
	font-size: 0.8em;
	color: #555;
}
.errorlist {
	color: #900;
	font-size: 0.8em;
}
.page_header {
	margin-top: 0;
	font-weight: normal;
	color: #999;
}
.biopic {
	float: left;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}
.right {text-align: right;}

/****************************************************
tables
****************************************************/

th, td {
	vertical-align: top;
	text-align: left;
	font-size: 10pt;
}
.clean {border-spacing: 0;}
.clean th, .clean td {
	padding: 2px 1em 2px 2px;
}
tr.row0 td {background: #ddd;}
.center {text-align: center;}

/****************************************************
forms
****************************************************/

input, textarea {font-size: 10pt;}
.formtable th {
	padding-left: 1.5em; /* same as p.indent */
	padding-right: 5px; 
	text-align: left;
	font-weight: normal;
	width: 200px;
}
.th_right th {text-align: right;}
.th_right th.left_align {text-align: left;}
.formtable th.left_indent {
	padding-left: 1.5em;
	text-align: left;
}
.formtable th.far_left_align {
	padding-left:0px;
	text-align:left;
}
.formtable td.left_pad {
	padding:7px 0px 7px 22px;
	font-size:15px;
}
input.text, input.password, textarea {
	background: #eaeaea url(/static/img/input_vert_gradient.png) repeat-x bottom;
	border: 1px solid #999;
	font-family: "microsoft sans serif";
}
.formtable input.text, .formtable input.password, .formtable textarea, .formtable select {width: 331px;}
.formtable input.medium {width: 196px;}
.formtable input.short {width: 163px;}
.formtable input.shorter {width: 131px;}
.formtable select.shortest {width: 60px;}
.extra_street {display: none;}

/****************************************************
consult list
****************************************************/

.no_records {
	padding: 0 1em 3em;
}
h3.group_header {margin: 1.5em 0 3px 0;}
table.consult_list {width: 100%;}
table.consult_list td, table.consult_list th {padding: 1px 4px;}
div.consult_info_popout {
	border: 1px solid #999;
	margin: 3px 0;
	padding: 0.5em;
	background: #c5cae5;
}
div.consult_info_popout table th {
	padding-right: 1em;
	font-weight: normal;
}
.share_dot {margin-left: 3px;}
.limited_profile {color: #DE8500;}
.full_profile {color: #090;}
.highlight {color: #090;}
.fullwidth {width: 300px;}

/****************************************************
suggestion box
****************************************************/

#suggestions {
	margin-top: 40px;
	border: 1px solid #999;
	padding: 3px;
}
#suggestions input {
	font-size: 0.7em;
}
#suggestions textarea {
	width: 99%;
	font-size: 0.8em;
}
#suggestions h5 {
	margin-top: 2px;
	margin-bottom: 2px;
}

/****************************************************
new consultant form 
****************************************************/

#duplicate {display: none;}
#duplicate div {
/*	display: none;*/
	border: 2px solid #f90;
	padding: 1em;
	margin: 1em;
	background: #fca;
}
#duplicateUsername, #duplicateEmail {
	font-family: monospace;
}
#duplicateList th {
	font-weight: bold;
	text-align: left;
	padding-left: 0;
	padding-right: 1em;
}
#dupePromptContainer {
	display: none;
	width: 500px;
	z-index: 2;
}
#dupePrompt {
	width: 100%;
	background: #fca;
	color: #000;
	padding: 15px;
	font-size: 10pt;
}