* { margin:0; padding:0; }
dd, dt, li, dl, ol, ul{ list-style:none; padding:0; margin:0; }

html, body { height:100%; }
body{ font-family:Arial; font-size:small; position:relative; -webkit-text-size-adjust: none; }
a { text-decoration:none; }
a img { border:none; }
input { border:none; }
h1.indent { text-indent:2px; }
#container { padding:0 0 0 0; width:320px; margin:0 auto; min-height: 100%; }

/*--- HEADER ---*/
/* img & hd logo*/
#header { }
#header > a { display:block; position:relative; }
#header > a span { position:absolute; left:-9999px; }

/* menu */
#header > ul { overflow:hidden; margin:0 0 5px 0; }
#header > ul { background:url(/static-parent/images/bg_menu.gif) repeat-x 0 0; }
#header > ul > li { float:left; height:30px; width:33%; text-align:center; }
#header > ul > li > a { display:block; line-height:30px; font-size:1.1em; font-weight:bold; text-transform:uppercase; }

/* menu filter */
#header form { clear:both; margin:2px 0 0 0; }
#header form fieldset { border:none; }
#header form legend { display:none; }
#header form select { width:49%; border:none; }

/*--- CONTENT ---*/
#content { clear:both; }
h1 { font-size:1.1em; text-transform:uppercase; }

div.infos p span { font-weight:bold; }

/*--- COMMON CLIP / DVDS LIST ---*/
ul.clips li { overflow:hidden; clear:both; width:100%; margin:2px 0; padding:3px 0; position:relative; }

ul.clips li > a { margin:0 2px; float:left; display:block; }

ul.clips li > div { padding:2px; position:relative; overflow:hidden; height:74px; }
ul.clips li > div > a { display:inline-block; font-size:1.1em; height:34px; text-overflow:ellipsis; overflow:hidden; margin:0 0 5px 0; }

/*--- CATEGORIES LIST ---*/
/* ul#categories { background:#2C2C2C; } */
ul#categories li { text-transform:uppercase; }
ul#categories li a { display:block; height:50px; width:auto; line-height:50px; padding:0 0 0 15px; font-weight:bold; background:url(/static-parent/images/bt_plus.png) no-repeat 280px center;  }

/*--- CLIPS LIST ---*/

/* clip & btn play */
a.video { position:relative; display:block; }
a.video span { display:block; width:53px; height:53px; position:absolute; top:50%; left:50%; margin:-26px 0 0 -26px; z-index:22; }
a.video span { background:url(/static-parent/images/bt_play.png) no-repeat 0 0; }
a.video span strong { display:none; }
ul.clips > li > a.video img { display:block; width:165px; height:auto; }


/*--- VIEW SCENE ---*/
div.view_scene { margin:5px 0 0 0; padding:5px; }
div.view_scene div.title { padding:5px; overflow:hidden; margin:0 auto 5px auto; /*max-width:300px;*/ }
div.view_scene div.title p.left { float:left; }
div.view_scene div.title p.right { float:right; }

div.view_scene div.play_opts { margin:8px auto; width:298px; }
div.view_scene div.play_opts a { display:inline-block; }
div.view_scene div.play_opts a.btnPlayMovie { width:296px; background:url(/static-parent/images/bt_view_large.png) no-repeat 0 0; font-size:2.1em; line-height:36px;  }
div.view_scene div.play_opts a.btnPlayMovie span { margin-left:50px; }

div.view_scene img { display:block; margin:0px auto 5px auto; width:100%; height:auto; }

div.view_scene div.infos { padding:0 4px; }


