a                   {color: #0A6EBD;
                      font-size: 8pt;
                      text-decoration: underline;
                      font-family: Roboto,Helvetica Neue,Arial,sans-serif;}
a.top               {font-size:       11px;}
a.top:hover         {font-size: 11px;
                      text-decoration: none;}

a:hover             {font-size: 8pt;
                      text-decoration: none;
                      font-family: Roboto,Helvetica Neue,Arial,sans-serif;}

td, input           {color: black;
                      font-size: 8pt;
                      font-family: Roboto,Helvetica Neue,Arial,sans-serif;}
.dark_text        {color: white;}
th                  {color: black;
                      background-color: #dcdcdc;
                      padding: 3px;
                      text-align: left;
                      font-size: 14px;
                      font-weight: bold;
                      font-family: Roboto,Helvetica Neue,Arial,sans-serif;}
div.centered{
	text-align: center;
}
table.padded-table td { padding:3px; }
.top_table{
	width: 1000px;
	margin-left:auto; 
	margin-right:auto;
	background-color: #ececec;
	border-width: thin;
	border-spacing: 0;
}
.tbl_outer          {background-color:     #39444D;
                      padding-left:         1px;
                      padding-right:        1px;
                      padding-top:          1px;
                      padding-bottom:       1px;}

.tbl_inner          {background-color:     #F4F0E9;}
.tbl_inner_new      {background-color:     #FDFFDF;}
tr.detail           {background-color:     #FFFFFF;}
td.header           {color:                #ffffff;
                      background-color:     #2196F3;
                      padding:              3px;}
td.page_header      {color:                #0A6EBD;
                      background-color:     #39444D;}
.page_header_text    {color:                #ffffff;
                      font-family:          Roboto,Helvetica Neue,Arial,sans-serif;
                      font-size:            14pt;
                      font-weight:          bold;}
td.pad              {padding:              5px;}
select              {font-family:          Roboto,Helvetica Neue,Arial,sans-serif;
                      font-size:            9pt;}
.unavail            {font-family:          Roboto,Helvetica Neue,Arial,sans-serif;
                      font-size:            9pt;
                      color:                #C0C0C0;}
.complete           {font-family:          Roboto,Helvetica Neue,Arial,sans-serif;
                      font-size:            9pt;
                      color:                #2196F3;}
.avail              {color: #0A6EBD;
                      font-size: 12px;
                      text-decoration: underline}
.units              {padding:              5px;
                      font-size:           11px;}
.units_desc         {padding:              10px;
                     font-size:            11px;}

.unitheader         {padding:              5px;
                      font-size:            11px;
                      font-weight:          bold;
                      color:                #00000f;
                      background-color:     #B9DDFB;}
.units_desc         {font-family:          Roboto,Helvetica Neue,Arial,sans-serif;
                      font-size:            8pt;
                      color:                #000000;
                      padding:              3px;}
.error_text         {font-family:          Roboto,Helvetica Neue,Arial,sans-serif;
                      font-size:            13pt;
                      text-align:           left;
                      color:                #FF0000;
                      padding:              3px;
                      font-variant:         small-caps;
                      font-weight:          bold;}
.req                {font-family:          Roboto,Helvetica Neue,Arial,sans-serif;
                      font-size:            9pt;
                      color:                #FF0000;
                      padding-left:         5px;
                      padding-right:        5px;
                      font-variant:         small-caps;
                      font-weight:          bold;
                      text-align:           right;}
.border_dark {
 background-color: #ececec;
 border: solid;
 border-color: #2196F3;
 border-width: thin;
}

.TableStyle
{
font-weight:normal;
font-style:normal;
font-size:80%;
text-align:left;
padding:5px;
}

.ColumnHeader
{
background-color:#E7EBEF;
color:#000000;
font-weight:bold;
font-style:italic;
font-size:100%;
text-align:left;
padding:5px;
}

.TableRow1
{
background-color:#f4f4f4;
color:#000000;
font-weight:normal;
font-style:normal;
font-size:100%;
text-align:left;
padding:5px;
}

.TableRow2
{
background-color:#fff;
color:#000000;
font-weight:normal;
font-style:normal;
font-size:100%;
text-align:left;
padding:5px;
}

.tooltip_trigger{
width: 20px;
height: 20px;
text-align: left;
align: left
}

.tooltipstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 61001;
background-color: #B9DDFB;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

.tooltiparrowstyle{
z-index: 61000;
position:absolute;
left: 0;
top: -500px;
visibility: hidden;
width: 16px;
height: 11px
}

.tooltiploadingstyle{
z-index: 61002;
font:normal 12px Verdana;
position:absolute;
left: 0;
top: 0px;
visibility: hidden;
width: 150px;
height: 16px
}

.syshidden{
visibility: hidden
}

.processing{ /* loading please wait appearance */
	position:absolute; padding: 15px 0 15px 0;
	margin-top:40px; width:200px; left:40%; 
	z-index:1000; font-size:14px; font-weight:bold;
	border:1px solid #666; background:#f4f4f4; 
	text-align:center; vertical-align:middle;
	visibility:hidden;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(../images/blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}

.textInput,textarea {
  background-color: #FFFFFF;
}

.inputHighlighted {
  background-color: #FFCE31;
}