/*** Reset all elements ******************************************************/
/*** The following rule sets are used to resolve browser inconsistencies in displaying various html elements. They remove some default stylings applied to these elements so that they look the same in all browsers. ***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, ol, li, fieldset, form, label, legend, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body {
	line-height: 1;
	color: black;
}

img, textarea {
	vertical-align: bottom;
}

ul, ol {
  list-style: none;
}

/*table {
	border-collapse: separate;
	border-spacing: 0;
}*/

caption, th, td {
	/*text-align: left;*/
	font-weight: normal;
}

:focus {
	outline: 0;
}

/*************************************************************************/
/*** General rule sets (apply to multiple elements on different pages) ***/

a {text-decoration: none}

body {
	line-height: 20px;
	font-family: "Helvetica Neue", Arial, sans-serif;
}

h1 {
	line-height: 40px;
	font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 36px;
	font-weight: normal;
}

h2 {
	line-height: 40px;
	font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
}

h3 {
	line-height: 40px;
	font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 21px;
	font-weight: normal;
}

h4 {
	font-size: 15px;
	font-weight: normal;
	color: #373737;
}

	h4 a {
		text-decoration: none;
	}

		h4 a:hover {
			text-decoration: underline;
		}

h5 {
	font-size: 15px;
	font-weight: normal;
}

h6 {
	font-size: 13px;
	font-weight: normal;
	color: #373737;
}

p {
	margin: 0 0 20px 0;
	font-size: 13px;
}

table {
	font-size: 13px;
}

a {
	color: #2B95C8;
}

	a:hover {
		color: #2378A1;
		text-decoration: none;
	}
	
		/*a:hover img {
			border: 2px solid #939393 !important;
			padding: 3px !important;
		}*/

img.right {
	margin: 0 0 20px 20px;
}

img.left {
	margin: 0 20px 20px 0;
}

/*table {
	margin: 0 0 20px 0;
}*/

/*input[type="text"], input[type="password"] {
	width: 288px;
	height: 32px;
	padding: 3px 0 3px 10px;
	border: 1px solid #D8D8D8;
	margin: 0 0 20px 0;
	color: #5F5F5F;
	background: #FFFFFF;
	background: url("../images/pageelements/bg_fallback_input.gif") repeat-x top left;
	background: -moz-linear-gradient(top, #F0F0F0, #FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#FFFFFF));
}

	input[type="text"]:focus, input[type="password"]:focus {
		width: 286px;
		height: 30px;
		padding: 3px 0 3px 10px;
		border: 2px solid #939393;
		background: #FFFFFF;
	}*/

