/* default styles
   -------------- */


a {	color: #E0691A;	background: inherit;}
a:hover { color: #6C757A; background: inherit; }

h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #F60; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

p {	margin: 0 0 5px 0; }

#navi ul { margin: 0; padding : 0; list-style : none; }
/* ul { margin: 0; padding-left : 20px; } */


form { 	margin: 0; }

.checkbox {border:0; height:13px; width:13px;}

input.submit {
	background: #E0691A url(submit.gif) no-repeat;
	border: 0;
	padding: 4px 0;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}

select {
	color: #000;
	font: normal 1em Arial, Sans-Serif;
}

#content_login input {
	width:150px;
	}

.link_mini{
	color: #a0a0a0;
	border: 0px;
	font-size: 10px;
	text-decoration: none;
}




form label, #left_box label, #dialog label{
	float:left;
	width:125px;
	padding:0px 0 0 0;
	font-weight:bold;
	clear:left;
	}
	
	form label.auto {width:auto;}
	form input.auto {float:left;width:150px;}
	form input.auto_but {float:left;width:150px;height:20px;}

form input, form textarea, button, form select{
/*	width: 320px; */
	border: solid 1px #afafaf;
	margin: 1px;
}

/* POSITIONIERUNG Anfang */


	body { 
		margin:0; 
		font:0.7em Tahoma, sans-serif; 
		line-height:1.5em;
		color:#454545; 
		text-align:center;
		}

	#site {						/* wird nur zum Zentrieren der Site benötigt - wenn nicht zentriert, muss 'width' bei #content definiert werden */
		margin:0 auto;
		width:780px;
		text-align:left;
		}

	#content { 
		}
	
	#content_login {			/* Login-Seite Form zentrieren */
		margin:0 auto;
		width:300px
		}


	/* HEADER Anfang */

		#header { 
			height:60px;
			margin:5px 0;
			background:#EEE;
			color: #808080;
			border-bottom: 1px solid #CCC;
			border-top: 1px solid #CCC;
			}	

		#logo {
		 	float:left;
			width:181px;
			height:35px;
			margin:16px 0 0 9px;
			text-indent:-3000px;
			background-image:url(logo.png);
			}


		#top_info_left {
			float:right;
			padding:5px;
			}

		#top_info_right {
			float: right;
			padding:0 5px;
			margin:5px;
			border-left: 1px solid #ccc;
			}

	/* HEADER Ende */


	/* LEFT Anfang */

	#left{
		float: left;
		width:500px;
		margin:0 5px 10px 0;
		}

		#left h3{
			clear:both;
			background:#6C757A url(corner.gif) no-repeat top right;
			color:#FFF;
			padding:7px 0 7px 5px;
			font:bold 1em Tahoma, Arial, Sans-Serif;
			margin:0;
			}

		#left_box { 
			margin: 0 0 10px 0; 
			padding: 5px; 
			}

		#maillist_left {
			margin:2px 5px; 
			}
	
		#maillist_right {
			margin:2px 5px;
			text-align:left;
			}

	/* LEFT Ende */

	
	/* FOOTER Anfang */

	#footer { 
		clear:both;
		padding:10px 0;
		width:780px;
		text-align:center;
		border-top:1px solid #ccc;
		}

		#footer a { 
			color:#808080;
			}
			
	/* FOOTER Ende */
	

/* POSITIONIERUNG Ende */


/* NAVIGATION Anfang */


	#navi { 
		font-size:1.1em;
		height:30px; 
		background: #FF9148;
		border-bottom:1px solid #FFF; 
		}

		#navi li { 
			float:left; 
			}

		#navi li a {
			display:block;
			padding:7px 12px 6px 12px;
			font-weight:bold;
			color:#FFF; 
			text-decoration: none;
			}

		#navi li a:hover {
			background: url(bar.gif) center top no-repeat;
			}

		#navi li a.active {
			background: #E0600B url(bar.gif) center top no-repeat;
			border-bottom:1px solid #E0600B;
			}

		.logout {
			float:right;
			padding:7px 12px 6px 12px;
			font-weight:bold;
			color:#FFF; 
			text-decoration: none;		
		}
			

	#sub_navi { 
		width:780px;
		height:21px;
		background:#E0600B;
		margin:0 0 5px 0;
		color:#FFF;
		}
		
		#sub_navi_links {
			float:left;
			width:650px;
			margin-top:2px;
			}
	
		#sub_navi a {
			color:#FFF;
			padding:0 12px;
			text-decoration:none;
			font-weight:bold;			
			font:1.2em;
			}
		
		#sub_navi a:hover {
			text-decoration:underline;
			}
			
		#date {
			float:right;
			width:110px;
			padding:0 10px;
			text-align:right;
			}

	#info_bar { 
		width:776px;
		height:21px;
		background:#fff;
		margin:0 0 5px 0;
		text-align:center;
		border: 3px double #ff0000;
		color:#000;
		}
	
/* NAVIGATION Ende */


/* E-MAIL ACTIVATION Anfang */

	#email_activation {
		width:400px;
		margin:0 auto;
		font-family:Tahoma, sans-serif;
		}

		#email_activation_header {
			height:50px;
			}
			
		#email_activation_content {
			padding:10px;
			border:1px solid #999;
			text-align:justify;
			}

			#email_activation h1 {
				padding:0;
				margin:0;
				font:normal 1.6em Tahoma, sans-serif;
				color:#E0691A;
				}
				
			#email_activation h3 {
				padding:0;
				margin:0;
				font:normal 1.6em Tahoma, sans-serif;
				}

