/* ------------------------------*/
/* styles for the drop down menu
/* ------------------------------*/

.zero-menu {
    border: 1px solid black;
    list-style: none;
    background: #222;
    padding: 0 !important;
    margin: 0 !important;
    display: none;
}

.zero-menu li {
    margin: 0 !important;
    text-align: left;
    width: 160px;
}

.zero-menu a {
    display: block;
}

/* ------------------------------*/
/* styles for the page manager
/* ------------------------------*/

div.container {
    border: 1px solid grey;
    background: #eee;
    padding: 20px;
    margin-bottom: 10px;
}

div.container p,
div.container li {
    font-size: 10pt;
}

div.container p {
    margin-top: 10px;
}

div.container a {
    text-decoration: underline;
}

div.container h1 {
    margin-bottom: 10px;
    border-bottom: 1px dotted #026CB1;
}

div.container h2 {
    margin-bottom: 10px;
    border-bottom: 1px dotted #026CB1;
    margin-top: 40px;
}

div.container h3 {
    margin-top: 10px;
}

.indent {
    margin-left: 20px;
}


/* ------------------------------*/
/* styles for the management page
/* ------------------------------*/

div.stUserContainer {
    border: 1px solid black;
    width: 30%;
    display: inline-block;
    padding: 5px;
}

div.stUserIcon {
    padding: 3px;
    border-radius: 5px;
    float: left;
    width: 64px;
    height: 64px;
    
    background: linear-gradient(
        to bottom, #706c6b 5%,#4e4d4d 95%);
    border: 1px solid #4e4d4d ;
}

div.stUserIcon img {
    border-radius: 5px;
    width: 64px;
    height: 64px;
}

div.stUserIcon img.loadingGif {
    border-radius: 5px;
    width: auto;
    height: auto;
}

div.stUserName {
    float: left;
    width: 190px;
    height: 20px;
    margin-left: 10px;
    font-weight: bold;
    border-bottom: 1px dotted black;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

div.stCurrentStatus {
    float: left;
    width: 70%;
    margin-left: 10px;
    font-weight: bold;
    text-transform:capitalize;
    color: #898989
}

div.stProfileUrl {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

/* status: Online ----- */
div.stUserIcon.zero-steamapi-online {
    background: linear-gradient(
        to bottom, #7bafd6 5%,#506d92 95%);
    border: 1px solid #506d92;
}

div.stCurrentStatus.zero-steamapi-online {
    text-shadow: 2px 2px 2px #86b5d9, 
        0px 0px 1px #86b5d9, 
        -2px -2px 2px #86b5d9;
    text-transform: uppercase;
    color: black;
}

/* status: In-game ---- */
div.stUserIcon.zero-steamapi-in-game {
    background: linear-gradient(
        to bottom, #9bc861 5%,#789e4c 95%);
    border: 1px solid #789e4c;
}

div.stCurrentStatus.zero-steamapi-in-game {
    text-shadow: 2px 2px 2px #8bc53f, 
        0px 0px 1px #8bc53f, 
        -2px -2px 2px #8bc53f;
    text-transform: uppercase;
    color: black;
}


/* ------------------------------*/
/* styles for the contact page
/* ------------------------------*/

div.container table {
    border-collapse: collapse;
}

div.container th {
    border-bottom: 1px solid #999;
    background: #bbb;
}

div.container tr {
    background: #bdf;
    border-bottom: 1px solid #aaa;
}

div.container tr:nth-child(even) {
}

div.container td,
div.container th {
    padding: 3px 10px;
}

div.container td {
    vertical-align: top;
    padding-bottom: 10px;
}