@font-face {
    font-family: TitilliumText22LBold;
    font-style: normal;
    font-weight: 400;
    src: url(Fonts/TitilliumText22L005-webfont.eot?#iefix) format(embedded-opentype), url(Fonts/TitilliumText22L005-webfont.ttf) format(truetype), url(Fonts/TitilliumText22L005-webfont.woff) format(woff), url(Fonts/TitilliumText22L005-webfont.svg#TitilliumText22LBold) format(svg)
}

#Body {
    color: #333;
    font-family: Helvetica, Arial, sans-serif;
    height: 100%
}

a {
    border: 0;
    outline: 0
}

p, ul, ol {
    margin: 0;
    padding: 0 0 1em
}

#DNN6 {
    background-color: #fafafa;
    border-bottom: 1px solid #DBDADA;
    border-left: 1px solid #DBDADA;
    border-right: 1px solid #DBDADA;
    margin: 0 auto;
    width: 1200px;
    z-index: 1
}

h1 {
    font-family: TitilliumText22LBold;
    font-size: 26px
}

h2 {
    font-family: TitilliumText22LBold;
    font-size: 22px
}

h3 {
    font-family: TitilliumText22LBold;
    font-size: 18px
}

#Header {
    width: 100%;
    z-index: -1
}

    #Header .Content {
        height: 63px;
        margin: auto;
        position: relative;
        width: 960px
    }

    #Header #ContentBG {
        background: red url(images/Header-BG-Variable.png) no-repeat center bottom;
        margin: auto;
        width: 960px
    }

    #Header #Nav {
        bottom: 25px;
        height: 32px;
        left: 0;
        position: absolute;
        width: 720px
    }

    #Header .SearchContainer {
        background: url(images/search.png);
        bottom: 19px;
        height: 32px;
        position: absolute;
        right: 0;
        width: 232px;
        z-index: 22
    }

        #Header .SearchContainer .SearchBorder {
            background: none;
            border: 0
        }

        #Header .SearchContainer .SearchIcon {
            background-position: 9px 6px;
            float: left;
            padding: 3px;
            width: 40px
        }

        #Header .SearchContainer .SearchTextBox {
            background: none;
            color: #eee;
            float: left;
            margin: 3px;
            width: 140px
        }

        #Header .SearchContainer .SearchButton {
            display: block;
            float: left;
            height: 32px;
            padding: 0;
            text-indent: -9999px;
            width: 30px
        }

#Content {
    margin: 0 auto;
    min-height: 600px;
    padding: 0 20px;
    position: relative;
    z-index: 10
}

#MenuZeus {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #F2F2F3;
    border-radius: 6px;
    cursor: default;
    height: 30px;
    margin: auto;
    width: 1143px;
    z-index: 15
}

#Panes {
    margin: auto
}

#LogoModulo {
    bottom: -10px;
    float: right;
    left: 260px;
    position: relative;
    width: 50%
}

.LogoRowRight {
    font-size: 11px;
    margin-left: 695px;
    margin-top: -7px;
    width: 450px
}

#Login {
    color: #c5c5c5;
    text-align: right
}

    #Login .SkinObject, #Login .LoginLink {
        color: #9c0b12;
        padding: 0 0 0 5px;
        text-decoration: none;
        text-transform: uppercase
    }

    #Login .LoginLink {
        padding: 0 5px
    }

#LogoRow {
    background-repeat: no-repeat;
    bottom: 1px;
    margin: auto;
    padding: 6px 20px 12px;
    position: relative
}

#Breadcrumb {
    background: url(images/Breadcrumb-BG.jpg) no-repeat 0 0;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    margin: 0 0 2em;
    width: 960px
}

    #Breadcrumb span {
        color: #666;
        display: inline-block;
        float: left;
        font-size: 11px;
        font-weight: 700;
        height: 30px
    }

    #Breadcrumb .Intro {
        background: url(images/Breadcrumb-FirstSep.jpg) no-repeat right 0;
        font-size: 10px;
        margin: 0 15px 0 0;
        padding: 0 15px 0 13px;
        text-transform: uppercase
    }

    #Breadcrumb .SkinObject {
        color: #944e4e;
        display: inline-block;
        float: left;
        height: 30px
    }

    #Breadcrumb span.Sep {
        background: url(images/Breadcrumb-Sep.jpg) no-repeat 0 0;
        margin: 0 15px;
        width: 14px
    }

