/*
Generics
*/

body, html
{
	margin: 0;
	padding: 0;
	color: #666;
	background-color: #F37241;
	font-family: Arial, Helvetica;
	text-align:center;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(../images/bodyDesign/backFade.jpg);
}

form
{
	width: 950px;
	padding:0 5px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-top:26px;
	background-image: url(../images/bodyDesign/middleBack.gif);
	background-repeat: no-repeat;
	background-position: center top;
}



.Common
{
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#CommonHeader
{
	margin: 0;
	overflow: hidden;
	height: 103px;
	background-color: #BBB3A8;

}



#CommonHeaderUserArea
{
	margin: 0;
	padding: 0 15px 0 0;
	float: right;
	position: relative;
    z-index: 100;
}

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

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

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

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

#CommonHeaderUserContent
{
    padding: 6px 12px 3px 12px;
	background-color: #95B6C3;
	text-align: right;
    color: #8EA5AE;
}

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

#CommonHeaderUserRoundBottom
{
    margin: 0;
    padding: 0;
	height: 5px;
	width: inherit;
	overflow: hidden;
}

#CommonHeaderUserRoundBottom .r1, #CommonHeaderUserRoundBottom .r2, #CommonHeaderUserRoundBottom .r3, #CommonHeaderUserRoundBottom .r4
{
	height: 1px;
	overflow: hidden;
	background-color: #95B6C3;
}

#CommonHeaderUserRoundBottom .r4 { margin: 0 5px; }
#CommonHeaderUserRoundBottom .r3 { margin: 0 3px; }
#CommonHeaderUserRoundBottom .r2 { margin: 0 2px; }
#CommonHeaderUserRoundBottom .r1 { margin: 0 1px; height: 2px; }

#CommonHeaderTitleArea
{
	float: left;
	padding-top: 14px;
	padding-left:15px;
	width: 400px;
	overflow: hidden;
}

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

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

#CommonFooter
{
	clear: both;
	margin-top: 16px;


}

#CommonFooter .Common
{
	text-align: center;
	font-size: 85%;
	font-weight: bold;
	background-image: url(../images/backgrounds/footerBack.jpg);
	background-repeat: repeat-x;
	height: 150px;
}

#CommonNavigation
{
    clear: both;
    margin: 0;
	width: 100%;
	overflow: hidden;
	background-color: #AEA497;
	padding: 0;	
	padding-top: 5px;
	font-size: 105%;
	height: 30px;
}

#CommonNavigation .Common
{
   
	margin: 0 15px;
	width:900px;
	
}

#CommonNavigation .Common .Inner
{
	
	height: 30px;
}

#CommonNavigationShadow
{
	clear: both;
	margin-bottom: 12px;
}

#CommonNavigation ul
{
	display:inline;
	list-style-type: none;
	margin: 0;
	padding-right:-1px;
	height: 30px;
	
}

#CommonNavigation ul li
{
	display: block;
	float: left;

	height: 30px;
	background-color:#D77906;
		padding: 0 1px 0 0;
	
}

#CommonNavigation a:link, 
#CommonNavigation a:active, 
#CommonNavigation a:visited
{
	color: #000;
	text-decoration: none;
	display: block;
	padding: 7px 12px 5px 12px;
	height: 18px;
	background-color:#F8981D;
	border-left: 1px solid;
	border-right: 1px solid;
	font-weight:bold;
	font-size:90%;
	background-image: url(/Themes/hawaiiModded/images/bodyDesign/buttonBack.jpg);
	background-repeat: repeat-x;
}

#CommonNavigation a:hover
{
    color: #fff;
	background-color:#F38907;
	border-color:#F89316;
	background-image:url(/Themes/hawaiiModded/images/bodyDesign/buttonBackOn.jpg);
}

#CommonNavigation a.Selected:link, 
#CommonNavigation a.Selected:active, 
#CommonNavigation a.Selected:visited
{
    color:#000;
	background-color:#efe1c4;
	border-color:#EFE1C4;
	background-image:none;
}

#CommonNavigation a.Selected:hover
{
    color:#232323;
	background-color:#efe1c4;
	background-image:none;
	
}

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

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

#CommonSidebarLeft
{
padding-left:15px;
}

#CommonSidebarLeft .CommonSidebar
{
    float: left;
	padding-right: 12px;
	overflow: hidden;
	width: 230px;
}

#CommonSidebarRight
{
padding-right:15px;
}

#CommonSidebarRight .CommonSidebar
{
    float: right;
	padding-left: 12px;
	overflow: hidden;
	width: 230px;
}

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;
}

