@font-face {
	font-family: "Brandon Bold";
	src: url('font/brandon_bld.otf') format('opentype');
}
@font-face {
	font-family: "Brandon Black";
	src: url('font/brandon_blk.otf') format('opentype');
}
@font-face {
	font-family: "Brandon Regular";
	src: url('font/brandon_reg.otf') format('opentype');
}

@font-face {
    font-family: "PT Sans";
    font-style: normal;
    font-weight: 400;
    src: local("PT Sans"), local("PTSans-Regular"), url("https://fonts.gstatic.com/s/ptsans/v8/zQCiNX1F1RnBbbNioGlclQ.woff2") format("woff2"), url("https://fonts.gstatic.com/s/ptsans/v8/jduSEW07_j4sIG_ERxiq4Q.woff") format("woff");
}

body {
    background-color: #f5f8fa;
    color: #123e6f;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 100%;
    line-height: 1.42857;
    margin: 0;
    min-height: 100%;
    padding: 0;
}
html {
    height: 100%;
    min-height: 100%;
}
img {
    border: 0 none;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "PT Sans",sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-indent: 0;
}
h4 {
    color: #818181;
    font-size: 14px;
}
h1.title {
    color: white;
    float: left;
    font-family: Verdana,Geneva,"DejaVu Sans",sans-serif;
    font-size: 23px;
    line-height: 27px;
    margin-left: 40px;
    margin-top: 20px;
}
a {
    color: #0092d4;
    cursor: pointer;
    text-decoration: none;
}
a:hover {
    color: #bbb;
    text-decoration: none;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #aaa;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
input {
    background-color: #fbfbfb;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    box-sizing: border-box;
    color: #818181;
    font-size: 12px;
    height: 26px;
    margin: 0;
    padding: 3px;
}
.hide {
    display: none !important;
}
.show {
    display: inherit !important;
}
.fr {
    float: right !important;
}
.fl {
    float: left !important;
}
.wa {
    width: auto !important;
}
.ar {
    text-align: right;
}
#content-wraper {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    max-width: 1200px;
}
.notLogged{
    max-width: 1020px !important;
}
#end-content-wrapper {
    background-color: #f5f5f5;
    background-image: url("images/centerContentEndBg.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 7px;
    margin: 0 auto;
    width: 100%;
}
#top-line-panel {
    background-image: url("images/topLine.png");
    background-position: center center;
    height: 13px;
    margin: 0 auto;
    width: 100%;
}
#top-line-bottom {
    background-color: white;
    background-repeat: no-repeat;
    height: 10px;
    margin: 0 auto;
    width: 1200px;
}
#top-banner-panel {
    background-image: url("images/topBanner2.jpg");
    background-repeat: no-repeat;
    border-bottom: 1px solid #eeeeee;
    height: 120px;
    margin: 0 auto;
    width: 1200px;
}
#home-link-logo {
    display: block;
    float: left;
    height: 47px;
    width: 115px;
}
#body-wrapper {
    background-color: #fff;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    max-width: 1015px;
    width:100%;
}
#body-wrapper-logged {
    /*background-color: #fff;*/
    /*display: inline-block;*/
    max-width: 1200px;
    width: 100%;
}
#body-wrapper-merchant {
    background-color: #fff;
    display: inline-block;
    width: 100%;
}
#left-body-panel {
    float: left;
    height: 100%;
    /*margin-left: 90px;
    min-height: 400px;*/
    padding: 30px;
    max-width: 415px;
    width:100%;
}
#center-body-panel {
    color: #0093d3;
    display: inline-block;
    float: left;
    font-size: 13px;
    margin-top: 105px;
    text-align: center;
    max-width: 40px;
    width:100%;
}
#right-body-panel {
    display: inline-block;
    /*float: right;*/
    /*margin-right: 70px;*/
    padding: 30px;
    max-width: 440px;
    width:100%;
}
#footer-panel {
    margin: 10px auto;
    /*max-width: 1000px;*/
}
#footer_copyright {
    font-size: 12px;
    text-align: center;
}
.panel-title {
    color: #06356b;
    float: left;
    font-family: "PT Sans",sans-serif;
    font-size: 30px;
    font-weight: bold;
}
.panel-description {
    float: left;
    font-size: 11px;
    margin-left: 7px;
    margin-top: 18px;
}
#topBar {
    height: 41px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}
#banner {
    display: block;
    margin: 0;
    padding-top: 10px;
    width: auto;
}
#logo {
    float: left;
}
#logo a {
    background-color: #008994;
    background-image: url("images/LogoKVK.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 31px;
    width: 175px;
}
#logo a.big, #logo a.big:hover, #logo a.big:focus, #logo a.big:active {
    background-color: #008994;
    background-image: url("images/LogoKVKbig.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 64px;
    position: relative;
    top: 10px;
    width: 400px;
}
#logo a:hover, #logo a:focus, #logo a:active {
    background-color: #149da8;
    background-image: url("images/LogoKVK_sel.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    outline: medium none;
}
#main {
    display: block;
    margin: 0;
    min-height: 530px;
    padding: 0;
    width: auto;
}
#mainLogOff {
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
}
#LeftPane {
    /*background-color: #FBCA4C;*/
    background-color: #38CAFB;
    border-radius: 4px;
    color: black;
    display: block;
    float: left;
    /*min-height: 403px;*/
    padding: 20px 25px;
    /*width: 260px;*/
    word-wrap: break-word;
    margin: 0 20px 0 10px;
}
#LeftPane h4 {
    display: none;
    height: 0;
}
#ContentCol {
    background-color: #ffffff;
    border-radius: 4px;
    display: table;
    min-height: 500px;
    padding: 10px;
    max-width: 830px;
    width:100%;
    height:0;
}
#ContentCol_Home {
    background-color: #ffffff;
    border-radius: 4px;
    display: table;
    min-height: 500px;
    padding: 10px 0;
    max-width: 830px;
    width:100%;
    height:0;
}
.chrome #ContentCol {
}
#MainPane {
    float: left;
    margin-right: 0;
    word-wrap: break-word;
    width:100%;
}
#RightPane {
    float: right;
    margin-top: 0;
    text-align: left;
    width: 200px;
    word-wrap: break-word;
}
#footer {
    background-color: #f5f5f5;
    clear: both;
    color: #737373;
    font-size: 11px;
    width: 100%;
}
#footerContainer {
    display: block;
    height: 40px;
    padding: 20px;
    position: relative;
}
div.contentHeader {
    display: block;
    margin-bottom: 5px;
    position: relative;
}
#MerchantZone-ContentCol div.contentHeader {
    display: block;
    padding-top: 10px;
}
div.SectionHeader {
    background-color: #b0ddf2;
    border-bottom: medium none;
    display: block;
    margin-bottom: 5px;
    padding: 5px 6px 6px;
    text-align: left;
}
#MainPane h2 {
    color: #285e56;
    font-family: "PT Sans",sans-serif;
    font-size: 19px;
    line-height: 20px;
    min-height: 20px;
    padding-bottom: 2px;
    /*padding-left: 20px;*/
    padding-left: 0;
    vertical-align: bottom;
}
#merchantzone-content-wraper {
    background-color: white;
    display: table;
    margin: 0 auto;
    width: 95%;
}
#merchantzone-top-line-panel {
    background-color: #05346b;
    height: 13px;
    margin: 0 auto;
    width: 100%;
}
.mainmenu {
    margin-top: 20px;
    text-align: center;
}
.mainmenu a:first-child {
    margin-left: 0;
}
.mainmenu a {
    border-radius: 4px;
    color: #aab2bd;
    display: inline-block;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-left: 5px;
    padding: 8px 12px;
    position: relative;
    text-transform: uppercase;
}
a {
    color: #337ab7;
    text-decoration: none;
}
a {
    background-color: transparent;
}
.mainmenu a:hover {
    background-color: #00a8e3;
    color: white;
    text-decoration: none;
}
.mainmenu .selected {
    background-color: #00a8e3;
    color: white;
    text-decoration: none;
}
div.LeftMenuDiv {
    float: left;
    margin-top: 15px;
    position: relative;
    text-transform: lowercase;
    width: 190px;
}
div.LeftMenuDiv li {
    display: table;
    height: 50px;
    position: relative;
    width: 190px;
}
div.LeftMenuDiv li > ul {
    margin-left: 30px;
}
div.LeftMenuDiv a.item {
    color: #fff;
    display: table-cell;
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 0 60px;
    position: relative;
    text-align: right;
    text-decoration: none;
    vertical-align: middle;
}
div.LeftMenuDiv a.item:hover, div.LeftMenuDiv a.item:focus, div.LeftMenuDiv a.item:active {
    color: #000;
}
#LeftPane > span {
    color: white;
    display: block;
    text-align: right;
}
span.ImageWrap {
    left: 5px;
    position: absolute;
    text-align: center;
    top: 6px;
}
i.DefaultLeftMenuItemIcon, i.LeftMenuItemIcon-1, i.LeftMenuItemIcon-2, i.LeftMenuItemIcon-3, i.LeftMenuItemIcon-4, i.LeftMenuItemIcon-5, i.LeftMenuItemIcon-6, i.LeftMenuItemIcon-7, i.LeftMenuItemIcon-8, i.LeftMenuItemIcon-9, i.LeftMenuItemIcon-10, i.LeftMenuItemIcon-11, i.LeftMenuItemIcon-12, i.LeftMenuItemIcon-13, i.LeftMenuItemIcon-14, i.LeftMenuItemIcon-15 {
    background-image: url("images/LeftMenuIcons.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px;
}
i.LeftMenuItemIcon-1 {
    background-image: url("images/LeftMenuIcons.png");
    background-position: 0 -20px;
}
i.LeftMenuItemIcon-2 {
    background-image: url("images/LeftMenuIcons.png");
    background-position: 0 -40px;
}
i.LeftMenuItemIcon-3 {
    background-image: url("images/LeftMenuIcons.png");
    background-position: 0 -60px;
}
i.LeftMenuItemIcon-4 {
    background-image: url("images/LeftMenuIcons.png");
    background-position: 0 -80px;
}
i.LeftMenuItemIcon-5 {
    background-image: url("images/LeftMenuIcons.png");
    background-position: 0 -100px;
}
i.LeftMenuItemIcon-6 {
    background-image: url("images/LeftMenuIcons.png");
    background-position: 0 -120px;
}
i.LeftMenuItemIcon-7 {
    background-image: url("images/LeftMenuIcons.png");
    background-position: 0 -140px;
}
i.LeftMenuItemIcon-8 {
    background-image: url("images/LeftMenuIcons.png");
    background-position: 0 -160px;
}
i.LeftMenuItemIcon-9 {
    background-image: url("images/LeftMenuIcons.png");
    background-position: 0 -180px;
}
i.LeftMenuItemIcon-10 {
    background-image: url("images/LeftMenuIcons.png");
    background-position: 0 -200px;
}
i.LeftMenuItemIcon-11 {
    background-image: url("images/LeftMenuIcons.png");
    background-position: 0 -220px;
}
i.LeftMenuItemIcon-12 {
    background-image: url("images/LeftMenuIcons.png");
    background-position: 0 -240px;
}
i.LeftMenuItemIcon-13 {
    background-image: url("images/LeftMenuIcons.png");
    background-position: 0 -260px;
}
i.LeftMenuItemIcon-14 {
    background-image: url("images/LeftMenuIcons.png");
    background-position: 0 -280px;
}
i.LeftMenuItemIcon-15 {
    background-image: url("images/LeftMenuIcons.png");
    background-position: 0 -300px;
}
div.CardBox {
    display: inline-block;
    height: 180px;
    text-align: center;
    width: 200px;
}
div.CardBox span {
    display: inline-block;
}
div.CardImage {
    /*background-image: url("../../Images/Cards/Default.jpg");*/
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 5px;
    height: 119px;
    width: 190px;
}
.CardSNR {
    font-weight: normal;
}
.CardSNR_selected {
    font-weight: bold;
}
#cardSelector2 {
    margin: 15px 0 5px;
    width: 190px;
}
#cardSelector2 select {
    margin: 0;
    padding: 0;
    width: 180px;
}
div.AccountBox {
    /*background: rgba(0, 0, 0, 0) linear-gradient(to right, #ffffff 0px, #f3f3f3 100%) repeat scroll 0 0;*/
    border-color: #000;
    border-style: solid;
    border-width: 0;
    box-shadow: 1px 1px 2px #888888;
    float: left;
    margin: 5px 20px 20px 15px;
    padding: 0 15px 15px 15px;
    max-width: 765px;
    width:100%;
}

