/*
CSS Credit: http://hli4s.net
*/
 

body {
font : 0.8em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
color : #cbcbcb;
background : #121212;
margin : 0;
}
img {
border : none;
}
a:link {
color : #8b8b8b;
text-decoration : none;
}
a:visited {
color : #8b8b8b;
text-decoration : none;
}
a:hover {
text-decoration : none;
color : #cbcbcb;
}
a:active {
text-decoration : none;
color : #cbcbcb;
}
#wrapper {
width : 710px;
margin : 30px auto;
background : #0d0d0d url(../images/hblue.jpg) no-repeat;
padding : 55px 25px 25px 25px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
border : 12px solid #2e2e2e;
position : relative;
}
h1 {
text-transform : uppercase;
text-align : center;
margin : 0;
padding : 0.3em 0;
text-indent : -99999px;
}
#nav {
list-style : none;
padding : 0;
margin : 10px 0 20px 0;
background : #2e2e2e url(../images/nav_bar.jpg) repeat-x;
display : block;
overflow : hidden;
font-size : 0.9em;
height : 33px;
text-transform : capitalize;
}
#nav li {
display : inline;
}
#nav li a {
display : block;
float : left;
padding : 10px 20px;
color : white;
text-decoration : none;
}
#nav li a:hover {
background : #1b1b1b url(../images/nav_bar_o.jpg) repeat-x;
}
#load {
display : none;
position : absolute;
right : 10px;
top : 10px;
background : url(../images/ajax-loader.gif);
width : 43px;
height : 11px;
text-indent : -9999em;
}
@font-face {  
	font-family: fontin; 
	src: url(fonts/Fontin-Bold.ttf);
}
h2 {
margin : 0;
padding : 0.5em 0;
text-shadow: 1px 1px 0px #05978e;
color : #2fe9e6;
font-family : fontin, Helvetica, Arial, Sans-serif;
}
h3 {
margin : 0;
padding : 0.5em 0;
color : #ffffff;
font-family : Myriad Pro, Helvetica, Arial, Sans-serif;
font-weight : bold;
font-size : 2em;
}
p {
margin : 0;
padding : 0.4em 0;
color : #cbcbcb;
line-height : 1.4em;
}
#content img.right {
float : right;
margin : 0 0 8px 8px;
}
#foot {
padding-top : 15px;
padding : 15px;
color : white;
text-align : center;
margin : 20px 0 0 0;
border-top : 1px solid #222222;
}
#powered {
padding : 1px;
color : white;
text-align : center;
margin : 1px 0 0 0;
}
#changeStyle {
position : absolute;
top : 10px;
left : 10px;
color : #bebebe;
background : #0d0d0d;
padding : 5px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
border : 8px solid #2e2e2e;
}
#changeFont {
position : absolute;
top : 10px;
right : 10px;
color : #bebebe;
background : #0d0d0d;
padding : 5px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
border : 8px solid #2e2e2e;
}
#toppanel {
position : absolute;
width : 900px;
left : 0;
z-index : 25;
text-align : center;
}
#panel {
width : 900px;
position : relative;
top : 1px;
height : 0;
margin-left : auto;
margin-right : auto;
z-index : 10;
overflow : hidden;
text-align : left;
}
#panel_contents {
background : #121212;
height : 227px;
width : 890px;
z-index : -1;
position : absolute;
color : #ffffff;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
border-width : 5px;
border-style : solid;
border-color : #949494;
}
#panel h1 {
text-align : center;
font-family : Geneva, Arial, Helvetica, sans-serif;
color : white;
font-weight : normal;
line-height : 35px;
left : 275px;
position : absolute;
top : 10px;
}
#panel h2 {
text-align : center;
font-family : Geneva, Arial, Helvetica, sans-serif;
color : #447c6f;
line-height : 25px;
font-size : 16px;
position : absolute;
top : 60px;
left : 350px;
}
#page_container {
position : relative;
margin-left : auto;
margin-right : auto;
width : 904px;
top : -32px;
}
.border {
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
border : 5px solid #1d1d1d;
}
img.border {
float : left;
margin-right : 15px;
margin-bottom : 8px;
}
img.border_pic {
position : absolute;
top : 37px;
float : left;
margin-left : 150px;
width : 150px;
height : 150px;
z-index : 30;
}
div#login {
width : 240px;
height : 150px;
position : absolute;
right : 200px;
top : 10px;
background : #121212;
text-align : left;
padding-left : 10px;
}
div#login p {
color : #ffffff;
font-weight : bold;
font-family : Century Gothic, Georgia, "Times New Roman", Times, serif;
line-height : 25px;
}
div#login input#password {
position : relative;
right : -6px;
}
div#login input#login_btn {
cursor : pointer;
position : relative;
top : -5px;
left : 86px;
}
.logina a {
text-decoration : none;
color : #ffffff;
font-size : 12px;
font-weight : bold;
position : relative;
top : -5px;
left : -5px;
font-family : Arial, Helvetica, sans-serif;
}
.logina a:hover {
color : #949494;
}
.panel_button {
text-align : center;
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 8px;
margin-right : auto;
margin-left : auto;
position : relative;
top : 1px;
width : 191px;
height : 26px;
background : url(../images/slide_button.png);
cursor : pointer;
}
.panel_button img {
position : relative;
top : 1px;
left : -7px;
border : none;
}
.panel_button a {
text-decoration : none;
color : #ffffff;
font-size : 12px;
font-weight : bold;
position : relative;
top : -5px;
left : -5px;
font-family : Arial, Helvetica, sans-serif;
}
.panel_button a:hover {
color : #ffffff;
}
.tooltip {
position : absolute;
width : 250px;
background-color : #0d0d0d;
border : 5px solid #2e2e2e;
background-position : left center;
color : #fff;
padding : 5px 5px 5px 18px;
font-size : 12px;
font-family : Verdana, Geneva, sans-serif;
}
.tooltip-image {
float : left;
margin-right : 5px;
margin-bottom : 5px;
margin-top : 5px;
}
.tooltip span {
font-weight : 700;
color : #ffffff;
}
.mailformfield {
background-color : white;
border : 2px solid #cbcbcb;
font-family : Verdana;
font-size : 8pt;
}
.mailformbutton {
background-color: white; 
border-left: 2px #cbcbcb solid; 
border-right: 2px #cbcbcb solid; 
border-bottom: 2px #cbcbcb solid; 
border-top: 2px #cbcbcb solid;
font-family: Verdana; 
font-size: 8pt;
color: #000066;
}

div#qTip {
padding: 3px 3px 3px 3px;
height:15px;
border: 1px solid #666;
display: none;
background:#000;
color:#CCCCCC;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
position: absolute;
}