body {
	color: #000;
	font: 11px verdana, tahoma, arial, sans-serif;
	background-color: #F5F5F5;
}

div#top {
	text-align: right;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-position: 57% center;
}

.banner {
	height: 200px;
	width: 400px;
	background-position: left center;
	background-repeat: no-repeat;
}

div#top #logo {
	clear: both;
	background-image: url(images/iblp_logo_clr.png);
/*	background-image: url(images/headerh2.gif); */
	background-repeat: no-repeat;
	background-position: right top;
	height: 44px;
	width: 89%;
	position: absolute;
	right: 6%
}


#mainmenu {
	clear: both;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
	font-family: calibri, arial, verdana, serif;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #F5F5F5;
}

#mainmenu span {
	padding: 0 1.5em;
}

.mainmenu_item {

}

#table_wrapper {
	border-collapse: collapse;
}

#table_wrapper td {
	vertical-align: top;
	margin: 0;
}

.submenu {
	padding: 1em 1em;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #FFFFFF;
}

.menu2 {
	padding: 0px;
}

#right_panel {
	padding: 0;
}

.news {
}

.submenu div {
	margin-bottom: 0.2em;
}

.submenu .title {
	font-size: normal;
	font-weight: bold;
}

.submenu_item, .submenu_item_highlight {
	padding-bottom: 0.1em;
	padding-top: 0.1em;
}

.submenu_item_highlight a {
	color: #DC6504;
	text-decoration: none;	
}

.submenu_item a {
	color: #000000;
	text-decoration: none;
}

.submenu_item a:hover {
	color: #DC6504;
	text-decoration: none;
}

/* .submenu .item0 { padding-left: 6px; }
.submenu .item1 { padding-left: 6px; }
.submenu .item2 { padding-left: 6px; }
.submenu .item3 { padding-left: 6px; }
*/

.submenu .item0 { padding-left: 5px; border-left: 1px solid #d7d7d7; }
.submenu .item1 { padding-left: 5px; border-left: 1px solid #d7d7d7; }
.submenu .item2 { padding-left: 5px; border-left: 1px solid #d7d7d7; }
.submenu .item3 { padding-left: 5px; border-left: 1px solid #d7d7d7; }

.submenu .item0:hover { border-left: 1px solid blue; padding-left: 5px; }
.submenu .item1:hover { border-left: 1px solid green; padding-left: 5px; }
.submenu .item2:hover { border-left: 1px solid red; padding-left: 5px; }
.submenu .item3:hover { border-left: 1px solid magenta; padding-left: 5px; }

.mainmenu_item_highlight a {
	color: #DC6504;
	text-decoration: none;	
}

.mainmenu_item a {
	color: #000000;
	text-decoration: none;
}

.mainmenu_item a:hover {
	color: #DC6504;
	text-decoration: none;
}

#wrapper {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

#content_wrapper {
	width: 85%;
 	background-color: #FFFFFF; 
	border-left: 1px solid #000000;
	border-right: 1px solid #000000; 
}

#content {
	padding: 0em 4em 3em 4em;
	text-align: justify;
	font-size: 1.1em;
}

#content h3 {
	margin: 1.5em 0 1.5em 0;
	font-size: 1.4em;
	font-weight: bold;
}

#content h4 {
	margin-top: 1.2em;
	font-size: 1.2em;
	font-weight: bold;
}

#content h5 {
	margin-top: 1.1em;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#content img {
	float: left;
	margin: 0.3em 1em 0.3em 0;
}

#content img.left {
	float: left;
	margin: 0.3em 1em 0.3em 0;
}

#content table.lecturers {
	margin-left: 0;
}

#content .lecturer_photo {
}

#content .lecturer_info {
	padding-left: 1em;
}

#content .lecturer_photo img {
	float: none;
	margin: 0;
}

#content .right {
	float: right;
	margin: 0.3em 0 0.3em 1em
}

#content img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

#disclaimer {
	border-right: 1px solid #F5F5F5;
	border-top: 1px solid #000000;
	font-size: xx-small;
}

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

.mainbox {
	border: 1px solid #879397;
	background-color: #fff;
	color: #000;
}

#banner {
	position: absolute;
	right:20px;
	top:40px;
}

#logo1 {
	background-image: url(images/logo1.png);
	width: 215px;
	height: 104px;
}

#logo2 {
	background-image: url(images/logo2.png);
	width: 215px;
	height: 24px;
}

#heading {
	background-image: url(images/header.png);
	width: 100%;
	height: 104px;
	background-repeat: repeat-x;

}

.smalltext {
	color: #000;
	font: 10px verdana, tahoma, arial, sans-serif;
}

.headertext {
	color: #DC6504;
	font: 16px verdana, tahoma, arial, sans-serif;
	font-weight: bold;
}

.indent {
	border: 1px solid #D1CFCF;
	background-color: #efefef;
	color: #727272;
	font: 7pt verdana, tahoma, arial, sans-serif;
	padding: 10px;
}

.docinnerbox {
	padding: 10px;
	text-align: left;
}

#doclinkcolumn {
	width: 214px;
	background-color: #f0f0f0;
	vertical-align: top;
}

#docmaincolumn {
	background-color: #fff;
	border-left: 1px solid #000;
	vertical-align: top;
}

#searchbox {
	text-align: right;
	padding-right: 6px;
}

form {
	margin: 2px 0px 0px 0px;
}

#info {
	background-image: url(images/info.png);
	background-repeat: repeat-x;
	height: 20px;
	width: 100%;
}

ol, ul{
	margin-top: 0;
	margin-bottom: 0;
}

