/* *** *** *** *** *** ***
*** Site size *** *** 
*** *** *** *** *** ***/

#globalSite {
	width: 100%;
	margin: 0 0 0 0;
	float:left;
	padding-bottom:0px;
}

#globalSite2 {
	width: 100%;
	margin: 0 0 0 0;
	float:left;
	padding-top:1px;
}

#site {
	width: 815px;
	margin: 0 auto;
	border: 0px solid lime;
}

#site2 {
	width: 815px;
	margin: 0 auto;
	border: 0px solid lime;
}

#header, #content, #footer {     
	margin: 0 auto;
	padding: 0px 0;
	padding-bottom: 0px;
	float: left;
	clear: both;
	width: 100%;
}

#header {
	padding-bottom: 0;
	margin-top:5px;
}

#header_ubox .input_text {
	width: 100%;
}
#header_ubox_pict {
	margin-top:-10px;
	padding:2px;
	width:65px;
	height:77px;
	border: 1px solid #C8D9E4;
}
/* *** *** *** *** *** *** 
*** General styles *** 
*** *** *** *** *** ***/
* {
font-family:inherit;
font-size:inherit;
}

.bulletListItem {
	clear:both;
	float:left;
	text-align: center;
	margin-top:15px;
	padding: 0 0px;
	font-size: 14px;
	font-style: normal; 
	line-height: normal; 
	font-weight: bold;
	border-top-width: thin; 
	border-right-width: thin; 
	border-bottom-width: thin; 
	border-left-width: thin; 
	border-top-style: none; 
	border-right-style: none; 
	border-bottom-style: none; 
	border-left-style: none; 
	height: 20px;
	width: 20px;
}

.bulletListLabel {
	margin-left:5px;
	margin-top:10px;
	float:left;
	width:350px;
}
#paginatorFooter {
	clear:both;
	text-align:center;
	margin:0 auto;
}
#paginatorFooter a, #paginatorFooter .current, .adbAlpha {
	text-align: center;
	padding: 0 5px;
	font-size: 14px;
	font-style: normal; 
	line-height: normal; 
	font-weight: bold;
	border-top-width: thin; 
	border-right-width: thin; 
	border-bottom-width: thin; 
	border-left-width: thin; 
	border-top-style: none; 
	border-right-style: none; 
	border-bottom-style: none; 
	border-left-style: none; 
	height: 27px;
}
.adbAlpha {
	background: url('/img/small_bg.png') top left repeat-x;
	border: 1px solid #C8D9E4;
}
small {
	font-size: 10px;
}
.redAlert {
	color: #DD0000;
	font-weight: bold;
}
a:link, a:active, a:visited, a:hover {
	text-decoration: none;
}
.disabled { 
	visibility: hidden; 
	float: left;
	position: relative;
}
label {
	margin-right: 3px;
	cursor: auto;
}
html, body, form 
{
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 10pt;
}
.input_text {
	font-size: 13px;
	width: 60%;
	padding:  0 0 0 3px;
	height: 19px;
}

textarea {
	width: 100%;
}

b {
	font-weight: bold; 
}

img {
	border: 0px;
}

input, select {
	margin: 3px;
}

textarea {
	;
}

input, select {
	;
}

.button, .buttonSecondary { 
	text-align: center;
	padding: 0 5px;
	font-size: 14px;
	font-style: normal; 
	line-height: normal; 
	font-weight: bold;
	border-top-width: thin; 
	border-right-width: thin; 
	border-bottom-width: thin; 
	border-left-width: thin; 
	border-top-style: none; 
	border-right-style: none; 
	border-bottom-style: none; 
	border-left-style: none;
} 

.buttonSecondary a:hover{
	text-decoration:none;
}
.button {
	height: 27px;
}

.buttonSlider {
	font-size: 10px;
	padding: 77px 5px;
	margin-right:5px;
	width:10px;
	vertical-align:middle;
	text-align:center;
	font-weight: bold;	
}
.buttonSlider:hover {
	font-weight: bold;
}
/* *** *** *** *** *** *** 
*** Flash Messages styles *** 
*** *** *** *** *** ***/
.message {
	margin-top: -5px;
	margin-left: 35px;
	width: 728px;
/*	float: left;*/
	position: absolute;
/*	clear: both;*/
	padding: 0px 7px;
/*	margin-bottom: 15px;*/
}
.message_mini {
	width: 100%;
	clear: both;
	padding: 1px;
	margin-bottom: 3px;
}
.message table {
	text-align: left;
	margin: 0;
}
.message table td {
	vertical-align: middle;
}
.rateboxAlert {
	padding: 0px;
	height: 30px; 
	width: 220px;
}
/* *** *** *** *** *** *** 
*** Navbar styles *** 
*** *** *** *** *** ***/

