/* CSS Document */

/* --------------- GFX ------------------*/

.orange{
z-index:2;
position:absolute;
width:100%;
top:140px;
left:0px;
height:186px;
background: url(../img/gfx/orange_gradient.png);
border:0px;
}

.center{
/*border: 1px solid black;*/
z-index:10;
width:760px;
height:100%;
min-height:770px;
top:0px;
position:relative;
margin-left:auto;
margin-right:auto;
background: url(../img/gfx/bgframe.png);
}

.line3{
z-index:4;
width:100%;
height:50px;
border-top:1px solid black;
position:absolute;
left:0px;
bottom: 0px;
filter:alpha(opacity=15);
-moz-opacity:.15;
opacity:.15;
}

.headimg {
position:absolute;
left:271px;
top:155px;
width:489px;
height:159px;
}

.language{
text-align:right;
line-height:20px;

color:#000000;
z-index:15;
position:absolute;
top:130px;
left:200px;
height:16px;
width:50px;
}

/*------------ NAVIGATION -------------------*/

.navi{
text-align:right;
line-height:20px;
padding-right:8px;
padding-top:5px;
color:#000000;
z-index:15;
position:absolute;
top:160px;
left:16px;
height:150px;
width:237px;
}

* html .navi{ /*IE only rule. Original menu width minus all left/right paddings */
width: 250px;
}

.navi ul{
padding: 0;
margin: 0;
list-style-type: none;
}
 
.navi a{
color:#000000;
text-decoration:none;
margin-right:10px;
padding-right:5px;
width: 100%;
text-decoration: none;
/*border:1px solid black;*/
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}

.navi a:link{
text-decoration:none;
color:#000000;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;

}

.navi a:visited{
text-decoration:none;
color: #000000;
}

html>body .navi a{ /*Non IE rule*/
width: auto;
}

.navi a:hover{
font: bold 14px Verdana;
text-decoration:none;
color: black;
border-right: 10px solid black;
margin-right: 0px;
padding-top:3px;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

.navi a:active{
text-decoration:none;
color: #555555;
}

/*
TRANSPARENCY


filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
*/



/*------------ CONTENT -------------------*/

.bflogo{
background: url(../img/gfx/bf_logo.png);
position:absolute;
left:425px;
top:33px;
width:317px;
height:102px;
}

.fliess{
font: normal 10px Verdana;
line-height:15px;
}

.content{
/*position:absolute;*/
left:0px;
border-left: 3px solid #fece8f;
width:400px;
padding-left: 8px;
margin-bottom:10px;
}

.contentbox{
position:absolute;
left:280px;
top:340px;
bottom:60px;
width:460px;
padding-left: 8px;
overflow:auto;
}


.legal{
width:760px;
height:15px;
/*top:95%;*/
bottom:20px;
position:absolute;
margin-left:auto;
margin-right:auto;
/*padding-left: 290px;*/
}

.currentgame{
position:absolute;
left:44px;
top:340px;
height:400px;
width:190px;
padding-left: 0px;
}

.featurelist {
margin-left:-20px;
}

.featurelist ul li{
list-style-image:url(../img/8-em-check.png);
}

.featurelist ul li ul li{
margin-left:-22px;
padding-bottom:5px;
list-style-image:url(../img/blank.gif);
}

.jobinfo{
margin-top:15px;
margin-bottom:10px;
padding:5px;
width:95%;
border:thin dashed #CCCCCC;
}

.jobinfo_bad{
color:#990000;
}

.jobinfo_good{
color:#006600;
}

.books{
width:100%;
border: 0;
}

.books td{
width: 120px;
}

.bookstext{
vertical-align:top;
}



/*-------------OTHER---------------*/

html {
height:100%;
margin: 0;
padding: 0;
}

body {
height: 100%;
margin: 0;
padding: 0;
background: #ffffff url(../img/gfx/grey_gradient.jpg);
background-repeat:repeat-x;
overflow-x:hidden;
margin-bottom:-10px;

}

h1 {
font: normal 18px Verdana;
margin-top:-5px;
}
p { 
margin-bottom:0px;
}

div.hr {
padding-top:20px;
height: 31px;
background: url(../img/gfx/hr.png) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

a {
text-decoration:underline;
font: normal 10px Verdana;
line-height:13px;
color:#ffa222;
}

a:visited {
text-decoration:underline;
font: normal 10px Verdana;
line-height:13px;
color:#ffa222;
}

a:hover {
text-decoration:underline;
font: normal 10px Verdana;
line-height:13px;
color:#ffc370;
}

a:active {
text-decoration:underline;
font: normal 10px Verdana;
line-height:13px;
color:#ffa222;
}

a.weblink {
line-height:16px;
padding-left:16px;
background:url(../img/12-weblink.png);
background-repeat:no-repeat;
background-position:left;
}


/*--------SUCKERDIV MENU--------------*/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv {
padding-left:30px;
}

.suckerdiv ul{
margin-bottom:0px;
margin-left: 0;
padding-left: 5px;
list-style-type: none;
width: 250px; /*Width of Menu Items */
/*border-bottom: 1px solid #ccc;*/
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 100px; /*sub menu width*/
border: 1px solid #efefef;
top: 0;
visibility: hidden;
padding-bottom:5px;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration:underline;
font: normal 10px Verdana;
color:#ffa222;
line-height:17px;
padding: 1px 5px;
/*border: 1px solid #ccc;*/
border-bottom: 0;
}

.suckerdiv ul li a:visited{
text-decoration:underline;
font: normal 10px Verdana;
line-height:17px;
color:#ffa222;
}

.suckerdiv ul li a:hover{
text-decoration:underline;
font: normal 10px Verdana;
line-height:17px;
color:#ffc370;
}

.suckerdiv ul li a:active{
/*background-color: yellow;*/
text-decoration:underline;
font: normal 10px Verdana;
line-height:17px;
color:#ffa222;
}

.suckerdiv .subfolderstyle{
}

#topmenu{
background: url(../img/list_arrow_30.png) no-repeat center right;
background-position: 260px 3px;
}

#topmenu:hover{
background: url(../img/list_arrow_full.png) no-repeat center right;
background-position: 260px 3px;
}
	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */