body {
    background-color: #FFFFFF;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 0.75em;
    margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
    padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
    /*text-align: center; /* Centers the page content container in IE 5 browsers. */
    color: #444;
}

.clear {
    clear: both;
}

.blink {
    text-decoration: blink;
}

/*
h1
{
    color:#A28AC1;
    font-size:3.6em;
    font-weight:bold;
    margin:0;
}*/

h1 {
    color: #646363;
    font-size: 1.7em;
    margin: 0;
    padding: 0.3em 0;
}

h2 {
    color: #A28AC1;
    font-size: 1.5em;
    margin: 0;
    padding: 0.3em 0;
}

h3 {
    color: #A28AC1;
    font-size: 1.2em;
    margin: 0;
    padding: 0.3em 0;
}

.label {
    color: #555;
    float: left;
    width: 11em;
    margin-bottom: 0.2em;
    display: block;
}

.input {
    margin-bottom: 0.4em;
    display: block;
    margin-left: 11.2em;
}

.mainButton {
    width: auto;
    background: #ff8300;
    border-color: #ff8300;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    padding: 8px 15px;
    margin: 20px 10px 0 0;
    border-radius: 10px;
    border-width: 2px;
    transition: all 0.2s ease;
    outline: none;
}

    .mainButton:hover {
        background: white;
        color: #ff8300;
    }

.linkButton {
    background: #ff8300;
    border: 2px solid #ff8300;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    padding: 8px 15px;
    margin: 20px 10px 0 0;
    font-weight: bold;
    border-radius: 10px;
    transition: all 0.2s ease;
}

    .linkButton:hover {
        background: white;
        text-decoration: none;
        color: #ff8300;
    }

#frameContainer {
    /* These should be the only fixed pixel dimensions in all css files */
    width: 950px;
    /*font-size: 1.5em;*/
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    position: relative;
}


#mainFooter {
    display: block;
    margin-top: 1em;
    border-top: 1px solid #777;
    padding-top: 0.3em;
}

    #mainFooter a {
        text-decoration: none;
        font-weight: bold;
        margin-right: 1.5em;
        padding-top: 0.3em;
        color: Black;
    }

#Top-spacer {
    background-color: #f4f4f4; /*#A28AC1;*/
    height: 4em;
}

    #Top-spacer div.topText {
        color: #64379B;
        color: #5514b4;
        float: left;
        font-size: 18px;
        padding: 14px 7px 2px;
    }

/* Top Nav */

#Top-nav {
    background-color: #004a98;
    height: 3.7em;
}

    #Top-nav ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        white-space: nowrap;
        border-top: #fff solid 1px;
        background-color: #64379B;
        background-color: #5514b4;
    }

    #Top-nav li {
        float: left;
        font-size: 1.15em;
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
    }

    #Top-nav a {
        position: relative;
        display: block;
        text-decoration: none;
        font-weight: normal;
        float: left;
        /* width: 73px;*/
    }

        /*
*html #Top-nav a {
  !width:100px;
}*/

        #Top-nav a span {
            display: block;
            color: #fff;
            background-color: #004a98;
            border-right: 1px solid #fff;
            text-align: center;
            padding: 13px 0.8em;
            cursor: pointer;
        }
/*
*html #Top-nav a span {
  !width:100px; 
  !cursor:hand; 
   !w\idth:66px;
}*/

#Top-buttons a:hover, #Top-buttons a.sfhover {
    /*background:#fff;*/
    background: #A28AC1;
}

#Top-nav a:hover span,
#Top-nav a.sfhover span,
#Top-nav a.selected span {
    color: #004a98;
    background: white;
}

#Top-nav ul li.active span, #Top-nav ul li.selected span {
    background: url(../images10/top-nav-background-active.gif) repeat-x;
}

#Top-buttons {
    float: right;
}

#leftHeader {
    float: left;
    width: 67.5em;
}

.rightHeader {
    float: left;
    width: 9em;
    padding-left: 2em;
}


#homeLeft {
    width: 44em;
    float: left;
}

#homeRight {
    width: 34em;
    float: left;
}

/* goto form */

.goSelect {
    position: relative;
    top: 10px;
}

