/* Symbiotic Digital CSS */
/* Generic */

	html 
	{ 
		overflow: -moz-scrollbars-vertical; 
	}

	body 
	{ 
		background-color: #4B4B4B;
		color: #ffffff;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: s0px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 11px;
		background-image: url(img/pageBG.gif);
		background-position: top left;
	}
	img 
	{ 
		behavior: url("pngbehavior.htc"); 
		border: 0px;
	}
	table 
	{ 
		font-family: Verdana,Arial,Helvetica,sans-serif; 
		font-size: 11px; 
		color: #000000; 
	}
	form
	{
		 margin-bottom:0;
	}

	a:link		{ color:#003D8B; text-decoration: underline;}
	a:visited	{ color:#003D8B; text-decoration: underline;}
	a:hover		{ color:#ffffff; text-decoration: underline;}
	a:active	{ color:#F0BA00; text-decoration: none;     }

	H1,H2,H3,H4,H5
	{
		margin-top:2px;
		margin-bottom:2px;
	}
	HR 
	{ 
		border: none 0;
		border-top: 1px solid #686868;
		height: 1px; 
		padding: 0px;
	}
	
	fieldset
	{
		border: 1px solid #797979;
		/*background-color: #b7b7b7;*/
		background-image: url(img/fieldsetBackground.gif);
		background-position: top;
		background-repeat: repeat-x;
		_padding: 13px 6px 9px 6px;
		_position : relative;
		_margin-top: 16px;/* 
    _padding-top : 20px;  
    _display : block;
		*/
	}
	
	legend
	{
		color: #000000;
		font-weight: bold;
		_position:absolute;
		_top:-10px;
	}
	
	/*
	
	legend 
	{
		color: #000000;
		text-align:right;
		font-weight: bold;
		_position:absolute;
		_top:-7px;
	}
	
	fieldset 
	{
		border:1px solid #555555;
		background-color: #E5E5E5;
		margin-top:10px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 3px;
		_position : relative;  
    _padding-top : 22px;  
    _display : block;
		_margin-top:16px;
	}*/
	
/* Buttons */

	.button 
	{ 
		width:104px; 
		height:33px; 
		background-image: url(img/navAway.gif); 
		font-size: 9px; 
	}
	
	a.button:link    { font-size: 9px; text-decoration:none; color:#FFFFFF; display:block; width:100%; height:100%; }
	a.button:visited { font-size: 9px; text-decoration:none; color:#FFFFFF; display:block; width:100%; height:100%; }
	a.button:hover   { font-size: 9px; text-decoration:none; color:#000000; display:block; width:100%; height:100%; background-image: url(img/navOver.gif) }
	a.button:active  { font-size: 9px; text-decoration:none; color:#FF0000; display:block; width:100%; height:100%; background-image: url(img/navOver.gif) }
	
	div.buttonArea 
	{
		text-align:center;
		float:left;
		line-height: 33px; /* same as height of link */
	}
	.buttonInactive { color: #777777; }
	.buttonForceWidth { width: 122px }
	
	.contentButtons { height:27px; }
	a.contentButtons:link		{ text-decoration:none; color:#FFFFFF; }
	a.contentButtons:visited	{ text-decoration:none; color:#FFFFFF; }
	a.contentButtons:hover		{ text-decoration:none; color:#000000; }
	a.contentButtons:active		{ text-decoration:none; color:#FF0000; }

/* Search 008000 */

	.searchResultHighlight 
	{ 
		background-color: #FFDA44; 
		font-weight: bold; 
	}
	.searchResultLink { color: #008000; }
	.searchPageListing { font-size: 16px; font-weight: bold; }
	a.searchPageListing:link { font-size: 14px; font-weight: bold; }
	a.searchPageListing:visited { font-size: 14px; font-weight: bold; }
	a.searchPageListing:hover { font-size: 14px; font-weight: bold; }
	a.searchPageListing:active { font-size: 14px; font-weight: bold; }

/* Footer */

	.footer	{ color: #838383; font-size: 9px;  }
	.footer a:link	{ color: #9f9f9f; text-decoration: none;}
	.footer a:visited	{ color: #9f9f9f; text-decoration: none;}
	.footer a:hover	{ color: #FFFFFF; }
	.footerBackground { background-color: #606060; }
	.footerLeft	{ background-image: url(img/footerLeft.gif); }
	.footerRight { background-image: url(img/footerRight.gif); }
	.debugFooter { color: #7B7B7B; font-size: 9px;  }

/* Module Tools */

.borderedTables { border: 1px solid #A9A9A9; background-color: #e5e5e5; }
.whiteCell { background-color: #FFFFFF; border: 1px solid #DBDBDB; padding: 2px; }
.borderedTablesRow { border-bottom: 1px solid #686868; background-color: #E1E1E1;}
.borderedTablesNoBG { border: 1px solid #686868;}
.borderedTablesRowNoBG { border-bottom: 1px solid #686868; }
.borderedTablesRowNoBGTop { border-top: 1px solid #686868; }
.borderedTablesRowNoBGTopBottom { border-top: 1px solid #686868; border-bottom: 1px solid #686868;}
.borderedTablesColumnLeft { border-left: 1px solid #686868; }
.borderedTablesColumnRight { border-right: 1px solid #686868; }
.borderedTablesRowNoBGTopPadded { border-top: 1px solid #686868; padding-top: 3px; padding-bottom: 3px; padding-right: 3px;}
.rcBorderedTablesRowTop { border-top: 1px solid #bcbcbc; }
.rcBorderedTablesRowBottom { 
background-image: url(img/recentChangesDiv.gif);
		background-position: bottom left;
		background-repeat: no-repeat;}

.alt1 { background-color: #f9f9f9;}
.alt2 { background-color: #f9f9f9;}
.whiteBackground { background-color: #FFFFFF; }
.page { background-color: #f3f3f3; }
.pageAlt { background-color: #f9f9f9;}
.altHover { background-color: #b2bfff; }
.altHoverRecentChanges { background-color: #8996d3; }
.manageTitles { font-weight: bold; }
.editTables {	border: 1px solid #686868; border-width: 1px 1px 1px 1px; border-collapse: collapse; }
.contentBackground { background-color: #e8e8e8; }
.recentChangesBackground {
	background-image: url(img/fieldsetBackground.gif);
		background-position: top;
		background-repeat: repeat-x;
}
.blank { }

.errorText { color: #FF0000; }
.greenText { color: #2C972C; }
.blueText { color: #2525A6; }

.everyoneColor { color: #006D00; }
.clientColor { color: #A45D00; }
.staffColor { color: #000000; }
.adminColor { color: #BD0000; }
.moderatorColor { color: #006D00; }
.forumColor { color: #006D00; }
.extraColor { color: #2525A6; }
.commentColor { color: #BD0000; }
.systemColor { color: #BD0000; }

.rowLocked { background-color: #fff5d2; }
.rowDeleted { background-color: #ffd2d2; }
.rowHidden { background-color: #E6FFF8; }
.rowAlternate { background-color: #e5e5e5;}
.row { background-color: #f9f9f9; };
.codeBox { border: 1px solid #B9B9B9; background-color:#F3F3F3; }
.manageLinks {}
a.manageLinks:link { text-decoration:none; color: #000000; }
a.manageLinks:visited { text-decoration:none; color: #000000; }
a.manageLinks:hover { text-decoration:none; color: #343022; }

.recentChangesLinks{}
a.recentChangesLinks:link { text-decoration:underline; color: #00038a; }
a.recentChangesLinks:visited { text-decoration:underline; color: #00038a; }
a.recentChangesLinks:hover { text-decoration:underline; color: #4d50e4; }

.wikiTables {	border: 1px solid #000000; border-width: 1px 1px 1px 1px; border-collapse: collapse; empty-cells: show; }
.wikiTables TD { border: 1px solid #000000; border-width: 1px 1px 1px 1px; padding: 4px; }

.wikiTablesAlignTop {	border: 1px solid #000000; border-width: 1px 1px 1px 1px; border-collapse: collapse; empty-cells: show; vertical-align: top; }
.wikiTablesAlignTop TD { border: 1px solid #000000; border-width: 1px 1px 1px 1px; padding: 4px; vertical-align: top;}

.wikiTablesborderNone {	border: 0px; border-collapse: collapse; empty-cells: show; }
.wikiTablesborderNone TD { padding: 4px; }

.wikiTablesborderNoneAlignTop {	border: 0px; border-collapse: collapse; empty-cells: show; }
.wikiTablesborderNoneAlignTop TD { border: 0px; padding: 4px; vertical-align: top; }

/* System Links */
	
	a.headerLink:link    { text-decoration:none; color:#000000; display:block; width:100%; height:100%; }
	a.headerLink:visited { text-decoration:none; color:#000000; display:block; width:100%; height:100%; }
	a.headerLink:hover   { text-decoration:none; color:#FFFFFF; display:block; width:100%; height:100%; background-color: #A9A9A9; }
	a.headerLink:active  { text-decoration:none; color:#FF0000; display:block; width:100%; height:100%; background-color: #A9A9A9; }
	
	a.headerLinkCurrent:link    { text-decoration:none; color:#000000; display:block; width:100%; height:100%; background-color: #BCBCBC;}
	a.headerLinkCurrent:visited { text-decoration:none; color:#000000; display:block; width:100%; height:100%; background-color: #BCBCBC;}
	a.headerLinkCurrent:hover   { text-decoration:none; color:#FFFFFF; display:block; width:100%; height:100%; background-color: #A9A9A9; }
	a.headerLinkCurrent:active  { text-decoration:none; color:#FF0000; display:block; width:100%; height:100%; background-color: #A9A9A9; }
	
	div.headerLink 
	{
		text-align:center;
		float:left;
		line-height: 18px;
	}
	
/* Template */
	.headerLogo { background-image: url(img/headerLogo.gif);}
	.backgroundGradient 
	{ 
		background-image: url(img/pageBGTop.gif); 
		background-position: top left; 
		background-repeat: repeat-x;
	}
	
	.site 
	{ 
		width: 745px; 
		margin-left:auto;
		margin-right:auto; 
		border: 0px; 
	}
	.siteFull
	{ 
		width: 100%; 
		padding-left:6px;
		padding-right:6px;
		border: 0px; 
	}
	.cell4height { height: 4px; }
	.table100 { width: 100%; border: 0px; }
	
	/* Header Bar */

	.headerLeft { background-image: url(img/pageHeaderLeft.gif); }
	.headerRight { background-image: url(img/pageHeaderRight.gif); }
	.headerCenter { background-image: url(img/pageHeaderCenter.gif); font-size: 18px; color: #FFFFFF; }
	
	/* Nav Bar */

	.navCenter { background-image: url(img/navCenter.gif); }
	.navLeft { background-image: url(img/navLeft.gif); }
	.navRight { background-image: url(img/navRight.gif); }
	
	/* Title Bar */

		.titleLeft { width: 5px ; height: 25px ; background-image: url(img/titleLeft.gif); }
		.titleBackground { height: 25px ; background-image: url(img/titleBG.gif); font-size: 14px; font-weight: bold; text-indent: 5px; color: #FFFFFF; }
		.titleRight { width: 5px ; height: 25px ; background-image: url(img/titleRight.gif); }

	/* User status Bar */

		.userStatusLeft { width: 5px; background-image: url(img/loggedinBoxLeft.gif); }
		.userStatusRight { width: 5px; background-image: url(img/loggedinBoxRight.gif); }
		.userStatus { height: 25px; background-color: #BFBFBF; vertical-align: middle; text-align: center; }

	/* Content Body */

		.content 
		{ 
			/*background-color: #FAFAFA; */
			height: 100%; 
			text-align: left; 
			vertical-align: top; 
		}


		.C1 { background-image: url(img/bodyLeftTop.gif); }
		.C1wide { background-image: url(img/bodyLeftTopWide.gif); }
		.C2 { background-image: url(img/bodyRightTop.gif); }
		.C3 { background-image: url(img/bodyLeftBottom.gif); }
		.C4 { background-image: url(img/bodyRightBottom.gif); }
		
	.bottomButton
	{ 
		width:100px; 
		height:25px; 
		background-image: url(img/bottomButtonAway.gif); 
		font-size: 9px; 
	}
	
	a.bottomButton:link    { font-size: 9px; text-decoration:none; color:#FFFFFF; display:block; width:100%; height:100%; }
	a.bottomButton:visited { font-size: 9px; text-decoration:none; color:#FFFFFF; display:block; width:100%; height:100%; }
	a.bottomButton:hover   { font-size: 9px; text-decoration:none; color:#333333; display:block; width:100%; height:100%; background-image: url(img/bottomButtonOver.gif) }
	a.bottomButton:active  { font-size: 9px; text-decoration:none; color:#FF0000; display:block; width:100%; height:100%; background-image: url(img/bottomButtonOver.gif) }
	
	div.bottomButtonArea
	{
		text-align:center;
		float:left;
		line-height: 25px; /* same as height of link */
	}
	
	.bottomButtonUnique
	{ 
		width:100px; 
		height:25px; 
		background-image: url(img/bottomButtonAwayUnique.gif); 
		font-size: 9px; 
	}
	
	a.bottomButtonUnique:link    { font-size: 9px; text-decoration:none; color:#FFFFFF; display:block; width:100%; height:100%; }
	a.bottomButtonUnique:visited { font-size: 9px; text-decoration:none; color:#FFFFFF; display:block; width:100%; height:100%; }
	a.bottomButtonUnique:hover   { font-size: 9px; text-decoration:none; color:#333333; display:block; width:100%; height:100%; background-image: url(img/bottomButtonOver.gif) }
	a.bottomButtonUnique:active  { font-size: 9px; text-decoration:none; color:#FF0000; display:block; width:100%; height:100%; background-image: url(img/bottomButtonOver.gif) }
	
	
	.topButton
	{ 
		width:100px; 
		height:25px; 
		background-image: url(img/topButtonAway.gif); 
		font-size: 9px; 
	}
	
	a.topButton:link    { font-size: 9px; text-decoration:none; color:#FFFFFF; display:block; width:100%; height:100%; }
	a.topButton:visited { font-size: 9px; text-decoration:none; color:#FFFFFF; display:block; width:100%; height:100%; }
	a.topButton:hover   { font-size: 9px; text-decoration:none; color:#333333; display:block; width:100%; height:100%; background-image: url(img/topButtonOver.gif) }
	a.topButton:active  { font-size: 9px; text-decoration:none; color:#FF0000; display:block; width:100%; height:100%; background-image: url(img/topButtonOver.gif) }
	
	div.topButtonArea
	{
		text-align:center;
		float:right;
		line-height: 25px; /* same as height of link */
	}
	
	.userStatusTop	{ color: #afafaf; font-size: 10px;  }
	.userStatusTop a:link	{ color: #cfcfcf; text-decoration: none;}
	.userStatusTop a:visited	{ color: #cfcfcf; text-decoration: none;}
	.userStatusTop a:hover	{ color: #FFFFFF; }
	
	
	
	/* Sidebar */

		.sidebarWidth { width: 122px; height: 25px;}
		.sidebarContainer 
		{ 
			width: 122px; 
			vertical-align: top; 
			text-align: center; 
		}
		
		
		.sidebarbutton
	{ 
		width:119; 
		height:25px; 
		background-image: url(img/sidebarButtonAway.gif); 
		font-size: 9px; 
	}
	
	a.sidebarbutton:link    { font-size: 9px; text-decoration:none; color:#FFFFFF; display:block; width:100%; height:100%; }
	a.sidebarbutton:visited { font-size: 9px; text-decoration:none; color:#FFFFFF; display:block; width:100%; height:100%; }
	a.sidebarbutton:hover   { font-size: 9px; text-decoration:none; color:#333333; display:block; width:100%; height:100%; background-image: url(img/sidebarButtonOver.gif) }
	a.sidebarbutton:active  { font-size: 9px; text-decoration:none; color:#FF0000; display:block; width:100%; height:100%; background-image: url(img/sidebarButtonOver.gif) }
	
	div.sidebarbuttonArea
	{
		text-align:center;
		float:left;
		line-height: 25px; /* same as height of link */
	}
	
	/* assets */
	

	
		.assetReturn
	{ 
		width:200; 
		height:41px; 
		background-image: url(img/assetBrowserReturnAway.gif); 
	}
	
	a.assetReturn:link    { text-decoration:none; color:#000000; display:block; width:100%; height:100%; }
	a.assetReturn:visited { text-decoration:none; color:#000000; display:block; width:100%; height:100%; }
	a.assetReturn:hover   { text-decoration:none; color:#333333; display:block; width:100%; height:100%; background-image: url(img/assetBrowserReturnOver.gif) }
	a.assetReturn:active  { text-decoration:none; color:#FF0000; display:block; width:100%; height:100%; background-image: url(img/assetBrowserReturnOver.gif) }
	
	div.assetReturnArea
	{
		text-align:center;
		float:left;
		line-height: 41px; /* same as height of link */
	}
	
	/* Bottombar */

		.bottomBarRight 
		{ 
			height: 25px; 
			background-color: #BFBFBF; 
			vertical-align: middle; 
			text-align: right; 
		}
		.bottomBarLeft 
		{ 
			height: 25px; 
			background-color: #BFBFBF; 
			vertical-align: middle; 
			text-align: left; 
		}

/* Custom CSS */

.rcBorderedTablesRowHover {  background-color: #bcbcbc; }

.pitfalls { font-size: 15px; font-weight: bold; color: #FFFFFF;}
.pitfalls a:link { font-size: 15px; color: #FFFFFF; text-decoration: none;}
.pitfalls a:visited { font-size: 15px; color: #FFEEDD; text-decoration: none;}
.pitfalls a:hover { font-size: 15px; color: #FFFF00 ; text-decoration: none;}

.colossalContentLinks { color: #FFFFFF; }
.colossalContentLinks a:link { color: #ffffce; text-decoration: underline;}
.colossalContentLinks a:visited { color: #ffffce; text-decoration: underline;}
.colossalContentLinks a:hover { color: #FFFF00 ; text-decoration: underline;}	

.assetHeader {  background-color: #bebebe; }
a.assetHeader:link    { text-decoration:none; color:#000000; display:block; width:100%; height:100%; }
a.assetHeader:visited { text-decoration:none; color:#000000; display:block; width:100%; height:100%; }
a.assetHeader:hover   { text-decoration:none; color:#FFFFFF; display:block; width:100%; height:100%; background-color: #7b7b7b; }
a.assetHeader:active  { text-decoration:none; color:#FF0000; display:block; width:100%; height:100%; background-color: #7b7b7b; }
div.assetHeaderArea
	{
		text-align:center;
		float:left;
		line-height: 20px; /* same as height of link */
	}
	.subAssetHeader
	{
		background-image: url(img/subAssetBrowserHeaderCenter.gif)
	}
	a.subAssetHeader:link    { text-decoration:none; color:#000000; background-image: none; }
	a.subAssetHeader:visited { text-decoration:none; color:#000000; background-image: none; }
	a.subAssetHeader:hover   { text-decoration:none; color:#FFFFFF; background-image: none; }
	a.subAssetHeader:active  { text-decoration:none; color:#FF0000;  background-image: none;}

/* Asset Rollover */

div.assetJS
	{
		text-align:left;
		width: 180;
		padding: 2px 5px 2px 5px;
		background-color: #3f3f3f;
		color: #FFFFFF;
		line-height: 20px; /* same as height of link */
	}

/* End Template */