@import url('xpay_general.css');
@import url('xpay_buttons.css');

* { padding:0px; margin:0px; }
body{
	background:#e8eef2;	
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#2a373d;
	padding:0px 0px 10px 0px;
}

.mainAlert{ background:url(../images/exclamation_icon.gif) no-repeat center left #ffffe1; color:#000000; padding:3px 0px 4px 25px; }

/* logo */
a#logo{display:block;width:200px;height:90px;}
a#logo:hover{ text-decoration:none; }

#main{
	width:987px;
	text-align:left;
}

a{ color:#434343; }
a:hover{ color:#3b7bb1 }

#shadow-box{
	position:relative;
	width:990px;
	padding-left:3px;
	margin:0px auto 0px auto;
	background:url(../images/shadow.gif) repeat-y;
	text-align:left;
}

#shadow-bottom{
	background:url(../images/shadow_b.gif) no-repeat;
	height:6px;
	line-height:6px;
	margin-left:-3px;
}

/* HEADER */
#header{position:relative;background:url(../images/header.jpg) no-repeat left top;height:94px;}
#headMenu{  position:absolute; bottom:0px; left:197px; line-height:20px; height:20px; }
#headMenu li{display:block;float:left;}
#headMenu li a{	display:block;float:left;line-height:19px;height:19px;padding:0px 10px;margin:0px 2px;color:#4f4f77;font-size:11px;text-decoration:none;background:url(../images/zalozka.gif) no-repeat top right;position:relative;top:1px;text-align:center;}
#headMenu li a { }
/*#headMenu li a:hover{ color:#2a373d; }*/
#headMenu li a.active, #headMenu li a:hover{ background:none; height:20px; line-height:20px; background:url(../images/zalozka_active.gif) no-repeat top right; color:#000000; top:0px; }

#black-line{
	background:#2a373d; 
	height:20px; 
	line-height:20px;
	color:#c9d1d5;
	padding:0px 0px 0px 0px;
	text-align:right;
	font-size:9px;
}

#client{ 
	float:right;
	width:188px;
	margin-left:12px;
	padding-left:12px;
	text-align:left;
	border-left:1px solid #67777d;
	font-size:11px;
	font-weight:bold;
	color:#d8e4ee;
	font-size:10px;
}
	
#client_login{ float:right; width:180px; text-align:right; padding:10px 20px 0px 0px; color:#FFFFFF; }
#client_login input.log{ 
	background:url(../images/input_s.gif) no-repeat scroll;
	_background:url(../images/input_s.gif) no-repeat fixed; 
	width:101px; 
	height:14px; 
	border:none; 
	margin:3px 2px; 
	font-size:10px;
	padding:2px 6px 0px 6px;;
}

.flag{ display:block; float:right; width:16px; height:12px; margin:7px 0px 0px 4px; }
.flag span{ display:none; }
#f_cz{background:url(../images/lang_cz.gif); }
#f_en{background:url(../images/lang_en.gif); }
#f_de{background:url(../images/lang_de.gif); }
#f_nl{background:url(../images/lang_nl.gif); }
#f_fr{background:url(../images/lang_fr.gif); }
#f_tr{background:url(../images/lang_tr.gif); }
#f_sk{background:url(../images/lang_sk.gif); }
#f_se{background:url(../images/lang_se.gif); }
#f_bg{background:url(../images/lang_bg.gif); }
#f_fi{background:url(../images/lang_fi.gif); }
#f_hu{background:url(../images/lang_hu.gif); }
#f_it{background:url(../images/lang_it.gif); }
#f_no{background:url(../images/lang_no.gif); }
#f_pl{background:url(../images/lang_pl.gif); }
#f_ru{background:url(../images/lang_ru.gif); }
#f_pt{background:url(../images/lang_pt.gif); }
#f_ro{background:url(../images/lang_ro.gif); }
#f_es{background:url(../images/lang_es.gif); }
#f_ja{background:url(../images/lang_ja.gif); }
#f_ko{background:url(../images/lang_ko.gif); }

#black-line strong, #black-line a{ color:#FFFFFF; }

