#wrapper {width: 990px; margin: 0 auto;}
#workfield {position: relative; width: 956px; background: #efefef; margin: 40px 0 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; behavior: url(PIE.htc);}
#content {width: 918px; padding: 19px;}
#img-container {width: 906px; height: 400px; margin: 17px 0 0; background: #e2e2e2 url(/i/bgGray.jpg) repeat; border: 6px #cdcdcd solid; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; behavior: url(PIE.htc);}
.img-container-border {border: 1px #efefef solid; height: 398px;}
.img-container-inner {width: 904px; min-height: 300px; height: 350px;}
#img-list {list-style: none; margin: 0; padding: 0; position: relative;}
#img-list li {margin: 10px 0 10px 5px; padding: 7px; width: 200px; background: #efefef; border-bottom: 1px #bfbfbf solid; display: -moz-inline-box; display: inline-block; *zoom: 1; *display: inline; vertical-align: bottom; font-size: 10px; color: #666; position: relative;}
#img-list div.progress {width: 200px; text-align: center;}
#img-list div.progress div {font-size: 0; line-height: 0; width: 200px; height: 6px; background: #939393; border-top: 1px #9a9a9a solid; border-bottom: 1px #fff solid; background-image: -webkit-gradient(linear,0% 0,0% 100%,from(#787878),to(#949494)); background-image: -webkit-linear-gradient(top,#787878,#949494); background-image: -moz-linear-gradient(top,#787878,#949494); background-image: -ms-linear-gradient(top,#787878,#949494); background-image: -o-linear-gradient(top,#787878,#949494); background-image: linear-gradient(top,#787878,#949494); behavior: url(PIE.htc);}
#img-list div.progress div span {display: block; height: 5px; background: #91d919; border-bottom: 1px #4f8b09 solid; background-image: -webkit-gradient(linear,0% 0,0% 100%,from(#9be11d),to(#528e09)); background-image: -webkit-linear-gradient(top,#9be11d,#528e09); background-image: -moz-linear-gradient(top,#9be11d,#528e09); background-image: -ms-linear-gradient(top,#9be11d,#528e09); background-image: -o-linear-gradient(top,#9be11d,#528e09); background-image: linear-gradient(top,#9be11d,#528e09); behavior: url(PIE.htc);}
.photoName {color: #373737; margin: 0 0 7px;}
.delpreview {margin: 0 auto; display: block; width: 29px; height: 29px; border: 1px #ddd solid; position: relative; left: 50%; margin-left: -15px;  background: #f2f2f2 url(/i/pics_icons.png) -144px 9px no-repeat; font-size: 0; line-height: 0; cursor: pointer; -moz-box-shadow: 0 0 1px #cbd1c4; -webkit-box-shadow: 0 0 1px #cbd1c4; box-shadow: 0 0 1px #cbd1c4; behavior: url(PIE.htc);}
#actions {font-size: 11px; color: #373737; padding: 15px 0 0; margin: 0 19px;}
.actionsButton {display: -moz-inline-box; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; margin: 0 7px 0 0;}
.actionsButton div {height: 31px; border: 1px #b5b5b5 solid; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; behavior: url(PIE.htc);}
#actions button, .buttonView {height: 31px; font: bold 14px "PT Sans", Arial, sans-serif; color: #484848; text-shadow: #fff 1px 1px; background: #d7d8d8 url(/i/pics_forum.png) 0 0 repeat-x; border: 1px #f2f3f3 solid; cursor: pointer; margin: 0;}
#actions button:hover, .buttonView:hover {background: #e5e6e5 url(/i/pics_forum.png) 0 -34px repeat-x;}
#upload-all {border: 4px #d0e59c solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; behavior: url(PIE.htc);}
#upload-all span {width: 9px; height: 13px; float: left; padding: 0 5px 3px 0; background: url(/i/pics_forum.png) -42px -115px no-repeat; *display: none;}
#workfield h3 {font: bold 18px "PT Sans", Arial, sans-serif; color: #313131; margin: 0; padding: 0;}
.viewImg {position: relative; bottom: 11px; font: normal 11px Arial, sans-serif; color: #373737; float: right;}
.viewImg .actionsButton {position: absolute; right: -7px; top: 10px;}
.viewImg input[type="file"] {float: right; margin: 20px 0 0; font: normal 13px Arial, sans-serif!important; background: #fff;}
.highlighted {border: 6px solid gold!important;}
.actionsInfo {float: right;}
#info-size {font-size: 12px; font-weight: bold;}
.imgClose {position: absolute; top: 14px; right: -33px; width: 14px; height: 14px; background: url(/i/pics_forum.png) 0 -94px no-repeat; font-size: 0; line-height: 0; cursor: pointer;}
.img-container-inner .jspContainer {width: 904px!important; height: 380px!important; overflow: hidden; position: relative; padding-bottom: 4px; outline: none;}
.img-container-inner {padding-top: 14px!important; clear: both; overflow: visible!important;}
.img-container-inner .jspPane {position: absolute; margin-left: 0; padding: 0!important;}
.img-container-inner .jspScrollable {width: 904px!important; overflow: visible!important; outline: none;}
.img-container-inner .jspVerticalBar {position: absolute; top: 0; right: 0; width: 9px; margin-right: 2px; z-index: 20;}
.img-container-inner .jspCap {display: none;}
.img-container-inner .jspTrack {position: relative; background: url(/i/scroll-bg.png) repeat-y; border-left: 1px solid #929393; border-radius: 6px; border-top: 1px solid #929393; padding: 1px 0px 2px 0px;}
.img-container-inner .jspDrag {width: 3px; background: #353535; border-radius: 6px; border-left: 1px solid #636363; border-right: 1px solid #3f3f3f; position: relative; top: 0; left: 1px; cursor: pointer;}
#img-list .description {font-size: 11px; position: absolute; top: 0; left: 0; z-index: 10; width: 192px; height: 18px; padding: 3px 3px 0; background: #efefef; border: 1px #aaa solid; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-box-shadow: inset 0 0 5px #cbd1c4; -webkit-box-shadow: inset 0 0 5px #cbd1c4; box-shadow: inset 0 0 5px #cbd1c4; behavior: url(PIE.htc);}
#img-list .descriptionBig {width: 350px; height: 80px; z-index: 20;}
.img-container-inner .dragImg {min-height: 305px; padding: 210px 0 0; background: url(/i/dragImg.jpg) center top no-repeat;}
.img-container-inner .dragImg h3 {text-align: center;}
.img-container-inner .dragImg .bgLine {width: 203px; height: 2px; margin: 0 auto 15px; background: url(/i/pics_forum.png) 0 -138px repeat-x;}
.opacityButton {opacity: 0.33!important; filter: alpha(opacity=33);}
.smallLoad {width: 200px; font: normal 12px Arial, sans-serif;}
.smallLoadImg {min-height: 50px; text-align: center;}
.smallLoadImg img,.smallLoadImg canvas {max-width: 200px; max-height: 200px; overflow: hidden;}
.smallLoadText {position: relative; height: 56px;}
.smallLoadButtons {width: 198px; height: 29px; margin: 2px 0 0; position: absolute; top: 23px; left: 0; border: 1px #ddd solid; background: #ddd; -moz-box-shadow: 0 0 1px #cbd1c4; -webkit-box-shadow: 0 0 1px #cbd1c4; box-shadow: 0 0 1px #cbd1c4; behavior: url(PIE.htc);}
.smallLoadButtons div {width: 29px; height: 29px; float: left; border-right: 1px #ddd solid; cursor: pointer; background: #f2f2f2 url(/i/pics_icons.png); background-repeat: no-repeat;}
.smallLoadButtons .peopleIcon {background-position: 9px 9px;}
.smallLoadButtons .dateIcon {background-position: -24px 9px;}
.smallLoadButtons .placeIcon {background-position: -56px 9px;}
.smallLoadButtons .turnRightIcon {background-position: -84px 9px;}
.smallLoadButtons .turnLeftIcon {background-position: -113px 9px;}
.smallLoadButtons .closeIcon {background-position: -144px 9px; position: absolute; right: 0; top: 0;}

/* add */
#dark-background {position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55); -moz-opacity: 0.55; -khtml-opacity: 0.55; opacity: 0.55;}
* html #dark-background {position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px"); width: expression( document.body.scrollWidth + "px");}
#photo-manager {display: none;}
.redactor_editor{min-height: 250px;	color: black; background: #f2f3f3!important;}