/********************************************************************************/
/***   THIS IS A FOR GNB TOP NAVIAGTION ****/
/********************************************************************************

file:   gnb_menue.css
dev:    Holger Maerz
date:   03.08.2011
copyright: OnNet Europe, all rights reserved

******************************************************************************/
/**********************/
/*TOP container 
/***********************/
div#TOP {
    background-color: #282828;
    background-image: url(http://image.gamescampus.eu/global/gnb_bg.gif);
    background-repeat: repeat-x;
    font-size: 9pt;
    height: 44px;
    width: 100%;
    margin: inherit;
    padding: inherit;
    min-width: 988px;
}

div#TOP div {
    margin: 0 auto;
    height: 100%;
    width: 80em;
}

/********************************/
/*Game Campus Logo
  /********************************/
div#TOP img#Logo {
    display: block;
    margin-left:auto;
    margin-right:auto;
    width: 155px;
    height: 44px;
    border: 0;
    cursor: pointer;
}

/**********************************


  /********************************/
/*NAVIGATION
  /********************************/
div#TOP ul#Navigation {
    margin: 0;
    padding: 0;
    position: relative;
    top: 1em;
    height: 2em;
    float: left;
}

/*upper MENUEPOINT*/
ul#Navigation li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0;
/*padding makes the submenue work DON'T TOUCH*/
    padding: .1em 0;
    color: Silver;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

/*all links in navigation*/
ul#Navigation a {
    display: block;
    padding: .2em 1em;
    margin: 0;
    text-decoration: none;
    font-weight: 700;
    border: none;
    background: none;
    color: Silver;
    text-transform: uppercase;
}

/*input fields & buttons in menue*/
ul#Navigation input {
    display: block;
    margin: 1em;
    padding: .2em .5em;
    background-color: #4D4D4D;
    border: 1px solid #1e1e1e;
    color: #FFF;
}

/****************/
/*SUBMENUE*/
/*****************/
ul#Navigation li ul {
    margin: 0;
    padding: 0;
    margin-left: .4em;
    position: absolute;
    top: 1.7em;
    left: -.4em;
    text-align: left;
    border: 1px solid #359C15;
    background-color: #282828;
    z-index: 1000;
}

/*submenue points*/
ul#Navigation li ul li {
    float: none;
    display: block;
    margin: 0;
    padding: .3em 0;
    border-bottom: 1px solid #4D4D4D;
    border: 0;
    background-color: #282828;
}

/*********************************************/
/** DYNAMIC NAVIGATION 
  /*  Dynamic HTML: hover effects
  /*********************************************/
/*top-level menue*/
ul#Navigation li:hover {
    background-color: #359c15;
}

/*link in a menue point*/
ul#Navigation li:hover>a {
    color: #FFF;
}

/******************************/
/*HOVER EFFECTS in SUBMENUE
  /*****************************/
/*initial situation: not shown*/
ul#Navigation li>ul {
    display: none;
    top: 1.6em;
}

/*hover: submenue shown*/
ul#Navigation li:hover>ul {
    display: block;
}

/*submenue point hover effect*/
ul#Navigation li ul li:hover {
    background-color: #1E1E1E;
}

/*link in a submenue point: hover effect*/
ul#Navigation li ul li:hover>a {
    color: #359C15;
}

/****************************/
/* Servertime
  /****************************/
ul#Navigation li#Time,ul#Navigation li#Time:hover {
    background: url(http://image.gamescampus.eu/global/gnb_cdt_bg2.png) no-repeat scroll 0 center transparent;
    margin: 0;
    margin-left: 2em;
    padding: .2em 2em;
    font-weight: 400;
    color: #7D7D7D;
    cursor: default;
}

ul#Navigation li#Time span {
    padding: 0 1em;
    color: #FFF;
    font-weight: 700;
}

/*********************************************/
/* MyCampus
  /********************************************/
/*JAVASCRIPT CLASS*/
/*this class is used by JavaScript (jQery)*/
ul#Navigation li.myCampus {
    background-color: #359C15;
    text-align: left;
}

/*-----------------------------*/
li#myCampus {
/*needed for IE*/
    z-index: 1000;
    line-height: 125%;
}

li#myCampus form {
    cursor: auto;
}

li#myCampus input {
    font-size: 9pt;
}

li#myCampus p {
    font-weight: 400;
    white-space: nowrap;
}

li#myCampus table {
    table-layout: auto;
    width: 90%;
    margin: 0 1em;
    margin-bottom: .5em;
    cursor: default;
}

