/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.40 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}


/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Grids
 * @module grids
 * @namespace yui-
 * @requires reset, fonts
 */

/**  
 * Note: Throughout this file, the *property (star-property) filter is used 
 * to give a value to IE that other browsers do not see. _property is only seen 
 * by IE7, so the combo of *prop and _prop can target between IE6 and IE7.
 * 
 * More information on these filters and related validation errors:
 * http://tech.groups.yahoo.com/group/ydn-javascript/message/40059
 */

/**
 * Section: General Rules
 */

body {
	text-align: center;
}

/**
 * Section: Page Width Rules (#doc, #doc2, #doc3, #doc4)
 */

#doc,#doc2,#doc3,#doc4,
.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
	margin: auto;
	text-align: left;
	width: 57.69em;
	*width: 56.25em;
}

/* 950 Centered (doc2) */
#doc2 {
	width: 73.076em;
	*width: 71.25em;
}

/* 100% (doc3) */
#doc3 {
/**
 * Left and Right margins are not a structural part of Grids. Without them 
 * Grids works fine, but content bleeds to the very edge of the document, which
 * often impairs readability and usability. They are provided because they 
 * prevent the content from "bleeding" into the browser's chrome. 
 */
	margin: auto 10px;
	width: auto;
}

/* 974 Centered (doc4) */
#doc4 {
	width: 74.923em;
	*width: 73.05em;
}

/**
 * Section: Preset Template Rules (.yui-t[1-6])
 */


.yui-b {
	/* to preserve source-order independence for Gecko */
	position: relative;
}

.yui-b {
	/* to preserve source-order independence for IE */
	_position: static;
}

#yui-main .yui-b {
	/* to preserve source-order independence for Gecko */
	position: static;
}

#yui-main,
.yui-g .yui-u .yui-g {
	width: 100%;
}
.yui-gc .yui-u .yui-g {
  width: 100%;
  margin-left: 0;
}

.yui-t1 #yui-main,
.yui-t2 #yui-main,
.yui-t3 #yui-main {
	float: right;
	/* IE: preserve layout at narrow widths */
	margin-left: -25em;
}

.yui-t4 #yui-main,
.yui-t5 #yui-main,
.yui-t6 #yui-main {
	float: left;
	/* IE: preserve layout at narrow widths */
	margin-right: -25em;
}

/** 
 * For Specific Template Presets
 */

.yui-t1 .yui-b {
	float: left;
	width: 12.30769em;
	*width: 12.00em;
}

.yui-t1 #yui-main .yui-b {
	margin-left: 13.30769em;
	*margin-left: 13.05em;
}

.yui-t2 .yui-b {
	float: left;
	width: 13.8461em;
	*width: 13.50em;
}

.yui-t2 #yui-main .yui-b {
	margin-left: 14.8461em;
	*margin-left: 14.55em;
}

.yui-t3 .yui-b {
	float: left;
	width: 23.0769em;
	*width: 22.50em;
}

.yui-t3 #yui-main .yui-b {
	margin-left: 24.0769em;
	*margin-left: 23.62em;
}

.yui-t4 .yui-b {
	float: right;
	width: 13.8456em;
	*width: 13.50em;
}

.yui-t4 #yui-main .yui-b {
	margin-right: 14.8456em;
	*margin-right: 14.55em;
}

.yui-t5 .yui-b {
	float: right;
	width: 18.4615em;
	*width: 18.00em;
}

.yui-t5 #yui-main .yui-b {
/*	margin-right: 19.4615em;
	*margin-right: 19.125em;*/
}

.yui-t6 .yui-b {
	float: right;
	width: 23.0769em;
	*width: 22.50em;
}

.yui-t6 #yui-main .yui-b {
	margin-right: 24.0769em;
	*margin-right: 23.62em;
}

.yui-t7 #yui-main .yui-b {
	display: block;
	margin: 0 0 1em 0;
}

#yui-main .yui-b {
	float: none;
	width: auto;
}

/**
 * Section: Grids and Nesting Grids
 */

/* Children generally take half the available space */
.yui-gb .yui-u,
.yui-g .yui-gb .yui-u,
.yui-gb .yui-g,
.yui-gb .yui-gb,
.yui-gb .yui-gc,
.yui-gb .yui-gd,
.yui-gb .yui-ge,
.yui-gb .yui-gf,
.yui-gc .yui-u, 
.yui-gc .yui-g,
.yui-gd .yui-u {
	float: left;
}

