/*
	Author: CruZ
	Description: Pokemon Reborn RPG 
	Created: 11/12/2016
	background: #303030;
        Black v2  
*/
 
 * {
     margin: 0;
 }
 a {
     color: #f1c40f;
 }
 a:hover {
    color: #ececec;
 }
 body {
     background: #26262B;
     color: #ecf0f1;
     font-family: 'Open Sans', sans-serif;
     font-size: 13px;
 }
 .navbar {
     border-radius: 0;
     border: none;
     position: relative;
     z-index: 100001;
 }
 .navbar-default {
     background: linear-gradient(#212121, #141414);
     border-top: 1px solid #53090F;
     box-shadow: inset 0 1px 0 #DF3D39, 0 1px 3px rgba(0, 0, 0, 0.15);
 }
 .dropdown-toggle {
     color: #FFF !important;
 }
 .dropdown-toggle:focus {
     color: #333 !important;
 }
 .navbar-default .navbar-nav>li>a:hover,
 .navbar-default .navbar-nav>li>a:focus {
     background: rgba(0, 0, 0, 0.1);
     text-shadow: none;
 }
 @media (min-width: 158px) {
     .navbar-nav>li>a {
         padding-top: 21px;
         padding-bottom: 18px;
     }
 }
 .nav>li>a {
     padding: 21px 10px 18px 10px;
 }
 .logos {
     width: 300px;
     height: 74px;
     background: url(http://pokemondusk.net/cyan/images/layout/logo.png) no-repeat;
     position: absolute;
     top: 0;
     right: 0;
 }
 #content {
         margin: 5px 14% 0 14%;
     background: #2c3e50;
     position: relative;
     text-align: center;
 }
 #content .header {
     width: 100%;
     text-transform: uppercase;
     color: #FFF;
     font-weight: 800;
     background: #16a085;
     padding: 10px 0 5px 0;
 }
 #content .header p {
     font-size: 14px;
 }
 #content .header.in {
     border-radius: 0;
     text-align: center;
 }
 .profile {
     text-align: left;
 }
 .profile .trainer-card {
     width: 459px;
     margin: 10px auto 20px auto;
     background: #000 url(http://pkmnreborn.com/styles/bg/tc-bg.jpg) no-repeat;
     height: 294px;
     box-shadow: inset 3px 3px black, inset -3px -3px black;
     position: relative;
 }
 .profile .trainer-card .tc-img {
     width: 453px;
     height: 72px;
     background: url(http://pkmnreborn.com/styles/bg/tc-img.png) no-repeat;
     margin: auto;
     position: relative;
     top: 3px;
 }
 .profile .trainer-card .tc-img .t-info {
     position: absolute;
     top: 10px;
     right: 10px;
     background: #111111;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
     padding-left: 15px;
     width: 220px;
     height: 25px;
     line-height: 25px;
     font-size: 12px;
     /*font-weight: bold;*/
 }
 .profile .trainer-card table {
     margin-top: 10px;
     margin-left: 10px;
 }
 .profile .trainer-card .box {
     width: 96px;
     height: 96px;
     background: rgba(38, 38, 38, 0.3);
     border: 2px solid #151515;
     vertical-align: middle;
     display: inherit;
     text-align: center;
 }
 .profile .trainer-card .box:hover > .info {
     display: block !important;
     position: absolute;
     left: -180px;
     background: #39507B;
     padding: 10px;
     border-radius: 2px;
     font-size: 12px !important;
     border: 2px solid white;
     top: 0;
     width: 120px;
 }
 .profile .trainer-card .box .info a {
     color: #E7AB15;
     font-size: 12px;
 }
 .profile .trainer-card table img {
     max-width: 120px;
     max-height: 120px;
 }
 .profile .trainer-card .avatar {
     position: absolute;
     top: 140px;
     right: 30px;
 }
 .profile .statics .info {
     width: 100%;
     text-align: center;
     font-size: 12px;
 }
 .profile .statics .fixed-stats {
     width: 100%;
     margin-top: 20px;
 }
 .profile .statics .fixed-stats .stats {
     width: 250px;
     min-height: 200px;
     background: #34495e;
     border-radius: 2px;
     margin: auto;
     border: 5px solid #34495e;
 }
 .profile .statics .fixed-stats .badges {
     width: 140px;
     margin: auto;
 }
 .profile .statics .fixed-stats .badges p {
     /* padding: 4px 0; */
     
     font-size: 12px;
     background: #34495e;
     /* height: 10px; */
     /* line-height: 10px; */
     
     margin: 2px 0;
     padding: 3px 10px;
     border-radius: 3px;
 }
 .profile .about {
     padding-bottom: 40px;
 }
 .profile .signature {
     width: 50%;
     min-height: 50px;
     margin: 20px auto 0 auto;
     text-align: center;
     background: #34495e;
     padding: 5px;
 }
 .profile .signature img {
     max-width: 100%;
 }
 .profile .links a {
     width: 100px;
     font-size: 10px;
     color: white;
     display: inline-block;
     height: 23px;
     line-height: 23px;
     background: linear-gradient(#E74C3C, #AA3529);
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 3px rgba(0, 0, 0, 0.2);
     text-align: center;
     margin: 2px;
     border-radius: 2px;
 }
 .profile .links {
     margin: 10px auto;
     width: 70%;
 }
 .pretty-table {
     border-collapse: collapse;
     margin: auto;
     width: 100%;
 }
 .pretty-table th {
     /* background: linear-gradient(#627762, #556A59); */
     /* height: 23px; */
     font-size: 12px;
     font-weight: 100;
     /* box-shadow: rgba(199, 199, 199, 0.28) 0px 1px 0px inset, #1D1D1D 0px 1px 0px, #252525 0px 2px 0px; */
     text-align: center;
     text-transform: uppercase;
     font-weight: 800;
     background: #6B6D6B;
     padding: 4px 0;
     color: #FFF;
 }
 .pretty-table td {
     padding: 10px;
     text-align: center;
     border-bottom: 1px solid #17171775;
     border-left: 1px solid #17171775;
 }
 .pretty-table td a:hover {
     text-decoration: underline;
 }
 .pretty-table td a {
     text-decoration: none;
     color: #f1c40f;
 }
 /* Maps */
 
 #maps {
     width: 700px;
     margin: auto;
 }
 #maps .nav-old {
     background: #0E0E0E;
     /*border: 1px solid #000;*/
     
     border-radius: 10px;
     height: 400px;
     padding-top: 20px;
     width: 250px;
     text-align: center;
     vertical-align: top;
     color: #FFF;
     text-shadow: 0 1px 0 #000;
     font-size: 13px;
     box-shadow: inset 1px 1px 0 black, inset -1px -1px 0 black, inset 2px 2px 0 #292929, inset -2px -2px 0 #292929;
 }
 #maps #mySprite {
     -webkit-transition: 0.15s;
     -moz-transition: 0.15s;
     -ms-transition: 0.15s;
     -o-transition: 0.15s;
     transition: 0.15s;
 }
 #maps .team {
     width: 246px;
     margin: auto;
     background: #0F0F0F;
     box-shadow: inset 0 1px 0 #1B1B1B, inset 0 -1px 0 #1B1B1B;
     border-bottom: 1px solid #000;
     border-top: 1px solid #000;
     margin-top: 5px;
 }
 #maps .info-box {
     font-size: 13px;
     width: 246px;
     height: 50px;
     background: #161616;
     border: 1px solid #000;
     box-shadow: inset 1px 1px #292929, inset -1px -1px #292929;
     text-align: center;
     line-height: 18px;
     position: absolute;
     margin: -480px 0 0 80px;
 }
 #maps .info-box img {
     margin-top: 5px;
 }
 #maps .info-box a {
     color: #0D4E94;
     text-decoration: none;
 }
 #maps .info-box a:hover {
     text-decoration: underline;
     color: #09F;
 }
 #maps .info-box .close {
     font-size: 8px;
     text-transform: uppercase;
     color: #C40F0F !important;
     cursor: pointer;
     position: absolute;
     margin: -27px 0 0 -33px;
 }
 #maps .found-cash {
     margin: 40px auto 0 auto;
     background: #360000;
     width: 246px;
     height: 20px;
     line-height: 20px;
     font-size: 12px;
     text-align: center;
     border-top: 1px solid #0C0000;
     border-bottom: 1px solid #0C0000;
 }
 #maps .not-found {
     margin-top: 30px;
     font-size: 11px;
     text-align: center;
 }
 #maps small {
     border-bottom: 1px solid #464545;
     border-top: 1px solid #464545;
     width: 246px;
     height: 46px;
     background: #313131;
     display: block;
     margin-left: 2px;
     box-shadow: 0 1px 0 #000, 0 -1px 0 #000;
     line-height: 15px;
 }
 #maps .bottom-txt {
     text-align: center;
     font-size: small;
     color: #CECECE;
 }
 #maps .table {
     margin-left: 20px;
     padding-top: 50px;
 }
 .green-gradient-bg {
     background: linear-gradient(#4BB748, #587D34);
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
 }
 .pagination li {
     display: inline-block;
 }
 .pagination li a {
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     display: block;
     margin: 15px 4px;
     background: #2265A3;
     border-radius: 2px;
     color: white;
 }
 .pagination li a:hover {
     background: #B92147;
 }
 #footer {
     height: 20px;
     line-height: 20px;
     font-size: 12px;
     position: absolute;
     bottom: 0;
     text-align: center;
     width: 100%;
     background: #111;
 }
 #footer p {
     display: inline-block;
     padding-right: 20px;
 }
 #footer p.info {
     color: #B42424;
 }
 #footer p.credits {
     color: #569C28;
 }
 #footer p.info a {
     color: #7E7E7E;
     text-decoration: none;
 }
 #footer p.credits a {
     color: #1D7ED8;
     text-decoration: none;
 }
 input[type="submit"] {
     color: #111;
 }
 #content .header p {
     padding-left: 0px;
 }
 /* The Selecting CSS */
 
 select {
     padding: 3px;
     margin: 0;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
     -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
     box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
     background: #f8f8f8;
     color: #666666;
     border: none;
     outline: none;
     display: inline-block;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     cursor: pointer;
 }
 /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
 
 @media screen and (-webkit-min-device-pixel-ratio: 0) {
     select {
         padding-right: 18px
     }
 }
 /* End of selecting CSS */
 
 .battlebutton {
     border-radius: 1px;
     border: none;
     background: #E43232;
     padding: 4px 76px !important;
     color: #FFF !important;
     outline: none;
     box-shadow: 0 1px 0 #A72323, 0 1px 0 rgba(255, 255, 255, 0.20) inset;
     text-align: center;
     top: 0;
     transition: all 0.2s ease;
 }
 .battlebutton:focus {
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
     top: 2px;
 }
 .battlebutton:hover {
     background: #F24A4A;
 }
 .button {
     border-radius: 2px;
     border: none;
    background: #C72E2E;
     padding: 4px 75px !important;
     color: #FFF !important;
     text-align: center;
     outline: none;
    box-shadow: 0 1px 0 #A72323, 0 1px 0 rgba(255, 255, 255, 0.20) inset;
     text-align: center;
     top: 0;
     transition: all 0.2s ease;
 }
 .button:focus {
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
     top: 2px;
 }
 .button:hover {
    background: #D86363;
}
.longbutton {
    border-radius: 2px;
    border: none;
    background: #C72E2E;
    padding: 4px 80px !important;
    color: #FFF !important;
    outline: none;
    box-shadow: 0 1px 0 #A72323, 0 1px 0 rgba(255, 255, 255, 0.20) inset;
    text-align: center;
    top: 0;
    transition: all 0.2s ease;
}
 .longbutton:focus {
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
     top: 2px;
 }
 .longbutton:hover {
    background: #D86363;
 }
 .fimg {
     -moz-transform: scaleX(-1);
     -o-transform: scaleX(-1);
     -webkit-transform: scaleX(-1);
     transform: scaleX(-1);
     filter: FlipH;
     -ms-filter: "FlipH";
 }
 .pkmnname {
     border-style: outset;
     border-width: 2px;
     text-align: center;
     border-radius: 10px;
     border-color: rgba(255, 255, 255, 0.84);
     ;
     background-color: rgba(255, 255, 255, 0.29);
     font-weight: bold;
     text-shadow: 1px 1px rgba(111, 104, 104, 0.84);
     width: 250px;
     height: 26px;
 }
 .mapm {
     opacity: 1.0;
     filter: alpha(opacity=100);
     /* For IE8 and earlier */
 }
 .mapm:hover {
     opacity: 0.5;
     filter: alpha(opacity=50);
     /* For IE8 and earlier */
 }
 @media (min-width: 991px) {
     .ads-one {
         margin: 20px 15% -20px 15% !important;
     }
     #content {
         margin: 40px 15% 0 15%;
         background: #212121;
     }
     #content .header {
         width: 100%;
         text-transform: uppercase;
         color: #FFF;
         font-weight: 800;
         background: linear-gradient(#0D0D0D, #000);
         padding: 10px 0 1px 0;
         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 3px rgba(0, 0, 0, 0.35);
     }
     .pretty-table td {
         border-bottom: 1px solid #17171775;
         border-left: 1px solid #17171775;
     }
     ul.usr-inf.right {
         float: right;
         margin-right: 1%;
     }
     ul.usr-inf.left {
         float: left;
         margin-left: 1%;
     }
     ul.usr-inf {
         width: 13%;
         margin-top: 120px;
         background: #3F3F3F;
         text-align: center;
         padding: 0;
         border-radius: 2px;
         display: block;
     }
     ul.usr-inf li {
         display: block;
     }
     ul.usr-inf .usr-inf-title {
         background: linear-gradient(#BB110D, #990603);
         padding: 3px 0;
         border: 1px solid #5A0808;
         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
     }
     .usr-inf li a {
         color: #FFF;
         text-transform: uppercase;
         font-weight: 800;
         display: block;
     }
     .usr-inf li.starter {
         padding: 10px 0;
     }
     .usr-inf span.next_level {
         width: 94%;
         margin: 10px auto 0 auto;
         background: #212121;
         display: block;
         border-radius: 4px;
         font-size: 10px;
         padding: 2px;
         color: #FFF;
     }
     .usr-inf span.next_level_p {
         background: #6EB028;
         display: block;
         border-radius: 4px;
     }
     .info-box a {
         display: block;
         padding: 2px 10px;
         text-align: left;
         font-size: 12px;
         text-transform: none !important;
         font-weight: 400 !important;
         border-bottom: 1px solid #2A2A2A;
     }
     .info-box a:hover {
         background: #333;
     }
     .user-info p {
         padding: 2px 0;
         margin: 0;
         display: block;
         border-bottom: 1px solid #323232;
     }
 }
 @media screen and (max-width: 150px) {
     ul.usr-inf {
         display: none;
     }
     .pteamx {
         display: block;
     }
     div.rightmenu {
     display: none;
     }
      div.leftmenu {
     display: none;
     }
     .profile .links {
         width: 10% !important;
         text-align: center;
     }
     .navbar-default .navbar-nav>li>a:hover,
     .navbar-default .navbar-nav>li>a:focus {
         background: #FFF;
         text-shadow: none;
     }
     .nav .open>a,
     .nav .open>a:hover,
     .nav .open>a:focus {
         border: none;
     }
     .navbar-header {
         float: none;
     }
     .navbar-toggle {
         display: block;
         background: #FDF9F9;
         margin-right: 30px;
         border: none;
     }
     .navbar-collapse {
         border-top: 1px solid transparent;
         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
     }
     .navbar-collapse.collapse {
         display: none!important;
         text-transform: uppercase;
         font-weight: bold;
         text-shadow: none !important;
     }
     .navbar-nav {
         float: none!important;
         margin: 0 -15px;
     }
     b {
         float: none;
     }
     .navbar-nav>li>a {
         padding-top: 10px;
         padding-bottom: 10px;
     }
     /* since 3.1.0 */
     
     .navbar-collapse.collapse.in {
         display: block!important;
         background: #F6F6F6;
     }
     .collapsing {
         overflow: hidden!important;
     }
     .container-fluid {
         padding: 0;
         background: #F6F6F6;
         font-weight: 800 !important;
         text-transform: uppercase;
         box-shadow: inset 0 50px 0 #1C1C1C;
     }
     .navbar-nav>li {
         float: none;
     }
     .navbar-nav .open .dropdown-menu {
         position: static;
         float: none;
         width: auto;
         margin-top: 0;
         background: rgba(0, 0, 0, 0);
         border: 0;
         -webkit-box-shadow: none;
         box-shadow: none;
         text-align: center;
         padding: 0px;
     }
     .navbar-default .navbar-nav>.open>a {
         color: #FFF;
     }
     .navbar-default .navbar-nav>.open>a,
     .navbar-default .navbar-nav>.open>a:hover,
     .navbar-default .navbar-nav>.open>a:focus {
         background: #FBFBFB;
     }
     .dropdown-menu>li>a:hover {
         background-color: rgba(0, 0, 0, 1);
     }
     .navbar-nav .open .dropdown-menu li a {
         color: #2E2E2E !important;
         border-bottom: 1px solid #E8E8E8;
         display: block;
         background: #FFFFFF;
         text-align: left;
         padding-left: 45px;
         font-size: 12px;
     }
     .navbar-nav .open .dropdown-menu li a:hover {
         color: #fff !important;
         background: #546794 !important;
     }
     .navbar-default .navbar-nav>li>a {
         text-align: center;
         border-bottom: 1px solid #DFDFDF;
         text-shadow: none;
         color: #5C90B4 !important;
         box-shadow: 0 1px 3px white;
     }
     .container>.navbar-header,
     .container-fluid>.navbar-header,
     .container>.navbar-collapse,
     .container-fluid>.navbar-collapse {
         margin: 0;
     }
     .profile .trainer-card .box:hover > .info {
         display: none !important;
     }
 }
 textarea,
 input[type="text"],
 input[type="password"] {
     color: #111;
 }
 @media screen and (max-width: 768px) {
     iframe {
         max-width: 240px;
     }
     .profile .statics .fixed-stats .stats td {
         padding: 10px;
     }
     .ads-one,
     .ads-two,
     .ads-three,
     .ads-four {
         display: none;
     }
     .ads-one-mobile iframe,
     .ads-two-mobile iframe,
     .ads-three-mobile iframe {
         max-width: 100% !important;
     }
     .ads-one-mobile,
     .ads-two-mobile {
         display: block !important;
         width: 320px !important;
         margin: 10px auto !important;
         /*background: #34495e !important;*/
         
         text-align: center;
     }
     .ads-three-mobile {
         display: block !important;
         width: 120px !important;
         margin: 10px auto !important;
         text-align: center;
     }
     textarea {
         width: 90%;
     }
     .rightmenu {
     display: none;
     }
     .leftmenu {
     display: none;
     }
     .pteamx {
        display: none;
    }
    .navnigga {
         display: block;
        width: 100%!important;
    }
/*     .chat-holder- {
         width: 90% !important;
         height:60% !important;
         padding: 0;
     }
*/
     .pretty-table {
         width: auto !important;
         text-align: center;
         padding: 0;
     }
     .pretty-table input[type="text"],
     .pretty-table input[type="password"] {
         width: 100%;
     }
     .pretty-table td,
     .pretty-table th {
        
         width: 100% !important;
         text-align: center;
     }
     #content {
         margin: 40px 0 0 0;
     }
     .profile .statics .fixed-stats>tbody>tr>td {
         display: block;
         width: 100%;
     }
     .profile .statics .fixed-stats .stats {
         width: 100%;
         margin: 10px 0;
         border-radius: 0;
     }
     .profile .signature {
         width: 100%;
     }
     .profile .statics .fixed-stats .badges {
         width: 100%;
         text-align: center;
     }
     .profile .statics .fixed-stats .badges p {
         border-radius: 0;
     }
     .profile .signature img {
         max-width: 240px;
     }
     .profile .trainer-card,
     .profile .trainer-card .tc-img {
         width: 100%;
     }
     .profile .trainer-card .tc-img .t-info {
         padding: 2px 10px;
         line-height: normal;
         height: auto;
         width: auto;
     }
     .pretty-table.news img {
         max-width: 240px;
     }
     .inline-block td {
         background: #34495e;
         cursor: pointer;
     }
     .inline-block td:hover {
         background: #4D6379;
     }
     .inline-block {
         width: 100%;
     }
     .inline-block td label {
         margin: 0;
         padding: 0;
         display: block;
         cursor: pointer;
     }
 }
 .thumbnail {
     position: relative;
     z-index: 0;
 }
 .thumbnail:hover {
     background-color: transparent;
     z-index: 50;
 }
 #header {
     width: 100%;
     height: 85px;
     background: url(http://pkmnsunset.net/styles/1/box_foot_left.jpg) repeat-x;
     position: absolute;
     z-index: 1000;
 }
 #header .avatar {
     width: 70px;
     height: 70px;
     background: rgba(255, 255, 255, 0.2);
     position: relative;
     top: 3px;
     left: 5px;
     text-align: center;
     border-radius: 2px;
     border: 2px solid white;
     box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
 }
 #header .avatar:before {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     border-width: 35px;
     border-style: solid;
     border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
 }
 #header .avatar img {
     max-width: 70px;
     max-height: 70px;
     position: relative;
 }
 #header .info-user {
     position: absolute;
     left: 90px;
     font-size: 12px;
     color: #FFF;
     background: #c0392b;
     width: 200px;
     height: 70px;
     border-radius: 2px;
     top: 6px;
 }
 #header .info-user .username {
     font-weight: 800;
     padding: 2px 0 0 10px;
     position: relative;
     top: -10px;
 }
 #header .info-user .details {
     text-transform: uppercase;
     font-size: 10px;
     padding: 2px 0 2px 10px;
     width: 120px;
     position: relative;
     top: -23px;
 }
 #header .info-user .starter {
     position: absolute;
     top: 10px;
     right: 0;
     padding: 0 8px;
     text-transform: uppercase;
     width: 54px;
     text-align: center;
 }
 #header .info-user .starter .box {
     width: 32px;
     height: 32px;
     background: #ecf0f1;
     margin: 0 auto;
     border-radius: 2px;
     box-shadow: inset 0 1px 0 #FFF, 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 #header .promo {
     position: absolute;
     right: 10px;
     top: -10px;
     width: 120px;
     height: 120px;
     background: #2B323A;
     border: 2px solid #FFF;
     border-top: none;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     transition: all 0.2s ease;
 }
 #header .promo:hover {
     top: 0;
     background: #0E0F0F;
 }
 #header .time {
     background: #3498db;
     width: 180px;
     text-align: center;
     position: absolute;
     top: 82px;
     z-index: -1;
     color: #FFF;
     font-weight: 800;
     font-size: 14px;
     padding: 8px 0;
     border-bottom-right-radius: 2px;
     border: 2px solid white;
     border-top: none;
     border-left: none;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 body {
     color: white;
     padding: 0px;
     margin: 0px;
     font: 12px 'Open Sans', Arial, Hevetica, Sans-serif;
     background-color: #290006;
     background-image: url('layout/images/bg.jpg');
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-position: center top;
     background-size: cover;
 }
 div.header {
     align: middle;
     position: static;
     height: 183px;
     max-height: 183px;
     background-color: transparent;
 }
 div.userbar {
     align: right;
     font-size: 80%;
     border: 2px solid #000000;
     background-color: transparent;
 }
 div.leftmenu {
     position: absolute;
     margin-top: 100px;
     left: 10px;
     width: 170px;
     max-width: 170px;
     text-decoration: none;
     float: left;
     border-bottom: 1px solid #292929;
     text-align: center;
 }
 div.rightmenu {
     position: absolute;
     margin-top: 100px;
     right: 10px;
     width: 170px;
     max-width: 170px;
     text-decoration: none;
     float: left;
     border-bottom: 1px solid #292929;
     text-align: center;
 }
 div.leftmenu ul li a,
 div.rightmenu ul li a {
     color: #DDE7ED;
     background: #1E2226;
     display: block;
     padding: 3px 10px !important;
     border-bottom: 1px solid #222930;
     transition: all 0.2s ease;
 }
 div.title {
     position: static;
     background: linear-gradient(#545454,#545454);
     height: 30px;
     color: #ffffff;
     font: 15px 'Open Sans', Tahoma, Arial, Helvetica, Sans-serif;
     padding: 0 0 0 10px;
     margin: 0;
     border: 1px solid #00121F;
     line-height: 30px;
     background-position: left;
     background-repeat: repeat-x;
     text-align: center;
     list-style-type: none;
 }
 div.contentcontent {
     /* background: #CB0029; */
     /* Fallback for web browsers that doesn't support RGBa */
     
     background: rgba(0, 0, 0, 0.8);
     /* RGBa with 0.6 opacity */
     /* background: rgba(0, 0, 0, 0.6); */
     /* For IE 5.5 - 7*/
     
     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
     /* For IE 8*/
     
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
     padding: 10px 0 10px 0;
     position: static;
     padding: 3px;
     color: white;

 }
 div.contentcontent p.center,
 div.contentcontent div.center {
     text-align: center;
 }
 div.footer {
     position: static;
     background: #CB0029;
     /* Fallback for web browsers that doesn't support RGBa */
     
     background: rgb(0, 0, 0);
     /* RGBa with 0.6 opacity */
     
     background: rgba(0, 0, 0, 0.95);
     /* For IE 5.5 - 7*/
     
     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
     /* For IE 8*/
     
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
     margin-left: 200px;
     margin-right: 200px;
     font-size: 75%;
     border: 1px solid black;
     border-top: 10px;
     padding: 3px;
     color: white;
     filter: alpha(opacity=85);
     -moz-opacity: 0.85;
     -khtml-opacity: 0.85;
     opacity: 0.85;
 }
 * html div.contentcontent,
 * html div.footer {
     width: 100%;
 }
 div.footer {
     border: 0px;
     text-align: center;
     font-size: 8pt;
 }
 div.leftmenu img,
 div.rightmenu img {
     border: 0px;
 }
 div.leftmenu ul,
 div.rightmenu ul {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
     display: block;
     text-align: left;
 }
 div.leftmenu ul li.promo a,
 div.rightmenu ul li.promo a {
     color: white;
     background-image: none;
     height: 120px;
     max-height: 121px;
     line-height: 120px;
     clear: both;
 }
 div.leftmenu ul li.faceb a,
 div.rightmenu ul li.faceb a {
     color: white;
     background-image: none;
     height: 120px;
     max-height: 121px;
     line-height: 120px;
     clear: both;
 }
 div.title ul li.promo a:hover,
 div.leftmenu ul li.promo a:hover,
 div.rightmenu ul li.promo a:hover {
     color: white;
     background-image: none;
     height: 120px;
     max-height: 121px;
     line-height: 120px;
     clear: both;
     filter: alpha(opacity=75);
     -moz-opacity: 0.75;
     -khtml-opacity: 0.75;
     opacity: 0.75;
 }
 div.leftmenu ul li.mini a,
 div.rightmenu ul li.mini a {
     color: white;
     background-image: none;
     height: 29px;
     max-height: 99px;
     clear: both;
 }
 div.leftmenu ul li.mini img,
 div.rightmenu ul li.mini img {
     color: white;
     float: left;
     border: 0px;
 }
 div.leftmenu ul li.header,
 div.rightmenu ul li.header {
         background: linear-gradient(#565656,#4A4A4A);
         color: #FFF;
         font-weight: 800;
         text-transform: uppercase;
         text-align: center;
         padding: 6px 0;
         width: 170px;
         //box-shadow: 1px 1px 0 #000000 inset, -1px -1px 0 rgba(102, 102, 102, 0.77) inset, inset 0 2px 0 rgba(255, 255, 255, 0.5);
 }
 div.leftmenu ul li.footer,
 div.rightmenu ul li.footer {
     padding: 6px 0 5px 10px;
     margin: 0;
     height: 23px;
     background: url('http://pkmnsunset.net/styles/1/box_foot.jpg') repeat-x;
 }
 div.leftmenu ul li.footer span,
 div.rightmenu ul li.footer span {
     height: 23px;
     display: block;
     background: url('http://pkmnsunset.net/styles/1/box_foot_left.jpg') no-repeat;
     float: left;
     padding: 4px;
 }
 div.leftmenu ul li.footer span span,
 div.rightmenu ul li.footer span span {
     height: 23px;
     width: 2px;
     background: url('http://pkmnsunset.net/styles/1/box_foot_right.jpg') top right no-repeat;
     float: right;
     display: block;
     margin: -4px;
 }
 div.leftmenu ul li a,
 div.rightmenu ul li a {
     display: block;
     padding: 3px;
 }
 div.title ul li a:hover,
 div.leftmenu ul li a:hover,
 div.rightmenu ul li a:hover {
     padding-left: 20px !important;
     color: #FFF;
     background: #262B30;
 }
 div.right ul li.box {
     text-align: center;
     vertical-align: middle;
     height: 130px;
     background-color: white;
     padding-top: 10px;
 }
 input.BasicInput {
     text-align: center;
 }
 .error {
     color: red;
     font-weight: bold;
     text-align: center;
 }
 .success {
     color: green;
     font-weight: bold;
     text-align: center;
 }
 div.loginRight {
     float: right;
 }
 table td.cell0,
 table td.cell1,
 table td.cell0h,
 table td.cell1h {
     font-size: 75%;
     width: 50%;
     border-bottom: 1px solid black;
 }
 table td.cell0h,
 table td.cell1h {
     font-weight: bold;
     padding-right: 15px;
 }
 table td.cell0,
 table td.cell1 {
     text-align: right;
 }
 div.centerDIV {
     text-align: center;
 }
 div.centerDIV table {
     margin: auto;
 }
 table.badges {
     position: relative;
     width: 100%;
     background-color: #FFFFFF;
     color: black;
 }
 table.w100 {
     position: relative;
     width: 100%;
 }
 table.w100 td.w50 {
     width: 50%;
     vertical-align: top;
 }
 table.w100 td.w33 {
     width: 33%;
     vertical-align: top;
 }
 table.w100 td.w33c {
     width: 33%;
     vertical-align: top;
     text-align: center;
 }
 table.w100 td.alphablox {
     text-align: center;
 }
 table.w100 td.alphablox a {
     text-decoration: none;
     color: white;
 }
 table.w100 td.alphablox a:hover {
     text-decoration: underline;
     color: red;
     background-color: transparent;
 }
 * html table td,
 * html table th {
     font-size: 75%;
     background-color: transparent;
 }
 table td.centerColu {
     text-align: center;
     border-bottom: 1px solid black;
 }
 table td.u {
     border-bottom: 1px solid black;
 }
 table.battlefast {
     width: 100%;
     background-color: #000000;
     border: 1px solid #290008;
 }
 table.battlefast th {
     background-color: #000000;
     border: 1px solid #290008;
 }
 table.battlefast td.bord {
     background-color: #000000;
     border: 1px solid #290008;
 }
 table.ranks {
     width: 100%;
 }
 table.ranks th,
 table.ranks td,
 table.ranks td.creed {
     border: 1px solid black;
     text-align: center;
     background-color: #000000;
     padding: 3px;
 }
 table.ranks th {
     background-color: #000000;
     border: 1px solid #0f0003;
 }
 table td.center {
     text-align: center;
 }
 .hiddenclass {
     position: absolute;
     display: inline;
     margin-left: -152px;
     margin-top: -1px;
     line-height: normal;
     width: 150px;
     border: 1px solid black;
     z-index: 1;
     text-align: center;
     background-color: black;
 }
 .hiddenclass img {
     clear: both;
 }
 .hiddenclass strong {
     font-size: 125%;
 }
 .hiddenclassb {
     position: absolute;
     display: inline;
     margin-right: -292px;
     margin-top: -1px;
     line-height: normal;
     width: 150px;
     border: 1px solid black;
     z-index: 1;
     text-align: center;
     background-color: black;
 }
 .hiddenclassb img {
     clear: both;
 }
 .hiddenclassb strong {
     font-size: 125%;
 }
 a,
 a:visited {
     color: #ffcc00;
     text-decoration: none;
 }
 a:hover {
     color: #42E1E8;
 }
 a img,
 a:visited img {
     border: 0;
 }
 div#qTip {
     padding: 3px;
     border: 1px solid #000000;
     border-right-width: 1px;
     border-bottom-width: 1px;
     display: none;
     background: #800000;
     color: #FFFFFF;
     font: bold 9px Verdana, Arial, sans-serif;
     text-align: left;
     position: absolute;
     z-index: 1000;
 }
 .slide_contentBox {
     border: 3px solid #34282C;
     height: 0px;
     visibility: hidden;
     position: absolute;
     background-color: #000000;
     overflow: hidden;
     padding: 2px;
     text-align: center;
     margin: auto;
 }
 .slide_content {
     position: relative;
     font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
     width: 100%;
     font-size: 10px;
 }
 table.hovertable {
     font-family: lato, sans-serif;
     font-size: 10px;
     font-weight: 300 !important;
     color: #FFFFFF;
     /* padding: 80px 0; */
     /* margin-bottom: 80px; */
     
     position: relative;
     z-index: 1001;
 }
 table.hovertable {} table.hovertable td {
     filter: alpha(opacity=60);
     -moz-opacity: 0.5;
     -khtml-opacity: 0.5;
     /* opacity: 0.5; */
     
     background-color: #3E3E3E;
     height: 120px;
     max-height: 120px;
     text-align: center;
     border-width: 2px;
     padding: 0;
     border-style: solid;
     border-color: #656565;
 }
 table.hovertable td:hover {
     filter: alpha(opacity=100);
     -moz-opacity: 1;
     -khtml-opacity: 1;
     opacity: 0.5;
 }
 .button {
     cursor: pointer;
     font-size: 14px;
 }
 .button:hover {
     color: #F1D500;
 }
 .longbutton {
     cursor: pointer;
     font-size: 14px;
 }
 .longbutton:hover {
     color: #F1D500;
 }
 table.hovertable a {
     color: #FFF;
 }
 .show {
     display: none;
 }
 @media screen and (max-width: 1350px) {
     .show {
         display: block;
     }
     table.hovertable {
         position: absolute;
         right: 10px;
     }
     #header .promo {
         display: none;
     }
 }
 #cssmenu,
 #cssmenu ul,
 #cssmenu ul li,
 #cssmenu ul li a,
 #cssmenu #menu-button {
     margin: 0;
     padding: 0;
     border: 0;
     list-style: none;
     line-height: 1;
     display: block;
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 #cssmenu:after,
 #cssmenu > ul:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
 }
 #cssmenu #menu-button {
     display: none;
 }

