/*CTC Web app design specs:

Site Palette:

Site Layout
  860px wide;
  Header 830px wide, includes logo, member login, primary site menu system
  Mid section splahContents width depend on existence rightNav
  LeftNav: 178 (168 + 10px rightPadding)
  SplashNormal: 514; SplashWide: 682px;
  RightNav: 168px (144 + 10px left and right padding)
  Footer 860px wide,

*/

/************/
/* Defaults */
/************/
body, div, p, table, tr, td, form, select, option, input {
	margin: 0px 0px 0px 0px; 
	padding: 0px;
	}
ul, ol {
	margin-top:0px;
	margin-bottom:14px;
}
body {
	background-color: #CCCCCC;
	}
	
img {
	border:0px;
	}
	
table, div {
	background-color:white;
	}
	
body{ 
	text-align: center;
	}
	
td {
	text-align: left;
	vertical-align: top;
	}
	
p, div, td, option, input, th, h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color:#006666;
	}

h1, h2, h3 {font-size:larger; }
	
select, option, input {
	font-size: 10px;
	}
	
p {
	margin: 0px 0px 10px 6px; padding:0px;
	}
	
div.emptyDivClearFix {
	clear: both;
	zoom: 0;
}

.no-margin-bottom {
	margin-bottom: 0em;
}

div.error-container {
	border: 1px dashed #930;
	padding: 1em;
	background-color: #ffc;
}

div.error-container p {
	margin-left: 0em;
}

div.error-container ul {
	margin-bottom: 0em;
}

div.error-container ul li {
	margin-bottom: .35em;
	list-style: decimal;
}

div.error-container ul li:last-child {
	margin-bottom: 0em;
}

/*General input sizes*/
select.xxl, input.xxl {width:25em;}
select.xl, input.xl {width:21em;}
select.l, input.l {width:17em;}
select.ml, input.ml {width:15em;}
select.m, input.m {width:13em;}
select.sm, input.sm {width:9em;}
select.s, input.s {width:7em;}
select.xs, input.xs {width:5em;}
select.xxs, input.xxs {width:3em;}

.normal { 
	line-height: 150%;
	}
	
.heading {
	font-size:13px;
	color:#006666;
	font-weight:bold;
	margin-bottom:16px;
	margin-left:-4px; 
	text-decoration: underline;
	}

.emphasize {font-style:italic;}

.alignLeft {text-align: left !important;}

div#facebox form#feedback-form em {
	color: red;
	font-size: .75em;
}

label.required {
	color: red;
}

ul.horizontal-list, ul.vertical-list {
	margin: 0em; padding: 0em;
}

ul.horizontal-list li label, ul.vertical-list li label {
	display: block;
}

ul.horizontal-list li, ul.vertical-list li {
	list-style: none;
}

ul.horizontal-list li {
	margin: 0em .5em .5em 0em;
	float: left;
}

ul.vertical-list li {
	margin-bottom: .5em;
}

a, a:active, a:hover, a:visited, a:link {
	text-decoration: underline; 
	color: #006666;
	}
a.red:active, a.red:hover, a.red:visited, a.red:link {
	color:red;

}
a.red:hover {
	text-decoration: underline;
	color: #006666;
}

a:hover {
	text-decoration: underline;
	color: red;
	}
	
a.bold, a.bold:active, a.bold:hover, a.bold:visited, a.bold:link {
	text-decoration: none; 
	color: #006666;
	font-weight: bold;
	}
	
a.bold:hover {
	text-decoration: underline;color: red;
	}
	
a.white, a.white:active, a.white:hover, a.white:visited, a.white:link {
	text-decoration: none; 
	color: white;
	}
	
a.white:hover {
	color: red;
	}
	
a.inCopy, a.inCopy:active, a.inCopy:hover, a.inCopy:visited, a.inCopy:link {
	text-decoration: underline; 
	color:#006666;
	}
	
a.inCopy:hover {
	color: red;
	text-decoration: underline;
	}
	
a.navy, a.navy:active, a.navy:hover, a.navy:visited, a.navy:link {
	text-decoration: underline; 
	color: navy;
	}
	
