/****************************************************************************/
/*general, site wide stuff*/

html {
  overflow: hidden;
}

body {
  background: #222222;
  padding:7px;
  margin:0px;
}

table {
  background: #333333;
}

/* some css properties dont cascade properly, so force them here */
body,textarea,table,tr,td,th,p,div,input,select,a {
  color: #ffffff;
	background: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
}

input,select,textarea {
  border: 1px solid #666666;
  background: #333333;
  padding-left: 2px;
	color: #ffffff;
}

input.noBorder,select.noBorder,textarea.noBorder, {
  border: none;
}

a {
  text-decoration: underline;
  color: #aaaaaa;
  border: 0px;
  padding-left: 0px;
	background: transparent;
}
a:visited {
  color: #aaaaaa;
}
a:hover {
  color: #ffffff;
}
a:active {
  color: #ffffff;
	background: #333333;
}

#centered {
  position:absolute; top:50%; left:50%;
  margin-left:-30em; margin-top:-15.6em;
  border:1px solid #888; padding:0em;
}

.ImageBlue {
  background: #dce4ed;
}

.Clear {
  clear:both;
  height:1px;
  font-size:1px;
}

.Error {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
}

/****************************************************************************/
/* button area*/

.Button {
  margin: 0px 2px 0px 0px;
  padding: 0px;
  border: 0px;
  vertical-align: top;
  width: 22px;
  height: 22px;
  float: left;
}

#ButtonBar {
  position: absolute;
	display: none;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 7px;
  width: 100%;
}

#ButtonBar .Jump {
  border: 2px solid #666666;
  margin-top:2px;
  width: 30px;
  height: 15px;
}

#ButtonBar a {
  margin: 0px 2px 0px 0px;
  float: left;
}

#ButtonBar div {
  float: right;
  display:none;
}

#ButtonBar #ZoomWrapper {
  float: left;
  width:200px;
  height:10px;
  margin:4px;
	margin-left:12px;
  border:0px solid #777777;
}

/****************************************************************************/
/* the top half of the main page */

#Results {
  position: absolute;
	display: none;
  border:1px solid #000000;
  overflow: hidden;
  margin-bottom:70px solid #111111;
}

/*search results header*/
#ResultsHeaderWrapper {
  overflow: auto;
  overflow-x: hidden;
  width:100%;
  background: #ffffff;
  border:0px;
  margin:0px;
  padding:0px;
}

#ResultsHeader {
  table-layout: fixed;
  background: #111111;
  border-bottom: 1px solid #000000;
  border-right:3px solid #111111;
}

#ResultsHeader td {
  font-weight: normal;
  margin: 0px;
	border-left:3px solid #111111;
  border-right:1px solid #111111;
  border-bottom:0px solid #111111;
  overflow:hidden;
  white-space: nowrap;
	background: #111111;
}

#ResultsHeader td.Active {
	border-left:3px solid #333333;
  border-right:1px solid #333333;
  border-bottom:0px solid #333333;
  background: #444444;
}

#ResultsHeader INPUT {
  background: transparent;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

#ResultsHeader #ResultsHeaderCB{
  vertical-align:bottom;
  text-align:left;
  text-decoration: none;
  height:.9em;
  width:.9em;
  border: 0px;
  padding: 0px;
  margin: 0px;
  margin-left:2px;
}

/*search results content wrapper div*/
#ResultsScroll {
  overflow: auto;
  overflow-x: hidden;
  width:100%;
  background: #000000;
  height: 200px;
  border:0px;
  margin:0px;
  padding:0px;
}

/*search results content table*/
#ResultsTable {
  table-layout: fixed;
  background: #333333;
}

#ResultsTable td {
	border-left:3px solid #333333;
  border-bottom:1px solid #333333;
  border-right:1px solid #333333;
  height:11pt;
  overflow:hidden;
  white-space: nowrap;
}

#ResultsTable .Active td {
  border-left:3px solid #666666;
  border-bottom:0px solid #666666;
  border-right:1px solid #666666;
  height:11pt;
	white-space: nowrap;
  background: #666666;
}

