@charset "utf-8";
/* CSS Document */
body {
	background-color: #CCCCCC;
	line-height: 130%;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.25px;
}

#cookieInfoContainer {
	background-color: white;
	padding: 10px 50px 15px;
}

.cookieInfo {
	width: 90%;
}

.agreeToCookiesButton {
	width: 6%;
	float: right;
    margin-top: 30px;
}

.cookiesInfoTitle {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #006a90
}

#mainScaleBlock {
	width: 100%;
}

#navigationBlock {
	width: 100%;
/* 	background: url(../imgs/whiteBlock.png) top left; */
	background-color: white;
	border-bottom: 1px solid #CCCCCC;
}

#navigationBlock .navigationrow { /* 	width: 970px; */
/* 	width: 1150px; */
/* 	padding-left: 150px; */
/* 	width: 830px; */
/* 	width: 970px; */
	margin: 0px auto 0px auto;
	overflow: hidden;
}

#menu .caret {
    border: none !important;
}

#menu {
	/*background: url("../imgs/menubar_bg.png") repeat-x scroll 0 0 rgba(245, 246, 247, 0);
	padding-bottom: 10px;*/
	/*bottom: -17px;*/
	background-color: #F5F6F7;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding-bottom: 4px;
    left: 0;
    position: absolute;
    right: 0;
    padding-left: 30px;
}

#menu .nav {
    margin-bottom: 0px !important;
}

#menu a {
	font-size: 14px;
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    letter-spacing: 1.05px;
    /*color: #00445e;*/
}

#menu > ul > li > a {
    color: #006a90;
}

#menu a:hover {
    /*color: #ffffff;*/
/* 	background-color: #ffffff; */
/* 	border-top-left-radius: 16px; */
/*     border-top-right-radius: 16px; */
/*     border: 1px solid #DFE0E1; */
/*     margin: 30px 15px; */
/* 	background: url(../imgs/navHover_50.png) bottom center no-repeat; */
}

#menu a.active {
    color: #ffffff;
/* 	background-color: #ffffff; */
/* 	background: url(../imgs/navHover.png) bottom center no-repeat; */
	font-weight: 700;
}

#menu a.active:hover {
    color: #ffffff;
}

.nav-pills > .activeMenuItem > a, .nav-pills > .activeMenuItem > a:hover, .nav-pills > .activeMenuItem > a:focus {
    background-color: #006a90;
    color: #fff !important;
}

.activeMenuItem.open > a {
    color: #006a90 !important;
}

.subMenu {
    margin-left: 25px !important;
    margin-top: 25px;
}

.subMenu a {
    color: #006a90;
}

.subMenuItemContents {
    background-color: #ffffff;
    border: 1px solid #dfe0e1;
    margin-bottom: 25px;
    margin-left: 18px;
    margin-top: 20px;
    padding: 15px;
    width: 890px;
}

#centerColumnBlock {
    background: none repeat scroll 0 0 #ffffff;
	width: 1170px;
	margin: 39px auto 0;
}

#centerColumnBlock .curveBlock {
/* 	background: url(../imgs/whiteBlock.png) top left; */
	/*background: none repeat scroll 0 0 #F8F9FA;*/
    border-bottom: 1px solid #DFE0E1;
/*     min-height: 400px; */
	padding: 0px 20px 12px 20px;
	min-height: 350px;
}

.functionalityBlock .loaderWheelResultsPage {
	width: 31px;
	height: 200px;
	margin: 0px auto 10px auto;
	padding-top: 140px;
	display: none;
}

.functionalityBlock .doubleCol {
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
	padding-top: 10px;
}

.functionalityBlock .doubleCol .fullColMenu {
	width: 100%;
	overflow: hidden;
}

.functionalityBlock .doubleCol .rightColForm {
	padding-top: 15px;
}

.tabBlock {
	overflow: hidden;
	background: url(../imgs/tabBG.png) #cccccc bottom left repeat-x;
	padding: 5px 0px 0px 20px;
}

.tabBlock .ground,.tabBlock .space {
	float: left;
}

.tabBlock .ground a {
	display: block;
	width: 72px;
	height: 59px;
	background: url(../imgs/ground-inactiveTab.png) bottom center no-repeat;
}

.tabBlock .ground a:hover {
	display: block;
	width: 72px;
	height: 59px;
	background: url(../imgs/ground-activeTab.png) bottom center no-repeat;
}

.tabBlock .ground a.active {
	display: block;
	width: 72px;
	height: 59px;
	background: url(../imgs/ground-activeTab.png) bottom center no-repeat;
}

.tabBlock .space a {
	display: block;
	width: 72px;
	height: 59px;
	background: url(../imgs/space-inactiveTab.png) bottom center no-repeat;
}

.tabBlock .space a:hover {
	display: block;
	width: 72px;
	height: 59px;
	background: url(../imgs/space-activeTab.png) bottom center no-repeat;
}

.tabBlock .space a.active {
	display: block;
	width: 72px;
	height: 59px;
	background: url(../imgs/space-activeTab.png) bottom center no-repeat;
}

.timePeriodBox {
	
}

.timePeriodBox h2 {
	padding: 0px 7px 0px 0px;
	color: #227BEA;
	margin: 5px 0px 5px 0px;
	font-weight: 700;
}

.timePeriodBox .periodEntities {
	width: 100%;
	position: relative;
	margin-bottom: 7px;
}

.timePeriodBox .periodEntities .periodEntity {
	width: 100%;
	overflow: hidden;
	padding: 5px 0px 7px 0px;
	border-bottom: 1px solid #CCCCCC;
	height: 165px;
}

.timePeriodBox .periodEntities .periodEntity .fromCol {
	width: 300px;
	float: left;
	margin-left: 100px;
}

.periodEntity .fromCol .fromDate {
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
}

.periodEntity .fromCol .fromTime {
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
}

.periodEntity .fromCol .fromDate input {
	width: 138px;
	border: 1px solid #999999;
	padding: 2px;
}

.periodEntity .fromCol .fromTime select {
	width: 60px;
	border: 1px solid #999999;
	padding: 2px;
}

