@import "reset.css";
@import "grid.css";

/* Body 
--------------------------------------------- */
body { background: #FEDFB1 url('/images/2011/bg.png') repeat-x; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* IE 6 Warning 
--------------------------------------------- */
.ie6Warning p  { margin: 0; }
.ie6Warning h4 { background: url('/images/2011/ie-warning/warning.gif') left center no-repeat; color: #D13236; margin: 0; padding: 8px 0 8px 40px; }

/* Headings 
--------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #D96903; font-weight: normal; margin: 0 0 8px; }
.uppercase { text-transform: uppercase; }

/* Colors and Borders 
--------------------------------------------- */
.orange-underline { border-bottom: 2px solid #F9E3CC; }
.blue { color: #3696A4; }
.orange, .orange a { color: #D96903; }
.img-border { border: 2px solid #F9E3CC; padding: 3px; }

/* Header 
--------------------------------------------- */
#header { background: #FDDDAE url('/images/2011/header-bg.png') repeat-x; }
#header-bg-image { background: url('/images/2011/header-bg-image.jpg') no-repeat top center; }
#header, #header-bg-image { height: 167px; }

#logo { position: absolute; top: 14px; }

#utility-nav { right: 0; top: 5px; }
#utility-nav li { padding: 4px; }
#utility-nav a { text-decoration: none; text-transform: uppercase; }
#utility-nav a:hover { text-decoration: underline; }
#utility-nav li, #utility-nav a { color: #E7890F; font-size: 10px; font-weight: bold; }

#countdown { position: absolute; right: 0; top: 40px; }
.time-remaining td, .time-label td { line-height: 1em; padding: 0 10px; text-align: center; }
.time-remaining td { color: #44C3D2; font-size: 50px; font-weight: bold; letter-spacing: -2px; text-shadow: 0 -1px 1px rgba(255,255,255,.7); }
.time-label td { color: #D96903; font-size: 16px; }

/* Navigation 
--------------------------------------------- */
.navigation { overflow: hidden; }
.navigation li { float: left; list-style: none; }
.navigation li a { display: block; }

.navigation-inline li { display: inline; }

.small li { font-size: 11px;}

#navigation { background: #45C3D2; margin-bottom: 30px; z-index: 9999; }
#navigation .navigation>li>a { color: #FFF; display: block; font-size: 13px; padding: 10px 12px; text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,.3); text-transform: uppercase; }
#navigation .navigation>li>a:hover, #navigation .navigation>li:hover { background: #39ACBA; background: -moz-linear-gradient(top, #2D8E9A 0%, #39ACBA 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2D8E9A), color-stop(100%,#39ACBA)); }
#navigation .navigation li ul li, #navigation .navigation li ul { width: 220px; }
#navigation .navigation li ul { left: -999em; margin: 0; position: absolute; z-index: 9999; }
#navigation .navigation li:hover ul { left: auto; }
#navigation .navigation li ul li a { background: #39ACBA; color: #FFF; padding: 5px 10px; text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
#navigation .navigation li ul li a:hover { background: #298B98; }

/* Content 
--------------------------------------------- */
#main { min-height: 500px; padding-right: 18px; }
.right-border { border-right-style: solid; border-right-width: 2px; }
.orange-border { border-color: #F9E3CC; }

.article { margin-bottom: 15px; overflow: hidden; }
.button { border: 0; display: block; margin-bottom: 10px; }
.register { background: url('/images/2011/register-button.png') no-repeat; height: 51px; width: 199px; }
.register:hover { background-position: 0 -51px; }

.img-left, .img-right { border: 1px solid; padding: 3px; }
.img-left { float: left; margin: 0 15px 15px 0; }
.img-right { float: right; margin: 0 0 15px 15px; }
.v-middle { vertical-align: middle; }
.text-field { border: 1px solid #C5C5C5; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; padding: 3px; }
.long-field { width: 300px; }
.smaller-text td { font-size: 12px !important; }

/* Buttons
--------------------------------------------- */
.submit-button-reg {
	background: #45C3D2;
	background: -moz-linear-gradient(top, #45C3D2 0%, #66CAD7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45C3D2), color-stop(100%,#66CAD7));
	border: 0;
	color: #123A40;
	padding: 10px 25px;
	font-weight: bold;
	display: inline-block;
	margin: 17px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 4px 0px #30919D, 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 4px 0px #30919D, 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 4px 0px #30919D, 0 5px 10px rgba(0, 0, 0, 0.2);
	text-shadow: 0 1px 0 #BFE0E4;
	text-transform: uppercase;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	position: relative;
	font-size: 12px;
	text-decoration: none;
}
.submit-button-reg:active {
	top: 2px;
	-webkit-box-shadow: 0px 2px 0px #30919D, 0 3px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 0px #30919D, 0 3px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 0px #30919D, 0 3px 10px rgba(0, 0, 0, 0.2);
}
.gray {
	background: #CFCFCF;
	background: -moz-linear-gradient(top, #CFCFCF 0%, #EFEFEF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CFCFCF), color-stop(100%,#EFEFEF));
	-webkit-box-shadow: 0px 4px 0px #A6A6A6, 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 4px 0px #A6A6A6, 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 4px 0px #A6A6A6, 0 5px 10px rgba(0, 0, 0, 0.2);
	color: #666;
	text-shadow: 0 1px 0 #FFF;
}
.gray:active {
	-webkit-box-shadow: 0px 2px 0px #A6A6A6, 0 3px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 0px #A6A6A6, 0 3px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 0px #A6A6A6, 0 3px 10px rgba(0, 0, 0, 0.2);
}
.bottom-btn-margin { margin: 0 0 30px; }
.left-btn-margin { margin: 0 0 0 30px; }

/* Progress Bar
--------------------------------------------- */
.progress-meter-bar {
	height: 30px;
	line-height: 30px;
	margin: 0 0 20px;
}
.progress-meter-bar li {
	background: #E9E9E9;
	list-style: none;
    float: left;
}
.progress-meter-bar li.current {
	background: #D96903;
}
.progress-meter-bar li.current span {
	color: #FFF;
}
.progress-meter-bar span.wrap {
	float: left;
    position: relative;
    padding: 0 20px 0 10px;
    color: #000000;
    text-decoration: none;
    outline: none;
}
.progress-meter-bar li.current span.arrow {
	border-left: 10px solid #D96903;
    border-right: none;
    border-top: 15px solid #e9e9e9;
    border-bottom: 15px solid #e9e9e9;
}
.progress-meter-bar span.arrow {
    position: absolute;
    display: block;
    line-height: 0;
    height: 0;
    width: 0;
    right: 0;
    top: 0;
    border-left: 10px solid #E9E9E9;
    border-right: none;
    border-top: 15px solid #e9e9e9;
    border-bottom: 15px solid #e9e9e9;
}

/* Tables 
--------------------------------------------- */
.simple-table { margin: 0 0 20px; width: 600px; }
.simple-table tr td { border-bottom: 1px solid #F2CDA9; color: #66441B; font-size: 14px; padding: 3px 5px 3px 0; }
.simple-table td.first-cell { width: 200px; }
.simple-table td.first-cell-longer { width: 350px; }
.full-table { width: 100%; }
.no-border { border: 0 !important; }
.form-spacer { margin-bottom: 40px; }

.summary-table { border: 1px solid #D96903; float: right; font-size: 13px; margin: 0 0 20px 20px; width: 280px; }
.summary-table td { padding: 2px 5px; }
.heading-td { background: #D96903; color: #FFF; font-weight: bold; }
.close-button { position: absolute; right: -9px; top: -9px; }
.reg-head { font-size: 16px; }

#overview-rail { background: none repeat scroll 0 0 #F4F4F4; border: 1px solid #CFCFCF; font-size: 12px; margin: 0 0 10px; padding: 8px; }

/* Form
--------------------------------------------- */
.error-msg { color: red; }

/* Footer 
--------------------------------------------- */
#footer { margin-bottom: 60px; margin-top: 70px; overflow: hidden; }
#footer-navigation li a { margin: 0 2px; text-decoration: none; }
#footer-navigation li a:hover { text-decoration: underline; }


/* Contact Info
--------------------------------------------- */
#address ul { list-style-type: none; }