/*
Common Styles
*/

.CommonBreadCrumbArea
{
	margin: 0;
	padding: 9px 0;
	font-size: 85%;
	color: #000;
	background-color: #EFE1C6;

}

.CommonBreadCrumbArea a:link,
.CommonBreadCrumbArea a:visited{


color:#333333;
}

/*
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;
}

div#CommonTitle{

padding:0 15px;
}

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



.CommonHeader
{
	color: #aaa;
	font-size: 130%;
	font-weight: bold;
	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;
	cursor: pointer;
	color: #36c;
}

.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;
	cursor: pointer;
	color: #333;
}

.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: 160%;
	font-weight: 900;
}

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

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

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

.CommonTag5 a:link, .CommonTag5 a:visited, .CommonTag5 a:active
{
	margin-right: 6px;
	text-decoration: none;
	font-size: 95%;
	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;
	margin-left:auto;
	margin-right:auto;
}

.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
{
    border-top: solid 3px #ccc;
    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: #535353;

}

h2.CommonContentBoxHeader{

font-size: 70%;

}

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

.CommonContentBoxContent
{
	font-size: 90%;
	overflow: hidden;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.CommonContentBoxContent p{
line-height:150%;
}

.CommonContentBoxContent h1{
margin-bottom:-5px;

}

.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;
}


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

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

.CommonContentBox.TitleHighlighted .CommonContentBoxContent
{
}

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

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

.CommonContentBox.Highlighted .CommonContentBoxContent
{
}

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


.CommonContentBox.Highlighted2
{
    background-color: #EBFFFF;
    border-top-color: #95B6C3;
}

.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
{
	float: right;
	margin-right:15px;
	margin-bottom:11px;
}

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

.CommonSearchContent
{
	margin: 0;
	white-space: nowrap;
	position: relative;
	height: 16px;
	width: 223px;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 5px;
	border: 1px solid #CCCCCC;
}

.CommonSearchContentInner
{
	position: absolute;
	top: -5px;
	width: 166px;
}

.CommonSearchContent input
{
	margin: 0;
	padding: 0;
	border-width: 0;
	width: 200px;
	background-color: #FFFFFF;
}

.CommonSearchContent input.CommonSearchButton
{
	background-color: transparent;
	background-image: url('../images/common/search-button.gif');
	background-position: 0px 3px;
	background-repeat: no-repeat;
	width: 20px;
	height: 21px;
	overflow: hidden;
	cursor: pointer;
}

.CommonSearchRoundTop, .CommonSearchRoundBottom
{
	height: 5px;
	display:none;
}

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

.CommonSearchRoundTop .r1, .CommonSearchRoundBottom .r4 { margin: 0 5px; height: 0; border-top: solid 1px; 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; }

.CommonSearchRoundTop .r1, .CommonSearchRoundTop .r2, .CommonSearchRoundTop .r3, .CommonSearchRoundTop .r4,
.CommonSearchRoundBottom .r1, .CommonSearchRoundBottom .r2, .CommonSearchRoundBottom .r3, .CommonSearchRoundBottom .r4
{
	background-color: #f7f7f7;
	border-color: #bbb;
}

/* Post Popup Menu */

.CommonPostPopupArea 
{ 
    border: solid 1px #999;
    background-color: #fff;
    width: 350px;
    padding: 8px; 
}

.CommonPostPopupListArea 
{ 
    border: solid 1px #999;
    width: 342;
    padding: 4px;
    max-height: 300px;
    overflow: auto; 
}

UL.CommonPostPopupList 
{
    margin: 0 0 8px 8px;
    padding: 0;
    list-style-type: none; 
}

UL.CommonPostPopupList LI
{
    margin: 0;
    padding: 0;
}

.CommonPostPopupHeader
{
    margin-bottom: 8px;
}



ul.newUserList{
padding:0px;
margin:0px;

}

ul.newUserList li{
	display: block;
	float:left;
	width: 75px;
	list-style-type: none;
	height:93px;
	margin: 10px 9px 10px 15px;
	text-align:center;
}
ul.newUserList li span{
overflow:hidden;
display:block;
width:75px;
height:75px;

}
ul.newUserList li span img{
margin-top:-5px;
margin-left:-1px;
border:none;
cursor:hand;
cursor:pointer;

}