.timePeriodBox .periodEntities .periodEntity .separatorArrow {
	width: 35px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.timePeriodBox .periodEntities .periodEntity .toCol {
	width: 300px;
	float: left;
	margin-left: 100px;
}

.periodEntity .toCol .toDate {
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
}

.periodEntity .toCol .toTime {
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
}

.periodEntity .toCol .toDate input {
	width: 138px;
	border: 1px solid #999999;
	padding: 2px;
}

.periodEntity .toCol .toTime select {
	width: 60px;
	border: 1px solid #999999;
	padding: 2px;
}

.periodEntity .toCol .toDays {
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 53px;
}

.periodEntity .toCol .toDays select {
	width: 144px;
	border: 1px solid #999999;
	padding: 2px;
	background-color: #EEEEEE;
}

.timePeriodBox .periodEntities .periodEntity .addRemoveBox {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 48px;
	height: 39px;
}

/* end full column boxes */

/* google overrides */
.leftColMenu .listGrid {
	left: 10px !important;
}

.leftColForm  .formCell {
	width: 120px !important;
}

.leftColForm  .formCellDisabled {
	width: 120px !important;
}

.leftColForm  .formCellFocused {
	width: 120px !important;
}

.leftColForm .errorTitle {
	color: red;
}

.leftColForm .errorCell {
	color: red;
	font-weigth: bold;
	width: 120px !important;
}

.leftColForm  .formCell input[type="TEXT"],.leftColForm  .formCellFocused input[type="TEXT"],.leftColForm  .formCellDisabled input[type="TEXT"],.leftColForm  .nestedFormContainer input[type="TEXT"],.leftColForm  .nestedFormContainerFocused input[type="TEXT"],.leftColForm  .nestedFormContainerDisabled input[type="TEXT"]
	{
	width: 120px !important;
	margin: 2px 0px 2px 0px;
}

.leftColForm td.label label,.leftColForm td.labelDisabled label,.leftColForm td.labelFocused label
	{
	white-space: nowrap !important;
	/*width:130px !important;*/
	padding-right: 5px;
	font-size: 11px;
}

.leftColForm td.label,.leftColForm td.labelDisabled,.leftColForm td.labelFocused
	{
	white-space: nowrap !important;
	width: 110px !important;
	font-size: 11px;
}

.leftColForm .formTitle,.leftColForm .formTitleFocused,.leftColForm .formTitleDisabled
	{
	width: 110px !important;
	white-space: nowrap !important;
}

.leftColForm  form table {
	width: 398px;
	!
	important;
}

.leftColForm  form table table {
	width: 146px;
}

.leftColForm  form table tr td {
	padding: 2px 0px 2px 0px !important;
}

/* results block */
.cont div {
	height: auto !important;
}

.tabNavResults {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 7px;
}

.tabNavResults .active {
	background: url(../imgs/tab-1.png) top left no-repeat;
	float: left;
}

.tabNavResults .inactive {
	background: url(../imgs/tab-0.png) top left no-repeat;
	float: left;
}

.tabNavResults .active a {
	display: block;
	width: 200px;
	height: 50px;
	font-size: 15px;
	text-align: center;
	color: #000000;
	text-decoration: none;
}

.tabNavResults .active a span {
	padding: 20px 0px 0px 0px;
	display: block;
}

.tabNavResults .inactive a {
	display: block;
	width: 200px;
	height: 50px;
	font-size: 15px;
	text-align: center;
	/* color:#999999; */
	color: #000000;
	text-decoration: none;
}

.tabNavResults .inactive a span {
	padding: 20px 0px 0px 0px;
	display: block;
}

.loadContainer {
	
}

.loadContainer .loaderWheel {
	width: 31px;
	height: 31px;
	margin: 220px auto 220px auto;
	display: none;
}

.loadContainer h2 {
	padding: 7px 7px 20px 7px;
	color: #227BEA;
	margin-top: 5px;
	font-weight: 700;
}

/* formatting */
.loadContainer .cont {
	overflow: hidden;
	/* background-color:#fff; */
	padding: 10px;
}

.loadTarget h3 {
	padding: 10px 7px 15px 10px;
	color: #227BEA;
	margin: 0px;
	font-weight: 700;
}

.loadTarget .lft {
	float: left;
	width: 280px;
	margin-right: 10px;
}

.loadTarget .rght {
	float: left;
	width: 280px;
}

.loadTarget #organisationStatistics,.loadTarget #instrumentStatistics,.loadTarget #observatoryStatistics,.loadTarget #datasetStatistics,.loadTarget #programStatistics,.loadTarget #acquisitionYearStatistics
	{
	padding-bottom: 15px;
}

.loadTarget #organisationStatistics p,.loadTarget #instrumentStatistics p,.loadTarget #observatoryStatistics p,.loadTarget #datasetStatistics p,.loadTarget #programStatistics p,.loadTarget #acquisitionYearStatistics p
	{
	line-height: 145%;
	float: none;
	font-size: 12px;
}

.loadTarget #organisationStatistics p strong,.loadTarget #instrumentStatistics p strong,.loadTarget #observatoryStatistics p strong,.loadTarget #datasetStatistics p strong,.loadTarget #programStatistics p strong,.loadTarget #acquisitionYearStatistics p strong
	{
	display: block;
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

.datasetsLoaderWheel {
	width: 31px;
	height: 31px;
	margin: 150px auto 150px auto;
	display: none;
}

.dataset {
	font-size: 11px;
	padding-bottom: 20px;
}

.datasetTitleLink {
	color: #006A90;
	font-size: 15px;
	margin: 15px 0 0 30px;
	padding: 0;
}

.datasetNoOfObservations {
	font-size: 10px;
	padding-bottom: 15px;
    padding-left: 30px;
}

table.searchResults {
	font-size: 10px;
	width: 500px;
	clear: both;
	margin-left: 55px;
}

table.searchResults td {
	padding: 2px 5px 2px 5px;
}

table.searchResults td a {
	color: #006A90;
}

.segmentName {
	color: #006A90;
}

table.searchResults th {
	color: #006A90;
	padding: 20px 0px 10px 20px;
}

.datasetResults {
}

.datasetDetails {
	margin: 5px 40px;
}

.datasetDetails p {
	line-height: 110%;
}

.datasetDetails span.header {
	line-height: 110%;
}

.resultsHeader {
	margin-left: 50px;
	margin-top: 15px;
}

.pageNumber {
	color: #006A90;
}

.organizationsList h3 {
	color: #227BEA;
	font-size: 18px;
	font-weight: 700;
	margin: 0;
	padding: 40px 7px 30px 20px;
}

.organizationsList a {
	color: #006A90;
	font-size: 17px;
	margin: 15px 0 0 30px;
	padding: 0;
}

.detailedInfoElement {
/* 	color: #15428B; */
	padding-left: 20px;
    padding-right: 30px;
    line-height: 22px;
/* 	margin-top: 50px; */
/* 	margin-left: 25px; */
/* 	margin-right: 25px; */
}

.detailedInfoElement h3 {
	color: #006a90;
	font-size: 17px;
    line-height: 20px;
}

.detailedInfoElement a {
	color: #006a90;
}

.detailedInfoElement p {
	text-align: justify;
}

/* .listOfEntities { */
/*     padding-left: 20%; */
/*     padding-right: 25%; */
/*     padding-top: 15px; */
/* } */

/* .entitiesList { */
/* /* 	color: #00445E; */ */
/* /* 	font-weight: bold; */ */
/* } */

.numberOfElements {
	float: right;
}

/* .entityItem { */
/* 	background: url("../imgs/submenu_level1_item.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); */
/* } */

.dataAccessLogo {
	margin-left: 180px;
	margin-bottom: 25px;
}

.hideWrapper {
	padding-left: 13px;
}

/*.error {
	font-size: 11px;
	color: red;
	font-style: italic;
	height: 17px;
	margin-bottom: 10px !important;
}

.error span {
	height: 17px;
	margin-bottom: 10px;
	padding-left: 50px;
}*/

.minLatitude,.minLongitude,.maxLatitude,.maxLongitude,.rectCoordinates,.rectYear,.latitude,.longitude,.circCoordinates,.circYear
	{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.periodLabel,.timeOfDayLabel {
	font-style: bold;
	text-align: center;
	padding-bottom: 18px;
	padding-top: 10px;
	color: #003168;
	/* 	color: #7EADD9; */
}

/* .fromHours, .toHours, .timezone, .fromMins, .toMins div div div div table tbody tr td input { */
/* 	width: 60px !important; */
/* } */
.fromPeriod div label {
	text-align: right;
	color: #003168;
	/* 	width: 55px !important; */
}

/* .fromPeriod div div { */
/* 	padding-left: 20px !important; */
/* } */
.fromPeriod div div div div table tbody tr td input {
	/* 	width: 170px !important; */
	text-align: right;
}

.toPeriod div label {
	text-align: right;
	color: #003168;
	/* 	width: 55px !important; */
}

/* .toPeriod div div { */
/* 	padding-left: 20px !important; */
/* } */
.toPeriod div div div div table tbody tr td input {
	/* 	width: 170px !important; */
	text-align: right;
}

.fromHours div label {
	text-align: right;
	color: #003168;
	/* 	width: 55px; */
}

.fromHours div div div div table tbody tr td input {
	/* 	width: 80px !important; */
	text-align: right;
}

.toHours div label {
	text-align: right;
	color: #003168;
	/* 	width: 55px; */
}

.toHours div div div div table tbody tr td input {
	/* 	width: 80px !important; */
	text-align: right;
}

.timezone div label {
	text-align: right;
	color: #003168;
	/* 	width: 55px; */
}

.timezone div div div div table tbody tr td input {
	/* 	width: 80px !important; */
	text-align: right;
}

.fromMins div label {
	text-align: right;
	color: #003168;
	/* 	width: 30px; */
}

.fromMins div div div div table tbody tr td input {
	/* 	width: 80px !important; */
	text-align: right;
}

.toMins div label {
	text-align: right;
	color: #003168;
	/* 	width: 30px; */
}

.toMins div div div div table tbody tr td input {
	/* 	width: 80px !important; */
	text-align: right;
}

ul#menu {
	list-style-type: none;
	margin: 0 0 9px;
}

.alertImage {
	padding-top: 20px;
}

.locationSeparatorLine {
	margin-left: 200px;
	margin-right: 200px;
	margin-top: 20px;
	color: #15428B;
}

.textboxLabel {
	font-size: 11px;
	color: #006a90;
}

/*.horizontalPlaneLabel,.verticalPlaneLabel,.chooseCoordinatesLabel,.traceTypeSelectionLabel
{
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
	color: #15428B;
}

.lowerLeftCornerLabel,.rightUpperCornerLabel,.centerPointLabel {
	font-size: 12px;
	padding-top: 10px;
	padding-left: 10px;
	color: #15428B;
}

.bFieldModelSelectionLabel {
	font-size: 12px;
	padding-top: 10px;
	padding-left: 50px;
	color: #15428B;
}

.tsyganenko87,.tsyganenko87Hint {
	font-size: 12px;
	padding-top: 10px;
	padding-left: 50px;
	color: #15428B;
	text-align: center;
}

.cartesianCoordinates,.sphericalCoordinates,.rectangularArea,.circularArea,.bFieldTrace,.radialTrace,.aacgmTracing,.igrfTracing,.variousTsyganenko,.firstLineOfKpValues,.secondLineOfKpValues,.thirdLineOfKpValues,.fourthLineOfKpValues,.fifthLineOfKpValues,.sixthLineOfKpValues {
	padding-top: 10px;
	padding-left: 10px;
}

.lowerLeftCornerX,.lowerLeftCornerY,.upperRightCornerX,.upperRightCornerY,.radius,.xPoint,.yPoint,.zPoint,.minHeight,.maxHeight {
	padding-top: 10px;
	padding-left: 25px;
	padding-bottom: 10px;
}

.lowerLeftCornerXError,.lowerLeftCornerYError,.upperRightCornerXError,.upperRightCornerYError,.radiusError,.xPointError,.yPointError,.zPointError,.minHeightError,.maxHeightError {
	padding-top: 15px;
}

.locationTextboxes div input {
	text-align: right;
}

.multipleStationsPopup, .singleStationPopup {
	text-align: right;
	font-size: 12px;
	color: #15428B !important;
	padding-right: 50px;
	text-decoration: underline;
}

.stationsCheckBox {
 	background-color: #99BBE8;
 	background-color: #ffffff;
	background-color: #DEECFD;
	border: 1px solid #99BBE8;
}

.buttons {
	padding-left: 135px;
}

.okButton, .cancelButton {
	margin-left: 10px;
}

.autocompleteLabel {
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
	color: #15428B;
}

.verticalPlaneNote, .rectangularNote {
	font-size: 12px;
	padding-left: 10px;
	color: #227BEA;
	font-style: italic;
}*/

/* .filterHeader { */
/* 	height: 20px !important; */
/* } */

.filterbody {

}

.affiliationForm {
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 20px !important;
}

.registrationFormInfo {
	font-size: 12px;
	padding-bottom: 10px;
}

.welcomeUser {
	color: #006a90;
	font-size: 15px;
    padding-bottom: 20px;
    padding-top: 30px;
    text-align: center;
}

.welcomeUser h4 {
	font-size: 14px;
}

/*.browseLeftColumn .GILKUBGDK2 input {
    height: 27px !important;
}*/

.dataEntryLeftColumn, .browseLeftColumn {
    background-color: rgba(0, 106, 144, 0.25);
    /*border-radius: 4px;*/
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-left: 20px;
    padding-bottom: 35px;
    padding-left: 15px;
    vertical-align: top;
    width: 33%;
    margin-bottom: 20px;
}

.browseLeftColumn {
	padding-top: 15px;
}

/*.dataEntryLeftColumn .GILKUBGDK2 input {
    height: 17px !important;
}*/

.dataEntryRightColumn {
    padding-left: 15px;
    width: 61%;
}

.browseRightColumn {
    padding-left: 20px;
    width: 60%;
}

.dataEntryRightColumn, .browseRightColumn {
    /*float: right;
    max-height: 540px;*/
    margin-bottom: 35px;
    overflow-y: auto;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.dataEntryRightColumn .accordion-inner {
	padding: 20px 15px 9px;
}

/*.dataEntryRightColumn input {
    height: 15px !important;
}

.dataEntryRightColumn select {
    height: 27px !important;
}*/

.dataEntryRightColumn form {
    margin: 0px !important;
}

.dataEntryRightColumn textarea {
	min-height: 100px !important;
}

.dataEntryRightColumn .control-group {
    margin-bottom: 15px !important;
}

.addAnotherElementButton {
	float: right;
	padding-bottom: 3px;
    padding-top: 3px;
}

.deleteElementButton {
	float: right;
	padding-top: 10px;
}

.element {
	margin-bottom: 25px !important;
    margin-top: 15px !important;
}

.fieldSet {
	margin-bottom: 20px !important;
    margin-top: 15px !important;
}

.textBoxes div input {
	/*text-align: right;*/
	height: 15px !important;
    line-height: 15px !important;
}

.dataEntryFormLabels {
	color: #15428B;
    font-size: 12px;
    padding-bottom: 10px;
}

.textAreas div textarea {
	height: 100px;
}

.entryInserted {
	padding-top: 150px;
}

.dropDowns div table tbody tr td input {
	height: 13px !important;
}

.dropDownList div {
	white-space:normal !important;
}

.mandatoryFieldsLabel {
	color: #15428B;
    font-size: 12px;
    margin-bottom: 10px;
}

.mandatoryFieldsErrorLabel {
	font-size: 11px;
	color: red;
	font-style: italic;
	height: 17px;
	margin-bottom: 20px;
}

.userAccountInfo {
/* 	color: #15428B; */
    padding-left: 40px;
    padding-top: 20px;
}

.userAccountInfo strong {
	color: #006a90;
}

.affiliationInfo {
	padding-left: 20px;
}

.dataProvidersInfo {
    padding-left: 10px;
    padding-top: 10px;
}

.downloadRequestStatusPanel {
    padding: 10px;
}

.downloadRequestStatus {
    /*width: 535px;*/
    /*padding-left: 40px;
    padding-bottom: 15px;
    padding-top: 10px;*/
}

.downloadRequestContents {
    width: 70%;
    padding-right: 1%;
}

.downloadRequestContents li {

}

.downloadStatusButtons {
    float: right;
    width:  190px;
    padding: 10px 0;
}

.downloadStatusActionButton {
    margin-bottom: 5px !important;
    width: 170px;
}

.status {
    font-family: Courier New;
    text-align: right;
    padding-left: 5px;
}

.statusHeading {
    margin-top: -30px;
    margin-right: 15px;
    color: #006a90;
}

.viewMoreLink {
    color: #006a90;
}

.singleDataProviderRequestStatus {
    background-color: #e6e6e6;
    margin: 10px 0;
    padding: 5px 10px 1px;
    /*border-radius: 4px;*/
}

.refreshButton {
	padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
}

.downloadStatusLabel {
	color: #006a90;
	font-size: 14px;
	padding-top: 10px;
}

body {
   background: url("../imgs/fotoIntera2.jpg") no-repeat fixed 50% 50% / 100% auto #000000 !important;
   background-size: 100%;
    /*background: url("../imgs/page_bg.jpg") no-repeat fixed 0 0 #CADEE4;
    background-size: 100%;*/
   /*background: url("http://yootheme.com/demo/themes/joomla/2013/glass/templates/yoo_glass/images/background/gradient-darkblue.svg") no-repeat fixed, #003040 !important;
   background-size: 200% 200% !important;--> 200% einai pio wraio!
   background-position: center top!important;*/
   color: #3C3D3E;
   font: normal 13px/20px Open Sans !important;
}

#mainScaleBlock {
	margin: 40px auto auto;
    width: 1170px;
}

#navigationBlock {
	clear: both;
    margin: 0;
    padding: 40px 0 0;
    position: relative;
    z-index: 10;
	margin: 20px 0 0;
	/*border-top-left-radius: 16px;
    border-top-right-radius: 16px;*/
}

#navigationBlock .navigationrow {
/* 	background: none repeat scroll 0 0 #FFFFFF; */
    min-height: 90px;
    overflow: hidden;
    padding: 0 30px 10px 100px;
}

