@charset "UTF-8";
body  {
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0.25em;
	padding: 0;
	text-align: center;
	color: #000000;
}

H1 {
	text-align: center;
	font-size: xx-large;
}
H2 {
	text-align: center;
}
H3 {
	text-align: center;
}
H4 {
	text-align: center;
}

LABEL { font-weight: bold; }


TEXTAREA {
	width: 100%;
}
INPUT {
	text-align: center;
}

FIELDSET {
	padding: 1em;
	border: 1px solid black;
	width: 99%;
}
LEGEND {
	padding-left: 1em;
	padding-right: 1em;
}

DL {
	margin: 0;
	padding: 0;
}
DT {
	padding-left: 1em;
	font-weight: bold;
}
DD {
	padding-top: 0.25em;
	padding-bottom: 1em;
}

.disabled-label {
	color: darkgrey;
	font-weight: bold;
}


.continTrav #body-container { 
	width: 98%;
	height: 100%;
	min-height: 50em;
	background: #FFFFFF;
	margin: 0 auto;
	border: 0;
	text-align: left;
	min-width: 40em;
} 

.continTrav #default-submit {
	float: left;
	width: 96.25%;
	text-align: center;
	font-size: smaller;
	padding: 0.25em;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

.continTrav #app-menu {
	float: left;
	width: 98%;
}

.continTrav #app-menu #sections {
	float: left;
	text-align: left;
	margin-left: 5px;
	width: 35%;
}

.continTrav #app-menu #ui-modes {
	float: left;
	text-align: center;
	width: 27%;
}

.continTrav #app-menu #user {
	float: right;
	text-align: right;
	margin-right: 5px;
	width: 35%;
}


.continTrav #ad-bar {
	float: left;
	width: 99%;
	margin: 0;
}



.continTrav #sidebar-left {
	float: left;
	width: 130px;
	padding: 15px 0;
	min-height: 480px;
}

.continTrav #logo-name {
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: maroon;
	text-align: center;
	vertical-align: middle;
	margin-right: 0.5em;
	padding-right: 0.5em;
}

.continTrav #sidebar-left IMG {
	width: 130px;
}


.horizontal-ad {
	width: 728px;
	height: 90px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	text-weight: bold;
}
.vertical-ad {
	width: 130px;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.vertical-ad-alt {
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	width: 130px;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.credits {
	/*
	position: absolute;
	bottom: 0px;
	left: 5px;
	*/
	width: 130px;
	font-size: 75%;
	text-align: left;
	font-family: Arial
}


.iphone-splash {
	width: 99%;
	margin-top: 3em;
}
.iphone-splash IMG {
	width: 99%;
}


.continTrav #page-content {
	float: none;
	min-width: 250px;
	margin: 0 0 0 135px;
}
.continTrav #subsection-menu {
	float: left;
	width: 98%;
}

.continTrav #page-title {
	float: left;
	width: 98%;
	text-align: center;
	font-size: x-large;
	font-weight: bold;
	padding: 0.25em;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
.continTrav #page-title INPUT {
	font-size: x-large;
	font-weight: bold;
}
.continTrav #page-subtitle {
	float: left;
	width: 99%;
	color: darkblue;
	border: 1px solid lightgrey;
	background-color: #F0F0F0;
	font-size: large;
	font-weight: bold;
	font-style: oblique;
	padding: 0.25em;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
.continTrav #flash-messages {
	float: left;
	width: 95%;
	margin: 1em;
	text-align: center;
	font-size: inherit;
	font-weight: bold;
	min-height: 1.5em;
}


.continTrav #page-edit-menu {
	float: left;
	width: 99%;
}
.continTrav #page-edit-menu-commands {
	float: left;
	width: 18%;
	text-align: left;
}
.continTrav #page-edit-menu #start {
	float: left;
	width: 34%;
	text-align: center;
}
.continTrav #page-edit-menu #end {
	float: right;
	width: 48%;
	text-align: right;
}

.continTrav #page-edit-menu #end INPUT {
	float: right;
}
.continTrav #page-edit-menu #end .itemspacer {
	float: right;
}



