body {
 min-width: 1350px; /* 1250 */
 margin: 0 auto 15px auto;
 padding: 0;
 text-align: left;
 font-family: arial, verdana, helvetica, sans-serif; 
 font-size: 12px; 
}

:focus {
 -moz-outline-style: none;
}

* {
 margin:0;
 padding:0;
}

.marginBottom {
 margin-bottom: 15px !important;
}

.hidden {
 display: none;
}

span.notImportant {
 color: #999 !important;
}

td.centeredTD {
 text-align: center;
}



/* Alapvető elemek */

p {
 margin-bottom: 15px;
}

ul, li {
 list-style-image: none;
 list-style-type: none;
}

.clear {
 clear: both;
 font-size: 1px;
}

.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:0;
	line-height:0;
}

a {
 text-decoration: none;
}

hr {
 margin: 15px 0 15px 0;
}

h1 {
 font-size: 18px;
 font-weight: bold;
 padding: 0 0 10px 0;
 margin: 0 0 15px 0;
}

h2 {
 margin: 0 0 15px 0;
 padding: 5px 10px 5px 10px;
 font-size: 16px;
 font-weight: bold;
}

h2 span {
 font-weight: normal;
}

h3 {
 margin-bottom: 15px;
 font-size: 15px;
 font-weight: bold;
}

span.tableLabel { 
 position: relative;
 top: 3px;
 padding: 1px 4px 2px 4px;
 font-size: 12px;
 font-weight: bold;
}

span.status {
 font-weight: bold;
 margin: 0 0 15px 0;
}

span.tooltip {
 cursor: help;
 background-image: url(../images/h.gif); 
 background-repeat: repeat-x;
 background-position: 0 bottom;   
}

.warning {
 font-weight: bold;
} 

.orange {
 color: #fa8 !important;
}

span.delayedItem {
 margin-left: 15px;
 font-weight: bold;
 font-size: 18px;
}

td.centeredNumeric {
 width: 120px;
 text-align: center;
}



/* Debug*/

.debug {
 padding: 3px;
 font-family: courier, courier new, sans-serif;
 color: #33ff00;
 background: #000;
}

.debug span {
 color: #ffff33;
}



/* Dobozok */

.successBox {
 padding: 3px 4px 3px 4px;
 background-color: #fff;
 border: 2px dashed #0a0;  
 color: #777;
 text-align: center;
 font-weight: bold;
 font-size: 16px;
}



/* Űrlapok és mezők */

form {
 margin: 0;
 padding: 0;
}

input, select {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
}

input {
 width: 125px;
 height: 12px; 
}

select {
 width: 250px;
 height: 18px; 
}

fieldset {
 width: 96%;
 margin: 5px 0 15px 0;
 padding: 5px 10px 10px 10px;
}

legend {
 margin: 0;
 padding: 0 3px;
}

.epicOrderButton {
 height: 18px;
}

.checkButton {
 margin: 0 15px 0 15px;
 padding: 2px;
 background: #fff;
 border: 1px solid #f00;
 color: #f00;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px; 
 cursor: pointer;
}



/* Tartalmi elemek */

#mainWrapper {
 width: 1350px; /* 1250 */
 margin: 0 auto 0 auto;
}

#mainHeader {
 width: 1310px; /* 1210 */
 height: 60px;
 margin: 0 auto 0 auto;
 padding: 3px 20px 0 20px;
 background-repeat: repeat-x;
 background-position: 0 0;
}

#mainHeader div.statusBox {
 width: 270px; /* 250 */
 height: 27px;
 padding: 10px 0 0 0;
 float: left;
}

#mainHeader div.statusBox img {
 height: 20px;
 border: 0;
}

#mainHeader div.loginBox {
 width: 325px;
 height: 27px;
 padding: 10px 0 0 0; 
 margin: 0 0 0 0px;
 float: left;
 text-align: right;
}

#mainHeader div.loginBox a.logoff {
 margin: 0 0 0 20px;
}

#mainHeader div.loginBox li {
 margin: 0 30px 0 0;
 float: left;
}

#mainHeader div.loginBox input {
 margin: 0 10px 0 10px;
 width: 70px;
}

#mainHeader div.loginBox input.button {
 margin: 0 0 0 5px;
 width: 50px;
 height: 15px;
}

#mainBody {
 width: 1310px; /* 1220 */
 min-height: 1000px;
 margin: 0 auto 0 auto;
 padding: 0 15px 0 15px;
}



/* Üzletválasztó */

#mainHeader div.storeSelector {
 width: 320px;
 padding-top: 8px;
 float: left;
}

#mainHeader div.storeSelector select {
 width: 110px;
 margin: 0 10px 0 10px;
}

