﻿html, body
{
	height:100%;
	margin:0;
	padding:0;
}
body
{	
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background:#121528 url(/images/bgBody.jpg) no-repeat;
    /*background:#d6d6d8 url(/images/bgBody.png) repeat-x;*/
    /*background:#333 url(/images/bgBearclawPinnacle_333.jpg) repeat-x;*/
    /*background:#b3b3b3 url(/images/bgBearclawPinnacle_b3.jpg) repeat-x;*/
    background-attachment:fixed;
    background-position:center top;
    color:#FFF;
    font-size:11px;
	line-height:18px;
	overflow:-moz-scrollbars-vertical;
}
a
{
	outline:none;
}
a:link
{
	text-decoration:none;
	color:#CFC60A;
}
a:visited
{
	text-decoration:none;
	color:#CFC956;
}
a:hover
{
	text-decoration:underline;
	color: #FFFF66;
}
a:active
{
    text-decoration:none;
    color: #FFFFFF;
}
a:link img
{
	border-color:#CFC60A;
}
a:visited img
{
	border-color:#CFC956;
}
a:hover img
{
	border-color:#FFFF66;
}
a:active img
{
	border-color:#FFF;
}
input, select, textarea
{
    font-size:10px; 
    font-family:Arial, Helvetica, sans-serif;
}
h1, h2
{
	margin:0;
	padding:0px;
	color:#FFF;
}
h1
{
	padding-bottom:10px;
	font-size:18px;
	line-height:24px;
}
h2
{
	height:18px;
	padding-bottom:5px;
	font-size:14px;
	line-height:18px;
}
.icon
{
	position:absolute;
	top:-6px;
	z-index:1;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
    text-decoration:none;
    color:#FFF;
    font-size:11px;
}
h3, h4, h5
{
	margin:0;
	padding:0;
}
h3
{
	font-size:12px;
}
h4
{
	font-size:11px;
}
h5
{
	font-size:10px;
}
p 
{
   margin: 10px 0px 10px 0px;
}
hr
{
	display:block;
	clear:both;
	height:1px;
	margin:0;
	padding:0;
	background:#B1B1B1;
	line-height:0;
	overflow:hidden;
}

/* master page */
.PageContainer
{
	width:960px;
	margin:0 auto;
}
.HeaderContainer
{
    margin:0 auto;
    width: 960px;
    height:50px;
    /*border-left:solid 1px #B1B1B1;
    border-right:solid 1px #B1B1B1;
    background:url(/images/bgTatami.jpg) repeat;*/
    position:relative;
}
.logo
{
	width:210px;
	height:30px;
	position:relative;
	left:10px;
	top:10px;
	z-index:1;
}
#nnlogo
{
	width:210px;
	height:30px;
	position:relative;
	z-index:2;
}
a.HomeLink
{
	display:block;
	width:210px;
	height:30px;
	text-decoration:none;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
}
a.HomeLink span
{
	visibility:hidden;
}
.logo h1
{
	margin:0px;
	padding:0px;
}
.NavTop
{
	padding-top:5px;
    /*
    border:solid 1px #B1B1B1;
    border-top:none;
    background: url(/images/navAero-trans.png) no-repeat center center;*/
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, Helvetica-Narrow, sans-serif;
}
.BodyContainer
{
	margin:0 10px;
	border-top:solid 1px #393E49;
	border-bottom:solid 1px #393E49;
}

.NavBottom
{
    margin:0 auto;
    width:960px;
    height:38px;
    margin-top:15px;
    border:solid 1px #393E49;
    background: url(/images/navAero-trans.png) no-repeat center -2px;
    font-size:10px;
    font-weight:bold;
    font-family:Verdana, Arial, Helvetica, Helvetica-Narrow, sans-serif;
    line-height:38px;
    z-index:2;
}
.FooterContainer
{
    width:960px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    margin-top:10px;
    padding-bottom:22px;
    color:#9b9ca2;
	font-size:10px;
    line-height:14px;
}


/* Aero panels */
.Panel960Header
{
	width:960px;
	height:47px;
	background:url(/images/bg960Header.png) no-repeat;
}
.Panel960Body
{
	width:960px;
	background:url(/images/bg960Body.png) repeat-y;
}
.Panel960Footer
{
	width:960px;
	height:47px;
	color:#9b9ca2;
	background:url(/images/bg960Footer.png) no-repeat;
	line-height:36px;
	text-align:center;
}
.HeadlineContainer
{
	/*text-indent:30px;*/
	position:relative;
}
.HeadlineContainer .icon
{
	position:absolute;
	top:4px;
	left:-2px;
}