div.AccountBox div.Merchant {
    /*background: rgba(0, 0, 0, 0) linear-gradient(to right, #d9f0f8 0px, #f3f3f3 100%) repeat scroll 0 0;*/
    height: 90px;
    padding: 0 20px;
}
div.AccountBox div.MerchantLogo {
    float: left;
    width: 120px;
}
div.AccountBox div.MerchantLogo img {
    max-width: 120px;
}
div.account-box div.MerchantLogo {
    float: left;
    margin-bottom: 20px;
    width: 80px;
}
div.account-box img.MerchantLogo {
    display: block;
    margin: 0 auto;
    max-width: 80px;
}
div.AccountBox img.MerchantLogo {
    max-height: 45px;
    max-width: 45px;
    border-radius:50%;
    vertical-align:middle;
    /*margin: 0 auto;
    display: block;*/
}
div.AccountBox div.MerchantInfo {
    clear: both;
    color: #123e6f;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: normal;
    position: relative;
    width: 695px;
}
div.AccountBox div.FidelityInfo {
    float: left;
    padding-top: 10px;
    text-align: left;
    width: 100%;
}
div.AccountBox span.MerchantName {
    font-size: 18px;
    font-weight: bold;
}
div.AccountBox span.MerchantAddress {
    color: #a4a4a4;
    display: inline-block;
    padding: 10px 0;
}
.merchant-logo {
    float: left;
    margin-top: -10px;
    padding-right: 20px;
    height:120px;
}
div.merchant-logo:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.merchant-label {
    float: left;
    padding: 12px 0 0;
}
.merchant-label-title {
    font-size: 15px;
    margin: 0 0 1px;
}
.merchant-label-desc {
    font-size: 14px;
}
div.AccountBox span.MerchantDescription {
}
div.AccountBox span.StatusTitle {
}
div.AccountBox span.StatusValue {
    font-weight: bold;
    /*text-transform: uppercase;*/
}
div.AccountBox span.PointsTitle {
}
div.AccountBox span.PointsValue {
    font-weight: bold;
}
div.AccountBox div.TransactionRow {
    display: table;
    float: left;
    margin-top: 2px;
    min-height: 35px;
    padding: 5px 5px 4px;
    position: relative;
    width: 820px;
}
div.AccountBox div.TransactionRow a {
    display: table-cell;
    font-size: 14px;
    padding: 30px 10px 10px;
    text-align: right;
    text-decoration: underline;
    vertical-align: bottom;
}
div.AccountBox div.FidelityInfoRow {
    align-items: center;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #d9f0f8 0px, #f3f3f3 100%) repeat scroll 0 0;
    display: flex;
    float: left;
    margin-top: 2px;
    min-height: 31px;
    padding: 5px 5px 5px 0;
    position: relative;
    max-width: 785px;
    width:100%;
}
div.AccountBox div.FidelityInfoRow span.MultiValue {
    display: block;
    font-weight: bold;
    padding-left: 18px;
}
div.AccountBox div.FidelityInfoRow div.left {
    float: left;
    height: 31px;
    width: 70px;
}
div.AccountBox div.FidelityInfoRow div.center {
    float: left;
    text-align: left;
    max-width: 570px;
    width:100%;
}
div.AccountBox div.FidelityInfoRow div.right {
    /*float: right;
    position: absolute;
    right: 10px;*/
    text-align: right;
    max-width: 126px;
    width:100%;
   
}
div.AccountBox .UctyImage {
    background-image: url("images/FBicons.png");
    background-position: 0 -17px;
    background-repeat: no-repeat;
    height: 16px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 16px;
}
div.AccountBox span.StatusImage {
    background-image: url("images/spritevCard.png");
    background-position: -5px -285px;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    left: 20px;
    position: absolute;
    width: 30px;
}
div.AccountBox i.PointsImage {
    background-image: url("images/FBicons2.png");
    background-position: 0 -83px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    left: 2px;
    position: absolute;
    top: 3px;
    vertical-align: middle;
    width: 16px;
}
div.AccountBox i.VisitNumberImage {
    background-image: url("images/FBicons3.png");
    background-position: 0 -76px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    left: 2px;
    position: absolute;
    top: 3px;
    vertical-align: middle;
    width: 16px;
}
div.AccountBox i.BalanceEPImage {
    background-image: url("images/FBicons.png");
    background-position: 0 -100px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    left: 2px;
    position: absolute;
    top: 3px;
    vertical-align: middle;
    width: 16px;
}
div.AccountBox span.CouponImage {
    background-image: url("images/Products/CouponSmall.png");
    background-repeat: no-repeat;
    display: block;
    height: 31px;
    left: 20px;
    position: absolute;
    width: 31px;
}
div.AccountBox i.ReservationImage {
    background-image: url("images/Products/Rezervacia_small.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    left: 2px;
    position: absolute;
    top: 3px;
    vertical-align: middle;
    width: 16px;
}
div.AccountBox span.AllianceImage {
    background-image: url("images/Products/AllianceSmall.png");
    background-repeat: no-repeat;
    display: block;
    height: 31px;
    left: 20px;
    position: absolute;
    width: 31px;
}
div.AccountBox span.TransportLicenceImage {
    background-image: url("images/spritevCard.png");
    background-position: -5px -5px;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    left: 20px;
    position: absolute;
    width: 31px;
}
div.AccountBox span.RailImage {
    background-image: url("images/spritevCard.png");
    background-position: -5px -204px;
    background-repeat: no-repeat;
    display: block;
    height: 31px;
    left: 20px;
    position: absolute;
    width: 31px;
}
div.AccountBox span.SaltoImage {
    background-image: url("images/Key.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 34px;
    left: 16px;
    position: absolute;
    top: 3px;
    vertical-align: middle;
    width: 37px;
}
 div.AccountBox span.CalendarImage {
    background-image: url(images/spritevCard.png);
    background-position: -5px -326px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    left: 20px;
    width: 31px;
    height: 30px;
}
div.AccountBox span.CardTypeImage {
    background-image: url("images/spritevCard.png");
    background-position: -5px -365px;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    left: 20px;
    position: absolute;
    width: 31px;
}
div.StudentImageGreen {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #d8f6da 0px, #f3f3f3 100%) repeat scroll 0 0 !important;
}
div.StudentImageRed {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #fad9e2 0px, #f3f3f3 100%) repeat scroll 0 0 !important;
}
span.StudentImageGreen {
    background-image: url("images/spritevCard.png");
    background-position: -5px -84px;
    background-repeat: no-repeat;
    display: block;
    height: 29px;
    left: 20px;
    position: absolute;
    width: 30px;
}
span.StudentImageRed {
    background-image: url("images/spritevCard.png");
    background-position: -5px -245px;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    left: 20px;
    position: absolute;
    width: 30px;
}
div.TransLicenceImageGreen {
}
div.TransLicenceImageRed {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #ffdca7 0px, #f3f3f3 100%) repeat scroll 0 0 !important;
}
div.WarningGradient {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #ffdca7 0px, #f3f3f3 100%) repeat scroll 0 0 !important;
}
span.TransLicenceImageGreen {
    background-image: url("images/spritevCard.png");
    background-position: -5px -163px;
    background-repeat: no-repeat;
    display: block;
    height: 31px;
    left: 20px;
    position: absolute;
    width: 31px;
}
span.TransLicenceImageRed {
    background-image: url("images/spritevCard.png");
    background-position: -5px -123px;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    left: 20px;
    position: absolute;
    width: 30px;
}
div.AccountBox span.TransportEPImage
{
    background-image: url(images/spritevCard.png);
    background-repeat: no-repeat;
	position: absolute;
    display: block;
    left: 20px;
    width: 30px;
    height: 29px;
    background-position: -5px -84px;
}
div.AccountBox span.TransportPCLImage
{
    background-image: url(images/spritevCard.png);
    background-repeat: no-repeat;
	position: absolute;
    display: block;
    left: 20px;
    width: 30px;
    height: 29px;
    background-position: -5px -45px;
}
div.AccountBox2 {
    background-color: #f4f4f4;
    border-style: solid;
    border-width: 0;
    float: left;
    margin: 10px 0;
    padding: 8px;
    width: 515px;
}
div.AccountBox2 div.MerchantLogo {
    float: left;
    margin-bottom: 20px;
    max-height: 170px;
    max-width: 120px;
    width: 170px;
}
div.AccountBox2 img.MerchantLogo {
    max-height: 120px;
    max-width: 120px;
}
div.AccountBox2 div.MerchantLogo {
    margin-bottom: 0;
}
div.AccountBox2 div.MerchantDescription {
    display: block;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 350px;
}
div.AccountBox2 div.FidelityInfo {
    clear: both;
    float: left;
    padding-top: 10px;
    text-align: left;
    width: 100%;
}
div.AccountBox2 div.FidelityInfoRow {
    background-color: white;
    display: table;
    margin-bottom: 5px;
    margin-top: 2px;
    padding: 10px;
    width: 473px;
}
div.AccountBox2 div.vCardSilverRow {
    display: table;
    margin-bottom: 5px;
    margin-top: 2px;
    padding: 10px;
    width: 473px;
}
div.AccountBox2 div.TransportPCLActionDiv {
    float: right;
}
div.AccountBox2 div.FidelityInfoRow span.MultiValue {
    display: block;
    font-weight: bold;
}
div.AccountBox2 span.PointsTitle {
}
div.AccountBox2 span.StatusValue, span.PointsValue {
    font-weight: bold;
    text-transform: uppercase;
}
#loginContainer {
    clear: both;
    float: left;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 100%;
}
.form-item {
    margin-bottom: 10px;
}
.form-item label {
    display: block;
    margin-bottom: 3px;
}
.form-item .inputText, select {
    background-color: #fbfbfb;
    border: 2px solid #a8daf3;
    border-radius: 4px;
    color: #818181;
    font-size: 17px;
    margin: 0;
    padding: 0 4px;
}
.form-item .inputText {
    max-width: 415px;
    width: 100%;
}
.form-item select {
    max-width: 425px;
    width:100%;
}
.form-item textarea {
    height: 150px;
}
.date-type > *:nth-child(2) {
    width: 100px;
}
.date-type > *:nth-child(3) {
    width: 210px;
}
.date-type > *:nth-child(4) {
    width: 100px;
}
#loginContainer #LoginButton {
    float: right;
    width: 200px;
}
#loginContainer img {
    margin-top: 20px;
}
#loginContainer td.login_form_label_field {
    padding-bottom: 3px;
    padding-top: 1px;
    vertical-align: bottom;
}
#loginContainer td.login_form_label_field label {
    color: #7dbfc5;
    position: relative;
    top: -2px;
    vertical-align: bottom;
}
#loginContainer td.login_form_label_field input {
    margin-left: 0;
    position: relative;
    top: 1px;
    vertical-align: bottom;
}
#loginContainer td.login_form_label_field a, #loginContainer td.login_form_label_field a:hover {
    color: #7dbfc5;
    left: 1px;
    position: relative;
    top: -2px;
    vertical-align: bottom;
}
#loginContainer #remember-log input {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}
#loginContainer #remember-log label {
    display: block;
    line-height: 27px;
}
#loginContainer #pwd-recovery {
    margin-top: 5px;
}
div.BottomMenuDiv {
    float: right;
    padding: 0 12px;
}
input.confirmButton {
    float: left !important;
    margin-top: 10px;
    min-width: 150px !important;
}
input.confirmButton2 {
    margin-bottom: 10px;
    min-width: 150px !important;
}
#SocialConnection {
    float: left;
    position: absolute;
}
#RegistrationForm {
    clear: both;
    float: left;
    margin-top: 10px;
    max-width: 440px;
    width:100%;
}
span.RegistrationTitle {
    border-bottom: 1px solid #9aafca;
    color: #0e385f;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    width: 354px;
}
#RegistrationForm table, #AddCardPanel table, div.BasicForm table {
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 7px;
}
#RegistrationForm td.label, #AddCardPanel td.label, div.BasicForm td.label {
    font-family: "PT Sans",sans-serif;
    font-size: 13px;
    padding-right: 3px;
    text-align: left;
    width: 150px;
}
#RegistrationForm #AddCardPanel .field_container, div.BasicForm .field_container {
    display: inline-block;
    position: relative;
    width: auto;
}
#RegistrationForm #RegistrationForm select, #AddCardPanel input {
    float: right;
    margin: 2px 0 0;
    padding: 6px;
    width: 250px;
}
div.BasicForm input, div.BasicForm select {
    width: auto;
}
div.BasicForm select {
    font-size: 14px;
}
#RegistrationForm div.Reg_Step1_Button {
    display: block;
    float: right;
    margin-right: 23px;
}
#RegistrationForm div.Reg_Step1_Button input {
    width: 200px;
}
#RegistrationForm #ValidationSummary1 {
    width: 407px;
}
#RegistrationForm #RegStep2Button, #RegStep3Button {
    float: right;
}
#RegistrationForm h2 {
    color: #777777;
    font-family: "PT Sans",sans-serif;
    font-weight: bold;
    padding-bottom: 3px;
}
#RegistrationForm #captcha_box .captcha_comment {
    margin: 5px 0;
}
#RegistrationForm #captcha_box .captcha_image {
    margin: 10px 0;
}
#RegistrationForm .captcha_input label, .field_container {
    clear: both;
    float: left;
    margin-bottom: 3px;
}
#RegistrationForm .captcha_response {
    background-color: #fbfbfb;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    color: #818181;
    font-size: 17px;
    margin: 0;
    padding: 3px 3px 4px;
    width: 415px;
}
#RegistrationForm .captcha_errors {
    clear: both;
}
#RegStep3 #DayListBox {
    width: 80px;
}
#RegStep3 #MonthListBox {
    width: 235px;
}
#RegStep3 #YearListBox {
    width: 100px;
}
#reg_error {
    background: #ffebe8 none repeat scroll 0 0;
    border: 1px solid #dd3c10;
    height: auto;
    line-height: 15px;
    margin: 10px 0 0;
    overflow: hidden;
    text-align: center;
}
#reg_error_inner {
    padding: 7px 3px;
}
#reg_captcha .captcha_comment {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 10px;
}
#tos_container {
    float: left;
    margin-top: 12px;
}
p.legal_tos {
    color: #555555;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 0;
}
#RegistrationForm #reg_captcha, #RegistrationForm #Reg_step1ep2, #RegistrationForm #RegStep3, #RegistrationForm #RegStep4 {
    line-height: 16px;
    margin: 0;
    padding: 10px 0 0;
}
#reg_captcha .specialButton {
    float: left;
    margin: 0;
    overflow: hidden;
    width: 160px;
}
div.specialButton {
}
#reg_captcha div.captcha_input {
    margin: 5px 0 7px;
    overflow: hidden;
}
#reg_captcha .captcha_input label {
    color: #1d2a5b;
    font-weight: bold;
    margin-right: 4px;
    vertical-align: middle;
    width: 90px;
}
#reg_captcha .captcha_input input.captcha_response {
    border: 1px solid #bdc7d8;
    direction: ltr;
    font-size: 11px;
    margin-top: 4px;
    padding: 3px;
    width: 137px;
}
.validationSummary {
    background-color: #ffebe8;
    border: 1px dotted red;
    color: red;
    margin: 5px 0;
    padding: 7px;
}
.validationSummary ul {
    list-style-type: disc;
    padding-left: 20px;
}
#RegStep4 .specialButton {
    float: right;
}
#mask {
    background-color: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 200;
}
.generic_dialog {
    display: none;
    /*height: 0;*/
    left: 0;
    outline: medium none;
    overflow: visible;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 250;
}
.generic_dialog_popup {
    /*height: 0;*/
    margin: auto;
    overflow: visible;
    position: relative;
    /*top: 200px;*/
    max-width: 465px;
    width: 100%;
}
.pop_container_advanced {
    background: rgba(0, 146, 212, 0.7) none repeat scroll 0 0;
    border-radius: 8px;
    padding: 10px;
}
.pop_content h2.dialog_title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #00a8e3 none repeat scroll 0 0;
    border-color: #003e93;
    border-image: none;
    border-radius: 8px 8px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #FBCA4C !important;
    display: block;
    font-family: "PT Sans",sans-serif;
    font-size: 18px !important;
    font-weight: bold;
    margin: 0;
    padding: 20px 10px !important;
    text-shadow: 0 1px 1px #2d62e7;
    text-transform: uppercase;
}
.pop_content .dialog_content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ffffff none repeat scroll 0 0;
    border-color: #555555;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    border-radius: 0 0 8px 8px;
}
.pop_content .dialog_body {
    border-bottom: 1px solid #cccccc;
    line-height: 16px;
    padding: 10px;
}
.pop_content .dialog_buttons {
    display: table;
    height: 25px;
    padding: 8px 10px;
    position: relative;
    width: 97%;
}
.pop_content .dialog_buttons .specialButton {
    float: right;
    padding: 0 5px;
    width: auto !important;
}
.typoEmail {
    font-weight: bold;
}
.suggestedEmail {
    display: block;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
#LoginCheckResultSpan.OK {
    color: Green;
    display: block;
}
#LoginCheckResultSpan.Error {
    color: Red;
    display: block;
}
#LeftPane .MerchantName {
    display: inline-block;
    float: left;
    font-size: 17px;
    font-weight: bold;
    margin: 10px 3px;
}
.MerchantProfilName {
    color: #078ecd;
    display: inline-block;
    font-size: 18px;
}
.MerchantProfilDescription {
    color: #808080;
    display: block;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 5px;
    margin-left: 1px;
    position: relative;
}
table.MerchantProfil th.label {
    color: #999999;
    font-weight: bold;
    line-height: 15px;
    padding: 3px 8px 1px 0;
    text-align: left;
    vertical-align: top;
    width: 125px;
}
table.MerchantProfil td.data {
    line-height: 15px;
    padding: 3px 0 1px;
    text-align: left;
    vertical-align: top;
}
table.MerchantProfil {
    margin: 5px 0 15px;
}
table.MerchantProfil hr {
    color: green;
}
.LoginError {
    background-color: #ffebe8;
    border: 1px dotted Red;
    color: Red;
    display: block;
    margin-top: 10px;
    padding: 7px;
    width: 408px;
}
.LoginError a {
    color: Red;
    text-decoration: underline;
}
.NoTransaction {
    display: block;
    font-weight: bold;
    margin: 10px 0;
}
#AddCardPanel table {
    display: block;
}
#AddCardPanel .registerButton {
    width: 100px;
}
#AddCardPanel #SNRTextBox {
    width: 400px;
}
#SearchPanel, #SearchPanel table {
    width: 100%;
}
#SearchPanel table td {
    white-space: nowrap;
    width: 100%;
}
#SearchPanel select {
    width: 300px;
}
#SearchPanel input.bigInput {
    width: 286px;
}
div.QuestionBox {
    background-color: #ffffff;
    font-size: 14px;
    margin: 0 auto;
    max-width: 650px;
}
div.QuestionBox h3 {
    font-size: 14px;
    font-weight: normal;
}
div.QuestionBoxHeader {
    margin-left: 20px;
    margin-right: 20px;
    padding: 6px 0;

}
div.QuestionBoxHeader h1 {
    padding-top: 10px;
    color: #06356b;
    font-family: "PT Sans",sans-serif;
    font-size: 26px;
    font-weight: bold;
    text-transform:uppercase;
}
div.QuestionBoxHeader h2 {
    font-family: "PT Sans",sans-serif;
    padding-left: 0 !important;
    padding-top: 10px;
}
div.QuestionBoxContent {
    margin-bottom: 15px;
    padding: 10px 20px 0;
}
div.QuestionBoxContent .CardSNR {
    font-size: 18px;
    font-weight: bold;
}
div.QuestionBoxContent .CardImage {
    padding-right: 20px;
    vertical-align: middle;
    width: 150px;
}
div.QuestionBoxFooter {
    border-bottom: medium none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: medium none;
    border-right: medium none;
    height: 30px;
    line-height: 16px;
    padding: 8px 10px;
}
#BlockStep1Button {
}
#PINDiv {
    margin: 10px auto;
}
#PINDiv table {
    display: block;
    padding: 10px 0;
    text-align: center;
}
#PINDiv label {
    color: #1d2a5b;
    font-size: 13px;
    text-align: right;
}
#PINDiv input {
    border: 1px solid #96a6c5;
    font-size: 15px;
    margin: 2px 0 0;
    padding: 6px;
    width: 100px;
}
.errorMessage {
    background-color: #fad6ba;
    background-image: url("images/icon-info.png");
    background-position: 5px 50%;
    background-repeat: no-repeat;
    border-radius: 3px;
    padding: 10px 10px 10px 30px;
    display: inline-block;
    margin-top: 10px;
}
.successMessage {
    background-color: #e9ffe8;
    border: 1px dotted green;
    display: block;
    margin: 10px 0;
    padding: 10px 15px;
    position: relative;
}
#MainPane h3 {
    font-size: 14px;
    font-weight: normal;
    padding: 20px 0;
}
td.ShopLogo {
    width: 60px;
}
a.ShopEditName {
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}
div.BasicForm table {
    display: block;
    padding: 10px 0 0 15px;
}
div.SpecialButtonBox {
    border-radius: 3px;
    height: 25px;
    line-height: 16px;
    margin-bottom: 5px;
    padding: 8px 10px;
}
#LogoUploadingDiv {
    margin: 20px auto;
    text-align: center;
}
#MerchantProfileButtonBox {
    border-radius: 0 0 3px 3px;
    border-top: 0 none;
}
h4.bigger {
    font-size: 12px;
    margin: 3px 0;
}
#ContactsPanel table .label {
    color: #1d2a5b;
    font-size: 13px;
    padding-right: 3px;
    text-align: left;
    width: 185px;
}
#ContactsPanel table input {
    border: 1px solid #96a6c5;
    font-size: 13px;
    margin: 2px 0 0;
    padding: 6px;
    width: 230px;
}
#ContactsPanel div.field_container {
    display: inline-block;
    font-size: 13px;
    position: relative;
    width: auto;
}
.field_container img {
    padding-left: 2px;
    vertical-align: bottom;
}
.datePicker {
    text-align: center;
    width: 90px !important;
}
.w40 {
    width: 40px !important;
}
img.smallLogo {
    max-height: 50px;
    max-width: 50px;
}
#MerchantMessagesRepeater:first-child {
    border-width: 0;
}
div.MerchantMessageBox {
    border-color: #e9e9e9;
    border-style: solid;
    border-width: 0 0 1px;
    padding-top: 10px;
}
div.MerchantMessageBox div.MessageContent {
    margin-left: 60px;
}
div.MerchantMessageBox span.MessageTitle {
    font-size: 12px;
    font-weight: bold;
}
div.MerchantMessageBox span.MessageText {
}
div.MerchantMessageBox div.MessageBottom {
    color: Gray;
    font-size: 9px;
    padding: 3px 0;
    text-align: right;
}
div.specialButton label.small {
    margin: 0 10px;
    padding: 0 4px;
}
input.long {
    border: 1px solid #96a6c5;
    font-size: 15px;
    margin: 2px 0 3px;
    padding: 6px;
    width: 98%;
}
#LoadingTopDiv {
    background-color: white;
    height: 100%;
    left: 0;
    position: fixed;
    top: 175px;
    width: 100%;
    z-index: 1000;
}
table.ProductTable {
    width: 100%;
}
td.ProductLogo {
    width: 100px;
}
img.ProductLogo {
    width: 80px;
}
span.ProductName, a.ProductName {
    font-size: 15px;
    font-weight: bold;
}
span.ProductDescription {
    font-size: 13px;
}
span.infoRow {
    background-color: #edeff4;
    border-bottom: 1px solid #e5eaf1;
    display: block;
    margin-right: 20px;
    margin-top: 2px;
    padding: 5px 5px 4px;
    position: relative;
}
table.ProductTable label {
    padding-left: 4px;
}
td.ProductAction {
    text-align: center;
    width: 130px;
}
.w340 {
    width: 340px;
}
div.paymentType {
    border-bottom: 1px dotted silver;
    display: table;
    line-height: 20px;
    padding: 5px;
}
div.paymentType:hover {
    background-color: #f3f9eb;
}
div.paymentType img {
    padding: 0 10px;
    vertical-align: middle;
}
.paymentType.selected {
    background-color: #f3f9eb;
}
.paymentType input {
    height: auto;
}
.paymentType label {
    display: block;
    float: left;
    min-width: 200px;
}
.paymentType span {
    display: block;
    float: left;
    min-width: 540px;
    text-align: justify;
}
#OrderInfo {
    border: 1px solid #c9eefd;
    line-height: 25px;
    margin: 0 auto 10px;
    padding: 5px;
}
#OrderInfo th {
    font-size: 14px;
    font-weight: normal;
    padding: 0 3px;
}
#OrderInfo td {
    font-weight: bold;
    padding: 0 3px;
}
#OrderInfo thead {
    text-align: center;
}
#OrderInfo h4 {
    font-size: 14px;
}
#OrderInfo tr {
    background-color: #eefffb;
}
#OrderInfo tr:nth-child(2n) {
    background-color: #f1fbff;
}
#OrderInfo thead tr {
    background-color: #d5efe7;
}
#OrderInfo tr:nth-child(2n+1) {
    background-color: #c9eefd;
}
#OrderInfo tfoot td {
    padding: 25px 10px 10px;
    text-align: center;
}
div.error {
    background-color: #ffebe8;
    border-color: red;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    top: 120px;
}
div.success {
    background-color: #29ff6e;
    border-color: #00e341;
    border-style: solid;
    border-width: 1px;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    top: 120px;
    width: 365px;
}
div.ifcReturn {
    top: auto;
}
div.ifcReturnOrderDetail {
    margin: 20px auto 0;
    max-width: 800px;
}
div.ifcReturnOrderDetail h4 {
    color: #078ecd;
    font-family: "PT Sans",sans-serif;
    font-size: 18px;
    margin: 20px 0;
}
div.error span.errorTitle {
    color: Red;
    display: inline-block;
    font-size: large;
    padding: 17px 20px 10px;
    vertical-align: top;
}
div.error span.errorComment {
    display: block;
    font-size: small;
    padding: 10px 20px;
    text-align: justify;
}
div.success span.successTitle {
    color: #ffffff;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    padding: 10px 20px 5px;
    text-align: center;
    text-shadow: 0 1px 1px #2d6fe7;
    vertical-align: top;
}
div.success .successComment {
    display: inline-block;
    font-size: small;
    padding: 10px 20px;
    text-align: justify;
}
div.error > img, div.success > img {
    display: none;
    padding: 5px 10px 5px 5px;
}
div.success div.specialButton, div.error div.specialButton {
    padding-top: 20px;
    text-align: center;
}
.PagerCurrent {
    color: white;
    font-weight: bold;
    padding: 0 5px;
}
.PagerNumeric {
    color: #333333 !important;
    font-weight: bold;
    padding: 0 2px;
    text-decoration: none;
}
fieldset {
    border-color: #eee #ccc #ccc;
    border-width: 1px;
    margin: 10px 0;
    padding: 5px 10px;
}
legend {
    font-size: 14px;
    font-weight: 700;
}
legend.Filter {
    color: #008994;
}
.rowSeparator {
    background-color: #ddeae7;
}
.rowSum {
    font-weight: bold;
}
.rowFooter {
    background-color: #42b1bb;
    color: White;
    font-weight: bold;
}
h5 {
    background-color: #57696a;
    color: white;
    margin-right: 2px;
    margin-top: 10px;
    padding-bottom: 3px;
    padding-left: 5px;
    width: 200px;
}
input.required {
    background-color: #fad6ba !important;
    border: 1px solid red !important;
}
.required {
    border-left: 4px groove red;
    color: Red;
}
span.required {
    color: Red !important;
}
.required * {
    color: Red;
}
ul.summary {
    list-style-type: none;
    padding-left: 30px;
}
div.summary {
    margin-bottom: 10px;
    padding: 10px 0 10px 30px;
}
div.summary ul {
    margin: 0;
}
img.SmallLogo {
    float: left;
    width: 25px;
}
#MainPane h2.withLogo {
    padding-left: 30px;
}
.coupon1 {
    padding: 4px 5px;
}
.coupon2 {
    padding: 2px 5px;
}
.coupon3 {
    padding: 2px 5px;
}
.w80 {
    width: 80px !important;
}
.wMAX {
    width: 100%;
}
.coupon-edit {
    background-color: #f2f2f2;
    border: 2px ridge #149da8;
    font-size: 12px;
    line-height: 24px;
    padding: 5px;
}
.coupon1_edit {
    font-weight: bold;
    padding: 5px 10px 5px 5px;
}
.coupon2_edit {
    font-weight: bold;
    padding: 2px 5px;
}
.coupon3_edit {
    font-weight: bold;
    padding: 2px 5px 4px;
}
.coupon_button {
    display: block;
    margin-top: 12px;
    padding: 5px 6px;
    text-align: justify;
    text-decoration: underline;
}
.customTab .ajax__tab_body {
    font: 11px "lucida grande",tahoma,verdana,arial,sans-serif !important;
}
.customTab .ajax__tab_header {
    font: bold 11px "lucida grande",tahoma,verdana,arial,sans-serif !important;
}
.customTab .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
    background: transparent url("images/activeTab.gif") repeat-x scroll 0 0 !important;
}
.customTab .ajax__tab_header .ajax__tab_active .ajax__tab_inner {
    background: transparent url("images/activeTabInner.gif") no-repeat scroll 0 0 !important;
}
.customTab .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
    background: transparent url("images/activeTabOuter.gif") no-repeat scroll right center !important;
}
.customTab .ajax__tab_header .ajax__tab_hover .ajax__tab_tab {
    background: transparent url("images/activeTab.gif") repeat-x scroll 0 0 !important;
}
.customTab .ajax__tab_header .ajax__tab_hover .ajax__tab_inner {
    background: transparent url("images/activeTabInner.gif") no-repeat scroll 0 0 !important;
}
.customTab .ajax__tab_header .ajax__tab_hover .ajax__tab_outer {
    background: transparent url("images/activeTabOuter.gif") no-repeat scroll right center !important;
}
.couponClientTop {
    border-color: #e9e9e9;
    border-style: solid;
    border-width: 1px 0 0;
    float: left;
    margin: 10px 0 5px;
    padding: 5px 0;
    width: 100%;
}
.couponClient1 {
    float: left;
    width: 500px;
}
.couponClient2 {
    float: left;
    padding-top: 30px;
}
.couponClient3 {
    display: block;
    float: right;
    padding: 30px 15px 0;
    position: relative;
    width: 70px;
}
.clientStatus {
    font-size: 12px;
    padding: 10px 0;
}
.PriceList {
    border: 2px ridge #149da8;
}
.PriceList input {
    background-color: #f2f2f2;
    border: 0 none;
    padding: 0;
    text-align: right;
}
.PriceList input:focus {
    background-color: #bababa;
}
.br {
    margin-top: 5px !important;
}
span.CouponName, a.CouponName, span.StatusName, a.StatusName {
    font-size: 13px;
    font-weight: bold;
}
input.smaller {
    background-color: #eeeeee !important;
    background-image: url("images/FBicons5.png") !important;
    background-position: 0 -245px !important;
    background-repeat: no-repeat !important;
    color: #333333 !important;
    font-size: 10px !important;
    padding: 1px !important;
}
div.specialButton label.gray {
    background-color: #eeeeee;
    background-image: url("images/FBicons5.png");
    background-position: 0 -245px;
    background-repeat: no-repeat;
    color: #333333;
}
div.specialButton input.gray {
    color: #333333;
}
#MainPane h2.withMediumLogo {
    padding-left: 60px;
}
#MainPane h3.withMediumLogo {
    font-size: 13px;
    padding: 0 0 0 60px;
}
img.MediumLogo {
    float: left;
    width: 50px;
}
.resObj {
    border-bottom: 1px solid #e9e9e9;
    float: left;
    line-height: 25px;
    padding: 5px 0;
    width: 100%;
}
.res1 {
    float: left;
}
.res2 {
    background-color: White;
    margin-left: 350px;
    padding: 0 5px;
    position: absolute;
}
.bigInput {
    font-size: 13px;
    margin: 2px 0 0;
    padding: 6px;
}
.bigLabel {
    color: #818181;
    font-size: 14px;
    padding-right: 8px;
}
.mediumBoxLabel {
    display: inline-block;
    width: 150px;
}
.w500 {
    width: 500px !important;
}
.vam {
    vertical-align: middle;
}
.bigShortInput {
    border: 1px solid #96a6c5;
    font-size: 13px;
    margin: 2px 0 0;
    padding: 6px;
    text-align: center;
    width: 40px;
}
.actionPlace {
    background-color: #eff1f1;
    font-size: 9px;
    margin-top: 3px;
    padding: 5px;
    text-align: right;
}
.leftActionPlace {
    background-color: #eff1f1;
    font-size: 9px;
    margin-top: 3px;
    padding: 5px;
    text-align: left;
}
#ResServiceHoursDiv .note {
    background-color: #f7f7f7;
}
div.ResReviewInnerBox {
    height: 400px;
    overflow: auto;
    width: 730px;
}
#ResReviewInnerBox {
    background-color: Gray;
}
#ResReviewBottomToolBar {
    background-color: #efefef;
    border: 1px solid #6d8e8b;
    margin: 5px 0;
    padding: 5px;
}
#ResReviewHeaderToolBar {
    background-color: #efefef;
    border: 1px solid #6d8e8b;
    margin: 5px 0;
    padding: 5px;
}
table.res {
}
table.res, table.res td {
    border: 1px solid #e9e9e9;
}
table.res th.firstCol {
    background-color: Teal;
    color: White;
    padding: 1px 4px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
table.res td.secondCol {
    background-color: #149da8;
    color: White;
    font-weight: bold;
    padding: 1px 4px;
    white-space: nowrap;
}
table.res th.firstRow {
    background-color: #149da8;
    color: White;
    font-weight: bold;
    padding: 1px;
}
table.res th.break {
    background-color: Gray;
    color: white;
    font-weight: normal;
    padding: 0 2px;
    text-align: center;
}
.r1 {
    background: #d2ff52 none repeat scroll 0 0;
    color: Black;
}
.r2 {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ff3019 0%, #cf0404 100%) repeat scroll 0 0;
    color: White;
}
.r3 {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #a7afb7 0%, #828c95 36%, #28343b 100%) repeat scroll 0 0;
    color: White;
}
.r6 {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ff3019 0%, #cf0404 100%) repeat scroll 0 0;
    color: White;
}
.r7 {
    background: #808080 none repeat scroll 0 0;
    color: White;
}
.r4 {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #1e5799 0%, #207cca 51%, #7db9e8 100%) repeat scroll 0 0;
    color: White;
    font-weight: bold;
    text-align: center;
}
.r5 {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #3b6325 0%, #359618 51%, #7eb260 100%) repeat scroll 0 0;
    color: White;
    font-weight: bold;
    text-align: center;
}
a.akaButton {
    background-color: #eeeeee !important;
    background-image: url("images/FBicons5.png") !important;
    background-position: 0 -245px !important;
    background-repeat: no-repeat !important;
    border-color: #7dbfc5 #247a85 #136b77;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    color: #333333 !important;
    display: inline-block;
    font-size: 11px !important;
    font-weight: normal !important;
    margin: 0 5px;
    padding: 1px 5px;
    text-align: center;
    vertical-align: bottom;
    white-space: nowrap;
}
.fullScreen {
    left: 0;
    margin: 30px 10px 10px;
    padding: 10px;
    position: absolute;
    top: 0;
    z-index: 2000;
}
#fullScreenMask {
    background-color: #e5f6f8;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 200;
}
#ResReviewOuterBox {
    background-color: #fff;
}
-webkit-full-screen #ResReviewOuterBox {
    height: 100%;
    width: 100%;
}
.topInfoMessage {
    background-color: #1b6a69;
    background-image: url("images/info.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid;
    color: white;
    font-weight: bold;
    padding: 15px 10px 15px 50px;
    position: fixed;
    top: 0;
    z-index: 9999;
}
#ReservationLegend {
    border: 5px ridge #1b6a69;
    margin: 10px;
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    z-index: 9999;
}
#ReservationLegend div {
    font-size: 13px;
    font-weight: normal;
    padding: 5px 10px;
    text-align: left;
}
.vcardaction {
    bottom: 5px;
    font-weight: bold;
    position: absolute;
    right: 3px;
    top: 20px;
}
.vcardActionBox {
    position: relative;
}
.vcardaction a {
    color: #007616 !important;
    text-shadow: 0 0 1px #5efeeb;
}
.defaultTextActive {
    color: #bfbfbf;
}
div.searchResult {
    float: left;
    margin: 10px 0;
}
div.searchMerchant {
    border-color: #e9e9e9;
    border-style: solid;
    border-width: 0 0 1px;
    float: left;
    padding: 5px 0;
}
div.searchMerchant div.MerchantLogo {
    float: left;
    margin: 0;
    padding: 4px 0;
    width: 80px;
}
div.searchMerchant img.MerchantLogo {
    display: block;
    margin: 0 auto;
    max-height: 50px;
    max-width: 80px;
}
div.searchMerchant div.MerchantInfo {
    display: block;
    float: right;
    padding: 0 15px;
    position: relative;
    width: 380px;
}
div.searchMerchant span.SNR {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
}
div.searchResult h3 {
    padding: 0 0 10px !important;
}
div.searchResult .vcardaction {
    background-color: White;
    left: auto;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 140px;
}
.w200 {
    width: 200px !important;
}
.blockedRow {
    background-color: #fea1a1 !important;
}
#ClientsTable thead tr a {
    color: black;
}
#ClientsTable tbody tr {
    font-size: 10px;
}
#ClientsTable .selected {
    background-color: #56f5ae !important;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    color: black;
}
#ClientsTable .selected a {
    color: White;
}
#ClientsTable .sortByCol {
    background-color: #f9f9f9 !important;
}
#ClientsTable .blocked {
    color: Red;
}
#ClientsTable .selected input {
    font-size: 11px;
}
.status1 {
    padding: 4px 5px;
}
.coupon-edit .status1 {
    font-weight: bold;
}
.status2 {
    padding: 2px 5px;
}
.status2 input {
    padding-right: 2px;
    text-align: right;
}
.FidelityInfoRow .ajaxLoad {
    margin-bottom: -5px;
}
.menuPulldown {
    background-image: url("images/FBicons6.png");
    background-position: -56px -313px;
    background-repeat: no-repeat;
    float: right;
    height: 31px;
    overflow: hidden;
    text-indent: 30px;
    width: 15px;
}
.openToggler .menuPulldown, .menuPulldown:hover {
    background-image: url("images/FBicons6.png") !important;
    background-position: -29px -313px !important;
    background-repeat: no-repeat !important;
}
#navAccount .navigation, #langNav .navigation {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #147ac5;
    display: none;
    margin-right: -1px;
    margin-top: -1px;
    padding: 4px 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1;
}
#navAccount li {
    display: block;
    float: none;
}
#navAccount .subMenu, #langNav .subMenu {
    background-color: #ffffff;
    background-position: 10px 3px;
    background-repeat: no-repeat;
    color: #078ecd;
    display: block;
    font-weight: normal;
    height: 18px;
    line-height: 18px;
    padding: 0 22px 0 36px;
    text-decoration: none;
    white-space: nowrap;
}
#navAccount a.subMenu:hover, #navAccount a.subMenu:focus, #navAccount a.subMenu:active, #langNav a.subMenu:hover, #langNav a.subMenu:focus, #langNav a.subMenu:active {
    background-color: #f1fbff;
    color: #078ecd;
    outline: medium none;
}
.openToggler {
    position: relative;
    z-index: 100;
}
#NavAccountLink {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #333333 #333333 -moz-use-text-color;
    border-image: none;
    border-width: 1px 1px 0;
    padding-right: 0 !important;
    position: relative;
    z-index: 2;
}
#navAccount {
    margin-right: 6px;
}
#langNav {
    margin-left: 10px;
}
#langNavLink {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-position: 0 2px;
    background-repeat: no-repeat;
    border-color: #333333 #333333 -moz-use-text-color;
    border-image: none;
    border-width: 1px 1px 0;
    float: left;
    margin-top: 8px;
    padding: 0 0 0 22px;
    position: relative;
    z-index: 2;
}
#langNavLink span {
    margin-top: 20px;
}
.flag-sk {
    background-image: url("images/flags/flag-sk.png");
}
.flag-lt {
    background-image: url("images/flags/flag-lt.png");
}
.flag-ru {
    background-image: url("images/flags/flag-ru.png");
}
.flag-en {
    background-image: url("images/flags/flag-gb.png");
}
.flag-pl {
    background-image: url("images/flags/flag-pl.png");
}
.changePwd {
    background-image: url("images/changePwd.png");
}
.logoffIcon {
    background-image: url("images/logOff.png");
}
.profileIcon {
    background-image: url("images/profile.png");
}
.filterRefresh {
    padding-left: 7px;
    vertical-align: text-bottom;
}
.tableItemTitle {
    display: inline-block;
    width: 150px;
}
table.form td span {
    color: #818181;
    display: inline-block;
    font-size: 14px;
    padding-right: 3px;
    text-align: left;
    width: 150px;
}
table.form td input {
    background-color: #fbfbfb;
    border: 1px solid #c8c8c8;
    font-size: 13px;
    margin: 2px 0 0;
    padding: 6px;
    width: 230px;
}
table.form td input:disabled {
    background-color: inherit;
    border: inherit;
    font-size: 13px;
    margin: 2px 0 0;
    padding: 6px;
    width: 230px;
}
.deviceMenuItem {
    display: inline-block;
    margin: 3px 20px 3px 0;
    text-align: center;
    width: 70px;
}
.defaultDeviceMenuItem {
    display: inline-block;
    margin: 3px 10px 3px 0;
    text-align: center;
    width: 70px;
}
#DeviceMenuPanel ul {
    font-size: 12px;
    line-height: 20px;
}
#FeeTransactionView td {
    padding: 0 3px;
}
#FeeTransactionView .dialog_body {
    height: 200px;
    overflow: auto;
}
.loading {
    text-align: center;
}
#progressBackgroundFilter {
    background-color: #f6ffff;
    bottom: 0;
    height: 1000px;
    left: 0;
    margin: 0;
    opacity: 0.9;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
}
.progressMessage {
    color: #48677c;
    font-weight: bold;
    left: 45%;
    position: absolute;
    text-align: center;
    top: 30%;
    z-index: 9999;
}
.progressMessage img {
    position: relative;
    top: -7px;
}
.nodata {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 40px;
    text-align: center;
}
#ExportClaimReviewLinkButton {
    margin-top: -18px;
}
#langContainer {
    color: white;
    display: inline-block;
    float: right;
    margin-right: 10px;
}
#langContainer ul {
    padding-bottom: 20px;
}
#langContainer li {
    float: left;
    padding-left: 10px;
}
#FeeTransactionView .generic_dialog_popup {
    width: 600px;
}
.w400 {
    width: 100%;
}
.w88 {
}
.inlineBlock {
    display: inline-block;
}
#PageContentPanel h6 {
    color: #285e56;
    font-size: 18px;
}
.changePwdIcon {
    background-image: url("images/ChangePwdIcon.png");
    height: 128px;
    margin-left: 50px;
    width: 94px;
}
.userInfoIcon {
    background-image: url("images/UserInfo.png");
    height: 130px;
    margin-left: 30px;
    width: 130px;
}
.ordersListIcon {
    background-image: url("images/detailIcon.png");
    height: 130px;
    margin-left: 30px;
    width: 130px;
}
.newsIcon {
    background-image: url("images/news_Icon.png");
    height: 130px;
    margin-left: 30px;
    width: 130px;
}
.basketIcon {
    background-image: url("images/BasketIcon.png");
    height: 130px;
    margin-left: 30px;
    width: 130px;
}
div.ui-datepicker-title select {
    padding: 0;
}
.asp-checkbox {
    display: block;
}
.asp-checkbox input {
    display: block;
    float: left;
    line-height: 26px;
    margin-right: 10px;
}
.asp-checkbox label {
    display: block;
    float: left;
}
div.OrderPCLPanel td > input {
    margin-bottom: 10px;
}
#MerchantZone-ContentCol {
    border-left: 1px solid #eeeeee;
    margin-left: 250px;
    padding-left: 20px;
}
#MerchantZone-ContentCol > #MainPane {
    margin-bottom: 10px;
    width: 98%;
}
#MerchantZone-ContentCol .default-grid input {
    height: auto;
}
#LeftPane div.MerchantLogo {
    text-align: center;
}
#LeftPane div.MerchantLogo img.MerchantLogo {
    max-width: 190px;
}
#top-banner-panel .basket {
    clear: right;
    float: right;
    margin-right: 20px;
    margin-top: 55px;
    text-align: right;
    width: 182px;
}
.basket i {
    vertical-align: text-bottom;
}
.basket a {
    padding: 5px 0 0;
}
.TransactionType_CreditEPurse {
    background-image: url("images/TransactionType/money.png");
    width: 20px;
}
.TransactionType_TransportCoupon {
    background-image: url("images/TransactionType/ticket.png");
    width: 20px;
}
.TransactionType_TripTicket {
    background-image: url("images/TransactionType/TripTicket.png");
    width: 20px;
}
.TransactionType_Unknown {
    background-image: url("images/TransactionType/Unknown.png");
    width: 20px;
}
.center-content-item {
    display: table;
    /*width: 493px;*/
}
.center-content-leftPane {
    float: left;
    margin-right: 10px;
    /*width: 246px;*/
}
.center-content-rightPane {
    float: right;
    padding-left: 10px;
    /*width: 236px;*/
}
.default-grid {
    clear: both;
    font-size: 11px;
    width: 100%;
}
table.default-grid th {
    background: #b0ddf2 none repeat scroll 0 0;
    border-top: 1px solid #dddddd;
    padding: 5px 2px;
    vertical-align: top;
}
table.default-grid tr.header {
    text-align:left;
}
table.default-grid tr.footer {
}
table.default-grid tfoot {
    font-weight: bold;
}
table.default-grid td, table.default-grid th {
    border-bottom: 1px solid #dddddd;
}
table.default-grid td input {
    width: 100%;
}
table.default-grid .commandColumn {
    width: 44px;
}
table.default-grid .groupsColumn {
    width: 200px;
}
table.default-grid tr:hover {
    background-color: #f9f9f9;
}
table.default-grid tr:nth-child(2n) {
    background: #f2f2f2 none repeat scroll 0 0;
}
table.default-grid tr:last-child td {
    border-bottom: 1px solid #dddddd;
}
a.edit-linkButton, a.delete-linkButton, a.save-linkButton, a.cancel-linkButton {
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px;
}
a.edit-linkButton {
    background-image: url("images/ButtonIcons.png");
    background-position: 0 -40px;
}
a.delete-linkButton {
    background-image: url("images/ButtonIcons.png");
    background-position: 0 -61px;
}
a.save-linkButton {
    background-image: url("images/ButtonIcons.png");
    background-position: 0 0;
}
a.cancel-linkButton {
    background-image: url("images/ButtonIcons.png");
    background-position: 0 -21px;
}
table.asp-checkbox-list {
    width: 100%;
}
table.asp-checkbox-list input {
    display: block;
    float: left;
    margin-right: 10px;
}
table.asp-checkbox-list label {
    display: block;
    float: left;
    line-height: 26px;
}
.tabs {
    border-bottom: 1px solid #dddddd;
    list-style: outside none none;
    padding: 0;
}
.tabs li a {
    color: #444444;
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    margin-right: 2px;
    padding: 0 20px;
}
.tabs li a:hover {
    background: #f4f7f0 none repeat scroll 0 0;
}
.tabs li.current a {
    background: #eef1e6 none repeat scroll 0 0;
    border-radius: 3px 3px 0 0;
}
#scroolBoxSettingPopupButton {
    background-color: silver;
    height: 5px;
    margin-top: -10px;
    width: 5px;
}
.scroolBoxSettingPopup {
    background-color: white;
    border: 1px solid silver;
    box-shadow: 5px 5px 5px #888;
    display: none;
    height: 35px;
    padding: 10px;
    position: absolute;
    width: 180px;
    z-index: 65535;
}
.simple-popup {
    background-color: white;
    border: 1px solid silver;
    box-shadow: 5px 5px 5px #888;
    display: none;
    padding: 10px;
    position: absolute;
    z-index: 65535;
}
.simple-popup .header {
    background: #eef1e6 none repeat scroll 0 0;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    margin-bottom: 10px;
    padding: 5px 10px;
}
#order-detail-content {
    margin-bottom: 20px;
}
#order-detail-content table {
    width: 100%;
}
table.order-detail-tab td {
    height: 18px;
}
#order-detail-content .card-separator {
    height: 20px;
}
#order-detail-content legend {
    color: #73d0f4;
}
#order-detail-content h4 {
    color: #078ecd;
    font-weight: bold;
}
table.card-orderitems-tab {
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
}
table.card-orderitems-tab td {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    height: 25px;
}
table.card-orderitems-tab tr.alternaterow {
    background-color: #f9f9f9;
}
.requireFormItem {
    background-color: #ffe5e5;
}
.contentHeader {
    text-transform: uppercase;
}
p {
    color: #444;
    font-size: 14px;
    margin: 0 0 20px;
}
p.small {
    font-size: 12px;
}
h2 {
    color: #285e56;
    font-family: "PT Sans",sans-serif;
    font-size: 19px;
    line-height: 20px;
    min-height: 20px;
    padding-bottom: 2px;
    vertical-align: bottom;
}
.nice select, .nice input {
    box-sizing: border-box;
    font-size: 12px;
    width: auto;
}
.nice .large {
    width: 200px;
}
.nice .span-30 {
    width: 30px;
}
.nice .span-60 {
    width: 60px;
}
.nice .span-90 {
    width: 90px;
}
.nice .span-120 {
    width: 120px;
}
.nice .span-150 {
    width: 150px;
}
.nice .span-200 {
    width: 200px;
}
.nice .span-250 {
    width: 250px;
}
.nice .span-300 {
    width: 300px;
}
.compact-form-field {
    padding-bottom: 3px;
}
.compact-form-field label {
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
}
.compact-form-field input, .compact-form-field select {
    box-sizing: border-box;
    float: left;
    height: 26px;
}
.compact-form-field input {
    padding: 3px 6px;
}
.column {
    box-sizing: border-box;
    float: left;
}
.column.last {
    margin-right: 0;
}
.column.navigation {
    border-right: 1px solid #eee;
    padding: 0 0 0 10px;
    width: 220px;
}
.column.content {
    width: 530px;
}
.column.wide-content {
    padding-left: 20px;
}
.column.sidebar {
    width: 200px;
}
.push-right {
    margin-right: 10px;
}
.selling-party {
    float: left;
}
.buying-party {
    float: right;
}
.buying-party label {
    width: 170px;
}
.buying-party input, .buying-party select {
    width: 200px;
}
.buying-party input.edit {
    background-color: #f3f9ea;
    border-color: #97c957;
}
.button {
    background: #3cb8e7 none repeat scroll 0 0;
    border: 1px ridge #00a8e3;
    border-radius: 30px !important;
    color: #fff;
    font-family: "PT Sans",sans-serif;
    font-size: 17px;
    height: 40px;
    padding: 7px 25px;
    text-transform: uppercase;
}
.button:hover {
    border: 1px solid #aedcf4;
    color: #fff;
    text-shadow: 0 1px 1px #6a81b8;
}
.button.small {
    display: inline;
    float: none;
    height: 26px;
    line-height: 26px;
}
a.button {
    font-size: 12px;
}
a.button:hover {
    box-shadow: 0 0 0 1px #c95414 inset;
}
input.button.ui-button {
    padding: 0 15px !important;
}
table, table th, table td {
    border-collapse: collapse;
}
table th, table td {
    padding: 2px;
}
tr td, tr th {
}
tr:last-child td {
    border-bottom: medium none;
}
th {
    color: #666;
    font-weight: 600;
}
table.wide {
    width: 100%;
}
.emphasize-column {
    color: #088ecd;
    font-size: 18px;
}
.payment-data {
    font-size: 12px;
}
.payment-data th {
    background: #b0ddf2 none repeat scroll 0 0;
    border-top: 1px solid #ddd;
    padding: 7px;
    vertical-align: top;
}
.payment-data tr:last-child td {
    border-bottom: 1px solid #ddd;
}
.borderless td {
    border: medium none;
}
.payment-data .borderless td {
    padding: 5px 7px;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.push-left {
    padding-left: 30px;
}
.click-this {
    background: rgba(0, 0, 0, 0) url("images/arrow-click-this.png") no-repeat scroll 40px 0;
    padding-left: 95px;
}
.account-box {
    background: #e4e4e4 none repeat scroll 0 0;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 10px;
}
.table-container {
    background: #fff none repeat scroll 0 0;
    padding: 10px 5px 5px;
}
.info-block {
    background: rgba(0, 0, 0, 0) url("images/icon-info.png") no-repeat scroll 5px 0;
    padding-left: 30px;
}
.aside-block {
    border: 1px solid #ededed;
    padding: 20px 20px 10px;
    text-align: left;
}
.aside-block h4 {
    color: #95c836;
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 10px;
}
.aside-block p {
    font-size: 14px;
}
.progress-bar {
    background: #fbfbfb none repeat scroll 0 0;
    border-radius: 5px;
}
.progress-bar li:first-child {
    border-radius: 5px 0 0 5px;
}
.progress-bar li {
    background: rgba(0, 0, 0, 0) url("images/arrow-progress-other.png") no-repeat scroll right center;
    color: #aaa;
    display: block;
    float: left;
    font-size: 15px;
    padding: 9px 35px 9px 15px;
    text-shadow: 2px 2px 2px #c4d6f2;
}
.progress-bar li.current {
    background: #f3f9ea url("images/arrow-progress-current.png") no-repeat scroll right center;
    color: #3d83c4;
}
.progress-bar li.past {
    background: #f3f9ea url("images/arrow-progress-past.png") no-repeat scroll right center;
    color: #a4c1de;
}
.pagination {
    float: right;
    margin-right: -15px;
    padding: 5px 0;
}
.pagination-link {
    border: 1px solid #ddd;
    border-radius: 3px;
    float: left;
    margin-left: 5px;
    padding: 2px 6px;
}
.pagination-link:hover {
    border: 1px solid #147ac5;
    color: #147ac5;
}
.pagination-link.current {
    background: #eee none repeat scroll 0 0;
    color: #888;
    text-shadow: 0 1px 0 #fff;
}
.pagination a {
    float: left;
}
.merchant-logo {
    float: left;
    padding-right: 20px;
}
.merchant-label {
    float: left;
    padding: 12px 0 0;
}
.merchant-label-title {
    font-size: 15px;
    margin: 0 0 1px;
}
.merchant-label-desc {
    font-size: 14px;
}
.append-bottom, .container, .merchant {
    margin-bottom: 20px;
}
.small-append-bottom {
    margin-bottom: 10px;
}
#footer-label {
    margin-bottom: 0;
    padding-top: 26px;
}
.round, .button {
    border-radius: 3px;
}
.clearfix::after, .container::after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.clearfix, .container {
    display: block;
}
.clear {
    clear: both;
}
.checkbox-input label {
    display: block;
    height: 26px;
    line-height: 26px;
}
.checkbox-input input {
    display: block;
    float: left;
    margin: 0;
    width: 30px;
}
.block-table {
    display: table;
}
.block-table-cell {
    display: table-cell;
}
.search {
    background: transparent url("images/search.png") no-repeat scroll 180px 50%;
    width: 100%;
}
.EPRefreshLink, .PCLRefreshLink {
    cursor: pointer;
    display: none !important;
    float: right;
    margin-top: -5px;
}
.alert-state {
    color: red;
}
#user-profile td {
    padding: 1px;
}
a.delete-image-button {
    background: rgba(0, 0, 0, 0) url("images/ButtonIcons.png") no-repeat scroll 0 -21px;
    display: inline-block;
    height: 26px;
    vertical-align: bottom;
    width: 20px;
}
#cardName {
    color: white;
    font-size: 15px;
    font-weight: bold;
    right: 0;
    text-align: right;
    margin-bottom:15px;
}
.warningMessage {
    background-color: #fff8c1;
    background-image: url("images/icon-info.png");
    background-position: 5px 50%;
    background-repeat: no-repeat;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 5px;
    padding: 10px 10px 10px 30px;
}
.advertisment-block {
    padding: 5px;
}
.ajax__htmleditor_editor_base td {
    margin: 0;
    padding: 0;
}
.ajax__html_editor_extender_container td, .ajax__html_editor_extender_container th, .ajax__html_editor_extender_container table {
    border-collapse: separate;
    margin: 0;
    padding: 0;
}
a.addLinkButton {
    background-image: url("images/add.png");
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin-top: 10px;
    text-align: left;
    text-indent: 20px;
}
.w800 {
    width: 800px;
}
#PaymentToAccountInfo, #PaymentViaSMSInfoBlock {
    background: #eef1e6 none repeat scroll 0 0;
    border: 1px solid #ddd;
    padding: 7px;
    vertical-align: top;
    width: 320px;
}
#ContactFormBtn {
    background: rgba(0, 0, 0, 0) url("images/info.png") no-repeat scroll 0 0;
    bottom: 20px;
    cursor: pointer;
    display: block;
    height: 78px;
    position: fixed;
    right: 0;
    width: 223px;
    background-size:contain;
}
#ContactFormBtn:hover {
    background: rgba(0, 0, 0, 0) url("images/info_off.png") no-repeat scroll 0 0;
    background-size:contain;
}
@media (max-width: 1350px ) {
    #ContactFormBtn {
        background: rgba(0, 0, 0, 0) url("images/info.png") no-repeat scroll 0 0;
        background-size: contain;
        width: 150px;
        height: 55px;
        bottom:5px;
    }
        #ContactFormBtn:hover {
            background: rgba(0, 0, 0, 0) url("images/info_off.png") no-repeat scroll 0 0;
            background-size: contain;
        }
}
@media (max-width: 1200px ) {
    #ContactFormBtn {
        background: rgba(0, 0, 0, 0) url("images/info.png") no-repeat scroll 0 0;
        background-size: contain;
        width: 100px;
        /*height: 40px;*/
        background-size: contain;
        bottom:5px;
        position:relative;
        float:right;
    }
        #ContactFormBtn:hover {
            background: rgba(0, 0, 0, 0) url("images/info_off.png") no-repeat scroll 0 0;
            background-size: contain;
        }
}
#contact-form #captcha_box {
    display: table;
}
#contact-form #captcha_box .field_container {
}
#contact-form #captcha_box .captcha_comment {
    margin-bottom: 5px;
}
#contact-form #captcha_box .captcha_image {
    float: left;
}
#contact-form #captcha_box .captcha_input {
    float: left;
    margin-left: 20px;
    width: 200px;
}
#contact-form #captcha_box .captcha_input input {
    font-size: 17px;
}
#contact-form #captcha_box .captcha_errors {
    float: left;
    width: 100%;
}
.requiredItemMessage {
    color: red;
}
table.filter td {
    margin: 0;
    padding: 3px;
}
#LicenceCouponLabel {
    padding: 0;
}
.small-description-block {
    display: block;
    font-size: 13px;
    font-weight: normal;
    padding-top: 8px;
    text-align: justify;
}
table.thin-table td {
    padding: 5px;
}
.asp-checkbox.AcceptedAgreement > label {
    float: left;
    text-align: justify;
    width: 410px;
}
.dialog_content .errorMessage {
    display: block;
}
.PCLvalue hr {
    border-color: #ddd;
    border-style: solid none none;
    border-width: 1px 0 0;
}
.topUpCouponLink {
    color: red;
}
.footer {
    /*float: left;*/
    height: auto;
    padding: 10px;
    /*width: 980px;*/
    text-align:center;
}
.footer-pad {
    display: inline-block;
    font-size: 13px;
    height: auto;
    vertical-align: top;
}
a.news-footer:link, #pwd-recovery a:link {
    color: #03346b;
    padding: 3px 0;
    text-decoration: none;
}
a.news-footer:hover, #pwd-recovery a:hover {
    color: #03346b;
    text-decoration: none;
}
a.news-footer:active, #pwd-recovery a:active {
    color: #03346b;
    text-decoration: none;
}
a.news-footer:visited, #pwd-recovery a:visited {
    color: #03346b;
    text-decoration: none;
}
a.footer-link:link {
    color: #555655;
    text-decoration: none;
}
a.footer-link:hover {
    color: #555655;
    text-decoration: none;
}
a.footer-link:active {
    color: #555655;
    text-decoration: none;
}
a.footer-link:visited {
    color: #555655;
    text-decoration: none;
}
.domov {
    border-bottom: 2px solid #05346b;
    border-top: 3px solid #0196d3;
    height: 58px;
    position: absolute;
    width: 58px;
}
.web-menu {
    border-bottom: 2px solid #05346b;
    float: left;
    height: auto;
    margin-top: 30px;
    width: 1200px;
}
.web-menu-logged {
    background-color: white;
    border-bottom: 2px solid #05346b;
    float: left;
    height: auto;
    margin-top: 30px;
    width: 1200px;
}
.web-menu-merchant {
    background-color: white;
    border-bottom: 2px solid #05346b;
    float: left;
    height: auto;
    width: 100%;
}
input#flat {
    border: 0 none;
    color: black;
    height: 28px;
    padding: 5px;
    width: 176px;
}
a.news-link:link {
    color: white;
    text-decoration: none;
}
a.news-link:hover {
    color: white;
    text-decoration: none;
}
a.news-link:active {
    color: white;
    text-decoration: none;
}
a.news-link:visited {
    color: white;
    text-decoration: none;
}
#PaymentViaSMSInfoBlock > img {
    display: block;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
}
.spritevCard {
    background-image: url("images/spritevCard.png");
    background-repeat: no-repeat;
    display: block;
}
.sprite-Bus {
    background-position: -5px -5px;
    height: 30px;
    width: 31px;
}
.sprite-EP {
    background-position: -5px -45px;
    height: 29px;
    width: 30px;
}
.sprite-Euro_Blue {
    background-position: -5px -84px;
    height: 29px;
    width: 30px;
}
.sprite-Euro_Orange {
    background-position: -5px -123px;
    height: 30px;
    width: 30px;
}
.sprite-GreenTick {
    background-position: -5px -163px;
    height: 31px;
    width: 31px;
}
.sprite-Rail {
    background-position: -5px -204px;
    height: 31px;
    width: 31px;
}
.sprite-RedCross {
    background-position: -5px -245px;
    height: 30px;
    width: 30px;
}
.sprite-Student {
    background-position: -5px -285px;
    height: 30px;
    width: 30px;
}
.spriteMenu {
    background-image: url("images/spriteMenu.png");
    background-repeat: no-repeat;
    display: block;
}
.sprite-Euro {
    background-position: -5px -5px;
    height: 37px;
    width: 38px;
}
.sprite-Fajka {
    background-position: -5px -52px;
    height: 38px;
    width: 38px;
}
.sprite-Info {
    background-position: -5px -100px;
    height: 39px;
    width: 39px;
}
.sprite-Karta {
    background-position: -5px -148px;
    height: 39px;
    width: 40px;
}
.sprite-Kosik {
    background-position: -5px -197px;
    height: 37px;
    width: 38px;
}
.sprite-Otaznik {
    background-position: -5px -244px;
    height: 38px;
    width: 38px;
}
.sprite-VOP {
    background-position: -5px -292px;
    height: 37px;
    width: 38px;
}
.sprite-nastenka {
    background-position: -5px -339px;
    height: 37px;
    width: 38px;
}
.sprite-Logoff {
    background-position: -5px -387px;
    height: 39px;
    width: 40px;
}
.sprite-Password {
    background-position: -5px -435px;
    height: 39px;
    width: 40px;
}
.colorGreen {
    color: #1c8b00;
}
.colorOrange {
    color: #f18c00;
}
.colorRed {
    color: #cc1801;
}
span.EPvalue {
    color: #0192d5;
}
span.EPwaitingValue {
    color: #0192d5;
}
img.CloseContactForm {
    background-image: url("images/Close.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: 14px;
    top: 15px;
    width: 32px;
}
#MessagesListPanel, #MessagePanel {
    padding: 0 15px;
}
#CardsOrder {
    padding: 20px;
}
#CardsOrder > div > h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
#CardsOrder span.title {
    font-size: 14px;
    font-weight: bold;
}
#CardsOrder select {
    margin-left: 5px;
    margin-right: 15px;
}
#CardsOrder textarea {
    background: #fefefe none repeat scroll 0 0;
    border: 1px solid #cecece;
    border-radius: 4px;
    box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.25) inset;
    color: #888;
}
table.easy-grid td {
    padding: 2px 5px;
}
table.easy-grid th {
    background: #b0ddf2 none repeat scroll 0 0;
    padding: 5px;
    text-align: center;
    vertical-align: top;
}
table.easy-grid tr:nth-child(2n) {
    background: #f2f2f2 none repeat scroll 0 0;
}
table.SmallGrid {
    font-size: 11px;
    max-width: 1450px;
}
table.SmallGrid th {
    background: #b0ddf2 none repeat scroll 0 0;
    text-align: center;
}
table.SmallGrid tr:hover {
    background-color: #f9f9f9;
}
table.SmallGrid tr:nth-child(2n) {
    background: #f2f2f2 none repeat scroll 0 0;
}
table.SmallGrid td {
    padding: 2px 3px;
}
input[type="checkbox"] {
    height: 13px;
    margin: 3px;
}
header {
    background-color: white;
    padding: 25px 0 15px 0;
}
.center {
    text-align: center;
}
.center img {
    margin: 0 auto;
}
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}
/*img {
    vertical-align: middle;
    border: 0 none;
}*/
table.BID{
    font-size: 12px;
    max-width: 1520px;
    width: 100%;
    margin-bottom: 5px;
    color:gray;
}
table.BID th {
    /*background: none repeat scroll 0 0 #FBCA4C;
     text-align:center;
    */
    background: #b0ddf2 none repeat scroll 0 0;
    border-top: 1px solid #dddddd;
    padding: 5px 2px;
    vertical-align: top;
}
/*table.BID tr:hover{
	background-color: #F9F9F9;
}

table.BID tr:nth-child(2n) {background: #D8EEF9}*/

