body{margin:0;padding:0;font-family:arial;font-size:12px}
#foldal{width:980px;margin:10px auto;border:1px solid #ccc}
#fofejlec{position:relative;background:#008556;padding:5px 10px;border-bottom:1px solid #ccc;font-weight:bold;font-size:14px;color:#fff}
#fofejlec a{color:#fff}
#tartalom{padding:10px}
.buttonbox{}

h1{font-size:14px;text-transform:uppercase;margin:10px 0;color:#03529d}
h2{font-size:14px;text-transform:uppercase;margin:10px 0;color:#03529d}

.tablazat{border:1px solid #ccc;border-collapse:collapse;width:100%}
.tablazat th,.tablazat td{border:1px solid #ccc;padding:3px}
.tablazat th{background:#eee;height:33px}
.mod{color:#090;font-weight:bold}
.del{color:#c00;font-weight:bold}
.listagombok div{display:none}
.center,.tac{text-align:center}
.sor td{height:33px}
.sor:hover div{display:block}
.sor:hover td{background:#fffacd}


.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:none;z-index:99900}
.overlayfolott{display:none;position:absolute;border-radius:6px;background:#fff;padding:10px;z-index:99900;width:550px;box-shadow: 0 0 10px #000;-moz-box-shadow: 0 0 10px #000;-webkit-box-shadow: 0 0 10px #000}
.noshow{position:absolute;left:-10000px;top:-10000px}
.overlayfolott .aform,.formablak .aform{margin-top:10px}
label {font-weight: bold;display: block;width: 150px;float: left;margin-right:5px}
label:after { content: ": " }
.nemaktiv{opacity: 0.2;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2}
img.nemaktiv{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4;opacity: 0.4}



button{background:url(art/26_buttonbg.png);background-position:left bottom;background-repeat:repeat-x;background-color:#666;-moz-border-radius:6px;-webkit-border-radius:6px;border:none;padding:3px 11px;color:#fff;font-weight:bold;cursor:pointer;margin:8px;height:32px}
button:hover{background-color:#333}

.closebutton{cursor:pointer;background:url(art/20_active.png);background-position:0px -189px;width:29px;height:30px}

#overlayfolott h1,.formablak h1{font-size:25px;font-weight:normal;float:left;margin:0;max-width:660px;line-height:32px}
.aform{clear:both;overflow:auto;max-height:665px;position:relative}
.clear{clear:both;font-size:0;line-height:0}


.gomb{width:20px;height:20px;background-image:url(art/26_buttonbg-fekete.png);background-repeat:no-repeat;background-position:left top;padding:3px}
.gomb .ikon{width:20px;height:20px;background-image:url(art/20_active.png);background-repeat:no-repeat;background-position:left top}
.gomb.piros{background-position:0 -52px}
.gomb.fekete{background-position:0 -26px}
.gomb.fekete.state2{background-position:-26px -26px!important}
.gomb.fekete.state3{background-position:-52px -26px!important}
.gomb.piros.state2{background-position:-26px -52px!important}
.gomb.piros.state3{background-position:-52px -52px!important}


.state2{background-position:-26px 0!important}
.state2 .ikon{background-position:1px 1px}

.state3{background-position:-52px 0!important}
.state3 .ikon{margin-left:1px;margin-top:1px}

.ikon.pipa{background-position:0px -100px}
.ikon.refresh{background-position:-20px -100px}
.ikon.osszehuz{background-position:-40px -100px}
.ikon.bezar{background-position:-80px -100px}
.ikon.bezarpiros{background-position:-160px -100px}
.ikon.lenyil{background-position:-200px -100px}
.ikon.felnyil{background-position:-220px -100px}
.ikon.kuka2{background-position:-240px -100px}
.ikon.play1{background-position:-260px -100px}
.ikon.play2{background-position:-280px -100px}
.ikon.play3{background-position:-300px -100px}
.ikon.play4{background-position:-320px -100px}
.ikon.play5{background-position:-340px -100px}
.ikon.play6{background-position:-360px -100px}
.ikon.hozzaad{background-position:-380px -100px}

/* fekete */
.ikon.torles{background-position:0px -120px}
.ikon.kuka{background-position:-20px -120px}
.ikon.levalasztas{background-position:-40px -120px}
.ikon.szures{background-position:-60px -120px}
.ikon.uj{background-position:-80px -120px}
.ikon.fpipa{background-position:-100px -120px}
.ikon.fdatum{background-position:-120px -120px}
.ikon.fmasolat{background-position:-140px -120px}
.ikon.fvissza{background-position:-160px -120px}
.ikon.fhozzaferes{background-position:-180px -120px}
.ikon.feredmeny{background-position:-200px -120px}
.ikon.fszuro{background-position:-220px -120px}
.ikon.minusz{background-position:-240px -120px}
.ikon.frefresh{background-position:-260px -120px}
.ikon.lefolnyil{background-position:-280px -120px}
.ikon.logout{background-position:-300px -120px}
.ikon.search{background-position:-320px -120px}
.ikon.modositas{background-position:-340px -120px}
.ikon.previewikon{background-position:-360px -120px}


#aform .ui-state-hover,#aform .ui-state-active{background-color:#fff!important;background-image:url(css/images/inputhatter.png)!important;background-position:top left!important;background-repeat:repeat-x!important}
.aform .ui-state-hover,.aform .ui-state-active{background-color:#fff!important;background-image:url(css/images/inputhatter.png)!important;background-position:top left!important;background-repeat:repeat-x!important}
.ures{display:none}

.mezosor{position:relative;zoom:1;z-index:8000}
.overlayfolott .mezosor,.formablak .mezosor{position:relative;zoom:1;padding:4px;padding-left:10px;margin-right:10px;-moz-border-radius:6px;-webkit-border-radius:6px}
.overlayfolott .mezosor input,.overlayfolott .mezosor select,.overlayfolott .mezosor a,.overlayfolott .mezosor .radio,.overlayfolott .mezosor textarea
.formablak .mezosor input,.formablak .mezosor select,.formablak .mezosor a,.formablak .mezosor .radio,.formablak .mezosor textarea{background-color:#fff}
.overlayfolott .mezosor .radio,.formablak .mezosor .radio{cursor:pointer;min-height:26px;padding:2px;width:246px;margin-bottom:1px}
.overlayfolott .mezosor .radio.ui-state-default,.formablak .mezosor .radio.ui-state-default{color:#888}
.overlayfolott .mezosor .radio.ui-state-hover,.formablak .mezosor .radio.ui-state-hover{color:#000}
.overlayfolott .mezosor .radio.ui-state-active,.formablak .mezosor .radio.ui-state-active{background:#fff;font-weight:bold;color:#000;border-color:#666}
.overlayfolott .mezosor .radio .stateikon,.formablak .mezosor .radio .stateikon{display:none;background-image:url(art/20_active.png);background-repeat:no-repeat;width:20px;height:20px;margin-top:4px}
.overlayfolott .mezosor .radio.ui-state-active .stateikon,.formablak .mezosor .radio.ui-state-active .stateikon{display:block!important}
.overlayfolott .mezosor .radio span,.formablak .mezosor .radio span{margin-left:5px;line-height:26px}
.overlayfolott .mezosor.aktivsor,.formablak .mezosor.aktivsor{position:relative}
.overlayfolott .mezosor.aktivsor,.formablak .mezosor.aktivsor{background:#fffacd}
.aktivsor *{z-index:9000}


.ui-state-warning label{width:144px;/*150-5padding-1border*/}
.ui-state-warning label:after{content:""}
.ui-autocomplete{max-height:250px;overflow-y:auto;overflow-x:hidden;padding-right:20px}
* html .ui-autocomplete{height:250px}



.sortable{list-style-type:none;margin:0;padding:0;;position:relative}
ul.sortable{width:330px;float:left}
.sortable li{position:relative;padding:0;padding-left:1.5em;padding-left:0;height:34px;overflow:hidden;text-align:left}
.sortable li span.ui-icon-arrowthick-2-n-s{position:relative;margin-top:7px;cursor:pointer} /*left:0;position:absolute;margin-left:-1.3em;*/
.sortable li div.gomb{float:left;margin-top:3px;margin-left:5px}
.sortable li:first-child span.ui-icon-arrowthick-2-n-s,.sortable li:first-child div.gomb{display:none}
.multi_uj{margin-top:3px;position:absolute;left:422px}

.propertybox{float:right;width:220px}
.formwithpropertybox{float:left;width:510px}
#propertyboxinner{padding:10px;border-radius:6px;width:190px;/*position:fixed;*/background:#efefef}
#propertyboxinner ul, #propertyboxinner ul li{list-style:none;padding:0;margin:0}
#propertyboxinner ul{margin-bottom:-12px}

#ugyfeltalalatilistablokk{height:173px;position:relative;display:none}

.radio.ui-state-default{display:none}
.mezosor.aktivsor:not(.readonly) .radio.ui-state-default{display:block}

.radiomindmutatgomb{position:absolute;margin-left:257px;margin-top:3px}
.mezosor.aktivsor .radiomindmutatgomb, .mezosor.aktivsor .radiomindmutattxt{display:none}
.radiomindmutattxt{position:absolute;z-index:1000}
.mezosor .radio.ui-state-active{display:block;position:relative;z-index:2000}

#propertyboxinner .IsReadOnly, #propertyboxinner .IsHidden{margin-bottom:6px}
#propertyboxinner .IsReadOnly{color:#666}
#propertyboxinner .IsHidden{color:#aaa}


ul.ui-autocomplete li.ui-menu-item a{min-height:25px;line-height:25px}




.mezo:hover{background-color: #D7E9FB}
.mezosor.aktivsor{background:#fffacd}

hr{height:1px;border:0;border-top:1px solid #ccc}

.fomenu{position:relative;float:left;margin:20px;width:198px;border:1px solid #ccc;background:#eee!important;height:50px;text-align:center;color:#000;border-radius: 6px 6px 6px;font-weight:bold}
.fomenu button{background:none;color:#000;padding:0}
.almenu button{background:#eee;color:#000;padding:0;width:104px;font-size:11px;height:50px;overflow:hidden;float:left;word-wrap: break-word}
.almenu{display:none;z-index:1000;background:#ccc;overflow:auto;border-radius:6px;position:relative;top:-15px}
.fomenu.aktiv{background:#ccc!important}

textarea.ui-input {height:60px}

.status{float:right;width:200px;background:#008556;color:#fff;border-radius:6px;height:32px;text-align:center;line-height:32px;margin:0 5px;display:none;font-size:12px;font-weight:bold}
.tablazat ul{list-style:none;padding:0;margin:0}
.mezosor.readonly .gomb{display:none!important}

.radio.ui-state-readonly,.mezosor.readonly .ui-selectmenu,.mezosor.readonly .radiomindmutattxt{background:#f4f4f4!important;color:#909090!important;opacity:1}
.tablazat.kisbetu tr td,.tablazat.kisbetu tr th{font-size:10px}

.ugyfelkarton .aktivsor{background:none!important}
.ui-accordion-header.ui-state-active a{font-weight:bold}
.googlemap{width:480px;height:300px;}