/*************************
Gulf Coasting theme for 
Community Server 2007.1

by Kevin Harder
http://kevinharder.com
*************************/

/* Generics */
html {
    min-height: 100%;
}

body {
    background: #BDB76B;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 60.9%;
}

p, code, ul, ol {
    padding-bottom: 0;
    padding-top: 0;
}

h1, h2, h3, h4 {
    font-weight: bold;
}

h1, h2, h3 {
    padding-top: 6px;
    padding-bottom: 4px;
}

h1 a, h2 a, h3 a {
    text-decoration: none;
}

h4 {
    font-size: 1.2em;
    margin-top: 15px;
    margin-bottom: 10px;
}

h3 {
    font-size: 1.4em;
    margin: 0 0 0.5em 0;
}

h2 {
    font-size: 1.6em;
    margin: 0 0 0.5em 0;
}

h1 {
    font: 1.5em Arial, Tahoma, helvetica, sans-serif;
    margin-bottom: 4px;
}

code {
    background: #FFF;
    border: 1px solid #EBEBEB;
    border-left: 6px solid #C1CAD3;
    color: #666;
    display: block;
    font: normal 1em Tahoma,sans-serif;
    line-height: 1.6em;
    margin-bottom: 12px;
    padding: 8px 10px;
    white-space: pre;
}

blockquote {
    background: url(  '../images/theme/quote.gif' ) no-repeat;
    display: block;
    font-weight: bold;
    padding-left: 28px;
    font-style: italic;
    color: #666666;
}

dd {
    padding-left: 10px;
}

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

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

#CommonHeaderUserArea table {
    margin: 0;
    padding: 0;
}

#CommonHeaderUserArea a:link, #CommonHeaderUserArea a:visited, #CommonHeaderUserArea a:active {
    color: #fff;
}

#CommonHeaderUserContent {
    padding: 4px 12px 7px 12px;
    background-color: #3A477A;
    text-align: right;
    color: #fff;
}

#CommonHeaderSearch {
    padding-top: 4px;
}

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

#CommonHeaderUserRoundLeft, #CommonHeaderUserRoundRight {
    width: 6px;
}

#CommonHeaderUserRoundBottom .r1, #CommonHeaderUserRoundBottom .r2, #CommonHeaderUserRoundBottom .r3, #CommonHeaderUserRoundBottom .r4, #CommonHeaderUserRoundLeft .r1, #CommonHeaderUserRoundLeft .r2, #CommonHeaderUserRoundLeft .r3, #CommonHeaderUserRoundLeft .r4, #CommonHeaderUserRoundRight .r1, #CommonHeaderUserRoundRight .r2, #CommonHeaderUserRoundRight .r3, #CommonHeaderUserRoundRight .r4 {
    height: 1px;
    overflow: hidden;
    background-color: #3A477A;
}

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

#CommonHeaderUserRoundLeft .r1 {
    width: 6px;
}
#CommonHeaderUserRoundLeft .r2 {
    width: 4px;
    margin: 0 0 0 2px;
}
#CommonHeaderUserRoundLeft .r3 {
    width: 2px;
    margin: 0 0 0 4px;
}
#CommonHeaderUserRoundLeft .r4 {
    width: 1px;
    margin: 0 0 0 5px;
    height: 2px;
}

#CommonHeaderUserRoundRight .r1 {
    width: 6px;
}
#CommonHeaderUserRoundRight .r2 {
    width: 4px;
}
#CommonHeaderUserRoundRight .r3 {
    width: 2px;
}
#CommonHeaderUserRoundRight .r4 {
    width: 1px;
    height: 2px;
}

#CommonHeaderSearchContent {
    padding-top: 12px;
    text-align: right;
}

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

#CommonContentInner {
    overflow: hidden;
}


TABLE {
    empty-cells: show;
}

/*
Common Styles
*/

.CommonFeedArea {
    font-size: 90%;
    padding: 4px 0;
    font-weight: bold;
}

.CommonPagingArea {
    font-size: 90%;
    padding: 4px;
    margin: 0 3px;
    font-weight: bold;
    color: #000;
}

.CommonPagingArea a:link, .CommonPagingArea a:visited {
    color: #000;
}

.CommonBreadCrumbArea {
    margin: 0 5px;
    padding: 10px 10px;
    font-size: 90%;
    border-style: solid;
    border-width: 1px;
}

