/* General Styles */

body, html
{
    font-family: Arial, Helvetica;
    color: #333333;
    background-color: #58585A;
    background-image: none;
}

form
{
    min-width: 960px;
}

A:LINK
{
    color: #98BF3C;
}

A:ACTIVE
{
    color: #8ACA00;
}

A:VISITED
{
    color: #98BF3C;
}

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

.Common
{
    width: 960px;
}

A.NewPageLink
{
    color: #FA5454;
}

/* Header Styles */

#CommonHeader
{
    background-image: url(/themes/hawaii/images/dezineforce/df-header-background.jpg);
    background-color: #FFFFFF;
    height: 100px;
}

.CommonHeaderTitle
{
    color: #676767;
    font-family: Arial, Helvetica;
    font-size: 325%;
}

#CommonHeaderUserRoundBottom .r1, #CommonHeaderUserRoundBottom .r2, #CommonHeaderUserRoundBottom .r3, #CommonHeaderUserRoundBottom .r4,
#CommonHeaderUserContent
{
    background-color: #FFFFFF;
}

#CommonHeaderUserContent
{
    color: #FFFFFF;
}

/* Navigation Styles */

#CommonNavigation
{
    background-color: #232324;
}

#CommonNavigation .Common .Inner, #CommonNavigation ul li
{
    border-color: #634E48;
}

#CommonNavigation .Common, #CommonNavigation a:link, #CommonNavigation a:active, #CommonNavigation a:visited, #CommonNavigation a:link, #CommonNavigation a:active, #CommonNavigation a:hover
{
    border-color: #000000;
}

#CommonNavigation a:link, #CommonNavigation a:active, #CommonNavigation a:visited
{
    color: #C0C0C0;
}

#CommonNavigation a:hover
{
    color: #FFFFFF;
}

#CommonNavigation a.Selected:link, #CommonNavigation a.Selected:active, #CommonNavigation a.Selected:visited
{
    color: #FFFFFF;
    background-color: #644D48;
}

#CommonNavigation2
{
    background-color: #644D48;
}

#CommonNavigation2 a:link, #CommonNavigation2 a:active, #CommonNavigation2 a:visited
{
    color: #000000;
}

.CommonBreadCrumbArea
{
    background-color: #FFFFFF;
    color: #000000;
}

/* Body Styles */

.CommonTitle
{
    font-family: Verdana;
    color: #98BF3C;
    font-size: 200%;
}

#CommonHeaderTitle
{
    font-size: 325%;
}

#CommonHeaderTitle h1, #CommonHeaderTitle h1 A:LINK, #CommonHeaderTitle h1 A:VISITED, #CommonHeaderTitle h1 A:ACTIVE
{
    font-family: Arial, Helvetica;
    color: #676767;
}

.ForumPostHeader
{
    font-size: 90%;
    color: #000000;
    font-family: Arial, Helvetica;
    background-color: #CCCCCC;
}

.ForumPostHeader, .ForumPostTitleArea, .ForumPostContentArea, .ForumPostUserArea, .ForumPostFooterArea
{
    border-color: #E1E1E1;
}

.ForumPostTitleArea
{
    background-color: #F4F4F4;
}

.ForumPostUserArea
{
    background-color: #F4F4F4;
}

.ForumPostContentArea
{
    color: #000000;
}

A.ForumGroupNameRead, .ForumGroupNameRead:LINK, .ForumGroupNameRead:VISITED, A.ForumNameRead, .ForumNameRead:LINK, .ForumNameRead:VISITED
{
    color: #98BF3C;
}

A.ForumGroupNameUnRead, .ForumGroupNameUnRead:LINK, .ForumGroupNameUnRead:VISITED, A.ForumNameUnRead, .ForumNameUnRead:LINK, .ForumNameUnRead:VISITED
{
    color: #98BF3C;
}

/* Content Box */

.CommonContentBox
{
    background-color: #FFFFFF;
    border-top-color: #FFFFFF;
}

.CommonContentBox .CommonContentBoxHeader
{
    border-bottom-color: #FFFFFF;
    font-family: Verdana;
    color: #98BF3C;
}

