/* --- basic --- */

* {
    margin: 0;
    padding: 0;
}

img, img a {
    border: none;
}

body, html {
    height: 100%;
}

body {
    background: #fff;
    color: #333;
    font: 11px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
    text-align: center;
}

a {
    color: #295c94;
    text-decoration: none;
} 
 
a:hover {
    text-decoration: underline;
}

/* --- layout divs --- */  

#wrapper-outer {            
    background: url(../images/bg_shadow_left.png) no-repeat left top;
    margin: 0px auto;
    width: 883px; 
}

#wrapper-inner {            
    background: url(../images/bg_shadow_right.png) no-repeat right top; 
    margin: 0;
    padding: 0;
}
a#home_link {          
    float:left;
    display:block;  
    width:33px;
    height:42px;
    background-color:#f00;
    position:relative;
    top:80px;
    left:-5px;
    background: url(../images/home-button.gif) no-repeat right top; 
}
a#home_link:hover {          

    background: url(../images/home-button-rollover.gif) no-repeat right top; 
}
#masthead { 
    margin: 0 29px 0 29px; 
    position:relative;
    /* top: -42px; */
    top: 0;
}

#masthead.home {
    position:relative;
    top: 0!important;
    margin-bottom: 40px;
}

#content {
    float: left;
    margin: 0 59px;
    width: 790px;
} 

#content-primary {
    float: left; 
    margin: 0 20px 0 60px;  
    width: 405px;
}

#content-primary .wrapper-content {
    margin: 0 0 40px -5px;
    text-align: left;
} 

#content-primary .wrapper-content2 {
    margin: 0 0 -5px -5px;
    text-align: left;
}

#content-primary-sub {
    float: left;
    margin: 0 10px 0 60px;
    width: 372px;
}

#content-secondary {
    float: right;    
    margin-right: 60px;
    width: 330px;
}

#content-secondary .wrapper-content,
#content-secondary-sub .wrapper-content {
    margin: 1px 0 40px 0;
    text-align: left;
}

#content-secondary-sub {
    float: right;
    margin-right: 60px;
    text-align: left;
    width: 372px;
}

#content-third { 
    float: left;
    margin: 30px 59px 10px;
    padding-top: 3px;
    text-align: left;
    width: 765px;
}

#navigation {
    position: relative;
    padding-bottom: 60px;
    top: -4px;
    width: 805px;
}

#navigation2 {
    margin: 0 0 30px 58px;
    width: 764px;
}

#footer {
    clear: both;
    color: #999;  
    margin-left: 60px;
    text-align: left;
    width: 825px;
}

#linkList{
    width: 800px;
    padding-top: 80px;
    padding-left: 28px;
    padding-right: 0;
    margin-bottom: 20px;
}
 
#linkList a{
    font-size: 1.3em;
    color: #fff; 
    margin: 4px; 
    padding: 4px 8px 4px 8px;
    text-decoration: none; 
    display: block; 
    float: left;
    white-space:nowrap; 
}
   
#linkList a.even{
    background-color: #4d77a6;
    border: 1px solid #4d77a6;
}

#linkList a.odd{
    background-color: #295c94;
    border: 1px solid #295c94;
}

#linkList a.selected{
    background-color: white !important;
    border: 1px solid #295c94;
    color: #295c94;
}

/* --- header --- */

#masthead h1 {
    background: url(../images/logo.png) no-repeat left top; 
    float: left;
    height: 42px;
    margin: 18px 0 10px 28px;
    text-indent: -8000px;
    width: 198px; 
}

#masthead h1 a {
    display: block;
    height: 42px;  
    width: 198px; 
}

#masthead a { /* dots FF */
    outline: none;
}

#masthead h2 {
    color: #ccc;    
    float: right;
    font-size: 1em;
    font-weight: 400;
    margin: 43px 30px 15px 0;
}


#masthead.subPage #navFlash{
    margin-top: -42px !important;
    margin-bottom: 40px !important;
}

#branding { } 
  

/* --- navigation --- */

/* main nav under header in subdocs */

