@import url("selectable.css");

body { margin: 0; padding: 0; color: #555; font: normal 10pt Arial,Helvetica,sans-serif; background: #EFEFEF; }
ul ul { padding-left: 7px; }

/* clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#page { margin-bottom: 0px; background: #FFF; border-top: 3px solid #7ca37c; 
	-moz-box-shadow: 0px 0px 10px #AAA; -webkit-box-shadow: 0px 0px 10px #AAA; box-shadow: 0px 0px 10px #AAA; }
#header { margin: 0; padding: 0; }

#content { padding: 5px 20px 20px; }

#sidebar
{
	padding: 15px 20px 20px 0;
}

#footer { padding: 3px 10px; margin: 0px 20px; font-size: 0.8em; text-align: center; border-top: 1px solid #7ca37c; }

#logo { padding: 5px 5px 5px 15px; float: right; margin-top: 5px; }
#logo img { width: 200px; height: auto; }

#mainmenu { background: #244324;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(36,67,36)), color-stop(0.78, rgb(0,110,0)));
background: -moz-linear-gradient(center bottom, rgb(36,67,36) 9%, rgb(0,110,0) 78%);
margin-right: 0px; }
#quickpick { margin-right: 10px; margin-top: 4px; border: 1px solid #002b00; background: #FEFEFE; padding: 0 3px; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
	-moz-box-shadow: inset 1px 1px 3px #AAA; -webkit-box-shadow: inset 1px 1px 3px #AAA; box-shadow: inset 1px 1px 3px #AAA; }

#mainmenu ul { padding:6px 20px 5px 10px; margin:0px; z-index:10;}
#mainmenu ul li { display: inline; position: relative; }
#mainmenu ul li a { color: #EEE; background-color:transparent; font-size:12px; font-weight:bold; text-decoration:none; padding:5px 8px; }
#mainmenu ul li a:hover, #mainmenu ul li.active a { color: #000; background-color:#7ca37c; text-decoration:none; }
#mainmenu > ul ul { display: none; position: absolute; left: -5px; top: 21px; background: #CFE6CF; padding: 0px; margin: -1px 0 0; border: 1px solid #006000; }
#mainmenu > ul ul li { padding: 0; }
#mainmenu > ul ul li a { display: block; color: #333; width: 11em; }

.breadcrumbs, body { background: #f0f7f0; }

.container { border-top: 3px solid #006000; clear: both; }

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view { padding: 10px 20px; margin: 10px 0; border: 1px solid #7ca37c; position: relative; display: block; background: #FEFEFE; z-index:0;}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form { padding: 0.6em; margin: 0 0 1em; background: #efefef;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
div.search-form div.row { margin: 0.3em 0 0; padding: 0; }
div.search-form div.row label { width: 95px; }

.portlet { }
.portlet-decoration { padding: 3px 8px; background: #007500; border-left: 5px solid #005b00; }
.portlet-title { font-size: 12px; font-weight: bold; padding: 0; margin: 0; color: #FFF; }
.portlet-content { font-size:0.9em; margin: 0 0 15px 0; padding: 5px 8px; background: #cfe6cf; }
.portlet-content ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0; 	padding: 0; }
.portlet-content li { padding: 2px 0 4px 0px; }

.operations { list-style-type: none; margin: 0; padding: 0; }
.operations li { padding-bottom: 2px; }
.operations li a
{
	font: bold 12px Arial;
	color: #004B00;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

#content h1 { float: left; margin-top: 15px; }
.list-view { }
.items { clear: both; }

.priority_1 *,
.priority_2 * { background: #FF6347; }
.priority_3 *,
.priority_4 * { background: #FF7F50; }
.priority_5 *,
.priority_6 * { background: #F4A460; }
.priority_7 *,
.priority_8 * { background: #FAEBD7; }
.priority_9 *,
.priority_0 * { background: #DCDCDC; }

.inaktiv * { background: #A00; }
.aktiv * { background: #006000; }

.list_priority_indicator { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 5px; }
.list_priority_indicator div { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; }

.sortbar { clear: both; float: left; padding: 1.7em 0 0.8em; }
.summary { padding: 1.7em 0 0.8em; }

.list_dates,
.list_item,
.list_title,
.list_details { background: #F8F8F8; padding: 4px 8px; margin: 1px 0 1em; color: #555;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
	-moz-box-shadow: 0px 0px 5px #BBB; -webkit-box-shadow: 0px 0px 5px #BBB; box-shadow: 0px 0px 5px #BBB; }
.list_details h2 { padding: 0.4em 0px; margin: 0px; font-size: 1em; font-weight: bold; color: #555;}
.list_details h3 { padding: 0px; margin: 0px; font-size: 0.9em; font-weight: bold; color: #888; }
.list_details .editButton { float: right; }
.list_dates { clear: right; float: right; }
.list_details { clear: left; }
.list_item { clear: none; width: 138px; float: left; margin: 0.4em 0.2em 0.4em; }
.list_title { font-size: 1.4em; margin: 0; font-weight: bold; padding: 8px; }
.view b { font-size: 0.87em; }
.view h3 { font-size: 0.93em; font-weight: bold; padding: 0; margin: 0; }
.marke_single_image { float: right; }
.marke_list_image { clear: right; margin: 0 auto 1em; }
.marke_list_image img { width: auto; max-height: 190px; max-width: 170px; }
.marke_single_image img { max-width: 250px; }
.marke_single_image h2 { text-align: right; }

.besitzer div,
.beauftragte div { border-bottom: 1px dotted #CCC; padding-bottom: 0.2em; margin-bottom: 0.2em; }
.besitzer div:last-child,
.beauftragte div:last-child { border: none; padding: 0; margin: 0; }

div.abgelaufen { background: #DDD; color: #999; }
.abgelaufen * { color: #999; }
.ajaxForm { background: #F0F7F0; color: #555; padding: 0.4em 0.7em; width: 46%;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

#stati li,
#elongations li,
#comments li,
#pledges li,

#applicants li,
#picture li,
#priority li,
#representatives li,
#documents li,
#countries li,
#classes li,
#brands li,
#internal li,
#domain li,
#groups li,
.list_details dt { padding: 0.1em 0.3em; list-style: disc; position: relative; }
input.delete { opacity: 0.2; font-size: 0.7em; font-weight: bold; background: rgba(190, 0, 0, 0.5); color: #FFF; border: 1px solid #A00; position: absolute; top: 0.2em; left: -40px; padding: 1px 1px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
/*  TODO flo: fontsize ändern oben */
#stati li:hover,
#elongations li:hover,
#comments li:hover,
#applicants li:hover,
#priority li:hover,
#picture li:hover,
#representatives li:hover,
#pledges li:hover,

#documents li:hover,
#countries li:hover,
#classes li:hover,
#domain li:hover,
#brands li:hover,
#internal li:hover,
#groups li:hover,
.list_details dt:hover { background: #F0F7F0; }

li:hover .delete,
dt:hover .delete { opacity: 1; }
input.delete:hover { background: -moz-radial-gradient(center 45deg, circle closest-side, #B00, #900 ) #800; }
dl { padding-left: 40px; }

.detailArea { overflow-x: hidden; overflow-y: scroll; height: 480px; padding: 0.5em; }

.ui-dialog-content label { display: block; font-size: 0.81em; color: #444; font-weight: bold; margin-top: 0.26em; }

/** pager styles **/
ul.yiiPager { font-size:11px; border:0; margin:0; padding:0; line-height:100%; display:inline; }
ul.yiiPager li { display:inline; }
ul.yiiPager a:link,
ul.yiiPager a:visited { border:solid 1px #007500; font-weight:bold; color:#007500; padding:1px 6px; text-decoration:none; }
ul.yiiPager .page a { font-weight:normal; }
ul.yiiPager a:hover { border:solid 1px #0e509e; }
ul.yiiPager .selected a { background:#007500; color:#FFFFFF; font-weight:bold; }
ul.yiiPager .hidden a { border:solid 1px #DEDEDE; color:#888888; }

@media print {
	#header, 
	#mainmenu,
	.breadcrumbs,
	#footer,
	.ajaxForm,
	.delete,
	#sidebar,
	#uploadPicture,
	.editButton,
	.search-form { display: none; }
	* { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
	/*p, h2, h3 { orphans: 3; widows: 3; } */
	.container { border: none; }
	h2, h3{ page-break-after: avoid; }
	#yw0 { page-break-after: avoid; }
	.markeDetails { height: auto !important; overflow: visible !important; page-break-before: avoid; }
	.markeDetails h2 { font-size: 1.12em; padding: 0.6em 0 0; margin: 0.6em 0 0; font-weight: bold; border-top: 1px dotted #888; }
	.markeDetails h3 { font-size: 1.09em; padding: 0.5em 0 0; margin: 0.5em 0 0; font-weight: bold; }
	li { padding: 0 0 0.2em !important; list-style-type: disc !important; margin: 0 0 0.2em !important; }
	ul, ol { margin: 0px; padding: 0px; padding-left: 1em; }
	@page { margin: 0.5cm; }
	a:after { content: ""; }
}