/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #002157;
background-image: url('../images/bg.png');
background-repeat: no-repeat;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333;
padding:0px;
margin:0px;
}
a {color: #003399;}
a:visited {color:#003399;}
a:hover {color: #003399;}
a:active { color:#003399;}
a img { border: none; }

h2 {
font-size:20px;
font-weight: normal;
padding: 0px;
margin:0 0 15px 0;}

h3 {
font-size:14px;
font-weight: bold;
padding: 0px;

}

h4 {
font-size:13px;
font-weight: normal;
margin:0px;
color: #003399;
}

.home_button { float: left; width: 92px; height: 92px; margin-right: 10px;}

ul, ol {margin:0;padding:0;}
ul li, ol li {margin:0 2em 0 2.25em;padding:0;}
* html .byfloatedimage{float: left;} /* IE Only Hack */

#expire_notice
	{
	float: left;
	width: 100%;
	background: #003399;
	color: #ffffff;
	}
#expire_notice a
	{
	color: #ffffff;
	}
#message {
 width: 100%;
 color: #fff;
 text-align: center;
 font-size: 15px;
 margin: 0;
}
#message p {
 margin: 0;
}
#message a {
 color: #FFF;
}
#message p {
 padding-top: 0px;
}
#error {
 width: 100%;
 background: #003366;
 padding: 10px 0;
}
#success {
 width: 100%;
 background: #a0bcdb;
 padding: 10px 0;
 color: #fff;
}
#growl {
 position: absolute;
 display: none;
 right: 20px;
 z-index: 5000;
 border: 2px solid #a0bcdb;
 -moz-border-radius: 15px; 
 -webkit-border-radius: 15px;
 color: #fff;
 background-image: url('../images/growl_bg.png');
 min-height: 50px;
 width: 300px;
 padding: 15px;
}
#growl_icon {
 float: left;
 margin: 0 10px 10px 0;
 width: 37px;
 border: none;
 height: 37px;	
}
#growl_icon.calendar {
 background-image: url('../images/growl/schedule.png');	
 background-repeat: no-repeat;
}
/* ----------container to center the layout---------- */
#container {
width: 800px;
padding:20px 0;
margin: 0px;
margin-left: auto;
margin-right: auto;
background: #fff;
overflow:hidden;
display:block;
} 

/* ----------header for logo-------------- */
#header {
width: 800px;
padding:0;
margin: 0px;
margin-left: auto;
margin-right: auto;
}

#header img {margin:20px 0px;} 

#headerbar {
width: 100%;
font-size: 11px;
font-weight: normal;
text-transform: none;
color: #fff;
background-color: #255083;
margin:0px; }

#headerbar p {
	margin: 0;
}

#header_menu
	{
	width: 798px;
	height: 50px;
	background: #255083;
	border-top: 1px solid #003399;
	border-bottom: 1px solid #003399;
	-moz-border-radius-topright: 10px; 
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px; 
	-webkit-border-top-left-radius: 10px;
	border: 1px solid #3a69a0;
	}

#header_menu a
	{
	float: left;
	margin-top: 10px;
	background: #255083;
	padding: 7px 15px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	white-space: nowrap;
	}

#header_menu a:hover
	{
	background: #255083;
	color: #fff;
	}
#studio_name 
	{
	float: left;
	width: 450px;
	margin-top: 20px;
	font-size: 25px;
	text-align: left;
	color: #fff;
	}
#studio_website
	{
	float: left;
	font-size: 12px;
	margin-top: 10px;
	}
#studio_website a
	{
	 color: #fff;	
	}
/* --------------left navi------------- */
#menu {
 width: 130px; 
 float: left; 
 position:relative; 
 padding: 10px;
 min-height: 500px;
 background: #fff;
 }
#menu p
	{
	font-size: 11px;
	margin-left: -10px;
 	} 
 
#menu a
	{
	display: block;
	font-size: 11px;
	padding-bottom: 7px;
	padding-top: 7px;
 	width:150px; 
 	text-align: left;
 	text-decoration: none;
 	color: #333;
 	} 