#toolbar {
    height: 35px;
    line-height: 25px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0;
}

.userInfo {
	color: #858586;
    font-size: 12px;
    padding-right: 7px;
    letter-spacing: 1.1px;
}

.userInfo div ul li {
	display: inline;
	padding-left: 15px;
}

.userInfo div ul li a {
	text-decoration: none;
	color: #858586;
    font-size: 11px;
}

#login, #register {
	font-size: 12px;
	font-wight: bold;
}

#espasTitle {
	overflow: hidden;
}

.right {
	float: right;
}

.logoBlock {
	left: 40px;
    position: absolute;
    text-align: center;
    top: 40px;
}

#footer {
	clear: both;
    padding: 0 0 40px;
    position: relative;
    text-align: center;
}

#footer .footer-1 {
	background: none repeat scroll 0 0 #FFFFFF;
    font-size: 9px;
    min-height: 20px;
    overflow: hidden;
    padding: 15px 30px 20px;
    /*-moz-border-radius-bottomright: 16px;
	-moz-border-radius-bottomleft: 16px;
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;*/
}

#footer .footer-b1 {
	/*-moz-border-radius-bottomright: 16px;
	-moz-border-radius-bottomleft: 16px;
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;*/
}

#footer .footerText {
/* 	margin-left: -115px; */
}

#bottom {
	border-bottom: 1px solid #DFE0E1;
}

#bottom .bottomBox {
	width: 25%;
	float: left;
	overflow: hidden;
	height: 90px;
}

#bottom .bottomBox .module {
	position: relative;
}

.box-1 {
	background: url("../imgs/module_embedded_bg.png") repeat-x scroll 0 0 #F8F9FA;
}