#mainHeader div.storeSelector input.button {
 position: relative;
 top: 2px;
 width: 55px;
 margin: 0 0 0 5px;
 height: 17px;
 cursor: pointer;
}



/* Menü és tartalmi keret */

#sidePanel {
 width: 130px;
 margin: 0 10px 0 0;
 padding: 5px 10px 5px 10px;
 float: left;
}

#sidePanel p {
 text-align: center;
 margin: 0;
}

#mainContent {
 position: relative;
 width: 1145px; /* 1055 */
 padding-top: 44px;
 float: left; 
}

#mainContent h2 {
 position: absolute;
 left: 0;
 top: 0;
 width: 1133px; /* 1033 */
}

div.clear {
 clear: both;
 font-size: 1px;
 text-indent: -9000px;
}



/* Alapvető definíciók */

p.licence {
 font-size: 13px;
 font-weight: bold;
}

p.subTitle {
 font-size: 13px;
 font-weight: bold;
}

ul.dotted, img.banner {
 margin-bottom: 15px;
}

ul.dotted li {
 padding: 0 0 0 8px;
}

img.banner {
 width: 65px;
 height: 20px;
 border: 0;
}

.ok {
 font-weight: bold;
}

.error {
 font-weight: bold;
}

.noted {
 font-weight: bold;
}



/* Dinamikus tartalom */

#listTable, #treeTable {
 width: 1155px; /* 1055 */
 padding: 0;
 border-bottom: 0 !important;
 border-right: 0 !important; 
}

#listTable img, #treeTable img  {
 border: 0;
}

#listTable td, #treeTable td {
 margin: 0;
 padding: 2px 3px 2px 3px;
}

#listTable td.status, #treeTable td.status {
 padding: 10px 5px 10px 5px;
 border-right: 0;
}

#listTable td.views, #treeTable td.views {
 padding: 0 5px 0 5px;
}

#listTable td.views img, #treeTable td.views img {
 position: relative;
 top: 1px;
 margin-left: 6px;
}

#listTable td.views span, #treeTable td.views span {
 position: relative;
 top: -3px;
}

#listTable td.status a, #treeTable td.status a {
 margin: 0 10px 0 0;
 padding: 2px 4px 2px 4px;
}

#listTable td.status .disabledButton {
 margin: 0 10px 0 0;
 padding: 2px 4px 2px 4px;
 background: #fff;
 border: 1px solid #ccc;
 color: #ccc;
 cursor: not-allowed !important;
}

#listTable td.edit {
 width: 18px;
 text-align: center;
}

#listTable td.check {
 width: 18px;
 text-align: center;
}

#listTable td.check input {
 width: 16px;
}

#listTable td.id {
 width: 34px;
}

#listTable td.delete {
 width: 16px;
 text-align: center; 
}

#listTable td.code {
 width: 100px;
}

#listTable td.gps {
 width: 150px;
}

#listTable td.check {
 width: 40px;
 text-align: center;
}

#listTable td.lang {
 width: 80px;
 text-align: center;
}

#listTable td.work {
 width: 100px;
}

#listTable td.texts {
 width: 82px;
 text-align: center; 
}

#listTable td.connections {
 width: 110px;
 text-align: center; 
}

#listTable td.productPcs {
 width: 80px;
 text-align: center; 
}

#listTable td.pictures {
 width: 80px;
 text-align: center; 
}

#listTable td.timeStamp {
 width: 125px;
 text-align: right; 
}

#listTable td.active, #listTable td.leader {
 width: 40px;
 text-align: center; 
}

#listTable td.ip {
 width: 90px;
}

#listTable td.job {
 width: 250px;
}

#listTable td.event {
 width: 350px;
}

#listTable td.module {
 width: 70px;
}

#listTable td.category {
 width: 150px;
}

#listTable td.pictures img {
 width: 19px;
 height: 19px;
 margin: 0 2px 0 2px;
}

#listTable td span.note {
 font-style: italic;
}

#listTable td.date {
 width: 160px;
}

#listTable td.user {
 width: 100px;
}

#listTable td.seq {
 width: 45px;
 text-align: center; 
}

#listTable td.seq img {
 float: left;
 margin: 0 0 0 2px;
}

#listTable td.price {
 width: 60px;
}

#listTable td.stock {
 width: 60px;
}

#listTable td.checkboxs {
 width: 20px;
 text-align: center;
}

#listTable td.checkboxs input {
 width: 20px;
 margin: 0 !important;
}

#listTable td.dateOrder {
 width: 120px;
}

#listTable td.orderStatus {
 width: 75px;
}

#listTable td.orderStatus img {
 margin-right: 5px;
}

#listTable td.letter {
 text-align: center;
}

#listTable td.alerts {
 width: 18px;
 text-align: center;
}

#listTable td.alerts img {

}

#listTable tr.fade td, #listTable tr.fade td a {
 color: #aaa !important;
}

