/* @override 
	http://d.popeggroll.com/stylesheets/canvas.css?1282086434
	http://d.popeggroll.com/stylesheets/canvas.css?1282103990
	http://d.popeggroll.com/stylesheets/canvas.css?1282104185
	http://d.popeggroll.com/stylesheets/canvas.css?1282109632
*/

/* @group 기본문서속성 */
body {
	display: block;	
	font-family: Verdana, "Helvetica Neue",Helvetica,Verdana,sans-seif;
	margin: 0;
	overflow: hidden;
	font-size: 12px;
	font-size: 13px;
	line-height: 18px;
		 
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;	
}

html, body {
	height: 100%;
	margin: 0; padding: 0;
}

body, div, select, textarea, input {
	font-family: Helvetica, Dotum, Arial,sans-serif;
}


body.firefox.mac, body.firefox.mac div, body.firefox.mac select, body.firefox.mac textarea, body.firefox.mac input {
	font-family: Arial,sans-serif;
}
/* @end */

/* @group 기본문서속성(form) */

input.show-hint {
	color: #B0B3B5;
}
textarea.show-hint {
	color: #B0B3B5;
}

/* @end */





/* @group 기본이미지 속성 */
img {
	border:0 none;
	-ms-interpolation-mode:bicubic;
	/*border: medium none; */
}
/* @end */

/* @group 기본 링크 속성 */
a:hover, a:active {
	text-decoration: underline;
}
/* @end */

.wrapper {
	position: absolute;
	top: 0; left: 0;
	right: 0; bottom: 0;
	margin: 0; padding: 0;
	min-width: 800px;
}

body.canvasapp {
	-moz-user-select: none;
	-webkit-user-select: none;
}
body.canvasapp .workspace {
	overflow: hidden ;	
	/*background: url(/images/backgrounds/black_swade.png);*/
}


input[type='text'], 
input[type='password'], 
textarea {
	background: white url(/images/app/form_bg.png) repeat-x scroll left top;
	border-color: #707070 #ABABAB #CECECE;
	border-style: solid;
	border-width: 1px;
	font-family: Helvetica;
}


/* @group HEADER TWEAK for CANVAS App */


#header .left {
	position: absolute;
	top: 0; left: 5px; 
	z-index: 90;
}

#header .left {	
	padding-left: 5px;
}
#header .right {
	height: 41px;
	position: absolute;
	right: 71px; 
	top: 0; 
	z-index: 90; /* 툴바가 덮어쓰는 것을 막기*/
	text-align:right;
	right:0;
	width: 240px;
}

#header .toolbar .button.has_label.no-icon .label {
	min-width: 10px !important;
}
/* @end */

/* @group LAYOUT for CANVAS */
.main_container {
	position: absolute;
	top: 42px; left: 0; right: 0; bottom: 0;
}
#canvas_main {
	position: absolute;
	overflow: hidden;
	left: 0px; right: 0px; top: 0px; bottom: 0px;
	z-index: 2; 
	background: #222222;
}

#canvas_main.has_dashboard {
	bottom: 118px;
}
#main-view {
	position:absolute; 
	left: 0px; right: 0px; top: 0;  bottom: 0px;

	overflow: auto;
	bottom:-17px; right:-17px;
	background-image: url(/images/backgrounds/default_bg.png);
	background-image: url(/images/basic_corkboard.jpg);
}


#canvas {
	position: absolute;
	width: 5000px;
	height: 3000px;
	overflow: visible;
	background: white;
	/* background: url(/images/basic_corkboard.jpg); */
	
	-webkit-user-drop: element;
	/*cursor: move;*/
	display:none;
}
#canvas2d {
	position: absolute;
	width: 5000px;
	height: 3000px;
	background-image: url(/images/backgrounds/default_bg.png);
	opacity: 0;
	background-image: url(/images/basic_corkboard.jpg);
}
#canvas-back {
	position: absolute;
	left: 0; top: 0;
	width: 5000px;
	height: 3000px;
	background-image: url(/images/backgrounds/default_bg.png);
	background-image: url(/images/basic_corkboard.jpg);
	display:none;
}

.focused-item {
	position:absolute;
	border: 6px solid #f8e378 !important;  
	
	/*border-color: #3875d7 !important;
	border-color: #efad2f !important;
	border-color: #f8e378 !important;*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/*-webkit-box-shadow: rgba(0,0,0,0.8) 1px 1px 7px;*/
	-moz-user-select: none;
	-webkit-user-select: none;
	overflow: hidden;
	z-index: 2;
	/**
	-webkit-box-shadow:#333 1px 1px 3px;
	-moz-box-shadow:#333 1px 1px 3px; 
	**/
	
	/*
	background: white;
	border:4px solid black !important; 
	-webkit-border-radius:8px; 
	-webkit-box-shadow:#333 1px 1px 5px; 
	-moz-border-radius:8px; 
	-moz-box-shadow:#333 1px 1px 5px;
	padding: 8px;*/
}

#focus-border {
	position: absolute;
	border: 4px solid black;
	background-color: white;
	/*background-color:rgba(255,255,255, 0.5);*/
	-webkit-border-radius:8px; 
	-webkit-box-shadow:#333 1px 1px 5px; 
	-moz-border-radius:8px; 
	-moz-box-shadow:#333 1px 1px 5px;
	z-index: 1;
	display: block;
	display:none !important;
}
#focus-border.dragging,
#focus-border.resizing {
	display: none !important;
}

.focused-item img.cover {
	position: absolute !important;
	
	/*display: none;*/
	/*width: 100%; height: 100%;*/
}
.focused-item img.cover.static_mode {
    display: block;
}

.focused-item.dragging img.cover,
.focused-item.resizing img.cover {
	display: block;
}

.focused-item.ui-draggable-dragging img.cover,
.focused-item.resizing img.cover {
	display: block;
}
.focused-item.ui-draggable-dragging {
	opacity: 0.7;
	/*border-color:transparent !important;*/
	background: rgba(0,0,0,0.2);
	border:3px solid red;
}
.focused-item.resizing {
	opacity: 0.8;
} 


.target-item, #target-item {
	position:absolute;
	display:block;
	border: 5px solid #FFFF00;  
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	display:none;
}

/* @end */

/* @group search field in header */
.search_wrapper {
	position: relative;
	margin: 0; padding: 0;
	height: 24px;
}
.search_wrapper .search-right {
	position: absolute;
	background: transparent url(/images/app/controls.png) no-repeat scroll right -3672px;
	width: 10px; height: 24px;
	right: 0; top: 0;
}
.search_wrapper .search-left {
	position: absolute;
	background: transparent url(/images/app/controls.png) no-repeat scroll left -3624px;
	width: 19px; height: 24px;
	top: 0; left: 0;
}
.search_wrapper .button.search_clear_button {
	border: 0px solid red;
	position: absolute; 
	width: 14px; height: 14px;
	top: 5px; right: 3px;
	background: transparent url(/images/icons/canvas_item_icons.png) no-repeat -32px -192px;
}

/* My Comment */
.search_wrapper .button.search_clear_button:active {
	background: transparent url(/images/icons/canvas_item_icons.png) no-repeat 0px -192px;
}
input.search_field {
	background: transparent url(/images/app/controls.png) repeat-x scroll right -3648px;
	border: medium none;
	color: #F0F0F0;
	font-size: 13px;
	height: 20px;
	left: 19px;
	line-height: 16px;
	margin: 0;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
	padding: 2px;
	position: absolute;
	right: 20px;
	text-shadow: 0 1px 1px #323232;
	top: 0;
	width: 108px;
}


input.search_field.show-hint {
	color: #B0B3B5;
}
.mozilla input.search_field, .msie input.search_field {
	height: 18px;
	padding-bottom: 2px;
	padding-top: 4px;
}

/* @end */

/* @group Segment 버튼 */

.toolbar_container a.mid img {
	left: 6px;
}

.toolbar_container a.mid {
	background-position: left -2976px ;
	margin-left: -1px;
	margin-right: 0 ;
}

.toolbar_container a.mid.active,
.toolbar_container a.mid.sel {
	background-position: left -3000px ;
}

.toolbar_container a.mid.disabled,
.toolbar_container a.mid.sel.disabled {
	background-position: left -3024px ;
}

.toolbar_container a.mid .button-inner {
	/*width: 44px;*/
	width:auto !important;
}
.toolbar_container a.mid .button-inner {
	background-position: right -3192px ;
}
.toolbar_container a.mid.active .button-inner,
.toolbar_container a.mid.sel .button-inner {
	background-position: right -3216px ;
}
.toolbar_container a.mid.disabled .button-inner {
	background-position: right -3240px ;
}


.toolbar_container a.left-end {
	margin-right: 0;
}
.toolbar_container a.left-end .button-inner {
	background-position: right -3192px;
	/*width: 45px;*/
	width:auto !important;
}
.toolbar_container a.left-end.active .button-inner, 
.toolbar_container a.left-end.sel .button-inner {
	background-position: right -3216px;
}
.toolbar_container a.mid.disabled .button-inner {
	background-position: right -3240px ;
}


.toolbar_container a.right-end {
	background-position: left -2976px;
	margin-left: -1px;/*margin-right:7px; */
}

.toolbar_container a.left-end .button-inner {
	width:auto !important;
}

.toolbar_container a.right-end.active, 
.toolbar_container a.right-end.sel {
	background-position: left -3000px;
}

.toolbar_container a.right-end.disabled, .toolbar_container a.right-end.sel.disabled {
	background-position: left -3024px;
}



/* @end */

/* @group TOOLBAR & BUTTONS */

#header .left,
#header .mid,
#header .right {
	padding-top: 0px;
	height: 40px;
}



/*
.flat-button.sel {
	background-color: black;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
*/
.flat-button .icon.logo {
	width: 95px; height: 30px;
	background: transparent url(/images/app/door/beta_logo_small_30.png);	
}

#logo.flat-button {
	top: -3px;
}

/* @end */


/* @group BULLETS */
.bullet {
	vertical-align: middle;
}
.bullet.public-bullet {
	width: 18px; height: 18px;
	background: transparent url(/images/icons/canvas_item_icons.png) no-repeat -96px -192px;
}
.bullet.secure-bullet {
	width: 18px; height: 18px;
	background: transparent url(/images/icons/canvas_item_icons.png) no-repeat -64px -192px;
}

/* @end */
/* @group ZOOM SLIDER */

.zoom-slider {
	position: relative;
	width: 140px;
	z-index: 100;
	background: transparent;
	border: 0;
	/*margin: auto;
	top: 2px;*/
}
.zoom-slider .sc-slider-view {
	position: relative;
	width: 100%; 
	height: 16px;
}
.zoom-slider .sc-slider-view .inner {
	position: absolute;
	top: 5px;
	width: 100%;
}
.zoom-slider .sc-slider-view .inner .sc-handle {
	position: absolute;
	background: url(/images/icons/canvas_item_icons.png) no-repeat -160px -128px ;
	height:14px;
	width: 14px;
	top: -5px;
	z-index: 41;
	cursor: pointer;
	margin-left: -7px;
	border: 0;
	
}	
.zoom-slider .sc-slider-view .track-head {
	position: absolute;
	background: url(/images/icons/canvas_item_icons.png) no-repeat -224px -128px ;
	left: 0px;
	height: 5px; width: 3px;
}