table.BID tr:hover {
    background-color: #f9f9f9;
}
table.BID tr:nth-child(2n) {
    background: #f2f2f2 none repeat scroll 0 0;
}
table.BID tr:last-child td {
    border-bottom: 1px solid #dddddd;
}


table.BID td, table.BID th {
    /*border:0;*/
    padding: 2px 5px;
    border-bottom: 1px solid #dddddd;
}
    table.BID tr.Cancel {
        /*background-color: #B62E27;
        color:white;*/
    }

table.BID td
{
    font-weight:normal;
}
.vCardButton {
    background-color: #3cb8e7;
    color: #FDE5A8;
    display: inline-block;
    height: 27px;
    margin-top: 0;
    padding-top: 3px;
    vertical-align: top;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}

 div.web-menu-merchant .mainmenu
 {
     text-align:right;
 }
#CookieAgree {
    border-bottom: 1px solid #e0e0e0;
    font-size: 12px;
    padding: 3px 20px 5px;
    text-align: center;
    background: linear-gradient(white,#F0F0F0);
    position: fixed;
    top: 10px;
    max-width: 400px;
    right: 15px;
    border-radius: 3px;
    box-shadow: 0 8px 8px #e3e3e3cc;
    overflow: auto;
    z-index: 9999;
}

    #CookieAgree input {
        background-color: black;
        border: 0 none;
        border-radius: 3px;
        color: white;
        cursor: pointer;
        display: inline-block;
        font-size: 12px;
        margin-left: 5px;
        outline: 0 none;
        padding: 1px 5px;
        position: relative;
        height: 18px;
    }
