/*
	This file contains project-specific CSS rules
*/

html
{
	height: 101%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #20731c;
	/* overflow: hidden; */
}

body
{
	margin: 0;
	padding: 0;
	width: 100%;
	/* height: 100%;  */
	/* overflow: hidden;  */
}
#viewport
{
/*
	background: url(/images/background.jpg) bottom center;
*/
background-color: #20731c;
	height: 101%;
	width: 100%;
	overflow: hidden;
	/*overflow: hidden;*/
	position: relative;
}
#main_block
{
	width: 826px;
	min-height: 100%;
	position: relative;
	margin: 0px auto 0 auto;
}

/*
========================================================================
MAIN BLOCK
========================================================================
*/
#IE7cache
{
	position: absolute;
	height: 0;
	overflow: hidden;
}

#header_block_outer
{
	width: 826px;
	height: 102px;
	position: relative;
	overflow: hidden;
	margin-bottom: 3px;
}

#menu_block_container
{
	width: 826px;
	position: relative;
}

#central_columns_container_outer
{
	width: 826px;
	position: relative;
	overflow: hidden;
}

#footer_block
{
	width: 826px;
	height: 100px;
	position: relative;
	overflow: hidden;
}

/*
========================================================================
HEADER BLOCK OUTER
========================================================================
*/

#header_block_inner
{
	width: 826px;
	height: 97px;
	background: url(/images/bg_header.png) repeat-x;
}

#header_block_bottom
{
	width: 826px;
	height: 5px;
	background: url(/images/bg_header_bottom.png) no-repeat;
}

/*
========================================================================
HEADER BLOCK INNER
========================================================================
*/

#logo_block
{
	width: 127px;
	height: 52px;
	top: 27px;
	left: 23px;
	position: absolute;
	background: url(/images/logo.png) no-repeat;
}

#header_links_container
{
	width: 460px;
	overflow: hidden;
	position: absolute;
	bottom: 5px;
	left: 176px;
	line-height: 17px;
	color: #999;
	font-size: 12px;
}

#header_links_container a
{
	color: #999;
	margin: 0 7px 0 7px;
}

#header_links_container a:hover
{
	text-decoration: underline;
}

#header_links_container .accentuated_text
{
	color: #3366cc;
	font-weight: bold;
}

#login_block
{
	width: 174px;
	height: 103px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 1px;
}

/*
========================================================================
LOGIN BLOCK
========================================================================
*/

#login_block_inner
{
	width: 138px;
	height: 80px;
	padding-left: 2px;
	padding-top: 5px;
	position: relative;
	margin: 0 auto 0 auto;
}

.password_table input,
.inputfield input,
#login_block_inner input
{
	width: 131px;
	height: 16px;
	margin: 0 auto 5px auto;
	color: #999;
	padding-top: 2px;
	padding-left: 4px;
	border: none;
	border-top: 2px solid #969696;
	border-left: 2px solid #969696;
}

#login_button
{
	position: absolute;
	left: 0;
	top: 0;
}

#login_block_func_container
{
	position: absolute;
	width: 141px;
	height: 21px;
	top: 60px;
	left: 2px;
}

#login_links_container
{
	width: 79px;
	height: 21px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
	line-height: 10px;
}

#login_links_container a,
#login_links_container_logged a
{
	display: block;
	font-size: 9px;
	color: #999;
	margin-bottom: 5px;
}

#login_links_container a:hover,
#login_links_container_logged a:hover
{
	text-decoration: underline;
}

#login_button_logged
{
	
}

#login_block_func_container_logged
{
	width: 141px;
	position: absolute;
	bottom: -5px;
	left: 0px;
}

#login_links_container_logged
{
	padding-top: 5px;
	width: 141px;
	line-height: 10px;
}
/*
========================================================================
MENU BLOCK CONTAINER
========================================================================
*/

#menu_block
{
	width: 826px;
	position: relative;
	overflow: hidden;
	margin-bottom: 2px;
}

/*
========================================================================
MENU BLOCK
========================================================================
*/

.menu_item,
.menu_item_over,
.menu_item_body
{
	width: 162px;
	height: 34px;
	position: relative;
	cursor: pointer;
	z-index: 1;
}

.menu_item,
.menu_item_over
{
	bottom: 0;
	left: 0;
	position: absolute;
}

.menu_item_body
{
	width: 150px;
	height: 23px;
	text-align: center;
	padding-top: 11px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	float: left;
}

.menu_item_side_left,
.menu_item_side_right
{
	width: 6px;
	height: 34px;
	position: relative;
	float: left;
}

.menu_item
.menu_item_side_left
{
	background: url(/images/menu_item_side_left.png) no-repeat;
}

.menu_item
.menu_item_side_right
{
	background: url(/images/menu_item_side_right.png) no-repeat;
}

.menu_item
.menu_item_body
{
	background: url(/images/menu_item_body.png) repeat-x;
}

.menu_item_over
.menu_item_side_left
{
	background: url(/images/menu_item_side_left_over.png) no-repeat;
}

.menu_item_over
.menu_item_side_right
{
	background: url(/images/menu_item_side_right_over.png) no-repeat;
}

.menu_item_over
.menu_item_body
{
	background: url(/images/menu_item_body_over.png) repeat-x;
}

.menu_item_button_close,
.menu_item_button_close_over
{
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	right: 1px;
	z-index: 2;
	cursor: pointer;
}

.menu_item_button_close
{
	background: url(/images/menu_item_button_close.png) no-repeat;
}

.menu_item_button_close_over
{
	background: url(/images/menu_item_button_close_over.png) no-repeat;
}

.menu_separator
{
	width: 4px;
	height: 34px;
	float: left;
}
.menu_item_wrapper
{
	width: 162px;
	height: 37px;
	position: relative;
	float: left;
	overflow: hidden;
}

/*
========================================================================
CENTRAL COLUMNS CONTAINER OUTER
========================================================================
*/

#central_columns_container_top,
#central_columns_container_bottom
{
	width: 826px;
	height: 9px;
	font-size: 0;
}

#central_columns_container_top
{
	background: url(/images/bg_central_top.png) no-repeat;
}

#central_columns_container_bottom
{
	background: url(/images/bg_central_bottom.png) no-repeat;
}

#central_columns_container_inner
{
	width: 826px;
	background-color: #fff;
	font-size: 11px;
	position: relative;
}
#central_columns_table
{
	width: 826px;
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}

/*
========================================================================
CENTRAL COLUMNS CONTAINER INNER
========================================================================
*/
#central_columns_container_inner
#central_column_left,
#central_column_center,
#central_column_right
{
	vertical-align: top;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}
#central_column_left
{
	width: 158px;
}

#central_column_center
{
	width: 488px;
	background-color: #F1F1F1;
}

#central_column_center_top,
#central_column_center_content,
#central_column_center_bottom
{
	width: 488px;
}

#central_column_center_top,
#central_column_center_bottom
{
	height: 5px;
	font-size: 0;
}

#central_column_center_content
{
	position: relative;
	background-color: #f1f1f1;
}

#central_column_right
{
	padding-top: 1px;
	width: 180px;
}
/*
========================================================================
CORNERS
========================================================================
*/
.corner_top_left
{
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 5px;
	overflow: hidden;
}
.corner_top_right
{
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 5px;
	overflow: hidden;
}
.corner_bottom_left
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 5px;
	height: 5px;
	overflow: hidden;
}
.corner_bottom_right
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 5px;
	height: 5px;
	overflow: hidden;
}
.corner_top_left.white_corner
{
	background-image: url('/images/corner_white_top_left.png');
}
.corner_top_right.white_corner
{
	background-image: url('/images/corner_white_top_right.png');
}
.corner_bottom_left.white_corner
{
	background-image: url('/images/corner_white_bottom_left.png');
}
.corner_bottom_right.white_corner
{
	background-image: url('/images/corner_white_bottom_right.png');
}




#central_columns_container_inner .corner_top_left
{
	left: 158px;
}
#central_columns_container_inner .corner_top_right
{
	right: 180px;
}
#central_columns_container_inner .corner_bottom_left
{
	left: 158px;
}
#central_columns_container_inner .corner_bottom_right
{
	right: 180px;
}



/*
========================================================================
CENTRAL COLUMN CENTER CONTENT
========================================================================
*/

.central_column_header
{
	margin: 10px 22px 11px 22px;
	line-height: 27px;
}

.central_column_shadowed_content
{
	width: 479px;
	position: relative;
	margin-left: 4px;
}

