/**
* LAYOUT
*/

html, body {
    height:100%;
}

#header {
    height:10%;
    width: auto !important;
    padding: 10px;
}

#tabPanel {
    height:25px;
    width: auto !important;
    width:100%;
}

#contentPanel {
    height: 100%;
    width: 100%;
}

#menuBar {
    clear: both;
    position:absolute;
    float:left;
    left: 0;
    /*top: 175px;*/
    width: 15%;
    box-sizing: border-box; /*This ensures the content shrinks and that the window does not grow in size*/
}

#mainBody {
    clear: both;
    float: left;
    position: relative;
    left: 15%;
    padding: 6px;
    width: 85%;
    box-sizing: border-box; /*This ensures the content shrinks and that the window does not grow in size*/
}

#footer, #push {
    clear: both;
    height:20px;
    width:100%;
}

/**
* STYLES
*/
.lm-grid .x-grid3-row {
    /*border-color:#FFFFFF #EDEDED #EDEDED;*/
    /*background-color:#FF0000;*/
}

.lm-grid .x-grid3-row-alt {
    background-color:#E5E5E5;
}

.grayLink{
    color: gray;
}

.grayLink a{
    color: gray;
}

.grayLink a:visited {
    color: gray;
}

.inactiveLink a{
    text-decoration: none;
    cursor:text
}

.inactiveLink a:visited {
    text-decoration: none;
    cursor:text
}

.activeLink a{
    color: green;
}

.activeLink a:visited{
    color: green;
}

.errorLink a{
    color: red;
}

.errorLink a:visited{
    color: red;
}

.warningLink a{
    color: orange;
}

.warningLink a:visited{
    color: orange;
}

.footerStyle {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: #9DC5EA repeat-x scroll 0 -989px;
    background-image: url(../images/hborder.png);
    border-color: #BBBBBB #BBBBBB -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    height: 60px;
    padding: 3px;
}

.customTable {
    width: 100%;
    border: solid 2px #AACDF4;
    border-collapse: collapse;
}

.pannel_border {
    width: 100%;
    border: solid 2px #AACDF4;
}

.customTable th{
    background: #9DC5EA repeat-x scroll 0 -989px;
    background-image: url(../images/hborder.png);
    border: solid 2px #AACDF4;
}

.customTable tr{
    border-bottom: solid 2px #AACDF4;
}

.tableHeaderGradient{
    font-size: 18px;
    text-align: center;
    background: #9DC5EA repeat-x scroll 0 -989px;
    background-image: url(../images/hborder.png);
}

.tableHeaderLeftGradient{
    font-size: 18px;
    background: #9DC5EA repeat-x scroll 0 -989px;
    background-image: url(../images/hborder.png);
}

.customTableCell {
    border: solid 2px #AACDF4;
}

.customTableRowBorder{
    border-top: 2px solid #92C1F0;
    border-left: 2px solid #92C1F0;
    border-right: 2px solid #92C1F0;
    border-bottom: 2px solid #92C1F0;
}

.boldLabel {
    font-weight: bold;
}

.quickButton {
    margin: 0;
    text-decoration: none;
    font-size: small;
    cursor: pointer;
    cursor: hand;
}

.quickButtonIamge {
    margin: 0;
    text-decoration: none;
    font-size: small;
    cursor: pointer;
    cursor: hand;
    background-color: #E2EDF8;
    padding: 10px;
    border: #A5C6E9 solid 2px;
}

.quickButton:active {
    border: 1px inset #ccc;
}
.quickButton:hover {
    border-color: #9cf #69e #69e #7af;
}
.quickButton[disabled] {
    cursor: default;
    color: #888;
}
.quickButton[disabled]:hover {
    border: 1px outset #ccc;
}

.error {
    color: #DD4444;
    display:block;
    padding: 8px;
    width:620px;
}

.errorBorderedTable {
    background: #000000;
    width:600px;
    /*background: red;*/

}
.errorBorderedTable td {
    background: white;
    color:red;
    padding-left:8px;
    padding-right:8px;
    width:600px;
}

.flowHeader{
    font-size: 18px;
    text-align: left;
}

.flowSubHeader{
    font-size: 14px;
    font-weight: bold;
}

.tableHeader{
    font-size: 18px;
    text-align: center;
}

