@IMPORT url('../../../central/layout/css/stylesheet.css');
@IMPORT url('../../libraries/layout/css/cropper.css');
@IMPORT url('tabhandler.css');
@IMPORT url('slideshow.css');
@IMPORT url('filemanager.css');


html{
	font-family:'Trebuchet MS',Helvetica,sans-serif;
	font-size:11px;
	margin:0px;	
}

body{
	background:#67B9D7 url('../images/bg_page.gif') repeat-x;	
	margin:0px;	
}


p
{
	margin:10px 0px;
}

* > p:first-child 
{
	margin:0px;
}


h1 {
color:#0075B0;
font-size:26px;
padding:0;
margin:0;
}

h2
{
clear:both;
color:#0075B0;
font-size:18px;
font-weight:bold;
padding:0;
margin:10px 0 0 0;
}

.full_block h2
{
	clear:none;	
}

h3 {
color:#0075B0;
font-weight:bold;
font-size:11px;
padding:0;
margin:10px 0 0 0;
}

h4 {
color:#666666;
display:block;
font-weight:bold;
padding:0;
margin:10px 0 0 0;
}

a img{
	border: none;
}

.main,
.main_big
{
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 1013px;
	background:#FFFFFF url('../images/bg_content.png');
}

.main_popup
{
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 530px;
	background:#FFFFFF url('../images/bg_content_popup.png');	
	min-height:100%;	
}

.main .maincontent,
.main_big .maincontent
{
	width: 997px;
	padding:0px 10px 0px 9px;
	background:url('../images/bg_content_top.png') no-repeat;
	
}

.main_popup .maincontent
{
	width: 510px;
	padding:0px 10px 0px 10px;	
	background:url('../images/bg_content_top_popup.png') no-repeat;	
	min-height:100%;
	position:absolute;
}

.maincontent div, .maincontent h3, .maincontent form
{
	margin: 0px;
	padding: 0px;
}

.maincontent span.navbutton a
{
	color: black;
	text-decoration: none;
	margin-left: 5px;
}

.htmlFieldset {
	width: 95%;
}

.maincontent .header
{
		background-image: url('../images/banner/ribbon_18.jpg');
	background-repeat: no-repeat;
	background-color: white;
	background-position: bottom;
	width: 997px;
	height: 280px;
	position:absolute;
}

.main_big .maincontent .header
{
	background-image: url('../images/banner_big/ribbon_14.jpg');
}

.main_popup .maincontent .header
{
	background-image: none;
	height: 90px;
	width:510px;
}

.maincontent .header .logo
{
	position:absolute;
	background: url('../images/logo.jpg') no-repeat;
	width: 305px;
	height: 80px;
	left: 20px;
	top:5px;
}

.maincontent .header .logo .user
{
	position: relative;
	top: 65px;
	font-weight: bold;
	left: -15px;
	font-size: 12px;
	font-weight: bold;
	color: #014479;
}

.maincontent .header #manualbox
{
	position:absolute;
	left: 305px;
	top:0px;
	height:50px;
	width:330px;
}


.maincontent .header .actions
{
	float: right;
}

.maincontent .header .actions .action
{
	float: left;
	margin: 4px;
	cursor: pointer;
}

.maincontent .header #topmenu
{
	position:absolute;
	top:65px;
	right:1px;
	width:564px;
	height:27px;
	background:transparent url('../images/menu.png') top left no-repeat;
}

.maincontent .header #topmenu div
{
	float:left;
	width:141px;
	height:27px;
}

.maincontent .header #topmenu div a
{
	display:block;
	width:141px;
	height:27px;
	color:white;
	line-height:27px;
	text-align:center;
	font-size:14px;
	font-weight:bold;	
}

.maincontent .header #topmenu div:hover,
.maincontent .header #topmenu div.hover
{
	background:transparent url('../images/menu.png');
}

.maincontent .header #topmenu #topmenuitem1
{
	background-position:0px bottom;	
}

.maincontent .header #topmenu #topmenuitem2
{
	background-position:-141px bottom;	
}

.maincontent .header #topmenu #topmenuitem3
{
	background-position:-282px bottom;	
}

.maincontent .header #topmenu #topmenuitem4
{
	background-position:-423px bottom;	
}

.maincontent .header #topmenu div ul
{
	width:141px;
	text-align:left;	
	background:white url('../images/menulist.gif') no-repeat right bottom;
	margin:0px;
	padding:4px 0px;
	list-style:none;
	display:none;
}

