/******************************
* PHPRAID includeD CSS STYLES *
******************************/

/*
{template_name} TEMPLATE BY Rogier van Heide
/*

/* General page style. */
body {
	background-image: 	url('../images/background.jpg'); 
	background-repeat: 	x-repeat;
	background-position:  	center;

	color:			#FFFFFF;
	background-color:	#aaaaaa;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:		11px;
}

hr {
}

/* The text input fields background colour */
/* And all button looks */
input.post, textarea.post, select {
	border: 		1px solid #000000;
	background-color:	#ffffff;
}

input { 
	text-indent : 		2px; 
	font-size: 		11px; 
}

/* main submit button */
input.mainoption {
	font-weight: 		bolder;
}

/* secondary submit button (usually a reset) */
input.liteoption {
}

/* Formatting for the hover tooltips */
#dhtmltooltip{
	position: 		absolute;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	text-align:		left;
	border: 		1px solid white;
	padding: 		3px;
	background-color: 	black;
	visibility: 		hidden;
	z-index: 		100;
	color: 			white;
}

.contentHeader {
	background-image:	url('../images/header_background.png');
	background-repeat:	no-repeat;
/*	color:			#000000; */
	color:			#FFFFFF;	
	font-weight:		bolder;
	font-size:		12px;
	height:			17px;
	text-align:		left;
	text-indent:		3px;
	padding-top:		1px;
	width:			100%;
}

.contentBody {
/*	background-color:	#2e373f; */
	background-color:	#3F2E2E;
	border:			1px solid #000000;
	font-size:		11px;
	padding: 		3px;
	text-align: 		left;
}

/* border color for data */
.dataOutline {
	border:			1px solid #000000;
	font-size:		11px;
}

.errorHeader {
	background-color: 	#FF9194;
	border:		 	1px solid #ff0000;
	font-weight:		bolder;
	padding:		5px;
	text-align:		left;
	width: 			600px;
}

.errorBody {
	background-color:	#FFCACB;
	border: 		1px solid #ff0000;
	padding:		5px;
	text-align:		center;
	width: 			600px;
}
.viewbg {
	background-color: 	#2e373f;
}
.viewapproved {
	background-color: 	#162028;
}

.errorBody li {
	text-align:left;
}

/* header for data output */
.listHeader {
/*	background-color:	#86d6f0; */
	background-color:	#F08686;	
}

.listHeader A:link,a:visited,a:active,a:hover {
	color:			#000000;
}

/* row colors for data output and hover color */
.row1 {
/*	background-color:	#2e373f; */
	background-color:	#3F2E2E;	
}

.row2 {
/*	background-color:	#353e45; */
	background-color:	#453535;	
}

.rowHover {
/*	background-color:	#4d687f; */
	background-color:	#7F4D4D;
}

.name_class {
	font-size:11px;
	font-weight:bold;
}

.field_class {
}

.button {
	text-align:center;
}

/* calendar CSS */
.calendarHeader {
/*	background-color: 	#3a556c; */
	background-color: 	#6C3A3A;
	font-size:		11px;
	font-weight:		bolder;
	text-align:		center;
}

.datepicker {
	padding:3px;
	text-align:center;
}

.month {
/*	background-color: 	#3a556c; */
	background-color: 	#6C3A3A;
	border:			1px solid #000000;
	padding:		0px;
}

.dayname {
	font-size:		11px;
	font-weight:		bolder;
	border: 		1px solid #000000;
/*	background-color:	#cccccc; */
	background-color:	#A0A0A0;	
}

.datepickerform {
	font-size:11px;
}

.monthnavigation {
	font-size:11px;
}

.nomonthday {
/*	background-color:	#294055; */
	background-color:	#552828;	
	border: 		1px solid #000000;
	width:			103px;
	height:			103px;
}

.monthday {
/*	background-color:	#b1c2d2; */
	background-color:	#D2B1B1;	
	border: 		1px solid #000000;
	font-size:		11px;
	height:			103px;
	vertical-align:		top;
	width:			103px;
}

.saturday {
/*	background-color:	#9cabb9; */
	background-color:	#B99C9C;	
	border: 1px solid 	#000000;
	font-size:		11px;
	height:			103px;
	vertical-align:		top;
	width:			103px;
}

.sunday {
/*	background-color:	#9cabb9; */
	background-color:	#B99C9C;
	border: 		1px solid #000000;
	font-size:		11px;
	height:			103px;
	vertical-align:		top;
	width:			103px;
}

.today {
/*	background-color:	#649bcd; */
	background-color:	#CD6464;	
	border:1px solid 	#000000;
	font-size:		11px;
	height:			103px;
	vertical-align:		top;
	width:			103px;
}

.eventcontent {
	font-size:11px;
	vertical-align:top;
	width:100%;
}
/**********************
* TEMPLATE CSS STYLES *
***********************/
#bodyContainer {
	background-color:	#000000;
	border:			1px dashed #000000;
	padding:		10px;
	margin: 		5px;
	width:			780px;
}

.footer {
	background-color:#eeeeee;
	border: 1px solid #000000;
	padding: 5px;
}

.suckertreemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.approvedSignups {
	background-color:	#eeeeee;
	border:			1px solid #000000;
	font-weight:		bold;
	padding:		3px;
	text-align:		left;
}

.queuedSignups {
	border:			1px solid #00FF00;
	background-color:	#BFFFBF;
	font-weight:		bold;
	padding:		3px;
	text-align:		left;

}

.cancelledSignups {
	border:1px solid 	#FF0000;
	background-color:	#FFCACB;
	font-weight:		bold;
	padding:		3px;
	text-align:		left;
}

.announcementOutline {
	font-size:11px;
}

.announcementHeader {
	background-image:url('../images/header_background.png');
}

.announcementMessage {
}

.announcementPoster {
	font-size:10px;
	font-style:italic;
	text-align:right;
}

.announcementActions {
	background-color:#ffffff;
}

tr {
	font-size:11px;
}

.formError {
	background-color:#FF0000;
	border: 1px dashed #000000;
	color:#ffffff;
	font-weight:bold;
	padding:3px;
	text-align:center;
}

.viewTimestamp {
	font-size:9px;
}

.popup {
	position: absolute; display: none; align;
	padding:3px;
}

.popupBack {
	background-color:#000000;
	border: 1px solid #3E3E3E;
}

td.label { text-align: right; }

/* need to be at the bottom */
a:link,a:active,a:visited {
/*	color:#0099ff; */
	color:#FF0000;	
	text-decoration:none;
}

a:hover {
	color:#FFFFFF;
}

.information {
	font-size:9px;
	font-style:italic;s
}