/* URL color */

a {
        color: #eceaea;
        border: 0px;
        text-decoration: none;
}

img {
        border: 0px;
}

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

/* BODY */

body {
        font: 10px Verdana, Arial, Helvetica, sans-serif;
        color: #eceaea;
        background: url(images/v4/GamersFilesnet_v3.jpg) no-repeat center top fixed;
        background-color: #000;
        text-align: center;
        padding: 0px;
}

.body-outer {
        margin-top: -17px;
        margin-left: auto;
        margin-right: auto;
        width: 1040px;
        text-align: left;
}

.rounded {
        text-align: left;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
}

.bt-round {
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
}

.top-round {
        -webkit-border-top-left-radius:10px;
        -webkit-border-top-right-radius:10px;
        -moz-border-radius-topleft:10px;
        -moz-border-radius-topright:10px;
}

.floatleft {
        float: left;
}

.floatright {
        float: right;
}

.button {
        font : 11px Verdana, Arial, Helvetica, sans-serif;
        color : #ddd;
        background: #0066bb url(images/menu.png) repeat-x;
        border : 1px solid #000;
        margin-top : 2px;
        padding: 5px 10px 5px 10px;
}

.bigbutton {
        font : 11px Verdana, Arial, Helvetica, sans-serif;
        color : #ddd;
        background: #0066bb url(images/menu.png) repeat-x;
        border : 1px solid #000;
        margin-top : 2px;
        padding: 10px 15px 10px 15px;
}

/* HEADER */

.topheader {
        height: 110px;
        width: 100%;
        background: url(images/v3/head-bg.png) no-repeat bottom left;

}

.logo h1 {
        position: absolute;
        height: 82px;
        width: 148px;
        display: block;
        overflow: hidden;
        text-indent: -1000em;
        cursor: pointer;
        margin-left: 20px;
        background: url(images/v3/004GamersFiles_28.png) no-repeat top left;
}

.logo h1:hover {
        text-decoration: none;
}

.logo h2 {
        position: absolute;
        float: left;
        font: 17px Helvetica, sans-serif;
        font-weight: bold;
        height: 30px;
        width: 350px;
        color: #ffffff;
        margin-top: 70px;
        margin-left: 40px;
}

.logo h3 {
        position: absolute;
        float: left;
        font: 12px Helvetica, sans-serif;
        font-weight: bold;
        font-style: italic;
        height: 13px;
        width: 350px;
        color: #ffffff;
        margin-top: 85px;
        margin-left: 80px;
}

.top-add {
        height: 60px;
        width: 470px;
        padding-top: 36px;
        padding-left: 250px;
        float: left;
}

.user-acc {
        float: right;
        padding-top: 10px;
        background: url(images/v3/user-acc-bg.png) repeat;
        width: 250px;
        height: 75px;
}

.user-acc-box {
        font: 14px Verdana, Arial, Helvetica, sans-serif;
        padding: 5px;
        color: #eceaea;
}

.login {
        float: right;
}

.login h1 {
        font: 14px Verdana, Arial, Helvetica, sans-serif;
        color: #eceaea;
        height: 25px;
        width: 100px;
        display: block;
        cursor: pointer;
        background: #3f3f3f;
        text-align: center;
        padding-top: 5px;
        margin-right:3px;
}

.register {
        float: right;
}

.register h1 {
        font: 14px Verdana, Arial, Helvetica, sans-serif;
        color: #eceaea;
        height: 25px;
        width: 100px;
        display: block;
        cursor: pointer;
        background: #e70101;
        text-align: center;
        padding-top: 5px;
}

/* Maintenance text */

.maintenance-caption {
        font-size: 11px;
        color : #eceaea;
        background: url(images/v3/m-caption.png) repeat-x top left;
        padding: 2px 0px 0px 20px;
        height: 40px;
}

.admin-message {
        text-align : center;
        background : #111;
        border : 1px solid #333;
        padding : 3px 4px 5px 4px;
        margin-bottom : 5px;
}

/* Main Navigation */

.menu {
        width: 100%;
        height: 66px;
        background: url(images/v3/navi-back.png) no-repeat;
}

