@import "//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900,400italic,600italic,700italic";

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 12, 2013 */
@font-face {
    font-family: 'Heuristica Bold';
    src: url('fonts/heuristica-bold-webfont.eot');
    src: url('fonts/heuristica-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/heuristica-bold-webfont.woff') format('woff'),
         url('fonts/heuristica-bold-webfont.ttf') format('truetype'),
         url('fonts/heuristica-bold-webfont.svg#heuristicabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Heuristica Italic';
    src: url('fonts/heuristica-italic-webfont.eot');
    src: url('fonts/heuristica-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/heuristica-italic-webfont.woff') format('woff'),
         url('fonts/heuristica-italic-webfont.ttf') format('truetype'),
         url('fonts/heuristica-italic-webfont.svg#heuristicaitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Heuristica';
    src: url('fonts/heuristica-regular-webfont.eot');
    src: url('fonts/heuristica-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/heuristica-regular-webfont.woff') format('woff'),
         url('fonts/heuristica-regular-webfont.ttf') format('truetype'),
         url('fonts/heuristica-regular-webfont.svg#heuristicaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Heuristica Bold Italic';
    src: url('fonts/heuristica-bolditalic-webfont.eot');
    src: url('fonts/heuristica-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/heuristica-bolditalic-webfont.woff') format('woff'),
         url('fonts/heuristica-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/heuristica-bolditalic-webfont.svg#heuristicabolditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ===== Form styles */
form {
    font-family: 'Source Sans Pro',sans-serif;
}

label {
    margin: 0 6px 6px 0 !important;
    line-height: 1.125em;
    font-size: 0.875em;
    vertical-align: super;
    font-family: 'Source Sans Pro', sans-serif; /* Only necessary for pages with malformed markup where label isn't within a form */
}

.acctBlock input[type=text],
.acctBlock input[type=password],
.acctBlock input[type=submit],
.acctBlock button,
.acctBlock select,
.acctBlock textarea,
#premiumFrame input {
    font-size: 0.875em;
    line-height: 0.857em;
    padding: 4px 6px;
    vertical-align: middle;
    height: 34px;
    background: #F2F2F2;
    border: 1px solid #CFCFCF;
    margin: 0 0 12px;
    color: #555555;
    box-shadow: none;
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}

input, textarea {
    font-family: 'Source Sans Pro', sans-serif;
}

input[type=submit],
button {
    font-family: 'Source Sans Pro',sans-serif;
    background: #6B7E91;
    padding: 4px 12px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    height: 32px;
}

input[type=submit]:hover,
button:hover {
    background: #3A424B;
}

select {
    font-family: 'Source Sans Pro',sans-serif; /* Only necessary for pages with malformed markup where select isn't within a form */
    padding-right: 4px;
}

/* ======== */

#premiumFrame label {
	font-size: 1em;
	vertical-align: baseline;
}



#premiumFrame div.acctBlock div.form-block input.text,
#premiumFrame div.acctBlock div.form-block input.email,
#premiumFrame div.acctBlock div.form-block input.password,
#premiumFrame div.acctBlock div.form-block textarea.uniform,
#premiumFrame div.acctBlock div.form-block input.text:focus,
#premiumFrame div.acctBlock div.form-block input.email:focus,
#premiumFrame div.acctBlock div.form-block input.password:focus,
#premiumFrame div.acctBlock div.form-block textarea.uniform:focus {
	background: #D9D9D9;
	font-size: 0.875em;
	height: 36px;
	width: 286px;
	display: block;
}

body,
div.acctBlock {
	font: normal 16px/1.5em 'Heuristica',serif;
	color: #333333;
}

div#modalFrame.acctBlock div.form-block {
    font: 14px/1.5em 'Heuristica',serif;
}

.accountsborder1px {border: 1px solid #36434C;}
ul.subbox.accountsbgcolor {background: #F2F2F2;}

.steps_title_bar .arrow_box {background: #36434C;}
.steps_title_bar .arrow_box:after {border-left-color: #36434C;}

div#premiumFrame.acctBlock h2 {
	border-bottom: 6px solid #EDECEA;
    clear: both;
    color: #303943;
    font: 700 1.875em/1.33em 'Source Sans Pro',sans-serif;
    margin: 0 0 18px;
    padding-bottom: 6px;
}

#premiumFrame h3 {
    color: #36434D;
    font: 700 1.5em/1.25em 'Source Sans Pro',sans-serif;
    margin-bottom: 12px;
    padding: 0;
    text-transform: uppercase;
}

div#premiumFrame.acctBlock ul {
	font-family: 'Heuristica', serif;
}

div#premiumFrame .bold {
	font-family: 'Heuristica Bold', serif;
	font-weight: normal;
}

div#premiumFrame .italic {
	font-family: 'Heuristica Italic', serif;
	font-syle: normal;
}

