* {
	font-size				:	10pt;
}

body {
/*	background				:	url( './images/bg.jpg' );		*/
	font-family				:	verdana, arial, helverica, geneva;
	text-align				:	center;
}

h1 {
	font-size				:	large;
}

h2 {
	font-size				:	medium;
}

h3 {
	font-size				:	smaller;
}

#Table_01 {
	position				:	relative;
	background-color		:	#efefef;
	border					:	1px solid blue;
	padding					:	0;
}

@media print {
	body {
		background		:	white;
	}
	
	#menu_row {
		display			:	none;	
	}
	
	#logoff {
		display			:	none;	
		width			:	50%;
		border			:	none;
	}
	
	#copyright {
		display			:	none;	
		position		:	relative;
		bottom			:	-100px;
	}

	#donor_table_scroller,
	#donor_list_table_scroller,
	#gift_table_scroller,
	#mail_list_table_scroller 	{
		overflow		:	visible;
	}
	
	#export_button {
		display			:	none;
	}
}

#mainWindow {
	width					:	900px;
	border					:	1px solid blue;
	text-align				:	center;
}

#program_title_line {
	font-family		:	georgia, times roman, times, serif;
	font-Size		:	24pt;
	color			:	blue;
	vertical-align	:	middle;
}

a.blackred {
	color					:	black;
	text-decoration			:	none;
}

a.blackred:hover {
	color					:	red;
	text-decoration			:	none;
}

a.bluered {
	color			:	blue;
	text-decoration	:	none;
}

a.bluered:hover {
	color			:	red;
	text-decoration	:	none;
}

a.greenURL {
	color			:	#007700;
	text-decoration	:	none;
}

a.greenURL:hover {
	color			:	#C35617;	/*	"Dark Orange3"	*/
	text-decoration	:	none;
}

#welcome_pic {
	width					:	30%;
}

#headline_cell {
	text-align				:	center;
}

.selection_line,
.selection_line td {
/*	font-family			:	georgia, times, "times new roman", serif;	*/
	font-size			:	10pt;
	background-color	:	white;
}

.selection_line_hi,
.selection_line_hi td {
/*	font-family			:	georgia, times, times new roman, serif;		*/
	font-size			:	10pt;
	background-color	:	77ff77;
}

.clickable {
	background-color	:	#ddd;
}

.clickable:hover
{
	background-color	:	#77ff77;
}


.phone .FullContentWidth {
	width					:	100%;
}

.FullContentWidth {
	width					:	950px;
}

	.input_normal {
		background-color	:	white;
	}
	
	.input_occupied {
		background-color	:	#ddffdd;
	}
	
	.input_changed {
		background-color	:	pink;
	}
	
/*	Original Menus:	*/

.phone .main_menu_class {
	width					:	200px;
	text-align				:	left;
}

.main_menu_class {
	width					:	100%;
	text-align				:	center;
}

.menu_off_class {
	font-size				:	9pt;
	width					:	100px;
	border					:	none;
	background				:	url( './images/off.btn.bg.png' );
	color					:	white;
}

.menu_on_class,
.menu_hover_class {
	font-size				:	9pt;
	width					:	100px;
	border					:	none;
	background				:	url( './images/on.btn.bg.png' );
	color					:	white;
}

.menu_spacer_class {
	background				:	url( './images/menu-spacer.png' ) no-repeat center;
	width					:	0px;
	border					:	none;
}

.subMenuClass {
	background-color	:	#7777ff;
	position			:	absolute;	/*	so that it doesn’t displace anything..	*/
	display				:	none;		/*	normally invisible	*/
	z-index				:	50;
}

.subMenuOffClass {
	color				:	white;
	border				:	1px solid blue;
	padding-left		:	24px;
	padding-right		:	24px;
}

.subMenuHoverClass {
	color				:	yellow;
	border				:	1px solid white;
	padding-left		:	24px;
	padding-right		:	24px;
}

/*	Green menus:	*/
.main_menu_class_green {
	background-color		:	#8AF4FF;
	width					:	100%;
	text-align				:	center;
}

.menu_off_class_green {
	border					:	hidden;
	background				:	url( './images/off.btn.green.png' );
	color					:	0033dd;
}

.menu_on_class_green,
.menu_hover_class_green {
	border					:	none;
	background				:	url( './images/on.btn.green.png' );
	color					:	#ff3300;
}