.CommonFilterArea {
    font-size: 90%;
    padding: 4px;
    margin: 0 40px 0 3px;
    font-weight: bold;
}

.CommonSearchResults {
    font-size: 80%;
    font-weight: bold;
    padding: 8px;
}

.CommonSearchResultsArea {
    margin: 16px 0;
}

/* 
Tree Form Element
*/

.CommonTreeFormArea {
    border: solid 1px #999;
    padding: 2px;
    width: 350px;
    height: 175px;
    overflow: auto;
    margin: 4px 4px 2px 4px;
}

.CommonTreeFormTree {
    padding: 0;
}

.CommonTreeFormNode {
    cursor: pointer;
    font-size: 90%;
}

.CommonTreeFormNodeSelected {
    padding: 1px;
    font-weight: bold;
    background-color: #ddd;
    border: solid 1px #ccc;
    cursor: pointer;
    font-size: 90%;
}

.CommonTreeFormNodeHover {
    cursor: pointer;
    font-size: 90%;
}

/*
Form Styles
*/

.CommonFormArea {
    margin: 10px 0;
}

.CommonFormTitle {
    color: #aaa;
    font-size: 180%;
    letter-spacing: -1px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 16px 0;
}

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

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

DIV.CommonFormFieldName {
    color: #000;
    padding: 8px 2px 2px 2px;
    font-weight: bold;
}

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

.CommonMessageArea {
    width: 80%;
    margin: 20px 0;
    background-color: #fff;
}

.CommonMessageTitle {
    text-align: left;
    font-size: 180%;
    letter-spacing: -1px;
    font-weight: bold;
    background-color: #E1E1E1;
    color: #999;
    padding: 6px 6px 6px 8px;
    margin: 0;
    border: solid 1px #E1E1E1;
}

.CommonMessageContent {
    font-size: 100%;
    color: #000;
    padding: 8px 8px 16px 8px;
    text-align: left;
    border: solid 1px #E1E1E1;
    border-top-width: 0;
}

.CommonInlineMessageArea {
    margin: 4px 0;
    border: solid 1px #516466;
    background-color: #FFFFFF;
    background-position: left top;
    background-repeat: repeat-x;
}

.CommonInlineMessageTitle {
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    padding: 6px 6px 6px 8px;
    margin: 0;
    border: solid 0 #516466;
    border-bottom-width: 1px;
}

ol.CommonInlineMessageList, ul.CommonInlineMessageList {
    margin: 0;
    padding: 0;
}

.CommonInlineMessageList li {
    margin-left: 30px;
}

.CommonInlineMessageContent {
    font-size: 80%;
    color: #333333;
    padding: 8px;
    text-align: left;
}

.CommonMessageSuccess {
    padding: 8px;
    font-size: 100%;
    color: #fff;
    font-weight: bold;
    border: solid 2px #030;
    background-color: #6a5;
    margin: 8px 0;
}

.CommonMessageError {
    margin: 8px 0 12px 0;
    padding: 8px;
    font-size: 100%;
    color: #fff;
    font-weight: bold;
    border: solid 2px #300;
    background-color: #a00;
}

/*
Content
*/

.CommonTextBig {
    margin: 1px;
    padding: 5px;
    font-weight: bold;
    font-size: 120%;
}

.CommonInputBig {
    width: 90%;
    font-size: 130%;
}

.CommonSubTitle {
    color: #666;
    font-weight: bold;
    padding: 0;
    margin: 0 0 5px 0;
}

.CommonHeader {
    color: #666;
    font-weight: bold;
    padding: 0;
    margin: 8px 0 0 0;
}

.CommonGroupedContentArea {
    padding: 0 0 8px 0;
    margin: 0 0 10px 0;
    border: solid 0 #EBEBEB;
    border-bottom-width: 1px;
}

.CommonSidebarFooter {
    font-size: 85%;
    margin: 8px 0 0 0;
    padding: 4px 0 0 10px;
    text-decoration: none;
}

.CommonSidebarFooter a {
    color: #554;
    text-decoration: none;
}
.CommonSidebarFooter a:hover {
    text-decoration: underline;
}

.CommonDescription {
    font-size: 90%;
    margin: 0 0 10px 0;
}

/*
Text Button
*/

.CommonTextButton {
    display: inline-table;
    display: -moz-inline-box;
    display: inline-block;
    margin: 1px;
    padding: 4px;
    border: solid 1px #999;
    border-top-color: #ccc;
    border-left-color: #ccc;
    background-color: #EBEBEB;
    color: #333;
    font-size: 80%;
    font-weight: bold;
    white-space: nowrap;
}