#listTable tr.fulfiled td, #listTable tr.fulfiled td a {
 background: #c6e0cc !important;
}

#listTable td.payInfo {
 width: 30px;
 text-align: center;
}

#listTable td.delInfo {
 width: 30px;
 text-align: center;
}

#listTable .listInfo {
 padding-right: 10px;
 text-align: right;
 font-style: italic;
 color: #777;
}

#listTable .listInfo img {
 position: relative;
 top: 2px;
 margin-left: 10px;
}

#listTable .profit {
 width: 55px;
 text-align: right;
}

#listTable .points {
 width: 55px;
 text-align: right;
}


#listTable .orderItems {
 width: 75px;
}

#listTable span.lowIndex {
 font-size: 9px;
}

#listTable tr.trSeparator td {
 font-size: 16px;
 padding-top: 15px;
}

#listTable td.pointInfo {
 cursor: help;
}

#listTable tr.priceWarning {
 background: #ffe39e url(../images/stripes-yellow.png) repeat 0 0;
}

#listTable td.movementAmount {
 width: 130px;
 text-align: center;
}

#listTable td.movemenetPrice {
 width: 100px;
 text-align: right;
}

#listTable td.movemenetDate {
 text-align: right;
}

.tooltipBox {
 padding: 5px;
 background-color: #eee;
 border: 1px solid #fff;
}



/* Fastruktúra */

#treeTable td.status {
 width: 1042px; /* 842 */
}

.treeList {
 padding: 10px 7px 10px 7px;
 border-top: 0 !important;
}

.treeList ul.main li {
 padding: 0 0 0 24px;
 font-weight: bold;
}

.treeList ul.sub li{
 margin-left: 20px;
 padding: 0 0 0 12px;
 font-weight: normal;
}



/* Szövegdoboz */

#listTable .textIcons, .pictureList .textIcons {
 width: 90px;
}

#listTable .textIcons .code, .pictureList .textIcons .code {
 width: 20px;
 float: left; 
 text-align: center; 
}

#listTable .textIcons .icons, .pictureList .textIcons .icons {
 width: 70px;
 float: left; 
 text-align: left;
}

#listTable .textIcons .icons img, .pictureList .textIcons .icons img {
 margin-right: 2px;
}



/* Szűkítő doboz*/

.limiter {
 position: relative;
 margin-bottom: 15px;
 padding: 10px 7px 10px 7px;
}

.limiter label.space {
 margin-left: 20px;
}

.limiter input.text {
 width: 100px;
}

.limiter input.submit {
 position: relative;
 top: 2px;
 width: 50px;
 height: 15px;
}

.limiter input.checkbox {
 width: 20px;
 margin-right: 10px;
 position: relative;
 top: 5px;
}

.limiter .inputs {
 width: 990px; /* 910 */
 margin-right: 15px;
 float: left;
}

.limiter .submits {
 width: 110px;
 float: left;
}

.limiter hr {
 height: 1px;
 margin: 10px 0 10px 0;
}

.limiter select {
 width: 200px;
 background: #fff;
}

.limiter, .limiter input, .limiter select {
 font-size: 13px !important;
}

.limiter input {
 height: 18px !important;
}

.limiter select {
 height: 20px !important;
}



/* Űrlap-fülek */

#formTabs, .formTabs {
 margin: 0;
 padding: 10px 10px 2px 5px;
}

#formTabs a {
 margin: 0 3px 0 0;
 padding: 2px 4px 2px 4px;
}

#formTabs span.inactive {
 margin: 0 3px 0 0;
 padding: 2px 4px 2px 4px;
}

.largeTabs a {
 position: relative;
 top: -4px;
 margin: 0 6px 0 0 !important;
 padding: 6px 8px 6px 8px !important;
 font-size: 16px;
}

.largeTabs a.active {
 box-shadow: inset 0px 11px 8px -10px #fff;
}



/* Űrlapok */

#formPanel {
 padding: 10px 10px 5px 10px;
}

#formPanel .help {
 margin: 10px 0 10px 0;
 padding: 10px 10px 10px 10px; 
}

#formPanel form.event {
 margin: 0 0 10px 0;
 padding: 0 0 15px 0;
 background-repeat: repeat-x;
 background-position: 0 bottom;  
}

#formPanel label {
 margin: 10px 0 2px 0;
 display: block;
 position: relative;
}

#formPanel input {
 width: 200px;
 height: 14px;
 margin: 0;
 padding: 1px 2px 1px 2px;
 background-repeat: repeat-x;
 background-position: 0 0; 
}

#formPanel select {
 width: 206px;
}

#formPanel textarea {
 width: 545px;
 height: 100px;
 margin: 0;
 padding: 1px 2px 1px 2px;
}

#formPanel .button {
 width: 67px;
 height: 17px; 
 margin: 10px 0 0 0;
 padding: 0 2px 2px 2px; 
 background-image: none;
 cursor: pointer;
}

#formPanel .buttonHigh {
 width: 67px;
 height: 17px; 
 margin: 10px 0 0 20px;
 padding: 0 2px 2px 2px; 
 background-image: none;
 cursor: pointer;
}

#formPanel .file {
 width: 190px;
 height: 17px;
 margin: 10px 0 15px 0;
 padding: 0;
}

.limiter .file {
 width: 190px;
 height: 17px;
 margin: 10px 0 15px 0;
 padding: 0;
}

#formPanel .checkbox {
 width: 17px;
 height: 17px;
 margin: 0 0 15px 0;
 padding: 0;
 background-image: none;
 border: 0;
}


#formPanel .checkbox2 {
 width: 17px;
 height: 17px;
 margin: 0 0 15px 0;
 padding: 0;
 background-image: none;
 border: 0;
}

#formPanel .listCheckbox {
 width: 17px;
 height: 17px;
 margin: 0 0 0 13px;
 padding: 0;
 background-image: none;
 border: 0;
}

#formPanel .saCheckbox, #formPanel .saCheckbox1, #formPanel .saCheckbox2, #formPanel .saCheckbox3, #formPanel .saCheckbox4 {
 width: 17px;
 height: 17px;
 margin: 0;
 padding: 0;
 background-image: none;
 border: 0;
}

#formPanel .micro {
 width: 20px;
}

#formPanel .mini {
 width: 60px;
}

#formPanel .small {
 width: 90px;
}

#formPanel .extralarge {
 width: 400px;
}

#formPanel .large {
 width: 250px;
}

#formPanel .largeText {
 height: 250px;
}

#formPanel p.status {
 font-weight: bold;
 margin: 0 0 15px 0;
}

#formPanel p.id {
 margin: 0 0 15px 0;
}

#formPanel img.thumbnail {
 display: block;
 margin: 10px 0 10px 0;
}

#formPanel div.separated {
 background-repeat: repeat-x;
 background-position: 0 bottom;  
}

#formPanel hr {
 margin: 0 0 15px 0;
 padding: 0;
}

#formPanel div.hr {
 height: 7px;
 margin: 14px 0 0 0;
 padding: 0;
 background-repeat: repeat-x;
 background-position: 0 6px;  
}

#formPanel div.hr_center {
 height: 7px;
 margin: 14px 0 15px 0;
 padding: 0;
 background-repeat: repeat-x;
 background-position: 0 6px;  
}

#formPanel div.hr_top {
 height: 7px;
 margin: 5px 0 5px 0;
 padding: 0;
 background-repeat: repeat-x;
 background-position: 0 0px;  
}

#formPanel p.noInput {
 margin: 15px 0 15px 0;
}

#formPanel div.listData p {
 margin: 0 0 2px 0;
}

#formPanel div.listData p.typeText {
 margin: 0 0 15px 0;
 font-weight: bold;
 text-decoration: underline;
}

#formPanel #listTable {
 width: 734px;
}

#formPanel a.buttonMiddle {
 padding: 1px 2px 1px 2px; 
 font-size: 10px; 
 cursor: pointer;
}

#formPanel .dicTexts input {
 width: 450px;
 margin-bottom: 3px;
}

#formPanel .dicTexts textarea {
 width: 450px;
 height: 50px;
 margin-bottom: 3px;
}

#formPanel .deleteLinks a {
 display: block;
 width: 40px;
 height: 16px; 
 margin: 10px 10px 0 0;
 padding: 0 2px 0px 2px; 
 background-image: none;
 cursor: pointer;
 float: left;
 font-size: 11px;
 text-align: center;
}

#formPanel .inputBlocks {
 margin-bottom: 15px;
}

#formPanel .inpBlock1, #formPanel .inpBlock2, #formPanel .inpBlock3, #formPanel .inpBlock4 {
 width: 150px;
 margin-right: 15px;
 float: left;
}

#formPanel .inpBlock1-wide, #formPanel .inpBlock2-wide, #formPanel .inpBlock3-wide, #formPanel .inpBlock4-wide {
 width: 250px;
 margin-right: 15px;
 float: left;
}



/* Feltöltő doboz */

#formPanel .uploadBox {
 width: 600px;
 margin-bottom: 10px;
 padding: 6px 10px 6px 10px;
}

#formPanel .inputs {
 width: 210px;
 float: left;
}

#formPanel .infos {
 width: 372px;
 float: left;
}



/* Címkék */

#labels p.boxTitle {
 text-decoration: underline;
 margin: 0 0 15px 0;
}

#labels div.left {
 width: 250px;
 margin: 0 9px 0 0;
 padding: 6px 10px 6px 10px;
 float: left;
}

