/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 22px;
	height: 100%;
	background: red;
	text-align: center;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #222222;
	position: relative;
	text-align: center;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 18px;
	margin: 0 auto;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspDragTop {
	background-image: url(../../img/kultura/dragTop.gif);
	background-repeat: no-repeat;
	height: 4px;
}

.jspDragBottom {
	background-image: url(../../img/kultura/dragBottom.gif);
	background-repeat: no-repeat;
	height: 4px;
}
.jspDragCenter {
	background-image: url(../../img/kultura/dragCenter.gif);
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrowUp {
	background-image: url(../../img/kultura/scrollUp.gif);
}

.jspArrowDown {
	background-image: url(../../img/kultura/scrollBot.gif);
}

.jspArrow.jspDisabled
{
	cursor: default;
	
}

.jspVerticalBar .jspArrow
{
	height: 22px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

#kultura-ajanlo {width: 645px; margin-bottom: 10px; overflow: hidden;}
#kultura-ajanlo ul#kul-tabok li {float: left; margin-right: 4px; }
	#kultura-ajanlo ul#kul-tabok li span.k-tab-bal {display: block; float: left; width: 10px; height: 29px; background-color: #bccb71;}
	#kultura-ajanlo ul#kul-tabok li#tab-esemeny span.k-tab-bal {display: block; float: left; width: 10px; height: 29px; background-color: #bccb71;}
#kultura-ajanlo ul#kul-tabok a, #kultura-ajanlo ul#kul-tabok a:hover {color: #fff; font-weight: bold; font-family: Arial; text-decoration: none; font-size: 12px;}

#kultura-ajanlo ul#kul-tabok li span.k-tab-tart {float: left; background-color: #bccb71; height: 19px; padding-top: 7px; padding-bottom: 3px; font-weight: bold;  color: #fff;}
#kultura-ajanlo ul#kul-tabok li#tab-esemeny span.k-tab-tart {float: left; background-color: #bccb71; height: 19px; padding-top: 7px; padding-bottom: 3px; font-weight: bold;  color: #fff;}
#kultura-ajanlo ul#kul-tabok li span.k-tab-jobb {display: block; float: left; width: 10px; height: 29px; background-color: #bccb71;}
#kultura-ajanlo ul#kul-tabok li#tab-esemeny span.k-tab-jobb {display: block; float: left; width: 10px; height: 29px; background-color: #bccb71;}

	#kultura-ajanlo ul#kul-tabok li.k-akt span.k-tab-bal, #kultura-ajanlo ul#kul-tabok li#tab-esemeny.k-akt span.k-tab-bal {display: block; float: left; width: 10px; height: 29px; background-color: #000;}
#kultura-ajanlo ul#kul-tabok li.k-akt span.k-tab-tart, #kultura-ajanlo ul#kul-tabok li#tab-esemeny.k-akt span.k-tab-tart {float: left; background-color: #000;}
#kultura-ajanlo ul#kul-tabok li.k-akt span.k-tab-jobb, #kultura-ajanlo ul#kul-tabok li#tab-esemeny.k-akt span.k-tab-jobb {display: block; float: left; width: 10px; height: 29px; background-color: #000;}
.kultura-belso {width: 645px; height: 452px; background-color: #5f5f5e; border-top: 4px solid #000; overflow: hidden;}
/* legördülők */
dl.dropdown4, dl.dropdown5 { margin: 0; padding: 0; }
.dropdown4 dd, .dropdown4 dt, .dropdown4 ul, .dropdown5 dd, .dropdown5 dt, .dropdown5 ul { margin: 0px; padding: 0px; }
.dropdown4 dd, .dropdown5 dd { position: absolute; }
.dropdown4 a, .dropdown4 a:visited, .dropdown5 a, .dropdown5 a:visited  { color: #7a6844; text-decoration: none; outline: none; cursor: pointer; }
.dropdown4 dt a, .dropdown5 dt a { display: block; color: #fff; background-color: #0198d5; width: 70px; height: 12px; padding: 0 0 5px 3px; font-size: 10px; font-weight: bold; font-family: Arial; text-transform: uppercase;}
.dropdown5 dt a { width: 31px; ;}
.dropdown4 dd ul, .dropdown5 dd ul { display: none; background-color: #b7b7b7; color: #fff; left: 0px; padding: 0; position: absolute; top: 2px; width: 73px; list-style: none; z-index: 1001; }
.dropdown5 dd ul { width: 33px;}
.dropdown4 dd ul li a, .dropdown5 dd ul li a { padding: 2px; margin: 0px;  color: #fff; border-bottom: 1px solid #a1a1a1; display: block; font-size: 10px; font-weight: bold; font-family: Arial;}
.dropdown5 dd ul li a {padding: 3px 0 0 2px; }
.dropdown4 dd ul li a:hover,.dropdown5 dd ul li a:hover { color: fff; background-color: #0198d5; }
#naptar {font-family: Arial;}
#k-napok {overflow: hidden; margin-left: 2px; margin-top: 7px; float: left;}
#k-napok ul li {float: left; padding: 0 2px; text-align: center; cursor: pointer;}
#k-napok ul li span.k-day {display: block; color: #000; font-size: 9px; font-size: bold; font-family: Arial;}
#k-napok ul li span.k-date {display: block; color: #fff; font-size: 10px; font-size: bold; font-family: Arial;}
#n-lepteto {overflow: hidden; margin-top: 14px;}
#n-lepteto a, #n-lepteto span {display: block; color: #fff; background-repeat: no-repeat; font-family: Georgia, Arial; font-style: italic; font-size: 14px;}
#n-leptet-jobb {float: right;  background-image: url(../../img/kultura/leptet-jobb.gif); background-repeat: no-repeat; padding-right: 19px; background-position: 100% 2px;}
#n-leptet-bal {float: left; background-image: url(../../img/kultura/leptet-bal.gif);  padding-left: 19px; background-position: 0 2px;}
#n-leptet-akt {width: 420px; text-align: center; float: left;}
#keresobox {height: 44px; background-color: #222222; border-bottom: 1px solid black; overflow: hidden;}
#keresobox form label {font-size: 11px; font-family: Arial; font-weight: bold; float: left; margin-top: 14px; margin-left: 8px; color: #828282;}
#keresobox #programkereso { padding-left: 5px; width: 445px; height: 23px; color: #fff; background-color: #373737; border: 1px solid #444444;  float: left; margin-top: 9px; margin-left: 8px;}
*html #keresobox #programkereso, *:first-child+html #keresobox #programkereso{padding-top: 2px; height: 21px;}
#prog-keres {float: left; margin-top: 9px; margin-left: 9px;}
#orderbybox {height: 36px; background-color: #222222; overflow: hidden;}
#orderbybox a, #orderbybox span {float: left; color: #fff; font-size: 11px; font-family: Arial; font-weight: bold; display: block;}
#orderbybox a {width: 18px; height: 18px; margin-left: 4px;}
.ordertab-fel {background-image: url(../../img/kultura/order-out.gif);}
.ordertab-fel-akt {background-image: url(../../img/kultura/order-out-akt.gif);}
.ordertab-le {background-image: url(../../img/kultura/order-in.gif);}
.ordertab-le-akt {background-image: url(../../img/kultura/order-in-akt.gif);}
#orderclicks {margin-top: 10px; margin-left: 70px;}
#orderlabel {margin-top: 10px; margin-left: 8px; color: #828282;}
#byprogram span {margin-left: 50px;}
#byplace span {margin-left: 40px;}
/*#kult-elem-list {scrollbar-base-color:black; scrollbar-arrow-color:black};*/
#kult-elem-list #searchFail {color: #fff; text-align: center; margin-top: 100px;}
#kult-elem-list ul li {width: 594px; height: 104px; background-color: #444444; margin-bottom: 10px; overflow: hidden;}
#kult-elem-list ul li img {margin: 7px 13px 7px 7px; float: left;}
#kult-elem-list ul li p {padding-top: 3px;}
#kult-elem-list ul li p a, #kult-elem-list ul li p a:hover {font-size: 15px; font-weight: bold; color: #fff; display: block; margin-bottom: 5px; text-decoration: none;}
#kult-elem-list.a38 ul li p a:hover {color: #e6da86}
#kult-elem-list.trafo ul li p a:hover {color: #7fc31c}
#kult-elem-list.mupa ul li p a:hover {color: #ffc603;}
#kult-elem-list.alexandra ul li p a:hover {color: #f36f21;}
#kult-elem-list.katona ul li p a:hover {color: #036bf2;}
#kult-elem-list.esemenynaptar ul li p a:hover {#7fc31c;}
#kult-elem-list ul li p span.k-cim1 {font-size: 11px; color: #c8c8c8;}
#kult-elem-list ul li p span.k-cim2 {font-size: 11px; font-weight: bold; color: #fff;}
#kult-elem-list ul li p span.k-ido {font-size: 11px; color: #c8c8c8;}
#kult-elem-list ul li p span.k-leiras {font-size: 11px; color: #c8c8c8; display: block; margin-top: 5px;}
#kult-elem-list ul li p span.k-leiras a {color: #fff; font-weight: bold; font-size: 11px; display: inline;}	
#kult-elem-list.bfz ul li p span.k-leiras a {color: #e40082 !important;}


/* tab-lapozás teszt */

#kul-tabok {float: left;}
#lapoz-jobb {float: right; display: none; width: 27px; height: 29px; background-image: url("http://static.origos.hu/s/img/quart/k-lapoz-jobb.png")}
#lapoz-bal {float: right; display: none; width: 27px; height: 29px; background-image: url("http://static.origos.hu/s/img/quart/k-lapoz-bal.png"); margin-right: 4px;}