.recommendend-programs-layout-wrapper {
    padding: 10px;
}

.recommendend-programs-layout-image {
    width: 200px;
    height: 120px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.recommendend-programs-layout-image-l8 {
    background-image :url('images/8.png');
} 

.recommendend-programs-layout-image-l7 {
    background-image :url('images/7.png');
} 

.recommendend-programs-layout-image-l6 {
    background-image :url('images/6.png');
} 

.recommendend-programs-layout-image-l5a {
    background-image :url('images/5a.png');
} 

.recommendend-programs-layout-image-l5b {
    background-image :url('images/5b.png');
} 

.recommendend-programs-layout-image-l4a {
    background-image :url('images/4a.png');
} 

.recommendend-programs-layout-image-l4b {
    background-image :url('images/4b.png');
} 

.recommendend-programs-layout-image-l3 {
    background-image :url('images/3.png');
} 

.recommendend-programs-layout-image-l2 {
    background-image :url('images/2.png');
}


.highlighted-programs-layout-image {
    width: 200px;
    height: 120px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.highlighted-programs-layout-image-l1 {
    background-image :url('layout_images/l1.png');
}

.highlighted-programs-layout-image-l2 {
    background-image :url('layout_images/l2.png');
}

.highlighted-programs-layout-image-l3 {
    background-image :url('layout_images/l3.png');
}

.highlighted-programs-layout-image-l4 {
    background-image :url('layout_images/l4.png');
}

.highlighted-programs-layout-image-l5 {
    background-image :url('layout_images/l5.png');
}

.highlighted-programs-layout-image-l6 {
    background-image :url('layout_images/l6.png');
}

.yui3-skin-sam .yui3-calendarnav-prevmonth span, .yui3-skin-sam .yui3-calendarnav-nextmonth span {
    display: block !important;
}

/* TODO kiri: a layoutos css csak sajat probalkozas, fejlesztes alatt. Lecserelni normalisra! */
/*.recommended-program-element.not-found {
background: 
    linear-gradient(135deg, #ECEDDC 25%, transparent 25%) -50px 0,
    linear-gradient(225deg, #ECEDDC 25%, transparent 25%) -50px 0,
    linear-gradient(315deg, #ECEDDC 25%, transparent 25%),
    linear-gradient(45deg, #ECEDDC 25%, transparent 25%);	
    background-size: 100px 100px;
    background-color: #EC173A;
}

.recommended-program-element.expired {
    background-color:white;
    background-image: linear-gradient(90deg, rgba(200,0,0,.5) 50%, transparent 50%),
    linear-gradient(rgba(200,0,0,.5) 50%, transparent 50%);
    background-size:50px 50px;
}



.recommended-program-element.program-type-movie {
    color: #a55b96;
}
.recommended-program-element.program-type-movie:hover .recommended-program-text-block {
    background: #a55b96;
}
.recommended-program-element.program-type-movie .hover {
    background-color: rgba(165, 91, 150, 0.5);
}

.recommended-program-element.program-type-literature {
    color: #954f11;
}
.recommended-program-element.program-type-literature:hover .recommended-program-text-block {
    background: #954f11;
}
.recommended-program-element.program-type-literature .hover {
    background-color: rgba(149, 79, 17, 0.5);
}

.recommended-program-element.program-type-conference {
    color: #ecad00;
}
.recommended-program-element.program-type-conference:hover .recommended-program-text-block {
    background: #ecad00;
}
.recommended-program-element.program-type-conference .hover {
    background-color: rgba(236, 173, 0, 0.5);
}

.recommended-program-element.program-type-concert {
    color: #1f578a;
}
.recommended-program-element.program-type-concert:hover .recommended-program-text-block {
    background: #1f578a;
}
.recommended-program-element.program-type-concert .hover {
    background-color: rgba(31, 87, 138, 0.5);
}

.recommended-program-element.program-type-exhibition {
    color: #3c9b37;
}
.recommended-program-element.program-type-exhibition:hover .recommended-program-text-block {
    background: #3c9b37;
}
.recommended-program-element.program-type-exhibition .hover {
    background-color: rgba(60, 155, 55, 0.5);
}

.recommended-program-element.program-type-theater {
    color: #dd281f;
}
.recommended-program-element.program-type-theater:hover .recommended-program-text-block {
    background: #dd281f;
}
.recommended-program-element.program-type-theater .hover {
    background-color: rgba(221, 40, 31, 0.5);
}

.program-name,
.program-date {
    font-size: large;
    font-weight: bold;
}

.recommended-program-element.found .program-date {
    color: gray;
}

.recommended-program-element.found:hover .program-date,
.recommended-program-element.found:hover .program-name {
    color: white;
}


.recommended-program-element.found .hover .program-name, 
.recommended-program-element.found .hover .program-date {
    color: white;
}


.recommended-program-element.large {
    width: 320px;
    height: 180px;
}

.recommended-program-element.small-landscape {
    width: 320px;
    height: 90px;
}

.recommended-program-element.small-portrait {
    width: 160px;
    height: 180px;
}


.recommended-program-element {
    display: inline-block;
}

.recommended-program-layout-col-left {
    display: inline-block;
}

.recommended-program-layout-col-right {
    display: inline-block;
}


.recommended-program-element.found .hover,
.recommended-program-element.found .no-hover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}



.recommended-program-element.found.small-portrait.image-bottom .image-wrapper {
    position: relative;
    top: 90px;
    left: 0;
}
.recommended-program-element.found.small-portrait.image-top .image-wrapper {
    position: relative;
    top: 0;
    left: 0;
}
.recommended-program-element.found.small-landscape .image-wrapper {
    position: relative;
    top: 0;
    left: 0;
}

.recommended-program-element.found.small-portrait.image-bottom .recommended-program-text-block {
    position: relative;
    top: -90px;
    left: 0;
}
.recommended-program-element.found.small-portrait.image-top .recommended-program-text-block {
    position: relative;
    top: 0;
    left: 0;
}
.recommended-program-element.found.small-landscape .recommended-program-text-block {
    position: relative;
    top: -90px;
    left: 160px;
}

.recommended-program-element.large.found .recommended-program-image {
    width: 320px;
    height: 180px;
}

.recommended-program-element.small-portrait.found .recommended-program-image {
    width: 160px;
    height: 90px;
}

.recommended-program-element.small-landscape.found .recommended-program-image {
    width: 160px;
    height: 90px;
}

.recommended-program-element.large.found .hover {
    display: block;
}

.recommended-program-element.large.found:hover .hover {
    display: none;
}

.recommended-program-element.small-landscape.found .hover,
.recommended-program-element.small-portrait.found .hover {
    display: none;
}

.recommended-program-element.small-landscape.found:hover .hover,
.recommended-program-element.small-portrait.found:hover .hover {
    display: block;
}

.program-icon {
    display: block;
    height: 24px;
    width: 24px;
    border: 2px solid;
    background: white;
}

.recommended-program-element.found {
    position: relative;
}

.recommended-program-element.found:hover {
    cursor: pointer;
}

.program-name,
.program-date {
    display: inline;
}

div.clear {
    clear: both;
}

.recommended-program-element.small-portrait .recommended-program-text-block,
.recommended-program-element.small-landscape .recommended-program-text-block {
    height: 90px;
}
.recommended-program-text-block {
    overflow: hidden;
}

.recommended-program-element.large.found .hover {
    width: 100%;
    height: 100%;
}

.recommended-program-element.small-portrait.image-top.found .hover {
    width: 100%;
    height: 50%;
}

.recommended-program-element.small-landscape.found .hover {
    width: 50%;
    height: 100%;
}

.recommended-program-element.small-portrait.image-bottom.found .hover {
    width: 100%;
    height: 50%;
    left: 0;
    top: 90px;
}

*/

/* vigado-program-portlet */

.vigado-program-portlet {
	
	.program-form {
		.taglib-header {
			margin-bottom: 0;
		}
		
		.program-wrapper {
			.form-navigator-content {
				margin-top: 1em;
			}
		}
	}
	
	.form-section h3 {
		border-bottom: 1px solid #666;
	}
}

/* /vigado-program-portlet */