/**
*
* @package olympus Arcade
* @version $Id: olympus_arcade.css 228 2014-03-01 15:31:48Z Zelenka $ 
* @copyright (c) 2011-2014 Michel http://mods-services.fr/
* @copyright (c) 2013-2014 Zelenka  http://sons-of-games.fr/
* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
*
*/

.rtl .icon-arcade
{
	background-position: 100% 50%;
	padding: 1px 17px 0 0;
}

.icon-arcade
{
	background-image: url(images/icon_arcade.gif);
}

/*
* Jeu du jour / images des jeux
*/
#day img {
    border: 4px double rgba(181, 107, 60, 0.8);
    border-radius: 10px;
    height: 40px;
    margin: 5px;
    transition: all 2s ease 0s;
    vertical-align: middle;
    width: 40px;
}

#day img:hover {
   border: 4px double rgba(185, 185, 145, 0.8);
    margin: 5px;
    transform: rotate(45deg);
    transition: all 2s ease-in-out 0s;
}

/*
* Vignettes Derniers jeux installés
*/

#thumb img {
    border: 1px solid rgba(181, 107, 60, 0.8);
    border-radius: 50px 50px 50px 50px;
    padding: 2px;
    transition: all 2s ease 0s;
	-webkit-transition:All 2s ease 0s;
    -moz-transition:All 2s ease 0s;
	-o-transition:All 2s ease 0s;
    vertical-align: middle;	
	width: 40px;
	height: 40px;
}

#thumb img:hover {
    border: 1px solid rgba(185, 185, 145, 0.8);
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
    transition: all 2s ease-in-out 0s;
	-webkit-transition:all 2s ease-in-out 0s;
   -moz-transition:all 2s ease-in-out 0s;
   -o-transition:all 2s ease-in-out 0s;
}

/*
* Vignettes sur le podium
*/

#thumbOA img {
    border: 1px solid rgba(181, 107, 60, 0.8);
    border-radius: 50px 50px 50px 50px;
    padding: 2px;
    transition: all 2s ease 0s;
	-webkit-transition:All 2s ease 0s;
    -moz-transition:All 2s ease 0s;
	-o-transition:All 2s ease 0s;
    vertical-align: middle;	
	width: 20px;
	height: 20px;
}

#thumbOA img:hover {
    border: 1px solid rgba(185, 185, 145, 0.8);
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
    transition: all 2s ease-in-out 0s;
	-webkit-transition:all 2s ease-in-out 0s;
   -moz-transition:all 2s ease-in-out 0s;
   -o-transition:all 2s ease-in-out 0s;
}
/*
* Images catégories
*/

#picture img {
    border:  4px double rgba(181, 107, 60, 0.8);
    border-radius: 10px 10px 10px 10px;
     margin: 5px;
    transition: all 2s ease 0s;
	-webkit-transition:All 2s ease 0s;
    -moz-transition:All 2s ease 0s;
	-o-transition:All 2s ease 0s;
    vertical-align: middle;	
	width: 60px;
	height: 60px;
}

#picture img:hover {
    border: 4px double rgba(185, 185, 145, 0.8);
	 margin: 5px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
    transition: all 2s ease-in-out 0s;
	-webkit-transition:all 2s ease-in-out 0s;
   -moz-transition:all 2s ease-in-out 0s;
   -o-transition:all 2s ease-in-out 0s;
}

/*
* Avatar game body
*/

#avataroa img {
border: 4px double rgba(181, 107, 60, 0.8);
    border-radius: 50px;
    height: 90px;
    margin: 5px;
    transition: all 2s ease 0s;
    vertical-align: middle;
    width: 90px
}

#avataroa img:hover {
   border: 4px double rgba(185, 185, 145, 0.8);
    margin: 5px;
    transform: rotate(45deg);
    transition: all 2s ease-in-out 0s;
}

/*
*  Texte record ultime
*/

.title_text_oa { /*Texte game_body*/
    font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 18px;
	padding-top:7px;
	color:#FFFFFF;
	text-transform:uppercase;
    font-weight:bold;
}

