body {
    font-family:  "Gill Sans","Myriad Pro", "Helvetica Neue",Helvetica,Arial;
    
    /**
    background: -webkit-gradient(linear,left bottom,left top,
        color-stop(0, rgb(80,80,80)),
        color-stop(1, rgb(40,40,40))
    );
    background: -moz-linear-gradient(center bottom,
        rgb(80,80,80) 0%,
        rgb(40,40,40) 100%
    ); 
    
    **/
    background: url("/img/background/bg.png");
    background-repeat: repeat-x;
       
}

html {
 background: #fff;
}

#header {
padding-top: 37px;
}
.wrapper {

 background: url("/img/background/bottom.png");
 padding-bottom: 83px;
 background-position: bottom center;
 background-repeat: repeat-x;


}

a {
    color: #193663;
    text-decoration: none;
}

#content a:hover {
    color: #193663;
    text-decoration: underline;
}

ul li {
    list-style: none;

}

#header h1 {
    padding: 5px 0 0 0;
    font-family: "Gill Sans","Helvetica Neue", Helvetica, Arial;
    font-weight: bold;
    letter-spacing: -0.5px;
    font-size: 36px;
    text-shadow: #c2c2c2 0px 0px 2px;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
    color: #fff;
}

h1 {
width: 300px;
float:left;
}



#content {
    margin: 0 0 0 0;
    padding-bottom: 20px;
    background: #ffffff;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    min-height: 400px; 
    float: left;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}

th.name {
    width: 150px;    
}

th.amount {
    width: 80px;    
}

th.date {
    width: 80px;    
}

th.description {
    width: 100px;    
}

th.category {
    width: 110px;    
}

th.util {
    width: 150px;    
}

table input[type="text"] {
}

#topMenu {
padding-top: 50px;    

}

#topMenu a {
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0; 
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin-right: 5px;
}

#topMenu a.selected {
    background-color: #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    color: black;
}


.transTable thead th {
    background:url("/img/alert-overlay.png") repeat-x scroll 0 0 #c3c3c3;
    
    -moz-box-shadow: rgba(0, 0 , 0 , 0.5) 0px 0px 1px;
}

