/*
 * paraglidingpic.com Base CSS
 */

body {
  font-family: Arial, Franklin Gothic Medium, Verdana, sans-serif;
  font: 0.9em "Arial";
  line-height: 1.0em;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  text-align: center;
}

table.main {
  width: 100%;
  margin: 2px 2px 2px 2px;
  text-align: center;
}

table.header, table.banner {
  width: 100%;
  margin: 2px 2px 2px 2px;
  text-align: center;
  white-space: nowrap;
}

td.headerTitle {
  width: 80%;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  padding: 5px 2px 0px 20px;
  font-size: 2.0em;
  font-weight: 700;
  line-height: 1.2em;
  vertical-align: top;
  text-align: left;
}

td.headerTitle a, td.headerTitle a:visited, td.headerTitle a:hover {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  font-size: 1.0em;
  font-weight: 700;
  line-height: 1.0em;
  text-decoration: none;
}

.headerBeta {
  color: #e8e8e8;                     /* very light grey */
  background: #ffffff;                /* white */
  font-size: 0.5em;
  font-weight: 700;
  line-height: 1.0em;
  vertical-align: top;
  text-align: left;
}

.headerText {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  font-size: 0.4em;
  font-weight: 400;
  line-height: 1.0em;
  vertical-align: top;
  text-align: left;
}

td.jumpoff {
  width: 20%;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  padding: 0px 20px 5px 2px;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.0em;
  text-align: right;
}

td.jumpoff a, td.jumpoff a:visited, td.jumpoff a:hover {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.1em;
  text-align: right;
  text-decoration: none;
}

td.jumpoff img {
  border: 0;
}

td.spacer {
  padding: 0px 20px 0px 20px;
  line-height: 0.05em;
  border-bottom: 1px solid #555555;
}

td.bannerDate {
  width: 20%;
  padding: 2px 0px 0px 20px;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  font-size: 0.9em;
  font-weight: 700;
  line-height: 1.2em;
  text-align: left;
}
span.bannerTZ {
  color: #e8e8e8;                     /* very light grey */
  background: #ffffff;                /* white */
  font-size: 0.9em;
  font-weight: 700;
  line-height: 1.0em;
  vertical-align: top;
  text-align: left;
}

td.bannerRight {
  width: 80%;
  padding: 2px 20px 0px 0px;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.2em;
  text-align: right;
}

tr.menu td {
  width: 100%;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  text-align: center;
  white-space: nowrap;
}

tr.menu a, tr.menu a:visited {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  padding: 2px 12px 0px 12px;
  font-size: 1.0em;
  font-weight: 700;
  line-height: 1.2em;
  text-decoration: none;
}

tr.menu a:hover {
  color: #c00000;                     /* red */
}

tr.menu img {
  border: 0;
}

td.ftrLeft {
  width: 35%;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  vertical-align: middle;
  text-align: left;
  white-space:nowrap;
}

td.ftrStatus {
  width: 30%;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  padding: 2px 20px 0px 20px;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.5em;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  white-space:nowrap;
}
span.ftrRedStatus {
  color: #ffffff;                     /* white     */
  background: #d70000;                /* Red       */
  font-weight: 700;
  border: 1px solid #555555;          /* dark grey */
}
span.ftrOrangeStatus {
  color: #ffffff;                     /* white     */
  background: #f79900;                /* Orange    */
  font-weight: 700;
  border: 1px solid #555555;          /* dark grey */
}
span.ftrYellowStatus {
  color: #ffffff;                     /* white     */
  background: #d6d600;                /* Yellow    */
  font-weight: 700;
  border: 1px solid #555555;          /* dark grey */
}
span.ftrGreyStatus {
  color: #ffffff;                     /* white       */
  background: #aaaaaa;                /* med grey    */
  font-weight: 700;
  border: 1px solid #555555;          /* dark grey   */
}
td.ftrStatus img {
  padding: 0px 0px 4px 0px;
  vertical-align: middle;
}

td.ftrRight {
  width: 35%;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  vertical-align: middle;
  text-align: right;
  white-space:nowrap;
}

td.ftrRight a, td.ftrRight a:visited, td.ftrRight a:hover {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  padding: 0px 20px 0px 0px;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: none;
}

td.ftrLeft a, td.ftrLeft a:visited, td.ftrLeft a:hover {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  padding: 0px 0px 0px 20px;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: none;
}


td.ftrLeft img, td.ftrRight img {
  border: 0;
}

