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

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

/* General page style. */
body {
	background-repeat: 	x-repeat;
	background-position:  	center;
	color:			#006699;
	background-color:	#000000;
	font-family: Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size:		12px;
	margin: 10px;
}

hr {
}

/* The text input fields background colour */
/* And all button looks */
input.post, textarea.post, select {
	border: 		1px solid #555555;
	background-color:	#000000;
	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 #FFCC33;
	padding: 		3px;
	background-color: 	black;
	visibility: 		hidden;
	z-index: 		100;
	color: 			white;
}

.contentHeader {
	font-family: Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	background-image:	url('../images/cellpic2.gif');
	background-repeat:	repeat-x;
	color:			#006699;
	font-weight:	bolder;
	font-size:		12px;
	height:			26px;
	text-align:		left;
	text-indent:		3px;
	padding-top:		7px;
	width:			100%;
}

.contentBody {
	font-family: Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	background-image:	url('../images/announce_header.gif');
	border:			1px solid #000000;
	font-size:		11px;
	padding: 		3px;
	text-align: 	left;
	color: #FFFFFF;
	background-color: #202020;
	border-style: double;
	border-width: medium;
	background-repeat: repeat-y;
	padding-left: 70px;
}

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

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

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

.errorBody li {
	text-align:left;
}

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

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

/* row colors for data output and hover color */
.row1 {
	background-color:	#000000;
}

.row2 {
	background-color:	#0C0C0C;
}

.rowHover {
	background-color:	#080808;
}

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

.field_class {
}

.button {
	text-align:center;
}

/* calendar CSS */
.calendarHeader {
	background-color:#000000;
	font-size:11px;
	font-weight:bolder;
	text-align:center;
	border:			1px solid #000000;
	padding: 		2px;
	height:			30px;
	background-image:	url('../images/cellpic3.gif');
	color: #FFCC33;
}

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

.month {
	background-color:#202020;
	border:1px solid #000000;
	padding:0px;
	color: #006699;
	width:			100%;
}

.dayname {
	font-size:11px;
	font-weight:bolder;
	border: 1px solid;
	background-color:#353535;
	color: #FFCC33;
	height:			30px;
	background-image:	url('../images/cellpic3.gif');
	padding: 		2px;
	border-color: #000000;
}

.datepickerform {
	font-size:11px;
}

.monthnavigation {
	font-size:11px;
	}

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

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

.saturday {
	background-color:#353535;
	border: 1px solid #000000;
	font-size:11px;
	height:103px;
	vertical-align:top;
	width:103px;
	color: #FFFFFF;
}

.sunday {
	background-color:#353535;
	border: 1px solid #000000;
	font-size:11px;
	height:103px;
	vertical-align:top;
	width:103px;
	color: #FFFFFF;
}

.today {
	background-color:#0A0A0A;
	border: 1px solid #000000;
	font-size:11px;
	height:103px;
	vertical-align:top;
	width:103px;
	font-weight: bold;
	color: #FFFFFF;
	border-top-color: #006699;
	border-top-style: solid;
	border-bottom-color: #006699;
	border-bottom-style: solid;
	background-image:	url('../images/today_bg.gif');
	background-position: top right;
	background-repeat: no-repeat;		
}

.eventcontent {
	font-size:11px;
	vertical-align:top;
	width:99%;
}
/**********************
* TEMPLATE CSS STYLES *
***********************/
#bodyContainer {
	background-image:	url('../images/main_header.gif');
	background-color:	#000000;
	background-repeat:	no-repeat;
	padding:		10px;
	margin: 		0px;
	width:			99%;
	}

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

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

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

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

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

.announcementOutline {
	font-size:11px;
}

.announcementHeader {
}

.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:#ffffff;
	border: 1px solid #000000;
}

td.label { text-align: right; }

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

a:hover {
	color:#006699;
	text-decoration: underline;	
}

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