/* culture shock: prozac afternoon by pogy366 - Sept. 2005 */

/******* structure and layout *******/
body {
font-family:Arial, Helvetica, sans-serif; 
font-size: 0.8em; 
color: #000000; 
/*background: #B4B8B7;*/
margin:10px 0 0 0;
padding:0 0 0 0;
background: #8E979C;
/*background: #8E979C url(images/bg.gif);*/
text-align:center;
}


.wrap {
position:relative;
width:780px;
margin:0 auto;
padding:0 0 0 0;
text-align:center;
background: #ffffff url(images/IUISheaderwide.jpg) no-repeat;
/*background: #1665AA url(images/IUISheaderwide.jpg) no-repeat;*/
border-left:1px solid #f1b75f;
border-right:1px solid #f1b75f;
border-top:1px solid #f1b75f;
}

.header {
position:relative;
clear:none;
width:770px;
height:50px;
margin:75px 0 0 0;
padding:0 0 0 0;
background:transparent;
color:#ffffff;
text-align:right;
font-size: 18px;
}

.header strong {
font-family:Verdana, Arial, Helvetica, sans-serif;
/*color:#ffffff;*/
font-size:22px;
letter-spacing:.2em;
}

.header a {
text-decoration:none;
color:#ffffff;
}

.topnav {
position:relative;
clear:both;
width:780px;
height:21px;
margin:0 0 0 0;
padding:0 0 0 0;
background:#bbbbbb;
font-size: 8pt;
}

.container {
position:relative;
clear:both;
width:760px;
margin:10px 10px 0 10px;
padding:0 0 0 0;
/*
margin:0;
padding:10px 10px 20px 10px;
*/
background:#ffffff;
color:#000000;
text-align:left;
}

.footer {
position:relative;
clear:both;
width:780px;
margin:20px 0 0 0;
padding:4px 0 4px 0;
background:#ffffff;
font-size:8pt;
text-align:center;
border-top:1px solid #f1b75f;
border-bottom:1px solid #f1b75f;
}


/******* top navigation *******/
#nav ul{
padding:0 0 0 0;
margin:0 0 0 0;
white-space: nowrap;
font-size:8pt;
color:#ffffff;
float:left;
width:100%;
/*background:#ffffff url(images/topnav_bg_grey.gif);*/
background:#F9F9F9; 
list-style:none;
}

#nav ul li{
display:inline;
list-style:none;
}

#nav ul li a{
margin: 0 0 0 0;
padding: .25em .7em .3em .7em;
/*background:#ffffff url(images/topnav_bg_grey.gif); */
background:#F9F9F9;
color: #000000;
text-decoration:none;
float: left;
border-right:1px solid #bbbbbb;
}

#nav ul li a:hover{
/*background:#8DA8D5 url(images/topnav_bg.gif);*/
background:#4685C4; 
color: #ffffff;
text-decoration:none;
border-right:1px solid #bbbbbb;
}

#nav ul li a.currenttab{
/*background:#8DA8D5 url(images/topnav_bg.gif);*/
background:#1665AA; 
color: #ffffff;
text-decoration:none;
border-right:1px solid #bbbbbb;
}


/******* links *******/

a {
color:#D3812D;
text-decoration:underline;
}

a:hover {
color:#E39243;
text-decoration:none;
}

#footer a {
color:#f1b75f;
text-decoration:none;
}

#footer a:hover {
color:#D3812D;
text-decoration:none;
}

/******* fonts and colors *******/




.page_title {
font-family:Arial, Helvetica, sans-serif;
color:#4669A4;
font-size:1.2em;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 -8px 0;
}


/******* images *******/

img {
border:none;
}

.right img{
position:relative;
float:right;
padding:0 0 0 0;
margin:5px 2px 2px 5px;
}

.left {
position:relative;
float:left;
padding:0 0 0 0;
margin:0 5px 0 2px;
}



.news .clsSubHeaderLogin {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #003060;
}
.news input.text, .news input.radio, .news textarea, .news select, {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border:  1px solid #A8B2BB;
}


.news .knop {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #003060;
	background-color: #F2F5FA;
/*	width: auto;*/
	}

.news	form {
	margin: 0px;
}




/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




.news{
position:relative;
float:right;
clear:both;
width:220px;
margin:  0 0  5px 10px;
padding: 0;

}

.news h3{  

margin:0px;
padding: 4;
text-align:center;
color: #ffffff;
background: #4685C4;
font-size: 12pt;
}

.news form {
	margin-bottom: 10px;
}

.news div{background: #F9F9F9; padding:0 10px 0 10px;}
.news div{border:2px solid #4685C4}

b.niftycorners {display:block;background: #FFF}
b.niftycorners b {display:block; height: 1px; overflow: hidden; background: #4685C4}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.r4{margin: 0 1px; height: 2px}

ol li
{
margin:0px;
padding: 0 0 1em 1em;
	
}

ol
{
margin: 2em 6em 0 0;

}
/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

	The CSS, XHTML and design is released under Creative Common License 3.0:
	http://creativecommons.org/licenses/by-sa/3.0/

*/ 

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*.clearfix {height: 1%;} */
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url(../images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(../images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(../images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(../images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
   /* top: 0; */
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#admintoppanel {
     position: absolute;     /*Panel will overlap  content */
  /* position: relative; */ /*Panel will "push" the content down */
   /* top: 0; */
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}




#panel {
	width: 100%;
	/*height: 270px; */
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 200px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(../images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}


a.external {
	padding-right: 13px;
	background: url(images/external_link.gif) center right no-repeat;
	}
a[href^="http://maps.google.com"], a.application-map {
	padding: 3px 18px 0px 0px;
	background: url(images/map-icon.png) bottom right no-repeat;
}

a[href^="mailto:"], 
a[href $='.pdf'], 
a[href $='.exe'], 
a[href *='.xls'], 
a[href *='.ppt'], 
a[href *='.pps'],
a[href *='.doc'], 
a[href $='.zip'], 
a[href $='.mov'], 
a[href $='.wmv'], 
a[href $='.mp4'], 
a[href $='.m4v'],
a.mail-message-new,
a.email,
a.text-vcard,
a.application-pdf,
a.application-certificate,
a.application-x-executable,
a.audio-x-generic,
a.font-x-generic,
a.image-x-generic,
a.msword,
a.package-x-generic,
a.pdf,
a.text-html,
a.text-x-generic,
a.text-x-generic-template,
a.text-x-script,
a.video-x-generic,
a.x-office-address-book,
a.x-office-calendar,
a.x-office-document,
a.x-office-document-template,
a.x-office-drawing,
a.x-office-drawing-template,
a.x-office-presentation,
a.x-office-presentation-template,
a.x-office-spreadsheet,
a.x-office-spreadsheet-template,
a.application-msword,
a.application-vnd-ms-excel,
a.application-vnd-ms-powerpoint,
a.application-zip,
a.feed-icon
	{
	padding: 3px 18px 0px 0px;
	background-position: bottom right;
	background-repeat: no-repeat;
	}

a[href^="mailto:"], a.mail-message-new, a.email {background-image: url(images/mimetypes/mail-message-new.png);}
a.text-vcard{background-image: url(images/mimetypes/text-vcard.png);}					
a[href $='.pdf'], a.application-pdf, a.pdf{background-image: url(images/mimetypes/application-pdf.png);background-repeat:no-repeat;}
a.application-certificate{background-image: url(images/mimetypes/application-certificate.png);}
a[href $='.exe'], a.application-x-executable{background-image: url(images/mimetypes/application-x-executable.png);background-repeat:no-repeat;}
a.audio-x-generic{background-image: url(images/mimetypes/audio-x-generic.png);}
a.font-x-generic{background-image: url(images/mimetypes/font-x-generic.png);}
a.image-x-generic{background-image: url(images/mimetypes/image-x-generic.png);}
a.package-x-generic{background-image: url(images/mimetypes/package-x-generic.png);}
a.text-html{background-image: url(images/mimetypes/text-html.png);}
a.text-x-generic{background-image: url(images/mimetypes/text-x-generic.png);}
a.text-x-generic-template{background-image: url(images/mimetypes/text-x-generic-template.png);}
a.text-x-script{background-image: url(images/mimetypes/text-x-script.png);}
a[href $='.mov'], a[href $='.wmv'], a[href $='.mp4'], a[href $='.m4v'], a.video-x-generic{background-image: url(images/mimetypes/video-x-generic.png);background-repeat:no-repeat;}
a.x-office-address-book{background-image: url(images/mimetypes/x-office-address-book.png);}
a.x-office-calendar{background-image: url(images/mimetypes/x-office-calendar.png);}
a.x-office-document{background-image: url(images/mimetypes/x-office-document.png);}
a.x-office-document-template{background-image: url(images/mimetypes/x-office-document-template.png);}
a.x-office-drawing{background-image: url(images/mimetypes/x-office-drawing.png);}
a.x-office-drawing-template{background-image: url(images/mimetypes/x-office-drawing-template.png);}
a.x-office-presentation{background-image: url(images/mimetypes/x-office-presentation.png);}
a.x-office-presentation-template{background-image: url(images/mimetypes/x-office-presentation-template.png);}
a.x-office-spreadsheet{background-image: url(images/mimetypes/x-office-spreadsheet.png);}
a.x-office-spreadsheet-template{background-image: url(images/mimetypes/x-office-spreadsheet-template.png);}
a[href *='.doc'], a.application-msword, a.msword{background-image: url(images/mimetypes/application-msword.png);background-repeat:no-repeat;}
a[href *='.xls'], a.application-vnd-ms-excel{background-image: url(images/mimetypes/application-vnd-ms-excel.png);background-repeat:no-repeat;}
a[href *='.ppt'], a[href *='.pps'], a.application-vnd-ms-powerpoint{background-image: url(images/mimetypes/application-vnd-ms-powerpoint.png);background-repeat:no-repeat;}
a[href $='.zip'], a.application-zip{background-image: url(images/mimetypes/application-zip.png);background-repeat:no-repeat;}
a.feed-icon{background-image: url(images/mimetypes/feed-icon.png);}

a.imagelink, #footer a.imagelink {
    background:none;
}
.species { font-style: italic;}