.awesome{
    -moz-border-radius:5px 5px 5px 5px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-border-radius:5px 5px 5px 5px;
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    background:url("/img/alert-overlay.png") repeat-x scroll 0 0 #222222;
    border-bottom:1px solid rgba(0, 0, 0, 0.25);
    color:#FFFFFF;
    cursor:pointer;
    display:inline-block;
    padding:5px 10px 6px;
    position:relative;
    text-decoration:none;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}

    input.awesome {
        border: none;
    
    }

    /* Sizes ---------- */
    .small.awesome {
        font-size: 11px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .medium.awesome {
        font-size: 13px;
    }
    .large.awesome {
        font-size: 14px;
        padding: 8px 14px 9px;
    }
 
    /* Colors ---------- */
    .blue.awesome {
        background-color: #2daebf;
    }
    .red.awesome {
        background-color: #e33100;
    }
    .magenta.awesome {
        background-color: #a9014b;
    }
    .orange.awesome {
        background-color: #ff5c00;
    }
    .yellow.awesome {
        background-color: #ffb515;
    }
    
    .green.awesome {
        background-color: green;
    }
    
    .pink.awesome {
        background-color: pink;
    }
    
    
    /* Trans table */
    
    .transTable td {
        font-family: "Myriad Pro";
        -text-shadow: 1px 1px white;
    }
    
    .c1 {
        color: red;
    }
    
    .transTable tbody tr.editTE {
        background: url("/img/elements/table/editrow.png") repeat-x scroll bottom left #c2c2c2;
    
    }

    
    .transTable tbody tr{
            background: url("/img/elements/table/oddrow.png") repeat-x scroll bottom left #fff;
            border-bottom: 1px solid #c2c2c2;
    }

    .transTable thead {
        background: url("/img/elements/table/thead.png") repeat-x scroll bottom left #c2c2c2;
        }
    
    .transTable .offColor {
            background: url("/img/elements/table/evenrow.png") repeat-x scroll bottom left #f0eeee;
    }
    
    .transTable tfoot {
                background: url("/img/elements/table/tfoot.png") repeat-x scroll bottom left #c2c2c2;
    }
    
    .transTable {
    -moz-box-shadow: rgba(0, 0 , 0 , 0.5) 0px 0px 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: rgba(0, 0 , 0 , 0.5)  0px 0px 3px;
    -webkit-border-radius: 3px; 
    }
    
    .transTable input{
        width: 75px;
        height: 10px;
        margin-bottom: 5px;
    }
    
    .transTable td{
        padding: 4px;
    
    }
    
    #transaktioner {
        width: 835px;
        height: 80px;
        font-size: 10px;
        -moz-box-shadow: 1px 1px 3px #c2c2c2;
        margin-top: 10px;
    }
    
    #message {
        float:left;
        -moz-box-shadow: 1px 1px 3px #c2c2c2;
        color: black;
        font-family: "Marker Felt";
        max-width: 207px;
    }
    
    .notice {
        background: -webkit-gradient(linear,left bottom,left top,
            color-stop(0, #eeeb1b),
            color-stop(1, #fffe9f)
        );
        background: -moz-linear-gradient(center bottom,
            #eeeb1b 0%,
            #fffe9f 100%
        );
        
        border: 1px solid #ffd200;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    
    .error {
        background: -webkit-gradient(linear,left bottom,left top,
            color-stop(0, #c54154),
            color-stop(1, #fca3b0)
        );
        background: -moz-linear-gradient(center bottom,
            #c54154 0%,
            #fca3b0 100%
        );
        
        border: 1px solid #cc2222;
                
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    
    .success {
        background: -webkit-gradient(linear,left bottom,left top,
            color-stop(0, #54c541),
            color-stop(1, #b1fca4)
        );
        background: -moz-linear-gradient(center bottom,
            #54c541 0%,
            #b1fca4 100%
        );
        
        border: 1px solid #6bbb30;
                
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

.inputTable tr td{
      background: url("/img/elements/table/evenrow.png") repeat-x scroll bottom left #fff;
      border-bottom: 1px solid #c2c2c2;
      height: 25px;
     
} 

form dd p {
    color: red;
}

 

.inputTable input[type=text] {
    border: none;
    background: transparent;   
}

.inputTable .income input[type=text] {
    border: none;
    background: transparent;
    color: green;   
}

.inputTable.sortableTable input[type=text] {
    border: none;
    background: white;   
}

.nameInput {
    width: 150px;
}

.dateInput {
    width: 80px;
}

.descInput {
    width: 100px;
}

.amountInput {
    width: 80px;
}

.addInput {
    margin-right: 10px;
}

deleteInput {
    margin-right: 10px;

}



.inputTable {
    border: 1px solid #c2c2c2;
    -moz-border-radius: 5px;
    background: #c2c2c2;
 }




.inputTable thead th {
    background: url("/img/elements/table/thead.png") repeat-x scroll bottom left #c2c2c2;
    height: 35px;
    padding: 0 10px;
}

.inputTable thead tr:nth-child(2) th {
    background: url("/img/elements/table/thead.png") repeat-x scroll bottom left #c2c2c2;
    height: 20px;
    padding: 0 10px;
}




.inputTable thead th.sorted-asc {
    background: url("/img/elements/table/thead.png") repeat-x scroll bottom left #c2c2c2;
    height: 35px;
    padding: 0 10px;
}

.inputTable tbody td {
        padding: 0 0 0 10px;
}


/*
  .transTable thead {
       }
  
  .transTable .offColor {
          background: url("/img/elements/table/evenrow.png") repeat-x scroll bottom left #f0eeee;
  }
  
  .transTable tfoot {
              background: url("/img/elements/table/tfoot.png") repeat-x scroll bottom left #c2c2c2;
  }
  
  .transTable {
  -moz-box-shadow: rgba(0, 0 , 0 , 0.5) 0px 0px 3px;
  -moz-border-radius: 3px;
  -webkit-box-shadow: rgba(0, 0 , 0 , 0.5)  0px 0px 3px;
  -webkit-border-radius: 3px; 
  }

*/

#container {
    float: left;
    width: 100%;
}

#tableContainer {
    padding-right: 20px;
    width: 650px;
    float: left;
}
.reports {
    float:left;
    width: 220px;
    background: url("/img/elements/table/thinhead.png") repeat-x scroll top left #fff;
    -moz-border-radius: 5px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    padding: 40px 5px 5px 5px;
    margin-right: 20px;
    margin-top: 20px;
    
}




.reports table {
    clear: left;
    float: left;
    padding: 10px;
    background: url("/img/alert-overlay.png") repeat-x scroll 0 0 #2DAEBF;
    margin: 0 0 10px 0;
    -moz-border-radius: 2px;
    border: 1px solid : #c2c2c2;
    -moz-box-shadow: rgba(0, 0 , 0 , 0.5) 0px 0px 1px;
}

.reports div {
    clear: both;
}

.reports div span.category {
    font-weight: bold;
    min-width: 110px;
    float: left;
    cursor: pointer;
}

.reports div span.totalCategory {
    font-weight: bold;
    min-width: 110px;
    float: left;
}


.reports div span.num {
    width: 65px;
    float: left;
}
#reports div span.total {
    float: left;
}



#reports ul {
    list-style-type: none;
    float: left;
}

#reports ul li {
}

ul li span.name {
    float: left;
    font-size: 11px;
    width: 110px;
    height: 15px;
    overflow: hidden;    
}
ul li span.date, ul li span.num {
    float: left;
    font-size: 11px;
    width: 65px;    
}


ul li span.amount {
    float: left;
    font-size: 11px;
    font-weight: bold;    
}


#graph {
    margin-top: 20px;
    float: left;
}



.loginBox {
padding: 20px;
background: url("/img/elements/grad200.png") #ffffff repeat-x bottom left;

-moz-box-shadow: 0px 1px 3px #c2c2c2;
-moz-border-radius: 5px;
border: 1px solid #c2c2c2;

}

.loginBox input {
    float: left;
    margin: 0 0 5px 0;
}

.loginBox label {
    float: left;
    width: 110px;
    clear: left;

}

.loginBox .button {
    float:left;
    clear: left;
    margin: 0 0 0 110px;
}

.loginBox a {
    color: black;
    text-decoration: none;
    font-weight: bold;
}

h1 a {
    color: #fff;
    text-decoration: none;
}

h1 a:hover {
    color: #fff;
}

ul.submenu {
    margin-top: -20px;
}

ul.submenu li {
    float: left;
    list-style: none;
}

ul.submenu li a.awesome{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

.right-column {
    border-left: 3px solid #c2c2c2;
    padding: 0 0 0 20px;
    min-height: 300px;
}

.right-column .awesome {
    width: 100%;
    margin-bottom: 5px;
}


#actionArea {
    margin: 20px 0 0 0;
}

.sub {
    height: 50px;
    background: url("/img/elements/topBG.png") repeat-x scroll 0 0 #FFFFFF;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}

.sub a {
    color: #35537c;
    text-decoration: none;
    font-family: "Gill Sans", verdana, Monaco;
    font-size: 14px;
    line-height: 30px;
    margin-right: 30px;
    margin-top: 2px;
    display: block;
    float: left;    
}

.sub a:hover {
    color: #000;
}



.sub a.selected {
    color: #000;
    background: url("/img/elements/subLeft.png") no-repeat top left;
    height: 26px;
}

.sub a span {
margin-left: 8px;
padding-right: 8px;
display: block;
text-shadow: 0 1px white;
}

.sub a.selected span {
    background: url("/img/elements/subRight.png") no-repeat top right;
    height: 26px;
    display: block;
    margin-left: 8px;
    padding-right: 8px;
}

.headlineLink {
    margin-right: 30px;
    color: #35537C;
    text-decoration: none;
}


.ColumnStyle_row {
display: none;
}

.ag_p {
display: none;
}


.sub a.user {
    float: right;
    margin-right: 10px;
}

.sub .loggedInUser {
    float: right;
    margin-right: 20px;
    font-size: 14px;
    padding-top: 6px;
    margin-left: 20px; 
}

.inputTable .c0 {
    width: 180px;
    text-align: left;
}

.inputTable .c1 {
    width: 70px;
    text-align: left;
}

.inputTable .c2 {
    width: 120px;
    text-align: left;
}

.inputTable .c3 {
    width: 80px;
    text-align: left;
}

.inputTable .c4 {
    width: 120px;
    text-align: left;
}

#ajaxSpinner {
    float: right;
    margin-top: 5px;
    display: none;
}


ul.reportPeriod, ul.reportCat {
    list-style: none;
}

ul.reportPeriod li, ul.reportCat li {
    float: left;
    margin-right: 10px;
}


.hasDatepicker {
    width: 80px;
}

.rightMenu {
    border: 1px solid #c2c2c2;
    -moz-border-radius: 5px;
}


.rightMenu li.header{
    background: url("/img/elements/table/thead.png") repeat-x scroll bottom left #c2c2c2;
    height: 40px;
    -moz-border-radius: 5px 5px 0 0;
    padding: 12px 0px 0px 10px;
    font-size: 20px;
    font-family: "Myriad Pro";
    font-weight: normal;
    color: black;
    text-shadow: #fff 0px 1px 0px;
    
}

.rightMenu a {
    background: url("/img/elements/table/evenrow.png") repeat-x scroll bottom left #f0eeee;
    display: block;
    color: black;
    text-decoration: none;
    font-size: 14px;
    padding: 5px;
}

.rightMenu a.selected {
    background: url("/img/elements/table/darkerrow.png") repeat-x scroll bottom left #cfcccc;
    font-weight: bold;
}

.reportArea .header {
    background: url("/img/elements/table/thead.png") repeat-x scroll bottom left #c2c2c2;
    height: 50px;
    -moz-border-radius: 5px 5px 0 0;
    padding: 0 5px;
}



.reportArea .header ul li{
    float:left;
    border-right: 1px solid #c2c2c2;
    height: 50px;
}

.reportArea .header ul li.selected {
    background: url("/img/elements/table/evenrow.png") repeat-x scroll left bottom #F0EEEE;
    height: 49px;

}

.reportArea .header ul li a img{
    padding: 4px 15px 4px 15px;
}

.reportArea .header ul li a span{
    padding: 5px 15px 5px 15px;
    color: black;
    line-height: 50px;
    font-size: 14px;
}

.reportArea .header ul li a {
    text-decoration: none;
}

.reportArea .header h2 {
    padding: 12px 0px 0px 10px;
    width: 110px;
    font-size: 20px;
    font-family: "Myriad Pro";
    font-weight: normal;
    color: black;
    text-shadow: #fff 0px 1px 0px;
}


.reportArea .content {
    padding: 10px;
}

.reportArea {
    -moz-border-radius: 5px;
    border: 1px solid #c2c2c2;
}

.rotatedLabel {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

table.tooltip .name {
    padding: 0 5px;
}

table.tooltip .date {
    padding: 0 5px;
}

table.tooltip .amount {
    color: red;
    padding: 0 5px;
}

table.tooltip .sum {
    font-weight: bold;
    padding: 0 5px;
}

#tooltip h5 {
    padding: 0 5px;
    font-size: 16px;
    text-color: 0 1px 0 #FFFFFF;
    opacity: 1;
    font-weight: normal;
    font-family: "Myriad pro";
}

#tooltip {
    -moz-box-shadow: rgba(0, 0 , 0 , 0.7) 0px 0px 5px;
    background: url("/img/elements/graywhitegrad.png") #ffffff repeat-x top left;
}


.grayBox {
    -moz-box-shadow: rgba(0, 0 , 0 , 0.7) 0px 0px 5px;
}

.grayBox h4 {
    background: url("/img/elements/topBG.png") repeat-x scroll 0 0 #FFFFFF;
    height: 21px;
    padding: 5px 10px;
}

#kategorier span {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}


   div.box {
        border: 1px solid #c6c6c6;
        -moz-border-radius: 5px;
        -moz-box-shadow: 1px 1px 0px rgba(1,1,1,0.1);
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
    
    div.box .headline {
        font-size: 14px;
        padding: 7px 0 6px 10px;
        font-weight: bold;
        background: url("/img/elements/topBG.png") #ffffff repeat-x bottom left;
        -moz-border-radius: 5px 5px 0 0 ;
        border-bottom: none;
        text-shadow: 1px 1px 0 white;
        }
    
    div.box .content {
        padding: 5px;
    }
    
    div.box .headline .toggler {
        float: right;
        padding: 0;
        margin-right: 10px;
        cursor:pointer;
        background: url("/img/icons/toggler.png");
        background-position: 0px 0;
        background-repeat: no-repeat;
        width:18px;
        height: 20px;
        display: block;
   }
   
   div.box .headline .toggler.mini {
        background-position: -18px 0;
   }
   
   table.zebra .toggler {
        float: right;
        padding: 0;
        margin-right: 10px;
        cursor:pointer;
        background: url("/img/icons/toggler.png");
        background-position: 0px 0;
        background-repeat: no-repeat;
        width:18px;
        height: 20px;
        display: block;
   }
   
   table.zebra .toggler.mini {
           background-position: -18px 0;
      }
   
   
   
   table.innerTable {
    padding:0;
   }
   
   table.zebra table.innerTable tr:nth-child(even) td {
       background-image: none;
       background-color: #f1efef;
    }
    
    table.zebra table.innerTable tr:nth-child(odd) td {
           background-image: none;
           background-color: white;
        }
    
    
    div.box .headline ul {
        float: right;
        margin-right: 10px;
        margin-top: 3px;
    }
    
    div.box .headline ul li.selected, div.box .headline ul li:hover {
        float: left;
        margin-left: 10px;
        background: url("/img/elements/subLeftSmall.png") no-repeat scroll left top transparent;
        height: 16px;
    }
    
    div.box .headline ul li {
        float: left;
        margin-left: 10px;
        height: 16px;        
    }

div.box .headline ul li a {
    margin-left: 8px;
    padding-right: 8px;
    height: 16px;
    display: block;
    color: #35537C;
    text-decoration: none;
    font-size: 12px;
}
    
    div.box .headline ul li.selected a, div.box .headline ul li a:hover {
        background: url("/img/elements/subRightSmall.png") no-repeat scroll right top transparent;
        margin-left: 8px;
        padding-right: 8px;
        height: 16px;
        display: block;
        color: black;
        text-decoration: none;
        font-size: 12px;
    }
    
    div.menuDiv {
        border: 1px solid #c6c6c6;
        -moz-border-radius: 5px;
        -moz-box-shadow: 1px 1px 0px rgba(1,1,1,0.1);    
    }
    
    div.menuDiv div.headline{
        font-size: 14px;
        padding: 7px 0 6px 10px;
        font-weight: bold;
        background: url("/img/elements/topBG.png") #ffffff repeat-x bottom left;
        -moz-border-radius: 5px 5px 0 0 ;
        border-bottom: none;
        text-shadow: 1px 1px 0 white;
        
    }

    div.menuDiv ul{
        
    }
    
    div.menuDiv ul li {
        background: url("/img/elements/table/evenrow.png") repeat-x scroll left bottom #F0EEEE;
    }
    
    div.menuDiv ul li.selected {
        background: url("/img/elements/table/darkerrow.png") repeat-x scroll left bottom #CFCCCC;
    }
    
    div.menuDiv ul li.selected a {
        font-weight: bold;
    }
    
    div.menuDiv ul li a {
        color: black;
        text-decoration: none;
        padding: 5px;
        display: block;
    }
    
    table.zebra thead tr th {
            background: url("/img/elements/table/evenrow.png") repeat-x scroll left bottom #CFCCCC;
    }
    
    table.zebra tr td{
        background: url("/img/elements/table/evenrow.png") repeat-x scroll left bottom #f1efef;
    }
    
    table.zebra tr td {
        padding: 3px;
    }
    
    table.zebra tr.odd td{
        background: url("/img/elements/table/oddrow.png") repeat-x scroll left bottom #CFCCCC;
    }
    
    a.bluelink {
        color:#35537C;
        font-size:12px;
        text-decoration:none;
        text-shadow: 0 1px 0 white;
        font-weight: bold;
    }

    .box .inputPadder {
        background: url("/img/elements/graywhitegrad.png") repeat-x scroll left bottom #CFCCCC;
        -moz-border-radius: 0 0 5px  5px;
        padding: 10px;
    }
    
    #parse {
        margin-top: 10px;
    }
    
    #parseMessage {
    background: url("/img/elements/message/yellow.png") repeat-x scroll left top #FFED76;
    padding: 10px 0 0 10px;
    border: 2px solid yellow;
    -moz-box-shadow: 2px 2px 2px solid gray;
    width: 500px;
    }
    
    table.group tr th {
        background: -webkit-gradient(linear,left bottom,left top,
            color-stop(0, rgb(237,237,237)),
            color-stop(1, rgb(210,210,210))
        );
        background: -moz-linear-gradient(center bottom,
            rgb(210,210,210) 0%,
            rgb(237,237,237) 100%
        );
    }


    table.categoryReport h5, table.categoryReport .sum{
        display:none;
    }
    
    table.categoryReport {
        margin-top: 20px;
    }
    
    caption span {
        margin-right: 20px;
    }
    
    
    
    
    table.fancy {
    	border-spacing: 0;
    	border: 1px solid #c6c6c6;
    	-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    }

    table.fancy thead th {
    	font-size: 12px;
    	line-height:20px;
    	text-shadow: 1px 1px 0 #e2e2e2;
    	background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.20, rgb(180,180,180)),
        color-stop(0.80, rgb(220,220,220)),
        color-stop(1.00, rgb(235,235,235))
    	);
    	background: -moz-linear-gradient(
        center bottom,
        rgb(180,180,180) 20%,
        rgb(220,220,220) 80%,
        rgb(235,235,235) 100%);

        padding: 4px 1px 2px 1px;
        border-bottom: 1px solid #666666;
    	-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
    	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);    
    }

    table.fancy tbody tr td {
    	padding: 5px;
    	font-size: 12px;
    }
    table.fancy tbody tr:nth-child(odd) td {
    	background: -webkit-gradient(linear,left bottom,left top,
        color-stop(0.32, rgb(240,240,240)),
        color-stop(0.83, rgb(252,252,252))
    	);
    	background: -moz-linear-gradient(center bottom,
        rgb(240,240,240) 32%,
        rgb(252,252,252) 83%);
        border-bottom: 1px solid #aaaaaa;
    }

    table.fancy tbody tr:nth-child(even) td {
    	background: -webkit-gradient(linear,left bottom,left top,
        color-stop(0.32, rgb(220,220,220)),
        color-stop(0.83, rgb(245,245,245))
    	);
    	background: -moz-linear-gradient(center bottom,
        rgb(220,220,220) 32%,
        rgb(245,245,245) 83%);
        border-bottom: 1px solid #aaaaaa;
    }

    table.fancy tbody tr:first-child td {
    	border-top: 1px solid #bbbbbb;
    }

    
    
    table.fancy tbody tr table tr:nth-child(even) td, table.fancy tbody tr table tr:nth-child(odd) td {
        background: #ffffff;
        color: black;
        border: none;
        line-height: 10px;
    }
    
    table.fancy tbody tr.monthRow td {
        font-weight: bold;
    }
    
    
    
    ul.updateTransaction {
        margin: 10px;
        width: 300px;
    }
    
    ul.updateTransaction li label {
        float: left;
        clear: both;
    }
    
    ul.updateTransaction li input, ul.updateTransaction li select {
        float: left;
        clear: both;
    }
    
    ul.updateTransaction li .awesome {
        float: left;
        margin: 15px 15px 15px 0;
    }
    
    a.tinyButton {
        background: -webkit-gradient(linear,left bottom,left top,
            color-stop(0, rgb(237,237,237)),
            color-stop(1, rgb(210,210,210))
        );
        background: -moz-linear-gradient(center bottom,
            rgb(210,210,210) 0%,
            rgb(237,237,237) 100%
        );
        
        color: black;
        width: 100%;
        padding: 3px 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border: 1px solid #d6d6d6;
        -moz-box-shadow: 1px 1px 1px rgba(0,0,0, 0.4);
        -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, 0.4);
        text-decoration: none;
        text-align: center;
        text-shadow: 0 1px white;
        font-size: 10px;
        font-weight: bold;
        font-family: 'Lucida Grande','Lucida Sans Unicode',Arial,Tahoma,Verdana,sans-serif
        
    }
    
    a.tinyButton:hover {
        -moz-box-shadow: none;
        color: #111;
    }
    
    a.tinyButton.b6 {
        font-size: 9px;
        padding: 1px 4px 1px 4px;
        -moz-border-radius: 3px;    
    }
    
    .greens {
        color: green;
    }
    
    .reds {
        color: red;
    }
    
    .topMenuItem {
        -moz-border-radius: 2px 2px 0 0;
        -webkit-border-radius: 2px 2px 0 0;
        background: url("/img/elements/topmenu.png");
        padding: 3px 12px 3px 12px;
        font-family: "Gill Sans", verdana;
        color: #666;
        height: 20px;
        display: block;
        float: left;
        text-shadow: 1px 1px 0px white;
        font-size: 14px;
        margin-top: 8px;
    }
    
    .topMenuItem.selected {
        -moz-border-radius: 2px 2px 0 0;
        -webkit-border-radius: 2px 2px 0 0;
        background-image: none;
        background: #f2f2f2;
        padding: 3px 12px 3px 12px;
        font-family: "Gill Sans", verdana;
        color: black;
        height: 26px;
        display: block;
        float: left;
        border-top: 1px solid #e6e6e6;
        margin-top: 0px;
    }
    
    .redColor {
        color: red;
    }
    
    .greenColor {
        color: green;
    }
    
    #tableFilter_header {
        height: 30px;
    }
    
    .helpWindow {
        min-height: 400px; 
    }
        
    .answerContainer {
        margin-top:20px;
    }
    
    .footer {
        margin: 0 auto; 
        width: 910px; 
        margin-top: -65px;
    }
    
    .footer span {
        padding-right: 40px;
    }
    
    
    .share-box {
    	background-color:#ffffff;
    	border:1px solid #ccc;
    	width:276px;
    	padding:15px;
    	color:#44433D;
    	-moz-border-radius:4px;
    	-webkit-border-radius:4px;
    	margin-top:20px;
    	margin-bottom:20px;
    }

    .share-box ul {
    	list-style-type:none;
    	margin:0;
    }

    .share-box a {
    	display:block;
    	float:left;
    	width:25px;
    	height:40px;
    	background:url(/img/social_icons.png) no-repeat;
    	margin-right:21px;
    }

    .share-box a.facebook {
    	background-position:-25px 0;
    }

    .share-box a.facebook:hover {
    	background-position:0 0;
    }

    .share-box a.twitter {
    	background-position:-25px -40px;
    }

    .share-box a.twitter:hover {
    	background-position:0 -40px;
    }

    .share-box a.pusha {
    	background-position:-25px -80px;
    }

    .share-box a.pusha:hover {
    	background-position:0 -80px;
    }

    .share-box a.bloggy {
    	background-position:-25px -120px;
    }

    .share-box a.blogy:hover {
    	background-position:0 -120px;
    }

    .share-box a.google {
    	background-position:-25px -160px;
    }

    .share-box a.google:hover {
    	background-position:0 -160px;
    }

    .share-box a.mail {
    	background-position:-25px -200px;
    }

    .share-box a.mail:hover {
    	background-position:0 -200px;
    }
    
    .vendors .num {
        width: 20px;
    }
    
    .sumTrans .amount {
    text-align: right;
    }