@charset "utf-8";
/*  
Name: SkiVite Global
-----------------------------------------
Purpose: Provides the structural foundation for the presentation of SkiVite. This stylesheet should be included in all pages output by SkiVite.
Author: Joe Baz, Above the Fold (http://www.abovethefolddesign.com/)

Version History
-----------------------------------------
1.0
@ First draft of document

*/

BODY {
	margin: 0;
	padding: 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Trebuchet MS', Arial, Sans-Serif;
	text-align: center; /* Center aligns content layouts in IE 6 */
}


/* ------------------------------------------------------------------------ */
/* Layout Styles */
/* ------------------------------------------------------------------------ */

DIV#layoutOneCol {
	margin: 0 auto; /* Center aligns content layouts for all standards-compliant browsers */
	padding: 0;
	width: 851px;
}

.FullTop {
	height: 48px;
	width: 851px;
	margin-top: 5px;
	padding: 0;
}

.FullMiddle {
	padding: 0;
	margin: 0;
}

.FullBottom {
	height: 45px;
}

DIV#contentMain {
	padding: 0 50px 35px; /* No top padding. Only 35px for the bottom and 50px for the left and right padding */
	margin: 0;
	text-align: left; /* Resets the alignment from center (based on the BODY selector) to left */
	line-height: 1.4em;
}

DIV#contentMain H1 {
	padding: 0;
	margin: 0;
	font-size: 2.8em;
	line-height: 2em;
	font-weight: normal;
	clear: both;
}

DIV#contentMain H2 {
	padding: 0;
	margin: 10px 0 0 0;
	font-size: 2.2em;
	line-height: 1.6em;
	font-weight: normal;
	clear:both;
}

DIV#contentMain H3 {
	padding: 3px;
	margin: 10px 0 0 0;
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: normal;
	clear:both;
}

DIV#contentMain P {
	padding: 0;
	margin: 17px 0 0 0;
	font-size: 1.5em;
	line-height: 1.7em;
}

DIV#contentMain UL {
	list-style-type: square;
}

DIV#contentMain OL {
	list-style-type:decimal;
}

DIV#contentMain LI {
	font-size: 1.5em;
	line-height: 1.7em;
}



/* ------------------------------------------------------------------------ */
/* Footer Styles */
/* ------------------------------------------------------------------------ */

DIV#Footer {
	margin: 10px auto; /* Center aligns content layouts for all standards-compliant browsers */
	padding: 0;
	width: 851px;
	text-align: left;
}

DIV#bottomNav {
	margin-left: 25px;
	padding-left: 10px;
	border-left: 5px solid #edf1f8;
}

DIV#bottomNav P {
	font-size: 1.1em;
	padding: 0;
	margin: 0;
}


/* ------------------------------------------------------------------------ */
/* Budget Styles */
/* ------------------------------------------------------------------------ */

.previewTable {
	padding: 0;
	margin: 0;
	border: 0;
}

TABLE#budgetDetailTable {
	width: 100%;
}

.previewTable TH, .previewTable TD  {
	font-size: 1.4em;
	padding: 4px;
}

#lineItemEstimate {
	font-size: 1.5em;
}

.optionHeader {
	padding: 10px;
}

H3.responseListHeading {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-size: 1.8em;
}

H3.skiviteH3 {
	padding: 0;
	margin: 0;
}




/* ------------------------------------------------------------------------ */
/* Create SkiVite Styles */
/* ------------------------------------------------------------------------ */

#skiviteHeader {
	text-align: center;
	width: 100%;
	height: 124px;
}

.tripRow {
	padding: 10px;
}

.fieldCaption.create {
	padding: 5px 0 0 110px;
}

.fieldCaption.invitation {
	width: 400px;
}

INPUT#TripStartDate, INPUT#TripEndDate {
	padding-top: 5px;
	width: 75px !important;
	height: 20px !important;
}

INPUT#TripTripName {
	width: 250px !important;
}

#TripBudgetOptions {
	height: 145px;
	width: 270px;
	margin: 0;
	padding: 10px 0 0 10px;
	float: left;
}

.fieldCaption.suggestResort {
	padding-left: 110px;
}

TEXTAREA#TripDescription {
	width: 250px;
	height: 100px;
}


