/******************************************************************************
CSS File for LCARS Framework
By :: Josh Messer
Free to use, please give source credit.
*******************************************************************************
*************************************************************** FILE IMPORTS */
@import url("text.css");
@import url("buttons.css");
/* ************************************************************************* */
body{background:black;color:white;}
div#wrapper{/* WRAPPER */
position:absolute;top:0;left:0;/* wrapper positioning */
height:100%;width:100%;
overflow:hidden;/* hide overflowing content */
background:black;color:white;/*background and color set*/}
/* LEFT SIDE (AKA LINKS) */
ul#left_content{
display:block;
position:absolute;top:0;left:0;
height:100%;width:83px;
padding:25px 5px 25px 0;
list-style-type:none;
background:transparent;}
ul#left_content li{
list-style-type:none;
color:black;text-align:right;
padding-right:5px;
width:100%;height:auto;
border-bottom:2px solid black;}
ul#left_content li a:link{color:black;text-decoration:none;}
ul#left_content li a:hover{color:black;text-decoration:none;}
ul#left_content li:hover a{color:black;text-decoration:underline;}
ul#left_content li a:visited{color:black;text-decoration:none;}

/* RIGHT SIDE */
div#right_content{
display:block;
position:absolute;top:0;left:10%;
height:90%;width:99%;
margin:32px 0 32px 0;
background:transparent;
overflow:auto;
/* ******************* */
scrollbar-3dlight-color:#000;
scrollbar-arrow-color:#000;
scrollbar-base-color:#000;
scrollbar-darkshadow-color:#000;
scrollbar-face-color:#000;
scrollbar-highlight-color:#000;
scrollbar-shadow-color:#000;
scrollbar-track-color:#000; 
}

/* TOP CONTENT */
div#top_content{
position:absolute;
top:0;left:10%;
height:10%;
width:80%;

/* FULL CLASSES */
div.top_line{
display:block;position:absolute;
top:0;left:0;
width:100%;height:25px;
z-index:1000;
background:transparent url('../images/Line.png') no-repeat 0 -30px;}
div.bottom_line{
display:block;position:absolute;
bottom:0;left:0;
width:100%;height:25px;
z-index:1000;
background:transparent url('../images/Line.png') no-repeat 0 -5px;}

/* PANEL CLASSES */
div.top_bar{
display:block;position:absolute;
top:0;left:0;
width:99%;height:30px;
padding:5px 10px 5px 0;
z-index:1000;color:black;letter-spacing:2px;
background:#eee;background-image:none;
text-align:right;
border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}

div.bottom_bar{
display:block;position:absolute;
bottom:0;left:0;
width:99%;height:30px;
padding:5px 0 5px 10px;
z-index:1000;color:black;letter-spacing:2px;
background:#eee;background-image:none;
border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}

/* SPLIT CLASSES */
/* this is for content in the upper section */
div.top_section{position:absolute;top:0;left:100px;width:80%;}

div.top_split{
display:block;position:absolute;
top:0;left:0;
width:100%;height:25px;
z-index:1000;
background:transparent url('../images/Line.png') no-repeat 0 -5px;}
div.bottom_split{
display:block;position:absolute;
top:20px;left:0;
width:100%;height:25px;
z-index:1000;
background:transparent url('../images/Line.png') no-repeat 0 -30px;}