/* Site Colours */
/* #02132f; - deep blue, used for backgrounds mainly */
/* #83abdf; - light/sky blue, for offsetting the background */
/* #e0eaf7; - The above light blue at 25% transparancy */
/* #ccb593; - light brown/tan */
/* #4d2615; - dark brown, for links */

/* A word on image paths, since this file is in the _includes folder it is best to reference all images to the server root. */
/* If changing location do a find replace on the old root with a new one. */

/* === Major, body and crucial layout styles === */

.body {
	font-family:Calibri, sans-serif;
	padding-top:1em;
	/*width:56em;*/
	margin-left:1em;
	margin-right:1em;
	z-index:1;
}

a:link, a:visited, a:active {
	color:#4d2615;
}

a:hover {
	color:#ccb593;
}

a.location:link,a.location:visited,a.location:active,a.location:hover {
	color:black;
	text-decoration:none;
}

.header {
	text-align:center;
	background: #83abdf url(/sail/graphics/wave_border.png) repeat-x bottom;
	padding-bottom:42px;
	z-index:1;
}

.login-box {
	font-size:80%;
	float:left;
	padding:0.5em;
	text-align:left;
	width:13em;
	border-bottom:1px solid #94b9e8;
	border-right:1px solid #94b9e8;
}

.header-bar {
	height:70px;
	margin-left:3em;
	margin-right:3em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	z-index:1;
}

.help-box {
	text-align:center;
	position:relative;
	font-size:75%;
	z-index:2;
	float:right;
	width:9em;
	background:#DDD;
	border:1px solid #83abdf;
	padding:0.5em;
	display:none;
}

.help-box-item {
	padding-bottom:1em;
	padding-top:1em;
	clear:both;
}

/* == All the menu styles (for icons, etc...) are defined here === */

span.menu-icon {
	margin-left:0.5em;
	margin-right:0.5em;
	border:0px;
	width:70px;
	height:70px;
}

img.menu-icon-home {
	border:0px;
}

img.menu-icon-home:hover {
	background: url(/sail/graphics/icon_home_bg.png) no-repeat 50% 50%;
	border:0px;
}

img.menu-icon-route {
	border:0px;
}

img.menu-icon-route:hover {
	background: url(/sail/graphics/icon_route_bg.png) no-repeat 50% 50%;
	border:0px;
}

img.menu-icon-route-add {
	border:0px;
}

img.menu-icon-route-add:hover {
	background: url(/sail/graphics/icon_route_add_bg.png) no-repeat 50% 50%;
	border:0px;
}

img.menu-icon-help {
	border:0px;
}

img.menu-icon-help:hover {
	background: url(/sail/graphics/icon_help_bg.png) no-repeat 50% 50%;
	border:0px;
}

img.menu-icon-settings {
	border:0px;
}

img.menu-icon-settings:hover {
	background: url(/sail/graphics/icon_settings_bg.png) no-repeat 50% 50%;
	border:0px;
}

img.menu-icon-user-add {
	border:0px;
}

img.menu-icon-user-add:hover {
	background: url(/sail/graphics/icon_user_add_bg.png) no-repeat 50% 50%;
	border:0px;
}


img.menu-icon-logout {
	border:0px;
}

img.menu-icon-logout:hover {
	background: url(/sail/graphics/icon_logout_bg.png) no-repeat 50% 50%;
	border:0px;
}

img.menu-icon-map {
	border:0px;
}

img.menu-icon-map:hover {
	background: url(/sail/graphics/icon_map_bg.png) no-repeat 50% 50%;
	border:0px;
}

img.menu-icon-journal {
	border:0px;
}

img.menu-icon-journal:hover {
	background: url(/sail/graphics/icon_journal_bg.png) no-repeat 50% 50%;
	border:0px;
}

img.menu-icon-articles {
	border:0px;
}

img.menu-icon-articles:hover {
	background: url(/sail/graphics/icon_articles_bg.png) no-repeat 50% 50%;
	border:0px;
}

img.menu-icon-photos {
	border:0px;
}

img.menu-icon-photos:hover {
	background: url(/sail/graphics/icon_photos_bg.png) no-repeat 50% 50%;
	border:0px;
}

img.menu-icon-movies {
	border:0px;
}

img.menu-icon-movies:hover {
	background: url(/sail/graphics/icon_movies_bg.png) no-repeat 50% 50%;
	border:0px;
}

