/* MilkyCMS 3.0 */
/* 2009-11-11 Smallarea-Format angefügt */
/* 2009-12-01 Breiten der Eingabefelder entfernt
			  select-field eingeführt */
/* GLOBAL ADMIN */

.messages {
  color: #CC3333;
  background-color: #FFCCCC;
  border: 1px dotted #CC3333;
  padding: 10px;
  
  margin-bottom: 15px;
}


.note {
	font-style:					italic;
	color:						black;
}

.timer {
	position: absolute;
	top: 5px;
	left: 5px;
	border: 1px dotted red;
	padding: 1px 5px 2px 5px;
	color: red;
	background: white;
}


.admin_menu, .admin_bc {
/*	clear:						left; */
	padding:					0px;
}


ul .admin_menu, 
td .admin_menu {
	list-style: none;
	float:						right;
}

ul .admin_menu li, 
td .admin_menu li {
	margin:						0;
}








/* --- TABELLEN --- */
table.admin,
table.sql_result {
	clear:					both;
	width:					100%;

	margin:					5px 0 5px 0;
	text-align:				left;
	
/*	background:				white;*/
}


table.admin caption {
	margin-top:				15px;
	text-align:				left;
	border-bottom:			1px solid #555;
}

table.admin td, 
table.admin th,
table.sql_result td, 
table.sql_result th {
	padding:				2px 10px 2px 2px;
	vertical-align:			top;
}

table.admin thead th,
table.sql_result thead th {
	border-bottom:			1px solid #555;
}

table.admin tbody tr:hover,
table.sql_result tbody tr:hover {
	background:				#F5F5F5;
}

table.admin tbody th,
table.sql_result tbody th {
	border-top:				1px solid #D1D1D1;
	padding:				5px 10px 0px 2px;
	color:					black;
}

table.admin tbody td,
table.sql_result tbody td {
	border-bottom:			1px solid #D1D1D1;
	max-width: 180px;
	overflow: hidden;
}


table.admin th.row_options {
	min-width: 60px;
}

table.admin .admin_menu {
	float:						right;
	width:						auto;
	padding:					0px;
}

table.admin .admin_menu li {
	margin:						0px;
}


table#file_index {
	padding:				5px;
	border:					1px dotted #D1D1D1;
}

table#file_index td, table#file_index th {
	padding:				2px 5px 2px 5px;
}






ul.page_links {
	padding-left:				22px;
}










/* --- ADMIN BREADCRUMPS --- */
#admin_bc {
	clear:						left;
	overflow:					hidden;
	
	background-image:			url( ../files/admin/breadcrumps.png );
	background-repeat:			no-repeat;
	
	margin-bottom:				2px !important;
	padding:					0 0 0 24px;
	color:						#4B4A46;
}

#admin_bc a {
	color:						black;
}

#admin_bc div.admin_bcw {
/*	overflow:					hidden;*/
	height: 30px;

	background-image:			url( ../files/admin/breadcrumps.png );
	background-repeat:			no-repeat;
	background-position:		right bottom;

	padding:					0 32px 0 0;
	margin:						0px !important;
}

#admin_bc div.admin_bcw ul {
	overflow:					hidden;

	background-image:			url( ../files/admin/breadcrumps.png );
	background-repeat:			repeat-x;
	background-position:		0 -30px;

	margin:						0px !important;
	padding:					0px;
	list-style:					none;
}

#admin_bc div.admin_bcw ul li {
	clear:						none;
	display:					block;
	float:						left;

	background-image:			url( ../files/admin/breadcrumps.png );
	background-repeat:			no-repeat;
	background-position:		right -60px;

	padding:					6px 18px 0 8px;
	margin:						0px !important;
	height:						24px; /* 30px -padding */;
}














.admin_index {
	clear:						both;
	padding:					10px 0px 5px 15px;
  /* margin-bottom: 10px; */
}

.admin_menu li, 
.ec_record_info_bottom li {
  display:							inline !important; /* melodiva */
  clear:							none !important; /* melodiva */
  border: 							none !important; /* melodiva */

  list-style-type:					none;
  margin-right:						4px;
}

.admin_menu li a,
.admin_menu li span {
  border:							none !important; /* melodiva */
  display:							inline !important; /* melodiva */
  padding:							0 !important; /* melodiva */
}	



/* .admin_menu li:first-child:before, */
.admin_index li:before, 
.ec_record_info_bottom li:first-child:before {
  content: " » ";
}

.messages li, 
.info li, 
.admin_index, 
.ec_record_info_bottom {
  list-style-type: none;
}


.admin_info {
	margin-top:						20px;
	list-style:						none;
}




dl.info {  
  margin:              				0 0 5px 0;
  padding:							0 0 5px 0;
  border-bottom:					1px solid #D1D1D1;
}


dl.info dt {
  clear:							both;
  float:							left;
  
  margin:							0 4px 0 0;
  padding:							0 0 2px 0;
  color:		 					#9C9C9C;
}

dl.info dd {
  padding:							0 0 2px 0;
  color:							black;
}





.off {
  color: #D1D1D1;
}

.none {
  font-style: italic;
  color: #999;
}

div.code {
	font-family:					courier;	
	white-space:					pre;
}



span.add_record {
  font-weight: bold;
  /* border-bottom: 1px dotted black; */
  color: black;
}







/* BUTTONS */
ul.admin_menu span {
	display: 					block;
	float:						left;
	
	margin:						0 6px 0 0;
	
	background-image:			url( ../files/admin/options.png );
	background-repeat:			no-repeat;
	background-position:		20px 20px;
}

ul.admin_menu .off,
ul.admin_menu .edit,
ul.admin_menu .delete,
ul.admin_menu .remove,
ul.admin_menu .clear_cache,
ul.admin_menu .delete_output,
ul.admin_menu .add,
ul.admin_menu .add_record,
ul.admin_menu .add_fields,
ul.admin_menu .duplicate,
ul.admin_menu .export,
ul.admin_menu .online,
ul.admin_menu .offline,
ul.admin_menu .settings,
ul.admin_menu .download {
	width:						20px;
	height:						20px;
	
	margin:						0px;
	
	background-position:		0px 0px;
	text-indent:				-999px;
	text-align: left;
	
	overflow:					hidden;
}

ul.admin_menu .off {
	background:					none;
}




/* edit */
ul.admin_menu .edit:hover {
	background-position:		0px -20px;
}

ul.admin_menu .off .edit {
	background-position:		0px -40px;
}



/* delete */
ul.admin_menu .delete,
ul.admin_menu .delete_output {
	background-position:		-20px 0px;
}

ul.admin_menu .delete:hover,
ul.admin_menu .delete_output:hover {
	background-position:		-20px -20px;
}

ul.admin_menu .off .delete,
ul.admin_menu .off .delete_output {
	background-position:		-20px -40px;
}



/* add */
ul.admin_menu .add_record,
ul.admin_menu .add_fields,
ul.admin_menu .add {
	background-position:		-40px 0px;
}

ul.admin_menu .add_record:hover,
ul.admin_menu .add_fields:hover,
ul.admin_menu .add:hover {
	background-position:		-40px -20px;
}

ul.admin_menu .off .add_record,
ul.admin_menu .off .add_fields,
ul.admin_menu .off .add {
	background-position:		-40px -40px;
}



/* duplicate */
ul.admin_menu .duplicate {
	background-position:		-60px 0px;
}

ul.admin_menu .duplicate:hover {
	background-position:		-60px -20px;
}

ul.admin_menu .off .duplicate {
	background-position:		-60px -40px;
}



/* export */
ul.admin_menu .export {
	background-position:		-80px 0px;
}

ul.admin_menu .export:hover {
	background-position:		-80px -20px;
}

ul.admin_menu .off .export {
	background-position:		-80px -40px;
}



/* online */
ul.admin_menu .online {
	background-position:		-100px 0px;
}

ul.admin_menu .online:hover {
	background-position:		-100px -20px;
}

ul.admin_menu .off .online {
	background-position:		-100px -40px;
}



/* offline */
ul.admin_menu .offline {
	background-position:		-120px 0px;
}

ul.admin_menu .offline:hover {
	background-position:		-120px -20px;
}

ul.admin_menu .off .offline {
	background-position:		-120px -40px;
}



/* settings */
ul.admin_menu .settings {
	background-position:		-140px 0px;
}

ul.admin_menu .settings:hover {
	background-position:		-140px -20px;
}

ul.admin_menu .off .settings {
	background-position:		-140px -40px;
}



/* remove */
ul.admin_menu .remove,
ul.admin_menu .clear_cache {
	background-position:		-160px 0px;
}

ul.admin_menu .remove:hover,
ul.admin_menu .clear_cache:hover {
	background-position:		-160px -20px;
}

ul.admin_menu .off .remove,
ul.admin_menu .off .clear_cache {
	background-position:		-160px -40px;
}



/* download */
ul.admin_menu .download {
	background-position:		-180px 0px;
}

ul.admin_menu .download:hover {
	background-position:		-180px -20px;
}

ul.admin_menu .off .download {
	background-position:		-180px -40px;
}















/* ----- EDIT CONTENT ----- */
/* page info */
/* long */
.ec_page_info_long {
	clear:						both;
	overflow:					hidden;
	
	background-image:			url( ../files/admin/page_info.png );
	background-repeat:			no-repeat;
	
	margin-bottom:				2px !important;
	padding:					0 0 0 32px;
}

.ec_page_info_long div.ecw {
	background-image:			url( ../files/admin/page_info.png );
	background-repeat:			no-repeat;
	background-position:		right bottom;

	padding:					0 32px 0 0;
	margin:						0px !important;
}

.ec_page_info_long div.ecc {
	background-image:			url( ../files/admin/page_info.png );
	background-repeat:			repeat-x;
	background-position:		left center;

	padding:					5px 0 0 0;
	margin:						0px !important;
	height:						40px; /* 45px -padding */;
}

.ec_page_info_long div.ecc p {
	margin:						0px !important;
	color:						#4B4A46;
}




/* short */
.ec_page_info_short {
	clear:						both;
	overflow:					hidden;
	
	background-image:			url( ../files/admin/short_page_info.png );
	background-repeat:			no-repeat;
	
	margin-bottom:				2px !important;
	padding:					0 0 0 32px;
}

.ec_page_info_short div.ecw {
	background-image:			url( ../files/admin/short_page_info.png );
	background-repeat:			no-repeat;
	background-position:		right bottom;

	padding:					0 32px 0 0;
	margin:						0px !important;
}

.ec_page_info_short div.ecc {
	background-image:			url( ../files/admin/short_page_info.png );
	background-repeat:			repeat-x;
	background-position:		left center;

	padding:					4px 0 0 0;
	margin:						0px !important;
	height:						22px; /* 45px -padding */;
}

.ec_page_info_short div.ecc p {
	margin:						0px !important;
	color:						#4B4A46;
}







/* area info */
.ec_area_info {
	clear:						both;
	overflow:					hidden;
	
	background-image:			url( ../files/admin/area_info.png );
	background-repeat:			no-repeat;
	
	margin-bottom:				2px !important;
	padding:					0 0 0 32px;
}

.ec_area_info div.ecw {
	background-image:			url( ../files/admin/area_info.png );
	background-repeat:			no-repeat;
	background-position:		right bottom;

	padding:					0 32px 0 0;
	margin:						0px !important;
}

.ec_area_info div.ecc {
	background-image:			url( ../files/admin/area_info.png );
	background-repeat:			repeat-x;
	background-position:		left center;

	padding:					5px 0 0 0;
	margin:						0px !important;
	height:						21px; /* 45px -padding */;

	color:						#E1E5EC;
}





/* layout info */
/* long */
.ec_layout_info_long {
	clear:						both;
/*	overflow:					hidden; */
	
	background-image:			url( ../files/admin/layout_info.png );
	background-repeat:			no-repeat;
	
	margin-bottom:				6px !important;
	padding:					0 0 0 32px;
}

.ec_layout_info_long div.ecw {
	background-image:			url( ../files/admin/layout_info.png );
	background-repeat:			no-repeat;
	background-position:		right bottom;

	padding:					0 32px 0 0;
	margin:						0px !important;
}

.ec_layout_info_long div.ecc {
	background-image:			url( ../files/admin/layout_info.png );
	background-repeat:			repeat-x;
	background-position:		left center;

	padding:					5px 0 0 0;
	margin:						0px !important;
	height:						40px; /* 45px -padding */;
}

.ec_layout_info_long div.ecc p {
	margin:						0px !important;
	color:						#4B4A46;
}



/* short */
.ec_layout_info_short {
	clear:						both;
/*	overflow:					hidden; */
	
	background-image:			url( ../files/admin/short_layout_info.png );
	background-repeat:			no-repeat;
	
	margin-bottom:				2px !important;
	padding:					0 0 0 32px;
}

.ec_layout_info_short div.ecw {
	background-image:			url( ../files/admin/short_layout_info.png );
	background-repeat:			no-repeat;
	background-position:		right bottom;

	padding:					0 32px 0 0;
	margin:						0px !important;
}

.ec_layout_info_short div.ecc {
	background-image:			url( ../files/admin/short_layout_info.png );
	background-repeat:			repeat-x;
	background-position:		left center;

	padding:					3px 0 0 0;
	margin:						0px !important;
	height:						23px; /* 45px -padding */;
}

.ec_layout_info_short div.ecc p {
	margin:						1px 0 0 0 !important;
	color:						#4B4A46;
	float:						left;
}




/* sublayout info */
.ec_record_wrapper .ec_layout_info_long,
.ec_record_wrapper .ec_layout_info_short {
	background-image:			url( ../files/admin/sublayout_info.png );
	display:					none;
}

.ec_record_wrapper .ec_layout_info_long div.ecw,
.ec_record_wrapper .ec_layout_info_short div.ecw {
	background-image:			url( ../files/admin/sublayout_info.png );
}

.ec_record_wrapper .ec_layout_info_long div.ecc,
.ec_record_wrapper .ec_layout_info_short div.ecc {
	background-image:			url( ../files/admin/sublayout_info.png );
	padding:					5px 0 0 0;
	height:						21px; /* 45px -padding */;
}

.ec_record_wrapper .ec_layout_info_long div.ecc p,
.ec_record_wrapper .ec_layout_info_short div.ecc p {
	float:						left;
}





















/* record info */
.ec_record_wrapper {
	clear:						both;
	margin-bottom:				0px !important;
/*	overflow:					visible !important; */
}


/* top */
.ec_record_top {
	display:					none;
	overflow:					hidden;
	
	background-image:			url( ../files/admin/record_top.png );
	background-repeat:			no-repeat;
	
	margin-bottom:				2px !important;
	padding:					0 0 0 32px;
}

.ec_record_top div.ecw {
	background-image:			url( ../files/admin/record_top.png );
	background-repeat:			no-repeat;
	background-position:		right bottom;

	padding:					0 32px 0 0;
	margin:						0px !important;
}

.ec_record_top div.ecc {
	background-image:			url( ../files/admin/record_top.png );
	background-repeat:			repeat-x;
	background-position:		left center;

	padding:					2px 0 0 0;
	margin:						0px !important;
	height:						28px; /* 30px -padding */;
}

.ec_record_top div.ecc p {
	margin:						0px !important;
	color:						#EAEAEA;
	float:						left;
}

.ec_record_top div.ecc a {
	color:						#B9CBEE;
}




/* bottom */
.ec_record_bottom {
	display:					none;
	clear:						left;
	background-image:			url( ../files/admin/record_bottom.png );
	background-repeat:			no-repeat;
	
	margin-bottom:				2px !important;
	padding:					0 0 0 32px;
}

.ec_record_bottom div.ecw {
	background-image:			url( ../files/admin/record_bottom.png );
	background-repeat:			no-repeat;
	background-position:		right bottom;

	padding:					0 32px 0 0;
	margin:						0px !important;
}

.ec_record_bottom div.ecc {
	background-image:			url( ../files/admin/record_bottom.png );
	background-repeat:			repeat-x;
	background-position:		left center;

	padding:					2px 0 0 0;
	margin:						0px !important;
	height:						16px; /* 20px -padding */;
}


