/*==============================================[ GLOBAL TAGS ]==============================================*/
body, iframe {
    padding: 0px;
    margin: 0px;
    border-width: 0px;
}

iframe {
    border-width: 0px;
}

table {
    border-width: 0px;
    padding: 0px;
    border-spacing: 0;
    border-collapse: collapse;
}

td {
    vertical-align: top;
}

html, div, td {
    font-family: "Trebuchet MS",Tahoma,Arial,Sans,Sans-Serif,Verdana,Helvetica;
    font-size: 12pt;
    letter-spacing: .035em;
    line-height: 1.55em;
}

hr {
    height: 2px;
}

    hr.SmallHR {
        height: 1px;
        width: 200px;
    }

    hr.SeparatorLine {
        border-width: 1px;
        border-style: none none solid none;
        width: 100%;
        height: 1px;
    }

img {
    border-width: 0px;
}

header {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 50;
}

    header a {
        font-size: 14pt;
    }

input, select, textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*==============================================[ GENERIC PAGE ELEMENTS ]==============================================*/
/****************[ Container Boxes ]****************/
/*-[ Add Rounded Corners ]-*/
/*-[ Rounded Top Both ]-*/
/*		.SectionTitleBox
			{
			border-radius: 6px 6px 0px 0px;
			-moz-border-radius: 6px 6px 0px 0px;
			-webkit-border-bottom-right-radius: 0px;
			-webkit-border-bottom-left-radius: 0px;
			}
*/
/*-[ Rounded Bottom Both ]-*/
/*		.SectionFooterBox
			{
			border-radius: 0px 0px 6px 6px;
			-moz-border-radius: 0px 0px 6px 6px;
			-webkit-border-bottom-right-radius: 6px;
			-webkit-border-bottom-left-radius: 6px;
			}
*/
/*-[ Rounded Top Left ]-*/
/*		.SectionTitleBox */
#ChatDock, #ChatToolbar, #BottomDock {
    border-radius: 6px 0px 0px 0px;
    -moz-border-radius: 6px 0px 0px 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
}

/*-[ Rounded Bottom Right ]-*/
/*		.SectionFooterBox
			{
			border-radius: 0px 0px 6px 0px;
			-moz-border-radius: 0px 0px 6px 0px;
			-webkit-border-bottom-right-radius: 6px;
			}
*/

/*-[ Rounded All ]-*/
.GalleryPage .SubPage {
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-top-right-radius: 12px;
}

/*-[ Rounded Top Right ]-*/
.SectionTitleBox, .PageTitleBox_Modal, .RoundedTopRight, .jquerycssmenu ul li a {
    border-radius: 0px 6px 0px 0px;
    -moz-border-radius: 0px 6px 0px 0px;
    -webkit-border-top-right-radius: 6px;
}

/*-[ Rounded Bottom Left ]-*/
.SectionFooterBox, .RoundedBottomLeft, .MenuFooter {
    border-radius: 0px 0px 0px 6px;
    -moz-border-radius: 0px 0px 0px 6px;
    -webkit-border-bottom-left-radius: 6px;
}

/*-[ Rounded Top Both]-*/
.SelectorButton, .SelectorButtonPushed, .SelectorButton2, .SelectorButton2Pushed {
    border-radius: 2px 2px 0px 0px;
    -moz-border-radius: 2px 2px 0px 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
}

/*-[ Rounded Bottom Left Top Right ]-*/
.RoundedBottomLeftTopRight, .TitleBox, #AccountBox, .ImageCell, .SimpleBox, .PageNavLink,
.xBox, .FormButtonIcon, .MiniButton, .PanelButton, .PanelButton2, .PanelButtonRaised,
.ButtonPanel A, .ButtonPanel2 A, .jquerycssmenu ul li ul, .jquerycssmenu ul li ul li a,
.ButtonPanel A.MiniButton,
.ButtonPanel A.MiniButton_Premium1,
.ButtonPanel A.MiniButton_Premium2,
.ButtonPanel A.MiniButton_Premium3 {
    border-radius: 0px 6px 0px 6px;
    -moz-border-radius: 0px 6px 0px 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
}


/*-[ Rounded Bottom Left Top Right Big ]-*/
.jquerycssmenu ul li ul {
    border-radius: 0px 16px 0px 16px;
    -moz-border-radius: 0px 16px 0px 16px;
    -webkit-border-top-right-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
}


/*-[ Page Layout Panes ]-*/

#OuterPageContainer {
}

#InnerPageContainer {
}

.PageContainer {
}

.MainContentBox {
    padding: 0px;
    background-color: #1F1F1F;
}

#LeftPane {
    padding: 0px;
    background-color: #1F1F1F;
    width: 182px;
}

#ContentPane {
    padding: 0px;
    background-color: #1F1F1F;
}

#RightPane {
    padding: 0px;
    background-color: #1F1F1F;
    width: 234px;
}

.BottomPane {
    padding: 0px 3px 1px 3px;
    background-color: #1F1F1F;
}

#BottomDock {
    padding: 1px;
    z-Index: 50;
    right: 0px;
    bottom: 0px;
    background-color: #555555;
    position: fixed;
    margin: 0px 0px 0px auto;
}

.DockBox {
    background-color: #333333;
}

/*-[ Page Content Panes ]-*/

.PageTitleBox, .TitleBox, .HeaderBar, .PageTitleBar {
    letter-spacing: .2em;
    margin: 0px;
    color: #DDDDDD;
    background-color: #3d3d3d;
    padding: 8px;
    clear: both;
}

.PageTitleBox_Modal {
    font-size: calc(1rem + 2vw);
    text-align: center;
    line-height: 3.6rem;
    letter-spacing: .15rem;
    padding: calc(1rem + 2vw) 20px;
    min-width: 500px;
    min-height: 26px;
    background-color: #444444;
    clear: both;
}

    .PageTitleBox_Modal > H1 {
        margin-top: 4px;
    }

.SectionTitleBox {
    margin: 0px;
    padding: 5px 10px 4px 10px;
    background-color: #3d3d3d;
}

.SectionFooterBox {
    /*    font-size: 8pt;
    letter-spacing: .2em;*/
    padding: 8px;
    background-color: #2d2d2d;
}

.CellFooterBox {
    font-size: 8pt;
    letter-spacing: .2em;
    padding: 8px;
    background-color: #2d2d2d;
    position: absolute;
    bottom: 0px;
}

.SectionBox {
    background-color: #333333;
}

    .SectionBox .SectionBox {
        border-width: 1px;
        border-style: solid;
        border-color: #3D3D3D #2D2D2D #2D2D2D #3D3D3D;
    }

.SimpleBox {
    background-color: #333333;
    padding: 8px;
}


.AltSectionBox {
    padding: 5px;
    margin-top: 2px;
}

    .AltSectionBox:nth-child(odd) {
        padding: 5px;
        background-color: #393939;
    }

    .AltSectionBox:nth-child(even) {
        padding: 5px;
        background-color: #303030;
    }

.BoxStack {
    display: block;
    padding: 0px;
    margin: 0px;
}

    .BoxStack LI {
        display: block;
        padding: 5px;
        margin: 0px;
        background-color: #333333;
        border-color: #2D2D2D;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
    }

        .BoxStack LI:last-child {
            border-width: 0px;
        }

.AreaPanel {
    background-color: #555555;
    border-color: #777777;
    border-style: solid;
    border-width: 1px;
}

.AreaPanel2 {
    background-color: #333333;
    border-color: #555555;
    border-style: solid;
    border-width: 1px;
}

.MiniPaneTitle {
    font-size: 12pt;
    font-weight: bold;
}

.MiniPaneBox {
    background-color: #333333;
    border-color: #FFFFFF #666666 #666666 #666666;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
}

.MiniPaneFooter {
    background-color: #333333;
}

.FormTable {
}

    .FormTable TD {
        padding: 5px;
    }

.FormSectionTitle {
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #555555;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #555555;
    padding: 10px;
}

