/****************************** CSS GWARS.DE    ******************************/
/****************************** Copyright 2008  ******************************/
/****************************** by Ralph Bieler ******************************/

/* Basics
---------------------------------------------------------------------------- */

*
{
    font-family:        Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
    color:              #FFFFFF;
    margin:             0px;
    padding:            0px;
}

body
{
    height:             100%;
    background-image:   url(/images/main/space.gif);
    font-size:          11px;
    text-align:         center;
}

p, table, textarea
{
    font-size:          11px;
    font-variant:       normal;
    text-decoration:    none;
}

p
{
    margin-top:         10px;
    margin-bottom:      10px;
}

img
{
    border:             0px;
}

ul
{
    line-height:        1.2em;
}

h3
{
    font-size:          1.3em;
}

input, textarea, select, option
{
    color:              #000000;
}

.space1     { height:  1px; overflow:hidden; padding:0; margin:0; }
.space5     { height:  5px; overflow:hidden; padding:0; margin:0; }
.space10    { height: 10px; overflow:hidden; padding:0; margin:0; }
.space15    { height: 15px; overflow:hidden; padding:0; margin:0; }
.space20    { height: 20px; overflow:hidden; padding:0; margin:0; }

#wrapper {
    position:       relative;
    width:      950px;
    margin:     0px auto;
    text-align:     left;
}

/* Header
---------------------------------------------------------------------------- */

#headercontainer
{
    position:   absolute;
    top:        0px;
    left:       0px;
    height:     100px;
    width:      100%;
}

#logocontainer
{
    background-image:   url(/images/main/logo_g.gif);
    background-repeat:  no-repeat;
    border:     none;
    position:   absolute;
    top:        5px;
    left:       0px;
    height:     80px;
    width:      316px;
    display:        block;
    cursor:     pointer;
}

#bannercontainer
{
    position:   absolute;
    top:        0px;
    right:      0px;
}

#language-de
{
    background-image:   url(/images/main/language/de/flag.gif);
    right:      59px;
}

#language-en
{
    background-image:   url(/images/main/language/en/flag.gif);
    right:      0px;
}

#language-de, #language-en
{
    background-repeat:  no-repeat;
    border:     none;
    position:   absolute;
    top:        70px;
    width:      49px;
    height:     30px;
    cursor:     pointer;
}

#register[lang = "de"]
{
    background-image:   url(/images/main/language/de/register_now_red.gif);
    background-repeat:  no-repeat;
    border:     none;
    position:   absolute;
    top:        70px;
    left:       140px;
    height:     30px;
    width:      200px;
    display:        block;
    cursor:     pointer;
}

#register[lang = "en"]
{
    background-image:   url(/images/main/language/en/register_now_red.gif);
    background-repeat:  no-repeat;
    border:     none;
    position:   absolute;
    top:        70px;
    left:       140px;
    height:     30px;
    width:      200px;
    display:        block;
    cursor:     pointer;
}

#login-green
{
    background-image:   url(/images/main/login_green.gif);
    background-repeat:  no-repeat;
    border:     none;
    position:   absolute;
    top:        70px;
    left:       350px;
    height:     30px;
    width:      90px;
    display:        block;
    cursor:     pointer;
}

#login-red
{
    background-image:   url(/images/main/login_red.gif);
    background-repeat:  no-repeat;
    border:     none;
    position:   absolute;
    top:        70px;
    left:       350px;
    height:     30px;
    width:      90px;
    display:        block;
    cursor:     pointer;
}

/* Navigation
---------------------------------------------------------------------------- */

#navcontainer
{
    position:   absolute;
    top:        110px;
    left:       0px;
    height:     30px;
    width:      100%;
}

#corner-lt
{
    top:        0px;
    left:       0px;
    background-image:   url(/images/main/back_corner_lt.gif);
}

#corner-rt
{
    top:        0px;
    right:      0px;
    background-image:   url(/images/main/back_corner_rt.gif);
}

#corner-lb
{
    bottom:     0px;
    left:       0px;
    background-image:   url(/images/main/back_corner_lb.gif);
}

#corner-rb
{
    bottom:     0px;
    right:      0px;
    background-image:   url(/images/main/back_corner_rb.gif);
}

