﻿body, form, div, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: 0;
}

ol, ul {
    list-style: none;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

html {
    overflow-y: scroll;
    height: 100%;
}

body {
    font: 11px Verdana;
    color: #2f2f2f;
    background: white;
    height: 100%;
}

.TextContent {
    line-height: 14px;
}

    .TextContent p, .TextContent ul li, .TextContent ol li, .TextContent code {
        margin-bottom: 10px;
    }

    .TextContent ul, .TextContent ol {
        list-style: outside;
        padding: 0;
        margin-left: 32px;
    }

    .TextContent ul {
        list-style-type: disc;
    }

    .TextContent ol {
        list-style-type: decimal;
    }

    .TextContent a {
        color: #b71d1d;
        text-decoration: none;
    }

        .TextContent a:hover {
            text-decoration: underline;
        }

.Master {
    color: black;
    background: #F3E2A9;
}

    .Master th {
        background: #F3E2A9;
        text-align: right;
        padding-right: 2px;
    }

    .Master td {
        text-align: left;
        padding-right: 15px;
    }

.DarkSide {
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: -100;
    background: #2f2f2f;
}

.LayoutContainer {
    margin: 0 auto;
    min-height: 100%;
    -height: 100%; /* IE6 */
    text-align: left;
    width: 1200px;
    background: url(Back.png) repeat-y left top white;
}

.LayoutFooterSpacing {
    clear: both;
    height: 250px;
}

.LayoutFooter {
    margin: -180px auto 0;
    height: 180px;
    width: 1200px;
}

.AspForm {
    display: block;
    height: 100%;
}

.LayoutLeft {
    float: left;
    width: 286px;
}

.LayoutRight {
    float: left;
    width: 914px;
}

.LayoutLeftInner {
    padding-top: 20px;
}

.LayoutRightInner {
    padding-left: 60px;
}

.FooterLeftInner {
    padding-left: 75px;
    padding-top: 9px;
}

.FooterRightInner {
    padding-left: 60px;
}

.TitleLogo {
    height: 63px;
}

    .TitleLogo img {
        display: block;
    }

.Navigation {
    padding-left: 67px;
}

.NavigationBar {
    padding: 0;
    color: White;
}

    .NavigationBar .dxnb-header, .NavigationBar .dxnb-headerCollapsed, .NavigationBar .dxnb-item {
        padding: 0 0 0;
    }

    .NavigationBar a {
        color: White;
        text-decoration: none;
        display: inline-block;
        padding: 0 0 0;
        line-height: 15px;
    }

    .NavigationBar .dxnb-header a {
        font-weight: bold;
        cursor: default;
    }

    .NavigationBar .dxnb-headerCollapsed a:hover, .NavigationBar .dxnb-item a:hover {
        background: white;
        color: #2f2f2f;
        zoom: 1;
    }

    .NavigationBar .dxnb-content {
        padding-left: 19px;
        padding-right: 12px;
    }

    .NavigationBar .dxnb-itemSelected a, .NavigationBar .dxnb-itemSelected a:hover {
        background: #b71d1d;
        color: white;
        cursor: default;
    }

    .NavigationBar .NewImage, .NavigationBar .UpdatedImage {
        width: 30px;
        height: 12px;
        border: 0;
        position: absolute;
        margin-top: 2px;
        margin-left: -42px;
    }

    .NavigationBar .dxnb-item .NewImage, .NavigationBar .dxnb-item .UpdatedImage {
        margin-left: -61px;
    }

    .NavigationBar .NewImage {
        background-position: -333px -65px;
    }

    .NavigationBar .UpdatedImage {
        background-position: -333px -78px;
    }

.SuiteSwitcher {
    padding-left: 30px;
    padding-top: 25px;
}

    .SuiteSwitcher div {
        line-height: 35px;
    }

    .SuiteSwitcher img {
        vertical-align: middle;
    }

    .SuiteSwitcher .Title {
        margin-left: 8px;
    }

    .SuiteSwitcher a {
        color: white;
        font-weight: bold;
        text-decoration: none;
    }

        .SuiteSwitcher a:hover {
            text-decoration: underline;
        }

.Suite_XtraReports, .Suite_XtraCharts, .Suite_ASPxGridView, .Suite_ASPxPivotGrid, .Suite_ASPxperience, .Suite_ASPxScheduler, .Suite_ASPxHtmlEditor, .Suite_ASPxGauges, .Suite_ASPxTreeList, .Suite_ASPxEditors, .Suite_ASPxSpellChecker {
    width: 30px;
    height: 30px;
}

.Suite_XtraReports {
    background-position: -302px -51px;
}

.Suite_XtraCharts {
    background-position: -302px -82px;
}

.Suite_ASPxGridView {
    background-position: -302px -113px;
}

.Suite_ASPxPivotGrid {
    background-position: -302px -144px;
}

.Suite_ASPxperience {
    background-position: -302px -175px;
}

.Suite_ASPxScheduler {
    background-position: -302px -206px;
}

.Suite_ASPxHtmlEditor {
    background-position: -302px -237px;
}

.Suite_ASPxGauges {
    background-position: -302px -268px;
}

.Suite_ASPxTreeList {
    background-position: -302px -299px;
}

.Suite_ASPxEditors {
    background-position: -302px -330px;
}

.Suite_ASPxSpellChecker {
    background-position: -302px -361px;
}

.TopButtons {
    height: 48px;
}

    .TopButtons .Button, .TopButtons .TabsArea {
        float: left;
    }

    .TopButtons .Button {
        cursor: pointer;
        display: block;
        margin-left: 1px;
        background-color: #b71d1d;
    }

.TabControl, .TabControl .dxtc-strip, .TabControl .dxtc-strip li {
    float: left;
}

    .TabControl .dxtc-text {
        font-weight: normal;
    }

    .TabControl a {
        display: block;
    }

    .TabControl .dxtc-tab a {
        background: #b71d1d;
    }

    .TabControl .dxtc-activeTab a {
        background: #2f2f2f;
        padding-bottom: 12px;
    }

    .TabControl .dxtc-leftIndent, .TabControl .dxtc-rightIndent {
        width: 0;
        font-size: 1px;
    }

    .TabControl .dxtc-spacer {
        font-size: 1px;
    }

    .TabControl a, .TopButtons .Button {
        color: white;
        text-decoration: none;
        text-align: center;
        width: 91px;
        padding: 8px 0 10px;
    }

        .TabControl a:hover, .TopButtons .Button:hover {
            background-color: #2f2f2f;
        }

.TopButtons .SelectedButton {
    background-color: #2f2f2f;
    padding-bottom: 12px;
}


.IntroVersion {
    padding: 5px 0;
}

    .IntroVersion .Light {
        color: #8d8d8d;
    }

.IntroBannerShadow {
    width: 918px;
    height: 333px;
    background: lime;
    position: absolute;
    background: url(Shadows.png) no-repeat;
    margin-left: -32px;
    margin-top: -3px;
    z-index: 1;
}

.IntroBanner {
    border: solid 1px #b2b2b2;
    padding: 4px;
    position: relative;
    background: white;
    z-index: 2;
}

    .IntroBanner .Grad {
        background: url(BannerGrad.png) repeat-x 0 0;
    }

    .IntroBanner .Left, .IntroBanner .Right {
        float: left;
    }

    .IntroBanner .Right {
        width: 400px;
    }

    .IntroBanner h1 {
        padding: 30px 0 18px;
        font-size: 23px;
        line-height: 31px;
    }

    .IntroBanner h3 {
        line-height: 20px;
        font-size: 12px;
        height: 87px;
    }

    .IntroBanner .Link {
        padding: 5px 0 8px 27px;
    }

        .IntroBanner .Link a {
            color: #b71d1d;
            text-decoration: none;
        }

            .IntroBanner .Link a:hover {
                text-decoration: underline;
            }

    .IntroBanner .LearnLink {
        background-position: -431px -237px;
    }

    .IntroBanner .DocLink {
        background-position: -431px -262px;
    }

    .IntroBanner .VideoLink {
        background-position: -431px -287px;
    }

.HilightArea h2 {
    font-size: 16px;
    padding: 43px 0 12px;
}

.HilightArea .Item {
    float: left;
    padding-right: 71px;
}

.HilightArea .First {
}

.HilightArea .Last {
    padding-right: 0;
}

.HilightArea .Shadow {
    background: url(Shadows.png) no-repeat -64px -16px;
    width: 182px;
    height: 96px;
    position: absolute;
    margin-top: -4px;
    margin-left: -12px;
    z-index: 1;
}

.HilightArea .ImageWrap {
    padding: 4px;
    width: 148px;
    border: solid 1px #b2b2b2;
    background: white;
    position: relative;
    z-index: 2;
}

.HilightArea .Item img {
    width: 148px;
    height: 78px;
    display: block;
}

.HilightArea .Item .Title {
    padding: 10px 0 8px;
    font: 12px Tahoma;
    font-weight: bold;
    text-align: center;
}

    .HilightArea .Item .Title a {
        color: #2f2f2f;
        text-decoration: none;
    }

.IntroArea {
    padding: 58px 0 0;
}

    .IntroArea h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }

.FeaturesArea {
    padding: 11px 0 0;
}

.FeatureImageArea {
    float: left;
    clear: both;
    width: 41px;
}

.FeatureTextArea {
    float: left;
    width: 375px;
}

    .FeatureTextArea h4 {
        font-weight: bold;
        padding: 5px 0;
    }

    .FeatureTextArea div {
        margin-bottom: 20px;
        margin-right: 31px;
    }

.EventLogPanel {
    clear: both;
    float: left;
    padding: 0 10px 0 0;
}

.EventListPanel {
    line-height: 200%;
    float: left;
    white-space: nowrap;
}

    .EventListPanel input {
        vertical-align: middle;
    }

#EventLog, .EventLog {
    background-color: White;
    border: solid 1px #9d9d9d;
    color: Black;
    font-family: Tahoma,Sans-Serif;
    font-size: 11px;
    overflow: auto;
    padding: 5px;
    width: 550px;
    height: 200px;
    margin-bottom: 8px;
}

#CodeArea {
    display: none;
}

.CodeNavBar {
    padding: 0;
}

    .CodeNavBar .dxnb-header, .CodeNavBar .dxnb-headerCollapsed {
        font-size: 16px;
    }

    .CodeNavBar .dxnb-header {
        padding-bottom: 4px;
    }

    .CodeNavBar .dxnb-headerCollapsed {
        padding-bottom: 32px;
    }

    .CodeNavBar .dxWeb_nbCollapse, .CodeNavBar .dxWeb_nbExpand {
        cursor: pointer;
        width: 13px;
        height: 13px;
        margin-right: 6px;
        margin-top: 3px;
        float: left;
    }

    .CodeNavBar .CollapseIcon, .CodeNavBar .ExpandIcon {
        width: 13px;
        height: 13px;
        margin-right: 6px;
        margin-top: 3px;
        float: left;
        cursor: pointer;
    }

    .CodeNavBar .CollapseIcon {
        background-position: -347px -51px;
    }

    .CodeNavBar .ExpandIcon {
        background-position: -333px -51px;
    }

    .CodeNavBar .dxnb-header a, .CodeNavBar .dxnb-headerCollapsed a {
        text-decoration: none;
        float: left;
        color: #2f2f2f;
    }

    .CodeNavBar .PopupLinkContainer {
        float: right;
        font-size: 11px;
        color: #b71d1d;
        cursor: pointer;
        padding-top: 2px;
    }

        .CodeNavBar .PopupLinkContainer:hover {
            text-decoration: underline;
        }

    .CodeNavBar .dxnb-content {
        background: #efefef;
        max-height: 360px;
        overflow: auto;
        margin-bottom: 34px;
        padding: 25px;
        white-space: nowrap;
        font-family: Courier New,Monospace;
        font-size: 11px;
    }

