/***************************  Copyrights 2008 for Videoeva.com  ******************************

This sites, text, coding, CSS and programming belongs and is copyrighted to "RE Productions Ltd" 
Any one found copying, using or cloning this material will be prosecuted in their own country 
to the fullest extent of the law!

************************************ YOU HAVE BEEN WARNED!!! *********************************/


@charset "utf-8";


@import "/css/video.css";

@import "/css/menu.css";

@import "/css/loginbox.css";

:active, :focus { outline-style: none; -moz-outline-style:none; }


body {
	color: #cfc9c9;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	min-width: 960px;
	background-color: #000;
	margin: 0;
}

a {
	color: #FFFF66;
	font-style: normal;
	text-decoration: none;
}

h1 {
	font-size: 22px;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 18px;
	margin: 0;
	padding: 0;
}

div,td {
	border: 0px red solid;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

#wrapper {
	width: 956px;
	position: relative;
	text-align: left;
	margin-left: -478px;
	margin: 0 auto;
	border: 1px white solid;
	padding: 0px;
}
#enter_wrapper {
	width: 1280px;
	position: relative;
	text-align: center;
	margin-left: -478px;
	margin: 0 auto;
	border: 0px white solid;
	padding: 0px;
	background: url('/images/logo_bg.png') 0 -75px  repeat-x;
}
#enter_wrapper h3, #enter_wrapper h4 {
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	word-spacing: 0.08em;
	color: #999999;
	margin: 0 auto 0 auto;
}
#enter_wrapper h3 {
	padding: 30px 0 0 0;
	width: 750px;
}
#enter_wrapper h4 {
	padding: 10px 0 0 0;
	width: 650px;
}
#enter_wrapper h5 {
	padding: 5px 0 0 0;
}
#enter_wrapper h5 a, #enter_wrapper h4 a {
	color: #ffffff;
}
#logo {
	padding: 120px 0 0 0;
}
#hd_video {
	float: left;
	margin: 40px 0 0 190px;
}
#widescreen_video {
	float: left;
    margin: 40px 0 0 515px;
}

#enter_here {
    margin: 23px 0 0 515px;
	bottom: 0px; 
	left: 0px;
	float: left;
}
#enter_here span, #leave_here span {
	display: none;
}
#enter_here a {
	display: block;
    width: 123px;
	height: 44px;
	background: url('/images/enter.png') no-repeat;
	text-decoration: none;
	
}
.separator {
	width: 3px;
	height: 44px;
	display: block;
	float: left;
	margin: 23px 0 0 4px;
	background: url('/images/separator.png') no-repeat;
}

#leave_here {
    margin: 23px 0 0 5px;
	bottom: 0px; 
	left: 0px;
	float: left;
}
#leave_here span {
	display: none;
}
#leave_here a {
	display: block;
    width: 123px;
	height: 44px;
	background: url('/images/leave.png') no-repeat;
	text-decoration: none;
	
}
div.messageBox {
	font-size: 14px;
	margin: 10px 0 10px 0;
	margin: 10px auto 10px auto;
	border: 1px solid #000;
	padding: 20px 0px 0 12px;
	background-repeat: no-repeat;
	background-position: 20px 9px;
	background-color: #ffffcc;
	border-color: #ffcc00;
	width: 657px;
	min-height: 33px;
	_height: 48px;
}

div.messageBox.error {
	background-image: url("/images/alert.png") !important;
	background-image: url("/images/alert.gif");
	background-color: #ffffcc;
	border-color: #ffcc00;
	color: #c60000;
	padding-left: 0px;
	text-align: center;
}

#header {
	background-image: url("/images/header_frame.jpg");
	background-repeat: no-repeat;
	height: 176px;
	width: 943px;
	margin: 7px;
	padding: 0px;
}

#header  h1 {
	display: inline;
	float: left;
	width: 500px;
	height: 95px;
	margin: 41px 0 0 70px;
	background-image: url("/images/logo.jpg");
	background-repeat: no-repeat;
	width: 500px;
}

#mainNav {
	width: 956px;
	clear: left;
}

#content {
	width: 956px;
	float: left;
}

#movieList {
	width: 941px;
	height: 355px;
	margin: 7px;
	border: 1px solid white;
	overflow: vertical scroll;
	text-align: center;
}

#movieDescription {
	padding: 0;
	width: 687px;
	height: 185px;
	border: 1px solid white;
	margin: 0 7px 0 7px;
	overflow: scroll;
	line-height: 18px;
	word-spacing: 0.1em;
	float: left;
	display: inline;
}

#movieDescription div#text {
	padding: 10px;
	height: 500px;
}

#movieDescription div#text h2 {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 18px;
}

#movieRow {
	width: 917px;
	background-image: url("/images/movies_background.png");
	background-position: 0 3px;
	text-align: center;
	padding-left: 5px;
	padding-top: 25px;
	margin-bottom: 25px;
}

#news {
	background: #282727;
	margin: 0 6px 0 0;
	width: 245px;
	height: 185px;
	border: 1px solid white;
	overflow: auto;
	line-height: 18px;
	word-spacing: 0.1em;
	float:left;
	display: inline;
}

