/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    font-size: 1.0em;
    font-family:  Sans-Serif, Book Antiqua , Times New Roman,Verdana, sans-serif
    margin: 0;
    padding: 0;    
    BACKGROUND: url(/App_Themes/MEF1/Images/back.jpg) #b4d5f3 repeat-x;	    
 /* BACKGROUND: url(/MEFRaces/App_Themes/MEF1/Images/back.jpg) #b4d5f3 repeat-x;	    */
}
.menubackground
{
    /* background-image: url(/MEFRaces/App_Themes/MEF1/Images/fadebar.jpg); */
    background-image: url(/App_Themes/MEF1/Images/fadebar.jpg);
    background-repeat:repeat-y;
    background-attachment:fixed;
    background-position :left;
    height:auto;  
    background-color:White;     
    color:Black;    
}
.RaceList th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}
.RaceList th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.RaceList th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

.grid .gridview .header TH
{
    /*background: url(/MEFRaces/App_Themes/MEF1/Images/Listview/hdr.gif);*/
	background: url(/App_Themes/MEF1/Images/Listview/hdr.gif);
	background-repeat:repeat ;
	height:22px;
	line-height:22px;
	color:#fff;
	font-weight:bold;
	text-align:left;
	padding:0px 4px;
}

.PTypeBox
{
    width: 100%;    
    border-style:groove;
    border-color:#dcdff2;
}

.clickable
{
 cursor:pointer;   
}
.PTypeBox TD
{
    background-color:#ece9d8;    
    font-size:1.1em;
}


.CreditCardTable
{
    font-size:1.1em;
    caption-side:top;
    background-color:Silver; 
}

.CreditCardTable TD
{
    text-align:left;
}

.waiverbox
{
    width :400px;
    height : 200px;          
}

.forgetpassword
{
    font-size:0.65em;
}

.PaymentError
{
    font-size:large;
    font-weight:bold;
    color:black;
}

.RegisterError
{
   background-color:Red;
}


.TodaysPriceRow
{
    background-color:Red;
    font-size:1.0em;
    color:White;
}

.MissedPriceRow
{
    background-color: Gray;
    color: #5a6373;
    font-size: 0.8em;
    text-decoration: line-through;
}

.TodaysPriceRow
{
    background-color:Yellow;
    color: #5a6373;
    font-size: 0.8em;

}

.ComingSoonTodaysPriceRow
{
    background-color: Gray;
    color: #5a6373;
    font-size: 0.8em;
}

hr
{
    color:#b4d5f3;
}

.longtextbox
{
    width:200px;       
}
/* cart view styles */
.cartroweven
{
    background-color:#b4d5f3;
    font-size: 0.9em;
    color: #000;
    font-family:  Sans-Serif, Book Antiqua , Times New Roman,Verdana, sans-serif
    border-style:none;
    vertical-align:text-top;
}
.cartrowodd
{
    background-color:#507cd1;
    font-size: 0.9em;
    color: #000;
    font-family:  Sans-Serif, Book Antiqua , Times New Roman,Verdana, sans-serif
    
    vertical-align:text-top;
    
}

.totalrow
{    
    background-color:Transparent;    
    border-style:none;
    font-size: 1.0em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
 
}

.thetable
{
    
    border-style: groove groove inset groove;
    border-width: thick;
    width: 100%;
    border-spacing: 4px;
    empty-cells: show;
    caption-side: bottom;
    font-size:0.8em;

}

.shorttextbox
{
    width:20px;       
}

.LabelTime
{
    font-size:larger;
    font-weight:bolder;
    color:Red;
}


.WizardBody
{
    Font-Size:1.3em;
    Color:#333333;
}
.panellist
{
    background-color:White;
    border-style:groove;
    min-height:75px;  
    width:500px;
    background-color:#b4d5f3; 
    border-color:Black;
    border-style:inset; 
}

.dynamicdropdown
{    
    width:120px;
}

.dynamicradio
{    
    width:120px;
}
.dynamictextbox
{    
    width:420px;
    height:200px;
}

.dynamictextboxwaiver
{
    width: 420px;
    height: 100px;
    background-color: Black;
    color: White;
    font-family:  Book Antiqua , Times New Roman,Verdana, sans-serif
    display: inline;
    overflow:auto;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:2px;
	width:350px;	
	color:Red;
}
/*Modal Popup*/
.modalBackground {
	background-color:Red;
    /*filter:alpha(opacity=10); 
    opacity:0.1; 
*/
}


a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.0em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.1em;
    color: #000;
    font-family:  Book Antiqua , Times New Roman,Verdana, sans-serif
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/* This is the menu sizing */
#header
{
    position: relative;
    margin-bottom: 0px;
    font-size:0.9em;
    padding: 0;
    
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
}

/* this is the main body section */
#main
{
    padding: 0px 0px 0px 0px;
    background-color:Transparent;
    margin-bottom: 30px;
    font-size:.95em;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#footer
{
    color: #0054A6;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;

}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #FFFFFF solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
    
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    font-weight: bold;
    color: #ff0000;
    font-size:0.8em;
}

#menucontainer
{
    margin-top:40px;
    
}

#title
{
    display:block;
    text-align:left;
    
}

/* username and password display */
#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:#4f72b6;
}

#logindisplay a:link
{
    color: #4f72b6;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #4f72b6;
    text-decoration: none;
}

#logindisplay2
{
    background-color:Transparent;
    color:Orange;
    text-align:left;
    font-size:larger ;
    border-width:0px;

}
 
.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
 #header2
{
   padding: 0px;
   margin: 0px;
   width: 780px;
}

#headermenu
{
   position: relative;
   top: 153px;
   left: 245px;
   width: 700px;
   padding: 2px 2px 2px 2px;  
}