.zoom-slider .sc-slider-view .track-middle {
	position: absolute;
	background: url(/images/icons/canvas_item_icons.png) repeat-x 0px -160px;
	left: 2px; right: 3px; 
	height: 5px;
}
.zoom-slider .sc-slider-view .track-tail {
	position: absolute;
	background: url(/images/icons/canvas_item_icons.png) no-repeat -256px -128px ;
	right: 0px; 
	height: 5px; width: 3px;
	z-index: 40;
}

#canvas-zoom-slider {
	position: absolute !important;
	width: 140px;
	right: 20px; bottom: 10px;
}



/* @end */

/* @group MAP */
#map {
	position: absolute;
	width: 180px; height: 108px;
	border: 0px solid red; 
	right: 5px; bottom: 30px;
	/*background: transparent url(/images/app/overlay.png);*/
	background: rgba(0,0,0,0.6);
}
#map-canvas {
	position: absolute;
	left: 0px; top: 0px;
}
#viewport {
	position: absolute;
	width: 50px; height:40px;
	border: 0px solid blue;
	/*background: transparent url(/images/app/overlay-white-50.png);*/
	background-color: rgba(255,255,255,0.1);
	border:1px solid rgba(255,255,255,0.5);
	cursor: pointer;
}

/* @end */

/* @group COMMON DIALOG */
#dialog_content .section.share {
 	margin: 0;
}

#dialog_content .section.share h3 {
}
#dialog_content .section.share table {
	border-collapse: collapse;
}
#dialog_content .section.share .public_url_legend {
	font-size: 9pt;
	font-weight: bold; color: #333;
}
#dialog_content .section.share .public_url,
#dialog_content .section.share .private_url {
	margin: 10px 10px;
	font-size: 9pt; font-weight: bold;
	color: green;
}
#dialog_content .section.share .description {
	font-size: 9pt;
	color: #333; line-height: 150%; 
}
#dialog_content .section.share #canvas_public_path {
	font-size: 9pt; width: 150px; margin: 0px 5px;
}
#dialog_content .section.share .radios label {
	margin: 10px 10px 10px 5px;
	font-size: 9pt;
}
#dialog_content .section.share table td {
	padding-right: 20px;
}
#dialog_content .section.share table td.label.public_mode {
	vertical-align: top; padding-top: 5px;
}
/* @end */

.palette .swatch {
	display: inline-block;
	width: 19px; height: 19px;
	border: 0px solid #ccc;
	margin-right: -1px;
	cursor: pointer;
}

/* @group UPLOADER */


/* @group file-line-item */
.file-line-item {
	position: relative;
	height: 58px;
	overflow: hidden;	
}
.uploader-holder #SWFUpload_0 {
	margin: 0px 4px;
}
/* @group status-badge */
.file-line-item .status-badge {
	position:absolute;
	width:16px; height:16px;
	top:38px; left:34px;
	display:block;
}
.file-line-item.failed .status-badge {
	background:transparent url(/images/app/shared_single.png) no-repeat scroll 0 -480px;
	display:block;
}


/* @end */



/* @end */

/* @group file-icon */
.file-icon {
	background:transparent url(/images/app/Generic.png) no-repeat scroll 0 0;
	height:32px;
	left:15px;
	position:relative;
	top:16px; width:32px;
}


.file-icon.image_jpeg, .file-icon.image_jpg {
	background:transparent url(/images/app/jpeg.png) no-repeat scroll 0 0;
}
/* @end */

/* @group file-name */

.file-name {
	position:absolute;
	left:64px; top:17px;
	width:auto;
	white-space:nowrap;
	font-size: 12px;

}

/* @end */

/* @group time-label */
.time-label {
	position:absolute;
	left:64px; top:36px;
	white-space:nowrap;
	width:auto;
	font-size: 12px;
}
.uploader .failed .time-label {
	color:#AD0000;
	font-weight:bold;
}

.uploader .file-list .filesize, .uploader .file-list .status {
	color:#666666; font-size:11px;
}
/* @end */

/* @group status-glyph */

.status-glyph {
	position:absolute;
	background:transparent url(/images/app/shared_single.png) no-repeat scroll 0 -1184px;
	height:16px; width:16px;
	top:27px; right:10px;
}


.status-glyph.hover {
	background-position:-24px -1184px;
}
.status-glyph:active {
	background-position:-48px -1184px;
}
.ready .status-glyph {
}
.complete .status-glyph, 
.complete .status-glyph:hover,  
.complete .status-glyph.active {
}
.failed .status-glyph {
	background-position:0 -1216px;
}
.failed .status-glyph:hover {
	background-position:-24px -1216px;
}
.failed .status-glyph:active {
	background-position:-48px -1216px;
}


/* @end */



.small {
font-size:11px !important;
}

/* @group progress */

.progress.outer {
	background:transparent url(/images/app/progress_bar_sprite.png) repeat-x scroll 0 -80px;
	height:20px; width:auto;
}
.progress.small.outer {
	/*position:absolute;	
	right:34px; left:64px; top:28px;*/
	background-position:0 -200px;
	height:12px; width:auto;
	display:none;
}

.progress .outer-head {
background:transparent url(/images/app/progress_bar_sprite.png) no-repeat scroll 0 0;
height:19px;
left:-2px;
position:relative;
width:2px;
}

.progress.small .outer-head {
background-position:0 -120px;
height:12px;
left:-1px;
position:relative;
width:1px;
}

.progress .inner {
background:transparent url(/images/app/animation_sprite.gif) repeat-x scroll 0 0;
height:16px;
margin-top:-19px;
position:relative;
width:0;
}

.progress.small .inner {
background-position:0 -20px;
height:10px;
margin-top:-12px;
position:relative;
width:0;
}


.progress .outer-tail {
background:transparent url(/images/app/progress_bar_sprite.png) no-repeat scroll right -40px;
height:19px;
margin-left:0;
margin-top:-16px;
position:relative;
right:-100%;
width:2px;
}


.progress.small .outer-tail {
background-position:right -160px;
height:12px;
margin-top:-10px;
position:relative;
right:-100%;
width:1px;
}

.uploading .progress.ui-progressbar {
	border: 0;
	/*background:transparent url(/images/app/progress_bar_sprite.png) repeat-x scroll 0 -80px !important;*/
	background:transparent url(/images/app/progress_bar_sprite.png) repeat-x scroll 0 -200px !important;
	height: 10px !important;
	top: auto !important;
	margin: 5px 0px;	
}
.uploading .progress.ui-progressbar .ui-progressbar-value {
	position:relative;
	/*background:transparent url(/images/app/animation_sprite.gif) repeat-x scroll 0 -52px;*/
	background:transparent url(/images/app/animation_sprite.gif) repeat-x scroll 0 -20px;
	border:0;
}

.converting .progress.ui-progressbar .ui-progressbar-value {
	background-position:0 -52px;
}


/* @end */

/* @group uploading */
.uploading .progress.small.outer {
	display:block;
}

.uploading .file-name {
	top:10px;
}

.uploading .time-label {
	top:42px;
}


.tiny-uploader .status-glyph {
	right: 10px;
}

.tiny-uploader .file-icon {
	display: none;
}

.tiny-uploader .file-line-item .status-badge {
	left: 10px; top: 26px;
}

.tiny-uploader .file-line-item {
}

.tiny-uploader .file-name {
	left: 32px; 
}

.tiny-uploader .progress.small.outer {
	left: 32px;
}

.tiny-uploader .time-label {
	left: 32px; 
}


/* @end */

/* @group uploader */

.status_label {
	/*position:absolute;
	bottom:51px;
	margin:10px 25px;*/
	font-size: 12px;
}

/* @end */


/* @end */

/* @group COMMENT-BUBBLE */
/*style="position:absolute; top:10px; left:10px;"*/


#tb-toggle-comments.button {
	display: inline-block;
}

.hide-comments .comments-bubble {
	display: none !important;
}

.comments-threads {
	position: absolute;
	left: 0; top: 0;
	-moz-user-select: text;
	-webkit-user-select: text;
}
.comments-bubble {
	position: absolute;
	top: 10px; left: 50px;
	width: 250px;
	margin: auto;
	text-align: left;	
	background-color: #fdf9bb;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(247, 236, 176)), to(rgb(241, 222, 115)));
	background-image: -moz-linear-gradient(center top , #FEF9BC 0%, #FCF393 21%, #FCF284 100%);
	/*
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(252, 242, 132)), color-stop(0.21, rgb(253, 242, 147)), to(rgb(254, 249, 188))); 
	*/
	
	
	-webkit-border-radius: 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 4px 4px;
	-moz-border-radius: 4px;
	-moz-box-shadow: rgba(0, 0, 0, 0.496094) 0px 4px 4px;
	
	padding: 0; margin: 0;	
	height: auto !important;
}
.comments-bubble .header {
	position: relative;
	height: 13px; padding: 2px;
	border: 0px solid red; 
	text-align: right;
	cursor: move;
}
.comments-bubble .header .close-button {
	width: 13px; height: 13px;
	background: transparent url(/images/app/comment_collapse.png);
	display: none;
}
.comments-bubble .footer {
	position: relative;
	padding: 4px 10px 4px 0px; height: 18px;
	text-align: right;
	background: url(/images/app/comment_divider.png) repeat-x transparent;
}
.comments-bubble .footer .comment_submit,
.comments-bubble .footer .comment_cancel {
	display: none;
}
.comments-bubble.writing .footer .comment_reply {
	display: none;
}
.comments-bubble.writing .footer .comment_submit,
.comments-bubble.writing .footer .comment_cancel {
	display: inline-block;
}
.comments-bubble .canvasitem-comments {
	position: relative;
	display: block;
	/*background: url(/images/app/comment_divider.png) repeat-x transparent;*/
	padding: 0px; margin: 0;
} 

.comments-bubble .canvasitem-comments .comment-item {
	position: relative;
	display: block;
	border: 0px solid blue;
	padding: 4px;
	margin: 0px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	background: url(/images/app/comment_divider.png) repeat-x;
} 

.comments-bubble .canvasitem-comments .comment-item.editing {
	background-color: #f9f1c9;
	
}
.comments-bubble .canvasitem-comments .comment-item .body {
	min-width: 50px; display: inline;
	line-height: 150%;
	border: 0px solid red;
}
.comments-bubble .canvasitem-comments .comment-item .member {
	color: #333; font-weight: bold;
	max-width: 110px; text-overflow: ellipsis; overflow: hidden;
}
.comments-bubble .canvasitem-comments .comment-item .timestamp {
	display: none;
}
.comments-bubble .canvasitem-comments .comment-item a.delete-button {
	display: block;
	position: absolute !important;
	top: 5px; 
	left:auto; right: 0px; 
	
	width: 16px; height: 16px;
	border: 0px solid red;
	padding: 0; margin: 0;
	visibility: hidden;
}
.comments-bubble .canvasitem-comments .comment-item:hover a.delete-button {
	display: block;
	visibility: visible;
}

.comments-bubble .canvasitem-comments .comment-item #inplace-editor {
	background: transparent !important;
	min-width: 50px;
	display: inline; outline: none;;
	border: 0px solid red;
	line-height: 150%;
}

