/* --- Color Palette ----

	#446FC2 - Blue, Darkest - CheerCards.net Header
	#7E9DD7 - Blue, Medium 
	#D4DFEF - Blue, Lightest - What is CheerCards.net Header
	
	#493D31 - Brown, Darkest - Coaches text
	#847C73 - Brown, Medium
	#ACA69F - Brown, Lightest
	
	#D6D0C5 - Brown, Td Bg with gradient
	
	#DDD8CE - Beige, Darkest 
	#E9E7E0 - Beige, Lighter 
	#F5F5F2 - Beige, Off-White 
	
	#9D0A0E - Red, Dark - 
	#DD650D - Orange, Dark 
	#F5AB40 - Orange, Light 

------ Start CSS ----  */

a:link { color: #9D0A0E;}
a:visited { color: #9D0A0E;}
a:hover { color: #DD650D;}
a:active { color: #DD650D;}

body, td, p {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin:0px;
	}
.header_dkblue {
	background-color:#446FC2;
	margin-top:6px;
	}
.headerwhite {
	position:relative;
	z-index:5;
	left:8px;
	top:5px;
	}
.headerbadge {
	float:left;
	position:relative;
	z-index:26;
	top:-16px;
	}
.tagcoach {
	color:#493D31;
	font-family: arial, helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	margin-top:10px;
	}
.tagwant {
	color:#446FC2;
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	position:relative;
	top:-4px;
	}
.taggive {
	color:#493D31;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	position:relative;
	top:-6px;
	left:33px;
	}
.tagcheer {
	color:#847C73;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	position:relative;
	top:-9px;
	left:218px;
	}
.goemily {
	float:right;
	z-index:25;
	position:relative;
	}
.whatiscc {
	background-color:D4DFEF;
	position:absolute;
	z-index:3;
	top:146px;
	padding:10px;
	padding-left:143px;
	width:500px;
	}
.numberbg {
	background-image: url('images/tablebg.gif');
	background-repeat: repeat-x; 
	background-color:#D6D0C5;
	padding:16px;
	position:relative;
	}
.numbers {
	color:#493D31;
	font-family: arial, helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
	padding-bottom:10px;
	}
.bottomtitle {
	color:#446FC2;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	padding-bottom:2px;
	padding-left:10px;
	}
.feedbacklinks {
	color:#446FC2;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	margin-left:40px;
	text-align:left;
	line-height:250%;
	}
.feedbacklinks a:link { text-decoration:underline;color:#446FC2;}
.feedbacklinks a:visited { text-decoration:underline;color:#446FC2;}
.feedbacklinks a:hover { text-decoration:underline;color:#9D0A0E;}
.feedbacklinks a:link { text-decoration:underline;color:#446FC2;}
.qdiv {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight:normal;
	margin:5px;
	margin-left:20px;
	padding:10px;
	border: 1px solid #F5AB40;
	background-color:#ffffe1;
	line-height:130%;
	display:none;
	}
.bottomtext {
	padding-left:30px;
	padding-bottom:25px;
	}
/* --- .bg7 {
	background-color:#CAC2B3;
	} --*/
.walletImg {
	position:relative;
	float:right;
	}
.card {
	background-color:#fff;
	width:230px;
	border:1px dashed #000;
	position:relative;
	float:right;
	z-index:12;
	margin: 0 10px 0 0;
	}
.cardTitle {
	width:220px;
	height:26px;
	overflow: hidden;
	text-align:center;
	color:#000;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	padding: 10px 5px 0px 5px;
	}
.cardSubTitle {
	width:220px;
	height:14px;
	overflow: hidden;
	text-align:center;
	color:#000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	padding: 0 5px 0 5px;
	margin-bottom:10px;
	}
.cardTxtGray {
	text-align:left;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000;
	background-color:#ECEDEE;
	margin: 0 5px 0 5px;
	padding:1px;
	padding-left:10px;
	rect(5px, -5px, 10px, 5px); 
	}
.cardTxtWhite {
	text-align:left;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000;
	background-color:#FFF;
	margin-left: 14px;
	margin-right: 7px;
	padding:1px;
	}

.cardNumbers {
	width:30px;
	text-align:right;
	margin-right:10px;
	}
/* .cardPlayers is for the span tag on "Players" in preview section as opposed to using the class of the div that contains it - Chris */
.cardPlayers {
	text-align: left;
	margin-left:0px;
	}

	
.bottom {
	padding:3px;
	background-image: url('images/bottomBg.gif');
	background-repeat: repeat-x; 
	background-color:#3D3225;
	margin-top:15px;
	}
.bottomLinks {color:#FFF;}
.bottomLinks A:link {color:#7E9DD7; text-decoration:none;}
.bottomLinks A:visited {color:#7E9DD7; text-decoration:none;}
.bottomLinks A:active {color:#FFF;}
.bottomLinks A:hover {color:#7E9DD7;}
.linkWhite {color:#FFF;}
.linkWhite A:link {color:#FFF;}
.linkWhite A:visited {color:#FFF;}
.linkWhite A:active {color:#FFF;}
.linkWhite A:hover {color:#7E9DD7;}

.error {
	width:320px;
	padding:10px;
	margin:10px;
	border: 2px solid #F5AB40;
	background-color:#ffffe1;
	position:relative;
	z-index:52;
	text-align:left;
	line-height:100%;
	}
.errorHeadings {
	font-weight:bold;
	}
.errorAreas {
	margin-left:20px;
	}
.tosHeader {
	font-size: 20px;
	text-align:center;
	background-color:#446fc2;
	color:#FFF;
	padding:5px;
	}
.tosBody {
	background-color:#eef2f9;
	border:1px solid #446fc2;
	padding:5px;
	height:330px;
	overflow:auto;
	}
/*
.cardDates {
	width:79px; 
	text-align:right; 
	margin-right:5px;
	}
*/

/* I created two separate classes for .cardDates - Chris*/
.cardDates_text{ /* This is the class for the "Date" default text */
	width:79px; 
	text-align:left; 
	margin-right:5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000;
}

.cardDates_values{ /* This is the class for the date values */
	width:85px; 
	text-align:right; 
	margin-right:5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000;
}

.cardDesc_text{ /* This is the class for the schedule default text (description) and description values */
	width:95px;
	text-align:left; 
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000;
}

/* I created classes based on .cardNumbers, .cardDates_text, .cardDates_value and .cardDesc_text to resolve 
cross-browser issue (in FF) for the preview section - Chris */

/*Based on .cardNumbers class */
.ff_cardNumbers_defText{
	width:30px;
	text-align:right;
	margin-right:10px;
	margin-left: 25px;
}
/*Based on .cardPlayers class*/
.ff_cardPlayers_defText{
	text-align: left;
	margin-left:0px;
}
.ff_cardNumbers{
	width:30px;
	text-align:right;
	margin-right:10px;
	margin-left: 18px;
}
.ff_cardPlayers{
	text-align: left;
	margin-left:0px;
}



/*Based on .cardDates_text class*/
.ff_cardCal_dateDefText{
	width:79px; 
	text-align:left; 
	margin-right:60px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000;
}
/*Based on .cardDesc_text class*/
.ff_cardCal_descDefText{
	width:95px; 
	text-align:left; 
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000;
}

/*Based on .cardDates_values class*/
.ff_cardCal_dateText{
	width:85px; 
	/*text-align:right;*/
	direction: ltr;
	margin-left:10px;
	margin-right:5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000;
}

/*Based on .cardDesc_text class*/
.ff_cardCal_descText{
	width:95px; 
	text-align:left; 
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000;
}