/* Tags */
/* ---- */

html
{
 overflow: hidden;
}

body
{
 background: #323232;
 margin: 0px;
 padding: 0px;
 position: absolute;
 width: 100%;
 height: 100%;
 cursor: default;
}

img
{
 border-color:#00FFFF;
 border-width:1px;
}

a
{
 color: #00ffff;
 font-family: verdana, arial, Helvetica, sans-serif;
 text-decoration: none;
}

a:hover
{
 color: #00ffff;
 font-family: verdana, arial, Helvetica, sans-serif;
 text-decoration: underline;
}

input
{ 
 background-color: #373737;
 font-family: verdana, arial, Helvetica, sans-serif;
 color: #00ffff;
 border-top-color: #00ffff;
 border-top-style:solid;
 border-top-width:1px;
 border-bottom-color: #00ffff;
 border-bottom-style:solid;
 border-bottom-width:1px;
 border-left-color: #00ffff;
 border-left-style:solid;
 border-left-width:1px;
 border-right-color: #00ffff;
 border-right-style:solid;
 border-right-width:1px;
}

textarea
{ 
 background-color: #373737;
 font-family: verdana, arial, Helvetica, sans-serif;
 color: #00ffff;
 border-top-color: #00ffff;
 border-top-style:solid;
 border-top-width:1px;
 border-bottom-color: #00ffff;
 border-bottom-style:solid;
 border-bottom-width:1px;
 border-left-color: #00ffff;
 border-left-style:solid;
 border-left-width:1px;
 border-right-color: #00ffff;
 border-right-style:solid;
 border-right-width:1px;
 scrollbar-base-color: #373737;
 scrollbar-arrow-color: #00ffff;
 scrollbar-face-color: #373737;
 scrollbar-3dlight-color: #00ffff;
 scrollbar-darkshadow-color: #00ffff;
 scrollbar-highlight-color: #373737;
 scrollbar-shadow-color: #373737;
 scrollbar-track-color: #373737; 
}

/* Classes */
/* ------- */

.page_screen
{
 position: absolute;
 color: #00ffff;
 font-family: verdana, arial, Helvetica, sans-serif;
 font-size:16px;
 left: 15%;
 top: 20%;
 width: 84%;
 height: 70%;
 background: #323232;
 overflow: auto;
 margin: 5px;
 scrollbar-base-color: #323232;
 scrollbar-arrow-color: #00ffff;
 scrollbar-face-color: #323232;
 scrollbar-3dlight-color: #00ffff;
 scrollbar-darkshadow-color: #00ffff;
 scrollbar-highlight-color: #323232;
 scrollbar-shadow-color: #323232;
 scrollbar-track-color: #323232; 
}

.text_light_grey
{
 color: #c0c0c0;
 font-size:18px;
 font-family: verdana, arial, Helvetica, sans-serif;
 text-decoration: none;
}

.text_big_light_grey
{
 color: #ffffff;
 font-size:18px;
 font-family: verdana, arial, Helvetica, sans-serif;
 text-decoration: none;
}

a.a_light_grey
{
 color: #c0c0c0;
 font-family: verdana, arial, Helvetica, sans-serif;
 text-decoration: none;
}

a:hover.a_light_grey
{
 color: #c0c0c0;
 font-family: verdana, arial, Helvetica, sans-serif;
 text-decoration: underline;
}

/* IDs */
/* --- */

/* Page index */

#index_title
{
 position: absolute;
 color: #00ffff;
 font-family: verdana, arial, Helvetica, sans-serif;
 font-size:36px;
 font-weight:bold;
 left: 0%;
 top: 15%;
 width: 99%;
 height: 75%;
 overflow: hidden;
}

#image_title
{
 border-color:#575757;
 border-width:0px;
}

#page_title_left
{
 position: absolute;
 left: 0%;
 top: 0%;
 width: 15%;
 height: 20%;
 background: #575757;
 overflow: hidden;
}

#page_title_rigth
{
 position: absolute;
 left: 15%;
 top: 0%;
 width: 74%;
 height: 10%;
 background: #323232;
 overflow: hidden;
}

#screen_image
{
 position: absolute;
 color: #00ffff;
 font-family: verdana, arial, Helvetica, sans-serif;
 font-size:16px;
 left: 30%;
 top: 8%;
 width: 69%;
 height: 86%;
 background: #323232;
 overflow: auto;
 scrollbar-base-color: #323232;
 scrollbar-arrow-color: #00ffff;
 scrollbar-face-color: #323232;
 scrollbar-3dlight-color: #00ffff;
 scrollbar-darkshadow-color: #00ffff;
 scrollbar-highlight-color: #323232;
 scrollbar-shadow-color: #323232;
 scrollbar-track-color: #323232; 
}


#a_page_title
{
 color: #00ffff;
 font-family: verdana, arial, Helvetica, sans-serif;
 text-decoration: none;
}

#page_pathway
{
 position: absolute;
 color: #00ffff;
 font-family: verdana, arial, Helvetica, sans-serif;
 font-size:12pt;
 font-weight:normal;
 left: 15%;
 top: 10%;
 width: 85%;
 height: 10%;
 margin: 5px;
 background: #323232;
 overflow: hidden;
}

#page_left_menu
{
 position: absolute;
 color: #00ffff;
 font-family: verdana, arial, Helvetica, sans-serif;
 font-size:16px;
 font-weight:bold;
 left: 0%;
 top: 20%;
 width: 15%;
 height: 80%;
 background: #575757;
 overflow:visible;
}

#copyright
{
 position: absolute;
 color: #C0C0C0;
 font-family: verdana, arial, Helvetica, sans-serif;
 font-size:12px;
 left: 0%;
 top: 94%;
 width: 100%;
 height: 4%;
 background: #323232;
 overflow: hidden;
 vertical-align:middle
}