﻿/* - - - - - - - - - - Styles used in the master.pages - - - - - - - - - - */
html{/*height:100%;*/ background:#000F14;}
body{font-family:Verdana, Arial, Helvetica, sans-serif; height:100%;}
.hide{position:absolute; left:-5000px; top:-5000px; height:1px; width:1px; overflow:hidden;}
.clear{clear:both; margin:0; padding:0;}
a{text-decoration:none; cursor:pointer;}
a:hover, a:focus, a:active{text-decoration:underline;}
#custom-doc{background:#FFFFFF; height:100%; width:76.92em; *width:75.07em; min-width:1000px; margin:auto; text-align:left;}
strong{ font-weight:bold;}
em{font-style:italic;}

/* - - Hidden Styles - - */
p.Skip a{position:absolute; left:-5000px; top:-5000px; height:1px; width:1px; overflow:hidden; z-index:1000;}
p.Skip a:focus, 
p.Skip a:active{border:none; padding:3px 7px; width:154px; height:16px; position:absolute; top:55px; left:19px; text-align:left; line-height:1em; z-index:600;
color:#FFFFFF; font-size:110%; background:#FF6600; text-decoration:none;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;}

/* loader */
div.Loader{padding:10px 0; text-align:center;}

.BtnBling{padding:5px 20px; font-family:FolksBold, Arial, Helvetica, sans-serif; font-size:110%;text-transform:uppercase;
	color:#FFA200; border:0;
	-moz-border-radius:5px; webkit-border-radius:5px; border-radius:5px;
	background: #01181F; /* Old browsers */
	background: -moz-linear-gradient(top, #919597 0%, #757b7e 14%, #22363f 50%, #001825 51%, #00202d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919597), color-stop(14%,#757b7e), color-stop(50%,#22363f), color-stop(51%,#001825), color-stop(100%,#00202d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #919597 0%,#757b7e 14%,#22363f 50%,#001825 51%,#00202d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #919597 0%,#757b7e 14%,#22363f 50%,#001825 51%,#00202d 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #919597 0%,#757b7e 14%,#22363f 50%,#001825 51%,#00202d 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22363f ', endColorstr='#01181F',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #919597 0%,#757b7e 14%,#22363f 50%,#001825 51%,#00202d 100%); /* W3C */}
.BtnBling:active, .BtnBling:focus, .BtnBling:hover{text-decoration:underline;}


/* - default MVC style classes ians added - */
.field-validation-error{
	color: #ff0000;
}
.validation-summary-errors{
	color: #ff0000;
}

/* -- Template using Splash page style -- */
div.PublicMain{padding-bottom:20px; overflow:hidden;
	background: #15607E; /* old browsers */ 
	background: -moz-linear-gradient(top, #15607E 3%, #49D0DE 30%, #82F7F9 54%, #49D0DE 79%, #0D8FAF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#15607E), color-stop(30%,#49D0DE), color-stop(54%,#82F7F9), color-stop(79%,#49D0DE), color-stop(100%,#0D8FAF)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15607E', endColorstr='#0D8FAF',GradientType=0 ); /* ie */}

/* - - Home Page - - */
body.Home{background:#146587; text-align:left;
	-moz-box-shadow:inset 20px -200px 200px #52E4ED; -webkit-box-shadow:inset 20px -200px 200px #52E4ED; -box-shadow:inset 20px -200px 200px #52E4ED;
	background: #19708E; /* old browsers */
	background: -moz-linear-gradient(top, #19708E 0%, #1A7391 3%, #0994B4 7%, #5BE3ED 17%, #0994B4 48%, #1D7294 70%, #5FD7DD 99%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#19708E), color-stop(3%,#1A7391), color-stop(7%,#0994B4), color-stop(17%,#5BE3ED), color-stop(48%,#0994B4), color-stop(70%,#1D7294), color-stop(99%,#5FD7DD)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19708E', endColorstr='#5FD7DD',GradientType=0 ); /* ie */}

body.Home a{color:#FFA200;}

div.SiteOptions{color:#FFA200; height:27px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.6px;
	-moz-box-shadow:0 3px 4px #10475A; -webkit-box-shadow:0 3px 4px #10475A; box-shadow:0 3px 4px #10475A;
	background: #353F43; /* old browsers */
	background: -moz-linear-gradient(top, #353F43 0%, #1C272C 50%, #071318 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353F43), color-stop(50%,#1C272C), color-stop(100%,#071318)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353F43', endColorstr='#071318',GradientType=0 ); /* ie */}
div.SiteOptions div.SiteOptionsHold{margin:auto; min-width:1000px; width:75.38em;}
div.SiteOptions span{color:#ffffff;}
div.SiteOptions p{padding:5px 0 0 0; float:left; clear:none;}
div.SiteOptions p span.BeCast{margin:0 0 0 1px; padding:0 0 0 3px; border-left:1px solid #888E90;}
div.SiteOptions ul{padding:7px 0 0 0; float:right; clear:none; font-weight:bold; font-size:85%;}
div.SiteOptions ul li{margin:0 0 0 10px; float:left; clear:none;}
div.SiteOptions ul li.UserSignIn{margin:0 4px 0 0; padding:0 16px 0 0; border-right:1px solid #888E90;}
div.SiteOptions ul li span.UserName{margin:0 4px 0 0; font-weight:normal;}
div.SiteOptions ul li a{color:#FFA200;}
div.SiteOptions ul li a.UserNotify{color:#ffffff;}

div.HomeMain{margin:auto; padding-bottom:15px; min-width:1000px; width:75.38em; /*position:relative;*/}
/* - Search Block - */
div.HomeMain div.SearchFilter{margin:12px 0 0 0; height:60px; /*background:#072126;*/ 
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;	
	background: rgba(0, 0, 0, 0.6); color:#FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* IE 5.5 - 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; /* IE 8 */}
	
div.HomeMain div.SearchFilter div.FilterType{/*padding:10px 0 0 227px;*/ padding:10px 0 0 30px; float:left; clear:none; background:url("../images/BeCast/BeCastLogo_SearchFilter.png") no-repeat 33px 5px;}
div.HomeMain div.SearchFilter div.FilterType ul li{margin:0 2px 0 0; float:left; clear:none;}
div.HomeMain div.SearchFilter div.FilterType ul li a{padding:5px 0; width:93px; text-align:center; display:block; font-size:185%; border:1px solid #343434;
	text-shadow:1px 1px 1px #000000;
	background: #020202; /* old browsers */
	background: -moz-linear-gradient(top, #E2E2E2 0%, #D5D5D5 3%, #838383 20%, #343434 47%, #020202 50%, #020202 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E2E2E2), color-stop(3%,#D5D5D5), color-stop(20%,#838383), color-stop(47%,#343434), color-stop(50%,#020202), color-stop(100%,#020202)); /* webkit */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2E2E2', endColorstr='#020202',GradientType=0 );*/ /* ie */	
	background:url("../images/common/MediaTypeBtn.png") no-repeat 0 0 #090909\9; filter:none\9;}
div.HomeMain div.SearchFilter div.FilterType  ul li.Selected a{color:#FFFFFF;}

div.HomeMain div.SearchFilter div.FilterType ul li a.BackHome{margin-right:14px; width:180px; height:32px; display:block; border:none; background:none;}
div.HomeMain div.SearchFilter div.FilterType ul li a.BackHome:active,
div.HomeMain div.SearchFilter div.FilterType ul li a.BackHome:focus,
div.HomeMain div.SearchFilter div.FilterType ul li a.BackHome:hover{border-bottom:1px solid #FFFFFF;}

div.HomeMain div.SearchFilter div.FilterInput{margin:10px 10px 0 0; padding:4px; float:right; clear:none; 
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
	background: #898989; /* old browsers */
	background: -moz-linear-gradient(top, #898989 0%, #5D5D5D 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#898989), color-stop(100%,#5D5D5D)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#5D5D5D',GradientType=0 ); /* ie */}
div.HomeMain div.SearchFilter div.FilterInput input.LabelInput{padding:7px 14px; width:208px; height:18px; color:#DCDCDC; vertical-align:middle; background:#000000; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-size:100%;}
div.HomeMain div.SearchFilter div.FilterInput input.LabelInput:focus{font-style:normal;}
div.HomeMain div.SearchFilter div.FilterInput input.SearchBtn{padding:5px 5px 5px 30px; vertical-align:middle; filter:none;
	background:url("../images/common/BtnIcons.png") no-repeat 6px 4px #333333; 
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}

/* - Home Contents - */
div.HomeMain div.ContentsHolder{margin:10px 0 0 0; padding:14px 14px 63px 14px; overflow:hidden; position:relative;
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
	background: rgba(0, 0, 0, 0.3);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */}

/* - Contents Detailed / Left Column - */
div.ContentsHolder div.ContentsDetails{float:left; clear:none; width:614px;}
div.ContentsHolder div.ContentsDetails h2.UserGroupName{padding:5px; position:relative; text-align:center; font-family:FolksLightRegular, Arial, Helvetica, sans-serif; font-size:200%; letter-spacing:-0.5px; color:#92DFFF;
	background: #040404; /* old browsers */
	background: -moz-linear-gradient(top, #2A2A2A 0%, #040404 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2A2A2A), color-stop(100%,#040404)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2A2A2A', endColorstr='#040404',GradientType=0 ); /* ie */
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
div.ContentsHolder div.ContentsDetails h2.UserGroupName:before{content:""; position:absolute; bottom:-12px; *bottom:-10px; left:7px; 
	border-color:#020202 transparent transparent transparent; border-style:solid; border-width:6px; height:0; width:0;}
div.ContentsHolder div.ContentsDetails h3{margin:8px 0 10px 0; padding:0 0 5px 31px; font-family:FolksBold, Arial, Helvetica, sans-serif; font-size:140%; color:#ffffff; border-bottom:1px solid #54A2A9; background:url("../images/common/HeaderIcons.png") no-repeat 10px 4px;}

div.ContentsDetails div.DetailVidContainer{padding:9px 13px 12px 13px; color:#ffffff; overflow:hidden;
	background: rgba(0, 0, 0, 0.65);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}
div.ContentsDetails div.DetailVidContainer div.VidHeader{overflow:hidden;}
div.ContentsDetails div.DetailVidContainer h4.DetailVidTitle{float:left; clear:none; color:#FFFEFE; font-family:FolksRegular, Arial, Helvetica, sans-serif; font-size:190%;}
div.ContentsDetails div.DetailVidContainer span.DetailVidDuration{margin:5px 0 0 8px; float:left; clear:none; color:#AAAAAA; font-family:FolksRegular, Arial, Helvetica, sans-serif; font-size:150%;}
div.ContentsDetails div.DetailVidContainer div.VidAuthorInfo{margin:2px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:85%; color:#AAAAAA;}
div.ContentsDetails div.DetailVidContainer div.VidAuthorInfo span.VidAuthorName{font-weight:bold; color:#FFA200;}
div.ContentsDetails div.DetailVidContainer div.VidContainer{margin:15px 0 0; /*width:592px;*/ height:348px; border:1px solid #4C4C4C;}


div.ContentsDetails div.DetailVidContainer div.ItemViewed{padding:4px 9px 5px 9px; float:right; clear:none; position:relative; background:#1B1B1B; border:1px solid #4D4D4D; font-size:85%; text-align:center;
	-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
div.ContentsDetails div.DetailVidContainer div.ItemViewed:after{content:""; position:absolute; height:0; width:0; top:-11px; left:3px;
	border-width:6px; border-style:solid; border-color:transparent transparent #1B1B1B transparent;}
div.ContentsDetails div.DetailVidContainer div.ItemViewed:before{content:""; position:absolute; height:0; width:0; top:-12px; left:3px;
	border-width:6px; border-style:solid; border-color:transparent transparent #4D4D4D transparent;}
div.ContentsDetails div.DetailVidContainer span.NumViewed{font-weight:bold;}

div.ContentsDetails div.DetailVidContainer p.Detaildescription{margin:11px 0 0 0; font-size:90%; line-height:1.5em;}

/* - Common Header - */
h5.HomeHeader{padding:0 0 10px 20px; font-family:FolksBold, Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; background:url("../images/common/HeaderIcons.png") no-repeat 0 2px;} 
h5.Discuss{marin:0; background-position:0 -25px; float:left; clear:none;}
h5.Tags{margin-top:12px; padding:0 0 7px 20px; background-position:0 -83px;}
h5.Channel{padding:0 0 5px 33px; background-position:13px -54px; font-size:125%; border-bottom:1px solid #3D7175;}
	
/* - - Contents Lists / Right Column - - */ 
div.ContentsHolder div.ContentsLists{float:right; clear:none; width:350px;}

/* - Create */
ul.CreatePanel{overflow:hidden;}
ul.CreatePanel li{float:left; clear:none;}
ul.CreatePanel li:first-child{margin-right:4px;}
ul.CreatePanel a.Btn{padding:6px 0 6px 40px; width:133px; display:block; background:#090909 url("../images/common/BtnIcons.png") no-repeat 20px -26px;
	filter:none;
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

/* - Filter Tabs - */
ul.ContentTabs{margin-top:10px; overflow:hidden;}
ul.ContentTabs li{margin-left:1px; float:left; clear:none;}
ul.ContentTabs li:first-child{margin-left:0;}
ul.ContentTabs li a.TabBtn{padding:11px 0; width:113px; display:block; text-align:center; border:1px solid #595959; border-bottom:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF;
	-moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;
	background: #7A7A7A; /* old browsers */
	background: -moz-linear-gradient(top, #7A7A7A 0%, #030303 75%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7A7A7A), color-stop(75%,#030303)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7A7A7A', endColorstr='#030303',GradientType=0 ); /* ie */}
ul.ContentTabs li a.TabBtn:first-child{width:114px;}	

ul.ContentTabs li.active a.TabBtn{border:1px solid #FFA640; border-bottom:none;
	background: #FFCC6A; /* old browsers */
	background: -moz-linear-gradient(top, #FFCC6A 0%, #FFB21B 29%, #FF8800 75%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC6A), color-stop(29%,#FFB21B), color-stop(75%,#FF8800)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCC6A', endColorstr='#FF8800',GradientType=0 ); /* ie */
}

/* View Options */
div.TabContentHolder{overflow:hidden; background:#0C0C0C;}
div.TabContent{padding:3px 2px 1px 2px; width:346px; height:845px; overflow:auto; position:relative; background:#0C0C0C; border-top:1px solid #FFA640; border-bottom:1px solid #000000;}
div.TabContent div.ViewOption{margin:0 auto 6px auto; width:120px; overflow:hidden;}
div.TabContent h3{margin-right:9px; top:-2px; float:left; clear:none; color:#8C8C8C; font-family:Tahoma, Arial, Helvetica, sans-serif;}

div.TabContent ul.ViewOptionList li{margin:4px 7px 0 0; float:left; clear:none;}
div.TabContent ul.ViewOptionList li a.ViewList{width:13px; height:11px; display:block; border:1px solid #FFFFFF; position:relative; background:url("../images/common/BtnIcons.png") no-repeat 0 -79px;}
div.TabContent ul.ViewOptionList li a.ViewList span.ViewThumbIcon{margin-left:20px; position:absolute; top:-1px; width:13px; height:11px; display:block; border:1px solid #0C0C0C; background:url("../images/common/BtnIcons.png") no-repeat 0 -59px;}
div.TabContent ul.ViewOptionList li a.ViewThumb{border:1px solid #0C0C0C;}
div.TabContent ul.ViewOptionList li a.ViewThumb span.ViewThumbIcon{border:1px solid #FFFFFF;}


/* - - Home Channel Details - - */
div.HomeMain div.SectionSub{margin-top:8px;}	
div.HomeMain div.SectionSub div.ChannelDetail{padding:10px 13px; overflow:hidden; color:#B5B4B4;}
div.HomeMain div.SectionSub div.ChannelDetail h6{padding:0 0 5px 0; font-size:15px; }

/* - - Footer Main - - */
div.HomeMain div.Footer{position:absolute; width:100%; overflow:hidden; font-size:80%; bottom:11px; left:0;}
div.HomeMain div.Footer p{padding:10px 0 10px 132px; float:left; clear:none; color:#6BC1CB; background:url("../images/BeCast/BeCastLogo_HomeFooter.png") no-repeat 13px 0;}
div.HomeMain div.Footer ul{padding:10px 0; float:right; clear:none;}
div.HomeMain div.Footer ul li{padding:0 12px; display:inline;
	color:#FFFFFF; border-left:1px solid #A9F6FF;}
div.HomeMain div.Footer ul li:first-child{border-left:0;}
div.HomeMain div.Footer ul li a{color:#FFFFFF;}	

/* - Footer Splash - */
div.SpFoot{margin:0 auto; padding:35px 0 0 0; min-width:980px; width:75.38em; color:#325F6F; font-size:80%; text-align:left; height:30px;}
div.SpFoot p{padding:9px 0 9px 119px; float:left; clear:none; height:31px; background:url("../images/BeCast/BeCastLogo_Footer.png") no-repeat;}
div.SpFoot ul{padding-top:9px; float:right; clear:none;} 
div.SpFoot ul li{padding:0 12px; display:inline; 
	border-left:1px solid #142F39; color:#4592AE;}
div.SpFoot ul li:first-child{border-left:0;}	
div.SpFoot ul li a{color:#325F6F;}

