/*///////////////////////////////////////*
Universal
////////////////////////////////////////*/

* { outline: none; }
body { font-family: Helvetica, Arial, sans-serif; background: #fff; color: #555; font-size:75%; }
h1, h2, h3, h4, h5 { color:#222; }

#movies { font-size:100%; }

a { text-decoration: none; color: #08c; cursor:pointer;}
a:hover { text-decoration: underline; }

h1 { font: 30px Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:30px 0 0 0; margin: 0; }
h2 { font:15px Arial, Helvetica, sans-serif; padding: 0  0 3px 0; margin-bottom: 0; }

#main, #header { margin: 0 auto; width: 960px; overflow: hidden; }

#main {  border: none; background:#fff; text-align:center; margin-bottom: -4px;}

#title { text-align:center; color:#000; margin-bottom:8px;}

#header { margin-top: -20px; }

#login { text-align:center; margin-top: -20px; }
#pass_field { width:200px; border: 1px solid #08c; text-align:center; }



/*///////////////////////////////////////*
Movies
////////////////////////////////////////*/

#randomiser {text-align:center; margin-bottom:15px;}
.random {display:block;}
.showall {display:block; margin-top:5px;}

#movies, #lastmov { text-align:center; border-spacing:0px; border:1px solid #cbcbcb; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;}

.name {width:20%;}
.year {width:7%;}
.rating {width:7%;}
.description {width:51%;}
.quality {width:8%;}
.imdb { width: 7%; }

th { background:#cbcbcb; padding:5px; color:#000;}
td { padding: 6px 0 6px 0; vertical-align: middle; border-top:#cbcbcb 1px solid;}

.header { background-image: url(../img/tablebg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; color:black;}
.headerSortUp {background-image: url(../img/asc.gif);}
.headerSortDown {background-image: url(../img/desc.gif);}

.headerSortDown, .headerSortUp {background-color: #D9D9D9; color:#333; border: 1px solid #CCC;}

#abbreviationstable th{ background:#fff;}
#abbreviationstable td{ width:20%; text-align:center; border-top:none;}
#abbreviationstable thead{ font-weight:bold; }

#totals, #latest, .abbreviations { margin-top:75px;}

#movies tbody tr.odd td { background-color:#eee; }

.integer { font-size: 14pt; font-weight: bold; }