.FormSectionBox {
    background-color: #3d3d3d;
    border-style: solid;
    border-width: 1px;
    border-color: #555555;
    text-decoration: none;
}

.FormSectionBox2 {
    color: #4A4A4A;
    background-color: #3d3d3d;
    border-style: solid;
    border-width: 1px;
    border-color: #555555;
    text-decoration: none;
}

.PageBox {
    background-color: #1F1F1F;
    padding: 0px 3px 4px 3px;
}

.NotePanel {
    font-size: 8pt;
    font-family: Arial,Helvetica,Verdana;
    border-color: #555555;
    border-style: solid;
    border-width: 1px;
    padding: 2px 4px;
    background-color: #444444;
}

.HoverBox_On {
    color: #66FFCC;
    border-color: #66FFCC;
    border-width: 1px;
    border-style: solid;
}

.HoverBox_Off {
    border-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
}


.AltListBox, .AltListBox2, .AltSectionBox {
    padding: 5px;
}

    .AltListBox, .AltSectionBox:nth-child(even) {
        background-color: #1F1F1F;
    }

    .AltListBox2, .AltSectionBox:nth-child(odd) {
        background-color: #333333;
    }


.FormOutput {
    height: 250px;
    display: none;
    vertical-align: middle;
    text-align: center;
}

