<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* main.css
   version 1.0
*/



body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10pt;
    font-style:normal;
    color:#000000;
    background-color:#edf2f6;
    margin:0px;
    padding:0px;
    text-align:center;
    background-image: url('img/back.jpg');
    background-repeat: repeat;
}

td {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10pt;
}

img {
    border: 0px;
    vertical-align:bottom;
}

form {
    padding: 0px;
    margin: 0px;
}


div#page {
    text-align:left;
    width:944px;
    background-color:#ffffff;
    margin:0 auto;
    padding-top:4px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:12px;
}

td#menuHeading {
    vertical-align: middle;
    font-size: 12pt;
    color:#ffffff;
    background:#978842;    
    height:26px;
    padding: 0px 12px 0px 12px;
}



td#mainMenu {
    vertical-align: middle;
    text-align:left; 
    margin-right:0px;
    font-family:arial,helvetica,sans-serif;
    font-size:10pt;
    font-weight:700;
    padding: 0px 12px 0px 18px;
    width:580px;
    height:26px;
    color:#ffffff;
    background:#214568;
}

.mainMenuItem {
    padding-right:28px;
    display:inline;
}

#mainMenu a:link, #mainMenu a:visited {
	color:#ffffff;
	text-decoration:none;
}

#mainMenu a:hover {
	color:#ccf0ff;
	text-decoration:none;
}

#uploadButton a:link, #uploadButton a:visited {
    text-decoration:none !important;
    border:1px solid grey;
    padding:2px 4px 2px 3px;
    background:#F0F3FA;
    border-radius:3px;
}

#uploadButton a:hover {
    border:1px solid #003366;
    background:#dbe1e3;
    color: #237BE0 !important;
}

div#languageMenu {
    font-size:8pt;
    text-align:right;
    padding: 2px 6px 2px 6px;
}

#languageMenu a:link, #languageMenu a:visited {
    color:#666666;
    text-decoration:none;
}

#languageMenu a:hover {
    color:#237BE0;
}


div#mainPageTopSpacer  {
    height:8px;
    
}

.warning {
    color:darkred;
}

div#mainContentPane {
    min-height:380px;
    height:auto !important;
    height:380px; 
}

div#footer {
    border-top: 1px solid grey;
    padding:3px 3px 3px 3px;
    color:grey;
    font-size:8pt;
}

#footer a:link, #footer a:visited {
    color: grey;
    text-decoration: none;
}

#footer a:hover {
    color: #003366;
}

div#navBar {
    font-size:8pt;
    padding: 8px 6px 8px 6px;
}

#navBar  a:link, #navBar  a:visited {
    color:#000000;
    text-decoration:none;
}

#navBar  a:hover {
    color:#237BE0;
    text-decoration:none;
}

div#loginPanel {
    font-size:8pt;
    text-align:right;
    vertical-align: text-bottom;
    padding: 8px 6px 8px 6px;
}


#loginPanel  a:link, #loginPanel  a:visited {
    color:#666666;
    text-decoration:none;
}

#loginPanel  a:hover {
    color:#237BE0;
}

input.loginText {
    font-size:8pt;
    width: 80px;
    border: 1px grey solid;
}

input#loginButton {
    font-size:8pt;
    width:40px;
    border: 1px grey solid;
}

span#userName {
    font-weight: 700;
}

table.list  a:link, table.list a:visited {
    color:#000000;
    text-decoration:none;
}

table.list  a:hover {
    color:#237BE0 !important;
    text-decoration:none;
}

table.list.showLinks a:link, table.list.showLinks a:visited {
    color:#237BE0;
}

.dottedLine {
    border-top: 1px dotted Black;
    margin-top:6px;
}



div#errorMessage {
    color:red;
}

.error-msg {
    color:red;
    padding-top:12px;
    padding-bottom:12px;
}


div#regionLabel {
    display:inline-block;
    padding:3px 6px 3px 6px;
    background: #edf2f6;
    font-size:10pt;
    
}

#menuHeading a:link, div#regionLabel a:visited {
    color:#ffffff;
    text-decoration:none;
}

#menuHeading a:hover {
    color:#FFEE00;
    text-decoration:none;
}

div#moreMenu {
	display: inline-block;
    position: absolute;
    visibility:hidden;
    background-color: #edf2f6;
    color:black;
    font-weight:100;
    padding:6px 10px 6px 10px;
    margin-top:21px;
    margin-left:-122px;
    width:130px;
    z-index:100;
}

div#moreMenu a:link, div#moreMenu a:visited {
    color:#000000;
    text-decoration:none;
}

div#moreMenu a:hover {
    color:#237BE0;
    text-decoration:none;
    z-index: 30000;
}

div.moreMenuItem {
	padding-bottom:4px;
}

div.moreMenuSeparator{
	height:3px;
	border-bottom: dotted 1px grey;
	margin-bottom: 6px;
}

div#regionMenu a:link, div#regionMenu a:visited {
    color:#000000;
    text-decoration:none;
}

div#regionMenu a:hover {
    color:#237BE0;
    text-decoration:none;
}

div#regionMenu {
    display: inline-block;
    position: absolute;
    visibility:hidden;
    background-color: #FFFFE7;
    margin-top:18px;
    margin-left:6px;
    z-index:100;
}

div.regionMenuItem {
    
}

div.regionMenuItemAll {
    color:#003366;
    border-bottom: 1px dotted #aaaaaa;
    padding-bottom: 4px;
    margin-bottom: 4px;
}

div.regionMenuItemZone {
    color:#978842;
}

.regionMenuItem a:link, .regionMenuItem a:visited {
    color:#000000;
    text-decoration:none;
}

.regionMenuItem a:hover {
    color:#237BE0;
    text-decoration:none;
}

.regionMenuItemAll a:link, .regionMenuItemAll a:visited {
    color:#000000;
    text-decoration:none;
}

.regionMenuItemAll a:hover {
    color:#237BE0;
    text-decoration:none;
}

.regionMenuItemZone a:link, .regionMenuItemZone a:visited {
    color:#978842;
    text-decoration:none;
}

.regionMenuItemZone a:hover {
    color:#237BE0;
    text-decoration:none;
}

div.regionMenuLevelOne {
    display: inline-block;
    padding: 12px;
    font-size:10pt;
    vertical-align: top;
}

div.regionMenuLevel {
    display: none;
    padding: 12px;
    font-size:10pt;
    vertical-align: top;
    border-left: 2px dotted #CCCCCC;
    padding-left:18px;
    margin-left:6px;
}

.title {
    font-size:12pt;
    font-weight:700;
    color:#000000;
    margin-bottom:6px;
    margin-top:12px;
}

.title1 {
    font-size:16pt;
    color:#000000;
    margin-bottom:16px;
}

.sectionTitle {
    font-size:12pt;
    color:#404040;
    margin-bottom:6px;
    margin-top:12px;
    margin-left:6px;
}

div.textPageTitle {
    font-size:12pt;
    margin-bottom:12px;
    color:black;
}

