canvas 	{ position: absolute; top: 0; left: 0; }

div.leftforcanvas { min-height: 600px; overflow: hidden; }
.contentcontainer { min-height: 645px; }

.hidden { visibility: hidden !important; display: none !important; }

#header div.topmenu { position: absolute; bottom: 7px; left: 77px; }
div.topmenu a { color: white; }
div.topmenu ul { margin: 0; padding: 0; }
div.topmenu ul li { float: left; list-style: none; }
.IE6 div.topmenu ul li { width: 10px; }
div.contentcontainer { top: 0px; left: 0px; }
div.backtocanvas { cursor: pointer; }

div.loading { background: url(../img/loading.gif) no-repeat bottom left; height: 32px; position: absolute; right: 0; top: 35px; width: 32px; } 
div.error { color: #cc2244; margin: 50px auto auto auto; text-align: center;}
div.button { cursor: pointer; } 

div.innerloading { background: url(../img/loading.gif) no-repeat bottom left; height: 32px; position: relative; right: 0; top: 35px; width: 32px; }

div.contentcontainer div.photo_view img { width: 400px; }

div.filter_original { float: left; margin: 22px 0px 10px 22px; }
div.filter_filtered { float: left; margin: 22px 0px 10px 22px; }

/* Crop */
div.crop div.cropleft, div.crop div.cropright { float: left; margin: 22px 0px 10px 22px; }
#crop_copy_env { overflow: hidden; }
#crop_copy_div { position: relative; overflow: hidden; }
#crop_copy_img { position: relative; }

/* Drag and Drop interface (used in the exporters) */
.dragdropinterface .workarea { width: 320px; min-height: 439px; float: left; margin-right: 14px; overflow-y: auto; overflow-x: hidden; }
.dragdropinterface .workarea #ul1 { background: #EEEEEE; }
.dragdropinterface .workarea #ul2 { background: #DDE8ED; }
.dragdropinterface .workarea ul.draglist { width: 320px; min-height: 439px; margin: 0; padding: 0; }
.dragdropinterface .workarea ul.draglist li { float: left; list-style: none; width: 100px; height: 140px; overflow: hidden; margin: 3px; cursor: move; }
.dragdropinterface .workarea ul.draglist li img.dd_thumb { width: 100px; min-height: 140px; display: block; }

#header .controls { position: relative; height: 30px; }
#header .controls .menutitle { float: left; text-align: right; width: 86px; color: white; font-weight: bold; font-size: 14px; line-height: 30px; padding-right: 10px; }
#header .controls ul { width: 700px; }
#header .controls span { display: block; padding-left: 25px; }
#header .controls span span { margin-left: -25px; }
#header .controls li { background: transparent url('../img/button_bg.gif') no-repeat top left; margin: 0 1px !important; }
#header .controls li a { outline: none; display: block; background: transparent url('../img/button_bg.gif') no-repeat top right; margin-left: 5px; padding-right: 10px; height: 30px; line-height: 30px; text-decoration: none; border: none; color: #4D4D4D; font-size: 15px; }


.controls li span { background-repeat: no-repeat; background-position: 4px 8px; }
.controls li:hover span span { background-repeat: no-repeat; background-position: 4px 8px; }
#but_photo_view span { background-image: url('../img/button-magnifier-bw.png'); }
#but_photo_view:hover span span { background-image: url('../img/button-magnifier.png'); }
#but_photo_delete span, #but_photoshow_delete span { background-image: url('../img/button-delete-bw.png'); }
#but_photo_delete:hover span span, #but_photoshow_delete:hover span span { background-image: url('../img/button-delete.png'); }
#but_photo_duplicate span {	background-image: url('../img/button-duplicate_image-bw.png'); }
#but_photo_duplicate:hover span span { background-image: url('../img/button-duplicate_image.png'); }
#but_photo_download span, #but_video_download span { background-image: url('../img/button-save-bw.png'); }
#but_photo_download:hover span span, #but_video_download:hover span span { background-image: url('../img/button-save.png'); }
#but_photo_share span, #but_video_share span, #but_photoshow_share span { background-image: url('../img/button-export-bw.png'); }
#but_photo_share:hover span span, #but_video_share:hover span span, #but_photoshow_share:hover span span { background-image: url('../img/button-export.png'); }
#but_photo_edit span, #but_video_edit span, #but_photoshow_edit span { background-image: url('../img/button-pencil-bw.png'); }
#but_photo_edit:hover span span, #but_video_edit:hover span span, #but_photoshow_edit:hover span span { background-image: url('../img/button-pencil.png'); }
#but_photo_filter span { background-image: url('../img/button-filter-bw.png'); }
#but_photo_filter:hover span span { background-image: url('../img/button-filter.png'); }
#but_video_play span, #but_photoshow_view span { background-image: url('../img/button-play-bw.png'); }
#but_video_play:hover span span, #but_photoshow_view:hover span span { background-image: url('../img/button-play.png'); }
#but_video_delete span { background-image: url('../img/button-delete-bw.png'); }
#but_video_delete:hover span span { background-image: url('../img/button-delete.png'); }
#but_video_duplicate span {	background-image: url('../img/button-duplicate_video-bw.png'); }
#but_video_duplicate:hover span span { background-image: url('../img/button-duplicate_video.png'); }

#createmenu img.left { margin-right: 5px; width: 80px; }
#createmenu p { margin: 0; }
#createmenu p.menu { clear: both; }

#addmediamenu img.left { margin-right: 5px; width: 80px; }
#addmediamenu p { margin: 0; }
#addmediamenu p.menu { clear: both; }

.media_photoshow_view iframe { width: 100%; height: 600px; }

img.dd_thumb { width: inherit; height: inherit; }

.media_view { min-height: 500px; }
.media_view .media { min-height: 520px; margin: 0 auto; }
.media_view .title, .media_view .description { border: 0; text-align: center; }
.media_view img { max-height: 600px; max-width: 550px; display: block; margin: 0 auto; }
.media_view div.field { margin-bottom: 5px; }
.media_view div.field label { width: 200px; line-height: 20px; }
.media_view input.action { margin-right: 175px; }
.media_view h3 { margin-top: 30px; }
.media_view ul { margin: 0; padding: 0; }
.media_view ul li { list-style: none; margin-bottom: 20px; }
.media_view .by { display: block; }
.media_view .date { display: block; font-size: smaller; color: silver; }
.media_view .comment { display: block; font-size: larger; }
#prev, #next { display: block; width: 42px; height: 65px; text-indent: -123456px; outline: none; margin-top: 170px; border: none; }
#prev { background: url(../img/previous.gif) no-repeat; float: left; }
#next { background: url(../img/next.gif) no-repeat; float: right; }

.tabs { margin: 0; padding: 0; border-left: 1px solid #DEDEDE; overflow: hidden; position: relative; top: 1px; }
.tabs li { list-style: none; float: left; padding: 5px 10px; border: 1px solid #DEDEDE; border-left: 0; background: #EEEEEE; font-weight: bold; }
.tabs li.on { border-bottom: 1px solid white; background: white; }

#filter_c { border: 1px solid #DEDEDE; overflow: auto; min-height: 500px; }
#filter_c .button { float: none; margin: 0 auto 10px; }

#photoshowcreator { background: #F7F7F7; padding: 10px; }

#flowplayer { width: 460px; height: 320px; margin: auto; }

.mediaitems .item { border: 3px solid white; }
.mediaitems .item:hover { border: 3px solid silver; }
.mediaitems .selected, .mediaitems .selected:hover { border: 3px solid #005F92; }

#hiddenimages .item { width: 100px; height: 75px; overflow: hidden; margin: 2px; }
#hiddenimages .portrait { width: 100px; }
#hiddenimages .landscape { height: 75px; }
#hiddenimages .video { position: relative; }
#hiddenimages .video .overlay-top { width: 100px; height: 6px; position: absolute; top: 0; left: 0; z-index: 10; background: url(../img/video-overlay.gif) no-repeat; }
#hiddenimages .video .overlay-bottom { width: 100px; height: 6px; position: absolute; bottom: 0; left: 0; z-index: 10; background: url(../img/video-overlay.gif) no-repeat; }

#canvas_c { width: 100%; overflow: hidden; padding-bottom: 60px; position: relative; }

.canvasmsg { position: absolute; bottom: 0; left: 0; line-height: 12px; }