#dnn_ContentPane {
    clear: both;
    float: right;
    width: 960px
}

#DNN6.Home #dnn_LeftPane, #DNN6.TwoColRight #dnn_LeftPane {
    float: left;
    width: 180px
}

#DNN6.Home #dnn_RightPane, #DNN6.TwoColRight #dnn_RightPane {
    float: left;
    width: 300px
}

#DNN6.ThreeCol #dnn_LeftPane {
    float: left;
    margin: 0 30px 0 0;
    width: 180px
}

#DNN6.ThreeCol #dnn_CenterPane {
    float: left;
    margin: 0 30px 0 0;
    width: 470px
}

#DNN6.ThreeCol #dnn_RightPane {
    float: left;
    width: 250px
}

#DNN6.TwoColLeft #dnn_LeftPane {
    float: left;
    margin: 0 30px 0 0;
    width: 300px
}

#DNN6.TwoColLeft #dnn_RightPane {
    float: left;
    width: 630px
}

#Footer {
    bottom: 0;
    width: 100%
}

#PanesFooter {
    margin: auto;
    width: 1200px
}

#Footer .Content {
    background: linear-gradient(153deg, #ffffff00 5%, #0e79fd 5%);
    background-position: bottom;
    background-repeat: no-repeat;
    margin: auto;
    min-height: 35px;
    padding: 30px 0 0;
    position: relative;
    width: 1200px
}

    #Footer .Content .Panes {
        padding: 0 0 45px
    }

#Footer #dnn_Footer_LeftPane {
    float: left;
    margin: 0 20px 0 0;
    width: 470px
}

#Footer #dnn_Footer_RightPane {
    float: left;
    width: 470px
}

#Footer #Copyright {
    bottom: -77px;
    clear: both;
    color: #434343;
    font-size: 9pt;
    height: 15px;
    left: 690px;
    margin-left: 0;
    position: relative;
    width: 500px
}

#Footer .Normal {
    color: #e5e5e5
}

#Footer span.SkinObject {
    color: #666;
    font-weight: 400
}

#Footer a.SkinObject {
    float: right;
    font-weight: 400;
    text-decoration: underline
}

    #Footer a.SkinObject:link, #Footer a.SkinObject:active, #Footer a.SkinObject:visited, #Footer a.SkinObject:hover {
        color: #e5e5e5;
        padding: 0 0 0 15px
    }

.Social-Links {
    padding: 15px 0 0;
    text-align: right
}

    .Social-Links a {
        margin: 0 0 0 10px
    }

.icoFacebook {
    background: url(images/SocialMedia.png) no-repeat 0 0;
    height: 32px;
    width: 32px
}

.icoTwitter {
    background: url(images/SocialMedia.png) no-repeat -32px 0;
    height: 32px;
    width: 32px
}

.icoTwitter2 {
    background: url(images/SocialMedia.png) no-repeat -576px 0;
    height: 32px;
    width: 32px
}

.icoMySpace {
    background: url(images/SocialMedia.png) no-repeat -64px 0;
    height: 32px;
    width: 32px
}

.icoStumbleUpon {
    background: url(images/SocialMedia.png) no-repeat -96px 0;
    height: 32px;
    width: 32px
}

.icoDigg {
    background: url(images/SocialMedia.png) no-repeat -128px 0;
    height: 32px;
    width: 32px
}

.icoFlickr {
    background: url(images/SocialMedia.png) no-repeat -160px 0;
    height: 32px;
    width: 32px
}

.icoYouTube {
    background: url(images/SocialMedia.png) no-repeat -224px 0;
    height: 32px;
    width: 32px
}

.icoDelicious {
    background: url(images/SocialMedia.png) no-repeat -256px 0;
    height: 32px;
    width: 32px
}

.icoBlogger {
    background: url(images/SocialMedia.png) no-repeat -288px 0;
    height: 32px;
    width: 32px
}

.icoRSS {
    background: url(images/SocialMedia.png) no-repeat -320px 0;
    height: 32px;
    width: 32px
}

.icoEmail {
    background: url(images/SocialMedia.png) no-repeat -352px 0;
    height: 32px;
    width: 32px
}

