/** Common elements >> START:**/
* {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
h1, h2, h3, h4, h5, h6 {
    padding:0px;
    margin:0px;
    font-weight:normal;
}
body,html{
   margin:0px;
   padding:0px;
   font-family:"Open Sans";
   font-size:14px;
   color:#555;
   line-height:22px;
}
body {
   background:#FFF;
}
.Block{display:block !important;}
.InlineBlock{display:inline-block !important;}
.InlineTextW{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
textarea.AutoSize{resize:none;overflow:hidden;}
textarea{outline-width:0px;height:26px;}
fieldset {
    border-color:#BBB;
    border-width:1px;
}
fieldset legend{
    background: #FFF;
}
    fieldset legend.RightAlign {
        float: right;
        margin-top: -15px;
        padding: 0px 10px;
        text-align: center;
    }
    fieldset legend.RightAlign + *{clear:both;}
.Curved5{
    border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
}
.Curved3{
    border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
}
.BShadowed {
    box-shadow: 0px 10px 20px -9px #000;
    -moz-box-shadow: 0px 10px 20px -9px #000;
    -webkit-box-shadow: 0px 10px 20px -9px #000;
}
.BShadowed2{
    box-shadow: 0px 11px 10px -15px #000;
    -moz-box-shadow: 0px 11px 10px -15px #000;
    -webkit-box-shadow: 0px 11px 10px -15px #000;
}
.Unselected{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
}
a{text-decoration:none;color:#2169CC;}
    a:hover {text-decoration: underline;}
#MsgW,.MsgW{
    border:1px solid #CCC;
    padding:5px;
    margin-top: 10px;
    background:#CCC;
    display:none;
    font-size:16px;
    text-align:center;
}
    #MsgW.Error,.MsgW.Error {
        color: red;
        border-color: red;
    }
    #MsgW.Success,.MsgW.Success {
        color: #088544;
        border-color: #088544;
    }
.BlankPageMsgW {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 10px;
    display:block;
}
button, input[type=submit], input[type=button], .Button {
    background: #8C0303;
    color: #FFFFFF;
    text-align: center;
    border: 1px solid #8C0303;
    min-width: 120px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    height:30px;
    padding: 4px 6px;
}
.Button {
    line-height: 18px;
    display: inline-block;
    cursor: default !important;
    vertical-align: top;
}
    button:hover, input[type=submit]:hover, input[type=button]:hover, .Button:hover {
        background: #750303;
        color: #FFFFFF;
        text-decoration: none;
    }
.CancelButton {
    background: #CCC !important;
    color: #444 !important;
    border:1px solid #444 !important;
}
    .CancelButton:hover {
        background: #AAA !important;
        color: #222 !important;
    }
.DisabledButton {
    background: #EEE !important;
    color: #AAA !important;
    border: 0px !important;
}
    .DisabledButton:hover {
        background: #EEE !important;
        color: #AAA !important;
        cursor:text;
         border: 0px !important;
    }
.GreenButton {
    background: #18b769 !important;
    color: #000 !important;
}
    .GreenButton:hover {
        background: #159b59 !important;
    }
.GurkhaButton {
    background: #969063 !important;
    color: #FFF !important;
}
    .GurkhaButton:hover {
        background: #87825A !important;
    }
.PlainButton {
    background: #FFF !important;
    color: #444 !important;
}
    .PlainButton:hover {
        background: none !important;
        color:#8C0303 !important;
    }
#aNew {
    position: absolute;
    right: 0px;
    border: 1px solid #8C0303;
    padding: 0px 30px;
    border-radius: 100px;
    background: #CCC;
    bottom: -12px;
    text-decoration:none;
    color:#8C0303;
}
#aNew:hover{
    background:#BBB;
}
    #aNew .Icon {
        font-size: 26px;
        text-align: center;
        vertical-align: middle;
        color: #8C0303;
        margin-right: 1px;
        line-height: 14px;
        font-weight: bold;
    }
.ClearBoth {
    clear: both;
}
.HiddenCol {
    display: none;
}
li {
    vertical-align:middle;
}
ul.InlineList {
    list-style:none;
    padding:0px;
    margin:0px;
    font-size:0px;
}
    ul.InlineList > li {
        display:inline-block;
        font-size:14px;
    }
ul.NormalList {
    list-style: none;
    padding: 0px;
    margin:0px;
    font-size: 0px;
}
    ul.NormalList > li {
        display: block;
        font-size: 14px;
    }
