/** * TestTheater screen css * * @author DS * */ @import url("defaults.css"); /* ------ general -- */ body { font: 12px/1.55 arial, sans-serif; background: #000 url(/images/bgContainer.gif) repeat-y center top; color: #fff; margin: 0; padding: 0; } #container { width: 990px; margin: auto; background: #000 url(/images/bgContainer.gif) repeat-y 0 0; position: relative; /* fixes ie6 leftcolumn quirks when resizing */ } #header { z-index: 99999; height: 216px; background: transparent url(/images/bgHeader.gif) no-repeat 0 100%; position: relative; margin: 0; } #logoAnchor { position: absolute; top: 0px; left: 0px; } #printHdr, #printFtr { display: none; } #columnContainer { padding: 0 227px 0 231px; float: left; width: 532px; } #columnContainer div.layColumn { float: left; position: relative; } #mainColumn { width: 100%; } #main { width: 500px; padding: 0 16px 0.5em 16px; margin: auto; background: transparent url(/images/bgMain.gif) top right no-repeat; } #subColumn1 { width: 227px; margin-right: -227px; background: transparent url(/images/bgCol1.gif) repeat-y top left; } .order #subColumn1, .queue #subColumn1 { width: 200px; height: 46px; z-index: 1; background: transparent url(/images/bgCol1Order.gif) no-repeat 0 0; } .order #mainColumn { z-index: 10; } #subColumn1 .footer { height: 20px; background: transparent url(/images/ftrCol1.gif) no-repeat 0 0; } #subColumn2 { width: 231px; padding-left: 10px; margin-left: -100%; background: transparent url(/images/bgCol2.gif) repeat-y top left; } html>body #subColumn2 { right: 231px; } /* modern browsers only */ #subColumn2 .footer { height: 20px; background: transparent url(/images/ftrCol2.gif) no-repeat 0 0; } #footer { clear: both; text-align: right; padding: 0px; } a:link, a:visited { color: #fff; } a:link:focus, a:visited:focus, a:link:hover, a:visited:hover, a:link:active, a:visited:active { color: #7d7d7d; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1, h2 { font-size: 1.45em; padding: 5px 16px; font-weight: normal; } .clr { clear: both; } .hidden { display: none; } #wachtRijOuterBox { margin: 0 0 10px 55px; padding: 0 0 0 20px; width: 350px; height: 15px; border: 1px solid #666666; background: url(../images/background_indicator.gif) repeat-x 0 0; overflow: hidden; } #wachtRijInnerBox { width: 350px; text-align: right; } img#imgIndicator { height: 15px; width: 90%; } /* -- /general ----- */ /* ----- header -- */ #servicemenu { position: absolute; top: 0px; right: 0; height: 75px; width: 594px; line-height: 1.0; } /* background: transparent url(/images/genreSpecific/hdrMain.gif) no-repeat top right; } */ /*.toneel #servicemenu { background: transparent url(/images/genreSpecific/hdrMainToneel.gif) no-repeat top right; } .literatuur #servicemenu { background: transparent url(/images/genreSpecific/hdrMainLiteratuur.gif) no-repeat top right; } .cabaret #servicemenu { background: transparent url(/images/genreSpecific/hdrMainCabaret.gif) no-repeat top right; } .jeugd #servicemenu { background: transparent url(/images/genreSpecific/hdrMainJeugd.gif) no-repeat top right; } .dans #servicemenu { background: transparent url(/images/genreSpecific/hdrMainDans.gif) no-repeat top right; } .musical #servicemenu { background: transparent url(/images/genreSpecific/hdrMainMusical.gif) no-repeat top right; } .theaterconcert #servicemenu { background: transparent url(/images/genreSpecific/hdrMainTheaterconcert.gif) no-repeat top right; } .opera #servicemenu { background: transparent url(/images/genreSpecific/hdrMainOpera.gif) no-repeat top right; } .klassiek #servicemenu { background: transparent url(/images/genreSpecific/hdrMainKlassiek.gif) no-repeat top right; } .alle #servicemenu { background: transparent url(/images/genreSpecific/hdrMainAlle.gif) no-repeat top right; } */ #servicemenu ul { float: right; margin: 10px 18px 0 0 } #servicemenu li { float: right; margin-left: 10px; color: #7D7D7D; } #servicemenu li a { color: #fff; } #servicemenu li a:hover { color: #7D7D7D; } #zoekForm { float: right; margin: 25px 18px 0 0; } #zoekForm legend span { position: absolute; top: -999999px } #zoekForm input { float: left; } #zoekForm input.text { border: none; width: 128px; margin-right: 1px; } #zoekForm input.submit { position: relative; width: 18px; height: 18px; border: none; background: #7d7d7d url(/images/btnSearch.gif) no-repeat 0 0; } /* -- /header ----- */ /* ------ menu -- */ #menuContainer { width: 800px; position: absolute; bottom: 55px; right: 0px; } #menuContainer #menu, #menuContainer #menu * { margin: 0; padding: 0; list-style: none; } #menuContainer #menu { float: right; margin-bottom: 15px; } #menuContainer #menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } #menuContainer #menu ul li { width: 100%; } #menuContainer #menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #menuContainer #menu li { float: left; position: relative; } #menuContainer #menu a { display: block; position: relative; } #menuContainer #menu li:hover ul, #menuContainer #menu li.sfHover ul { left: 30px; top: 20px; /* match top ul list item height */ z-index: 99; } #menuContainer ul#menu li:hover li ul, #menuContainer ul#menu li.sfHover li ul { top: -1999em; } #menuContainer ul#menu li li:hover ul, #menuContainer ul#menu li li.sfHover ul { left: 12.5em; /* match ul width */ top: 0; } #menuContainer ul#menu li li:hover li ul, #menuContainer ul#menu li li.sfHover li ul { top: -999em; } #menuContainer ul#menu li li li:hover ul, #menuContainer ul#menu li li li.sfHover ul { left: 12.5em; /* match ul width */ top: 0; } #menuContainer #menu .home { width: 55px; background: transparent url(/images/btnMenuHome.gif) no-repeat 0 0; } #menuContainer #menu .programma { width: 127px; background: transparent url(/images/btnMenuProgramma.gif) no-repeat 0 0; } #menuContainer #menu .informatie { width: 116px; background: transparent url(/images/btnMenuInformatie.gif) no-repeat 0 0; } #menuContainer #menu .verhuur { width: 89px; background: transparent url(/images/btnMenuVerhuur.gif) no-repeat 0 0; } #menuContainer #menu .mijntv { width: 59px; background: transparent url(/images/btnMenuMijnTv.gif) no-repeat 0 0; } #menuContainer #menu .home:hover, #menuContainer #menu .programma:hover, #menuContainer #menu .informatie:hover, #menuContainer #menu .verhuur:hover, #menuContainer #menu .mijntv:hover { background-position: 0 -17px; } #menuContainer #menu .home.active, #menuContainer #menu .programma.active, #menuContainer #menu .informatie.active, #menuContainer #menu .verhuur.active, #menuContainer #menu .mijntv.active { background-position: 0 -34px; } #menuContainer #menu a { height: 17px; margin: 0 20px 0 40px; text-decoration: none; text-indent: -66666px; text-transform: uppercase; } #menuContainer #menu a, #menuContainer #menu a:visited { color: #fff; } /* visited pseudo selector so IE6 applies text colour */ #menuContainer #menu li ul { padding: 35px 0px; background: transparent url(/images/bgSubMenu.gif) repeat 0 0; } #menuContainer #menu li ul a { height: auto; width: 100%; line-height: 1.0em; margin: 0; padding: 0.75em 10px; text-indent: 0px; display: block; } #menuContainer #menu li li ul { padding: 0px; background: transparent url(/images/bgSubSubMenu.gif) repeat 0 0; border-top: 1px solid #7d7d7d; border-left: 1px solid #7d7d7d; } #menuContainer #menu li ul li a:hover { background-color: #7d7d7d; } #menuContainer #menu li:hover, #menuContainer #menu li.sfHover, #menuContainer #menu a:focus, #menuContainer #menu a:hover, #menuContainer #menu a:active { outline: 0; } #chapterMenuContainer #menuSide { width: 191px; padding: 30px 15px; background: #000 url(/images/bgMenuSide.gif) repeat 0 0; } #chapterMenuContainer #menuSide ul { margin: 0 0 0 35px; } #chapterMenuContainer #menuSide li { text-transform: uppercase; } #chapterMenuContainer #menuSide .active { color: #00d1ff; } #chapterMenuContainer .footer, .order #subColumn2 .footer, .queue #subColumn2 .footer { width: 221px; height: 5px; background: transparent url(/images/ftrMenuSide.gif) repeat-x 0 0; } /* -- /menu ----- */ /* --- subcolumn items -- */ .layColumn .subItem { padding: 10px; } .layColumn input.submit { background: none; border: none; padding: 0; } .layColumn form div.submit { text-align: right; } .laySubColumn h2 { padding: 0px; } .hr hr { display: none; } #subColumn1 .hr, #subColumn2 .hr { margin: 10px 0 10px -10px; height: 2px; } #subColumn1 .hr { width: 221px; background: transparent url(/images/hrSubCol1.gif) no-repeat 0 0; } #subColumn2 .hr { width: 231px; background: transparent url(/images/hrSubCol2.gif) no-repeat 0 0; margin-bottom: 0px; } /* --- genreList --- */ .genreListContainer h2 { margin-bottom: 10px; width: 94px; height: 16px; background: transparent url(/images/hdrGenreList.gif) no-repeat 0 0; text-indent: -666666px; overflow: hidden; } .genreListContainer .season { width: 101px; background: transparent url(/images/hdrGenreListSeason.gif) no-repeat 0 0; } .genreListContainer .hr { width: 221px; background: transparent url(/images/hrSubCol.gif) no-repeat 0 0; } .genreListContainer .toShoppingBasket { display: block; width: 194px; height: 24px; background: transparent url(/images/btnShoppingBasket.gif) no-repeat 0 0; text-indent: -666666px; overflow: hidden; } .genreListContainer .toShoppingBasket:hover { background-position: 0 -24px; } .genreListContainer .full { background: transparent url(/images/btnShoppingBasketFull.gif) no-repeat 0 0; } .genreListContainer .shoppingbasketContent { margin-top: 5px; } .genreListContainer #genreList { width: 221px; margin-left: -10px; } .genreListContainer #genreList li { margin-bottom: 2px; height: 27px; text-transform: uppercase; } .genreListContainer #genreList a { display: block; padding: 4px 0 4px 10px; } .shoppingBasketContainer { background: #e1007a; padding: 10px 5px 10px 10px; width: 100%; margin: -10px 0 -10px -10px; } /* genre colors - genrelist knoppen */ .toneel #genreList .active, #genreList .toneel a:hover { background: transparent url(/images/genreSpecific/btnGenreListToneel.gif) repeat-x 0 0; } .literatuur #genreList .active { background: transparent url(/images/genreSpecific/btnGenreListLiteratuur.gif) repeat-x 0 0; } .cabaret #genreList .active { background: transparent url(/images/genreSpecific/btnGenreListCabaret.gif) repeat-x 0 0; } .jeugd #genreList .active { background: transparent url(/images/genreSpecific/btnGenreListJeugd.gif) repeat-x 0 0; } .dans #genreList .active { background: transparent url(/images/genreSpecific/btnGenreListDans.gif) repeat-x 0 0; } .musical #genreList .active { background: transparent url(/images/genreSpecific/btnGenreListMusical.gif) repeat-x 0 0; } .theaterconcert #genreList .active { background: transparent url(/images/genreSpecific/btnGenreListTheaterconcert.gif) repeat-x 0 0; } .opera #genreList .active { background: transparent url(/images/genreSpecific/btnGenreListOpera.gif) repeat-x 0 0; } .klassiek #genreList .active { background: transparent url(/images/genreSpecific/btnGenreListKlassiek.gif) repeat-x 0 0; } .alle #genreList .active { background: transparent url(/images/genreSpecific/btnGenreListAlle.gif) repeat-x 0 0; } #bodySeries #genreList .active { background: transparent url(/images/genreSpecific/btnGenreListSeries.gif) repeat-x 0 0; } #genreList .toneel a:hover { background: transparent url(/images/genreSpecific/btnGenreListToneel.gif) repeat-x 0 0; } #genreList .literatuur a:hover { background: transparent url(/images/genreSpecific/btnGenreListLiteratuur.gif) repeat-x 0 0; } #genreList .cabaret a:hover { background: transparent url(/images/genreSpecific/btnGenreListCabaret.gif) repeat-x 0 0; } #genreList .jeugd a:hover { background: transparent url(/images/genreSpecific/btnGenreListJeugd.gif) repeat-x 0 0; } #genreList .dans a:hover { background: transparent url(/images/genreSpecific/btnGenreListDans.gif) repeat-x 0 0; } #genreList .musical a:hover { background: transparent url(/images/genreSpecific/btnGenreListMusical.gif) repeat-x 0 0; } #genreList .theaterconcert a:hover { background: transparent url(/images/genreSpecific/btnGenreListTheaterconcert.gif) repeat-x 0 0; } #genreList .opera a:hover { background: transparent url(/images/genreSpecific/btnGenreListOpera.gif) repeat-x 0 0; } #genreList .klassiek a:hover { background: transparent url(/images/genreSpecific/btnGenreListKlassiek.gif) repeat-x 0 0; } #genreList .alle a:hover { background: transparent url(/images/genreSpecific/btnGenreListAlle.gif) repeat-x 0 0; } #genreList .series a:hover { background: transparent url(/images/genreSpecific/btnGenreListSeries.gif) repeat-x 0 0; } .genreListContainer #genreList a:hover { color: #fff; } /* /genre colors */ /* --- newsList --- */ .newsListContainer h2 { margin-bottom: 10px; width: 86px; height: 16px; background: transparent url(/images/hdrNewsList.gif) no-repeat 0 0; text-indent: -666666px; } .newsListContainer li { margin-bottom: 1em; font-size: 1.2em; line-height: 1.1em; } .newsListContainer a:hover, .newsListContainer a.active { color: #00d1ff; } /* --- twitterContainer --- */ .twitterContainer { min-height: 100px; color: #989898; padding-top: 10px; } .twitterContainer h2 { float: left; margin-bottom: 10px; width: 86px; height: 16px; background: transparent url(/images/hdrTwitter.gif) no-repeat 0 0; text-indent: -666666px; } .twitterContainer span { float: right; padding: 2px 10px 0 0; } .twitterContainer i { float: right; padding-right: 10px; } .twitterContainer blockquote { padding-right: 10px; clear: both; line-height: 130%; } .twitterContainer a:hover { color: #7D7D7D; } .twitterContainer a.active { color: #fff; } .twitterContainer .fullTweets { color: #000; margin: 5px; } .twitterContainer .fullTweets a { color: #E2007A; } .twitterContainer .fullTweets a:hover { color: #555; } .twitterContainer .fullTweets i { float: none; padding: 0px; } .twitterContainer .fullTweets li { margin: 15px 0; } /* --- mediaContainer --- */ .layColumn .mediaContainer { margin-left: -4px; height: 212px; } .layColumn .mediaContainer object { font-size: 0px; } /* --- contentContainer --- */ #contentContainer { background-color: #e5e5e5; color: #000; } #contentContainer h1 { padding: 5px; font-weight: bold; color: #1b1b1b; } #contentContainer .p { padding: 10px 5px; } .shoppingList .p { padding-top: 10px!important; } #contentContainer .p a { color: #e2007a; } #contentContainer .p a:hover { color: #555; } #contentContainer .p ul { margin: 5px 20px; list-style: circle; } #contentContainer .p h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; } #contentContainer .p h2 { font-size: 1.3em; font-weight: bold; } #contentContainer .p h3 { font-size: 1.2em; } #contentContainer .p h4 { font-size: 1.1em; } #contentContainer .p h5 { font-size: 1.0em; } #contentContainer .p h6 { font-weight: bold; } #contentContainer strong { font-weight: bold; } #contentContainer img, #contentContainer object { display: block; } #contentContainer .footer { height: 23px; background: transparent url(/images/ftrContentcontainer.gif) repeat-x 0 0; } #contentContainer #sitemap ul { margin: 0 0 0 25px; } #contentContainer #sitemap li { margin: 3px 0 3px 5px; } /* --- /contentContainer --- */ /* ------ voorstellingen overzicht -- */ #bodyHome .voorstellingKop, #bodyVoorstellingen .voorstellingKop, #bodyZoeken .voorstellingKop, #bodyMijntheater .voorstellingKop, #bodySeries .voorstellingKop { width: 300px; margin: 5px 18px 0 18px; float: right; padding: 0px; line-height: 1.3em; font-size: 1.0em; font-weight: bold; } #bodyHome .voorstellingKop .teaser { font-size: 1.2em; color: #fced01; display: block; font-weight: bold; } #bodyHome #uitgelicht { padding-bottom: 23px; background: transparent url(/images/bgUitgelicht.gif) no-repeat bottom left; } #bodyHome #uitgelicht h2 { font-size: 1em; padding: 0px; } #bodyHome #uitgelicht .voorstellingDatum { float: left; overflow: hidden; margin: 0; display: block; height: 61px; width: 159px; margin: 6px 5px 4px 5px; line-height: 1.1; border-right: 1px solid #fff; } #bodyHome #uitgelicht .voorstellingDatum .day { font-size: 5.5em; margin: 0px; font-weight: bold; border-right: 1px solid #fff; padding-right: 10px; } #bodyHome #uitgelicht .voorstellingDatum .month { font-size: 2.0em; position: absolute; } #bodyHome #uitgelicht .voorstellingDatum .year { font-size: 2.0em; font-weight: bold; position: relative; top: 0px; } #bodyHome #uitgelicht .footer { clear: both; padding: 0 5px; background-color: #7d7d7d; border-top: 1px solid #fff; height: 23px; font-size: 1.3em; font-weight: bold; } #bodyHome #uitgelicht .footer span { float: left; } #bodyHome #uitgelicht .footer ul { float: right; margin-right: 5px; } #bodyHome #uitgelicht .footer li { font-size: 0.8em; float: left; margin: 2px 0 0 20px; font-weight: bold; } #bodyHome #uitgelicht .footer li a:hover { color: #000; } #bodyVoorstellingen #main .header, #bodySeries #main .header { background: transparent url(/images/bgListHeader.gif) repeat 0 0; margin-bottom: 2px; height: 50px; } #bodyVoorstellingen #main .header .genre, #bodyVoorstellingen #main .header .month { position: absolute; top: 10px; left: 40px; width: 100px; height: 20px; text-indent: -99999px; overflow: hidden; } #bodyVoorstellingen #main .header .genre { left: 195px; width: 180px; } #bodyVoorstellingen #main .header .month01 { background: transparent url(/images/hdrMonth01.gif) no-repeat 0 0; } #bodyVoorstellingen #main .header .month02 { background: transparent url(/images/hdrMonth02.gif) no-repeat 0 0; } #bodyVoorstellingen #main .header .month03 { background: transparent url(/images/hdrMonth03.gif) no-repeat 0 0; } #bodyVoorstellingen #main .header .month04 { background: transparent url(/images/hdrMonth04.gif) no-repeat 0 0; } #bodyVoorstellingen #main .header .month05 { background: transparent url(/images/hdrMonth05.gif) no-repeat 0 0; } #bodyVoorstellingen #main .header .month06 { background: transparent url(/images/hdrMonth06.gif) no-repeat 0 0; } #bodyVoorstellingen #main .header .month07 { background: transparent url(/images/hdrMonth07.gif) no-repeat 0 0; } #bodyVoorstellingen #main .header .month08 { background: transparent url(/images/hdrMonth08.gif) no-repeat 0 0; } #bodyVoorstellingen #main .header .month09 { background: transparent url(/images/hdrMonth09.gif) no-repeat 0 0; } #bodyVoorstellingen #main .header .month10 { background: transparent url(/images/hdrMonth10.gif) no-repeat 0 0; } #bodyVoorstellingen #main .header .month11 { background: transparent url(/images/hdrMonth11.gif) no-repeat 0 0; } #bodyVoorstellingen #main .header .month12 { background: transparent url(/images/hdrMonth12.gif) no-repeat 0 0; } .toneel #main .header .genre { background: transparent url(/images/hdrListToneel.gif) no-repeat 0 0; } .literatuur #main .header .genre { background: transparent url(/images/hdrListLiteratuur.gif) no-repeat 0 0; } .cabaret #main .header .genre { background: transparent url(/images/hdrListCabaret.gif) no-repeat 0 0; } .jeugd #main .header .genre { background: transparent url(/images/hdrListJeugd.gif) no-repeat 0 0; } .dans #main .header .genre { background: transparent url(/images/hdrListDans.gif) no-repeat 0 0; } .musical #main .header .genre { background: transparent url(/images/hdrListMusical.gif) no-repeat 0 0; } .theaterconcert #main .header .genre { background: transparent url(/images/hdrListTheaterconcert.gif) no-repeat 0 0; } .opera #main .header .genre { background: transparent url(/images/hdrListOpera.gif) no-repeat 0 0; } .klassiek #main .header .genre { background: transparent url(/images/hdrListKlassiek.gif) no-repeat 0 0; } .alle #main .header .genre, .verhuring #main .header .genre { background: transparent url(/images/hdrListAlle.gif) no-repeat 0 0; } #bodySeries #main .header .title { font-size: 1.3em; font-weight: bold; position:absolute; left:40px; top:10px; } #bodySeries #main .header .actions { position:absolute; right: 25px; top: 14px; text-align: right; } #main dd.status { float: right; padding: 0px; margin-right: -10px; font-size: 0.9em; } #bodyMijntheater .voorstellingen { margin-top: 5px; } .voorstellingen .voorstelling { position: relative; min-height: 104px; background-color: #fff; margin-bottom: 5px; } .voorstellingen .eigenschappen { height: 22px; line-height: 22px; padding: 0 17px; color: #fff; } .voorstellingen .eigenschappen dt { position: absolute; visibility: hidden; } .voorstellingen .eigenschappen dd { float: left; padding: 0 7px; } .voorstellingen .eigenschappen .genre { padding: 0; position: absolute; left: 180px; width: 99px; height: 14px; margin-top: 4px; background: transparent url("/images/genreSpecific/genreListSprite.gif") no-repeat 0 0; text-indent: -99999px; overflow: hidden; } .voorstellingen .voorstelling form { clear: both; position: absolute; top: -2px; right: 5px; text-align: right; } .voorstellingen .voorstelling .image { font-size: 0px; line-height: 0px; float: left; } .voorstellingen .voorstelling .teaser { float: right; margin:5px 18px; width: 300px; padding: 0px; color: #000!important; line-height: 1.1em; } .voorstellingen .voorstelling .showType { position: absolute; bottom: 0px; right: 5px; font-weight: bold; color: #510045; } .voorstellingen #shoppingbasketList { background: transparent!important; padding-top: 0px!important; } .voorstellingen #shoppingbasketList .submit { width: auto!important; font-size: 0.9em!important; line-height: 1em!important; } #pagination { width: 100%; margin-top: 10px; clear: both; line-height: 2.5em; } #pagination ul, #pagination ul li { display: inline; margin: 0; } #pagination ul li a { color: #fff; } #pagination li.pages { text-align: center; padding: 0 75px; } #pagination .pages li a { color: #fff; font-size: 1.0em; font-weight: bold; padding: 0.05em 0.1em; width: 1.1em; height: 1.1em; margin: 0 3px; } #pagination .pages li a:hover, #pagination .pages .active a { color: #00d1ff; text-decoration: none; } #pagination .toRight { float: right; margin: 0; text-align: right; width: auto; } #pagination .toLeft { float: left; width: auto; } #pagination .toRight, #pagination .toLeft { color: #7D7D7D; } #pagination .toRight a:hover, #pagination .toLeft a:hover { color: #7D7D7D!important; } #bodyInformatie #pagination .toLeft, #bodyInformatie #pagination .toRight { padding: 0 5px; } #bodyInformatie #pagination .toLeft a, #bodyInformatie #pagination .toRight a { color: #E2007A; } #bodyInformatie #pagination ul li a { color: #000; } #bodyInformatie #pagination .pages .active a { color: #7D7D7D; text-decoration: none; } /* genre colors - voorstelling overzicht*/ .voorstellingen .toneel .eigenschappen { background: #7c665b; } .voorstellingen .literatuur .eigenschappen { background: #075c92; } .voorstellingen .cabaret .eigenschappen { background: #6c8704; } .voorstellingen .jeugd .eigenschappen { background: #a40875; } .voorstellingen .dans .eigenschappen { background: #1b7a14; } .voorstellingen .musical .eigenschappen { background: #8108a3; } .voorstellingen .theaterconcert .eigenschappen { background: #855606; } .voorstellingen .opera .eigenschappen { background: #047a98; } .voorstellingen .klassiek .eigenschappen { background: #8c7505; } .voorstellingen .alle .eigenschappen, .voorstellingen .verhuring .eigenschappen { background: #555555; } .voorstellingen .serie .eigenschappen { background: #fa0097; } .voorstellingen .toneel .genre { background-position: 0 0; } .voorstellingen .literatuur .genre { background-position: 0 -14px; } .voorstellingen .cabaret .genre { background-position: 0 -28px; } .voorstellingen .jeugd .genre { background-position: 0 -42px; } .voorstellingen .dans .genre { background-position: 0 -56px; } .voorstellingen .musical .genre { background-position: 0 -70px; } .voorstellingen .theaterconcert .genre { background-position: 0 -84px; } .voorstellingen .opera .genre { background-position: 0 -98px; } .voorstellingen .klassiek .genre { background-position: 0 -112px; } .voorstellingen .alle .genre { background: none; } .voorstellingen .verhuring .genre { background-position: 0 -126px; } .voorstellingen .serie .genre { background-position: 0 -140px; } .order .voorstellingen .toneel .genre { background-position: -198px 0; } .order .voorstellingen .literatuur .genre { background-position: -198px -14px; } .order .voorstellingen .cabaret .genre { background-position: -198px -28px; } .order .voorstellingen .jeugd .genre { background-position: -198px -42px; } .order .voorstellingen .dans .genre { background-position: -198px -56px; } .order .voorstellingen .musical .genre { background-position: -198px -70px; } .order .voorstellingen .theaterconcert .genre { background-position: -198px -84px; } .order .voorstellingen .opera .genre { background-position: -198px -98px; } .order .voorstellingen .klassiek .genre { background-position: -198px -112px; } .order .voorstellingen .alle .genre, .order .voorstellingen .verhuring .genre { background-position: -198px -126px; } .order .voorstellingen .serie .genre { background-position: -198px -140px; } .order .voorstellingen .toneel .active .genre { background-position: -99px 0; } .order .voorstellingen .literatuur .active .genre { background-position: -99px -14px; } .order .voorstellingen .cabaret .active .genre { background-position: -99px -28px; } .order .voorstellingen .jeugd .active .genre { background-position: -99px -42px; } .order .voorstellingen .dans .active .genre { background-position: -99px -56px; } .order .voorstellingen .musical .active .genre { background-position: -99px -70px; } .order .voorstellingen .theaterconcert .active .genre{ background-position: -99px -84px; } .order .voorstellingen .opera .active .genre { background-position: -99px -98px; } .order .voorstellingen .klassiek .active .genre { background-position: -99px -112px; } .order .voorstellingen .alle .active .genre, .order .voorstellingen .verhuring .active .genre { background-position: -99px -126px; } .order .voorstellingen .serie .active .genre { background-position: -99px -140px; } .voorstellingen .toneel .voorstellingKop span { color: #7c665b; } .voorstellingen .literatuur .voorstellingKop span { color: #075c92; } .voorstellingen .cabaret .voorstellingKop span { color: #6c8704; } .voorstellingen .jeugd .voorstellingKop span { color: #a40875; } .voorstellingen .dans .voorstellingKop span { color: #1b7a14; } .voorstellingen .musical .voorstellingKop span { color: #8108a3; } .voorstellingen .theaterconcert .voorstellingKop span{ color: #855606; } .voorstellingen .opera .voorstellingKop span { color: #047a98; } .voorstellingen .klassiek .voorstellingKop span { color: #8c7505; } .voorstellingen .alle .voorstellingKop span, .voorstellingen .verhuring .voorstellingKop span { color: #555555; } .voorstellingen .serie .voorstellingKop span { color: #fa0097; } .order .voorstellingen .voorstellingKop span { color: #919191; } .voorstellingKop a span:hover { color: #7d7d7d!important; } /* /genre colors */ /* -- v.calendar -- */ table.calendar { table-layout: fixed; width: 100%; } table.calendar th, table.calendar td { text-align: center; vertical-align: middle; } table.calendar a, table.calendar span { display: block; padding: 1px; } /* -- genre/maand select -- */ #menu #genreMaandForm select, #menu #genreMaandForm input.selectbox, #menu #genreMaandForm div.selectbox-wrapper { width: 158px; border: 1px solid #FFCC00; background-color: #6E0602; color: #FFCC00; font-weight: bold; padding: 2px; } #menu #genreMaandForm input.selectbox { background: url("/images/selectbox_arrow.gif") no-repeat 98% 50%; } #menu #genreMaandForm div.selectbox-wrapper { } #menu #genreMaandForm div.selectbox-wrapper ul li.selected { background-color: #9F0D05; } #menu #genreMaandForm div.selectbox-wrapper ul li.current { background-color: #fc0; color: #000; } #menu #genreMaandForm label { display: block; margin: 1em 0 1em 10px; } /* ------ /voorstellingen overzicht -- */ /* ------ voorstellingen detail -- */ #bodyVoorstelling #voorstellingInfo-head .status { float: right; margin: 0 10px 5px 0; font-weight: bold; } #bodyVoorstelling .p { padding-top: 10px; } #bodyVoorstelling .voorstellingKop { line-height: 1.2em; padding-bottom: 0px; } #bodyVoorstelling .voorstellingActions { position: relative; width: 500px; color: #fff; line-height: 2.0em; font-size: 0.9em; } #bodyVoorstelling .voorstellingActions ul { top: 0.5em; } #bodyVoorstelling .voorstellingActions li, #bodyVoorstelling .prices li { float: left; padding: 0 5px; line-height: 1.0em; border-right: 1px solid #fff; color: #fff; } #bodyVoorstelling .prices li { color: #000; font-size: 0.9em; border-color: #000; } #bodyVoorstelling .voorstellingActions li a { margin: 0px; padding: 0px; } #bodyVoorstelling .voorstellingActions li span { color: #c5c5c5; } #bodyVoorstelling .voorstellingActions .toRight { position: absolute; right: 0px; } #bodyVoorstelling .voorstellingActions.top { overflow: hidden; } #bodyVoorstelling .voorstellingActions a:hover { color: #343434; } #bodyVoorstelling .voorstellingActions.bottom { height: 2.0em; position: relative; } #bodyVoorstelling .voorstellingActions.bottom ul { float: left; margin-top: 0.5em; } #bodyVoorstelling .voorstellingActions.bottom .toRight { right: 5px; } #bodyVoorstelling .voorstellingActions .hdrGenre { width: 135px; height: 22px; text-indent: -999999px; overflow: hidden; } #bodyVoorstelling .voorstellingActions .active { background: #E5E5E5; padding-bottom: 6px; padding-top: 3px; margin-top: -3px; border: none; } #bodyVoorstelling .voorstellingActions .active a { color: #7D7D7D; } #bodyVoorstelling .voorstellingDatum { padding: 0 5px; margin-bottom: 20px; } #bodyVoorstelling .last { border: none!important; } #bodyVoorstelling .backBtn { font-size: 0.9em; position: absolute; right: 22px; margin-top: -20px; } #bodyVoorstelling .backBtn:hover { color: #343434; } #bodyVoorstelling .subContent .reviewTitle { padding-left: 5px; } #formInWinkelmandje .submit { display: block; float: right; top: -10px; position: relative; margin-right: 5px; width: 156px; height: 32px; text-indent: -99999px; overflow: hidden; } #bodySeries #formInWinkelmandje .submit { top: -5px; text-indent: 40px; margin-right: -2px; font-size: 13px!important; line-height: 13px!important; } #bodyVoorstelling h2.suggestions { padding: 0 0 0 5px; font-size: 1.0em; height: 22px; text-indent: -99999px; overflow: hidden; } #bodyVoorstelling .hdrAV, #bodyVoorstelling .hdrReviews, #bodyVoorstelling .hdrSendFriend, #bodyVoorstelling .hdrReact, #bodyVoorstelling .hdrReactions { height: 22px; padding: 0px; text-indent: -99999px; overflow: hidden; display: none; } #bodyVoorstelling .hdrReactions { margin-top: 10px; } .subContent { margin: 10px 0 0 0; } .subContent p { margin: 0 5px 20px 5px; } .subContent a { color: #e2007a!important; } .subContent a:hover { color: #7d7d7d!important; } .subContent li { margin: 5px 0; padding: 0 50px 0 5px; line-height: 1.2em; } .subContent .mediaList { margin-bottom: 30px; } .subContent .reviewList { margin-bottom: 30px; } .subContent .reviewList li { margin: 0 0 20px 0; } .subContent h3 { font-size: 1.3em; line-height: 1.3em; } .subContent legend span { position: absolute; top: -999999px } .subContent form input, .subContent form textarea { padding: 2px; } .subContent form .row { margin: 4px 0; } .subContent form .submitBar { height: 22px; } .subContent form .submitBar input { height: 14px; float: right; margin: 3px 20px 0 0; text-indent: -999999px; } .subContent #sendAFriendForm label { width: 130px; margin: 0 10px 0 0; text-align: right; } .subContent #sendAFriendForm input, .subContent #sendAFriendForm textarea { width: 250px; } .subContent #sendAFriendForm textarea { height: 100px; } .subContent #sendAFriendForm .submitBar input { width: 68px; height: 14px; } .subContent #reactForm label { width: 70px; margin: 0 10px 0 0; text-align: right; } .subContent #reactForm input { width: 200px; } .subContent #reactForm .radio { width: auto; } .subContent #reactForm textarea { width: 390px; height: 100px; } .subContent #reactForm .submitBar { width: 500px; height: 22px; } .subContent #reactForm .submitBar input { width: 100px; height: 17px; } .subContent #reactForm .stars { width: 205px; float: right; margin-top: -54px; } .subContent #reactForm .stars div, .subContent .ratedStars div { width: auto; margin: 0px; height: 17px; float: left; } .subContent .ratedStars { position: absolute; right: 25px; margin-top: -19px; width: 95px; } .subContent .reactions li { margin: 0px; border-bottom: 1px solid #b0b0b0; } #bodyInformatie .subContent .reactions li { padding-top: 5px; padding-bottom: 5px; } .subContent .reactions li p { margin: 7px 0px; } .subContent .reactions .meta { margin: 5px 0 10px 0; } /* genre colors - voorstelling detail head */ .toneel #voorstellingInfo-head { background-color: #c8b1a9; } .literatuur #voorstellingInfo-head { background-color: #3d92c8; } .cabaret #voorstellingInfo-head { background-color: #a8c924; } .jeugd #voorstellingInfo-head { background-color: #e345b4; } .dans #voorstellingInfo-head { background-color: #4dae47; } .musical #voorstellingInfo-head { background-color: #c145e3; } .theaterconcert #voorstellingInfo-head { background-color: #b68737; } .opera #voorstellingInfo-head { background-color: #37b6d6; } .klassiek #voorstellingInfo-head { background-color: #ddb12c; } .alle #voorstellingInfo-head, .verhuring #voorstellingInfo-head { background-color: #919191; } .toneel .voorstellingActions { background-color: #7c665b; } .literatuur .voorstellingActions { background-color: #075c92; } .cabaret .voorstellingActions { background-color: #6c8704; } .jeugd .voorstellingActions { background-color: #a40875; } .dans .voorstellingActions { background-color: #1b7a14; } .musical .voorstellingActions { background-color: #8108a3; } .theaterconcert .voorstellingActions { background-color: #855606; } .opera .voorstellingActions { background-color: #037a98; } .klassiek .voorstellingActions { background-color: #8c7505; } .alle .voorstellingActions, .verhuring .voorstellingActions { background-color: #555555; } .toneel .hdrGenre { background: transparent url(/images/genreSpecific/hdrDetailGenreToneel.gif) no-repeat 5px 3px; } .literatuur .hdrGenre { background: transparent url(/images/genreSpecific/hdrDetailGenreLiteratuur.gif) no-repeat 5px 3px; } .cabaret .hdrGenre { background: transparent url(/images/genreSpecific/hdrDetailGenreCabaret.gif) no-repeat 5px 3px; } .jeugd .hdrGenre { background: transparent url(/images/genreSpecific/hdrDetailGenreJeugd.gif) no-repeat 5px 3px; } .dans .hdrGenre { background: transparent url(/images/genreSpecific/hdrDetailGenreDans.gif) no-repeat 5px 3px; } .musical .hdrGenre { background: transparent url(/images/genreSpecific/hdrDetailGenreMusical.gif) no-repeat 5px 3px; } .theaterconcert .hdrGenre { background: transparent url(/images/genreSpecific/hdrDetailGenreTheaterconcert.gif) no-repeat 5px 3px; } .opera .hdrGenre { background: transparent url(/images/genreSpecific/hdrDetailGenreOpera.gif) no-repeat 5px 3px; } .klassiek .hdrGenre { background: transparent url(/images/genreSpecific/hdrDetailGenreKlassiek.gif) no-repeat 5px 3px; } .alle .hdrGenre, .verhuring .hdrGenre { background: none; } .toneel #formInWinkelmandje .submit { background: transparent url(/images/genreSpecific/btnShoppingBasketToneel.gif) no-repeat 0 0; } .literatuur #formInWinkelmandje .submit { background: transparent url(/images/genreSpecific/btnShoppingBasketLiteratuur.gif) no-repeat 0 0; } .cabaret #formInWinkelmandje .submit { background: transparent url(/images/genreSpecific/btnShoppingBasketCabaret.gif) no-repeat 0 0; } .jeugd #formInWinkelmandje .submit { background: transparent url(/images/genreSpecific/btnShoppingBasketJeugd.gif) no-repeat 0 0; } .dans #formInWinkelmandje .submit { background: transparent url(/images/genreSpecific/btnShoppingBasketDans.gif) no-repeat 0 0; } .musical #formInWinkelmandje .submit { background: transparent url(/images/genreSpecific/btnShoppingBasketMusical.gif) no-repeat 0 0; } .theaterconcert #formInWinkelmandje .submit { background: transparent url(/images/genreSpecific/btnShoppingBasketTheaterconcert.gif) no-repeat 0 0; } .opera #formInWinkelmandje .submit { background: transparent url(/images/genreSpecific/btnShoppingBasketOpera.gif) no-repeat 0 0; } .klassiek #formInWinkelmandje .submit { background: transparent url(/images/genreSpecific/btnShoppingBasketKlassiek.gif) no-repeat 0 0; } .alle #formInWinkelmandje .submit, .verhuring #formInWinkelmandje .submit { background: transparent url(/images/genreSpecific/btnShoppingBasketAlle.gif) no-repeat 0 0; } .toneel h2.suggestions { background: #7c665b url(/images/genreSpecific/hdrSuggestionsToneel.gif) no-repeat 5px 3px; } .literatuur h2.suggestions { background: #075c92 url(/images/genreSpecific/hdrSuggestionsLiteratuur.gif) no-repeat 5px 3px; } .cabaret h2.suggestions { background: #6c8704 url(/images/genreSpecific/hdrSuggestionsCabaret.gif) no-repeat 5px 3px; } .jeugd h2.suggestions { background: #a40875 url(/images/genreSpecific/hdrSuggestionsJeugd.gif) no-repeat 5px 3px; } .dans h2.suggestions { background: #1b7a14 url(/images/genreSpecific/hdrSuggestionsDans.gif) no-repeat 5px 3px; } .musical h2.suggestions { background: #8108a3 url(/images/genreSpecific/hdrSuggestionsMusical.gif) no-repeat 5px 3px; } .theaterconcert h2.suggestions { background: #855606 url(/images/genreSpecific/hdrSuggestionsTheaterconcert.gif) no-repeat 5px 3px; } .opera h2.suggestions { background: #037a98 url(/images/genreSpecific/hdrSuggestionsOpera.gif) no-repeat 5px 3px; } .klassiek h2.suggestions { background: #8c7505 url(/images/genreSpecific/hdrSuggestionsKlassiek.gif) no-repeat 5px 3px; } .alle h2.suggestions { background: #555555 url(/images/genreSpecific/hdrSuggestionsAlle.gif) no-repeat 5px 3px; } .verhuring h2.suggestions { background: #555555 url(/images/genreSpecific/hdrSuggestionsVerhuring.gif) no-repeat 5px 3px; } .toneel .hdrAV { background: #7c665b url(/images/genreSpecific/hdrAVToneel.gif) no-repeat 5px 3px; } .literatuur .hdrAV { background: #075c92 url(/images/genreSpecific/hdrAVLiteratuur.gif) no-repeat 5px 3px; } .cabaret .hdrAV { background: #6c8704 url(/images/genreSpecific/hdrAVCabaret.gif) no-repeat 5px 3px; } .jeugd .hdrAV { background: #a40875 url(/images/genreSpecific/hdrAVJeugd.gif) no-repeat 5px 3px; } .dans .hdrAV { background: #1b7a14 url(/images/genreSpecific/hdrAVDans.gif) no-repeat 5px 3px; } .musical .hdrAV { background: #8108a3 url(/images/genreSpecific/hdrAVMusical.gif) no-repeat 5px 3px; } .theaterconcert .hdrAV { background: #855606 url(/images/genreSpecific/hdrAVTheaterconcert.gif) no-repeat 5px 3px; } .opera .hdrAV { background: #037a98 url(/images/genreSpecific/hdrAVOpera.gif) no-repeat 5px 3px; } .klassiek .hdrAV { background: #8c7505 url(/images/genreSpecific/hdrAVKlassiek.gif) no-repeat 5px 3px; } .alle .hdrAV, .verhuring .hdrAV { background: #555555 url(/images/genreSpecific/hdrAVAlle.gif) no-repeat 5px 3px; } .toneel .hdrReviews { background: #7c665b url(/images/genreSpecific/hdrReviewsToneel.gif) no-repeat 5px 3px; } .literatuur .hdrReviews { background: #075c92 url(/images/genreSpecific/hdrReviewsLiteratuur.gif) no-repeat 5px 3px; } .cabaret .hdrReviews { background: #6c8704 url(/images/genreSpecific/hdrReviewsCabaret.gif) no-repeat 5px 3px; } .jeugd .hdrReviews { background: #a40875 url(/images/genreSpecific/hdrReviewsJeugd.gif) no-repeat 5px 3px; } .dans .hdrReviews { background: #1b7a14 url(/images/genreSpecific/hdrReviewsDans.gif) no-repeat 5px 3px; } .musical .hdrReviews { background: #8108a3 url(/images/genreSpecific/hdrReviewsMusical.gif) no-repeat 5px 3px; } .theaterconcert .hdrReviews { background: #855606 url(/images/genreSpecific/hdrReviewsTheaterconcert.gif) no-repeat 5px 3px; } .opera .hdrReviews { background: #037a98 url(/images/genreSpecific/hdrReviewsOpera.gif) no-repeat 5px 3px; } .klassiek .hdrReviews { background: #8c7505 url(/images/genreSpecific/hdrReviewsKlassiek.gif) no-repeat 5px 3px; } .alle .hdrReviews, .verhuring .hdrReviews { background: #555555 url(/images/genreSpecific/hdrReviewsAlle.gif) no-repeat 5px 3px; } .toneel .hdrSendFriend { background: #7c665b url(/images/genreSpecific/hdrSendFriendToneel.gif) no-repeat 5px 3px; } .literatuur .hdrSendFriend { background: #075c92 url(/images/genreSpecific/hdrSendFriendLiteratuur.gif) no-repeat 5px 3px; } .cabaret .hdrSendFriend { background: #6c8704 url(/images/genreSpecific/hdrSendFriendCabaret.gif) no-repeat 5px 3px; } .jeugd .hdrSendFriend { background: #a40875 url(/images/genreSpecific/hdrSendFriendJeugd.gif) no-repeat 5px 3px; } .dans .hdrSendFriend { background: #1b7a14 url(/images/genreSpecific/hdrSendFriendDans.gif) no-repeat 5px 3px; } .musical .hdrSendFriend { background: #8108a3 url(/images/genreSpecific/hdrSendFriendMusical.gif) no-repeat 5px 3px; } .theaterconcert .hdrSendFriend { background: #855606 url(/images/genreSpecific/hdrSendFriendTheaterconcert.gif) no-repeat 5px 3px; } .opera .hdrSendFriend { background: #037a98 url(/images/genreSpecific/hdrSendFriendOpera.gif) no-repeat 5px 3px; } .klassiek .hdrSendFriend { background: #8c7505 url(/images/genreSpecific/hdrSendFriendKlassiek.gif) no-repeat 5px 3px; } .alle .hdrSendFriend, .verhuring .hdrSendFriend { background: #555555 url(/images/genreSpecific/hdrSendFriendAlle.gif) no-repeat 5px 3px; } .toneel .subContent form .submitBar { background-color: #7c665b; } .toneel #sendAFriendForm .submitBar input { background: transparent url(/images/genreSpecific/btnSendToneel.gif) no-repeat 0 0; } .literatuur .subContent form .submitBar { background-color: #075c92; } .literatuur #sendAFriendForm .submitBar input { background: transparent url(/images/genreSpecific/btnSendLiteratuur.gif) no-repeat 0 0; } .cabaret .subContent form .submitBar { background-color: #6c8704; } .cabaret #sendAFriendForm .submitBar input { background: transparent url(/images/genreSpecific/btnSendCabaret.gif) no-repeat 0 0; } .jeugd .subContent form .submitBar { background-color: #a40875; } .jeugd #sendAFriendForm .submitBar input { background: transparent url(/images/genreSpecific/btnSendJeugd.gif) no-repeat 0 0; } .dans .subContent form .submitBar { background-color: #1b7a14; } .dans #sendAFriendForm .submitBar input { background: transparent url(/images/genreSpecific/btnSendDans.gif) no-repeat 0 0; } .musical .subContent form .submitBar { background-color: #8108a3; } .musical #sendAFriendForm .submitBar input { background: transparent url(/images/genreSpecific/btnSendMusical.gif) no-repeat 0 0; } .theaterconcert .subContent form .submitBar { background-color: #855606; } .theaterconcert #sendAFriendForm .submitBar input { background: transparent url(/images/genreSpecific/btnSendTheaterconcert.gif) no-repeat 0 0; } .opera .subContent form .submitBar { background-color: #037a98; } .opera #sendAFriendForm .submitBar input { background: transparent url(/images/genreSpecific/btnSendOpera.gif) no-repeat 0 0; } .klassiek .subContent form .submitBar { background-color: #8c7505; } .klassiek #sendAFriendForm .submitBar input { background: transparent url(/images/genreSpecific/btnSendKlassiek.gif) no-repeat 0 0; } .alle .subContent form .submitBar, .verhuring .subContent form .submitBar { background-color: #555555; } .alle #sendAFriendForm .submitBar input, .verhuring #sendAFriendForm .submitBar input { background: transparent url(/images/genreSpecific/btnSendAlle.gif) no-repeat 0 0; } .toneel .hdrReact { background: #7c665b url(/images/genreSpecific/hdrReactToneel.gif) no-repeat 5px 3px; } .literatuur .hdrReact { background: #075c92 url(/images/genreSpecific/hdrReactLiteratuur.gif) no-repeat 5px 3px; } .cabaret .hdrReact { background: #6c8704 url(/images/genreSpecific/hdrReactCabaret.gif) no-repeat 5px 3px; } .jeugd .hdrReact { background: #a40875 url(/images/genreSpecific/hdrReactJeugd.gif) no-repeat 5px 3px; } .dans .hdrReact { background: #1b7a14 url(/images/genreSpecific/hdrReactDans.gif) no-repeat 5px 3px; } .musical .hdrReact { background: #8108a3 url(/images/genreSpecific/hdrReactMusical.gif) no-repeat 5px 3px; } .theaterconcert .hdrReact { background: #855606 url(/images/genreSpecific/hdrReactTheaterconcert.gif) no-repeat 5px 3px; } .opera .hdrReact { background: #037a98 url(/images/genreSpecific/hdrReactOpera.gif) no-repeat 5px 3px; } .klassiek .hdrReact { background: #8c7505 url(/images/genreSpecific/hdrReactKlassiek.gif) no-repeat 5px 3px; } .alle .hdrReact, .verhuring .hdrReact { background: #555555 url(/images/genreSpecific/hdrReactAlle.gif) no-repeat 5px 3px; } .toneel #reactForm .submitBar input { background: transparent url(/images/genreSpecific/btnReactToneel.gif) no-repeat 0 0; } .literatuur #reactForm .submitBar input { background: transparent url(/images/genreSpecific/btnReactLiteratuur.gif) no-repeat 0 0; } .cabaret #reactForm .submitBar input { background: transparent url(/images/genreSpecific/btnReactCabaret.gif) no-repeat 0 0; } .jeugd #reactForm .submitBar input { background: transparent url(/images/genreSpecific/btnReactJeugd.gif) no-repeat 0 0; } .dans #reactForm .submitBar input { background: transparent url(/images/genreSpecific/btnReactDans.gif) no-repeat 0 0; } .musical #reactForm .submitBar input { background: transparent url(/images/genreSpecific/btnReactMusical.gif) no-repeat 0 0; } .theaterconcert #reactForm .submitBar input { background: transparent url(/images/genreSpecific/btnReactTheaterconcert.gif) no-repeat 0 0; } .opera #reactForm .submitBar input { background: transparent url(/images/genreSpecific/btnReactOpera.gif) no-repeat 0 0; } .klassiek #reactForm .submitBar input { background: transparent url(/images/genreSpecific/btnReactKlassiek.gif) no-repeat 0 0; } .alle #reactForm .submitBar input, .verhuring #reactForm .submitBar input { background: transparent url(/images/genreSpecific/btnReactAlle.gif) no-repeat 0 0; } .toneel .hdrReactions { background: #7c665b url(/images/genreSpecific/hdrReactionsToneel.gif) no-repeat 5px 3px; } .literatuur .hdrReactions { background: #075c92 url(/images/genreSpecific/hdrReactionsLiteratuur.gif) no-repeat 5px 3px; } .cabaret .hdrReactions { background: #6c8704 url(/images/genreSpecific/hdrReactionsCabaret.gif) no-repeat 5px 3px; } .jeugd .hdrReactions { background: #a40875 url(/images/genreSpecific/hdrReactionsJeugd.gif) no-repeat 5px 3px; } .dans .hdrReactions { background: #1b7a14 url(/images/genreSpecific/hdrReactionsDans.gif) no-repeat 5px 3px; } .musical .hdrReactions { background: #8108a3 url(/images/genreSpecific/hdrReactionsMusical.gif) no-repeat 5px 3px; } .theaterconcert .hdrReactions { background: #855606 url(/images/genreSpecific/hdrReactionsTheaterconcert.gif) no-repeat 5px 3px; } .opera .hdrReactions { background: #037a98 url(/images/genreSpecific/hdrReactionsOpera.gif) no-repeat 5px 3px; } .klassiek .hdrReactions { background: #8c7505 url(/images/genreSpecific/hdrReactionsKlassiek.gif) no-repeat 5px 3px; } .alle .hdrReactions, .verhuring .hdrReactions { background: #555555 url(/images/genreSpecific/hdrReactionsAlle.gif) no-repeat 5px 3px; } /* /genre colors */ /* ------ /voorstellingen detail -- */ /* ------ zoekresultaten -- */ #bodyZoeken .resultContainer { margin: 0 0 5px 0; background-color: #e5e5e5; color: #000; } #bodyZoeken .resultContainer ul { margin: 0 5px; } #bodyZoeken .resultContainer ul li p { margin: 0 0 20px 30px; } #bodyZoeken .resultContainer a, #bodyZoeken .leesMeer a, #bodyZoeken a.leesMeer { color: #E2007A; } #bodyZoeken .leesMeer a:hover, #bodyZoeken a.leesMeer:hover { color: #7d7d7d!important; } #bodyZoeken .resultHeader { padding: 0 0 40px 0; margin: 0 0 5px 0; background-color: #e5e5e5; color: #000; } #bodyZoeken .resultHeader h2 { height: 22px; padding: 0px; text-indent: -999999px; overflow: hidden; } #bodyZoeken .resultHeader.pag h2 { background: #00d1ff url(/images/hdrSearchResultsPages.gif) no-repeat 5px 3px; } #bodyZoeken .resultHeader.voorst h2 { background: #00d1ff url(/images/hdrSearchResultsShows.gif) no-repeat 5px 3px; } #bodyZoeken .resultHeader.nws h2 { background: #00d1ff url(/images/hdrSearchResultsNews.gif) no-repeat 5px 3px; } #bodyZoeken .resultHeader p { float: left; margin: 0 40px 0 5px; } #bodyZoeken .leesMeer { background-color: #e5e5e5; } #bodyZoeken .voorstellingen .leesMeer { padding: 0 0 0 5px; } #bodyZoeken .newsItems li { float: left; background: #fff; color: #000; margin-bottom: 5px; } #bodyZoeken .newsItems a { background: none; } #bodyZoeken .newsItems h2 { float:right; font-size:1em; font-weight:bold; line-height:1.3em; margin:5px 18px; padding:0; width:300px; } #bodyZoeken .newsItems h2 a { color:#000; } #bodyZoeken .newsItems h2 a:hover { color: #7d7d7d; } #bodyZoeken .newsItems p { float: right; margin:5px 18px; width: 300px; padding: 0px; } #bodyZoeken .newsItems .image { float: left; width: auto; margin: 0px; font-size:0; line-height:0; } /* ------ /zoekresultaten -- */ /* ------ mijn theater -- */ #bodyMijntheater #main h1 { height: 22px; padding: 0; font-size: 1.0em; text-indent: -999999px; overflow: hidden; } #bodyMijntheater #main form { background-color: #e5e5e5; color: #000; padding-top: 5px; } #bodyMijntheater #main p { padding: 5px; } #bodyMijntheater #main .image { padding: 0px; } #bodyMijntheater #main form p { padding: 10px; } #bodyMijntheater #main legend { display: none; } #bodyMijntheater #main label { width: 140px; text-align: right; margin: 0 5px;} #bodyMijntheater #main .wideLabel label { width: 440px; } #bodyMijntheater #main input { width: 117px; } #bodyMijntheater #main .submitBar { height: 45px; line-height: 55px; color: #e2007a; margin-top: 5px; font-size: 0.9em; padding-left: 10px; } #bodyMijntheater #main .submitBar a { color: #e2007a; } #bodyMijntheater #main .submitBar a:hover { color: #7d7d7d; } #bodyMijntheater #main .submitBar .submit { float: right; height: 32px; margin-right: 10px; margin-top: 3px; display: block; text-indent: -99999px; overflow: hidden; } #bodyMijntheater #main .login { background: #e2007a url("/images/hdrLogin.gif") no-repeat 5px 3px; } #bodyMijntheater #main .changePassword { background: #e2007a url("/images/hdrChangePassword.gif") no-repeat 5px 3px; } #bodyMijntheater #main .forgotPassword { background: #e2007a url("/images/hdrForgotPassword.gif") no-repeat 5px 3px; } #bodyMijntheater #main .newAccount { background: #e2007a url("/images/hdrNewAccount.gif") no-repeat 5px 3px; } #bodyMijntheater #main .newAccount { background: #e2007a url("/images/hdrNewAccount.gif") no-repeat 5px 3px; } #bodyMijntheater #main .myInfo { background: #e2007a url("/images/hdrMyInfo.gif") no-repeat 5px 3px; } #bodyMijntheater #main .shoppingbasket { background: #e2007a url("/images/hdrShoppingbasket.gif") no-repeat 5px 3px; } #bodyMijntheater #main .submitBar .login { background: transparent url("/images/btnLogin.gif") no-repeat 0 0; width: 117px; } #bodyMijntheater #main .submitBar .sendPassword { background: transparent url("/images/btnSendPassword.gif") no-repeat 0 0; width: 140px; } #bodyMijntheater #main .submitBar .newAccount { background: transparent url("/images/btnNewAccount.gif") no-repeat 0 0; width: 117px; } #bodyMijntheater #main .submitBar .confirmAccount { background: transparent url("/images/btnConfirmNewAccount.gif") no-repeat 0 0; width: 117px; } #bodyMijntheater #main .submitBar .saveChanges { background: transparent url("/images/btnSaveChanges.gif") no-repeat 0 0; width: 117px; } #bodyMijntheater #main .submitBar .orderAll { background: transparent url("/images/btnOrderShoppingbasket.gif") no-repeat 0 0; width: 117px; } #bodyMijntheater #main .submitBar .continue { background: transparent url("/images/btnContinue.gif") no-repeat 0 0; width: 117px; } #bodyMijntheater #main .submitBar .button { font-size: 1.1em; float: right; margin-right: 10px; } #main .submitBar .txtButton { margin-right: 10px; } #bodyMijntheater #main .subText { color: #7d7d7d; font-size: 0.8em; padding: 0px; } #bodyMijntheater #main #bonusMessage { background: #fff; padding: 10px; margin: 10px; } #bodyMijntheater #main #bonusMessage a { color: #e2007a; } #bodyMijntheater #main #bonusMessage a:hover { color: #7d7d7d; } .order #orderSteps li { float: left; height: 17px; margin-right: 22px; text-indent: -999999px; } .order #orderSteps #s1 { width: 141px; background: transparent url(/images/hdrOrderSt1.gif) no-repeat 0 0; } .order #orderSteps #s2 { width: 102px; background: transparent url(/images/hdrOrderSt2.gif) no-repeat 0 0; } .order #orderSteps #s3 { width: 124px; background: transparent url(/images/hdrOrderSt3.gif) no-repeat 0 0; } .order #orderSteps #s1.active { background: transparent url(/images/hdrOrderSt1_active.gif) no-repeat 0 0; } .order #orderSteps #s2.active { background: transparent url(/images/hdrOrderSt2_active.gif) no-repeat 0 0; } .order #orderSteps #s3.active { background: transparent url(/images/hdrOrderSt3_active.gif) no-repeat 0 0; } .order #menuContainer { width: 990px; bottom: 70px; } .order #menuContainer h2 { float: left; width: 106px; height: 17px; margin: 0 94px 0 26px; background: transparent url(/images/hdrOrder.gif) no-repeat 0 0; text-indent: -99999px; } .order #subColumn2 #chapterMenuContainer { width: 221px; background: #000 url(/images/bgMenuSide.gif) repeat 0 0; } .order #subColumn2 p, .queue #subColumn2 p { padding: 30px 15px; color: #7d7d7d; } .order #subColumn2 p a, .queue #subColumn2 p a { color: #e2007a; } .order #subColumn2 p a:hover, .queue #subColumn2 p a:hover { color: #7d7d7d; } .order #formAnnuleren { float: right; margin-right: 6px; } .order #formAnnuleren .submit { width: 236px; height: 17px; background: transparent url(/images/btnCancelOrder.gif) no-repeat 0 0; border: none; text-indent: -99999px; overflow: hidden; } #bodyMijntheater .order .voorstellingen { margin-top: 0px; } #bodyMijntheater .order #main form { background-color: #fff; } #bodyMijntheater .order #main #bonus .completeOrder { background: transparent url("/images/btnCompleteOrder.gif") no-repeat 0 0; width: 140px; } #bodyMijntheater .order #main #bonus .addBonus { background: transparent url("/images/btnAddBonus.gif") no-repeat 0 0; width: 190px; } #bodyMijntheater .order #main #bonus .submit { margin-left: 5px; text-indent: -9999999px; overflow: hidden; } #bodyMijntheater .order #main #bonus .automaticPlacement .submit { top: 0px; text-align: left; } #bodyMijntheater .order #main #bonus .automaticPlacement table { margin: 10px; } #bodyMijntheater .order .eigenschappen { padding: 0px; background-color: #919191; } #bodyMijntheater .order .active { background-color: #e2007a; } #bodyMijntheater .order .voorstelling h2 a { color: #919191!important; } .order .voorstelling #stoelkeuzeForm { height: 42px; width: 336px; padding-top: 0px!important; top: auto; bottom: 0px; right: 0px; } .order .voorstelling #stoelkeuzeForm input { margin-right: 10px; text-indent: -999999px; height: 32px; } .order .voorstelling #stoelkeuzeForm #autokiezen { width: 160px; background: transparent url(/images/btnAutoSeats.gif) no-repeat 0 0; } .order .voorstelling #stoelkeuzeForm #zelfkiezen { width: 117px; background: transparent url(/images/btnManualSeatsInactive.gif) no-repeat 0 0; } .order .voorstelling #stoelkeuzeForm .noJSCover { width: 120px; height: 35px; position: absolute; margin: -35px 0 -14px 206px; } .order .voorstelling #stoelkeuzeForm .manualAllowed { background: transparent url(/images/btnManualSeats.gif) no-repeat 0 0!important; } .order .voorstellingen .automaticPlacement, .order .voorstellingen .manualPlacement { margin: -5px 0 5px 0; background-color: #fff; } .order #bonus #ticketForm-kaartsoorten { padding: 0px; } .order #ticketForm-kaartsoorten { padding: 10px; } .order #ticketForm-kaartsoorten th { font-weight: bold; } .order #ticketForm-kaartsoorten th, .order #ticketForm-kaartsoorten td { padding-bottom: 5px; padding-right: 10px; } .order #ticketForm-kaartsoorten td label { text-align: left!important; } .order #ticketForm-reserveren .submit { margin-right: 10px!important; width: 117px!important; background: transparent url(/images/btnMakeReservation.gif) no-repeat 0 0; } .order .voorstellingen .checkbox { margin: 0px; width: auto; border: none; } .order #endOfList { width: 500px; margin-right: 8px; padding: 0px!important; height: 22px!important; background-color: #717171; } .order #totals { float: right; margin: -22px -243px 0 0!important; background-color: #717171; height: 22px!important; line-height: 22px!important; color: #fff!important; width: 227px; padding: 0px!important; } .order .resCost { position: absolute; right: -221px; font-size: 0.9em; color: #919191; } .order #totals dt, .order #totals dd, .order .resCost dt, .order .resCost dd { float: left; width: 140px; padding-left: 10px; } .order #totals dd, .order .resCost dd { width: 60px; } .order .manualPlacement .report { margin: 0 0 5px 0; } .order .subtotalWrapper { width: 227px; position: relative; margin-top: -22px; left: 516px; font-size: 0.9em; background-color: #fff; color: #919191; } .order .subtotalWrapper h2 { height: 22px; } .order .subtotalWrapper dl { float: left; margin: -79px 0 5px 0; } .order .subtotalWrapper dl strong { color: #555; } .order .subtotalWrapper dt, .order .subtotalWrapper dd { float: left; width: 140px; padding-left: 10px; } .order .subtotalWrapper dd { width: 60px; } .order .explanation { position: absolute; color: #000; min-height: 104px; } .order .reserveerStatus { margin-left: 182px; padding: 0px!important; float: left; position: absolute; bottom: 5px; color: #919191; font-weight: bold; } .order #paywayContainer { margin-top: -22px; } .order .payMethod { background: #e2007a url(/images/hdrChoosePayMethod.gif) no-repeat 5px 3px; margin-top: 3px; } .order #payway input { float: right; margin-right: 5px; height: 32px; text-indent: -99999px; overflow: hidden; } .order #payway #btnIdeal.active { background: #e2007a url(/images/btnIdeal.gif) no-repeat right center; } .order #payway #btnCreditcard.active { background: #e2007a url(/images/btnCreditcard.gif) no-repeat right center; margin-right: 6px; } .order #payway #btnIncasso.active { background: #e2007a url(/images/btnIncasso.gif) no-repeat right center; margin-right: 6px; width: 160px!important; } .order #payway #btnTransfer.active { background: #e2007a url(/images/btnTransfer.gif) no-repeat right bottom; margin-right: 6px; } .order #payway #btnAtRegister.active { background: #e2007a url(/images/btnAtRegister.gif) no-repeat right center; margin-right: 6px; } .order #payway #btnIdeal.inactive { background: #919191 url(/images/btnIdealInactive.gif) no-repeat right center; } .order #payway #btnCreditcard.inactive { background: #919191 url(/images/btnCreditcardInactive.gif) no-repeat right center; } .order #payway #btnIncasso.inactive { background: #919191 url(/images/btnIncassoInactive.gif) no-repeat right center; } .order #payway #btnTransfer.inactive { background: #919191 url(/images/btnTransferInactive.gif) no-repeat right bottom; } .order #payway #btnAtRegister.inactive { background: #919191 url(/images/btnAtRegisterInactive.gif) no-repeat right center; } .order .payMethodContainer { background: #fff; margin-top: 5px; padding-bottom: 10px; } .order .payMethodContainer a { color: #555; } .order .payMethodContainer div { padding: 0 3px; } .order .payMethodContainer .methodIdeal { background: #e2007a url(/images/hdrIdeal.gif) no-repeat 5px 3px; } .order .payMethodContainer .methodCreditcard { background: #e2007a url(/images/hdrCreditcard.gif) no-repeat 5px 3px; } .order .payMethodContainer .methodIncasso { background: #e2007a url(/images/hdrIncasso.gif) no-repeat 5px 3px; } .order .paywayForm .submitBar { position: relative; top: -5px; } #bodyMijntheater #main .payMethodContainer li { float: none; } #bodyMijntheater #main .payMethodContainer .radio, #bodyMijntheater #main .payMethodContainer .checkbox{ width: 30px; float: left; } #bodyMijntheater #main .payMethodContainer label { text-align: left; float: left; } #bodyMijntheater #main .formList { width: 300px; float: left; margin: 10px 0 0 0; } #bodyMijntheater #main .formList li { float: left; line-height: 2.0em; height: 2.0em; } #bodyMijntheater #main #pay, #bodyMijntheater #main #startPayment { background: #e2007a url(/images/btnStartPayment.gif) no-repeat 0 0; } #bodyMijntheater #main #affirmative { background: #e2007a url(/images/btnAffirmative.gif) no-repeat 0 0; } .order .paywayForm { background-color: #fff!important; padding: 5px; } .order .paywayForm p { margin: 5px 0; } .order .paywayForm .column { width: 175px; } .order .paywayForm .column.right { width: 325px; } .order .paywayForm .column label { width: 80px!important; } .order .paywayForm .column.right label { width: 90px!important; } .order .paywayForm .column .mastercard { padding-left: 40px; background: #fff url(/images/icnMastercard.gif) no-repeat 0 0; padding-bottom: 15px; } .order .paywayForm .column .visa { padding-left: 40px; background: #fff url(/images/icnVisa.gif) no-repeat 0 0; } .order #orderOverviewContainer { background: #fff; color: #000; } .order #orderOverviewContainer .voorstelling { padding-bottom: 10px; } .order #orderOverviewContainer .orderOverview { background: #e2007a url(/images/hdrOrderOverview.gif) no-repeat 5px 3px; } .order #orderOverviewContainer .addressee { width: 290px; float: left; margin: 10px 0 20px 0; padding: 0 5px; font-size: 0.9em; line-height: 1.1em; } .order #orderOverviewContainer .keyvalue { width: 200px; float: left; margin: 10px 0 20px 0; font-size: 0.9em; line-height: 1.1em; } .order #orderOverviewContainer .keyvalue dt, .order #orderOverviewContainer .keyvalue dd { width: 140px; float: left; } .order #orderOverviewContainer .keyvalue dd { width: 55px; padding-right: 5px; } .order #orderOverviewContainer .showDetails { width: 290px; float: left; padding: 0 5px; font-size: 0.9em; line-height: 1.2em; } .order #orderOverviewContainer .showDetails h2 { padding: 0px; font-size: 1em; font-weight: bold; } .order #orderOverviewContainer .subtotalContainer { width: 200px; float: left; font-size: 0.9em; line-height: 1.2em; } .order #orderOverviewContainer .subtotalContainer dt, .order #orderOverviewContainer .subtotalContainer dd{ width: 140px; float: left; } .order #orderOverviewContainer .subtotalContainer dd{ width: 60px; } .order #orderOverviewContainer .subtotalContainer strong { font-weight: bold; } .order #orderOverviewContainer .btnPrint { width: 117px; height: 32px; background: transparent url(/images/btnPrintOverview.gif) no-repeat 0 0; text-indent: -999999px; overflow: hidden; float: right; margin: 0 5px 0 0; } .order #orderOverviewContainer .backToSite { width: 117px; height: 32px; background: transparent url(/images/btnBackToWebsite.gif) no-repeat 0 0; text-indent: -999999px; overflow: hidden; float: right; margin: 0 5px 0 0; } #bonus { background: #fff; margin-bottom: 5px; color: #000; } #bonus strong { font-weight: bold!important; } /* ------ mijn theater -- */ /* ------ reports -- */ h1.generic, h2.generic { background-color: #e2007a; color: #ff92cd!important; text-indent: 0px!important; font-size: 1.3em!important; line-height: 22px; padding-left: 10px!important; } h2.generic { background-color: #919191; padding: 0px; } .report { margin-top: 10px; padding: 0px!important; background-color: #e5e5e5!important; text-align: left; min-height: 50px; border-left: none!important; border-right: none!important; font-weight: bold; } .report h4 { float: left; text-indent: -666666px; margin: 0 0 0 5px; width: 39px; height: 50px; } .report p { margin-left: 50px; color: #000000; padding: 10px 5px; } .report a { color: #555; } .report .button { margin-left: 50px; } /* voor buttons in een error melding */ .report .button span { font-weight: normal; } /* voor buttons in een error melding */ .warning { border-top: 1px dashed #ae004e!important; border-bottom: 1px dashed #ae004e!important;} .warning h4 { background: transparent url(/images/icnWarning.gif) no-repeat center center; } .tip { border: 1px dashed #ffb852; } .tip h4 { background: transparent url(/images/icnTip.gif) no-repeat center center; } .notice { border: 1px dashed #65b118; } .notice h4 { background: transparent url(/images/icnNotice.gif) no-repeat center center; } .mail { border: 1px dashed #feb859; } .mail h4 { background: transparent url(/images/icnMail.gif) no-repeat center center; } .attention { border: 1px dashed #fb9a1c; } .attention h4 { background: transparent url(/images/icnAttention.gif) no-repeat center center; } .question { border: 1px dashed #1b509d; } .question h4 { background: transparent url(/images/icnQuestion.gif) no-repeat center center; } /* ------ reports -- */ /****** GLOBAL CLASSES */ /*** this site */ ul.tidy { line-height: 1.4 } ul.tidy .datum { display: block; line-height: 1.1 } ul.tidy li { margin: 0 0 1em 0 } /* ***/ /*** predfined */ /* -- dl.columns: table like -- */ dl.columns dt { float: left; width: 7em; padding-right: 1em } dl.columns dd { /*+c*/ margin-left: 9em; } /* -- dl.columnsAlt: if dd doesn't fit in place, it gets put on new line -- */ dl.columnsAlt { float: left; width: 100% } dl.columnsAlt dt { float: left; width: 5.5em; padding-right: 0.5em } dl.columnsAlt dd { float: right; white-space: nowrap; } /* predfined ***/ /* GLOBAL CLASSES ******/ /****** FORMS */ input, textarea, select { border: 1px solid #D6D6D6; } input, textarea { padding: 0.25em 0.3em; } select { padding: 1px; } /* --- forms ---- */ input.text, input.submit { font: 11px/normal arial, sans-serif; /* doens't inherit font & color properties from body */ } input.text { height: 16px; padding: 2px 2px 0px 2px; } input.submit { color: #fff; min-height: 18px; /* submit's always use classic boxmodel */ padding: 2px 5px; } /* - selectboxes - */ div.selectbox-wrapper { position: absolute; /* width: 400px; */ background-color: white; color: black; border: 1px solid #ccc; max-height: 20em; overflow: auto; } div.selectbox-wrapper ul { } div.selectbox-wrapper ul li.selected { background-color: #EAF2FB; } div.selectbox-wrapper ul li.current { background-color: #CDD8E4; } div.selectbox-wrapper ul li { display:block; padding: 2px; cursor: default; } input.selectbox { /* js selectbox */ padding-left:2px; /* width : 10em; */ display : block; cursor: default; } input.submit:hover { cursor: pointer; } form .radiobutton input, input.radio { border: 0; } input.text { /* border: 1px solid; */ } select { /* border: 1px solid; */ } /* - radio fields - */ form div.radio { margin: 0 0 0.75em 0; clear: both; } div.radio input.radio { float: left; height: 1.25em; /* necessary for better alignment in IE & Opera */ } div.radio label { margin-left: 22px; display: block; font-weight: bold; min-height: 1.25em; }/*+ie6c*/ /** Note: Opera & IE are a bit off with button<>label alignment */ form.topdown div.field label { margin-bottom: 0.75em; display: block; } /*** Formcreator v1 */ form div { float: left; width: 100%; margin: 0.5em 0 } form .adres div, form .geslacht div, form .geboortedatum div, form .postcode div, form .telnr div { width: auto; margin: 0; } form .geslacht div.radiobutton { float: none; } form label { float: left; width: 12em; padding-top: 0.22em; /* <> input v.center */ } form .radiobutton { margin: 0em 0 } form .radiobutton label, form .checkbox label { float: none; width: auto; padding: 0; } form .checkbox label { float: none; width: auto } form .checkbox { border: none; } form .checkbox input { width: 30px!important; } form .postcode input.postcodeCijfers { width: 4em } form .postcode input.postcodeLetters { width: 2em } form .telnr input.net { width: 4em } form .telnr input.abo { width: 7em } form .adres div, form .postcode div, form .telnr div, form .geboortedatum div { float: left } form .adres input.adres { width: 14em } form .adres input.huisnummer { width: 3em } form .adres input.toevoeging { width: 3em } form .datum input.datumDay, form .datum input.datumMonth { width: 2em } form .datum input.datumYear { width: 4em } form .huisnummer { width: 2em!important; } form .toevoeging { width: 2em!important; } form .net { width: 2em!important; } form .radiobutton { padding-left: 150px; } form .radiobutton input { width: 2em!important; } form .compoundContainer input { width: 3em!important; margin-right: 5px; } /* Formcreator v1 ***/ /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating { cursor: pointer; margin: 2em; clear: both; display: block } div.rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden } div.cancel, div.star a { float: left; width: 17px; height: 17px; text-indent: -999em; cursor: pointer; display: block; background: transparent; overflow: hidden } div.cancel, div.cancel a { background: url('/images/delete.gif') no-repeat 0 -17px; } div.star, div.star a { background: url('/images/star.gif') no-repeat 0 0px } div.cancel a, div.star a { display: block; width: 19px; height: 100%; background-position: 0 0px } div.star_on a { background-position: 0 -17px!important } div.star_hover a, div.star_live a:hover { background-position: 0 -34px } /* Read Only CSS */ div.star_readonly a, div.star_readonly a:hover { cursor: default !important } /* Partial Star CSS */ div.star { background: transparent!important; overflow: hidden!important } /* END jQuery.Rating Plugin CSS */ /* FORMS ******/