.goButton {
    width: 25px;
    height: 20px;
    position: relative;
    top: 15px;
    *top: 12px;
}

/*
#gotoSite
{
    left:0;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    text-align:left;
    width:950px;
    z-index:200;
}
#gotoSite form
{
   *position:absolute;

}*/


/* create site page */

/*confirm page*/

#confirmMessage {
    background: #eee;
    padding: 2em;
    text-align: center;
}

    #confirmMessage strong {
        font-weight: bold;
        font-size: 1.5em;
    }

/*layout*/

#layoutImages {
    margin-top: 1em;
}

.layoutImage {
    float: left;
    width: 170px;
    margin-right: 1em; /*1.5em*/
    margin-bottom: 1em;
}

.layoutImagefile {
    display: block;
    margin-top: 0.3em;
    height: 131px;
    width: 170px;
    border: 6px solid white;
    text-align: center;
    background: #f1f1f1;
}

#layoutHeaderLeft {
    width: 33em;
    float: left;
    padding-bottom: 0.5em;
}

#layoutHeaderRight {
    width: 34em;
    float: left;
    padding-bottom: 0.5em;
}

#layoutLeft {
    width: 31em;
    float: left;
}

#layoutRight {
    width: 35em;
    height: 41.9em;
    float: left;
    /*background:#eee;*/
    position: relative;
}


#viewerFrame {
    width: 372px;
    clear: both;
    padding: 0;
}

#viewer img {
    width: 360px;
    margin: 0px;
    display: inline;
    border: 0;
}

#viewer a {
    display: block;
    vertical-align: middle;
    float: left;
    width: 360px;
    height: 300px;
    border: 6px solid #eee
}

#viewer {
    /*height:312px;*/
    height: 296px;
    width: 372px;
    clear: both;
    overflow: hidden;
    border: 3px solid #e5e5e5;
    position: absolute;
    left: 50px;
    top: 24px;
}

#divLeftButton {
    position: absolute;
    top: 154px;
    left: 10px;
}

#divRightButton {
    position: absolute;
    top: 154px;
    left: 450px;
}

.currentlySelected {
    position: relative;
    /*top:350px;*/
    top: 325px;
    left: 150px;
}

    .currentlySelected img {
        border: #64379b solid 6px;
        border: #5514b4 solid 6px;
        margin-top: 0.3em;
    }

/* end layout page */


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

.rightHalf {
    width: 50%;
    float: left;
    min-height: 280px;
}

.accountRightHalf {
    float: right;
    min-height: 280px;
}

/* Admin section */

.grdUsers td,
.grdReport td,
.grdPages td,
.grdItems td,
.grdWebsites td,
.grdWebsiteReport td {
    border-bottom: solid 2px #f4f4f4;
    margin-bottom: 1px;
    padding: 0.2em 0.5em;
    white-space: nowrap;
}

.grdWebsiteReport td {
    padding: 1em 0.5em;
}

.grdUsers th,
.grdReport th,
.grdPages th,
.grdItems th,
.grdWebsites th,
.grdWebsiteReport th {
    background: #f4f4f4;
    color: #646363;
    padding: 0.2em 0.5em;
    border: 1px solid white;
    height: 3em;
    width: 20%;
}

    .grdWebsites th a,
    .grdUsers th a,
    .grdWebsiteReport th a {
        color: #646363;
    }

.grdUsers td a,
.grdReport td a,
.grdPages td a,
.grdItems td a,
.grdWebsites td a {
    color: White;
    background: #004a98;
    padding: 0.1em 0.4em;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 0.1em;
    display: block;
    border: 1px solid white;
    float: left;
    border: 1px solid #004a98;
}

    .grdUsers td a:hover,
    .grdReport td a:hover,
    .grdPages td a:hover,
    .grdItems td a:hover,
    .grdWebsites td a:hover {
        color: #004a98;
        background: white;
    }

    .grdUsers td a.normalLink,
    .grdReport td a.normalLink,
    .grdPages td a.normalLink,
    .grdItems td a.normalLink,
    .grdWebsites td a.normalLink {
        color: #444444;
        background: none;
        padding: 0.1em 0.4em;
        text-decoration: underline;
        font-weight: normal;
        margin-bottom: 0.1em;
        display: block;
        border: none;
        float: left;
    }

