/*

Designed By: European Journalism Centre - Webteam
Date: January 2009

Primary colors:

grey: #4f4e57;
blue: #d5e4fb;
red: #b9371f;
orange: #f5a463;

*/
/* ------ Basic Structure ----- */
*{
	margin:0;
	padding:0; 
	font-family:Arial, Helvetica, sans-serif; 
	/*font-size:11px;*/
	}
img{
	border:0px;
	}

body{
	margin: 0;
	padding: 0;
	background: #ffffff;
 	margin: 0px;
 	padding: 0px;
	background: url(/mobilitycatalogue/assets/images/background.gif) repeat;
}

a{
	text-decoration: none; 
	outline: none; 
	}
a:link{
	color: #4f4e57;
	}
a:visited{
	color: #f5a463;
	}
a:hover{
	text-decoration: underline; 
	color: #b9371f;
	}
a:active{
	color: #b9371f;
	text-decoration: none;
	}


#wrapper {
 font-size: 1.2em;
 text-align: left;
 padding: 20px;
 width:100%;
}


h1,h2,h3,h4,h5,h6,form,fieldset,legend,ul,ol,li,img,fieldset,blockquote,caption,table,tr,dl,dt,dd,td,label { 
	margin: 1px; 
	padding: 1px; 
	}
h1,h2,h3,h4,h5,h6 { 
	font-weight: normal; 
	}
img,fieldset { 
	border: 0; 
	}
td{
	//height:25px;
	//font-size:15px;
	}

/************************************************************************************************/
/*container																						 /
/************************************************************************************************/
#container{
	margin:auto; 
	width:1024px; 
	height:100%;
	}
	
	
/************************************************************************************************/
/*top			   																			     /
/************************************************************************************************/
#top{
	height:138px;
	position:relative;
	background: url(/mobilitycatalogue/assets/images/header.jpg) no-repeat; 
	}
	
#top a{
	display:block; 
	text-indent:-6000px; 
	position:absolute;
	}
	
#top h1 a{
	background:url(/mobilitycatalogue/assets/images/logo.png) no-repeat; 
	width:615px; 
	height:127px; 
	top:16px; 
	left:89px;
	}
	

/************************************************************************************************/
/*middle																						 /
/************************************************************************************************/
	
	#middle{
		background:url(/mobilitycatalogue/assets/images/box-center.png) repeat-y; 
		padding:37px 31px 21px 40px; 
		height:100%; 
		position:relative;
		}
	
	#middle .ctop{
		background:transparent url(/mobilitycatalogue/assets/images/box-top.png) no-repeat scroll 0 0;
		height:31px;
		left:0;
		position:absolute;
		top:0;
		width:1024px;	
		}
	
	/************************************************************************************************/
	/*Intro & Banner																				 /
	/************************************************************************************************/	
	#middle .cintro{
		background:transparent url(/mobilitycatalogue/assets/images/box-intro-small.png) no-repeat scroll 0 0;
		height:261px;
		width:935;
		position:relative; 
		left:6px;
		top:0;
	}
	
	#middle .cintro p.introtext{
		display:none;
	}
	
	#middle .ctitlebanner{
		background:transparent url(/mobilitycatalogue/assets/images/box-title.jpg) no-repeat scroll 0 0;
		height:74px;
		width:932;
		position:relative; 
		left:8px;
		top:0;
	}
	
	#middle .ctitlebanner h1{
		display:block;
		font-size:22px;
		color:#ffffff;
		margin-bottom:0;
		margin-left:42px;
		margin-top:0;
		padding-top:23px;
		/*text-transform:uppercase;*/
	}
	
	
		
	/************************************************************************************************/
	/*Content																						 /
	/************************************************************************************************/	
	#middle .content{
		border:3px solid #F5A463;
		margin-left:34px;
		margin-bottom:78px;
		padding:10px;
		top:20px;
		width:853px;
		position:relative;
	}
	
	/************************************************************************************************/
	/*SearchBox p.1																					 /
	/************************************************************************************************/

	#wrapper.searchform{
		height:590px;
	}
	
	#middle .cbottom{
		background:url(/mobilitycatalogue/assets/images/box-bottom.png) no-repeat; 
		width:1024px; 
		height:58px; 
		position:absolute; 
		bottom:0; 
		left:0;
		clear:both;
		}
	table#formtable{
		width:480px;
		border:0;
		padding:3px;
		margin:0px;
	}
	.formlabel{
		width:100px;
		text-align:left;
	}


