/* Getting the new tags to behave */
article, aside, audio, 
canvas, command, 
datalist, details, 
embed, 
figcaption, figure, footer, 
header, hgroup, 
keygen, 
meter, 
nav, 
output, 
progress, 
section, source, 
video {
    display:block;
}
mark, 
rp, rt, ruby, 
summary, 
time {
    display:inline;
}
/* Global properties ======================================================== */
body { 
    background:url(../images/body-bg.jpg) no-repeat center top #020D0F; 
    font-family:Arial, Helvetica, sans-serif;
    font-size:100%; 
    line-height:1em;
    color:#696969;
}
html { 
    min-width:962px;     
}
table
{
    LINE-HEIGHT: 1.45em;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #1b1b1b;
    FONT-SIZE: 11px;
}

html, 
body { 
    height:100%;
}

@font-face {
    font-family: 'Calibri';
    src: local('Calibri Italic'), local('Calibri-Italic'),
    url('../fonts/Calibri-Italic.woff2') format('woff2'),
    url('../fonts/Calibri-Italic.woff') format('woff'),
    url('../fonts/Calibri-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Calibri';
    src: local('Calibri'),
    url('../fonts/Calibri.woff2') format('woff2'),
    url('../fonts/Calibri.woff') format('woff'),
    url('../fonts/Calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: local('Calibri Bold'), local('Calibri-Bold'),
    url('../fonts/Calibri-Bold.woff2') format('woff2'),
    url('../fonts/Calibri-Bold.woff') format('woff'),
    url('../fonts/Calibri-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


/* Global Structure ============================================================= */
#main {
    margin:0 auto;
    position:relative;
    width:962px;
    font-size:.75em;
}

    #mainContent {
        background-color:#fff;
        padding:4px;
    }

    /* Header */
    header{
        height:250px;
        position:relative;
    }
    
    section#content {
        width:669px; 
        margin-right:5px;
        float:left;
    }
    
    /*===== Sidebar =====*/
    aside {
        width:262px;
        float:left;
    }
    
    /* Footer */
    footer {
        padding:17px 21px 25px 21px;
        color:#fff;
    }




/* Left & Right alignment */

.fleft { 
    float:left;
}
.fright { 
    float:right;
}
.clear { 
    clear:both;
}

.col-1, 
.col-2, 
.col-3 { 
    float:left;
}

.alignright { 
    text-align:right;
}
.aligncenter { 
    text-align:center;
}    

.wrapper { 
    width:100%;
    overflow:hidden;
}



/*---- tailings ----*/
.tail-top { 
    background:url(../images/tail-top.png) left top repeat-x;
}

/*----- form defaults -----*/
input, 
select { 
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    vertical-align:middle;
    font-weight:normal;
}

TEXTAREA
{
    LINE-HEIGHT: 1.45em;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #1b1b1b;
    FONT-SIZE: 0.68em;
    BORDER-BOTTOM: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 5px;
    WIDTH: 193px;
    PADDING-RIGHT: 0px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    HEIGHT: 122px;
    FONT-SIZE: 1em;
    OVERFLOW: auto;
    BORDER-TOP: #ffffff 1px solid;
    BORDER-RIGHT: #ffffff 1px solid;
    PADDING-TOP: 0px
}


/*----- lists -----*/

.extra-nav {
    position:absolute;
    left:0;
    top:18px;
}
    .extra-nav li {
        float:left;
        border-right:1px solid #6d6c6c;
        line-height:1.2em;
        padding-right:16px;
        margin-right:16px;
    }
        .extra-nav li.last {
            border:0;
            padding:0;
            margin:0;
        }
            .extra-nav li a {
                color:#6d6c6c;
                text-decoration:none;
            }
            .extra-nav li a:hover {
                color:#fff;
            }

.platforms {
    padding-bottom:6px;
}            
.platforms li {
    display:inline;
            border-right:1px solid #3f3f3f;
            line-height:1.2em;
            padding-right:16px;
            margin-right:16px;
        }
        .platforms li.last {
            border:0;
            margin:0;
            padding:0;
        }
            .platforms li a {
                color:#757474;
                text-decoration:none;
            }
            .platforms li a:hover {
                color:#fff;
            }
            
.social-services {
    float:right;
    padding-top:9px;
}
    .social-services li {
        float:left;
        padding-left:4px;
    }
    
nav ul {
    width:100%;
    overflow:hidden;
    padding-bottom:8px;
}
    nav ul li {
        float:left;
        font-size:18px;
        line-height:1em;
        padding-right:1px;
    }
        nav ul li a {
            display:block;
            background-image:url(../images/nav-tail.gif);
            background-repeat:repeat-x;
            background-position:left top;
            color:#fff;
            text-decoration:none;
        }
        nav ul li a:hover,
        nav ul li a.active {
            background-image:url(../images/nav-act-tail.gif);
        }
            nav ul li a span {
                display:block;
                background-image:url(../images/nav-left.gif);
                background-repeat:no-repeat;
                background-position:left top;
            }
            nav ul li a:hover span,
            nav ul li a.active span {
                background-image:url(../images/nav-act-left.gif);
            }
                nav ul li a span span,
                nav ul li.first a span span {
                    background-repeat:no-repeat;
                    background-position:right top;
                    background-image:url(../images/nav-right.gif);
                    padding:20px 24px 13px 24px;
                }
                nav ul li a:hover span span,
                nav ul li.first a:hover span span,
                nav ul li a.active span span,
                nav ul li.first a.active span span {
                    background-image:url(../images/nav-act-right.gif);
                }
    nav ul li.first a span {
        background-image:url(../images/nav-first.gif);
    }
    nav ul li.first a:hover span,
    nav ul li.first a.active span {
        background-image:url(../images/nav-act-first.gif);
    }
    nav ul li.last {
        padding:0;
    }
        nav ul li.last a span span {
            padding-right:27px;
            padding-left:26px;
            background-image:url(../images/nav-last.gif);
        }
        nav ul li.last a:hover span span,
        nav ul li.last a.active span span {
            background-image:url(../images/nav-act-last.gif);
        }

.list {
    width:100%;
    overflow:hidden;
}
    .list li {
        float:left;
        width:123px;
        margin-right:7px;
    } 
    .list li.last {
        margin:0;
    }
        .list li strong {
            display:block;
            color:#f2f2f2;
            padding:5px 0 3px 0;
        }
        .list li a {
            text-decoration:none;
            color:#88888b;
        }
        .list li a:hover strong {
            color:#c3e82f;
        }
        
.list1 li {
    width:100%;
    overflow:hidden;
    vertical-align:top;
    line-height:1.5em;
    border-bottom:1px solid #e5e5e5;
    padding-bottom:13px;
    margin-bottom:13px;
}
.list1 li.last {
    border:0;
    margin:0;
    padding:0;
}
    .list1 li img {
        float:left;
        margin:0 18px 0 0;
    }
    .list1 li strong {
        color:#1d1d1d;
        font-size:1.17em;
        line-height:1.286em;
        text-transform:uppercase;
        display:block;
        padding:6px 0 8px 0;
    }
    .list1 li .link1 {
        position:relative;
        top:10px;
        vertical-align:baseline;
    }

.list2 {
    padding-bottom:1px;
}
    .list2 li {
        padding-bottom:8px;
        line-height:1.5em;
        position: relative;
    }    
        .list2 li a {
            display:block;
            width:247px;
            height:33px; /* default 50px; */
            color:#959595;
            text-decoration:none;
            background-repeat:no-repeat;  
            background-position:0 -116px;
            background-image:url(../images/buttons.gif);
        }
            .list2 li a span {
                display:block;
                padding:7px 0 0 26px;
            }
        .list2 li a:hover {
            color:#fff;
            font-weight:bold;
            background-position:0 0;
        }
        .list2 li.alt a {
            background-position:0 -58px;
        }
        .list2 li.alt a:hover {
            background-position:0 0;
        }
        
.list3 {
    padding-bottom:9px;
}
    .list3 li {
        padding-bottom:8px;
        line-height:1.5em;
    }    
        .list3 li a {
            display:block;
            width:247px;
            height:50px;
            color:#fff;
            text-decoration:none;
            background-repeat:no-repeat;
            background-position:0 -116px;
            background-image:url(../images/buttons1.gif);
        }
            .list3 li a span {
                display:block;
                padding:7px 0 0 10px;
            }
        .list3 li a:hover {
            color:#fff;
            font-weight:bold;
            background-position:0 0;
        }
        .list3 li a b {
            display:block;
        }
        .list3 li.alt a {
            background-position:0 -58px;
            color:#09567e;
        }
        .list3 li.alt a:hover {
            background-position:0 0;
            color:#fff;
        }

.list4 {
    padding-bottom:2px;
}        
    .list4 li {
        height:78px;
        background-repeat:no-repeat;
        background-position:right top;
        background-image:url(../images/bg-right1.gif);
        background-color:#3a3a3a;
        width:100%;
        overflow:hidden;
        vertical-align:top;
        cursor:pointer;
        padding-top:10px;
        margin-bottom:6px;
    }
        .list4 li span {
            display:block;
            padding-right:14px;
        }
        .list4 li img {
            float:left;
            margin:-10px 15px 0 0;
        }
        .list4 li a {
            color:#9d9d9d;
            text-decoration:none;
        }
        .list4 li a:hover {
            color:#fff;
            font-weight:bold;
        }
        .list4 li a strong {
            display:inline-block;
            color:#fff;
            position:relative;
            cursor:pointer;
            top:12px;
            background:url(../images/button-tail1.gif) repeat-x left top;
        }
            .list4 li a strong strong {
                background:url(../images/button-left1.gif) no-repeat left top;
                top:0;
            }
            .list4 li a strong b {
                font-size:.92em;
                display:block;
                padding:4px 6px 3px 6px;
                background:url(../images/button-right1.gif) no-repeat right top;
            }
.list4 li.alt {
    background-image:url(../images/bg-right2.gif);
    background-color:#2b2b2b;
}


/*----- other -----*/

p {
    margin-bottom:16px;
    line-height:1.5em;
}

dl {
    padding-top:7px;
}
    dl dt {
        color:#1d1d1d;
        font-size:1.17em;
        line-height:1.286em;
        text-transform:uppercase;
        display:block;
        padding:0 0 8px 0;
        font-weight:bold;
    }
    dl dd {
        padding-bottom:20px;
        line-height:1.5em;
    }
    
    
.inside {
    padding:13px 8px 9px 13px;
}
    
.indent {
    margin-bottom:6px;
}
.indent1 {
    padding-bottom:24px;
}
.indent2 {
    margin-bottom:7px;
}
    

/*----- txt, links, lines, titles -----*/
a {
    color:#1d1d1d; 
    outline:none;
}
a:hover {
    text-decoration:none;
}

/*h1 {
    text-indent:-9999px;
    position:absolute;
    top:80px;
    left:-1px;
}*/
    h1 a {
        width:235px;
        height:70px;
        float:left;
        background:url(../images/logo.gif) no-repeat left top;
    }
h2 {
    font-size:18px;
    line-height:1.2em;
    color:#fff;
    /*text-transform:uppercase;*/
    background:url(../images/title-left1.gif) no-repeat left top #3a3a3a;
    position:relative;
    margin-bottom:5px;
}
h2.extra {
    background:url(../images/title-left2.gif) no-repeat left top #9c9c9c;
    margin:0;
}
    h2 span {
        display:block;
        background-image:url(../images/title-right1.gif);
        background-repeat:no-repeat;
        background-position:right top;
        padding:12px 0 9px 12px;
        height:22px;
        overflow:hidden; 
    }
    h2.extra span {
        background-image:url(../images/title-right2.gif);
    }
    h2 a {
        font-weight:bold;
        position:absolute;
        right:15px;
        top:13px;
        line-height:1.2em;
        color:#fff;
        text-transform:none;
        font-size:.667em;
    }
h5 {
    color:#c3e82f;
    font-size:1em;
    line-height:1.5em;
    margin-bottom:16px;
}

.link1 { 
    display:inline-block;
    background:url(../images/link1-bgd.gif) left top repeat-x; 
    color:#fff;
    line-height:1.2em; 
    text-decoration:none;
    cursor:pointer;
}
    .link1 span {
        display:inline-block;
        background:url(../images/link1-left.gif) no-repeat left top;
    }
    .link1 b { 
        background:url(../images/link1-right.gif) no-repeat right top; 
        padding:4px 8px 5px 8px;
        display:block; 
    }
    .link1:hover b { 
        text-decoration:underline;
    }
    
.link5 { 
    display:inline-block;
    background:url(../images/link2-bgd.gif) left top repeat-x; 
    color:#fff;
    line-height:1.2em; 
    text-decoration:none;
    cursor:pointer;    
    }
    .link5 span {
        display:inline-block;
        background:url(../images/link2-left.gif) no-repeat left top;
    }
    .link5 b { 
        background:url(../images/link2-right.gif) no-repeat right top; 
        padding:5px 8px 4px 8px;
        display:block; 
    }
    .link5:hover b { 
        text-decoration:underline;
    }
    
.link3 { 
    display:inline-block;
    background:url(../images/link3-bgd.gif) left top repeat-x; 
    color:#fff;
    line-height:1.2em; 
    text-decoration:none;
    cursor:pointer;
}
    .link3 span {
        display:inline-block;
        background:url(../images/link3-left.gif) no-repeat left top;
    }
    .link3 b { 
        background:url(../images/link3-right.gif) no-repeat right top; 
        padding:5px 8px 4px 8px;
        display:block; 
    }
    .link3:hover b { 
        text-decoration:underline;
    }
    
.link4 { 
    display:inline-block;
    background:url(../images/link4-bgd.gif) left top repeat-x; 
    color:#fff;
    line-height:1.2em; 
    text-decoration:none;
    cursor:pointer;
}
    .link4 span {
        display:inline-block;
        background:url(../images/link4-left.gif) no-repeat left top;
    }
    .link4 b { 
        background:url(../images/link4-right.gif) no-repeat right top; 
        padding:5px 8px 4px 8px;
        display:block; 
    }
    .link4:hover b { 
        text-decoration:underline;
    }
    
/*
a.link2 {
    color:#f2f2f2;
    text-decoration:none;
    line-height:1.2em;
    float:left;
    background:url(../images/button-tail2.gif) repeat-x left top;
    position:relative;
    top:-1px;
    cursor:pointer;
}
a.link2:hover {
    color:#b5d8fc;
}
    a.link2 span {
        float:left;
        background:url(../images/button-left2.gif) no-repeat left top;
    }
        a.link2 span span {
            background:url(../images/button-right2.gif) no-repeat right top;
            padding:5px 9px 5px 9px;
        }            

*/

.link2
{
    MARGIN-TOP: 10px;
    DISPLAY: inline-block;
    BACKGROUND: url(../images/link-tail-bg.gif) repeat-x 50% top;
    COLOR: #35383a;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.link2 SPAN
{
    DISPLAY: inline-block;
    BACKGROUND: url(../images/link-right-bg.gif) no-repeat right top
}
.link2 SPAN SPAN
{
    PADDING-BOTTOM: 4px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    BACKGROUND: url(../images/link-left-bg.gif) no-repeat left top;
    PADDING-TOP: 4px
}
.link2:hover
{
    BACKGROUND: url(../images/link-tail-bg2.gif) repeat-x 50% top
}
.link2:hover SPAN
{
    BACKGROUND: url(../images/link-right-bg2.gif) no-repeat right top
}
.link2:hover SPAN SPAN
{
    BACKGROUND: url(../images/link-left-bg2.gif) no-repeat left top
}
            
            
/*==================boxes====================*/
.main-box {
    width:100%;
}
    .main-box .left-top-corner {
        background:url(../images/left-top-corner.gif) no-repeat left top #1d1d1d;
        width:100%;
    }
    .main-box .left-bot-corner {
        background:url(../images/left-bot-corner.png) no-repeat left bottom;
        height:6px;
        padding-left:6px;
    }
    .main-box .right-bot-corner {
        background:url(../images/right-bot-corner.png) no-repeat right bottom;
        height:6px;
        padding-right:6px;
    }
    .main-box .border-bot {
        height:6px;
        font-size:0;
        line-height:0;
        overflow:hidden;
        background-color:#1d1d1d;
    }
    .main-box .inner {
        padding:9px 9px 0 9px;
    }
    
.box {
    width:100%;
    background-color:#1d1d1d;
    color:#88888b;
}
    .box .left-top-corner {
        background:url(../images/left-top-corner1.gif) no-repeat left top;
    }
    .box .right-top-corner {
        background:url(../images/right-top-corner.gif) no-repeat right top;
    }
    .box .left-bot-corner {
        height:auto;
        padding:0;
        width:100%;
        background:url(../images/left-bot-corner1.gif) no-repeat left bottom;
    }
    .box .right-bot-corner {
        height:auto;
        padding:0;
        background:url(../images/right-bot-corner1.gif) no-repeat right bottom;
    }
    .box .inner {
        padding:8px;
    }
    .box .inner1 {
        padding:8px 8px 9px 7px;
    }
    .box .inner2 {
        padding:25px 8px 28px 20px;
    }
    .box h2 {
        background:none;
        color:#8e8e8e;
        text-align:right;
        padding:4px 6px 0 0;
        margin-bottom:8px;
    }
        .box h2 span {
            background:none;
            padding:0;
        }
        
.box1 {
    width:100%;
    background-color:#09567e;
}
    .box1 .left-top-corner {
        background:url(../images/left-top-corner2.gif) no-repeat left top;
    }
    .box1 .right-top-corner {
        background:url(../images/right-top-corner1.gif) no-repeat right top;
    }
    .box1 .left-bot-corner {
        height:auto;
        padding:0;
        background:url(../images/left-bot-corner2.gif) no-repeat left bottom;
    }
    .box1 .right-bot-corner {
        height:auto;
        padding:0;
        background:url(../images/right-bot-corner2.gif) no-repeat right bottom;
    }
    .box1 .inner {
        padding:8px 8px 9px 7px;
    }
    .box1 h2 {
        background:none;
        color:#fff;
        text-align:right;
        padding:4px 6px 0 0;
        margin-bottom:8px;
    }
        .box1 h2 span {
            background:none;
            padding:0;
        }



/*===== header =====*/

header div.platforms {
    position:absolute;
    top:198px;
    right:0;
    background:url(../images/platforms-left.png) no-repeat left top;
}
    header div.platforms .right {
        padding:0 6px;
        float:left;
        background:url(../images/platforms-right.png) no-repeat right top;
    }
    header div.platforms ul {
        height:61px;
        float:left;
        background:url(../images/platforms-tail.gif) repeat-x left top;
        padding:0 22px 0 21px;
    }
        header div.platforms ul li {
            float:left;
            font-weight:bold;
            border-right:1px solid #3f3f3f;
            line-height:1.2em;
            padding-right:16px;
            margin-right:16px;
            position:relative;
            top:20px;
        }
        header div.platforms ul li.last {
            border:0;
            margin:0;
            padding:0;
        }
            header div.platforms ul li a {
                color:#757474;
                text-decoration:none;
            }
            header div.platforms ul li a:hover {
                color:#fff;
            }


/*===== footer =====*/
footer a {
    color:#c3e82f;
    text-decoration:none;
}
footer a:hover {
    text-decoration:underline;
}


/*----- forms -----*/

#loginform fieldset {    
    float:right;
    padding-top:14px;
}
#loginform input {
    background:none;
    border:0;
    color:#c0c0c0;
    vertical-align:top;
    line-height:1.2em;
    margin:3px 0 0 8px;
    width:76px;
}
#loginform strong#field1 {
    float:left;
    width:92px;
    height:23px;
    margin-right:3px;
    background:url(../images/input-bg1.gif) no-repeat left top;
}
#loginform strong#field2 {
    width:206px;
    height:23px;     
    margin-right:3px;  
    padding-top:2px;
    padding-bottom:8px;
    background:url(../images/input-bg1.gif) no-repeat left top;
}
#loginform b {
    font-size:.92em;
    line-height:1.2em;
    font-weight:normal;
    float:left;
    color:#a2dc04;
    padding-left:9px;
}
    #loginform b a {
        color:#f2f2f2;
        text-decoration:none;
    }
    #loginform b a:hover {
        text-decoration:underline;
    }
      
#loginform a.login {
    color:#f2f2f2;
    text-decoration:none;
    line-height:1.2em;
    float:left;
    background:url(../images/button-tail.gif) repeat-x left top;
    position:relative;
    top:-1px;
    cursor:pointer;
}
#loginform a.login:hover {
    color:#b5d8fc;
}
    #loginform a.login span {
        float:left;
        background:url(../images/button-left.gif) no-repeat left top;
    }
        #loginform a.login span span {
            background:url(../images/button-right.gif) no-repeat right top;
            padding:5px 9px 5px 9px;
        }
        

        
        
#search-form fieldset {
    position:absolute;
    right:0;
    top:75px;
}
#search-form span {
    width:218px;
    height:28px;
    background:url(../images/input-bg2.gif) no-repeat left top;
    float:left;
    margin-right:2px;
}
#search-form input {
    background:none;
    border:0;
    color:#5d5e5e;
    vertical-align:top;
    line-height:1.2em;
    margin:6px 0 0 11px;
    width:197px;
}
#search-form a.search {
    float:left;
    width:29px;
    height:28px;
    background:url(../images/search-button.gif) no-repeat left top;
}
        

/*==========================================*/

#bottomSect .inside {
    padding:18px 18px 14px 16px;
}
#bottomSect .extra-nav {
    position:static;
}

/*---*/

div#feature_list {
    width:669px;
    height:200px; /* Default: 480px 275 */  
    margin: 3px 3px 3px 3px ;
    overflow: hidden;
    position: relative;
}

div#feature_list ul {
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul#tabs {
    z-index: 10;
    position:absolute;
    left:8px;
    height:117px; /* 117 80 */
    top:186px;
    width:661px;
}

ul#tabs li {
    float:left;
    margin-right:7px;
}

ul#tabs li a {
        width:213px;
        height:80px; /* 117 100 */
        float:left;
        display:block;
        background-image:url(../images/thumb-bg.gif);
        background-repeat:no-repeat;
        background-position:left bottom;
        text-decoration:none;
        color:#fff;
}
    ul#tabs li a span {
            display:block;
            padding:32px 0 0 20px;
        }
            ul#tabs li a span span {
                padding:0;
                color:#ff8400;
                padding:3px 0 10px 0;
            }
        ul#tabs li a strong {
            font-size:1.17em;
            text-transform:uppercase;
        }
        ul#tabs li a b {
            text-decoration:underline;
        }
    ul#tabs li a.current,
    ul#tabs li a:hover {
        background-image:url(../images/thumb-act.png);
        background-position:left top;
    }
        ul#tabs li a.current span span,
        ul#tabs li a:hover span span {
            color:#fff;
        }

ul#output {
    width:669px;
    height: 197px; /* Default: 366px 197 */
    position: relative;
    left:0;
    top:0;
    z-index:1;
}

    ul#output li {
        position: absolute;
        width:669px;
        height: 197px; /* Default: 366px 197 */
        left:0;
        top:0;
    }

.webMaster
{
    TEXT-ALIGN: right;
    PADDING-RIGHT: 10px;
    COLOR: gray
}
.webMaster A
{
    COLOR: gray;
    TEXT-DECORATION: none
}
.alert1
{
    BORDER-BOTTOM: #797d81 outset;
    TEXT-ALIGN: center;
    BORDER-LEFT: #797d81 outset;
    PADDING-BOTTOM: 10px;
    BACKGROUND-COLOR: #e6e7e8;
    MARGIN: 10px;
    PADDING-LEFT: 10px;
    WIDTH: 500px;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #797d81 outset;
    BORDER-RIGHT: #797d81 outset;
    PADDING-TOP: 10px
}
.table
{
    BORDER-BOTTOM: #666666 thin solid; /*666666*/
    BORDER-LEFT: #666666 thin solid;
    WIDTH: 100%;
    BORDER-TOP: #666666 thin solid;
    BORDER-RIGHT: #666666 thin solid;                            
    COLOR: #000;
    border-collapse:separate;
    border-spacing:2px;
    font-size: 11px;
}
.table .coluna1
{
    TEXT-ALIGN: center;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #B9D7FF;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    COLOR: black;
    PADDING-TOP: 2px
}
.table .coluna2
{
    TEXT-ALIGN: center;
    PADDING-BOTTOM: 2px;
    /*BACKGROUND-COLOR: #EAF3FF;*/
    background-color: #dbe9fd;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 2px
}
.table .coluna3
{
    TEXT-ALIGN: center;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #F4F9FF;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 2px
}
.table .coluna4
{
    TEXT-ALIGN: center;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #E6C5C5;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 2px
}
.table .coluna5
{
    TEXT-ALIGN: center;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #45d064;
    COLOR: #fff;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 2px
}
.table .coluna6
{
    TEXT-ALIGN: center;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #fff3cd;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 2px
}
.table .coluna7
{
    TEXT-ALIGN: center;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #14b866;
    COLOR: #fff;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 2px
}
.table .coluna7 a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}
.table .coluna7 a:hover {
    color: #0b2e13;
    font-weight: bold;
    text-decoration: underline;
}
.table .coluna8 {
    TEXT-ALIGN: center;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #d9edf7;
    COLOR: #31708f;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 2px
}
.table .coluna2 A
{
    COLOR: black
}
.table .coluna3 A
{
    COLOR: black
}
.button
{
    BORDER-BOTTOM: #C1DCFF 2px solid;
    TEXT-ALIGN: center;
    BORDER-LEFT: #C1DCFF 2px solid;
    WIDTH: 150px;
    HEIGHT: 30px;
    BORDER-TOP: #C1DCFF 2px solid;
    FONT-WEIGHT: bolder;
    BORDER-RIGHT: #C1DCFF 2px solid ;
    COLOR: #000;
    font-size: 11px;
    vertical-align: middle;
    border-collapse:separate;
    border-spacing:2px;
    background-color: rgb(225, 238, 255);
}
.button:hover {
    background-color: #D5E7FF;
    cursor: pointer;
}
.noscript
{
    BORDER-BOTTOM: gray solid;
    POSITION: absolute;
    BORDER-LEFT: gray solid;
    PADDING-BOTTOM: 10px;
    BACKGROUND-COLOR: #e1e1e1;
    PADDING-LEFT: 10px;
    WIDTH: 200px;
    PADDING-RIGHT: 10px;
    BORDER-TOP: gray solid;
    TOP: 60px;
    BORDER-RIGHT: gray solid;
    PADDING-TOP: 10px;
    LEFT: 64%
}
.guildMarkMaker
{                          
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    background-color: #999999;
}
.guildMarkMaker td
{
    width: 20px;
    height: 20px;
    background-color: #000000;
}
.setColors td
{           
    border-width: 1px;
    border-style: solid;
    border-color: #000000;       
    width: 20px;
    height: 20px;              
}
.setColors #PText
{                     
    border-style: none;
}
.setColors #PSet
{                   
    background-color: #E6E6E6;
    height: 20px;
}
.setColors #P0
{                   
    background-color: #E6E6E6;
}
.setColors #P1
{                   
    background-color: #000000;
}
.setColors #P2
{                   
    background-color: #8c8a8d;
}
.setColors #P3
{                   
    background-color: #ffffff;
}
.setColors #P4
{                   
    background-color: #fe0000;
}
.setColors #P5
{                   
    background-color: #ff8a00;
}
.setColors #P6
{                   
    background-color: #ffff00;
}
.setColors #P7
{                   
    background-color: #8cff01;
}
.setColors #P8
{                   
    background-color: #00ff00;
}
.setColors #P9
{                   
    background-color: #01ff8d;
}
.setColors #PA
{                   
    background-color: #00ffff;
}
.setColors #PB
{                   
    background-color: #008aff;
}
.setColors #PC
{                   
    background-color: #0000fe;
}
.setColors #PD
{                   
    background-color: #8c00ff;
}
.setColors #PE
{                   
    background-color: #ff00fe;
}
.setColors #PF
{                   
    background-color: #ff008c;
}
.graphic
{
    background-color: #F8F8F8;
    width: 605px;
    height: 218px;
    border-color: #2F2F2F;
    border-style:solid; 
}
.graphic .bar
{                          
    background-color: #6F6F6F; 
    margin: 0px 0px 0px 1px;
    height: 200px;
}
.graphic .bar:hover
{                          
    background-color: #A3A3A3;
}
.graphic .barTop
{                          
    background-color: #C40000; 
    margin: 0px 0px 0px 1px;
    height: 200px; 
}
.graphic .barTop:hover
{                          
    background-color: #FF4646;
}

