/* @override 
	http://popeggdev/stylesheets/app_buttons.css?1276643253
	http://popeggdev/stylesheets/app_buttons.css?1277186955
*/

/* @group 버튼기본특성 */
.button {
	cursor: pointer !important;
}

a.button {
	-moz-user-select: none;
	border: medium none;
	cursor: default;
	margin: 0;
	padding: 0;
	text-decoration: none !important;
}

a.button:hover, a.checkbox:hover, a.radio:hover {
	text-decoration: none;
}
a.button:active, a.button.active, a.button:focus, a.button.focus {
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
}
a.button img {
	border: medium none;
}

.button.active .label, .button.pressed .label {
	color: #000000;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
/* @end */

/* @group 기존 툴바버튼 속성에서 #header뺀것 */


/* button body */
 .toolbar a.button {
	background: transparent url(/images/app/controls.png) no-repeat scroll left -2904px;
	display: inline-block;
	height: 24px;
	margin-top: -4px !important;
	position: relative;
	vertical-align: middle;
}
 .toolbar a.normal {
	margin-left: 3px;
	margin-right: 3px;
}
 .toolbar a.button.active, 
 .toolbar a.button.sel {
	background-position: left -2928px;
}
 .toolbar a.button.disabled, 
 .toolbar a.button.sel.disabled {
	background-position: left -2952px;
}

/* button inner */
 .toolbar a.button .button-inner {
	position: relative;
	background: transparent url(/images/app/controls.png) no-repeat scroll right -3120px;
	display: block;
	min-width: 48px; height: 24px;
	line-height: 20px;
	text-align: center;
}
.toolbar.compact a.button .button-inner {
	min-width: 44px;
}
 .toolbar a.button.active .button-inner, 
 .toolbar a.button.sel .button-inner {
	background-position: right -3144px;
}

/* button label */
 .toolbar .button .label, 
 .toolbar .button.active .label {
	position: relative;
	background: transparent url(/images/app/controls.png) repeat-x scroll left -3048px;
	color: #F0F0F0;
	display: block;
	font-size: 12px; line-height: 24px;
	height: 24px;
	margin: 0 8px;
	z-index: 50;
	white-space:nowrap;
}
 .toolbar .button.disabled .label {
	color: #999999;
}

.toolbar .button.sel .label, 
.toolbar .button.active .label {
	background-position: left -3072px !important;
}

/* button img */
 .toolbar .button img {
	height: 16px;
	left: 8px;
	position: absolute;
	top: 3px;
	vertical-align: middle;
	width: 32px;
	z-index: 99;
}

 .toolbar .button.summary_button .button-inner,
 .toolbar .button.thumbnail_button .button-inner,
 .toolbar .button.page_button .button-inner
{
	width: 80px;
}
 .toolbar .button.adv_button img {
	width: 32px; 
}



 .toolbar .button.adv_button .label {
	padding-left: 32px;
}


 .toolbar .button.has_label .label {
	white-space: nowrap;
	padding-left: 20px;
	
}

 .toolbar .button.has_label.no-icon .label {
	white-space: nowrap;
	padding-left: 0px;
	min-width: 50px;
	
}

 .toolbar .button.has_label img {
	left: 0px;
}

/* segment buttons */
 .toolbar a.mid img {
	left: 6px;
}

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

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

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

 .toolbar a.mid .button-inner {
	 width: 44px; 
}
 .toolbar.compact {
	text-align: center;
}
 .toolbar.compact a.mid .button-inner {
	 width: auto; 
}

 .toolbar a.mid .button-inner {
	background-position: right -3192px ;
}
 .toolbar a.mid.active .button-inner,
 .toolbar a.mid.sel .button-inner {
	background-position: right -3216px ;
}
 .toolbar a.mid.disabled .button-inner {
	background-position: right -3240px ;
}


 .toolbar a.left-end {
	margin-right: 0;
}
 .toolbar.compact a.left-end .button-inner {
	width: 50px;
}
 .toolbar.compact a.right-end .button-inner {
	width: 50px;
}

 .toolbar a.left-end .button-inner {
	background-position: right -3192px;
	/*width: 45px;*/
}
 .toolbar a.left-end.active .button-inner, 
 .toolbar a.left-end.sel .button-inner {
	background-position: right -3216px;
}
 .toolbar a.mid.disabled .button-inner {
	background-position: right -3240px ;
}


 .toolbar a.right-end {
	background-position: left -2976px;
	margin-left: -1px;/*margin-right:7px; */
}
 .toolbar a.right-end.active, 
 .toolbar a.right-end.sel {
	background-position: left -3000px;
}

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

.toolbar .button .label, .toolbar .button.active .label, .toolbar .button.sel .label {
	color: #F0F0F0;
	font-size: 11px !important;
	/*font-weight: bold !important;*/
	/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);*/
}

 .toolbar a.button.back_button {
	position: absolute;
	left: 10px;
}


