button::-moz-focus-inner,
input::-moz-focus-inner {
    border : 0;
    padding: 0;
}

html, body {
    margin : 0;
    padding: 0;
    
    background-color: #FFF;
    
    color      : #000;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size  : 14px;
}

form {
    display: inline;
}

img {
    border: 0;
}

    img.image {
        margin      : 3px;
        margin-top  : 0;
        margin-left : 0;
        margin-right: 8px;
        padding     : 8px;
        
        border: 1px solid #BBB;
    }

    img.image.rcol {
        margin-left : 8px;
        margin-right: 0;
    }
    
    img.image-thumb {
        width       : 100px;
        margin      : 3px;
        margin-right: 12px;
        padding     : 3px;
        
        border: 1px solid #BBB;
    }
    
    img.image-thumb-1{
        margin-left: 0;
    }

h1 {
    margin : 0;
    padding: 0;
    
    color      : #FFF;
    font-size  : 32px;
    font-weight: bold;
}

h2, div.h2, div.message {
    width: 550px;
    /*height: 32px;*/
    margin       : 0;
    margin-bottom: 10px;
    padding      : 2px 5px;
    
    /*background: transparent url('/styles/images/background-header-main.png') no-repeat 0 0;*/
    background-color: #DDD;
    border-top      : 1px solid #333;
    border-bottom   : 1px solid #333;
    box-shadow      : 0px 2px 3px #999;
    
    color      : #000;
    font-size  : 17px;
    font-weight: bold;
    text-shadow: 1px 2px 3px #999;
}

h2.with-filter {
    height        : 24px;
    padding-bottom: 0;
    
    overflow: visible;
}

    h2 a {
        color: inherit;
    }
    
h3 {
    margin       : 0;
    margin-bottom: 5px;
    
    font-size: 16px;
}

    h3.first {
        margin-top: 0;
    }
    
div.message {
    background-color: #4ED7C5;
    border-color    : #44F;
    
    font-size  : 14px;
    text-shadow: none;
}

    div.message-success {
        background-color: #CCED67;
        border-color    : #9B5;
    }

    div.message-error {
        background-color: #F1342F;
        border-color    : #900;
    }

hr {
    border    : none;
    border-top: 1px solid #BBB;
}

hr.white {
    border-color: #FFF;
}
    
input, select, textarea {
    padding: 2px;
    
    background-color: #FFF;
    border          : 1px solid #999;
    
    color      : #333;
    font-family: inherit;
    font-size  : 14px;
}

select {
    padding-top   : 1px;
    padding-bottom: 1px;
}

input[type="submit"] {
    padding-left : 5px;
    padding-right: 5px;
    
    background-color: #DDD;
}

input.withbutton, select.withbutton {
    margin-right: 0px;
    border-right: 0;
}

input.withfield {
    margin-left: 0px;
    border-left: 0;
}

input.button-red {
    background-color: #F99;
    border-color    : #900;
}

a {
    color: inherit;
}

p {
    margin-top: 0;
}

table.no-spacing {
    border-collapse: collapse;
}

table.no-padding, table.no-padding tr, table.no-padding th, table.no-padding td {
    padding: 0;
}

.odd {
    background-color: #EEE;
}

.even {
    background-color: #FFF;
}

.red {
    color: #F00;
}

.green {
    color: #8D8;
}