ul.navigation-primary {
    background: url(../images/bg_navprim.gif) repeat-x left center; 
    border-bottom: 1px solid #dde5ee; 
    font-size: 1.1em;
    float: left;
    padding-left: 20px;
    margin-left: 0;
    width: 100%;
}

ul.navigation-primary li {
    display: inline;
}

ul.navigation-primary li a {
    border-left: 1px solid #dde5ee; 
    color: #dde5ee;  
    float: left; 
    padding: .9em 1em .65em;
    text-decoration: none;
}

ul.navigation-primary li a:hover,
ul.navigation-primary li a.active {
    background-color: #547da9;
    color: #dde5ee;  
    text-decoration: none;
}

ul.navigation-primary li a.last {
    border-right: 1px solid #dde5ee;
}

/* nav within content on startpage */

ul.navigation-secondary { 
    border-bottom: 1px solid #b2b2b2;
    list-style: none;
    margin: 10px 0 5px 5px;
    padding: 0; 
    width: auto;
} 

#content-secondary ul.navigation-secondary { 
    margin-left: 0;
}

ul.navigation-secondary li {        
    background: url(../images/bg_navsec_divider.gif) no-repeat left bottom;
    border-bottom: 1px solid #b2b2b2;
    display: block;
    float: left;
    margin-top: 3px;
    padding: 0 .6em .3em .6em;
    position: relative;
    top: 1px;
}

ul.navigation-secondary li a {
    color: #999;
}

ul.navigation-secondary li a:hover {
    color: #295c94;
    text-decoration: none;  
} 

/* subnav within content */

#navigation2 ul { 
    border-bottom: 1px solid #b2b2b2;
    list-style: none;
    margin: 10px 0 5px 5px;
    padding: 0; 
    width: auto;
} 

#navigation2 ul li {        
    background: url(../images/bg_navsec_divider.gif) no-repeat left bottom;
    border-bottom: 1px solid #b2b2b2;
    display: block;
    float: left;
    margin-top: 3px;
    padding: 0 .6em .3em .6em;
    position: relative;
    top: 1px;
}

#navigation2 ul li a {
    color: #999;
}

#navigation2 ul li a:hover,
#navigation2 ul li a.active {
    color: #295c94;
    text-decoration: none;  
}  

#navigation2 ul li a.active {
    font: 1.5em "Georgia", "Times New Roman", Times, serif; 
    line-height: 8px;
    vertical-align: baseline;
    
}

/* startpage tablelike navigation */

ul.navigation-third {
    clear: both;
    list-style: none; 
    text-align: left;
    margin: 0;
    padding: 0;
} 

ul.navigation-third li {
    background: #cfdeea;
    float: left;
    margin: 0 0 2px 5px;
    padding: 2px;
    width: 196px;
} 

ul.navigation-third li.inv {
    background: #fff;
}

ul.navigation-third li a {
    color: #333;
} 

/* pic navigation - over status of hidden container */

ul.navigation-fourth {
    background: none;
    list-style: none;
    margin: 0;
    padding: 0;
} 

ul.navigation-fourth li { 
    display: block;
}

ul.navigation-fourth li a {
    background: url(../images/btn_choosepicformat.png) no-repeat left top;
    color: #eaeff5;
    display: block;
    font-weight: 700; 
    height: 27px;    
    padding-top: 6px;
    width: 148px;
}  

ul.navigation-fourth li a:hover {
    background: url(../images/btn_choosepicformat.png) no-repeat right top;
    text-decoration: none;
}

/* pic navigation in hidden container - variation runs better in an extra list */

ul.navigation-fifth {
    background: none;
    list-style: none;
    margin: 0;
    padding: 0;
} 

ul.navigation-fifth li { 
    display: inline;
} 

ul.navigation-fifth li a {
    background: url(../images/btn_markview.png) no-repeat left top;
    color: #eaeff5;
    display: inline;
    float: left;
    font-weight: 700; 
    height: 27px;
    margin-right: 1px;    
    padding-top: 6px;
    width: 73px;
}