/***********************************************************************/
#registerForm
{
    width: 637px;
}
#registerForm .form-group
{
    min-height: 48px;
}
#registerForm .form-group.recaptcha
{
    height: 83px;
}
#registerForm .form-group.recaptcha #g-recaptcha
{
    margin-left: 193px;
}
.form-group label
{
    display: block;
    float: left;
    width: 180px;
    text-align: right;
    font-weight: bold;
    padding-right: 13px;
    font-size: 12px;
    vertical-align: top;
    padding-top: 7px;
}
.form-group .form-control
{
    outline: none;
    display: block;
    width: 276px;
    padding: 6px 12px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-group.form-group-inline {
    display: inline-block;
}
.form-group .form-control:focus
{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.form-group .form-control.has-error
{
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.form-group .form-control:focus.has-error
{
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}
.form-group .form-control.phone-input {
    padding-right: 6px;
    padding-left: 52px;
    width: 302px;
}
.form-group .help-block
{
    color: #999999;
    margin: 1px 0 0 197px;
    display: none;
}
.form-group .form-control.has-error + .help-block
{
    color: red;
    display: block;
}
.form-group .form-control:focus + .help-block
{
    display: block;
}
.form-group .checkbox
{
    padding-top: 7px;
}
.form-group.submit
{
    margin: 0px;
    height: 28px;
    text-align: center;
    padding: 0;
}
.form-group.submit a
{
    margin: 0px;
}
.form-group.submit a span
{
    margin: 0px;
    color: #000;
    display: block;
}
#registerForm #strengthPassword
{
    width: 302px;
    height: 5px;
    position: absolute;
    margin: 24px 0px 0px 193px;
    border-radius: 3px;
}
#registerForm #strengthPassword.weak
{
    background: #f44336;
}
#registerForm #strengthPassword.medium
{
    background: #ffc107;
}
#registerForm #strengthPassword.strong
{
    background: #4caf50;
}
#registerForm .form-group.username em,
#registerForm .form-group.password em
{
    color: #999;
}
#registerForm .form-group.username ul,
#registerForm .form-group.password ul
{
    color: #999;
    padding-left: 7px;
}
#registerForm .form-group.password ul li
{
    padding-left: 10px;
    background: url(../images/false.gif) no-repeat 0px 5px;
}
#registerForm .form-group.password ul li.true
{
    background: url(../images/true.gif) no-repeat 0px 5px;
}

.input-control, .input-control-inline {
    outline: none;
    display: block;
    padding: 2px 1px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.input-control-inline {
    display: inline-block;
}

.input-control.has-error, .input-control-inline.has-error
{
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.input-control:focus.has-error, .input-control-inline:focus.has-error
{
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}

.input-control::after.legend, .input-control-inline::after.legend
{
    color: #999999;
    margin: 1px 0 0 197px;
    display: none;
}

.input-control.has-error + span, .input-control-inline.has-error + span
{
    color: red;
    display: block;
}

.input-control.has-info + span, .input-control-inline.has-info + span
{
    color: #2c1fab;
    display: block;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #007bff;
    padding: .375rem .75rem;
    font-size: 1em;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #fff;
    background-color: #007bff;
    text-decoration: none;
}
.btn:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    opacity: .65;
}
.btn:disabled:hover {
    cursor: not-allowed;
}
.btn.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.btn.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}
.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-secondary:hover {
    color: #fff !important;
    background-color: #5a6268 !important;
    border-color: #545b62 !important;
}
.btn:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    cursor: pointer;
}
.btn-sm {
    padding: .25rem .5rem;
    font-size: .920rem;
    line-height: 1.2;
    border-radius: .2rem;
    position: relative;
    top: -1px;
}
a.btn {
    color: #fff !important;
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}
.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}
.text-primary {
    color: #007bff!important;
}
.text-primary {
    color: #007bff!important;
}
.text-success {
    color: #28a745!important;
}
.text-danger {
    color: #dc3545!important;
}
.text-warning {
    color: #ffc107!important;
}
.text-info {
    color: #17a2b8!important;
}
.text-light {
    color: #f8f9fa!important;
}
.text-dark {
    color: #343a40!important;
}
.text-muted {
    color: #6c757d!important;
}
.text-white {
    color: #fff!important;
}
.text-black-secondary {
    color: #3a3a3a !important;
}
.text-purple {
    color: #bb76d2 !important;
}
.text-center {
    text-align: center !important;
}
.text-left {
    text-align: left;
}
.text-uppercase {
    text-transform: uppercase;
}
#google-register {
    display: block;
    background: url('../images/google-register.png') no-repeat;
    width: 215px;
    height: 26px;
    font-family: "Tahoma", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;;
    color: #515151;
    border: none;
    outline: none;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    transition: background 0.4s;
}