.maincontent .header #topmenu div:hover ul,
.maincontent .header #topmenu div.hover ul	
{
	display: block;
}

.maincontent .header #topmenu div ul li
{
	margin:4px 0px;
	padding:0px;
	height:16px;
}
	
.maincontent .header #topmenu div ul li a
{
	display:block;
	width:111px;
	font-size:13px;
	line-height:16px;
	color:#848889;
	height:16px;
	padding:0px 15px;
	margin:0px;
}

.maincontent .header #topmenu div ul li a:hover
{
	display:block;
	background:#848889;
	color:white;
}


.maincontent .body
{
	padding-top:280px;
	background:transparent url('../images/bg_subpage_three_col.png') center;
}

.main_big .body,
.main_popup .body
{
	background:transparent url('../images/bg_subpage_three_col_big.png') center;
}

.main_popup .body
{
	padding-top:100px;
}

.maincontent .bodycontent
{	
	width: 100%;
	min-height: 450px;
	background:url('../images/bg_subpage_three_col_bottom.png') no-repeat scroll center bottom;
	padding-bottom:80px;
}

.main_popup .bodycontent
{
	min-height: 180px;	
}

.main_big .maincontent .bodycontent,
.main_popup .maincontent .bodycontent	
{
	background:url('../images/bg_subpage_three_col_bottom_big.png') no-repeat scroll center bottom;	
}


.maincontent .bodycontent #menu_area
{
	background:transparent none repeat scroll 0 0;
	float:left;
	min-height:1px;
	padding:5px 0 0 0;
	margin:0;
	width:235px;
}

.maincontent .bodycontent #menu_area .button_region
{
	float:none;	
	padding:0px;
	height:35px;
	line-height:35px;
	margin-bottom:10px;
}

.maincontent .bodycontent #menu_area div.popuphover:hover .button_region,
.maincontent .bodycontent #menu_area div.popuphover.hover .button_region,	
.maincontent .bodycontent #menu_area div.active .button_region
{
	background: url('../images/button_region_sprite.gif') center 36px;
	font-weight:bold;
}

.maincontent .bodycontent #menu_area .button_region div
{
	margin-top:0px;	
}

.maincontent .bodycontent #menu_area div.popup
{
	display:block;
	position:absolute;
	z-index:1000;
}

.maincontent .bodycontent #menu_area .normal
{
	background:none;
}

.maincontent .bodycontent #menu_area .normal ul
{
	background:transparent url('../images/bg_secondary_nav_open.gif') no-repeat scroll right top;
	font-weight:normal;
	margin-bottom:0;
	padding:0 0 5px 0;
	margin:0;
	width:235px;	
	clear:both;
	border-bottom:1px solid #A0D6D2;
}

.maincontent .bodycontent #menu_area div.popuphover
{
	width:0px;
}

.maincontent .bodycontent #menu_area div.popuphover .popup ul
{
	width:170px;
	background:white url('../images/menulist.gif') no-repeat right bottom;
	padding:5px 0px;
	margin:0;
	position:relative;
	top:-44px;
	left:215px;
	/*border:1px solid #59B224*/;
	display:none;
	border-bottom:1px solid #A0D6D2;
}

.maincontent .bodycontent #menu_area div.popuphover:hover .popup ul,
.maincontent .bodycontent #menu_area div.popuphover.hover .popup ul
{
	display:block;
}

.maincontent .bodycontent #menu_area .popup ul li
{
	margin:0px;
	padding:0px;
}

.maincontent .bodycontent #menu_area div .popup ul li a
{

}

.maincontent .bodycontent #menu_area div .popup ul li a:hover
{

}

.maincontent .bodycontent #menu_area ul li
{
	border-bottom:0 none;
	margin:0;
	padding:0 18px 2px 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
}

.maincontent .bodycontent #menu_area ul li a
{
	cursor:pointer;
	margin-left:20px;
	color:#59B224;
	text-decoration:none;
}

.maincontent .bodycontent #menu_area ul li a:hover
{
	text-decoration:underline;	
}

.maincontent .bodycontent #menu_area div.normal ul li ul,
.maincontent .bodycontent #menu_area div.popuphover .popup ul li ul
{
	background:transparent none repeat scroll 0 0;
	padding:0;
	width:auto;
	border-bottom:0px;
	top:0px;
	left:0px;
	margin-left:15px;
}

