/*   
Theme Name: Next Communications general site stylesheet
Description: Standard Style sheet for Next site.
Author: David Souza
Version: 1.2

   COLORS
   Company Orange:				  #fe6509
   Main Content Background:       #fff
   Outside Background:			  #b1b1b1
   Main Nav:					  #fcc141
   Section Text in Nav:			  #993c02
   Content Text:				  #555
   Footer Nav:					  #aaa
   Block Quote ":				  #eee
   Links:						  #a60000

   TABLE OF CONTENTS
   TYPOGRAPHY
	Global
	Top Bar
	Nav
	Content
	Right Column
	Footer
	
   LAYOUT
	Global
	Top Bar
	Nav
	Content
	Right Column
	Footer
	
   MODULE
	Errors
	Forms
	Image Setter
	
   WIDGET
	Cube
	Map
	Scroll Nav
	Search
	User Nav
*/


/*	=TYPOGRAPHY: Global
	------------------------------------------------------ */
body {
	font: normal normal normal 16px/1.2em "Trebuchet MS", Tahoma, sans-serif;
}

h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1em; }

h1, h2, h3, h4, h5, p {
	margin-bottom: .5em;
}

h1 { 
  font-weight: 300;
  line-height: 1;
}

h1 sup {
  font-size: .4em;
}

p, address { 
	font-size: .85em;
	line-height: 1.2em;
}

address {
	margin-bottom: 1em;
	text-transform: lowercase;
}

blockquote {
	color: #fe6509;
	font: bold 1.25em/1.5em Georgia, "Times New Roman", serif;
	letter-spacing: 1px;
	line-height: 1.5em;
	margin: 1.5em 3em;
	text-indent: -1.5em;
}

blockquote .quote {
	color: #eee;
	font-size: 2.5em;
	line-height: 0;
	position: relative;
	top: .3em;
}

strong {
	color: #fe6509;
}

fieldset em {
  color: #fe6509;
  font-size: .8em;
}

.large {
  font-size: 1.5em;
}

.small {
  font-size: .8em;
}

.gray {
  color: #555555 !important;
}

.normal_case {
  text-transform: none !important;
}

.next, blockquote .next {
	font-style: italic;
	text-transform: lowercase;
}

ul.with_bullets {
  list-style: disc !important;
}

a:hover .next {
	color: inherit;
	font-weight: inherit;
}

/* Used to seperate a text element from the surronding text. ex. the S if the four S's header */
.pop { 
	color: #fcc141;
	font-size: 1.4em;
	text-transform: capitalize;
}

.select_all {
	color: #fe6509;
	text-decoration: underline;
}

.select_all:hover {
	color: #004f80;
	cursor: pointer;
}

sup {
  position: relative;
  top: 2px;
  font-size: .7em;
  line-height: .1;
}

ul.not_inset,
ul.not_inset li {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.delayed {
  display: none;
}


/*	=TYPOGRAPHY: Top Bar
	------------------------------------------------------ */
#logo_text {
	color: white;
	font-size: 14px;
	letter-spacing: .2em;
	text-indent: -5000px;
	text-transform: lowercase;
}

/*	=TYPOGRAPHY: Nav
	------------------------------------------------------ */
#section_text h3 {
	color: #5f564d;
	font-size: 15px;
}

#section_text p {
	color: #993c02;
	font-size: 12px;
	line-height: 1.25em;
	text-align: left;
}

.tag {
	color: #a99c8f;
	font-size: 50px;
	font-weight: normal;
	letter-spacing: 0em;
	line-height: .7em;
	text-indent: -5000px;
	text-transform: lowercase;
}

#nav_menu ul a {
	color: #fcc141;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
}

#nav_menu ul li a:hover {
	color: white;
}

#nav_menu ul li a.hover {
	color: white;
}


#nav_menu ul a.small {
	text-transform: lowercase;
	font-size: 12px;
	font-style: italic;
}

#nav_menu ul ul a {
	color: #5f564d;
	text-transform: lowercase;
	font-style: italic;
	font-size: 12px;
}


/*	=TYPOGRAPHY: Content
	------------------------------------------------------ */
#content {
	font-size: 15px;
	color: #555;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
	text-transform: lowercase;
	color: #fe6509;
}