.CommonSearchRoundTop .r1, .CommonSearchRoundTop .r2, .CommonSearchRoundTop .r3, .CommonSearchRoundTop .r4,
.CommonSearchRoundBottom .r1, .CommonSearchRoundBottom .r2, .CommonSearchRoundBottom .r3, .CommonSearchRoundBottom .r4,
.CommonSearchContent
{
	background-color: #F7F7F7;
	border-color: #E7E7E7;
}

.CommonSearchContent input
{
    background-color: #F7F7F7;
}

/* Announcement Content Box */

.CommonContentBox.Highlighted
{
    background-color: #FAB668;
    border-top-color: #D9831A;
}

.CommonContentBox.Highlighted .CommonContentBoxHeader
{
    border-bottom-color: #D9831A;
    font-family: Arial, Helvetica;
    color: #333333;
}

/* Activity Content Box */

.CommonContentBox.TitleHighlighted
{
    background-color: #FFFFFF;
    border-top-color: #D9831A;
}

.CommonContentBox.TitleHighlighted .CommonContentBoxHeader
{
    border-bottom-color: #D9831A;
    font-family: Arial, Helvetica;
    color: #333333;
}

/* Highlighted Content Box */

.CommonContentBox.Highlighted2
{
    background-color: #EEEEEE;
    border-top-color: #FAB668;
}

.CommonContentBox.Highlighted2 .CommonContentBoxHeader
{
    border-bottom-color: #FAB668;
    font-family: Arial, Helvetica;
    color: #333333;
}

/* Message Box */

.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: #FAB668;
}

.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: #C0DB91;

}

/* File Box */

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

.CommonFile
{
    border-color: #CCCCCC;
    background-color: #FFFFFF;
}

/* List Styles */

.CommonListTitle
{
    font-family: Arial, Helvetica;
    font-size: 100%;
}

.CommonListTitle, .CommonListTitle a:link, .CommonListTitle a:visited, .CommonListTitle a:active
{
    color: #525252;
}

.CommonListHeader
{
    background-color: #999999;
    color: #FFFFFF;
}

.CommonListRow, .CommonAvatarListItemArea
{
    background-color: #EEEEEE;
}

.CommonListRowAlt td, .CommonAvatarListItemArea.Alt
{
    background-color: #FFFFFF;;
}

/* Footer Styles */

#CommonFooter
{
    background-image: none;
    background-color: ;
}

/* Sidebar Styles */

#CommonSidebarLeft .CommonSidebar, #CommonSidebarRight .CommonSidebar
{
    width: 300px;
}

/* Modal Styles */

.CommonModal, .CommonModalTitle
{
    border-color: #333333;
}

