@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");
}


/************* GENERAL *********************/
body
{
    /*background-color: #05346b;*/
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	text-align: left;
    height: 100%;
    min-height: 100%;
}
html {
    height: 100%;
    min-height: 100%;
}
img
{
	border: 0 none;
}
h1, h2, h3, h4, h5, h6
{
	/*color: #c8c8c8;*/
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-indent:0;
	font-family: 'PT Sans', sans-serif;
}

h4
{
	color: #818181;
	font-size: 14px;	
}


h1.title {
		 color: white;
		float: left;
		font-size: 23px;
		line-height: 27px;
		margin-left: 40px;
		margin-top: 20px;
		font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
	}


a
{
	color: #0092D4; /* @Tadas #73d0f4 was too bright. */
	cursor: pointer;
	text-decoration: none;
}
a:hover
{
	text-decoration: none;
color: #bbb; /* @Tadas #cbcbcb was too bright. */
}
hr
{
	border: 0;
	border-top: 1px solid #AAAAAA;
}
ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	 /*margin: 0 0 15px;*/
}

input {
	border: 1px solid #c8c8c8;
	border-radius: 3px;
	background-color: #fbfbfb;
	padding: 3px;
	margin: 0;
	color: #444;
	font-size: 12px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*height: 26px;*/
}
/*input:focus,  select:focus, textarea:focus {
	background: none repeat scroll 0 0 #FFFFFF;
}*/


.hide
{
	display: none;
}

.show
{
	display: inherit !important;
}

.fr
{
	float: right !important;
}
.fl
{
	float: left !important;
}
.wa
{
	width: auto !important;
}
.ar
{
	text-align: right;
}



/*** END ******** GENERAL **************/

/**************** PANELS *********/
#content-wraper {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    width: 1200px;
}
#end-content-wrapper {
	width: 100%;
	margin: 0 auto;
	height: 7px;
	background-color: #f5f5f5;
	background-image: url("images/centerContentEndBg.png");
	background-repeat: no-repeat;
	background-position: center;
}

#top-line-panel {
	width: 100%;
	background-image: url("images/topLine.png");
	background-position: center;
	height: 13px;
	margin: 0 auto;
}
#top-line-bottom {
	width: 1200px; 
	margin:0 auto; 
	background-color: white; 	
	background-repeat: no-repeat;
	height: 10px
}
#top-banner-panel {
	width: 1200px; 
	margin:0 auto;
	height: 120px;
	border-bottom: 1px solid #eeeeee;
	background-image: url("images/topBanner2.jpg");
	background-repeat: no-repeat;
}

#home-link-logo {
	width: 115px;
	height: 47px;
	display: block;
	float: left;
}

#body-wrapper {
    background-color: #4cb1e2;
    background: linear-gradient(to bottom right, #cfeeff, #8dd6ff ); /* W3C */
    display: inline-block;
    float: left;
    width: 1200px;
    font-size: 14px;
}
#body-wrapper-logged {
    background-color: #fff;
    display: inline-block;
    float: left;
    /*padding: 25px;*/
    width: 1200px;

}
#body-wrapper-merchant {
    background-color: #fff;
    display: inline-block;
    float: left;
    /*padding: 25px 0;*/
    width: 100%;
}
#left-body-panel {
    /*background-color: #4cb1e2;
    background: linear-gradient(to bottom, #4cb1e2 0%,#4cb1e2 70%,#ffffff 100%); /* W3C */*/
    display: inline-block;
    float: left;
    height: 100%;
    margin-left: 60px;
    min-height: 400px;
    padding: 30px;
    width: 460px;
}
#center-body-panel {
    /*background-color: #4cb1e2;
    background: linear-gradient(to bottom, #4cb1e2 0%,#4cb1e2 70%,#ffffff 100%); /* W3C */*/
    color: white;
    display: inline-block;
    float: left;
    font-size: 13px;
    margin-top: 105px;
    text-align: center;
    width: 10px;
    color:#0093D3;
}
#right-body-panel {
    /*background-color: #4cb1e2;
    background: linear-gradient(to bottom, #4cb1e2 0%,#4cb1e2 70%,#ffffff 100%);*/
    display: inline-block;
    float: right;
    padding: 30px;
    width: 445px;
    margin-right: 70px;
}

#footer-panel {
	width: 1200px;
	margin: 0 auto;
	height: 30px;
}

.copyright {
	width: 150px;
	float: left;
	font-size: 12px;
}





.panel-title {
	color: #06356b;
	float: left;
    font-size: 30px;
    font-weight: bold;
	font-family: 'PT Sans', sans-serif;
}
.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
{
	width: auto;
	margin: 0;
	display: block;
	padding-top: 10px;
}
#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
{
	margin: 0;
	padding: 0;
	width: auto;
	padding-bottom: 0;
	display: block;
	/*margin-left: -1px;*/
	min-height: 600px; /*width:100%*/
}
#mainLogOff
{
	margin: 0;
	padding: 0;
	width: auto;
	padding-bottom: 0;
	display: block;
	/*margin-left: -1px;*/	
}



#LeftPane
{
	min-height: 560px;
	display: block;
	float: left;
	width: 220px;
	word-wrap: break-word;
    background:#4cb1e2;
    background: linear-gradient(to bottom, #4cb1e2 0%,#4cb1e2 70%,#ffffff 100%); /* W3C */
    padding: 20px 30px;
	/*border-right: 1px solid #EEEEEE;*/
}

#LeftPane h4 {
	height: 0;
	display: none;
}
#ContentCol
{
	/*border-left: 2px solid #05346b;*/	
	background-color: #FFFFFF;
	display: table;
	min-height: 600px;
	width: 878px;
	padding: 20px;
    height:0;
}
#ContentCol_Home
{
	/*border-left: 2px solid #05346b;*/	
	background-color: #FFFFFF;
	display: table;
	min-height: 600px;
	width: 918px;
    padding-top: 10px;
    height:0;
}
.chrome #ContentCol
{
	/*width: 786px;*/
}
#MainPane
{
	/*width: 918px;*/
	float: left;
	margin-right: 0;
	word-wrap: break-word;	
    width:100%;
}
#RightPane
{
	margin-top: 0;
	float: right;
	width: 200px;
	word-wrap: break-word;
	text-align: left;
}
#footer
{
	background-color: #F5F5F5;
	clear: both;
	color: #737373;
	font-size: 11px;
	width: 100%;
}
#footerContainer
{
	padding-top: 10px;
	height: 40px;
	padding: 20px;
	position: relative;
	display: block;
}
div.contentHeader
{
	/*padding: 6px 0 16px;*/
	position: relative;
	margin-bottom: 5px;
    display:block;
}
#MerchantZone-ContentCol div.contentHeader
{
    display:block;
    padding-top: 10px;
}
div.SectionHeader
{
	background-color: #B0DDF2;
	border-bottom: medium none;
	padding: 5px 6px 6px;
	margin-bottom: 5px;
	display: block;
	text-align: left;
}
#MainPane h2
{
	color: #285E56;
	font-size: 19px;
	line-height: 20px;
	min-height: 20px;
	padding-bottom: 2px;
	vertical-align: bottom;
	font-family: 'PT Sans', sans-serif;
    padding-left:20px;
}
/********Merchant ZONE - panels*********/

/****END****Merchant ZONE - panels*********/
#merchantzone-content-wraper {
	background-color: white;
	display: table;
	width: 95%;	
    margin:0 auto;
}
#merchantzone-top-line-panel {
    background-color:#05346b;
	width: 100%;
	height: 0px;
	margin: 0 auto;
} 

/**** END ************ PANELS *********/


/*************** MENU ************************/
div.menu
{
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;				
	height: 30px;
	/*margin-left: 180px;*/
	display: block;
	/*margin-right: 5px;*/
}
div.menu ul
{
	list-style-type: none;
	/*margin: 0;
	padding: 0;
	float: right;*/
}

div.menu li
{
	float: left;
}

a.menu, a.SelectedMenuItem
{
	color: #ADADAD;
	display: inline-block;
	height: 22px;
	padding: 8px 10px 0;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

li.topMenuSeparator {
	margin-top: 7px;	
}



a.menu:hover, a.menu:focus, a.menu:active, a.SelectedMenuItem:hover, a.SelectedMenuItem:focus, a.SelectedMenuItem:active
{
	outline: medium none;
	color: #cbcbcb;
}

/**** END *********** MENU ************************/

/***************** LEFT MENU ************************/

div.LeftMenuDiv
{
	float: left;
	margin-top: 15px;
	position: relative;
	text-transform:lowercase;
	width: 220px;
}

    div.LeftMenuDiv li {
        display: table;
        height: 50px;
        position: relative;
        width: 220px;
    }
div.LeftMenuDiv li > ul {
	margin-left: 30px;
}


    div.LeftMenuDiv a.item {
        /*border-bottom: 1px solid #FFFFFF;*/
        color: #FFF;
        display: table-cell;
        /*line-height: 20px;*/
        padding: 0 0 0 60px;
        position: relative;
        text-decoration: none;
        font-size: 16px;
        text-align: right;
        font-weight: bold;
        vertical-align: middle;
    }
div.LeftMenuDiv a.item:hover, div.LeftMenuDiv a.item:focus, div.LeftMenuDiv a.item:active
{
	/*background-color: #EFF2F7;*/
	color: #000;
}
#LeftPane > span {
    color: #FFF;
    display: block;
    text-align: right;
}
span.ImageWrap
{
	left: 5px;
	position: absolute;
	text-align: center;
	top: 6px;
	/*width: 18px;*/
}

/****************Left menu icons*****************/
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-position: 0 0;
	background-image: url("images/LeftMenuIcons.png");
	background-repeat: no-repeat;
	display: inline-block;
	height: 20px;
	width: 20px;
}
i.LeftMenuItemIcon-1 {	
	background-position: 0 -20px;
	background-image: url("images/LeftMenuIcons.png");	
}

