*
{
	margin:			0;
	padding:		0;
}

html, body
{
	height:			100%;
	width:			auto;
	font-family:		Veranda, Arial, sans-serif;
}

html
{
	margin-left:		0.5em;
	margin-right:		0.5em;

/*
	background-color:	#e7ecee;
*/
	background-color:	#ffffff;
}

body
{
	background-color:	#ffffff;
}

div.spacer
{
	clear:			both;
	width:			100%;
	height:			0px;
}

div.spacer_em
{
	clear:			both;
	width:			100%;
	height:			1em;
}

div.spacer_big
{
	clear:			both;
	width:			100%;
	height:			5em;
}

div.welcome
{
	position:		relative;
	width:			auto;
	min-height:		100%;
	height:			auto;
	margin-bottom:		-1.0em;

	background-color:	#ffffff;
/*
	border-right:		2px #38658f solid;
	border-left:		2px #38658f solid;
*/
}

/*
 * Wrapper for centering content.  Inside the welcome_content DIV
 */
div.welcome_container
{
	background-color:	#ffffff;
	width:			98%;
	margin:			1%;
}

div.welcome_container		p.column
{
	min-height:		10em;
	height:			10em;

	font-size:		85%;
}

div.welcome_container		a.doc
{
	text-decoration:	none;
	color:			#38658f;
}

div.welcome_container		a.doc:hover,
div.welcome_container		a.doc:visited:hover
{
	color:			#79a5ce;
}

div.welcome_container		ul.items
{
	list-style-type:	square;
}

div.welcome_container		li.items
{
	margin:			0 0 0 20%;
}

div.welcome_container		ul.items2
{
	list-style-type:	circle;
}

div.welcome_container		li.items2
{
	margin:			0 0 0 25%;
}
div.welcome_content
{
	width:			auto;
	margin-left:		0.5em;
	margin-right:		0.5em;
	background:		#ffffff;
}

/*
 * Footer elements
 */
div.welcome_footer
{
	position:		relative;
	margin-bottom:		-1.0em;
	margin-left:		0;
	height:			1.0em;
	width:			100%;
	display:		block;
	overflow:		hidden;

	background-color:	#79a5ce;
}

div.welcome_footer		ul,
div.welcome_footer		li
{
	margin:			0;
	padding:		0;
	list-style-type:	none;
	display:		inline;
}

div.welcome_footer		a
{
	margin-left:		1em;
	margin-right:		1em;
	padding:		0;
	text-decoration:	none;
}

div.welcome_footer		a:link,
div.welcome_footer		a:visited
{
	color:			#ffffff;
}

div.welcome_footer		a:hover,
div.welcome_footer		a:visited:hover
{
	color:			#000000;
	background-color:	#ffffff;
}


/*
 * Logo banner
 */
div.welcome_logo
{
	background:		#79a5ce url(/welcome/images/wo_banner.gif) no-repeat bottom right;
	height:			225px;
	width:			auto;
	margin-bottom:		0.5em;
	margin-left:		0.5em;
	margin-right:		0.5em;
}

div.welcome_logo		p.title
{
	padding-top:		0.5em;
	padding-left:		0.5em;
}

div.welcome_logo		p.subtitle
{
	padding-left:		0.5em;
	font-style:		italic;
	color:			#ffffff;
}

div.welcome_logo		a
{
	color:			#ffffff;
	text-decoration:	none;
	font-size:		200%;
}

/*
 * Shorter version of the logo banner
 */
div.welcome_logo_short
{
	background:		#79a5ce url(/welcome/images/wo_banner.gif) no-repeat bottom right;
	height:			150px;
	width:			auto;
	margin-bottom:		0.5em;
	margin-left:		0.5em;
	margin-right:		0.5em;
}

div.welcome_logo_short		p.title
{
	padding-top:		0.5em;
	padding-left:		0.5em;
}

div.welcome_logo_short		p.subtitle
{
	padding-left:		0.5em;
	font-style:		italic;
	color:			#ffffff;
}

div.welcome_logo_short		a
{
	color:			#ffffff;
	text-decoration:	none;
	font-size:		200%;
}

div.welcome_subtitle
{
	color:			#6ab740;
	font-size:		125%;
	width:			auto;
	margin-left:		0.5em;
	margin-right:		0.5em;
	text-align:		center;
}

div.welcome_subtitle		p
{
	width:			auto;
	margin-left:		auto;
	margin-right:		auto;
	text-align:		center;
}

div.welcome_columns
{
	margin-left:		auto;
	margin-right:		auto;

	background-color:	#ffffff;
}

/*
 * Main text areas
 */
div.welcome_section
{
	float:			right;
	width:			79%;
	margin-left:		auto;
	margin-right:		auto;

	background-color:	#ffffff;
}

div.welcome_section		p
{
	margin-left:		15%;
}

div.welcome_section		p.wide
{
	margin-left:		0;
}