#content p {
	line-height: 1.4em;
	margin-bottom: .7em;
}

#content li {
	margin-left: 2em;
	font-size: .85em;
	margin-bottom: 1em;
}

#content a {
	color: #fe6509;
	font-style: italic;
}

#content a:hover {
	color: #004f80;
}

h1 .company {
  display: block;
	color: #555555;
	text-transform: none;
}

#content .content_container h1 {
  left: 0;
  text-align: left;
}


/*	=TYPOGRAPHY: Right Column
	------------------------------------------------------ */
#right_col .body {
	font-size: .8em;
}

#right_col a {
	color: #fff;
	text-decoration: none;
}

#right_col a:hover {
	color: #555;
	text-decoration: underline;
}


/*	=TYPOGRAPHY: Footer
	------------------------------------------------------ */
#footer ul a, #user_nav a {
	font-size: 12px;
	font-weight: bold;
	color: #aaa;
	text-transform: lowercase;
	text-decoration: none;
}

#footer ul a:hover {
	text-decoration: underline;
	color: #fe6509;
}


/*	=TYPOGRAPHY: Companies
	------------------------------------------------------ */
.company h2 {
	font-size: 1em; /* Style of companies #index entry */
}


/*	=LAYOUT: Global
	------------------------------------------------------ */
body {
	background: #b1b1b1;
}

#page_backer {
	background: #fff;
	position: fixed;
	width: 960px;
	height: 100%;
}

.clear {
	clear: both;
}

fieldset {
	border: 1px solid #aaa;
  margin-top: 2em;
	padding: 2em;
}

fieldset legend {
	border: 1px solid #aaa;
	padding: .25em 1em;
}

li.inactive {
  background: #ededed;
  padding-left: 5px;
}

textarea.full_width {
  width: 100%;
  height: 400px;
}


/*	=LAYOUT: Top Bar
	------------------------------------------------------ */
#top_bar {
	background: white;
	position: fixed;
	left: 0;
	top: 0;
	width: 960px;
	height: 152px;
	z-index: 2;
}

#top_bar_side {
	background: transparent url('../images/site_images/logo.png') no-repeat;
	height: 152px;
	width: 100%;
}

#logo_text {
	position: absolute;
	left: 88px;
	top: 35px;
	width: 238px;
	height: 65px;
}

#top_fade {
	background: url('../images/site_images/fade_top.png') repeat-x;
	position: fixed;
	left: 450px;
	top: 152px;
	width: 420px;
	height: 76px;	
}


/*	=LAYOUT: Nav
	------------------------------------------------------ */
#nav {
	background: transparent url('../images/site_images/nav.gif') no-repeat;
	position: fixed;
	left: 0;
	top: 152px;
	width: 528px;
	height: 525px;
	overflow: visible;
	z-index: 1;
}

.diag_spacer {
	float: right;
	clear: right;
	font-size: 13px;
	height: 1.25em;
	background: none;
	display: none;
}

#diag_spacer_line1 { width: 30px; }
#diag_spacer_line2 { width: 50px; }
#diag_spacer_line3 { width: 70px; }
#diag_spacer_line4 { width: 90px; }
#diag_spacer_line5 { width: 110px; }
#diag_spacer_line6 { width: 130px; }

#diag_mask {
	background: url('../images/site_images/diag_mask.gif') no-repeat top right;
	position: fixed;
	left: 450px;
	top: 152px;
	width: 78px;
	height: 78px;
	z-index: 4;
}

#diag_mask.large_mask {
  left: 350px;
  width: 178px;
  height: 178px;
}

.diag_mask {
	background: transparent url('../images/site_images/diag_mask2.gif') right top no-repeat;
	z-index: 4;
}

.diag_mask.cell0 {
	background: url('../images/site_images/diag_mask.gif');
}

#section_text {
	position: fixed;
	left: 190px;
	top: 167px;
	width: 260px;
	height: 5em;
	z-index: 20;
}

.tag {
	background-repeat: no-repeat;
	position: fixed;
	left: -3px;
	top: 258px;
	width: 420px;
	height: 66px;
	overflow: visible;
	z-index: 30;
}

