@media all and (max-width:1000px) {
	#player_navi span {
		display: none !important;
	}
}

//@media all and (min-width:400px) {
//	#player_navi span {
//		display: inline-block;
//	}
//}

/* Book List stílusok */

#player_navi span.glyphicon {
    font-size: 1.5em;
    margin-right: 5px;
}

#player_navi i.glyphicon {
    font-size: 1.5em;
    margin-right: 5px;
}

#player_navi span {
    margin-top: 3px;
    vertical-align: top;
    display: inline-block;
}

img.booklist_cover {
	cursor:pointer;
	width: 60px;
}

tr.booklist > td {
	cursor:pointer;
	border-bottom: 1px solid #4a4f5b;
}

td.booklist_cover {
	padding: 10px 10px 0px 10px;
	vertical-align:top;
}

td.booklist {padding: 0px; margin: 0px}

tr.booklist {
	background: #fff;
}

.booklist_tags h3 {padding-bottom: 0px}

.alcim-kateg {
  border-left: 4px solid #4a4f5b;
  background-color: #f6f6f7;
  padding: 8px;
font-size: 18px;
line-height: normal;
}

.kateg_szerzo_cont {float: right; padding-right: 5px; padding-right: 5px; font-size: 13px;
  font-weight: bold;   width: 50%;}

.felso-vonal {border-top: 1px solid #e0e1e3; padding: 10px 5px;}

.kapcsolodo-cont {margin-top: 10px;
  border-top: 1px solid #4a4f5b;
  padding-top: 25px;}

tr.booklist:hover {
	background: #f6f6f6;
}

td.booklist_info {
	font-family: 'Open Sans Condensed', sans-serif;
	vertical-align:top;
	padding:10px;
	width: 99%;
}

td.booklist_info_kapcsolodo {
	font-family: 'Open Sans Condensed', sans-serif;
	vertical-align:top;
	padding:15px;
	width: 99%;
}

td.booklist_info_kapcsolodo a {
	
	font-size: 14px;

}

img.booklist_info_icon {
	margin: 5px 10px 0px 0px;
	cursor: pointer;
}

.booklist_author {
	font-family: "Open sans", sans-serif;
	color: #999999;
	font-size: 13px;
	line-height: 18px;  font-weight: normal;
}

.booklist_title {
	font-family: "Open sans condensed", sans-serif;
	color: #90b94e;
	font-size: 21px;
	text-decoration: none;
	line-height: 22px;
	font-weight: bold;
}

.booklist_title a {
	font-family: "Open sans condensed", sans-serif;
	color: #90b94e;
	font-size: 21px;
	text-decoration: none;
	line-height: 22px;
	font-weight: bold;
}

.booklist_title a:hover {	
	text-decoration: none;	
}

.booklist_subtitle {
	font-family: "Open sans", sans-serif;
	color: #666666;
	font-size: 14px;
	text-decoration: none;
	line-height: 18px;
	font-weight: bold;
}

.meta-info {margin: 0px 0;
	font-family: "Open sans", sans-serif;
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	line-height: 14px;
	font-weight: normal;}


.booklist_meta  span {display: block; font-weight:normal; font-size: 11px;
  clear: both; color: rgb(76, 79, 91); padding-top: 8px;
}
.booklist_meta {padding: 0px 10px; color: #90b94e; font-weight: bold; font-size: 12px}

.booklist_tags {margin-bottom: 20px}

.booklist_tags a {text-decoration: none; font-size: 14px}
.booklist_tags a:hover {text-decoration: underline;}

.booklist_cats {
	margin: 5px 0;
	font-family: "Open sans", sans-serif;
	color: #666666;
	font-size: 13px;
	text-decoration: none;
	line-height: 14px;
	font-weight: normal;
	//font-style: italic;
}

.booklist_cats a:hover {text-decoration: underline; font-weight: bold; }
.booklist_cats a {text-decoration: none; font-weight: bold; }

.booklist_info a:hover {text-decoration: underline}


p.booklist_body {
	font-family: "Open sans", sans-serif;
	color: #666666;
	font-size: 10px;
	line-height: 13px;
}




/* Book Home stílusok */

.bookhome_title {
	font-size: 32px;
}

td.bookhome_cover {
	vertical-align: top; 
	padding: 20px 0px;
	width: 360px;
}

td.bookhome_info {
	font-family: "Open sans", sans-serif;
	padding: 20px 20px 20px 20px;
}

img.bookhome_info_icon {
	margin: 15px 15px 10px 0px;
	cursor: pointer;
}

td.bookhome_info h3 {
	color: #999999;
	font-size: 18px;
	margin-top: 20px;
}

img.bookhome_info {
	cursor: pointer;
}

img.bookhome_cover {
	cursor:pointer;
	width: 360px;
}

.bookhome_author {
	font-size: 24px;
	color: #999999;
	line-height: 30px;
}

div.bookhome_title {
	color: #90b94e;
	font-size: 32px;
	font-weight: bold;
	text-decoration: none;
	line-height: 36px;
  border-left: 5px solid #90b94e;
  padding-left: 10px;
  margin: 20px 0px;
}

div.bookhome_subtitle {
	color: #666666;
	font-size: 16px;
	text-decoration: none;
	line-height: 20px;
}



div.bookhome_body {
	font-family: "Open sans", sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #888888;
}

div.bookhome_cats {
	color: #666666;
	font-size: 14px;
	text-decoration: none;
	line-height: 18px;
	margin: 15px 0px;
}

div.bookhome_tags {
	color: #666666;
	font-size: 14px;
	text-decoration: none;
	line-height: 18px;
	margin: 15px 0px;
}



/* Player stílusok */

/* Font méretet csak a div.player-ben szabad megadni, minden más ehhez képest legyen relatív %ban!!!*/
div#player {
	font-size: 17px;
	line-height: 20px;
	//height: 100%;
	overflow: auto;
}


/*betumeret-allitas*/
#player_min_fontsize {
	font-size: 8px;
}
#player_default_fontsize {
	font-size: 17px;
}
#player_max_fontsize {
	font-size: 32px;
}
img.font_setter {
	cursor: pointer;
}


