@import "/base/tinymce/templates/lifts/css/lift_templates.css";
@import "/_sys_/css/reset.css";
@import "/_sys_/css/content.css";

html,
body {
	margin:0;
	padding:0;
	height:100%;
}

body{
	background: url(/_sys_/images/mainPageContainerBg.png) repeat-x;
	text-align: center;
}

html {
	margin-left: -1px;
	overflow-y: scroll;
}

div.pageWrapper{
	height: auto !important;
	height: 100%;
	min-height:100%;
	position:relative;
	text-align: left;
}

div.footerWrapper{
	position:absolute;
	bottom:0;
	width:100%;
	height:80px;
	background-color: #000;
	overflow: hidden;
}

#at20mc div{
	color: #333;
}

.pageContentWrapper{
	padding-bottom: 80px;
}

.pageContainer{
	/*position: relative;*/
	margin: 0 auto;
	width: 960px;
	padding: 20px 0 0;
}

.contentContainerWrapper{
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
}

.pageContentContainer{
	min-height: 491px;
	padding-left: 4px;
}

.header{
	width: 100%;
	height: 80px;
	background: url(/_sys_/images/mainPageHeaderBg.png) no-repeat;
	position: relative; 
}

.sideCol{
	float: left;
	width: 235px;
	overflow: hidden;
}

.sideColContent{
	padding: 20px 20px;
}

.sideCol h2{
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 0.3em;
}

.sideCol h3{
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 0.3em;
}

#subMenu ul, #subMenu ul li{
	margin: 0;
	padding: 0;
	display: block;
	background-image: none;
}

#subMenu ul li.zfse_navLevel1{
	font-size: 120%;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #aaa;
	background-image: none;
}

#subMenu ul.zfse_navLevel1 ul .zfse_navSingle{
	display: block;
}

#subMenu ul ul .zfse_navSingle{
	display: block;
}

#subMenu ul li.zfse_navLevel1 li{
	font-size: 80%;
}

#subMenu ul li.zfse_navLevel2 li{
	font-size: 100%;
}

#subMenu ul ul{
	padding-left: 20px;
}

#subMenu a{
	display: block;
	margin: 0;
}

#subMenu ul ul.zfse_navLevel2,
#subMenu a.zfse_navLevel1{
	
}

#subMenu ul.zfse_navLevel2 li.zfse_navSingle{
	display: block;	
}

#subMenu a.zfse_navOpen,
#subMenu a.zfse_navSelectedOpen{
	border-bottom: 0;
}

#subMenu a.zfse_navSelectedOpen{
	color: #333;
	background: url(../images/arrRgt.png) no-repeat right center;
	padding-right: 10px;
}

#subMenu a.zfse_navLevel1.zfse_navFirst{

}

#subMenu a.zfse_navLevel1.zfse_navFirst.zfse_navSelectedOpen, 
#subMenu li.zfse_navFirst a.zfse_navOpen{
}

#subMenu li div.zfse_navClosed{
	display: none;
}

#subMenu li div.zfse_navSelected{
	display: block;
}

#oopperaLogo{
	position: absolute;
	left: 15px;
	top: 18px;
}

.selLang{
	position: absolute;
	left: 555px;
	top: 15px;
	text-transform: uppercase;
	border-right: 1px solid #a9a9a9;
	line-height: 17px;
	font-size: 11px;
}

.selLang a,
.selLang a:link,
.selLang a:visited{
	color: #000;
	margin: 0 10px 0 0;
}

.textSize{
	position: absolute;
	left: 713px;
	top: 13px;
	text-transform: uppercase;
	color: #000;
}

.textSize div{
	color: #000;
	float: left;
	margin: 4px 10px 0 0; 
}

.textSize a span{
	display: none;
}

