/******************************************************************************************/
/*                Virgin Media Shorts - Index page CSS                                    */
/*****************************************************************************************/

/*
                  = INDEX
                  -------------------------------------
                  Base Settings
				  Virgin Header
                  Top navigation
                  Login
                  Page
                  Main navigation
                  Search panel
                  footer
                  Content
                  Rounded Corners
                  Headings
                  Forms
                  Lists
                  Overlay
                  Text Box
                  Individual film page
                  Tabs
                  Enter film
                  Home
                  Panels
                  Terms
                  Landing page
                  Advertising elements
				  Contact
				  Competition
				  Button with shadow
				  Twitter
 */
 
 /*
                 =  Base Settings
********************************************************************************************/
html {
    background:#515758; 
    height:100%;
}
body { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:62.5%;

}
a:link, a:visited, a:hover, a:focus {
    color:#ffe500;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    cursor:pointer;
}
a:hover, a:focus {
    color:#ccc;
    text-decoration:none;
    outline: none;
}

p, li, dt { 
    font-size:inherit;
    color:#000; 
    margin-bottom:0.5em;
    font-weight:normal;
}
p {
	/*float:left;
    width:100%;*/
}
p.bold, label.bold {
    font-weight:bold;
}
p.float_right, span.float_right {
    text-align:right;
    float:right;
    font-weight:normal;
}
p.emphasis {
    color:#D50032;
}
span.float_left {
    float:left;
}
span.error {
	color:#DA2424;
}
img.icon {
    padding:0.5em 0.75em;
}
em {
	font-weight:bold;
}

 /*
                 =  Virgin Header
********************************************************************************************/
.virgin_header {
	background: transparent url(../images/virgin-header-bg.png) repeat-x top center;
	height: 36px;
}
.virgin_header .virgin_header_links {
	margin: 0 auto;
	width: 930px;
}
.virgin_header ul {
	float: right;
}
.virgin_header ul li {
	color:#CCCCCC;
	float:left;
	padding:10px 0 0 30px;
}
.virgin_header .virgin_header_links a:link, .virgin_header .virgin_header_links a:visited, .virgin_header .virgin_header_links a:focus {
	color: #ccc;
}
.virgin_header .virgin_header_links a:hover {
	color: #ffe500;
	text-decoration: none;
}
 /*
                 =  Top navigation
********************************************************************************************/
.top_nav {
    background:url(../images/bg_top_nav.png) repeat-x top left; 
    height:45px;
    overflow:hidden;
    z-index:5;
}
.top_nav_page, .copyright_text  {
    margin:0 auto;
    text-align:center;
    height:36px;
    width:930px;
}
.top_nav_page {
	display:none;
}
.js .top_nav_page {
    display:block;
}
.top_nav .navigation {
	padding-top:1.5em;
    height:22px;
    width:40%;
    float:right;
    margin-right:1em;
    line-height:2em;
}
.navigation {
    float:left;
    width:40%;
    height:27px;
    padding-top:0.025em;
    margin-left:2.7em;
    line-height:2em;
}
.navigation a:link, .navigation a:visited, .navigation a:hover, .navigation a:focus {
    padding:0 0.5625em;
}
a.selected:link, a.selected:visited, a.selected:hover, a.selected:focus {
    color:#ccc;
}
.navigation span {
    color:#ffe500;
}
.top_nav_drop_shadow {
    background:url(../images/bg_top_nav_drop_shadow.png) repeat-x top left; 
    height:4px;
    z-index:20;
    position:relative;
}
 /*
                 =  Login
********************************************************************************************/
.logged_in_nav {
    margin-top:-5px;
    height:40px;
    z-index:1;
    position:relative;
}
.logged_in  {
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-radius-bottomleft:10px;
    -webkit-border-radius-topright:10px;
    float:right;
    background-color:#dce0e2;
    padding:0 1em;
    height:30px;
    margin-right:10px;
    overflow:hidden;
    position:relative;
    z-index:15;
    display:none;
    text-align:right;
}
.js .logged_in  {
    display:block;
}
.logged_in p {
    text-align:center;
    width:auto;
}
.logged_in a:link, .logged_in a:visited {
    color:#000;
    text-transform:lowercase;
    margin-left:0.25em;
}
.logged_in a:hover, .logged_in a:focus {
    text-decoration:underline;
}
span.login_rounded_corner {
    background:url(../images/login_rounded_corners_.png) no-repeat top left; 
}
span.login_rounded_corner_right {
    background:url(../images/login_rounded_corners_left.png) no-repeat top right; 
}
.logged_in .emphasis {
	font-weight: bold;
}
.logged_in  A{
	text-transform:capitalize !important;
	font-weight:bold;
	text-decoration:underline;
}

 /*
                 =  Page
********************************************************************************************/
.shards, .shards_2, .shards_3 { 
    background:url(../images/shards_1.png) no-repeat bottom center; 
    z-index: 5;
    float:left;
    width:100%;
    position:relative;
    min-height:1015px;
}
.shards_2 { 
    background:url(../images/shards_top.png) no-repeat top left; 
    z-index:10;
}
.shards_3 { 
    background:url(../images/shards_bottom.png) no-repeat bottom right; 
    z-index:15;
}
.page {
    margin:0 auto;
    text-align:center;
    width:930px;
    min-height:1015px;
}
.landing_shards {
    background:url(../images/bg_landing_shards.png) no-repeat top left; 
    width:1019px;
    height:1034px;
}
 /*
                 =  Main navigation
********************************************************************************************/
.main_nav_bg {
    background:url(../images/main_nav.png) repeat-y;    
    height:98px;
    opacity:0.4;
    filter:alpha(opacity=40);
    position:relative;
    z-index:20;
    border-top:1px solid #979a9c;
}

.main_nav_gradient .navigation {
    width:65%;
    text-transform:uppercase;
    margin-top: 2.5em;
    float:right;
    text-align:right;
    font-size:2em;
    display:none;
}
.main_nav_gradient {
    background:url(../images/main_nav_gradient.png) no-repeat top right;    
    height:99px;
    position:relative;
    z-index:25;
    margin-top:-99px;
}

.js .main_nav_gradient .navigation {
    display:block;
}
.main_nav_gradient .navigation span.replace {
    color: #979a9c;
    vertical-align:top;
}
.main_nav_gradient .logo {
    padding:10px 0 0 15px;
    width:25%;
    float:left;
}
a.main_nav:hover, a.main_nav:focus {
	color:#ccc;
}
 /*
                 =  Search panel
********************************************************************************************/
.decoration {
    background:url(../images/decor_sponsors_search_panel.png) no-repeat top right;  
    height:2px;
    margin-top:-0.1em;
}

.sponsors_search_panel {
    background:url(../images/bg_search_panel.png) repeat-y top right;  
    height:29px;
}
.sponsors_panel{
    float:left;
    width:55%;
    color:#fff; 
    margin:4px 0 0 19px;
}

.sponsors_panel span{
   font-size:1.1em;
}
.sponsors_panel span.text {
    font-size:1.347em;
    line-height:1.2em;
    vertical-align:text-bottom;
}
.sponsors_panel span img {
    vertical-align: middle;
    margin:0 0.5em;
}

