body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, 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, optgroup{font-style:inherit; font-weight:inherit}
del, ins{text-decoration:none}
li{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; font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input, button, textarea, select, optgroup, option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit}
input, button, textarea, select{*font-size:100%}

html, body{height:100%; background:#eee}

body{text-align:center; font-size:12px; color:#a6a6a6; background:#fff; font-family:sans-serif}
body >table{width:100%; height:100%}
body >table td{width:100%; height:100%}
h2{font-size:125%; font-family:sans-serif; letter-spacing:-1px}
a{text-decoration:none; color:#a6a6a6; outline:none}

#wrapper{text-align:left; width:930px; height:555px; margin:auto; position:relative; overflow:hidden}

#intro{position:absolute; top:0px; left:0px; width:930px; height:570px; background:#eee url(../images/loading2.gif) center no-repeat}
#intro img{cursor:pointer; display:none}
#left-menu{position:relative; float:left; height:100%; width:200px}
#menu-items li{margin:2px 0px}
#menu-items li a{font-size:16px; font-family:helvetica,sans-serif; text-transform:uppercase}
.menu{margin-top:45px}
.active-menu-item{color:#666}
#left-menu-bottom{position:absolute; bottom:0}
#contact{height:100px; display:none; height:51px; padding-bottom:4px; padding-left:10px; color:#666; line-height:11px; letter-spacing:-0.5px}
#contact >p{margin-bottom:5px}
#contact a{color:#666}
#left-menu-bottom >p{margin-bottom:2px; font-size:90%; text-transform:uppercase}
#left-menu-bottom >p >a{text-transform:uppercase}
#copyright{font-size:85%; margin:22px 0px 0px 0px !important; position:relative; bottom:0px; line-height:8px; width:100%;}

#right-content{position:relative; margin-left:201px; height:100%}
#current-image{height:480px; overflow:hidden; background:#fff; text-align:center}
#current-image img{display:none; margin:0 auto}
#gallery-arrows{float:right; margin-top:12px}
#gallery-arrows img{margin-left:10px; cursor:pointer}
#loading{position:absolute; top:0px; display:none; width:100%; height:100%; background:#fff url(../images/loading2.gif) center no-repeat; text-align:center; opacity:.8}
#loading p{margin-top:300px; font-size:85%; color:#aaa}
#preview-slider{position:absolute; height:60px; width:100%; bottom:0; overflow:hidden}
#preview-slider .items{position:relative; width:1000em}
#preview-slider .items div{width:91px; height:60px; float:left; text-align:center; position:relative; overflow:hidden; margin-right:16px}
#preview-slider img{float:left; cursor:pointer; opacity:.6; background:#fff; margin-right:15px}
.current-image{opacity:1}
#right-content h2{margin-bottom:10px}
#login p{margin:3px 0px}
#login input{padding:4px}

.overlay-link{cursor:pointer}
.overlay{display:none; position:absolute; top:62px; left:0px; background:#fff; width:100%; height:405px; text-transform:uppercase}
.overlay >h1{font-size:23px; margin-bottom:15px; line-height:23px}
.overlay >div{width:500px; font-size:90%}
.overlay dt{font-weight:bold; margin-bottom:6px}
.overlay dd{margin-bottom:15px}
.active-link{color:#666}
.close-overlay{margin-top:20px; font-size:80%; color:#666; border-bottom:1px dotted #666; cursor:pointer; position:relative; top:30px}

#video-menu{float:left}
#video-content{margin-left:201px; position:absolute; top:-61px; height:556px; width:729px;text-align:center;}
#video-content embed { margin:0 auto;}
#video-content table {width:729px;height:556px;}

#overview .steps{margin-right:15px}
#overview textarea{padding:4px}
.steps{background:#ddd; color:#333; -moz-border-radius:5px; -webkit-border-radius:5px; padding:12px; margin-bottom:10px}
.steps >h2{margin-bottom:10px}
.steps select{padding:4px; margin-bottom:5px}
.steps input{padding:4px; margin-top:4px}

.control-panel #message{background:#ed7070; padding:10px; margin-bottom:15px; color:#fff; min-height:15px}

.step-upload{height:59px}

#step-3{height:225px}
#upload-button{float:right}
#upload-button a{color:#333; text-decoration:underline; background:lightgreen; padding:6px; -moz-border-radius:6px; -webkit-border-radius:6px}
#intro-button{float:right; color:#333; text-decoration:underline; background:lightgreen; padding:6px; -moz-border-radius:6px; -webkit-border-radius:6px}

#overview{height:527px; overflow-y:scroll}
#overview-options{padding:15px; background:#eee; margin-bottom:15px; border:1px solid #ccc}
#overview-options p{text-align:center}
.thumbs-wrap{overflow:auto; background:#eee; padding:15px; margin:0px 15px 15px 0px}
.project-options{float:right; cursor:pointer; margin-left:3px}
.overview-cat{font-size:150%; margin:4px 0px}
.overview-prj{color:#454545; width:350px; font-weight:bold; cursor:pointer}
.overview-prj input{font-weight:normal; cursor:auto}
.admin-thumb{height:70px; width:70px; float:left; background:#eee; position:relative; margin:10px 9px 0px 0px}
.image-options{position:absolute; display:none; top:5px; left:5px}
.image-delete{cursor:pointer; float:left}
.image-status{float:left; cursor:pointer}
.thumb-active-1{opacity:1}
.thumb-active-0{opacity:0.5}
.admin-current{color:#666}

#admin #message{display:none; cursor:pointer}

#admin-menu li{margin:3px 0px}
.sub-menu{font-size:90%; margin-left:10px}

.active-project{background:#bce79c}
prj-active-0{background:#666}

#add-client-form input{padding:4px}
#add-client-form p{margin:3px 0px}

#empty-projects{background:#ed7070; color:#fff; padding:15px; margin:15px 15px 15px 0}
#empty-projects li{background:#fff; padding:6px; color:#333; margin-bottom:5px}

.msg-success{background:#99cb8e !important}
.msg-working{background:#98bde7 !important}
.msg-fail{background:#ed7070 !important}

.loading{background-image:url(../images/loading2.gif) center no-repeat}

#overview-submit{padding:5px; background:#fff; border:1px solid #aaa; cursor:pointer; color:#454545; -moz-border-radius:3px; -webkit-border-radius:3px; float:right}
#overview-submit:hover{background:#eee}

.enclose{margin:0px 15px 10px 0px; overflow:auto}

.uploadifyQueueItem{font:11px Verdana,Geneva,sans-serif; border:1px solid #bbb; background-color:#F5F5F5; padding:6px; width:310px; float:left; margin:10px 10px 0px 0px}
.uploadifyError{border:2px solid #FBCBBC !important; background-color:#FDE5DD !important}
.uploadifyQueueItem .cancel{float:right}
.uploadifyProgress{background-color:#FFF; border-top:1px solid #808080; border-left:1px solid #808080; border-right:1px solid #C5C5C5; border-bottom:1px solid #C5C5C5; margin-top:10px; width:100%}
.uploadifyProgressBar{background-color:#09F; width:1px; height:3px}

#fileInputQueue{margin-top:20px}

ul.tabs{list-style:none; margin:0 !important; padding:0; height:30px}

ul.tabs li{float:left;  text-indent:0; padding:0; margin:0 !important; list-style-image:none !important}

ul.tabs a{display:block}

ul.tabs a:active{outline:none}

ul.tabs a:hover{color:#333}

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a{cursor:default !important; color:#000 !important}

 
div.panes div.pane{display:none}

div.panes div{display:none}