input[type=text], input[type=password], textarea, select {
    padding: 4px;
    border: 1px solid #AAA;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    width: 250px;
    height:30px;
}
.InputW input[type=text]:not(.DateInput), .InputW input[type=password], .InputW textarea, .InputW select,.InputW .SelectX{width:100% !important;}
select {
    padding:0px;
}
    select option {
        padding: 5px 9px;
    }
    select option:hover{
        background:#399eff;
        color:#FFFFFF;
    }
input, textarea, select{font-family:"Open Sans";}
.Heading {
    color: #8C0303;
    border-bottom: 1px solid #8C0303;
    position:relative;
}
.Heading.NU{border-bottom:0px;}
.Footer {
    display:block;
    position:relative;
    height:20px;
}
hr {
    border:none;
    border-top:1px solid #CCC;
    margin:0px;
}
.Def hr{border-color:#CCC;}
img {
     background:#EEEEEE;
     text-align:center;
     overflow:hidden;
     margin:auto;  
}
.Label {
    color:#2169CC;
}
.Bullet {
    display:inline-block;
}
.InputW {position:relative;}
.ButtonsW {
    padding: 5px 0px;
    min-height: 30px;
    position: relative;
}
    .ButtonsW:not(.Def) {
        position: fixed;
        bottom: 0px;
        right: 0px;
        width: calc(100% - 200px) !important;
        background: #CCC;
        padding: 3px 4px 3px 4px;
        border: 1px solid #AAA;
        border-bottom: 0px;
        z-index:1;
    }
    .ButtonsW .InputW{padding:2px;}
.Currency{display:inline-block;}
/** Common elements >> END:**/
/** Layout >> START */
#divLayout {
    margin: auto;
    border:1px solid #CCC;
}
#divHeader {
    margin:auto;
    position:relative;
}
#divLeftContent,#divMainContent {min-height:200px;}
#divMainContent {padding:2px;}
#divFooter {
    margin:auto;
    padding:10px;
    margin-top:5px;
}
/** Layout >> END */
/** Header >> START */
#divLogo {
    width: 89px;
    overflow: hidden;
    z-index: 2300;
    padding: 2px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
}
    #divLogo a {
        display: block;
        width:89px;
        height: 70px;
        margin:auto;
        background: url("../Images/Web/CompanyLogo.png") no-repeat;
    }
    #hSNOP{text-align: center;}
    #divLogo + #hSNOP {
        width: calc(100% - 89px);
        height: 74px; /*TO DO: Remove when everything responsive is fixed*/
        padding: 2px;
        overflow: hidden;
    }
    #hSNOP span:first-child{display:block;}
    #divLogo + #hSNOP span:nth-child(2){font-size:16px;}
    #divLogo + #hSNOP span:last-child{font-size:14px;}
#divGeneralSearch {
    border:1px solid #2169CC;
    height:34px;
    position:absolute;
    right:2px;
    top:38px;
    overflow:hidden;
    background:#FFF;
    margin: auto;
}
#divGeneralSearchWI input[type=text] {
    width:350px;
    border: 0px;
    height: 32px;
    font-size: 16px;
}
#divGeneralSearch .Icon {
    width: 34px;
    height: 32px;
    margin-top: 1px;
    vertical-align: top;
    background: url("../Images/Icons/Search.png") no-repeat;
}
    #divGeneralSearch .Icon:hover {
        text-decoration: none;
    }
#divMainMenu {
    position:relative;
    background:#dd1a29;
    text-align:right;
}
#divMainMenu > ul > li:not(#liSocialLinks) {
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding:2px 10px;
}
    #divMainMenu > ul > li:nth-child(1) {
        padding-left:0px;
    }
    #divMainMenu ul li.CurrentPageLink > a,#divMainMenu ul li.CurrentPageLink > a .More {
        color:#000 !important;
    }
    #divMainMenu > ul > li:not(#liSocialLinks) a {
        font-size: 14px;
        padding: 3px 10px;
        text-decoration: none;
        color:#FFFFFF;
    }
