@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	font-family: Arial, Tahoma, Verdana;
	color: #555;
}
h1 {
	font-size:1.3em;
	color:#006cb7;
	font-weight:bold;
}

/* Link */
a {color: #006cb7;text-decoration:none;}
a:hover {color:#006cb7;text-decoration:underline;}
a img {border:none;}
.clearBoth,.clearboth{clear:both;}
#wrapper{width:100%;}
/* End Link */

/* Header */
#Header {
	width:960px;
	overflow:hidden;
	margin:auto;
	margin-bottom:20px;
}
#Header .Logo {
	/*margin-top:10px;*/
	float:left;
}
#Header .TopNav {
	float: right;
	font-size: 0.75em;
	margin:0px;
	padding:0px;
	width:250px;
}
#Header .TopNav ul {
	padding: 0px 0px 0px ;
}

@-moz-document url-prefix() { #Header .TopNav ul { margin-top: -10px;; } } 

#Header .TopNav li {
	list-style: none;
	display:inline;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 5px;
	background: url("../img/login/LiSpacer.gif") no-repeat right 8px;
	float:left;
}
#Header .TopNav li.Last{
	padding-right: 0px;
	background: url("../img/login/blank.gif");
}

/* End Header */

/* MainBody */
#MainBody {
	width:100%;
	height:auto;
	overflow:hidden;
	background:url("../img/login/bgBody.jpg") no-repeat center top;
}
/* End MainBody */

/* MainContent */
#MainContent {
	width:960px;
	overflow:hidden;
	margin: auto;
	margin-top:0px;
	#margin-top:-1px;
}
#TbMain {
	background:url("../img/login/background-content2.gif") repeat-y bottom;
}
#Bg-norepeat {
	background:url("../img/login/background-content.gif") no-repeat top;
}
#TbMember {
	width:940px;
	background:#e1f2fc;
	border-bottom:1px solid #c4e4f7;
	border-top:1px solid #c4e4f7;
	border-left:1px solid #c4e4f7;
	border-right:1px solid #c4e4f7;
	margin-bottom:20px;
	margin-left:19px;
	#margin-left:10px;
	margin-right:10px;
	margin-top:16px;
}
.Welcome {
	font-size:0.85em;
	color:#006cb7;
	font-weight:bold;
}
.Member {
	font-size:0.75em;
	color:#636363;
}
.Dashboard {
	padding-top:20px;
	font-size:1.3em;
	color:#006cb7;
	font-weight:bold;
	float:left;
}

.BorderBottom {
	border-bottom:1px solid #e3e3e3;
}
#TbMain2 {
	margin-top:15px;
}


#bodyLogin{
	width:100%;
	height:auto;
	background:url("../img/login/bgBody.jpg") no-repeat center top;
}
.sections{
	padding:0 20px;
}

.inner{
	width:895px;
	margin:auto;
}
.inner h2{margin-top:-5px!important
}


#welcome{
	height:116px;
}

#welcome .inner{
	height:inherit;
	color:#006cb7;
	padding-top:30px;
}

#userPanel{
	height:175px;
	background:url("../img/login/bgBuleLogin.jpg") no-repeat center top;
}

#loginBox{
    _position:relative;
    _top:-13px;
	margin-top:-9px;
    _padding-top:0px;
    _margin-top:0px;
	width:382px;
	height:184px;
	_height:189px;
	background-color:#F4F4F4;
	color:#006cb7;
	float:left;
}

#loginBox h2{
	background:#006cb7 url("../img/login/bgLogin.gif") no-repeat top;
	height:39px;
	width:100%;
	text-indent:25px;
	line-height:39px;
	color:#FFF;
	font-size:1em;
    margin-top:-5px;
}

#loginBox div.LoginArea{
	padding: 5px 5px 0px 5px;
	font-size: 12px;
	position:relative;
}

ul.form{
	list-style:none;
	padding-top:10px;
	padding-right:40px;
}
ul.form label{
	float:left;
}

