/*******************************************************************************
  RESET
*******************************************************************************/
html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, acronym, address, big, cite, code,
    del, dfn, em, font, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td, img, div, span {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}
body {
    line-height: 1;
}
ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*******************************************************************************
  TEMPLATES
*******************************************************************************/
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
/* CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */
/* END OF CLEARFIX */

/*******************************************************************************
  MAIN
*******************************************************************************/

html, body {
    height: 100%;
}

body {
    font: normal 100% Tahoma, Arial, sans;
    background: #0f0f0f url(../img/bg01.jpg) 50% 0;
}

a:hover {
    text-decoration: none;
    color:#FFFFFF;
}

/*******************************************************************************
  STRUCTURE:BASE
*******************************************************************************/

#top {
    position: relative;
    min-width: 999px;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    background: url(../img/bg_top.png) 50% 0 repeat-x;
}

#body {
    z-index: 20;
    position: relative;
    width: 983px;
    min-height: 900px;
    height: auto !important;
    height: 900px;
    margin: 0 auto 95px;
    padding: 5px 8px 20px;
}

#bottom {
    position: relative;
    width: 999px;
    height: 90px;
    margin: -90px auto 0;
}

/*******************************************************************************
  LAYOUT
*******************************************************************************/

#top {

}

#header {
    z-index: 20;
    position: relative;
    width: 999px;
    height: 286px;
    margin: 0 auto;
}
    #header-logo {
        position: absolute;
        top: 0;
        left: 295px;
        display: block;
        width: 420px;
        height: 310px;
        background: url(../img/header_logo.gif) no-repeat;
    }
    #header-icq {
        position: absolute;
        top: 87px;
        left: 744px;
        width: 226px;
        height: 147px;
        color: #fff;
        background: url(../img/header_icqbg.jpg) no-repeat;
    }
        #header-icq h2 {
            margin: 0 0 10px;
            padding: 4px 10px;
            font-size: 14px;
            font-weight: normal;
            color: #111;
        }
        #header-icq table {

        }
            #header-icq table td {
                padding: 3px 7px;
                vertical-align: top;
            }
            #header-icq table td.c1 {
                font-size: 10px;
            }
                #header-icq table td.c1 span {
                    font-size: 12px;
                    font-weight: bold;
                }
            #header-icq table td.c2 {
                width: 15px;
                padding-right: 0 !important;
            }
            #header-icq table td.c3 {
                font-size: 12px;
            }

#menu {
    z-index: 20;
    position: relative;
    width: 999px;
    height: 62px;
    margin: 0 auto;
    background: url(../img/menu_bg.jpg) no-repeat;
}
    #menu table {
        width: 800px;
        margin: 0 auto;
    }
        #menu table td {
            padding-top: 25px;
            padding-left: 16px;
            padding-right: 16px;
            text-align: center;
            vertical-align: middle;
        }
            #menu table td a {
                font-size: 13px;
                font-weight: bold;
                color: #fff;
                text-decoration: none;
            }
            #menu table td a:hover {
                color: #c26338;
            }