textarea {
	width: 280px;
	height: 100px;
	padding: 9px;
	border: 1px solid #D8D8D8;
	margin: 0 0 20px 0;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
	color: #5F5F5F;
	background: #FFFFFF;
	background: url("../images/pageelements/bg_fallback_input.gif") repeat-x top left;
	background: -moz-linear-gradient(top, #F0F0F0, #FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#FFFFFF));	
}

	textarea:focus {
		width: 278px;
		height: 98px;
		padding: 9px;
		border: 2px solid #939393;
		background: #FFFFFF;
	}

button {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 5px 15px 6px 15px;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 14px;
	color: #FFFFFF;
	text-shadow: -1px -1px 0 #939393;
	background: #3A3A3A;
	background: url("../images/pageelements/bg_fallback_button.gif") repeat-x center left;
	background: -moz-linear-gradient(top, #A9A9A9, #7D7D7D 50%, #656565 50%, #3A3A3A);
	background: -webkit-gradient(linear, left top, left bottom, from(#A9A9A9), color-stop(50%, #7D7D7D), color-stop(50%, #656565), to(#3A3A3A));	
}

	button:hover {
		background: #3A3A3A;
		background: url("../images/pageelements/bg_fallback_button.gif") repeat-x center left;
		background: -moz-linear-gradient(top, #A9A9A9, #3A3A3A);
		background: -webkit-gradient(linear, left top, left bottom, from(#A9A9A9), to(#3A3A3A));				
	}

	button:active {
		background: #2EB72B;
		background: url("../images/pageelements/bg_fallback_button.gif") repeat-x center left;
		background: -moz-linear-gradient(top, #3A3A3A, #A9A9A9);
		background: -webkit-gradient(linear, left top, left bottom, from(#3A3A3A), to(#A9A9A9));				
	}

/*select {
	width: 300px;
	height: 40px;
	padding: 5px 5px 5px 10px;
	border: 1px solid #D8D8D8;
	margin: 0 0 20px 0;
	color: #5F5F5F;
	background: #FFFFFF;
	background: -moz-linear-gradient(top, #F0F0F0, #FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#FFFFFF));
}

	option {
		padding: 5px 0;
	}*/

address {
	margin: 10px 0 20px 0;
}

abbr {
	cursor: help;
	border-bottom: 1px dotted #373737;
}

#aside_medium {
	width: 300px;
}

#aside_small {
	width: 220px;
}

.box_full_width {
	width: 100%;
}

.box_extra_wide {
	width: 680px;
}

.box_wide {
	float: left;
	width: 460px;
}

.box_medium {
	float: left;
	width: 300px;
}

.box_small {
	float: left;
	width: 150px;
}

.box_extra_small {
	float: left;
	width: 140px;
}

.left {
	float: left
}

.right {
	float: right;
}

.separator_t {
	margin: 10px 0 0 0;
}

.separator_r {
	margin: 0 20px 0 0;
}

.separator_b {
	margin: 0 0 20px 0;
}

.separator_rb {
	margin: 0 20px 20px 0;
}

.clear {
	clear: both;
}

.call_to_action {
	display: block;
	float: left;
	padding: 8px 25px 12px 25px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin: 5px 0;
	cursor: pointer;
	font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#submit {
	position: relative !important;
}

.generic_table {
	border-left: 1px solid #D8D8D8;
}

	.generic_table th {
		padding: 15px 19px 19px 20px;
		border-top: 5px solid #D8D8D8;
		border-right: 1px solid #D8D8D8;
		border-bottom: 1px solid #D8D8D8;
		font-weight: bold;
		background: #EBEBEB;
	}

	.generic_table td {
		padding: 10px 19px 9px 20px;
		border-right: 1px solid #D8D8D8;
		border-bottom: 1px solid #D8D8D8;
	}

.highlight {
	font-style: normal;
	background: #FFFF91;
}

.pullquote_left {
	float: left;
	width: 300px;
	margin: 0 20px 20px 0;
	line-height: 30px;
	font-size: 21px;
}

.pullquote_right {
	float: right;
	width: 300px;
	margin: 0 0 20px 20px;
	line-height: 30px;
	font-size: 21px;
}

	.pullquote_left:before, .pullquote_right:before {
		content: open-quote ;
	}
	
	.pullquote_left:after, .pullquote_right:after {
		content: close-quote;
	}

.inner_img {
	padding: 4px;
	border: 1px solid #D8D8D8;
}

.error {
	width: 560px;
	padding: 9px 19px;
	border: 1px solid #CD2E2E;
	margin: 20px 0;
	color: #791C1C;
	font-weight: bold;
	background: #E8A2A4;
}

.confirmation {
	width: 560px;
	padding: 9px 19px;
	border: 1px solid #37CB30;
	margin: 10px 0;
	color: #1B7A37;
	font-weight: bold;
	background: #A4E9A0;
}

/****************************************/
/*** Header wrap and header rule sets ***/

#header_wrap {
	border-top:5px solid #2378a1;
	background: #FFFFFF;
	background: url("../images/pageelements/bg_fallback_header.gif") repeat-x bottom left;
	background: -moz-linear-gradient(top, #FFFFFF, #E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E6E6E6));
}

	#header {
		width: 940px;
		padding: 30px 0 0 0;
		margin: 0 auto;
		position:relative;
	}

#logo {
	float: left;
	font-weight: bold;
}

	#logo a, a#logo {
		display: block;
		width: 360px;
		height: 65px;
		margin-top:-5px;
		text-indent: -9000px;
	}

#nav {
	float: right;
	margin: 15px 0 0 0;
}

	#nav li {
		float: left;
	}

		#nav li a {
			display: block;
			padding: 10px 20px 20px 20px;
			font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
			font-size: 16px;
			text-decoration: none;
		}

	.dropdown_alignedLeft, .dropdown_alignedRight {
		position: relative;
	}

		#nav .dropdown_alignedLeft > a, #nav .dropdown_alignedRight > a {
			padding: 10px 30px 20px 20px;			
		}

			#nav .dropdown_alignedLeft:hover > a, #nav .dropdown_alignedRight:hover > a {
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				-moz-border-radius-bottomright: 0;
				-moz-border-radius-bottomleft: 0;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-webkit-border-bottom-right-radius: 0;
				-webkit-border-bottom-left-radius: 0;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				border-bottom-right-radius: 0;
				border-bottom-left-radius: 0;
				color: #FFFFFF;
			}

		.dropdown_alignedLeft ul, .dropdown_alignedRight ul {
			display: none;
		}

		#nav .dropdown_alignedLeft:hover > ul, #nav .dropdown_alignedRight:hover > ul {
			display: block;
			z-index: 100;
			position: absolute;
			top: 50px;
			padding: 0 0 6px 0;					
			-moz-border-radius-topleft: 0;
			-moz-border-radius-topright:0;
			-moz-border-radius-bottomright: 5px;
			-moz-border-radius-bottomleft: 5px;
			-webkit-border-top-left-radius: 0;
			-webkit-border-top-right-radius: 0;
			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
		}

		#nav .dropdown_alignedRight:hover > ul {
			top: 50px;
			right: 0;
			text-align: right;
		}

			#nav li ul li {
				float: none;
				margin: 0 20px;
			}

			#nav li ul li.dropdown_innerTitle {
				padding: 10px 0;
				border: none;
				margin: 10px 20px 0 20px;
				font-family: "Helvetica Neue", Arial, sans-serif; 
				font-size: 15px;
				white-space: nowrap;
			}

			#nav li ul li.dropdown_lastItem {
				border: none;
			}

			#nav li ul li a {
				padding: 10px 0 9px 0;
				font-family: "Helvetica Neue", Arial, sans-serif; 
				font-size: 13px;
				color: #FFFFFF;
				white-space: nowrap;
			}

/***********************************************/
/*** Homepage pitch wrap and pitch rule sets ***/

#pitch {
	position: relative;
	width: 940px;
	padding: 60px 0 0 0;
	margin: 0 auto;
	color: #FFFFFF;
}

#intro {
	float: left;
	width: 460px;
	margin : 0 0 60px 0;
}

	#intro h1 {
		margin: 0 0 15px 0;
	}

	#video_tour {
		float: left;
		margin: 20px 0 0 15px;
		font-size: 13px;
	}

		#video_tour a {
			padding: 2px 25px 2px 0;
			color: #FFFFFF;
			background: url("../images/pageelements/watch_video.png") no-repeat center right;
		}


/*****************************************************/
/*** Homepage free addendum rule sets ***/	

#coupon_wrap {
	border-bottom: 2px solid #D8D8D8;
	background: #eb583c;
	/*background: url("../images/pageelements/bg_fallback_addendum.gif") repeat-x bottom left;
	background: -moz-linear-gradient(top, #FFFFFF, #EBEBEB);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EBEBEB));*/
}

	#coupon {
		width: 940px;
		padding: 10px 0 8px 0;
		margin: 0 auto;
		font-family: "Helvetica Neue", Arial, sans-serif;
		font-size: 24px;
		line-height:0px;
		font-weight:bold;
		color: white;
		text-align:center;
	}
	
	#coupon h3 {
		color: white;
	}




/*****************************************************/
/*** Homepage addendum wrap and addendum rule sets ***/	

