/* html elements */
* {
	padding: 0;
	margin: 0;
}

body {
	font: 75%/150% "Lucida Grande", Verdana, Lucida, Helvetica, Arial,
		sans-serif;
	color: #555;
}

a {
	color: #555;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

input[type="checkbox"] {
	display: block;
	float: left;
	margin: 2px 4px 2px 2px;
}

input[type="checkbox"],input[type="radio"] {
	border: none !important;
}

input[type=submit] {
	font-size: 12px;
	padding: 0px 5px;
}

input[type=submit][class~=iconLink] {
	padding: 2px 0px 2px 20px !important;
}

select {
	font-size: 11px;
}

h2,h3,h4 {
	border-bottom: 1px dashed #DDD;
	padding-bottom: 2px;
}

ul,ol {
	padding: 0px 14px;
}

/* layout */
#header {
	background-color: #DCE7E3;
}

#header h1 {
	line-height: 30px;
	padding: 10px 0px 5px 0px;
}

#header h1 a {
	color: #A14940;
	font-size: 22px;
}

#header h1 a:hover {
	color: #F90;
	text-decoration: none;
}

#header_top {
	display: none;
	border-bottom: 1px solid #aaa;
	padding: 5px 5px 0px 5px;
	background: none repeat scroll 0 0 #DCE7E3;
	position: fixed;
	width: 100%;
	z-index: 99999;
}

#headerImage {
	background: url(../pix/header_bg.gif) repeat scroll 0 0 transparent;
	height: 84px;
}

#headerImage a {
	float: left;
}

#logos {
	display:none;
}

#logoTMF {
	background-image: url(../pix/logos/logo_for816.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 85px;
	height: 80px;
	padding: 2px;
}

#logoDFG {
	float: right;
	padding: 5px;
}

#language {
	float: left;
}

#language a {
	text-decoration: none;
}

#language span {
	color: #a14940;
	font-size: 11px;
	padding-left: 50px;
	font-weight: normal;
	border: 0;
}

#login {
	float: right;
	margin: 0px 10px 2px 0px;
}

#login input,#login form,#login label {
	float: left;
	display: block;
}

.whoisonline_slider {
	display: none;
}

/* navigation */
#navigation {
	display:none;
	background: url(../pix/page_nav.png) repeat scroll 0 0 transparent;
	border-bottom: 2px solid #CCC;
	border-top: 2px solid #CCC;
	padding: 2px 0;
}

#nav {
	font-weight: bold;
	margin: 0 auto;
	min-width: 800px;
	padding-left: 20px;
}

#nav,#nav ul {
	font-size: 1.1em;
	font-weight: bold;
	list-style: none outside none;
	text-align: left;
	z-index: 10000;
}

#nav a {
	color: #555;
	display: block;
	font-size: 1em;
	font-weight: bold;
	line-height: 2em;
	text-decoration: none;
	padding: 0px 5px;
}

#nav a:hover {
	background: none repeat scroll 0 0 #CCC;
	font-size: 1em;
	font-weight: bold;
}

#nav ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

#nav li {
	float: left;
	margin-left: 20px;
	position: relative;
}

#nav li ul {
	display: none;
	left: 0;
	list-style: none outside none;
	position: absolute;
	top: 1em;
}

#nav li>ul {
	left: auto;
	top: auto;
}

#nav li:hover ul,li.over ul {
	display: block;
}

#nav li ul {
	background: none repeat scroll 0 0 #EEE;
	border: 1px solid #DDD;
	font-size: 1em;
	height: auto;
	left: -999em;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 14em;
}

#nav li li {
	margin: 0;
	width: 14em;
}

#nav li ul a {
	border-left: 1em solid #FFD08A;
	margin: 0;
}

#nav li ul a:hover {
	border-left: 1em solid #FFB13D;
}

#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul
	{
	left: auto;
}

#nav li:hover,#nav li.sfhover {
	background: none repeat scroll 0 0 #CCC;
	color: #FFF;
}

.content_overview li {
	padding-bottom: 10px;
}

.content_overview li a {
	font-weight: bold;
}

#breadcrumbs {
	float: right;
	padding: 3px 10px 0px 0px;
}

/* footer */
#footer {
	background-color: #EDEDED;
	border-top: 3px solid #000;
	padding: 20px 10px;
	text-align: center;
	font-size: 10px;
}

#contextLinks {
	display:none;
	padding-top: 20px;
	font-size: 10px;
}

#backHomeLink {
	float: left;
}

#toTopLink {
	float: right;
}

/* fluid 3 column layout */
#colmask {
	
}

