/* 
############################################################# 
Listing Admin 2.2 
############################################################# 
*/ 
body {
 background-color: #CEC1A2;
 color: #787878;
 font: 11pt Arial, Verdana, Tahoma, sans-serif;
 line-height: 24pt;
 margin: 0 auto;
 text-align: center;
}

p {
 margin: 0 0 15px 0;
}

h1 {
 display: none;
}

@font-family {
 font-family: Franchise;
 src: url('textFranchise.ttf');
}

h2 {
 color: #D5CDB9;
 font: 37pt Franchise, Rockwell, "Courier New", Georgia, Times, "Times New Roman", serif normal;
 margin: 0 0 1px 0;
 text-align: left;
 text-transform: uppercase;
} 

#sidebar h2 {
 color: #C0C0C0;
}

h3 {
 color: #505050;
 font: 20pt "Arial Narrow", "Trebuchet MS", Tahoma, Verdana, sans-serif bold;
 margin: 0 0 1px 0;
 text-align: left;
 text-transform: uppercase;
}

h4 {
 color: #303030;
 font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
 font-size: 20px;
 font-weight: normal;
 margin: 0 0 1px 0;
 text-align: left;
 text-transform: uppercase;
}

h5 {
 color: #606060;
 font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
 font-size: 17px;
 font-weight: normal;
 margin: 0 0 1px 0;
 text-align: left;
 text-transform: uppercase;
}

a {
 color: #484848;
 font-style: italic;
 text-decoration: none;
}

a:hover {
 color: #000000;
 text-decoration: underline;
}

/*
LAYOUT STYLES
-----------------------------------------
*/
#container {
 margin: 30px auto 0 auto;
 text-align: left;
 width: 90%;
}

#topbar {
 background: url(img/v3Container.png) top left repeat-x;
 height: 31px;
 margin: 0;
 width: 100%;
}

#headerwrap {
 margin: 0 auto;
 width: 100%;
}

#header {
 background: url(img/v3HeaderBg.png) top left repeat;
 margin: 0;
 height: 130px;
 width: 100%;
}

#headerlogo {
 background: url(img/v3Header.png) bottom left no-repeat;
 height: 130px;
 text-align: left;
 width: 390px;
}

.clear {
 clear: both;
 margin: 0;
}

#main {
 background-color: #FFFFFF;
 margin: 0;
 padding: 1% auto;
 width: 100%;
}

#sidebar {
 background: #E0E0E0 url(img/nav.png) bottom right no-repeat;
 float: left;
 margin: 1% 0 1% 0;
 padding: 0 1%;
 width: 18%;
 -khtml-border-radius-bottomleft: 0;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 0;
 -khtml-border-radius-topright: 10px;
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 0;
 -moz-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 0;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 0;
 -webkit-border-top-right-radius: 10px;
}

#user {
 margin: 3% 0 2% 0;
 text-align: center;
}

#user img {
 border: 10px solid #D0D0D0;
 height: 100px;
 margin: 1px;
 width: 100px;
}

#content {
 float: right;
 margin: 1% 0 0 0;
 padding: 0 1%;
 width: 77%;
}

#install {
 margin: 10px auto;
 text-align: justify;
 width: 70%;
}

#login {
 margin: 10% auto 0 auto;
 text-align: left;
 width: 80%;
} 

#logo {
 color: #9C8766;
 float: left;
 padding: 0 1% 0 0;
 text-align: right;
 width: 49%;
} 

#form {
 border-left: 1px solid #B99F89;
 float: left;
 padding: 0 0 0 1%;
 text-align: left;
 width: 48%;
} 

#clear-login {
 clear: both;
}

#feeds {
 background-color: #C6A797;
 border-top: 1px dotted #606060;
 padding: 1%;
 width: 98%;
}

#lafeeds {
 float: left;
 width: 50%;
}

#bugfixfeeds {
 color: #564439;
 float: left;
 width: 50%;
}

#lafeeds ol {
 margin: 0; 
 padding: 0;
}

#lafeeds ol li {
 color: #8B6A58;
 list-style-type: none;
 margin: 0;
}

#lafeeds ol li.block {
 background-color: #B2907D;
 float: left;
 margin: 0 1px 1px 0;
 padding: 6px 1%;
 width: 47%;
}

#footer {
 background: url(img/v3Footer.png) top left repeat-x;
 clear: both;
 text-align: center;
 width: 100%;
} 