.comments-bubble .ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se {
	background: transparent url(/images/app/comment_resize.png);
	width: 14px; height: 16px;
	border: 0px solid red; bottom: 3px; right: 0px;
	cursor: e-resize;
}

/* @end */


/* @group PREVIEW */
#preview-panel {
	/*
	position: relative;
	width: 100%; height: 100%;
	*/
	position: absolute;
	left: 0px; right: 0px;
	top: 0px; bottom: 0px;
	z-index: 1000;
	background:#929292;
}

#preview-panel .desc {
	position: absolute;
	border: 0px solid red;
	width: 100%;
	color:white; text-align: center;
	padding-top: 8px;
	font-size: 9pt;
	display: none;
}

/* @group VIEWER */
#preview-panel .main-pane {
	position: absolute;
	top: 0px; bottom: 0px;
	left: 0px; right: 0px;
	border: 0px solid blue;
}
#preview-panel.show {
	/*background: url(/images/app/overlay-black-95.png);  */
	
}

#preview-panel .main-pane .viewer {
	position: absolute;
	top: 0px; bottom: 0px;
	left: 0px; right: 0px;
	border: 0px solid white;
	overflow: hidden;
	text-align: center;
}
#preview-panel.has_stack .main-pane .viewer {
	right: 127px;
}


#preview-panel .viewer .image-viewer {
	position: absolute;
	left: 0; top: 0; right: 0; bottom: 0;
	overflow: auto;
	
}
#preview-panel .viewer .image-viewer .image {
	position: relative;
}

#preview-panel .viewer .movie-viewer {
	position: absolute;
	left: 0; top: 0; right: 0; bottom: 0;
	padding-top: 20px;

}
#preview-panel .viewer .book-viewer {
	position: absolute;
	left: 0; top: 0; right: 0; bottom: 0;
	display: block;
}
#preview-panel .viewer .book-viewer .page_list_view {
	background: transparent !important;
	position: relative;
	margin-left: auto; margin-right: 10px; 
	margin: auto;
	width: 100%;
}

#preview-panel .viewer {
}
#preview-panel .viewer .table-viewer {
	position: absolute;
	left: 0; right:0; top: 0; bottom: 0px;

}
#preview-panel .viewer .table-viewer .buttons {
	position: absolute;
	height: 20px;
	bottom: 0px; left: 0; right: 0;
	padding: 10px 20px;
	text-align: left;
}
* {
	
}
/* @end */

/* @group STACK LIST */
#preview-panel .page_list_scroll_tab {
	padding-right: 0px;
	overflow-y:auto;
}
 
#preview-panel .page_list_view {
	padding: 0;
	text-align: right !important;
}
#preview-panel .page_list_view .sc-collection-item {
	padding: 10px 0px !important;
}
#preview-panel .page_list_view .page-item {
	text-align: center;
	width: 100%;
}
#preview-panel .page_list_view  img.page_image {
	/*height: 100%;  */
	padding: 0; margin: 0;
	-webkit-box-shadow:#333 1px 1px 5px;
	-moz-box-shadow:#333 1px 1px 5px;
}

#preview-panel .page_list_view .page-item .notepad {
	margin: auto;
	/*
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(252, 242, 132)), color-stop(0.21, rgb(253, 242, 147)), to(rgb(254, 249, 188))); 
	background-image: -moz-linear-gradient(center top , #FEF9BC 0%, #FCF393 21%, #FCF284 100%);
	*/
	overflow-y: visible;
	text-align: left;
	height: auto !important;	
	
	-webkit-box-shadow:#333 1px 1px 5px;
	-moz-box-shadow:#333 1px 1px 5px;	
}
#preview-panel .page_list_view .page-item .notepad .editor { 
	background:  rgb(254, 249, 188) url(/images/notepad_bg.png) repeat-y scroll 0px 0px;
	min-height: 400px;
	-webkit-user-modify: read-write;
	-webkit-user-select: text;
	outline: none;
	padding-left: 40px; padding-top: 3px; padding-right: 10px;
	line-height: 22px;
	font-size: 15px;
	color: black;
}

body.hide-comments #preview-panel .viewer .book-viewer .page_list_view {
	margin: auto;
	
}
/* @end */


/* @group LIST */
#preview-panel .list-scroll-view {
	position: absolute;
	/*right: 0px; left: 0px;
	height:100px; width: 100%; 
	bottom:0px;*/
	
	/*overflow-y: hidden; overflow-x: auto;*/
	margin-right: 0px;
	text-align: center;
	
	top: 0px; width:127px; bottom:0px; 
	right: -16px;
	
	padding: 10px 0px;
	overflow-y: scroll; overflow-x: hidden;
	
	background-color: #DEE3EA;
	
	right:0;
	overflow-y:auto;
	display: none;
}
#preview-panel.has_stack .list-scroll-view {
	display: block;
}



#preview-panel.show .list-scroll-view {
	background-color: #ebeff7;
}

#preview-panel .list-scroll-view .list-view {
	position:relative;
	padding: 0px;
	width: 110px; max-width: 110px;
	text-align:center;
	border: 0px solid white;
	width:100%; max-width:none;
}

#preview-panel .list-view .frame {
	position: absolute;
	display: inline-block;
	width: 90px; height: 90px;
	left: 7px;
	padding: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#preview-panel .list-view .frame.sel {
	background-color: #bcbfc6;
	/*background: transparent url(/images/app/overlay-white-50.png);*/
}

#preview-panel .list-view img.thumbnail {
	
	/*position: relative !important;*/
	text-align:center;
	cursor: pointer;
	/*height: 70px;*/
	max-width: 90px; max-height: 90px;
}

#preview-panel .list-view .frame .buttons {
	position: absolute;
	width: 100%;
	left: 0; bottom: 10px;
	border: 0px solid red;
	display: none;
}
#preview-panel .list-view .frame.sel .buttons {
	display: block;
}
#preview-panel .list-view .frame .buttons .button {
	display: inline-block;
	color: white; background: transparent url(/images/app/overlay-black-95.png);
	font-size: 10px;
	padding:2px 6px;
	-webkit-border-radius:7px;
	-moz-border-radius: 7px;
	-webkit-box-shadow: #eee 0px 0px 2px;
	-moz-box-shadow: #eee 0px 0px 2px;
}
#preview-panel .list-view .frame .button:active {
	color: black; background: transparent url(/images/app/overlay-white-50.png);
}



/* @end */


/* @end */

#aniview {
	position: absolute;
	border: 0px solid red;
	top: 0px; width: 0px; height: 0px; left: 0px;
	z-index: 30000;
}
#ani-background-view {
	position: absolute; /*background: #282828;*/
	background:#919191;
	z-index: 1000;
}



/* @group TABLE-VIEWER */
div.table-view {
		position:absolute;
		left:0px; right:0px; top:0px; bottom:40px;
		overflow:hidden;
		border: 1px solid #c7ccd1;
		background:#dfe1e3;
		-webkit-box-shadow:#333 1px 1px 5px;
		-moz-box-shadow:#333 1px 1px 5px;
	}
	div.table-view .header-row-container {
		position: absolute;
		left:150px; top:0px; height:77px; right: 17px;
		overflow-x:auto;overflow-y:hidden;
	}
	div.table-view .header-col-container {
		position: absolute;
		left:0px; top:60px; width:167px; bottom: 17px;
		overflow-y:auto; overflow-x:hidden;
		border-top:1px solid #c7ccd1
		
	} 
div.table-view .tblbody {
	position:absolute;
	top:60px; left:150px; right:0px; bottom:0px;
	overflow:auto;
	background: white;
	/*border-left:1px solid #e9eaeb;
	border-bottom:1px solid #c7ccd1;*/
}	
div.table-view .data-rows {
	position: absolute;
}
div.table-view .row {
	position:relative;
	background:white;
	margin:0; padding:0;
	border:0px solid red;
	clear:both;
}
div.table-view .row.sel {
	color:  black;
}	
	
div.table-view .header-col-container .cell, 
div.table-view .header-row-container .cell {
		background: #dfe1e3;
		border-left:1px solid #e9eaeb;
		border-right:1px solid #c7ccd1;
		border-bottom:1px solid #c7ccd1;
}
div.table-view .header-row-container .cell {
	height: 49px;
}
div.table-view .header-col-container .cell {
	text-align:center;
	position: relative;
}
div.table-view .header-col-container .cell a.delete {
	position:absolute; left:5px; top:5px;
	display:none;
}
div.table-view .header-col-container .cell:hover a.delete {
	display:inline-block;
}

div.table-view .cell {
		position:absolute;
		display:block; 
		width: 139px; height:19px;
		background:white;
		margin:0; padding:5px;
		border-right:1px solid #e9eaeb;
		/*border-right:1px solid #c7ccd1;*/
		border-bottom:1px solid #c7ccd1;
}
	
	div.table-view .tblbody .row.warning {
		color: #a10000;
	}
	div.table-view .tblbody .row:hover .cell {
		background: #5892E4; color:white;
	}


#table_form .standard_form  {
	background: none;
	max-height: 500px
}



.sheet {
	padding:0px 20px;
	width: 580px;	
	;
}

.sheet .sheet_title {
	color:#333; 
	font-weight:bold; font-size:16pt; 
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
	margin: 10px 0px 20px 0px;
}

.sheet .section_title {
	color:#333; font-weight: bold;
	margin: 5px 0px;
	font-size: 12pt;
}
.sheet .section_description {
	color:#666; font-size:8pt;
	margin-bottom: 10px;
}

.standard_form.flat .sheet .section {

	
	
	padding:20px 30px; 
	background-color:white; 
	/*
	border:1px solid #999; 
	-webkit-border-radius:10px; 
	-webkit-box-shadow:#555 1px 1px 5px; 
	*/
	margin: 0;
}

.sheet .section .question {
}

.sheet .section .question .description {
	margin: 5px 0px;
	color: #333;
	font-size: 12pt;
	border-bottom: 0px solid #ccc;
}
.sheet .section .question .field {
	margin: 0px 0px 30px 30px;
}
.sheet .section .question .field input[type='text'] {
	width: 400px !important;
}

.standard_form.flat .sheet .buttons {
	border: none;
	text-align:center; 
}
/* @end */

/* @group BOOKSHELF */
#lounge .folder-list {
	position: absolute;
	top: 0; left: 0; bottom: 0; width: 200px;
	background: #f5f5f5;
	border-right: 1px solid #e0e0e0;
	overflow-y:auto;
}
#lounge .folder-list .folder-item {
	position: relative;
	height: 34px;
	border: 1px solid #e0e0e0;
	border-right: none;
	margin-top: -1px;
	text-align: left;	
	-webkit-user-drop: element;
}
#lounge .folder-list .folder-item.sel {
	background: #e8e9ed;
	color: black;
	border-color: #ccced1;
}
#lounge .folder-list .folder-item .icon.delete-icon {
	position: absolute;
	background: transparent url(/images/app/controls.png) 0px -5472px;
	
	width: 16px; height: 16px;
	top: 10px; right: 4px;
	border: 0px solid red;
	cursor: pointer;
	display: none;
}

#lounge .folder-list .folder-item.dragover {
	background: rgba(56,117,215,.2);
}

#lounge .folder-list .folder-item.sel .icon.delete-icon {
	display: block;
}
#lounge .folder-list .folder-item .icon.delete-icon:active {
	background-position: 0px -5504px;	
}

#lounge .folder-list .folder-item .label {
	position: absolute;
	display: block;
	font-size: 13px;
	font-weight: bold;
	left: 30px; margin-top: 10px;
	height: 14px; 
	text-overflow: ellipsis;
	white-space: nowrap;
	text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px;
	cursor: default;
}
#lounge .folder-list .folder-item .inplace-editor {
	position: absolute;
	display: block;
	font-size: 13px;
	font-weight: bold;
	left: 30px; margin-top: 8px;
	height: 14px; 	
}

#lounge .folder-list .folder-item.group .label {
	left: 10px;
	color: #818181; font-weight: normal;
	
}
#lounge .folder-list .folder-item.group img.icon {
	position: absolute;
	background: transparent url(/images/app/controls.png) -7px -3856px;
	
	width: 16px; height: 16px;
	top: 8px; right: 6px;
	border: 0px solid red;
	cursor: pointer;
}
#lounge .folder-list .folder-item.group img.icon:hover {
	background: transparent url(/images/app/controls.png) -7px -3840px;
}
#lounge .bookshelf-wrapper {
	position: absolute;
	top: 0; bottom: 0; right: 0; left: 201px;
	overflow-y: auto;
	background: transparent url(/images/metal_medium_background.png)  0px 20px; 
}
#lounge .bookshelf {
	background: transparent url(/images/metal_medium_background.png)  scroll -0px 20px; 
	
}
#lounge .bookshelf .canvas_snap { 
	position: relative;
	display: inline-block;
	height: 172px; width: 180px;
	border: 0px solid red;
	margin: 0px 30px; padding: 0;
	color: white;
	-webkit-user-drag: element;
	
}
#lounge .bookshelf .canvas_snap .thumbnail {
	position: absolute; 
	bottom: 14px;
	width: 188px; height: 116px;
	overflow: hidden;
		
}
#lounge .bookshelf .canvas_snap.sel .thumbnail {
	background: #f8e378; 
	-webkit-border-radius:4px;
	-moz-border-radius:4px;

}

#lounge .ui-draggable-dragging {
	position: absolute;
	z-index: 1000;		
	opacity: 0.8;
}

#lounge .bookshelf .canvas_snap .thumbnail img.snapshot {
	position: absolute;
	top: 4px; left: 4px;
	width: 180px; height: 108px;
	-webkit-box-shadow:#000 0px 0px 4px; 
	-moz-box-shadow:#000 0px 0px 4px; 
	-webkit-border-radius:4px;
	background: url(/images/basic_corkboard.jpg);	
}
#lounge .bookshelf .canvas_snap.top .thumbnail img.snapshot {
	background:url(/images/backgrounds/black_swade.png);
	/*-webkit-user-drag: element;*/
}
#lounge .bookshelf .canvas_snap .thumbnail .page_curl {
	position: absolute; top: 4px; right: 4px;
	display: none;
}
#lounge .bookshelf .canvas_snap.modified .thumbnail .page_curl {
	display: block;
}

#lounge .bookshelf .canvas_snap .thumbnail .buttons {
	display: none;
}
#lounge .bookshelf .canvas_snap .canvas_info {
	position: absolute; top: 10px;
	width: 100%;
	text-align: center;
	font-size: 9pt
}
/* @end */

body.guest #comment_tool_segment {
	display: none !important;
}

body.preview_mode #canvas-toolbar,
body.preview_mode #focused-item,
body.preview_mode #focused-item .ui-resizable-handle/*,
body.preview_mode #comment-bar*/ {
	display: none !important;
}


body.preview_mode.ImageItem #image_viewer_tool_segment,
body.preview_mode.WebItem #image_viewer_tool_segment {
	display: inline-block;	
}


#preview-panel .image-viewer,
#preview-panel .movie-viewer,
#preview-panel .table-viewer,
#preview-panel .book-viewer {
	display: none !important;
}

#preview-panel.ImageItem .image-viewer,
#preview-panel.WebItem .image-viewer,
#preview-panel.MovieItem .movie-viewer,
#preview-panel.TableItem .table-viewer,
#preview-panel.DocItem .book-viewer,
#preview-panel.BookItem .book-viewer {
	display: block !important;
}





.canvas_info.standard_form .section {
}
.canvas_info.standard_form .section table {
	width: 450px; 
	margin: auto;
}
.canvas_info.standard_form table td {
	height: 30px;
	text-align: left;
	font-size: 10pt;
}
.canvas_info.standard_form table td.label {
	text-align: right;
	font-size: 10pt;
}


#canvas-menu-button .button-inner .label {
	min-width: 8px !important;
}
.header .left .toolbar_container {
	color: white;
}

.text_button {
	border: 0px solid white !important;  
}
.text_button,
.text_button .button-inner,
.text_button .label {
	background: none !important;
	
} 
.text_button .label {
	margin: 0px 4px !important;
	text-overflow: ellipsis;
	text-shadow: none !important;
}
.text_button:hover {
	background: transparent url(/images/app/controls.png) no-repeat scroll left -2904px !important;
}
.text_button:hover .button-inner {
	background: transparent url(/images/app/controls.png) no-repeat scroll right -3120px !important;
}
.text_button:hover .label {
	background: transparent url(/images/app/controls.png) repeat-x scroll left -3048px !important;
}

.text_button.sel,
.text_button.active {
	background: transparent url(/images/app/controls.png) no-repeat scroll left -2928px !important;
}
.text_button.sel .button-inner,
.text_button.active .button-inner {
	background: transparent url(/images/app/controls.png) no-repeat scroll right -3144px !important;
}
.text_button.sel .label,
.text_button.active .label {
	background: transparent url(/images/app/controls.png) repeat-x scroll left -3072px !important;
}

#auth_button .label {
	font-size: 10pt !important; 
	padding: 0px 5px;
}


.canvasapp .ui-widget-overlay {
	background: transparent url(/images/app/overlay.png);
	opacity: 1;
}

.canvasapp .ui-widget-overlay.float-dialog {
	background:none;
}

.canvasapp .ui-dialog {
	-webkit-box-shadow:#000 1px 1px 30px;
	
}

.canvasapp .ui-dialog,
.canvasapp .ui-dialog.float-pane {
	background: transparent url(/images/app/overlay-black-95.png);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-box-shadow: rgba(0,0,0,0.7) 2px 2px 10px; 
	-moz-box-shadow: rgba(0,0,0,0.7) 2px 2px 10px;	
	padding: 0px;
	width: 350px;	
	border: 0;
	
	padding: 0;
	background: #f8f8f2;
	/*border: 2px solid #b4b3a3;*/
	border-top-width:1px;
	
	background-color: white;
	/*
	-webkit-border-radius: 0;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	*/
	
	
}

/*.canvasapp .ui-dialog .ui-corner-all,*/
.canvasapp .ui-dialog-titlebar,
.canvasapp .ui-dialog.float-pane .ui-corner-all {
	/*background: transparent url(/images/app/overlay-white-25.png) !important;*/
	background: #555743;
	padding: 3px 3px;
	border: 2px solid #636154;
	-webkit-border-radius:10px 10px 0 0;	
	-moz-border-radius:10px 10px 0 0;

}
.canvasapp .ui-dialog .ui-dialog-titlebar-close,
.canvasapp .ui-dialog.float-pane .ui-dialog-titlebar-close {
	background: none !important;
	border: none;
}
.canvasapp .ui-dialog .ui-dialog-title {
	font-size: 11pt; 
	margin: 0;
	font-weight: bold;
	padding: 5px 10px;
	text-shadow: #333 1px 1px 1px;
}
.canvasapp .ui-dialog.float-pane .ui-dialog-title {
	width: 100%;
	padding: 5px 0px;
	text-align: center;
}

/*.canvasapp .ui-dialog-content,*/

.canvasapp .ui-dialog-buttonpane {
	-webkit-border-radius: 0;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
.canvasapp .ui-dialog.float-pane .pane-root {


}
.canvasapp .ui-dialog.float-pane .pane-root .top-arrow {
	position: absolute;
	top: 23px; /*left: 20px;*/ left:-11px;
	width: 11px; height:21px;
	z-index: 999999;	
	background: transparent url(/images/app/menu_arrow_left_black_95.png) no-repeat;	
}
.float-pane div {
	display: block;
}

#notepad-button img.sprite.notepad {
	
	width: 16px !important; height: 16px;
	/*background: transparent url(/images/app/notepad.png);*/
	background: transparent url(/images/app/javelin_assets.png) -48px -256px;
}
#notepad-button.button {
}
#notepad-button.button  .button-inner {
	min-width: 24px !important;
}
#notepad-button .label {
	width: 0px;
	padding-left: 16px;
}
.widget {
	position: absolute;
	z-index: 1001;
	padding:0;
	border: 0;
	
	min-height: 200px;
	min-width:200px;
	
	-webkit-border-radius:5px;
	-webkit-box-shadow:#333 1px 1px 20px;
	-moz-border-radius:5px;
	-moz-box-shadow:#333 1px 1px 20px;
}

.widget.notepad {
	
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(252, 242, 132)), color-stop(0.21, rgb(253, 242, 147)), to(rgb(254, 249, 188))); 
	background-image: -moz-linear-gradient(center top , #FEF9BC 0%, #FCF393 21%, #FCF284 100%);
	
	/*
	background-image: -webkit-gradient(
    	linear,
    	left top,
    	left bottom,
    	color-stop(0, rgb(254,249,188)),
    	color-stop(0.22, rgb(252,243,147)),
    	color-stop(1, rgb(252,242,132))
	);
	
	background-image: -moz-linear-gradient(
    	center top, rgb(252,242,132)  0%, rgb(252,243,147) 21%, rgb(254,249,188) 100%
	);
	*/
}

.widget .widget-title {
	position: absolute;
	left: 0; right: 0; top: 0;	height: 20px;
	background: #333;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	cursor: move;
	padding: 5px;
}
.widget .widget-content {
	position: absolute;
	left: 0; right: 0; top: 30px; bottom: 0;
}

