@charset "utf-8";

#movie {
	padding: 0px;
	width: 491px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#movie table td {
	margin: 0px;
	padding: 0px;
}

#movie #search {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#movie .note{
	padding : 7px 0 7px 15px;
	background : #FEE9E9;
	text-align : left;
}

form fieldset {
	border : none;
}
input {
	padding : 1px;
}
select option {
	padding :1px 3px;
}


.note {
	padding : 7px 15px 7px 0;
	background : #FEE9E9;
	text-align : right;
}
form.narrow fieldset {
	padding : 10px 0;
}
form.narrow fieldset select {
	width : 190px;
}
#movie .cap {
	background-image: url(../img/cap_movie.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 63px;
	width: 491px;
	text-indent: -1500em;
}


			#controls{
				margin-bottom:1.75em;
			}
			#controls input{
				vertical-align:middle;				
			}
			#controls label{
				color:#CCC;
				text-transform:uppercase;
				font-size:0.85em;
				vertical-align:middle;
				padding:0 .65em 0 0.15em;
			}
			ul.list,
			ul.list li,
			ul.list li .shop_link,
			ul.list li .movie_waku{
	margin:0;
	padding:0;
	list-style:none;
	border:0;
	text-decoration:none;
			}
			ul.list li{
				margin:5px 13px 5px 0;
				float:left;
				position:relative;
			}
			ul.list li .shop_link{
				display:block;
				position:relative;
				float:left;	
				width:100px;
				height:75px;
				text-indent:-1000em;
				overflow:hidden;
				z-index:1;						
			}
			ul.list li .movie_waku{
				position:absolute;
				width:100px;
				height:75px;
				border:0;
			}
			
			/* Jewel Case */
			ul.list li.play .movie_waku{
	width:100px;
	height:75px;
	top:12px;
	left:7px;
			}			
			ul.list li.play .shop_link{
				background:url(../img/play.png) 0 0 no-repeat;
				width:110px;
				height:85px;							
			}
			ul.list li.play{
	background:url(../img/blank_insert.gif) 12px 3px no-repeat;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #03F;
	width: 150px;

			}
		
#wrp #container #main_body #center_body #movie #pickup {
	margin-top: 10px;
}
#wrp #container #main_body #center_body #movie #pickup #pick {
	background-image: url(../img/pickbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 102px;
	width: 491px;
}
#wrp #container #main_body #center_body #movie #pickup #pick .photo {
	height: 85px;
	width: 110px;
	margin-top: 10px;
	position: relative;
	margin-left: 10px;
}
#wrp #container #main_body #center_body #movie #pickup {
	margin-top: 10px;
	width: 491px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/pickbtm.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#wrp #container #main_body #center_body #movie #pickup #pick .data {
	margin-top: 100px;
	margin-left: 100px;
	width: 180px;
	text-align: right;
	line-height: 16px;
}
#wrp #container #main_body #center_body #movie #pickup #pick .data.left .shopname {
	font-size: 16px;
	font-weight: bold;
}
#wrp #container #main_body #center_body #movie #pickup #pick .data.left .name {
	font-size: 14px;
	font-weight: bold;
}
#wrp #container #main_body #center_body #movie #pickup #input {
	clear: both;
	margin-top: 5px;
	width: 491px;
}
#wrp #container #main_body #center_body #movie #pickup #input .comment {
	text-align: left;
	padding: 10px;
	height: 50px;
	overflow: scroll;
	background-color: #F6F6F6;
	border: 1px solid #CCC;
	width: 270px;
}
/* SLIDE */

#wrp #container #main_body #center_body #movie #pickup .both {
	clear: both;
}
#page-wrap						{
	width: 491px;
	margin: 0 auto;
	padding: 0;
	
}

