.hide {display: none;}


#container {
	text-align: left;
	overflow:hidden;
	margin: 0px auto;
	position: relative;
        /*height: 423px;*/
        margin-top: 20px;
}

#container h1 {
	height:29px;
        width: 800;
        float: left;
	font-size:18px;
	line-height:40px;
        /*margin-left: 450px;*/
        margin-left: 7px;
        text-align: left;
        margin-top: 0px;
	font-weight:normal;
        
}


#picture_section {
    padding:0;
    /*height:370px;*/
    overflow:hidden;
    margin-left: 3px;
}
#inside {
	width:100%;
}
#picture_section .img {
	width: 237px;
	height: 234px;
        line-height: 234px;
	border:0;
	float:left;

	cursor:pointer;
	text-align: center;
	overflow: hidden;
}

#picture_section img, #display_picture_img img
{
	vertical-align: middle;
}


#controls_vert {
    width:90px;
    height:23px;
    margin-left: 800px;
}
#controls_horz {
    display: none;
    width:0px;
    height:0px;
    
}
    #up {
        height:32px;
        width:32px;
        margin-right:7px;
        background:url(../img/up.png) no-repeat;
        text-indent:-9999px;
        float:left;
        margin:7px;
        margin-bottom:6px;
        cursor:pointer;
    }

    #down {
        height:32px;
        width:32px;
        background:url(../img/down.png) no-repeat;
        text-indent:-9999px;
        float:left;
        margin:7px;
        margin-left:0;
        margin-bottom:6px;
        cursor:pointer;
    }
    #left {
        /*height:32px;
        width:32px;
        background:url(../img/back.png) no-repeat;*/
        text-indent:-9999px;
        float:left;
        margin:7px;
        margin-bottom:6px;
        cursor:pointer;
    }
    #right {
        /*height:10px;
        width:10px;
        background:url(../img/rightright.jpg) no-repeat;*/
        text-indent:-9999px;
        float:left;
        margin:7px;
        margin-left:0;
        margin-bottom:6px;
        cursor:pointer;
    }

    div#up.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }
    div#down.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }
    div#right.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }
    div#left.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }


  #display_picture_container {
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      overflow: hidden;
  }

  #display_picture {
      position:absolute;
      top:0px;
      display: none;
      width:100%;
      height:500px;
      background:#000000;
      opacity:0.8; filter:alpha(opacity=80);
      text-align:center;
  }

  #display_picture_box {
      position:relative;
      top:0px;
      left:0px;
      width:100%;
      text-align: center;
      height: 450px;
  }
  #display_picture_img {
      margin: 70px auto;
      padding: 20px;
      background-color: #ffffff;
      width: 510px;
      position: relative;
  }

  #display_picture_closeimg {
      width: 30px;
      height: 30px;
      position: absolute;
      top: 0px;
      right: 0px;
      background-image: url(../img/delete.png);
      cursor:pointer;
  }

  #display_picture_img.portrait {
      margin: 0px auto;
      padding: 20px;
      background-color: #ffffff;
      width: 287px;
      position: relative;
  }

  #display_picture_img.portrait img
  {
      height: 430px;
  }

  #display_picture_img.portrait .chart
  {
      right: 130px;
  }

  #display_picture_img.portrait #chartBox
  {
      left: -30px;
  }

  .chart
  {
      position: absolute;
      top: 0px;
      right: 245px;
      background-image: url(../img/carrello.png);
      height: 49px;
      width: 49px;
      cursor: pointer;
  }

  .chart.ok
  {
      background-image: url(../img/carrelloOk.png);
      cursor: auto;
  }


 .nomeFoto
 {
     position: absolute;
     color: #008EED;
     font-size: 14px;
     font-weight: bold;
     bottom: 0px;
     left: 0px;
     width: 100%;
     text-align: center;
 }

#picture_section img.selected
 {
     border: 2px solid #ffcc00;
 }
 
#pictureDesc
  {
    position: absolute;
	right: 0px;
	top: 50px;
	width: 230px;
	padding: 0px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
 }
 
#pictureDesc .top
{
	height: 40px;
	width: 100%;
	background-image: url(../img/boxTop.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#pictureDesc .bottom
{
	height: 40px;
	width: 100%;
	background-image: url(../img/boxBtm.png);
	background-repeat: no-repeat;
	background-position: top;
}

#pictureDesc .middle
{
	overflow: hidden;
	background-image: url(../img/boxMiddle.png);
	background-repeat: repeat-y;
	padding: 0 20px;
}
 
 #chartBox
 {
	background-color: #dddddd;
	padding: 20px;
        z-index: 1000;
	position: absolute;
	top: 80px;
	left: 50px;
	text-align: center;
        width: 350px;
        opacity:0.9; filter:alpha(opacity=90);
 }
 
#chartBox .numero
{
	width: 40px;
	float: left;
}

#chartBox div
{
	overflow: hidden;
}

  
 
 #workArea
 {
	display: none;
 }