div.textSectionTitle {
    font-size:10pt;
    font-weight:700;
    color:#000000;
    margin-bottom:6px;
    margin-top:12px;
}


div#registerForm {
    padding: 8px 8px 16px 8px;
}

div#registerForm label {
    padding-right:12px;
    float:left;
    width: 10em;
}

div#registerForm label.error { 
    float: none; 
    color: red; 
    padding-left: 1em; 
    vertical-align: top; 
}

div#registerForm input {

}

div#registerForm p {
    clear: both;
}


.thl, .thr, .thc, .thdiv {
	font-size:10pt;
    font-weight: 700;
    color: #ffffff;
    background:#385E93;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #385E93;
}

.thl, .thr, .thc, .thdl, .thdr, .thdc {
    padding:3px 6px 3px 6px;
}


.thr, .thdr {
    text-align:right;
}

.thc, .thdc {
    text-align:center;
}

.tdl{
    font-size:10pt;
    padding:3px 6px;
    
}

.tdr {
    font-size:10pt;
    text-align:right;
    padding:3px 6px;
}

.tdc {
    font-size:10pt;
    text-align:center;
    padding:3px 6px;
}

.thcs {
    font-size:9pt;
    font-weight: 700;
    text-align:center;
    color: #ffffff;
    padding:2px 8px 2px 6px;
    background:#787d93;
}

.tdls{
    font-size:9pt;
    padding:2px 6px;
    
}

.tdrs {
    font-size:9pt;
    text-align:right;
    padding:2px 6px;
}

.tdcs {
    font-size:9pt;
    text-align:center;
    padding:2px 6px;
}

.tr1 {
    background:#ffffff;
    border-bottom: 1px solid #cccccc;
}

.tr0 {
    background:#eef3f5;
    border-bottom: 1px solid #cccccc;
}

.trnl1 {
    background:#ffffff;
}

.trnl0 {
    background:#eef3f5;
}

.trs {
    background:#faf2b0;
}

.trh{
    background:#787d93;
}

tr.trh td {
    vertical-align: bottom;
}

.listTitle {
	color:#404040;
    font-size:12pt;
    padding-bottom:4px;
    padding-top:8px;
    padding-left:6px;
}

#tableList a:link, #tableList a:visited {
    color:#000000;
    text-decoration:none;
}

#tableList a:hover {
    color:#237BE0;
    text-decoration:none;
}

#tableList a:hover {
    color:#237BE0;
    text-decoration:none;
}


table.list, #tableList table, #pilotList table {
	border-collapse:collapse;
	border-spacing:0;
}

table.list tbody tr.tr0:hover td, #tableList table tbody tr.tr0:hover td, #pilotList table tbody tr.tr0:hover td{
    background-color: #fffccd;
}

table.list tbody tr.tr1:hover td, #tableList table tbody tr.tr1:hover td, #pilotList table tbody tr.tr1:hover td {
    background-color: #fffccd;
}

table.markedTable tbody tr.tr0:hover td, table.markedTable tbody tr.tr1:hover td {
    background-color:inherit;
    cursor:pointer;
}

td.rb {
	border-right: solid 1px #CCCCCC;
}

#pilotList a:link, #pilotList a:visited {
    color:#000000;
    text-decoration:none;
}

#pilotList a:hover {
    color:#237BE0;
    text-decoration:none;
}

#pagingNav {
    text-align: center;
}

#pagingNav a:link, #pagingNav  a:visited {
    color:#000000;
    text-decoration:none;
    padding-right:8px;
}

#pagingNav  a:hover {
    color:#237BE0;
    text-decoration:none;
    padding-right:8px;
}

#currentPage {
    font-weight: 700;
    color:#237BE0 !important;
}

#currentPaging {
    color:#237BE0 !important;
}

#currentYear {
    font-weight:700;
    color:#237BE0 !important;
}

td#pagingItems {
    text-align: right;
    font-style: italic;
    padding-right:6px;
}

td#pagingOptions {
    padding-left:6px;
}


.pagingNavTd {
    padding-top:6px;
}

#roundTopLeft {
    border-radius: 5px 0px 0px 0px;
}

#roundTopRight {
    border-radius: 0px 5px 0px 0px;
}

.searchNavTd {
    padding-bottom:3px;
}
#searchNav {
    text-align: right;
    padding-right:6px;
}

div#standardForm div.standardForm {
    
}

div#standardForm label, div.standardForm label {
    padding-right:12px;
    float:left;
    width: 10em;
}

div#standardForm label.error , div.standardForm  label.error { 
    float: none; 
    color: red; 
    padding-left: 1em; 
    vertical-align: top; 
}

div#standardForm input, div.standardForm label.error {

}

div#standardForm p, div.standardForm p {
    clear: both;
}


div#italicNotice {
    font-style: italic;
}

.italicNotice {
    font-style: italic;
}

.sl {
    padding-top:6px;
}



div#flightCategoryMenu {
    display: inline-block;
    position: absolute;
    visibility:hidden;
    background-color: #FCFCE6;
    padding:16px;
    margin-top:20px;
    border: solid 1px grey;
}

div#periodMenu, div#periodMenu1 {
    display: inline-block;
    position: absolute;
    visibility:hidden;
    background-color: #FCFCE6;
    padding:16px;
    margin-top:20px;
    margin-left:0px;
    border: solid 1px grey;
}


div#flightClass {
    display: inline-block;
    padding: 0px 12px 0px 0px;
    font-size:10pt;
    vertical-align: top;
}

div#flightTask {
    display: inline-block;
    padding: 0px 12px 0px 12px;
    font-size:10pt;
    vertical-align: top;
    border-left: 2px dotted #CCCCCC;
    padding-left:18px;
    margin-left:6px;
}

div#flightDemographics {
    display: inline-block;
    padding: 0px 12px 0px 0px;
    font-size:10pt;
    vertical-align: top;
    border-left: 2px dotted #CCCCCC;
    padding-left:18px;
    margin-left:6px;
}

div#flightContent {
    display: inline-block;
    padding: 0px 12px 0px 0px;
    font-size:10pt;
    vertical-align: top;
    border-left: 2px dotted #CCCCCC;
    padding-left:18px;
    margin-left:6px;
}

.currentFilter {
    color:#237BE0 !important;
}

.menuButton {
    padding:2px 6px 2px 6px;
    border: 1px solid black;
    background: white;
    color:black;
    text-decoration:none;
}
.menuButton:hover {
    padding:2px 6px 2px 6px;
    border: 1px solid black;
    background: white;
    color:#237BE0;
    text-decoration:none;
}

.notice {
    font-style: italic;
    padding-top:16px;
    color:grey;
}

div#flightImage {
    display:block;
    float: right;
}

div#flightHeading {
    font-size:12pt;
    padding-bottom:12px;
    padding-left:8px;
}

div#flightDetails {
    width:258px;
    background-color: #EBEBFA; 
    color:#000000; 
    border-radius: 8px 8px 8px 8px; 
    padding:10px;
}

