/******* Start of all.css ******/
* {
    font-size: 100.01%;
}
html {
    font-size: 62.5%;
}
body {
    margin: 0;
    color: #363336;
    font: 1.2em/1.5em Arial, Helvetica, sans-serif;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    overflow-x: hidden;
}
body.home {
    position: relative;
}
svg { overflow: visible;}
input[type=text], input[type=password], input[type=file], input[type=submit], textarea, input[type=reset] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(/html/DOS/PIE/PIE.htc);
}
.alignleft{
    float: left;
    display: inline;
}
.alignright{
    float: right;
    display: inline;
}
img {
    border-style: none;
}
a {
    text-decoration: none;
    color: #000;
}
a:hover {
    text-decoration: underline;
    cursor: pointer;
}
a:active {
    background-color: transparent;
}
input, textarea, select {
    font: 100% Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #000;
}
input[type="submit"]:hover {
    cursor: pointer;
}
form, fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

body form {
    overflow: hidden;
}

.hidden {
    display: none;
}
.skip a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.skip a:focus {
    position: static;
    width: auto;
    height: auto;
}
#wrapper {
    width: 100%;
    position: static;
}
#header {
    max-width: 960px;
    margin: 0 auto;
    padding: 25px 0 9px;
    position: relative;
    z-index: 50;
}
#header:after {
    content: "";
    clear: both;
    display: block;
}
#header .row {
    overflow: hidden;
    padding: 0 0 14px;
}
#header .row2 {
    padding: 5px 0 14px;
    margin: -5px 0 0;
    overflow: visible;
    height: 1%;
}
#header .row2:after {
    content: "";
    clear: both;
    display: block;
}
.logo {
    float: left;
    background: url(../images/logo.gif) no-repeat;
    width: 264px;
    height: 66px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 7px 0 0 -8px;
}
.logo a, .logo-singapore a {
    display: block;
    height: 100%;
}
.logo-print {
    display: none;
}
.logo-singapore {
    float: right;
    background: url(../images/logo-singapore.gif) no-repeat;
    width: 216px;
    height: 30px;
    text-indent: -9999px;
    overflow: hidden;
}
.top-nav {
    float: right;
    margin: 0 -4px 0 0;
    padding: 0;
    list-style: none;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
}
.top-nav li {
    float: left;
    background: url(../images/bullet.gif) no-repeat 0 8px;
    padding: 0 4px;
}
.top-nav li:first-child {
    padding-left: 0;
    background: none;
}
.top-nav li a {
    color: #666766;
}
.ad-nav {
    float: left;
    margin: 0px 0px 0px 223px;
    padding: 0;
    list-style: none;
}
.ad-nav li {
    float: left;
    background: url(../images/separator.gif) no-repeat 0 50%;
    padding: 3px 7px;
    margin: -3px 0;
}
.ad-nav li:first-child {
    padding-left: 0;
    background: none;
}
.ad-nav li a {
    text-indent: -9999px;
    overflow: hidden;
    height: 19px;
    width: 16px;
    display: block;
}
.ad-nav li a.print {
    background: url(../images/icons.gif) no-repeat;
}
.ad-nav li a.decrease {
    background: url(../images/icons.gif) no-repeat -31px 0;
    width: 15px;
}
.ad-nav li a.increase {
    background: url(../images/icons.gif) no-repeat -61px 0;
    width: 17px;
}
.social {
    margin: 0;
    padding: 0 0 0 10px;
    list-style: none;
    float: left;
}
.social li {
    float: left;
    margin: 0 1px 0 0;
}
.social li a {
    width: 20px;
    height: 19px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}
.social li a.twitter {
    background: url(../images/icons.gif) no-repeat -93px 0;
}
.social li a.facebook {
    background: url(../images/icons.gif) no-repeat -114px 0;
}
.social li a.linkedin {
    background: url(../images/icons.gif) no-repeat -135px 0;
}
.social li a.mail {
    background: url(../images/icons.gif) no-repeat -156px 0;
}
.social li a.share {
    background: url(../images/icons.gif) no-repeat -177px 0;
}
.search {
    float: right;
    padding: 5px 0;
    margin: -5px 0px -5px 21px;
}
.search label {
    float: left;
    margin: 0 7px 0 0;
    font-size: 12px;
    line-height: 23px;
    color: #666766;
}
.search select {
    float: left;
    margin: 0 8px 0 0;
    width: 140px;
    font-size: 12px;
    color: #666766;
    margin-left: -999em;
}
.search-holder #BtnSearch {
    float: right;
    background: url(../images/gobutton.png) no-repeat 0 0;
    height: 21px;
    width: 21px;
    border: 0;
    cursor: pointer;
}
.search .search-holder {
    float: left;
    width: 141px;
    background: #fff;
    border: 1px solid #a9aeae;
    -webkit-box-shadow: 0 0 3px 0px #ccc;
    box-shadow: 0 0 3px 0px #ccc;
    margin: 0px 1px 0px 0px;
}
.search input[type="text"] {
    float: left;
    margin: 0;
    width: 110px;
    padding: 3px 5px;
    border: 0;
    color: #666766;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
}
.search input[type="submit"] {
    float: right;
    border: 0;
    margin: 0;
    padding: 0;
    background: url(../images/gobutton.png) no-repeat;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
.mobile-nav {
    display: none;
}
.nav-holder {
    position: relative;
    z-index: 10;
}
#nav {
    margin: 0 auto 20px;
    padding: 0;
    list-style: none;
    max-width: 960px;
    border: 1px solid #ecf3f5;
    border-width: 1px 0;
    position: relative;
    z-index: 10;
}
#nav.js-slide-hidden {
    display: block !important;
    position: static !important;
}
#nav:after {
    content: "";
    clear: both;
    display: block;
}
#nav > li {
    float: left;
    position: relative;
    font-size: 15px;
    line-height: 40px;
}
#nav > li > a {
    display: block;
    height: 1%;
    text-align: center;
    color: #3d3a39;
    position: relative;
    text-decoration: none;
    float: left;
}
* + html #nav > li.last-child {
    height: 1%;
    float: none;
}
#nav > li.active > a, #nav > li.active.hover > a {
    color: #ea5811;
    font-weight: bold;
    background: none;
}
.nav-holder #nav > li.hover > a, .nav-holder #nav > li.hover.has-drop > a {
    background: #ea5811;
    color: #fff;
    text-decoration: none;
    padding: 0 0 2px;
    margin: 0 0 -2px;
    position: relative;
    z-index: 3;
}
#nav ul {
    border:1px solid #ccc;
    position: absolute;
    width: 269px;
    top: 100%;
    left: 0;
    visibility: hidden;
    padding: 4px 0 0;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px 0px #ccc;
    box-shadow: 0 3px 3px 0px #ccc;
    list-style: none;
    line-height: 20px;
    font-size: 15px;
    margin: 0;
}
#nav li.right-side > ul {
    left: auto !important;
    right: 0 !important;
}
#nav li li.right-side > ul {
    left: auto;
    right: 100%;
}
#nav ul:after {
    content: "";
    clear: both;
    display: block;
}
#nav ul ul {
    margin: 0;
    padding: 4px 0 0;
    left: 100%;
    top: 0;
}
#nav ul a {
    float: left;
    padding: 7px 25px;
    color: #585452;
    line-height: 18px;
}
#nav ul a:hover {
    background: #f6f4f5;
    text-decoration: none;
}
#nav ul li.hover > a {
    background: #f6f4f5;
    text-decoration: none;
}
#nav ul li {
    position: relative;
    margin: 3px 0 0;
}
#nav > li.has-drop.hover > a {
    background: #ea5811 url(../images/arrow-drop.gif) no-repeat 50% 100% !important;
}
#nav li.hover > ul {
    visibility: visible;
}
.promo-section {
    overflow: hidden;
    background: url(../images/bg-promo-section.jpg) repeat-x 50% 0;
    min-height: 370px;
    padding-bottom: 20px;
}
.promo-section .holder {
    max-width: 960px;
    margin: 0 auto;
}
.promo-section .holder .alignright.hightlightsection{
    width: 35%;
}
.indicators-box {
    float: left;
    width: 65%;
    padding: 12px 0 0;
}
.indicators-box ~ br{
    display:none;
}
.indicators {
    position: relative;
}
.indicators .mask {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.indicators-box h2 {
    color: #333;
    font: bold 20px/24px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin: 0 0 30px;
}
.indicators-list {
    margin: 0 0 -25px;
    padding: 0 0 3px;
    list-style: none;
    overflow: hidden;
}
.indicators-list li {
    display: inline-block;
    /* display: table-cell; */
    vertical-align: top;
    margin: 0 9px 37px 14px;
    padding: 21px 0 10px;
}
* + html .indicators-list li {
    display: inline;
}
.indicators-list li a {
    float: left;
    padding: 15px 15px 10px;
    background: #0fa3db;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    position: relative;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-decoration: none;
    behavior: url(/html/DOS/PIE/PIE.htc);
}
.indicators-list li a:after, .indicators-list li a .after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin: -3px 0 0 -10px;
    border-top: 9px solid #0fa3db;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    -moz-transform: scale(.9999);
}
.indicators-list li.pink-box a {
    background: #c80974;
}
.indicators-list li.yellow-box a {
    background: #f18f21;
    padding-right: 10px;
}
.indicators-list li.pink-box a:after, .indicators-list li.pink-box a .after {
    border-top-color: #c80974;
}
.indicators-list li.yellow-box a:after, .indicators-list li.yellow-box a .after {
    border-top-color: #f18f21;
}
.indicators-list li a strong {
    display: block;
    font-size: 18px;
    line-height: 21px;
    padding: 0 0 5px;
}
.indicators-list li a span {
    display: block;
    font-weight: bold;
}
.indicators-list li img {
    position: absolute;
    top: -17px;
    left: 20px;
}
.indicators-list li .hold {
    overflow: hidden;
}
.indicators-list li .hold span {
    float: left;
    padding: 0 0 0 10px;
}
.indicators-list li .hold span:first-child {
    padding-left: 0;
}
.indicators-box .btn-prev, .indicators-box .btn-next, .service-list-gallery .btn-prev, .service-list-gallery .btn-next {
    display: none;
}
.news-block {
    float: right;
    width: 33.7%;
    clear: both;
    width: 100%;
}
.carousel, .widget .subnav {
    padding: 0 25px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    position: relative;
    background: #d9e3e6;
    behavior: url(/html/DOS/PIE/PIE.htc);
}
.carousel .prev-next {
    position: absolute;
    top: -32px;
    right: 12px;
    overflow: hidden;
}
.carousel .prev-next .btn-prev, .carousel .prev-next .btn-next, .indicators-box .btn-prev, .indicators-box .btn-next, .service-list-gallery .btn-prev, .service-list-gallery .btn-next {
    float: left;
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 6px solid transparent;
    text-indent: -9999px;
    overflow: hidden;
    width: 0;
    height: 0;
    -moz-transform: scale(.9999);
}
.carousel .prev-next .btn-next, .indicators-box .btn-next, .service-list-gallery .btn-next {
    border-left: 8px solid #fff;
    border-right: 0;
    margin: 0 0 0 8px;
}
.carousel .mask {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.carousel .slideset {
    width: 99999px;
    overflow: hidden;
    position: relative;
}
.carousel .slideset .slide {
    float: left;
    width: 225px;
}
.data-block {
    display: block;
    /* width: 324px; */
    /* float: right; */
    margin-bottom: 8px;
    text-align: right;
    overflow: hidden;
}
.data-block img {
    margin-left: 1.5%;
}
.news-block .heading, .widget .heading {
    padding: 9px 45px 13px 24px;
    background: #1862a0;
    position: relative;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
    behavior: url(/html/DOS/PIE/PIE.htc);
}
.heading p {
    margin: 0;
}
.news-block h2 {
    margin: 0;
    font: bold 22px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #fff;
    letter-spacing: -1px;
}
.news-block .slide {
    padding: 3px 0;
}
.news-block .post p {
    margin: 0;
}
.news-block .post p a {
    color: #1a1919;
}
.news-block .post {
    background: url(../images/separator-news-list.gif) repeat-x;
    padding: 15px 0;
    color: #1a1919;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
}
.news-block .post:first-child {
    background: none;
}
.news-block .post .date {
    display: block;
    font-size: 12px;
    color: #787c7e;
    font-style: normal;
    margin: 0 0 4px;
}
.line-box {
    margin: 0 auto 49px;
    max-width: 960px;
    overflow: hidden;
}
.line-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    float: none !important;
}
.line-box ul li {
    float: left;
    background: url(../images/separator-line.gif) no-repeat 0 50%;
    padding: 0 10px;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
}
.line-box ul li:first-child {
    background: none;
    padding-left: 0;
}
.line-box .line {
    overflow: hidden;
    width: 9999px;
    white-space: nowrap;
}
.line-box ul li a {
    text-decoration: underline;
    color: #666766;
}
.line-box ul li a:hover {
    text-decoration: none;
}
.threecolumns {
    max-width: 960px;
    margin: 0 auto 65px;
    overflow: hidden;
}
.threecolumns .mask {
    overflow: auto;
    width: 100%;
    position: relative;
}
.threecolumns .colset {
    overflow: hidden;
    width: 100%;
}
.threecolumns .col {
    float: left;
    width: 23%;
    margin: 0 0 0 2.6%;
}
.threecolumns .col:first-child {
    margin-left: 0;
}
.threecolumns .col a {
    display: block;
    border: 1px solid #e6e6e6;
    height: 1%;
}
.threecolumns .col a:hover {
    opacity: 0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}
.threecolumns .col img {
    display: block;
    max-width: 100%;
    height: auto;
}

.k-ie8 .threecolumns .col a img {
    width: 100%;   
    height: 85px !important;
}

.link-section {
    margin: 0 auto 49px;
    max-width: 960px;
}
.link-section:after {
    content: "";
    clear: both;
    display: block;
}
.service-box {
    float: left;
    width: 72%;
}
.service-box .holder {
    background: #f4f5c8;
    padding: 39px 9999px 37px;
    margin: 0 -9999px 35px;
    width: 100%;
}
.link-section h2 {
    font: bold 24px/24px Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0 0 20px;
}
.service-list-gallery {
    overflow: hidden;
    position: relative;
}
.service-list-gallery .mask {
    /* overflow: auto; */
    position: relative;
    width: 100%;
}
.service-list {
    margin: 0;
    padding: 0 5px 5px 0;
    list-style: none;
    overflow: hidden;
}
.service-list li {
    float: left;
    width: 15%;
    text-align: center;
    margin: 0 0 0 1.3%;
}
.service-list li a {
    display: block;
    background: #fff;
    padding: 18px 5px 10px;
    color: #986828;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
    position: relative;
    height: 1%;
    -webkit-box-shadow: 2px 2px 2px #999;
    box-shadow: 2px 2px 2px #999;
}
.service-list li .img, .service-list li .text {
    display: table;
    width: 100%;
}
.service-list li .img img {
    vertical-align: top;
}
.service-list li .img {
    margin: 0 0 4px;
}
.service-list li .img span, .service-list li .text span {
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
    text-align: center;
}
* + html .service-list li .img {
    display: block;
}
* + html .service-list li .text {
    display: block;
}
* + html .service-list li .img span {
    display: block;
}
* + html .service-list li .text span {
    display: block;
}
.service-list li .text span {
    vertical-align: middle;
}
.cycle-gallery {
    max-width: 880px;
    margin: 0 auto;
    position: relative;
    padding: 35px 53px 35px;
    border-top: 1px solid #ededec;
}

#CycleGallery_C016_DivCode .cycle-gallery{
    /* border: 1px solid red; */
    padding: 35px 20px 35px;
    max-width: 920px;
}
.cycle-gallery .mask {
    position: relative;
    overflow: hidden;
    width: 100%;
    /* border: 1px solid red; */
}
.cycle-gallery .mask .slideset {
    width: 99999px;
    float: left;
    /* margin-left: -0px !important; */
}
.cycle-gallery .mask .slide {
    float: left;
    margin: 0 22px;
}
.cycle-gallery .mask .slide img {
    vertical-align: top;
    width: 140px;
    height: auto;
}
.cycle-gallery .btn-prev, .cycle-gallery .btn-next {
    position: absolute;
    top: 50%;
    left: 2px;
    border-right: 9px solid #e5e5e5;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    text-indent: -9999px;
    overflow: hidden;
    width: 0;
    height: 0;
    -moz-transform: scale(.9999);
    margin: -10px 0 0;
}
.cycle-gallery .btn-next {
    border-left: 8px solid #e5e5e5;
    border-right: 0;
    left: auto;
    right: 0;
}
.quick-links {
    float: right;
    width: 26%;
    padding: 38px 0 0;
}
.quick-links ul {
    -webkit-box-shadow: 2px 2px 2px 2px #999;
    box-shadow: 2px 2px 2px #999;
    background: #fff;
    position: relative;
    margin: 0;
    padding: 2px 0 0;
    list-style: none;
    behavior: url(/html/DOS/PIE/PIE.htc);
}
.quick-links ul > li.active > a {
    line-height: 36px;
    padding-bottom: 2px;
}
.quick-links ul ul {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 9px 0 15px 33px;
}
.quick-links ul a {
    padding: 0 5px 0 28px;
    font: bold 13px/30px Arial, Helvetica, sans-serif;
    display: block;
    height: 1%;
    color: #666766;
    border-bottom: 1px solid #e4e4e4;
    background: url(../images/bullet3.gif) no-repeat 22px 50%;
}
.quick-links ul ul a {
    color: #986828;
    font: 12px/19px Arial, Helvetica, sans-serif;
    border: 0;
    padding: 0 0 0 7px;
    display: inline-block;
    vertical-align: top;
    background: url(../images/bullet4.gif) no-repeat 0 50%;
}
.btn-view {
    display: block;
    width: 92px;
    border: 1px solid #f9ceb7;
    line-height: 25px;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    background: url(../images/bullet5.gif) no-repeat 8px 50%;
    color: #f2a06f;
}
.news-holder .heading {
    float: left;
    width: 173px;
}
.news-holder .heading h2 {
    margin: 0 0 15px;
    line-height: 26px;
    color: #666;
}
.news-holder .news-box {
    overflow: hidden;
}
.news-holder .news {
    float: left;
    width: 39%;
    padding: 0 3% 0 8%;
    border-left: 1px solid #ececec;
    margin: 0 0 0 -1px;
}
.news-holder .news:first-child {
    padding-left: 3%;
}
.news-holder .news img {
    float: left;
    border: 1px solid #ecebec;
    margin: 0 21px 0 0;
}
.news-holder .news .hold {
    overflow: hidden;
    padding: 5px 0 0;
}
.news-holder .news h3 {
    color: #ea6924;
    font: bold 15px/18px Arial, Helvetica, sans-serif;
    margin: 0;
}
.news-holder .news h3 a {
    color: #ea6924;
}
.news-holder .news .download {
    font: bold 12px/15px Arial, Helvetica, sans-serif;
    color: #666766;
    display: inline-block;
    vertical-align: top;
}
.news-holder .news .download:hover {
    text-decoration: underline;
}
.visual {
    background: #eaf2f4 url(../images/bg-visual.png) no-repeat 50% 0;
    min-height: 230px;
    margin: -20px 0 0;
}
.visual .holder {
    max-width: 960px;
    margin: 0 auto;
}
.page-title {
    display: block;
    color: #fff;
    font: bold 60px/64px Arial, Helvetica, sans-serif;
    width: 428px;
    margin: 0 0 0 auto;
    text-align: center;
    padding: 50px 0 0;
}
.alert-message, .inform-message {
    padding: 0 0 0 62px;
    background: #ac2e4a url(../images/ico-message.gif) no-repeat;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 41px;
    margin: 0 0 17px;
}
.inform-message {
    background: #307879 url(../images/ico-message.gif) no-repeat 0 -41px;
    margin: 0 0 9px;
}
.alert-message p, .inform-message p {
    margin: 0 !important;
}
#main {
    max-width: 960px;
    margin: 0 auto;
}
#main:after {
    content: "";
    display: block;
    clear: both;
}
#sidebar {
    float: left;
    width: 27.7%;
    margin: -17px 0 0 -3px;
}
.main-content {
    float: right;
    width: 68.2%;
}
.breadcrumbs {
    background: #e5e7c2;
    padding: 5px 9999px 7px 9999px;
    margin: 0 -9999px;
    width: 100%;
    /*! background: red; */
    display: block;
}
.breadcrumbs .breadcrumbs {
    padding: 0;
    margin: 0;
}
.breadcrumbs > span {
    padding: 0 5px 0 0;
}
.breadcrumbs span.seperator{
    background: url(../images/bullet-breadcrumbs.gif) no-repeat 0 50%;  
    display: inline-block;
    width: 4px;
    height: 7px;
    /* border: 1px solid red; */
    padding-top: 10px;
    vertical-align: middle;
    text-indent: -999em;
}
.breadcrumbs > span a {
    color: #333;
    font-size: 0.9em;
}
.breadcrumbs ul li:first-child {
    padding-left: 0;
    background: none;
}
/*table style1*/
.blue {
    border: 1px solid #d8dad9;
    border-collapse: collapse;
    background-color: #f5fafd;
    width: 100%;
}
.blue-style2 tr {
    border-bottom: 1px solid #d8dad9;
}
.blue-style2 td {
    font-size: 1em;
}
.blue thead {
    background-color: #5182ad;
}
.blue thead td {
    color: #fff;
    font-size: 12px;
}
table.blue thead th {
    color: #fff;
}
table.blue th {
    border-bottom: solid 1px #d8dad9;
}
#content table tr td, .blue th {
    padding: 5px;
    vertical-align: top;
}
.sub-head {
    background-color: #f5fafd;
    border-bottom: 1px solid #d8dad9;
}
#content .blue ul {
    margin: 5px 0px 10px;
}
#content .blue td ul.custom li {
    margin: 0px;
    background: none;
}
#content table.blue.inner-bullet ul{
    padding-left: 18px;
}
#content .blue.inner-bullet ul,
#content .blue.inner-bullet ul li{
    margin: 0;
}
#content .blue.inner-bullet ul li{
    padding-left: 12px;
}

/*tablestyle2*/
.orange {
    border-collapse: collapse;
    border: 1px solid #d8dad9;
    background: #fdf4eb;
    margin-bottom: 15px;
}
.orange thead {
    background-color: #e87e26;
    color: #fff;
    font-weight: bold;
}
.orange tr:first-child {
    border-top: 0px;
}
.orange tr {
    border-top: 1px solid #d8dad9;
}
/*tablestyle3*/
.bigblue {
    clear: both;
}
.bigbluelink {
    font-size: 1.1em;
    font-weight: bold;
}
#content .bigbluelink:hover {
    color: #e87e25;
}
.bigblue td {
    background-color: #f5fafd;
    font-size: 1em;
}
.bigblue thead td {
    background-color: #5182AD;
    border: 1px solid #FFF;
}
.bigblue thead td {
    color: #fff;
    font-weight: bold;
}
#content table.bigblue {
    border-spacing: 1px;
}
#content table.bigblue td {
    vertical-align: middle;
}
#content table.bigblue td.linetext-smallest {
    white-space: nowrap;
}
.o-line {
    border-bottom: solid 3px #f8cc3e;
}
.main-ttl {
    background: #f3f7ce;
    padding: 15px 9999px;
    margin: 0 -9999px;
    width: 100%;
}
.main-ttl h1 {
    color: #333232;
    font-size: 2.333em;
    line-height: 1.143em;
    margin: 0;
}
#content {
    padding: 18px 0 0;
}
#content h1 {
    font: 2.083em/1.4 Arial, Helvetica, sans-serif;
    margin: 0;
    color: #ab560e;
    margin-bottom: 8px;
}
#content h2 {
    color: #676c2e;
    font: bold 1.5em/1.556 Arial, Helvetica, sans-serif;
    margin: 12px 0 15px;
}
#content h3 {
    color: #333232;
    font: 1.4em/1.286em Arial, Helvetica, sans-serif;
    margin: 0 0 7px;
}
.singstat-express_new-subscriber-form_new-subscription #content h3{
    font: 1.4em/1.286em Arial, Helvetica, sans-serif;
}
#content h4 {
    margin: 0 0 8px;
    color: #666766;
    font: 1.167em/1.556em Arial, Helvetica, sans-serif;
}
#content ul {
    margin: 0 0 30px 18px;
    padding: 0;
    list-style: none;
}
#content ul.custom {
    margin: 0 0 0 15px;
    padding: 0;
    list-style: none!important;
}
#content ul.custom li{
    list-style: none!important;
    background: none;
    padding: 1px 4px;
    margin-bottom: 0;
}
#content .sub-ttl {
    display: block;
    font: 14px/18px Arial, Helvetica, sans-serif;
    margin: 0 0 5px;
}
#content table{
    width: 100%;
    margin-bottom: 20px;
}
.list-section {
    overflow: hidden;
    padding: 18px 0 0;
}
#content ul li {
    padding: 0 0 0 16px;
    background: url(../images/bullet6.gif) no-repeat 0 0.55em;
    margin: 0 0 10px;
}
#content a {
    color: #0077a5;
}
#content a:hover {
    text-decoration: underline;
}
#content p {
    margin: 0 0 5px;
    padding-bottom: 20px;
}
.sub-section {
    padding: 0 0 17px;
}
.sec-block {
    margin: 0 2px 35px -21px;
    overflow: hidden;
}
.sec-block .holder {
    border: 1px solid #cfcecd;
    overflow: hidden;
    margin: 0 0 10px;
}
.sec-block .text-holder {
    margin: 0 115px 0 134px;
    padding: 25px 0 29px;
}
.sec-block .text-holder p {
    margin: 0;
    line-height: 1.833em;
}
.sec-block .img-holder {
    float: left;
    width: 120px;
    display: table;
}
.sec-block .img-holder .hold {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}
.sec-block .more {
    float: right;
    width: 95px;
    border-left: 1px solid #d8d6d6;
    background: url(../images/arrow-more.gif) no-repeat 50% 50%;
    text-indent: -9999px;
    overflow: hidden;
}
.style2 {
    text-align: center;
}
#content .style2 h3 {
    color: #333232;
}
.nav-info {
    text-align: center;
    overflow: hidden;
    color: #7e7a79;
}
.nav-info-holder {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-align: left;
}
* + html .nav-info-holder {
    display: inline;
}
.nav-info .prev-start, .nav-info .prev, .nav-info .next, .nav-info .next-end {
    float: left;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/btn-nav-info.gif) no-repeat;
    margin: 0 2px 0 0;
}
.nav-info .prev {
    background-position: -24px 0;
}
.nav-info .next {
    background-position: -48px 0;
}
.nav-info .next-end {
    background-position: -72px 0;
}
.nav-info p {
    float: left;
    line-height: 22px;
    margin: 0 5px !important;
}
.nav-info .num {
    display: inline-block;
    width: 20px;
    padding: 0 5px;
    border: 1px solid #ececec;
}
.info-list {
    margin: 0 0 0 19px;
    padding: 4px 0 0;
    width: 100%;
}
.info-list:after {
    content: "";
    clear: both;
    display: block;
}
.info-list dt {
    float: left;
    padding: 0 0 0 16px;
    background: url(../images/bullet6.gif) no-repeat 0 0.5em;
}
.info-list dd {
    width: 230px;
    margin: 0 0 10px auto;
    word-break: break-all;
}
.table-section {
    margin: 0 3px 48px -21px;
    border: 1px solid #d6d6d5;
    background: #f8fcfe;
}
.table-section2 {
    background: #fef7f1;
}
.table-section3 {
    background: #f8f8f3;
    margin-bottom: 20px;
}
.table-section table {
    width: 100%;
    border-collapse: collapse;
}
.table-section table th {
    text-align: left;
    vertical-align: top;
    padding: 10px 0 13px 18px;
    background: #4f81ae;
    color: #fff;
    line-height: 1.25em;
}
.table-section2 table th {
    background: #e6790d;
}
.table-section3 table th {
    background: #848236;
}
.table-section table td {
    border-top: 1px solid #dcdcdc;
}
.table-section table td {
    vertical-align: top;
    padding: 14px 0 10px 18px;
}
.section {
    margin: 0 0 20px;
    width: 100%;
}
.section:after {
    content: "";
    clear: both;
    display: block;
}
#content .section h1 {
    margin: 0 0 12px;
}
#content .section h2 {
    margin: 0 0 6px;
}
.section form select {
    display: block;
    width: 100%;
    margin: 0 0 37px;
}
.top-link {
    float: right;
    margin: 13px 10px 0 0;
}
.inp-section {
    width: 290px;
    overflow: hidden;
}
.inp-section label {
    display: block;
    color: #666766;
    margin: 0 0 7px;
}
.section form textarea {
    display: block;
    border: 1px solid #809cb9;
    width: 274px !important;
    padding: 3px 5px;
    margin: 0 0 5px;
    overflow: auto;
    min-height: 119px;
    height: 119px;
}
.section .description {
    color: #666766;
    font-size: 0.833em;
    line-height: 1.2em;
    display: block;
    margin: 0 0 25px;
}
.inp-section input[type=text] {
    display: block;
    border: 1px solid #809cb9;
    width: 274px;
    padding: 2px 5px 3px;
    margin: 0 0 22px;
}
* + html .inp-section input[type=text] {
    margin-bottom: 19px;
}
.section .btn-row {
    overflow: hidden;
}
.section input[type=reset], .section input[type=submit] {
    float: left;
    background: #817d7c;
    width: 70px;
    color: #fff;
    border: 1px solid #b0acab;
    font-weight: bold;
    height: 24px;
    font-size: 12px;
    margin: 0 10px 0 0;
}
.section input[type=submit] {
    border: 1px solid #3371aa;
    background: #4f81ae;
}
.form-list {
    overflow: hidden;
    width: 290px;
    padding: 14px 0 15px;
}
.form-list .row {
    margin: 0 0 8px;
    width: 100%;
}
.form-list .row:after {
    content: "";
    clear: both;
    display: block;
}
.form-list .row label {
    float: left;
}
.form-list .row input[type=radio], .form-list .row input[type=checkbox] {
    float: right;
    margin: 0 0 0 auto;
    width: 16px;
    height: 16px;
    padding: 0;
}
.widget .heading h3 {
    margin: 0;
    font: 20px/24px Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
}
.widget .subnav {
    list-style: none;
    padding: 8px 23px 5px;
    margin: 0;
    overflow: hidden;
}
.subnav > li {
    background: url(../images/border-subnav.gif) repeat-x;
    vertical-align: top;
    /* height: 1%; */
    /* margin: 0 -23px; */
    margin: 0;
}
.subnav > li:hover {
    /* margin: 0 -23px; */
}
.subnav > li:first-child {
    background: none;
}
.subnav li.active > a {
    color: #ea5b14;
}
.subnav > li a {
    display: block;
    padding: 10px 0 10px;
    font: 12px/15px Arial, Helvetica, sans-serif;
    color: #272e67;
}
.has-children li {
    background: none;
    /* vertical-align: top; */
    /* height: 1%; */
}
.has-children li:hover {
    background: #dff1f7;
    vertical-align: top;
    /* height: 1%; */
}
.subnav > li a:hover {
    text-decoration: none;
    background-color: #dff1f7;
    width: 100%;
    margin: 0 -23px;
    padding: 10px 23px 10px 23px;
}

.k-ie7 .subnav > li a:hover {
    padding: 12px 23px 11px;
}

.k-ie7 .subnav > li.has-children ul li a:hover {
    padding-left: 55px;
}

.subnav > li li > a:hover {
    text-decoration: none;
    background-color: #dff1f7;
    width: 100%;
    margin: 0 -23px;
    padding: 10px 23px 10px 58px;
}
.subnav li:hover ul li a {
    background-color: transparent;
}
.subnav ul {
    padding: 0px;
    margin: 0;
    list-style: none;
}
.subnav ul li {
    /* vertical-align: top; */
    /* height: auto; */
}
.subnav ul a {
    background: url(../images/bullet-subnav.png) no-repeat 43px 50%;
    padding: 10px 15px 10px 35px;
    display: block;
    /* height: 1%; */
}
.subnav ul li a {
    background: url(../images/bullet-subnav.png) no-repeat 35px 50%;
    padding: 10px 15px 10px 55px;
    display: block;
    /* height: 1%; */
    margin: 0 -23px;
}
.subnav ul li a:hover {
    display: block;
    padding: 10px 15px 10px 55px;
    background-color: #dff1f7!important;
}
.subnav ul a:hover {
    padding: 10px 15px 10px 58px;
    text-decoration: none;
}
/*

    .subnav ul.open-menu {
        
    }

        .subnav ul.open-menu li:hover {
            background: #dff1f7;
        }
*/
/*.subnav li:hover {
    background: #dff1f7;
}
    */
.adobe-download {
    text-align: center;
    display: block;
    margin: 40px auto;
}
.adobe-download img {
    text-align: center;
    display: block;
    margin: 40px auto;
}
.section-box {
    width: 100%;
}
.section-box:after {
    content: "";
    clear: both;
    display: block;
}
#content p.mark {
    font-size: 1.167em;
    line-height: 1.429em;
    margin: 5px 0 54px;
}
.main-info {
    padding: 28px 0 2px;
    overflow: hidden;
}
.main-info-cols {
    overflow: hidden;
    padding: 0 0 17px;
}
.main-info-cols .col {
    float: left;
    margin: 0 0 0 24px;
    text-align: center;
}
.main-info-cols .col:first-child {
    margin-left: 0;
}
.main-info-cols .col img {
    display: inline-block;
    margin: 0 auto 18px;
}
.main-info-cols .col .ttl {
    display: block;
    font-weight: normal;
    font-size: 1.167em;
    line-height: 1.429em;
    margin: 0 0 6px;
    text-align: left;
}
#content .main-info-cols .col p {
    margin: 0 0 6px;
    line-height: 1.5em;
    text-align: left;
}
#content .main-info p {
    margin: 0 0 28px;
    line-height: 1.833em;
}
#content .main-info p.note {
    margin-left: 15px;
}
.section-box .sec-block .holder {
    margin: 0;
}
.section-box .sec-block {
    margin-bottom: 40px;
}
#content .section-box h1 {
    margin: 0 0 46px;
}
.section-box .sec-block .text-holder {
    margin: 0 115px 0 150px;
}
.section-box .sec-block .img-holder {
    width: 150px;
}
#footer {
    max-width: 960px;
    margin: 0 auto;
    border-top: 1px solid #eee;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #53504f;
    overflow: hidden;
    padding: 30px 0 0px;
}
#footer .row {
    clear: both;
    float: left;
    width: 100%;
}
#footer p {
    text-align: right;
    margin: 0;
    color: #53504f;
    float: right;
}
#footer .last-updated {
    float: right;
    color: #53504f;
}
#footer .link-rate {
    color: #ab560e;
    float: left;
}
#footer a {
    color: #6d6a68;
}
#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
#footer ul li {
    float: left;
    background: url(../images/bullet2.gif) no-repeat 0 9px;
    padding: 0 5px;
}
#footer ul li:first-child {
    padding-left: 0;
    background: none;
}
#footer a.rate-website {
    color: #ab560e;
}
.footer-left {
    float: left;
    width: 300px;
}
.footer-center {
    text-align: center;
}
.footer-right {
    float: right;
    width: 300px;
    color: #6d6968;
}
.jcf-hidden {
    display: block !important;
    position: absolute !important;
    left: -9999px !important;
}
.select-area {
    border: 1px solid #a9aeae;
    -webkit-box-shadow: 0 0 3px 0 #ccc;
    box-shadow: 0 0 3px 0 #ccc;
    position: relative;
    overflow: hidden;
    cursor: default;
    font-size: 12px;
    line-height: 21px;
    width: 170px !important;
    height: 21px;
    float: left;
    color: #666766;
    background: #fff;
}
.search .select-area {
    margin: 0 8px 0 0;
}
.select-area .center {
    white-space: nowrap;
    padding: 0 26px 0 5px;
    line-height: 21px;
}
.select-area .select-opener {
    background: url(../images/btn-opener.gif) no-repeat;
    width: 24px;
    height: 21px;
    position: absolute;
    right: 0;
    top: 0;
}
.select-options {
    position: absolute;
    overflow: hidden;
    background: #fff;
    z-index: 2000;
}
.select-options .drop-holder {
    border: 1px solid #a9aeae;
    overflow: hidden;
    color: #666766;
}
.select-options ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
}
.select-options ul li {
    width: 100%;
    float: left;
}
.select-options ul a {
    text-decoration: none;
    padding: 5px;
    display: block;
    cursor: default;
    color: #666766;
}
#footer .top-nav {
    display: none;
}
.social2 {
    display: none;
}
.scrollable-area-wrapper .hscrollbar, .scrollable-area-wrapper .hscroll-line {
    height: 4px;
    width: 100% !important;
    position: relative;
}
.scrollable-area-wrapper .hscroll-slider {
    background: #cacaca;
    height: 5px;
}
.socialMedia-wrapper.mobile-visible{
    overflow: hidden;
    text-align: center;
}
.socialMedia-wrapper.mobile-visible .social{
    float: none;
    margin: 0 auto 10px;
    display: none;
}
.socialMedia-wrapper.mobile-visible .social li{
    float: none;
    display: inline-block;
    width: 18px;
}

/* Table Style */

#content table 
{
    width: 100%;
    border: solid 1px #D8DAD9;
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 15px;
}

table.noborder{
    border: 0 solid transparent !important;
}
table.noborder tr{
    border: 0 solid transparent !important;
}
table.noborder td{
    border: 0 solid transparent !important;
}
#content table.noborder td ul{
    margin: 0;
}