#google-register span {
    margin-left: 30px;
}

#google-register:hover {
    cursor: pointer;
    background: url('../images/google-register-hover.png') no-repeat;
}

#apple-register {
    display: block;
    background: url('../images/apple-register.png') no-repeat;
    width: 215px;
    height: 26px;
    font-family: "Tahoma", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;;
    color: #515151;
    border: none;
    outline: none;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    transition: background 0.4s;
}

#apple-register span {
    margin-left: 30px;
}

#apple-register:hover {
    cursor: pointer;
    background: url('../images/apple-register-hover.png') no-repeat;
}

@keyframes discord-blink {
    0% {
        -webkit-box-shadow: 0 0 23px -3px rgba(0,0,0,1);
        -moz-box-shadow: 0 0 23px -3px rgba(0,0,0,1);
        box-shadow: 0 0 23px -3px rgba(0,0,0,1);

    }

    50% {
        box-shadow: none;
    }

    100% {
        -webkit-box-shadow: 0 0 23px -3px rgba(0,0,0,1);
        -moz-box-shadow: 0 0 23px -3px rgba(0,0,0,1);
        box-shadow: 0 0 23px -3px rgba(0,0,0,1);

    }
}

@-webkit-keyframes discord-blink {
    0% {
        -webkit-box-shadow: 0 0 23px -3px rgba(0,0,0,1);
        -moz-box-shadow: 0 0 23px -3px rgba(0,0,0,1);
        box-shadow: 0 0 23px -3px rgba(0,0,0,1);

    }

    50% {
        box-shadow: none;
    }

    100% {
        -webkit-box-shadow: 0 0 23px -3px rgba(0,0,0,1);
        -moz-box-shadow: 0 0 23px -3px rgba(0,0,0,1);
        box-shadow: 0 0 23px -3px rgba(0,0,0,1);

    }
}