.search_panel  {
    float:right;
    margin:0.6em 10px 0 0;
    width:auto;
}
.panel-content .search_panel{float:left !important;margin:10px 0 10px -10px;padding:0;position:relative;}
.search_panel  LABEL{display:none;}
.search_panel input.text {
    width:18em;
    height:15px;
    background-color:#696969;
    border:1px solid #FFE500;
    color:#fff;
    font-size:1em; 
    float:left;
    margin:-1px 10px 0;
    padding:3px 3px 0;
}
.search_panel input.go{
    width: 35px;
    cursor: pointer;
    background:#ffe500;
    color:#000;
    border:1px solid #000;
    text-transform:uppercase;
    float:left;
    margin:-2px 0 0;
    height:22px;
    vertical-align:middle;
}


 /*
                 =  footer
********************************************************************************************/
.footer {
    background-color:#1f1f1f; 
    float:left;
    width:100%;
    opacity:0.9;
    filter:alpha(opacity=90);
    min-height:5em;
}
.footer_content {
    margin:0 auto;
    text-align:center;
    width:930px;
    display:none;

}
.js .footer_content {
    display:block;
}
.sitemap_heading {
    width:100%;
    float:left;
}
.sitemap_heading h2 {
    border-bottom:1px solid #716607;
    width:306px;
    padding-bottom:0.45em;
    padding-left:0;
    font-size:1.4em;
    text-transform:uppercase;
    color:#9c9c9c;
}
.copyright {
    background-color:#000;
    color:#ccc; 
    height:35px;
    border-bottom:2px solid #d10031;
    float:left;
    width:100%;
    margin-top:3em;
}
.copyright_text {
    margin: 0 auto;
    text-align:center;
    width:930px;
}
span.copyright_span {
    margin-top:1.25em;
    float:right;
}
.footer .first_column {
    float:left;
    width:305px;
    margin:0.7em 2.8em 0 0;
}
.footer .second_column {
    float:left;
    width:255px;
    margin:0.7em 4.6em 0 0;
}
.footer .third_column {
    float:left;
    width:255px;
    margin:0.7em 2.375em 0 0;
}
.footer li {
    border-bottom:1px solid #716607;
    font-family:arial;
    width:100%;
}
span.desc {
    margin-left:0.5em;
    color:#ccc;
}
span.navigation_arrow {
    /*float:right;*/
    color:#716607;
}
 /*
                 =  content
********************************************************************************************/
.content, .form, .tabbed_form, .no_javascript_content{
    margin:1.5em 0 6.4375em 0;
    /*opacity:0.78;
    filter:alpha(opacity=78);*/
    float:left;
    width:930px;
    min-height:39em;
    display:none;
}
.no_javascript_content {
    display:block;
    padding:0.75em;
    margin-top:1em; 
}
.js .content, .js .form, .js .tabbed_form {
    display:block;
}
.form, .tabbed_form {
    background:#000 url(../images/form_top_bg.jpg) repeat-x top right; 
    opacity:1;
    filter:alpha(opacity=100);
    padding:2em 2em;
    width:890px;
}
.form h1 {
    padding-left:0;
    float:left;
    width:100%;
    clear:right;
}
.tabbed_form {
    background:#0a0a0c url(../images/bg_tabbed_form.jpg) no-repeat top left; 
    padding:0.8em 2.2em 2em 2.2em;
    display:none;
}
.js .tabbed_form {
    display:block;
}
.js .carousel {
    background-color:#000;
    float:left;
    width:930px;
    overflow:hidden;
    position:relative;
}


/*
                 =  columns
**********************************/
.two_columns {
    float:left;
    width:50%;
}
.two_columns_main, .two_columns_right {
    width:612px;
    float:left;
}
.two_columns_right {
    width:300px;
    margin-left:1.8em;
    background:none;
}
.two_thirds {
float:left;
padding-right:1em;
width:62%;
}
.third {
    width:32%;
    float:left;
    padding-left:1em;
}
.full_width {
    width:100%;
    float:left;

}
.full_width p {   line-height:1.8em;        }
.column_one_copy {  padding-top:6px; padding-left:10px;      }
/*
                 =  panels
**********************************/
.panel {
    background-color:#f4f4f4;
    padding:8px;
    margin:10px 0; 
    float:left;
    width:596px;
}

.two_columns_right .panel{
    width:284px;
}


.panel a:link, .panel a:visited, .panel a:hover, .panel a:focus {
	color:#D50032;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	text-decoration:underline;
}
.first {
    margin-top:0;
}
.second{
    margin-top:0;
    margin-left:18px;
}
.panel a.panel_heading:link, .panel a.panel_heading:visited, .panel a.panel_heading:hover, .panel a.panel_heading:focus {
    background-color:#000;
    padding:0.2em;
    color:#FFE500;
    text-decoration:none;
}
.panel a.panel_heading:hover, .panel a.panel_heading:focus {
    text-decoration:underline;
}
.header_links {
    padding:1.1em 1em 0 1em;
    text-align:right;
}
.header_links a:link, .header_links a:visited, .header_links a:hover, .header_links a:focus {
    color:#FFE500;
    text-decoration:none;
}
.header_button {
    float:right;
    margin-right:-0.7em;
    margin-top:-1em;
    text-align:right;
}
.two_columns_right .mpu {   
	height: 250px;
	margin-bottom: 18px; 
	margin-top: 0; 
	padding: 0;
	width: 300px;
	background:none;
}
.two_columns_right .first{
	margin-bottom:16px;
}


 /*
                 =  rounded corners
********************************************************************************************/
.roundedCorner {
    width:9px;
    height:9px;
    position:relative;
}
.roundedCornerBottomRight {
    background-image: url('../images/login_rounded_corners.png');
    bottom: 0;
    right:0;
    float:right;
    z-index:0;
    position:absolute;
}
.roundedCornerBottomLeft {
    background-image: url('../images/login_rounded_corners_left.png');
    left:0px;
    bottom:0;
    float:left;
    z-index:0;
    position:absolute;
}
 /*
                 =  Headings
********************************************************************************************/
.heading, .heading_carousel {
    background:#000 url(../images/bg_form.jpg) repeat-x top left; 
    float:left;
    width:100%;
    /*line-height:30px;*/
}
.checklist .heading {
	border:1px solid #292929;
}
.heading_carousel {
    height:43px;
	margin-bottom:1px;
	padding:14px 13px 0;
	width:904px;
}

.heading_tabbed_form {
    background:url(../images/bg_form_title.png) repeat-y;
    float:left;
    width:100%;
    height:6.1em;
}

h1, h2, h3, h4{ 
    color:#FFFFFF;
	float:left;
	font-size:1.7em;
	line-height:30px;
	padding-left:19px;
	text-transform:uppercase;
	width:auto;
	margin-top:-2px;
}
h2 {
    font-size:1.7em; 
}
h2.instructions {
    margin-top:1.6em;
    padding:0;
}
h1.enter_film {
    font-size:3.6em;
    margin:0.2em 0.6em 0;
    padding:0;
}
h3 {
    font-size:1.8em; 
}
h4 {
    font-size:1.4em;
    padding:0;
    text-transform:none;
}
/*
                 =  Forms
********************************************************************************************/
form {
    /* clear:both; */
}

/*
                 =  form legends
**********************************/
legend.hidden {
    display:none;
}

form.inline legend  {
    display:none;
}
h1.legend, h2.legend, legend {
    float:left;
    color:#000;
    font-size:1.7em;
    line-height:1.7em;
    width:100%;
    text-transform:uppercase;
}
h1.legend, h2.legend {
    padding:0;
}
form.vertical_tabs legend {
    margin-bottom:0.5em;
}
/*
                 =  form controls
**********************************/
input.text, textarea, select    { 
    border:1px solid #cecece;
    background-color:#fff;
    overflow:auto;
    color:#000;
    font-size:1.1em; 
    padding-left:0.25em;
}
input.text {
    width:260px;
    overflow:hidden;
    line-height:1.3em;
	margin-top:5px;
}
select {
    width:22.4em;
	margin-top:5px;
}

