/* @override 
	http://localhost:3002/stylesheets/ysi_website.css?1209538930
*/

/* @group Global */

body {
	color: #000;
	background: #ECE3F4;
	font-family: Arial;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-align: left;
	margin: 0;
	font-size: 90%;
	line-height: 1.4em;
}

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

h1 {
	font-size: 2.3em;
	margin-bottom: 25px;
	line-height: 1.1em;
}

h2 {
	margin-bottom: 10px;
	font-size: 1.7em;
	font-weight: normal;
	line-height: 30px;
}

h3 {
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: 10px;
}

p {
	margin-bottom: 10px;
}

table {
    border-collapse: collapse;
}

td {
    padding-right: 10px;
    padding-bottom: 10px;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.bullets {
	margin: 20px 0px;
	padding: 0;
	list-style: disc;
	list-style-position: inside;    
}

a {
	color: #3C68AE;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	padding: 0;
	margin: 0;
}

#logo {
	display: block;
	height: 54px; 
	width: 178px;
	text-decoration: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/logos/ysi_transparent.png'); /* for f'in ie6 */
}

html>body #logo {
	background: url('/images/common/logos/ysi_transparent.png') no-repeat;
}

#site_title {
	float: left;
  	font-size: 1px;
	text-indent: -9000px;
	line-height: 0;
}

/* @end */

/* @group Navigation */

#main_nav {
	font-size: 1.2em;
	float: right;
}

.main_nav_item {
	float: left;
	padding: 20px;
	margin: 0;
}

.main_nav_item a {
	color: #5d88a9;
}

.main_nav_active a {
	color: #4e4e4e;
	text-decoration: none;
}

/* @end */

/* @group Tab Nav */

#tour .ysi_tab {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%;
}

#tour .ysi_tab a {
	float: left;
	background: #4e4e4e;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	margin-top: 5px;
	margin-right: 10px;
	padding-left: 6px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

#tour .ysi_tab a span {
	float: left;
	background: #4e4e4e;
	display: block;
	top: 0;
	left: 4px;
	min-width: 20px;
	line-height: 30px;
	padding-right: 10px;
	position: relative;
}

#tour .ysi_tab a.ysi_active {
	background: #fff;
	font-weight: bold;
}

#tour .ysi_tab a.ysi_active span {
	background: #fff;
	color: #000;
}

#tour .ysi_tab .ysi_label {
	float: left;
	margin-right: 10px !important;
}

#tour .ysi_tab_body {
	padding-top: 10px;
}

#tour .ysi_tab_line {
	position: absolute;
	width: 100%;
	bottom: 0;
	line-height: 0;
	font-size: 0;
	border: solid 1px #764a9f;
}

/* @end */

/* @group Sections */

#header {
	width: 950px;
	margin: 15px auto;
	padding-left: 40px;
}

#content {
  	width: 956px;
  	margin: auto;
  	padding-left: 40px;
}

#page_main {
	width: 450px;
}

#page_right {
	float: right;
	width: 365px;
}

#page_top {
	background:url(/images/website/background-body-home.png);
	margin:-15px -35px 30px -40px;
	padding:10px 30px;
	color: #fff;
}

#tour #page_top {
    padding-bottom: 0;
}

#page_top a {
    color: #9ed3fb;
}

.page_section {
	padding: 10px;
}

.section {
  	margin-bottom: 20px;
}

.right {
    float: right;
    margin-left: 10px;
}

#footer {
	clear: both;
	line-height: 20px;
	margin-left: 10px;
	padding: 20px 0px;
	color: #333;
	text-align: center;
	padding-left: 40px;
}

/* @end */

/* @group Home Page */

.example {
	font-size: .85em;
}

.example img {
	margin-left: -10px;    
}

.divider {
	color: #F5F0FA;
	background:url(/images/website/background-body-home.png);
	padding: 2px;
	text-align: center;
    margin: 30px -35px 30px -40px;
}