.textSize a,
.textSize a:link,
.textSize a:hover,
.textSize a:visited,
.textSize a:visited:hover{
	display: block;
	float: left;
	background-image: url(/_sys_/images/textSize.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	margin: 0 5px 0 0;
	zoom: 100%;
}

.textSize .zfse_fontSize_larger a,
.textSize .zfse_fontSize_larger a:link
.textSize .zfse_fontSize_larger a:visited{
	background-position: -18px top;
}

.searchFormWrapper{
	position: absolute;
	left: 760px;
	top: 10px;
}

.searchFormWrapper p{
	margin: 0;
}

.searchFormWrapper .zfse_label{
	display: none;
}

.searchFormWrapper .zfse_input{
	float: left;
	width: 148px;
	height: 24px;
	padding: 0;
	background: url(/_sys_/images/searchFieldSprite.png) no-repeat;
}

.searchFormWrapper .zfse_input input{
	background: transparent;
	color: #000;
	border: 0;
	padding: 4px 2px 0 2px;
	width: 140px;
	height: 16px;
	border: none;	
}

.searchFormWrapper .zfse_button{
	background: url(/_sys_/images/searchFieldSprite.png) no-repeat -150px top;
	float: left;
	width: 40px;
	height: 30px;
}

.searchFormWrapper .zfse_button input{
	color: #000;
	border: 0;
	background: transparent;
	width: 40px;
	font-size: 11px;
	padding: 3px 0 5px 0;
}

.topNavi{
	height: 50px;
	width: 100%;
	background: url(/_sys_/images/mainPageTopNaviSprite.png) no-repeat right top;
	overflow: hidden;
}

.topNavi ul{
	display: block;
	margin: 0;
	padding: 0;
	width: 950px;
	overflow: hidden;
}

.topNavi ul li{
	display: block;
	float: left;
	height: 47px;
	margin: 0;
	padding: 0;
	background-image: url(/_sys_/images/mainPageTopNaviSprite.png);
	background-repeat:  no-repeat;
	background-position: -10px top;
}

.topNavi ul li.zfse_navSelectedOpen, .topNavi ul li.zfse_navOpen{
	background-position: -454px -50px;
	margin-left: -1px;
}

.topNavi ul li.zfse_navFirst{
	background-position: left top;
}

.topNavi ul li.zfse_navSelectedOpen.zfse_navFirst{
	background-position: left -50px !important; /* good browsers */
	background-position: left top; /* fix ie 6 */
}

/* fix ie 6 */
* HTML .topNavi ul li.zfse_navFirst{
	background-position-x: left;
}

* HTML .topNavi ul li.zfse_navSelectedOpen{
	background-position-y: -50px;
}

.topNavi ul li a{
	padding: 0 18px 0 18px;
	font-size: 13px;
	line-height: 41px;
	text-transform: uppercase;
}

.topNavi ul li a.zfse_navSelected,
.topNavi ul li a.zfse_navOpen,
.topNavi ul li a.zfse_navSelectedOpen{
	background-image: none;
	margin-left: -1px;
}

.topNavi ul li a.zfse_navLast{
	background-image: none;
}

.contSection{
	float: left;
	width: 715px;
	overflow: hidden;
}

.contSectionPadder{
	padding: 10px 20px 15px 0px;
}

.breadcrumb{
	line-height: 31px;
	zoom: 100%;
	width: 750px;
	float: left;
}

.share{
	float: right;
	margin: 6px 15px 0 0;
	padding: 2px;
}

.print{
	float: right;
	padding: 8px 5px 0 0;
}

.clearer{
	clear:both;
	line-height: 0;
	height: 0;
}

.lftSection{
	float: left;
	width: 235px;
	clear: both;
}

.backMenuItem a{
	display: block;
	height:31px; 
	width:29px;
	float: left;
	margin: 0 10px 0 0;
}

.backMenuItem a span{
	display: none;
}

/* article view */

.basic_articleDate{
	background: url(/_sys_/images/articleDateBg.png) no-repeat;
	padding: 4px 0 0 35px;
	height: 24px;
}

.basic_articleImg{
	float: right;
	margin: 60px 0 20px 20px;
}

.basic_articleText p{
	font-size: 1.0em;
}

/* article archive */

.archiveTableWrapper{
	background: url(/_sys_/images/archiveBg.png) no-repeat left bottom;
	width: 674px;
	height: auto !important;
	height: 125px;
	min-height: 125px;
	padding-bottom: 10px;
}

.archiveTable{
	background: url(/_sys_/images/archiveTopBg.png) no-repeat;
	width: 674px;
}

th.archiveTitle{
	font-size: 1.4em;
	font-weight: normal;
	text-align: left;
	padding: 12px 10px 12px 20px;
	background-image: url(/_sys_/images/archiveThBg.png);
	background-repeat: no-repeat;
}

th.archiveTitle.firstCol{
	
}

th.archiveTitle.lastCol{
	background-position: right top;
}

.archiveTable td{
	padding: 5px 10px 5px 20px;
}

.archiveDate, a.archiveLink{
	color: #000
}

a.archiveLink:hover{
	color: #A12D2D
}

td.archiveRow2{
	background: #b7b7b7;
}

td.archiveRow2.firstCol{
	border-right:1px solid #a1a1a1;
	width: 65px;
	border-left: 1px solid #c5c5c5;
}

.pagesSelectionWarpper{
	display: block;
	text-align: right;
	position: relative;
	margin: 20px 0;
	padding: 0 0 0 420px;
}

.pagesSelectionPrev{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.pagesSelectionPrev{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	padding: 3px 0 3px 15px;
	background: url(/_sys_/images/bck.png) no-repeat left 4px;
}
.pagesSelectionNext{
	display: block;
	position: absolute;
	left: 350px;
	top: 0;
	padding: 3px 15px 3px 0;
	background: url(/_sys_/images/arr.png) no-repeat right 4px;
}

.pagesSelectionWarpper a, .pagesSelectionWarpper span{
	font-size: 1.2em;
}

a.pagesSelectionPage, .pagesSelectionSelected{
	display: block;
	float: left;
	background: url(/_sys_/images/pageSelPageBg.png) no-repeat;
	text-align: center;
	width: 25px;
	padding: 6px 0 8px;
	margin: 0 0 0 5px;
	color: #000;
}

.articleArchiveSearchWrapper{
	padding: 0 0 0 10px;
	margin: 25px 0;
}

.articleArchiveSearchWrapper h2{
	font-weight: normal;
}

.articleArchiveSearchWrapper select{
	width: 200px;
}

/* botNavi*/

.botNaviWrapper{
	margin: 0 auto;
	width: 960px;
	text-align: center;
	height: 37px;
	overflow: hidden;
}

.botNaviContainer{
	margin-left: 5px;
	margin-right: 10px;
}

.botNaviContainer table{
	margin-left: auto;
	margin-right: auto;
}

.botNaviContainer table td{
	padding: 0;
	text-align: left;
}

.botNaviContainer .zfse_navListWrapper{
	float: left;
}

.botNaviContainer ul.zfse_navList{
	margin: 0;
	padding: 0;
}

.botNaviContainer li.zfse_navItem{
	float: left;
	margin: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 11px;
	list-style: none;
}

.botNaviContainer li.zfse_navItem a{
	padding: 0 15px 0 0;
	line-height: 23px;
}

.botNaviContainer li.zfse_navItem a.zfse_navLast{
	padding-right: 0;
}

.lippuLinkContainer{
	float: left;
	margin: 5px 0 0 10px;
}

.lippuLink{
	display: block;
	width: 59px;
	height: 12px;
}

.footer{
	padding: 0 0 10px 0;
	clear: both;
	text-align: center;
	background: #000;
}

.footer p{
	color: #999;
	font-size: 1em;
	margin: 0;
}

.hidden{
	display: none;
}

/*productions*/

#productionShowList li{
	margin: 5px 0 5px 0;
	padding: 0;
	background-image: url();
}

.productionInfo{
	border-bottom: 1px solid #aaa;
	margin-bottom: 1em;
}

.productionPadding{
	padding-left: 20px;
}

.topPadding{
	padding-top: 10px;
}

.productionSideInfo{
	padding: 13px 9px 10px 10px;
}

.productionCaptionWrapper{

}

.productionCaption{
	padding: 30px 30px 0 10px;
}

.productionMainInfo{
	clear: both;
	margin-bottom: 10px;
}

.productionSection{
	padding: 10px 10px 0 10px;
}

.productionInfoWrapper{
	/*width: 290px*/
}

h2.tripleProduction{
	margin: 10px 0 0 0;
}

.productionDuration{
	float: left;
	font-size: 12px;
	background: url(/_sys_/images/productionButSprite.png) no-repeat;
	padding: 0 0 0 25px;
	margin: 0 20px 0 0;
	line-height: 18px;
}

ul.productionTasks{
	float: left;
	list-style-type: none;
	margin: 10px 0 10px 0;
	padding: 0;
}

ul.productionTasks li{
	padding: 0;
	margin: 0;
}

ul.productionCast{
	float: right;
	list-style-type: none;
	margin: 10px 0 10px 0;
	padding: 0;
}

ul.productionCast li{
	padding: 0;
	margin: 0;
}

.productionLanguage{
	float: left;
	font-size: 12px;
	background: url(/_sys_/images/productionButSprite.png) no-repeat left -18px;
	padding: 0 0 0 25px;
	line-height: 18px;
	margin-right: 20px;
}

div.productionLinkToTicket{
	float: right;
}

a.productionLinkToTicket{
	display: block;
	background: url(/_sys_/images/productionButSprite.png) no-repeat left -40px;
	width: 96px;
	height: 20px;
}
a.productionLinkToTicket span{
	display: none;
}

#productionVideoBut, 
#productionGalleryBut{
	font-size: 1em;
	background: url(/_sys_/images/productionButSprite.png) no-repeat left -60px;
	padding: 0 0 0 45px;
	width: 215px;
	line-height: 26px;
	color: #333;
	margin: 0 0 10px;
	cursor:pointer;
	color: #fff;
}

