html, body {
  padding:0px;
  margin:0px;
  font-family: Helvetica;
  font-size: 13px;
  height:100%;
  background-color:#314C74;
  background-image: url("../img/belltower_bg.jpg");
  background-repeat: no-repeat;
  background-blend-mode: hard-light; /* screen */
}
.loginbox{
    margin-top:100px;
    margin-left:auto;
    margin-right:auto;
    width:265px;
    border-radius: 3px;
}

.dialog{
  padding: 15px 15px 15px 15px;
  background-color: #bea55a;
  font-size:1.1em;
}

.dialog input {
    width:100%;
}

.dialog h1 {
    font-size:1.1em;
}
.dialog select {
    width:100%;
    min-height:25px;
}
.dialog input[type=radio] {
    width:auto;
}
.loginbox img {
    margin-bottom:5px;
}

.formField {
    text-align:left;
    padding-bottom:5px;
}
.formField .textInput {
    height:25px;
    border:1px #AAA solid;
    margin:3px 0px 3px 0px;
    max-width: 260px;
    box-shadow:inset 0 0 4px #CCC;
    border-radius:3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:23px;
}
.formField .textInput:focus {
   -moz-box-shadow: 0 0 4px #FFDF26;
    -webkit-box-shadow: 0 0 4px #FFDF26;
    box-shadow: 0 0 4px #FFDF26;
}

.dialog button {
    margin:5px 5px 5px 5px;
    min-width:50px;
}

.message {
    background-color: #FFCDCD;
    border: 1px dashed #FD3A3A;
    color: red;
    text-shadow:none;
    padding:5px;
    text-align:left;
    margin: 5px 0px 5px 0px;
    display:none;
}

