@charset "UTF-8";

/** * Moneyformat Style
*/
.moneyFormat{margin:0;font-family:tahoma;padding:0px 4px;display:inline; word-wrap:normal;}
table .moneyFormat{text-align:right;display:block;}

.redText{color:#800;}
.orangeText{color:#F5AA2A;}
.greenText{color:#008000;}


/** * Formattazione errori
*/
div.errors{
    margin:10px auto;
    width:600px;
    padding:25px 10px;
    border:solid 1px #dc0000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:url(../img/erroricon64.png) 0 0 no-repeat #fdf2f2;
}

div.errors ul{margin:0; padding-left:80px;}

div.errors ul li{
    color:#800;
    margin:0;
    text-align:left;
}

div.succeed{
    margin:10px auto;
    width:600px;
    padding:25px 10px;
    border:solid 1px #008000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:url(../img/okicon64.png) 0 0 no-repeat #f5fff4;
}

div.succeed ul{margin:0; padding-left:80px;}

div.succeed ul li{
    color:#004500;
    margin:0;
    text-align:left;
}


/** Basic Page Styles
*/

body{
    margin:0;
    padding:0;
    color:#535353;
    background-color:#111111;
    font:12px/14px Arial,Helvetica,sans-serif;
}

a:link, a:visited{
    text-decoration:none;
    color:#74B2DA;
}

a:hover{
    text-decoration:underline;
    color:#1683b0;
}

h1{
    margin:0;
    padding:0;
    float:left;
}

h1 a img{
    border:none;
}

    
div{
    margin:0;
    padding:0;
}

br, .clear{
    clear:both;
}


/** Layout Styles
*/

.layout_width{
    margin:0 auto !important;
    width:960px !important;
}
    
div#main{
    overflow:auto;
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
}


/** Header Styles
*/

div#header{
    color:#efefef;
}

div#header a, div#header:visited{
    color:#eee;
}

div#header a:hover{
    color:#f1f1f1;
}

div#head{
    width:100%;
    height:120px;
    background:url("../img/header_bg.gif") repeat-x scroll left top rgba(0, 0, 0, 0);
}

.head_bg{
    height:120px;
    background:url("../img/header_bg2.png") repeat-x scroll left top rgba(0, 0, 0, 0);
}

div#userbox .user_menu{
    margin:0;
    font-size:12px;
}

div#userbox .user_menu a,
div#userbox .user_menu a:visited{ 
    color:#f5aa2a;
    font-weight:bolder;
}

div#userbox .user_menu a:hover{
    color:#f67724;
}


div#nav{
    width:100%;
    height:48px;
    /*background:url("../img/topmenu_bg.gif") repeat-x scroll left top rgba(0, 0, 0, 0);*/
    background-color: #24755a;
}

div#nav ul{
    margin:0;
    padding:0;
    width:100%;
    height:48px;
    display:block;
    list-style-type:none;
}

div#nav ul li{
    display:block;
    float:left;
    height:48px;
    /* width:120px; */
    vertical-align:text-top;
}

div#nav ul li a:link, 
div#nav ul li a:visited{
    display:block;
    padding:17px 26px;
    background:url("../img/arrow.gif") no-repeat 0px 19px;
    text-decoration:none;
    text-transform:uppercase;
    color:#ece8e8;
    font-size:12px;
    font-weight:bolder;
}

div#nav ul li a:hover{
    color:#0fd637;
}


div#breadcrumb{
    height:35px;
    width:100%;
    background:url("../img/menu_bg2.gif") repeat-x scroll left bottom rgba(0, 0, 0, 0);
}

div#breadcrumb .left{
    float:left;
    width:600px;
}

div#breadcrumb .right{
    float:right;
    width:360px;
}

div#breadcrumb p.choose_language{
    font-size:11px;
    text-align:right;
}

div#breadcrumb p.choose_language a{
    margin-left:4px;
}

div#breadcrumb .left ul,
div#breadcrumb .left ul li{
    display:block;
    float:left;
    height:35px;
    margin:0;
    padding:0;
    list-style-type:none;
}

div#breadcrumb .left ul li a,
div#breadcrumb .left ul li a:visited{
    color:#74B2DA;
    display:block;
    text-align:center;
    padding:11px 15px 10px;
}

div#breadcrumb .left ul li a:hover{
    color:#1683b0;
}

div#breadcrumb .left ul li span{
    float:right;
    padding:10px 0px;
}