div#performanceDetails {
    margin-top:10px;
    width:258px;
    background-color: #FAF9ED; 
    color:#000000; 
    border-radius: 8px 8px 8px 8px; 
    padding:10px;
}


div#badgeDetails {
    margin-top:10px;
    width:258px;
    background-color: #E8E6DC; 
    color:#000000; 
    border-radius: 8px 8px 8px 8px; 
    padding:10px;
}


.boxTitle {
    font-size:12pt;
    padding-bottom:10px;
}

div.socialPanel {
    float:right;
    font-size: 8pt;
    margin-right:6px;
}

div.socialPanelH {
    text-align:right;
    font-size: 8pt;
    margin-right:6px;
    margin-bottom:10px;
}


div#flightOptionsMenu {
    float:right;
    font-size: 8pt;
    margin-right:6px;
    margin-top:4px;
}

#flightOptionsMenu a:link, #flightOptionsMenu a:visited {
    background: #eeeeee;
    padding:2px 4px 2px 4px;
    border: 1px solid #333333;
    color:#333333;
    text-decoration:none;
}

#flightOptionsMenu a:hover {
    color:#237BE0;
    text-decoration:none;
}

div#flightOptionsMenu {
    float:right;
    font-size: 8pt;
}

#performanceDetails a:link, #performanceDetails a:visited {
    color:#000000;
    text-decoration:none;
}

#performanceDetails a:hover {
    color:#237BE0;
    text-decoration:none;
}

a.simpleLink:link {
    color:#000000;
    text-decoration:none;
}

a.simpleLink:visited {
    color:#000000;
    text-decoration:none;
}

a.simpleLink:hover {
    color:#237BE0;
    text-decoration:none;
}

a.explicitLink:link {
    color:#237BE0;
}

a.explicitLink:visited {
    color:#237BE0;
}

a.explicitLink:hover {
    color:#c77405;
}


#barogram {

}

div.imageIcon {
	display:inline-block;
	border-radius:3px;
	font-family: times new roman, times;
	font-size:9pt;
	font-weight:700;
	background:#E5F0F9;
	padding: 0px 5px;
	color:#214568;
	border: solid 1px #214568;
	margin-right:4px;
}

div.blogIcon {
	display:inline-block;
	border-radius:3px;
	font-family: times new roman, times;
	font-size:9pt;
	font-weight:700;
	background:#E5F0F9;
	padding: 0px 3px 0px 4px;
	color:#214568;
	border: solid 1px #214568;
}

div.iconNotActive {
	color:#B2B2B2 !important;
	border: solid 1px #B2B2B2 !important;
	background:#F7F7F7 !important;
}


div#flightNotProcessed {
    font-size:12pt;
    color:#333333;
    padding-top:120px;
    text-align:center;
    width:640px;
    height: 186px;
    background:#EEEEEE;
}

div#taskDifficulty {
    float:right;
    width:327px;
    background-color: #FAF9ED; 
    color:#000000; 
    border-radius: 8px 8px 8px 8px; 
    padding:10px;
    font-size: 8pt;
    margin-left:12px;
    height: 426px;
}

.taskDifficultyTitle {
    font-weight:700;
    font-size: 10pt;
    padding-bottom:8px;
}

.taskDifficultyType {
    font-weight:700;
    font-size: 9pt;
    padding-top:8px;
    padding-bottom:6px;
}

div#taskNature {
    float:right;
    width:258px;
    background-color: #E8E6DC; 
    color:#000000; 
    border-radius: 8px 8px 8px 8px; 
    padding:10px;
    font-size: 8pt;
    margin-left:12px;
    height: 426px;
}

div#taskInstructions {
    display: block;
    width:258px;
    background-color: #FCFCF7; 
    color:#000000; 
    border-radius: 8px 8px 8px 8px; 
    padding:10px;
    font-size: 8pt;
    height: 426px;
}

.taskMapView {
    display: inline-block;
    position: absolute;
    visibility:hidden;
    margin-top:0px;
    margin-left:0px;
}

div#taskDetails {
    display: block;
    width:256px;
    background-color: #F7F7ED; 
    color:#000000; 
    border-radius: 8px 8px 8px 8px; 
    padding:10px;
    font-size: 10pt;
    margin-right:12px;
    height:620px;
}

.taskCoords {
    float:right;
    font-size:9pt;
    padding-left:8px;
}

div#errorBox {
    display:block;
    margin-left: 98px;
    background-color: #E8E8DC; 
    color:#000000; 
    border-radius: 8px 8px 8px 8px; 
    padding:10px;
    font-size: 10pt;
}

div#errorImage {
    float:left;
    padding-right:12px;
}

.errorTitle {
    font-size:12pt;
    font-weight:700;
}

div#recentTasksBox {
    display: block;
    background-color: #FCFCF7; 
    color:#000000; 
    border-radius: 8px 8px 8px 8px; 
    padding:10px;
    font-size: 8pt;
}

div#challengeMenu {
    margin-bottom:16px;
    float:right;
}

#challengeMenu a:link, #challengeMenu a:visited {
    background: #eeeeee;
    padding:2px 4px 2px 4px;
    border: 1px solid #333333;
    color:#333333;
    text-decoration:none;
}

#challengeMenu a:hover {
    color:#237BE0;
    text-decoration:none;
}

div#qlcodeBox {
    float:right;
    text-align:center;
    background:white;
    padding:6px;
    
}

#qlcode {
    font-size:10pt;
    font-weight:700;
    
}

#qlcodePre {
    font-size:7pt;
    font-weight:100;
}

div#qlcodeExp {
    display: inline-block;
    position: absolute;
    margin-top: -330px;
    margin-left: 154px;
    visibility:hidden;
    width:256px;
    background-color: #E8E8DC; 
    color:#000000; 
    border-radius: 8px 8px 8px 8px; 
    padding:10px;
    font-size: 10pt;
    margin-right:12px;
}

.closeButton {
    color:black; 
    text-decoration: none; 
    border: 1px solid black; 
    padding:2px; 
    background:#F7F7ED;
}

div#taskLevelLabel {
    font-size:12pt;
    font-weight:700;
}


div#taskLevelBox {
    float:right;
}


div#levelExpBox {
    display: inline-block;
    position: absolute;
    margin-top: -10px;
    margin-left: 274px;
    visibility:hidden;
    width:600px;
    background-color: #E8E8DC; 
    color:#000000; 
    border-radius: 8px 8px 8px 8px; 
    padding:10px;
    font-size: 10pt;
    margin-right:12px;
}

div#taskScores{
    margin-top:16px;
}

div#claimButton {
    margin-bottom:20px;
    font-size:10pt;
    text-align:right;
}

#claimButton a:link, #claimButton a:visited {
    background: #FAF1DE;
    padding:6px 8px 6px 8px;
    border: 1px solid #333333;
    color:#000000;
    text-decoration:none;
}

#claimButton a:hover {
    color:#237BE0;
    text-decoration:none;
}

div#selectInstructions {
    background-color: #FAF9ED; 
    color:#000000; 
    border-radius: 8px 8px 8px 8px; 
    padding:10px;
    margin-bottom: 16px;
}

.divButton {
    display:inline-block;
    border:solid 1px black;
    padding:2px;
    background:#ffffff;
    
}

div#noticeBox {
    display:inline-block;
    border-radius: 4px 4px 4px 4px; 
    background-color: #003366; 
    color:#ffffff;  
    font-weight:700;
    padding:6px;
}

.loginNotice {
    display:block;
    margin: 60px;
    background-color: #E8E8DC; 
    color:#000000; 
    border-radius: 8px 8px 8px 8px; 
    padding:50px 10px 50px 10px;
    font-size: 10pt;
    text-align:center;
}

div#imageGallery {
	
}

div#igImage {
	text-align:center;
	border-bottom: 1px dotted grey;
	margin-top:12px;
	margin-bottom:8px;
	padding-bottom:6px;
}

div#igThumbsHeader {
	padding: 0px 12px 0px 12px;
}

div#igThumbs {
	padding-bottom:12px;
}

#igThumbs img {
	padding:12px;
}

div#igDownload {
	padding-top:16px;
	padding-right:12px;
	text-align:right;
}


#igOverlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

div.igUploadFileBox {
	display: inline-block;
	background:#C9C9C9;
	padding:6px;
	margin:12px;
	vertical-align:bottom;
	min-height:64px;
}

div.igNewUploadedThumb {
	display: inline-block;
}


div.igUploadClosed {
	float:right;	
}

div.igUploadOpen {
	float:none;
	padding-bottom:6px;
	padding-right:6px;
}

#igUploadInfo {
	padding-bottom:24px;
	margin-bottom: 0px;
	border-bottom: 1px dotted grey;
}

#igUploadInstructions {
	color:grey;
	font-style: italic;
	text-align:center;
}

#igUploadLinkDiv {
	text-align:right;
}

#igUploadFileSelector {
	text-align:center;
	padding:6px 0px 20px 0px;
}

#igUploadPreviewImg {
	
}

a.optionButton:link, a.optionButton:visited {
    background: #eef3ff;
    padding:2px 4px 2px 4px;
    border: 1px solid #333333;
    color:#000000;
    text-decoration:none;
}

a.optionButton:hover {
    color:#1A4EC9;
    border-color:#1A4EC9;
    text-decoration:none;
}


div.blogButtonStackContainer {
	display:inline-block;
	margin-bottom:12pt;
}

div.buttonStack {
	display:inline-block;
}

div.hidden {
	display:none;
}

input#blogTitleInput {
	width:640px;
}

div#blogTitle {
	width:640px;
	font-size:20pt;
	margin-bottom:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	color:#404040;
}

div#blogAuthor {
	float:left;
	font-style: italic;
	font-size:10pt;
	color:grey;
}


div#blogDate {
	width:640px;
	text-align:right;
	font-style: italic;
	font-size:10pt;
	color:grey;
}

div#blogBody {
	display: block;
	width:640px;
	font-family:Arial, Helvetica, sans-serif;
    font-size:11pt;
    color: #333333;	
}


#blogAuthor a:link {
    color:grey;
    text-decoration:none;
}

#blogAuthor a:visited {
    color:grey;
    text-decoration:none;
}

#blogAuthor a:hover {
    color:#237BE0;
    text-decoration:none;
}


div.panelListTitle {
	font-size:12pt;
	padding-bottom:6px;
}

div.panelListNotice {
	font-style: italic;
}

div.blogListTitle {
	
}

.blogListTitle a:link {
    color:black;
    text-decoration:none;
}

.blogListTitle a:visited {
    color:black;
    text-decoration:none;
}

.blogListTitle a:hover {
    color:#237BE0;
    text-decoration:none;
}

.blogListDate {
	color:grey;
	font-style: italic;
}


div.sidePanel {
    width:258px;
    border-radius: 8px 8px 8px 8px; 
    padding:10px;
    margin-bottom:10px;
}

div.mapHeight {
	height:590px;
}

div.longPanel {	
	width:258px;
    border-radius: 0px 0px 8px 8px; 
    padding:10px;
    margin-bottom:10px;
    color:#333333;
}

div.panelTitle {
	width:258px;
	height:24px;
	border-radius: 8px 8px 0px 0px; 
	padding:6px 10px 0px 10px;
    font-size:12pt;
    color:#ffffff;

    background: #1e508d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTA4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iIzY5OThjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmUxZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #1e508d 0%, #6998c0 58%, #b6e1f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e508d), color-stop(58%,#6998c0), color-stop(100%,#b6e1f3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #1e508d 0%,#6998c0 58%,#b6e1f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #1e508d 0%,#6998c0 58%,#b6e1f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #1e508d 0%,#6998c0 58%,#b6e1f3 100%); /* IE10+ */
	background: linear-gradient(to right,  #1e508d 0%,#6998c0 58%,#b6e1f3 100%); /* W3C */   
}

div.rightPanel {
    border-radius: 8px 8px 8px 8px; 
    padding:10px;
    margin-bottom:10px;
}

div.rightPanelPane {
	float:right;
	height:100%;
	width: 270px;
}

div.rightPaneHeader {
	height:28px;
}

div#pageTitle, div.pageTitle {
    font-size:12pt;
    margin-bottom:12px;
    color:black;
    padding:0px 6px 0px 6px;

}

div.noIndent {
    padding-left: 0px;
}

.relative {
    position:relative;
}


#pageTitle a:link, #pageTitle a:visited, .pageTitle a:link, .pageTitle a:visited {
    color:black;
}

#pageTitle a:hover, .pageTitle a:hover  {
    color:#237BE0;
}

.f9pt {
	font-size:9pt;
}

div.popupMenuColFirst {
    display: inline-block;
    padding: 0px 12px 0px 0px;
    font-size:10pt;
    vertical-align: top;
}

div.popupMenuCol {
    display: inline-block;
    padding: 0px 12px 0px 12px;
    font-size:10pt;
    vertical-align: top;
    border-left: 2px dotted #CCCCCC;
    padding-left:18px;
    margin-left:6px;
}

.selectedOption {
    font-weight:700;
    color:#237BE0 !important;
}


img.pilotFlag {
	height:18px;
	margin-left:6px;
	vertical-align:text-top;
}


div#logbookPilot {
    font-size:14pt;
    padding-bottom: 1em;
    color: #202124;
}


div#pilotPane {
    display:inline-block;
    min-width:260px;
    padding: 12px 8px 2px 8px;
    margin-bottom:16px;
    border-radius: 8px;
    border: solid 1px #EDEDE6;
    box-shadow: 3px 3px 3px #888888;
    background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	background: -o-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	background: -ms-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	background: linear-gradient(135deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}


div#pilotDetails {
    font-size:10pt;
}

