/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

*{
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
} 

body {
 	background: #e7e7e7 url('../images/body.jpg') top left;
	font-size: medium;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
	padding:0px;
	margin:0px;
}
a {
	color: #DB7093;
}
a:visited {
	color:#336699;
}
a:hover {
	color: #336699;
}
a:active {
	color:#000000;
}

h1 {
	font-size: 11px;
	text-transform:uppercase;
	margin:0px;
}

h2 {
	color: #9A1212;
	font-size: 150%;
	font-weight: normal;
	padding: 5px 10px;
	margin:0px;
}

.field {
	width: 325px;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	height:100%;
	background: #f3eec2;
	border:1px solid #8D8D8D;
}

/* ----------banner for logo-------------- */
#banner {
	height:175px;
	text-align: center;
	background: url('../images/wildroselogo01.png') no-repeat center 25px;
	background-color: #f3eec2;
	padding: 10px 15px 0px 0px;
	margin: 0px 0px 0px 180px;
}

#banner img {
	padding:10px 0px;
} 

#bannertitle{
	padding-top:50px;
	font-size:2em;
	font-weight:bold;
}

/* -----------------content--------------------- */
#content {
	background:#ffffe0 ;
	padding: 0px 15px 45px 15px;
	margin-left: 0px;
	margin-right: 0px;
}

div#content { 
/*min-height:600px;*/
/*height:expression(this.scrollHeight > 600 ? "auto":"600px"); */
}

p, pre{
	padding: 5px 10px;
	margin:0px;
}

/* --------------left navi------------- */
#left {
	float: left;
	width: 170px;
	margin:20px 10px 0 12px;
	padding: 0px;   
	height:90%;
}

/* --------------top navi------------- */  
#top {
    background:#f3eec2 ;  
    border-bottom:1px solid #888811;
}

/* -----------footer--------------------------- */
#footer {
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 0px 0px;
  height: 35px;
  text-align: center; 
  background-color: #ffffe0;
  border-top: 2px solid #a9a9a9;
  font-size: 75%;
}

/**********vertical menu***************/
.verticalmenu ul{
	list-style:none;
	padding: 10px 0px 0px 10px;
	margin: 0px;
}

.verticalmenu li, 
.verticalmenu a:link, 
.verticalmenu a:visited, 
.verticalmenu a:hover {
	display: block;
	font: bold 95% Verdana, Arial, Helvetica, sans-serif;
	color: #9A1212;
	text-decoration: none;
	text-align: left;
	width: 170px;
	height: 15px;
    margin-bottom: 10px;
}

.verticalmenu a:hover{
	background: url('../images/menuhover.gif') no-repeat;               
    background-position: right;
	color: #336699;
    border-bottom: 1px solid black;
}

.verticalmenu li{
	color: #336699;
}

/****************** listStyle **********************/

.listStyle{
    border-collapse:collapse;
}
.listStyle th{
    font-family:sans-serif;
    width:100px;
    text-align:left;
    font-size: 12px;
    font-weight: bold;
}
.descfilterbox, .listStyle td{
    padding: 3px;
    text-align: left;
    font-weight: normal;
    font-size: 12px;               
}

.listStyle tr{
    background: transparent url(../images/zncform-divider.gif) repeat-x scroll left bottom;

}

.listStyle tr.notbottom{
    background: none;    
}

.listStyle td.projectdescription{
    border-top: 1px solid #777777;   
}

.useradmin th{
    width:150px;  
}

/* -------------- descfilterbox ----------------- */
.descfilterbox{
    width:225px; 
    margin-left:475px; 
    border: 1px solid black;
    margin-bottom:10px;
}

/**************** filterDiv *******************/

.filterDiv{
    position: absolute;
    width: 200px;
    height: 200px;
/*    border-left: 2px solid #564B47;
    border-top: 2px solid #564B47;
    border-bottom: 2px solid #F3EEC2;
    border-right: 2px solid #F3EEC2;  */
    z-index: 5;
/*    background-color: #FFFFE0;   */
/*    visibility: hidden; */ 
    display: none;
    margin-left:225px;
}

