/*-----------------------------------------------------------------Reset CSS--*/

/*
* Reset CSS is to reset the browser default CSS
* So that all browsers behaving similarly as far as CSS
* is conserned
*/

/*---------------------------------------------------------START-DO NOT EDIT--*/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,
del,dfn,em,img,q,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1.5;
background: #fff;
margin: 1.5em 0;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
border-collapse: separate;
border-spacing: 0;
}
caption,th,td {
text-align: left;
font-weight: 400;
}
/* Remove possible quote marks (") from <q>,<blockquote>. */
blockquote:before,blockquote:after,q:before,q:after {
content: "";
}
blockquote,q {
quotes: "" "";
}
a img {
border: none;
}
/*-----------------------------------------------------------END DO NOT EDIT--*/



/*--------------------------------------------------------Global Style Sheet--*/

/*
* This is the place you put all the global styles...
* 1. All tag styles should only be here (ex div, h1, h1,... etc)
* 2. all classes should be here (ex, .title, etc)
*
* NOTE: all the pages which require css to be applied should have a container
* 
* for example: 
* 
* footer page / partial page should have a container say #footer
* and all the styles should be defined using css child selectors
* #footer a {text-decoration:none;}
* so that the styles don't pollute other styles and also don't cause 
* heartaches and a lot of side effects
*/

html,body {
background-color: #ffffff;
color: #63593f;
font: 12px/18px Helvetica,Arial,sans-serif;
margin: 0px;
}
a,a:hover,a:visited {
color: #635943;
text-decoration: none;
outline: none;
}
a:active {
	outline: none;
}
div.clear {
height: 0px;
clear: both;
}
h3 {
border-bottom: 1px solid #92d559;
margin-top: 50px;
font-size: 13px;
padding-left: 5px;
letter-spacing: 1px;
}
h2 {
font-size: 18px;
font-weight:bold;
}

/*
TODO: Check all the global classes
*/
.hidden {
display: none;
}
.textblock {
font-family: 'Lucida Sans Unicode','Lucida Grande',Verdana,sans-serif;
}
.title {
width: 100%;
text-align: center;
font-family: Helvetica,Arial,sans-serif;
color: #9ED73C;
font-size: 14pt;
font-weight: bold;
line-height: 16pt;
}
/*TODO: check & clean thumbnail */
.thumbnail {
width: 121px;
margin: 0px 35px;
padding: 0px;
}
.thumbnail a {
border: 1px solid #e5dfcb;
display: block;
height: 65px;
overflow: hidden;
}
.thumbnail img {
height: 67px;
}
/*
TODO: Where should the container and message ids go? 
*/

#xf_container {
margin-left: auto;
margin-right: auto;
width: 940px;
padding:2em; 

/* Sharan asked to remove this styling for now 
-moz-box-shadow:0 0 3em #464646; 
-webkit-box-shadow:0 0 3em #464646; 
-moz-border-radius-bottomleft: 2em; 
-moz-border-radius-bottomright: 2em; 
-webkit-border-radius: 2em;
*/
}
#message {
text-align: center;
background-color: #aed73c;
font-weight: bold;
color: white;
margin-bottom: 10px;
}
/*---------------------------------------------------------------------Menus--*/
#menu_container { 
margin: -2em -2em 2em -2em;
}
/*------------------------------------------------------------Top Navigation--*/
#topnav {
background-color: #63593f;
font-family: Helvetica,Arial,Verdana,sans-serif;
height: 50px;
}
#topnav #logo a {
margin: 5px 23px 5px 9px;
float: left;
}
#topnav #main_menu {
margin: 0;
padding: 0;
line-height: 50px;
}
#topnav #main_menu a {
margin: 0px 20px -1px 20px;
float: left;
color: white;
font-weight: bold;
text-decoration: none;
font-size: 18px;
}
#topnav #main_menu .selected {
margin-top: 1px;
background: transparent url('/site_media/img/pointer1.gif') bottom center no-repeat;
}
#topnav #menu_search {
float: right;
margin: 15px;
}
#topnav #menu_search input {
background-color: #63593F;
border: 1px solid #c8bc9d;
padding-left: 4px;
color: white;
width: 150px;
height: 16px;
}
/*------------------------------------------------------------Sub Navigation--*/
#subnav {
font-family: Helvetica,Arial,Verdana,sans-serif;
background-color: #2e2616;
color: white;
font-size: 11px;
font-weight: bold;
clear: both;
border-top: 1px solid #746a4e;
border-bottom: 1px solid #746a4e;
}
#subnav .links {
float: right;
padding-right:5px;
margin-right:0px;

}
#subnav #sub_menu {
height: 21px;
padding-left: 5px;
}
#subnav #sub_menu a.selected {
padding-left: 6px;
cursor: pointer;
background: transparent url('/site_media/img/selectedleft.png') no-repeat;
margin: 4px 0px -1px 10px;
}
#subnav #sub_menu a.selected .rspan {
padding-right: 6px;
display: block;
cursor: pointer;
background: transparent url('/site_media/img/selectedright.png') no-repeat right 0;
}
#subnav #sub_menu a.selected .text {
text-align: center;
display: block;
cursor: pointer;
background: transparent url('/site_media/img/selectedmiddle.png') repeat-x;
color: #63593F;
line-height: 14px;
padding-bottom: 4px;
}
 #sub_menu a {
margin: 0px 0px;
padding-left:11px;
}
#subnav a {
display: block;
float: left;
color: white;
margin-right: 10px;
line-height: 21px;


}
/*------------------------------------------------------------------Feedback--*/
#feedback-button,#feedback-block {
position: fixed;
top: 100px;
left: 0px;
}
/*
#TODO:Do we need this? for IE??
* html #feedback-button,* html #feedback-block {
position: absolute;
left: 0px;
top: expression(document.documentElement.scrollTop+100+'px');
}
*/
#feedback-button {
z-index: 999;
cursor: pointer;
}
#feedback-block {
width: 275px;
z-index: 1000;
background: #aed73c;
color: white;
display: none;
padding: 10px;
}
#feedback-block textarea {
width: 244px;
height: 80px;
display: block;
margin: 5px 0px;
}
#feedback-block h3 {
margin: 3px 0px;
}
#feedback-block select {
width: 150px;
}
#feedback-block .close {
float: right;
font-weight: bold;
color: #FFFFFF;
margin-top: -8px;
cursor: pointer;
}
#feedback-block .emaildiv input {
margin: 2px 0px 5px;
width: 150px;
}
#imgTR {
position: absolute;
right: 0px;
top: 0px;
}
#imgBR {
position: absolute;
right: 0px;
bottom: 0px;
}
#feedback-block .captcha {
	margin:2px 0px 5px;
	width:100%;
	display: none;
}
/*--------------------------------------------------------------------Footer--*/
#footer {
border-top: 1px solid #63593f;
margin: 100px 0px 20px;
}
#footer .copyright {
float: right;
font: 10px helvetica,arial;
}
#footer a {
color: #63593f;
margin-right: 20px;
font-size: 11px;
}
/*-------------------------------------------------------------------Content--*/
#content li {
list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;

}
#content #main {
width: 600px;

}
#content #right_col {
float: right;
width: 280px;
}

.page_header {
color: #AED73C;
border-bottom: 1px solid #91D658;
width: 610px;
font-size: 18px;
letter-spacing: 2px;
font-weight: bold;
padding-left: 10px;
padding-bottom: 2px;
margin-bottom: 10px;
}

#content .indent {
	margin-left: 10px;
	
}

/*-----------------------------------------------------------Filter By Genre--*/
#filter-by-genre {}

#filter-by-genre #spinner {
float: right;
margin-right: 100px;
display: none;
}
#filter-by-genre .genre_list1 {
margin-left: 5px;
margin-right: 15px;
}
#filter-by-genre .length_list1 {
margin-left: 5px;
margin-right: 58px;
}
#filter-by-genre .genre_selected,#filter-by-genre .genre_unselected {
padding-left: 15px;
}
#filter-by-genre .genre_selected {
background: transparent url('/site_media/img/check.png') no-repeat;
font-weight: bold;
}
#filter-by-genre .genre_unselected {
font-weight: normal;
padding-left: 15px;
}
/*----------------------------------------------------------------------News--*/
#right_col .module { 
	border: 1px solid #92d559; 
	padding: 1em; 
	margin-bottom: 4em;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
}
#news {
	padding: 1em;
	position: relative;
}

#news .title {
text-align: left;
font-size: 14px;
font-weight: bold;
color: #63593f;
padding: 11px 11px 11px 13px;
}
#news .news_body {

line-height: 12px;
text-align: justify;
}
#news .news_body a {
color: #5da121;
}
#news .news_created {
font-size: 10px;
line-height: 12px;
text-align: right;
}
#news .news_title {
padding: 0 10px 0px 22px;
font-size: 11px;
font-weight: bold;
}
#news .news_component0 {
float: left;
background: url("/site_media/img/f_info.png") no-repeat;
height: 22px;
width: 26px;
}
#news .news_component1 {
float: left;
background: url("/site_media/img/cred_info.png") no-repeat;
height: 22px;
width: 26px;
}
#news .news_component2 {
float: left;
background: url("/site_media/img/up_film.png") no-repeat;
height: 22px;
width: 26px;
}
/*-------------------------------------------------------------- More Buddies--*/
#more_buddies { float:left; padding-top: 30px;}
#more_buddies .buddy { margin:0 0 40px 50px; font-weight:bold; }
#more_buddies .buddy img { float: left; margin-right:15px; }
#more_buddies .buddy_info { font-size:14px; margin-bottom: 5px; }
#more_buddies .buddy_info img { height:50px; } 
#more_buddies .buddy_type { width: 35px; float:left; }
#more_buddies .more_buddies a { font-weight:bold; }

div #buddy_filter { 
	float: right; 
	position: relative; 
	width:250px; 
	border-left: 1px solid #91D658;
	padding: 10px 0 10px 20px; 
}

#buddy_filter a { 
	display: block;
	line-height:25px;
	
} 

#buddy_filter .selected, .unselected { padding-left:15px;  }
#buddy_filter .selected { 
	background: transparent url('/site_media/img/check.png') no-repeat; 	
	font-weight:bold; 
}
#buddy_filter .unselected {	font-weight:normal; }
#buddy_filter .filter_title { line-height: 25px; font-size:14px; font-weight:bold; }
#buddy_filter #clear { font-weight: bold; }
/*--------------------------------------------------------------Top Users --*/
#top_users { 
}

#top_users .activity { 
	font-size:11px; 
	margin-top: 10px; 
}

#top_users .activity img { 
	float:left; 
	margin-right:5px; 
}

#top_users .activity .text { 
margin-left:30px; 
width: 195px;
}

#top_users .activity .show_link {
	cursor: pointer;
	position: relative;
	float: right; 
} 
#top_users .activity  .oneline { 
height: 18px; 
overflow: hidden; }

#top_users .activity a { 
	font-weight:bold; 
}

/*--------------------------------------------------------------Sort Films--*/
.div_title { 
	font-family:Helvetica,Arial;
	font-size:14px;
	font-weight: bold; 
	color: #5da121;
	margin-bottom:10px;
}
#sort_films {
	float:right; 
	position: relative; 
	top: -20px; 
	right: -20px; 
	background-color: white;
	padding: 0 10px 0 10px;  
} 
#sort_films a { 
	color: #5DA121;
	font-weight:bold; 
}
/*--------------------------------------------------------------Film Results--*/
#film_results { 
	float:left;
	position: relative; 
	top: -20px;
}

#film_results .noresults { 
	float:left;
	position: relative; 
	top: 30px;
	font-size: 11pt;
}

#film_results .top_film {
border-top: 1px solid #c8bc9d;
background: #ffffff;
width: 600px;
padding: 20px 10px 5px;
float: left;
}
#film_results .top_film .thumbnail {
float: right;
margin: 5px 0px 0px 10px;
height: 80px;
width: 143px;
border: 1px solid #e5dfcb;
}
#film_results .top_film .director {
float: right;
margin-right: 15px;
font-size: 9px;
}
#film_results .top_film .title {
font-weight: bold;
font-size: 1.2em;
color: #635943;
text-align:left;
width:400px;
overflow:hidden;
}
/*TODO:user_film_item.html */
#film_results .top_film .embed_source {
font-size: 10px;
}
#film_results .top_film .description {
margin: 5px 158px 5px 60px;
line-height: 21px;
}
#film_results .top_film .tags {
clear: both;
position: relative;
top: -5px;
left: 60px;
font-size: 9px;
font-weight: bold;
color: #3d3524;
}
/*
TODO:do we need this?
.thumbnail img {
height: 100%;
}
*/

/*--------------------------------------------------------------------Rating--*/
.rating {
width: 52px;
height: 52px;
background: transparent url('/site_media/img/raves_background.png') no-repeat scroll 0 0;
text-align: center;
padding-top: 6px;
}

.rating .rating_count {
font-size: 20px;
font-weight: bold;
} 
#film_info .rave_button { 
border: 1px solid #aed73c; 
text-align:center; 
font-weight:bold; 
font-size: 8pt; 
color: #5da121; 
background-color:white; 
padding: 1px 1px 1px 1px; 
width:52px; 
cursor:pointer; 
}

/*--------------------------------------------------------------------Rating--*/
#film_results .rating {
float: left;
height: 51px;
width: 52px;
background: transparent url('/site_media/img/raves_background.png') no-repeat scroll 0 0;
text-align: center;
margin: 10px 0px;
padding-top: 6px;
}

#film_results .rating .rating_count {
font-size: 20px;
font-weight: bold;
}
#film_results .rave_button {
border: 1px solid #aed73c;
text-align: center;
font-weight: bold;
font-size: 8pt;
color: #5da121;
background-color: white;
padding: 1px 1px 1px 1px;
width: 52px;
margin-top: 18px;
cursor: pointer;
}

/*----------------------------------------------------------------Pagination--*/
.pagination {
width: 610px;
height: 23px;
position: relative;
top: 30px;
text-align: center;
}

.pagination .current_page {
	color: white; 
	background-color: #AED73C;
	border-color: #635943;
} 
.pagination a {
border: 1px solid #AED73C;
line-height: 20px;
text-align: center;
padding: 0px 5px;
margin: 0px 10px 0px 0px;
}
.pagination a.old_raves {
text-align: right;
background: url('/site_media/img/next.png') no-repeat right;
line-height: 22px;
font-weight: bold;
float: right;
padding: 0px 25px 0px 15px;
border: none;
}
.pagination a.new_raves {
text-align: right;
background: url('/site_media/img/prev.png') no-repeat right;
line-height: 22px;
font-weight: bold;
float: left;
padding: 0px 5px 0px 30px;
border: none;
}
.pagination .old_raves_blur {
text-align: right;
background: url('/site_media/img/next.png') no-repeat right;
line-height: 22px;
font-weight: bold;
float: right;
padding: 0px 25px 0px 15px;
border: none;
color: #c8bc9d;
}
.pagination .new_raves_blur {
text-align: right;
background: url('/site_media/img/prev.png') no-repeat right;
line-height: 22px;
font-weight: bold;
float: left;
padding: 0px 5px 0px 30px;
border: none;
color: #c8bc9d;
}

.noresults { 
font-size: 11pt;
}
/*-----------------------------------------Search Results, and Edit Films Page--*/
#user_films { 
float: left;
width: 700px;  
}

.edit_film_actions { 
float: left;
padding: 20px 0 20px 20px;
}

#user_films .film_info_wrapper, #user_films .fso_info_wrapper { 
margin-bottom: 1em; 
}
#user_films .film_info_header, #user_films .fso_info_header { 
font-size: 1.1em; 
font-weight: bold; 
}
#user_films .film_info, #user_films .fso_info {
padding-left: 2em; 
margin: 0.4em; 
} 
#user_films .film_info a, #user_films .fso_info a{
font-weight:bold; 
color: #5da121;
} 
#user_films .film_info.warning, #user_films .fso_info.warning{ 
background:#ffffff url('/site_media/img/exclamation.png') no-repeat top left; 
}

#user_films .fso_info.info {
	background: #ffffff url('/site_media/img/info.png') no-repeat top left;
}

#user_films .roles_film { 
float: left; 
width: 500px;
}

#search_results .roles_film { 
margin-left:50px;

}
#search_results .roles_film .title{ 
width:380px;

}
.roles_film {
width: 610px;
border-top: 1px solid #C8BC9D;
padding: 20px 0 20px 0;
}

.top { 
border-top:none;
}

.roles_film .title { 
font-size: 1.2em; 
color: #635943;
text-align: left; 
width:250px; 
overflow:hidden;
}
.roles_film .thumbnail {
float: left; 
margin: 5px 0 5px 0;
}

.roles_film .description {
	line-height:21px;
	margin-left: 140px;
}

.roles_film .rating {
float:right; 
margin: 0 10px 0 10px;
}

.roles_film .director {
float: right;
font-size: 10px;
line-height: 10px;
}

.roles_film .embed_source {
font-size: 10px;
position:absolute; 
right:158px; 
}
.roles_film .tags {
clear: both;
font-size: 9px;
font-weight: bold;
color: #3d3524;
}

.searchpeople {
margin: 20px 50px;
}
.searchpeople img {
height: 40px;
border: 1px solid #6e5a30;
float: left;
}
.searchpeople a {
font-weight: bold;
}
/*--------------------------------------------------------------Account Settings Page Navigation--*/
#account_nav {
	width: 200px;
	float:right;
	position:relative;
}

#account_nav .cur_nav a,
#account_nav .cur_nav a:hover,
#account_nav .cur_nav a:visited {
	background-color:#90b500 ! important;
	display: block;
	padding-left: 15px;
	color: white;
	font-weight: bold;
	font-size: 11px;
	line-height: 23px;
}

#account_nav .cur_nav {
	background-color: transparent;
	background-image: url('/site_media/img/navtab.png');
	background-repeat: no-repeat;
	background-position: -9px 50%;
}

#account_nav .side_nav,
#account_nav .cur_nav,
#account_nav current {
	padding-left: 15px;
	margin: 2px 0;
}

#account_nav .side_nav a,
#account_nav .side_nav a:hover {
	display: block;
	padding-left: 15px;
	color: white;
	background-color: #706244;
	font-weight: bold;
	font-size: 11px;
	line-height: 23px;
}

/*-----------------------------------------------------------------View Film--*/
/*TODO: cleanup View Film
*/
#dimlightsbuttoncontainer {
position: relative;
width: 720px;
bottom: 0px;
padding-top: 20px;
}

#lightbox {
position: absolute;
bottom: 5px;
right: 0px;
margin: 0 auto;
padding: 0px;
font-size: 10px;
font-weight: bold;
}

a#lightbox, a:hover#lightbox {
	color: #aed43c;
	font-size: 10px;
	text-decoration: none;
	position: absolute;
}

.dimlights_buttonchanges#lightbox  
{
	color: #666;
}

#player_placeholder {
width: 720px;
height: 405px;
line-height: 405px;
font-size: 14pt;
background-color: white;
border: 1px solid #e5dfcb;
}






/*------------------------------------------------------------------Comments--*/
.comments {
font-size: 12px;
}
.comments a:link {
}
.comments a:visited {
}
.comments a:hover {
}
.comments .comment {
clear: both;
padding-top: 25px;
}
.comments .comment_votes {
float: right;
}
.comments .threaded_button {
float: right;
font-weight: bold;
margin: 4px;
}
.comments .score {
color: #5da121;
font-weight: bold;
}
.comments .comment_raves, .thumbnail .comment_raves {
background: #b1d841 url('/site_media/img/raves_bg.png') repeat-x;
color: #565044;
float: right;
font-size: 11px;
font-weight: bold;
text-align: center;
width: 70px;
line-height: 17px;
font-family: Helvetica,Arial,Verdana;
}
.comments .comment img {
border: 1px solid black;
}

.comment .comment_header {
margin-bottom: 10px;
color: #5da121;
font-size: 11px;
font-weight: bold;
padding: 2px 5px;
background: transparent url('/site_media/img/retort_gradient.png') repeat-x scroll 0 0;
}
.comment .comment_header2 {
border-bottom: 1px solid #92d559;
margin-bottom: 5px;
color: #FFFFFF;
font-weight: bold;
padding: 5px 5px 2px 5px;
}
.comment .header_green_bold {
vertical-align: top;
color: #5DA121;
font-weight: bold;
font-size: 10pt;
font-family: Helvetica,Arial,Verdana;
}
.comment .header_text {
color: #AED73D;
font-weight: bold;
}
.comment a.header_text {
color: #5da121;
}
.comments .comment_image {
width: 15px;
text-align: center;
margin-right: 2px;
float: left;
overflow: hidden;
border: 1px solid gray;
}
.comments .comment_image img {
height: 15px;
border: none;
}
.comments .comment_date {
color: gray;
font-size: 7pt;
font-weight: normal;
font-style: italic;
}

.comments .comment_text a, .comment_text  a:hover, .comment_text  a:visited 
{ 
color: blue; 
text-decoration: underline;
}

.comments .comment_text {
position: relative;
left: 5px;
}
.comments .comment_response {
position: relative;
left: 15px;
padding: 10px;
zoom: 1;
}

.comment_response #submit_message img { 
border:none; 
}

.comment_form { 

}
.comment_form .comment_error { 
background: url('/site_media/img/cross.png') no-repeat left;
background-repeat:no-repeat;
background-position:left center;
padding-left: 20px;
margin: 10px; 
color: red; 
}

.comment_form #id_comment {
color: #63593E;
border: 1px solid #63593E;
padding: 5px;
height:100px;
width: 95%;
}
.comment_form .submit_button { 
float: left; 
margin-top: 10px; 
margin-right:10px; 
}
.comment_form #submit_message { 
margin-top: 10px; 
}
#film_comments_wrapper { 
width: 600px; 
}
#film_comment_form { 
margin-top: 20px; 
margin-left:2em; /* to match the comments, which have a min depth of 1 */ 
}

/*--------------------------------------------------------------User Profile--*/
#user-profile #main_content {
margin-left: 220px;
width: 700px;
}
#user-profile #side_bar {
width: 200px;
float: left;
}
#user-profile #side_bar p {
font-size: 1em;
line-height: .4em
}
#user-profile #side_bar img#userpic { 
	width:180px;
} 
#user-profile #side_bar a.more_link {  
float:right;  
margin-top:15px;  
margin-right:15px; 
font-size:11px;  
font-weight:bold;  
color:#5DA121; 
} 
#user-profile .tnparent {
float: left;
width: 200px;
overflow: hidden;
}
#user-profile #info_table .leftcol {
width: 400px;
height: 21px;
vertical-align: top;
}
#user-profile #stats_table { 
border-spacing: 10px;
}
#user-profile #stats_table .leftcol {
width: 190px;
vertical-align: top;
}
#user-profile div.section {
margin: 10px 30px 0px;
overflow: hidden;
position: relative;
}
#user-profile #buddies {
}
#user-profile #buddies .buddy img {
width: 50px;
margin-bottom: 5px;
display: block;
}
#user-profile span.buddy {
float: left;
padding-right: 5px;
padding-top: 15px;
font-size: 0.8em;
text-align: center;
}
/*---------------------------------------------------------------Upload Menu--*/
/*TODO:Cleanup Upload Menu
*/
#upload-menu .upload {
width: 155px;
float: left;
font-size: 14px;
font-weight: bold;
line-height: 37px;
background-repeat: no-repeat;
padding-left: 3px;
}
#upload-menu .upload_white, #upload-menu .upload_white a {
background-color: #f3f3f3;
color: gray
}
#upload-menu .upload_green,#upload-menu .upload_green a {
background-color: #90b500;
color: white
}
#upload-menu .upload_brown,#upload-menu .upload_brown a {
background-color: #706244;
color: white
}
#upload-menu .upload_g_arrow {
background-image: url('/site_media/img/garrow.png');
padding-left: 30px;
width: 128px;
}
#upload-menu .upload_w_arrow {
background-image: url('/site_media/img/grayarrow.png');
padding-left: 30px;
width: 128px;
}
#upload-menu .upload_b_arrow {
background-image: url('/site_media/img/barrow.png');
padding-left: 30px;
width: 128px;
}

/*--------------------------------------------------Upload Form - Thumbnails--*/
#upload-edit-thumbnail {
	overflow: auto;
}

#upload-edit-thumbnail .original_image {
	margin: 10px;
	float: left;
}

#upload-edit-thumbnail .preview_thumbnail {
	width:160px;
	height:90px;
	overflow:hidden;
	float: left;
}

#upload-edit-thumbnail .caption {
	position: relative;	
	font-weight: bold;
	padding: 10px;
}

#upload-edit-thumbnail #thumbnail_form {
	position: relative;
	top: 100px;
	left: -95px;
}

/*------------------------------------------------------------------Register--*/
#register_form th {
text-align: left;
font-weight: normal;

}
/*--------------------------------------------------------------Edit Profile--*/
#edit_profile table th {
padding: 5px;
text-align: left;
font-weight:bold;
vertical-align:middle;

}
#edit_profile table {
border-spacing:2px;
}
/*-----------------------------------------------------------------Edit Film--*/
/*
TODO:Can organize it a little better - Edit Film
*/
a.edit_film {
font-weight: bold;
color: #63593F;
}
a.edit_film img {
vertical-align: middle;
}
/*------------------------------------------------------------Login-Register Page--*/
/*TODO:Cleanup Login page
*/
#user-login .container 
{
	width: 49%;
	float: left;
	padding: 40px 0 0 0;
}

#user-login .highlight, #regbox_standalone .highlight 
{
	margin: 0px auto;
	padding: 5px;
}

#user-login .over, #regbox_standalone .over 
{
	background-color: #E6E2AF;
}

#user-login .formContainer 
{
	margin: 0 auto;
	padding: 0 40px;
	line-height: normal;
	border: none;
}

#user-login .borderleft 
{
	border-left: solid 2px #C8BC9D;
	height:253px;
}

#user-login button 
{
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
	padding: 0px 20px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #70ad2e;
	background: #5aae00 url('/site_media/img/form_button.gif') repeat-x;
	color: #fff;
	cursor: pointer;
	text-align: center;
}

#user-login .rowContainer 
{
	padding: 0px 30px;
	margin: 0 auto;
}

#user-login .rowContainer label, #regbox_standalone .rowContainer label 
{
	display: block;
	float: left;
	width: 110px;
	padding: 3px 0;
	margin: 0;
}

#user-login .rowContainer input, #regbox_standalone .rowContainer input 
{
	width: 180px;
	vertical-align: middle;
	border: 1px solid #ddd;
	background: #fff url('/site_media/img/form_input.gif') repeat-x;
	padding: 3px;
	display: block;
}

#user-login .rowContainer p.login
{
	padding: 5px 15px;
	margin: 0 auto;
	float: right;
	display: block;
	width:100%;
}

#user-login .rowContainer p.register
{
	padding: 15px 0px;
	margin: 0 15px 0 0;
	float: right;
	display: block;
	width:40%;
}

#user-login .rowContainer_select 
{
	padding: 10px 0 0 0;
	margin: 0 40px 0 100px;
	min-height: 15px;
}

#user-login .rowContainer_select label 
{
	display: block;
	float: right;
	width: 150px;
	padding: 0 0 0px 5px;
}

#user-login .rowContainer_select input 
{
	display: block;
	vertical-align: middle;
	float: right;
	height: 12px;
	padding: 0;
	margin: 0;
	border: none;
}

#user-login .formContainer .linkDiv 
{
	margin-left: 150px;
	margin-top: 5px;
	font-size: 11px;
}

#user-login .formContainer .linkDiv a 
{
	color: #5da121;
}

#user-login .tos, #regbox_standalone .tos 
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: smaller;
	font-style: italic;
	display: block;
	float: left;
	width: 55%;
	padding: 3px 0 0 0px;
}

#user-login .tos a, #regbox_standalone .tos a 
{
	font-weight: bold;
	border-bottom: 1px solid #5aae00;
}

#user-login .login-error 
{
	margin: 0 auto;
}

#user-login .login-error p 
{
	background: url('/site_media/img/cross.png') no-repeat left;
	margin: 0 auto;
	padding: 5px;
	font-size: 11px;
	line-height: 12px;
	color: red;
	text-align: center;
	width: 75%;
}

#user-login .tooltip, #regbox_standalone .tooltip
{
    font-size:11px;
    color: #4A4335;
    float:none;
    background-repeat:no-repeat;
    background-position:left center;
    padding:5px 20px 0 20px;
	margin: 0 0 0 10px;
	background: url('/site_media/img/info.png') no-repeat left;
	display: none;
}

#user-login .rowContainer label.error
{
    font-size:11px;
    color: red;
    float:none;
    background-repeat:no-repeat;
    background-position:left center;
	padding:5px 20px 0 20px;
	margin: 0 0 0 10px;
	background: url('/site_media/img/cross.png') no-repeat left;
	width: 90%;
}

/*
 * The following styles are used for the GWO version of the page, which DOES NOT show the
 * register form along side the login form.
 */
#noregbox .registertext p {
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
}

#noregbox .registertext a, 
#noregbox .registertext a:hover,
#noregbox .registertext a:visited {
	color: #aed73c;
}

/*
 *********************************************************************
 * Standalone Register Page
 *********************************************************************
 */
#regbox_standalone.container
{
	width: 49%;
	float: left;
	padding: 5px 0 0 0;
}

#regbox_standalone .formContainer
{
	margin: 0 auto;
	padding: 0 0 0 10px;
	line-height: normal;
	border: none;
}

#regbox_standalone .container input 
{
	border: 1px solid #ddd;
	background: #fff url('/site_media/img/form_input.gif') repeat-x;
	padding: 3px;
	display: block;
}


#regbox_standalone .rowContainer
{
	padding: 0px;
	margin: 0;
	width: 75%;
}

#regbox_standalone .rowContainer label.error
{
    font-size:11px;
    color: red;
    display:block;
    float:none;
    background-repeat:no-repeat;
    background-position:left center;
    padding:5px 20px 0 15px;
	margin: 0 0 0 10px;
	background: url('/site_media/img/cross.png') no-repeat left;
	width: 100%;
}

#regbox_standalone .rowContainer p.register
{
	padding: 10px 0px 0 15px;
	margin: 0;
	float: left;
	display: block;
	width:30%;
}	

#regbox_standalone .rowContainer button
{
	padding:0 20px;
	height:32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height:32px;		
	border:1px solid #70ad2e;
	background:#5aae00 url('/site_media/img/form_button.gif') repeat-x;
	color:#fff;
	cursor:pointer;		
	text-align:center;	
	float: right;
}

.errorlist
{
	padding: 0;
	margin: 0 auto;
}

.errorlist li
{
	list-style-image: url('/site_media/img/cross.png');
	color: red;
	margin-left: 45px;
	font-size: 11px;
}

#content .formerrors p
{
	margin: 0 0 0 15px;
}



/*---------------------------------------------------------------Film Detail--*/
/*TODO:Cleanup Film Details
*/
 
.video,.video p {
z-index: 51;
position: relative;
}

#content h3 { padding-left:15px; margin: 5px 0; font-weight: bold;}


#film_info { width: 720px; margin-top: 20px; border-top: 1px solid #aed43c; padding: 15px 0 0 0;} 
#film_info #leftcol { float:left; width: 9%; margin: 0; padding: 0; text-align: left;}
#film_info #rightcol { float: left; width: 88%; margin: 0; padding: 0; text-align: left;}

#film_info #raved_by { margin-top: 20px; width: 54px; }
#film_info #raved_by .title { font-weight:bold; color:#5DA121;font-size:11px; width: 80%}
#film_info #raved_by .list { float:left; margin-left:2px; width: 20px; }
#film_info #raved_by .first { margin-right: 7px; }
#film_info #raved_by .list img { margin-bottom: 7px; }

#film_info #general { margin-bottom: 20px; overflow: auto; padding-bottom: 10px;}
#film_info #img_and_addthis { width: 19%; float: right; }
#film_info #general img { float:right; margin-right: 0; border: 1px solid #4a4335;}
#film_info #general .textblock { text-align: justify; width: 80%; float: left;}

#film_info #general .title { font-size:10pt; font-weight:bold; color:#5DA121; text-align: left; float: left; width: 80%}
#film_info #credits { float: left; width: 80%; text-align: left;}
#film_info #credits .list { margin-bottom:20px; }
#film_info #credits .first { float:left; width: 49%; } 
#film_info #credits .notfirst {float: right; width: 49%;} 

#film_info .credit { margin-bottom: 3px; } 
#film_info .role { margin-right: 5px; } 
#film_info .name { font-weight: bold; } 
#film_info .user { color:#5DA121; } 

#addthis { position: relative; top: 5px; }
#film_info #general #addthis img {border:none;}

/*-----------------------------------------------------------------Info.html--*/
/*TODO:Cleanup Info.html
*/
#film-edit-info .upload_film_details th {
text-align: left;
vertical-align: top;
padding-right: 10px;
}
#film-edit-info .genre_selected {
font-weight: bold;

}
#film-edit-info .genre_unselected {
font-weight: normal;
}
#film-edit-info .myerrors {
color: red;
}
/*-----------------------------------------------------Mailing List Settings--*/
#mailing-list-settings #settings_table {
text-align: center;
margin-left: 30px;
}
#mailing-list-settings #settings_table .table_first_col {
text-align: left !important;
padding: 0 !important;
}
#mailing-list-settings #settings_table .table_header {
font-weight: bold;
color: #AED73C;
padding: 0 30px;
}

#mailing-list-settings #settings_tables  
#mailing-list-settings #settings_table caption, 
#mailing-list-settings #settings_table th,
#mailing-list-settings #settings_table td 
{
	text-align: center;
	font-weight: 400;
}
/*---------------------------------------------------------------Notice List--*/
#notice-list .notification {
padding: 10px 0 10px 0;
border-top: 1px solid #e4f5b4;
}
#notice-list .notification a {
color: #5DA121;
font-weight: bold;
}
#notice-list .notification img {
position: relative;
top: 8px;
}
#notice-list .notification p {
position: relative;
left: 40px;
width: 500px;
}
/*-----------------------------------------------------------Notice Settings--*/
#notice-settings #settings_table {
text-align: center;
margin-left: 30px;
}
#notice-settings .table_first_col {
text-align: left;
}
#notice-settings .table_header {
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
color: #5DA121;
}
/*------------------------------------------------------Password Change Form--*/
/*password_change_form.html*/
/*password_reset_confirm.html*/
/*password_reset_form.html*/
#password-form .module {
margin-bottom: 5px;
}
#password-form .form-row {
font-size: 11px;
overflow: hidden;
padding: 8px 12px;
}
#password-form .aligned label {
display: block;
float: left;
padding: 3px 10px 0 0;
width: 10em;
}
#password-form .required label, #password-form label.required {
font-weight: bold !important;
}
#password-form label {
font-size: 12px;
font-weight: normal !important;
}
#password-form .submit {
position: relative;
left: 10.5em;
}
#password-form .errorlist {
color: red;
}
/*---------------------------------------------------------Confirmation Sent--*/
#user-registration-confirmation .div_title {
	font-size: 1.6em;
}

#user-registration-confirmation .checklist {
	padding: 5px 0 20px 0;
	float: left;
}

#user-registration-confirmation .checklist img {
	float: left;
	padding: 0 20px 20px 0;
}

#user-registration-confirmation ul {
	margin-top: 1em;
	float: left;
}

#user-registration-confirmation ul a {
	color: #5da121;
}

#user-registration-confirmation ul li {
	list-style-type: disc;
	list-style-position: inside;
	font-size: 1.1em;
}

/*-----------------------------------------------------Registration Complete--*/
/*registration_complete.html*/
#user-registration-complete div.top_div, #user-registration-complete div.bottom_div {
width: 600px;
padding-bottom: 20px;
margin-bottom: 20px;
}
#user-registration-complete div.top_div {
border-bottom: 1px solid #5da121;
}
#user-registration-complete .left_img {
height: 50px;
vertical-align: middle;
}
#user-registration-complete .div_title {
font-size: 1.6em;
}
#user-registration-complete #info_div {
width: 550px;
}
#user-registration-complete #info_div div {
margin-top: 40px;
}
#user-registration-complete #info_title {
font-weight: normal;
font-size: 18px;
color: #aed73c;
}
#user-registration-complete #raves_dsc span,#user-registration-complete #genres_dsc span {
font-size: 14px;
font-weight: bold;
color: #5da121;
}
#user-registration-complete #raves_dsc p,#user-registration-complete #genres_dsc p {
font-size: 12px;
}
#user-registration-complete #raves_dsc img {
float: right;
margin-left: 40px;
}
#user-registration-complete #genres_dsc img {
float: left;
margin-right: 40px;
}
#user-registration-complete #choice_div {
float: right;
position: relative;
width: 250px;
border-left: 1px solid #5da121;
padding: 10px 0 10px 20px;
}
#user-registration-complete #choice_div a {
display: block;
font-size: 16px;
color: #5da121;
margin-bottom: 35px;
}
#user-registration-complete #choice_div img {
margin:0 20px;
position:relative;
top:2em;
width:60px;
}
#user-registration-complete #choice_div span {
font-size: 18px;
margin-left: 20px;
}
/*------------------------------------------------------------Users - Signup--*/
/*TODO:Cleanup Users Signup
*/
/*users - signup.html*/
/*body {
background-color: #4A4335;
text-align: center;
}
*/
#user-signup .container {
margin: 0 auto;
padding: 5% 10% 5% 10%;
}
#user-signup .container p {
font-family: Helvetica;
color: #AED73C;
font-size: 24px;
}
#user-signup .container button {
padding: 0 20px;
height: 32px;
line-height: 32px;
border: 1px solid #70ad2e;
background: #5aae00 url('/site_media/img/form_button.gif') repeat-x;
color: #fff;
cursor: pointer;
text-align: center;
font-size: 16px;
}
#user-signup .container input {
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium;
padding: 5px;
height: 30px;
font-size: 20px;
font-family: Helvetica;
width: 50%;
}
#user-signup .idle {
border: 3px solid #4A4335;
background: #bba985;
color: #786d55;
font-style: italic;
}
#user-signup .focus {
border: 1px solid #AED73C;
background: #eee;
}
#user-signup #message p {
font-size: 18px;
}
#user-signup #error p {
font-size: 18px;
color: red;
}
/*------------------------------------------------------User Notice Settings--*/
/*notice_settings.html*/
#user-notice-settings #settings_table {
text-align: center;
margin-left: 30px;
}
#user-notice-settings #settings_table .table_first_col {
text-align: left !important;
padding: 0 !important;
}
#user-notice-settings #settings_table .table_header {
font-weight: bold;
color: #AED73C;
padding: 0 30px;
}

#user-notice-settings #settings_tables  
#user-notice-settings #settings_table caption, 
#user-notice-settings #settings_table th,
#user-notice-settings #settings_table td 
{
	text-align: center;
	font-weight: 400;
}

/*----------------------------------------------------------------santa-code--*/
p { font-family:"arial",verdana,helvetica, serif;
	font-size:13px; margin-top:14px; }
.p_header { font-weight:bold; }
p.faq_title { text-decoration:underline;}


/*----------------------------------------------------------- About US -------*/
#aboutus {
	
}

#aboutus_text {
	float: left;
	padding-bottom: 20px;
}

#aboutus p{
	margin-left: 10px;
}

#aboutus ul {
	margin-top: 1em;
	margin-left: 15px;
	float: left;
	width: 75%;
}

#aboutus ul a {
	color: #5da121;
}

#aboutus ul li {
	list-style-type: disc;
	list-style-position: inside;
	font-size: 1.1em;
}

#aboutus_team {
	overflow: auto;
}

#aboutus_team img {
	
}

#aboutus_team .left {
	float: left;
	text-align: left;
}

#aboutus_team .right {
	float: right;
	text-align: right;
}

#aboutus_team .aboutus_team_member {
	width: 610px;
	overflow: auto;
	padding: 20px 10px;
	border-bottom: 1px solid #91D658;
}

#aboutus_team h1 {
	font-size:14px;
	font-weight:bold;
	padding:0 10px;
}

#aboutus_team p {
	float: left;
	width: 55%;
	padding: 0 10px;
	margin-left: 0px;
}

#aboutus_info {
	border: 1px solid #AED73C;
	padding: 10px 0px;
}

#aboutus_info p {
	
}

#aboutus_left {
	float: left;
	width: 74%;
	overflow: auto;
}

#aboutus_right {
	float: right;
	width: 24%;
	overflow: auto;
	margin-right: 10px;
}

#aboutus_info .title {
	padding-top: 5px;
}

#error_page {
	text-align: left; 
	font-size:1.2em; 
} 

#error_page .title {
	font-size: 1.5em; 
	font-weight: bold; 
	text-align:left;	
	margin-bottom:10px; 
} 

/* ---------------------------------------------------- 404 ------ */
#fourohfour {
	margin: 10px auto;
	padding: 10px;
	width: 600px;
}

#fourohfour h1 {
	color: #4a4335;
	font-size:22px;
	font-weight:bold;
	line-height:1.2em;
	padding: 10px;
}

#fourohfour .messagebox {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#AED73C none repeat scroll 0 0;
	padding: 3px;
}

#fourohfour ul li {
	list-style-type: disc;
	list-style-position: inside;
}

#fourohfour a, #fourohfour a:hover {
	font-weight: bold;
}

