/* ---------------------- */
/* ----- ACTIVE IDS ----- */
/* ---------------------- */
#ActiveIDs{
	position:absolute;
	bottom:25px;
	right:25px;
}
#ActiveIDs a{
	color:#333333;
	text-decoration:none;
}
#ActiveIDs a:hover{
	color:#999999;
}

/* ------------------------ */
/* ----- DEBUG WINDOW ----- */
/* ------------------------ */
#debugWindow{
	width:300px;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	border:1px solid #cccccc;
	text-align:left;
}

/* -------------------------- */
/* ----- GENERAL LAYOUT ----- */
/* -------------------------- */
html, body{
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#FFFFFF;
	height: 100%;
	width: 100%;
	background-color:#000000;
	text-align:center;
}

img{
	margin:0px;
}

#vertical_layout{
   height:100%;
   width:100%;
   display:table;
   vertical-align:middle;
}
#layout_cell{
   display:table-cell;
   vertical-align:middle;
   width:1024px;
   #position: relative; 
   #top: 50%;
} 
#content{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	#position: relative;
	#top: -50%;
}

/* -------------------------- */
/* ----- PROJECT LAYOUT ----- */
/* -------------------------- */

#projectPage{
	height:640px;
	position:relative;
	/*background-image:url(../img/background.png);
	background-repeat:no-repeat;*/
	text-align:left;
	/*border:1px solid #000000;*/
}

/* -------------------------- */
/* ----- PROJECT LAYOUT ----- */
/* -------------------------- */

/* ----- BANNER TOP ----- */

#bannerTop{
	width:100%;
	height:40px;
	position:absolute;
	top:0px;
	/*background-image:url(../img/TUDelft.png);
	background-repeat:no-repeat;*/
	/*border-bottom:2px solid #00A7E7;*/
}

#bannerTitle{
	position:absolute;
	left:0px;
	bottom:-12px;
	font-size:18px;
}
#projectTitle{
	position:absolute;
	right:0px;
	bottom:2px;
	font-size:18px;
	text-align:right;
}
#projectTitle img{
	margin-left:10px;
}

#projectContent{
	width:100%;
	height:576px;
	position:absolute;
	top:40px;
	background:#000000;
	/*background-image:url(../img/UBbanner.png);
	background-repeat:no-repeat;*/
	border-top:1px solid #B90B0C;
	border-bottom:1px solid #B90B0C;
}

#flashIndex{
	
}

#flashDownload{
	width:112px;
	height:33px;
	position:relative;
	left:456px;
	top:250px;
}

#bannerBottom{
	width:100%;
	height:24px;
	position:absolute;
	top:616px;
	/*border-top:2px solid #00A7E7;*/
}

#navBar{
	margin-top:4px;
	margin-left:0px;
	font-size:14px;
	color:#999999;
	text-align:justify;
}

/* ----------------------- */
/* ----- PORTAL PAGE ----- */
/* ----------------------- */

/* --- SLIDING PANELS --- */

.slidingPanel{
	width:600px;
	height:150px;
	left:-625px;
	padding:15px;
	padding-right:30px;
	color:#333333;
	background:#FFFFFF;
	opacity: .9;
	filter: alpha(opacity=90);
	text-align:justify;
}
.slidingPanel h2{
	margin-top:-10px;
	font-size:14px;
	font-weight:bold;
	color:#000000;
}
.slidingPanel p{
	font-size:11px;
}
#UrbanBodyPanel{
	position:absolute;
	top:20px;
}
#StudioConceptPanel{
	position:absolute;
	top:200px;
}
#TransdisciplinaryPanel{
	position:absolute;
	top:380px;
}

.slidingPanelGrip{
	position:absolute;
	top:15px;
	right:5px;
	cursor:pointer;
}

#UBbackground{
	width:720px;
	height:576px;
	position:absolute;
	top:0px;
	left:0px;
	/*border:1px dashed #FF0000;*/
}

/* ----- INFO BOX ----- */
#infoBox{
	width:720px;
	height:576px;
	position:absolute;
	top:0px;
	left:0px;
	/*border:1px dashed #FF0000;*/
}
#infoBoxImg{
	position:absolute;
	top:0px;
	visibility:visible;
}
#infoBoxText{
	position:absolute;
	top:18px;
	height:540px;
	padding-right:20px; /* to correct for scroll bar in IE */
	overflow-x:hidden;
	overflow-y:scroll;
	visibility:hidden;
	color:#FFFFFF;
	text-align:justify;
}

/* ----- BILLBOARD ----- */
#billboard{
	position: relative;
	float:right;
	/*position:absolute;
	top:18px;
	right:0px;*/
	width:300px;
	height:574px;
	overflow: hidden;
	border:1px dashed #FF0000;
}

.headline {
	position: relative;
	/*top: 584px;*/
	/*height: 574px;*/
	width:280px;
	margin:10px;
	/*display:none;*/
	border:1px dashed #FFFF00;
}
	
/*	 
#msgList{	
	height:540px;
	overflow-x:hidden;
	overflow-y:scroll;
	padding-left:20px;
	padding-right:20px;
}
#msgList li{
	margin-bottom:20px;
}
*/

/* --------------------------- */
/* ----- NAVIGATION MENU ----- */
/* --------------------------- */

ul{ 
	list-style-type: none; 
	margin:0px;
	margin-top:10px;
}

.chapter{
	position:relative;
	float:left;
	/*width:100px;*/
	width:90px;
	top:-5px;
}
.chapterRight{
	float:right;
	text-align:right;
}
.chapter h1, h2{
	padding:0px;
	margin:0px;
	color:#666666;
	font-size:12px;
}
.chapter h1{
	font-weight:bold;
}
.chapter h2{
}
.chapter a{
	text-decoration:none;
}
.chapter h1:hover, h2:hover{
	color:#FFFFFF;
}