.filterDiv .button{       
    width: 150px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    margin-bottom: 10px;
}

.filterDiv .label{
    text-align:center;
    font-weight: bold;
    font-size: 14px; 
    margin-bottom: 4px;
}

.filterDiv .filterstate{
    text-align:center;  
    font-size: 22px; 
    margin: 15px 0px 6px;   
}

.filterDiv .filtercontent{
    width:150px; 
    margin:5px auto 0px; 
    padding-bottom:0px;
} 

.filterDiv input, .filterDiv select{
    margin-bottom: 25px;   
    width:100%; 
}  



/*************** filterLink ********************/
a.filterLink  {
    color: #FF0000;
    text-decoration: none;
}
a.filterLink :visited {
    color:#FF0000;
}
a.filterLink :hover {
    color: #00FF00;
}
a.filterLink :active {
    color:#000000;
}

a.nonfilteredLink  {
    color: #11AA11;
    text-decoration: none;
}
a.nonfilteredLink :visited {
    color:#11AA11;
}
a.nonfilteredLink :hover {
    color: #FF0000;
}
a.nonfilteredLink :active {
    color:#000000;
}



/************* save_error ********************/

.save_error{
    color: red;
    font-weight: bold;
}

/* ------------------ form display ------------------ */

form.zncform {
    color:#656551;
    border-style:solid;
    border-width: 0 0 0 0; 
/*    border-width: 0 0 1px 0; */
    border-color:#AAAAAA; 
/*    background-color:#f5be8b; 
    margin: 5px 0px 15px 0px; */
    padding: 0px 0px 5px 0px; 
    width: 100%; /*665px;*/
    font-weight: bold;
    text-align: left;
    font-size: 90%;
}

form.zncform fieldset {
  border: none;
  border-top: 1px solid #C9DCA6;
/*  background: white url(images/loosechickenform.gif) left bottom no-repeat; */
  background: #FFFFE0;
  margin-bottom: 10px;
}

form.zncform legend {
  padding: 0 5px 0px 5px;
  font-weight: bold;
}

form.zncform label {
  display: inline-block;
  line-height: 1.3;
  vertical-align: top;
}

form.zncform fieldset ol {
  margin: 0;
  padding: 0;
}

form.zncform fieldset li {
  list-style: none;
  padding: 2px;
  margin: 0;
  padding: 5px 10px 7px;
  clear:left;
  overflow: hidden;
  background: url(images/zncform-divider.gif) left bottom repeat-x;   
}

form.zncform fieldset fieldset {
  border: none;
  margin: 3px 0 0 0;
  background: none;   
}

form.zncform fieldset fieldset legend {
  padding: 0 0 5px 0;
  font-weight: normal;
}

form.zncform fieldset fieldset label {
  display: block;
  width: auto;
}

form.zncform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

form.zncform fieldset label {
  width: 30%; /*  160px; Width of labels */
}

form.zncform fieldset fieldset label {
  margin-left: 31%;  /*163px; Width plus 3 (html space) */
}

form.zncform fieldset input {
  width: 67%;
}            

form.zncform fieldset table {
  width: 67%;     
  display: inline;        
}

form.zncform fieldset textarea {
  width: 67%;
}

form.zncform fieldset select {
  width: 67%;
}

form.zncform .button {
  width: 75px;
}

form.zncform fieldset .radio {
  width: 30px;
}

form.zncform fieldset .checkbox {
  width: 30px;
}

form.zncform fieldset .shortselect {
  width: 60px;
}

form.zncform fieldset .multiline1 {
    line-height: 180%;
}

form.zncform fieldset .multiline {
    line-height: 200%;
}

form.zncform .rightdiv {
    position:relative;
    margin-left: 30%
}

