/***********************************************************************************************************************************************************/
/* START: body
/***********************************************************************************************************************************************************/
	*, html {
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, Geneva, sans-serif;
		font-size: 12px;			
	}
	
	body
	{
		background-color: #303030;
		text-align: center;
	}
/***********************************************************************************************************************************************************/
/* END: body
/***********************************************************************************************************************************************************/





/***********************************************************************************************************************************************************/
/* START: divs in index.php
/***********************************************************************************************************************************************************/

	div#container_header
	{
		background: url(../img/style/logo.png) no-repeat 25px 38px;
		border-bottom: 1px solid #003058;
		color: #687070;
		height: 30px;
		padding-top: 40px;
		padding-right: 50px;
		text-align: right;
	}
	
	div#container_header a 	{ 
		color: #687070;
	}

	div#container_outer
	{
		background-color: #D0D0D8;
		margin: auto;
		margin-top: 0px;
		text-align: left;
	}


	div#container_mid
	{
		min-height: 500px;
		height:auto !important;
		height: 500px;		
		margin: 10px;	
	}
	
	div#login_box
	{
		border: 1px solid #B9BAB4;
		margin: auto;
		padding: 10px;
		margin-top: 50px;	
		width: 300px;
	}
	
/***********************************************************************************************************************************************************/
/* END: divs in index.php
/***********************************************************************************************************************************************************/





/***********************************************************************************************************************************************************/
/* START: breadcrumb
/***********************************************************************************************************************************************************/
	div#breadcrumb
	{
		float: left;
		margin-top: 10px;
		margin-left: 10px;
		line-height: 25px;
		width: 785px;			
	}
	
	div#breadcrumb img
	{
		vertical-align: middle;
		
	}
	
	div#breadcrumb a
	{
		color: #000000;
		text-decoration: none;	
	}
	
	div#breadcrumb a:hover
	{
		text-decoration: underline;	
	}
	
	div#breadcrumb a:visited
	{
		color: #000000;
	}	
/***********************************************************************************************************************************************************/
/* END: breadcrumb
/***********************************************************************************************************************************************************/