ul.navigation-fifth li a:hover {
    background: url(../images/btn_markview.png) no-repeat right top;
    text-decoration: none;
}
            

/* --- main content (xsite) --- */

div.heading {
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 4px;     
	
}

h3 {
    color: #295c94;       
    float: left;
    font: 1.6em "Georgia", "Times New Roman", Times, serif;
}


h3.hdl-vid, h3.hdl-vid-streaming {
    color: #999;
    font: 1.1em "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
    margin-top: 7px;
    line-height:21px;
    height:19px;
    display:block;
    padding-top:3px;
} 

h3.hdl-vid-mov{
        text-indent:25px;
        background: url(../images/hdl-qt-icon.png) no-repeat left top; 
}
h3.hdl-vid-iphone{
        text-indent:25px;
        background: url(../images/hdl-ip-icon.png) no-repeat;
        background-position:4px 0px;
}
h3.hdl-vid-wmv{
        text-indent:25px;
        background: url(../images/hdl-wm-icon.png) no-repeat left top;
    
}
h3.hdl-vid-rm{
        text-indent:25px;
        background: url(../images/hdl-rm-icon.png) no-repeat left top;
    
}

h3.hdl-vid-flv{
        text-indent:25px;
        background: url(../images/flashvideo.jpg) no-repeat left top;
    
}

h3.hdl-vid-mpg{
        text-indent:25px;
        background: url(../images/mpgvideo.jpg) no-repeat left top;
    
}

h3.hdl-vid-streaming{
        text-indent:25px;
        background: url(../images/streaming.jpg) no-repeat left top;
}

.right {
    text-align: right;
}

.left {
    float: left;
}

p.txt-filmdesc {
    color: #999;
    line-height: 150%;
    margin-top: 11px;
} 
                                                   
hr { 
    height: 1%;
    border: none;
    border-top: 1px solid #b2b2b2;
    margin: 15px 0 10px 0;
    width: 100%;
}

