@CHARSET "ISO-8859-1";

BODY  { 
	margin: 0px;
	padding: 0px;
	background: #002200;
	color: #0a0a0d;
	font-family: Arial, Helvetica, sans-serif;
}

a:link , a:visited , a:active {
  text-decoration: underline;
  color: #586275;
  cursor: pointer;
}

a:hover {
	text-decoration: none;
	color: #000000;
	cursor: pointer;
}

a.contact:hover {
	text-decoration: none;
	background-color: #a59f9f;
	cursor: pointer;
}

a.blackbacklink:link , a.blackbacklink:visited , a.blackbacklink:active {
  text-decoration: underline;
  color: #b8c2d5;
  cursor: pointer;
}

a.blackbacklink:hover {
	text-decoration: none;
	color: white;
	background: none;
	cursor: pointer;
}


h1 {
	font-weight: bold;
	font-size: 180%;
}

h2 {
	font-weight: bold;
	font-size: 150%;
	margin-top: 0px;
	padding-top: 15px;
	padding-left: 5px;
}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 110%;
}

p {
	margin: 0 0 5px 0;
}

li {
	padding-bottom: 5px;
}

dt {
	font-size: 110%;
	font-weight: bold;
	padding:  5px;
	background-color: #e7e3d4;
	color:  #606060;
	margin-top:  10px;
	clear: both;
}
dd {
	color: #707070;
	display: block;
}


.alternatetimetable {
	font-size: 85%;
	color: #888090;
	padding: 2px;
	margin: 0px;
	float: right;
}
.barcell {
	background-color: white;
}
.barcellleft {
	border-left: 1px solid #231f1e;
}
.barcellright {
	border-right: 1px solid #231f1e;
}
.barcellbottom {
	border-bottom: 1px solid #231f1e;
}

.barheading {
	color: white;
	font-weight: bold;
	margin-left: 15px;
	padding-top: 1px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#barresources {
	margin: 3px;
	padding: 0px;
}

.blackback {
  color: #e0f0fa;
}	


.booking {
	margin: 0px;
	padding: 0px;
	width: 80%;
}
.bookinginline {
	display: inline;
}	
.bookingperiodselection {
	font-size: 100%;
	font-weight: bold;
}
.bookingresourceselection {
	font-size: 120%;
	font-weight: bold;
}

.calendarbutton {
	padding: 0px;
	margin: 0px;
	font-size: 80%;
}

.crumbs {
	float: right;
}

.floathelp {
	border: 1px solid #668899;
	background-color: #d4d5a4;
	padding: 10px;
	margin: 15px;
	width: 190px;
}

.help {
	font-size: 80%;
	color: #666070;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 3px;
	width: 500px;
}

.important {
	color: white;
	background-color: #231f20;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	margin: 0px;
}

.labels {
	border-bottom: 2px solid black;
	text-align: left;
}

.leftcol {
	width: 145px;
	background-color: #fef1dd; 
	border-right: 1px solid #231f1e;
}

.loancontrol {
	font-size: 130%;
}

ul.disc {
	list-style-type: disc;
}

.fieldlabel {
	text-align: right;
	font-style: italic;
	color: #797979;
}

.message {
	color: yellow;
	background-color: black;
	width: 100%;
	padding: 10px;
}

#moreapps li a {
	padding: 8px 40px 8px 20px;
	width: 100%;
	color: #002200;
	text-decoration: none;
}
#moreapps li a:hover {
	background-color: #002200;
	color: #e0f0fa;
}

.pointer {
	cursor: pointer;
}

.popupdesc {
	border: medium ridge #9ad5bb;
	background-color: white;
	padding: 3px;
	display: none;
	visibility: hidden;
	overflow: hidden;
}

.schoolname {
	padding: 10px; 
	margin: 0px; 
	color: #fcb040; 
	font-size: 300%; 
	font-style: italic; 
	font-weight: bold;
}

