﻿/************************************************************************
* General styles
************************************************************************/
body
{
    margin:0;
    background:#4a0000 url(images/bgBody.png) repeat;
    background-attachment:fixed;
    overflow-y:scroll;
    overflow-y:-moz-scrollbars-vertical;
    font-family:Tahoma, Arial, Helvetica, Verdana, sans-serif;
    font-size:11px;
    color:#FFF;
    line-height:18px;
}
form
{
    margin:0;
    padding:0;
}

* html a
{
	position:relative;	
}
a:link, a:visited
{
    color:#FFF;
    text-decoration:none;
}
a:hover, a:active
{
    text-decoration:underline;
}
input, select, textarea
{
    font-size:10px; 
    font-family:Verdana, Arial, Helvetica, Helvetica-Narrow, sans-serif;
}
h1, h2, h3
{
	font-family:Tahoma, Arial, Helvetica, Verdana, Sans-Serif;
}
h1
{
	margin:0;
	padding:0;
	font-size:14px;
    font-weight:bold;
}
h2
{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}
h2.underline
{
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:solid 1px #FFF;
}
h3, h4, h5
{
	font-size:12px;
    font-weight:bold;
	margin:0px;
	padding:0px;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
    text-decoration: none;
    color:#FFFFFF;
}
hr
{
	height:0px;
	border-top:solid 1px #999;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	padding-top:0px;
	padding-bottom:0px;
	background:transparent;
	clear:both;
}
* html hr
{
	margin-top:0px;
	margin-bottom:0px;
}
hr.dashed
{
	border-top:0px;
	border-bottom:dashed 1px #999;
}
p
{
	margin:5px 0;
	padding:0;
}

/************************************************************************
* Master page containers
************************************************************************/
.BodyContainer
{
	width:876px;
	margin:0 auto;
    background: url(images/bgBodyContainer.png) repeat-y;
}
* html .BodyContainer
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/LoadSite/images/bgBodyContainer.png', sizingMethod='scale');
}
.FooterContainer
{
	clear:both;
	width:876px;
    height:10px;
    margin:0 auto;
    background: url(images/bgFooterContainer.png) no-repeat;
}
* html .FooterContainer
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/LoadSite/images/bgFooterContainer.png', sizingMethod='crop');
}

/************************************************************************
* Master page layout divs
************************************************************************/
.Header
{
	width:856px;
	height:182px;
	margin:0 auto;
	background:url(images/bgHeader.png) no-repeat;
}
.BodyContentContainer
{
	width:856px;
	margin:0 auto;
	background:#000;
}
.Footer
{
	width:856px;
	height:300px;
	margin:0 auto;
	color:#992e2e;
}

/************************************************************************
* home page styles
************************************************************************/
.ContentContainer
{
	margin-top:10px;
	position:relative;
	background:#2c3036;
}
.ContentContainer .FeaturePanelContainer
{
	width:494px;
	height:188px;
	position:absolute;
	right:20px;
	top:-31px;
}
.ContentContainer .FeaturePanelContainer .FeaturePanel
{
	width:494px;
	height:188px;
	background:url(images/bgFeaturePanel.png ) no-repeat;
	/*overflow:hidden;*/
}
* html .ContentContainer .FeaturePanelContainer .FeaturePanel
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/LoadSite/images/bgFeaturePanel.png', sizingMethod='crop');
}
.FeaturePanel .CotentContainer
{
	position:relative;
}
.FeaturePanel .content
{
	width:135px;
	position:absolute;
	left:30px;
	top:45px;
	z-index:1;
	line-height:24px;
}
.FeaturePanel .content .PageContentMiniContainer .PageContentMini
{
	line-height:24px;
}
.FeaturePanel .content a img
{
	border:none;
	vertical-align:middle;
}
.FeaturePanel .content a:link, .FeaturePanel .content a:visited
{
    text-decoration:none;
}
.FeaturePanel .content a:hover, .FeaturePanel .content a:active
{
    text-decoration:underline;
}

.QuotePanel
{
	width:330px;
	min-height:192px;
}
* html .QuotePanel
{
	height:auto !important;
	height:192px;
}
.QuotePanel .content
{
	padding:35px  25px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	line-height:22px;
}
.QuotePanel .content .credits
{
	font-size:11px;
	font-weight:normal;
	text-align:right;
}
.ContentContainer .LeftColumn
{
	width:330px;
	float:left;
}
* html .ContentContainer .LeftColumn
{
	position:relative;
}
.ContentContainer .RightColumn
{
	width:520px;
	float:right;
}
* html .ContentContainer .RightColumn
{
	position:relative;
}
.ContentContainer .RightColumn .content
{
	padding-left:20px;
	padding-right:35px;
	text-align:justify;
}
.RightColumn .content h1
{
	margin-bottom:10px;
}
.AuthorPanel
{
	width:270px;
	float:left;
	display:inline;
	margin-top:20px;
	text-align:left;
}
.AuthorPanel img
{
	float:left;
	display:inline;
	margin-right:20px;
	border:solid 1px #505b64;
}
.AuthorPanel h2
{
	margin-bottom:5px;
}
.AuthorPanel h2 img
{
	float:none;
	margin:0;
	border:none;
}
.LinksPanel
{
	width:170px;
	float:right;
	display:inline;
	margin-top:20px;
	text-align:left;
}
.LinksPanel h2
{
	margin-bottom:5px;
}
.VideoPanel
{
	height:391px;
	background:url(images/bgVideoPanel.png) repeat-x;
	border-top:solid 1px #610000;
}
.VideoPanel h2
{
	margin-top:18px;
	padding:0;
	text-align:center;
}
.VideoTable
{
	margin:5px auto;
}
.VideoTable td.VideoCell
{
	width:266px;
	height:320px;
	background:#4e0000;
}
.VideoTable td.VideoCell .VideoBox
{
	width:264px;
	height:224px;
	overflow:hidden;
	border:solid 1px #7d1d1d;
}
.VideoTable td.VideoCell p
{
	margin:0;
	padding:20px 15px;
}
.SharePanel
{
	width:344px;
	height:419px;
	margin-left:12px;
	float:left;
	background:url(images/bgSharePanel.png) no-repeat;
}
* html .SharePanel
{
	position:relative;
	display:inline;
}
.ShareFormContainer
{
	padding:15px;
	padding-top:85px;
}
.ContactPanel
{
	float:right;
	width:500px;
	height:419px;
	background:url(images/bgContactForm.png) no-repeat;
}
* html .ContactPanel
{
	position:relative;
	display:inline;
}
.ContactFormContainer
{
	padding:85px 30px 0 45px
}
.ContactFormContainer .TextBox
{
	margin-bottom:20px;
}

/************************************************************************
* Common page styles
************************************************************************/
.ColumnLeft
{
    width:600px;
    float:left;
}
.ColumnLeftNarrow
{
    float:left;
    width:235px;
}
.ColumnCenter
{
	width:450px;
	margin:0 auto;
}
.ColumnRight
{
	width:332px;
	float:right;
	position:relative;
}
.ColumnRightNarrow
{
    float:right;
    width:235px;
}
.clear
{
	clear:both;
	visibility:hidden;
}
.ContentPadding
{
	padding:10px;
}

/* control panel */
.ControlPanel
{
	text-align:center;
}

.ControlBar
{
	height:28px;
	border-bottom:solid 1px #333;
	margin:0;
	padding:0;
	line-height:28px;
}
.icon
{
	display:inline;
	float:left;
	margin-top:2px;
	margin-right:5px;
}

/* shows a visual seperation */
.dashedline
{
    border-bottom: 1px dashed #9699ab;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:both;
}
.solidline
{
    border-bottom: 1px solid #9699ab;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:both;
}
.separator
{
	height:1px;
	margin:0;
	padding:0;
	background:#9699ab;
}

/************************************************************************
* Image functionality
************************************************************************/

.photo
{
    background:none;
    border:solid 1px #63aed9;
}

.picture
{
    background:none;
    border: solid 1px #63aed9;
    /*padding: 5px;*/
    margin: 5px;  
}

/************************************************************************
* List type pages
************************************************************************/

/* floats the thumbnail off to the right */
.thumbnail
{
    float: left;
    margin-right:10px;
}

/* Used by the page number control */
.PageNumbers
{
    display:inline;
}

.PageNumbers span
{
    padding-left: 3px;
}

.newscrumbs a
{
    font-weight: bold;
    padding-right: 2px;
}

/************************************************************************
* Page specific
************************************************************************/

/* even dowload button */
.downloadevent img
{
    margin-right: 5px;
    vertical-align: middle;
    border: none;
}

/* Header on view details type pages */
.itemdetails
{
    
}

/************************************************************************
* Forms
************************************************************************/
/* label column */
.formlabel
{
    text-align:right;
    vertical-align: top;
}

/* value column */
.formvalue
{
    vertical-align: top;
}

a.button
{
	text-decoration:none;
	cursor:pointer;
}
* html .button
{
	position:relative;
}
a.button span
{
	text-decoration:none;	
}
a.button:hover span
{
	text-decoration:underline;
}
a.button img
{
	border:none;
	vertical-align:middle;
}
.TextBox
{
	width:99%;
}

/************************************************************************
* Login banner
************************************************************************/
.LoginPanel
{
	height:69px;	
	background:url(images/bgAdminPanel.png) repeat-x;
	border-bottom:solid 1px #666;
}
.LoginContainer
{
	width:960px;
	margin:0 auto;
	position:relative;
}
.AdminLogo
{
	float:left;
}
.LoginInfo
{
	float:right;
	padding-top:4px;
	text-align:right;
}
.Login
{
	
}
.LoginAvatar
{
	display:inline;
	float:right;
	margin-left:10px;
}
.txtInput
{
	width:200px;
	height:14px;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:10px;
	margin-bottom:3px;
	padding-bottom:0px;
}
.LoginContainer ul.AdminMenu
{
	margin:0;
	padding:0;
	list-style:none;
	line-height:20px;
	clear:left;
}
.LoginContainer ul.AdminMenu li
{
	display:inline;
	margin:0;
	padding:0 10px;
	line-height:20px;
}


/************************************************************************
* Member Login page styles
************************************************************************/
.MemberLoginPanel
{
	margin:20px auto;
}
.MemberLoginPanel h2
{
	padding-bottom:2px;
	margin-bottom:10px;
	border-bottom:solid 1px #FFF;
	font-size:12px;
}

/************************************************************************
*News styles
************************************************************************/
.GridViewNewsList
{
	width:100%;
}

/************************************************************************
* Links Page styles
************************************************************************/
#LoadLinks li
{
	margin:0px;
	padding:5px 10px 5px 10px;
}
#LoadLinks li a
{
	font-weight:bold;
}
#LoadLinks li p
{
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
}
/************************************************************************
* Form Styles
************************************************************************/
.GridView
{
	width:100%;
	border:none;
	/*border:solid 1px #C89F3D;*/
	color:#FFF;
}
.GridViewHeader
{
	background:#000;
	color:#aa641f;
	text-align:left;
}
.GridViewRow
{
	background:#333;
}
.GridViewAltRow
{
	background:#111;
}
.FormView
{
	width:100%;
}
.DataList
{
}
.DataListCentered
{
	margin:0 auto;
}
.ListItem
{
	
}
.AltItem
{
	
	border-top:solid 1px #9699ab;
}
/************************************************************************
* Upload Controls
************************************************************************/
.fileControls
{
	/*width:600px;*/
	float:left;
	position:relative;
	margin-right:40px;
}
#UploadProgress
{
	width:250px;
	float:right;
	position:relative;
}
.VideoUploadContainer
{
	width:550px;
	margin:20px auto;
}

/************************************************************************
* Member Details styles
************************************************************************/
#MemberDetails
{
	width:500px;
	float:left;
	position:relative;
}
#AvatarManager
{
	width:390px;
	float:right;
	position:relative;
}

/************************************************************************
* Mail controls
************************************************************************/
.LoadMail .TextBox
{
	background:#FFF;
	/*background:url(/images/bgTextBox.png) repeat-x;*/
	border:solid 1px #194a86;
	cursor:text;
}
.MailControls
{
	width:141px;
	height:32px;
	margin:0 auto;
	text-align:center;
	position:relative;
}
.MailProgressIndicator
{
	width:141px;
	height:32px;
	background:#FFF;
	border:solid 1px #94a0c4;
	line-height:24px;
	position:absolute;
	top:0;
	left:0;
	z-index:9;
}
.MailProgressIndicator span
{
	line-height:32px;
	color:#FF0000;
}
.MailProgressIndicator img
{
	vertical-align:middle;
}
.validation
{
	color:#FF0000;
}

/************************************************************************
* browser specific styles
************************************************************************/
/* IE dotted outline removal */
* html a
{
	behavior: url(/scripts/onclickbehavior.htc);
}
/* Mozilla dotted outline removal */
:focus
{
	-moz-outline-style:none;
}
/* IE6 png */
* html .png
{
	border:none;
	behavior:url(/scripts/pngbehavior.htc);
	position:relative;
}
/* IE positioning fix */
* html .IEfix
{
	position:relative;
}