.bold {
    font-weight: bold;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.strike {
    text-decoration: line-through !important;
}

.row {
    clear: both;
}

.col {
    float: left;
}

.rcol {
    float: right;
}

.nobg {
    background: none !important;
}

.bgred {
    background-color: #F1342F;
}

.bgyellow {
    background-color: #F1B32F;
}

.bggreen {
    background-color: #CCED67;
}

.bgblue {
    background-color: #4ED7C5;
}

.bgviolet {
    background-color: #B76AD4;
}

.image-box, .image-box-red {
    padding: 3px;
    
    background-color: #E6E6E6;
    border          : 1px solid #CCC;
}

.image-box-red {
    background-color: #E68888;
}

.align-right {
    text-align: right;
}

.noline {
    text-decoration: none;
}

a:hover .image-box {
    background-color: #CCC;
    border          : 1px solid #444;
    
    transition: border 0.5s;
}

table.list {
    width: 560px;
    
    border-collapse: collapse;
}

    table.list tr {
        
    }
    
    table.list tr.even td {
        background-color: #EEE;
    }
    
    table.list tr.odd td {
        background-color: #FFF;
    }
    
    table.list tr:hover td {
        background-color: #E3E3E3;
    }

        table.list th {
            padding: 3px;
            
            background-color: #CCC;
        }
        
        table.list td {
            padding: 3px;
            
            border-bottom: 1px solid #DDD;
        }

div.list-title {
    height      : 30px;
    line-height : 30px;
    padding-left: 5px;
    
    color      : #444;
    font-size  : 18px;
    font-weight: bold;
    text-shadow: #999 1px 1px 2px;
    
    overflow: hidden;
}

div.list-description {
    padding-left: 5px;
    
    color: #444;
}

div.icon-global {
    width      : 36px;
    height     : 36px;
    line-height: 36px;
    /*padding-top: 6px;*/
    
    /*background: transparent url("/styles/images/global.png") no-repeat 0 0;*/
    
    color    : #000;
    font-size: 14px;
    /*font-weight: bold;*/
    text-align: center;
}

div.statslist-2 {
    padding-bottom: 20px;
}

    div.statslist-2 div {
        width      : 270px;
        height     : 25px;
        line-height: 25px;
        
        margin-top  : 4px;
        margin-right: 4px;
        padding     : 0 3px;
        
        background-color: #E6E6E6;
        border          : 1px solid #CCC;
        
        font-weight: bold;
        text-align : center;
    }

div.statslist-3 div {
    width      : 176px;
    height     : 25px;
    line-height: 25px;
    
    margin-top  : 4px;
    margin-right: 4px;
    padding     : 0 3px;
    
    background-color: #E6E6E6;
    border          : 1px solid #CCC;
    
    font-weight: bold;
    text-align : center;
}

    div#page {
        width: 100%;
    }
    
        div.content {
            width : 1000px;
            margin: 0 auto;
        }
    
        div#top {
            width      : inherit;
            height     : 42px;
            padding-top: 10px;
            
            background: transparent url('/styles/images/background-gradient.png') repeat-y top center;
        }
        
            div.top-logo {
                width: 800px;
            }
            
            div.top-login {
                width  : 154px;
                padding: 5px 23px;
            }
        
        div#header {
            height: 200px;
            
            background: transparent url('/styles/images/background-pattern-header.png') repeat-x 0 0;
        }
        
            div.header-logo {
                width  : 184px;
                height : 184px;
                padding: 8px;
                
                background-color: #E6E6E6;
            }
            
            div.header-info {
                width: 600px;
            }
            
                div.header-info h1 {
                    height        : 36px;
                    padding       : 0 10px;
                    padding-bottom: 5px;
                }
                
                div.header-info h1.header-user {
                    text-align: right;
                }
            
                div.header-text {
                    height      : 94px;
                    padding-left: 25px;
                    color       : #FFF;
                    font-size   : 18px;
                }
                
                    div.header-text-half {
                        
                    }
                
                        div.header-text table {
                            margin : 0;
                            padding: 0;
                            
                            border         : 0;
                            border-collapse: collapse;
                        }
                        
                            div.header-text table tr {
                                
                            }
                            
                                div.header-text table tr td {
                                    height : 24px;
                                    margin : 0;
                                    padding: 0 3px;
                                }
                                
                        div.header-text-half div.header-text-button {
                            padding-top: 80px;
                            text-align : center;
                        }
                        
                        div.header-text-left {
                            width: 280px;
                        }
                        
                        div.header-text-right {
                            padding-left : 100px;
                            padding-right: 0;
                        }
                        
                            div.header-text-right td.header-text-numbers {
                                
                            }
                        
                div.header-submenu {
                    width : inherit;
                    height: 24px;
                    
                    /*background: #999;*/
                    border-top: 1px solid #E6E6E6;
                    
                    font-size: 14px;
                    
                    overflow: hidden;
                }
                
                    div.header-submenu ul {
                        list-style: none;
                        margin    : 0;
                        padding   : 0;
                    }
                    
                        div.header-submenu ul li {
                            float: left;
                            width: 150px;
                        }
                        
                            div.header-submenu ul li a {
                                width  : inherit;
                                display: block;
                                
                                padding: 4px 0;
                                
                                color          : #FFF;
                                text-align     : center;
                                text-decoration: none;
                            }
                            
                            div.header-submenu ul li a:hover {
                                
                            }
                            
                            div.header-submenu ul li input {
                                /*height: 16px;*/
                                /*margin-top: 2px;*/
                                /*padding: 1px;*/
                                /**/
                                /*background-color: #333;*/
                                /*border: 1px solid #999;*/
                                /**/
                                /*color: #FFF;*/
                                font-size: 11px;
                            }
                            
                            div.header-submenu ul li input:hover {
                                /*border-color: #E6E6E6;*/
                            }
                            
                            div.header-submenu ul li input.image-button {
                                height : auto;
                                margin : 0;
                                padding: 0;
                                
                                background-color: transparent;
                                border          : 0px;
                            }
        
        
        div#main {
            min-height   : 600px;
            margin-bottom: 25px;
            padding      : 0;
            
            overflow: auto;
        }
        
            div#menu-left {
                /*background-color: #F0F;*/
            }
        
            div#main-content {
                width  : 560px;
                padding: 20px;
            }
            
                div#main-content div.content {
                    width: 560px;
                }
            
            div#menu-right {
                /*background-color: #F0F;*/
            }
            
                div.menu {
                    width     : 200px;
                    min-height: 600px;
                }
                
                    div.menu ul {
                        clear: both;
                        
                        list-style: none;
                        
                        width  : 200px;
                        height : 600px;
                        margin : 0;
                        padding: 0;
                    }
                    
                        div.menu ul li {
                            float: left;
                            
                            width : 38px;
                            height: 600px;
                            
                            
                        }
                        
                        div.menu ul li.red {
                            width     : 36px;
                            background: transparent url('/styles/images/background-menu.png') no-repeat 0 0;
                        }
                        
                        div.menu ul li.yellow {
                            background: transparent url('/styles/images/background-menu.png') no-repeat -40px 0;
                        }
                        
                        div.menu ul li.green {
                            background: transparent url('/styles/images/background-menu.png') no-repeat -80px 0;
                        }
                        
                        div.menu ul li.blue {
                            background: transparent url('/styles/images/background-menu.png') no-repeat -120px 0;
                        }
                        
                        div.menu ul li.purple {
                            background: transparent url('/styles/images/background-menu.png') no-repeat -160px 0;
                        }
                        
                        div.menu ul li.spacer {
                            width : 2px;
                            height: 600px;
                            
                            background: transparent url('/styles/images/background-menu-spacer.png') no-repeat 0 0;
                        }
                        
                            div.menu a {
                                -o-transform     : rotate(90deg);
                                -ms-transform    : rotate(90deg);
                                -moz-transform   : rotate(90deg);
                                -webkit-transform: rotate(90deg);
                                
                                display: block;
                                
                                padding-left: 10px;
                                
                                color          : #FFF;
                                font-size      : 24px;
                                text-decoration: none;
                                text-shadow    : 2px 1px 3px #444;
                            }
            
            
            
            
        div#bottom {
            /*display: none;*/
            position: fixed;
            bottom  : 0px;
            left    : 50%;
            
            width      : inherit;
            height     : 40px;
            margin-left: -500px;
            
            background-color: #FFF;
            border-top      : 1px solid #BBB;
            color           : #000;
            font-size       : 12px;
        }
        
            div.bottom-left {
                width      : 600px;
                line-height: 20px;
                padding-top: 10px;
            }
            
            div.bottom-right {
                width      : 400px;
                line-height: 20px;
                padding-top: 6px;
                
                text-align: right;
            }
            
                div.bottom-left a, div.bottom-right a {
                    text-decoration: none;
                }
        