#productionGalleryBut{
	background: url(/_sys_/images/productionButSprite.png) no-repeat left -86px;
}

p.showCastingDate{
	margin: 5px 0 5px 0;
}

.showPersonsContainer{
	margin: 10px 0 10px 0;
}

.showPersonsContainer .tplBlockLiftContent{
	padding: 10px;
}

.block h2, .firstBlock h2{
	font-weight: normal;
	margin-top: 0;
	font-size: 1.2em;
}

div.block{
	border-top: 1px solid #aaa;
	margin: 1.2em 0 1em 0;
	padding-top: 1em;
}

table.showList{
	border-spacing: 0;
	width: 100%;
	margin-bottom: 1em;
}

table.showList td{
	padding: 0 2px 0 0;
	line-height: 21px;
	width: 5%;
	vertical-align: top;
}

table.showList td.venue{
	width: 30%;
}

h3.showListTitle{font-size: 1em;}

.showList .odd{
}

.showList .even{
}

.productionNameList li{
	float: left;
	color: #333;
	padding: 0 10px 0 0;
}

ul.productionRoles{
	float: left;
	width: 45%;
	margin-right: 10px;
}

ul.productionRoles li{
	padding: 0;
	float: none;
}

.productionRoles li span.productionTaskName{
	font-weight: bold;
}