/*
 * Text sections for three-column layout
 */
div.welcome_section_left
{
	float:			left;
	width:			31%;
	margin-right:		1%;

	color:			#000000;
	background-color:	#ffffff;
}

div.welcome_section_center
{
	float:			left;
	width:			31%;
	margin-right:		1%;
	margin-left:		1%;

	color:			#000000;
	background-color:	#ffffff;
}

div.welcome_section_right
{
	float:			left;
	width:			31%;
	margin-left:		1%;

	color:			#000000;
	background-color:	#ffffff;
}


/*
 * Side menus
 */
div.welcome_side
{
	width:			18%;
	float:			left;
	text-align:		left;
	padding-right:		1%;
	font-size:		125%;
}

div.welcome_side		li.heading
{
	padding-left:		0.2em;
	padding-top:		0.2em;
	padding-bottom:		0.3em;

	color:			#ffffff;
	background-color:	#79a5ce;
	border:			solid 1px #5787b5;
}

div.welcome_side		ul
{
	list-style-type:	none;
	width:			100%;

	background-color:	#ffffff;
}

div.welcome_side		li
{
	list-style-type:	none;
	margin-bottom:		0.2em;
	display:		block;
	width:			100%;
}

div.welcome_side		li:hover
{
	list-style-type:	none;
}

div.welcome_side		a
{
	padding-left:		0.2em;
	padding-top:		0.2em;
	padding-bottom:		0.2em;
	width:			100%;
	display:		block;
	text-decoration:	none;

	color:			#79a5ce;
	background-color:	#ffffff;
	border:			solid 1px #5787b5;
}

div.welcome_side		a:hover
{
	border:			solid 1px #79a5ce;
	color:			#79a5ce;
	background-color:	#e7ecee;
}

div.welcome_heading
{
	width:			96%;
	font-size:		125%;
	font-weight:		normal;
	padding:		1%;
	padding-left:		2%;
	padding-right:		2%;
	margin-bottom:		1em;

	background-color:	#79a5ce;
	color:			#ffffff;
}

div.welcome_tabs
{
	margin-right:		0.5em;
	text-align:		right;
	width:			auto;
	font-size:		100%;
}

div.welcome_tabs		ul
{
	list-style-type:	none;
}

div.welcome_tabs		li
{
	display:		inline;
	float:			right;
	margin-left:		0.2em;

	background-color:	#79a5ce;
}

div.welcome_tabs		a:link,
div.welcome_tabs		a:visited
{
	padding-right:		0.2em;
	padding-left:		0.2em;
	padding-top:		0.2em;
	text-decoration:	none;
	display:		block;

	color:			#ffffff;
	background-color:	#79a5ce;
	border-top:		solid 1px #79a5ce;
	border-right:		solid 1px #79a5ce;
	border-left:		solid 1px #79a5ce;
}

div.welcome_tabs		a:hover,
div.welcome_tabs		a:visited:hover
{
	padding-left:		0.2em;
	padding-top:		0.2em;
	text-decoration:	none;
	display:		block;
	color:			#38658f;
	background-color:	#ffffff;
	border-top:		solid 1px #79a5ce;
	border-right:		solid 1px #79a5ce;
	border-left:		solid 1px #79a5ce;
}

div.section_info
{
	margin-top:		1em;
	margin-left:		0;
	margin-right:		0;

	color:			#ffffff;
	background-color:	#6ab740;
}

div.section_info		a:link,
div.section_info		a:visited
{
	text-decoration:	none;
	display:		block;
	padding:		0.2em;

	color:			#ffffff;
}

div.section_info		a:hover,
div.section_info		a:visited:hover
{
	text-decoration:	none;
	display:		block;
	padding:		0.2em;

	color:			#ffffff;
	background-color:	#538d31;
}

div.welcome_section		table
{
	font-size:		85%;
	margin-left:		auto;
	margin-right:		auto;
}

div.welcome_section		tr.heading
{
	background-color:	#38658f;
	color:			#ffffff;
}

div.welcome_section		tr.dark
{
	background-color:	#e7ecee;
}

div.welcome_section		td
{
	padding:		0.1em;
/*
	border:			solid 1px black;
*/
}

/*
 * Form markup
 */
div.form
{
	width:			100%;
	float:			left;
	text-align:		left;
	overflow:		hidden;
	white-space:		nowrap;

	color:			#000000;
	background-color:	#ffffff;
}

div.form			p.heading
{
	font-weight:		bold;
	font-size:		120%;

	color:			#b82e00;
}

div.form			p.response
{
	overflow:		auto;
	white-space:		normal;
}

