/***********************************************************
    CSS-For Control
*************************************************************/
.Login_BG {
    background-image: url('../../Images/header/bg_login.jpg');
}

input[type=text], input[type="password"] {
    height: 24px;
    font-size: 14px;
    width: 200px;
}

input[type="file"] {
    height: 30px;
    font-size: 14px;
    background-color: white;
    width: 400px;
}

select {
    font-size: 14px;
    height: 30px;
    min-width: 205px;
}

input[type="button"] {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

input[type="submit"], input[type="button"] {
    float: none;
    margin: 1px 1em 1px 1em;
    width: 10em;
    border: 1px solid #ffffff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
    box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
    color: #ffffff;
    background: #ed1c24;
    font-size: 1em;
    line-height: 1em;
    font-weight: bold;
    opacity: .7;
    -webkit-appearance: none;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    height: 30px;
}

    input[type="submit"]:hover,
    input[type="submit"]:active,
    input[type="button"]:hover,
    input[type="button"]:active {
        cursor: pointer;
        opacity: 1;
    }

    input[type="submit"]:active, input[type="button"]:active {
        color: #333;
        background: #eee;
        -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
        -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
        box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
    }

input[type="button"] {
    background: #f33;
}

/***********************************************************
    CSS-ALL
*************************************************************/

.RequestInput {
    color: red;
    font-size: 24px;
}

.watermark {
    background: #f7f7f7;
    font-style: italic;
    color: #CCCCCC;
    vertical-align: middle;
    text-align: center;
    font-size: small;
}

.popupControl {
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalPopup {
    width: inherit;
    position: relative;
    background-color: white;
    border: 1px solid #C0C0C0;
}

.styleMain {
    margin: 0px;
    width: 100%;
    font-family: Sans-Serif;
    font-size: 14px;
    color: #414141;
    border-top-width: 0px;
	background-color: #f7f7f7;
}

.styleMain2 {
    width: 100%;
    font-family: Sans-Serif;
    font-size: small;
    /*background-image: url('../../Images/header/box.jpg');*/
}

.styleContent {
    width: 100%;
    vertical-align: top;
    border: 1px solid #C0C0C0;
    min-height: 500px;
    display: table;
}

.styleHeader {
    font-size: medium;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 5px;
    padding-top: 20px;
    color: #20409a;
    height: 35px;
    background-image: url('../../Images/header/topic.jpg');
}

.styleHeaderBar {
    text-align: center;
    font-weight: bold;
    color: White;
    background-color: #20409a;
}

.UserBar {
    margin: 0px;
    width: 100%;
    font-family: Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    border-bottom-width: 0px;
    background-color: #F3F8FA;
    background-image: url('../../Images/header1/L11.jpg');
}

.SiteBar {
    background-color: #F3F8FA;
    height: 25px;
    border-top-width: 0px;
    background-image: url('../../Images/header1/L12.jpg');
}

.styleLeftMenu {
    width: 300px;
    vertical-align: top;
    border: 1px solid #C0C0C0;
}

.ThemeBackground {
    background-color: #F3F8FA;
    background-image: url('../../Images/header/menu_left.jpg');
    background-repeat: repeat-x;
}

.ThemeFoot {
    text-align: center;
    background-color: #F3F8FA;
    background-image: url('../../Images/header/footer.jpg');
    background-repeat: repeat-x;
    background-position: top;
}

.Login1 {
    background-color: #F3F8FA;
}

.Login1Header {
    font-weight: bold;
    color: Black;
    text-decoration: underline;
}

.Login1Text {
    color: Black;
}

.Grid1 {
    /*font-size: 12pt;*/
    color: Black;
    width: 100%;
}

.Grid1Header {
    background-color: #20409a;
    color: white;
}

.Grid1Row {
    background-color: #F3F8FA;
}

.Grid1AltRow {
    background-color: white;
}

/*****************************************************/
/*  Tree Second Master */
/*****************************************************/

.TreeView1 {
    /*color: #2283B7;*/
    width: 300px;
    background-color: transparent;
    /*background-image: url('../../Images/header/bg_h.jpg');*/
}

.TreeView1RootNode {
    background-color: transparent;
    text-decoration: none;
    height: 35px;
    margin-top: 0px;
    margin-left: 23px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: white;
}

.TreeView1Node {
    padding: 5px;
    text-decoration: none;
    width: 280px;
    margin-bottom: 10px;
    height: 35px;
    color: #20409a;
}

.TreeView1SelectNode {
    padding: 5px;
    color: #20409a;
    text-decoration: none;
    width: 280px;
}

.TreeView1HoverNode {
    padding: 5px;
    color: #20409a;
    text-decoration: none;
    width: 280px;
}

.TreeView1ParentNodeStyle {
    padding: 5px;
    color: #f2f2f2;
    text-decoration: none;
    color: #20409a;
    width: 280px;
    background-image: url('../../Images/header1/top_menu.jpg');
}

.TreeView1LeafNodeStyle {
    padding: 7px;
    color: white;
    text-decoration: none;
    width: 280px;
    height: 26px;
    border: 2px;
    border-style: solid;
    border-bottom-color: transparent;
    background-image: url('../../Images/header1/BG_Head1.jpg');
}

/*****************************************************/
/*  Tree Second Master */
/*****************************************************/

.TreeViewSecond {
    /*color: #2283B7;*/
    width: 300px;
    background-color: transparent;
    font-size: 15px;
    color: black;
    /*background-image: url('../../Images/header/bg_h.jpg');*/
}

.TreeViewSecondRootNode {
    background-color: transparent;
    text-decoration: none;
    height: 35px;
    margin-top: 0px;
    margin-left: 23px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: white;
}

.TreeViewSecondNode {
    padding: 5px;
    text-decoration: none;
    width: 300px;
    margin-bottom: 10px;
    height: 35px;
    color: #20409a;
}

.TreeViewSecondSelectNode {
    padding: 5px;
    text-decoration: none;
    width: 300px;
    margin-bottom: 10px;
    height: 35px;
    color: #20409a;
}

.TreeViewSecondHoverNode {
    padding: 5px;
    color: #20409a;
    text-decoration: none;
    width: 280px;
    font-size: 22px;
}

.TreeViewSecondParentNodeStyle {
    padding: 5px;
    color: #f2f2f2;
    text-decoration: none;
    color: #20409a;
    width: 280px;
    /*background-image: url('../../Images/header1/top_menu.jpg');*/
}

.TreeViewSecondLeafNodeStyle {
    padding: 7px;
    /*color: black;*/
	color: #ffffff;
    text-decoration: none;
    width: 280px;
    height: 26px;
    border: 2px;
    border-style: solid;
    border-color: transparent;
    background-image: url('../../Images/header1/BG_Head1.png');
	/*background-color: #20409a;*/
    /*background-color:rgba(180 , 208 , 248, .7);*/
    opacity: 1;
}

    .TreeViewSecondLeafNodeStyle a {
        background: none;
    }

    .TreeViewSecondLeafNodeStyle:hover {
        /*color: #20409a;*/
		color: #eba2a5;
        font-size: 17px;
        opacity: 1;
    }

/*****************************************************/
/*  Tree SiteMap Master */
/*****************************************************/


.TreeViewSiteMap {
    width: 300px;
    background-color: transparent;
    height: 35px;
    margin-bottom: 20px;
}

.TreeViewSiteMapRootNode {
    background-color: transparent;
    text-decoration: none;
    margin-top: 10px;
    margin-left: 25px;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #20409a;
    height: 35px;
}

.TreeViewSiteMapNode {
    padding: 5px;
    text-decoration: none;
    width: 280px;
    margin-bottom: 10px;
    height: 35px;
    color: #20409a;
}

.TreeViewSiteMapSelectNode {
    padding: 5px;
    color: #20409a;
    text-decoration: none;
}

.TreeViewSiteMapHoverNode {
    color: wheat;
    text-decoration: underline;
    font-size: 22px;
}

.TreeViewSiteMapParentNodeStyle {
    padding: 5px;
    color: white;
    text-decoration: none;
    color: #20409a;
    height: 35px;
    width: 280px;
}

.TreeViewSiteMapLeafNodeStyle {
    padding: 7px;
    color: white;
    text-decoration: none;
    width: 280px;
    height: 26px;
    border: 2px;
    border-style: solid;
    border-bottom-color: transparent;
    background-image: url('../../Images/header1/BG_Head1.jpg');
    opacity: 0.9;
}


    .TreeViewSiteMapLeafNodeStyle:hover {
        color: #20409a;
        font-size: 22px;
        opacity: 1;
    }

/*****************************************************/
/*  Navigator */
/*****************************************************/

.TreeViewNavigator {
    color: #20409a;
    width: 300px;
    /*background-image: url('../../Images/header/bg_h.jpg');*/
}

.TreeViewNavigatorRootNode {
    color: #20409a;
    text-decoration: none;
}

    .TreeViewNavigatorRootNode:hover {
        color: red;
    }

.TreeViewNavigatorNode {
    color: #20409a;
    text-decoration: none;
}

    .TreeViewNavigatorNode:hover {
        color: red;
    }

.TreeViewNavigatorSelectNode {
    color: #20409a;
    background-color: #66FFFF;
    text-decoration: none;
}

.TreeViewNavigatorHoverNode {
    color: #20409a;
    background-color: #66FFFF;
    text-decoration: none;
}


.TreeViewNavigatorParentNodeStyle {
    padding: 5px;
    color: white;
    text-decoration: none;
    color: red;
    height: 35px;
    width: 280px;
}

.TreeViewNavigatorLeafNodeStyle {
    padding: 7px;
    color: white;
    text-decoration: none;
    width: 280px;
    height: 26px;
    border: 2px;
    border-style: solid;
    border-bottom-color: transparent;
    background-image: url('../../Images/header1/BG_Head1.jpg');
}

    .TreeViewNavigatorLeafNodeStyle:hover {
        color: red;
    }


.bg-h {
    margin: 0 auto;
    max-width: 100%;
    height: 93px;
    background-image: url('../../Images/header1/BG_Head1.jpg');
}

.bg-h-float-left {
    /*clear: none;*/
    /*float: left;*/
    background-image: url('../../Images/header1/BG_Head1.jpg');
    background-repeat: repeat-x;
    width: 400px;
    height: 93px;
}

.bg-h-float-right {
    /*clear: none;*/
    /*float: right;*/
    background-image: url('../../Images/header1/BG_Head1.jpg');
    width: 600px;
    height: 93px;
    color: #FFFFFF;
}

.title_right {
    text-align: right;
    width: 140px;
    height: 24px;
    padding-right: 10px;
    color: #20409a;
}

.content-ImageInfo {
    border: 7px double #C0C0C0;
    float: left;
    margin-bottom: 5px;
}

    .content-ImageInfo img {
        max-width: 160px;
        /*height: 175px;*/
    }

.content-LogInfo {
    width: 75%;
    font-size: small;
    float: right;
    color: #530e0e;
    margin-left: auto;
    margin-right: auto;
    background-color: #ebff95;
    padding: 5px;
    border: 3px solid #C0C0C0;
}

    .content-LogInfo table {
        width: inherit;
    }

    .content-LogInfo .title_right {
        text-align: right;
        width: 180px;
        padding-right: 10px;
        color: #20409a;
    }

.content-RuleInfo {
    background-color: #a8f638;
    padding: 5px;
    border: 3px solid #C0C0C0;
}

.title_left {
    text-align: left;
    width: 140px;
}

/* set page layout */
table.center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

td {
}

    td.center {
        text-align: center;
    }

.fieldRed {
    color: red;
}

.fieldGreen {
    color: green;
}

/*****************************************************/
/* Area Control */
/*****************************************************/

.AreaCenter {
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

.AreaBlock {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffcfcf;
    border: 1px solid #C0C0C0;
    padding: 5px;
}

.AreaSearch {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    background-color: #E1FFFF;
    border: 1px solid #C0C0C0;
    padding: 5px;
    width: 810px;
}

.AreaMain {
    display: table;
    border: 1px solid #f2f2f2;
    margin-top: 10px;
    padding: 10px 10px 30px 10px;
    border-collapse: separate;
    width: 804px;
    min-height: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    /*background: rgb(227,244,252);*/ /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTNmNGZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzMlIiBzdG9wLWNvbG9yPSIjZTVmNGZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODclIiBzdG9wLWNvbG9yPSIjZjdmZGZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZmNmY2ZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(-45deg,  rgba(227,244,252,1) 0%, rgba(255,255,255,1) 43%, rgba(229,244,252,1) 73%, rgba(247,253,255,1) 87%, rgba(252,252,252,1) 99%);  FF3.6+ 
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(227,244,252,1)), color-stop(43%,rgba(255,255,255,1)), color-stop(73%,rgba(229,244,252,1)), color-stop(87%,rgba(247,253,255,1)), color-stop(99%,rgba(252,252,252,1)));  Chrome,Safari4+ 
background: -webkit-linear-gradient(-45deg,  rgba(227,244,252,1) 0%,rgba(255,255,255,1) 43%,rgba(229,244,252,1) 73%,rgba(247,253,255,1) 87%,rgba(252,252,252,1) 99%);  Chrome10+,Safari5.1+ 
background: -o-linear-gradient(-45deg,  rgba(227,244,252,1) 0%,rgba(255,255,255,1) 43%,rgba(229,244,252,1) 73%,rgba(247,253,255,1) 87%,rgba(252,252,252,1) 99%);  Opera 11.10+ 
background: -ms-linear-gradient(-45deg,  rgba(227,244,252,1) 0%,rgba(255,255,255,1) 43%,rgba(229,244,252,1) 73%,rgba(247,253,255,1) 87%,rgba(252,252,252,1) 99%);  IE10+ 
background: linear-gradient(135deg,  rgba(227,244,252,1) 0%,rgba(255,255,255,1) 43%,rgba(229,244,252,1) 73%,rgba(247,253,255,1) 87%,rgba(252,252,252,1) 99%);  W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3f4fc', endColorstr='#fcfcfc',GradientType=1 );  IE6-8 fallback on horizontal gradient 
    */
}

.AreaMain-90p {
    display: table;
    border: 1px solid #f2f2f2;
    margin-top: 10px;
    padding: 10px 10px 30px 10px;
    border-collapse: separate;
    width: 90%;
    min-height: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    /*background: rgb(227,244,252);*/ /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTNmNGZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzMlIiBzdG9wLWNvbG9yPSIjZTVmNGZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODclIiBzdG9wLWNvbG9yPSIjZjdmZGZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZmNmY2ZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(-45deg,  rgba(227,244,252,1) 0%, rgba(255,255,255,1) 43%, rgba(229,244,252,1) 73%, rgba(247,253,255,1) 87%, rgba(252,252,252,1) 99%);  FF3.6+ 
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(227,244,252,1)), color-stop(43%,rgba(255,255,255,1)), color-stop(73%,rgba(229,244,252,1)), color-stop(87%,rgba(247,253,255,1)), color-stop(99%,rgba(252,252,252,1)));  Chrome,Safari4+ 
background: -webkit-linear-gradient(-45deg,  rgba(227,244,252,1) 0%,rgba(255,255,255,1) 43%,rgba(229,244,252,1) 73%,rgba(247,253,255,1) 87%,rgba(252,252,252,1) 99%);  Chrome10+,Safari5.1+ 
background: -o-linear-gradient(-45deg,  rgba(227,244,252,1) 0%,rgba(255,255,255,1) 43%,rgba(229,244,252,1) 73%,rgba(247,253,255,1) 87%,rgba(252,252,252,1) 99%);  Opera 11.10+ 
background: -ms-linear-gradient(-45deg,  rgba(227,244,252,1) 0%,rgba(255,255,255,1) 43%,rgba(229,244,252,1) 73%,rgba(247,253,255,1) 87%,rgba(252,252,252,1) 99%);  IE10+ 
background: linear-gradient(135deg,  rgba(227,244,252,1) 0%,rgba(255,255,255,1) 43%,rgba(229,244,252,1) 73%,rgba(247,253,255,1) 87%,rgba(252,252,252,1) 99%);  W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3f4fc', endColorstr='#fcfcfc',GradientType=1 );  IE6-8 fallback on horizontal gradient 
    */
}