.FooterLogo {
    width: 153px;
    height: 49px;
    background-position: -302px 0;
}

.LayoutFooter .Version {
    font-size: 17px;
}

.LayoutFooter a {
    color: #b71d1d;
    text-decoration: none;
}

    .LayoutFooter a:hover {
        text-decoration: underline;
    }

.LayoutFooter .Copyright {
    margin-top: 20px;
}

.Clear {
    display: block;
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 0;
}

.LeftPadding {
    padding-left: 12px;
}

.TopPadding {
    padding-top: 6px;
}

.BottomPadding {
    padding-bottom: 6px;
}

.TopMargin {
    margin-top: 6px;
}

.BottomMargin {
    margin-bottom: 6px;
}

.Note {
    margin: 10px 0;
}

div.Spacer {
    overflow: hidden;
    width: 1px;
    height: 1px;
}

.NoWrap {
    white-space: nowrap;
}

.gradientV {
    background: -moz-linear-gradient(top,#595C64,#1B1B1C);
    background: -o-linear-gradient(top,#595C64,#1B1B1C);
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#595C64),to(#1B1B1C));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595C64',endColorstr='#1B1B1C');
    height: 35px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #666;
    color: white;
}

.GridTitle h1 {
    font-size: large;
}

a.nbForms:hover {
    background: #b71d1d;
    color: silver;
    cursor: hand;
}

.u01w5 {
    border: 1px solid #d5d5d5;
    margin: 0 0 1px 0;
    padding: 10px 10px 0 10px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

    .u01w5 h5.u01bar {
        font-size: 11px;
        padding: 6px 10px;
        margin: -10px -10px 5px;
        color: #fff;
        background: #ff3133;
        background: -moz-linear-gradient(top,#ff3133 0,#d31f20 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff3133),color-stop(100%,#d31f20));
        background: -webkit-linear-gradient(top,#ff3133 0,#d31f20 100%);
        background: -o-linear-gradient(top,#ff3133 0,#d31f20 100%);
        background: -ms-linear-gradient(top,#ff3133 0,#d31f20 100%);
        background: linear-gradient(top,#ff3133 0,#d31f20 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3133',endColorstr='#d31f20',GradientType=0);
    }

.subTitle {
    text-align: center;
    background-color: #2B91AF;
    color: White;
}
/*.dxtv-elb{width:16px!important;}
.dxtv-btn{margin-left:1px!important;}
.dxtv-subnd{margin-left:16px!important;}*/
/*.dxtv-elb{width:20px!important;}
.dxtv-btn{margin-left:2px!important;}
.dxtv-subnd{margin-left:2px!important;}*/
.tblInfo {
    font-size: 90%!important;
    font-style: italic!important;
    padding-right: 4px;
}


#pdfExp div.dxb {
    padding: 0px 0px 0px 0px !important;
}

#xlsExp div.dxb {
    padding: 0px 0px 0px 0px !important;
}

#xlsxExp div.dxb {
    padding: 0px 0px 0px 0px !important;
}

#btnColChoose div.dxb {
    padding: 0px 0px 0px 0px !important;
}

.rightFltTd {
    float: right;
}

.dxeMemoSys textarea {
    line-height: inherit !important;
}

.toolBarPanel {
    border-width: 0px!important;
    padding: 0px 3px 0px 0px!important;
    margin: 4px 4px 4px 4px;
    vertical-align: middle;
    font-size: smaller;
    -moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.117188)!important;
    -webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.117188)!important;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.117188)!important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.tbpButtons {
    padding: 3px 3px 3px 0px !important;
}

.dxsplPane {
    padding: 0px 0px 0px 0px !important;
}

.tblFull {
    width: 100%;
    height: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
}


table {
    border-spacing: 0px !important;
}

.menuClear {
    background: transparent !important;
    background-image: none!important;
    padding: 0px 0px 0px 0px;
    vertical-align: bottom;
}

.navLinks {
    float: right;
    padding-right: 8px;
}

.dxm-image {
    vertical-align: middle !important;
    padding-right: 0px !important;
    margin-right: 3px !important;
}

.trRMbl {
    float: right;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 10px;
    padding-left: 3px;
}

.trLMbl {
    float: left;
    vertical-align: bottom;
    margin-right: 8px;
    padding-right: 3px;
}

.tblHeader {
    width: 100%;
    height: 100%;
    padding: 2px 2px 2px 2px;
    margin: 0px 0px 0px 0px;
    vertical-align: bottom;
}

.test {
    text-align: right!important;
}

/*.dxeCheckBoxList img {
    margin: 0px 0px 0px 0px!important;
    padding: 0px 0px 0px 0px !important;
}

.dxeCheckBoxList td.dxe
{
	padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px!important;
    vertical-align:text-bottom;
}*/

.dxeCheckBoxList {
    padding: 0px !important;
    vertical-align: text-bottom;
    margin: 0px !important;
}

.dxgvPagerBottomPanel {
    margin-bottom: 0px !important;
    padding: 0px 0px !important;
}


.dxpCtrl {
    margin-bottom: 0px !important;
    padding: 0px 0px !important;
}

.dxpDropDownButton  {
    margin-bottom: 0px !important;
    padding: 0px 0px !important;
    max-width: none !important;
    border : 0px !important;
}

div.imgQuit  {width:18px;height:18px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALSSURBVDhPfVRbSFRRFF33jqPO6PjOMalRy5RSCnuSkGL4YRAGYUWo/RS9hNCeP/7000dEKNiXWJQUREQY9KKQgiiD0iDUYlIcLVSsmWEiXznd1j53YiaYXLDOWWfvc/c5Z599rob/IWuHHTkHGqm2Yt57HH0NY6YjOvRQHwVaAZsacidZK5bFEA6UsgFw1eWT9XBWLafFSsYon2HYYHPZ6Ksgy0lljoRFtY41QP6xMiSvbYGjoA6OwkzYc3oRY99FrxPBmReYHp7mUdvo30cmwZr2Ev5eQ31P6LCmAqubi2BNucjxNjIDFlss4jLUBAUzk7J7B5lLnkdmxbnInelIyLND009QbyGn+VUbJrsb4OlUE0ww0sKPV/jla+JgUAXWtKOITa2EJVHN0FF4pohJ2EsdJK9j/EETRtp/0qYmmKAODAQx3NGFeV8zhzM0ZiO9dA+Si5Nkhmx3N5lCujF2ux2jnQviiAr/OwNDV+4zUBdHchEbyTxxSSDJi2z1LQL9EbUSWWIROtAvC3UorWkutk6REihTBK94iu2s0ia8nDnOyX46B0O2EAy32RkJbONFSqCACC4qWZPaMTE7PoTvPafJ/fD13glZ/0LtgpCF50VIoPciGKkYWVWshRD8fcDnlg9wtzzGyFW5iEhUm502ycYnSgLdI39zmyW8hXIxLorcQzk87mFzYHxk4xGl8zG+Zv+GlLNewuZbK8URFa5aB5zbW6mkWiUlz8gJkk9Es84hdZMX1sQyjpdwtXosq/HClh3gq7cgNi0O9tx0rLu8nk+D1a/tUN8FZx9i9OYFfHsuNRW6V7vLgbwjB5G44ixHWaQkcICUrUtCxcZXrW5Yrv8JPDdOYeLRJ2qFcIFIsFWNlYhfepKjUlLyF4amGcyj1Nk1uFs74O355/8UWXWs1SQdujUFJW1SsdX0FrOKJXdfyW58ufsUU90eHnlOpocB/AFXO7/Gguo5xAAAAABJRU5ErkJggi4dJAAAAABJRU5ErkJggryYyPb5yDwHH6cjSyCn+Sqn04rok/eShP7k40rJNFWeG8HD5ZgbkvtXxzeCrEd2d5B0Y6SnEwM3I9DpNAuQURTwD/Y5CWGLJho+AAAAAElFTkSuQmCC');}
div.imgList2 {width:16px;height:16px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADxSURBVDhPpZJBDgFBEEV7xC2IA1g4gIXgBA5hSaysjTOQkBAHcAkiFpYWziA29hai/dL1O5OZTkd4ye/+9TNd6Zkp8w3WWnVFErelDSwtcdZO5kkyHYgnoQwcce5c1kIOz5w1c4iehLIx5BscoKGzH7Ke5DPcIEDofWPfQG+Q9rCMnDcd1Dv1JJQtkG1LWlShtkqgj2U1yLDBBqqoBPpYtoR8gxf0UAn0sewJ+QZ96K4S6GPZZy7Y4AadVAJ9LLtCRX79jXUsTefNGrW8UpZQhlukF05iF+Ko4mGzctYTymSUfQMZSwlI1pN8ttf9H4x5A0c/WQ2YXEQDAAAAAElFTkSuQmCCvAdD8S7+eBFCx3vD7ZuoVE8Uh8C18R7smZTW9tmeRROoHvkAAAAASUVORK5CYIJFTkSuQmCCyxcciisDAhDBRrEYxaPlM6VNhrfRk7zX76ubTkd1ul12jntd3menWJvGDhS839vHD9+nLgjksjYWFxdQrVQ4V3AcjhMFhpJwvOd3FQxjo+VTJeLW4uDDJ7T87zAtASefR3oujXrtgptkZ3O4pHiggBq4Ymd5JjCx/XloBRor+leti8mdL7lA/vr/o9aq30ZL3RkzrTpFg6OxevcR+SSGs9ZPAQYAkLRk9DvZ5h0AAAAASUVORK5CYII=');}
div.imgNew2  {width:16px;height:16px;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmklEQVQ4jcXSsQ3CQBAEwAERIQpwBUQkZBRCJ27ge3APFgl1kCIiakCOESGB38J6PXaAkTe6157273aPH7H4ygRHFPHVCE65ttWAeIlDrK/kBZajM45gfoHWxNawMuF22MT6iVvCV4K6M7HwMSyHdYY/M8EK3QSNNqo+tvFneOGe8A+GD+mifwfBPtc2f4yTmZhDJUYlGvYXvAHAPRVUaTDHGQAAAABJRU5ErkJggg==');}
}