textarea { 
    width:99%;
    height:7em;
    font-size:11px;
    margin-top: 0;
    font-family:Verdana,Arial,Helvetica,sans-serif;
	margin-top:5px;
}
form.vertical_tabs input.text {
    width:197px;
}
form.vertical_tabs input.min_length {
    width:3.5em;
}
form.vertical_tabs select {
    width:197px;
}
form#upload_film_synopsis textarea{
    width:265px;
}
form.updateSynopsis fieldset{
    float:left;display:inline;
}
form.last fieldset{
    float:right;
}
input.check {
    float:right;
    padding:0;
    margin:0 0 0 1.5em;
}
input.check-left {
    float:left;
    padding:0;
    margin:0 1.5em 0 0;
}
#upload_film_declaration input.check {
    float:left;
    margin-left:2em;
}

/*
                 =  form fieldsets
**********************************/
fieldset, #tabs {
    background:#f5f1b4 url(../images/bg_fieldset.jpg) repeat-x top left;  
    width:39.5em;
    border:1px solid #292929;
    float:left;
    margin-top:1.4em;
    padding:1em 2em;
}
#tabs {
    padding:0;
    margin-top:20px;
    width:883px;
    visibility:hidden;
}
fieldset.checklist {
    background:none repeat scroll 0 0 transparent;
    border:medium none;
    color:#FFFFFF;
    padding:0;
    width:100%;
}
fieldset.search {
	background:none;
	border:none;
	padding:0;
	margin:0;
	width:auto;
}
fieldset.inline {
    margin-left:1em;
}
form div.fieldset_status {
    float:right;
    width:10%;
    margin:0.5em 0;
    color:#000;
    cursor:pointer;
}
form.vertical_tabs fieldset{
    border:none;
	background:none;
    padding:0;
    width:100%;
    padding-bottom:20px;
    margin-top:0;
}
/*
                 =  form links, paragraphs, hedings and spans
****************************************************/

form a:link, form a:visited, form a:hover, forn a:focus {
    color:#000;
    text-decoration:underline;
}
form fieldset.checklist a:link, form fieldset.checklist a:visited, form fieldset.checklist a:hover, form fieldset.checklist a:focus {
    color:#fff;
    text-decoration:underline;
}
form a:hover, forn a:focus {
    text-decoration:none;
}
form p {
    margin-bottom:0.5em;
}
form p.form_control_info {
    margin:0;
    font-size:1em;
    font-style:italic;
}
.updateSynopsis p.form_control_info{float:right;}

form.vertical_tabs p.form_control_info {
    margin-left:267px;
	padding-top:2px;
	width:197px;
}
form#upload_film_upload p.form_control_info {
	margin-left:0;
    width:100%;
}
form#upload_film_declaration p.form_control_info {
    margin-left:8em;
    clear:both;
}
form#upload_film_synopsis p.form_control_info {
    margin-left:17.5em;
}
form#upload_film_synopsis p.form_control_info {
      width:270px;
} 
form#upload_film_synopsis div.thumbnail_options div.full p.form_control_info {
      margin-left:0;
      width:100%;  
}
form span.static_form_control {
	font-size:1.1em;
}

/*
                 =  form labels
**********************************/
form label {
    display:block;
	padding-bottom:6px;
}
form label.inline { 
    margin-top:6px; 
    display:inline;
    float:left; 
    color:#000; 
    width:12em;
    padding-bottom:0;
}
form h2 {  float:none;}

.tabbed_form form label.inline {
    width:267px;
}
.tabbed_form form#upload_film_synopsis label.inline {
    width:190px;
}
fieldset.checklist label {
	width:90%;
	text-align:right;
    color:#fff;
    float:right;
}
form label.error, form.vertical_tabs label.error, form.standard_form label.error {
    color:#da2424;
    padding:0 0 0.25em 122px;
    width:197px;
    float:left;
}
form.standard_form label.error {
	padding:0 0 0.25em;
	width:100%;
}
form.vertical_tabs label.error {
    padding:0 0 0.25em 267px;
    width:197px;
}
.overlay form label.error {
    width:100%;
    padding:0;
}
.submit-comment label.error{
	padding: 0;
	width: 100%;
}
form.vertical_tabs label#upload_film_error {
	padding:0.5em 0 0.25em;
	width:100%;
}
form fieldset.checklist label.error {
    float:right;
    text-align:right;
    font-size:1.1em;
    padding-left:0;
}
form label.above_control { 
    width:100%;
    padding-bottom:0.5em;
    float:left;
}

#tabs form#upload_film_synopsis label.error {
    width:265px;
    padding:0 0 0.25em 190px;
}
form label.declaration_label {
    padding-left:1em;
}
form#upload_film_declaration label.error {
	padding: 0.5em 0 0 2em;
	clear:both;
}
form.standard_form label.replace{
    font-size:1.7em;
    text-transform:uppercase;
}
 /*                =  form sections
*************************************/
form .half, form .full, .half {
    width:50%;
    float:left;
    margin-top: 10px;
    padding-bottom:10px;

}
.half {
    margin-top:0;
}
form .full, .competition_thanks .full {
    width:100%;
    background: url(../images/form_control_divide.jpg) repeat-x bottom left;  
}

form .no_divide, .competition_thanks .no_divide {
    background:none !important;
}
form#upload_film_about .submit_button {
    margin-top:0;
    padding-bottom:0;
}
form.standard_form .short, .competition_thanks .short {
    background:transparent url(../images/form_control_divide.jpg) repeat-x scroll left bottom;
    width:85%;
    padding:0 0 10px 15px;
    float:left;
    margin:10px 0 0 60px;
}

 /*                =  thumbnail upload
*************************************/
.thumbnail_image, .thumbnail_options {
    float:left;
	margin-right:10px;
	margin-top:1.5em;
	text-align:center;
	width:27%;
}
form#upload_film_synopsis .thumbnail_image {
    width:180px;
    height:100px;
}
form#upload_film_synopsis .thumbnail_options {
    margin-right:0;
}
.thumbnail_options {
    margin-top:0;
    width:67%;
}
form#upload_film_synopsis .thumbnail_options {
    width:265px;
}

input.upload {
    border:1px solid #cecece;
    background-color:#fff;
    margin-top:0.5em;
}
img.thumbnail_img {
    border:1px solid #999;
    position:relative;
    z-index:25;
}
a.thumbnail_link_small:link, a.thumbnail_link_small:visited, a.thumbnail_link_small:hover, a.thumbnail_link_small:focus {
	border:1px solid #cecece;
    margin-right:0.6em;
    float:left;
    width:56px;
    height:56px;
}
.panel a.thumbnail_link_small:link, .panel a.thumbnail_link_small:visited, .panel a.thumbnail_link_small:hover, .panel a.thumbnail_link_small:focus {
    margin-right:0;
}