.AreaInit {
    display: table;
    float: left;
    margin: 0px;
    width: 400px;
}

.AreaInitWithHeight {
    display: table;
    float: left;
    margin: 0px;
    width: 400px;
    min-height: 220px;
}

.AreaSmaller {
}

.AreaLarger {
    width: 804px;
}

.AreaHeightSmaller {
    height: 444px;
}

.AreaHeightLarger {
    width: 804px;
    height: 444px;
}

.AreaFooter {
    clear: both;
    text-align: center;
    padding-top: 2em;
    padding-bottom: 1em;
    /*background-color: #fcff00;
    border: 1px solid #C0C0C0;*/
}

.AreaPopup {
    float: left;
    background-color: #fcff00;
    padding: 3px;
    border: 1px solid #C0C0C0;
    padding: 3px;
    margin: 2px;
    min-width: 350px;
    min-height: 100px;
    display: table;
    position: relative;
}

.AreaPanel {
    overflow-y: scroll;
    min-width: 804px;
    min-height: 200px;
    max-height: 400px;
    border: 1px solid #C0C0C0;
    background-color: #808080;
}

/*****************************************************/
/* Menu Desktop  */
/*****************************************************/

.MenuDesktop {
    margin-left: auto;
    margin-right: auto;
    clear: both;
    width: 600px;
}