@media (max-width: 1024px ) {
    #center-body-panel{
        display:none;
    }

}
.newMessage{
    background-image:url("images/alert.png");
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABe0lEQVRIie2Vy07CQBSGf7xBBhN2JK4ghggIhIiXoDEKNQoUiBdcs+M9YMv78QSEbjERrXI7boaEOYVpqHHnSb5N/3/ma6dpCvzPpjOAaFsQ5JUBRNt1c9swiZqtjbENUy9RNq+/esJO5siCoLUCaraIag2aXxYV+FHwnHe1gnm1QbN8QcGCoOXhOe/qBeYLTS9uFLiA57yrF1SeaXp2reAQsJx3tYJZ+YkmuSsFLuA57+oFpUcaZ/MKXMBz3tUKpg91+s6cO1ieVfkCd8F9jb5Sp55xFUzuqmQnThT4d8Bz3tULDJM+j7IK/B3wnHe1gnGxQh+xjIPlWZUvcBcUyjQ6THlGK7ANk8a3JRpFk554C0fXCnx9iI4FQcNwhN4jiY0ZhiNkQVAfogPAxwVbAAI9+Lu/+eH04O8CCMj9HII9ACEABwCiAGIA4gCOAaQBZJZIy+tx2YvKdSG5j0MA+VjbAHYB+OWdCABBAPsrCMo8IPs7cr3jeP5sfgBTaCxr90Nk1AAAAABJRU5ErkJggg==");
    background-position: 100% 6px;
    background-repeat: no-repeat;
    background-size: 19% auto;
}
#UnitAnnouncementsPanel, #UnitMessagePanel
{
    padding: 33px 25px;
    font-family: "Brandon Regular";
}
div.UnitMessageBox
{
    border-color: #8b8b8b;
    border-style: dashed;
    border-width: 0 0 1px;
    padding-top: 10px;
    padding-bottom: 20px;
    color:black;
}
.UnitMessageBox .ActionRow{
    text-align:right;
    padding-right:10px;
}
.ActionRow input {
    background: #00A7F5 none repeat scroll 0 0;
    color: white;
    font-weight: bold;
    padding: 3px 8px;
    font-size: 15px;
    height:33px;

}
div.UnitMessageBox span.MessageTitle
{
    color: black;
    display: inline-block;
    font-family: "Brandon Black";
    font-size: 28px;
    font-weight: bold;
    line-height: 17px;
    margin-top: 10px;
}
#UnitMessagePanel span.MessageTitle{
    color: black;
    display: block;
    font-family: "Brandon Black";
    font-size: 28px;
    font-weight: bold;
    line-height: 17px;
    margin-top: 10px;
    margin-bottom: 15px;
}
div.UnitMessageBox span.MessageDate {
    font-size: 14px;
    font-weight: bold;
    font-family:"Brandon Bold";
    display: block;
}
div.UnitMessageBox span.MessageText, #UnitMessagePanel span.MessageText{
    color: black;
    display: block;
    font-size: 16px;
    padding-top: 10px;
}
#HtmlMessagePanel, #ImageMessagePanel, #UnitAnnouncementsPanel{
    width:1180px;
    float:left;
    height: 617px;
    overflow-y: scroll;
    padding-right:10px;
    scrollbar-face-color: white;
}

#HtmlMessagePanel::-webkit-scrollbar, #ImageMessagePanel::-webkit-scrollbar, #UnitAnnouncementsPanel::-webkit-scrollbar {
    background-color: transparent;
    width:83px;
}
    #HtmlMessagePanel::-webkit-scrollbar-button:start, #ImageMessagePanel::-webkit-scrollbar-button:start, #UnitAnnouncementsPanel::-webkit-scrollbar-button:start{
        background-image: url("images/ArrowUp.png");
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAABTCAIAAABs0KxXAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAABKRJREFUeF7tmFtPG0cYhvM/EszZYOMgCjdtIlVRsMBUFBVSytFAUkTUQpoKRSrkqkBURVwUUgRpCqG5gQgiSlSj5CKR+AFIiATjC84IYcQhNSdzCqZ9FYbYDF5nT7OptPPqufHurL3Pzsw3sz4TFnZWn3Bz/cHN9Qc31x/cXH9wc/3BzfUHN9cWg+Gc0RhrNsebTHExMVHUWW34COYREYarV8uGh4f39/fX19cdDofNlh4eHkY1Y43W5tHRkfX1dcvLy/8GxOl05uXlaiyvqTkG9v37behnYnwcn883MjKSmfkFZgF1CTu0M4+Kimhubtrc3CS6JwP5169fXbz4GXUVOzQyh/bt27Vra2tEVCAul+vSpc+16XktzDG3a2p++qD2Uebm5jDnUQWpL1Ed5uZGY0xT06+n53aIjI+PFxcXspZnax4fb3z06M+trS3iJC6Y82NjYzk52UyrPUNz9HZHR/v29jYRkpLDw8Pp6WmrNZX6ThVhZY4F7M6dBq/XS1RkZWFhwWZLY9TzTMyxM62r+1loAZMUyJeW2rE0UD+hHPXNz59P6OzsFJrbbrd7cnKSfDjO7u4uxvbOzg75HBAM+5mZmYqKctXlVTaHdl9fH0zIjZ8MOtBuL37+/Bn5fJyNjY2GhvqnT/uxkyeHAvJOfrqgIE/dYa+m+VElF9JeXV29fr0iMjLc4fibHDoOzG/cqExMtAwODsKTHA0IDuKpZWTYqF9UgmrmcXGxjY2NQUcs4vH8U1tbA220DGpeVVWJU3h2eHUL2vPIyspKbu7Xaq3z6phbLOZ795qFentpaQna7+84hDmIjY1++LBDqEy8ebNaVfW9Kq/0KpgnJyf19PTs7e2RuzuZ2dnZ8vJvAzsqtDnAsEeNFFoR5+fnKyu/w474fXt5KDVPSUkeGBgQ0p6YmDi9Cf+gOUhKSuzq6gr6tZjzkL92rUzhsFdkjkHe29sjNC3d7oWSkuLTBVmMOcAWsL//L6GCh8KRn/8NdYkk5JubTHEtLb+9fRtcG5W8uvrHoOuQSHOAivj4cbdQ+fB6t8rKSmSv8zLNU1I+aW//Q6i3Mbdv3vxBaPkVbw5QzFpbW4TecD0ez61b1Rgd1FVikGmOVxGh3h4dHQ39p5okc4A5hcGFNqT1yWCTc+VKDnWJGGSaW62XsakkPx4QvF1mZWWG3mxJNQdmswnP+nTBOzg4ePKkF2sB1V4MMs0NhnOpqZexCSe38C4ouUVFBaG1gQxzgGHf3d1NFbyhoSF52kB+hYN8YWH+1NSUz+fDTSwuLmJzKuYvNHnmAM+0ra31aJ1H/798+QKvCVQb8cg3B7gVu73I6XS6XK7S0hLqrBCyzQE2MHfv/oIK+uDB7wkJJuqsJBSZA8hnZX2Znp4m/g9TJebAbI7Pzv5KSW8fodQcSP2TWKE5kPqLQVHBXCrKzVWBm2sIN/eHm9MtmcLNNYSb+8PN6ZZM4eYaws394eZ0S6Zwcw3h5v5wc7olU7i5hnBzf7g53ZIp3FxD9Gt+4cKnGRnpgaSlWS0WM9WMNR/B/H8CN9cf3Fx/cHP9wc31BzfXH9xcf3Bz/aFX87Cz/wFpAS0Wrua+UAAAAABJRU5ErkJggg==') /*images/ArrowUp.png*/;
        height:83px;
    }
    #HtmlMessagePanel::-webkit-scrollbar-button:end, #ImageMessagePanel::-webkit-scrollbar-button:end, #UnitAnnouncementsPanel::-webkit-scrollbar-button:end{
        background-image: url("images/ArrowDown.png");
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAABTCAIAAABs0KxXAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAABM1JREFUeF7tmFtPG0cYhvs/UggQGhoCFJIqUoXSpAFMEiDlFHDBVCBIglRQfkOi5prmonZUg5oSCCfVjQTB3Dd3UAsQdY1V1wYhhCEX4ANnaF9lR+v1YJz1HqZVdz49V95vdubZmfl21h+kpZ0xJtzceHBz48HNjQc3Nx7c3Hhwc+PBzY0HN2dFZ+cDu93e19cr5d69diqNAazN+/t/Ojw8/FsSx8fHdvsPVBoDuDkruHksuDmdqTfcnBXcPBbcnM7UG27OCm4eC25OZ+oNN2cFN48FN6cz9Yabs4Kbx4Kb05l6w81Z8f8xz8hIT0//kPoxCerNz55NA9SPClBlDu2urm8eP36UnZ1FXToNlebo6MmTb83mBvXyys0x1Y2NDX6/PxKJPHtmkznzaszRhc1mjUajCwsL5eVlKa21kyg3v3q12Of7E+PG6CFjtVqxBKickyg2x81tNtvBwYHQxOP5AwOgclJCiTkGUVl5e2lpSRi6EHt7ez09PRcu5FDJFMrMCwrynj//EV2QNu9ieXm5qqpC8bJXYt7Z+QC9kv4lsbm5+fTpd3l5uVS+FAXmly4VDgwMbG9vkwaSwNNvabFQ+TJRYt7e3vb27QbpPD62tragkZPzEdVEJFXz8+ezX7zox94m2fGxsbGOakc1kYkS86ysDIulKRIJk/7jY3d31+H4OTMTq5BuCFIyx03GxkZxQ5IaH9FopKWl+bSO3ovCCoe6il5Pkz86OhoeHjp3LpNqBeSb4wU2NjZCJYsRCm3h6asp7wrNAercw4fda2trGDoZjiRQjazW7/PzL1KtZJpfvlw0MjK8v79PkiSB/EDA39r6tZxXSRKUmwNMS3d3F6pdQvlwONzX11tYWCBtIsf8ypVPHQ7Hzs4OyZAEkj0ej8XSjB0nbaIAVeYAS7qtrTUYXCNDiw9UptHR0dzcj8X895qjOr569ctpezsYDDY1mRXvbSlqzQFWXW1tDV5pZHTxgRU7NTUlHm+TmyNtYmI84SJHoIv6+lqVi1xEA3OASlNXV7u+vk7GGB9wGx8fFw45ScxxEJicnER1JBckgZzV1dXq6i9VnlilaGMOcJbq6GjH0QKjJOOVBKYRr2WcSRKa9/bai4s/czonhcMpFXgWbrcbs63JJ5qIZuYAVef+/Q6//6+E8jiEvXw56HQ6qVlF8uvXE5ht6nAqBK5C++7deq0WuYiW5gDyZnMj3jpk4PGBch0KhU4+F/yYUBuBRVRTU625NtDYHGBNlpR8gW1Jxq4icBOTqVTbRS6ivbnArVvlKysrCZe9nEBDfPmbTGo/wpOglzkmCscsr9ebsFYnD5RAl+u3O3eqdJptAb3MAc4bzc1fud2/pzTzSHa5XJWVyj+8ZaKjOUBlqqi47fUuEi0Z4fP5bt406a0N9DUH2Kh4VwcCAWKWNLC3r137XL+9LUV3c4HS0huLi4tJlj3KwdzcnMq/1lKCkTmmsaGhfn5+PmHBQ0l78+bXsrISNrMtwMgcYOvW1dXMzs6enPnp6Wn1/yKnCjtzAHks+5mZGWL8LvAsrl9ntLelMDUHMMzPvzg0NBQOh/HVOTg4UFT0CXttwNpcAKoi1CVm/Dvm/wW4ufHg5saDmxsPbm48uLnx4ObGw6jmaWf+AQFtQhTu64MQAAAAAElFTkSuQmCC') /*images/ArrowDown.png*/;
        height:83px;
    }