div#breadcrumb ul li.selected{
    background-color:#234355;
    box-shadow:0px 0px 10px #0e1b22 inset;
}

div#breadcrumb ul li.selected a{
    text-shadow:1px 1px 1px #0e1b22;
}


/** Content Styles
*/

div#content,
div.new_section_background{
    min-height:115px;
    background:url("../img/header_bg.gif") repeat-x scroll left top #0d0d0d;
    
    /*background:url("../img/body_bg.gif") repeat-x scroll left top #ECECEC;*/
}

div.content_wrapper,
div.new_section_centerbg{
    background:url("../img/header_bg2.png") repeat-x scroll left top rgba(0, 0, 0, 0);
}

div.new_section_background{
    box-shadow:0 -1px 4px #050505;
}


div#splash{
    padding:10px;
}


div#pagebody{
    color:#efefef;
}

div#pagebody h2{
    padding:10px;
    margin:0 5px;
    display:block;
    text-align:left;
    font-family:"MS Sans Serif", Geneva, sans-serif;
    font-weight:normal;
    color:#1D1D1D;
    background:url("../img/topmenu_bg.gif") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    /*background:url("../img/h2gradient.png") repeat-x left top #0d0f10;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow:1px 1px 1px #333;
    
}

div#pagebody .pagewrapper{
    padding:15px 0;
}

div#pagebody .pagewrapper p{
    margin:5px 10px;
}

div#pagebody .pagewrapper .fullwidth{
    width:100%;
}

div#pagebody .pagewrapper .left{
    display:block;
    float:left;
    width:50%;
    text-align:left;
}

div#pagebody .pagewrapper .right{
    display:block;
    float:right;
    width:50%;
    text-align:left;
}

div.textpage{
    padding:20px;
    background:url(../img/textbackground.png) repeat;
    border-radius:9px;
    margin:5px;
    font-family:Verdana,Sans;
    font-size:12px;
}

div#pagebody div.textpage p.title{
    color:#F5AA2A;
    font-weight:bolder;
    margin-top:15px;
}


.newsbox{
    text-align:left;
    padding:0 15px 5px;
}

.newsbox .news{
    border-bottom:solid 1px #999;
    padding:10px 10px;
    margin-bottom:5px;
}

.newsbox .news p{
    margin-left:0 !important;
    margin-right:0 !important;
}

.newsbox .news p:first-child{
    font-weight:bolder;
    font-size:14px;
}

.newsbox .news a,
.newsbox .news a:visited{
    color:#74B2DA;
}

.newsbox .news a:hover{
    color:#1683b0;
}


div.goToLobby{
    display:block;
    margin:0 auto;
    width:760px;
    height:439px;
    position:relative;
    background:url(../img/room.png) no-repeat top left;
}

div.goToLobby div.lobbyButton{
    position:absolute;
    margin:250px 0 0 285px;
}

div.goToLobby div.lobbyButton input[type='button']{
    display:block;
    box-shadow:1px 1px 23px #fff;
}


/** Footer Styles
*/

div#footer{
    height:100px;
    background-color:#111;
    color:#ccc;
}


div#footer p.copy{
    margin:0;
    padding-top:5px;
    text-align:center;
    font-size:10px;
}

div#footer p.textmenu{
    margin:0;
    padding-top:35px;
    text-align:center;
}

div#footer p.textmenu a,
div#footer p.textmenu a:visited{
    color:#74B2DA;
}

div#footer p.textmenu a:hover{
    color:#1683b0;
}


/** * Stili Sparsi
*/
div.transcript pre{
    color:#f1f1f1;
    font-family:Sans,Arial,Helvetica;
    padding:20px 15px;
    letter-spacing:0px;
    line-height:20px;
    font-size:16px;
    background-color:#222;
    width:450px;
    margin:20px auto;
}

div#tablepassword{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
}

div#tablepassword fieldset{
    display:block;
    position:absolute;
    margin:251px 0 0 286px;
    color:#f1f1f1;
    font-weight:bolder;
    border:none;
    background-color:#222;
    padding:15px 10px;
    box-shadow:1px 1px 8px #1f1f1f;
}



a#reloadCaptcha{
    display: block;
    float: right;
    margin-right: 39px;
    margin-top: 12px;
}

div.avatar{
    background-color:#f1f1f1;
    border:solid 1px #000;
    margin:10px auto 25px;
    width:100px;
}

div.avatar img{
    width:100px !important;
    height:100px !important;
}

a.replayId{
    display:block;
    float:right;
    margin-top:-2px;
}