.infoBorderedTable {
    background: #666666;  /*#C0C0C0;*/
    width:620px;
}
.infoBorderedTable td {
    background: white;
    color:#332A85; /* #0091b7;*/
    padding-left:3px;
    padding-right:3px;
}
.infoBorderedTable th {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    background-color: #332A85; /* #0097bf; */
    color: white;
    text-align: center;
    padding-left:3px;
    padding-right:3px;
    width:100px;
}

td.infoBorderedGoodTable {
    background-color: #eeeeff;
    color: black;
    font-size: 9px;
}
td.infoBorderedGoodDepositTable {
    background-color: #eeffee;
    color: black;
    font-size: 9px;
}

td.infoBorderedBadTable {
    background-color: #ffcccc;
    color: black;
    font-size: 9px;
}

td.infoBorderedNormalTable {
    background-color: white;
    color: grey;
    font-size: 9px;
}
td.printNormal{
    font-family: 'Courier New',Courier,monospace;
    font-size: 10px;
    background-color: white;
    color: black;
}
td.printNormalInverse{
    font-family: 'Courier New',Courier,monospace;
    font-size: 10px;
    background-color: black;
    color: white;
}


.headerBorderedTable {
    background: #0066cc; /*darker*/
    width:620px;
}
.headerBorderedTable td {
    background: white;
    color:#0066cc; /*darker*/
    padding-left:8px;
    padding-right:8px;
    width:100px;
}
.headerBorderedTable th {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    background-color: #0066cc;
    color: white;
    text-align: center;
    padding-left:8px;
    padding-right:8px;
    width:100px;
}
.headerBorderedTable2{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    background: #0066cc;
    color: white;
    text-align: center;
    padding-left:8px;
    padding-right:8px;
}

.info3BorderedTable {
    background: #666666;  /*#C0C0C0;*/
    width:620px;
}
.info3BorderedTable th {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    background-color: #332A85; /*#0097bf;*/
    color: white;
    text-align: center;
    padding-left:8px;
    padding-right:8px;
    width:100px;
}

.info4BorderedTable  {
    font-size: 10px;
    background: white;
    color:#332A85; /* #0097bf;       */
    padding-left:8px;
    padding-right:8px;
    /*    width:100px;*/
}

.info2BorderedTable {
    background: #666666;  /*#C0C0C0;*/
    width:620px;
}
.info2BorderedTable td {
    font-size: 10px;
    background: white;
    color:#332A85; /*#0097bf;       */
    padding-left:8px;
    padding-right:8px;
    /*    width:100px;*/
}
.info2BorderedTable th {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    background-color:#332A85; /*#0097bf;*/
    color: white;
    text-align: center;
    padding-left:8px;
    padding-right:8px;
    width:100px;
}

.userDetailTable {
    background:#332A85; /* #0097bf;   */
    width:620px;
}
.userDetailTable td {
    background:#332A85; /* #0097bf;   */
    color:#666666;
    padding-left:8px;
    padding-right:8px;
}

.treeTable {
    background:white;
    width:620px;
}
.treeTable td {
    background:#ccccff;
    color:#666666;
    padding-left:8px;
    padding-right:8px;
}
.treeTable tr {
    background:#f0e7e7;
}

.statusBorderedTable {
    background:#ff6666;
}
.statusBorderedTable td {
    background: white;
    color:#330000;
    padding-left:8px;
    padding-right:8px;
}
.statusBorderedTable tr {
    background: white;
    color:#330000;
    padding-left:8px;
    padding-right:8px;
}

.stepTable {
    background:#666666;
    width:620px;
}
.stepTable td {
    background: white;
    color:#cc0033;
    font-size:medium;
    padding-left:4px;
    padding-right:4px;
}

.step5Table {
    background:#666666;
    width:620px;
}

.step5Table td {
    background: white;
    color:cornflowerblue;
    font-size:large;
    padding-left:4px;
    padding-right:4px;
}

.adminList {
    background: #aaaaaa;
    border:1px;
    border:solid 0px #000000;
    border-top-width:1px;
}

.adminList td {
    background: white;
    cursor: pointer; cursor: hand;
    padding-left: 8px;
    border:solid 0px #000000;
    border-bottom-width:1px;
}

.subAdminList td {
    border-right-width:1px;
    border-left-width:1px;
    padding-right: 8px;
}

.adminList td.listEmpty {
    cursor: default;
}

