/****************** RESETS ********************/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		/* vertical-align: baseline; */
		background: transparent;
	}
	body {
		line-height: auto;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
		border-left: 1px solid #999;
		border-top: 1px solid #999;
		background:white;
	}
	table td,
	table th {
		border: 1px solid #999;
		border-left: none;
		border-top: none;
		padding: 10px;
		font-weight: normal;
		vertical-align: top;
		text-align:left;
	}
	
	.first_td {
		white-space:nowrap;
	}
	
	.small {
		font-size: 10px;
	}
	.text_left {
		text-align: left;
	}
	.italic_font {
		font-style:italic;
	}
	
	.team_trigger, .juror_trigger {
		cursor:pointer;
	}
	
	.help {
		cursor:help;
	}
	
	.false {
		background: none repeat scroll 0 0 #FFB4B4;
		margin: 0 0;
		padding: 2px 3px;
		cursor:default;
	}
	.red { color:red; font-weight:bold; }
	
	#zuordnung_formdiv table {
		position:relative;
	}
	/* html, body {  min-height: 101%; } */
	
	

/****************** ALLGEMEINES ********************/
	html {
		overflow-y: scroll;
	}
	body { 
		
		background: url("../images/body.jpg") repeat-x scroll 0 0 #6F6F6F;
	    font-family: verdana;
	    font-size: 11px;
		line-height: 16px;
		line-height: 16.5px;
		line-height: 150%;
		color: black;
		color: #666666;
	}
	body.rtl {
		font-family: Arabic;
	}
	
	a {
		text-decoration: none;
		color: #EDA200;
		color:rgb(168, 7, 40);
		color: #00A2ED;
		font-weight: normal;
	}
	a:hover {
		text-decoration: underline;
	}
	a.current, a.active {
		font-weight: bold;
	}
	
	

	.left { float: left; }
	.right { float: right; }
	.clear { clear: both; }
	.center { margin-left: auto; margin-right: auto; }
	.mainwidth { width: 95%; }
	.full { width: 100%; }
	.width_50 { width: 50%; }
	.strong { font-weight: bold; }

	
	h1, h2, h3 { 
		color: #00A2ED;
		color:rgb(168, 7, 40);
		color: #EDA200;
    	font-size: 16px;
    	font-weight: normal;
    	margin: 0 0 20px;
	}
	h2 {
		color: #EDA200;
		font-size: 15px;
	}
	h3 {
		color: #999999;
		font-size: 13px;
	}
	
	h4 {
		margin:5px 0;
	}
	
	p, table, ul, ol { margin-bottom: 15px;}
	
	
	
	#errors, #messages { 
		border: 2px solid darkred;
		border-left: none;
		border-right: none;
		background: #ffeeee url(../images/error_icon.png) top left no-repeat; /* Schönes Iconset, leider nur für Privat: http://www.iconfinder.com/icondetails/31216/128/information_icon */
		padding: 5px;
		margin-bottom: 20px;
	}
	#errors p, #messages p { color: darkred; margin-bottom: 0px; padding: 5px 0px 5px 30px; }
	
	#messages { 
		border-color: #5AA5EB;
		background-color: #DCECFF;
		background-image: url(../images/information_icon.png);
	}
	#messages p { color: #005488; }


	.tooltip-validation {
		position: relative;
		display: inline-block; /* or inline-block, depending on context*/
	}
	
	.tooltip-text {
		display: none; /* Initially hidden */
		position: absolute;
		background-color: #f9f9f9; /* Or your preferred background color */
		color: #333; /* Or your preferred text color */
		padding: 10px;
		border: 1px solid #ccc; /* Or your preferred border */
		z-index: 1000;
		top: 100%;
		left: 0;
		width: 300px; /* Adjust the width as needed */
		box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	}
	