#labels div.right {
 width: 250px;
 padding: 6px 10px 6px 10px;
 float: left; 
}

#labels li.note {
 font-style: italic;
}



/* Szövegválasztó */

table.textSelector td {
 padding: 3px 5px 3px 5px;
}

table.textSelector td span {
 position: relative;
 top: -7px;
}

table.textSelector td img {
 border: 0;
}



/* Képszerkesztő doboz */

.pictureItem .picture {
 width: 120px;
 margin-right: 10px;
 float: left;
}

.pictureItem .picture img {
 margin-top: 2px;
 padding: 4px;
}

.pictureItem .picture p {
 padding-right: 10px;
 text-align: center;
}

.pictureItem .picture p a {
 padding-left: 14px;
 background-image: url(../images/delete_mini.gif); 
 background-repeat: no-repeat;
 background-position: 0 2px;   
}

.pictureItem .text {
 width: 400px;
 float: left; 
} 



/* Képlista */

.pictureList {
 width: 1034px; /* 734 */
 margin: 0;
 padding: 0;
 border-bottom: 0 !important;
 border-right: 0 !important; 
}

.pictureList img {
 border: 0;
}

.pictureList td {
 margin: 0;
 padding: 2px 3px 2px 3px;
}

.pictureList td.edit {
 width: 18px;
 text-align: center;
}

.pictureList td.id {
 width: 34px;
}

.pictureList td.delete {
 width: 16px;
 text-align: center; 
}

.pictureList td.check {
 width: 40px;
 text-align: center;
}

.pictureList td.active {
 width: 40px;
 text-align: center; 
}

.pictureList td.date {
 width: 150px;
}

.pictureList td.picture {
 width: 70px;
}

.pictureList td.picture img {
 margin-top: 2px;
 padding: 4px;
}

.pictureList td.texts {
 width: 82px;
 text-align: center; 
}

.pictureList td.seq {
 width: 45px;
 text-align: center; 
}

.pictureList td.seq img {
 float: left;
 margin: 0 0 0 2px;
}

.pictureList td.checkboxs {
 width: 20px;
 text-align: center; 
}

.pictureList td.checkboxs input {
 margin: 0 !important;
}

.pictureList td.conType {
 width: 200px;
}

.pictureList td.conType select {
 width: 200px !important;
}




/* Csoportos eseménykezelő */

.groupEvents {
 margin: 0 0 0 8px;
 padding: 7px 0 0 30px; 
 background-image: url(../images/arrow_ltr.gif); 
 background-repeat: no-repeat;
 background-position: 0 7px;  
}

.groupEvents .selectorBlock {
 width: 50%;
 padding-top: 7px;
 float: left;
}

.groupEvents .eventBlock {
 width: 49%;
 text-align: right;
 float: left;
}

.groupEvents .eventBlock button {
 position: relative;
 top: 4px;
 margin-left: 5px;
 background-color: transparent;
 cursor: pointer;
 border: 0;
 color: #fff;
 padding: 8px;
}

.groupPrintButton {
 width: 280px;
 height: 30px;
 margin-left: 5px;
 cursor: pointer;
 color: #fff;
 padding: 6px;
 background: #fff;
 border: 1px solid #aaa;
 color: #a00;
 font-size: 12px;
}

.groupPrintButton:hover {
 color: #900;
 background: #f5f5f5;
 border: 1px solid #999;
}

.groupEvents .eventBlock img {
 border: 0;
}

.groupEvents .categoryBlock {
 padding-top: 10px;
 clear: both;
 text-align: right;
}

.groupEvents .categoryBlock label {
 width: 300px;
 margin: 3px 10px 0 0 !important;
 display: block;
 text-align: right;
 float: right;
 color: #000 !important;
}

.groupEvents .categoryBlock select {
 width: 200px;
 margin: 1px 10px 0 0;
 float: right;
}

.groupEvents .eventBlock input {
 width: 19px !important;
 height: 19px !important;
 margin-left: 10px !important;
 background-repeat: no-repeat !important;
 background-position: 0 0 !important;
 background-color: transparent !important;
 border: 0 !important;
}

.groupEvents input.act {
 background-image: url(../images/active.gif) !important; 
}

.groupEvents input.deact {
 background-image: url(../images/inactive.gif) !important; 
}

.groupEvents input.del {
 background-image: url(../images/delete.gif) !important; 
}

.groupEvents input.move {
 width: 74px !important;
 height: 17px !important;
 margin: 2px 0 0 0 !important;
 float: right;
 font-size: 11px;
 border: 1px solid #8B8A8A;
}



/* Sprinter export */

.csvExport {
 width: 100px !important;
 height: 18px;
 background: #fff;
 cursor: pointer;
}



/* Főoldali elemek */