/* home colums */
.NewsListContainer
{
	width:310px;
	float:left;
}
.ForumListContainer
{
	width:310px;
	float:right;
}
.AdSpaceContainer
{
	padding-top:20px;
}

/* content styles */
.ContentContainer
{
	background:url(/images/Vista/VistaBodyCenter.png) repeat;
	border:solid 1px #3a3c48;
}
.ContentPanel
{
	background:url(/images/Vista/VistaBodyCenter.png) repeat;
}
.DetailPanel .thumbnail
{
	margin-right:20px;
}
.DetailPanel .ControlPanel
{
	margin-top:20px;
}
.DetailPanel dl
{
	margin:0;
	padding:0;
}
.DetailPanel dd
{
	margin:0;
	padding:0 0 0 20px;
}
.DetailPanel dd dl
{
	margin:0;
	padding-top:0;
	float:none;
}
.DetailPanel dd ul, .DetailPanel dd ol
{
	margin-left:15px;
	padding-left:15px;
}
.AdminPanel
{
	margin:10px 0;
	padding:5px;
	border:solid 1px #660000;
	background:#660000;
}
.AdminPanel a
{
	margin-right:10px;
}
.ColumnContainer
{
	width:940px;
	background:url(/Images/bgColumnContainer.png) repeat-y;
}
.ColumnLeft
{
    float:left;
    width:690px;
}
.ColumnLeft .padding
{
	padding:20px 25px;
}
.ColumnRight
{
	float:right;
	width:250px;
}
.ColumnRight .padding
{
	padding:20px 25px;
}
.PositionContainer
{
	position:relative;
	height:0;
}
.PositionContainer .topLeft
{
	position:absolute;
	top:0;
	left:0;
}
.PositionContainer .topRight
{
	position:absolute;
	top:0;
	right:0;
}
.spacer
{
	padding:0 5px;
}
.ListHeader, .ListFooter
{
	clear:both;
	height:24px;
	margin:0;
	padding:0 10px;
	border:solid 1px #3a3c48;
	background:url(/images/bgAeroPanel.png?v=2) repeat-x center top;
	line-height:24px;
	text-align:center;
}
.ListHeader
{
	border-bottom:none;
}
.ListFooter
{
	border-top:none;
}
ul.ListContainer
{
	list-style:none;
	margin:0;
	padding:0;
}
table.ListContainer
{
	width:100%;
	border:solid 1px #393E49;
}
ul.hList
{
	
}
ul.hList li
{
	display:inline;
}
li.ListItem, tr.ListItem td, .ContentPanel
{
	/*padding:10px;*/
	background:url(/images/Vista/VistaBodyCenter.png) repeat;
	border-collapse:collapse;
	/*border-top:solid 1px #393e49;
	border-bottom:solid 1px #393e49;*/
	/*border:solid 1px #393e49;*/
	border-bottom:solid 1px #393e49;
	line-height:16px;
}
li.ListItem
{
	margin:0;
	padding:0;
}
.ListItem p
{
	color:#FFF;
}
li.ListItem a, tr.ListItem a
{
	display:block;
	padding:10px;
}
li.ListItem a span.white, tr.ListItem a span.white
{
	color:#FFF;
}
li.ListItem a:hover, li.ListItem a:active, 
tr.ListItem a:hover, tr.ListItem a:active
{
	background:url(/images/bgSelected.png) repeat;
	text-decoration:none;
}
.ListItem .thumbnail
{
	width:32px;
	height:32px;
}
.ListItem h3
{
	font-size:11px;
	/*font-weight:normal;*/
}
li.SelectedItem, a.SelectedItem, tr.SelectedItem td
{
	padding:10px;	
	background:url(/images/bgSelected.png) repeat;
	line-height:16px;
}

/*
li.ListItem, tr.ListItem td
{
	background:url(/images/Vista/VistaBodyCenter.png) repeat;
	border-collapse:collapse;
	border:solid 1px #393e49;
	line-height:16px;
}
li.ListItem
{
	margin:1px;
}
*/