/* Float units (and sub grids) to the right */
.yui-g .yui-u,
.yui-g .yui-g,
.yui-g .yui-gb, 
.yui-g .yui-gc, 
.yui-g .yui-gd, 
.yui-g .yui-ge, 
.yui-g .yui-gf, 
.yui-gc .yui-u, 
.yui-gd .yui-g,
.yui-g .yui-gc .yui-u,
.yui-ge .yui-u, 
.yui-ge .yui-g, 
.yui-gf .yui-g,
.yui-gf .yui-u {
	float: right;
}

/*Float units (and sub grids) to the left */
.yui-g div.first, 
.yui-gb div.first,
.yui-gc div.first,
.yui-gd div.first, 
.yui-ge div.first, 
.yui-gf div.first,
.yui-g .yui-gc div.first,
.yui-g .yui-ge div.first,
.yui-gc div.first div.first {
	float: left;
}

.yui-g .yui-u,
.yui-g .yui-g,
.yui-g .yui-gb,
.yui-g .yui-gc,
.yui-g .yui-gd,
.yui-g .yui-ge,
.yui-g .yui-gf {
	width: 49.1%;
}

.yui-gb .yui-u,
.yui-g .yui-gb .yui-u,
.yui-gb .yui-g,
.yui-gb .yui-gb,
.yui-gb .yui-gc,
.yui-gb .yui-gd,
.yui-gb .yui-ge,
.yui-gb .yui-gf,
.yui-gc .yui-u, 
.yui-gc .yui-g,
.yui-gd .yui-u {
	width: 32%;
	margin-left: 1.99%;
}

/* Give IE some extra breathing room for 1/3-based rounding issues */
.yui-gb .yui-u {
	*margin-left: 1.9%;
	*width: 31.9%;
}

.yui-gc div.first, 
	.yui-gd .yui-u {
	width: 66%;
}

.yui-gd div.first {
	width: 32%;
}

.yui-ge div.first, 
	.yui-gf .yui-u {
	width: 74.2%;
}

.yui-ge .yui-u,
	.yui-gf div.first {
	width: 24%;
}

.yui-g .yui-gb div.first,
.yui-gb div.first, 
.yui-gc div.first, 
.yui-gd div.first {
	margin-left: 0;
}

/**
 * Section: Deep Nesting 
 */

.yui-g .yui-g .yui-u,
.yui-gb .yui-g .yui-u,
.yui-gc .yui-g .yui-u,
.yui-gd .yui-g .yui-u,
.yui-ge .yui-g .yui-u,
.yui-gf .yui-g .yui-u {
	width: 49%;
	*width: 48.1%;
	*margin-left: 0;
}

.yui-g .yui-g .yui-u {
	width: 48.1%;
}

/*SF 1927599 from 1.14 to 2.6.0*/
.yui-g .yui-gb div.first,
	.yui-gb .yui-gb div.first {
	*margin-right: 0;
	*width: 32%;
	_width: 31.7%;
}

.yui-g .yui-gc div.first, 
	.yui-gd .yui-g {
	width: 66%;
}

.yui-gb .yui-g div.first {
	*margin-right: 4%;
	_margin-right: 1.3%;
}

.yui-gb .yui-gc div.first, 
	.yui-gb .yui-gd div.first {
	*margin-right: 0;
}

.yui-gb .yui-gb .yui-u,
	.yui-gb .yui-gc .yui-u {
	*margin-left: 1.8%;
	_margin-left: 4%;
}

.yui-g .yui-gb .yui-u {
	_margin-left: 1.0%;
}

.yui-gb .yui-gd .yui-u {
	*width: 66%;
	_width: 61.2%;
}

.yui-gb .yui-gd div.first {
	*width: 31%;
	_width: 29.5%;
}

.yui-g .yui-gc .yui-u, 
	.yui-gb .yui-gc .yui-u {
	width: 32%;
	_float: right;
	margin-right: 0;
	_margin-left: 0;
}

.yui-gb .yui-gc div.first {
	width: 66%;
	*float: left;
	*margin-left: 0;
}