#tag_whos_next { background: url('../images/taglines/whos_next.gif'); }
#tag_marketing { background: url('../images/taglines/marketing.gif'); }
#tag_creative { background: url('../images/taglines/creative.gif'); }
#tag_pr { background: url('../images/taglines/pr.gif'); }
#tag_interactive { background: url('../images/taglines/interactive.gif'); }
#tag_next_steps { background: url('../images/taglines/next_steps.gif'); }

#tag_orbital_branding { background: url('../images/taglines/orbital_branding.gif'); }
#tag_our_work { background: url('../images/taglines/our_work.gif'); }
#tag_pr { background: url('../images/taglines/press_releases.gif'); }
#tag_next_buzz { background: url('../images/taglines/next_buzz.gif'); }
#tag_the_next_step { background: url('../images/taglines/the_next_step.gif'); }
#tag_elevator_pitch { background: url('../images/taglines/elevator_pitch.gif'); }


#nav_menu {
	position: fixed;
	left: 0;
	top: 237px;
	width: 190px;
	z-index: 301;
}

#nav_menu ul {
	position: absolute;
	right: 0;
	padding-top: 7px;
	text-align: right;
	white-space: nowrap;
}

#nav_menu li {
	padding: 7px 0;
}

#nav_menu ul ul li {
	padding: 0;
}

#nav_menu ul ul {
	position: absolute;
	right: -150px;
	top: 0;
	width: 130px;
	height: 100%;
	padding: 14px 0 20px 20px;
	text-align: left;
	display: none;
}

#nav_menu ul li:hover .sub_menu {
	display: block;
}


/*	=LAYOUT: Content
	------------------------------------------------------ */
#content {
	position: absolute;
	left: 350px;
	width: 500px;
	padding: 210px 0 50px;
	overflow: visible;
	z-index: 2;
}

.content_spacer {
	float: left;
	clear: left;
	height: 1.25em;
	padding-left: .5em;
	font-size: inherit;
}

.content_container {
	margin: 30px 0 0 100px;
}

.content_padding.top {
	width: 100%;
	height: 120px;
}

#content_spacer_line1 { width: 8em; }
#content_spacer_line2 { width: 6.75em; }
#content_spacer_line3 { width: 5.5em; }
#content_spacer_line4 { width: 4.25em; }
#content_spacer_line5 { width: 3em; }
#content_spacer_line6 { width: 1.75em; }
#content_spacer_line7 { width: .5em; }

#content h1 {
	position: relative;
	left: -13px;
	text-align: center;
}

#content ul {
	list-style: none;
}

#content .page_nav {
	text-align: right;
}


/*	=LAYOUT: Right Layout
	------------------------------------------------------ */
#right_col {
	background: white;
	position: fixed;
	top: 0;
	width: 960px;
	height: 100%;
}

#right_col div {
	z-index: 50;
}

#right_col .top {
	background: url('../images/site_images/right_bar_top.gif') no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	width: 89px;
	height: 85px;
	overflow: visible;
	z-index: 51;
}

#right_col .body {
	background: url('../images/site_images/right_bar_bottom.gif') repeat-y;
	position: absolute;
	right: 0;
	top: 85px;
	width: 79px;
	height: 100%;
	padding: 4em 5px;
}


/*	=LAYOUT: Footer
	------------------------------------------------------ */
#footer {
	background: transparent url('../images/site_images/fade_bottom.png') repeat-x;
	position: fixed;
	bottom: -1px;
	left: 190px;
	width: 770px;
	height: 42px;
	z-index: 50;
}

#footer ul {
	padding: 15px 0 15px 0;
}

#footer li {
	display: inline;
	margin-right: 2em;
}


/*	=MODULE: Blog Posts
	------------------------------------------------------ */
.blog_posts li {
  position: relative;
}

.blog_posts h1 {
	font-size: 1.2em;
	text-align: left !important;
	text-transform: none !important;
}

.blog_posts h1 a {
	font-style: normal !important;
	font-weight: 400;
	text-decoration: none;
}

.blog_posts h1 a:hover {
	text-decoration: underline;
}

.blog_posts .buzz_bug {
  position: absolute;
  left: -25px;
  top: -4px;
}

.blog_posts h2,
.blog_posts h3,
.blog_posts h4,
.blog_posts h5 {
	font-size: 1em !important;
	text-transform: none !important;
}

