/** Add css rules here for your application. */
html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	/* border:1px solid #FF0000; */
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.dialogHeader {
	font-family: 'Open Sans Condensed', serif;
	font-size: 16px;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: bold;
	padding:0px;
}
.line {
	font-family: 'Open Sans Condensed', serif;
	font-size: 16px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 76px;
	font-weight: bold;
	padding:0px;
}

.overview {
	font-family: 'Open Sans Condensed', serif;
	font-size: 13px;
	margin-left: 5px;
	text-decoration: underline;
	cursor: pointer;
	margin-bottom: 3px;

}

.dialogStages {
	font-family: 'Open Sans Condensed', serif;
	font-size: 13px;
		margin-right: 5px;

}
.lineHeight {
		line-height: 1.1em;
}

.dialogFull {
	background: white;
	border: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	marginheight: 0;
	marginwidth: 0;
}
.dialogGiro {
	background-color: rgba(240, 124, 171, 1.0);
	color: black;
	border: 0;
	padding: 0;
	spacing: 0;
	opacity: 1.0;

	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;

}

.dialogTour {
	background-color: rgba(253, 188, 0, 1.0);
	border: 0;
	padding: 0;
	margin-left: 5px;
	margin-top: 5px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.dialogTir {
	background-color:blue;
	color: white;
	border: 0;
	padding: 0;
	spacing: 0;
	opacity: 1.0;

	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
}
.dialogSuisse {
	background-color: #DD0C0C;
	color: white;
	border: 0;
	padding: 0;
	margin-left: 5px;
	margin-top: 5px;
		border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.dialogCyclomundo {
	background-color: #f0841f;
	color: white;
	border: 0;
	padding: 0;
	margin-left: 5px;
	margin-top: 5px;
	font-family: 'Didact Gothic', serif;
	font-size: 13px;
		border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.dialogVolta {
	background-color: rgba(58, 59, 61, 1.0);
	color: white;
	border: 0;
	padding: 0;
	margin-left: 5px;
	margin-top: 5px;
	font-family: 'Didact Gothic', serif;
	font-size: 13px;
		border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.topMiddleSearch {
	background-color: rgba(43, 43, 46, 0.8);
	border: 0px;
	margin-top: 5px;
 	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 4px;

}

.mapsPanel {
	background-color: rgba(43, 43, 46, 0.8);
	border: 1px solid white;
	padding-top: 5px;
 	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 5px;
}
	
.topMiddleSearch .gwt-Image {
    margin-left: 5px;
    margin-top: 6px;
    cursor: pointer;
}

.uci {
	background: white;
	border: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	marginheight: 0;
	marginwidth =: 0;
}

.disclaimer-PopupPanel {
	background-color: white;
	border: 0;
	overflow: scroll;
	scrolling: auto;
}

.discalaimer-mapfooter {
	color: black;
	margin-right: 1px;
	margin-bottom: 2px;
	line-height: 19px;
	background-image: -webkit-gradient(linear, 0 0, 50 0, from(rgba(255, 255, 255, 0.45)
		), to(rgba(255, 255, 255, 0.7) ) );
	background-image: -moz-linear-gradient(left center, rgba(255, 255, 255, 0.45),
		rgba(255, 255, 255, 0.7) 50px );
}

.discalaimer-mapfooter-text {
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
	text-decoration: underline;
	color: rgb(68, 68, 68);
}
.theperfecthairpin {
	 margin-right: 5px;
	 margin-top: 5px;
    cursor: pointer;
	
}

.theperfecthairpinDialog {
	background-color:blue;
	color: white;
	border: 0;
	padding: 0;
		border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
}

.image {
	cursor: pointer;
}

.adverts {
	margin-right: 2px;
	margin-top: 2px;
}
.adverts .gwt-Image {
	cursor: pointer;
	margin-right: 2px;
	margin-top: 2px;
	z-index:1;
}
.adverts .gwt-Label {
	text-align: center;
	font-family: 'Didact Gothic', serif;
	font-size: 19px;
	background-color: rgba(43, 43, 46, 0.8);
	color: white;
    cursor: pointer;
}

.exploreDialogPictures {
	cursor: pointer;
	margin-left: 10px;
	margin-right: 10px;
}
.exploreText {
	margin-left: 45px;
}

.embedImage {
	cursor: pointer;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.embedBox {
	background: white;
	position: relative; 
	z-index: 20;
}

.closeImage {
	cursor: pointer;
	margin-top: 2px;
	margin-right: 2px;
	overflow:hidden;

}

.closeImage:hover img{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;

    -webkit-transform:rotate(720deg);
    -moz-transform:rotate(720deg); 
    -o-transform:rotate(720deg);
}

.closeImage .gwt-PushButton-down {

}
.closeImage .gwt-PushButton-down-hovering {

}
.closeImage .gwt-PushButton-down-disabled {

}


.htmlTwitter {
	margin-top: 2px;
	margin-bottom: 0px;
}

.gwt-PopupPanel {
	background: white;
	border: 0;
	overflow: hidden;
}

.popupPanelStageDialog {
	background-image:url('images/stagedialog.jpg');
	border: 0;
	overflow: hidden;
}

.popupWazala {
	background-color: white;
	border: 0;
	overflow: hidden;
}

.gwt-HTML {
	font-family: 'Didact Gothic', serif;
	font-size: 17px;
	font-weight: bold;
	margin-top: 0px;
}

.gameExplanationHTML {
	font-family: 'Open Sans Condensed', serif;
	font-size: 18px;
}

.gwt-PassDialogBelow {
	font-family: 'Open Sans Condensed', serif;
	font-size: 20px;
	color: blue;
	background-color: rgba(255, 255, 255, 0.8);
	text-decoration:underline;
	cursor: pointer;
	font-weight: bold;
}

.gwt-PassDialogPassDescription {
	font-family: 'Open Sans Condensed', serif;
	font-size: 24px;
	color: black;
	background-color: rgba(255, 255, 255, 0.6);

	font-weight: bold;
}

.gwt-PassDialogLink {
	font-family: 'Open Sans Condensed', serif;
	font-size: 14px;
	text-decoration:underline;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 1);
	margin-bottom: 2px;
	margin-right: 2px;
}
.gwt-PassDialogLinkOwner {
	font-family: 'Open Sans Condensed', serif;
	font-size: 14px;
	text-decoration:underline;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 1);
	margin-left: 300px;
	margin-bottom: 2px;
}

.gwt-SuggestBox {
	background-color: rgba(43, 43, 46, 0.6);
	/* background-color: rgba(255, 255, 255, 0.8); */
	font-family: 'Open Sans Condensed', serif;
	font-size: 22px;
	color: white;
	border-width: 1px;
	border-style: solid;
	/* border-color: #717B87; */
	border-color: white;
	margin-top: 5px;
	/* text-align: center; */
}


.gwt-SuggestBoxPopup {
	/* margin-left: 3px; */
}

.gwt-SuggestBoxPopup .item {
	color: white;
	cursor: default;
		font-family: 'Open Sans Condensed', serif;
	font-size: 16px;
}

.gwt-SuggestBoxPopup .item-selected {
	background-color: rgba(25, 25, 27, 0.9);
}

.gwt-SuggestBoxPopup .suggestPopupContent {
	background-color: rgba(58, 59, 61, 0.9);
		border: 1px solid white;
}

* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
	width: 5px;
	height: 5px;
	overflow: hidden;
}

* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
	width: 8px;
	height: 5px;
	overflow: hidden;
}

* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
	width: 5px;
	height: 8px;
	overflow: hidden;
}

* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
	width: 8px;
	height: 8px;
	overflow: hidden;
}

.gwt-DecoratedStackPanel  {
	margin-top: 6px;
	margin-left: 5px;
}

.gwt-DecoratedStackPanel .gwt-Image  {
	cursor: pointer;
	margin-top: 4px;
	margin-left: 4px;
}
.gwt-DecoratedStackPanel .gwt-Label  {
	color: white;
	cursor: default;
	font-family: 'Open Sans Condensed', serif;
	font-size: 14px;
	margin-left: 2px;
}

.gwt-DecoratedStackPanel .gwt-link  {
	color: white;
	cursor: pointer;
	font-family: 'Open Sans Condensed', serif;
	font-size: 14px;
	text-decoration: underline;
	padding-left: 5px;
}

.gwt-DecoratedStackPanel .gwt-actual  {
	color: yellow;
	cursor: pointer;
	font-family: 'Open Sans Condensed', serif;
	font-size: 14px;
	text-decoration: underline;
	padding-left: 5px;

}


.gwt-DecoratedStackPanel .gwt-StackPanelContent {
	background-color: rgba(58, 59, 61, 0.8);
	}

.gwt-DecoratedStackPanel .gwt-StackPanelItem {
	font-family: 'Open Sans Condensed',serif !important;
	font-size: 15px !important;
	background-color: rgba(67, 133, 245, 1);
	cursor: pointer;
	border: 2px solid white;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	padding-left: 3px;
	color: white;

}



.gwt-DecoratedStackPanel .stackItemMiddleCenterInner {
	font-family: 'Open Sans Condensed',serif;
	font-size: 16px;
/* 	font-weight: bold; */
}

.checkboxLeft {
	padding-left: 15px;
}

.link  {
	color: white;
	cursor: pointer;
	font-family: 'Open Sans Condensed', serif;
	font-size: 14px;
	text-decoration: underline;
	padding-left: 5px;
	font-weight: bold;
}

.Description {
		font-family: 'Open Sans Condensed', serif;
	font-size: 20px;
	
padding-left: 5px;
padding-right: 5px;
margin-top: 8px;
border:1px solid black;
background-color: rgba(255, 255, 255, 0.6);
}

.cookies {
font-family: 'Open Sans Condensed', serif;
font-size: 14px;
padding-left: 4px;
padding-right: 4px;
margin-bottom: 20px;
border:1px solid black;
background-color: rgba(255, 255, 255, 1);
}
.leavethesite {
	text-decoration: underline;
	margin-left: 5px;
	cursor: pointer;
}
.paddingTopGrid {
	margin-top: 6px;
}