a.thumbnail_link_large:link, a.thumbnail_link_large:visited, a.thumbnail_link_large:hover, a.thumbnail_link_large:focus {
    border:1px solid #cecece;
    margin-right:0.6em;
    float:left;
    width:111px;
    height:110px;
}
a.thumbnail_link_small:hover, a.thumbnail_link_small:focus, a.thumbnail_link_large:hover, a.thumbnail_link_large:focus {
    border:1px solid #000;
}
ol#film_fans_list li a.thumbnail_link_small:hover, ol#film_fans_list li a.thumbnail_link_small:focus{
    border:1px solid #cecece;
}
 /*               =  form buttons
*************************************/
.btn-container {
    text-align:right;
}
/*   overlay btn changes   */
.btn-container UL{float:right;display:block;}
.btn-container UL LI{float:left;display:inline;margin:5px 0 0 10px;list-style:none;}
.btn-container UL LI A{float:left;margin:0;padding:0 25px 0 0;line-height:22px;height:28px;vertical-align:middle;color:#FFE500 !important;text-decoration:none !important;background:url('../images/sprite_buttons_new.png') no-repeat right -58px;}
.btn-container UL LI A:hover{background-position:right bottom;color:#000 !important;line-height:24px;}
.btn-container UL LI A SPAN{float:left;height:28px;padding:0 10px;background:url('../images/sprite_buttons_new.png') no-repeat left -58px;}
.btn-container UL LI A:hover SPAN{background-position:left bottom;}

form .btn-container LI INPUT{float:left;padding:0 10px 8px 10px;height:28px;width:auto;color:#FFE500;background:url('../images/sprite_buttons_new.png') no-repeat center -58px;border:none;cursor:pointer;}
form .btn-container LI SPAN.left{float:left;padding-right:7px;position:relative;margin-right:-4px;height:28px;background:url('../images/sprite_buttons_new.png') no-repeat left -58px;}
form .btn-container LI SPAN.right{float:left;padding-left:10px;position:relative;margin-left:-4px;height:28px;background:url('../images/sprite_buttons_new.png') no-repeat right -58px;}
form .btn-container LI:hover{cursor:pointer;color:#000;}
form .btn-container LI:hover INPUT{float:left;padding:0 10px 6px 10px;height:28px;width:auto;color:#000;background:url('../images/sprite_buttons_new.png') no-repeat center bottom;}
form .btn-container LI:hover SPAN.left{background-position:left bottom;}
form .btn-container LI:hover SPAN.right{background-position:right bottom;}


/* buttons diferences - on black BG + competition aligned to left */
#critic_registration .btn-container LI INPUT, #filmmaker_registration .btn-container LI INPUT, #filmmaker_edit_profile .btn-container LI INPUT, #critic_edit_profile .btn-container LI INPUT{padding:0 10px 6px 10px;background:url('../images/sprite_buttons_new.png') no-repeat center -28px;color:#000;}
#critic_registration .btn-container LI SPAN.left, #filmmaker_registration .btn-container LI SPAN.left, #filmmaker_edit_profile .btn-container LI SPAN.left, #critic_edit_profile .btn-container LI SPAN.left{background:url('../images/sprite_buttons_new.png') no-repeat left -28px;}
#critic_registration .btn-container LI SPAN.right, #filmmaker_registration .btn-container LI SPAN.right, #filmmaker_edit_profile .btn-container LI SPAN.right, #critic_edit_profile .btn-container LI SPAN.right{background:url('../images/sprite_buttons_new.png') no-repeat right -28px;}
.btn-container LI:hover{color:#FFE500;cursor:pointer;}
#critic_registration .btn-container LI:hover INPUT, #filmmaker_registration .btn-container LI:hover INPUT,  #filmmaker_edit_profile .btn-container LI:hover INPUT, #critic_edit_profile .btn-container LI:hover INPUT{color:#FFE500;background:url('../images/sprite_buttons_new.png') no-repeat center 0;}
#critic_registration .btn-container LI:hover SPAN.left, #filmmaker_registration .btn-container LI:hover SPAN.left, #filmmaker_edit_profile .btn-container LI:hover SPAN.left, #critic_edit_profile .btn-container LI:hover SPAN.left{background-position:left 0;}
#critic_registration .btn-container LI:hover SPAN.right, #filmmaker_registration .btn-container LI:hover SPAN.right, #filmmaker_edit_profile .btn-container LI:hover SPAN.right, #critic_edit_profile .btn-container LI:hover SPAN.right{background-position:right 0;}

#filmmaker_edit_profile label.error{padding-left:0 !important;}

form .btn-container LI.transparent_button INPUT {padding:0 10px 6px 10px;background:url('../images/sprite_buttons_new.png') no-repeat center 0;color:#FFE500;}
form .btn-container LI.transparent_button SPAN.left {padding-right:3px;position:relative;margin-right:0;background:url('../images/sprite_buttons_new.png') no-repeat left 0;}
form .btn-container LI.transparent_button SPAN.right {padding-left:6px;position:relative;margin-left:0;background:url('../images/sprite_buttons_new.png') no-repeat right 0;}
form .btn-container LI.transparent_button:hover {color:#fff;cursor:pointer;}
form .btn-container LI.transparent_button:hover INPUT {cursor:pointer;color:#000;background:url('../images/sprite_buttons_new.png') no-repeat center -28px;}
form .btn-container LI.transparent_button:hover SPAN.left {background-position:left -28px;}
form .btn-container LI.transparent_button:hover SPAN.right {background-position:right -28px;}

#competition_form .btn-container UL, #contact .btn-container UL{float:left;display:block;}
#competition_form .btn-container LI, #contact .btn-container LI{margin:0;}
 /*
                 =  Lists
********************************************************************************************/
ol.lower_alpha {
    list-style-type:lower-alpha;
    padding:1em 0 1em 40px;
}
ol.lower_roman {
    list-style-type:lower-roman;
    padding:0 1em 1em 20px;
    width:96%;
}
ol {
	list-style:decimal;
}
li.inline {
    display:inline;
    float:none; 
}
.navigation .text_right .inline {
    color:#ccc;
    padding:0;
    margin:0;
    font-size:0.6em;
    vertical-align:middle;
}
.navigation .text_right .inline a{
	font-size:1.7em;
	vertical-align:top;
	line-height:2.1em;
	padding:0 1em 0 0.5625em;
}
.navigation .text_right .border{
	border-right:1px solid #666768;	
}
ul.bullets {
    list-style-type:disc;
    padding-left:13px;
}

ul.text_right {
    text-align:right;
}
dl {
    font-size:1.1em;
    line-height:inherit;
    padding:0 0.75em;
    color:#000;
}
dd {
    float:left;
    display:none;
    overflow:hidden;
     margin-bottom:1em;
}
dt {
    float:left;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom:1em;
	width:100%;
}
dd ol {
    padding: 0 20px;
}
dd ol ul, dd ol ul.bullets {
	padding: 0 30px;
}
ul.tabbed_vertical_list {
    padding:1em 0 1em 1em;
    margin:1em;
    position:relative;
    z-index:50;
}
ul.tabbed_vertical_list {
    border:1px solid #CCCCCC;
    float:left;
    padding:1em;
    width:97%;
}
ul.tabbed_vertical_list li {
    display:block;
    width:100%;
    background: url(../images/sprite_upload_film.png) no-repeat -6px -5px;
    width:319px;
    height:36px;
}
ul.tabbed_vertical_list li a, ul.tabbed_vertical_list li a {
    text-transform:uppercase;
    color:#000;
    padding:0.5em 0.75em;
}
ul.tabbed_vertical_list li a {
    vertical-align:sub;
    padding:0 1em;
    font-size:1.3em;
}
ul.list_select {
    width:140px;
    height:22px;
    float:left;
    overflow:hidden;
    position:relative;
    z-index:100;
}
ul.list_select li, ul.carousel_block_select li {
    background-color:#fff;
	color:#000;
	padding:3px 5px;
	margin:0;
}
ul.list_select li.selected, ul.list_select li.selected_option, .carousel_block_select .selected_option {
    color:#FFE500;
    background-color:#000;
    border-right:1px solid #333;
    border-left:1px solid #333;
}
.carousel_block_select .selected_option {
    border:none;
}
ul.list_select li.selected_option {
    border-top:1px solid #333;
    border-bottom:1px solid #333;
}
ul.list_select li:hover {
    cursor:pointer;
    font-weight:bold;
}
ul.list_select li.selected_option:hover, ul.list_select li.selected:hover {
    font-weight:normal;
}
ul.list_select li.selected_option span {
	 background: url(../images/sprite_carousel.png) no-repeat -64px -2px;
	 width:9px;
	 height:8px;
	 float:right;	
	 margin:2px 0 0 8px;
}
ul.list_select li.last {
	border-bottom:1px solid #333;
}

 /*
                 =  Overlay
*******************************************************************************************/
.overlay_bg {
    background: url(/assets/ui/macFFBgHack.png) repeat;
    position: absolute;
    z-index:100;
    top: 0;
    left: 0;
    height:100%;
    width:100%;
}
.overlay {
    width:45em;
    margin:15em auto 0 auto;
    display:none;
}
.overlay_header {
    background-color:#000000;
	border-color:#666;
	border-style:solid solid none;
	border-width:1px 1px medium;
	height:44px;
	padding:10px 19px;
	width:407px;
}
.close_overlay_link {
    float:right;
    cursor:pointer;
    text-align:center;
}

.overlay a:link, .overlay a:visited, .overlay a:hover, .overlay a:focus {
    color:#000;
    text-decoration:underline;
}
.overlay .close_overlay_link a:link, .overlay .close_overlay_link a:visited, .overlay .close_overlay_link a:hover, .overlay .close_overlay_link a:focus {
    color:#666;
    text-decoration:none;
}
.overlay_content {
    padding:19px;
    background:#f5f1b4 url(../images/form_bg.jpg) repeat-x top left;  
    border:1px solid #000;
    border-bottom:3px solid #000;
    border-top:none;
    width:407px;
    float:left;
}
.overlay h2 {
    color: #000; 
    border-bottom:1px solid  #000; 
    font-size:1.2em;
    font-weight:bold;
    /*padding-bottom:0.5em;*/
    width:100%;
    padding-left:0;
}

 /*
                 =  Text box
********************************************************************************************/
.text_box {
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-radius-topleft:10px;
    -webkit-border-radius-topright:10px;
    -webkit-border-radius-bottomleft:10px;
    -webkit-border-radius-bottomright:10px;
    background-color:#FFD500;
	float:left;
	margin-top:-2em;
	padding:1em;
	width:177px;
}
.text_box a:link, .text_box a:visited {
    color:#000;
    text-transform: uppercase;
    font-size:1.1em;
}
.text_box a:hover, .text_box a:focus {
    text-decoration:underline;
}
.text_box ul {
    margin-top:1em;
}
.text_box li {
    display:block;
    background: url(../images/form_control_divide.jpg) repeat-x bottom left;  
    padding:0.75em 0 0.5em 0;
    margin-bottom:0;
    width:100%;
    float:left;
}
.text_box h3{
	background: url(../images/form_control_divide.jpg) repeat-x bottom left;  
	padding-bottom:0.4em;
	padding-left:0;
	font-size:1.7em;
	color:#000;
}
 /*
                 =  Individual film page
********************************************************************************************/
img.favourite {
    padding:0.25em 0 0 0.5em; 
}
ol#film_fans_list {
    padding-bottom:2em;
    float:left;
}
.video{background:#d2d4d4;margin-bottom:0 !important;padding-bottom:0;}
.video_player {
    width:612px;
    height:412px;
    background:#d2d4d4 url('../images/ajax-video.gif') center center no-repeat;
    float:left;
    position:relative;
    z-index:50;
    margin:0 0 10px;
}
img.thumbnail_hover {
    position:absolute;
    z-index:60;
    border:1px solid #000;
}
.definition_title {
    float:left;
    font-weight:bold;
    padding-right:10px;
}
.definition_define {
    float:left;
}
.page_divide {
    background: url(../images/bg_page_divide.jpg) repeat-x bottom left;
    height:2px;
    width:612px;
    float:left;
}
/*  =  Ratings */
.ratings_views {
	background:#f4f4f4;
	width:596px;
	height:26px;
	float:left;
	margin: 4px 0;
	padding:8px;
}
.rating {
    float:left;
    position:relative;
    margin-top:-1px;
}
.views {
    text-align:right;
    float:right;
}
.ratings_views h3 {
    color:#000;
    padding-left:0;
}
ol.ratings  {
    float:left;
	list-style-type:none;
	margin:7px 0 0 10px;
}
ol.ratings li {
    display:inline;
    margin-bottom:0;
}
.rating span.rating_success {
    margin:7px 0 0 10px;
    vertical-align:bottom;
    float:left;
}
.views p {
    margin:0;
    line-height:1.5em;
    text-transform:uppercase;
    font-size:1.8em;
}
.views span.view {
    color:#D50032;
    margin-right:5px;
}
 /*
                 =  Vertical tabs
********************************************************************************************/
#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5 {
	float:left;
	display:block;
	width:100%;
}
.js #tabs-1, .js #tabs-2, .js #tabs-3, .js #tabs-4, .js #tabs-5 {
    padding-left:2em;
    width:55%;
}

.ui-tabs-vertical .ui-tabs-nav li { border-bottom-width: 1px !important; border-right-width: 1px !important; margin:0 0 1px;float:left;}
.ui-tabs-vertical .ui-tabs-nav li a { display:block;  margin:0; margin:0 0 1px;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; border-right-width: 1px; border-right-width: 1px;float:left;}
.ui-tabs-vertical .ui-tabs-panel { 
margin:20px 30px 0;
padding:0 !important;
width:470px;
}
.ui-tabs-vertical .ui-tabs-nav {
	float:left;
	width:320px;
	padding:5px;
	z-index:51;
	position:relative;
	background-color:#E4E4E4;
    margin:20px 0 20px 20px;
}
.ui-widget-header {
	background-color:#fcfcfb;
	border: 1px solid #d5d5d5;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    border:none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color:#000;
    text-decoration:none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    text-decoration:underline;
}
.tab {
    clear:both;
}
ul#tabbed_vertical_list p {
    margin-left:16px;
    width:90%;
}
p#form_progress_text {
    text-transform:uppercase;
}
 /*
                 =  Enter film page
********************************************************************************************/
.js .enter_film_progress {
    width:100%;
    float:left;
    margin:1em 0;
    display:block;
}
.enter_film_progress {
	display:none;
}
.form_progress, .film_progress {
	background:url("../images/sprite_upload_film.png") no-repeat -6px -46px;
	height:11px;
	float:left;    
    width:100%;
}
.film_progress {
    background:url("../images/sprite_upload_film.png") no-repeat -10px -115px;
}
.progressBarInProgress, .progressBarComplete, .progressBarError, .progress_20, .progress_40, .progress_60, .progress_80, .progress_100 {
    background:#000 url("../images/bg_progress_bar.jpg") repeat-x scroll top left;
    width:20%;
    height:8px;
	margin:0.1em 0.3em;
	padding:0.1em 0.2em 0;
}
.progressBarComplete {
    width:98%;
}
.progress_40 {
	width:40%;
}
.progress_60 {
	width:60%;
}
.progress_80 {
	width:80%;
}
.progress_100 {
	width:96%;
}
.declaration {
    padding:0 2em;
}
form#upload_film_declaration label.inline, form#upload_film_declaration label.initial_date {
    margin:0 0 1em 2em;
}
form#upload_film_declaration label.initial_date {
	 width:6em;
}
form#upload_film_declaration input.text {
    width:10em;
    margin-top:0;
}
.checklist {
    color:#fff;
    float:left;
    background: url("../images/bg_checklist.png") repeat-x top left;
    border:1px solid #292929;
    padding:1em;
    width:97%;
    margin-top:1em;
    height:auto;
}
.checklist .third p {
    color:#fff;
}
.checklist .third h4 {
    height:50px;
}
#form_disabled_layer{
    background: url("../images/bg_form_deactivate.png") repeat-x top left;
    position:absolute;
    z-index:50;
    height:590px;
    width:883px;
}
object.swfupload {
	vertical-align: top;
}
#btnCancel {
	visibility:hidden;
}
.progressName, .progressBarStatus, #divStatus {
    font-size:1.1em;
    line-height:1.1em;
}
.progressBarStatus {
    color:#D10031;
    padding-bottom:0.5em;
 }