.CommonTextButton:LINK, .CommonTextButton:VISITED {
    text-decoration: none;
    color: #333;
    background-color: #EBEBEB;
}

.CommonTextButton:ACTIVE {
    text-decoration: none;
    color: #333;
}

.CommonTextButton:HOVER {
    text-decoration: underline;
    color: #333;
    background-color: #ddd;
}

.CommonTextButtonBig {
    padding: 10px;
    font-size: 120%;
}

.CommonTextButtonSmall {
    padding: 2px 4px;
    font-weight: normal;
}

.CommonTextButtonHighlight {
    display: inline-table;
    display: -moz-inline-box;
    display: inline-block;
    margin: 1px;
    padding: 4px;
    border: solid 1px #999;
    border-top-color: #ccc;
    border-left-color: #ccc;
    background-color: #bbb;
    color: #333;
    font-size: 80%;
    font-weight: bold;
    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;
    border: solid 1px #999;
    border-top-color: #ccc;
    border-left-color: #ccc;
    background-color: #EBEBEB;
    color: #333;
    font-size: 80%;
    font-weight: bold;
    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;
    color: #333;
    margin: 1px;
}

.CommonImageTextButton:ACTIVE {
    text-decoration: none;
    color: #333;
}

.CommonImageTextButton:HOVER {
    text-decoration: underline;
    color: #333;
    background-color: #ddd;
}

.CommonImageTextButton.Big {
    font-size: 130%;
    background-position: 4px center;
    padding-left: 30px;
    padding-right: 10px;
}

.CommonImageTextButtonHighlight {
    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: #bbb;
    color: #333;
    font-size: 80%;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 2px center;
    padding: 4px 4px 4px 22px;
    line-height: normal;
    white-space: nowrap;
}

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

/*
Specific Buttons
*/

.CommonPrivateMessageButton {
    background-image: url(../images/common/privatemessage.gif);
}
.CommonEmailButton {
    background-image: url(../images/common/email.gif);
}
.CommonEmailSubscriptionButtonEnabled {
    background-image: url(../images/common/tracktopic-on.gif);
}
.CommonEmailSubscriptionButtonDisabled {
    background-image: url(../images/common/tracktopic.gif);
}
.CommonEmailSubscriptionButtonProcessing {
    background-image: url(../images/common/tracktopic-wait.gif);
}
.CommonFavoriteButton {
    background-image: url(../images/common/favorite.gif);
}
.CommonContactButton {
    background-image: url(../images/common/contact.gif);
}
.CommonEditButton {
    background-image: url(../images/common/edit.gif);
}
.CommonDeleteButton {
    background-image: url(../images/common/delete.gif);
}
.CommonUploadButton {
    background-image: Url(../images/common/upload.gif);
}
.CommonDownloadButton {
    background-image: url(../images/common/download.gif);
}
.CommonPostButton {
    background-image: url(../images/common/newpost.gif);
}
.CommonReplyButton {
    background-image: url(../images/common/reply.gif);
}
.CommonPreviousButton {
    background-image: url(../images/common/previoustopic.gif);
}
.CommonNextButton {
    background-image: url(../images/common/nexttopic.gif);
}
.CommonViewButton {
    background-image: url(../images/common/view.gif);
}
.CommonLockedButton {
    background-image: url(../images/common/locked.gif);
}
.CommonHomepageButton {
    background-image: url(../images/common/homepage.gif);
}
.CommonWeblogButton {
    background-image: url(../images/common/weblog.gif);
}

/*
Advertisements
*/

.CommonStandardTopAdArea {
    text-align: center;
    padding: 4px;
    margin: 0 0 4px 0;
    border: solid 0 #999;
    border-top-width: 1px;
}

.CommonStandardTopAdArea IFRAME {
    margin: 0 auto;
}

.CommonStandardBottomAdArea {
    text-align: center;
    padding: 4px;
    border: solid 0 #999;
    border-top-width: 1px;
    margin: 4px 0 0 0;
}

.CommonStandardBottomAdArea IFRAME {
    border: solid 1px #999;
    margin: 0 auto;
}

/*
List 
*/

.CommonListArea {
    padding: 8px 0;
}

.CommonListHeaderLeftMost {
    text-align: left;
    padding: 4px;
    border: solid 1px #516466;
    font-size: 80%;
    font-weight: bold;
}