#cssmenu {
    width: auto;
    z-index: 2;
    margin-top: -25px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    background: #CC3939;
    background: 

    -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
    background: 

    -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D25151), color-stop(100%, #AF2D2D));
    background: 

    -webkit-linear-gradient(top, #D25151 0%, #AF2D2D 100%);
    background: 

    -o-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
    background: 

    -ms-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
    background: linear-gradient(to bottom,#444444 0%,#3E3E3E 100%);
}
 #cssmenu > ul {
     background: #18191c !important;
     box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
 }
 #cssmenu.align-right > ul > li {
     float: right;
 }
 #cssmenu > ul > li {
     float: left;
     display: inline-block;
 }
 #cssmenu.align-center > ul {
     float: none;
     text-align: center;
 }
 #cssmenu.align-center > ul > li {
     float: none;
 }
 #cssmenu.align-center ul ul {
     text-align: left;
 }
 #cssmenu > ul > li > a {
     padding: 18px 25px 21px 15px;
     border-right: 1px solid rgba(80, 80, 80, 0.12);
     text-decoration: none;
     font-size: 13px;
     font-weight: 700;
     color: #F3F3F3;
     text-transform: uppercase;
     letter-spacing: 1px;
 }
 #cssmenu > ul > li:hover > a,
 #cssmenu > ul > li > a:hover,
 #cssmenu > ul > li.active > a {
     color: #ffffff;
     background: #32a9c3;
     background: rgba(0, 0, 0, 0.1);
 }
 #cssmenu > ul > li.has-sub > a {
     padding-right: 40px;
 }
 #cssmenu > ul > li.has-sub > a::after {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border: 6px solid transparent;
     border-top-color:#EDD3D3;
     right: 17px;
     top: 22px;
 }
 #cssmenu > ul > li.has-sub.active > a::after,
 #cssmenu > ul > li.has-sub:hover > a {
     border-top-color: #ffffff;
 }
 #cssmenu ul ul {
     position: absolute;
     left: -9999px;
     top: 60px;
     padding-top: 6px;
     font-size: 13px;
     opacity: 0;
     -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
     -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
     -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
     -o-transition: top 0.2s ease, opacity 0.2s ease-in;
     transition: top 0.2s ease, opacity 0.2s ease-in;
 }
 #cssmenu.align-right ul ul {
     text-align: right;
 }
 #cssmenu > ul > li > ul::after {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border: 5px solid transparent;
     border-bottom-color: #ffffff;
     top: -4px;
     left: 20px;
 }
 #cssmenu.align-right > ul > li > ul::after {
     left: auto;
     right: 20px;
 }
 #cssmenu ul ul ul::after {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border: 5px solid transparent;
     border-right-color: #ffffff;
     top: 11px;
     left: -4px;
 }
 #cssmenu.align-right ul ul ul::after {
     border-right-color: transparent;
     border-left-color: #ffffff;
     left: auto;
     right: -4px;
 }
 #cssmenu > ul > li > ul {
     top: 120px;
 }
 #cssmenu > ul > li:hover > ul {
     top: 52px;
     left: 0;
     opacity: 1;
 }
 #cssmenu.align-right > ul > li:hover > ul {
     left: auto;
     right: 0;
 }
 #cssmenu ul ul ul {
     padding-top: 0;
     padding-left: 6px;
 }
 #cssmenu.align-right ul ul ul {
     padding-right: 6px;
 }
 #cssmenu ul ul > li:hover > ul {
     left: 180px;
     top: 0;
     opacity: 1;
 }
 #cssmenu.align-right ul ul > li:hover > ul {
     left: auto;
     right: 100%;
     opacity: 1;
 }
 #cssmenu ul ul li a {
     text-decoration: none;
     font-weight: 400;
     padding: 11px 25px;
     width: 180px;
     color: #777777;
     background: #ffffff;
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
 }
 #cssmenu ul ul li:hover > a,
 #cssmenu ul ul li.active > a {
     color: #333333;
 }
 #cssmenu ul ul li:first-child > a {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
 }
 #cssmenu ul ul li:last-child > a {
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px;
 }
 #cssmenu > ul > li > ul::after {
     position: absolute;
     display: block;
 }
 #cssmenu ul ul li.has-sub > a::after {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border: 4px solid transparent;
     border-left-color: #777777;
     right: 17px;
     top: 14px;
 }
 #cssmenu.align-right ul ul li.has-sub > a::after {
     border-left-color: transparent;
     border-right-color: #777777;
     right: auto;
     left: 17px;
 }
 #cssmenu ul ul li.has-sub.active > a::after,
 #cssmenu ul ul li.has-sub:hover > a::after {
     border-left-color: #333333;
 }
 #cssmenu.align-right ul ul li.has-sub.active > a::after,
 #cssmenu.align-right ul ul li.has-sub:hover > a::after {
     border-right-color: #333333;
     border-left-color: transparent;
 }
 @media all and (max-width: 1215px),
 only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
 only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
 only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
 only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
 only screen and (min-resolution: 192dpi) and (max-width: 1024px),
 only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
     #cssmenu {
         background: #6B6D6B;
     }
     #cssmenu > ul {
         display: none;
     }
     #cssmenu > ul.open {
         display: block;
         border-top: 1px solid rgba(0, 0, 0, 0.1);
     }
     #cssmenu.align-right > ul {
         float: none;
     }
     #cssmenu.align-center > ul {
         text-align: left;
     }
     #cssmenu > ul > li,
     #cssmenu.align-right > ul > li {
         float: none;
         display: block;
     }
     #cssmenu > ul > li > a {
         padding: 18px 25px 18px 25px;
         border-right: 0;
     }
     #cssmenu > ul > li:hover > a,
     #cssmenu > ul > li.active > a {
         background: rgba(0, 0, 0, 0.1);
     }
     #cssmenu #menu-button {
         display: block;
         text-decoration: none;
         font-size: 13px;
         font-weight: 700;
            color: #FFFFFF;
         padding: 18px 25px 18px 25px;
         text-transform: uppercase;
         letter-spacing: 1px;
         background: url('images/bg.png');
         cursor: pointer;
     }
     #cssmenu ul ul,
     #cssmenu ul li:hover > ul,
     #cssmenu > ul > li > ul,
     #cssmenu ul ul ul,
     #cssmenu ul ul li:hover > ul,
     #cssmenu.align-right ul ul,
     #cssmenu.align-right ul li:hover > ul,
     #cssmenu.align-right > ul > li > ul,
     #cssmenu.align-right ul ul ul,
     #cssmenu.align-right ul ul li:hover > ul {
         left: 0;
         right: auto;
         top: auto;
         opacity: 1;
         width: 100%;
         padding: 0;
         position: relative;
         text-align: left;
     }
     #cssmenu ul ul li {
         width: 100%;
     }
     #cssmenu ul ul li a {
         width: 100%;
         box-shadow: none;
         padding-left: 35px;
     }
     #cssmenu ul ul ul li a {
         padding-left: 45px;
     }
     #cssmenu ul ul li:first-child > a,
     #cssmenu ul ul li:last-child > a {
         border-radius: 0;
     }
     #cssmenu #menu-button::after {
         display: block;
         content: '';
         position: absolute;
         height: 13px;
         width: 22px;
         border-top: 2px solid #EDD3D3;   
         border-bottom: 2px solid #EDD3D3;
         right: 25px;
         top: 18px;
     }
     #cssmenu #menu-button::before {
         display: block;
         content: '';
         position: absolute;
         height: 3px;
         width: 22px;
         border-top: 2px solid #EDD3D3;
         right: 25px;
         top: 28px;
     }
     #cssmenu > ul > li.has-sub > a::after,
     #cssmenu ul ul li.has-sub > a::after {
         display: none;
     }
 }