div.thumb {
    float: left;
/*    padding-right: 13px; */
    padding-bottom: 6px;
    width: 92px;
}

div.nothumb {
    background: #eee;
    border: #ccc 1px solid;
    height: 138px;
    font-size: 10em;
    color: #ddd;
    padding-left: 0.07em;
}

div.movie div.delete {
    float: right;
    position: relative;
    left: 20px;
    top: -20px;
    height: 0;
    display: none;
}

div.movie_text {
    float: right;
    width: 24.3em;
}

div.movie_title {
    background: #EDEDED; /* old browsers */
    background: -moz-linear-gradient(top, #CDCDCD 0%, #EDEDED 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CDCDCD), color-stop(100%,#EDEDED)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDCDCD', endColorstr='#EDEDED',GradientType=0 ); /* ie */
/*    width: 100%; */
    position: relative;
    padding: 4px;
}

div.movie_title h3 {
    max-width: 20em;
}

div.movie_title a {
    color: #000;
}

div.movie_title img {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -8px;
}

div.movie_text p {
    font-size: 12px;
    color: #555;
    padding: 0;
    padding-top: 1em;

    max-height: 7.5em;
    overflow-y: auto;
}

/* quality list */


ul.quality {
     padding-top: 0.5em;
     list-style: none outside none;
}

ul.quality li {
     border-radius: 4px 4px 4px 4px;
     background: none repeat scroll 0% 0% rgb(221, 221, 221);
     float: left;
     margin-left: 1em;
     padding: 0.35em;
}

ul.quality li:first-child {
     margin-left: 0pt;
}

ul.quality li a {
     color: rgb(119, 119, 119);
}

ul.quality li.active {
     color: rgb(0, 0, 0);
     background: #FE8A42;
}




div.movie_right a {
    display: block;
}

#add_area {
    display: none;
    float: right;
    padding: 0.5em;
    background: #FF702E;
}

button.add {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: 0;
    margin-top: 10px;
    background: transparent url("/static/img/fatcow-icons/32x32/add.png") no-repeat center top;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
}

/* override default layout.css values to make add slide effect start from the menu, the padding prevents it */

#main {
    padding-top: 0 !important;
}

/* add padding to h1 to make it appear in same position as in elsewhere */
h1 {
    padding-top: 10px;
}


/* TODO: move this to global style.css and rename queue to something more generic */

.queue {
    position:relative;
    z-index:1;
/*            width:600px;
    padding:20px;
    margin:0 auto;
    */
}

.queue:after {
    content:"";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    font-size:0;
}

.drop-shadow {
    position:relative;
    float:left;
    width:43%;
    padding: 1em;
    margin: 20px;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute;
    z-index:-2;
}

/*
.drop-shadow p {
    font-size:16px;
    font-weight:bold;
}*/

/* Lifted corners */

.lifted {
    -moz-border-radius:4px;
         border-radius:4px;
}

.lifted:before,
.lifted:after {
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}

.lifted:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}

/* Curled corners */

.curled {
    border:1px solid #efefef;
    -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
         border-radius:0 0 120px 120px / 0 0 6px 6px;
}

.curled:before,
.curled:after {
    bottom:12px;
    left:10px;
    width:50%;
    height:55%;
    max-width:200px;
    -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
       -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
            box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
    -webkit-transform:skew(-8deg) rotate(-3deg);
       -moz-transform:skew(-8deg) rotate(-3deg);
        -ms-transform:skew(-8deg) rotate(-3deg);
         -o-transform:skew(-8deg) rotate(-3deg);
            transform:skew(-8deg) rotate(-3deg);
}

.curled:after {
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/* Perspective */

.perspective:before {
    left:80px;
    bottom:5px;
    width:50%;
    height:35%;
    max-width:200px;
    -webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
       -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
            box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
    -webkit-transform:skew(50deg);
       -moz-transform:skew(50deg);
        -ms-transform:skew(50deg);
         -o-transform:skew(50deg);
            transform:skew(50deg);
    -webkit-transform-origin:0 100%;
       -moz-transform-origin:0 100%;
        -ms-transform-origin:0 100%;
         -o-transform-origin:0 100%;
            transform-origin:0 100%;
}

.perspective:after {
    display:none;
}

/* Raised shadow - no pseudo-elements needed */

.raised {
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

/* Curved shadows */

.curved:before {
    top:10px;
    bottom:10px;
    left:0;
    right:50%;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
    box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:10px / 100px;
    border-radius:10px / 100px;
}

.curved-vt-2:before {
    right:0;
}

.curved-hz-1:before {
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

.curved-hz-2:before {
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

/* Rotated box */

.rotated {
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}

.rotated :first-child:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}