.CommonListHeader {
    text-align: left;
    padding: 4px;
    border: solid 1px #516466;
    border-left-width: 0;
    font-size: 80%;
    font-weight: bold;
}

.CommonListCellLeftMost {
    padding: 4px;
    border: solid 1px #516466;
    border-top-width: 0;
    font-size: 80%;
}

.CommonListCell {
    padding: 4px;
    border: solid 1px #516466;
    border-top-width: 0;
    border-left-width: 0;
    font-size: 80%;
    text-align: left;
}


/*
Search Results
*/

.CommonSearchResultArea {
    margin: 0 0 20px 0;
    border: solid 0 #EBEBEB;
    border-bottom-width: 1px;
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0 0 20px 70px;
    min-height: 46px;
}
.CommonSearchResultArea.Weblog {
    background-image: url(../images/blogs.png);
}
.CommonSearchResultArea.Forum {
    background-image: url(../images/forums.png);
}
.CommonSearchResultArea.FileGallery {
    background-image: url(../images/files.png);
}
.CommonSearchResultArea.Gallery {
    background-image: url(../images/photos.png);
}

.CommonSearchResult {
    font-size: 100%;
}

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

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

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

UL.CommonSearchResultList {
    margin: 6px 0 0 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;
}

.CommonContextMenuSeperatorItem {
    background-color: #999;
    height: 1px;
    border-style: solid;
    border-color: #fff;
    border-width: 4px;
    cursor: pointer;
}

/* Modal Styles */

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

.CommonModal {
    padding: 0 7px;
}

.CommonModal1, .CommonModal2, .CommonModal3, .CommonModal4, .CommonModal5 {
    background-color: #ccc;
    background-image: url(../images/common/navigation-gradient.png);
    background-repeat: repeat-x;
    background-position: left -20px;
    border-left: solid 1px #666;
    border-right: solid 1px #666;
}

.CommonModal1 {
    margin: 0 -2px;
    padding: 0;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    border-left-width: 0px;
    border-right-width: 0px;
}
.CommonModal2 {
    margin: 0 -2px;
    padding: 1px 0;
    border-left-width: 2px;
    border-right-width: 2px;
}
.CommonModal3 {
    margin: 0 -3px;
    padding: 1px 0;
}
.CommonModal4 {
    margin: 0 -2px;
    padding: 2px 0;
}
.CommonModal5 {
    margin: 0 -2px;
    padding: 1px 0;
}

.CommonModalTitle {
    border-bottom: solid 1px #666;
    padding: 3px 6px 6px 6px;
    font-size: 130%;
    font-weight: bold;
    color: #000;
    cursor: move;
    min-height: 16px;
}

.CommonModalContent {
    background-color: #fff;
}

.CommonModalFooter {
    border-top: solid 1px #666;
    width: 100%;
    height: 20px;
}