a.navy:hover {
	color: red;
	text-decoration: underline;
	}

/*********************************************/
/* Main container table for all parent pages */
/*********************************************/
table.main {
	width:830px; 
	border: none;
	}
	
/***************/
/* Total 178px */
/***************/
td.mainLNav {
	width:140px; 
	height: 460px; 
	padding: 0px 0px 0px 0px;
	}

/***************/
/* Total 168px */
/***************/
td.mainRNav {
	width:140px; 
	padding: 0px 0px 0px 0px;
	}
	
 /*************/
 /* With rNav */
 /*************/
 td.splashNormal {
	width:522px;  
	padding: 0px 14px 0px 14px;
	}
	
/**************/
/*Without rNav*/
/**************/
td.splashWide {
	width:662px; 
	padding: 0px 14px 0px 14px;
	}
td.sponsorInfo{
	padding:2px 0px 2px 8px;	
	}
td.sponsorLogo{
	vertical-align:middle;
	padding:10px 0px 5px 10px;	
	}
td.sponsorHdr, td.tableTitle{
	padding:10px 0px 5px 5px;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;}
td.tableContent{padding:5px 0px 5px 2px;}
td.formLabel{ padding:0px 0px 5px 2px; vertical-align:top;text-align:left;}

/* Primary blocks in the application */