.selectionleader {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.tabledata {
	background-color: #fffdf7;
	border-bottom: 1px solid #e7edef;
}
.tight {
	margin: 0px;
	padding: 0px;
}	
.trailer {
	border-top: 2px solid black;
}

.width500 {
	width: 500px;
}

.wizard {
	background-color: #e8e8e8;
	width: 700px;
	padding: 0px;
}

.even {
	background-color: #f0f0f0;
	vertical-align: top;
}
.odd {
	background-color: #d0d0e0;
	vertical-align: top;
}

/* MiniCals */
/* MiniCals */
/* MiniCals */
.calendarHighlight {
	/* Today */
	border: 1px solid red;
}
.calendarTitle {
	background-color: #0b9444;
	color: white;
}
.calendarMonth {
	border: 1px solid #0b9444;
}
.calendarDateHol {
	background: #e8e8e8;
}
a.calendarDate {
	text-decoration: none;
}


td.caldow {
	height: 10px;
	background-color: #ececec;
	border-top: 1px solid #90a050;
	border-bottom: 1px solid #90a050;
}
p.caldow {
	text-align: center;
	font-weight: bold;
	margin: 0px;
}
a.caldow {
	font-size: 90%;
	color: green;
}

td.caldate {
	height: 100px;
	border-top: 1px solid white;
	border-left: 1px solid white;
}
@media print {
	td.caldate {
		height: 60px;
		border: 1px solid #d9f178;
	}
}
p.caldate {
	float: right;
	display: inline;
	padding: 2px;
	border: 1px outset #f0f0f0;
	cursor: pointer;
	background-color: #d0d0d0;
}
p.caltoday {
	background-color: white;
}
.caldn {
	font-size: 80%;
	color: #63729d;
}

p.calrow {
	font-weight: bold;
	text-align: right;
	font-size: 150%;
}
	


.ptbigbuttons {
	font-size: 120%;
}

.pt_slot {
	height: 40px;
	margin-bottom: 5px;
}
.pt_slot_available {
	background-color: #b3ddb9;
	border: 1px solid #90b194;
}
.pt_slot_booked {
	background-color: #dfb5b5;
	border: 1px solid #bb9898;
}
.pt_slot_unavailable {
	border: 1px solid #bb9898;
}

.pt_slot_time {
	background-color: #bdbdbd;
	color: #797979;
	font-size: 75%;
	padding: 3px;
	border: 1px solid #999999;
	position: relative;
	top: 3px;
	left: -1px;
	cursor: default;
}
.pt_slot_content {
	padding-right: 3px;
	font-weight: bold;
}
.pt_slot_button {
	padding: 3px;
	font-size: 80%;
}

.pt_staff_selection {
	font-size: 130%;
	font-weight: bold;
}

.pt_table_heading {
	color: #555533;
	text-align: center;
	border-bottom: 2px solid #555533; 
}
.pt_table_date {
	color: #555533;
	text-align: left;
}

.pt_tabs_active {
	background: url(images/tab-bg-active.png) no-repeat;
}
.pt_tabs_inactive {
	background: url(images/tab-bg-inactive.png) no-repeat;
}
.pt_tabs_hover {
	background: url(images/tab-bg-hover.png) no-repeat;
}
.pt_tabs_notcurrent {
	background: url(images/tab-bg-notcurrent.png) no-repeat;
}

.pt_vbs_name {
	margin-top: 20px;
	font-size: 120%;
	font-weight: bold;
}
.pt_vbs_data {
}

.slot {
	height: 40px;
	margin-bottom: 5px;
}
.slot_available {
	background-color: #b3ddb9;
	border: 1px solid #90b194;
}
.slot_booked {
	background-color: #dfb5b5;
	border: 1px solid #bb9898;
}
.slot_unavailable {
	border: 1px solid #bb9898;
}

.slot_time {
	background-color: #bdbdbd;
	color: #797979;
	font-size: 85%;
	padding: 3px;
	border: 1px solid #999999;
	position: relative;
	top: 3px;
	left: -1px;
	cursor: default;
}
.slot_entry {
	padding-right: 3px;
	font-weight: bold;
}

.slot_header {
	color: #555533;
	text-align: center;
	font-size: 140%;
	border: 1px solid #555533;
	border-bottom: 2px solid #555533; 
	background-color: #f5f9e6;
}

.slot_footer {
	color: #555533;
	text-align: center;
	font-size: 120%;
	border-top: 2px solid #555533; 
}

.tourimage {
	float: right;
	margin:  0 20px 10px 5px;
}

/* Dialog */
.dlg {
	border: 4px ridge #9d222a; 
	background-color: white; 
	padding: 10px; 
	position: absolute;
}
.dlgshow {
	display: block;
	visibility: visible;
	z-index: 4000;
	overflow: hidden;
}
.dlghide {
	display: none;
	visibility: hidden;
	z-index: 0;
}
.dialog {
	border: 4px ridge #9d222a; 
	background-color: white; 
	padding: 30px; 
	z-index: 4000;
	position: relative;
	display: block;
	visibility: visible;
}

#dialogshadecloth {
	width:  100%;
}


