#image-annotate-add{
    margin-right:10px;
}
.wide_album_image_wrapper div.preloading,
.wide_album_image_wrapper div.loaded,
.wide_album_image_wrapper #greybg {
    width: 930px;
}

div.preloading,
div.loaded,
#greybg {
	background-color: #E6E6E6;
	margin: 0 0 10px 0;
	padding: 10px;
	text-align: center;
	width: 620px;
}
div.preloading img{
    margin-top: 50px;
}

.image-annotate-add {
    background: #fff url(../images/asterisk_yellow.png) no-repeat 3px 3px;
    border: solid 1px #ccc !important;
    color: #000 !important;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;    
    height: 18px;
    line-height: 18px;    
    /*padding: 2px 0 2px 24px;*/
    text-align: center;
    margin: 5px 10px 0px 0px;
    width: 94px;
    text-decoration: none;
}
.image-annotate-add:hover {
    background-color: #eee;
}
.image-annotate-canvas {
    /*border: solid 1px #ccc;*/
    background-color: #E6E6E6;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    /*height: 480px;*/
	margin: 0 auto 0 auto;
    position: relative;
    /*width: 640px;*/
}
.image-annotate-view {
    display: none;
    position: relative;
}
.image-annotate-area {
    border: 1px solid #000000;
    position: absolute;
    z-index: 30;
}
.image-annotate-area div {
    border: 3px solid #FFFFFF;
    display: block;
}
.image-annotate-area-hover div {
    border-color: yellow !important;
}
.image-annotate-area-editable {
    cursor: pointer;
}
/*.image-annotate-area-editable-hover div {*/
.image-annotate-area-editable-hover .image-annotate-note {
    /*
    border-color: #00AD00 !important;
    border-color: #FF5446 !important;*/
}
div.image-annotate-note {
    background: #000000 none repeat scroll 0 0;
    border: solid 0px #000000;
    color: #FFFFFF;
    display: none;
    /*font-size: 83.4166%;*/
    /*max-width: 200px;*/
    padding: 5px;
    position: absolute;
	text-align: left;
	width: 150px;
}
.image-annotate-note .actions {
    display: block;
    /*font-size: 80%;*/
}
.image-annotate-edit {
    display: none;
}
#image-annotate-edit-form {
    background: #FFFEE3 none repeat scroll 0 0;
    border: 1px solid #000000;
    /*height: 95px;*/
    height: auto;
    padding: 7px;
    position: absolute;
    /*width: 257px;*/
    width: 305px;
    z-index: 100;
}

#image-annotate-edit-form .help-text{
	margin:10px 0 0 0;
}

#image-annotate-edit-form #me{
	float:left;
	margin: 5px 5px 0 0;
}

#image-annotate-edit-form label.me{
	display: block;
	margin: 5px 0 0 0;
}

#image-annotate-edit-form label.member{ clear:both }

#image-annotate-edit-form form {
    clear: right;
    margin: 0 !important;
    padding: 0;
    z-index: 999;
}
#image-annotate-edit-form .box {
    margin: 0;
}
#image-annotate-edit-form input.form-text, #image-annotate-edit-form #edit-comment-wrapper textarea {
    width: 90%;
}
#image-annotate-edit-form textarea {
    height: 100px;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;    
    width: 290px;
}
#image-annotate-edit-form fieldset {
    background: transparent none repeat scroll 0 0;
}
#image-annotate-edit-form .form-item {
    margin: 0 0 5px;
}
#image-annotate-edit-form .form-button, #image-annotate-edit-form .form-submit {
    margin: 0;
}
/*#image-annotate-edit-form a.image-annotate-edit-ok, #image-annotate-edit-form a.image-annotate-edit-close, #image-annotate-edit-form a.image-annotate-edit-delete {*/
    /*background-color: #fff;*/
    /*background-repeat: no-repeat;*/
    /*background-position: 3px 3px;*/
    /*border: solid 1px #ccc;*/
    /*color: #333;*/
    /*cursor: pointer;*/
    /*display: block;*/
    /*float: left;    */
    /*font-family: Verdana, Sans-Serif;*/
    /*font-size: 12px;        */
    /*height: 18px;*/
    /*line-height: 18px;*/
    /*padding: 2px 0 2px 14px;*/
    /*margin: 3px 6px 3px 0;*/
    /*width: 48px;*/
/*}*/
/*#image-annotate-edit-form a:hover {*/
    /*background-color: #eee;*/
/*}*/

#image-annotate-edit-form .black-button,
#image-annotate-edit-form .grey-button { margin: 10px 10px 10px 0 }

.image-annotate-edit-area {
    border: 1px solid black;
    cursor: move;
    display: block;
    height: 60px;
    left: 10px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 10px;
    width: 60px;
    background-color: #fff;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 100;
}

#image-annotate-edit-form a.image-annotate-edit-close{ margin-right: 0 }

.image-annotate-edit-area .ui-resizable-handle {
    opacity: 0.8;
}
/*.image-annotate-edit-ok {*/
    /*background-image: url(../images/accept.png);*/
/*}*/
/*.image-annotate-edit-delete {*/
    /*background-image: url(../images/delete.png);*/
/*}*/
/*.image-annotate-edit-close {*/
    /*background-image: url(../images/cross.png);*/
/*}*/
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable- autohide .ui-resizable-handle {
    display: block;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0px;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0px;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0px;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0px;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

/* autocomplete */
ul.holder input.maininput {
 width: 100%;
}
div.facebook-auto {
 background-color: #ddd;
}

/* TextboxList sample CSS */
ul.holder { margin: 0; border: 0px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 1px 5px 1px 0; }
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box {
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 border: 1px solid #333333;
 background: #CCCCCC;
 padding: 1px 5px 2px;
}
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: 120px; margin-bottom: 0; outline: 0; padding: 3px 0 2px 3px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS */      
#add { border: 1px solid #999; width: 550px; margin: 50px; padding: 20px 30px 10px; }
form ol li { list-style-type: none; }
form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }
form ol li.input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; }
form ol li.input-text label { font-weight: 600; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
form ol li.input-text input { width: 500px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; }
form ul.holder { 
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #CCCCCC;
    width: 285x; 
}

.maininput {
    border: 0px;
}
form ul { margin: 0 !important }
ul.holder li.bit-box, #apple-list ul.holder li.bit-box {
 padding-right: 15px;
 position: relative;
}
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('/media/app/mailmessages/img/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */

.facebook-auto { display: none; position: absolute; width: 305px; background: #eee; margin-left: 0px;}
.facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; font-size:11px; }
.facebook-auto .loading_message { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; font-size:11px; height:13px; }
.facebook-auto .loading_message .loading-row1 {float: left; margin-right: 5px;}
.facebook-auto .loading_message .loading-row2 {float: left; line-height: 16px;}
.facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; }
.facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; background-color: #eee }
.facebook-auto ul li em { font-weight: 600; font-style: normal; background: #ccc; }
.facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
.facebook-auto ul li.auto-focus em { background: none; }
/* avatar on autocomplete*/
.facebook-auto ul li .user-thumb {float: left; width: 30px; height: 30px; }
.facebook-auto ul li .user_details {float: left; margin-left: 10px; width: 80%;}
.facebook-auto ul li .break {clear: both;}
.facebook-auto ul li p {margin-bottom: 0px;}
/* avatar end */
.deleted { background-color:#4173CC !important; color:#ffffff !important;}
.hidden { display:none;}

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }