body {margin: 0; background-color: #EDF0F4; font-family: Tahoma;}
a {color: blue; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}
#content h2 {margin: 0; padding: 0 0 0 8px; display: inline; color: #ff6000; font-size: 16px;}

#contentwrapper {width: 100%; float: left;}

#top 
{
	float: left; 
	width: 100%; 
	background-color: #FF6D06;
	height: 24px;
}
#top p {margin: 5px 0 0 0; padding: 0; color: #fff; font-size: 11px; font-weight: bold;}
#top p.top-left {float: left;}
#top p.top-right {float: right;}
#top p.top-left a {font-size: 11px; color: #fff; font-weight: bold; padding: 0 10px 0 10px; margin: 0; border-right: 1px solid #fff;}
#top p.top-right a {font-size: 11px; color: #fff; font-weight: bold; padding: 0 10px 0 10px; margin: 0;}

#dashboard {width: 800px; margin: 50px auto 0 auto; border: 0;}
#dashboard-menu {width: 780px; border: 0; background-color: #EDF0F4;}
#dashboard-menu td {border: 0; margin: 0; padding: 0;}
#dashboard .adminCol {background-color: #fff; border: 1px solid #ccc; float: left; display: inline; width: 220px; height: 120px; margin: 20px 10px 0 10px; padding: 10px;}
#dashboard a.colHeader {margin: 0; padding: 0;}
#dashboard ul.col {margin: 10px 0 0 0; padding: 0;}
#dashboard ul.col li {padding: 3px 0 3px 10px;}

/* przegladaj.phtml */
#filtr {font-family: Tahoma; font-size: 11px; width: 880px; margin: 0 auto 0 auto; text-align: center; margin-top: 40px; margin-bottom: 30px;}
#filtr table {width: 850px;}
#filtr td {border: 0;}
#filtr a {margin: 0 7px 0 0;}
#filtr p {display: inline; padding: 0; margin: 0 7px 0 0;}
#komunikat {margin: 30px auto 20px auto; width: 500px; background-color: #fff; border: 1px solid #bdbdbd; text-align: center; padding: 7px;}
#komunikat-top {margin: 30px 0 0 100px; width: 500px; background-color: #fff; border: 1px solid #bdbdbd; text-align: center; padding: 7px; float: left; display: inline;}
#komunikat p, #komunikat-top p {margin: 0; padding: 0; font-family: Tahoma; font-size: 11px;}
#pagination-transactions {margin: 0 8px 0 0; padding: 0; text-align: right;}
#transakcje {width: 874px; height: 300px; overflow: hidden; overflow-y: scroll; overflow-x: hidden; /*margin: -25px auto 0 auto;*/ margin: -15px auto 0 auto; padding: 0;}
#table-header {width: 880px; margin: 0 auto 0 auto; padding: 0;}
#table-header .tableTransactions {border: 1px solid #BDBDBD; font-family: Tahoma; font-size: 11px; width: 850px; border-collapse: collapse;}
#table-header .tableTransactions .first-header {background-color: #6b6b6b; text-align: left; border: 0; color: #fff; font-size: 11px; font-weight: bold; height: 24px; margin: 0; padding:0 0 0 10px;}
#table-header .tableTransactions th {padding: 0; border: 0;}
#transakcje .tableTransactions {border: 1px solid #BDBDBD; font-family: Tahoma; font-size: 11px; width: 853px; margin: 0 0 0 6px; padding: 0; border-collapse: separate;}
#transakcje .tableTransactions th {background-color: #E6E6E6; border: 0;}
#transakcje .tableTransactions td {padding: 5px;  border: 1px solid #85E376; border-bottom: 1px solid #fff;}
#transakcje .tableTransactions tr.przychod {background-color: #85E376;}
#transakcje .tableTransactions tr.przychod-bold {background-color: #85E376; font-weight: bold;}
#transakcje .tableTransactions tr.rozchod {background-color: #DF6448;}
#transakcje .tableTransactions tr.rozchod-bold {background-color: #DF6448; font-weight: bold;}

#centered {margin: 50px auto 0 auto; width: 600px; background-color: #fff; border: 1px solid #bdbdbd;}


#left-col {width: 250px; float: left; display: inline; margin: 30px 0 0 30px;}
#left-menu-box {width: 200px; background-color: #fff; border: 1px solid #bdbdbd; font-family: Tahoma; font-size: 11px; margin-bottom: 15px;}
#left-menu-box p {margin: 0; padding: 5px 0 0 10px; font-size: 12px; font-weight: bold;}
#left-menu-box ul {list-style: none; margin: 10px 0 10px 0; padding: 0 0 0 10px;}
#left-menu-box ul li {padding: 4px;}
#left-menu box a {text-decoration: none; color: #000;}

#right-col {display: inline; float: left; margin: 30px 0 0 0; background-color: #fff; width: 700px; border: 1px solid #bdbdbd;}
#right-col p {font-family: Tahoma; font-size: 11px; margin-left: 10px;}
#right-col-noborder {display: inline; float: left; margin: 30px 0 0 0; background-color: #fff; width: 700px; border: 0;}
#right-col p.heading, #right-col-noborder p.heading {margin: 0; padding: 5px 0 5px 7px; background-color: #6b6b6b; font-size: 11px; font-family: Tahoma; color: #fff; font-weight: bold;}

/* aktualnosci */

#aktualnosci {margin: 0; padding: 0;}
#aktualnosci td {margin: 0; padding: 5px;}

/* dzieci */
#ListaDzieci {margin: 0; padding: 0; width: 700px;}
#ListaDzieci td {margin: 0; padding: 7px;}

/* formularze */

#TransakcjaKsieguj label, #TransakcjaKsieguj input, #TransakcjaKsieguj textarea {font-family: Tahoma; font-size: 11px;}
#TransakcjaKsieguj dl.zend_form {margin-left: 10px;}
#TransakcjaKsieguj input {width: 150px;}
#TransakcjaKsieguj select {width: 155px; padding: 2px;}
#TransakcjaKsieguj #kto {height: 50px;}
#TransakcjaKsieguj #Ksieguj {width: 100px;}

#TransakcjaEdytuj label, #TransakcjaEdytuj input, #TransakcjaEdytuj textarea {font-family: Tahoma; font-size: 11px;}
#TransakcjaEdytuj dl.zend_form {margin-left: 10px;}
#TransakcjaEdytuj input {width: 150px;}
#TransakcjaEdytuj select {width: 155px; padding: 2px;}
#TransakcjaEdytuj #kto {height: 50px;}
#TransakcjaEdytuj #Zapisz {width: 100px;}

#AktualnosciForm label, #AktualnosciForm input, #AktualnosciForm textarea {font-family: Tahoma; font-size: 11px;}
#AktualnosciForm dl.zend_form {margin-left: 10px;}
#AktualnosciForm input {width: 150px;}
#AktualnosciForm select {width: 155px; padding: 2px;}
#AktualnosciForm #intro {height: 70px; width: 450px;}
#AktualnosciForm #body {height: 150px; width: 450px;}
#AktualnosciForm #Zapisz {width: 100px;}
#AktualnosciForm #Dodaj {width: 100px;}

#DzieckoDodaj label, #DzieckoDodaj input, #DzieckoDodaj textarea {font-family: Tahoma; font-size: 11px;}
#DzieckoDodaj dl.zend_form {margin-left: 10px;}
#DzieckoDodaj input {width: 150px;}
#DzieckoDodaj select {width: 155px; padding: 2px;}
#DzieckoDodaj #address {height: 50px; width: 350px;}
#DzieckoDodaj #address2 {height: 50px; width: 350px;}
#DzieckoDodaj #uwagi {height: 50px; width: 350px;}
#DzieckoDodaj #Zapisz {width: 100px;}
#DzieckoDodaj #Dodaj {width: 100px;}

#TransakcjaDodaj label, #TransakcjaDodaj input, #TransakcjaDodaj textarea {font-family: Tahoma; font-size: 11px;}
#TransakcjaDodaj dl.zend_form {margin-left: 10px;}
#TransakcjaDodaj input {width: 150px;}
#TransakcjaDodaj select {width: 155px; padding: 2px;}
#TransakcjaDodaj #Zapisz {width: 100px;}

#TransakcjaWyciag label, #TransakcjaWyciag input, #TransakcjaWyciag textarea {font-family: Tahoma; font-size: 11px;}
#TransakcjaWyciag dl.zend_form {margin-left: 10px;}
#TransakcjaWyciag input {width: 150px;}
#TransakcjaWyciag #Wczytaj {width: 100px;}

#LoginForm label, #LoginForm input {font-family: Tahoma; font-size: 11px;}
#LoginForm input {width: 150px;}
#LoginForm #submit {width: 100px;}


#RaportDzienny label, #RaportDzienny input {font-family: Tahoma; font-size: 11px;}
#RaportDzienny dl.zend_form {margin-left: 10px;}
#RaportDzienny input {width: 150px;}
#RaportDzienny #Pokaz {width: 100px;}

#RaportWplaty label, #RaportWplaty input {font-family: Tahoma; font-size: 11px;}
#RaportWplaty dl.zend_form {margin-left: 10px;}
#RaportWplaty input {width: 150px;}
#RaportWplaty #Pokaz {width: 100px;}

log-in-container {width: 100%; float: left; display: inline;}
#left-menu {float: left; display: inline; background-color: #fff; height: 100%;}
#right {float: left; display: inline; padding: 0 0 0 20px;}
#right h2 {font-family: Tahoma; font-size: 16px;}
#right h4 {font-family: Tahoma; font-size: 12px;}
#right label {font-family: Tahoma; font-size: 12px;}
#content p.pheader 
{
	background: url(<?= $this->baseUrl(); ?>/images/tab-bg.jpg) repeat-x;
	margin: 0; 
	font-size: 11px; 
	border-bottom: 1px solid #ccc; 
	padding: 5px 0 4px 5px; 
	
}
.adminCol {width: 300px; float: left; margin-left: 30px;}	
.adminCol .col {list-style: none; margin: 0 0 0 10px; padding: 0;}
.adminCol .col a {font-family: Tahoma; font-size: 11px; color: #000;}
.colHeader {font-family: Tahoma; font-size: 12px; color: #000; font-weight: bold;}
#msg-box-container {float: left; width: 100%; margin: 0 0 20px 0; padding: 0;}
#msg-box {margin: 0 0 0 10px; padding: 0; border: 1px solid #FE9E2C; width: 400px; padding: 10px; background-color: #FFE47A;}
#msg-box p {font-size: 11px; font-family: Tahoma; margin: 0; padding: 0;}
p.sub-nav {margin-left: 10px;}
p.sub-nav a {font-size: 11px; font-family: Tahoma; color: #000;}
#myTable th {cursor: pointer; background: url(<?= $this->baseUrl(); ?>/images/tab-bg.jpg) repeat-x; border-bottom: 1px solid #ccc; height: 20px; font-size: 11px; padding: 5px 0 4px 0;}
#myTable td {padding: 7px;}
#LoginForm dl.zend_form {background-color: #f2f2f2;}
#LoginForm #username, #LoginForm #password {border-left: 1px solid #aaa; border-top: 1px solid #aaa; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 4px; width: 140px;}

#back {float: left; width: 698px; margin-left: 10px;}
#back a {font-family: Tahoma; font-size: 11px; color: #000; margin-left: 648px; border: 1px solid #ccc; background-color: #f2f2f2; padding: 4px 8px 4px 8px;}
/* formularze */

/*
#DzieckoDodaj dl.zend_form {background-color: #f2f2f2;}
#DzieckoDodaj #name, #DzieckoDodaj #surname, #DzieckoDodaj #login, #DzieckoDodaj #pass, #DzieckoDodaj #email, #DzieckoDodaj #phone {border-left: 1px solid #aaa; border-top: 1px solid #aaa; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 4px; width: 140px;}
#DzieckoDodaj #address, #DzieckoDodaj #address2, #DzieckoDodaj #uwagi {width: 250px; height: 70px; border-left: 1px solid #aaa; border-top: 1px solid #aaa; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 5px;}
*/

/*
#TransakcjaEdytuj dl.zend_form {background-color: #f2f2f2;}

#TransakcjaEdytuj #date, #TransakcjaEdytuj #faktura, #TransakcjaEdytuj #kto, #TransakcjaEdytuj #przychod, #TransakcjaEdytuj #rozchod {border-left: 1px solid #aaa; border-top: 1px solid #aaa; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 4px; width: 140px;}
#TransakcjaEdytuj #kto {width: 250px; height: 70px; border-left: 1px solid #aaa; border-top: 1px solid #aaa; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 5px;}
*/
#accordion {background-color: #EDF0F4;}
#left {width: 230px; float: left; display: inline;}
#right {width: 700px; float: left; display: inline;}
#personal-data { margin: 10px 0 5px 10px; height: 180px; background-color: #fff; border: 1px solid #ccc; width: 230px; float: left; display: inline;}
#personal-data p, #billing-data p {font-size: 11px; font-family: Tahoma; padding: 0 0 0 4px;}
#billing-data {margin: 10px 0 5px 10px; height: 120px; background-color: #fff; border: 1px solid #ccc; width: 230px; float: left; display: inline;}
table, #content table {font-family: Tahoma; font-size: 12px; border: 1px solid #ccc; width: 700px; background-color: #fff; border-collapse: collapse; margin: 10px 0 15px 10px;}
th {font-family: Tahoma; font-size: 12px; background-color: #e6e6e6; font-weight: 400; height: 30px; border: 1px solid #ccc; padding: 10px;}
td {border: 1px solid #ccc; padding: 10px; font-size: 11px;}
.left-menu-list {list-style: none; font-family: Tahoma; font-size: 11px; margin: 0 0 0 10px; padding:10px 0 10px 0; line-height: 15px;}
.left-menu-list a {text-decoration: none; color: #000;}
.left-menu-list a:hover {text-decoration: underline; color: blue;}
.left-menu-block {width: 150px; background-color: #f0f0f0;}
textarea {width: 306px; height: 150px; font-family: Tahoma; font-size: 11px;}
h2 {font-weight: bold; font-family: Tahoma; font-size: 14px; color: #000; margin: 10px 0 10px 10px;}
#right h3 {font-family: Tahoma; font-size: 12px; margin: 0 0 0 10px; padding: 5px 0 5px 10px; width: 688px; background-color: #666; color: #fff; border: 1px solid #666;}
a.anchor {font-family: Tahoma; font-size: 11px; margin: 0 10px 0 0; float: left; display: inline;}
a.anchor-name {margin: 0; padding: 0; width: 700px;}

/*
form {margin: 0 0 10px 0; padding: 10px; font-family: Tahoma; font-size: 11px;}
form input {font-family: Tahoma; font-size: 11px;}
#full_name {width: 300px;}
dl.zend_form {border: 1px solid #ccc; padding: 10px; background-color: #fff; margin: 0 0 10px 0; width: 678px; float: left;}
dl.zend_form input {border: 1px solid #ccc; font-family: Tahoma; font-size: 11px; padding: 3px;}
dl.zend_form #name {width: 304px;}
dl.zend_form #display_order {width: 50px;}
dl.zend_form #Add {color: #0152A4; font-size: 11px; padding: 2px 5px 2px 5px; width: 52px;}
dl.zend_form #Save {color: #0152A4; font-size: 11px; padding: 2px 5px 2px 5px; width: 52px;}
form #Save {color: #0152A4; font-size: 11px; padding: 2px 5px 2px 5px; width: 52px;}
*/

#TransakcjaFiltr dl.zend_form {width: 200px; border: 0;}


select {font-family: Tahoma; font-size: 11px;}
ul.errors li {font-family: Tahoma; font-size: 11px; color: red; padding: 5px;}
ul.anchor-list {list-style: none; float: left; display: inline; width: 700px; margin: 10px 0 15px 0; padding: 0;}
ul.anchor-list li {float: left; display: inline; padding-left: 10px;}
#DeviceFeatureAdd {margin-top: 0px;}
#DeviceFeatureAdd label {font-size: 11px;}
#DeviceCreate label {font-size: 11px;}
#DeviceTechSpecEdit label {font-size: 11px;}
#DeviceTechSpecOptionEdit label {font-size: 11px;}
p.log-info {font-size: 11px; color: #000; margin: 5px 0 0 10px; padding: 0;}
a.logout {font-family: Tahoma; font-size: 11px; color: #000; margin: 0 0 0 30px; padding: 0;}
#right p.communicate {width: 660px; padding: 10px; border: 1px solid #ccc; float: left; display: block; font-family: Tahoma; font-size: 11px;}