.CommonModalTitle
{
    color: #333333;
    font-family: Arial, Helvetica;
}

			html, body
			{
			height: 100%;
			background-image: url(/themes/hawaii/images/dezineforce/df-page-background.png);
			background-repeat: repeat-x;
			background-color: #58585A;
			}
			td, th {
			vertical-align: top;
			}
			p, li {
			color: #999999;
			}
			HR
			{
			border-style: solid;
			border-width: 0 0 1px 0;
			border-color: #ccc;
			background-color: transparent;
			height: 0;
			}
			.dfContainer
			{
			width: 968px;
			margin-left: auto;
			margin-right: auto;
			padding-left: 8px;
			background-image: url(/themes/hawaii/images/dezineforce/df-shadow-left.png);
			background-repeat: repeat-y;
			}
			.dfContainerInner
			{
			background-image: url(/themes/hawaii/images/dezineforce/df-shadow-right.png);
			background-repeat: repeat-y;
			background-position: right;
			padding-right: 8px;
			}

			/*=== Header ==========================*/

			#CommonHeaderTitleArea
			{
			padding-top: 0px;
			padding-left: 26px;
			}
			#CommonHeaderUserContent
			{
			padding-top: 12px;
			padding-right: 20px;
			}
			#CommonHeaderUserArea a:link, #CommonHeaderUserArea a:visited
			{
			color: #666666;
			}
			.CommonHeaderTitle, .CommonHeaderTitleDescription
			{
			display: none;
			}
			#CommonHeaderUserWelcome
			{
			font-size: 13px;
			font-weight: normal;
			}

			/*=== Navigation ==========================*/

			#CommonNavigation
			{
			font-weight: normal;
			font-size: 12px;
			line-height: 16px;
			padding: 0px;
			margin: 0px;
			background-image: url(/themes/hawaii/images/dezineforce/df-navigation-background.png);
			background-repeat: repeat-x;
			background-color: #232324;
			border: none;
			height: 36px;
			}
			#CommonNavigation .Common
			{
			padding: 0px;
			margin: 0px;
			border: none;
			width: 100%;
			}
			#CommonNavigation .Common .Inner
			{
			padding: 0px;
			margin: 0px;
			border: none;
			}
			#CommonNavigation ul
			{
			padding: 0px;
			margin: 0px;
			border: none;
			}
			#CommonNavigation ul li
			{
			padding: 0px;
			margin: 0px;
			border: none;
			}
			#CommonNavigation ul li a, #CommonNavigation a:link, #CommonNavigation a:active, #CommonNavigation a:visited
			{
			font-weight: normal;
			font-size: 12px;
			line-height: 16px;
			padding: 9px 25px 9px;
			border-right: 1px solid #5F6062;
			border-left: 1px solid #494A4C;
			border-bottom: 1px solid #0E0E0F;
			border-top: 1px solid #5E5F61;
			margin: 0px;
			}
			#CommonNavigation a.Selected:link, #CommonNavigation a.Selected:active, #CommonNavigation a.Selected:visited
			{
			font-weight: normal;
			font-size: 12px;
			line-height: 16px;
			background-color: #7B7C7F;
			padding: 9px 25px 9px;
			border-right: 1px solid #7B7C7F;
			border-left: 1px solid #5C5D5E;
			border-bottom: 1px solid #7B7C7F;
			border-top: 1px solid #727377;
			margin: 0px;
			}
			#CommonNavigation a:hover
			{
			font-weight: normal;
			font-size: 12px;
			line-height: 16px;
			padding: 9px 25px 9px;
			border-right: 1px solid #5F6062;
			border-left: 1px solid #494A4C;
			border-bottom: 1px solid #0E0E0F;
			border-top: 1px solid #5E5F61;
			margin: 0px;
			color: #FFFFFF;
			}
			#CommonNavigation2
			{
			/*margin-top: -1px;*/
			background-color: #7B7C7F;
			}
			#CommonNavigation2 ul
			{
			margin-left: 20px;
			}
			#CommonNavigation2 a:link, #CommonNavigation2 a:active, #CommonNavigation2 a:visited
			{
			color: #c0c0c0;
			font-weight: normal;
			font-size: 12px;
			line-height: 15px;
			padding: 2px 17px;
			border: none;
			}
			#CommonNavigation2 a.Selected:link, #CommonNavigation2 a.Selected:active, #CommonNavigation2 a.Selected:visited, #CommonNavigation2 a:hover
			{
			color: #FFFFFF;
			font-weight: normal;
			font-size: 12px;
			line-height: 15px;
			padding: 2px 17px;
			border: none;
			}
			#CommonNavigation2Empty
			{
			display: none;
			top: 0px;
			}

			#CommonSearch
			{
			margin: 7px 5px;
			}
			.CommonSearchArea, .CommonSearchRoundTop, .CommonSearchContent, .CommonSearchContentInner, .CommonSearchRoundBottom
			{
			margin: 0px;
			padding: 0px;
			background-image: none;
			}
			.CommonSearchInputEmpty, .CommonSearchInputNormal
			{
			height: 15px;
			padding: 0px;
			vertical-align: middle;
			font-style: normal;
			}

			.TitleBarSearchButton {}
			.CommonSearchButton
			{
			background-color: Transparent;
			background-image: url(/themes/hawaii/images/dezineforce/df-search-button.png);
			background-repeat: no-repeat;
			border: none;
			height: 20px;
			width: 54px;
			vertical-align: middle;
			margin-left: 5px;
			}
			#CommonNavigationShadow
			{
			}

			/*=== Page ==========================*/

			.dfPage
			{
			background-color: #FFFFFF;
			padding: 10px 20px;
			}

			.Common
			{
			width: 100%;
			}

			.CommonTitle
			{
			font-weight: normal;
			margin: 20px 0px 0px 10px;
			font-size: 150%;
			}
			.dfHomePage .CommonTitle /* This is to apply to the home page Flash */
			{
			margin: 0px;
			width: 100%;
			}
			#CommonContent ol.ContentList li, #CommonContent ul.ContentList li {
			list-style-image: url(/filestorage/CommunityServer.Components.SiteFiles/df-bullet-green-small.gif);
			margin-bottom: 15px;
			}
			.dfHomeFeature
			{
			border-bottom: 2px solid #dddddd;
			background-color: #FFFFFF;
			}
			.CommonContentBoxContent
			{
			margin-top: 0px;
			padding-left: 0px;
			font-size: 100%;
			line-height: 115%
			}
			.CommonContentBoxContent p
			{
			margin: 0px 0px 15px 0px;
			}
			.CommonContentBoxContent ul
			{
			margin-top: 0px;
			}
			.CommonContentBoxContent h1
			{
			clear: both;
			color: #98bf3c;
			font-size: 150%;
			font-weight: bold;
			}
			.CommonContentBoxContent h2
			{
			clear: both;
			color: #98bf3c;
			font-size: 110%;
			font-weight: bold;
			margin-bottom: 0px;
			padding-top: 10px;
			padding-bottom: 0px;
			border-top: 1px solid #CCCCCC;
			}
			.CommonContentBoxContent h3
			{
			clear: both;
			color: #98bf3c;
			font-size: 110%;
			font-weight: bold;
			margin-bottom: 0px;
			padding-top: 10px;
			padding-bottom: 0px;
			}
			.CommonContentBoxContent h4
			{
			clear: both;
			color: #98bf3c;
			font-size: 100%;
			font-weight: bold;
			margin-bottom: 0px;
			padding-top: 10px;
			padding-bottom: 0px;
			}
			.CommonAvatarListItemArea
			{
			margin-top: 0px;
			margin-bottom: 1.5ex;
			padding: 0px 0px 1.5ex;
			border-bottom: 1px solid #DDDDDD;
			background-color: #fff;
			}
			.CommonAvatarListItemList
			{
			padding: 0ex;
			margin: 0ex;
			}
			.CustomAvatarListCustomContent
			{
			margin-left: 0px;
			}
			.CommonAvatarListItemName
			{
			font-size: 125%;
			line-height: 115%;
			}
			.CommonAvatarListItem
			{
			color: #999999;
			line-height: 115%;
			}

			/*=== Right Side Bar ==========================*/

			#CommonSidebarLeft
			{
			}
			#CommonSidebarRight
			{
			margin: 0px 0px 0px 10px;
			}
			#CommonSidebarRight .dfHomePage  /* Override for home page */
			{
			margin-top: 55px;
			}
			#CommonSidebarRight .CommonSidebar
			{
			padding-top: 11px;
			}
			#CommonSidebarRight .CommonSidebar .CommonContentBox
			{
			margin: 0px;
			padding: 0px;
			}
			#CommonSidebarRight .CommonSidebar .CommonContentBox .CommonContentBoxHeader
            {
            border-width: 3px;
            margin: 0px;
            padding-top: 15px;
            border-bottom-style: solid;
            border-color: #D9831A;
            color: #D9831A;
            font-family: Arial, Helvetica;
            }
			#CommonSidebarRight .CommonSidebar .CommonContentBoxContent
			{
			margin: 0px 0px;
			padding: 0px;
			}



			.dfCaseStudies
			{
			display: block;
			margin: 0px 0px 21px;
			border: none;
			}
			.dfLiveChat
			{
			display: block;
			margin-bottom: 4px;
			border: none;
			}
			.dfSideButton
			{
			display: block;
			height: 47px;
			background-color: #85AA34;
			background-image: url(/themes/hawaii/images/dezineforce/df-button-gradient-green.jpg);
			background-repeat: repeat-x;
			border-top: 1px solid #B9D47A;
			border-bottom: 1px solid #7CA328;
			}
			.dfOrange
			{
			background-color: #D9831A;
			background-image: url(/themes/hawaii/images/dezineforce/df-button-gradient-orange.jpg);
			border-top: 1px solid #FAB668;
			border-bottom: 1px solid #D47603;
			}
			.dfSideButton a, .dfSideButton a:visited, .dfSideButton a:hover
			{
			display: block;
			color: #000000;
			font-size: 15px;
			font-weight: normal;
			padding: 15px 15px;
			text-decoration: none;
			}
			ul.CommonContentBoxList li, ul.CommonSidebarList li {
			border-bottom: 1px solid #CCCCCC;
			margin: 0px;
			padding: 11px 15px 10px 15px;
			line-height: 100%;
			}
			ul.CommonContentBoxList li, ul.CommonContentBoxList li a, ul.CommonSidebarList li, ul.CommonSidebarList li a, ul.CommonContentBoxList li a:visited, ul.CommonSidebarList li a:visited  {
			color: #777777;
			font-size: 12px;
			line-size: 12px;
			}
			ul.CommonContentBoxList.Seperator {
			border-top: none;
			margin-top: 0px;
			}

			/*=== Footer ==========================*/

			#CommonFooter
			{
			width: 972px;
			background-image: url(/themes/hawaii/images/dezineforce/df-shadow-bottom.png);
			background-repeat: repeat-x;
			margin: 0px auto;
			background-color: Transparent;
			border-top: none;
			border-bottom: none;
			}
			#CommonFooter .Common
			{
			padding-top: 3px;
			padding-right: 0pt;
			padding-bottom: 12px;
			padding-left: 0pt;
			text-align: left;
			font-size: 11px;
			font-weight: normal;
			color: #BBBBBB;
			}
			#CommonFooter ul.FooterMenu
			{
			float: right;
			}
			#CommonFooter ul.FooterMenu li
			{
			display: inline;
			}
			#CommonFooter ul.FooterMenu li a
			{
			color: #BBBBBB;
			padding: 0px 1ex;
			}

			/*** Tables ************************************************************/
			/***********************************************************************/

			table.FeaturesTable {
			border-collapse: separate;
			border-spacing: 0px;
			margin: 1.5ex 2ex 2.5ex;
			border-bottom: 5px solid #97BD0F;
			}
			table.FeaturesTable th, table.FeaturesTable td {
			background-color: #F5F5F5;
			padding: 0.25ex 1ex;
			}
			table.FeaturesTable td p, table.FeaturesTable td li {
			color: #000000;
			}
			table.FeaturesTable th {
			background-color: #E8E8E8;
			text-align: right;
			color: #666666;
			}
			table.FeaturesTable tr.TopHeader th {
			background-color: #97BD0F;
			text-align: left;
			color: #FFFFFF;
			}
			table.FeaturesTable tr.Alternate th {
			background-color: #DBDBDB;
			}
			table.FeaturesTable tr.Alternate td {
			background-color: #EAEAEA;
			}

			/*=============================*/

			.CommonMessageWarning {
			background-color: #eeeeee;
			border: 1px solid #D9831A;
			}

			.CommonTitle a
			{
			FONT-SIZE: 100%;
			}

			.CommonTitle_FullWidth
			{
			FONT-SIZE: 200%;
			COLOR: #98bf3c;
			FONT-FAMILY: Verdana;
			FONT-WEIGHT: normal;
			MARGIN: 2ex 0px 0px 10px
			}

			.dfHomePage .CommonTitle_FullWidth
			{
			MARGIN: 0px;
			WIDTH: 100%
			}

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

			.CommonBreadCrumbArea
			{
			margin-left: 10px;
			margin-right: 10px;
			padding-bottom: 10px;
			}

			.CommonBreadCrumbArea a, .CommonBreadCrumbArea a:visited, .CommonBreadCrumbArea a:hover, .CommonBreadCrumbArea .Common
			{
			color: #999999;
			font-size: 9px;
			line-height: 9px;
			}

			.WelcomeMessage
			{
			font-size: 125%;
			line-height: 115%;
			margin-top: 0px;
			margin-bottom: 1.5ex;
			padding: 0px 0px 0px;
			border-bottom: 1px solid #DDDDDD;
			background-color: #fff;
			}