#menu a img
	{
	vertical-align: middle;
	margin-right: 5px;
	border: none;
	}
.menu { /* for the menu images */
 width: 30px;
 height: 20px;
}
#menu p
	{
	word-wrap: break-word;
	}

.dashboard {
	float: left;
	width: 250px;
	margin: 10px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	padding: 5px;
	min-height: 150px;
}
.dashboard table { width: 240px; }
.dashboard_full {
	float: left;
	width: 550px;
	margin: 10px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	padding: 10px;
}
.dashboard_full table {
 width: 100%;	
}
.teacher_search {
	float: left; 
	width: 750px; 
	background: #F9F9F9; 
	border: 1px solid #ccc; 
	padding: 10px;
	margin: 10px 0;
}
.teacher_search th {
	vertical-align: top;
	padding-right: 20px;
}
/* -----------------content--------------------- */
#content{ 
float: left; 
min-height: 500px;
width: 630px;
padding: 10px;
background: #fff;
}


#content_full{ 
float: left;
min-height: 500px;
width: 780px;
padding: 10px;
background: #fff;
}

.areas
	{
	text-align: justify; text-justify: newspaper;
	font-size: 12px;
	float: left;
	margin: 10px;
	width: 400px;
	}
.areas p, ul
	{
	margin: 0;
	}
.areas img
	{
	margin: 0 10px 5px 0;
	}
	
p {
font-weight: normal;
font-size: 12px;
padding: 5px 10px;
margin: 0 0 15px 0; 
line-height: 15px;}

span.quote
	{
	display: block;
	font-size: 12px;
	line-height: 15px;
	width: 150px;
	margin-top: 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

li
	{
	line-height: 15px;
	}

.form
	{
	margin: 10px 0 20px 0px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border: 3px solid #ccd3ed;
	background: #f5f7ff;
	padding: 10px;
	}
	
.error
	{
	width: 80%;
	margin: 10px 0;
	padding: 5px;
	border: 3px solid #003399;
	}
.error h2
	{
	font-size: 14px;
	margin: 0;
	color: #003399;
	padding: 5px;
	}
.error p
	{
	color: #333;
	margin: 0;
	padding: 0;
	}
.success
	{
	width: 80%;
	margin: 10px 0;
	padding: 5px;
	border: 3px solid #003399;
	}
.success h2
	{
	font-size: 14px;
	margin: 0;
	color: #003399;
	padding: 5px;
	}
.success p
	{
	color: #333;
	margin: 0;
	padding: 0;
	}
.student_list 
	{
 	float: left; 
 	margin: 3px 0;	
	}
.list_thumbnail
	{
	float: left; 
	margin: 0 10px 0 0;	
	}
.list_info 
	{
	float: left; 
	height: 60px; 
	line-height: 25px;	
	}
.list_name
	{
	font-size: 15px;	
	}	
.profile_content
	{
	float: left;
	width: 600px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border: 1px solid #ccc;
	padding: 20px 10px 20px 10px;
	line-height: 20px;
	}
.profile_content h4
	{
	color: #333;
	margin-bottom: 10px;
	}
.profile_content a
	{
	margin-bottom: 20px;
	text-decoration: none;
	display: block;
	color: #333;
	}
	
.profile_picture
	{
	float: right;
	background: #f1f1f1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
	}
.profile_menu
	{
	float: left;
	margin-top: 20px;
	margin-left: 15px;
	}	
.profile_menu_button
	{
	float: left;
	padding: 5px 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-right: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	}

a.profile_menu_button
	{
	font-size: 10px;
	color: #999;
	text-decoration: none;
	}

.profile_menu_button:hover 
	{
	color: #555;
	background: #f1f1f1;
	}

.profile_menu_button_active
	{
	float: left;
	padding: 5px 10px;
	border-top: 1px solid #003399;
	border-left: 1px solid #003399;
	border-right: 1px solid #003399;
	margin-right: 5px;
	background: #003399;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	}

a.profile_menu_button_active
	{
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	}

.profile_menu_button_active:hover 
	{
	color: #FFF;
	background: #003399;
	}

fade
	{
	opacity: 0.3;
	margin: 0;
	}

.edit_profile
	{
	display: block;
	width: 580px;
	float: left;
	clear: both;
	margin-right: 20px;
	background: transparent;
	border: 1px solid #f1f1f1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #f7f7f7;
	padding-left: 10px;
	color: #333;
	padding: 10px;
	}
.edit_profile h4
	{
	color: #333;
	}
.edit_profile a
	{
	color: #333;
	display: block;
	text-decoration: none;	
	}
	
.edit_profile:hover
	{
	background: #c3d8f9;	
	cursor: pointer;
	
	}

input
	{	
	margin-right: 5px;
	font-size: 11px;
	margin-left: 0px;
	}
input.date {
 width: 100px;	
}
input.rate {
 width: 50px;	
}
input.length {
 width: 50px;	
}
.submit
	{
	margin: 10px;
	float: right;
	clear: both;
	color: #fff;
	background: #003399;
	border: 1px solid #003399;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 10px;
	}	
.submit:hover
	{
	background: #0066cc;
	color: #fff;
	border: 1px solid #003399;
	}
.delete
	{
	margin: 10px;
	float: left;
	color: #fff;
	background: #003399;
	border: 1px solid #003399;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 10px;
	}	
.delete:hover
	{
	background: #0066cc;
	color: #fff;
	border: 1px solid #003399;
	}
select
	{
	font-size: 11px;
	}

th
	{
	text-align: left;
	font-weight: bold;
	}

.table
	{
	line-height: 20px;
	}
.table td
	{
	padding-right: 7px;
	padding-bottom: 7px;
	vertical-align: top;
	}

/*  ---- for faux table ---- */ 
.faux_table {
	float: left;
}

.th
	{
	float: left;
	clear: both;
	width: 120px;
	padding: 5px 10px;
	font-weight: bold;
	}
.td
	{
	float: left;
	clear: none;
	padding: 5px 10px;
	}

hr
	{
	border: 0;
 	width: 100%;
 	align: center;
  	color: #ccc;
  	margin: 10px auto;
	background-color: #ccc;
	height: 2px;
	}
.resource
	{
	margin: 20px 0;
	padding: 20px 0;
	border-top: 1px solid #ccc;
	}
.resource h3
	{
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	padding-right: 20px;
	}
.resource p
	{
	margin-top: 20px;
	}
.tooltip { 
}

.tooltip h2 {
	font-size: 16px; 
	font-weight: bold;
	margin-left: 10px;
} 
.tooltip a {z-index: 3;}

a.tooltip {position: relative;text-decoration: none;}

a.tooltip span {
	display: none;
}
	
a.tooltip:hover span {
  display: block;
  position: absolute;
  top: -15px;
  left: -270px;
  padding: 5px;
  font-size: 1em;
  font-weight: normal;
  background: #F1F1F1;
  border: 1px solid #333;
  width: 400px;
  opacity: 0.95;
}

h3.statement {
	color: #FFF; 
	padding: 5px 0 5px 5px; 
	width: 100%; 
	background: #003399;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border: 3px solid #003399;
}
.login_box {
	float: left;
	width: 180px;
}
/*  ----------------footer---------------------- */ 
#footer {
display: block;
clear: both;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
font-size: 11px;
text-align: center;
color: #6991c1;
width: 798px;
height: 50px;
background: #003366;
border-bottom: 1px solid #003399;
-moz-border-radius-bottomright: 10px; 
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px; 
-webkit-border-bottom-left-radius: 10px;
border: 1px solid #255083;
} 

#footer p {
	margin: 0px;
}
#footer a
	{
	color: #6991c1;
	text-decoration: none;
 	} 
 	
#footer a:hover
	{
	color: #FFF;
 	}