.continTrav #page-data-menu {
	float: left;
	width: 99%;
}
.continTrav #page-data-menu .checkbox {
	float: left;
	text-align: left;
}
.continTrav #page-data-menu-commands {
	float: left;
	width: 32%;
	text-align: left;
}
.continTrav #page-data-menu #media {
	float: left;
	width: 32%;
	text-align: center;
}
.continTrav #page-data-menu #slices {
	float: right;
	width: 32%;
	text-align: right;
}








.continTrav #page-segments {
	float: left;
	width: 99%;
	min-width: 50em;
	margin-top: 0.5em;
	margin-right: 0.25em;
	margin-left: 0.25em;
	min-height: 20em;
	border-left: 1px dotted grey;
	border-top: 1px dotted grey;
}

.continTrav #page-searchform-container {
	float: left;
	width: 100%;
}
.continTrav #page-map-container {
	float: left;
	width: 100%;
}
.continTrav #page-text-container {
	float: left;
	text-align: left;
	width: 100%;
}
.continTrav #page-text-container .nonscrolling {
	height: 100%;
	overflow: none;
}
.continTrav #page-text-container .scrolling {
	height: 20em;
	overflow: auto;
}
.continTrav #page-text-container P {
	padding-left: 1em;
	padding-right: 1em;
}




.continTrav .menu {
	font-weight: bold;
	font-size: x-small;
	padding: 0.5em;
	background: #CAE1FF;
	color: grey;
}
.continTrav .menu INPUT {
	float: left;
	font-weight: bold;
}
.continTrav .menu LABEL {
	color: darkblue;
}

.continTrav .menu a {
	text-decoration: none;
	color: darkblue;
	padding: 0.25em;
}
.continTrav .menu a:hover {
	background: #F0F8FF;
	cursor: pointer;
}
.continTrav .menu .pseudolink {
	text-decoration: none;
	color: darkblue;
	padding: 0.25em;
	cursor: pointer;
}
.continTrav .menu .pseudolink:hover {
	color: darkblue;
	background: #F0F8FF;
}

.continTrav .menu .itemspacer {
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-weight: bold;
}


.continTrav .menu .help {
	cursor: help;
}

.continTrav .title {
	float: left;
	font-size: large;
	font-weight: bold;
}
.continTrav LABEL {
	color: #000033;
}
.continTrav .shadow {
	color: #000033;
	text-shadow: #B0C4DE 0.6em 0.6em 0.25em;
}



.continTrav .content {
	width: 100%;
	padding: 0.25em;
	margin: 0.25em;
}
.continTrav .nested-fullwidth-container {
	width: 100%;
}

.continTrav .iphone-screen-labelled {}

.continTrav .iphone-screen IMG {
	margin: 5px;
	width: 320px;
}

.continTrav .iphone-screen-icon-bar {
	width: 100%
	height: 125px;
	max-height: 125px;
	overflow: auto;
	
}



.continTrav #page-map-item {
	float: left;
	width: 99%;
	border: 1px dotted white;
	margin-bottom: 0.2em;
	padding-top: 0.25em;
	padding-left: 0.5em;
	padding-bottom: 0.25em;
}
.continTrav #page-map-item .map {
	min-width: 200px;
	min-height: 400px;
	height: 400px;
	width: 100%;
}
.continTrav #page-map-item .sizetoggle {
	float: right;
	text-align: right;
}
.continTrav #page-map-item .zoom {
	float: right;
	text-align: right;
}
.continTrav #page-map-item .zoomsep {
	float: right;
	text-align: right;
}
.continTrav #page-map-item .zoombutton {
	float: right;
	text-align: right;
	color: darkblue;
	cursor: pointer;
}
.continTrav #page-map-item .find-buttons {
	float: left;
	text-align: left;
}
.continTrav #page-map-result-pages {
	float: left;
	text-align: left;
}




#map-info-window-container {
	min-width: 35em;
	float: left;
	font-size: 0.75em;
	margin-top: 1em;
	margin-bottom: 1em;
}
#map-info-window-container .title{
	font-size: larger;
}
#map-info-window-container .instructions{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: darkblue 1px dotted;
	color: darkred;
	font-weight: bold;
}



div.LabeledMarker_markerLabel  {
	color: black;
	font-family: Arial;
	width: 64px;
	text-align: center;
	font-weight: bold;
}