div#badgeList {
	
}

div.badgeListIcon {
	display:inline-block !important;
	margin-left:16px;
	vertical-align: top;
	text-align:center;
}

div#badgeMedal {
   vertical-align: text-top;
   margin-top:-5px;
   padding-left:32px;
   text-align: center;
}

div#diplomaCitation {
    display: inline;
    font-family:calibri, arial, helevetica, sans;
    font-size:8pt; 
    text-align: center; 
    font-weight: 700;
    padding: 0px 2px 0px 2px;
    border: solid 1px #dae1e5;
   	
   	background: #fcfff4;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2RmZTVkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2JlYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead));
	background: -webkit-linear-gradient(left,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
	background: -o-linear-gradient(left,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
	background: -ms-linear-gradient(left,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
	background: linear-gradient(to right,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=1 );
}


a#profileImageLink:link, a#profileImageLink:visited {
    font-size: 8pt;
    color: black;
    text-align:center;
    text-decoration:none;
}

a#profileImageLink:hover {
    color: #237BE0;
}

img#profileImage {
	box-shadow: 3px 3px 3px #888888;	
}


div.perfNumber {
	display: inline-block;
	font-size:14pt;
	padding-right:25px;
}

div.perfPts {
	display: inline-block;
	font-size:12pt;
}

div.timeDetail {
	display:inline;
	font-size:8pt;
	padding-left:6px;
}

hr {
    border: 0;
    background-color: #999999;
    height: 1px;
}

hr.panelHr {
	border: 0;
  	width: 278px;
  	background-color: #aaaaaa;
    color: #b1b1b1;
    height: 1px;
    margin-left:-10px;
}

div.pilotStat {
	display:inline-block;
	padding-right: 6px;
}

div.badgeListDiv {

}

div.standardRound {
	display:inline-block;
	padding:8px 12px 8px 12px;
	border-radius: 8px 8px 8px 8px; 
}

.earth {
	background:#E8E2C8;
}
.ice {
	background:#E6F0F7;
}
.teal {
	background:#fbf9e8;
}
.tangerine {
	background:#FCF4DE;
}
.magnolia {
	background:#FCFCD9;
}
.ash {
	background:#E8E6DC;
}

div.recessedText {
	padding-top:16px;
	padding-left:6px;
}

div.loginErrorNotice {
	margin-bottom:16px;
	color:red;
	
}

.thl a:link, .thl a:visited, .thr a:link, .thr a:visited, .thc a:link, .thc a:visited {
	color:#ffffff !important;
}

.thl a:hover, .thr a:hover,  .thc a:hover {
	color:#d7e2ed !important;
}

.vab {
    vertical-align:bottom;
}

.vat {
    vertical-align:top;
}

img.sorterIcon {
	vertical-align:text-top;
	margin-top:.25em;
	margin-right:.25em;
}

div.dh {
	display:inline-block;
	padding-right:6px;
	color:#7b7a78;
}

div.db100 {
	display:inline-block;
	max-width:148px;
	vertical-align:text-top;
}

div.db70 {
	display:inline-block;
	max-width:178px;
	vertical-align:text-top;
}

div.db80 {
	display:inline-block;
	max-width:168px;
	vertical-align:text-top;
}

div.dbimg{
	display:inline-block;
	max-width:120px;
	vertical-align:text-top;
}

div.mw70 {
	min-width:70px;
}

div.mw80 {
	min-width:80px;
}

div.mw100 {
	min-width:100px;
}

div.mw120 {
	min-width:120px;
}

div.mb12 {
	margin-bottom:12px;
}

.plainLink a:link, .plainLink  a:visited {
    color:#000000;
    text-decoration:none;
}

.plainLink  a:hover {
    color:#237BE0;
    text-decoration:none;
}

.listIcon {
	margin-right:2px;
	vertical-align:middle;
}

div.tabTitle {
	font-size:12pt;
}

div.chartlet {
	display:inline-block;
	background:#E3F0F9;
	margin:0px;
}

div.legChartlet {
	display:inline-block;
	background:#E3F0F9;
}

div.legData {
	padding:6px;
	width:100px;
}

svg { 
	overflow: hidden; 
}

.performanceMap {
	
}

.svgFlightOzDetail {
	
}

path.fix {
	fill:none;
	stroke:cyan;
	stroke-width:1;
}

path.startFix {
	fill:none;
	stroke:green;
	stroke-width:1;
}

path.endFix {
	fill:none;
	stroke:red;
	stroke-width:1;
}

path.flightPath {
	stroke-width:1;
	fill:none;
	stroke:#0000ff;
}

path.flightPathPre {
	stroke-width:1;
	fill:none;
	stroke:#44FF3B;
}

path.flightPathPost {
	stroke-width:1;
	fill:none;
	stroke:#FA6666;
}

path.legFlightPath {
	stroke-width:1;
	fill:none;
	stroke:deepskyblue;
}

path.flightPathBefore {
	stroke-width:1;
	fill:none;
	stroke:#3E576A;
}

path.flightPathAfter {
	stroke-width:1;
	fill:none;
	stroke:deepskyblue;
}

line.taskLine {
	stroke-width:2;
	stroke:#000680;
}

line.taskTriangleClose {
	stroke-width:2;
	stroke:#000680;
	stroke-dasharray: 6, 6;
}

line.baroLine {
	
}

line.kmGridH {
	stroke-width:1;
	stroke:grey;
}

line.kmGridV {
	stroke-width:1;
	stroke:grey;
}

line.legTime {
	stroke-width:1;
	stroke:red;
}

text.legTime {
	font-family:arial; 
	font-size:8pt; 
	fill:red;
}

ellipse.wptCylinder {
	stroke:#000680;
	stroke-width:1;
	fill:#ffff00;
	fill-opacity:0.5;
}

circle.wptPoint {
	stroke:#000680;
	stroke-width:1;
	fill:#00ffff;
	fill-opacity:0.5;
}

path.wptSector {
	stroke:#000680;
	stroke-width:1;
	fill:#ffff00;
	fill-opacity:0.5;
}

path.wptSectorCap {
	fill:#ffff00; 
	stroke:0; 
	stroke-width:0;
	fill-opacity:0.5;
}

path.wptSectorLimitedCap {
	stroke:#000680;
	stroke-width:1;
	fill:#ffff00;
	fill-opacity:0.5;
}

path.wptLine {
	fill:none;
	stroke:#000680;
	stroke-width:1;
}

circle.wptUnspecified {
	stroke:#000680;
	stroke-width:1;
	fill:#ffff00;
	fill-opacity:0.5;
}

path.wptDeclarationSector {
	stroke:#000680;
	stroke-width:1;
	fill:#ffff00;
	fill-opacity:0.5;
}

path.wptDeclarationSectorCap {
	stroke:0;
	stroke-width:0;
	fill:#ffff00;
	fill-opacity:0.5
}

ellipse.wptDeclarationCylinder {
	stroke:#000680;
	stroke-width:1;
	fill:#ffff00;
	fill-opacity:0.5;
}