.line {
    border-top: 1px solid #b2b2b2; 
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.fixline{
        float:right;
        width: 372px;
}
.markall {
    background: url(../images/ic_up.gif) no-repeat right top;   
    float: right;   
    font-size: 1.2em;
    font-weight: 700;
    height: 25px;     
    line-height: 180%;
    margin: 3px 4px 0 0;
    padding: 3px 28px 5px 0;
} 

.download-marked {
    background: url(../images/ic_forward.gif) no-repeat left top;   
    font-size: 1.2em;
    font-weight: 700;
    height: 25px;     
    line-height: 200%;
    margin: 8px 0 0 5px; 
    padding: 5px 0 10px 28px;
}
 

/* --- for index (and video) ---*/
 
.imgCenter {
    vertical-align: middle;
}


.previewImageIndex img{
    border: 0;
}
 

span.status {
    color: #ccc; 
    float: right;
    margin-top: 7px;
    line-height:21px;
    height:19px;
    display:block;
    padding-top:3px;
}

.img-wrapper {
    float: left;
}

.img-preview1 {
    border: 1px solid #ccc;
    float: left;
    margin: 0 0 5px 5px;
    width: 75px;
}

.vid-preview1,
.vid-preview2 {
    /* border: 1px solid #ccc; */
    
    /*
    float: left;
    margin: 5px 0 10px 3px;
    width: 320px;
    */
    margin: 5px 0 10px 3px;
    background-color: #000;
} 

.vid-preview2 {
    /* margin-left: -3px; */
    text-align: center;
}
 
a.link-more {
    background: url(../images/ic_arrowright.gif) no-repeat left center;
    padding-left: 10px;
    text-align: right;
}

.vid-play { 
    margin-left: 5px;
    position: relative;
    top: 65px;
}

.vid-play-sub { 
    float: right;
    margin-left: 5px;
    position: relative;
    top: 95px;
}

dl.quickinfo {
    color: #999;
    line-height: 160%;
    margin: 6px 0 20px;
} 

dl.quickinfo dt {
    float: left;
    margin-right: 2px;
}

dl.quickinfo dd {
    color: #333;
}
 
h4.hdl-filmdesc {
    display: inline; /* ie6 */ 
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 5px;
}


/* --- sub content --- */ 

/* lists for all subdocs */

dl.list-media {
    color: #333;  
    float: left;
    line-height: 160%;
    margin: 10px 0 0 0; 
    width: 372px;
} 

dl.list-media-video{
    margin: -3px 0pt 14px !important;
}

dl.archive{
    margin-bottom: 30px;
}

dl.list-media dt {
    display: block;   
    float: left;
    padding: 4px 0 0 5px;
    text-align: left;
}

dl.list-media dd {
    background: #cfdeea;
    color: #333;         
    margin-bottom: 5px;
    padding: 3px 3px 1px 150px; 
    text-align: right;
} 

dl.list-media dd.inv {
    background: #fff;
    color: #333;
}



input[type="checkbox"] {
    /* float: right; */  
    margin-right: 3px; 
    margin-left: 3px; 
}


span.check-active { 
    background: url(../images/ic_checkbox_active.png) no-repeat left top; 
    float: right;  
    height: 25px;
    position: relative;   
    top: -22px;   
    width: 29px;
}

html[xmlns*=""] body:last-child span.check-active { top: -4px; } /* target safari for positioning issues */

@media all and (min-width:0px) { /* targeting opera for the same */
    head~body span.check-active { top: -4px; }
}

span.check-inactive { 
    background: url(../images/ic_checkbox_inactive.png) no-repeat left top; 
    float: right;  
    height: 25px;
    position: relative;
    top: -22px;   
    width: 29px;
} 

html[xmlns*=""] body:last-child span.check-inactive { top: -4px; } /* target safari for positioning issues */ 

@media all and (min-width:0px) { /* targeting opera for the same */
    head~body span.check-inactive { top: -4px; }
}

dl.list-media a {
    color: #333;
    text-decoration: underline;
}                             

dl.list-media a:hover {
    text-decoration: none;
} 


/* shortinfo media data */

dl.quickinfo-media {
    color: #999;
    line-height: 160%;
    margin-top: 11px;
} 

dl.quickinfo-media dt {
    float: left; 
    font-weight: 700;
    margin-right: 2px;
}

dl.quickinfo-media .stressed {
    margin-top: 25px;
}

img.img-media {
    border: 1px solid #ccc;
    float: right;
}



.previewImageIndex {
    float: left;
    width: 75px;
    height: 75px;
    border: 1px solid #ccc;
    margin: 0 0 4px 4px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.previewImageIndex a.indexLink{
    display: table-cell;
    height: 75px;  
    text-align: center;
    vertical-align: middle;
    width: 75px;
}

.previewImageIndex img {
    vertical-align: middle;
}

/* --- pictures --- */

.img-wrap div {
    float: left;
    margin: 0 4px 4px 0;
    position: relative;
}
                                        
.img-wrap a.wrap-link { 
    background: #eaf0f4;
    display: table-cell;
    height: 150px;  
    text-align: center;
    vertical-align: middle;
    width: 150px;
}

a.wrap-link input[type="checkbox"] {
    position: absolute;
    top: 130px;
    left: 126px;
    z-index: 8;
}

.imgPreview input[type="checkbox"] {
    position: absolute;
    top: 130px;
    left: 126px;
    z-index: 8;
    
}

.img-wrap a.wrap-link-inactive { /* pics have to be wrapped by anchors for showing up the box around - even, if there is no content */
    background: #eaf0f4;
    cursor: default;
    display: table-cell;
    height: 150px;  
    text-align: center;
    vertical-align: middle;
    width: 150px;
}

.img-wrap img {
    vertical-align: middle;
}
.imgPreview label{
    font-size:11px;
    color:#666;
    text-align:center;
    position: absolute;
    top: 129px;
    left: 23px;
    width:102px;
    z-index: 9;
}
#content .last { /* last pic in a row */
    margin-right: 0;
}  
 
div.img-options { /* box for nav */  
    left: 1px;
    position: absolute;
    top: 50px;
    width: 148px;
}

span.check-active2,
span.check-inactive2 { 
    background: url(../images/ic_checkbox_inactive.png) no-repeat left top;   
    height: 25px;
    left: 0;
    position: absolute;
    top: 120px;   
    width: 29px;
    z-index: 8;
}

span.check-active2 { 
    background: url(../images/ic_checkbox_active.png) no-repeat left top;
} 

/* --- thickbox --- */
  
div.thickbox-navigation {
    color: #999;         
    height: 30px;  
    padding: 3px 0;
    width: 93%; 
}

.thickbox-navigation span.goback {
    background: url(../images/ic_back.gif) no-repeat left center; 
    color: #295c94; 
    float: left; 
    font-size: 1.2em;    
    font-weight: 700;
    padding: 5px 0 5px 28px; 
    position: relative;
}    
 
.thickbox-navigation span.imgcounter { 
    font-size: 1.1em;
    float: left;
    margin-top: 5px;
    position: relative;
    left: 30%;
    }

.thickbox-navigation span.progress {
    background: url(../images/ic_forward.gif) no-repeat right center; 
    color: #295c94; 
    float: right; 
    font-size: 1.2em;    
    font-weight: 700;
    padding: 5px 28px 5px 0;
}

.thickbox-navigation span.progress2 {
    background: url(../images/ic_forward.gif) no-repeat left center; 
    color: #295c94; 
    float: left; 
    font-size: 1.2em;    
    font-weight: 700;
    margin-right: 20px;
    padding: 5px 0 5px 28px;
} 

.thickbox-navigation span.close {
    background: url(../images/ic_overview.gif) no-repeat left center; 
    color: #295c94; 
    float: right; 
    font-size: 1.2em;    
    font-weight: 700;
    padding: 5px 0 5px 28px;
}

/* --- forms // depr --- 

fieldset.newsletter {
    border: none;
    margin-top: 10px;
}

.newsletter legend {
    display: none;
}

.newsletter label {
    display: block;
    float: left;
    width: 125px;
}

.newsletter .btn-row {
    display: block;
    float: left;
    width: 70px;
} 

.newsletter input.small {   
    border: 1px solid #7f9db9;
    color: #333;
    display: block;  
    font-size: inherit;          
    height: 20px;
    margin-bottom: 1px; 
    width: 120px;
}

input.btn-submit {
    background: url(../images/btn_nl_register.gif) no-repeat left center;
    border: 0;
    color: #295c94;    
    cursor: pointer; 
    font: 11px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; 
    height: 25px;
    margin-left: 5px; 
    padding-left: 25px; 
}

.newsletter span.labeltxt {
    color: #888;
    display: block;
}

*/

/* --- message boxes // depr --- 

.newsletter-success {
    font-weight: 700;
    margin-top: 5px;
}

.newsletter-error {
    color: #a95761;
    font-weight: 700;
    margin-top: 5px;
}

*/ 

/* --- footer - microformats --- */ 

#footer span.org {
    color: #333;
} 