#ResultsTable a {
  padding: 0px 3px 0px 0px;
  text-decoration: none;
}

#ResultsTable INPUT {
  border: 0px;
  padding: 0px;
  margin: 0px 3px 0px 0px;
  color: #aaaaaa;
  background: transparent;
  display: inline;
}

#ResultsTable INPUT.cb {
  border: 0px;
  padding: 0px;
  margin: 0px;
  height: .9em;
  width:.9em;
  vertical-align: bottom;
  text-decoration: none;
}

/*search results thumbnail view*/
#ResultsThumbs {
  margin: 0px;
  padding: 0px;
  overflow: scroll;
  overflow-x: hidden;
  display:none;
  background: #333333;
}

#ResultsThumbs img {
  margin: 10px;
  /*border: 1px solid #d6d6d6;*/
	width: 150px;
	height: auto;
	border-radius: 4px;
	box-shadow: 2px 2px #222222;
  /*float: left;*/
}

#ResultsThumbs img.Active {
	border-radius: 4px;
	border: 2px;
	box-shadow: 9px 9px #666666;
}

/* thin resize 'handle' with 'dots' image */
#ResizeHandle {
  text-align:center;
  height: 3px;
  padding: 3px 0px 0px 0px;
  border-top: 1px solid #222222;
	background: #222222;
}

#Record {
  position: absolute;
	display: none;
  /*border:1px solid green;*/
}


/****************************************************************************/
/*main page input table/medium image area*/

/* the bar for tabs for search/edit/view */
#RecordTabs {
  margin-bottom:-1px;
  padding:5px 3px 1px 3px;
	width:100%;
}

#RecordTabs a {
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 0px solid black;
  padding:4px 10px 2px 10px;
  margin:0px 4px 0px 2px;
  color: #aaaaaa;
  text-decoration: none;
  outline: none;
}

#RecordTabs a.Active {
  border-bottom: none;
  padding-bottom: 3px;
  padding-bottom: 2px;
	color: #eeeeee;
	font-weight: bold;
}

/* three tabs */
#ViewTab {
  background: #111111;
	color: #ffffff;
	font-weight: bold;
}

#SearchTab {
  background: #111111;
	color: #ffffff;
}

#EditTab {
  background: #111111;
	color: #ffffff;
}

#ReplaceTab {
  background: #111111;
	color: #ffffff;
}

/* outer div with thin black border */
#RecordDetail {
  border-left: 1px solid black;
  border-top: 0px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}
/* width:600px; */

/* inner div with scrollbar */
/* and colored line at top */
#RecordDetailScroll {
  position: relative;
	display: none;
  overflow: scroll;
  overflow-x: hidden;
  background: #333333;
}
/* width:600px; */

/* cannot apply these directly to scroll, or IE6 ignores them */
/* so we apply to parent+scroll's class */
#RecordDetail .Search {
  border-top: 5px solid #111111;
	padding-top: 5px;
}

#RecordDetail .Edit {
  border-top: 5px solid #111111;
	padding-top: 5px;
  white-space: nowrap;
}

#RecordDetail .Replace {
  border-top: 5px solid #111111;
	padding-top: 5px;
  white-space: nowrap;
}

#RecordDetail .View {
  border-top: 5px solid #111111;
	padding-top: 5px;
	width:100%;
}

#ViewTable {
  display:none;
	width:100%;
}

#EditTable {
  display:none;
}

#ReplaceTable {
  display:none;
}

/* common to all tables */
#RecordDetailScroll td {
  vertical-align:baseline;
  border-right:0px solid #efefef;
  border-bottom:0px solid #efefef;
  padding:0px;
}

#RecordDetailScroll td.TopLine {
  border-top:1px solid black;
	width:100%;
}
#RecordDetailScroll td.TopLineLeft {
  border-top:1px solid black;
	text-align:right;
	width:120px;
}