.menu_spacer_class_green {
	background				:	url( './images/menu-spacer.green.png' );
	border					:	none;
}

/*	Blue menus:	*/
.main_menu_class_blue {
	background-color		:	#3B67C0;		/*	#8AF4FF;		*/
	width					:	700px;
	text-align				:	center;
}

.menu_off_class_blue {
	border					:	hidden;
	background				:	url( './images/red-menu-ramp.jpg' );
	color					:	black;	/*	#8AF4FF;	*/		/*	0033dd;	*/
}

.menu_on_class_blue,
.menu_hover_class_blue {
	border					:	none;
	background				:	url( './images/red-menu-ramp.hi.jpg' );
	color					:	yellow;	/*	#ff3300;	*/
}

.menu_spacer_class_blue {
	background				:	url( './images/menu-spacer.blue.png' );
	border					:	none;
}

/*	Yellow menus:	*/
.main_menu_class_yellow {
	background-color		:	#ffff33;	/*	#8AF4FF;	*/
	width					:	100%;
	text-align				:	center;
}

.menu_off_class_yellow {
	border					:	hidden;
	background				:	url( './images/off.btn.yellow.png' );
	color					:	black;	/*	white;	#8AF4FF;	#0033dd;	*/
}

.menu_on_class_yellow,
.menu_hover_class_yellow {
	border					:	none;
	background				:	url( './images/on.btn.yellow.png' );
	color					:	white;		/*	#ff3300;	*/
}

.menu_spacer_class_yellow {
	background				:	url( './images/menu-spacer.yellow.png' );
	border					:	none;
}

.button_bar {
	border-spacing		:	2px;
}

.floating_wait_box {
	position		:	absolute;
	left			:	320;
	top				:	300;
	width			:	50%;
	background		:	white;
	text-align		:	center;
	display			:	block;
	border			:	2px solid green; /* red;	*/
	color			:	red;
	z-index			:	50;
}

.inline_wait_box {
	width			:	50%;
	text-align		:	center;
	display			:	none;
	background		:	white;
	border			:	2px solid green;
	color			:	green;
	position		:	relative;
	z-index			:	50;
}

.rectangularButton {
	position	:	relative;
}

.rect_button {
	padding-top			:	0.25em;
	padding-bottom		:	0.25em;
	margin-left			:	8px;
	margin-right		:	8px;
	border-radius		:	5px;
	border-width		:	5px;
	border-style		:	outset;
	border-left-color	:	#eee;
	border-top-color	:	#eee;
	border-right-color	:	#999;
	border-bottom-color	:	#999;
	text-align			:	center;
}

.rect_button #label {
	position	:	relative;
	top			:	18;
	text-align	:	center;
}

.action_icon {
	border-width			:	5px;
	border-style			:	outset;
	border-left-color		:	#ddd;
	border-top-color		:	#ddd;
	border-right-color		:	#999;
	border-bottom-color		:	#999;
	text-align				:	center;
	padding					:	8px; 
}

label {
	vertical-align		:	top;
}

	.legend_box {
	 	width				:	390;
	 	border				:	0;
	 	text-align			:	left;
	 }
	
	.color_legend {
		width				:	96px;
		text-align			:	center;
		border				:	1px solid black;
	}
	
	.status_normal {
		background-color	:	white;
	}
	
	.status_died {
		background-color	:	pink;
	}
	
	.status_moved {
		background-color	:	lightgreen;
	}
	
	.status_not_donor {
		background-color	:	lightblue;	/*	#F9A7B0;	*/
	}
	
#donor_list_table,
#donor_list_table .status_normal {
	background-color	:	white;
}

@media handheld {
	#donor_table_scroller,
	#donor_list_table_scroller,
	#gift_table_scroller,
	#mail_list_table_scroller 	{
		overflow		:	visible;
	}
}

/*------------------------------------*/
@media screen and (max-device-width: 480px){
	/*--- iPhone only CSS here ---*/
	body{
	  -webkit-text-size-adjust:none;
	  font-family	:	Helvetica, Arial, Verdana, sans-serif;
	  padding		:	5px;
	}
	
	img {
		max-width	:	100%;
		height		:	auto;
	}

	#donor_table_scroller {
		overflow	:	visible;
	}
}