.ec_record_bottom a.pagetop,
.ec_record_bottom a.layout_top,
.ec_record_bottom a.record_top {
	display:					block;
	float:						left;
	
	text-indent:				-999px;
	overflow:					hidden;
	width:						14px;
	height:						12px;

	border:						none;

	background-image:			url( ../files/admin/record_navigation.png );
	background-repeat:			no-repeat;
	background-position:		0px 0px;
}
.ec_record_bottom a.pagetop:hover {
	background-position:		0px -12px;
}


.ec_record_bottom a.layout_top {
	background-position:		-14px 0px;
}
.ec_record_bottom a.layout_top:hover {
	background-position:		-14px -12px;
}


.ec_record_bottom a.record_top {
	background-position:		-28px 0px;
}
.ec_record_bottom a.record_top:hover {
	background-position:		-28px -12px;
}





/* subrecord info */
/* top */
.ec_record_wrapper .ec_record_wrapper .ec_record_top {
	background-image:			url( ../files/admin/subrecord_top.png );
}

.ec_record_wrapper .ec_record_wrapper .ec_record_top div.ecw {
	background-image:			url( ../files/admin/subrecord_top.png );
}

.ec_record_wrapper .ec_record_wrapper .ec_record_top div.ecc {
	background-image:			url( ../files/admin/subrecord_top.png );
	padding:					2px 0 0 0;
	height:						20px; /* 30px -padding */;
}

.ec_record_wrapper .ec_record_wrapper .ec_record_top div.ecc p {
	color:						#4B4A46;
}

.ec_record_wrapper .ec_record_wrapper .ec_record_top div.ecc a {
	color:						#005884;
}


/* top */
.ec_record_wrapper .ec_record_wrapper .ec_record_bottom {
	background-image:			url( ../files/admin/subrecord_bottom.png );
}

.ec_record_wrapper .ec_record_wrapper .ec_record_bottom div.ecw {
	background-image:			url( ../files/admin/subrecord_bottom.png );
}

.ec_record_wrapper .ec_record_wrapper .ec_record_bottom div.ecc {
	background-image:			url( ../files/admin/subrecord_bottom.png );
	padding:					2px 0 0 0;
	height:						16px; /* 30px -padding */;
}





























/* FORMS */
form.admin {
	border:					1px dotted #D1D1D1;
	padding:				10px;
	
	background-color:		white;
	background-image:		url( ../files/admin/form.bg.gif );
	background-repeat:		repeat-x;
	background-position:	left bottom;
}

ul form.admin {
	border:					none;
	padding:				0px;
	background:				none;
}


form.admin .buttons {
	font-size:					90%;
}

form.admin .template,
form.admin .code {
  font-family: Courier;
  font-size: 12px;
  line-height: 14pt;
  color: #666;
}

form.admin .code {
	width:					98%;
	height:					auto;
}

form.admin .template {
	width:					98%;
	height:					420px;
}







#navigation form {
  display: 					inline;
}

#navigation form p {
  display: 					inline;
}

#navigation form.admin p label {
  float: 					none;
  display: 					inline;
}


form.admin label {
/*	float:					left;
	width:					180px; */
}

form.admin p.checkbox {
/*	padding-left:			180px; */
}











ul#files_list {
/*	display:				none; */

	margin:					5px 0 15px 0;
	padding:				5px 5px 5px 25px;

	border:					1px dotted #D1D1D1;
	background:				white;
	
	width:					60%;
}

ul#files_list li {
	color:					black;
	margin-bottom:			3px;
}













/* OFFLINE */
.offline * {
  color: #D1D1D1 !important;
}
.offline a {

}

.offline .ec_layout_info {
  border: 1px dotted black; /* #D1D1D1; */
}

.offline .ec_record_info_top { 
  color: black !important;
  border: 1px dotted black; /* #D1D1D1; */
  border-bottom: none;
}

.offline .ec_record_info_bottom { 
  color: black !important;
  border: 1px dotted black; /* #D1D1D1; */
  border-top: none;
}







#queries {
	clear:			both;
	margin:			10px auto;
}

#queries dl {
	padding:		6px;
	border:			1px solid #666;
	margin-bottom:	5px;
	
	background:		white;
}