/* FIXME
div.form			a:link,
div.form			a:visited
{
	padding-left:		0.2em;
	padding-right:		0.2em;
	padding-top:		0.1em;
	padding-bottom:		0.1em;
	text-align:		right;
	text-decoration:	none;

	color:			#5787b5;
	background-color:	#e7ecee;
	border:			solid 1px #38658f;
}

div.form			a:hover,
div.form			a:visited:hover
{
	padding-left:		0.2em;
	padding-right:		0.2em;
	padding-top:		0.1em;
	padding-bottom:		0.1em;
	text-align:		right;
	text-decoration:	none;

	color:			#ffffff;
	background-color:	#38658f;
	border:			solid 1px #38658f;
}
*/

div.form			a.tooltip
{
	margin:			0;
	padding:		0;
	border:			none;
}

div.form			a.tooltip span
{
	display:		none;
}

div.form			a.tooltip:hover span
{
	position:		absolute;
	top:			11em;
	display:		block;
	left:			0;
	margin-left:		1.5em;
	padding:		0;
	z-index:		100;

	color:			#ffffff;
}

div.form			input:focus,
div.form			textarea:focus,
div.form			select:focus
{
	color:			#000000;
	background-color:	#cedeed;
}

div.form			input.submit
{
	font-family:		Veranda, Arial, sans-serif;
	font-weight:		normal;
	font-size:		100%;

	color:			#38658f;
	background-color:	#cedeed;
	border:			solid 1px #38658f;
}

div.form			input.submit:hover
{
	color:			#ffffff;
	background-color:	#5787b5;
}

div.form			input.select_pair_bottom
{
	vertical-align:		bottom;

	color:			#38658f;
	background-color:	#cedeed;
	border:			solid 1px #38658f;
}

div.form			input.select_pair_top
{
	vertical-align:		top;

	color:			#38658f;
	background-color:	#cedeed;
	border:			solid 1px #38658f;
}

div.form			select.select_pair
{
	width:			40%;
}

div.form			table
{
	width:			100%;
	border-spacing:		0;
}

div.form			td.disabled
{
	font-style:		italic;
	padding:		0.2em;
	text-align:		left;
	border-style:		none;

	color:			#5e5e5e;
}

div.form			td.empty
{
	padding:		0.2em;
	text-align:		left;
	border-style:		none;

	color:			#b82e00;
}

div.form			td.info
{
	padding:		0.2em;
	text-align:		left;
	border-style:		none;
}

div.form_info
{
/*
	width:			25em;
	height:			10em;
*/
	width:			auto;
	overflow:		auto;
	white-space:		normal;
}

div.form			td.input
{
	padding:		0;
	text-align:		left;
}

div.form			td.submit
{
	padding-right:		0.2em;
	padding-top:		0.25em;
	padding-bottom:		0.25em;
	text-align:		right;
}

div.form			td.text
{
	padding:		0.2em;
	text-align:		left;
	border-style:		none;
}

div.form			td.warning
{
	padding:		0;
	text-align:		left;
	overflow:		auto;
	white-space:		normal;

	color:			#b82e00;
}

div.form			tr
{
	width:			100%;
}

div.form			tr.dark
{
	background-color:	#e7ecee;
}

div.form			tr.label
{
	padding-left:		0.2em;
	text-align:		left;
}


div.form			a.tooltip:hover span
{
	display:		none;
}

/*
 * Status result classes
 */
.error,
div.error
{
	font-weight:			bold;
	font-size:			125%;
	display:			block;
	padding:			0;
	margin:				0;
	z-index:			100;
	text-decoration:		none;
	overflow:			auto;
	white-space:			normal;

	color:				#b82e00;
}

div.error_list
{
	width:				100%;
	height:				100%;
	padding-top:			1em;
	padding-bottom:			1em;
	overflow:			auto;
	white-space:			normal;
}

div.error_list				p
{
	margin:				0;
	padding:			0;
	text-align:			left;
	font-weight:			bold;
}

div.error_list				ul
{
	list-style-type:		none;
}

div.error_list				li
{
	margin-left:			15%;

	color:				#b82e00;
}

div.error_page
{
	margin-top:			2em;
	width:				60%;
	margin-right:			auto;
	margin-left:			auto;
	text-align:			center;
	font-size:			125%;
	overflow:			auto;
	white-space:			normal;
}

div.notice
{
	font-weight:			bold;
	font-size:			100%;
	text-align:			right;
	margin-top:			2%;
	margin-bottom:			2%;
	padding:			0.2em;
	overflow:			auto;
	white-space:			normal;

	color:				#000000;
	background-color:		#ffffce;
}

div.result
{
	font-weight:			bold;
	font-size:			100%;
	text-align:			right;
	margin-top:			2%;
	margin-bottom:			2%;
	padding:			0.2em;
	overflow:			auto;
	white-space:			normal;

	color:				#000000;
	background-color:		#c7e6bc;
}

div.warning
{
	font-weight:			bold;
	font-size:			100%;
	margin-top:			2%;
	margin-bottom:			2%;
	padding:			0.2em;
	overflow:			auto;
	white-space:			normal;
	
	color:				#000000;
	background-color:		#ffcece;
}