.central_column_path
{
	color:#999999;
	font-weight:bold;
	margin-top:-10px;
	padding-right:5px;
	position:relative;
	text-align:right;
	padding-bottom: 5px;
}

.central_column_path a
{
	color: #999;
	margin: 0 3px 0 3px;
}

.central_column_path a:hover
{
	text-decoration: underline;
}

/*
========================================================================
CENTRAL COLUMN SHADOWED CONTENT
========================================================================
*/

.central_column_shadowed_content
.inner_content_area
{
	padding: 5px 10px 7px 10px;
}

.inner_content_area
.inner_content_content
{
	color: #333;
	margin-left: 15px;
	font-size: 12px;
	line-height: 18px;
}

h5.inner_content_date
{
	margin-top: 0;
	margin-bottom: 2px;
	color: #999;
	font-size: 11px;
}

.content_read_more a,
.content_read_more_over a
{
	display: block;
	height: 16px;
	color: #999;
	font-weight: bold;
	padding: 1px 0 0 18px;
	background: url(/images/read_more.png) no-repeat;
	cursor: pointer;
	margin-bottom: 15px;
}

.content_read_more_over a
{
	color: #3366cc;
	background: url(/images/read_more_over.png) no-repeat;
}
#link_list
{
	padding: 13px 10px 15px;
}
.inner_content_links
{
	width: 408px;
	height: 24px;
	margin: 0 auto 0 auto;
	color: #333;
	font-weight: bold;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px;
	padding-top: 5px;
}

.inner_content_links a
{
	color: #333;
}

.inner_content_links a:hover
{
	color: #3366cc;
	text-decoration: none;
}

/*
========================================================================
CENTRAL COLUMN RIGHT
========================================================================
*/

.banner_item
{
	width: 161px;
	overflow: hidden;
	margin: 0 auto 7px 9px;
	cursor: pointer;
}

/*
========================================================================
CENTRAL COLUMN LEFT
========================================================================
*/

.left_column_item
{
	width: 154px;
	overflow: hidden;
	margin: auto;
	position: relative;
	padding-top: 4px;
	margin-bottom: 10px;
}

.left_column_item_head
{
	width: 139px;
	height: 27px;
	margin-left: 7px;
	text-align: center;
	overflow: hidden;
	background: url(/images/left_column_header_bg.png) no-repeat;
}

h5.left_column_item_header
{
	color: #666;
	margin: 4px auto 3px auto;
	line-height: 18px;
}

#calendar_block
{
	width: 154px;
	height: 157px;
	position: relative;
	margin-top: 2px;
}
#epl_block .content_dot_button,
#epl_block .content_dot_button_over
{
	font-size: 12px;
}
.content_tick_button,
.content_tick_button_over
{
	color: #999;
	font-weight: bold;
	padding: 0 0 1px 26px;
	background: url(/images/tick.png) no-repeat;
	cursor: pointer;
	overflow: hidden;
}

.content_tick_button_over
{
	color: #3366cc;
	background: url(/images/tick_over.png) no-repeat;
}

.content_dot_button,
.content_dot_button_over
{
	color: #999;
	font-weight: bold;
	padding: 0 0 1px 26px;
	background: url(/images/dot.png) no-repeat;
	cursor: pointer;
	overflow: hidden;
	line-height: 16px;
}

.content_dot_button_over
{
	color: #3366cc;
	background: url(/images/dot_over.png) no-repeat;
}

.left_column_item
.content_tick_button,
.left_column_item
.content_tick_button_over,
.left_column_item
.content_dot_button,
.left_column_item
.content_dot_button_over
{
	margin: 7px 5px 10px 15px;
}

#search_block
{
	display: none;
	width: 137px;
	height: 21px;
	margin-left: 10px;
}

#search_block input
{
	width: 86px;
	height: 17px;
	color: #999;
	padding-top: 1px;
	padding-left: 24px;
	padding-right: 2px;
	border: none;
	border-top: 2px solid #969696;
	border-left: 2px solid #969696;
	float: left;
	font-size: 12px;
	background-image: url('/images/magnifier.png');
	background-repeat: no-repeat;
	background-position: 4px 3px;
}

#search_block
.forward_button,
#search_block
.forward_button_over
{
	float: right;
	margin-top: 3px;
}
#birthdays_block
{
	margin-bottom: 7px;
}
/*
========================================================================
CALENDAR BLOCK
========================================================================
*/
#calendar_block_container
{
	margin-bottom: 7px;
}
#calendar_block_month_selection
{
	height: 15px;
	position: relative;
	overflow: hidden;
	text-align: center;
	color: #999;
	font-weight: bold;
	margin-top: 2px;
}