#inviteOptions LABEL {
	width: auto !important;
}

/* ------------------------------------------------------------------------ */
/* SkiVite Final Styles */
/* ------------------------------------------------------------------------ */

H3.responseListHeading {
	font-size: 1.3em !important;
	padding: 3px !important;
}

#tripDetails {
 width: 500px;
}

.tripRow {
	clear: both;
	margin-bottom: 15px;
}


.tripDetails {
	margin: 0;
	padding: 0 0 0 5px;
}

.tripDetails LI {
	list-style-type: none;
	padding: 3px 0px;
	font-size: 1.6em !important;
}

#skiviteTools {
	padding-left: 20px;
	margin-right: 20px;
	overflow: hidden;
	width: 200px;
}

#skiviteToolsList {
	padding: 0;
	margin: 0;
}

#skiviteToolsList LI {
	margin: 8px 2px;
	list-style-type: none;
	font-size: 1.4em !important;
}

#skiviteToolsList A {
	font-weight: bold;
	text-decoration: underline;
}

#skiviteToolsList IMG {
	border: 0;
	vertical-align: middle;
	padding-right: 4px;
}

#responselist OL {
	margin: 10px 0 0 30px;
	list-style-type: decimal !important;
	padding: 0;
}

#responselist LI, #noResponseList LI{
	padding: 2px 0;
	font-size: 1.2em !important;
}


/* ------------------------------------------------------------------------ */
/* Invite Friends Styles */
/* ------------------------------------------------------------------------ */

#friendsContainer {
	height: 100px;
	width: 246px;
	font-size: .8em;
}


#shareURL {
	font-size: 1.2em;
	font-weight: normal;
	height: 14px;
	width: 450px;
}

#openinvite {
	clear: both;
	width: 450px;
	margin-top: 15px;
}

LABEL[for=InvitationsFriends] { 
	height: 75px;
}

LABEL[for=InvitationSaveEmails], LABEL[for=InvitationGuestsAllowed], LABEL[for=TripRsvpSaveInfo] {
	width: 200px !important;
	float: none !important;
	text-align: left !important;
}

INPUT[value=Preview], INPUT[value=Send] {
	padding: 0;
	margin: 0;
}

#responseCheckboxes {
	font-size: 1.4em;
}

TEXTAREA#InvitationMessage, TEXTAREA#InvitationEmails {
	width: 250px;
	height: 100px;
}

#inviteExtras LABEL {
	width: auto !important;
}	


/* ------------------------------------------------------------------------ */
/* Trip Calculator Styles */
/* ------------------------------------------------------------------------ */

FIELDSET#tripCalculator { 
	float: left;
	width: 300px;
}

#tripCalculator DIV {
	margin: 0 0 5px 0 !important;
	clear: both;
	height: 32px;
}

.inputField {
	position: relative;
	top: 7px;
	clear: none !important;
	height: 30px;
	font-size: 1.1em;
}

#tripCalculator LABEL {
	text-align: left;
	width: 180px;
	float: left;
	font-size: 1.6em;
	line-height: 1.1em;
	padding-bottom: 2px;
	font-weight: bold;
}

LABEL.active, LABEL.disabled{
	padding-left: 5px;
}

.total {
	padding-left: 20px;
}

#tripCalculator INPUT[type=checkbox] {
	position: relative;
	top: 5px;
}

#tripCalculator INPUT[type=text] {
	width: 55px;
	height: 16px;
	margin: 3px;
}

#totalSkiers {
	margin: 0 0 5px 0 !important;
	padding-top: 5px;
}

#totalSkiers LABEL {
	font-size: 1.3em !important;
	font-weight: normal !important;
	padding-left: 5px; 
	width: 205px !important;
}

#TripTotalParticipants {
	width: 25px !important;
	height: 15px !important;
	margin: 0 !important;
}

#mathOutput {
	text-align: right;
	padding: 3px 12px;
	clear: both;
	height: 100px !important;
}

#mathOutput SPAN {
	padding: 6px 0;
	display: block;
	position: relative;
	font-size: 1.6em;
	color: Black;
}

.optionChoices {
	padding: 10px;
	margin: 10px 35px;
	float: left;
	width: 300px;
}

.optionChoices P {
	font-size: 1.2em !important;
	line-height: 1.4em !important;
}

.optionChoices.hidden {
	visibility: hidden;
	display: none;
}

.optionChoices.shown {
	visibility: shown;
	display: block;
}

#allowOverride {
	width: 300px;
}

#allowOverride LABEL {
	text-align: left;
	width: 275px;
	padding: 0 0 0 5px;
	margin: 0;
}

.recOptions LI {
	float: left;
	list-style-type: none;
	width: 125px;
	height: 100px;
}

.recOptions A {
	font-size: 1.1em;
	font-weight: bold;
}
.recOptions IMG {
	padding: 5px 5px 5px 0;
	margin: 2px 0;
	border: 0;
}


/* ------------------------------------------------------------------------ */
/* Budget Planner and Ski/Ride List Styles */
/* ------------------------------------------------------------------------ */

.optionHeading {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-size: 1.8em !important;
}


/* ------------------------------------------------------------------------ */
/* Register Styles */
/* ------------------------------------------------------------------------ */

.fieldCaption.register {
	padding-left: 110px;
}

/* ------------------------------------------------------------------------ */
/* My Profile Styles */
/* ------------------------------------------------------------------------ */

.myProfile LABEL {
	width: 95px;
}

.myProfile.left {
	width: 290px;
}

.myProfile.right {
	width: 350px;
	margin-left: 20px;
}

.myProfile.full {
	width: 600px;
	margin-left: 20px;
}

.myProfile.full LABEL {
	width: 200px;
}

.avatar {
	clear: both;
	margin: 5px 0;
	padding-left: 75px;
}

#UserBirthday {
	width: 100px;
}

.skitrips {
	width: 25px;
}

#crewSize, #skiCrew {
	width: 200px;
	float: left;
	margin: 5px 0 0 0; 
	position: relative;
}

.fieldCaption.profile {
	padding-left: 210px;
}


/* ------------------------------------------------------------------------ */
/* RSVP Response Styles */
/* ------------------------------------------------------------------------ */

FIELDSET#response {
	float: right;
	width: 245px;
}

FIELDSET#guestData {
	float: left;
	clear: none;
	width: 400px;
}

FIELDSET#response INPUT {
	float: left;
}

FIELDSET#response LABEL {
	text-align: left;
}

#noList LI, #noResponseList LI {
	font-size: 1.4em;
	padding-bottom: 4px;
}

.currentResponse {
	padding: 10px;
	font-size: 1.9em;
	width: 200px;
	text-align: center;
	margin-top: 5px;
}

#yesId, #maybeId, #noId {
	margin: 0;
}

LABEL[for=response_yes], LABEL[for=response_maybe], LABEL[for=response_no] {
	width: 100px !important;
	float: none !important;
	text-align: left !important;
	line-height: 1.4em !important;
}

FIELDSET#tripCost { 
	float: left;
	width: 400px;
}

#tripCost DIV {
	margin: 0 0 5px 0 !important;
	clear: both;
	height: 32px;
}

#tripCost LABEL {
	text-align: left;
	width: 180px;
	float: left;
	font-size: 1.6em;
	line-height: 1.1em;
	padding-bottom: 2px;
	font-weight: bold;
}

.suggestedAmt {
	font-size: 1.6em;
	line-height: 1.1em;
	display: block;
	float: left;
	width: 70px;
	margin: 5px 10px 0 0;
}

.total {
	padding-left: 20px;
}

#tripCost INPUT[type=checkbox] {
	position: relative;
	top: 5px;
}

#tripCost INPUT[type=text] {
	width: 55px;
	height: 16px;
	margin: 3px;
}

#costHeadings {
	height: 45px !important;
}

#costHeadings SPAN {
	font-size: 1.5em !important;
	font-weight: bold !important;
	position: relative;
	display: block;
	float: left;
	line-height: 1.4em;
}

#costOutput {
	padding: 3px 12px;
	clear: both;
	height: 65px !important;
}

#costOutput SPAN {
	display: block;
	position: relative;
	float: left;
	font-size: 1.6em;
	margin: 6px 0;
}

#hTripOption {
	width: 180px;
	margin: 10px 0 0 20px;
}

#hSugAmount {
	width: 80px;
	text-align: center;
	margin-right: 10px;
}

#hActAmount {
	width: 80px;
	text-align: center;
}