/* @group NOTEPAD PLUGIN */
#comment-bar {
	top: 43px; right:  10px; width: 250px;
	
}
#comment-bar.notepad .widget-content {	
	overflow-y: auto; overflow-x:hidden;
	padding: 10px 10px 10px 30px;
	background: transparent url(/images/notepad_bg.png) repeat-y scroll;
}

#comment-bar.empty #canvas_info,
#comment-bar.empty .comment_form,
#comment-bar.empty .log_list_view {

}

#comment-bar.notepad.sidebar,
#comment-bar.inbox.sidebar {
	top: 42px; right: 0px; bottom: 0px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px; 
	width: 249px;
	z-index: 2; 
	-webkit-box-shadow:#000 -1px -1px 1px;
	right:-250px;
}

#comment-bar.notepad.sidebar .widget-title {
	background: none;
	display: block;
}
#comment-bar.notepad.sidebar .widget-content {
	top: 30px;
}
/* @group TITLEBAR */
#comment-bar.notepad .canvasitem {
	position: relative;
	margin-bottom: 30px; 
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#comment-bar.notepad .canvasitem.sel {
	color: black;
	background-color: rgba(0, 0, 0, 0.2);
	background-color: rgba(243, 213, 85, 0.4);
}
#comment-bar.notepad .canvas_info {
	position: relative;
	width: 100%;
	border: 0px solid red;
}
#comment-bar.notepad .canvasitem .canvasitem-title {
	text-align: left;
}

#comment-bar.notepad .canvasitem.LabelItem .canvasitem-title {
	font-size: 11pt; padding: 5px;
	background-color:#f3d759; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	margin-bottom: 10px;
}
#comment-bar.notepad .canvasitem .canvasitem-title .canvasitem-delete {
	position: relative;
	display: inline-block;
	border: 0px solid red;
	width: 16px; height: 16px; top: 2px;
}
#comment-bar.notepad .canvasitem .canvasitem-show-comment {
	position: relative;
	display: inline-block;
	border: 0px solid red;
	width: 16px; height: 16px; top: 2px;
}

#comment-bar.notepad .canvasitem .thumbnail {
	text-align:center;
}
#comment-bar.notepad .canvasitem .thumbnail img {
	max-height: 100px;
	max-width: 100px;
}
#comment-bar.notepad .canvasitem  .timestamp {
	font-size: 8pt; color: #666;
	margin-left: 10px;
	white-space: nowrap;
	/*display: block;
	position: absolute;
	top: 8px; right: 5px;*/
}
/* @end */

#comment-bar.inbox {
	bottom: 0;
	background: white;
	
}
#comment-bar.inbox .widget-title {
	background: white;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-bottom: 1px solid #ececec;
}
#comment-bar.inbox .widget-content {
	overflow-y: auto; overflow-x:hidden;
}
#comment-bar.inbox .canvasitem {
	position: absolute;
	height: 74px;
	border-bottom: 1px solid #ececec;
	overflow: hidden;
	padding: 5px;
	left: 0; right: 0; top: 0;
}
#comment-bar.inbox .canvasitem .thumbnail img {
	position: absolute;
	max-height: 62px; max-width: 42px;
	left: 5px; top: 5px;
	-webkit-box-shadow: #666 1px 1px 3px;
	-moz-box-shadow: #666 1px 1px 3px;
	
}
#comment-bar.inbox .canvasitem .canvasitem-title {
	margin-left: 52px;
}
#comment-bar.inbox .canvasitem .canvasitem-title .label {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space:nowrap;
	color: #171717;
	font-size: 15px; font-weight: bold;
	line-height: 18px; font-family: "Helvetica";
	max-width: 130px;
	cursor: pointer;
}
#comment-bar.inbox .canvasitem .canvasitem-title .label:hover {
	text-decoration: underline;
}
#comment-bar.inbox .canvasitem .canvasitem-title .body {
	font-size: 13px; line-height: 15px;
	color: #171717;
}
#comment-bar.inbox .canvasitem .canvasitem-title .comment {
	font-size: 13px; line-height: 15px;
	color: #737373;
}
#comment-bar.inbox .canvasitem .canvasitem-title .shorttime {
	position: absolute;
	font-size: 13px; line-height: 15px;
	top: 5px; right: 5px;
	color: #717171;
	font-size: 13px; line-height: 15px;
}

#comment-bar.inbox .canvasitem.sel {
	background-color: #319be7;
	border-bottom-color: #0859b9;
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#1976d9), to(#319be7)); 
}
#comment-bar.inbox .canvasitem.sel .label,
#comment-bar.inbox .canvasitem.sel .canvasitem-title .body  {
	color: white;
}
#comment-bar.inbox .canvasitem.sel .canvasitem-title .comment,
#comment-bar.inbox .canvasitem.sel .canvasitem-title .shorttime {
	color: #c6E7FB;
}
/* @group BUTTONS */
.button.delete-button .icon {
	background: transparent url(/images/app/javelin_assets.png) -48px -240px;
	width: 16px; height: 16px;
}
.button.delete-button:hover .icon {
	background-position: -48px -224px;
}
.button.delete-button:active .icon {
	background-position: -48px -208px;	
}

.button.canvasitem-show-comment .icon {
	background: transparent url(/images/app/javelin_assets.png) -32px -240px;
	width: 16px; height: 16px;
}
.button.canvasitem-show-comment:hover .icon {
	background-position: -32px -208px;
}
.button.canvasitem-show-comment:active .icon {
	background-position: -32px -224px;	
}

.button.comment-button .icon {
	background: transparent url(/images/app/javelin_assets.png) -37px -412px;
	width: 22px; height: 22px;
}
.button.comment-button:hover .icon {
	background-position: -5px -412px;
}
.button.comment-button:active .icon {
	background-position: -5px -412px;	
}

/* @end */


/* @group INSPECTOR */
.notepad .canvasitem .inspector {
	position: relative;
	
	font-size: 8pt;
	color: #333;
	text-align: center;
	
	margin: 4px 0px;
	padding: 5px 10px;
	display:none;
}
.notepad .canvasitem.sel .inspector {
	display: block;
}

.canvasitem .upload_info {
	display: none;
}

/* Uploading */
.canvasitem.uploading .upload_info { 
	display: block !important; 
}

/* @end */

/* @group GRANTS */

/* @end */


/* @end */

#comment-bar .canvasitem .buttons {
	text-align: center;
}

.canvasitem .upload_info {
	border: 0px solid red;
	background-color: rgba(0,0,0, 0.2);
	/*background:transparent url(/images/app/overlay-white-50.png);	*/
	padding: 5px 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin: 4px 0px;
} 

.canvasitem .upload_info .message {
	font-size: 8pt; color: #000;
	display: block;
}

#comment-bar .comment_form {
	margin: 0; padding-right: 5px;
	border: 0px solid blue; 
	text-align: left;
}

#comment-bar .comment_form textarea {
	/*display: block;*/
	width: 100%; height: 50px;
	padding: 5px; font-size: 10pt;
}




#load-progress {
	position: absolute;
	width: 300px; height: 20px;
	bottom: 10px; 
	-webkit-box-shadow: rgba(0,0,0,0.5) 1px 1px 4px;
	display: none;
}
#dashboard-button {
	position: absolute;
	display: inline-block;
	bottom: 10px; left: 10px;
	height: 20px;
	z-index: 3000;
}
#dashboard-button img {
	width: 20px; height: 20px;	
	background: transparent url(/images/icons/plus.png);
	vertical-align: top;
}
#dashboard-button .label {
	display: inline-block;
	color: white;
	font-size: 12px;
	padding: 1px 5px;
	border: 2px solid #ddd;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,0.7) 1px 1px 2px;
	-moz-box-shadow: rgba(0,0,0,0.7) 1px 1px 2px;
	background: #080808;
	margin-left: 5px;
	opacity: 0.9;
}

#dashboard-button.sel img {
	background: transparent url(/images/icons/minus.png);
}

#dashboard {
	position: absolute;
	left: 0; bottom: -118px; right: 0;
	height: 118px;
	background: #b4bbc3 url(/images/backgrounds/dashboard.png) repeat-x;
	padding: 0px 20px;
	z-index: 2;
}

.ui-draggable-dragging {
	z-index: 2000;
}

#dashboard .widget-item {
	position: relative;
	display: inline-block;
	border: 0px solid blue;
	height: 118px; width: 110px;
}

#dashboard .widget-item .widget-icon {
	position: absolute;
	border: 0px solid red;
	left: 23px;
	width: 64px; height: 64px;
	top:  20px;
	/*background: rgba(255,255,255,0.5);*/
	border: none;
	
	background-image: url(/images/icons/canvas_item_icons.png);
	background-repeat: no-repeat;
}
.widget-icon.canvas-widget-icon {
	background-position: 0 0;
}
.widget-icon.photo-widget-icon {
	background-position: -64px 0;
}
.widget-icon.youtube-widget-icon {
	background-position: -128px 0;
}
.widget-icon.webclip-widget-icon {
	background-position: -192px 0;
}
.widget-icon.book-widget-icon {
	background-position: -256px 0;
}
.widget-icon.doc-widget-icon {
	background-position: 0 -64px;
}
.widget-icon.note-widget-icon {
	background-position: -64px -64px;
}
.widget-icon.postit-widget-icon {
	background-position: -128px -64px;
}

#dashboard .widget-item .label {
	position: absolute;
	left: 0; right: 0;
	top: 102px;
	text-align: center;
	color: #222;
	font-size: 9pt;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.95);
}

 




.list-container {
	overflow-y:auto;
}
.list-container .list-item:hover {

}

.move-dialog {
}


.move-dialog .section {
	margin-top: 10px;
}

.move-dialog .section .title {
	margin: 5px 0px;
	font-weight: bold;
	font-size: 10pt;
}

.move-dialog .section .list-container {
	padding:0px 0px; border:1px solid #ccc; max-height:160px;
}

.move-dialog .canvas-list .list-item {
	padding: 5px 20px; font-size: 12pt;
	cursor: pointer;
}
.move-dialog .canvas-list .list-item:hover {
	background-color: #f1f1f1; 	
}
.move-dialog .canvas-list .list-item:active,
.move-dialog .canvas-list .list-item.sel {
	background: #3875d7 none;	
	color: white;
}

.move-dialog .download-list .list-item {
	padding: 5px 20px;

}

.move-dialog .download-list .list-item .thumbnail {
	max-width: 100px; max-height: 100px;
	float: left;
}
.move-dialog .download-list .list-item ul {
	margin: 0;
	margin-left:  110px;
	padding: 0;
	border: 0px solid red;
}
.move-dialog .download-list .list-item ul li {
	list-style: none;
	padding: 3px 0px;
}

.move-dialog .buttons {
	text-align: center;
	padding: 10px 0px;
}



/* @group INSPECTOR */