#calendar_block_month_selection
.forward_button,
#calendar_block_month_selection
.forward_button_over,
#calendar_block_month_selection
.back_button,
#calendar_block_month_selection
.back_button_over
{
	float: left;
}

#calendar_block_month_selection
.back_button,
#calendar_block_month_selection
.back_button_over
{
	margin-left: 2px;
}
#calendar_block_month_selection
.forward_button,
#calendar_block_month_selection
.forward_button_over
{
	margin-right: 3px;
}

.month_div
{
	width: 99px;
	float: left;
}

table#calendar_tbl
{
	width: 136px;
	margin: 9px auto 2px auto;
}

table#calendar_tbl td
{
	text-align: center;
	color: #999;
	font-weight: bold;
	font-size: 10px;
	width: 17px;
	height: 15px;
	cursor: pointer;
}

table#calendar_tbl td.past_next_month
{
	color: #e3e3e3;
}

table#calendar_tbl td.accentuated_day
{
	color: #3366cc;
}

table#calendar_tbl td.selected_day
{
	color: #fff;
	background: url(/images/calendar_selected_day.png) no-repeat;
	background-position: 1px 1px;
}

table#calendar_tbl td.over_day
{
	color: #fff;
	background: url(/images/calendar_over_day.png) no-repeat;
	background-position: 1px 1px;
}

table#calendar_tbl tr.header_row td
{
	height: 18px;
	padding-bottom: 3px;
	border-bottom: 1px solid #f6f6f6;
}

/*
========================================================================
SHADOWED BOX
========================================================================
*/

.shadowed_box_top_left,
.shadowed_box_top_right
{
	width: 10px;
	height: 6px;
	position: absolute;
	top: 0;
	overflow: hidden;
}

.shadowed_box_top_left
{
	left: 0;
	background: url(/images/shadowed_box_top_left.png) no-repeat;
	overflow: hidden;
}

.shadowed_box_top_right
{

	right: 0;
	background: url(/images/shadowed_box_top_right.png) no-repeat;
	overflow: hidden;
}

.shadowed_box_top
{
	height: 6px;
	position: absolute;
	top: 0;
	left: 10px;
	right: 10px;
	background: url(/images/shadowed_box_top.png) repeat-x;
	overflow: hidden;
}

.shadowed_box_tb_left,
.shadowed_box_tb_right
{
	width: 10px;
	height: 16px;
	position: absolute;
	top: 6px;
	overflow: hidden;
}

.shadowed_box_tb_left
{
	left: 0;
	background: url(/images/shadowed_box_tb_left.png) no-repeat;
	overflow: hidden;
}

.shadowed_box_tb_right
{
	right: 0;
	background: url(/images/shadowed_box_tb_right.png) no-repeat;
	overflow: hidden;
}

.shadowed_box_background
{
	position: absolute;
	top: 6px;
	bottom: 12px;
	left: 10px;
	right: 10px;
	background: url(/images/shadowed_box_content_area_bg.png) repeat-x;
	background-color: #fff;
	overflow: hidden;
}

.shadowed_box_side_left,
.shadowed_box_side_right
{
	width: 10px;
	position: absolute;
	top: 22px;
	bottom: 12px;
	overflow: hidden;
}

.shadowed_box_side_left
{
	left: 0;
	background: url(/images/shadowed_box_side_left.png) repeat-y;
	overflow: hidden;
}

.shadowed_box_side_right
{
	right: 0;
	background: url(/images/shadowed_box_side_right.png) repeat-y;
	overflow: hidden;
}

.shadowed_box_bottom_left,
.shadowed_box_bottom_right
{
	width: 10px;
	height: 12px;
	position: absolute;
	bottom: 0;
	overflow: hidden;
}

.shadowed_box_bottom_left
{
	left: 0;
	background: url(/images/shadowed_box_bottom_left.png) no-repeat;
	overflow: hidden;
}

.shadowed_box_bottom_right
{
	right: 0;
	background: url(/images/shadowed_box_bottom_right.png) no-repeat;
	overflow: hidden;
}