.icoTumblr {
    background: url(images/SocialMedia.png) no-repeat -384px 0;
    height: 32px;
    width: 32px
}

.icoFourSquare {
    background: url(images/SocialMedia.png) no-repeat -416px 0;
    height: 32px;
    width: 32px
}

.icoReddit {
    background: url(images/SocialMedia.png) no-repeat -448px 0;
    height: 32px;
    width: 32px
}

.icoVimeo {
    background: url(images/SocialMedia.png) no-repeat -480px 0;
    height: 32px;
    width: 32px
}

.icoWordPress {
    background: url(images/SocialMedia.png) no-repeat -512px 0;
    height: 32px;
    width: 32px
}

.icoBebo {
    background: url(images/SocialMedia.png) no-repeat -544px 0;
    height: 32px;
    width: 32px
}

#RightLinks {
    margin: 0;
    padding: 0
}

    #RightLinks li {
        background: url(images/Horizontal-Sep.jpg) repeat-x left bottom;
        clear: both;
        height: 50px;
        list-style-type: none;
        margin: 0;
        padding: 1em 0
    }

        #RightLinks li img {
            float: left;
            height: 50px;
            margin: 0 15px 0 0;
            width: 56px
        }

        #RightLinks li a:link, #RightLinks li a:visited {
            color: #000;
            text-decoration: none
        }

        #RightLinks li a:active, #RightLinks li a:hover {
            color: #D0171E;
            text-decoration: none
        }

        #RightLinks li p {
            line-height: 14px;
            margin: 0
        }

            #RightLinks li p span {
                color: #000;
                display: block;
                font-family: TitilliumText22LBold;
                font-size: 14px;
                font-weight: 700;
                padding: 0 0 2px;
                text-shadow: #f7f7f7 1px 1px 1px;
                text-transform: uppercase
            }

        #RightLinks li.icoMarketplace {
            background: none
        }

        #RightLinks li.icoCommunity img {
            background: url(images/Icons.png) no-repeat -192px 8px
        }

        #RightLinks li.icoManuals img {
            background: url(images/Icons.png) no-repeat -250px 0
        }

        #RightLinks li.icoTraining img {
            background: url(images/Icons.png) no-repeat -316px 2px
        }

        #RightLinks li.icoConferences img {
            background: url(images/Icons.png) no-repeat -376px 0
        }

        #RightLinks li.icoMarketplace img {
            background: url(images/Icons.png) no-repeat -444px 0
        }

#Passwords {
    margin: 2em 0;
    padding: 0
}

    #Passwords li {
        background: url(images/Icons.png) no-repeat -256px -64px;
        display: inline-block;
        height: 62px;
        list-style-type: none;
        margin: 0 15px 0 0;
        padding: 0;
        width: 305px
    }

    #Passwords span.SubHead {
        color: #FFF;
        display: block;
        font-size: 14px;
        padding: 11px 0 8px 15px
    }

    #Passwords span.Password {
        color: #FFF;
        padding: 0 0 0 15px
    }

p.Disclaimer {
    clear: both;
    color: #666;
    font-size: 11px;
    line-height: 14px
}

#ControlPanelWrapper #dnnCPWrap {
    filter: none !important
}

.DnnModule ul, ol {
    padding: 0 0 0 24px
}

.paneOutline {
    border: 0
}

    .paneOutline span.SubHead center {
        border: 1px #ccc dotted;
        border-left: 0;
        border-right: 0;
        line-height: 2.5em
    }

.eipbackimg {
    z-index: 1000
}

.Normal {
    font-size: 12px;
    line-height: 16px
}

.SubHead {
    color: #333
}

.language-object {
    display: inline-block;
    margin-left: 5px
}

html, #Form {
    height: 100%
}

#Content .Title, #iPopUp {
    display: none
}

#Login .SkinObject:hover, #Login .LoginLink:hover, #Breadcrumb .SkinObject:hover {
    text-decoration: underline
}

#dnn_BottomPane, #Footer #dnn_Footer_BottomPane {
    clear: both
}

.icoIN, .icoLinkedIn {
    background: url(images/SocialMedia.png) no-repeat -192px 0;
    height: 32px;
    width: 32px
}

#Passwords li.Host, .DnnModule {
    margin: 0
}