#body {
    background: url(../img/body_bg4.jpg) 0 0 repeat-y;
}
    #body-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 999px;
        height: 6px;
        font-size: 1px;
        background: url(../img/body_bot.jpg) no-repeat;
    }
    #leftCol {
        float: left;
        width: 196px;
    }
        #leftCol-bottom {
            height: 123px;
        }
        .leftCol-block {
            position: relative;
            width: 160px;
            margin: 0 0 30px;
            padding: 12px 20px 2px 16px;
            font-size: 11px;
            color: #939494;
            background: url(../img/leftcol_block_bg.jpg) no-repeat;
        }
            .leftCol-block p {
                margin: 10px 0;
            }
            .leftCol-block a {
                font-weight: bold;
                color: #813f21;
                text-decoration: none;
            }
            .leftCol-block ul {
                margin: 10px 0;
            }
                .leftCol-block ul li {
                    margin: 0 0 5px;
                    padding: 0 0 0 10px;
                    background: url(../img/leftcol_block_li.gif) 0 4px no-repeat;
                }
                    .leftCol-block ul li a {
                        color: #555;
                        font-weight: normal;
                        text-decoration: underline;
                    }
                        .leftCol-block ul li a:hover {
                            text-decoration: none;
                        }
            .leftCol-block-bot {
                position: absolute;
                bottom: -18px;
                left: 0;
                width: 196px;
                height: 18px;
                font-size: 1px;
                background: url(../img/leftcol_block_bot.jpg) no-repeat;
            }
            .leftCol-block h2 {
                margin: 0 0 5px;
                padding: 9px 0;
                font-size: 12px;
                color: #000;
                text-transform: uppercase;
                text-align: center;
            }
            #leftCol-block-login {
                width: 152px;
                margin: 8px auto 0;
            }
                #leftCol-block-login div.input {
                    width: 152px;
                    height: 21px;
                    margin: 0 0 8px;
                    background: url(../img/input_input.gif) no-repeat;
                }
                    #leftCol-block-login div.input input {
                        width: 140px;
                        margin: 3px 5px 0;
                        font-size: 11px;
                        color: #939494;
                        background: none;
                        border: 0;
                    }
                #leftCol-block-login input.image {
                    display: block;
                    margin: 0 0 0 auto;
                }

    #rightCol {
        position: relative;
        float: right;
        width: 782px;
        padding: 0 3px 0 0;
    }
        .rightCol-blackblock {
            margin: 5px 5px 5px 6px;
            background: url(../img/block_bg.jpg);
        }
            .rightCol-blackblock ul {

            }
                .rightCol-blackblock ul li {
                    position: relative;
                    padding: 5px 20px 5px 37px;
                    font-size: 12px;
                    font-weight: bold;
                    color: #c26338;
                    background: url(../img/blackbox_li.gif) 5px 7px no-repeat;
                    border-bottom: 1px solid #2e2d2b;
                }
                    * html .rightCol-blackblock ul li {
                        padding-top: 0;
                    }

#copyright {
    position: relative;
    width: 999px;
    font-size: 11px;
    color: #aeaeae;
    text-align: center;
}

#top-toppics {
    position: relative;
    width: 999px;
    height: 1px;
    margin: 0 auto;
    font-size: 1px;
}
    #top-toppics-minigun {
        z-index: 100;
        position: absolute;
        top: 225px;
        right: -90px;
        width: 192px;
        height: 110px;
        background: url(../img/minigun.png) no-repeat;
    }
        * html #top-toppics-minigun {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/minigun.png', sizingMethod='crop');
        }
    #top-toppics-rope {
        z-index: 10;
        position: absolute;
        top: 57px;
        left: -252px;
        width: 490px;
        height: 710px;
        background: url(../img/rope.jpg) no-repeat;
    }

#top-botpics-soldr {
    position: relative;
    width: 999px;
    height: 1px;
    margin: 0 auto;
    font-size: 1px;
}
    #top-botpics-soldier {
        z-index: 10;
        position: absolute;
        right: -450px;
        bottom: 0;
        width: 575px;
        height: 764px;
        background: url(../img/bg_soldier.jpg) no-repeat;
    }

#top-botpics-others {
    z-index: 30;
    position: relative;
    width: 999px;
    height: 1px;
    margin: 0 auto;
    font-size: 1px;
}
    #top-botpics-kevlar {
        z-index: 30;
        position: absolute;
        left: -80px;
        bottom: 25px;
        width: 273px;
        height: 259px;
        background: url(../img/kevlar.png) no-repeat;
    }
        * html #top-botpics-kevlar {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/kevlar.png', sizingMethod='crop');
        }
    #top-botpics-ammo {
        z-index: 30;
        position: absolute;
        right: -25px;
        bottom: 77px;
        width: 98px;
        height: 114px;
        background: url(../img/ammo.png) no-repeat;
    }
        * html #top-botpics-ammo {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ammo.png', sizingMethod='crop');
        }