#divStatus {
    padding-bottom:1em;
 }
 .progress_info {
    padding:0;
 }
 /*
                 =  Carousel
********************************************************************************************/
#carousel{
    float:left;
    width:930px;
    overflow:hidden;
    /*width:3000px;*/
    margin-bottom:17px;
    height:440px;
    background-color:#000;
    text-align:center;
    
}
.carousel_navigation {
    background-color:#1f1f1f;
    display:table;
    float:left;
    width:930px;
    margin:0 auto;
    height:50px;
    width:930px;
}
.carousel_nav_select_block {
	float:left;
	width:100%;
	text-align:center;
	height:23px;
}
.carousel_nav_select_block select {
    width:90px;
}
.carousel_nav {
    width:100%;
}
input.carousel-next, input.carousel-previous, input.request_page_next, input.request_page_previous {
    background:url("../images/icon_next_button.png") no-repeat;
    left:29%;
    height:14px;
    width:12px;
    margin:0 0.5em;
    border:none;
    cursor:pointer;
    position:relative;
}
input.carousel-previous, input.request_page_previous {
    background:url("../images/icon_previous_button.png") no-repeat;
    left:-16%;
    width:12px;
    overflow:hidden;
}
li.carousel_button, li.carousel_page, li.selected_carousel_page, li.list_pagination {
    color:#FFE500;
    padding:0 5px;
    float:left;
    position:relative;
    right:50%;
}
li.list_pagination {
    float:right;
    right:0%;
}
li.carousel_button {
    padding:0;
}
li.carousel_page {
    cursor:pointer;
}
li.carousel_page:hover, li.selected_carousel_page{
    color:#fff;
}
li.carousel_page_item{
    float:left;
    margin:1px 19px 20px 0;
    width:166px;
    height:145px;
}
.jcarousel-list li.end {
    margin-right:0;
}
ul.jcarousel_nested_list {
    margin:0;
    width:906px;
    height:366px;
}
li.jcarousel_list_item {
	margin-bottom:0;
	float:left;
	padding:14px 13px 0;
	height:317px;
}
li.hidden {
    margin-left:2em;
}
ol.carousel_pages {
    list-style:none;
    position:relative;
    margin-top:10px;
    left:50%;
}
.carousel_pages {
	float:left;
}
.carousel_hidden_next {
    margin-left:2em;
}
.carousel_hidden_previous {
    margin-right:2em;
}
li.carousel_page_item img.thumbnail_img {
    float:none;
}
span.carousel_info, label.carousel_info {
    color:#999;
    padding:0;
    margin:0;
}
label.carousel_info {
    padding:5px 10px 0 0;
    float:left;
}
.carousel_nav_select_block label {
	 color:#999;
	 padding-right:10px;
}
a.carousel_image_link:link, a.carousel_image_link:visited {
    width:166px;
    overflow:hidden;
    display:block;
}
a.carousel_image_link:hover, a.carousel_image_link:hover span.carouselMore, li.carousel_page_item a:hover span.carouselMore {
	color:#FFE500;
}
span.carousel_play_icon,  span.carousel_play_icon {
    background:url("../images/sprite_carousel.png") no-repeat -2px -2px;
    width:11px;
    height:10px;
    display:inline-table;
    margin-right:5px;
}
img.carousel_play_icon {
    padding-right:5px;
}
span.carouselMore{
    float:left;
    display:block;
    width:100%;
    color:#999999;
    text-transform:capitalize;
}
span.carouselMore em{
	 float:right;
	 font-style:normal;
	 font-weight:normal;
}
span.carousel_synopsis {
    width:156px;
    height:81px;
    background:url(../images/bg_search_panel.png) repeat left top;
    padding:5px 2px 5px 6px;
    position:relative;
    z-index:50;
    margin:-95px 0 0 1px;
    float:left;
    display:none;
    color:#fff;
    overflow:hidden;
}
a.carousel_image_link:hover span.carousel_play_icon {
    background:url("../images/sprite_carousel.png") no-repeat -2px -13px;  
}
a.carousel_image_link:hover span.carousel_synopsis {
    display:block;
}
a.carousel_image_link:hover span.carouselMore EM{
    color:#999999;
}
a.carousel_image_link:hover .thumbnail_img{
	border:1px solid #817720;
}


