/* common styles */
* { margin: 0; padding: 0; }
a img {border:none;}
body  
{
    font-size: 12px; 
    font-family: Verdana, Arial, serif;
    color:white  
}
body,html { height:100%; }
#copyright span.skype_pnh_container {display:none !important;}
#copyright span.skype_pnh_print_container {display:inline !important;}
#page-wrap {
    width:1048px; height:600px;
    position:absolute;top:50%;left:50%;
    margin:-300px 0 0 -524px;
    background: url(../images/bg.jpg) no-repeat;
    z-index:1;
}
a { text-decoration: none; color:white}

/* header */
#language {position:absolute;top: 50px;right: 100px}
#title {position:absolute;top: 40px;left: 50px}
#title h1{background: url(../images/logo.png) no-repeat;
          width:187px;height:67px;position:absolute;top: 20px;left: 50px}

/* navigation bar */
#mainNav 
{
    position: absolute;
    top: 110px;
    right: 90px;
    
}
#mainNav a
{color: #999999;    
    font-size: 14px;}
    #mainNav a.selected {color: #fff; }
    
#mainNav ul {list-style: none;}
#mainNav li {display: inline;width:100px;margin-left: 10px;}


/* page content - wrapper */
#slot-machine-tabs 
{
    border: 1px solid white;
    width: 878px;margin: 0 auto;
    position:absolute;top: 150px;left: 80px;    
    background:url(../images/tabbg.png);
    
    overflow:hidden;
    visibility:hidden;
}
/* page content - hide button */
#toggle {position:absolute;top: 5px;right: 5px;}
#toggle a  {display:block;height:24px;width:24px; background:url(../images/closeGray.png);}
#toggle a:hover  {background:url(../images/closeBlue.png);}

/* page content - container */
.pageContent 
{
    text-align:left;
}

/* page content - internal tabs */
.tabs  
{
    list-style: none; 
    overflow: hidden;  
    width:879px;
}
.tabs li { display: inline;border-bottom: 1px solid white }
.tabs li a { display: block; float: left; padding: 4px 8px; margin: 0 0 0 -1px; }
.tabs li a.current {position: relative; top: 2px; z-index: 2; }

/* page content - line */
.pageContent hr {margin-left:5px;width:50%;float:left;}
.box-wrapper hr {margin:0px;margin-top:10px; margin-bottom:10px; width:100%;float:none;}

/* tab content - wrapper */
.box-wrapper 
{
    padding: 10px;     
    height: 242px; 
    position: relative; 
    width:856px; 
    margin: auto;
    margin-left:0;
    margin-right:0;
    margin-top:5px;
    background:url(../images/tabbg2.png);
    overflow:hidden;
}
/* tab content */
.content-box  
{
    
    margin-left: 0px; 
    margin-right: 0px;
    width: 100%;               
    height: 230px; 
    overflow:hidden;
    background:url(../images/tabbg2.png);
}
.scroll-pane {height: 230px;
    overflow:hidden;}
.content-box .text
{
    width: 460px;
    float: left;
    text-align: left;
    line-height: 18px;
    font-size: 11px;
}
.content-box .images {width: 330px; margin-left:5px; margin-right:15px; float:right;}
.content-box .images img { margin-top:10px; margin-bottom:15px;border:1px solid #fff;}

.content-box .sectionLinks {width:300px;float:left;}
.content-box .sectionPanels {width:500px;float:left;}

.content-box .sectionLinks a
{
    color: #999999;
}
/* pagina progetto */
.projectsPage .sectionPanels div ,.projectsPage .sectionPanels2 div
{
    display:none;
}
.content-box img { border:1px solid #fff;}

/* formattazione dei testi */
.content-box ul li { list-style-type:circle; margin-left:30px;}
.content-box h3 { margin-top:10px; font-size:14px; text-transform:capitalize; font-variant:small-caps;}
.content-box .text  a {color:#fff; font-style:italic; border-bottom:1px dotted #fff; }
.small {font-size:9px; margin-top:10px;}
.buttons { position:absolute; bottom:10px;right:10px; text-align:right;}
.buttons div {margin-top:5px;}

table {}

/* footer - sliding disclaimer */
#disclaimer 
{
    background:url(../images/disclaimer.jpg) repeat-x;
    width: 929px;
    height:28px;
   /*border: 1px solid white;*/
    padding: 0px 10px;
    position:absolute;
    bottom: 115px;
    left: 50px;
    visibility:hidden;
    text-align:center;
}
#disclaimerContents div {width:100%; margin-top:6px;height:22px;}

#logo
{
    position: absolute;
    bottom: 55px;
    right: 90px;
    border: 0px solid red;
    z-index: 3;
    text-align: right;
    font-size: 11px;
    color: #F2F2F2;
}
#logo a
{
    
    display: block;
    color: #CFD1D4;
}
#links
{
    position: absolute;
    bottom: 55px;
    left: 90px;
    border: 0px solid red;
    z-index: 3;
    text-align: left;
    font-size: 11px;
    color: #F2F2F2;
}
#links a
{
    
    display: block;
    color: #CFD1D4;
}


/* footer - copyrights */
#copyright 
{
    width:100%;text-align: center;
    position:absolute;bottom: 26px;
    color:#000D28;font-size:11px;
}

/* slot machines style */
.col-one, .col-two, .col-three { float: left; position: relative;  }
.col-one, .col-two { margin-right: 3%; }
.col-one {width: 130px;}
.col-one .sectionLinks {width:100%;float:none;}
.col-two {width: 260px;}
.col-two .sectionPanels {width:100%;float:none;}
.col-three {width: 380px;}

/* form */
.details {display:inline;vertical-align:middle; margin:0; padding:0;}
.inline {display:inline;  vertical-align:middle; margin:0; padding:0;margin-right:8px;}

.radio {display:inline; vertical-align:middle; margin:0; padding:0;margin-right:8px; width:60px;}


/* credits */
.credits {position:absolute;top: 620px;width:100%; text-align:center; color: #999999; font-size:10px;}
.credits a {color: #999999;}