﻿/** Copyright (C) 2008-2010, City City Inc.  All Rights Reserved. **/

/* ************** City City | Geo City Guides *************** */
/* **                                                      ** */
/* **   www.CityCity.ca | 1.866.381.city                   ** */
/* **                                                      ** */
/* **   CSS Tech Notes:                                    ** */
/* **                                                      ** */
/* **   - Multiple Style Identifier Types used:            ** */
/* **                                                      ** */
/* **          1) Tag Name                                 ** */
/* **             Refers to specific HTML Tag within page  ** */
/* **             i.e. body                                ** */
/* **                                                      ** */
/* **          2) Class Name (dot class)                   ** */
/* **             Refers to Class that may be defined and  ** */
/* **             invoked. Uses dot prefix when defined    ** */
/* **             in css. Invoked using class="MyClass"    ** */
/* **             i.e. .MyClass                            ** */
/* **                                                      ** */
/* **          3) Object ID (Hash ID)                      ** */
/* **             Refers to specific Object ID within HTML ** */
/* **             Specificially references only single     ** */
/* **             Object defined in Page Code using Tag.   ** */
/* **             Within css, defined using HASH before ID ** */
/* **             i.e. #MyId                               ** */
/* **                                                      ** */
/* **          4) Wildcard (Asterisk)                      ** */
/* **             Special Wildcard allowing Reset for all  ** */
/* **                                                      ** */
/* **		   5) Grouping and Nesting                     ** */
/* **			  Selectors may be separated by comma,     ** */
/* **			  and these individual GROUPINGS inherit   ** */
/* **			  the css. (i.e. html, body {style...})    ** */
/* **             If Selectors are Nested with spaces and  ** */
/* **             not commas, then these are Contextual,   ** */
/* **             where each Selector must match for css   ** */
/* **             to be inherited. (i.e. h1 b {style...})  ** */
/* **             There may also be Groups of Contextual   ** */
/* **             Selectors. (i.e. h1 b, h1 em {style...}) ** */
/* ********************************************************** */

/* Page Layout */
html, body
{
	margin:0px;
	padding:0px;
}

body
{
    margin: 0px;
    padding: 0px;
    font-family: Arial, verdana, sans-serif;
    font-size: 9pt;
    background-color:#ffffff;
    text-align: center;
    color: #333;
    z-index: 1;
    }

#Container
{
 text-align:center;
}

/* Top Header Bar Menu */
/* Structure is 60px High with Top 30px for Menu, Logo drops to use 45px, and Login Status uses bottom 30px */ 
#TopHeaderBar {
    background-image:url("../../img/TopMenuBarBG.gif");
    background-repeat:repeat-x;
    background-color:#ffffff;
    color: #000000;
    width: 100%;
    height: 60px;
    margin: 0 0 18px 0;
}

.TopHeaderBar
{
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	padding-bottom:2px;
}

#TopHeaderBarLogo 
{
	padding: 0 0 0 32px;
	width:308px;
	height:60px;
}

table.TopHeaderBarContent
{
	width:980px;
	margin: 0 auto;
	table-layout:fixed;
}

table.TopHeaderBarContent td
{
	vertical-align:top;
}

/* Menu Links on Top Menu Bar */
table#TopHeaderBarMenu {height:30px; max-height:30px;}
table#TopHeaderBarMenu td {vertical-align:middle; background: #0099c5 url("../../img/TopHeaderBarArrow.gif") no-repeat bottom center; max-height:30px;} 
table#TopHeaderBarMenu td.TopHeaderBarMenuDivider {vertical-align:top; padding:0px; background:none; max-height:30px;}
table#TopHeaderBarMenu a {font-size:14px; line-height:16px; padding:0 10px;font-weight:bold; color:#ffffff; height:30px; max-height:30px;}

/* SPECIAL FORM OVER-RIDE REQUIRED (INLINE AND NO MARGIN!) TO PREVENT SKEW OF TOP MENU BAR!!! */
.MaxHeight30
{
	height:30px;
}

.MaxHeight30 form
{
	 display:inline;
	 margin:0;
}

/* Top Menu Bar Search Box */
.TopHeaderSearchBoxContainer
{
	 height:30px;
	 max-height:30px;
	 vertical-align:middle;
	 text-align:left;
	 padding-top:5px;
}

.TopHeaderSearchBoxContainer input[type=image]
{
	padding-left:6px;
	height:20px;
	max-height:20px;
}

.TopHeaderSearchBoxContainer input[type=text]
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#0077bb;
	height:14px;
}

/* Display Login Status */
/* SPECIAL FORM OVER-RIDE REQUIRED (INLINE AND NO MARGIN!) TO PREVENT SKEW OF TOP MENU BAR!!! */

.TopHeaderBarDisplayLogin
{
	vertical-align:middle;
	text-align:right;
	color:#999999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	white-space:nowrap;
	height:30px;
}

.TopHeaderBarDisplayLogin form
{
	 display:inline;
	 margin:0;
}

.TopHeaderBarDisplayLoginStatus
{
	height:16px;
}

.TopHeaderBarDisplayLoginDetails
{
	padding-top:4px;
	padding-right:4px;
	margin:4px 4px;
	vertical-align:bottom;
	text-align:right;
	white-space:nowrap;
	height:30px;
	font-size:11px;
}

.TopHeaderBarDisplayLoginOptions
{
	height:14px;
	vertical-align:bottom;
	padding-top:2px;
	margin:2px;
}

.TopHeaderBarLoginUsername
{
	margin:0px 1px;
}

.TopHeaderBarLoginUsername input
{
	font-size:11px;
	margin:0px 4px;
	width:140px;
	height:12px;
}

.TopHeaderBarLoginPassword
{
	margin:0px 1px;
}

.TopHeaderBarLoginPassword input
{
	font-size:11px;
	margin:0px 4px;
	width:75px;
	height:12px;
}

.TopHeaderBarLoginRememberMe
{
	margin:0px 2px;
}

.TopHeaderBarLoginRememberMe input
{
	margin:6px 2px 0px 1px;
}

.TopHeaderBarLoginButton
{
	vertical-align:bottom;
	padding-right:4px;
	padding-top:4px;
	margin:4px 4px 0px 4px;
}

/* Links */
a, a:link
{
	color:#0077bb;
	text-decoration:none;
}

a:visited
{
	color:#7fa8bf;
} 

a:hover
{
	color:#0099c5;
	text-decoration:none;
}

/* Cloud Tags Explore Content */
.CloudTagsExploreContent 
{
	width: 338px;
	border-left: 1px #dedede solid;
	border-right: 1px #dedede solid;
	padding: 0 0 0 0;
	text-align:left;
}

.CloudTagsExploreContent h2 
{
	color: #333333;
	margin: 0 0 0 0;
	font-size: medium;
	font-weight: bold;
	padding: 0 10px 0 10px;
}

.CloudTagsExploreContent h3 
{
	color: #333333;
	margin: 0 0 0 0;
	font-size: large;
	font-weight: bold;
	padding: 0 10px 0 10px;
}

.CloudTagsExploreContent h4 
{
	margin: 7px 0 0 0;
	font-size:14px;
	font-weight:bold;
	border-top: 1px #dedede solid;
	padding:7px 10px 0 10px;
}

/* Initial (Default) Cloud Tags TAB Display Values */
#CloudTagsPopularTabClosed {
    display: block;
}
#CloudTagsPopularTabOpen {
    display: none;
}

/* Initial (Default) Left Menu Tags TAB Display Values */
#LeftMenuTagsTabClosed {
    display: none;
}
#LeftMenuTagsTabOpen {
    display: block;
}

/* Initial (Default) Left Menu Members TAB Display Values */
#LeftMenuMembersTabClosed {
    display: block;
}
#LeftMenuMembersTabOpen {
    display: none;
}

/* Initial (Default) Cloud Tags TAB Display Values */
#PortalNotesTabClosed {
    display: block;
}
#PortalNotesTabOpen {
    display: none;
}

/* Info Avatar Menus are Dynamic, and may be Mutliple */
/* Naming Convention is: AvMenuXClosed/AvMenuXOpen */
/* Where X = Menu Count. Could be unlimited, but HARD-CODED */
/* Ten Here because unlikely more than ten Menus Created! */
#AvMenu1Closed {
    display: block;
}
#AvMenu1Open {
    display: none;
}

#AvMenu2Closed {
    display: block;
}
#AvMenu2Open {
    display: none;
}

#AvMenu3Closed {
    display: block;
}
#AvMenu3Open {
    display: none;
}