#RecordDetailScroll td.Detail_view_Treffer{
  font-size: 12px;
  border-top:1px solid black;
  margin: 4px;
  padding: 4px;
  background: #000000;
	width:2200px;
}

#RecordDetailScroll{
	width:100%;
}


#RecordDetailScroll span {
  padding-right:10px;
}

#RecordDetailScroll button {
  vertical-align: top;
  margin: 0px;
  padding: 0px;
}

#RecordDetailScroll .DetailHeader {
  font-weight:bold;
  text-align:right;
  padding-right:4px;
  padding-left:4px;
}

#RecordDetailScroll .DetailHeaderView {
  font-weight:bold;
  text-align:right;
  padding-right:4px;
  padding-left:4px;
	width:100%;
}

#RecordDetailScroll .DropDown {
  vertical-align: bottom;
  border:0px solid #888;
  padding:0px;
  width:14px;
  height:18px;
}

div.auto_complete { 
position: auto !important;
max-height: 0px;
z-index:1000;
overflow: visible;
top: 18px !important;
left: 0px !important;
margin-top: 0px; width: 200px; solid: #ffffff; background-color: #ffffff; }
div.auto_complete ul {border:1px solid #888; margin:0; padding:0; width:100%; list-style-type:none; }
div.auto_complete ul li { margin:0; padding:1px; background-color: #222222; }
.Search div.auto_complete ul li.selected { background-color: #333333; }
.Edit div.auto_complete ul li.selected { background-color: #333333; }
.Replace div.auto_complete ul li.selected { background-color: #333333; }
div.auto_complete ul strong.highlight { color: #800; margin:0; padding:0; }

/* the image wrapper */
#RecordImage {
  position: absolute;
	display: none;
  overflow: hidden;
	padding: 0px;
	margin: 0px;
  border:0px solid black;
}

#noteWrapper {
	position: absolute;
  /*border:1px solid green;*/
}

#StatusBar {
  position: absolute;
	display: none;
	margin: 0px;
  padding: 0px;
  overflow:hidden;
  clear: both;
}

#Printing {
  position: absolute;
	display: none;
	margin: 0px;
  padding: 0px;
  overflow:hidden;
  clear: both;
  text-align: right;
}


TD.symb {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-left: 0px;
  padding-right: 0px;
  background: #f7f7f7;
}
TD.Error {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ff5548;
}
TD.HeaderRight {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
  background: #ffd8ad;
  padding-left: 0px;
  padding-right: 0px;
  color: #1a2772;
  border-bottom: 1px solid #000000;
  height: 20px;
}
TD.Checkbox {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: right;
  background: #000000;
  padding-left: 0px;
  padding-right: 2px;
  color: #1a2772;
  height: 11px;
}
TD.CheckboxActive {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: right;
  background: #efefef;
  padding-left: 0px;
  padding-right: 2px;
  color: #1a2772;
  height: 11px;
}
TD.TableBorder {
  background: #333333;
}

INPUT.email {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  border-left: 1px solid #c0c0c0;
  border-top: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  background: #d7e1e9;
  height: 17px;
  padding-left: 2px;
}
INPUT.Link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: underline;
  color: #3e53dd;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  padding-left: 0px;
}
INPUT.LinkActive {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: underline;
  color: #3e53dd;
  background: #efefef;
  margin: 0px;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  padding-left: 0px;
}
INPUT.white {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  border-left: 1px solid #c0c0c0;
  border-top: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  background: #000000;
  padding-left: 2px;
}
INPUT.Checkbox {
  background: #333333;
  color: #aaaaaa;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  height: 14px;
  width: 14px;
  margin: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
INPUT.CheckboxActive {
  background: #333333;
  color: #ffffff;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  height: 14px;
  width: 14px;
  margin: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
INPUT.CheckboxHeader {
  background: #333333;
  color: #aaaaaa;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  height: 14px;
  width: 14px;
  margin: 0px;
  margin-right: 2px;
}

.mediaPlayer {
	position: absolute;
	overflow: hidden;
	max-width: 67%;
	padding-left: 20px;
}

video {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}