li.ListItem
{
	border:solid 1px #393E49;
	border-top-width:0;
}
li.ListItem:first-child
{
	border-top-width:1px;
}
.ListItem .thumbnail
{
	width:32px;
	height:32px;
}
.ListItem h3
{
	font-size:11px;
	/*font-weight:normal;*/
}
li.SelectedItem, a.SelectedItem, tr.SelectedItem td
{
	padding:10px;	
	background:url(/images/bgSelected.png) repeat;
	line-height:16px;
}
tr.SelectedItem td
{
	border-top:solid 1px #393e49;
	border-bottom:solid 1px #393e49;
}
.ListContainer .separator
{
	height:1px;
	margin:0;
	padding:0;
	overflow:hidden;
	background:#393E49;
}

 #moduleContainer
{
	width:190px;
	height:278px;
    margin: 0;
    padding:0;
    /*position: relative;*/
    border:none;
}

.clear2column
{
    margin:0;
    padding:0;
    line-height:0;
    font-size:0px;
    height:0px;
    clear: both;
}
 
.image_story
{
	border: 1px solid #FFFFFF;
	float: left;
	margin-right: 10px;
}

#vananavi
{
	/*margin-bottom:10px;*/
	border: solid 1px #FFF;
}

.NoBreak br
{
	display:none;
}

.LoginBanner
{
	position:absolute;
	top:10px;
	right:10px;
	z-index:9;
	border:none;
	color:#FFF;
    font-size: 11px;
    line-height:18px;
    font-weight:normal;
}
.LoginBanner a, .LoginBanner a:link, .LoginBanner a:visited, 
.LoginBanner a:hover, .LoginBanner a:active
{
	color:#FFF;
	font-weight:bold;
}
.Login
{
	/*float:right;*/
}
.centered
{
	text-align: center;
}

/* for the login block
    picks up most of its properties from .fullwidth */

.LoginName
{
	clear:right;
	padding:5px;
	text-align:right;
}

/* Goes around controls that need to be presented as a block of functionality  */
.controlblock
{
    border: 1px solid #FFFFFF;
    padding: 3px;
    margin: 2px 0 5px 0;
    vertical-align: top;
}

/* shows a visual seperation */
.dashedline
{
    border-bottom: 1px solid #EFEFEF;
    margin-top: 5px;
    margin-bottom: 10px;
    clear:both;
}

/* Command buttons on pages */
.actionbuttons
{
	background-color:Transparent;
	float:right;
	text-align:right;
	position:relative;
	padding:0px;
}
.leftButtons
{
	background-color:Transparent;
	float:left;
	margin-top:10px;
	padding-bottom:10px;
	position:relative;
}
.nextlink
{
	background-color:Transparent;
    float:right;
    position:relative;
}