div.location-primary-marker-label {
	color: white;
	font-family: Arial;
	width: 64px;
	text-align: center;
	font-weight: bold;
}
div.location-secondary-marker-label {
	color: black;
	font-family: Arial;
	width: 64px;
	text-align: center;
	font-weight: bold;
}
div.locversion-primary-marker-label {
	color: white;
	font-family: Arial;
	width: 64px;
	text-align: center;
	font-weight: bold;
}
div.locversion-secondary-marker-label {
	color: black;
	font-family: Arial;
	width: 64px;
	text-align: center;
	font-weight: bold;
}

div.viapoint-minimal-marker-label {
	color: white;
	font-family: Arial;
	width: 64px;
	text-align: center;
	font-weight: bold;
}
div.viapoint-passthru-marker-label {
	color: black;
	font-family: Arial;
	width: 64px;
	text-align: center;
	font-weight: bold;
}
div.viapoint-needloc-marker-label, div.user-needloc-marker-label {
	color: darkred;
	font-family: Arial;
	width: 64px;
	text-align: center;
	font-weight: bold;
}



.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/* for positive feedback (action successful, etc) */
.success {
	color: darkgreen;
	border: 1px solid darkgreen;
	padding: 0.5em;
	text-align: center;
}
/* for neutral feedback (reminders, etc) */
.info {
	color: darkblue;
	border: 1px solid darkblue;
	padding: 0.5em;
	text-align: center;
}
/* or negative feedback (action unsuccessful, error encountered, etc) */
.warning {
	color: darkred;
	border: 5px double darkred;
	font-size: larger;
	padding: 0.5em;
	text-align: center;
}
/*  */
.debug {
	text-align: left;
	font-weight: normal;
	font-family: monospace;
	color: black;
	padding: 0.25em;
	border: 0;
}
.offer {
	color: darkgreen;
	font-size: large;
	font-weight: bold;
	text-align: center;
}

.item {
	border: 1px dotted white;
	margin-bottom: 0.2em;
	padding-top: 0.25em;
	padding-left: 0.5em;
	padding-bottom: 0.25em;
}

.not-saved-warning {
	float: left;
	width: 100%;
	color: darkblue;
	border: 1px solid darkblue;
	padding: 0.5em;
	margin: 0.25em;
	text-align: center;
	font-weight: bold;
}