/* BTN */
a.btn { display:block; text-transform:uppercase; text-align:left; width:145px; height:42px; font-weight:bold; font-size:1.4em; line-height:17px; margin:2px 0 0 2px; }
a.btn { background:url(/static-parent/images/bt_view.png) no-repeat 0 0; color:#1f1f1f; }
a.btn span { margin:4px 5px 0 8px; display:block; }




/* NAVIGATION */
.nav { overflow:hidden; width:310px; margin:10px auto; text-align:center; }

.nav a.prev,
.nav a.next,
.nav span.prev,
.nav span.next { display:block; width:44px; height:62px; }

.nav a.prev { background:url(/static-parent/images/bt_prev.png) no-repeat 0 0; }
.nav a.next { background:url(/static-parent/images/bt_next.png) no-repeat 0 0; }

.nav a.prev,
.nav span.prev { margin:0 3px 0 12px; }

.nav a.next,
.nav span.next { margin:0 12px 0 3px; }


.nav a.prev,
.nav span.prev,
.nav a.fastprev,
.nav span.fastprev { float:left; }

.nav a.next,
.nav span.next,
.nav a.fastnext,
.nav span.fastnext { float:left; }

.nav a span,
.nav a em { display:none; }

.nav > span { float:left; width:68px; font-size:1.4em; line-height:1.4em; font-weight:bold; display:inline-block; }

.nav a.fastprev,
.nav a.fastnext,
.nav span.fastprev,
.nav span.fastnext { display:block; width:62px; height:65px; }

.nav a.fastprev { background:url(/static-parent/images/bt_prevfast.png) no-repeat center left; }
.nav a.fastnext { background:url(/static-parent/images/bt_nextfast.png) no-repeat center left; }

/*--- FOOTER ---*/
#footer { clear:both; padding:2px 2px 20px 2px; }
/* join now */
#footer > a { display:block; width:280px; height:43px; margin:5px auto; text-align:center; line-height:43px; font-size:2.7em; text-transform:uppercase; font-weight:bold; }
#footer > a { color:#fff; background:url(/static-parent/images/bt_green.png) no-repeat 0 0; }

/* footer link */
#footer ul { clear:both; margin:10px 0 0 0; text-align:center; padding:4px 0 4px 0; }
#footer ul li { display:inline; text-align:center; padding:0 2px 0 6px; font-size:1.1em; }

#footer p { text-align:center; margin:15px 5px; }

/* Terms & Condition, Privacy, .. */
.text-content { padding:0 7px; margin:0 0 20px 0; }
.text-content p { margin:10px 0 5px 0; }

/*--- LOGIN ---*/
#login div { text-align:center; margin:10px 0; }
#login label,
#login input { vertical-align:middle; display:inline-block; font-size:1.4em; }

#login label { width:100px; }
#login label.error { width:auto; color:#FF0000; }
#login input { width:140px; }

#login div.captchaDiv label.required { font-size:1em; width:auto; margin:0 0 3px 0; }
#login div.captchaDiv input { display:block; width:200px; margin:0 auto;}

#login input#submit { display:block; height:38px; width:106px; margin:0 auto; background:url(/static-parent/images/bt_submit_login.png) no-repeat 0 0; text-transform:uppercase; }

#login #notamember { text-align:center; }

/*--- REACTIVE FORM ---*/
#ReactivateForm label { display:block; width:auto; font-size:1em; font-weight:bold; margin:2px 0; }
#ReactivateForm input { width:240px; }

/*--- WARNING PAGE ---*/
#warning h1 { text-indent:18px; }
#warning p.top { font-weight:bold; width:160px; margin:0 0 0 18px; }

#warning #buttons { text-align:center; margin:20px 0; }
#warning #buttons a#enter,
#warning #buttons a#leave {
	display:inline-block;
	width:122px;
	height:44px;
	font-size:2em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	line-height:43px;
	color:#fff;
}
#warning #buttons a#enter { background:url(/static-parent/images/bt_warning_enter.png) no-repeat 0 0; }
#warning #buttons a#leave { background:url(/static-parent/images/bt_warning_leave.png) no-repeat 0 0; }

#warning ul { margin:0 20px; }
#warning ul li { margin:15px 0; }

#warning div.bottom { padding:5px; }
#warning div.bottom ul { text-align:center; margin:5px 0 0 0; }
#warning div.bottom ul li { display:inline; margin:0; padding:0 1px 0 4px; }
#warning div.bottom ul li a { font-weight:bold; }
