/******************************************************************************
	General
******************************************************************************/

body, html {
	margin:				0px;
	padding:			0px;
	width:				100%;
	height:				100%;
	}

body, a, td, p, ul, li, div {
	font-family:		Tahoma, sans-serif;
	font-size:			11px;
	text-decoration:	none;
	}

h1, h1 a {
	font-weight:		bold;
	font-size:			14px;
	text-align:			left;
	margin:				0px;
	padding-left:		0px;
	padding-top:		3px;
	padding-bottom:		8px;
	}


/******************************************************************************
	Form elements
******************************************************************************/

form {
	display:			inline;
	}

input, select {
	font-family:		Tahoma, sans-serif;
	color:				black;
	font-size:			10px;
	}

input.text,
select {
	border:				1px solid gray;
	background-color:	#FFFFFF;
	}

input.button {
	border:				1px solid gray;
	background-color:	#FFFFF0;
	}

input.radio,
label.radio,
label.radio img,
label.checkbox,
select {
	vertical-align:		middle;
	}

input.fancy_radio,
input.fancy_radio_selected {
	padding:			4px;
	border:				1px solid silver;
	}

input.fancy_radio_selected {
	background-color:	#FFDAC3;
	border:				1px solid #F29F9F;
	}

ul.suggestion_list {
	position:			absolute;
	background-color:	white;
	border:				1px solid silver;
	margin:				0px;
	padding:			2px;
	}

ul.suggestion_list li {
	padding:			3px;
	list-style-image:	none;
	list-style-type:	none;
	cursor:				pointer;
	}

ul.suggestion_list li.selected {
	background-color:	#FFDAC3;
	}


/******************************************************************************
	General page alignment
******************************************************************************/

div.container_outer {
	width:				700px;
	height:				100%;
	margin:				auto;
	display:			table;
	}

div.container_inner {
	width:				700px;
	height:				auto;
	display:			table-cell;
	vertical-align:		middle;
	}

div.login_box,
div.auto_logout,
div.register_form,
div.forgotten_password {
	margin-left:		auto;
	margin-right:		auto;
	}

table.container {
	width:				100%;
	height:				100%;
	}

table.container td.container {
	text-align:			center;
	vertical-align: 	middle;
	}


/******************************************************************************
	Fields
******************************************************************************/

table.fields {
	width:				auto;
	height:				auto;
	float:				left;
	clear:				left;
	margin-left:		6px;
	border-collapse:	collapse;
	}

table.fields tr.odd td,
table.fields tr.even td {
	border-top:			1px solid #EEEEEE;
	border-bottom:		1px solid #EEEEEE;
	text-align:			left;
	vertical-align:		middle;
	white-space:		nowrap;
	padding:			3px;
	}

table.fields tr.error td.param {
	border-left:		10px solid red;
	}

table.fields tr.error td.comment {
	color:				red;
	}

table.fields tr td.param {
	border-left:		10px solid white;
	padding-left:		13px;
	}

table.fields tr td.value {
	width:				90%;
	padding-left:		15px;
	}

table.fields td.value input,
table.fields td.value img {
	vertical-align:		middle;
	}

table.fields td.comment {
	padding-right:		14px;
	color:				#666666;
	}

table.fields td select {
	max-width:			220px;
	}


/******************************************************************************
	Login form
******************************************************************************/

div.login_box {
	text-align:			center;
	text-align:			left;
	background-image:	url('i/page_parts/login_bg.gif');
	background-repeat:	no-repeat;
	width:				460px;
	height:				240px;
	color:				white;
	}

div.login_box div.language_selection {
	position:			relative;
	top:				48px;
	left:				277px;
	width:				130px;
	text-align:			right;
	}

div.login_box div.introduction {
	position:			relative;
	top:				112px;
	color:				#333333;
	font-size:			11px;
	font-family:		arial;
	margin-bottom:		15px;
	text-align:			justify;
	}

div.login_box table.login_info {
	border-collapse:	collapse;
	position:			relative;
	left:				64px;
	top:				68px;
	}

div.login_box table.login_info td.param {
	width:				100px;
	}

div.login_box table.login_info td.input {
	}

div.login_box table.login_info td.controls {
	text-align:			right;
	}

div.login_box input,
div.login_box select {
	border:				1px solid black;
	}


/******************************************************************************
	Automatic logout message
******************************************************************************/

div.auto_logout {
	padding:			10px;
	width:				200px;
	text-align:			center;
	font-size:			14px;
	color:				black;
	}

div.auto_logout a {
	font-size:			12px;
	color:				red
	}


/******************************************************************************
	Registration form
******************************************************************************/

div.register_form {
	background-image:	url('i/page_parts/regform_bg.gif');
	background-repeat:	no-repeat;
	width:				762px;
	height:				500px;
	background-color:	white;
	}

div.register_form div.heading {
	width:				100%;
	height:				37px;
	color:				white;
	font-weight:		bold;
	text-align:			left;
	vertical-align:		middle;
	font-size:			11px;
	padding-left:		50px;
	padding-top:		26px;
	}

div.register_form div.manual {
	float:				right;
	clear:				right;
	width:				270px;
	height:				369px;
	color:				#666666;
	padding:			5px;
	line-height:		135%;
	text-align:			justify;
	overflow:			auto;
	}

div.register_form #rules {
	float:				left;
	clear:				both;
	width:				778px;
	height:				520px;
	overflow:			auto;
	z-index:			10;
	position:			relative;
	margin-top:			-515px;
	margin-left:		-22px;
	border:				10px solid #EEEEEE;
	background-color:	white;
	padding:			5px;
	display:			none;
	text-align:			justify;
	}

div.register_form #rules p.buttons {
	text-align:			center;
	}

div.register_form div.footer {
	width:				100%;
	height:				36px;
	float:				left;
	clear:				both;
	padding-top:		18px;
	text-align:			center;
	}

div.register_form table.fields {
	width:				392px;
	height:				380px;
	}

div.register_form div.results {
	width:				100%;
	margin-top:			130px;
	text-align:			center;
	vertical-align:		middle;
	font-size:			12px;
	color:				black;
	}

div.register_form div.results a {
	color:				#555555;
	}

div.register_form div.results:first-line {
	font-size:			16px;
	}


/******************************************************************************
	Forgotten password form
******************************************************************************/

div.forgotten_password {
	background-image:	url('i/page_parts/password_bg.gif');
	background-repeat:	no-repeat;
	width:				640px;
	height:				320px;
	background-color:	white;
	}

div.forgotten_password div.heading {
	height:				30px;
	color:				white;
	font-weight:		bold;
	vertical-align:		middle;
	font-size:			11px;
	padding-left:		50px;
	padding-top:		18px;
	}

div.forgotten_password div.manual {
	float:				right;
	clear:				right;
	width:				270px;
	height:				211px;
	color:				#666666;
	padding:			5px;
	line-height:		135%;
	text-align:			justify;
	overflow:			auto;
	}

div.forgotten_password div.form {
	width:				310px;
	height:				211px;
	text-align:			left;
	padding-top:		10px;
	padding-left:		20px;
	padding-right:		10px;
	}

div.forgotten_password table.fields tr td {
	height:				30px;
	}

div.forgotten_password div.footer {
	width:				100%;
	height:				32px;
	float:				left;
	clear:				both;
	padding-top:		14px;
	text-align:			center;
	}

/******************************************************************************
	Hover
******************************************************************************/

div.text_hover {
	background-color:	white;
	padding:			4px;
	border:				1px solid silver;
	color:				gray;
	}


/******************************************************************************
	Alerts
******************************************************************************/

div.alert {
	position:			relative;
	width:				60%;
	height:				21px;
	margin:				10px auto 10px auto;
	padding:			15px 15px 15px 46px;
	text-align:			left;
	vertical-align:		middle;
	background-color:	#FFFFFF;
	background-repeat:	no-repeat;
	background-position:6px center;
	}

div.alert,
div.alert a {
	font-weight:		bold;
	color:				black;
	}

div.alert_error {
	background-image:	url('i/alerts/error.gif');
	border:				2px solid red;
	}

div.alert_notice {
	background-image:	url('i/alerts/notice.gif');
	border:				2px solid blue;
	}

div.alert_ok {
	background-image:	url('i/alerts/ok.gif');
	border:				2px solid green;
	}

div.alert ul {
	margin:				0px;
	padding:			0px;
	list-style-image:	none;
	list-style-type:	none;
	}