.infoBox {
 width: 150px;
 margin-bottom: 15px;
 padding: 10px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;  
}

.reminderBox {
 margin-bottom: 15px;
 padding: 10px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;  
}

.reminderBox #listTable {
 width: 1035px;
}



/* Egyszerűsített űrlap */

.simpleForm label {
 margin: 10px 0 2px 0;
 display: block;
 position: relative;
}

.simpleForm input {
 width: 200px;
 height: 14px;
 margin: 0;
 padding: 1px 2px 1px 2px;
 background: #fff;
 border: 1px solid #888;
}

.simpleForm select {
 width: 206px;
 background: #fff;
 border: 1px solid #888; 
}

.simpleForm textarea {
 width: 545px;
 height: 100px;
 margin: 0;
 padding: 1px 2px 1px 2px;
}

.simpleForm input.submit {
 height: 18px; 
 margin: 10px 0 0 0;
 padding: 0 2px 2px 2px; 
 background-image: none;
 cursor: pointer;
}

.simpleForm .button {
 width: 67px;
 height: 17px; 
 margin: 10px 0 0 0;
 padding: 0 2px 2px 2px; 
 background-image: none;
 cursor: pointer;
}

.simpleForm input.id {
 width: 50px;
}

.simpleForm input.percent {
 width: 20px;
}

.simpleForm input.price {
 width: 60px;
}



/* Színkódok */

.colorInfo {
 margin-bottom: 15px;
}

.colorSymbol {
 width: 10px;
 height: 10px;
 margin-right: 5px;
 float: left;
}

.colorSymbol div {
 background: #fff; 
}

.colorSymbol-1 {
 border: 1px solid #8fcf9e;
 background: #c6e0cc;
}

.colorSymbol-2 {
 border: 1px solid #d69696;
 background: #e0c6c6;
}

.colorSymbol-3 {
 border: 1px solid #c9cd5f;
 background: #e3e5a8;
}

.colorSymbol-4 {
 border: 1px solid #663300;
 background: #ff9900;
}

.colorSymbol-5 {
 border: 1px solid #336699;
 background: #99ccff;
}

.colorSymbol-6 {
 border: 1px solid #800078;
 background: #d600c9;
}

#listTable .cColor1 td {
 background: #c6e0cc;
}

#listTable .cColor2 td {
 background: #e0c6c6;
}

#listTable .cColor3 td {
 background: #e3e5a8;
}

#listTable .cColor4 td {
 background: #ff9900;
}

#listTable .cColor5 td {
 background: #99ccff;
}

#listTable .cColor6 td {
 background: #d600c9;
 color: #fff;
}

#listTable .cColor6 td a {
 color: #fff;
}

#listTable .cColor6 td a:hover {
 color: #eee;
}



/* Figyelmeztetések */

.notifyBox {
 padding: 3px 4px 3px 4px;
 background-color: #fff;
 border: 3px dashed #ffd200;  
 color: #9c8101;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
}

.notifyBox span {
 color: #000;
}



/* Törlések */

.deleteForm {
 padding: 10px;
 border: 1px solid #cdcdcd;
 background: url(../images/stripes.png) repeat 0 0; 
}



/* Levelek */

.logBox {
 padding: 5px;
 font-family: courier, courier new, sans-serif;
 color: #33ff00;
 background: #000;
 border: 1px solid #fff;
}

.logBox span {
 color: #ffff33;
}

table.mailLister {
 border-collapse: collapse;
}

table.mailLister tr.mailListerHeader td {
 background: #eee !important;
}

table.mailLister td {
 padding: 3px !important;
}

.mailSubject {
 width: 350px;
}

tr.readed td.mailSubject a {
 font-weight: normal;
}

tr.unreaded td.mailSubject a {
 font-weight: bold;
}

.mailFrom {

}

.mailTo {

}

.mailDate {

}

#mail {

}

#mail .mailHeader {
 margin-bottom: 10px;
 background: #fff;
 border: 1px solid #aaa;
 padding: 10px;
}

#mail .mailBody {
 background: #fff;
 border: 1px solid #aaa;
 padding: 0;
}

#mail .mailBody iframe {
 width: 1035px;
 height: 500px; 
 margin: 0;
 padding: 0;
 border: 0;
 padding: 10px;
}



/* Kiadás */

td.kiadas {

}



/* PDF generálás */

.pdfHref {
 width: 230px;
 height: 25px;
 padding: 10px 10px 0 40px !important;
 display: block;
 font-size: 11px !important;
 background: #fff url(../images/pdf-25.png) no-repeat 4px 4px !important; 
 cursor: pointer;
 border: 1px solid #aaa;
 font-size: 13px !important;
}

.pdfHref:hover {
 background: #f4f4f4 url(../images/pdf-25.png) no-repeat 4px 4px !important; 
}

.pdfButton {
 width: 200px;
 height: 37px !important;
 padding: 0 0 0 25px !important;
 font-size: 11px !important;
 background: #fff url(../images/pdf-25.png) no-repeat 4px 4px !important; 
 cursor: pointer;
}

.pdfButtonEmail {
 width: 200px;
 height: 37px !important;
 padding: 0 0 0 25px !important;
 font-size: 11px !important;
 background: #fff url(../images/pdf-25-email.png) no-repeat 4px 4px !important; 
 cursor: pointer;
}

.invoice-text {
 width: 70px;
 padding-top: 5px;
 float: left;
}

.invoice-icon {
 width: 30px;
 float: left;
}

.pdfButton-icon {
 width: 25px;
 height: 25px;
 padding: 0;
 font-size: 11px !important;
 background: url(../images/pdf-25.png) no-repeat 0 0; 
 cursor: pointer;
 border: 0;
}



/* CSV generálás */

.csvButton {
 width: 30px;
 height: 30px !important;
 padding: 0 !important;
 font-size: 11px !important;
 background: url(../images/csv-25.png) no-repeat 4px 4px !important;
 border: 0; 
 cursor: pointer;
}



/* Emlékeztetők */

.newReminder {
 width: 420px;
 margin-bottom: 15px;
 padding: 10px;
 border: 1px solid #cdcdcd;
 background: url(../images/stripes.png) repeat 0 0; 
}

.newReminder h4 {
 margin-bottom: 15px;
 font-size: 16px;
 color: #ff5a00;
 text-shadow: white 0.1em 0.1em 0.2em;
}

.newReminder .reminderBlock1 {
 width: 220px;
 float: left;
}

.newReminder .reminderBlock2 {
 width: 100px;
 float: left;
}

.newReminder .reminderBlock2 input {
 width: 30px !important;
}



/* Nyomtatási kitételek */

.printableTitle {
 display: none;
}



/* Sor kiemelése */

.coloredTDs {
 background: #ffe39e;
}

.infoedTDs {
 cursor: help;
}



/* Kikapcsolt gomb */

span.inactiveHrefButton {
 padding: 2px;
 background: #fff !important;
 border: 1px solid #ddd !important;
 color: #bbb;
 cursor: not-allowed;
}



/* Kisatírozás */

td.greyed {
 background: #ddd url(../images/stripe_greyed.png) repeat 0 0;
}



/* PDF export a szűrőpanelen */

.createCollectorPDF {
 position: absolute;
 width: 103px;
 height: 70px;
 left: 933px;
 top: 40px;
 text-align: center;
}

.createCollectorPDF .submit {
 width: 60px !important;
 height: 60px !important;
 text-indent: -9000px;
 font-size: 1px;
 cursor: pointer;
 background: url(../images/csomagpdf.jpg) no-repeat 0 0;
 border: 0;
}

.createCollectorPDF .submit:hover {
 border-left: 1px solid #aaa;
 border-top: 1px solid #aaa;
 background-position: 1px 1px;
}



/* Jogosultság kezelés */

td.authAll {
 font-style: italic;
 color: #888;
}

td.authAllCol {
 padding-bottom: 15px !important;
 background: url(../images/arrow-down.png) no-repeat center 20px; 
}



/* Színkódok */

tr.colorCode_green td {
 background: #c6e0cc;
}

tr.colorCode_red td {
 background: #e0c6c6;
}



/* Messenger history */

.messageHistory_left {
 width: 50%;
 margin-right: 2%;
 float: left;
}

.messageHistory_right {
 width: 48%;
 float: left;
}

.messengerHistory {
 width: 100%;
 border-collapse: collapse;
 border: 1px solid #fff;
 background: #ddd;
}

.messengerHistory tHead td {
 padding: 2px 4px 2px 4px;
 border: 1px solid #fff;
 background: #eee;
}

.messengerHistory tBody td {
 padding: 2px 4px 2px 4px;
 border: 1px solid #fff;
}

.messengerHistory tBody td a {
 color: #000;
 display: block;
}  

.messengerHistory tBody tr:hover td {
 background: #e4e4e4;
}

.messengerHistory tBody tr:hover td, .messengerHistory tBody tr:hover td a {
 color: #a95b5f !important;
}

.messengerHistory td.mPartner {
 width: 70px;
}

.messengerHistory td.mText {

}

.messengerHistory td.mDate {
 width: 150px;
 text-align: right;
}

.messengerHistory td.mReaded {
 width: 50px;
 text-align: center;
}

.historyChat {
 background: #fee;
}

.historyChat input.messageText {
 width: 98%;
 height: 20px;
 padding: 2px 4px 2px 4px;
 background: #fff;
 font-size: 11px;
}