#addendum_wrap {
	border-bottom: 2px solid #D8D8D8;
	background: #FFFFFF;
	background: url("../images/pageelements/bg_fallback_addendum.gif") repeat-x bottom left;
	background: -moz-linear-gradient(top, #FFFFFF, #EBEBEB);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EBEBEB));
}

	#addendum {
		width: 940px;
		padding: 40px 0 48px;
		margin: 0 auto;
		font-family: "Helvetica Neue", Arial, sans-serif;
		font-size: 13px;
		color: #5F5F5F;
	}

#callout img {
	float: right;
	padding: 4px;
	border: 1px solid #D8D8D8;
	margin: 15px 20px 10px 20px;
	background: #FFFFFF;
}

#callout p {
	margin: 0;
}

#testimonials blockquote {
	display: block;
	float: left;
	width: 220px;
}

	#testimonials cite {
		display: block;
		margin: 5px 0 0 0;
		font-style: italic;
		color: #373737;
		text-align: right;
	}

		#testimonials cite img {
			vertical-align: middle;
			margin: 0 0 0 10px;
		}

/***************************************************/
/*** Homepage content wrap and content rule sets ***/

#content_wrap {
	background: #FFFFFF;
}

	#content {
		width: 940px;
		margin: 0 auto;
		padding: 50px 0;
		font-size: 13px;
		color: #5F5F5F;
	}

.feature img {
	float: left;
	margin: 10px 0 0 0;
}

.feature h3 {
	margin: 0 0 0 80px;		
}

.feature p {
	margin: 0 0 20px 80px;
}

#blurb {
	clear: both;
	padding: 20px 0 0 0;
	line-height: 30px;
	font-style: italic;
	color: #373737;
}

	#blurb p {
		font-size: 18px;
	}

	#blurb a {
		padding: 0 0 2px 0;
		text-decoration: none;
	}

		#blurb a:hover {
			border: none;
		}
		
#latest_posts ol {
	margin: 0 0 10px 0;
}

	#latest_posts ol li {
		padding: 0 0 9px 0;
		border-bottom: 1px solid #D8D8D8;
		margin: 0 0 10px 0;
	}

		#latest_posts ol li a {
			font-size: 15px;
			font-weight: bold;
			color: #5F5F5F;
			text-decoration: none;
		}

			#latest_posts ol li a:hover {
				color: #373737;
			}

		#latest_posts ol li p, #newsletter p {
			margin: 0;
		}

#newsletter form {
	position: relative;
	margin: 10px 0 0 0;
}

/****************************************/
/*** Footer wrap and footer rule sets ***/

#footer_wrap {
	border-top: 2px solid #D8D8D8;
	color: #a9a8a8;
	background: #EBEBEB url(../images/pageelements/bg-2.png);
}

	#footer {
		width: 940px;
		padding: 28px 0 30px 0;
		margin: 0 auto;
		font-size: 13px;
	}

#nav_footer, #nav_policies {
	overflow: hidden;
	margin: 0 0 10px 0;
}

	#nav_footer li, #nav_policies li {
		/*float: left;*/
		padding: 0 10px;
	}

		/*#nav_footer li:first-of-type, #nav_policies li:first-of-type {
			padding: 0 10px 0 0;
		}*/

		#nav_footer li a {
			color: #a9a8a8;
		}

			#nav_footer li a:hover, #nav_policies li a:hover {
				text-decoration: none;
				color: white;
			}

		#nav_policies li a {
			font-size: 11px;
			color: #939393;
		}				

#copyright {
	margin: 10px 0 0 0;
	font-size: 11px;
	color: #939393;
}

#social_info ul li {
	margin: 0 0 10px 0;			
}

#social_info ul li a {
	color: #a9a8a8 /*#2B95C8*/;
	text-decoration: none;		
}
	#social_info ul li a:hover {
	color: #ffffff /*#2B95C8*/;
	text-decoration: none;		
	}

#twitter img {
	padding: 0 5px 0 0;
	height:32px; width:32px;
	background: url(../images/icons/supermassivecsspriteicons2.png) no-repeat 0 0; 
	background-position: 0 -109px; 
}

	#twitter img:hover {
		background-position: -38px -109px;
	}

#facebook img {
	padding: 0 5px 0 0;
	height:32px; width:32px;
	background: url(../images/icons/supermassivecsspriteicons2.png) no-repeat 0 0; 
	background-position: 0 -73px; 
}

	#facebook img:hover {
		background-position: -38px -73px;
	}

#blogger img {
	padding: 0 5px 0 0;
	height:32px; width:32px;
	background: url(../images/icons/supermassivecsspriteicons2.png) no-repeat 0 0; 
	background-position: 0 -365px; 
}

	#blogger img:hover {
		background-position: -38px -365px;
	}

#youtube img {
	padding: 0 5px 0 0;
	height:32px; width:32px;
	background: url(../images/icons/supermassivecsspriteicons2.png) no-repeat 0 0; 
	background-position: 0 -219px; 
}

	#youtube img:hover {
		background-position: -38px -219px;
	}

#linkedin img {
	padding: 0 5px 0 0;
	height:32px; width:32px;
	background: url(../images/icons/supermassivecsspriteicons2.png) no-repeat 0 0; 
	background-position: 0 -292px; 
}

	#linkedin img:hover {
		background-position: -38px -292px;
	}


#contact_info h5 {
	margin: 0 0 10px 0;
}
	
#contact_info a {
	color: #a9a8a8;
}
			
		#contact_info a:hover {
			color: #fff;
		}

/************************************************************************************************************/
/*** General interior pages rule sets (apply to multiple elements on different pages, except the homepage)***/

#page_title {
	overflow: hidden;
	position: relative;
	width: 940px;
	padding: 20px 0 25px 0;
	margin: 0 auto;
	color: #FFFFFF;
}

	#page_title h3 {
		float: left;
		margin: 5px 0;
		color: #FFFFFF;
	}

	#page_title .call_to_action {
		float: right;
		margin: 0;
	}