img#btnJoin{
margin-bottom:9px;

}

img.btnJoin{
margin-bottom:9px;
border:none;

}

div.CommonSidebar div.CommonContentBox{

background-image: url(/Themes/hawaiiModded/images/backgrounds/sketchBoxes/240_1.gif);
	border: none 0px;
}

.sketch1{
	background-image: url(/Themes/hawaiiModded/images/backgrounds/sketchBoxes/240_1.gif);
	border: none 0px;
}

.sketch2{
	background-image: url(/Themes/hawaiiModded/images/backgrounds/sketchBoxes/240_2.gif);
	border: none 0px;
}

.sketch1 h2.CommonContentBoxHeader,
.sketch2 h2.CommonContentBoxHeader,
.CommonContentBox  h2.CommonContentBoxHeader{
margin-bottom: 3px;
}

div.CommonContentBoxHeaderForm h1.CommonTitle{
margin-bottom:9px;
}



.negMargin{
margin-top:-15px;}







div#footerLeft img,
div#footerCenter img,
div#footerRight img{
border:none;


}

div#footerLeft,
div#footerCenter,
div#footerRight {
float:left;
color:#fff;
}

div#footerLeft{
width:330px;
padding:9px;
text-align:left;
padding-top:25px;
}
div#footerCenter{
width:415px;
padding:9px;
text-align:left;
font-weight:normal;
}
div#footerCenter a:link,
div#footerCenter a:visited{
color:#FFFFFF;
}
div#footerRight{
width:145px;
padding:9px;
text-align:right;
padding-top:19px;
}

.CommonBreadCrumbArea{
padding-left:15px;
}

img#blogPostLink{
border:none;
margin-bottom:9px;
}

h1.ProfileHeader{

display:block;
padding-top:5px;
line-height:100%;

}

h3.profileBlogHeading,
h3.profileBlogHeading a:link,
h3.profileBlogHeading a:visited{
	size:35%;
	margin-bottom:3px;

}

li.liBlog{
padding-bottom:5px;


}

div#CommonContent{
margin-right:15px;

}

img.profileBadge{
margin-bottom:9px;
}

div#galleryNav a:link,
div#galleryNav a:visited{
	text-decoration: none;
	
	display: block;
	padding: 9px;
	float: left;
	
	margin-right:1px;
	text-transform: capitalize;
	background-color: #F7F0E3;
}

div#galleryNav a:hover{
	color: #EF2110;


}

div#galleryNav a.gallerySelected:link,
div#galleryNav a.gallerySelected:visited{

	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

div#galleryNav{
	width:500px;
	clear:both;
	z-index: 1000;
	margin-bottom:-1px;
	position:relative;
	height:35px;
}

div#mainSearchContainer
{
	background-color:#EDEFE7;
	padding:5px;
	width:890px;
	clear:both;
	display:block;
	height:85px;
	border: 1px solid #CCCCCC;	   
    }

 div#mainSearchContainer h3{
	font-size: 13px;
	margin-left: 5px;
}

div#mainSearchContainer  .searchBut{
	margin-top: 20px;


}

  
div#mainSearchContainer div
{
    
    padding:3px;
   margin-right:2px;
   float:left;
    
    
    }
div#mainSearchContainer input,
div#mainSearchContainer select
{
    display:block;
	margin-top:3px;
    
    }
	
div.CommonContentBox h1{
	color: #0C95C9;
	font-size: 210%;
	margin-bottom:0px;
	margin-top:0px;
	font-family: lucida grande, lucida sans, Arial, Helvetica, sans-serif;
	
}

div.sketchPurple div.CommonContentBoxContent h1{
color:#fff;
}

 h1.userPage{
width:630px;

}

div.CommonContentBox h2{
	color: #666666;
	font-size: 120%;
	margin-bottom:-5px;
	
}

div.CommonContentBox h3{
	color: #666666;
	font-size: 110%;
		line-height:150%;
		margin-bottom:-5px;
	
}

div.CommonContentBox h4{
	color: #666666;
	font-size: 100%;	

}

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

h3.CommonSubTitle{
	color: #fff;
}



.tbFocused
		{
	color: #252525;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;	
	padding:3px;	   
		}
		
.tbBlurred
{
	background-color:#FCFCFC;
	border: 1px solid #DDDDDD;
	color: #828282;	
	padding:3px;   
}



div.SearchResults{
display:block;
clear:both;
width:880px;
}