.redWarning {
  color: #dd0000;                     /* dark red */
  background: #ffffff;                /* white */
  font-size: 1.0em;
  font-weight: 700;
  line-height: 1.5em;
  vertical-align: top;
  text-align: center;
}

.error, .admin {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  font-size: 0.8em;
  font-weight: 700;
  line-height: 1.5em;
  vertical-align: top;
  text-align: center;
}

.error a, .error a:visited, a.admin, a.admin:visited {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  font-size: 1.0em;
  font-weight: 700;
  line-height: 1.5em;
  text-decoration: none;
}

a.admin:hover {
  color: #c00000;                     /* red */
  text-decoration: underline;
}

.error img, .admin img {
  border: 0;
}

td.ppicTitle {
  padding: 0px 0px 5px 0px;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.2em;
  text-align: center;
}

td.ppicCredit {
  padding: 0px 0px 5px 0px;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.0em;
  text-align: center;
}

td.ppicDesc, td.ppicUrl {
  padding: 0px 20px 5px 20px;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.5em;
  text-align: center;
}

td.ppicUrl a, td.ppicUrl a:visited {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  font-size: 1.0em;
  font-weight: 700;
  line-height: 1.5em;
  text-decoration: none;
}
td.ppicUrl a:hover {
  color: #c00000;                     /* red */
  text-decoration: none;
}
td.ppicUrl img {
  border: 0;
}

td.ppicTomorrow {
  padding: 5px 0px 10px 0px;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.0em;
  text-align: center;
}

td.ppicImage {
  padding: 10px 2px 5px 2px;
  text-align: center;
}

td.ppicImage img {
  border: 1px solid #555555;          /* dark grey */
}

.uploadBrowse {
  width: 250px;
  margin: 5px 0px 1px 0px;
}

.uploadButton {
  margin: 5px 0px 1px 5px;
}

.uploadBox {
  float: left;
  border: 1px solid #555555;          /* dark grey */
  width: 250px;
  height: 1em;
  background: #eeeeee;                /* light grey */
}

.uploadBar {
  width: 0; 
  height: 100%;
  background: #aaaaaa;                /* medium grey */
}

.uploadSpeed {
  float: left;
  margin: 0px 0px 0px 5px;
  height: 1em;
  color: #555555;                     /* white */
  background: #ffffff;                /* white */
}

.uploadIFrame {
  border: 0; 
  height: 0; 
  width: 0; 
  padding: 0; 
  position: absolute; 
  visibility: hidden;
}

td.pageIntro {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  padding: 10px 20px 10px 20px;
  font-size: 1.0em;
  font-weight: 700;
  line-height: 1.3em;
  text-align: left;
}

td.pageText {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  padding: 5px 20px 20px 20px;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.3em;
  text-align: left;
}

td.submitEntry {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  padding: 12px 10px 5px 20px;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.2em;
  vertical-align: top;
  text-align: right;
  white-space: nowrap;
}

td.submitField {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  padding: 10px 20px 5px 10px;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.2em;
  vertical-align: top;
  text-align: left;
}

span.submitURL {
  font-family: Courier, sans-serif;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.2em;
}

span.submitWarning {
  color: #c00000;                     /* red */
  background: #ffffff;                /* white */
  font-weight: 700;
}

td.submitImageEntry {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  padding: 3px 10px 5px 20px;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.1em;
  vertical-align: top;
  text-align: right;
  white-space: nowrap;
}

td.submitImageField {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  padding: 0px 20px 0px 0px;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.2em;
  vertical-align: top;
  text-align: left;
}

span.submitImageComplete {
  color: #00CC00;                     /* green */
  background: #ffffff;                /* white */
  padding: 0px 10px 0px 10px;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  line-height: 1.2em;
  vertical-align: top;
  text-align: left;
}

a.submitLink, a.submitLink:visited, a.faqLink, a.faqLink:visited {
  border: 0;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  font-weight: 700;
  text-decoration: none;
}
a.submitLink:hover, a.faqLink:hover {
  color: #c00000;                     /* red */
  text-decoration: none;
}
a.submitLink img, a.faqLink img {
  border: 0;
  vertical-align: middle;
}

table.subFAQ {
  margin: 0px 10px 10px 10px;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.0em;
  text-align: left;
  border: 1px solid #555555;
  border-collapse: collapse;
}

td.subFAQ1 {
  width: 55%;
  padding: 10px;
  line-height: 1.2em;
  vertical-align: middle;
  text-align: left;
  border: 1px solid #555555;
}