/** Form Elements: Form, Fieldset & Form Layout
*/
#content div#pagebody form fieldset p{
    margin-bottom:10px;
}

#content form fieldset{
    margin-top:10px;
    padding-top:10px;
    border:none;
}

#content form fieldset legend{
    font-size:16px;
    color:#777;
}

#content form div.birth_date{
    margin-left:10px;
}


/** Form Elements: Input & Label
*/
input[disabled=disabled]{
    background-color:#222 !important;
    color:#999;
}


.ok{
    background:url("../img/ok.png") no-repeat right top #dfdfdf !important;
    border:solid 1px #008000 !important;
}

.ok:hover,
.ok:focus{
    background:url("../img/ok.png") no-repeat right top #fff !important;
}

.wrong{
    background:url("../img/wrong.png") no-repeat right 2px #dfc8c8 !important;
    border:solid 1px #800 !important;
}

.wrong:hover,
.wrong:focus{
    background:url("../img/wrong.png") no-repeat right 2px #fff !important;
}

.checking{
    background:url("../img/5-1.gif") no-repeat right 1px #dfdfdf !important;
}

.checking:hover,
.checking:focus{
    background:url("../img/5-1.gif") no-repeat right top #fff !important;
}

#content form label{
    display:block;
    font-size:13px;
    padding-left:2px;
}

#content form input,
#content form select,
#content form textarea,
#tablepassword form input,
#tablepassword form select{
    border: 1px solid #999999;
    border-radius: 4px 4px 4px 4px;
    display: block;
    font-size: 18px;
    margin: 2px 0 5px;
    padding: 6px;
    width: 400px;
    background:#dfdfdf;
}

#content form textarea{
    height:250px;
    font-size:13px;
    font-family:Verdana,Sans;
}

#content form select{
    width:414px;
}

#content form div.birth_date select{
    float:left;
    width:138px;
}

#content form .smallInput input,
#content form .smallInput select,
#tablepassword.smallInput form input,
#tablepassword.smallInput form select{
    width:200px;
    font-size:12px;
    padding:3px;
}

#content form .smallInput select{
    width:214px;
}

#content form div.birth_date.smallInput select{
    float:left;
    width:100px;
}


#content form input:hover,
#content form input:focus,
#content form select:hover,
#content form select:focus,
#content form textarea:hover,
#content form textarea:focus{
    background:#fff;
}

#content form input[type=checkbox]{
    display:inline;
    float:left;
    width:auto;
    margin:0 10px;
}

#reg_check{
    visibility:hidden;
    position:absolute;
}


/** Form Elements: Buttons
*/

.small_blue_button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:#39d url('../img/bg-btn-blue.png') repeat-x scroll 0 0 !important;
    /*background-color:#39d;*/
    border:1px solid #39D !important;
    color:#fff !important;
    text-shadow:0 -1px 0 #39d !important;
    padding:4px 10px 5px !important;
    font-size:11px !important;
    margin:0 5px 0 0 !important;
    font-weight:bold;
    width:auto !important;
}

.small_blue_button::-moz-focus-inner{
    padding:0;
    border:0;
}

.small_blue_buttont:hover, .small_blue_button:focus {
    background-position:0 -5px !important;
    cursor:pointer;
}

.medium_blue_button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:#39d url('../img/bg-btn-blue.png') repeat-x scroll 0 1px !important;
    /*background-color:#39d;*/
    border:1px solid #39D !important;
    color:#fff !important;
    text-shadow:0 -1px 0 #39d !important;
    padding:4px 10px 5px !important;
    font-size:16px !important;
    margin:0 5px 0 0 !important;
    font-weight:normal;
    width:auto !important;
}

.medium_blue_button::-moz-focus-inner{
    padding:0;
    border:0;
}

.medium_blue_button:hover, .medium_blue_button:focus {
    background-position:0 1px !important;
    cursor:pointer;
}

.big_blue_button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:#39d url('../img/bg-btn-blue.png') repeat-x scroll 0 1px !important;
    /*background-color:#39d;*/
    border:1px solid #39D !important;
    color:#fff !important;
    text-shadow:0 -1px 0 #39d !important;
    padding:4px 10px 5px !important;
    font-size:25px !important;
    margin:0 5px 0 0 !important;
    font-weight:normal;
    width:auto !important;
}

.big_blue_button::-moz-focus-inner{
    padding:0;
    border:0;
}

.big_blue_button:hover, .big_blue_button:focus {
    background-position:0 1px !important;
    cursor:pointer;
}