/* --- */

.logo-box {
	z-index:5000;
	position:absolute 0 0;
	float:left;
	padding-top:1em;
}

.content {
	background: white;
	border: 1px solid #83abdf;
	margin-top:0.5em;
	z-index:1;
}

.content-box {
	padding:1em;
}

.nagivation {
	font-size:80%;
	color:#555;
	background:#e0eaf7;
	border-bottom:1px solid #83abdf;
	padding:0.2em;
}

.list-bar,.list-bar-selected {
	margin-left:1em;
}

.list-bar-selected {
	font-weight:bold;
	padding:0.5em;
	padding-right:0.5em;
	background:white;
	color:#4d2615;
	border:1px solid #ccb593;
}

.footer {
	text-align:center;
	font-size:60%;
	color:#AAA;
	z-index:1;
}

.comment-div {
	text-align:justify;
	margin-bottom:0.5em;
	padding-left:1em;
}

.comment {
	color:#555;
	font-size:80%;
	padding-top:0em;
	padding-bottom:0.3em;
}

.avatar {
	border:1px solid #555;
	max-width:100px;
	max-height:100px;
}

.form-heading {
	border-top:1px solid #ccb593;
	font-weight:bold;
	padding-top:1em;
	padding-bottom:0.5px;	
}

.form-line {
	padding-bottom:0.5em;
	padding-top:0.5em;
}

/* --- */

/* FRONT PAGE STYLES */

.front-page-ad-box {
	width:120px;
	float:left;
	height:600;
	/*border:1px solid #EEE;*/
}

.front-page-box {
}

.front-page-legend {
	margin-top:1em;
	text-align:center;
	font-size:75%;
	color:#555;
}

.front-page-status-box {
	border:1px solid #555;
	margin-bottom:0.3em;	
}

.front-page-status-box-item {
	padding-left:0.5em;
	padding-right:0.5em;
	margin-top:0.3em;
	margin-bottom:0.3em;
}

.front-page-status-box-update {
	float:right;
	color:#CCC;
	font-size:80%;
	padding:0.5em;
}

/* --- */

.front-page-crew-box {
	float:right;
	width:120px;
	border:1px solid #4d2615;
	color:#ccb593;
}

.front-page-crew-box-header {
	padding:0.3em;
	background:#ccb593;
	text-align:center;
	font-size:80%;
	color:white;
}

.front-page-crew-box-content {
	padding:0.3em;
	text-align:center;
}

.front-page-crew-box-caption {
	font-size:80%;
	margin-bottom:2em;
}


/* --- */

.front-page-news-ticker {
	margin-bottom:0.5em;
	margin-left:1em;
	margin-right:1em;
	height:32px;
	background: url(/sail/graphics/news_ticker_background.png) repeat-x top;
	text-transform:uppercase;
	color:#555;
	z-index:1;
}

.front-page-news-ticker-message {
	font-family:monospace;
	font-size:16px;
	margin-top:8px;
	margin-left:20px;
	float:left;
	z-index:5;	
}

.front-page-news-ticker-message-date {
	color:#CCC;
}


/* --- */

/* === Generic Styles === */

div.message {
	font-family: Calibri, sans-serif;
	padding:0.5em;
	margin-bottom: 0.5em;
	border: 1px solid #555;
}

h3.message {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin: 0px;
}
	
div.warning {
	padding:0.5em;
	background: white url(/sail/graphics/bug.png) no-repeat top right;
	padding-right:70px;
	margin-bottom: 0.5em;
	border: 1px solid #FC2;
	color: #F90;
	font-family: Calibri, sans-serif;
}
	
h3.warning {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin: 0px;
	color: #F40;
}

span.error {
	color: red;
	background: white;
	
	padding-left: 0.5em;
	padding-right: 1em;
}

span.required {
	color:#009900;
}


div.header {
	text-align:center;
	margin:auto;
}

td.header {
	cellspacing:0.5em;
	padding:0.5em;
	border:1px solid #CCC;
}

img.icon {
	border:0px;
	vertical-align:middle;
}	

/* --- */