/* Header, subMenu and list tables have blue borders and are 100% wide, leftNav Div blue border */
table.headerSystem, table.subMenuSystem, table.listTable, table.races { border: 1px; 
border-style: solid; border-color: #006666;  width:100%; padding: 0px; }
p.navSystem {margin: 12px 0px 12px 12px;font-size: 12px;font-weight:bold;}
table.headerSystem {border:none;}
table.races{margin-bottom:20px;
}
td.racesRow { padding-left:4px; color:#006666; vertical-align: middle; padding-bottom:3px; padding-top:3px;}

td.homeListTitle {vertical-align: bottom;margin-bottom:2px;}
td.homeListDate { padding-left:2px;padding-bottom:6px; text-align: left; width: 70px;}
td.homeListItem { padding-left:4px;padding-bottom:6px; text-align: left;}
.homeListItemRed { padding-left:4px;padding-bottom:6px; text-align: left; color:#FF0000;}
.title {
font-weight:bold;text-decoration:none;font-size:12px; margin:0px 0px 6px 0px;
color: #006666; text-decoration:underline;
/*
	font-weight:bold;text-decoration:none;font-size:12px; margin:0px 0px 3px 0px;
	background-color: #006666; padding: 2px 2px 2px 3px; color:white;*/
}
p.title {
	margin: 6px 0px 6px 0px;
}
td.copy {
	font-size:12px;
}
p.copy, span.copy{
	margin: 0px 0px 8px 0px; font-size:12px;
}


table.leftNav, div.leftNav {  border: 1px; border-top:0px; border-style: solid; 
border-color: #006666; height:60px; padding-bottom: 16px; border-left: none;
margin-bottom: 12px; padding-bottom: 12px;
}


table.rightNav, div.rightNav { border: 1px solid #006666; border-right:none; height:30px;  margin: 0px 0px 12px 0px; padding: 0px 0px 12px 0px;}




table.reportNavigation { border: 0px; width:100%; padding: 0px; }

/*narrowListTable definition & row definitions*/
table.narrowListTable{width:90%;}
table.narrowListTable { border: 1px; 
border-style: solid; border-color: #006666;  width:100%; padding: 0px; }
td.narrowListHeaderRow { border-bottom: 1px; border-bottom-style: solid; padding-left:2px;
border-bottom-color: #006666; height:20px; background-color: #006666; color:white;}
td.narrowListItemRow { padding-left:4px; color:#006666; vertical-align: top; padding-bottom:3px; padding-top:3px;
border-bottom: 1px; border-bottom-style: solid; border-bottom-color:#006666;}

/* LeftNav and splashContent section padding, plus left nav green border */
td.leftNav, td.splashContents { padding-top: 10px; }
td.leftNav, td.splashContents { padding-bottom: 10px; }

/* Menu systems height control */
table.subMenuSystem, table.listTable, table.subMenuSystem2 { height: 20px; }
table.subMenuSystem2 {margin-left:10px;}


/* header title control */
td.headerTitle {padding: 12px 0px 12px 30px;vertical-align: middle;}
p.headerTitle {margin: 0px 0px 0px 0px; color: #006666; font-size: 18px; font-weight: bold; font-family: Geneva, sans-serif, Tahoma; }
p.headerTagline { color: #006666; margin: 0px 0px 0px 24px; 
font-size: 13px; font-weight: normal; font-family: Geneva, sans-serif, Tahoma; }
/* Header and subMenu systems background and rollover styles */
td.subMenuSystem, td.splashContent { padding-left: 8px; padding-bottom:8px;}
td.subMenuItems, td.hdrMenuItems, td.subMenuItems2 { padding-right:14px; background-color: #006666; color: white; padding-top: 4px;
padding-bottom: 4px; font-size: 11px; font-weight: bold; font-family: Geneva, sans-serif, Tahoma; 
height: 18px; text-align: left;
}
td.subMenuItems {padding-right: 1px;}
td.subMenuItems2{padding-left:18px;}
td.inputCellMessage, p.inputCellNotes,p.inputCellNotesHeader{text-align:left; margin:0px;padding:0px;
font-size:12px; margin:0px;color:red; vertical-align: top;}
td.ghost{color:#C0C0C0; font-size: 10px;}
span.ghost{color:#C0C0C0;}
a.subMenuItems, a.subMenuItems:active, a.subMenuItems:link, 
a.subMenuItems:visited { text-decoration: none; color: white; padding-left: 8px; padding-right: 8px;}
a.subMenuItems:hover { text-decoration: underline; color: red; padding-left: 8px; padding-right: 8px; }

table.headerSystem {
	position: relative;
}

a#facebookLogo {
	position: absolute;
	top: 0;
	right: 0;
}

a#facebookLogo img {
	height: 25px;
}

li#feedback {
	float: right;
	list-style: none;
	margin-right: .5em;
}

li#feedback a {
	color: white;
	text-decoration: none;
}

li#feedback a img {
	vertical-align: text-top;
	height: 15px;
}

/* leftNav Menu headings and link styles */
p.leftNavHead,p.leftNavSubHead, p.rightNavHead  { margin:0px;  margin-bottom: 8px; 
font-weight:bold; background-color: #006666; 
color:white; text-transform: capitalize;  line-height:20px; vertical-align: baseline; 
padding-left:4px; height: 24px; }
p.leftNavSubHead {margin-top:12px; height: 20px;line-height:16px;}
a.leftNavHead, a.leftNavHead:link, a.leftNavHead:visited { color:white; text-decoration:none; }
a.leftNavHead:hover { text-decoration:none; color: red; }


p.leftNavSub,p.leftNavPageMarks  { margin:0px; margin-left: 8px; margin-bottom: 5px; font-weight:normal; 
color:#006666;}
p.leftNavSub{ margin-left: 16px; text-indent: -8px; padding-right:6px; }
p.navCopy{ margin: 0px 3px 12px 12px; }
p.navSponsor{ margin: 0px 12px 12px 12px;}
p.leftNavPageMarks { font-size: 10px;font-weight:normal;margin-left: 2px;}
a.leftNavSub, a.leftNavSub:link, a.leftNavSub:visited { color: #006666; text-decoration:none; }
a.leftNavSub:hover { text-decoration:none; color: red; }
form.leftNavField{margin:0px;padding:0px;}
input.leftNavField, select.leftNavField{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 10px; width: 105px;}
select.leftNavField{margin-top:8px;}

/* Msgs on admin screens - intended to display red in top right corner */
p.inputCellMessage, p.inputCellNotes,p.inputCellNotesHeader{text-align:left; margin:0px;padding:0px;
font-size:12px; margin:6px;color:red; vertical-align: top;}
p.recordInfo {text-align:left; margin:0px;padding:0px;
font-size:12px; margin:6px;color:#006666; font-weight:bold; }

p.inputCellNotes{color: #006666;margin-bottom:12px; margin-top:3px;}
p.inputCellNotesHeader{color:#006666;font-weight:bold;margin-left:0px;margin-bottom:0px;}


/*Screen title, paragraph headings and paragraph styles for content pages (usually "home")*/
p.pageTitle{font-size:13px;color:#006666;font-weight:bold;margin-left:0px;}
p.paragraphHeading {font-size:13px;color:#006666;font-weight:bold;margin:0px 12px 8px 0px;}
p.paragraph{font-size:12px;color:#006666;margin:0px 12px 12px 12px;line-height:140%;}


p.liSubText{margin:0px;margin-left:20px;margin-bottom:1px;}


div.homePageIntro{ width:100%; border: 1px; border-top:1px; 
border-style: solid; border-color: #006666; height: 360px; padding:20px;}

p.msg {text-align:right; width:100%;margin:0px;padding:0px;color:red;padding-right:20px;padding-top:6px;}

/* Settings for floating menu system above list and edit content areas and also list format */
p.reportResults { padding:0px; margin:0px; margin-top:4px; }
div.reportNavigation {padding-left:10px; padding-bottom:12px; padding-top:6px;height:20px; width: 100%}
/*
td.listHeaderRow { border-bottom: 1px; border-bottom-style: solid; padding-left:2px; font-weight: bold;
border-bottom-color: #006666; height:20px; background-color: #006666; color: white;}
*/
td.listHeaderRow {font-weight: bold; text-decoration:underline;
font-size:12px; padding:0px 0px 6px 0px; color: #006666; text-decoration:underline;
}
td.listHeaderRow2 { /*text-decoration:underline;*/
font-size:12px; padding:5px 0px 5px 5px; color: #006666;
}
td.listHeaderRow3 {text-decoration:none;
font-size:12px; padding:0px 0px 5px 5px; color: #006666; 
}
td.listHeaderRow4 {text-decoration:none; background-color: #006666; color: white;
font-size:11px; padding:3px 0px 3px 6px; 
}
td.listHeaderRow5 { font-weight:bold; text-align:left; text-decoration:none; background-color: #006666; color: white;
font-size:13px; padding:3px 0px 3px 3px; 
}

td.menuColumnRow1 {
	padding: 6px 2px 4px 4px;
}
td.menuColumnRow2 {
	padding: 0px 2px 4px 4px;
}

td.listSpacerRow{
	height:8px;
	font-size:6px;
}
td.listItemRow, td.topicAuthor, td.topicDetail  { 
	color:#006666; 
	vertical-align: top; 
	padding-bottom:3px; 
	padding-top:3px;
	border-bottom: 1px; 
	border-bottom-style: solid; 
	border-bottom-color:#006666;
}
td.forumItemRow,td.forumItemRow2,
td.forumTopicAuthor, td.forumTopicDetail,td.forumItemRow, td.forumListRow , .quote { 
	padding-left:4px; 
	color:#006666; 
	vertical-align: top; 
	padding-bottom:3px; 
	padding-top:3px;
	border-bottom: 3px; 
	border-bottom-style: solid; 
	bordercolor:#006666; 
	border-right:1px; 
	border-right-style:solid;
	border-left:1px; 
	border-left-style:solid;
}
td.topicAuthor, td.forumTopicAuthor{ padding:5px 5px 30px 4px; border-bottom: 0px;
}
td.topicDetail, td.forumTopicDetail{ padding:5px 15px 10px 15px; border-bottom: 0px; border-left:0px;
}
td.forumItemRow2{
	padding:5px 15px 5px 15px;  border-left:0px;
	
}
td.forumListRow, .quote{
 border-left:0px;border-right:0px;
	border-bottom: 1px; 
	border-bottom-style: solid; 
}

.quote {
	margin-left:-2px;margin-bottom:20px; margin-right:40px; font-size: 11px; line-height: 150%;
	border: #FFFFFF; border-style: solid; font-style:italic;
	border-left-width: 0px; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px
}

td.forumItemRow{
vertical-align:bottom;
padding-bottom:5px;
}
td.listItemRow2 { padding-left:4px; color:#006666; vertical-align: top; padding-bottom:3px; padding-top:3px;
border: 1px; border-style: solid; border-color:#006666;}
td.subMenuFilters { padding-left: 14px; padding-bottom: 6px; padding-right:14px; padding-top: 6px;
font-size: 11px; font-weight: bold; font-family: Geneva, sans-serif, Tahoma; height: 30px; }

/*Drop down menus*/
div.hide {position: absolute;
	visibility: hidden;
	margin:0;
	padding:0;
	background: #006666;	
	border: 1px solid #006666;}

div a.link
{	position:relative;
	display:block;
	margin:0;
	width:auto;
	padding: 5px 10px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	/*#4B9696
	background-color:#418383;
	background-color:#006666;
	color:white;*/
	background-color:white;
	color:#006666;
	font: 11px arial;
	z-index:1;}
	
div a.link:visited {	
	position:relative;
	display:block;
	margin:0;
	width:auto;
	padding: 5px 10px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	/*background-color:#006666;
	color:white;*/
	background-color:white;
	color:#006666;
	font: 11px arial;
	z-index:1;}
	
div span.link
{	position:relative;
	display:block;
	margin:0;
	width:auto;
	padding: 5px 10px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	/*#4B9696
	background-color:#418383;	
	background-color:#006666;
	color:white;*/
	background-color:white;
	color:#006666;
	font: 11px arial;
	font-weight:bold;}
	
div a.link:hover
{	/*background:white;*/
	background:#DFDFDF;
	color:red;}
	
ul.dropDown
{	margin: 0;
	padding: 0;
	z-index: 30}
	
li.dropDownItem
{list-style:none; margin:0; padding:0; float:left;}

.mainItemLeft
{display:block; border-left:0px; border-right:0px; border-top:0px; border-bottom:0px; border-style:solid; border-color:white;}

li a.mainItemMiddle
{display:block; border-left:0px; border-right:1px; border-top:0px; border-bottom:0px; border-style:solid; border-color:white;}

li a.mainItemRight
{display:block; border-left:0px; border-right:0px; border-top:0px; border-bottom:0px; border-style:solid; border-color:white;}

/*for columnar listings of checkbox items*/
table.column{margin-top:2px;border-color:#006666;border-style:solid;border-width:1px;}
td.columnHead{color: White; background-color: #006666; height:16px;padding-bottom:1px;padding-top:2px;
padding-left:2px;padding-right:2px;width:120px; vertical-align: bottom;}
td.column{padding-left:2px;padding-right:2px; vertical-align: top;}
td.column2{padding-left:4px;padding-right:2px; vertical-align: top;}
p.columnItem{margin:0px;padding:0px;}

div.subPageIntro{ width:100%; border: 1px; border-top:1px; text-align: center; 
border-style: solid; border-color: #006666; height: 360px; padding:0px;}

table.imageUpload{border-style:solid;border-width:1px;border-color: #006666; margin:12px; width:600;}
td.imageInput{ vertical-align: middle;border-left-style:solid;border-left-width:1px;border-color:#006666;
border-bottom-style:solid;border-bottom-width:1px;
padding-left:12px; padding-bottom:8px;}
td.imageDisplay{padding-top:8px;padding-bottom:8px; text-align: center; width: 220px;
border-color:#006666;border-bottom-style:solid;border-bottom-width:1px; vertical-align: middle;}

div.login { width:400px; height: 100px; margin-top:40px; margin-left:40px; }

hr {padding:0px;margin:0px;width:100px; text-align: left;margin-left:8px;}


form, cfform {margin:0px; padding:0px;}
/* Form elements and data entry screen elements */
input, cfinput, select, textarea, cfselect { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 10px; color:#006666;}
input.decimal{
 text-align: right; width: 60px;
}
input.date{
 text-align: right;width: 80px;
}
input.number { text-align:right; padding-right:1px;}
input.numberRed { text-align:right; padding-right:1px; color:red;}
/* Table for data entry screen elements */
input.hideFieldRed { text-align:right; padding-right:1px; color:red; border:0; background-color:white;}
table.dataEntry { border: 1px; border-style: solid; border-color: #006666; width:100%;margin-bottom:14px;}
td.labelCell {text-align: right; background-color: #006666;color: white; height: 14px; font-size:10px;
font-weight: bold;padding-right: 6px; width: 90px;vertical-align: top;padding-top: 4px;padding-bottom: 4px;}
td.inputCell, td.menuCell {padding-left: 10px;vertical-align: top;padding-top: 2px;padding-bottom: 10px;height: 14px;}
td.inputCellSmall {
padding:6px 0px 6px 5px;
}
td.inputCellSmall input {
	margin-bottom: -.5em;
}
td.menuCell { text-align:right;padding-top:0px;padding-left:0px; }
td.field { padding:0px; padding-right: 8px;}
td.fieldLabel {padding-left:10px; padding-right: 8px; font-size: 10px; height: 11px; vertical-align: top; padding-bottom:4px;}
td.fieldLabelSmall {
padding-left:5px;
}
input.deleteWarning {color:red; text-transform: uppercase;}
option.abbrevUC{ text-transform: uppercase;}
.red {color: red;}

div.relationsTable { text-align: center; margin-top:10px;margin-left:-25px;}
p.inTableMenuLinks {margin:0px;padding:0px;margin-left:8px;padding-bottom:6px;padding-top:6px;}

p.contentInstructions{color:red; margin:12px 0px 12px 0px;font-size:12px;}
p.listHead{font-weight:bold;padding:0px;margin:0px 0px 3px 0px;}

/* Login Styles for data entry */
td.login {font-size:9; vertical-align: bottom; text-align:right;}
input.login {border-color: #006666; border-width:1px; border-collapse:collapse; font-size:9px; vertical-align:text-bottom; width:70px;}
input.submit {background-color:#006666; border-color: #006666; color:#FFFFFF; text-align:right; vertical-align:middle;}


/* Image style for JA */
.jaImage {
	border: none;
	margin: 4px 0px 0px 6px;
	}
	
span.jaText {
	margin-left:6px;
	}
	
.bold{ font-weight:bold;}
.center{ text-align:center;}
.left{ text-align:left;}

/*Tables, links, etc for Weekly Runs*/
.postTitle{ color:white; font-style:italic;}
.postWhite{ color:white;}
.postWhiteBold{color:white; font-weight:bold;}
a.alert{color:red;text-decoration:none;}
a.alert:hover{font-weight:bold; text-decoration:none;}
table.post{padding:4px; /*border:0px; border-style:solid;*/ margin-bottom:10px;}
table.post, table.postTable {background-color:#F0F0F0}
table.postTable { margin-bottom: 4px;}
td.postHeaderRow{font-size:12px; padding:2px 3px; color: #006666;}
div.postBody {padding: 6px; color:#006666; vertical-align: top; background-color:white;  }

/*Form Error*/
.formAlert{border:1px dashed red; text-align:center; padding:4px; background-color:#FFFFCC;}

/*CFTooltip style*/
.yui-tt {
color: #444;
font-size:110%;
border: 2px solid black;
width:200px;
}

/*jQuery Image Carousel*/
#imageDiv ul, #imageDiv li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#images {
	height: 155px;
	width: 200px;  /*was 270*/
	float: left;
}

/*Styles for the new right nav*/
td.mainRNav {
	text-align: center;
	padding: 0em 5px;
}

td.mainRNav ul {
	margin: 0em; padding:0em;
}

td.mainRNav ul li {
	list-style: none;
	margin-bottom: 1em;
}

td.mainRNav ul li.last-element {
	margin-bottom: 0em;
}

/*Event Registration - New styles for the new simple registration form*/
table#registration td {
	padding: 0em 1em;
}

table#registration td p {
	margin-left: 0em;
	padding-left: 0em;
}

table#registration td p#add-attendee u{
	cursor: pointer;
}

table#registration td span.remove {
	cursor: pointer;
}