#header_navbar {
	float: left;
	width: 513px;
	height: 40px;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
}

#header_navbar_li a, #ubox_navbar_li a {
	height: 20px;
	text-align: center;
	float: left;
	position: relative;
	text-decoration: none;
	padding: 6px 7px;
	margin-top:-4px;
	margin-right: 0px;
	top: 1px;
	font-weight: bold; 
	font-size: 12.2px;
	border-bottom: none;
}

#header_navbar_ul {
	list-style : none;
	font-size: 13px;
	padding : 10px 0px 0px 0px;
	margin : 0;
	height: 30px;
	text-align: left;
}

#ubox_navbar_ul {
	list-style : none;
	font-size: 13px;
	padding : 10px 0px 0px 0px;
	margin : 0;
	margin-top: 7px;
	height: 30px;
	text-align: left;
}

#header_navbar_li a {
	width: 110px;/* old width 4 links */
/*	width: 152px;*/
}

#ubox_navbar_li a {
	font-size: 13px;
	height: 18px;
	padding-top:8px;
	width: 80px;
}

#header_navbar_li, #ubox_navbar_li {
	display: inline;
} 

/* *** *** *** *** *** *** 
*** Emulate table classes *** 
*** *** *** *** *** ***/

.table {
	display: table;
}

.table-row {
	display: table-row;
}

.table-cell {
	display: table-cell;
}

/* *** *** *** *** *** *** 
*** Pub styles *** 
*** *** *** *** *** ***/

.pub_hlarge {
	width: 100%;
	text-align: center;
/*	padding: 6px;*/
	margin: 10px auto;
/*	margin-bottom: 10px;*/
	float: left;
}

.pub_hlarge img {
	width: 100%;
}

.pub_clarge {
	width: 100%;
	height: 250px;
	text-align: center;
	margin: 10px auto;
	float: left;
}

.pub_clarge img {
	width: 250px;
	height: 210px
}

/* *** *** *** *** *** *** 
*** General Elements properties *** 
*** *** *** *** *** ***/

.content_big_bloc {
	clear: both;
	float:left;
	padding: 0;
/*	margin: 10px 0;*/
}

.content_big_bloc_content {
	padding: 10px;
}
.content_big_bloc_content h1 {
	text-align:center;
	font-size: 30px;
	font-weight: bold;
}

.content_big_bloc_top {
/*	padding: 5px;
	margin-bottom: 5px; */
}

.content_big_bloc_top b, .content_double_bloc_top b {
	float: left;
	display: inline;
}

.content_big_bloc h1, .content_double_bloc h1 {
	font-size: 25px;
	padding: 0px;
/*	margin: 0px 0 20px 20px;*/
}
.content_big_bloc ul {
	width: 430px;
	float: left;    
}

.content_big_bloc li {
	margin-bottom: 20px;
	font-size: 19px;
}

.content_double_bloc {
	clear: both;
	padding: 0;
}

.content_double_bloc_top {
/*	padding: 5px;*/
}
.content_double_bloc_content {
	border-top: 0;
	margin-top: 0;
/*	margin-bottom: 10px;*/
	padding: 0;
}
.content_double_bloc_content_width {
	width: 539px;
}
.content_double_bloc_content1_width {
	width: 260px;
}
.menu_vertical_li, .content_data_form {
	font-size: 16px;
	width: 100%;
	min-height: 25px;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}


/* *** *** *** *** *** *** 
*** Video comments  *** 
*** *** *** *** *** ***/

.video_comments ul {
	margin:0;
	padding:0;
	width:100%;
}

.video_comments li {
	font-size: 16px;
	width: 100%;
	display: inline;
	float: left;
	margin: 0;
	height:none;
	min-height:60px;
	text-align:left;
	padding:5px 0 10px 0;
}

#comments {
	width: 100%;
	padding: 0px;
	margin:0;
	float:left;
}

#CommentComment {
	width: 95%;
	margin: 10px 3px 5px 15px;
	height: 70px;
}




/* TextboxList sample CSS */

ul.holder li.bit-input input, form ol li.input-text input, #auto ul
{
	width: 280px; 
}
ul.holder { margin-left: 3px; overflow: hidden; height: auto !important; height: 10px; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } 
ul.holder li { float: left; list-style-type: none; margin:0; margin-bottom:2px; padding:0px;}
ul.holder li.bit-box, ul.holder li.bit-input input { font-size: 11px; font-family: "courier new",courier,monospace; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 2px 5px; margin: 1px 2px;}
ul.holder li.bit-input input {  
		float: right;
		margin: 0; 
		outline: 0; 
		padding: 3px 0 3px; 
}
ul.holder li.bit-input input.smallinput { width: 280px; }


/* Mail Input CSS */      
form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }
form ol li.input-text { margin-bottom: 10px; list-style-type: none; border-bottom: 1px dotted #999; padding-bottom: 10px; }
form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
form ol li.input-text input { padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; }
form ul.holder { width: 292px; margin-right: -3px; float:left; padding: 0px; border: 0px solid red;}
#list ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('/img/close.gif') no-repeat; }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */

#auto { z-index: 1000; text-align: left; display: none; position: absolute; margin-top:22px; margin-left:8px; background: #eee; }
#auto .default { font: 9px "Lucida Grande", "Verdana"; padding: 5px 7px; border: 1px solid #ccc; border-width: 1px 1px 1px; }
#auto ul { width: 284px; display: none; margin: 0; padding: 0; overflow: auto; }
#auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; }
#auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
#auto ul li.auto-focus em { background: none; }
/*
#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
#add a { color: #666; }
#add-test { width: 250px; padding: 2px; }
#button_container { margin-left: 70px; margin-bottom: 30px;}
*/


/*** SWF UPLOAD ***/

td {
	vertical-align: top;
}

.likeParent {
	font: inherit;
	color: inherit;
	text-decoration: inherit;
}

a.likeParent,
a.likeParent:link,
a.likeParent:active,
a.likeParent:visited,
a.likeParent:hover 
{
	font: inherit;
	color: #000000;
	text-decoration: none;
}

div.title 
{
	width: auto;
	/*background-color: #B5C4FF;*/
	background-color: #99BBE8;
	border-bottom: solid 1px #000000;
	padding: 2px;
	margin-bottom: 15px;

	font-family: Verdana;
	font-size: 14pt;
	color: #000000;
	text-decoration: none;

}
div.content 
{
	margin: 10px;
}

fieldset {
	margin: 5px;
}

legend 
{
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	color: Black;
}

fieldset.flash
{
	width: 375px;
	margin: 10px 0px 10px 0px;
	border-color: #D9E4FF;
}

#divFileProgressContainer .progressWrapper {
	width: 280px;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	
	overflow: hidden;
}
.red /* Error */
{
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}
.green /* Current */ 
{
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}
.blue /* Complete */
{
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: bold;
	color: #555555;
	
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 5px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover
{
	font-size: 0px;
	display: block;
	height: 14px;
	width: 14px;
	
	background-image: url(/img/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}
a.progressCancel:hover 
{
	background-position: 0px 0px;
}

/* *** *** *** *** *** *** 
*** Footer Content  *** 
*** *** *** *** *** ***/

#contentfooter {
//	float:left;
	width:100%;
/*	padding: 0 10px;*/
/*	margin-top: 10px;*/
}

#contentfooter .table-cell {
	vertical-align: top;
	padding: 0 5px;
}

#contentfooter li {
	list-style-type: square;
}

#contentfooter h4 {
	font-weight: bold;
	padding: 5px;
}
#contentFooter .table-cell {
	width: 24%;
}

.form label {
	padding: 20px;
}
.form .input {
	width: 100%;
	float: left;
	clear: both;
	margin: 5px 0;
}
.form .input div {
	width: 40%;
	float:left;
}
.videomail_upload_option {
	float:left;
	width:49%;
}

.videomail_upload_option_webcam {
	width:45%;
	margin-right:1px;
}
#signin_rememberme, #signin_lostpwd {
	float:left;
	padding:0px;
	text-align:left;
	width:100%;
	height:20px;
	margin-top:5px;
	clear: both;
}
#signin_rememberme {
	margin-top: 20px;
}


.imgCrop_wrap {
	/* width: 500px;   @done_in_js */
	/* height: 375px;  @done_in_js */
	position: relative;
	cursor: crosshair;
}

/* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */
.imgCrop_wrap.opera8 .imgCrop_overlay,
.imgCrop_wrap.opera8 .imgCrop_clickArea { 
	background-color: transparent;
}

/* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */
.imgCrop_wrap,
.imgCrop_wrap * {
	font-size: 0;
}

.imgCrop_overlay {
	background-color: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	width: 100%;
	height: 100%;
}

.imgCrop_selArea {
	position: absolute;
	/* @done_in_js 
	top: 20px;
	left: 20px;
	width: 200px;
	height: 200px;
	background: transparent url(castle.jpg) no-repeat  -210px -110px;
	*/
	cursor: move;
	z-index: 2;
}

/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
.imgCrop_clickArea {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 0.01;
	filter:alpha(opacity=01);
}