.captiontext, h1 {
	color: #DC6504;
	font: 14px verdana, tahoma, arial, sans-serif;
	margin: 0;
}

.caption {
	color: #DC6504;
	font: 12px verdana, tahoma, arial, sans-serif;
	margin: 0;
}

hr {
	height: 1px;
	color: #eeeeee;
	width: 70%;
	text-align:center;
	margin-top: 2em;
	margin-bottom: 2em;
}

.helpbox {
	color:#000;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
	border: 0px none red;
	background-color: transparent;
}

#commentform {
	text-align: left;
}

#commentformbutton {
	text-align: left;
}

.button {
	border: 1px solid #000;
	color: #000;
	font: 7pt verdana, tahoma, arial, helvetica, sans-serif;
	text-align:center;
	background-image : url(images/button.png);
}

.tbox {
	background-color: #ddd;
	border: 1px solid #bbb;
	font: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #777;
}

.code_highlight {
	width: 100%;
	background-color: #efefef;
	border: 1px solid #e0e0e0;
}

.comment {
	background-color: #f3f1f1;
	width: 100%;
	border: 1px solid #e0e0e0;
}

.lowlight {
	width: 100%;
	background-color: #e5e5e5;
	font-weight: bold;
}

.compad {
	padding: 4px;
}

.spacer {
	padding: 2px 0 2px 0;
}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.tbox.chatbox {
	width: 88%;
	margin-left: auto;
	margin-right: auto;
}



.fborder {
	border: #486386 1px solid;
}
.forumheader, .nforumcaption{
	background-color: #f3f3f7;
	font: 12px verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
	padding: 4px;
	background-image : url(images/forumheader.png);
	border-top: 1px solid #becde0;
	border-bottom: 1px solid #e2e9f1;
	border-left: 0;
	border-right: 0;
	height: 20px;
}

.finfobar{
	background-color: #CCC8C8;
	color:#000;
	padding: 4px;
	border: 1px solid #C3BDBD;
	text-align: left;
	background-image : url(images/forumheader.png);
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
}

.forumheader2{
	background-color: #f4f6fb;
	font: 12px verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
	padding: 4px;
	border: #f4f6fb 1px solid;
}

.forumheader3{
	background-color: #f1f4fd;
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
	padding: 4px;
	border: #f1f4fd 1px solid;
}

.forumheader3_alt{
	background-color: #f0f0f0;
}

.forumborder{
	border: #000080 1px solid;
}

.fcaption {
	border-bottom: 1px solid #becde0;
	border-top: 1px solid #e2e9f1;
	border-left: 0;
	border-right: 0;
	background-image : url(images/fcaption.png);
	padding: 2px 0 2px 4px;
	background-color: #f9fafb;
	font: 9pt verdana, tahoma, arial, helvetica, sans-serif;
	color:#616060;
	height: 25px;
}

.smallblacktext, .defaulttext {
	font: 8pt tahoma, verdana, arial, helvetica, sans-serif;
	color:#32475f;
}

td {
	text-align: left;
}

img {
	vertical-align: middle;
}

.linkspage_button{
	vertical-align: middle;
	border:0px;
}

table {
	empty-cells: show;
}

/* Course schedule style */
	#course_info .course_description_popup_heading {
		font-weight: bold;
		text-decoration: underline;
	}

	#course_info .course_description_popup_course_name {
		margin-bottom: 1.5em;
	}

	#course_info .close {
		font-weight: bold;
		color: blue;
		cursor: pointer;
		margin-bottom: 0.6em;
	}

	#course_info .lang {
		font-family: Courier New, serif;
		font-size: small;
	}
	.course_schedule tr.compulsory_courses {
		background-color: #EEE;
	}
	
	.course_schedule tr.optional_courses {
		background-color: #CCC;
	}
	
	table.course_schedule {
		border-collapse: collapse;	
		width: 60%;
	}
	
	.course_schedule td {
		border: 2px inset #FFFFFF;
		padding: 0.2em 0.1em;
		text-align: center;
		vertical-align: middle;
	}

	.course_schedule th {
		border: 2px inset #FFFFFF;
		text-align: center;
		vertical-align: middle;
		width: 20%;
	}

	.course_schedule tr.year_header th { 
		background-color: black;
		color: white;
		border-left: 2px inset #FFFFFF;
		border-right: 2px inset #FFFFFF;
	}

	.course_schedule tr.period_header th {
		background-color: #777777;
		color: white;
		border-left: 2px inset #FFFFFF;
		border-right: 2px inset #FFFFFF;
	}

	.course_schedule tr.empty td th {
		background-color: #FFFFFF;
	}

	#course_info {
		border: 2px inset #FFFFFF;
		background-color: #DDDDDD;
		width: 200px;
		height: 300px;
		overflow: auto;
		font-size: small;
		padding: 0.2em;
		display: none;
		text-align: left;
		margin-right: 1px;

		position: absolute;
	}

	.course_schedule .selected {
		background-color: #FFFF66;
		cursor: pointer;
	}

	.course_schedule .highlight {
		background-color: #DDDD44;
		cursor: pointer;
	}

	.course_schedule .emptyHighlight {
/*		background-color: #DD4444; */
	}

	#hidden_data {
		display: none;
	}

	div.modules div {
		float: left;
		padding: 1em;
		text-align: center;
		border: 1px solid #FFFFFF;
	}

	div.modules .w10 { width: 70px; }
	div.modules .w20 { width: 140px; }
	div.modules .w30 { width: 210px; }

	#curriculum_switch a {
		padding: 0.2em;
	}