#loginBox ul.form label{
	width:95px;
	margin:5px;
}

#loginBox ul.form img{
	position:relative;
	top:-20px;
}

#loginBox ul.form li{
	padding-top:9px;
	font-size:0.75em;
	color:#006cb7;
	padding:1px;
	
}
.submit {
	background:url("../img/login/submit.gif") no-repeat;
	border:0px;
}
.mt5{padding-top:5px
}


#services{
    float:right;
	width:513px;
	position:relative;
	top:-28px;
}

ul#horizonNav {
    margin:0;
    list-style: none;
    padding-top:4px;
    float: left;
	clear: both;
  	margin-left: -40px;
    _margin-left: 0
}
*:first-child+html ul#horizonNav {margin-left: 0}

ul#horizonNav li {
	float: left;
}

ul#horizonNav li span.horizonBlue {
	background: url("../img/login/bgBuleTab.gif") no-repeat top right;
	float: left;
 	color: #fff;
 	font-size:0.8em;
	font-weight:bold;
	padding:7px 7px 0 0;
	margin-right:6px;
}

ul#horizonNav li span.horizonBlue span.horizonBlue2{
	float: left;
	display: block;
	height: 20px;
	margin-top: -7px;
	background: url("../img/login/bgBuleTab.gif") no-repeat top left;
	padding:6px 0px 0 7px;
}

#servicesBody{
	width:513px;
	background:url("../img/login/bgTabFull.gif") no-repeat;
	height:188px;
    margin-top:29px;
    _margin-top:-1px;
	margin-left:-50px;
	padding-bottom:48px;
    _padding-bottom:30px;
	padding-top:1px;
    _padding-top:20px;
	margin-left:0px;
	zoom: 1;
}
*:first-child+html #servicesBody{padding-bottom:30px;padding-top:20px;margin-top:-1px;}

#servicesFoot{
	background:url("../img/login/bgBottomTab.gif") no-repeat;
	width:513px;
	height:11px;
    margin-top:0px;
   
}
#servicesBody ul.verticalList{
	list-style:none;
}

#servicesBody ul.verticalList li{
	margin-bottom:20px;
	padding-right:10px;
}

#servicesBody ul.verticalList label{
    float:left;
	width:60px;
    height:50px
}

#servicesBody ul.verticalList .listTitle{
	color:#FFF;
	font-size:0.75em;
	font-weight:bold;
}

#servicesBody ul.verticalList .listSubTitle{
	color:#98e1f9;
	font-size:0.75em;
    min-height:80px
}
.wraning{
	width:382px;
    text-align:center;
	font-size:0.75em;
	color:#006cb7;
   /* margin-top: -80px;
    _margin-top: -90px;*/
    position:relative;
    top:-80px;
    _top:-90px; /* ie6 fix */
}

.suggestion{
	text-align:center;
    margin-top:95px;
    _margin-top:-10px;
}
*:first-child+html .suggestion{margin-top:90px;}
.suggestion a img{
	border:none;
	margin-top:10px;
}

ul.suggestionMenu{
	list-style:none;
}

ul.suggestionMenu li{
	display:inline;
}

ul.suggestionMenu a.first img{
	position:relative;
	top:-5px;
}

.FormSeclect {
	width:200px;
	font-size:0.8em;
}
.RecordLeft {
	margin:0px;
	padding:10px;
	float:left;
}
.RecordLeft ul {
	margin:0px;
	padding:0px;
}
.RecordLeft li {
	font-size:0.9em;
	color:#636363;
	font-weight:bold;
	display:inline;
	list-style:none;
	padding-right:10px;
	padding-left:0px;
	float:left;
}
.PageNumber {
	margin:0px;
	padding:10px;
	float:right;
}
.PageNumber ul {
	margin:0px;
	padding:0px;
}
.PageNumber li {
	font-size:0.9em;
	color:#636363;
	display:inline;
	list-style:none;
	padding-right:10px;
	padding-left:0px;
	padding-top:4px;
	float:left;
}
/* End MainContent */