#footer p {
 color: #202020;
 margin: 0 0 1px 0;
 padding: 5% 0 2% 1%;
}

/*
NAVIGATION LINKS:
-----------------------------------------
*/
#sidebar ul {
 margin: 0 0 20px 0;
 padding: 0;
}

#sidebar ul li ul {
 margin: 0 0 1px 0;
 padding: 0;
}

#sidebar ul li {
 background-color: #D0D0D0;
 display: block;
 list-style-type: none;
 margin: 0 0 1px 0;
 padding: 1% 0 1% 4%;
 text-align: left;
 width: 96%;
} 

#sidebar ul li ul li {
 background-color: #D0D0D0;
 display: block;
 list-style-type: none;
 margin: 0 0 1px 0;
 padding: 0;
 text-align: center;
 width: 100%;
}

#sidebar ul li ul li.break {
 border-bottom: 1px solid #E0E0E0;
 margin: 0 0 0 -4%;
 width: 104%;
}

#sidebar ul li ul li.end {
 background-color: #E0E0E0;
 border-top: 1px solid #C0C0C0;
 margin: -1% 0 -2% -4%;
 width: 104%;
}

#sidebar ul li.c a, #sidebar ul li ul li.c a {
 color: #000000;
 text-decoration: underline;
}  

#sidebar ul li#lg a {
 color: #B0B0B0;
 text-decoration: underline;
} 

#sidebar ul li#lg a:hover {
 color: #303030;
}

#sidebar ul li a {
 color: #606060;
 font: normal 10pt Arial, Tahoma, Verdana, sans-serif;
 font-weight: bold;
 text-decoration: none;
 text-transform: uppercase;
} 

@font-face {
 font-family: TwCen;
 src: url('textTwCen.ttf');
}

#sidebar ul li ul li a {
 font: 12pt TwCen, "Century Gothic", Arial, Tahoma, Verdana, sans-serif bold;
}

#sidebar ul li a:hover, #sidebar ul li ul li a:hover {
 color: #A0A0A0;
} 

#sidebar ul li.c a:hover, #sidebar ul li ul li.c a:hover {
 color: #505050;
}

/* 
FORM STYLES:
-----------------------------------------
*/
fieldset {
 background-color: #F0F0F0;
 border: 1px solid #D0D0D0;
 margin: 0 0 12px 0;
 padding: 0 auto;
} 

#login #form fieldset, #install fieldset {
 background-color: #C9B596;
 border: 1px solid #B7A280;
} 

fieldset fieldset {
 background-color: #E0E0E0;
 border: 1px solid #C0C0C0;
} 

fieldset fieldset fieldset {
 background-color: #D0D0D0;
 border: 1px solid #B0B0B0;
}

fieldset legend {
 color: #505050;
 font-family: Tahoma, Verdana, sans-serif;
 font-size: 14px;
 text-transform: uppercase;
}

fieldset label {
 float: left;
 color: #505050;
 text-align: right;
 width: 48%;
}

input, select, textarea {
 background-color: #FFFFFF;
 border: 1px solid #B0B0B0;
 font-family: Verdana, sans-serif;
 font-size: 13px;
 padding: 3px;
}

#login #form input {
 background-color: #C2AF91;
 border: 1px solid #9E8865;
}

/* 
.input1 - Most text, select and textarea fields 
.input2 - Buttons (Submit, Reset, etc.)
.input3 - Checkboxs and radio buttons! 
.input4 - For the rare instances of a just a 
regular input field the size of it's parent's 
width 
*/
.input1 {
 width: 48%;
} 

.input2 {
 padding: 3px;
 width: auto;
} 

.input3 {
 border: 0;
} 

.input4 {
 width: 100%;
}

/*  
FLOATED <fieldset>
*/
.lap-two {
 float: left;
 margin: 0 1% 1% 1%;
 width: 44%;
} 

#codes .lap-two {
 float: left;
 padding: 0 1% 1% 1%;
 width: 46%;
} 

.lap-four {
 float: left;
 margin: 0 1% 5% 1%;
 width: 21%;
} 

.height {
 margin: 0 0 2% 0;
}

/*
MISC. STYLES
-----------------------------------------
*/
/* 
CENTER/LEFT/RIGHT 
NO BOTTOM 
*/
.tc { 
 text-align: center; 
}

.tl { 
 text-align: left; 
}

.tr { 
 text-align: right; 
}

.tb { 
 margin: 0 0 2px 0; 
}
  