circle.outsideFix{
	stroke:grey;
	stroke-width:1;
	fill:none;
	fill-opacity:0.3;
}

circle.targetFix{
	stroke:cyan;
	stroke-width:1;
	fill:none;
	fill-opacity:0.3;
}

text.kmMark {
	font-family:arial; 
	font-size:8pt; 
	fill:grey;
}


.tpTag text {
	font-family:arial;
	font-size:10pt;
}

.tpTag circle {
	fill: orange;
	stroke: black;
}

.tpTag line {
	stroke: black;
}


.smallButton, div.ccOptionButtonGroup label {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #E6E6E6 #E6E6E6 #B3B3B3;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 8pt;
    line-height: 18px;
    margin-bottom: 0;
    padding: 0px 5px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    text-decoration: none;
}


.standardButton {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #E6E6E6 #E6E6E6 #B3B3B3;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 9pt;
    line-height: 18px;
    margin-bottom: 0;
    padding: 4px 10px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    text-decoration: none;
}

.compactButton {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #E6E6E6 #E6E6E6 #B3B3B3;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 9pt;
    margin-bottom: 0;
    padding: 3px 5px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    text-decoration: none;
}
.standardButton, .standardButton.active, .standardButton.disabled, .standardButton[disabled], .smallButton.active, .smallButton.disabled, .smallButton[disabled] , .compactButton.active, .compactButton.disabled, .compactButton[disabled] {
    background-color: #E6E6E6;
}

