* {
    margin: 0;
    padding: 0;
}

body {
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #f3c201;
	background-color: #000000;
	font-size: 0.8em; 
	margin: 0px 10px 0px 10px;
}

#container 
{
	margin-bottom: 20px;
/*	border: 5px solid #C0C0C0; */
	background-color: #000000;
}

#header
{
	padding: 0px;
	height: 114px;
	background: #404040 url("../img/cake.bg.header.gif") repeat-x;
	border-bottom: 1px solid #808080;
	margin-bottom: 16px;
	text-align: right;
}
#header img
{
	float: left;
	vertical-align: middle;
	border: 0;
}
#headerNav
{
	float: left;
	margin-top: 56px;
	margin-left: 20px;
	font-size: 15px;
	font-weight: bold;
	color: #404040;
}

#headerNav a {
	padding: 4px 10px;
}
#headerNav a:hover {
	padding: 4px 10px;
	background-color: #404040;	
}
#headerNav .active {
	padding: 4px 10px;
	background-color: #fff;
}
#pageNav {
	clear: both;
	margin-top: 0px;
	margin-right: 30px;
	margin-left: 30px;
	text-align: right;
	font-size: 15px;
	font-weight: bold;
	color: #f3c201;
}

#pageNav a {
	padding: 4px 10px;
	border-top: 1px solid #EBEDEE;
	border-left: 1px solid #EBEDEE;
	border-right: 1px solid #EBEDEE;
}
#pageNav a:hover {
	padding: 4px 10px;
	background-color: #CCCCCC;
	border-top: 1px solid #D2D7D8;
	border-left: 1px solid #D2D7D8;
	border-right: 1px solid #D2D7D8;
}
#pageNav .active {
	padding: 4px 10px;
	background-color: #333333;
	border-top: 1px solid #D2D7D8;
	border-left: 1px solid #D2D7D8;
	border-right: 1px solid #D2D7D8;
}
#content 
{
	clear: both;
	margin: 2px 20px 20px 20px;
	padding: 20px 28px 40px 22px;
	background-color: #333333;
	border-top: 1px solid #D2D7D8;
	border-left: 1px solid #D2D7D8;
	border-right: 1px solid #D2D7D8;
	border-bottom: 1px solid #D2D7D8;
	text-align: left;
}
a
{
	color: #f3c201;
	text-decoration: none;
	font-weight: bold;	
}

a:hover
{
	color: #f3c201;
	text-decoration: underline;
	font-weight: bold;
}

#footer {
	padding-top: 10px;
	text-align: right;	
}
/***Please Leave Powered by Cake****/
#pb-cake {
	margin-bottom: 20px;
	padding-right: 6px;
	text-align: center;
}
#pb-cake a {
	padding: 0;
	border: 0;
}

#lwrapper {
    margin: 0 auto;
/*    width: 96%; */
    min-width: 720px;
    margin-bottom: 1%;
}

#geshicontent {
	border-width: 1px 1px 1px 1px;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	background-color: #111111;
/*	background: url('./images/top_logo_bg_filler.png') repeat;*/
/*       width: 85%; */
       margin-bottom: 1%;
}


#ltop_logo {
	border-width: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #111111;
/*	background: url('./images/top_logo_bg_filler.png') repeat;*/
       width: 85%;
	height: 140px;
       min-width: 1024px;
}

#ltop {
    width: 100%;
/*    height: 45px; */
/*    min-width: 720px; */
    background-color: #000000;
    font-size: 0.75em;
}

#ltop_nav {
/*    width: 66%;*/
    height: 26px;
    min-width: 720px;
	background-color: #000000;
    font-size: 0.75em;
}

#ltop_nav_menu {
/*    width: 66%;*/
	background-color: #111111;
    height: 25px;
    min-width: 720px;
    margin-bottom: 1%;
    font-size: 0.75em;
}



#lwrapper-content {
/*	align: center; */
	margin: 0 auto; 
	background-color: #000000;
	width: 76%;
	float: left;
       margin-bottom: 1%;
}

#l-content2 {
    margin: 0 auto;
	background-color: #000000;
    width: 76%;
   float: left;
    margin-bottom: 1%;
}

#lheader {
background-color:#000000;
 /* float:left; */
margin-bottom:1%;
/* height: 200px; */
/*width:83%;*/
}

#lheader table { width: 100%; float: left; }
#lheader a:active, a:visited {
	color:#FFCC33;
	text-decoration:none;
	font-size:1.1em;
}
#lheader a { color:#FFCC33; }
#lheader .lcolumn-right { width: 35%; float: right; }

.rspacer {
margin-bottom:2%;
}

div.scroll {
height: 150px;
width: 95%;
overflow: auto;
border: 1px solid #111111;
background-color: #111111;
padding: 8px;
}

.lcolumn-left {
	background-color: #000000;
    width: 32%;
    float: left;
}

.lcolumn-right {
	background-color: #000000;
    width: 23%;
    float: right;
    margin-bottom: 30px;
/* border: 1px solid #c8c8c8; */
}