.block {
    position: relative;
    margin: 0 0 5px 0;
    background: url(../img/block_leftside.gif) left 0 repeat-y;
}
    .block-top {
        position: relative;
        height: 14px;
        font-size: 1px;
        background: url(../img/block_topside.gif) repeat-x;
    }
        .block-lefttop {
            position: absolute;
            left: 0;
            top: 0;
            width: 39px;
            height: 30px;
            background: url(../img/block_lefttop.gif) no-repeat;
        }
        .block-righttop {
            position: absolute;
            right: 0;
            top: 0;
            width: 15px;
            height: 15px;
            background: url(../img/block_righttop.gif) no-repeat;
        }
    .block-container {
        position: relative;
        width: 100%;
        background: url(../img/block_rightside.gif) right 0 repeat-y;
    }
        .block-content {
            position: relative;
            margin: 0 17px 0 11px;
            padding: 15px 12px 10px;
            font-size: 12px;
            color: #aeaeae;
            background: url(../img/block_bg.jpg);
        }
            .block-content h1 {
                position: relative;
                top: -15px;
                margin: 0 -13px -5px;
                padding: 7px 15px;
                color: #fff;
                /*text-align: center;*/
                background: url(../img/block_header.gif) repeat-x;
            }
                .block-content h1 span {
                    color: #000;
                }
            .block-content h2 {
                margin: 0 0 10px;
                font-size: 14px;
                color: #ad5a34;
            }
            .block-content p {
                margin: 5px 0 15px 0;
            }
            .block-content a {
                color: #ad5a34;
                text-decoration: none;
            }
            .block-content a:hover {
                color: #ffffff;
                text-decoration: none;
            }

            .block-content img {
                position: relative;
                margin: 0 15px 10px 0;
            }
            .block-content ul {
                margin: 15px 0;
            }
                .block-content ul li {
                    padding: 0 0 0 10px;
                    background: url(../img/block_li.gif) 0 8px no-repeat;
                }
            .block-content hr {
                height: 3px;
                font-size: 1px;
                border: 0;
                background: url(../img/block_hr.gif) repeat-x;
            }
                * html .block-content hr {
                    height: 1px;
                    border-top: 1px solid #333;
                }
    .block-bot {
        position: relative;
        height: 18px;
        font-size: 1px;
        background: url(../img/block_botside.gif) repeat-x;
    }
        .block-leftbot {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 36px;
            height: 18px;
            background: url(../img/block_leftbot.gif) no-repeat;
        }
        .block-rightbot {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 18px;
            height: 18px;
            background: url(../img/block_rightbot.gif) no-repeat;
        }

#mp-smallblocks {
    text-align: center;
}
    #mp-smallblocks .smallblock {
        text-align: left;
    }
        * html #mp-smallblocks .smallblock {
            float: left;
        }
.smallblock {
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    width: 214px;
    height: 87px;
    margin: 0 11px;
    background: url(../img/smallblock_bg.gif) no-repeat;
}
    .smallblock h3 {
        font-size: 11px;
        color: #a49888;
        text-align: center;
        padding: 3px 0;
    }
    .smallblock p {
        margin: 5px 10px;
    }

#block-servertypes {
    width: 100%;
}
    #block-servertypes td {
        vertical-align: middle;
        text-align: center;
    }
        #block-servertypes td a {
            font-size: 11px;
            color: #939494;
            text-decoration: underline;
        }
            #block-servertypes td a:hover {
                text-decoration: none;
            }
            #block-servertypes td.sep {
                width: 3px;
                font-size: 1px;
                background: url(../img/sep.gif) 0 50% no-repeat;
            }
        #block-servertypes td span {
            position: relative;
            display: -moz-inline-box;
            display: inline-block;
            padding: 3px 6px 4px;
            font-size: 12px;
            font-weight: bold;
            color: #ad5a34;
            background: url(../img/span_bg.gif) no-repeat;
        }
            #block-servertypes td span ins {
                position: absolute;
                top: 0;
                right: 0;
                width: 1px;
                height: 21px;
                font-size: 1px;
                background: url(../img/span_r.gif) no-repeat;
            }
                * html #block-servertypes td span ins {
                    right: -2px;
                }

#block-limit {
    margin: 10px 0;
    font-size: 11px;
    color: #939494;
    text-align: center;
}
    #block-limit a {
        color: #939494;
        text-decoration: underline;
    }
        #block-limit a:hover {
            text-decoration: none;
        }

#pageNav {
    margin: 0 -12px;
    padding: 7px 0;
    font-size: 12px;
    color: #939494;
    background: url(../img/pagenav_bg.gif) repeat-x;
    text-align: center;
}
    #pageNav a {
        position: relative;
        color: #939494;
    }
        #pageNav a.prevv, #pageNav a.prev, #pageNav a.next, #pageNav a.nextt {
            display: -moz-inline-box;
            display: inline-block;
            margin: 0 3px;
        }
        #pageNav a.prevv {
            top: -1px;
            width: 8px;
            height: 6px;
            font-size: 1px;
            background: url(../img/prevv.gif) no-repeat;
        }
        #pageNav a.prev {
            top: -1px;
            width: 4px;
            height: 6px;
            font-size: 1px;
            background: url(../img/prev.gif) no-repeat;
        }
        #pageNav a.nextt {
            top: -1px;
            width: 8px;
            height: 6px;
            font-size: 1px;
            background: url(../img/nextt.gif) no-repeat;
        }
        #pageNav a.next {
            top: -1px;
            width: 4px;
            height: 6px;
            font-size: 1px;
            background: url(../img/next.gif) no-repeat;
        }


#block-serverinfo {
    width: 60%;
    margin: 10px auto 20px;
}
    #block-serverinfo td {
        text-align: center;
        vertical-align: top;
    }
        #block-serverinfo td b {
            font-weight: bold;
            color: #ad5a34;
        }

.block-inside {
    position: relative;
    width: 700px;
    padding: 30px 15px 15px;
    background: url(../img/block_inner_bg.gif) repeat-y;
}
    .block-inside-top {
        position: absolute;
        top: 0;
        left: -6px;
        width: 742px;
        padding: 4px 20px;
        font-size: 11px;
        font-weight: bold;
        color: #939494;
        background: url(../img/block_inner_top.gif) no-repeat;
    }
    .block-inside-bot {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 730px;
        height: 1px;
        font-size: 1px;
        background: url(../img/block_inner_bot.gif) no-repeat;
    }

.table-serverlist {
    width: 702px;
}
    .table-serverlist td {
        vertical-align: middle;
        text-align: center;
    }
        .table-serverlist td.c1 {
            width: 20px;
        }
        .table-serverlist td.c2 {
            width: 100px;
        }
            .table-serverlist td.c2 img {
                margin: 0;
                border: 0;
            }
        .table-serverlist td.c3 {
            /*width: 270px;*/
        }
            .table-serverlist td.c3 span.mapname {
                display: block;
                margin: 4px 0;
                font-size: 11px;
                font-weight: bold;
            }
            .table-serverlist td.c3 span.startdate {
                font-weight: bold;
                font-size: 11px;
                color: #3d3d3d;
            }
        .table-serverlist td.c4 {
            width: 65px;
        }
        .table-serverlist td.c5 {
            width: 185px;
        }
            .table-serverlist td.c5 span {
                display: block;
                margin: 3px 0 0;
                color: #3d3d3d;
            }
        .table-serverlist td.c6 {
            width: 70px;
            font-size: 14px;
            font-weight: bold;
            color: #ad5a34;
        }
            .table-serverlist td.c6 img {
                margin: 0;
            }
            .block-inside-top .table-serverlist td.c6 {
                font-size: 11px;
                color: #939494;
            }
            .table-serverlist td.c6 a.minus {
                zoom: 1;
                position: relative;
                top: -4px;
                margin: 0 2px;
                padding: 5px;
                font-size: 1px;
                background: url(../img/minus.gif) 50% 50% no-repeat;
            }
                * html .table-serverlist td.c6 a.minus {
                    top: 0;
                }
            .table-serverlist td.c6 a.plus {
                zoom: 1;
                position: relative;
                top: -4px;
                margin: 0 3px;
                padding: 5px;
                font-size: 1px;
                background: url(../img/plus.gif) 50% 50% no-repeat;
            }
                * html .table-serverlist td.c6 a.plus {
                    top: 0;
                }
        .table-serverlist tr.sep td {
            height: 20px;
            font-size: 1px;
            background: url(../img/block_inner_bot.gif) 0 50% no-repeat;
        }

a.grenade {
    padding: 10px 0 10px 35px;
    font-weight: bold;
    color: #ac5933;
    background: url(../img/grenade.gif) 0 50% no-repeat;
    text-decoration: none;
}

.banner {
    width: 468px;
    height: 60px;
    margin: 0 0 15px;
    padding: 3px;
    background: url(../img/bannerblock.gif) no-repeat;
}
    .banner img {
        border: 0;
    }

.a-button {
    display: -moz-inline-box;
    display: inline-block;
    width: 208px;
    padding: 3px 0;
    font-size: 12px;
    font-weight: bold;
    color: #aeaeae !important;
    background: url(../img/a_but_bg.gif) no-repeat;
    text-decoration: none;
    text-align: center;
}


input {
font-family:tahoma;
font-size:11px;
background-color:#aaa;
border:1px solid #757575;
}

select {
font-family:tahoma;
font-size:11px;
border:1px solid #757575;
background-color:#aaa;
}

input.mybutton {
height:21px;
background: url(../images/header1.png);
font-family:tahoma;
font-size:11px;
color:#a70000;
padding-bottom:4px;
font-weight:bold;
background-color:#eeeeee;
border:1px solid #757575;
}
input.mybutton:hover {
color:#000000;
background: url(../images/header_over1.png);
}


td.listtable_top {
	font-family: verdana, tahoma, arial;
	font-size: 14px;
	font-weight:bold;
	height:31px;
	color: #ad5a34;
    background: url(../img/menu_bg3.jpg);
    padding:0px;
    vertical-align:middle;
}

td.listtable_1 {
	font-family: verdana, tahoma, arial;
	font-size: 10px;
	background: url(../img/body_bg5.jpg);
    padding:4px;
    vertical-align:middle;
}

#controlmenu {
    z-index: 20;
    position: relative;
    width: 699px;
    height: 30px;
    margin: 0 auto;
    background: url(../img/menu_bg2.jpg) no-repeat;
}
    #controlmenu table {
        width: 699px;
        margin: 0 auto;
    }
        #controlmenu table td {
            padding: 7px 5px 0;
            text-align: center;
            vertical-align: middle;
        }
            #controlmenu table td a {
                font-size: 13px;
                font-weight: bold;
                color: #fff;
                text-decoration: none;
            }
            #controlmenu table td a:hover {
                color: #ad5a34;
            }

        .listtable tr.sep td {
            height: 10px;
            font-size: 1px;
            background: url(../img/block_inner_bot.gif) 0 50% no-repeat;
        }
input.control {
font-family:tahoma;
font-size:11px;
font-weight:bold;
background-color:#FFFFFF;
border:1px solid #757575;
}

.ctitle {
	color: #888888;
	font-size: 12px;
	font-family: tahoma;
	padding-left: 6px;
	padding-top:  18px;
}
.ctitle a {
	color: #4b719e;
	text-decoration:none;
}
.ctitle a:hover {
	text-decoration: underline;
	}
.myserv {
position: relative;
background: url(../img/body_bg5.jpg);
margin:-10px -12px 15px;
left:3px;
top:10px;
padding:0;
border:solid;
border-width:1px;
border-color:#AAAAAA;
float:none;
clear:both;
}

.myserv:hover {
background:#CCCCCC;
border-color:#777777;
color: #444444;
cursor:pointer;
}

a.mylink {
                font-size: 14px;
                font-weight: bold;
                color: #ad5a34;
                text-decoration: none;
}
a.mylink:hover {
                color: #fff;
                text-decoration: none;
}

.popup-frame {position:fixed;top:0;
left:0;z-index:999;width:100%;height:100%;}
.popup-closed {position:absolute;width:0;height:0;}
.popup-shadow {position:absolute;top:0;left:0;
width:100%;height:100%;background:#000;opacity:0;}
.popup-loader {position:absolute;top:50%;left:50%;overflow:hidden;
margin:-40px 0 0 -40px;width:80px;height:80px;
background:#000 url(spinner.gif) 25px 25px no-repeat;
-webkit-border-radius:15px;-moz-border-radius:15px;
border-radius:15px;opacity:.5;}
.popup-loader IMG {display:block;opacity:0;}
.popup-loaded {background-image:none;
-webkit-border-radius:0;
-moz-border-radius:0;border-radius:0;}
.popup-canvas {overflow:visible;opacity:1;}
.popup-canvas SPAN {position:absolute;top:-12px;
left:-15px;width:28px;height:28px;background:url(close.png) no-repeat;
cursor:pointer;}