.hro {/*separation game_body code pour IE Chrome Mozilla Prosilver */
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: transparent;
    -moz-border-right-colors: transparent;
    -moz-border-top-colors: none;
	border-bottom: none;
	border-left:  transparent;
	border-right: transparent;
	border-top: none;
    border-color: #ABABAB;
    border-image: none;
    border-style: outset ! important;
    border-width: 3px solid;
    color: #979797;
}


.green-shadow {
    text-shadow: 0 0 1em #65FF49, 0 0 1em #65FF49, 0 0 1.2em #65FF49;
}

/*
*  Cadre au tour du jeu
*/

.olympus{
    border: 6px solid rgba(210, 183, 115, 0.7);
    border-radius: 5px 5px 5px 5px;
    position: relative;
    z-index: 1000;
}
.olympus:hover {
    border: 4px solid rgba (210, 183, 115, 0.9);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 6px 3px rgba(4210, 183, 115, 0.8);
	-moz-box-shadow:0 0 6px 3px rgba(210, 183, 115, 0.8);
    -webkit-box-shadow:0 0 6px 3px rgba(210, 183, 115, 0.8);
    position: relative;
    z-index: 1000;
}
.copyOA {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    border: 2px solid #7A0000;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 2px inset;
    color: #FD9000;
    padding: 5px;
    text-align: center;
    width: 25%;  
    margin: auto;
}
.copyOA:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    border: 2px solid #7A0000;
    border-radius: 2px 2px 2px 2px;
}

/*
*  Popup catégories
*/

a.bulle {
    background-color: rgba(29, 85, 98, 0.8);
    border: 2px solid #005562;
    border-radius: 2px;
    position: relative;
    text-decoration: none;
}


a.bulle span {
background: none repeat scroll 0 0 rgba(29, 85, 98, 0.8);
border: 2px solid #005562;
font-weight: bold;
text-decoration: none;
cursor: pointer;
position: absolute;
transition: all 0.5s ease 0s;
width: 1px;
height:1px;
visibility: hidden;
 overflow: auto;
 left: 50px;
}

a.bulle:hover span {
background: none repeat scroll 0 0 rgba(76, 72, 64, 0.8);
border: 2px solid #2D1B19;
border-radius: 5px ;
height: 90px;
left: 50px;
position: absolute;
top: -10px;
transition: all 1s ease-in-out 0s;
visibility: visible;
z-index: 500;
width: 250px;
}

a.bulle:hover {
z-index: 1;
}

/*
*  Popup Page Games_body
*/
a.bullebis {
    background-color: rgba(76, 72, 64, 0.8);
    border: 2px solid #2D1B19;
    border-radius: 2px 2px 2px 2px;
    position: relative;
    text-decoration: none;
}
a.bullebis span {
    background: none repeat scroll 0 0 rgba(76, 72, 64, 0.8);
    border: 2px solid #2D1B19;
    cursor: pointer;
    font-weight: bold;
    left: 50px;
    overflow: auto;
    position: absolute;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 1px;
	height: 1px;
}
a.bullebis:hover span {
    background: none repeat scroll 0 0 rgba(76, 72, 64, 0.8);
    border: 2px solid #2D1B19;
    border-radius: 5px 5px 5px 5px;
    height: 65px;
    left: -80px;
    position: absolute;
    top: -10px;
    transition: all 1s ease-in-out 0s;
    visibility: visible;
    width: 150px;
    z-index: 2;
}
a.bullebis:hover {
    z-index: 1;
}


/* Ajax User-Info cadre profil */
.Mchatshutbis {
    background-repeat: repeat-x;
    border: 1px double #804001;
    border-radius: 9px 9px 0 0;
    box-shadow: 0 0 18px rgba(255, 255, 255, 0.3) inset;
    color: #FF9000 !important;
    font-weight: bold;
    margin: auto;
    opacity: 1;
    text-align: center;
    transition-duration: 2s;
    transition-property: opacity;
    width: 35%;
	background-image: url("http://mdr-relax-arcade.fr/styles/xtreammicro-s3/theme/images/MchatBarre.gif");
	background-repeat:no-repeat;
}
.Mchatshutbis:hover {
    box-shadow: none;
    /*opacity: 0.4;*/
}