#lcontent {
background-color:#000000;
/* float:left; */
/*width:73%; */
    margin-top: 1%;
/* border: 1px solid #c8c8c8; */
}

#lfooter {
	background-color: #000000;
	text-align: right;
	clear: both;
	margin-bottom: 1%;
}

.lwbodywrap {
	margin: 0 auto; 
	background-color: #111111;
	width: 100%;
	float: left;
	border: 1px solid #c8c8c8;
       margin-bottom: 1%;
}

.lwbodyleft { 
	margin: 0 auto; 
	background-color: #111111;
	width: 49%;
	float: left;
	padding-left: 5px;
       margin-bottom: 1%;
       margin-top: 1%;
}

.lwbodyright { 
	margin: 0 auto; 
	background-color: #111111;
	width: 49%;
	float: right;
	padding-left: 5px;
       margin-bottom: 1%;
       margin-top: 1%;
}

.lwsub { background-color: #333333; border: 1px solid #C8C8C8; width: 98%; }

/* === Text === */

h1 {
	color: #FFCC33;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
}

h2 {
	color: #FFCC33;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 120%;
	text-decoration: none;
}

h3 {
	color: #FFCC33;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 120%;
}

h4 {
	color: #FFCC33;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding-top: 3px;
}

h5 {
	color: #FFCC33;
	font-weight: bold;
	margin: 0;
	padding-top: 3px;
}

h6 {
	color: #FFCC33;
	font-weight: bold;
	margin: 0;
	padding-top: 3px;
}


p {
	color: #CCCCCC;
	font-size: 1.1em;
}

img {
	border:medium none;
}

a:active, a:visited, a:link, a {
	color:#FFCC33;
	text-decoration:none;
	font-size:1.1em;
}

#hright_vmiddle {
    vertical-align: middle;
    text-align: right;
}

#img_fl {
    float: left;
}

#nwrap {
white-space: nowrap;
}

/* TESTING set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(./images/bg_page.jpg) no-repeat bottom right; 
} 
.cssbox { 
    float: left;
    width: 335px !important; /* intended total box width - padding-right(next) */
    width: 320px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 


/* begin css tabs */

ul#tabnav { /* general settings */
background-color: #000000;
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #c8c8c8; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #ff0000; /* set border color to page background color */
background-color: #111111; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #111111; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #c8c8c8; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #000000; /* set unselected tab background color as desired */
color: #FFCC33; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #ababab; /* set desired hover color */
}

/* end css tabs */


div#login_status { text-align: right; width: 100%; margin: 0; background-color: #000000; }
div#login_status p { color: #ffffff; margin: 0; padding: 0 0 3px 0; margin-right: 50px; }
div#login_status p a,
div#login_status p a:visited,
div#login_status p a:active { color: #ffffff; }


/* Decorated boxes start */

.bl {background: url(http://madpinger.com/images/boxes/black_bl.png) 0 100% no-repeat #111111; width: 100%} 
.br {background: url(http://madpinger.com/images/boxes/black_br.png) 100% 100% no-repeat} 
.tl {background: url(http://madpinger.com/images/boxes/black_tl.png) 0 0 no-repeat} 
.tr {background: url(http://madpinger.com/images/boxes/black_tr.png) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}

/* Decorated boxes end */

/* Cake */

/* Paging */
div.paging {
	background:#333333;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* Tables */

table {
	background: #333333;
	border:1px solid #ccc;
	border-right:0;
	clear: both;
	color: #FFCC33;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background: #111111;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	background:#111111;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #121212;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table tr.altrow td {
	background: #333333;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

/*
* Global geshi styles
**********************/
#main pre {
	line-height: 1.5em;
	font-size: 10px;
	white-space: normal;
	padding: 0;
	background: #222223;
	border: 1px solid #222;
}
pre ol {
	list-style: decimal;
	list-style-position: outside;
	padding: 0;
	margin: 0;
}
#main pre ol li {
	margin: 0 0 0 35px;
	padding: 0;
	color: #000;
	clear: none;
}
pre ol li div {
	color:#f8f8f8;
}

/* Line highlights */
.li1 {
	background: #202021;
}


/* comments */
.co1,
.coMULTI {
	color:#5F5A60;	
}
/* methods */
.me1{
	color:#fff;
}
.me0 {	

}
.me2 {	
	color:#000;
}

/* brackets */
.br0 {
	color:#fff;
}

/* strings */
.st0 {
	color:#8F9657;
}

/* keywords */
.kw1 {
	color: #CDA869;
}
.kw2 {
	color:#F9EE98;		
}

.kw3 {
	color:#505e80;
}

/* numbers */
.nu0 {
	color:#CF6745;
}

/* vars */
.re0 {
	color:#7587A6;
}


/* 
* CSS selectors 
*****************/
/* classnames */

[lang=css] .kw2,
.css .kw2 {
	color:#F9EE7E;
}
.re1 {
	color: #96703D;
}
/* px values */
[lang=css] .re3,
.css .re3 {
	color:#CA7840;
}

/*
* Javascript
****************/
[lang=javascript] .me1,
.javascript .me1 {
	color:#505e80;
}