i.LeftMenuItemIcon-2 {
	background-position: 0 -40px;
	background-image: url("images/LeftMenuIcons.png");
}
i.LeftMenuItemIcon-3 {
	background-position: 0 -60px;
	background-image: url("images/LeftMenuIcons.png");
}
i.LeftMenuItemIcon-4  {
	background-position: 0 -80px;
	background-image: url("images/LeftMenuIcons.png");
}
i.LeftMenuItemIcon-5 {
	background-position: 0 -100px;
	background-image: url("images/LeftMenuIcons.png");
}
i.LeftMenuItemIcon-6 {
	background-position: 0 -120px;
	background-image: url("images/LeftMenuIcons.png");
}
i.LeftMenuItemIcon-7 {
	background-position: 0 -140px;
	background-image: url("images/LeftMenuIcons.png");
}
i.LeftMenuItemIcon-8 {
	background-position: 0 -160px;
	background-image: url("images/LeftMenuIcons.png");
}
i.LeftMenuItemIcon-9 {
	background-position: 0 -180px;
	background-image: url("images/LeftMenuIcons.png");
}
i.LeftMenuItemIcon-10 {
	background-position: 0 -200px;
	background-image: url("images/LeftMenuIcons.png");
}
i.LeftMenuItemIcon-11 {
	background-position: 0 -220px;
	background-image: url("images/LeftMenuIcons.png");
}
i.LeftMenuItemIcon-12 {
	background-position: 0 -240px;
	background-image: url("images/LeftMenuIcons.png");
}
i.LeftMenuItemIcon-13 {
	background-position: 0 -260px;
	background-image: url("images/LeftMenuIcons.png");
}
i.LeftMenuItemIcon-14 {
	background-position: 0 -280px;
	background-image: url("images/LeftMenuIcons.png");
}
i.LeftMenuItemIcon-15 {
	background-position: 0 -300px;
	background-image: url("images/LeftMenuIcons.png");
}
/****************Left menu icons*****************/


/**** END *********** LEFT MENU ************************/


/******************** CARDS ************************/
div.CardBox
{
	/*margin-bottom: 10px;*/
	height: 180px;
	display: inline-block;
	text-align: center;
	width: 200px;
}
div.CardBox span
{
	display: inline-block;
}
div.CardImage
{
	background-image: url("../../Images/Cards/Default.jpg");
	background-repeat: no-repeat;
	width: 220px;
	height: 138px;	
	background-size: 100% auto;
    border-radius: 5px;
}
.CardSNR
{
	font-weight: normal;
}
.CardSNR_selected
{
	font-weight: bold;
}
#cardSelector2{
	margin: 15px 0;
	width: 220px;
}
#cardSelector2 select
{
	width: 200px;
	margin: 0;
	padding: 0;	
}
/**** END *********** CARDS ************************/

/******************** ACCOUNTS ************************/
div.AccountBox {
    border-color: #000;
    border-style: solid;
    border-width: 0;
    box-shadow: 2px 2px 4px #888888;
    float: left;
    margin: 5px 20px 20px 15px;
    padding: 15px 15px 15px 15px;
    max-width: 860px;
    width: 100%;
}

div.AccountBox div.Merchant
{
    background: linear-gradient(to right, #D9F0F8 0,#F3F3F3 100%);
    height: 90px;
    padding: 0 20px;

}
div.AccountBox div.MerchantLogo
{
	width: 120px;
	float: left;
}
div.AccountBox div.MerchantLogo img
{
	max-width: 120px;	
}


div.account-box div.MerchantLogo
{
	width: 80px;
	float: left;
	margin-bottom: 20px;
}

div.account-box img.MerchantLogo
{
	max-width: 80px;
	display: block;
	margin: 0 auto;
}
div.AccountBox img.MerchantLogo
{
    max-width:120px;
    max-height:120px;
}

div.AccountBox div.MerchantInfo
{
	display: block;
	float: left;
	position: relative;
    width:855px;
    clear:both;
    color: #123e6f;
    font-size:16px;
    font-weight:bold;
}
div.AccountBox div.FidelityInfo
{
	text-align: left;
	float: left;
	width: 100%;
	padding-top: 10px;
}
div.AccountBox span.MerchantName
{
	font-size: 18px;
	font-weight: bold;
}
div.AccountBox span.MerchantAddress
{
	display: inline-block;
	padding: 10px 0;
	color: #A4A4A4;
}
.merchant-logo { float: left; padding-right: 20px;   margin-top: -10px; }
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: 16px; margin: 0 0 1px }
.merchant-label-desc { font-size: 14px }
div.AccountBox span.MerchantDescription
{
}
div.AccountBox span.StatusTitle
{
}
div.AccountBox span.StatusValue
{
	text-transform: uppercase;
	font-weight: bold;
}
div.AccountBox span.PointsTitle
{
}
div.AccountBox span.PointsValue
{
	font-weight: bold;
}
div.AccountBox div.TransactionRow
{
	margin-top: 2px;
	padding: 5px 5px 4px;
	position: relative;
    min-height: 35px;
    width:880px;
    float: left;
    display:table;
}
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: 855px;
    width: 100%;
}
div.AccountBox div.FidelityInfoRow span.MultiValue
{
	padding-left: 18px;
	font-weight: bold;
	display: block;
}
div.AccountBox div.FidelityInfoRow div.left{
    float: left; height: 31px; width: 70px;
}
div.AccountBox div.FidelityInfoRow div.center{
    float: left; width:650px;
}
div.AccountBox div.FidelityInfoRow div.right{
    float: right; text-align: right;width:150px;
}
div.AccountBox .UctyImage
{
	background-image: url("images/FBicons.png");
	background-repeat: no-repeat;
	background-position: 0 -17px;
	height: 16px;
	width: 16px;
	left: 0;
	position: absolute;
	top: 8px;
}
div.AccountBox span.StatusImage
{
    background-image: url(images/spritevCard.png);
    background-repeat: no-repeat;
	position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background-position: -5px -285px;
    left: 20px;
}
div.AccountBox i.PointsImage
{
	background-image: url("images/FBicons2.png");
	background-repeat: no-repeat;
	display: inline-block;
	background-position: 0 -83px;
	height: 16px;
	width: 16px;
	left: 2px;
	position: absolute;
	top: 3px;
	vertical-align: middle;
}
div.AccountBox i.VisitNumberImage
{
	background-image: url("images/FBicons3.png");
	background-repeat: no-repeat;
	display: inline-block;
	background-position: 0 -76px;
	height: 16px;
	width: 16px;
	left: 2px;
	position: absolute;
	top: 3px;
	vertical-align: middle;
}
div.AccountBox i.BalanceEPImage
{
	background-image: url("images/FBicons.png");
	background-repeat: no-repeat;
	display: inline-block;
	background-position: 0 -100px;
	height: 16px;
	width: 16px;
	left: 2px;
	position: absolute;
	top: 3px;
	vertical-align: middle;
}
div.AccountBox span.CouponImage
{
	background-image: url("images/Products/CouponSmall.png");
	background-repeat: no-repeat;
	position: absolute;
    display: block;
    width: 31px;
    height: 31px;
    left: 20px;
}
div.AccountBox i.ReservationImage
{
	background-image: url("images/Products/Rezervacia_small.png");
	background-repeat: no-repeat;
	display: inline-block;
	background-position: 0 0px;
	height: 16px;
	width: 16px;
	left: 2px;
	position: absolute;
	top: 3px;
	vertical-align: middle;
}
div.AccountBox span.AllianceImage
{
	background-image: url("images/Products/AllianceSmall.png");
	background-repeat: no-repeat;
	position: absolute;
    display: block;
    width: 31px;
    height: 31px;
    left: 20px;
}
div.AccountBox span.TransportLicenceImage
{
    background-image: url(images/spritevCard.png);
    background-repeat: no-repeat;
	position: absolute;
    display: block;
    width: 31px;
    height: 30px;
    background-position: -5px -5px;
    left: 20px;
}
div.AccountBox span.RailImage
{
    background-image: url(images/spritevCard.png);
    background-repeat: no-repeat;
	position: absolute;
    display: block;
    width: 31px;
    height: 31px;
    background-position: -5px -204px;
    left: 20px;

}
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.StudentImageGreen
{
    background:#d8f6da;
    background: linear-gradient(to right, #d8f6da 0,#F3F3F3 100%) !important;
}
div.StudentImageRed
{
    background:#FAD9E2;
    background: linear-gradient(to right, #FAD9E2 0,#F3F3F3 100%) !important;
}
span.StudentImageGreen
{
    background-image: url(images/spritevCard.png);
    background-repeat: no-repeat;
	position: absolute;
    display: block;
    width: 30px;
    height: 29px;
    background-position: -5px -84px;
    left: 20px;
}
span.StudentImageRed
{
    background-image: url(images/spritevCard.png);
    background-repeat: no-repeat;
	position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background-position: -5px -245px;
    left: 20px;
}
div.TransLicenceImageGreen
{
}
div.TransLicenceImageRed
{
    background:#f9e9d0;
    background: linear-gradient(to right, #f9e9d0 0,#F3F3F3 100%) !important;
}
span.TransLicenceImageGreen
{
    background-image: url(images/spritevCard.png);
    background-repeat: no-repeat;
	position: absolute;
    display: block;
    width: 31px;
    height: 31px;
    background-position: -5px -163px;
    left: 20px;
}
span.TransLicenceImageRed
{
    background-image: url(images/spritevCard.png);
    background-repeat: no-repeat;
	position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background-position: -5px -123px;
    left: 20px;
}
div.AccountBox span.TransportEPImage, 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;
}
/**** END *********** ACCOUNTS ************************/
/******************** ACCOUNT BOX 2 - Design  ************************/
div.AccountBox2
{
	margin: 10px 0;	
	padding: 8px;
	border-style: solid;
	border-width: 0;	
	float: left;
	background-color: #f4f4f4;
	width: 515px;
}
div.AccountBox2 div.MerchantLogo
{
	max-height: 120px;
	max-width: 120px;
	width: 170px;
	max-height: 170px;
	float: left;
	margin-bottom: 20px;
}
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;
	width: 350px;
	margin-top: 10px;
	margin-left: 10px;
}
div.AccountBox2 div.FidelityInfo
{
	clear: both;
	text-align: left;
	float: left;
	width: 100%;
	padding-top: 10px;
}
div.AccountBox2 div.FidelityInfoRow
{
	background-color: white;
	margin-top: 2px;
	padding: 10px;
	margin-bottom: 5px;
	display: table;
	width: 473px;
}
div.AccountBox2 div.vCardSilverRow {
	padding: 10px;
	display: table;
	margin-bottom: 5px;
	margin-top: 2px;
	padding: 10px;
	width: 473px;
}

div.AccountBox2 div.TransportPCLActionDiv {
	float: right;
}

div.AccountBox2 div.FidelityInfoRow span.MultiValue
{
	font-weight: bold;
	display: block;
}

div.AccountBox2 span.PointsTitle
{

}

div.AccountBox2 span.StatusValue, span.PointsValue
{
	text-transform: uppercase;
	font-weight: bold;
}


/**** END *********** ACCOUNTS ************************/


#loginContainer
{
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	clear: both;
	width: 100%;

}

.form-item {
	margin-bottom: 10px;
}

.form-item label {
	display: block;
	margin-bottom: 3px;
}



.form-item .inputText,  select
{
    border: 2px solid #a8daf3;
    border-radius: 4px;
	background-color: #fbfbfb;
	font-size: 17px;
    padding: 0 4px;
	margin: 0;
	color: #818181;
}

.form-item .inputText {
		width: 415px;
	}
.form-item select {
	width: 425px;
}
.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
{
	position: relative;
	top: 1px;
	vertical-align: bottom;
	margin-left: 0;
}
#loginContainer td.login_form_label_field a, #loginContainer td.login_form_label_field a:hover
{
	color: #7DBFC5;
	position: relative;
	vertical-align: bottom;
	top: -2px;
	left: 1px;
}
#loginContainer #remember-log input {
	margin: 0 5px 0 0;	
	display: block;	
	float: left;
}
#loginContainer #remember-log label {
	display: block;
	line-height: 27px;
}


#loginContainer #pwd-recovery {
	margin-top: 5px;
}


div.BottomMenuDiv
{
    float: right;
    padding: 12px;
}
input.confirmButton
{
	margin-top: 10px;
	min-width: 150px !important; 
	float: left !important; 
}
input.confirmButton2
{
	min-width: 150px !important; 
	margin-bottom: 10px;
}


#SocialConnection
{
	position: absolute;
	float: left;
}
#RegistrationForm
{	
	float: left;
	clear: both;    
	margin-top: 10px;
	width: 440px;
}
span.RegistrationTitle
{
	display: inline-block;
	border-bottom: 1px solid #9AAFCA;
	width: 354px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color: #0E385F;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
}

#RegistrationForm table, #AddCardPanel table, div.BasicForm table
{
	margin: 0 0 7px;
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
}
#RegistrationForm td.label, #AddCardPanel td.label, div.BasicForm td.label
{
	font-size: 13px;
	padding-right: 3px;
	width: 150px;
	text-align: left;
	/*font-family: Gibson-SemiBold;*/
	font-family: 'PT Sans', sans-serif;
}
#RegistrationForm  #AddCardPanel .field_container, div.BasicForm .field_container
{
	display: inline-block;
	position: relative;
	width: auto;
}
#RegistrationForm  #RegistrationForm select, #AddCardPanel input
{	
	margin: 0;
	padding-bottom: 4px;
	margin-top: 2px;
	padding: 6px;
	width: 250px;
	float: right;
}

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
{	
	padding-bottom: 3px;
	color: #777777;
	font-weight: bold;
	font-family: 'PT Sans', sans-serif;
}
#RegistrationForm #captcha_box .captcha_comment {
	margin: 5px 0 5px 0;
}

#RegistrationForm #captcha_box .captcha_image {
	margin: 10px 0 10px 0;
}

#RegistrationForm .captcha_input label, .field_container {
	float: left;
	clear: both;
	margin-bottom: 3px;
}
#RegistrationForm .captcha_response {
	 background-color: #FBFBFB;
	border: 1px solid #C8C8C8;
	border-radius: 3px 3px 3px 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: none repeat scroll 0 0 #FFEBE8;
	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
{
	margin-top: 12px;
	float: left;
}
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
{
	 margin-top: 10px;
}

#reg_captcha div.captcha_input
{
	margin: 5px 0 7px;
	overflow: hidden;
}
#reg_captcha .captcha_input label
{
	width: 90px;
	color: #1D2A5B;
	font-weight: bold;
	vertical-align: middle;
	margin-right: 4px;
}
#reg_captcha .captcha_input input.captcha_response
{
	border: 1px solid #BDC7D8;
	font-size: 11px;
	padding: 3px;
	direction: ltr;
	margin-top: 4px;
	width: 137px;
}
.validationSummary
{
	border: 1px dotted red;
	padding: 7px;
	background-color: #FFEBE8;
	margin: 5px 0;
	color: red;
}
.validationSummary ul
{
	list-style-type: disc;
	padding-left: 20px;
}


#RegStep4 .specialButton
{
	float: right;
}

#mask
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	background-color: #000;
	display: none;
}

.generic_dialog
{
	height: 0;
	left: 0;
	outline: medium none;
	overflow: visible;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 250;
	display: none;
}
.generic_dialog_popup
{
	height: 0;
	margin: auto;
	overflow: visible;
	position: relative;
	width: 465px;
	top: 200px;
}
.pop_container_advanced
{
	background: none repeat scroll 0 0 rgba(0, 146, 212, 0.7);
	border-radius: 8px 8px 8px 8px;
	padding: 10px;
}
.pop_content h2.dialog_title
{
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #58CAFF;
	border-color: #003e93;
	border-style: solid solid none;
	border-width: 1px 1px medium;
	color: #000 !important;
	font-size: 18px !important;
	font-weight: bold;
	margin: 0;
	padding: 20px 10px !important;
	display: block;
	font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px #2D62E7;
    text-transform:uppercase;
}
.pop_content .dialog_content
{
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #555555;
	border-right: 1px solid #555555;
	border-style: solid;
	border-width: 0 1px 1px;
}
.pop_content .dialog_body
{
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
	line-height: 16px;
}
.pop_content .dialog_buttons
{
	padding: 8px 10px;
	position: relative;
	height: 25px;
	display: table;
	width: 97%;
}
.pop_content .dialog_buttons .specialButton
{
	padding: 0 5px;
	float: right;
	width: auto !important;
}
.typoEmail
{
	font-weight: bold;
}
.suggestedEmail
{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	display: block;
}
#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;
	font-size: 18px;
	display: inline-block;
}
.MerchantProfilDescription
{
	color: #808080;
	display: block;
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 5px;
	position: relative;
	margin-left: 1px;
}
table.MerchantProfil th.label
{
	padding: 3px 0 1px;
	padding-right: 8px;
	width: 125px;
	color: #999999;
	font-weight: bold;
	line-height: 15px;
	text-align: left;
	vertical-align: top;
}
table.MerchantProfil td.data
{
	padding: 3px 0 1px;
	text-align: left;
	vertical-align: top;
	line-height: 15px;
}
table.MerchantProfil
{
	margin: 5px 0 15px 0;
}
table.MerchantProfil hr
{
	color: green;
}
.LoginError
{
	margin-top: 10px;	
	border: 1px dotted Red;
	color: Red;
	display: block;		
	width: 408px;
	background-color: #FFEBE8;        
	padding: 7px;
	
}
.LoginError a
{
	color: Red;
	text-decoration: underline;
}
.NoTransaction
{
	margin: 10px 0;
	font-weight: bold;
	display: block;
}
#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
{
	margin: 0px auto;
	background-color: #FFFFFF;
	width: 650px;
	font-size: 14px;
}
div.QuestionBox h3
{
	font-size: 14px;
	font-weight: normal;
}
div.QuestionBoxHeader
{
	margin-left: 20px;
	margin-right: 20px;
	padding: 6px 0 16px;
}
div.QuestionBoxHeader h1
{
	padding-top: 10px;
	font-size: 16px;
}
div.QuestionBoxHeader h2
{
	padding-top: 10px;
	padding-left: 0 !important;
	font-family: 'PT Sans', sans-serif;
}
div.QuestionBoxContent
{
	margin-bottom: 15px;
	padding: 10px 20px 0 20px;
}
div.QuestionBoxContent .CardSNR
{
	font-weight: bold;
	font-size: 18px;
}
div.QuestionBoxContent .CardImage
{
	vertical-align: middle;
	padding-right: 20px;
	width: 150px;
}
div.QuestionBoxFooter
{
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	line-height: 16px;
	padding: 8px 10px;
	border-bottom: medium none;
	border-left: medium none;
	border-right: medium none; 
	height: 30px;
}
#BlockStep1Button {
}

#PINDiv
{
	margin: 10px auto;
}
#PINDiv table
{
	text-align: center;
	padding: 10px 0;
	display: block;
}
#PINDiv label
{
	color: #1D2A5B;
	font-size: 13px;
	text-align: right;
}
#PINDiv input
{
	border: 1px solid #BDC7D8;
	margin: 0;
	padding-bottom: 4px;
	border-color: #96A6C5;
	margin-top: 2px;
	font-size: 16px;
	padding: 6px;
	width: 100px;
}
.errorMessage
{
	background-color: #FAD6BA;
	background-image: url("images/icon-info.png");
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding: 10px 0 10px 30px;
	border-radius: 3px;
	display: block;
}
.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: 10px 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 3px 3px 3px;
	height: 25px;
	line-height: 16px;
	padding: 8px 10px;
	margin-bottom: 5px;
}
#LogoUploadingDiv
{
	margin: 20px auto;
	text-align: center;
}
#MerchantProfileButtonBox
{
	border-radius: 0 0 3px 3px;
	border-top: 0px;
}
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
{
	vertical-align: bottom;
	padding-left: 2px;
}
.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
{
	padding-top: 10px;
	border-width: 0 0 1px;
	border-color: #E9E9E9;
	border-style: solid;
}
div.MerchantMessageBox div.MessageContent
{
	margin-left: 60px;
}