/* FOTER */
#footer {}
#footerImage{ background:url(../images/footer_b.jpg) no-repeat; height:43px; }
#footerBlackLine{ background:url(../images/dark_bottom.gif) repeat-x; line-height:13px; color:#737e83; text-align:right; padding-right:15px; font-size:9px; }
#footerBlackLine a{ color:#737e83; }
#footerMenu{ background:#d8e4ee; height:20px; line-height:20px; border-bottom:1px solid #588ab0; }
#footerMenu ul{ text-align:center; }
#footerMenu ul li{display:inline;list-style-type:none;background:url(../images/footermenu_spacer.gif) no-repeat right center;}
#footerMenu ul li.last{ background:none; }
#footerMenu ul li a{padding:0px 9px 0px 10px;}

/* data */
#data{min-height:100px;}

.treeColumn{background:url(../images/treecols.gif) repeat-y;}
.twoColumn{background:url(../images/twocols.gif) repeat-y;}

#left_coll{
	float:left;
	width:168px;
	background:url(../images/left_bg.jpg) repeat-x top;
	min-height:521px;
	_height:521px;
}

#left_coll_gradient{
	background:url(../images/left_shadow.jpg) no-repeat top right; 
	padding:10px 14px 0px 14px;
	min-height:501px;
	_height:501px;
}

#left-menu{ padding:0px 0px 10px 0px; }
#left-menu li{ display:block; background:url(../images/line_dotted.gif) repeat-x bottom; line-height:26px; _height:26px; list-style-type:none; }
#left-menu a{ color:#434343; display:block; line-height:26px; _height:26px; padding-left:18px; }
#left-menu a.active{ color:#ffffff; background:#4f81ab; text-decoration:none; font-weight:bold;}
#left-menu a:hover{ color:#ffffff; background:#3a618a; text-decoration:none; }
#left-menu li.last{ background:none;} 

/*submenu*/
#left-menu li ul{padding:2px 0px 2px 18px;}
#left-menu li ul li{ background:none; line-height:18px; _height:18px; }
#left-menu li ul li a{ background:url(../images/lm-submenu.gif) no-repeat left center; padding-left:15px; color:#497ab2; line-height:18px; _height:18px; }
#left-menu li ul li a.active{ color:#4f4f6f; font-weight:bold;  background:url(../images/lm-submenu.gif) no-repeat left center; }
#left-menu li ul li a:hover{ color:#000000; font-weight:bold;  background:url(../images/lm-submenu.gif) no-repeat left center; }
/*subsubmenu*/
#left-menu li ul li ul{font-size:9px;padding:1px 0px 1px 8px;}
#left-menu li ul li ul li{ background:none; line-height:16px; _height:16px; }
#left-menu li ul li ul li a{ background:none;padding-left:13px; color:#205795; line-height:16px; _height:16px; }
#left-menu li ul li ul li a.active{ background:none;color:#4f4f6f; font-weight:bold;}
#left-menu li ul li ul li a:hover{ background:none;color:#072f40; font-weight:bold;}


#path{background:#d8e4ee;line-height:25px;padding-left:17px;}
#path a{ color:#3b7bb1; text-decoration:underline; }
#path a:hover{ text-decoration:none; }

#right_coll{float:right;width:818px;}

#pageLeft{
	padding:0px;
	position:relative;
	float:left;
	width:618px;	
}

#pageLeftFull{
	padding:0px;
	position:relative;
	float:left;
	width:818px;	
}
#pagePaddingText{ padding:22px; font-size:11px; line-height:18px; }
#pagePadding{ padding:22px; font-size:11px; line-height:18px; }

#pageRight{
	float:right;
	width:197px;
	padding:0px 1px 0px 2px;
	background:url(../images/page-right_bg.jpg) no-repeat top left;
	min-height:408px;
	_height:408px;
}

#pageRight h3 { color:#3b7bb1; text-transform:uppercase; font-weight:bold; font-size:13px; margin-bottom:5px; }
#pageRight h2 { color:#3b7bb1; text-transform:uppercase; font-weight:bold; font-size:13px; margin-bottom:5px; }

.box{	padding:11px; }