.searchCountryLabel{
	font-size: 11px;
	font-weight: normal;
}

#DivExtendedData div{
	margin-bottom: 5px;
}

div#CommonNavigation div.Common div.Inner div.dd{
margin-top:-15px;
width:60px;
display:block;
}

a.tagHelp:link,
a.tagHelp:visited{
	color: #FFFFFF;
	background-color: #EC4B0F;
	padding:0px 3px;
	border: 1px solid #B83C0C;	
}



div.CommonSidebar  div.sketchPurple{
	background-image: url(/Themes/hawaiiModded/images/backgrounds/sketchBoxes/purple.jpg);	
	background-color:#7B30A2;
	width:216px;
	 
	}
	
div.CommonSidebar  div.sketchPurple h2.CommonTitle{
	color:#fff;}
	
div.CommonSidebar  div.sketchPurple	ul.CommonContentBoxList li a:link,
div.CommonSidebar  div.sketchPurple	ul.CommonContentBoxList li a:visited,
div.CommonSidebar  div.sketchPurple	ul.CommonContentBoxList li a:link span,
div.CommonSidebar  div.sketchPurple	ul.CommonContentBoxList li a:visited span{
	color:#fff;
	
	}
	
div.CommonSidebar  div.sketchPurple	div.purpleBottom{
	background-image: url(/Themes/hawaiiModded/images/backgrounds/sketchBoxes/purple.jpg);
	background-position: bottom;
	margin-right: -12px;
	margin-bottom: -12px;
	margin-left: -12px;
	display:block;
	height:12px;
	}
p.coInfo{
	clear:both;
	margin:9px;
	font-weight: normal;
	color: #FFFFFF;
}

p.coInfo a, p.coInfo a:link{
	font-weight: normal;
	color: #FFFFFF;
}

h1,
h1.CommonTitle{
border-bottom:solid 1px #E2E2E2;
padding-bottom:5px;
display:block;
margin-bottom:5px;


}
h2.CommonContentBoxHeader{
margin-bottom:9px;

}

div#CreatedBy{
text-align:right;

width:160px;
margin-left:320px;
padding-right:17px;
padding-top:19px;
float:right;
}
div#CreatedBy p{
color:#fff;
font-size:11px;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
	padding-right:3px;
	padding-bottom:2px;
}

div.GroupListMain{
	line-height: 150%;
	display: block;
	margin-bottom: 9px;
	padding-top: 9px;
	padding-right: 5px;
	padding-bottom: 9px;
	padding-left: 5px;
	clear:both;
}

div.GroupListMain div.groupAvatar{
	display:block;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	padding: 5px;
	width:120px;
	overflow:hidden;
	text-align: center;
}

div.GroupListMain div.groupInfo{
display:block;
	float:left;
	width:430px;

}

div.GroupListMain div.groupInfo p{
margin-top: 0px;


}

div.GroupsMain h2{
margin-bottom:9px;
font-size:150%;
padding-bottom:5px;
border-bottom:solid 1px #ccc;

}

div.GroupsMain div.subGroupHolder{
	padding-bottom:15px;
	margin-left:15px;
	
}

div.CommonContentBoxHeaderForm h2.subHeader{
	margin-bottom: 15px;

}

#RunningTotal{
	background-image: url(/Themes/hawaiiModded/images/backgrounds/pinkBlank.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 41px;
	padding-top:7px;
	padding-left:9px;
	width: 230px;
	margin-top: 5px;
	margin-bottom: 15px;
	font-weight: bold;
	font-size:16px;
	color: #fff;
}
div#divNoSpaces{
	color: #CC0000;
	height: 18px;

}

div.SideList
{
    clear:both;
    margin-bottom:5px;
    margin-top:5px;
    }
div.SideList img
{
    border:none;
 vertical-align:middle;

 margin:0px 5px 5px 5px;
 
    }

div.innerComp div
{
    width:200px !important;
    text-align:left !important;
    height:auto !important;
    
}
div.innerComp div div
{
   float:left; 
   width:60px !important;
   margin-right:9px;
   
    }
    
    div.innerComp 
    {
     display:block;
     clear:both;  
     margin-bottom:5px; 
        
        }
		
div.CommonContentBoxContent h1.ProfileHeader{
	font-size: 150%;

}

img#beta
{
    position:absolute;
    left:0px;
    top:0px;
    }
    
    div.forumList h3,  div.forumList div
    {
        display:block;
        padding: 3px 3px 3px 0px;
        
        }