#main_content_extra_wide {
	width: 680px;
}			

#main_content_wide {
	width: 620px;
}

#main_content_wide_wpadding {
	width: 600px;
	padding: 0 20px 0 0;
}

	#main_content_full_width h1, #main_content_extra_wide h1, #main_content_wide h1, #main_content_wide_wpadding h1 {
		margin: 10px 0;
	}

	.subheading {
		margin: 20px 0 20px 0;
		font-size: 15px;
		color: #373737;
	}
	
#account label, #leave_comment label, #login label, #feedback label {
	display: block;
	float: left;
	width: 140px;
	margin: 0 20px 0 0;
	line-height: 40px;
	font-size: 15px;
	text-align: right;
}

/***************************/
/*** Tour page rule sets ***/

/*#feature_list {
	margin: 10px 0 0 0;
	padding: 60px 0;
	background: #EBEBEB;
	background: url("../images/pageelements/bg_fallback_aside_left.gif") repeat-y top left;
	background: -moz-linear-gradient(left, #FFFFFF, #EBEBEB);
	background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#EBEBEB));	
}

	#feature_list li a {
		display: block;
		padding: 15px 20px 15px 0;
		font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
		font-size: 16px;
		color: #373737;
		text-align: right;
		text-decoration: none;
	}

		#feature_list li a:hover {
			background: #FFFFFF;
		}

		#feature_list li a.feature_current {
			padding: 14px 20px 14px 0 !important;
			border-top: 1px solid #D8D8D8;
			border-bottom: 1px solid #D8D8D8;
			background: #FFFFFF;
		}

img.feature_img {
	margin: 10px 0 20px 20px;
}
*/
/******************************/
/*** Pricing page rule sets ***/

/*#masthead {
	text-align: center;
}

	#masthead .subheading {
		width: 620px;
		margin: 20px auto 20px auto;
	}

.plan {
	width: 180px !important;
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	background: #EBEBEB;
}

	.plan h3, .best_plan h3 {
		font-weight: bold;
	}	

	.plan em, .best_plan em {
		font-weight: bold;
		font-style: normal;
		color: #373737;
	}

	.plan ul, .best_plan ul {
		margin: 0 0 25px 0;
	}

	.plan .call_to_action {
		float: none;
		border: 5px solid #D8D8D8;
	}

.best_plan {
	width: 180px !important;
	padding: 30px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: center;
	color: #FFFFFF;
}

	.best_plan h3, .best_plan em, .best_plan ul {
		color: #FFFFFF;
	}
			
	.best_plan .call_to_action {
		float: none;	
	}

	#additional_info {
		clear: both;
	}*/

/******************************/
/*** Sign up page rule sets ***/
		
/*#account fieldset {
	padding: 25px 0 0 0;
	border-top: 5px solid #EBEBEB;
	margin: 40px 0 0 0;
}

	#account h3 {
		margin: 0 0 20px 0;
		color: #373737;
	}
	
		#account h3 span {
			display: block;
			float: left;
			width: 40px;
			-moz-border-radius: 40px;
			-webkit-border-radius: 40px;
			border-radius: 40px;
			margin: 0 20px 0 0;
			color: #FFFFFF;
			text-align: center;
		}
				
	#account li:last-of-type {
		margin: 0 0 -10px 0; 
	}
				
	.terms {
		margin: 10px 0 20px 0;
	}

	#account .call_to_action {
		border: 5px solid #D8D8D8;
		margin: 5px 0 25px 0;
	}*/

/*******************************/
/*** Blog homepage rule sets ***/

/*#rss {
	display: block;
	float: right;
	padding: 0 0 0 25px;
	margin: 15px 0 0 0;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	background: url("../images/pageelements/icon_social_03.png") no-repeat top left;
}

	#rss span {
		color: #FCB83C;
	}
	
.post_excerpt {
	padding: 0 0 19px 0;
	border-bottom: 1px solid #D8D8D8;
	margin: 0 0 30px 0;
}

	#main_content_wide_wpadding .post_excerpt h2, #main_content_wide_wpadding .post_excerpt h2 a, #main_content_wide_wpadding #post h1 {
		margin: 10px 0 0 0;
		font-size: 36px;
		text-decoration: none;
	}

	.post_meta {
		color: #939393;
	}
	
	.post_excerpt img, #post img {
		padding: 4px;
		border: 1px solid #D8D8D8;
	}
	
	.post_links {
		overflow: hidden;
		margin: -10px 0 0 0;
	}
	
		.more {
			float: left;
			margin: 0 30px 0 0;
		}

			.more a {
				margin: 0 0 0 5px;
				font-weight: bold;
			}
		
		.goto_comments {
			float: left;
			padding: 0 0 0 25px;
			background: url("../images/pageelements/comments.gif") no-repeat top left;
		}

#pagination {
		overflow: hidden;
		padding: 20px 0;
	}
	
	#pagination ol {
		float: right;
	}
	
		#pagination ol li {
			display: block;
			float: left;
			margin: 0 0 0 10px;
		}

			#pagination ol li:hover {
				background: #EBEBEB;
			}
	
		#pagination .suspension, #pagination .current_blogPage {
			border: 1px solid #FFFFFF;
		}

			#pagination ol li a {
				display: block;
				float: left;
				padding: 9px;
				border: 1px solid #D8D8D8;
				text-decoration: none;
			}
	
#search form {
	position: relative;
}

#categories li, #archives li {
	padding: 10px 0 9px 0;
	border-bottom: 1px solid #D8D8D8;
}
		
	#categories li a, #archives li a {
		color: #5F5F5F;
		text-decoration: none;
	}
		
	#categories li a:hover, #archives li a:hover {
		color: #373737;	
	}*/
	
/***************************/
/*** Blog post rule sets ***/

