.debug{
background:#DDDDDD none repeat scroll 0 0;
border:1px solid #BBBBBB;
color:#444444;
font-family:Courier-new,Verdana,Arial,Sans-Serif;
font-size:8pt;
height:30em;
letter-spacing:0;
line-height:100%;
margin:2px;
overflow:scroll;
padding:2px;
text-align:left;
text-decoration:none;
vertical-align:top;
white-space:normal;
width:99%;
}

.external-link {
background:#efefef none repeat scroll 0 0;
border-top:2px solid #000000;
border-bottom:2px solid #000000;
color:#404040;
float:right;
font-family:Verdana,Tahoma,Courier,Courier-new,Verdana,Arial,Sans-Serif;
font-size:10pt;
font-weight:normal;
height:20em;
letter-spacing:0;
line-height:180%;
margin:20px 20% 0 0;
overflow:auto;
padding:80px 20px 60px 20px;
text-align:center;
text-decoration:none;
vertical-align:middle;
white-space:normal;
width:60%;
}
.external-link a{

color:#883900;

}

.success-note {
background:#eeeeee none repeat scroll 0 0;
border-top:2px solid #000000;
border-bottom:2px solid #000000;
color:#808080;
float:right;
font-family:Verdana,Tahoma,Courier,Courier-new,Verdana,Arial,Sans-Serif;
font-size:8pt;
font-weight:normal;
height:20em;
letter-spacing:0;
line-height:180%;
margin:20px 20% 0 0;
overflow:auto;
padding:80px 20px 60px 20px;
text-align:left;
text-decoration:none;
vertical-align:middle;
white-space:normal;
width:60%;
}

div.data-entry-fixed-height{
display:block;
font-face:courier new, tahoma;
font-size:10pt;
font-weight:normal; 
padding:2 4 2 4;
text-align:left;
line-height:120%;
clear:right;
margin:0px;
height:200px;
overflow-y:scroll;
overflow-x:scroll;
}


div.data-entry{
display:block;
font-face:courier new, tahoma;
font-size:10pt;
font-weight:normal; 
padding:2 4 2 4;
text-align:right;
line-height:200%;
margin:4px 20px 2px 10px;
clear:right;
}

div.data-entry-section{
margin:2px;
border:2px solid #808080;
}

div.data-entry-section h2{
width:100%;
text-align:center;
white-space:nowrap;
background:#808080;
color:#ffffff;
font-face:tahoma;
font-size:14px;
margin:0;
padding: 4px 0px 6px 0px;
}

div.data-entry-section p{
text-align:justify;
white-space:normal;
background:#ffffff;
color:#808080;
font-family:arial;
font-size:10px;
padding:0px 4px 6px 4px;
line-height:120%;
}

div.data-entry-section table.listing td {
background:#ffffff;
color:#404040;
font-family:arial;
font-size:10px;
padding:0px 4px 2px 4px;
line-height:200%;
vertical-align:top;
text-align:left;
font-family:courier new, fixed;
font-weight:normal;
}

div.data-entry .user-input {
display:inline;
float:right;
font-family:courier new, tahoma;
font-size:8pt; 
text-align:left;
font-weight:normal;
background:#eeeeee;
border:1px solid #808080;
color:#110000;
cursor:text;
margin-left:20px;
margin-bottom:20px;
width: 50%;
}

.user-input-inline {
display:inline;
float:leftt;
font-family:courier new, tahoma;
font-size:8pt; 
text-align:left;
font-weight:normal;
background:#eeeeee;
border:1px solid #808080;
color:#110000;
cursor:text;
margin-left:2px;
margin-bottom:2px;
}

div.data-entry-rhs{
float:left;
width:62%;
}

div.data-entry-lhs-container {
width:37%;
float:left;
font-family:courier new, fixed;
font-size:10px;
font-weight:bold;
color:#000000;
line-height:120%;
}

div.data-entry-lhs{
color:#FFFFFF;
font-family:arial;
font-size:11px;
font-weight:bold;
line-height:150%;
white-space:nowrap;
text-align:left;
display:block;
background:#408080;
overflow-x:scroll;
overflow-y:scroll;
padding-left:4px;
height:400px;
line-height:150%;
}