/* @end */



/* @group 툴바버튼 */

/* @group 오른쪽툴바(로그인/로그아웃) */
#header a.logout_button {
	/*margin-left: 12px;*/
	position: absolute; display: block;
	top: 0px; right: 0px;
	width: 71px; height: 43px;
	padding: 0;
	background: transparent url(/images/app/shared_single_flatbtn.png) no-repeat scroll -100px -598px;
}

#header a.logout_button:hover, 
#header a.logout_button.hover {
	background-position: -100px -662px;
}
#header a.logout_button:active, 
#header a.logout_button.active {
	background-position: -100px -726px;
}

#header a.logout_button .button-inner {
	background: none; 
	/*
	position: relative;
	display: block;
	height:43px;
	border: 2px solid red;*/
}
#header a.logout_button .button-inner img {
	display: none;
}
#header a.logout_button .button-inner .label {
	position: relative;
	top: 15px; color: #999999;
	font-size: 12px;
	color: #F0F0F0;
	text-shadow: none;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
*/
/**/

/* @end */

/* @group 책장툴바 */
a.button img.reader-toolbar-sprite {
	background: transparent url(/images/app/corephotos_assets.png) no-repeat scroll left top;
}

a.button img.reader-toolbar-sprite.thumbnail-icon {
	background-position: 0 -16px;
}

a.button.disabled img.reader-toolbar-sprite.thumbnail-icon {
	background-position: 0 0px;
}

a.button img.reader-toolbar-sprite.page-icon {
	background-position: -24px -16px;
}

a.button.disabled img.reader-toolbar-sprite.page-icon {
	background-position: -24px 0px;
}


/* @end */



/* @group Header toolbar buttons */

/* button body */
#header .toolbar a.button {
	background: transparent url(/images/app/controls.png) no-repeat scroll left -2904px;
	display: inline-block;
	height: 24px;
	margin-top: -4px !important;
	position: relative;
	vertical-align: middle;
}
#header .toolbar a.normal {
	margin-left: 3px;
	margin-right: 3px;
}
#header .toolbar a.button.active, 
#header .toolbar a.button.sel {
	background-position: left -2928px;
}
#header .toolbar a.button.disabled, 
#header .toolbar a.button.sel.disabled {
	background-position: left -2952px;
}

/* button inner */
#header .toolbar a.button .button-inner {
	position: relative;
	background: transparent url(/images/app/controls.png) no-repeat scroll right -3120px;
	display: block;
	min-width: 48px; 
	height: 24px;
	line-height: 20px;
	text-align: center;
}
#header .toolbar a.button.active .button-inner, 
#header .toolbar a.button.sel .button-inner {
	background-position: right -3144px;
}

/* button label */
#header .toolbar .button .label, 
#header .toolbar .button.active .label {
	position: relative;
	background: transparent url(/images/app/controls.png) repeat-x scroll left -3048px;
	color: #F0F0F0;
	display: block;
	font-size: 12px; line-height: 24px;
	height: 24px;
	margin: 0 8px;
	z-index: 50;
}
#header .toolbar .button.disabled .label {
	color: #999999;
}

#header .toolbar .button.sel .label, 
#header .toolbar .button.active .label {
	background-position: left -3072px;
}

/* button img */
#header .toolbar .button img {
	height: 16px;
	left: 8px;
	position: absolute;
	top: 3px;
	vertical-align: middle;
	width: 32px;
	z-index: 99;
}

#header .toolbar .button.summary_button .button-inner,
#header .toolbar .button.thumbnail_button .button-inner,
#header .toolbar .button.page_button .button-inner
{
	width: 80px;
}
#header .toolbar .button.adv_button img {
	width: 32px; 
}



#header .toolbar .button.adv_button .label {
	padding-left: 32px;
}


#header .toolbar .button.has_label .label {
	white-space: nowrap;
	padding-left: 20px;
	
}

#header .toolbar .button.has_label.no-icon .label {
	white-space: nowrap;
	padding-left: 0px;
	min-width: 50px;
	
}

#header .toolbar .button.has_label img {
	left: 0px;
}

/* segment buttons */
#header .toolbar a.mid img {
	left: 6px;
}

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

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

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

#header .toolbar a.mid .button-inner {
	width: 44px;
}
#header .toolbar a.mid .button-inner {
	background-position: right -3192px ;
}
#header .toolbar a.mid.active .button-inner,
#header .toolbar a.mid.sel .button-inner {
	background-position: right -3216px ;
}
#header .toolbar a.mid.disabled .button-inner {
	background-position: right -3240px ;
}


#header .toolbar a.left-end {
	margin-right: 0;
}
#header .toolbar a.left-end .button-inner {
	background-position: right -3192px;
	width: 45px;
}
#header .toolbar a.left-end.active .button-inner, 
#header .toolbar a.left-end.sel .button-inner {
	background-position: right -3216px;
}
#header .toolbar a.mid.disabled .button-inner {
	background-position: right -3240px ;
}


#header .toolbar a.right-end {
	background-position: left -2976px;
	margin-left: -1px;/*margin-right:7px; */
}
#header .toolbar a.right-end.active, 
#header .toolbar a.right-end.sel {
	background-position: left -3000px;
}

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

.toolbar .button .label, .toolbar .button.active .label, .toolbar .button.sel .label {
	color: #F0F0F0;
	font-size: 11px !important;
	/*font-weight: bold !important;*/
	/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);*/
}

#header .toolbar a.button.back_button {
	position: absolute;
	left: 10px;
}
a.button.canvas_menu_button {
}
a.button.canvas_menu_button .button-inner {
	min-width: 26px !important; 
}
a.button.canvas_menu_button .button-inner .sprite {
	width: 12px;
}

/**
.firefox .toolbar .button .label {
opacity:0.999;
}
***/
/* @end */




/* @end */

/* @group button base setting */

a.button:hover, a.checkbox:hover, a.radio:hover {
	text-decoration: none;
}
a.button:active, a.button.active, a.button:focus, a.button.focus {
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
}
a.button img {
	border: medium none;
}

.button.active .label, .button.pressed .label {
	color: #000000;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.disabled {
	color: #999999 !important;
}
.sel {
	color: #FFFFFF;
	/*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);*/
}

a.regular.small {
	background:transparent url(/images/app/controls.png) no-repeat scroll right -1296px;
	display:inline-block;
	height:19px;
	margin-left:2px;
	margin-right:2px;
	padding-right:9px;
	text-align:center;
}
a.regular.small span.button-inner {
	background:transparent url(/images/app/controls.png) no-repeat scroll 0 -960px;
	display:block;
	height:19px;
}
a.regular.small span.label {
background:transparent url(/images/app/controls.png) repeat-x scroll 0 -1152px;
display:block;
height:12px;
margin-left:9px;
min-width:22px;
padding:1px 0 6px;
padding:3px 0 4px;
text-align:center;
}
.button.regular.small .label, .button.capsule.small .label, .button.dropdown.small .label, .button.popup.small .label {
font-size:11px;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.75);
}

a.regular.small.active {
background:transparent url(/images/app/controls.png) no-repeat scroll right -1320px;
}
a.regular.small.active span.button-inner {
	background:transparent url(/images/app/controls.png) no-repeat scroll 0 -984px;
}
a.regular.small.active span.label {
background:transparent url(/images/app/controls.png) repeat-x scroll 0 -1176px;
}
.button.small.active .label, .button.small.pressed .label {
color:#000000;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.75);
}


