/*
	Stylesheet for Esprit Registration System
	by Stephanie Mitchell
	11 October, 2008
	
	Updated 27 August, 2010 to enlarge font sizes.
*/

a {
	color: #3333FF;
	border-style:none;
	text-decoration:none;
	font-weight: bold;
}
a img {
	border-style:none
}
a:hover {
	color:#FF0000
}
a:visited {
	color: #5555F;
}
body {
	color: #000000;
	background-image: url(../includes/gradient.php?color1=999999&color2=CCCCCC&colors=64&direction=270&height=400);

	background-color:#EEEEEE;
	background-repeat: repeat-x;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:11px; /* formerly 10px */
	margin-left: 10px;
	margin-right: 10px;
	width:70em
}
h1 {
	font-size:1.3em;
	font-weight: bold;
}
h2 {
	font-size: 1.2em;
	font-weight: bold
}
h3 {
	font-size: 1.0em;
	font-weight: bold;
}
p {
	padding-left: 8px;
	padding-right: 8px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tiny {
	font-size: .9em; /* formerly 9px */
}
.headerbar {
	color:#444444;
	background-color:#BBBBBB;
	background-image: url(../includes/gradient.php?color1=EEEEEE&color2=555555&direction=270&height=20);
	font-weight:bold;
/*	font-size:14px; */
	border-bottom:#EEEEEE 2px solid;
}
.normal {}
.bold {
	font-weight:bold;
}
.bigbold {
	font-weight: bold;
	font-size: 18px;
}
.center {
	text-align:center;
}
.reqd {
	color:red;
}
.reqdhilite {
	border-color:#FF0000;
	border-width:thin;
	background-color:#FFEEEE;
}
.highlightbox {
	background-color:#FFFF33
}
.errorsummary {
	background-color:#DD0000;
	color: #FFFFFF;
	font-weight:bold;
	font-size:11px;
}
.errormsg {
	color: #DD0000;
	font-weight: bold;
	font-size:11px;
}
.goodmsg {
	color: #339900;
	font-weight: bold;
}
.disabled {
	color: #888888;
}
.i {
	font-style:italic;
}
.fieldvalue {
	font-weight: bold;
}
.indent {
	margin-left: 10px;
	margin-right: 8px;
	padding-left: 10px;
}
table {
	border:none;
	margin:auto
}
td {
	vertical-align: top;
	font-size: 11px;
}
.printonly {
	display:none
}

.helpsnippet {
	color: #000000;
	background-image: url(../includes/gradient.php?color1=999999&color2=CCCCCC&colors=64&direction=270&height=400);

	background-color:#EEEEEE;
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #AAAAAA;
	border-bottom-color: #777777;
	border-left-color: #FFFFFF;
	margin: 9px;
	padding: 5px;
	width: 420px;
}
.section {
	margin-top: 12px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #AAAAAA;
	border-bottom-color: #777777;
	border-left-color: #FFFFFF;
	background-color:#DDDDDD;
}

/* Vertical tab overrides for main index page */

.vtabs .vtabs-tab-column ul li.closed {
	background-color: #C3F5C3;
	border-right: 1px solid #777777;
	background-image: none;
	background-repeat:none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.vtabs .vtabs-tab-column ul li.h3.open {
	background-color: white;
	border-right: none;
	background-image: none;
	background-repeat:none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;

}

/* Calendar overrides */

.calendarpage a, .calendarpage .a-like, .eventdetail .a-like {
	color: #990066;
	border-style:none;
	text-decoration:none;
/*	font-weight: bold; */
}
.calendarpage a img {
	border-style:none
}
.calendarpage a:hover {
	color:#FF0000
}
.calendarpage a:visited {
	color: #0066CC
}
.calendarpage .scheduled, .eventdetail .scheduled {
	color: #007700;	/* Dark green */
}
.calendarpage {
	color: #330066;
	background-image: none;
	background-color:#FFEEFF;
}
.calendarpage .cancelled, .eventdetail .cancelled {
	color: #AA0000;	/*	Dark red */
	text-decoration: line-through;
}
.calendarpage .approved, .eventdetail .approved {
	color: #383838;	/* Dark grey */
}
.calendarpage .event, .eventdetail .event {
	color: #8FA5C5;	/* Med. grey-blue */
}
.calendarpage .service, .eventdetail .service {
	color: #FFFF99;	/* Light yellow */
}
.calendarpage .hblock {
	border-bottom: 1px solid gray;
}
.calendarpage .ui-tabs-nav {
	width: 6.5em;
}
.calendarpage .ui-tabs-vertical {
	width: 69em;
}
.calendarpage .ui-tabs-vertical .ui-tabs-nav {
	padding: .1em .1em .1em .1em;
	float: left;
	width: 6.5em;
}
.calendarpage .ui-tabs-vertical .ui-tabs-nav li {
	clear: left;
	width: 100%;
	border-bottom-width: 1px !important;
	border-right-width: 0 !important;
	margin: 0 -1px .4em 0;
}
.calendarpage .ui-tabs-vertical .ui-tabs-panel {
	margin-right: 1em;
	padding: 1em;
	float: right;
	width: 58.5em;
	background-color: transparent;
}
.calendarpage .ui-tabs-vertical .ui-tabs-iframe {
	float: right;
	width: 71em;
	height: 40em;
	background: transparent;
	padding: 0;
	margin: 0;
	border: none;
}

/* Event page overrides */

.eventdetail {
	background-color: #FFEEFF;
	background-image: none !important;
	color: #330066;
	width: 50em;
}
.eventdetail p {
	padding-left: 20px;
	padding-right: 20px;
}

/*	Vertical tabs overrides */

/* .ui-state-default {
	height: 50px;
} */

.ui-tabs-vertical {
	width: 69em;
}
.ui-tabs-vertical .ui-tabs-nav {
	padding: .2em .1em .2em .2em;
	float: left;
	width: 8em;
}
.ui-tabs-vertical .ui-tabs-nav li {
	clear: left;
	width: 100%;
	border-bottom-width: 1px !important;
	border-right-width: 0 !important;
	margin: 0 -1px .4em 0;
}
.ui-tabs-vertical .ui-tabs-nav li a {
	display:block;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0;
	padding-right: .1em;
	border-right-width: 1px;
	border-right-width: 1px;
}
.ui-tabs-vertical .ui-tabs-panel {
	margin-right: 1em;
	padding: 1em;
	float: right;
	width: 57.5em;
	background-color: transparent;
}
.ui-tabs-vertical .ui-tabs-iframe {
	float: right;
	width: 70em;
	height: 40em;
	background: transparent;
	padding: 0;
	margin: 0;
	border: none;
}
#tabs {
	background: transparent;
}

/*	Dynamic Calendar styles */

.cal-day-wrapper {
	position: absolute;
	background: transparent;
}
.cal-day-wrapper a {
	font-weight: normal !important;
	font-size: 80% !important;
}
.cal-timeslot {
	position: absolute;
	background-color: #AAAAAA;
	border: 1px solid #444444;
	color: #000000;
	overflow: hidden;
	min-height: 27pt;
	max-height: 27pt;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}
.cal-timeslot.ts_slot:hover {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	z-index: 5000;
	font-weight: bold;
	max-height: none;	/*	Let box expand as required on mouseover */
}
.cal-timeslot.ts_slot.scheduled {
	background-color: #2cfe3e;
	border: 1px solid #008800;
	color: #000000;
}
.cal-timeslot.ts_slot.approved {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: #000000;
}
.cal-timeslot.ts_slot.service {
	background-color: #8FA5C5;
	border: 1px solid #AAAAAA;
	color: #000000;
}
.cal-timeslot.ts_slot.event {
	background-color: #FFFF99;
	border: 1px solid #AAAAAA;
	color: #000000;
}
.cal-timeslot.ts_slot.cancelled {
	background-color: #fb4b70;
	border: 1px solid #990000;
	color: #000000;
}
.cal-timeslot.venuelabel {
	background-color: #FFDFFF;
	border: 1px solid #DDBDDD;
	font-size: 90%;
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
.cal-timeslot.timelabel0 {
	background-color: #E0E0E0;
	border-top: 1px solid #DDBDDD;
	border-bottom: 1px solid #DDBDDD;
	border-left: 1px solid #DDBDDD;
	border-right: none;
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	font-size: 70%;
}
.cal-timeslot.timelabel1 {
	background-color: transparent;
	border-top: 1px solid #DDBDDD;
	border-bottom: 1px solid #DDBDDD;
	border-left: none;
	border-right: none;
}




/* Registration step panel overrides */

.regstep a {
	color: #0044FF;
	border-style: none;
	text-decoration: none;
}

.regstep a:hover {
	color: #FF4400;
}

.regstep a:visited {
	color: 0022AA;
}

@media print {
	.noprint {
		display: none
	}
	.printonly {
		display: inherit
	}
}