.blog_posts .description h1, .blog_posts .description img {
	display: none;
}

.blog_posts .read_article {
	margin-top: -1em;
	font-size: .8em;
	text-align: right;
}

.blog_post {
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
}

.blog_post.last {
	border-bottom: none;
}

.post {
  font-size: 14px;
}

.post h1,
.post h2,
.post h3,
.post h4,
.post h5 {
  text-align: left;
  text-transform: none !important;
}

.post h1 { font-size: 18px; }
.post h2 { font-size: 14px; }
.post h3 { font-size: 13px; }
.post h4 { font-size: 12px; }
.post h5 { font-size: 12px; font-weight: normal; }

.post .date,
.post .author {
  text-align: center;
}

.post .date {
  margin-bottom: 0 !important;
}

.post .float_left_wrapper,
.post .float_right_wrapper {
  padding: 0;
}

.post .float_left {
  margin-left: 0;
}

.post .float_right {
  margin-right: 0;
}

#content .comments {
  font-size: 12px;
}

#content .comments hr {
  margin: 2em 0;
}

#content .comments li {
  margin-bottom: 2em;
}

#content .comments .name {
  margin-bottom: -.25em;
  color: #fe6509;
  font-size: 14px;
  font-weight: bold;
}

#content .comments .name em {
  color: #999;
  font-size: 10px;
}

#content .comments .controls {
  font-size: 10px;
}

#content .comments .body {
  font-size: 12px;
}

#content .comments .new_comment {
  margin-top: 2em;
}

#content .comments label {
  font-size: 12px;
}

#content .comments textarea {
  width: 100%;
  height: 200px;
}

#content .comments input {
  display: block;
  width: 100px;
  border: 1px solid #555;
  background: #eee;
  margin: .5em auto 2em;
  padding: .25em 1em;
  text-align: center;
}



/*	=MODULE: Errors
	------------------------------------------------------ */
.errorExplanation {
	background: #b1b1b1;
	border: 3px solid red;
	color: #555;
	margin-bottom: 1em;

}

.errorExplanation h2 {
	font-size: 1em;
	background: red;
	color: white !important;
	padding: .5em 1em;
	text-transform: none !important;
}

.errorExplanation p {
	margin-left: 2em;
}

.errorExplanation ul {
	list-style: square !important;
	margin: 1em;
}

.errorExplanation li {
	margin-bottom: .5em !important;
	margin-left: 2em !important;
	text-align: left;
}

.fieldWithErrors {
	color: #f00;
	display: inline;
}

.fieldWithErrors input {
	background: #fdd;
	border: 2px solid #f00;
}


/*	=MODULE: Forms
	------------------------------------------------------ */
ul.form_list {
	list-style: none !important;
}

ul.form_list li {
	margin: 0 0 .5em !important;
	text-align: left;
}

ul.form_list label, ul.form_list input, ul.form_list textarea {
	color: inherit;
	font-size: 12px;
}

ul.form_list label, ul.form_list input {
	height: 12px;
}

ul.form_list input, ul.form_list textarea {
	border: 1px solid #aaa;
}

ul.form_list input, ul.form_list textarea {
	width: 324px;
}

ul.form_list input.file {
	width: 53.5% !important;
}

ul.form_list input.button {
	background: #ededed;
	display: block;
	height: 2em;
	margin: 0 auto;
	width: 100px;
}

ul.form_list .remove {
	display: block;
	margin-top: -.5em;
	text-align: right;

}

ul.form_list label.float {
	display: block;
	float: left;
}

ul.form_list label {
	display: inline-block;
	margin-left: -40px;
	margin-right: 4px;
	text-align: right;
	width: 104px;
}

ul.form_list label.top_label,
ul.form_list .top_label label {
  display: block;
  width: auto;
  margin: 1.5em 0 .25em 0;
  text-align: left;
}

ul.form_list .top_label input,
ul.form_list .top_label textarea {
  width: 100%;
}

ul.form_list .checkbox li,
ul.form_list li.checkbox {
  width: 100%;
  overflow: auto;
}

ul.form_list input.checkbox,
ul.form_list .checkbox input {
  width: auto !important;
  margin: 0;
}