/****************** Seite ********************/
	#page {
		background: #FFFFFF;
	    margin: 0 0 0 30px;
		min-width:1000px;
		width:95%;
		/*float:left;*/
		
		-o-box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
		box-shadow: 0px 3px 10px rgba(0,0,0,0.5);		
		filter:	progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#d2d2d2', Positive='true');
		/* -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#d2d2d2', Positive='true')"; */
	}
	
	.inline, .inline * {
		display: inline;
		margin-left: 10px;
	}
	
	/* IE7 infobox für juror-team-zuordnung das dieser nicht unterstützt wird */
	/* bei allen browsern bis auf ie7 und kleiner ausgeblendet */
	#ie7_overlay {
		background: url("../images/transparenz.png") repeat 0 0;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/transparenz.png', sizingMethod='scale');	
		display: none;
		height: 1000%;
		left: 0;
		position: absolute;
		top: 0;
		width: 1000%;
		z-index: 10;
	}
	
	#ie7_infobox {
		display:none;
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #969696;
		font-size: 12px;
		font-weight: bold;
		left: 266px;
		margin: 50px 0;
		padding: 20px 20px 10px;
		position: absolute;
		top: 98px;
		width: 400px;
		z-index:11;
	}

	/****************** HEADER ********************/
		#head {
			height: 85px;
			position:relative;
		}
		
		#metanav  .phasen_infos,
		#metanav  .login_infos {
			margin-bottom: 0px;
		}
		
		#metanav {
			position:absolute;
			padding:8px 13px 0 0;
			text-align: right;
			width: auto;
			right:0;
			top:0;
		}
		#metanav * {
			text-align: right;
		}
		#metanav form {
			margin-bottom: 10px;
		}
		
		#switch_year {
			position:absolute;
			margin: 0 10px 0 0;
			right:0;
			top:0;
		}
		
		
		
		
	/****************** TOP ********************/
		#top {
			background: url("../images/home_contentshadow.jpg") no-repeat scroll 0 0 transparent;
			height: 50px;
			padding: 0;
			border-bottom: 1px solid silver;
			position:relative;
			width:100%;
		}
		#top #mainnavi a {
		    border-right: 1px solid #CCCCCC;
		    color: #999999;
		    display: block;
		    float: left;
		    font-size: 15px;
		    
		    padding: 17px 20px;
		    position: relative;
		    text-decoration: none;
		    
		}
		
		#top #mainnavi a.active{
			background: url("../images/tab_bg_red.jpg") bottom left repeat-x transparent;
			color: white;
		}
		#top #mainnavi a:hover {
			background: url("../images/tab_bg_red.jpg") top left repeat-x transparent;
			color: white;
		}
		#top #mainnavi a.last {
		    border: medium none;
		}
		
		
	/****************** COMPONENT-AUSGABE ********************/	
		#component {
			margin-bottom: 10px;
			background: url("../images/home_contentshadow.jpg") top center no-repeat #FFF;
			padding-top: 6px;
			float:left;
			min-width:1000px;
			width:100%;
		}
		#component.cols #left {
			width: 220px;
			float:left;
		}
		#component.cols #left #left_inner {
			background: url("../images/contentshadow_left.png") top left repeat-y transparent;
			margin: 0px;
			padding: 20px 20px 10px 10px;
			width: 190px;
			background: none;
			border-right:1px dotted rgb(200,200,200);
			overflow:hidden;
		}		
		#component.cols #left #left_bottom{
			background: url("../images/shadow_left_bottom.png") top left repeat-y transparent;
			width: 220px;
			margin: 0px;
			padding: 0px;
			height: 11px;
			
			background: none;
			height: 0px;
		}
		
		
		#component #content {
			padding: 20px;
			min-height:600px;
			background: none repeat scroll 0 0 white;
			padding-right: 20px;
		}
		#component.cols #content.hasLeft {
			margin-left:240px;	
		}
		
		#content_wrapper {
			float:left;
			margin:0 auto;
			width:100%;
		}
	/****************** Navi links ********************/	
	
		#component.cols #left p.menu {
			padding-left: 20px;
		}

		#component.cols #left p.active a {
			font-weight: bold;
		}
	
	
	/****************** FOOTER ********************/	
		#footer {
			background: url("../images/home_contentshadow.jpg") no-repeat scroll 0 0 transparent;
		    height: 80px;
		    padding-top: 15px;
		}
		#footer .col {
			display: block;
			float: left;
			margin-left: 20px;
			text-align: center;
		}
		#footer #ministerium {
			float: right;
			padding-right: 20px;
		}
		#footer .col span {
			display: block;
		}
		
		
		
		
		
		


/****************** Formulare ********************/
	
	form input,
	form select,
	form textarea,
	.button,
	#zuordnung_formdiv select,
	#zuordnung_formdiv input {
		border: none;
		background-color: white;
		border: 1px solid #eee;
		padding: 5px;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	form input,
	form select,
	form textarea,
	#zuordnung_formdiv select,
	#zuordnung_formdiv input {	
		/*
		-o-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.5);		
		filter:	progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#d2d2d2', Positive='true');
		/* -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#d2d2d2', Positive='true')"; */
		border: 1px solid silver;
		font-family:verdana;
		font-size:12px;
	}
	
	form input:active,
	form textarea:active,
	#zuordnung_formdiv select:active,
	#zuordnung_formdiv input:active,
	form input:focus,
	form textarea:focus,
	#zuordnung_formdiv select:focus,
	#zuordnung_formdiv input:focus {
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
	}
	
	form input:hover,
	form select:hover,
	form textarea:hover,
	#zuordnung_formdiv select:hover,
	#zuordnung_formdiv input:hover {
		border: 1px solid gray;
	}
	
	form input[type="radio"],
	form input[type="checkbox"] {
		background-color: transparent;
		border: none;
		padding: 0px;
	}
	
	form input[type="checkbox"].checkbox_list {
		float:left;
		margin:1px 5px 0;	
	}
	
	
	
	input[type="submit"],
	input[type="button"],
	button,
	.button {
		text-align: center;
		cursor: pointer;
		background: #eeeeee;
		/* Opera
		background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyNTUsMjU1LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjQ0LDI0NCwyNDQsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
		 */		
		background-image: -webkit-gradient(
		    linear,
		    left top,
		    left bottom,
		    color-stop(0.4, rgb(250,250,250)),
		    color-stop(1, rgb(204,204,204))
		);
		background-image: -moz-linear-gradient(
		    center top,
		    rgb(250,250,250) 40%,
		    rgb(204,204,204) 100%
		);		
		/*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFF4F4F4);
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFF4F4F4)";/* IE8 */
		border: 1px solid silver;
		display: inline-block;
		margin:10px 0 0;

	}
	

	.button:focus,
	.button:hover,
	button:focus,
	button:hover,
	input[type="submit"]:hover,
	input[type="submit"]:focus,
	input[type="button"]:hover,
	input[type="button"]:focus {
		border: 1px solid gray;
	}
	
	
	input[type="submit"]:active,
	input[type="button"]:active,
	button:active,
	.button:active {
		border-style: inset;
		background: #eeeeee;		
		background-image: -webkit-gradient(
		    linear,
		    left top,
		    left bottom,
		    color-stop(0.4, rgb(250,250,250)),
		    color-stop(1, rgb(240,240,240))
		);
		background-image: -moz-linear-gradient(
		    center top,
		    rgb(250,250,250) 40%,
		    rgb(240,240,240) 100%
		);		
	}
	
	label {
		display:block;
		margin:10px 0;
	}
	
	form label.multiselect_topic, #zuordnung_formdiv label.multiselect_topic {
		margin-bottom: 5px;
		display:block;
	}
	
	
	
	
	
	
	#zuordnung_formdiv input[type="checkbox"] {
		padding: 0;
	}
	
	
	
	#login_form {
		width: 300px;
		margin-top:50px;
	}
	#changepassword_form{
		width: 300px;
		margin-top:50px;
	}
	#changepassword_form input[type="text"],
	#changepassword_form input[type="password"] {
		width: 99%;
	}
	
	#login_form input[type="text"],
	#login_form input[type="password"] {
		width: 99%;
	}
	
	
	#profile_form, #password_form { width: 500px; }
	#profile_form .text, #password_form .text { width: 99%; }

	
	h1.Login {
		display:none;
	}


	.password-rules {
		background: #f8f8f8;
		border-left: 3px solid #EDA200;  /* matches your site's color scheme */
		padding: 15px;
		margin-bottom: 20px;
		border-radius: 0 5px 5px 0;
		color: #666666;
	}
	
	.password-rules p {
		color: #666666;
		margin-bottom: 10px;
	}
	
	.password-rules ul {
		list-style: none;
		margin-left: 5px;
	}
	
	.password-rules li {
		color: #666666;
		margin-bottom: 8px;
		padding-left: 20px;
		position: relative;
	}
	
	.password-rules li:before {
		content: "•";
		position: absolute;
		left: 5px;
		color: #EDA200;
	}
	
	.password-requirements {
		margin-top: 8px;
		display: inline-block;
		background: #f8f8f8;
		padding: 5px 10px;
		border-radius: 3px;
	}
	
	.requirement {
		display: inline-block;
		margin-right: 15px;
		font-size: 11px;
		transition: color 0.3s ease;
		position: relative;
	}
	
	.requirement:last-child {
		margin-right: 0;
	}
	
	.requirement:before {
		margin-right: 4px;
		transition: all 0.3s ease;
		content: "○";
		color: #999;
	}
	
	.requirement.met {
		color: #4CAF50;  /* subtle green */
	}
	
	.requirement.not-met {
		color: #999;     /* subtle grey instead of red */
	}
	
	.requirement.met:before {
		content: "✓";
		color: #4CAF50;
	}
	
	.validation-success {
		color: #4CAF50;
		font-size: 11px;
		transition: color 0.3s ease;
	}
	
	.validation-error {
		color: #999;     /* subtle grey instead of red */
		font-size: 11px;
		transition: color 0.3s ease;
	}
	
	/* Style for the password fields when they're being edited */
	#login_form input[type="password"]:focus,
	#changepassword_form input[type="password"]:focus {
		border-color: #EDA200;
		transition: border-color 0.3s ease;
	}
	
	/* Add a subtle transition when the submit button becomes available */
	#submit-button,
	#changepassword_form input[type="submit"] {
		transition: opacity 0.3s ease;
	}
	
	#submit-button[disabled],
	#changepassword_form input[type="submit"][disabled],
	input[name="do_activate"][disabled] {
		opacity: 0.6;
		cursor: not-allowed;
	}
	
	/* Container for the indicators */
	.password-strength-indicator,
	.password-match-indicator {
		min-height: 20px;
		padding: 3px 0;
	}
	
	/* Additional styles for the changepassword form */
	#changepassword_form {
		width: 300px;
		margin-top: 50px;
	}
	
	#changepassword_form input[type="password"] {
		width: 99%;
	}
	
	#changepassword_form h3 {
		margin-bottom: 20px;
	}
	
	/* Ensure consistent spacing */
	#login_form label,
	#changepassword_form label {
		display: block;
		margin: 10px 0;
	}
	
	/* Additional hover states */
	#login_form input[type="submit"]:not([disabled]):hover,
	#changepassword_form input[type="submit"]:not([disabled]):hover {
		border-color: #666;
	}
	
	/* Error state for inputs */
	#login_form input.error,
	#changepassword_form input.error {
		border-color: #ffcdd2;
	}	
	
	
	
	/** Juror Team Zuordnung **/
	
	#zuordnung_formdiv {
	  padding-right: 750px;
	  width: 100%;
	}
	
	#zuordnung_formdiv td {
		padding:0;
		min-width:150px;
	}
	
	#zuordnung_formdiv .team_td {
		padding:5px;
		display:block;
		min-width:100px;
		white-space:nowrap;
	}
	
	#zuordnung_formdiv .team_td  ul, .tooltip ul{
		margin:0 0 2px 15px;
		display:block;
	}	
	
	
	#zuordnung_formdiv .checkbox_zuordnung {
		display:inline;
	}
	

	#zuordnung_formdiv .select_all {
		margin:30px 0 0;
	}
	
	.team_box {
		min-width: 350px;
		display:table-cell;
		vertical-align:middle;
		height:130px;
	}
	
	.team_box .block {	
		display:block;
		margin-bottom:5px;
	}
	.juror_box .box_title, .juror_box .box_subtitle {
		text-align:center;
		display:block;
	}

	.juror_box:hover {
		background-color: #f8f8f8;
	}
	
	.team_box .col1,.team_box .col2,.team_box .col3 {
		display:table-cell;
		padding:0 10px;
		vertical-align:middle;
	}
	.team_box .col1 {
		width:30px;
	}
	
	.team_box .col1 {
		width:30px;
	}	
	.team_box .col2 {
		width:110px;
	}
	
	.team_box:hover {
		background-color: #f8f8f8;
	}

	.filter_box{
		float:left;
		margin:10px 0 0;
		width:400px;
	}
	
	.filters {display:none;}
	
	.checkall {
		display: block;
		margin: 30px 0 0;
	}
	
	.red_bg {
	background: #FFB4B4;
	}
	.yellow_bg {
	background: #fffdc2;
	}
	.green_bg {
	background: #C7FFC2;
	}
	.red_bg:hover {
	background: #ff9c9c;
	}
	.yellow_bg:hover {
	background: #fffc99;
	}
	.green_bg:hover {
	background: #a6ff9e;
	}
	
	.overlay {
		background:rgb(180,180,180);
	}
	
	/* Hover Box */
	
	.hover_box {
		min-height: 115px;
		padding: 20px 5px 0;
		position: relative;
	}
	
	#admin_form .hover_box input[type="checkbox"],
	#zuordnung_form .hover_box input[type="checkbox"]	{
		float:left;
		margin:2px 10px 0 0;
	}

	.hover_box:hover {
		outline: 2px solid #ccc;
	}
	
	.tooltip {
		display:none;
		position:absolute;
		bottom:125px;
		left:4px;
		border:2px solid rgb(220,220,220);
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow:0 0 5px rgb(220,220,220);
		-webkit-box-shadow:0 0 5px rgb(220,220,220);
		box-shadow:0 0 5px rgb(220,220,220);
		width:294px;
		min-height:35px;
		padding:10px;
		background:rgb(240,240,240);
		z-index:999;
	}
	
	
	.hover_box:hover .tooltip {
		display:block;
	}

	.tooltip span {
		font-weight:bold;
		display:block;
		margin:8px 0 0;
	}
	
	.tooltip .team_desc_icon {
		position:relative;
		float:right;
		height:32px;
		width:32px;
		background:url("../images/information_icon.png") no-repeat 0 0;
	}
	
	.tooltip .team_desc_box {
		display:none;
		background: none repeat scroll 0 0 white;
		border: 1px solid #969696;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		-moz-box-shadow: 0 0 5px;
		-webkit-box-shadow: 0 0 5px;
		box-shadow: 0 0 5px;
		left: 32px;
		padding: 5px;
		position: absolute;
		top: -29px;
		width: 400px;
	}
	
	.tooltip .team_desc_icon:hover .team_desc_box {
		display:block;
	}
	
	.name_hint {
		margin:20px 0px 10px;
	}
	
	/************* Teamübersicht - Businesspläne ****************/
		.row {
			border: 1px solid silver;
			margin-bottom: 10px;
			padding: 0px;
			overflow:hidden;
		}
		.row:hover {
			border-color: gray;
		}
	
		.row .top,
		.row .bottom,
		.row .center {
			padding: 5px;
		}
		
		.row .top {
			border-bottom: 1px solid silver;
			margin-bottom: 15px;
			background: #fafafa;
			background-image: -webkit-gradient(
			    linear,
			    left bottom,
			    left top,
			    color-stop(0.2, rgb(240,240,240)),
			    color-stop(1, rgb(255,255,255))
			);
			background-image: -moz-linear-gradient(
			    center bottom,
			    rgb(240,240,240) 20%,
			    rgb(255,255,255) 100%
			);		
		}
		.row .bottom {
			border-top: 1px solid silver;
			padding-top: 15px;
			margin-top: 5px;
		}
		.row .upload_form * {
			font-size: 11px;
		}
		.row .upload_form label {
			display: inline;
			display: inline-block;
			margin-right: 15px;
		}
		.row .upload_form .submit,
		.row .upload_form select {
			width: 70px;
		}
		

		.relative_wrap {
			position:relative;
		}
		
		.infobox {
			position: absolute;
			right:-11px;
			bottom:-280px;
			padding: 10px;
			width:300px;
			z-index:999;
			min-height:250px;
			
			border: 1px solid #C8C8C8;
			background: #fafafa;
			background-image: -webkit-gradient(
			    linear,
			    left bottom,
			    left top,
			    color-stop(0.2, rgb(240,240,240)),
			    color-stop(1, rgb(255,255,255))
			);
			background-image: -moz-linear-gradient(
			    center bottom,
			    rgb(240,240,240) 20%,
			    rgb(255,255,255) 100%
			);		
		}

		.infobox h4 {
			border-bottom: 1px solid #C8C8C8;
			background: #fafafa;
			background-image: -webkit-gradient(
			    linear,
			    left bottom,
			    left top,
			    color-stop(0.2, rgb(240,240,240)),
			    color-stop(1, rgb(255,255,255))
			);
			background-image: -moz-linear-gradient(
			    center bottom,
			    rgb(240,240,240) 20%,
			    rgb(255,255,255) 100%
			);	
			margin:-10px -10px 10px -10px;
			padding:10px;
		}
		
		
		.infobox .close {
			float:right;
			background:url(../images/close.png) no-repeat 0 0;
			width:16px;
			height:16px;
			display:block;
			cursor:pointer;
		}
	
	
	/************* Prescreening ****************/
		.branchen_list_small {
			font-weight: normal;
			font-size: 10px;
			text-align: left;
			list-style: circle;
			margin-left: 15px;
			margin-top:5px;
		}
		
		.prescreening input {
			width:50px
		}

		.prescreening td {
			margin:15px 25px;
			vertical-align:middle;
		}
		
		.prescreening  a, .prescreening p  {
			float:left;
		}		
		
		.prescreening span {
			display:block;
			float:left;
			margin:7px 10px 7px 0;
		}
	/*****************************/
	
		.modal_content { 
			background-color: white;
			padding: 0px;
			margin: 0px;
			display: none;
			height: 100%;
		}
		.modal_content .inner { 
			padding: 10px;
		}
		
		
		
	/* Admin Information */		
	
	#adm_info {
		width:325px;
	}
	
	#adm_info #admin_form span.first_child {
		width:250px;
		
	}
	
	#adm_info #admin_form select {
		margin: 0 10px;
		width: 272px;
	}
		
	/* Admin Portal - TEAM INFORMATION */
	
	
	#admin_form h3{
		font-weight:bold;
		margin:20px 0 10px;
	}
	#admin_form span.first_child, #zuordnung_form  span.first_child {
		background: white;
		display: block;
		height: 30px;
		padding: 12px 10px 0;
		width: 350px;
		border:1px solid rgb(220,220,220);
		margin:5px 0 0 10px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow:0 0 5px rgb(220,220,220);
		-webkit-box-shadow:0 0 5px rgb(220,220,220);
		box-shadow:0 0 5px rgb(220,220,220);
	}
	
	#admin_form span.first_child:hover, #zuordnung_form  span.first_child:hover {
		-moz-box-shadow:0 0 5px rgb(150,150,150);
		-webkit-box-shadow:0 0 5px rgb(150,150,150);
		box-shadow:0 0 5px rgb(150,150,150);	
	}
	

	
	#admin_form .bewertung_label span.first_child {
		width:350px;
		height:30px;
	}
	
	
	#admin_form input[type="checkbox"], #zuordnung_form input[type="checkbox"],
	#admin_form input[type="radio"], #zuordnung_form input[type="radio"] {
		margin:2px 10px 0 15px;
		float:right;
	}
	
	#admin_form input[type="text"], #zuordnung_form input[type="text"] {
		float: right;
		margin: -5px 0 0;
		width:188px;
	}
	
	#admin_form select, #zuordnung_form select {
		float:right;
		width:200px;
		margin:-5px 0 0 15px;
		height:auto;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow:0 0 5px rgb(220,220,220);
		-webkit-box-shadow:0 0 5px rgb(220,220,220);
		box-shadow:0 0 5px rgb(220,220,220);
	}
	
	#admin_form select.multiselect,  #zuordnung_form select.multiselect {
		margin-top:8px;
		height:150px;
		width:370px;
		margin:10px;
		float:none;
	}
	
	
	.team_info_tbl {
		min-width:800px;
		margin:10px 0;
		text-align:left;
		-moz-box-shadow:0 0 5px rgb(200,200,200);
		-webkit-box-shadow:0 0 5px rgb(200,200,200);
		box-shadow:0 0 5px rgb(200,200,200);
	}
	
	.team_info_tbl th, .team_info_tbl td {
		border:1px solid rgb(200,200,200);
	}
	
	.team_info_tbl th {
		font-weight:bold;
	}
	
	.team_info_tbl .header {
		background-color:rgb(245, 245, 245);
	}
	
	
	/* JS A TAGS */
	.auswahl_aufheben {
		float: right; 
		margin: -8px 20px 10px 0;
		cursor:pointer;
	}
	
	.show_filter {
		color:rgb(168, 7, 40);
		color: #00A2ED;
		cursor:pointer;
		float:right;
		margin:5px 0 0;
	}

	.show_columns {
		color:rgb(168, 7, 40);
		color: #00A2ED;
		cursor:pointer;
		float:right;
		margin:5px 0 0;
	}	


	.sortable thead th.header{
		cursor:pointer;
		font-weight: bold;
		padding-right: 20px;
		background-position: right center;
		background-repeat: no-repeat;
		background-color: transparent;
		background-image: url(../images/sort_disabled.png);
		vertical-align: middle;
	}
		
	.sortable thead th.header.headerSortDown{
		background-image: url(../images/sort_down.png);
	}
	.sortable thead th.header.headerSortUp{
		background-image: url(../images/sort_up.png);
	}
	
	#ranking_table_wrap, #phasen_table_wrap {
		padding:10px;
		background: none repeat scroll 0 0 rgb(245,245,245);
		border:1px solid rgb(220,220,220);
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow:0 0 5px rgb(220,220,220);
		-webkit-box-shadow:0 0 5px rgb(220,220,220);
		box-shadow:0 0 5px rgb(220,220,220);	
		min-width:400px;
		float:left;
		margin:10px 0;
		max-width:1250px;
	}

	#ranking_table_wrap h2 {
		margin:0;
	}
	
	#ranking_table_wrap table {
		margin-top:10px;
	}

	#phasen_table_wrap table {
		float:left;
		margin-top:10px;
	}
	
	
	
	
	/* Packlisten */
	#packliste_juror td p {
	  border-bottom: 1px solid #999999;
	  margin-left: -10px;
	  margin-right: -10px;
	  margin-top: -10px;
	  margin-bottom:10px;
	  padding: 5px 10px 10px;
	}
	
	#packliste_juror td p.odd {
		background:rgb(240,240,245);
	}

		
	
	#packliste_juror td p .bp_box {
	  display: block;
	  margin: 5px 0 0;
	}
	
		
	
	/** Zuordnung Juror -- DIV WRAPS */
	
	.formwrap {
		background: none repeat scroll 0 0 rgb(245,245,245);
		padding: 10px;
		border:1px solid rgb(220,220,220);
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow:0 0 5px rgb(220,220,220);
		-webkit-box-shadow:0 0 5px rgb(220,220,220);
		box-shadow:0 0 5px rgb(220,220,220);		
		width:400px;
		margin:10px 0 20px;
	}
	
	.formwrap input.button {
		float: none!important;
	}

	.formwrap #admin_form input[type="radio"] {
		margin:0 5px 0 30px;
	}	
	
	.formwrap input.button {
		margin:3px 4px 3px 10px;
		width:150px;
	}
	
	.formwrap input.submit {
		margin:20px 10px;
	}
	
	
	/* PHASEN VERWALTEN */
	#phasen_verwalten input {
		width:100px;
	}
	
	/* FEEDBACK ÜBERSICHT */
	.feedback .phase_wrap .show_filter {
	  float: right;
	  font-size: 11px;
	  margin:0;
	}
	
	.feedback .phase_wrap {
		border:1px solid rgb(220,220,220);
		background:rgb(245,245,245);			
		margin-bottom:20px;
	}
	
	.feedback .phase_wrap h2 {
		border-bottom:1px solid rgb(220,220,220);
		font-size:18px;
		padding:20px 10px;
		cursor:pointer;
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.2, rgb(240,240,240)),
			color-stop(1, rgb(255,255,255))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgb(240,240,240) 20%,
			rgb(255,255,255) 100%
		);	
	}
	
	/* LEGEND ZUORDNUNG JUROR/TEAM */
	
	.legend {
		background: none repeat scroll 0 0 rgb(245,245,245);
		padding: 10px;
		border:1px solid rgb(220,220,220);
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow:0 0 5px rgb(220,220,220);
		-webkit-box-shadow:0 0 5px rgb(220,220,220);
		box-shadow:0 0 5px rgb(220,220,220);
	  float: right;
	  padding:0 0 0 20px;
	  margin-top:-42px;
	  width:280px;
	}
	.legend h2 {
		margin:16px 0;
	}
	.legend .show_legend {
		margin:17px 15px;
		color: #00A2ED;
		cursor:pointer;
		float:right;
	}
	.legend_inner {
		display:none;
		padding-top:10px;
	}
	.legend span {
		display:block;
	}
	
	.legend span.red {
		background:#FFB4B4;
		width:35px;
		height:35px;
		float:left;
		margin:0 10px 0 0;
	}
	.legend span.yellow {
		background:#FFFDC2;
		width:35px;
		height:35px;
		float:left;
		margin:0 10px 0 0;
	}
	.legend span.green {
		background:#C7FFC2;
		width:35px;
		height:35px;
		float:left;
		margin:0 10px 0 0;
	}
	
	.hilfstexte, .branchen_infobox {
		background: none repeat scroll 0 0 #EBEBEB;
		border: 1px solid #C8C8C8;
		display: block;
		margin-right: 8px;
		padding: 10px 10px 0;
		max-width:600px;
	}
	
	.branchen_infobox_link {
		display: block;
		margin: 10px 0;
		position:relative;
	}
	
	.branchen_infobox {
		display:none;
		color: #666666;
		left: -5px;
		min-height: 50px;
		position: absolute;
		top: 0;
		width: 200px;
		z-index: 100;
	}
	
	.branchen_infobox .close_x {
		font-weight:bold;
		font-size:10px;
		float:right;
		border:1px solid rgb(200,200,200);
		background:1px solid rgb(220,220,220);
		padding:1px 4px;
	}
	
	
/* Teamname Info */
	.teaminfo_block {
		display:block;
		margin:5px 0 10px 10px;
	}
	
	input[disabled]:hover,
	input[disabled]:focus,
	input[disabled]:active {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}	



	 .hide {
		display:none;
	 }
	 
	 
	 .mce-tinymce .mce-btn button { border:none !important; }
	 .attachments_wrap { margin-top:25px; }
	 .attachments_wrap input { float:left; margin-bottom:10px; }
	 .attachments_wrap .add_file.button { margin-bottom:30px; }
	 .attachments_wrap .remove_file {
		float: left;
		margin: 10px 0 0 25px;
		font-size: 18px;
		text-decoration: none;
		font-weight: bold;
	}

 	
	.button.disabled {
		opacity: 0.5;
		cursor: not-allowed;
		background: #f0f0f0 !important;
	}