.CommonModalClose {
    width: 33px;
    height: 12px;
    background-image: url(../images/common/close.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    right: 6px;
}

.CommonModalResize {
    width: 14px;
    height: 14px;
    background-image: url(../images/common/resize.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    position: absolute;
    right: 6px;
    margin-top: 4px;
    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: auto;
}

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

.CommonContentSelectorTree {
    padding: 0;
    height: 330px;
    width: 215px;
    overflow: visible;
}

.CommonContentSelectorTreeNode {
    cursor: pointer;
}

.CommonContentSelectorTreeNodeSelected {
    font-weight: bold;
    cursor: pointer;
}

.CommonContentSelectorTreeNodeHover {
    cursor: pointer;
}

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

p.MsoNormal, li.MsoNormal, div.MsoNormal {
    margin: 0 0 .0001pt 0;
}


/* Help Icon */

.CommonHelpIcon {
    display: inline-table;
    display: -moz-inline-box;
    display: inline-block;
    border-style: none;
    height: 20px;
    width: 20px;
    background-image: url(../images/common/help_out.gif);
    background-position: left top;
    background-repeat: no-repeat;
    cursor: help;
}

.CommonHelpIconHover {
    display: inline-table;
    display: -moz-inline-box;
    display: inline-block;
    border-style: none;
    height: 20px;
    width: 20px;
    background-image: url(../images/common/help_hover.gif);
    background-position: left top;
    background-repeat: no-repeat;
    cursor: help;
}

.CommonHelpToolTip {
    width: 250px;
    padding: 8px;
    border: solid 2px #000;
    background-color: #ffc;
    color: #000;
    font-size: 8pt;
}

/* 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: 375px;
    background-color: #f4f4f4;
    border: solid 1px #bbb;
    margin: 0 auto;
}

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

.CommonPollContent {
    padding: 4px;
}

.CommonPollDescription {
}

.CommonPollSwitchedContent {
    width: 275px;
    margin: 6px auto;
}

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

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

.CommonPollAnswer {
    padding: 2px;
}

.CommonPollUserVote {
    color: #777;
}

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

ul.CommonPollFooterList {
    list-style-type: none;
    margin: 0;
    text-align: center;
}

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

/* End Poll Styles */


/*
TabPane Styles
*/

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

.CommonPaneTabSet {
    font-size: 11px;
    padding: 0;
    background-image: url(../images/common/tabset.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
    white-space: nowrap;
    color: #000;
}

.CommonPaneTab {
    padding-right: 4px;
    background-image: url(../images/common/tab-right.gif);
    background-repeat: no-repeat;
    background-position: top right;
    height: 21px;
    margin-top: 1px;
}

.CommonPaneTab1 {
    padding-left: 3px;
    background-image: url(../images/common/tab-left.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.CommonPaneTab2 {
    padding: 4px;
    height: 13px;
    cursor: pointer;
    white-space: nowrap;
    background-image: url(../images/common/tab.gif);
    background-repeat: repeat-x;
    background-position: top left;
    text-align: center;
    overflow: hidden;
}

.CommonPaneTabSelected {
    padding-right: 4px;
    background-image: url(../images/common/tab-selected-right.gif);
    background-repeat: no-repeat;
    background-position: top right;
    height: 21px;
    margin-top: 1px;
}

.CommonPaneTabSelected1 {
    padding-left: 3px;
    background-image: url(../images/common/tab-selected-left.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.CommonPaneTabSelected2 {
    padding: 3px 4px 5px 4px;
    height: 13px;
    cursor: pointer;
    white-space: nowrap;
    background-image: url(../images/common/tab-selected.gif);
    background-repeat: repeat-x;
    background-position: top left;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
}

.CommonPaneTabHover {
    padding-right: 4px;
    background-image: url(../images/common/tab-hover-right.gif);
    background-repeat: no-repeat;
    background-position: top right;
    height: 21px;
    margin-top: 1px;
}

.CommonPaneTabHover1 {
    padding-left: 3px;
    background-image: url(../images/common/tab-hover-left.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.CommonPaneTabHover2 {
    padding: 4px;
    cursor: pointer;
    white-space: nowrap;
    height: 13px;
    background-image: url(../images/common/tab-hover.gif);
    background-repeat: repeat-x;
    background-position: top left;
    text-align: center;
    overflow: hidden;
}

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

/* Common Tree List */
ul.CommonTreeList {
    margin: 0;
    padding: 0;
}

ul.CommonTreeList li {
    margin: 0;
    padding: 5px 0 0 18px;
    list-style-type: none;
}

.CommonTreeListItemSelected {
    font-weight: bold;
    padding: 5px 0 0 18px;
    background-image: url(../images/common/folder_open.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
}

.CommonTreeListItem {
    font-weight: normal;
    padding: 5px 0 0 18px;
    background-image: url(../images/common/folder.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
}

.CommonTreeListItemSelected a:link, .CommonTreeListItemSelected a:visited, .CommonTreeListItemSelected a:active, .CommonTreeListItem a:link, .CommonTreeListItem a:visited, .CommonTreeListItem a:active {
    text-decoration: none;
    color: #000;
}

.CommonTreeListItemSelected a:hover, .CommonTreeListItem a:hover {
    text-decoration: underline;
    color: #000;
}

.CommonHalfWidthArea {
    float: left;
    width: 50%;
}

.CommonHalfWidthContent {
    padding: 10px;
    padding-left: 0;
}

.CommonHalfWidthBreak {
    clear: both;
}

.CommonInlineListArea {
}

.CommonInlineListHeader {
    font-weight: bold;
    font-size: 115%;
    margin: 0 0 0 .4em;
}

.CommonInlineList {
    margin: 0;
    padding: 0;
}

.CommonInlineList li {
    margin: 0 0 .5em 25px;
    padding: 0;
    list-style-type: square;
}

.CommonAvatarListArea {
    margin: 12px 12px 0 0;
    padding: 3px 3px 3px 0;
    width: 80px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    float: left;
    font-size: 120%;
}

.CommonAvatarAreaHighlight {
    background-color: #EBEBEB;
    border: solid 1px #ccc;
    display: block;
}

.CommonAvatarArea {
    display: block;
    padding: 1px;
}

.footnotes {
    border-top: 1px solid #EBEBEB;
    padding: 5px 0 0 23px;
    margin-bottom: 10px;
}

.syntax_hilite {
    padding: 5px 10px 5px 10px;
    border: 1px solid #EBEBEB;
    border-left: 6px solid #EBEBEB;
    background-color: #f7f7f7;
    font-size: 11px;
    line-height: 18px;
}


.pagetitle {
    border-bottom: 1px dotted #d1d1d1;
    margin-bottom: 10px;
    padding-bottom: 4px;
    color: #5A688B;
}


.clearer {
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right;
}

/* structure */
.container {
    background: #FFF;
    font-size: 1.2em;
    margin: 0 auto;
    padding: 0px;
    width: 960px;
}

/* header */
.top {
    padding: 20px 0 0 0;
}

/* title */
.header {
    margin: 0 auto;
    padding: 5px;
    width: 950px;
    background-color: #FFF5EE;
}
.header .left {
    background-repeat: no-repeat;
    background-position: left top;
    text-align: center;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.header .left h1 {
    padding: 4px 0px 0px 10px;
}

.header .right {
    overflow: auto;
    text-align: center;
    line-height: 1.2em;
}

.header .left A:LINK, .header .left A:VISITED, .header .left A:ACTIVE, .header .left A:HOVER {
    text-decoration: none;
}

.header A:HOVER {
    text-decoration: none;
}

.UserWelcomeBar {
    font-family: Arial, Tahoma, helvetica, sans-serif;
    float: right;
    padding: 0;
    margin: 0;
    background-color: #2E393A;
    padding: 0 0;
    font-size: 0.92em;
}
.UserWelcomeBar A:LINK, .UserWelcomeBar A:VISITED, .UserWelcomeBar A:ACTIVE {
    float: left;
    border-left: 1px solid #B0C4DE;
    border-bottom: 1px solid #B0C4DE;
    text-decoration: none;
    padding: 5px 10px;
    margin: 0;
}
.UserWelcomeBar A:HOVER {
    text-decoration: none;
    background-color: #4B9096;
}

.SiteDescription {
    padding: 15px 10px;
}

.searchButton input {
    background: Transparent url(  '../images/theme/search.gif' ) no-repeat center center;
    border-style: none;
    padding: 0;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.divider {
    height: 3px;
    border-bottom: 1px dashed #CCCCCC;
    margin: 8px 5px;
}

/* navigation */
.navigation {
    border-style: solid;
    border-width: 1px;
    height: 41px;
    margin: 0 5px;
}
.navigation a {
    border-right-style: solid;
    border-right-width: 1px;
    display: block;
    float: left;
    line-height: 41px;
    text-decoration: none;
    font-weight: bold;
    padding: 0 20px 0 20px;
}
.navigation a:hover {
    background-position: left bottom;
}
.SelectedNavMenu a {
    background-position: left bottom;
}


/* main */
.main, .mainWide {
    border-top: solid 5px #ffffff;
    background-repeat: repeat-y;
}

/* Side Bar */
.sidenav {
    border-top-style: solid;
    float: right;
    width: 390px;
    font-size: 1em;
}
.sidenav_hidden {
    border-top-style: none;
    display: none;
}

.sidenavContent {
    margin: 0 8px 8px 8px;
}

.sidenavWide {
    margin: 0;
    padding: 4px 0 1px 0;
    line-height: 1.3em;
    overflow: hidden;
}

.sidenavWideBox {
    margin: 5px 0 0 10px;
    padding: 6px 9px;
    border-width: 1px;
    border-style: solid;
    line-height: 1.3em;
}

.sidenavTabs {
    margin: 5px 0 0 10px;
}

.sidenavTreeView {
    margin: 5px;
    border-width: 1px;
    border-style: solid;
    padding: 6px 9px;
    line-height: 1em;
}

.sidenavTreeView table {
    border-spacing: 0px;
    margin: 0;
}
.sidenavTreeView table th, .sidenavTreeView table td {
    padding: 0;
}

.sidenavLeft, .sidenavRight {
    float: left;
    line-height: 1.5em;
    padding-top: 15px;
    display: inline;
    overflow: hidden;
}

.sidenavLeft {
    width: 150px;
    margin: 0 10px 0 0;
}
.sidenavRight {
    width: 190px;
    margin: 0 0px 0 10px;
}

.sidenav h2 {
    padding: 0 0 6px 24px;
    margin: 20px 0 0 0;
    background: url(  '../images/theme/arrow.png' ) no-repeat 2px -1px;
}

.sidenav h3 {
    padding: 0 0 6px 0;
}

.sidenavList ul, .sidenavOList ol {
    padding: 0;
    margin: 5px 0;
    border-top: 1px solid #F9F1EF;
}

.sidenavBoxedList {
    overflow: auto;
    width: 100%;
    height: 100%;
}
.sidenavBoxedList ul {
    padding: 0;
    margin: 0;
}

.sidenavList li, .sidenavOList li {
    border-bottom-style: solid;
    display: block;
    padding: 6px 0 6px 12px;
    list-style: none;
}
.sidenavBoxedList li {
    border-bottom-style: solid;
    display: block;
    list-style: none;
    padding: 4px 0 4px 4px;
}
.sidenavList li a, .sidenavOList li a, .sidenavBoxedList li a {
    text-decoration: none;
}
.sidenavOList li {
    list-style-position: inside;
}

li.CommonSidebarRssListItem a, li.CommonSidebarRssListItem a:hover {
    margin-left: -10px;
    padding-left: 17px;
    background: Transparent url(  '../images/common/feed-icon-12x12.png' ) no-repeat left center;
}

li.LiBullet a, li.LiBullet a:hover {
    background: Transparent url(  '../images/theme/li.gif' ) no-repeat left center;
    margin-left: -12px;
    padding-left: 16px;
}
.content .bullet {
    background: Transparent url(  '../images/theme/li.gif' ) no-repeat left center;
    padding-left: 16px;
}

.sidenavPlainText {
    padding-left: 10px;
}

.sidenavPhotosItem {
    height: 105px;
    margin: 0 10px 0 25px;
    padding: 1px;
    float: left;
}
.sidenavPhotos a:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

/* content */
.content {
    float: left;
    margin: 10px 0;
    padding: 0 16px;
    width: 531px;
    color: #333;
    font-size: 0.96em;
    line-height: 1.6em;
}
.contentWide {
    margin: 10px 0;
    padding: 0 16px;
    color: #333;
    font-size: 0.96em;
    line-height: 1.6em;
}

.content p {
    font-family: verdana, arial, "Lucida Sans Unicode" ,sans-serif;
    font-size: 1.1em;
    line-height: 1.4em;
}

/* footer */
.footer {
    height: 80px;
    background-position: right bottom;
    background-repeat: no-repeat;
    border-top-style: solid;
    text-align: left;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 90%;
}
.footer img {
    border: 0px;
    padding: 0 10px;
}
.footerSection {
    height: 60px;
    margin: 10px 5px;
    float: left;
}
#credits {
    line-height: 2em;
    font-size: 0.9em;
}

.post {
    margin-bottom: 10px;
}
.post h3 {
    margin-top: 0px;
    padding-top: 0px;
}
.post h3 a:link, .post h3 a:visited, .post h3 a:active {
    text-decoration: none;
    color: #516466;
}
.post h3 a:hover {
    text-decoration: none;
    color: #C73F17;
}
.post li {
    font-size: 1.1em;
}

.postDate {
    border-top: dotted 1px #DCDCDC;
    border-bottom: dotted 1px #DCDCDC;
    color: #889988;
    font-style: italic;
}
.postDate a, .postDate a:visited, .postDate a:active {
    color: #999999;
    text-decoration: none;
}

.postInfo {
    clear: left;
    padding: 2px 3px 3px 5px;
    margin: 10px 0 5px 0;
    line-height: 1.8em;
    border-style: solid;
    border-width: 1px;
}
.postInfo a, .postInfo a:visited, .postInfo a:active {
    text-decoration: none;
}
.postInfo a:hover {
    text-decoration: underline;
}

.dateIcon {
    background: url(  '../images/theme/date.gif' ) no-repeat;
    padding: 2px 10px 2px 20px;
}
.personIcon {
    background: url(  '../images/theme/person.gif' ) no-repeat;
    padding-left: 14px;
    margin-right: 10px;
}
.commentIcon {
    background: url(  '../images/theme/comm.gif' ) no-repeat 0 3px;
    padding-left: 12px;
    margin-right: 10px;
}
.postRating {
    float: right;
    margin: 2px 5px 2px 10px;
}

.postPager {
    margin: -10px 0 10px 0;
    font-size: 1.1em;
}

/* Comments Styling */

.PostComments p {
    font-size: 1.1em;
}

.commentsHeader, #postcomment {
    font: bold 1.3em arial, Tahoma,sans-serif;
    margin-bottom: 10px;
}

#TrackbackUrl {
    font-style: italic;
    margin-bottom: 10px;
    font-size: 0.93em;
}

#commentlist {
    padding: 0;
    margin: 0;
}

#commentlist li {
    margin: 0 0 1.5em 0px;
    padding: 1em;
    list-style: none;
    font-size: 0.96em;
    border-style: solid;
    border-width: 1px;
}
#commentlist li p {
    font-size: 1em;
}

.commentby a {
    text-decoration: none;
}

.CommentPosted {
    padding: 2px 3px 3px 5px;
    margin: 10px 0 5px 0;
    border: 1px dotted #AAA;
    font-size: 0.96em;
    color: #333;
    line-height: 1.4em;
    background-color: #FFFFE0;
}
.CommentPosted ul {
    margin-left: 20px;
}
.CommentPosted a, .CommentPosted a:visited, .CommentPosted a:active {
    text-decoration: none;
}
.CommentPosted a:hover {
    text-decoration: underline;
}


/* Comment Form */

#commentform {
    margin: 1em 0;
}

#commentform textarea, #contactform textarea {
    font-size: 1.2em;
    background: #fafafa;
    border: 1px solid #d6d3d3;
    width: 350px;
}

#commentform .textbox, #contactform .textbox {
    font-size: 1.2em;
    background: #fafafa;
    border: 1px solid #d6d3d3;
    width: 350px;
    margin-bottom: 3px;
}

#commentform dt, #contactform dt {
    margin: 5px 0 2px 0;
}
#commentform dd, #contactform dd {
    margin-left: 10px;
}


a img {
    border: none;
}

#badges {
    padding-top: 15px;
    text-align: center;
}

.sidenavTagCloud ul {
    line-height: 200%;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    list-style-type: none;
}

.CommonTag1, .CommonTag2, .CommonTag3, .CommonTag3, .CommonTag4, .CommonTag5, .CommonTag6 {
    margin: 0px;
    padding: 0px;
    display: inline;
}

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

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

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

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

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

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

.CommonTag1 a:hover, .CommonTag2 a:hover, .CommonTag3 a:hover, .CommonTag4 a:hover, .CommonTag5 a:hover, .CommonTag6 a:hover {
    background-color: #dddddd;
    text-decoration: none;
}

#credits {
    width: 200px;
    margin: 0px;
    vertical-align: top;
}