#discord-icon {
    display: none;
    position: fixed;
    background: url('../images/discord-icon.png') no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    bottom: 15px;
    right: 50%;
    margin-right: -500px;
    text-indent: -100000em;
    border-radius: 100%;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    -webkit-animation: discord-blink 3.0s linear infinite;
    -moz-animation: discord-blink 3.0s linear infinite;
    -ms-animation: discord-blink 3.0s linear infinite;
    -o-animation: discord-blink 3.0s linear infinite;
    animation: discord-blink 3.0s linear infinite;
}

#discord-icon a {
    display: block;
    position: relative;
    width: 70px;
    height: 70px;
    z-index: 100;
}

#discord-icon:hover {
    cursor: pointer;
}

#discord-icon:hover a {
    opacity: 0.7;
}

#discord-icon-close {
    display: block;
    width: 15px;
    height: 15px;
    color: #fff;
    text-align: center;
    text-indent: 0;
    background: #000;
    border: 1px solid #fff;
    border-radius: 100%;
    position: absolute;
    top: 3px;
    right: 0;
    line-height: 15px;
    z-index: 110;
}

#main {
    position: relative;
}

.menu-social {
    list-style: none;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.menu-social li {
    display: inline-block;
    margin-right: 4px;
}

.menu-social li:last-child {
    margin-right: 0;
}

.menu-social li a {
    display: block;
    text-indent: -100000em;
    -webkit-transition: opacity ease-in-out 0.2s;
    -moz-transition: opacity ease-in-out 0.2s;
    -ms-transition: opacity ease-in-out 0.2s;
    -o-transition: opacity ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s;
    background-repeat: no-repeat;
}

.menu-social li a:hover {
    opacity: 0.7;
}

.menu-social li a.facebook {
    background-image: url('../images/social-icons/social-icon-facebook.png');
    width: 30px;
    height: 27px;
}

.menu-social li a.instagram {
    background-image: url('../images/social-icons/social-icon-instagram.png');
    width: 29px;
    height: 27px;
}

.menu-social li a.twitter {
    background-image: url('../images/social-icons/social-icon-twitter.png');
    width: 29px;
    height: 27px;
}

.menu-social li a.twitch {
    background-image: url('../images/social-icons/social-icon-twitch.png');
    width: 30px;
    height: 27px;
}

.menu-social li a.youtube {
    background-image: url('../images/social-icons/social-icon-youtube.png');
    width: 29px;
    height: 27px;
}

.menu-social li a.discord {
    background-image: url('../images/social-icons/social-icon-discord.png');
    width: 29px;
    height: 27px;
}

.content-section {
    background: #f4f9ff;
    border: 1px solid #666666;
    /*padding-top: 10px;*/
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.heading, .heading-page {
    display: block;
    background: #3a3a3a;
    padding-left: 43px;
    padding-top: 14px;
    padding-bottom: 14px;
    border-radius: 5px;
    font-family: "Calibri", sans-serif;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}

.heading-page {
    margin-top: 0;
    margin-bottom: 5px;
}

.heading::before, .heading-page::before {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    background: #49a8f9;
    border-radius: 100%;
    position: absolute;
    top: 20px;
    left: 20px;
}

.table-new {
    width: 100%;
    font-family: "Calibri", sans-serif;
    font-size: 14.73px;
    font-weight: 400;
    color: #3a3a3a;
}

.table-new tr {
    background: #c1daef;
}

.table-new tr:nth-of-type(odd) {
    background: #d5ecff;
}

.table-new th, .table-new tr.row-primary {
    background: #375d7d;
    color: #fff;
    text-align: left;
}

.table-new tr td, .table-new tr th {
    padding-top: 10px;
    padding-bottom: 5px;
    vertical-align: middle;
}

.table-new tr td:first-child, .table-new tr th:first-child {
    padding-left: 30px;
}

.table-new tr:first-child td:first-child, .table-new tr:first-child th:first-child {
    border-top-left-radius: 10px;
}

.table-new tr:first-child td:last-child, .table-new tr:first-child th:last-child {
    border-top-right-radius: 10px;
}

.table-new.table-bordered td, .table-new.table-bordered th {
    border: 2px solid #7aa0bf;
    border-radius: 0 !important;
    padding-left: 10px;
}

ul.list-new {
    list-style: none;
}

ul.list-new li {
    position: relative;
    margin-left: 6px;
}

ul.list-new li::before {
    display: inline-block;
    content: "";
    width: 5px;
    height: 5px;
    background: #49a8f9;
    border-radius: 100%;
    position: relative;
    top: -2px;
    left: -6px;
}

ul.list-new li > ul {
    margin-left: 20px;
}

ul.list-new li > ul li::before {
    background: #375d7d;
}

.card-block {
    background: #d5ecff;
    font-family: "Calibri", sans-serif;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.card-block .card-block-head {
    background: #7aa0bf;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: center;
    border-radius: 5px;
    /*margin-left: -14px;
    margin-right: -14px;*/
}

.card-block > .card-block {
    background: #c1daef;
    border-radius: 0;
    padding-top: 10px;
    /*margin-left: -14px;
    margin-right: -14px;*/
}

.card-block .card-block-body {
    background: #d5ecff;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    padding-right: 14px;
}

.card-block.card-secondary {
    color: #3a3a3a;
    font-size: 16px;
}

.card-block.card-secondary .card-block-body {
    background: #c1daef;
}

.card-block a {
    color: #526c8c;
    text-decoration: none;
}

.card-block a:hover {
    color: #007bff !important;
    cursor: pointer;
}

.block-column {
    display: block;
    float: left;
}

.block-column .table-new {
    width: auto;
}

.w-50 {
    width: 50%;
}

.display-inline-block {
    display: inline-block;
}

a {
    -webkit-transition: color ease-in-out 0.2s;
    -moz-transition: color ease-in-out 0.2s;
    -ms-transition: color ease-in-out 0.2s;
    -o-transition: color ease-in-out 0.2s;
    transition: color ease-in-out 0.2s;
}

.two-block-column {
    display: block;
    float: left;
    width: calc(50% - 10px);
    margin-left: 5px;
    margin-right: 5px;
}

.two-block-column:last-of-type {
    margin-right: 0;
}

.info {
    display: inline-block;
    background: url('../images/info-icon.png') no-repeat;
    width: 16px;
    height: 16px;
    cursor: help;
    position: relative;
    top: 3px;
}