#AvMenu4Closed {
    display: block;
}
#AvMenu4Open {
    display: none;
}

#AvMenu5Closed {
    display: block;
}
#AvMenu5Open {
    display: none;
}

#AvMenu6Closed {
    display: block;
}
#AvMenu6Open {
    display: none;
}

#AvMenu7Closed {
    display: block;
}
#AvMenu7Open {
    display: none;
}

#AvMenu8Closed {
    display: block;
}
#AvMenu8Open {
    display: none;
}

#AvMenu9Closed {
    display: block;
}
#AvMenu9Open {
    display: none;
}

#AvMenu10Closed {
    display: block;
}
#AvMenu10Open {
    display: none;
}

/* Cloud Tags Popular ITEMS */
.CloudTagsPopularItems
{
	position:relative;
	font-size:12px;
	padding:4px 16px 7px 15px;
	text-align:justify;
	overflow:hidden;
}

* html .CloudTagsPopularItems 
{
	width:282px;
}

.CloudTagsPopularItems a 
{
	line-height:22px;
}

/* Popular Items need to be UNDERLINED on HOVER to help identify entire PHRASE if multiple words */
.CloudTagsPopularItems a:hover 
{
	 text-decoration:underline;
}

/* Cloud Tags Popular Items EMPHASIS Scale (0-9) */
a.CloudTagsPopularItemsEmphasis0 
{
	font-size:12px;
}

a.CloudTagsPopularItemsEmphasis1 
{
	font-size:13px;
}

a.CloudTagsPopularItemsEmphasis2 
{
	font-size:14px;
}

a.CloudTagsPopularItemsEmphasis3 
{
	font-size:15px;
}

a.CloudTagsPopularItemsEmphasis4 
{
	font-size:16px;
}

a.CloudTagsPopularItemsEmphasis5 
{
	font-size:17px;
}

a.CloudTagsPopularItemsEmphasis6 
{
	font-size:18px;
}

a.CloudTagsPopularItemsEmphasis7 
{
	font-size:19px;
}

a.CloudTagsPopularItemsEmphasis8 
{
	font-size:20px;
}

a.CloudTagsPopularItemsEmphasis9 
{
	font-size:20px;
	font-weight:bold;
}

/* Cloud Tags Popular Items MORE */

.CloudTagsPopularItemsMore
{
	position:absolute;
	right:15px;
	padding-left:10px;
}

.CloudTagsPopularItemsMore a
{
	font-size:16px;
	font-weight:bold;
}

.CloudTagsPopularItemsMore a:hover
{
	 text-decoration:none;
}

/* Cloud Tags Info AVATARS */
.CloudTagsInfoContainer 
{
	padding:10px 9px;
}

.CloudTagsInfoContainer div.CloudTagsInfoAvatar 
{
	margin:0;
	padding:1px;
	float:left;
}

/* Cloud Tags Info Avatars MORE */
.CloudTagsInfoAvatarMore 
{
	padding-top:8px;
	float:right;
	text-align:right;
}

.CloudTagsInfoAvatarMore a 
{
	color:#8DC63F;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	line-height:14px;
	display:inline-block;
	padding:0 2px 1px 2px;
}

.CloudTagsInfoAvatarMore a:hover 
{
	color:#4aba00;
}

/* Cloud Tags Div CLEAR */
.clear 
{
	clear:both;
}

/* Left Menu */
.LeftMenuHeader
{
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	padding-bottom:2px;
}

.LeftMenuContent
{
	padding:9px 10px;
	line-height:18px;
}

/* Explore Menu (Cloud Tags) */
.isHidden 
{
	display:none;
}

.CollapsibleMenuBox
{
	width:620px;
	margin:0 auto;
	padding:0px;
	text-align:left;
	clear:both;
}

.CollapsibleMenuBoxCol
{
	width:620px;
	float:left;
	padding:0px;
	margin:0px;
	overflow:hidden;
}

/* Explore Popular Items need to be UNDERLINED on HOVER to help identify entire PHRASE if multiple words */
#CloudTagsExploreClosed a:hover 
{
	 text-decoration:underline;
}

#CloudTagsExploreOpen a:hover 
{
	 text-decoration:underline;
}

.CloudTagHover a:hover
{
	text-decoration:underline;
}

/* Login on Register Page */

#LoginRegister
{
	padding:6px 0 6px 0px;
}

#LoginRegister table.LoginRegisterForm td
{
	padding:0px 5px 5px 5px; margin:0px;
}

#LoginRegister table.LoginRegisterForm td.LoginRegisterFormLabel
{
	text-align:right;
	font-weight:bold;
}

#LoginRegister table.LoginRegisterForm td.LoginRegisterFormText
{
	font-size:11px;
}

#LoginRegister table.LoginRegisterForm td.LoginRegisterFormLinks
{
	font-size:11px;
	text-align:right;
	line-height:13px;
}

#LoginRegister table.LoginRegisterForm td.LoginRegisterBtn
{
	text-align:right;
}

/* Profile Page Layout */
#PageWrapper
{
	width:978px;
	margin:0 auto;
	padding:0px;
	text-align:left;
}

#PageBody
{
	width:978px;
	clear:both;
	padding:0;
}

/* Tool Box for Menu or other Navigation Tools */

.GreyWireBox .boxHeaderWire
{
	height:9px;
	overflow:hidden;
	background:#fff url(../../img/BoxOutlineTopRight.gif) 100% 0 no-repeat;
}
.GreyWireBox .boxHeaderWire div
{
	width:9px;
	height:9px;
	overflow:hidden;
	background:#fff url(../../img/BoxOutlineTopLeft.gif) 0 0 no-repeat;
}
.GreyWireBox .boxFooterWire
{
	height:9px;
	overflow:hidden;
	background:#fff url(../../img/BoxOutlineBottomRight.gif) 100% 0 no-repeat;
}
.GreyWireBox .boxFooterWire div
{
	height:9px;
	width:9px;
	overflow:hidden;
	background:#fff url(../../img/BoxOutlineBottomLeft.gif) 0 0 no-repeat;
}
.GreyWireBox .boxHeader
{
	height:15px;
	overflow:hidden;
	background:#fff url(../../img/WireBoxGreyTopRight.gif) 100% 0 no-repeat;
}
.GreyWireBox .boxHeader div
{
	width:15px;
	height:15px;
	overflow:hidden;
	background:#fff url(../../img/WireBoxGreyTopLeft.gif) 0 0 no-repeat;
}

.GreyWireBox .boxContent, 
.GreyWireBox .boxContent2
{
	background:#ffffff;
	border-width:0 1px;
	border-style:solid;
	border-color:#dedede;
	padding:0px;
}
.GreyWireBox .boxContent2 {padding:0 5px;}
.GreyWireBox .boxContent .GreyBox {padding:0 5px;}

.GreyWireBox .boxFooter
{
	height:15px;
	overflow:hidden;
	background:#fff url(../../img/WireBoxGreyBottomRight.gif) 100% 0 no-repeat;
}
.GreyWireBox .boxFooter div
{
	height:15px;
	width:15px;
	overflow:hidden;
	background:#fff url(../../img/WireBoxGreyBottomLeft.gif) 0 0 no-repeat;
}

/* Larger Grey Box */

.GreyBox .boxHeader
{
	height:9px;
	overflow:hidden;
	background:#f4f4f4 url(../../img/GreyBoxTopRight.gif) 100% 0 no-repeat;
}
.GreyBox .boxHeader div
{
	width:9px;
	height:9px;
	overflow:hidden;
	background:#f4f4f4 url(../../img/GreyBoxTopLeft.gif) 0 0 no-repeat;
}
.GreyBox .boxContent
{
	background:#f4f4f4;
	border:none;
	padding:0px;
}
.GreyBox .boxFooter
{
	height:9px;
	overflow:hidden;
	background:#f4f4f4 url(../../img/GreyBoxBottomRight.gif) 100% 0 no-repeat;
}
.GreyBox .boxFooter div
{
	height:9px;
	width:9px;
	overflow:hidden;
	background:#f4f4f4 url(../../img/GreyBoxBottomLeft.gif) 0 0 no-repeat;
}

 /* Article Result Box uses overflow:hidden to Truncate extra Characters as needed */

#ArticleResult 
{
	border:none;
	color:#999999;
	padding:2px 10px;
	font-family:arial;
	font-size:10px;
	line-height:18px;
	height:197px;
	overflow:hidden;
}
#ArticleResult .ArticleResultTitle 
{
	font-size:14px;
	font-weight:bold;
	height:36px;
	overflow:hidden;
}