#ulMainMenu li .More {
    color: #FFFFFF;
    font-weight: bold;
    margin-left: 3px;
    background: none;
    vertical-align: top;
}
#ulMainMenu li:hover > .SubMenuList {
    display: block;
}
#ulMainMenu li:hover > a:not(.Disabled),#ulMainMenu li:hover > a:not(.Disabled) .More {
    color: #000 !important;
}
#ulMainMenu a.Disabled {
    color: #CCC !important;
}
    #ulMainMenu a.Disabled:hover {
        cursor: text !important;
        text-decoration: none;
    }
#ulMainMenua.Disabled:hover .More {
    color: #CCC !important;
}
#ulMainMenu ul.SubMenuList a.Disabled:hover {
    color: #CCC !important;
}
.SubMenuList {
    position: absolute;
    display: none;
    border: 1px solid #dd1a29;
    z-index: 1300;
    width: 170px;
    padding-top: 0px !important;
    background: #dd1a29;
    right: 0px;
}
    .SubMenuList li {
         text-align:left !important;
    }
        .SubMenuList li:hover{
            background: #CCC;
        }
        .SubMenuList li a {
            padding: 7px 2px !important;
            display: block;
            padding: 3px 10px;
            color:#FFF !important;
        }
        .SubMenuList a:hover {
            color:#000 !important;
        }
    .SubMenuList .More {
        position: absolute;
        right: 0px;
        font-size: 16px;
        top: 11px;
        cursor:pointer;
    }
    .SubMenuList hr { border-color: #FFF !important; }
.SubMenuList1 {
    padding-top: 0px !important;
    top: -1px;
    left: 168px;
    border: 1px solid #dd1a29;
}
#liMenuTrig {
    padding: 0px !important;
    z-index: 10000;
    height: 26px;
    line-height: 28px;
    margin-left: 10px;
    display: none;
}
    #liMenuTrig a {
        font-size: 45px !important;
        padding: 0px !important;
        width: 30px;
        height: 30px;
        line-height: 25px;
    }
#liSocialLinks {
    position: absolute;
    right: 2px;
    top: 6px;
}
#ulSocialLinks {
    text-align:right;
}
    #ulSocialLinks li {
        vertical-align:middle;
        padding:0px 1px;
    }
        #ulSocialLinks li a {
            display: block;
            border:1px solid #666;
            border-radius: 20px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            overflow: hidden;
        }
            #ulSocialLinks li a:hover {
                background: #EEE;
            }
        #ulSocialLinks li span {
            display: block;
            color: #FFF;
            width: 30px;
            height: 30px;
            margin:-0.5px;
        }
        #ulSocialLinks li #spnFollow {
            padding-right: 5px;
            width:auto;
            display:none;
        }
        #ulSocialLinks li span#spnFbLogo {
            background: url(../Images/Icons/FacebookPlain.png) no-repeat;
        }
        #ulSocialLinks li span#spnInstagramLogo {
            background: url(../Images/Icons/InstagramPlain.png) no-repeat;
        }
        #ulSocialLinks li span#spnTwitterLogo {
            background: url(../Images/Icons/TwitterPlain.png) no-repeat;
        }
#divAccessMenu {
    position:absolute;
    top:0px;
    right:4px;
    z-index:2200;
}
#ulAccessMenu{text-align:right;}
#ulAccessMenu li:last-child {
    border-left: 1px solid #555;
    padding-left:1px;
}
#ulAccessMenu li a {
    padding: 4px 10px;
    color: #2169CC;
}
    #ulAccessMenu li a:hover {
        text-decoration: underline;
    }
#divLoginName {
    cursor: pointer;
    overflow: hidden;
    text-align: right;
    float: right;
    height: 30px;
    margin-right: 2px;
    background: #FFF;
    padding: 0px 4px 0px 10px;
}
    #divLoginName #spnUserIcon {
        display: inline-block;
        width: 30px;
        height: 30px;
        background:url(../Images/Icons/User.png);
    }
#spnLoginName {
    height:30px;
    line-height:30px;
    display:inline-block;
    max-width:165px;
}
#liLoginName2{display:none;}
#spnLoginUserLinksTrig {
    font-size: 30px !important;
    width: auto;
    height:30px;
    line-height: 25px;
    vertical-align:top;
    display:none;
}
#ulLoginUserLinks {
    background:#dd1a29;
    border:1px solid #dd1a29;
    overflow:hidden;
    display:none;
    position:relative;
    clear:both;
    width: 204px;
}
    #ulLoginUserLinks li:first-child {
        padding: 4px 0px 0px;
        font-weight: bold;
        text-align:center;
        color:#333;
    }
    #ulLoginUserLinks li a{
        display:block;
        padding:6px 3px;
        color:#FFF !important;
    }
        #ulLoginUserLinks li:hover a{
            background:#CCC;
            color:#000 !important;
            text-decoration:none !important;
        }
/** Header >> END */
/** Footer >> START */
#ulFooterNav {
    margin-top:-4px;
}
#ulFooterNav li{
    padding:5px 20px 0px 0px;
}
    #ulFooterNav li a {
        color: #555;
    }
#ulLanguage .CurrentLang a {
    color: #555 !important;
}
    #ulLanguage .CurrentLang a:hover {
        text-decoration: none;
        cursor: text;
    }
#ulLanguage a {
    padding: 2px 4px;
    color: #2169CC;
    font-size: 12px;
}
#ulLanguage a:first-child{padding-left:0px;}
#spnCopyRight {
    display:block;
    color:#0B336A;
}
#spnAuthorContacts {
    display:block;
    font-size:10px;
    position:relative;
}
    #spnAuthorContacts a {
        color: #187bb4;
        text-decoration: underline;
    }
/** Footer >> END */
/*** Ajax Progess >> START **/
#AjaxProgressMsgDiv {
    background: #FFFFFF;
    padding: 2px;
    position: fixed;
    font-size: 12px;
    color: #444444;
    border: 1px solid #444444;
    width: 150px;
    top: 0px;
    right: 0px;
    left: 0px;
    margin: auto;
    z-index: 100001;
}
.ProgressSpinner {
    width: 16px;
    height: 16px;
    background: url("../Images/Icons/Progress.gif") no-repeat;
    display: inline-block;
    padding: 0px 0px;
    position: relative;
    top: 4px;
    margin-left: 6px;
}
  #AjaxProgressMsgDiv span#text{padding: 3px 0px 3px 10px;position: relative;vertical-align:top;font-weight:bold;}
/*** Ajax Progress >> END **/
/* Table & Grid >> Start */
table {
    table-layout:fixed;
    border-collapse:collapse;
}
td {
    vertical-align: middle;
}
.GridView {
    width:100%;
    border:0px;
}
    .GridView tr:not(.GridViewHeaderRow):not(.GridViewPagerRow) {
        cursor: pointer;
        background:#FFF;
    }
    .GridView th {
        text-align: left;
        border: 0px;
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        background: #FFF;
    }
    .GridView th, .GridView td {
        font-size:12px;
    }
    .GridView td {
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
    }
    .GridView td:not(.TextInputCell):not(.SelectInputCell), .GridView th {
        overflow: hidden !important;
        text-overflow: ellipsis;
    }
    .GridView tbody > tr:not(.GridViewHeaderRow):not(.TemplateRow):not(.SelectedRow):not(.GridViewPagerRow):not(.GridViewEmptyRow):hover {
        background:lightblue !important;
        color: #000 !important;
    }
    .GridView tbody > tr:not(.GridViewHeaderRow):not(.TemplateRow):not(.SelectedRow):not(.GridViewPagerRow):not(.GridViewEmptyRow):hover .SeqNo input{
        background:inherit;
    }
.GridViewHeaderRow {
    background: none;
    border: 0px solid #BBB;
    border-bottom: 1px solid #CCC;
    color: #333;
    font-weight: normal;
    font-size: 12px;
    z-index: 1;
    position: relative;
}
.GridViewEmptyRow {
    background:#FFF;
}
.GridView tr:not(.GridViewHeaderRow):nth-child(2n+1) {
    background:#EEE;
}
.GridViewPagerRow {
    background:none;
    border-top:1px solid #000;
    height:22px;
    text-align:center;
}
.GridViewPagerRow li{margin:0px 3px;}
.GridViewPagerRow li span,.GridViewPagerRow li a{min-width:14px;text-align:center;display:block;font-weight:bold;}
.EmptyGridMsg {
    font-weight: bold;
    text-align: center;
    display: block;
}
.SelectedRow{
    background-color:lightblue !important;
    color:#000;
}
.TextInputCell,.SelectInputCell {
    padding:0px 1px;
}
    .TextInputCell input, .TextInputCell textarea, .SelectInputCell select,.SelectInputCell .SelectX {
        width: 100% !important;
        margin: 0px !important;
    }
    .TextInputCell textarea {
        position: relative;
        display:block;
    }
    .CheckInputCell{text-align:center;vertical-align:bottom;}
