html {text-align: center; background: #000 url('../images/video_bg.gif') repeat-x; }
#footer {float: left;height: 30px;background: #ccc url("../images/tool_black_bg.gif");width: 800px;}
#infobar {background: #ddd url('../images/tool_black_bg.gif') repeat-x;float: left;width: 800px;height: 30px;vertical-align: middle;border-bottom:1px solid #333;}
#page {float:left;margin: 0 auto; width: 800px; border: 1px solid #333;}
#content {float: left;background:none;background-color: #000;min-height:600px;width:800px;}
#leftcol {float: left;width: 240px;text-align: left;font-size:.9em; margin-left:0px;margin-top:5px;display:block;}
#rightcol {float: left;text-align: left;width: 519px;clear: right;margin-left:0px;margin-top:5px;}
#categorielist {width:240px;border:none;border-collapse:collapse;}
#categorielist .catlisthead {font: bold 11px/20px Verdana,Arial,serif;color: #fff;height:20px;background-image: url('../images/foto_albumlist_header.gif');}
#categorielist .catlist {font: normal 10px/16px Verdana,Arial,serif;color:#fff;}
#categorielist .catlist a {text-decoration:none;color: #fff;}
#categorielist .selected {background-color: #666;}
#categorielist .smartfolder {text-decoration:none;color: #fff;padding-left:30px; background-image: url('../images/foto_smartfolder.gif');
background-repeat: no-repeat; background-position: 5px 4px; }
#categorielist .fotobox {text-decoration:none;color: #fff;padding-left:30px; background-image: url('../images/foto_fotobox.gif');
background-repeat: no-repeat; background-position: 5px 4px; }
#albumlist {float: left;width:240px;height:600px;background-color:#333;overflow-y:scroll;overflow-x:hidden;}
#fotoview {float:left;width:522px;height:300px;background-color:#333;text-align: center;}
#fotoview img {vertical-align:middle;}
#fotolistheader {float:left;width:522px;height:26px;background: #000 url('../images/foto_toolbar_bg.gif') repeat-x 0px 0px;}
#fotolist {float: left;width:522px;height:274px;background-color:#333;overflow:auto;display:block;}
#fotolist .preview {float:left;background-color:#000;margin-left:15px;margin-top:15px;width:104px;height:69px;background-color:#000;text-align:center;}
#fotolist .preview a {border: none;width:104px;height:69px;padding:0;margin:0;text-decoration:none;}
#fotolist .preview img {border: none;padding:0;margin:0;vertical-align:middle;}
#buttonset {float:left;display:block;width:250px;height:17px;margin-top:4px;margin-left:10px;}
#foto_upload {float:left;background: url("../images/foto_upload_button.gif") no-repeat 0px 0px;width:67px;height:17px;margin-right:6px;}
#foto_upload:hover {float:left;background: url("../images/foto_upload_button.gif") no-repeat 0px -17px;width:67px;height:17px;margin-right:6px;}
#foto_download {float:left;background: url("../images/foto_download_button.gif") no-repeat 0px 0px;width:78px;height:17px;margin-right:6px;}
#foto_download:hover {float:left;background: url("../images/foto_download_button.gif") no-repeat 0px -17px;width:78px;height:17px;margin-right:6px;}
#foto_ecard {float:left;background: url("../images/foto_ecard_button.gif") no-repeat 0px 0px;width:25px;height:17px;margin-right:6px;}
#foto_ecard:hover {float:left;background: url("../images/foto_ecard_button.gif") no-repeat 0px -17px;width:25px;height:17px;margin-right:6px;}
#foto_fullview {float:left;background: url("../images/foto_fullscreen.gif") no-repeat 0px 0px;width:25px;height:17px;margin-right:6px;}
#foto_fullview:hover {float:left;background: url("../images/foto_fullscreen.gif") no-repeat 0px -17px;width:25px;height:17px;margin-right:6px;}
#slideshow_buttonset {float:left;display:block;width:140px;height:23px;margin-left:0px;margin-top:1px;}
#slideshow_play {float:left;background: url("../images/foto_playback_play.gif") no-repeat 0px 0px;width:22px;height:23px;}
#slideshow_play:hover {float:left;background: url("../images/foto_playback_play.gif") no-repeat 0px -23px;width:22px;height:23px;}
#slideshow_play_active {float:left;background: url("../images/foto_playback_play.gif") no-repeat 0px -46px;width:22px;height:23px;}
#slideshow_pause {float:left;background: url("../images/foto_playback_pause.gif") no-repeat 0px 0px;width:20px;height:23px;}
#slideshow_pause:hover {float:left;background: url("../images/foto_playback_pause.gif") no-repeat 0px -23px;width:20px;height:23px;}
#slideshow_pause_active {float:left;background: url("../images/foto_playback_pause.gif") no-repeat 0px -46px;width:20px;height:23px;}
#slideshow_stop {float:left;background: url("../images/foto_playback_stop.gif") no-repeat 0px 0px;width:22px;height:23px;}
#slideshow_stop:hover {float:left;background: url("../images/foto_playback_stop.gif") no-repeat 0px -23px;width:22px;height:23px;}
#slideshow_stop_active {float:left;background: url("../images/foto_playback_stop.gif") no-repeat 0px -46px;width:22px;height:23px;}
#foto_sliderbg {float:left;background: #fff url("../images/foto_zoom_slider_bg.gif") no-repeat;width:106px;height:26px;}
#slideshow_spinner {float:left;width:26px;height:26px;margin-right:10px;}
#foto_knob {background:url("../images/foto_zoom_knob.gif") no-repeat 10px 10px;width:30px;height:26px;position:relative;}
#foto {width:520px;height:300px;}
#cover {display:none;float:left;background-color:#000;z-index:10000;position:absolute;opacity:.3;width:802px;height:800px; filter: alpha(opacity=30);-moz-opacity: 0.3;}
#window {z-index:20000;width:350px;height:270px;position:absolute;display:none;left:20px;top:20px;background-color: #000;border: 1px solid #ccc;/*background:url('../images/foto_upload_bg.png');*/}
#window form {margin:0;padding: 0;}
#window .header {float:left;width:350px;height:40px;background: url('../images/foto_upload_window_header.gif');margin-bottom: 15px;;}
#window textarea {float:left;font:10px/10px verdana,sans-serif;border:1px solid #fff;width:200px;height:75px;margin-top:10px;color:#fff;background-color:#000;overflow: auto;}
#window input {float:left;font:10px/10px verdana,sans-serif;border:1px solid #fff;width:200px;margin-top:10px;color:#fff;background-color:#000;}
#window textarea.day {width:28px;margin-right:5px;height:15px;overflow: auto;}
#window textarea.month {width:28px;margin-right:5px;height:15px;overflow: auto;}
#window textarea.year {width:38px;height:15px;overflow: auto;}
#window input.file {border:none;color:#333;}
#window textarea.title {height:15px;overflow: auto;}
#window label {float:left;font: /*bold*/ 10px/10px verdana,sans-serif;color:#fff;border-bottom:1px solid #fff;width:90px;margin-right:5px;margin-top:10px;padding-bottom:2px;margin-left:10px;text-align:left;clear:left;}
#window .buttonframe {float:left;height:23px;width:258px;margin-left:50px;margin-top:20px;}
#window .submit {float:left;background: url('../images/foto_do_upload.gif') 0px 0px no-repeat;width:124px;height:23px;clear:none;}
#window .submit:hover {float:left;background: url('../images/foto_do_upload.gif') 0px -23px no-repeat;width:124px;height:23px;clear:none;}
#window .cancel {float:left;background: url('../images/foto_do_cancel.gif') 0px 0px no-repeat;width:124px;height:23px;margin-left:10px;clear:none;}
#window .cancel:hover {float:left;background: url('../images/foto_do_cancel.gif') 0px -23px no-repeat;width:124px;height:23px;margin-left:10px;clear:none;}