@charset "UTF-8";

@import url('../fonts/museo-sans/museo-sans.css');
@import url('../fonts/glyphicons-halflings.css');

/* HTML5 Boilerplate */
@import url('normalize.css');
@import url('main.css');

/* apply a natural box layout model to all elements 
*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}*/

html,body { 
	margin: 0;
	padding: 0;
}
/* font-size is 62,5%: 1em = 10pt */
body { 
	font-family: "Museo Sans";
	font-size: 14px;
	font-weight: 300;
	color: #002328;
	background-color: #fff;
}

.table { display: table }
.cell { display: table-cell; }

/* ==================== index: container ==================== */

iframe { 
	margin: 1em 0 1em 0;
	border: none;
}

header { 
	width: 100%;
	height: 60px;
	margin: 2em 0 1em 0;
	}
	header a {
		float: right; 
		width: 175px; 
		height: 60px; 
		margin-right: 9px;
	    background: transparent url("../img/logo.png") center center no-repeat scroll;
	    }
    header h1 {
	    margin: 0;
	    padding: 0;
	    padding-left: 9px;
	    font-size: 21px;
	    font-weight: 900;
	    line-height: 1;
    }

/* layout columns */

#column_wrapper { 
	width: 100%;
}
#leftColumn {
	width: 20%; 
	min-width: 200px;
	margin: 0;
	padding: 0;
}
#rightColumn {
	margin: 0;
	padding: 0;
	background-color: #fff;
}
.header { 
	padding: 7px 0 7px 10px;
	font-size: 1em;
	font-weight: 300;
	letter-spacing: 1px;
	color: #fff;
	border-bottom: 10px solid #fff;
	background-color: #002328;
}

/* ==================== left frame: nav ==================== */

#nav {
	margin: 0;
	padding: 3px 10px;
	font-size: .9em;
	background-color: #fff;
	}
	#nav h1.exerciseTitle {
		margin-top: 0;
		font-size: 1.2em;
		font-weight: bold;
	}
	#nav ul { 
		list-style: none;
		margin-left: 0;
		padding-left: 1em;
		text-indent: -.9em;
	}
	#nav ul li {
		margin-bottom: .2em;
	}
	#nav ul li:before {
		color: #555;
		content: "\02022 \020";
	 }
	#nav ul li a { 
		color: #555;
		line-height: 1em; 
		margin-bottom: .5em;
	}
	#nav ul li a:hover { 
		color: #002328;
	}
	#nav ul li.active:before {
		color: #000;
		content: "\0BB \020";
	 }
	#nav ul li.active a { 
		font-weight: 600;
		color: #000;
	}


/* ==================== common HTML ==================== */

/* headings */
h1, h2, h3, h4, h5, h6 {
	margin: 0.5em 0 .5em 0;
	font-weight: 300;
	line-height: normal;
	}
	h1 { font-size: 1.7em; }
	h2 { font-size: 1.3em; }
	h3, h4, h5, h6 { font-size: 1.2em; font-style: italic; }

p { 
	margin-top: 0;
	font-size: 1em;
	line-height: 1.4em;
}

/* default links */
a, a:visited { color: #002328; text-decoration: none; }
a:hover { text-decoration: underline; }

/* listings */
ul, ol {
	margin: 0;
	margin-left: .7em;
	padding: 0;
	padding-left: .7em;
	}
li { line-height: 1.4em; }

/* form and related tag styles */
form {
	clear: both;
	margin: 0;
	padding: 0;
	}
	input { 
		margin: 0; 
		font-family: "Museo Sans";
	}
	input[type="text"], textarea {
		width: 100%;
		padding: 2px 5px 2px 5px;
		font-size: 9pt;
		border: 1px solid #b2b2b2;
		}
	input[type="checkbox"], input[type="radio"] {
		margin-right: 5px;
		}
	select {
		margin: 0;
		font-size: 9pt !important; 
		font-weight: normal;
		letter-spacing: normal;
		}
		option { 
			padding: 2px 5px 2px 5px;
		}

/* ---------- table styles ---------- */

table { 
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 100%;
	border-collapse: separate; 
}

td { vertical-align: top; }

td p { margin-top: 0; }

/* table data */
.TBL_data {
	width: 100%;
	font-size: 90%;
	border: 1px solid #ddd;
	border-spacing: 1px;
	}
	.TBL_data th { 
		padding: 5px;
		font-weight: bold;
		text-align: center;
		background-color: #ccc;
	}
	.TBL_data td { 
		padding: 5px ;
		background-color: #fcfcfc; 
	}
	.TBL_data td.label { 
		font-weight: bold;
		background-color: #eee; 
	}
	/* lines and spacers */
	td.spacerLine_white {
		height: 1px;
		padding: 0px;
		margin: 0px;
		background-color: #fff;
	}
	td.spacerLineGrey {
		height: 1px;
		padding: 0px;
		margin: 0px;
		background-color: #b2b2b2;
	}


/* ==================== jQuery UI ==================== */

/* override jQuery UI TABS styles in "Understanding your research question" */

.ui-widget { 
	font-family: "Museo Sans" !important; 
	font-size: 15px;
	font-weight: 300;
    line-height: 1.5;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-widget-content, .ui-widget-header,
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr, .ui-corner-left, .ui-corner-tl {
    background: none;
    border: none !important;
}
.ui-tabs {
    padding: 0;
    position: relative;
}

.ui-widget-header {
    font-weight: bold;
}

.ui-state-active, .ui-state-default {
    border: none;
}

.ui-tabs-anchor {
	border: medium none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 10px 10px 9px;
    text-decoration: none !important;
    background-color: #00b969;
    color: #fff !important;
}

.ui-tabs-anchor:focus, .ui-tabs-anchor:hover, .ui-state-active .ui-tabs-anchor {
    background-color: #002328 !important;
    color: #fff !important;
}
.ui-tabs-panel, .ui-widget-content { margin: 1em 0 !important; padding: 0 !important; font-weight: 300 !important; }

/* ==================== EUR styles ==================== */

.btn {
	padding: 9px;
    border: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none !important;
    border-radius: 0;
	}
	.btn-default {
	    color: #fff !important;
	    background-color: #00b969;
	}
	.btn-default:focus, .btn-default:hover {
		color: #fff !important;
	    background-color: #002328 !important;
	}
	.btn-default {
		color: #fff !important;
	    background-color: #00b969;
	}

/* ==================== helper classes ==================== */

.normal { font-weight: normal; font-style: normal; }
.small { font-size: 11px; }
.medium { font-size: 12px; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.alignCenter { text-align: center; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.valign_top { vertical-align: top !important; }
.valign_middle { vertical-align: middle !important; }
.valign_bottom { vertical-align: bottom !important; }
.floatLeft { float: left; }
.floatRight { float: right; }
.red { color: #f32837; }
.green { color: #1c8c48; }
.grey { color: #888; }
.black { color: #000; }
.noWrap { white-space: nowrap; }
.border { border: 1px solid #dedede; }
img.border {
	padding: 2px;
	border: 1px solid #dedede;
}
.noBorder { border: none; }
.noMargin { margin: 0; }
.noPadding { padding: 0; }
.height_0_5em { height: .5em; }
.height_1em { height: 1em; }
.height_2em { height: 2em; }
.noTextDecoration { text-decoration: none; }
.noListStyle { list-style: none; }