/*
LYONE ADMIN STYLESHEET
-----------------------------------------
*/
body {
 background-color: #FFFFFF;
 color: #707070;
 font: 0.895em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, sans-serif;
 line-height: 24pt;
 margin: 0 auto;
 text-align: center;
}

p {
 margin: 0 0 12px 0;
}

h1 {
 display: none;
}

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

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

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

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

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

a img {
 border: 0;
}

/*
LAYOUT STYLES:
-----------------------------------------
*/
#container {
 margin: auto;
 text-align: left;
 width: 900px;
}

#header {
 background: #D0D0D0 url(img/logo_side_smallv2.png) top left no-repeat;
 float: left;
 margin: 0 0 20px 0;
 width: 900px;
}

#wrap {
 float: right;
 margin: 0 0 0 auto;
 width: 650px;
}

#user {
 float: left;
 padding: 10px 0 0 0;
 text-align: center;
 width: 120px;
}

#user img {
 background-color: #B0B0B0;
 border: 0;
 padding: 10px;
}

#headerNav {
 float: right;
 width: 530px;
}

#navigation {
 width: 900px;
}  

#content {
 float: left;
 padding: 20px 0;
 width: 900px;
}

#main {
 margin: 0 auto;
 width: 600px;
}

#install {
 margin: 15% auto 0 auto;
 text-align: left;
 width: 60%;
}

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

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

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

#clear-login {
 clear: both;
}

#footer {
 background-color: #E0E0E0;
 clear: both;
 margin: 0;
 text-align: center;
 width: 100%;
} 

#footer p {
 color: #606060;
 margin: 0;
 padding: 1%;
}

/*
NAVIGATION STYLES:
-----------------------------------------
*/
#headerNav ul {
 margin: 0;
 padding: 0;
}

#headerNav ul li {
 background-color: #C0C0C0;
 display: block;
 float: left;
 height: 89px;
 list-style-type: none;
 margin: 0 1px 0 0;
 padding: 50px 0 0 0;
 text-align: center;
 width: 124px;
}

#headerNav ul li#first {
 margin: 0 1px 0 30px;
}

#headerNav ul li#lg {
 margin: 0;
 width: 125px;
}

#headerNav ul li a {
 color: #505050;
 font: normal 14px "Trebuchet MS", Tahoma, Verdana, sans-serif;
 text-transform: uppercase;
} 

/*
------------------------------
GET SECOND NAVIGATION: 
------------------------------
Displays *actual* menu. 
------------------------------
*/
#navigation ul {
 margin: 0 0 20px 0;
 padding: 0; 
} 

#navigation ul li {
 background-color: #E0E0E0;
 border: 0;
 display: block;
 float: left;
 list-style-type: none;
 margin: 0 1px 0 0;
 padding: 5px 0;
 text-align: center;
 width: 119px;
}

#navigation ul li.entries, #navigation ul li.pages {
 width: 149px;
}

#navigation ul li.last {
 margin: 0;
 width: 120px;
}

#navigation ul li a {
 color: #707070;
 font: normal 13px Tahoma, Verdana, sans-serif;
 text-transform: uppercase;
} 

#navigation ul li.c a {
 color: #303030;
 text-decoration: underline;
}

#navigation ul li a:hover {
 color: #000000;
 font-style: normal;
}

/*
------------------------------
GET THIRD NAVIGATION: 
------------------------------
Displays extra access for the 
current page we're on.
------------------------------
*/
#navigation #navTwo {
 margin: 0;
 padding: 0; 
} 

#navigation #navTwo li {
 background-color: #D0D0D0;
 display: block;
 float: left;
 margin: 1px 1px 1px 0;
 width: 149px;
} 

#navigation #navTwo li.smallItem {
 margin: 1px 1px 1px 0;
 width: 119px;
} 

#navigation #navTwo li a {
 color: #404040;
 font: normal 12px Tahoma, Verdana, sans-serif;
 text-transform: uppercase;
} 

#navigation #navTwo li a:hover {
 color: #000000;
 font-style: normal;
}

/* 
FORM STYLES:
-----------------------------------------
*/
fieldset {
background-color: #F0F0F0;
border: 1px solid #D0D0D0;
margin: 0 0 12px 0;
padding: 0 auto;
} #login #form fieldset {
background: #F0F0F0 url(img/logo.png) bottom left no-repeat;
}

fieldset legend {
color: #404040;
font-family: Tahoma, Verdana, sans-serif;
font-size: 15px;
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;
}

.input1 {
width: 48%;
}

/*
DEVELOPER STYLES 
-----------------------------------------
*/
.title {
color: #000000;
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 18px;
font-style: italic;
}

/*
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; }
	
/* 
TABLES FOR QUERIES
-----------------------------------------
*/
.index { 
margin: 0 0 13px 0; 
text-align: center; 
} .index tbody tr td { 
background-color: #F0F0F0; 
} 

/* 
STATS 
-----------------------------------------
For index.php (#stats) and 
templates.php (.stats)
*/
#stats {
background: #F0F0F0 url(img/logo.png) bottom right no-repeat;
border: 1px dotted #D0D0D0;
margin: 0 10px;
padding: 5px;
} #tiny {
color: #C0C0C0;
font-size: 11px;
} .stats { 
margin: 0 0 13px 0; 
} .stats tbody tr td.right {
color: #000000; 
text-align: right;
} .stats tbody tr td.left {
color: #A0A0A0;
text-align: left;
}
	
/*
BIG PARAGRAPHS
-----------------------------------------
For <p>, mostly,
*/
.explode {
background-color: #F0F0F0;
margin: 0 0 15px 0;
padding: 1% 0;
text-align: center;
} #codes .explode {
margin: 0 0 1px 0;
} .explode a {
color: #A0A0A0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
font-style: normal;
} .explode a:hover {
color: #303030;
}

/* 
PAGINATION:
-----------------------------------------
*/
#pagination {
color: #A0A0A0;
font-size: 14px;
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-family: "Lucida Console", Georgia, Garamond, serif;
font-size: 13px;
}

code {
background-color: #F0F0F0;
border: 1px solid #E0E0E0;
color: #656565;
display: block;
margin: 0 0 12px 0;
padding: 1%;
}

/*
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;
}

/* 
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;
}

/* 
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;
}

/* 
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;
}

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