#leftLabels{
	line-height:1.5;
	float:left;
	width:150px;
	font-size:20px;
}
#leftLabels label{
	display:block;
	float:left;
	font-weight:bold;
	text-align:left;
	width:140px;
}

#rightForms{
	float:right;
	line-height:1.5;
	margin-right:50px;
	width:650px;
	font-size:11px;
}

#quickform{
	border-bottom:2px dotted #F5A463;
	
}

#button{
/*margin-left: 287px;*/
margin-top: 5px;
width: 70px;
}


input, textarea{
/*width: 300px;*/
margin-bottom: 5px;
margin-top:2px;
}

#divsize{
	margin-left:100px;
	margin-top:-24px;
	padding:5px;
}

#divsizeexplanation{
	color:#F5A463;
	font-size:15px;
	margin-left:175px;
	margin-top:-19px;
}
p#keywordLeft{
	font-size:20px;
	height:70px;
}
p#keyword{
	height:70px;
}

p#typeLeft{
	font-size:20px;
	height:70px;
}

p#type{
	height:70px;
}

p#submit{
		height:50px;
}

p#sizeLeft{
	font-size:20px;
	height:70px;
	padding-top:77px;
}

p#levelLeft{
	font-size:20px;
	height:90px;
}

p#level{
	height:90px;
}

p#languageLeft{
	font-size:20px;
	height:90px;
}

p#language{
	height:90px;
}

p#country{
	height:70px;	
	padding-top:29px;
	padding-left:4px;
}

p#countryLeft{
	font-size:20px;
	height:70px;
	padding-top:27px;
}

div#size{
	height:70px;
	padding-top:27px;
	left:200px;
	right:0;
	width:500px;
}

div#leftSize{
	float:left;
	padding-top:2px;
}

div#rightsize{
	float:right;
	
}





/* Properties that both side lists have in common */
div.link-list {
        width:10.2em;
        position:relative;
        top:0;
        font-size:80%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
}
/* we leave some place on the side using the margin-* properties */
#middleSize {
        margin-left:10.2em;
        margin-right:10.2em;
        padding-left:1em;
        padding-right:1em;
}
/* and then we put each list on its place */
#leftSize {
        left:0;
}
#rightSize {
        right:0;
		border:1px none;
		left:200px;
		margin-top:-27px;
		right:0;
		width:300px;
		color:#f5a463;
		font-size:13px;
}



label{
	float:left;
	width:115px;
	font-size:20px;
	
}
br{
clear: left;
}

.boxes{
width: 1em;
}



#divchkkeyword{
	margin-left:148px;
	margin-right:20px;
	padding:5px;
	
}
#divchktype{
	margin-left:148px;
	margin-right:20px;
	padding:5px;
}


