/* Basic CSS Setup */

* { margin: 0; padding: 0; }

html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0 auto;
  font-size: 62.5%;
  font-family: Arial, Geneva, Verdana, sans-serif;
  text-align: center;
  color: #111;
}

/* Link Definitions */

a,
a:visited {
  color: #3333cc;
  text-decoration: underline;
}

a:hover {
  color: #3333cc;
  text-decoration: underline;
}

img { border: 0px none; }

/* Cursor Options */

label,
a:focus {
  outline: none;
}

a,
a:visited,
td label,
table#ovwTable td {
  cursor: pointer;
  cursor: hand;
}
table#linbeg {
  width: auto;
}

div.buttons,
p.user {
  cursor: default;
}

td label:hover {
  text-decoration: underline;
  color: #e00053;
}


/* Hiding from Screen */

.hide,
hr,
td.ovwDetailsButton,
th.ovwDetailsButton {
	display: none;
}

/* Whopper */

div#whopper {
	position: relative;
	margin: 0 auto;
	width: 100%;
  text-align: center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* Table Display */

div.wrapper {
  clear: both;
  margin: 2em auto;
  padding: 0;
  width: auto;
}
table {
  font-size: 1.1em;
  line-height: 1.5em;
  text-align: left;
  margin: 0 auto;
  padding: 0;
  border: 0px none;
}
td .wrapper table {
  width: auto;
  margin: 0;
  padding: 0;
  font-size: 1em;
  border: 0px none;
}
td .wrapper table td {
  border: 0px none;
}
td .wrapper {
  width: auto;
  margin: 0 auto;
  padding: 0;
}
td .wrapper table th {
  border: 0px none;
}

table#ovwTable th {
  vertical-align: middle;
}


th {
  font-weight: bold;
  vertical-align: top;
  padding: 2px 5px;
  border-bottom: 2px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
td {
  padding: 2px 5px;
  border-bottom: 2px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

/* Plugin : Sortable */

th.header {
  padding: 4px 20px 4px 5px;
  cursor: pointer;
  cursor: hand;
}
th.headerSortUp,
th.headerSortDown {
  padding: 4px 5px 4px 20px;
  color: #000;
  background-repeat: no-repeat;
  background-position: center left;
}

th.headerSortUp {
  background-image: url(http://www.riege.com/track/images/sort_asc.gif);
}

th.headerSortDown {
  background-image: url(http://www.riege.com/track/images/sort_desc.gif);
}

/* Zebra & Sorting */

tr.over td { background-color: #d9d9d9; color: #000; }
tr.even {	background: #f1f1f1; }
tr.odd { background: #fff; }

/* Table Class > table_left */

.table_left {
  width: 770px;
}
.table_left th {
  width: 30%;
}

/* Table Class > table_top */

.table_top {
  width: 770px;
}
.table_top td {
  vertical-align: middle;
}

/* Paragraphs */

#content p {
  margin: 2em auto;
  padding-bottom: 1em;
  font-size: 1.1em;
}

#content p.user {
  color: #999;
  margin: 3em auto;
  font-size: 1em;
}

/* Form Elements */

div.buttons {
  clear: both;
  margin: 2em auto;
}

div.buttons input {
  font-size: 1.1em;
  margin: 0 0.25em;
  padding: 0 0.25em;
}

td label {
  padding-left: 1px;
  margin-right: 7px;
}

select,
input.data {
  margin: 0 1px;
  font-size: 1.1em;
}

td input.button {
  font-size: 1.1em;
}

/* Content */

#content {
  text-align: center;
  clear: both;
  padding: 0.25em 0;
  padding-bottom: 20px;
}

/* FOOTER */

div.clear {
  clear: both;
}

/* Menu */

#content ul.menu {
  margin: 2em 0;
  padding: 0;
  list-style-type: none;
}

#content ul.menu li {
  display: inline;
  margin: 0 0.25em;
  padding: 0;
  list-style-type: none;
}
#content ul.menu li a,
#content ul.menu li a:visited {
  padding: 2px 5px;
  text-decoration: none;
  border: 1px solid #ccc;
}

#content td p {
  text-align: center;
  font-size: 1em;
}

td a#pdf {
  padding: 2px 0 2px 22px;
  background: url(http://trackdemo.riege.com/images/pdf.gif) no-repeat center left;
}


/* TIME BAR
--------------------------------------------------------------------- */

#time_bar {
  margin: 1.2em auto;
  width: 585px;
  padding: 0 1px;
  height: 34px;
  background: #fff;
  border-color: #e5e5e5 #e5e5e5 #ccc #e5e5e5;
  border-style: solid;
  white-space: nowrap;
  border-width: 1px 1px 2px 1px;
}
#time_bar div {
  white-space: nowrap;
  float: left;
  width: 25%;
  height: 34px;
}
#time_bar div p {
  color: #999;
  background-color: #f2f2f2 ;
  margin: 2px 1px;
  padding: 0;
  font-size: 11px;
  font-weight: bold;
  line-height: 30px;
  height: 30px;
}
#time_bar div p.red,
#time_bar div p.blue,
#time_bar div p.green {
  color: #fff;
}
#time_bar div p.blue { background-color: #647CA0; }
#time_bar div p.red { background-color: #ce3d3d; }
#time_bar div p.green { background-color: #85CE3B; }

#content ul {
  clear: both;
  left: 0px;
  list-style-type: none;
  position: relative;
  margin: 1.5em 0;
  padding: 0;
}
#content li {
  font-size: 1.1em;
  line-height: 150%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#content li {
  margin: 0;
  padding: 0;
}

table#customizeColumns {
  white-space: nowrap;
}

/* REMOVE SOON */

#content h3 {
  display: none;
}

ul#softi {
  margin: 0;
  padding: 0;
}

#footer {
  width: 100%;
  position: absolute;
  bottom: 0 !important;
  left: 0px;
  height: 50px;
}

td span.sea,
td span.air {
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  width: 18px;
  height: 16px;
  font-size: 0px;
}
td span.sea { background-image: url(http://trackdemo.riege.com/images/sea_1.gif); }
td span.air { background-image: url(http://trackdemo.riege.com/images/air_1.gif); }

td.ovwDocuments span {
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  width: 16px;
  height: 16px;
  font-size: 0px;
}
/* td.ovwDocuments span.nodocs { background-image: url(http://trackdemo.riege.com/images/document_error.gif); } */
td.ovwDocuments span.havedocs { background-image: url(http://trackdemo.riege.com/images/document_ok.gif); }