/* generated by csscreator.com */
html, body{
 margin:0;
 padding:0;
 }

#container{ }

#header{
 position:relative;
 height:110px;
  background-color:#FFFFFF;
 width:100%;
 background-image:url(../img/banner_r1_c3.jpg);
 background-repeat: repeat-x;
 background-position: bottom;
}

#maincol{background-color: #FFFFFF;

 }



 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}

div.actions ul{
   list-style:none;
}

img{
    vertical-align:middle;
}

a{
    text-decoration:none;
}

table.view{
    width: 300px;
}
table.view td.left{
    white-space: nowrap;
    font-weight: bolder;
}
table.view td.right{
    width: 100%;
}


button.calendar:hover,
button.calendar.active {
  background-position: left bottom;
}

div.actions {
    clear: both;
}
div.actions ul{
    list-style: none;

}
div.actions ul li{
    display:inline;
}
div#nav{

    margin-top: 10px;
}
div#nav ul{
    list-style: none;
    border-left: 1px solid #CCCCCC;


}
div#nav ul li{
    display:inline;
    position:relative;
    padding: 5px;
    border-right: 1px solid #CCCCCC;
}
div#maincol div.inner{
    padding: 20px;
}

div.paging .disabled{
    display: none;
}

table.snapshot-invoice td{
    padding-right: 0px;
}

td.show-expenses{
    background: #c3d9ff;
}
td.hide-expenses{
    background: #FFFFFF;
}
table.view{
    border-right: 1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
}
table.view td{
    border-left: 1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
}
#LoadingDiv {

}

.client_login {
   background-image: url(../img/login_back.jpg);
   background-repeat: no-repeat;
   width: 400px;
   height: 336px;

   color: white;
}
.client_login .login_inner{
   padding: 30px;
   text-align: center;
}
.client_login h1{
   color: white;
   font-size: 18px;
   line-height: 24px;
   text-align:center;
   font-weight: 100;
}
.client_login form{
   text-align: left;
   width: 300px;
   margin:auto;
}
.client_login a{
   color: white;
   font-weight: 200;
}
.client_login label{
   font-weight: 200;
   float: left;
   width: 100px;
   position: relative;
}
.client_login .input {
   width: 300px;
}
.client_login .input input{
   width: 150px;
}
div#client_nav {
   float:right;
   margin-top: 50px;
}
div#client_nav ul{
   list-style: none;
}
div#client_nav ul li{
    display:inline;
    position:relative;
    padding: 5px;
}
div#client_nav ul li a{
   color: black;
}
div.client_view table {
   border: 0px;
}
div.client_view table td {
   border: 0px;
   /* border-bottom:1px solid #CCCCCC; */
   color: #EBEBEB;


}
table.client_view td.left{
   padding-right: 20px;
}

div.client_view {
   background-image:url(../img/client_view_back.jpg);
   background-repeat: no-repeat;
   height: 500px;
   float:left;
   width:360px;

}
div.client_view .view_inner{
   padding: 30px;
   color:#DFDFDF;
   font-weight: 200;
}
div.client_view h2{
   color: white;
   font-weight:100;
}

div.banner_view {
   background-image:url(../img/referrals_back.jpg);
   background-repeat: no-repeat;
   height: 500px;
   float:left;
      width:360px;
   margin-left: 50px;

}
div.banner_view .banner_inner{
   padding: 30px;
   color:#DFDFDF;
   font-weight: 200;
}
div.banner_view h2{
   color: white;
   font-weight:100;
}
.banner_view form{
   text-align: left;
   width: 300px;
   margin:auto;
}
.banner_view a{
   color: white;
   font-weight: 200;
}
.banner_view label{
   font-weight: 200;
   float: left;
   width: 60px;
   position: relative;
}
.banner_view .input {
   width: 350px;
}
.banner_view .input input, .banner_view .input select {
   width: 230px;
}


div.testimonial_block {
   background-image:url(../img/testimonials_back.jpg);
   background-repeat: no-repeat;
   height: 500px;
   float:left;
      width:360px;
   margin-left: 50px;

}
div.testimonial_block .banner_inner{
   padding: 30px;
   color:#FFFFFF;
   font-weight: 200;
}
div.testimonial_block h2{
   color: white;
   font-weight:100;
}
.testimonial_block form{
   text-align: left;
   width: 300px;
   margin:auto;
}
.testimonial_block a{
   color: white;
   font-weight: 200;
}
.testimonial_block label{
   font-weight: 200;
   float: left;
   width: 60px;
   position: relative;
}
.testimonial_block .input {
   width: 350px;
}
.testimonial_block .input input, .testimonial_block .input select {
   width: 230px;
}



thead th {
   background-image: url('../img/th_back.jpg');
   color: #EBEBEB;
}
thead th a{
   color:#EBEBEB;
}

thead th.orange {
   background-image: url('../img/title_orange_gradient.gif');
   color: #EBEBEB;
}

thead th.green {
   background-image: url('../img/title_green_gradient.gif');
   color: #EBEBEB;
}