th.Blocked,th.CheckCol {
    font-size: 10px;
    width: 40px;
    text-align: center;
}
th.Blocked input[type=checkbox],th.CheckCol input[type=checkbox]{margin-left:auto;}
td.Blocked,td.CheckCol {text-align: center;}
th.SeqNo {width:45px;}
.SeqNo input {
    border: 0px;
    background: #CCC;
    cursor: default;
    color: transparent;
    text-shadow: 0 0 0 #555;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
th.CheckCol {width: 40px;}
/* Table & Grid >> End */
/* Tab Menu >> Start */
ul.TabMenu {
    background: #AAA;
    border-top: 1px solid #BBB;
    height: 29px;
    margin-top: 1px;
}
    ul.TabMenu li:first-child {
        margin-left:20px;
    }
    ul.TabMenu li a {
        height:28px;
        display:block;
        color:#000;
        padding:1px 20px 0px 20px;
        border-top-left-radius:2px;
        border-top-right-radius:2px;
        -moz-border-radius-topleft:2px;
        -moz-border-radius-topright:2px;
        -webkit-border-top-left-radius:2px;
        -webkit-border-top-right-radius:2px;
    }
    ul.TabMenu li.CurrentTab a {
        background:#FFF;
    }
/* Tab Menu >> End */
/** Filter Panel >> START **/
#divFilters {
    /*min-height: 0px;*/
    z-index: 1000;
    position:relative;
}
    #divFilters > fieldset {
        position: absolute;
        width: 100%;
        display: none;
        top: 1px;
        background-color:#f4f474;
        z-index: 10;
        border: 0px;
        margin:0px;
        border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
    }
    #divFilters + div {
        min-height:200px;
        position:relative;
        height:100%;
        overflow:auto;
    }
    #divFilters + div > fieldset {
        border-width:0px;
        border-top:1px solid #AAA;
        margin-top: 2px;
        display:table-cell;
        height:100%;
        padding:0px;
    }
        #divFilters + div > fieldset legend {
            margin-left: 20px;
            padding: 0px 10px;
            background: #FFF;
            text-align:center;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
        }
        #divFilters + div > fieldset .ButtonsW {
            position: absolute;
            right: 0px;
            background-color: #f4f474;
            padding: 3px 10px;
            top: 1px;
            bottom: unset;
            text-align: right;
            height: 26px;
            border: 1px solid #AAA;
            min-height: 26px;
            z-index:10;
            min-width:280px;
        }
            #divFilters + div > fieldset .ButtonsW > ul { height: 100%;min-width:193px;}
            #divFilters + div > fieldset .ButtonsW > ul li{padding:0px 8px;text-align:center;}
            #divFilters + div > fieldset .ButtonsW .Button, #divFilters + div > fieldset .ButtonsW input[type=submit] {
                height:0px;
                padding:0px;
                border-color:#888;
                min-width:80px;
                color:#000;
                background:none;
            }
            #divFilters + div > fieldset .ButtonsW input[type=submit] {
                height: auto;
            }
            #divFilters + div > fieldset .ButtonsW + div{
                height:calc(100% - 25px);
            }
            #divFilters + div > fieldset .ButtonsW + div > table{min-width:600px;}
#liFilterButtonsTrig {display:none;}
#spnFilterButtonsTrig {
    font-size: 30px !important;
    line-height: 12px;
    vertical-align: top;
    display:inline;
}
#divFilters + div > fieldset .ButtonsW .Button:hover, #divFilters + div > fieldset .ButtonsW input[type=submit]:hover {
    color: #000;
    border-color: #000;
}
#divFilters + div > fieldset .ButtonsW #ulTools {
    display: inline-block;
    height: 26px;
    vertical-align: top;
    position: relative;
    bottom: 2px;
}
    #divFilters + div > fieldset .ButtonsW #ulTools li {
        position: relative;
    }
#divFilters + div > fieldset .ButtonsW #ulMoreTools {
    display: none;
    text-align: left;
    position: absolute;
    width: 150px;
    background: #FFF;
    border: 1px solid #CCC;
    border-top: 0px;
}
    #divFilters + div > fieldset .ButtonsW #ulMoreTools a {
        display: block;
    }