#estimatedTotal {
	margin-left: 12px;
	width: 180px;
	font-weight: bold;
}

#suggestedTotal {
	width: 80px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}

#actualTotal {
	width: 90px;
	text-align: right;
	font-weight: bold;
}

#noteTotal {
	width: 400px;
}

.fieldCaption.costnotice {
	font-style: italic;
	font-size: 1.2em !important;
}

/* ------------------------------------------------------------------------ */
/* Login Styles */
/* ------------------------------------------------------------------------ */

#loginSection {
	height: 146px;
	width: 226px;
	margin-left: 5px;
	padding: 0; 
}

.loginPadding {
	padding: 10px 0 0 10px; 
	margin: 0;
}

#loggedIn {
	position: relative;
	float: right;
	right: 35px;
	text-align: right;
}

#loginSection INPUT[type=text], #loginSection INPUT[type=password] {
	height: 15px !important;
	width: 75px !important;
	font-size: 1.2em;
}

.login {
	clear: both; 
}


#loginSection LABEL {
	font-size: 1.2em;
	padding-right: 8px;
	text-align: right;
	width: 75px;
}

.fieldCaption.forgotPwdLink {
	padding-left: 80px;
}

.fieldCaption.registerLink {
	padding: 5px 0 0 10px;
}

#login_submit {
	padding-left: 80px; 
}

/* ------------------------------------------------------------------------ */
/* Miscellaneous Styles */
/* ------------------------------------------------------------------------ */

FORM {
	margin: 0;
	padding: 0;
}

IMG {
	border: 0;
}

TH, TD {
	vertical-align: top;
}

.column.left {
	float: left;
	clear: left;
}

.column.right {
	float: left;
	clear: right;
}

.column.middle {
	float: left;
	clear: none;
}

.noPrint {
	display: none;
	visibility: hidden;
}

.break {
	clear: both;
	overflow:hidden;
}

.fieldCaption {
	font-size: 1.1em;
	color: #666666;
	clear: both;
	display: block;
}

.textFieldOutput {
	display: block;
	font-size: 1.4em;
	margin: 2px 0;
	padding: 6px 0 0 0;
}

.buttonCreate {
	float:left;
	padding:15px 5px;
}

#demoSection LI {
	font-size: 1.3em !important;
}

.fixed {
	text-decoration: line-through;
}

.contactbuckets DIV {
	font-size: 1.6em;
	line-height: 1.4em;
	margin: 10px;
	padding: 10px;
}

#addThis {
	position: relative;
	right: 55px;
	bottom: 5px;
	text-align: right;
	float: right;
}

.bioRow {
	display: block;
	padding: 5px;
	margin: 0;
	font-size: 1.4em;
}


/* ------------------------------------------------------------------------ */
/* Form Styles */
/* ------------------------------------------------------------------------ */

FIELDSET {
	margin: 10px 0;
	padding: 5px 10px 20px;
	width: 700px;
	background: white;
}


LEGEND {
	font-size: 1.5em;
	font-weight: bold;
}

.fieldRow {
	clear:both;
	overflow: visible;
}

LABEL {
	font-size: 1.4em;
	padding: 5px 10px 0 0;
	text-align: right;
	width: 100px;
	float: left;
	margin: 2px 0;
}

INPUT[type=text], INPUT[type=password], TEXTAREA {
	font-size: 1.4em;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 2px 0;
	float: left;
	clear: none;
}

INPUT[type=radio], INPUT[type=checkbox] {
	float: left;
}

INPUT[type=submit] {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: normal;
	border: 0;
	padding: 0;
	width: 161px;
	height: 45px;
	margin: 10px 0;
	text-align:center;
	clear: both;
}

.submitButtonSmall {
	font-size: 1.2em !important;
	font-weight: bold !important;
	border: 0 !important;
	padding: 0 !important;
	width: 83px !important;
	margin: 5px 0 !important;
	height: 23px !important;
	text-align:center !important;
	clear: both !important;
}

SELECT {
	padding: 1px;
	margin: 2px 0;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}

.checkboxMultiple { 
	margin:0; 
	padding:0; 
	list-style-type:none; 
}

.checkboxMultiple LI { 
	display:block;  
	margin: 0 8px 0 0;
	width: 220px;
	font-size: 1.4em !important;
} 

.checkboxBoxGroup {
	float: left;
	padding: 0;
	padding-top: 5px;
}

.checkboxBoxGroup LABEL {
	text-align: left;
	padding: 3px 0;
	margin: 0;
}

.comboBox {
	display: block;
	padding: 5px;
}

.comboBox.scroll {
	overflow: scroll;
}

.comboBox.noscroll {
	overflow: visible;
}


/* ------------------------------------------------------------------------ */
/* Calendar Popup Styles */
/* ------------------------------------------------------------------------ */

/*#resorts, #resorts-loading { display: none; }*/

/*
DIV.calendar CAPTION A.prev {
	background-image: url("images/calendar-prev.png");
	left: 0;
}
DIV.calendar CAPTION A.next {
	background-image: url("images/calendar-next.png");
	right: 0;
}
*/

#startCal, #endCal { 
	position: absolute;
	float: left;
	z-index: 100000000;
}

table#cal { 
	text-align: center; 
	padding: 0 2px 2px; 
}

table#cal td { 
	padding: 0; 
	margin: 0;
}

table#cal a { 
	display: block;
	width: 20px;
	height: 20px;
	font-size: 13px;
	text-decoration: none;
}

table#cal td.header { 
	text-align: center;
	height: 24px;
	font-size: 13px;
	vertical-align: middle;
	font-weight: bold;
}

.dayName { 
	font-weight: bold;
	font-size: 13px;
	height: 22px;
	vertical-align: middle;
}

.inactive {
	width: 20px !important; 
	height: 20px !important;
	font-size: 13px;
}

.today { 
	
}

table#cal td.today a { 
	font-weight: bold;
}

.leftArrow { 
	padding-right: 5px;
	display: inline !important;
	font-weight: bold;
	font-size: 15px;
}

.rightArrow { 
	padding-left: 5px;
	display: inline !important;
	font-weight: bold;
	font-size: 15px;
}

input#date { 

}

#endImg, #startImg { 
	float: left;
	position: relative; 
}

/* ------------------------------------------------------------------------ */
/* Top Navigation Styles */
/* ------------------------------------------------------------------------ */

/* IMPORTANT: The styles below only cover a tiny percentage of the formatting for the drop down menu. The real bulk of formatting can be found in /js/udm-custom.js. The reason for this is because this is not a pure CSS-driven drop down menu. This script was intentionally chosen due to inconsistent support event-based triggers in CSS across various browsers. The good news is that the styling in the udm-custom.js can be overridden with external styles. HOWEVER, not everything will be overridden, so therefore, it was deemed appropriate to keep the formatting in the JS as opposed to the CSS. Trust me on this, you don't want to get into the styling via CSS. It will be a headache for you. */

DIV#topNav {
	margin: 50px auto 0 !important; /* Center aligns content layouts for all standards-compliant browsers */
	padding-left: 25px;
	text-align: left !important;
	width: 851px !important;
}

H2#navbar { /* This H2 is positioned off the page for all browsers except screenreaders or text-only browsers - this type of browser will generally have a "headings list" or "headings-reading mode". This improves accessibility so don't remove ;) */
	position:absolute;
	top:-10em;
	left:-10em;
}

#udm LI UL {
	height: 108px !important;
}


/* ------------------------------------------------------------------------ */
/* Confirmation Message Styles */
/* ------------------------------------------------------------------------ */

.confirmation {
	width: 705px;
	clear: both;
	float: none;
	font-size: 1.6em;
	font-weight: bold;
	padding: 20px;
}

.errorContainer {
	padding-left: 10px;
	margin: 0 0 2px 10px;
	width: 260px;
	position: relative;
	float: right;
	clear: none;
	z-index: 1000000000;
}

.errorContainer.hidden {
	visibility: hidden;
	display: none;
}

.errorContainer.shown {
	visibility: shown;
	display: block;
}

.errorContainer H4 {
	font-size: 1.2em;	
	font-weight: bold;
	padding: 5px 10px 0 10px !important;
	margin: 0 !important;
}

.errorContainer P {
	font-size: 1.1em !important;	
	margin: 0 !important;
	font-weight: normal !important;
	padding: 5px 10px !important;
	line-height: normal !important;
}