:root
{
--primaryColor: #0071cc;
--secondaryColor: #0071cc;
--margin-left: 0;
--margin-right: 0;
--margin-top: 0;
--margin-bottom: 0;
}
body
{
font-family: arial,helvetica,sans-serif;
font-size: 11px;
margin: 0;
color: #000;
margin-left: var(--margin-left) !important;
margin-right: var(--margin-right) !important;
margin-top: var(--margin-top) !important;
margin-bottom: var(--margin-bottom) !important;
}
input
{
font-family: Arial, Verdana;
font-size: 12px;
}
input.button_left
{
float: left;
margin-right: 10px;
vertical-align: middle;
}
input.button_right
{
float: right;
margin-right: 10px;
}
input.textBox
{
font-size: 11px;
border: 1px solid #626262;
vertical-align: text-bottom;
height: 20px;
line-height: 19px;
padding-left: 2px;
}
input.textBox::-ms-clear
{
display: none;
}
input.readOnlyTextbox
{
font-size: 11px;
border: 1px solid #626262;
vertical-align: text-bottom;
height: 20px;
line-height: 19px;
background-color: #eeeeee;
padding-left: 2px;
}
textarea
{
font-family: Arial, Verdana;
font-size: 11px;
border: 1px solid #626262;
vertical-align: text-bottom;
}
textarea.readOnly
{
font-size: 11px;
border: 1px solid #626262;
vertical-align: text-bottom;
background-color: #eeeeee;
height: 17px;
}
#main
{
width: 99%;
margin-left: auto;
margin-right: auto;
}
#content
{
width: 99%;
margin-left: auto;
margin-right: auto;
}
div.disclaimer
{
margin: 40px 0 0 0;
}
div.disclaimer2
{
margin: 4px 0 0 0;
}
div.disclaimer p,div.disclaimer2 p
{
font-size: .9em;
line-height: 13px;
margin: 6px 0 0 0;
}
div.disclaimer ul,div.disclaimer2 ul
{
margin-top: 0;
margin-bottom: 0;
}
div.disclaimer li,div.disclaimer2 li
{
font-size: .9em;
line-height: 13px;
margin-top: 0;
margin-bottom: 0;
}
#footer
{
margin-top: 20px;
text-align: center;
clear: both;
border-top: solid 2px #ef4a42;
}
#footer p
{
font-size: 10px;
line-height: 12px;
color: #222222;
}
#footer p.first
{
margin-top: 0;
padding: 4px 0 6px 0;
border-top: solid 4px #000;
}
#footer a
{
padding: 0 1px;
}
#header
{
background-repeat: no-repeat;
background-position: right top;
}
#progressbar
{
background-image: url(images/redgrad.png);
background-repeat: repeat;
background-position: left top;
}
#divProgressBar
{
background-image: url(images/graygrad.png);
background-repeat: repeat;
background-position: left top;
width: 100%;
text-align: left;
border: solid 1px gray;
}
#LoggedInTemplate
{
text-align: right;
vertical-align: middle;
position: relative;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
top: 5px;
margin-right: 5px;
left: 0px;
}
#Navigation
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-position: left;
text-align: left;
}
#Navigation ul
{
list-style-position: inside;
list-style-type: none;
display: inline;
}
#Navigation li
{
list-style-type: none;
display: inline;
text-align: center;
padding-right: 10px;
padding-left: 10px;
background-color: #EBEAFF;
border: 1px solid #666666;
margin-right: 1px;
padding-top: 3px;
padding-bottom: 3px;
}
#Navigation li:hover
{
background-color: #FFFFFF;
cursor: pointer;
}
.Centered
{
margin-left: auto;
margin-right: auto;
}
.ReferenceBox
{
width: 212px;
border-right: solid 1px #444444;
border-left: solid 1px #444444;
border-bottom: solid 1px #444444;
border-top: solid 1px #444444;
}
.ReferenceBox input
{
width: 210px;
border-top: solid 0px;
border-left: solid 0px #444444;
border-right: solid 0px #444444;
border-bottom: dotted 1px #444444;
margin: 0px;
clear: both;
}
.ModalDialogBackgroundFilter
{
position: absolute;
left: auto;
right: auto;
vertical-align: bottom;
bottom: 0px;
width: 965px;
height: 1000px;
padding: 0;
margin: 0;
background-color: #000000;
filter: alpha(opacity=1);
opacity: 0.01;
z-index: 1000;
cursor: wait;
}
.ModalDialogWaitMessage
{
position: absolute;
bottom: 50%;
left: 45%;
padding: 25px;
z-index: 1001;
background-color: White;
border: solid 1px #000000;
text-align: left;
}
.ImageButton
{
cursor: pointer;
}
.RedBox
{
width: 498px;
height: 390px;
}
.rcbHeader ul,.rcbFooter ul,.rcbItem ul,.rcbHovered ul,.rcbDisabled ul
{
width: 100%;
display: inline-block;
display: inline-table;
margin: 0;
padding: 0;
list-style-type: none;
}
.rcbHeader ul:after,.rcbFooter ul:after,.rcbItem ul:after,.rcbHovered ul:after,.rcbDisabled ul:after
{
clear: both;
}
.col1,.col2,.col3
{
float: left;
width: 170px;
list-style-type: none;
display: inline;
}
.cboItem li
{
height: 17px;
}
.ReportsFilter
{
margin-top: 5px;
margin-bottom: 5px;
}
.dxgvControl
{
border: Solid 1px #6B798C;
}
.dxgvDataRowAlt
{
background-color: #F7F3F7;
}
.dxgvFilterRow
{
background-color: #FFFFFF;
}
.dxgvFilterRow table
{
border-collapse: separate;
border: Solid 1px #D6D3CE;
background-color: White;
}
.dxgvFilterRow td.dxgv
{
}
.dxgvSelectedRow
{
background-color: #FFE79C;
color: Black;
}
.dxgvFocusedRow
{
background-color: #FFE79C;
color: Black;
}
.dxgvEditFormDisplayRow td.dxgv,.dxgvDataRow td.dxgv,.dxgvDataRowAlt td.dxgv,.dxgvSelectedRow td.dxgv,.dxgvFocusedRow td.dxgv
{
overflow: hidden;
border-bottom: Solid 1px #EFEBEF;
border-right: Solid 1px #EFEBEF;
border-top: 0;
border-left: 0;
padding: 3px 6px 4px 6px;
text-align: left;
}
.dxgvHeader
{
font-size: 11px;
color: #FFFFFF;
background: #485979;
background: -moz-linear-gradient(top, #6a7c9d 0%, #485979 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a7c9d), color-stop(100%,#485979));
background: -webkit-linear-gradient(top, #6a7c9d 0%,#485979 100%);
background: -o-linear-gradient(top, #6a7c9d 0%,#485979 100%);
background: -ms-linear-gradient(top, #6a7c9d 0%,#485979 100%);
background: linear-gradient(top, #6a7c9d 0%,#485979 100%);
filter: progid;
}
.dxgvHeader,.dxgvHeader table
{
font-family: Arial, Tahoma, Verdana;
color: #FFFFFF;
font-size: 11px;
font-weight: normal;
}
table.tradeSummaryTable
{
margin-right: auto;
margin-left: auto;
border-collapse: collapse;
border: solid 1px #6B798C;
text-align: center;
width: 90%;
}
table.tradeSummaryTable tr
{
height: 23px;
}
table.tradeSummaryTable th
{
font-weight: normal;
color: #FFFFFF;
background: #485979;
background: -moz-linear-gradient(top, #6a7c9d 0%, #485979 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a7c9d), color-stop(100%,#485979));
background: -webkit-linear-gradient(top, #6a7c9d 0%,#485979 100%);
background: -o-linear-gradient(top, #6a7c9d 0%,#485979 100%);
background: -ms-linear-gradient(top, #6a7c9d 0%,#485979 100%);
background: linear-gradient(top, #6a7c9d 0%,#485979 100%);
filter: progid;
border-bottom: 1px solid #90979e;
}
table.tradeSummaryTable td
{
font-size: 11px;
}
table.tradeSummaryTable2
{
margin-right: auto;
margin-left: 0px;
border-collapse: collapse;
border: solid 1px #6B798C;
text-align: center;
width: 100%;
}
table.tradeSummaryTable2 tr
{
height: 23px;
}
table.tradeSummaryTable2 th
{
font-weight: normal;
color: #FFFFFF;
background: #485979;
background: -moz-linear-gradient(top, #6a7c9d 0%, #485979 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a7c9d), color-stop(100%,#485979));
background: -webkit-linear-gradient(top, #6a7c9d 0%,#485979 100%);
background: -o-linear-gradient(top, #6a7c9d 0%,#485979 100%);
background: -ms-linear-gradient(top, #6a7c9d 0%,#485979 100%);
background: linear-gradient(top, #6a7c9d 0%,#485979 100%);
filter: progid;
border-bottom: 1px solid #90979e;
}
table.tradeSummaryTable2 td
{
font-size: 11px;
}
#LoginScreen
{
width: 450px;
height: 400px;
margin: 0 auto;
}
#LoginScreen .LoginTable
{
border-width: 0px;
width: 200px;
margin-top: 175px;
vertical-align: middle;
}
#LoginScreen .LoginTable td
{
padding: 0px;
}
.footerArea
{
color: Gray;
width: 98%;
margin: 0px 0px 0px 0px;
font-size: 11px;
text-align: center;
font-weight: normal;
position: absolute;
bottom: 0;
}
.AccountActivityDates
{
margin-top: 15px;
}
.StaticColumn
{
background-color: #DFEEFF;
}
.secondary
{
color: var(--secondaryColor) !important;
font-weight: bold;
}