.standardButton:hover, .smallButton:hover, .compactButton:hover {
    background-color: #E6E6E6;
    background-position: 0 -15px;
    color: #237BE0;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}
.standardButton:focus, .smallButton:focus, .compactButton:focus {
    outline: thin dotted #333333;
    outline-offset: -2px;
}
.standardButton.active, .standardButton:active, .smallButton.active, .smallButton:active, .compactButton.active, .compactButton:active {
    background-color: #FFFB93;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
}



.standardButton.disabled, .standardButton[disabled], .smallButton.disabled, .smallButton[disabled], .compactButton.disabled, .compactButton[disabled] {
    background-color: #E6E6E6;
    background-image: none;
    box-shadow: none;
    cursor: default;
    opacity: 0.65;
}

.saveButton {
    background-color: #FFC447;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #FFC447);
}

.saveButton:hover {
    background-color: #FFA305;
    background-image:none;
}

.selectedButton {
    background-color: #FFFA77;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #FFFA77);
}

.selectedButton:hover {
    background-color: #FFFA77;
    background-image:none;
}

.cciMenuAction {
	cursor: pointer;
	padding: 2px 3px;	
}

.cciMenuAction:hover {
	background-color: #E0F8FC;
	border: solid 1px #B1D9E0;
	border-radius:3px;
	padding:1px 2px;
}

div.formulaVar {
	display:inline;
	padding: 2px 4px;
	background: #F2EED0;
	border-radius: 4px;
}

div.formulaVar a:link, div.formulaVar a:visited {
    color:#000000;
    text-decoration:none;
}

div.formulaVar a:hover {
    color:#237BE0;
    text-decoration:none;
}

div.tableTitle {
	font-weight:700;
	padding-bottom:6px;
}

div.articleTitle {
	font-size:20pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	color:#404040;
	padding-bottom:12px;
}

div.articleTitle a:link, div.articleTitle  a:visited {
    color:#404040;
    text-decoration:none;
}

div.articleTitle  a:hover {
    color:#237BE0;
    text-decoration:none;
}

div.articleSummary {
	font-family:Arial, Helvetica, sans-serif;
    font-size:11pt;
    color: #404040;	
}

div.articleBody {
	font-family:Arial, Helvetica, sans-serif;
    font-size:11pt;
    width: 660px;
    color: #333333;	
}

div.articleBody h1 {
	font-family:Arial, Helvetica, sans-serif;
    font-size:14pt;
    font-weight:700;
    color: #333333;
}

div.articleBody h2 {
	font-family:Arial, Helvetica, sans-serif;
    font-size:12pt;
    color: #333333;
}

div.articleBody h3 {
	font-family:Arial, Helvetica, sans-serif;
    font-size:11pt;
    font-weight:700;
    color: #333333;
}

div.jSectionTitle {
	color:#5a9ee3;
	font-family:Arial, Helvetica, sans-serif;
    font-size:8pt;
}

div.jSectionTitle hr {
	border: 0;
  	background-color: #5a9ee3;
    color: #5a9ee3;
    height: 1px;
    margin-top:0px;
}

div.jArticleBox {
	display:inline-block;
	width:242px;
}

.bdr-left-dot {
	border-left: dotted 1px #cccccc;
	padding-left:8px;
	margin-left:-8px;
}
.bdr-right-dot {
	border-right: dotted 1px #cccccc;
	padding-right:8px;
	margin-right:-8px;
}

.bdr-top-dot {
	border-top: dotted 1px #cccccc;
	padding-top:8px;
}

.bdr-bottom-dot {
	border-bottom: dotted 1px #cccccc;
	padding-bottom:8px;
}

div.jLinkPanel {
	padding: 6px 8px;
}

div.jLinkPanel p {
	border-bottom: solid 1px #cccccc;
	padding: 6px 3px;
	margin:0px;
}

div.jLinkPanel a:link, div.jLinkPanel a:visited {
    color:#404040;
    text-decoration:none;
}

div.jLinkPanel a:hover {
    color:#237BE0;
    text-decoration:none;
}

div.pilotBlogList {
	color:#404040; 
    border-radius: 0px 0px 8px 8px; 
    padding:10px;
    margin-bottom:10px;
}

div.pilotBlogListTitle {
	height:24px;
	border-radius: 8px 8px 0px 0px; 
	padding:6px 10px 0px 10px;
    font-size:12pt;
    color:#ffffff;

    background: #1e508d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTA4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iIzY5OThjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmUxZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #1e508d 0%, #6998c0 58%, #b6e1f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e508d), color-stop(58%,#6998c0), color-stop(100%,#b6e1f3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #1e508d 0%,#6998c0 58%,#b6e1f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #1e508d 0%,#6998c0 58%,#b6e1f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #1e508d 0%,#6998c0 58%,#b6e1f3 100%); /* IE10+ */
	background: linear-gradient(to right,  #1e508d 0%,#6998c0 58%,#b6e1f3 100%); /* W3C */   
}

div.fpUploadPanel {
	margin-top:12px;
	margin-bottom:6px;
	text-align: center;
	font-size:12pt;
}

a.fpUploadLink:link, a.fpUploadLink:visited {
    color:#555555;
    text-decoration:none;
}

a.fpUploadLink:hover {
    color:#237BE0;
    text-decoration:none;
}


div.floatingDialog {
	display:block;
	position:absolute;
	padding:8px;
	border: 1px solid grey;
	background:white;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}

.mapIbHeading {
	font-size:10px;
	color: #becddb;
	padding-right: 2px;
}

.mbTile {
	background-color: #F5F5F5;
	border-radius:3px 3px 3px 3px;
}

.mbLabel {
	padding: 2px 6px;
	vertical-align:bottom;
	display: inline-block;
}

.mbButton, .mbButton.active, .mbButton.disabled, .mbButton[disabled] {
    display: inline-block;
    height: 22px;
    text-decoration: none;
    vertical-align:bottom;
    margin-left:6px;
}

.mbButton:hover {
    background-color: #89A8BF;
    text-decoration: none;
}
.mbButton:focus {
    
}
.mbButton.active, .mbButton:active {
   background-color: #4A87B2;
}
.mbButton.disabled, .mbButton[disabled] {
    cursor: default;
    opacity: 0.65;
}

a.cciActive, a.cciActive:hover, a.cciActive:link, a.cciActive:visited {
	background-color:#FCF5D9 !important;
}


div.mMarkerIcon {
	height: 17px;
	width: 17px;
	font-family: arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:700;  
	text-shadow: 0 0 0.2em #ffffff;
}

div.mWptIcon {
	height: 20px;
	width: 20px;
	white-space:nowrap;
	font-family: arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:700;  
	text-shadow: 0 0 0.2em #ffffff;
}



div.ccfDiv, div.ccfSlDiv {
	padding-bottom:12px;	
}

div.ccfDiv label, div.ccfSlDiv label {
    padding-right:6px;
}

div.ccfDiv label.error {
    color: red; 
    padding-left: 1em; 
    vertical-align: top; 
}

div.ccfSlDiv label.error {
    color: red;
    padding-left: 1em;
    vertical-align: middle;
}

div.ccfDiv label.direrror, div.ccfSlDiv  label.direrror{
    color: red;
}

div.ccfDiv div.ccfLabelDiv {
	display:inline-block;
	vertical-align:top;	
}



div.ccfSlDiv div.ccfBlockLabelDiv {
    display:block;
    vertical-align:middle;
}

div.ccfDiv input {
	vertical-align:top;	
}

div.ccfSlDiv input {
	vertical-align:middle;
}

div.ccfPostDiv {
    display:inline-block;
    vertical-align:top;
    margin-left:6px;
    margin-top:5px;
}

div.ccfSlPostDiv {
    display:inline-block;
    vertical-align:middle;
    margin-left:6px;
    margin-top:2px;
}


div.cciDialog {
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:url('img/back-screen.png');
}

div.cciDialogTransparent {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
}

div.cciDialogContent {
	position:fixed;
	left:50%;
	top:50%;
	background:white;
	padding:6px;
	text-align:left;
}

div.cciDialogContentShadow {
    position:fixed;
    left:50%;
    top:50%;
    background:white;
    padding:6px;
    text-align:left;
    box-shadow:4px 4px 10px #999999;
}

div.cciDialogFull {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
}

div.cciDialogContentFull {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:white;
    padding:6px;
    text-align:left;
}

.cciEditControl {
	vertical-align:top;
	margin-left:6px;
}

div.mapInfobar {
	background:#214568;
	color:#ffffff;
	border-bottom: 1px solid #999999; 
	padding:2px 6px;
	position: relative;
}

div.mapDatabar {
	background:#214568;
	color:#ffffff;
	border-bottom: 1px solid #999999; 
	padding:2px 6px;
	position: relative;
}

div.mapScroller {
	text-align:center;
	background:#214568;
	height:24px;
	padding: 4px 0px;
}

div.instrumentPanel {
	background:url('/etc/img/instruments/carbon.png');
	padding:8px;
}

div.instrumentLarge {
	display:inline-block;
	height:200px;
	width:200px;
}

div.instrumentSmall {
	display:inline-block;
	height:150px;
	width:150px;
}

.smallPrint {
	font-size: 8pt;
	font-style: italic;
	color:grey;
}

div.zoomLink {
	float:right;
}

div.mapEntryPanel {
	position:relative;
	height:100%;
	background:#ffffff;
	vertical-align:top;
}


.ccWptBoxUl {
	list-style-type: none;
	padding:0;
	margin:0;
}

.ccmWptBox {
	width:200px;
	background:#F9FAFC;
	color:#000000;
	padding:4px;
	margin-top:5px;
    position:relative;
}

.ccWptBoxName {
	
	
}

.ccWptBoxPos {
	display: inline-block;
	margin-left:6px;
	margin-top:4px;
	font-size:9pt;
	width:107px;
	
}

.ccWptBoxCol2 {
	display: inline-block;
	margin-top:4px;
}

.ccWptBoxLeg {
	display: inline-block;
	font-size:9pt;
	color: #12599e;
}

.ccWptBoxInfo {
	display: inline-block;
	font-size:9pt;
	color: #6d6d6d;
}

.ccWptBoxOzBtn {
	border-radius:3px;
	display:inline;
	margin-right:2px;
}

.ccWptBoxOzBtnNormal {
	background:#ddd;
}

.ccWptBoxOzBtnSelected {
	background:#f1b64e;
}

table.optionsPane td {
	border-left:2px dotted #CCCCCC;
	padding-right:12px;
	padding-left:12px;
	font-size:9pt;
}

table.optionsPane td input[disabled] + label, .optionsPaneDisabled {
	color:grey;
}

.cciEditDialog {
    padding:20px;
}

.cciEditDialogControls {
    position:absolute;right:20px;bottom:20px;
}

.cciEditDialogTitle {
    font-size:12pt;
    padding-bottom:10px;
}


/*tab styles*/
#tabs li.tabItem, .tabs li.tabItem {
    background: #D9E4EB;
    border: 1px solid #555555;
    color: #555555;
    font-weight: bold;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom: 0 none !important;
    float: left;
    list-style: none outside none;
    margin: 0 0.2em 1px 6px;
    padding: 0;
    position: relative;
    top: 1px;
    white-space: nowrap;
    font-size: 100%;
    line-height: 1.3;
    font-family: Arial,sans-serif;
    text-align: left;
}

#tabs li.selected, .tabs li.selected {
    padding-bottom:1px;
    margin-bottom:0px;
    background:#ffffff;
    color: #292929;
}

#tabs li.selected a, #tabs li.selected a:link, #tabs li.selected a:visited, .tabs li.selected a, .tabs li.selected a:link, .tabs li.selected a:visited {
    color: #292929!important;
}

#tabs .tabLink a,#tabs a.tabLink:link,#tabs a.tabLink:visited, .tabs .tabLink a,.tabs a.tabLink:link,.tabs a.tabLink:visited {
    padding: 0.4em 1em;
    cursor: pointer;
    font-family: Arial,sans-serif;
    text-align: left;
    color: #555555;
    font-weight: bold;
    font-size: 100%;
    line-height: 1.3;
    text-decoration:none;
    display:inline-block;
}