.BottomFade {
    background: url(/Images/BottomFade.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    bottom: 0px;
    height: 40px;
    left: 0px;
    position: absolute;
    width: 1px;
}

/*-[ Data Tables ]-*/
.AltTable TR TH {
    text-align: left;
    padding: 2px 6px;
    background-color: #3d3d3d;
}

.AltTable TD {
    padding: 2px 6px;
}

.AltTable tr:nth-child(even) TD {
    background-color: #333333;
}

.AltTable tr:nth-child(odd) TD {
    background-color: #3d3d3d;
}

.DataTable TD, .DataTable2 TD {
    padding: 0px 3px;
    font-size: 8pt;
    text-decoration: none;
    background-color: #333333;
    border-style: solid;
    border-width: 1px;
    border-color: #555555;
}

.DataTable tr:nth-child(even) TD {
    padding: 0px 3px;
    font-size: 8pt;
    background-color: #000000;
    border-style: solid;
    border-width: 1px;
    border-color: #555555;
    text-decoration: none;
}

.DataTableHeaderRow > TD {
    padding: 3px 6px;
    font-weight: bold;
    background-color: #444444;
    border-color: #555555;
    border-style: solid;
    border-width: 1px;
}

.TableHeading {
    background-color: #444444;
    border-color: #555555;
    border-style: solid;
    border-width: 1px;
}

.TableHeadingText {
    font-weight: bold;
}

.ColumnHeadingText {
    font-weight: bold;
    font-size: 10pt;
    text-decoration: none;
}

.ColumnHeading {
    color: #000000;
    padding: 0px 3px 0px 3px;
    font-size: 12px;
    font-weight: bold;
    background-color: #999999;
    border-color: #222222;
    border-style: solid;
    border-width: 1px;
}

.DataBox,
TR.DataBox > TD {
    padding: 0px 3px 0px 3px;
    font-size: 8pt;
    background-color: #333333;
    border-style: solid;
    border-width: 1px;
    border-color: #555555;
    text-decoration: none;
}

.DataBox2 {
    padding: 0px 3px 0px 3px;
    font-size: 8pt;
    background-color: #444444;
    border-style: solid;
    border-width: 1px;
    border-color: #555555;
    text-decoration: none;
}

.DataText {
    font-size: 8pt;
}

.DataTextTiny {
    font-family: Arial,Verdana,Tahoma;
    font-size: 7pt;
    line-height: 11pt;
}

/****************[ Text Styles ]****************/

/*-[ Page Titles, Headings, Subheadings ]-*/

.TitleText {
    font-weight: bold;
}

.SubTitleText {
    font-weight: bold;
}

.PageTitleNote {
    font-size: 8pt;
    color: #999999;
}

H1 {
    font-size: calc(1.5rem + 3vw);
    text-align: center;
    line-height: calc(1.5rem + 3vw);
    letter-spacing: .15rem;
    margin: calc(1.5rem + 3vw);
}

H2 {
    font-size: calc(1rem + 2vw);
    text-align: center;
    line-height: calc(1rem + 2vw);
    letter-spacing: .15rem;
    margin: calc(1rem + 2vw);
}

H3 {
    font-size: calc(0.75rem + 1.5vw);
    text-align: center;
    line-height: calc(0.75rem + 1.5vw);
    letter-spacing: .15rem;
    margin: calc(0.75rem + 1.5vw);
}

.Heading {
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}

.Heading2 {
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}

.SectionTitle, .SectionTitleBox {
    font-size: 12pt;
    letter-spacing: .2em;
}

/*-[ Lists ]-*/

UL {
    line-height: 1.35em;
    margin-top: .25em;
}

LI {
    line-height: 1.35em;
    margin-top: .5em;
}

.KWList {
    margin: 0px;
    padding: 0px;
}

    .KWList LI {
        display: inline;
    }

.FolderList {
    list-style-type: none;
}

    .FolderList UL {
        list-style-type: none;
    }

    .FolderList li {
        background-image: url(/Images/Icons/Silk/folder.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        padding-left: 20px;
    }

/*-[ Notes & Small Text ]-*/

.Note {
    font-size: 8pt;
}

.SmallText {
    font-family: Arial,Verdana,Tahoma;
    font-size: 8pt;
    line-height: 12pt;
}

.TinyText {
    font-family: Arial,Verdana,Tahoma;
    font-size: 7pt;
    line-height: 11pt;
}

.MicroText {
    font-family: Arial,Verdana,Tahoma;
    font-size: 6pt;
    line-height: 11pt;
}

.TinyLabel {
    font-family: Arial,Verdana,Tahoma;
    font-size: 7pt;
    line-height: 11pt;
    text-transform: uppercase;
    color: #FFFFFF;
}

.DimTinyLabel {
    font-family: Arial,Verdana,Tahoma;
    font-size: 7pt;
    line-height: 11pt;
    text-transform: uppercase;
    color: #999999;
}

/****************[ Link Styles ]****************/

A {
    color: #DDDDDD;
    text-decoration: none;
}

    A:Hover {
        color: #FFFFFF;
        text-decoration: underline;
    }

    A:Active {
        color: #66FFCC;
        text-decoration: underline;
    }

.CL, .CL:Hover, .CL:Active {
    text-decoration: none;
    color: #DDDDDD;
    cursor: text;
}

/*-[ Navigation Links ]-*/

.TopNavLink {
    font-size: 11pt;
    font-weight: normal;
}

.GalleriesViewNav {
    text-align: center;
    clear: both;
    padding: 8px;
    margin: 2px 0px;
    background-color: #2D2D2D;
    border-color: #333333;
    border-style: solid;
    border-width: 1px;
}

.PageNavLink {
    white-space: nowrap;
    text-decoration: none;
    padding: 4px 8px;
    font-size: 9pt;
    background-color: #444444;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
}

.PageNavLink_Selected {
    color: #FFFFFF;
    font-size: 14pt;
    font-weight: bold;
}

.BreadCrumbBar {
    font-size: 8pt;
    background-color: #444444;
    padding: 4px;
}

.BreadCrumbLink {
    text-decoration: none;
    font-size: 90%;
    margin: 0px 4px 4px 4px;
}

    .BreadCrumbLink:Hover {
        text-decoration: underline;
    }

    .BreadCrumbLink:Active {
        text-decoration: underline;
    }

/*-[ Partner Site Menus ]-*/

.PartnerSites {
    line-height: 12pt;
    padding: 0px 0px 0px 2px;
    background-color: #333333;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
}

    .PartnerSites DIV {
        background: url("/Images/Icons/Silk/bullet_green.png") no-repeat;
        background-position: 0px 1px;
        padding: 0px 0px 0px 14px;
    }

        .PartnerSites DIV A {
            font-size: 9pt;
            line-height: 13pt;
        }

.PartnerSitesFooter A {
    font-size: 8pt;
    line-height: 11pt;
}


/*-[ Right Navigation Menus ]-*/

.CategoryNav_Title {
    font-size: 10pt;
    font-weight: bold;
    line-height: 16pt;
    margin: 0px 4px;
    letter-spacing: .2em;
}

.CategoryNav_Head A,
.CategoryNav_Head_NoChildren A {
    font-size: 8pt;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: .1em;
    line-height: 12pt;
    padding: 4px 0px 0px 20px;
    background: url("/Images/Icons/Silk/folder.png") no-repeat left center;
}

.CategoryNav_List {
    width: 234px;
}

.CategoryNav_Head,
.CategoryNav_Head_Open,
.CategoryNav_Head_NoChildren {
    padding: 2px;
    cursor: pointer;
    position: relative;
    margin: 1px;
}

.CategoryNav_Head {
    background: #333333 url(/Images/Icons/Sweetie/png-24/16-arrow-left.png) center right no-repeat;
}

.CategoryNav_Head_Open {
    background: #333333 url(/Images/Icons/Sweetie/png-24/16-arrow-down.png) center right no-repeat;
}

.CategoryNav_Head_NoChildren {
    background: #333333;
}

.CategoryNav_Body, .CategoryNav_Body_Open {
    color: #DDDDDD;
    font-size: 8pt;
    text-transform: none;
    letter-spacing: .1em;
    line-height: 12pt;
    text-decoration: none;
    padding: 0px 0px 6px 0px;
}

.CategoryNav_Body {
    display: none;
}

    .CategoryNav_Body a {
        text-decoration: none;
    }

        .CategoryNav_Body a:hover {
            color: #66FFCC;
            text-decoration: underline;
        }

    .CategoryNav_Body DIV {
        font-size: 8pt;
        text-decoration: none;
        letter-spacing: .1em;
        line-height: 10pt;
        padding-left: 24px;
        background: url("/Images/Icons/Silk/folder10.png") no-repeat;
        background-position: 10px 50%;
    }

        .CategoryNav_Head EM,
        .CategoryNav_Head_NoChildren EM,
        .CategoryNav_Body DIV EM {
            font-size: 6pt;
            font-style: normal;
        }

/****************[ Alert s, Errors, Confirmations ]****************/

.ConfirmationText {
    color: #9999FF;
    font-weight: bold;
    font-size: 12pt;
}

.ConfirmationBar {
    color: #9999FF;
    font-weight: bold;
    background-color: #333333;
    border-style: solid;
    border-width: 1px;
    border-color: #555555;
    font-size: 12pt;
}

.ErrorText {
    color: #FF6666;
}

.ErrorMessage {
    color: #FF6666;
    font-weight: bold;
    font-size: 12pt;
}

    .ErrorMessage .validation-summary-errors li {
        list-style:none;
    }

.ErrorBar {
    color: #FF6666;
    font-weight: bold;
    background-color: #333333;
    border-style: solid;
    border-width: 1px;
    border-color: #555555;
    font-size: 12pt;
}

.ErrorBar1 {
    color: #DDDDDD;
    background-color: #775555;
    border-style: solid;
    border-width: 1px;
    border-color: #997777 #553333 #553333 #997777;
    padding: 3px 3px 3px 3px;
    font-size: 10pt;
}

.AlertHeading {
    color: #666666;
    font-weight: bold;
    font-size: 14pt;
}

.AlertText {
    color: #666666;
}

.AlertLink {
    color: #0000FF;
    font-weight: bold;
    text-decoration: underline;
}

    .AlertLink:Hover {
        color: #000099;
    }

.AlertTable {
    color: #666666;
    border-color: #666666;
    border-style: solid;
    border-width: 2px;
    background-color: #CCCCCC;
    padding: 15px 30px;
}

.highlight {
    color: #DDFF00;
}
/*[ Used specifically by jq_hilight ]*/
.Hilight {
    background-color: yellow;
}

.Required {
    font-weight: bold;
}

.ServerNotice {
    background-color: #FFFFFF;
    padding: 10px;
    color: #0000FF;
    font-size: 14pt;
    font-weight: bold;
}

/****************[ Form Inputs ]****************/

textarea, select, input[type=text], input[type=password], .FormInput {
    color: #000000;
    font-size: 120%;
    letter-spacing: 1px;
    padding: 1px;
    background-color: #888888;
    border-color: #333333 #666666 #666666 #333333;
    border-style: solid;
    border-width: 1px;
}

    textarea:disabled, select:disabled, input[type=text]:disabled, input[type=password]:disabled, .FormInput:disabled {
        color: #888;
        background-color: #555;
        border-color: #333333 #666666 #666666 #333333;
        background-image: none;
    }

TEXTAREA, INPUT[TYPE=TEXT], INPUT[TYPE=password], .FormInput {
    background-image: url(/Images/FormInputBG.gif);
    font-size: 120%;
    letter-spacing: .1em;
    margin: 4px 0px;
    padding: 4px;
}

.FormInputActive {
    background-color: #CCDDCC;
    background-image: url(/Images/FormInputBG_Active.gif);
    border-color: #666666 #66FFCC #66FFCC #666666;
}

.FormInputWide {
    color: #000000;
    background-color: #AAAAAA;
    border-style: solid;
    border-width: 1px;
    border-color: #333333 #66FFCC #66FFCC #333333;
    padding: 1px 1px 1px 4px;
    letter-spacing: 1px;
}

.FormInputWideActive {
    background-color: #CCDDCC;
    border-color: #666666 #66FFCC #66FFCC #666666;
}

.FormInputLarge {
    color: #DDDDDD;
    background-color: #111111;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    font-size: 10pt;
    font-weight: bold;
    padding: 4px;
    height: 30px;
}

.SearchBox {
    width: 100px;
    height: 14px;
    border-color: #CCC;
}

/****************[ Buttons ]****************/
button,
.FormButton,
.FormButtonIcon,
.MiniButton {
    color: #FFF;
    background-color: #555;
    font-size: 100%;
    letter-spacing: .2em;
    text-decoration: none;
    border-width: 1px;
    border-color: #777;
    border-style: solid;
    padding: calc(0.5rem + 0.5vw) calc(0.5rem + 0.75vw);
    margin: 10px 2px;
    white-space: nowrap;
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
}

    button:hover,
    .FormButton:Hover,
    .FormButtonIcon:Hover,
    .MiniButton:Hover {
        text-decoration: none;
        filter: alpha(opacity=100);
        border-color: #999;
        -moz-opacity: 1.0;
        -khtml-opacity: 1.0;
        opacity: 1.0;
    }

.MiniButtonTT {
    color: #58792E;
    background-color: #B9DB8C;
    font-size: 8pt;
    text-decoration: none;
    border-color: #a2c07b;
    border-width: 1px;
    border-style: solid;
    padding: 4px 8px;
    margin: 4px;
    white-space: nowrap;
}

    .MiniButtonTT:Hover {
        color: #58792E;
        background-color: #B9DB8C;
        border-color: #58792E;
        text-decoration: none;
    }

    .MiniButtonTT IMG.Icon {
        vertical-align: -30%;
        border: 0px;
    }

.SectionFooterBox .PanelButton {
    font-size: 8pt;
    text-decoration: none;
    line-height: 18pt;
    background-color: #2d2d2d;
    border-color: #2d2d2d;
    border-style: solid;
    border-width: 1px;
    padding: 2px 3px;
    margin: 1px 2px;
}

    .SectionFooterBox .PanelButton:Hover {
        border-color: #3d3d3d #1d1d1d #1d1d1d #3d3d3d;
        text-decoration: none;
    }

    .SectionFooterBox .PanelButton:Active {
        color: #66FFCC;
        border-color: #3d3d3d #1d1d1d #1d1d1d #3d3d3d;
    }

.PageTitleBox .PanelButton,
.SectionTitleBox .PanelButton {
    font-size: 8pt;
    text-decoration: none;
    line-height: 18pt;
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    border-style: solid;
    border-width: 1px;
    padding: 2px 3px;
    margin: 1px 2px;
}

    .PageTitleBox .PanelButton:Hover,
    .SectionTitleBox .PanelButton:Hover {
        border-color: #4d4d4d #2d2d2d #2d2d2d #4d4d4d;
        text-decoration: none;
    }

    .PageTitleBox .PanelButton:Active,
    .SectionTitleBox .PanelButton:Active {
        color: #66FFCC;
        border-color: #4d4d4d #2d2d2d #2d2d2d #4d4d4d;
    }


/****************[ Images ]****************/

IMG {
    border-color: #DDDDDD;
}

.UserImageBox {
    background-color: #6b6b6b;
    width: 85px;
    text-align: center;
}

.PageTitleBarIcon {
    float: left;
    vertical-align: -10px;
    margin: 0px 10px 10px 10px;
}

.ImageNavIconBox,
.ImageNavIconBox_Hilighted {
    display: inline-table;
    clear: both;
    padding: 8px;
    text-align: center;
    vertical-align: top;
}

.ImageNavIconBox_Hilighted {
    background-color: #555555;
}

.HilightedImage {
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    margin: 2px;
}

.NonHilightedImage {
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    margin: 2px;
}

/*-[ Icons ]-*/

.Icon {
    vertical-align: -15%;
    border: 0px;
}

.Icon8 {
    vertical-align: -5%;
    border: 0px;
    height: 8px;
}

.Icon10 {
    vertical-align: -5%;
    border: 0px;
    height: 10px;
}

.Icon12 {
    vertical-align: -10%;
    border: 0px;
    height: 12px;
}

.Icon16 {
    vertical-align: -30%;
    border: 0px;
    height: 16px;
}

.Icon24 {
    vertical-align: -30%;
    border: 0px;
    height: 24px;
}

.Icon32 {
    vertical-align: -30%;
    border: 0px;
    height: 32px;
}

.Icon48 {
    vertical-align: -30%;
    border: 0px;
    height: 48px;
}


.IconLow,
.ButtonPanel IMG.Icon,
.ButtonPanel2 IMG.Icon,
.PanelButton IMG.Icon,
.PanelButton2 IMG.Icon,
.PanelButtonRaised IMG.Icon,
.PanelButtonRaised2 IMG.Icon,
.IconButtonBar IMG.Icon,
.IconBarButton IMG.Icon,
.MiniButton IMG.Icon,
.MiniButtonTT IMG.Icon,
.FormButtonIcon IMG.Icon,
.MiniButton_Premium1 IMG.Icon,
.MiniButton_Premium2 IMG.Icon,
.MiniButton_Premium3 IMG.Icon {
    vertical-align: -30%;
    border: 0px;
}

/*==============================================[ HEADER & FOOTER CLASSES ]==============================================*/

/****************[ Header Area ]****************/

.TagLine {
    font-size: 10pt;
    font-weight: bold;
    line-height: 16pt;
    margin: 0px 4px;
    letter-spacing: .1em;
    margin: 0;
}

    .TagLine A,
    .TagLine A:Hover,
    .SiteStats A,
    .SiteStats A:Hover {
        text-decoration: none;
        cursor: text;
    }

.SiteStats {
    font-size: 9pt;
    line-height: 15pt;
    margin: 0px 4px;
    letter-spacing: .1em;
    margin: 0;
}

.SiteStatsData {
    font-weight: bold;
}

#Logo {
    margin-left: 10px;
    display: inline-block;
    font: 32pt Vani, Times, Serif;
    border-width: 0px;
}

#LogoBox {
    width: 200px;
    text-align: left;
}

#LogoArea {
    padding: 10px 0px 2px 0px;
    border-bottom: 2px solid #666;
    width: 100%;
}

.Tagline {
    font: 14pt Vani, Times, Serif;
    display: inline-block;
    margin: 0 60px 0 20px;
}


/****************[ Footer Area ]****************/

.FooterText {
    color: #999999;
    font-size: 8pt;
    font-family: Arial,Helvetica,Verdana,Tahoma;
    text-decoration: none;
}

A.FooterText:Hover {
    color: #999999;
    text-decoration: none;
}

.FooterLink {
    text-decoration: none;
    font-size: 8pt;
    letter-spacing: .3em;
}

/****************[ Header/footer/frontpage menu boxes ]****************/

.MenuHeader {
    padding: 1px;
    color: #DDDDDD;
    font-size: 12pt;
    letter-spacing: .2em;
    background-color: #3d3d3d;
    text-align: center;
}

A.MenuHeaderLink {
    color: #FFFFFF;
    text-decoration: none;
}

.MenuBox {
    padding: 1px;
    background-color: #333333;
}

.MenuFooter {
    font-size: 8pt;
    letter-spacing: .2em;
    background-color: #2d2d2d;
}

.MenuFooterLink {
    color: #CCCCCC;
    text-decoration: none;
}

/*==============================================[ WIDGETS ]==============================================*/

.SubcategoriesTable {
    width: 100%;
}

    .SubcategoriesTable TD {
        padding: 10px;
        line-height: 16pt;
    }

/****************[ Gallery Page Browser ]****************/

.GalleryPageBrowserBox {
    width: 100%;
}

    .GalleryPageBrowserBox TD {
        padding: 12px;
    }

/****************[ Voting ]****************/
.Votes {
    color: #FFFFFF;
    font-size: 13pt;
    line-height: 15pt;
    padding: 1px 0px 0px 0px;
}

.UpVotes {
    color: #6d79d3;
}

.DownVotes {
    color: #e29494;
}

.VoteBox {
    width: 30px;
    float: left;
    text-align: center;
}

/****************[ Chat ]****************/

#ChatBox {
    width: 700px;
    padding: 0px;
}

#ChatMessageInput {
    width: 694px;
}

#ChatHTMLBox {
    height: 36px;
    overflow: auto;
}

.ChatSegment {
    font-size: 9pt;
    font-family: "Courier New";
}

.ChatTimestamp {
    font-size: 7pt;
    color: #666666;
    font-family: Arial,Verdana,Tahoma;
    width: 20px;
    display: inline-block;
}

.ChatMessage {
    font-size: 8pt;
    color: #CCCCCC;
}

#ChatUsersPane {
    background-color: #2a2a2a;
    padding: 0px;
}

.ChatPane {
    background-color: #1f1f1f;
    padding: 2px 4px;
}

.ChatUser, .ChatUser_Self {
    padding: 1px 4px;
    font-size: 8pt;
}

.ChatUser_Self {
    font-weight: bold;
    background-color: #333333;
}

.ChatAction .ChatMessage {
    color: #d4b1ff;
}

.ChatEvent .ChatMessage {
    color: #fff5b1;
}

.ChatJoin .ChatMessage {
    color: #D9EFDF;
}

.ChatPart .ChatMessage {
    color: #D7CEED;
}

.ChatRename .ChatMessage {
    color: #D7CEED;
}

/****************[ Ads ]****************/

.PPC_AdArea {
    border: 0px solid #555555;
    padding: 0px 4px;
}

.PPC_AdBox {
    width: 162px;
    margin: 0px 0px 8px 0px;
    padding: 6px 6px 10px 6px;
    border: 0px solid #000000;
}

.PPC_AdTitle {
    font-weight: bold;
    font-family: Tahoma,Verdana,Helvetica,Arial;
    font-size: 10pt;
    overflow: hidden;
}

.PPC_AdURL {
    color: #cccccc;
    font-family: Tahoma,Verdana,Helvetica,Arial;
    font-size: 8pt;
}

.PPC_AdImageBox {
    text-align: center;
}

.PPC_AdImage {
    margin: 4px 0px;
}

.PPC_AdBody {
    font-weight: normal;
    font-family: Tahoma,Verdana,Helvetica,Arial;
    font-size: 8pt;
}

.PPC_AdScroller {
    height: 208px;
    margin-bottom: 10px;
}

/****************[ DHTML Popups ]****************/

.PopupBox {
    border-style: solid;
    border-width: 0px;
    border-color: #555;
    background-color: #333;
}

.HiddenPopup {
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 40;
    display: none;
}