#colmid {
	
}

#col1 a {
	color: #3E7E3D;
}

#colright {
	
}

#col1wrap {
	
}

#col1pad {
	
}

#col1 {
	
}

#col1 ul {
	list-style-type: square inside none;
}

#col2 {
	
}

#col3 {
	
}

#col3 .columnModule li {
	margin: 5px 0px;
}

#col1 h2 {
	margin-bottom: 15px;
}

.columnModule {
	display:none;
	background: none repeat scroll 0 0 #FAFAFA;
	padding: 5px;
	font-size: 11px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

.columnModule h3 a {
	color: #555 !important;
}

.columnModule h3 a:hover {
	color: #000;
	text-decoration: none;
}

.columnModule ul {
	list-style: none outside none;
	padding-left: 5px;
}

.columnModule_input {
	width: 110px;
}

.feedback_input {
	width: 300px;
}

.loginButton {
	float: right !important;
}

#login .iconUser {
	margin-right: 10px !important;
}

/* staff stuff */
.stafflist li {
	padding-bottom: 15px;
}

.staffitem {
	list-style-type: none;
	position: relative;
	margin-bottom: 5px;
	background: #eee;
}

.editbox {
	float: right;
	padding-left: 10px;
}

.stafftitle {
	background: #ccc;
	padding: 3px;
	font-weight: bold;
}

.staffpic {
	float: right;
	padding: 5px;
}

.staffpic img {
	background: #FFF;
	box-shadow: 1px 1px 2px #333;
	padding: 4px;
}

.staffdetails,.staffcontact {
	font-size: 11px;
	line-height: 17px;
}

.staffdetails {
	padding: 5px;
}

.staffDivider {
	border-top: 1px solid #ccc;
	padding: 10px 0px;
}

/* paging */
.pagingArea li {
	float: left;
	list-style-type: none;
	padding: 5px;
	text-align: center;
}

.pagingArea a {
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	font-weight: bold;
	height: 16px;
	width: 16px;
	text-align: center;
	color: #555 !important;
}

.pagingArea a:hover {
	color: #3f7ad0 !important;
	background: #eee;
	text-decoration: none;
}

.pagingArea ol {
	display: table;
	margin: 0 auto;
}

.paging_current {
	height: 16px;
	width: 16px;
	font-weight: bold;
	color: #3f7ad0;
	cursor: default;
}

.paging_first {
	background-image: url(../pix/icons/resultset_first.png);
}

a.paging_first:hover {
	background-image: url(../pix/icons/resultset_first_green.png);
}

.paging_last {
	background-image: url(../pix/icons/resultset_last.png);
}

a.paging_last:hover {
	background-image: url(../pix/icons/resultset_last_green.png);
}

.paging_next {
	background-image: url(../pix/icons/resultset_next.png);
}

a.paging_next:hover {
	background-image: url(../pix/icons/resultset_next_green.png);
}

.paging_prev {
	background-image: url(../pix/icons/resultset_previous.png);
}

a.paging_prev:hover {
	background-image: url(../pix/icons/resultset_previous_green.png);
}

.disablelink {
	visibility: hidden;
}

/* news */
.newsitem {
	padding: 10px;
	background: #eee;
	margin-bottom: 25px;
}

.newstitle {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	border-bottom: 1px dashed #ccc;
}

.newscontent {
	padding-bottom: 10px;
}

.newsfooter {
	position: relative;
	border-top: 1px dashed #ccc;
	font-size: 11px;
}

/* links with icons */
.iconLink {
	padding: 2px 0px 2px 20px;
	background-repeat: no-repeat;
	background-position: center left;
}

.iconHeight {
	height: 16px;
}

.iconHeightPadding {
	padding: 2px 0px;
}

.iconLoading {
	background-image: url(../pix/icons/load_animation.gif);
}

.iconRefresh {
	background-image: url(../pix/icons/arrow_refresh.png);
}

.iconFeedback {
	background-image: url(../pix/icons/comment.png);
}

.iconUser,.iconOwner {
	background-image: url(../pix/icons/user.png);
}

.iconUserSuit {
	background-image: url(../pix/icons/user_suit.png);
}

.iconUserEdit {
	background-image: url(../pix/icons/user_edit.png);
}

.iconMail {
	background-image: url(../pix/icons/email.png);
}

.iconCellular,.iconContactcellular {
	background-image: url(../pix/icons/phone.png);
}

.iconPhone,.iconContactphone {
	background-image: url(../pix/icons/telephone.png);
}

.iconCellular,.iconContactcellular {
	background-image: url(../pix/icons/phone.png);
}