li#myCampus td {
    color: Silver;
    font-weight: 400;
    white-space: nowrap;
    text-align: left;
/*DELETE IF common.css is not in use anymore*/
    font-family: Tahoma, Arial, Verdana;
}

/*-------------------------------*/
/*submenue myCampus close*/
ul#Navigation li#close {
    background: #359c15;
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
    color: #282828;
    font-weight: 400;
    font-size: smaller;
    background-image: url(http://image.gamescampus.eu/gamescampus/de/common/closearrow.png);
    background-repeat: no-repeat;
    background-position: right;
}

/*HOVER EFFECT */
ul#Navigation li#close:hover {
    color: #FFF;
}

/*-----------------------------*/
/*WELCOME*/
/*welcome msg after login*/
li#myCampus li#welcome {
    color: #359c15;
    cursor: default;
}

li#myCampus li#welcome {
    margin: 1em;
    font-weight: 700;
}

li#myCampus li#welcome p {
    color: Silver;
}

/*not your name? logout link*/
li#myCampus li#welcome a {
    text-decoration: underline;
    display: inline;
}

/*-----------------------------*/
/*CHECKBOX LOGIN*/
/*keep the login token: checkBox*/
li#myCampus input#rememberMe {
    display: inline;
    cursor: pointer;
    margin: 0;
    padding: 0;
    background: none;
    border: 1px solid #1e1e1e;
    color: #FFF;
}

/*checkbox label*/
li#myCampus label {
    font-weight: 400;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

/*********************/
/*LOGIN btn*/
li#myCampus input#login {
    cursor: pointer;
    text-transform: uppercase;
}

/*-----------------------------*/
/*MyBALANCE*/
/*balance table*/
/*right side: my credits*/
li#myCampus li#balance td {
    text-transform: uppercase;
    font-weight: bolder;
}

/*left side: my balance*/
li#myCampus li#balance td.balance {
    text-align: right;
    color: #359c15;
/*IE*/
    padding-left: 2em;
}

/*-----------------------------*/
/*REGISTRATION*/
/*infotext in registration*/
li#myCampus form#registration p {
    margin: 1em;
    margin-top: 2em;
    cursor: default;
    color: #FFF;
}

/*registration button*/
li#myCampus form#registration input {
    background-color: #359c15;
    color: #FFF;
    text-transform: uppercase;
    cursor: pointer;
}

/**********************************/
/*LOGOUT btn*/
/**********************************/
/*decap due to new style*/
ul#Navigation li#logout input {
    margin: 0 2em;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

/*decap due to new style*/
ul#Navigation li#logout:hover {
    background: none;
}

/*upper MENUEPOINT Logout*/
ul#Navigation li#logout {
    line-height: 150%;
    margin-left: 1em;
}

/*upper MENUEPOINT Logout label*/
ul#Navigation li#logout label {
    color: #09f509;
    padding-right: .5em;
}

/*upper MENUEPOINT Logout */
ul#Navigation li#logout a {
    display: inline;
    text-decoration: underline;
    padding: 0 .1em;
    color: #FFF;
}

/******************************/
/*language selection
  /******************************/
ul#Navigation li#language .active,ul#Navigation li#language .active:hover {
    border: 1px solid #FFF;
}

ul#Navigation li#language img:hover {
    border: 1px solid #359c15;
}

ul#Navigation li#language {
    margin: 0;
    padding: 0;
    margin-left: 2em;
    height: 100%;
    background: none;
}

ul#Navigation li#language a {
    display: inline;
    margin: 0 2px;
    padding: 0;
    text-decoration: none;
}

ul#Navigation li#language a img {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    border: 1px solid #1e1e1e;
    width: 20px;
    height: 12px;
}

/******************************/
/**************************************/
/*IE Correction*/
/**************************************/
* html ul#Navigation li {
/* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -.4em;
}

:first-child+html ul#Navigation li {
/* Korrektur fuer den IE 7 */
    margin-bottom: -.1em;
}

* html ul#Navigation li ul {
/* Korrektur fuer IE 5.x */
    left: -1.5em;
    left: -.4em;
}

* html ul#Navigation a {
/* nur fuer IE erforderlich */
    width: 100%;
    width: 6.4em;
}

/* Workaround fuer den IE 7 */
:first-child+html ul#Navigation ul {
    padding-bottom: .4em;
    padding: 0;
}

/****************************************/