.big_red_button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:#ca1b1b url('../img/bg-btn-red.png') repeat-x scroll 0 1px !important;
    /*background-color:#39d;*/
    border:1px solid #800 !important;
    color:#fff !important;
    text-shadow:0 -1px 0 #800 !important;
    padding:4px 10px 5px !important;
    font-size:25px !important;
    margin:0 5px 0 0 !important;
    font-weight:normal;
    width:auto !important;
}

.big_red_button::-moz-focus-inner{
    padding:0;
    border:0;
}

.big_red_button:hover, .big_red_button:focus {
    background-position:0px 1px !important;
    cursor:pointer;
}



/** Twitter Like Login Styles
*/
#userbox {
    padding:10px 0px 12px;
    font-size:11px;
    line-height:23px;
    text-align:right;
    float:right;
    position:relative;
    width:560px;
}

#userbox p{
    margin:2px 0;
}

#userbox a.signin {
    background:#666; /*#88bbd4;*/
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("../img/signin-nav-bg-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}

#userbox a.signin:hover {
    background:#444;
    *background:transparent url("../img/signin-nav-bg-hover-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#userbox a.signin, #userbox a.signin:hover {
    *background-position:0 3px!important;
}

a.signin {
    position:relative;
    margin-left:3px;
}

a.signin span {
    background-image:url("../img/toggle_down_light.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}

#userbox a.menu-open {
    background:#444!important;
    color:#f1f1f1!important;
    outline:none;
}

#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}

a.signin.menu-open span {
    background-image:url("../img/toggle_up_light.png");
    color:#f1f1f1;
}

#signin_menu {
    -webkit-border-radius: 5px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-topright: 0;
    border-radius: 5px;
    border-top-right-radius: 0;
    display:none;
    background-color:#444; /*#ddeef6;*/
    position:absolute;
    width:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 29px;
    right: 0px;
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#e1e1e1;
    font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #999;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}

#signin_menu a {
    color:#6AC;
}

#signin_menu label {
    font-weight:normal;
}

#signin_menu p.remember {
    padding:10px 0;
}

#signin_menu p.complete {
    clear:both;
    margin:5px 0;
}

#signin_menu p a {
    color:#eee!important;
    text-decoration:none;
}

#signin_menu p a:hover{
    text-decoration:underline;
    color:#f1f1f1;
}


/** Jquery Slider
*/

.slider-wrapper { 
    width: 960px; 
    margin: 0px auto;
}

.nivoSlider {
    position:relative;
    width:100%;
    height:auto;
    overflow: hidden;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    max-width: none;
}
.nivo-main-image {
    display: block !important;
    position: relative !important; 
    width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
    background:white; 
    filter:alpha(opacity=0); 
    opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
    top:0;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
    overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    background:#000;
    color:#fff;
    width:100%;
    z-index:8;
    padding: 5px 10px;
    opacity: 0.8;
    overflow: hidden;
    display: none;
    -moz-opacity: 0.8;
    filter:alpha(opacity=8);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
    padding:5px;
    margin:0;
}
.nivo-caption a {
    display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position:absolute;
    top:45%;
    z-index:9;
    cursor:pointer;
}
.nivo-prevNav {
    left:0px;
}
.nivo-nextNav {
    right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
    text-align:center;
    padding: 15px 0;
}
.nivo-controlNav a {
    cursor:pointer;
}
.nivo-controlNav a.active {
    font-weight:bold;
}

.theme-default .nivoSlider {
    position:relative;
    background:url("../img/loading.gif") no-repeat 50% 50%;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 5px 0px #666;
    -moz-box-shadow: 0px 1px 5px 0px #666;
    /*box-shadow: 0px 1px 5px 0px #666;#4a4a4a;*/
}
.theme-default .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.theme-default .nivoSlider a {
    border:0;
    display:block;
}

.theme-default .nivo-controlNav {
    text-align: center;
    padding: 20px 0;
}
.theme-default .nivo-controlNav a {
    display:inline-block;
    width:22px;
    height:22px;
    background:url("../img/bullets.png") no-repeat;
    text-indent:-9999px;
    border:0;
    margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
    background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url("../img/arrows.png") no-repeat;
    text-indent:-9999px;
    border:0;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
    background-position:-30px 0;
    right:15px;
}
.theme-default a.nivo-prevNav {
    left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
    width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
    width: auto;
    height: auto;
    background: none;
    margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
    display: block;
    width: 120px;
    height: auto;
}