/* @override http://localhost:3000/stylesheets/wii.css?1200936168 */

/* reset */

body {
	font-family: sans-serif;
	background: black;
	margin: 0px;
	padding: 0px;
	color: white;
}

/*a:hover, a:focus {
 background-color: red;
 text-decoration: none;
}*/

a {
	color: #f66;
	text-decoration: underline;
}

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

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	
}

em {
  color: #f66;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

/* general */

#prelogin {
	width: 608px;
	height: 456px;
	margin: auto auto;
	padding: 20px 40px;
}

#notice {
	width: 160px;
	margin: 0 auto;
	text-align: center;
}

body {
	background-color: #000;
	color: #fff;
}

#container {
	padding: 20px 40px;
	z-index: 10;
}

.logo {
	background-image: url(/images/wii/logo.jpg);
	width: 113px;
	height: 32px;
	margin: 0 0 0 40px;
}

.author {
	position: fixed;
	top: 15px;
	right: 75px;
	border: 1px solid silver;
}

#arrow_left {
	position: absolute;
	top: 70px;
	width: 70px;
	height: 350px;
	text-align: center;
}

#arrow_left img {
	margin: 125px 0 0 0;
}

#arrow_right {
	position: absolute;
	top: 70px;
	width: 70px;
	right: 0;
	height: 350px;
	text-align: center;
}

#arrow_right img {
	margin: 125px 0 0 0;
}

.disabled {
  display: none;
}
/* boxes */

.row_1 {
	position: absolute;
	top: 70px;
	left: 82px;
	width: 652px;
}

/*.row_2 {position: absolute; top: 193px; left: 74px;}
.row_3 {position: absolute; top: 316px; left: 74px;}
.col1 {position: absolute; top: 0; left: 0;}
.col2 {position: absolute; top: 0; left: 168px;}
.col3 {position: absolute; top: 0; left: 336px;}
.col4 {position: absolute; top: 0; left: 504px;}*/

.col {
	float: left;
	margin: 0 15px 10px 0;
}

.mask {
	position: relative;
	margin: -111px 0 0 0;
}

.no_video .mask {
	margin: 0;
}

.video img {
	width: 148px;
  height: 105px;
}

.no_video {
	background-color: gray;
	width: 148px;
	height: 111px;
}

/* metadati video */

.title {
	position: absolute;
	top: 435px;
	left: 74px;
	background-color: #cdcdcd;
	color: #000;
	font-size: 22px;
	width: 632px;
	padding: 0 10px;
	height: 30px;
}

/* Playlist */

#playlistlist {
	position: absolute;
	top: 100px;
	left: 400px;
	color: #fff;
}

#playlistlist ul {
	font-size: 25px;
	line-height: 40px;
	list-style-image: none;
}

#login_form {
	margin: 0 auto;
	width: 320px;
}

#login_form form {
	padding: 10px 30px;
}

#login_form .field {
	margin: 10px 0 5px 0;
}

#login_form .field label {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 3px 0;
	color: #6B6B6B;
}

#login_form .field input {
	border-top: 1px solid #626262;
	border-left: 1px solid #626262;
	border-right: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
	font-size: 20px;
	padding: 3px;
	background-image: url(/images/backgrounds/bg_field_login.png);
	width: 430px;
}

#login_form .field input.checkbox {
	width: 64px;
	height: 32px;
}

#login_form input.submit {
	margin-top: 20px;
	font-size: 20px;
	width: 100px;
}

ul#playlists {
	width: 608px;
	margin: 0 auto;
	padding-top: 24px;
}

ul#playlists li {
	font-size: 20px;
}

ul#playlists li a {
	color: #fff;
	text-decoration: none;
}

.video_playback {
}

#player {
  width: 715px;
	margin: auto;
	padding: 0px;
}