/*#post {
	margin: 0 0 40px 0;
}

#comments, #leave_comment {
	border-top: 5px solid #EBEBEB;
}

#comments {
	margin: 0 0 40px 0;
}

	#comments h3, #leave_comment h3 {
		padding: 5px 0 0 0;
		margin: 0 0 10px 0;
	}

	.comment {
		padding: 19px 0 0 0;
		border-top: 1px solid #EBEBEB;
	}

		.comment p.author {
			margin: 0;
			font-size: 15px;
			font-weight: bold;
			color: #5F5F5F;
			text-decoration: none;
		}
			
			.comment p.author a {
				color: #5F5F5F;
				text-decoration: none;
			}

				p.author a:hover {
					color: #373737;
				}

		.comment .timestamp {
			margin: 0;
			font-size: 11px;
			color: #939393;
		}

		.comment p {
			margin: 0 0 20px 80px;
		}

		.comment .comment {
			margin: 0 0 0 80px;
		}

#leave_comment fieldset {
	border-top: 1px solid #D8D8D8;
	padding: 29px 0 0 0; 
}

	#leave_comment li span {
		margin: 0 0 0 10px;
		color: #939393;
	}
	
.remember {
	margin: 20px 0 30px 160px;
}
	.remember input[type="checkbox"] {
		float: left;
	}

#leave_comment .call_to_action {
	margin: 5px 0 25px 160px;
	border: 5px solid #D8D8D8;
}*/

/******************************/
/*** Contact page rule sets ***/

/*#feedback {
	margin: 30px 0 0 0;
}

	#feedback li span {
		margin: 0 0 0 10px;
		color: #939393;
	}
	
	#feedback li label span {
		color: #5F5F5F;
	}
	
.input_error {
	width: 288px !important;
	height: 32px !important;
	border: 1px solid #CD2E2E !important;
	color: #791C1C !important;
	background: #E8A2A4 !important;
}

textarea.input_error {
	width: 280px !important;
	height: 100px !important;
	padding: 9px !important;
}
	
#feedback .call_to_action {
	border: 5px solid #D8D8D8;
	margin: 5px 0 25px 160px;
}

#contact_address img {
	padding: 4px;
	border: 1px solid #D8D8D8;
}*/

/****************************/
/*** Login page rule sets ***/

/*#login {
	margin: 30px 0 0 0;
}

	#login .remember {
		margin: 0 0 20px 160px;
	}

		#login .remember span {
			margin: 0 0 0 40px;
		}

	#login .call_to_action {
		border: 5px solid #D8D8D8;
		margin: 5px 0 15px 160px;
	}*/

/*******************************/
/*** Projects page rule sets ***/

/*.project {
	padding: 20px 0 0 0;
}

	.project img {
		padding: 4px;
		border: 1px solid #D8D8D8;
	}
	
	.project h3 {
		margin: 10px 0 0 0;
	}*/

/********************************************/
/*** Frequently asked questions rule sets ***/

/*.questions {
	margin: 0 0 20px 0;
}

	.questions li {
		margin: 0 0 10px 0;
	}

		.questions li a {
			margin: 0 0 0 10px;
			font-size: 15px;
			font-weight: bold;
			color: #5F5F5F;
			text-decoration: none;
		}

			.questions li a:hover {
				color: #373737;
			}
			
			*/

/**************************************/
/*** Blue and green theme rule sets ***/

h3 {
	color: #2B95C8;
}

h5 {
	color: #2B95C8;
}

.call_to_action {
	border: 5px solid #2378A1;
	text-shadow: -1px -1px 0 #6DBA42;
	background: #2EB72B;
	background: url("../images/pageelements/bg_fallback_cta_green.gif") repeat-x center left;
	background: -moz-linear-gradient(top, #A9E058, #77D94A 50%, #55C336 50%, #2EB72B);
	background: -webkit-gradient(linear, left top, left bottom, from(#A9E058), color-stop(50%, #77D94A), color-stop(50%, #55C336), to(#2EB72B));
	-webkit-background-clip: padding-box; /* fix for Chrome anti-aliasing issue */
}

	.call_to_action:hover {
		background: #2EB72B;
		background: url("../images/pageelements/bg_fallback_cta_green.gif") repeat-x center left;
		background: -moz-linear-gradient(top, #A9E058, #2EB72B);
		background: -webkit-gradient(linear, left top, left bottom, from(#A9E058), to(#2EB72B));
		-webkit-background-clip: padding-box; /* fix for Chrome anti-aliasing issue */
	}

	.call_to_action:active {
		background: #2EB72B;
		background: url("../images/pageelements/bg_fallback_cta_green.gif") repeat-x center left;
		background: -moz-linear-gradient(top,#2EB72B, #A9E058);
		background: -webkit-gradient(linear, left top, left bottom, from(#2EB72B), to(#A9E058));
		-webkit-background-clip: padding-box; /* fix for Chrome anti-aliasing issue */
	}

#logo a, a#logo {
		background: url("../images/pageelements/logo.png") no-repeat top left;
}

#nav li a {
	color: #2B95C8;
}

	#nav > li:hover > a, #nav li .current_page {
		color: #2378A1;
	}

#nav > li:hover > a, #nav li .current_page {
		background: url("../images/pageelements/current_page_arrow_blue.png") no-repeat center bottom;
}

#nav .dropdown_alignedLeft > a, #nav .dropdown_alignedRight > a {
		background: url("../images/pageelements/dropdown_arrow_blue.png") no-repeat top right;
}

	#nav .dropdown_alignedLeft:hover > a, #nav .dropdown_alignedRight:hover > a {
		background: #2378A1 url("../images/pageelements/dropdown_arrow_blue.png") no-repeat bottom right;
	}

#nav .dropdown_alignedLeft:hover > ul, #nav .dropdown_alignedRight:hover > ul {
	background: #2378A1;
}
	
#nav li ul li {
	border-bottom: 1px dashed #2B95C8;
}

#nav li ul li.dropdown_innerTitle {
	color: #C8DDE7;
}

#nav li ul li a:hover {
	color: #C8DDE7;
}