#inspector {
	position: absolute;
	display: none;
	width: 200px;
	
	background-color: #fdf9bb;
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgba(252, 242, 132,1)), color-stop(0.21, rgba(253, 242, 147, 1)), to(rgba(254, 249, 188, 1))); 
	background-image: -moz-linear-gradient(center top , #FEF9BC 0%, #FCF393 21%, #FCF284 100%);
	
	-webkit-border-radius:5px;
	-webkit-box-shadow:#333 1px 1px 20px;
	-moz-border-radius:5px;
	-moz-box-shadow:#333 1px 1px 20px;
	padding: 5px;
	-webkit-user-select: text;
	-moz-user-select: text;

}

#inspector .anchor {
	position: absolute;
	top:  -17px; 
	left: 83px;
	width: 35px; height: 17px;
	background-image:url(/images/inspector-anchor.png);
	-webkit-user-select: none;
	-moz-user-select: none;
}



#inspector .thumbnail {
	max-height: 32px; max-width: 32px; 
	display: none;
}

#inspector .body {
	font-size: 9pt;
	padding: 2px;
	text-align: center;
	word-break:break-all;
}
#inspector.editable .body:hover {
	background-color: #f9f1c9;
}
#inspector .styler {
	margin-top: 5px;
	font-size: 8pt;
	text-align: center;
	color: #666;
	display: none;
}
#inspector.editable .styler {
	display: block;
}
#inspector.uploading .styler,
#inspector.converting .styler,
#inspector.canvas .styler {
	display: none;
}
#inspector .upload_info {
	display: none;
}
#inspector.uploading .upload_info,
#inspector.converting .upload_info {
	display: block;
}
#inspector .upload_info .message {
	font-size: 8pt; color: #666;
	display: block;
}

#inspector .flat-toolbar {
	display: block;
	text-align: center;
}

#inspector .flat-toolbar .flat-button.disabled {
	display: none;
}

#inspector #inplace-editor {
	outline: none;
	font-size: 9pt;
	padding: 2px;
	text-align: center;
}


#inplace-editor {
	-webkit-user-select: text;
	-moz-user-select: text;
}


#inspector.black {
	color: white;
	background: #000;
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#000), color-stop(0.2, #000), to(#3a3a3a)); 
	background-image: -moz-linear-gradient(center top , #3a3a3a 0%, #000 80%, #000 100%);
	z-index: 3000;
}

#inspector.black .anchor {
	background-image:url(/images/inspector-black-anchor.png);
}

body.IE #inspector.black {
	background-color: #3a3a3a;
	
}
body.IE #inspector.black .anchor {
}

#inspector.black.editable .body:hover {
	background: #666;
}

#inspector.black .touch-button {
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
	
	display: block;
	height: 32px; 
	-webkit-background-size: 100% 50%;
	-moz-background-size: 100% 50%;
	background-repeat: no-repeat;
	background-color: #f1f2f5;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
	background-image: -moz-linear-gradient(center top , #fff 0%, #fff 100%);
	
	margin: 4px 0px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	text-align: center;
	color: black;
	font-size: 14px; font-weight: bold;
	line-height: 32px;
	text-decoration: none;
	cursor: pointer;
}

#inspector.black .touch-button:active,
#inspector.black .touch-button.active {
	background-color: #2463DE;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7B9EEA), to(#376FE0));
	background-image: -moz-linear-gradient(center top , #7B9EEA 0%, #376FE0 100%);
	color: white;
}

#inspector.black #inplace-editor {
	color: black;
}
#inspector.black .styler {
	margin: 4px 0px;
	font-size: 8pt;
	text-align: center;
	color: #333;
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	background: white;
	padding: 5px;
}

#inspector.black .list-container {
	background: white;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	max-height: 160px;
	overflow-y: auto; overflow-x:hidden;
	margin: 4px 0px;
}
#inspector.black .list-container .list-item {
	padding: 10px; color: black;
	border-top: 1px solid #d9d9d9;
	cursor: pointer;
	height: 19px; line-height: 19px;
	list-style-type: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#inspector.black .list-container .list-item:hover {
	background-color: #f1f1f1; 	
}
#inspector.black .list-container .list-item:active,
#inspector.black .list-container .list-item.active {
	background: #3875d7 none;	
	color: white;
}

#inspector.black .widget-form {
	
}
#inspector.black .widget-form .description {
	font-size: 9pt; 
	padding: 3px;
	color: #999;
}
#inspector.black .widget-form .content_body {
	width: 195px; border: none;
	height: 50px;
	margin: 0px;
}
#inspector.black .widget-form .error {
	font-weight: normal !important;
}

#inspector.black .widget-form .label-widget-form .content_body {
	width: 190px; border: none;
	height: 20px;
	padding: 4px;
	margin: 0px;
	font-size: 12pt;
	margin-bottom: 4px;
}

#inspector.black .widget-form input.file_selector {
	text-align: center;
	width: 80px;
}

#inspector.black .widget-form .search_wrapper {
	display: inline-block;
	width: 150px;
}
#inspector.black .widget-form input#search_query {
	width: 117px;
	border: none; margin: 0; 
	height: 20px;
}
#inspector.black .widget-form  .search_button {
	position: relative;
	display: inline-block; 
	top: -8px;
}
#inspector.black .book-widget-form .activity-indicator {
	position: relative;
	display: inline-block; 
	top: -4px;
	display:none;
}

#inspector.black .book-widget-form .list-container {
	max-height: 240px;
}
#inspector.black .book-widget-form .list-item {
	position: relative;
	padding: 2px 3px;
	height: 80px;
	overflow: hidden;
}

#inspector.black .book-widget-form .list-item.sel .message .body {
	color: #f1f1f1;
}

#inspector.black .book-widget-form .list-item .message {
	font-size: 12px;
	line-height: 13px;
	word-break:break-all;
	white-space: normal;
	overflow: hidden !important;
	text-overflow: ellipsis;
}
#inspector.black .book-widget-form .list-item .message a {
	text-decoration: underline;
}

#inspector.black .book-widget-form .list-item .from {
	font-weight: normal;
	margin-right: 10px;
}
#inspector.black .book-widget-form .list-item .body {
	display: inline;
	font-size: 11px; 
	color: #999; 
}
#inspector.black .book-widget-form  .cover {
	display: block;
	width: 50px !important;
	float: left; 
	border: 0px solid red;
}

#inspector.black .book-widget-form .cover img {
	display: block;
	max-width: 55px; max-height: 55px;

	-webkit-box-shadow: #333 1px 1px 3px;
	-moz-box-shadow: #333 1px 1px 3px;		
}

#inspector.black .list-container.canvas-list .list-item {
	position: relative;
	padding: 8px 8px 8px 8px; color: black;
	border-top: 1px solid #d9d9d9; 
	cursor: pointer;
	height: 24px; line-height: 24px;
	list-style-type: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	z-index: 1;
	background: white;
	color:#333;
}
#inspector.black .list-container.canvas-list .list-item.hidden {
	display: none;
}

#inspector.black .list-container.canvas-list .list-item:hover {
	background: #f1f1f1; 	
}
#inspector.black .list-container.canvas-list .list-item:active,
#inspector.black .list-container.canvas-list .list-item.active {
	background: #3875d7 none;	
	color: white;
}

#inspector.black .list-container.canvas-list .list-item .icon {
	vertical-align: middle;
	width: 24px; height: 24px;
	background-image:  url(/images/icons/toolbar_buttons_24.png);
	background-repeat:  no-repeat !important;
	margin-right: 8px;
}

/* @end */

/* @group FACE-BOARD */
.overlay-view {
	position: absolute;
	left: 0; top: 0; right: 0; bottom: 0;
	overflow-y: auto; overflow-x: hidden;
}

#face-board {
	top: 40px;
	z-index: 2;
	background: url(/images/basic_corkboard.jpg) scroll;
}

#face-board .content {
	background: url(/images/basic_corkboard.jpg) scroll;
	padding: 20px;
}
#face-board .content .list-item {
	position: relative;
	float: left;
	margin: 20px;	
	background: transparent;
	padding: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: #333 1px 1px 10px;
	-moz-box-shadow: #333 1px 1px 10px;
}

#face-board .content .list-item:hover {
	/*background: #f3d759; */
}

#face-board .content .polaroid {
	position: relative;
	
	width: 150px; height: 179px;
	border: 0px solid white;
	
	
	background: url(/images/polaroid.png) no-repeat;
	
	cursor: pointer;
}
#face-board .content .photo {
	position: absolute;
	top: 0;
	width: 150px; min-height: 150px;
	background-color: white;

}
#face-board .content .polaroid .label {
	position: absolute;
	bottom: 0px;
	padding: 7px 0px;
	width: 150px;
	display: block;
	border: 0px solid red;
	font-size: 10pt;
	text-align: center;
}
#face-board .list-item.sel .label {
	color: black;
}

#face-board #sticker {
	margin: auto;
	width: 400px;
	background: white; 
	padding: 20px;
	-webkit-box-shadow: #333 1px 1px 10px;
	-moz-box-shadow: #333 1px 1px 10px;
	font-size: 12pt;
	text-align: center;
}
/* @end */

/* @group CONTACT DIALOG */
.contact_card {
	width: auto; padding: 0px 20px;
}
.contact_card .photo_frame {
	height: 150px; overflow: hidden;
	text-align: center;
}
.contact_card .photo {
	width: 150px;
}
.contact_card span.label {
	color: #999;
}
.contact_card span.small_label {
	color: #999;
	font-size: 9pt;
}
.contact_card input[type='text'] {
	width: 275px;
	display: block;
}
.contact_card #contact_name {
}
.contact_card #contact_email {
}
.contact_card #contact_twitter {
}
.contact_card #contact_memo {
	display: block;
	width: 275px; height: 60px;
	padding: 2px 2px;
}
.contact_card .buttons {
	margin: 0 !important;
	text-align: center;
}
/* @end */

/* @group QUICKVIEW */

#comment-bar.inbox.overlay {
	left: 0; top: 0; right: 0; bottom: 0;
	width: auto;
	background-color: rgba(0,0,0,0.9);
	color: white !important; 
	display: none;
}

body.IE #comment-bar.inbox.overlay {
	background-color: #111;
}

#comment-bar.inbox.overlay #quickview-title {
	color: white;
	position: relative;
	top: 100px;
	text-align: center;
	font-size: 14pt;
}
#comment-bar.inbox.overlay #canvasitem-list {
	position: absolute;
	
	left: 0; right: 0; bottom: 0px; top: auto;
	height: 400px;
	 
	overflow-y: hidden; overflow-x: scroll;
	white-space:nowrap;
	border: 0px solid red;
}
#comment-bar.inbox.overlay #canvasitem-list .egg-list-view {
	width: auto;
	height: 300px;
	white-space:nowrap; 
	overflow-y:hidden;
	border: 0px solid red;
}

