html,
body {
    margin: 0px; 
    padding: 0px;
    font-size: 0.85em;
    font-family: Tahoma, Verdana, Arial; 
    color: #4297d7; 
    height: 100%;
    min-width: 600px;
}
body {
    background: #fcf9e8 url('../images/body_background.jpg') repeat;
}

h1 {font-size: 1.4em; margin: 1em 0;}
h2 {font-size: 1.3em; margin: 0.9em 0;}
h3 {font-size: 1.2em; margin: 0.8em 0;}
h4 {font-size: 1.1em; margin: 0.7em 0;}
h5 {font-size: 1.05em; margin: 0.7em 0;}
h6 {font-size: 1em; margin: 0.6em 0;}

img { border-style: none;}
.clear {clear: both;}
.hide {display: none;}
.show {display: block;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.justify {text-align: justify;}
.f-bold {font-weight: bold;}
.f-normal {font-weight: normal;}

.us_fullwidth {width: 100%;}
.us_halfwidth {width: 50%;}
.us_quarterwidth {width: 25%;}

header, 
footer {margin: 0px; min-width: 1080px; width: 100%; position: fixed; z-index: 10000;}
header {top: 0px;}
footer {bottom: 0px; height: 30px;}
header .header, 
footer .footer {padding: 0px;}
header .header .k-block {border-radius: 0px; -moz-border-radius: 0px;} 
footer .footer .k-block {border-radius: 0px; -moz-border-radius: 0px; padding: 4px 5px 3px 4px;}
header table td span {font-weight: normal;}

footer a, 
footer a:visited, 
footer a:link {text-decoration: none; color: #d69c1e;}
.desktop_icon a:hover,
footer a:hover {text-decoration: underline;}
footer span.desktop_lock {position: absolute; bottom: 5px; left: 10px;}
footer span.desktop_repair {position: absolute; bottom: 5px; left: 38px;}
footer span.desktop_resetgrids {position: absolute; bottom: 5px; left: 66px;}

.us-icon-home {background-image: url('../icons/home.png');  background-position: 0px 0px;}
.us-icon-exit {background-image: url('../icons/exit.png');  background-position: 0px 0px;}
.us-icon-worldgo {background-image: url('../icons/world-go.png');  background-position: 0px 0px;}
.us-icon-user {background-image: url('../icons/user.png');  background-position: 0px 0px;}
.us-icon-group {background-image: url('../icons/group.png');  background-position: 0px 0px;}
.us-icon-right {background-image: url('../icons/right.png');  background-position: 0px 0px;}
.us-icon-update {background-image: url('../icons/update.png');  background-position: 0px 0px;}
.us-icon-lock {background-image: url('../icons/lock.png');  background-position: 0px 0px;}
.us-icon-unlock {background-image: url('../icons/unlock.png');  background-position: 0px 0px;}
.us-icon-repair {background-image: url('../icons/repair.png');  background-position: 0px 0px;}
.us-icon-changepwd {background-image: url('../icons/changepwd.png');  background-position: 0px 0px;}
.us-icon-grouprights {background-image: url('../icons/grouprights.png');  background-position: 0px 0px;}
.us-icon-country {background-image: url('../icons/country.png');  background-position: 0px 0px;}
.us-icon-language {background-image: url('../icons/language.png');  background-position: 0px 0px;}
.us-icon-currency {background-image: url('../icons/currency.png');  background-position: 0px 0px;}
.us-icon-developer {background-image: url('../icons/developer.png');  background-position: 0px 0px;}
.us-icon-regcode {background-image: url('../icons/regcode.png');  background-position: 0px 0px;}
.us-icon-setup {background-image: url('../icons/setup.png');  background-position: 0px 0px;}
.us-icon-translate {background-image: url('../icons/translate.png');  background-position: 0px 0px;}
.us-icon-modul {background-image: url('../icons/modul.png');  background-position: 0px 0px;}
.us-icon-installer {background-image: url('../icons/installer.png');  background-position: 0px 0px;}
.us-icon-source {background-image: url('../icons/source.png');  background-position: 0px 0px;}
.us-icon-smarty {background-image: url('../icons/smarty.png');  background-position: 0px 0px;}
.us-icon-htmleditor {background-image: url('../icons/htmleditor.png');  background-position: 0px 0px;}
.us-icon-cmsadmin {background-image: url('../icons/cmsadmin.png');  background-position: 0px 0px;}
.us-icon-company {background-image: url('../icons/company.png');  background-position: 0px 0px;}
.us-icon-bill {background-image: url('../icons/bill.png');  background-position: 0px 0px;}
.us-icon-subscription {background-image: url('../icons/subscription.png');  background-position: 0px 0px;}
.us-icon-subscriptiondetail {background-image: url('../icons/subscriptiondetail.png');  background-position: 0px 0px;}
.us-icon-invoice {background-image: url('../icons/invoice.png');  background-position: 0px 0px;}
.us-icon-invoices {background-image: url('../icons/invoices.png');  background-position: 0px 0px;}
.us-icon-invoicereport {background-image: url('../icons/invoicereport.png');  background-position: 0px 0px;}
.us-icon-fizetesimod {background-image: url('../icons/fizetesimod.png');  background-position: 0px 0px;}
.us-icon-productgroups {background-image: url('../icons/productgroups.png');  background-position: 0px 0px;}
.us-icon-products {background-image: url('../icons/products.png');  background-position: 0px 0px;}
.us-icon-delivery {background-image: url('../icons/delivery.png');  background-position: 0px 0px;}
.us-icon-partner {background-image: url('../icons/partner.png');  background-position: 0px 0px;}
.us-icon-prices {background-image: url('../icons/prices.png');  background-position: 0px 0px;}
.us-icon-report {background-image: url('../icons/report.png');  background-position: 0px 0px;}
.us-icon-domainreg {background-image: url('../icons/domainreg.png');  background-position: 0px 0px;}
.us-icon-js {background-image: url('../icons/js.png');  background-position: 0px 0px;}
.us-icon-css {background-image: url('../icons/css.png');  background-position: 0px 0px;}
.us-icon-mail {background-image: url('../icons/mail.png');  background-position: 0px 0px;}
.us-icon-print {background-image: url('../icons/print.png');  background-position: 0px 0px;}
.us-icon-folder {background-image: url('../icons/folder.png');  background-position: 0px 0px;}
.us-icon-download {background-image: url('../icons/download.png');  background-position: 0px 0px;}
.us-icon-upload {background-image: url('../icons/upload.png');  background-position: 0px 0px;}
.us-icon-finish {background-image: url('../icons/finish.png');  background-position: 0px 0px;}
.us-icon-csv_text {background-image: url('../icons/csv_text.png');  background-position: 0px 0px;}
.us-icon-manual {background-image: url('../icons/manual.png');  background-position: 0px 0px;}
.us-icon-raktar {background-image: url('../icons/raktar.png');  background-position: 0px 0px;}
.us-icon-raktarmozgas {background-image: url('../icons/raktarmozgas.png');  background-position: 0px 0px;}
.us-icon-raktarselejt {background-image: url('../icons/raktarselejt.png');  background-position: 0px 0px;}
.us-icon-order {background-image: url('../icons/order.png');  background-position: 0px 0px;}
.us-icon-eszkoz {background-image: url('../icons/eszkoz.png');  background-position: 0px 0px;}
.us-icon-eszkozcsoport {background-image: url('../icons/eszkozcsoport.png');  background-position: 0px 0px;}
.us-icon-eszkozuzemicsoport {background-image: url('../icons/eszkozuzemicsoport.png');  background-position: 0px 0px;}
.us-icon-eszkozjegyzokonyv {background-image: url('../icons/eszkozjegyzokonyv.png');  background-position: 0px 0px;}
.us-icon-eszkozutemterv {background-image: url('../icons/eszkozutemterv.png');  background-position: 0px 0px;}

#us_content_frame {margin: 0; padding: 0; width: 100%; height: 100%;}
#us_content_framewindow {padding: 65px 0px 30px 0px; width: 100%;}
#us_gridcontent,
#us_content {padding: 5px; min-height: 150px; min-width: 300px; margin: 0 auto;}
#us_content img.ceglogo {max-height: 180px; max-width: 500px;}
#us_gridcontent {padding: 0px; overflow: inherit;}
.us_grids {min-height: 150px}
.us_grids th.k-header .k-link {text-align: center;}
.us_gridheadertemplate {clear: both; margin-bottom: 3px;}
.us_gridcustomheadertemplate {min-height: 32px; line-height: 32px; padding-left: 5px;}
.us_gridbuttons,
.us_gridbuttons_right {float: right; min-height: 32px; line-height: 32px;}
.us_gridbuttons_left {float: left; min-height: 32px; line-height: 32px; margin-right: 15px;}
.us_gridsearching {float: left; min-height: 32px; line-height: 32px; margin-right: 15px;}
.us_gridfilter_select {width: 320px;}
.us_gridfilterselector {width: 300px;}
.us_gridfilter_label {padding-right: 5px;}
.us_gridviews_select {width: 280px;}
.us_gridviews_label {padding-right: 5px; margin-left: 15px;}

#frmLogin_formcontent {width: 80%; margin: 10px 10%; float: left;}
#frmLogin_before, #frmLogin_after {width: 80%; margin: 5px 10%; height: 15px; text-align: center;}
#frmLogin_formcontent .us_labeledinputs {min-height: 50px;}

#desktop_icons {margin: 10px auto; min-width: 600px; width: 1080px; max-width: 2520px; min-height: 500px; height: 700px; max-height: 1600px; border: 1px dotted #cccccc;}
.desktop_icons .ui-state-disabled {opacity: 0.85;}
.desktop_icons .desktop_icon:hover {opacity: 1;}
.desktop_icons div.desktop_icon {float: left; width: 118px; height: 98px; border: 1px solid transparent;}
.desktop_icons div.desktop_icon span.winloading {position: relative; z-index: 2000; top: 10px; left: 90px; width: 20px; height: 20px; visibility: hidden;}
.desktop_icons div.desktop_icon span.wintitle {position: relative; top: 30px; clear: both;  color: #003F59; text-align: center; display: block; width: 110px; height: 40px; font-size: 11px; padding: 5px;}
.desktop_icons div.desktop_icon:hover {border: 1px dotted grey;}
.desktop_icons div.desktop_icon:hover span.wintitle {text-decoration: underline;}
.desktop_icons div.desktop_icon_active {opacity: 0.5;}
#desktop_icons_left {padding:  3px 2px;}
#desktop_icons_left .desktop_icon {float: left;}
#desktop_mainpanel {min-width: 1080px; min-height: 600px; top: 65px; background: none;}
#desktop_mainpanel_left {min-height: 600px;}
#desktop_mainpanel_right {min-width: 820px; min-height: 600px;}
#desktop_maintabstrip {min-height: 400px;}
#desktop_maintabstrip > div {min-height: 500px; margin-bottom: 5px; height: 100%;}
#desktop_mainpanel > div.us_grids {min-height: 500px;}

.k-window-title {line-height: 1.2em !important;}
/* függőleges menü esetén
.us_gridcolmenu .k-animation-container {max-height: 450px !important; overflow-y: auto !important; overflow-x: hidden !important;}
.k-menu .k-group .columns_window > .k-link {min-height: 1.8em; line-height: 1.8em !important;} 
*/
li.add_record, 
li.edit_record, 
li.delete_record, 
li.clear_selection {min-width: 110px;}
.us-hr-separator {border: 1px solid #64a1bb; width: 95%;}
.k-menu-vertical li.us-menu-separator > .k-link {padding: 0px; margin: 0px;}
.k-menu-vertical li.us-menu-separator,
.k-menu-vertical li.cancel_record,
.k-menu-vertical li.close_record, 
.k-menu-vertical li.save_record, 
.k-menu-vertical li.saveas_record {width: 100%;}
.k-upload-button {width: auto; min-width: 120px;}
.k-filename {max-width: 800px;}

.us_forms_splitter div.topinner,
.us_forms_splitter div.bottominner {padding: 5px;}
.system_uploadedfiles {float: left; width: 140px; height: 220px; padding: 6px; margin: 8px; border: 1px dotted grey; opacity: 0.8}
.system_uploadedfiles:hover {border: 1px solid grey; opacity: 1}
.system_uploadedfiles p {font-size: 0.8em; word-wrap: break-word;}
.system_uploadedfiles > a.system_uploadedfile {text-align: center; display: table-cell; width: 140px; height: 140px; vertical-align: middle;}
.system_uploadedfiles > a.system_uploadedfile img {margin: 0 auto;}
.system_uploadedfiles input.us_filerename {width: 140px; margin-bottom: 5px;}

.system_operation_process {position: absolute; top: 10px; left: 50%; margin-left: -300px; width: 600px; height: 70px; z-index: 200000;}

.grid-color-red {background-color: #eea0a0;}
.grid-color-green {background-color: #a0eea0;}
.grid-color-yellow {background-color: #eeeea0;}
.grid-color-purple {color: #8b008b; font-weight: bold}

.pp_pic_holder {
    z-index: 100001 !important;
}

/* kendoui-dev spriteClassCss*/
.k-menu .k-sprite.k-icon {
  font-size: 16px;
}