#ArticleResult img {border:none; padding-bottom:5px;}

.NotesBox 
{
	padding:22px 0px 10px 0px;
}
.NotesBoxText 
{
	font-size:12px;
	line-height:24px;
	padding:0 12px;
}
.NotesBoxHeader 
{
	padding:0px 2px 7px 12px;
	margin:0px;
	display:block;
	height:19px;
}
.NotesBoxHeader img 
{
	float:right;
	border:none;
	vertical-align:bottom;
}
.NotesBoxHeaderText 
{
	float:left;
	font-size:18px;
	line-height:20px;
	padding-top:2px;
}
.NotesBoxHeaderText span 
{
	color:#ccc;
	font-size:14px;
	font-weight:bold;
}

.ProfileLoginHeader 
{
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	border-bottom:1px solid #dedede;
	padding:0 10px 7px 10px;
}
.ProfileLoginSubheader 
{
	font-size:14px;
	color:#0077bb;
	font-weight:bold;
	padding:0 10px 7px 10px;
}

.ProfileLinkBold 
{
	padding-right:5px;
	font-weight:bold;
}

/* Container for Thumb Image Positioning */
#ThumbImageContainer {position:relative; display:block; padding:0px 0px 3px 0; margin:0px;}
.ThumbImageContainer {position:relative; display:block; padding:0px 0px 3px 0; margin:0px;}