.navigation ul {
        list-style-type: none;
        margin: 0;
        padding-left: 5px;

}

.navigation li {
        display: inline;
}

.navigation a {
        height: 40px;
        color: #eceaea;
        font: 16px Helvetica, sans-serif;
        letter-spacing: -0.2px;
        text-align: center;
        float: left;
        text-decoration: none;
        padding: 15px 5px 5px 5px;
}

.navigation a:hover {
        background: url(images/v3/navi-back-hover.png) no-repeat top center;
}


hr {
        height : 2px;
        border-bottom : 1px solid #333;
        border-top : 1px solid #000;
}

hr.side-hr {
        height : 2px;
        border-bottom : 1px solid #333;
        border-top : 1px solid #000;
}

/* Page Navigation */

.pagenav {
        padding: 5px;
}

.pagenav span {
        background : #0066bb;
        border: 1px solid #000;
        padding: 4px 8px 4px 8px;
        margin: 2px;
}

.pagenav a {
        border: 1px solid #000;
        padding: 4px 8px 4px 8px;
        margin: 2px;
        text-decoration: none;
        color : #0099cc;
        background : #222;
}

.pagenav a:hover {
        margin: 2px;
        text-decoration: none;
        background : #0066bb;
        color : #ddd;
}

/* Page Breadcrum */

.breadcrum-l-r {
        float: left;
        width: 13px;
        height: 40px;
        background: url(images/v3/breadcrum-l-r.png) no-repeat;
}

.breadcrum-m-r {
        float: left;
        height: 30px;
        width: 110px;
        background: url(images/v3/breadcrum-m-r.png) repeat-x top left;
        padding-top: 10px;
        padding-left: 5px;
        color: #eceaea;
        font: 14px verdana, Helvetica, sans-serif;
        font-weight: bold;
}

.breadcrum-r-r {
        float: left;
        width: 13px;
        height: 40px;
        background: url(images/v3/breadcrum-r-r.png) no-repeat;
}

.breadcrum-l-gr {
        float: left;
        margin-left: -7px;
        width: 13px;
        height: 40px;
        background: url(images/v3/breadcrum-l-gr.png) no-repeat;
}

.breadcrum-m-gr {
        float: left;
        background: url(images/v3/breadcrum-m-gr.png) repeat top left;
        height: 30px;
        width: 795px;
        padding-top: 10px;
        padding-left: 5px;
        color: #eceaea;
        font: 14px verdana, Helvetica, sans-serif;
        font-weight: bold;
}

/* Page Blocks */

.front-add {
        float: left;
        position: relative;
        background: url(images/v3/mainbody-bg.png) repeat top left;
        height: 680px;
        width: 170px;
        margin-left: 5px;
        margin-top: 10px;
}

.front-add-body {
        color : #eceaea;
        margin-top: 0px;
}

.main-border {
        background: url(images/v3/mainbody-bg.png) repeat;
        margin-top: 10px;
        margin-bottom : 8px;
}

.main-body {
        color : #eceaea;
        padding: 0px 10px 15px 10px;
        margin-top: 0px;
}

.block-border-s {
        width: 300px;
        height: 250px;
        background: url(images/v3/mainbody-bg.png) repeat;
        margin-top: 10px;
        margin-bottom : 8px;
        margin-left: 0px;
}

.block-border {
        width: 325px;
        height: 250px;
        background: url(images/v3/mainbody-bg.png) repeat;
        margin-top: 10px;
        margin-bottom : 8px;
        margin-left: 10px;
}

.block-caption {
        font-weight: bold;
        color : #eceaea;
        background: url(images/v3/m-caption.png) repeat-x top left;
        padding: 10px 0px 0px 20px;
        height: 35px;
}

.block-caption a {
        color : #eceaea;
        text-decoration : none;
        text-transform: uppercase;
        font-size: 14px;
        cursor: pointer;
}

.block-caption a:hover {
        color : #0099cc;
        text-decoration : none;
}

.block-body {
        color : #eceaea;
        padding: 0px 10px 15px 10px;
        margin-top: 0px;
}

.subtab-caption-active {
        font-weight: bold;
        font-size: 7pt;
        text-align: center;
        width: 100px;
        background: url(images/v4/bt-subtab-hover.png) no-repeat top left;
        padding: 5px 0px 0px 0px;
        float: left;
        margin-left: 5px;
        margin-top: -11px;
        height: 25px;
        cursor: default;
}

.subtab-caption a {
        font-weight: bold;
        font-size: 7pt;
        text-align: center;
        width: 100px;
        background: url(images/v4/bt-subtab.png) no-repeat top left;
        padding: 5px 0px 0px 0px;
        float: left;
        margin-left: 5px;
        margin-top: -11px;
        height: 25px;
}

.subtab-caption a:hover {
        color : #eceaea;
        background: url(images/v4/bt-subtab-hover.png) no-repeat top left;
        text-decoration : none;
}

/* Container Main Content */

#container {
        width: 100%;
        height: 100%;
        line-height : 1.5em;
        color : #ddd;
        background: url(images/v3/container-bg.png) repeat top left;
}

#main-content {
        background: url(images/v3/container-top.png) no-repeat top left;
        padding-left: 35px;
        padding-right: 35px;
        padding-top: 10px;
}

#main-container {
        width: 100%;
        overflow: hidden;
}

.main-border-ext {
        background: url(images/v3/mainbody-bg.png) repeat;
        margin-top: 10px;
        margin-bottom : 8px;
        padding-bottom: 10px;
}

#side-border-left {
        float : left;
        width : 185px;
        color : #333;
        padding : 6px;
}

.side-border {
        width: 185px;
        background: url(images/v3/mainbody-bg.png) repeat;
        margin-top: 15px;
}

.side-left #main-content {margin-left: 200px;}

/* Main container title */

.main-caption {
        font-size: 11px;
        font-weight: bold;
        color : #eceaea;
        background: url(images/v3/m-caption.png) repeat-x top left;
        padding: 10px 0px 0px 20px;
        height: 35px;
}

.main-caption a {
        color : #eceaea;
        text-decoration : none;
        font-size: 11px;
        cursor: pointer;
}

.main-caption a:hover {
        color : #0099cc;
        text-decoration : none;
}

.main-caption-top {
        padding : 0px;
}

/* CAROUSEL */

.dltitle {
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
}

.dlwidget{
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 160px;
}

.dlwidget .belt{
        position: absolute;
}

.dlwidget .panel{
        float: left;
        overflow: hidden;
        width: 220px;
        padding-left: 15px;
        padding-right: 10px;
        padding-bottom: 5px;
        margin-right: 13px;
}

.dlwidget .panel img {
        padding-left: 25px;
        padding-bottom: 5px;
}

.dlwidget .panel:hover {
        background: url(images/v3/panel-bg.png) no-repeat bottom left;
}


.dllist {
        margin-left: 180px;
}

.dllist .belt {

}

.dllist .panel {
        overflow: hidden;
        width: 233px;
        padding-left: 15px;
        padding-bottom: 5px;
        margin-right: 7px;
        margin-bottom: 10px;
}

.dllist .panel img {
        padding-left: 25px;
        padding-bottom: 5px;
}

.dllist .panel:hover {
        background: url(images/v3/panel-bg-ext.png) no-repeat bottom left;
}

/* ACCORDION */

#acc {
        width: 100%;
        height: 1000px\9;
}

#acc h3 {
        padding: 10px 0px 0px 20px;
        height: 25px;
        margin-bottom: -7px;
}

/* Downloads Page */

.download-caption {
        position: relative;
        padding: 0px 0px 40px 0px;
        margin-bottom: 10px;
}

.files-caption {
        font-weight: bold;
        font: 14px Verdana, Arial, Helvetica, sans-serif;
        color : #eceaea;
        background: url(images/v3/m-caption.png) repeat-x top left;
        padding: 10px 0px 0px 20px;
        height: 25px;
        cursor: pointer;
}

.files-content {
        background: url(images/v3/mainbody-bg.png) repeat;
        margin-top: 10px;
        margin-bottom : 8px;
        padding-top: 10px;
}

.dl-caption {
        font-weight: bold;
        font: 13px Verdana, Arial, Helvetica, sans-serif;
        color : #eceaea;
        background: url(images/v3/m-caption.png) repeat-x top left;
        padding: 10px 0px 0px 20px;
        height: 27px;
}

.dl-title {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color : #0099cc;
        border-top: 1px solid #ddd;
        border-right: 2px solid #ddd;
        border-bottom: 2px solid #ddd;
        margin: 10px 2px;
        padding: 6px 0px 6px 20px;
        text-align: left;
}

.dl-table {
        width: 95%;
        margin-left: 50px;
        margin-right: 50px;
        padding: 0px;
        text-align: left;
}

.dl-content {
        width: 95%;
        background: url(images/v3/dl-content-bg.png) repeat top left;
        margin-left: 50px;
        margin-right: 50px;
        height: 110px;
        text-align: left;
}

.dl-content:hover {
        background: url(images/v3/dl-content-bg-hover.png) repeat top left;
}

/* FOOTER */

#footer a {
        text-decoration : none;
        color : #ddd;
}

#footer a:hover {
        text-decoration : underline;
        color : #ddd;
}

#footer {
        font-size : 9px;
        color : #aaa;
        background-color: #060606;
        border-top : 1px solid #000;
        padding : 7px;
}

/* Titles and messages */

.title {
        font :  bold 12px Verdana, Arial, Helvetica, sans-serif;
        color : #fff;
        line-height: 20px;
}

#title {
        font : bold 14px Verdana, Arial, Helvetica, sans-serif;
        color : #fff;
        line-height: 18px;
}

#title .subtitle {
        font : 15px Verdana, Arial, Helvetica, sans-serif;
        color : #fff;
}

.comment-name {
        color : #0099cc;
}

.alt {
        color : #888;
}

/* Buttons */

.adminbutton {
        font : 9px Verdana, Arial, Helvetica, sans-serif;
        color : #fff;
        background: #000;
        margin-top : 2px;
        margin-right: 4px;
        padding: 0;
}

.upload {
        font : 12px Verdana, Arial, Helvetica, sans-serif;
        color : #ddd;
        background: #0066bb url(images/menu.png) repeat-x;
        border : 1px solid #000;
        padding : 5px 10px 5px 10px;
        margin-top: 3px;
}

.bbcode {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 11px;
        background : #111;
        border : 1px solid #333;
        margin-top : 2px;
}

/* Textbox */

.textbox {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 11px;
        color : #aaa;
        background : #404040;
        border : 1px solid #333;
        padding : 3px;
}

.textbox:hover {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 11px;
        color : #aaa;
        background : #9f0000;
        border : 1px solid #333;
        padding : 3px;
}

/* Forum */

.subject {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #fff;
        margin: 0px 2px;
        padding: 6px 0px 0px 20px;
        text-align: left;
}

.subject a {
        text-decoration: none;
}

.subject a:hover {
        text-decoration: none;
        color : #0099cc;
}

.forum-caption {
        font-size : 12px;
        color : #fff;
        background : #111;
        padding : 2px 4px 3px;
}

.quote {
        color : #888;
        background : #111;
        padding : 2px;
        margin : 0 20px;
        border : 1px solid #333;
}

.poll {
        height : 12px;
}

form {
        margin : 0px;
}

/* Tables */

.tbl-border {
        border : 0px solid #111;
}

.tbl {
        font-size : 11px;
        padding : 4px;
}

.tbl1 {
        font-size : 11px;
        padding : 4px;
}

.tbl2 {
        font-size : 11px;
        background : #111;
        padding : 4px;
}

td {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;
}

/* Extra helpers */

pre { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; }
.white { color: #fff; }
.small { font-size : 11px; font-weight : normal; }
.small2 { font-size : 10px; font-weight : normal; }
.center {margin: 0 auto;}
.content_center {text-align: center;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}

/*IE Fixes*/

* html #main-content {
        height: 1%;
        width: auto;
}
.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* Floatfix */

.floatfix {overflow:hidden;}
* html .floatfix {width:100%;}
.center, *[align="center"] {margin: 0 auto;}

/* Lightbox module */

#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%        ; }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }