/* TAG LEVEL STYLES */
BODY, HTML, FORM, IMG, H1, H2, H3, TABLE {
	margin:0;
	padding:0;
}
#dmlinks { z-index:1000;}
BODY {
	font-family:Tahoma,Helvetica,Arial;
	font-size:11px;
	color: #FFF;
	background-color: #000000;
	text-align:center; /* to correct the centering IE bug*/
	height:100%;
}

IMG {
	border: none;
}

H3 {
	font:Arial;
	font-size: 13px;
	color: #D71414;
	clear:both;
}

H2 {
	font:Arial;
	font-size: 14px;
	text-transform:uppercase;
	clear:both;
	color: #D71414;
}

H1 {
	font:Arial;
	font-size: 15px;
	text-transform:uppercase;
	margin:10px 0px 10px 0px;
	color: #C7D4DF;
	clear:both;
}

H1 IMG { margin-left: -10px; }

TABLE {
	border:0;
}

A {
	color:#FFF;
}

TD {
	color:#FFF;
	vertical-align:top;
}

HR {
	border-top: 1px solid #F0F0F0;
	color: #F0F0F0;
	width: 100%;
	height: 1px;
	margin: 10px 5px 10px 5px;
	text-align: center;
	clear:both;
}

.hr {
	clear:both;
	background: url(../_images/hr_rule.gif) no-repeat;
	height: 1px;
	margin: 5px 0 10px 0;
}

.heading {
	background: url(../_images/bgs/header_bg.jpg) no-repeat;
	width: 595px;
	height: 133px;
	margin: 5px 0px 10px -5px;
}

.heading img {
	position: absolute;
	top: 90px;
	left: 5px;	
}

.narrow {
	width: 150px;	
}

.wide {
	width: 534px;	
}

/* CLASS STYLES */
#wrapper{
	clear:both;
	position:relative;
	text-align:center;
	margin:auto;
	width:1000px;
	background: #000000 url(../_images/bgs/bg.jpg) repeat-y;
	height: 100%;
}

#container {
	position: relative;
	clear:both;
	padding: 0px 62px 0px 62px;
	height: 100%;
}

#header {
	clear:both;
	position:relative;
	width:876px;
	height:105px;
	background-image:url(../_images/bgs/header.jpg);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
}

#body {
	clear:both;
	position: relative;
	width:876px;
	padding: 0px 0px 10px 10px;
	text-align: left;
	/*background: url(../_images/bgs/bg-body.gif) no-repeat bottom; */
}

#mainColumn 
{

	width: 599px;
	float: left;
	margin-right: 10px;
	margin-left: -10px;
	padding-left: 10px;
	background: url(../_images/bgs/bg_gradient_top.jpg) repeat-x top;
}

#rightColumn {
	width: 240px;
	float: left;
}

div#mainColumn div {
	margin-bottom: 5px;
}

div#rightColumn div {
	margin-bottom: 5px;
}

#filmColumn {
	float: left;
	margin: 5px 0px 0px 19px; 
	width:464px;
	height:772px;
	background: url(../_images/bgs/filmColumn.jpg) no-repeat top;
}

div#filmColumn div {
	margin-bottom: 5px;
}

#footer {
	clear: both;
	position: relative;
	width:876px;
	height:106px;
	background: url(../_images/bgs/footer.jpg) no-repeat top;
	padding-bottom: 10px;
	margin-top: 10px;
}
#footer A { color:#336666; }

#main_menu{
	position:absolute;
	top: 67px;
	left: 124px;
	height:27px;
	width:746px;
	padding:0px;
	margin:0px;
	z-index: 900;
}

#logo {
	position:absolute;
	left:400px;
	top:-7px;
	width:200px;
	height:200px;
	z-index:2000;
}

#bfocLogo {
	top: 0;
	left: 0;
}

#left_top_nav {
	position:absolute;
	left:91px;
	top:15px;
	width:273px;
	height:23px;
	z-index:10;
}

#right_top_nav {
	position:absolute;
	left:524px;
	top:15px;
	width:270px;
	height:22px;
	z-index:10;
}

#signIn_Register {
	position:relative;
	float:left;
	left:245px;
	width:350px;
	height:63px;
	margin:10px 0px -10px 0px;
}

#signIn_Register div { float:left; }
/* #signIn_Register_Buttons { clear:both; } */

#searchField {
	position:relative;
	float:left;
	left:40px;
	width:320px;
	height:63px;
	text-align:left;
	vertical-align:bottom;
	display:inline;
	margin:10px 0px -10px 0px;
	padding:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#searchField A {
	font-size: 11px;
	color: #336666;
}


#searchField input {
	background-color: #cccccc;
}

#startWatching {
	position:relative;
	width: 228px;
	height: 637px;
	text-align: left;
	vertical-align:top;
	background-image:url(/_images/bgs/start_watching_bg.jpg);
	background-repeat:no-repeat;
}

#watching_menu {
	position:absolute;
	left:5px;
	top:60px;
	width:220px;
	height:20px;
	z-index:3;
}

#watching_box_container {
	position:absolute;
	left:5px;
	top: 115px;
	width: 214px;
	height: 485px;
	overflow:hidden;
}

#watching_box {
	overflow:hidden;
}

#top_scroller {
	position:absolute;
	left:7px;
	top:92px;
	width:220px;
	height:20px;
	z-index:2;
}

#bottom_scroller {
	position:absolute;
	left:7px;
	top:609px;
	width:220px;
	height:20px;
	z-index:2;
}


#film_of_the_week {
	xpadding-top: 20px;
		xheight: 290px;
}

#ads {
	margin-top: 6px;
}

#mtvu {
	position:absolute;
	left:20px;
	top:0px;
	width:66px;
	height:46px;
	text-align:left;
}

#featured_filmmaker {
}


#featured_profile {
	text-align:left;
	background: url(../_images/bgs/bg_gradient_top.jpg) repeat-x top;
	width: 387px;
	height: 255px;
	margin: 10px 0px 0px 15px;
	padding: 10px 20px 20px 20px;
}

#filmmakers_starthere {
	margin-left:10px;
	width: 368px;
	height: 302px;
	overflow: hidden;
}

#fotwPlayer {
	width: 244px;
	height: 209px;
	overflow: hidden;
}

.textArea {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.tooltipStyle {
	display:none;
	position: relative;
	border: solid 1px white;
}

a.tooltip {
	position: relative;
}
a.tooltip:hover {font-size: 100%;}

html body a.tooltip span { /*the span will display just on :hover state*/
	display: none;
}
html body a.tooltip:hover span { /*the span will display just on :hover state*/
	display: block !important;
	position: absolute;
	top: 5px; 
	left: 20px; 
	width: auto;
	border: solid 1px white;
	background-color: #000; 
	color: #FFF;
	padding: 10px;
	font-size: .8em;
}

.gradientBg_small {
	background: url(../_images/bgs/bg_gradient_bottom.jpg) repeat-x bottom;
}


.section {
	padding:12px 6px 12px 12px;
	background-color: #33363D;
}

.section h1 { margin:0; }

.gradient_left_330 {
	background: #000000 url(../_images/bgs/bg_gradient_left_330.jpg) repeat-y left;
	border: solid 1px #4B4F57;
}
.gradient_left_495 {
	background: #000000 url(../_images/bgs/bg_gradient_left_495.jpg) repeat-y left;
	border: solid 1px #4B4F57;
}

.header {
	background-color: #4B4F57;
	height: 20px;
	padding: 5px;
}

.ErrBox {
	width:100%;
	padding:10px;
	margin:20px 0 20px 0;
	border:solid 1px red;
	background-color:#FFF;
}

.Headline, Err_Headline {
	font-family:Arial narrow,Tahoma,Helvetica,Arial;
	font-size:16px;
	font-weight:bold;
	margin:0 0 4px 0;
}

.ErrBox A:hover, .ErrBox A:active, .ErrBox A:visited, .ErrBox A:link, .ErrBox A, .Err_Headline { color:#D71414; }
.bold, .bold A, .bold A:active, .bold A:visited, .bold A:link { font-weight: bold; }
.yellow, .yellow A, .yellow A:active, .yellow A:visited, .yellow A:link { color:#FFCC32; }
.white, .white A, .white A:active, .white A:visited, .white A:link { color:#FFFFFF; }
.red, .red A, .red A:active, .red A:visited, .red A:link { color:#D71414; }
.blue, .blue A, .blue A:active, .blue A:visited, .blue A:link { color:#C7D4DF; }

.text {
	font-family:Tahoma,Helvetica,Arial;
	font-size:11px;
	color: #FFF;	
}

.tb, .tb_50, .tb_100, .tb_150, .tb_250, .tb_300, .tb_400, .dd, .textArea {
	border:solid 1px #666;
	background-color:#CCC;
	color:#000;
	font-family:Tahoma,Helvetica,Arial;
	font-size:11px;	
	margin:2px 0 2px 0;
	padding:2px;
}
.tb { width:100px; }
.tb_50 { width: 50px; }
.tb_100 { width:100px; }
.tb_150 { width:150px; }
.tb_250 { width:250px; }
.tb_300 { width:300px; }
.tb_400 { width:99%; }

.dd { padding:0; }

.textArea {
	width: 95%;
	height: 145px;
}

.fest_Primary {
	max-height:230px;
	height:expression(((this.height>230)&&(this.height>=this.width)) ? 230:true);
	max-width:230px;
	width:expression((this.width>230)&&(this.width > this.height) ? 230:true);
}
.img_Primary {
	max-height:230px;
	height:expression(((this.height>230)&&(this.height>=this.width)) ? 230:true);
	max-width:320px;
	width:expression((this.width>320)&&(this.width > this.height) ? 320:true);
}

.profile_primary {
	max-height:200px;
	height:expression(((this.height>200)&&(this.height>=this.width)) ? 200:true);
	max-width:150px;
	width:expression((this.width>150)&&(this.width > this.height) ? 150:true);
	border: solid 1px white;
}

.thumb_pending {
	border:solid 1px #FFF;
}

.thumb_approved {
	border:solid 1px #7d92a3;
}

.thumb_denied {
	border:solid 1px #9E0600;
}

.filmmaker_primary {
	max-width:340px;
	width:expression(this.width > 340 ? 340:true);
}

.src_dd150 {
	display:none;
	border:solid 1px #000000;
	background-color:#4B4F57;
	font-family:Arial;
	font-size:9px;
	color:#fff;
	padding: 2px 0 2px 4px;
}

.src_dd {
	display:none;
	border:solid 1px #000000;
	background-color:#4B4F57;
	font-family:Arial;
	font-size:9px;
	color:#fff;
	padding: 2px 0 2px 4px;
}

.src_dd150 {
	width:150px;
}

#logo_BFOC {
	position:absolute;	
	z-index:1000;
}

#dv_filmmakerad_Content {
	background-image:url(/_images/bg_filmmakerad_content.gif);
	background-repeat:repeat-y;	
}

#popularBox {
	width:252px;
	height:390px;
	background-image:url(/_images/bg_popularmusic_box.gif);
	background-repeat:no-repeat;
}

#popularBoxGrid {
	width:240px;
	height:280px;
	_height:270px;
	overflow:hidden;	
}

#popularBoxGridInside {
	height:2000px;
}

/* Misc */
div#rightColumn div.adBox, div.adBox {
	padding:3px 0px;
	margin-bottom:0px; 
}

div#rightColumn div.adBoxHeader, div.adBoxHeader {
	margin-bottom: 0px;
}

div.adBoxHeader {
	height: 26px;
}

div.adBoxHeader img { display:none; }

.advert {
	margin-left:10px;
}