/* cadre profil partage-dons*/

.chover * {
    -moz-box-sizing: border-box;
}

.chover {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    display: inline-block;
}

.chover a {
    text-decoration: none;
}

.shadow-14 img {
    float: left;
}

.shadow-14 {
    transform: perspective(1000px);
}

.shadow-14:hover {
    transform: perspective(1200px) rotateY(-25deg) rotateX(15deg);
}

.shadow-14:after {
    bottom: 10px;
    box-shadow: 8px 12px 10px rgba(0, 0, 0, 0.7);
    content: "";
    height: 80%;
    position: absolute;
   transform: rotate(5deg) skew(10deg);
    z-index: -1;
    left: 30px;
}

.shadow-14:hover:after {
    box-shadow: 8px 8px 8px 8px rgba(255, 226, 0, 0.9);
}

.shadow-14, .shadow-14:after {
    transition: all 0.4s ease-in-out 0s;
}
.shadow-14:hover, .shadow-14:hover:after {
    transition: all 0.4s ease-in-out 0s;
}


.shadow-13 img {
    float: left;
}

.shadow-13 {
    transform: perspective(1000px);
}

.shadow-13:hover {
    transform: perspective(1200px) rotateY(25deg) rotateX(15deg);
}

.shadow-13:after {
    bottom: 10px;
    box-shadow: 8px 12px 10px rgba(0, 0, 0, 0.7);
    content: "";
    height: 80%;
    position: absolute;
   transform: rotate(5deg) skew(10deg);
    z-index: -1;
    left: 30px;
}

.shadow-13:hover:after {
    box-shadow: 8px 8px 8px 8px rgba(255, 226, 0, 0.9);
}

.shadow-13, .shadow-14:after {
    transition: all 0.4s ease-in-out 0s;
}
.shadow-13:hover, .shadow-14:hover:after {
    transition: all 0.4s ease-in-out 0s;
}

/* Affichage de la vignette du jeu au survol*/


a.oalastgame {
    color: #5DDAB4;
    position: relative;
    text-decoration: none;
}

a.oalastgame span {
    display: none;
    visibility: hidden;
}

a.oalastgame:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    z-index: 1;
}

a.oalastgame:hover span {
    background: none repeat scroll 0 0 #3EA436;
    border-radius: 4px;
    display: block;
    height: 40px;
    left: 78px;
    padding: 2px;
    position: absolute;
    top: -60px;
    visibility: visible;
    white-space: nowrap;
    z-index: 500;
}

a.oalastgame img {
    width: 40px;
    height: 40px;
}

/* Avatar menu perso*/

#avatarindex img {
    border: 1px solid rgba(181, 107, 60, 0.8);
    border-radius: 50px;
    transition: all 2s ease 0s;
	-webkit-transition:All 2s ease 0s;
        -moz-transition:All 2s ease 0s;
	-o-transition:All 2s ease 0s;	
	width: 90px;
	height: 90px;
}

#avatarindex img:hover {
    border: 1px solid rgba(185, 185, 145, 0.8);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transition: all 2s ease-in-out 0s;
    -webkit-transition:all 2s ease-in-out 0s;
    -moz-transition:all 2s ease-in-out 0s;
    -o-transition:all 2s ease-in-out 0s;
}

.bigavatar img{
   -webkit-transition: -webkit-transform 0.3s ease-out; /* Saf3.1+, Chrome */
   -moz-transition: -moz-transform 0.3s ease-out; /* FF3.5+ */
   -o-transition: -o-transform 0.3s ease-out; /* Opera */
   transition: transform 0.3s ease-out;
   position: relative;
    z-index: 500;
   	width: 25px;
	height: 25px;
}
.bigavatar img:hover{
   -ms-transform: scale(1.8); /* IE9+ */
   -webkit-transform: scale(1.8); /* Saf3.1+, Chrome */
   -moz-transform: scale(1.8); /* FF3.5+ */
   -o-transform: scale(1.8); /* Opera */
   transform: scale(1.8);
}

/* Emoticons panel for OA */
#smiley-box-oa {
	background-color: transparent;
	padding: 3px 3px 3px 3px;
	border: 2px outset #D3AC6B;
	border-radius: 5px;
    margin-left: 33%;
	overflow: hidden;
	width: 33%;
}

#smiley-box-oa:hover {
	background-color: transparent;
	padding: 3px 3px 3px 3px;
	border: 2px solid #D3AC6B;
        box-shadow: 0 0 0.6em 0.1em rgba(144, 172, 111, 0.6);
        margin-left: 33%;
	overflow: hidden;
	width: 33%;
}

#smiley-box img {
	margin: 3px;
}

#smiley-cross-bar {
    height: 200px;
    overflow: auto;
}

#smiley-box {
	width: 18%;
	float: right;
}

#smiley-box img {
	margin: 3px;
}
/* table_arcadeoa */

.newarcadeoa.cats {
    display         : flex;
    margin          : 0;
    padding         : 0;
    list-style      : none;
    text-align      : center;
    flex-flow       : row wrap;
    justify-content : center;
    }
.newarcadeoa.cats > li {
    margin        : 11px;
    width         : 290px;
    border-radius : 6px;
    background    : rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
	border-bottom: 2px solid #f1fcff;
    border-left: 1px solid #f1fcff;
	border-right: 1px solid #f1fcff;
    box-shadow: 0 0 8px 3px #64c2e6;
    }
.newarcadeoa.cats > li > div {
    padding : 10px;
    }
.newarcadeoa.cats > li > div + div {
    border-top : 1px dashed #000;
    }
.newarcadeoa.cats > li > h2 {
    box-sizing        : border-box;
    margin            : 0;
    padding           : 7px;
    background-image  : url('images/bg_list.gif');
    background-repeat : repeat-x;
    font-size         : 16px;
    }
.newarcadeoa.cats > li > div > dl > dd {
    display        : inline-block;
    vertical-align : middle;
    }
.newarcadeoa.cats > li > div > dl > dd:first-child {
    width : 180px;
    }
.olympusstats {
    width : 100%;
    }
.olympusstats > h2 {
    padding          : 7px 0;
    background-image : url('images/bg_list.gif');
    text-align       : center;
    font-weight      : normal;
    font-size        : 13px;
    }
.olympusstats > div {
    padding       : 10px;
    border-radius : 0 0 4px 4px;
    background    : inherit;
    line-height   : 16px;
    }
.olympustopbox_header {
    margin     : 20px 0 0 0;
    padding    : 0;
    list-style : none;
    }
.olympustopbox_header > li {
    padding          : 5px 0 9px 0;
    background-image : url('images/bg_list.gif');
    font-size        : 16px;
    }
.olympustopbox_header > li > dl {
    display    : flex;
    margin     : 0;
    padding    : 0;
    text-align : center;
    }
.olympustopbox_header > li > dl > dd:nth-child(1), .olympustopbox_header > li > dl > dd:nth-child(3) {
    width : 25%;
    }
.olympustopbox_header > li > dl > dd:nth-child(2) {
    width : 50%;
    }