#queries dl.error {
	border:			1px solid red;
	color:			red;
}


#queries dl dt {
  font-weight: bold;
  float: left;
}

#queries dl dt:after {
  content: ":";
}


#queries dl dd {
  padding-left: 50px;
}



















/* --- TOOLS --- */
/* Languages Fieldset */
form fieldset.record-info {
/*	width:					625px;*/
	margin-bottom:			10px;
}

form fieldset.record-info legend {
	font-weight: 			bold;
}

form fieldset.record-info label {
	float:					left;
	margin-right:			15px;
}

form fieldset.record-info input.text {
	float:					right;
}

form fieldset.record-info input.text {
	margin-right:			254px;
}



form fieldset.record-info label.radio {
	padding-top:			3px;
}

form fieldset.record-info input.radio {
	margin-top:				6px !important;
}









/* MilkyCMS Toolbar */
.milkycms-toolbar {
	width:					640px;
}

.milkycms-toolbar .mcms-tbw {
	clear:					both;
	margin-top:				15px;
	margin-bottom:			0px !important;
	
	background-image:		url( ../files/admin/milkycms.toolbar.left.png );
	background-repeat:		no-repeat;
	
	padding:				0 0 0 24px;
	overflow:				hidden;
}

textarea.toolbar-copy {
	width:					640px;/*634px;*/
	height:					420px;
	border-top:				1px solid white;
}

.milkycms-toolbar ul.toolbar {
	font-family: 			arial, geneva, sans-serif;
	font-size:				11px;
	color:					black;
	font-weight:			bold;

	height:					23px;
	list-style:				none;
		
	background-image:		url( ../files/admin/milkycms.toolbar.png );
	background-repeat:		no-repeat;
	background-position:	top right;
	
	padding:				0 24px 0 0;
}

.milkycms-toolbar ul.toolbar li {
	float:					left;
	padding:				4px 4px 0 4px;
}

.milkycms-toolbar ul.toolbar li a {
	color:					#333;
/*	font-weight:			bold; */
}

.milkycms-toolbar ul.toolbar li a:hover {
	color:					black;
	text-decoration:		none;
/*	font-weight:			bold; */
}





/* language-select */
ul.language-select {
	list-style:				none;
	overflow:				hidden;
	background-image:		url( ../files/admin/milkycms.toolbar.png );
	background-position:	left bottom;
	border-top:				1px solid white;
	border-left:			1px solid #999;
	border-right:			1px solid #999;
}

ul.language-select li {
	float:					left;
	padding:				2px 6px;
}

ul.language-select li a {
	color:					#333;
}

ul.language-select li.current {
	border-bottom:			1px solid white; /* #F3F3F3;*/
	background:				#F3F3F3;
}

ul.language-select li.current a {
	color:					black;
}






/* Languages Fieldset */
form fieldset.languages {
	padding:				2px 3px 2px 10px;
/*	width:					625px;*/
	margin-bottom:			3px;
}

form fieldset.languages legend {
	font-weight: 			bold;
}

form fieldset.languages label {
	float:					left;
}

form fieldset.languages input.text {
	float:					right;
}




/* Single Fields */
form p.single-field,
form p.select-field {
	border:					1px dotted #666;
	padding:				5px 3px 4px 10px;
/*	width:					625px;*/
	margin-bottom:			3px;
	background:				white;
}

form p.single-field label,
form p.single-field .label,
form p.select-field label,
form p.select-field .label {
	font-weight: 			bold;
	float:					left;
}

form p.single-field /*input*/.text {
	float:					right;
	width: 320px;
}

form p.single-field input.intval {
	margin-right: 			254px;
	width: 70px;
}




/* Smallarea Fields */
form p.smallarea-wrapper {
	border:					1px dotted #666;
	padding:				5px 3px 4px 10px;
/*	width:					625px;*/
	margin-bottom:			3px;
	background:				white;
}

form p.smallarea-wrapper label,
form p.smallarea-wrapper .label {
	font-weight: 			bold;
	float:					left;
}

form p.smallarea-wrapper textarea {
	float:					right;
	width: 320px;
}