.yui-gb .yui-ge .yui-u, 
	.yui-gb .yui-gf .yui-u {
	margin: 0;
}

.yui-gb .yui-gb .yui-u {
	_margin-left: .7%;
}

.yui-gb .yui-g div.first, 
	.yui-gb .yui-gb div.first {
	*margin-left: 0;
}

.yui-gc .yui-g .yui-u,
	.yui-gd .yui-g .yui-u {
	*width: 48.1%;
	*margin-left: 0;
}

.yui-gb .yui-gd div.first {
	width: 32%;
}

.yui-g .yui-gd div.first {
	_width: 29.9%;
}

.yui-ge .yui-g {
	width: 24%;
}

.yui-gf .yui-g {
	width: 74.2%;
}

.yui-gb .yui-ge div.yui-u,
	.yui-gb .yui-gf div.yui-u {
	float: right;
}

.yui-gb .yui-ge div.first,
	.yui-gb .yui-gf div.first {
	float: left;
}

/* Width Accommodation for Nested Contexts */
.yui-gb .yui-ge .yui-u,
	.yui-gb .yui-gf div.first {
	*width: 24%;
	_width: 20%;
}

/* Width Accommodation for Nested Contexts */
.yui-gb .yui-ge div.first, 
	.yui-gb .yui-gf .yui-u {
	*width: 73.5%;
	_width: 65.5%;
}

/* Patch for GD within GE */
.yui-ge div.first .yui-gd .yui-u {
	width: 65%;
}

.yui-ge div.first .yui-gd div.first {
	width: 32%;
}

/* @group Clearing */
#hd:after,
#bd:after,
#ft:after,
.yui-g:after, 
.yui-gb:after, 
.yui-gc:after, 
.yui-gd:after, 
.yui-ge:after, 
.yui-gf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#hd,
#bd,
#ft,
.yui-g, 
.yui-gb, 
.yui-gc, 
.yui-gd, 
.yui-ge, 
.yui-gf {
	zoom: 1;
}


html {
  background-color: #FFFFFF;


}
body {
  font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  background: url(/static/images/bg_body_gradient.png) repeat-x top center;
  color: #333;
}
#content {
    min-height: 400px;
}
#doc4 {
  /*background-image: url(/static/images/special/bg_body_gradient.png) repeat-x;*/
  margin-bottom: 1em;
  width: 925px;
}
#page {
  padding: 0 14px 14px 14px;
}

/* Look and feel */
h1 {
	font-size: 230%;
	line-height: 1em;
	margin: 0 0 1em 0;
	padding: 0;
	color: #3A3A3A;
	font-weight: normal;
}
h2 {
  margin: 1em 0 .5em 0;
  color: #3A3A3A;
  font-size: 160%;
  font-weight: normal;
}
h3,
h3 a {
  margin-top: .5em;
  color: #3A3A3A;
  font-weight: bold;
  font-size: 105%;
  text-decoration: none;
}
h3 a:hover {
  text-decoration: underline;
}
a {
  color: #3a8da4;
}
hr {
  border-style: none;
  background-color: #c7c7c7;
  height: 1px;
  padding: 0;
  margin : 25px 0;
  clear: both;
}
.clear {
  clear: both; 
  height: 0; 
  line-height: 0; 
  margin: 0; 
  padding: 0;
}

/* Header */
#hd {
  position: relative;
  height: 145px;
}
#logo,
#logo a {
  display: block;
  cursor: pointer;
  width: 196px;
  height: 51px;
  padding: 0;
  margin: 0;
}
#logo {
  position: absolute;
  top: 24px;
  left: 20px;
  /*background: transparent url(/images/special/outright_logo.png) no-repeat left center;*/
  text-indent: -9000px;
}
#logo a {
  text-indent: -9000px;
}
/* Signup navigation */
#signup_navigation {
  position: absolute;
  right: 30px;
  bottom: 40px;
}
#signup_navigation ul {
  margin: 0;
  padding: 0;
}
#signup_navigation ul li {
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 110%;
  font-weight: bold;
  margin-left: 20px;
}
#signup_navigation ul li a {
  color: #0290B8;
}
.sign_up_btn {
  display: block;
  width: 90px;
  height: 30px;
  /*background: transparent url(/images/special/sign_up_btn.png) no-repeat;*/
  text-indent: -9000px;
}

