html, body { width: 100%; height: 100%; }
body { margin: 0; padding: 0; text-align: center; font-size: 62.5%; }
body, input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; color: #000; }
#p_container { margin: 10px auto; width: 663px; text-align: left; font-size: 1.3em; padding: 0;}

a:link, a:visited { text-decoration: none; color: blue; }

form { margin: 0; }

#p_header, #p_footer { min-height: 75px; }
#p_header img, #p_footer img { width: 663px; display: block; margin: 0; padding: 0;  }
#p_client { font-weight: bold; padding: 20px 0 10px 10px; font-size: 1.1em; }
#p_project { border-width: 1px 0; border-style: solid; padding: 0 20px; line-height: 28px; font-size: .9em; }

#p_preview { padding: 10px 20px; font-size: .9em; }
.streaming { margin: 0 auto; height: 150px; width: 100%; text-align: center;}

#StreamingVideoWidget { z-index: -1; }

.thumbnail { float: left; width: 33%;}
.thumbnail img { border: 0; margin: 10px 0; background: #000; padding: 1px; }
.thumbS { width: 96px;  height: 72px; }
.thumbM { width: 134px; height: 101px; }
.thumbL { width: 192px; height: 144px; }

#stills { text-align: center; }
#stills div { float: left; width: 130px; height: 180px; padding: 5px; margin: 5px; }
#stills div img { border: 1px #000 solid; }

#p_download { padding: 10px 20px; font-size: .9em; }
#p_download table { width: 100%; margin: 20px 0; }
#p_download thead { font-weight: bold; }
#p_download td { line-height: 20px; }

#p_comment { font-size: .8em; height: 45px; line-height: 45px; padding: 0 10px; }

#blackout { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #FFF; background: #FFF; text-align: center; }
#blackout div { position: absolute; }
#blackout .pagination { top: 50%; }
#blackout .pagination a { font-size: 30px; }
#blackout .pagination a span { font-size: 10px; }
#blackout a:link, #blackout a:visited { color: #FFF; }
#blackout a img { border: 0; cursor: move; }


.actionbar { left: 0; line-height: 30px; font-size: 11px; background: #111; width: 100%; z-index: 999; }
#close { top: 0; border-bottom: 1px #222 solid; z-index: 999; }
#comment_slide { bottom: 0; border-top: 1px #222 solid; text-align: center; width: 100%; }
#comment_slide div { width: 700px; height: 500px; margin: 40px auto 0 auto; border-width: 1px; border-style: solid; border-color: #555; position: relative; font-size: 12px; }
#comment_slide div div { margin: 0; border: 0; }
#comment_slide #list { height: 300px; overflow: auto; background: #000; }
#comment_slide #list img { margin: 120px 0 0 0; }
#comment_slide #list table { text-align: left; width: 100%; padding: 5px; border-collapse: collapse; line-height: 22px; }
#comment_slide #list td { vertical-align: top; padding: 2px; border-bottom: 1px #000 solid; } 
#comment_slide #insert { height: 200px; border-top: 1px #333 solid; }
#comment_slide #insert table { width: 100%; border-collapse: collapse; height: 100%; background: #222; }
#comment_slide #insert td { text-align: center; vertical-align: middle; padding: 10px; }
#comment_slide #insert textarea { width: 300px; height: 100px; margin: 10px 0; font-size: 12px; } 


.br { clear: both; }

.error { margin: 10px; color: #000; background: #AAA; padding: 5px;  border: 2px #000 solid; }
.error img { float: left; margin: 0 10px 0 0;}
.error p { float: left; }