/***********************************************************************************************************************************************************/
/* START: diverse standards
/***********************************************************************************************************************************************************/
	.strong {	font-weight:bold;	}

	.center { text-align: center; }
	
	.left { text-align: left; }	
	
	.right { text-align: right; }	
	
	.tooltip { 
	border-bottom:dashed 1px #999B9D; 
	text-decoration:none; }
	
	h1,h2,h3,h4,h5,h6 {
		font-weight:bold;
		line-height: 2;
	}
	
	h1 {
		font-size:18px;
		padding: 0;
		margin: 0;
		margin-bottom: 5px;
		margin-top: 1px;
	}
	h2 {
		font-size:14px;
		padding: 0;
		margin: 0;
		margin-bottom: 2px;
	}
	h4 {
		font-size:13px;
		padding: 0;
		margin: 0;
		margin-bottom: 2px;
	}	
	
	div.h1_caption 
	{
		color: #4D4745;
		font-size:18px;
		padding: 0;
		margin-bottom: 5px;
		margin-top: 1px;
	}
	
	.new
	{	
		border: 1px solid #FFCC00;
		background-color: #FDF3C9;
		color: #FFCC00;
		display: block;
		font: Geneva, Arial, Helvetica, sans-serif;
		font-weight: bold;
		height: 18px;
		line-height: 16px;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
	}	
	
	a, a:hover, a:visited
	{
		color: #000000;
		text-decoration: underline;
	}
	
	a:hover
	{
		color: #FF6600;
	}
	
	a.tooltip { color: black; border-bottom:dashed 1px green; text-decoration:none; }
	
	a.button {
		background-color: #F7F8FA;
		border: 1px solid #D4DEE7;
		color: #0066CC;
		display: block;
		float: right;		
		height: 18px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 3px;
		margin-left: 5px;
		text-decoration: none;
	}

		
	a.button.active {		
		color: #069;
	}
	
	tr { 
		line-height: 20px;
		height: 20px;
	}
	
	.button_wysiwyg
	{
		background:url(../img/icons/form_edit.gif) no-repeat 0px 0px;
		text-indent:20px;
		display:block;
	}
	
	.button_text
	{
		background:url(../img/icons/form_close.gif) no-repeat 0px 0px;
		text-indent:20px;
		display:block;
	}
	
	.button_preview
	{
		background:url(../img/icons/magnifier.gif) no-repeat 0px 0px;
		text-indent:20px;
		display:block;
	}
	
	div.record_count 
	{
		font-weight:bold;
		padding-bottom:10px;
		padding-top:10px;
		text-align:left;
	}
	
	.wstatus { width: 2px; }
	
	.w1col { width: 15px; }
	.w2col { width: 30px; }
	.w3col { width: 45px; }
	.w4col { width: 60px; }
	.w5col { width: 75px; }
	.w6col { width: 90px; }
	.w7col { width: 105px; }
	.w8col { width: 120px; }
	.w9col { width: 135px; }
	
	.w10col { width: 150px; }	
	.w11col { width: 165px; }
	.w12col { width: 180px; }
	.w13col { width: 195px; }
	.w14col { width: 210px; }
	.w15col { width: 225px; }
	.w16col { width: 240px; }
	.w17col { width: 255px; }
	.w18col { width: 270px; }
	.w19col { width: 285px; }
	
	.w20col { width: 300px; }
	.w21col { width: 315px; }
	.w22col { width: 330px; }
	.w23col { width: 345px; }
	.w24col { width: 360px; }
	.w25col { width: 375px; }
	.w26col { width: 390px; }
	.w27col { width: 405px; }
	.w28col { width: 420px; }
	.w29col { width: 435px; }
	
	.w30col { width: 450px; }
	.w31col { width: 465px; }
	.w32col { width: 480px; }
	.w33col { width: 495px; }
	.w34col { width: 510px; }
	.w35col { width: 510px; }
	.w36col { width: 525px; }
	.w37col { width: 540px; }
	.w38col { width: 555px; }
	.w39col { width: 570px; }

	td{ height: 20px; }
	
	img.ui-datepicker-trigger { float: left; }
	
	.pointer { cursor: pointer; }
	
	.Hidden, .hidden { display: none; }
	
	div.buttonbox 
	{
		clear: both;
		margin: 0px;
		padding-top: 15px;
		text-align: left;
	}	

/***********************************************************************************************************************************************************/
/* END: diverse standards
/***********************************************************************************************************************************************************/





/***********************************************************************************************************************************************************/
/* START: divs
/***********************************************************************************************************************************************************/
	div.clear
	{
		clear: both;
		float: none;
	}
	
	div.error {
		background-color:#FFE0E0;	
		border: #FF0000 1px solid;
		color: #FF0000;
		padding: 3px;
		margin-bottom: 20px; 
	}
	
	div.success {
		background-color: #E2F7E1;	
		border: #00CC00 1px solid;
		color: #00CC00;
		padding: 3px;
		margin-bottom: 20px; 
	}
	
	div.question
	{
		background-image: url(../img/icons/info_toolbox.gif);
		background-repeat: no-repeat;
		background-position: 2px 2px;
		border: 1px solid #FFCC00;
		background-color: #FFE1C4;
		min-height: 20px;	
		margin-top: 20px;
		padding: 3px;
		padding-left: 25px;
		height:auto !important;
		height: 18px;		
	}	

	div.info
	{
		background-image: url(../img/icons/info_toolbox.gif);
		background-repeat: no-repeat;
		background-position: 2px 2px;
		border: 1px solid #FFCC00;
		background-color: #FDF3C9;
		padding: 3px;
		padding-left: 25px;
		padding-top: 5px;
		
		min-height: 18px;
		height:auto !important;
		height: 18px;					
	}
	
	div#info.empty {min-height: 20px; }	

	div.distance
	{
		margin-top: 20px;
		margin-bottom: 20px;
	}

	div.distance_bottom { margin-bottom: 20px; }
	
	div.distance_top { margin-top: 20px; }	
	
	div.distance_1 { margin-top: 5px; margin-bottom: 5px; }
	div.distance_2 { margin-top: 10px; margin-bottom: 10px; }
	div.distance_3 { margin-top: 15px; margin-bottom: 15px; }
	div.distance_4 { margin-top: 20px; margin-bottom: 20px; }
	
	div.distance_1_top { margin-top: 5px; }
	div.distance_2_top { margin-top: 10px; }
	div.distance_3_top { margin-top: 15px; }
	div.distance_4_top { margin-top: 20px; }
	div.distance_1_bot { margin-bottom: 5px; }
	div.distance_2_bot { margin-bottom: 10px; }
	div.distance_3_bot { margin-bottom: 15px; }
	div.distance_4_bot { margin-bottom: 20px; }
	
	.padding_1col, .padding_w1col { padding-left: 24px; }
	.padding_2col, .padding_w2col { padding-left: 39px; }
	.padding_3col, .padding_w3col { padding-left: 54px; }
	.padding_4col, .padding_w4col { padding-left: 69px; }
	.padding_5col, .padding_w5col { padding-left: 84px; }
	.padding_6col, .padding_w6col { padding-left: 99px; }
	.padding_7col, .padding_w7col { padding-left: 114px; }
	.padding_8col, .padding_w8col { padding-left: 129px; }
	.padding_9col, .padding_w9col { padding-left: 144px; }
	
	.padding_10col, .padding_w10col { padding-left: 159px; }	
	.padding_11col, .padding_w11col { padding-left: 174px; }
	.padding_12col, .padding_w12col { padding-left: 189px; }
	.padding_13col, .padding_w13col { padding-left: 204px; }
	.padding_14col, .padding_w14col { padding-left: 219px; }
	.padding_15col, .padding_w15col { padding-left: 234px; }
	.padding_16col, .padding_w16col { padding-left: 249px; }
	.padding_17col, .padding_w17col { padding-left: 264px; }
	.padding_18col, .padding_w18col { padding-left: 279px; }
	.padding_19col, .padding_w19col { padding-left: 294px; }
	
	.padding_20col, .padding_w20col { padding-left: 309px; }
	.padding_21col, .padding_w21col { padding-left: 324px; }
	.padding_22col, .padding_w22col { padding-left: 339px; }
	.padding_23col, .padding_w23col { padding-left: 354px; }
	.padding_24col, .padding_w24col { padding-left: 369px; }
	.padding_25col, .padding_w25col { padding-left: 384px; }
	.padding_26col, .padding_w26col { padding-left: 399px; }
	.padding_27col, .padding_w27col { padding-left: 414px; }
	.padding_28col, .padding_w28col { padding-left: 429px; }
	.padding_29col, .padding_w29col { padding-left: 444px; }
	
	.padding_30col, .padding_w30col { padding-left: 459px; }
	.padding_31col, .padding_w31col { padding-left: 474px; }
	.padding_32col, .padding_w32col { padding-left: 489px; }
	.padding_33col, .padding_w33col { padding-left: 504px; }
	.padding_34col, .padding_w34col { padding-left: 519px; }
	.padding_35col, .padding_w35col { padding-left: 534px; }
	.padding_36col, .padding_w36col { padding-left: 549px; }
	.padding_37col, .padding_w37col { padding-left: 564px; }
	.padding_38col, .padding_w38col { padding-left: 579px; }
	.padding_39col, .padding_w39col { padding-left: 594px; }
	
	div.key
	{
		clear: both;
		float: none;
		margin-top: 20px;
		text-align: left;
	}		
	
	.float_right { float: right; }
	
	.float_left { float: left; }
	
	.float_none { clear: both; float: none; }	
	
	div.box_blue
	{
		border: 1px solid #8BB7DF; 
		padding: 5px; 
		background-color: #D4DEE7; 
	}
/***********************************************************************************************************************************************************/
/* END: divs
/***********************************************************************************************************************************************************/





/***********************************************************************************************************************************************************/
/* START: footer
/***********************************************************************************************************************************************************/
	div.footer
	{				
		color: #ccc;
		font-size: 8px;
		height: 25px;
		line-height: 20px;

		margin: auto;
		margin-top: 0px;
		text-align: left;
		width: 100%;		
	}
	
	div.footer a 
	{
		color: #85898E;
		font-size: 10px;
		padding-left: 10px;
		text-decoration: none; 
	}
	
	div.footer div#copy
	{
		margin: auto;		
	}
