﻿body
{
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: small;
	background-color: #AFADAE;
}

#headerLogo
{
	background-image: url(Images/EpicLogo.jpg);
	background-repeat: no-repeat;
}

#headerBanner
{
	background-image: url(Images/Banner.jpg);
	background-repeat: no-repeat;
	text-align: right;
	font-size: large;
	color: White;
}

#masterFooter
{
	text-align: center;
}

#menuButton1
{
	background-image: url(Images/ButtonHome_Normal.gif);
}
#menuButton1:hover
{
	background-image: url(Images/ButtonHome_Normal-over.gif);
}
#menuButton1:active
{
	background-image: url(Images/ButtonHome_Normal-down.gif);
}

#menuButton2
{
	background-image: url(Images/ButtonHow_Normal.gif);
}
#menuButton2:hover
{
	background-image: url(Images/ButtonHow_Normal-over.gif);
}
#menuButton2:active
{
	background-image: url(Images/ButtonHow_Normal-down.gif);
}

#menuButton3
{
	background-image: url(Images/ButtonOrder_Normal.gif);
}
#menuButton3:hover
{
	background-image: url(Images/ButtonOrder_Normal-over.gif);
}
#menuButton3:active
{
	background-image: url(Images/ButtonOrder_Normal-down.gif);
}

#menuButton4
{
	background-image: url(Images/ButtonGal_Normal.gif);
}
#menuButton4:hover
{
	background-image: url(Images/ButtonGal_Normal-over.gif);
}
#menuButton4:active
{
	background-image: url(Images/ButtonGal_Normal-down.gif);
}

#menuButton5
{
	background-image: url(Images/ButtonEM_Normal.gif);
}
#menuButton5:hover
{
	background-image: url(Images/ButtonEM_Normal-over.gif);
}
#menuButton5:active
{
	background-image: url(Images/ButtonEM_Normal-down.gif);
}

#menuButton6
{
	background-image: url(Images/ButtonFaCo_Normal.gif);
}
#menuButton6:hover
{
	background-image: url(Images/ButtonFaCo_Normal-over.gif);
}
#menuButton6:active
{
	background-image: url(Images/ButtonFaCo_Normal-down.gif);
}

.formTable
{
	border-collapse: collapse;
	background-color: White;
}

.formTable td
{
	border: solid 1px #666666;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.numericTextBox
{
	text-align: right;
}

.wizard, 
.whiz
{
	background-color: White;
	border: solid 1px #666666;
}

.wizard table, 
.whiz table
{
	width: 100%;
	border-collapse: collapse;
}

.wizard table table th,
.whiz th
{
	color: White;
	font-size: larger;
	font-variant: small-caps;
	background-color: #666666;
	padding-top: 3px;
	padding-bottom: 5px;
}

.wizard table table td,
.whiz td
{
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.wizard input[type="text"], input[type="password"]
{
	width: 16em;
}

.wizard select
{
	width: 16.5em;
}

.whiz input[type="text"], input[type="password"], input[type="file"], select, textarea
{
	width: 100%;
}

.whizHeader
{
	color: White;
	font-variant: small-caps;
	background-color: #666666;
	padding-top: 3px;
	padding-bottom: 5px;
	text-align: center;
}

.whizBottom
{
	border-bottom: solid 1px #666666;
}

.whizTop
{
	border-top: solid 1px #666666;
}

.detailView input[type="text"], input[type="password"]
{
	width: 16em;
}

.detailView select
{
	width: 16.5em;
}


.gridPadding td
{
	padding-left: 5px;
	padding-right: 5px;
}

.showPointer
{
	cursor: pointer;
}

.bold
{
	font-weight: bold;
}

.xxsmall
{
	font-size: .65em;
}

.xsmall
{
	font-size: .75em;
}

.small
{
	font-size: .85em;
}

.medium
{
	font-size: .9em;
}

.large
{
	font-size: 1em;
}

.xlarge
{
	font-size: 1.1em;
}

.xxlarge
{
	font-size: 1.2em;
}

.red
{
	color: #BF2C37;
}

.black
{
	color: Black;
}

.whiteLink a:link
{
	text-decoration: none;
	color: White;
}

.whiteLink a:visited
{
	text-decoration: none;
	color: White;
}

.whiteLink a:active 
{
	text-decoration: underline;
	color: White;
}

.whiteLink a:hover
{
	text-decoration: underline;
	color: White;
}

.buttonBorder a
{
    border: 2px solid Transparent;
}	

.buttonBorder a:hover
{
    border-left: 2px solid ButtonFace;
    border-top: 2px solid ButtonFace;
    border-right: 2px solid ButtonShadow;
    border-bottom: 2px solid ButtonShadow;
}	

.buttonBorder a:active
{
    border-left: 2px solid ButtonShadow;
    border-top: 2px solid ButtonShadow;
    border-right: 2px solid ButtonFace;
    border-bottom: 2px solid ButtonFace;
}	

.modalBackground 
{
	background-color: Gray;
	filter: alpha(opacity=35);
	opacity: 0.35;
}

.modalPopup 
{
	background-color: White;
	border: solid 1px Black;
}

.calendarExtender div
{
	background-color: White;
	border: solid 1px black;
}

.calendarExtender div div
{
	border: 0;
}

.calendarExtender div td
{
	font-weight: normal;
	padding: 0;
}