div.text {
    
}

div.text a {
    color: #05A;
}

    div.text h2.list-header {
        /*padding-bottom: 10px;*/
    }
    
    div.text h3 {
        height      : 30px;
        line-height : 30px;
        padding-left: 9px;
        
        background : transparent url('/styles/images/background-header-gradient.png') no-repeat 0 0;
        border-left: 1px solid #333;
        
        color      : #333;
        font-size  : 18px;
        font-weight: normal;
    }
    
    div.text h4 {
        height       : 25px;
        line-height  : 25px;
        margin       : 0;
        margin-top   : 10px;
        margin-bottom: 5px;
        padding      : 0;
        padding-left : 15px;
        
        
        background: transparent url('/styles/images/arrow-right.png') no-repeat 0 center;
        
        color      : #05A;
        font-size  : 16px;
        font-weight: bold;
    }
    
        div.text h4 a {
            text-decoration: none;
        }
        
        div.text h4 a:hover {
            text-decoration: underline;
        }

    span.text-date {
        color    : #777;
        font-size: 12px;
    }
    
    div.text-entry {
        padding-top: 5px;
        
        text-align: justify;
    }
    
    div.text-back {
        padding-top: 20px;
    }
    
        div.text-back a {
            display: block;
            
            padding-left: 10px;
            
            background: transparent url('/styles/images/arrow-left.png') no-repeat 0 center;
            
            color          : #05A;
            text-decoration: none;
        }
        
    div.text-image {
        
    }
    
        div.text-more-images a, div.text-more-gallery a {
            display: block;
            
            margin      : 3px;
            margin-top  : 94px;
            padding-left: 10px;
            
            background: transparent url('/styles/images/arrow-right.png') no-repeat 0 center;
            
            color          : #05A;
            font-size      : 14px;
            text-decoration: none;
        }
        
        div.text-more-images a:hover, div.text-more-gallery a:hover {
            text-decoration: underline;
        }
    
        div.text-more-gallery a {
            margin      : 3px;
            margin-top  : 80px;
            padding-left: 10px;
            
            background: transparent url('/styles/images/arrow-right.png') no-repeat 0 4px;
            
            color          : #05A;
            font-size      : 14px;
            text-decoration: none;
        }
        
    div.text-file {
       margin-bottom: 10px;
    }
    
        div.text-file a {
            margin      : 3px;
            margin-top  : 80px;
            padding-left: 10px;
            
            background: transparent url('/styles/images/arrow-right.png') no-repeat 0 4px;
            
            color          : #05A;
            font-size      : 14px;
            text-decoration: none;
        }
    
    
    
div.links {
    
}

    div.links ul {
        list-style-image: url('/styles/images/arrow-right.png');
        
        margin       : 0;
        margin-top   : 5px;
        margin-bottom: 20px;
        padding      : 0;
        padding-left : 30px;
    }
    
        div.links ul li {
                line-height: 20px;
            
        }
        
            div.links ul li a {
                font-size      : 14px;
                text-decoration: none;
            }
            
            div.links ul li a:hover {
                text-decoration: underline;
            }
            
div.pageination {
    width : 250px;
    margin: 0 auto;
}
    
    div.pageination div {
        height      : 24px;
        line-height : 24px;
        margin-right: 10px;
        
        color    : #05A;
        font-size: 18px;
    }
    
        div.pageination div a {
            font-size      : 22px;
            text-decoration: none;
        }
        
        
img.games-applogo, img.app-useravatar {
    width  : 184px;
    height : 69px;
    padding: 3px;
    
    background-color: #E6E6E6;
    border          : 1px solid #CCC;
    
    transition: border 0.5s;
}

a:hover img.games-applogo, a:hover img.app-useravatar {
    background-color: #CCC;
    border          : 1px solid #444;
    
    transition: border 0.5s;
    /*transition: background 0.5s;*/
}

div.games-hours, div.app-hours {
    height      : 40px;
    line-height : 40px;
    padding-left: 10px;
    
    background-color: #ACF;
    
    color      : #444;
    font-size  : 16px;
    font-weight: bold;
    text-shadow: #999 1px 1px 2px;
    
    overflow   : visible;
    white-space: nowrap;
    cursor     : default;
    
    box-shadow: #999 2px 2px 3px;
}

table.games-owned {
    
}

    table.games-owned tr {
        
    }
    
        table.games-owned td {
            /*width: 250px;*/
        }
        
div.games-stats {
    height     : 40px;
    margin-left: 5px;
    
    border       : 1px solid #000;
    border-top   : none;
    border-bottom: none;
}

    div.games-stats>div {
        width      : 65px;
        height     : inherit;
        line-height: 24px;
        /*margin-right: 5px;*/
        padding: 0 5px;
        
        border       : 1px solid #000;
        border-top   : none;
        border-bottom: none;
        
        color      : #FFF;
        font-size  : 22px;
        font-weight: bold;
        text-shadow: #000 1px 1px 2px;
        
        /*box-shadow: #999 2px 2px 3px;*/
    }
    
    div.games-stats div.games-stats-owned, div.app-stats-owned {
        background: #CCED67;
    }
    
    div.games-stats div.games-stats-notowned, div.app-stats-notowned {
        background: #F1342F;
    }
    
        div.games-stats span.games-stats-unknown, span.app-stats-unknown {
            font-size: 14px;
        }
    
    div.games-stats div.games-stats-played, div.app-stats-played {
        background: #4ED7C5;
    }
    
    div.games-stats div.games-stats-wishlist, div.app-stats-wishlist {
        background: #F1B32F;
    }
    
    div.games-stats div.games-stats-steam {
        width       : 27px;
        padding     : 0;
        border-right: none;
    }
    
        div.games-stats-note, div.app-stats-note {
            line-height: 16px;
            
            color      : #000;
            font-size  : 10px;
            font-weight: normal;
            /*text-align: right;*/
            text-shadow   : none;
            text-transform: uppercase;
        }
        
        
div.filter {
    height       : 18px;
    margin-bottom: 10px;
    padding-left : 10px;
    
    background-color: transparent;
    
    font-size: 12px;
}

    div.filter div.filter-abc {
        width      : 140px;
        line-height: 18px;
    }

    div.filter div.filter-sort {
        width      : 400px;
        line-height: 18px;
        
        text-align: right;
    }

        div.filter select {
            height          : 18px;
            background-color: transparent;
            
            color    : #000;
            font-size: 9px;
        }
        
        div.filter div.filter-sort input {
            margin : 0;
            padding: 0;
            
            background: transparent;
            border    : none;
            
            color          : #000;
            font-size      : 12px;
            text-decoration: underline;
            
            cursor: pointer;
        }
        
div.app, div.app-own, div.app-notown, div.app-played, div.app-wishlist {
    margin-bottom: 20px;
}
    
    div.app-image {
        width  : 552px;
        height : 215px;
        padding: 3px;
        
        background-color: #E6E6E6;
        border          : 1px solid #CCC;
        
    }

        div.app-image img {
            width : 460px;
            height: 215px;
        }
        
        div.app-stats {
            margin-left: 3px;
        }
        
            div.app-stats div.app-stats-cell  {
                width : 79px;
                height: 45px;
                
                margin-bottom: 3px;
                padding      : 3px;
                
                border       : 2px solid #000;
                border-top   : none;
                border-bottom: none;
                
                color      : #FFF;
                font-size  : 26px;
                font-weight: bold;
                text-shadow: #000 1px 1px 2px;
            }
            
            div.app-stats-owned, div.app-stats-wishlist {
                height: 46px !important;
            }
            
            div.app-stats-note {
                margin : 0;
                padding: 0;
                
                border: 0;
                
                font-size  : 12px;
                font-weight: bold;
            }
            
    div.app-own,
    div.app-notown,
    div.app-played,
    div.app-wishlist {
        
    }
    
        img.app-useravatar {
            width : 64px;
            height: 64px;
        }
        
        img.app-useravatar-private {
            background-color: #E68888;
            border-color    : #900;
        }
        
        div.app-own img.app-useravatar,
        div.app-notown img.app-useravatar,
        div.app-wishlist img.app-useravatar {
            margin: 0 3px 5px 2px;
        }
        
        div.app-username {
            
        }
        
        div.app-hours {
            height     : 35px;
            line-height: 35px;
        }
        
    div.app-data {
        
    }
    
        div.app-data div {
            width      : 176px;
            height     : 25px;
            line-height: 25px;
            
            margin-top  : 4px;
            margin-right: 4px;
            padding     : 0 3px;
            
            background-color: #E6E6E6;
            border          : 1px solid #CCC;
            
            font-weight: bold;
            text-align : center;
        }
        
div.wishlist {
    
}

    div.wishlist-item {
        height       : 223px;
        margin-bottom: 3px;
        
        /*border: 1px solid #F0F;*/
    }
    
        div.wishlist-item img, div.wishlist-compact img, div.wishlist-users img, div.wishlist-counter, div.wishlist-counter-compact, div.wishlist-sale-compact {
            padding: 3px;
            
            background-color: #E6E6E6;
            border          : 1px solid #CCC;
        }
        
            div.wishlist-item a:hover img, div.wishlist-compact a:hover img, div.wishlist-users a:hover img {
                background-color: #CCC;
                border-color    : #444;
                
                transition: border 0.5s;
            }
        
        div.wishlist-counter {
            width      : 81px;
            height     : 215px;
            line-height: 215px;
            margin-left: 3px;
            
            font-size  : 48px;
            font-weight: bold;
            text-align : center;
        }
        
        div.wishlist-users img {
            
        }
        
    div.wishlist-compact {
        width        : 280px;
        margin-bottom: 10px;
    }
    
        div.wishlist-compact img {
            width : 203px;
            height: 95px;
        }
    
        div.wishlist-title-compact {
            height     : 25px;
            line-height: 25px;
            
            color      : #444;
            font-size  : 18px;
            font-weight: bold;
            text-shadow: #999 1px 1px 2px;
            
            overflow: hidden;
        }
        
        div.wishlist-counter-compact {
            width      : 50px;
            height     : 95px;
            line-height: 95px;
            margin-left: 3px;
            
            font-size  : 24px;
            font-weight: bold;
            text-align : center;
        }
        
        div.wishlist-sale-compact {
            width      : 50px;
            height     : 34px;
            line-height: 34px;
            margin-top : 3px;
            margin-left: 3px;
            
            font-size  : 14px;
            font-weight: bold;
            text-align : center;
        }
        
    div.user {
        margin-bottom: 20px;
    }
    
        div.user-image {
            margin-right: 5px;
        }
        
        div.user-data {
            
        }
        
            div.user-data:first-child {
                /*height: 25px !important;*/
            }
        
            div.user-data-box, div.user-data-box-half {
                width      : 355px;
                height     : 25px;
                line-height: 25px;
                
                margin-bottom: 6px;
                padding      : 0 3px;
                
                background-color: #E6E6E6;
                border          : 1px solid #CCC;
            }
            
            div.user-data-box-half {
                width: 171px;
                /*height: 26px;*/
                margin-right: 5px;
            }
            
            div.user-data-box-private {
                background-color: #E68888;
                
                font-weight: bold;
                text-align : center;
            }
            
        div.user-data-headline {
            font-style : italic;
            font-weight: bold;
            text-align : center;
        }
        
    table td.achievements-image {
        width: 72px;
    }
    
    table td.achievements-text {
        width: 452px;
    }
    
    table td.achievements-icons {
        width: 36px;
    }
    
    select.achievements-select {
        width: 500px;
    }
    
    table.whitelist {
        border-collapse: collapse;
    }
    
        table.whitelist tr {
            
        }
            
        table.whitelist tr:hover {
            background-color: #DDD;
        }
        
            td.whitelist-name {
                width       : 400px;
                padding-left: 5px;
            }
            
            td.whitelist-date {
                width: 55px;
                
                color     : #777;
                font-size : 10px;
                text-align: center;
            }
            
            td.whitelist-action {
                width: 120px;
                
                text-align: center;
            }
            
                td.whitelist-action input {
                    cursor: pointer;
                }
            
            table.whitelist td {
                border-bottom: 1px solid #CCC;
            }
            
    div.whitelist-users {
        
    }
    
        div.whitelist-users input {
            width: 435px;
        }
        
        div.whitelist-users select {
            width: 440px;
        }
        
        div.whitelist-users input[type="submit"] {
            width: 120px;
        }
        
    table tr.user-add td {
        padding-left: 34px;
        background  : #CFC url('/styles/images/icons/plus.png') no-repeat 5px center;
    }
        
    table tr.user-del td {
        padding-left: 34px;
        background  : #FCC url('/styles/images/icons/nok.png') no-repeat 5px center;
    }