body {
margin: 0;
text-align: center;
background-color: #3b3b3b;
font-family: Arial, Helvetica, Verdana, sans-serif;
}

a {
outline: none;
text-decoration:none;
color: #559900;
}

img {
border: none;
}

.left {
float:left;
}

/** =Resets **/
address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}

.wrapper {
position:relative;
width: 930px;
margin:0 auto;
padding: 0px 10px 0px 10px;
text-align: left;
}

/* ----- HEADER ----- */

.header {
position:relative;
width: 930px;
height: 105px;
font-size: 12px;
color: #dddddd;
background: transparent left bottom url( '../img/separator.gif' ) repeat-x;
}

.header .logo {
position: absolute;
left: 0;
top: 25px;
width: 183px;
height: 36px;
}

.header .pipemenu {
position: absolute;
overflow: hidden;
bottom: 5px;
left: 0;
width: 185px;
height: 20px;
}

.header .pipemenu a {text-decoration:none;color:#dddddd}
.header .pipemenu a:active {text-decoration:none;color:#bfff5e}
.header .pipemenu a:link {text-decoration:none;color:#dddddd}
.header .pipemenu a:visited {text-decoration:none;color:#dddddd}
.header .pipemenu a:hover {text-decoration:none;color:#bfff5e}

.header .pipemenu span {
margin: 0 7px 0 7px;
}

.header .advert {
position: absolute;
text-align: right;
right: 0px;
top: 8px;
width: 728px;
height: 90px;
overflow: hidden;
}

.header:after {
content: ' ';
clear: both;
display: block;
}

/* ----- NAVIGATION ----- */

.nav {
position:relative;
width: 905px;
font-size: 15px;
line-height:15px;
font-weight: bold;
padding: 10px 0 10px 25px;
background-color: #3b3b3b;
}

.nav ul {
list-style-type: none;
}

.nav li {
float: left;
margin-right: 10px;
}

.nav li a {
color: #bfff5e;
white-space: nowrap;
display: block;
}

.nav li a span {
padding: 2px 10px 3px 9px;
display: block;
}

.nav li a:hover {
color: white;
background: left top url( '../img/bg-nav-left.gif' ) no-repeat;
}

.nav li a:hover span {
background: right top url( '../img/bg-nav-right.gif' ) no-repeat;
}

.nav:after {
content: ' ';
display: block;
clear: both;
}
	
.nav li.active a{
color: #ffffff;
background: left top url( '../img/bg-nav-left.gif' ) no-repeat;
}

.nav li.active a span {
background: right top url( '../img/bg-nav-right.gif' ) no-repeat;
}

/* ----- PANEL ----- */

.panel {
position: relative;
width: 930px;
height: 75px;
margin-top: 10px;
background: url("../img/panel-tile.gif") left top repeat-x;
}

.panel .panel-left {
position: absolute;
left: 0;
top: 0;
width: 12px;
height: 75px;
background: url("../img/panel-left.gif") no-repeat;
}

.panel .panel-right {
position: absolute;
right: 0;
top: 0;
width: 12px;
height: 75px;
background: url("../img/panel-right.gif") no-repeat;
}

.panel .panel-divide {
position: absolute;
top: 0;
width: 2px;
height: 75px;
background: url("../img/panel-divide.gif") no-repeat;
}

.panel .panel-block {
position: absolute;
top: 3px;
height: 65px;
}

.panel .panel-badges {
position: absolute;
height: 75px;
}

.panel, .panel a {text-decoration:none;color:#567020;font-size:11px}
.panel a:active {text-decoration:none;color:#567020}
.panel a:link {text-decoration:none;color:#567020}
.panel a:visited {text-decoration:none;color:#567020}
.panel a:hover {text-decoration:none;color:#567020}

.panel .panel-title,
.panel p.error-with-checkbox {
font-size: 15px;
line-height: 17px;
font-weight: bold;
color: #3c5b05;
}
		
.panel .panel-title b {
color: yellow;
}

.panel .panel-note {
position: absolute;
height: 15px;
}

.panel .textfields {
position: absolute;
font-size: 13px;
font-family: Arial, Verdana, Helvetica, sans-serif;
border: #6d951c solid 2px;
height: 18px;
padding-left:4px;
}

.panel .labels input .inside, .labels textarea.inside {
color: #999999;
font-weight: bold;
}

.panel .inside, .panel #txtPassword, .panel #txtUsername {
position: absolute;
font-size: 13px;
font-family: Arial, Verdana, Helvetica, sans-serif;
border: #6d951c solid 2px;
width: 112px;
height: 18px;
padding-left: 4px;
top: 21px;
left: 132px;
color: #999999;
font-weight: bold;
}

.panel .label {
font-size:14px;
line-height:14px;
color:#3c5b05;
}

/* ----- FOOTER ----- */

.footer {
position:relative;
width: 930px;
height: 35px;
margin-top: 20px;
padding-top: 20px;
font-size: 12px;
color: #b0b0b0;
background: url("../img/footer_horizontal.gif") left top repeat-x;
}

.footer .footerpages {
float: left;
width: 80%;
}

.footer a {text-decoration:none;color:#99c243}
.footer a:active {text-decoration:none;color:#B8F146}
.footer a:link {text-decoration:none;color:#99c243}
.footer a:visited {text-decoration:none;color:#99c243}
.footer a:hover {text-decoration:none;color:#B8F146}

.footer .build-info {
float: right;
color: #666666;
text-align: right;
width: 20%;
}