/* MainNav */
#MainNav {
	width:960px;
	height:40px;
	overflow:hidden;
	margin: auto;
	padding-top:0px;
}
.imgNav {
	background:url("../img/login/head-nav.gif") repeat-x left top;
}
.NavLeft {
	background:url("../img/login/nav_off.gif") repeat-x left 2px;
	height:40px;
	margin:0px;
	padding:0px;
	float:left;
}
.NavLeft ul {
	margin:0px;
}
.NavLeft li {
	padding-left:20px;
	padding-right:20px;
	padding-top:13px;
	padding-bottom:15px;
	float:left;
	display:inline;
	list-style:none;
	color:#FFF;
}
.NavLeft li.SwitchNav {
	background:url("../img/login/nav_off.gif") repeat left 2px;
	margin:0px;
}
.NavLeft li.SwitchNav:hover {
	background: url("../img/login/nav_on.gif") #FFF repeat left top;
	color:#006cb7;
}
.NavLeft li.SwitchNav a{
	color:#FFF;
	font-size: 0.85em;
	text-decoration:none;
	font-weight:bold;
}
.NavLeft li.SwitchNav:hover a,.NavLeft li.SwitchNav a:hover {
	color:#006cb7;
	font-size: 0.85em;
	text-decoration: none;
	font-weight:bold;
}

/* End MainNav */


/* Content*/
#Content {
	width:730px;
	float:right;
	margin-top:30px;
}
/* End Content*/

.ClearAll {
clear: both;
}

/* nowe style dla TMB CIB*/
/** {padding:0;margin:0;}*/
a {outline:none;}
.hide {display:none;}

#mainContentArea {background:url("../img/login/bgBody.jpg") no-repeat center top;}
#menuArea {background: url("../img/login/head-nav.gif") repeat-x left top;}
#menuAreaContainer {height:40px;width:960px;margin:auto;}
#tabsNav {list-style:none;clear:both;}
#tabsNav li {float:left;white-space:nowrap;}
#tabsNav a {height:40px;display:block;bacground-position:center top;background-repeat:no-repeat;}
#tabsNav a span {display:none;}
#tabsNav #m_home a {width:74px;background-image:url("../img/login/home_off.gif");}
#tabsNav #m_TradeFinance a {width:121px;background-image:url("../img/login/trade-finance_off.gif");}
#tabsNav #m_Credits a {width:79px;background-image:url("../img/login/credits_off.gif");}
#tabsNav #m_CashManagment a {width:151px;background-image:url("../img/login/cash_off.gif");}
#tabsNav #m_Administration a {width:126px;background-image:url("../img/login/administration_off.gif");}
#tabsNav #m_home a:hover, #tabsNav li#m_home.active a {background-image:url("../img/login/home_on.gif");}
#tabsNav #m_TradeFinance a:hover, #tabsNav li#m_TradeFinance.active a {background-image:url("../img/login/trade-finance_on.gif");}
#tabsNav #m_Credits a:hover, #tabsNav li#m_Credits.active a {background-image:url("../img/login/credits_on.gif");}
#tabsNav #m_CashManagment a:hover, #tabsNav li#m_CashManagment.active a {background-image:url("../img/login/cash_on.gif");}
#tabsNav #m_Administration a:hover, #tabsNav li#m_Administration.active a {background-image:url("../img/login/administration_on.gif");}