.adminList a {
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
    border-bottom-width:1px;
}
.adminList a:hover {
    text-decoration: none;
    font-weight: bold;
}

.header
{
    font-weight: bold;
    background-color:#332A85;
    color: white;
    text-align: center;
    border: 1px white solid;
}
/* defaults */
body, p, td, div, form, input, textarea, select, option, button {
    font-family: Verdana;
    font-size: 11px;
    vertical-align: middle;
    color: black;
}

th
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    background-color:#332A85;
    color: white;
    text-align: center;
    /*    border: 1px white solid;*/
}
/*th
{
font-family: Verdana;
font-size: 11px;
font-weight: bold;
background-color:#332A85; /
color: white;
text-align: center;
border: 1px white solid;
}*/

a {
    color: gray;
    text-decoration: underline;
}

a:hover {
    color:#332A85; /*  #0097bf;     */
    text-decoration: none;
}

.pleaseWait {
    font-weight: bold;
    font-size: 14 px;
}

.gwt-PopupPanel {    
    background-color: #ffffff;
}

.errorWidget {
    background-color: #ffffff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ff0033;
}

/*
Style to display a facebook type error screen
*/
.table-center
{
    margin-left            :    auto;
    margin-right           :    auto;
}
.widget-popup-glass
{
    background-color       :    #000000;
    opacity                :    0.2;
    filter                 :    alpha(opacity=20);
    width                  :    100%;
    height                 :    100%;
}

.widget-PopUpPanel
{
    background-color       :    #fff;
    border                 :    3px solid #92C1F0;
}
.widget-PopUpPanel-header
{
    -moz-background-inline-policy:continuous;
    background:transparent url(images/hborder.png) repeat-x scroll 0 -989px;
    font-size:small;
    font-weight:bold;
    margin:0;
    padding-top: 3px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 3px;
    text-decoration:none;
    width: 100%;
    background: #9dc5ea url(../images/hborder.png) repeat-x scroll 0 -989px;
    border-top-color: #BBBBBB;
    border-bottom-color: #BBBBBB;
    border-left-color: #BBBBBB;
    border-right-color: #BBBBBB;
}

.rxf-glass
{
    background-color       :    #000000;
    opacity                :    0.7;
    width                  :    100%;
    height                 :    100%;
}
.error-PopUpPanel
{
    background-color       :    #ffc;
    border                 :    3px solid #009;
}


.error-Composite
{
    margin                 :    0 auto;
}
.error-PopUpPanel-header
{
    background-color       :    #ff0;
    font-size              :    90%;
    font-weight            :    bold;
    border-bottom          :    3px solid #009;
    padding                :    5px;
    text-align             :    center;
}
.error-PopUpPanel-message
{
    font-size              :    80%;
    padding                :    15px;
}
.error-PopUpPanel-footer
{
    padding                :    5px;
    text-align             :    center;
    width                  :    100%;
}
.error-PopUpPanel-button
{

}

.advanced-Grid {
    width                  :    100%;
    border-top-color: #BBBBBB;
    border-bottom-color: #BBBBBB;
    border-left-color: #BBBBBB;
    border-right-color: #BBBBBB;
    padding: 10px;
}

.advanced-Grid th{
    background: #9dc5ea url(../images/hborder.png) repeat-x scroll 0 -989px;
    border-top-color: #BBBBBB;
    border-bottom-color: #BBBBBB;
    border-left-color: #BBBBBB;
    border-right-color: #BBBBBB;
}

.advanced-Grid td{
    padding-left: 6px;
}

.widgetCaption{    
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}

.dashItemTable {
    background-color: white;
}
.dashFont {
    font-family: Calibri, Arial, sans-serif;
    font-size: 11px;
}
.dashItemDisclosure {
    background-color: #aacdf4;
    border: black groove 2px;
}
.dashItemTH {
    background-image: url(../images/table_gradient.gif);
    background-repeat: repeat-x;
    font-weight: bold;
}
.dashItemTotal {
    font-weight: bold;
}
.vTermHeading {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}

.widgetBorder {
    background-color: #d8e6f3;
    border:solid 2px #aacdf4;
}

.widgetBackground {
    background-color: #aacdf4;
}

.FlexTable-OddRow {
    background-color: #d8e6f3;
}

.FlexTable-OddRow-Child {
    background-color: #d8e6f3;
    opacity: 0.5;
}