/* TABS */
/* TABS */
/* TABS */
.tabs {
	border-bottom: 1px solid black;
}
.tabcurrent {
	border: 1px solid black;
	border-bottom: none;
	background-color: #efefef;
	display: inline;
	color: #10260d;
	width: 120px;
	padding: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 150%;
}
.tabnoncurrent {
	border: none;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
	border-top: 1px solid #555555;
	background-color: #6f9e83;
	display: inline;
	color: #10260d;
	width: 120px;
	padding: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 150%;
	cursor: pointer;
}
.tabbody {
	background-color: #efefef;
	color: #10260d;
	border: 1px solid black;
	border-top: none;
}

.tab a {
	text-decoration: none;
	color: #0a0a5f;
	cursor: hand;
	margin: 5px;
}
.tab a:hover {
	text-decoration: none;
	color: #0b5cff;
	cursor: hand;
	margin: 5px;
}

form {
	padding:0px;
	margin:0px;
}

/* HEADER */

table.header {
	background-color: #231f20;
}

#header {
	background-color: #c3c8cb;
	border-bottom: 1px solid #4d7447;
	margin-top: 0px;
	display: inline;
}

#collection {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: #ffffff;
	color: #333333;
	margin: 0px;
	margin-bottom: 5px;
	padding: 10px;
	font-size: 90%;
}

/* Main Area */

#setmainmargin {
	margin-left: 5px;
	margin-right: 5px;
}

#dialog {
	display: none;
}

.shadecloth {
	background-color: #000000;
	z-index: 3;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6; 
	opacity: 0.6;
}

.caption {
	color: #535353;
	font-size: 75%;
	margin-top: 0px;
	padding-top: 2px;
}

.feature {
	color: #506070;
	font-size: 110%;
	padding-bottom: 0px;
	margin-bottom: 0px;
}	

.subheading {
	color: #ffffff;
	background-color: #ee4712;
	font-size: 90%;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 3px;
}	

.opacity100 {
  filters-alpha(opacity=1000);
  -moz-opacity: 10;
  opacity: 10;
}
.opacity0 {
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  opacity: 0.0;
}
.opacity20 {
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.opacity40 {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.opacity60 {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

/* FOOTER */

#footer p{
	margin:0px;
	padding:5px 20px 0px 20px;
	font-size:10px;
}


/* GM TABLES */
td.rowevenclickable:hover, td.rowoddclickable:hover {
	cursor: pointer;
	background-color: white;
}
.columnheadings {
	border-bottom: 1px solid #888888;
}
.columnheading {
	font-weight: bold;
}
.columndata {
	font-size: 105%;
}
.roweven, .rowevenclickable {
	background-color: #e3e4e7;
}
.rowheading {
	font-weight: bold;
}
.rowodd, .rowoddclickable {
	background-color: #eaeee9;
}
.rowevenholiday {
	background-color: #f0f1ee;
}
.rowoddholiday {
	background-color: #fcfae8;
}
.rowblank {
	background-color: #ffffff;
}
.pointer {
	cursor: pointer;
}

@media print {
	.schoolname {
		font-size: 150%;
	}
	.printhide {
		display: none;
	}
}
