/** {margin: 0; padding: 0; border: 0;}*/

body {
  margin:0;
}

.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearFix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearFix {height: 1%;}
.clearFix {display: block;}
/* End hide from IE-mac */

div.page_wrapper
{
    width: 920px;
}

div.page_footer
{
	position: relative;
	z-index: 10;
}

div.pageContent
{
   margin-bottom: 10px;
}

div.pageContent, div.page_title
{
    padding: 0;
    z-index: 10;
}

div.header_container
{
	position: relative;
	height: 250px;
	z-index: 1;
}


div.subheader_container
{
	position: relative;
	z-index: 1;
}
div.header_banner_wrapper
{
	position: absolute;
	height: 250px;
	width: 480px; /* 838px; */
	right: 5px;
	top: -1px;
	overflow:hidden;

}

div.header_banner
{
	margin: 10px;
	height: 250px;
	width: 500px; /* 838px; */
	overflow:hidden;
}

div.header_nav
{
	overflow: hidden;
	width: 250px;
	margin-top: 10px;
}

div.header_adminnav
{
	overflow: hidden;
	width: 775px;
	margin-top: 10px;
}

div.header_navwrapper
{
	position: absolute;
	top: -1px;
	height: 250px;
    padding: 0px;
    margin: 0px 0px 10px 5px;
    overflow: hidden;
    width: auto;
}

div.header_login
{
	overflow: hidden;
	width: 235px;
	margin: 10px;
}

div.header_loginwrapper
{
	position: absolute;
	top: -1px;
	height: 170px;
    padding: 0px;
    margin: 0px 0px 10px 5px;
    overflow: hidden;
    width: auto;
}

.column_container {
  margin: 0;
}

.column_container div.ColumnAinA {
  overflow: hidden;
  padding: 0;
  width: auto;
  margin: 0;
}

.column_container div.ColumnAinAAB{
  
  overflow: hidden;
  padding: 0;
  float: left;
  width: 550px; /* 593px; */
}

.column_container div.ColumnBinAAB {
  overflow: hidden;
  padding: 0 0 0 0px;
  float: right;
  width: 340px; 
}

.column_container div.ColumnAinABB{
  overflow : hidden;
  padding: 0 10px 0 0;
  float: left;
  width: 340px;
}

.column_container div.ColumnBinABB{  
  overflow: hidden;
  padding: 0 0 0 0px;
  float: right;
  width: 550px;
}

.column_container .contentBoxPadding div.ColumnAinAAB{ width: 540px; }
.column_container .contentBoxPadding div.ColumnBinAAB{ width: 315px; }
.column_container .contentBoxPadding div.ColumnAinABB{ width: 315px; }
.column_container .contentBoxPadding div.ColumnBinABB{ width: 540px; }


.column_container div.ColumnAinAABC {
  overflow: hidden;
  padding: 0;
  float: left;
  width: 500px; /* 593px; */
}

.column_container div.ColumnBinAABC {
  overflow: hidden;
  padding: 0 0 0 0px;
  float: right;
  width: 240px; 
}

.column_container div.ColumnCinAABC {
  
  overflow: hidden;
  padding: 0;
  float: right;
  width: 125px; /* 593px; */
}




.column_container div.ColumnAinAABB{
  
  overflow: hidden;
  padding: 0 20px 0 0;
  float: left;
  width: 300px; /* 593px; */
  border: 0px solid blue;
}

.column_container div.ColumnBinAABB{
  
  overflow: hidden;
  padding: 0 0 0 10px;
  float: right;
  width: 300px; /* 300px; */
 /*margin-left: -1px;*/
	 border: 0px solid red;

}



#footer {
  clear: both;
  padding: 0px;
  margin: 0px;
}



#FeedListContainer a, #FeedListContainer a:visited, #FeedListContainer a:link, #FeedListContainer a:focus
{
    display: block;
    padding: 10px;
    text-decoration: none;
    background-color: Transparent;
}
#FeedListContainer a:hover
{
    background-color: #f2f2f2;
}


div.clear
{
	clear:both;
	height:0;
	margin:0;
	line-height: 0%;
	font-size: 1px;
}

div.contentSpace
{
	position: relative;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	padding: 0;
	clear: both;
}

div.contentBox
{
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	padding: 0;
	clear: both;
}

div.contentSpacePadding
{
	padding: 10px 0;
}

div.contentBoxPadding
{
	position: relative;
	padding: 10px;
}

div.contentBoxMargin
{
	margin: 10px;
}


/*
	Style.css
	
	Purpose:	Define standard size, margin, padding and other attributes for content tags
				Note: color is not included
*/

/*
cfb35b
7C979C
8FD871
947AC7
AE7391
*/

body
{
	/* background-color: #6b6b6b; */
	height: 100%;
    background-color: black;
	color: #d6d6d6;
	font-size: 12px;
	font-family: Arial;
}

div.page_wrapper
{
	margin: 0 auto;
	margin-bottom: 10px;	 
    padding: 0;
}

div.pageContent
{
	position: relative;
	padding: 0;
	margin: 0;	
	border-bottom: 1px solid black;
}

.column_container {
	border-left: 0px solid #333333;
	border-right: 0px solid #333333;
	border-bottom: 0px solid #333333;
	border-top: 0px solid #333333;
	background-color: #141414;
	padding: 10px 10px 10px 10px;
}

div.page_title
{
	position: relative;
	border-left: 0px solid #3F3F3F;
    border-right: 0px solid #3F3F3F;
    border-bottom: 1px solid #262626;
    border-top: 0px solid #3F3F3F;
    background-color: black; /* #141414; */
    padding-left: 5px;
}

div.page_footer
{
	background-color: #0f0f0f;
    border: 0px solid #232323;
    border-top: 1px solid #232323;
}

/********************************

Links

*********************************/

:link, :visited { text-decoration: none; }
:link:focus, :visited:focus { color: #4B6A9B; } /* 000099 */
:link { color: #4B6A9B; }
:visited { color: #4B6A9B;/*#7676FF;*/ }
:link:hover, :visited:hover { color: #AFD9E5; text-decoration: none; background-color: #141425;}
:link:active, :visited:active { color: #AFD9E5; }

:link img
{
	border: 0px solid black;
}

a.block
{
    display: block;
    padding: 5px;
    margin: 0 0 10px 0px;
}

a.blockNoFormatting
{
	margin: 0;
	color: inherit;
	background-color:  inherit;
    display: block;
    padding: 5px;
    border: 1px solid transparent;
}

a.blockNoFormatting:hover
{
	margin: 0;
	color: inherit;
	background-color:  inherit;
    display: block;
    padding: 5px;
    border: 1px solid #4B6A9B;
}

a.block:hover
{

}

a.moreLink
{
	margin: 10px 10px;
    float: right;
}



hr
{
	background-color: #262626;
	border: 0px solid red;
	height: 2px;
	margin: 20px 20px;
	padding: 0;
}


/********************************

Site Identity

*********************************/

div.site_identity
{
    background-color: #333333;
}

h1.site_identity, h1.site_identity_bottom
{
	background-color: transparent;
	font-family: Arial;
    font-size: .8em;
    text-align: left;
    margin: 0px 0px;
    padding: 10px 0px;
    line-height: 1.2em;
}

h1.site_identity a.siteName, h1.site_identity_bottom a.siteName
{
	color: #6E006E;
	font-size: 14px;
	font-family: Serif;
	letter-spacing: 1px;
}

h1.site_identity a.siteName:hover, h1.site_identity_bottom a.siteName:hover
{
	color: #6E006E;
    background-color: Transparent;
    text-decoration:none;
}

h1.site_identity_bottom
{
    text-align: right;
    margin: 0 10px;
}


/********************************

Sundial

*********************************/
div.SundialView
{
	position: absolute;
	left: -130px;
	top: -60px;
	margin: 0;
	padding: 0;
	border-width: 0px;
}

div.SundialView img
{
	margin: 0;
	padding: 0;
	width: 700px;
	height: 700px;
}


/********************************

Text

*********************************/
p 
{
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
}

/*h1
{
	8DBC78
	BEBEFF
	0E0E19

	color: #BEBEFF;
    font-size: 1.0em;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	background-color: #0E0E19;
	padding: 10px;
	line-height: 100%;
	font-family: Arial;
}*/


/*
Calibri
Cambria *
Candara;
Consolas*
*/

h1
{
	color: #6E006E;
	font-size: 1.3em;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0px 0px 1px 0px;
	line-height: 100%;
}

h2
{
	font-size: 1.3em;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0px 0px 1px 0px;
	line-height: 100%;
}

h3
{
	font-weight: normal;
	text-transform: lowercase;
    border-bottom: 1px dotted #333333;
    margin: 0px 0px 10px 0px;
    font-size: 1em;
    color: #4A9951;
}


h4
{
    text-transform: lowercase;
    margin: 0px 0px 10px 0px;
    font-size: 1em;
    color: #858585
}


/********************************

Lists

*********************************/

dt
{
	clear: both;
	float: left;
	width: 80px;
	font-size: .8em;
	color: #858585;
	border: 0px solid #000000;
}

dd
{
	margin-top: .50em;
	margin-bottom: .50em;
	margin-left: 4px;
	margin-right: 4px;
	
	border: 0px solid #000000;
}


ul
{
	list-style-position: outside;
	margin: 0px 0px 10px 0px;
	padding: 0 0 0 24px;
	list-style-image: url('../images/icons/Bullet.gif');
	line-height: 1.5em;
}

ol
{
	list-style-type: decimal;
	list-style-position: outside;
	margin: 10px 0px 10px 20px;
	padding: 0;
}

li
{
	padding: 0;
	margin: 0px 0px 5px 0px;
	line-height: 1.5em;
}



/********************************

Tables

*********************************/

table
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

table td
{
	text-align: left;
	font-weight: normal;
	padding: 5px;
	vertical-align: top;
}

table th
{
	background-color: #141414;

	text-align: left;
	font-weight: bold;
	padding: 5px;
	vertical-align: top;
}

table thead td
{
	font-weight: bold;
	background-color: #141414;
}

table td
{
	text-align: left;
	font-weight: normal;
	padding: 5px;
	vertical-align: top;
}

tr.alt td
{
	background-color: #141414;
}

td.leftCap, td.rightCap, td.middleNoCellBorders, td.middle
{
	border-top: 1px solid #262626;
	border-bottom: 1px solid #262626;
}
td.leftCap
{
	border-left: 1px solid #262626;
}
td.rightCap
{
	border-right: 1px solid #262626;
}
td.middleNoCellBorders
{
	
}
td.middle
{
	border-left: 1px solid #262626;
	border-right: 1px solid #262626;
}





/********************************

Global useful classes

*********************************/

div.contentSpace
{
	background-color: Black;
}

div.contentBox
{
	background-color: Black;
	border: 1px solid #262626; /**/
}

div.contentBoxNoBorder
{
	background-color: Black;
	border: 0px solid #262626; /**/
	
}

.extralight
{
	color: #4C4C4C;
}

.extralight a
{
	color: #4C4C4C;
}

.light
{
	color: #858585;
}

.light a
{
	color: #405C84;
}

.highlight
{
	color: #A46BD6;
}

.highlightedHeading
{
	color: #A46BD6;
}

.small
{
	font-size: .8em;
}


a.Masked
{
	color: #7C979C;
}


/********************************

Flags

*********************************/

.flag
{
	display: inline-block;
	padding: 2px;
	margin: 0px 10px 5px 0;
	color: red;
	font-size: .8em;
	border: 1px solid #262626;
}

.nsfwFlag
{
	color: red;
}

.inactiveFlag
{
	color: blue;
}


.newContentFlag
{
	color: green;
}


.newPostFlag
{
	color: purple;
}





/********************************

Users

*********************************/


/* 

cfb35b
7C979C
8FD871
947AC7
AE7391
 */
a.user, span.user
{

	color: #BFB893; 
}

/*
D8D3A6
*/

a.persona:link, a.persona:visited, a.persona:link:active,  a.persona:visited:active, a.persona:link:focus, a.persona:visited:focus, span.persona
{
	 color: #BFB893; 
}

a.user:hover, a.persona:hover
{
	background-color: #23221B;
	color: #F2EBBA; 
}

a.userHeading, a.personaHeading
{
	display: block;
	float: left;
	font-size: 1.5em;
	margin: 0 0 5px 0;
	font-family: Serif;
	/*color: #8282AA; */
	 color: #BFB893; 
}


a.userHeading:hover, a.personaHeading:hover
{
	background-color: #23221B;
	color: #E0DECC; 
}

a.UserProfileTitle, a.UserProfileTitle:hover
{
	color: #A46BD6;
}

div.userOneLiner
{
	font-size: 1.2em;
	text-align: center;
	font-style: italic;
	margin: 5px 0 20px 0;
}

div.UserPanel a, a.GlobalUserPanelLink
{
	float: right;
	margin: 10px;
	font-size: .8em;
	line-height: 1em;
}

tr.MemberListItem td
{
	vertical-align: middle;
}

img.UserAvatar
{
	border: 0px solid red;
	margin-bottom: 10px;
}


/********************************

Master header

*********************************/

div.header_container
{
	position: relative;

	padding-bottom: 1px;
}

div.header_banner_wrapper
{
	border-top: 1px solid #262626;
	border-left: 1px solid #262626;
	border-right: 1px solid #262626;
	border-bottom: 1px solid #262626;
	background-color: transparent;	
}


div.header_banner
{
}

div.header_navwrapper
{
    border-top: 0px solid #262626;
	border-left: 0px solid #262626;
	border-right: 0px solid #262626;
	border-bottom: 0px solid #262626;
    background-color: transparent;
}

div.header_nav
{
	background-color: transparent;
}

div.navItem
{
	background-color: transparent;
}


div.header_loginwrapper
{
   /* border-top: 1px solid #262626;
	border-left: 1px solid #262626;
	border-right: 1px solid #262626;
	border-bottom: 1px solid #262626;*/
    background-color: transparent;
}

div.header_login
{
	background-color: transparent;
}

div.subheader_container
{
	padding: 9px 0 9px 0;
}

/********************************

Forms and Input

*********************************/

.FullWidth
{
	width: 420px;
}

.HalfWidth
{
	width: 280px;
}

.QuarterWidth
{
	width: 140px;
}


input, textarea, select 
{
    border: 1px solid #333333;
    padding: 5px;
    margin: 0;
    background-color: black;
    color: White;
    font-family: sans-serif;
    font-size: 1em;
}

input[type="hidden"]
{
	display: none;
}

fieldset {
  margin-bottom: 10px;
  border: 1px solid #191919;
}

fieldset.simple
{
	margin: 0 0 20px 0;
	padding: 0;
	border: 0px solid #191919;
}

fieldset legend {
  padding: 0 2px;
  font-weight: bold;
}
fieldset label {
  display: inline-block;
  line-height: 1.5;
  vertical-align: top;
}
fieldset ol {
  margin: 0;
  padding: 0;
}

fieldset.simple li {
  list-style: none;
  padding: 5px 0;
  margin: 0;
}

fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
fieldset fieldset label {
  display: block;
  width: auto;
}
fieldset label em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
fieldset label {
  width: 120px; /* Width of labels */
}
fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}



div.formActions
{
    padding: 5px 0;
    margin: 0px 0;
    background-color: transparent;
    border-top: 1px solid #191919;
    border-bottom: 1px solid #191919;
    text-align: right;
}

a.formButton, a.formButton-FloatRight, a.formButton-FloatLeft
{
    display: block;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #1a1a1a;
    border-left: 1px solid #333333;
    border-right: 1px solid #1a1a1a;
    padding: 5px 10px;
    color: #4B6A9B;
    background-color: #262626;
}

a.formButton:hover, a.formButton-FloatRight:hover, a.formButton-FloatLeft:hover
{

    color: #AFD9E5;
    background-color: #262626;
}

a.formButtonDown
{
	padding: 6px 9px 4px 11px;
	border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #1a1a1a;
    border-right: 1px solid #333333;
    background-color: #262626 !important;
}

a.formButtonDepressed
{
	border-top: 1px solid #1a1a1a !important; 
    border-bottom: 1px solid #1a1a1a !important; 
    border-left: 1px solid #1a1a1a !important; 
    border-right: 1px solid #1a1a1a !important; 
    background-color: black;
    background-image: url('../Images/Icons/loading.gif') !important;
    background-position: center center;
    background-repeat: no-repeat;
    color: gray;
}


div.formActions a.formButton, a.formButton-FloatRight
{
	float: right;
	margin-left: 0px;
	margin-right: 5px;
}

div.formActions a.formButton-FloatLeft
{
	float: left;
	margin-right: 0px;
	margin-left: 5px;
}

a.formButton-FloatLeft
{
	float: left;
	margin-right: 5px;
}

a.formButton, a.formButton-FloatRight
{
	float: right;
	margin-left: 5px;
}

/********************************

Pager

*********************************/

div.pager
{
	border-top: 1px solid #232323;
    margin: 10px 0;
    padding: 5px 0px;
}

div.pager :link, div.pager :visited, div.pager :link:focus, div.pager :visited:focus, div.pager span
{
    padding: 5px;
    background-color: black;
}

div.pager :hover, div.pager :link:hover, div.pager :visited:hover 
{
    background-color: #141425;
}

div.pager span.PageStatus
{
    border-right: 1px solid #232323;
    color: #858585;
    
}

div.pager span.CurrentPage
{
    background-color: #141425;
}

/********************************

Calendar

*********************************/
/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Dashboard CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron>, MIT Style License. */
input.dashboard,
select.dashboard {
	width: 149px;
}

button.dashboard {
	background: url("../Images/Calendar/dashboard-icon.gif");
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin: 10px 10px 0px 2px;
	width: 20px;
}
button.dashboard:hover,
button.dashboard.active {
	background-position: 0 20px;
}

div.dashboard 
{
	background-position: 0 20px;
	background-color: Black;
	height: 175px;
	padding: 0 12px;
	text-align: center;
	width: 147px;
	border:3px solid #333333;
}	
div.dashboard div {
	background: none !important;
	cursor: move;
	height: 165px;
	overflow: hidden;
	padding-top: 10px;
	position: relative;
	width: 147px;
}	

div.dashboard caption {
	color: #CF0;
	font: normal 12px/17px Arial, Helvetica, sans-serif;
	padding-top: 4px;
	text-align: center;
	width: 100%;
}
div.dashboard caption a {
	cursor: pointer;
	display: block;
	height: 11px;
	overflow: hidden;
	position: absolute;
	text-indent: -100px;
	top: 16px;
	width: 11px;
}
div.dashboard caption a.prev {
	background-image: url("../Images/Calendar/dashboard-prev.gif");
	left: 1px;
}
div.dashboard caption a.next {
	background-image: url("../Images/Calendar/dashboard-next.gif");
	right: 1px;
}
div.dashboard caption a:hover {
	background-position: 0 11px;
}
div.dashboard caption span {
	height: 25px;
	position: relative;
	text-align: center;
}
div.dashboard caption span.month {
	padding-right: 8px;
}
div.dashboard caption span.month:after {
	content: ',';
}

div.dashboard table {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	cursor: default;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	width: 147px;
}
div.dashboard td,
div.dashboard th {
	border: 0;
	color: #999;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 19px;
	text-align: center;
	padding:0;
	margin: 0;
	width: 21px;
	background-color: transparent;
}
div.dashboard td {
	color: #333;
	font-size: 11px;
	padding: 0;
	margin: 0;
	padding-right: 5px;
	text-align: right;
	width: 16px;
}
div.dashboard td.invalid {
	color: #666;
}
div.dashboard td.valid {
	color: #FFF;
	cursor: pointer;
}
div.dashboard td.active,
div.dashboard td.hover {
	color: #CF0;
	cursor: pointer;
}

/********************************

Login Form

*********************************/


table.siteLogin 
{
	width: 100%;
}

table.siteLogin td
{
	padding: 0;
	margin: 0;
}

table.siteLogin input
{
	padding:5px;

	border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
}



table.siteLogin span.rememberMe
{
	margin: 0px 5px;	
}

input.loginBox
{
    margin: 0 0 10px 0;	
    line-height: 100%;
    font-weight: bold;
    color: #008011;
    font-family: arial;
    font-size: 10px;
    width:220px;
}

input.innerLabel
{
    margin: 0 0 10px 0;	
    line-height: 100%;

    color: #333333;
    font-family: arial;
    font-size: 10px;
    width:220px;
}

input.loginButton
{
    margin:  0px;
    line-height: 100%;
    font-weight: bold;
    color: #008011;
    font-family: arial;
    font-size: 16px;
}

input.loginBox span.wrap
{
}



/********************************

Images and PNG Fixes

*********************************/
img
{
	margin: 0;
	padding: 0;
	border-width: 0;
}

.hTrans { background-image: url('../Images/Black-25p.png'); }
.mTrans { background-image: url('../Images/Black-50p.png'); }
.lTrans { background-image: url('../Images/Black-75p.png'); }

div.imageThumbnails 
{

}

div.imageThumbnail
{
	padding: 0;
	margin: 0;
	text-align: center;
}

div.imageThumbnails div.imageThumbnail
{
	float: left;
	padding: 0;
	margin: 10px;
}

div.imageFrameWrapper
{
	margin: 5px auto;
	border: 1px solid #262626;
}

div.imageFrame
{
	background-color: black;
	margin: 5px;
	border: 0px solid #262626;
	padding: 10px;
	text-align: center;
}




/********************************

Permissions

*********************************/
.TableCellCheckBox
{
	display: block;
	text-align: center;
	width: 50px;
	padding: 0;
	margin: 0;
}


/********************************

Tip list

*********************************/

ul.tips li
{
	margin-bottom: 15px;
}

/********************************

Block lists

*********************************/

ul.BlockList li a
{
	display: block;
	padding: 5px 10px;
	margin: 2px;
	background-color: #141414;
	border: 1px solid #141414;
}

ul.BlockList li a.UnsortedLink, ul.BlockList li a.AllLink
{
	padding: 2px 10px;
	font-size: .8em;

}

ul.BlockList li a:hover
{
	background-color: #333333;
	border: 1px solid #262626;
}

div.BlockList 
{
	background-color: Black;
	margin: 5px 0;
}

ul.BlockList
{
	list-style:none;
	margin: 0;
	padding: 0;
	list-style-image: none;
}

ul.BlockList li
{
	list-style:none;
	margin: 0;
	padding: 0;
}

/********************************

Select lists

*********************************/

div.SelectList
{
	position: relative;
	background-color: black;
	padding: 0px;
	margin: 10px;
}

div.SelectListWrapper
{
	height: 275px;
	overflow:auto;	
	padding: 0 5px 0 0;
	margin: 0px;
}


div.SelectListWrapper div.Item
{
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

.LabelSelectList div.SelectListWrapper div.Item a
{
	display:block;
	padding: 5px;
	width: 64px;
	height: 74px;
	background-color: black;
	border: 1px solid black;
}

.PersonaSelectList div.SelectListWrapper div.Item a
{
	display:block;
	padding: 5px;
	width: 114px;
	height: 124px;
	background-color: black;
	border: 1px solid black;
}

div.SelectListWrapper div.Item a:hover
{
	background-color: #141414;
	border: 1px solid #333333;
}

div.SelectListWrapper div.Item span
{
	padding: 0;
	Margin: 0;
	display:block;
	font-size: 12px;
	line-height: 12px;
}

/********************************

Categories

*********************************/

span.Category
{
	background-color: #1C1C1C;
}



/********************************

Previews

*********************************/

div.PreviewImages
{
	text-align: center;
	clear: both;
}

div.PreviewImages img
{
	border: 4px solid #262626;
	background-color: transparent;
}

div.PreviewImages a:hover
{
	background-color: transparent;
}







div.SWModalWrapper
{
	padding: 5px;
	border: 1px solid #262626;
	background-color: Black;
	margin: 0;
	z-index: 1000;
}

div.SWModal
{
	background-color: Black;
	padding: 5px;
	margin: 0;
}

a.SWCloseBar
{
	border: 0px solid grey;
	padding: 0px 5px;
	display: block;
	text-align: right;
	line-height: 100%;
}

span.SWModalTitle
{
	display: block;
	text-transform: lowercase;
    border-bottom: 1px solid #333333;
    margin: 0px 0px 10px 0px;
    font-size: .8em;
    color: #98BB72;
    clear: both;
}



/*

.mootabs_title {
	list-style-image: none;
	list-style-type: none;
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 24px;
	
}

.mootabs_title li {
	float: left;
	background-color: #141414;
	padding: 2px 8px;
	margin: 0px;
	margin-right: 2px;
	cursor: pointer;
	height: 24px;
	position: relative;
	top: -1px;
	z-index: 100;
}

.mootabs_title li.active {
	background-color: black;
	border-top: 1px solid #262626;
	border-right: 1px solid #262626;
	border-left: 1px solid #262626;
	position: relative;
	top: 0px;
	padding: 2px 8px;
}

.mootabs_title li.hovering {
	background-color: #333333;
}

.mootabs_panel {
	display: none;
	background-color: #ddd;
	position: relative;

	top: -1px;
	clear: both;
	/*overflow: auto;*//*
	border: 1px solid #262626;
	margin-bottom: 10px;
}

.mootabs_panel.active {
	background-color: black;
	display: block;
}

*/

/*

	Static Tabs

*/
.tabContainer
{
	border-bottom: 1px solid #262626;
	margin-bottom: -1px;
}

.tabs {
	list-style-image: none;
	list-style-type: none;
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 24px;
}

.tabs li {
	float: left;
	background-color: transparent;
	margin: 0;
	padding: 0;
	margin-right: 4px;
	top: 1px;
	position: relative;
	line-height: 100%;
	z-index: 100;
}

.tabs li a 
{
	display: block;
	background-color:transparent;
	padding: 10px 20px;
	cursor: pointer;
	z-index: 100;
}

.tabs li.active {
	background-color: #0f0f0f;
	border-top: 1px solid  #141414;
	border-right: 1px solid #0f0f0f;
	border-left: 1px solid #141414;
	top: 1px;
	font-weight: bold;
	font-size: 12px;
}

.tabs li.active a {
	background-color: #0f0f0f;
}

.tabs li.hovering {
	background-color: #333333;
}


/*tabBox
tabSet
tab
panelSet
panel*/

.tabSet {
	list-style-image: none;
	list-style-type: none;
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 24px;
	
}

.tabSet li.tab, .tabSet li.tabOff{
	float: left;
	background-color: #141414;
	padding: 2px 8px;
	margin: 0px;
	margin-right: 2px;
	cursor: pointer;
	height: 24px;
	position: relative;
	top: -1px;
	z-index: 100;
}

.tabSet li.tabOn {
	background-color: black;
	border-top: 1px solid #262626;
	border-right: 1px solid #262626;
	border-left: 1px solid #262626;
	position: relative;
	top: 1px;
	padding: 2px 8px;
}


.panel {
	display: none;
	background-color: black;
	position: relative;
	clear: both;
	/*overflow: auto;*/
	border: 0px solid red;
	margin: 10px 10px 10px 10px;
}

.panelSet {
	background-color: Black;
	position: relative;
	clear: both;
	/*overflow: auto;*/
	border: 1px solid #262626;
}

.panel-wide {
	display: none;
	background-color: black;
	position: relative;
	clear: both;
	/*overflow: auto;*/
	border: 0px solid red;
	margin: 0px;
}


.panelSet-wide {
	background-color: Black;
	position: relative;
	clear: both;
	/*overflow: auto;*/
	border-top: 1px solid #262626;
}


.navBars_container  
{
	position:relative;
	margin-left: 10px;
}

.navBars_container ul
{
	margin: 0;
	padding: 0;
	list-style-image: none;
}

.navBars_container h1 {
	z-index: 100;
}

.navBars {
	position: relative;
	background-color: black;
	z-index: 100;
}
 
.navBars .navBar {
	float: left;
	display: block;
	/*height: 230px;*/
	overflow: hidden;
	margin: 0 10px 0 0;
	background-color: transparent;
	

}


.navBars .navBar div {
	display: block;
	overflow: hidden;
}


.navBars a img
{
	margin: 0 13px;
}

a.navItem:link, a.navItem:visited
{
	display: block;
	padding: 10px 10px;
	width: 180px;
    border-top: 1px solid transparent;
    border: 1px solid transparent;
	color: #d6d6d6;
	margin: 0 0;
	font-size: 1.0em;
	
}

a.navItem:hover
{
	/* background-color: #262626;*/
	text-decoration: none;
	/*background-color: #191919 !important;*/
	background-image: url('../Images/Black-50p.png') !important;
	background-color: Transparent;
	border-bottom: 1px solid #AFD9E5;
	border: 1px solid #4B6A9B;
	color: white; 
}



div.contentListItem div.contentListItemMeta
{
	float: left;
	border: 0px solid red;
	width: 70px;
}

div.contentListItem div.contentListItemInfoWrapper
{

	border: 0px solid blue;
	margin: 0px 0px 0px 90px;
}
div.contentListItem div.contentListItemMeta div.LabelIcon
{
    width: 50px;
    height: 50px;
    background-color: transparent;
    margin: 0px 10px 10px 0px;
}

div.contentListItem div.contentListItemMeta div.LabelName
{
	margin: 0px 10px 10px 0px;
	width: 50px;
    height: 50px;
    background-color: #141414;
    text-align: center;
    overflow: hidden;
}


div.contentListItem div.contentListItemInfoWrapper div.contentListItemInfo
{
	margin: 0 0 0 0;
	padding: 5px 0;
	border: 0px solid red;
}


div.contentListItem div.contentListItemInfoWrapper h1
{
	font-size: 1.3em;
	background-color: transparent;
	font-family: Arial;
    margin: 0 0 5px 0;
    padding: 0;
}

div.contentListItem div.contentListItemInfoWrapper h1.new
{
	
}

div.contentListItem  div.contentListItemDescription
{
    line-height: 1.5em;
}

div.contentListItem  div.contentListItemComment
{
	line-height: 1.5em;
}


div.contentListItem
{
    margin: 20px 0 20px 0;
}

div.contentListItem div.contentListItemMeta
{
	float: left;
	border: 0px solid red;
	width: 70px;
}

div.contentListItem div.contentListItemInfoWrapper
{

	border: 0px solid blue;
	margin: 0px 0px 0px 90px;
}

div.contentListItem div.contentListItemMeta div.LabelIcon
{
    width: 50px;
    height: 50px;
    background-color: transparent;
    margin: 0px 10px 10px 0px;
}

div.contentListItem div.contentListItemMeta div.LabelName
{
	margin: 0px 10px 10px 0px;
	width: 50px;
    height: 50px;
    background-color: #141414;
    text-align: center;
    overflow: hidden;
}


div.contentListItem div.contentListItemInfoWrapper div.contentListItemInfo
{
	margin: 0 0 0 0;
	padding: 5px 0;
	border: 0px solid red;
}


div.contentListItem div.contentListItemInfoWrapper h1
{
	font-size: 1.3em;
	background-color: transparent;
	font-family: Arial;
    margin: 0 0 5px 0;
    padding: 0;
}

div.contentListItem div.contentListItemInfoWrapper h1.new
{
	
}

div.contentListItem  div.contentListItemDescription
{
    line-height: 1.5em;
}

div.contentListItem  div.contentListItemComment
{
	line-height: 1.5em;
}




/*******************************************

For detail viewing and editting of content:

********************************************/

div.ContentView 
{
    border: 1px solid #262626; /*#;*/
    margin: 0px;
    margin-bottom: 0px;
    background-color: Black;
    padding: 10px;
}

div.ContentView h3
{
    margin: 10px 0;
 
}


div.ContentView h1
{
	
}


div.ContentView div.MetaData
{
    color: #808080;
    margin: 0px;
    border-left: 0px solid #c0c0c0;
}


div.ContentView div.Col
{
	clear: both;
	width: 440px;
	margin: 0 auto;
    padding: 10px;
    overflow: hidden;
   
}

div.ContentView div.ColA
{
	float: left;
    border-top: 0px solid #333333;
    border-right: 0px solid #333333;
    padding: 10px 10px 10px 0px;
    overflow:hidden;
    width: 440px;
}


div.ContentView div.ColB
{
	overflow:hidden;
	float: right;
    border-top: 0px solid #333333;
    border-right: 0px solid #333333;
	margin-left: 0px;
    width: 250px;
    padding: 10px 10px 10px 0px;
}

div.ContentView  div.DescriptionWrapper
{
	width: auto;
	margin: 0;
	padding: 0;
}

/*******************************************

For detail viewing and editting of Articles:

********************************************/

input.ArticleTitle
{
    margin: 0px 0px 10px 0px;
    font-family: Serif;
    font-size: 2.0em;
    line-height: 100%;
    font-weight: normal;
    color: White;
}

h1.ArticleTitle
{
	font-family: Serif;
	font-size: 2.0em;
	color: White;
}


div.ContentView  div.ArticleText
{

}

/*******************************************

For random viewing of Quotes:

********************************************/


div.quoteExcerptContainer
{
	position: relative;
	z-index: 100;
	border-left: 1px solid #262626; /**/
	border-right: 1px solid #262626; /**/
	border-bottom: 1px solid #262626; /**/
	border-top: 0px solid #262626; /**/
}
div.quoteExcerptContainer a.showQuoteDetails
{
	padding: 5px;
	display: block;
	color: #d6d6d6;
}

div.quoteExcerptContainer span.Excerpt
{

}


div.quoteExcerptContainer div.quoteDetails
{
	
	display: none;
	border: 0px solid blue;
	margin: 10px;
}

span.doubleQuote
{
	font-weight: bold;
}

div.quoteExcerptContainer div.quoteWrapper
{
	width: 500px;
	margin: 0 auto;
	border: 0px solid red;
	margin-top: 10px;
}

div.quoteExcerptContainer span.doubleQuote, div.quoteExcerptContainer span.quote, div.quoteExcerptContainer span.attributedTo
{
	font-size: 1.4em;
	font-family:Times New Roman;
	border: 0px solid red;
}

div.quoteExcerptContainer span.attributedTo
{
	display: block;
	text-align: right;
}

div.quoteExcerptContainer span.byLine
{
	display: block;
	text-align: right;
}


/*******************************************

For detail viewing of Quotes:

********************************************/

div.QuoteViewWrapper
{
	margin: 10px auto;
	width: 500px;
}

div.QuoteView
{
	font-size: 1.4em;
	font-family:Times New Roman;
}

div.QuoteView span.DoubleQuote
{
	font-weight: bold;
}

div.QuoteView span.Quote
{
	
}

div.QuoteView div.AttributedTo
{
	margin: 10px 40px;
	float: right;
}


/*******************************************

For detail viewing of Images

********************************************/


div.ContentView div.ImageViewWrapper div.ImageView 
{
	border: 1px solid blue;
	background-color: black;
}

div.ContentView div.ImageViewWrapper div.ImageView div 
{
	border: 1px solid green;
	background-color: black;
}

div.ImageViewWrapper h1
{
	text-align: left;
}




/*******************************************

For detail viewing of Link

********************************************/

div.LinkUrl
{
	font-size: 1.5em;
}


div.SelectedLabel
{
	float: left;
	width: 52px;
	height: 52px;
}

div.ChooseLabel
{
	background-color: Black;
}

table.LabelTable 
{
	margin: 0px;
	padding: 0px;
}
	
table.LabelTable td
{
	margin: 0px;
	padding: 0px;
}

div.SelectedLabel a
{
	display:block;

	height:50px;
	width:50px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #1a1a1a;
}

div.SelectedLabel a:hover
{
	border: 1px solid #333333;
}

table.LabelTable a
{
	display:block;
	margin: 0;
	padding: 0;
	height:50px;
	width:50px;
	text-align: center;
	vertical-align: middle;
	border: 3px solid #1a1a1a;
}

table.LabelTable a:hover
{
	border: 3px solid #333333;
}



.RatePost 
{
	width: 100px;
}

.RatePost a
{
	display: block;
	padding: 5px;
}

.rabidRating {	
	cursor: pointer;
	background: #ccc;
}

.rabidRating,.rabidRating span {
	display: block;
	width: 110px;
	height: 25px;
}

.rabidRating span {
	position: relative;
	top: 0;
	left: 0;
	text-indent: -999em;
}

.rabidRating .ratingStars {
	display: block;
	background: url('../Images/Ratings/hearts.png') no-repeat center;
}

.rabidRating .ratingFill {
	background: #ff0000;
	width: 50px;
}

.rabidRating.ratingVoted {
	cursor: default;
}

.ratingActiveFillColor {
	background: #ffee00;
}

.ratingVotedFillColor {
	background: #0069ff;
}



div.ThreadBrowserWrapper
{
	width: 778px;
		margin-bottom: 10px;

}

table.ThreadBrowser
{
	width: 100%;	
	border: 1px solid #333333;
	margin-left: 1px;
}

table.ThreadBrowser th
{
	border: 1px solid #333333;
	background-color: transparent;
	padding-left: 10px;
}

table.ThreadBrowser td
{
	/*border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;*/
	background-color: Black;
	vertical-align: middle;
	padding-left: 10px;
}

table.ThreadBrowser tr.Alt td
{
	background-color: #141414;
}
table.ThreadBrowser td a.ContentTitle
{
	
}



div.OnlineUsers, div.TopPosters
{
	margin: 10px;
}

ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #333333;
	/*border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;*/
	background-color:		black;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
	color:					#9FCFFF;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#fff;
}

div.postListItem
{
	margin: 0 0 10px 0;
    padding: 0;
    border-top: 0px dotted #222222;
    border-bottom: 0px dotted #222222;
}

div.postListItem-Alt
{
    margin: 0 0 10px 0;
    padding: 0;
    border-top: 0px dotted #222222;
    border-bottom: 0px dotted #222222;
}



/********************************

Post Thread Tree

*********************************/

ul.tree a.newPostButton
{
	display: block;
	margin: 0;
	padding: 5px;
	min-width : 300px;
    max-width : 788px;
	border-bottom: 1px solid #182333;
    border-right: 2px solid #182333;
    border-left: 1px solid #25354C;
    border-top: 1px solid #25354C;
}

ul.root 
{
	position: relative;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: none;
	background: none;
	margin: 0;
	padding: 0;
	z-index: 10;
}

ul.tree, ul.tree ul  
{
	position: relative;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: none;
	margin: 0;
	padding: 0;
	z-index: 10;
}

ul.tree ul.tree, ul.root ul {
		margin-left: 9px;

}

ul.tree li { 
	margin: 0; 
	padding: 0px 0 0px 20px; 
 }

ul.tree li.rootNode { 
	margin: 0; 
	padding: 0 0; 
	background: none;
 }

ul.tree div.node
{
	margin: 0 0; 
	padding: 15px 0 0 0;

}

ul.tree { 
	background: url('../images/trees/1/vline.png') repeat-y;
}

ul.tree li { 
	background: url('../images/trees/1/node.png') no-repeat; 
}

ul.tree li.last { 
	background: black url('../images/trees/1/lastnode.png') no-repeat; 
}


ul.tree ul{ 
	background: url('../images/trees/2/vline.png') repeat-y;
}

ul.tree li ul li { 
	background: url('../images/trees/2/node.png') no-repeat; 
}

ul.tree li ul li.last { 
	background: black url('../images/trees/2/lastnode.png') no-repeat; 
}


ul.tree ul ul{ 
	background: url('../images/trees/3/vline.png') repeat-y;
}

ul.tree li ul li ul li { 
	background: url('../images/trees/3/node.png') no-repeat; 
}

ul.tree li ul li ul li.last{ 
	background: black url('../images/trees/3/lastnode.png') no-repeat; 
}


/********************************

Posts

*********************************/

div.postShell
{
    margin: 0;
    padding: 0;
    background-color: Black;
    min-width : 300px;
    max-width : 800px;
}

div.postQuote
{
    border-left: 1px dotted #262626;
    margin: 10px 0 0 10px;
    padding: 10px;
}


div.postAvatar
{
	clear: both;
}

div.postShell table.postTable
{
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-bottom: 0px solid #141414;
    border-right: 2px solid #141414;
    border-left: 1px solid #262626;
    border-top: 1px solid #262626;
}

div.replyToContainer
{
	padding-left: 10px;
	padding-bottom:0px;
}

div.replyToContainer div.postShell
{
    border-left: 1px solid #25354C;
    padding-top: 20px;
}

div.replyToContainer div.postShell table.postTable
{
	border-bottom: 1px solid #182333;
    border-right: 2px solid #182333;
    border-left: 0px solid #25354C;
    border-top: 1px solid #25354C;
}

table.postTable td
{
    vertical-align : top;
}

table.postTable td.topCell, table.postTable td.bottomCell
{
    background-color: #141414;
    font-size: .8em;
    padding: 2px 5px;
}
 
table.postTable td.personaCell
{
    border-right: 2px solid #141414;
    background-color: transparent;
    width: 150px;
    padding: 10px;
}


table.postTable td.bodyCell 
{
	padding: 0px;
}

div.postShell div.postTitle
{
    margin: 0;
    padding: 10px 10px;
    border-bottom: 1px solid #141414;
}

div.postShell div.postTitle input
{
    margin: 0px 0px 0px 0px;
    width: 98%; 
}

div.postShell td.bodyCell div.postBody
{
    margin: 0;
    padding: 0px;
    overflow:auto;

    
}

div.postShell td.bodyCell div.userSignature
{
	border-top: 1px solid #141414;
    margin: 0;
    padding: 10px 0;	
}

.bodyCellInput
{
    margin: 10px 0px 10px 10px;
}

div.postShell div.postActions
{
	float: right;
	display: block;
    margin: 0;
    padding: 0;
    text-align: right;
}

div.postShell div.postActions span.postAction
{
    margin: 0 0.5em;
    padding: 0;
}

div.postShell div.postActions span.postAction a
{
    margin: 0;
    padding: 0;
}

div.postShell div.postInfo
{
	float: left;
	display: block;
    margin: 0;
    padding: 0;
    text-align: right;
}


div.postShell .brilliantRating
{
	/*font-family: Monospace;*/
	font-weight: bold;
	color: #858585;
}

div.postShell .positiveRating
{
	/*font-family: Monospace;*/
	color: #858585;
}

div.postShell .negativeRating
{
	/*font-family: Monospace;*/
	color: #858585;
}

a.feedbackFormToggle
{
	float: right;	
	margin-right: 5px;
}

div.feedbackFormContainer
{
	text-align: right;
	float: right;
	margin-top: 10px;
	margin-right: 5px;
	display: none;
	border: 1px solid transparent;
}

.feedbackText
{
	width: 470px;
	margin-bottom: 6px;
}

feedbackStatus
{
	float: right;
}

.feedbackSubmitStatus
{
	display: none;
}



/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="images" />
		<div class="captions" />
		<div class="controller" />
		<div class="thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow 
{
	display: block;
	position: relative;
	z-index: 101;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 102;
	
}		
.slideshow-thumbnails {
	overflow: hidden;

}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 300px;
	width: 400px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 300px;
	margin: 0 auto 100px auto;
	width: 400px;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url('../images/slideshow/controller.png') no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url('../images/slideshow/controller-first.gif');
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url('../images/slideshow/controller-last.gif');
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url('../images/slideshow/controller-next.gif');
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url('../images/slideshow/controller-pause.gif');
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url('../images/slideshow/controller-prev.gif');
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails 
{
	
	height: 120px;
	left: 0;
	bottom: -120px;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 100px;
	border: 1px solid red;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}

#uploader-status
{
	background-color:		#F9F7ED;
	padding:				10px 15px;
	width:					420px;
}

#uploader-status .progress
{
	background:				white url(../Images/Uploader/progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}

#uploader-status .progress-text
{
	font-size:				0.9em;
	font-weight:			bold;
}

#uploader-list
{
	list-style:				none;
	width:					450px;
	margin:					0;
}

#uploader-list li.file
{
	border-bottom:			1px solid #eee;
	background:				url(../Images/Uploader/file.png) no-repeat 4px 4px;
}
#uploader-list li.file.file-uploading
{
	background-image:		url(../Images/Uploader/uploading.png);
	background-color:		#D9DDE9;
}
#uploader-list li.file.file-success
{
	background-image:		url(../Images/Uploader/success.png);
}
#uploader-list li.file.file-failed
{
	background-image:		url(../Images/Uploader/failed.png);
}

#uploader-list li.file .file-name
{
	font-size:				1.2em;
	margin-left:			44px;
	display:				block;
	clear:					left;
	line-height:			40px;
	height:					40px;
	font-weight:			bold;
}
#uploader-list li.file .file-size
{
	font-size:				0.9em;
	line-height:			18px;
	float:					right;
	margin-top:				2px;
	margin-right:			6px;
}
#uploader-list li.file .file-info
{
	display:				block;
	margin-left:			44px;
	font-size:				0.9em;
	line-height:			20px;
	/*clear*/
}
#uploader-list li.file .file-remove
{
	clear:					right;
	float:					right;
	line-height:			18px;
	margin-right:			6px;
}

/********************************

Alerts

*********************************/

div.alertListItem, div.alertListItem-Alt
{
	margin: 0px 0 10px 0;
}

div.output
{
	margin : 0 0 10px 80px;
}

div.outputExtra
{
	margin : 0 0 10px 80px;
}

div.displayDate
{
	float: left;
	border: 0px solid red;
	width: 60px;
}

/********************************

Persona and User Browser

*********************************/


div.browser
{
}

div.browser table
{
	width: 80%;
	margin: 0 20%;
	border: 1px solid red;
}

div.browser table td
{
	width: 50%;
	padding: 0;
	border: 20px solid blue;
}

div.userID
{
	float: left;
	background-color: Black; /* #262010;*/
	/*border-top: 1px solid #4C4122;
	border-left: 1px solid #4C4122;
	border-right: 1px solid #332B16;
	border-bottom: 1px solid #332B16;*/

	padding: 0px;
	margin: 5px 5px 5px 60px;
	height: 200px;
	width: 370px;
	overflow: hidden;
}

div.userID div.details
{
	border: 0px solid red;
	margin-left: 125px;
}

div.userID div.polaroidWrapper
{
	float: left;
	/*border-top: 1px solid #16130A;
	border-left: 1px solid #16130A;
	border-right: 1px solid #332B16;
	border-bottom: 1px solid #332B16;*/
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 9px 5px 30px 5px;
	background-image: url('../images/polaroid.gif');
	background-repeat: no-repeat;
	width: 110px;
	height: 138px;
}

div.personaID
{
	float: left;
	background-color: Black; /* #262010;*/
	/*border-top: 1px solid #4C4122;
	border-left: 1px solid #4C4122;
	border-right: 1px solid #332B16;
	border-bottom: 1px solid #332B16;*/

	padding: 0px;
	margin: 5px 5px 5px 60px;
	height: 200px;
	width: 370px;
	overflow: hidden;
}

div.personaIDDetails
{
	border: 0px solid red;
	margin-left: 125px;
}

div.personaID div.polaroidWrapper
{
	float: left;
	/*border-top: 1px solid #16130A;
	border-left: 1px solid #16130A;
	border-right: 1px solid #332B16;
	border-bottom: 1px solid #332B16;*/
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 9px 5px 30px 5px;
	background-image: url('../images/polaroid.gif');
	background-repeat: no-repeat;
	width: 110px;
	height: 138px;
	
}

div.userID img
{
	text-align: center;
}

div.personaID h2, div.userID h2
{
	float: left;
}

div.personaID div.description, div.userID div.description
{
	margin-top: 10px;
}