.historyContent {
 width: 100%;
 height: 600px;
 margin-top: 15px;
 overflow-y: scroll;
 border: 1px solid #aaa;
}

.historyMessage_item {
 padding: 2px 4px 2px 4px;
}

.historyMessage_item p {
 margin-bottom: 10px;
}

.historyContent .myMessage {
 background: #fff;
}

.historyContent .partnersMessage {
 background: #fff;
}

.historyContent span.sender {
 width: 50%;
 float: left;
 font-weight: bold;
 color: #33517d;
}

.historyContent span.date {
 width: 50%;
 float: left;
 font-size: 11px;
 color: #aaa;
 text-align: right;
}

.historyContent span.message {
 display: block;
}

.loadMore {
 display: block;
 padding: 10px;
 text-align: center;
 cursor: pointer;
 background: #c8d4e5;
 color: #000;
}

.loadMore:hover {
 background: #32425b;
 color: #fff;
}

td.flagStatus {
 width: 10px;
}




/* Table editor */

table.itemLister {
 width: 100%;
 border-collapse: collapse;
 border: 1px solid #fff;
}
.smallLister {
 font-size: 11px;
}

table.itemLister tr {
 
}

tr.columnNames td {
 background: #ddd; 
 border-right: 1px solid #fff;  
 border-bottom: 1px solid #fff;  
}

tr.rowOdd td {
 background: #fafafa;
}

tr.rowEven td {
 background: #f1f1f1;
}

tr.rowOutDated td {
 color: #aaa;
 font-style: italic;
}

table.itemLister td {
 padding: 5px 3px 5px 3px;
 border-bottom: 1px solid #fff;
 vertical-align: top;
}

table.itemLister td.scaler {

}

table.itemLister td.small {
 width: 100px;
}

table.itemLister td.medium {
 width: 250px;
}

table.itemLister td.large {
 width: 500px;
}




/* Sheet emulation */

.html_sheet {
 width: 1000px;
 margin-top: 15px;
 margin-bottom: 15px;
 padding: 10px;
 background: #fff;
 border: 1px solid #aaa;
}

.html_sheet .sheetTitle {
 font-size: 18px;
 font-weight: bold;
}

.html_sheet .sheetInfo .sheetInfo_left {
 width: 400px;
 vertical-align: top;
}

.html_sheet .sheetInfo .sheetInfo_right {
 width: 400px;
 vertical-align: top; 
}

.html_sheet .sheetSubTitle {
 margin-bottom: 10px;
}

.html_sheet img {
 margin-right: 10px;
 margin-bottom: 10px;
}



/* Clone */

.cloneProduct {
 margin-top: 30px;
 padding: 10px;
 border: 1px solid #f00;
 background: #fee;
}



/* Category handling */

.filter-selector {

}

.cat-level-0 {
 color: #000;
}

.cat-level-1 {
 color: #a00 !important;
}

.cat-level-2 {
 color: #0a0 !important;
}



/* Jogosultsagok */

.j_nev {

}

.j_szul {
 width: 130px;
}

.j_cim {
 width: 200px;
}

.j_jogosultsag {
 width: 105px;
}

.j_kepviselo {
 width: 105px; 
}

.j_kiadas {
 width: 110px;
}

.j_jogosultsag .select {
 width: 100px !important;
}

.j_kepviselo .select {
 width: 100px !important;
}

.j_megjegyzes {
 width: 250px;
}

.j_engedely {
 width: 30px;
 text-align: center;
}

.potosztas_cb {
 width: 15px !important;
 height: 15px !important;
 margin: 0 15px 0 0 !important;
 padding: 0 !important;
}

.potosztas_mj {
 width: 110px !important;
 height: 15px !important;
 margin: 0 !important;
 padding: 0 !important;
}

.kiadva_gomb {
 width: 110px;
 height: 26px;
 padding: 2px !important;
 display: block;
 font-size: 11px !important;
 background: #fff; 
 cursor: pointer;
 border: 1px solid #aaa;
 font-size: 13px !important;
 text-align: center;
}

.kiadva_gomb:hover {
 background: #f4f4f4; 
}

.potosztas_uj {
 width: 80px;
 height: 16px;
 margin-bottom: 5px;
}



/* Engedélyek megjelenítése */

.auth_info {
 padding: 3px 4px 3px 4px;
}

.iconogram_on {
 padding: 5px;
 font-size: 16px;
 font-weight: bold;
 color: #fff;
 background: #0a0;
 border-radius: 30px;
}

.iconogram_off {
 padding: 5px;
 font-size: 16px;
 font-weight: bold;
 color: #aaa;
 background: #ccc;
 border-radius: 30px; 
}

.iconogram_forbidden {
 padding: 5px;
 font-size: 16px;
 font-weight: bold;
 color: #f00;
 background: #700;
 border-radius: 30px; 
}