body {background:#59e4bf url(../img/new-bg.jpg) repeat-x;color:#000;padding:0;margin:0;font-family:"Montserrat";font-size:100%;}

.Directions {Font-size: 12px; font-weight:600;font-family:"Arial"}
div#contentwrapper {width:98%; margin:0 auto;position:relative;height:auto;padding-top:0px;padding-bottom:0px;border:1px solid #fff; overflow:auto}
div#body_container {width:100%;margin:0 auto;position:relative;height:auto;padding-top:0px;padding-bottom:0px;background:#fff;}
div.footer-content {margin:0 auto;position:relative;height:auto;margin-top:10px;padding-top:0px;padding-bottom:0px;width:100%;}
div#header {color:#000;text-align:left;margin:0;padding:0;font-size:100%;margin-bottom:30px;}
div.header-content {width:100%;margin:0 auto;position:relative;height:auto;margin-top:20px;padding-top:0px;padding-bottom:20px;Color:#fff;}
div#DashboardNavigation {width:500px;margin:0 auto;position:relative;height:auto;margin-top:20px;padding-top:0px;padding-bottom:20px;Color:#fff;}

tr.PAID {background-color: aquamarine}
.PagePad {margin: 0px 3px}
td.PagingCell span.PageOf {}
td.PagingCell .CurrentPage {} 
td.PagingCell .TotalPages {margin-right:5px}
td.PagingCell .PagesOf {margin: 0px 5px;}
tr .TotalRow td a {color:#ffffff}

div#footer {color:#000;text-align:center;margin:0;padding:0;font-size:100%;margin-bottom:0px;}

div.footer-content h2 {margin:0px;padding:0px;padding-top:0px;font-size:1.1em;padding-bottom:0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;  
background: #e75a25; /* Old browsers */
color:#009b33;
font-family: 'Roboto Slab';
text-align:center;
font-weight:normal;
padding:0px 0px 10px 0px;
text-transform:uppercase;      
margin-top:-16px;   
  min-width: 1000px;
}
  
.DataRow:nth-child(even) {background-color: #bdf1e4;}
td.DataCell a{color:#OE4D92; font-weight:bold;}
td.DataCell a:visited {color:#OE4D92; font-weight:bold;}
td.DataCell a:hover{color:#71420e; font-weight:600}
  
div.footer-content img {
  margin-top:20px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 0px;
width:175px;height:auto !important;}

  
  
div#header h1 {margin:0px;padding:0px;padding-top:0px;font-size:2.4em;font-weight:800;text-transform:uppercase;padding-bottom:0px;font-family: 'Roboto Slab';float:left;width:15%;}
div#header .header-content {height:90px;}

div#header .header-content .header-menu {width:100%;float:left;}

div#header h3 {margin:0px;padding:0px;padding-top:0px;font-size:1.5em;font-weight:normal;color:#82bcee;font-family: 'Roboto Slab';}
  

div#contentwrapper h2 {margin:0px;padding:0px;padding-top:0px;font-size:1.0em;padding-bottom:0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 
background: #04a777; /* Old browsers */
color:#fff;
font-family: 'Roboto Slab';
text-align:center;
font-weight:normal;
padding:10px 0px 10px 0px;
text-transform:uppercase;      
      
}
div#body_container table {border:0px;padding:0px;width:100%;margin-left:0%;font-size:1.0em;color:#333;background:#fff;padding-top:5px;padding-bottom:5px;}
div#body_container table td {border:0px;vertical-align:bottom;text-align:left !important;color:#000;padding:0px;width:auto !important;padding:0px !important;font-size:0.9em;}
div#body_container table td.HeaderCell {background:#04a777;color:#000;padding:5px !important;font-family:"Roboto Slab";font-size:1.0em;color:#fff;}

    div#body_container button {padding:5px;padding-left:20px;padding-right:20px;margin-bottom:10px;background:#04a777;color:#fff;font-size:0.9em;border:0px;-webkit-border-radius:0px;-moz-border-radius:0px;cursor:pointer;text-transform:uppercase;font-family:"Roboto Slab";width: 140px }
	
    div#body_container button:hover {background:#04a777F;color:#fff; }

div#body_container table td.PagingCell {text-align:right !important;margin:0px !important;padding:0px !important;padding-right:0px !important;}

div#body_container table td#SearchButtonContainer {text-align:center !important;}
div#body_container table td#SearchButtonContainer button   {vertical-align:bottom;margin-bottom:-10px;margin-top:10px;padding:5px;background:#04a777;
  color:#fff;font-size:1.0em;font-family:"Roboto Slab";border:0px solid #2EA27E;width: 140px;font-weight:bold;margin-right:-17px;}

div#body_container table td#SearchButtonContainer button:hover   {background:#04a777;color:#fff;border:0px solid #f8d210;}


div#body_container table td#TransactionSummarySearchButtonContainer button   {margin-top:10px;padding:10px;background:#ff6600;color:#000;font-size:1.0em;font-family:"Roboto Slab";border:0px solid #009b33;
background: #f8d210; /* Old browsers */
}
div#body_container table td#TransactionSummarySearchButtonContainer button:hover   {background:#009b33;color:#fff;border:0px solid #f8d210;width: 140px}

div#body_container table td#TransactionByExpenseCategorySummarySearchButtonContainer button   {margin-top:10px;padding:5px;background:#f8d210;color:#000;font-size:1.0em;font-family:"Roboto Slab";border:0px solid #009b33;
background: #f8d210; /* Old browsers */
}
div#body_container table td#TransactionByExpenseCategorySummarySearchButtonContainer button:hover   {background:#009b33;color:#fff;border:0px solid #f8d210;}



div#body_container table td p {float:left;margin:0px auto;margin-left:0px;font-size:0.8em;text-align:left;} 
select {padding:4px; background:#ddddd;font-size:0.8em;margin-left:0px;float:left;}
div#body_container table {padding-left:10px !important;;}  
div#TableContainer  {width:1200px; margin:0 auto;position:relative;height:auto;background:#fff;padding:0px;margin-top:-16px}
div#TableContainer p {padding:10px;line-height:1.3em;}

.FilterTableRow select {width: 95%}

div.footer-content img {
  margin-top:20px;
-moz-border-radius: 0px;
-webkit-border-radius: 50px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 0px;
width:175px;height:auto !important;}

div#contentwrapper h2 {width:100% !important;}


select {width:auto; !important;font-size:0.9em;width:120px;}
#SearchButtonContainer  button{Float:right; margin-right:-20px}


td.FilterNameCell {color:#000 !important;font-size:1em !important;font-family:"Roboto Slab";margin:0px;padding:0px;}
td.FilterAscButtonCell, td.SortButtonCell{text-align:left;padding:0px;margin:0px;}

div#body_container table td.FilterAscButtonCell {padding-right:15px !important;}
div#body_container table td.FilterDescButtonCell {padding-right:15px !important;}


div#body_container button.AscButton {border:0px;padding:0px;background:none;margin:0px;text-align:left;margin-bottom:5px;}
div#body_container button.DescButton {border:0px;padding:0px;background:none;margin:0px;text-align:left;}
div#body_container button img {width:20px !important;height:auto;text-align:left;}



div#body_container table.grid-table td {padding:10px !important;border-top:1px solid #666;border-left:1px solid #666;}

div#body_container table.grid-table tr:last-child td {border-bottom:1px solid #666;}

div#body_container table.grid-table td:last-child  {border-right:1px solid #666;}

/*  Style for Radio */

.SortButtonCell input {
    margin:0;padding:0;
	margin-bottom:5px;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

.AscButton {background-image:url(/Prasad/img/arrow-asc.png);}
.DescButton {background-image:url(/Prasad/img/arrow-dsc.png);}


.SortButton{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:20px;height:9px;
	padding-bottom:10px;
   }

   
/*  Style for Radio End */   
div#body_container table .TotalRow td {background-color: #04a777;color:#fff;font-weight:200;font-size:110%}

.Awlai{color:#fff; background-color:#4b1c6c; padding:10px}



Table .HeaderRow {font-size: 90%}
td.HeaderCell{
  text-transform: capitalize;
}

div#header {margin-left:10px;}