/*
960px grid by Brave Whale
http://bravewhale.com
*/

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

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

}

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

}

@font-face {
    font-family: 'ClassicRoundMedium';
    src: url('../fonts/classicround-medium-webfont.eot?') format('eot'),
         url('../fonts/classicround-medium-webfont.woff') format('woff'),
         url('../fonts/classicround-medium-webfont.ttf') format('truetype'),
         url('../fonts/classicround-medium-webfont.svg#webfont4iLdMOal') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Global */
img { display: block; } /*fixes HTML5 doctype issue with line-height on img elements*/
a img { border: none; }

/* 12 Column Grid
--------------------------------------------------------------------------------*/
.container { padding: 0 20px; }

/*.row { width: 960px; margin: 0 auto; }
.row .row { width: auto; }*/

.column,
.columns {margin-left: 10px; margin-right: 10px; position: relative; }

/* Use in nested columns for the first and last */
.first {margin-left: 0;}
.last {margin-right: 0;}

.left { float: left; }
.right { float: right; }
.imgleft { float: left; margin: 0 15px 15px 0; }
.imgright { float: right; margin: 0 0 15px 15px; }

/* The columns */
/*.row .one {width: 60px;}
.row .two {width: 140px;}
.row .three {width: 220px;}
.row .four {width: 300px;}
.row .five {width: 380px;}
.row .six {width: 460px;}
.row .seven {width: 540px;}
.row .eight {width: 620px;}
.row .nine {}
.row .ten {width: 780px;}
.row .eleven {width: 860px;}
.row .twelve {width: 940px;}*/

/* Center a column */
.row .centered { float: none; margin: 0 auto; }

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.row .prefix-1 {margin-left: 80px;}
.row .prefix-2 {margin-left: 160px;}
.row .prefix-3 {margin-left: 240px;}
.row .prefix-4 {margin-left: 320px;}
.row .prefix-5 {margin-left: 400px;}
.row .prefix-6 {margin-left: 480px;}
.row .prefix-7 {margin-left: 560px;}
.row .prefix-8 {margin-left: 640px;}
.row .prefix-9 {margin-left: 720px;}
.row .prefix-10 {margin-left: 800px;}
.row .prefix-11 {margin-left: 880px;}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.row .suffix-1 {margin-right: 80px;}
.row .suffix-2 {margin-right: 160px;}
.row .suffix-3 {margin-right: 240px;}
.row .suffix-4 {margin-right: 320px;}
.row .suffix-5 {margin-right: 400px;}
.row .suffix-6 {margin-right: 480px;}
.row .suffix-7 {margin-right: 560px;}
.row .suffix-8 {margin-right: 640px;}
.row .suffix-9 {margin-right: 720px;}
.row .suffix-10 {margin-right: 800px;}
.row .suffix-11 {margin-right: 880px;}

/* You know how relative positioning works, right? */
.push-1, .pull-1,
.push-2, .pull-2,
.push-3, .pull-3,
.push-4, .pull-4,
.push-5, .pull-5,
.push-6, .pull-6,
.push-7, .pull-7,
.push-8, .pull-8,
.push-9, .pull-9,
.push-10, .pull-10,
.push-11, .pull-11 {
	position: relative;
}

/* `Push Space >> 12 Columns
--------------------------------------------------------------------------------*/
.row .push-1 {left: 80px;}
.row .push-2 {left: 160px;}
.row .push-3 {left: 240px;}
.row .push-4 {left: 320px;}
.row .push-5 {left: 400px;}
.row .push-6 {left: 480px;}
.row .push-7 {left: 560px;}
.row .push-8 {left: 640px;}
.row .push-9 {left: 720px;}
.row .push-10 {left: 800px;}
.row .push-11 {left: 880px;}

/* `Pull Space >> 12 Columns
--------------------------------------------------------------------------------*/
.row .push-1 {left: -80px;}
.row .push-2 {left: -160px;}
.row .push-3 {left: -240px;}
.row .push-4 {left: -320px;}
.row .push-5 {left: -400px;}
.row .push-6 {left: -480px;}
.row .push-7 {left: -560px;}
.row .push-8 {left: -640px;}
.row .push-9 {left: -720px;}
.row .push-10 {left: -800px;}
.row .push-11 {left: -880px;}

/* Nicolas Gallagher's micro clearfix
--------------------------------------------------------------------------------*/
.row:before, .row:after, .clearfix:before, .clearfix:after { content: ""; display: table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }

/* Buttons
--------------------------------------------------------------------------------*/
.button-action {
	background: #fca528;
	background: -moz-linear-gradient(top,  #fca528 0%, #ee870d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fca528), color-stop(100%,#ee870d));
	background: -webkit-linear-gradient(top,  #fca528 0%,#ee870d 100%);
	background: -o-linear-gradient(top,  #fca528 0%,#ee870d 100%);
	background: -ms-linear-gradient(top,  #fca528 0%,#ee870d 100%);
	background: linear-gradient(to bottom,  #fca528 0%,#ee870d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca528', endColorstr='#ee870d',GradientType=0 );
	border: 1px solid #d08114;
	border-radius: 100em;
	-moz-border-radius: 100em;
	-webkit-border-radius: 100em;
	padding: 8px 30px; 
	color: #fff; 
	font-size: 20px;
	text-decoration: none;
	text-shadow: 0 -1px 0 #9e5907;
	box-shadow: 0 2px 3px rgba(0,0,0,0.15); 
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15); 
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
}
.button-action:hover {
	background: #fcc328;
	background: -moz-linear-gradient(top,  #fcc328 0%, #f2a221 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcc328), color-stop(100%,#f2a221));
	background: -webkit-linear-gradient(top,  #fcc328 0%,#f2a221 100%);
	background: -o-linear-gradient(top,  #fcc328 0%,#f2a221 100%);
	background: -ms-linear-gradient(top,  #fcc328 0%,#f2a221 100%);
	background: linear-gradient(to bottom,  #fcc328 0%,#f2a221 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc328', endColorstr='#f2a221',GradientType=0 );
	border: 1px solid #f5951a;
	color: #fff;
	text-shadow: 0 -1px 0 #dc8d20;
}
.button-utility {
	background: #85c6dd;
	background: -moz-linear-gradient(top,  #85c6dd 0%, #5cb8df 12%, #5cb8df 88%, #2891b7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85c6dd), color-stop(12%,#5cb8df), color-stop(88%,#5cb8df), color-stop(100%,#2891b7));
	background: -webkit-linear-gradient(top,  #85c6dd 0%,#5cb8df 12%,#5cb8df 88%,#2891b7 100%);
	background: -o-linear-gradient(top,  #85c6dd 0%,#5cb8df 12%,#5cb8df 88%,#2891b7 100%);
	background: -ms-linear-gradient(top,  #85c6dd 0%,#5cb8df 12%,#5cb8df 88%,#2891b7 100%);
	background: linear-gradient(to bottom,  #85c6dd 0%,#5cb8df 12%,#5cb8df 88%,#2891b7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c6dd', endColorstr='#2891b7',GradientType=0 );
	border: 1px solid #649ca9;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	text-shadow: 0 1px 0 #146587;
	font-size: 14px;
	padding: 0 6px;
}
.button-utility:hover {
	background: #85c6dd;
	background: -moz-linear-gradient(top,  #85c6dd 0%, #5cb8df 12%, #3ea6d6 88%, #2891b7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85c6dd), color-stop(12%,#5cb8df), color-stop(88%,#3ea6d6), color-stop(100%,#2891b7));
	background: -webkit-linear-gradient(top,  #85c6dd 0%,#5cb8df 12%,#3ea6d6 88%,#2891b7 100%);
	background: -o-linear-gradient(top,  #85c6dd 0%,#5cb8df 12%,#3ea6d6 88%,#2891b7 100%);
	background: -ms-linear-gradient(top,  #85c6dd 0%,#5cb8df 12%,#3ea6d6 88%,#2891b7 100%);
	background: linear-gradient(to bottom,  #85c6dd 0%,#5cb8df 12%,#3ea6d6 88%,#2891b7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c6dd', endColorstr='#2891b7',GradientType=0 );
}
.button-sub-action {
	background: #e2e2e2;
	border-radius: 100em;
	-moz-border-radius: 100em;
	-webkit-border-radius: 100em;
	padding: 8px 30px; 
	color: #333; 
	font-size: 15px;
	text-decoration: none;
	box-shadow: inset 0 0px 3px rgba(0,0,0,0.25); 
    -moz-box-shadow: inset 0 0px 3px rgba(0,0,0,0.25); 
    -webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.25);
}
.button-sub-action:hover { background: #d7d7d7; }

/* Boxes
--------------------------------------------------------------------------------*/
.viewbox { background: #fff; border: 1px solid #d5d5d5; box-shadow: 0 0 8px rgba(0,0,0,0.12); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.12); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.12); }
.viewbox .inner { border: 5px solid #e8f5fa; }

/* Custom Forms
--------------------------------------------------------------------------------*/
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea,#step2form select { border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0; padding: 6px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 18px !important; font-size: 1.8rem !important; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }
textarea { height: auto; }
select { width: 100%; }
form.custom { /* Custom input, disabled */ }
form.custom span.custom { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #ccc; background: #fff; }
form.custom span.custom.radio { -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
form.custom span.custom.checkbox:before { content: ""; display: block; line-height: 0.8; height: 14px; width: 14px; text-align: center; position: absolute; top: 0; left: 0; font-size: 14px; color: #fff; }
form.custom span.custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; background: #222; position: relative; top: 3px; left: 3px; }
form.custom span.custom.checkbox.checked:before { content: "\00d7"; color: #222; }
form.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 28px; margin-bottom: 9px; margin-top: 2px; }
form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; min-height: 28px; padding: 0 38px 0 6px; border: solid 1px #ddd; color: #141414; background-color: #fff; white-space: nowrap; }
form.custom div.custom.dropdown a.selector { position: absolute; width: 27px; height: 28px; display: block; right: 0; top: 0; border: solid 1px #ddd; }
form.custom div.custom.dropdown a.selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #aaaaaa transparent transparent transparent; position: absolute; left: 50%; top: 50%; margin-top: -2px; margin-left: -5px; }
form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #222222 transparent transparent transparent; }
form.custom div.custom.dropdown.open ul { display: block; z-index: 10; max-height: 300px; overflow: scroll; }
form.custom div.custom.dropdown.small { width: 134px !important; }
form.custom div.custom.dropdown.medium { width: 254px !important; }
form.custom div.custom.dropdown.large { width: 434px !important; }
form.custom div.custom.dropdown.expand { width: 100% !important; }
form.custom div.custom.dropdown.open.small ul { width: 134px !important; }
form.custom div.custom.dropdown.open.medium ul { width: 254px !important; }
form.custom div.custom.dropdown.open.large ul { width: 434px !important; }
form.custom div.custom.dropdown.open.expand ul { width: 100% !important; }
form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: #fff; background: rgba(255, 255, 255, 0.95); border: solid 1px #cccccc; }
form.custom div.custom.dropdown ul li { color: #555; font-size: 13px; cursor: pointer; padding: 3px 38px 3px 6px; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
form.custom div.custom.dropdown ul li.selected { background: #cdebf5; color: #000; }
form.custom div.custom.dropdown ul li.selected:after { content: "\2013"; position: absolute; right: 10px; }
form.custom div.custom.dropdown ul li:hover { background-color: #e3f4f9; color: #222; }
form.custom div.custom.dropdown ul li:hover:after { content: "\2013"; position: absolute; right: 10px; color: #8ed3e7; }
form.custom div.custom.dropdown ul li.selected:hover { background: #cdebf5; cursor: default; color: #000; }
form.custom div.custom.dropdown ul li.selected:hover:after { color: #000; }
form.custom div.custom.dropdown ul.show { display: block; }
form.custom .custom.disabled { background-color: #ddd; }

/* Correct FF custom dropdown height */
@-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 30px; } }

.lt-ie9 form.custom div.custom.dropdown a.selector { height: 30px; }
.prefix {border-bottom-left-radius:2px; border-top-left-radius:2px; background: #F2F2F2;border: 1px solid #CCC; display: inline-block;font-size: 14px;margin: 0;padding: 2px 6px; color:#222;}