#nav-corner-lt, #footer-corner-lt
{
    top:        0px;
    left:       0px;
    background-image:   url(/images/main/back_red_corner_lt.gif);
}

#nav-corner-rt, #footer-corner-rt
{
    top:        0px;
    right:      0px;
    background-image:   url(/images/main/back_red_corner_rt.gif);
}

#nav-corner-lb, #footer-corner-lb
{
    bottom:     0px;
    left:       0px;
    background-image:   url(/images/main/back_red_corner_lb.gif);
}

#nav-corner-rb, #footer-corner-rb
{
    bottom:     0px;
    right:      0px;
    background-image:   url(/images/main/back_red_corner_rb.gif);
}

#blue-corner-lt
{
    top:        0px;
    left:       0px;
    background-image:   url(/images/main/back_blue_corner_lt.gif);
}

#blue-corner-rt
{
    top:        0px;
    right:      0px;
    background-image:   url(/images/main/back_blue_corner_rt.gif);
}

#blue-corner-lb
{
    bottom:     0px;
    left:       0px;
    background-image:   url(/images/main/back_blue_corner_lb.gif);
}

#blue-corner-rb
{
    bottom:     0px;
    right:      0px;
    background-image:   url(/images/main/back_blue_corner_rb.gif);
}

#navcontainer ul
{
    position:           absolute;
    top:                6px;
    padding-left:       5px;
    margin-left:        0;
    color:              #FFFFFF;
    float:              left;
    width:              100%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
    padding:            0.2em 1em;
    color:              #FFFFFF;
    text-decoration:    none;
    font-weight:        bold;
    float:              left;
    border-right:       1px solid #FFFFFF;
}

#navcontainer ul li a:hover
{
    background-color:   #9E0000;
    color:              #FFFFFF;
}

#radio
{
    position:           absolute;
    top:                7px;
    right:              10px;
    font-size:          14px;
}

#radio a
{
    padding:            0.2em 0.2em;
    text-decoration:    none;
    font-weight:        bold;
    color:              #FFFF00;
}

#radio a:hover
{
    background-color:   #9E0000;
}

/* Content
---------------------------------------------------------------------------- */

#contentcontainer
{
    position:           absolute;
    top:                150px;
    left:               0px;
    height:             505px;
    width:              100%;
}

/* Screenshots
---------------------------------------------------------------------------- */

#screenshotcontainer
{
    position:           absolute;
    top:                410px;
    right:              0px;
    height:             95px;
    width:              100%;
}

#registeredusercontainer
{
    position:   absolute;
    top:        10px;
    left:       10px;
    font-weight:    bold;
    color:      #FF0000;
}

#servernamecontainer
{
    position:   absolute;
    bottom:     10px;
    left:       10px;
    font-weight:    bold;
    color:      #606060;
}

#countdowncontainer
{
    position:   absolute;
    top:        40px;
    left:       10px;
    font-weight:    bold;
    color:      #FFFFFF;
}

#screenshot1
{
    left:       230px;
}

#screenshot2
{
    left:       350px;
}

#screenshot3
{
    left:       470px;
}

#screenshot4
{
    left:       590px;
}

#screenshot5
{
    left:       710px;
}

#screenshot6
{
    left:       830px;
}


#screenshot1, #screenshot2, #screenshot3, #screenshot4, #screenshot5, #screenshot6
{
    position:   absolute;
    top:        10px;
    height:     71px;
    width:      105px;
    z-index:        50;
}

/* Info
---------------------------------------------------------------------------- */

#infocontainer
{
    position:   absolute;
    top:        0px;
    right:      0px;
    height:     400px;
    width:      300px;
}

#infocontainer h3
{
    position:   absolute;
    margin:     10px;
    color:      #FFFFFF;
    float:      left;
    text-align:     justify;
}

#infocontainer ul
{
    position:   absolute;
    top:        25px;
    padding-left:   15px;
    margin:     10px;
    color:      #FFFFFF;
    float:      left;
    text-align:     justify;
    line-height:    1.3em;
    width:      85%;
}

/* News
---------------------------------------------------------------------------- */

#newscontainer
{
    position:   absolute;
    top:        325px;
    left:       0px;
    height:     75px;
    width:      640px;
}

#news
{
    position:   absolute;
    top:        10px;
    left:       10px;
    font-weight:    bold;
    color:      #FFFFFF;
}