/* @end */

/* @group button: regular/dropdown/popup */

a.button.regular.def .label, 
a.button.capsule.def .label, 
a.button.dropdown.def .label, 
a.button.popup.def .label, 
a.button.regular.sel .label, 
a.button.capsule.sel .label, 
a.button.dropdown.sel .label, 
a.button.popup.sel .label {
	color: #000000;
	/*text-shadow: 0 1px 0 rgba(206, 214, 221, 0.75);*/
}
a.button.regular .label, 
a.button.capsule .label, 
a.button.dropdown .label, 
a.button.popup .label {
	color: #000000;
	font-size: 13px;
	font-weight: normal !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	white-space: nowrap;
}
a.button.regular.disabled .label, a.button.capsule.disabled .label, 
a.button.dropdown.disabled .label, a.button.popup.disabled .label, 
a.button.regular.disabled.def .label, a.button.capsule.disabled.def .label, a.button.dropdown.disabled.def .label, a.button.popup.disabled.def .label {
	color: #9A9A9A;
}

a.regular span.button-inner {
	display: block;
	height: 22px;
	max-height: 22px;
	position: relative;	
	background: transparent url(/images/app/controls.png) no-repeat scroll 0 0;
	display: block;
	height: 24px;
}

.button.regular .label, .button.capsule .label, .button.dropdown .label, .button.popup .label {
	color: #010101;
	font-size: 13px;
	white-space: nowrap;
}

/* @end */


/* @group button: capsule button */

a.capsule {
	background: transparent url(/images/app/controls.png) no-repeat scroll right -816px;
	display: inline-block;
	height: 24px;
	margin-left: 2px;
	margin-right: 2px;
	padding-right: 16px;
	text-align: center;
}
a.capsule span.button-inner {
	background: transparent url(/images/app/controls.png) no-repeat scroll 0 -672px;
	display: block;
	height: 24px;
}
a.capsule span.label {
	background: transparent url(/images/app/controls.png) repeat-x scroll 0 -192px;
	display: block;
	height: 14px;
	margin-left: 16px;
	min-width: 48px;
	padding: 3px 0 7px;
	text-align: center;
}

a.capsule.active {
	background: transparent url(/images/app/controls.png) no-repeat scroll right -840px;
}

a.capsule.active span.button-inner {
	background: transparent url(/images/app/controls.png) no-repeat scroll 0 -696px;
}

a.capsule.active span.label {
	background: transparent url(/images/app/controls.png) repeat-x scroll 0 -216px;
}

/* 강조/디폴트 팹슐버튼 */
a.capsule.sel, a.capsule.def {
	background: transparent url(/images/app/controls.png) no-repeat scroll right -864px;
}
a.capsule.sel span.button-inner, a.capsule.def span.button-inner {
	background: transparent url(/images/app/controls.png) no-repeat scroll 0 -720px;
}
a.capsule.sel span.label, a.capsule.def span.label {
	background: transparent url(/images/app/controls.png) repeat-x scroll 0 -240px;
}

/* Active */
a.capsule.sel.active, a.capsule.def.active {
	background: transparent url(/images/app/controls.png) no-repeat scroll right -888px;
}
a.capsule.sel.active span.button-inner, a.capsule.def.active span.button-inner {
	background: transparent url(/images/app/controls.png) no-repeat scroll 0 -744px;
}
a.capsule.sel.active span.label, a.capsule.def.active span.label {
	background: transparent url(/images/app/controls.png) repeat-x scroll 0 -264px;
}

/* disabled 팹슐버튼 */
a.capsule.disabled {
	background: transparent url(/images/app/controls.png) no-repeat scroll right -912px;
}
a.capsule.disabled span.button-inner {
	background: transparent url(/images/app/controls.png) no-repeat scroll 0 -768px;
}
a.capsule.disabled span.label {
	background: transparent url(/images/app/controls.png) repeat-x scroll 0 -288px;
	color: #999999;
}
/* @end */