#breadcrumb
{
   background-color: #202020;
   color: White;
   padding: 3px;
   font-size: 10px;	
   padding-left: 5px;
   font-size:0.6em;
}

#breadcrumb a
{
   color: Yellow;
}

#footermenu
{
   text-align: center;
   padding-top: 10px;            
}

#footertext
{
   text-align: center;
   padding-top: 3px;            
}
.footermenulink
{
    font-family:  Sans-Serif, Book Antiqua , Times New Roman,Verdana, sans-serif
   font-size: 22px;
   font-weight: bold;
   text-transform: uppercase;        
}

.footermenulink a
{
   text-decoration: none;
   color: black; 
}

.headermenulink
{
   font-family:Arial,Verdana,Times New Roman,Book Antiqua 
   font-size: 14px;
   text-transform:capitalize;           
}

.headermenulink a
{
   text-decoration: none;
   color: black;
   
}


.headermenulink a:hover
{
   text-decoration: underline; /* overline; */
   color: black;  
}


#RaceList {
	width: 700px;
	padding: 0;
	margin: 0;
}

.RaceList caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}


.RaceList th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.RaceList td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


.RaceList td.alt {
	background: #F5FAFA;
	color: #797268;
}


.AddTextArea
{
    color:Red;
    width:300px;   
    height:200px;
   
}

.AddTextBox
{
    width:300px;
}
/* race info styles */
.ms-color2-main 
{
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom: 1.5pt solid black; 
	background-color:Transparent;
	border-color:black;
}
/* table used for upcoming races */
.MasterTable
{
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style:none;
	background-color:Transparent;
	border-color:black;
}


.ms-color2-tl {
	font-weight: bold;
	color: white;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom: 1.5pt solid black;
	background-color: maroon;
	width:100%;
	
}
.ms-color2-left {
	font-weight: bold;
	color: black;
	border-style: none;
	background-color: #FFFFEF;
	width:100%;
}
.ms-color2-even {
	color: black;
	border-style: none;
	background-color: #FFFFEF;
}
.style1 {
	text-align: center;
	font-size: xx-large;
	width:100%
}
.style5 {
	font-weight: bold;
	color: #66CCFF;
	border-style: none;
	background-color: #800000;
}
.style6 {
	color: #66CCFF;
}
/* calendar style */
/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}
/*--calendar stuff */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}


.LoginBoxes
{
    width:100px;     
}
.LoginLabels
{
    font-size:10px;
}

/* list view */
.grid
{
	font-family:Arial;
	font-size:12px;
	width:100%;
}
/* gridview styles */
.grid .gridview
{
	width:100%;
	border:none;
/*	border:solid 2px #5E8CC6;*/
	empty-cells:show;
	border-top-width:1px;
}

/*//odd numbered rows in the listview for shopping cart */
.row
{
	text-align:left;
	padding:5px 4px;	
	border-top:none;/*solid 1px #E2EBF2;*/
    background-color:Transparent;
}

.altrow
{
    background-color:Transparent;
}

.listviewerror
{
    color:Navy;
    font-size:.95em;
/*    font-weight:bold;  */
    font-family:Arial,Verdana;
}

/*//odd numbered rows in the grid */
.grid .gridview .row TD, 
.grid .gridview .edit-info TD
{
	text-align:left;
	padding:5px 4px;	
	border-top:none;/*solid 1px #E2EBF2;*/
    background-color:White;
}

.grid .gridview .altrow TD
{
    background-color:#dcdff2;
}

.grid .gridview .edit-info TD
{
	border-top:dashed 1px #5E8CC6;
    font-weight:bold;
    color:#333;
}
.grid .gridview TR.first TD
{
	border-top:none;
}
.grid .gridview TD.edit
{
	border-bottom:dashed 1px #5E8CC6;
}     
.grid .gridview .edit-info A
{
    font-weight:normal;
}        
.grid .gridview .row TD.command, 
.grid .gridview .altrow TD.command,
.grid .edit-info TD.command
{
	text-align:center;
}    
.grid .gridview .edit
{
	padding:10px 5px;
}
.grid .gridview .edit,.grid .gridview .edit-info
{
	background-color:#F0F8FF;
}    
/* details styles */
.grid .detailview
{
	width:100%;
	empty-cells:show;
}  
.grid .detailview TH
{
	text-align:left;
	padding:0px 10px;
	color:#333;
}    
.grid .details .footer
{
	text-align:right;
	padding:10px 10px 0px 0px;
} 
.grid .details .header
{
	text-align:left;
	padding:0px 10px;
	font-weight:bold;
	display:none;
} 


.Important
{
    font-size: large;
    color: Red;
}

.tdLabel
{
    text-align: right;
    font-weight: bold;
}

	/* -------------------------------------------------------------- */
	/* CALENDAR CONTROL --------------------------------------------- */
	/* -------------------------------------------------------------- */
	.theCalendar .ajax__calendar_container 
	{
		border:1px solid #646464;
		background-color: #CCDEAF;
		color: black;
	}
	.theCalendar .ajax__calendar_other .ajax__calendar_day,
	.theCalendar .ajax__calendar_other .ajax__calendar_year 
	{
		color: white;
	}
	.theCalendar .ajax__calendar_hover .ajax__calendar_day,
	.theCalendar .ajax__calendar_hover .ajax__calendar_month,
	.theCalendar .ajax__calendar_hover .ajax__calendar_year 
	{
		color: black;
		font-size:10pt;
	}
	.theCalendar .ajax__calendar_active .ajax__calendar_day,
	.theCalendar .ajax__calendar_active .ajax__calendar_month,
	.theCalendar .ajax__calendar_active .ajax__calendar_year 
	{
		color: red;
		font-weight:bold;
		border:1px groove red;
	}