ul.form_list input.checkbox.right {
  float: none;
}

ul.form_list .left {
  width: 100%;
  overflow: hidden;
}

ul.form_list .left label {
  display: inline;
  position: relative;
  float: none;
  top: -2px;
  width: auto;
  margin-left: 5px;
  text-align: left;
}

ul.form_list .left input {
  float: left;
}

ul.form_list .even {
	background: #ededed;
}

ul.form_list .odd, form .even {
	padding: 1em .5em;
}

ul.form_list .new_form {
	border-top: 4px #555 dotted;
	margin-top: 1em;
	padding-top: 2em;
}


/*	=MODULE: Image Setter
	------------------------------------------------------ */
.float_left_wrapper {
	padding-left: 7em;
}

.float_left {
	float: left;
	margin: 1em;
	margin-bottom: 0 !important;
	margin-left: -6em;
}

.float_right_wrapper {
	padding-right: 7em;
}

.float_right {
	float: right;
	margin: 1em;
	margin-bottom: 0 !important;
	margin-right: -6em;
}


/*  =MODULE: Portfolio Spread
  ------------------------------------------------------ */
#content .portfolio_spread {
  position: absolute;
  left: 0;
  top: 95px;
}

#content .portfolio_spread .example_box {
  position: absolute;
  left: 150px;
  top: 0;
}

#content .portfolio_spread .example_box .example_image {
  position: relative;
  width: 350px;
  height: 460px;
}

#content .portfolio_spread .example_box .example_image img {
  position: absolute;
  left: 0;
  bottom: 0;
  border: 1px solid #ddd;
}

#content .portfolio_spread .example_box .example_image .off {
  display: none;
}

#content .portfolio_spread .example_box .example_image h2 {
  display: none;
}

#content .portfolio_spread .example_box h2 {
  float: right;
  color: #aaa;
  font-size: 14px;
  font-weight: 400;
}

#content .portfolio_spread .example_box h2 .pdf {
  font-size: 11px;
}

#content .portfolio_spread .example_box ul {
  float: left;
  margin-top: 3px;
}

#content .portfolio_spread .example_box ul li {
  background: #b1b1b1;
  float: left;
  width: 12px;
  height: 12px;
  margin: 0 3px 0 0;
  text-align: center;
}

#content .portfolio_spread .example_box ul li a {
  display: block;
  color: #888;
  font-size: 10px;
  line-height: 11px;
  font-style: normal;
  text-decoration: none;
}

#content .portfolio_spread .example_box ul li.active,
#content .portfolio_spread .example_box ul li:hover {
  background: #fe6509;
}

#content .portfolio_spread .example_box ul li:hover a,
#content .portfolio_spread .example_box ul li.active a {
  color: #fcaf7e;
  color: white;
}

#content .portfolio_spread .info_box {
  position: absolute;
  left: -60px;
  top: 305px;
  width: 188px;
}

#content .portfolio_spread .info_box .jScrollPaneDrag {
  background: #ddd;
}

#content .portfolio_spread .info_box h1 {
  height: 20px;
  left: 0;
  margin-bottom: 10px;
  color: #aaa;
  font-size: 21px;
  font-weight: 400;
  text-align: left;
}

#content .portfolio_spread .info_box .admin_nav {
  position: absolute;
  top: -25px;
  right: 0;
  font-size: 11px;
}

#content .portfolio_spread .info_box .copy {
  height: 123px;
  overflow: auto;
  font-size: 11px;
}

#content .portfolio_spread .info_box .copy_wrapper {
  border: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
}


/*	=WIDGET: Admin Nav
	------------------------------------------------------ */
#admin_nav {
	position: fixed;
	left: 320px;
	top: 0;
	padding: 10px 10px 10px;
	border: 1px solid #ccc;
	border-top: none;
	z-index: 60;
}

#admin_nav h5 {
  margin-bottom: 0;
	color: #a4a4a4;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	text-transform: lowercase;
}

#admin_nav li {
	float: left;
	margin-right: 15px;
}

#admin_nav a {
  color: #fe6509;
}


/*  =WIDGET: Client/Industry List
  ------------------------------------------------------ */
.client_list {
  width: 100%;
}