.iconFax,.iconContactfax {
	background-image: url(../pix/icons/printer.png);
}

.iconVoIP,.iconContactVoIP {
	background-image: url(../pix/icons/webcam.png);
}

.iconWarning {
	background-image: url(../pix/icons/error.png);
}

.iconProjectAdmin {
	background-image: url(../pix/icons/award_star_bronze_1.png);
}

.iconHelp {
	background-image: url(../pix/icons/help.png);
	cursor: pointer;
}

.iconArrowLeft {
	background-image: url(../pix/icons/arrow_left.png);
	cursor: pointer;
}

.iconArrowDownLeft {
	background-image: url(../pix/icons/arrow_southwest.png);
	cursor: pointer;
}

.iconArrowUpLeft {
	background-image: url(../pix/icons/arrow_northwest.png);
	cursor: pointer;
}

.iconArrowRight {
	background-image: url(../pix/icons/arrow_right.png);
	cursor: pointer;
}

.iconEdit {
	background-image: url(../pix/icons/page_edit.png);
}

.iconNew {
	background-image: url(../pix/icons/page_add.png);
}

.iconDeletePage {
	background-image: url(../pix/icons/page_delete.png);
}

.iconConfirmPage {
	background-image: url(../pix/icons/page_confirm.png);
}

.iconPublication {
	background-image: url(../pix/icons/book_open.png);
}

.iconDataset {
	background-image: url(../pix/icons/page.png);
}

.iconFindDataset {
	background-image: url(../pix/icons/page_find.png);
}

.iconEditDataset {
	background-image: url(../pix/icons/script_edit.png);
}

.iconViewDataset {
	background-image: url(../pix/icons/report_magnify.png);
}

.iconAddDataset {
	background-image: url(../pix/icons/plugin_add.png);
}

.iconAdd {
	background-image: url(../pix/icons/add.png);
}

.iconDelete {
	background-image: url(../pix/icons/delete.png);
}

.iconDeleteDataset {
	background-image: url(../pix/icons/page_delete.png);
}

.iconEditEntity {
	background-image: url(../pix/icons/plugin_edit.png);
}

.iconDeleteEntity {
	background-image: url(../pix/icons/plugin_delete.png);
}

.iconEmptyTable {
	background-image: url(../pix/icons/table_row_delete.png);
}

.iconAddRow {
	background-image: url(../pix/icons/table_row_insert.png);
}

.iconAddAttribute {
	background-image: url(../pix/icons/note_add.png);
}

.iconEditAttribute {
	background-image: url(../pix/icons/note_edit.png);
}

.iconDeleteAttribute {
	background-image: url(../pix/icons/note_delete.png);
}

.iconAddFile {
	background-image: url(../pix/icons/shape_square_add.png);
}

.iconEditFile {
	background-image: url(../pix/icons/shape_square_edit.png);
}

.iconDeleteFile {
	background-image: url(../pix/icons/shape_square_delete.png);
}

.iconEditSpatialProperties {
	background-image: url(../pix/icons/map_edit.png);
}

.iconViewStatistic {
	background-image: url(../pix/icons/report_magnify.png);
}

.iconViewMetadata {
	background-image: url(../pix/icons/script.png);
}

.iconPencil {
	background-image: url(../pix/icons/pencil.png);
}

.iconPause {
	background-image: url(../pix/icons/control_pause.png);
}

.iconPlay {
	background-image: url(../pix/icons/control_play.png);
}

.iconPass {
	background-image: url(../pix/icons/vcard.png);
}

.iconUserForms {
	background-image: url(../pix/icons/table_multiple.png);
}

.iconDownload {
	background-image: url(../pix/icons/page_save.png);
}

.iconDownloadMetadata {
	background-image: url(../pix/icons/script_save.png);
}

.iconPDF {
	background-image: url(../pix/icons/pdf.png);
}

.iconDOC {
	background-image: url(../pix/icons/doc.png);
}

.iconZIP {
	background-image: url(../pix/icons/zip.png);
}

.iconPPT {
	background-image: url(../pix/icons/ppt.png);
}

.iconImage {
	background-image: url(../pix/icons/image.png);
}

.iconWorld {
	background-image: url(../pix/icons/world.png);
}

.iconWorldLink {
	background-image: url(../pix/icons/world_link.png);
}

.iconWorldDisabled {
	background-image: url(../pix/icons/world_grey.png);
}

.iconDownloadDatasetEntity {
	background-image: url(../pix/icons/note_go.png);
}

.iconDownloadDatasetAttribute {
	background-image: url(../pix/icons/note_go.png);
}

