﻿body
{
	background-color:White;
	font-family:Verdana;
	font-size:12px;
	text-decoration:none;
}
td
{
	font-family:Verdana;
	font-size:12px;
	text-decoration:none;
}
div
{
	font-family:Verdana;
}
.menuItemStyle
{
	width:100px;
	height:20px;
	background-color:#dcdcdc;
	color:black;
	/*StaticHoverStyle-BackColor="lightsteelblue"  */
	border-color:gray;
	border-width:1px;
	border-style:ridge;
	display:block;
	padding-top:1px;
}
.menuHoverStyle
{
	background-color:#b0c4de;
}
.dynamicMenuStyle
{
	z-index:100;	
}
.mvBorder
{
	border-right: black 1px solid; 
	border-top: black 1px solid; 
	border-left: black 1px solid; 
	border-bottom: black 1px solid;	
}
.borderedTable
{
	border-right: #006699 ridge; 
	border-top: #d3d3d3 ridge; 
	border-left: #d3d3d3 ridge; 
	border-bottom: #006699 ridge;
}
.soldOut
{
	background-image:url(soldOut.gif);
}
.focusButton
{
	background-color:#addfff;
}
.blurButton
{
	background-color:White;
}

/* Default attributes of table container for entire calendar */
.table-style 
{
	font-family:arial;
	border-width:1px; 
	border-style:solid; 
	border-color:#a0a0a0; 
	background-color:#ffffff;
	font-family: arial; 
	font-size: 11px;
}

/* Default attributes of DIV containing table container for entire calendar.
 * You probably don't want to alter this style.
 */
.div-style 
{
	z-index:999;
	position:absolute;
	visibility:hidden;
}

/* Default attributes used in calendar title (month and year columns).*/
.title-style 
{
	padding:2px;
	font-family:arial; 
	font-size:11px;
	color: #ffffff;
}

/* Default attributes used in calendar title background.*/
.title-background-style 
{
	/*background-color: #cee3ef;*/
	/*background-color:#9f9fff;*/
	background-color:#0099ff;
}

/* Normal appearance of controls in calendar title. */
/* Note: The left, right and dropdown icons are images, which must be edited if you need to change them. */
.title-control-normal-style 
{
	border-style:none;
/*	border-width:1px;
	border-color:black; */
	cursor:pointer;
}

/* Mouseover (selected) appearance of controls in calendar title. */
.title-control-select-style 
{
	/*border-style:solid;
	border-width:1;
	border-color:#3a6ea5; */
	cursor:pointer;
}

/* Default attributes of drop down lists (month and year). */
.dropdown-style 
{
	font-family:arial; 
	font-size:11px; 
	border-width:1px; 
	border-style:solid; 
	/*border-color:#a0a0a0;
	background-color:#cee3ef;*/
	background-color:#0066cc;
	border-color:#cccccc;
	color:White;
	cursor:default;
}

/* Default attributes selected (mouse-over) item in drop down lists (month and year). */
.dropdown-select-style 
{
	background-color:#3a6ea5;
	cursor:pointer;
}

/* Default attributes unselected (mouseout) item in drop down lists (month and year). */
.dropdown-normal-style
{
	/*background-color:#0;*/
}

/* Default attributes of calendar body (weekday titles and numbers). */
.body-style 
{
	padding:5px;
	/*background-color:#cee3ef;*/
	background-color:white;
	font-family:verdana; 
	font-size:10px;
}

/* Attributes of current day in calendar body. */
.current-day-style 
{
	color:red;
	font-weight:bold;
	text-decoration:none;
}

/* Attributes of end-of-week days (Sundays) in calendar body. */
.end-of-weekday-style
{
	/*color:#909090;*/
	color:black;
	text-decoration:none;
}

/* Attributes of all other days in calendar body. */
.normal-day-style 
{
	color:black;
	text-decoration:none;
}

/* Attributes of border around selected day in calendar body. */
.selected-day-style 
{
	border-style:solid;
	border-width:1px; 
	border-color:#a0a0a0;
	color:#0066cc;
	font-weight:bold;
}

/* Default attributes of designated holidays. */
.holiday-style 
{
	background-color:#ffdddd;
}

/* Attributes of today display at bottom on calendar */
.today-style 
{
	padding:0px;
	color:white;
	/*background-color: #cee3ef;*/
	background-color:#9f9fff;
	text-align:center;
	text-decoration:none;
}

/* Attributes of week number division (divider.gif) */
.weeknumber-div-style 
{
	background-color:#d0d0d0; 
	padding:0px;
}

/* tabber styles ------------------------------------------------------------------------ */

/* REQUIRED to hide the non-active tab content - but do not hide them in the print stylesheet! */
.tabberlive .tabbertabhide 
{
	display:none;
}

/*
	.tabber = before the tabber interface is set up
	.tabberlive = after the tabber interface is set up
*/
.tabber 
{
}
.tabberlive 
{
	margin-top:1em;
}

/*
	ul.tabbernav = the tab navigation list
	li.tabberactive = the active tab
*/
ul.tabbernav
{
	margin:0;
	padding: 3px 0;
	border-bottom: 1px solid #778;
	font-weight:bold;
}

ul.tabbernav li
{
	list-style: none;
	margin: 0;
	display: inline;
}

ul.tabbernav li a
{
	padding-left:3px;
	padding-right:3px;
	padding-top:0px;
	padding-bottom:3px;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background-color:#eeeeee;
	text-decoration: none;
}

ul.tabbernav li a:link { color:Black; }
ul.tabbernav li a:visited { color:Black; }

ul.tabbernav li a:hover
{
	/*color: #000;*/
	/*background: #AAE;*/
	/*border-color: #227;*/
}

ul.tabbernav li.tabberactive a
{
	background-color: #fff;
	border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
	color: #000;
	background: white;
	border-bottom: 1px solid white;
}

/* .tabbertab = the tab content - add style only after the tabber interface is set up (.tabberlive) */
.tabberlive .tabbertab 
{
	padding:5px;
	border:1px solid #aaa;
	border-top:0;
/* if you don't want the tab size changing whenever a tab is changed you can set a fixed height - height:200px; */
/* if you set a fix height set overflow to auto and you will get a scrollbar when necessary - overflow:auto; */
}

/* if desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 
{
	display:none;
}
.tabberlive .tabbertab h3 
{
	display:none;
}

/* example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 
{
}
.tabberlive#tab2 
{
}
.tabberlive#tab2 .tabbertab 
{
	height:200px;
	overflow:auto;
}