input.submit-button{
	padding:0.2em;
	padding-top:0px;
	padding-bottom:0px;
	border:1px solid #4d2615;
	background: #ccb593 url(/sail/graphics/input_shade_corner_tl.png) no-repeat top left;
  color:black;
  font-family:Calibri, sans-serif;
  font-size:90%;
  font-weight:bold;
  cursor:pointer;
 }
 
 input.submit-button:hover{
 	background:#f1d9b5 url(/sail/graphics/input_shade_corner_tl_bright.png) no-repeat top left;
 }
 
 input.text-box {
 	background: white url(/sail/graphics/input_shade.png) repeat-x top;
 	border:1px solid #555;
 	font-family:Calibri, sans-serif;
 }
 
.text-area-box {
	background: white url(/sail/graphics/input_shade.png) repeat-x top;
 	color:#4d2615;
 	font-family:Calibri, sans-serif;
 	border:1px solid #555;
 }
 
 input.file-input {
 	color:#4d2615;
 }
 
 .disaster-photo {
 	border:1px solid #555;
 }
 
 /* === Front Page Styles === */
 
 table.front-page-table {
 	width:54em;
 }
 
 td.cell-left, td.cell-right {
 	width:27em;
 	border-top:1px solid #CCC;
 	padding-top:5px;
 	padding-bottom:5px;
 	margin-top:1px;
 	vertical-align:top;
 }
 
 td.cell-left {
 	text-align:right;
 	padding-right:0.5em;
 }
 
 td.cell-right {
 	text-align:left;
 	padding-left:0.5em;
 }
 
 img.location-photo {
 	border:1px solid #555;
 	max-width:26em;
 }
 
 h1.location-heading {
 	margin:0px;
 	padding:0px;
 }
 
 .location-location {
 	font-size:110%;
 	font-weight:bold;
 	margin-bottom:0.3em;
 }
 
 .location-actions {
 	color:#555;
 	font-size:80%;
 	margin-top:1em;
 }
 
 .location-commands {
 	color:#555;
 	font-size:80%;
 	margin-top:1em;
 }
 
 /* --- */
 
 table.text-columns {
 	padding-bottom:1em;
 	font-size:90%;
 }
 
 td.text-column {
 	text-align:justify;
 	padding-left:1em;
 	padding-right:1em;
 	vertical-align:top;
 }

/* === Styles for form validation === */



.sample-description {
	/* Note these are pretty similar to the text-area styles, and for ovious reasons... */
	background: white url(/sail/graphics/input_shade.png) repeat-x top;
 	color:#4d2615;
 	font-family:Calibri, sans-serif;
 	border:1px solid #555;
 	padding:0.5em;
}


.description-OK {
	#4d2615;
}

.description-cutoff {
	color:#ccb593;
}

.description-max {
	color:red;
}

/* --- */

div.location-list-style,div.route-list-style,div.log-list-style {
	border-top:1px solid #CCC;
	margin-top:1px;
	padding-top:0.5em;
	
	border-bottom:1px solid #CCC;
	margin-bottom:1px;
	padding-bottom:0.5em;	
}

img.location-list-style-thumb {
	vertical-align:top;
	border:1px solid #555;
	margin-right:0.5em;
	margin-bottom:0.5em;	
	float:left;
}

div.location-list-style-header {
	font-weight:bold;
	padding-left:95px; /* This must tie in with the value specified by config.inc.php */
}

div.location-list-style-info, div.location-list-style-commands {
	font-size:80%;
	padding-left:95px; /* This must tie in with the thumbnail size specified by config.inc.php */
	padding-top:0.3em;
	padding-bottom:0.2em;
}

/* --- */

div.route-list-style-header {
	font-weight:bold;
}

div.route-list-style-info, div.route-list-style-commands {
	font-size:80%;
	padding-top:0.3em;
	padding-bottom:0.2em;
}

/* --- */

.action-bar {
	color:#ccb593;
	border:1px solid #ccb593;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:0.5em;
	padding-right:0.5em;
	min-height:18px;
}

.large-actions {
	margin-top:1em;
	//height:70px;
	color:#555;
	border:1px solid #ccb593;
	padding-top:22px;
	padding-bottom:22px;
	padding-left:1em;
	font-size:80%;
	background:white url(/sail/graphics/banner_you_can_tr.png) no-repeat top right;
}

.activity {
	color:#555;
	border:1px solid #83abdf;
	padding:0.5em;
	font-size:80%;
	background:white url(/sail/graphics/banner_user_activity_tr.png) no-repeat top right;
}

.activity-value {
	color:black;
}

.obscure {
	color:#555;
}

.log-entry {
	text-align:justify;
	display:none;
}