.iconMagnifier {
	background-image: url(../pix/icons/magnifier.png);
}

.iconFilter {
	background-image: url(../pix/icons/filter.png);
}

.iconFilterDownload {
	background-image: url(../pix/icons/filter_download.png);
}

.iconOwner {
	background-image: url(../pix/icons/user.png);
}

.iconCreatedAt {
	background-image: url(../pix/icons/wand.png);
}

.iconRights {
	background-image: url(../pix/icons/lock.png);
}

.iconStatus {
	background-image: url(../pix/icons/lightbulb.png);
}

.iconRecords {
	background-image: url(../pix/icons/chart_line.png);
}

.iconAddNewKeyword {
	background: url(../pix/icons/tag_blue_add.png) no-repeat left center;
}

.iconEmergency {
	background: url(../pix/icons/emergency_redcross.png) no-repeat left
		center;
}

.iconVisible_bullet {
	background: url(../pix/icons/bullet_picture.png) no-repeat left center;
}

.iconDownloadable_bullet {
	background: url(../pix/icons/bullet_disk.png) no-repeat left center;
}

.iconDataTable {
	background: url(../pix/icons/table_go.png) no-repeat left center;
}

.iconSpatialRaster {
	background: url(../pix/icons/picture_go.png) no-repeat left center;
}

.iconSpatialVector {
	background: url(../pix/icons/map_go.png) no-repeat left center;
}

.iconOtherEntity {
	background: url(../pix/icons/plugin_go.png) no-repeat left center;
}

.iconSortUp {
	background: url(../pix/icons/bullet_up.png) no-repeat left center;
}

.iconSortDown {
	background: url(../pix/icons/bullet_down.png) no-repeat left center;
}

.iconSortRemove {
	background: url(../pix/icons/bullet_delete.png) no-repeat left center;
}

.iconMoveLeft {
	background: url(../pix/icons/arrow_left.png) no-repeat left center;
}

.iconMoveRight {
	background: url(../pix/icons/arrow_left.png) no-repeat left center;
}

.iconMoveUpLeft {
	background: url(../pix/icons/arrow_northwest.png) no-repeat left center;
}

.iconMoveDownLeft {
	background: url(../pix/icons/arrow_southwest.png) no-repeat left center;
}

.iconSQLQuery {
	background: url(../pix/icons/database_table.png) no-repeat left center;
}

.iconOption {
	background: url(../pix/icons/cog.png) no-repeat left center;
}

.iconInfo {
	background: url(../pix/icons/information.png) no-repeat left center;
}

.iconWarning {
	background: url(../pix/icons/error.png) no-repeat left center;
}

.iconError {
	background: url(../pix/icons/exclamation.png) no-repeat left center;
}

.iconAccepted {
	background: url(../pix/icons/accept.png) no-repeat left center;
}

/* common classes */
.dev {
	background-color: #FFDBD3 !important;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.clear {
	clear: both;
}

.inline {
	display: inline;
}

.center {
	text-align: center;
}

.nowrap {
	white-space: nowrap;
}

.relative {
	position: relative;
}

.fontSize_small {
	font-size: smaller;
}

.hidden {
	display: none;
}

.fullWidth {
	width: 100%;
}

.pointer {
	cursor: pointer;
}

.defaultPointer {
	cursor: default;
}

.alignRight {
	text-align: right;
}

.background_gray_light {
	background-color: #eee;
}

/* message boxes */
.messageBox {
	position: relative;
	padding: 3px 3px 3px 3px;
	margin-bottom: 5px;
	color: #000;
}

.messageBox,.info,.warning,.warningfield,.error,.errorfield,.accepted {
	min-height: 18px;
}

.generic {
	padding: 3px 3px 3px 25px !important;
	border: 1px dashed #CAC6E1;
}

.info {
	padding: 3px 3px 3px 25px !important;
	background: url(../pix/icons/information.png) 5px 4px no-repeat #E6E6FF;
	border: 1px dashed #CAC6E1;
}

.infoColor {
	background-color: #E6E6FF;
}

.warning,.warningfield {
	padding: 3px 3px 3px 25px !important;
	background: url(../pix/icons/error.png) 5px 4px no-repeat #FEFFBB;
	border: 1px dashed #B7B900;
}

.warningColor {
	background-color: #FEFFBB;
}

.error,.errorfield {
	padding: 3px 3px 3px 25px !important;
	background: url(../pix/icons/exclamation.png) 5px 4px no-repeat #FFDBD3;
	border: 1px dashed #A14940;
}

.errorColor {
	background-color: #FFDBD3;
}