.MenuBack {
    border: 1px solid #C0C0C0;
    background-color: #F3F8FA;
    color: #20409a;
    margin-top: 3px;
}

.MenuLink {
    padding-left: 30px;
    padding-top: 15px;
    display: block;
    color: #20409a;
    vertical-align: middle;
    text-decoration: none;
    height: 30px;
    width: inherit;
}

/*****************************************************/
/* Process Page  */
/*****************************************************/

div.policy_body {
    min-height: 400px;
    padding-bottom: 0px;
    background-position: bottom;
    background-repeat: repeat-x;
    background-image: url('../../Images/policy/BG-SALE.jpg');
}

div.IMainPage {
    min-height: 520px;
    background-image: url('../../Images/bg_main_3.jpg');
}



.SalesFromBack {
    width: 100%;
    min-height: 450px;
    vertical-align: top;
    display: table;
    background-image: url('../../Images/Form/formBack.png');
    background-repeat: no-repeat;
    margin: 0;
}

.SalesFromCenter {
    background-image: url('../../Images/Form/formCenter.png');
    background-repeat: no-repeat;
    margin: 0;
    padding-top: 10px;
}

.SalesSection {
}

    .SalesSection .styleHeader {
        font-size: medium;
        font-weight: bold;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 5px;
        padding-top: 20px;
        color: #20409a;
        height: 35px;
        background-image: none;
    }

    .SalesSection .styleHeaderBar {
        -moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
        -webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
        box-shadow: inset 0px 1px 0px 0px #97c4fe;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #20409a), color-stop(1, #032a6a) );
        background: -moz-linear-gradient( center top, #20409a 5%, #032a6a 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20409a', endColorstr='#032a6a');
        background-color: #20409a;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #032a6a;
        display: inline-block;
        color: #ffffff;
        text-decoration: none;
        text-shadow: 1px 1px 0px #1570cd;
        width: inherit;
        padding: 6px 24px;
        margin-bottom: 10px;
    }

    .SalesSection .TitleBar {
        font-size: small;
        font-weight: bold;
        color: White;
        background-color: #20409a;
        padding: 6px 24px;
    }

    .SalesSection input[type="text"] {
        width: 200px;
    }

    .SalesSection select {
        min-width: 205px;
    }

    .SalesSection input[type="submit"], input[type="button"] {
        float: none;
        margin: 0em 1em 0 1em;
        width: 10em;
        border: 1px solid #7c0106;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
        -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
        box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
        color: #ffffff;
        background: #ed1c24;
        font-size: 1em;
        line-height: 1em;
        font-weight: bold;
        opacity: .7;
        -webkit-appearance: none;
        -moz-transition: opacity .5s;
        -webkit-transition: opacity .5s;
        -o-transition: opacity .5s;
        transition: opacity .5s;
        height: 30px;
    }

        .SalesSection input[type="submit"]:hover,
        input[type="submit"]:active,
        input[type="button"]:hover,
        input[type="button"]:active {
            cursor: pointer;
            opacity: 1;
        }

        .SalesSection input[type="submit"]:active, input[type="button"]:active {
            color: #333;
            background: #eee;
            -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
            -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
            box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
        }

    .SalesSection input[type="button"] {
        background: #f33;
    }

    .SalesSection .buttonGrid {
        text-decoration: none;
        margin-top: 5px;
        margin-bottom: 5px;
    }


.customCalloutStyle div, .customCalloutStyle td {
    border: 1px dotted #C0C0C0;
    background-color: #FFCCFF;
    color: #CC0000;
    text-align: left;
    font: inherit;
    font-family: inherit;
}