/* *************************** GENERAL *************************** */

#body {
	background-color:		white;
}

a, a:link, a:visited, a:focus, a:hover, a:active {
	color:					#5C5662;
}

#header {
	background-color:		white;
	height:					73px;
	border-top:				1px solid #5C5662;
	border-left:			1px solid #5C5662;
	border-right:			1px solid #5C5662;
	clear:					both;
}

#header .title {
	font-family:			MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-weight:			bold;
	font-size:				40px;
	color:					#5C5662;
	margin:					15px 120px 15px 20px;
	float:					left;
}

#header .subtitle {
	font-family:			MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-weight:			bold;
	font-size:				20px;
	color:					#5C5662;
	margin:					25px 0px 25px 0px;
	float:					left;
}

#about .title {
	text-align:				right;
	font-family:			MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size:				12px;
	color:					#E0DEE1;
	padding:				3px 5px 0px 0px;
}


/* *************************** START PAGE *************************** */

#content-intro {
	position:				relative;
	top:					-14px;
	background-color:		#5C5662;
	border-radius:			7px;
	height:					750px;
}

#content-intro .text {
	position:				relative;
	top:					10px;
	background-color:		white;
	margin:					10px;
	padding:				10px;
	border-radius:			10px;
	font-family:			MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size:				16px;
	color:					#5C5662;
}

#reference {
	border:					1px solid #5C5662;
	margin:					5px 30px 5px 30px;
	padding:				20px;
	font-family:			MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size:				14px;
	color:					#5C5662;
	text-align:				center;
}

.datasets {
	margin-left:			30px;
	border-collapse:		collapse;
}

.datasets td {
	padding:				10px;
	border:					1px solid #5C5662;
}

.datasets .images td {
	border:					none;
	padding:				5px;
}

/* *************************** TABS *************************** */

#tabs {
	position:				relative;
	top:					-3px;
}
	
#tab {
	background-color:		white;
	margin:					0px;
	padding:				10px;
	border-radius:			10px;
	font-family:			MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size:				16px;
	color:					#5C5662;
}

#tab .intro {
	height:					300px;
	padding:				30px;
}

#tab .data .label {
	font-family:			MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size:				13px;
	color:					#5C5662;
	width:					99%;
	text-align:				right;
}


/* *************************** TABS - INTRO *************************** */

.preview {
	margin-top:				40px;
	margin-left:			auto;
	margin-right:			auto;
}

.preview td {
	padding-left:			10px;
	padding-right:			10px;
}


/* *************************** TABS - VAICo *************************** */

#content {
	float:					left;
	background-color:		white;
}

#control {
	margin-top:				50px;
	margin-left:			30px;
	float:					left;
}

#control .label {
	font-family:			MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size:				15px;
	margin-top:				30px;
	margin-bottom:			7px;
	width:					250px;
}

#control .comment {
	font-family:			MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size:				13px;
	width:					250px;
}


/* *************************** TABS - DATA *************************** */

#data-panel {
	list-style-type:		none;
	margin:					0px;
	padding:				0px;
}

#data-panel li img:hover {
	cursor:					pointer;
}


/* *************************** VAICo *************************** */

.image-list {
	border-collapse:		collapse;
}

.image-list td {
	border:					none;
	padding:				10px;
	font-family:			MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size:				15px;
	color:					#E0DEE1;
}

#tree-view {
	float:					left;
}

#tree-control {
	float:					left;
}

#level-slider {
	margin-left:			10px;
}