@charset "utf-8";
/*  
Name: SkiVite Timezone Stylesheet: Noon
-----------------------------------------
Purpose: Provides the default coloring for SkiVite. For Registered users, this style sheet will load between the hours of 10am and 3pm (User's Timezone).
Author: Joe Baz, Above the Fold (http://www.abovethefolddesign.com/)

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

/* SkiVite Color Palette
		
		Logo Colors
		#4e77c0 	Frost Blue "Ski"
		#990000		Burgundy "Vite"
		#ff9900		Orange Cream ".com"
		
		Light Color Set
		#e7e7e7		10% Lighter Gray
		#d1d1d1		20% Light Gray
		#edf1f8		10% Lighter Frost Blue
		#c4d1e6		20% Light Frost Blue
		#eddfdf		10% Lighter Burgundy
		#dcc2c2		20% Light Burgundy
		#feeed5		10%	Lighter Orange Cream
		#ffd99f		20% Light Orange Cream
		
		Dark Color Set
		#373737		80% Dark Gray
		#282828		90%	Darkest Gray
		#2b4674		80% Dark Frost Blue
		#162f58		90% Darkest Frost Blue
		#600000		80% Dark Burgundy
		#400000		90% Darkest Burgundy
		#643c00		80% Dark Orange Cream
		#492c00		90% Darkest Orange Cream
	
*/

BODY.noon { 
	background: #fff url("images/header-top-noon.jpg") no-repeat top center;
}

.FullTop {
	background: transparent url("images/layout-1col-100-top.png") no-repeat top center;
}

.FullMiddle {
	background: transparent url("images/layout-1col-100-middle.png") repeat-y top center;
}

.FullBottom {
	background: transparent url("images/layout-1col-100-bottom.png") no-repeat top center;
}

DIV#contentMain H1 {
	color: #990000;
}

DIV#contentMain H2 {
	color: #ff9900;
	border-bottom: 1px solid #d1d1d1;
}

DIV#contentMain H3 {
	color: #333;
	background: url("images/gradient-noon-frost.jpg") repeat-x;
}

DIV#contentMain P {
	color: #474747;
}

DIV#contentMain LI {
	color: #474747;
}

DIV#contentMain STRONG {
	color: #272727;
}

DIV#contentMain A:link, DIV#contentMain A:visited, DIV#contentMain A:active {
	color: #3B7CEF;
}

DIV#contentMain A:hover {
	color: #2A3397;
	background-color: #f7f7f7;
}

DIV#bottomNav P {
	color: #979797;
}

DIV#bottomNav STRONG {
	color: #777;
}

DIV#bottomNav A:link, DIV#bottomNav A:visited, DIV#bottomNav A:active {
	color: #3B7CEF;
}

DIV#bottomNav A:hover {
	color: #2A3397;
	background-color: #f7f7f7;
}





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

DIV.tripRow {
	background: url("images/gradient-noon-frost-light.jpg") repeat-x;
}

DIV.tripRow P, DIV.tripRow LI {
	font-size: 1.4em !important;
	line-height: 1.4em !important;
}

H3.skiviteH3 {
	border-bottom: 1px dotted #c4d1e6;
}

DIV#TripBudgetOptions {
	border: 1px dotted #FFDA9F;
	background-color:#FFFAE7;
}


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


TABLE.previewTable TH {
	border-bottom: 1px dotted #e5e5e5;
	background: transparent url("images/gradient-noon-frost.jpg") repeat-x; 
	color: #333;
}

TABLE.previewTable TD {
	border-bottom: 1px dotted #e5e5e5;
	color: #003399;
}

#previewButtons A:link, #previewButtons A:visited, #previewButtons A:active {
	color: #6D91CB;
}

#previewButtons A:hover {
	color: #3B4AEF;
}

#skiviteHeader H1 {
	background: transparent url("images/content-home.jpg") no-repeat top right;
	padding-bottom: 95px !important;
	font-size: 4em !important;
}

H3.responseListHeading {
	background: url("images/gradient-noon-frost-light.jpg") repeat-x !important;
	border-bottom: 1px dotted #c4d1e6 !important;
	color: #2b4674 !important;
}

DIV.optionHeader {
	background: #edf1f8;
}

#noList LI, #noResponseList LI {
	color: #003399;
}

#responseYes {
	border: 2px solid #009900;
	background: #00FF00;
	color: #003300;
}

#responseMaybe {
	border: 2px solid #666;
	background: #CCC;
	color: #333;
}