.edit-item {
	border: 1px solid red;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.field-warning {
	color: red;
	font-weight: bold;
	font-style: italic;
}
.field-error {
	color: darkred;
	border: 2px solid darkred;
	padding: 0.2em;
}
.field-error LABEL {
	color: darkred;
}
SELECT {
	color: darkblue;
	font-size: smaller;
}
.day-abbrv {
	float: left;
	width: 3em;
}


.selected {
	background-color: #F0F0F0;
	border: 1px dotted #75A1D0;
	font-weight: bold;
}
.selectable {}
.selectable:hover {
	border: 1px dotted orange;
	background-color: #F8F8FF;
	font-weight: bold;
}

.subitem {
	/* font-size: smaller; */
	padding-top: 0.25em;
	padding-left: 2.0em;
	margin-right: 0.5em;
}
.subfield {
}
.subline {
}


.group {
	margin: 0;
	padding: 0;
}

.list-item {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted grey;
	margin-bottom: 0.5em;
}
.center { text-align: center;}

.strict-100-pcnt { width: 99%; }

.list-item .delete-button {
	float: right;
	text-align: right;
}
.list-item .move-button {
	float: left;
	text-align: left;
	width: 30%;
}
.list-item .edit-button {
	float: left;
	text-align: left;
}


.column-100-pcnt { width: 95%; }
.column-80-pcnt { width: 73%; }
.column-50-pcnt { width: 43%; }
.column-30-pcnt { width: 30%; }
.column-left { float: left; }
.column-right { float: right; }

.left-quarter {
	float: left;
	width: 24%;
	text-align: left;
}
.right-quarter {
	float: right;
	width: 24%;
	text-align: left;
}

.center-half {
	float: left;
	width: 48%;
	text-align: left;
}

.left-third {
	float: left;
	width: 32%;
	text-align: left;
}
.left-twothirds {
	float: left;
	width: 64%;
	text-align: left;
}
.center-third {
	float: left;
	width: 32%;
	text-align: center;
}
.right-third {
	float: right;
	width: 32%;
	text-align: right;
}
.right-twothirds {
	float: right;
	width: 64%;
	text-align: right;
}

.left-half {
	float: left;
	width: 48%;
	text-align: left;
}
.right-half {
	float: right;
	width: 48%;
	text-align: right;
}

.left-left {
	float: left;
	text-align: left;
}
.right-right {
	float: right;
	text-align: right;
}



.scrollable {
	overflow: auto;
}

.comment {
	font-style: italic;
	font-size: smaller;
}
.instructions {
	color: darkblue;
	font-weight: bold;
	font-style: italic;
	font-size: smaller;
}
.defunct {
	color: red;
	font-weight: bold;
}
.confirm {
	color: red;
	font-weight: bold;
	font-size: larger;
}

.anonymous-user {
	font-style: italic;
	text-decoration: underline;
}
.credit-note {
	font-style: italic;
}


.key-value-table {
	border-spacing: 0 1em;
}
.key-value-table TD {
	vertical-align: middle;
}
.key-value-table TD.label {
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}
.key-value-table TD.value {
	text-align: left;
}
.key-value-table TD.comments {
	text-align: left;
	font-style: italic;
	font-size: smaller;
}
.key-value-table TD.button {
	text-align: center;
	padding-top: 1em;
}
.key-value-table TD.button INPUT {
	text-align: center;
}
.key-value-table .submit-button {
	color: blue;
	font-weight: bold;
}
.key-value-table .clear-button {
	color: black;
}
.key-value-table .success {
	color: darkgreen;
}
.key-value-table .info {
	font-weight: bold;
	color: darkblue;
}
.key-value-table .warning {
	color: red;
	border: 1px solid red;
	font-weight: inherit;
	font-size: inherit;
	padding: 2px;
	margin: inherit;
}

.menu-button-small {
	font-size: smaller;
	color: blue;
}
.menu-button-medium {
	font-size: inherit;
	color: blue;
}
.menu-button-large {
	font-size: larger;
	color: blue;
}
.menu-button-disabled {
	color: darkgrey;
}
.menu-button-danger {
	color: red;
}

.menu-save-button {
	font-size: smaller;
	color: darkblue;
	font-weight: bold;
}
.menu-save-button-dummy {
	font-size: smaller;
	color: #88ACE0;
}

.compasspoint_checkbox {
	float: none;
	width: 1em;
	margin-right: 0.5em;
}







.city-picklist-table {
	border-collapse: collapse;
	width: 100%;
}
.city-picklist-table TD {
	border-left: 1px dotted lightgrey;
	border-right: 1px dotted lightgrey;
	border-bottom: 1px dotted grey;
	vertical-align: middle;
	padding: 0.1em 0.5em 0.1em 0.5em;
}

.city-picklist-table THEAD {
	background-color: #CAE1FF;
}

.city-picklist-table TH {
	text-align: center;
	font-size: larger;
}

.city-picklist-table .subheading {
	text-align: center;
	font-size: inherit;
}

.city-picklist-table .miles {
	text-align: right;
}
.city-picklist-table .heading {
	text-align: left;
}
.city-picklist-table .spacer {
	background-color: lightgrey;
	padding: 0;
}

.diffs {
	float: left;
	width: 95%;
	text-align: left;
	font-size: smaller;
	margin-top: 0.5em;
}
.diffs FIELDSET {
	border: 1px solid lightgrey;
}
.diffs-base {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 1em;
	border: 1px solid lightgrey;
	background-color: #F0FFF0;
}
.diffs-published {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 1em;
	border: 1px solid lightgrey;
	background-color: #FFFFF0;
}


.deleted {
	text-decoration: line-through;
	font-weight: bold;
}
.inserted {
	font-weight: bold;
}

/*
** Styling for individual data items
*/
.country {
	font-style: italic;
}
.name {
	font-weight: bold;
}

#faqtoc UL {
    padding-top: 0.50em;
	padding-bottom: 0.50em;
}

#faqtoc UL LI {
	font-weight: bold;
	font-size: large;
}
#faqtoc UL UL LI {
	font-weight: normal;
	font-size: small;
    padding-top: 0.25em;
}