span.player_title {
	font-family: "Open sans", sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 20px;
	padding: 2px;
}

div#player_title {
	background-color: #eee;
	text-align:left;
	width:100%;
	display: table;
	padding: 0;
	margin: 0;
}

table.document_list {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}


/*tartalomjegyzek*/

div#player {
	font-family: "Open sans", sans-serif;
	line-height: 180%;
	border: 1px solid #DDDDDD;
	/*
	padding-left: 15px;
	padding-right: 15px;
	*/
}

h2.edocs-content {
	margin: 25px 0 25px 25px;
	border: none;
}

div#player > h2 {
	font-family: "Open sans", sans-serif;
	padding-left: 30px;
}

div#player ul#player_content {
	font-size: 85%;
	line-height: 160%;
	font-family: "Open sans", sans-serif;	
	margin-left: 0;
	padding-left: 30px;
}

table#tart {
	margin: 10px 0px 10px 0px;
	background-color: #90b94e;
}

#tart td.midcell {
	text-align:center;
	padding: 12px;
	vertical-align: middle;
}

#tart a {
    color: #fff;
	font-family: "Open sans ", sans-serif;
	text-decoration: none;
	line-height: -10px;
}

#tart img {
	vertical-align:middle
}

div#player a {
	//color: #90b94e;
    text-decoration: none;
}

div#player a#itt-tartottam {
	font-weight: bold;
	//color: #4a4f5b;
}

div#player a.level0,
div#player span.level0,
div#player a.level1,
div#player span.level1,
div#player a.level2,
div#player span.level2,
div#player a.level3,
div#player span.level3,
div#player a.level4,
div#player span.level4,
div#player a.level5,
div#player span.level5,
div#player a.level6,
div#player span.level6,
div#player a.level7,
div#player span.level7 {
	line-height: 120%;
	margin: 0;
	padding: 0;
}

div#player a.level2 {color: #8C8C8C}
.level3 a {color: #8C8C8C}


div#player a.level0,
div#player span.level0 {
	font-weight: normal;
	color: #666666;
}


div#player > div.page-body > ul#player_content > li.level0 {
	font-size: 150%;
	margin-left: 0;
	padding: 0;
	margin: 0;
}

div#player a.level1,
div#player span.level1 {
	font-weight: bold;
}

div#player > div.page-body > ul#player_content > li.level1 {
	font-size: 130%;
	margin-left: 0em;
	margin-top: 0.5em;
	padding: 0;
}

div#player a.level2,
div#player span.level2 {
	font-weight: normal;
}

div#player > div.page-body > ul#player_content > li.level2 {
	font-size: 120%;
	margin-left: 0;
	padding: 0 0 0 1.25em;
	background: url('../img/li2.png') no-repeat 0.25em 0.4em;
	background-size: 0.45em;
}

div#player a.level3,
div#player span.level3 {
	color: #666666;
	font-weight: normal;
}

div#player > div.page-body > ul#player_content > li.level3 {
	font-size: 110%;
	margin-left: 0em;
	padding: 0 0 0 3em;
	background: url('../img/li3.png') no-repeat 1.5em 0.5em;
	background-size: 0.5em;
}

div#player a.level4,
div#player span.level4 {
}

div#player > div.page-body > ul#player_content > li.level4 {
	font-size: 100%;
	margin-left: 5em;
	padding: 0;
}

div#player a.level5,
div#player span.level5 {
}

div#player > div.page-body > ul#player_content > li.level5 {
	font-size: 90%;
	margin-left: 8em;
	padding: 0;
}
div#player a.level6,
div#player span.level6 {
	font-style: italic;
	font-weight: normal;
}