.PopupMask {
    position: absolute;
    top: 0px;
    left: 0px;
    width: auto;
    height: auto;
    opacity: .85;
    filter: alpha(opacity=85);
    background-color: transparent !important;
    background-color: #333333;
    background-image: url("/Images/ModalMask.png") !important;
    background-repeat: repeat;
    display: none;
}

.xBox {
    /*background-color: #666666;
    border-style: solid;*/
    border-width: 1px;
    border-color: #CCCCCC;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 8pt;
    padding: 3px;
    line-height: 1.25em;
    text-align: center;
    filter: alpha(opacity=40);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

    .xBox:Hover {
        filter: alpha(opacity=100);
        -moz-opacity: 0.4;
        -khtml-opacity: 0.4;
        opacity: 0.4;
    }

#ThumbNailPopup {
    z-index: 1210;
}

#GalleryPagePopupMask {
    z-index: 1218;
}

#GalleryPagePopup {
    z-index: 1220;
}

#ImagePagePopupMask {
    z-index: 1228;
}

#ImagePagePopup {
    z-index: 1230;
}




/****************[ Tabbed Interfaces ]****************/

.Tab {
    text-decoration: none;
    padding: 1px 6px 2px 4px;
    background-color: #444444;
    font-weight: bold;
    border-color: #555555 #222222 #222222 #555555;
    border-style: solid solid none solid;
    border-width: 2px;
}

.TabSelected {
    text-decoration: none;
    padding: 2px 6px 2px 4px;
    background-color: #666666;
    font-weight: bold;
    border-color: #777777 #333333 #333333 #777777;
    border-style: solid solid none solid;
    border-width: 2px;
}

.SelectorPanel1 {
    margin: 0px auto;
    padding: 0px;
}

.SelectorPanel2 {
    padding: 5px 0px 0px 0px;
    background-color: #555555;
    margin: 0px auto;
}

.SelectorButton {
    color: #DDDDDD;
    text-decoration: none;
    background-color: #333333;
    border-color: #444444 #444444 #333333 #444444;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    white-space: nowrap;
    padding: 2px 4px 4px 4px;
    font-size: 8pt;
    margin: 2px 4px 0px 4px;
}

    .SelectorButton:Hover {
        color: #EEEEEE;
        text-decoration: none;
        background-color: #555555;
        border-color: #777777 #777777 #555555 #777777;
    }

    .SelectorButton:Active {
        color: #66FFCC;
        text-decoration: none;
        background-color: #555555;
        border-color: #888888 #888888 #555555 #888888;
    }

.SelectorButtonPushed,
.SelectorButtonPushed:Hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #555555;
    border-color: #888888 #888888 #555555 #888888;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    white-space: nowrap;
    padding: 2px 4px 4px 4px;
    font-size: 8pt;
    margin: 2px 4px 0px 4px;
}

.SelectorButton2 {
    color: #DDDDDD;
    text-decoration: none;
    background-color: #555555;
    border-color: #555555;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    white-space: nowrap;
    padding: 2px 4px 1px 4px;
    _padding: 2px 4px 2px 4px;
    font-size: 8pt;
    margin: 2px 4px 0px 4px;
}

    .SelectorButton2:Hover {
        color: #EEEEEE;
        text-decoration: none;
        background-color: #505050;
        border-color: #777777 #777777 #505050 #777777;
    }

    .SelectorButton2:Active {
        color: #66FFCC;
        text-decoration: none;
        background-color: #555555;
        border-color: #888888 #888888 #555555 #888888;
    }

.SelectorButton2Pushed,
.SelectorButton2Pushed:Hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #444444;
    border-color: #777777 #777777 #444444 #777777;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    white-space: nowrap;
    padding: 2px 4px 1px 4px;
    _padding: 2px 4px 2px 4px;
    font-size: 8pt;
    margin: 2px 4px 0px 4px;
}

/****************[ Button Bars & Panels ]****************/

.ButtonPanel {
    border-color: #444444;
    border-style: solid;
    border-width: 1px;
    clear: both;
    padding: 1px 4px;
    background-color: #555555;
    margin: 0px auto;
}

    .PanelButton,
    .ButtonPanel A,
    .ButtonPanel A.MiniButton,
    .ButtonPanel A.MiniButton_Premium1,
    .ButtonPanel A.MiniButton_Premium2,
    .ButtonPanel A.MiniButton_Premium3,
    .PanelButtonRaised:Hover {
        font-size: 8pt;
        text-decoration: none;
        background-color: #555555;
        border-color: #555555;
        border-style: solid;
        border-width: 1px;
        padding: 2px 3px;
        margin: 1px 2px;
        line-height: 18pt;
    }

        .PanelButton:Hover, .ButtonPanel A:Hover, .PanelButtonRaised {
            color: #EEEEEE;
            text-decoration: none;
            background-color: #3A3A3A;
            border-color: #555555 #333333 #333333 #555555;
        }

            .PanelButton:Active, .ButtonPanel A:Active, .PanelButtonRaised:Active {
                color: #66FFCC;
                text-decoration: none;
                background-color: #555555;
                border-color: #777777 #111111 #111111 #777777;
            }


.ButtonPanel2 {
    border-color: #222222;
    border-style: solid;
    border-width: 1px;
    clear: both;
    padding: 1px 4px;
    background-color: #333333;
    margin: 0px auto;
}

    .PanelButton2,
    .PanelButtonRaised2:Hover,
    .ButtonPanel2 A,
    ButtonPanel2 A.MiniButton,
    ButtonPanel2 A.MiniButton_Premium1,
    ButtonPanel2 A.MiniButton_Premium2,
    ButtonPanel2 A.MiniButton_Premium3 {
        font-size: 8pt;
        text-decoration: none;
        background-color: #333333;
        border-color: #333333;
        border-style: solid;
        border-width: 1px;
        padding: 2px 3px;
        margin: 1px 2px;
        line-height: 18pt;
    }

        .PanelButton2:Hover, .ButtonPanel2 A:Hover, .PanelButtonRaised2 {
            color: #EEEEEE;
            text-decoration: none;
            background-color: #303030;
            border-color: #444444 #222222 #222222 #444444;
        }

            .PanelButton2:Active, .ButtonPanel2 A:Active, .PanelButtonRaised2:Active {
                color: #66FFCC;
                text-decoration: none;
                background-color: #333333;
                border-color: #555555 #000000 #000000 #555555;
            }

.ImageIconNavPanel {
    clear: both;
    padding: 8px;
    background-color: #333333;
}

.IconButtonBar {
    border-color: #222222;
    border-style: solid;
    border-width: 1px;
    background-color: #333333;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
}

.IconBarButton {
    font-size: 8pt;
    text-decoration: none;
    background-color: #333333;
    border-color: #333333;
    border-style: solid;
    border-width: 1px;
    width: 16px;
    height: 16px;
    padding: 0px;
    margin: 0px 1px 0px 0px;
}

    .IconBarButton:Hover {
        background-color: #303030;
        border-color: #444444 #222222 #222222 #444444;
    }

/****************[ Gallery tree widget ]****************/

.GalleriesViewSort {
    width: 100%;
    text-align: center;
}

.ExpandButton {
    background-color: #444444;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline;
    font-size: 12pt;
    font-weight: bold;
    height: 12px;
    line-height: 18px;
    padding: 0px 2px 1px 2px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 12px;
}

/*==============================================[ AREA-SPECIFIC CLASSES ]==============================================*/

/****************[ Front page ]****************/

.PartnerFeatureSite {
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.25em;
}

.PartnerFeatureName {
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.25em;
}

.PartnerFeatureImageBox {
    background-color: #333333;
}

.PartnerFeatureNameBox {
    background-color: #333333;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
}

.PartnerFeatureDescription {
    font-size: 7pt;
    text-decoration: none;
    line-height: 1.25em;
}

.NewsTitle {
    color: #FFFFFF;
    font-size: 10pt;
    letter-spacing: .15em;
    font-weight: bold;
}

.NewsDate {
    font-size: 9pt;
    font-family: Arial,Verdana,Tahoma;
}

.NewsText {
    font-size: 9pt;
    font-family: Arial,Verdana,Tahoma;
    line-height: 12pt;
}

.NewsTitleTiny {
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: bold;
    line-height: 10pt;
    letter-spacing: .1em;
}

.NewsDateTiny {
    color: #CCCCCC;
    font-size: 8pt;
    font-weight: normal;
    line-height: 9pt;
    letter-spacing: .1em;
}

.NewsTextTiny {
    font-size: 8pt;
    font-weight: normal;
    line-height: 9pt;
    letter-spacing: .1em;
}

/****************[ Forums ]****************/

.Forums_TopicTitle,
.ForumTopicTitle {
    line-height: 16pt;
    letter-spacing: .1em;
    text-decoration: none;
    font-size: 12pt;
    color: #DDDDDD;
}

a.Forums_TopicTitle:link {
    text-decoration: none;
    color: #DDDDDD;
}

a.Forums_TopicTitle:visited {
    text-decoration: none;
    color: #BBBBBB;
}

.ForumTopicTitle:Hover,
a.Forums_TopicTitle:hover {
    text-decoration: underline;
    color: #FFFFFF;
}


.ForumPostText {
    font-size: 8pt;
    font-weight: normal;
    line-height: 14pt;
    letter-spacing: .085em;
    text-decoration: none;
}

.ForumPostUserName {
    font-size: 7pt;
    font-weight: bold;
    line-height: 8pt;
    letter-spacing: .1em;
    font-style: italic;
}

.ForumPostDate {
    font-size: 7pt;
    font-weight: normal;
    line-height: 8pt;
    letter-spacing: .1em;
    font-style: italic;
}

.ForumName {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 10pt;
    letter-spacing: .2em;
}

.ForumDescription {
    font-size: 8pt;
    line-height: 1.2em;
}

.ForumsRow1 {
    background-color: #555555;
    color: #FFFFFF;
    background-image: url(/Images/GreyStripedBG.gif);
    border-style: solid;
    border-width: 1px;
    border-color: #777777 #111111 #111111 #777777;
}

.ForumsRow2 {
    background-color: #444444;
    border-style: solid;
    border-width: 1px;
    border-color: #555555 #111111 #111111 #555555;
    text-decoration: none;
}

.ForumsRow3 {
    background-color: #333333;
    background-image: url(/Images/ColumnHeadingGradientBG.gif);
    font-weight: bold;
    border-color: #555555 #222222 #222222 #555555;
    border-style: solid;
    border-width: 1px;
}

.Forums_MainTitle {
    font-weight: bold;
    font-size: 22px;
    font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height: 120%;
    color: #DDDDDD;
}

.Forums_LeftColumn {
    background-color: #555555;
    color: #FFFFFF;
    background-image: url(/Images/GreyStripedBG.gif);
    border-style: solid;
    border-width: 1px;
    border-color: #777777 #111111 #111111 #777777;
}

.Forums_RightColumn {
    background-color: #444444;
    border-style: solid;
    border-width: 1px;
    border-color: #555555 #111111 #111111 #555555;
    text-decoration: none;
}

.Forums_CategoryTitle {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    color: #DDDDDD
}

a.Forums_CategoryTitle {
    text-decoration: none;
    color: #DDDDDD;
}

    a.Forums_CategoryTitle:hover {
        text-decoration: underline;
    }

.Forums_CategoryTitleBox {
    background-image: url(/Images/ColumnHeadingGradientBG.gif);
    background-color: #333333;
    border: #000000;
    border-style: solid;
    height: 28px;
    border-width: 0px 0px 0px 1px;
}

/****************[ Galleries ]****************/

.GalleryName {
    font-size: 10pt;
    letter-spacing: .2em;
    margin: 0;
}

.GalleryNameTiny {
    color: #FFFFFF;
    font-family: Arial,Verdana,Tahoma;
    font-size: 7pt;
    line-height: 11pt;
    letter-spacing: .02em;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.45em;
}

.GalleryDescriptionBox {
    padding: 8px;
    font-size: 12pt;
    letter-spacing: .02em;
    font-family: Arial,Verdana,Tahoma;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.45em;
}

.GalleryDescriptionTiny {
    font-size: 8pt;
    letter-spacing: .02em;
    font-family: Arial,Verdana,Tahoma;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.45em;
}

.GalleryNameSmall {
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.25em;
}

.GalleryDescriptionSmall {
    font-size: 8pt;
    text-decoration: none;
    line-height: 1.25em;
}

.GalleryDetailsSmall {
    font-size: 8pt;
    color: #AAAAAA;
}

.CatDescription {
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
}

#GctFloatingAdBox {
    float: right;
    padding: 10px;
    width: 300px;
    height: 250px;
}


.GalleryPage .SubPage {
    overflow: auto;
    display: inline-block;
    max-width: 175px;
    vertical-align: top;
    background-color: #333;
    margin: 0px 00px 20px 20px;
}

.GalleryPage .SubPages {
    text-align: center;
}

.GalleryPage .SubPage .GalleryName {
    overflow: hidden;
    padding: 8px 10px;
    line-height: 2em;
}

.GalleryPage .SubPage .GalleryDescription {
    overflow: hidden;
    padding: 0px 10px;
}

.GalleryPage .SubPage .PreviewImage {
    text-align: center;
}

.GalleryPage .GalleryImages {
    text-align: center;
    vertical-align: top;
    background-color: #333;
    padding: 0px 20px;
}

.GalleryPage > .GalleryDescription {
    text-align: center;
    padding: 0px 20px 20px;
    font-size: calc(0.5rem + 1.75vw);
    text-align: center;
    line-height: calc(1.5rem + 2.25vw);
    letter-spacing: .15rem;
    margin-top: calc(0.5rem + 1.75vw);
}



/****************[ Gallery Images ]****************/

.ImageNameBox {
    font-size: 8pt;
    font-weight: bold;
    padding: 3px;
    line-height: 1.25em;
    text-align: center;
}

.ImageDescription {
    font-size: 10pt;
    line-height: 1.25em;
    letter-spacing: .1em;
    font-weight: normal;
    text-decoration: none;
}

.ImageDescriptionBox {
    text-align: center;
    font-size: 8pt;
    padding: 3px;
    line-height: 1.25em;
}

.ImageBox {
    text-align: center;
    background-color: #222;
}

.ImageCell {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
}

.ImageCell_GalleryPage {
    overflow: hidden;
    display: inline-block;
    width: 85px;
    height: 85px;
    text-align: center;
    vertical-align: top;
    margin: 12px 10px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
}

    .ImageCell_GalleryPage img {
        vertical-align: middle;
    }


.ImageCell_GalleryPage {
    overflow: hidden;
    display: inline-block;
    width: 85px;
    height: 85px;
    text-align: center;
    vertical-align: top;
    margin: 12px 10px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
}




.ImageCell_85 {
    width: 85px;
}

.ImageCell_110 {
    width: 110px;
}

.ImageStatsBox {
    font-family: Arial,Verdana,Tahoma;
    font-size: 7pt;
    line-height: 11pt;
    text-align: center;
}

.ImageButtonsBox {
    text-align: center;
}

.ImageTitle {
    font-weight: bold;
    font-size: 12pt;
}

.ImageName {
    line-height: 1.25em;
    font-size: 8pt;
    font-weight: bold;
    margin: 0px;
    text-decoration: none;
}

.ImageNameCompact {
    line-height: 1.25em;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}

.ImageStats {
    line-height: 1.25em;
    font-size: 8pt;
    text-decoration: none;
}

/****************[ Links ]****************/

.LinkName {
    font-size: 12pt;
    text-decoration: none;
}

.LinkCategory {
    font-size: 10pt;
    text-decoration: none;
    line-height: .5em;
}

.LinkCategory2 {
    font-size: 8pt;
    text-decoration: none;
    line-height: .5em;
}

.LinkDescription {
    font-size: 8pt;
    text-decoration: none;
}

.LinkTitleBox {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #AAAAAA;
}

.LinkDescriptionBox {
    padding: 2px 10px 0px 16px;
    margin-bottom: 10px;
}

/****************[ Marketplace ]****************/

.MarketItemsTable {
    width: 100%;
}

.StoreItemName {
    text-decoration: none;
    font-weight: bold;
    line-height: 1.25em;
}

.StoreItemDescription {
    text-decoration: none;
    font-size: 8pt;
    line-height: 1.25em;
}

.StoreItemPrice {
    text-decoration: none;
    font-size: 12pt;
    font-weight: bold;
    line-height: 1.25em;
}

.MarketItemName {
    text-decoration: none;
    font-size: 7pt;
    font-weight: normal;
    line-height: 1.45em;
    text-align: center;
}

.MarketItemDescription {
    text-decoration: none;
    font-size: 8pt;
    line-height: 1.25em;
}

.MarketItemPrice {
    text-decoration: none;
    font-size: 12pt;
    font-weight: bold;
    line-height: 1.25em;
}

.MarketItemPriceButton {
    white-space: nowrap;
    margin: 4px 2px;
    text-decoration: none;
    padding: 0px 2px 1px 2px;
    font-size: 8pt;
}

    .MarketItemPriceButton:Hover {
        text-decoration: none;
    }

.MarketItemBox {
    font-size: 8pt;
    padding: 3px;
    line-height: 1.25em;
    text-align: center;
}

.MarketItemNameBox {
    background-color: #333333;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    font-size: 8pt;
    padding: 3px;
    line-height: 1.25em;
    text-align: center;
}

.MarketItemImageBox {
    background-color: #333333;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    text-align: center;
}

.MarketItemDescriptionBox {
    background-color: #333333;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    font-size: 8pt;
    padding: 3px;
    line-height: 1.25em;
}

/****************[ Premium Accounts ]****************/

.FeatureBox0 {
    background-image: url(/Images/PremiumBG_0.gif);
    background-color: #FFFFFF;
    color: #000000;
    padding: 0px 3px 0px 3px;
    font-size: 8pt;
    border-style: solid;
    border-width: 1px;
    border-color: #555555;
}

.FeatureBox1 {
    background-image: url(/Images/PremiumBG_1.gif);
    background-color: #feff91;
    color: #000000;
    padding: 0px 3px 0px 3px;
    font-size: 8pt;
    border-style: solid;
    border-width: 1px;
    border-color: #555555;
}

.FeatureBox2 {
    background-image: url(/Images/PremiumBG_2.gif);
    background-color: #84FA94;
    color: #000000;
    padding: 0px 3px 0px 3px;
    font-size: 8pt;
    border-style: solid;
    border-width: 1px;
    border-color: #555555;
}

.FeatureBox3 {
    background-image: url(/Images/PremiumBG_3.gif);
    background-color: #76CDFF;
    color: #000000;
    padding: 0px 3px 0px 3px;
    font-size: 8pt;
    border-style: solid;
    border-width: 1px;
    border-color: #555555;
}

.FeatureNameBox {
    padding-left: 10px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #333333;
    border-color: #555555;
    border-style: solid;
    border-width: 1px;
}

.PremiumText1 {
    color: #FEFF91;
}

.PremiumText2 {
    color: #84FA94;
}

.PremiumText3 {
    color: #76CDFF;
}

.NewestPageImg1 {
    border-color: #FEFF91;
    border-style: solid;
    border-width: 1px;
    margin: 0px;
}

.NewestPageImg2 {
    border-color: #84FA94;
    border-style: solid;
    border-width: 1px;
    margin: 0px;
}

.NewestPageImg3 {
    border-color: #76CDFF;
    border-style: solid;
    border-width: 1px;
    margin: 0px;
}

.NewestPageImgNFS {
    border-color: #a90000;
    border-style: solid;
    border-width: 2px;
    margin: 0px;
}

.MiniButton_Premium1 {
    white-space: nowrap;
    text-decoration: none;
    padding: 0px 2px 1px 2px;
    color: #FEFF91;
    font-size: 8pt;
    background-color: #444444;
    border-color: #FEFF91;
    border-style: solid;
    border-width: 1px;
}

.MiniButton_Premium2 {
    white-space: nowrap;
    text-decoration: none;
    padding: 0px 2px 1px 2px;
    color: #84FA94;
    font-size: 8pt;
    background-color: #444444;
    border-color: #84FA94;
    border-style: solid;
    border-width: 1px;
}

.MiniButton_Premium3 {
    white-space: nowrap;
    text-decoration: none;
    padding: 0px 2px 1px 2px;
    color: #76CDFF;
    font-size: 8pt;
    background-color: #444444;
    border-color: #76CDFF;
    border-style: solid;
    border-width: 1px;
}

.MiniButton_Premium1:Hover {
    text-decoration: none;
    color: #FFFFFF;
}

.MiniButton_Premium2:Hover {
    text-decoration: none;
    color: #FFFFFF;
}

.MiniButton_Premium3:Hover {
    text-decoration: none;
    color: #FFFFFF;
}

.DisplayNameLink_0 {
    color: #FFFFFF;
}

.DisplayNameLink_1 {
    color: #FEFF91;
}

.DisplayNameLink_2 {
    color: #84FA94;
}

.DisplayNameLink_3 {
}

/****************[ FAQs ]****************/

.FAQCategoryBox {
    background-color: #454545;
    background-image: url("/Images/BG/VerticalGradient2.gif");
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    padding: 2px 3px 2px 6px;
}

.FAQCategoryName {
    font-weight: bold;
}

.FAQQuestionBox {
    background-color: #444444;
    border-color: #555555;
    border-style: solid;
    border-width: 1px;
}

.FAQQuestion {
    color: #DDDDDD;
    font-weight: bold;
    font-size: 10pt;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
}

    .FAQQuestion:Hover {
        color: #66FFCC;
    }

.FAQAnswerBox {
    color: #DDDDDD;
    background-color: #333333;
    border-style: solid;
    border-width: 1px;
    border-color: #555555;
    text-decoration: none;
}

.FAQAnswer {
    font-size: 8pt;
}

/*==============================================[ PAGE-SPECIFIC CLASSES ]==============================================*/

/****************[ Control Panel Page ]****************/

#AccountNavBar1 {
}

#AccountNavBar2 {
}

.AccountNavButton1 {
}

.AccountNavButton2 {
}

.AccountPane1 {
    width: auto;
    background-color: #333333;
    border-color: #555555;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    padding: 0px;
    font-size: 8pt;
    margin: 2px 4px 0px 4px;
}

.AccountPane2 {
    background-color: #333333;
    padding: 0px;
    font-size: 8pt;
}

.ControlPanelTip {
    background-color: #EEFFEE;
    padding: 10px;
    color: #000000;
}

.AccountPaneTitleBar {
    font-size: 12pt;
    font-weight: bold;
    display: block;
    padding: 4px 8px;
    background-color: #444444;
    margin: 0px;
}

/****************[ Gallery tree Page ]****************/

.GalleryTree1 {
    font-size: 12pt;
    line-height: 18pt;
    font-weight: bold;
    text-decoration: none;
}

.GalleryTree2 {
    font-size: 12pt;
    line-height: 18pt;
    font-weight: normal;
    text-decoration: none;
}

.GalleryTree3 {
    font-size: 11pt;
    line-height: 17pt;
    font-weight: normal;
    text-decoration: none;
}

.GalleryTree4 {
    font-size: 10pt;
    line-height: 17pt;
    font-weight: normal;
    text-decoration: none;
}

.GalleryTree5 {
    font-size: 9pt;
    line-height: 16pt;
    font-weight: normal;
    text-decoration: none;
}

.GalleryTree6 {
    font-size: 8pt;
    line-height: 16pt;
    font-weight: normal;
    text-decoration: none;
}

.GalleryTree7 {
    font-size: 7pt;
    line-height: 14pt;
    font-weight: normal;
    text-decoration: none;
}

.GalleryTree8 {
    font-size: 6pt;
    line-height: 14pt;
    font-weight: normal;
    text-decoration: none;
}