#news p,h2 {
	padding: 7px 7px 0 7px;
	margin: 0;
}

#news h2 {
	font-size: 14px;
}

#footer {
	background-image: url("/images/menubar.jpg");
	background-repeat: no-repeat;
	background-color: #000000;
	margin: 0 0 0 0;
	padding: 0;
	width: 957px;
	height: 46px;
	clear: both;
}

ul#bottomMenu {
	text-align: left;
	list-style: none;
	width: 650px;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
}

ul#bottomMenu li {
	margin-top: 8px;
	height: 46px;
	padding: 9px 12px 0 2px;
	float: left;
	background: url("/images/small_dot.jpg") right 0px no-repeat;
}

ul#bottomMenu a {
	padding: 0 10px 0px 7px;
	color: black;
}

ul#bottomMenu li.last {
	background: none;
}

#footer {
	background-image: url("/images/menubar.jpg");
	background-repeat: no-repeat;
	background-color: #000000;
	width: 956px;
	height: 46px;
	clear: both;
	color: black;
	font-weight: bold;
	letter-spacing: 0.08em;
}

#footer p {
	text-align: right;
	line-height: 49px;
	margin: 0px 20px 0 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	border: 0px red solid;
	display: block;
}

fieldset#userDetails {
	margin: 0 0 0 130px;
}

fieldset#userDetails label {
	float: left;
	font-weight: bold;
	width: 100px;
	text-align: right;
	padding: 3px 10px 0 0;
}

fieldset#userDetails input.text,select.text {
	width: 160px;
}

input.text:focus {
	background: #ddd;
}

/*input.text:hover {
	background: #ddd;
}*/
fieldset#userDetails div {
	clear: both;
}

fieldset#userDetails p {
	padding: 0;
	margin: 0;
	margin: 5px;
	float: left;
}

form h2 {
	clear: both;
	padding: 10px 0 10px 0;
}

form p {
	padding: 0px;
	margin: 5px 0 0 0;
}

fieldset#userDetails input.submit {
	margin: 20px 0 0 112px;
}

form#price {
	text-align: center;
}

#price fieldset {
	margin: auto;
	width: 160px;
	text-align: left;
}

#price input.submit {
	text-align: center;
	margin-top: 20px;
	clear: both;
}

#price label {
	font-weight: bold;
}

div.form_error {
	background: url("/images/error.png") 0 0 no-repeat !important;
	background: url("/images/error.gif") 0 0 no-repeat;
	height: 40px;
	text-align: left;
	padding: 2px 0 2px 22px;
	margin-left: 115px !important;
	margin-left: 123px;
	font-size: 10px;
	color: red;
	display: inline;
}

span.error_space {
	position: relative;
	display: inline;
	margin-left: 30px;
}

span.clear {
	clear: left;
}

#section {
	width: auto;
	margin: 7px;
	border: 1px solid white;
	background-color: #000000;
	padding: 0 20px 20px 20px;
	line-height: 18px;
	word-spacing: 0.1em;
	background-image: url("/images/signup_background.jpg");
	background-repeat: repeat-y;
}

#section h1 {
	padding: 20px 0 0 0;
    margin-left: auto; margin-right: auto; text-align: center;
}


#section h5 {
	text-align: center;
}

#section.signup {
	background-image: url("/images/signup_background.jpg");
	background-repeat: repeat-y;
}

#section.confirmation {
	background-image: url("/images/signup_background.jpg");
	background-repeat: no-repeat;
	text-align: center;
}

#section fieldset.border {
	padding: 5px;
	border: 1px #cfc9c9 solid;
}

#section legend {
	color: #cfc9c9;
}

#section p {
	line-height: 18px;
	word-spacing: 0.1em;
	padding: 0 0 10px 0;
	margin: 0;
}

#section h1 {
	padding: 20px 0 20px 0;
}

#categories {
	display: block;
	margin: 0 0 7px; 0;
	padding: 12px 0 0 10px;
	list-style: none;
	width: 946px !important;
	width: 947px;
	height: 34px;
	clear: both;
	background: #999 url("/images/menubar.jpg") 0 0 repeat-x;
}

#categories form {
	margin: 0;
	padding: 0;
	display:inline;
	float: left;
}

#categories select, #categories input {
	background: #000;
	color: #fff;
	border: 0px solid;
}
#categories input {
	border: 2px solid;
}

#category label {
	width: 134px;
	height: 30px;
	background: url("/images/category.jpg") 0 -4px no-repeat;
	padding: 0 5px 0 0;
	text-align: right;
	float: left;
	display:block;
}
#video_online label {
	width: 178px;
	height: 30px;
	background: url("/images/video_online.jpg") 0 -4px no-repeat;
	padding: 0 5px 0 0;
	text-align: right;
	float: left;
	margin: 0 0 0 352px;
}
#video_online input {
	margin: 0 -10px 0 0;
	text-align: center;
	width: 110px;
	float: left;
}
.clear {
	clear: both;
}