div.data-entry-lhs h2{
font-size:10pt;
font-weight:bold;
color:#ffffff;
font-family:arial-narrow;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:140%;
padding:4 4 1 2;
text-align:left;
}

.formError{
font-size:10pt;
background:#F08080;
font-family:tahoma, sans-serif;
font-weight:bold;
font-variant:none;
text-decoration:none;
text-align:left;
vertical-align:middle;
border:1px solid #FF0000;
padding:0.4em;
margin:10px;
color:#FFFFFF;
clear:right;
}

.formMessage{
font-size:10pt;
background:#80bb80;
font-family:tahoma, sans-serif;
font-weight:bold;
font-variant:none;
text-decoration:none;
text-align:left;
vertical-align:middle;
border:1px solid #00dd00;
padding:0.4em;
margin:10px;
color:#FFFFFF;
clear:both;
}

.showElement {
  display:block;
}
td.showElement, tr.showElement {
  display:table-cell;
}
.hideElement {
  display:none;
}

.floatPicRight{
float:right;
margin-right:2px;
}

.floatPicLeft{
float:left;
margin-right:4px;
}

.form-button{
font-size:8pt;
background:#aaaaaa;
font-family:tahoma, sans-serif;
font-weight:normal;
font-variant:none;
text-decoration:none;
text-align:center;
vertical-align:middle;
border:1px solid #000000;
padding:2px;
margin:2px 2px 2px 2px;
color:#000000;
}

.form-button:hover{
background:#aa0000;
border:1px solid #000000;
padding:2px;
margin:3px 1px 1px 3px;
color:#ffffff;
}

.width-selection{
padding:2px;
border:1px dashed #808080;
text-align:center;
}

.backdrop {
  background-color:#000;
  display:block;
  filter:alpha(opacity=85);
  height:100%;
  left:0%;
  opacity:.85;
  position:fixed;
  top:0%;
  width:100%;
  z-index:1001;
}

.popup {
  background-color:#fff;
  display:block;
  left:25%;
  min-height:200px;
  overflow:auto;
  position:fixed;
  top:25%;
  width:50%;
  z-index:1002;
}

.showElement {
  display:block;
}
.hideElement {
  display:none;
}

.textInputHint {
color: #aaaaaa;
font: 60% Arial, Verdana, Sans-Serif;
font-weight: normal;
line-height: 90%;
letter-spacing: 0;
background: #ffffff;
border: 0px solid #202040;
font-variant: normal;
vertical-align: middle;
text-align: right;
}

.textInput {
color: #808080;
font: 70% Arial, Verdana, Sans-Serif;
font-weight: normal;
line-height: 100%;
letter-spacing: 0;
background: #efefef;
border-top: 1px solid #202040;
border-left: 1px solid #202040;
border-right: 1px solid #404080;
border-bottom: 1px solid #404080;
padding: 2px 4px 2px 4px;
font-variant: normal;
vertical-align: middle;
margin: 2px;
}

.textDisabled {
color: #808080;
font: 70% Arial, Verdana, Sans-Serif;
font-weight: normal;
line-height: 100%;
letter-spacing: 0;
background: #efefef;
border-top: 1px solid #202040;
border-left: 1px solid #202040;
border-right: 1px solid #404080;
border-bottom: 1px solid #404080;
padding: 2px 4px 2px 4px;
font-variant: normal;
vertical-align: middle;
margin: 2px;
}


.textInput:hover {
background: #ffffff;
color: #800000;
}

.textInputKey {
color: #404040;
font: 80% Verdana, Arial, Sans-Serif;
font-weight: normal;
line-height: 100%;
letter-spacing: 0;
background: ffffff;
border: 0px solid #ffffff;
padding: 2px;
padding-right: 10px;
font-variant: normal;
vertical-align: middle;
}

div .key{
float: left;
text-align: right;
width: 45%;
}

div .val{
float: right;
text-align: left;
width: 45%;
}

.listing {
width:90%;
font-size: 9pt;
font-family:helvetica;
}

table .listing td {
border-bottom: 1px solid #aaaabb;
padding: 2px 4px;
}

.listing-odd {
background: #bbbbdd;
font-size: 12px;
}
.listing-even {
background: #efefef;
font-size: 12px;
}