Styleneat - CSS Organizer.
Return
Download style.css | Copy style.css to clipboard
 
 
.airportCodeDiv {
	height:100%;
	width:4em;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	/*top:0%;*/ }
 
	.airportCodeDiv > h3 {
		border-style: solid;
		border-width: thin;
		padding: 10px;
		font-style: normal; }
 
 
.airportHeaderDiv {
	display:table; /*display:inline-block;*/
	margin-left: 5%;
	margin-right: 5%;
	table-layout: fixed;
	width:90%; }
 
 
.airportHyperLink { color: #000; }
 
 
.airportName {
	width:75%;
	display:table-cell;
	vertical-align: middle;
	/*  height:50px;*/ }
 
 
.airportlink {
	color:#000000;
	text-decoration:underline; }
 
	.airportlink:hover {
		color:#ff0000;
		text-decoration:underline;
		cursor: pointer; }
 
 
.airportwebsite { padding: 5%; }
 
	.airportwebsite a, .airportwebsite a:visited {
		font-size: 1em;
		font-family: playfair;
		text-decoration: underline;
		color:white;
		text-transform: none; }
 
 
/*   information window */
.ammapObjectList a {
	color:#000000;
	font-family:proxima_novalight;
	font-size:15px;
	text-decoration:none;
	display:block;
	padding:2px; }
 
	.ammapObjectList a:hover {
		color:#CC0000;
		text-decoration:none;
		background:#FFFFFF;
		cursor:pointer;
		display:block; }
 
 
/* ammap window */
#ammap_div {
	position: relative;
	float:left;
	border-style:solid;
	border-width: thin;
	margin:3%;
	width:94%; }
 
 
.back .flipButton {
	background-image: url("../icons/slider.svg");
	opacity:0.5; }
 
	.back .flipButton:hover { opacity:1; }
 
 
.back .infoSailCss { overflow:hidden; }
 
 
.backButton {
	background-image: url("../icons/circle_back_arrow.svg");
	color: #000000;
	position:absolute;
	width:22px;
	height:22px;
	opacity:0.5;
	right:10px;
	bottom: 10px; }
 
	.backButton:hover { opacity:1; }
 
 
.buttonLabel {
	display:table-cell; /*font-face:bold;*/
	vertical-align: middle; }
 
	.buttonLabel h2 {
		margin:0;
		padding:0;
		font-family:proxima_bold;
		font-size:15px;
		text-transform: uppercase; }
 
 
.buttonPanelCss {
	width:80%;
	font-family: proxima_novalight;
	font-size: 12px;
	height: 30px;
	background-color: white; /*display:none;*/ /*display:inline-block;*/
	opacity: 1;
	overflow: auto;
	z-index: 50;
	cursor:pointer;
	padding-top: 1%;
	padding-bottom: 1%; }
 
 
.closebutton { height:auto; }
 
 
.companyLink1 { color: #000; }
 
	.companyLink1:hover { color: #D00; }
 
	.companyLink1:visited { color: #000; }
 
.cruiseHeader
{
    display:table;
    margin-bottom:20px;
}
 
.cruiseInfo {
	max-height: 350px;
	overflow:auto; }
 
 
.downPanel:hover { /*overflow-y:scroll;*/ }
 
 
#extDiv {
	float:left;
	margin-top:3%;
	margin-bottom: 2%;
	background-color: white;
	border-style: solid; }
 
 
.flight {
	color: #000000;
	text-decoration:none;
	padding:2px; /* display:block;*/
	text-align: center; }
 
 
.flipButton {
	background-image: url("../icons/schedule.svg");
	position:absolute;
	right:10px;
	top:10px;
	opacity:0.7;
	width:22px;
	height:22px; }
 
	.flipButton.parcours {
		position:absolute;
		right  :10px;
		top:unset; }
 
 
.fmLink img, .r2rlink img { width:20px; }
 
 
.forwardButton {
	display:table-cell;
	margin-bottom: 10px; /*	float:left;
	width:10%;   */
	vertical-align: middle; }
 
 
/* google map window */
#gmap_canvas {
	float:left;
	margin:3%;
	width:94%;
	border-style:solid;
	border-width: thin; }
 
 
/* object list div = destination menu in the ammap window*/
.headerAirportCss {
	background-color:#e6e6e6;
	font-family: proxima_novalight;
	font-size: 12px;
	height: 20px;
	left:60%;
	overflow:auto;
	padding:5px;
	top:360px;
	width: 30%; }
 
 
.headerFlightCss {
	padding:6px;
	font-family: "times new roman";
	font-style: italic;
	font-size: 1em;
	text-transform: uppercase;
	color:white;
	padding:5px;
	left:0%; /*width: 100%;*/ /*height: 50px;*/
	top:0px;
	text-align: center;
	overflow:auto;
	background-color:#444444;
	border-style: solid;
	border-width: thin; }
 
 
.headerItiDiv {
	font-family: proxima_bold;
	font-size:15px;
	text-align: center;
	text-transform: uppercase; }
 
 
.helpdiv { text-transform: none; }
 
 
.hidden {
	z-index:6000; /* width:100%;*/
	/*left:0; */ }
 
 
.hideDuringLoad { display:none !important; }
 
 
#info {
	border-style: solid;
	font-family: proxima_novalight_novalight;
	font-size: 12px;
	position: absolute;
	top: 185px;
	right: 20px;
	padding: 7px;
	background-color: #fff;
	opacity: 1;
	overflow: auto;
	z-index: 100; }
 
 