.shadowed_box_bottom
{
	height: 12px;
	position: absolute;
	bottom: 0;
	left: 10px;
	right: 10px;
	background: url(/images/shadowed_box_bottom.png) repeat-x;
	overflow: hidden;
}

.shadowed_box_content_area
{
	position: relative;
	padding: 6px 10px 12px 10px;
}

/*
========================================================================
BLUE BUTTON
========================================================================
*/

.blue_button_container,
.blue_button_container_over,
.blue_button_body
{
	cursor: pointer;
	height: 21px;
	overflow: hidden;
}

.blue_button_side_left,
.blue_button_side_right
{
	width: 5px;
	height: 21px;
	float: left;
}

.blue_button_body
{
	padding: 2px 5px 0 5px;
	text-align: center;
	float: left;
	color: #fff;
	font-weight: bold;
}

.blue_button_container
.blue_button_side_left
{
	background: url(/images/blue_button_side_left.png) no-repeat;
}

.blue_button_container
.blue_button_side_right
{
	background: url(/images/blue_button_side_right.png) no-repeat;
}

.blue_button_container
.blue_button_body
{
	background: url(/images/blue_button_body.png) repeat-x;
}

.blue_button_container_over
.blue_button_side_left
{
	background: url(/images/blue_button_side_left_over.png) no-repeat;
}

.blue_button_container_over
.blue_button_side_right
{
	background: url(/images/blue_button_side_right_over.png) no-repeat;
}

.blue_button_container_over
.blue_button_body
{
	background: url(/images/blue_button_body_over.png) repeat-x;
}

/*
========================================================================
MISC SHARED CLASSES
========================================================================
*/
#preferences_submit
{
	float: right;
}
.preferences_checkbox
{
	float: right;
}
.preferences_module
{
	width: 408px;
	height: 24px;
	margin: 0 auto 0 auto;
	color: #333;
	font-weight: bold;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px;
	padding-top: 5px;
}

.preferences_module a
{
	color: #333;
}

.preferences_module a:hover
{
	color: #3366cc;
	text-decoration: none;
}
/*
========================================================================
MISC SHARED CLASSES
========================================================================
*/

.cursor_hand
{
	cursor: pointer;
}

.forward_button,
.back_button,
.forward_button_over,
.back_button_over
{
	width: 15px;
	height: 15px;
	cursor: pointer;
}

.forward_button
{
	background: url(/images/button_forward.png) no-repeat;
}

.back_button
{
	background: url(/images/button_back.png) no-repeat;
}

.forward_button_over
{
	background: url(/images/button_forward_over.png) no-repeat;
}

.back_button_over
{
	background: url(/images/button_back_over.png) no-repeat;
}

#usermanageTable
{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
}

#usermanageTable th
{
	color: #404040;
}

.UserNr
{
	width: 10%;
}
.UserName
{
	width: 60%;
}

.UserDelete
{
	width: 30%;
}

.deleteButtonHolder
{
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto;
}

.usermanageTableTR
{
	background: #ffffff;
}

.usermanageTableTR1
{
	background: #F1F1F1;
}

.usermanageTableTRover
{
	background: #D1D1FF;
}

.userDetailsContainer
{
	display: none;
}
/*
========================================================================
CONTACT
========================================================================
*/
.password_label
{
	height: 26px;
	text-align: right;
	font-weight: bold;
	color: #404040;
	padding-right: 20px;
}
.register_table
{
	margin-top: 30px;
}
.register_value
{
	color: #969696;
	padding-left: 5px;
}
.register_star
{
	color: #3366CC;
	padding-left: 3px;
	padding-right: 8px;
}
.register_label
{
	height: 26px;
	text-align: right;
	font-weight: bold;
	color: #404040;
}
.contact_help_popup
{
	position: absolute;
	bottom: 24px;
	left: 20px;
	width: 150px;
	padding: 10px;
	border: 1px solid #b0b0b0;
	background-color: #ffffff;
	color: #333333;
	font-weight: normal;
	display: none;
}
.contact_help_popup_corner
{
	position: absolute;
	bottom: -14px;
	left: -9px;
	width: 16px;
	height: 22px;
	background: url(/images/popup_corner.png);
}
.contact_help
{
	position: relative;
	color: #3366CC;
	font-weight: bold;
	cursor: pointer;
	padding-left: 5px;
}
.contactFormError
{
	color: #ff0000;
	font-weight: bold;
}