.clear
{
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
.separator
{
	margin:5px 0;
	height:1px;
	background:#6d7d91;
	overflow:hidden;
}

/************************************************************************
* Controls
************************************************************************/
.GridView
{
	width:100%;
}
* html .GridView
{
	position:relative;
}
.GridViewRow
{
}
.GridViewAltRow
{
	background:#333;
}
.GridViewPager
{
}
.GridViewSelected
{
	background:#660000;
}
.FormView
{
	width:100%;
}
.DataList
{
	margin:0 auto;
}
* html .DataList
{
	position:relative;
}

/* RadEditor */
.BlockEditor
{
	width:100%;
	margin:0;
	padding:0;
}

.thumbnail
{
	display:inline;
    float:left;
    margin-right:10px;
}
a.thumbnail:link, a.thumbnail:visited,
a.thumbnail:hover, a.thumbnail:active
{
	text-decoration:none;
}

/*used to clear the float for the thumbnail */
.clearlist
{
    clear:right;
    margin:0;
    padding:0;
    height: 0px;
    font-size:0px;
    line-height:0px;
}

/* custom pager */
.PageNumbers
{
    display:inline;
}
.PageNumbers span
{
    padding-left: 3px;
}

.newscrumbs a
{
    font-weight: bold;
    padding-right: 2px;
}

/* Used in the two column lists */

.membercard
{
	/*background: url(/images/background_module.jpg) repeat;*/
    /*border: 1px solid #E8DCA3;*/
    padding: 10px;
    margin-bottom: 10px;
    width: 198px;
}

.clearcard
{
    clear:left;
    height:0;
    margin:0;
    padding:0;
}

#membercardcolumnleft
{
    float: left;
    position: relative;
}
#membercardcolumnright
{
    margin-left: 226px;
}
.membercard p
{
    margin: 5px;
}

/************************************************************************
* Page specific 
************************************************************************/
/* event dowload button */
.downloadevent img
{
    margin-right: 5px;
    vertical-align: middle;
    border: none;
}

/* Header on view details type pages */
.itemdetails
{
    font-size: 10px;
}



/************************************************************************
* Photo selection controls
************************************************************************/

#popupbody
{
    font-family: Verdana, Arial, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    font-size: 10px;
}

#popupinner
{
    margin: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#popupbody h2
{
    font-weight: bold;
    margin: 0px;
    padding: 1px 0px 5px 5px;
    display: block;
}
.PhotoDetails
{
	border:solid 1px #3a3c48;
}
.PhotoDetails h1, .PhotoDetails h2
{
	
}
.PhotoSelector
{
	border:solid 1px #393E49;
}
.PhotoList
{
	height:112px;
	/*border:solid 1px #B1B1B1;*/
	overflow-y:scroll;
}
.PhotoList .selected, .PhotoList .unselected
{
	float:left;
	display:inline;
	margin-top:10px;
	margin-left:10px;
	width:80px;
	padding:10px 5px 0;
}
a.selected:link, a.selected:visited,
a.selected:hover, a.selected:active,
a.unselected:link, a.unselected:visited,
a.unselected:hover, a.unselected:active
{
    text-align:center;
    overflow:hidden;
    cursor:hand;
    cursor:pointer;
    text-decoration:none;
}
.selected a, .unselected a
{
	display:block;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
    cursor:hand;
    cursor:pointer;
}
.selected img, .unselected img
{
	display:block;
	width:64px;
	height:64px;
	margin:auto;
}
.unselected:link, .unselected:visited
{
    border: solid 1px #EFEFEF;
    background:transparent;
}
.unselected:hover, unselected:active,
.selected
{
	border:solid 1px #FEFFAB;
	background-color: #36355F;
}
.ScrollPanel
{
	height:120px;
    border:solid 1px #3a3c48;
    overflow-y:auto;
}
.scrollablelist
{
    height:120px;
    border:solid 1px #FFF;
    border-bottom:none;
    text-align:center;
    overflow-y:scroll;
}
.scrollablelist
{
    height:120px;
    border:solid 1px #FFF;
    border-bottom:none;
    text-align:center;
    overflow-y:scroll;
}
.PhotoTable
{
	margin:0 auto;
	text-align:center;
}
.PhotoBox
{
	display:inline;
	float:left;
	margin-top:2px;
	margin-left:2px;
	white-space:nowrap;
}
.scrollablelist2
{
    overflow: auto;
    height: 230px;
    width: 210px;
    border: solid 1px #DBDB79;
}
.Selectable
{
	padding:2px;
}
.caption
{
	position:absolute;
	bottom:0;
	right:0;
	padding:5px 10px;
	background:url(/images/Vista/VistaBodyCenter.png) repeat;
	color:#FFF;
	font-size:10px;
	line-height:16px;
	text-decoration:none;
}
.contextbuttons
{
  margin: 5px 3px 5px 3px; 

}

/************************************************************************
* Forms
************************************************************************/

/* label column */
.formlabel
{
    width:120px; 
    vertical-align: top;
}

/* value column */
.formvalue
{
    vertical-align: top;
}
.TextBox
{
	width:100%;
}
.button
{
	cursor:pointer;
	font-size:10px;
}
* html .button
{
	position:relative;
}

/*********************************************
 * Page Frames
 *********************************************/
#bg_image
{
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 0;
}
#BodyContents 
{
	z-index: 1;
	position: absolute;
}

/************************************************************************
* Home section
************************************************************************/
#FeatureStoryContainer
{

}
.NewsTile
{
	float:left;
	width:212px;
	
}
.NewsTileSeparator
{
	float:left;
	width:10px;
}
.UpcomingEventsContainer
{
	float:left;
	width:340px;
}
.RecentEventsContainer
{
	float:right;
	width:340px;
}
.EventsList
{
	width:100%;
}
.ListPadding
{
	padding:10px;
}

/*********************************************
 * Videos Section
 *********************************************/
#VideoPlayerContainer
{
	float:left;
	width:320px;
	height:255px;
	position:relative;
}
.NowPlayingInfo
{
	float:right;
	width:300px;
	margin:0;
	padding:0;	
}
.btnPlay
{
	font-weight:bold;
	cursor:pointer;
	color: #CFC60A;
	/*position:relative;*/
}
/*, .btnPlay:link img, .btnPlay:visited img, .btnPlay:hover img, .btnPlay:active img*/
.btnPlay img
{
	vertical-align:middle;
	margin-left:5px;
	text-decoration:none;
	border:none;
}
.videoData a
{
	/*position:relative;*/
}
.videoDesc
{
	/*width:550px;*/
	float:left;
}
.btnVideoPager a
{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	padding-left:10px;
}
.btnVideoPager span
{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	padding-left:10px;
}

/************************************************************************
* Members Section
************************************************************************/
/*
.AvatarOff
{
	border:solid 1px #FFF;	
}
.AvatarOn
{
	border:solid 1px #FFFFFF;
}
*/
.AvatarThumb
{
	display:block;
	width:64px;
	height:64px;
	text-decoration:none;
	position:relative;
	border:none;
}
.AvatarThumb img
{
	border:none;
}
.AvatarThumb .dim
{
	display:block;
	width:64px;
	height:64px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background:url(/images/dim.png) repeat;
}
* html .AvatarThumb .dim
{
	/*
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/dim.png', sizingMethod='scale');
	*/
	display:none;
}
.AvatarThumb:hover .dim
{
	display:none;
}
.MemberDetailsContainer
{
	float:left;
	width:540px;
}
/*********************************************
 * Dojo TeamSpeak api styles
 *********************************************/
.TeamSpeak
{
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
}
.MemberTable
{
	float:left;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:11px;
}
.form1
{
	float:right;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:11px;
}

/*********************************************
 * Rich Text Editor styles
 *********************************************/
#descriptionContent p
{
	margin-bottom:0px;
	padding-bottom:0px;
}
/************************************************************************
* Aero Buttons
************************************************************************/
.btnAero
{
	background:url(/images/btnAeroMiddle-trans.png) repeat-x center center;
	
}
/* 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;
}

/************************************************************************
* button styles
************************************************************************/
a.button
{
	text-decoration:none;
	cursor:pointer;
}
a.button span
{
	line-height:16px;
}
a.button img
{
	border:none;
	vertical-align:middle;
}
a.button:hover span
{
	text-decoration:underline;
}
/* Editor buttons */
.Console
{
	clear:both;
	height:28px;
	margin:0;
	padding:0;
	background:url(/images/bgConsole.png) repeat-x center top;
	line-height:28px;
	text-align:center;
}
.ControlPanel, .HeaderPanel, .BodyPanel, .FooterPanel
{
	clear:both;
	height:24px;
	margin:0;
	padding:0 10px;
	border:solid 1px #3a3c48;
	background:url(/images/bgAeroPanel.png?v=2) repeat-x center top;
	line-height:24px;
	text-align:center;
}
.ContentContainer .ControlPanel
{
	margin-top:10px;
	border-right:none;
	border-bottom:none;
	border-left:none;
}
table.ControlPanel, tr.ControlPanel
{
	border:none;
}
.ControlPanel .ButtonPanel
{
	line-height:24px;
	height:24px;
}
.ControlPanel .ButtonPanel input
{
	width:16px;
	height:16px;
}
.ControlPanel h2
{
	padding-top:3px;
}
.ControlPanel div h2
{
	padding-top:0;
}
.ControlPanel img
{
	width:16px;
	height:16px;
	vertical-align:middle;
}
/*
* html .ControlPanel, * html .HeaderPanel, * html .BodyHeader, * html FooterPanel
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/VistaHeaderCenter.png", sizingMethod="scale");
}
.ControlPanel
{
	border:solid 1px #B1B1B1;
	border-collapse:collapse;
	text-align:center;
}
*/
.HeaderPanel
{
	padding:0;
	border-bottom:solid 1px #B1B1B1;
	text-align:center;
}
.BodyPanel
{
	padding:0;
	border:none;
	/*border-top:solid 1px #B1B1B1;
	border-bottom:solid 1px #B1B1B1;*/
}
.FooterPanel
{
	padding:0;
	border-top:solid 1px #B1B1B1;
	text-align:center;
}
.ListPager .ControlPanel
{
	border:none;
}
* html .ControlPanel input
{
	position:relative;
	border:none;
	behavior:url(/scripts/pngbehavior.htc);
}
.ControlPanel a img
{
	width:16px;
	height:16px;
	margin:4px 0;
	vertical-align:middle;
}
.EditorButtons a
{
	display:inline;
	float:right;
	margin-right:10px;
	position:relative;
	top:-22px;
	z-index:1;
	text-decoration:none;
	cursor:pointer;
}
.EditorButtons a span
{
	line-height:16px;
}
.EditorButtons a img
{
	border:none;
	width:16px;
	height:16px;
	vertical-align:middle;
}
.EditorButtons a:hover span
{
	text-decoration:underline;
}