/* 
INDEX(.php) STYLES 
*/	
#tiny {
 color: #C0C0C0;
 font-size: 11px;
} 

.smallNote li {
 color: #B0B0B0;
 font-size: 11px;
}

.floatLeft {
 float: left;
 margin: 0;
 width: 50%;
} 

.floatLeft ol {
 margin: 0;
 padding: 0;
} 

.floatLeft ol li {
 background-color: #F0F0F0;
 color: #A0A0A0;
 list-style-type: none;
 margin: 0 1px 1px 0;
 padding: 1% 0 1% 2%;
 text-align: left;
} 

.joined ol li {
 background: #F0F0F0 url(img/newestJoined.png) bottom right no-repeat;
} 

.listings ol li {
 background: #F0F0F0 url(img/newestOwned.png) top left no-repeat;
}
 
/*
BIG PARAGRAPHS
-----------------------------------------
For <p>, mostly
*/
.explode {
 background-color: #F0F0F0;
 color: #A0A0A0;
 margin: 0 0 15px 0;
 padding: 1% 0;
 text-align: center;
} 

#codes .explode {
 margin: 0 0 1px 0;
} 

.explode a {
 color: #606060;
 font: normal 19pt Georgia, "Times New Roman", Times, serif;
} 

.explode a:hover {
 color: #000000;
} 

.deplode {
 background-color: #F0F0F0;
 color: #A0A0A0;
 margin: 0 0 1px 0;
 padding: 1% 0;
 text-align: center;
} 

.deplode a {
 color: #505050;
 font: normal 13pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
} 

.deplode a:hover {
 color: #202020;
}

/* 
TABLES FOR QUERIES
-----------------------------------------
*/
.index { 
 margin: 0 0 13px 0; 
 text-align: center; 
} 

.index tbody tr td { 
 background-color: #F0F0F0; 
 height: 30px; 
} 

.index tbody.approve tr td, .index tbody.subcategory tr td { 
 background-color: #E0E0E0; 
 height: 30px; 
} 

.index tbody.update tr td, .index tbody.pending_legit { 
 background-color: #D0D0D0; 
 height: 30px; 
} 

.index tbody.pending_spam tr td { 
 background-color: #FF0000;
 color: #FFFFFF; 
 height: 30px; 
} 

.index tbody.pending_spam tr td a {
 color: #430C0C;
} 

.index tbody.pending_spam tr td a:hover {
 color: #000000;
 text-decoration: underline;
}

/* 
STATS 
-----------------------------------------
For index.php (#stats), 
templates.php and display_codes.php  
(.stats and .statsTemplates) 
*/
#stats {
 background: #F0F0F0 url(img/logo_stats.png) bottom right no-repeat;
 border: 1px dotted #E0E0E0;
 margin: 0 0 20px 0;
 padding: 10px;
} 

#stats tbody tr td.left {
 text-align: right;
 width: 40%;
}

#stats tbody tr td.right {
 text-align: left;
 width: 60%;
}

.stats { 
 margin: 0 0 10px 0; 
} 

.stats tbody tr td {
 padding: 0 1%;
 width: 48%;
} 

.stats tbody tr td.left { 
 text-align: left; 
} 

.stats tbody tr td.right { 
 color: #000000; 
 text-align: right; 
} 

.stats tbody tr td.go {
 padding-bottom: 7px;
} 

.floatLeft {
 float: left;
 width: 50%;
} 

.statsTemplates thead tr th {
 background-color: #E0E0E0;
 font: 10pt "Lucida Grande", "Arial Narrow", Arial, Tahoma, sans-serif;
 line-height: 19pt;
} 

.statsTemplates tbody tr td {
 background-color: #F0F0F0;
 font: 10pt "Lucida Grande", "Arial Narrow", Arial, Tahoma, sans-serif;
 line-height: 19pt;
} 

.statsTemplates tbody tr td.t {
 color: #000000;
 text-align: center;
} 

.statsTemplates tbody tr td.d {
 color: #909090;
 padding-left: 5px;
}

/*
LISTINGS SETUP 
-----------------------------------------
*/
#mainContent {
 float: left;
 margin: 0 1% 0 0;
 width: 78%;
}

#menuRight {
 border-left: 1px solid #EFEFEF;
 float: right;
 width: 20%;
}

#menuRight ol {
 margin: 0 0 12px 0;
 padding: 0;
}