#content table.custom{
    border: none;
}
.style2,
.style3,
.style4{
    text-align: center;
    border: 0 solid transparent !important;
}
.chars-remaining {
    margin-top: 10px;
}
.publications_publications-and-papers_reference_monthly-digest-of-statistics_readership-survey-on-monthly-digest-of-statistics input,
.publications_publications-and-papers_reference_monthly-digest-of-statistics_readership-survey-on-monthly-digest-of-statistics textarea{
     border: 1px solid #95ACC4;
    height: 22px;
}
.monthly-digest-feedback input[type=text],
.monthly-digest-feedback select ,
.yearbook-feedback input[type=text], 
.yearbook-feedback select {
    width: 350px;
    height: 20px;
}
.monthly-digest-feedback select ,
.yearbook-feedback select {
    height: 24px;
    border: 1px solid #95ACC4;
}
#content .monthly-digest-feedback table tr td, #content .monthly-digest-feedback table tr th,
#content .yearbook-feedback table tr td, #content .yearbook-feedback table tr th {
    border-bottom: none;
}
#content table tr td, #content table tr th
{
    vertical-align: top;
    border-bottom: solid 1px #D8DAD9;
    padding: 5px;
}
.monthly-digest-feedback .reset,
.monthly-digest-feedback .submit,
.yearbook-feedback .reset,
.yearbook-feedback .submit,
.dtrequestfrm-div-section .reset,
.dtrequestfrm-div-section .submit
{
    color: #FFFFFF;
    font-weight: bold;
    background-color: #817D7C;
    border: 1px solid #B0ACAB;
    padding: 4px 6px;
    margin-right: 10px;
}
.monthly-digest-feedback .submit,
.yearbook-feedback .submit,
.dtrequestfrm-div-section .submit
{
    background-color: #4F81AE; 
    border: 1px solid #3371AA;
}
.dtrequestfrm-div-section input[type=text]
 {
    border: 1px solid #95ACC4;
    height: 22px;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    padding-left: 5px;
}
.mandatory {
    color: red;
}
.singstat-express_edit-subscription #content h3
{
    font: 1.4em/1.286em Arial, Helvetica, sans-serif;
}
.singstat-express_edit-subscription #content h1 {
    color: #e87e25;
}
#content table.blue thead
{
    background-color: #5182AD;
    color: #fff;
    font-weight: bold;
}
#content table.blue tbody
{
    background-color: #F5FAFD;
}
#content table.blue td{
    padding: 5px;
}

#content table.orange thead
{
    background-color: #E87E26;
    color: #fff;
    font-weight: bold;
}
#content table.orange tbody
{
    background-color: #FDF4EB;
}

#content table.green thead
{
    background-color: #7C7E3D;
    color: #fff;
    font-weight: bold;
}
#content table.green tbody
{
    background-color: #F1F0EB;
}

.mobile-h1
{
    display: none;
    width: 300px;
}
.nonmobile,  .mobile-chart { display: block; }

.inner-bullet li 
{
    padding-left: 20px;
    list-style-position: inside;
}
.select-options ul li:hover
{
    background-color: #F6F4F5;
}
.o-line
{
    border-bottom: solid 3px #F8CC3E;
    height: 0;
}
.adobe-download,.excel-viewer{
    text-align:center;
}

 @media only screen and (min-width: 768px) {
.indicators-list {
    width: auto !important;
}
body{
    /* border-top: 20px solid red; */
}
.indicators-list li{
    width: auto!important;
}
#nav > li > a,
#nav > li > a:hover,
#nav > li:hover > a {
    padding: 0;
    width: 100%;
}
#nav > li > a:hover,
#nav > li:hover > a {
    background: #ea5811;
    color: #FFF;
}

.threecolumns .mask > div > div {
    /* width: auto!important; */
}
}
 @media only screen and (max-width: 960px) {
.logo {
    margin-left: 5px;
}
.indicators-list li a strong {
    font-size: 16px;
    line-height: 19px;
}
.indicators-list li a {
    font-size: 10px;
}
.visual {
    background-position: 80% 50%;
}

.ad-nav {
    margin-left: 190px;
}

}
 @media only screen and (max-width: 870px) {
.search .search-holder {
    width: 121px;
}
.search input[type="text"] {
    width: 90px;
}
.search {
    margin-left: 8px;
}
.social {
    padding: 0 0 0 2px;
}
.ad-nav li {
    padding: 3px;
}
.indicators-list li a {
    padding: 15px 10px;
}
.indicators-list li a strong {
    font-size: 14px;
    line-height: 17px;
}
.news-block .post {
    font-size: 11px;
}
.news-holder .news h3 {
    font-size: 12px;
    line-height: 15px;
}
.news-holder .news {
    width: 43%;
    padding: 0 3%;
}
#nav > li, #nav ul ul {
    font-size: 13px;
}
.news-block h2 {
    font-size: 18px;
    line-height: 21px;
}
.indicators-list li {
    margin: 0 0 40px 3%;
}
.promo-section {
    padding: 0 0 20px;
}
.carousel {
    padding: 0 10px;
}
.news-block .heading {
    padding-left: 10px;
}
.ad-nav {
    margin-left: 135px;
}
}
 @media only screen and (max-width: 820px) {
.search .search-holder {
    width: 101px;
}
.search input[type="text"] {
    width: 70px;
}
.ad-nav {
    margin-left: 95px;
}
}
 @media only screen and (max-width: 768px) {
#wrapper {
    padding: 0 10px;
    width: auto;
}
.ad-nav {
    margin-left: 65px;
}
}
 @media only screen and (max-width: 767px) {
     
.threecolumns .mask > div > div {
    /* width: auto!important; */
}
.threecolumns .colset{
    width: 620px;
}
.service-list-gallery .mask{
    overflow: auto;
}
body {
    color: #666766;
}
#wrapper {
    padding: 0;
}
#header {
    padding: 8px 0 4px;
}
#header .row {
    display: none;
}
.logo {
    background: url(../images/logo-mobile.png) no-repeat;
    width: 101px;
    height: 26px;
    float: none;
    display: block;
    margin: 0 auto;
}
.promo-section {
    background: none;
    min-height: 0;
}
.indicators-box {
    float: none;
    width: auto;
    padding: 0;
}
.news-block {
    float: none;
    width: auto;
}
.line-box {
    display: none;
}
.service-box .holder {
    padding: 10px 0;
    margin: 0 0 5px;
    float: none;
}
.link-section h2 {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 5px 10px;
}
.service-box {
    float: none;
    width: auto;
}
.quick-links {
    display: none;
}
.cycle-gallery {
    display: none;
}
.news-holder .heading {
    float: none;
    width: auto;
    padding: 0 112px 0 12px;
    position: relative;
}
.news-holder .heading .btn-view {
    position: absolute;
    right: 12px;
    top: 5px;
    font-size: 8px;
    line-height: 15px;
    width: 60px;
}
.news-block .heading {
    padding: 0 0 0 10px;
}
.news-holder .heading h2 br {
    display: none;
}
.news-block h2 {
    font-size: 16px;
    line-height: 25px;
}
.mobile-nav {
    display: block;
    overflow: hidden;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.nav-holder.active .mobile-nav {
    border-bottom: 0;
}
.mobile-nav .opener {
    float: left;
    width: 50%;
    text-align: center;
    padding: 5px 0;
    height: 18px;
}
.active .mobile-nav .opener {
    background: url(../images/arrow-opener.gif) no-repeat 50% 100%;
}
.mobile-nav .opener span {
    background: url(../images/ico-menu.gif) no-repeat 0 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 16px;
    color: #353537;
    font-size: 12px;
    line-height: 18px;
}
.search-mobile {
    overflow: hidden;
    padding: 0 38px 0 0;
    position: relative;
}
.search-mobile input[type=submit] {
    position: absolute;
    background: url(../images/btn-search.gif) no-repeat;
    width: 38px;
    height: 28px;
    text-indent: -9999px;
    overflow: hidden;
    right: 0;
    top: 0;
    border: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
}
.search-mobile input[type=text] {
    border: 1px solid #999;
    padding: 6px 5px;
    font-size: 12px;
    line-height: 14px;
    width: 100% !important;
    height: 28px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    float: left;
}
* + html .search-mobile input[type=text] {
    height: 14px;
}
#nav {
    margin: 0;
    border: 0;
}
#nav > li {
    float: left;
    width: 100% !important;
    margin: 0;
}
#nav > li:first-child a {
    border-top: 0;
}
#nav > li a, #nav > li.active a, #nav > li.hover a, #nav > li.active.hover a, #nav > li.has-drop.hover > a, /*#nav > li > a:hover, */ #nav > li.hover.has-drop > a {
    float: none;
    width: auto !important;
    display: block;
    text-align: left;
    padding: 9px 30px 9px 50px !important;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    border-bottom: 1px solid #fff;
    background: #da7f47 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhN2Y0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2MzNjgyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZTRkMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #da7f47 0%, #c3682f 47%, #ae4d12 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #da7f47), color-stop(47%, #c3682f), color-stop(100%, #ae4d12));
    background: -webkit-linear-gradient(top, #da7f47 0%, #c3682f 47%, #ae4d12 100%);
    background: -o-linear-gradient(top, #da7f47 0%, #c3682f 47%, #ae4d12 100%);
    background: -ms-linear-gradient(top, #da7f47 0%, #c3682f 47%, #ae4d12 100%);
    background: linear-gradient(to bottom, #da7f47 0%, #c3682f 47%, #ae4d12 100%);
    position: relative;
    margin: 0;
}
#nav > li li a, #nav > li.active li a, #nav > li.hover li a, #nav > li.active.hover li a, /*#nav ul a:hover,*/ #nav ul li.hover > a {
    background: #e0e0e0 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #e0e0e0 0%, #e0e0e0 49%, #d6d6d6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(49%, #e0e0e0), color-stop(100%, #d6d6d6));
    background: -webkit-linear-gradient(top, #e0e0e0 0%, #e0e0e0 49%, #d6d6d6 100%);
    background: -o-linear-gradient(top, #e0e0e0 0%, #e0e0e0 49%, #d6d6d6 100%);
    background: -ms-linear-gradient(top, #e0e0e0 0%, #e0e0e0 49%, #d6d6d6 100%);
    background: linear-gradient(to bottom, #e0e0e0 0%, #e0e0e0 49%, #d6d6d6 100%);
    color: #515251;
    height: 1%;
}
/* #nav > li a:after,  */
#nav > li a .after, 
/* #nav > li.has-drop > a:after,  */
#nav > li.has-drop > a .after, 
#nav > li.has-drop > .menu-toggle {
    content: "";
    position: absolute;
    background: url(../images/arrow01.png) no-repeat;
    width: 7px;
    height: 16px;
    right: 18px;
    top: 50%;
    margin-top: -8px;
    display: block;
    left: auto;
    border: 0 !important;
}
#nav > li.has-drop > i.menu-toggle.active {
    background: url(../images/arrow02.png) no-repeat;
    background-position: center;
}
#nav > li.has-drop li i.menu-toggle{
    background: url(../images/arrow03.png) no-repeat;
    background-position: center;
}
#nav > li.has-drop li i.menu-toggle.active{
    background: url(../images/arrow04.png) no-repeat;
    background-position: center;
}


/* #nav > li li a:after, 
#nav > li li a .after, 
#nav > li.hover li a:after, 
#nav > li.hover li a .after, 
#nav > li.has-drop li > a:after, 
#nav > li.has-drop li > a .after {
    background: url(../images/arrow03.png) no-repeat;
    width: 7px;
    height: 16px;
    margin-top: -8px;
    right: 18px;
} */
#nav > li.hover a:after, #nav > li.hover a .after, 
#nav > li.has-drop.hover > a:after, 
#nav > li.has-drop.hover > a .after{
    background: url(../images/arrow02.png) no-repeat;
    width: 16px;
    height: 7px;
    margin-top: -4px;
    right: 12px;
}
#nav > li li.hover a:after, #nav > li li.hover a .after, #nav > li.has-drop li.hover > a:after, #nav > li.has-drop li.hover > a .after {
    background: url(../images/arrow04.png) no-repeat;
    width: 16px;
    height: 7px;
    margin-top: -4px;
    right: 12px;
}
#nav li.has-drop i.menu-toggle, #nav li.has-drop i.sub-menu-toggle{
    position: absolute;
    right: 0;
    left: auto;
    margin: 0;
    top: 0;
    width: 40px;
    height: 32px;
    /* border: 1px solid white; */
    z-index: 21;
    /* background: #CCC; */
    background-position: center;
}
#nav li.has-drop .sub-menu-toggle{
    background: #FCC;}

#nav > li ul {
    display: none;
    position: static;
    width: 100% !important;
    visibility: visible !important;
    padding: 0;
}
#nav > li.hover ul {
    display: block;
}
#nav > li.hover ul ul {
    display: none;
}
#nav > li ul li.hover ul {
    display: block;
}
#nav > li ul li.hover ul ul {
    display: none;
}
#nav > li ul ul li.hover ul {
    display: block;
}
#nav ul ul {
    width: 100%;
    max-width: 100%;
    float: none;
    padding: 0;
}
#nav ul li {
    margin: 0;
    float: left;
    width: 100%;
}
#nav > li.hover li li a, #nav ul li li li.hover > a, #nav ul li li.hover li.hover > a, #nav ul li.hover li.hover > a {
    padding-left: 70px !important;
    border-bottom: 1px solid #d2d2d2;
    background: #fff;
}
#nav ul li li a:after, #nav ul li li a .after {
    display: none;
}
#nav.js-slide-hidden {
    display: none !important;
    position: absolute !important;
}

.nav-holder #nav > li.hover > a, .nav-holder #nav > li.hover.has-drop > a {
    background: #da7f47 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #da7f47 0%, #c3682f 47%, #ae4d12 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #da7f47), color-stop(47%, #c3682f), color-stop(100%, #ae4d12));
    background: -webkit-linear-gradient(top, #da7f47 0%, #c3682f 47%, #ae4d12 100%);
    background: -o-linear-gradient(top, #da7f47 0%, #c3682f 47%, #ae4d12 100%);
    background: -ms-linear-gradient(top, #da7f47 0%, #c3682f 47%, #ae4d12 100%);
    background: linear-gradient(to bottom, #da7f47 0%, #c3682f 47%, #ae4d12 100%);
}

ul#nav ul li.hover > a {
    background: #f6f4f5;
}

.indicators {
    padding: 0 33px;
}
.indicators-list {
    padding: 0;
    white-space: nowrap;
    margin: 0;
    display: table;
}
.indicators-list li {
    margin: 0!important;
    white-space: normal;
    padding: 0;
    vertical-align: middle;
    /* float: left; */
}
.indicators-list li a:after, .indicators-list li a .after {
    display: none;
}
.indicators-list li a {
    float: none;
    display: block;
    background: none !important;
    color: #000;
    padding: 0;
    overflow: hidden;
    font-size: 17px;
    line-height: 26px;
    font-weight: normal;
    margin: 0;
}
.indicators-list li a br {
    display: none;
}
.indicators-list li a img {
    position: static;
    float: left;
    margin: 10px 10px 0 0;
}
.indicators-list li a span {
    font-weight: normal;
    overflow: hidden;
}
.indicators-list li a strong {
    font-size: 21px;
    line-height: 26px;
    overflow: hidden;
}
.indicators-list li:hover {
    margin: 0;
    padding: 0;
}
.news-block .heading, .carousel {
    -webkit-border-radius: 0;
    border-radius: 0;
}
.carousel {
    padding: 0 27px;
}
.carousel .prev-next {
    position: static;
}
.carousel .prev-next .btn-prev, .carousel .prev-next .btn-next, .indicators-box .btn-prev, .indicators-box .btn-next, .service-list-gallery .btn-prev, .service-list-gallery .btn-next {
    float: none;
    position: absolute;
    top: 50%;
    left: 3px;
    margin-top: -7px;
    border-right-color: #babfaf;
    display: block;
}
.carousel .prev-next .btn-next, .indicators-box .btn-next, .service-list-gallery .btn-next {
    left: auto;
    right: 3px;
    border-left-color: #babfaf;
}
.indicators-box h2 {
    font-size: 16px;
    line-height: 31px;
    background: #e6f4fe;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    padding: 0 12px;
    margin: 0;
}
.scrollable-area-wrapper {
    padding: 0 0 10px;
}
.threecolumns {
    margin: 0 0 10px;
    padding: 0 10px;
}
.threecolumns .colset {
    /* width: 9999px; */
    /* width: 999px; */
}
.threecolumns .col {
    width: 145px;
    margin: 0 8px 0 0;
}
.service-list-gallery {
    padding: 0 18px;
}
.service-list {
    padding: 0 0 5px;
    /* width: 9999px; */
}
.service-list li {
    width: 86px;
    margin: 0 11px 0 0;
}
.service-list li a {
    padding: 8px 5px;
    font-size: 12px;
    line-height: 14px;
}
.service-list li img {
    width: 18px;
    height: auto;
}
.news-holder .news img {
    width: 47px;
    height: auto;
}
.news-holder .news h3 {
    font-size: 10px;
    line-height: 11px;
}
.news-holder .news .download {
    font-size: 8px;
    line-height: 10px;
}
#footer {
    font-size: 7px;
    line-height: 9px;
    overflow: hidden;
    position: relative;
}
#footer .row {
    padding: 0px;
    overflow: hidden;
    width: 100%;
}
#footer .top-nav {
    display: block;
    font-size: 8px;
    line-height: 12px;
    font-weight: normal;
    text-align: center;
    float: none;
    bottom: 32px;
    position: absolute;
    left: 45%;
    -webkit-transform: translate(-30%, 0);
    -moz-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
}
#footer .top-nav li {
    float: none;
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #c2c1c1;
    padding: 0 8px;
    background: none;
}
#footer .top-nav li a {
    color: #adabab;
}
#footer .top-nav li:first-child {
    border: 0;
}
#footer {
    padding: 25px 5px 10px;
}
.link-section {
    margin-bottom: 10px;
}
.social2 {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
    text-align: center;
    display: block;
}
.social2 li {
    display: inline-block;
    vertical-align: top;
}
* + html .social2 li {
    display: inline;
    margin: 0 4px 0 0;
}
.social2 li a {
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    width: 15px;
    height: 15px;
}
.social2 li a.twitter {
    background: url(../images/ico-social.png) no-repeat;
}
.social2 li a.facebook {
    background: url(../images/ico-social.png) no-repeat -19px 0;
}
.social2 li a.linkedin {
    background: url(../images/ico-social.png) no-repeat -38px 0;
}
.social2 li a.mail {
    background: url(../images/ico-social.png) no-repeat -57px 0;
}
.social2 li a.share {
    background: url(../images/ico-social.png) no-repeat -76px 0;
}
#sidebar {
    display: none;
}
.main-content {
    float: none;
    width: auto;
}
#content {
    padding: 0 10px;
}
.main-ttl {
    padding: 5px 10px;
    margin: 0 0 10px;
}
.main-ttl h1 {
    font-size: 1.667em;
    line-height: 1.2em;
}
.breadcrumbs {
    padding: 5px 10px;
    margin: 0;
}
.breadcrumbs, .sec-block .img-holder, .hidden {
    display: none;
}
.visual {
    min-height: 1px;
    background: none;
    margin: 0 0 5px;
}
.page-title {
    font: 20px/24px Arial, Helvetica, sans-serif;
    color: #333232;
    background: #e6e6c2;
    padding: 8px 10px;
    width: auto;
    text-align: left;
    text-transform: none;
}
.page-title br {
    display: none;
}
.sec-block {
    margin: 0 0 10px;
}
.table-section {
    margin: 0 -10px 53px;
}
.sec-block .text-holder, .section-box .sec-block .text-holder {
    margin: 0 55px 0 10px;
    padding: 20px 0;
}
.table-section table th {
    padding: 16px 0 22px 18px;
}
.table-section table td {
    line-height: 20px;
}
.section form textarea {
    min-height: 70px;
    height: 70px;
}
#content {
    font-size: 11px;
    line-height: 1.455em;
}
#content h1 {
    font-size: 1.636em;
    line-height: 1.333em;
}
#content h2, #content h3 {
    font-size: 1.182em;
    line-height: 1.231em;
}
#content h4 {
    font-size: 1.091em;
    line-height: 1.2em;
}
#content ul li {
    margin: 0;
}
#content img{
    max-width: 100%;
}
.nav-info p {
    line-height: 32px !important;
}
.alert-message, .inform-message {
    background-image: url(../images/ico-message-mobile.gif);
    line-height: 30px;
    margin: 0 -10px 13px 0;
    padding: 0 0 0 38px;
    font-size: 11px;
}
.inform-message {
    background-position: 0 -44px;
}
.sec-block .more {
    width: 46px;
    background: url(../images/arrow-more-mobile.gif) no-repeat 50% 50%;
}
.list-section {
    padding: 11px 0 0;
}
.nav-info {
    padding: 15px 0 26px;
}
.nav-info-holder {
    font-size: 17px;
    line-height: 32px;
}
.nav-info .prev-start, .nav-info .prev, .nav-info .next, .nav-info .next-end {
    background: url(../images/btn-nav-info-mobile.gif) no-repeat;
    width: 32px;
    height: 32px;
}
.nav-info .num {
    width: 35px;
}
.nav-info .prev {
    background-position: -34px 0;
}
.nav-info .next {
    background-position: -67px 0;
}
.nav-info .next-end {
    background-position: -101px 0;
}
.main-info-cols .col {
    margin: 0;
    width: 49%;
    text-align: left;
}
.main-info-cols .col img {
    display: block;
    margin: 0 auto 18px;
}
.section .btn-row {
    text-align: center;
}
.section input[type=reset], .section input[type=submit] {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
}
#content ul {
    margin: 0 0 27px 7px;
}
#content ul li {
    background: url(../images/bullet7.gif) no-repeat 0 5px;
    padding: 0 0 0 10px;
}
.sec-block .text-holder p {
    line-height: 14px;
}
.mobile-hidden {
    display: none;
}
.top-link {
    margin: 7px 10px 0 0;
}

.promo-section .holder .alignright.hightlightsection{
    width: 100%
}
.data-block{
    width: 100%;
    overflow: hidden;
}
.data-block a img{
    float: left;
    margin: 0 1.45%;}
    
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    
    background-color: #CACACA!important;
}
.socialMedia-wrapper.mobile-visible .social{
    display: block;
}
.social{
    display: none;
}
.indicators-list li{
    /* display: table-cell; */
}
/*Breakpoint Mobile*/
body{
    /* border-top: 10px solid blue; */
}

.table-wrapper{
    overflow-x: auto;
}
}
 @media all and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
.logo {
    background: url(../images/logo2x.png) no-repeat;
    background-size: 100% 100%;
}
.mobile-nav .opener span {
    background: url(../images/ico-menu2x.gif) no-repeat 0 50%;
    background-size: 9px 9px;
}
.search-mobile input[type=submit] {
    background: url(../images/btn-search2x.gif) no-repeat;
    background-size: 100% 100%;
}
#nav > li a:after, #nav > li.has-drop > a:after {
    background: url(../images/arrow01-2x.png) no-repeat;
    background-size: 100% 100%;
}
#nav > li li a:after, #nav > li.has-drop li a:after {
    background: url(../images/arrow03-2x.png) no-repeat;
    background-size: 100% 100%;
}
#nav > li.hover a:after, #nav > li.has-drop.hover > a:after {
    background: url(../images/arrow02-2x.png) no-repeat;
    background-size: 100% 100%;
}
#nav > li li.hover a:after, #nav > li.has-drop li.hover > a:after {
    background: url(../images/arrow04-2x.png) no-repeat;
    background-size: 100% 100%;
}
.social2 li a {
    background-size: 91px 15px;
    background-image: url(../images/ico-social2x.png) !important;
}
.nav-info .prev-start, .nav-info .prev, .nav-info .next, .nav-info .next-end {
    background-image: url(../images/btn-nav-info-mobile2x.gif);
    background-size: 133px 32px;
}
.alert-message, .inform-message {
    background-image: url(../images/ico-message-mobile2x.gif);
    background-size: 27px 74px;
}
.sec-block .more {
    background-size: 10px 18px;
    background: url(../images/arrow-more-mobile2x.gif) no-repeat 50% 50%;
}

/*.error-block styling for responsive*/

.wrapper.errors-block {
    width: 100%;
}

.errors-block .logo {
    background-size: auto;
}

}
 @media print {
body {
    font: 12px/1.5 Arial, Helvetica, sans-serif;
    color: #000;
    background: #fff;
}
#main{
    width: 100%;
}
.main-content{
    float: none;
}
.cycle-gallery{
    width: 77%;
}
.cycle-gallery .mask{
}
.cycle-gallery .mask .slide{
    margin: 0;
}
form, fieldset {
    border-style: none;
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}
a {
    color: #000;
    text-decoration: underline;
}
#wrapper {
    padding: 0 10px;
}

.logo,
.nav-holder,
#header .row,
ul.social{
     display: none;
}
.logo-print {
    float: left;
    display: block;
    margin-bottom: 20px;
}

a {
    text-decoration: none;
    }
.threecolumns {
    margin-bottom: 45px;
}

table,
table td,
table tr{
    border: none!important;
}

}
 /*End of Print CSS*/
/*selectbox css*/


.customSelect {
    position: relative;
    font-size: 12px;
    font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
    float: left;
    -webkit-box-shadow: 0 0 3px 0 #ccc;
    box-shadow: 0 0 3px 0 #ccc;
    margin-right: 8px;
    width: 170px !important;
    height: 21px;
    color: #666766;
    border: 1px solid #a9aeae;
}
.customSelect .selectedValue {
    padding: 0 5px;
}
.selectValueWrap {
    line-height: 21px;
}
.customSelect .selectList {
    z-index: 100;
    position: absolute;
    top: -999em;
    padding: 0;
    margin: 0 0 0 -1px;
}
.customSelect.select-open .selectList {
    left: 0 !important;
    top: auto !important;
}
.customSelect .selectList dl {
    background: #fff;
    width: 170px !important;
    border: 1px solid #a9aeae;
}
.customSelect .selectList dl.defaultScrollbar {
    overflow-x: hidden;
    overflow-y: scroll;
}
.customSelect dl, .customSelect dd {
    margin: 0;
}
.customSelect dd {
    zoom: 1;
    cursor: default;
}
.customSelect .disabled {
    color: #999;
    cursor: default;
}
.customSelect .selectList dd.hovered {
    background: #f6f4f5;
}
.customSelect .selectList dd.disabled.hovered {
    background: none;
    color: #999;
}
.customSelect dt {
    font-weight: bold;
    font-style: italic;
    padding: 2px 10px 2px 6px;
}
.customSelect dd {
    padding: 5px;
    line-height: normal;
}
.hasJS select.custom {
    position: absolute;
    left: -999em;
}
.hasJS select.custom.use-default {
    position: absolute;
    left: auto;
    height: auto;
    width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    /* prevents iOS from zooming in on field */
    font-size: 16px;
}
.customSelect.focused .selectedValue {
    box-shadow: 0 0 2px #00aedb;
}
.customSelect.disabled .selectedValue {
    border: 1px solid #ccc;
    color: #ccc;
    cursor: default;
}
.customSelect .selectValueWrap .caret {
    background: url(../images/btn-opener.gif) no-repeat 0 0;
    width: 25px;
    height: 21px;
    position: absolute;
    top: 0;
    right: -1px;
    cursor: pointer;
}
.customSelect .jspPane {
    overflow-x: hidden;
}
.customSelect .jspVerticalBar {
    background: none;
    width: 8px;
}
.customSelect .jspHorizontalBar {
    height: 0;
    overflow: hidden;
}
.customSelect .jspTrack {
    background: none;
    right: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/html/DOS/PIE/PIE.htc);
}
.customSelect .jspDrag {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    opacity: .5;
    behavior: url(/html/DOS/PIE/PIE.htc);
}
/*selectbox css end*/

/*social css*/
#footer .row1 {
    position: relative;
    float: left;
    width: 100%;
}
#footer .social {
    list-style: none outside none;
    position: absolute;
    left: 55.6%;
    top: 4px;
    float: none;
    margin-left: -125px;
}
#footer .social li {
    background: none;
    list-style: none;
    padding: 0;
}
.social li span {
    text-indent: -999em;
    font-size: 0;
    margin: 0;
    padding: 0;
}

/*ie hack for social icons*/

.k-ie7 .social li span, .k-ie8 .social li span {
    width: 20px;
    text-indent: 0px;
    color: #fff;
}

.k-ie7 .social li span.stButton, .k-ie8 .social li span.stButton {
    overflow: hidden;
}

.govern-text {
    float: right;
}
    .data-block a img
    {
        width: 47%;
    
        float: left;
}
/*social css ends here*/
/*checkbox-list is for Yearly and Monthly Digest of Statistics Survey Form*/
.checkbox-list table, .checkbox-list table tr td
{
    border: none !important;
    margin-bottom: 5px !important;
    
}
.checkbox-list table tr td, .checkbox-list table tr
{
    line-height: normal !important;
    padding: 0px !important;
}
/*Following 2 entries are also for Yearly and Monthly Digest of Statistics Survey Form*/
.monthly-digest-formfield, .yearbook-formfield
{
    margin-bottom: 20px;
}

.monthly-digest-formfield p, .yearbook-formfield p
{
    font-weight: bold;
    padding-bottom: 0;
}

/*update css for specific background color*/
table.orange {
    background:#FDF4EB;
}

table.bigblue {
    background:#F5FAFD;
}

#content table.border-white, table.border-white, table.border-white tbody td {
    border:  1px solid #fff !important;
}

#content table.border-white.sdds-table thead td {
padding: 5px;
text-align: center;
}


/*unordered list styling inside table.blue*/

#content table.blue ul.custom {
    margin: 5px 0 10px;
}
.title-h1 {
    width: 500px !important;
    font: bold 2.083em/1.44em Arial, Helvetica, sans-serif;
    color: #8e8e8e;
    text-align: center;
    margin-bottom: 20px;
}
/******* End of all.css ******/

/******* Start of hybridchart.css ******/
 
  
ul {
    margin: 0px;
    padding: 0px;
}
ul li {
    list-style: none;
}
a {
    text-decoration: none;
}
.dashboard {
    width: 669px;
}
.dashboard ul li {
    list-style: none;
    background: none !important;
    margin: 0px !important;
}
.dashboard a, .dashboard a:hover {
    text-decoration: none !important;
}
.left-link {
    float: left;
    width: 100px;
}
.left-link ul {
    padding: 0px !important;
    margin: 0px !important;
}
.left-link ul li {
    height: 55px;
    border-bottom: solid 2px #A8A8A8;
    padding: 0 8px;
    margin: 0px;
    background: none !important;
}
.left-link ul li a {
    color: #878787 !important;
    display: block;
    font-family: Lato-Reg;
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;
    padding-top: 10px;
    height: 55px;
}
.left-link ul li.active {
    background-color: #8E8E8E !important;
    border-bottom: solid 2px #474747;
    background: url();
}
.left-link ul li.active a {
    color: #fff !important;
}
.chart-container {
    float: left;
    padding: 0 0 0 25px;/*margin-right:50px;*/
}
.bottom-chart {
    clear: both;
    padding-top: 10px;
}
.top-link ul {
    padding: 0px !important;
    margin: 0px !important;
}
.top-link ul li {
    float: left;
    margin-right: 1px !important;
    padding-left: 0px !important;
    background: none !important;
}
.top-link ul li a {
    font-family: Lato-Reg;
    font-size: 11px;
    text-align: center;
    display: block;
    line-height: 20px;
}
.top-link ul li a.link-total {
    color: #7D381B;
    border-bottom: solid 2px #7D381B;
}
.top-link ul li.active a.link-total {
    color: #fff !important;
    border-bottom: solid 2px #331107;
    background-color: #7D381B;
}
.top-link ul li a.link-1 {
    color: #9A6659 !important;
    border-bottom: solid 2px #9A6659;
}
.top-link ul li.active a.link-1 {
    color: #fff !important;
    border-bottom: solid 2px #3E2B26;
    background-color: #9A6659;
}
.top-link ul li a.link-2 {
    color: #C08646 !important;
    border-bottom: solid 2px #C08646;
}
.top-link ul li.active a.link-2 {
    color: #fff !important;
    border-bottom: solid 2px #583C1E;
    background-color: #C08646;
}
.top-link ul li a.link-3 {
    color: #95282E !important;
    border-bottom: solid 2px #95282E;
}
.top-link ul li.active a.link-3 {
    color: #fff !important;
    border-bottom: solid 2px #401214;
    background-color: #95282E;
}
.top-link ul li a.link-4 {
    color: #C8563C !important;
    border-bottom: solid 2px #C8563C;
}
.top-link ul li.active a.link-4 {
    color: #fff !important;
    border-bottom: solid 2px #5A291E;
    background-color: #C8563C;
}
.top-link ul li a.link-5 {
    color: #CE813B !important;
    border-bottom: solid 2px #CE813B;
}
.top-link ul li.active a.link-5 {
    color: #fff !important;
    border-bottom: solid 2px #523418;
    background-color: #CE813B;
}
.top-link ul li a.link-6 {
    color: #E8A242 !important;
    border-bottom: solid 2px #E8A242;
}
.top-link ul li.active a.link-6 {
    color: #fff !important;
    border-bottom: solid 2px #6C4D20;
    background-color: #E8A242;
}
.top-link ul li a.link-7 {
    color: #DA783B !important;
    border-bottom: solid 2px #DA783B;
}
.top-link ul li.active a.link-7 {
    color: #fff !important;
    border-bottom: solid 2px #683A1E;
    background-color: #DA783B;
}
.top-link ul li a.link-8 {
    color: #E89D4C !important;
    border-bottom: solid 2px #E89D4C;
}
.top-link ul li.active a.link-8 {
    color: #fff !important;
    border-bottom: solid 2px #604323;
    background-color: #E89D4C;
}
.top-link ul li a.link-9 {
    color: #8B9147 !important;
    border-bottom: solid 2px #8B9147;
}
.top-link ul li.active a.link-9 {
    color: #fff !important;
    border-bottom: solid 2px #424422;
    background-color: #8B9147;
}
.top-link ul li a.link-10 {
    color: #5E7D5E !important;
    border-bottom: solid 2px #5E7D5E;
}
.top-link ul li.active a.link-10 {
    color: #fff !important;
    border-bottom: solid 2px #273227;
    background-color: #5E7D5E;
}
.data-info {
    clear: both;
    padding: 20px 0px 20px 10px;
    float: left;
    width: 195px;
}
.pie-chart1, .pie-chart2 {
    width: 215px;
    float: left;
}
.title, .title-year, .title-value, .title-amount {
    font-family: Lato-Reg;
    display: block;
    text-align: left;
}
.title {
    font-size: 20px;
    color: #EE3227;
}
.title-year {
    font-size: 15px;
    color: #E77E24;
    padding-bottom: 5px;
}
.title-value {
    font-size: 60px;
    color: #000;
    font-weight: bold;
    line-height: 50px;
}
.title-amount {
    font-size: 25px;
    color: #484748;
    padding: 10px 0px;
}
.note {
    clear: both;
}

@media only screen and (max-width: 629px) {

    /*Readership Survery page form styling for mobile responsive*/

    .readership-survey #TxtName,
    .readership-survey #DdlOccupation,
    .readership-survey #TxtEmailAddress,
    .readership-survey input[type=text],
    .readership-survey textarea {
        width: 100% !important;
        padding: 6px 0px 3px;
    }

    .readership-survey #TxtSearchKeyMobile {
        width: 100% !important;
    }

    .readership-survey #div_rate table tr td {
        padding: 5px 0px 0px !important;
    }
}

 @media only screen and (max-width: 480px) {
ul {
    margin: 0px;
    padding: 0px !important;
}
div.title-h1 {
    width: auto !important;
}
.dashboard {
    width: 300px;
}
.dashboard ul li {
    list-style: none;
    background: none !important;
}
.dashboard a, .dashboard a:hover {
    text-decoration: none !important;
}
.left-link {
    width: auto !important;
    padding-bottom: 0px;
}
.left-link ul {
    padding-left: 0px !important;
}
.left-link ul li {
    height: 55px;
    border-bottom: solid 2px #A8A8A8;
    padding: 0 8px;
    width: 100px;
    float: left;
    margin: 0 14px !important;
    background: none !important;
}
.left-link ul li.home {
    width: 284px;
    margin: 0px !important;
}
.left-link ul li a {
    color: #878787 !important;
    display: block;
    font-family: Lato-Reg;
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;
    padding-top: 10px;
    height: 55px;
}
.left-link ul li.active {
    background-color: #8E8E8E !important;
    border-bottom: solid 2px #474747;
}
.left-link ul li.active a {
    color: #fff !important;
}
.chart-container {
    float: left;
    clear: both;
    padding: 20px 0px;
}
.bottom-chart {
    clear: both;
    padding-top: 10px;
}
.top-link ul li {
    float: left;
    margin: 10px 1px 0 !important;
    white-space: nowrap;
    /*width: 73px;
        height: 37px;*/
    min-width: 73px;
    background: none !important;
    padding: 0px !important;
}
.top-link ul li a {
    font-family: Lato-Reg;
    font-size: 11px;
    text-align: center;
    display: block;
    line-height: 20px;
    width: auto !important;
    padding: 5px 10px;
}
.data-info {
    clear: both;
    padding-left: 10px;
    padding-top: 17px;
}
.pie-chart1, .pie-chart2 {
    padding-top: 10px;
    float: left !important;
}
.note {
    width: 300px;
    clear: both;
}

.service-list{
    width: 582px !important;
}

div.mask {
    padding-bottom: 15px;
}


/*Readership Survery page form styling for mobile responsive*/

.readership-survey #TxtName,
.readership-survey #DdlOccupation,
.readership-survey #TxtEmailAddress,
.readership-survey input[type=text],
.readership-survey textarea {
    width: 100% !important;
    padding: 6px 0px 3px;
}

.readership-survey #TxtSearchKeyMobile {
    width: 100% !important;
}