#responseNo {
	border: 2px solid #900;
	background: #FFC1C1;
	color: #C00;
}

#responselist LI {
	border-bottom: 1px dotted #e5e5e5;
	color: #003399;
}



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

H1#calculatorHeader {
	background: transparent url("images/icon-calculator.png") no-repeat 0 .4em;
	padding: 0 0 0 48px !important;
}

#tripCalculator DIV {
	background: url("images/gradient-noon-frost-light.jpg") repeat-x;
	border: 1px solid #c4d1e6;
}

#tripCalculator INPUT[type=text] {
	border: 2px solid #c4d1e6;
}

#totalSkiersInput {
	border: 2px solid #c4d1e6 !important;
}

DIV.total LABEL {
	color: black !important;
}

LABEL.active {
	xtext-decoration: underline !important;
	color: #3B7CEF !important;
	xcursor: pointer;
}

LABEL.active:hover {
	xcolor: #2A3397 !important;
	text-decoration: none !important;
}

.inputField {
	background: transparent !important; 
	border: 0 !important;
}

#mathOutput .total {
	border-top: 1px solid #ccc;
}

LABEL.disabled, option.disabled DIV {
	color: #ccc !important;
}

.disabled INPUT[type=text] {
	border: 2px solid #e5e5e5 !important;
	background: #f7f7f7 !important;
	color: #ccc !important;
}

.focused {
	background: url("images/gradient-noon-orange-cream.jpg") repeat-x !important;
	border: 1px solid #FFB43F !important;
}

.focused LABEL {
	color: #900 !important;
}

.focused INPUT[type=text] {
	border: 2px solid #900 !important;
}

.totalFigure {
	color: #900 !important;
}

.optionChoices {
	background: url("images/gradient-noon-frost-light.jpg") repeat-x;
	border: 1px solid Black;
}


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

H1#budgetHeader {
	background: transparent url("images/icon-planner.png") no-repeat 0 .4em;
	padding: 0 0 0 48px !important;
}


/* ------------------------------------------------------------------------ */
/* Ski/Ride List Styles */
/* ------------------------------------------------------------------------ */

H1#ridelistHeader {
	background: transparent url("images/icon-clipboard.png") no-repeat 0 .4em;
	padding: 0 0 0 48px !important;
}



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

#demoSection UL {
	background: transparent url("images/content-home.jpg") no-repeat right;
}

#loginSection {
	background: transparent url("images/callout-box-220-140.png") no-repeat;
}

DIV#loginSection A:link, DIV#loginSection A:visited, DIV#loginSection A:active {
	color: #3B7CEF;
}

DIV#loginSection A:hover {
	color: #2A3397;
	background-color: #f7f7f7;
}


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

H1#inviteHeader {
	background: transparent url("images/icon-heart.png") no-repeat 0 .6em;
	padding: 0 0 0 35px !important;
}

#friendsContainer {
	border: 1px solid #486FB2;
	background-color: #EDF2F8;
}

#friendsContainer LI {
	color: #003399 !important;
}

#shareURL {
	border: 2px solid #990000;
}


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

H2#rsvpHeader {
	background: transparent url("images/icon-envelope.png") no-repeat;
	color: #6D91CB !important;
	padding: 5px 0 7px 50px !important;
	margin-bottom: 10px !important;
}

#tripCost DIV {
	background: url("images/gradient-noon-frost-light.jpg") repeat-x;
	border: 1px solid #c4d1e6;
}

#tripCost INPUT[type=text] {
	border: 2px solid #c4d1e6;
}

.suggestedAmt.active {
	color: #2b4674 !important; 
}

.suggestedAmt.disabled {
	color: #ccc !important;
}

#costHeadings {
	background: url("images/gradient-noon-frost.jpg") repeat-x !important;
}

#costHeadings SPAN {
	color:#2b4674;
}


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

DIV#crewSize, DIV#skiCrew {
	border: 1px dotted #FFDA9F;
	background-color:#FFFAE7;
}


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

.textFieldOutput {
	border-bottom: 1px dotted #e5e5e5;
}

.contactbuckets DIV {
	border: 1px dotted #FFDA9F;
	background-color:#FFFAE7;
}

.highlight {
	background-color: #EFF2F7;
	color: #000033 !important;
	font-weight: normal !important;
}

.fixed {
	color: Gray !important;
}

.bioRow {
	background: #f5f5f5;
	border-bottom: 1px dotted #003399;
	color: #003399;
}

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

