/* Default Styles */
.bodytext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
}
/* Vista Menu */
.TopGroup
{
	background-color: #8dc63f;
	border: 1px black solid;
	cursor: hand;
}

.MenuGroup
{
	background-color: #2C331D;
	border: 1px #4E5358 solid;
	border-style: solid;
	cursor: hand;
}

.TopMenuItem
{
	background-color: #8dc63f;
	color: white;
	font-family: tahoma;
	font-size: 12px;
	border: 1px solid #8dc63f;
	cursor: default;
}

.TopMenuItemHover
{
	background-color: #2C331D;
	background-image: url(../images/CustomerMenu/top_item_bg.gif);
	color: white;
	font-family: tahoma;
	font-size: 12px;
	border: 1px #DFE2E5 solid;
	cursor: default;
}

.MenuItem
{
	border: 1px #2C331D solid;
	color: white;
	font-family: tahoma;
	font-size: 11px;
	cursor: default;
}

.MenuItemHover
{
	background-color: #5B6A3A;
	background-image: url(../images/CustomerMenu/item_bg.gif);
	color: #5B6A3A;
	border: 1px solid #5B6A3A;
	font-family: tahoma;
	font-size: 11px;
	cursor: default;
}

.MenuBreak
{
	background-image: url(../images/CustomerMenu/break_bg.gif);
	width: 100%;
	height: 2px;
}

.lsheadline
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #8dc63f;
}

.Tab-Item
{
	color: Black;
	font-size: 8pt;
	font-weight: bold;
	background: #efefef;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 100px;
	height: 20px;
	cursor: pointer;
}

.Tab-Selected
{
	color: Black;
	font-size: 8pt;
	font-weight: bold;
	background: #f8f8ff;
	border-right: 1px solid #cccccc;
	border-top: 3px solid #8dc63f;
	width: 100px;
	height: 20px;
	cursor: pointer;
}

.Tab-SelectedHover
{
	color: Black;
	font-size: 8pt;
	font-weight: bold;
	background: #f8f8ff;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 3px solid #8dc63f;
	width: 100px;
	height: 20px;
	cursor: pointer;
}

.Tab-ItemText
{
}

.Tab-Child
{
	color: #336699;
	cursor: pointer;
	background-color: #f8f8ff;
	height: 20px;
}

.Tab-ChildHover
{
	color: #336699;
	cursor: pointer;
	background-color: #f8f8ff;
	text-decoration: underline;
	height: 20px;
}

.Tab-NoTab
{
	background-color: #f8f8ff;
	border-top: 1px solid #cccccc;
}

