/* get rid of scroll-shift by forcing vertical scrollbar */
html { min-height: 100%; margin-bottom: 1px; }

body { font-family: verdana, arial, sans-serif; background-color:#fff;font-size: 10px ;line-height:1.3em; color:#000; margin:0; padding:0}
h1 {margin-top:35px; line-height:normal; font-size:18px; font-weight:bold; text-transform:uppercase; border-bottom:1px dashed}
a {text-decoration:none;color:#666}
a:visited {color:#666}
a:hover {text-decoration:underline;color:#000}
img {border:0}
.toggle {background: url(img/arrow_closed.gif) center left no-repeat; padding-left:20px}
.toggleOpen {background: url(img/arrow_open.gif) center left no-repeat; padding-left:20px;}

#logo {background-color:#000; text-align:right}
#colorID {height:17px; background-color:
#AC2A2E; margin-bottom:25px}
#main {width:740px; margin:0; padding:0}
#main {\width:790px;w\idth:740px;} /*box model hack*/
#main img#logo {float:left}
#main div#photos {width:280px;float:left;}
#sec {float:right; font-size:20px;padding-bottom:5px}
#film {clear:both}
#film img {float:left;margin-right:20px; background-color:#ccc}
#filmCopy #specs {font-weight:bold; margin:15px 0; }
#filmCopy #credits {margin:0px 0}
#filmCopy #synopsis {padding:0 0 0px 0; margin:10px 0 10px 0;}
#filmCopy #genre {margin-top:0px}

ul#footer {clear:both; list-style:none; margin:0; padding:0;margin:0 auto;width:250px}
ul#footer li {float:left; margin:2px 10px 0 2px; font-size:11px;}
ul#footer li a {font-weight:normal;color:#999; border-right:1px dashed; padding-right:10px}
ul#footer li.last a {border-right:0px; padding-right:0px}
.clear {clear:both; line-height:1px; margin:0;padding:0}

div.column {float:left; width:330px;margin:10px; padding:10px; }
div.ques {margin:0 0 10px 0 ; padding:0 0 0 0;}
div.ques label {width:90px;display:block; float:left; text-align:right; margin-right:10px; font-weight:bold}
div.ques span.notes {display:block;font-size:80%;font-weight:normal}
/* Set inputs to same width */
div.ques input, div.ques textarea, fieldset.textInput input  {width:210px;}
div.ques textarea {margin:0;padding:0;}
/* Treat Checkbox differently (Mozilla has sizing bug with file input types */
fieldset.checkboxes, fieldset.file {padding:10px;}
fieldset.checkboxes label, fieldset.file label {float:left; width:120px; display:block; text-align:left; padding-right:20px}
fieldset.checkboxes input, fieldset.file input {width:auto;}
/* Treat nested text inputs different*/
fieldset.textInput label {width:auto; margin:5px}
fieldset.textInput input {margin-left:10px;width:190px }
/*
fieldset.textInput label {float:right; width:auto; margin:5px}
fieldset.textInput input {margin-left:10px}
*/

div.msg {clear:both;width:600px;margin:0 auto;padding:0 20px;border: 1px solid #666; background-color: #ffffe1;color: #666; font-size: 120%}
div.msg p {font-weight:bold}
div.msg p a {font-weight:normal}
.executeBtn {clear:both; text-align:center;}

/* Catalogue Index */
#results {padding:0 10px; border:1px solid #666; background-color:#ffffe1}
#results h3 {margin:5px 0; font-size:100%}
#results table {width:100%}