/***********************************************************************************************************************************************************/
/* END: footer
/***********************************************************************************************************************************************************/


	
	
	
/***********************************************************************************************************************************************************/
/* START: top menu
/***********************************************************************************************************************************************************/
	
	div#div_menu_top ul li
	{
		/*border-left: 1px solid #4D4745; */
		color: #4D4745;
		float: right;
		font-size:11px;
		line-height:20px;		
		list-style-type: none;
		padding-left: 10px;
		padding-right: 10px;
		white-space:nowrap;		
	}
	
	div#div_menu_top ul li a
	{
		color: #4D4745;
		font-size:11px;
		line-height:20px;		
		text-decoration: none;	
	}
	
	/*
	.sub_menu
	{
		border-left: 1px solid white;
		color: #fff;
		float: right;
		font-size:11px;
		line-height:20px;
		padding-left: 10px;
		padding-right: 10px;
		white-space:nowrap;				
	}
	*/
/***********************************************************************************************************************************************************/
/* END: top menu
/***********************************************************************************************************************************************************/





/***********************************************************************************************************************************************************/
/* START: main menu
/***********************************************************************************************************************************************************/
	
	div#div_menu_main ul li
	{
		color: #4D4745;
		float: right;	
		height: 20px;	
		list-style-type: none;
		margin-left: 15px;	
	}	
	
	div#div_menu_main ul li a
	{
		color: #4D4745;	
		display: block;	
		font-size: 1.1em;
		line-height: 28px;
		text-decoration: none;
		text-transform: uppercase;
	}	
	
	
/*	
	div#container_main_menu
	{
		float: left;
		text-align: left;

		min-height: 500px;
		height:auto !important;
		height: 500px;
	}
	
	div#container_menu_inner
	{
		color: #882519;
		float: left;
		text-align: left;
		padding-left: 5px;
		padding-top: 5px;
		min-height: 495px;
		height:auto !important;
		height: 500px;
		width:140px;
	}	
	
	div#container_main_menu ul
	{
		margin-bottom: 15px;
	}
	
	div#container_main_menu ul li
	{
		color: #4D4745;	
		height: 20px;	
		list-style-type: none;	
	}
	
	div#container_main_menu ul li a
	{
		color: #4D4745;	
		display: block;	
		font-size: 11px;
		line-height: 28px;
		text-decoration: none;
	}
	
	div#container_main_menu li.caption 
	{
		color: #4D4745;
		font-weight: bold;	
		height: 20px;	
		line-height: 25px;
	}
	
	div#container_main_menu ul li.submenu.on a
	{
		color: #882519;
		display: block;
		font-size: 11px;
		height: 26px;
		text-decoration: none;
	}
	
	div#container_main_menu ul li a:hover
	{
		color: #882519;
		text-decoration: none;
	}
*/	
/***********************************************************************************************************************************************************/
/* END: main menu
/***********************************************************************************************************************************************************/





/***********************************************************************************************************************************************************/
/* START: boxes
/***********************************************************************************************************************************************************/


	/***************************************************/
	/* box type 1
	/***************************************************/	
	
  	div.box1_top 
		{			
			background-color: #4D4745;
			height: 5px;
			margin: 5px 0px 0px 0px;
			overflow: hidden;
		}	

		div.box1_bg 
		{	
			padding: 5px;
			background-color: #4D4745;
			color: #fff;
		}

	
		div.box1_bot 
		{			 
			background-color: #4D4745;
			height: 5px;
			overflow: hidden;		
		}

	/***************************************************/
	/* box type 1
	/***************************************************/	


/***********************************************************************************************************************************************************/
/* END: boxes
/***********************************************************************************************************************************************************/


/***********************************************************************************************************************************************************/
/* START: table tooltip
/***********************************************************************************************************************************************************/
	table.tooltip td
	{
		height: 20px;
	}
/***********************************************************************************************************************************************************/
/* END: table tooltip
/***********************************************************************************************************************************************************/




/***********************************************************************************************************************************************************/
/* START: table margin
/***********************************************************************************************************************************************************/
	table td,th
	{
		height: 20px;
	}
/***********************************************************************************************************************************************************/
/* END: table margin
/***********************************************************************************************************************************************************/





/***********************************************************************************************************************************************************/
/* START: table margin
/***********************************************************************************************************************************************************/
	
	
	table.margin th a, table.margin th 
	{
		padding-left: 3px;
		color: #fff;
	}
	
	table.margin td
	{
		height: 22px;
		padding-left: 3px;
	}
	table.margin{
		margin: 10px 0 0 0;
	}
	
	table.margin th
	{		
		border-bottom: 2px dotted black;
		height: 25px;
		padding-left: 3px;
	}
	
	table.margin td input { float: none; }
		

	table.margin tr.colored
	{
		background-color:#DFDFDF;
	}		
	
	table.margin th
	{
		background-color: #4D4745;
		height: 30px;
	}

	table
	{
		border-collapse:collapse; 
		border-spacing:0;
	}
	
	table.margin tr
	{
		background-color: #E6E6E6;		
	}
	
	table.margin tr.status_deleted
	{
		color: #999999;
	}
	
	table.margin td.status_gray
	{
		background-image: url(../img/style/background/gray.gif);
		background-repeat: repeat-y;		
	}	
	
	table.margin td.status_apriko
	{
		background-image: url(../img/style/background/apriko.gif);
		background-repeat: repeat-y;		
	}	
	
	table.margin td.status_green
	{
		background-image: url(../img/style/background/green.gif);
		background-repeat: repeat-y;
	}		

	table.margin td.status_blue
	{
		background-image: url(../img/style/background/blue.gif);
		background-repeat: repeat-y;
	}		

	table.margin td.status_orange
	{
		background-image: url(../img/style/background/orange.gif);
		background-repeat: repeat-y;
	}		

	table.margin td.status_red
	{
		background-image: url(../img/style/background/red.gif);
		background-repeat: repeat-y;
	}

	table.margin tr.border_bottom, table.margin tr.border_bottom td
	{
		border-bottom: 1px solid #7D7D7D;
	}

	table.margin tr.border_top, table.margin tr.border_top td
	{
		border-top: 2px solid #7D7D7D;
	}
	
	table.positions
	{
		margin-top: 5px;
		margin-bottom: 5px;
		width: 678px;
	}
	table.positions th
	{
		height: 30px;
		background:#7D7D7D;
		color: #FFF100;
	}

	.full
	{
	width: 100%;
	}
	
	table.margin td.top
	{
		vertical-align: top;
	}
	
	
/***********************************************************************************************************************************************************/
/* END: table
/***********************************************************************************************************************************************************/





