body {
    background: url(paf.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#header {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 320px;
    height: 60px;
    background-color: #6cb255;
}
#header a, #header div {
    line-height: 60px;
}
.content{
    background-color: #f0f0f0;
    color: #666;
}
.headerlogo {
    float: left;
    margin: 15px;
    width: 136px;
    height: 30px;
    background: url(images/logo.png) no-repeat;
    text-decoration: none;
}
.headerlogin {
    float: right;
    color: #fff;
    text-decoration: none;
    margin-right: 16px;
}
.table-header {
    color: #666;
    text-decoration: none;
}
#header h4 {
    color: #fff;
    text-decoration: none;
}
.table-header th, .table-header td {
    padding: 15px 6px !important;
    line-height: 15px;
    /* vertical-align: top; */
    text-align: left;
}

.left-menu li{
	float: left;
	display: inline-block;

	padding: 5px 7px;
}

.left-menu li a{
	padding: 5px 7px;
    background-color:#f9bb33; 
	text-decoration: none;
	color:#fff;
}


.left-menu a:hover{
	color:#fff;
	background-color:#d49303; 
}

.left-menu a:active{
	color:#ccc;
	background-color:green; 
}



.right-menu li{
	float: right;

	display: inline-block;
	padding: 5px 7px;
}

.right-menu li a{
	padding: 5px 7px;
	text-decoration: none;
	color:#fff;
}

.right-menu a:hover{
	color:#ccc;
	background-color:#676767;; 
}


.divider{
	width: 100%;
	height: 4px;
	background-color: #666;
	clear:both;
}

.active{
	color: #6f9903 !important;
}

.left-menu {
    background-color: #585858;
}
.right-menu {
    background-color: #585858;
}
#menu {
    background-color: #bddcb2;
    height: 30px;
    margin-top: 60px;

}
div.dtsp-panesContainer {
   background-color: #bddcb2;
}
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-topRow {
       background-color: wheat;
}