.maincontent .bodycontent #menu_area div.normal ul li ul li,
.maincontent .bodycontent #menu_area div.popuphover .popup ul li ul li	
{
	border-bottom:0 none;
	margin:0;
	padding:0;
}

.maincontent .bodycontent #menu_area div.normal ul li ul li a,
.maincontent .bodycontent #menu_area div.popuphover .popup ul li ul li a
{
	display:block;
	margin:0;
	padding:2px 0 0 20px;	
	font-weight:normal;
}

.maincontent .bodycontent #menu_area ul li ul li a.here {
	background-color:#009FDA;
	color:#FFFFFF;
	font-weight:bold;
}

.maincontent .bodycontent #menu_area ul li ul li a.here:hover {
	cursor:default;
	text-decoration:none;
}


ul.listgreen
{
	width:200px;
	background:url('../images/menulist.gif') no-repeat right bottom;
	padding:5px 0px;
	margin:4px 4px 0px 4px;
	/*border:1px solid #59B224*/;
	border-bottom:1px solid #A0D6D2;
}

ul.listgreen li
{
	border-bottom:0 none;
	margin:0;
	padding:0 18px 2px 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
}

ul.listgreen li a:hover
{
	text-decoration:underline;	
}

#ListTable
{
	border-collapse: collapse;	
	border:1px solid darkgray;
}

#ListTable tr
{
	border:1px solid darkgray;
	padding-bottom:2px;
}

#ListTable tr td,
#ListTable tr th
{
	padding-left:2px;	
}

#ListTable tr td
{
	color:black;
	border-bottom:1px solid darkgray;
}

#ListTable tr th a
{
	font-weight:normal;
	color:white;
}
#ListTable tr th a:hover {
	color:#CCCCCC;
}

.maincontent .bodycontent #content_area
{
	overflow:hidden;
	float:left;
	width:470px;
	padding:0px 10px 0 10px;
	/* position:relative; -- commented because this messes up the jsdatefield, uncomment if layout gets messed up without relative position */
	z-index:50;
	color:#848889;
}

.maincontent .bodycontent #content_area #stats_explain
{
	position: absolute;
	left: 700px;
	border: 3px solid #008EC6;
	max-width: 370px;
	/* width: 400px; */
	height: 140px;
	background-color: #FFFABF;
	color: #000;
	padding: 3px;
	margin-top: 5px;
	overflow: auto;
}

.maincontent .bodycontent #content_area #stats_explain h1
{
	font-size: 16px;
	font-weight: bolder;
	color: #59B224;
}

.maincontent .bodycontent #content_area ul.simple
{
	margin: 0;
	margin-bottom: 12px;
}

.maincontent .bodycontent #content_area ul.simple li
{
	list-style-type:disc;
	margin:0 0 12px 28px;
	padding-bottom:0;
}

.main_big .maincontent .bodycontent #content_area
{
	float:none; 
	width:742px;
}

.maincontent .bodycontent #content_area .full_block
{
	width:460px;
	margin:5px;
	clear:both;
}

.main_big .maincontent .bodycontent #content_area .full_block
{
	width:732px;
}

.maincontent .bodycontent #content_area .half_block
{
	width:225px;
	margin:5px;
	float:left;
}

.main_big .maincontent .bodycontent #content_area .half_block
{
	width:361px;
}


.maincontent .bodycontent #sidebar_area
{
	float:right;
	overflow:hidden;
	padding:0;
	width:269px;
	color:#848889;
}

.maincontent .bodycontent #sidebar_area .quicklinks ul,
.maincontent .bodycontent #sidebar_area .quicklinks li
{
	padding-left:0px;
	margin-left:10px;
}

.maincontent .bodycontent #sidebar_area .infosidebar .item
{
	margin-top:10px;
}

