/** DIALOGS **/

.ui-dialog { 
	position: absolute; 
	padding: 7px; 
	width: 400px; 
	overflow: hidden; 	
	background-color: #FFF;
	border: 1px solid #D1D1D1;
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);	
}
.ui-dialog .ui-dialog-titlebar { 
    background: none repeat scroll 0 0 transparent;
    border: none;
    font-weight: normal;
    height: 32px;
    position: relative;
    padding: 0;
}
.ui-dialog .ui-dialog-title { 
    color: #003781;
    display: block;
    font-size: 12px;
    line-height: 14px;
    padding-right: 30px;
    padding-left: 20px;	 
}

.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; display: block;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { 
	padding: 1px;
	background: white; 
	border: none;
}
.ui-dialog .ui-dialog-content { 
	position: relative; 
	border: 0; 
	overflow: auto; 
	zoom: 1;
	color: #4D4D4D;
	display: block;
	font-size: 11px;
	line-height: 13px;
	padding: 0; 
}
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


.ui-widget-header .ui-icon-closethick, .ui-state-hover .ui-icon-closethick, .ui-state-focus .ui-icon-closethick {
    background-image: url("images/cross.png");
    width:9px;
    height:11px;
}

.ui-icon-closethick {
	background-position: 0px 0px;
}

.box_ui{
	padding: 0 !important;
}

.box_ui_content{
	text-align: left !important;
}

.box_ui_content p{
	margin-bottom: 6px;
}

.box_ui_content h3{
	color: #4D4D4D;	
	line-height: 18px;
	font-size: 13px;
	font-weight: bold;
}

.box_ui_content h4{
	color: #4D4D4D;	
	line-height: 16px;
	font-size: 12px;
}

.box_ui_content li{
	background: url("../img/checkmark.png") no-repeat scroll 0 2px transparent;
    list-style-type: none;
    padding-left: 30px;
    margin-left: 15px;
    margin-bottom: 3px;
}

/* End Dialogs */

#site-label { 
	color: #003781; 
	font-size: 14px; 
	position: absolute; right: 0; top: 0; 
	}

.skype{
	background:url(../img/skype.png) no-repeat left top;
}
.skype .tekst { color:#113388; font-weight:bold; padding:9px; }

.grey_bold_cap{
  color: #8a91a2;
  font-weight: bold;
  text-transform: uppercase;
}

.infobox{
	float: left;
    padding: 11px 9px 11px 8px;
    width: 206px;
    border-bottom: 2px solid #B3B3B4;   
}

.infoboxItem{
	float: left;
	padding: 4px 2px;
	margin-bottom: 2px;
}

.infoboxIcon{
	float: left;	
}

.infoboxText{
	float: left;
	color: #4D4D4D;
	margin-top: 5px;
	margin-left: 5px;
	width: 150px;
}

.infoboxText a{
	color: #003781;
}

.infoboxText p{
	margin-bottom: 5px;
}

.navi{
	padding-left: 46px;
}

#step1_desc {
	width: 152px;
}
#step2_desc {
	width: 203px;
}
#step3_desc {
	width: 159px;
}
#step4_desc {
	width: 193px;
}
#step5_desc {
	
}

.steps {
	padding-top: 14px;
	padding-left: 66px;
	float: left;
	padding-right: 6px;
}

.steps a {
	border: 1px solid #4A4B4C;
	color: #4A4B4C;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 5px;
	text-align: center;
	float: left;
	text-decoration: none;
}

.steps a.active {
	border: 1px solid #003781;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 5px;
	text-align: center;
	background-color: #003781;
}

.steps span.arrow {
    background: url("../img/arrow_long.gif") no-repeat scroll center transparent;
    border: 0 none;
    float: left;
    height: 14px;
    margin: 0 30px;
    padding: 0;
    width: 98px;
}

.descriptions {
	padding: 8px 0 0;
	float: left;
}

.descriptions span {
	float: left;
	width: 200px;
	color: #113388;
	text-align: center;
	display: inline;
}