/*----------------------------------------------------------- Festivals (General) -------*/
#festival_banner { 
width: 100%; 
text-align: center; 
margin-bottom: 2em; 
}
/* No scaling for now.
 * We assume that the image is the right size/dimensions.
 */
#festival_banner img { 
}
#festival_banner a { 
display:block; 
}
#festival_banner a:hover { 
text-decoration: underline; 
}

#festival_page #resubmit_info p {
	background: #ffff99 none repeat scroll 0 0;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	padding: 5px 0;
}

#festival_page #resubmit_info a:hover { 
	text-decoration: underline; 
}

#festival_page #resubmit_info a { 
	font-weight: bold; 
}

#festival_page #deadline p {
	background: #FFFF99 none repeat scroll 0 0;
	width: 75%;
	margin: 5px auto;
	text-align: center;
	padding: 5px 0;
}

#festival_page #deadline a:hover { 
	text-decoration: underline; 
}

#festival_page #deadline a { 
	font-weight: bold; 
}

#festival_page .notice {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF3600;
	font-weight: bold;
}


/*----------------------------------------------------------- Festival landing page -------*/
#festival_page .title { 
margin-bottom: 1em;
font-size: 2em; 
}

#festival_page .login_link{ 
display:block; 
font-size:1.5em; 
float:left; 
height: 3.5em; 
width:30%; 
margin-top: 1em; 
margin-left: 10%;  
text-align:center; 
padding:1.5em 0.5em 0 0.5em; 
color: black; 
background-color: white; 
border: 5px solid #ADD63B; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;  


}
#festival_page #dynatip { 
    background-color:#000; 
	border:1px solid #fff; 
	padding:10px 15px; 
	width:200px; 
	display:none; 
	color:#fff; 
	text-align:left; 
	font-size:12px; 
	
	/* outline radius for mozilla/firefox only */ 
	-moz-box-shadow:0 0 10px #000; 
	-webkit-box-shadow:0 0 10px #000; 
}

#festival_page #festival_links { 
width:100%; 
text-align: center; 
}

#festival_page #festival_links .option { 
background: url(/site_media/img/gradient_tan.png) 0% 0% repeat-x;
float:left; 
height: 15em;
width: 15em;
font-size: 1.5em; 
display: block; 
margin: 1em;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
text-align: center; 
}
#festival_page #festival_links .option img { 
	margin: 0.5em; 
}
#festival_page #festival_links .option .text {
display:block; 
height: 3.5em; 
margin: 1em; 
padding:1.5em 0.5em 0 0.5em; 
color: black; 
background-color: white; 
border: 5px solid #ADD63B; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;  
}

#festival_page #festival_links .option .disabled {
	z-index: 2;
    color: #000;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
	height: 15em;
}

#festival_page .closed { 
	background: url(/site_media/img/gradient_tan.png) 0% 0% repeat-x;
	font-size: 1.5em; 
	display: block; 
	margin: 1em auto;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	text-align: center;
	padding: 30px;
}

/*----------------------------------------------------------- Festival Curator Landing page -------*/
#header_curation {
	margin: 0 0 25px 0;
	padding: 0;
	width: 100%;
	display: block;
}

#header_curation p, #curation_filter p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	display: inline;
	margin: 20px auto;
	letter-spacing: 0.1em;
}

#film_results.make_it_smaller {
	width: 60%;
}

#curation_filter {
	border-left:1px solid #C8BC9D;
	float:right;
	height:225px;
	margin:0 auto;
	padding:0 30px;
	width:225px;
}

#curation_filter ul {
	font-family:'Lucida Sans Unicode','Lucida Grande',Verdana,sans-serif;
	margin:0 auto;
	padding-top:10px;
} 

#curation_filter ul li {
	margin: 7px 15px;
	padding: 3px 15px;
	list-style: none;
}

#curation_filter ul li a{
	padding: 4px 8px;
}
	
#curation_filter ul li a:hover, #curation_filter ul li a:active {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px; 
	background: #E5FF9F none repeat scroll 0 0;
	font-family: 'Lucida Sans Unicode','Lucida Grande',Verdana,sans-serif;
}

#curation_filter ul .selected_filter a {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px; 
	background: #AED73C none repeat scroll 0 0;
	font-family: 'Lucida Sans Unicode','Lucida Grande',Verdana,sans-serif;
	font-weight: bolder;
}

/*----------------------------------------------------------- Festival Curation page -------*/
#curation_vote {
	height: 15px;
	width: 720px;
	margin: 10px 5px 5px 5px;
	border-top: 1px solid #AED43C;
	padding-top: 10px;
	text-align: center;
}

#curation_vote .leftcol {
	float: left;
	padding-left: 5px;
	width: 49%;
	font-size: 16px;
	margin-top: 5px;
	padding-right: 10px;
	text-align: right;
}


#curation_vote .rightcol {
	float: right;
	text-align: left;
	width: 47%;
}

#curation_vote img {
	padding: 0 5px 0 5px;
}

#curation_vote p {
	font-size: 10px;
	margin: -5px 0 0 0;
	padding: 0;
	clear: both;
	display: inline;
}

#curation_vote .highlight, #curation_vote #curation_vote_text .highlight {
	font-weight: bold;
}

#curation_vote .clear_votes {
	display:inline;
	font-size:10px;
	left:10px;
	position:relative;
	top:-7px;
}

#voting_progress {
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
	background-color:#ffffff;
	border:none;
	color:#000;
	display:none;
	height:36px;
	padding:2px;
	position:absolute;
	width:350px;
	top:-23px;
	left: -123px;
	margin:0 auto;
	font-size:12px;
	line-height:36px;
}

/*
 * The following is applicable only for the curation detail view, not the regular film view.
 */
#film_info #img_and_addthis #downloadfile {
	margin-top:10px;
	text-align:right;
	width:100px;
	float: right;
}

#downloadfile a, #downloadfile a:hover, #downloadfile a:active, #downloadfile a:visited {
	background:transparent url(/site_media/img/save.png) no-repeat scroll 0 0;
	color:#63593F;
	font-size:10px;
	font-weight:bolder;
	padding-left:20px;
	padding-top: 3px;
}