/* home.css */


/******************************************************************************
* TILES
******************************************************************************/
div#login-or-register {
	float: left; margin: 60px 0px 0px 20px; width: 113px; height: 130px; 
	text-align: center;
}
div#login-or-register a.button, div#login-or-register a.actionButton {
	width: 110px;
}

div.big-news { 
	margin: 0px 0px 15px 0px; width: 913px; min-height: 20px; 
	color: #c70000; background-color: #fff1ba;
	border: 2px solid #c70000; 
}

div.hide {
	display: none;
}

div#leftTiles { 
	float: left; margin: 20px 20px 0px 0px; 
	width: 392px; height: 515px; 
}
div#lastFlight { width: 370px; height: 50px; }
div#lastImage { margin-top: 20px; width: 370px; height: 400px; }

/* TO-DO: remove this line and uncomment #map */
div#lastImage { height: 70px; }

/*
div#lastImage div#map { 
	width: 365px; height: 330px; margin-top: 5px; 
	border: 2px solid white;
}
*/

div#slideshow { margin: 20px 0px 0px 0px; width: 502px; height: 492px; }


/******************************************************************************
* CALENDAR
******************************************************************************/
div#calendar { margin: 0; width: 780px; height: 210px; }
div#calendar h3 { padding-bottom: 5px; width: 700px; }
div#calendar h3 small#calendarYear {  }

div#calendar a#thisWeekButton { float: left; margin-right: 15px; width: 100px;}
div#calendar a#previousButton, div#calendar a#nextButton { 
	float: left; margin-left: 7px; width: 40px; 
}

div#calendar table#schedules { float: right; margin: -30px 0px 0px 0px; }
div#calendar table#schedules td { padding: 1px 5px; border: none; }
div#calendar table#schedules span { 
	display: block; padding: 2px 3px; width: 155px; height: 18px;  
	color: white; font-size: 13px; text-align: left; 
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}
div#calendar input, div#calendar label { cursor: pointer; }

div#calendar span.l-band { background-color: #de6d41; }
div#calendar span.dryden { background-color: #c3861e; }
div#calendar span.p-band { background-color:#4c942c; }
div#calendar span.jsc { background-color: #557bcd; }
div#calendar span.ka-band { background-color: #a362a2; }

div#calendar div#dayHeaders { float: left; height: 25px; width: 780px; }
div#calendar div#dayHeaders h4 { 
	float: left; width: 111px; margin: 7px 0px -2px 0px; 
	color: #555; font-size: 13px; text-align: center; 
}
div#calendar div#week { 
	position: relative;	width: 775px; height: 120px;
	overflow: auto; 
	border: 1px solid #aaa;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
div#week span {
	position: absolute; width: 105px; height: 18px; padding: 2px 3px;
	color: white; background-color: black; font-size: 13px; 
	overflow: hidden; white-space: nowrap;
	cursor: pointer;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}

div#calendar div#eventPopup {
	position: absolute; top: 50px; left: 0px; padding: 20px; width: 360px; 
	background-color: white;
	z-index: 5;
	border: 1px solid #aaa;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
	display: none; 
}
div#calendar div#eventPopup td { text-align: left; border: none; }
div#calendar a#closePopupButton {
	float: right; margin: -12px -10px 0px 0px; padding: 0px 1px;
	width: 14px; height: 14px; line-height: 14px;
	font-size: 13px; font-weight: bold; color: #549fb3;
	text-align: center; 
	border: 1px solid #bbb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
div#calendar a#closePopupButton:hover { 
	text-decoration: none; 
	color: white; background-color: #549fb3
}

div#calendar div#eventPopup h4 { margin-bottom: -15px; text-align: left; }
div#calendar div#eventPopup h4.l-band { color: #c46039; }
div#calendar div#eventPopup h4.dryden { color: #a8741a; }
div#calendar div#eventPopup h4.p-band { color: #3f7a24; }
div#calendar div#eventPopup h4.jsc { color: #4a6bb3; }
div#calendar div#eventPopup h4.ka-band { color: #a362a2; }

div#calendar div#eventPopup th, div#calendar div#eventPopup td {
	font-size: 13px; padding: 2px 5px;
}
div#calendar div#eventPopup th { 
	color: #555; font-weight: bold; text-align: right; 
}

/* IE only */
div#calendar iframe { margin: -22px 0px -10px -10px; }


/******************************************************************************
* SLIDESHOW
******************************************************************************/
div#slideshow { position: relative; }
div#slideshow div#slide-images img {
	position: absolute; top: 7px; left: 6px;
	width: 500px; height: 350px;
	display: none;
}

div#slideshow div#slide-buttons {
	position: absolute; bottom: 85px; left: 10px;
	width: 81px; height: 50px;
}
div#slideshow div#slide-buttons span {
	float: left; width: 25px; height: 22px; line-height: 22px;
	font-size: 16px; font-weight: bold; text-align: center; 
	color: #006699; background-color: #dfe7f7;
	cursor: pointer;
	border: 1px solid white;
}
div#slideshow div#slide-buttons span:hover, 
div#slideshow div#slide-buttons span.selected {
	color: #dfe7f7; background-color: #006699;
}
div#slideshow div#slide-buttons span#pause-button, 
div#slideshow div#slide-buttons span#play-button {	
	width: 79px; display: none; 
}

div#slideshow div#slide-text {
	position: absolute; bottom: 45px; left: 100px;
	display: block; width: 405px; height: 90px;
}
div#slideshow div#slide-text span { display: none; }
div#slideshow div#slide-text a { font-size: 16px; font-weight: bold; }
div#slideshow div#slide-text small { font-size: 14px; }
div#slideshow div#slide-text small a { font-size: 14px; font-weight: normal; }


/******************************************************************************
* BUTTONS
******************************************************************************/
div#buttons { float: left; width: 938px; height: 75px; margin-top: 20px; }
div#buttons a {
	float: left; margin-left: 45px; 
	width: 250px; height: 70px; line-height: 70px;
}
div#buttons img { float: left; margin: 12px -20px 0px 30px; }
div#buttons a#flightPlanButton img { margin: 10px -5px 0px 15px; }


/******************************************************************************
* SITE MAP
******************************************************************************/
div#site-map {
	float: left; margin: 30px 0px -20px -25px; 
	width: 988px; height: 270px;
	font-size: 14px; color: #777;
	background-color: #edf9fc;
	border-top: 3px solid #aaa; 
}
div#site-map h3 { margin-bottom: 5px; }
div#site-map span { float: left; padding: 10px 30px; height: 280px; }
div#site-map a { font-size: 14px; }