/*==============================================[  Utility/Shortcut classes ]==============================================*/
.NoWrap {
    white-space: nowrap;
}
.TextCentered {
    text-align: center;
}

.Centered {
        margin-left: auto;
        margin-right: auto;
    }

.LeftAligned {
    text-align: left;
}

.RightAligned {
    text-align: right;
}

.Justified {
    text-align: justify;
}

.BottomAligned {
    vertical-align: bottom;
}

.MiddleAligned {
    vertical-align: middle;
}

.Inline {
    display: inline;
}

.Hidden {
    display: none;
}

.Border1 {
    border-style: solid;
    border-width: 1px;
}

.FullWidth {
    width: 100%;
}

.NoMargin {
    margin: 0px;
}

.NoPadding {
    padding: 0px;
}

.Pad0, table.Pad0 td {
    padding: 0px;
}

.Pad1, table.Pad1 td {
    padding: 1px;
}

.Pad2, table.Pad2 td {
    padding: 2px;
}

.Pad3, table.Pad3 td {
    padding: 3px;
}

.Pad4, table.Pad4 td {
    padding: 4px;
}

.Pad5, table.Pad5 td {
    padding: 5px;
}

.Pad6, table.Pad6 td {
    padding: 6px;
}

.Pad8, table.Pad8 td {
    padding: 8px;
}

.Pad4_8, table.Pad4_8 td {
    padding: 4px 8px;
}

.Pad10, table.Pad10 td {
    padding: 10px;
}

.Pad12, table.Pad12 td {
    padding: 12px;
}

.Pad14, table.Pad14 td {
    padding: 14px;
}

.Pad15, table.Pad15 td {
    padding: 15px;
}

.Pad16, table.Pad16 td {
    padding: 16px;
}

.Pad18, table.Pad18 td {
    padding: 18px;
}

.Pad20, table.Pad20 td {
    padding: 20px;
}

.FloatRight {
    float: right;
}

.FloatLeft {
    float: left;
}

.UL, .UL:Hover, .ObviousLink {
    text-decoration: underline;
}

.NoUL, .NoUL:Hover {
    text-decoration: none;
}

.Cleared {
    clear: both;
}

.Dim {
    color: #999999;
}

.Dim1 {
    color: #999999;
}

.Dim2 {
    color: #666666;
}

.Dim3 {
    color: #333333;
}

.Transparent {
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;
}

.HoverOpaque {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

    .HoverOpaque:Hover {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

.HoverOpaqueColor {
    filter: alpha(opacity=50);
    filter: saturate(0);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

    .HoverOpaqueColor:Hover {
        filter: alpha(opacity=100);
        filter: saturate(1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }


.UnderlinedCell {
    border-color: #CCCCCC;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
}

.Scrollable {
    overflow: auto;
}


/****************[ New stuff ]****************/

.Icon_Featured {
    content: '🏆';
    font-size: 1.0rem;
    filter: saturate(0.6);
    font-weight: bold;
}

.Icon_Nominated {
    content: '🏆';
    font-size: 1.0rem;
    filter: saturate(0.1);
    font-weight: bold;
}


.SiteCategories {
    text-align: center;
}

    .SiteCategories .Category {
        padding: 0px;
        display: inline-block;
        margin: 0px 0px 24px 36px;
    }


        .SiteCategories .Category .CategoryName {
            font-size: 16pt;
            float: left;
        }


.MainSitesList {
    text-align: center;
}

    .MainSitesList .Community {
        padding: 0px;
        display: inline-block;
        margin: 30px 30px;
        width: 280px;
    }



        .MainSitesList .Community .CommunityName {
            float: left;
            text-align:left;
            overflow:hidden;
            width:280px;
        }


        .MainSitesList .Community .CommunityName1 {
            font-size: 18pt;
        }

        .MainSitesList .Community .CommunityName2 {
            font-size: 16pt;
        }

        .MainSitesList .Community .CommunityName3 {
            font-size: 14pt;
        }

        .MainSitesList .Community .CommunityName4 {
            font-size: 12pt;
        }




        .MainSitesList .Community .Topic {
            font-size: 10pt;
            margin: 10px 0px 0px 10px;
            float: left;
        }


        .MainSitesList .Community .DateCreated {
            font-size: 10pt;
            margin: 10px 0px 0px 10px;
            float: right;
        }

        .MainSitesList .Community .DetailsLabel {
            font-size: 10pt;
            margin: 10px 0px 0px 10px;
            float: right;
        }



.PreviewImageBox {
}



.GalleryPage .PreviewImageBox {
    background-size: cover;
    background-position: center;
    text-align: center;
    height: 20vh;
    max-width: 90%;
    margin: 10px auto;
}

.SiteCategories .Category .PreviewImageBox,
.GalleryCategories .Category .PreviewImageBox {
    background-size: cover;
    background-position: center;
    min-width: 280px;
    min-height: 100px;
    width: 25vw;
    height: 8vw;
    display: block;
}

    .GalleryCategories .Category .PreviewImageBox img {
    }

.SiteCategories .Category .PreviewImageBox {
    overflow: hidden;
}

    .SiteCategories .Category .PreviewImageBox img {
    }

.MainSitesList .Community .PreviewImageBox {
    overflow: hidden;
    width: 280px;
    height: 100px;
}

    .MainSitesList .Community .PreviewImageBox img {
    }



.GalleryCategories {
    text-align: center;
}

    .GalleryCategories .Category {
        display: inline-block;
        padding: 0px;
        margin: 0px calc(1rem + .5vw) 24px calc(1rem + .5vw);
        min-width: 280px;
        min-height: 100px;
        width: 25vw;
    }
        .GalleryCategories .Category .CategoryName {
            float: left;
            font-size: calc(0.75rem + 0.75vw);
            line-height: calc(1rem + 2vw);
            letter-spacing: .15rem;
        }

        .GalleryCategories .Category .DetailsLabel {
            font-size: calc(0.5rem + 0.5vw);
            line-height: calc(0.5rem + 0.75vw);
            letter-spacing: .15rem;
            margin: 10px 0px 0px 10px;
            float: right;
        }

#PagesList a:hover {
    text-decoration: none;
}

.GalleryPagesList {
    text-align: center;
}

    .GalleryPagesList .GalleryPage {
        vertical-align: top;
        width: 175px;
        display: inline-block;
        margin: 6px 2px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

        .GalleryPagesList .GalleryPage table {
            max-width: 175px;
        }

            .GalleryPagesList .GalleryPage table td {
                overflow: hidden;
                padding: 4px 4px;
                vertical-align: middle;
            }

        .GalleryPagesList .GalleryPage .GalleryPageName {
            color: #aaa;
            font-size: 1.4rem;
            white-space: nowrap;
            overflow: hidden;
            margin: 2px 6px;
        }

        .GalleryPagesList .GalleryPage .PreviewThmBox {
            overflow: hidden;
            height: 100px;
        }

            .GalleryPagesList .GalleryPage .PreviewThmBox img {
                width: 100%;
                height: auto;
            }

        .GalleryPagesList .GalleryPage .DetailsLabel {
            color: #aaa;
            font-size: 12pt;
            white-space: nowrap;
            max-width: 110px;
            overflow: hidden;
        }

        .GalleryPagesList .GalleryPage .DateCreated {
            font-size: 7pt;
            color: #888;
        }

.GalleryPage .DetailsLabel {
    font-size: 90%;
}

.ModalPopup a:hover {
    text-decoration: none;
}

.ProfileNote {
    text-align: center;
    padding: 0px 20px 20px;
    font-size: calc(0.5rem + 1.75vw);
    text-align: center;
    line-height: calc(1.5rem + 2.25vw);
    letter-spacing: .15rem;
    margin-top: calc(0.5rem + 1.75vw);
}

div.GalleryCategories a:hover, div.GalleryCategories a:active {
    text-decoration: none;
}

.MatureBG {
    background-color: rgb(96,0,0);
}

.FamilySafeBG {
    background-color: #333;
}