/* Navigation */
.navigation ul {
  margin: 0 0 0 45px;
  padding: 0;
}
.navigation ul li {
  font-size: 120%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation ul li a {
  text-decoration: none;
}
.navigation ul li a:hover {
  text-decoration: underline;
}

/* Complementary content */
.complementary_content {
  /*background: transparent url(/images/special/complementary_bg.png) repeat-x;*/
  padding: 25px 30px;
  font-size: 95%;
}
.complementary_content ul {
  margin-left: 1em;
}
.snippet {
  border-bottom: 1px solid #ccc;
  padding: 1em 0;
}
.snippet:first-child {
  padding-top: 0;
  margin-top: 0;
}
.snippet h3 {
  margin: 0 0 1em 0;
  padding: 0;
  color: #666;
  font-weight: none;
  font-size: 100%;
}

/* Footer */
#ft hr {
  margin-top: 5px;
}
#ft .security {
  margin-top: 25px;
  padding-left: 31px;
  line-height: 25px;
  color: #3f3f3f;
  font-size: 105%;
  /*background: transparent url(/images/special/security_lock.png) no-repeat left center;*/
}
#ft .security a {
  text-decoration: none;
}
#ft .security a:hover {
  text-decoration: underline;
}
.footer_nav ul {
  margin-left: 0;
  margin-right: 0;
}
.footer_nav ul li {
  margin: 0;
  padding-bottom: 6px;
  list-style: none;
  font-size: 90%;
}
.footer_nav ul li a {
  color: #555;
  text-decoration: underline;
}
.footer_nav ul li a:hover {
  text-decoration: underline;
}
#ft .copyright {
  margin-top: .5em;
  color: #999;
}
.footer_about {
  padding-right: 15px;
  border-right: 1px solid #dedede;
  margin-right: 10px;
}

/* Forms */
input[type=text],
input[type=password],
input[type=submit],
input.tertiary,
textarea {
  border: 1px solid #c3c3c3;
  padding: 2px 4px;
  margin: 0;
  color: #555;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  border: 1px solid #0290B8;
}
input[type=submit],
input.tertiary {
  padding: 3px 12px;
  *padding: 0px 12px; /* IE7 and below: remove top and bottom padding look nice */
  /*background: transparent url(/images/special/submit_bg.png) repeat-x;*/
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  text-decoration: none;
}

input.disabled {
  cursor: default;
  color: #aaa;
  font-style: italic;
}
input.tertiary, {
  padding: 1px 6px;
  *padding: 0px 6px; /* IE7 and below: remove top and bottom padding look nice */
  /*background: transparent url(/images/special/submit_bg.png) repeat-x;*/
  text-align: center;
  font-weight: normal;
  cursor: pointer;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
input.ezpz-hint {
  color: #999;
  font-style: italic;
}
form .optional_text {
  font-size: 95%;
  color: #999;
  font-style: italic;
}
form p.no_label {
  margin-left: 140px;
}
form label {
  display: block;
  float: left;
  width: 130px;
  font-weight: normal;
  text-align: right;
  padding: 2px 10px 2px 0;
}
.no_login {
  color: #888;
}

/*
  Flash
 */
#flash_notice,
#flash_error {
  width: 452px;
  border: 4px solid #000;
  background-color: #000;
  padding: 15px;
  color: #424242;
  margin: 19px 0;
}
#flash_notice {
  border-color: #98de54;
  background-color: #d6f1a6;
}
#flash_error {
  border-color: #f00;
  background-color: #e9dada;
}
/* Form errors */
input.field_with_errors,
select.field_with_errors,
textarea.field_with_errors {
  border: 1px solid #f00;
  background-color: #e9dada;
}
div.error_explanation {
  width: 452px;
  border: 4px solid #000;
  background-color: #000;
  padding: 15px;
  color: #424242;
  margin: 19px 0;
  border-color: #f00;
  background-color: #e9dada;
}
div.error_explanation h2 {
  background-color: #f00;
  color: #fff;
  border-style: none;
  margin: -15px -15px 15px -15px;
  padding: 5px;
}
div.error_explanation ul {
  margin-top: 15px;
  margin-bottom: 0;
}