#comment-bar.inbox.overlay #canvasitem-list .canvasitem {
	porisition: relative;
	width: 250px; height: 350px;
	float: left;
	border: 0px solid white;
	margin: 0; padding: 0;
	white-space: normal;
	text-align: center;
}
#comment-bar.inbox.overlay #canvasitem-list .canvasitem .thumbnail {
	text-align: center;
	display: inline-block;
	margin: 0;
	height: auto; width: 250px; 
	border: 0px solid red;
	position: absolute; margin:auto;
	bottom: 130px;
}
#comment-bar.inbox.overlay #canvasitem-list .canvasitem .canvasitem-thumbnail {
	display: inline-block;
	max-height: 200px; max-width:200px;
	position: relative;
	margin: 0;
	left: auto; top: auto;
	cursor: pointer;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-reflect:below 3px -webkit-gradient(linear, left top, left bottom, from(transparent),
    color-stop(0.7, transparent), to(rgba(255,255,255,0.4)));
}
#comment-bar.inbox.overlay #canvasitem-list .canvasitem .canvasitem-title {
	position: absolute;
	color: white;
	top: 230px; left: 0; right: 0; bottom: 0;
	border: 0px solid white;
	margin: 0; padding: 0;	
}
#comment-bar.inbox.overlay #canvasitem-list .canvasitem .canvasitem-title .label {
	color: white;
	text-align: center;
	max-width: none;
	font-size: 10pt; color:#999; font-weight: normal;
}
#comment-bar.inbox.overlay #canvasitem-list .canvasitem .canvasitem-title .body {
	color: white;
	text-align: center;
	max-width: none;
	font-size: 12pt;
	line-height: 20px;
}
#comment-bar.inbox.overlay #canvasitem-list .canvasitem .canvasitem-title .comment {
	padding: 8px;
	display: block;
	color: #666;
	text-align: left;
	max-width: none;
	font-size: 9pt;
	height: 41px;
	overflow: hidden;
	line-height:16px;  
}
#comment-bar.inbox.overlay #canvasitem-list .canvasitem .shorttime {
	position: relative;
	font-size: 9pt;
	color: #666;
	text-align: center;
	max-width: none;
	padding-bottom: 2px;
}
/* @end */

/* @group SLIDE-PANEL */
#info-panel {
	
	position: relative;
	/*
	z-index: 2;  
	width: 600px;
	top: -309px; left: 0;
	bottom: auto;
	margin: auto;
	*/
	top:42px;
	z-index:2;
}

#info-panel.expand {
	top: 44px; 
}

#info-panel .content {
}
#info-panel.expand .content {
}
.slide-panel .content {
	/*
	height: 350px;
	background: white;
	padding: 0px;
	-webkit-box-shadow:#333 1px 1px 5px;
	-moz-box-shadow:#333 1px 1px 5px;
	background-color: rgba(255,255,255, 0.97);
	overflow-y:auto;
	*/
}
.slide-panel .tab {
	position: relative;
	background: #94ea64;
	
	opacity: 0.97;
	width: 200px;
	margin: auto;
	border: 0px solid #333;
	border-top: none;
	padding: 4px;
	text-align: center;
	color: black;

	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	
	-webkit-box-shadow:#333 2px 2px 5px;
	-moz-box-shadow:#333 1px 1px 5px;
	
	background: #555; color:white;
	cursor: pointer;
}
.slide-panel .tab .label {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.slide-panel .tab:hover {
	background-color:#daff8b;
}
.slide-panel .tab:hover .label {
	color: black;
}
.slide-panel .content .buttons {
	margin: 0;
}
.slide-panel .section h3 {
	font-size: 12pt !important;
}
.slide-panel  .standard_form,
.slide-panel  .canvas_info {
	width: auto !important;
	padding: 30px;
}
.slide-panel  .canvas_form #canvas_public_path {
	width: 150px;
}
/* @end */




/* @group BUBBLE-MENU */


#bubble-menu {
	position: absolute;
	display: none;
	padding: 5px;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-box-shadow:#333 1px 1px 20px;
	-moz-box-shadow:#333 1px 1px 20px;
	
	-webkit-user-select: text;
	-moz-user-select: text;
	
	color: white;
	background: #000;
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#000), color-stop(0.2, #000), to(#3a3a3a)); 
	background-image: -moz-linear-gradient(center top , #3a3a3a 0%, #000 80%, #000 100%);	
	z-index: 3000;
	
	width: 200px;
}

body.IE #bubble-menu {
	background: #3a3a3a;
}
#bubble-menu .anchor {
	position: absolute;
	top:  -17px; 
	left: 83px;
	width: 35px; height: 17px;
	background-image:url(/images/inspector-black-anchor.png);
	-webkit-user-select: none;
	-moz-user-select: none;
}

#bubble-menu .search_wrapper {
	display: none;
}
#bubble-menu.has-search-field .search_wrapper {
	display: block;
}

#bubble-menu .search_field {
	width: 167px;
}

#bubble-menu .touch-button {
	display: block;
	height: 32px; 
	-webkit-background-size: 100% 50%;
	-moz-background-size: 100% 50%;
	background-repeat: no-repeat;
	background-color: #f1f2f5;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
	background-image: -moz-linear-gradient(center top , #fff 0%, #fff 100%);
	
	margin: 4px 0px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	text-align: center;
	color: black;
	font-size: 14px; font-weight: bold;
	line-height: 32px;
	text-decoration: none;
	cursor: pointer;
}

#bubble-menu .touch-button:active,
#bubble-menu .touch-button.active {
	background-color: #2463DE;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7B9EEA), to(#376FE0));
	background-image: -moz-linear-gradient(center top , #7B9EEA 0%, #376FE0 100%);
	color: white;
}

#bubble-menu .html-view {
	background: white;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	max-height: 400px;
	overflow-y: auto; overflow-x:hidden;
	margin: 4px 0px;
	padding: 4px;
	color: black;
}


#bubble-menu .list-container {
	background: white;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	max-height: 400px;
	overflow-y: auto; overflow-x:hidden;
	margin: 4px 0px;
}
.list-container.canvas-list .list-item {
	position: relative;
	padding: 8px 8px 8px 8px; color: black;
	border-top: 1px solid #d9d9d9; 
	cursor: pointer;
	height: 24px; line-height: 24px;
	list-style-type: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	z-index: 1;
	background: white;
	/*
	-webkit-box-shadow: #666 -1px 2px 2px;
	-moz-box-shadow: #333 0px 0px 4px;
	*/
	color:#333;
}

.list-container.canvas-list .list-item.hidden {
	display: none;
}

.list-container.canvas-list .list-item:hover {
	background: #f1f1f1; 	
}
.list-container.canvas-list .list-item:active,
.list-container.canvas-list .list-item.active {
	background: #3875d7 none;	
	color: white;
}



.list-container.canvas-list .list-item .count {
	position: absolute;
	display: block;
	top: 10px; right: 2px;
	background-color: #8899BD;
	color: white;
	font-size: 10px;
	padding: 2px 5px;
	height: 14px;
	line-height: 14px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.list-container.canvas-list .list-item:active .count ,
.list-container.canvas-list .list-item.active .count {
	background-color: white;
	color: #8899BD;
}

.list-container.canvas-list .list-item .icon {
	vertical-align: middle;
	width: 24px; height: 24px;
	background-image:  url(/images/icons/toolbar_buttons_24.png);
	background-repeat:  no-repeat !important;
	margin-right: 8px;
}

.list-container.canvas-list .list-item .icon.home-icon { background-position: 0px 0px; }
.list-container.canvas-list .list-item .icon.box-icon { background-position: 0px -96px; }
.list-container.canvas-list .list-item .icon.blank-icon { background-position: 0px -24px; }
.list-container.canvas-list .list-item .icon.map-icon { background-position: 0px -384px; }
.list-container.canvas-list .list-item .icon.team-icon { background-position: 0px -456px; }
.list-container.canvas-list .list-item .icon.chat-icon { background-position: 0px -552px; }




#bubble-menu .list-container .guide-message {
	
	
	padding: 10px; color: #eee;
	border-top: 1px solid #d9d9d9;
	text-align: center;
	font-size: 9pt;
	
	background: #aaa url(/images/app/form_bg.png) repeat-x scroll left top;
}
/* @end */

/* @group BUBBLE-COMMENT */

.canvasitem-comments .list-item {
	position: relative;
	margin-left: 0px;
	font-size: 9pt;
}

.canvasitem-comments .list-item .photo {
	width: 24px; height: 24px; 
	margin-right: 10px;
	border: 1px solid #999;
	display: none;
}
.canvasitem-comments .list-item .member {
	margin-right: 5px; font-weight: normal;
	color: #999;
	color: #578ded;
}
.canvasitem-comments .list-item .timestamp {
	margin-left: 10px;
	font-size: 8pt; color: #666;
	margin-left: 10px;
	white-space: nowrap;	
}

.canvasitem-comments .list-item .buttons {
	/*position: absolute;
	left: -30px; top: 0px;
	display: none;*/
	display: inline-block; 
	border:0px solid red;
	/*background: transparent url(/images/app/overlay.png);
	-webkit-border-radius: 5px;*/
	text-align: right;
	border: 1px solid red; 
}

.canvasitem-comments .list-item .delete-button {
	position: absolute;
	display: inline-block;
	border: 0px solid red;
	top: 4px; left: -26px;
	width: 16px; height: 16px;
}
/* @end */

/* @group BUBBLE-CHAT */

.chat-container {
	background: white;
	padding: 5px; 
}

.chat-container .thread {
	position: relative;
	padding: 5px;
	margin-bottom: 0px;
}
.chat-container .thread .title {
	text-align: center;
	margin: 5px 0px;
	font-weight: bold;
}
.chat-container .thread.item-thread {
	margin-left: 50px;
	border: 1px solid #EEE;
	padding: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: #EEE 1px 1px 3px;
	margin-bottom: 10px;
}

.chat-container .thread .frame {
	text-align: center;
	max-height: 100px;
	overflow: hidden;
}
.chat-container .thread .frame .thumbnail {
	max-width: 70px;
}