.olympustopbox_content {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.olympustopbox_content > li {
    background : inherit;
    }
.olympustopbox_content > li > dl {
    display    : flex;
    margin     : 0;
    padding    : 0;
    text-align : center;
    }
.olympustopbox_content > li > dl > dd:nth-child(1), .olympustopbox_content > li > dl > dd:nth-child(3) {
    width : 25%;
    }
.olympustopbox_content > li > dl > dd:nth-child(2) {
    width : 50%;
    }
.olympustopbox_content > li > dl > dd > ul {
    margin     : 5px;
    padding    : 0 10px;
    list-style : none;
    }
.olympustopbox_content > li > dl > dd > ul > li {
    padding : 5px;
    border  : 1px solid #64c2e6;
    }
.olympustopbox_content > li > dl > dd > ul > li:first-child {
    border-top    : 1px solid #64c2e6;
    border-radius : 8px 8px 0 0;
    background    : inherit;
    }
.olympustopbox_content > li > dl > dd > ul > li:last-child {
    border-radius : 0 0 8px 8px;
    }
.olympustopbox_content > li > dl > dd > ul > li > dl {
    display     : flex;
    align-items : center;
    }
.olympustopbox_content > li > dl > dd .oa_titel {
    font-weight : bold;
    }
.olympustopbox_content > li > dl > dd:nth-child(2) > ul > li:first-child > dl > dd:nth-child(1) {
    width        : 15%;
    border-right : 0;
    font-weight  : bold;
    }
.olympustopbox_content > li > dl > dd > ul > li > dl > dd:nth-child(1) {
    width        : 25%;
    border-right : 1px solid #64c2e6;
    }
.olympustopbox_content > li > dl > dd > ul > li > dl > dd:nth-child(2) {
    width        : 60%;
    border-right : 1px solid #64c2e6;
    }
.olympustopbox_content > li > dl > dd > ul.oa_winners > li > dl > dd:nth-child(1) {
    width : 10%;
    }
.olympustopbox_content > li > dl > dd > ul.oa_winners > li > dl > dd:nth-child(2) {
    width : 20%;
    }
.olympustopbox_content > li > dl > dd > ul.oa_winners > li > dl > dd:nth-child(3) {
    width        : 50%;
    border-right : 1px solid #64c2e6;
    }
.olympustopbox_content > li > dl > dd > ul.oa_winners > li > dl > dd:nth-child(4) {
    width : 20%;
    }
.olympustopbox_content > li > dl > dd > ul > li > dl > dd img {
    display        : inline-block;
    margin-top     : -3px;
    max-width      : 30px;
    max-height     : 30px;
    vertical-align : middle;
    }
.olympustopbox_content > li > dl > dd > ul > li > dl > dd:nth-child(3) {
    width : 25%;
    }
.olympustopbox_content > li > dl > dd > ul.oa_records > li > dl > dd:nth-child(1) {
    width : 10%;
    }
.olympustopbox_content > li > dl > dd > ul.oa_records > li > dl > dd:nth-child(2) {
    width : 20%;
    }
.olympustopbox_content > li > dl > dd > ul.oa_records > li > dl > dd:nth-child(3) {
    width        : 50%;
    border-right : 1px solid #64c2e6;
    }
.olympustopbox_content > li > dl > dd > ul.oa_records > li > dl > dd:nth-child(4) {
    width : 20%;
    }
.maintablewrapper {
    overflow            : hidden;
    margin              : 20px 0;
    width               : 100%;
    border-right        : 1px solid #f1fcff;
    border-bottom       : 1px solid #f1fcff;
    border-left         : 1px solid #f1fcff;
	box-shadow: 0 0 8px 3px #64c2e6;
    border-radius       : 6px;
    backface-visibility : hidden;
    }
.oa_table {
    width           : 100%;
    border-spacing  : 0;
    border-collapse : collapse !important;
    border-style    : hidden;
    background      : ;
    table-layout    : fixed;
    text-align      : center;
    border-left: 1px solid #f1fcff;
	border-bottom: 2px solid #f1fcff;
    border-radius: 6px;
    border-right: 1px solid #f1fcff;
    box-shadow: 0 0 8px 3px #64c2e6;
    }
.oa_table > thead {
    background-image : url('images/bg_list.gif');
    background-size  : contain;
    }
.oa_table > thead th {
    box-sizing : border-box;
    padding    : 5px 0 9px 0;
    font-size  : 14px;
    }
.oa_table > tbody td {
    padding        : 10px;
    border-top     : 1px solid #64c2e6;
    vertical-align : top;
    }
.oa_table.in > tbody td {
    border         : 1px solid #64c2e6;
    vertical-align : middle;
    }
.oa_table.nopad > tbody td {
    padding : 0;
    }
.oa_table.border > tbody td {
    border : 1px solid #64c2e6;
    }
.oa_table > tbody td select, .oa_table > tbody td input {
    border : 1px solid #64c2e6 !important;
    }
.tablewrapper {
    overflow      : hidden;
    margin-top    : 1px;
    width         : 100%;
    border-top    : 1px solid #64c2e6;
    border-right  : 1px solid #64c2e6;
    border-bottom : 1px solid #64c2e6;
    border-left   : 1px solid #64c2e6;
    border-radius : 6px;
    }
.oa_intable {
    width           : 100%;
    border-spacing  : 0;
    border-collapse : collapse !important;
    border-style    : hidden;
    background      : rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    text-align      : center;
    }
.oa_intable > thead {
    background  : rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    font-weight : bold;
    }
.oa_intable > thead th {
    padding        : 5px 0 9px 0;
    vertical-align : middle;
    font-size      : 11px;
    }
.oa_intable > tbody td {
    padding        : 2px;
    border         : 1px solid #64c2e6;
    vertical-align : middle;
    }
.oa_intable > tbody td .avatar {
    width          : 30px;
    height         : 30px;
    border-radius  : 4px;
    vertical-align : middle;
    }
.top10rankindex {
    display         : flex;
    margin          : 0;
    padding         : 0;
    list-style      : none;
    justify-content : space-between;
    }
.top10rankindex > * {
    padding    : 0;
    width      : 170px;
    text-align : center;
    }
.top10rankindex > * img {
    width         : 70px;
    height        : 70px;
    border-radius : 4px;
    }
	
	/* Show scrollbars for items with overflow on iOS devices
----------------------------------------*/
.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
    -webkit-appearance : none;
    background         : rgba(0, 0, 0, .1);
    border-radius      : 3px;
    height             : 8px;
    width              : 8px;
    }
