/*/////////////////////////////////
reset
/////////////////////////////////*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
a, a:hover, a:visited, a:active { text-decoration: none;}

/*/////////////////////////////////
colors
///////////////////////////////////
light-blue : #00b7ec
text-gray  : #505050
white      : #eee
*/

/*/////////////////////////////////
globals
/////////////////////////////////*/

html { margin: 0; background: #000; font: 10px Helvetica, Arial, sans-serif; color: #eee; }
body { background: #000;}
h1 { font-size: 10px;  font-weight: bold; text-transform: uppercase;}
p { color: #505050; font-size: 10px;  font-weight: normal;}
a { color: #505050; }
a:hover { color: #eee; }
a.active { color: #eee; }
.clearfix { float: none; clear: both; height: 1px; }
.left { float: left; }
.right { float: right; }


/*/////////////////////////////////
layers
/////////////////////////////////*/

body div.framediv { position: absolute; left: 60px; width: 910px; height: 610px; }
body div#background { z-index: 0; overflow: hidden; }
body div#wall { z-index: 7; }
body div#stripes { z-index: 3; }
body div#loading { z-index: 4; text-align: center; display: none; }
body div#history { display: none; }
body div#video,
body div#maincontent { z-index: 15; height: 455px; }
body div#menudiv { z-index: 10; top: 455px; height: 46px; }
body div#submenudiv { z-index: 10; top: 510px; height: 97px; text-transform: uppercase; }
body div#textcontent { z-index: 6; }
body div#project_media { z-index: 14; top: 561px; height: 46px; }

body div#menudiv div.inner { float: left; margin: 0; top: 0; left: 0; width: 580px; height: 100%; border-right: 5px solid #000; border-bottom: 5px solid #000; background: #000;}
body div#submenudiv div.inner { position: relative; top: 0; left: 190px; width: 710px; height: 100%; border-right: 5px solid #000; border-bottom: 5px solid #000; background: #000;}
body div#textcontent div.inner { position: relative; left: 585px; width: 320px; top: 0; background: #000; height: 100%;}
body div#textcontent div.inner * { padding: 0 10px 10px 10px; font-size: 11px; }
body div#menudiv div#auth { float: left; width: 320px; top: 0; height: 50px; overflow: hidden; background-color: #000; }
body div#menudiv div#auth div.inner {  width: 310px; padding: 21px 4px; text-transform: uppercase;  }
body div#menudiv div#auth div.inner span { float: left; }
body div#project_media div.inner { position: relative; width: 520px; left: 195px; height: 46px; overflow: hidden; }

/*/////////////////////////////////
menu
/////////////////////////////////*/

ul#menu { float: right; width: 385px; text-align: left; padding-top: 20px; }
ul#menu li { background-repeat: no-repeat; background-position: 17px 1px; height: 14px; overflow: hidden; float: left; text-transform: uppercase; letter-spacing: 0px;}
ul.submenu li { background-repeat: no-repeat; float: left; height:14px; padding-right: 8px; overflow: hidden; }
ul.submenu li a { width: 100px; display: block; height:14px; }
ul.submenu li.active,
ul.submenu li:hover { background-position: 0px -16px; }
ul#menu li.active,
ul#menu li:hover { background-position: 17px -15px; cursor: pointer; }
ul#menu li a { padding-left: 19px; height:14px; width: 100px; display: block;}
ul#menu li a.active,
ul#menu li a:hover { background: transparent url('/media/static/img/active-arrow.gif') no-repeat 3px 0; }
li a span { visibility: hidden; }
div#placeholder { display: none; float: left; position: absolute; left: 0; height: 46px; width: 180px; background: #000;}
div#placeholder img { margin-top: 20px;}
div#submenudiv ul.submenu { padding: 10px 0 0 20px; }

.title { color: #00b7ec; }
.mini_item { width: 60px; height: 46px; margin: 0 5px 5px 0; float: left; overflow: hidden; }

body div#stripes { background-image: url('/media/static/img/background.png'); background-repeat: no-repeat; }
div.wallitem a span { color: transparent; display: none;}
div.wallitem a { background-image: url('/media/static/img/stripes.gif'); display: block; width: 100%; height: 100%; }
div.wallitem a:hover { background-image: none; }
div.hiddenstripes a { background-image: none; }
body div#wall div.wallitem img { width: 60px; height: 46px; }

body div#loading img { margin-top: 300px; }

img#logo { margin: 8px 0 0 8px; float: left; }

input.input { width: 120px; height: 15px; background: #505050; color: #fff; border: 0; margin-right: 5px; }
input.submit { background: transparent; height: 14px; cursor: pointer; border: 0; color: #eee; margin-left: 10px; text-transform: uppercase;}

input.submit:hover { background-position: 0px -16px;}

div#project_detail { position: relative; height: 403px; left: 195px; width: 515px; background-color: #000; }
div#project_description { padding: 20px 15px 0 15px; }
div#project_description img { float: left; margin-right: 5px; }
#media_image { top: 0; position: absolute; z-index: 20; left: 0; }
#project_info_image { top: 20px; position: absolute; z-index: 21; left: 20px; display: none; }
.quicktime { top: 0; position: absolute; z-index: 20; left: 195px;}
#quicktime embed.quicktime { left: 0; float: left; }
.qt-button { cursor: pointer; background-repeat: no-repeat; background-position: right; float: left; margin-top: 25px; }
#qt-rewind { height: 20px; width: 20px; background-image: url('/media/static/img/icon-skip-back.gif'); padding-left: 160px; }
#qt-skip-fwd { height: 20px; width: 20px; background-image: url('/media/static/img/icon-skip-fwd.gif'); margin-left: 20px;}
#qt-audio { height: 20px; width: 20px; background-image: url('/media/static/img/icon-audio-on.gif'); padding-left: 18px; }
#qt-play { height: 30px; width: 30px; margin-left: 20px; margin-top: 20px; background-image: url('/media/static/img/icon-pause.gif'); }
#qt-fullscreen { height: 20px; width: 20px; background-image: url('/media/static/img/icon-fullscreen.gif'); margin-left: 165px; }
div#description { margin-top: 345px; }
div#quicktime_controller { display: none; z-index: 16; position: absolute; left: 195px; top: 310px; width: 515px; text-align: center; }
div#controller_bar { text-align: left; cursor: pointer; position: absolute; z-index: 20; left: 0; height: 20px; float: left; width: 470px; padding-top: 8px; margin: -5px 20px 0 20px; }
div#slider_handle { cursor: pointer; float: left; position: absolute; margin-top: -4px; height: 10px; width: 10px; background-image: url('/media/static/img/icon-slider-handle.gif'); background-repeat: no-repeat; }
div#quicktime_slider { height: 1px; line-height: 0px; overflow: hidden; background-color: #505050; }
div#quicktime_loader { height: 1px; line-height: 0px; overflow: hidden; background-color: #00b7ec; margin-top: -1px; width: 1px; }
div#quicktime_playhead { height: 1px; line-height: 0px; overflow: hidden; background-color: #fff; margin-top: -1px; width: 1px; }
div#media_image { width: 100%; height: 350px; text-align: center; }
ul.project_detail_menu { float: left; width: 380px;}
ul.submenu li.projectname { padding-right: 0; }
li#project-info { cursor: pointer; display: none; }
li#project-video { cursor: pointer; display: none; }
div#media_source { display: none; }
.disabled { cursor: default;}

ul.client_media_list li.outer { width: 260px; height: 51px; overflow: hidden; }
ul.client_media_list li { display: block; float: left; }
ul.client_media_list li div { float: left; }

div#all_projects_loaded { display: none; }