span.filmmaker {
    text-transform:capitalize;
}
h1#carousel_title {
    text-transform:uppercase;
    padding-left:0;
    font-size:2em;
}
.heading_carousel select {
    width:120px;
}
#film_carousel {
    display:none;
    float:left;
    width:930px;
    height:440px;
}
#carousel_loading {
	margin-top:147px;
}
.heading_carousel span.float_right {
    padding-top:6px;
}
.carousel_menu {
    text-align:right;
    float:right;
    font-weight:normal;
}

 /*
               Panels
********************************************************************************************/
.panel-content, .two_columns_right .panel .panel-content {
    float:left;
    width:560px;
    margin:10px 17px;
    background:url('../images/form_control_divide.jpg') repeat-x left bottom;
}
.two_columns_right .panel .panel-content {
    width:260px;
    margin:10px;
}
.two_columns_main .panel .last, .two_columns_right .panel .last { 
    background:none;
    margin-bottom:0;
}
.panel-content h2, .panel-content h3 {
    color:#000;
    font-size:2em;
    padding:0;
    margin-bottom:10px;
    float:left;
    display:inline;
    clear:right;
    width:100%;
}
.panel-content h3, .panel h3 {
    font-size:1.5em;
    line-height:normal;
}
.heading h3 {
    font-size:1.5em;
    line-height:30px !important;
}

.two_columns_right .panel .heading h2 {
    padding-left:10px;
}
.two_columns_right .panel .heading h2 a {
    color:#fff;
}

