/*
Generics
*/

body, html
{
	margin: 0;
	padding: 0;
	color: #666;
    font-family: Arial, Helvetica;
}
html { background: #fff url(../images/nb-big!.png) no-repeat right bottom; border: 0; }

form { min-width: 960px; background: Transparent url(../api.ashx/2101/Background/Form) repeat-x left top; }

.Common
{
	margin: 0 auto;
	padding: 0;
	width: 956px;
}

#CommonFooter
{
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
}

#CommonFooter .Common
{
	padding: 0 0 5px 0;
	font-size: 86%;
	font-weight: bold;
	text-align: center;
}

#CommonFooterRoundTop {	height: 10px; }
#CommonFooterRoundTop .r1, #CommonFooterRoundTop .r2, #CommonFooterRoundTop .r3, #CommonFooterRoundTop .r4, #CommonFooterRoundTop .r5, #CommonFooterRoundTop .r6, #CommonFooterRoundTop .r7
{
	height: 1px;
	display: block;
	overflow: hidden;
	background: White;
	border-left: solid 1px #000; border-right: solid 1px #000;
}
#CommonFooterRoundTop .r7 { margin: 0 6px; border: 0; background: #000; }
#CommonFooterRoundTop .r6 { margin: 0 4px; border-width: 2px; }
#CommonFooterRoundTop .r5 { margin: 0 3px; }
#CommonFooterRoundTop .r4 { margin: 0 2px; }
#CommonFooterRoundTop .r3 { margin: 0 1px; height: 2px; }
#CommonFooterRoundTop .r1 { height: 2px; }

#CommonFooter UL { list-style-type: none; text-align: left; float:left; padding: 0 20px 0 10px; }
#CommonFooter .list-blue > LI { font-size: 110%; }
#CommonFooter .list-blue { font-weight: bold; padding: 0 0 0 20px; }
#CommonFooter .list-border { margin-top: 5px; border-left: solid 1px #999; font-size: 11px; }
#CommonFooter .list-border LI { padding: 0; font-weight: normal; }

#FooterContent { margin-top: 10px; text-align: center; }


#CommonHeader
{
	padding: 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
	height: 100px;
	background: transparent url(../api.ashx/2101/Background/Header/silverlight.png) no-repeat center center;
}

#CommonHeaderUserArea, #CommonHeaderAthenaLink
{
	margin: 0;
	padding: 0;
	float: right;
    z-index: 100;
}

#CommonHeaderAthenaLink { margin-left: 2px; margin-right: 10px; }

#CommonHeaderUserArea a
{
    color: #fff;
	text-decoration: none;
}

#CommonHeaderUserWelcome a:hover
{
	text-decoration: underline;
	color: #ddd;
}

#CommonHeaderUserWelcome .sub a
{
	color: #fff;
	font-size: 1.1em;
	font-weight: normal;
}

#CommonHeaderUserWelcome .sub a:hover
{
	text-decoration: underline;
	color: #ddd;
}

#CommonHeaderUserContent, #CommonHeaderAthenaLinkContent
{
    padding: 0 8px 0 8px;
    line-height: 27px;
    height: 30px; margin: 0;
	background: #017FB0 url(../images/athena/Navigation.png) repeat-x left top;
	text-align: right; float: left;
    color: #000; display: block;
    border-bottom: solid 1px black;
}

#CommonHeaderAthenaLinkContent { padding: 0; }
#CommonHeaderAthenaLinkContent span { width: 20px; height: 25px; display: block; background: transparent url(../images/athena/paint.png) no-repeat center bottom; }

#CommonHeaderUserWelcome
{
    font-size: 90%;
    font-weight: bold;
}

#CommonHeaderUserRoundLeft, #CommonHeaderUserRoundRight, #CommonHeaderAthenaLinkRoundLeft, #CommonHeaderAthenaLinkRoundRight
{
    margin: 0; display: block;
    padding: 0; float: left;
	width: 6px;
}

#CommonHeaderUserRoundLeft .r1, #CommonHeaderUserRoundLeft .r2, #CommonHeaderUserRoundLeft .r3, #CommonHeaderUserRoundLeft .r4, #CommonHeaderUserRoundLeft .r5,
#CommonHeaderUserRoundRight .r1, #CommonHeaderUserRoundRight .r2, #CommonHeaderUserRoundRight .r3, #CommonHeaderUserRoundRight .r4, #CommonHeaderUserRoundRight .r5,
#CommonHeaderAthenaLinkRoundLeft .r1, #CommonHeaderAthenaLinkRoundLeft .r2, #CommonHeaderAthenaLinkRoundLeft .r3, #CommonHeaderAthenaLinkRoundLeft .r4, #CommonHeaderAthenaLinkRoundLeft .r5,
#CommonHeaderAthenaLinkRoundRight .r1, #CommonHeaderAthenaLinkRoundRight .r2, #CommonHeaderAthenaLinkRoundRight .r3, #CommonHeaderAthenaLinkRoundRight .r4, #CommonHeaderAthenaLinkRoundRight .r5
{ 
	width: 1px; display: block; overflow: hidden; background: #017FB0 url(../images/athena/Navigation.png) repeat-x left top; 
	float: left; border-bottom: solid 1px black; 
}
#CommonHeaderAthenaLinkRoundLeft .r1, #CommonHeaderAthenaLinkRoundLeft .r2, #CommonHeaderAthenaLinkRoundLeft .r3, #CommonHeaderAthenaLinkRoundLeft .r4, #CommonHeaderAthenaLinkRoundLeft .r5,
#CommonHeaderAthenaLinkRoundRight .r1, #CommonHeaderAthenaLinkRoundRight .r2, #CommonHeaderAthenaLinkRoundRight .r3, #CommonHeaderAthenaLinkRoundRight .r4, #CommonHeaderAthenaLinkRoundRight .r5 { cursor: pointer; }
#CommonHeaderAthenaLink:HOVER .r2, #CommonHeaderAthenaLink:HOVER .r3, #CommonHeaderAthenaLink:HOVER .r4, #CommonHeaderAthenaLink:HOVER .r5, #CommonHeaderAthenaLink:HOVER #CommonHeaderAthenaLinkContent { background-color: #0298d3; }
#CommonHeaderAthenaLink.open .r2, #CommonHeaderAthenaLink.open .r3, #CommonHeaderAthenaLink.open .r4, #CommonHeaderAthenaLink.open .r5, #CommonHeaderAthenaLink.open #CommonHeaderAthenaLinkContent { background: #bfdbff; }
#CommonHeaderAthenaLinkRoundLeft .r1, #CommonHeaderAthenaLinkRoundRight .r1, #CommonHeaderUserRoundLeft .r1, #CommonHeaderUserRoundRight .r1 { margin-bottom: 6px; height: 25px; border-width: 0; background: black; }
#CommonHeaderAthenaLinkRoundLeft .r2, #CommonHeaderAthenaLinkRoundRight .r2, #CommonHeaderUserRoundLeft .r2, #CommonHeaderUserRoundRight .r2 { margin-bottom: 4px; height: 25px; border-bottom-width: 2px; }
#CommonHeaderAthenaLinkRoundLeft .r3, #CommonHeaderAthenaLinkRoundRight .r3, #CommonHeaderUserRoundLeft .r3, #CommonHeaderUserRoundRight .r3 { margin-bottom: 3px; height: 27px; }
#CommonHeaderAthenaLinkRoundLeft .r4, #CommonHeaderAthenaLinkRoundRight .r4, #CommonHeaderUserRoundLeft .r4, #CommonHeaderUserRoundRight .r4 { margin-bottom: 2px; height: 28px; }
#CommonHeaderAthenaLinkRoundLeft .r5, #CommonHeaderAthenaLinkRoundRight .r5, #CommonHeaderUserRoundLeft .r5, #CommonHeaderUserRoundRight .r5 { margin-bottom: 1px; width: 2px; height: 29px; }

#LoginLink { position: relative; }
#LoginLink > span { position: absolute; display: none; left: -256px; top: -4px; width: 300px; }
#LoginLink:hover > span { display: block; }
#LoginLink > span a, #LoginLink > span a:hover { color: Black; }
#LoginLink .RoundTop { display: block; position: relative; margin: 0; top: 1px; width: auto; padding: 0; line-height: normal; overflow: hidden; }
#LoginLink .RoundTop span { float: right; display: block; border-top: solid 1px black; height: 18px; padding-top: 2px; background: white; }
#LoginLink .RoundTop b { display: block; background: White; float: right; width: 1px; height: 20px; overflow: hidden; border-top: solid 1px black; }
#LoginLink .RoundTop b.r1 { background: black; border: 0; height: 15px; margin: 6px 0 0 0; }
#LoginLink .RoundTop b.r2 { height: 15px; margin: 4px 0 0 0; border-top-width: 2px; }
#LoginLink .RoundTop b.r3 { height: 17px; margin: 3px 0 0 0; }
#LoginLink .RoundTop b.r4 { height: 18px; margin: 2px 0 0 0; }
#LoginLink .RoundTop b.r5 { height: 19px; width: 2px; margin: 1px 0 0 0; }

#LoginLink .RoundBottom { display: block; width: auto; padding: 0; margin: 0; line-height: normal; overflow: hidden; }
#LoginLink .RoundBottom > span { float: right; font-weight: normal; display: block; border-top: solid 1px black; border-bottom: solid 1px black; height: 20px; padding: 6px 4px 2px 4px; background: white; }
#LoginLink .RoundBottom b { display: block; background: White; float: right; width: 1px; height: 28px; overflow: hidden; border-top: solid 1px black; border-bottom: solid 1px black; }
#LoginLink .RoundBottom b.r11 { background: black; border: 0; height: 24px; margin: 0 0 6px 0; }
#LoginLink .RoundBottom b.r21 { height: 23px; margin: 0 0 4px 0; border-bottom-width: 2px;  }
#LoginLink .RoundBottom b.r31 { height: 25px; margin: 0 0 3px 0; }
#LoginLink .RoundBottom b.r41 { height: 26px; margin: 0 0 2px 0; }
#LoginLink .RoundBottom b.r51 { height: 27px; width: 2px; margin: 0 0 1px 0; }
#LoginLink .RoundBottom b.r1 { background: black; border: 0; height: 18px; margin: 6px 0; }
#LoginLink .RoundBottom b.r2 { height: 18px; margin: 4px 0; border-width: 2px; }
#LoginLink .RoundBottom b.r3 { height: 22px; margin: 3px 0; }
#LoginLink .RoundBottom b.r4 { height: 24px; margin: 2px 0; }
#LoginLink .RoundBottom b.r5 { height: 26px; width: 2px; margin: 1px 0; }

#CommonHeaderTitleArea
{
	float: left;
	padding-top: 14px;
}

.CommonHeaderTitle
{
	font-size: 325%;
	font-weight: bold;
	color: #ddd;
	letter-spacing: -2px;
	line-height: 100%;
}

.CommonHeaderTitleDescription
{
	font-size: 85%;
	padding-left: 2px;
	color: #bbb;
}

#BreadCrumbs { margin: 0; margin-bottom: 8px; padding: 0; }

#CommonNavigation
{
    height: 31px;
    width: 958px;
	margin: 0 auto;
	padding: 0;
	font-size: 105%;
	border-bottom: solid 1px #000;
}

#CommonNavigation ul
{
	list-style-type: none;
	padding: 0;
	display: block;
	margin: 0;
}

#CommonNavigation ul li { float: left; white-space: nowrap; overflow: visible; padding: 0; margin: 0; position: relative; z-index: 88;  }
#CommonNavigation li > a
{
    color: #fff;
    text-decoration: none;
    display: block;
}

#CommonNavigation .CommomNavigationLink
{
	display: block;
	padding: 0 12px;
	background: #017FB0 url(../images/athena/Navigation.png) repeat-x left top;
	border-top: solid 1px #000;
	height: 30px; cursor: pointer;
	line-height: 30px;
}
#CommonNavigation .rightPadding .CommomNavigationLink { overflow: hidden; cursor: default; padding: 0; }
#CommonNavigation li:HOVER .CommomNavigationLink { background-color: #0298d3; }
#CommonNavigation .rightPadding:HOVER .CommomNavigationLink { background-color: #017FB0; }
#CommonNavigation a.First .CommomNavigationLink { float: left; padding-left: 6px; }

#CommonNavigation li.Selected > a { cursor: default; }
#CommonNavigation li.Selected a .CommomNavigationLink { background-color: #7BC0DC; color: Black; cursor: default!important; }

.CommomNavigationLinkRoundTop {	height: 30px; float: left; width: 6px; }
#CommonNavigation .rightPadding .CommomNavigationLinkRoundTop { float: right; }
.CommomNavigationLinkRoundTop .r0, .CommomNavigationLinkRoundTop .r1, .CommomNavigationLinkRoundTop .r2, .CommomNavigationLinkRoundTop .r3, .CommomNavigationLinkRoundTop .r4
{ float: left; height: 30px; display: block; overflow: hidden; width: 1px; border-top: solid 1px #000; }
.CommomNavigationLinkRoundTop .r1 { margin: 4px 0 0 0; height: 25px; border-top-width: 2px; background: #017FB0 url(../images/athena/Navigation.png) repeat-x left -5px;}
.CommomNavigationLinkRoundTop .r2 { margin: 3px 0 0 0; height: 27px; background: #017FB0 url(../images/athena/Navigation.png) repeat-x left -3px;}
.CommomNavigationLinkRoundTop .r3 { margin: 2px 0 0 0; height: 28px; background: #017FB0 url(../images/athena/Navigation.png) repeat-x left -2px;}
.CommomNavigationLinkRoundTop .r4 { margin: 1px 0 0 0; height: 29px; width: 2px; background: #017FB0 url(../images/athena/Navigation.png) repeat-x left -1px;}
#CommonNavigation li:HOVER .CommomNavigationLinkRoundTop b { background-color: #0298d3; cursor: pointer; }
#CommonNavigation .rightPadding:HOVER .CommomNavigationLinkRoundTop b { background-color: #017FB0; }
#CommonNavigation .rightPadding:HOVER .CommomNavigationLinkRoundTop .r0 { background-color: #000; }
#CommonNavigation li.Selected a .CommomNavigationLinkRoundTop b { background-color: #7BC0DC; cursor: default }
.CommomNavigationLinkRoundTop .r0, #CommonNavigation li.Selected a span.CommomNavigationLinkRoundTop .r0, #CommonNavigation li:HOVER span.CommomNavigationLinkRoundTop .r0
{ margin: 6px 0 0 0; height: 25px; border-top: 0; background: #000; cursor: default; }

#CommonNavigation li .DropLineMenu
{ 
	position: absolute; top: 31px; border: solid 1px #000; display: none; background: white; width: 150px; font-size: 10px; 
	color: Black; padding: 2px; margin: 0; max-height: 210px; overflow: auto; z-index: 90; margin-left: -1px;
}
#CommonNavigation li:HOVER div { display: block; }
#CommonNavigation li div a { float: none; padding: 0 0 0 4px; display: block; margin: 0; }
#CommonNavigation li div a b { display: block; padding: 0 4px 0 0; font-weight: normal; margin: 0; }
#CommonNavigation li div a b b { height: 23px; line-height: 23px; padding: 0; overflow: hidden; display: block; text-align: left; cursor: pointer; }

#CommonNavigation li div a:hover, #CommonNavigation li div span:hover a { background: transparent url(../images/athena/subnav_over_left.png) no-repeat left center; text-decoration: none; }
#CommonNavigation li div a:hover b, #CommonNavigation li div span:hover a b { background: transparent url(../images/athena/subnav_over_right.png) no-repeat right center; }
#CommonNavigation li div a:hover b b, #CommonNavigation li div span:hover a b b { background: transparent url(../images/athena/subnav_over.png) repeat-x left center; }

#CommonNavigation .rightPadding { float: none; display: block; overflow: hidden; height: 31px; position: static; z-index: auto; }
#CommonBody { border: solid 1px #000; border-top: 0; border-bottom: 0; background: white; padding: 0; overflow: hidden }

#CommonC { padding: 10px; margin: 0; overflow: hidden }
#CommonContent {
	margin: 0;
	padding: 0;
	height: 1%; /* IE6 hack... it's very minor, though */
	overflow: hidden;
}

#CommonContentInner
{
	width: 100%;
	overflow: hidden;
}

#CommonSidebarLeft
{
}

#CommonSidebarLeft .CommonSidebar
{
    float: left;
	overflow: hidden;
	width: 240px;
	border-right: solid 1px #ddd;
}

#CommonSidebarRight
{
}

#CommonSidebarRight .CommonSidebar
{
    float: right;
	overflow: hidden;
	width: 240px;
	border-left: solid 1px #ddd;
}

A:LINK, A:ACTIVE
{
    color: #36c;
    text-decoration: none;
}

A:VISITED
{
    color: #039;
    text-decoration: none;
}

A:HOVER
{
	text-decoration: underline;
}

SELECT, TEXTAREA, INPUT, BUTTON
{
    font-family: Arial, Helvetica;
    font-size: 90%;
}

TABLE
{
    empty-cells: show;
}

HR
{
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #ccc;
	background-color: transparent;
	height: 0;
}

img { border: 0; vertical-align: text-bottom; }

/*
Common Styles
*/

.CommonBreadCrumbArea
{
	margin: 0;
	padding: 4px;
	font-size: 90%;
	color: #000;
	background-color: White;
	border-bottom: solid 1px #bbb;
}

.CommonBreadCrumbArea a 
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	padding: 1px 4px;
}

/*
Form Styles
*/

.CommonFormArea
{
    margin: 0;
}

.CommonFormTitle
{
	color: #000;
	font-size: 180%;
	font-weight: bold;
	padding: 0;
	margin: 32px 0 0 0;
	line-height: 100%;
}

.CommonFormSubTitle
{
    margin: 16px 0 4px 0;
    padding: 6px;
    font-weight: bold;
    color: #000;
    background-color: #ddd;
}

.CommonFormDescription
{
	padding: 8px 2px 8px 0;
}

TD.CommonFormFieldName
{
	font-weight: bold;
	padding: 8px 2px 2px 2px;
}

DIV.CommonFormFieldName
{
	font-weight: bold;
	padding: 12px 2px 2px 2px;
}

TD.CommonFormFieldDescription
{
	padding: 2px;
	font-size: 90%;
	font-weight: normal;
}

DIV.CommonFormFieldDescription
{
	padding: 2px;
	font-size: 90%;
	font-weight: normal;
}

TD.CommonFormField
{
	color: #000;
	padding: 2px;
}

DIV.CommonFormField
{
	color: #000;
	padding: 2px;
}

/*
Message Styles
*/

.CommonMessageSuccess
{
	padding: 12px;
	font-size: 100%;
	color: #030;
	font-weight: normal;
	border: solid 1px #030;
	background-color: #88dd88;
	margin: 16px 0;
}

.CommonMessageWarning
{
	margin: 16px 0;
	padding: 12px;
	font-size: 100%;
	color: #330;
	font-weight: normal;
	border: solid 1px #eec600;
	background-color: #FFFFAA;
}

.CommonMessageError
{
	margin: 16px 0;
	padding: 12px;
	font-size: 100%;
	color: #000;
	font-weight: normal;
	border: solid 1px #300;
	background-color: #d66;
}

/*
Content
*/

.CommonContentArea
{
    margin: 16px 0 0 0;
}

.CommonTitle
{
    color: #333;
	font-size: 200%;
	letter-spacing: -1px;
	font-weight: 500;
	padding: 0;
	margin: 0 0 10px 0;
}

.CommonSubTitle
{
	margin-top: 15px;
	text-align: left;
	padding: 4px;
	background-color: #999;
	color: #fff;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 110%;
}

.CommonHeader
{
	color: #aaa;
	font-size: 130%;
	font-weight: 500;
	padding: 0;
	margin: 8px 0 0 0;
}

.CommonContent
{
}

.CommonGroupedContentArea
{
	padding: 0 0 8px 0;
	margin: 0 0 16px 0;
}

.CommonDescription
{
	margin: 0 0 16px 0;
}

.CommonWarning
{
	padding: 8px 8px;
	font-weight: normal;
	margin: 24px 0 16px 0;
	color: #333;
	border: solid 1px #FFD226;
	background-color: #fffcb3;
}

/*
Text Button
*/

.CommonTextButton
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	padding: 4px;
	white-space: nowrap;
}

.CommonTextButton:LINK, .CommonTextButton:VISITED
{
	text-decoration: none;
}

.CommonTextButton:ACTIVE
{
	text-decoration: none;
}

.CommonTextButton:HOVER
{
	text-decoration: underline;
}

.CommonTextButtonHighlight
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	padding: 4px;
	background-color: #bbb;
	white-space: nowrap;
}

.CommonTextButtonHighlight:LINK, .CommonTextButtonHighlight:VISITED, .CommonTextButtonHighlight:ACTIVE, .CommonTextButtonHighlight:HOVER
{
	text-decoration: none;
	background-color: #bbb;
	color: #333;
}

.CommonImageTextButton
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	background-repeat: no-repeat;
	background-position: 2px center;
	padding: 4px 4px 4px 22px;
	line-height: normal;
	white-space: nowrap;
}

.CommonImageTextButton:LINK, .CommonImageTextButton:VISITED
{
	text-decoration: none;
	margin: 1px;
}

.CommonImageTextButton:ACTIVE
{
	text-decoration: none;
}

.CommonImageTextButton:HOVER
{
	text-decoration: underline;
}

/*
Specific Buttons
*/

.CommonDownloadButton { background-image: url(../images/common/download.gif); }
.CommonLockedButton { background-image: url(../images/common/locked.gif); }

/*
List 
*/

.CommonListArea
{
	padding: 8px 0;
}

.CommonListTitle
{
	padding: 6px 6px 6px 0;
	color: #000;
	font-weight: bold;
	margin: 0;
}

.CommonListTitle A, .CommonListTitle A:VISITED, .CommonListTitle A:ACTIVE
{
	color: #000;
	text-decoration: none;
}

.CommonListTitle A:HOVER
{
    text-decoration: underline;
}

.CommonListHeader
{
	text-align: left;
	padding: 4px;
	background-color: #999;
	color: #fff;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 110%;
}

.CommonListCell
{
	padding: 5px 0px 5px 5px;
	color: #333333;
	font-family: Arial, Helvetica;
	text-align: left;
}

.CommonListRow
{
	background-color: #eee;
}

.CommonListRowAlt td
{
	background-color: inherit;
}

/*
Avatar List
*/

.CommonAvatarListItemsArea
{
	margin: 0;
}

.CommonAvatarListItemArea
{
	margin: 10px 0;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 10px 10px 10px 70px;
	min-height: 46px;
	background-color: #eee;
}

.CommonAvatarListItemArea.Alt
{
	background-color: #fff;
}

.CommonAvatarListItemArea.Weblog
{
    background-image: url(../images/blog.png);
}

.CommonAvatarListItemArea.Forum
{
    background-image: url(../images/forum.png);
}

.CommonAvatarListItemArea.MediaGallery
{
    background-image: url(../images/media.png);
}

.CommonAvatarListItemArea.Hub
{
    background-image: url(../images/page.png);
}

.CommonAvatarListItemArea.Unknown
{
    padding-left: 10px;
}

.CommonAvatarListItemArea.Custom
{
	padding-left: 0px;
}

.CustomAvatarListItemCustomAvatar
{
	float: left;
	padding-left: 10px;
	width: 60px;
	height: 60px;
	overflow: hidden;
}

.CustomAvatarListCustomContent
{
	margin-left: 80px;
}

.CommonAvatarListItem
{
	font-size: 100%;
}

.CommonAvatarListItemName
{
	font-size: 150%;
	font-weight: normal;
	padding: 0;
	margin: 0 0 4px 0;
}

.CommonAvatarListItemDetails
{
	margin: 4px 0 0 0;
	color: #000;
	font-size: 80%;
}

UL.CommonAvatarListItemList
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*
Validation Styles
*/

.CommonValidationWarning
{
	font-size: 100%;
	color: #f00;
	font-weight: bold;
	padding: 2px;
}

/*
ContentParts
*/

.CommonContentPartBorderOff
{
	padding: 1px;
}

.CommonContentPartBorderOn
{
	border: dashed 1px #999;
	background-color: #efefef;
}

/*
Context Menu Styles
*/

.CommonContextMenuGroup
{
	background-color:#fff;
	border: solid 1px #999; 
}

.CommonContextMenuItem
{
	background-color: #fff; 
	font-size: 90%; 
	border: solid 1px #fff; 
	cursor: pointer;
	padding: 3px;
}

.CommonContextMenuItemHover
{
	background-color: #f4f4f4; 
	color: #000; 
	font-size: 90%; 
	border: solid 1px #E1E1E1; 
	cursor: pointer;
	padding: 3px;
}

.CommonContextMenuItemExpanded
{
	background-color: #E1E1E1; 
	color: #000; 
	font-size: 90%; 
	border: solid 1px #f4f4f4; 
	cursor: pointer;	
	padding: 3px;
}

/* Modal Styles */

.CommonModalMask
{
	opacity: .4;
	filter: alpha(opacity=40);
	background-color: #333;
}

.CommonModal
{
	background-color: #fff;
	border: solid 6px #333;
}

.CommonModalTitle
{
	border-bottom: solid 1px #333;
	padding: 8px 0 2px 0;
	font-size: 150%;
	margin: 0 8px;
	font-weight: bold;
	color: #333;
	cursor: move;
	min-height: 24px;
}

.CommonModalContent
{
	background-color: #fff;
}

.CommonModalFooter
{
	width: 100%;
	height: 12px;
}

.CommonModalClose
{
	width: 16px;
	height: 15px;
	background-image: url(../images/common/close.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	right: 8px;
	top: 8px;
	margin: 0;
}

.CommonModalResize
{
	width: 12px;
	height: 12px;
	background-image: url(../images/common/resize.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	right: 6px;
	bottom: 6px;
	cursor: se-resize;
}

/*
Rating Styles
*/

.CommonRateControlReadOnly
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	background-color: #fff;
	border: solid 1px #999;
	padding: 1px;
	white-space: nowrap;
}

.CommonRateControl
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	background-color: #eee;
	border: solid 1px #999;
	cursor: pointer;
	padding: 1px;
	white-space: nowrap;
}

.CommonRateControlActive
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	background-color: #fc6;
	border: solid 1px #c93;
	cursor: pointer;
	padding: 1px;
	white-space: nowrap;
}

/*
Content Selector Styles 
*/

.CommonContentSelectorTreeArea
{
	background-color: #fff;
	height: 330px;
	margin: 5px;
	margin-left: 0;
	border: solid 1px #999;
	overflow: hidden;
}

.CommonContentSelectorItemsArea
{
	margin: 5px;
	margin-right: 0;
	margin-left: 0;
	background-color: #fff;
	border: solid 1px #999;
	overflow: auto;
	padding: 4px;
	height: 322px;
}

.CommonContentSelectorOptionsArea
{
	margin: 0;
	background-color: #fff;
	border: solid 1px #999;
	padding: 4px;
}

.CommonContentSelectorItemArea
{
    float: left;
}

.CommonContentSelectorItem
{
	font-size: 90%;
	border: solid 1px #ccc;
	cursor: pointer;
	padding: 3px;
	width: 79px;
	height: 79px;
	overflow: hidden;
	margin: 6px 6px 0 6px;
	text-align: center;
	vertical-align: middle;
}

.CommonContentSelectorItemSelected
{
	font-size: 90%;
	border: solid 3px #999;
	cursor: pointer;
	padding: 1px;
	width: 79px;
	height: 79px;
	overflow: hidden;
	margin: 6px 6px 0 6px;
	text-align: center;
	vertical-align: middle;
}

.CommonContentSelectorItem img, .CommonContentSelectorItemSelected img
{
	margin-top: auto;
	margin-bottom: auto;
}

.CommonContentSelectorItemName
{
	font-size: 90%;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
	padding: 2px;
	width: 83px;
	height: 12px;
	overflow: hidden;
	margin: 1px 6px 16px 6px;
}

.CommonContentSelectorItemNameSelected
{
	font-size: 90%;
	font-weight: normal;
	text-align: center;
	background-color: #999;
	cursor: pointer;
	padding: 2px;
	width: 83px;
	height: 12px;
	overflow: hidden;
	margin: 1px 6px 16px 6px;
}

.CommonContentSelectorButtonArea
{
	text-align: right;
	margin: 5px;
}

/* Poll Styles */

.CommonPollMoveUpButton
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	border: solid 1px #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	background-color: #eee;
	color: #333;
	font-size: 80%;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left top;
	width: 20px;
	height: 20px;
	line-height: normal;
	background-image: url(../images/common/up.gif);
}

.CommonPollMoveUpButton:LINK, .CommonPollMoveUpButton:VISTED, .CommonPollMoveUpButton:ACTIVE
{
	text-decoration: none;
	color: #333;
}

.CommonPollMoveUpButton:HOVER
{
	text-decoration: none;
	color: #333;
	background-color: #ddd;
}

.CommonPollMoveDownButton
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	border: solid 1px #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	background-color: #eee;
	color: #333;
	font-size: 80%;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left top;
	width: 20px;
	height: 20px;
	line-height: normal;
	background-image: url(../images/common/down.gif);
}

.CommonPollMoveDownButton:LINK, .CommonPollMoveDownButton:VISTED, .CommonPollMoveDownButton:ACTIVE
{
	text-decoration: none;
	color: #333;
}

.CommonPollMoveDownButton:HOVER
{
	text-decoration: none;
	color: #333;
	background-color: #ddd;
}

.CommonPollDeleteButton
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	border: solid 1px #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	background-color: #eee;
	color: #333;
	font-size: 80%;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left top;
	width: 20px;
	height: 20px;
	line-height: normal;
	background-image: url(../images/common/delete.gif);
}

.CommonPollDeleteButton:LINK, .CommonPollDeleteButton:VISTED, .CommonPollDeleteButton:ACTIVE
{
	text-decoration: none;
	color: #333;
}

.CommonPollDeleteButton:HOVER
{
	text-decoration: none;
	color: #333;
	background-color: #ddd;
}

ol.CommonPollAnswerList
{
	margin: 0;
	padding: 0;
}

ol.CommonPollAnswerList li
{
	margin-left: 24px;
}

/* rendered poll styles */

.CommonPollArea
{
	width: 50%;
	min-width: 300px;
	background-color: #f4f4f4;
	border: solid 1px #999;
	margin: 0 auto;
}

.CommonSidebar .CommonPollArea
{
    min-width: 200px;
}

.CommonPollQuestion
{
	background-color: #ccc;
	border: solid 0 #999;
	border-bottom-width: 1px;
	padding: 4px;
	margin: 0;
	font-size: 105%;
}

.CommonPollContent
{
	padding: 4px;
}

.CommonPollDescription
{
}

.CommonPollSwitchedContent
{
    width: 80%;
    margin: 0 auto;
}

.CommonSidebar .CommonPollSwitchedContent
{
    width: 100%;
    margin: 0;
}

ul.CommonPollAnswerList
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

ul.CommonPollAnswerList li
{
	padding: 0;
	margin: 6px 0 0 0;
}

.CommonPollAnswer
{
	padding: 2px;
}

.CommonPollUserVote
{
    margin: 1em 0;
	color: #777;
}

.CommonPollFooter
{
	padding: 2px;
	background-color: #ccc;
	border: solid 0 #999;
	border-top-width: 1px;
	font-size: 80%;
}

.CommonPollResultGraph 
{
    white-space: nowrap;
}

.CommonSidebar .CommonPollResultGraph
{
    display: none;
}

ul.CommonPollFooterList
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.CommonPollFooterList li
{
	display: inline;
	margin: 0 6px;
	padding: 0;
}

/* End Poll Styles */

/* Tag Styles */

.CommonTagCloud
{
	background-color: #f7f7f7;
	border: solid 2px #ccc;
	border-left-width: 0;
	border-right-width: 0;
	padding: 16px;
	margin: 32px 0;
	line-height: 250%;
	list-style-type: none;
}

.CommonSidebarTagCloud
{
	line-height: 225%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.CommonTag1, .CommonTag2, .CommonTag3, .CommonTag3, .CommonTag4, .CommonTag5, .CommonTag6
{
	margin: 0;
	padding: 0;
	display: inline;
	word-wrap: break-word;
}

.CommonTag1 a:link, .CommonTag1 a:visited, .CommonTag1 a:active
{
	margin-right: 6px;
	text-decoration: none;
	font-size: 225%;
	font-weight: 900;
}

.CommonTag2 a:link, .CommonTag2 a:visited, .CommonTag2 a:active
{
	margin-right: 6px;
	text-decoration: none;
	font-size: 175%;
	font-weight: 800;
}

.CommonTag3 a:link, .CommonTag3 a:visited, .CommonTag3 a:active
{
	margin-right: 6px;
	text-decoration: none;
	font-size: 150%;
	font-weight: 600;
}

.CommonTag4 a:link, .CommonTag4 a:visited, .CommonTag4 a:active
{
	margin-right: 6px;
	text-decoration: none;
	font-size: 120%;
	font-weight: 500;
}

.CommonTag5 a:link, .CommonTag5 a:visited, .CommonTag5 a:active
{
	margin-right: 6px;
	text-decoration: none;
	font-size: 100%;
	font-weight: 300;
}

.CommonTag6 a:link, .CommonTag6 a:visited, .CommonTag6 a:active
{
	margin-right: 6px;
	text-decoration: none;
	font-size: 80%;
	font-weight: 200;
}

.CommonTag1 a:hover, .CommonTag2 a:hover, .CommonTag3 a:hover, .CommonTag4 a:hover, .CommonTag5 a:hover, .CommonTag6 a:hover
{
	text-decoration: underline;
}

/* End Tag Styles */

/*
TabPane Styles
*/

.CommonPane
{
	font-size: 10pt;
	border: solid 1px #999;
	border-top-width: 0;
	background-color: #fff;
	padding: 8px;
}

.CommonPaneTabSet
{
	font-size: 90%;
	padding: 0;
	margin: 0;
	background-image: url(../images/common/tabset.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	font-weight: bold;
}

.CommonPaneTab
{
	color: #666;
	border: solid 1px #ccc;
	margin: 2px 0 1px 0;
	padding: 6px 10px;
	background-color: #f3f3f3;
	cursor: pointer;
	white-space: nowrap;
}

.CommonPaneTabSelected
{
	color: #333;
	border: solid 1px #999;
	border-bottom-width: 0;
	border-top: solid 3px #999;
	margin: 0 0 -1px 0;
	padding: 6px 10px 8px 10px;
	background-color: #fff;
	cursor: pointer;
	white-space: nowrap;
}

.CommonPaneTabHover
{
	color: #333;
	border: solid 1px #ccc;
	margin: 2px 0 1px 0;
	padding: 6px 10px;
	background-color: #f3f3f3;
	cursor: pointer;
	white-space: nowrap;
}


/* Inline tag editor */
.CommonInlineTagEditor
{
	padding: 4px;
	border: solid 1px #999;
	background-color: #f3f3f3;
}

.CommonAvatarListArea
{
    margin: 8px 8px 0 0;
	padding: 0;
	width: 60px;
	height: 120px;
	text-align: center;
	overflow: hidden;
	float: left;
	font-size: 110%;
	font-weight: bold;
	word-wrap: break-word;
}

.CommonAvatarArea
{
	width: 60px;
	height: 60px;
	margin-bottom: 4px;
	overflow: hidden;
}

.CommonAvatarArea img
{
	border-width: 0;
}

.CommonAvatarListArea a
{
	text-align: center;
	font-size: .8em;
}

/* 
Theme Styles
*/

.CommonThemePreviewTextColumn
{
    width: 186px;
    border-style: solid;
    border-width: 0px;
    border-bottom-width: 1px;
    border-bottom-color: #ccc;
}

.CommonThemePreviewTextColumn h4
{
    width: 174px;
    overflow: hidden;
    font-size: 110%;
    font-weight: bold;
    margin: 0px;
    margin-top: 6px;
    padding: 0 6px 0 6px;
}

.CommonThemePreviewTextColumn div
{
    width: 174px;
    overflow: hidden;
    padding: 6px;
    font-size: 80%;
}

.CommonThemePreviewImageColumn
{
    width: 218px;
    border-style: solid;
    border-width: 0px;
    border-bottom-width: 1px;
    border-bottom-color: #ccc;
}

.CommonThemePreviewImageColumn div
{
    width: 200px;
    height: 90px;
    margin: 6px;
    background-color: #ccc;
    padding-top: 60px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
}

.CommonThemePreviewImageColumn img
{
    width: 200px;
    height: 150px;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    margin: 6px;
 }
 
.CommonFileSelectionArea
{
    background-color: #ccc;
    margin-bottom: 8px;
    margin-top: 4px;
    border: solid 1px #999;
}

.CommonFileSelectionArea input
{
    margin: 2px;
}
 
.CommonFileSelectionPreviewArea
{
    text-align: center;
    background-color: #fff;
    border: solid 0px #999;
    border-bottom-width: 1px;
    padding: 4px;
    font-size: 80%;
    color: #999;
    overflow: hidden;
}

.CommonFileSelectionPreviewArea img
{
    max-width: 250px;
    max-height: 100px;
}

.CommonOpenIdBox
{
	padding-left: 20px;
	background: url(../images/openid.gif) no-repeat left;
}

/* Content Boxes */

.CommonContentBox
{
    background-color: #fff;
    padding: 12px;
    margin: 0 0 12px 0;
    height: 1%;
}

.CommonContentBoxHeader
{
    padding: 0 0 6px 0;
    border-bottom: solid 1px #ccc;
    margin: 0 0 8px 0;
    line-height: 100%;
    font-size: 120%;
    color: #333;
    font-weight: 500;
}

.CommonContentBoxHeaderForm
{
	padding: 0 0 10px 0;
    border-bottom: solid 1px #ccc;
    margin: 0 0 10px 0;
    color: #333;
    position: relative;
}

.CommonContentBoxContent
{
    padding: 0 3px 15px 3px;
    font-size: 90%;
    overflow: hidden;
}

.CommonContentBoxFooter
{
    font-weight: bold;
    font-size: 80%;
    padding: 0 3px;
}

.CommonContentBoxFooter a
{
    text-decoration: none;
}

.CommonContentBoxFooter A:HOVER
{
    text-decoration: underline;
}

UL.CommonContentBoxList, UL.CommonSidebarList
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

UL.CommonContentBoxList.Seperator
{
    border-top: solid 1px #ccc;
    margin-top: -4px;
}

UL.CommonContentBoxList LI, UL.CommonSidebarList LI
{
    margin: 3px 0;
    padding: 0 0 2px 0;
    border-bottom: dotted 1px #ccc;
}

UL.CommonContentBoxList LI.Header
{
    padding-top: 20px;
    font-size: 80%;
    font-weight: bold;
    color: #000;
}

UL.CommonContentBoxList LI.Selected
{
	padding-right: 10px;
	background-image: url('../images/common/button-right-arrow.gif');
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: bold;
}

UL.CommonContentBoxList LI.Child
{
	padding-left: 10px;
}

#CommonContent .CommonContentBoxHeader
{
    font-size: 180%;
}

.CommonContentBox.TitleHighlighted
{
    border-top-color: #f00;
}

.CommonContentBox.TitleHighlighted .CommonContentBoxHeader
{
    border-bottom-color: #f00;
}

.CommonContentBox.TitleHighlighted .CommonContentBoxContent
{
}

.CommonContentBox.Highlighted
{
    background-color: #ff9;
}

.CommonContentBox.Highlighted .CommonContentBoxHeader
{
    border-bottom-color: #f93;
}

.CommonContentBox.Highlighted .CommonContentBoxContent
{
}

.CommonContentBox.Highlighted UL.CommonContentBoxList LI
{
    border-bottom-color: #E6B34D;
}


.CommonContentBox.Highlighted2
{
    background-color: #EBFFFF;
}

.CommonContentBox.Highlighted2 .CommonContentBoxHeader
{
    border-bottom-color: #95B6C3;
}

.CommonContentBox.Highlighted2 .CommonContentBoxContent
{
}

.CommonContentBox.Highlighted2 UL.CommonContentBoxList LI
{
    border-bottom-color: #CCC;
}

/* Comment Bubbles */

.CommonCommentArea
{
	margin: 12px 0;
}

.CommonCommentUser
{
	float: left;
	width: 64px;
	min-height: 60px;
	overflow: hidden;
}

.CommonCommentArrow
{
	float: left;
	padding-top: 10px;
	width: 10px;
	height: 20px;
	overflow: hidden;
}

.CommonCommentArrow .r1, .CommonCommentArrow .r2, .CommonCommentArrow .r3, .CommonCommentArrow .r4,
.CommonCommentArrow .r5, .CommonCommentArrow .r6, .CommonCommentArrow .r7, .CommonCommentArrow .r8, 
.CommonCommentArrow .r9, .CommonCommentArrow .r10
{
	height: 2px;
	overflow: hidden;
}

.CommonCommentArrow .r1 { margin-left: 0; }
.CommonCommentArrow .r2 { margin-left: 1px; }
.CommonCommentArrow .r3 { margin-left: 2px; }
.CommonCommentArrow .r4 { margin-left: 3px; }
.CommonCommentArrow .r5 { margin-left: 4px; }
.CommonCommentArrow .r6 { margin-left: 5px; }
.CommonCommentArrow .r7 { margin-left: 6px; }
.CommonCommentArrow .r8 { margin-left: 7px; }
.CommonCommentArrow .r9 { margin-left: 8px; }
.CommonCommentArrow .r10 { margin-left: 9px; }

.CommonCommentBubble
{
	margin-left: 74px;
}

.CommonCommentContent
{
	padding: 0 10px 1em 10px;
	min-height: 32px;
	position: relative;
	overflow: hidden;
}

.CommonCommentBubbleRoundTop, .CommonCommentBubbleRoundBottom
{
	height: 5px;
}

.CommonCommentBubbleRoundTop .r1, .CommonCommentBubbleRoundTop .r2, .CommonCommentBubbleRoundTop .r3, .CommonCommentBubbleRoundTop .r4,
.CommonCommentBubbleRoundBottom .r1, .CommonCommentBubbleRoundBottom .r2, .CommonCommentBubbleRoundBottom .r3, .CommonCommentBubbleRoundBottom .r4
{
	height: 1px;
	overflow: hidden;
}

.CommonCommentBubbleRoundTop .r1, .CommonCommentBubbleRoundBottom .r4 { margin: 0 5px; }
.CommonCommentBubbleRoundTop .r2, .CommonCommentBubbleRoundBottom .r3 { margin: 0 3px; }
.CommonCommentBubbleRoundTop .r3, .CommonCommentBubbleRoundBottom .r2 { margin: 0 2px; }
.CommonCommentBubbleRoundTop .r4, .CommonCommentBubbleRoundBottom .r1 { margin: 0 1px; height: 2px; }

.CommonCommentBubbleRoundTop .r1, .CommonCommentBubbleRoundTop .r2, .CommonCommentBubbleRoundTop .r3, .CommonCommentBubbleRoundTop .r4,
.CommonCommentBubbleRoundBottom .r1, .CommonCommentBubbleRoundBottom .r2, .CommonCommentBubbleRoundBottom .r3, .CommonCommentBubbleRoundBottom .r4,
.CommonCommentArrow .r1, .CommonCommentArrow .r2, .CommonCommentArrow .r3, .CommonCommentArrow .r4,
.CommonCommentArrow .r5, .CommonCommentArrow .r6, .CommonCommentArrow .r7, .CommonCommentArrow .r8, 
.CommonCommentArrow .r9, .CommonCommentArrow .r10,
.CommonCommentContent
{
	background-color: #CEDEFD;
}

.Owner .CommonCommentBubbleRoundTop .r1, .Owner .CommonCommentBubbleRoundTop .r2, .Owner .CommonCommentBubbleRoundTop .r3, .Owner .CommonCommentBubbleRoundTop .r4,
.Owner .CommonCommentBubbleRoundBottom .r1, .Owner .CommonCommentBubbleRoundBottom .r2, .Owner .CommonCommentBubbleRoundBottom .r3, .Owner .CommonCommentBubbleRoundBottom .r4,
.Owner .CommonCommentArrow .r1, .Owner .CommonCommentArrow .r2, .Owner .CommonCommentArrow .r3, .Owner .CommonCommentArrow .r4,
.Owner .CommonCommentArrow .r5, .Owner .CommonCommentArrow .r6, .Owner .CommonCommentArrow .r7, .Owner .CommonCommentArrow .r8, 
.Owner .CommonCommentArrow .r9, .Owner .CommonCommentArrow .r10,
.Owner .CommonCommentContent
{
	background-color: #DFFFED;
}

.CommonMessageHeader
{
	font-size: 110%;
}

.CommonMessageRecipients
{
	font-size: 80%;
	padding: 2px 0;
}

.CommonMessageDate
{
	border-bottom: solid 1px #999;
	margin-bottom: 10px;
	padding-bottom: 4px;
	font-size: 80%;
}

.CommonMessageActions
{
	float: right; 
	margin: 0 0 4px 4px; 
	font-size: 80%;
	font-weight: bold;
}

UL.CommonContentBoxList LI.CommonActivity
{
	padding-left: 22px;
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 16px;
}

UL.CommonContentBoxList LI.CommonActivity.NewProfileAnnouncement { background-image: url('../images/activities/new-profile-announcement.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewProfileComment { background-image: url('../images/activities/new-profile-comment.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewUser { background-image: url('../images/activities/new-user.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewBlog { background-image: url('../images/activities/new-blog.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewBlogPost { background-image: url('../images/activities/new-blog-post.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewBlogComment { background-image: url('../images/activities/new-blog-comment.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewForum { background-image: url('../images/activities/new-forum.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewForumThread { background-image: url('../images/activities/new-forum-thread.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewForumPost { background-image: url('../images/activities/new-forum-post.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewMediaGallery { background-image: url('../images/activities/new-media-gallery.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewMediaGalleryPost { background-image: url('../images/activities/new-media-gallery-post.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewMediaGalleryComment { background-image: url('../images/activities/new-media-gallery-comment.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewGroup { background-image: url('../images/activities/new-group.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewGroupMember { background-image: url('../images/activities/new-group-member.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewFriendship { background-image: url('../images/activities/new-friend.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewGroupPage { background-image: url('../images/activities/new-group-page.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewUserFile { background-image: url('../images/activities/new-user-file.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewUserFolder { background-image: url('../images/activities/new-folder.gif'); }

/* File Lists */

.CommonFileArea
{
	margin: 8px;
	width: 152px;
	overflow: hidden;
	float: left;
}

.CommonFileContent
{
	padding: 3px 8px 0 8px;
}

.CommonFile
{
	border: solid 2px #ccc;
	width: 131px;
	height: 94px;
	text-align: center;
	overflow: hidden;
	background-color: #fff;
	position: relative;
}

.CommonFile img
{
	border-width: 0;
	margin: 0;
	padding: 0;
}

.CommonFileDetails
{
	padding: 4px 0 8px 0;
	white-space: nowrap;
}

.CommonFileInner
{
	height: 94px;
	width: 131px;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	margin: 0;
}

.CommonFileInner a.CommonFileLink
{
	display: block;
	height: 94px;
	width: 131px;
	text-decoration: none;
	position: absolute;
	left: 0;
	top: 0;
}

.CommonFileRoundTop, .CommonFileRoundBottom
{
	height: 5px;
}

.CommonFileRoundTop .r1, .CommonFileRoundTop .r2, .CommonFileRoundTop .r3, .CommonFileRoundTop .r4,
.CommonFileRoundBottom .r1, .CommonFileRoundBottom .r2, .CommonFileRoundBottom .r3, .CommonFileRoundBottom .r4
{
	height: 1px;
	overflow: hidden;
}

.CommonFileRoundTop .r1, .CommonFileRoundBottom .r4 { margin: 0 5px; }
.CommonFileRoundTop .r2, .CommonFileRoundBottom .r3 { margin: 0 3px; }
.CommonFileRoundTop .r3, .CommonFileRoundBottom .r2 { margin: 0 2px; }
.CommonFileRoundTop .r4, .CommonFileRoundBottom .r1 { margin: 0 1px; height: 2px; }

.CommonFileRoundTop .r1, .CommonFileRoundTop .r2, .CommonFileRoundTop .r3, .CommonFileRoundTop .r4,
.CommonFileRoundBottom .r1, .CommonFileRoundBottom .r2, .CommonFileRoundBottom .r3, .CommonFileRoundBottom .r4,
.CommonFileContent
{
	background-color: #ececec;
}

/* Side List */

.CommonSideListArea
{
	float: left;
	width: 210px;
	height: 70px;
	margin: 8px;
	overflow: hidden;
}

.CommonSideListImage
{
	float: left;
	width: 60px;
	height: 60px; 
	overflow: hidden;
}

.CommonSideListContent
{
	margin-left: 68px;
}

/*
Hierarchal List
*/

.CommonHierarchalList
{
	float: left; 
	width: 44%;
	padding: 8px 5% 8px 0;
}

.CommonHierarchalList .CommonHeader
{
	margin-bottom: 2px;
}

/* Search Styles */

#CommonSearch
{
	position: relative;
	width: 182px;
	float: right;
	margin-top: 3px;
	line-height: normal;
}

.CommonSearchArea
{
	width: 182px;
	overflow: hidden;
	float: left;
}

.CommonSearchContent
{
	padding: 0 3px;
	margin: 0;
	border-left: solid 1px;
	border-right: solid 1px;
	white-space: nowrap;
	height: 1em;
}

.CommonSearchContentInner
{
	width: 176px;
	padding: 0;
	margin: 0;
	position: relative;
	top: -4px;
	overflow: hidden;
}

.CommonSearchContent input { margin: 0; padding: 0; border-width: 0; width: 155px; background-color: #fff; }
.CommonSearchContent input.CommonSearchButton {
	background-color: transparent; background-image: url('../images/common/search-button.gif');
	background-position: center 2px; background-repeat: no-repeat;
	width: 20px; height: 20px; overflow: hidden; cursor: pointer;
}

.CommonSearchRoundTop, .CommonSearchRoundBottom, .CommonSearchResultsRoundTop, .CommonSearchResultsReRoundTop { height: 5px; }
.CommonSearchRoundTop .r1, .CommonSearchRoundTop .r2, .CommonSearchRoundTop .r3, .CommonSearchRoundTop .r4,
.CommonSearchResultsRoundTop .r1, .CommonSearchResultsRoundTop .r2, .CommonSearchResultsRoundTop .r3, .CommonSearchResultsRoundTop .r4,
.CommonSearchResultsReRoundTop .r1, .CommonSearchResultsReRoundTop .r2, .CommonSearchResultsReRoundTop .r3, .CommonSearchResultsReRoundTop .r4,
.CommonSearchRoundBottom .r1, .CommonSearchRoundBottom .r2, .CommonSearchRoundBottom .r3, .CommonSearchRoundBottom .r4
{	border-left: solid 1px #000; border-right: solid 1px #000; height: 1px; overflow: hidden;	}

.CommonSearchRoundTop .r1, .CommonSearchRoundBottom .r4 { margin: 0 5px; height: 0; border-top: solid 1px #000; border-left-width: 0; border-right-width: 0; }
.CommonSearchRoundTop .r2, .CommonSearchRoundBottom .r3 { margin: 0 3px; border-left-width: 2px; border-right-width: 2px; }
.CommonSearchRoundTop .r3, .CommonSearchRoundBottom .r2 { margin: 0 2px; }
.CommonSearchRoundTop .r4, .CommonSearchRoundBottom .r1 { margin: 0 1px; height: 2px; }

.CommonSearchResultsRoundTop .r1 { margin: 0 0 0 5px; border-left-width: 411px; }
.CommonSearchResultsRoundTop .r2 { margin: 0 0 0 3px; border-left-width: 2px;}
.CommonSearchResultsRoundTop .r3 { margin: 0 0 0 2px; }
.CommonSearchResultsRoundTop .r4 { margin: 0 0 0 1px; height: 2px; }

.CommonSearchResultsReRoundTop .r1 { margin: 0 0 0 420px; height: 2px; }
.CommonSearchResultsReRoundTop .r2 { margin: 0 0 0 419px; }
.CommonSearchResultsReRoundTop .r3 { margin: 0 0 0 418px; }
.CommonSearchResultsReRoundTop .r4 { margin: 0 0 0 416px; border-left-width: 2px; }

.CommonSearchRoundTop .r1, .CommonSearchRoundTop .r2, .CommonSearchRoundTop .r3, .CommonSearchRoundTop .r4,
.CommonSearchRoundBottom .r1, .CommonSearchRoundBottom .r2, .CommonSearchRoundBottom .r3, .CommonSearchRoundBottom .r4,
.CommonSearchResultsRoundTop .r1, .CommonSearchResultsRoundTop .r2, .CommonSearchResultsRoundTop .r3, .CommonSearchResultsRoundTop .r4,
.CommonSearchResultsReRoundTop .r1, .CommonSearchResultsReRoundTop .r2, .CommonSearchResultsReRoundTop .r3, .CommonSearchResultsReRoundTop .r4,
.CommonSearchContent { background-color: White; border-color: #000; }
#SearchResults {
	position: absolute; margin-top: 22px; width: 603px;
	margin-left: -255px; display: none;  z-index: 99; line-height: normal;
}
#CommonNavigation li:HOVER #SearchResults { display: none; }
#SearchResults .CommonSearchContent { height: auto; width: auto; }
#SearchResultsContent { width: auto; padding-top: 5px; }
#SearchResultsContent ul { list-style-type: none; padding: 0; margin: 0; width: 594px; }
#SearchResultsContent ul li { display: block; width: 594px; }
#SearchResultsContent ul li h1 { font-size: 110%; padding: 5px 0; margin: 0; }
#SearchResultsContent ul li div { white-space: normal; }
#SearchResultsContent ul li div p { padding: 0; margin: 0; }
#SearchResultsContent ul li span { display: block; font-size: 80%; margin: 0; padding: 5px; }
#searchbutton {
	background-color: transparent; width: 21px; height: 21px; overflow: hidden; cursor: pointer;
	background-image: url(../images/common/search-button.gif); float: right;
	background-position: center 1px; background-repeat: no-repeat; 
}

#AthenaBar { display: none; }

#AthenaBarContent
{
	padding: 25px 10px 0px 10px; background: #bfdbff url(../images/Athena/AthenaBar_bg.png) no-repeat;
}

.AthenaBarRoundBottom 	
{
	height: 5px; background: transparent url(../images/athena/HeaderShaddow.png) repeat-x left top;
	position: absolute; width: 100%; left: 0;
}
.AthenaBarRoundBottom .r1, .AthenaBarRoundBottom .r2, .AthenaBarRoundBottom .r3, .AthenaBarRoundBottom .r4, .AthenaBarRoundBottom .r5, .AthenaBarRoundBottom .r6
{
	height: 1px;
	display: block;
	overflow: hidden; background: #bfdbff;
}
.AthenaBarRoundBottom .r1 { border-left: solid 910px black; border-right: solid 6px black; }
.AthenaBarRoundBottom .r2 { margin-left: 910px; margin-right: 6px; border-left: solid 2px black; border-right: solid 2px black; }
.AthenaBarRoundBottom .r3 { margin-left: 912px; margin-right: 8px; border-left: solid 1px black; border-right: solid 1px black; }
.AthenaBarRoundBottom .r4 { margin-left: 913px; margin-right: 9px; border-left: solid 1px black; border-right: solid 1px black; height: 2px; }