.client_list td {
  width: 50%;
  vertical-align: top;
}

.client_list td p {
  font-size: 12px;
}

.industry_list {
  position: absolute;
  left: -75px;
  top: 425px;
}

.industry_list .explanation {
  float: right;
  width: 300px;
}

.industries {
  font-size: 11px;
}



/*	=WIDGET: Flash Content
	------------------------------------------------------ */
#flashcontent {
	position: absolute;
	left: 250px;
	width: 600px;
	height: 700px;
	z-index: 49;
}

#cubic_gallery {
  position: relative;
  left: 100px;
  top: 30px;
}

#orbital_marketing {
  position: relative;
  left: -54px;
  top: 15px;
}

#orbital_matrix {
  display: none;
}

#orbital_matrix table {
  float: right;
  font-size: 10px;
}

#orbital_matrix td, #orbital_matrix th {
  border: 1px solid #444;
  padding: .1em .5em;
  line-height: 1.2;
}

#orbital_matrix td.empty {
  border: 0;
}


/*	=WIDGET: Flash
	------------------------------------------------------ */
.flash {
	position: fixed;
	left: 535px;
	top: 152px;
	width: 320px;
	z-index: 5;
	font-size: 12px;
	font-style: italic;
	text-align: center;
}

.flash .notice {
	color: green;
}

.flash .warning {
	color: red;
}


/*	=WIDGET: Map
	------------------------------------------------------ */
.map {
	margin: 20px 0;
	text-align: right;
}

.map small {
	font-size: .8em;
}


/*	=WIDGET: Output Area
	------------------------------------------------------ */
.output_area p {
	margin-bottom: 0 !important;
}

.output_area textarea {
	width: 100%;
	height: 300px;
}


/*  =WIDGET: Press Releases
  ------------------------------------------------------ */
#content .press_releases h1 {
  left: 0;
  text-align: left;
}

#content .press_releases li {
  position: relative;
  min-height: 50px;
  margin-left: 0;
}

#content .press_releases .thumb {
  display: block;
  position: absolute;
  left: -57px;
  top: 5px;
  width: 50px;
  text-align: right;
}

#content .press_releases .release_date {
  display: block;
}

#content .press_releases .headline {
  display: block;
}


/*	=WIDGET: reCAPTCHA
	------------------------------------------------------ */
#recaptcha_widget {
/*	background: #fcd6bd;*/
	float: right;
	width: 324px;
	margin-right: 4px;
/*	margin: 1em auto;*/
/*	padding-left: 64px;*/
/*	padding: 10px 20px 0;*/
/*	border: 1px solid #aaa;*/
}

#recaptcha_widget input {
	float: left;
	width: 175px;
	margin-right: 10px;
}

#recaptcha_widget #recaptcha_image {
	width: 324px !important;
	border: 1px solid #aaa;
}

#recaptcha_widget #recaptcha_image img {
	margin: 0 auto;
}

#recaptcha_widget .recaptcha_controls {
	float: right;
	width: 112px;
}

#recaptcha_widget .recaptcha_controls div {
	float: left;
}

#recaptcha_widget .powered_by {
	position: relative;
	top: -6px;
	margin: 0;
	color: #ccc;
}


/*	=WIDGET: Scroll Nav
	------------------------------------------------------ */
#scroll_nav {
	position: absolute;
	width: 85px;
/*  height: 250px;*/
	left: 10px;
	top: 25px;
/*  background: transparent url('../images/scroll_nav_bg.png') no-repeat;*/
	z-index: 10000;

	/*display: none;*/ /* SCROLL NAV IS OFF */
}

#scroll_nav .header {
	font-size: 11px;
  font-weight: bold;
	color: #888;
	color: white;
	text-align: center;
	position: relative;
	width: 80px;
	margin: 7px 0 0;
	z-index: 200;
	white-space: nowrap;
}

#scroll_nav hr {
  border: 1px solid #888;
}

#scroll_nav .holder {
	position: relative;
	width: 64px;
	margin: 0 8px;
}

#scroll_nav .jScrollPaneTrack {
  display: none;
}

#scroll_nav ul {
	color: black;
  height: 312px;
	overflow: auto;
}

#scroll_nav li {
  position: relative;
  height: 62px;
  margin: 0;
	color: black;
}