.two_columns_right .panel .panel-content h3 {
    padding:0;
}
.two_columns_right .panel .panel-content h3 a, .panel .panel-text h2 a {
    color:#000;
}
.panel-text, .panel-text-hidden {
    width:100%;
    float:left;
    padding-bottom:10px;
}
.panel-text-hidden {
    display:none;
}
.panel_intro {
    margin: 10px 10px 0 10px;
}
.panel-text img {
    float:left;
    margin:0 15px 10px 0;
    padding:0;
    border:1px solid #333333;
}
.panel-text p, .panel-text p.full {
    padding-bottom:0.5em;
}
.panel-text p.full {
    width:100%;
}
.panel-text h2.withImage, .panel-text h3.withImage {
    width:345px;
}
.panel-text h2.withAvatarImage, .panel-text h3.withAvatarImage {
    width:433px;
}
.panel-text h2.profileInfo, .panel-text h3.profileInfo {
    width:440px;
}
.panel-text h2.withFilmImage, .panel-text h3.withFilmImage {
    width:369px;
}
.panel-content .legal P{float:left;width:100%;}
.panel-content .legal H3{margin-bottom:0 !important;clear:none !important;}
.panel-content .legal H3 A{float:left;display:block;width:100%;color:#000;}
.panel-content .legal ul.bullets{
    list-style-position:outside !important;
    float:left;
    width:95%;
}

 /*Panel links and spans
***************************************/
.two_columns_main .panel .heading span.float_right {
    margin-right:20px;
}
.two_columns_right .panel .heading span.float_right {
    margin-right:10px;
}
.panel .heading span.float_right a:link, .panel .heading span.float_right a:visited, .panel .heading span.float_right a:hover, .panel .heading span.float_right a:focus {
    vertical-align:sub;
    color:#FFE500;
    text-decoration:none;
}
.panel .heading span.float_right a:hover {
    text-decoration:underline;
}
.panel-text .text_box a:link, .panel-text .text_box a:visited, .panel-text .text_box a:hover, .panel-text .text_box a:focus {
    color:#000;
}
 /* read more */
.panel a.read_more, .panel .panel-text a.read-more {
    text-decoration:none;
}
a.read_more span.open_icon, a.read_more span.close_icon, input.open-panel, input.close-panel, input.open-panel:hover {
    background: url(../images/sprite_individual_film.png) no-repeat -253px -8px;
    width:13px;
    height:11px;
    border:none; 
    margin:2px 0 0 10px;
    display:inline-block;
    padding:0;
    line-height:1.3em;
    vertical-align:text-top;
}

a.read_more span.close_icon, input.close-panel:hover {
    background: url(../images/sprite_individual_film.png) no-repeat -239px -8px;
}
.panel a.read_more:hover span.open_icon, input.open-panel {
    background: url(../images/sprite_individual_film.png) no-repeat -253px -20px; 
}
.panel a.read_more:hover span.close_icon, input.close-panel {
    background: url(../images/sprite_individual_film.png) no-repeat -239px -20px;
}
input.open-panel, input.close-panel, input.open-panel:hover, input.close-panel:hover {
     margin-top:7px;
}
a.delete-item {
    position:absolute;
    right:-14px;
}

 /*
               Help
********************************************************************************************/

.panel-text ol{
	color:#000000;
	float:left;
	font-weight:bold;
	padding-left:20px;
	/* width:100%; */
}
.panel-text ol li{
    margin:10px 0;
    vertical-align:top;
    clear:both;
}
.panel-text li ol.lower_alpha li {
    margin-bottom:0;
}
.panel-text li ol.lower_alpha ul.bullets li {
    margin-left:40px;
    width:90%;
}
.panel-text DL{float:left;width:100%;}


 /*
              Landing page
********************************************************************************************/
.landing_shards .overlay {
	padding:105px 0 0 135px;
	margin:0;
	width:690px;
	height:550px;
}
.landing_shards .overlay_header {
	border:none;
	height:91px;
}
.landing_shards .overlay_content {
    background:#000;
    opacity:0.7;
    filter:alpha(opacity=70);
    width:508px;
    padding:0 90px 30px 90px;
}
.landing_shards .overlay_content h1 {
    font-size:2.6em;
    padding:30px 0 20px 0;
    width:100%;
}
.landing_shards p, .landing_shards .overlay_content p.align_image, .landing_shards .overlay_footer span.text {
	color:#fff;
	font-size:1.2em;
	padding-left:30px;
	width:508px;
}
.landing_shards .overlay_content p.align_image {
    padding-left:30px;
    width:68%;
}
.landing_shards .overlay_content img {
    float:left;
    margin:0.5em 0;
}
.landing_shards .overlay_content a {
    color:#ffe500;
    font-size:inherit;
}
.landing_shards .overlay_content hr {
    background: url(../images/form_control_divide.jpg) repeat-x bottom left;
    display:block;
    width:508px;
    height:2px;  
    float:left;
    margin-top:30px;
}
.landing_shards .overlay_footer {
    background-color:#000000;
	float:left;
	height:30px;
	width:670px;
	padding-left:20px;
}
.landing_shards .overlay_footer span.text {
    margin:0;
    font-size:11px;
    vertical-align:super;
    padding:0;
}

 /*
              Advertising elements
********************************************************************************************/
.banner {
    float:left;
    width:297px;
    height:117px;
    margin-right:18px;
    padding-bottom:17px;
}
.banner A{
    float:left;
    display:block;
}
.right {
	float: left;
	margin-right: 0;
}
 /*
              Contact
********************************************************************************************/
.email-success {
	color: #ffe500;
	font-weight: bold;
}
.email-failed {
	color: #cc0000;
	font-weight: bold;
}

/*
             Competition
********************************************************************************************/
.competition-panel{
	background:#ffffff url('../images/bg-competition-form.jpg') no-repeat bottom left;
	min-height:700px;
	/*padding-bottom:135px;*/
}
.competition-panel .heading{
	background:none;
}
.competition-panel .heading h1{
	font-size:2.2em;
	/*line-height:2.2em;*/
	color:#000;
}
/*.competition-panel a{
	color:#000 !important;
}*/
.competition-panel fieldset, .competition-panel .competition_thanks{
    background:url(../images/bg_fieldset_competition.png) no-repeat top left;  
    border:1px solid #eaeaea;
    margin-top:0;
    float:left;
    width:92%;
    padding:1em 2em;
}
.competition-panel fieldset h2{
	margin-bottom:0;
	background:none;
}
.competition-panel input.text{
	width:238px;
	border:1px solid #cbb701;
}
.competition-panel select {
	border:1px solid #cbb701;	
}
.competition-panel label.error{
	padding-left:0;
}
.competition_permission {
    display:none;
}

/*						TWITTER
 **********************************************************************/
.twitter, .articles{margin-top:0;background:#fff !important;}
.twitter .panel-content{margin:0;width:100%;position:relative;}
.twitter .nav{float:left;display:block;margin:0;width:100%;background:#d7d7d7;border-top:5px solid #a5a5a5;}
.twitter .nav LI{float:left;display:inline;margin:0;padding:0;}
.twitter .nav LI A{float:left;display:block;padding:5px 22px;color:#000;}
.twitter .nav LI A:hover, .twitter .nav LI A.on{background:#fff;color:#000;}
.twitter a.twitter_small{float:right;display:inline;margin:0 5px 0 0;padding:0 30px 0 0;line-height:30px;vertical-align:middle;color:#ffe500 !important;text-decoration:none;background:#000 url(../images/icn-twitter.jpg) no-repeat right center;}
.twitter a.twitter_small:hover, a.actionLink:hover{text-decoration:underline !important;}
.twitter a.twitter_big{float:right;display:block;margin:0;padding:85px 20px 0 20px;position:absolute;bottom:20px;right:0;color:#ccc !important;background:#fff url(../images/twitter-logo.jpg) no-repeat center top;}
.twitter a.twitter_big:hover{color:#000 !important;}
#juitterContainer{float:left;display:block;margin:10px 0;min-height:500px;width:560px;padding-left:15px;}
#juitterContainer .twittList{margin:0;padding:0;}
#juitterContainer .twittLI{list-style:none;background:transparent url(../images/form_control_divide.jpg) repeat-x left bottom;margin:0;padding:5px 0 0 0;padding:5px 0 7px 0;clear:both;height:55px;} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em;}
#juitterContainer .twittList A{}
#juitterContainer .twittList A:hover{}
#juitterContainer .juitterAvatar{float:left;border:solid 1px #ccc;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}
#juitterContainer .jRM{}

a.actionLink{float:right;display:inline;margin:0 10px 0 0;padding:0;line-height:30px;vertical-align:middle;color:#ffe500 !important;text-decoration:none !important;}

.articles .panel-content{margin:10px 10px 0 10px !important;}
.articles .imgHide{float:left;display:inline;margin:0 10px 0 0;padding:0;width:108px;height:83px;overflow:hidden;}

/*						Comments
 * ******************************************************************* */
.comments{margin-top:16px;background:#f4f4f4;}
.comments .panel-content{margin:0;width:100%;position:relative;}
.comments .heading H2{padding-left:10px;}
.comments label.error{padding-left:72px;}
.comments #commentContainer{float:left;display:block;margin:5px 10px;width:97%;}
.comments form{background:transparent url(../images/form_control_divide.jpg) repeat-x left bottom;}
.comments form fieldset{float:none;border:none;padding:5px 0;background:none;width:100%;}
.comments form fieldset textarea.colapsed{float:right;font-size:11px;min-height:2em;height:auto !important;margin-top:0;width:99%;resize:none;}
.comments form fieldset textarea.focused{float:right;font-size:11px;min-height:5.3em;height:auto !important;margin-top:0;width:86%;resize:none;}
.comments form fieldset img{float:left;}
.comments .profile_image{float:left;display:inline;}
.commentList{float:left;display:block;margin:0;padding:0;width:100%;}
.commentLI{float:left;margin:0;padding:8px 0 7px 0;clear:both;width:100%;list-style:none;background:transparent url(../images/form_control_divide.jpg) repeat-x left bottom;}
.commentLI A{float:left !important;}
.commentLI P{float:left;display:inline;width:495px;}
.commentList SPAN.time{color:#777;font-size:0.9em;}
.commentList a:link, .commentList a:visited {color:#000}
.commentList a:hover, .commentList a.focus {color:#D50032;}
.profileAvatar{float:left;border:solid 1px #555 !important;margin:0 10px 10px 0 !important;padding:1px !important;width:56px;height:56px;background:#f4f4f4;}
.commentLI UL{float:left;display:inline;}
.commentLI UL LI{float:left;display:inline;margin:0 10px 0 0;padding-right:10px;line-height:12px;vertical-align:middle;border-right:1px solid #000;}
.commentLI UL LI P{padding:0;margin:0;color:#434343;width:100%;}
.commentLI ul li p.emphasis {color:#D50032;}
.commentLI UL LI.time, .commentLI UL LI.last, .commentLI UL LI.screen-name{border:none;text-transform:capitalize;}
.commentLI UL LI.screen-name{font-weight:bold;}
.commentLI .replyTo{font-weight:bold;}
.commentLI .delete{float:left;color:#d50032 !important;}


/*						Search
 * ******************************************************************* */
.searchResults .big .text{width:22em;}
.searchContent{float:left;display:block;padding:0;width:100%;}
.searchContent LI{float:left;display:block;position:relative;margin:0 !important;padding:15px 0 0 0;/*min-height:100px;*/background:url('../images/form_control_divide.jpg') repeat-x left bottom;width:100%;}
.searchContent LI.first{padding-top:0;}
.searchContent LI.last{border:none;margin:5px 0 0 0;padding-bottom:0;background:none;}
.searchContent li div.imgLink, .searchContent li.first div.imgLink{float:left;margin:0 15px 10px 0;padding:1px;width:100px;}
.searchContent li.last div.imgLink{margin:0 15px 0 0;}

.searchContent div.info{float:left;margin:0 0 10px 0;width:78%;}
.searchContent div.imgLink a {height:75px;width:100%;border:1px solid #333333;padding:1px;float:left;}
.searchContent div.imgLink a.normal{float:left;height:auto !important;width:100%;border:none !important;}
.searchContent .edit{float:right;display:inline;position:relative;margin-top:-28px;padding:3px;background:#FFE500;}
.searchContent .edit A{text-decoration:none;font-weight:bold;}

.two_columns_right .searchContent div.info{width:166px;}
.two_columns_right .searchContent li div.imgLink{width:77px;}
.two_columns_right .searchContent div.imgLink a {height:59px;}
.searchContent H3 A{color:#000 !important;text-decoration:none !important;}
.searchContent H3 A:hover{text-decoration:underline !important;}
.searchContent .textHigh{text-transform:capitalize;}
.searchContent .highlight, .searchContent strong{font-weight:bold !important;background:#ffe500 !important;}
.searchContent P.ratingStars A, .searchContent P.ratingStars span{float:left;display:block;width:68px;height:9px;margin:5px 0;background:url('../images/star-sprite.png') no-repeat top left;border:none;}
.searchContent P.ratingStars A SPAN {display:none;}
.searchContent P.ratingStars A.star_0, .searchContent P.ratingStars span.star_0 {background-position:left -59px;}
.searchContent P.ratingStars A.star_2, .searchContent P.ratingStars span.star_2{background-position:left -12px;}
.searchContent P.ratingStars A.star_3, .searchContent P.ratingStars span.star_3{background-position:left -23px;}
.searchContent P.ratingStars A.star_4, .searchContent P.ratingStars span.star_4{background-position:left -35px;}
.searchContent P.ratingStars A.star_5, .searchContent P.ratingStars span.star_5{background-position:left -47px;}
.searchPagination{float:left;margin:0;padding:10px 0;width:100%;border-top:1px solid #fff;background:url('../images/form_control_divide.jpg') repeat-x left top;width:100%;}
.searchPagination LI{display:inline;margin-right:7px;}
.nrResults {background:url('../images/form_control_divide.jpg') repeat-x left bottom;width:100%;padding-bottom:10px;}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
	height:332px;
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width:3000px;
}
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    /*width: 164px;*/
    height: 91px;
    margin-right:11px;
    margin-bottom:6em;
    display:inline;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next, .jcarousel-prev {
    display: none;
    background:url("../images/sprite_home.png") no-repeat -26px -2px;
	cursor:pointer;
	height:14px;
	position:relative;
	width:11px;
	float:left;
	margin:0 0.5em;
}

.jcarousel-prev {
    background:url("../images/sprite_home.png") no-repeat -13px -2px;
}


/* COUNTDOWN */
#countdown_dashboard {
	margin-left: 0px;
	float:left;
	padding-top:0.7em;
	display:inline;
}
.dash {	
	float: left;
	margin:10px 0 0 3px;
	text-align:center;
	height:30px;
	position: relative;
	color: #fff;
	width:35px;
}
.dash_title{
    float:right;
    display:inline;
    margin-left:5px;
}

.dash .digit {
	font: normal 12pt Verdana;
	float: left;
	text-align: center;
	position: relative;
	line-height:15px;
	vertical-align:middle;
	padding-left:2px;
}
.capital{text-transform:capitalize;}
.largeText{font-size:1.2em;}

#countdown_dashboard P.replace{float:left;display:inline;margin:5px 0 0 10px;font-size:1.7em !important;color:#f8a91b;text-transform:uppercase !important;}

.like{float:right;display:inline;position:relative;margin-top:-1px;width:85px;}
.likeLight{float:left;position:relative;margin-top:-4px;width:85px;}
.imgLink{float:left;display:inline;width:115px;}

.favourite{margin:5px 0 0 12px !important;width:275px !important;}
.favourite UL{margin-top:10px;}
.favourite UL LI{display:inline;width:61px;}
.favourite .profileAvatar{margin:0 5px 5px 0 !important;}
.favourite .favImg{width:77px !important;height:45px !important;}
.favourite .long{float:left;width:100%;padding-bottom:3px;background:url('../images/form_control_divide.jpg') repeat-x left bottom;}
.favourite .long A{float:left !important;}
.favourite .long H3{float:none;}

.addFav{float:right;display:inline;margin-right:20px;}
.addFav A{float:right;margin:5px 0 0 0;padding:0 25px 0 0;color:#000000;letter-spacing:-1px;line-height:20px;vertical-align:middle;background:url('../images/favourite-heart.png') no-repeat right 3px;}
.addFav A:hover{background-position:right -17px;}
.addFav H3.favAdded{float:right;margin:3px 0 0 0;padding-right:25px;letter-spacing:-1px;line-height:20px;vertical-align:middle;background:url('../images/favourite-heart.png') no-repeat right -37px;}

.shuffle{float:left;position:relative;margin:-18px 0 0 -20px;font-size:1.5em;width:100%;text-align:center;line-height:40px;vertical-align:middle;background:url('../images/refresh-me.png') no-repeat 500px 0;color:#FFE500 !important;}
.shuffle:hover{background-position:500px -50px;text-decoration:underline;}