#slider							{
	overflow: hidden;
	position: relative;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{
	width: 261px;
	position: relative;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 210px;
	float: left;
}
.slide h1						{
	font-size: 30px;
	color: #ac0000;
	font-weight: bold;
}
.slide p						{
	color: #000;
	font-size: 12px;
	width: 260px;
	line-height:23px;
}
.slide img						{
	position: absolute;
	top: 19px;
	left: 18px;
}
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
#wrp #container #main_body #center_body #movie #pickup #page-wrap #slider #mover .size {
	color: #ac0000;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
}
/* test02 */
#wrp #container #main_body #center_body #movie #pickup #pickdata02 {
	width: 491px;
	margin-right: auto;
	margin-left: auto;
	
}
#wrp #container #main_body #center_body #movie #pickup #pickdata02 #slide {
	height: 130px;
	width: 174px;
	margin-left: 15px;
	margin-top: 10px;
	padding-bottom: 20px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata02 #girldata {
	width: 270px;
	margin-right: 15px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata02 #girldata h2 {
	font-size: 28px;
	color: #ac0000;
	font-weight: bold;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata02 #girldata .size {
	color: #ac0000;
	font-size: 16px;
	font-weight: bold;
	line-height:10px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata02 #girldata .shop {
	margin-top: 5px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata02 #girldata p .margin10 {
	margin-left: 10px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata02 #girldata .btn {
	margin-top: 5px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata {
	width: 491px;
	margin-right: auto;
	margin-left: auto;
	background-color:#000;
	position:relative;
	background-image: url(../img/pickbg01.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #slide {
	height: 130px;
	width: 174px;
	margin-left: 15px;
	margin-top: 10px;
	padding-bottom: 20px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #girldata {
	width: 270px;
	margin-right: 15px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #girldata h2 {
	font-size: 28px;
	color: #ac0000;
	font-weight: bold;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #girldata .size {
	color: #ac0000;
	font-size: 16px;
	font-weight: bold;
	line-height:10px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #girldata .shop {
	margin-top: 5px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #girldata p .margin10 {
	margin-left: 10px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #girldata .btn {
	margin-top: 5px;
}
#wrp #container #main_body #center_body #movie #pickup #pick .photo.left a {
	display:block;
	position:relative;
	background:url(../img/play.png) 0 0 no-repeat;
	width:110px;
	height:85px;
	text-indent:-1000em;
	overflow:hidden;
	z-index:1;		
}
#wrp #container #main_body #center_body #movie #pickup #pick .photo.left .pickgirl {
	position:absolute;
	width:100px;
	height:75px;
	border:0;
	left: 5px;
	top: 6px;
}
/* test03FRAME */
  #dockContainer{
	display    : table;
	text-align : center;    /* fixes IE bug */
	width: 491px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../img/slidebg.gif);
	background-repeat: repeat-x;
	background-position: left top;
  }

  #dockContainer > div{
    display : inline-block; /* fixes IE bug */
  }

  #dockContainer > div{
    display : inline;       /* fixes IE bug */
  }

  #dockContainer > div{
	display       : table-cell;
	text-align    : left;
	background-color:transparent;
	/*border-bottom : 1px solid rgb(220,220,200);
	background-image: url(../pickupmovie/dock-centre-40.png);
	background-repeat: repeat-x;
	background-position: 0 110px;*/
  }

  #dockContainer > div > div{
	  	background-color:transparent;
   /* background : url(../pickupmovie/dock-right-40.png) no-repeat right 110px;*/
  }

  #dockContainer > div > div > div{
	overflow   : hidden;
	background-color:transparent;
	/*background-image: url(../pickupmovie/dock-left-40.png);
	background-repeat: no-repeat;
	background-position: left 110px;*/
	height: 180px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	
  }
#wrp #container #main_body #center_body #movie #pickup #pickdata #inputdata {
	background-image: url(../img/inputdatabg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 130px;
	width: 491px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #inputdata .pickprof {
	font-size: 30px;
	font-weight: bold;
	color: #FC0;
	padding-top: 2px;
	padding-left: 20px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #inputdata .pickprof .size {
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #inputdata .pickname {
	color: #FFF;
	padding-left: 20px;
	padding-top: 7px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #inputdata #board {
	border:1px solid #666;
	background:url(../img/board_bg.gif) #000000;
	color:#ff9900;
	font-size:16px;
	width: 471px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	margin-top: 12px;
}
#board a:link {
	color:#ff9900;
	text-decoration:none;
}

#board a:visited {
	color:#ff9900;
	text-decoration:none;
}

#board a:hover {
	color:#ff9900;
	text-decoration:underline;
}

#board a:active {
	color:#ff3300;
	text-decoration:underline;
}

/* test03*/

#wrp #container #main_body #center_body #movie #pickup #pickdata #dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 0px 0px; 
	width: 100%; 
}

/* test05*/
.dock-container { position: relative; top: -8px; height: 50px; padding-left: 20px; }
a.dock-item { display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; }
.dock-item span { display: none; padding-left: 20px; }
.dock-item img {
	border: 0;
	width: 100%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #inputdata .pickgirl.left {
	font-size: 14px;
	font-weight: bold;
	color: #FC0;
	line-height: 16px;
	margin-left: 20px;
	margin-top: 6px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #inputdata .morebtn.right {
	margin-top: 4px;
	margin-right: 5px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #inputdata .morebtn.right .left_mar {
	margin-left: 8px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #inputdata .pickgirl.left .size {
	font-size: 12px;
	margin-left: 5px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #inputdata .comm {
	color: #999;
	margin-left: 8px;
	margin-top: 6px;
}
#wrp #container #main_body #center_body #movie #pickup #pickdata #BarraPersonalitzada3 .docking {
	margin: 0px;
	padding: 0px;
	width: 491px;
}