.box-2 {
	background: url("../imgs/module_embedded_bg.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
}

.box-3 {
	min-height: 60px;
	background: url("../imgs/module_embedded_shadow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    overflow: hidden;
    padding: 10px;
}

.box-3 div div a {
	text-decoration: none;
	color: #539DB3;
	font-size: 11px;
}


.calendar table {
	background: #ffffff !important;
}

.userAccountManagement {
	margin-left: 10px !important;
}

.userRequests {
	margin-left: 20px !important;
}

.dataProvidersInfo {
/* 	margin-top: 450px; */
}

.userAccount {
	background-color: #F8F9FA;
}

.userAccountWest {
	background: url("../imgs/whiteBlock.png") repeat scroll left top rgba(0, 0, 0, 0) !important;
}

.userAccountCenter {
	background: url("../imgs/whiteBlock.png") repeat scroll left top rgba(0, 0, 0, 0) !important;
}

.activeLink {
	font-weight:bold;
}

.dataProviderMenu {
/* 	width: 200px; */
}

.dataProviderMenu h3 {
	color: #006a90;
	margin-left: 20px;
}

.dataProviderMenu ul {
	list-style: none outside none;
	margin-left: -20px;
}
 
.dataProviderMenu li {
	
}

.dataProviderMenu a:link, .dataProviderMenu a:visited {
	text-decoration: none;
	color: #858586;
	background: url("../imgs/submenu_level1_item.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	padding-top: 5px;
}

.dataProviderMenu a:hover, .activeDataProviderLink {
	text-decoration: none;
	font-weight:bold;
	color: #858586;
	background: url("../imgs/submenu_level1_item.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	padding-top: 5px;
}

.dataProvidersContent {
	margin-left: 20px !important;
	margin-top: 10px;
}

.dataProviderInfo {
	margin-left: 30px;
    margin-top: 15px;
}

.dataProviderButtons {
	padding-right: 10px;
}

.dataProviderElement {
	font-size: 12px;
    padding-top: 80px;
    text-align: center;
    width: 400px;
}

.resultHelpText {
	background: url("../imgs/whiteBlock.png") repeat scroll left top rgba(0, 0, 0, 0);
    padding-bottom: 5px;
    padding-left: 20px;
	color: #006A90;
    font-size: 12px;
}

.termsOfUse {
	font-size: 12px;
}

.forgotPassword {
	color: #006a90 !important;
	padding-left: 30px;
}

.registerLoginForm {
	background-color: #FFFFFF;
	border: 1px solid #DFE0E1;
	margin-top: 20px;
	margin-left: 18px;
    margin-bottom: 25px;
    padding: 25px;
    width: 638px;
}

.resetPasswordButton {
    padding-left: 10px;
    padding-top: 10px;
}

.recaptchaWidget {
	padding-bottom: 20px;
    padding-left: 60px;
    padding-top: 10px;
}

.recaptchatable {
	font-size: 12px;
}

.recaptcha_only_if_privacy {
	color: #006a90;
}

.errorLabel {
	font-size: 12px;
	background: none repeat scroll 0 0 #BCCDD4;
    border-bottom: 3px solid #006a90;
    border-top: 3px solid #006a90;
    color: #CC0000;
    margin: 20px;
    padding: 10px;
}

.informationLabel {
	background: none repeat scroll 0 0 #BCCDD4;
    border-bottom: 3px solid #006a90;
    border-top: 3px solid #006a90;
    color: #006a90;
    margin-bottom: 15px;
    padding: 10px;
}

.registerLoginPageLabel {
	/*padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: justify;
    font-size: 13px;
    /*padding-right: 30px;*/
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
}

.registerLoginPageTextBoxLabel, .dataProviderFormLabel {
	padding-left: 20px;
}

.registerLoginPageTextBoxLabel label {
	width: 200px !important;
/* 	text-align: right; */
}

.dataProviderFormLabel label {
	width: 150px !important;
}

.registerLoginTextArea div textarea, .dataProviderFormTextArea div textarea {
	height: 100px;
	width: 256px !important;
}

.loginButton, .registerButton {
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.loginButton div table, .registerButton div table {
	width: 100px;
}

.registerLoginPageTextBox div input, .dataProviderFormTextBox div input {
	width: 250px !important;
	text-align: right;
}

.affiliationTextBox div input {
	width: 230px !important;
}

.affiliationTextBoxLabel {
	padding-left: 20px;
}

.affiliationTextBoxLabel label {
	width: 130px !important;
}

.countriesDropDown div table tbody tr td input {
	width: 213px !important;
}

.titleLabel {
	font-size: 20px;
    line-height: 22px;
    color: #006a90;
    font-weight: normal;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-top: 20px;
}

.zebraItemLink {
	margin-left: 20px;
	color: #539DB3;
	font-size: 12px;
	text-decoration: none;
}

.zebraItemLink:hover {
	text-decoration: underline;
}

.odd {
	/*background: none repeat scroll 0 0 #F7F7F7;*/
	background: none repeat scroll 0 0 rgba(0, 106, 144, 0.05)
}

.zebraList {
	width: 640px;
}

.entriesSummaryList {
	width: 560px;
	padding-left: 5px;
	list-style-type: none;
	padding-bottom: 30px;
}

.zebraItem {
	border-bottom: 1px solid #DCDCDC;
    padding: 10px 10px 10px 30px;
    font-size: 14px;
}

.subTitleLabel {
	font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dataRegistrationButtons {
    margin-right: 15px !important;
    /*width: 90px;*/
}

.modal.confirmationModal {
    margin-left: -230px;
    margin-top: 90px !important;
    width: 500px !important;
}

.modal.confirmationModal .gwt-HTML {
	margin: 20px;
}

.modal.confirmationModal .modal-footer {
	background-color: #fff !important;
}

.modal.displayXMLModal {
	margin-left: -390px;
	margin-top: -50px !important;
    width: 800px !important;
}

.modal.displayXMLModal .modal-body {
	height: 500px !important;
}

.modal.displayXMLModal .gwt-HTML {
	margin: 20px;
}

.modal.displayXMLModal .modal-footer {
	background-color: #fff !important;
}

.modal.displayXMLModal .modal-body form {
	height: 98% !important;
}

.modal.displayXMLModal .modal-body textarea {
    height: 100% !important;
    width: 98% !important;
}

.dataOverviewForm {
	background-color: #FFFFFF;
	border: 1px solid #DFE0E1;
	margin-top: 20px;
	margin-left: 18px;
    margin-bottom: 25px;
    padding: 20px;
    width: 870px;
}

#dataDownloadBox {
    width: 600px !important;
    margin: -250px 0 0 -350px !important;
}

h4.alert_warning {
display: block;
width: 95%;
margin: 20px 3% 0 3%;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #F5F3BA url(../imgs/icn_alert_warning.png) no-repeat;
background-position: 10px 10px;
border: 1px solid #C7A20D;
color: #796616;
padding: 10px 0;
text-indent: 40px;
font-size: 14px;}

.articleModule {
border: 1px solid #9BA0AF;
width: 100%;
margin: 20px 3%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #ffffff;
}

.articleModule header h3 {
    display: block;
    width: 90%;
    /*float: left;*/
    padding-left: 20px;
    font-size: 18px;
    line-height: 18px !important;
}

.articleModule header {
height: 34px;
width: 100%;
background: #F1F1F4 url(../imgs/secondary_bar.png) repeat-x;
-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
border-top-left-radius: 5px; border-top-right-radius: 5px;
}

.articleModule footer {
height: 32px;
width: 100%;
border-top: 1px solid #9CA1B0;
background: #F1F1F4 url(../imgs/module_footer_bg.png) repeat-x;
-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
}

.module_content {
margin: 10px 20px;
color: #666;}

/* Module Widths */

.width_full {
width: 95%;
}

.tablesorter {
width: 100%;
/* margin: -5px 0 0 0; */
}

.tablesorter td{
margin: 0;
padding: 0;
border-bottom: 1px dotted #ccc;
}

.tablesorter thead tr {
height: 34px;
background: url(../imgs/table_sorter_header.png) repeat-x;
text-align: left;
text-indent: 10px;
cursor: pointer;
font-size: 14px;
}

.tablesorter td {
padding: 8px 10px;
font-size: 12px;
}

.tablesorter input[type=image] {
margin-right: 10px;}

.full_content {
	height: 150px;
    overflow-x: hidden;
    overflow-y: scroll;
}

table.statisticsPanel td {
    padding-top: 30px;
}

.statisticsPanel {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 15px;
}

.statisticsPanel a:hover, a:focus {
    text-decoration: none !important;
}

.mapTitleLabel {
    color: #3e576f;
    fill: #3e576f;
    font-size: 16px;
    text-align: center;
}

.zebraItemStatsLink {
	margin-left: 20px;
	color: #539DB3;
	font-size: 14px;
	text-decoration: none;
}

.zebraItemStatsLink:hover {
	text-decoration: underline;
}

.zebraItemStats {
	border-bottom: 1px solid #DCDCDC;
    padding: 15px;
    font-size: 14px;
}

.statsLoader {
    padding-top: 200px;
    padding-bottom: 200px;
}

.requestsPanel {
    padding-left: 30px;
    padding-right: 30px;
}

.requestsAccordion a:hover, a:focus {
    text-decoration: none !important;
}

.requestsAccordion a:focus {
    outline: none;
}

.requestsPanel form {
	margin: 0px !important;
}

.requestsPanel .form-horizontal .control-group {
	margin-bottom: 0px !important;
}

.requestsPanel .form-horizontal .control-label {
    width: 70px !important;
}

.requestsPanel .form-horizontal .controls {
    margin-left: 80px !important;
}

.requestsPanel .requestsAccordion .accordion-group {
	width: 96%;
	margin-right: 15px;
}

.requestsPanel .requestsAccordion .deleteRequestIcon {
	vertical-align: top;
	margin-top: 9px;
	color: #006a90;
}

.searchTextBoxPanel {
	width: 430px;
}

.searchPageImages {
    margin-bottom: 10px !important;
    margin-top: 10px;
    padding-left: 20px;
}

.searchPageImages.thumbnails > li {
	margin-bottom: 0px !important;
}

.timePeriodImage label {
    text-align: center;
    color: #3c3d3e;
}

.assetsImage label {
    text-align: center;
    color: #3c3d3e;
}

.observedPropertiesImage label {
    text-align: center;
    color: #3c3d3e;
}

.observationCollectionsImage label {
    text-align: center;
    color: #3c3d3e;
}

.locationImage label {
    text-align: center;
    color: #3c3d3e;
}

.espasInfoLabel {
    padding: 15px 20px 10px 40px;
}

.pageTitle {
    width: 98%;
}

.pageTitleLabel {
    padding-left: 10px;
    /*padding-top: 20px;*/
    font-size: 15px;
    max-width: 90%;
    letter-spacing: 0.5px;
}

.clearButton {
    margin-top: -23px;
    width: 53px;
}

.dualRow {
    margin-top: -38px !important;
}

.accordionFilter {
    margin-left: 5px;
    margin-right: 5px;
}

.accordionFilter a {
    text-decoration: none !important
}

.content {
    margin-left: 30px;
    margin-top: 25px;
}

.contentHeader {
    color: #006a90;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

.resultsTitleLabel {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 28px;
    text-align: justify;
}

.browseResultsLoader {
    padding-bottom: 200px;
    padding-top: 200px;
}

.refines {
    background-color: #ffffff;
    /*border-radius: 6px;
    border: 1px solid #d8d8d8;
    float: left;*/
    margin: 20px;
    /*width: 350px;*/
    width: 250px;
    /*min-height: 475px;*/
}

.resultsSummary {
	vertical-align: top;
	width: 820px;
}

.refines h2 {
    /*background: url("../imgs/Icon_tools.png") no-repeat scroll left center rgba(0, 0, 0, 0);*/
    color: #006a90;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 8px;
    line-height: 20px;
}

.resultsSummaryLoader {
    padding-bottom: 250px;
    padding-left: 250px;
    padding-top: 250px;
}

.refineOptionLink {
	color: #006a90 !important;
    font-size: 12px !important;
    text-align: left !important;
}

.refineOptionLink.btn {
	padding: 3px 12px !important;
}

.refineOptionLabel {
    font-size: 12px !important;
    text-align: left !important;
    padding: 4px 12px;
}

.observationCollectionStatisticsPanel {
    margin-left: 10px;
    margin-right: 20px;
}

.observationCollectionStatisticsPanel h2 {
    color: #c7b523;
    font-size: 18px;
    letter-spacing: 1.2px;
    padding-left: 20px;
}

.observationCollectionsAccordion {
    margin-left: 5px;
    margin-right: 5px;
    border: none !important;
    font-size: 14px;
}

.observationCollectionsAccordion a {
    text-decoration: none !important
}

.observationCollectionsAccordion .accordion-inner {
    background-color: rgba(213, 229, 229, 0.2);
    border: 1px solid #e6efef;
    box-shadow: 0 1px 3px rgba(213, 229, 229, 0.8);
    margin-left: 10px;
    margin-right: 10px;
}

.searchResultsLoader {
    padding-bottom: 150px;
    padding-top: 150px;
}

.searchResultsLabel {
    font-size: 12px;
    text-align: justify;
    /*padding-left: 15px;*/
    padding-right: 25px;
    /*width: 500px;*/
}

.searchResultsPager {
    font-size: 12px;
    /*padding-left: 15px;*/
    padding-right: 25px;
}

.searchResultsPageLabel {
    color: #08c;
    font-size: 12px;
    margin-top: -40px;
    text-align: center;
}

.resultsTable {
    font-size: 12px;
    /*margin-left: 20px !important;*/
    margin-right: 20px !important;
    width: 700px !important;
    text-align: center !important;
}

.headerRow {
    margin-left: 0 !important;
    padding-top: 20px;
    padding-bottom: 5px;
}

.tableRow {
    padding-bottom: 5px;
}

.resultsLoader {
    padding-top: 150px;
    padding-bottom: 150px;
}

.warningLabel {
    margin-left: 10px;
    margin-right: 10px;
    /*padding: 10px !important;*/
}

.dataActionBar {
    padding-bottom: 30px;
}

.downloadPopupLabel {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
}

.availableObservedProperties {
    height: 30%;
    padding: 0 20px 10px;
}

.availableObservedProperties .downloadPopupLabel {
    padding-left: 0 !important;
}

.modal .searchTextBox {
    /*height: 25px !important;*/
    margin-bottom: 10px !important;
}

.availableObservedPropertiesGrid {
    border: 1px solid #9ba0af;
    border-radius: 5px;
}

.availableObservedPropertiesGrid .alert {
    margin: 20px !important;
}

.selectAllAvailablePropertiesCheckBox {
    background: url("../imgs/table_sorter_header.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    padding: 5px 20px;
}

.availablePropertiesCheckBoxes {
    max-height: 125px;
    overflow-y: scroll;
}

.availablePropertiesCheckBoxes span {
    font-size: 12px !important;
}

.singleAvailableObservedProperty {
    padding: 3px 20px;
    border-bottom: 1px dotted #ccc;
}

.requestNamePanel {
    margin: 20px !important;
}

.downloadModal {
    max-height: 90vh !important;
}

.modal.downloadModal form {
    margin-bottom: -15px;
    /*margin-left: -30px;*/
    margin-right: 0 !important;
    margin-top: -5px !important;
}

.downloadModal.modal.fade.in {
    top: 5%;
}

/*.modal fieldset input {
    height: 25px !important;
}*/

.licencesElement {
    max-height: 200px;
    overflow: scroll;
    padding: 0 3%;
}

.licencesElement h2 {
    color: #006a90;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 10px;
}

.singleLicenceElement {
    padding: 1.5% 5%;
}

.modal.dataPlotModal {
    margin-left: -450px !important;
    width: 900px !important;
}

.dataPlotModal .modal-body {
     margin-left: 20px !important;
     margin-right: 20px !important;
}

.messageModal {
    margin-top: 150px !important;
}

.messageModal .modal-body {
    margin: 15px !important;
}

.plotDataInfoAlert {
    /*width: 111%;*/
    padding: 8px 14px !important;
}




/* Search Chronology */

.currentSelectionsTitle {
    color: #aa900e;
    display: block;
    font-size: 17px;
    padding-left: 30px;
    padding-bottom: 5px;
}

.chronologyEntityTitle {
    font-weight: bold;
}

/*.chronologyEntityTitle:hover {
    cursor: pointer;
    cursor: hand;
}*/

.controlPanel {
    /*background: none repeat scroll 0 0 #f8f9fa;*/
    border-bottom: 2px dotted #d0d0d0;
    padding-top: 15px;
    line-height: 17px;
    height: 145px;
}

.chronologyController {
    padding-bottom: 6px;
    /*padding: 6px 0px 25px 17px;
    margin: -50px 0 0;
    overflow: hidden;*/
}

.thumbnailsWorkflow_div {
    float: right;
    /*background: none repeat scroll 0 0 #f8f9fa;
    /*border-bottom: 1px solid #d0d0d0;
    padding: 6px 0 25px 17px;
    margin: 0;
    overflow: hidden;*/
}

.workflowThumbnails {
    margin-right: 20px !important;
    margin-bottom: 5px !important;
    /*float: right;
    padding-right: 20px;
    padding-top: 20px;*/
}

.workflowThumbnails > li {
    margin-left: 5px !important;
    margin-bottom: 5px !important;
}

.workflowThumbnails label {
	font-size: 9px !important;
    text-align: center;
    color: #3c3d3e;
    margin-bottom: 0 !important;
}

.workflowThumbnails img {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.locationImageWorkflow a.thumbnail {
    /*background-color: #f5b51f;*/
}

.disabled a.thumbnail {
    /*background-color: #d3d3d3;*/
}

.disabled a.thumbnail:hover, .disabled a.thumbnail:focus {
    border-color: #ddd !important;
    box-shadow: none !important;
}

.disabled.selectedThumbnail a.thumbnail:hover, .disabled.selectedThumbnail a.thumbnail:focus {
    border-color: #aa900e !important;
    box-shadow: none !important;
}

.disabled a:hover, .disabled a:focus {
    color: #ddd !important;
    text-decoration: none !important;
}

.disable.selectedThumbnail a:hover, .disabled.selectedThumbnail a:focus {
    color: #aa900e !important;
    text-decoration: none !important;
}

.disabled a {
    cursor: not-allowed;
}

.backAndSubmitProgressiveButtons {
    /*margin-left: 75px;*/
    margin-left: 170px;
}

.backAndSubmitProgressiveButtons .btn-large {
	padding: 8px 19px !important;
}

.backAndSubmitSpatialTemporalButtons {
    /*margin-left: 70px !important;*/
    margin-left: 160px !important;
}

.backAndSubmitSpatialTemporalButtons .btn-large {
	padding: 8px 19px !important;
}

.startNewSearchButton {
    margin-left: 105px !important;
    /*margin-left: 200px !important;*/
}

.startNewSearchButton a {
    color: #006a90 !important;
}

.displayBlock {
    display: block !important;
}

/*.backButton {
    width: 80px;
}

.submitButton {
    width: 100px;
}*/

.chronEntity {
    padding-left: 30px;
    margin-right: 365px;
}

.chronologyController .comments {
    padding-left: 30px !important;
}

/*.timePeriodThumbnail {

}

.timePeriodThumbnail a {
    background: url("../imgs/HiRes_time_period_40.png") no-repeat fixed;
    width: 40px;
    height: 40px;
}

.disabled.timePeriodThumbnail a {
    background: url("../imgs/HiRes_time_period_40_disabled.png") no-repeat fixed;
    width: 40px;
    height: 40px;
}

.assetsThumbnail{
}

.observedPropertiesThumbnail{
}

.observationCollectionsThumbnail{
}
*/


.selectedThumbnail a {
    border: 1px solid #aa900e !important;
}

.searchSelectionsTooltip {
    width: 600px !important;
}

.helpModal {
    margin-left: -350px !important;
    max-height: 90vh !important;
    width: 700px !important;
}

.helpModal .modal-body {
    font-size: 12px;
    max-height: 75vh !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: justify;
}

.helpModal .modal-body .highlightLabel {
	font-size: 16px;
}

.helpModal.modal.fade.in {
    top: 5%;
}

/* End of search chronology */


/* Download Component in Results */

/*.downloadComp {
	font-size: 11px;
	background: url(../imgs/downloadButtonsBG.jpg) top left repeat-x;
	height: 60px;
	margin-top: 21px;
	margin-left: 10px;
    margin-right: 10px;
}*/

/*.downloadComp {
    background: url(../imgs/downloadButtonsBG.jpg) top left repeat-x;
    height: 60px;
    margin-top: 21px;
    margin-left: 10px;
    margin-right: 10px;
}*/

.downloadComp {
    background: rgba(213, 229, 229, 0.6) none repeat scroll 0 0;
    height: 60px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 74px;
}

.downloadComp .aquisitionsLabel {
	padding: 19px 10px 19px 10px;
	background: url(../imgs/downloadCompAquisitionsBG.jpg) top left repeat-x;
	border-right: 2px solid white;
	float: left;
}

.downloadComp .aquisitionsLabel strong {
	font-weight: bold;
	color: #0f9ebe;
}

.downloadComp .downloadsLabel {
	padding: 19px 20px 19px 15px;
	background: url(../imgs/downloadLabelBG.jpg) top right no-repeat;
	float: left;
}

.downloadComp .dlOption {
	float: left;
	padding-left: 20px;
    padding-top: 20px;
	font-size: 11px;
}

.downloadComp .dlOption a {
	background: url(../imgs/DLArrow.png) center left no-repeat;
	padding-left: 15px;
	margin-right: 15px;
	color: #000000;
	text-decoration: none;
}

.downloadComp .dlOption a:hover {
	color: #015eea;
}

.noOfObservationsLabel {
    padding: 20px;
    margin-right: 20px;
}

/* end of download component */


.espasDropDownButton, .espasPublishButton, .dataProviderStatusButton {
    margin-right: 10px;
    margin-bottom: 7px !important;
}

.espasDropDownButton .btn {
    background-color: white !important;
    background-image: none !important;
    width: 120px;
}

.espasPublishButton {
	background-color: white !important;
    background-image: none !important;
    width: 130px;
    margin-right: 15px;
}

.dataProviderStatusButton {
	background-color: white !important;
    background-image: none !important;
    width: 145px;
}

.queryAndRefineOptionsLabel {
    color: #006a90;
    padding-left: 140px;
}

.queryAndRefineOptions {
    background-color: rgba(0, 106, 144, 0.25);
    padding: 5px;
    float: left;
    width: 99%;
    margin: 10px 0 15px;
    /*border-radius: 4px;*/
}

.queryAndRefineOptions dt {
    width: 182px !important;
}

.queryAndRefineOptions dd {
    margin-left: 192px !important;
}

/*.singleRefineTitle {
    font-weight: bold;
}

.singleRefine {
    margin-bottom: 8px;
}

.singleRefines {
    font-size: 14px;
    margin-left: 30px;
    margin-top: 30px;
    width: 318px;
}*/

.locationResultsPage .alertLabel {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
}







.singleRefines h2{
    color: #006a90;
    font-size: 18px; margin: 0;
    padding: 8px;
    line-height: 20px;
}
.singleRefine {
    margin: 0px 15px;
    /* border: 1px solid #C7B523; */
    padding: 5px 10px;
    /* background-color: #C7B523; */
    color: #006A90;
    /* font-size: 90%; */
}
.singleRefines {
    /* font-size: 14px; */
    margin-left: 15px;
    margin-top: 20px;
    width: 318px;
    border: 1px solid #C8B626;
}

.accordion-group {
    margin-bottom: 8px !important;
}

.accordion-heading .accordion-toggle {
    padding: 5px 15px !important;
}


/* Registration Form */
.formAccordion {
    margin-left: 15px;
    margin-right: 90px;
}

.formAccordion a, .formAccordion a:hover, .formAccordion a:focus {
    color: #3c3d3e !important;
    font-size: 15px !important;
    text-decoration: none !important;
}

/*.subMenu {
	width: 200px;
	padding-left: 15px;
	padding-top: 15px;
}

.subMenu h3 {
	color: #026A90;
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
	margin-left: 10px;
}

.subMenu ul {
	list-style: none outside none;
	margin-left: -30px;
}

.subMenu li {
	color: #858586;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-indent: 5px;
    text-shadow: 0 1px 0 #FFFFFF;
    padding-left: 35px;
}

.subMenu a:link, .subMenu a:visited {
	text-decoration: none;
	color: #858586;
	background: url("../imgs/submenu_level1_item.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	padding-top: 5px;
}

.subMenu a:hover {
	text-decoration: none;
	color: #3C3D3E !important;
	background: url("../imgs/submenu_level1_item.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	padding-top: 5px;
}*/

.modal.loginModal {
    margin-left: -360px;
    width: 750px !important;
}

/*.modal.loginModal input[type="email"], .modal.loginModal input[type="password"] {
    height: 35px !important;
}*/

.timePeriodElementPanel {
    margin-top: 20px;
}

.timePeriodPanel {
    float:left;
    margin-left: 50px;
}

.timeOfDayPanel {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-left: 50px;
}

/*.timePeriodPanel input {
    height: 30px !important;
}

.timeOfDayPanel input {
    height: 30px !important;
}*/

.timePeriodFormLabel {
    text-align: center;
    margin-bottom: 20px;
    margin-left: 80px;
    font-size: 15px;
    color: #006a90;
}

.timeOfDayPanel .timePeriodFormLabel {
    margin-left: 130px;
}

.timePeriodIconContainer {
    padding-left: 8px;
}

.timePeriodIconsPanel {
    float:right;
    /*margin-right: 40px;
    margin-top: 20px;*/
    margin-top: 65px;
    margin-right: 20px;
}

.timePeriodIconsPanel li {
    list-style-type: none !important;
}

.timePeriodIconsPanel a {
    /*color: #006a90 !important;*/
}

.timePeriodIconsPanel .thumbnail {
    margin-top: 20px !important;
}




/********************************/

/* Home Page styles */
.homePageActionThumbnails {
    margin-left: 55px !important;
    margin-top: 20px;
}

.homePageActionThumbnail {
    width: 44%;
}

.homePageActionThumbnail .thumbnail {
    border: none !important;
    box-shadow: 0px 1px 4px #5EA1B9 !important;
}

.homePageActionThumbnail > a.thumbnail:hover,
.homePageActionThumbnail > a.thumbnail:focus {
    border: none !important;
    box-shadow: 0px 0px 6px #C7B523 !important;
}

/********************************/


/* Support Menu styles */
.espasDescription {
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
}

.tabPanel {
    padding: 3%;
    width: 94%;
}

.tabPanel .nav {
    margin-bottom: 0px;
}

.nav-tabs > li > a {
    color: #006a90;
}

.glossary {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 3%;
    text-align: justify;
}

.espasGlossary {
    margin: 3%;
}

.espasGlossary .dl-horizontal dt {
    width: 195px !important;
}

.espasGlossary .dl-horizontal dd {
    margin-left: 210px;
    text-align: justify;
}

.usersManualContent {
	margin-left: 20px;
    margin-right: 20px;
    text-align: justify;
}

.usersManualContent li {
	margin-bottom: 5px !important;
}

.usersManualContent > ol > li > ul {
	margin-top: 5px !important;
}

.supportMoreInfo {
    background-color: rgba(0, 0, 0, 0.016);
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin: 15px 20px 10px;
    padding: 10px;
}

.forDataProvidersContent {
    margin-left: 20px;
    margin-right: 20px;
    text-align: justify;
}

.dataProviderStatusPanel {
	margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
}

.dataProviderStatusPanel .supportMoreInfo {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.ontologyOverview {
    margin-left: 20px;
    margin-right: 20px;
    text-align: justify;
}

.dataModelOverview {
    margin-left: 20px;
    margin-right: 20px;
    text-align: justify;
}

.dataModelOverview img {
    width: 400px;
    margin-bottom: 15px;
}

.highlightExample {
    background-color: rgba(169, 213, 213, 0.4);
    padding: 4px 10px;
}

.tecPlotterContent, .idlPlottingToolContent {
	margin-left: 20px;
    margin-right: 20px;
    text-align: justify;
}

.faqsListPanel {
/*	margin-left: 20px;
	margin-right: 20px;*/
}

.topicLabel {
	font-size: 17px;
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.topicPanel {
	margin-bottom: 20px;
}

.topicPanel .accordion-group {
	border: none !important;
	margin-left: 5px;
    margin-right: 5px;
}

.topicPanel .accordion-heading .accordion-toggle {
    padding: 5px 15px !important;
}

.topicPanel .accordion-inner {
    border-top: none !important;
}

.topicPanel p {
	margin: 0 0 10px 20px !important;
}

.topicPanel .accordion-inner {
    padding: 0 15px !important;
}




/********************************/


/* Time Location Form styles */

.coordinatesPanel {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 3%;
}

.coordinatesPanelLabel {
    padding-bottom: 15px;
    padding-top: 5px;
}

.cartesianPanel {
    margin-left: 20px;
    margin-right: 20px;
}

.cartesianPanel .alert {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/*.cartesianPanel fieldSet {
    width: 30% !important;
}*/

/*.cartesianPanel fieldSet input {
    height: 25px !important;
}*/

.boundingBoxPanel {
    width: 45%;
}

.boundingSpherePanel {
    width: 45%;
    float: right;
}

.xPoint {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.zPoint {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    padding-left: 55px;
}

.yPoint {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    padding-left: 55px;
}

.sphericalPanel {
    margin-left: 20px;
    margin-right: 20px;
}

.sphericalPanel .alert {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/*.sphericalPanel fieldSet {
    width: 45% !important;
}*/

/*.sphericalPanel fieldSet input {
    height: 25px !important;
}*/

.rectangularAreaPanel {
    width: 45%;
}

.circularAreaPanel {
    width: 45%;
    float: right;
}

.latitude {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    /*float: left;*/
}

.longitude {
    float: right;
}

.coordinatesPanelDivider {
    border-top: 1px solid #ddd;
    margin: -15px 30px 20px;
}

.planeLabel {
    color: #006a90;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}

.verticalPlaneLabel {
    border-top: 1px solid #006a90;
}

.verticalExtentInfo {
    max-width: 38%;
}


/********************************/

.progressBar {
    margin: 20px !important;
}

.cancelLocationSearchInResults {
	margin-top: -30px;
	margin-right: 10px;
}

/********************************/

.dataProvidersContent {
    padding-right: 30px;
}

.addNewProviderButton {
    margin-bottom: 30px !important;
}

.addNewDataProviderForm {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 9px 15px;
    margin-bottom: 10px;
}

/********************************/

.sortRequestsByForm {
    vertical-align: top;
}

/********************************/

.dateRangeSliderCurrentDates {
    text-align: center;
    margin-bottom: 10px;
}

.dateRangeSliderMinDate {
    margin-top: 10px;
}

.dateRangeSliderMaxDate {
    float: right;
    margin-top: 10px;
}

.dateRangeWidget {
    padding: 10px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none repeat scroll 0 0 #006a90 !important;
}

.applyDateRangeButton {
    /*margin-bottom: 10px !important;
    margin-left: 80% !important;
    background-color: #c8b626 !important;
    background-image: none !important;*/
    float: right;
}

/********************************/

.loading {
    position: relative;
    min-height: 200px;
}

.loading-medium {
    position: relative;
    min-height: 300px;
}

.loading-big {
    position: relative;
    min-height: 400px;
}

.loader {
    background: url("../imgs/loader-small.gif") no-repeat center;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.loader-big {
    background: url("../imgs/loader-big.gif") no-repeat center;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.whiteFilm {
    background: #ffffff;
    z-index: 5;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
}

/********************************/

.news {
    background-color: rgba(169, 216, 229, 0.7);
    box-shadow: 0 1px 4px #5ea1b9 !important;
    color: #2c5870;
    margin-bottom: 25px;
    margin-left: 15%;
    margin-top: 10px;
    width: 70%;
    padding: 5px;
}

.commentInfo {
   color: #006a90;
   font-size: 80%;
}

.alertError {
	margin: 20px;
}

/********************************/

#dataPoliciesContent {
    margin: 0 20px;
}

#dataPoliciesContent .titleLabel {
    padding-left: 0;
}

#dataPoliciesContent .subTitleLabel {
	font-size: 16px;
}

.dataProvidersAccordionPanel {
    margin-top: 20px;
    margin-right: 20px;
}

.dataProviderLicence {
    margin: 10px;
    padding: 10px;
    text-align: justify;
}

.strong {
    font-weight: bold;
}

/********************************/

/*.contactFormPanel input {
    height: 30px !important;
}*/

.contactFormPanel textarea {
    height: 130px;
}

.contactFormPanel .btn {
	width: 100px !important;
}

.marginLeftRight20 {
    margin-left: 20px;
    margin-right: 20px;
}

.marginTopBottom5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft5 {
    margin-left: 5px;
}

.marginRight10 {
	margin-right: 15px;
}

.marginRight15 {
	margin-right: 15px;
}

.marginTop20 {
	margin-top: 20px;
}

ol.lowerAlpha {
    list-style-type: lower-alpha;
}

.inlineBlock {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.spacing {
	letter-spacing: 1.5px;
}

.espasBlueColor {
    color: #006a90;
}

.comment {
    font-size: 12px;
    color: #666;
}

.fontItalic {
    font-style: italic;
}

.deleteIcon {
	margin-left: 8px;
}

.dataEntryRightColumn .controls > div > div {
	margin-bottom : 5px;
}

.underline {
	text-decoration: underline;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

/********************************/

/* Bootstrap overrides */

.accordion-group {
    margin-bottom: 10px !important;
}

/********************************/

.dataEntryRightColumn .accordion-group {
	margin-bottom: 20px !important;
}

.groupLabel {
	letter-spacing: 1.5px;
}

/*.group {
    border: 1px dashed #ccc;
    padding-bottom: 8px;
    padding-top: 8px;
    margin: 10px 25px 15px 5px;
}*/

.dataEntryRightColumn .deleteIcon {
    margin-left: 8px;
}

.dataEntryRightColumn .deleteIconForGroup {
    margin-bottom: 30px;
    margin-left: 8px;
    vertical-align: bottom;
}

.group {
    border: 1px dashed #ccc;
    margin: 10px 0;
    padding: 15px;
}

.group .control-group {
	margin-bottom: 5px !important;
	/*margin-right: 25px;*/
}

.group .alert {

}

.group .controls .alert {
	margin-bottom: 5px !important;
	margin-right: 25px;
}

.radio.inlineBlock {
	margin-right: 20px;
}

.dataEntryRightColumn textarea.input-xlarge {
    width: 240px !important;
}

.input-xlarge {
	width: 240px !important;
}

select.input-xlarge {
    width: 254px !important;
}

.dataEntryRightColumn .group .form-horizontal .control-label {
	width: 140px !important;
}

.dataEntryRightColumn .group .form-horizontal .controls {
	margin-left: 155px !important;
}

.relatedPartiesPanel .group .form-horizontal .control-label {
	width: 90px !important;
}

.relatedPartiesPanel .form-horizontal .control-label {
	width: 90px !important;
}

.relatedPartiesPanel .group .form-horizontal .controls {
	margin-left: 105px !important;
}

.relatedPartiesPanel .form-horizontal .controls {
	margin-left: 105px !important;
}


.searchAndDownloadPageContents {
	margin-bottom: 15px;
    margin-top: 15px;
    /*padding-top: 15px;*/
}

.searchAndDownloadDescription {
	margin-left: 20px;
    margin-right: 12px;
    text-align: justify;
}

.searchAndDownloadDescription .comments {
	padding-left: 0px !important;
	font-size: 67%;
}

.searchAndDownloadMoreInfo {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 1px solid #ddd;
    border-image: none;
    border-left: 1px solid #ddd;
    border-radius: 2px;
    border-top: 1px solid #ddd;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    margin-top: 15px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.016);
}

.searchAndDownloadInfoAlert {
	margin: 0 20px 15px !important;
}

.progressiveSearchPanel {
	width: 66%;
}

.spatioTemporalSearchPanel {
	width: 32%;
	vertical-align: top;
	margin-left: 20px;
	border-left: 1px solid #c7b523;
}

.linkToVideo {
	margin-left: 20px;
	color: #006a90 !important;
	cursor: pointer;
}

.videoTutorialModal iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.thumbnailsSearchPanel {
	margin-bottom: 15px;
	margin-top: 15px;
}

.thumbnailsSearchPanel .highlightLabel {
	margin-top: 0 !important;
    padding-top: 0 !important;
}

.thumbnailsSearchPanel .subTitleLabel {

}

.newPasswordPanel .control-label {
	width: 180px !important;
}

.newPasswordPanel .controls {
	margin-left: 195px !important;
}


/********************************/

/* Share results modal */

.shareResultsModal {
	margin-top: 150px !important;
}

/*.shareResultsModal */
.modal-header {
    background-image: url("../imgs/ESPAS_logo.png");
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: 95px 30px;
    color: #006a90;
    letter-spacing: 1.1px;
    padding-left: 140px !important;
    /*text-transform: uppercase;*/
}

.shareResultsModal .shareResultsPanel {
	margin: 20px;
}

.shareResultsPanel input {
	height: 35px !important;
	margin-bottom: 5px !important;
}

.shareResultsPanel .input-xxlarge {
	width: 500px !important;
}

/********************************/























/* Bootstrap overrides */

body {
	padding-top: 0px !important;
}

.nav-pills > li > a {
    border-radius: 0px !important;
}

.nav-pills .dropdown-menu {
    border-radius: 0px !important;
}

.alert {
	border-radius: 0px !important;
}

.btn-group > .btn:first-child {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.btn {
	border-radius: 0px !important;
}

.modal {
	border-radius: 0px !important;
}

modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.35 !important;
}

.dropdown-menu > li > a {
	font-size: 13px !important;
}

.dropdown-menu {
	border-radius: 0px !important;
}

.accordion-group {
	border-radius: 0px !important;
}

/*select, textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	border-radius: 0px !important;
}*/

.searchTextBox {
    border-radius: 16px !important;
    margin-bottom: 25px !important;
    padding-left: 10px !important;
}

.accordion-heading .accordion-toggle {
    padding: 10px 15px !important;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    font-size: 13px !important;
    /*height: 15px !important;
    line-height: 15px !important;*/
}

select {
    /*height: 15px !important;
    line-height: 15px !important;*/
}

.tooltip-inner {
    background-color: #d3d3d3 !important;
    color: #3c3d3e !important;
    /*white-space:pre;
    max-width:none;*/
}

.tooltip-arrow {
   display: none;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    cursor: not-allowed !important;
}

.modal-body {
    max-height: 65vh !important;
    /*overflow-y: visible !important;*/
    /*max-width: 700px !important;*/
    overflow-y: auto !important;
    padding: 10px !important;
}

.pager li > a, .pager li > span {
    border-radius: 8px !important;
}

.row-fluid [class*="span"] {
    min-height: 0px !important;
}

.dl-horizontal {
    margin: 5px;
}

.btn-primary {
    background-color: #006a90 !important;
    background-image: none !important;
}

.btn-inverse {
    background-color: #C7B523 !important;
    background-image: none !important;
    color: #fff !important;
}

.userRegistrationLoginForm .control-label {
    width: 230px !important;
}

.userRegistrationLoginForm .controls {
    margin-left: 240px !important;
}

.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus {
    background-color: #006a90 !important;
    color: #ffffff !important;
}

.accordion-heading a {
    color: #006a90 !important;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
    background-color: #eee !important;
    border-color: #eee !important;
    color: #006a90 !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    background-color: #006a90 !important;
    background-image: none !important;
    color: #fff;
}

.dataProviderRegistrationForm .span2 {
    width: 160px !important;
}

.modal-header h3 {
    font-size: 21px !important;
}

.bootstrap-timepicker table td input {
    width: 30px !important;
}

.progress-striped .bar {
    background-color: #006a90 !important;
}

.btn {
    font-size: 12px !important;
}

label, input, button, select, textarea {
    font-size: 13px !important;
}




/********************************/

/* datepicker overrides */

.datepicker td span.active:hover,
.datepicker td span.active:hover:hover,
.datepicker td span.active.disabled:hover,
.datepicker td span.active.disabled:hover:hover,
.datepicker td span.active:active,
.datepicker td span.active:hover:active,
.datepicker td span.active.disabled:active,
.datepicker td span.active.disabled:hover:active,
.datepicker td span.active.active,
.datepicker td span.active.active:hover,
.datepicker td span.active.disabled.active,
.datepicker td span.active.disabled.active:hover,
.datepicker td span.active.disabled,
.datepicker td span.active.disabled:hover,
.datepicker td span.active.disabled.disabled,
.datepicker td span.active.disabled.disabled:hover,
.datepicker td span.active[disabled],
.datepicker td span.active[disabled]:hover,
.datepicker td span.active.disabled[disabled],
.datepicker td span.active.disabled[disabled]:hover {
    background-color: #006a90 !important;
}

.datepicker td span.active,
.datepicker td span.active:hover,
.datepicker td span.active.disabled,
.datepicker td span.active.disabled:hover {
    background-color: #006a90 !important;
    background-image: none !important;
}
.datepicker td span.active:hover,
.datepicker td span.active:hover:hover,
.datepicker td span.active.disabled:hover,
.datepicker td span.active.disabled:hover:hover,
.datepicker td span.active:active,
.datepicker td span.active:hover:active,
.datepicker td span.active.disabled:active,
.datepicker td span.active.disabled:hover:active,
.datepicker td span.active.active,
.datepicker td span.active.active:hover,
.datepicker td span.active.disabled.active,
.datepicker td span.active.disabled.active:hover,
.datepicker td span.active.disabled,
.datepicker td span.active.disabled:hover,
.datepicker td span.active.disabled.disabled,
.datepicker td span.active.disabled.disabled:hover,
.datepicker td span.active[disabled],
.datepicker td span.active[disabled]:hover,
.datepicker td span.active.disabled[disabled],
.datepicker td span.active.disabled[disabled]:hover {
    background-color: #006a90 !important;
}

..datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active.disabled:hover,
.datepicker td.active.disabled:hover:hover,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.disabled:active,
.datepicker td.active.disabled:hover:active,
.datepicker td.active.active,
.datepicker td.active.active:hover,
.datepicker td.active.disabled.active,
.datepicker td.active.disabled.active:hover,
.datepicker td.active.disabled,
.datepicker td.active.disabled:hover,
.datepicker td.active.disabled.disabled,
.datepicker td.active.disabled.disabled:hover,
.datepicker td.active[disabled],
.datepicker td.active[disabled]:hover,
.datepicker td.active.disabled[disabled],
.datepicker td.active.disabled[disabled]:hover {
    background-color: #006a90 !important;
}

.datepicker td.active,
.datepicker td.active:hover,
.datepicker td.active.disabled,
.datepicker td.active.disabled:hover {
    background-color: #006a90 !important;
    background-image: none !important;
}

/********************************/



/* timepicker overrides */

.bootstrap-timepicker table td a {
    color: #006a90 !important;
}

/********************************/





/* Sencha overrides */

.GILKUBGDJ2 {
    height: 23px;
    margin-bottom: 10px;
}

.GILKUBGDI4 {
    height: 25px;
    margin-bottom: 10px;
}


/* for tree */
.GILKUBGDDUB {
    margin-top: 6px !important;
    height: auto !important;
}

.GILKUBGDJUB {
    margin-top: 0 !important;
    padding-right: 30px !important;
    white-space: normal !important;
}

.GILKUBGDKUB {
    overflow-x: hidden !important;
    padding-right: 15px !important;
}





/********************************/

/* Index.html styles */


.gradientBoxesWithOuterShadows {
display:inline-block;

height: 90px;
/*width: 35%;*/
padding: 10px;
/* outer shadows  (note the rgba is red, green, blue, alpha) */
/*-webkit-box-shadow: 0px 0px 6px #5EA1B9;
-moz-box-shadow: 0px 1px 4px #5EA1B9;*/
/* rounded corners */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*margin: 20px ;*/
}
.gradientBoxesWithOuterShadows:hover {
/*-webkit-box-shadow: 0px 0px 6px #C7B523;
-moz-box-shadow: 0px 1px 4px #C7B523;*/
}

.gradientBoxesWithOuterShadows .hdr {
text-align:center;
color:#006a90;
font-size:150%;
display: block;
/*background: #ffffff url('../imgs/arrow_circle_bl.png') left 0 no-repeat;*/
}
.gradientBoxesWithOuterShadows p {

text-align:center;
font-size:110%;
display:inline-flex;
color: #333 !important;
margin-top: 10px;
}


/* Natalia's additions */
.comments {
   color: grey;
   font-size: 80%;
   padding-left: 10px;
*/font-style: italic;*/
}

.selectedThumbnail a {
   border: 1px solid #aa900e !important;
   -webkit-box-shadow: 0px 0px 6px #C7B523;
-moz-box-shadow: 0px 1px 4px #C7B523;
}

.detailedInfoElement p {
​/* text-align: justify; */
}

.detailedInfoElement ul {
    margin: 0 !important;
    list-style-type: none;
}

.detailedInfoElement li {
    padding: 10px 5px 10px 20px;
}

/*ul.citationInfo {
	margin-left: -20px !important;
    margin-top: -13px !important;
}*/

ul.onlineResourceInfo {
	list-style-type: circle;
    margin-left: 25px !important;
}


#searchPanel h3 {
font-size: 18px;
    font-weight: normal;
    line-height: 22px;
    color: #AA900E;
    margin-top: 12px;
        padding-left: 10px;
}

.vectorRepresentation {
	margin: 5px 10px;
}


/* need to overwrite the following from bootstrap.min.css, because it gets the font-size to medium and I do not know where to change */
table {
font-size:100%;
}

.filters {
   background-color: #ffffff;
   /* border-radius: 6px; */
   /* border: 1px solid #d8d8d8; */
   float: left;
   margin: 15px 5px;
   /* width: 318px; */
   min-height: 475px;
}
.filters h2 {
   /*background: url("../imgs/Icon_tools.png") no-repeat scroll left center rgba(0, 0, 0, 0);*/
   color: #006a90;
   font-size: 18px;
   margin: 0;
   padding: 0px 5px 0px 5px;
}

Change the tree css to remove the font selection and size:
. GILKUBGDJUB {
/* font: normal 11px arial, Tahoma, Helvetica, sans serif; */
font-size:80%;
}

CSS for drop down widgets (time period etc.)
.GILKUBGDI5C .GILKUBGDI4 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-left: 1px solid #b5b8c8; /* or close enough color */
margin-left:5px;
}
.GILKUBGDJX {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-left: 1px solid #b5b8c8; /* or close enough color */
margin-left:5px;
}

.GILKUBGDCS {
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/
	margin-top: -5px;
    padding: 10px;
}

.GILKUBGDCS {
    border: 1px solid #ddd !important;
}


.GILKUBGDJ2 {
    background: none !important;
    border-bottom: none !important;
    height: 21px;
    overflow: hidden;
    width: 17px;
}

/*.GILKUBGDK2 input {
    height: 25px !important;
}*/

.GILKUBGDJUB {
    font: normal 13px/20px Open Sans !important;
}

.GILKUBGDB2.GILKUBGDI2.GILKUBGDA2 {
    font: normal 13px/20px Open Sans !important;
}

.GILKUBGDOT {
    font: normal 13px/20px Open Sans !important;
}

.highlightLabel {
    color: #C7B523;
    margin: 5px 0px;
    padding: 3px 0px;
    border-radius: 4px;
}

.dataEntryLeftColumn .highlightLabel {
	color: #fff;
}

.videoContent {
    margin-left: 30px;
}

#searchPanel .videoContent {
    float: right;
    margin-right: 20px;
    margin-top: 30px;
}