#ulFilters > li {
    width: 250px;
    min-height:27px;
    position:relative;
    padding:2px;
}
#ulFilters > li > input[type=text],#ulFilters > li > select,#ulFilters .TreeCombo,#ulFilters .SelectX{width:100% !important;}
#ulFilters .Label {
    display: block;
    color:#333;
}
#FilterButtonW {
    position: absolute;
    background: #f4f474;
    right: 0px;
    bottom: -34px;
    padding: 2px 2px 2px 4px;
    border-bottom-left-radius: 30px;
    -moz-border-radius-bottomleft:30px;
    -webkit-border-bottom-left-radius:30px;
    overflow:hidden;
}
#FilterButtonW input[type=submit]{
    border-bottom-left-radius: 30px;
    -moz-border-radius-bottomleft:30px;
    -webkit-border-bottom-left-radius:30px;
}
#divFilters #aFiltersTrig{position:absolute;right:4px;}
#FilterCloser {
    position: absolute;
    right: -4px;
    top: -4px;
    display: inline-block;
    text-align: center;
    color: #CCC;
    font-size: 24px;
    width: 22px;
    height: 22px;
    border-radius: 20px;
    text-align: center;
    background: #FFF;
    color: #8C0303;
    text-decoration: none;
}
    #FilterCloser:hover {
        background: #8C0303;
        color: #FFF;
    }
/** Filter Panel >> END **/
/** Tree view >> Start */
#spnTreeHeaderText{font-weight:bold;color:#555;font-size:14px;}
#spnAddL1Category {
    font-weight: normal;
    font-size: 30px;
    cursor: pointer;
    position: absolute;
    right: 4px;
    color: #303030;
    line-height: 16px;
}
    #spnAddL1Category:hover, span.AddSubCategoryBtn:hover {
        font-weight: bold;
    }
span.AddSubCategoryBtn {
    font-weight: normal;
    font-size: 30px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
    color: #303030;
    border-radius: 10px;
    padding: 0px 4px 0px 8px;
    line-height: 14px;
    height:22px;
}
#divCategoryTreeWI {
    overflow:auto;
    height: 450px;
}
#divCategoryTreeW ul {
    position: relative;
}
#divCategoryTreeW > ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
}
#divCategoryTreeW li {
    background: #FFFFFF;
    white-space: nowrap;
    position: relative;
}
ul.L1CategoryListA {
    list-style: none;
    margin-top: 0px;
    padding: 0px 2px 0px 5px;
}
li.L1CategoryLItmA {
    position: relative;
    background: #FFFFFF;
    cursor: default;
}
div.L1CategoryLinkTextWA {
    border-width: 0px;
    position: relative;
    padding: 0px 2px 0px 4px;
    z-index: 600;
    overflow: hidden;
    border-radius: 10px;
}
span.L1CategoryLinkTextA {
    color: #000;
    display: inline-block;
}
span.L1CategoryLinkTextA, span.LNCategoryLinkTextA {
    position:relative;
    left:6px;
}
.L1CategoryLinkTextA span, .LNCategoryLinkTextA span {
    max-width: 290px;
    vertical-align: top;
}
div.LNCategoryLinkTextWA {
    padding: 0px 2px;
    border-radius: 10px;
    position:relative;
    z-index:600;
}
    div.L1CategoryLinkTextWA:hover .AddSubCategoryBtn,div.LNCategoryLinkTextWA:hover .AddSubCategoryBtn, .SelectedCategoryLi > div .AddSubCategoryBtn {
        display: block;
        background: #CAD9EA;
    }
.SelectedCategoryLi > div .AddSubCategoryBtn {
    background: #77a2db;
}
div.L1CategoryLinkTextWA:hover,div.LNCategoryLinkTextWA:hover{
    background: #CAD9EA !important;
}
.SelectedCategoryLi > .L1CategoryLinkTextWA, .SelectedCategoryLi > .LNCategoryLinkTextWA {
    background: #77a2db;
}
div.LNCategoryLinkTextWA:not(.CSystem):hover span.LNCategoryLinkTextA, div.L1CategoryLinkTextWA:not(.CSystem):hover span.L1CategoryLinkTextA {
    color: #000000;
}
div.LNCategoryLinkTextWA.CHeader {
    font-weight: bold;
    color: #000000;
    position:relative;
}
ul.LNCategoryListA {
    list-style: none;
    padding: 0px;
    padding-left: 20px;
    color: #000;
}
li.LNCategoryLItmA {
    white-space: nowrap;
    cursor: default;
}
span.LNCategoryLinkTextA {
    color: #000;
}
.CHeader {
    font-weight: bold;
}
li.NewCatItmPlaceHolder {
    color: #cc6300;
    font-style: italic;
    font-weight: bold;
}
.L1CategoryListA > li.NewCatItmPlaceHolder {
    padding: 0px 2px 0px 4px;
}
.L1CategoryListA .Bullet{
    position: relative;
    display: inline-block;
    width: 14px;
    text-align: center;
    position: absolute;
    color:#333;
}
    .L1CategoryListA .Bullet:hover {
        text-decoration:none;
    }