.maincontent .bodycontent #sidebar_area .infosidebar h5
{
	color:#0075B0;
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

.maincontent .bodycontent .sidebar_block
{
	margin:10px;	
	padding:10px;
	border-top:1px solid darkgray;
}

.maincontent .bodycontent .sidebar_block:first-child
{
	border-top:0px none;
}


.maincontent .bodycontent .fixed_box
{
	width: 385px;
	height: 365px;
	background: url('../images/fixed_box.gif') no-repeat;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

.maincontent .bodycontent .section
{
	float: left;
	width: 260px;
	height: 500px;
}

.maincontent .bodycontent .section img
{
	position: relative;
	margin-top: 16px;
}

.maincontent .bodycontent .sectioncontent
{
	float: right;
	width: 700px;
}

.maincontent .bodycontent .distribute,
.maincontent .bodycontent .distribute_over
{
	float: right;
	width: 240px;
	height: 42px;
	cursor: pointer;
	background: url('../images/distribute.jpg') no-repeat;
}

.maincontent .bodycontent .distribute_over
{
	background: url('../images/distribute_over.jpg') no-repeat;
}

.maincontent .footer
{
	width: 100%;
	clear:both;
	margin:0;
	padding:15px 0 20px;
	text-align:center;
	background:white;
}

.maincontent .footer .campaigns
{
	margin-top: 5px;
}

.maincontent .footer .campaigns .delimiter
{
	margin-left: 2px;
	float: left;
}

.maincontent .footer .campaigns .campaign,
.maincontent .footer .campaigns .campaign_over
{
	cursor: pointer;
	margin-left: 2px;
	float: left;
}

.maincontent .footer .campaigns .campaign_over
{
	text-decoration: underline;
}

.maincontent .footer .rights
{
	color:#D6D6D6;
}

.maincontent fieldset
{
	padding: 5px;
}

.maincontent fieldset table
{
	overflow: visible;	
}

.maincontent .boxfieldset
{
	border: none;
	margin-left: 55px;
}

.maincontent .boxfieldset .legend
{
	font-size: 20px;
	font-weight: bold;
	color: #006699;
}

.maincontent .boxfieldset .top
{
	width: 338px;
	height: 13px;
	background-image: url('../images/fieldset_top.gif'); 
	background-repeat: no-repeat;
	background-position: top right;
}

.maincontent .boxfieldset .form
{
	width: 338px;
	background-image: url('../images/fieldset_formbg.gif'); 
	background-repeat: repeat-y;
}

.maincontent .boxfieldset .form .legend
{
	padding-left: 30px;
}

.maincontent .boxfieldset .form .content
{
	margin: 15px 30px 0px 30px;
}

.maincontent .boxfieldset .form .content form,
.maincontent .boxfieldset .form .content table
{
	width:278px;	
}



.maincontent .boxfieldset .bottom
{
	width: 338px;
	height: 48px;
	background-image: url('../images/fieldset_bottom.gif'); 
	background-repeat: no-repeat;
	background-position: top right;
}

.maincontent .boxfieldset .right
{
	display: inline;
	height: 283px;
	width: 16px;
	float: right;
	background-image: url('../images/fieldset_right.gif'); 
	background-repeat: no-repeat;
	background-position: top center;
}

.maincontent .textbox
{
	border:1px solid #D2D2D2;
	height:16px;
	width:160px;
}

.maincontent .buttons
{
	margin-left: auto;
	margin-right: auto;
}

.maincontent .buttons hr
{
	clear:both;
	height:0px;	
	border:0px;
	margin:0px;
	padding:0px;
}

.maincontent .buttons .button,
.maincontent .buttons .button_over,
.maincontent .buttons .button_region,
.maincontent .buttons .button_region_over
{
	margin: 4px;
	float: left;
	width: 402px;
	height: 40px;
	cursor: pointer;
	text-align: center;
	color: white;
	font-weight: bold;
	background: url('../images/button_large.gif') no-repeat;
}

.maincontent .buttons .legend
{
	margin-left: -5px;
	font-weight: bold;
	font-size: 20px;
	color: #0075B0;
}	

.maincontent .buttons .button_over
{
	background-image: url('../images/button_large_over.gif');
}

.maincontent .buttons .button_region,
.maincontent .buttons .button_region_over
{
	width: 200px;
}

.maincontent .buttons .button_region
{
	background: url('../images/button_region_sprite.gif') center top;
}

.maincontent .buttons .button_region_over
{
	background: url('../images/button_region_sprite.gif') center 36px;
}

.maincontent .buttons .button div,
.maincontent .buttons .button_over div,
.maincontent .buttons .button_region div,
.maincontent .buttons .button_region_over div
{
	margin-top: 10px;
}

.maincontent #menu_area .buttons .button_region
{
	margin-left:15px;
}

a:link, 
a:visited 
{
	color:#59B224;
}

a 
{
	text-decoration:none;
}

.maincontent .info_item
{
	width: 460px;
	padding-bottom:10px;
	clear:both;	
}

.main_big .maincontent .info_item
{
	width: 732px;
}

.maincontent .info_item .info_item_date
{
	float:left;
	width:75px;	
	padding-bottom:10px;
}

.maincontent .info_item .info_item_text
{
	float:left;
	width:385px;	
	padding-bottom:10px;
}

.main_big .maincontent .info_item .info_item_text
{
	width:657px;	
}

.maincontent .info_item .info_item_text h5
{
	color:#0075B0;
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0;
}

.nbw select,
.nbw input
{
	width:200px;
}

a.btn_go 
{ 
	text-decoration: none; 
	line-height: 25px;  
	background:#96ce75 url('../images/btn_go.gif') no-repeat top right; 
	border:1px solid #59b224; 
	cursor:pointer; 
	font-weight:bold; 
	height:15px; 
	padding:2px 22px 5px 8px; 
	color: #FFFFFF !important; 
	display: inline; 
	float:none; 
	clear:both;
	white-space:nowrap;
}

a.btn_go:hover { text-decoration: none; color: #FFFFFF !important; background-position: right -22px;}

.footer ul {color:#848889; font-size:12px; padding: 0 0 6px 0;}

.footer ul li {float:left; padding:0;margin: 0 0 0 100px;}

.footer ul li a {color:#848889;}

.footer ul.fineprint {padding:0; margin:15px 0 0 0;}

.footer ul.fineprint li {color:#b4b4b4; display:inline; float:none; font-size:11px; padding:0 12px 0 0; margin:0}

.footer ul.fineprint li a {color:#b4b4b4;}

.footer ul li h5 {clear:both; float:left; margin:0 0 6px; text-align:left;}

.footer ul li ul {clear:both; float:left; margin:0; padding:0;}

.footer ul li ul li {clear:both;float:left; padding:0; margin:0; text-align:left;}

#messages
{
	margin:0px 0px 10px 0px;
}

#messages div
{
	margin: 0px 0px 2px 0px;	
}

#messages .close
{
	position:relative;
	top:-10px;
	float:right;
	cursor:pointer;
	margin:0px;
}

#messages .message_error
{
	color:#CC3333;
	font-weight:bold;
}

#messages .message_notice
{
	color:#CC9933;
	font-weight:bold;
}
	
#messages .message_succes
{
	color:#33CC33;
	font-weight:bold;
}

.maincontent .interactionitem
{
	margin-bottom:10px;
	border-bottom:2px solid #0075b0; 	
}

.maincontent .interactionitem
{
	cursor:pointer;	
}

.maincontent .interactionitem .interactionitemheader:hover
{
	background:#E0EEF6;
}

table.sessiontable 
{
	border:1px solid #009fda;
	border-collapse:collapse;
}

.sessiontable th
{
	text-align: left;
}

.sessiontable tr
{
	border:1px solid #009fda;
}

.sessiontable thead tr	
{
	background:#009fda;	
	color:white;
	font-weight:bold;
}

#search .item
{
	border:1px solid #C0DDEC;
	margin:5px;
	padding:5px;
	clear:both;
}

#search h2
{
	margin:0;	
}

#search h2 a
{
	color:#0075b0;
}

#search .item .module
{
	margin-bottom:5px;
	clear:both;
}

#search .item .expand
{
	float:left;
	width:22px;
	height:22px;
	line-height:22px;
	font-size:24px;
	color:#0075B0;
	cursor:pointer;
}

#regionbox
{
	position:absolute;
	top:29px;
	right:191px;
	text-align:right;
	width:300px;	
	height:26px;
	line-height:26px;
}

#regionbox img
{
	vertical-align:middle;	
	margin-left:5px;
}

#searchbox
{
	position:absolute;
	top:33px;
	right:0px;
	text-align:right;
	width:181px;	
	height:19px;
}

.searchbox .button
{
	background-image: url('../images/searchbutton.png');
	width:19px;
	height:19px;
	border:0;
	padding:0;
	margin:0;
	float:left;	
	vertical-align:middle;
}

.searchbox .box
{
	background-image: url('../images/searchbox.png');	
	width:150px;
	height:14px;
	border:0;
	padding:3px 1px 2px 1px;
	margin:0;
	float:left;	
	font-size:11px;
	vertical-align:middle;
}	

.searchbox .end
{
	background-image: url('../images/searchend.png');	
	width:10px;
	height:19px;
	border:0;
	padding:0;
	margin:0;
	float:left;
	vertical-align:middle;
}

.hiderows .hiderow
{
	display:none;
}