.grdWebsiteReport .normalLink {
    color: #757198;
    text-decoration: none;
    padding: 0.1em 0.4em;
    font-weight: normal;
    margin-bottom: 0.1em;
    display: block;
    border: none;
    float: left;
}

table.grdWebsiteReport {
    width: 100%;
}

.grdReportDropDown select {
    left: 785px;
    position: absolute;
    top: 255px;
}

#siteSettings .panelNavigationEdit ul li a {
    color: White;
    background: #809dc7;
    padding: 0.1em 0.4em;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 0.1em;
    border: 1px solid white;
}

.imgFavouritesIcon {
    border: 1px solid #777;
}

.Hidden {
    display: none;
    visibility: hidden;
}

.hiddenNavigationItem {
    color: #999999;
    font-style: italic;
}

#contactFormLeft {
    width: 45%;
    float: left;
}

#contactFormRight {
    width: 49%;
    float: right;
    padding: 1em;
    border: 1px solid #eaeaea;
    margin-top: 2.5em;
}

#accountDetails .input,
#communityDetails .input {
    width: 20em;
    float: left;
    margin-left: 24px;
    margin-left: 6px;
}

#websiteDetails .input {
    width: 30em;
    float: left;
    margin-left: 0;
}

#accountDetails .label,
#communityDetails .label,
#websiteDetails .label {
    width: 14em;
    float: left;
}

.layoutPreviewSelected {
    border: solid #64379B 6px;
    border: solid #5514b4 6px;
}

#ctl00_ContentPlaceHolder1_pnlFormPreview div div input.formButton {
    width: 5em;
    margin-left: 0em;
}

ul.helpList {
    font-size: 1.2em;
    margin: 25px 0 0 0;
    color: #646363;
}

    ul.helpList li.section {
        font-weight: bold;
        margin-bottom: 0.4em;
        list-style-type: none;
    }

        ul.helpList li.section ul {
            font-weight: normal;
        }

div.Question {
    color: #004a98;
    margin: 0.1em 0.2em 0em 0.4em;
    cursor: pointer;
    display: block;
    font-size: 0.9em;
    font-weight: normal;
}

div.Answer {
    /*color: Black;*/
    margin: 0.4em 0.4em 0.4em 0.4em;
    display: none;
    /*font-weight: bold;*/
    font-size: smaller;
}

.panelNavigationEdit ul li {
    margin: 0.5em;
}

input.imageButton,
.input input.imageButton {
    width: auto;
    padding: 2px;
    /*background-color: White;*/
}

input.imageButtonSelected,
.input input.imageButtonSelected {
    width: auto;
    padding: 2px;
    /*background-color: Black;*/
}

.input input,
.input select,
.input textarea {
    width: 16.5em;
    width: 17em;
}

.inputcbx {
    float: left;
    margin-bottom: 0.5em;
    text-align: center;
    /*width: 16em;*/
}
#ctl00_ContentPlaceHolder1_CommunityDetails1_txtObjectives{
    width:411px;
}
#ctl00_ContentPlaceHolder1_CommunityDetails1_DivSurveys{
    width:420px;
}
#ctl00_ContentPlaceHolder1_CommunityDetails1_DivSurveys select{
    width:410px
}
.input select {
    width: 17em;
    height: 25px;
}

    .input input.short,
    .input select.short,
    .input textarea.short {
        width: 5em;
    }

.input .button {
    width: 5em;
}

#linkSelection div input,
#linkSelection div select {
    width: 10em;
}

#linkSelection div span.radio input {
    width: 1em;
}

#DivTerms {
    width: 75em;
    height: 20em;
    border: solid 2px black;
    overflow-y: scroll;
    overflow-x: none;
}

.listNavigationEditorHelp li {
    list-style-type: disc;
}

.DivCategoryBrowser {
    float: left;
    width: 600px;
    margin-bottom: 10px;
}

.DivWebsiteBrowser {
    float: left;
    height: 21px;
    width: 572px;
    padding-top: 10px;
    margin: 0 0 20px 0;
    text-align: center;
}

    .DivWebsiteBrowser a {
        font-family: Arial,Helvetica,sans-serif;
        color: #646363;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
    }

