/***************************************
 * Copyright Florian Verhein 2006-2011 *
 * All rights reserved                 *
 ***************************************/

/*
* colour codes: 
* http://www.computerhope.com/htmcolor.htm
* http://www.utexas.edu/learn/html/colors.html
*/

/*

#A0CFEC; Light 
#A7BEED; blue-grey
#A7EDCC; green-grey
#EDA7A7; red-grey


#336699;
#FF3300;
#39628B;
#AB2730; 
#FFD52E
#000066;

*/

body
{
	font-family:	verdana;
	font-size:	11pt; 
	background-color:	#FEFEFE; 
} 

/* TODO fix / remove */


div.divider
{
	background-color:	#DDF;
	text-align:	center;
}

.divider-line
{
	border-top: #999999 solid 2px;
	width: 60%;
	margin:0px auto;
	padding: 0px 0px 0px 0px;

}

div.center
{
	text-align:	center;
}

/* --- Figures --- */

div.figure 
{
	float:	right;
	width:	30%;
	border:	thin silver solid;
	margin:	1em;
	padding:	0.5em;
}

div.figure p 
{
	/*text-align: center;*/
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
	margin:	0.5em;

}

img.scaled 
{
	width: 100%;
}


/*============= TEXT ============*/

/* ---- LISTS ----*/

ul
{
	margin-left:	40px;
	margin-right:	20px;
	/*font-family:	verdana;
	font-size:	11pt; */
	list-style-image:	url('../_images/arrow_greyblue.gif');
	padding:	0.0em 0.0em 0.0em 0.0em;

}

li
{
	margin-left:	30px;
	padding-top:	4px;
	padding-bottom:	4px;
}



/* ---- PARAGRAPHS ---- */

p
{
	/*font-family:	verdana;*/
	/*font-size:	11pt; */
	margin-left:	40px;
	margin-right:	40px;
	text-indent:	0cm;
	padding:	0.0em 0.0em 0.0em 0.0em;

} 

p.small
{
	/*font-family:	verdana;*/
	font-size:	8pt; 
	margin-left:	40px;
	text-indent:	0cm;
} 


.small
{
	/*font-family:	verdana;*/
	font-size:	8pt; 
} 

.indented
{
	padding-left:	20pt;
	/*padding-right:	50pt;*/
}


a.author
{
	text-decoration: none;
}
a.author:link 
{
	color:	#000;
}
a.author:visited
{
	color:	#000;
}
a.author:hover
{
	color:	#AB2730;
} 
a.author:active
{
	color: #FFD52E;
}

/* ---- HEADINGS ---- */

h1
{
	color:	#FFFFFF;
	font-size:	24pt;
	font-weight:	normal;
	
	text-align:	center;
	/*background-color:	#ABD; */
	
	width: 100%;
	
	padding:	0.1em 0.0em 0.1em 0.0em;
	margin: 0px 0px 0px 0px;
}

h2
{
	color:		#358;
	margin-left:	40px;
	font-size:	15pt;
	/*text-align:	left;*/
	font-weight:	500;
	padding:	0.0em 0.0em 0.0em 0.0em;
}

h3
{
	color:		#358;
	margin-left:	40px;
	font-size:	13pt;
	/*text-align:	left;*/
	font-weight:	400; 
	padding:	0.0em 0.0em 0.0em 0.0em;
}

h4
{
	color:		#358;
	margin-left:	40px;
	font-size:	11pt;
	/*text-align:	left;*/
	font-weight:	400;
	padding:	0.0em 0.0em 0.0em 0.0em;
}

span.h
{
	text-decoration: none;
}

span.important
{
	color:	#FF0000;
}

/* ---- MISC ---- */


h6.updated
{
	color:	black;
	font-size:	12pt;
	font-weight:	normal;
	text-align:	right;
	padding:	0.0em 1.0em;
}


td.deadline-passed
{
	text-decoration:	line-through;
}

hr 
{
	color:	#39628B;
}


span.highlight
{
	background-color:	yellow
}


iframe.clock
{
	width: 314px;
	height: 18px;
	border: 0;
}


/* ========== TABLES ========== */

table.image
{
	font-family: verdana;
	font-size:10pt; 
}

table.data
{
	width:	90%;
	border-width:	1px 1px 1px 1px;
	border-spacing:	2px;
	border-style:	solid solid solid solid;
	border-color:	black black black black;
	border-collapse:	collapse;
	background-color:	white;

	font-family:	verdana;
	font-size:	11pt; 
	margin-left:auto; 
	margin-right:auto;
}


table.data th 
{
	border-width:	1px 1px 1px 1px;
	padding:	2px 2px 2px 2px;
	border-style:	solid solid solid solid;
	border-color:	black black black black;
	background-color:	#DDF; /*#DDDDDD;*/ /*#4E9386;*/
	font-weight: normal;
	/*color: white;*/
}

table.data td 
{
	border-width:	1px 1px 1px 1px;
	padding:	2px 2px 2px 2px;
	border-style:	solid solid solid solid;
	border-color:	black black black black;
	background-color:	white;
}


/* ========== IMAGES ========== */

img
{
	border: 0px;
}

img.pdf-icon
{
/* src: url("images/pdf.gif"); doesnt work*/
width: 16px;
height: 16px;
}

img.paper-icon
{
/* src: url("images/paper.gif"); doesnt work*/
width: 20px;
height: 16px;
}

img.workshop-icon
{
/* src: url("images/workshop.gif"); doesnt work*/
width: 28px;
height: 16px;
}


/* ====================================== */


#container 
{
	width: 100%;
	/*position: relative;
	height: auto;*/
}

#site-header 
{
  	/*width: 100%;*/
  	text-align: left;
}

#site-header a
{
	/*width:	100%;*/
	background-color:	#FFF;


	font-family:	verdana;
	float:	left;
	text-decoration:	none;
	color:	#8AD;
	font-weight:	bold;
	font-size:	12pt;
	margin:	0px 0px 0px 0px;
	padding:	5px 0px 10px 2px;
}


#page-title
{
	width:	100%;
	background-color:	#ABD;
	float: left;
	padding:	5px 0em 5px 0em;
}

#side-panel 
{
	/*position: relative;*/
	float: left;
	width: 20%;
	/*height: 100%;*/
	/*border: 1px solid;*/

	/*background-color:	#ABD;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}




/* ===== Sub-navigation =====*/

#sub-navigation
{
	text-align: center;
	/*float: left;
	width: 100%;*/
	background-color:	#ABD;	
	padding:	20px 0px 20px 20px;
	margin:	0px 0px 0px 0px;	
}

#sub-navigation ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 1px 0px 0px 0px;
	border-color:	#FFF;
	border-style:	solid;
	list-style:	none none;

}

#sub-navigation ul li
{
	/*display: inline;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:	none none;
}

#sub-navigation li
{
	border-width: 0px 0px 1px 1px;
	border-color:	#FFF;
	border-style:	solid;
	list-style:	none none;
}

#sub-navigation li.first
{
	border-top-color: #FFF;
	border-top-width: 1px;
}


#sub-navigation a
{
	display: block;
	font-family:	verdana;
	width:	100%;
	text-decoration:	none;
	color:	#FFF;
	font-weight:	normal;
	font-size:	11pt;
	background-color:	#8AD;
	margin:	0px 0px 0px 0px;
	padding:	0.2em 0em 0.2em 0em;
}

#sub-navigation a.selected
{
	background-color:	#ABD;
}

#sub-navigation a:link
{
	color:	#FFFFFF;
}
#sub-navigation a:visited
{
	color:	#FFFFFF;
}
#sub-navigation a:hover
{
	background-color:	#ABD;
} 
#sub-navigation a:active
{
	color:	#000;
}

/*======== On This Page =======*/

#on-this-page 
{
	/*position: relative;*/
	/*float: left;*/
	background-color:	#efefff; /*DDF;*/
	border-style:	none;
	padding:	5px 5px 5px 5px;
	margin:	5px 0px 0px 0px;
}


#on-this-page ul
{
	margin-left:	25px;
	margin-right:	25px;
}

#on-this-page li
{
	font-size: 11pt;
	margin-left:	0px;
	padding:	5px 0px 5px 0px;
}




#side-footer
{
	position:	relative;
	bottom:	0;
}

/*========== Content ===========*/

#content
{
	width: 80%;
	float: right;
	text-align: left;
	margin:	30px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}

/* =========== Footer ===========*/


#valid-markup
{
	float: left;
	margin: -35px 0px 0px 0px;
}

#valid-markup img
{
	width: 70px;
	height: 25px;
}


img.clustrmaps
{
	width: 140px;
	height: 90px;
/*	width: 90px;
	height: 60px;*/
}

#map
{
	float: left;
	margin: -200px 0px 0px -5px;
}