/*  
Theme Name: eDurchblick
Theme URI: http://www.southdesign.de/
Description: Plug customized from southdesign.de
Version: 1.0
Author: Thomas Fankhauser 
Author URI: http://www.southdesign.de/

This Theme is for the southdesign Page only
*/

body { 
  background-color: #000000; 
  background-image: url(images/bg_gradient.png);
  background-repeat: repeat-x;
  color: #333; 
  }

body, p, ol, ul, td {
  font-family: 'Myriad', verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

pre {
  padding: 10px;
  font-size: 11px;
}

a { color: #0083CF; }
a:visited { color: #0083CF; }
a:hover { color: #fff; background-color:#000; }

h5 a, h5 a:visited { color: #FFFFFF; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

ul.menu {
  padding: 0;
  margin-top: 0;
}

ul.menu li {
  display: inline;
}

div.mail_frame{
  width: 100%;
  height: 350px;
  overflow: scroll;
}

table{
  border-collapse: collapse;
}

table.zebra,
table.email{
  width: 98%;
  margin-left: 10px;
  margin-right: 10px;
}

table.email label{
  text-align: left;
  color: #6B6B6B;
  font-size: 10px;
  font-weight: bold;
}

table.email tr td:first-child{
  width: 30%;
}

table.zebra td{
  vertical-align: middle;
  font-family: helvetica, sans-serif;
  margin-bottom: 5px;
}

table.zebra tr.show td {
  vertical-align: top;
}

table.zebra tr.showright td {
  vertical-align: top;
  text-align: right;
}

table.zebra tr td.user_action{
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.246094) 1px 1px 0px;
  font-weight: bold;
  background-color: #2E9EEA;
  background-image: url(images/menu_gradient.png);
  background-repeat: repeat-x;
  padding: 5px;
  padding-left: 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

table td {
  vertical-align: top;
  padding-right: 10px;
}

table.zebra td:first-child {
  padding-left:10px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
}

table.zebra td:last-child {
  padding-right:10px;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
}

table.zebra td.form_submit {
  background-color: #2E9EEA;
  background-image: url(images/menu_gradient.png);
  background-repeat: repeat-x;
  padding: 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  text-align: center;
}

tr.zebra0 td{
  background-color: #f1f1f1;
}

tr.zebra_blue0{
  background-color: #57B4F1;
}

table th {
  text-align: left;
  padding-right: 15px;
  color: #6B6B6B;
  font-size: 10px;
}

div.header_logo{
  width: 388px;
  height: 110px;
  overflow: visible;
  float: left;
}

ul.header_menu{
  float:right;
  list-style: none;
  margin-top: 100px;
}

div.header_search{
  float:right;
  margin-top: 100px;
}

p.header_flash{
  float: right;
  postition: relative;
  text-shadow: rgba(0, 0, 0, 0.246094) 1px 1px 0px;
  margin-top:100px;
  margin-bottom: 0px;
  color: white;
  overflow: visible;
}

div.header_account{
  float: right;
  postition: relative;
  margin-top:0px;
  margin-bottom: 0px;
  color: #2E9EEA;
  overflow: visible;
}

div.header_ads{
  width: 150px;
  position: relative;
  margin-top: 150px;
  margin-left: 0px;
}

div.header_ads a img{
  -webkit-box-shadow: rgba(0, 0, 0, 0.246094) 0.25em 0.25em 1em;
  -moz-box-shadow: rgba(0, 0, 0, 0.246094) 0.25em 0.25em 1em;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  margin-bottom: 10px;
}

div.header_ads a,
div.header_ads a:hover,
div.header_ads a:link,
div.header_ads a:active,
div.header_ads a:visited{
  background-color: transparent;
}


ul.header_menu li{
  position: relative;
  display: inline;
  background-color: #2E9EEA;
  background-image: url(images/menu_gradient.png);
  background-repeat: repeat-x;
  padding: 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

ul.header_menu li a{
  color: #ffffff;
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.246094) 1px 1px 0px;
  font-weight: bold;
  position: relative;
  z-index: 55;
}

div.yourehere_block_padding ul li a{
  color: #ffffff;
  text-decoration: underline;
  text-shadow: rgba(0, 0, 0, 0.246094) 1px 1px 0px;
  font-weight: bold;
  font-size: 11px;
  position: relative;
  z-index: 55;
}

div.yourehere_block_padding ul{
  list-style-type: none;
}

div.yourehere_block_padding ul li{
  height: 15px;
  text-align: right;
}

div.header_menu_open{
   background-color: #2E9EEA;
   background-image: url(images/menu_gradient.png);
   background-repeat: repeat-x;
   position: absolute;
   right: 0px;
   top: -2px;
   z-index: 50;
   width: 450px; 
   padding: 10px;
   padding-top: 30px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.246094) 0.25em 0.25em 1em;
   -moz-box-shadow: rgba(0, 0, 0, 0.246094) 0.25em 0.25em 1em;
}

div.header_menu_open ul{
  float: none;
  list-style-position: inside;
  list-style-type: disc;
  padding: 0;
  display: block;
  background-image: none;
}

div.header_menu_open li{
  float: none;
  padding: 0;
  display: list-item;
  background-image: none;
}

div.header_menu_open li li{
  padding-left: 1px;
}

div.header_menu_open li a{
  text-decoration: underline;
  font-size: 12px;
}

.heading_table small{
  margin-left: 10px;
  color: #666666;
}

.heading_table h4 a,
.heading_table h4 a:hover,
.heading_table h4 a:visited,
.heading_table h4 a:active,
.heading_table h4 a:link{
  text-decoration: none;
  background-color: transparent;
  color: #0083CF;
}

div.header_menu_project_links{
  padding-left: 6px;
}

div.header_menu_project_links small a{
  text-decoration: underline;
}

div.content_block{
  float: left;
  width: 100%;
  background-color: #FFFFFF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.246094) 0.25em 0.25em 1em;
  -moz-box-shadow: rgba(0, 0, 0, 0.246094) 0.25em 0.25em 1em;
  margin-top: 5px;
  z-index: 60;
/*  background-image: url(images/bg_content_block.png);*/
/*  background-repeat: repeat-x;*/
}

div.content_block_padding{
  padding: 15px;
}

div.yourehere_block{
  width:100px;
  overflow: visible;
}

div.yourehere_block_padding{
  margin-top: 150px;
  width:110px;
  padding: 10px;
  padding-right: 40px;
  background-color: #2E9EEA;
  background-image: url(images/menu_gradient.png);
  background-repeat: repeat-x;
  color: #FFFFFF;
  text-shadow: rgba(0, 0, 0, 0.246094) 1px 1px 0px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.246094) 0.25em 0.25em 1em;
  -moz-box-shadow: rgba(0, 0, 0, 0.246094) 0.25em 0.25em 1em;
}

div.yourehere_block h1{
  text-align: right;
  color: #ffffff;
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.246094) 1px 1px 0px;
  font-weight: bold;
  font-size: 12px;
  margin: 0px;
}

div.yourehere_block h2{
  font-size: 14px;
  margin-bottom: 0;
}

h2 { color: #3A3A3A; text-shadow: #FFFFFF 1px 1px 0px; }
h3 { color: #FFFFFF; text-shadow: #3A3A3A 1px 1px 0px; }

h4{
  font-size: 16px;
  color: #0083CF;
  text-shadow: #FFFFFF 1px 1px 0px;
  margin-top: 0px;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
}

h5,
div.entry h3 {
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.246094) 1px 1px 0px;
  font-weight: bold;
  background-color: #2E9EEA;
  background-image: url(images/menu_gradient.png);
  background-repeat: repeat-x;
  padding: 5px;
  padding-left: 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  margin-bottom:5px;
  margin-left: 0px;
  margin-right: 0px;
  clear: both;
}

div.entry{
  text-align: justify;
}

div.entry p,
div.entry ul li{
  font-family: helvetica, sans-serif;
  margin-left: 10px;
  margin-right: 10px;
}

div.h4_synchronizing{
  color: #0083CF;
  text-shadow: #FFFFFF 1px 1px 0px;
  margin-left: 5px;
  display: inline;
}

small.grey{
  color: #666666;
}

div.timescale_now{
  width: 200px;
  height: 300px;
  overflow: visible;
  background-image: url(images/time_now.png);
  background-position: -50px;
}

/* green select box */

ul.select_menu {
  padding:0px;
}
ul.select_menu li{
  position: relative;
  display: inline;
  background-color: #2E9EEA;
  background-image: url(images/menu_gradient.png);
  background-repeat: repeat-x;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

ul.select_menu li a{
  color: #ffffff;
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.246094) 1px 1px 0px;
  font-weight: normal;
  position: relative;
}

div.select_menu_open{
   background-color: #2E9EEA;
   background-image: url(images/menu_gradient.png);
   background-repeat: repeat-x;
   position: absolute;
   right: 0px;
   top: -2px;
   width: 450px; 
   padding: 10px;
   padding-top: 30px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.246094) 0.25em 0.25em 1em;
   -moz-box-shadow: rgba(0, 0, 0, 0.246094) 0.25em 0.25em 1em;
}

div.select_menu_open ul{
  float: none;
  list-style-position: inside;
  list-style-type: disc;
  padding: 0;
  display: block;
  background-image: none;
}

div.select_menu_open li{
  float: none;
  padding: 0;
  display: list-item;
  background-image: none;
}

div.select_menu_open li li{
  padding-left: 1px;
}

h5 input {
  margin: 0px;
}

input, textarea{
  margin-top: 5px;
  margin-bottom: 5px;
}

input.search_in_heading {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
}

label.search_in_heading,
div.header_search label{
  font-size: 12px;
  font-weight: normal;
}

div.header_search label{
  color: #ffffff;
}

#searchform{
  display: inline;
}

div.welcome_box_bg {
  width: 500px; 
  height: 500px; 
  margin-left: auto; 
  margin-right: auto;
  background-image: url(images/big_logo.png);
}

div.welcome_box {
  padding-top: 350px;
  color: white;
  width: 280px;
}

/* jQuery Autocompliete */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	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;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

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

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* lightbox effext */
.lightbox_black{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
 
.lightbox {
	display: none;
	position: absolute;
	top: 12.5%;
	left: 12.5%;
	width: 75%;
	height: 75%;
	padding: 16px;
	background-color: #FFFFFF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.246094) 0.25em 0.25em 1em;
  -moz-box-shadow: rgba(0, 0, 0, 0.246094) 0.25em 0.25em 1em;
	z-index:1002;
	overflow: auto;
}

div.entry hr{
  clear: both;
  margin-left: 10px;
  margin-right: 10px;
}

div.entry h3 a,
div.entry h3 a:hover,
div.entry h3 a:link,
div.entry h3 a:visited
{
  color: #ffffff;
}

div.h3date{ float: right; font-size: 10px;margin-right: 10px; font-family: helvetica, sans-serif; font-weight: normal;}

#commentform textarea{width:100%;margin:0 0 10px;padding:0;}

img,
a img{
  border: 0;
}