.productionTaskRoleName{
	font-weight: normal;
}

.productionNameListBreak{
	clear: both;
	margin: 10px 0; 
}

.productionPersonImage{
	float: left;
	margin: 0 10px 0 0;
}

div.showCastingListWrapper{
	width: 100%;
	overflow: hidden;
}

ul.showCastingList{
	margin-bottom: 0px;
}

.showCastingListItem{
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	height: 23px;
	overflow: hidden;
}

.showCasting{
	margin: 0px 10px 10px 10px;
	padding-top: 10px;
}

a.showCastingListBut,
a.showCastingListBut:link,
a.showCastingListBut:visited,
a.showCastingListBut:hover,
a.showCastingListBut:visited:hover{
	background: url(/_sys_/images/productionButSprite.png) no-repeat left -114px;
	width: 42px;
	height: 23px;
	line-height: 19px;
	overflow:hidden;
	text-align: center;
	display: block;
	color: #000;
	text-decoration: none;
}

.showCastingList a.current{
	background-position: -42px -114px
}

#ajaxLoader{
	display: none;
}

/**
 * Persons
 */
.personInformation{
	padding: 10px;
}

/**
 * Gallery
 */

.gallery #gallery{
    margin: 0 auto 0 auto;
    display: block;
    position: relative;
    width: 480px;
}

.gallery .tplBlockLiftContentWrapper{
	height: 470px !important;
}

.gallery h2{
	text-align: center;
}

.gallery .nextImage, 
.gallery .previousImage {
	background-color: #d6d6d6;
	padding: 10px;
}

.gallery_galleryPrev a, 
.gallery_galleryNext a{
	position: absolute;
	bottom: 0;
	background: url(/_sys_/images/gallerySprite.png) no-repeat left top;
	height: 26px;
	line-height: 26px;
	width: 26px;
	display: block;
	z-index: 102;
}

.gallery_galleryPrev a{
	left: 0;
    top: 375px;
}

.gallery_galleryNext a{
	background-position: left -26px;
	z-index: 103;
	right: 0px;
    top: 375px;
}

.gallery_galleryPrev a span, .gallery_galleryNext a span{
	display:none;
}

div.gallery div.gallery_galleryFooter{
	position: absolute;
	top: 375px;
	color: #666666;
	font-size: 12px;
	text-align: center;
	width: 400px;
	left: 30px;
	padding-top: 5px;
}

/**
 * Paginator
 */
div.zfse_pagination{
}

div.paginationControl{
	float: right;
}

.zfse_pageNextDisabled,
.zfse_pagePreviousDisabled{
	color: #aaa;
}

.paginationControl span.zfse_pagePrevious,
.paginationControl span.zfse_pageNext{
	line-height: 25px;
	float: left;
	margin-right: 5px;
}

.paginationControl span.zfse_pageNext{
	margin: 0 0 0 5px;
}

.paginationControl span.zfse_page{
	background: url(../images/paginatorPage.png) no-repeat center center;
	display: block;
	font-size: 12px;
	height: 25px;
	width: 25px;
	margin-right: 2px;
	line-height: 25px;
	float: left;
	text-align: center;
}

.paginationControl span.zfse_pageSelected{
	background: url(../images/paginatorPageSelected.png) no-repeat center center;
	color: #333;
}

.paginationControl span.zfse_page a,
.paginationControl span.zfse_page a:link,
.paginationControl span.zfse_page a:visited{
	color: #333;
	text-decoration: none;
}