/* @group checkbox base setting */
a.checkbox {
	margin-left: 4px;
	margin-right: 4px;
}
a.checkbox img.button {
	background: transparent url(/images/app/controls.png) no-repeat scroll 0 -2400px;
	height: 16px;
	position: relative;
	top: -2px;
	vertical-align: middle;
	width: 16px;
}

a.checkbox.sel img.button {
	background: transparent url(/images/app/controls.png) no-repeat scroll -16px -2400px;
}

.checkbox .label {
	color: #000000;
	font-size: 13px;
	font-weight: normal;
	text-shadow: none;
}
/* @end */

/* @group button: mini */



.button.regular.mini .label, 
.button.capsule.mini .label, 
.button.dropdown.mini .label, 
.button.popup.mini .label {
	color: #000000;
	font-size: 11px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}


a.regular.mini {
	background: transparent url(/images/app/controls.png) no-repeat scroll right -2208px;
	display: inline-block;
	height: 17px;
	margin-left: 2px;
	margin-right: 2px;
	padding-right: 5px;
	text-align: center;
}

a.regular.mini span.button-inner {
	background: transparent url(/images/app/controls.png) no-repeat scroll 0 -1920px;
	display: block;
	height: 17px;
}

a.regular.mini span.label {
	background: transparent url(/images/app/controls.png) repeat-x scroll 0 -2064px;
	display: block;
	height: 12px;
	margin-left: 5px;
	min-width: 30px;
	padding: 0 0 5px;
	text-align: center;
}

a.button.mini span.label {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 11px !important;
	font-weight: bold !important;
	line-height: 16px;
	min-width: 42px;
	text-shadow: none;
}

a.plain.button.mini {
	background: transparent url(/images/app/button_sprites.png) no-repeat scroll right -516px;
}

a.plain.button.mini span.button-inner {
	background: transparent url(/images/app/button_sprites.png) no-repeat scroll left -444px;
}

a.plain.button.mini span.label {
	background: transparent url(/images/app/button_sprites.png) repeat-x scroll 0 -480px;
	color: #3E4040;
	text-shadow: 0 1px 0 #FFFFFF;
}

a.plain.button.mini.active {
	background-position: right -534px;
}

a.plain.button.mini.active span.button-inner {
	background-position: left -462px;
}

a.plain.button.mini.active span.label {
	background-position: 0 -498px;
}


/* @end */

/* Stack 아이콘 */
a.button img.shared-toolbar-sprite {
	background: transparent url(/images/app/controls.png) repeat scroll left top;
}
a.button img.shared-toolbar-sprite.adv-icon {
	background-position: left -3808px;	
}

a.button img.shared-toolbar-sprite.dropdown-menu-icon {
	background-position: -20px -3808px;
	background-repeat: no-repeat;	 
	width: 12px;
}

a.button img.shared-toolbar-sprite.download-icon {
	background-image: url(/images/app/files_assets.png);
	background-position: left -1696px;
}

a.button img.contacts-toolbar-sprite {
	background: transparent url(/images/app/contacts_assets.png) no-repeat scroll left top;
}

/* 아이콘 모음 */
a.button img.delete-icon {
	background-position: 0px -3904px;
}
a.button.disabled img.delete-icon {
	background-position: 0px -3920px;
}

a.button img.download-icon {
	background-image: url(/images/app/files_assets.png);
	background-position: left -1696px;
}
a.button.disabled img.download-icon {
	background-image: url(/images/app/files_assets.png);
	background-position: left -1712px; 
}

.preview-toolbar-sprite {
	background: transparent url(/images/app/preview_toolbar_sprites.png) no-repeat scroll left top;
}
a.button img.add-comment-icon {
	background-position: -8px -4px;
}
a.button.disable img.add-comment-icon {
	opacity: 0.5;
}
a.button img.toggle-comment-icon {
	background-position: -8px -94px;
}
a.button.disable img.toggle-comment-icon {
	opacity: 0.5;
}
a.button img.comment-icon {
	background: url(/images/app/tb_comment.png) no-repeat scroll 8px top;
}