.divider a {
	color: #9ed3fb;
	font-size:0.85em;
	padding:0 10px;
	text-transform:uppercase;
}

#analytics .right {
    width: 490px;
}

/* @end */

/* @group Other Pages */

#tour h1 {
    margin-bottom: 10px;
}

#tour img {
  	margin: 5px 0px;
}

#tour .section {
  	margin-bottom: 60px;
}

#tour #page_main {
  	width: 740px;
}

#tour #page_right {
  	width: 210px;
}

#pricing h2 {
    font-weight: bold;
}

#pricing .container {
    width: 100%;
    margin: 30px 0;
}

#pricing .jacket {
	width: 340px;
    margin: auto;
}

#pricing .block {
	width: 210px;
	height: 255px;
	padding: 10px;
    border: solid 1px #333;
    float: left;
    text-align: center;
    margin: 40px 0;
    line-height: 1.4em;
    color: #000;
}

#pricing .block h2 {
    margin-bottom: 0px;
}

#pricing .block.first {
	border-right: none;
	background: #eee url(/images/website/shadow-right.png) no-repeat right;
}

#pricing .block.last {
	border-left: none;
	background: #eee url(/images/website/shadow-left.png) no-repeat left;
}

#pricing .block.highlight {
	border: solid 5px #7f5d9f;
	background: #fff;
	padding: 20px 10px;
	font-size: 1.2em;
	margin: 0 auto;
	width: 300px;
	height: 305px;
}

#pricing .price {
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: dotted 1px #666;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#pricing .feature {
	font-weight: bold;
	text-transform: uppercase;
}

#pricing .sign_up {
	display: block;
    margin-top: 10px;
}

#pricing .free_trial {
    text-align: center;
}

#pricing .free_trial h1 {
	font-size: 2.5em;
	margin-bottom: 5px;
}

#pricing .block.highlight .sign_up img {
	width: 120px;
}

#pricing img.partner {
    float: left;
    margin-right: 10px;
    width: 250px;
}

#sign_up #page_main {
    width: 480px;
}

#sign_up form input {
	padding: 3px;
	font-size: 1.4em; 
	width: 95%;   
}

#sign_up form input.btn {
	width: auto;
}

/* @end */

/* @group Forms */

fieldset {
	border: none;
	padding: 0;
	margin: 10px 0px;
}

fieldset label {
	display: block;
	margin-bottom: 5px;
}

.sign_up_field {
	font-size: 1.8em;
	width: 448px;
	padding: 3px;
}

.submit {
	border-color:#CCCCCC #AAAAAA #AAAAAA #CCCCCC;
	border-style:solid;
	border-width:1px 2px 2px 1px;
	cursor:pointer;
	font-size:1.2em;
	padding:5px
}

.instructions {
  	font-size: .85em;
  	color: #666;
  	margin: 3px 0px;
}

/* @end */



/* @group Messages */

.error, .notice, .success {
	padding: 10px;
	margin: 10px 0;
	border: 2px solid #ddd;
}

.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}

.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}

.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}

.error a {
	color: #8a1f11;
	background: none;
	padding: 0;
	margin: 0;
}

.notice a {
	color: #514721;
	background: none;
	padding: 0;
	margin: 0;
}

.success a {
	color: #264409;
	background: none;
	padding: 0;
	margin: 0;
}

/* @end */

/* @group Box */

.box_h {
	background: url("/images/website/background-top.png") no-repeat;
	height: 23px;
}

.index .box_h,.pricing .box_h,.tour .box_h,.tour_politics .box_h {
	background: url("/images/website/background-top-home.png") no-repeat;
}

.box_b {
	background: url("/images/website/background-body.png") repeat-y;	
	padding: 15px 40px;
}

.box_f {
	background: url("/images/website/background-bottom.png") no-repeat;
	height: 25px;
}

/* @end */

/* @group Misc */

body.ysi_facebook_connect {
  	background: transparent;
}

/* @end */