.imgCrop_marqueeHoriz {
	position: absolute;
	width: 100%;
	height: 1px;
	background: transparent url(marqueeHoriz.gif) repeat-x 0 0;
	z-index: 3;
}

.imgCrop_marqueeVert {
	position: absolute;
	height: 100%;
	width: 1px;
	background: transparent url(marqueeVert.gif) repeat-y 0 0;
	z-index: 3;
}

/* 
 *  FIX MARCHING ANTS IN IE
 *	As IE <6 tries to load background images we can uncomment the follwoing hack 
 *  to remove that issue, not as pretty - but is anything in IE?
 *  And yes I do know that 'filter' is evil, but it will make it look semi decent in IE
 *
* html .imgCrop_marqueeHoriz,
* html .imgCrop_marqueeVert {
	background: transparent;
	filter: Invert; 
}
* html .imgCrop_marqueeNorth { border-top: 1px dashed #000; }
* html .imgCrop_marqueeEast  { border-right: 1px dashed #000; }
* html .imgCrop_marqueeSouth { border-bottom: 1px dashed #000; }
* html .imgCrop_marqueeWest  { border-left: 1px dashed #000; }
*/

.imgCrop_marqueeNorth { top: 0; left: 0; }
.imgCrop_marqueeEast  { top: 0; right: 0; }
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
.imgCrop_marqueeWest  { top: 0; left: 0; }


.imgCrop_handle {
	position: absolute;
	border: 1px solid #333;
	width: 6px;
	height: 6px;
	background: #FFF;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index: 4;
}

/* fix IE 5 box model */
* html .imgCrop_handle {
	width: 8px;
	height: 8px;
	wid\th: 6px;
	hei\ght: 6px;
}

.imgCrop_handleN {
	top: -3px;
	left: 0;
	/* margin-left: 49%;    @done_in_js */
	cursor: n-resize;
}

.imgCrop_handleNE { 
	top: -3px;
	right: -3px;
	cursor: ne-resize;
}

.imgCrop_handleE {
	top: 0;
	right: -3px;
	/* margin-top: 49%;    @done_in_js */
	cursor: e-resize;
}

.imgCrop_handleSE {
	right: -3px;
	bottom: -3px;
	cursor: se-resize;
}

.imgCrop_handleS {
	right: 0;
	bottom: -3px;
	/* margin-right: 49%; @done_in_js */
	cursor: s-resize;
}

.imgCrop_handleSW {
	left: -3px;
	bottom: -3px;
	cursor: sw-resize;
}

.imgCrop_handleW {
	top: 0;
	left: -3px;
	/* margin-top: 49%;  @done_in_js */
	cursor: w-resize;
}

.imgCrop_handleNW {
	top: -3px;
	left: -3px;
	cursor: nw-resize;
}

/**
 * Create an area to click & drag around on as the default browser behaviour is to let you drag the image 
 */
.imgCrop_dragArea {
	width: 100%;
	height: 100%;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

.imgCrop_previewWrap {
	/* width: 200px;  @done_in_js */
	/* height: 200px; @done_in_js */
	overflow: hidden;
	position: relative;
}

.imgCrop_previewWrap img {
	position: absolute;
}

#synopsisBulletCorner, .synopsisBulletCorner {

} 

.content_data_form, .menu_vertical_li, #content_videomail_content_uploader .buttonSecondary{
	border-color:#808080 #001DBE #001DBE #808080;
	border-style:solid;
	border-width:1px;
	background: url('/img/newcolors/small_bg.png') bottom left repeat-x;
	color: 	#fff;
}

#searchbutton{
	padding-left:154px;
}

#skin_id_vmstep3{
	width:287px;
}

#label_email_to{
	margin-left:5px;
}

#category{
	position:relative;
	top:1px;
}

.vmStepActive {
	background-color: #E0E9E0;
}

.content_big_bloc_top, .content_double_bloc_top, #paginatorFooter a, #paginatorFooter .current, 
.button, #contentfooter h4, .content_data_col_top, .bulletListItem, #footer {
	background: url('../img/newcolors/bg_title.png') top left repeat-x;
	background-color: #204878;
	color: #fff;
}

textarea, .button, input, select, .buttonSecondary, .vmStepActive, .bulletListItem {
	border-top: 1px solid #888888;
	border-right: 1px solid #BE0000;
	border-bottom: 1px solid #BE0000;
	border-left: 1px solid #888888;
}

.content_big_bloc, .content_double_bloc_content {
	background-color: #FFF;
	background-image: url('/img/newcolors/div_bg.png');
	background-repeat: repeat-x;
	
}