.descriptions span.active {
	float: left;
	color: #113388;
	font-weight: bold;
	text-align: center;
}

/* Komunikaty błędów */

.t-error-icon{
	display: none !important;
}

.tjq-error-popup{
    background: url("../img/arrow_left_orange.gif") no-repeat scroll 13px 6px transparent;
    color: #EE0000;
    float: right;
    padding-left: 27px;
    padding-top: 4px;
    width: 185px;
    font-size: 11px;
}

input.t-error, textarea.t-error , select.t-error {
	color: red !important;
    background-color: #FBC8C7 !important;
    border: 1px solid #F20001 !important;
}

label.t-error {	
}

span.t-error {
	color: red !important;
}



/* Długości pól */


.ui-datepicker-trigger {
	float: left;
}

/* Definicja kontenera dla formularzy */

.formcontainer {
	background: url("../img/label_bg_medium.gif") repeat-y scroll left top transparent;
	width: 745px;
	float: left;
	clear: both;
}

.formcontainer .label {float:left; width:219px; padding:5px 6px 4px 7px; color:#000000; }
.formcontainer .content { float:left; width: 507px; padding:0 0 0 6px;  }
.formcontainer .contentpodpis{float:right; width:507px; padding:3px 0 0 6px;}
.formcontainer .content input { float:left; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.formcontainer .content input.radio {  margin:6px 0 0 0; width:13px; height:13px;}
.formcontainer .content input.text { border:1px solid #a5afb9; padding:4px 4px 3px 7px; background-color:#ffffff;color:#4D4D4D;line-height:13px; height:13px; }
.formcontainer .content input.file { border:1px solid #a5afb9; padding:4px 4px 3px 7px; background-color:#ffffff;color:#4D4D4D;line-height:13px; height:20px; font-size: 11px; width:286px;}
.formcontainer .content input.checkbox { clear:both; float:left; margin: 5px 0 0; width:13px; height:13px;}
.formcontainer .contentpodpis input.checkbox { clear:both; float:left; margin:0; width:13px; height:13px;}
.formcontainer .content label { float:left; padding:6px 19px 0 7px; color:#4d4d4d; }
.formcontainer .contentpodpis label { float:left; padding:0px 19px 0 7px; color:#4d4d4d; }
.formcontainer .content .myslnik { color:#adadad; float:left; padding-top:5px;}
.formcontainer .content a.kalendarz { background:transparent url(../img/calendar_ico.gif) 7px 2px scroll no-repeat; width:19px; height:19px; padding:0 12px 0 7px; float:left; text-decoration:none;}
.formcontainer .content select { border:1px solid #7f9db9 !important; width:287px; color:#4D4D4D; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:2px;}
.formcontainer .content option { padding:0 2px;}
.formcontainer .content textarea.textarea { border:1px solid #7f9db9 !important; width:287px; color:#4D4D4D; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:2px; height:82px;}
.formcontainer div.textarea {  min-height:79px; height:auto !important; height:88px; position:relative;}
.formcontainer div.textarea span.info { position:absolute; bottom:5px; right:5px; font-size:9px; color:#666666;}
.formcontainer .content select.ulica { width:57px; float:left; }
.formcontainer .content input.ulica { width:209px; margin-left:7px;}
.formcontainer .content input.posesja { width:95px; }
.formcontainer .content input.rok { width:30px;}
.formcontainer .content input.miesiac {width:26px;}
.formcontainer .content input.wartosc {width:140px;}
.formcontainer .content input.dzien {width:22px;}
.formcontainer .content input.kod_begin {width:23px;}
.formcontainer .content input.kod_end {width:53px;}
.formcontainer .content input.regularny {width:274px;}
.content input.hasDatepicker {width: 72px;}
.content input.telefonPrefiksField{width: 27px;}
.content input.telefonField{width: 90px;}
.content input.adresNumerField{width: 94px;}
.content input.udzialNumerField{width: 40px;}
.formcontainer .image { padding-left:72px; padding-top:10px; padding-bottom:6px; background-color:#eeeeee; height:28px; width:154px;}
.formcontainer .kluczyk { background:transparent url(../img/ico_kluczyki.gif) 10px top scroll no-repeat;}
.formcontainer .sterownik { background:transparent url(../img/ico_sterownik.gif) 10px top scroll no-repeat;}
.formcontainer .karta { background:transparent url(../img/ico_karta.gif) 10px top scroll no-repeat;}
.formcontainer .padd { float:left; width:287px; padding:5px 0 0 6px;}
.formcontainer .content select.szt { width:50px; float:left; }
.formcontainer .content .opis_end { float:left; padding:5px 0 0 11px;}
.formcontainer .content .opis_begin { float:left; padding:5px 7px 0 26px;}
.formcontainer .label .info { float:right;}
.formcontainer .label .info a { background:transparent url(../img/ico_i.gif) left top scroll no-repeat; width:14px; height:11px; display:block; text-decoration:none;}
.grey_summary .formcontainer .content {padding-top: 5px;}
.oswiadczenie .checkbox {height: 13px;width: 13px;margin-right: 4px;}
.content .separator{float: left;padding: 4px 3px 0;}

.inputInvisible{
    background: none repeat scroll 0 0 transparent !important;
    border: none !important;  
    height: 15px !important; 
}

.automat_link { float: left; margin:4px 0; padding:0px; width:100%; height:auto; }
.automat_link a{float: right;}

.oswiadczenie2 { float:left; padding-bottom:12px; padding-left:3px; width: 740px;}
.oswiadczenie2 div { float:left; width:14px; padding-right:4px; height:auto;}
.oswiadczenie2 div input {width:13px; height:13px;}
.oswiadczenie2 label { float:left; width:720px; color:#4d4d4d;}
.oswiadczenie2 div.tjq-error-popup {
	float: left;
	width: 200px;
	background: url("../img/arrow_up_orange.gif") no-repeat scroll 2px 8px transparent;
	padding-left: 18px;
}

.flap-header{
	color: #4A4B4C;
}


/* content_opis */

.content_opis{
	color: #4D4D4D;
    font-size: 13px;
    line-height: 17px;
    position: relative;
    width: 771px;
}

.content_opis h3 {
    color: #003781;
    margin: 17px 0 4px;
}

.content_opis p, .content_opis ol, .content_opis ul, .content_opis table {
    margin-bottom: 7px;
}

.content_opis .checkmarks li, .content_opis .link-list li {
    margin-left: 0;
}
.content_opis ul li {
    margin-left: 1.5em;
}
.content_opis li {
    margin-bottom: 4px;
}
.content_opis li {
    background: url("../img/checkmark.png") no-repeat scroll 0 3px transparent;
    list-style-type: none;
    margin: 0 0 4px;
    padding: 0 0 0 21px;
}

.content-box {
    margin: 18px 0;
    width: 640px;
}

.content-box:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.content-box .grid1 {
    float: left;
    padding-top: 10px;
    text-align: right;
}
.grid1 {
    width: 148px;
}

.content-box .grid3 {    
    margin-left: 0;
    padding-bottom: 7px;
    padding-top: 7px;
}
.content_opis .grid3 {
    margin-left: 157px;
    padding-left: 7px;
    width: 605px;
}
.grid3 {
    width: 476px;
}

/* tables */
.content_left table {
	border: 1px solid #E5E5E5;
	margin-top: 7px;
	margin-bottom: 7px;
	width: 100%;
}
.content_left th,
.content_left td {
	border: 1px solid #E5E5E5;
	font-size: 11px;
	line-height: 13px;
	padding: 6px 7px;	
}
.content_left th {
	background: #E5E5E5 url(../img/gradient_small.png) repeat-x;
	border-right-color: #FFF;
	font-weight: bold;
}
.content_left th.last {
	border-right-color: #E5E5E5;
}
.content_left .zebra td {
	background-color: #F6F6F6;
}
.content_left table .col2 {
	width: 50%;
}