.readership-survey #div_rate table tr td {
    padding: 5px 0px 0px !important;
}

}


@media only screen and (max-width: 380px) {
    #footer ul.top-nav {
        left: 38%;
        transform: translate(-28%, 0);
        }   
}
 
@media only screen and (max-width: 339px) {
    #footer ul.top-nav {
        left: 28%;
        transform: translate(-24%, 0);
        }   
}
/******* Start of kendo.common.min.css ******/
/*
* Kendo UI Web v2012.2.913 (http://kendoui.com)
* Copyright 2012 Telerik AD. All rights reserved.
*
* Kendo UI Web commercial licenses may be obtained at
* https://www.kendoui.com/purchase/license-agreement/kendo-ui-web-commercial.aspx
* If you do not own a commercial license, this file shall be governed by the
* GNU General Public License (GPL) version 3.
* For GPL requirements, please review: http://www.gnu.org/copyleft/gpl.html
*/
.fake {
    color: red
}
.k-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}
.k-floatwrap:after, .k-slider-items:after, .k-grid-toolbar:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden
}
.k-floatwrap, .k-slider-items, .k-grid-toolbar {
    display: inline-block
}
.k-floatwrap, .k-slider-items, .k-grid-toolbar {
    display: block
}
.k-block, .k-button, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-tooltip, .k-pager-wrap, .k-tabstrip-items .k-item, .k-link.k-state-hover, .k-textbox, .k-textbox:hover, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-draghandle {
    background-repeat: repeat-x;
    background-position: 0 center
}
.k-tabstrip, .k-menu-vertical, .k-editor, .k-tooltip, .k-state-hover, .k-state-focused, .k-state-selected, .k-state-highlight {
    background-position: 0 -258px
}
.k-block, .k-widget, .k-inline-block, .k-textbox>input, .k-input[type="text"], .k-input[type="number"], .k-textbox, .k-picker-wrap .k-input, .k-button, .k-draghandle {
    font-size: 100%;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none
}
.k-block, .k-widget {
    line-height: normal
}
.k-block {
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.k-button {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
*+html .k-button {
    line-height: normal
}
a.k-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.k-button:-moz-any(input) {
padding-bottom: .37em;
padding-top: .37em
}
*+html .k-button {
    overflow: visible;
    margin-right: 4px
}
*+html a.k-button {
    line-height: 1.6;
    padding-left: 7px;
    padding-right: 7px
}
*+html .k-button-expand {
    margin-left: 0;
    margin-right: 0
}
button.k-button::-moz-focus-inner, input.k-button::-moz-focus-inner {
padding: 0;
border: 0
}
a.k-button-expand {
    display: block
}
button.k-button-expand, input[type="submit"].k-button-expand, input[type="button"].k-button-expand, input[type="reset"].k-button-expand {
    width: 100%
}
body .k-button-icon {
    padding-left: 4px;
    padding-right: 4px
}
*+html a.k-button-icon {
    padding-left: 5px;
    padding-right: 5px
}
.k-button-icontext {
    padding-right: 8px;
    overflow: visible
}
.k-button-icontext .k-icon {
    margin: 0 3px 0 -3px;
    vertical-align: text-top
}
*+html .k-button-icontext .k-icon {
    margin-right: 4px
}
html body .k-button-bare {
    background: none!important;
    border-width: 0
}
.k-link {
    cursor: pointer;
    outline: 0;
    text-decoration: none
}
.k-grid-header span.k-link {
    cursor: default
}
.k-state-disabled, .k-state-disabled .k-link, .k-state-disabled .k-picker-wrap .k-icon, .k-state-disabled .k-button, .k-state-disabled .k-draghandle, .k-state-disabled .k-slider .k-icon, .k-state-disabled .k-upload-button input {
    cursor: default;
    outline: 0
}
.k-state-error {
    border-style: ridge
}
.k-state-empty {
    font-style: italic
}
.k-icon, .k-sprite, .k-editor-button .k-tool-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
    vertical-align: middle
}
*+html .k-icon, *+html .k-sprite {
    text-indent: 0
}
.k-numerictextbox .k-i-arrow-n {
    background-position: 0 -2px
}
.k-numerictextbox .k-i-arrow-s {
    background-position: 0 -35px
}
.k-state-selected .k-i-arrow-n {
    background-position: -16px 0
}
.k-numerictextbox .k-state-selected .k-i-arrow-n {
    background-position: -16px -2px
}
.k-state-selected .k-i-arrow-s {
    background-position: -16px -32px
}
.k-numerictextbox .k-state-selected .k-i-arrow-s {
    background-position: -16px -35px
}
.k-i-arrow-n {
    background-position: 0 0
}
.k-i-arrow-e {
    background-position: 0 -16px
}
.k-i-arrow-s {
    background-position: 0 -32px
}
.k-i-arrow-w {
    background-position: 0 -48px
}
.k-i-seek-n {
    background-position: 0 -64px
}
.k-i-seek-e {
    background-position: 0 -80px
}
.k-i-seek-s {
    background-position: 0 -96px
}
.k-i-seek-w {
    background-position: 0 -112px
}
.k-si-arrow-n {
    background-position: 0 -129px
}
.k-si-arrow-e {
    background-position: 0 -144px
}
.k-si-arrow-s {
    background-position: 0 -159px
}
.k-si-arrow-w {
    background-position: 0 -176px
}
.k-i-arrowhead-n {
    background-position: 0 -256px
}
.k-i-arrowhead-e {
    background-position: 0 -272px
}
.k-i-arrowhead-s {
    background-position: 0 -288px
}
.k-i-arrowhead-w {
    background-position: 0 -304px
}
.k-i-expand, .k-plus, .k-plus-disabled {
    background-position: 0 -192px
}
.k-i-expand-w, .k-rtl .k-i-expand, .k-rtl .k-plus, .k-rtl .k-plus-disabled {
    background-position: 0 -208px
}
.k-i-collapse, .k-minus, .k-minus-disabled {
    background-position: 0 -226px
}
.k-i-collapse-w, .k-rtl .k-i-collapse, .k-rtl .k-minus, .k-rtl .k-minus-disabled {
    background-position: 0 -240px
}
.k-i-pencil, .k-edit {
    background-position: -32px 0
}
.k-i-close, .k-delete, .k-group-delete {
    background-position: -32px -16px
}
.k-i-tick, .k-insert, .k-update {
    background-position: -32px -32px
}
.k-i-cancel, .k-cancel, .k-denied {
    background-position: -32px -48px
}
.k-i-plus, .k-add {
    background-position: -32px -64px
}
.k-i-funnel, .k-filter {
    background-position: -32px -80px
}
.k-i-funnel-clear, .k-clear-filter {
    background-position: -32px -96px
}
.k-i-refresh {
    background-position: -32px -112px
}
.k-i-restore {
    background-position: -32px -128px
}
.k-i-maximize {
    background-position: -32px -144px
}
.k-i-minimize {
    background-position: -64px -288px
}
.k-resize-se {
    background-position: -32px -160px
}
.k-i-calendar {
    background-position: -32px -176px
}
.k-i-clock {
    background-position: -32px -192px
}
.k-si-plus {
    background-position: -32px -208px
}
.k-si-minus {
    background-position: -32px -224px
}
.k-i-search {
    background-position: -32px -240px
}
.k-i-custom {
    background-position: -115px -113px
}
.k-editor .k-i-custom {
    background-position: -112px -110px
}
.k-viewHtml {
    background-position: -112px -132px
}
.k-i-insert-n, .k-insert-top {
    background-position: -160px -32px
}
.k-i-insert-m, .k-insert-middle {
    background-position: -160px -48px
}
.k-i-insert-s, .k-insert-bottom {
    background-position: -160px -64px
}
.k-drop-hint {
    background-position: 0 -326px
}
.k-i-note, .k-warning {
    background-position: -160px -240px
}
.k-i-sort-asc {
    background-position: -112px -240px
}
.k-i-sort-desc {
    background-position: -112px -256px
}
.k-i-group {
    background-position: -112px -272px
}
.k-i-ungroup {
    background-position: -112px -288px
}
.k-i-columns {
    background-position: -112px -304px
}
.k-image {
    border: 0
}
html .k-success-colored {
    color: #507f50;
    border-color: #d0dfd0;
    background-color: #f0fff0
}
html .k-info-colored {
    color: #50607f;
    border-color: #d0d9df;
    background-color: #f0f9ff
}
html .k-error-colored {
    color: #7f5050;
    border-color: #dfd0d0;
    background-color: #fff0f0
}
.k-inline-block {
    padding: 0 2px
}
.k-loading, .k-loading-image {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center
}
.k-loading-mask, .k-loading-image, .k-loading-text {
    position: absolute
}
.k-loading-text {
    top: -4000px;
    left: -4000px
}
.k-loading-image, .k-loading-color {
    width: 100%;
    height: 100%
}
.k-loading-image {
    top: 0;
    left: 0;
    z-index: 2
}
.k-loading-color {
    filter: alpha(opacity=30);
    opacity: .3
}
.k-content-frame {
    border: 0;
    width: 100%;
    height: 100%
}
.k-pane>.k-splitter-overlay {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute
}
.k-drag-clue {
    position: absolute;
    z-index: 10003;
    border-style: solid;
    border-width: 1px;
    font-size: .9em;
    padding: .2em .4em;
    white-space: nowrap;
    cursor: default
}
.k-drag-status {
    margin-top: -3px;
    margin-right: 4px;
    vertical-align: middle
}
.k-reorder-cue {
    position: absolute;
    width: 1px;
    overflow: visible
}
.k-reorder-cue .k-icon {
    position: absolute;
    left: -4px;
    width: 8px;
    height: 4px
}
.k-reorder-cue .k-i-arrow-s {
    top: -4px;
    background-position: -4px -166px
}
.k-reorder-cue .k-i-arrow-n {
    bottom: -4px;
    background-position: -4px -134px
}
.k-scrollbar {
    position: absolute;
    overflow: scroll
}
.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    height: 100%;
    overflow-x: hidden
}
.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
body .k-touch-scrollbar {
    height: 12px;
    width: 12px;
    -webkit-border-radius: 7px
}
}
.k-virtual-scrollable-wrap {
    overflow-x: auto
}
div.k-window {
    display: inline-block;
    position: absolute;
    z-index: 10001;
    border-style: solid;
    border-width: 1px;
    padding-top: 2em
}
.k-block>.k-header, .k-window-titlebar {
    position: absolute;
    width: 100%;
    height: 1.1em;
    line-height: 1.1em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: -2em;
    padding: .4em 0;
    font-size: 1.2em;
    white-space: nowrap;
    min-height: 16px
}
.k-block>.k-header {
    position: relative;
    margin: -2px 0 0 -2px;
    padding: .3em 2px
}
.k-window-title {
    position: absolute;
    left: .44em;
    right: .44em;
    overflow: hidden;
    cursor: default;
    text-overflow: ellipsis
}
.k-window-title .k-image {
    margin: 0 5px 0 0;
    vertical-align: middle
}
div.k-window-titleless {
    padding-top: 0
}
div.k-window-content {
    position: relative;
    z-index: -1;
    height: 100%;
    padding: .58em;
    overflow: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
*+html .k-window {
    padding-bottom: 1.16em
}
.k-window-titlebar .k-window-actions {
    position: absolute;
    top: 0;
    right: .5em;
    padding-top: .3em;
    white-space: nowrap
}
.k-window-titlebar .k-window-action {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    filter: alpha(opacity=70);
    opacity: .7
}
.k-window-titlebar .k-state-hover {
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    filter: alpha(opacity=100);
    opacity: 1
}
.k-window-action .k-icon {
    margin: 0;
    vertical-align: top
}
.k-window .k-resize-handle {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    font-size: 0;
    line-height: 6px;
    filter: alpha(opacity=0);
    opacity: 0;
    zoom: 1
}
.k-resize-n {
    top: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: n-resize
}
.k-resize-e {
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    cursor: e-resize
}
.k-resize-s {
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: s-resize
}
.k-resize-w {
    top: 0;
    left: -3px;
    width: 6px;
    height: 100%;
    cursor: w-resize
}
.k-resize-se {
    bottom: -3px;
    right: -3px;
    width: 16px;
    height: 16px;
    cursor: se-resize
}
.k-resize-sw {
    bottom: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: sw-resize
}
.k-resize-ne {
    top: -3px;
    right: -3px;
    width: 6px;
    height: 6px;
    cursor: ne-resize
}
.k-resize-nw {
    top: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: nw-resize
}
.k-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5
}
.k-window .k-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0
}
.k-window .k-widget {
    z-index: 10002
}
.k-tabstrip {
    margin: 0;
    padding: 0;
    zoom: 1
}
.k-tabstrip .k-tabstrip-items {
    padding: .3em .3em 0
}
.k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item {
    list-style-type: none;
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: 0 -1px 0 0;
    padding: 0;
    vertical-align: top
}
.k-tabstrip-items .k-tab-on-top, .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}
.k-tabstrip-items .k-tab-on-top {
    z-index: 1
}
.k-tabstrip-items .k-link, .k-panelbar .k-tabstrip-items .k-link {
    display: inline-block;
    border-bottom-width: 0;
    padding: .5em .92em;
    outline: 0
}
.k-tabstrip-items .k-icon, .k-panelbar .k-tabstrip-items .k-icon {
    margin: -1px 4px 0 -3px;
    vertical-align: top
}
.k-tabstrip-items .k-item .k-image, .k-tabstrip-items .k-item .k-sprite, .k-panelbar .k-tabstrip-items .k-item .k-image, .k-panelbar .k-tabstrip-items .k-item .k-sprite {
    margin: -3px 3px 0 -6px;
    vertical-align: middle
}
*+html .k-tabstrip-items .k-item .k-image, *+html .k-tabstrip-items .k-item .k-sprite {
    margin-top: -1px;
    vertical-align: top
}
.k-tabstrip .k-content, .k-panelbar .k-tabstrip .k-content {
    position: static;
    border-style: solid;
    border-width: 1px;
    margin: 0 .29em .3em;
    padding: .3em .92em;
    zoom: 1
}
.k-tabstrip>.k-content {
    display: none
}
.k-tabstrip .k-content.km-scroll-wrapper {
    padding: 0
}
.k-tabstrip .k-content>.km-scroll-container {
    padding: .3em .92em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.k-panelbar {
    zoom: 1
}
.k-panelbar>.k-item, .k-panel>.k-item {
    list-style-type: none;
    display: block;
    border-width: 0;
    margin: 0;
    zoom: 1;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}
.k-panelbar .k-image, .k-panelbar .k-sprite {
    float: left;
    margin-top: 4px;
    margin-right: 5px;
    vertical-align: middle
}
.k-panelbar>.k-item>.k-link, .k-panel>.k-item>.k-link {
    display: block;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0 1em;
    line-height: 2.34em;
    text-decoration: none;
    zoom: 1
}
.k-panelbar-expand, .k-panelbar-collapse {
    position: absolute;
    top: 5px;
    right: 2px
}
.k-panelbar .k-panel, .k-panelbar .k-content {
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0;
    padding: 0;
    zoom: 1
}
.k-panel>.k-item>.k-link {
    border-bottom: 0;
    font-size: .95em;
    line-height: 2.2
}
.k-panel .k-i-arrow-n, .k-panel .k-i-arrow-s {
    top: 4px
}
.k-panel .k-panel>.k-item>.k-link {
    padding-left: 2em
}
.k-panelbar .k-i-seek-e .k-link {
    border-bottom: 0
}
.k-panel .k-panel {
    border-bottom: 0
}
.k-menu {
    cursor: default
}
.k-menu, .k-menu .k-group {
    list-style: none;
    margin: 0;
    padding: 0;
    zoom: 1
}
.k-menu:after {
    content: '';
    display: block;
    width: 99%;
    height: 0;
    float: inherit;
    overflow: hidden
}
.k-menu .k-item .k-item, ul.k-menu-vertical>.k-item {
    display: block;
    float: none;
    border-width: 0
}
*+html .k-menu .k-item .k-item {
    zoom: normal
}
.k-menu .k-item>.k-link>.k-icon, .k-menu .k-image, .k-menu .k-sprite {
    margin: -2px 4px 0 -4px;
    vertical-align: middle
}
.k-menu .k-item>.k-link>.k-icon {
    margin: -2px 0 0
}
*+html .k-menu .k-item>.k-link>.k-i-arrow-s, *+html .k-menu .k-image, *+html .k-menu .k-sprite {
    margin-top: 0
}
.k-menu .k-item>.k-link {
    display: block;
    padding: .5em .9em .4em;
    line-height: 1.34em
}
.k-menu .k-group {
    display: none;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    white-space: nowrap
}
.k-menu .k-group .k-item {
    display: block;
    border-width: 0
}
.k-menu .k-item, .k-widget.k-menu-horizontal>.k-item {
    position: relative;
    float: left;
    border-style: solid;
    border-width: 0 1px 0 0;
    vertical-align: top;
    zoom: 1;
    box-sizing: content-box
}
.k-menu .k-group .k-item>.k-link {
    padding: .28em 1.8em .38em .9em
}
*+html .k-menu .k-group .k-link {
    width: 100%
}
.k-menu .k-item>.k-link>.k-i-arrow-s {
    margin-right: -8px
}
.k-menu .k-item>.k-link>.k-i-arrow-e {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 2px
}
.k-menu .k-animation-container {
    border: 0
}
.k-menu .k-animation-container, .k-menu .k-group {
    position: absolute;
    left: 0
}
.k-menu .k-animation-container .k-animation-container, .k-menu .k-group .k-group, .k-menu-vertical .k-animation-container, .k-menu-vertical .k-group {
    top: 0;
    left: 0
}
.k-menu .k-animation-container .k-group {
    top: auto;
    left: auto;
    margin-left: -1px
}
.k-menu .k-animation-container, .k-popup .k-animation-container {
    margin-top: -1px;
    padding-left: 1px
}
.k-popup .k-animation-container .k-popup {
    margin-left: -1px
}
ul.k-menu .k-separator {
    padding: .25em 0;
    height: 100%;
    width: 1px;
    font-size: 0;
    line-height: 0;
    border-width: 0 1px 0 0
}
ul.k-menu-vertical .k-separator, .k-menu .k-group .k-separator {
    padding: 0;
    height: 1px;
    width: 100%;
    border-width: 1px 0 0
}
.k-grid, .k-listview {
    position: relative;
    zoom: 1
}
.k-grid table {
    width: 100%;
    border-collapse: separate;
    empty-cells: show;
    border-width: 0
}
.k-grid-header .k-header {
    text-align: left
}
.k-grid-header .k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis
}
.k-grid-header .k-header .k-link {
    display: block;
    min-height: 18px;
    line-height: 18px;
    margin: -.5em -.6em -.4em -.6em;
    padding: .5em .6em .4em .6em
}
.k-grid-header .k-filterable .k-link {
    padding-right: 2.4em
}
.k-grid-header .k-header .k-icon {
    position: static
}
.k-grid-header .k-link>.k-icon {
    vertical-align: text-top
}
.k-grid .k-state-hover {
    cursor: pointer
}
.k-grid td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: .4em .6em;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis
}
.k-grid .k-grouping-row td, .k-grid .k-hierarchy-cell {
    overflow: visible
}
.k-grid-edit-row td {
    text-overflow: clip
}
.k-grid-edit-row .k-textbox {
    margin-top: 0;
    margin-bottom: 0
}
.k-grid-header-wrap, .k-grid-footer-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 0 0;
    zoom: 1
}
div.k-grid-header, div.k-grid-footer {
    padding-right: 17px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1
}
div.k-grid-header .k-header {
    border-bottom-width: 0
}
.k-grid {
    outline: 0
}
.k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1
}
@media print {/*
.k-grid {
    height: auto!important
}
.k-grid-header {
    padding: 0!important
}
.k-grid-content {
    overflow: visible;
    height: auto!important
}*/
}
.k-virtual-scrollable-wrap {
    height: 100%;
    overflow-y: hidden;
    position: relative
}
.k-grid-header table, .k-grid-content table, .k-grid-footer table {
    table-layout: fixed
}
*+html .k-grid-content table {
    width: auto
}
.k-grid-toolbar {
    border-style: solid;
    border-width: 1px 0 0
}
.k-grid-header .k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child {
    border-left-width: 0
}
.k-grid-toolbar:first-child, .k-grouping-header+.k-grid-toolbar {
    border-width: 0 0 1px
}
.k-footer-template td {
    border-style: solid;
    border-width: 1px 0 0 1px
}
.k-group-footer td {
    border-style: solid;
    border-width: 1px 0
}
.k-grid-footer {
    border-style: solid;
    border-width: 1px 0 0
}
.k-grid-footer td {
    border-top-width: 0
}
.k-pager-wrap {
    overflow: auto;
    border-style: solid;
    border-width: 1px;
    line-height: 24px;
    padding: 4px 0 4px 3px
}
.k-grid-pager {
    border-width: 1px 0 0
}
.k-grid .k-pager-numbers, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    display: inline-block;
    vertical-align: top
}
.k-pager-numbers {
    margin: 0 2px
}
.k-pager-numbers .k-state-selected {
    vertical-align: top
}
.k-pager-numbers li, .k-pager-input {
    float: left
}
.k-grid .k-pager-numbers {
    float: left;
    cursor: default
}
.k-pager-info {
    float: right;
    padding: 0 16px
}
.k-pager-numbers .k-link {
    text-decoration: none
}
.k-pager-wrap>.k-link {
    float: left;
    margin: 0 1px;
    padding: 0 3px;
    height: 22px;
    line-height: 22px;
    border-radius: 13px;
    cursor: pointer
}
.k-pager-wrap>a.k-state-disabled:hover {
    background: 0;
    cursor: default
}
.k-pager-wrap>.k-link .k-icon {
    vertical-align: top;
    margin-top: 3px
}
.k-pager-numbers .k-link {
    padding: 0 8px;
    border-radius: 13px
}
.k-pager-numbers .k-link:hover {
    padding: 0 7px;
    border-style: solid;
    border-width: 1px;
    line-height: 22px
}
.k-pager-wrap>.k-link {
    border-style: solid;
    border-width: 1px
}
.k-pager-wrap .k-pager-refresh {
    float: right;
    margin-right: 6px;
    border-width: 0;
    border-radius: 0
}
.k-pager-numbers .k-state-selected {
    border-style: solid;
    border-width: 1px;
    line-height: 22px;
    padding: 0 7px;
    border-radius: 13px
}
.k-pager-wrap .k-textbox {
    width: 40px
}
*+html .k-pager-wrap .k-textbox {
    height: 16px;
    margin-top: 2px
}
.k-pager-wrap .k-dropdown {
    width: 50px
}
.k-pager-refresh {
    float: right
}
.k-pager-input, .k-pager-sizes {
    padding: 0 17px
}
*+html .k-pager-sizes {
    float: left
}
.k-pager-wrap .k-textbox, .k-pager-wrap .k-widget {
    margin: -.3em .4em 0
}
.k-grid-filter, .k-header-column-menu {
    float: right;
    margin: -.5em -.6em -.4em;
    padding: .5em .2em .4em;
    z-index: 1
}
.k-grid .k-animation-container {
    position: absolute
}
.k-filter-menu {
    padding: .5em
}
.k-filter-menu .k-widget, .k-filter-menu .k-textbox {
    display: block
}
.k-filter-help-text, .k-filter-menu .k-widget {
    margin: .3em 0 0
}
.k-filter-menu .k-filter-and {
    width: 6em;
    margin: .6em 0 0
}
.k-filter-menu .k-button {
    width: 48%;
    margin: .6em 4% 0 0
}
.k-filter-menu .k-button+.k-button {
    margin-right: 0
}
.k-grouping-row .k-icon {
    margin: 0 4px 0 0
}
.k-grouping-row p {
    display: inline-block;
    vertical-align: middle;
    margin-left: -.6em;
    padding: 0 .6em
}
.k-grid .k-group-cell+td, .k-grid .k-hierarchy-cell+td {
    border-left-width: 0
}
.k-grid .k-group-col, .k-grid .k-hierarchy-col {
    width: 30px
}
.k-grouping-header {
    border-bottom-style: solid;
    border-bottom-width: 1px
}
.k-grouping-header {
    line-height: 2
}
.k-grouping-dropclue {
    position: absolute;
    width: 6px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: -165px -148px
}
.k-grouping-header .k-group-indicator {
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    margin: 0 3px;
    padding: .15em .15em .15em .4em;
    line-height: 1.5em
}
.k-grouping-header .k-link {
    display: inline-block;
    border-width: 0;
    padding: 0;
    line-height: normal;
    text-decoration: none
}
.k-grouping-header .k-button {
    border: 0;
    padding: 0;
    background: transparent;
    line-height: 1
}
.k-grouping-header .k-link .k-icon {
    margin: 0 0 0 -3px
}
.k-grouping-header .k-button .k-icon {
    margin: 0 0 0 3px
}
.k-grouping-header a, .k-grouping-header .k-button {
    display: inline-block;
    vertical-align: middle
}
.k-dirty {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px;
    border-color: #f00 transparent transparent #f00;
    margin: -0.45em 0 0 -0.6em;
    padding: 0;
    overflow: hidden;
    vertical-align: top
}
.k-grouping-header, .k-grid-toolbar {
    margin: 0;
    padding: .2em .6em;
    cursor: default
}
.k-grid .k-edit-container {
    padding: 0
}
.k-edit-form {
    margin: 0;
    padding: 0
}
.k-grid-edit-row .k-edit-form td {
    border-bottom-width: 0
}
.k-edit-form-container {
    position: relative;
    width: 400px
}
.k-edit-label, .k-edit-field, .k-edit-form-container .editor-label, .k-edit-form-container .editor-field {
    display: inline-block;
    padding-bottom: 1em
}
.k-edit-label, .k-edit-form-container .editor-label {
    width: 30%;
    text-align: right;
    padding-right: 3%
}
.k-edit-field, .k-edit-form-container .editor-field {
    width: 60%
}
.k-grid .field-validation-error {
    display: block
}
.k-grid .input-validation-error {
    border-style: ridge;
    border-color: #f00;
    background-color: #ffc0cb
}
.k-grid-toolbar .k-button {
    vertical-align: middle
}
.k-grid-actions {
    display: inline-block
}
*+html .k-grid-actions {
    vertical-align: bottom
}
.k-grid .k-button, .k-edit-form-container .k-button {
    margin: 0 .2em
}
.k-grid tbody .k-button {
    min-width: 64px
}
.k-grid tbody button.k-button, #ie8#skips {
    min-width: 78px
}
*+html .k-grid tbody a.k-button {
    min-width: 62px
}
html body .k-grid tbody .k-button-icon {
    width: auto;
    min-width: 0
}
.k-detail-row {
    position: relative
}
.k-grid .k-detail-cell {
    overflow: visible
}
.k-grid .k-edit-cell {
    padding: 0 .3em
}
.k-edit-cell>.k-textbox, .k-edit-cell>.k-widget, .k-grid-edit-row>td>.k-textbox, .k-grid-edit-row>td>.k-widget {
    width: 100%
}
.k-edit-cell .k-widget, .k-grid-edit-row .k-widget {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
*+html .k-edit-cell>.k-textbox, *+html .k-edit-cell>.k-widget, *+html .k-grid-edit-row>td>.k-textbox, *+html .k-grid-edit-row>td>.k-widget {
    display: block;
    width: 90%
}
html .k-edit-cell .k-tooltip, html .k-grid-edit-row .k-tooltip {
    width: auto;
    max-width: 300px
}
.k-edit-cell input[type="checkbox"] {
    margin-left: .6em
}
.k-grid tbody td>.k-grid-delete {
    margin-top: -.2em;
    margin-bottom: -.2em
}
.k-grid-resize-indicator {
    position: absolute;
    width: 2px;
    background-color: #aaa
}
.k-grid .k-resize-handle {
    position: absolute;
    height: 25px;
    cursor: col-resize
}
.k-marquee {
    position: absolute;
    filter: alpha(opacity=30);
    opacity: .3
}
.k-column-menu .k-sprite {
    margin-right: 10px
}
span.k-datepicker, span.k-numerictextbox, span.k-combobox, span.k-dropdown {
    background: 0
}
.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox {
    position: relative;
    display: inline-block;
    width: 12.4em;
    overflow: visible;
    border-width: 0;
    vertical-align: middle
}
.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-numerictextbox, .k-dropdown, .k-selectbox {
    white-space: nowrap
}
.k-datetimepicker {
    width: 15em
}
.k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {
    position: relative;
    cursor: default
}
.k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {
    display: block
}
.k-calendar-container .k-header {
    background: 0
}
.k-block, .k-widget, .k-grid, .k-slider, .k-splitter, .k-treeview, .k-panelbar {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.k-popup.k-list-container, .k-popup.k-calendar-container {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 2px;
    border-width: 1px;
    border-style: solid
}
.k-list-container.k-state-border-up, .k-autocomplete.k-state-border-up, .k-dropdown-wrap.k-state-border-up, .k-picker-wrap.k-state-border-up, .k-numeric-wrap.k-state-border-up {
    border-top: 0;
    padding-top: 3px
}
.k-dropdown-wrap.k-state-border-up .k-select, .k-picker-wrap.k-state-border-up .k-select {
    top: 1px
}
.k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down {
    border-bottom: 0;
    padding-bottom: 3px
}
.k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {
    border-width: 1px;
    border-style: solid;
    padding: 2px 22px 2px 2px
}
.k-numeric-wrap.k-expand-padding {
    padding-right: 2px
}
.k-textbox, .k-autocomplete {
    padding: 2px
}
.k-textbox.k-space-left {
    padding-left: 22px
}
.k-textbox.k-space-right {
    padding-right: 22px
}
.k-textbox .k-icon {
    font-size: inherit;
    top: 50%;
    margin: -8px 0 0;
    position: absolute
}
.k-space-left .k-icon {
    left: 3px
}
.k-space-right .k-icon {
    right: 3px
}
.k-autocomplete, .k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-hover {
    -webkit-transition: -webkit-box-shadow .15s ease-out;
    -moz-transition: -moz-box-shadow .15s ease-out;
    -o-transition: box-shadow .15s ease-out;
    -ms-transition: box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out
}
.k-textbox>input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-combobox .k-input {
    width: 100%;
    vertical-align: top
}
.k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    font-family: inherit;
    border-width: 0;
    outline: 0
}
.k-dropdown {
    outline: 0
}
.k-dropdown .k-input, .k-selectbox .k-input {
    background: transparent
}
*+html .k-picker-wrap .k-input, *+html .k-numeric-wrap .k-input, *+html .k-combobox .k-input {
    margin: -1px 0
}
.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    cursor: default
}
.k-combobox .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select {
    border-style: solid;
    border-width: 0;
    border-color: inherit
}
.k-picker-wrap .k-select, .k-numeric-wrap .k-select {
    padding: 0 2px
}
span.k-datetimepicker .k-select, span.k-datetimepicker .k-select+.k-select {
    right: 0
}
.k-textbox, .k-autocomplete {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.k-textbox>input, .k-autocomplete .k-input {
    display: block
}
.k-combobox .k-icon {
    margin-top: 1px
}
.k-dropdown .k-select, .k-selectbox .k-select {
    overflow: hidden;
    border: 0;
    text-decoration: none;
    font: inherit;
    color: inherit;
    cursor: default
}
.k-dropdown .k-input, .k-selectbox .k-input {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}
.k-textbox>input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 1.31em;
    line-height: 1.31em;
    padding: .18em 0;
    text-indent: 4px;
    border: 0;
    margin: 0
}
*+html .k-autocomplete .k-input, *+html .k-picker-wrap .k-input, *+html .k-numeric-wrap .k-input, *+html .k-dropdown-wrap .k-input, *+html .k-selectbox .k-input {
    text-indent: 0
}
.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
    min-height: 1.3em;
    line-height: 1.3em;
    vertical-align: middle;
    padding: 3px
}
body .k-datetimepicker .k-select {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}
.k-popup {
    border-style: solid;
    border-width: 1px
}
.k-popup .k-item {
    cursor: default
}
.k-popup .k-calendar {
    border: 0
}
.k-list {
    height: 100%
}
.k-popup .k-list .k-item {
    padding: 1px 5px 1px 5px;
    line-height: 1.8em
}
.k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected {
    padding: 0 4px;
    border-width: 1px;
    border-style: solid
}
.k-calendar {
    position: relative;
    display: inline-block;
    width: 203px;
    overflow: hidden
}
.k-calendar td, .k-calendar .k-link {
    text-decoration: none
}
.k-calendar .k-action-link {
    text-decoration: underline
}
.k-calendar .k-header, .k-calendar .k-footer {
    position: relative;
    text-align: center;
    zoom: 1
}
.k-widget.k-calendar .k-nav-prev, .k-widget.k-calendar .k-nav-next {
    position: absolute;
    top: .3em;
    padding: .22em
}
.k-widget.k-calendar .k-nav-prev {
    left: 1%
}
.k-widget.k-calendar .k-nav-next {
    right: 1%
}
.k-calendar .k-content {
    float: left;
    border-spacing: 0;
    width: 100%;
    height: 166px;
    border-width: 0;
    margin: 0;
    table-layout: fixed;
    text-align: right
}
.k-calendar .k-animation-container .k-content {
    height: 100%
}
.k-widget.k-calendar .k-nav-fast {
    display: inline-block;
    width: 75%;
    height: 29px;
    line-height: 29px
}
.k-calendar .k-nav-fast .k-icon {
    vertical-align: top
}
.k-calendar th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: .4em .45em .4em .1em;
    font-weight: normal;
    cursor: default
}
.k-calendar td {
    padding: 1px;
    cursor: pointer
}
.k-calendar .k-state-focus {
    border-style: dotted;
    border-width: 1px;
    padding: 0
}
.k-calendar .k-content .k-link {
    display: block;
    overflow: hidden;
    min-height: 22px;
    line-height: 22px;
    padding: 0 .45em 0 .1em
}
.k-calendar .k-meta-view .k-link {
    padding: .25em 0 .3em;
    text-align: center
}
.k-calendar .k-footer {
    clear: both;
    padding: .5em 0
}
.k-calendar .k-nav-today:hover {
    text-decoration: underline
}
span.k-timepicker, span.k-datetimepicker, span.k-datepicker {
    background-color: transparent
}
.k-datetimepicker .k-picker-wrap {
    padding-right: 42px
}
.k-datetimepicker .k-picker-wrap .k-icon {
    margin-left: 3px
}
.k-picker-wrap .k-icon {
    cursor: pointer
}
.k-button, .k-textbox, .k-timepicker, .k-datepicker, .k-datetimepicker {
    display: inline-block;
    vertical-align: middle
}
.k-picker-wrap .k-input {
    margin: 0
}
.k-time-popup .k-item {
    padding: 1px 3px
}
div.k-treeview {
    border-width: 0;
    background: 0;
    overflow: auto;
    white-space: nowrap
}
.k-treeview .k-item {
    display: block;
    border-width: 0;
    margin: 0;
    padding: 0 0 0 16px
}
.k-treeview>.k-group, .k-treeview .k-item>.k-group, .k-treeview .k-content {
    margin: 0;
    padding: 0;
    background: 0;
    list-style-type: none;
    position: relative
}
.k-treeview .k-icon, .k-treeview .k-image, .k-treeview .k-sprite, .k-treeview .k-checkbox, .k-treeview .k-in {
    display: inline-block;
    vertical-align: top
}
.k-treeview .k-plus, .k-treeview .k-minus, .k-treeview .k-plus-disabled, .k-treeview .k-minus-disabled {
    float: left;
    margin-top: 3px;
    margin-left: -16px;
    cursor: pointer
}
.k-treeview .k-plus-disabled, .k-treeview .k-minus-disabled {
    cursor: default
}
.k-treeview .k-sprite, .k-treeview .k-image {
    margin-right: 3px
}
.k-treeview .k-in {
    margin: 1px 0 1px 2px;
    padding: 2px 4px 2px 3px;
    line-height: 16px;
    text-decoration: none
}
.k-treeview span.k-in {
    cursor: default
}
.k-treeview .k-in.k-state-hover, .k-treeview .k-in.k-state-selected {
    border-style: solid;
    border-width: 1px;
    padding: 1px 3px 1px 2px
}
.k-treeview .k-drop-hint {
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 80px;
    height: 5px;
    margin-top: -3px;
    background-color: transparent;
    background-repeat: no-repeat
}
.k-input {
    padding: .25em 0
}
.k-input, .k-textbox>input {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.k-textbox {
    outline: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 2px\9;
    width: 12.4em
}
input.k-textbox {
    padding: 2px .3em;
    height: 2.12em;
    line-height: 1.6em
}
*+html input.k-textbox {
    display: block;
    line-height: 1.72em;
    height: 1.72em;
    text-indent: .3em
}
textarea.k-textbox {
    height: auto
}
*+html .k-textbox {
    padding: 1px 0;
    text-indent: 0
}
span.k-numerictextbox {
    background: transparent
}
.k-numerictextbox .k-input {
    margin: 0
}
.k-numerictextbox .k-select {
    padding-top: 1px;
    padding-bottom: 1px
}
.k-numerictextbox .k-link {
    display: block;
    height: 11px;
    line-height: 11px;
    border-width: 0;
    padding: 0
}
.k-numerictextbox .k-icon {
    height: 11px;
    vertical-align: top
}
.k-colorpicker {
    display: inline-block;
    vertical-align: middle
}
.k-colorpicker .k-tool-icon {
    display: inline-block;
    vertical-align: top;
    padding: 2px 3px;
    font-size: 0;
    line-height: 0
}
.k-colorpicker .k-selected-color {
    display: block;
    height: 16px;
    width: 16px
}
.k-colorpicker .k-icon {
    margin-top: 4px;
    vertical-align: middle
}
.k-colorpicker-popup {
    width: 136px;
    line-height: 0
}
.k-colorpicker-popup .k-reset {
    display: inline-block;
    margin: 0;
    padding: .25em
}
.k-colorpicker-popup .k-item {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    overflow: hidden;
    font-size: 0;
    margin: 0 1px 1px 0;
    padding: 0
}
.k-colorpicker-popup .k-item div {
    height: 100%;
    margin: 1px;
    width: 100%
}
.k-editor {
    width: 100%;
    height: 250px;
    table-layout: fixed;
    border-style: solid;
    border-width: 1px;
    border-collapse: separate;
    font-size: 100%;
    vertical-align: top
}
.k-editor .k-editor-toolbar-wrap {
    border: 0;
    padding: 0
}
.k-editor-toolbar {
    margin: 0;
    padding: .1em 0;
    list-style-type: none;
    line-height: 1.3em;
    cursor: default
}
.k-editor-toolbar li {
    display: inline;
    vertical-align: middle
}
.k-editor-toolbar .k-editor-dropdown, .k-editor-toolbar .k-editor-combobox, .k-editor-toolbar .k-editor-selectbox, .k-editor-toolbar .k-editor-colorpicker {
    margin-right: 2px
}
.k-editor-toolbar .k-separator {
    position: relative;
    top: 1px;
    border-style: solid;
    border-width: 0 1px 0 0;
    margin: 0 .15em;
    padding: 0 0 0 1px;
    font-size: 1.3em
}
.k-editor-toolbar .k-break {
    display: block;
    height: 1px;
    font-size: 0;
    line-height: 0
}
.k-editor-toolbar .k-dropdown, .k-editor-toolbar .k-combobox, .k-editor-toolbar .k-selectbox, .k-editor-toolbar .k-colorpicker {
    vertical-align: middle
}
.k-editor-button .k-tool-icon {
    width: 22px;
    height: 22px;
    margin: 1px;
    vertical-align: middle
}
.k-editor-colorpicker .k-tool-icon {
    padding: 17px 3px 2px
}
.k-editor-colorpicker .k-icon {
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: #ccc
}
.k-editor-colorpicker .k-selected-color {
    height: 3px
}
.k-bold {
    background-position: -64px 0
}
.k-italic {
    background-position: -64px -22px
}
.k-underline {
    background-position: -64px -44px
}
.k-strikethrough {
    background-position: -64px -66px
}
.k-foreColor .k-tool-icon {
    background-position: -64px -88px
}
.k-backColor .k-tool-icon {
    background-position: -64px -110px
}
.k-justifyLeft {
    background-position: -64px -132px
}
.k-justifyCenter {
    background-position: -64px -154px
}
.k-justifyRight {
    background-position: -64px -176px
}
.k-justifyFull {
    background-position: -64px -198px
}
.k-insertUnorderedList {
    background-position: -64px -242px
}
.k-insertOrderedList {
    background-position: -64px -264px
}
.k-indent {
    background-position: -112px 0
}
.k-outdent {
    background-position: -112px -22px
}
.k-createLink {
    background-position: -112px -44px
}
.k-unlink {
    background-position: -112px -66px
}
.k-insertImage {
    background-position: -112px -88px
}
.k-subscript {
    background-position: -112px -154px
}
.k-superscript {
    background-position: -112px -176px
}
.k-fontName {
    width: 110px
}
.k-fontSize {
    width: 124px
}
.k-formatBlock {
    width: 147px
}
.k-editor-button .k-state-hover, .k-editor-button .k-state-active {
    border-style: solid;
    border-width: 1px;
    margin: 0;
    vertical-align: middle
}
.k-editor-button .k-state-disabled {
    filter: alpha(opacity=30);
    opacity: .3
}
.k-editor .k-editable-area {
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    outline: 0
}
.k-editor .k-content {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0
}
.k-editor iframe.k-content {
    display: inline;
    vertical-align: top
}
.k-editor .k-raw-content {
    border: 0;
    margin: 0;
    padding: 0
}
.k-editor .k-raw-content, .k-editor-dialog .k-editor-textarea {
    font-size: inherit;
    font-family: consolas, "courier new", monospace
}
.k-editor-dialog {
    padding: 1em
}
.k-editor-dialog ol {
    margin: 0;
    padding: 1em 0 0;
    list-style: none
}
.k-form-text-row, .k-form-checkbox-row {
    padding-bottom: .3em
}
.k-form-text-row input {
    margin-right: 1em
}
.k-form-text-row label {
    display: inline-block;
    width: 7em;
    padding-right: .5em;
    text-align: right
}
.k-form-checkbox-row input {
    margin-left: 7.5em;
    padding: 0;
    font-size: inherit
}
.k-form-checkbox-row label {
    padding-left: .3em
}
.k-form-checkbox-row input, .k-form-checkbox-row label, .k-form-text-row label .k-form-text-row input, .k-form-text-row select {
    vertical-align: middle
}
.k-form-text-row input, .k-form-text-row select {
    width: 20em
}
.k-editor-dialog .k-form-text-row label, .k-editor-dialog .k-button {
    display: inline-block
}
.k-editor-dialog .k-button-wrapper {
    padding: 1em;
    text-align: right
}
.k-editor-dialog .k-button-wrapper button {
    vertical-align: baseline
}
.k-editor-dialog .k-editor-textarea {
    width: 600px;
    height: 350px;
    padding: .2em .2em .2em .4em;
    border-width: 1px;
    border-style: solid;
    overflow: auto
}
.k-button-wrapper .k-link:hover {
    text-decoration: underline
}
div.k-slider {
    position: relative;
    border-width: 0;
    background-color: transparent;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.k-slider-vertical {
    width: 26px;
    height: 200px
}
.k-slider-horizontal {
    display: inline-block;
    width: 200px;
    height: 26px
}
.k-slider-wrap {
    width: 100%;
    height: 100%
}
.k-slider .k-button, .k-grid .k-slider .k-button {
    position: absolute;
    top: 0;
    width: 24px;
    min-width: 0;
    height: 24px;
    margin: 0;
    padding: 0;
    outline: 0
}
.k-slider .k-button .k-icon {
    margin-top: 4px;
    vertical-align: top
}
.k-state-disabled .k-slider-wrap {
    filter: alpha(opacity=60);
    opacity: .6
}
.k-state-disabled .k-slider-wrap .k-slider-items {
    color: #333
}
.k-slider .k-button-decrease {
    left: 0
}
.k-slider-vertical .k-button-decrease, .k-grid .k-slider-vertical .k-button-decrease {
    top: auto;
    bottom: 0
}
.k-slider .k-button-increase {
    right: 0
}
.k-slider .k-icon {
    cursor: pointer
}
*+html .k-slider .k-icon {
    margin-top: 2px
}
.k-slider-track, .k-slider-selection {
    position: absolute;
    margin: 0;
    padding: 0
}
.k-slider-horizontal .k-slider-track, .k-slider-horizontal .k-slider-selection {
    top: 50%;
    left: 0;
    height: 8px;
    margin-top: -4px;
    background-repeat: repeat-x
}
.k-slider-horizontal .k-slider-buttons .k-slider-track {
    left: 34px
}
.k-slider-vertical .k-slider-track, .k-slider-vertical .k-slider-selection {
    left: 50%;
    bottom: 0;
    width: 8px;
    margin-left: -4px;
    background-repeat: repeat-y
}
.k-slider-vertical .k-slider-buttons .k-slider-track {
    bottom: 34px
}
.k-draghandle {
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -3333px;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    cursor: pointer
}
.k-slider-horizontal .k-draghandle {
    top: -4px;
    width: 13px;
    height: 14px
}
.k-slider-vertical .k-draghandle {
    left: -4px;
    width: 14px;
    height: 13px
}
.k-slider-buttons .k-slider-items {
    margin-left: 34px
}
.k-slider-horizontal .k-slider-items {
    height: 100%
}
.k-slider-vertical .k-slider-items {
    padding-top: 1px
}
.k-slider-vertical .k-slider-buttons .k-slider-items {
    padding-top: 0
}
.k-slider-vertical .k-slider-buttons .k-slider-items {
    margin: 0;
    padding-top: 35px
}
.k-slider .k-tick {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: default
}
.k-slider-horizontal .k-tick {
    float: left;
    height: 100%;
    text-align: center
}
*+html .k-slider-vertical .k-tick {
    float: left;
    clear: left;
    width: 100%
}
.k-slider-horizontal .k-tick {
    background-position: center -92px
}
.k-slider-horizontal .k-slider-topleft .k-tick {
    background-position: center -122px
}
.k-slider-horizontal .k-slider-bottomright .k-tick {
    background-position: center -152px
}
.k-slider-horizontal .k-tick-large {
    background-position: center -2px
}
.k-slider-horizontal .k-slider-topleft .k-tick-large {
    background-position: center -32px
}
.k-slider-horizontal .k-slider-bottomright .k-tick-large {
    background-position: center -62px
}
.k-slider-vertical .k-tick {
    background-position: -92px center
}
.k-slider-vertical .k-slider-topleft .k-tick {
    background-position: -122px center
}
.k-slider-vertical .k-slider-bottomright .k-tick {
    background-position: -152px center
}
.k-slider-vertical .k-tick-large {
    background-position: -2px center
}
.k-slider-vertical .k-slider-topleft .k-tick-large {
    background-position: -32px center
}
.k-slider-vertical .k-slider-bottomright .k-tick-large {
    background-position: -62px center
}
.k-slider-horizontal .k-first {
    background-position: 0 -92px
}
.k-slider-horizontal .k-tick-large.k-first {
    background-position: 0 -2px
}
.k-slider-horizontal .k-slider-topleft .k-first {
    background-position: 0 -122px
}
.k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
    background-position: 0 -32px
}
.k-slider-horizontal .k-slider-bottomright .k-first {
    background-position: 0 -152px
}
.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
    background-position: 0 -62px
}
.k-slider-horizontal .k-last {
    background-position: 100% -92px
}
.k-slider-horizontal .k-tick-large.k-last {
    background-position: 100% -2px
}
.k-slider-horizontal .k-slider-topleft .k-last {
    background-position: 100% -122px
}
.k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
    background-position: 100% -32px
}
.k-slider-horizontal .k-slider-bottomright .k-last {
    background-position: 100% -152px
}
.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
    background-position: 100% -62px
}
.k-slider-vertical .k-first {
    background-position: -92px 100%
}
.k-slider-vertical .k-tick-large.k-first {
    background-position: -2px 100%
}
.k-slider-vertical .k-slider-topleft .k-first {
    background-position: -122px 100%
}
.k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
    background-position: -32px 100%
}
.k-slider-vertical .k-slider-bottomright .k-first {
    background-position: -152px 100%
}
.k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
    background-position: -62px 100%
}
.k-slider-vertical .k-last {
    background-position: -92px 0
}
.k-slider-vertical .k-tick-large.k-last {
    background-position: -2px 0
}
.k-slider-vertical .k-slider-topleft .k-last {
    background-position: -122px 0
}
.k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
    background-position: -32px 0
}
.k-slider-vertical .k-slider-bottomright .k-last {
    background-position: -152px 0
}
.k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
    background-position: -62px 0
}
.k-slider-vertical .k-tick {
    text-align: right
}
.k-slider-vertical .k-slider-topleft .k-tick {
    text-align: left
}
.k-slider .k-label {
    position: absolute;
    white-space: nowrap;
    font-size: .92em
}
.k-slider-horizontal .k-label {
    left: 0;
    width: 100%;
    line-height: 1
}
.k-slider-horizontal .k-first .k-label {
    left: -50%
}
.k-slider-horizontal .k-last .k-label {
    left: auto;
    right: -50%
}
.k-slider-horizontal .k-label {
    bottom: -1.2em
}
.k-slider-horizontal .k-slider-topleft .k-label {
    top: -1.2em
}
.k-slider-vertical .k-label {
    left: 120%;
    display: block;
    text-align: left
}
.k-slider-vertical .k-last .k-label {
    top: -0.5em
}
.k-slider-vertical .k-first .k-label {
    bottom: -0.5em
}
.k-slider-vertical .k-slider-topleft .k-label {
    left: auto;
    right: 120%
}
.k-tooltip {
    position: absolute;
    z-index: 20000;
    border-style: solid;
    border-width: 2px;
    padding: 4px 5px 4px 6px;
    background-repeat: repeat-x;
    min-width: 10px;
    text-align: center;
    filter: alpha(opacity=90);
    opacity: .9
}
span.k-tooltip {
    position: static;
    display: inline-block;
    border-width: 1px;
    padding: 2px 5px 1px 6px
}
.k-invalid-msg {
    display: none
}
.k-callout {
    position: absolute
}
.k-callout-n, .k-callout-s {
    width: 11px;
    height: 6px
}
.k-callout-w, .k-callout-e {
    width: 6px;
    height: 11px
}
.k-callout-n {
    top: -7px;
    left: 49%;
    margin-left: -5px;
    background-position: -162px -181px
}
.k-tooltip-validation .k-callout-n {
    background-position: -178px -181px
}
.k-callout-w {
    top: 49%;
    left: -7px;
    margin-top: -5px;
    background-position: -165px -226px
}
.k-tooltip-validation .k-callout-w {
    background-position: -181px -226px
}
.k-callout-s {
    top: 100%;
    left: 49%;
    margin-top: 2px;
    margin-left: -5px;
    background-position: -162px -213px
}
.k-tooltip-validation .k-callout-s {
    background-position: -178px -213px
}
.k-callout-e {
    top: 49%;
    left: 100%;
    margin-top: -5px;
    margin-left: 2px;
    background-position: -165px -194px
}
.k-tooltip-validation .k-callout-e {
    background-position: -181px -194px
}
.k-tooltip-validation .k-warning {
    vertical-align: text-top;
    margin-right: 3px
}
.k-window .k-tooltip-validation {
    z-index: 10010
}
.k-splitter {
    position: relative;
    height: 300px
}
.k-pane>.k-splitter {
    border-width: 0;
    overflow: hidden
}
.k-splitter .k-pane {
    overflow: hidden
}
.k-splitter .k-scrollable {
    overflow: auto
}
.k-splitter .k-pane-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px
}
.k-ghost-splitbar, .k-splitbar {
    position: absolute;
    border-style: solid;
    font-size: 0
}
.k-splitter .k-ghost-splitbar-horizontal, .k-splitter .k-splitbar-horizontal {
    top: 0;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y
}
.k-ghost-splitbar-vertical, .k-splitbar-vertical {
    left: 0;
    height: 5px;
    border-width: 1px 0;
    background-repeat: repeat-x
}
.k-splitbar-draggable-horizontal {
    cursor: w-resize
}
.k-splitbar-draggable-vertical {
    cursor: n-resize
}
.k-splitbar .k-resize-handle {
    display: none
}
.k-restricted-size-horizontal, .k-restricted-size-vertical {
    background-color: #f00
}
.k-splitbar-horizontal .k-icon {
    position: absolute;
    top: 50%;
    width: 5px;
    height: 20px;
    margin-top: -10px
}
.k-collapse-prev, .k-collapse-next, .k-expand-prev, .k-expand-next {
    cursor: pointer
}
.k-splitbar-horizontal .k-collapse-prev {
    margin-top: -31px
}
.k-splitbar-horizontal .k-collapse-next {
    margin-top: 11px
}
.k-splitbar-static-horizontal {
    width: 1px
}
.k-splitbar-static-vertical {
    height: 1px
}
.k-splitbar-vertical .k-icon {
    position: absolute;
    left: 50%;
    width: 20px;
    height: 5px;
    margin-left: -10px
}
.k-splitbar-vertical .k-collapse-prev {
    margin-left: -31px
}
.k-splitbar-vertical .k-collapse-next {
    margin-left: 11px
}
.k-splitbar-draggable-vertical .k-resize-handle, .k-splitbar-draggable-horizontal .k-resize-handle {
    display: inline-block
}
.k-splitbar-horizontal .k-resize-handle {
    background-position: -165px -6px
}
.k-splitbar-horizontal .k-collapse-prev, .k-splitbar-horizontal .k-expand-next {
    background-position: -6px -174px
}
.k-splitbar-horizontal .k-collapse-next, .k-splitbar-horizontal .k-expand-prev {
    background-position: -5px -142px
}
.k-splitbar-vertical .k-resize-handle {
    background-position: -38px -309px
}
.k-splitbar-vertical .k-collapse-prev, .k-splitbar-vertical .k-expand-next {
    background-position: 2px -134px
}
.k-splitbar-vertical .k-collapse-next, .k-splitbar-vertical .k-expand-prev {
    background-position: 2px -165px
}
html .k-upload {
    position: relative;
    border-width: 0;
    background: 0
}
.k-dropzone em, .k-upload-button {
    vertical-align: middle
}
*+html .k-dropzone em, *+html .k-upload-button {
    vertical-align: baseline
}
.k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: 4px;
    background-color: transparent
}
.k-dropzone em {
    visibility: hidden;
    margin-left: .6em
}
.k-dropzone-active {
    border-width: 1px;
    padding: 3px
}
.k-dropzone-active em {
    visibility: visible
}
.k-upload-button {
    position: relative;
    width: 86px;
    overflow: hidden!important;
    direction: ltr
}
.k-upload-button input {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    font: 200px monospace!important;
    filter: alpha(opacity=0);
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}
.k-upload-files {
    border-style: solid;
    border-width: 1px;
    margin: .2em 0 0;
    padding: .3em .7em .5em;
    line-height: 1.9em
}
.k-upload-files .k-button {
    position: relative;
    top: 1px;
    margin-left: 8px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 84%
}
*+html .k-upload-files .k-button {
    line-height: 1
}
.k-upload .k-upload-action .k-icon {
    width: 8px;
    height: 8px;
    vertical-align: baseline
}
.k-upload .k-delete, .k-upload .k-i-cancel {
    background-position: -164px -116px
}
.k-upload .k-fail {
    background-position: -161px -111px
}
.k-retry {
    background-position: -164px -132px
}
.k-si-refresh {
    background-position: -160px -128px
}
.k-si-tick, .k-success {
    background-position: -160px -96px
}
.k-si-cancel {
    background-position: -160px -112px
}
.k-filename {
    position: relative;
    display: inline-block;
    min-width: 120px;
    max-width: 200px;
    vertical-align: middle;
    padding-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap
}
.k-progress, .k-progress-status {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 118px;
    height: 2px;
    border-style: solid;
    border-width: 1px;
    background-repeat: repeat-x
}
.k-progress-status {
    left: -1px;
    bottom: -1px;
    width: 50%
}
.k-upload-selected {
    min-width: 86px;
    margin: 3px 0 0;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box
}
*+html .k-upload-selected {
    min-width: 100px
}
.k-toolbar-wrap .k-dropzone em, .k-toolbar-wrap .k-upload-files {
    display: none
}
.k-toolbar-wrap .k-dropzone {
    border: 0;
    padding: 0;
    background-color: transparent
}
.k-search-wrap {
    position: relative;
    float: right;
    width: auto;
    padding: 0
}
.k-search-wrap label {
    position: absolute;
    top: 0;
    left: 4px;
    line-height: 20px;
    font-style: italic
}
.k-search-wrap input.k-input {
    width: 158px;
    padding-left: 0;
    padding-right: 0
}
.k-search-wrap .k-search {
    position: absolute;
    top: 1px;
    right: 2px
}
.k-breadcrumbs {
    position: relative;
    float: left;
    width: 560px
}
.k-breadcrumbs-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding-left: 5px;
    line-height: 18px
}
html input.k-breadcrumbs-input {
    width: 100%;
    padding-left: 2px;
    font-family: inherit
}
.k-breadcrumbs .k-link, .k-breadcrumbs-wrap .k-icon {
    margin-top: 0;
    text-decoration: none;
    vertical-align: middle
}
.k-breadcrumbs .k-link:hover {
    text-decoration: underline
}
.k-imagebrowser .k-breadcrumbs .k-i-seek-w {
    text-decoration: none;
    cursor: default
}
.k-imagebrowser .k-toolbar {
    clear: both;
    border-style: solid;
    border-width: 1px;
    margin: 8px 0 0;
    padding: 2px 0 3px;
    background-repeat: repeat-x;
    line-height: 23px;
    white-space: nowrap
}
.k-imagebrowser .k-upload {
    float: left
}
.k-imagebrowser .k-upload-button {
    width: auto;
    vertical-align: top
}
.k-imagebrowser .k-upload .k-icon {
    vertical-align: bottom
}
*+html .k-imagebrowser .k-upload-button, *+html .k-imagebrowser .k-upload .k-icon {
    vertical-align: baseline;
    position: relative;
    top: 1px
}
*+html .k-imagebrowser .k-upload .k-icon {
    top: 2px
}
*+html .k-imagebrowser .k-toolbar .k-button-icon {
    vertical-align: middle
}
.k-i-folder-add, .k-addfolder {
    background-position: -32px -272px
}
.k-i-folder-up, .k-goup {
    background-position: -32px -288px
}
.k-toolbar .k-state-disabled, .k-plus-disabled, .k-minus-disabled {
    filter: alpha(opacity=50);
    opacity: .5
}
.k-toolbar-wrap {
    float: left
}
.k-tiles-arrange {
    float: right
}
.k-tiles-arrange .k-i-arrow-s {
    margin: 0 2px 0 3px
}
.k-tiles-arrange a {
    text-decoration: none
}
.k-tiles {
    clear: both;
    height: 390px;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0;
    margin: 0 0 1.4em;
    padding: 9px;
    overflow: auto;
    line-height: 1.2
}
.k-tile {
    float: left;
    width: 223px;
    height: 88px;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin: 1px;
    padding: 0 0 4px;
    background-position: 0 100px;
    background-repeat: repeat-x;
    cursor: pointer
}
.k-tiles li.k-state-hover, .k-tiles li.k-state-selected {
    background-position: 0 center
}
.k-imagebrowser .k-thumb {
    float: left;
    display: inline;
    width: 86px;
    height: 86px;
    margin: 4px 10px 0 4px;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.k-imagebrowser .k-image {
    margin: 2px 0 0 2px
}
.k-imagebrowser .k-folder {
    width: 80px;
    height: 80px;
    background-position: 0 -200px;
    background-repeat: no-repeat
}
.k-imagebrowser .k-loading {
    margin: 35px 0 0 33px
}
.k-tile strong, .k-tile input {
    margin: 10px 0 4px;
    font-weight: normal
}
.k-tile strong {
    float: left;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis
}
.k-tile input {
    width: 100px
}
.k-tile em, .k-tile .k-filesize {
    clear: left;
    font-weight: normal;
    font-style: normal
}
.k-tile strong, .k-tile input, .k-tile em, .k-tile .k-filesize {
    display: block
}
.k-imagebrowser .k-form-text-row input {
    width: 628px
}
.k-tile-empty {
    margin: 160px 0 0
}
.k-tile-empty .k-dialog-upload {
    font-weight: bold;
    font-size: 120%
}
.k-tile-empty strong {
    display: block;
    margin: 0 0 .2em;
    font-size: 3em;
    font-weight: normal
}
.k-tile-empty, .k-tile-empty .k-button-wrapper {
    text-align: center
}
*+html .k-button, *+html .k-grid-filter, *+html .k-header-column-menu, *+html .k-grid .k-pager-numbers, *+html .k-grid .k-status-text, *+html .k-pager-numbers .k-link, *+html .k-pager-numbers span, *+html .k-pager-numbers input, *+html .k-grouping-row p, *+html .k-grouping-header a, *+html .k-grouping-header .k-group-indicator, *+html .k-grouping-header .k-link, *+html .k-grouping-header .k-button, *+html .k-grid-actions, *+html .k-edit-label, *+html .k-edit-field, *+html .k-edit-form-container .editor-label, *+html .k-edit-form-container .editor-field, *+html .k-combobox, *+html .k-dropdown, *+html .k-selectbox, *+html .k-picker-wrap .k-select, *+html .k-dropdown-wrap .k-select, *+html .k-numerictextbox, *+html .k-timepicker, *+html .k-datepicker, *+html .k-datetimepicker, *+html .k-calendar, *+html .k-calendar .k-nav-fast, *+html .k-treeview .k-icon, *+html .k-treeview .k-image, *+html .k-treeview .k-sprite, *+html .k-treeview .k-in, *+html .k-colorpicker, *+html .k-colorpicker .k-tool-icon, *+html .k-colorpicker-popup .k-reset, *+html .k-editor-dialog .k-button, .k-form-text-row label, *+html .k-tabstrip-items .k-item, *+html .k-tabstrip-items .k-link, *+html .k-slider-horizontal, *+html .k-splitbar-draggable-vertical .k-resize-handle, *+html .k-splitbar-draggable-horizontal .k-resize-handle, *+html .t-filename, *+html div.k-window, *+html .k-window-titlebar .k-window-action {
    display: inline;
    zoom: 1
}
.km-scroll-container {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-margin-collapse: separate;
    -webkit-transform: translatez(0)
}
.k-widget .km-scroll-wrapper {
    position: relative;
    padding-bottom: 0
}
.km-touch-scrollbar {
    position: absolute;
    visibility: hidden;
    z-index: 200000;
    height: .3em;
    width: .3em;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear
}
.km-vertical-scrollbar {
    height: 100%;
    right: 2px;
    top: 2px
}
.km-horizontal-scrollbar {
    width: 100%;
    left: 2px;
    bottom: 2px
}/******* End of kendo.common.min.css ******/
/******* Start of kendo.dataviz.min.css ******/
/*
* Kendo UI DataViz v2012.2.913 (http://kendoui.com)
* Copyright 2012 Telerik AD. All rights reserved.
*
* Kendo UI DataViz commercial licenses may be obtained at
* https://www.kendoui.com/purchase/license-agreement/kendo-ui-dataviz-commercial.aspx
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
.k-chart, .k-gauge {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
div.k-chart, div.k-gauge {
    background-color: transparent
}
.k-gauge {
    text-align: left
}
.k-baseline-marker {
    zoom: 1;
*display: inline
}
.k-chart .k-tooltip {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 2px 6px;
    white-space: nowrap;
    z-index: 1000
}/******* End of kendo.dataviz.min.css ******/
/******* Start of kendo.default.min.css ******/
/*
* Kendo UI Web v2012.2.913 (http://kendoui.com)
* Copyright 2012 Telerik AD. All rights reserved.
*
* Kendo UI Web commercial licenses may be obtained at
* https://www.kendoui.com/purchase/license-agreement/kendo-ui-web-commercial.aspx
* If you do not own a commercial license, this file shall be governed by the
* GNU General Public License (GPL) version 3.
* For GPL requirements, please review: http://www.gnu.org/copyleft/gpl.html
*/
.k-block, .k-widget {
    background-color: #fff
}
.k-block, .k-widget, .k-input, .k-textbox, .k-group, .k-content, .k-header, .k-editable-area, .k-separator, .k-colorpicker .k-i-arrow-s, .k-textbox>input, .k-autocomplete, .k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header-wrap, .k-grid-header, .k-grid td, .k-grid-footer-wrap, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-refresh, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-dropdown-wrap, .k-panelbar>.k-item>.k-link, .k-panel>.k-item>.k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-calendar th, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-upload-files, .k-tiles, .k-toolbar, .k-dropdown-wrap, .k-tooltip, .k-progress {
    border-color: #c5c5c5
}
.k-group, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-widget .k-status, .k-grouping-row td, td.k-group-cell, .k-calendar th, .k-dropzone-hovered, .k-upload-files {
    background-color: #ebebeb
}
.k-list-container {
    border-color: #c5c5c5;
    background-color: #e9e9e9
}
.k-content, .k-editable-area, .k-panelbar>li.k-item, .k-panel>li.k-item, .k-tiles {
    background-color: #fff
}
.k-alt, .k-separator {
    background-color: #f5f5f5
}
.k-widget .k-dropdown-wrap, .k-widget .k-picker-wrap, .k-widget .k-numeric-wrap, .k-textbox, .k-autocomplete.k-header, .k-autocomplete.k-state-focused, span.k-dropdown-wrap.k-state-active, span.k-picker-wrap.k-state-active, .k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-focused:hover, span.k-numeric-wrap.k-state-active, .k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-focused:hover {
    border-color: #c5c5c5;
    background-color: #e9e9e9
}
.k-textbox>input, .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-autocomplete.k-state-focused .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input {
    border-color: #c5c5c5
}
.k-input, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox>input {
    background-color: #fff;
    color: #2e2e2e
}
.k-block, .k-widget, .k-popup, .k-content, .k-dropdown .k-input {
    color: #2e2e2e
}
.k-link:link, .k-link:visited {
    color: #2e2e2e
}
.k-header {
    color: #2e2e2e
}
.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-grouping-header, .k-tooltip, .k-pager-wrap, .k-button, .k-draghandle, .k-tile, .k-textbox, .k-autocomplete, .k-state-hover, .k-state-selected, .k-state-focused, .k-state-highlight, .k-tabstrip-items .k-item {
    background-image: url("textures/highlight.png")
}
.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-tooltip, .k-pager-wrap, .k-button, .k-draghandle {
    background-color: #e3e3e3
}
.k-icon, .k-column-menu .k-sprite {
    opacity: .8
}
.k-icon:hover, .k-state-hover .k-icon, .k-state-selected .k-icon, .k-state-focused .k-icon, .k-column-menu .k-state-hover .k-sprite, .k-column-menu .k-state-active .k-sprite {
    opacity: 1
}
.k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-callout, .k-progress, .k-progress-status, .k-column-menu .k-sprite {
    background-image: url('Default/sprite.png')
}
.k-loading {
    background-image: url('Default/loading.gif')
}
.k-loading-image {
    background-image: url('Default/loading-image.gif')
}
.k-loading-color {
    background-color: #fff
}
.k-button {
    color: #2e2e2e
}
.k-button, .k-button.k-state-disabled:hover, .k-state-disabled .k-button:hover, .k-draghandle {
    border-color: #c5c5c5;
    background-color: #e3e3e3
}
.k-button:hover, .k-draghandle:hover {
    border-color: #a99f9a;
    background-color: #a99f9a
}
.k-state-active, .k-state-active:hover, .k-active-filter {
    background-color: #fff;
    border-color: #f0713a;
    color: #2e2e2e
}
.k-state-highlight {
    background-color: #fff;
    color: #2e2e2e
}
.k-state-focused {
    color: #2e2e2e;
    background-color: #a99f9a;
    border-color: #a99f9a
}
.k-state-selected, .k-list>.k-state-selected, .k-list>.k-state-focused, .k-list>.k-state-highlight, .k-panelbar>.k-state-selected, .k-panel>.k-state-selected, .k-button:active, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover {
    color: #fff;
    background-color: #f0713a;
    border-color: #f0713a
}
.k-state-selected.k-state-focused, .k-state-selected.k-state-highlight {
    background-color: #ed5614
}
.k-state-selected>.k-link {
    color: #fff
}
.k-state-hover, .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list>.k-state-hover, .k-marquee, .k-pager-wrap .k-link:hover, .k-dropdown .k-state-focused {
    color: #2e2e2e;
    background-color: #a99f9a;
    border-color: #a99f9a
}
.k-state-hover>.k-link, .k-other-month.k-state-hover .k-link {
    color: #2e2e2e
}
.k-textbox:hover, .k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover {
    background-color: #a99f9a;
    border-color: #a99f9a
}
.k-calendar .k-state-selected.k-state-focused>.k-link {
    background-color: transparent
}
.k-dropdown .k-state-hover .k-input {
    color: #2e2e2e
}
.k-dropdown .k-state-focused .k-input {
    color: #2e2e2e
}
.k-state-error {
    border-color: #e20000;
    background-color: #ff5252;
    color: #fff
}
.k-state-disabled {
    filter: alpha(opacity=70);
    opacity: .7
}
.k-state-disabled, .k-state-disabled .k-link, .k-state-disabled .k-button, .k-other-month .k-link, .k-dropzone em, .k-tile-empty strong, .k-slider .k-draghandle {
    color: #9f9e9e
}
.k-slider-track {
    background-color: #e3e3e3
}
.k-slider-selection {
    background-color: #f0713a
}
.k-slider-horizontal .k-tick {
    background-image: url('Default/slider-h.gif')
}
.k-slider-vertical .k-tick {
    background-image: url('Default/slider-v.gif')
}
.k-tooltip {
    border-color: #a99f9a;
    background-color: #fff;
    color: #2e2e2e
}
.k-tooltip-validation {
    border-color: #ffe79e;
    background-color: #fff4c9;
    color: #635145
}
.k-splitbar {
    background-color: #e3e3e3
}
.k-restricted-size-vertical, .k-restricted-size-horizontal {
    background-color: #fff
}
.k-progress-status {
    border-color: #a99f9a transparent
}
.k-tile {
    border-color: #fff
}
.k-textbox:hover, .k-tiles li.k-state-hover {
    border-color: #a99f9a
}
.k-tiles li.k-state-selected {
    border-color: #f0713a
}
.k-tile .k-folder {
    background-image: url('Default/imagebrowser.png')
}
.k-popup, .k-menu .k-group, .k-grid .k-filter-options, .k-time-popup, .k-datepicker-calendar, .k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-imagebrowser .k-image {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3)
}
.k-window {
    border-color: rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3)
}
.k-textbox>input, .k-autocomplete .k-input, .k-combobox .k-input, .k-picker-wrap .k-input {
    box-shadow: inset 0 0 1px 1px #ddd;
    -webkit-box-shadow: inset 0 0 1px 1px #ddd
}
.k-shadow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3)
}
.k-inset {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3)
}
.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-state-hover, .k-treeview .k-state-selected, .k-editor-button .k-state-hover, .k-editor-button .k-state-active, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}
.k-calendar-container.k-state-border-up, .k-list-container.k-state-border-up, .k-autocomplete.k-state-border-up, .k-dropdown-wrap.k-state-border-up, .k-picker-wrap.k-state-border-up, .k-numeric-wrap.k-state-border-up, .k-window-content, .k-filter-menu {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}
.k-window-titlebar, .k-block>.k-header, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-link, .k-calendar-container.k-state-border-down, .k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}
.k-dropdown-wrap .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-datetimepicker .k-select+.k-select, .k-animation-container .k-calendar-container, .k-list-container.k-state-border-right {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}
.k-textbox>input, .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-numeric-wrap .k-link, .k-colorpicker .k-selected-color, .k-progress, .k-progress-status {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}
.k-list .k-state-hover, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-selected, .k-dropzone, .k-upload-files {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.k-slider .k-button, .k-grid .k-slider .k-button {
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px
}
.k-draghandle {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px
}/******* End of kendo.default.min.css ******/

/***********START OF ALL.CSS 2 *****/

/*** start of all.css browse-theme update ***/
.promo-section .holder .alignleft {
    width: 65%;
    float: left;
}

.promo-section .holder .alignleft .indicators-box {
    width: 100%;
    float: none;
}

.indicators-box h2 {
    margin-bottom: 5px;
}

.indicators br {
    display: none;
}

.indicators-list {
    border-spacing: 20px;
    margin-top: 0;
    margin-left: -20px;
}

.indicators-list li {
    display: table-cell;
    padding: 0;
}

.indicators-list li a {
    margin: 21px 0 10px;
}

.browse-theme {
    text-align: right;
    padding-right: 20px;
    padding-top: 20px;
}

@media only screen and (max-width: 767px) {

    .indicators-list {
        border-spacing: 0;
    }

    .indicators-list li {
        display: inline-block;
    }

    .browse-theme {
        text-align: center;
        padding-top: 0;
        padding-bottom: 10px;
        padding-right: 0;
    }

    .promo-section .holder .alignleft {
        width: 100%;
        float: none;
    }
}
/*** end of all.css browse-theme update ***/
/* Legend styling */ 

body .legend {
  margin-left: 65px;
  margin-top: 15px;
  margin-bottom: 50px;
  content: '';
  display: block;
  clear: both;
}
body .legend:before,
body .legend:after {
  content: " ";
  display: table;
}
body .legend:after {
  clear: both;
}
body .legend .legend-half {
  width: 50%;
  float: left;
}
body .legend .legend-half .legend-item {
  position: relative;
}
body .legend .legend-half .legend-item .legend-line {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  width: 50px;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
body .legend .legend-half .legend-item .legend-line .marker {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
body .legend .legend-half .legend-item .legend-line .marker.square {
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px;
  top: calc( 50% + 1px);
}
body .legend .legend-half .legend-item .legend-line .marker.circle {
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  top: calc( 50% + 1px);
}
body .legend .legend-half .legend-item .legend-line .marker.triangle {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid red;
}
body .legend .legend-half .legend-item .legend-line .marker.triangle:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 4px solid white;
  position: absolute;
  top: calc( 50% + 6px);
  left: 50%;
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
body .legend .legend-half .legend-item .legend-line .marker.square:before {
  content: '';
  width: 5px;
  height: 5px;
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
}

body .legend .legend-half .legend-item .legend-line .marker.circle:before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
}
body .legend .legend-half .legend-item .legend-line .marker.fill:before {
  display: none;
}

body .legend .legend-half .legend-item .legend-description {
  display: inline-block;
  margin-left: 70px;
}
body div[role="main"] section.article p {
  font-size: 1.4rem;
  color: #454545;
}
body * {
  outline: none !important;
}
body *:focus {
  outline: none !important;
}
body a {
  text-decoration: none;
}
body a:hover,
body a:focus {
  text-decoration: none;
}