.CHeader .Expand,.CHeader .Collapse{
    font-size: 20px;
    font-weight: bold;
    top: -2.5px;
}
.CHeader .Collapse {
    font-size: 26px;
}
/** Tree view >> End */
/* Register/Login/Contact XForm >> Start */
.XForm{padding:0px 10px;}
.XFormList {text-align: left;}
    .XFormList.XMRG_Auto{margin: auto !important;}
    .XFormList .Heading {
        font-weight: normal;
        text-align: center;
    }
    .XFormList > li {padding: 2px 0px;}
    .XFormList.XFNT_16 > li{font-size:16px !important;}
    .XFormList .Label {display: inline-block;}
    .XFormList.XFNT_16 input[type=text], .XFormList.XFNT_16 input[type=password], .XFormList.XFNT_16 select, .XFormList.XFNT_16 textarea {
        height: 36px;
        font-size: 16px;
    }
    .XFormList #divCaptchaImg{width:105%;padding-top: 4px;}
    .XFormList #imgCaptcha {
        display: inline-block;
        width: 150px;
        height: 50px;
    }
    .XFormList #spnRefreshCaptcha {
        display: inline-block;
        cursor: pointer;
        height: 50px;
        line-height: 46px;
        color: #2169CC;
        vertical-align: top;
    }
        .XFormList #spnRefreshCaptcha:hover {
            text-decoration: underline;
        }
    .XFormList .ButtonsW .InputW{padding:0px 2px}
    .XFormList .ButtonsW a:not(.Button){
        line-height: 30px;
        font-weight: normal;
        color: #2169CC !important;
    }
    .XFormList .ButtonsW input[type=submit],.XFormList .ButtonsW .Button, #ulOAuth input[type=submit] {
        font-size: 16px;
    }
    .XFormList .ButtonsW .InputW > input[type=submit],.XFormList .ButtonsW .InputW > .Button, #ulOAuth input[type=submit] {
        width: 100%;
    }
#spnOR {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #4867aa;
    padding: 12px 0px;
    text-align:center;
}
#ulOAuth{margin:auto;}
#ulOAuth li{padding:2px;}
#btnFBLogin {
    background: #3b5998;
    color: #FFF;
    border: 1px solid #3b5998;
}
    #btnFBLogin:hover {
        background: #1b258b !important;
    }
#btnGMailLogin {
    background: #DB4437;
    color: #F4B400;
    border: 1px solid #4285f4;
}
        #btnGMailLogin:hover {
            background:#0F9D58 !important;
            color:#F4B400 !important;
        }