.frm_Select {
	border:solid 1px #A27C6B;
	height:17px;
	width:80px;
	font-family:Arial;
	font-size:9px;
	color:#fff;
	padding: 2px 0 2px 4px;
	background-color:#A97E6A;
	border:solid 1px #A27C6B;
}

.frm_Bot_PW {
	width:80px;
	font-size:9px;
}

.frm_Top_Email {
	width:80px;
	font-size:9px;
}

.frm_Top_Search {
	font-size:9px;
}

.frm_CB {
	margin:0;
	padding:0;
}


.img_uploaded {
	border:solid 1px #000000;
}
.img_approvalreqd {
	position:absolute;
	margin-left:-12px;
	margin-top:-4px;
	height:16px;
	_height:1px;
}
.artistName A:hover, .artistName A:visited, .artistName A:link, .artistName A, .artistName {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
.collegeName A:hover, .collegeName A:visited, .collegeName A:link, .collegeName A, .collegeName {
	color:#DEB6A5;
	text-decoration:none;
	text-transform:uppercase;
}
/*.genreName {
	color:#E2B545;
}*/
.listen A:hover, .listen A:visited, .listen A:link, .listen A, .listen {
	color:#FFF;
	text-decoration:none;
}

/* .fileInputs {
	position:relative;	
}
.fileInput input {
	opacity: 0;
	z-index: 2;
}
.fileInput img {
} */

#dropmenudiv
{	
	position:absolute;
	font:normal 11px Verdana;
	color:#000000;
	z-index:510;
	padding-top:0px;
}

#dropmenudiv A, #dropmenudiv A:link,#dropmenudiv A:visited
{
	color:#919191;
	font-size:10px;
	xline-height:22px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

#dropmenudiv A:hover{
	color:#FFFFFF;
}

#browseBar {
	width: 577px;
	text-align:center;
	margin-bottom: 5px;
	position:relative;
}

#browseBar div {
	float:left;
}

#browseBar img {
	border-right: solid 1px #A5B1B7;
}

#mainColumn div.filmBox {
	clear:both;
	width:214px;
	padding-left: 5px;
}

#mainColumn div.filmThumb {
	float:left;
	margin-right: 5px;
	width: 75px;
	height: 58px;
	border: solid 1px white;
	background-color: #000;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#mainColumn div.filmThumb * {
    vertical-align: middle;
}

#mainColumn div.filmThumb:hover {
	border:solid 1px #D71414;
}

#mainColumn div.filmThumb img.thumb_primary {
	border: none;
    vertical-align: middle;
}


#promoColumn 
{
	width: 469px;
	float: left;
	margin-right: 10px;
	margin-top:11px;
	padding-left: 0px;
}

#promoColumn div.filmBox {
	clear:both;
	width:214px;
	margin-left: 11px;
}

#promoColumn div.filmThumb {
	float:left;
	margin-right: 5px;
	width: 75px;
	height: 58px;
	border: solid 1px white;
	background-color: #000;
    text-align: center;
    vertical-align: middle;
}

#promoColumn div.filmThumb * {
    vertical-align: middle;
}

#promoColumn div.filmThumb:hover {
	border:solid 1px #D71414;
}

#promoColumn div.filmThumb img.thumb_primary {
	border: none;
    vertical-align: middle;
}

#promoColumn div.filmDetail {
	float:left;
	text-align:left;
	width: 130px;
	font-size: 90%;
	margin-top: -2px;
}

#promoColumn div.filmDetail div.filmName {
	font-weight:bold;
	padding:0;
	margin-bottom:2px;
}
#promoColumn div.filmDetail div.filmmakerName {
	font-size: 90%;
	padding:0;
	margin-bottom:2px;
}
#promoColumn div.filmDetail div.runTime {
	font-size: 90%;
	margin-bottom:2px;
}
#promoColumn div.filmDetail div.genreName {
	font-size: 90%;
	padding:0;
	margin-bottom:2px;
}
#promoColumn div.filmDetail div.rating {
	margin-top: 5px;
}