#scroll_nav img {
  position: absolute;
  left: 0;
  top: 0;
	width: 60px;
	height: 60px;
	border: 2px solid transparent;
}

#scroll_nav img.color {
  display: none;
  z-index: 2;
}

#scroll_nav .active img.color {
  display: block;
}

#scroll_nav ul:hover img.color {
/*  display: none;*/
}

#scroll_nav a {
  display: block;
}

#scroll_nav a:hover img.color {
/*  display: block;*/
}

#scroll_nav img:hover {
/*  border: 2px solid white;*/
	z-index: 2;
}

#scroll_nav .ajax_loader {
/*  background: url('../images/ajax_background.png') center center no-repeat;*/
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;  
  border: 2px solid white;
  display: none;
  z-index: 50;
}

#scroll_nav .ajax_loader img {
  position: absolute;
  left: 22px;
  top: 40px;
  width: 16px;
  height: 11px;
}

#scroll_nav .scroll_button {
  margin-left: 2px;
	width: 60px;
	height: 19px;
	z-index: 100;
	color: #888;
	text-align: center;
}

#scroll_nav .scroll_button.on {
  color: white;
  cursor: pointer;
}

#scroll_nav #top {
	top: 0;
	left: 0;
/*  background: transparent url('../images/arrow_up_off.png') center no-repeat;*/
}

#scroll_nav #top.on {
/*  background: url('../images/arrow_up_on.png') center no-repeat;*/
}

#scroll_nav #bottom {
	bottom: 0;
	left: 0;
/*  background: transparent url('../images/arrow_down_off.png') center no-repeat;*/
}

#scroll_nav #bottom.on {
/*  background: url('../images/arrow_down_on.png') center no-repeat;*/
}


/*	=WIDGET: Search
	------------------------------------------------------ */
#right_col .search {
	background: transparent url('../images/site_images/search_bar.gif') no-repeat;
	position: absolute;
	right: 89px;
	top: 64px;
	width: 141px;
	height: 21px;
	z-index: 52;
}

#right_col .search input {
	background: none;
	position: absolute;
	border: none;
}

#right_col .search input.text {
	left: 22px;
	bottom: 1px;
	width: 120px;
	font-size: 13px;
	color: #777;
}

#right_col .search input.readonly {
	color: #aaa;
	font-style: italic;
}

#right_col .search input.submit {
	background: url('../images/site_images/search_button.gif') no-repeat;
	left: 143px;
	bottom: -3px;
	width: 22px;
	height: 21px;
}

#right_col .search input.submit:active {
	background: url('../images/site_images/search_button_active.gif') no-repeat;
}


/*	=WIDGET: User Nav
	------------------------------------------------------ */
#user_nav {
	position: absolute;
	left: 616px;
	top: 0;
	width: 340px;
	height: 85px;
	overflow: hidden;
}

#user_nav .wrapper {
	background: #ededed url('../images/site_images/user_nav_bg.gif') no-repeat;
	width: 340px;
	height: 64px;
	position: relative;
}

#user_nav .links {
	padding-top: 5px;
	margin-left: 70px;
}

#user_nav a, #user_nav p, #user_nav .links, #user_nav label {
	color: #a0a0a0;
	text-transform: lowercase;
	font-size: 12px;
}

#user_nav li label {
	position: absolute;
	top: 14px;
	left: 2px;
	margin: 0;
	text-align: left;
}

#user_nav li input {
	background: none;
	position: relative;
	top: -4px;
	width: 70px !important;
	height: 1.3em;
	padding: 0 16px;
	border: none;
}

#user_nav ul {
	position: absolute;
	top: 25px;
	left: 35px;
	width: 100%;
	height: 100%;
}

#user_nav li {
	background: transparent url('../images/site_images/user_nav_field.gif') no-repeat;
	position: relative;
	float: left;
}

#user_nav li.password {
	left: -5px;
}

#user_nav li.button {
	background: url('../images/site_images/user_nav_button.gif') no-repeat;
	left: -22px;
}

#user_nav li.button input {
	background: none;
	width: 40px;
	height: 16px;
	text-indent: -5000px;
}

#user_nav .errorExplanation {
	display: none;
}