div.MerchantMessageBox span.MessageTitle
{
	font-weight: bold;
	font-size: 12px;
}
div.MerchantMessageBox span.MessageText
{
}
div.MerchantMessageBox div.MessageBottom
{
	font-size: 9px;
	color: Gray;
	text-align: right;
	padding: 3px 0;
}
div.specialButton label.small
{
	padding: 0 4px;
	margin: 0 10px;
}
input.long
{
	border: 1px solid #BDC7D8;
	margin: 3px 0;
	padding-bottom: 4px;
	border-color: #96A6C5;
	margin-top: 2px;
	font-size: 16px;
	padding: 6px;
	width: 98%;
}
#LoadingTopDiv {
    background-color: #FFF;
    height: 100%;
    left: 0;
    position: fixed;
    top: 100px;
    width: 100%;
    z-index: 1000;
}
table.ProductTable
{
	width: 100%;
}
td.ProductLogo
{
	width: 100px;
}
img.ProductLogo
{
	width: 80px;
}
span.ProductName, a.ProductName
{
	font-size: 16px;
	font-weight: bold;
}
span.ProductDescription
{
	font-size: 13px;
}
span.infoRow
{
	display: block;
	background-color: #EDEFF4;
	border-bottom: 1px solid #E5EAF1;
	margin-top: 2px;
	padding: 5px 5px 4px;
	position: relative;
	margin-right: 20px;
}
table.ProductTable label
{
	padding-left: 4px;
}
td.ProductAction
{
	width: 130px;
	text-align: center;
}
.w340
{
	width: 340px;
}
div.paymentType
{
	display: table;
	padding: 5px;
	line-height: 20px;
	border-bottom: 1px dotted silver;
}
div.paymentType:hover
{
	background-color: #F3F9EB;
}
div.paymentType img
{
	vertical-align: middle;
	padding: 0 10px;
}
.paymentType.selected
{
	background-color: #F3F9EB;
}
.paymentType input
{
	height: auto;
}
.paymentType label
{
	min-width: 200px;
	float: left;
	display: block;
}
.paymentType span
{
	display:block;
	float: left;
	min-width: 540px;
    text-align: justify;
}


#OrderInfo
{
	border: 1px solid #c9eefd;
	margin: 0 auto 10px;
	padding: 5px;
	line-height: 25px;
}
#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
{
	text-align: center;
	padding:25px 10px 10px;
}

/*************** RESULT PANEL *********************************************/
div.error
{
	border-color: red;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	margin: 0 auto;
	padding: 10px;
	position: relative;
	top: 120px;
	background-color: #FFEBE8;
    width: 600px;
}
div.success
{
    background-color: #E0FFD0;
    border-color: #00e341;
    border-style: solid;
    border-width: 1px;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    top: 120px;
    width: 600px;
}
div.ifcReturn {
	top:auto;
	}
div.ifcReturnOrderDetail
{
	margin: 0 auto;
	max-width: 800px;
	margin-top: 20px;	
}
div.ifcReturnOrderDetail h4{
	color: #078ECD;
	font-size: 18px;
	margin: 20px 0;
	font-family: 'PT Sans', sans-serif;
}


div.error span.errorTitle
{
	color: #05346B;
	display: inline-block;
	font-size: 30px;
	padding: 10px 20px 5px 20px;
    text-shadow: 0 1px 1px #FB3232;
	text-align: center;
    font-weight: bold;
	vertical-align: top;
}
div.error span.errorComment
{
	font-size: small;
	padding: 10px 20px 10px 20px;
	display: block;
	text-align: justify;
}
div.success span.successTitle
{
	display: inline-block;
	font-size: 30px;
	padding: 10px 20px 5px 20px;
	vertical-align: top;
	text-align: center;
	color: #05346B;
    text-shadow: 0 1px 1px #2d6fe7;
    font-weight: bold;
}
div.success .successComment
{
	font-size: small;
	padding: 10px 20px 10px 20px;
	display: block;
	text-align: center;
}
div.error > img, div.success > img
{
	padding: 5px 10px 5px 5px;
    display:inline;
}
div.success div.specialButton, div.error div.specialButton
{
	padding-top: 20px;
	text-align: center;
}
/****************** END OF RESULT PANEL ***********************************************/

.PagerCurrent
{
	color: white;
	padding: 0 5px;
	font-weight: bold;
}
.PagerNumeric
{
	color: #333333 !important;
	padding: 0 2px;
	text-decoration: none;
	font-weight: bold;
}
fieldset
{
    border-width: 1px;
    margin: 10px 0;
    padding: 5px 10px;
    border-color: #eee #ccc #ccc;
}
legend{
	 font-size: 14px;
	font-weight: 700;
}

legend.Filter
{
	color: #008994;
}
.rowSeparator
{
	background-color: #DDEAE7;
}
.rowSum
{
	font-weight: bold;
}
.rowFooter
{
	background-color: #42B1BB;
	font-weight: bold;
	color: White;
}
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;
    margin: 10px 0;
}
div.summary{
	padding: 10px 0 10px 30px;
	margin-bottom: 10px;
}
div.summary ul{ margin: 0;}

img.SmallLogo
{
	width: 25px;
	float: left;
}
#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
{
	border: 2px ridge #149DA8;
	padding: 5px;
	line-height: 24px;
	background-color: #F2F2F2;
	font-size: 12px;
}
.coupon1_edit
{
	padding: 5px 10px 5px 5px;
	font-weight: bold;
}
.coupon2_edit
{
	padding: 2px 5px;
	font-weight: bold;
}
.coupon3_edit
{
	padding: 2px 5px 4px;
	font-weight: bold;
}
.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: url("images/activeTab.gif") repeat-x scroll 0 0 transparent !important;
}
.customTab .ajax__tab_header .ajax__tab_active .ajax__tab_inner
{
	background: url("images/activeTabInner.gif") no-repeat scroll 0 0 transparent !important;
}
.customTab .ajax__tab_header .ajax__tab_active .ajax__tab_outer
{
	background: url("images/activeTabOuter.gif") no-repeat scroll right center transparent !important;
}
.customTab .ajax__tab_header .ajax__tab_hover .ajax__tab_tab
{
	background: url("images/activeTab.gif") repeat-x scroll 0 0 transparent !important;
}
.customTab .ajax__tab_header .ajax__tab_hover .ajax__tab_inner
{
	background: url("images/activeTabInner.gif") no-repeat scroll 0 0 transparent !important;
}
.customTab .ajax__tab_header .ajax__tab_hover .ajax__tab_outer
{
	background: url("images/activeTabOuter.gif") no-repeat scroll right center transparent !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: 0 15px;
	position: relative;
	width: 70px;
	padding-top: 30px;
}
.clientStatus
{
	font-size: 12px;
	padding: 10px 0;
}
.PriceList
{
	border: 2px ridge #149DA8;
}
.PriceList input
{
	background-color: #F2F2F2;
	padding: 0;
	text-align: right;
	border: 0 none;
}
.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
{
	font-size: 10px !important;
	padding: 1px !important;
	background-color: #EEEEEE !important;
	background-image: url("images/FBicons5.png") !important;
	background-position: 0 -245px !important;
	background-repeat: no-repeat !important;
	color: #333333 !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
{
	padding: 0 0 0 60px;
	font-size: 13px;
}
img.MediumLogo
{
	width: 50px;
	float: left;
}

.resObj
{
	float: left;
	border-bottom: 1px solid #E9E9E9;
	width: 100%;
	padding: 5px 0;
	line-height: 25px;
}
.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;
	width: 40px;
	text-align: center;
}
.actionPlace
{
	font-size: 9px;
	background-color: #EFF1F1;
	text-align: right;
	padding: 5px;
	margin-top: 3px;
}
.leftActionPlace
{
	font-size: 9px;
	background-color: #EFF1F1;
	text-align: left;
	padding: 5px;
	margin-top: 3px;
}
#ResServiceHoursDiv .note
{
	background-color: #F7F7F7;
}
div.ResReviewInnerBox
{
	width: 730px;
	height: 400px;
	overflow: auto;
}
#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
{
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	padding: 1px 4px;
	color: White;
	background-color: Teal;
}
table.res td.secondCol
{
	background-color: #149DA8;
	color: White;
	font-weight: bold;
	white-space: nowrap;
	padding: 1px 4px;
}
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;
	text-align: center;
	padding: 0 2px;
}
.r1
{
	color: Black;
	background: #d2ff52; /* Old browsers */ /*	background: -moz-linear-gradient(top,  #d2ff52 0%, #91e842 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2ff52), color-stop(100%,#91e842)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d2ff52 0%,#91e842 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d2ff52 0%,#91e842 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d2ff52 0%,#91e842 100%); /* IE10+ */
	background: linear-gradient(top,  #d2ff52 0%,#91e842 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */
}
.r2
{
	color: White;
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
.r3
{
	color: White;
	background: #a7afb7; /* Old browsers */
	background: -moz-linear-gradient(top,  #a7afb7 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7afb7), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a7afb7 0%,#828c95 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a7afb7 0%,#828c95 36%,#28343b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a7afb7 0%,#828c95 36%,#28343b 100%); /* IE10+ */
	background: linear-gradient(top,  #a7afb7 0%,#828c95 36%,#28343b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7afb7', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
}
.r6
{
	color: White;
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
.r7
{
	color: White;
	background: #808080; /* Old browsers */
}
.r4
{
	color: White;
	text-align: center;
	font-weight: bold;
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e5799 0%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e5799 0%,#207cca 51%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(top,  #1e5799 0%,#207cca 51%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
.r5
{
	color: White;
	text-align: center;
	font-weight: bold;
	background: #3b6325; /* Old browsers */
	background: -moz-linear-gradient(top,  #3b6325 0%, #359618 51%, #7eb260 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b6325), color-stop(51%,#359618), color-stop(100%,#7eb260)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3b6325 0%,#359618 51%,#7eb260 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3b6325 0%,#359618 51%,#7eb260 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3b6325 0%,#359618 51%,#7eb260 100%); /* IE10+ */
	background: linear-gradient(top,  #3b6325 0%,#359618 51%,#7eb260 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6325', endColorstr='#7eb260',GradientType=0 ); /* IE6-9 */
}
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;
	margin: 0 5px;
	padding: 1px 5px;
	text-align: center;
	vertical-align: bottom;
	white-space: nowrap;
	font-size: 11px !important;
	font-weight: normal !important;
}
.fullScreen
{
	position: absolute;
	z-index: 2000;
	left: 0;
	top: 0;
	margin: 30px 10px 10px;
	padding: 10px;
}
#fullScreenMask
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	background-color: #E5F6F8;
	display: none;
}
#ResReviewOuterBox
{
	background-color: #FFF;
}
-webkit-full-screen #ResReviewOuterBox
{
	width: 100%;
	height: 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;
	width: 300px;
	z-index: 9999;
	position: fixed;
	right: 0;
	top: 0;
	margin: 10px;
}
#ReservationLegend div
{
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	padding: 5px 10px;
}
.vcardaction
{
	position: absolute;
	bottom: 5px;
    font-weight: bold;
    /*left: 200px;*/
        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
{
	padding: 5px 0;
	border-style: solid;
	border-color: #E9E9E9;
	border-width: 0;
	border-bottom-width: 1px;
	float: left;
}
div.searchMerchant div.MerchantLogo
{
	padding: 4px 0;
	width: 80px;
	float: left;
	margin: 0;
}
div.searchMerchant img.MerchantLogo
{
	max-width: 80px;
	max-height: 50px;
	display: block;
	margin: 0 auto;
}
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 0 !important;
}
div.searchResult .vcardaction
{
	position: absolute;
	right: 0;
	top: 0;
	left: auto;
	width: 140px;
	text-align: right;
	background-color: White;
}
.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
{
	text-align: right;
	padding-right: 2px;
}
.FidelityInfoRow .ajaxLoad
{
	margin-bottom: -5px;
}
.menuPulldown
{
	background-image: url("images/FBicons6.png");
	background-position: -56px -313px;
	background-repeat: no-repeat;
	height: 31px;
	overflow: hidden;
	text-indent: 30px;
	width: 15px;
	float: right;
}
.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: none repeat scroll 0 0 #FFFFFF;
	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;
	outline: medium none;
	color: #078ECD;
}
.openToggler
{
	z-index: 100;
	position: relative;
}
#NavAccountLink
{
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	/*background-color: #FFFFFF;*/
	border-color: #333333 #333333 -moz-use-text-color;
	border-width: 1px 1px 0;
	position: relative;
	z-index: 2;
    padding-right:0px !important;
}
#navAccount {
	 margin-right: 6px;
	/*width: 5px;*/
}


#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 {
	width:150px;
	display:inline-block;
}
table.form td span {
	color: #818181;
   font-size: 14px;
   padding-right: 3px;
   text-align: left;
   width: 150px;
	display:inline-block;
}
table.form td input {
	background-color: #FBFBFB;
	border: 1px solid #C8C8C8;
   font-size: 13px;
   margin: 2px 0 0;
   padding: 6px;
   width: 230px;
}
.deviceMenuItem {
	text-align:center;
	display:inline-block;
	width:70px;
	margin: 3px 20px 3px 0;
}
.defaultDeviceMenuItem {
	text-align:center;
	display:inline-block;
	width:70px;
	margin: 3px 10px 3px 0;
}
#DeviceMenuPanel ul {
	line-height:20px;
	font-size:12px;	
}
#FeeTransactionView td {
	padding:0 3px;
}
#FeeTransactionView .dialog_body {
	height:200px;
	overflow:auto;
}
.loading {
	text-align:center;
}
#progressBackgroundFilter {
  position:absolute;
  top:0px; 
  bottom:0px; 
  left:0px;
  right:0px;
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:#F6FFFF; 
  filter:alpha(opacity=90); 
  opacity:0.9;
  z-index:1000; 
  height:1000px;
} 