.Grey-Sep-Tab
{
	background-color: #f8f8ff;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}


.Park
{
	width: 58px;
	height: 39px;
	cursor: pointer;
	text-align: right;
	vertical-align: top;
	border-width: 1px;
	border-color: #F6F6F6;
	border-style: solid;
	font-size: 6pt;
	background-image: url(../images/ScheduleCalendar/Park.png);
	background-color: Green;
}

.StudioHomework
{
	width: 58px;
	height: 39px;
	cursor: pointer;
	text-align: right;
	vertical-align: top;
	border-width: 1px;
	border-color: #F6F6F6;
	border-style: solid;
	font-size: 6pt;
	background-image: url(../images/ScheduleCalendar/StudioHomework.png);
	background-color: Yellow;
}
.Studio
{
	width: 58px;
	height: 39px;
	cursor: pointer;
	text-align: right;
	vertical-align: top;
	border-width: 1px;
	border-color: #F6F6F6;
	border-style: solid;
	font-size: 6pt;
	background-image: url(../images/ScheduleCalendar/Studio.png);
	background-color: Lime;
}
.Homework
{
	width: 58px;
	height: 39px;
	cursor: pointer;
	text-align: right;
	vertical-align: top;
	border-width: 1px;
	border-color: #F6F6F6;
	border-style: solid;
	font-size: 6pt;
	background-image: url(../images/ScheduleCalendar/Homework.png);
	background-color: Gray;
}
.Holiday
{
	width: 58px;
	height: 39px;
	cursor: pointer;
	text-align: right;
	vertical-align: top;
	border-width: 1px;
	border-color: #F6F6F6;
	border-style: solid;
	font-size: 6pt;
	background-image: url(../images/ScheduleCalendar/Holiday.png);
	background-color: Olive;
}

.BAF
{
	width: 58px;
	height: 39px;
	cursor: pointer;
	text-align: right;
	vertical-align: top;
	border-width: 1px;
	border-color: #F6F6F6;
	border-style: solid;
	font-size: 6pt;
	background-image: url(../images/ScheduleCalendar/BAF.png);
	background-color: Red;
}

.calendar_buttonSC
{
	border: none;
	cursor: pointer;
}

.titleSC
{
	font-weight: bold;
	background-color: #D7D7D7;
}

.titleSC TD
{
	font-weight: bold;
}

.calendarSC TD
{
	font-size: 8pt;
	font-family: Verdana;
}

.daySC
{
	width: 58px;
	height: 39px;
	cursor: pointer;
	text-align: right;
	vertical-align: top;
	border-width: 1px;
	border-color: #F6F6F6;
	border-style: solid;
	font-size: 6pt;
}

.weekendSC
{
	background-color: #F6F6F6;
}

.dayheaderSC
{
	width: 35px;
	text-align: right;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	background-color: #FFFFFF;
	font-size: 6pt;
	color: #333333;
}

.othermonthdaySC
{
	visibility: hidden;
}

.calendarSC
{
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	border-collapse: collapse;
	background-color: #FFFFFF;
	cursor: default;
}

.monthSC
{
	background-color: white;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
}

.nextprevSC
{
	cursor: pointer;
	height: 25px;
	vertical-align: center;
	padding: 0px 5px 0px 5px;
}

/* Logic Speak DatePicker Style
 *  - (ComponentArt date picker)
 */
.picker
{
	background-color: #FFFFFF;
	border: 1px gray solid;
	font-size: 11px;
	font-weight: normal;
	font-family: "Verdana" ,monospace;
	padding: 2px;
	cursor: pointer;
}

.calendar_button
{
	border: none;
	cursor: pointer;
}

.calendar td
{
	font-size: 11px;
	font-family: Verdana;
}
.title
{
	font-weight: bold;
	background-color: #D7D7E5;
}

.day
{
	width: 25px;
	cursor: pointer;
	text-align: center;
	border-width: 1px;
	border-color: #F6F6F6;
	border-style: solid;
}

.dayhover
{
	width: 25px;
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	border-width: 1px;
	border-color: #F6F6F6;
	border-style: solid;
}

.dayheader
{
	width: 25px;
	text-align: center;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	font-weight: bold;
	background-color: #FFFFFF;
}

.othermonthday
{
	color: #999999;
}

.selectedday
{
	width: 25px;
	background-color: #FBE694;
	color: #000000;
	border-width: 1px;
	border-color: #BB5503 !important;
	border-style: solid;
	font-weight: bold;
}

.calendar
{
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	border-collapse: collapse;
	background-color: #FFFFFF;
	cursor: default;
}

.month
{
	background-color: #F6F6F6;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
}

.nextprev
{
	cursor: pointer;
	height: 25px;
	vertical-align: center;
	padding: 0px 5px 0px 5px;
}


/*Modal Popup*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #d4d4ae;
	border-width: 1px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
}

.ftbDefaultFont
{
	font-family: Arial;
	font-size: 14px;
}

/*CollapsiblePanel*/
.collapsePanel
{
	background-color: white;
	overflow: hidden;
	border-bottom: 1px solid #919B9C;
	border-top: 1px solid #919B9C;
	border-left: 1px solid #919B9C;
	border-right: 1px solid #919B9C;
}

.collapsePanelHeader
{
	width: 100%;
	height: 23px;
	background-image: url(/Images/bg-menu-main.png);
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;
}

.collapsePanelHeaderQuicklink
{
	width: 100%;
	height: 23px;
	background-image: url(/images/bg-menu-main.png);
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;
}
.schedule
{
	color: #666;
	font-size: 12px;
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	height: 35px;
}
.scheduleheader
{
	color: #444f2b;
	font-size: 10pt;
	height: 35px;
	font-family: Arial;
	font-weight: bold;
	line-height: 100%;
	margin: 10px 0 0;
	padding: 0px;
}
.MessageBoxHeader
{
	background-color: #5c832a;
	color: White; 
	background-image: url('/images/MessageBox/Header-Gradient-MessageBox-green.jpg');
	font-weight: bold;
	text-align:left;
}
.MessageBoxBody
{
    text-align:left;
	background-color: #DDDDDD;
	color: Black;
}
.MessageBoxBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.MessageBoxContainer
{
	background-color:#757272;
    border-width:1px;
    border-style:solid;
    border-color:#757272;
    padding:3px;
}

/* Validator Callout */
.validatorCalloutHighlight
{
    background-color: #F08080;
}

.FilteringOptions
{
    background-color: #CCCCCC;
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    border: solid 1px black; 
    padding: 2px 2px 2px 2px;
}

table.Receipt
{
	width: 375px;
	border: solid 1px black;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.Receipt tr th
{
	font-weight: normal;
	text-align: left;
	width: 100px;
}


table.Receipt *
{
	font-family: Consolas, Courier New, Tahoma, Arial, Sans-Serif;
	vertical-align: top;
	text-align: left;
}

td.ReceiptHeader
{
	text-align: center;
}

.GridViewRowAlt
{
    background-color: #EEEEEE;
}