#picture-upload-frame { width: 1px; height: 1px; visibility: hidden; border: none; }

#profile-picture-dialog_c { padding: 4px; background-color: #ccc; }
div#profile-picture-dialog { display: none; overflow: hidden; color: #666; background: #FFF; padding: 0; z-index: 10; text-align: left; border: none; }
div#upload-progress { text-align: center; margin-top: 0px;  }
div#upload-progress p#upload-status { font-size: 200%; width: 300px;  margin: 15px auto;  background: url(/img/pic/pic_uploading_32x32.gif) no-repeat 0 50%; }
div#upload-progress p#upload-cancel { margin: 0 auto; width: 100px; }

div#picture-editor { display: none; }
div#picture-editor .preview { padding: 15px; border-bottom: 2px solid #ccc; overflow: hidden; background-color: #fff; zoom: 1; }
div#picture-editor #photo-preview { float: right; border: solid 2px black; height: 152px; width: 122px; position: relative; overflow: hidden; }
div#picture-editor #photo-preview img { position: absolute; top: 0; left: 0; }
div#picture-editor #photo-background { border-width: 0; padding: 0; margin: 0; background-color: #666; }
div#picture-editor #photo-background img { opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; }
div#picture-editor .desc { float: left; margin-left: 15px; width: 70%; }
div#picture-editor .desc strong { font-weight: normal; color: #000; }
div#picture-editor p { margin-top: 0; }
div#picture-editor .buttongroup { float: right;  }
div#picture-editor .buttongroup input { display: block; margin-bottom: 6px; _width: 100px; }

div#picture-editor .canvas { position: relative; padding: 0; margin: 15px;  margin-left: 0px; }
div#picture-editor #canvas-mask { position: absolute; background: url(/img/bg/bg_trans_7x7.gif); top: -4px; left: -4px; width: 20px; height: 20px; }
div#picture-editor .canvas-mask-out { border: dotted 2px gold; }
div#picture-editor .canvas-mask-over { border: dotted 2px yellow; cursor: move; }
div#picture-editor #canvas-mask-handle { position: absolute; bottom:-2px; right: -2px; width:15px; height:15px; font-size: 1px; border: solid 2px gold; cursor: nw-resize; }
div#picture-editor .canvas-mask-handle-out { background-color: gold; }
div#picture-editor .canvas-mask-handle-over { background-color: yellow; }

/* Error Messaging */
#upload-error-cause-time { display: none; }
#upload-error-cause-size { display: none; }
#upload-error-cause-invalid-media { display: none; }
#upload-error-cause-not-specified { display: none; }

/* Edit Link */
#bt-edit-photo { display: none; }

/* SETTINGS: PROFILE PHOTOS */
.profile-photo #content { padding: 0 36px; overflow: hidden; }
.profile-photo .contain { width: 545px; }
.profile-photo .fieldgroup, .profile-photo .buttongroup { margin: 0 0 12px 0; }
.profile-photo ul, .profile-photo li { list-style: none; margin: 0; padding: 0; }
.profile-photo  p.note { margin: 5px 0 0 0; font-size: 85%; }
.profile-photo a.btn-primary { color: #fff; text-decoration: none; padding: 3px 8px 2px; } 
.profile-photo p.back { text-align: right; font-size: 85%; margin: -36px 0 36px 0;  } 
.profile-photo p.back a { text-decoration: none;  } 

div.current-photo, div.current-photo .content, div.current-photo .title, div.current-photo .title h3 { background: #fff  url(/img/bg/bg_box_details_blue.gif) no-repeat bottom right; } 
div.current-photo { width: 120px; float: left; padding: 0 20px 0 0; margin: 0 0 20px 0; border-bottom: 1px solid #99CCE6; border-top: 1px solid #99CCE6; text-align: center; } 
div.current-photo .title { background-position: top right; margin: 0 -20px 0 0; padding: 0 20px 0 0; } 
div.current-photo .title h3 { background-position: top left; margin: 0; border: 0; padding: 20px 0 10px 20px; height: 1%; font-size: 95%; color: #069 } 
div.current-photo .content { background-position: bottom left; margin-right: 0px; padding: 0 0 24px 20px; } 
div.current-photo img { border: 1px solid #e6e6e6; padding: 2px; } 
div.current-photo  ul { margin: 10px 0 0 0; }
div.current-photo  li { margin: 5px 0 0 0; font-size: 85%; }
div.current-photo a { color: #666; } 