.infoAirportCss {
	font-family: proxima_novalight;
	font-size: 12px;
	padding:5px;
	width: 30%;
	height: 50px;
	left:60%;
	top:380px;
	position:absolute;
	overflow:auto;
	background-color:#e6e6e6; }
 
 
#infoContainer {
	float:left;
	position:relative;
	width:80%; }
 
 
#infoContainerDown {
	float:left;
	position:relative;
	width:80%; }
 
 
.infoFlightCss {
	border-style: solid;
	border-width:thin;
	font-family: proxima_novalight;
	font-size: 12px;
	padding:3%;
	width: 94%;
	height: auto;
	margin-top:60px;
	position:relative;
	overflow:visible;
	background-color:white; }
 
 
.infoSailCss {
	border-style:solid;
	border-width:thin;
	font-family: proxima_novalight;
	font-size: 14px;
	padding:3%;
	width: 94%;
	height: 400px;
	margin-top:60px; /*
    top:300px;
    position:absolute;*/
	overflow:auto;
	background-color:white;
	display: none; }
 
 
.infocss {
	text-align: left;
	font-family: proxima_novalight;
	font-size: 15px;
	width:94%; /*height: 250px;*/
	padding:3%;
	background-color: white; /*left:60%;*/
	opacity: 0.8;
	overflow: visible;
	z-index: 50;
	/*display:inline-block;*//*position:absolute;*//* padding: 5px;*/ }
 
 
.infodest {
	border-style: solid;
	top:0; }
 
 
#infodiv {
	font-family: proxima_novalight;
	font-size: 12px;
	padding: 5px;
	background-color: #e6e6e6;
	opacity: 1;
	overflow: auto;
	z-index: 100; }
 
 
.innerSchedule {
	height:360px;
	overflow:auto; }
 
 
.itidiv_header div[data-tooltip=help_Iti] {
	background-image: url("../icons/circle_help.svg");
	float:right;
	height:15px;
	opacity:0.7;
	width:15px; }
 
	.itidiv_header div[data-tooltip=help_Iti]:hover { opacity:1; }
 
 
.itiflight {
	padding: 5px;
	font-style: playfair;
	margin:10px;
	border-style:solid;
	border-width:thin; }
 
	.itiflight.multiple .flight {
		background-color: #E2E2E2;
		cursor:pointer; }
 
		.itiflight.multiple .flight:hover {
			background-color: white;
			font-weight: bold;
			/*color:red;*/ }
 
	.itiflight:nth-child(even) {
		background-color:black;
		color:white; }
 
		.itiflight:nth-child(even) .searchbutton {
			background-color: rgba(255,255,255,0.9);
			border-color:rgba(255,255,255,0.95);
			color:#999; }
 
			.itiflight:nth-child(even) .searchbutton:hover {
				background-color: rgba(255,255,255,0.9);
				border-color:red;
				color:#999; }
 
	.itiflight:nth-child(odd) {
		background-color:white;
		color:black;
		/*background-color:#999*/ }
 
		.itiflight:nth-child(odd) .searchbutton {
			background-color: rgba(0,0,0,0.1);
			color:#999; }
 
			.itiflight:nth-child(odd) .searchbutton:hover {
				color:#999;
				border-color:red; }
 
	.itiflight>a {
		text-decoration: none;
		color:black; }
 
	.itiflight ul {
		width: 80%; /*list-style-position: inside;*/
		padding-left: 10%;
		padding-right: 10%; }
 
	.itiflight li {
		padding-left: 5px;
		padding-bottom: 5px;
		margin:5px;
		text-align: left; }
 
 
.itilink {
	text-decoration: underline;
	color:#43435D;
	font-weight:bold; }
 
	.itilink:hover {
		text-decoration: underline;
		color:#EE0000;
		font-weight:bold;
		cursor: pointer; }
 
 
.jqslider { width:100%; }
 
 
.jqsliderWrapper {
	display:table;
	width:100%;
	height:40px; }
 
 
.jqslidercell {
	display:table-cell;
	width:75%;
	vertical-align: middle; }
 
 
.largespacing { line-height: 150%; }
 
 
#leftside {
	float:left;
	width:50%; }
 
 
.lgCaptionDiv { display:none; }
 
 
#listdiv {
	font-family: proxima_novalight;
	font-size: 12px;
	padding: 0px; /*  position: absolute;
    top: 5%;
    left: 45%;
  */
	opacity: 50%;
	overflow: auto;
	z-index: 50; }

.logocell
{
    display:table-cell;
}

.logocell img 
{
    padding-left:10px;
}
 
.mainPanel {
	border-style: solid;
	position:absolute; }
 
 
.maplink { text-decoration: underline; }
 
	.maplink:hover {
		text-decoration: underline;
		cursor: pointer; }
 
 
.modeButton {
	width:31.3%;
	float:left;
	margin-left:1%; /*padding-left:1%;
    padding-right:1%;*/
	margin-right:1%;
	height:100%;
	text-align: center;
	display: table; }
 
 
#modeButtons {
	width:100%;
	height:100%; }
 
 
.parcoursTitre {
	display:inline-block;
	vertical-align: middle;
	text-align: center; }
 
	.parcoursTitre h2 {
		margin-top:0px;
		margin-botton:0px; }
 
 
.parcoursTitreWrapper {
	display :table;
	padding:0;
	margin:0;
	text-align: center;
	text-transform:uppercase;
	width:100%; }
 
 
.r2rlink a,img {
	vertical-align: middle;
	text-decoration: none; }
 
 
.rewindButton {
	display:table-cell;
	margin-bottom: 10px; /*	float:left;
	width:10%;   */
	vertical-align: middle; }
 
	.rewindButton svg { transform:scaleX(-1); }
 
 
#rightside {
	position:relative;
	top:5%;
	left:5%;
	float:left;
	width:50%;
	text-align: center; }
 
 
.sailItem {
	font: proxima_novalight;
	cursor: pointer; }
 
	.sailItem:hover { color:red; /*background-color: #FFFFFF;*/ }
 
	.sailItem a {
		font-family: proxima_bold;
		font-weight:bold;
		text-transform: uppercase; }
 
 
.sailcss {
	font-family: proxima_novalight;
	font-size: 12px;
	height: 230px;
	left:60%;
	opacity: 1;
	overflow: auto;
	position:absolute;
	top:5%;
	padding: 5px; }
 
 
.saildisplay {
	float:left;
	font-size: 2.5em;
	height:60px;
	line-height: 60px;
	width:66%;
	background-color: #ddd; }
 
 
.sailslider {
	float:left;
	width:32%;
	height:60px;
	line-height: 60px;
	margin-left:1%;
	font-size: 2.5em;
	background-color: black;
	color:white; }
 
 
.sailsliderWrapper {
	border-style: solid;
	border-width:thin;
	font-family: proxima_novalight;
	font-size: 12px;
	width: 100%;
	padding:0%;
	height: 200px;
	margin-top:60px;
	position:relative;
	overflow:auto;
	background-color:white;
	/*display: table;*/ }
 
 
.searchbutton {
	border-style: solid;
	border-width:thin;
	color:#999;
	cursor:pointer;
	display:inline-block;
	height:20%;
	margin-left:2%;
	margin-right:2%;
	padding:2%;
	width:30%; }
 
	.searchbutton:hover {
		color:black;
		background-color:white;
		filter:grayscale(0);
		-moz-filter:grayscale(0);
		-webkit-filter:grayscale(0); }
 
		.searchbutton:hover a,.searchbutton:hover a.visited {
			font-family: playfair;
			color:black;
			text-decoration: none; }
 
	.searchbutton img,span { vertical-align: middle; }
 
	.searchbutton a,.searchbutton a.visited {
		font-family: playfair;
		color:black;
		text-decoration: none; }
 
 
.searchlinks {
	padding-left:10%;
	padding-right:10%;
	width:80%;
	background-color:inherit; }
 
 
.spacer1 { height:40px; }
 
 
.spacer2 { height:20px; }
 
 
.stickytooltip {
	box-shadow: 1px 1px 2px #818181; /*shadow for CSS3 capable browsers.*/
	-webkit-box-shadow: 1px 1px 2px #818181;
	-moz-box-shadow: 1px 1px 2px #818181;
	display:none;
	position:absolute;
	border:5px thin black; /*Border around tooltip*/
	background:white;
	z-index:3000;
	width:25%;
	min-width: 200px; }
 
	.stickytooltip.sticky .closebutton span {
		font-size: 1em;
		opacity:0;
		text-transform: none; }
 
	.stickytooltip.sticky .closebutton a {
		background-image: url("../icons/circle_close_delete.svg");
		position:absolute;
		width:22px;
		height:22px;
		opacity:0.2; }
 
		.stickytooltip.sticky .closebutton a:hover { opacity:1; }
 
	.stickytooltip .stickystatus {
		background:black; /*Style for footer bar within tooltip*/
		color:white;
		padding-top:5px;
		text-align:center;
		font:bold 11px Arial; }
 
	.stickytooltip .closebutton span {
		font-size: 1em;
		opacity:0.4;
		text-transform: none; }
 
 .titlecell
 {
    display:table-cell;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    text-transform: uppercase;
    width:100%;    
 }
 
 .tooltipimage
{
	cursor:pointer;
} 
 
 
.topBackButton {
	background-image: url("../icons/circle_back_arrow.svg");
	color: #000000;
	position:absolute;
	width:22px;
	height:22px;
	opacity:0.5;
	left:20px;
	top: 25px; }
 
	.topBackButton:hover { opacity:1; }
 
 
/*dashed underline style*/
u.dottedRed {
	border-bottom: 1px dashed #CC0000;
	text-decoration: none; }