/*
	Main Stylesheet for the Default Theme.
	**************************************
	*>class = Mozilla only hacks
	*attribute = IE only hacks
*/
* { font-family: Arial, Verdana, Helvetica; font-size: 8pt; color: #333300; }
body { background-image: url(images/bg_dot.gif); background-position: center; margin: 0px; text-align: center; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
ul { list-style: none; margin: 0px; text-indent: 1em; }
*>ul { text-indent: -3em; }
hr { clear: both; background-color: #000; color: #000; height: 1px; border: 0px; }
hr.GrayRule { background-color: #CCC; color: #CCC; }
hr.OrangeRule { background-color: #F93; color: #F93;}
dt { font-size: 10pt; font-weight: bold; }
dd {  }
.StatusLabel { display: block; width: 630px; margin: auto; }
.Invisible { display: none; }
.UnderLined { border-bottom: solid 2px #CCC; }
.StarDiv { text-align: center; }

/* Master Template Style */
.Page { margin: auto; width:860px; background-image: url(images/bg_slice.gif); text-align: left; }
.PageContent { width: 800px; margin: auto; }
.LeftColumn { float:left; width: 160px; }
.ContentColumn { float:left; padding: 11px; width: 380px; background-color: #FFFFFF; }
.RightColumn { float: right; width: 238px; background-color: #FFFFFF; }
.CenterColumn { clear: both; }
.PageFooter { clear: both; background-color: #FF9933; font-size: 7pt; padding: 5px; width: 100%; }
.DividerBar { clear:both; width: 100%; height: 10px; background-image: url(images/DividerBar.gif); background-repeat: repeat-x; } 
.ControlHeader { margin-left: 7px; font-size: 12pt; font-weight: bold; }
.ControlBlock { clear: both; }
.ControlBlock .IndentedBlock { margin-left:10px; }
.PageHeadText { font-size: 18pt; font-weight: bold; }
.ColumnHeadText { font-size: 14pt; font-weight: bold; }
.ItemHeadText { font-size: 12pt; font-weight: bold; }
.OrangeText { color: #F79A30; }
.ItemTitle { font-size: 10pt; font-weight: bold; }
.BoldText { font-weight: bold; }
.TextBlock { display: block; vertical-align: top; }
.DisplayBlock { clear: both; display: block; padding: 2px; }
.PaddedBlock { padding: 5px; }
.LargeThumbnail, .LargeThumbnail img, input.LargeThumbnail  { width: 320px; height:240px; }
.SmallThumbnail, .SmallThumbnail img, input.SmallThumbnail { width: 120px; height: 90px; }
.ListThumbnail, .ListThumbnail img, input.ListThumbnail { display: block; float: left; padding-right: 7px; }
.ItemPanel { border: dotted 1px #CCC; padding: 5px; margin: 5px; }
.DottedBlock { border: dotted 1px #CCC; }
.LightOrangeBlock { background-color: #F9E8D5;}
.DarkOrangeBlock { display: block; background-color: #F79A30; padding: 5px; }
.CenteredTextBlock { display: block; text-align: center; }
.RightTextBlock { display: block; text-align: right; }
.BrownTextBlock { background-color: #584627; color: #FFFFFF; }
.SmallContentPage { width: 500px; margin: auto; }
.LightOrangeText { color: #FFFCF9; }
.PlayerPage { width: 650px; height: 350px; }

/* Page Header Style */
.PageHeader { margin: auto; background-image: url(images/header_bg_beta.gif); height: 119px; width: 800px; }
.PageHeader ul { float: right; margin-top: 20px; margin-right: 20px; }
.HomeLink { display: inline-block; position: relative; bottom: 0px; float: left; width: 550px; height:117px; }
.MainLogin { float: right; }

/* Left Column Style */
.LeftColumn .JoinNow { margin-left: 20px; background-image: url(images/logo_small.gif); background-repeat: no-repeat; font-weight:bold;  }
.LeftColumn .JoinNow a { color: #FF9933; font-size: 14pt; margin-left: 35px; width: 100%; }

/* Content Column Style */
.ContentColumn .ContentHeader { font-size: 10pt; font-weight: bold; }

/* Site Search */
.SiteSearch { width: 100%;  }
.SearchForm .NewEntry { clear: both; padding: 2px 0px 2px 10px; }
.SearchForm .NewEntry .FormLabel {  float: left; font-weight: bold; padding: 0px 3px; width: 60px; }
.SearchForm .NewEntry .TextBox { width: 130px; height: 8pt; }
.SearchForm .NewEntry .Select { width: 134px; }
.SearchForm .NewEntry .FormCommand { padding-left: 150px; padding-bottom: 2px;}
.SearchForm .NewEntry .CommandButton { width: 50px; }


/* Right Column Style */
.TagNabIt { background-image: url(images/TagNabIt.jpg); width: 228px; height: 286px; margin: auto; } 
.TagNabIt .TagControl { width: 170px; margin: auto; padding-top: 20px; }
.TagNabIt .TagSearch { float: right; text-align: right; vertical-align: bottom; margin-right: 8px; margin-top: 15px; }
.TagNabIt .TagSearch .DefaultTextBox { font-size: 8pt; height: 11px; width: 125px;   }
.TagNabIt .TagSearch .DefaultButton { }

.Quickie { margin-bottom: 20px; }
.Quickie a { display: block; margin: auto; text-decoration: none; color: #FF9933; font-weight: bold; }
.Quickie a:hover { text-decoration: underline; }
.OnlineCountLabel { margin: auto; font-weight: bold; }


/* Footer Style */
.PageFooter { text-align: right; width: 790px; margin: auto; } 
.PageFooter .Copyright { float: left; }
.PageFooter ul { display: block; list-style: none; }
.PageFooter ul li { display: inline; padding: 0px 10px; }
.PageFooter ul li a { font-weight: bold; }


/* Global Style */
.ContentPage { width: 700px; margin: auto; }
.ContentPage .ViewNav ul { list-style: circle outside; margin-top: 10px; }
.ContentPage .ViewNav ul li { display: inline; }
.ContentPage .ViewNav ul li a { font-weight: bold; }
.ContentPage .LeftColumn { clear: both; width: 48%; float:left; padding: 5px; }
.ContentPage .RightColumn { width: 48%; float:right; padding: 5px; }
.InnerContentPage { width: 500px; margin: auto; }


/* Form Style */
.FormDiv { background-color: #FFFFFF; width: 610px; margin: auto; border: solid 1px #000; }
.FormDiv .FormHeader { display: block; background-color: #F79A30; font-weight: bold; font-size: 10pt; padding: 5px;  } 
.FormDiv .FormEntry { clear: both; padding-top: 3px; }
.FormDiv .FormLabel {  float: left; font-weight: bold; padding: 0px 3px; width: 105px; }
.FormDiv .FormControl { float: left; }
.FormDiv .FormControl .TextBox { width: 150px; }
.FormDiv .FormControl .CheckBox { width:auto; }
.FormDiv .FormControl .LongTextBox { width: 220px; }
.FormDiv .FormControl .MediumTextBox { width: 150px; }
.FormDiv .FormControl .FileUpload { width: 200px; } 
.FormDiv .FormControl select { width: 150px; }
.FormDiv .FormControl .LongDropDown { width: 220px; }
.FormDiv .FormControl textarea { width: 100%; }
.FormDiv .FormControl .FullTextBox { width: 100%; }
.FormDiv .FormInstruction { float: right; background-color: #F9E8D5; padding: 0px 3px; width: 300px; height: 100%; }
.FormDiv .FormAgreement { float: left; margin: 3px; }
.FormDiv .FormButton { text-align: right; margin: 3px; }
.FormDiv .FormFooter { clear: both; }
.FormDiv .SpecialLink { font-weight: bold; color: #FF9933; }
.FormDiv .FormGroup { display: block; width: 95%; margin: 5px auto;  }

.SmallForm { display: block; margin:auto; }
.SmallForm .FormHeader { display: block; background-color: #F9E8D5; font-weight: bold; padding: 3px; margin-bottom: 5px; font-size: 10pt;  }
.SmallForm .FormLabel { clear: both;  float: left; font-weight: bold; padding: 5px; width: 30%; }
.SmallForm .FormControl { float: left; width: 65%; }
.SmallForm .FormFooter { clear: both; text-align: right; padding: 5px; }

/* SubMenu Stuff */
.SubMenu { display: block; text-align: center; }
.SubMenu li { display: inline; }
.SubMenu li a { width: 100px;  display: inline-block; font-weight: bold; font-size: 10pt; text-align: center; }

/* PopUp Page Stuff */
.PopUpClose { text-align: right; margin: 5px; }
.PopUpClose a { color: #FFFFFF; font-weight: bold; }

/* Master Detail Stuff */
.GridViewDiv { background-color: #FFFFFF; width: 610px; margin: auto; }
.GridView { clear: both; background-color: #FFF; margin: auto; width: 610px; border: solid 1px #000;  }
.GridView td { padding: 5px; }
.GridViewHeader { background-color: #F79A30; text-align: left; }
.GridViewSeparator { background-color: #F79A30; }
.GridViewHeader th { padding: 5px; }
.GridViewRow { }
.GridViewAlternatingRow { background-color: #F9E8D5 ; }
.GridViewSelectedRow { background-color: #FC6; }
.GridViewEditRow { }
.GridViewEmptyRow { }
.GridFooter { }
.GridViewPager { }

.DetailView { background-color: #FFF; margin: auto; border: solid 1px #000; }
.DetailView td { padding: 5px; }
.DetailViewHeader { font-weight: bold; background-color: #F79A30; }
.DetailViewFieldHeader { }
.DetailViewRow { }
.DetailViewAlternatingRow {  }
.DetailViewCommandRow { background-color: #F79A30; text-align: right; }
.DetailViewCommandRow a { padding: 5px; font-weight: bold; }
.DetailViewEditRow {}
.DetailViewInsertRow {}
.DetailViewEmptyRow {}
.DetailViewFooter {}
.DetailViewPager {}

.DataList { background-color: #FFF; width: 95%; margin: auto; border: solid 1px #000; }
.DataListHeader { font-weight: bold; background-color: #F79A30; display:block; padding-left: 10px; }
.DataListHeader span { font-size: 14pt; }
.DataListItem, .DataListAlternatingItem { display: block; width: 95%; margin: auto; vertical-align: top; }
.DataListItem span, .DataListAlternatingItem span { margin: 10px; } 
.DataListEditItem { }
.DataListFooter { display: block; clear: both; background-color: #FFF; }
.DataListSeparator { display: block; clear: both; padding: 20px; }
.DataListThumbnail { display: block; float: left; border: solid 1px #000; }
.DataListThumbnail img { height: 75px; width: 75px; }
.DataListTitle { font-size: 12pt; }
.DataListDate { font-style:italic; }
.DataListDescription { display: block; }
.AddItemLink { font-weight: bold; }

.DisplayList { clear: both; background-color: #FFF; }
.DisplayListHeader { background-color: #F79A30; text-align: left; font-size: 10pt; }
.DisplayListItem, .DisplayListAlternatingItem { padding: 5px; margin: 0px; }
.DisplayListItem {  }
.DisplayListAlternatingItem { background-color: #F9E8D5 ; }
.DisplayListSeparator { display: block; background-color: #F9E8D5; height: 2px; width: 100%; }

/* view episode page */
.EpisodeLeftColumn { width: 320px; margin: 20px 10px 10px 50px; *margin: 20px; float: left; } 
.EpisodeRightColumn { width: 380px; margin-top: 27px; padding: 20px; float: right; }
.EpisodePlayLink { display: block; text-align: center; }

/* Player Stuff */
.Player { width: 330px; text-align: center; float: left; padding: 5px; }
.RightContent { width: 275px; float: right; margin-right: 10px; padding: 5px; }

/* loader */
.UploadProgress { background-image: url(images/loading_large.gif); width:130px; height: 60px; display: none; float:right; }