#tabs ul.tabList, .tabs ul.tabList {
    content: "";
    display: table;
    clear: both;
    border-bottom: #555555 solid 1px;
    margin: 0;
    padding: 2px 2px 0;
    list-style: none outside none;
    outline: 0 none;
    text-decoration: none;
    font-family: Arial,sans-serif;
    text-align: left;
    font-style: normal;

    margin-bottom:16px;
}

#tabs li.hoverLink, #tabs li.hoverLink a, #tabs li.hoverLink a:visited, #tabs li.hoverLink a:link, .tabs li.hoverLink, .tabs li.hoverLink a, .tabs li.hoverLink a:visited, .tabs li.hoverLink a:link {
    background:#123468;
    color:#ffffff;
}


/*re-login dialog style*/
.loginDialog {
    position: fixed;
    top: 50%;
    left: 50%;

    width:400px;
    height: 200px;
    margin-left: -200px;
    margin-top: -100px;
    text-align: left;

    padding: 12px;
    background: #ffffff;
    color: #000000;
    z-index:1000000;
}


div.loginDialog label {
    padding-right:12px;
    float:left;
    width: 5em;
}

div.loginDialog label.error {
    float: none;
    color: red;
    padding-left: 1em;
    vertical-align: top;
}

div.loginDialog input {

}

div.loginDialog p {
    clear: both;
}

div.greyScreen {
    background: url("img/back-screen.png") repeat scroll 0 0 transparent;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

/**CCI.OptionButtonGroup styles*/
div.ccOptionButtonGroup {
    display:inline-block;
}

div.ccOptionButtonGroup label {
    display:inline-block;
    margin-left:3px;
    margin-right:3px;
    cursor: pointer;
    padding:0 2px;
}

div.ccOptionButtonGroup input[type=radio] {
    display:none;
}

div.ccOptionButtonGroup label.active {
    background-color: #FFFB93;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
    cursor:default;
}

div.ccOptionButtonGroup label.disabled {
    background-color: #E6E6E6;
    background-image: none;
    box-shadow: none;
    cursor: default;
    opacity: 0.65;
}

div.ccOptionButtonGroup label.hover {
    background-color: #ffffff;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
}

/**CCI.OptionButtonGroupTab styles*/
div.ccOptionButtonGroupTab {
    display:inline-block;
}

div.ccOptionButtonGroupTab label {
    display:block;
    margin-bottom:4px;
    cursor: pointer;
    padding:3px 6px;
    border:1px solid grey;
    border-right:0px;
    background:#C9D3E5;
}

div.ccOptionButtonGroupTab input[type=radio] {
    display:none;
}

div.ccOptionButtonGroupTab label.active {
    background-color: #203D72;
    color:#ffffff;
    outline: 0 none;
    cursor:default;
}

div.ccOptionButtonGroupTab label.disabled {
    background-color: #E6E6E6;
    background-image: none;
    box-shadow: none;
    cursor: default;
    opacity: 0.65;
}

div.ccOptionButtonGroupTab label.hover {
    background-color: #ffffff;
    background-image: none;
    outline: 0 none;
}
div.ccOptionButtonGroupTabContainer {
    float:left;
}

div.ccOptionButtonGroupTabPane {
    border: 1px solid grey;
    display: inline-block;
}

div.cciToolbarDivider, div.cciToolbarDividerLight {
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
    width:1px;
    height:23px;
    vertical-align:middle
}
div.cciToolbarDivider {
    border-left: 1px solid #587D94;
}
div.cciToolbarDividerLight {
    border-left: 1px solid #000000;
}

div.cciToolbarSpacer {
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
    width:1px;
    height:23px;
    vertical-align:middle
}

a.cciImageButton, a.cciImageButton:link, a.cciImageButton:visited, a.cciImageButton:hover {
    margin-left:3px;
    margin-right:3px;
    padding:0 2px;
}

a.cciImageButton img {
    vertical-align: middle;
}

div.cciConfirmDialog {
    text-align:center;
}

div.cciConfirmDialog p {

}
div.ccExportPanel {
    padding: 6px;
}

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

div.fileTypeTag {
    display: inline-block;
    padding: 3px 6px;
    background: #003366;
    color: white;
    margin-right:3px;
}

div.cchMenuTag {
    display:inline-block;
    padding:0em 0.2em;
    background:#edf2f6;
    border:1px solid grey;
    border-radius:3px;
}

div.cchSmallNotice {
    margin-top:20px;
    font-style: italic;
    color: grey;
    font-size:8pt;
    padding:6px 6px;
    border: 1px grey solid;
    background:#FCFCF4;
    line-height:1.4;
}

div.cciMenuKey {
    float:right;
    font-size:8pt;
    color:#888888;
}

div.formOptionGroup {
    border:1px solid grey;
    background:#f8f8f8;
    padding:3px;
    margin-bottom:6px;
}

ul.ftConfSelUi, ul.ftConfAvailUi {
    list-style-type: none;
    margin: 0;
    padding: 6px 0 2.5em;
    float: left;
    margin-right: 10px;
    border: 1px solid grey;
    min-width: 160px;
    min-height: 2.5em;
}

ul.ftConfSelUi {
    background:#D3E6FF;
}

ul.ftConfAvailUi {
    background:#FCFCF9;
}

ul.ftConfSelUi li, ul.ftConfAvailUi li {
    margin: 0 5px 5px 5px;
    padding: 2px 4px;
    width:150px;
    background: #FFFFCC;
    border: solid 1px grey;
    border-radius:3px;
}

div.dialogTitle {
    font-size:12pt;
    background:#293BC4;
    color:#ffffff;
    padding: 6px;
    margin: -6px -6px 0px -6px;
}

div.dialogPageTitle {
    font-size:12pt;
    background:#385E93;
    color:#ffffff;
    padding: 6px;
    margin: -6px -6px 0px -6px;
}

.logSetForm input {
    width:70px;
    vertical-align:middle;
}

.logSetForm input[type='checkbox'], .logSetForm input[type='radio'] {
    width: auto;
}

.logSetForm input[type='checkbox'][disabled] + label, .logSetForm input[type='radio'][disabled] + label {
    color: grey;
}

.disabled label {
    color: grey;
}

.logSetForm label {
    vertical-align:middle;
}


.logSetLabelForm input {
    width:150px;
    vertical-align:middle;
}

.logSetLabelForm label {
    vertical-align:middle;
}

.manualFlightRow {
    color:#1D8726;
}

a.cciOpLeft {
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}

a.cciOpCentral {
    border-radius: 0px;
    border-left:0px;
}

a.cciOpRight {
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    border-left:0px;
}

div.plcMenu {
    margin-top: 3px;
    padding: 3px 0px;
}

.plcMenu div {
    display:inline-block;
    margin-left:3px;
    padding-left:3px;
    border-left:solid 1px #ffffff;
}

.plcMenu a {
    color:#ffffff;
    padding:2px 5px;
    text-decoration: none;
}

.plcMenu a:hover {
    color: #b9f0ff;
}
</pre></body></html>