#pitch_wrap {
	border-top: 5px solid #2378A1;
	background: #2378A1 url("../images/pageelements/bg_gradient_blue.jpg") no-repeat top center;
}

#slider {
	-moz-box-shadow: 0 0 20px #2378A1;
	-webkit-box-shadow: 0 0 20px #2378A1;
	box-shadow: 0 0 20px #2378A1;
}

	.slider_controls li a {
		background: url("../images/pageelements/slider_controls_blue.png") no-repeat top left;
	}

#blurb a {
	border-bottom: 1px solid #2EB72B;
	color: #2EB72B;
}

#page_title_wrap {
	border-top: 5px solid #2378A1;
	background: #2378A1 url("../images/pageelements/bg_gradient_blue.jpg") no-repeat top center;
}

#main_content_full_width h1, #main_content_extra_wide h1, #main_content_wide h1, #main_content_wide_wpadding h1 {
	color: #2B95C8;
}

.best_plan {
	background: #2B95C8;
}

#account h3 span {
	background: #2B95C8;
	background: -moz-linear-gradient(top, #2B95C8, #2378A1);
	background: -webkit-gradient(linear, left top, right bottom, from(#2B95C8), to(#2378A1));
}

#main_content_wide_wpadding .post_excerpt h2, #main_content_wide_wpadding .post_excerpt h2 a, #main_content_wide_wpadding #post h1, #content h1 {
	color: #2B95C8;
	margin-bottom:18px;
}

#main_content_wide_wpadding .post_excerpt h2 a:hover {
	color: #2378A1;
}

.more {
	color: #2EB72B;
}

	.more a {
		color: #2EB72B;	
	}

.generic_table th:hover, .generic_table td:hover {
	color: #FFFFFF;
	background-color: #2B95C8;
}			

/**************************************/
/*** CFWebstore defaults ***/


/*** INPUT FORMS ******************************************/
/* Titles separating sections of a form (this is NOT the Box Title)*/
.formtitle {
	FONT-SIZE: 14px;
	font-weight : bold;
}

/* Appears at top of form if page returns an error */
.formerror {
	FONT-SIZE: 12px;
	color : #bd121c;
}

/* Used in the login box ('user name not found', etc.) */
.formerrorsmall {
	FONT-SIZE: 10px;
	color : Red;
}

/* Form field names '*/
.formtext {
	FONT-SIZE: 12px;
}
/* Instructions below form fields '*/
.formtextsmall {
	FONT-SIZE: 10px;
}

/* Used in the login box for 'name' and 'password'*/
.FormTextVerySmall {
	FONT-SIZE: 9px;
	COLOR: gray;
}

/* The form fields for the login box have width set as well */
.formfieldlogin {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #cccccc 1px solid;
	BACKGROUND-COLOR: white;
	BORDER-BOTTOM: #cccccc 1px solid;
	width : 120px;
}