div#player > div.page-body > ul#player_content > li.level6 {
	font-size: 80%;
	margin-left: 12em;
	padding: 0;
}

div#player a.level7,
div#player span.level7 {
	font-weight: normal;
}

div#player > div.page-body > ul#player_content > li.level7 {
	font-size: 70%;
	margin-left: 16em;
	padding: 0;
}


/* bookmark */

#player_navi {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #2c3e50;
	display: table;
	width: 100%;
	border-collapse: collapse;
	border: none;
}

#player_navi ul {
	display: table-row;
font-size: 14px;
}

#player_navi li {
	display: table-cell;
	font-family: "Open sans", sans-serif;
	color: #fff;
	padding: 10px;
	cursor: pointer;
	//width: 12%;
}

#player_navi li a {
	font-family: "Open sans", sans-serif;
	color: #fff;
	text-decoration: none;
}

#player_navi li a:hover {
	text-decoration: underline;
}

#player_navi li#bookmarks {
	text-align: center;
	//width: 100px;
	white-space: nowrap;
	//color: #475a28;
	background-color: #46637f;
    vertical-align: middle;
}

#player_navi li#bookmarks:hover {

}

#player_navi li#holtartottam {

}

#player_navi li#fontsize {
	background-color: #2c3e50;
	width: 13%;
	text-align: center;
}

#player_navi #navi_next_prev_page ,
#player_navi #page_nums {
	white-space: nowrap;
	vertical-align: middle;
	padding-bottom: 5px;
}


#player_navi #navi_prev_page {
	text-align: left;
	white-space: nowrap;
}

#player_navi #navi_contents {
    vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	background-color: #46637f;
}

#player_navi #navi_next_page {
	text-align: right;
	white-space: nowrap;
}

#player_navi #wherewasi {
	white-space: nowrap;
        text-align: center;
}

div#bookmark_slide {
	position: absolute;
	width: 200px;
	max-height: 300px;
	overflow: auto;
	horizontal-scrollbar: off;
	background: #2c3e50;
	display: none;
	padding-left: 10px;
	//padding-right: 10px;

}

div#notes_slide {
	position: absolute;
	width: 200px;
	max-height: 300px;
	overflow: auto;
	horizontal-scrollbar: off;
	background: #2c3e50;
	display: none;
	padding-left: 20px;
	padding-right: 20px;

}


ul#bookmark_list {
	list-style-type: none;
	padding-left: 10px;
	cursor: pointer;
	font-size: 80%;
	margin-top: -30px;
	padding-top: 30px;
}

ul#notes_list {
	list-style-type: none;
	padding-left: 10px;
	cursor: pointer;
	font-size: 80%;
	margin-top: -30px;
	padding-top: 30px;
}

ul#bookmark_list li {
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	width: 100%;
	cursor: pointer;
	text-align: left;
	background: url('/img/bookmark.png') no-repeat left center;
	padding-left: 25px;
	background-size: 16px;
}

ul#notes_list li {
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	width: 160px;
	cursor: pointer;
	text-align: left;
	background: url('/img/bookmark.png') no-repeat left center;
	padding-left: 25px;
	background-size: 16px;
}

img.bookmarkdel {
	width: 16px;
	height: 16px;
	margin: 5px 0 0 0;
}

div.bm_title {
	display: table-cell;
	text-align: left;
	width: 400px;
}

div.bm_del {
	display: table-cell;
	text-align: right;
	width: 20px;
	margin-left: 20px;
}



img.notedel {
	width: 16px;
	height: 16px;
	margin: 5px 0 0 0;
}

div.note_title {
	display: table-cell;
	text-align: left;
	width: 400px;
}

div.note_del {
	display: table-cell;
	text-align: right;
	width: 20px;
	margin-left: 20px;
}



ul#bookmark_list li#addbookmark {
	background: url('/img/add_bookmark.png') no-repeat left center;
	background-size: 16px;
	width: 160px;
}

ul#notes_list li#addnote {
	background: url('/img/add_bookmark.png') no-repeat left center;
	background-size: 16px;
	width: 160px;
}


/* video */
#video_layer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
	background: rgba(0,0,0,0.75);
	width:100%;
	height:100%;
}

/* Jegyzet stilusok */

#player_navi li#notes {
    vertical-align: middle;
	text-align: center;
	//width: 100px;
	white-space: nowrap;
	//color: #475a28;
	background-color: #46637f;
}

div#note_layer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
	background: rgba(0,0,0,0.75);
	width:100%;
	height:100%;
}

div#note_layer div {
	background: rgb(255,255,255);
	width:640px;
	height:400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	border: 5px solid rgba(127,127,127,0.8);
	border-radius: 12px;
	padding: 20px;
}

div#note_layer div .note_label {
	font-style: italic;
}

div#note_layer div input.note_title {
	width: 300px;
}

div#note_layer div textarea.note_text {
	width: 480px;
	height: 260px;
}

img#close_note  {
	float: right;
	cursor: pointer;
}