#footer span.street-address,
#footer span.locality,
#footer span.fax,
#footer span.org,
#footer a.email {
    margin-right: 10px;
} 

#footer a.email {
    color: #999;
}

#footer span.vcard-detail {
    display: block;
} 

#footer span.cardinf-add {
    margin-left: 10px;
}
  

/* --- helper --- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display:inline-block; }
    /* Hide from IE Mac \*/
.clearfix { display:block; }
    /* End hide from IE Mac */

* html .clearfix { height:1px; } 

.dash {
    border: 1px dashed red;
}


/*-- new --*/
.content { /*-- duplicate of #content --*/
    float: left;
    margin: 0 59px;
    width: 790px;
    position:relative;
} 

.content-third { /*-- duplicate of #content-third --*/
    float: left;
    margin: 3px 59px 10px;
    padding-top: 3px;
    text-align: left;
    width: 765px;
}

div.content-333-primary{
    float: left;
    margin: 0 0 0 60px;
    width: 242px;
}


div.content-333-secondary{
    float: left;
    margin: 0 0 0 18px;
    width: 242px;
}


div.content-333-third{
    float: left;
    margin: 0 60px 0 18px;
    width: 242px;
}

div.content-333 dl.list-media {
    width: 242px;
} 


div.content-333 span.status {

}
div.content-333 {
    
}
.download-marked-text-left {
    background: url(../images/ic_forward.gif) no-repeat right top;   
    font-size: 1.2em;
    font-weight: 700;
    height: 25px;     
    line-height: 180%;
    margin: 3px 20px 0 0;
    padding: 5px 28px 5px 0;
    float: right;   
    border:none;
    color:#295C94;
    cursor:pointer;
    text-align:right;
    font-family:"Trebuchet MS","Lucida Grande","Lucida Sans",Arial,Helvetica,sans-serif;
}
img.meta_logo_small{margin:0 0 -2px 2px;}
div.video-widget{text-align:left; width:760px; position:relative; float:left; margin-bottom:35px;}
div.video-widget label{height:10px;}
h2.video-widget-header{color:#777;font-size:11px; text-indent:508px;}

/*
div.video-widget-flashDummy{ width:500px; height:211px;background: url(../images/flashdummy.png) no-repeat right top; }
*/


div.video-widget-movieMeta h2{font-size: 1.5em; margin-bottom: 10px; }
div.video-widget-movieMeta{position:absolute; top:0px; left:508px;color:#999;font-size:10px;}
div.video-widget-movieMeta strong{font-weight:normal; color:#000;}
div.video-widget-embedMeta{position:absolute; bottom:0px; right:0px; width:252px; border-bottom:1px solid gray; padding-bottom:12px;}
div.video-widget-embedMeta label{}

h3.video-widget-embedMeta-header{color:#777; font-size:11px; font-family:"Trebuchet MS","Lucida Grande","Lucida Sans",Arial,Helvetica,sans-serif;line-height:24px;}
input.video-widget-embed-code{width:100%; margin-bottom:6px; border:1px solid gray;}
input.video-widget-checkbox{padding:0px; margin:0 4px 8px 0px; position:relative; top:1px}
input.video-widget-radio{margin:0px 4px 5px 0px; position:relative; top:1px} 
div.video-widget-slider{margin-top:8px; width:170px; float:left;}

.ui-slider-handle{background: url(../images/slider_handle.png) no-repeat right top; width:28px; height:14px; border:none; top:0px;}
.ui-slider-handle:hover{background: url(../images/slider_handle.png) no-repeat right top; width:28px; height:14px; border:none;}

.ui-slider {
  background:#FFFFFF url(../images/slider_back.png) repeat-x scroll 0 0;
  border:none;
  height:12px;

}
div.slider_digits{
    float:left;
    margin:6px 0 0 2px;
}
div.video-widget-custom{display:none;margin-top:4px; }
div.video-widget-custom input{float:left; width:50px;border:1px solid gray;}
div.video-widget-custom div{float:left; margin:0 10px;}
span.video-widget-custom-error-digits{color:#CF2626;display:none;}
span.video-widget-custom-error-empty{color:#CF2626;display:none;}
form.downloadForm{
    margin-bottom:45px;
    float:left;
}


div#debugOnlyThisVideo{padding:10px; font-weight:bold; font-size:14px;color:#fff; position:absolute; left:0px; bottom:0px;}
div#debugVideoSizeCustomInd{padding:10px; font-weight:bold; font-size:14px;color:#fff;position:absolute; left:0px; top:10px;}
div#debugVideoSize{padding:10px;  font-weight:bold; font-size:14px;color:#fff; position:absolute; right:260px; top:10px;}

.clearer{
    clear:both;
}


div.iPhoneVideo{
    width: 500px;
    height: 211px;
    background-color: #000000;
    text-align: center;
}

div.iPhoneVideo a.playBt img{
    margin-top: 75px;
}

#navFlash{
    width: 75em;
    height: 34.5454545455em;
}

.hide, .jsNeeded{
    display: none;
}

.jsError{
    color:#CF2626;
    clear: left;
}

#linkList a{
    height: 18px!important;
}


div.video-widget-flashDummy{
    height: 280px;
}