.formfieldlogin2 {
	BORDER: #cccccc 1px solid;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR: white;
	width: 220px;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.formfieldcheckbox {
	FONT-SIZE: 10px;
	COLOR: #cccccc;
}

/* HTML form submit buttons */
.formbutton {
	FONT-SIZE: 12px;
	COLOR: #fff;
	text-align : center;
	border:0px solid #fff;
	background: url(../images/pageelements/button-bg-2.jpg) center bottom; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:4px 12px 5px 12px;
	cursor:pointer;
    cursor:hand;
}

a.formbutton:link, a.formbutton:visited, a.formbutton:hover, a.formbutton:active {
	FONT-SIZE: 12px;
	COLOR: #fff;
	text-align : center;
	border:0px solid #fff;
	background: url(../images/pageelements/button-bg-2.jpg) center bottom; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:4px 12px 5px 12px;
	cursor:pointer;
    cursor:hand;
}
									
/* Instructions below form fields '*/
.formtextsmall {
	FONT-SIZE: 10px; 
}		

/* Highlight and Input Form box title bars. */
.BoxTitle {
	font-size:18px;   
	font-weight: bold;
	padding:8px 10px;
}
/* Used primarily in Highlight boxes. */
.BoxText {
	FONT-SIZE: 13px;  
}

/* Sections separate sections on listings and detail pages like the
'more images' and 'customer reviews' sections of the product page. */
.section_title {
	font-size: 12px;
	font-weight: bold;
	color : Maroon;
}

/* Used for listing and detail page navigation links like the 'Sort by' links
on listing pages and 'next | back' links at the bottom of detail pages.*/
.section_footer {
	font-size: 11px;
	color : Maroon;
}
A.section_footer {
	text-decoration : none;
}

.caution {
	COLOR: #ff6600; FONT-SIZE: 12px; FONT-WEIGHT: 700
}

/* Product error messages */
.proderror {
	color: #ba211c;
}

/* ----- styles for the admin form boxes ---------------------------------*/
.emphasisBoxUpperRight {
	BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(images/fade_upperright.gif); BACKGROUND-REPEAT: no-repeat;
}
.emphasisBoxUpperLeft {
	BACKGROUND-POSITION: bottom right; BACKGROUND-IMAGE: url(images/fade_upperleft.gif); BACKGROUND-REPEAT: no-repeat;
}
.emphasisBoxLowerRight {
	BACKGROUND-POSITION: top left; BACKGROUND-IMAGE: url(images/fade_lowerright.gif); BACKGROUND-REPEAT: no-repeat;
}
.emphasisBoxLowerLeft {
	BACKGROUND-POSITION: top right; BACKGROUND-IMAGE: url(images/fade_lowerleft.gif); BACKGROUND-REPEAT: no-repeat;
}
.emphasisBoxLeft {
	BACKGROUND-POSITION: center right; BACKGROUND-IMAGE: url(images/fade_left.gif); WIDTH: 4px; BACKGROUND-REPEAT: repeat-y;
}
.emphasisBoxRight {
	BACKGROUND-POSITION: center left; BACKGROUND-IMAGE: url(images/fade_right.gif); WIDTH: 4px; BACKGROUND-REPEAT: repeat-y;
}
.emphasisBoxTop {
	BACKGROUND-POSITION: bottom center; BACKGROUND-IMAGE: url(images/fade_top.gif); BACKGROUND-REPEAT: repeat-x; HEIGHT: 4px;
}
.emphasisBoxBottom {
	BACKGROUND-POSITION: top center; BACKGROUND-IMAGE: url(images/fade_bottom.gif); BACKGROUND-REPEAT: repeat-x; HEIGHT: 5px;
}
.emphasisBoxHeader {
	PADDING-RIGHT: 2px; BACKGROUND-POSITION: top center; PADDING-LEFT: 2px; BACKGROUND-IMAGE: url(images/fade_header.gif); PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #bfbfbf 1px solid; BACKGROUND-REPEAT: repeat-x
}
.emphasisBoxHeaderPurple {
	PADDING-RIGHT: 4px; BACKGROUND-POSITION: top center; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 16px; BACKGROUND-IMAGE: url(images/background_purple.jpg); PADDING-BOTTOM: 6px; TEXT-TRANSFORM: capitalize; COLOR: #ffffff; PADDING-TOP: 6px; BORDER-BOTTOM: #bfbfbf 1px solid; BACKGROUND-REPEAT: repeat-x; 
}
.emphasisBoxHeaderYellow {
	PADDING-RIGHT: 4px; BACKGROUND-POSITION: top center; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(images/background_yellow.jpg); PADDING-BOTTOM: 4px; TEXT-TRANSFORM: capitalize; COLOR: #ffffff; PADDING-TOP: 4px; BORDER-BOTTOM: #bfbfbf 1px solid; BACKGROUND-REPEAT: repeat-x; font-family: Verdana, Arial, Helvetica
}
.emphasisBoxHeaderRed {
	PADDING-RIGHT: 4px; BACKGROUND-POSITION: top center; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(images/background_red.jpg); PADDING-BOTTOM: 4px; TEXT-TRANSFORM: capitalize; COLOR: #ffffff; PADDING-TOP: 4px; BORDER-BOTTOM: #bfbfbf 1px solid; BACKGROUND-REPEAT: repeat-x; font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
}
.emphasisBoxHeaderGreen {
	PADDING-RIGHT: 4px; BACKGROUND-POSITION: top center; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(images/background_green.jpg); PADDING-BOTTOM: 4px; TEXT-TRANSFORM: capitalize; COLOR: #ffffff; PADDING-TOP: 4px; BORDER-BOTTOM: #bfbfbf 1px solid; BACKGROUND-REPEAT: repeat-x; font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
}
.emphasisBoxHeaderBlue {
	PADDING-RIGHT: 4px; BACKGROUND-POSITION: top center; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(images/background_blue.jpg); PADDING-BOTTOM: 4px; TEXT-TRANSFORM: capitalize; COLOR: #ffffff; PADDING-TOP: 4px; BORDER-BOTTOM: #bfbfbf 1px solid; BACKGROUND-REPEAT: repeat-x; font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
}
.emphasisBoxHeaderBrown {
	PADDING-RIGHT: 4px; BACKGROUND-POSITION: top center; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(images/background_brown.jpg); PADDING-BOTTOM: 4px; TEXT-TRANSFORM: capitalize; COLOR: #ffffff; PADDING-TOP: 4px; BORDER-BOTTOM: #bfbfbf 1px solid; BACKGROUND-REPEAT: repeat-x; font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
}
.emphasisBoxContent {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px;
}

/* Additional styles to use if no bottom border */
.emphasisBoxHeaderPurpleClear {
	PADDING-RIGHT: 4px; BACKGROUND-POSITION: top center; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(images/background_purple.jpg); PADDING-BOTTOM: 4px; TEXT-TRANSFORM: capitalize; COLOR: #ffffff; PADDING-TOP: 4px; BACKGROUND-REPEAT: repeat-x; font-family: Verdana, Arial, Helvetica
}

.emphasisBoxContentClear {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; PADDING-TOP: 0px;
}





/**************************************/
/*** NWH ***/

body.bg {background: #EBEBEB url(../images/pageelements/bg-2.png);}

hr {color:#efefef; margin-bottom:15px}

.margintop15 {margin-top:13px}

#header_login {
	position:absolute; top:-5px; right:0; 
	width:100px; 
	background:#eb583c;
	text-align:center;
	padding:6px 0 6px 0;
		
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;	
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	
	-moz-box-shadow: 0px 2px 2px #c0bfbf;
	-webkit-box-shadow: 0px 2px 2px #c0bfbf;
	box-shadow: 0px 2px 2px #c0bfbf;
	}

#header_login:hover {cursor:pointer}
	
#header_login a {
	color:white;
	font-size:13px;
	font-weight:bold;
	}
#header_login a:hover {
	text-shadow:#999999 1px 1px 1px;
	}	

#content .cat_text_large ul, ul.regular {list-style:disc; margin-left:40px; margin-bottom:18px}