.progressMessage { 
  position:absolute; 
  top:30%; 
  left:45%;
  z-index:1001;
  text-align:center;
  color:#48677C; 
  font-weight:bold;
  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 {
	float: right;
	display: inline-block;
	color: white;
	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 {
	/*width:88px !important;*/
}

.inlineBlock{
	display: inline-block;
}

#PageContentPanel h6 {
	color: #285E56;
	font-size: 18px;
}

.changePwdIcon {
    background-image: url("images/ChangePwdIcon.png");
    height: 128px;
    margin-left: 65px;
    width: 94px;
}

.userInfoIcon {
	background-image: url("images/UserInfo.png");
	width: 130px;
	height: 130px;
	margin-left: 50px;
}

.ordersListIcon {
	background-image: url("images/detailIcon.png");
	width: 130px;
	height: 130px;
	margin-left: 30px;
}

.newsIcon {
	background-image: url("images/news_Icon.png");
	width: 130px;
	height: 130px;
	margin-left: 30px;
}
.basketIcon{
	background-image: url("images/BasketIcon.png");
	width: 128px;
	height: 130px;
	margin-left: 30px;
}


div.ui-datepicker-title select {
	padding:0;
}
.asp-checkbox {	
	display: block;
}
.asp-checkbox input {
	margin-right: 10px;
	display: block;
	float: left;
	line-height: 26px;
	}
.asp-checkbox label {
	float: left;
	display: block;
	/*line-height: 26px;*/
	}

div.OrderPCLPanel td > input{
	margin-bottom: 10px;
} 



#MerchantZone-ContentCol {	 	 
	 border-left: 1px solid #EEEEEE;
	 margin-left: 280px;
	 padding-left: 20px;
}
#MerchantZone-ContentCol > #MainPane {
	width: 98%;
	margin-bottom: 10px;
}

#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 {
	float: right;
	text-align: right;
	width: 182px;
	clear: right;
	margin-right: 20px;
	margin-top: 55px;
}
.basket i {
	vertical-align: text-bottom;
}
.basket a{
	padding: 5px 0 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 separate to 2 pane**********************************/
.center-content-item{
	/*width: 493px;*/
	display: table;
}
.center-content-leftPane {
    /*width: 246px;*/
    float: left;
    margin-right: 10px;
}
.center-content-rightPane{
	width: 236px;
	float: right;
	padding-left: 10px;
}
/**************************************Center content separate to 2 pane**********************************/

/**************************************DEFAULT DESIGN GridView**********************************/
.default-grid {
    clear: both;
    width: 100%;
    font-size: 11px;
    border: 1px solid #DDDDDD;
}

table.default-grid th {
	 background: none repeat scroll 0 0 #B0DDF2;
	 border-top: 1px solid #DDDDDD;
     padding: 5px 2px 5px 2px; 
	 vertical-align: top;
}

table.default-grid tr.header
{
	
}
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, table.default-grid tr:nth-child(2n):hover {
    background-color: #B0F2D1;
}

table.default-grid tr:nth-child(2n) {
    background-color: #F2F2F2
}

table.default-grid tr:last-child td {
	border-bottom: 1px solid #DDDDDD;
}
table.default-grid tr.selected {
    background-color: #B0F2F0;
}



/**************************************DEFAULT DESIGN GridView**********************************/

a.edit-linkButton, a.delete-linkButton, a.save-linkButton, a.cancel-linkButton {	
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}
a.edit-linkButton
{
	background-position: 0 -40px;
	background-image: url("images/ButtonIcons.png");
}

a.delete-linkButton
{
	background-position: 0 -61px;
	background-image: url("images/ButtonIcons.png");
}

a.save-linkButton
{
	background-position: 0 0;
	background-image: url("images/ButtonIcons.png");
}

a.cancel-linkButton
{
	background-position: 0 -21px;
	background-image: url("images/ButtonIcons.png");
}


table.asp-checkbox-list{
	width: 100%;
}
table.asp-checkbox-list input {
	margin-right: 10px;
	display: block;
	float: left;
	}
table.asp-checkbox-list label {
	float: left;
	display: block;
	line-height: 26px;
	}



.tabs {
	border-bottom: 1px solid #DDDDDD;
	list-style: none outside 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: none repeat scroll 0 0 #F4F7F0;
}
.tabs li.current a {
	background: none repeat scroll 0 0 #EEF1E6;
	border-radius: 3px 3px 0 0;
}








#scroolBoxSettingPopupButton{
	width: 5px;
	height:  5px;
	background-color: silver;
	margin-top: -10px;
}

.scroolBoxSettingPopup{	
	width: 180px; 
	height: 35px; 
	position:absolute; 
	background-color: white; 
	border: 1px solid silver; 
	z-index: 65535; 
	display:none;
	box-shadow: 5px 5px 5px #888;
	padding: 10px;	
}

.simple-popup{		
	position:absolute; 
	background-color: white; 
	border: 1px solid silver; 
	z-index: 65535; 
	display:none;
	box-shadow: 5px 5px 5px #888;
	padding: 10px;	
}
.simple-popup .header{
	background: none repeat scroll 0 0 #EEF1E6;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 10px;
	padding: 5px 10px 5px 10px;
	text-wrap: none;
}


/***********************ORDER DETAIL**********************************/
#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;
	border-collapse: collapse;
	border-spacing:0;
}
table.card-orderitems-tab td{
	height: 25px;
	border-bottom: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
}

table.card-orderitems-tab tr.alternaterow
{
	background-color: #F9F9F9;
}

/***********************ORDER DETAIL**********************************/

.requireFormItem{
	background-color: #FFE5E5;
}







/*
 * PAKEITIMAI
 * 
 * @Tadas
 */

.contentHeader { text-transform: uppercase }