FIELDSET {
	border-top: 1px solid #EFF3F7;
	border-left: 1px solid #E0E8EF;
	border-bottom: 1px solid #E0E8EF;
	border-right: 1px solid #EFF3F7;
}

LEGEND {
	color: #990000;
}

LABEL {
	color: #666666;
}

INPUT[type=text], INPUT[type=password], TEXTAREA {
	color: #003399;
	background: transparent url("images/gradient-noon-input-text.jpg") repeat-x;
	border: 1px solid #CCC;
}

INPUT[type=text]:focus, INPUT[type=text]:hover, INPUT[type=password]:focus, INPUT[type=password]:hover, SELECT:focus, SELECT:hover,TEXTAREA:focus, TEXTAREA:hover {
	background: transparent url("images/gradient-noon-frost.jpg") repeat-x; 
}

OPTION {
	color: #003399; 
	background: url("images/gradient-noon-input-text.jpg") repeat-x;
}

OPTION:hover, OPTION:focus {
	background: black;
	color: #003399;
}


INPUT[type=submit] {
	background: transparent url("images/submit-button.png") no-repeat .2em .3em;
	color: #fff;
}

.submitButtonSmall {
	background: transparent url("images/submit-button-small.png") no-repeat 3px 3px !important;
	color: #fff !important;
}

.textFieldOutput {
	border-bottom: 1px dotted #e5e5e5;
	color: #003399;
}

.checkboxMultiple LI { 
	color: #003399;
}




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

/* IMPORTANT: See the note written up about the Top Navigation styles in skivite-global.css. */

#udm A.icon {
	background-repeat:no-repeat;
	background-color: transparent;
}

#udm A.me {
	background-image: url("images/icon-me.gif"); /* Don't forget to add this image to the imgs array in udm-custom.js so it can be cached */
	background-position:2px 5px;
}

#udm A.calendar {
	background-image: url("images/icon-calendar.gif"); /* Don't forget to add this image to the imgs array in udm-custom.js so it can be cached */
	background-position:2px 5px;
}

#udm A.search {
	background-image: url("images/icon-search.gif"); /* Don't forget to add this image to the imgs array in udm-custom.js so it can be cached */
	background-position:2px 5px;
}

#udm A.friends {
	background-image: url("images/icon-friends.gif"); /* Don't forget to add this image to the imgs array in udm-custom.js so it can be cached */
	background-position:2px 5px;
}

#udm A.rightarrow {
	font-weight: bold !important;
}

#udm A.rightarrow:after {
	content: url("images/icon-rightarrow.gif"); /* Don't forget to add this image to the imgs array in udm-custom.js so it can be cached */
}



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


table#cal { 
	border: 1px solid #999999; 
	background: url("images/gradient-noon-frost.jpg") repeat-x;
}

table#cal a { 
	background: url("images/gradient-noon-frost-light.jpg") repeat-x;
	color: #003399;
	border: 1px solid #fff; 
}
table#cal a:hover { 
	color: #000;
	background: url("images/gradient-noon-orange-cream.jpg") repeat-x !important;
	border: 1px solid #FFB43F;
}

table#cal td.header { 
	background: #2b4674;
	color: #fff;  
}

.dayName { 
	color: #600000;
	background: url("images/gradient-noon-frost.jpg") repeat-x;
}

.day { 
	color: #003399; 
	background: #edf1f8 !important; 
	border: 0;
}

.inactive {
	color: #600;
	background: #edf1f8 url("images/calendar-invalid.gif");
	border: 1px solid #ccc !important; 
}

table#cal td.today a { 
	color: #003399; 
	background: #edf1f8 url("images/calendar-active.gif") !important; 
}

.leftArrow { 
	background: transparent !important;
	color: #fff !important;
	border: 1px solid #2b4674 !important;
}

.rightArrow { 
	background: transparent !important;
	color: #fff !important;
	border: 1px solid #2b4674 !important;
}


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

.confirmation.error {
	border: 1px solid #CC0000;
	border-left: 5px solid #CC0000 !important;
	background: #ffcaba;
}

.confirmation.success {
	border: 1px solid #669933;
	border-left: 5px solid #669933 !important;
	background: #D6F850;
}

.errorContainer {
	background: transparent url("images/error-notice-left.png") no-repeat;
}

.errorContainer H4 {
	background-color: #FFCABA;
	border-top: 1px solid #CC0000;
	border-right: 1px solid #CC0000;
	color: #000000;
}

.errorContainer P {
	background-color: #FFCABA;
	color: #000000 !important;
	border-right: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
}