#promoDetails {
	overflow:hidden;
	width: 98%;
	clear:both;
	padding: 3px 5px 3px 3px;
}

.img_profilePic 
{
		max-height:200px;
		height:expression(((this.height>200)&&(this.height>=this.width)) ? 200:true);
		max-width:150px;
		width:expression((this.width>150)&&(this.width > this.height) ? 150:true);
		

}

.thumb_primary {
	max-height:56px;
	max-width:75px;
	border: solid 1px white;
}

A .thumb_primary {
	/* border:solid 1px #FFFFFF; */
}

A:hover .thumb_primary {
	border:solid 1px #D71414;
}


#mainColumn div.filmDetail {
	float:left;
	text-align:left;
	width: 130px;
	font-size: 90%;
	margin-top: -2px;
}

#lbl_Synopsis {
	color: #003333;
}

#lbl_Acknowlegements {
	color: #003333;
}

#mainColumn div.filmDetail div.filmName {
	font-weight:bold;
	padding:0;
	margin-bottom:2px;
}
#mainColumn div.filmDetail div.filmmakerName {
	font-size: 90%;
	padding:0;
	margin-bottom:2px;
}
#mainColumn div.filmDetail div.runTime {
	font-size: 90%;
	margin-bottom:2px;
}
#mainColumn div.filmDetail div.genreName {
	font-size: 90%;
	padding:0;
	margin-bottom:2px;
}

#mainColumn div.filmDetail div.rating {
	margin-top: 5px;
}

#photoContent, #festContent {
	height:auto;
	margin-left:7px;
	float:left;
}

#photoLogo , #festLogo
{
	margin:0px 0px 11px 7px;
}

#dl_search div.filmBox { width: 195px }
#dl_search div.filmDetail { width: 110px; }

#dl_search tr {
	background: url(../_images/hr_rule.gif) no-repeat bottom;
}

#dl_search td {
	padding: 10px 0 0 0;
}

#pageContent #bio 
{
	width:394px;
	margin-top:13px;
	margin-left:7px;
}

#pageContent #bio #bioPhoto {
	float:left;
	margin: 11px 0px 0px 9px;
}

#pageContent #bio #bioText 
{
	float:left;
	xwidth: 210px;
	margin: 11px 0px 0px 9px;
}

#pageContent #bio #bioData {
	float:left;
	width: 394px;
}


#featured_profile #bio #bioPhoto {
	float:left;
	padding-right: 10px;
}

#featured_profile #bio #bioData {
	float:left;
	width: 210px;
}

#featured_profile #featured_profile #bioText {
	padding-top: 10px;
}
#bioAwards {
	margin-top: 11px;
	margin-left:7px;
}

#featured_profile #bioText {
	padding-top: 10px;
}

#filmRating {
	padding: 3px;
}

#filmRating div {
	float:left;
	padding-right: 5px;
}

#filmDetails {
	overflow: auto;
	height: 445px;
	width: 98%;
	clear:both;
	padding: 3px 5px 3px 3px;
}

#flashcontent {
	width: 322px;
	height: 280px;
}

#flashcontent_no_scroll {
	width: 350px;
	height: 280px;
}

div.registrationRow {
	clear:both;
}
div.registrationRow div {
    vertical-align: text-bottom;
}

div.registrationRow div {
	float: left;
	width: 170px;
	margin-right: 10px;
	text-align: left;
}

div.checkbox {
	clear:both;
}

div.checkbox input {
	float:left;
	margin-bottom: 7px;
	margin-right: 10px;
}

div.checkbox label {
	float:left;
	width: 90%;
	margin: 2px 0 7px 0;
}

A#img_FilmOfTheWeek img {
	max-height:186px;
	height:expression(((this.height>186)&&(this.height>=this.width)) ? 186:true);
	max-width:244px;
	width:expression((this.width>244)&&(this.width > this.height) ? 244:true);
	
}

A#lnk_FilmOfTheWeek img {
	margin-top:4px;
}

#dl_Filmmakers TBODY TR TD { vertical-align:bottom; }