.cat_text_large a {color:#1b6481}
.cat_text_large a:hover {color:#5f5f5f}

.call_to_action_orange {
	display: block;
	float: left;
	padding: 6px 22px 10px 22px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin: 5px 0;
	cursor: pointer;
	font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}

.call_to_action_orange {
	border: 2px solid #cccccc;
	/*text-shadow: -1px -1px 0 #CF7815;*/
	background: #C7480C;
	background: url("../images/pageelements/bg_fallback_cta_orange.gif") repeat-x center left;
	background: -moz-linear-gradient(top, #FCA11C, #EC8317 50%, #E15F10 50%, #C7480C);
	background: -webkit-gradient(linear, left top, left bottom, from(#FCA11C), color-stop(50%, #EC8317), color-stop(50%, #E15F10), to(#C7480C));
	-webkit-background-clip: padding-box; /* fix for Chrome anti-aliasing issue */
}

	.call_to_action_orange:hover {
		background: #C7480C;
		background: url("../images/pageelements/bg_fallback_cta_orange.gif") repeat-x center left;
		background: -moz-linear-gradient(top, #FCA11C, #C7480C);
		background: -webkit-gradient(linear, left top, left bottom, from(#FCA11C), to(#C7480C));
		-webkit-background-clip: padding-box; /* fix for Chrome anti-aliasing issue */
	}

	.call_to_action:active {
		background: #C7480C;
		background: url("../images/pageelements/bg_fallback_cta_orange.gif") repeat-x center left;
		background: -moz-linear-gradient(top,#C7480C, #FCA11C);
		background: -webkit-gradient(linear, left top, left bottom, from(#C7480C), to(#FCA11C));
		-webkit-background-clip: padding-box; /* fix for Chrome anti-aliasing issue */
	}

/*----  box ----*/
.pBox {
	text-align:left;
	position:relative;	
	padding:15px 20px 15px 20px;
	border-top:1px solid #eaeaea;
	
	-moz-border-radius: 5px;
	border-radius: 5px;	
	
	-moz-box-shadow: 0px 2px 2px #c0bfbf;
	-webkit-box-shadow: 0px 2px 2px #c0bfbf;
	box-shadow: 0px 2px 2px #c0bfbf;
	
	behavior: url(ie-css3.htc);
	}


.catpad {padding:0 50px}
.pad5left {padding:2px 0 2px 10px; text-align:left}
#receipt {border:1px solid #ccc; background:#ffffff}

/* --- list styling --- */
.title {font-weight:bold; font-size:larger; padding:4px 0}
.question {font-weight:bold}
.answer {display:none; padding:15px; background:#efefef}



/*--- how it ---*/
table#works {text-align:left; margin-top:20px}
table#works img {width:215px; height:150px; border:1px solid silver; margin-bottom:6px}
table#works td {position:relative}

table#works .number {
	color:white; 
	font-weight:bold; 
	font-size:18px; 
	-moz-box-shadow: 0px 2px 2px #c0bfbf;
	-webkit-box-shadow: 0px 2px 2px #c0bfbf;
	box-shadow: 0px 2px 2px #c0bfbf; 
	background:red; 
	border-radius:26px; 
	padding:12px 18px; 
	position:absolute; top:0; left:0;}

/* --- time picker --- */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }


/* --- cases --- ============== */
.caseHeader {background:#efefef; font-weight:bold; padding:4px 0 4px 10px}
.caseSection {
	font-size:16px; 
	font-weight:bold; 
	padding:8px 0 8px 10px; 
	margin-bottom:5px; 
	border:1px solid #999;
	background: #FFFFFF;
	background: url("../images/pageelements/bg_fallback_header.gif") repeat-x bottom left;
	background: -moz-linear-gradient(top, #FFFFFF, #E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E6E6E6));
	}
.bump {padding:0 10px}

table.neutralProfile td

/* --- case top menu --- */
table.top {border-top:1px solid silver; border-left:1px solid silver;}
table.top td {border-right:1px solid silver; border-bottom:2px solid #555}
table.top td.active {border-bottom:2px solid red; color:black; background:#efefef}


/* --- emphasis color --- */
.actionColor {background:#ddecf6}

/* --- links --- */
a.block {display:block}

/* --- neutral search box --- */
.rowColor {background:#ddecf6; text-align: center}
table.customTable {border-top:1px solid silver; border-left:1px solid silver}
table.customTable td {border-bottom:1px solid silver; border-right:1px solid silver}
.listingtitle {font-weight:bold}
.selectedNeutral {background: #cc0000; color:#fff}

/* tooltip styling. by default the element to be styled is .tooltip ===============================  */
/*.tooltip {
	color:#000;	
}*/
.white {color:white; font-weight:bold}
img.tip {margin-bottom:-3px; padding-left:3px}
 
/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0;
}

/************************/
/*** Slider rule sets ***/

#slider {
	position: absolute;
	right: 0;
	bottom: 30px;
}

	.slider_images {
		overflow: hidden;
		position: relative;
		height: 280px;
	}

	.slider_controls {
		position: absolute;
		z-index: 50;
		bottom: -10px;
		right: 165px;
	}
	
		.slider_controls li {
			float: left;
			margin: 0 0 0 10px;
		}
	
			.slider_controls li a {
				display: block;
				overflow: hidden;
				width: 15px;
				height: 15px;
				text-indent: -9000px;
			}

			.slider_controls li.current a {
				background-position: 0 -15px;
			}


/* tab navigation =================================================================== */
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/pageelements/tabs/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 		{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 		{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 		{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


div.wrap {
	width:900px;
	margin-bottom:20px;
}

.pane  {	
	background:#fff;	
	padding:20px;
	border:1px solid #999;
	border-top:0;
	/*color:#456;	*/
	
	_background-image:none;
}




/* ---====== navigation for messages ======------- */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.messagetabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.messagetabs ul{
margin: 0;
padding: 0;
/*font: bold 12px Verdana;*/
list-style-type: none;
}

.messagetabs li{
display: inline;
margin: 0;
}

.messagetabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 20px 5px 20px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
-moz-border-radius-topright: 7px;
-khtml-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-khtml-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
}

.messagetabs li.new a, .messagetabs li.new a:visited{
float: left;
display: block;
text-decoration: none;
margin: 0;
margin-right:25px;
padding: 7px 20px 5px 20px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: black;
background: url(../images/pageelements/buttons/blend-2.png) repeat-x bottom center ; /*background of tabs (default state)*/
-moz-border-radius-topright: 5px;
-khtml-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-khtml-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
}

.messagetabs li a:hover, .messagetabs li.selected a{
background: url(../images/pageelements/buttons/blend-1.png) repeat-x bottom center; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/* --- LIghtbox ---- */
a.lightbox {color:#379aca}
a:hover.lightbox {color:#2378a1}