/* 'STYLE.CSS' FILE
-------------------------------------------------------------
KIM Admin CSS File
------------------------------------------------------------- */
body {
background-color: #D0D0D0;
margin: 20px auto;
text-align: center;
}

body, div, p, span {
color: #787878;
font-family: Verdana, Tahoma, sans-serif;
font-size: 13px;
line-height: 20pt;
}

p {
margin: 0 0 12px 0;
}

h1 {
display: none;
}

h2 {
color: #909090;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 16pt;
margin: 0 0 1px 0;
text-align: left;
text-transform: uppercase;
}

h3 {
color: #505050;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 17px;
font-weight: normal;
line-height: 20pt;
margin: 0 0 1px 0;
text-align: left;
text-transform: capitalize;
}

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

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

/*
# -- 'LAYOUT STYLES' ----------------------------------------
# -----------------------------------------------------------
*/
#container {
background: #FFFFFF url(img/bg.jpg) top left repeat;
margin: auto;
text-align: left;
width: 80%;
}

#header {
background: #D0D0D0 url(img/logo.jpg) top center no-repeat;
border-bottom: 1px solid #B0B0B0;
border-left: 0;
border-right: 0;
border-top: 0;
height: 100px;
text-align: center;
width: 100%;
}

#navigation {
border-bottom: 0;
border-left: 0;
border-right: 1px solid #D0D0D0;
border-top: 0;
float: left;
margin: 1% 0;
padding: 0 1%;
text-align: right;
width: 18%;
}

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

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

#footer {
background-color: #D0D0D0;
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #B0B0B0;
clear: both;
text-align: center;
width: 100%;
} #footer p {
color: #707070;
margin: 0 0 1px 0;
padding: 2% 0 2% 1%;
}

/*
# -- 'NAVIGATION LINKS' -------------------------------------
# -----------------------------------------------------------
*/
#navigation ul {
margin: 0 0 12px 0;
padding: 0;
}

#navigation ul li {
display: block;
list-style-type: none;
margin: 0;
padding: 2% 0;
text-align: right;
} 

#navigation ul li a {
color: #B0B0B0;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: 13px;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}

#navigation ul li.c a {
color: #000000;
}

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

/*
# -- 'SCRIPTS' ----------------------------------------------
# -----------------------------------------------------------
*/
/* CENTER/LEFT/RIGHT */
.tc { text-align: center; }
 .tl { text-align: left; }
  .tr { text-align: right; }
.tb { margin: 0 0 2px 0; }
/* BIG/SMALL */ 
.big { font-size: 16px; }
 .small { font-size: 10px; }
 
/* BIG PARAGRAPH */
.explode {
background-color: #F0F0F0;
border: 1px solid #E0E0E0;
color: #898989;
margin: 0 0 15px 0;
padding: 1% 0;
text-align: center;
} .explode a {
color: #707070;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
font-style: normal;
} .explode a:hover {
color: #000000;
}

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

/* TABLES/LISTS */
/* INDEX TABLES (for queries) */
.index { 
margin: 0 0 13px 0; 
text-align: center; 
} .index tbody tr td { 
background-color: #F0F0F0; 
height: 30px; 
}

/* STATS (for index.php) */
.stats { 
margin: 0 0 12px 0; 
} .stats tbody tr td.right { 
color: #00B4D4; 
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
padding: 0 1%;
text-align: right; 
text-transform: capitalize; 
width: 48%;
} .stats tbody tr td.left { 
font-size: 14px;
text-align: left; 
}

#stats {
background-color: #F0F0F0;
border: 1px solid #E0E0E0;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: 14px;
margin: 0 10px;
padding: 5px;
}

/* PAGINATION (for pagination queries) */
#pagination { 
font-family: Tahoma, Verdana, sans-serif; 
font-size: 13px; 
text-align: center; 
text-transform: uppercase;
} #pagination a {
font-style: normal;
text-transform: uppercase;
} #pagination a:hover {
font-style: normal;
text-transform: uppercase;
}

/* FORMS */
input, select, textarea {
background-color: #FFFFFF;
border: 1px solid #B0B0B0;
font-family: Tahoma, Verdana, sans-serif;
font-size: 13px;
margin: 0 0 1px 0;
padding: 5px 0;
} option {
background-color: #FFFFFF;
font-family: Tahoma, Verdana, sans-serif;
font-size: 13px;
margin: 0 0 1px 0;
padding: 1px;
}

.input1 { 
width: 49%; 
} .lap-four .input1 {
width: 200px;
} .input2 {
padding: 3px;
width: auto; 
} .input3 { 
border: 0; 
}

fieldset { 
background-color: #F0F0F0; 
border: 1px solid #D3D3D3; 
margin: 0 auto 12px auto; 
padding: 10px;
} #login fieldset, #install fieldset {
border: 1px solid #C0C0C0; 
} fieldset label { 
float: left; 
padding: 0 1%;
text-align: right; 
width: 48%; 
} fieldset legend { 
color: #000000; 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 17px; 
} fieldset p { 
margin: 0 0 4px 0; 
text-align: justify;
}

/* HIGHLIGHT/CODE */
samp {
color: #000000;
font-family: "Lucida Console", Georgia, Garamond, serif;
}

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

/* ERROR CLASSES */
/* for errors, important notes */
 .error { color: #FF0000; }
/* for success messages */
 .success { color: #66CC00; }
/* for MySQL errors */
 .mysql { color: #0000FF; }
/* for PHP errors */
 .php { color: #FF9900; }