.FlexTable-GoodRow {
    background-color: rgb(182, 215, 168);
}

.FlexTable-GoodRow-Child {
    background-color: rgba(182, 215, 168, 0.5);
}

.FlexTable-AmberRow {
    background-color: rgb(254, 242, 203);
}

.FlexTable-AmberRow-Child {
    background-color: rgba(254,242,203, 0.3);
}

.FlexTable-PartialRow {
    background-color: #ffe600;
    opacity: 0.75;
}

.FlexTable-PartialRow-Child {
    background-color: #ffe600;
    opacity: 0.5;
}

.FlexTable-BadRow {
    background-color: rgb(255, 204, 255);
}

.FlexTable-BadRow-Child {
    background-color: rgba(255, 204, 255, 0.5);
}

.FlexTable-EvenRow {
    background-color:  #ffffff;
}

.FlexTable-EvenRow-Child {
    background-color:  #ffffff;
    opacity: 0.5;
}

.gxtGrid-evenRow {
    background-color:#E5E5E5;
}

.SuccessMsgLable-label {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #000000;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    background-image: url('../images/messageicons/success.png');
    background-repeat: no-repeat;
    padding:4px 0px 4px 24px;
}
.ErrorMsgLable-label {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #000000;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    background-image: url('../images/messageicons/error.png');
    background-repeat: no-repeat;
    padding:4px 0px 4px 24px;
}
.WarningMsgLable-label {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #000000;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    background-image: url('../images/messageicons/warn.png');
    background-repeat: no-repeat;
    padding:4px 0px 4px 24px;
}
.InfoMsgLable-label {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #000000;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    background-image: url('../images/messageicons/info.png');
    background-repeat: no-repeat;
    padding:4px 0px 4px 24px;
}

.ErrorLable-label {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #FF0000;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
}

.WarningLable-label {
    font-family: Verdana;
    font-size: 12px;
    color: #ffbf00;
    font-style: normal;
    font-variant: normal;
}

.NormalLabel-label {
    font-family: Verdana;
    font-size: 11px;
    color: black;
}

.NormalInformationMessagePanel-panel {
    border:none;
}

.Error-ContentMessagePanel-panel {
    width:500px;
    padding:2px 2px 2px 2px;
    background-color:#FBEDED;
}

.Error-InformationMessagePanel-panel {
    font-size: 18px;
    font-weight: bold;
    width:500px;
    border-style:solid;
    border-width: 1px;
    border-color: #CE0F00;
}

.Warning-ContentMessagePanel-panel {
    width:500px;
    padding:2px 2px 2px 2px;
    background-color:#FEEFB3;
}

.Warning-InformationMessagePanel-panel {
    font-size: 18px;
    font-weight: bold;
    width:500px;
    border-style:solid;
    border-width: 1px;
    border-color: #9F6000;
}

.Info-ContentMessagePanel-panel {
    width:500px;
    padding:2px 2px 2px 2px;
    background-color: #BDE5F8;
}

.Info-InformationMessagePanel-panel {
    font-size: 18px;
    font-weight: bold;
    width:500px;
    border-style:solid;
    border-width: 1px;
    border-color: #00529B;
}

.Success-ContentMessagePanel-panel {
    width:500px;
    padding:2px 2px 2px 2px;
    background-color:#DDFBC1;
}

.Success-InformationMessagePanel-panel {
    font-size: 18px;
    font-weight: bold;
    width:500px;
    border-style:solid;
    border-width: 1px;
    border-color: #00cc00;
}
.align_right {
    text-align:right;
}

.gwt-KinetoTabPanelBottom {
    border-color: #92c1f0;
    border-style: solid;
    border-width: 3px 2px 2px;
    overflow: hidden;
    padding: 6px;
}

.kineto_currently_decimal_bottom {
    vertical-align:bottom;
}

.kineto_currency_units {
    width: 110px;
    text-align:right;
    padding-right: 2px;
}

.kineto_currency_cents {
    width: 25px;
}

.captionPannelPadding {
    padding: 10px;
}

.onhoverHand:hover {
    cursor: url;
}

.onhoverHandValue {
    cursor: url;
}

.padding_left_four {
    padding-left: 4px;
}

.dropDownInfoLabel {
    background-image: url('../images/messageicons/info.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
}