/***********************************************************************************************************************************************************/
/* START: color
/***********************************************************************************************************************************************************/
	.white { color:#FFFFFF; }
	
	.red { color: #FF0000; }
	
	.gray, a.gray:visited{ color: #7D7D7D ; }

	.yellow { color: #FFF100; }	
	
	.green { color: #009900; }	
	
	.orange { color: #FFCC00; }
/***********************************************************************************************************************************************************/
/* END: color
/***********************************************************************************************************************************************************/





/***********************************************************************************************************************************************************/
/* END: boxes
/***********************************************************************************************************************************************************/
	ul.missing
	{
		padding-top: 10px;	
	}
	
	ul.missing li
	{	
		padding-bottom: 3px;
		margin-left: 50px;
		list-style-type: disc;
	}
/***********************************************************************************************************************************************************/
/* END: boxes
/***********************************************************************************************************************************************************/





/***********************************************************************************************************************************************************/
/* START: page menu
/***********************************************************************************************************************************************************/
	
	div.page_menu_top { height: 5px;}
	div.page_menu_bot { height: 5px;}
	
	div.page_menu_inner { padding: 0px; }
	

	table.page_menu a { color: #000; }

	
	table.page_menu td
	{
		background-color: #4D4745;
		color: #fff;
		height: 24px;

	}	
	
	table.page_menu input[type='text'] 
	{
		border: 1px solid black; 
		float: none;  
		font-size: 10px; 
		height: 14px;
		line-height: 14px; 
		margin: 0px 5px 0px 5px;
		text-align: center;
		width: 30px; 
	}

	table.page_menu a
	{
		color: #fff;
		text-decoration: none;	
	}
	
	table.page_menu a.page_menu_off
	{
		color: #B9BAB4;					
	}
	
	table.page_menu a.page_menu_off:hover
	{
		text-decoration: underline;	
	}

		
/***********************************************************************************************************************************************************/
/* END: page menu
/***********************************************************************************************************************************************************/





/***********************************************************************************************************************************************************/
/* START: images
/***********************************************************************************************************************************************************/
	img { border: none; }

	img.middle { vertical-align: middle; }
	
	img.icon
	{
		padding-left: 3px;
		padding-top: 2px;
	}
/***********************************************************************************************************************************************************/
/* END: images
/***********************************************************************************************************************************************************/	





/***********************************************************************************************************************************************************/
/* START: imprint
/***********************************************************************************************************************************************************/
	.important {
		color: #555e59;
		line-height: 1.3em;
		padding: 10px 20px;
	}
/***********************************************************************************************************************************************************/
/* END: imprint
/***********************************************************************************************************************************************************/





/***********************************************************************************************************************************************************/
/* START: download icons
/***********************************************************************************************************************************************************/
	li.acrobat
	{
		list-style-type: none;
		background-image: url(../img/doctypes/acrobat.png);
		background-repeat: no-repeat;
		background-position:top left;
		padding-left: 20px;
		line-height: 18px;
	}
	
	li.excel
	{
		list-style-type: none;
		background-image: url(../img/doctypes/excel.png);
		background-repeat: no-repeat;
		background-position:top left;
		padding-left: 20px;
		line-height: 18px;
	}
/***********************************************************************************************************************************************************/
/* END: download icons
/***********************************************************************************************************************************************************/





/***********************************************************************************************************************************************************/
/* START: start news list
/***********************************************************************************************************************************************************/
.news_box
{
	padding-left: 10px;
}

.news_row
{
	padding-top: 5px;
	padding-left: 15px;
}


.news_row a
{
	text-decoration: none;
}

.news_row a.inactive
{
	color: #999;
}
/***********************************************************************************************************************************************************/
/* END: start news list
/***********************************************************************************************************************************************************/





/***********************************************************************************************************************************************************/
/* START: infobox
/***********************************************************************************************************************************************************/
	.infobox 
	{
		background-image: url("../img/style/infobox.gif"); 
		background-repeat: no-repeat; 		
		height: 220px;
		line-height: 20px;
		padding-top: 15px;
		padding-left: 20px;
		text-align: left;
		width: 210px; 
	}
	
	.infobox.download { background-image: url("../img/style/infobox_download.gif"); } 
/***********************************************************************************************************************************************************/
/* START: infobox
/***********************************************************************************************************************************************************/
img.button
{
	cursor:pointer;
}
/***********************************************************************************************************************************************************/
/* START: row info
/***********************************************************************************************************************************************************/
	table.row_info
	{
		width: 200px;
		border: 1px solid #052F79;			
	}
	tr.row_info
	{
		height: 20px;
		background-color: #E4EEFC;
	}
	tr.row_info_alt
	{
		height: 20px;
		background-color: #FFFFFF;
	}
	td.row_info_head
	{
		font-weight: bold;
		border-bottom: 1px solid #052F79;
	}
	td.row_info_label
	{
		padding-right: 3px;
	}
	td.row_info_value
	{
		padding-left: 3px;
	}
/***********************************************************************************************************************************************************/
/* END: row info
/***********************************************************************************************************************************************************/


/***********************************************************************************************************************************************************/
/* START: toggle container
/***********************************************************************************************************************************************************/
	div.toggle_container
	{
		border: 1px solid black;
		margin-top: 5px;
	}
	div.toggle_container_title
	{
		color: #FFF;
		background-color: #AAAAAA; 
		padding: 3px;
	}
	div.toggle_container_content
	{
	 	padding: 3px;
		background-color: #F2F2F2;
	}
/***********************************************************************************************************************************************************/
/* END: toggle container
/***********************************************************************************************************************************************************/

.select_option_yellow
{
	background-color: #FFFF00;
	color: #000000;
}

.select_option_white
{
	background-color: #FFFFFF;
	color: #000000;
}

.select_option_green
{
	background-color: #008000;
	color: #FFFFFF;
}

.select_option_red
{
	background-color: #FF0000;
	color: #000000;
}

div.campaign_pictures img.thumbnail_picture
{
	cursor: pointer;
	max-height: 40px;
	max-width: 55px;
	
}