/* login box */
.login-box
  { padding: 0 4px; }
.login-box .UI_Label
  { display: block; margin: 4px 0; font-size: 1.1em; }
.login-box .UI_TextInput
  { display: block; margin: 4px 0; }
.login-box .option-remember-me
  { margin: 8px 0; overflow: hidden; }
.login-box .option-remember-me input,
.login-box .option-remember-me label
  { float: left; }
.login-box .option-remember-me label
  { margin: 0 0 0 6px; }
.login-box .UI_Button
  { display: block; width: 55px; margin: 0 auto; }
.login-box .UI_Button_Text
  { text-align: center; }
.login-box .UI_Button .UI_Button_Text:hover
  { background: #333; }



.UI_Label
  { font-weight: bold; }

.UI_TextInput
  { display: inline-block; border: 1px solid #818181; background: #353535; height: 22px; overflow: hidden; }
.UI_TextInput_Text
  { border: none; background: none; padding: 4px 3px; width: 98%; }


.UI_Button
  { display: inline-block; border: 1px solid #818181; background: #353535; overflow: hidden; }
.UI_Button_Text
  { border: none; background: none; padding: 3px 9px; }
























/**
 * informationBox
 *
 * This is a div that wraps around a message and will be used with niftyCube
 */
div.informationBox
{
	display: block;
	position: relative;
	text-align: left;
	float: none;
	clear: both;
    margin: 0px;
    padding: 0px;

    padding-top: 6px;
    padding-left: 6px;
    padding-right: 6px;

    padding-bottom: 6px;
	margin-left: 5px;
	margin-right: 5px;

    background-color: #ddd;
    color: #ffffff;

    font-size : 12px;

    white-space: normal;
}

div.informationBoxText
{
	float: none;
	margin-top: 0px !important;
}

/* colori */

div.boxInfo {background-color: #41505B; /* default: #e8f0f5 */}
div.boxConfirm {background-color: #415B41; /* default: #e4ffca */}
div.boxWarning {background-color: #5B5541; /* #ffff99 */}
div.boxError {background-color: #5B4141; /* default: #ffa6a6 */}
div.boxWhite {background-color: #fff;}

/* start information box top */
div.informationBoxTop {
	display: block;
	position: relative;
	text-align: left;
	float: none;
	clear: both;
    margin: 0px;
    padding: 0px;
    /*padding-bottom: 20px;*/
}

div.informationBoxTop div.informationBox {
    margin-bottom: 0px;
}

div.imgInfoTop {
    display: block;
    position: absolute;
    left: 8px;
    top: 8px;
}

/* end information box top */

/* Index page - Images */
div.index_image_right {float: right; margin-left: 5px; background-color: #535353;}
div.index_image_right img {margin: 5px;}

/* World Map - When choosing location */
div.world_map {width: 522px; margin: 0 auto; background-color: #535353;}
div.world_map img {margin: 5px;}


/* Login form */
input.login-button {display: block; width: 100px; height: 30px; margin: 0 auto; background: transparent url(../../../images/button-login-v2.png) no-repeat 0 0; border: none; outline: 0; text-indent: -9999px;}
input.login-button:hover {background-position: 0 -30px;}

input.input-email {display: block; width: 90%; padding: 5px; margin: 0 auto; background-image: url(../../../images/form-login-input.gif); background-repeat: no-repeat; background-position: 5px 6px;}
input.input-password {display: block; width: 90%; padding: 5px; margin: 0 auto; background-image: url(../../../images//form-login-input.gif); background-repeat: no-repeat; background-position: 4px -12px;}




.profile-container { overflow: auto; padding: 0 0 4px 0; margin: 4px auto; width: 310px; border: 1px solid #818181; background: #454545; cursor: default; }
.profile-container .rank { padding: 4px; font-weight: bold; background: #353535; }

dl.profile-stats { margin: 4px 4px 8px 4px; width: 300px; }
dl.profile-stats dt { float: left; clear: left; width: 100px; line-height: 14px; font-weight: bold; }
dl.profile-stats dd { float: right; clear: right; line-height: 14px; }


/**
 * Winners page
 */
#winners-container
  { margin: 4px auto; width: 95%; }
  #winners-container .round
    { display: block; float: left; width: 95%; margin: 6px 5.5px; background: #414141; border: 1px solid #818181;
      border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
      box-shadow: 5px 5px 5px #353535; -moz-box-shadow: 5px 5px 5px #353535; -webkit-box-shadow: 5px 5px 5px #353535; }
    #winners-container .round span.heading
      { display: block; font-size: 1.2em; font-weight: bold; line-height: 24px; cursor: default; text-shadow: #535360 1px 1px 4px, #535360 -1px 1px 4px, #535360 1px -1px 4px, #535360 -1px -1px 4px;
        background: #353535; margin: 0 0 2px 0; padding: 0 0 0 6px; border-bottom: 1px solid #535353;
        border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
    #winners-container .round ol.winners-list,
    #winners-container .round ol.respect,
    #winners-container .round ol.most-respected-gang
      { float: left; margin: 0 0 4px 0; padding: 0 0 0 24px; width: 150px; }
    #winners-container .round ol.winners-list li
      { line-height: 14px; margin: 0; padding: 0; }
    #winners-container .round ol.respect
      { list-style-type: none; padding: 0; width: 110px; }
    #winners-container .round ol.respect li
      { line-height: 14px; margin: 0; padding: 0; }
    #winners-container .round ol.most-respected-gang
      { list-style-type: none; padding: 0; margin: 0 0 0 8px; width: 170px; }
    #winners-container .round ol.most-respected-gang li
      { line-height: 14px; margin: 0; padding: 0 0 0 6px; }
    #winners-container .round ol.most-respected-gang li.heading
      { font-weight: bold; padding: 4px 0; }