.bLight{ background:url(../images/grad_s_light.jpg) no-repeat top left #d7e3ed; }
.bDark{ background:url(../images/grad_s_dark.jpg) no-repeat top left #c1d2e2; }
.bFooter { background:url(../images/grad_s_dark.jpg) no-repeat; height:14px; line-height:14px; clear:both; }

/* HOMEPAGE */
.homepage{ background:url(../images/treecols_home.gif) repeat-y left #5789af; }
#homeTxt{ background:url(../images/homepage_bg.jpg) repeat-x top; min-height:278px; _height:278px; padding:14px 22px 10px 22px; color:#FFFFFF; font-size:11px; line-height:18px; }

/* WHITE BG */
.whitepage{ background:url(../images/treecols_white.gif) repeat-y left #fbfcfe; }
.white-grad { background:url(../images/grad_white.jpg) repeat-x top #fbfcfe; min-height:121px; _height:121px; }

/* FORMULARE */

select, input {
	font-size:11px;
	line-height:14px; 
	margin:0px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}


input.submit {background:#335f8a; border:1px outset white; color:#FFFFFF; font-weight:bold; padding:1px 5px; }
input.submit:hover {opacity:0.8;background:#335f8a; border:1px outset white; color:#FFFFFF; font-weight:bold; padding:1px 5px; }
input.txt {background:url(../images/input_bg.gif) no-repeat top left; border:none; color:#143657; line-height:15px; height:15px; padding:2px 2px 1px 2px; }
input.txt:hover {opacity:0.7;background:url(../images/input_bg.gif) no-repeat top left; border:none; color:#143657; line-height:15px; height:15px; padding:2px 2px 1px 2px; }
.counter {color:#888888;font-size:10px;left:2px;position:relative;top:-1px;}
select { background:#c6d5e1; border:none; color:#143657; line-height:15px; }
select:hover { opacity:0.7;background:#c6d5e1; border:none; color:#143657; line-height:15px; }
textarea { background:url(../images/textarea_bg.gif) no-repeat top left; border:none; color:#143657;  }
textarea:hover { opacity:0.7;background:url(../images/textarea_bg.gif) no-repeat top left; border:none; color:#143657;  }



.form{ background:#e6eef4; margin:5px 10px 5px 10px; }
.formHead{ background:#335f8a; font-weight:bold; color:#FFFFFF; padding:3px 0px 4px 10px; }
.formAlert{ background:url(../images/exclamation_icon.gif) no-repeat center left #ffffe1; color:#000000; padding:3px 0px 4px 25px; }
.formBody{ background:#e6eef4; padding:2px 3px;}
.formBody table td{ padding:3px 4px 3px 8px; }
.buttons{ text-align:center; padding:5px; }

.description{ color:#919ba0; }

.tab{
	width:90%;
	border-collapse:collapse;
	margin:5px 0px 10px 20px;
}
.tab td, .tab th{ padding:3px 2px; background:#e6eef4; }
.tab th{ background:#335f8a; color:#FFFFFF; font-weight:bold; }
.tab td{ font-size:11px; }

.tab2{
	width:98%;
	border-collapse:collapse;
	margin:5px 0px 10px 20px;
}
.tab2 td, .tab2 th{ padding:2px 1px; background:#e6eef4; }
.tab2 th{ background:#335f8a; color:#FFFFFF; font-weight:bold; }
.tab2 td{ font-size:11px; }

.tab3{
	width:40%;
	border-collapse:collapse;
	margin:5px 0px 10px 20px;
}
.tab3 td, .tab3 th{ padding:3px 2px; background:#e6eef4; }
.tab3 th{ background:#335f8a; color:#FFFFFF; font-weight:bold; }
.tab3 td{ font-size:11px; }

.tab_tarif{
	width:94%;
	border-collapse:collapse;
	margin:5px 0px 10px 20px;
}
.tab_tarif td, .tab_tarif th{ padding:0px 1px; background:#e6eef4; }
.tab_tarif th{ background:#335f8a; color:#FFFFFF; font-weight:bold; }
.tab_tarif td{ font-size:11px; }

.tab_rates{
	width:94%;
	border-collapse:collapse;
	margin:5px 0px 10px 20px;
}
.tab_rates td, .tab_rates th{ padding:1px 1px; background:#e6eef4; }
.tab_rates th{ background:#335f8a; color:#FFFFFF; font-weight:bold; }
.tab_rates td{ font-size:11px; }

.tab_download{
	width:99%;
	border-collapse:collapse;
	margin:0px 0px 0px 0px;
}
.tab_download td, .tab_download th{ padding:0px; }
.tab_download th{ font-weight:bold; }
.tab_download td{ font-size:11px; }

/* STATISTIKY */
.tabStatistika{
	width:100%;
	border-collapse:collapse;
	margin:3px 0px 5px 0px;
}

.tabStatistika td, .tabStatistika th { padding:2px 1px 2px 2px; background:#e6eef4; border:1px solid #ffffff; }
.tabStatistika th { background:#335f8a; color:#FFFFFF; font-weight:bold; font-size:11px; line-height:17px; }
.tabStatistika td { font-size:11px; line-height:14px; }
td.notProcessed { background:#f1f6ff; }
td.cancelledTransaction { background:#ffced9; border:1px solid #ffeeee; }
td.pagination { background:#bfced9; }

td.darkBlue{
	background:#cfdee9;
}
td.darkerBlue{
	background:#bfced9;
}


td.small{
	font-size:10px;
}

.blueBg{ background:#e0eef8; }

/* search */
#searchBox{
	float:right;
	background:#fdecc1;
	width:86px;
	height:18px;
	line-height:18px;
	font-size:11px;
	padding:2px;
	position:relative;
	padding-left:5px;
}
#searchBox img#triger2{
	float:right;
	cursor:crosshair;
	margin:1px 2px 0px 0px;
}

#filterBox{
	float:right;
	background:#fdecc1;
	width:100px;
	height:18px;
	line-height:18px;
	font-size:11px;
	padding:2px;
	position:relative;
	padding-left:5px;
}
#filterBox img#triger4{
	float:right;
	cursor:crosshair;
	margin:1px 2px 0px 0px;
}

#currencyBox{
	float:right;
	background:#fdecc1;
	width:90px;
	height:18px;
	line-height:18px;
	font-size:11px;
	padding:2px;
	position:relative;
	padding-left:5px;
}
#currencyBox img#triger3{
	float:right;
	cursor:crosshair;
	margin:1px 2px 0px 0px;
}

#calendarBox{
	float:right;
	background:#fdecc1;
	width:80px;
	height:18px;
	line-height:18px;
	font-size:11px;
	padding:2px;
	position:relative;
        padding-left:5px;
}
#calendarBox img#triger{
	float:right;
	cursor:crosshair;
	margin:1px 2px 0px 0px;
}
.featureBox{
        float:right;
        height:20px;
}
.buttonBox{
        margin:0px 0px 0px 15px;
	_height:50px;
}
.themaImgright{
	margin:0px 0px 0px 8px;
        border:1px solid #D8E4EE;
}
.themaImgleft{
	margin:0px 15px 0px 0px;
        border:1px solid #D8E4EE;
}
.referenceImg{
	margin:0px 15px 0px 0px;
        border:1px solid #D8E4EE;
        width:100px;
	height:75px;
}
.referenceTxt{
	color:#B4CBDF;
	font-size:11px;
	font-family:Tahoma, Arial;
}

#hideDiv{
	background:#ffefc4;
	padding:4px;
	width:182px;
	position:absolute;
	right:0px;
	top:24px;
	border:1px solid #333333;
}
#hideDiv2{
	background:#ffefc4;
	padding:4px;
	width:182px;
	position:absolute;
	right:0px;
	top:24px;
	border:1px solid #333333;
}
#hideDiv3{
	background:#ffefc4;
	padding:4px;
	width:182px;
	position:absolute;
	right:0px;
	top:24px;
	border:1px solid #333333;
}
#hideDiv4{
	background:#ffefc4;
	padding:4px;
	width:182px;
	position:absolute;
	right:0px;
	top:24px;
	border:1px solid #333333;
}

#yearSelect{ text-align:center;font-weight:bold; }
#months{ clear:both; height:32px; _margin-bottom:-4px; }
#months a{ display:block; width:30px; text-align:center; line-height:16px; height:16px; float:left; background:#FFFFFF; }
#months a.exists{ background:#4f81ab; color:#FFFFFF; }
#months a.today{ background:#33608a; color:#FFFF00; }
#months a.notexists{ background:#FFFFFF; color:#7F7F7F; }
#months a:hover{ background:#33608a; color:#FFFFFF; text-decoration:none; }
#months a.notexists:hover{ background:#FFFFFF; color:#7F7F7F; text-decoration:none; }

#daysOfWeek{ clear:both; padding-left:26px; background:#FFFFFF; height:16px; font-size:10px;}
#daysOfWeek span{ display:block; width:21px; text-align:center; line-height:16px; height:16px; float:left; background:#FFFFFF; font-weight:bold; }

#days{
	clear:both;
	background:url(../images/calendar-arow.gif) repeat-y left #FFFFFF;
	padding-left:26px;
	_height:16px;
}

#days a, #days span{ display:block; width:20px; text-align:center; line-height:15px; height:15px; float:left; background:#FFFFFF; font-weight:normal; margin-left:1px;  margin-bottom:1px; }

#days a.exists{ background:#4f81ab; color:#FFFFFF; }
#days a.today{ background:#33608a; color:#FFFF00; }
#days a.notexists{ background:#FFFFFF; color:#7F7F7F; }
#days a:hover{ background:#33608a; color:#FFFFFF; text-decoration:none; }
#days a.notexists:hover{ background:#FFFFFF; color:#7F7F7F; text-decoration:none; }

#calBoder{ border:1px solid #DADADA; padding-bottom:1px; }

/* demo*/
#demo{margin:5px 0px;padding:0px;}
#demo li{margin:0px;padding:0px 0px 20px 50px;list-style-type:none;}
#demo li h2{ font-size:12px; color:#FFFFFF; font-weight:bold; margin:0px; padding:0px 0px 5px 0px; text-decoration:underline; }
#demo li p{ font-size:11px; color:#D8E4EE; }
#demo li a{ text-decoration:underline; color:#FFFFFF; }
#demo li#d1{ background:url(../images/demo1.jpg) no-repeat top left; }
#demo li#d2{ background:url(../images/demo2.jpg) no-repeat top left; }
#demo li#d3{ background:url(../images/demo3.jpg) no-repeat top left; }
#demo li#d4{ background:url(../images/demo4.jpg) no-repeat top left; }
#demo li#d5{ background:url(../images/demo5.jpg) no-repeat top left; }

/* elements*/
ul.square{ padding:5px 0px; }
ul.square li {background:url(../images/square.gif) no-repeat left center;padding:1px 0px 1px 12px;list-style:none;line-height:14px;}

p{	padding:2px 0px 6px 0px;}

.cb{ clear:both; height:1px; line-height:1px; margin-bottom:-1px; }
.spacer1{ line-height:1px; height:1px; clear:both; }
.spacer5{ line-height:5px; height:5px; clear:both; }
.spacer10{ line-height:10px; height:10px; clear:both; }
.spacer15{ line-height:15px; height:15px; clear:both; }
.spacer20{ line-height:20px; height:20px; clear:both; }

.padding5{ padding:5px; }

/* headers */
a, a:link { text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }

h1,h2,h3,h4 {font-weight:normal;font-family:Tahoma, Arial, Helvetica, sans-serif;}

h1 {color:#e91600; font-size:21px; margin:0px 0px 10px 0px;}
h2 {color:#e91600; font-size:14px; margin:2px 0px 5px 0px;}
h3 {color:#e91600; font-size:13px;}
h4 {font-size:11px; }
	
.bubble {display:none;z-index:5000;background:inherit;position:absolute;width:450px;left:0px;top:0px;padding:0px;margin:0px;}
.bubble-hdr {font-family:Tahoma;float:right;width:14px;font-size:7pt;font-weight:bold;padding-top:1px;color:#FF0000;}
.bubble-text {font-family:Arial;font-size:8pt;line-height:normal;color:#000000;padding-bottom:5px;}
.bubble-text a {font-family:Arial;font-size:8pt;color:#0000C0;text-decoration:none;}
.bubble-text a:hover {text-decoration:underline;}
.bubble-clear {font-size:0;line-height:0;height:0;clear:none;}
.bubble-content {border:1px solid #666666;border-width:1px;background:#FFFFDD;}
.bubble-innercontent {padding:5px 5px 5px 5px;}
.bubble-pointer {background:transparent url(/images/help_pointer.gif) no-repeat;width:22px;height:20px;position:absolute;top:-14px;left:12px;background-position:0 -43px;}
.bubble-pointer2 {background:transparent url(/images/help_pointer.gif) no-repeat;width:22px;height:20px;position:absolute;top:-14px;left:412px;background-position:0 -64px;}

.password-strenght {position:relative;float:left;padding:0px;margin:4px 0px 0px 1px;width:4px;height:9px;border:1px solid #666666;border-width:1px;background:transparent;}

img { _behavior: url("/css/xpay_behavior.htc");	}