/********************************************************************
 * 
 * Online könyvelő iroda - CSS sitebuild 20130609
 * Készítette: Katona Tibor, 2013
 * Utolsó módosítás: 2013.06.09.
 * 
 *******************************************************************/


html, body {
	margin: 0;
	padding: 0;
	font: normal 12px verdana;
	background-color: #fff;
}

/***** DESIGN *****/
#wrapper {
	width: 960px;
	margin: 0 auto;
}

#header {
	height: 100px;
	/*background: url(design1306/bg_headerlogo250x100.png) left top no-repeat #fff; mod:2014.03.12.*/
	/*background: url(http://www.ekontento.hu/wp-content/uploads/2014/03/eKontento-online-konyveles-logo-105.jpg) left top no-repeat #fff;*/
	background: url(design1306/kontoonline-logo-250x100.png) left top no-repeat #fff;
	border-bottom: 1px solid #06777f;
}
#xheaderShadow {height: 5px;box-shadow: 0px 2px 2px #aaa;}

#footer {
	clear: both;
	border-top: 1px solid #e8e8e8;
	color: #8e8e8e;
	padding: 10px 0 50px 0;
}
/***** /design *****/

/***** html elemek */
a {color: #056066; text-decoration: none;}
a:hover {text-decoration: underline;}

h1 {font: normal 24px verdana; margin-top: 0;}
h2 {font: normal 22px verdana;}
h3 {font: normal 18px verdana;}
h4 {font: normal 16px verdana;}



/***** DESIGN/ANONIM *****/
#anonimZold {
	height: 310px;
	background: #137e86;
	background: url(design1306/bg_anonimzold960.png) top left no-repeat;
	border-radius: 8px;
	box-shadow: 2px 2px 2px #999;
	-moz-box-shadow: 2px 2px 2px #999;
	-webkit-box-shadow: 2px 2px 2px #999;
}

#headerSlogan {
	float: left;
	margin-top: 50px;
	margin-left: 50px;
	width: 550px;
	color: white;
}
#headerSlogan h2 {
	margin: 0;
}
#headerSlogan p {
	font: 13px arial;
	line-height: 2em;
	text-align: justify;
}

#loginDoboz { border: 1px solid red;
	float: right;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 8px;
	margin-top: 50px;
	margin-right: 50px;
	width: 220px; xheight: 500px;
	padding: 30px;
}
#loginDoboz h2 {
	font: bold 18px arial;
	background: url(design1306/loginbox_h2ikon.png) center left no-repeat;
	padding-left: 30px;
	margin: 0;
}
#loginDoboz label {
	color: #afafaf;
	display: block;
	font: bold 12px arial;
	margin-top: 15px;
}
#loginDoboz input {
	background: #fafafa;
	padding: 8px;
	font: 13px verdana;
	border: 1px solid #aaa;/*#e8e8e8*/
	border-radius: 4px;
	width: 200px;
}
#loginDoboz .submit {
	background: #ea6c00;
	font: bold 14px arial;
	color: white;
	width: 218px;
	margin-top: 20px;
}
#loginDobozLinkek, #loginDobozLinkek a {
	color: #ea6c00;
	font: bold 12px arial;
	text-decoration: none;
	text-align: center;
	margin-top: 10px;
}
#loginDoboz p {
	font: 14px arial;
}

#anonimContent {
	padding: 30px 0 20px 300px;
	margin-top: 10px;
	background: url(design1306/bg_anonimcontent.jpg) left bottom no-repeat;
	border: none;
}
#anonimUl {
	font: 13px verdana;
	line-height: 1.4em;
	margin: 10px; padding: 0;
	list-style-image: url(btn_li_nyil.png);
}
/***** /design/anonim *****/


/***** DESIGN/LOGGED *****/
/***** /design/logged *****/
#welcomeText {
	color: #056066;
	font: normal 12px verdana;
	padding: 10px 0;float: left;
}
#welcomeText a {
	color: #056066;
}

#topRow {
	border-top: 1px solid #06777f;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	box-shadow: 2px 2px 2px #aaa;
}
#welcomeText2 {
	color: #056066;
	padding: 10px 0 0 0;
	float: left;
}
#topMenu {float: right;}
#topMenu2 {float: right; margin-top: 65px;}
.topMenuItem {float: right;}
.topMenuItem a {
	display: block;
	float: right;
	width: 100px;
	text-align: center;
	color: white;
	padding: 10px 0;
	background: #06777f;
	margin: 0 0 0 2px;
	text-decoration: none;
}
.topMenuItem a.xlast {border-bottom-right-radius: 6px; border-top-right-radius: 6px;}
.topMenuItem a:hover {background: #078f99;}
.topMenuItem div {
	display: none;
	position: absolute;
	top: 98px;/*135 100*/
	clear:both;
	text-align: left;
	width: 192px;
	margin-left: 12px;
}
.topMenuItem div a {
	width: 192px;
	text-align: left;
	padding: 5px 0 5px 10px;
	background: #09b3bf;
	border-top: 1px solid white;
	box-shadow: 2px 2px 2px #bbb;
}
.topMenuItem div a:hover {background: #0acbd9;}
#headerCoName {float: right; padding: 10px 10px 0 0;}
/*#headerCoName {float: right; overflow-wrap: break-word; inline-size: 250px;}*/


.messageBox, .errorBox, .resultBox {
	margin: 0;
	padding-top: 1em;
	padding-bottom: 1em;
}
.messageBox {
	background: #ddf;
	color: #006;
	border-left: 3px solid #33c;
	border-right: 3px solid #33c;
}
.errorBox {
	background: #fdd;
	color: #600;
	border-left: 3px solid #c33;
	border-right: 3px solid #c33;
}
.resultBox {
	background: #dfd;
	color: #030;
	border-left: 3px solid #090;
	border-right: 3px solid #090;
}
.messageBox li {
	list-style-image: url(../images/icon/ico_info.png);
}
.errorBox li {
	list-style-image: url(../images/icon/ico_cross.png);
}
.resultBox li {
	list-style-image: url(../images/icon/ico_ok.png);
}

/***** listázások */
/* táblacellákkal */
table.list {border-collapse: separate; border-spacing: 1px;}
table.list th {
	padding: 6px;
	color: white;
	background: #06777f;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#09b3bf), to(#06777f));
	background: -moz-linear-gradient(top, #09b3bf, #06777f);
	background: -ms-linear-gradient(top, #09b3bf, #06777f);
	background: -o-linear-gradient(top, #09b3bf, #06777f);
} /*#7ba9ca  #078f99 padding: 14px; */
table.list td {
	padding: 6px 10px;
	border: 1px solid #06777f;
}
table.list td.empty {
	padding: 0;
	border: none;
}
/* táblasor elválasztásokkal */
table.listh {
	border-collapse: collapse;
}
table.listh th {
	padding: 6px;
	color: white;
	background: #06777f;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#09b3bf), to(#06777f));
	background: -moz-linear-gradient(top, #09b3bf, #06777f);
	background: -ms-linear-gradient(top, #09b3bf, #06777f);
	background: -o-linear-gradient(top, #09b3bf, #06777f);
}
table.list th a,table.listh th a {
	color: #fff000;
	text-decoration: none;
}
table.listh td {
	padding: 6px 10px;
	border-bottom: 1px solid #06777f;
}
table.listh td.empty {
	padding: 0;
	border: none;
}
table.listh tr.empty td {
	border: none;
}
table.listh tr.first td {
	border-top: 1px solid #06777f;
}

table.listh2 {
	border-collapse: separate;
} /* listh-ba beágyazott */
table.listh2 td {
	padding: 6px;
	border-bottom: none;
}
table.listh2 tr.first td {
	border-top: 1px solid #06777f;
}



/* lapozó linkek */
.paging {
	clear: both;
	text-align: center;
	background: #f0f0f0;
	padding: 10px;
}

/***** űrlapok */
form {}
form fieldset {
	border-radius: 8px;
	background: #f6f6f6;
	box-shadow: 2px 2px 2px #aaa;
}/*#f6f6f6; #82dfe5*/
form legend {
	min-width: 180px;
	padding: 8px 20px;
	border: 1px solid #aaa;
	border-radius: 8px;
	background: #f6f6f6;
	font-weight: bold;
}/*#f6f6f6 #06777f*/
.formLeft {
	width: 150px;
	text-align: right;
}
.formLeftTop {
	width: 100px;
	text-align: right;
	vertical-align: top;
	padding-top: 10px;
}
.formInput, .formSelect {
	padding: 2px 5px;
	border: 1px solid #7ba9ca;
	background: #fff;
	font-family: monospace;
}
.formSelect optgroup {
	background: #06777f;
	color: #fff;
}
.formSelect option {
	background: #fff;
	color: #000;
}
.formInput:focus, .formSelect:focus {
	border: 2px solid #0c7a82;
}
.formBtnSubmit,
.formBtn50, .formBtn75, .formBtn100, .formBtn150, .formBtn200, .formBtn250, .formBtn300 {
	height: 22px;
	border: 1px solid #06777f;
	color: white;
	font:  12px verdana;
	border-radius: 5px;
	background: #06777f;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#09b3bf), to(#06777f));
	background: -moz-linear-gradient(top, #09b3bf, #06777f);
	background: -ms-linear-gradient(top, #09b3bf, #06777f);
	background: -o-linear-gradient(top, #09b3bf, #06777f);
}
.formBtn50  {width: 50px;}
.formBtn75  {width: 75px;}
.formBtn100 {width: 100px;}
.formBtn150 {width: 150px;}
.formBtn200 {width: 200px;}
.formBtn250 {width: 250px;}
.formBtn300 {width: 300px;}

.formBtnOrange {
	height: 25px;
	border: 1px solid #b85500;
	color: white;
	font:  12px verdana;
	border-radius: 5px;
	background: #ea6c00;/*#ea6c00*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7600), to(#d96400));
	background: -moz-linear-gradient(top, #ff7600, #d96400);
	background: -ms-linear-gradient(top, #ff7600, #d96400);
	background: -o-linear-gradient(top, #ff7600, #d96400);
}
.formBtnRed {
	height: 25px;
	border: 1px solid #b85500;
	color: white;
	font:  12px verdana;
	border-radius: 5px;
	background: #d66;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d66), to(#900));
	background: -moz-linear-gradient(top, #d66, #900);
	background: -ms-linear-gradient(top, #d66, #900);
	background: -o-linear-gradient(top, #d66, #900);
}
td.submit {
	height: 80px;
}
.rq {/*border: 1px solid #a00;*/}
form .error {
	background: #fcc;
}
.fieldsetZold {background: #06777f;}

/***** általános classok */
.center {margin-left: auto; margin-right: auto;} /* dobozt középre */
.s {font-size: 0.85em;}
.b {font-weight: bold;} .n {font-weight: normal;}
.p {padding: 1em 0;}
.l {text-align: left;} .c {text-align: center;} .r {text-align: right;}
.fl {float: left;} fr {float: right;}
.cb {clear: both;}
.dn {display: none;}
.cp {cursor: pointer;}
.vmiddle {vertical-align: middle;}
.vtop {vertical-align: top;}
.vtop10 {vertical-align: top; padding-top: 10px;}
.w50 {width: 50px;}.w80 {width: 80px;}
.w100 {width: 100px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w400 {width: 400px;}
.w500 {width: 500px;}
.w100p {width: 100%;}
.h200 {height: 200px;}
.pointer {cursor: pointer;}
.collapsed {border-collapse: collapse;}
.lcase, .lower {text-transform: lowercase;} .ucase, .upper {text-transform: uppercase;}
.lst1 {background: #e0e0e0;} /* háttérszín váltások listában */
.lst2 {background: #f0f0f0;}
.red, .fgRed {color: #f00;} .ired {color: #f00 !important;} /* fix betűszínek */
.green, .fgGreen {color: #070;}
.blue, .fgBlue {color: #00f;}
.white, .fgWhite {color: #fff;}
.bgRed {background-color: #fcc;} /* fix háttérszínek */
.bgGreen {background-color: #cfc;}
.bgBlue {background-color: #bdf;}
.bgDarkBlue {background-color: #48c;}
.bgYellow {background-color: #ff9;}
.bgWhite {background-color: #fff;}
.bgOrange {background-color: #ffc722;}/*20221018ig ffa500*/
.bgOrangeDark {background-color: #ee9400;}/*+20221018*/
.bgGray {background-color: #ddd;}
.bgBlack {background-color: #333;}
.brdlRed {border-left: 3px solid #f00 !important;}
.bgRedi {background: #fbd5d5 !important;} .bgYellowi {background: #ffa !important;} .bgBluei {background: #99f !important; color: #000;} .bgDarkBluei {background: #06c !important;} .bgGreeni {background: #cfc !important; color: #696617;} .bgGrayi {background: #ccc !important;} .bgBlacki {background: #333 !important;}
.cnt_datepicker img {vertical-align: middle; margin-left: 5px; cursor: pointer;} /* dtPicker melletti kép tulajdonságai, befoglaló konténerből megadva */
.aBtn200 {display: block; height: 21px; color: white; font: bold 13px verdana; width: 200px; padding-top: 4px; background: url(../images/btn200.png) top left no-repeat; text-align: center; text-decoration: none;}
.aBtn200:hover {text-decoration: none;}
ul.li_ok, li.li_ok {list-style-image: url(../images/icon/ico_ok.png); line-height: 2.5em;}
/* színkód magyarázatokhoz */
.ddSzinKod {margin: 0;padding: 5px 20px; border: 1px solid #7ba9ca; border-top: none;}
.ddSzinKodElso {margin: 0;padding: 5px 20px; border: 1px solid #7ba9ca;}
.szinKodJel    {margin: 0;padding: 5px 20px; border: 1px solid #7ba9ca;}

.ulCeg {
	background: #f0f0f0;
	margin-bottom: 2em;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #aaa;
	border-radius: 8px;
	background: #06777f;
	color: white;
	background: url(design1306/bg_zold.png) left top;
	box-shadow: 1px 1px 1px #aaa;
}
.ulCeg li {line-height: 2em;}
.ulCeg a {color: #f0f0f0;}

.szlaListaSumm {
	width: 250px;
	background: #f0f0f0;
	border: 1px solid #aaa;
	border-radius: 10px;
}
.szlaListaSumm h3 {
	margin-top: 10px;
	margin-left: 20px;
}

/***** topmenü */
#jsddm {margin: 0; padding: 0;}
#jsddm li {float: left; list-style: none; font: 12px verdana;}
#jsddm li a {display: block; color: black; font: bold 13px verdana; padding: 10px;
	text-decoration: none; border-right: 1px solid #aaa; white-space: nowrap;}
#jsddm li a:hover {}
#jsddm li ul {margin: 25px 0 0 0; padding: 0; position: absolute; visibility: hidden;
	border: 1px solid #aaa; border-right: none; border-top: none; box-shadow: 2px 2px 5px #333;}
#jsddm li ul li {float: none; display: inline;}
#jsddm li ul li a {background: #f0f0f0; font-weight: normal; min-width: 150px;
	border-top: 1px solid #ccc;}
#jsddm li ul li a:hover {background: #fff;}

.noData {
	background: url(../images/icon/i_nodata128.png) left center no-repeat;
	padding: 60px 0 60px 150px;
	color: #900;
}

/***** k.cég list */
td.ceg_muveletek {width: 220px; padding: 0 !important;}
ul.ceg_muveletek {line-height: 20px;}
ul.ceg_muveletek li {margin-left: 10px; padding-left: 0px;}
ul.ceg_muveletek li.ceg {list-style-image:url(../images/icon/bullet_green.png);}
ul.ceg_muveletek li.partner {list-style-image:url(../images/icon/bullet_orange.png);}
ul.ceg_muveletek li.bszamla {list-style-image:url(../images/icon/bullet_red.png);}
ul.ceg_muveletek li.kszamla {list-style-image:url(../images/icon/bullet_blue.png);}
ul.ceg_muveletek li.kivonat {list-style-image:url(../images/icon/bullet_yellow.png);}
ul.ceg_muveletek li.ber {list-style-image:url(../images/icon/bullet_pink.png);}
ul.ceg_muveletek li.ado {list-style-image:url(../images/icon/bullet_orange.png);}
ul.ceg_muveletek li.upload {list-style-image:url(../images/icon/bullet_green.png);}

/***** számla űrlap */
#szlaTetelek {
	border-collapse: collapse;
	width: 100%;
	text-align: center;
}
#szlaTetelek th {
	background: #aaa;
	padding: 8px;
	color: white;
} /* #7ba9ca 14px */
#szlaTetelek td {}

/***** bér űrlap */
.mtGyNyit {
	cursor: pointer;
	color: #c00;
	font-weight: bold;
}

/***** üzenetek */
.ms_doboz {
	margin: 1em;
	border: 1px solid #999;
	background: #f0f0f0;
	border-radius: 10px;
}
.valasz {
	margin-left: 50px;
}
.ms_cim {
	background: rgb(15,36,72);/*cfc*/
	color: white;
	padding: 5px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.idegen {
	background: rgb(0,153,0);/*#ccf*/
}
.ms_cim a {
	color: white;
}
.ms_info {
	font-style: italic;
	/*border-bottom: 1px dashed #999; -20210602 */
	padding: 3px 5px;
}
.ms_szoveg {
	margin: 1em;
}
.ms_attach {
	text-align: right;
	font-style: italic;
	border-top: 1px dashed #999;
	padding: 5px 1em;
}
.ms_attach img {
	vertical-align: middle;
}

.ms_elsodleges_nemcim, .msDoboz_valaszok { /* +20230814. */
	display: none;
}

/***** könyvelő kezdőlap tabok */
#kIndex_tabs {
	background: #06777f;
}
#kIndex_tabs .tab {
	float: left;
	width: 200px;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	border-right: 1px solid white;
	border-top-right-radius: 10px;
}
#kIndex_tabs .tabActive {
	background: #ea6c00;
	color: white;
	cursor: default;
}

#dialogBox {
	position:fixed; width:100%;height:100%; top:0;left:0; xvertical-align: middle; xdisplay: table-cell; margin:0;
}
#dialogBoxInner {
	background: #eef; margin: 200px auto 0 auto; width: 500px; min-height: 100px;
	border: 1px solid #999; border-radius: 10px; box-shadow: 4px 4px 6px #999; background: #eef;
}
#dialog_h1 {
	background: #ccf; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #ccc;
	font-size: 1.2em; font-weight: bold; xtext-indent: 20px; padding: 5px 20px;
}
#dialog_content {
	xbackground: #eef; padding: 10px;
}
#dialog_buttons {
	text-align: right; padding: 5px 20px; border-top: 1px solid #ccc;
}
#dialog_buttons .button {height: 22px;
	border: 1px solid #06777f;
	color: white;
	font:  12px verdana;
	border-radius: 5px;
	background: #06777f;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#09b3bf), to(#06777f));
	background: -moz-linear-gradient(top, #09b3bf, #06777f);
	background: -ms-linear-gradient(top, #09b3bf, #06777f);
	background: -o-linear-gradient(top, #09b3bf, #06777f);
}

.autoc_rsp_holder {background: #fff; color: #000 !important; width: 300px; border: 1px solid #aaa; xpadding: 5px; position: absolute; z-index: 9; display: none;}/* +20210609,2021/60. */
.autoc_rsp_holder div {padding: 3px 5px; cursor: pointer;}