.ImgMiddle {
    vertical-align: middle;
}

/* Activity List */
.activityList {
}
.activityList ul {
    padding: 0;
    margin: 0 0 4px 4px;
    border-top: 1px solid #F9F1EF;
}
.activityList li {
    border-bottom: 1px solid #F9F1EF;
    font-size: 0.94em;
    color: #554;
    display: block;
    padding: 4px 0 4px 6px;
    padding-left: 20px;
}

.activityList li a {
    text-decoration: none;
}

.activityList li.AL_type_UserJoin {
    background: Transparent url(  '../images/theme/mini_user.gif' ) no-repeat left center;
}
.activityList li.AL_type_Comment {
    background: Transparent url(  '../images/theme/mini_comment.png' ) no-repeat left center;
}
.activityList li.AL_type_Weblog {
    background: Transparent url(  '../images/theme/mini_blogs.png' ) no-repeat left center;
}
.activityList li.AL_type_Forum {
    background: Transparent url(  '../images/theme/mini_forums.png' ) no-repeat left center;
}
.activityList li.AL_type_Gallery {
    background: Transparent url(  '../images/theme/mini_photos.png' ) no-repeat left center;
}
.activityList li.AL_type_FileGallery {
    background: Transparent url(  '../images/theme/mini_files.png' ) no-repeat left center;
}

.AL_date {
    color: #999;
    font-size: 0.9em;
    letter-spacing: 70%;
    word-spacing: 70%;
}

.boldtext {
    font-weight: bold;
}

.TagCloud {
    border: 1px solid #999;
    padding: 6px;
}