#menuRight ol li {
 background-color: #F0F0F0;
 display: block;
 margin: 0 0 1px 0;
 padding: 2px 0 2px 5px;
 text-align: left;
}

#menuRight ol li a {
 color: #000000;
 font: normal 10pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
 text-transform: uppercase;
}

#menuRight ol li a:hover {
 color: #404040;
 text-decoration: underline;
}

/*
CODES/UPDATES SETUP 
-----------------------------------------
*/
#codesFloatLeft {
 float: left;
 width: 67%;
}

#codesFloatRight {
 border-left: 1px solid #F0F0F0;
 float: right;
 padding-left: 1%;
 width: 30%;
}

#sizesFloatLeft {
 float: left;
 width: 57%;
}

#sizesFloatRight {
 border-left: 1px solid #F0F0F0;
 float: right;
 padding-left: 1%;
 width: 40%;
}

#updatesFloatLeft {
 float: left;
 width: 67%;
}

#updatesFloatRight {
 border-left: 1px solid #F0F0F0;
 float: right;
 padding-left: 1%;
 width: 30%;
} 

#updatesFloatRight ul {
 margin: 0 0 15px 0;
 padding: 0 0 0 20px;
} 

#updatesFloatRight ul li {
 list-style-type: none;
}

/* 
PAGINATION:
-----------------------------------------
*/
#pagination {
 color: #A0A0A0;
 font-size: 11pt;
 text-align: center;
 text-transform: uppercase;
} 

#pagination a {
 color: #404040;
 font-style: normal;
 text-transform: uppercase;
} 

#pagination a:hover {
 color: #000000;
}

/* 
HIGHLIGHT STYLES:
-----------------------------------------
*/
samp {
 color: #000000;
 font: 10pt "Lucida Console", Georgia, Garamond, serif;
 font-size: 13px;
}

code {
 background: #F0F0F0 url(img/logo_stats.png) bottom right no-repeat;
 border: 1px solid #E0E0E0;
 color: #656565;
 display: block;
 margin: 0 0 12px 0;
 padding: 1%;
} 

fieldset code {
 background: #FAFAFA url(img/logo_stats.png) bottom right no-repeat;
}

/*
MESSAGE CLASSES
-----------------------------------------
*/
/*
For "Back to PAGE" paragraphs:
*/
.backLink {
 background-color: #E0E0E0;
 border: 1px solid #C0C0C0;
 margin: 0 0 12px 0;
 padding: 2px 2px 2px 35px;
} 

.backLink a {
 color: #606060;
 font-style: normal;
 text-decoration: underline;
} 

.backLink a:hover {
 color: #000000;
}

/*
For notes (can be marked with any error class, as "notes" differ):
*/
.note { 
 font-weight: bold; 
 text-transform: uppercase; 
}

.noteButton {
 background: #F0F0F0 url(img/note.png) top left no-repeat;
 border: 1px solid #D0D0D0;
 margin: 0 0 12px 0;
 padding: 2px 2px 2px 35px;
} 

fieldset .noteButton {
 background-color: #E0E0E0;
} 

fieldset fieldset .noteButton {
 background-color: #D0D0D0;
 border: 1px solid #B0B0B0;
}

/* 
For regular ole errors:
*/
.error { 
 color: #FF0000; 
}

.errorButton {
 background: #F0F0F0 url(img/error.png) top left no-repeat;
 border: 1px solid #D0D0D0;
 margin: 0 0 12px 0;
 padding: 2px 2px 2px 50px;
} 

fieldset .errorButton {
 background-color: #E0E0E0;
}

/* 
For success messages: 
*/
.success { 
 color: #66CC00; 
}

.successButton {
 background: #F0F0F0 url(img/success.png) top left no-repeat;
 border: 1px solid #D0D0D0;
 margin: 0 0 12px 0;
 padding: 2px 2px 2px 50px;
} 

fieldset .successButton {
 background-color: #E0E0E0;
}

/* 
For MySQL errors: 
*/
.mysql { 
 color: #0000FF; 
}

.mysqlButton {
 background: #F0F0F0 url(img/error_fatal.png) top left no-repeat;
 border: 1px solid #D0D0D0;
 margin: 0 0 12px 0;
 padding: 2px 2px 2px 50px;
} 

fieldset .mysqlButton {
 background-color: #E0E0E0;
}

/* 
For PHP errors (shares .errorButton with .error): 
*/
.php { 
 color: #FF9900; 
}