#UnitAnnouncementsPanel{
    top:15px;
    width:1235px;
    float:left;
    height: 600px;
    overflow-y: scroll;
    padding-right:10px;
    scrollbar-face-color: white;
    position:relative;
    padding-right: 30px;
    padding-left:35px;
    padding-top: 10px;
}
#CloseMessage{
    width:100px;
    float:right;
}
#CloseMessage input{
    border: 0 none;
    height: 83px;
    width: 83px;
    padding:0;
}
#ImageMessagePanel img{
    max-width: 1042px;
}
i.menuHome {
    background-color: #38cafb;
    background-image: url("images/menuHome.png");
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAGjSURBVEhL7VXbSsNAEO3//4oiVhRBqCJUfPLFUkGwVqltau0tae7ZZJzZuM0mmdg7+ODASWdONntmZ2e3NQA4OFiyCicdEx7HHrr8+yqwJIejlzm4UQIJBp15gE9+HAeW5GCHMbQmHlz1FmCh3zXXF2LJIkjgeeajm3GeSKBvhzmuCiypw41iMComE0kCIzdCt/xOB0sq+Jgtiai4PfXB1+L6qyn3aOj8LsSSBCpHjJmq+M5w5IRkYZzxjZ4NNKxYTh0sSRsbiBiooyi+fLfoN2cRJoEmxzcHNkQofPEmx5XmKxFjT4AVCHTT+BRLUmU0MZocd9u3wcFSHnfSxHTkAqrtFEVUzK2gaIG2ohsUoj38SWw579IZYAfN/EyAMku3ZLWZ2srvhw54WGq9dPLRW4R4wLKBTdzkNMH17Utr5RZePdSZDyNXcpKsd7PlXX8sVPdsZPSFobVyA28G5cuHwhmKbSOgjL78ZA5nLnjCw7ar6R2nkAvak91FxL/IJvZHRPbQXStF9tHCK0XOu5a8hxy86t0tQH/TdAfqcxJywWEAtW/eO2vTVPfZdgAAAABJRU5ErkJggg==') /*images/menuHome.png*/;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    width: 25px;
    height: 23px;
}
i.menuInfo {
    background-color: #38cafb;
    background-image: url("images/menuInfo.png");
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAHWSURBVEhLrZVNSwJRFIanVRC6aeO2pavaRRD9hxYtW/UPWkRB/6BaGoltJAK34sLV7IIMVzL5BY2OGQSCOhrO4Iw60zt2uGTNx1XmgYNwz5nzOPdrBAdRFGOVyutlvV5PhRXlcvm8UCjE5gLbttcGg8E7fkOn2+3K2Ww2KliWtUdjgcxmM3s0Gn3gmWcnNE2Tp9MpZd2RZXl/KUm1Wr3J5XIb8ykA+Xx+XVGUC0q7UiqV7rklE4C126X+DMz/HZW4IkkSvwR1KvVdAOPhSYbDoauk0+koVOLKUhIsuo7as98B8SOlPVlKsiorSbBlNbxBCtMU6fV6DzTsybILbxqGcauq6hYth4DtKVLaE27JeDw2cD4OqTcD0jcq8YRbgpon6stIJBIR0zQ/qcQTbgnutn8SnPQ4JFThDbcE63BKvRkYjv9k/eGW6Lp+TL0ZuMeuKO0LlwSH0MpkMgfUm4HnrqnEF17JhPou0O/3X6jEFy5Ju912leBQ+n9ICC4J8knqy0in09vONFKJL1ySZrN5R70Z+KweUToQLkmxWDyh3oxWq5WkdCC8C/+FGuVPGJQOBBfpjtBoNGJoJNNYqGBvSLVaLTp/fVwbm4gU/mFogS3u/EIgCN/urjtxUyGkvwAAAABJRU5ErkJggg==') /*images/menuInfo.png*/;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
}
div.EmitentRow{
    height:45px;
}
div.EmitentLogo{
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0 auto;
}
div.EmitentLogo::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
div.EmitentLogo::after{
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .1);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
div.EmitentRow div.left{
    height:45px !important;
}
div.SectionTitle{
    font-weight:bold;
    padding-top:10px;
    float:left;
}
div.AccountBox div.CardStatementRow {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #d9f0f8 0px, #f3f3f3 100%) repeat scroll 0 0;
    float: left;
    margin-top: 2px;
    min-height: 31px;
    padding: 0;
    position: relative;
    width:100%;
    max-width: 765px;
}
    div.AccountBox div.CardStatementRow div.right {
        float:right;
        right: 5px;
        position: relative;
    }
