BODY, TD { font-family: Arial, Helvetica, sans-serif; }
a img {border:0}

#ParentTable { border-top:1px solid #CC9933; width: 990px; }

/* TOP 
------------------------------------------------------------*/
TD.TopBorder { background-color:#CC9933; border-left:2px solid #CC9933; border-right:2px solid #CC9933; }
TD.TopBanner { background-image: url('http://images.countrydaylargo.com/common/cds_banner_v1.jpg'); border-left:1px solid #CC9933; border-right:1px solid #CC9933; }

H1.BannerHeadline { font-family:Calibri, "Lucida Grande", Verdana, Arial, sans-serif; padding: 0 5px 7px 0; font-weight:bold; font-size:large; color: #222222; margin:0px; height:10px; }

/* LEFT NAV 
------------------------------------------------------------*/
TD.LeftNav { background-color:#CC9933; width:120px; border-left:1px solid #CC9933; }
TD.LeftNav DIV { width:135px; border-bottom:1px #FFFFCC solid; padding-top:10px; padding-bottom:0px; margin-left:10px; margin-right:10px; }
TD.LeftNavImage { background-color:#CC9933 ; width:120px; border-left:1px solid #CC9933; border-bottom:1px solid #CC9933; }

A.LeftNavLink:link, A.LeftNavLink:active, A.LeftNavLink:after, A.LeftNavLink:visited  { padding-right: 5px; font-family: Arial, sans-serif; color:#003399; font-size:11px; text-decoration:none; font-weight:bold; }
A.LeftNavLink:hover { color:#FFFF00; }
SPAN.LeftNavLink { padding-right: 5px; color:#003399; font-size:11px; font-weight:bold; }

SPAN.LeftNavBullet { padding-top: 3px; padding-bottom: 3px; font-size: 16px; margin-left:15px; color:#003399; }

/* TOP NAV 
------------------------------------------------------------*/
TD.TopNavLinksCell { font-size:11px; padding-right:5px; padding-top: 3px; }
A.TopNavLink:link, a.TopNavLink:active, A.TopNavLink:after, a.TopNavLink:visited { font-family: Arial, sans-serif; color:#FFFFCC; text-decoration:none; line-height: 14px; }
A.TopNavLink:hover { text-decoration: underline; }

A.HiddenLink:link, a.HiddenLink:active, A.HiddenLink:after, a.HiddenLink:visited { font-family: Arial, sans-serif; font-size:9px; color:#CC9933; }
A.HiddenLink:hover { text-decoration:underline; color:#003399; }

/* MAIN 
------------------------------------------------------------*/
#ContentMain  { background: #FFFFFF; border-left: 1px solid #CC9933; border-right:3px solid #ca9b33; border-bottom:2px solid #ca9b33; }
#ContentMain A:link, #ContentMain A:active, #ContentMain A:visited, #ContentMain A:after, #ContentMain A:hover { font-size:9pt; color: #333333; text-decoration: underline; }

#MainContentCell { padding-bottom:5px; padding-left:5px; height:500px; }
#BodyContent    { width:810px; padding: 5px 10px 0px 5px; }

.BodyCopyHeader, h2 { font-size: 11pt; color: #541907; font-weight: bold; padding-bottom:5px; padding-top:0px;}
.BodyCopy       { font-size: 9pt; color: #333333; padding-bottom: 10px; }
.BodyCopyBold   { font-size: 9pt; color: #333333; padding-bottom: 10px; font-weight:bold; }
A.BodyLink:link, A.BodyLink:active, A.BodyLink:visited, A.BodyLink:after, A.BodyLink:hover { font-size: 9pt; color: #333333; text-decoration: underline; }
.CopyList { margin-top:0px; }
.CopyList    LI { font-size: 9pt; color: #333333; padding-bottom:2px;}

.HPRightCellContent { font-size: 9pt; color: #333333; }


A.HeadlineLink:link, A.HeadlineLink:active, A.HeadlineLink:visited, A.HeadlineLink:after, A.HeadlineLink:hover { font-size: 11pt; font-weight:bold; color: #333333; text-decoration: underline; }

/* USE FOR MOST COPY 
------------------------------------------------------------*/
.Copy       { font-size: 9pt; color: #333333; }
img.FloatRight { float: right; margin: 20px 3px 0px 3px; } 


/* FORM ELEMENTS 
------------------------------------------------------------*/
select				    { border: 1px solid #696969; font-family: Arial, sans-serif; font-size: 9pt; color:#666666; padding-left:1px; }
.InputField				{ border: 1px solid #696969; font-family: Arial, sans-serif; font-size: 9pt; color:#666666; padding-left:1px; }
.InputFieldDisabled		{ border: 1px solid #CCCCCC; background: #FCFCFC; font-family: Arial, sans-serif; font-size: 9pt; color:#666666; padding-left:1px; }
.InputFieldSmall    	{ border: 1px solid #696969; font-family: Arial, sans-serif; font-size: 9px; color:#333333; padding-left:1px; padding-bottom: 2px; padding-top: 2px; }
.InputFieldWaterMark	{ border: 1px solid #696969; font-family: Arial, sans-serif; font-size: 9pt; color:#A9A9A9; }
.InputButton			{ background:#C6DEFF; border: 1px solid #A9A9A9; color: #284775; font-family: Arial, sans-serif; font-size:9pt; cursor:pointer; }
.Message				{ font-family: Arial, sans-serif; font-size: 9pt; color: red; }
.Hidden                 { display:none; }
.RequiredFieldIndicator { color:Red; font-size:9px; padding-left:2px; }
.Required               { color:Red; font-size:9px; padding-left:3px; vertical-align:top; }

/* NEWS & EVENTS 
------------------------------------------------------------*/
#NewsTable    	{ width:810px; }
.NewsHeader  	{ font-size: 14pt; color: #541907; font-weight: bold; padding-bottom:5px; }
#NewsLeftCol 	{ padding: 0px 5px 5px 0px; }
#NewsRightCol 	{ background-repeat:repeat-y; padding: 5px 10px 5px 10px; }
#NewsRightCol .BodyCopyHeader { background-color: #EBEBEB; padding: 2px 5px 2px 5px; margin-top:0px; margin-bottom: 0px; }
#NewsList    	{ margin-top:3px; margin-left:0px; padding-left:0px; list-style:none; }
#NewsList LI 	{ font-size: 9pt; color: #666666; padding-bottom:5px; padding-left:10px; }
#NewsList LI .NewsListHeadline { color:#333333; font-weight:bold;}
A.NewsLink:link, A.NewsLink:active, A.NewsLink:after, A.NewsLink:visited, A.NewsLink:hover { font-weight:bold; color:#333333; text-decoration:none;}
A.NewsLink:hover { text-decoration:underline; }


/* FOOTER 
------------------------------------------------------------*/
.FooterTable { font-size:11px; color:#FFFFFF; padding-top:5px; }
A.FooterLink:link, A.FooterLink:active, A.FooterLink:visited, A.FooterLink:after { color:#FFFFFF; text-decoration:none; }
A.FooterLink:hover { text-decoration:underline; }


/* Content Editing 
------------------------------------------------------------*/
.ContentLastUpdatedLabel { font-size:9px; color: #005452; }

/* CAMPS 
------------------------------------------------------------*/
.CampScheduleTable {  font-size: 9pt; color: #333333; margin:5px 0px 0px 5px; }
.CampScheduleTableHeader { font-weight:bold; background-color:#2F3993; color:#FFFFFF; }
.CampScheduleTableRows { padding:3px; }
.InActiveCamp { color:#999999; }
.CampOrderTotal { padding-top: 10px; font-size: 9pt; font-weight:bold; : #333333; }
.HiddenDate { visibility:hidden; width:0px;}
#OrderItemsList { height:185px; overflow:auto; overflow-y: auto; border: 1px solid #cccccc; background-color:#FFF; }

/* ADMIN 
------------------------------------------------------------*/
.UsersGrid {  font-size: 9pt; color: #333333; margin-top:5px; }
.UsersGridHeader { font-size: 9pt; font-weight:bold; background-color:#2F3993; color:#FFFFFF; }
.FieldTitleBold { font-size: 9pt; color: #666666; font-weight: bold; }
.FieldTitle { font-size: 9pt; color: #333333; font-weight: bold; }
.FieldValue { font-size: 9pt; color: #666666; }
.RequiredFieldIndicator { font-size:xx-small; font-weight:bold; color: red; padding-left:3px; }
#ContentMain .AdminLink { font-size:8pt; color: #666666; vertical-align:text-top; }

/* Lunch Menus
------------------------------------------------------------*/
.MenuTableHeader { background-color: #ECE9D8; font-size:12px; color:#333333; font-weight: bold; border-right: 1px solid #000000; border-bottom: 1px solid #000000; width: 180px; }
.MenuTableCell   { background-color: #FFFFD5; font-size:12px; color:#333333; border-right: 1px solid #000000; padding-top: 5px; width: 180px; }
.MenuCellTitle   { font-size:12px; color:#333333; font-weight: bold; }
.CheckOutItem    { font-size:12px; color:#333333; }
.MenuItem        { padding-left:5px; font-size:10px; color:#333333; font-weight: normal; text-decoration:none; }
.PaidForMenuItem { padding-left:5px; font-size:10px; color:#333333; font-weight: normal; text-decoration:none; background-color: #EECFA1; }
.MITexbox        { border: 1px solid #696969; font-family: Arial, sans-serif; font-size: 8pt; color:#666666; width: 10px; height: 12px; padding:0px 1px 2px 1px; text-align:center; margin: 3px 4px 0px 4px;  }
.MICheckbox      { position: relative; top: 3px; }
.ReportCell      { font-size: 8pt; color:#333333; }

.HelpIcon        { margin-left:3px; cursor:help; vertical-align:baseline; }

/* Menu
------------------------------------------------------------*/
#menu {}
#menu dl { font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-size:10px; width: 100%; overflow:auto; overflow-y:hidden; _overflow:visible; margin:3px 0px 0px 0px; background: url('http://images.countrydaylargo.com/common/dot.gif') repeat-x 0 1.6em;}

#menu dt, #menu dd.price { background:#FFFFD5; padding-bottom: 2px; }
#menu dt { float:left; padding-right:3px; color:#333333;  }
#menu dd { margin:0px; padding:0px;} 
#menu dd.price { float:right; padding: 5px 0px 0px 1px; position:relative; top:3px; }
#menu dd.desc  { color: #999; float:left; padding: 0px 0px 0px 15px; }
#menu dt input.MITexbox { padding-bottom: 2px; }


A.ImageLink { cursor:pointer; }

/* Menu Totals
------------------------------------------------------------*/
.MenuTotals {}
.MenuTotals dl { font-size:12px; width: 100%; overflow:auto; _overflow:visible; margin:0px 0 0 0; background: url('http://images.countrydaylargo.com/common/dot.gif') repeat-x 0 1.3em;}

.MenuTotals dt, .MenuTotals dd.price { background:#FFF; font-weight:bold; color:#333333; }
.MenuTotals dt { float:left; padding: 5px 3px 0 0; }
.MenuTotals dd { margin:0; padding:0;} 
.MenuTotals dd.price { float:right; padding: 5px 0 0 1px; }

/* Group
------------------------------------------------------------*/
.Section { margin-top: 20px; background-color:#F5F5F5; padding: 0px 10px 10px 10px; border: 1px solid #cccccc; width:90%; }
.SectionTitle { font-size:12px; font-weight:bold; color:#666666; top: -9px; left: -5px; position:relative; background-color:#ffffff; padding-left:3px; padding-right:3px; }
.SectionUsage { padding-bottom : 10px; color:#666666; }



/* MODAL POPUP
------------------------------------------------------------*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.notes-popup-dialog {
	background-color:White;
	visibility:hidden;
	background:url('/images/popup/small_popup_bkgrnd.png') no-repeat;
	padding:0 9px 0 12px;
	_height:0;
	font-size: 9pt; 
	z-index: 1;
	top: 0px;
	left: 0px;
	position: absolute;
}

.notes-popup-dialog label
{
    color:#333; 
    font-size: 9px;
    font-weight:bold;
}

    

/* Popup Menu
------------------------------------------------------------*/
.PopupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F0EEE1;
	text-decoration: none;
	font-size: 9px;
	width: 70px;
}

.PopupHover {
	font-size: 9px;
	background-position:left top;
    font-size:10px; 
    color:#333333; 
    font-weight: normal; 
    text-decoration:none; 	
    cursor: pointer;
}

.PopupTitle  
{
	border: 1px solid #ACA899;
	background-color: #C1D2EE;
    color: #000000;
    font-weight: bold;
    font-size: 10px;
    padding: 2px 0px 2px 5px;
 }
 
 .PopupBody
 {
 	padding: 2px; 
 	background:#FFF;
 	border-right: 1px solid #ACA899;
 	border-bottom: 1px solid #ACA899;
 	border-left: 1px solid #ACA899;
 }

A.PopupLink:link, A.PopupLink:active, A.PopupLink:after, A.PopupLink:visited, A.PopupLink:hover { font-size:9px; color: #3366CC; font-weight: normal; text-decoration: none; }


/* Accordion
------------------------------------------------------------*/
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: #333333;
    background-color: #EEDC82;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #8B814C;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #FFFFFF;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}


/* TypeAhead
------------------------------------------------------------*/
#ParentSearchBox { border: 1px solid #696969; font-family: Arial, sans-serif; font-size: 9pt; color:#666666; padding-left:1px; padding-right:1px; background-image:url('http://images.countrydaylargo.com/common/magnifier.gif'); background-position: right; background-repeat: no-repeat; }
#StudentSearchBox { text-align:left; border: 1px solid #696969; font-family: Arial, sans-serif; font-size: 9pt; color:#666666; padding-left:1px; padding-right:1px; background-image:url('http://images.countrydaylargo.com/common/magnifier.gif'); background-position: right; background-repeat: no-repeat; }
#SearchResults { font-family: Arial, sans-serif; font-size: 9pt; border: 1px solid #333; background-color: #fff; }
#SearchResults ul { list-style: none; margin:0; padding:0; }
#SearchResults li { padding: 2px 3px; }
#SearchResults strong { font-weight: bold; text-decoration: underline; }
#SearchResults li.selected { color: #fff; background-color: #5D7B9D; }

/* Tooltips
------------------------------------------------------------*/
.tooltipTrigger { cursor: help; }
.tooltip,.actionHint { border: 1px solid #284E98;  background-color: #B4EEB4;  font-family: Tahoma, Verdana, Sans-Serif;  font-size: 11px;  color: #000000;  width: 400px;  padding: 2px 4px;  z-index: 100;/*  display: none; */ }
.tooltip h4, .actionHint h4 { font-size: 11px; color:#FFF;  background-color: #458B74;  margin: -2px -4px 3px -4px;  padding: 2px 4px 2px 4px; }
.tooltip p, .actionHint p { margin: 3px;}
.actionHint { width: 160px; }

.PagerStyle span { font-size: 9pt; }