.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
    background    : rgba(0, 0, 0, .3);
    border-radius : 3px;
    }
#memberlist tr.inactive, #team tr.inactive {
    font-style : italic;
    }
.gamechallenge {
    background    : #0c4e54;
    border        : 2px solid #0c424a;
    border-radius : 10px;
    box-shadow    : 0 0 15px #00000096;
    height        : 180px;
    left          : 25%;
    overflow      : hidden;
    position      : fixed;
    text-align    : center;
    top           : 25%;
    transform     : scale(0);
    transition    : all 0.3s linear;
    width         : 640px;
    will-change   : transform;
    z-index       : 1000;
    }
.gamechallenge > h2 {
    background    : #0c3842;
    border-bottom : 1px solid #000000;
    margin        : 0;
    padding       : 10px;
    position      : relative;
    user-select   : none;
    }
.gamechallenge > h2 > span {
    background    : #0c4e54;
    border-radius : 100%;
    cursor        : pointer;
    font-size     : 14px;
    height        : 25px;
    line-height   : 25px;
    position      : absolute;
    right         : 10px;
    text-align    : center;
    width         : 25px;
    }
.gamechallenge #challengeform {
    font-size : 14px;
    padding   : 10px;
    }
.gamechallenge #challengeform input, .gamechallenge #challengeform select {
    background : black;
    border     : 1px solid #2d82b0;
    padding    : 2px 6px;
    }
.challengebutton {
    background      : #0c4e54;
    border          : 2px solid #0c424a;
    border-radius   : 8px;
    color           : #d7d7d7;
    display         : block !important;
    float           : right;
    font-size       : 14px;
    margin          : 10px;
    padding         : 10px;
    text-decoration : none !important;
    text-shadow     : 0 1px 1px black;
    transition      : all 0.3s linear;
    }
.challengebutton:hover {
    background : #0c3842;
    }