#chknames{
	font-size:15px;
	margin-left:10px;
	margin-right:20px;
}
#chklevel{
	font-size:15px;
	margin-left:10px;
	margin-right:20px;
}
#chklanguage{
	font-size:15px;
	margin-left:10px;
	margin-right:20px;
}
#divchklevel{
	margin-left:161px;
	margin-right:20px;
	padding:5px;
}
#divchklanguage{
	margin-left:161px;
	margin-right:20px;
	padding:5px;
}
#divlstcountry{
	margin-left:161px;
	margin-right:20px;
	padding:5px;
}
		/* -------------
		 * Inputs
		 * ------------- */
		.jNiceInputWrapper {
			background: transparent url(/mobilitycatalogue/assets/elements/input.gif) no-repeat left top;
			float:left;
		}

		.jNiceInputInner {
			background: transparent url(/mobilitycatalogue/assets/elements/input.gif) no-repeat right top;
			padding: 2px 4px 2px 0;
			margin: 0 0 0 4px;
			height:17px;
		}

		.jNiceInputInner input {
			font-family:Arial, Helvetica, sans-serif;
			font-size: 12px;
			color:#404040;	
			line-height: 17px;
			height: 28px;
			*line-height: 15px;/* IE Hacks */
			*height: 15px;/* IE Hacks */
			vertical-align:middle;padding:0;margin:0;background:none;border:none;outline:none;
		}

		.jNiceInputWrapper_hover { background-position: left bottom; }
		.jNiceInputWrapper_hover .jNiceInputInner { background-position: right bottom; }
		
		
		/* -------------
		 * Checkboxes
		 * ------------- */

		
		.jNiceCheckbox {
			background: transparent url(/mobilitycatalogue/assets/elements/checkbox.gif) no-repeat center top;
			height: 18px;
			width: 18px;
			position:absolute;left:0px;top:0px;z-index:2;cursor:pointer;
		}

		/* -------------
		 * Checked - Used for both Radio and Checkbox
		 * ------------- */
		.jNiceChecked { background-position: center bottom;}
		
		
		/* -------------
		 * Buttons
		 * ------------- */
		button {
			margin:0;
			padding:0;border:none;
			background-color:transparent;
			cursor:pointer;
			overflow:visible;
			outline:none;
			moz-outline:none;
		}
		
		*:first-child+html button[type]{
			width:1;
		} /* IE7 */

		button span {
			background: transparent url(/mobilitycatalogue/assets/elements/btn_right.gif) no-repeat scroll right top;
			display: block;
			float: left;
			padding: 0px 4px 0px 0px; /* sliding doors padding */
			margin: 0px;
		}

		button span span {
			background:transparent url(/mobilitycatalogue/assets/elements/btn_left.gif) no-repeat scroll 0 0;
			color:#FFFFFF;
			display:block;
			font-size:15px;
			font-weight:normal;
			line-height:20px;
			padding:0 4px 0 8px;
			text-decoration:none;
			text-transform:lowercase;
		}
		
		
		/* -------------
		 * Selects
		 * ------------- */
		.jNiceWrapper select {
			border:none;
			margin:0;
			padding:0;
		}

		.jNiceSelectWrapper {
			height: 17px;
			left:0px;
			top:0px;
			z-index:3;
			position:absolute;
			font-size:11px;
		}

		.jNiceWrapper iframe {position:absolute;z-index:1;width:100%;left:0px;top:0px;}

		.jNiceSelectWrapper .jNiceSelectText {
			height: 15px;
			line-height: 15px;
			padding: 0px 3px;
			border: 1px solid #CCCCCC;
			border-right: none;
			background-color: #FFF;
			overflow:hidden;float:none;position:absolute;z-index:100;
		}

		.jNiceSelectWrapper .jNiceSelectOpen {
			width: 21px;
			height: 17px;
			background: url(/mobilitycatalogue/assets/elements/select_right.gif) no-repeat center center;
			z-index:100;display:block;position:absolute;right:0px;
		}

		.jNiceSelectWrapper ul {
			top: 16px;
			background-color: #FFF;
			border: solid 1px #CCC;
			height: 96px;
			position:absolute;left:0px;list-style:none;display: none;margin:0;padding:0;overflow-y:auto;z-index:100;width: 95%;
		}

		.jNiceSelectWrapper ul a {
			color:#0099CC;
			background-color: #FFF;
			//display:block;
			padding:5px;
			text-decoration:none;
		}

		.jNiceSelectWrapper ul a:hover { background:#E1F5FF; }
		.jNiceSelectWrapper ul a.selected {background: #EDEDED;}

		.jNiceFocus { border: dotted 1px #666666; }

		.jNiceHidden {opacity:0;z-index:-1;position:relative;}
		.jNiceWrapper {position:relative;vertical-align:top;}
		.jNiceWrapper input {outline:none;moz-outline:none;}
		


		/************************************************************************************************/
		/*Resulttable p.2																					 /
		/************************************************************************************************/
		
		table#searchresults{
			border-top: 1px solid;
			border-left: 1px solid;
			border-collapse: collapse;
			font-family: arial, sans-serif;
			font-size:12px;
			width:95%;
		}
		table#searchresults tr{
			line-height:2px;
		}
		table#searchresults th, table#searchresults td{
			padding:10px;
			border-right:1px solid;
			border-bottom: 1px solid;
			font-family: arial, sans-serif;
			font-size:11px;
			line-height:13px;
		}
		table#searchresults th{
			border-bottom:2px solid;
			line-height:120%;
		}
		table#searchresults th.goals{
			width:15%;
		}
		a#back{
			background:transparent url(/mobilitycatalogue/assets/images/arrow_fat_left.gif) no-repeat scroll left 1px;
			bottom:0;
			color:#4F4E57;
			font-size:11px;
			padding-bottom:5px;
			padding-left:12px;
			//position:absolute;
			text-decoration:underline;
		}
		
		a#top{
			background:transparent url(/mobilitycatalogue/assets/images/arrow_fat_up.gif) no-repeat scroll right 1px;
			color:#4F4E57;
			font-size:11px;
			left:638px;
			padding-bottom:0;
			padding-right:12px;
			text-decoration:underline;
		}
		
		a#home{
			background:transparent url(/mobilitycatalogue/assets/images/magnify.gif) no-repeat scroll left 1px;
			bottom:0;
			color:#4F4E57;
			font-size:11px;
			padding-bottom:5px;
			padding-left:12px;
			//position:absolute;
			text-decoration:underline;
		}
		/************************************************************************************************/
		/*Detailstable p.3																					 /
		/************************************************************************************************/
		
		table#details{
			border-top: 1px solid;
			border-left: 1px solid;
			border-collapse: collapse;
			font-family: arial, sans-serif;
			font-size:14px;
			width:95%;
		}
		table#details tr{
			line-height:2px;
		}
		table#details th, table#details td{
			padding:10px;
			border-right:1px solid;
			border-bottom: 1px solid;
			font-family: arial, sans-serif;
			font-size:12px;
			line-height:20px;
		}
		table#details th{
			font-size:14px;
			width:20%;
			vertical-align:top;
		}		
		a#topresults{
			background:transparent url(/mobilitycatalogue/assets/images/arrow_fat_up.gif) no-repeat scroll right 1px;
			color:#4F4E57;
			font-size:11px;
			margin-left:630px;
			padding-bottom:0;
			padding-right:12px;
			text-decoration:underline;
		}
		
		h3.coursetitle{
			width:95%;
		}
		
		h4.institution{
			width:95%;
		}
		/************************************************************************************************/
		/*TOOLTIPS  																					 /
		/************************************************************************************************/		
			span.show-tooltip-text { 
				display: none; 
				position: absolute; 
				font-size: 0.9em; 
				background-image: url(/mobilitycatalogue/assets/images/bubble_blue_big.gif); 
				background-repeat: repeat-x; 
				padding: 6px; 
				padding-left: 12px; 
				padding-right: 12px; 
				padding-top:20px; 
				color: black; 
				z-index:1;
			}
		
		
/************************************************************************************************/
/*footer																						 /
/************************************************************************************************/
			
	#footer{
		background-color: #4F4E57;
		width:1024px;
		height:40px;
	}
	
	#footer .bar{
		background-color:#F5A463;
		height:25px;
		margin-left:66px;
		padding-top:4px;
		text-align:center;
		width:895px;
	}
	
	#footer .bar span{
		font-size:12px;
		color:#4F4E57;
		text-align:center;
	}
	
	#footer a:visited{
		color: #4f4e57;
	}