.DivWebsiteBrowserItem_False {
    float: left;
    display: inline;
    width: 22px;
    border-right: solid 1px #FFFFFF;
    background-color: white;
}

.DivWebsiteBrowserItem_True {
    float: left;
    display: inline;
    width: 22px;
    border-right: solid 1px #FFFFFF;
    background-color: #f4f4f4;
}

.DivCommunityLeft {
    float: left;
    width: 180px;
    padding-right: 20px;
}

    .DivCommunityLeft table tr td {
        width: 180px;
        padding: 5px 0.8em;
        background-color: #004a98;
        border-bottom: solid 1px #FFFFFF;
        font-family: 'Lato', sans-serif;
    }

        .DivCommunityLeft table tr td:hover {
            color: #004a98;
            background-color: white;
/*            border-bottom: 1px solid #004a98;
*/        }

        .DivCommunityLeft table tr td a {
            color: #FFFFFF;
            display: block;
            height: 100%;
            text-decoration: none;
            width: 100%
        }
            .DivCommunityLeft table tr td a:hover {
                color: #004a98;
            }

            .DivCommunityMainArea {
                float: left;
                width: 50rem;
                margin: 0 75px;
            }
@media (min-width: 768px) {
    .DivCommunityMainArea {
        margin: 0 15px;
    }
}

@media (min-width: 992px) {
    .DivCommunityMainArea {
        margin: 0 75px;
    }
}

@media (min-width: 1200px) {
    .DivCommunityMainArea {
        margin: 0 110px;
        width: 60rem;
    }
}

.DivCommunityWebsiteSelector {
    float: left;
    width: 572px;
    height: 40px;
    background-color: #f4f4f4;
/*    border: solid 1px #646363;
*/}

.DivCommunityWebsiteCounties {
    float: left;
    text-align: right;
    width: 137px;
    height: 25px;
    padding-top: 8px;
    padding-bottom: 2px;
    padding-right: 5px;
}

.DivCommunityWebsitePager {
    float: left;
    width: 425px;
    /*height: 25px;*/
    border-right: solid 1px #FFFFFF;
    padding: 10px;
}

    .DivCommunityWebsitePager a {
        font-family: Arial,Helvetica,sans-serif;
        color: #FFFFFF;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
    }

.DivCommunityWebsitePager_True {
    float: left;
    display: inline;
    width: 22px;
    border-right: solid 1px #FFFFFF;
    background-color: Silver;
    text-align: center;
}

.DivCommunityWebsitePager_False {
    float: left;
    display: inline;
    width: 22px;
    border-right: solid 1px #FFFFFF;
    background-color: Gray;
    text-align: center;
}

.DivInformationRight {
    float: left;
    width: 128px;
    padding: 5px;
    margin-left: 10px;
    border: solid 1px #004a98;
}

.CommunityWebsiteItem {
    float: left;
    width: 572px;
    padding-bottom: 10px;
    border-bottom: solid 2px #f4f4f4;
}

.CommunityWebsiteItem_Title {
    float: left;
    width: 286px;
    padding-top: 10px;
    font-weight: bold;
}

.CommunityWebsiteItem_URL {
    float: left;
    width: 286px;
    padding-top: 10px;
}

.CommunityWebsiteItem_Town {
    float: left;
    width: 286px;
    padding-top: 10px;
    font-weight: bold;
}

.CommunityWebsiteItem_County {
    float: left;
    width: 286px;
    padding-top: 10px;
}

.UserWebsiteItem {
    float: left;
    width: 950px;
    border-bottom: solid 2px #f4f4f4;
}

    .UserWebsiteItem span {
        padding-left: 5px;
        padding-right: 5px;
    }

    .UserWebsiteItem a.button {
        background: #004a98;
        border: 2px solid #004a98;
        font-family: 'Lato', sans-serif;
        border-radius: 10px;
        color: White;
        font-weight: bold;
        margin-bottom: 0.1em;
        padding: 0.1em 0.4em 0.1em 0.4em;
        text-decoration: none;
        min-width: 3.7em;
        float: none;
        display: inline;
        transition: all 0.2s ease;
    }

        .UserWebsiteItem a.button:hover {
            background: white;
            border-color: #004a98;
            color: #004a98;
        }

    .UserWebsiteItem a.buttonYourCommunity {
        width: 8.8em;
        margin-top: 0.2em;
        padding-right: 0.75em;
        padding-left: 0.75em;
    }