td.subFAQ2 {
  width: 40%;
  padding: 10px;
  line-height: 1.2em;
  vertical-align: middle;
  text-align: right;
  border: 1px solid #555555;
}

.submitFAQ li {
  line-height: 1.2em;
  text-align: left;
}
td.subFAQsummary {
  padding: 10px;
  line-height: 1.2em;
  vertical-align: middle;
  text-align: left;
  border: 1px solid #555555;
}


td.faqQ {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  padding: 5px 10px 10px 20px;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.3em;
  vertical-align: top;
  text-align: right;
  white-space: nowrap;
}

td.faqA {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  padding: 5px 20px 10px 10px;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.3em;
  vertical-align: top;
  text-align: left;
}

td.gadgetLink {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  padding: 5px 10px 10px 20px;
  line-height: 1.3em;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
}

td.gadgetLink a, td.gadgetLink a:visited, td.gadgetLink a:hover {
  border: 0;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  font-size: 0.9em;
  font-weight: 700;
  line-height: 1.0em;
  vertical-align: middle;
  text-align: right;
  text-decoration: none;
}

td.gadgetLink img {
  border: 0;
  vertical-align: middle;
}

td.gadgetDesc {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  padding: 5px 20px 10px 10px;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.3em;
  text-align: left;
}

td.gadgetDesc a, td.gadgetDesc a:visited {
  border: 0;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  font-size: 1.0em;
  font-weight: 700;
  line-height: 1.3em;
  text-decoration: none;
}
td.gadgetDesc a:hover {
  color: #c00000;                     /* red */
  text-decoration: none;
}
td.gadgetDesc img {
  border: 0;
  vertical-align: middle;
}

table.adminAuth {
  border-collapse: collapse;
  border: 1px solid #555555;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.0em;
  text-align: left;
}

tr.adminAuthTitle {
  padding: 2px;
  border: 1px solid #555555;
  font-weight: 700;
  line-height: 1.5em;
}

table.adminAuth tr {
  line-height: 1.5em;
}

table.adminAuth td {
  padding: 2px;
  border: 1px solid #555555;
  line-height: 1.5em;
}

table.adminAuth img {
  border: 0;
}

table.adminAuth a, table.adminAuth a:visited {
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  margin: 2px;
  font-size: 1.0em;
  font-weight: 700;
  line-height: 1.1em;
  text-align: left;
  text-decoration: none;
}

table.adminAuth a:hover {
  color: #c00000;                     /* red */
  text-decoration: underline;
}

img.adminAuth {
  border: 0;
}

.calendar {
  border-collapse: collapse;
  border: 1px solid #555555;
  color: #555555;                     /* dark grey */
  background: #ffffff;                /* white */
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.0em;
  text-align: center;
}

tr.calendarMonth {
  height: 20px;
  padding: 2px;
  color: #555555;                     /* dark grey */
  background: #cccccc;                /* medium grey */
  border: 1px solid #555555;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.5em;
  vertical-align: bottom;
}

td.calendarNextPrevMonth {
  font-size: 0.8em;
}

tr.calendarMonth a, tr.calendarMonth a:visited, tr.calendarMonth a:hover {
  color: #555555;                     /* dark grey */
  background: #cccccc;                /* medium grey */
  text-decoration: none;
}

tr.calendarMonth img {
  border: 0;
}

td.calendarWeek {
  padding: 2px;
  color: #555555;                     /* dark grey */
  background: #cccccc;                /* medium grey */
  border: 1px solid #555555;
  font-weight: 700;
  line-height: 1.0em;
}

td.calendarDay {
  width: 120px;
  height: 105px;
  color: #555555;                     /* dark grey */
  background: #dddddd;                /* light grey */
  font-size: 1.0em;
  font-weight: 700;
  line-height: 1.2em;
  text-align: center;
  vertical-align: bottom;
  white-space: nowrap;
  border: 1px solid #555555;
}

td.calendarDay img {
  border: 1px solid #555555;
  color: #555555;                     /* dark grey */
  background: #dddddd;                /* light grey */
}

td.calendarDay a, td.calendarDay a:visited, td.calendarDay a:hover {
  color: #ffffff;                     /* white */
  background: #dddddd;                /* light grey */
  text-decoration: none;
}

a:focus, a:hover, a:active {
  outline: none;
}

.dotdot {
  text-decoration: none;
}