button {
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #BBBBBB 100%);
  background:-moz-linear-gradient(top, #DDD 0%,#BBB 100%);
    background:-webkit-linear-gradient(top, #DDD 0%,#BBB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#DDDDDD, endColorstr=#BBBBBB);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#DDDDDD, endColorstr=#BBBBBB)";
    border:1px #AAA solid;
    padding:3px 8px 3px 8px;
}

.logindiv{
  height:100%;
  width:100%;
  position:fixed;
  top:0px;
  left:0px; 
  z-index:1000;
  

}

.leftcolumn {
  width:250px;
  padding-top:5px;
  padding-bottom:70px;
  position:absolute;
  overflow-y:auto;
    left:0px;
    top: 30px;
    bottom:0px;
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 20%);
    background:-webkit-linear-gradient(top, white 0%,#EEE 20%);
    background:-moz-linear-gradient(top, white 0%,#EEE 20%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#EEEEEE);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#EEEEEE)";
}
.fakelink {
    text-decoration:underline;
    color:blue;
    cursor:default;
}

.tooltip {
    background-color: #FAF3BB;
    border: 1px dashed yellow;
    padding:5px;
    position:fixed;
    display:none;
}
#acctProjNavBlock {
    width:250px;
    overflow-y:auto;
    padding-top:5px;
    position:absolute;
    left:0px;
    top: 0px;
    bottom:70px;
    border-bottom:1px solid #AAA;
    box-shadow:0px 0px 10px #555;
}

.portalbar {
    width:100%;
    background-color:#DFE1E3;
    box-shadow:0px 0px 5px #333;
    position:absolute;
    top: 0px;
    height:30px;
    border-bottom: #405A80 1px solid;
    background-image: -ms-linear-gradient(top, #91A6C1 0%, #314C74 100%);
    background:-webkit-linear-gradient(top, #91A6C1 0%,#314C74 100%);
    background:-moz-linear-gradient(top, #91A6C1 0%,#314C74 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#91A6C1, endColorstr=#314C74);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#91A6C1, endColorstr=#314C74)";
    font-weight:bold;
    font-size:12px;
    color:#F4F4F4;
    text-shadow: #333333 1px 1px 0px;
}

.appZone ul li:hover {
    background-image: -ms-linear-gradient(top, #A3BBD8 0%, #597194 100%);
    background:-webkit-linear-gradient(top, #A3BBD8 0%,#597194 100%);
    background:-moz-linear-gradient(top, #A3BBD8 0%,#597194 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#A3BBD8, endColorstr=#597194);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#A3BBD8, endColorstr=#597194)";
}

.appZone ul li ul li:hover {
    background: none;
    filter:none;
}

.appZone ul li ul li a {
    font-weight:bold;
    font-size:12px;
    color:#333333;
    text-shadow: #EEEEEE 1px 1px 0px;
    text-decoration:underline;
}
.appZone ul li ul li span {
    font-weight:bold;
    font-size:12px;
    color:#333333;
    text-shadow: #EEEEEE 1px 1px 0px;
    text-decoration:underline;
}
.appZone{
  margin:0px 0px 0px 0px;
    padding:0px;
    height:100%;
}

.appZone ul {
    padding:0px;
    margin:0px;
    max-height:400px;
    overflow-y:auto;
    overflow-x:hidden;
}
.appZone ul li {
    display:inline-block;
    height:100%;
    line-height:30px;
    vertical-align:middle;
    cursor:default;
    padding-left:8px;
    padding-right:8px;
    border-right: #425C82 solid 1px;
    border-left: #425C82 solid 1px;
    margin-left:-1px;
}

.appZone ul li span {
    color:#F4F4F4;
    text-shadow: #333333 1px 1px 0px;
    text-decoration:underline;
}
.appZone ul li a {
    color:#F4F4F4;
    text-shadow: #333333 1px 1px 0px;
    text-decoration:underline;
}

div.submenu.rightmenu {
    padding-right:0px;
    right:0px;
}

.appZone ul li div {
  display:none;
    margin-left:-39px;
    margin-top:0px;
    padding:0px 30px 30px 30px;
    position:absolute;
}

.appZone ul li ul {
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 50%);
    background:-webkit-linear-gradient(top, white 0%,#EEE 50%);
    background:-moz-linear-gradient(top, white 0%,#EEE 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#EEEEEE);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#EEEEEE)";
    border: #AAAAAA solid 1px;
    border-top-width:1px;
    border-top-color:#425C82;
    box-shadow:0px 0px 10px #777;
}
.appZone ul li ul li {
    display:block;
    line-height:25px;
    border:none;
}

.content {
  min-width:1024px;
}

.rightcolumn {
  position:absolute;
  left:250px;
  top: 30px;
  bottom:0px;
  right:0px;
  overflow-x:auto;
  background-color:#fefefe;
  border-left: 1px solid #AAA;
  padding:10px;
  font-size: 18px;
}

.navnode {
  cursor:default;
}

.nn-header {
  padding-left:10px;
  padding-top:3px;
  padding-bottom:3px;
}

.nn-children {
  padding-left:10px;
}

.nn-header:hover {
  background-color:#D0D3D6;
}

.navnode h1 {
  font-weight:bold;
  font-size:13px;
  text-shadow: rgba(255, 255, 255, 0.796875) 1px 1px 0px;
  margin:0px;
  padding:0px;
  
}

.incomestatement h1 {
  font-size:17px;
  font-weight:bold;
  margin:2px 0px 2px 0px;
}

.accountDetails h1 {
  font-size:17px;
  font-weight:bold;
  margin:2px 0px 2px 0px;
}

.accountDetails table {
  width:100%;
}

.accountDetails h2 {
  font-size:15px;
  font-weight:normal;
  font-style:italic;
  display:inline;
  margin:2px 0px 2px 0px;
}

.accountDetails h3 {
  font-size:15px;
  font-weight:normal;
  font-style:italic;
  float:right;
  margin-right:0px;
  margin:0px 0px 2px 0px;
  padding-right:10px;
}

.bbstatement.bbs-number{
  text-align:right;
  min-width:100px;
}
.bbstatement.bbs-text{
  text-align:left;
  padding-right:10px;
}
.bbstatement.bbs-singleunder{
  border-bottom:1px solid black;
}
.bbstatement.bbs-doubleunder{
  border-bottom:3px double black;
}
.bbstatement.bbs-levelone{
  padding-left:10px;
}
.bbstatement.bbs-leveltwo{
  padding-left:20px;
}
.bbstatement.bbs-levelthree{
  padding-left:30px;
}
.bbstatement.bbs-levelfour{
  padding-left:40px;
}
.bbstatement.bbs-bold{
  font-weight:bold;
}

/* tables */
table.tablesorter {
  font-family:arial;
  background-color: #CDCDCD;
  margin:10px 0pt 0px;
  font-size: 10pt;
  width: 100%;
  text-align: left;
  border: 0px solid #FFF;
  border-spacing:1px;
}

table.tablesorter input[type="checkbox"] {
    margin: 1px;
}
table.tablesorter .highlight {
    background-color: #FAF3BB !important;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  background-color: #F5F5F5;
  border: 0px solid #FFF;
  font-size: 10pt;
  padding: 4px;
}
table.tablesorter thead tr .header {
  background-image: url(bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
table.tablesorter tbody td {
  color: #3D3D3D;
  padding: 4px;
  background-color: #FFF;
  vertical-align: top;
}
table.tablesorter tbody tr.odd td {
  background-color:#EFEFEF;
}
table.tablesorter thead tr .headerSortUp {
  background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
  background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #D6D6D6;
}

@media print {
  .leftcolumn 
  { 
    display: none; 
  }
  .portalbar {
    display:none;  
}
  .content{
    margin-top:0px;
  width:100%;
  font-size:11px;
  font-family:Times;
  }
  .rightcolumn {
    position:inherit;
    margin-left:0px;
  width:85%;;
  height:auto;
  border:none;
  }
  .accountDetails table{
    margin:0px;
    width:100%;
  }
  html, body {
    background:none;
    filter:none;
  }
}

/* ledger table styles */
TABLE.ledger TR:nth-child(even) {
    BACKGROUND-COLOR: #EFEFEF;
}

TABLE.ledger TR:nth-child(odd) {
    BACKGROUND-COLOR: #fefefe;
}

.ledger-red {
  color: #ff0000;
}

.ledger-green {
  color: #00cc00;
}