.row {
    height: 2em;
}

.UserWebsiteItem_Community {
    clear: both;
    width: 450px;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: solid 2px #f4f4f4;
    border-right: solid 2px #f4f4f4;
}

    .UserWebsiteItem_Community a.button {
        display: inline;
        float: none;
    }

.UserWebsiteItem_Details {
    float: left;
    width: 450px;
}

.UserWebsiteItem_Category {
    float: left;
    width: 120px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.UserWebsiteItem_URL {
    float: left;
    width: 315px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.UserWebsiteItem_Status {
    float: left;
    width: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.UserWebsiteItem_Edit {
    float: left;
    padding-left: 10px;
    padding-right: 35px;
    padding-top: 10px;
    max-height: 93px;
}

.UserWebsiteItem_ManageStatus {
    float: left;
    width: 110px;
    padding-top: 10px;
    margin-left: 30px;
    min-height:127px;
}

/* settings tabs */

.navActive {
    background-color: #170B30 !important;
}

#navTabs ul {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid black;
    height: 35px;
}

#navTabs li {
    float: left;
    width: 115px;
    height: 31px;
    /*margin-left:0.5em;*/
}

*html #navTabs li {
    margin-bottom: -2px;
    position: relative;
    z-index: 10;
}

    #navTabs li a {
        width: 100%;
        display: block;
        height: 100%;
        background: url(../Main/Images/tab-off.jpg) no-repeat;
        text-decoration: none;
        color: #646363;
        font-weight: bold;
    }

        #navTabs li a.active {
            background: url(../Main/Images/tab-on.jpg) no-repeat;

        }

        #navTabs li a:hover {
            background: url(../Main/Images/tab-on.jpg) no-repeat;
        }

        #navTabs li a span {
            display: block;
            padding-left: 0.5em;
            font-size: 0.9em;
            padding-top: 0.5em;
        }

.btnViewLive {
    position: relative;
}


/* layout tab */

/* navigation tab */

.navigationTable {
    font-size: 1.1em;
}

    .navigationTable th {
        text-align: center;
        font-weight: bold;
    }

    .navigationTable td {
        /*display:block;*/
        padding: 0.2em;
    }

        .navigationTable td span {
            display: block;
            margin-left: 1em;
        }

        .navigationTable td a {
            color: #646363;
            text-decoration: none;
            background: #f4f4f4;
        }

.navigationEditorItem {
    width: 10em;
    display: block;
    float: left;
    clear: both;
    font-weight: bold;
}

.navigationEditorButton {
    width: 7.2em;
    display: block;
    float: left;
    text-align: center;
}


.navigationEditorAddButton {
    clear: both;
    width: 6em;
    display: block;
    padding: 0.3em 1em;
    color: White;
    background: #e0d7eb;
    text-decoration: none;
}


/* end navigation tab */

/* guestbook */

.gbBlock {
    width: 100px;
    float: left;
    display: block;
    padding: 0.3em;
    height: 30px;
}

.gbText {
    width: 300px;
    float: left;
    display: block;
    padding: 0.3em;
    overflow: auto;
}

.gbName {
    width: 150px;
    float: left;
    display: block;
    padding: 0.3em;
    height: 30px;
    overflow: auto;
}

.gbEmail {
    width: 150px;
    float: left;
    display: block;
    padding: 0.3em;
    height: 30px;
    overflow: auto;
}

.guestbookEntry {
    border-bottom: 1px dashed #777;
    width: 840px;
}

a.guestbookButton {
    background: #004a98;
    text-decoration: none;
    text-align: center;
    width: 7.2em;
    display: block;
    color: white;
    border: 1px solid #004a98;
}
    a.guestbookButton:hover {
        color: #004a98;
        background: white;
        text-decoration: none;
    }



    .warningMessage {
        font-weight: bold;
    }