.chat-container .thread .chat > .member {
	display: block;
	background: url(/images/text-balloon-tail.png?101) no-repeat;
	max-height: 50px;
}
.chat-container .thread .chat > .member .avatar {
	width: 24px;
	margin-top: 3px;
}
.chat-container .thread .chat > .body {
	display: inline-block;
	color: #666; line-height: 140%;
	padding: 8px;
	background: #23394f;
	
	color:white;
	font-size: 9pt;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	max-width: 230px;
	min-width: 50px;
	text-align: left;
	background: none; 
	color:black;
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#ffea6d), to(#fff7b6)) ;
	background-image: -moz-linear-gradient(center top , #FEF9BC 0%, #FFea6d 100%);
}

.IE .chat-container .thread .chat > .body {
	background-color: #ffea6d;
}

.chat-container .thread .shorttime {
	font-size: 8pt;
	color: #999;
	display: block;
}

.chat-container .thread.me {
	text-align: right;
	border: 0px solid red;
}

.chat-container .thread.me .chat > .body {
	background: none;
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#1976d9), to(#319be7));
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#bdf95d), to(#e6fca9));
	background-image: -moz-linear-gradient(center top , #e6fca9 0%, #bdf95d 25%, #bdf95d 100%);
	color: white;
	
	color: black
}
.IE .chat-container .thread.me .chat > .body {
	background-color: #bdf95d;
}
.chat-container .thread.me .chat > .member {
	background: url(/images/text-balloon-tail.png?101) no-repeat right -50px;
	max-height: 50px;
}

.chat-container .thread .subcomment {
	margin-top: 3px;
	margin-left: 0px; 
}
.chat-container .thread .subcomment .member {
	margin-right: 5px;
	font-weight: bold;
	display: inline-block;	
}

.chat-container .thread .subcomment .body {
	
}

.chat-container .thread .delete-chat-button {
	position: absolute;
	width: 29px; height: 20px;
	bottom: 40px;
	display: none;
}

.chat-container .thread .delete-chat-button img {
	width: 29px; height: 20px;
	background-image: url(/images/icons/sm_delete.png);
}

.chat-container .thread:hover .delete-chat-button {
	display: block;
}

#bubble-menu .comment-form {
	display: block;
	width: 314px; border: none;
	padding: 3px;
	height: 40px;
	font-size: 9pt;
}

/* @end */

/* @group BUBBLE-CHAT-OLD */
/*
#status-window .chat-container {
	background: white;
	padding: 0px; 
}

#status-window .chat-container .thread {
	position: relative;
	padding: 5px;
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc;
}
#status-window .chat-container .thread .title {
	text-align: left;
	margin: 5px 0px;
	font-weight: bold;
}
#status-window .chat-container .thread.item-thread {
	margin-left: 50px;
	border: 1px solid #EEE;
	padding: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: #EEE 1px 1px 3px;
	margin-bottom: 10px;
}

#status-window .chat-container .thread .frame {
	text-align: left;
	max-height: 100px;
	overflow: hidden;
}
#status-window .chat-container .thread .frame .thumbnail {
	max-width: 70px;
}

#status-window .chat-container .thread .chat > .member {
	display: block;
	max-height: 50px;
}
#status-window .chat-container .thread .chat > .member .avatar {
	width: 24px;
	margin-top: 3px;
	position: absolute;
	top: 5px; left: 5px;
}
#status-window .chat-container .thread .chat > .body {
	display: inline-block;
	color: #666; line-height: 140%;
	padding: 8px;
	background: #23394f;
	
	color:white;
	font-size: 9pt;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	max-width: 230px;
	min-width: 50px;
	text-align: left;
	background: none; 
	color:black;
	margin-left: 40px;
}

.IE #status-window  .chat-container .thread .chat > .body {
	background-color: #ffea6d;
}

#status-window .chat-container .thread .shorttime {
	font-size: 8pt;
	color: #999;
	display: none;
}

#status-window .chat-container .thread .subcomment {
	margin-top: 3px;
	margin-left: 0px; 
}
#status-window .chat-container .thread .subcomment .member {
	margin-right: 5px;
	font-weight: bold;
	display: block;	
}

#status-window .chat-container .thread .subcomment .body {
	
}

#status-window .chat-container .thread .delete-chat-button {
	position: absolute;
	width: 29px; height: 20px;
	bottom: 40px;
	display: none;
}

#status-window .chat-container .thread .delete-chat-button img {
	width: 29px; height: 20px;
	background-image: url(/images/icons/sm_delete.png);
}

#status-window .chat-container .thread:hover .delete-chat-button {
	display: block;
}

#bubble-menu .comment-form {
	display: block;
	width: 314px; border: none;
	padding: 3px;
	height: 40px;
	font-size: 9pt;
}
*/
/* @end */

/* @group CHAT-BALLOON-VIEW */
#chat-balloon-view {
	position: absolute;
	background-color: transparent;
}

#chat-balloon-view .chat-balloon {
	position: absolute;
	background: white;
	max-width: 300px; max-height:55px;
	
	border: 4px solid black;
	padding: 8px;
	white-space: normal;
	text-overflow: ellipsis;
	-webkit-border-radius:10px; 
	-webkit-box-shadow:#333 1px 1px 5px; 
	-moz-border-radius:8px; 
	-moz-box-shadow:#333 1px 1px 5px;	
	background-clip: padding-box;
	cursor: pointer;
}
#chat-balloon-view .chat-balloon .label {
	display: block;
	max-height:55px;
	overflow: hidden;
	width: 100%;
	font-size: 12px; min-width: 100px; max-width: 300px;
}
#chat-balloon-view .chat-balloon .member {
	font-weight: bold;
	margin-right: 5px; color: #0084B4;
}
#chat-balloon-view .chat-balloon .tail {
	position: absolute;
	width: 30px; height: 25px;
	background: url(/images/chat_balloon_tail_down.png);
	bottom: -25px; left: 35px; 
}
/* @end */

/* @group VISIBILITY:DASHBOARD */

#dashboard .canvas-widget {
}
body.top #dashboard .canvas-widget,
body.top #dashboard .photo-widget,
body.top #dashboard .movie-widget,
body.top #dashboard .webclip-widget,
body.top #dashboard .book-widget,
body.top #dashboard .doc-widget,
body.top #dashboard .note-widget,
body.top #dashboard .label-widget 
{
	display: none;
}
/* @end */


/* @group VISIBILITY:INSPECTOR */
#inspector.black .canvas-list.list-container { display: none; }
#inspector.black .styler { display: none; }
#inspector.black .open-button,
#inspector.black .open-canvas-button,
#inspector.black .copy-button,
#inspector.black .style-button { display: none; }
#inspector.black .resource-form { display: none; }

#inspector.black.buttonmode .canvas-list.list-container { display: none; }
#inspector.black.buttonmode .styler { display: none; }
#inspector.black.buttonmode .open-button { display: block; }
#inspector.black.buttonmode .style-button { display: none; }
#inspector.black.buttonmode .open-canvas-button { display: none; }
#inspector.black.buttonmode .copy-button { display: block; }
#inspector.black.buttonmode.editable .style-button { display: block; }

#inspector.black.canvaslistmode .canvas-list.list-container { display: block; }
#inspector.black.canvaslistmode .touch-button { display: none; }
#inspector.black.canvaslistmode .styler { display: none; }
#inspector.black.canvaslistmode .flat-toolbar { display: none; }

#inspector.black.stylemode .styler { display: block; }
#inspector.black.stylemode .touch-button { display: none; }
#inspector.black.stylemode .flat-toolbar { display: none; }

#inspector.black.topmode.buttonmode .touch-button { display: none; }
#inspector.black.topmode.buttonmode .open-button { display: block; }
#inspector.black.topmode.buttonmode .open-canvas-button { display: block; }
#inspector.black.topmode.buttonmode .copy-button { display: block; }

#inspector.black .widget-form { display: none; }
#inspector.black.widgetmode .widget-form { display: block; }
#inspector.black.widgetmode .touch-button { display: none; }
#inspector.black.widgetmode .touch-button.widget-button { display: block; }
#inspector.black.widgetmode .resource-form { display: block; }
#inspector.black.widgetmode .body { display: none; }
#inspector.black.widgetmode .flat-toolbar { display: none; }

#inspector.black.uploading .widget-form,
#inspector.black.uploading .touch-button {
	display: none;
}

#inspector.black.buttonmode.Canvas .flat-toolbar { display:; }
#inspector.black.buttonmode.Canvas .open-button { display: none; }
#inspector.black.buttonmode.Canvas .style-button { display: none; }
#inspector.black.buttonmode.Canvas .copy-button { display: none; }
#inspector.black.buttonmode.Canvas .open-canvas-button { display: block; }



body.guest #inspector.black.buttonmode .copy-button { display: none; }
body.guest #inspector.black.buttonmode .style-button { display: none; }


body.inbox #inspector.black.buttonmode .open-canvas-button { display: block; }

body.preview_mode #notepad-button { display: none !important; }
/* @end */

/* @group VISIBILITY:RIGHT-TOOLBAR */
#overlay-view-toolbar { display: none; }
#overlay-view-toolbar #back_to_canvas { display: none; }
#overlay-view-toolbar #close-quickview-button { display: none; }
#overlay-view-toolbar #close-faceboard-button { display: none; }


body.preview_mode #overlay-view-toolbar { display: inline-block; }
body.quickview_mode #overlay-view-toolbar { display: inline-block; }
body.faceboard_mode #overlay-view-toolbar { display: inline-block; }

body.preview_mode #overlay-view-toolbar #back_to_canvas { display: inline-block; }
body.quickview_mode #overlay-view-toolbar #close-quickview-button { display: inline-block; }
body.quickview_mode.preview_mode #overlay-view-toolbar #back_to_canvas { display: inline-block; }
body.quickview_mode.preview_mode #overlay-view-toolbar #close-quickview-button { display: none; }
body.faceboard_mode #overlay-view-toolbar #close-faceboard-button { display: inline-block; }
/* @end */

/* @group VISIBILITY:PREVIEW-TOOLBAR */
body #preview-toolbar { display: none; }
body.preview_mode #preview-toolbar { display: inline-block; }
#open_website_button { 	display: none !important; }
body.preview_mode.WebItem #open_website_button { 	display: inline-block !important; }

/* @end */

/* @group VISIBILITY:FACEBOARD-VIEWS */
#face-board { display: none; }
body.faceboard_mode #face-board { display: block; }

#faceboard-toolbar { display: none; }
body.faceboard_mode #faceboard-toolbar { display: inline-block; }
body.faceboard_mode #canvas-toolbar { display: none; }

#tb-canvas-ring { display: none; }
/*body.canvas_mode.editable #tb-canvas-ring { display: inline-block; }*/
body.canvas_mode.ring #tb-canvas-ring { display: inline-block; }
body.preivew_mode #tb-canvas-ring { display: none !important; }
body.faceboard_mode #tb-canvas-ring { display: none !important; }
body.quickview_mode #tb-canvas-ring { display: none !important; }
/* @end */

/* @group VISIBILITY:VIEW-MODE-TOOLBAR */


/* @end */

/* @group VISIBILITY:INBOX-MODE */
body.inbox #tb-canvas-ring { display: none !important; }
body.inbox #dashboard-button { display: none; }
body.inbox #dashboard .widget-item { display: none; }
body.inbox #tb-canvas-chat { display: none; }
/* @end */

/* @group VISIBILITY:TOP-MODE */
body.top #tb-canvas-ring { display: none !important; }
body.top #tb-canvas-chat { display: none; }
/* @end */


/* @group VISIBILITY:WIDGETS */
#inspector .widget-form .canvas-widget-form #canvas-list { display: none; }
#inspector .widget-form.select-canvas-mode .canvas-widget-form #canvas-list { display: block; }
#inspector .widget-form.select-canvas-mode .canvas-widget-form .touch-button { display: none; }
/* @end */


/* @group VISIBILITY:GUEST */
body.guest #tb-home-button { display: none; }
body.guest #tb-inbox-button { display: none; }
body #tb-inbox-button { display: none !important; } 
/* @end */

/* @group ANIMATION */
/*
.main_container {
	-webkit-transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1.5s;
}
.main_container.back {
	-webkit-transform: rotateY(180deg);
	background-image: url(/images/basic_corkboard.jpg);
}
*/
/* @end */