.DividerLineTop {border-top:1px solid #e4e4e4;}
.DividerLine {border-bottom:1px solid #e4e4e4;}

/* Spacer Gap Pixel Padding */
.SpacerGap10 {padding-top:10px;}
.SpacerGap12 {padding-top:12px;}

.LeftMenuProfile {padding:0px 14px 5px 14px; line-height:16px;}
.LeftMenuProfile p {padding:6px 0px;}

.MyPostsTags {padding-right:5px;}

/* Private Message Display Summary */
.PMSummary img {vertical-align:middle; border:none;}
table.PMSummaryContent {color:#0077bb;}
table.PMSummaryContent th {text-align:left;  padding:6px 0 7px 0;}
table.PMSummaryContent td {padding:3px 12px 4px 0;}
table.PMSummaryContent img {vertical-align:middle; border:none;}
table.PMSummaryContent td.PMFolderStatus {padding:6px 0px; border-width:1px 0px; border-style:solid; border-color:#e4e4e4;}

/* Profile Rows for Table Rows in Profile Pages */
table.ProfileRows th, 
table.ProfileRowsContent th 
{
	padding:1px 0px 7px 4px;
	text-align:left;
	font-weight:bold;
	color:#666;
	border-bottom:1px solid #e4e4e4;
}

table.ProfileRowsContent th.NumericLabel, 
.NumericValue 
{
	text-align:right;
	padding-right:14px;
}
table.ProfileRowsContent td 
{
	padding:7px 0px 11px 4px;
	border-bottom:1px solid #e4e4e4;
	vertical-align:top;line-height:16px;
}
table.ProfileRowsContent tr.ProfileFirstRow td {padding:17px 0px 11px 4px;}
table.ProfileRowsContent tr.ProfileLastRow td {padding:7px 0px 2px 4px; border:none;}
table.ProfileRowsContent span {font-family:arial; font-size:10px; color:#999;}
table.ProfileRowsContent img {padding:3px 0px 0 0;}
table.ProfileRowsContent td div.PostStatusDraft {color:#b80303; font-family:arial; font-size:10px;}
table.ProfileRowsContent td div.PostStatusPublished {color:#8dc63f; font-family:arial; font-size:10px;}
table.ProfileRows a:visited {font-weight:normal;}
table.ProfileRows tr.ProfileFirstRow td {padding:12px 0px 7px 4px;}
table.ProfileRows td {padding:7px 0px 9px 4px; border-bottom:1px solid #e4e4e4;}
table.ProfileRows td.PMInboxFrom {color:#8dc63f;}
table.ProfileRows {color:#666;}
table.ProfileRows td.ProfileFormBtn {text-align:right; border:none; padding:15px 0 31px 4px;}

/* Member ScreenName Link */
a.ScreenNameLink 
{
	color:#8dc63f;
	font-weight:bold !important;
	text-decoration:none;
}
a.ScreenNameLink:visited {color:#afca89;}
a.ScreenNameLink:hover {color:#4aba00;}
/* Disabled Members have Strike-Through on Screen Name to indicate */
a.ScreenNameDisabledLink {text-decoration:line-through !important;}

/* Avatar Display */
.Avatar40x40 {padding:5px 0 0 0px; width:40px; height:40px; border:none; margin:0px;}
.AvatarDisplay {font-family:arial; font-size:10px; line-height:16px; padding:0 10px 0 9px; color:#999;}
.AvatarDisplay p {padding:0 0 1px 0; margin: 0 0 0 0;}
.AvatarDisplay span {color:#b80303;}
.AvatarDisplay img {border:none; padding-right:5px; vertical-align:bottom;}

/* Private Message Nav and Management */
.pmButtons {background:#E4e4e4; padding:8px 13px; font-size:11px; font-family:arial;}
.pmActions a {padding-right:8px;}
.pmNextPrev {float:right; text-align:right; word-spacing:3px;}

/* Discretion Advised Warning */
.DiscretionAdvisedWarning 
{
	background: url(../../img/DiscretionAdvisedGreyBG.gif) no-repeat 0 0;
	height:23px;
	width:300px;
	overflow:hidden;
	padding:5px 6px 0px 6px;
	margin-top:4px;
}
* html .DiscretionAdvisedWarning {padding-top:3px;}
.DiscretionAdvisedWarning b {color:#b80303; }

/* Profile Content Rows */
table.ProfileNewActivityContentRow th {padding:1px 0px 7px 4px; text-align:left; font-weight:bold; color:#666; border-bottom:1px solid #e4e4e4;}
table.ProfileNewActivityContentRow td {border-bottom:1px solid #e4e4e4; padding:17px 0px 17px 4px; vertical-align:top;}
table.ProfileNewActivityContentRow tr.NewActivityLastRow td {padding:17px 0px 31px 4px; border:none;}
table.ProfileNewActivityContentRow span {font-family:arial; font-size:10px; color:#999999;}
table.ProfileNewActivityContentRow img {padding:3px 0px 0 0;}

table.ProfileFollowingContentRow td {padding:20px 0px 0px 4px; text-align:left;}
table.ProfileFollowingContentRow td.FollowingLastRow {padding:30px 0px 31px 4px; text-align:center;}
table.ProfileFollowingContentRow img {padding:0px;}

/* Button Spacing (Padding) */
.ButtonSpacing {padding-right:25px;}
.RadioButtonSpacing {padding-left:7px; color:#0077bb;}

/* Private Message Folder Quota Status */
.pmFolderQuotaStatus 
{
	width:149px;
	height:14px;
	margin:3px 0 4px 0;
	padding:0 0 0 2px;
	background: url(../../img/StatusBarBG.gif) no-repeat 0 0;
}
.pmFolderQuotaStatus img {padding-top:2px;}
* html .pmFolderQuotaStatus img {padding-top:0px;}

/* Private Message Icon Links */
.pmIconDelete,
.pmIconForward,
.pmIconReply,
.pmIconInbox
{
	padding: 2px 0 2px 22px;
}

.pmIconDelete {
	background: transparent url(../../img/IconMailDelete16x16.gif) no-repeat left;
}
.pmIconForward {
	background: transparent url(../../img/IconMailFwd16x16.gif) no-repeat left;
}
.pmIconReply {
	background: transparent url(../../img/IconMailReply16x16.gif) no-repeat left;
}
.pmIconInbox {
    background: transparent url(../../img/IconInboxTray16x16.gif) no-repeat left;
}

/* Profile Content Layout for Tables */
#ProfileContent {padding:8px 20px;}
#ProfileContent table td {line-height:18px;}
#ProfileContent table td {vertical-align:top;}
#ProfileContent table td img {vertical-align:middle; border:none;}
#ProfileContent table td b {font-size:14px;}
.ProfileContentCols {padding-right:15px;} 

#ProfileContentList {padding:0}
table.ProfileContentList th {text-align:left; padding:2px 12px 8px 12px;}
table.ProfileContentList td {border-top:1px solid #dadada; padding:8px 12px 8px 12px;}

/* MEMES List */
#ProfileContentListMemes {padding:0}
table.ProfileContentListMemes th {text-align:left; padding:2px 12px 8px 12px;}
table.ProfileContentListMemes td {border-top:1px solid #dadada; padding:8px 12px 8px 12px; vertical-align:top;}

/* Browse/Display Articles */

table.BrowseArticlesTimeFilterMenu 
{
	font-family:arial;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:7px 0px 7px 2px;
}

table.BrowseArticlesResults td {vertical-align:top;}
table.BrowseArticlesResults .ArticlePreview {padding:5px 17px 20px 6px;}
table.BrowseArticlesResults .ArticlePreview img {border:none;}
table.BrowseArticlesResults .ArticlePreview .MediaTypeIcon span,
table.BrowseArticlesResults .ArticlePreview .MediaTypeIcon div
{
	display:block;
	float:left;
}
table.BrowseArticlesResults .ArticlePreview .MediaTypeIcon span {padding:0 3px 0 4px;}
table.BrowseArticlesResults .ArticlePreview .MediaTypeIcon div {padding-top:3px;}

.ArticleResultsHeadline, 
.ArticleResultsHeadline2 
{
	font-size:18px;
	font-weight:bold;
	padding:0 12px 5px 0;
	line-height:22px;
}
.ArticleResultsHeadline3 
{
	font-size:18px;
	font-weight:bold;
	line-height:22px;
}
.ArticleResultsHeadline, .ArticleResultsHeadline3 
{
	width:300px;
	overflow:hidden;
} 
.ArticleResultsHeadline2 
{
	width:464px;
	overflow:hidden;
} 
.ArticleResultsHeadline3 .ArticleHeadlineComment 
{
	font-size:14px;
	color:#cccccc;
}
.ArticleResultsHeadline4 
{
	font-size:18px;
	font-weight:bold;
	padding-bottom:5px;
	line-height:22px;
}
.ArticleResultsHeadline4 a.ResultsScreenNameLink 
{
	color:#8DC63F;
	text-decoration:none;
}
.ArticleResultsHeadline4 a.ResultsScreenNameLink:hover {color:#4aba00;}
.ArticleResultsHeadline4 a.ResultsScreenNameLink:visited {color:#afca89;}

.ArticleHeadlineDateTimeStamp
{	color:#ccc;
 	padding:0 6px;
 	font-size:12px;
}

.ArticleResultsHeadline,
.ArticleResultsSubHeadline,
.ArticleResultDescription,
.ArticleTagsDisplay
{
	width:335px;
	overflow:hidden;
}

table.BrowseArticlesResults .ArticleResultsSubHeadline 
{
	font-family:arial;
	font-size:10px;
	color:#999999;
	line-height:20px;
}
table.BrowseArticlesResults .ArticleResultsSubHeadline img {border:none;}
table.BrowseArticlesResults .ArticleResultsSubHeadline img.CommentsIcon {vertical-align:middle;}
table.BrowseArticlesResults .ArticleResultsSubHeadline a 
{
	color:#8dc63f;
	text-decoration:none;
}
table.BrowseArticlesResults .ArticleResultsSubHeadline a:hover {color:#4aba00;}
table.BrowseArticlesResults .ArticleResultsSubHeadline a:visited {color:#afca89;}
.ArticleResultDescription,
.ArticleResultDescription2 
{
	color:#666666;
	line-height:16px;
	padding-right:35px;
}
.ArticleResultDescription 
{
	padding-right:35px;
	width:300px;
	overflow:hidden;
}
.ArticleResultDescription2 
{
	padding-right:20px;
	overflow:hidden;
}
.ArticleResultDescription3 
{
	color:#666666;
	line-height:16px;
	padding-right:13px;
}

.ArticleResultSeparatorRow,
.ArticleResultSeparatorRow2 {border-top:1px solid #e4e4e4; padding-bottom:14px;}
.ArticleResultSeparatorRow3 {border-top:1px solid #e4e4e4; padding-bottom:19px;}

.ArticleTagsDisplay 
{
	font-family:arial;
	font-size:10px;
	color:#999;
	padding:8px 0 3px 0;
	line-height:14px;
}

/* Featured Articles and Recent Articles on Main Page */

table.FeaturedArticle td {vertical-align:top;}

.FeaturedArticleByline 
{
	color:#999999;
	padding:5px 0 0 0;
	margin:0px;
	font-family:arial;
	font-size:10px;
	line-height:17px;
	text-align:left;
}
.FeaturedArticleByline img {float:left; padding:0px 4px 0 0 ;}

.FeaturedArticleHeadline {font-size:16px; font-weight:bold; padding:0 0 0 0; line-height:18px;}

.FeaturedArticleTextTeaser 
{
 font-size:12px;
 line-height:16px;
 color:#333333;
}

.LatestArticlesHeader {color:#333; font-size:18px; font-weight:bold;  padding-bottom:2px;}

.RecentArticleBullets ul
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.RecentArticleBullets ul li
{
	background: url(../../img/BulletRed.gif) no-repeat 1px 4px;
	font-weight:normal;
	font-size:12px;
	line-height:15px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 3px 8px;
	list-style:none;
}

.RecentArticleBullets img 
{
	vertical-align:middle;
}

.PublishedThisHour 
{
	color:#b80303;
	font-family:arial;
	font-size:10px;
}

.PublishedToday 
{
	color:#999999;
	font-family:arial;
	font-size:10px;
}

.MiniFeaturedArticleHeadline 
{
	font-size:13px;
	font-weight:bold;
	padding:0 0 0 0;
	line-height:15px;
}

.MiniFeaturedArticleTextTeaser 
{
 font-size:11px;
 line-height:13px;
 color:#666666;
}

.RecentPublisherArticleComment 
{
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 0;
	line-height:14px;
}

.RecentPublishersCommentsHeader 
{
	color:#333;
	font-size:14px;
	font-weight:bold;
	padding-bottom:4px;
	padding-top:12px;
}

.RecentVideoHeader 
{
	color:#333;
	font-size:14px;
	font-weight:bold;
	padding-bottom:4px;
	padding-top:0px;
}

.MemesHeader 
{
	color:#333;
	font-size:18px;
	font-weight:bold;
	padding-bottom:2px;
	padding-top:0px;
}

.MemeTitle 
{
	font-weight:bold;
	text-decoration:none;
	padding-top:3px;
	padding-left:3px;
}

.MoreTopics 
{
	font-weight:bold;
	text-decoration:none;
	padding-top:11px;
	padding-left:3px;
	padding-bottom:3px;
}

.UploadNow 
{
	font-weight:bold;
	text-decoration:none;
	padding-left:3px;
	padding-bottom:2px;
}
.UploadNow a {color:#f7941d;}
.UploadNow a:hover {color:#F26522}

/* Profile: Update Email */
table#ProfileUpdateEmail
{
	width:100%;
	border:0;
}
table#ProfileUpdateEmail th
{
	padding:4px 0 12px 12px;
	border-bottom:1px solid #e4e4e4;
	text-align:left;
}
table#ProfileUpdateEmail td
{
	padding:8px 0 8px 12px;
}
table#ProfileUpdateEmail .UpdateEmailButton
{
	font-size:11px;
	margin: 0 0 0 5px;
}
table#ProfileUpdateEmail .RedText {color:#ca0002;}
table#ProfileUpdateEmail .ProfileInputEmail
{
	font-size:11px;
	width:45%;
}
table#ProfileUpdateEmail td.ProfileEmailRow
{
	border:1px solid #e4e4e4;
	border-width:1px 0;
}

/* Tools Canvas and User Content Areas are used for 'Private' Areas where User can manage their account */
/* Public Pages use a different size Side Bar and Main Content Area and these are referenced as Public Canvas */

#PublicSidebarCol 
{
	width:340px;
	float:left;
	margin:0px;
	padding:0px 18px 0 0;
	overflow:hidden;
}
#PublicMainCol 
{
	width:620px;
    float:left;
    padding:0px;
    margin:0px;
    overflow:hidden;
}
#PublicMainColLeft,
#PublicMainColRight
{
	float:left;
	overflow:hidden;
}
#PublicMainColLeft 
{
	width:452px;
	padding-right:18px;
}
#PublicMainColRight {width:150px;}

.LastUpdateTimeStamp 
{
	color:#ccc;
	font-size:14px;
	line-height:16px;
}

.LastUpdateTimeStamp span 
{
	font-family:arial;
	font-size:10px;
	line-height:16px;
	padding:0 10px 0 9px;
	color:#b80303;
}

.PermalinkURL 
{
	width:200px;
	font-size:11px;
	color:#999999;
}

.ArticleDescription 
{
	padding:0px 0px 7px 0px;
	line-height:16px;
	border-bottom:1px solid #e4e4e4;
}

.ArticleDisplayTags 
{
	color:#999;
	padding:5px 0 0 0;
}

/* Main Header for most Pages */
.MainHeader 
{
	margin:0px 0 9px 0;
	color:#333;
	padding:0px;
	font-size:24px;
	font-family:helvetica,arial,sans-serif;
	font-weight: bold;
	line-height:26px;
}
.MainHeader b 
{
	color:#ccc;
	font-size:14px;
	line-height:16px;
}
.MainHeader img {border:none;}
.MainHeader a {}

.ArticleDisplayMedia 
{
	margin:0px 0 0 0;
	border-width:1px;
	border-style:solid;
	border-color:#dadada;
	width:450px;
	text-align:center;
}
.ArticleDisplayMedia img {border:none;}

.HorizontalLine 
{
	border-bottom:1px solid #e4e4e4;
}

#PostedByDetails {color:#999999; padding:5px 0 0 0; margin:0px; font-family:arial; font-size:10px; line-height:17px;}
#PostedByDetails img {float:left; padding:5px 4px 0 0 ;}

/* Article Rating and Sharing */
#ArticleRatingSharing {padding-top:8px;}
table.ArticleRatingSharingDetails {width:100%;}
table.ArticleRatingSharingDetails td 
{
	padding:0;
	margin:0px;
	vertical-align:top;
}
table.ArticleRatingSharingDetails img 
{
	border:none;
	vertical-align:bottom;
	padding:0 6px 0 0;
}
table.ArticleRatingSharingDetails a {font-weight:bold;}
table.ArticleRatingSharingDetails a.ArticleReportViolation 
{
	color:#b80303;
	text-decoration:none;
}
table.ArticleRatingSharingDetails a.ArticleReportViolation:hover {color:#ff0000;}
table.ArticleRatingSharingDetails .ArticleDownloadMedia {padding:1px 0;}
table.ArticleRatingSharingDetails .ArticleDownloadMedia a 
{
	color:#f7941d;
	text-decoration:none;
}
table.ArticleRatingSharingDetails .ArticleDownloadMedia a:hover {color:#F26522}
table.ArticleRatingSharingDetails td.ArticleSharingDetails 
{
	text-align:right;
	padding-bottom:7px;
}

#ArticleRating 
{
	padding-bottom:8px;
	PADDING-RIGHT: 20px;
	DISPLAY: block;
	FLOAT: left;
}

#ArticleRatingTitle 
{
	padding-top:1px;
	white-space:nowrap;
	CLEAR: both;
	DISPLAY: block;
	FLOAT: left;
}

#ArticleRatingScore 
{
	width:200px;
	CLEAR: both;
	DISPLAY: block;
	FLOAT: left;
	vertical-align:middle;
}

/* Ratings use different colours for Average Rating (Green), My Rating (Orange), and No Rating (Grey) */
.StarMyRatingOn {
	DISPLAY: inline;
	BACKGROUND: url(../../img/StarOrange.gif) no-repeat left top;
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 16px;
	HEIGHT: 16px;
}
.StarMyRatingOff {
	DISPLAY: inline;
	BACKGROUND: url(../../img/StarGrey.gif) no-repeat left top;
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 16px;
	HEIGHT: 16px;
}
.StarAvgRatingOn {
	DISPLAY: inline;
	BACKGROUND: url(../../img/StarGreen.gif) no-repeat left top;
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 16px;
	HEIGHT: 16px;
}
.StarAvgRatingHalf {
	DISPLAY: inline;
	BACKGROUND: url(../../img/StarGreenHalf.gif) no-repeat left top;
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 16px;
	HEIGHT: 16px;
}
.StarAvgRatingOff {
	DISPLAY: inline;
	BACKGROUND: url(../../img/StarGrey.gif) no-repeat left top;
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 16px;
	HEIGHT: 16px;
}

.ArticleSharing {padding-bottom:5px;}

/* Article Comments */

.PixelLine {padding:0px 0 30px 0;}

.ArticleDisplayComments 
{
	color:#333;
	font-size:18px;
	font-weight:bold;
}
.ArticleDisplayComments img {border:none;}
.ArticleDisplayCommentsHeader {padding:0 0 6px 0;}
.ArticleDisplayCommentsHeader a 
{
	float:right;
	color:#8DC63F;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.ArticleDisplayCommentsHeader a:visited {color:#afca89;}
.ArticleDisplayCommentsHeader a:hover {color:#4aba00;}
.ArticleDisplayCommentsHeader img {vertical-align:middle;}

.ArticlePostComment {padding:26px 0 0 0;}
.ArticlePostComment textarea 
{
	width:440px;
	height:125px;
}

.ArticlePostCommentHeader 
{
	padding-bottom:5px;
	float:left;
}

table.ArticleCommentsResults 
{
	color:#333333;
	height:70px;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

table.ArticleCommentsResults tbody,
table.ArticleCommentsResults tr,
table.ArticleCommentsResults td
{
	vertical-align:top;
}

table.ArticleCommentsResults td.ArticleCommentDisplayText 
{
	padding:0;
	margin:0;
	overflow:hidden;
	vertical-align:top;
}
table.ArticleCommentsResults td.ArticleCommentPostedBy 
{
	font-family:arial;
	font-size:10px;
	color:#999;
	line-height:14px;
	height:18px;
}
table.ArticleCommentsResults td.ArticleCommentPostedBy span {color:#b80303;}
table.ArticleCommentsResults td.ArticleCommentPostedBy img 
{
	border:none;
	padding-right:5px;
	vertical-align:bottom;
}
table.ArticleCommentsResults td.ArticleCommentPostedBy a 
{
	font-family:arial;
	font-size:10px;
	color:#8dc63f;
	font-weight:bold;
	text-decoration:none;
}
table.ArticleCommentsResults td.ArticleCommentPostedBy a:visited {color:#afca89;}
table.ArticleCommentsResults td.ArticleCommentPostedBy a:hover {color:#4aba00;}

table.ArticleCommentsResults td.ArticleCommentReportViolation 
{
	text-align:right;
	line-height:14px;
	height:16px;
}
table.ArticleCommentsResults td.ArticleCommentReportViolation a 
{
	font-family:arial;
	font-size:10px;
	color:#b80303;
	font-weight:bold;
	text-decoration:none;
}
table.ArticleCommentsResults td.ArticleCommentReportViolation a:hover {color:#ff0000;}
table.ArticleCommentsResults td.ArticleCommentReportViolation span 
{
	font-family:arial;
    font-size:10px;
    color:#999;
    font-weight:bold;
}

.ArticleCommentDisplayString 
{
	width:400px;
	padding:0px;
	margin-top:0px;
	margin-bottom:10px;
	vertical-align:top;
 }

.ArticleCommentDisplayContent {
    clear:both;
    overflow:hidden;
    position:relative;
    vertical-align:top;
}

/* Related Articles Col */
.ShareYourStoryImage {padding-bottom:5px;}

/* Google Ads */
.GoogleTopBannerAd 
{
	text-align:center;
	padding-bottom:5px;
	padding-top:5px;
}
.GoogleAdButton 
{
	text-align:center;
	padding-bottom:8px;
	padding-top:3px;
}

.BeAdvisedDisclaimer
{
	padding-bottom:8px;
}

/* Grey Panel for More Articles: Trending, Same User, Related, etc. */
.GreyPanelHeader 
{
	background:#cccccc;
	font-size:13px;
	line-height:13px;
	font-weight:bold;
	text-align:center;
	padding:0 10px 8px 10px;
}
.GreyPanelFooter 
{
	background:#cccccc;
	font-family:arial;
	font-size:10px;
	line-height:13px;
	text-align:center;
	padding:7px 10px;
}
.GreyPanel 
{
	background:#dddddd;
	padding:10px 15px 7px 15px;
	text-align:center;
	font-family:arial;
	font-size:10px;
}
.GreyPanelArticleLink 
{
	padding:2px 0 14px 0;
	width:120px;
	overflow:hidden;
}

/* More Links */
.MoreLink 
{
	font-size:14px;
	padding:0px 0 0px 0;
	text-align:right;
	font-weight:bold;
}
.MoreLink2 
{
	font-size:14px;
    padding:10px 0 0px 0;
    text-align:right;
    font-weight:bold;
}
.RSSIcon {padding:12px 0 0px 0;}

/* Spacer Gaps */
.HeaderGap {padding-bottom:1px;}
.SpacerGap11 {padding-top:11px;}
.SpacerGap20 {padding-top:20px;}

/* Edit Content Canvas */
.EditContentCanvas 
{
	background:#f4f4f4;
	padding:0 8px;
	color:#555;
}

.ProfileSubheader 
{
	padding:0px 0 0 3px;
	font-size:18px;
	font-weight:bold;
	color:#333333;
}
.ProfileSubheader span 
{
	font-size:14px;
	color:#999999;
}
.ProfileSubheader img 
{
	vertical-align:middle;
}
.ProfileSubheaderLinks 
{
	font-weight:bold;
	color:#999999;
	padding:11px 0 11px 5px;
	line-height:18px;
	border-bottom:1px solid #e4e4e4;
}
.ProfileSubheaderText 
{
	color:#999999;
	padding:0px 0 0px 4px;
	line-height:18px;
}

.ProfileContainer {padding:10px 10px 6px 10px;}

.ProfileBio 
{
	background:#f4f4f4;
	line-height:18px;
	padding-bottom:12px;
}
.ProfileBio table td {vertical-align:top;}

.ProfileFeatures 
{
	font-family:arial;
	font-size:10px;
	color:#666666;
	line-height:16px;
}
.ProfileFeatures b 
{
	color:#333333;
	font-weight:normal;
}
.ProfileFeatures img {padding:4px 0 5px 0;}
.ProfileFeaturesItem {padding:0 9px 11px 0;}

.ProfileBioContent {color:#333333;}
.ProfileBioContent b {font-size:14px;} 
.ProfileBioContent a 
{
	font-weight:bold;
	line-height:20px;
}
.ProfileBioContent img 
{
	border:none;
	vertical-align:middle;
	padding-right:3px;
}
.ProfileBioContent span {font-weight:bold;}
.ProfileBioContent div.Stats 
{
	color:#8dc63f;
	font-family:arial;
	font-size:10px;
}

.ProfileDividerLine 
{
	padding:10px 0px 0px 0px;
	border-bottom:1px solid #e4e4e4;
}

.ProfileEmphasis {font-weight:bold; padding-left:6px;}

table.ProfilePrivateDetails th 
{
	font-size:12px;
	color:#666666;
	font-weight:normal;
	text-align:left;
}
table.ProfilePrivateDetails td,
table.ProfilePrivateDetails th 
{
	vertical-align:top;
	line-height:18px;
}

/* Profile Edit */
table.ProfileEdit td 
{
	padding:0 0 6px 0;
	vertical-align:middle;
}
table.ProfileEdit tr.ProfileEditRow1 td {padding-top:9px;} 
table.ProfileEdit td.ProfileFormTextareaLabel 
{
	text-align:right;
	color:#666666;
	padding:2px 10px 0 0px;
	vertical-align:top;
}
table.ProfileEdit td.ProfileFormLabel 
{
	text-align:right;
	color:#666666;
	padding-right:10px;
}
table.ProfileEdit td.ProfileButtonCell 
{
	padding:14px 0 47px 0;
	color:#000000;
}
table.ProfileEdit td.ProfileFormData {color:#000000;}
table.ProfileEdit tr.ProfileButton td {padding:6px 0 11px 0px;}

table.ProfileEdit textarea 
{
	width:450px;
	height:140px;
	color:#333333;
	background:#ffffff;
}
table.ProfileEdit textarea.StoryTipsTextArea 
{
	width:320px;
	height:70px;
	color:#333333;
	background:#f0f0f0;
}
table.ProfileEdit textarea.TagsTextArea 
{
	width:320px;
	height:140px;
	color:#333333;
	background:#ffffff;
	text-transform:lowercase;
}
table.ProfileEdit input[type=text] 
{
	color:#333333;
	background:#ffffff;
} 
table.ProfileEdit tr.ProfileButton td.pmReadEmail 
{
	background:#ffffff;
	padding:10px;
}

/* Edit Avatar and Media including Upload File */
table.ProfileEditAvatarMedia td 
{
	padding:0 15px 8px 0;
	font-size:11px;
}
table.ProfileEditAvatarMedia td.ProfileGuidelines {vertical-align:top;}
table.ProfileEditAvatarMedia td.ProfileFileUpload {vertical-align:bottom;}

/* Browse Articles Menu Nav Bar */
.GreyMenuBar 
{
	height:30px;
	background:#e4e4e4 url(../../img/MenuGreyBarRight.gif) 100% 0 no-repeat;
}
.GreyMenuBar .RoundedCornerLeft 
{
	width:5px;
	height:30px;
	background:#e4e4e4 url(../../img/MenuGreyBarLeft.gif) 0 0 no-repeat;
	float:left;
}

/* Member Profile Admin Menu Nav Bar */
.GreenMenuBar 
{
	height:30px;
	background:#8dc63f url(../../img/MenuGreenBarRight.gif) 100% 0 no-repeat;
}
.GreenMenuBar .RoundedCornerLeft 
{
	width:5px;
	height:30px;
	background:#8dc63f url(../../img/MenuGreenBarLeft.gif) 0 0 no-repeat;
	float:left;
}

table.GreenMenuBarItems {height:30px;}
table.GreenMenuBarItems td 
{
	vertical-align:top;
	padding:5px 0 0 1px;
	margin:0px;
}
table.GreenMenuBarItems img {border:none;}
table.GreenMenuBarItems2 td 
{
	font-family:arial;
	padding:5px 0px 0px 0px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
}
table.GreenMenuBarItems2 td a,
table.GreenMenuBarItems2 td div {display:block; }

table.GreenMenuBarItems2 td a 
{
	padding:0 6px;
	text-decoration:none;
	color:#0077bb;
}

table.GreenMenuBarItems2 td .GreenMenuBarItemOn 
{
	background:#00a1ff url(../../img/MenuBlueBarRight.gif) top right no-repeat;
}
table.GreenMenuBarItems2 td .GreenMenuBarItemOn div 
{
	padding:0 6px;
	color:white;
	background:url(../../img/MenuBlueBarLeft.gif) top left no-repeat;
}

.GreenMenuBar table.GreenMenuBarItems2 td .GreenMenuBarItemOn 
{
	background:#ffffff url(../../img/MenuGreenBarRightOn.gif) top right no-repeat;
}
.GreenMenuBar table.GreenMenuBarItems2 td .GreenMenuBarItemOn div 
{
	padding:0 6px;
	color:#8dc63f;
	background:url(../../img/MenuGreenBarLeftOn.gif) top left no-repeat;
}
.GreenMenuBar table.GreenMenuBarItems2 td a 
{
	padding:0 6px;
	text-decoration:none;
	color:#ffffff;
}

table.GreenMenuBarItems2 img 
{
	border:none;
	vertical-align:middle;
	padding-top:1px;
}
table.GreenMenuBarItems2 td 
{
	vertical-align:top;
	margin:0px;
}

/* Results Gallery (Members, Articles, etc.) */
table.ResultsGallery {}
table.ResultsGallery td 
{
	vertical-align:top;
	padding-top:10px;
	padding-bottom:10px;
}
.ResultsGalleryGap {padding-right:20px;}

.ResultsGalleryContent 
{
	width:140px;
	float:left;
}
#ResultsGalleryContent 
{
	border:none;
	padding:2px 10px;
	font-family:arial;
	font-size:10px;
	line-height:16px;
}
#ResultsGalleryContent a 
{
	color:#8dc63f;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	text-decoration:none;
}
#ResultsGalleryContent a:hover {color:#4aba00;}
#ResultsGalleryContent a:visited {color:#afca89;}
#ResultsGalleryContent img {border:none;}
#ResultsGalleryContent span 
{
	font-size:10px;
	font-family:arial;
	line-height:12px;
	text-align:left;
	color:#0077bb;
}

/* Explain 'Whats Ths?' Box */
.WhatsThisBox 
{
	padding:0px;
	margin:-9px 0px 0 0px;
	position:absolute;
	z-index:1000;
}
* html .WhatsThisBox {margin:-40px 0px 0 0px; }

.ToolTipPopup 
{
	width:340px;
	padding:14px 0 0 0;
	line-height:16px;
	color:#000;
	font-size:12px;
	font-weight:normal;
}
.ToolTipPopup .ToolTipHeader 
{
	color:#000;
	font-weight:bold;
	padding-bottom:4px;
	font-size:14px;
	line-height:16px;
}
.ToolTipPopup img {float:right;} 

/* Browse Navigation Sub Menu */
.BrowseNavSubMenu
{
	display:block;
	padding:8px;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	border-bottom:1px solid #e4e4e4;
}
.BrowseNavSubMenu a {padding:0 3px;}
.BrowseNavSubMenu .BrowseNavSubMenuSelected a
{
	color:#000;
	cursor:default;
}

/* Pagination */
.PaginationGap
{
	padding:4px 0 0 0;
}

table.PaginationListTop 
{
	font-size:12px;
	border-bottom:1px solid #e4e4e4;
}

table.PaginationListBottom {font-size:12px;}

table.PaginationListTop td,
table.PaginationListBottom td {padding:7px 0px;}

table.PaginationComments 
{
	font-size:11px;
	border-width:1px 0;
	border-style:solid;
	border-color:#e4e4e4;
}
table.PaginationComments td {padding:7px 0;}
td.PaginationCommentsLast 
{
	text-align:right;
	font-weight:bold;
}

table.PaginationCommentsItems b {color:#333;}
table.PaginationCommentsItems td 
{
	padding:0px 10px 0px 0px;
	font-weight:bold;
}
table.PaginationCommentsItems select {font-size:11px;}

/* Red Warning Message Box */
.RedWarningBox 
{
	max-width:620px;
}

.RedWarningBox .boxHeader
{
	height:10px;
	width:620px;
	overflow:hidden;
	background:#fff url(../../img/RedBoxFrameTop.png) 100% 0 no-repeat;
}

.RedWarningBox .boxFooter
{
	height:10px;
	width:620px;
	overflow:hidden;
	background:#fff url(../../img/RedBoxFrameBottom.png) 100% 0 no-repeat;
}

.RedWarningBox .boxContent
{
	border-left:3px solid #B90506;
	border-right:3px solid #B90506;
	padding:0px 0px 1px 13px;
}

.RedWarningBox .Headline
{
	color:#000000;
	font-size:24px;
	font-family:helvetica,arial,sans-serif;
	font-weight:bold;
	line-height:26px;
	margin:0px;
	padding:4px 10px 3px 0px;
}

.RedWarningBox .Headline b
{
	color:#b80303;
}

.RedWarningBox .Title
{
	color:#ca0002;
	font-weight:bold;
}

.RedWarningBox .BulletedList ul
{
	margin:0;
	padding: 0;
	list-style: none;
	clear:both;
}

.RedWarningBox .BulletedList ul li
{
	padding-left:12px;
	background: url(../../img/BulletBlack.gif) no-repeat 0px 4px;
	font-weight:normal;
	margin:1px 0;
}

.RedWarningBox .gap
{
padding-bottom:5px;
}

/* Tools Canvas */
#ToolsCanvas
{
	width:320px;
	padding-right:20px;
	float:left;
	overflow:hidden;
}

#ToolsCanvasWide
{
	width:95%;
	padding-right:20px;
	float:left;
	overflow:hidden;
}

#ToolBoxContent
{
	padding:0 13px 0 18px;
}

.ToolsHeaderText
{
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	padding-bottom:2px;
}

/* Tools Box */
.ToolBox .boxHeader,
.ToolTipPopup .ToolBox .boxHeader
{
	height:9px;
	margin-left:9px;
	position:relative;
	background:transparent url(../../img/BoxOutlineTopRight.gif) 100% 0 no-repeat;
}

.ToolBox .boxHeader div,
.ToolTipPopup .ToolBox .boxHeader div
{
	position:absolute;
	top:0;
	left:-9px;
	width:9px;
	height:9px;
	overflow:hidden;
	background:transparent url(../../img/BoxOutlineTopLeft.gif) 0 0 no-repeat;
}

.ToolBox .boxHeader span
{
	position:absolute;
	top:0;
	left:0;
	width:95%;
	height:9px;
	background:transparent url(../../img/BoxOutlineTopCentre.gif) 100% 0 repeat-x;
}

.ToolBox .boxContent,
.ToolTipPopup .ToolBox .boxContent
{
	background:#fff;
	border-width:0 1px;
	border-style:solid;
	border-color:#e4e4e4;
	padding:0 8px;
	text-align:left;
}

.ToolBox .boxFooter,
.ToolTipPopup .ToolBox .boxFooter
{
	height:9px;
	margin-left:9px;
	position:relative;
	background:transparent url(../../img/BoxOutlineBottomRight.gif) 100% 0 no-repeat;
}

.ToolBox .boxFooter div,
.ToolTipPopup .ToolBox .boxFooter div
{
	position:absolute;
	top:0;
	left:-9px;
	height:9px;
	width:9px;
	overflow:hidden;
	background:transparent url(../../img/BoxOutlineBottomLeft.gif) 0 0 no-repeat;
}

.ToolBox .boxFooter span
{
	position:absolute;
	top:0;
	left:0;
	width:95%;
	height:9px;
	background:transparent url(../../img/BoxOutlineBottomCentre.gif) 100% 0 repeat-x;
}

/* Profile Page */
.ProfileWelcome
{
	padding:11px 15px 8px 15px;
}

.ProfileWelcome img
{
	float:left;
	padding:4px 9px 7px 0;
}

.ProfileIdent
{
	line-height:16px;
	color:#666;
}

.ProfileLinks
{
	padding-top:5px;
	line-height:14px;
}

/* Wire Box Grey with Header Space for Title */
.WireBoxGreyWithHeader .boxHeader
{
	height:9px;
	overflow:hidden;
	background:#fff url(../../img/WireBoxGreyTopRightHeader.gif) 100% 0 no-repeat;
}

.WireBoxGreyWithHeader .boxHeader div
{	
	width:9px;
	height:9px;
	overflow:hidden;
	background:#fff url(../../img/WireBoxGreyTopLeftHeader.gif) 0 0 no-repeat;
}

.WireBoxGreyWithHeader .boxContent
{
	background:#ffffff;
	border-width:0 1px;
	border-style:solid;
	border-color:#dedede;
	padding:0 5px;
}

.WireBoxGreyWithHeader .boxFooter
{
	height:15px;
	overflow:hidden;
	background:#fff url(../../img/WireBoxGreyBottomRight.gif) 100% 0 no-repeat;
}

.WireBoxGreyWithHeader .boxFooter div
{
	height:15px;
	width:15px;
	overflow:hidden;
	background:#fff url(../../img/WireBoxGreyBottomLeft.gif) 0 0 no-repeat;
}

/* Wire Box Grey with NO Header Space for Title */
.WireBoxGreyNoHeader .boxHeader
{
	height:15px;
	overflow:hidden;
	background:#fff url(../../img/WireBoxGreyTopRight.gif) 100% 0 no-repeat;
}

.WireBoxGreyNoHeader .boxHeader div
{
	width:15px;
	height:15px;
	overflow:hidden;
	background:#fff url(../../img/WireBoxGreyTopLeft.gif) 0 0 no-repeat;
}

.WireBoxGreyNoHeader .boxContent
{
	background:#ffffff;
	border-width:0 1px;
	border-style:solid;
	border-color:#dedede;
	padding:0px 5px;
}

.WireBoxGreyNoHeader .boxFooter
{
	height:15px;
	overflow:hidden;
	background:#fff url(../../img/WireBoxGreyBottomRight.gif) 100% 0 no-repeat;
}

.WireBoxGreyNoHeader .boxFooter div
{
	height:15px;
	width:15px;
	overflow:hidden;
	background:#fff url(../../img/WireBoxGreyBottomLeft.gif) 0 0 no-repeat;
}

/* Header Content Area for Wire Box with Header */
.WireBoxHeaderContent
{
	padding:0px 2px 7px 12px;
	margin:0px;
	display:block;
	height:19px;
}

.WireBoxHeaderContent img
{
	float:right;
	border:none;
	vertical-align:bottom;
}

/* Title Header within Header Content Area for Wire Box with Header */
.WireBoxHeaderContentTitle
{
	float:left;
	font-size:18px;
	line-height:20px;
	padding-top:2px;
}

.WireBoxHeaderContentTitle span
{
	color:#ccc;
	font-size:14px;
	font-weight:bold;
}

/* Grey Background Inner Box (Within Outer Wire Box) */
.GreyBgInnerBox 
{
	background:#f4f4f4;
}

.GreyBgInnerBox .boxHeader
{
	height:9px;
	overflow:hidden;
	background:#f4f4f4 url(../../img/GreyBoxTopRight.gif) 100% 0 no-repeat;
}

.GreyBgInnerBox .boxHeader div
{
	width:9px;
	height:9px;
	overflow:hidden;
	background:#f4f4f4 url(../../img/GreyBoxTopLeft.gif) 0 0 no-repeat;
}

.GreyBgInnerBox .boxContent
{
	background:#f4f4f4;
	border:none;
	padding:0px;
}

.GreyBgInnerBox .boxFooter
{
	height:9px;
	overflow:hidden;
	background:#f4f4f4 url(../../img/GreyBoxBottomRight.gif) 100% 0 no-repeat;
}

.GreyBgInnerBox .boxFooter div
{
	height:9px;
	width:9px;
	overflow:hidden;
	background:#f4f4f4 url(../../img/GreyBoxBottomLeft.gif) 0 0 no-repeat;
}

.GreyBgInnerBoxContent
{
	padding:3px 12px 10px 12px;
	font-size:12px;
	line-height:24px;
	word-spacing:6px;
}

.GreyBgInnerBoxContentNormalWordSpacing
{
	padding:3px 12px 10px 12px;
	font-size:12px;
	line-height:24px;
}

/* Information Avatars */
#AvatarPhoto
{
	background:#f4f4f4;
}

#AvatarPhoto ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	background:#f4f4f4;
}

#AvatarPhoto li
{
	float:left;
	padding:0px;
	margin:0px;
	height:62px;
	background:#f4f4f4
}

#AvatarPhoto .AvatarPhotoCenter
{
	padding-right:3px;
	padding-bottom:3px;
}

* html #AvatarPhoto .AvatarPhotoCenter
{
	padding-right:3px;
	padding-bottom:0px;
}

.AvatarBox
{
	padding:0px;
	margin:0px;
	position:absolute;
	z-index:1000;
}

.AvatarPopup
{
	width:116px;
	padding:0;
	margin:0;
	height:140px;
	text-align:left;
}

.AvatarPopup a:hover
{
	text-decoration:none;
}

#AvatarPopupContent
{
	padding:4px 8px;
	font-size:12px;
	line-height:24px;
	word-spacing:6px;
}

#AvatarPopupContent a
{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#AvatarPopupContent a:hover
{
	text-decoration:none;
}

#AvatarPopupContent img
{
	vertical-align:bottom;
	border:none;
}

.AvatarPopupGreenBox .boxHeader
{
	height:8px;
	overflow:hidden;
	background:#8dc63f;
}

.AvatarPopupGreenBox .boxHeader div
{
	width:4px;
	height:4px;
	overflow:hidden;
	background:#8dc63f;
}

.AvatarPopupGreenBox .boxContent
{
	background:#8dc63f;
	border:none;
	padding:0px;
}

.AvatarPopupGreenBox .boxFooter
{
	height:4px;
	overflow:hidden;
	background:#8dc63f;
}

.AvatarPopupGreenBox .boxFooter div
{
	height:4px;
	width:4px;
	overflow:hidden;
	background:#8dc63f;
}

/* User Content Forms */
#UserContent
{
	width:638px;
	float:left;
}

.UserContentHeader 
{
	margin:0px 0 9px 0;
	color:#333;
	padding:0px;
	font-size:24px;
	font-family:helvetica,arial,sans-serif;
	font-weight: bold;
	line-height:26px;
}

.UserContentHeader b
{
	color:#ccc;
	font-size:14px;
	line-height:16px;
}

.UserContentHeader img
{
	border:none;
}

.UserContentHeader a {}

.UserContentParagraph
{
	padding-top:8px;
}

.UserContentCanvas
{
	background:#f4f4f4;
	padding:0 8px;
	color:#555;
}

.UserContentWarning
{
	color:#b80303;
	font-weight:bold;
	padding-left:6px;
}

.UserContentSaved
{
	color:#8DC63F;
	font-weight:bold;
	padding-left:6px;
}

.UserContentWarningSmall,
#UserContentWarningSmall a
{
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

#UserContentWarningSmall a:hover
{
	color:#FF0000;
}

.UserContentWarningLabel, .UserContentRequiredField
{
	color:#ca0002;
	font-weight:bold;
}

.UserContentGap 
{
	padding-top:10px;
}

table.UserContentEdit td
{
	padding:0 0 6px 0;
	vertical-align:middle;
}

table.UserContentEdit tr.UserContentEditRow1 td
{
	padding-top:9px;
} 

table.UserContentEdit td.UserContentEditMsg
{
	padding:0 5px 0 0;
}

table.UserContentEdit td.UserContentEditTextareaLabel
{
	text-align:right;
	color:#666666;
	padding:2px 10px 0 0px;
	vertical-align:top;
}

table.UserContentEdit td.UserContentEditLabel
{
	text-align:right;
	color:#666666;
	padding-right:10px;
}

table.UserContentEdit td.UserContentEditBtnCell
{
	padding:14px 0 47px 0;
	color:#000000;
}

table.UserContentEdit td.UserContentEditValue
{
	color:#000000;
}

table.UserContentEdit tr.UserContentEditBtn td
{
	padding:6px 0 11px 0px;
}

tr.UserContentEditBtnGap td
{
	padding-top:17px;
}

table.UserContentEdit textarea
{
	width:450px;
	height:140px;
	color:#333333;
	background:#ffffff;
}

table.UserContentEdit input[type=text]
{
	color:#333333;
	background:#ffffff;
} 

table.UserContentEdit tr.UserContentEditBtn td.UserContentEditReadEmail
{
	background:#ffffff;
	padding:10px;
}

.UserContentEditInstructions 
{
	color:#000000;
	padding:5px 0px 0px 0px;
}

.UserContentEditInstructionsSmall
{
	font-family:arial;
	font-size:10px;
}

.UserContentEditInstructionsSmallGrey
{
	font-family:arial;
	font-size:10px;
	color:#999999;
}

.UserContentEditInstructionsMedium
{
	font-size:11px;
	padding:6px 0px 0px 0px;
}

.UserContentEditMessages
{
	line-height:16px;
	padding:4px 0px 0px 0px;
}

/* Javascript Updates Available Characters (When near end, will use WARN Class) */
.AvailableCharMsg
{
	color:#000000;
	font-weight:normal;
}
.AvailableCharMsgWarn
{
	color:#ca0002;
	font-weight:bold;
}

.UserContentEditInputWidth80
{
	width:80px;
}

.UserContentEditInputWidth105
{
	width:105px;
}

.UserContentEditInputWidth190
{
	width:190px;
}

.UserContentEditInputWidth220
{
	width:220px;
}

.UserContentEditInputWidth250
{
	width:250px;
}

.UserContentEditInputWidth255
{
	width:255px;
}

.UserContentEditInputWidth320
{
	width:320px;
}

/* Edit Errors */
.EditErrors 
{
	color:Red;
	font-weight:bold;
}

/* Save Complete */
.SaveComplete 
{
	color:Green;
	font-weight:bold;
}

/* Top Nav Menu */
.TopNavMenuBreadcrumbs
{
	font-size:11px;
	padding-bottom:1px;
}

.TopNavMenuBreadcrumbs span
{
	font-family:arial;
	font-size:10px;
}

/* Blurb Text */
.BlurbText
{
	color:#ccc;
	font-weight: bold;
	padding-bottom:1px;
}

/* Article Content */
#ArticleText 
{
	padding:3px 0px 7px 0px;
	line-height:16px;
}

#ArticleTextHeader 
{
	padding:0 0 6px 0;
	color:#8DC63F;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

/* Page Footer */
#PageFooter 
{
	clear:both;
	border-top:9px solid #0099c5;
    background-color: #f4f4f4;
    color: #666666;
    width: 100%;
    padding-bottom:100px;
	margin-top:50px;
	display:inline-block;
}

#PageFooterNav 
{
	margin:0 auto;
	text-align:center;
	width:100%;
}

#PageFooterLinkbar 
{
	font-size:10px;
	font-family:arial;
	line-height:12px;
	padding-top:5px;
	text-align:center;
	color:#999999;
	border-top:1px solid #dadada;
}

table#PageFooterNavMenu 
{
	height:25px;
	width:80%;
}

table#PageFooterNavMenu td 
{
	vertical-align:middle;
	background: #f4f4f4 url(../../img/FooterBlueArrow.gif) no-repeat top center;
	text-align:center;
} 

table#PageFooterNavMenu td.PageFooterNavMenuDivider
{
	vertical-align:top;
	padding:0px;
	background:none;
}

table#PageFooterNavMenu a 
{
	font-size:12px;
	line-height:14px;
	padding:0 18px;
	font-weight:bold;
	color:#666666;
	height:25px;
}

table#PageFooterNavMenu td.PageFooterPoweredBy 
{
	width:25%;
	background:none;
	font-weight:normal;
	text-align:right;
}

table#PageFooterNavMenu td.PageFooterCopyright
{
	width:25%;
	background:none;
	font-weight:lighter;
	text-align:left;
}