.NavRight {margin:0;float:right;}
.NavRight ul {margin:0;}
.NavRight li {padding-top:10px;padding-left:0px;#padding-left:30px;padding-right:20px;float:left;display:inline;list-style:none;}
.NavRight li.help{background:url("../img/login/nav_help.gif") left top no-repeat;padding-left:32px;#padding-left:35px;}
.NavRight li.setting{background:url("../img/login/nav_setting.gif") left top no-repeat;padding-left:32px;#padding-left:35px;}
.NavRight li.logout{background:url("../img/login/nav_logout.gif") left -3px no-repeat;padding-left:32px;#padding-left:35px;}
.NavRight a {color:#FFF;font-size:0.75em;text-decoration:none;}
.NavRight a:hover {color:#FFF;font-size:0.75em;text-decoration:underline;}

#contentArea-outer {width:978px;margin:auto;padding-bottom:57px;background:transparent url("../img/login/bgBottom.gif") left bottom no-repeat;}
#contentArea {background:#fff url("../img/login/background-content2.gif") left top repeat-y;}
#contentArea-inner {width:960px;padding:0 9px;background:transparent url("../img/login/background-content.gif") no-repeat top left;}
#contentArea-padding {padding:30px 10px 0 10px;}

#contentArea #content {zoom:1;float:right;width:730px;}
#contentArea.homePage #content {float:none;width:auto;}
#contentArea.homePage #Submenu, #contentArea.homePage #pageHeaderArea .path
{display:none;}

#Submenu {zoom:1;width:195px;float:left;}
#Submenu .HeadSub, #mainArea .pageTitle
{background:url("../img/login/head_dark-center.gif") repeat-x top left;height:28px;line-height:28px;color:#FFF;font-size:0.9em;font-weight:bold;padding:0px 0px 0px 10px;}
#Submenu .MenuList {width:195px;border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7;margin:0px;padding:0px;}
#Submenu .MenuList li {list-style:none;border-bottom:1px solid #e7e7e7;padding:10px 5px 10px 10px;margin:0px;font-size:0.8em;}
#Submenu .MenuList li.SubList {/*background:url("../img/login/bulletBlue.gif") no-repeat center #fdfdfd;*/padding-left:30px;}
#Submenu .MenuList li:hover, #Submenu .MenuList li.Selected {background:#F1F9FE;}
#Submenu .MenuList li a, #Submenu .MenuList li a:visited {text-decoration: none;}
#Submenu .MenuList li a:hover {text-decoration:none;}
#Submenu .MenuList li.SubHeader {font-size:0.9em;font-weight:bold;background:#FCFBFB;}

#pageHeaderArea {border-bottom:1px solid #E3E3E3;margin-bottom:15px;}
#pageHeaderArea .pageTitleArea {float:left;}
#pageHeaderArea .pageTitle h1 {color:#006CB7;font-size:1.3em;font-weight:bold;}
#pageHeaderArea .path {margin:0px;padding:8px 0 0 0;float:right;}
#pageHeaderArea .path ul {margin:0px;padding:0px;}
#pageHeaderArea .path li {font-size:0.75em;color:#006cb7;display:inline;list-style:none;padding-right:10px;padding-left:15px;float:left;background:url("../img/login/crumbArrow.gif") left no-repeat;}
#pageHeaderArea .path li.LinkFirst {background:url("../img/login/blank.gif") no-repeat;}

#mainArea .home_left {float:left;width:450px;}
#mainArea .home_right {float:right;width:450px;}

#mainArea .pageTitle {} /*inherit*/
#mainArea .pageTitle h1 {font-size:1em;color:#fff;}

.mainContent {}
.mainContent  .boxContainer {margin-bottom:25px;}
.mainContent  .boxContainer .boxContainerHeader {padding:0 13px 0 8px;height:28px;overflow:hidden;background:transparent url("../img/login/head_dark-center.gif") repeat-x center top;}
.mainContent  .boxContainer .boxContainerHeader h2 {font-size:0.85em;font-weight:bold;line-height:28px;color:#FFF;}

.TbMain2 {width:450px;font-size:0.8em;margin-top:8px;font-family:Arial, Tahoma, Verdana;border:1px solid #e1e1e1;}
.TbMain2 td {padding-left:10px;padding-right:10px;padding:5px;}
.HeadTb {font-size:1.1em;font-weight:bolder;line-height:1.4em;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#e0eef8;height:20px;}
.HeadTbR {background:#F4F4F4;font-size:1em;font-weight:bold;line-height:1.4em;border-bottom:1px solid #e1e1e1;color:#006cb7;height:20px;}
.TdTb {border-bottom:1px solid #e1e1e1;}
.BorderRight {border-right:1px solid #e1e1e1;}
.SubheadR {background: #F4F4F4;}

.Tb {width:100%;font-size:0.8em;margin-bottom:25px;font-family:Arial, Tahoma, Verdana;border: 1px solid #e1e1e1;}
.Tb td {padding-left:10px;padding-right:10px;padding:5px;}
.TdGray {background-color:#faf9f9;}
.TdBlue {background-color:#e1f2fc;}
.HeadtextBlue {color:#006cb7;font-weight:bold;font-size:1.0em;height:20px;}
.HeadNews {color:#006cb7;font-weight:bold;}
.Headdark_left {background:url("../img/login/head_dark-left.gif") no-repeat top;height:28px;width:5px;}
.Headdark_center {background:url("../img/login/head_dark-center.gif") repeat-x top;height:28px;}
.Headdark_right {background:url("../img/login/head_dark-right.gif") no-repeat top;height:28px;width:10px;}
.Headlight_left {background:url("../img/login/head_light-left.gif") no-repeat top;height:28px;width:5px;}
.Headlight_center {background:url("../img/login/head_light-center.gif") repeat-x top;height:28px;}
.Headlight_right {background:url("../img/login/head_light-right.gif") no-repeat top;height:28px;width:10px;}

/* Footer */
	
#Footer {width:960px;margin:0px auto;padding-bottom:50px;padding-top:15px;}
#Footer .Netrust {text-align:left;vertical-align:top;border-bottom:1px solid  #e7e7e7;padding-bottom:10px;}
#Footer .Banking {text-align:right;border-bottom:1px solid  #e7e7e7;padding-bottom:10px;}
#Footer .Copyright {color:#acacac;font-size:0.7em;padding-top:10px;width:35%;}
#Footer .Link {font-size:0.7em;padding-top:10px;width:65%;text-align:right}
#Footer .Link a , #Footer .Link a:visited {color:#acacac;text-decoration:none;}
#Footer .Link a:hover {color:#006cb7;text-decoration:underline;}


.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}

.LoginForm {
	width: 100%;
	text-align:left;
	/*font-size:0.75em;*/
	font-size: 12px;
	position: absolute;
	top: 5px;
}

.LoginForm td.label{
	text-align:right;
	padding: 5px;
	vertical-align: top;
}

.LoginForm td.label-left{
	text-align:left;
	padding: 0.40em
}

.LoginForm input.loginField {
	width:	150px;
}

.LoginForm #loginFieldFile {
	background:url(../img/buttons/browse_en.png) no-repeat 100% -1px;
	width:225px;
	height:26px;
	margin:0px;
}

.LoginForm #loginFieldFile #filepc {
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	width:220px;
	height: 22px;
	zoom: 1;
}

.LoginForm #loginFieldFile #fakeinputfile {
	margin-top:-22px;
}

.LoginForm #loginFieldFile #fakeinputfile #password {
	width:150px;
}

.LoginPicture{
	margin-bottom:-30px;
	position: absolute;
	text-align:right;
	right:5px;
}

/*--------------------- TOOLTIP & walidacja --------------------------*/
.invalid {
	border-color: #f18609;
	background-color: #fff5e3;
	border: 1px solid #E32118;
}

input.invalid {
	border-color: #f18609;
	background-color: #fff5e3;
	border: 1px solid #E32118;
}

.validation_icon {
	position: relative;
	width: 21px;
	height: 16px;
	margin-left: -31px;
	padding-right: 10px;
    overflow: visible;
    vertical-align: middle;
}

.validation_message {
	color: #E32118;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}

.validation_message.hide {
	display: none;
}

a.loginButton{margin: 0;cursor:pointer;display:block;float:left;background:url('../img/buttons/buttonGrey.png') top left no-repeat;padding-left:6px;line-height:27px;font-size:0.91em;color:#3c3c3c;font-weight:bold;}

a.loginButton span {background:url('../img/buttons/buttonGrey.png') top right no-repeat;display:block;padding:0 10px 0 4px;}
a.loginButton.img span {height:18px;width:12px;background:url('../img/buttons/buttonGrey.png') top right no-repeat;display:block;padding:2px 6px 0 0;}
a.loginButton.img span img {
 display:block;
 padding-top:2px;
}
a.loginButton:hover {

 background-position:0 -27px;
 text-decoration:none;
 color:#3c3c3c
}
a.loginButton:hover span {
 background-position:100% -27px;
}

a.getPasswdLink{
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #DDDDDD;
	font-size:0.9em;
	margin-left:75px;
	margin-top:35px;
	padding:5px;
	position:absolute;
	text-decoration:none;
}

a.getPasswdLink:hover{
	text-decoration:none;
}

a.getPasswdLink img {
	position:absolute;
}

a.getPasswdLink span{
	margin-left: 20px; 
}

a.backLink{
	font-size: 0.8em;
}

.warning{
	padding-top:15px;
	padding-left:20px;
	padding-bottom:15px;
	font-size:0.9em;
}

.inputFileButton{

}
div.dijitDialogBorderTopStyle{
    float: left; height: 5px; line-height:5px; font-size:0.000001em; border-top: 5px solid #d8d8d8; background: #f4f4f4;
}

div.dijitDialogBorderMiddleStyle{
	clear: left; float: left; border-left: 5px solid #d8d8d8; border-right: 5px solid #d8d8d8; background: #f4f4f4;
}
div.dijitDialogBorderBottomStyle{
    float: left; height: 5px; line-height:5px; font-size:0.000001em; border-bottom: 5px solid #d8d8d8; background: #f4f4f4;
}




/*new layout styles */
.blue{
	font-weight:bold;
	color: #0079c1;
}

.boxin-textinput
{
    border:1px solid #ddd;
    box-shadow:inset 0px 0px 8px 0px #b7b4ae;
    width:85%;
    height:2em;
    padding: 0px 0.6em;
    margin-top:0em;
}
.button
{
    display:inline-block;
    float:left;
    color:White;
    background-color:#0079c1;
    padding:5px 1.2em;
    font-size:0.8em;
    cursor:pointer;
}
.login-button
{
    margin-top:8px;
    margin-left:20px;
}
.back-button
{
    margin-top:8px;
    margin-left:20px;
}
.poraloid
{
    background-color:#fff;
    box-shadow:inset 0px 0px 4px 0px #b7b4ae;
    padding:5px;
    min-width:50px;
    min-height:50px;
    max-width:50px;
    max-height:50px;
    margin-left:20px;
}
.continue-button
{
    margin-top:8px;
    margin-left:20px;
}
.save-button
{
    margin-top:10px;
    margin-left:20px;
}
.reset-button
{
    margin-top:10px;
    margin-left:20px;
}

.forgot-password
{
    margin-top:8px;
    margin-left:20px;
    font-size: small;
}

.trlabel {
    height: 22px;
    vertical-align: bottom;
}
.trlabel td {
    text-align: left;
    color: #0079c1;
    font-size:14px;
}
.trinput {
    height: 24px;
}
.trinput td {
    text-align: left;
}
tr.actionInfo {
    height: 84px;
}
tr.actionInfo td {
    text-align: left;
    vertical-align: bottom;
}
tr.actionInfo td div {
    font-size:12px;
    display:block;
    margin-left:20px;
    line-height:17px;
}
tr.buttons {
    height: 24px;;
}
tr.buttons td {
    text-align: left;
    vertical-align: bottom;
}

.trcaptcha {

}
.trcaptcha img {

}
.trcaptcha table {
	display: inline-block;
	margin-left: 14px;
}

.trcaptcha input {
	vertical-align: top;
	width: 80px;
}
.trcaptcha a {
	vertical-align: top;
	width: 80px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
}