/* Register/Login/Contact XForm >> End */
/** Miscelleneous >> START */
.RequiredFieldMark {
    font-weight:bold;
    color:red;
    position:absolute;
    margin-left:2px;
}
.Icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    line-height: 10px;
    vertical-align: middle;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.DateInputW {
    width:100px;
    position:relative;
}
.DateInput {
    width: 100px !important;
    display: inline-block;
}
.DateTrig {
    position: absolute;
    right: 4px;
    width: 18px;
    height: 26px;
    top: 0px;
    font-size: 20px;
    display: block;
    cursor: pointer;
    text-align: right;
    line-height: 30px;
}
.DateInputW + .TimeSpan{vertical-align:top;}
input[type=text].ReadOnlyField,input[type=password].ReadOnlyField,textarea.ReadOnlyField,input[type=checkbox].ReadOnlyField,input[type=radio].ReadOnlyField,select.ReadOnlyField {
    background:#DDD;
}
.BgShade {
    position: fixed;
    background: #000;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: 100000;
    display: block;
}
.PopupPanel {
    height: auto;
    width: 450px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 100px;
    margin: auto;
    overflow: hidden;
    display: none;
    background: #FFFFFF;
    border: 1px solid #444444;
    z-index: 1000000;
}
.RightAlign,.Money {
    text-align:right !important;
}
.CenterAlign {
    text-align:center !important;
}
.InProgressInformer {
    padding:5px 10px;
    background-color:lightsteelblue;
    position:absolute;
    top:2px;left:2px;right:2px;bottom:2px;
    margin:auto;
    border:0px solid #069;
    font-size:14px;
    font-weight:normal;
    width:300px;
    text-align:center;
    color:#000;
    height:35px;
    z-index:100000;
}
#ifmPostBack {
    width:0px;
    height:0px;
    position:absolute;
    display:none;
}
.WordIcon {
    background: none !important;
    color: #069 !important;
    font-weight: bold;
    margin-right: 2px;
    position:relative;
    top:2px;
    font-size:16px;
    text-align:center;
}
.PdfIcon {
    background:#ba0b0b !important;
    color:#FFF !important;
    font-weight:bold;
    margin-right:2px;
    position:relative;
    top:2px;
    font-size:10px;
    text-align:center;
}
.ImageIcon {
    border: 0px solid #CCC !important;
    color: #555 !important;
    margin-right: 2px;
    position:relative;
    top:2px;
    font-size:10px;
    text-align:center;
    background:#EEE !important;
}
.FileIcon {
    color: #555 !important;
    margin-right: 2px;
    position:relative;
    top:2px;
    font-size:18px;
    text-align:center;
    background: none !important;
}
.Focused:not(.NoFocusHighlight) {
    border:1px solid #713802 !important;
    box-shadow: 0px 7px 10px -9px #000;
    -moz-box-shadow: 0px 7px 10px -9px #000;
    -webkit-box-shadow: 0px 7px 10px -9px #000;
}
.Hidden {
    display: none !important;
}
.SpaceHolder {
    visibility:hidden;
}
.PopupTrigger {
    width:17px;
    height:17px;
    cursor:pointer;
    line-height:17px;
    font-weight:bold;
    font-size:14px;
    display:inline-block;
    text-align:center;
    border:1px solid #069;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
    .PopupTrigger:hover {
        text-decoration:none;
        background:#2169CC;
        color:#FFF;
    }
::-webkit-input-placeholder {
    font-style:italic;
    font-weight:normal;
    font-size:12px;
}
:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
    font-weight:normal;
    font-size:12px;
}
::-moz-placeholder { /* Firefox 19+ */
    font-style: italic;
    font-weight:normal;
    font-size:12px;
}
:-ms-input-placeholder {
    font-style: italic;
    font-weight:normal;
    font-size:12px;
}
.DropDown {
    position: absolute;
    display: none;
    left: 0px;
    top: 26px;
    z-index: 100;
    background:#FFF !important;
    height:auto;
     box-shadow: 0 8px 6px -6px #555;
    -moz-box-shadow: 0 8px 6px -6px #555;
    -webkit-box-shadow: 0 8px 6px -6px #555;
}
.LongDescriptionW {
    display: block;
    max-height: 72px; /* 3 lines */
    text-overflow: ellipsis;
    overflow: hidden;
}
.ChkLabel {
    cursor: default;
}
.Hint1 {
    font-size:10px;
    display: block;
    font-style: italic;
    line-height: 9px;
    margin-top: -1px;
}
.Hint3 {
    margin-top: -3px;
}
#RemoveFile {
    margin-left: 10px;
    color: #555 !important;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    display: inline-block !important;
    vertical-align: bottom;
    line-height: 20px;
}
    #RemoveFile:hover {
        background: #EEE;
        color: #555 !important;
        text-decoration:none;
    }
.PosAbs{position:absolute;}
.InputFace {
    padding: 4px;
    height: 30px;
    border: 1px solid #AAA;
    color: #222;
    background: #FFF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.DragTrig:hover{cursor:move;}
.SCS{background: green !important;color: #FFF !important;}
.ERR{background: red !important;color: #FFF !important;}
#divBGServiceButtonsW {
    height: 100%;
    text-align: center;
    padding: 20px;
}
    #divBGServiceButtonsW input {
        max-width: 200px;
        width: 100%;
        height: 150px;
        font-size: 22px;
        font-weight: bold;
        cursor: pointer;
        white-space: normal;
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
    }
    #divBGServiceButtonsW .XR span:not(.Label) {
        color: #222;
    }
/** Miscelleneous >> END */