@charset "utf-8";
/* CSS Document filmnetz.org*/
/* Copyright Sven Roloff - WIRKWERK.COM 2010*/

  /**************Version 1.0***************/
 /********last changed: 11.01.2010*******/

@media screen, projection {

/* ++++++++++++++++++++++++++++++++++++++++++++++FILM SORT BEGIN*/
#filmsort {position:relative;overflow:hidden;margin:0 0 8px 0;padding:4px 16px;width:672px;background:#ece9e6;z-index:60;}
#filmsort IMG {float:left;margin:0 16px 0 0;padding:0;}
#filmsort A {text-transform:uppercase;color:#303434;font-size:70%;letter-spacing:2px;font-weight:bold;background:transparent url(/images/bg-link-no.png) no-repeat scroll left center;padding:0 0 0 14px;}
#filmsort A:hover {background:transparent url(/images/bg-link-ro.png) no-repeat scroll left center;}

#filmsort .sortheader {float:left;margin:0;padding:0;display:inline;width:30%;}
#filmsort .headline {text-transform:uppercase;color:#303434;font-size:70%;letter-spacing:2px;font-weight:bold;float:left;margin:4px 0 0 0;}
#filmsort .filmsortdropdown1 {float:left;margin:0;padding:0;display:inline;width:30%;text-align:right;}
#filmsort .filmsortdropdown1 label {text-transform:uppercase;color:#303434;font-size:70%;letter-spacing:2px;font-weight:bold;}
#filmsort .filmsortdropdown2 {float:left;margin:0;padding:0;display:inline;width:40%;text-align:right;}
#filmsort .filmsortdropdown2 label {text-transform:uppercase;color:#303434;font-size:70%;letter-spacing:2px;font-weight:bold;}
#filmsort select {color:#303434;margin:0;padding:0;background:transparent url(/images/bg-mailform-input.gif) repeat-x scroll left top;border:1px solid #303434;font-size:70%;}
#filmsort select:focus {border:1px solid #ffae00;}
#filmsort select option{padding:0 4px;background:#FFFFFF;}
/* ++++++++++++++++++++++++++++++++++++++++++++++FILM SORT END*/


/* ++++++++++++++++++++++++++++++++++++++++++++++FILM LIST BEGIN*/
#filmlist {position:relative;overflow:hidden;margin:0;padding:8px 16px;width:672px;background:#ece9e6;z-index:60;font-size:70%;}
#filmlist ul#Mcontent {margin:0;padding:0;z-index:35;overflow:hidden;}
#filmlist ul#Mcontent li {position:relative;margin:0 0 4px 0;padding:0;height:150px;list-style:none;clear:both;}
#filmlist .category {border-bottom:1px solid #bdbab8;text-align:right;padding:0;margin:0 0 4px 0;height:16px;}
#filmlist .category P{position:relative;top:4px;display:inline;float:right;padding:0;margin:0;text-transform:uppercase;color:#bdbab8;background:#ece9e6;font-size:90%;}
#filmlist .headline {border-bottom:1px solid #bdbab8;margin:0 0 8px 0;}
#filmlist .filmlistimg {overflow:hidden;float:left;margin:0 8px 0 0;padding:0;background:#ece9e6;border-right:8px solid #ece9e6;border-top:4px solid #ece9e6;position:relative;top:-10px;}
#filmlist .filmlistimg A {background:transparent none;padding:0;}
#filmlist .filmlistimg A:hover {background:transparent none;}
#filmlist P.more {position:absolute;top:70px;left:0px;text-align:right;}
#filmlist P.more A {text-transform:uppercase;color:#FFFFFF;letter-spacing:2px;font-weight:bold;background:#303434 url(/images/bg-topmenu-no.png) no-repeat scroll 4px center;padding:8px 4px 8px 18px;}
#filmlist P.more A:hover {color:#303434;background:#FFFFFF url(/images/bg-topmenu-ro.png) no-repeat scroll 4px center;}
#filmlist IMG {width:160px;}
#filmlist H1 {margin:0;padding:2px 0 1px 0;font-size:120%;text-transform:uppercase;color:#ff9900;letter-spacing:2px;font-weight:bold;text-align:right;background:transparent;height:16px;overflow:hidden;}
#filmlist H2 {margin:0;padding:1px 0 2px 0;font-size:110%;color:#303434;letter-spacing:2px;font-weight:bold;text-align:right;height:16px;overflow:hidden;}
#filmlist P {padding:4px 0;line-height:18px;}
#filmlist A {text-transform:uppercase;color:#303434;letter-spacing:2px;font-weight:bold;background:transparent url(/images/bg-link-no.png) no-repeat scroll left center;padding:0 0 0 14px;}
#filmlist A:hover {background:transparent url(/images/bg-link-ro.png) no-repeat scroll left center;}
#filmlist A.link-to-more {background:transparent;padding-left:4px;}
#filmlist A.link-to-more:hover {background:transparent;}
/* ++++++++++++++++++++++++++++++++++++++++++++++FILM LIST END*/

/* ++++++++++++++++++++++++++++++++++++++++++++++PITCH SINGLE VIEW BEGIN*/
#filmsingleview {position:relative;overflow:hidden;margin:0;padding:16px;width:672px;background:#ece9e6;z-index:60;font-size:70%;}
#filmsingleview IMG {}
#filmsingleview .masterheadline {border-bottom:#b4b1af solid 1px;padding:0;margin:0 0 12px 0;}
#filmsingleview H1 {margin:0;padding:2px 0;text-transform:uppercase;color:#ff9900;font-size:120%;letter-spacing:2px;font-weight:bold;text-align:right;}
#filmsingleview H2 {margin:0;padding:2px 0 12px 0;color:#303434;font-size:110%;letter-spacing:2px;font-weight:bold;text-align:right;}
#filmsingleview H3 {margin:0;padding:10px 0 4px 0;color:#303434;font-size:110%;letter-spacing:2px;font-weight:bold;text-align:left;clear:both;}
#filmsingleview H3.links, #filmsingleview H3.images {text-transform:uppercase;margin:0;padding:24px 0 8px 150px;color:#303434;font-size:100%;letter-spacing:1px;font-weight:bold;text-align:left;clear:both;}
#filmsingleview P {padding:6px 6px 6px 0;}
#filmsingleview P.more {text-align:right;}
#filmsingleview P.teaser {font-weight:bold;padding:0 6px 6px 0;}
#filmsingleview A {text-transform:uppercase;color:#303434;letter-spacing:2px;font-weight:bold;background:transparent url(/images/bg-link-no.png) no-repeat scroll left center;padding:0 0 0 14px;}
#filmsingleview A:hover {background:transparent url(/images/bg-link-ro.png) no-repeat scroll left center;}

#filmsingleview .filmsingleviewtablecontainer {width:328px;float:left;margin:0;padding:0;overflow:hidden;}
#filmsingleview .filmsingleviewimg {width:328px;position:relative;margin:0 16px 10px 0;height:256px;float:left;overflow:hidden;}
#filmsingleview .filmsingleviewimgtext {clear:both;padding:0 10px;margin-bottom:10px;overflow:hidden;}
#filmsingleview .filmsingleviewimgtext H2 {margin:0;padding:2px 0;text-transform:uppercase;color:#ff9900;font-size:120%;letter-spacing:2px;font-weight:bold;text-align:left;}
#filmsingleview .filmsingleviewimgtext .sgheadline, #filmsingleview .filmsingleviewimgtext .cpheadline {float:left;}
#filmsingleview .filmsingleviewimgtext .cplogo, #filmsingleview .filmsingleviewimgtext .sglogo {float:left;}

#filmsingleview .filmsingleviewimgtext P {padding-right:130px;}
#filmsingleview .filmsingleviewimg A {background:transparent none;padding:0;}
#filmsingleview .filmsingleviewimg .show{position:absolute;top:60px;left:100px;}

#filmsingleview table.filmsingleviewtable {width:100%;margin:0 12px 0 0;border:1px solid #B4B1AF;}
#filmsingleview table.filmsingleviewtable td.tabletitle {width:88px;font-weight:bold;padding:6px;}
#filmsingleview table.filmsingleviewtable td.description {}
#filmsingleview table.filmsingleviewtable td P {padding:0px;}

#filmsingleview ul {padding:0 0 0 150px;margin:0;}
#filmsingleview ul li {margin:0;padding:0;list-style:none;}
#filmsingleview ul li A {color:#303434;font-size:70%;letter-spacing:2px;font-weight:normal;background:transparent url(/images/bg-link-no.png) no-repeat scroll left center;padding:0 0 0 14px;text-transform:none;}
#filmsingleview ul li A:hover {background:transparent url(/images/bg-link-ro.png) no-repeat scroll left center;}

#filmsingleview ul.filmimgthumb {padding:0 0 0 150px;margin:0;overflow:hidden;}
#filmsingleview ul.filmimgthumb li {margin:0;padding:0;list-style:none;float:left;}
#filmsingleview ul.filmimgthumb li A {background:transparent;margin:0;padding:0 3px;}
#filmsingleview ul.filmimgthumb li A:hover {}
/* ++++++++++++++++++++++++++++++++++++++++++++++PITCH SINGLE VIEW END*/

/* ++++++++++++++++++++++++++++++++++++++++++++++FILM USER COMMENTS BEGIN*/
#filmusercomments {position:relative;overflow:hidden;margin:0;padding:8px 16px;width:672px;background:#ece9e6;z-index:60;}
#filmusercomments ul#Mcontent {margin:0;padding:0;z-index:35;overflow:hidden;}
#filmusercomments ul#Mcontent li {float:left;position:relative;margin:0 0 8px 0;padding:0;height:100px;list-style:none;}
#filmusercomments .category {border-bottom:1px solid #bdbab8;text-align:right;padding:0;margin:0 0 4px 0;}
#filmusercomments .category P{position:relative;top:6px;display:inline;float:right;padding:0;margin:0;text-transform:uppercase;color:#bdbab8;background:#ece9e6;font-size:60%;}
#filmusercomments .headline {border-bottom:1px solid #bdbab8;margin:0 0 8px 0;}
#filmusercomments IMG {float:left;margin:0 8px 0 0;padding:0;background:#ece9e6;border-right:8px solid #ece9e6;border-top:4px solid #ece9e6;position:relative;top:-8px;height:100px;overflow:hidden;}
#filmusercomments H1 {margin:0;padding:2px 0 1px 0;font-size:70%;text-transform:uppercase;color:#ff9900;letter-spacing:2px;font-weight:bold;text-align:right;background:transparent;height:16px;overflow:hidden;}
#filmusercomments H2 {margin:0;padding:1px 0 2px 0;font-size:70%;color:#303434;letter-spacing:2px;font-weight:bold;text-align:right;height:16px;overflow:hidden;}
#filmsingleview H3.usercomments {text-transform:uppercase;margin:0;padding:18px 0 4px 0;color:#303434;font-size:80%;letter-spacing:1px;font-weight:bold;text-align:left;clear:both;}
#filmusercomments P {padding:4px 0;font-size:70%;line-height:18px;}
#filmusercomments P.more {text-align:right;position:absolute;right:8px;bottom:4px;}
#filmusercomments A {text-transform:uppercase;color:#303434;font-size:70%;letter-spacing:2px;font-weight:bold;background:transparent url(/images/bg-link-no.png) no-repeat scroll left center;padding:0 0 0 14px;}
#filmusercomments A:hover {background:transparent url(/images/bg-link-ro.png) no-repeat scroll left center;}
/* ++++++++++++++++++++++++++++++++++++++++++++++FILM USER COMMENTS END*/

p.movie_upload {padding:4px 30px;font-size:90%;line-height:18px;}
#upload-message {padding:4px 30px;font-size:90%;line-height:18px;color:red;}

#upload-container {
    margin:0 25px;
}

#uploadQueue {
    margin:10px 0;
}

.cancel {
    text-align:right;
}

.uploadifyProgress {
    background-color: #FFFFFF;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    margin-top: 10px;
    width: 100%;
}
.uploadifyProgressBar {
    background-color: #ff9900;
    width: 1px;
    height: 10px;
}
}