#news_content
{
    position:   absolute;
    top:        28px;
    left:       10px;
    color:      #FFFFFF;
    font-size:      11px;
}

#staticcontainer
{
    position:   absolute;
    top:        10px;
    left:       25px;
    overflow:       auto;
    height:     95%;
    width:      95%;
}

#staticcontainer p
{
    width:      85%;
}

#staticcontainer ul
{
    line-height:    1.5em;
    width:      70%;
    padding-left:   15px;
    margin-left:    0px;
    text-align:     justify;
}

/* Footer
---------------------------------------------------------------------------- */

#footercontainer
{
    position:   absolute;
    top:        665px;
    left:       0px;
    height:     30px;
    width:      100%;
}

#footercontainer-left
{
    position:   absolute;
    top:        0px;
    left:       0px;
    height:     30px;
    width:      70%;
}

#footercontainer-left ul
{
    position:   absolute;
    top:        6px;
    left:       0px;
    padding-left:   5px;
    margin-left:    0px;
    color:      #FFFFFF;
    float:      left;
    width:      100%;
}

#footercontainer-left ul li { display: inline; }

#footercontainer-left ul li a
{
    padding:        0.2em 1em;
    color:      #FFFFFF;
    text-decoration:    none;
    font-weight:    bold;
    float:      left;
    border-right:   1px solid #FFFFFF;
}

#footercontainer-left ul li a:hover
{
    background-color:   #9E0000;
    color:      #FFFFFF;
}

#footercontainer-right
{
    position:   absolute;
    top:        0px;
    right:      0px;
    height:     30px;
    width:      30%;
}

#footercontainer-right ul
{
    position:   absolute;
    top:        6px;
    right:      0px;
    padding-right:  5px;
    margin-right:   0px;
    color:      #FFFFFF;
    float:      right;
    width:      100%;
}

#footercontainer-right ul li { display: inline; }

#footercontainer-right ul li a
{
    padding:        0.2em 1em;
    color:      #FFFFFF;
    text-decoration:    none;
    font-weight:    bold;
    float:      right;
    border-left:    1px solid #FFFFFF;
}

#footercontainer-right ul li a:hover
{
    background-color:   #9E0000;
    color:      #FFFFFF;
}

/* Password strength bar
---------------------------------------------------------------------------- */

#PasswordBarContainer
{
    position:           relative;
    width:              200px;
    height:             18px;
    line-height:        18px;
    border:             0px;
    float:              left;
    display:            inline;
}

#PasswordBarBackground
{
    position:           absolute;
    top:                0px;
    left:               0px;
    width:              200px;
    height:             18px;
    background-image:   url(/_themepack/images/other/pwdstrengthbar.png);
    background-repeat:  no-repeat;
}


#PasswordBarMask
{
    position:           absolute;
    top:                0px;
    right:              0px;
    width:              200px;
    height:             18px;
    font-size:          1px;
    background-color:   #E0E0E0;
}

#PasswordBarText
{
    position:           absolute;
    top:                0px;
    left:               0px;
    width:              200px;
    height:             18px;
    font-weight:        bold;
    color:              #A0A0A0;
    font-size:          11px;
    text-align:         center;
}

/* Tables
---------------------------------------------------------------------------- */

.table-red
{
    padding:        0px;
    margin:     0px;
    border:     0px;
}

.halloffame
{
    width:      600px;
    border-collapse:    collapse;
}

.halloffametop
{
    width:      825px;
    border-collapse:    collapse;
}

.halloffamenav
{
    width:      700px;
    border-collapse:    collapse;
}

.bold
{
    font-weight:    bold;
}

.padding3
{
    padding:        3px;
}

.border-bottom
{
    border-bottom:  1px solid #808080;
}

.border-right
{
    border-right:   1px solid #808080;
}

a.halloffame:link
{
    font-weight:    bold;
    text-decoration:    none;
    color:      #c00000;
}

a.halloffame:visited
{
    font-weight:    bold;
    text-decoration:    none;
}

a.halloffame:hover
{
    text-decoration:    none;
    background-color:   #808080;
}

a.halloffame:active
{
    font-weight:    bold;
    text-decoration:    none;
}

.input-loginpage
{
    font-size:      12px;
    font-weight:    bold;
}