/* E-MAIL ACTIVATION Ende */

.progressbar{
	background:#ddd;
	float: left;
	margin-right:5px;
	padding:0px;

}

.browse_category  {
	font-size: 0.9em;
	width: 190px;
	color: #FFF;
	background: inherit;
}

.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}


.subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	background: #A4A4A4;
	color: #fff;
}


/* right side
   ---------- */
		
.right {
	float: right;
	width: 270px;
	margin: 0 0 10px 0;
}

.right h3 {
	background: #6C757A  url(corner.gif) no-repeat top right;;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

	.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
	
.image {
	float: left;
	margin: 0 9px 3px 0;
}


#block {
	padding: 5px;
	margin: 2px;
	border-bottom:1px dotted #A9C0CE;
}
	#block:hover {
		background-color:#f5f5f5;
	}

	* html #block {
		border-bottom:1px solid #efefef;
	}

.form_error:before{content:'*';}
.form_error{
	font-weight: bold;
	color: #f22;
}


/**
  *table styles
  */
 #table_data_1{
 	margin:0;
 	padding:0;
 	font:1em Tahoma, sans-serif; 
 }
	
	#table_data_1 tr:hover {
		background-color:#f5f5f5;
		}

	#table_data_1 th {
		text-align:left;
		padding: 1px 5px 1px 5px;
		background-color:#f5f5f5;
		margin:1px;
		color:#000;
		vertical-align: top;
	 }

	#table_data_1 td {
		text-align:left;
		padding: 1px 5px 1px 5px;
		margin:1px;
		border-bottom:1px dotted #A9C0CE;
		vertical-align: top;
		
	 }

	* html #table_data_1 td {
		border-bottom:1px solid #efefef;
	}

 #table_data_2{
 	margin:0;
 	padding:0;
 	font:1em Tahoma, sans-serif; 
 	border:1px solid #eee; 
 	margin-bottom:5px
 	
 }
	
	#table_data_2 tr:hover {
		background-color:#f5f5f5;
		}

	#table_data_2 th {
		text-align:left;
		padding: 1px 5px 1px 5px;
		background-color:#f5f5f5;
		margin:1px;
		color:#000;
		vertical-align: top;
	 }

	#table_data_2 td {
		text-align:left;
		padding: 1px 5px 1px 5px;
		margin:1px;
		vertical-align: top;
		
	 }

	* html #table_data_2 td {
		border-bottom:1px solid #efefef;
	}


.stats_overlay_link{
	border:2px #0000a0;
	}
	 
	 

#php_error br { display:none }

#php_error{
	margin: auto;
    display:block;
    border:3px double #ff0000;
}

#tip {
	font:10px/12px
	Arial,Helvetica,sans-serif; border:solid 1px
	#666666; width:270px; padding:1px;
	position:absolute; z-index:100;
	display:none; color:#333333; top:20px;
	left:90px; background-color:#ffffcc;
	layer-background-color:#ffffcc;
}
 
 .jqmLoad {
    display: none;
    
    position: fixed;
    top: 20%;
    left: 50%;
    
    margin-left: -300px;
    width: 450px;
    
    color: #333;
    padding: 0px;	
	}
                  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 20%;
    left: 50%;
	background-color:#fff;
    
    margin-left: -300px;
    width: 450px;
    
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}



/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow,  {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

* html .jqmLoad  {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmWindow .hd {
	background-color:#E0600B;
	color:#FFF;
	font-size:100%;
	line-height:100%;
	border:1px solid #FFF;
	border-bottom:1px solid #6C757A;
	font-weight:bold;
	overflow:hidden;
	padding:4px;
}

.jqmWindow .bd {
	overflow:hidden;
	padding:4px;
	text-align:left;
}

.jqmWindow .jqmClose {
	position:absolute;
	top:5px;
	right:4px;
	z-index:6;
	height:12px;
	width:12px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	cursor:pointer;
	visibility:inherit;
	background-image:url(http://us.i1.yimg.com/us.yimg.com/i/nt/ic/ut/alt3/close12_1.gif);
}


.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

.ac_moreItems {
	text-align: center;
	background-color: InactiveCaption;
	color: InactiveCaptionText;
	margin: 0px;
	padding: 0px 5px;
	cursor: default;
	display: block;
	width: 100%;
	font: bold menu 12px;
	overflow: hidden;
	-moz-user-select: none;
	-khtml-user-select: none;
}

	#template{
		border:1px solid #0e0e0e;
		width:190px;
		padding:1px;
		margin:5px;
		float:left;
	}
	
	#template h3{
		display:inline;
		color:##0f0f0f;
		font-size:12px;
		padding:1px;
		margin:2px;
	}
	
	#template img{
		display:block;
	}
	
	#template #description{
		width:96%; 
		overflow:auto; 
		height:35px;
	}

	#template #view, #template #use{
		display:block;
		width:96%;
		color:#ffffff;
		font-weight:bold;
		background-color:#E0691A;
		font-decoration:none;
		
		margin:2px;
		border:1px solid #0e0e0e;
		
	}