/*
 * Global.
 */

body
{
  font-family: "Lucida Grande", "Myriad Pro", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin: 0px;
}

body.popup
{
  margin: 5px;
}

/* Allow wrapping of AFTN etc responses, mainly for small screens */
pre
{
  overflow-x: auto;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

a
{
  text-decoration: none;
  color: #006699;
}

a:hover
{
  text-decoration: none;
  color: #0033FF;
}

h1,h2,h3
{
  color: #666666;
}

h1
{
  font-size: 14pt;
}

h2
{
  font-size: 12pt;
}

h3
{
  font-size: 10pt;
  color: #000000;
}

h1 .subtitle
{
  font-size: 10pt;
}

h1 .help
{
  font-size: 9pt;
  font-weight: normal;
}

h1.subtitled .help
{
  padding-left: 20px;
}

input[type=submit]
{
  background: #1daae2;
  color: #ffffff;
  border: 1px solid #1daae2;
  padding: 3px 10px; 
  margin: 0px;
  font-weight: bold;
}
input[type=submit]:hover:not(:disabled)
{
  background: #ffffff;
  color: #1daae2;
}
input[type=submit]:disabled
{
  background: #8399a2;
  color: #aaaaaa;
}

input[type=reset]
{
  background: #ffffff;
  color: #000000;
  font-weight: bold;
  border: 1px solid #000000;
  padding: 2px 9px; 
}
input[type=reset]:hover
{
  background: #000000;
  color: #ffffff;
}

input[type=button][value=Clear]
{
  background: #ffffff;
  color: #000000;
  font-weight: bold;
  border: 1px solid #000000;
  padding: 3px 10px; 
}
input[type=button][value=Clear]:hover
{
  background: #000000;
  color: #ffffff;
}

input[type=button][value=Cancel],
input[type=button][value=Back]
{
  background: #413d3b;
  color: #ffffff;
  font-weight: bold;
  border: 1px solid #413d3b;
  padding: 3px 10px; 
}
input[type=button][value=Cancel]:hover,
input[type=button][value=Back]:hover
{
  background: #ffffff;
  color: #413d3b;
}

input[type=submit][name=Favourite_Load]
{
  background: #1daae2;
  color: #ffffff;
  border: 1px solid #1daae2;
  font-weight: bold;
  padding-right: 10px;
}
input[type=submit][name=Favourite_Load]:hover
{
  background: #ffffff;
  color: #1daae2;
}

input[type=submit][name=Favourite_Save]
{
  background: #1daae2;
  color: #ffffff;
  border: 1px solid #1daae2;
  font-weight: bold;
  padding-right: 10px;
}
input[type=submit][name=Favourite_Save]:hover
{
  background: #ffffff;
  color: #1daae2;
}

input[type=submit][name=Favourite_Delete]
{
  background: #413d3b;
  color: #ffffff;
  border: 1px solid #413d3b;
  font-weight: bold;
  padding-right: 10px;
}
input[type=submit][name=Favourite_Delete]:hover
{
  background: #ffffff;
  color: #413d3b;
}

input:read-only:not(type=submit),
textarea:read-only
{
  background-color: #bbbbbb;
}


/*
 * Home.
 */


#home-headline
{
  background: #009ee3;
  color: white;
  padding: 5px;
}

#home-headline h1
{
  margin-top: 0;
  color: white;
  font-size: 14pt;
}

#home-headline a
{
  color: white;
}

#home-headline a:hover
{
  color: #0033FF;
}

#home-noticeboard
{
  background: #009ee3;
  color: white;
  padding: 5px;
}

#home-noticeboard ul
{
  margin: 0 5px;
  padding-left: 1em;
}

#home-noticeboard h1
{
  margin-top: 0;
  color: white;
  font-size: 14pt;
}

#home-noticeboard a
{
  color: white;
}

#home-noticeboard a:hover
{
  color: #0033FF;
}


/*
 * Menus.
 */

#nav
{
  width: 630px;
  margin-left: auto;
  margin-right: auto;
  background: #172945;
}

#navlogo
{
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
}

#menu
{
  width: 630px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
}

#sddm
{
  height: 55px;
  float: left;
  margin: 0 0 0 10px;
  padding: 0;
  font-family: "SourceSansPro",Arial,sans-serif;
  font-weight: 100;
}

#sddm li
{
  list-style: none;
  float: left;
  height: 100%;
}
#sddm li:hover
{
  background: #009ee3;
}

#sddm li a
{
  display: block;
  color: #fff;
  padding: 20px 9px 5px 9px;
  text-decoration: none
}

#sddm div
{
  position: absolute;
  visibility: hidden;
  top: 55px;
  margin: 0;
  width: 160px;
  padding: 0;
  z-index: 100;
  background: #0089c5;
}

#sddm div a
{
  padding: 5px;
  text-align: left;
  color: #fff;
  border: 1px solid #0089c5;
}
#sddm div a:hover
{
  color: #0089c5;
  background: #fff;
  border-color: #1daae2;
}


/*
 * Breadcrumbs.
 */

#breadcrumbs
{
  position: relative;
  width: 630px;
  font-size: 9pt;
  color: #333333;
  padding-bottom: 2px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

#breadcrumbs a
{
  color: #3b3b3b;
  border-bottom: 1px solid #009ee3;
  border-color: #CCC;
}

#breadcrumbs .separator
{
  margin: 0 3px 0 5px;
}


/*
 * Content.
 */

#contentContainer
{
  width: 630px;
  margin-left: auto;
  margin-right: auto;
}

#contentContainer.wide
{
  width: 100% !important;
}


/*
 * Footer.
 */

#footer-container
{
  width: 630px;
  margin: 50px auto 5px auto;
  background: #3b3b3b;
}

#footer
{
  display: flex;
  justify-content: space-around;
  text-align: center;
  width: 610px;
  padding: 10px;
  font-family: "SourceSansPro",Arial,sans-serif;
  font-weight: 100;
}

#footer a
{
  color: #fff;
  margin: 0 10px;
}
#footer a:hover
{
  border-bottom: 1px solid #fff;
}


/*
 * Location picker.
 */

div.locationPicker 
{
  font-family: "Lucida Grande", "Myriad Pro", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  background-color: #efefef;
  padding: 2px;
  border: 1px solid;
  width: 300px;
  margin-top: 2px;
  margin-left: -2px;
  overflow: hidden;
  box-shadow: 3px 3px 4px #c0c0c0;
  -moz-box-shadow: 3px 3px 4px #c0c0c0;
  -webkit-box-shadow: 3px 3px 4px #c0c0c0;
  /* For IE 8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c0c0c0')";
}

div.locationPicker input[type=checkbox]
{
  margin-left: 10px;
}

div.locationPicker input[type=text]
{
  width: 165px;
  margin-right: 5px;
}

div.locationPicker input[type=button][value=Search]
{
  background: #1daae2;
  color: #ffffff;
  font-weight: bold;
  border: 0px;
  padding: 3px 10px; 
  margin: 0px;
}

div.locationPicker .results
{
  position: relative;
  max-height: 250px;
  overflow: auto;
  margin: 3px 0px 2px;
}

div.locationPicker .results tr
{
  cursor: pointer;
}

div.locationPicker .error
{
  color: #ff0000;
}


/*
 * TMS
 */

.tmsday td.am { background-color: #e0e0e0; text-align: center; }
.tmsday td.pm { background-color: #addaff; text-align: center; }
.tmsday td.now { background-color: #b7e89f; text-align: center; }
.tmsday td.reserved { background-color: #b2b2b2; text-align: center; }
.tmsday td.closed { background-color: #dddddd; text-align: center; }
.tmsday td.booked { text-align: center; }
.tmsday td.available { text-align: center; }
.tmsday td.shortterm { background-color: #efffff; text-align: center; }

.tmsday td.active { background-color: #b7e89f !important; }

/* All activities */
.tmsday td.tmsActivity { text-align: center; }

/*
 * Activities ("tmsActivity" + sanitised activity name).
 * "Cal Flight" and Survey are for VFR Special Flight operations.
 */
.tmsday td.tmsActivityArrival { }
.tmsday td.tmsActivityCalFlight { border-left: 10px solid #20b8f0; border-right: 10px solid #20b8f0; }
.tmsday td.tmsActivityDeparture { }
.tmsday td.tmsActivityFlightTest, td.tmsActivity180-DayCheck { color: #ff0000; background-color: #aaeeff; }
.tmsday td.tmsActivityFlightTest a, td.tmsActivity180-DayCheck a { color: #ff0000; }
.tmsday td.tmsActivityFlightTest a:active, td.tmsActivity180-DayCheck a:active { color: #0000ff; }
.tmsday td.tmsActivitySurvey { border-left: 10px solid #d000d0; border-right: 10px solid #d000d0; }
.tmsday td.tmsActivityTraining { }
.tmsday td.tmsActivityTraining a { color: #0000ff; }
.tmsday td.tmsActivityTraining a:active { color: #ff0000; }

/* Circuit Types ("tmsCircuit" + sanitised circuit type) */
.tmsday td.tmsCircuitDual { border-right: 10px solid #00b050; }
.tmsday td.tmsCircuitSolo10-Hours { border-right: 10px solid #ff0000; }
.tmsday td.tmsCircuitSolo10Hours { border-right: 10px solid #ffc000; }
.tmsday td.tmsCircuitVariants { border-left: 10px solid black; }