.greyedOutColor {
	color: #999;
}

.accepted {
	padding: 3px 3px 3px 25px !important;
	background: url(../pix/icons/accept.png) 5px 4px no-repeat #C5FFC9;
	border: 1px dashed #2DC738;
}

.loading {
	padding: 3px 3px 3px 25px !important;
	background-image: url(../pix/icons/load_animation.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
}

/* dev box */
#devBox {
	display:none;
	position: fixed;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	bottom: 20px;
	left: 20px;
	background: #FFDBD3;
	border: 1px dashed #A14940;
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 5px rgba(0, 0, 0, 0.3);
}

/* dev box */
#jsBox {
	position: fixed;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	bottom: 20px;
	left: 20px;
	background: #FEFFBB;
	border: 1px dashed #B7B900;
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 5px rgba(0, 0, 0, 0.3);
}

/* download */
#downloadArea {
	text-align: center;
}

.downloadMetadataContainer ul {
	padding: 0;
}

.downloadMetadataContainer li {
	list-style-type: none;
}

/* for816 */
.basicColumnBox {
	float: left;
	padding: 0px 50px 0px 0px;
}

.titleBox,.valueBox {
	float: left;
	padding-right: 10px;
}

.zebraColor1,.even table {
	background-color: #EFEEF6;
}

.zebraColor2,.uneven table {
	background-color: #CAC6E1;
}

.unevenRow {
	background-color: #ddd;
}

.datasetItemOverview {
	padding: 3px;
}

.datasetItemOverview a {
	color: #555;
}

.uploadStepHint {
	background: #ddd;
	padding: 5px 10px !important;
	margin-bottom: 15px;
}

.geographicCoverageDetailButton {
	border: 0;
	color: #3E7E3D !important;
	cursor: pointer;
}

.geographicCoverageDetailButton:hover {
	text-decoration: underline;
}

/* hint box */
.hintBox {
	display: none;
	padding: 20px 0px;
}

.hintKeyword {
	font-weight: bold;
}

/* publications */
.publicationElement {
	position: relative;
	padding: 5px;
	border: 1px solid #ccc;
}

.publicationData {
	display: block;
	padding-right: 80px;
}

.publicationActions {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	padding: 3px;
}

.publicationAuthorBox {
	background: #eee;
	padding: 5px 10px;
}

/* statistics */
.statistics_backLink {
	text-align: center;
	text-decoration: underline;
	font-size: 9px !important;
}

#Website_Uptime,#key_figures,#cit_per_subpro,#dat_per_subpro_ph1,#dat_per_subpro_ph2,#dat_per_subpro_ph3,#dl_topN_dat,#dl_lit_dat_att_per_month,#sessions_tmf_daily,#sessions_tmf_monthly,#member_nationality,#member_role,#member_role_nationality
	{
	margin: 0 auto;
	width: 800px;
}

#dat_per_subpro_ph1,#dat_per_subpro_ph2,#dat_per_subpro_ph3,#key_figures {
	height: 200px;
}

#Website_Uptime {
	height: 220px;
}

#member_role_nationality {
	height: 300px;
}

#dl_topN_dat,#dl_lit_dat_att_per_month,#sessions_tmf_daily,#sessions_tmf_monthly,#member_nationality,#member_role
	{
	height: 400px;
}

#cit_per_subpro {
	height: 550px;
}

/* htmlview */
.entry ul,.entry ol {
	padding-left: 40px;
}

/*
#htmlview {
	height: auto;
	overflow: auto;
	background-color: #FFFFFF;
	border-bottom-width: 3px;
	border-top-width: 2px;
	border-left-width: 3px;
	border-right-width: 3px;
	border-style: none;
	border-color: #000;
}

#htmlview a {
	background: transparent;
	color: #3E7E3D;
}

#htmlview a:hover {
	text-decoration: underline;
}

#htmlview li a {
	background: transparent;
	color: #3E7E3D;
}

#htmlview li a:hover {
	text-decoration: underline;
	color: #444;
}

#htmlview table {
	border-collapse: collapse;
	border-spacing: 0;
	border: thin solid;
	empty-cells: hide;
}

#htmlview h1, #htmlview h2, #htmlview h3, #htmlview h4 {
	border: 0 !important;
	margin-bottom: 0 !important;
}

#htmlview h1 {
	font-size: 13px;
}

#htmlview h2 {
	font-size: 12px;
}

#htmlview h3 {
	font-size: 11px;
}

#htmlview hr {
	color: #A1B1A1;
	background-color: #A1B1A1;
}
*/
#htmlview p {
	padding: 0.2em;
}

