/*
	file: base.css 
	authors: Morgan Roderick (morgan@roderick.dk), Casper Warming (casper@warming.net)
	Copyright 2009 - Morgan Roderick - https://creativecommons.net/MRoderick/
	Copyright 2009 - Casper Warming
	License: http://creativecommons.org/licenses/by-sa/2.5/dk/
*/

h1, h2, h3, h4 {
	font-weight: lighter;
}

body {
	font: normal 12px/normal Verdana, 'Geneva', sans-serif;
	text-align: center;
}

div.filmporten-movies-front img {
	width: 150px;
	height: 75px;
}

div.filmporten-movies img {
	width: 100px;
	height: 51px;
}

div.wrap {
   margin: 0 auto;
   text-align: left;
   width: 960px;
}

div.stage {
   position: relative;
   background: url(/static/images/filmporten/bg_mTopTxt_959x592.jpg) 0 0 no-repeat;
   margin-top: 40px;
   min-height: 592px;
   _height: 592px; /* IE6 */
}

   div.stage div.scene a,
   div.stage div.scene a:hover {
      color: #ad005b;
   }

   div.stage div.steps {
      position: absolute;
      top: 125px;
      left: 26px;
      font-size: 13px;
      line-height: 1.8em;
      width: 200px;
      color: #fff;
   }
      div.stage div.steps h4 {
         color: #ad005b;
         font-weight: lighter;
         margin: 6px 0 4px;
      }

	div.stage div.steps h2 {
	  font-size: 2em;
	  font-weight: lighter;
	  margin: 0 0 0.8em; 
	  line-height: 1.1em;
	  display:none;
	}
	div.stage div.steps h2 span.magenta {
	  color:#AD005B;
	}
   
      div.stage div.steps ol {
         margin: 0;
      }
         div.stage div.steps ol li {
            margin: 0;
            list-style-type: none;
            padding: 0 0 1px 22px;
            background: url(/static/images/front/ordered-list-items.png) 0 3px no-repeat;
            _background-image: url(/static/images/front/ordered-list-items-ie6-blackbg.png); /* IE6 */
            font-size: 11px;
         }
            div.stage div.steps ol li.one {
               background-position: 0 4px;
            }
            div.stage div.steps ol li.two {
               background-position: 0 -18px;
            }
            div.stage div.steps ol li.three {
               background-position: 0 -40px;
            }
            div.stage div.steps ol li.four {
               background-position: 0 -62px;
            }
            div.stage div.steps ol li.five {
               background-position: 0 -84px;
            }

	div.paymenticons {
		float: right;
		margin-top: 12px;
	}

   div.stage div.scene {
      position: absolute;
	/* cleanfix bottom: 19px; */
      top: 19px;
      right: 36px;
      width: 630px;
      height: 553px;
      background: transparent url(/static/images/front/t_frame_white_middle-tall.png) 0 0 repeat-x;
   }

   fieldset.controls {
      text-align: right;
   }

   div.stage div.scene.wide {
      width: 640px;
   }


   div.stage div.scene.faq div.content {
      margin-top: 20px;
      height: 492px;
      _height: 492px !important;
   }
   
   div.stage div.scene.faq div.content h2 {
      color: #ad005b;
      margin: 0.5em 0 0.3em;
      font-weight: lighter;
   }

	div.stage div.scene div.nav{}

		div.stage div.scene div.nav a.back {
			position: absolute;
			top: 12px;
			right: 0;
			cursor: pointer;
			z-index: 100;
		}
   	
		div.stage div.scene div.nav div.progress {
	      position: absolute;
	      top: 11px;
	      right: 0;
	      width: 16px;
	      height: 16px;
	      background: url( /static/images/front/ajax_loader.gif ) 0 0 no-repeat;
	      overflow: hidden;
	      z-index: 100;
		}
   
	   div.stage div.scene div.nav ul {
	      overflow: auto;
	      height: 25px;
	      list-style: none;
	      width: 650px;
	      border-bottom: 1px solid #cbd0d3;
	      position: absolute;
	      top: 7px;
	      left: -13px;
	      width: 656px;
	      z-index: 10;
	   }
			
			div.stage div.scene div.nav ul li {
	         margin: 0 0;
	         padding: 0;
	         float: left;
	         display: block;
	         height: 25px;
	         line-height: 22px;
	         border-right: 1px solid #cbd0d3;
			}
      
				div.stage div.scene div.nav ul li a {
	            line-height: 25px;
	            color: #888;
	            text-decoration: none;
	            display: block;
	            padding: 0 16px;
				}
         
				div.stage div.scene div.nav ul li a:hover { text-decoration: underline; }
      
				div.stage div.scene div.nav ul li.selected a { color: #ad005b; }


				
         
   div.stage div.scene.teaser {
      width: 310px;
      height: 430px;
      background: transparent url(/static/images/front/t_frame_white_middle.png) 0 0 repeat-x;
   }
  
   div.stage div.scene.teaser-tall {
      width: 310px;
      height: 553px;
      background: transparent url(/static/images/front/t_frame_white_middle-tall.png) 0 0 repeat-x;
   }
 
   div.stage div.scene.narrow {
      width: 310px;
   }
   
      div.stage div.scene div.col {
         float: left;
      }
      
         div.stage div.scene div.col.slim {
				width: 160px;
				overflow: hidden;
         }

	div.stage div.scene div.col.wide {
		/*            background: lime;*/
		/*            overflow: hidden;*/
		            width: 460px;
	}

         div.stage div.scene div.col.twocol {
				/* background: magenta; */
				width: 390px;
				overflow: hidden;
				margin-right: 10px;
         }
         div.stage div.scene div.col.twocol h3 {
				margin: 0.14em 0 0.44em;
         }
         div.stage div.scene div.col.onehalfcol {
				/* background: lime; */
				width: 220px;
				overflow: hidden;
				margin-left: 10px;
         }
         div.stage div.scene div.col.onehalfcol h3 {
				margin: 0.14em 0 0.64em;
         }
         div.stage div.scene div.col.onehalfcol div.backbox {
            			background: url(/static/images/filmporten/backbox-220x478.png) 0 0 no-repeat; 
				width: 220px;
				height: 478px;
	 }
         div.stage div.scene div.col.onehalfcol div.backbox p {
				padding: 0 6px 0 6px;
	 }
         div.stage div.scene div.col.onehalfcol h4 {
				margin: 0.14em 0 0.57em;
				font-weight: lighter;
         }

         div.stage div.scene.movie-details div.col.slim {
            margin-top: 10px;
            width: 150px;
            overflow: hidden;
            margin-right: 10px;
         }
         
         div.stage div.scene.movie-details div.col.wide {
/*            background: lime;*/
/*            overflow: hidden;*/
            width: 470px;
         }
         
         div.stage div.scene.movie-details div.col.wide div.info-wrap {
            /* background: url(/static/images/front/filmbox_big-hack.png) 0 0 no-repeat; */
            width: 450px;
            padding: 0 10px 10px;
            /* height: 390px; */
            margin: 10px 0 10px;
            overflow:hidden;
            font-size: 11px;
	    /* background-color: lime; */
         }
         div.stage div.scene.movie-details div.col.wide div.info-wrap p.flag {
		color:#BBBBBB;
		font-weight:bold;
		text-transform:uppercase;
	 }
         div.stage div.scene.movie-details div.info-wrap div.deal {
		width: 265px; 
		float: right;
	 }
         div.stage div.scene.movie-details div.info-wrap div.deal p {
		margin-bottom: 1.4em; 
	 }
   	 div.stage div.scene.movie-details div.info-wrap div.deal fieldset.controls {
      		text-align: left;
   	 }
         div.stage div.scene.movie-details a.arrow {
		/* text-transform:uppercase; */
         	float: left;
         	font-size: 10px;
         	font-weight: bold;
         	background: url(/static/images/front/arrow.png) 0 4px no-repeat;
         	padding: 0 0 0 6px;
        	text-decoration: none;
	 }

            div.stage div.scene.movie-details div.col.slim table.movie-details {
               margin-top: 10px;
               width: 150px;
               border: none;
            }
            
               /* Stupid IE less than 8 won't set backgrounds on table rows ... sigh */
               div.stage div.scene.movie-details div.col.slim table.movie-details tr th,
               div.stage div.scene.movie-details div.col.slim table.movie-details tr td {
                  background: #d9e2e7;
               }
               div.stage div.scene.movie-details div.col.slim table.movie-details tr.odd th,
               div.stage div.scene.movie-details div.col.slim table.movie-details tr.odd td {
                  background: #fff;
               }
               
                  div.stage div.scene.movie-details div.col.slim table.movie-details th {
                     border: none;
                     font-size: 10px;
                     padding: 2px;
                     vertical-align: top;
                  }
                  div.stage div.scene.movie-details div.col.slim table.movie-details td {
                     color: #ad005b;
                     border: none;
                     font-size: 10px;
                     text-align: right;
                     padding: 2px;
                     font-weight: bold;
                     vertical-align: top;
                  }


         
         div.stage div.scene div.col.slim ul.movies {
            list-style: none;
            margin: 0;
         }
         
         div.stage div.scene div.col.slim ul.movies li {
            background: url(/static/images/front/filmbox-hack.png) 0 0 no-repeat;
            overflow: hidden;
	    		height: 145px;
            padding: 7px 9px 7px 7px;
            margin: 0 0 3px;
				position: relative;
         }
         
			div.stage div.scene div.col.slim ul.movies li div {
			}

         div.stage div.scene div.col.slim ul.movies p {
				text-align: right;
				margin: 0 10px 0 0;
			}
         
         div.stage div.scene div.col.slim ul.movies li h4 {
            color: #ad005b;
            font-size: 11px;
            margin: 0;
				_zoom: 1.0;
				clear: both;
         }

         div.stage div.scene div.col.slim ul.movies li img {
            float: left;  
            margin: 0 7px 0 0;
         }
                  
         div.stage div.scene div.col.wide div.table-wrap {
            width: 450px;
            padding: 0 10px 2px;
				margin: 0;
         }
         
         div.stage div.scene div.col.wide h3 {
            margin: 0;
            color: #ad005b;
         }

         div.stage div.scene div.col h4 {
           /* margin-top: 1em; */
         }

         div.stage div.scene div.col h5 {
            margin: 1em 0 0;
         }
         
         
         div.stage div.scene form table {
            border: none;
         }
      
         div.stage div.scene form table td {
            vertical-align: top;
            border: none;
            padding: 2px;
         }
            div.stage div.scene form table td.label {
              text-align: right;
              padding-right: 4px;
            }
            
            div.stage div.scene form label{
               color: #ad005b;
            }
            
            div.stage div.scene form span.required {
              cursor: help;
            }
            
   
            div.stage div.scene form #recipient_postalcode {
               width: 32px;
            }
            div.stage div.scene form #recipient_postaldistrict {
               width: 240px;
            }
            div.stage div.scene form #recipient_mobile {
/*               width: 64px;*/
            }
            
            div.stage div.scene form span.hint {font-size: 10px; color: #888;}
            
            div.stage div.scene form input.text {
              width: 320px;
            }
            div.stage div.scene form input.text.required.missing {
               background: #fcc;
            }
            div.stage div.scene form input.text.required.ok {
               background: #eee;
            }

            div.stage div.scene form span.error {
               display: block;
               padding-left: 20px;
               background: url(/static/images/icons/exclamation.png) 0 2px no-repeat;
            }

   
      label.checkbox-label {
         margin-left: 6px;
      }
   
      div.stage div.scene div.content {
         position: relative;
         top: 20px;
         left: 0;
         width: 100%;
         height: 513px;
         padding: 0;
         overflow: hidden;
         font-size: 12px;
      }
			div.stage div.scene.teaser div.content {
				height: 403px;
			}
		
      
	      div.stage div.scene.wide div.content {
	         overflow: auto;
	      }

      div.stage div.scene div.content form {
         margin: 0;
      }
      
      div.stage div.scene div.content fieldset {
         margin: 0;
         padding: 0;
         border: none;
      }

      div.stage div.scene div.content form.all-film fieldset {
         text-align: right;
      }

      form.back-to-frontpage {
         position: absolute;
         bottom: 20px;
         left: 25px;
      }
      
		/*
      div.stage form.back-to-frontpage button,
      div.stage div.scene div.content button {
         color: #fff;
         border: 1px solid #ad005b;
			background: transparent url(/static/images/front/button_end.png) 100% 0 no-repeat;
			border:0 none;
			color:#FFFFFF;
			cursor:pointer;
			font-size:10px;
			height:22px;
			line-height:20px;
			padding: 0 4px 0 0;
      }

	      div.stage form.back-to-frontpage button span,
	      div.stage div.scene div.content button span {
				background-image:url(/static/images/front/button_start.png);
				background-repeat:no-repeat;
				font-size:10px;
				font-weight:bold;
				height:22px;
				position:relative;
				padding: 0 0 0 5px;
				line-height: 22px;
				float: left;
			}
			*/




			/* REQUIRED BUTTON STYLES: */		
			div.stage form.back-to-frontpage button,
			div.stage div.scene div.content button { 
				position: relative;
				border: 0; 
				padding: 0;
				cursor: pointer;
				overflow: visible; /* removes extra side padding in IE */
			}

			
			div.stage form.back-to-frontpage button::-moz-focus-inner,
			div.stage div.scene div.content button::-moz-focus-inner {
				border: none;  /* overrides extra padding in Firefox */
			}

			
			div.stage form.back-to-frontpage button span,
			div.stage div.scene div.content button span { 
				position: relative;
				display: block; 
				white-space: nowrap;	
			}

			@media screen and (-webkit-min-device-pixel-ratio:0) {
				/* Safari and Google Chrome only - fix margins */
				div.stage form.back-to-frontpage button span,
				div.stage div.scene div.content button span {
					margin-top: -1px;
				}
			}


			/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
			div.stage form.back-to-frontpage button.submitBtn,
			div.stage div.scene div.content button.submitBtn { 
				padding: 0 15px 0 0; 
				margin-right:5px; 
				font-size: 10px; 
				font-weight: bold;
				text-align: center; 
				background: transparent url(/static/images/front/buttons.png) no-repeat right -84px; 
				_background: transparent url(/static/images/front/buttons-ie6.png) no-repeat right -84px; 
			}

			div.stage form.back-to-frontpage button.submitBtn span,
			div.stage div.scene div.content button.submitBtn span {
				padding: 0 0 0 15px;
				height:22px; 
				line-height: 22px;
				background: transparent url(/static/images/front/buttons.png) no-repeat left top; 
				_background: transparent url(/static/images/front/buttons-ie6.png) no-repeat left top; 
				color:#fff; 
			}

			
			div.stage form.back-to-frontpage button.submitBtn.disabled,
			div.stage div.scene div.content button.submitBtn.disabled {
				cursor: default;
				background-position: right -126px; 
			}

			div.stage form.back-to-frontpage button.submitBtn.disabled span,
			div.stage div.scene div.content button.submitBtn.disabled span {
				background-position: 0 -42px;
			}


      div.stage div.scene div.content h2 {
         margin: 0.2em 0 0.5em;
         color: #000;
         font-weight: lighter;
      }
	div.stage div.scene h2 span.magenta {
	  color:#AD005B;
	}

      div.stage div.scene div.content p {
	   line-height: 1.2em;
/*         position: absolute;
         bottom: 0;
         left: 50%;
*/      }
      
      div.stage div.scene div.content p.bottom {
         position: absolute;
         bottom: -15px;
         left: 78px;
         _white-space: nowrap;
      }

      div.stage div.scene div.content p.shipping-cost {
         font-size: 9px;
	 text-align: right;
         margin: 0;
	 padding-top: 10px;
	 padding-bottom: 10px;
      }
      
         ul.front-movies li { 
            position: relative; background: yellow;; overflow: auto;
            background: transparent url(/static/images/front/filmbox_wide.png) 0 0 no-repeat;
            margin: 0;
         }

         
         div.stage div.scene div.content div.movie {
            width: 219px;
            height: 100px;
            overflow: hidden;
            display: block;
            margin: 0 5px 10px 0;
            padding: 7px;
            padding-left: 84px;
            position: relative;
            z-index: 100;
            _zoom: 1.0;
            _margin: 0;
         }
         
         div.stage div.scene div.content ul.front-movies li div.movie { 
            margin-right: 0;
         
         }

         ul.front-movies div.coming_soon {
            background: url( /static/images/front/corner-coming_soon.png ) 7px 7px no-repeat;
            _background: url( /static/images/front/corner-coming_soon-ie6.png ) 7px 7px no-repeat;
         }
         ul.front-movies div.just_added {
            background: url( /static/images/front/corner-just_added.png ) 7px 7px no-repeat;
            _background: url( /static/images/front/corner-just_added-ie6.png ) 7px 7px no-repeat;
         }
         ul.front-movies div.new_release {
            background: url( /static/images/front/corner-new_release.png ) 7px 7px no-repeat;
            _background: url( /static/images/front/corner-new_release-ie6.png ) 7px 7px no-repeat;
         }
         
         
         div.stage div.scene div.content div.movie p {
            font-size: 11px;
            line-height: 1.3em;
         }

         div.stage div.scene div.content div.movie h3 {
            font-size: 13px;
            margin: 0 0 0px;
            color: #ad005b;
	    margin-bottom: 0.5em;
            
         }

         div.stage div.scene div.content div.movie h3 a {
	    text-decoration: none;
         }

         div.stage div.scene div.content ul.front-movies img {
            float: left;
            padding: 7px;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 50;
         }

   
      div.stage div.scene div.faq {
         position: absolute;
         bottom: 15px;
         left: 0;
      }
      div.stage div.scene div.faq a {
         display: block;
         float: left;
         font-size: 10px;
         font-weight: bold;
         background: url(/static/images/front/arrow.png) 0 4px no-repeat;
         padding: 0 0 0 6px;
         text-decoration: none;
      }

	div.content div.filmporten-cinemas {
		margin-left: 4px;
	}
	div.content div.filmporten-cinemas p {
		font-size: smaller;
		padding: 0;
		margin-bottom: 8px;
	}
	div.content div.filmporten-movies {
		margin-bottom: 10px;
		margin-left: 4px;
	}
	div.content #movie-description {
		margin-left: 4px;
		font-size: smaller;
		height: 3em;
      		line-height: 1.2em;
	}

      /* reset tripoli padding */
      .content form div {
         padding: 0;
      }

      div.coming_soon {
         background: url( /static/images/front/corner-coming_soon.png ) 0 0 no-repeat;
         _background: url( /static/images/front/corner-coming_soon-ie6.png ) 0 0 no-repeat;
      }
      div.just_added {
         background: url( /static/images/front/corner-just_added.png ) 0 0 no-repeat;
         _background: url( /static/images/front/corner-just_added-ie6.png ) 0 0 no-repeat;
      }
      div.new_release {
         background: url( /static/images/front/corner-new_release.png ) 0 0 no-repeat;
         _background: url( /static/images/front/corner-new_release-ie6.png ) 0 0 no-repeat;
      }


      ul.front-movies,
      form.select-movies ul.movies {
         list-style: none;
         margin: 0;
         overflow: auto;
      }
      form.select-movies ul.movies {
			margin-left: 15px; 
      }
         form.select-movies ul.movies li {
            float: left;
            background: url(/static/images/front/filmbox-wide-hack.png) 0 0 no-repeat;
            display: block;
            height: 100px;
            margin: 0 6px 6px 0;
            width: 196px;         
            padding: 2px;
            overflow: hidden;
            position: relative;
         }
            form.select-movies ul.movies li.selected {
               background-image: url(/static/images/front/filmbox-wide-selected-hack.png);
            }

            form.select-movies ul.movies li div {
               float:right;
               height:92px;
               padding-left:78px;
               /* padding-top:7px; */
               padding-right: 2px;
               position:absolute;
               z-index:100;
               width: 110px;
            }
         

            form.select-movies ul.movies li h4 {
               color: #ad005b;
               font-size: 12px;
               margin: 0 0 4px;
            }

            form.select-movies ul.movies li h4 a {
               text-decoration: none;
            }

            form.select-movies ul.movies li img {
               float: left;
               padding: 2px; 
               position: absolute; 
               top: 0;
               left: 0;
               z-index: 50;
            }

            form.select-movies ul.movies li p.bottom img {
		/* background-color: lime; */
		margin-right: 4px;
	    }

            div.stage div.scene div.content form.select-movies fieldset {
               text-align: right;
            }

            div.stage div.scene div.content form.select-movies button {
               margin-right: 16px; 
               margin-top: 20px; 
            }

      div.stage div.scene div.deco-left {
         position: absolute;
         top: 0;
         left: -20px;
         width: 20px;
         height: 553px;
         background: transparent url(/static/images/front/t_frame_white_left-tall.png) 0 0 no-repeat;
         _background: transparent url(/static/images/front/t_frame_white_left-tall-ie6-blackbg.png) 0 0 no-repeat; /* IE6 */
         
      }
      div.stage div.scene div.deco-right {
         position: absolute;
         top: 0;
         right: -20px;
         width: 20px;
         height: 553px;
         background: transparent url(/static/images/front/t_frame_white_right-tall.png) 0 0 no-repeat;
         _background: transparent url(/static/images/front/t_frame_white_right-tall-ie6-blackbg.png) 0 0 no-repeat; /* IE6 */
      }
      div.stage div.scene div.deco-left-teaser {
         position: absolute;
         top: 0;
         left: -20px;
         width: 20px;
         height: 430px;
         background: transparent url(/static/images/front/t_frame_white_left.png) 0 0 no-repeat;
         _background: transparent url(/static/images/front/t_frame_white_left-ie6.png) 0 0 no-repeat; /* IE6 */
         
      }
      div.stage div.scene div.deco-right-teaser {
         position: absolute;
         top: 0;
         right: -20px;
         width: 20px;
         height: 430px;
         background: transparent url(/static/images/front/t_frame_white_right.png) 0 0 no-repeat;
         _background: transparent url(/static/images/front/t_frame_white_right-ie6.png) 0 0 no-repeat; /* IE6 */
      }
      div.stage div.scene div.deco-left-teaser-tall {
         position: absolute;
         top: 0;
         left: -20px;
         width: 20px;
         height: 553px;
         background: transparent url(/static/images/front/t_frame_white_left-tall.png) 0 0 no-repeat;
         _background: transparent url(/static/images/front/t_frame_white_left-tall-ie6-blackbg.png) 0 0 no-repeat; /* IE6 */
         
      }
      div.stage div.scene div.deco-right-teaser-tall {
         position: absolute;
         top: 0;
         right: -20px;
         width: 20px;
         height: 553px;
         background: transparent url(/static/images/front/t_frame_white_right-tall.png) 0 0 no-repeat;
         _background: transparent url(/static/images/front/t_frame_white_right-tall-ie6-blackbg.png) 0 0 no-repeat; /* IE6 */
      }