/* ====== COLORS ======== */
/*
	TBABlack: #111;
	TBAGrey:  #333;
	TBAWhite: #fff;
	TBALightBlue: #0097FD;
	TBABlue: #066DB2;
	TBADarkGrey: #222;
	TBALabelGrey: #666;
	TBALightGrey: #aaa;
	TBAIconBlue: #838b9d;
*/

@font-face {
    font-family: 'nimbussanstbold';
    src: url('./fonts/n019004t-webfont.eot');
    src: url('./fonts/n019004t-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/n019004t-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nimbussanslregular';
    src: url('./fonts/n019003t-webfont.eot');
    src: url('./fonts/n019003t-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/n019003t-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* ====== NORMALIZE =========== */

html { font-size: 100%; line-height: 1.2; }
body { margin: 0; background: #111 url('../images/web/web_bg.jpg') repeat-x; font-family: Arial; }

a { text-decoration: none; font-size: 12px; cursor: pointer; }
a:hover { text-decoration: underline; }
a:hover,
a:active { outline: 0; }
a span { cursor: pointer; } 

b, 
strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
small { 
	font-size: 75%;
}

sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

.ie6 sup {
	position: static;
	vertical-align: top;
	
}

small sup { top: -0.5em; }

.ie7 small sup,
.ie8 small sup {
	top: -0.75em;
}

sub { bottom: -0.25em; }

ul,
ol { margin: 0; padding: 0; }

ul li { list-style: none; }

img { border: 0; -ms-interpolation-mode: bicubic; }

form { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; *margin-left: -7px; }

button,
input,
select,
textarea {  font-size: 14px; margin: 0; vertical-align: baseline; *vertical-align: middle; }

input, textarea, select { border: 1px solid #c2c2c2; font-family: Arial; color: #333; padding: 5px; }
select { padding: 4px; cursor: pointer; }

.radiobox { margin: 0 10px 0 0; }

.radiobox input,
.checkbox { border: 0; padding: 0; width: auto; }

.radiobox input { margin: 0 5px 0 0; }

button,
input { line-height: normal; }

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {  cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button span {
	cursor: pointer;
}

button::focus,
button::active {
	border: 1px solid red !important;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button,
input[type="submit"]:focus, 
input[type="button"]:focus { outline : none; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

/* ===== TAGS ========== */

h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-weight: normal; color: #111; font-family: nimbussanslregular, Arial, Helvetica;}

h1 { font-size: 36px; line-height: 38px }
h2 { font-size: 24px; line-height: 28px }
h3 { font-size: 18px; line-height: 22px }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

p {	margin: 0; color: #333; }
label { color: #111; }


/* ====== TOOLS ========== */

.table-nav,
.table-hand,
.mobile-segments,
.visible-mobile {
	display: none;
}

/* Iba pre print verziu */
.pv {
	display: none;
}

.form_required { color: #ac0011; }
.form_required_statement { color: #555; font-style: italic; font-size: 12px; }
/* label.form_error { color: #ac0011; }*/
.error,
.error p { color: #ac0011 !important; }

.no-js #credit-window,
.no-js #card-window {
	display: none;
}

.tooltip,
#credit-window,
#card-window,
div#infoDiv {
	position: absolute;
	background: transparent url(../images/web/tooltip.gif) top left no-repeat;
	width: 183px;
	color: #fff;
	font-size: 12px;
	z-index: 100;
}

.tooltip .infoWrap,
#credit-window .infoWrap,
#card-window .infoWrap,
div#infoDiv .infoWrap {
	background: #777;
	padding: 0 4px;
	margin: 4px 0 0 0;
}

.tooltip .bottom,
#credit-window .bottom,
#card-window .bottom,
div#infoDiv .bottom {
	background: transparent url(../images/web/tooltip.gif)  left bottom no-repeat;
	height: 8px;	
}

#credit-window .bottom,
#card-window .bottom {
	background: transparent url(../images/web/tooltip_left.gif)  left bottom no-repeat;	
}

div#infoDiv .closeForm {
	float: right;
	margin: 0 0 5px 5px;
}

#credit-window .closeForm,
#card-window .closeForm {
	float: right;
	margin:5px;
	width: 15px;
	height: 12px;
	background: url("../images/web/ic_close_info.gif") no-repeat transparent;
	cursor: pointer;
}

div#infoDiv a#closeFormInfo {
	padding: 0 0 0 15px;
	text-decoration: none;
	margin: 0;
	width: 15px;
	height: 12px;
	background: url("../images/web/ic_close_info.gif") no-repeat transparent;
}

/* white version */
.whiteVersion a {
	color: #066db2;
}
.whiteVersion small {
	color: #666666;
}
.whiteVersion .buttonSmallIcon {
	background-image: url("../images/web/buttonSmallIcon_white.png");
}
.whiteVersion .button25 {
	color: #333333;
	background-image: url("../images/web/button25_grey.png");
}
.ie6 .whiteVersion .button25 {
	background-image: url("../images/web/button25_grey.gif");
}
.whiteVersion .button25:hover {
	background-image: url("../images/web/button25.png");
	color: #fff;
}
.ie6 .whiteVersion .button25:hover {
	background-image: url("../images/web/button25.gif");
}
.whiteVersion .button25:hover span {
	color: #fff;
}
.whiteVersion .button25 span {
	color: #333333;
}
/* dark version */
.darkVersion a {
	color: #0097FD;
}
/* dark box */
.darkBox h1,
.darkBox h2,
.darkBox h3,
.darkBox h4,
.darkBox h5,
.darkBox h6 {
	color: #fff;
}

.darkBox p,
.darkBox a { color: #aaa; }



.priority { font-weight: bold; }
.priorityLink { color: #066DB2 !important; }
.priorityList a { color: #066DB2; }

.darkBox .priorityLink { color: #0097FD !important; }
.darkBox .priorityList a { color: #0097FD; }

.modalOverlay {
	position: absolute;
	left: 0;
	top: 0;	
	background-color: #333;
	filter:alpha(opacity=85);
    -moz-opacity: .85;
    opacity: .85;
    z-index: 40;
}

.flatList li {
	float: left;
}

.iconLink {
	display: inline-block;
	line-height: 14px;
}

.iconLink img {
	float: left;
	margin: 0 8px 0 0;
}

.pdf-att,
.downloadLink {
	background: url(../images/web/ic_download_grey.gif) no-repeat;
	line-height: 1.3;
	display: inline-block;
	padding: 0 0 0 15px;
}

.pdf-att {
	background-position: center left;
}

.rssLink {
	background: url(../images/web/ic_rss_grey2.png) no-repeat;
	height: 16px;	
	line-height: 1.3;
	display: none;
	padding: 0 0 0 25px;
}

.printLink {
	background: url(../images/web/ic_print_grey.gif) no-repeat;
	line-height: 1.3;
	display: none;
	padding: 0 0 0 25px;
}

.favoritesLink {
	background: url(../images/web/ic_star_grey.gif) no-repeat;
	line-height: 1.3;
	display: none;
	padding: 0 0 0 25px;
}

.shareLink {
	background: url(../images/web/ic_share_grey.gif) no-repeat;
	height: 16px;
	line-height: 1.3;
	display: none;
	padding: 0 0 0 25px;	
}

.js .rssLink,
.js .shareLink,
.js .favoritesLink,
.js .printLink {
	display: inline-block;
}

/*
	BUTTONS
	Styly pre vsetky buttony pouzite na webe + kariera + shopping
*/
input.altSubmit,
input.submit {
	background: url(../images/web/button_submit_static.gif) no-repeat;
	width: 130px;
	height: 30px;
	margin: 0;
	padding: 0 0 0 10px;
	border: 0;
	color: #fff;
	text-shadow: 0 -1px 0 #111;
	text-align: left;
	cursor: pointer;
	font-weight: bold;
}

input.altSubmit {
	background: url(../images/web/button_alt_static.gif) no-repeat;
    color: #333;
    text-shadow: 0 -1px 0 #f1f1f1;    
}


input.main {
	background: url(../images/web/button_main_submit_static.gif) no-repeat;
	width: 120px;
	height: 40px;
	font-size: 18px;
}

.selectorButton,
.moreButton {
    color: #fff !important;
    display: block;
    float: left;
    padding-right: 16px;
    text-decoration: none !important;
    overflow: visible;
    border: 0;
}

.selectorButton span,
.moreButton span {
    display: block;
    color: #333;
    line-height: 15px;
    padding: 7px 6px 8px 13px;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 -1px 0 #111;
}

.perex .moreButton {
	height: 40px;
}

.perex .moreButton span {
	padding: 12px 6px 13px 13px;		
}

.selectorButton,
.buttonLight { 
	background: transparent url('../images/web/more_button_arrow_light.gif') no-repeat right;
}

.selectorButton span,
.buttonLight span { background: transparent url('../images/web/more_button_light.gif') no-repeat; text-shadow: 0 -1px 0 #f1f1f1; }

.buttonDark { 
	background: transparent url('../images/web/more_button_arrow_dark.gif') no-repeat right;
 }
 
.buttonDark span { background: transparent url('../images/web/more_button_dark.gif') no-repeat; color: #fff; }

.buttonMain { 
	background: transparent url('../images/web/blue_button_arrow.gif') no-repeat;
	background-position: right;	
}

.buttonMain span { 
	background: transparent url('../images/web/blue_button.gif') no-repeat; color: #fff; 
}

.perex .buttonMain { 
	background: transparent url('../images/web/button_blue_arrow_40.gif') no-repeat right;
}
.perex .buttonMain span { background: transparent url('../images/web/button_blue_40.gif') no-repeat; color: #fff; }

.perex .buttonDark { 
	background: transparent url('../images/web/more_button_arrow_dark_40.gif') no-repeat right;
}
.perex .buttonDark span { background: transparent url('../images/web/main_button_dark.gif') no-repeat; color: #fff; }

.perex .buttonLight { 
	background: transparent url('../images/web/button_light_arrow_40.gif') no-repeat right;
}
.perex .buttonLight span { background: transparent url('../images/web/button_light_40.gif') no-repeat; text-shadow: 0 -1px 0 #f1f1f1 }

.buttonLightStatic {
	
	width: 130px;
	height: 30px;
	margin: 0;
	padding: 0 0 0 10px;
	border: 0;
    color: #333 !important;
    text-shadow: 0 -1px 0 #fff;
	text-align: center;
	cursor: pointer;
	font-weight: bold;	
	
	
	background: url(../images/web/button_alt_static.gif) no-repeat;

    display: block !important;
    line-height: 30px;
}

.buttonDarkStatic {
	background: url(../images/web/button_dark_static.png) no-repeat;
    color: #fff !important;
    height: 30px;
    width: 130px;
    font-weight: bold;
    border: 0;
    display: block;
    text-align: center;
    line-height: 30px;
    text-shadow: 0 -1px 0 #111;
}
button.buttonDarkStatic {
	font-family: Arial;
}


/*------------------*/



.mainButton {
    background: transparent url('../images/web/main_button_arrow.gif') no-repeat top right;
    color: #fff !important;
    display: block;
    float: left;
    height: 40x;
    padding-right: 16px;
    text-decoration: none !important;
    overflow: hidden;
    border: 0;
}

button.submitBig,
button.submit {
	background: transparent url('../images/web/main_button_arrow.gif') no-repeat right;
	*background: transparent url('../images/web/main_button_arrow.gif') no-repeat scroll 2px right;
	border: 0;
	padding: 0 16px 0 0;
	overflow: visible;
	cursor: pointer;
}

button.submitBig span,
button.submit span {
	background: transparent url('../images/web/main_button.gif') repeat-x;
    color: #fff;
    line-height: 20px;
    font-size: 18px;
    text-shadow: 0 -1px 0 #111;    
    font-weight: bold;
    display: block;
    padding: 10px 10px 10px 13px;
}

button.altSubmit {
	background: transparent url('../images/web/more_button_arrow_light.gif') no-repeat right;
	*background: transparent url('../images/web/more_button_arrow_light.gif') no-repeat scroll 2px right;
	border: 0;
	padding: 0 16px 0 0;
	overflow: visible;
	cursor: pointer;
}

.promo button.altSubmit span,
button.altSubmit span {
	background: transparent url('../images/web/more_button_light.gif') repeat-x;
    color: #333;
    line-height: 15px;
    font-size: 14px;
    text-shadow: 0 -1px 0 #f1f1f1;    
    font-weight: bold;
    display: block;
    padding: 8px 10px 7px 13px;
}

.promo button.altSubmit {
	background: transparent url('../images/web/more_button_arrow_dark.gif') no-repeat right;
	*background: transparent url('../images/web/more_button_arrow_dark.gif') no-repeat scroll 2px right;
}

.promo button.altSubmit span {
	background: transparent url('../images/web/more_button_dark.gif') repeat-x;
	color: #fff;
	text-shadow: 0 -1px 0 #111;	
}

.mainButton span {
    background: transparent url('../images/web/main_button.gif') no-repeat;
    color: #fff;
    line-height: 20px;
    padding: 10px 6px 10px 13px;
    font-size: 18px;
    text-shadow: 0 -1px 0 #111;    
    font-weight: bold;
    display: block;
}


.altButton {
    background: transparent url('../images/web/main_button_right_dark.gif') no-repeat right;
    color: #fff !important;
    display: block;
    float: left;
    height: 40px;
    padding-right: 10px;
    text-decoration: none !important;
    overflow: hidden;
    position: relative;
}

.altButton span {
    background: transparent url('../images/web/main_button_dark.gif') no-repeat;
    display: block;
    color: #fff;
    line-height: 20px;
    padding: 10px 0 10px 13px;
    font-size: 18px;
    text-shadow: 0 -1px 0 #111;    
    font-weight: bold;
}

.altButton img { display: none; }

.iconButton span {
	padding: 10px 0 10px 35px; 
}

.iconButton img {
	display: block;
	position: absolute;
	top: 12px;
	left: 10px;	
}

.slidePanels .slideControl {
	float: left;
	width: 25px;
	height: 30px;
	border: 0;
	cursor: pointer;
}

.slidePanels .slideLeft {
	background: transparent url('../images/web/button_left_dark.gif') no-repeat;
}

.slidePanels .slideRight {
	background: transparent url('../images/web/button_right_dark.gif') no-repeat;
	float: right;
}

.js .slidePanels .slideContainer {
	position: relative;
	overflow: hidden;
	float: left;
}

.js .slidePanels .slideContainer .panels {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

.js .slidePanels .hidden {
	visibility: hidden;
	display: block !important;
}

.slidePanels .hidden {
	display: none;
}


/**** TABS ******/

.appTabs,
.js .tab-group {
	height: 30px;
}

.tab-title {
	display: none;
}

.appTabs .tab-label,
.js .tab-label {
	float: left;
	padding: 5px 10px;
	height: 18px;
	font-size: 14px;
	background: #1f1f1f url(../images/web/tab_bg.png) repeat-x;
	border-top: 1px solid #434343;
	border-left: 1px solid #434343;
	border-right: 1px solid #222222;
	border-bottom: 1px solid #434343;
	cursor: pointer;
}

.no-js .appTabs .tab-label {
	width: 150px;
}

.appTabs .tab-label-active,
.js .tab-label-active {
	background: #fff;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #fff;
	cursor: default;
}

.appTabs .tab-label div,
.js .tab-label div {
	padding: 0 15px 0 0;
	color: #fff;
	background: url(../images/web/arrow_down_light_blue.gif) center right no-repeat;
}

.appTabs .tab-label div a,
.js .tab-label div a {
	color: #fff;
	text-decoration: none;
}

.appTabs .tab-label-active div a,
.js .tab-label-active div a,
.js .tab-label-active div {
	color: #333;
}

.no-js .tab-group-js .tab-label {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.tab-group-content {
	clear: both;
}

/***** CMS BOX ****************/
.cmsBox {
	font-size: 14px;
	color: #333;
}

.cmsBox ul {
	margin: 20px 0;
	padding: 0;
}

.section .cmsBox ul {
	margin-bottom: 40px;
}


.cmsBox p {
	margin: 0 0 20px 0;
	line-height: 20px;
}

.cmsBox ol li {
	list-style-position: inside;
	list-style-type: decimal;
	margin: 0 0 5px 0;	
}

.cmsBox ul li {
	background: url(../images/web/bullet_light_blue_small.png) 0 4px no-repeat;
	list-style: none;
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
	border: 0;
}
.appBox { font-size: 12px; }

.appBox a,
.cmsBox a { 
	color: #066db2; 
}

.cmsBox a {
	font-size: 14px;
}
.cmsBox a:visited,
.cmRelatedLinks .link a:visited {
	color: #471463;
}
.promo .cmsBox a:visited,
.promo .cmRelatedLinks .link a:visited {
	color: #066db2;
}

.semanticBox {
	background-repeat: no-repeat;
	background-position: bottom right;
}

.section .sectionBox {
	background: url(../images/web/semantic-bg-box.gif) repeat-x scroll 0 100% transparent !important;
	border: 1px solid #D8D8D8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/PIE.htc);
    margin-bottom: 20px;	
}

.section .sectionBox .moreButton {
	margin-bottom: 10px;	
}

.section .sectionBox .in {
	padding: 9px;
	min-height: 180px;
	height: auto !important;
	height: 180px;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

/*
	APP FORM
	Aplikacny formular, styly pouzitelne na akykolvek formular na stranke
*/
.appForm label {
	width: 200px;
	float: left;
	font-size: 14px;
	text-align: left;
	margin: 0 20px 0 0;
	position: relative;
	color: #333;
}

/* .appForm label.form_error {
	color: #AC0011;
}*/

.appForm label .form_required {
	position: absolute;
	right: -10px;
	top: 0px;
}

.appForm input, 
.appForm textarea, 
.appForm select { 
	width: 300px;
	vertical-align: top;
}

.appForm .top-info {
	margin-top: 0;
} 

.appForm select { width: 311px; }
.appForm input.submit { width: 100px; margin: 0 20px 0 0; color: #fff; }
.appForm input.main { width: 120px; }
.appForm textarea { height: 118px; }

.appForm .combo_small { margin: 0 10px 0 0; }
.appForm select.combo_small { margin: 0; }
.appForm .combo_small input,
.appForm .checkbox { border: 0; padding: 0; width: auto; vertical-align: bottom; }
.appForm .combo_small input { margin: 0 5px 0 0; }


.appForm .buttons a { margin: 0 10px 0 0; }
.appForm .buttons { padding: 0 0 0 220px; margin: 30px 0 35px 0; width: 310px; }
.appForm .buttons button { vertical-align: top; }
.appForm .formInfo,
.appForm p.requiredInfo { padding: 0 0 0 220px; margin: 0; }
.appForm p.requiredInfo span { color: #AC0011; }


.appForm h3 { margin: 0 0 30px 0; }
.appForm p { margin: 10px 0; font-size: 14px; }

.appForm .row { margin: 0 0 20px 0; padding: 0; clear: both; }
.appForm .lastRow { margin: 0; }
.appForm .error { margin: 0 0 35px 0; padding: 0; font-size: 14px; }
.appForm .validation-msg { margin: 0;}
.appForm .validation-msg .wrap { margin: 0 0 35px 0; }

.appForm .infoImg { margin: 0 0 0 10px; }
.appForm .highlight { font-weight: bold; color: #066DB2; }
.appForm .formMsg { font-size: 14px; }
.appForm .sent p { margin: 0 0 10px 0; }
.appForm .sent a { color: #066DB2; }
.appForm .statusMsg { font-size: 14px; margin: 0 0 20px 0; }
.appForm .insideMsg { padding-left: 220px; }
.appForm .insideMsg .error {margin-bottom: 10px;}
.appForm .noMarginRow {
	margin-bottom: 0px;
}
.appForm .noPaddingButton button {
	padding-left: 0px;
}

/*
	APP TABLE
	Aplikacna tabulka
*/

.appTable {
	color: #333;
	width: 100%;
}

button::-moz-focus-inner 
{
	padding: 0 !important;
	border: 0 none !important;
}

.appTable th,
.appTable td {
	padding: 10px;
	border: 1px solid #dcdcdc;
	font-size: 12px;
	text-align: center;	
}

.appTable th {
	font-weight: bold;
	background: #f2f2f2;
	background-repeat: repeat-x;
	background-image: url(../images/web/app_table_header_bg.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
	background-image:    -moz-linear-gradient(top, #fff, #f2f2f2);
	background-image:     -ms-linear-gradient(top, #fff, #f2f2f2);
	background-image:      -o-linear-gradient(top, #fff, #f2f2f2);
}

.appTable a {
	color: #066DB2;
}

.appTable .list_row td,
.appTable .alt td {
	background: #f5f5f5;
}

.appTable caption {
	font-weight: bold;
	padding: 10px 0;
}

/* ------ cms TABLES ----- **/
table.blackTable,
table.whiteTable {
	color: #333;
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
}

table.blackTable {
	color: #fff;
}

table.blackTable th,
table.blackTable td,
table.whiteTable th,
table.whiteTable td {
	padding: 10px;
	border: 1px solid #dcdcdc;
	font-size: 12px;
	text-align: center;	
	background: transparent;
}

table.blackTable td {
	border: 1px solid #545454;
	background-color: #454545;
}

table.whiteTable thead tr,
table.whiteTable tr.header {
	background: #f2f2f2;
	background-repeat: repeat-x;
	background-image: url(../images/frontend/app_table_header_bg.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
	background-image:    -moz-linear-gradient(top, #fff, #f2f2f2);
	background-image:     -ms-linear-gradient(top, #fff, #f2f2f2);
	background-image:      -o-linear-gradient(top, #fff, #f2f2f2);
}

table.blackTable th,
table.blackTable tfoot td,
table.blackTable thead tr,
table.blackTable tr.header {
	background-color: #232323;
	border: 1px solid #545454;
}

table.blackTable thead th,
table.blackTable thead td,
table.whiteTable thead th,
table.whiteTable thead td {
	padding: 10px;
	font-weight: bold;
}

table.whiteTable a {
	color: #066DB2;
	font-size: 12px;
}

table.blackTable a {
	color: #fff;
	font-size: 12px;
}

table.whiteTable tr.list_row td,
table.whiteTable tr.alt td {
	background: #f5f5f5;
}

table.blackTable tr.list_row td,
table.blackTable tr.alt td {
	background: #232323;
}

table.blackTable td p,
table.whiteTable td p {
	font-size: 12px;
}

.list_row {
	border-spacing: 0;
}

table.blackTable caption,
table.whiteTable caption {
	font-weight: bold;
	padding: 10px 0;
}

table.whiteTable .NOBackground {
	background: #fff !important;
}
table.whiteTable .NOPadding {
	padding: 0 !important;
}
table.whiteTable .NOPaddingAndBackground {
	padding: 0 !important;
	background: #fff !important;
}

/*********** FACEBOOOK **********/
.fb-comments {
	margin: 15px 0;
}


/* dhtmlxslider */
/* Ball skin */
.dhtmlxSlider_dark,
.dhtmlxSlider_ball {
	position: relative;
	overflow: hidden;
	height: 30px;
}

.dhtmlxSlider_dark .selector,
.dhtmlxSlider_ball .selector {
	position: absolute;
	overflow: hidden;
	height: 30px;
	width: 30px;
	left: 1px;
	cursor: pointer;
}


.dhtmlxSlider_dark .leftSide,
.dhtmlxSlider_ball .leftSide {
	position:absolute;
	left:0px;
	top:0px;
	width: 6px;
	height:100%;
}


.dhtmlxSlider_dark .leftZone,
.dhtmlxSlider_ball .leftZone {
	position:absolute;
	top: 0px;
	left: 6px;
	height:100%;
}

.dhtmlxSlider_dark .rightSide,
.dhtmlxSlider_ball .rightSide {
	position:absolute;
	right:0px;
	top:0px;
	width: 6px;
	height:100%;
}

.dhtmlxSlider_dark .rightZone,
.dhtmlxSlider_ball .rightZone {
	position:absolute;
	left: 1px;
	top: 0px;
	height:100%;
}

.sliderBox .rangeItem {
	font-size: 12px;
}

.sliderBox_dark .rangeItem {
	color: #ccc;
}

/* FILTER
   Vseobecny filter
*/

.filter {
	background: url(../images/web/round_box_full_top.png) left top no-repeat;
	color: #666;
	font-size: 14px;
	padding: 5px 0;
}

.filter form {
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(../images/web/round_box_bg.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
	background-image:    -moz-linear-gradient(top, #fff, #f2f2f2);
	background-image:     -ms-linear-gradient(top, #fff, #f2f2f2);
	background-image:      -o-linear-gradient(top, #fff, #f2f2f2);
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}

.filter fieldset {
	margin: 0;
	border: 0;
	padding: 15px 20px;
}

.filter .bottom {
	background: url(../images/web/round_box_full_bottom.png) left top no-repeat;
	height: 5px;	
	font-size: 0px;
}

.filter .lbl {
	font-family: nimbussanslregular, Arial, Helvetica;
	font-size: 18px;
}

.filter .lbl,
.filter h3 { margin: 0 0 20px 0; }

.filter .inner { margin: 20px 0; }



.filter .buttons {
	margin: 15px 0 0 0;
	clear: both;
}

.filter .col {
	float: left;
}

.filter .col2 {
	width: 50%;
}

.filter span.stacked {
	display: block;
}

.filter .stacked,
.filter .row {
	margin-bottom: 5px;
}

.filter .checkboxRow input {
	margin-right: 10px;
}

.filter .checkboxRow label {
	color: #666666;
}

.filter .checkBoxRowItem {
	display: inline-block;
	margin-right: 30px;
}

.filter .sliders {
	margin-bottom: 30px;
}

.filter .sliders input {
	font-weight: bold;
}

.filter .sliders .lbl,
.filter .sliders h3 {
	display: block;
	margin-bottom: 5px;
}

.filter .sliders .left {
	margin-right: 40px;
}

.filter .sliders .right {
	padding-top: 25px;
}

.filter .checkBoxRowItem label {
	font-size: 14px;
}

.input-suffix {
	padding-top: 5px;
	vertical-align: middle;
	display: inline-block;
}

.addButton {
    background: url("../images/web/ic_plus.gif") no-repeat scroll left center transparent;
    border: 0;
    color: #066DB2;
    padding-left: 25px;
    text-align: left;
    height: 17px;
    cursor: pointer;
}

.removeButton {
    background: url("../images/web/ic_selector_remove.png") no-repeat scroll left top transparent;
    border: 0;
    display: block;
    height: 17px;
    width: 17px;	
    cursor: pointer;
}


/*
	CALC BOX
	Styly pre vsetky kalkulacky - hypo, bsu, term, offset ...
*/

.calcBox {
	background: url(../images/web/round_box_full_top.png) left top no-repeat;
	padding-top: 5px;	
	color: #333;
	font-size: 14px;
}

.calcBox .gradient {
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../images/web/round_box_bg.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
	background-image:    -moz-linear-gradient(top, #fff, #f2f2f2);
	background-image:     -ms-linear-gradient(top, #fff, #f2f2f2);
	background-image:      -o-linear-gradient(top, #fff, #f2f2f2);
}

.calcBox .caption {
	border-bottom: 1px solid #dcdcdc;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../images/web/title_bg.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
	background-image:    -moz-linear-gradient(top, #fff, #f2f2f2);
	background-image:     -ms-linear-gradient(top, #fff, #f2f2f2);
	background-image:      -o-linear-gradient(top, #fff, #f2f2f2);
	background-color: #f2f2f2;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 13px;
	padding-top: 5px;
	position: relative;
}

.calcBox .caption .label {
	background: url(../images/web/arrow_down_light_blue.gif) center right no-repeat;
	padding-right: 20px;
}

.calcBox .form_required_statement .form_required { color: #ac0011 !important; }	

.calcBox .calcContent {
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(../images/web/round_box_bg.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
	background-image:    -moz-linear-gradient(top, #fff, #f2f2f2);
	background-image:     -ms-linear-gradient(top, #fff, #f2f2f2);
	background-image:      -o-linear-gradient(top, #fff, #f2f2f2);
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}

.calcBox .calcBottom {
	background: url(../images/web/round_box_full_bottom.png) left bottom no-repeat;
	height: 5px;
	font-size: 0;
}

.calcBox .inner {
	padding: 15px 20px;	
}

.calcBox .topInner {
	padding: 15px 20px 0 20px;
}

.calcBox .separator {
	border-top: 1px solid #dcdcdc;
}

.calcBox .result {
	background-color: #fffbcc;
}

.calcBox .result-minor {
	background-color: #fffde6;
}

.calcBox .result-normal {
	background-color: #fafafa;
}

.calcBox label {
	font-size: 18px;
	color: #111;
	cursor: pointer;	
}

.calcBoxForm label {
	font-size: 1em;
}

.calcBox h3 {
	margin: 0 0 5px 0;
}

.calcBox input {
	font-weight: bold;
	color: #111;
}

.calcBoxForm input {
	font-weight: normal;
}

.calcBox .right {
	position: relative;
	width: 193px;
}

.calcBox .inputBox {
	padding: 25px 0 0 0;
}

.calcBox .right .textbox_small {
	width: 115px;
	text-align: right;
	margin-top: 2px;
}

.calcBox .right img {
	vertical-align: top;
	margin-left: 10px;
	margin-top: 2px;
}

.calcBox .right .suffix {
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 0 5px;
}

.calcRowFlex h3 {
	float: left;
	margin-bottom: 0;
}

.calcRowFlex .sldbox {
	width: 385px;
	float: left;
}

.calcRowFlex .inputBox {
    float: right;
    margin-top: 25px;
    padding-top: 0;
    width: 192px;
}

.calcRowFlex .inputBoxSimple {
	margin-top: 0;
}

.no-js .calcRowFlex .inputBox {
	float: left;
	margin-top: 0;
}

.calcRowFlex .textbox_small {
	margin-top: 0;
	width: 115px;
	text-align: right;
	vertical-align: top;
}

.calcRowFlex .inputBox img {
	margin-left: 10px;
}

.calcRowFlexSingle .row {
	width: 90%;
	float: left;
}

.radioGroupRow .radioGroup {
	width: 80%;
	float: left;
}


.calcBox .flatOption {
	float: left;
	margin: 0 5px 0 0;
	width: 75px;
	text-align: center;	
}

.calcBox .flatOption input {
	border: 0;
	outline: 0;
}

.calcBox .flatOption label {
	float: none !important;
	display: block;
	width: 100%;
	margin: 0;
	font-size: 14px;
}

.calcBox .calcRow {
	margin: 0 0 30px 0;
}

.calcBox .radioRow .radioGroup,
.calcBox .radioRow h3 {
	float: left;
}

.calcBox .topRow {
	margin: 30px 0 0 0;
}

.calcBox .bottomRow {
	margin-bottom: 0;
}

.calcBox .left {
	width: 385px;
	margin: 0 39px 0 0;
}

.calcBox .result .label {
	float: left;
	width: 250px;
	font-weight: bold;
}

.calcBox .result .priority .label {
	padding: 10px 0 0 0;
	width: 50%;
}

.calcBox .result .priority .suffix {
	width: auto;
}

.calcBox .result .value {
	float: left;
	width: 130px;
	text-align: right;
	font-weight: bold;
}

.calcBox .result .textbox_small {
	width: 120px;
	text-align: right;
	border: 0;
	background: transparent;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	padding: 0;
}

.calcBox .combo_small { margin: 0 10px 0 0; font-size: 14px; }
.calcBox .combo_small input { border: 0; padding: 0; width: auto; vertical-align: baseline; }
.calcBox .combo_small input { margin: 0 5px 0 0; }


.calcBox .result .align-right .value,
.calcBox .result .priorityLow .value,
.calcBox .result .priority .value {
	display: inline;
	width: auto;
	float: right;
	padding-right: 70px;
}

.calcBox .result .priority .value span {
	font-size: 36px;
}

.calcBox .result .subpriority .value span {
	font-size: 20px;
	padding-top: 10px;
}

.calcBox .result .align-right img,
.calcBox .result .priority img {
	left: 562px;
}

.calcBox .result .suffix {
	display: inline-block;
	width: 15px;
	padding: 0;
}

.calcBox .result .lastRow {
	margin: 0;
}

.calcBox .resultRow {
	margin: 0 0 20px 0;
	position: relative;
}

.calcBox .resultRow img {
	position: absolute;
	left: 425px;
	top: -2px;
}

.calcBox .result .priority span {
	font-size: 18px;
}

.calcBox .result .subpriority span {
	font-size: 14px;
}

.calcBox .radioBox .combo_small_group,
.calcBox .radioBox label {
	float: left;
}

.calcBox .radioBox .combo_small,
.calcBox .radioBox label {
	margin-right: 30px;
}

.calcBox .actions {
	clear: both;
}

.calcBox .actions a {
	color: #066DB2; 
	margin: 0 10px 0 0;
}

.calcBox .error {
	clear: both;
}

.calcBox .range {
	/*padding-top: 2px;*/
}

.calcBox .range .maxLabel,
.calcBox .range .minLabel {
	display: inline-block;
	width: 49%;
	color: #333;
}

.calcBox .range .maxLabel {
	text-align: right;
}

.calcBox .lowPriority {
	font-weight: normal !important;
}

.disclaimer a {
	color: #066DB2;	
}

.calcBox .disclaimer {
	font-size: 12px;
}

.calcBox .buttons {
	text-align: right;
}

.calcBox .buttons .moreButton {
	margin: 0 0 0 10px;
	float: right;
}

.no-js .calcRow label {
	float: left;
	width: 150px;
}

.radioGroupRow div.flatRadio {
	clear: both;
	width: 561px;
	float: left;
	margin-right: 0;
}

.radioGroupRow span.flatRadio {
	margin-right: 15px;
}

.radioGroupRow span.flatRadio label {
	font-size: 14px;
	font-weight: normal;
	float: none;
	width: auto;
	padding-left: 5px;
}

.radioGroupRow span.flatRadio input {
	border: 0;
}

.radioGroupRow .infoImg {
	float: left;	
}

.no-js .infoImg {
	display: none;
}

/** ----- form ----- **/
/** form box 600px **/
.formBox {
	clear: both;
}

.formBox select {
	color: #111;
}
.formBox {
	width: 660px;
	margin: 0 0 10px;
	padding: 0;
	background: url("../images/web/formBox_header.png") no-repeat scroll center top transparent;
}
.formBox fieldset {
	background: transparent url('../images/web/formBox_footer.png') bottom center no-repeat;
    border: medium none;
    margin: 0;
    padding: 0;
}
.formBox fieldset .formBoxInner {
	background: none repeat scroll 0 0 transparent;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    margin: 4px 0;
    padding: 16px 19px;
}
.formBox fieldset legend {
	display: none;
}
.formBox fieldset h3 {
	margin: 0 0 17px 0;
}
.formBox fieldset p {
	padding: 0 0 20px;
}
.formBox .combo2CellBox {
	padding: 0 0 20px;
}
.formBox .combo2CellBox select.first {
	margin-right: 16px;
}
.formBox .combo2CellBox .combo2Cell1 {
	float: left;
	width: 300px;
	margin: 0 20px 0 0;
}
.formBox .combo2CellBox .combo2Cell2 {
	float: left;
	width: 300px;
}
.formBox .sortingWrapper {
	float:right;
	text-align: left;
}
.formBox .sortingWrapper select
, .formBox .sortingWrapper button
, .formBox .sortingWrapper a {
	margin-left: 5px;
}
.formBox .sortingWrapper select {
	width: 180px;
	margin-left: 20px;
	margin-right: 5px;
}
/** select icons **/
/** select 300x61 handler **/
.bigCombo {
	color: #333333;
    font-weight: bold;
    padding: 0;
    margin: 0;
    width: 300px;
    height: 61px;
    background: transparent url("../images/web/select_bg_300.png") left top no-repeat;
}
.ie7 .bigCombo
, .ie6 .bigCombo {
	background: none;
	height: auto;
}
.bigCombo select {
	border: 1px solid #FFFFFF;
    color: #333333;
    font-weight: bold;
    height: 59px;
    line-height: 59px;
    margin: 1px;
    padding: 19px 9px;
    text-align: left;
    vertical-align: middle;
    width: 298px !important;
}
.ie7 .bigCombo select
, .ie6 .bigCombo select {
	margin: 0;
	padding: 0;
	height: auto;
}
.bigCombo .iconHandler {
	background-position: 14px center;
	background-repeat: no-repeat;
	background-color: transparent;
}
.ie7 .bigCombo .iconHandler
, .ie6 .bigCombo .iconHandler {
	background: none;
}
.bigCombo .iconHandler select {
	border: 1px solid #FFFFFF;
    color: #333333;
    font-weight: bold;
    height: 59px;
    margin: 1px 1px 1px 72px;
    padding: 19px 9px;
    width: 227px !important;
}
.ie7 .bigCombo .iconHandler select
, .ie6 .bigCombo .iconHandler select {
	margin: 0;
	width: 298px !important;
	height: auto;
}

/** small combo 180x30 **/
.smallCombo {
	color: #666;
    font-weight: normal;
    padding: 0;
    margin: 0;
    width: 180px;
    height: 30px;
    background: transparent url("../images/web/select_bg_180.png") left top no-repeat;
}
.smallCombo select {
	border: 1px solid #FFFFFF;
    color: #666;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin: 1px;
    padding: 0 0 0 9px;
    text-align: left;
    vertical-align: middle;
    width: 178px !important;
}

.icon_pc {
	background-image: url("../images/web/sample/sample_pc.png");
}
/** select multiple 300x102 handler **/
.bigComboMulti {
	background: transparent url("../images/web/select_multi_bg.png") left top no-repeat;
	width: 300px;
	height: 102px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.ie6 .bigComboMulti {
	background: none;
}
.bigComboMulti select {
	width: 298px !important;
	height: 100px;
	color: #333333;
	font-weight: normal;
	border: 1px solid #fff;
	margin: 1px 0 0 1px;
	z-index: 2;
}
.ie6 .bigComboMulti select {
	height: 110px;
}
.ie7 .bigComboMulti select {
	height: 110px;
}
.bigComboMulti select optgroup {
	font-style: normal;
    font-weight: normal;
    padding: 0;
	margin: 0;
}
.bigComboMulti select optgroup option {
	padding: 0;
	margin: 0;
}
.bigComboMulti .borderTop
, .bigComboMulti .borderBottom
, .bigComboMulti .borderLeft
, .bigComboMulti .borderRight {
	display: none;
}
.ie7 .bigComboMulti .borderTop {
	width: 298px;
	height: 1px;
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 99;
	background: #fff;
	display: block;
}
.ie7 .bigComboMulti .borderBottom {
	width: 298px;
	height: 1px;
	position: absolute;
	left: 1px;
	bottom: 0px;
	z-index: 99;
	background: #fff;
	border-bottom: 1px solid #c5c5c5;
	display: block;
}
.ie7 .bigComboMulti .borderLeft {
	width: 2px;
	height: 100px;
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 98;
	background: #fff;
	display: block;
}
.ie7 .bigComboMulti .borderRight {
	width: 1px;
	height: 100px;
	position: absolute;
	right: 1px;
	top: 1px;
	z-index: 99;
	background: #fff;
	display: block;
}


/* ------ paging ******/
/*** ----- paging --- ***/
.paging {
	text-align: center;
}
.paging table {
	width: auto;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	border-spacing: 0;
	border: 0;
	width: auto;
}
.paging table td {
	text-align: left;
	padding: 0;
	margin: 0;
	width: auto;
	white-space: nowrap !important;
}
.ie6 .paging table td {
	height: 25px;
	line-height: 25px;
}
.paging table td .delim
, .paging table td a {
	margin: 0 5px;
	float: left;
}

.whiteVersion .paging table td a.active {
	background-image: url("../images/web/button25.png");
	color: #fff;
}

.pagingWhite table a.active span, .paging table a.active span {
	color: #fff;
}

.ie6 .whiteVersion .paging table td a.active {
	background-image: url("../images/web/button25.gif");
}
.whiteVersion .paging table td a.active span {
	color: #fff;
}
.paging table td a:hover {
	text-decoration: none;
}
.paging table td .delim {
	color: #a3a3a3;
}
.paging .pagingLeft {
	padding-right: 20px;
}
.ie6 .paging .pagingMiddle * {
	display: inline;
}
.paging .pagingRight {
	padding-left: 20px;
}

.sections .paging {
	padding: 20px 0;
}

.section .paging {
	padding: 20px 0 0 0;
}




/* buttons */
.buttonSmallIcon {
	width: 14px;
	height: 14px;
	line-height: 14px;
	cursor: pointer;
	border: none;
	background: url("../images/web/buttonSmallIcon.png") no-repeat center center transparent;
	margin: 0;
	padding: 0;
}
.buttonSmallIcon span {
	width: 14px;
	height: 14px;
	display: block;
}
.buttonUp span {
	background: url("../images/web/arrow_up_black.png") no-repeat center center transparent;
}
.buttonDown span {
	background: url("../images/web/arrow_down_black.png") no-repeat center center transparent;
}
.moreButton40 {
    color: #fff !important;
    display: block;
    float: left;
    height: 30x;
    padding-right: 16px;
    text-decoration: none !important;
    overflow: hidden;
}
.moreButton40 span {
    display: block;
    color: #333;
    line-height: 15px;
    padding: 12px 8px 13px 36px;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 -1px 0 #111;
}
.buttonDarkContact {
	background: transparent url('../images/web/more_button_arrow_dark_40.png') no-repeat scroll top right;
	margin-bottom: 10px;	
}
.buttonDarkContact span {
	background: transparent url('../images/web/more_button_dark_40.png') no-repeat;
	color: #fff;
}
.button25 {
	width: 25px;
	height: 25px;
	line-height:25px;
	background:url("../images/web/button25.png") no-repeat scroll center center transparent;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #0097fd;
	margin: 0;
	padding: 0;
}
.ie6 a.button25 {
	background-image:url("../images/web/button25.gif");
}
a.button25 {
	display: block;
	float: left;
	overflow: hidden;
}
.button25 span {
	display: block;
	width: 25px;
	height: 25px;
	color: #0097fd;
	margin: 0;
	padding: 0;
	text-align: center;
}
.toLeft span {
	background:url("../images/web/arrow_left_light_blue.gif") no-repeat scroll center center transparent;
}
.toRight span {
	background:url("../images/web/arrow_right_light_blue.gif") no-repeat scroll center center transparent;
}


.rBorder {
	background: transparent url("../images/web/shopping/rBorder.png") right center no-repeat; 
}
.ie6 .rBorder {
	background: transparent url("../images/web/shopping/rBorder.gif") right center no-repeat; 
}
.fLeft {
	float:left;
    margin:0;
    padding:0;
}

/*
	WIDE BOX
*/

.wideBox {
	background: url(../images/web/round_box_wide_top.gif) top left no-repeat;
	padding: 5px 0 0 0;
}

.wideBox .content {
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(../images/web/round_box_bg.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
	background-image:    -moz-linear-gradient(top, #fff, #f2f2f2);
	background-image:     -ms-linear-gradient(top, #fff, #f2f2f2);
	background-image:      -o-linear-gradient(top, #fff, #f2f2f2);
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}

.wideBox .bottom {
	background: url(../images/web/round_box_wide_bottom.gif) left top no-repeat;
	height: 5px;	
	font-size: 0px;
}

/*
    SITE MAP
*/
div#sitemap ul {
	list-style: none outside none;
    margin: 0 0 0 16px;
    padding: 0;
}

div#sitemap a {
	color: #066DB2;
}

div#sitemap a:visited {
	color: #471463;
}

div#sitemap a.icon {
    display: block;
    margin: 0 0 0 15px;
    text-decoration: none;
}

div#sitemap a:hover {
	text-decoration: underline;
}

div#sitemap a.siteMapTop {
    float: left;
}

a.siteMapTop img {
    border: 0 none;
}

div#sitemap ul.top {
     margin-bottom: 20px;
    margin-left: 15px;
}

.js div#sitemap ul.top {
    display: none;
}

.no-js div#sitemap img {
	display: none;
}

.no-js div#sitemap ul.top,
.no-js div#sitemap ul,
.no-js div#sitemap ul li, {
	display: block;
}

div#sitemap ul.sitemap li ul li {
    margin-bottom: 0;
}

div#sitemap ul.sitemap li {
}

div#sitemap li {
    padding-top: 5px;
}

div.siteMapTopEmpty {
    float: left;
    width: 14px;
}

/** slider **/
.sliderbox-container {
	width: 100%;
	background: transparent;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	z-index: 1;
	height: 330px;
}
.sliderbox-container .sliderbox {
	width: 9000px;
	position: absolute;
	z-index: 2;
}
.sliderbox-container .sliderbox .slide {
	float: left;
	display: block;
	font-size: 14px;
	color: #4e4e4e;
}

.sliderbox-container .sliderbox .slide img {
	width: 100%;
	height: auto;
}

.sliderbox-container .sliderbox-navigation-portrait,
.sliderbox-container .sliderbox-navigation {
	position: absolute;
	display: block;
	float: left;
	top: 290px;
	left: 20px;
	z-index: 3;
}
.sliderbox-container .sliderbox-navigation-portrait a,
.sliderbox-container .sliderbox-navigation a {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 10px 0 0;
	padding: 0;
	background: transparent url("../images/web/bannerBig_item_next_blue.gif") center center no-repeat;
}
.sliderbox-container .sliderbox-navigation-portrait a.active,
.sliderbox-container .sliderbox-navigation a.active {
	background: transparent url("../images/web/bannerBig_item_current_blue.gif") center center no-repeat;
}
.sliderbox-border-right {
	background: none repeat scroll 0 0 #2D2D2D;
  height: 330px;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  z-index: 3;
}
.sliderbox-border-left {
	background: none repeat scroll 0 0 #2D2D2D;
  height: 330px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: 3;
}


.betaFlagContent {
	position: relative;	
	width: 100%;
}

.betaFlag {
	width: 44px;
	height: 102px;
	background-image: url(../images/web/beta_flag.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 40px;
	left: 970px;
}

.tablet .betaFlagContent {
	display: none;
}


/* PHOTOGALLERY */

div.gallery-box {
	position: absolute;
	color: #000;
	display: none;
	z-index: 100;
	top: 0;
	left: 0;
}

div.gallery-box div.gallery-top-nav {
	width: 100%;
}

div.gallery-box .gallery-close {
	background: url("../images/web/ic_lightbox_close.png") no-repeat;
	width: 20px;
	height: 20px;
	float: right;
	cursor: pointer;
	margin: 10px 10px 10px 0;
	_margin: 10px 5px 10px 0;
}

div.gallery-box div.gallery-box-content {
	background: #fff;
	display: block;
	overflow: auto;	
	width: 100%;	
	text-align: center;
}

div.gallery-box div.gallery-box-content img.gallery-image {
	border:0; margin: 0; padding: 0;
	display: block;
	margin: 0 auto;
}

div.gallery-box div.gallery-box-content div.gallery-desc {
	clear: both;
	color: #444;
	padding: 5px 0;
	margin: 0 auto;
}

div.gallery-box div.gallery-box-content div.gallery-nav {
	height: 19px;
	margin: 5px auto 0 auto;	
}

div.gallery-box div.gallery-box-content div.gallery-nav a.gallery-next {
	background: url("../images/web/press_news_right.png") left center no-repeat;
	width: 13px;
	height: 30px;
	display: block;
	float: right;
}

div.gallery-box div.gallery-box-content div.gallery-nav a.gallery-prev {
	background: url("../images/web/press_news_left.png") left center no-repeat;
	width: 13px;
	height: 30px;
	display: block;
	float: left;	
}

div.gallery-box div.gallery-box-content div.gallery-nav div.gallery-status {
	float: left;
	color: #444;
	/*width: 612px;*/
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

div#photogallery-content {
	padding: 10px;
}

div#photogallery-content div.photogallery-item {
	border: 1px solid #cdcdcd;
	padding: 4px;
	margin-bottom: 25px;	
	width: 640px;
}

div#photogallery-content p {
	padding: 0px;
	/*width: 640px;*/
	padding: 5px 0 0 0;
}


/* TOOLTIP */

.cmsTooltip {
	color: #0097FD;
	cursor: default;
}

.cmsTooltipContent p {
	color: #fff;
}

.popbox {
	position: absolute;
	color: #000;
	display: none;
	background: #fff;
	padding: 20px;
	z-index: 99;
}

.popbox-close {
	background: url("../images/web/ic_lightbox_close.png") no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 20px;
	right: 10px;
	cursor: pointer;
}

div.overlay {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #333;
	filter:alpha(opacity=85);
    -moz-opacity: .85;
    opacity: .85;
    z-index: 40;
}

/*** Contact Form ***/
.contactFormLightBox .hidden {
	display: none;
}

.contactFormLightBox .buttons {
	margin-bottom: 0;
}

.contactFormLightBox h2 { margin: 0 0 20px 0; }

.contactFormConfirm .label,
.contactFormConfirm .value {
	float: left;
}

.contactFormConfirm .label {
	width: 230px;
	font-weight: bold;
}

.contactFormLightBox textarea.info,
.contactFormLightBox input.info {
	width: 265px;
}

.contactFormLightBox select.info {
	width: 276px;
}

.contactFormLightSaved {
	text-align: center;
	font-size: 18px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.contactFormLightSaved .contactFormClose {
	float: none;
	margin: 0 auto;
	padding-left: 0;
}

.contactFormLightSaved .contactFormClose:hover {
	text-decoration: none;
}

.contactDms p {
	margin: 0;
}

.contactFormTopDms {
	margin-bottom: 20px;
}

.contactFormBottomDms {
	margin-top: 10px;	
}

.contactPop {
	background-image: url(../images/web/contactFormFaqBg.png);
	background-repeat: repeat-y;
	background-position: 508px top;
}

.contactPop .popbox-close {
	right: 285px;
}

.contactFormLightBox .main,
.contactFormLightBox .side {
	float: left;
}

.contactFormLightBox .buttons {
	width: 250px;
}

.contactFormLightBox .main {
	width: 490px !important;
}

.contactFormLightBox .side {
	width: 230px;
	padding-left: 10px;
}

.contactFormLightBox p.requiredInfo {
	padding-left: 140px;
}

.contactFormLightBox label {
	width: 120px;
	padding-top: 3px;
}

.contactFormLightBox label .form_required {
	padding-top: 3px;
}

.contactFormLightBox .confirmButtons {
	padding-left: 0px;
	width: auto;
}

.sidebar .tbContactFormButton .moreButton {
    background-image: url("../images/web/btn_contact_us.gif");
    background-repeat: no-repeat;
    background-position: left top;
    color: #FFFFFF !important;
    display: block;
    font-size: 18px !important;
    font-weight: bold;
    height: 20px;
    width: 153px;
    margin-bottom: 20px;
    line-height: 18px;
    padding: 10px 0 10px 35px;
    text-shadow: 0 -1px 0 #111111;
    float: none;
    overflow: visible;
}

.sidebar .tbContactFormButton .moreButton span {
	display: inline;
	padding: 0;
	font-size: 18px;
    text-shadow: 0 -1px 0 #111111;	
	background: transparent;
}

.contactFormConfirmButton {
	margin-right: 10px;
	padding-left: 0;
	float: left;
}

.contactFormBack {
	padding-left: 0;
}


/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/

.jspContainer
{
overflow: hidden;
position: relative;
}

.jspPane
{
position: absolute;
}

.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 100%;
background: red;
}

.tablet .jspVerticalBar {
	width: 20px;
}

.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}

.jspCap
{
display: none;
}

.jspHorizontalBar .jspCap
{
float: left;
}

.jspTrack
{
background: #2e2e2e;
position: relative;
}

.jspDrag
{
background: #4a4a4a;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}

.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}

.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}

.jspVerticalBar .jspArrow
{
height: 16px;
}

.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
outline: none;
}

.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}

.previewbar {
	background-color: #FFFBCC;
	text-align: center;
	padding: 2px;
	border-bottom: 1px solid #111;
	display: none;
	font-weight: bold;
	color: #111;
}

/* REFAKTORING */

/* Placeholder pre inputy */
.placeholder-item {
	position: relative;	
}

.placeholder-item .placeholder {
	color: #666;
    display: none;
    font-family: Arial;
    left: 7px;
    position: absolute;
    top: 6px;
    font-size: 14px;
}

/* Vseobecne styly pre buttony */

.btn {
	border: 0;
	padding: 0 15px 0 0;
	overflow: visible;
	cursor: pointer;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: right top;
	*background-position: right 2px;
	background-color: transparent;
}

.btn span {
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding: 0 10px 0 13px;
    background-repeat:  repeat-x;
    background-color: transparent;
    background-position: left top;
}


/* Button ako linka */

.btn-link,
.btn-link span {
	padding: 0;
}

.btn-link span {
	color: #0097FD;
	font-size: 14px;
	font-weight: normal;
}

.btn-link span:hover {
	text-decoration: underline;
}

/* Modry submit button */

.btn-submit {
	background-image: url('../images/web/btn_submit_arrow.png');	
}

.ie6 .btn-submit {
	background-image: url('../images/web/btn_submit_arrow.gif');	
}

.btn-submit span {
	background-image: url('../images/web/btn_submit_bg.png');
    color: #fff;
    text-shadow: 0 -1px 0 #111;	
}

.ie6 .btn-submit span {
	background-image: url('../images/web/btn_submit_bg.gif');	
}

/* Tvavy alt button */
.btn-alt {
	background-image: url('../images/web/btn_alt_arrow.png');	
}

.ie6 .btn-alt {
	background-image: url('../images/web/btn_alt_arrow.gif');	
}

.btn-alt span {
	background-image: url('../images/web/btn_alt_bg.png');
    color: #fff;
    text-shadow: 0 -1px 0 #111;	
}

.ie6 .btn-alt span {
	background-image: url('../images/web/btn_alt_bg.gif');	
}

/* Bledy inverse button */
.btn-inverse {
	background-image: url('../images/web/btn_inverse_arrow.png');	
}

.ie6 .btn-inverse {
	background-image: url('../images/web/btn_inverse_arrow.gif');	
}

.btn-inverse span {
	background-image: url('../images/web/btn_inverse_bg.png');
    color: #333 !important;
    text-shadow: 0 -1px 0 #fff;
}

.ie6 .btn-inverse span {
	background-image: url('../images/web/btn_inverse_bg.gif');	
}

/* Disabled styly */

.btn-disabled {
	border-radius: 3px;
	background: none;
	background-color: #f2f2f2;
	border: 1px solid #c2c2c2; 
	cursor: auto;
}

.btn-disabled span {
	background: none;
	background-color: #f2f2f2;
	color: #ccc;
	text-shadow: none;
	line-height: 30px;	
}

/* Pomocne styly */

.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; }

.last-one {
	margin-bottom: 0 !important;
}

.first-one {
	margin-top: 0 !important;
}

.inline,
.panel { float: left; }

.inliner,
.panel-right { float: right; }
 

.label {
	cursor: pointer;
}

/* No Flash */

.no-flash-info {
	line-height: 16px;
}

.no-flash-info a {
	text-decoration: none;
	font-weight: bold;
	color: #066DB2; 
}

/* FeedBackBar */

.feedback-bar {
	display: block;	
	width: 250px;
	position: fixed;
	bottom: 0;
	z-index: 10;
}

.ie6 .feedback-bar {
	display: none;
}

.feedback-bar-title {
	background-image: url(../images/web/feedback_caption_bg.png);
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#383838), to(#111111));
	background-image: -webkit-linear-gradient(top, #383838, #111111);
	background-image:    -moz-linear-gradient(top, #383838, #111111);
	background-image:     -ms-linear-gradient(top, #383838, #111111);
	background-image:      -o-linear-gradient(top, #383838, #111111);
	background-color: #111111;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #434343;
}

.feedback-bar-caption {
    line-height: 40px;
    color: #0097FD;
}

.feedback-bar-caption span {
	display: block;
	background-image: url(../images/web/dialog-icon.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 24px;
}

.feedback-bar-content {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.feedback-bar-service {
	border-bottom: 1px solid #ddd;
	background-color: #fff;	
}

.feedback-service-content,
.feedback-service-pane {
	padding-left: 14px;
	padding-right: 14px;
}

.feedback-service-call .feedback-service-content {
	padding-left: 0;
	padding-right: 0;
}

.feedback-service-pane-icon {
	padding-left: 44px;
	background-repeat: no-repeat;
	background-position: left top;
}

.feedback-service-content {
	padding-bottom: 20px;
	padding-top: 20px;
}

.feedback-service-title,
.feedback-bar-title {
	cursor: pointer;
}

.feedback-bar-expanded .feedback-bar-caption {
	background: url(../images/web/arrow_down_light_blue.gif) no-repeat right 50%;
}

.feedback-service-expanded .feedback-service-content,
.feedback-bar-expanded .feedback-bar-content {
	display: block;
}

.feedback-bar-collapsed .feedback-bar-caption {
	background: url(../images/web/arrow_right_light_blue.gif) no-repeat right 50%;
}

.feedback-service-title {
	font-size: 14px;
	line-height: 39px;
	font-family: Arial;
	color: #111;
	font-weight: bold;
}

.feedback-bar-info {
	line-height: 38px;
	padding-left: 14px;
	padding-right: 14px;
}

.feedback-input,
.feedback-bar-info,
.feedback-service-expanded {
	background-image: url(../images/web/feedback_service_bg.png);
	background-color: #fff;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#f2f2f2), to(#fff));
	background-image: -webkit-linear-gradient(top, #f2f2f2, #fff);
	background-image:    -moz-linear-gradient(top, #f2f2f2, #fff);
	background-image:     -ms-linear-gradient(top, #f2f2f2, #fff);
	background-image:      -o-linear-gradient(top, #f2f2f2, #fff);
}

.feedback-service-expanded .feedback-service-title {
	color: #066DB2;
}

.feedback-service-expanded .feedback-service-title {
	background: url(../images/web/arrow_down_blue2.gif) no-repeat right 50%;
}

.feedback-service-collapsed .feedback-service-title {
	background: url(../images/web/arrow_right_grey.gif) no-repeat right 50%;
}

.feedback-bar-service p {
	margin-bottom: 10px;
	font-size: 12px;
	color: #111;
}

.feedback-input {
	width: 95%;
}

/* Gradienty */

.pagebar {
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: bottom;	
	background-image: url(../images/web/pagebar_bg.png);	
	background-image: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#fff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
	background-image:    -moz-linear-gradient(top, #fff, #f2f2f2);
	background-image:     -ms-linear-gradient(top, #fff, #f2f2f2);
	background-image:      -o-linear-gradient(top, #fff, #f2f2f2);
	border-bottom: 1px solid #DCDCDC;
}

/* Paging komponent */

.paging-label {
	font-size: 14px;	
	float: left;
	margin-right: 5px;
	line-height: 25px;
}

.paging-separator {
	float: left;
	width: 5px;
}

.paging-item {
	width: 25px;
	height: 25px;
	line-height:25px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;	
	display: block;
	float: left;
	text-decoration: none;	
}

.paging-text {
	width: 25px;
	height: 25px;
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
}

.paging-prev {
	margin-right: 20px;
}

.paging-next {
	margin-left: 20px;
}

.paging-prev .paging-text {
	background-image: url("../images/web/arrow_left_light_blue.gif");
}

.paging-next .paging-text {
	background-image: url("../images/web/arrow_right_light_blue.gif");
}

.paging-panel a:hover,
.paging-panel .active,
.paging-active {
	background:url("../images/web/button25.png") no-repeat scroll center center transparent;
	color: #fff;
	text-decoration: none;	
}

.paging-panel a:hover span,
.paging-panel .active span {
	color: #fff;
}

.paging-inactive {
	background:url("../images/web/button25_grey.png") no-repeat scroll center center transparent;
	color: #333333;
}

.js .btn-paging {
	display: none;
}

.paging-panel-form {
	width: 40%;
}

.paging-panel-pages {
	width: 60%;
}

.paging-bar {
	float: right;
}

.param {
	float: left;
	width: 49%;
	font-size: 14px;
	line-height: 20px;
}

.param-label {
	font-weight: bold;
}

.feedback-bar .checkbox {
	vertical-align: text-top;
	margin-right: 5px;
}

.feedback-bar-hidden,
.feedback-service-collapsed .feedback-service-content,
.feedback-bar-collapsed .feedback-bar-content,
.feedback-contact-errors,
.feedback-contact-end,
.status-success .feedback-contact-error,
.status-success .feedback-contact-form {
	display: none;
}

.status-error .feedback-contact-errors,
.status-success .feedback-contact-end {
	display: block;
}

.feedback-bar .no-flash-info {
	padding: 0 20px;
}

.chat-close {
	padding-left: 10px;
}

.captcha-label .captcha {
	margin-top: 5px;
}

.captcha-reload {
	width: 55px;
	height: 50px;
	background-image: url(../images/web/captcha-reload-btn.png);
	background-repeat: no-repeat;
	cursor: pointer;
	border: 0;
	margin-left: 10px;
	vertical-align: top;
}

.fail-message {
	background: url('../images/web/alert-bg.png') no-repeat;	
	padding-left: 165px;
	padding-top: 60px;
	padding-bottom: 60px;
	background-position: left 50%;
	line-height: 1.4;
}

#socialLinksFooter img {
	width: 16px;
}

.tblog {
	color: #fff;
}


.online-account-nav h2 {
margin-bottom: 0.4em;
}

.online-account-nav .separator {
	border-top: 1px solid #aaa;
	margin-top: 7px;
	padding-bottom: 5px;
}

.online-account-nav li {
	padding: 2px 0;
}

.online-account-navitem .link,
.online-account-navitem {
	color: #aaa;
}

.online-account-navitem .link,
.online-account-navitem .item {
	font-size: 12px;
}

.online-account-navitem-active,
.online-account-navitem-active .link {
	color: #066DB2;
}

.online-account-title .title {
	padding: 20px 30px;
	margin: 0;
}

.online-account-step2 .online-account-content,
.online-account-step1 .online-account-content {
	padding: 40px 30px;
	border-top: 1px solid #eeeeee;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	background-repeat: no-repeat;
	background-position: top right;
}

.online-account-nav {
	float: left;
	width: 200px;
	padding-left: 30px;
	padding-top: 20px;
}

.online-account-form {
	float: left;
	width: 690px;
}

.online-account-body {
	padding-left: 30px;
	padding-bottom: 20px;
}

.online-account-step2 .online-account-body,
.online-account-step1 .online-account-body {
	padding: 0;	
}

.online-account-box {
	position: relative;
}

.online-account-box .error {
	margin-bottom: 0.5em; 
}

.online-account-box .error {
	font-size: 14px;
}

.online-account-box .combo_small label {
	float: none;
}

/*.online-account-form .form_error {
	color: #AC0011;
}
*/
.online-account-step3 .photo-info {
			display: inline-block;
			width: 200px;
			padding-top: 10px;
			font-size: .9em;
			font-style: italic;
		}
	
.online-account-step3 .as-table {
			display: table;
		}
.online-account-step3 .as-table-row {
			display: table-row;
			float: none;
			clear: none;
		}
.online-account-step3 .as-table-cell {
			display: table-cell;	
			float: none;
			clear: none;
		}
.online-account-step3 .panel-photo img2 {
			vertical-align: top;
		}
	
.online-account-step3 .panel-photo,
.online-account-step3 .panel-photo .panel {
			float: none;
			clear: none;
			display: inline-block;
			vertical-align: top;
		}
		
.online-account-step3 #online-account-photo {
			/*min-width: 100px;
			min-height: 150px;*/
		}
		
.online-account-step3 #online-upload-iframe {
			width: 200px;
			height: 2.5em;
			display: block;
			overflow: hidden;
		}
		
.online-account-step3 .no-border {
			border: none;
			overflow:clip;
		}


.buttonBar .panelRight {
	float: right;
}

.online-account-addres-box .body-hidden {
	display: none;
}


.online-account-step6-photo {
	position: absolute;
	top: 0px;
	right: 0px;
	max-width: 170px;
}
.online-account-step6-photo img {
	max-width: 170px;
	border: 0px;
}

.online-account-step6-edit {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.online-account-step6-panel {
	position: relative
}
.online-account-wide-label {
	width: 400px !important;
}
#onlineAccountRequestFM_phoneNumber {
	background: #fff;
}


.online-account-step2 .appForm .row label,
.online-account-step1 .appForm .row label {
	width: 100%;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0.2em;
}

.online-account-step1 .appForm .row .captch-row {
	display: block;
	width: auto;
}

.online-account-step1 .appForm .row .captch-row * {
	vertical-align: middle;
	display: inline-block;
}

.online-account-step1 .appForm .row  .captch-row > label {
	width: 150px;
	margin: 0px;
	padding: 0px;
	
}

.online-account-step1 .appForm .row  .captch-row > input {
	width: 145px;
	margin: 0px;
}

.online-account-step1 .appForm .row {
	display: block;
	float: none;
	width: auto;
	clear: none;
}

/* TOTO BY MAL BYT STANDARD */
.online-account-step1 .appForm .row label,
.online-account-step1 .appForm .row input,
.online-account-step1 .appForm .row select,
.online-account-step1 .appForm .row textarea,
.online-account-step1 .appForm .row button {
	display: inline-block;
	float: none;
} 
.online-account-step1 .appForm .row label {
	display: block;
}
.online-account-agreement .combo_small {
	display: block;
	margin-top: 5px;
}

.online-account-agreement .combo_small_checked {
	font-weight: bold;
}

.online-account-step6-panel .row span {
	font-weight: bold;
	display: inline-block;
	max-width: 300px;
	word-break: break-word;
}

.online-account-step6-footer .inner{
	padding-left: 0px;
/* 	width: 250px; */
/* 	float: left; */
}

.online-account-step6-footer .inner.separator{
	border: 0px;
}
.online-account-controls {
	padding-top: 20px;
/* 	text-align: right; */
	float: left;
}
.online-account-controls a {
	margin-left: 15px;
}

.online-account-step6 .appForm .row {
	margin-bottom: 10px;
}

.online-account-step6 .id-row label,
.online-account-step6 .id-row span {
	font-size: 18px;
	font-weight: bold;
}

.online-account-agreement .combo_small_group {
	margin-top: 10px;
}
.online-account-agreement.agreement-general {
	margin-top: 10px;
}

.online-account-agreement {
	padding: 10px 0px 10px 0px;
	clear: both;
}
.online-account-agreement h3 {
	margin-bottom: 10px;
}

.clickable {
	cursor: pointer;
}

.online-account-agree-toggler {
	display: block;
	width: 16px;
	height: 16px;
	float: right;
	background: transparent url("../images/web/onlineucet/toggler.png") left bottom no-repeat;
}
.online-account-agree-right {
	width: 24px;
	height: 24px;
	float: left;
	background: transparent url("../images/web/onlineucet/indicator-right.png") left top no-repeat;
}
.online-account-agree-wrong {
	width: 24px;
	height: 24px;
	float: left;
	background: transparent url("../images/web/onlineucet/indicator-wrong.png") left top no-repeat;
}
.online-account-agreement .agreement-text {
	margin-left: 48px;
	clear: both;
}
.online-account-agreement .calcRowFlex {
	clear: both;
	overflow: hidden;
}
.online-account-agreement .agreement-text.hidden {
	height: 0px;
	overflow: hidden;	
}

.appForm .box-date,
	.appForm div.combo_small {
	    vertical-align: top;
    	width: 310px;

		position: relative;
		display: inline;
		display: inline-block;
		padding: 0px;
		margin: 0px;
	}
	
	.appForm .box-date .dateImg {
		position: absolute;
		top: -1px;
		right: -1px;
	}
	
 	.appForm .box-date .box-date-in {
 		display: block;
		position: relative;
		margin-right: 50px;
 	} 
 	
 	.appForm .box-date .textbox_big.info, 
 	.appForm .box-date .textbox_big { 
 		width: 100%;	 
 	} 
 	
 .combo_small_group.info {
 	background:none;
 	float: left;
 	width: 300px;
 	padding-left:10px;
 }
  .appForm .combo_small_group.info {
    width: 60%;
  }
  .appForm .combo_small_group.info {
    width: 50%;
  }
.online-account-form label {
	cursor: default;
}
.online-account-block {
	width: 100%; 
	position: absolute; 
	height: 100%; 
	background: #FFFFFF;
	text-align: center;
	line-height: 100px;
	z-index: 1000;
}
.online-account-block span {
	line-height: 14px;
	vertical-align: middle;
}