#htmlview ul li {
	margin: 0;
	padding: 0.2em;
	list-style: square outside;
}

#htmlview ol li {
	margin: 0 0 0 1em;
	padding: 0.2em;
}
/* submenu content */
.subprojects ul {
	padding-bottom: 20px;
}

.subprojects li {
	padding: 0px 0px 10px 0;
	margin: 0px 0px 0px 10px;
}

.mailcompilercheckboxlist {
	border: 1px solid #ccc;
	margin: 3px;
	padding: 10px;
}

.mailcompilercheckboxlist .relative:hover {
	background: #eee;
}

.mailcompilercheckboxlist .relative span {
	position: absolute;
	top: 2px;
}

.mailcompilercheckboxlist .relative div {
	padding-left: 20px;
}

/* for816 */
.for816_list_link {
	text-decoration: none;
	font-weight: normal;
	background: transparent;
}

.datasetTable tr td:first-child {
	width: 100px;
}

.datasetAreaTable tr td:first-child {
	width: 185px;
}

.elementAreaTable tr td:first-child {
	width: 110px;
}

.insertElement {
	padding-bottom: 10px;
}

.highZindex {
	position:relative;
	z-index: 100000;
}

.selectKeywordContainer {
	float: left;
}

.selectKeyword {
	cursor: pointer;
	float: left;
	margin: 0 10px;
	padding: 15px 0;
}

.selectKeywordContainer .iconArrowLeft,.selectKeywordContainer .iconArrowRight
	{
	display: block;
	height: 16px;
}

.selectKeywordContainer label.quicksearch {
	line-height: 35px;
}

.selectKeywordContainer .iconAddNewKeyword {
	margin-left: 10px;
}

#insertForm .stafflist .iconHelp {
	margin-left: 5px;
}

#insertForm .arrowContainer {
	width: 35px;
	text-align: center;
}

#insertForm .arrowContainer .movePerson,#insertForm .sortIconContainer .sortIcon,.selectKeywordContainer .iconAddNewKeyword
	{
	cursor: pointer;
}

/* category tree */
a.tooltip_att {
	color: #5CAFC2;
}

div.attribute {
	display: none;
}

div.attribute span {
	display: none;
}

input#searchField {
	color: #8d8d8d;
	font-style: italic;
}

input:focus#searchField {
	color: #000;
	font-style: normal;
}

#attrTreeSearch {
	display: none;
	background: #fafafa;
	border: 1px solid #ccc;
}

#container {
	height: auto;
	width: auto;
	margin: 10px auto;
	overflow: hidden;
	background: white;
	padding: 0 10px 10px 10px;
}

#container ul {
	margin: 0;
	background-color: transparent;
	padding: 0;
}

#container ul li {
	margin: 0;
	background-color: transparent;
	padding: 1px 15px;
}

#container pre {
	display: block;
}

#treeBody .attrTree {
	width: auto;
	float: none;
	clear: both;
}

.number_of_ds {
	color: #BEC6E8;
}

.attrTree {
	width: auto;
	height: 480px;
	float: left;
	margin: 0;
	background: white;
	overflow: auto;
}

.number_of_att {
	color: #BEC6E8;
}

.tooltip_att {
	color: #3F7AD0 !important;
}

.tooltip_att span.info {
	font-size: 100%;
	display: none;
}

.tooltip_att:hover span.info {
	display: block;
	background: #DBEFFF !important;
	line-height: 115%;
	padding: 5px !important;
	padding-left: 10px;
	white-space: normal;
	text-decoration: none;
	border: none !important;
}

.att_info_header {
	color: #3B7F7E;
	font-size: 115%;
}

.att_info_body_keywords {
	color: #3F7AD0;
	font-size: 80%;
}

.att_info_body_content {
	color: #58545B;
	font-size: 80%;
}

/* valuefilter */
#attribute_container {
	display: none;
}

#valuefilter .ui-button {
	cursor: pointer !important;
}

.inputFocusOut {
	font-style: italic;
	color: #999;
}

.numericInput {
	text-align: right;
}

.valuefilter_container {
	margin: 10px;
	background: #eee;
}

.valuefilter_container .inputArea {
	float: left;
}

.valuefilter_container .inputArea input {
	border: 1px solid #999;
}

.valuefilter_container .submitArea,.valuefilter_container .hintArea {
	float: right;
}

.valuefilter_container .submitArea input {
	margin: 0px 0px 5px 0px;
	border: 1px solid #ccc;
}

.valuefilter_container .submitArea input {
	display: block;
}