/* Tipografija */
p { font-size: 14px; margin: 0 0 20px; color: #444 }
p.small { font-size: 12px }
h2 { color: #285E56; font-size: 19px; line-height: 20px; min-height: 20px; padding-bottom: 2px; vertical-align: bottom; font-family: 'PT Sans', sans-serif;}

/* Formos */
.nice select, .nice input { font-size: 12px; width: auto; box-sizing: border-box; }
.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; line-height: 26px; height: 26px }
.compact-form-field input, .compact-form-field select { float: left; height: 26px; box-sizing: border-box }
.compact-form-field input { padding: 3px 6px }



/* Išdestymas */
.column { float: left; box-sizing: border-box;}
.column.last { margin-right: 0 }
.column.navigation { width: 220px; padding: 0 0 0 10px; border-right: 1px solid #eee }
.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: #233973; 
     color: #fff; height: 40px; 
     font-family: 'PT Sans', sans-serif;  text-transform: uppercase;
     border-radius: 30px !important; font-size: 17px;
     border: 1px ridge #233973;
     padding:7px 25px;
}
.button:hover { 
    color: #fff;
    border: 1px solid #000;
    text-shadow: 0 1px 1px #6a81b8;
}
.button.small { height: 26px; float:none; display: inline; line-height:26px;}
a.button{font-size: 12px;}
a.button:hover { box-shadow: inset 0 0 0 1px #c95414 }
input.button.ui-button { padding: 0 15px !important }







/* Lenteles */
table, table th, table td { border-collapse: collapse }
table th, table td { padding: 2px }
tr td, tr th { /*border-bottom: 1px solid #ddd*/ }
tr:last-child td { border-bottom: none }
th { font-weight: 600; color: #666 }
table.wide { width: 100% }
.emphasize-column { font-size: 18px; color: #088ecd }
.payment-data { font-size: 12px }
.payment-data th { background: #B0DDF2; border-top: 1px solid #ddd; padding: 7px; vertical-align: top }
.payment-data tr:last-child td { border-bottom: 1px solid #ddd }
.borderless td { border: 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 { padding-left: 95px; background: url("images/arrow-click-this.png") no-repeat 40px 0 }
.account-box { background: #e4e4e4; padding: 10px; border-radius: 3px; margin-bottom: 20px; }
.table-container { padding: 10px 5px 5px; background: #fff }
.info-block { padding-left: 30px; background: url("images/icon-info.png") no-repeat 5px 0 }
.aside-block { border: 1px solid #ededed; text-align: left; padding: 20px 20px 10px }
.aside-block h4 { color: #95c836; font-weight: 700; font-size: 16px; padding-bottom: 10px }
.aside-block p { font-size: 14px }
.progress-bar { background: #fbfbfb; border-radius: 5px }
.progress-bar li:first-child { border-radius: 5px 0 0 5px }
.progress-bar li { float: left; display: block; color: #aaa; font-size: 16px; text-shadow: 2px 2px 2px #c4d6f2; padding: 9px 35px 9px 15px; background: url("images/arrow-progress-other.png") no-repeat center right }
.progress-bar li.current { color: #3d83c4; background: #f3f9ea url("images/arrow-progress-current.png") no-repeat center right }
.progress-bar li.past { color: #a4c1de; background: #f3f9ea url("images/arrow-progress-past.png") no-repeat center right }
.pagination { float: right; padding: 5px 0; margin-right: -15px;}
.pagination-link { float: left; border: 1px solid #ddd; padding: 2px 6px; margin-left: 5px; border-radius: 3px }
.pagination-link:hover { border: 1px solid #147ac5; color: #147ac5 }
.pagination-link.current { background: #eee; text-shadow: 0 1px 0 #fff; color: #888 }
.pagination a {float: left; }

.merchant-logo { float: left; padding-right: 20px }
.merchant-label { float: left; padding: 12px 0 0 }
.merchant-label-title { font-size: 16px; 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 }

/* Pagalbiniai irankiai */
.round, .button {border-radius:3px}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow: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: url("images/search.png") no-repeat scroll 180px 50% transparent;
	width: 100%;
}


.EPRefreshLink, .PCLRefreshLink{
	cursor: pointer;
	float: right;
	margin-top: -5px;
    display:none !important;
}

.alert-state {
	color: red;
}

#user-profile td{
	padding: 1px;
}

a.delete-image-button{
	background: url("images/ButtonIcons.png") no-repeat;
	background-position: 0 -21px;
	display: inline-block;
	height: 26px;
	width: 20px;	
	vertical-align: bottom;
}

#cardName {
    color: white;
    font-size: 16px;
    font-weight: bold;
    /*padding-left: 9px;*/
    right: 0;
    text-align: right;
}
.warningMessage
{
	background-color: #FFF8C1;
	background-image: url("images/icon-info.png");
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 30px;
	border-radius: 3px;
	display:inline-block;
	margin-bottom: 5px;
}

.advertisment-block{
	padding: 5px;
}

.ajax__htmleditor_editor_base td{
	padding: 0;
	margin: 0;
}

.ajax__html_editor_extender_container td,
.ajax__html_editor_extender_container th,
.ajax__html_editor_extender_container table  {
	padding: 0;
	margin: 0;
	border-collapse: separate;
}


a.addLinkButton {
	background-image: url("images/add.png");
	background-repeat: no-repeat;
	text-indent: 20px;
	display: block;
	height: 20px;
	margin-top: 10px;
	text-align: left;
}

.w800 {
	width: 800px;
}
#PaymentToAccountInfo, #PaymentViaSMSInfoBlock
{
    background: none repeat scroll 0 0 #eef1e6;
    border: 1px solid #ddd;
    padding: 7px;
    vertical-align: top;
    width: 320px;
}


#ContactFormBtn{
    background: url("images/info.png") no-repeat;
    display: block;
    height: 78px;    
    position: fixed;
    right: 0;    
    bottom: 20px;
	width: 223px;
	cursor: pointer;
}
#ContactFormBtn:hover {
	background: url("images/info_off.png") no-repeat;
}
@media (max-width: 1200px ) {
    #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: 700px ) {
    #ContactFormBtn {
        background: rgba(0, 0, 0, 0) url("images/info.png") no-repeat scroll 0 0;
        background-size: contain;
        width: 80px;
        height: 40px;
        background-size: contain;
        bottom:5px;
    }
        #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;
    width: 200px;
	margin-left: 20px;
}
#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{
	padding: 3px;
	margin: 0;
}


#LicenceCouponLabel{
	padding: 0;
}

.small-description-block{
	font-size: 13px;
	font-weight: normal;
	display: block;
    text-align: justify;
    padding-top: 8px;
}


table.thin-table td { padding: 5px;}


.asp-checkbox.AcceptedAgreement > label {
    float: left;
    width: 410px;
    text-align: justify;
}

.dialog_content .errorMessage
{
    display:block;
}
hr{
        border-color: #eaeaea;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
}

.topUpCouponLink{
    color:red;
}

.footer {
    background-color: white;
    border-top: 2px solid #05346b;
    float: left;
    height: auto;
    margin-bottom: 10px;
    padding: 30px;
    width: 1140px;
}

.footer-pad {
    display: inline-block;
    font-size: 14px;
    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: #87d0f9;
    text-decoration: none;
}
a.footer-link:hover {
    color: #87d0f9;
    text-decoration: none;
}
a.footer-link:active {
    color: #87d0f9;
    text-decoration: none;
}
a.footer-link:visited {
    color: #87d0f9;
    text-decoration: none;
}
.domov {
    border-bottom: 2px solid #05346b;
    border-top: 3px solid #0196d3;
    height: 58px;
    position: absolute;
    width: 58px;
}
.zelena {
    background-color: white;
    /*border-bottom: 2px solid #05346b;*/
    border-top: 3px solid #1ba500;
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 58px;
    line-height: 58px;
    /*margin-left: 58px;*/
    text-align: center;
    min-width: 192px;
}
.zelena:hover {
    background: linear-gradient(to bottom, #d0ffc7 0%, #ffffff 95%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*border-bottom: 2px solid #05346b;*/
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    min-width: 192px;
}
.cervena {
    background-color: white;
    /*border-bottom: 2px solid #05346b;*/
    border-top: 3px solid #ff0000;
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    min-width: 190px;
}
.cervena:hover {
    background: linear-gradient(to bottom, #f9cece 0%, #ffffff 95%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*border-bottom: 2px solid #05346b;*/
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    min-width: 190px;
}
.cervena .sub-menu
{
    background: linear-gradient(to top, #f9cece 0%, #ffffff 95%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.cervena-sub {
    border-bottom: 1px solid #d18686;
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    min-width: 190px;
}
.cervena-sub:hover {
    background-color: #f9cece;
    border-bottom: 1px solid #d18686;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    min-width: 190px;
}
.oranzova {
    background-color: white;
    /*border-bottom: 2px solid #05346b;*/
    border-top: 3px solid #ff9600;
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    min-width: 190px;
}
.oranzova:hover {
    background: linear-gradient(to bottom, #ffeacb 0%, #ffffff 95%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*border-bottom: 2px solid #05346b;*/
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    min-width: 190px;
}
.oranzova .sub-menu
{
    background: linear-gradient(to top, #ffeacb 0%, #ffffff 95%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}.oranzova-sub {
    border-bottom: 1px solid #cea364;
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    min-width: 190px;
}
.oranzova-sub:hover {
    background-color: #ffeacb;
    border-bottom: 1px solid #dbc7aa;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    min-width: 190px;
}
.zlta {
    background-color: white;
    /*border-bottom: 2px solid #05346b;*/
    border-top: 3px solid #ffea00;
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    min-width: 190px;
}
.zlta:hover {
    background: linear-gradient(to bottom, #faf4ae 0%, #ffffff 95%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*border-bottom: 2px solid #05346b;*/
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    min-width: 190px;
}
.zlta .sub-menu{
    background: linear-gradient(to top, #faf4ae 0%, #ffffff 95%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.zlta-sub {
    border-bottom: 1px solid #e9cf76;
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    min-width: 190px;
}
.zlta-sub:hover {
    background-color: #faf4ae;
    border-bottom: 1px solid #e9cf76;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    min-width: 190px;
}
.fialova {
    background-color: white;
    /*border-bottom: 2px solid #05346b;*/
    border-top: 3px solid #6e01d3;
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    min-width: 190px;
}
.fialova:hover {
    background: linear-gradient(to bottom, #dfc5f7 0%, #ffffff 95%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*border-bottom: 2px solid #05346b;*/
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    min-width: 190px;
}
.fialova .sub-menu
{
    background: linear-gradient(to top, #dfc5f7 0%, #ffffff 95%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.modra {
    background-color: white;
    /*border-bottom: 2px solid #05346b;*/
    border-top: 3px solid #0196d3;
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    min-width: 190px;
}
.modra:hover {
    background: linear-gradient(to bottom, #61D1F9 0%, #ffffff 95%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*border-bottom: 2px solid #05346b;*/
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    min-width: 190px;
}
.web-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.web-menu-logged ul {
    list-style-type: none;
    margin: 0;
    padding: 0;

}
.web-menu #main-nav ul ul
{
    top: 123px;
}
.web-menu-logged #main-nav ul ul
{
    top: 123px;
}
.web-menu-merchant #main-nav ul ul
{
    top: 61px;
}
#main-nav{
    float:right;
}
#main-nav ul ul {
    display: none;
    font-size: 14px;
    position: absolute;
    z-index: 9999;
}
#main-nav ul ul li {
    float: none;
}
#main-nav ul ul li a {
    padding: 0 10px;
}
#main-nav a{
    padding: 0 10px 35px;
    display:block;
}
#main-nav ul li:hover > ul {
    display: block;
}
.menu-item a:link {
    color: #03346b;
    text-decoration: none;
}
.menu-item a:visited {
    color: #03346b;
    text-decoration: none;
}
.zelena a:hover {
}
.cervena a:hover {
}
.oranzova a:hover {
}
.modra a:link {
    color: #0196d3;
}

.header-left {
    display: inline-block;
    float: left;
    width: 780px;
    margin-top: 3px;
}
.header-right {
    color: white;
    display: inline-block;
    float: right;
    text-align: right;
    vertical-align: top;
    width: 410px;
    font-size:15px;
}
.web-menu {
    float: left;
    height: auto;
    margin-top: 5px;
    width: 1200px;
    border-bottom: 2px solid #05346b;
}
.web-menu-logged {
    float: left;
    height: auto;
    /*margin-top: 10px;*/
    width: 1200px;
    background-color: white;
    border-bottom: 2px solid #05346b;
}
.web-menu-merchant {
    float: left;
    height: auto;
    width: 100%;
    background-color: white;
    border-bottom: 2px solid #05346b;}

input#search {
    /*background-color: #001d3e;*/
    border: 1px #90c5f2 solid;
    /*color: white;*/
    height: 28px;
    padding: 5px;
    width: 150px;
}
img#searchImg {
    background-color: #90c5f2;
    padding: 4px 2px;
    vertical-align: top;
}
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;
    text-align: center;
    padding:5px;
}

.spritevCard {
    background-image: url(images/spritevCard.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-Bus {
    width: 31px;
    height: 30px;
    background-position: -5px -5px;
}

.sprite-EP {
    width: 30px;
    height: 29px;
    background-position: -5px -45px;
}

.sprite-Euro_Blue {
    width: 30px;
    height: 29px;
    background-position: -5px -84px;
}

.sprite-Euro_Orange {
    width: 30px;
    height: 30px;
    background-position: -5px -123px;
}

.sprite-GreenTick {
    width: 31px;
    height: 31px;
    background-position: -5px -163px;
}

.sprite-Rail {
    width: 31px;
    height: 31px;
    background-position: -5px -204px;
}

.sprite-RedCross {
    width: 30px;
    height: 30px;
    background-position: -5px -245px;
}

.sprite-Student {
    width: 30px;
    height: 30px;
    background-position: -5px -285px;
}
.spriteMenu {
    background-image: url(images/spriteMenu.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-Euro {
    width: 38px;
    height: 37px;
    background-position: -5px -5px;
}

.sprite-Fajka {
    width: 38px;
    height: 38px;
    background-position: -5px -52px;
}

.sprite-Info {
    width: 38px;
    height: 38px;
    background-position: -5px -100px;
}

.sprite-Karta {
    width: 40px;
    height: 39px;
    background-position: -5px -148px;
}

.sprite-Kosik {
    width: 38px;
    height: 37px;
    background-position: -5px -197px;
}

.sprite-Otaznik {
    width: 38px;
    height: 38px;
    background-position: -5px -244px;
}

.sprite-VOP {
    width: 38px;
    height: 37px;
    background-position: -5px -292px;
}

.sprite-nastenka {
    width: 38px;
    height: 37px;
    background-position: -5px -339px;
}
.sprite-Logoff {
    background-position: -5px -387px;
    height: 39px;
    width: 40px;
}

.sprite-Password {
    background-position: -5px -435px;
    height: 39px;
    width: 40px;
}
.OrdersMenuIcon {
    background-image: url(images/OrdersMenuIcon.png);
    background-repeat: no-repeat;
    display: block;
    height: 38px;
    width: 38px;
}
.colorGreen {
    color: #1C8B00;
}
.colorOrange{
    color:#F18C00;
}
.colorRed{
    color:#CC1801;
}
span.EPvalue
{
    color:#0192D5;
}
img.CloseContactForm
{
    background-image: url(images/Close.png);
    background-repeat: no-repeat;
    position: absolute; right: 9px; top: 10px; cursor:pointer;
    width:32px;height: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-right:15px;
    margin-left:5px;
}
#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 3px;
    font-size:12px;
}
table.easy-grid th {
	 background: none repeat scroll 0 0 #B0DDF2;
     padding: 5px; 
	 vertical-align: top;
     text-align:center;
}

table.easy-grid tr:nth-child(2n) {
    background: #F2F2F2}

table.SmallGrid{
    font-size:11px;
    max-width:1450px;
}
table.SmallGrid th {
    background: none repeat scroll 0 0 #B0DDF2;
     text-align:center;
}
table.SmallGrid tr:hover{
	background-color: #F9F9F9;
}

table.SmallGrid tr:nth-child(2n) {background: #F2F2F2}

table.SmallGrid td {
    padding: 2px 3px;
}

table.ExtraSmallGrid {
	font-size: 10px;
	max-width: 1450px;
}

	table.ExtraSmallGrid th {
		background: none repeat scroll 0 0 #B0DDF2;
		text-align: center;
		font-size: 9px;
	}

	table.ExtraSmallGrid tr:hover {
		background-color: #4CB1E2;
	}

	table.ExtraSmallGrid tr:nth-child(2n) {
		background: #F2F2F2
	}

	table.ExtraSmallGrid td {
		padding: 2px 2px;
		white-space:nowrap;
	}
		table.ExtraSmallGrid td input {
			font-weight: bold;
		}
table.ExtraSmallGrid input{
	font-size: 10px;
}

input[type=checkbox] {
	height: 13px;
	margin: 3px;
}
header {
    background-color: white;
    padding: 25px 0 15px 0;
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}
img {
    vertical-align: middle;
    border: 0 none;
}
table.BID{
    font-size:12px;
    max-width:1450px;
}
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;
}
 div.AccountBox span.CalendarImage {
    background-image: url(images/calendar.png);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAeCAYAAADU8sWcAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAU0SURBVEhLpZdbTCRFFIbbZb2QIIrRgDgsPRMTH0zMrrAzPQYjyW6iie4DKNmnjcYYNiEOTHcn7kaM3C8a4EEffDMhvsoDIdxvRiCsMV4SzMbFB7LcBrnfhBmGmfKc09U91c0sDutJ/jRU1TnfOVXV1TVSinYuz6sWyor+iVvRuj1+7Q+3oofg7w23X1uG5++g72WfXuX2Vb3Cff6nFZQ/6vYFb0Dgnzx+naUiSOYYxv+Q71dLIMIjRqCz2TnZr77hhLq5xLYHyUhCH3f7VS+PmYoVn/coqgqOMSuQorMLXpXJimbIx59c+T7owzZQPoyDpBNJKNo/bp9ezoOfYjjNit5gOqLyLgcBQBXHQbEUBOM0llcYtGLAHglD3E85JZkVn4cqbongFwqqzIAR0CEIk8DnfwnHx3BWzFjYLvu1IIfZDNf4LRHsKqwyKz0R2POaHocxuCyWsN0xLgyKP3+pMpGAou/LSrCYMw2TLwafhrW5Zw7CacaswTly9dqN47Lr77KHUfHb78dyLn5s7QF44pL8KkllaRx9crpxMIBJGGRkZOTMmp6eJl/cgLgRE/G1sEfRNEI/4wtkQsP9JHCc9rAJb29vJ3V0dKQkE577aqV97aF6PKSefenDJyXZq79pgRXtCKYlCgOivHKCz8zMsOHh4RPVjY6OsrGxMZvGx8fZxMQEm5qaIriroAqXkGJaHL+2R4cQNH5lNsLfBzAwgjLhra0tDG1+fp60sLBAWlxcZEtLS6Tl5WUWCoUsbW1tkU9NTQ28MZUIj0DssAVXYNMq+rcA1+9YcNilOEUPgptQE4xQJ3h1dZXt7OyQz+3btyy4GdMoEt4QRftFgmledsCTVo7g6upq5nK5WEZGBistLbXAubm5DLYPm5ubY2tra2xzc5N8EA6xcEYhngindb+Ple9bcMgIBsSgE582OFaLwbFi3Hjp6enUhvCuri6CY4JYtVg5h1Nck8NZ6zZ4oiOx2004Qvv6+lh2djaBAoGANdU9PT3Uhsns7e2x/f198hHgGM/BMOAhsdHoSA6fnZ2lqW5ra2NpaWkEwzXu7e0l+MrKCtvd3WWRSIR8RLgjfhzWfF6Cuf9Z7OCdSeElJSUsJyeHZWVlsYqKCra+vk5TnJmZyYqKilhnZyettwi/cDkYPwmn5f1Ngi3/jdhhdJ6EY8VYJQI3NjYIiq8UVopTjTo4OGBHR0csGo2SD8IplgOOrxq0fSd5vNo7tg5QMjhWc3h4SMI1RW1vb1MSCBaTQKGZ046yx8cPjHZd8hSUPyW+bkanHY6A2tpaVldXR6qvr2cNDQ2ssbGR1NTUxJqbm1lLSwuptbWVdXd3G5XDt91+tlP8e8iFfQI3F59e5+hEOCqMoMnJSdbf308aGBhgg4ODbGhoiITHrig8clHok7xyvFionwHYsJxLgefwpRcTQAeAxwqv3IxiAhjorCq4cjMugqEo3Hx3ZfmDJzgarSwNbqnviXCsnCeAHxnrkgAXCTwBrYpMgQ+eYOJlIsrbEzHhPod7jEMFo/ub2mQNBHHnYzEowCko9pP4xQPbbePAzw7XwnBb+pzTktjLZY9Bdl8nHIzgEMw4dg2Je8KpxDgRTF8x7QtOOcVgBpwbECuQ4XpsXotNmDgG281bizHO7IOK4abEo6disAcU9RoEvCsCziI8xfCzCb8BrvKgZzO86kDWlVDln8kAyYRQSBp+u+kfOXb1w5nLr6ZjBfDL40s4NH6Eiv4C0N8A2QBIiCc3Cv83ur3q69KLgce56ykmSf8CiGt4ulW22uoAAAAASUVORK5CYII=') /*images/calendar.png*/;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    left: 20px;
    width: 31px;
    height: 30px;
}
  div.AccountBox span.ListImage {
    background-image: url(images/ListIcon.png);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAeCAYAAADU8sWcAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAQASURBVEhLpVdZaNRAGI6tJ3iBCILtJimK4INnNxPxqIKgD1rPRfCuaEXs7iajVvAWFbwFRfsg6oPgjReC+uBBrXfVFmrtofV4UAR9UvFAjf8/O7POxmQ3W3/46Cbzzfclf+b/Z6oEjJxeYaswZNBy1bAv6KZdpxH6TiPWR82036rEqtEM60x+IY33HhwbwOf8ZwwtbacZ0Tlgcr9g2DInCOBhfsLD3MwzY1NAoU1CKLvIyTOjRW5TnUO+5wd8CM2gN/LMMoNrBomitrph2ZDWX16iQaCbNPlbI/YXjSwr5eJpAtKsGnSTLASTk7+DQh9GHVgbf69N+zvoruIuXlHUNkTslbIIIrb2iFP1oNZpftniPH/1MhCqqmud6JrDKTqaSb+qpm1xs5TIUc3oeJmMKAMBL/GgWLLqUIoefMrPKomP5p6JUAfGu0N6G5MkM/G36n4NEzl24aYzJ7bfmR3NDOSdvFjJ5t24V8N0xBoAj9+wEB8rSiSXW/+bbkEWqS4u2ZUcC4KpC/eweU0tLexaXoDw/b/pJE4T3sasrgXQKMSgTEYBZj5/B7s+f/WOc/1WtS/OXbnDeJMX7GbzGlteJDUF8O2xSfXoUdxFyQvTcW6CgNv8aUNT8p4XntQ9Y7x05ggw/8SakErsvV4EhBAV5n2HL3f6jSr3RZ8Ryxkvozmh33WDHlag/u55ERBu8w27Tzk7Ks77Yv3OE4znZy66IzYwndiPFNwYZIIMt3nzi/S1Xv+8mfEym9u/YZ29VrD2ZIIMISrMJy3Y5cxcutcXxSU7GS9T2hHg+yEr8+mL9njWtgCWGPKyMX/nNYhwm/9v2gVYuRH7jQLL/qEXASFEhfk6WFBb95/1xeptxxkvszn9Bb3+iQLLvsI96NdksJz6j1npi34jVzBeJnMsNTj5HFX0cGzCP4M+5nWN6ZtMLTQh5AV488/5JD5DKRha2s1dbn7mZy/fdq5WVvvi9KVKxgvwzRvRl20sephulAeFeWs3lmlQFTjPb2PRSHxNYmOB6DyopCcWvSAIiC0Vt8h59gFnrpUZ8+0KyMAtNu/63ccpemxLNex6VZ3XkVtjRHJDRnS6TEQsXX2IibQWi8sPpuiB+RdcY9xUCjwmk/gWmYzA4xAeo7zE/YAZc59iMN0hM76Ou3lE/0h7OC7vS53EvhnswRzsHk0eo1Mg8+TvTOgPaCrbuEuagAy4FyA0BEwZO5HKxjIH7+M4lBHnifvwxnBS4upBIpKbX2hNxMUhG2QD7GK4beqF1lguml3gUQeeOqaatMHLwAtoiv+7hcJ0oWtVtzLMSCd8AzVMt0NDqtSJ1Qxpfs/+UYSNCR8Orq9BpjbnD7FGKsr4DnxmmlCUP+T/tCTCsfbyAAAAAElFTkSuQmCC') /*images/ListIcon.png*/;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    left: 20px;
    width: 31px;
    height: 30px;
}
 div.web-menu-merchant .mainmenu
 {
     text-align:right;
 }
 #DuplicatePanel
 {
    height: 100%;
    min-height: 400px;
    padding: 30px 50px;
 }
  #DuplicatePanel span.title{
    color: #06356b;
    font-size: 30px;
    font-weight: bold;
  }
  #DuplicatePanel span.description{
    display: block;
    font-size: 11px;
    margin-bottom: 20px;
  }
    #DuplicatePanel .inputText {
        background-color: #fff;
        background: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
        background: -webkit-linear-gradient(#eeeeee6b, #ffffff);
    }
::placeholder {
    color: #d3d3d3;
    opacity: 1;
}
        #DuplicatePanel span.small {
            font-size: 11px;
        }
  #DuplicatePanel div.SectionHeader
  {
      background-color:transparent;
  }
  #DuplicatePanel div.paymentType{
      border-bottom-width:0;
  }
.whiteBg{
    background-color:white;
    background-image: -moz-linear-gradient(center bottom , #eeeeee 0, white 50%);
    background-repeat:repeat;
}
 #DuplicatePanel h4{
    color: #06356b;
    font-size: 14px;
    font-weight: normal;
 }  
 
#CheckPersonResultPanel span{
    display: block;
    font-size: 16px;
    font-weight: bold;
    /*padding: 0 5px 10px;*/
    /*text-decoration: underline;*/
 }
 #DuplicatePanel .selected{
     background-color:transparent;
 }
 #DuplicatePanel div.paymentType:hover
{
	background-color: transparent;
}
  #DuplicatePanel div.paymentType label
  {
      min-width:0 !important;
  }
    #DuplicatePanel #PaymentResultPanel
    {
        font-size:16px;
    }
  #DuplicatePanel #PaymentResultPanel .successMessage
  {
      font-weight:bold;
  }
  .ml0
  {
      margin-left:0 !important;
  }
  .w99{
      width:99% !important;
  }
  .dropDownBoxCardName {
	font-size: 10px;
	color: #818181;
}

.select2-highlighted .dropDownBoxCardName 
{
	color: white;
}
.nowrap{
    white-space:nowrap;
    padding:2px 4px;
}
@media print {
    .noprint {
        display: none !important;
    }
}
.FormApplicationCaption {
    font-style: italic;
    color: #006254;
    font-size: 9px;
    background-color: #ccecf0;
}
.gdprItemTitle
{
    font-weight: bold;
    display: block;
    clear: both;
    padding-top: 5px;
}
#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: 12px;
    border-radius: 3px;
    box-shadow: 0 5px 5px #e3e3e380;
    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;
    }
.gdprDeleteWarning {
    font-size:10px;
    display: block;
    clear: both;
}
#DeliveryAddressPanel{
    padding-left:30px;
}
#AddressNameTextBox, #AddressStreetNumberTextBox {
    width: 300px;
    margin:2px;
}
#AddressZipCodeTextBox {
    width: 65px;
    margin: 2px;
}
#AddressTownTextBox {
    width: 227px;
    margin: 2px;
}
.deliveryRadio {
    line-height: 30px;
    padding: 5px;
}
.deliveryRadio input{
    height:auto;
    margin-right:5px;
}

.cancelOrderGrid tbody tr.selected {
    background-color: #ff6b6b;
}
.logo{
    width:130px;
}
.ubianBanner{
    width:414px;
}
.UbianRedirect {
	padding: 16px 0;
	line-height: 22px;
	text-align: justify;
	display: inline-block;
}
.links {
	margin-top: 36px;
	display: inline-flex;
	flex-wrap: wrap;
}
.links a {
	display: inline-flex;
	border-radius: 8px;
	font-weight: 500;
	align-items: center;
	margin-right: 8px;
	margin-bottom: 10px;
	line-height: 24px;
	position: relative;
	box-sizing: border-box;
	white-space: nowrap;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	text-decoration: none;
}
a.ubian {
	background-image: url(images/ubian_logo_header_@2x.png?v=2);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 101px;
	float: left;
	height: 34px;
}
a.btn--ios {
	width: 100px;
	height: 34px;
	background-image: url("images/ic-app-store@2x.png");
	margin-top: 0 !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	color: transparent;
	padding: 0;
	font-size: 0;
	border: none;
}

a.google-play {
	color: transparent;
	width: 112px;
	height: 34px;
	background-image: url("images/ic-google-play@2x.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 0;
	border: none;
	flex-shrink: 0;
}

a.btn--huawei {
	padding: 0;
	width: 113px;
	height: 34px;
	color: transparent;
	font-size: 0;
	background-image: url("images/appgallery.png");
	margin-top: 0 !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border: none;
}

.logged_ubian_title
{
font-size: 24px;
font-weight: bold;
font-family: 'PT Sans', sans-serif;
}
.logged_ubian_description {
	font-size: 14px;
	font-weight: bold;
	font-family: 'PT Sans', sans-serif;
	line-height: 30px;
	text-align: justify;
	padding-top: 20px;
	display: inline-block;
}

a.UbianRedirectLink {
	text-decoration: none;
	background: #233973;
	color: #fff;
	height: 16px;
	font-family: 'PT Sans', sans-serif;
	text-transform: uppercase;
	border-radius: 30px !important;
	font-size: 21px;
	border: 1px ridge #233973;
	padding: 4px 25px 16px 25px;
	width: 192px !important;
	float: right !important;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible;
	margin: 5px 0 10px;
}

.is_eshop {
	background-color: #34B55EA1;
}
.is_emv {
	background-color: #ff7f50a1;
}
.is_ticketing {
	background-color: #ffd700a1;
}
	.is_eshop input:not([value]), .is_emv input:not([value]), .is_ticketing input:not([value]) {
		opacity: 0.5 !important;
		color: black;
	}
	.is_eshop input:focus, .is_emv input:focus, .is_ticketing input:focus {
		opacity: 1 !important;
	}
	.is_eshop input:disabled, .is_emv input:disabled, .is_ticketing input:disabled {
		background-color: #CD5C5C;
		color: black;
	}