div.acctBlock.subsBlock div.introheader {padding-top:5px;}
div.acctBlock.subsBlock div.introheader h2 { padding-top:5px; }
div.acctBlock.subsBlock.subsIntro div.introheader h2 {padding-top:0;}
div.acctBlock.subsBlock div.introheader h2,div.acctBlock div.form-block h1.newsletter-name { font: 700 30px/1.125em 'Source Sans Pro',sans-serif }
div.acctBlock div.form-block .terms a,div.acctBlock div.form-block .terms a:hover, div.acctBlock div.form-block .terms a:active,div.acctBlock div.form-block .terms a:visited {color: #135080;}
div.acctBlock.subsBlock div.form-block .outsideus a,div.acctBlock.subsBlock div.form-block .outsideus a:hover,div.acctBlock.subsBlock div.form-block .outsideus a:active, div.acctBlock.subsBlock div.form-block .outsideus a:visited {color: #135080;}

/* button colors */
div.acctBlock .button {
    color: #FFFFFF; /* old #d9eef7; */
    border: none;
    background: #303943;
	padding: 10px 20px;
	height: auto;
	/*
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	*/
}

div#premiumFrame.acctBlock li.submit .button-wrap .button {
	text-transform: uppercase;
}

div.acctBlock .button:hover {
    background: #688194;
	/*
    background: #E2C8AB;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
	*/
}
div.acctBlock .button:active {
	/*
    color: #947D63;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top,  #0078a5,  #00adee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
	*/
}
/* secondary button colors */
/* add gradient to secondary buttons if we turn on the gradient for regular buttons */
div.acctBlock .button.secondary {
    background: none repeat scroll 0 0 #688194;
    border: 1px solid #688194;
}

div.acctBlock .button.secondary:hover,
div.acctBlock .button.secondary:active {
    background: none repeat scroll 0 0 #303943;
    border: 1px solid #303943;
}

#premiumFrame {
    background: none;
	font-size: 15px;
	padding-right: 30px;
}

div#premiumFrame.acctBlock h1 {
    font: 700 1.5em/1.25em 'Heuristica',serif;
    margin-bottom: 12px;
    text-align: left;
	padding: 0;
}

div#premiumFrame.acctBlock .subscribe-premium,
div#premiumFrame.acctBlock .login-premium {
	padding: 0 0 18px;
	border: solid #EDECEA;
	border-width: 0 0 6px 0;
	min-height: 371px;
	width: 100%;
}

div#premiumFrame.acctBlock .half {
    width: 45.95%;
	margin: 0 2% 0 0;
}

div#premiumFrame.acctBlock .half + .half {
	margin:0 0 0 2%;
	padding-right: 4.1%;
}

div.acctBlock div.form-block ul li {
	padding: 0;
}

div#premiumFrame.acctBlock .login-premium div.form-block ul li.submit,
div#premiumFrame.acctBlock .subscribe-premium ul li.submit {
	height: auto;
}

div#premiumFrame.acctBlock .login-premium div.form-block ul li.submit {
	margin: 24px 0 0;
}

div#premiumFrame.acctBlock .subscribe-premium ul li.submit {
	margin: 0;
}

div.acctBlock #login-premium div.form-block #form_validation_msg {
    font-size: 0.875em;
    line-height: 1.25em;
    margin-bottom: 10px;
}

div.acctBlock .half #subscribe-premium li {
    font-size: 1em;
}

.nav.subscription-nav li a, .nav.subscription-nav li a:hover {padding: 6px 63px;}
.nav.subscription-nav li a {text-transform: capitalize;}
.subscription-fullpage .hat {height:23px;}