.valuefilter_container .valuefilter_box {
	padding: 0px 10px;
	border: 1px solid #ccc;
	background: #ccc;
}

.valuefilter_container .aggregation_area,.valuefilter_container .datetime_aggregation,.valuefilter_container .draw_graph
	{
	background-color: #eee;
	padding: 10px;
}

.valuefilter_container .datetime_aggregation {
	display: none;
}

.valuefilter_container .datetime_aggregation h4 {
	margin: 0 0 10px 0;
}

.valuefilter_container .submitArea {
	padding: 10px 0px;
}

.valuefilter_box .inputArea .divElement {
	padding: 5px 10px 5px 0px;
}

.valuefilter_box h4 {
	padding: 10px 0px 0px 0px;
}

.valuefilter_box .orderBox {
	background: #eee;
	margin: 5px 0px;
	padding: 0px 5px 5px 5px;
}

.valuefilter_container .hintArea {
	border: 1px dotted #666;
	background: #fff;
	padding: 5px;
	margin: 5px 0px;
}

#pageSizeInput {
	width: 35px;
	text-align: center;
}

.applyFilterSubmit input {
	margin: 10px;
	padding: 3px;
}

.applyFilterResult {
	background: none !important;
}

#filter_numeric_between_input,#filter_numeric_and_input {
	background: #eee;
	color: #999;
	font-style: italic;
}

.queryKeyword {
	font-weight: bold;
}

.queryString {
	padding: 0px 0px 0px 10px;
}

.deleteFilter {
	background: url(../pix/icons/delete.png) center left no-repeat;
	position: absolute;
	right: 0px;
	top: 9px;
	height: 1px;
}

.centerText {
	text-align: center;
}

#showSQLQuery_button {
	cursor: pointer;
}

#showSQLQuery_string {
	display: none;
	background: none repeat scroll 0 0 #EEEEEE;
	border: 1px solid #CCCCCC;
	font-family: Courier;
	font-size: 11px;
	margin-top: 5px;
	padding: 5px;
}

.showSQLQuery_keyword {
	font-weight: bold;
}

.showSQLQuery_string {
	padding: 0 0 0 10px;
}

.box_downloads {
	overflow: auto;
}

.filterDownload {
	background-color: transparent;
	border: none;
	cursor: pointer;
	font-size: 12px;
	color: #555;
}

.filterDownload:hover {
	text-decoration: underline;
}

.table_row_color {
	background: #95F0AB !important;
}

/* edit metadata */
#editdataset {
	color: #555;
	padding: 0;
	margin: 0;
}

#datasetContainer {
	position: relative;
	padding: 10px;
	background-color: #E6E6E6;
	border: 1px solid #555;
}

#datasetContainer .status_popup {
	width: 16px;
	height: 16px;
	position: absolute;
	background: url(../pix/icons/cog.png) no-repeat scroll center center
		transparent;
	right: 5px;
	top: 5px;
	cursor: pointer;
}

#datasetContainer th {
	text-align: left;
}

#datasetContainer hr {
	margin: 10px 0px;
}

#datasetHead p {
	padding: 10px 0px;
}

#datasetContainer .datasetEntity {
	padding: 20px 0px;
	border-bottom: 1px dashed #999;
}

#datasetContainer .additionalInfo {
	background-color: #E6E6FF;
	border: 1px solid #808080;
	padding: 10px;
	margin-right: 30px;
}

#datasetContainer .firstColumn {
	float: left;
	width: 10%;
}

#datasetContainer .secondColumn {
	float: left;
	width: 90%;
}

#datasetContainer .thirdColumn {
	width: 45%;
}

#datasetContainer .firstSubColumn,#datasetContainer .secondSubColumn {
	float: left;
	width: 50%;
}

#datasetContainer .secondSubColumn p {
	padding-left: 30px;
}

#datasetContainer .tableList {
	background-color: #E6E6FF;
	border: 1px solid #808080;
	padding: 10px;
	margin-top: 20px;
}

#datasetContainer .tableList table {
	width: 100%;
}

#datasetContainer .entityHeader {
	float: left;
	font-weight: bold;
}

#datasetContainer .columnHeader {
	padding-right: 26px;
}

#status_popup_box,#status_popup_box p {
	padding: 5px;
}

#statistic_usage {
	padding: 10px;
}

#box_basic {
	padding: 1px 10px 10px 10px;
	background: #eee;
}

.basic_spacer {
	width: 85px;
	display: block;
	float: left;
}

.basicColumnBox {
	float: left;
	padding: 0px 50px 0px 0px;
}

.basicColumnBox td {
	padding: 3px;
}