.smallText{
    font-size:11px;
    display:inline;
}
#login-tip {
    float: left;
    margin-top: 40px;
    font-size: 11px;
    text-align: justify;
}
    #login-tip fieldset {
        border-color: #a8daf3;
        border-width: 5px;
        border-style: dashed;
    }
    #login-tip legend{
        font-size: 18px;
        font-weight: 700;
        padding: 0 5px;
    }
@media (max-width: 600px ) {
    #CardStatementRow, #CardStatementTitleRow, #MainContentPlaceHolder_LoggedUserInfoSpan,.LeftMenuDiv, .newsIcon, .userInfoIcon {
        display: none !important;
    }
    #left-body-panel, #right-body-panel{
        padding:0;
    }
    header{
        padding: 5px 0 5px 0;
    }
    .img-responsive{
        width: 175px;
    }
    .mainmenu{
        margin-top:0;
    }
    .mainmenu a{
        font-size:14px;
        padding: 5px 10px;
    }
    #LoadingTopDiv{
        top:80px;
    }
    #content-wraper{
        margin-top:0;
    }
    #LeftPane{
        min-height:0;
        padding: 0;
        margin: 0;
        border-radius:0;
        background-color:transparent;
    }
    div.CardImage {
        background-repeat: no-repeat;
        background-size: 100% auto;
        border-radius: 0;
        height: 66px;
        width: 103px;
        float:left;
        margin-left: 5px;
    }
    #cardSelector2{
        margin: 5px 10px;
        float: none;
        padding-left:105px;
    }
        #cardSelector2 select {
            width: 100%;
        }
    #cardName {
        margin-bottom: 0;
        color: #123e6f;
        font-size: 12px;
        display: block;
        text-align: left;
        margin-left: 115px;
    }
    .SectionTitle{
        padding-left:10px;
    }
}
@media  (min-width:601px) and (max-width: 1023px ) {
    header{
        padding: 5px 0 5px 0;
    }
    .img-responsive{
        width: 200px;
    }
    .mainmenu{
        margin-top:0;
    }
    .mainmenu a{
        font-size:16px;
        padding: 5px 10px;
    }
    #LoadingTopDiv{
        top:90px;
    }
    #content-wraper{
        margin-top:0;
    }
    #LeftPane{
        min-height:0;
        margin: 0;
        border-radius:0;
    }
}
@media (max-width: 1023px ) {
    #main{
        min-height:auto;
    }
    #ContentCol_Home {
        height:auto;
    }
    #ContentCol {
        height:auto;
    }
    .small-description-block {
        padding-left: 70px;
        padding-right: 15px;
    }
    div.AccountBox div.FidelityInfoRow div.center {
        float: none;
    }
    div.AccountBox div.FidelityInfoRow div.right {
        float: right;
    }
    div.AccountBox {
        margin:0;
        padding:0;
    }
    div.AccountBox div.FidelityInfoRow{
        display: inline-table;
        padding: 5px 0;
    }
    div.AccountBox div.FidelityInfoRow span.MultiValue {
        padding-left: 70px;
    }
    .footer-pad {
        text-align: center !important;
        border: 0 !important;
    }
}
#body-wrapper-merchant #LeftPane{
    min-height:400px;
    margin: 0 20px 0 0;
    border-radius: 0;
}
.dropDownBoxCardName {
	font-size: 10px;
	color: #818181;
}

.select2-highlighted .dropDownBoxCardName 
{
	color: white;
}