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

html {
  overflow: hidden;
}

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

table {
  background: #ffffff;
}

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

input,select {
  border: 1px solid #c0c0c0;
  /*background: #ffffff;*/
  padding-left: 2px;
}

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

a {
  text-decoration: underline;
  color: #3e53dd;
  border: 0px;
  padding-left: 0px;
}
a:visited {
  color: #3e53dd;
}
a:hover {
  color: #3e53dd;
}
a:active {
  color: #3e53dd;
}

#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: #000000;
}

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

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

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

#ButtonBar .Jump {
  border: 1px solid #c0c0c0;
  margin-top:2px;
  width: 30px;
  height: 18px;
}

#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 wrapper around the content of the page (not buttons & status) */

#Content {
  position:relative; /*required for avimage to 'float' on top of content*/
  width:100%;
}

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

#Results {
  border:1px solid #000000;
  overflow: hidden;
  /*width: 100%;*/
  /*box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;*/
  margin-bottom:7px;
}

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

#ResultsHeader {
  table-layout: fixed;
  background-color: #ffd8ad;
  border-bottom: 1px solid #ddbb99;
}

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

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

#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: #ffffff;
  height: 200px;
  border:0px;
  margin:0px;
  padding:0px;
}

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

#ResultsTable td {
	border-left:5px solid #ffffff;
  border-bottom:1px solid #eeeeee;
  border-right:1px solid #eeeeee;
  overflow:hidden;
  white-space: nowrap;
}

#ResultsTable .Active td {
  border-left:5px solid #efefef;
  border-bottom:1px solid #eeeeee;
  border-right:1px solid #eeeeee;
  background: #efefef;
}

#ResultsTable a {
  padding: 0px 3px 0px 0px;
}

#ResultsTable INPUT {
  border: 0px;
  padding: 0px;
  margin: 0px 0px 0px -3px;
  color: #3e53dd;
  text-decoration: underline;
  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;
  /*border: 1px solid green;*/
  background: #ffffff;
  height:190px;
}

#ResultsThumbs img {
  margin: 10px;
  border: 1px solid #d6d6d6;
  /*float: left;*/
}

#ResultsThumbs img.Active {
  border: 1px solid #000000;
}

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

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

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

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

#RecordTabs a.Active {
  border-bottom: none;
  padding-bottom: 3px;
}

/* three tabs */
#ViewTab {
  background: #adb9ff;
}

#SearchTab {
  background: #d1ddba;
}

#EditTab {
  background: #ffc5ad;
}

/* outer div with thin black border */
#RecordDetail {
  float: left;
  border-left: 1px solid black;
  border-top: 0px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  width:55em;
  clear:left;
  margin-right:7px;
}

/* inner div with scrollbar */
/* and colored line at top */
#RecordDetailScroll {
  float: left;
  overflow: scroll;
  overflow-x: hidden;
  background: #ffffff;
  height: 250px;
  width:100%;
}

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

#RecordDetail .Edit {
  border-top: 5px solid #ffc5ad;
	padding-top: 5px;
}

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

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

#EditTable {
  display:none;
}

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

#RecordDetailScroll td.TopLine {
  border-top:1px solid black;
	width:100%;
}

#RecordDetailScroll td.FullText{
  font-size: 12px;
  margin: 4px;
  padding: 4px;
  background: #efefef;
	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 { margin-top: 4px; width: 200px; background: #fff; }
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; }
.Search div.auto_complete ul li.selected { background-color: #d1ddba; }
.Edit div.auto_complete ul li.selected { background-color: #ffc5ad; }
div.auto_complete ul strong.highlight { color: #800; margin:0; padding:0; }

/* the image wrapper */
#RecordImage {
  text-align:center;
  overflow: hidden;
  height: 255px;
  margin-left:4px;
	padding: 0px;
  border:0px solid #dce4ed;
}
/****************************************************************************/
/*bottom of the page*/
.StatusBar {
  padding: 6px 0px 6px 0px;
  overflow:hidden;
  clear: both;
}


/****************************************************************************/
/*the page view*/
/* the image wrapper */
#avimage {
  text-align:center;
  overflow: auto;
  height: 100%;
  width: 100%;
  padding: 0px;
  display:none;
  z-index:4;
  position:absolute;
  background: #dce4ed;
  border:0px solid black;
}

/****************************************************************************/
/*bottom of the page*/
.StatusBar {
  padding: 6px 0px 6px 0px;
  overflow:hidden;
  clear: both;
}


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: #ffffff;
  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.Title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
  font-weight: bold;
  color: #898eb2;
  padding-right: 10px;
}
TD.TableBorder {
  background: #ffffff;
}
FONT.powered {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
}

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: #ffffff;
  padding-left: 2px;
}
INPUT.Checkbox {
  background: #ffffff;
  color: #1a2772;
  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: #efefef;
  color: #1a2772;
  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: #ffd8ab;
  color: #1a2772;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  height: 14px;
  width: 14px;
  margin: 0px;
  margin-right: 2px;
}