.table_scroll {
	height: 210px;
	overflow: auto;
}

.flexigrid .tablesorter thead {
	display: none;
}

.tabledefault {
	background: #eeeeee;
	color: black;
	width: 100%;
	font-size: 12px;
}

.tablehead {
	background: #9aaabb;
	color: white;
	font-size: 13px;
	padding: 0px 5px 2px;
}

.tabledefault .highlight {
	background-color: #c9dcf0;
	font-size: 12px;
}

/* datachart */
.datachartBox {
	float: left;
	background-color: #cccccc;
	margin: 10px;
	padding: 10px;
	border: 1px solid #999;
}

.zoomButton {
	background-color: #90ee90;
	cursor: pointer;
}

.zoomButton:hover {
	background-color: #74c374;
}

/* tag cloud */
#keywordHeader span {
	margin-left: 5px;
}

.tagCloud {
	text-align: center;
}

/* createAttribute */
#createAttributeContainer label {
	width: 160px;
	padding-right: 5px;
	text-align: right;
}

#createAttributeContainer .iconHelp {
	margin: 3px;
}

#createAttributeContainer input,#createAttributeContainer label,#createAttributeContainer select,#createAttributeContainer a
	{
	margin: 5px 0px;
}

/* edit account */
#account_userPic {
	position: relative;
	max-width: 150px;
	max-height: 150px;
	border: 1px solid #ccc;
	margin: 10px 10px 10px 0px;
	text-align: center;
}

#account_userPicUpload {
	padding-top: 70px;
}

#account_userPicActionContainer {
	position: absolute;
	padding-right: 3px;
	bottom: 0;
	right: 0;
}

.account_table th {
	text-align: left;
	padding-top: 10px;
}

#user_roleTableEmpty {
	display: none;
}

/* add project member */
#userAddContainer label {
	width: 150px;
	text-align: right;
	padding: 0px 5px
}

/* form tables */
.formTable td {
	padding: 2px;
	vertical-align: top;
}

/* protocols */
.protocols li {
	padding-bottom: 0px;
}

/* text alignment */
.justify {
	text-align: justify;
}

/* diagrams */
.diagramContainer .diagram {
	float: left;
	width: 300px;
	height: 10px;
	background: #eee;
	border: 1px solid #666;
	position: relative;
	margin: 20px 0px;
}

.diagramContainer .light {
	position: absolute;
	height: inherit;
	width: 100px;
}

.diagramContainer .red {
	left: 270px;
	top: 0;
	width: 30px;
	background: #F87600;
}

.diagramContainer .yellow {
	left: 180px;
	top: 0;
	width: 90px;
	background: #F5DB5D;
	border-right: 1px solid #666;
}

.diagramContainer .green {
	left: 0px;
	top: 0;
	width: 180px;
	background: #70C765;
	border-right: 1px solid #666;
}

.diagramContainer .grey {
	position: absolute;
	background: #eee;
	top: 0;
	right: 0;
	height: inherit;
	border-left: 1px solid #ccc;
}

.diagramContainer .counter {
	float: left;
	padding: 15px;
}

.diagramContainer .marker {
	position: absolute;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.diagramContainer .marker1 {
	left: 175px;
	top: -15px;
}

.diagramContainer .marker2 {
	left: 265px;
	top: -15px;
}

.diagramContainer .marker_line {
	position: absolute;
	height: inherit;
	background: #666;
	width: 1px;
}

.diagramContainer .line1 {
	left: 180px;
}

.diagramContainer .line2 {
	left: 270px;
}

.diagramColor {
	height: 10px;
	float: left;
}

.diagramColor_grey1 {
	background: #387F3A;
}

.diagramColor_grey2 {
	background: #5CD15F;
}

.diagramColor_yellow1 {
	background: #ff0;
}

.diagramColor_yellow2 {
	background: #F5DB5D;
}

.diagramColor_red1 {
	background: #f00;
}

.diagramColor_red2 {
	background: #F87600;
}

/* create projects */
.createProject_text {
	width: 150px;
	text-align: right;
	padding-right: 5px;
}

.createProject_dropdown {
	max-width: 500px;
}

#loadingScreen {
	background-color:rgba(0,0,0,0.5);
}

#loadingScreenBox {
	position:fixed;
	top:50px;
	left:50px;
	background-color: #fff;
	background-image:url(../pix/loadingscreen_animation.gif);
	background-position: 3px 3px;
	background-repeat:no-repeat;
	border:1px solid #ccc;
	font: 75%/150% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	color: #555;
	padding:3px 5px 3px 25px;
	box-shadow: 5px 5px 5px #333;
}