/* disable user-select */
html, body, .lightbox {
	user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
input[type=text],
input[type=textarea] {
	user-select: text;
	-moz-user-select: text;
	-khtml-user-select: text;
	-webkit-user-select: text;
}

input[type=text][readonly],
input[type=textarea][readonly] {
	user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

input[type=text][readonly].selectabletext,
input[type=textarea][readonly].selectabletext {
	user-select: text;
	-moz-user-select: text;
	-khtml-user-select: text;
	-webkit-user-select: text;
}

/* overwrite ExtJS styles */

.ext-el-mask {
	background-color: rgb(250, 250, 250);
	filter: Alpha(opacity=85);
	opacity: 0.85;
}
.x-border-layout-ct {
	background-color: transparent;
}

.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
	border-bottom-color: transparent;
}

.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
	border-top-color: transparent;
}

.x-toolbar {
	background: none;
}

.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
	font: 12px verdana, tahoma, arial, helvetica, sans-serif;
}

.x-panel-fbar td, .x-panel-fbar span, .x-panel-fbar input, .x-panel-fbar div, .x-panel-fbar select, .x-panel-fbar label {
	font: 12px verdana, tahoma, arial, helvetica, sans-serif;
}

.x-toolbar-left .x-btn-noicon .x-btn-small em {
	margin: 0 10px;
}

.x-statusbar .x-status-text {
	line-height: 20px;
}

.x-btn button {
	font: 12px verdana, tahoma, arial, helvetica, sans-serif;
}
/*
.x-btn em {
	filter: Alpha(opacity=70);
	opacity: 0.7;
}
.x-btn.x-btn-over em,
.x-btn.x-btn-menu-active em {
	filter: Alpha(opacity=100);
	opacity: 1;
}*/
.x-btn.x-btn-over button,
.x-btn.x-btn-menu-active button {
	color: white;
}

.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc {
	background-image: none;
}

.x-list-body dt em {
	font: 13px verdana, tahoma, arial, helvetica, sans-serif;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.x-form-field {
	font: 13px verdana, tahoma, arial, helvetica, sans-serif;
}
.x-form-item {
	color: rgb(80,90,100);
	font: 13px verdana, tahoma, arial, helvetica, sans-serif;
	margin-bottom: 10px;
}
.x-form-item-label {
	width: 180px !important;
}
.x-form-cb-label {
	top: 0;
}
.x-form-element {
	padding-left: 185px !important;
}
.x-form-indent-formfield-ct {
	height: 23px;
}
.x-form-indent-button { /* customize indent for button or something */
	margin: -6px auto 10px 183px;
}

.syno-radiobox .x-form-check-wrap .x-form-radio+label.x-form-cb-label {
	height:20px;
	width: 20px;
	padding-bottom: 4px;
	background: url(../images/White/radio_button.png) left -20px no-repeat;
	cursor: pointer;
	line-height: 20px;
}
.ext-ie11.ext-gecko .syno-radiobox .x-form-check-wrap .x-form-radio + label.x-form-cb-label {
	padding-bottom: 4px;
	top: -1px;
}
.ext-ie11 .x-form-item.x-hide-label {
	overflow: hidden;
}
.syno-radiobox .x-form-check-wrap label.x-checkbox-checked {
	background-position: left -60px !important;
}
.syno-radiobox .x-form-check-wrap.x-item-disabled .x-form-radio+label.x-form-cb-label {
	background: url(../images/White/radio_button.png) left 0px no-repeat;
}
.syno-grid-enable-column-unchecked {
	background: url(../images/White/checkbox.png) center -20px no-repeat;
	height: 20px;
}
.syno-grid-enable-column-checked {
	background: url(../images/White/checkbox.png) center -60px no-repeat;
	height: 20px;
}
.x-checkbox {
	cursor: pointer;
	height: 20px;
	width: 20px;
	background: url(../images/White/checkbox.png) left -20px no-repeat;
}
.x-form-focus .x-checkbox, .x-checkbox-over .x-checkbox {
	background-position: 0 0px;
}
.x-checkbox-checked .x-checkbox {
	background-position: 0 -60px;
}
.x-item-disabled .x-checkbox {
	color: none;
	background-position: 0 0px;
}

.x-menu {
	background: white;
}
.x-menu-list {
	padding: 2px;
}
.x-menu-sep {
	background-color: rgb(220,230,240);
}
.x-menu-list-item {
	font: 13px verdana, tahoma, arial, helvetica, sans-serif;
	/*height: 26px;*/
}
.x-menu-list-item.x-menu-date-item {
    /*height: auto;*/
}
.x-menu-list-item.x-menu-sep-li {
	height: auto;
}
.x-menu-item-arrow {
	background-image: url(../images/White/dropdow_menu_parent.png);
	background-position: right -3px;
}
.x-menu-item-active .x-menu-item-arrow {
	background-position: right -31px;
}
.x-menu-floating {
	border-color: rgb(160, 170, 180);
	box-shadow: 0px 2px 3px rgba(0, 0, 0,0.5);
}
.x-menu-item-active {
	border-color: transparent;
}
.x-menu-list-item a.x-menu-item {
	margin-top: 1px;
}
.x-menu-item-active a.x-menu-item {
	color: white;
	border-color: transparent;
}
.x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
	background:url(../images/White/dropdow_menu_tick.png) -3px -6px no-repeat;
	width: 28px;
	height: 28px;
}
.x-menu-item-checked.x-menu-item-active .x-menu-group-item .x-menu-item-icon {
	background-position: -3px -34px;
}

.label-textfield .label-textfield-label {
	line-height: 21px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.label-textfield .label-textfield-textfield input {
	font: 13px verdana, tahoma, arial, helvetica, sans-serif;
}

.x-combo-list,
.ext-webkit .x-small-editor .x-form-field {
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
}

.x-form-text {
	color: rgb(80,90,100);
	background-image: none;
	background-color: transparent;
	border-color: rgb(175,180,185);
	height: 22px !important;
	box-shadow: inset 0px 1px 0px rgba(0,0,0,0.1);
}
.x-form-field-trigger-wrap .x-form-trigger {
	height: 24px !important;
	width: 18px;
	margin-left: -1px;
	background:  white url(../images/Window/icon_dropdown_70.png) no-repeat 0 -2px;
	border: 1px solid rgb(175,180,185);
	border-left: none;
	box-shadow: inset 0px 1px 0px rgba(0,0,0,0.1);
}

.x-form-invalid {
	background-color: #fee;
	border-color: #ff7870;
}

/* general style */
html, body, input {
	font: 13px verdana, tahoma, arial, helvetica, sans-serif;
}
/* background color setting */
.left-panel .x-panel-body, .center-panel .x-panel-body {
	background-color: transparent;
}
.left-panel .syno-textfilter .x-form-field-wrap {
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.8);
}
.left-panel.transition-effect .x-panel-body {
	transition: background-color 1s;
	-webkit-transition: background-color 1s; /* Safari */
	-moz-transition: background-color 1s;
	-ms-transition: background-color 1s;
	-o-transition: background-color 1s;
}
.left-panel.left-panel-expand-collapse .x-panel-body{
	background-color: rgba(255,255,255,0.2);
}
/* main panel */
.x-panel-tbar .x-toolbar.main-top-bar {
	padding: 0;
}
.main-top-bar .x-toolbar-right-ct {
	margin-right: 10px;
}
.main-top-bar .x-toolbar-cell {
	padding: 5px 0;
}
.main-top-bar .x-btn-mc {
	padding: 0 6px !important;
}
.main-top-bar .x-btn-noicon .x-btn-small .x-btn-text {
	height: 20px;
}
.main-top-bar .x-btn-mc em.x-btn-arrow {
	background-image: url(../images/White/icon_dropdown_70.png);
	padding-right: 16px;
	background-position: right -3px;
}
.main-top-bar .x-btn-over .x-btn-mc em.x-btn-arrow,
.main-top-bar .x-btn-menu-active .x-btn-mc em.x-btn-arrow {
	background-position: right -31px;
}

/* left panel */

.logo-container {
	max-width: 200px;
	max-height: 200px;
	min-height: 70px;
	margin-bottom: 10px;
	cursor: pointer;
	overflow: hidden;
}
.logo-container img {
	max-width: 200px;
	max-height: 200px;
}

.syno-textfilter .x-form-field-wrap {
	margin: 0 0 18px 6px;
}
.left-content-menu {
	padding: 5px 5px 10px 5px;
}
.left-content-menu .syno-textfilter .x-form-field-wrap {
	margin: 9px 4px;
}
.left-content-menu .syno-textfilter .x-form-field-wrap .x-form-field-wrap-center .x-form-empty-field,
.syno-textfilter .x-form-field-wrap .x-form-field-wrap-center .x-form-empty-field {
	color: rgb(160, 170, 180);
}
.left-content-menu .syno-textfilter .x-form-field-wrap .syno-textfilter-text,
.syno-textfilter .x-form-field-wrap .syno-textfilter-text {
	font: 13px verdana, tahoma, arial, helvetica, sans-serif;
	line-height: 20px;
	height: 24px !important;
	padding-left: 30px;
	background-image: url(../images/White/icon_search.png);
	background-position: 0 -84px;
	box-shadow: none;
}
.left-content-menu .syno-textfilter .x-form-field-trigger-wrap .syno-textfilter-trigger,
.syno-textfilter .x-form-field-trigger-wrap .syno-textfilter-trigger {
	margin-top: 3px;
	box-shadow: none;
}
.left-content-menu .syno-textfilter .search-icon,
.syno-textfilter .search-icon {
	display: inline-block;
	width: 38px;
	height: 20px;
	margin-left: -3px;
}
.left-conten-menu .syno-textfilter .search-icon button.x-btn-text,
.syno-textfilter .search-icon button.x-btn-text {
	background: url(../images/White/icon_search.png) no-repeat 0 -6px;
	width: 38px;
	height: 20px;
}
.left-content-menu .syno-textfilter .search-icon .x-btn-over .x-btn-mc,
.syno-textfilter .search-icon .x-btn-over .x-btn-mc {
	background-color: transparent;
}
.left-content-menu .syno-textfilter .search-icon .x-btn-over button.x-btn-text,
.left-panel .syno-textfilter .search-icon .x-btn-over button.x-btn-text {
	background-position: 0 -34px;
}
.left-content-menu .x-list-body,
.left-panel .x-list-body {
	float: none;
}

.left-content-menu dl,
.left-panel dl {
	height: 32px;
	padding: 2px 0;
}

.left-content-menu .x-panel-body,
.left-content-menu .x-list-over,
.left-content-menu .x-list-selected,
.left-panel .x-list-over,
.left-panel .x-list-selected {
	background: none;
}

.left-content-menu .x-list-over em,
.left-panel .x-list-over em {
	font-weight: bold;
}
.left-content-menu .x-list-selected em,
.left-panel .x-list-selected em {
	font-weight: bold;
}
.left-content-menu .drag-node,
.left-panel .drag-node {
	filter: Alpha(opacity=0);
	opacity: 0;
}
.left-content-menu .prev-node,
.left-content-menu .next-node,
.left-panel .prev-node,
.left-panel .next-node {
	position: relative;
}
.left-content-menu .prev-node dt,
.left-content-menu .next-node dt,
.left-panel .prev-node dt,
.left-panel .next-node dt {
	position: absolute;
	z-index: 1;
	transition: top 218ms ease-in;
	-webkit-transition: top 218ms ease-in;
	-moz-transition: top 218ms ease-in;
	-ms-transition: top 218ms ease-in;
	-o-transition: top 218ms ease-in;
}
.left-content-menu .prev-node dt,
.left-panel .prev-node dt {
	top: -10px;
}
.left-content-menu .next-node dt,
.left-panel .next-node dt {
	top: 10px;
}
.left-content-menu .prev-node em,
.left-content-menu .next-node em,
.left-panel .prev-node em,
.left-panel .next-node em {
	font-weight: normal;
}

.left-content-menu .x-list-footer,
.left-panel .x-list-footer {
	height: 0px;
	border-bottom: 1px dashed;
	border-bottom-color: rgba(40,50,60,0.25);
	margin: 4px 0;
}
.left-panel .x-panel-fbar .x-toolbar-cell {
	padding: 0px;
}
.left-panel .x-panel-footer {
	padding: 0;
}

.category-list .x-list-body dl .edit,
.category-list .x-list-body dl .delete {
	float: right;
	width:22px;
	height:22px;
}
.category-list .x-list-body dl.x-list-over .edit {
	background: url(../images/White/icon_24_category_edit.png) no-repeat 0 -3px;
}
.category-list .x-list-body dl.x-list-over .edit:hover {
	background: url(../images/White/icon_24_category_edit.png) no-repeat 0px -31px;
	opacity: 1;
	filter: Alpha(opacity=100);
}
.category-list .x-list-body dl.x-list-over .delete {
	background: url(../images/White/icon_24_category_delete.png) no-repeat 0 -3px;
}
.category-list .x-list-body dl.x-list-over .delete:hover {
	background: url(../images/White/icon_24_category_delete.png) no-repeat 0px -31px;
	opacity: 1;
	filter: Alpha(opacity=100);
}
.category-btn .x-btn-small .x-btn-text {
	background: transparent url(../images/White/icon_24_add.png) no-repeat 0 0;
	height: 28px;
	width: 24px;
}
.category-btn.x-btn-over .x-btn-small  .x-btn-text {
	background-position: 0 -28px;
}

/* center panel */

.ext-el-mask-msg.loading-mask,
.photo-window .ext-el-mask-msg.loading-mask {
	background-image: url(../images/White/loading_16.gif);
	background-repeat: no-repeat;
	background-position: 18px center;
	border-width: 0px;
	z-index: 9000;
	border-radius: 3px;
	height: 40px;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.7);
	padding-left: 18px;
}
.ext-el-mask-msg.loading-mask div,
.photo-window .ext-el-mask-msg.loading-mask div{
	background-color: transparent;
	font: 16px verdana, tahoma, arial, helvetica, sans-serif;
	color: rgb(255,255,255);
	border-width: 0px;
	padding-left: 25px;
	line-height: 30px;
}

.center-panel .x-btn button {
	font-size: 13px;
}

.center-panel .x-btn-noicon .x-btn-small .x-btn-text {
	line-height: 18px;
	height: 18px;
}
.x-panel-noborder .x-panel-tbar-noborder .action-bar.x-toolbar {
	border-bottom-color: rgba(40, 50, 60, 0.25);
}

.photo-setting .x-panel-noborder .x-panel-tbar-noborder .action-bar.x-toolbar,
.photo-setting-help .x-panel-noborder .x-panel-tbar-noborder .action-bar.x-toolbar {
	border: none;
}

.action-bar .x-btn-noicon .x-btn-small .x-btn-text,
.photo-paging-bar .x-btn-noicon .x-btn-small .x-btn-text,
.timeline-menu-button.x-btn-noicon .x-btn-small .x-btn-text {
	height: 28px;
}
.center-panel .action-bar {
	padding: 0 0 4px 0;
}
.main-panel .left-panel-switch-btn {
	position: relative;
	left: 4px;
	top: -40px;
}
.main-panel .left-panel .left-panel-switch-btn {
	position: inherit;
}
.main-panel .left-panel-switch-btn.x-btn .x-btn-small .x-btn-text {
	height: 24px;
	width: 24px;
	background: transparent url(../images/White/icon_24_category_show.png) no-repeat 0 -2px;
}
.main-panel .left-panel .left-panel-switch-btn.x-btn .x-btn-small .x-btn-text {
	background: transparent url(../images/White/icon_24_category_hide.png) no-repeat 0 -2px;
}
.main-panel .left-panel-switch-btn.x-btn.x-btn-over .x-btn-small .x-btn-text {
	background-position: 0 -30px;
}
.main-panel .left-panel-switch-btn.x-btn.x-btn-over .x-btn-small .x-btn-text em {
	opacity: 1;
	filter: Alpha(opacity=100);
}
.center-panel .x-toolbar-left .left-panel-switch-btn.x-btn-noicon .x-btn-small em {
	margin: 0;
}

.upload-window-footer .add-more-photo-text .x-btn-tl, .upload-window-footer .add-more-photo-text .x-btn-tr,
.upload-window-footer .add-more-photo-text .x-btn-tc,
.upload-window-footer .add-more-photo-text .x-btn-ml, .upload-window-footer .add-more-photo-text .x-btn-mr,
.upload-window-footer .add-more-photo-text .x-btn-bl, .upload-window-footer .add-more-photo-text .x-btn-br,
.upload-window-footer .add-more-photo-text .x-btn-bc,
.left-panel .left-panel-switch-btn .x-btn-tl, .left-panel .left-panel-switch-btn .x-btn-tr, .left-panel .left-panel-switch-btn .x-btn-tc,
.left-panel .left-panel-switch-btn .x-btn-ml, .left-panel .left-panel-switch-btn .x-btn-mr,
.left-panel .left-panel-switch-btn .x-btn-bl, .left-panel .left-panel-switch-btn .x-btn-br, .left-panel .left-panel-switch-btn .x-btn-bc,
.center-panel .left-panel-switch-btn .x-btn-tl, .center-panel .left-panel-switch-btn .x-btn-tr, .center-panel .left-panel-switch-btn .x-btn-tc,
.center-panel .left-panel-switch-btn .x-btn-ml, .center-panel .left-panel-switch-btn .x-btn-mr,
.center-panel .left-panel-switch-btn .x-btn-bl, .center-panel .left-panel-switch-btn .x-btn-br, .center-panel .left-panel-switch-btn .x-btn-bc,
.center-panel .action-bar .x-btn-tl, .center-panel .action-bar .x-btn-tr, .center-panel .action-bar .x-btn-tc,
.center-panel .action-bar .x-btn-ml, .center-panel .action-bar .x-btn-mr,
.center-panel .action-bar .x-btn-bl, .center-panel .action-bar .x-btn-br, .center-panel .action-bar .x-btn-bc,
.center-panel .simple-path-bar .x-btn-tl, .center-panel .simple-path-bar .x-btn-tr, .center-panel .simple-path-bar .x-btn-tc,
.center-panel .simple-path-bar .x-btn-ml, .center-panel .simple-path-bar .x-btn-mr,
.center-panel .simple-path-bar .x-btn-bl, .center-panel .simple-path-bar .x-btn-br, .center-panel .simple-path-bar .x-btn-bc,
.center-panel .viewmode-btn .x-btn-tl, .center-panel .viewmode-btn .x-btn-tr, .center-panel .viewmode-btn .x-btn-tc,
.center-panel .viewmode-btn .x-btn-ml, .center-panel .viewmode-btn .x-btn-mr,
.center-panel .viewmode-btn .x-btn-bl, .center-panel .viewmode-btn .x-btn-br, .center-panel .viewmode-btn .x-btn-bc,
.timeline-menu-button .x-btn-tl, .timeline-menu-button .x-btn-tr, .timeline-menu-button .x-btn-tc,
.timeline-menu-button .x-btn-ml, .timeline-menu-button .x-btn-mr,
.timeline-menu-button .x-btn-bl, .timeline-menu-button .x-btn-br, .timeline-menu-button .x-btn-bc {
	display: none;
}
.center-panel .action-bar .x-toolbar-left em.x-btn-arrow,
.timeline-menu-button.x-btn-noicon em.x-btn-arrow,
.viewmode-btn .x-btn-mc em.x-btn-arrow,
.account-btn .x-btn-mc em.x-btn-arrow {
	background-image: url(../images/White/icon_dropdown_70.png);
	padding-right: 16px;
	background-position: right 0;
}
.center-panel .status-top-area-east .x-toolbar {
	border: 0;
	padding: 0;
}
.center-panel .action-bar .x-toolbar-left .left-content-btn em.x-btn-arrow {
	background-image: none;
	padding: 0;
}
.left-content-btn .x-btn-text {
	background: url(../images/White/icon_24_quick_menu.png) no-repeat 0 0;
	width: 24px;
}
.left-content-btn.x-btn-menu-active .x-btn-text,
.left-content-btn.x-btn-over .x-btn-text {
	background-position: 0 -28px;
}
.viewmode-btn .x-btn-mc em.x-btn-arrow {
	background-image: url(../images/White/icon_dropdown.png);
}
.center-panel .action-bar .x-toolbar-left .x-btn-over em.x-btn-arrow,
.center-panel .action-bar .x-toolbar-left .x-btn-menu-active em.x-btn-arrow,
.timeline-menu-button.x-btn-over em.x-btn-arrow,
.account-btn.x-btn-over .x-btn-mc em.x-btn-arrow,
.timeline-menu-button.x-btn-menu-active em.x-btn-arrow,
.viewmode-btn.x-btn-over .x-btn-mc em.x-btn-arrow,
.viewmode-btn.x-btn-menu-active .x-btn-mc em.x-btn-arrow,
.account-btn.x-btn-menu-active .x-btn-mc em.x-btn-arrow {
	background-position: right -28px;
}
.center-panel .action-bar .x-toolbar-right em {
	margin: 0 6px;
}

div.photo-icon-btn,
.photo-icon-btn.x-btn em, .category-btn em {
	filter: Alpha(opacity=70);
	opacity: 0.7;
}
.photo-icon-btn.x-btn.x-btn-over em,
.photo-icon-btn.x-btn.x-btn-menu-active em,
.category-btn.x-btn-over em {
	filter: Alpha(opacity=100);
	opacity: 1;
}

.setting-btn .x-btn-text,
.viewmode-btn .x-btn-text {
	width: 28px;
	background: url(../images/White/icon_24_settings.png) no-repeat 2px 0;
}
.viewmode-btn .x-btn-text {
	height: 28px !important;
	background-image: url(../images/White/icon_24_viewmode.png);
}
.x-toolbar-left .viewmode-btn.x-btn-noicon .x-btn-small em {
	margin: 0;
}
.setting-btn.x-btn-over .x-btn-text,
.viewmode-btn.x-btn-over .x-btn-text,
.viewmode-btn.x-btn-menu-active .x-btn-text {
	background-position: 2px -28px;
}
.simple-path-bar.x-toolbar {
	margin-right: 4px;
	padding-left: 0px;
}

.simple-path-bar.x-toolbar,
.simple-path-bar.x-toolbar .status-top-area-east .x-toolbar {
	border: none;
}
.simple-path-bar .x-toolbar-ct {
	margin: 0;
}
.simple-path-bar .x-btn button,
.simple-path-bar.x-toolbar .xtb-sep {
	font-size: 12px;
}
.simple-path-bar .x-btn-noicon .x-btn-small .x-btn-text {
	height: 28px;
}
.simple-path-bar.x-toolbar .x-btn.last-btn button {
	font-weight: bold;
}
.simple-path-bar .x-toolbar-left .x-btn-noicon .x-btn-small em {
	margin: 0 6px;
}
.simple-path-bar.x-toolbar .xtb-sep {
	width: 6px;
	background-image: none;
}
.simple-path-bar .x-btn.x-btn-over .x-btn-mc {
	background-color: transparent;
}
.simple-path-bar .x-btn.x-btn-over button {
	font-weight: bold;
}

.ext-ie9 .simple-path-bar .x-btn em {
	display: inline-block;
	height: 14px;
}
.ext-ie9 .simple-path-bar.x-toolbar .xtb-sep {
	margin-top: 5px;
}
.thumb-slider {
	padding: 0 10px 0 2px;
	margin-top: 5px;
}
.thumb-slider .x-slider-horz {
	padding-left: 6px;
	background-position: 0 0;
}
.thumb-slider .x-slider-horz .x-slider-end {
	padding-right: 6px;
	background-position: right -40px;
}
.thumb-slider .x-slider-horz .x-slider-inner {
	background-position: 0 -20px;
}
.thumb-slider .x-slider-horz,
.thumb-slider .x-slider-horz .x-slider-end,
.thumb-slider .x-slider-horz .x-slider-inner {
	height: 20px;
	background-image: url(../images/White/slider.png);
}
.thumb-slider .x-slider-horz .x-slider-thumb {
	width: 16px;
	height: 16px;
	z-index: 1000 !important;
	background-image: url(../images/White/thumb.png);
	background-position: -3px -3px;
}
.thumb-slider .x-slider-horz .x-slider-thumb-over {
	background-position: -23px -23px;
}
.thumb-slider .x-slider-horz .x-slider-thumb-drag {
	background-position: -43px -43px;
}

div.album-desc-bar {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	padding: 1px 2px 9px;
}
div.x-panel.album-desc-bar {
	padding: 0;
}
div.x-panel.album-desc-bar .x-panel-body {
	padding: 1px 7px 9px;
}

.center-panel .x-panel-footer {
	padding: 0;
}

/* timeline view */

.timeline-view .block-wrap {
	overflow: hidden;
	float: left;
	margin: 2px;
	cursor: pointer;
}

.timeline-view .default_block {
	background: rgba(40,50,60,0.25);
}

.timeline-view .big_block,
.timeline-view .small_block,
.timeline-view .long_block {
	background: rgba(40,50,60,0.25);
	filter: Alpha(opacity=0);
	opacity: 0;
	transition: opacity 218ms ease-in;
	-webkit-transition: opacity 218ms ease-in;
	-moz-transition: opacity 218ms ease-in;
	-ms-transition: opacity 218ms ease-in;
	-o-transition: opacity 218ms ease-in;
}

.timeline-view .big_block.fadein,
.timeline-view .small_block.fadein,
.timeline-view .long_block.fadein {
	filter: Alpha(opacity=100);
	opacity: 1;
}

.timeline-view .small_block_wrap {
	float: left;
}

.timeline-view .timeline-wrap {
	padding-left: 3px;
}

.timeline-view .thumb-video-icon {
	background: url(../images/White/image_video.png) center center no-repeat;
	position: absolute;
}

.timeline-view .thumb-loading,
.thumbnail-view .thumb-wrap.thumb-loading {
	background: rgba(0,0,0,0.1);
}

.timeline-view .thumb-preview {
	background: url(../images/White/loading_16.gif) right 5px bottom 5px no-repeat;
	position: absolute;
}

.timeline-view .horizontal-line {
	height: 0px;
	border-bottom: 1px dashed;
	border-bottom-color: rgba(40,50,60,0.25);
	margin-left: 8px;
	padding-top: 5px;
	overflow: hidden;
}

.timeline-view .vertical-line {
	background:url('../images/White/timeline_line.png');
	background-repeat:repeat-y;
	padding-left: 20px;
	color: rgba(40,50,60,0.25);
}

.timeline-view .timeline-dot {
	background:url('../images/White/timeline_dot.png') no-repeat;
	padding-left: 5px;
	height: 11px;
}

.timeline-view .timeline-date {
	width: 36px;
	height:54px;
	float: left;
	margin-top: 5px;
	margin-right: 6px;
	background:url('../images/White/timeline_date.png') no-repeat;
	text-align:center;
	vertical-align: middle;
	font: 12px verdana, tahoma, arial, helvetica, sans-serif;
	color: white;
	filter: Alpha(opacity=70);
	opacity: 0.7;
}
.timeline-view .timeline-date div {
	margin-top: 4px;
}
.timeline-view .timeline-date-day {
	font-size: 18px;
}
.timeline-view .timeline-component {
	display: inline-block;
	margin-top: 3px;
}

.timeline-menu-month {
	padding-left: 7px !important;
	margin-left: 30px !important;
	border-left: 2px solid #ccc !important;
}
.timeline-menu .x-menu-list-item a.x-menu-item {
	height: 28px;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.timeline-menu .x-menu-item-active {
	margin: 0;
	border: none;
}
.timeline-menu a.x-menu-item {
	padding-top: 0px;
}
.timeline-menu .x-menu-list-item {
	padding: 0px;
	height: 28px;
}
.timeline-menu .x-menu-item-text {
	margin-top: 6px;
	display: inline-block;
}
.timeline-menu-button.x-btn-noicon .x-btn-small .x-btn-text {
	height: 28px;
}
.timeline-menu-button.x-btn button {
	font-size: 20px;
}

/* thumbnail view */

.thumbnail-view {
	font: 13px verdana, tahoma, arial, helvetica, sans-serif;
	color: #28323c;
	color: rgba(40,50,60,0.7);
}

.thumbnail-view .thumb-wrap {
	position: relative;
	float: left;
	margin: 5px;
	cursor: pointer;
}

.thumbnail-view .thumb-border {
	position: absolute;
	border: 3px solid transparent;
	z-index: 1;
}
.thumbnail-view .x-view-selected .thumb-border {
	border-color:#00bfff;
}

.thumbnail-view .thumb-video-icon {
	background: url(../images/White/image_video.png) center center no-repeat;
}

.thumbnail-view .thumb-opacity {
	filter: Alpha(opacity=0);
	opacity: 0;
	transition: all 218ms ease-in;
	-webkit-transition: all 218ms ease-in;
	-moz-transition: all 218ms ease-in;
	-ms-transition: all 218ms ease-in;
	-o-transition: all 218ms ease-in;
}
.thumbnail-view .thumb-opacity.fadein {
	filter: Alpha(opacity=100);
	opacity: 1;
}

.thumbnail-view .thumb-border,
.thumbnail-view .thumb {
	transition: all 218ms ease-in;
	-webkit-transition: all 218ms ease-in;
	-moz-transition: all 218ms ease-in;
	-ms-transition: all 218ms ease-in;
	-o-transition: all 218ms ease-in;
}

.thumbnail-view .thumb {
	background: url(../images/White/image_bg.png);
	overflow: hidden;
}

.thumbnail-view .thumb-check {
	position: absolute;
	width: 40px;
	height: 40px;
}

.thumbnail-view .thumb-check div {
	margin: 5px 0 0 5px;
	width: 20px;
	height: 20px;
	filter: Alpha(opacity=0);
	opacity: 0;
}
.thumbnail-view .thumb-preview div {
	margin: 0;
	bottom: 5px;
	position: absolute;
	right: 5px;
	width: 16px;
	height: 16px;
}
.thumbnail-view .thumb-check div {
	background: url(../images/White/bt_image_select.png) 0 0 no-repeat;
}
.thumbnail-view .thumb-preview div {
	background: url(../images/Window/loading_16_white.gif) 0 0 no-repeat;
}
.thumbnail-view .x-view-over .thumb-check div,
.thumbnail-view .x-view-selected .thumb-check div {
	filter: Alpha(opacity=100);
	opacity: 1;
}
.thumbnail-view .x-view-over .thumb-check:hover div {
	background-position: 0 -20px;
}
.thumbnail-view .x-view-selected .thumb-check div {
	background-position: 0 -40px;
}
.thumbnail-view .x-view-selected .thumb-check:hover div {
	background-position: 0 -60px;
}

.thumbnail-view .album-info {
	position: absolute;
	height: 39px;
	bottom: 26px;
	color: white;
	background: url(../images/White/album_title_bg.png) repeat-x left bottom;
}

.thumbnail-view .album-info-title {
	position: absolute;
	bottom: 8px;
	width: 92%;
	padding: 0 4%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.thumbnail-view .photo-info {
	line-height: 24px;
	height: 24px;
	margin: 2px 0 0;
}

.thumbnail-view .photo-info-title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* detail view */

/* empty rule for Ext.util.CSS.updateRule */
.detail-view .thumb-border {}
.detail-view .thumb {
}
.detail-view .thumb .img-fit {
}
.detail-view .thumb .img-small-center {
}
.detail-view .thumb-wrap {}
.detail-view .album-info {}
.detail-view .photo-info {}

/* photowall view */

.photowall-view .thumb-wrap {
	margin: 3px;
}

.photowall-view .thumb {
	width: 240px;
	height: 240px;
	text-align: center;
}

.photowall-view .album-info {
	bottom: 0;
}

/* drag-and-drop */

.thumbnail-view .thumb-opacity {
	position: relative;
}
.thumbnail-view .prev-node .thumb-border,
.thumbnail-view .next-node .thumb-border {
	position: static;
	visibility: hidden;
}
.thumbnail-view .prev-node .thumb,
.thumbnail-view .next-node .thumb {
	position: absolute;
	z-index: 1;
	top: 0px;
}
.thumbnail-view .prev-node .album-info,
.thumbnail-view .next-node .album-info {
	transition: all 218ms ease-in;
	-webkit-transition: all 218ms ease-in;
	-moz-transition: all 218ms ease-in;
	-ms-transition: all 218ms ease-in;
	-o-transition: all 218ms ease-in;
}
.thumbnail-view .prev-node .thumb,
.thumbnail-view .prev-node .album-info {
	left: -20px;
}
.thumbnail-view .next-node .thumb,
.thumbnail-view .next-node .album-info {
	left: 20px;
}
.thumbnail-view .prev-node .thumb-check,
.thumbnail-view .next-node .thumb-check,
.thumbnail-view .drag-node .thumb-border,
.thumbnail-view .drag-node .thumb,
.thumbnail-view .drag-node .album-info {
	opacity: 0;
	filter: Alpha(opacity=0);
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

/* drag-and-drop */

.x-dd-drop-icon {
	background-image: url(../ext-3/resources/images/gray-syno/dd/drop-yes.gif);
}

.dd-preview-proxy {
	display:inline-block;
}

.dd-preview-proxy .thumb {
	width: 120px !important;
	height: 120px !important;
	line-height: 120px;
	background: url(../images/White/image_bg.png);
	background: url(../images/White/image_bg.png);
	text-align: center;
	margin: 5px;
	float: left;
	overflow: hidden;
}

.dd-preview-proxy .thumb img {
	vertical-align: middle;
	width: auto !important;
	height: auto !important;
	max-width: 120px !important;
	max-height: 120px !important;
}

.dd-preview-proxy .count {
	display:inline-block;
	margin: 5px;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.rss-btn {
	margin-left: 5px;
}

/* lightbox */

.lightbox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	background-color: rgb(20,20,20);
}

.lightbox-main-panel {
	position: absolute;
	left: 30px;
	top: 30px;
}
.lightbox-main-panel .x-panel-body,
.lightbox-display-panel .x-panel-bwrap,
.lightbox-display-panel .x-panel-body {
	overflow: visible;
}

.lightbox-close-btn {
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/Lightbox/bt_close.png) 0 0 no-repeat;
	opacity: 0.7;
	filter: Alpha(opacity=70);
	width: 28px;
	height: 28px;
}
.lightbox-close-btn.x-btn-over,
.lightbox-close-btn.x-btn-click {
	opacity: 1;
	filter: Alpha(opacity=100);
}

.lightbox .x-panel-body,
.lightbox .x-toolbar {
	color: rgb(220,225,230);
	font: 13px verdana, tahoma, arial, helvetica, sans-serif;
}
.lightbox .x-btn button {
	color: white;
}

.lightbox .x-btn.x-btn-over .x-btn-mc {
	background-color: transparent;
}

.lightbox .x-btn .x-btn-mc .photo-lightbox-prev-big,
.lightbox .x-btn .x-btn-mc .photo-lightbox-next-big {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.lightbox .x-btn.x-btn-over .x-btn-mc .photo-lightbox-prev-big,
.lightbox .x-btn.x-btn-over .x-btn-mc .photo-lightbox-next-big {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.lightbox-display-panel .x-panel-body {
	position: relative;
	background: none;
}

.lightbox-display-panel button {
	font: 13px verdana, tahoma, arial, helvetica, sans-serif;
	color: transparent;
}
.lightbox-display-panel.lightbox-display-panel-over button {
	color: white;
}
.lightbox-display-panel.lightbox-display-panel-over .x-btn-over button {
	color: #00bccc;
}

.lightbox-img {
	position: absolute;
}
.lightbox-img-anim {
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

.lightbox-video-panel {
	position: absolute;
}
.lightbox-video-panel a {
	color: #00BFFF;
	text-decoration: none;
}
.lightbox-video-panel a:hover {
	text-decoration: underline;
}
.lightbox-data-panel .x-table-layout {
	width: 100%;
}

.lightbox-data-panel .x-panel-header {
	color: rgb(220, 225, 230);
	font-size: 13px;
	line-height: 18px;
	background: none;
	border-left: 3px solid rgb(90, 95, 100);
	border-bottom: 1px solid rgb(90, 95, 100);
	padding: 2px 0px 0px 7px;
	height: 21px;
}
.lightbox-data-panel .x-panel-body {
	background-color: rgb(40, 40, 40);
}
.x-layout-collapsed.x-layout-collapsed-west,
.x-layout-collapsed.x-layout-collapsed-east {
	width: 0!important;
	background: none;
	border: none;
}

.lightbox-data-panel .x-tool-toggle {
	width: 24px;
	height: 24px;
	background:url(../images/Lightbox/icon_24_collapse.png) no-repeat 0 -30px;
	opacity: 0.7;
	top: -2px;
	position: relative;
}
.lightbox-data-panel .x-tool-toggle.x-tool-toggle-over {
	opacity: 1;
}
.lightbox-data-panel .x-panel-collapsed .x-tool-toggle {
	background:url(../images/Lightbox/icon_24_collapse.png) no-repeat 0 -2px;
}

.lightbox-data-title {
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.lightbox-data-title .label-textfield-label {
	white-space: normal;
	word-wrap: break-word;
	width: 270px;
	font-weight: bold;
	color: white;
}
.lightbox-data-desc {
	color: #CCC;
	font-size: 12px;
	margin-bottom: 15px;
}
.lightbox-data-desc .label-textfield-label, .lightbox-info-value {
	color: rgb(160, 165, 170);
}
.lightbox-data-desc .label-textfield-label {
	overflow: hidden;
	white-space: normal;
	width: 270px;
	word-wrap: break-word;
	text-overflow: ellipsis;
}

.lightbox-data-desc.label-textfield-empty {
	color: gray
}

.lightbox-data-tag-panel {
	margin-bottom: 15px;
}

.lightbox-data-comment-panel {
	margin-bottom: 15px;
}

.lightbox-data-info-panel {
	margin-bottom: 15px;
	user-select: text;
	-moz-user-select: text;
	-khtml-user-select: text;
	-webkit-user-select: text;
}

.lightbox-data-info-panel .x-list-body dt {
	cursor: auto;
}
.lightbox-data-info-panel .x-list-body dt em {
	font-size: 12px;
	user-select: text;
	-moz-user-select: text;
	-khtml-user-select: text;
	-webkit-user-select: text;
}
.lightbox-data-info-panel .x-list-body dl dt:first-child em {
	color: rgb(220,225,230);
	padding: 3px 2px;
}

.lightbox-data-info-list .x-list-over {
	background: transparent;
}

.lightbox .x-toolbar {
	padding: 2px 9px;
}

.lightbox .x-toolbar .xtb-spacer {
	width: 5px;
}

.lightbox .x-toolbar label.count-label {
	color: #CCC;
}

.lightbox .x-toolbar .thumb-scroller-btn button {
	height: 28px;
	background: url(../images/Lightbox/icon_24_collapse.png) no-repeat right -28px;
	padding-right: 24px;
	color: rgb(190, 195, 200);
}
.lightbox .x-toolbar .thumb-scroller-btn.x-btn-over button {
	color: white;
}
.lightbox .x-toolbar .thumb-scroller-btn.x-btn-pressed button {
	color: white;
	background-position: right 0;
}
.lightbox .container-title, .lightbox .container-count {
	color: rgb(160, 165, 170);
	font-size: 12px;
}
.lightbox .container-title {
	color: rgb(190, 195, 200);
	font-weight: bold;
}
.x-toolbar.lightbox-action-bar {
	background-color: rgba(0,0,0,0.5);
	border-color: transparent;
	z-index: 1;
	opacity: 0;
	filter: Alpha(opacity=0);
	transition: opacity 218ms ease-in;
	-webkit-transition: opacity 218ms ease-in;
	-moz-transition: opacity 218ms ease-in;
	-ms-transition: opacity 218ms ease-in;
	-o-transition: opacity 218ms ease-in;
}

.lightbox-display-panel-over .x-toolbar.lightbox-action-bar {
	opacity: 1;
	filter: Alpha(opacity=100);
}

.lightbox-action-bar .x-btn-noicon .x-btn-small .x-btn-text {
	height: 28px;
}
.lightbox-action-bar .x-btn .x-btn-text,
.lightbox-action-bar .x-btn .x-btn-text {
	color: rgb(220,225,230);
}

.lightbox-action-bar .x-btn.x-btn-over .x-btn-text,
.lightbox-action-bar .x-btn.x-menu-active .x-btn-text {
	color: white;
}
.lightbox-action-bar .x-btn.x-btn-over .x-btn-mc,
.lightbox-action-bar .x-btn.x-menu-active .x-btn-mc {
	background-color: #00bfff;
}

.lightbox-action-bar .x-btn-mc em.x-btn-arrow {
	padding-right: 16px;
	background: transparent url(../images/Lightbox/icon_dropdown.png) right top no-repeat;
}

.lightbox-fullsize-btn em {
	margin: 0 10px;
}

.lightbox-fullsize-btn button {
	width: 24px;
	height: 24px;
	background: url(../images/Lightbox/icon_24_fullsize.png) 0 0 no-repeat;
	opacity: 0.7;
}

.lightbox-fullsize-btn.x-btn-over button {
	opacity: 1;
}

.lightbox .thumb-scroller {
	position: relative;
	height: 88px;
	z-index: 101;
	box-shadow: 0 -5px 10px rgba(0,0,0,0.7);
	background: url(../images/Lightbox/thumbnail_bg.png) 0 0 repeat-x;
}

.lightbox .thumb-scroller-wrapper {
	position: relative;
	display: block;
	width: 90%;
	height: 100%;
	float: left;
	overflow: hidden;
}

.lightbox .thumb-scroller-prev,
.lightbox .thumb-scroller-next {
	width: 5%;
	height: 72px;
	margin-top: 5px;
	cursor: pointer;
	background: url(../images/Lightbox/bt_prev_next_thumbnail.png) 0 0 no-repeat;
	filter: Alpha(opacity=50);
	opacity: 0.5;
}
.lightbox .thumb-scroller-prev {
	float: left;
}
.lightbox .thumb-scroller-next {
	float: right;
	background-position: right -72px;
}
.lightbox .thumb-scroller-prev:hover,
.lightbox .thumb-scroller-next:hover {
	filter: Alpha(opacity=80);
	opacity: 0.8;
}
.lightbox .thumb-scroller-inner {
	position: absolute;
	-webkit-transition: left .3s;
	-moz-transition: left .3s;
	-ms-transition: left .3s;
	-o-transition: left .3s;
	transition: left .3s;
}

.lightbox .thumb-scroller-div {
	position: relative;
	float: left;
	width: 72px;
	height: 72px;
	border: 3px solid rgba(255, 255, 255, 0);
	margin: 5px 3px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
}
.lightbox .thumb-scroller-div-over {
	border-color: rgba(255, 255, 255, 0.5);
}
.lightbox .thumb-scroller-div-selected {
	border-color: rgba(255, 255, 255, 1);
}

.lightbox .thumb-scroller-videoicon {
	position: absolute;
	left: 6px;
	top: 6px;
}

.lightbox-display-panel .x-btn.x-btn-icon.x-item-disabled .photo-lightbox-prev-big,
.lightbox-display-panel .x-btn.x-btn-icon.x-item-disabled .photo-lightbox-next-big {
	visibility: hidden;
}
.x-btn-icon .x-btn-small .x-btn-text.photo-lightbox-prev-big,
.x-btn-icon .x-btn-small .x-btn-text.photo-lightbox-next-big {
	display: block;
	width: 48px;
	height: 64px;
	background: url(../images/Lightbox/bt_prev_next.png) 0 0 no-repeat;
	cursor: pointer;
}
.x-btn-icon .x-btn-small .x-btn-text.photo-lightbox-next-big {
	background-position: 0 -64px;
	margin-left: 102px;
}

/* lightbox comment  .lightbox-data-comment-panel */
.lightbox-data-comment-panel .x-panel-body {
	border: none;
}
.lightbox-data-comment-panel .x-panel-btns {
	padding: 0 5px;
}
.lightbox-data-comment-panel .x-panel-btns td.x-toolbar-cell {
	padding: 0 3px;
}
.lightbox-comment {
	padding: 8px;
	background-color: rgb(55,55,55);
	margin-bottom: 2px;
	position: relative;
}
.lightbox-data-panel .comment-form .x-panel-body,
.lightbox-data-panel .comment-captcha-form .x-panel-body,
.lightbox-data-panel .comment-btn-panel .x-panel-body {
	background-color: rgb(55,55,55);
}
.lightbox-data-title input, .lightbox-data-desc input,
.comment-form input, .comment-form textarea, .comment-captcha-form input {
	margin-bottom: 4px;
	font-size: 12px;
	color: rgb(120,125,130);
	border-color: rgb(75, 75, 75);
	background-color: rgb(35, 35, 35);
	background-image: none;
}
.lightbox-data-title input, .lightbox-data-desc input {
	border-style: solid;
	padding: 2px 3px 0;
}
.comment-form input.x-form-invalid, .comment-form textarea.x-form-invalid, .comment-captcha-form input.x-form-invalid {
	background-color: rgb(35, 35, 35);
	border-color: #c30;
	background-image: none;
}
.lightbox-comment-dot button {
	background: url(../images/Lightbox/icon_dot.png) -6px 0 no-repeat;
}
.lightbox-comment label {
	display: block;
	margin-bottom: 8px;
}
.lightbox-comment .comment-content {
	word-wrap: break-word;
	margin-bottom: 8px;
}
.lightbox-comment .comment-date {
	margin-bottom: 0px;
}
.comment-btn-panel .x-panel-footer {
	padding: 0;
}
.comment-btn-panel .x-btn button, .comment-add-btn.x-btn button {
	color: rgb(0, 191, 255);
}
.comment-btn-panel .x-btn-over .x-btn-text, .comment-add-btn.x-btn-over .x-btn-text {
	text-decoration: underline;
}
.lightbox-comment-dot.x-btn-over .x-btn-text {
	text-decoration: none;
}
.lightbox-comment-dot.x-btn, .lightbox-comment-dot.x-btn button {
	cursor: default;
}
.lightbox-data-comment-panel .comment-name {
	color: rgb(220,225,230);
	font-size: 13px;
	font-weight: bold;
	width: 260px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.lightbox-data-comment-panel .comment-content,  .lightbox-data-comment-panel .comment-date {
	font-size: 12px;
	color: rgb(160,165,170);
}
.lightbox-data-comment-panel .comment-date {
	text-align: right;
}
.comment-delete-btn {
	position: absolute;
	top: 0px;
	right: 0px;
}
.comment-delete-btn button {
	width: 24px;
	background: url(../images/Lightbox/icon_24_delete.png) 0 -6px no-repeat;
	opacity: 0.7;
}
.comment-delete-btn.x-btn-over button {
	opacity: 1;
}

/* upload to social network in light box */
.facebook_upload_image_container {
	position:absolute;
	top:15px;
	width:200px !important;
	height:200px !important;
	border:solid 1px gray;
	padding: 3px;
	box-shadow: 0px 0px 6px #000000;
	-webkit-box-shadow: 0px 0px 6px #000000;
	-moz-box-shadow: 0px 0px 6px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
}
.facebook_upload_image_container_body {
	width:200px;
	height:200px;
}
.facebook_image_container_cell {
	width:35%;
}
.facebook_form_container_cell {
	width:50%;
	padding-right:10px;
	padding-top:15px;
	vertical-align:top;
}

/* slideshow button in lightbox */
.lightbox-speed-controller {
	display: inline-block;
	font-size: 13px;
	line-height: 24px;
}
.lightbox-speed-controller .x-panel-bwrap {
	display: block;
	margin: 4px 16px 0 0;
	float: right;
}
.lightbox-speed-controller .x-panel-bwrap .x-panel-body {
	background: transparent;
}
.lightbox-speed-controller .x-btn.slideshow-speed-btn button {
	color: rgb(190,195,200);
}
.lightbox-speed-controller .x-btn.slideshow-speed-btn.x-btn-over button {
	color: rgb(255,255,255);
}
.lightbox-speed-controller .x-btn.slideshow-speed-btn.x-btn-pressed button {
	font-weight: bold;
	color: #00bfff;
}
.lightbox-speed-controller div.slideshow-sep {
	height: 24px;
	line-height: 24px;
	width: 10px;
	text-align: center;
}
.lightbox-display-panel .x-btn.slideshowBtn {
	z-index: 100;
}
.x-btn .x-btn-text.slideshow-btn,
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text.slideshow-btn {
	display: block;
	height: 60px;
	line-height: 60px;
	background-repeat: no-repeat;
	cursor: pointer;
	padding-left: 56px;
	padding-right: 18px;
	background-position: 18px 18px;
	font-size: 20px;
	color: rgb(190,195,200);
	opacity: 0.70;
	filter: Alpha(opacity=70);
}
.lightbox-display-panel .x-btn.x-btn-over.slideshowBtn .slideshow-btn {
	opacity: 1;
	filter: Alpha(opacity=100);
}
.lightbox-display-panel .x-btn-mr, .lightbox-display-panel .x-btn-ml,
.lightbox-display-panel .x-btn-tr, .lightbox-display-panel .x-btn-tl, .lightbox-display-panel .x-btn-tc
.lightbox-display-panel .x-btn-br, .lightbox-display-panel .x-btn-bl, .lightbox-display-panel .x-btn-bc {
	display: none;
}
.slideshow-btn-play {
	background-image: url(../images/Lightbox/icon_play.png);
	background-color: rgba(0,0,0,0.7) !important;
	border-top-left-radius: 3px;
	border-bottom-left-radius:3px;
}
.slideshow-btn-pause {
	background-image: url(../images/Lightbox/icon_pause.png);
	background-color: rgba(0,0,0,0.7) !important;
	border-top-left-radius: 3px;
	border-bottom-left-radius:3px;
}
.slideshow-close-btn {
	background-image: url(../images/Lightbox/icon_exit.png);
	background-color: rgba(0,0,0,0.7) !important;
	background-position: 18px 18px !important;
	border-top-right-radius: 3px;
	border-bottom-right-radius:3px;
	padding-left: 46px !important;
}
.slideshow-play-sep {
	width: 1px;
	height: 60px;
	top: 3px !important;
	background-color: rgba(255, 255, 255, 0.25);
	opacity: 0.70;
	filter: Alpha(opacity=70);
}
.ext-ie8 .slideshow-btn-play,
.ext-ie8 .slideshow-btn-pause,
.ext-ie8 .slideshow-close-btn {
	background-color: rgb(0,0,0) !important;
}

/* fullscreen btn*/
.lightbox-fullscreen-icon {
	background-image: url(../images/Lightbox/icon_24_fullscreen.png);
}
.lightbox-close-fullscreen-icon {
	background-image: url(../images/Lightbox/icon_24_fullscreen_2.png);
}
.lightbox-display-panel .lightbox-fullscreen-btn {
	opacity: 0;
	filter: Alpha(opacity=0);
}
.lightbox-display-panel.lightbox-display-panel-over .lightbox-fullscreen-btn {
	opacity: 0.65;
	filter: Alpha(opacity=65);
}
.lightbox-display-panel .lightbox-fullscreen-btn.x-btn-over {
	opacity: 1;
	filter: Alpha(opacity=100);
}
.lightbox-fullscreen-btn .x-btn-over {
}

/* light box tag */

.lightbox-people-tag-area {
	margin-top: 8px;
	margin-bottom: 8px;
}
.lightbox-text-with-image {
	padding-left: 18px;
	line-height: 20px;
}
.lightbox-geo-tag-area-header {
	background: url(../images/Lightbox/icon_16_location.png) 0 2px no-repeat;
}
.lightbox-people-tag-area-header {
	background: url(../images/Lightbox/icon_16_people.png) 0 2px no-repeat;
}
.lightbox-desc-tag-area-header {
	background: url(../images/Lightbox/icon_16_general.png) 0 2px no-repeat;
}
.lightbox-tag-action-btn {
	color: rgb(0,191,255);
	cursor: pointer;
}
.lightbox-desc-tag-area .x-form-field-trigger-wrap,
.lightbox-tag-map-div {
	margin-top: 8px;
}
.lightbox .lightbox-desc-tag-area .x-form-field-trigger-wrap {
	border-color: rgb(80, 90, 100);
}
.lightbox .lightbox-desc-tag-area .x-form-text {
	color: rgb(160, 165, 170);
}
.lightbox-tag-el {
	color: rgb(160, 165, 170);
	margin-top: 8px;
	margin-left: 18px;
}
.lightbox-tag-el-text {
	max-width: 200px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.lightbox-tag-el-text:hover {
	text-decoration: underline;
	color: rgb(0,191,255);
	cursor: pointer;
}
.lightbox-tag-el-del-btn {
	display: inline-block;
	position: relative;
	top: 3px;
	width: 24px;
	height: 16px;
	opacity: 0.7;
	background: url(../images/Lightbox/icon_24_delete.png) 0 -6px no-repeat;
	visibility: hidden;
	cursor: pointer;
}
.lightbox-tag-el-del-btn:hover, .lightbox-tag-el-del-btn:active {
	opacity: 1;
}
.lightbox-tag-el-wrap:hover .lightbox-tag-el-del-btn {
	visibility: visible;
}
.lightbox-img-proxy {
	/*pointer-events: none;*/
	background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
	position: absolute;
}

/* center panel tag edit dialog */

.edit-dialog-tag-el {
	margin-top: 5px;
	margin-bottom: 8px;
	margin-right: 5px;
	float: left;
}

.edit-dialog-tag-el-del-btn {
	display: inline-block;
	position: relative;
	top: 3px;
	width: 24px;
	height: 16px;
	filter: Alpha(opacity=70);
	opacity: 0.7;
	background: url(../images/Window/icon_24_delete.png) 0 -6px no-repeat;
	visibility: hidden;
	cursor: pointer;
}
.edit-dialog-tag-el-del-btn:hover, .edit-dialog-tag-el-del-btn:active {
	filter: Alpha(opacity=100);
	opacity: 1;
}
.edit-dialog-tag-el-wrap:hover .edit-dialog-tag-el-del-btn {
	visibility: visible;
}

.edit-dialog-tag-el-wrap:hover {
	background-color: #ADEBFF;
}

.edit-dialog-tag-el-wrap {
	border-radius: 5px;
	background-color: rgb(226, 252, 255);
	border: 1px solid rgb(0, 191, 255);
	padding: 5px;
}

.edit-dialog-tag-el-text {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100px;
	float: left;
}

/* people tag box on image */

.people-tag-box {
	display: block;
	position: absolute;
	z-index: 0;
	visibility: hidden;
}
.lightbox-img-proxy:hover .people-tag-box {
	visibility: visible;
}
.people-tag-box-wrapper {
	display: none;
}
.people-tag-box:hover .people-tag-box-wrapper, .people-tag-edit .people-tag-box-wrapper {
	display: block;
}
.people-tag-box-outer {
	border: 1px solid #000000;
	opacity: .5;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	display: block;
	position: absolute;
}
.people-tag-box-inner-border {
	border: 1px solid #000000;
	opacity: .5;
	left: 4px;
	right: 4px;
	top: 4px;
	bottom: 4px;
	display: block;
	position: absolute;
}
.people-tag-box-inner {
	border: 3px solid white;
	opacity: .8;
	left: 1px;
	right: 1px;
	top: 1px;
	bottom: 1px;
	display: block;
	position: absolute;
}
.people-tag-content {
	top: 100%;
	padding-top: 5px;
	text-align: center;
	white-space: nowrap;
	color: gray;
	display: block;
	position: absolute;
}
.people-name-tag-tl {
	padding-left: 12px;
	background: url(../images/Lightbox/people_tag_bg_a.png) no-repeat;
}
.people-name-tag-tr {
	padding-right: 12px;
	background: url(../images/Lightbox/people_tag_bg_a.png) no-repeat right -16px;
}
.people-name-tag-tc {
	height: 8px;
	background: url(../images/Lightbox/people_tag_bg_a.png) repeat-x 0 -8px;
}
.people-name-tag-bl {
	padding-left: 12px;
	background: url(../images/Lightbox/people_tag_bg_a.png) no-repeat 0 -24px;
}
.people-name-tag-br {
	padding-right: 12px;
	background: url(../images/Lightbox/people_tag_bg_a.png) no-repeat right -48px;
}
.people-name-tag-bc {
	height: 12px;
	background: url(../images/Lightbox/people_tag_bg_a.png) repeat-x 0 -36px;
}
.people-name-tag-ml {
	padding-left: 12px;
	background: url(../images/Lightbox/people_tag_bg_b.png) repeat-y;
}
.people-name-tag-mr {
	padding-right: 12px;
	background: url(../images/Lightbox/people_tag_bg_b.png) repeat-y right;
}
.people-name-tag-mc {
	height: 16px;
	background: url(../images/Lightbox/people_tag_bg_c.png) repeat;
}
.people-name-tag-up {
	background: url(../images/Lightbox/people_tag_bg_d.png) no-repeat;
	width: 18px;
	margin: 0 auto;
	height: 10px;
	position: relative;
	top: -7px;
}
.people-name-tag-text {
	display: inline-block;
	max-width: 250px;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 16px;
	line-height: 16px;
}
.people-tag-delete-btn {
	width: 16px;
	height: 16px;
	background: url(../../images/White/bt_remove.png);
	display: none;
}
.people-tag-delete-btn:hover {
	cursor: pointer;
	background: url(../../images/White/bt_remove.png) 0 -16px;
}
.people-tag-delete-btn:active {
	background: url(../../images/White/bt_remove.png) 0 -32px;
}
.people-tag-box:hover .people-tag-delete-btn {
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.people-tag-box:hover {
	z-index: 99;
}
.people-tag-edit {
	z-index: 99;
	visibility: visible;
}
.people-tag-edit:hover .people-tag-delete-btn {
	display: none;
}
.icon-question-mark {
	width: 16px;
	height: 16px;
	background: url(../../images/White/icon_question_mark.png);
	display: none;
}
.people-tag-not-confirm .icon-question-mark {
	display: inline-block;
	position: relative;
	vertical-align: top;
}
.people-tag-edit .people-tag-box-outer,
.people-tag-edit .people-tag-box-inner-border,
.people-tag-not-confirm .people-tag-box-outer,
.people-tag-not-confirm .people-tag-box-inner-border {
	border: none;
}
.people-tag-edit .people-tag-box-inner, .people-tag-not-confirm .people-tag-box-inner {
	border: 3px dashed white;
}
.people-tag-edit .icon-question-mark {
	display: none;
}
.people-tag-combo {
	display: none;
}
.people-tag-edit .people-tag-combo {
	display: inline-block;
}
.people-tag-edit .people-name-tag-text {
	display: none;
}
.people-tag-edit .people-name-tag-mc {
	text-align: left;
	position: relative;
	width: 175px;
	height: 25px;
}
.lightbox-tag-people-msg {
	background: none repeat scroll 0 0 black;
	border-radius: 5px;
	opacity: 0.75;
	display: inline-block;
	padding: 18px;
	color: #FFFFFF;
	text-align: center;
}

.geo-tag-dialog-upper .x-form-check-wrap {
	margin-top: 8px;
}
/* geo tag combo list*/
.geo-tag-combo-list .place-name {
	font-weight: bold;
}
.geo-tag-combo-list .place-address {
	font-size: 12px;
	color: rgb(160, 170, 180);
}
.geo-tag-combo-list .x-combo-list-item div {
	line-height: 20px;
}
.geo-tag-combo-list.x-combo-list .x-combo-selected {
	border-color: transparent !important;
	background-color: transparent;
	color: white;
}
.geo-tag-combo-list.x-combo-list .place-combo-list-inner {
	padding: 2px;
}
.geo-tag-combo-list.x-combo-list .x-combo-selected .place-combo-list-inner {
	background-color: #00bfff;
}
.geo-tag-combo-list.x-combo-list .x-combo-selected .place-address {
	color: white;
}
.geo-tag-combo-list .syno-photo-combo-last, .geo-tag-combo-list.x-combo-list .x-combo-selected.syno-photo-combo-last {
	border-style:solid;
	border-width: 1px;
	border-bottom-color: rgb(220, 230, 240) !important;
}

/* Common Window style */
.photo-window, .photo-window input {
	color: rgb(80,90,100);
}
.photo-window input {
	background-color: transparent;
}
.photo-window .x-panel-btns {
	padding: 5px 20px;
}
.photo-window {
	border: 6px solid gray;
	border: 6px solid rgba(0,0,0,0.2);
	border-radius: 4px;
}
.photo-window .x-window-header {
	background-color: white;
	height: 20px;
	padding: 10px 16px;
	border-bottom: 2px solid #00BFFF;
}
.photo-window .x-window-header-text {
	font-size: 1.4em;
}
.photo-window .x-window-bwrap {
	background-color: white !important;
}

.photo-window .x-window-body {
	border-color: transparent;
	background-color: white !important;
	background-color: transparent;
	padding: 20px;
}

.photo-window .x-window-tbar {
	border-bottom: 2px solid #00BFFF;
}
.photo-window .x-window-tbar .x-toolbar {
	border: none;
}
.photo-window .x-window-footer {
	border-top: 2px solid #00BFFF;
}

.photo-window .x-small-editor .x-form-text {
	height: 22px !important;
}

/* MessageBox style */
.photo-window.x-window-dlg .ext-mb-question {
	background-image: url(../images/Window/icon_question.png);
	width: 48px;
	height: 48px;
}
.photo-window.x-window-dlg .x-dlg-icon .ext-mb-content {
	margin-left: 68px;
}

.photo-login-window .x-window-header {
	background: white url(../images/Login/logo_ps.png) center center no-repeat;
	height: 28px;
	padding: 6px 16px;
}
.photo-login-window .x-tool {
	filter: Alpha(opacity=30);
	opacity: 0.3;
	margin-right: -10px;
	width: 28px;
	height: 28px;
	background: transparent url(../images/Login/bt_close.png) no-repeat;
}
.photo-login-window .x-tool.x-tool-close-over {
	filter: Alpha(opacity=60);
	opacity: 0.6;
}
.photo-login-username,
.photo-login-password {
	font-size: 14pt;
	padding-left: 36px;
	height: 36px !important;
	background-repeat: no-repeat;
	background-position: 6px 6px;
	filter: Alpha(opacity=70);
	opacity: 0.7;
}
.photo-login-username {
	background-image: url(../images/Login/icon_24_username.png);
}
.photo-login-password {
	background-image: url(../images/Login/icon_24_password.png);
	margin-top: 10px;
}
.photo-login-msg {
	display: block;
	margin-top: 6px;
}
.photo-login-button {
	position: absolute;
	bottom:  20px;
	color: white;
	width: 100px !important;
	margin-left: 100px; /* manually align center */
}

.photo-blue-button .x-btn-ml,
.photo-blue-button .x-btn-mr,
.photo-blue-button .x-btn-mc {
	background-image: url(../images/Window/bt_blue.png);
}
.photo-blue-button button {
	color: white !important;
}
.photo-grey-button .x-btn-ml,
.photo-grey-button .x-btn-mr,
.photo-grey-button .x-btn-mc {
	background-image: url(../images/Window/bt_grey.png);
}
.photo-grey-button button {
	color: black !important;
}
.photo-red-button .x-btn-ml,
.photo-red-button .x-btn-mr,
.photo-red-button .x-btn-mc {
	background-image: url(../images/Window/bt_red.png);
}
.photo-red-button button {
	color: white !important;
}
.photo-button em {
	margin: 0 15px !important;
}
.photo-button button {
	font-size: 13px;
}
.photo-button .x-btn-ml,
.photo-button .x-btn-mr,
.photo-button .x-btn-mc {
	height: 30px;
}
.photo-button .x-btn-ml {
	background-position: 0 0  !important;
}
.photo-button .x-btn-mc {
	background-position: 0 -30px  !important;
}
.photo-button .x-btn-mr {
	background-position: right -60px  !important;
}

.photo-button.x-btn-over .x-btn-ml {
	background-position: 0 -90px  !important;
}
.photo-button.x-btn-over .x-btn-mc {
	background-position: 0 -120px  !important;
	background-color: transparent !important;
}
.photo-button.x-btn-over .x-btn-mr {
	background-position: right -150px  !important;
}

.photo-button.x-btn-click .x-btn-ml {
	background-position: 0 -180px  !important;
}
.photo-button.x-btn-click .x-btn-mc {
	background-position: 0 -210px  !important;
}
.photo-button.x-btn-click .x-btn-mr {
	background-position: right -240px  !important;
}
.photo-upload-album-name td {
	display: none;
}
.photo-upload-album-name .x-btn-mc {
	display: table-cell;
	background: transparent !important;
}
.photo-upload-album-name .x-btn-mc em {
	border: 1px solid rgb(175,180,185);
	padding-right: 16px;
	margin: 0 0 1px !important;
	background: url(../images/Window/icon_dropdown_70.png) right -2px no-repeat;
	box-shadow: inset 0px 1px 0px rgba(0,0,0,0.1);
}
.photo-upload-album-name button {
	color: rgb(80, 90, 100) !important;
	text-align: left;
	width: 200px !important;
	height: 24px !important;
	padding: 3px 5px !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.photo-upload-button {
	width: 160px;
	padding: 1px;
}
.photo-upload-album-type {
	display: block;
	width: 24px  !important;
	height: 28px  !important;
	background-repeat: no-repeat;
}
.x-btn-icon .x-btn-text.upload-public {
	background-image: url(../images/Window/icon_24_public.png);
	background-position: 0px 0px;
}
.x-btn-icon .x-btn-text.upload-private {
	background-image: url(../images/Window/icon_24_private.png);
	background-position: 0px 0px;
}
.x-btn-icon .x-btn-text.upload-password {
	background-image: url(../images/Window/icon_24_password.png);
	background-position: 0px 0px;
}
.photo-upload-card-flash-panel {
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
}
.photo-share-icon {
	display: block;
	width: 32px;
	height: 32px;
	background-image: url(../images/Window/icon_social_network.png);
	background-repeat: no-repeat;
	margin-right: 10px;
	float: left;
	cursor: pointer;
	display: none;
}
.photo-share-facebook {
	background-position: 0px 0px;
}
.photo-share-google_plus {
	background-position: 0px -32px;
}
.photo-share-twitter {
	background-position: 0px -64px;
}
.photo-share-plurk {
	background-position: 0px -96px;
}
.photo-share-sina {
	background-position: 0px -128px;
}
.photo-share-qzone {
	background-position: 0px -160px;
}

/* navigate button in lightbox */
.lightbox-display-panel .x-btn {
	z-index: 1;
}

/* smart panel */
.smart-panel .x-superboxselect {
	height: 48px !important;
	max-height: 48px;
	overflow-y: auto;
}
.smart-panel .x-superboxselect-input-field {
	background: none;
}
.smart-panel-sep {
	border-bottom: 1px dashed #28323c;
	border-bottom-color: rgba(40,50,60,0.25);
}
.smart-tag-selector .x-box-inner {
	overflow: visible;
}
/* select all panel */

.select-all-window {
	background-color: #E2FCFF;
	border-radius: 7px;
	border: solid 1px #00BFFF;
}

.select-all-window .selected-desc-text {
	font-size: 12px;
	color: rgb(60, 70, 80);
	padding-left: 18px;
}

.select-all-window .x-window-footer.x-panel-btns {
	padding: 1px;
}

.select-all-window .x-panel-btns {
	padding: 0px;
}

.select-all-window .x-toolbar-cell .xtb-sep {
	background-image: url(../images/Window/split_pagebar.png);
	padding-left: 1px;
	padding-right: 1px;
	margin: 0px;
}

/* remove google map's infowindow style */
img[src*="iws3.png"] {
	display: none;
}
img[src*="iw3.png"] {
	display: none;
}

/* permission setting window */
.permission-setting-window div {
	font: 12px verdana, tahoma, arial, helvetica, sans-serif;
}
.permission-setting-window input[type="checkbox"],
.photo-setting input[type="checkbox"] {
	display:none;
}
.permission-setting-window input[type="checkbox"] + label span,
.photo-setting input[type="checkbox"] + label span {
	display:inline-block;
	width:20px;
	height:20px;
	margin:0 0 0 0;
	vertical-align:middle;
	background:url(../images/Window/checkbox.png) left 0px no-repeat;
	cursor:pointer;
}
.permission-setting-window .photo-grid-checked + label span,
.photo-setting .photo-grid-checked + label span {
	background:url(../images/Window/checkbox.png) left -40px no-repeat !important;
}
.permission-setting-window .photo-grid-disabled + label span,
.photo-setting .photo-grid-disabled + label span {
	filter: Alpha(opacity=50);
	opacity: 0.5;
}
.permission-setting-window .x-item-disabled {
	filter: Alpha(opacity=60) !important;
	opacity: 0.6 !important;
}

.photo-paging-bar {
	border: none;
}
.photo-paging-bar .x-item-disabled {
	filter: Alpha(opacity=30) !important;
	opacity: 0.3 !important;
}
.photo-paging-bar .syno-ux-page-btn-ct .x-btn, .photo-paging-bar .syno-ux-page-btn-focus-ct .x-btn {
	filter: Alpha(opacity=100);
	opacity: 1;
}
.photo-paging-bar .syno-ux-page-btn-ct .x-btn.x-btn-over .x-btn-mc, .photo-paging-bar .syno-ux-page-btn-ct .x-btn.x-btn-menu-active .x-btn-mc {
	background-color: transparent;
}
.photo-paging-bar .syno-ux-page-btn-focus-ct button {
	color: white;
}

.photo-paging-bar td.x-toolbar-cell {
	padding: 0 3px;
}

.photo-paging-bar .x-tbar-page-first,
.permission-setting-window .x-tbar-page-first,
.photo-setting .x-tbar-page-first {
	background-image:url(../images/Window/bt_pagebar.png) !important;
	background-position: left top;
	width: 24px !important;
	height: 24px !important;
}
.photo-paging-bar .x-tbar-page-prev,
.permission-setting-window .x-tbar-page-prev,
.photo-setting .x-tbar-page-prev {
	background-image:url(../images/Window/bt_pagebar.png) !important;
	background-position: left -48px;
	width: 24px !important;
	height: 24px !important;
}
.photo-paging-bar .x-tbar-page-next,
.permission-setting-window .x-tbar-page-next,
.photo-setting .x-tbar-page-next {
	background-image:url(../images/Window/bt_pagebar.png) !important;
	background-position: left -96px;
	width: 24px !important;
	height: 24px !important;
}
.photo-paging-bar .x-tbar-page-last,
.permission-setting-window .x-tbar-page-last,
.photo-setting .x-tbar-page-last {
	background-image:url(../images/Window/bt_pagebar.png) !important;
	background-position: left -144px;
	width: 24px !important;
	height: 24px !important;
}
.photo-paging-bar .x-tbar-page-loading,
.permission-setting-window .x-tbar-loading,
.photo-setting .x-tbar-loading {
	background-image:url(../images/Window/bt_pagebar.png) !important;
	background-position: left -192px;
	width: 24px !important;
	height: 24px !important;
}
.photo-paging-bar .x-tbar-page-first,
.photo-paging-bar .x-tbar-page-prev,
.photo-paging-bar .x-tbar-page-next,
.photo-paging-bar .x-tbar-page-last,
.photo-paging-bar .x-tbar-page-loading {
	background-image:url(../images/White/bt_pagebar.png?v=2613) !important;
}
.photo-paging-bar .x-btn .syno-ux-page-btn,
.photo-paging-bar .x-btn .syno-ux-page-btn-focus {
	width: 24px;
	height: 24px;
}

.permission-setting-window .x-form-field-wrap.x-form-field-trigger-wrap {
	height: 28px;
}
.permission-setting-window .x-grid3-header,
.photo-setting .x-grid3-header {
	background-color: rgb(240, 245, 250);
	border-top: 1px solid rgb(190, 195, 200);
	border-bottom: 1px solid rgb(190, 195, 200);
	padding-top: 0px;
	background-image: none;
	height: 30px;
}
.permission-setting-window .x-grid3-hd-inner,
.photo-setting .x-grid3-hd-inner {
	font-size: 14px;
	color: rgb(60, 70, 80);
}
.photo-setting .x-grid3-hd-row,
.permission-setting-window .x-grid3-hd-row {
	height: 30px;
}
.photo-setting .x-grid3-row,
.permission-setting-window .x-grid3-row {
	border-bottom: 1px solid rgb(220, 225, 230);
	border-left-color: transparent;
	border-right-color: transparent;
	height: 30px;
}
.photo-setting .x-grid3-row div,
.permission-setting-window .x-grid3-row div {
	font-size: 14px;
	color: rgb(60, 70, 80);
}
.photo-setting .x-grid3-row .x-grid3-row-selected,
.permission-setting-window .x-grid3-row.x-grid3-row-selected {
	background-color: rgb(217, 246, 255) !important;
	border-top-color: transparent;
}
.photo-setting .x-grid3-row-over,
.permission-setting-window .x-grid3-row-over {
	background-color: rgb(243, 252, 255);
	background-image: none;
	border-top-color: transparent;
}
.permission-setting-window .x-toolbar-ct {
	padding-right: 8px;
	padding-left: 8px;
}
.photo-paging-bar .x-btn-icon,
.permission-setting-window .x-btn-icon {
	filter: Alpha(opacity=70);
	opacity: 0.7;
}
.photo-paging-bar .x-btn-over,
.photo-paging-bar .x-btn-click,
.permission-setting-window .x-btn-over,
.permission-setting-window .x-btn-click {
	filter: Alpha(opacity=100);
	opacity: 1;
}
.photo-paging-bar .x-btn-over .x-tbar-page-first,
.photo-paging-bar .x-btn-click .x-tbar-page-first,
.permission-setting-window .x-btn-over .x-tbar-page-first,
.permission-setting-window .x-btn-click .x-tbar-page-first {
	background-position: left -24px;
}
.photo-paging-bar .x-btn-over .x-tbar-page-prev,
.photo-paging-bar .x-btn-click .x-tbar-page-prev,
.permission-setting-window .x-btn-over .x-tbar-page-prev,
.permission-setting-window .x-btn-click .x-tbar-page-prev {
	background-position: left -72px;
}
.photo-paging-bar .x-btn-over .x-tbar-page-next,
.photo-paging-bar .x-btn-click .x-tbar-page-next,
.permission-setting-window .x-btn-over .x-tbar-page-next,
.permission-setting-window .x-btn-click .x-tbar-page-next {
	background-position: left -120px;
}
.photo-paging-bar .x-btn-over .x-tbar-page-last,
.photo-paging-bar .x-btn-click .x-tbar-page-last,
.permission-setting-window .x-btn-over .x-tbar-page-last,
.permission-setting-window .x-btn-click .x-tbar-page-last {
	background-position: left -168px;
}
.photo-paging-bar .x-btn-over .x-tbar-page-loading,
.photo-paging-bar .x-btn-click .x-tbar-page-loading,
.permission-setting-window .x-btn-over .x-tbar-page-loading,
.permission-setting-window .x-btn-click .x-tbar-page-loading {
	background-position: left -216px;
}
.permission-setting-window .x-btn-icon .x-btn-mc {
	background-color: transparent;
}
.permission-setting-window .x-toolbar .xtb-sep {
	background-image: url(../images/Window/split_pagebar.png);
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
}
.permission-setting-window .x-toolbar .x-btn.mr,
.permission-setting-window .x-toolbar .x-btn.ml {
	width: 0px;
}
.permission-setting-window-west td.x-btn-mc {
	text-align: left;
	padding-left: 10px !important;
}
.permission-setting-window-west .x-btn-selected .x-btn-text {
	height: 30px !important;
	font-size: 14px;
	color: white;
}
.permission-setting-window-west .x-btn-unselected .x-btn-text {
	height: 30px !important;
	font-size: 14px;
	color: rgb(60, 70, 80);
}
.permission-setting-window-west .x-btn-selected {
	background-color: #00BFFF;
}
.permission-setting-window-west .x-btn-unselected {
	background-color: #FFFFFF;
}
.permission-setting-window-west .x-btn-unselected.x-btn-over .x-btn-mc {
	background-color: rgb(217, 246, 255) !important;
}
.permission-setting-window-west .x-btn-unselected.x-btn-over {
	background-color: rgb(217, 246, 255) !important;
}


.permission-setting-window-tbar.x-toolbar {
	height: 42px;
	padding: 0 20px;
}
.permission-setting-window-tbar .xtb-text {
	color: rgb(60, 70, 80);
	font-size: 16px !important;
	line-height: 30px !important;
	height: 40px !important;
	padding: 0 !important;
}
.permission-setting-window-tbar .syno-textfilter {
	padding-top: 8px;
}

/* IE 10 fix */
.ext-trident6 .x-ie-shadow {
	display: none !important;
}
.ext-trident6 .photo-window {
	box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.2);
}

.ext-ie9.ext-ie .x-toolbar-cell .x-form-field-wrap {
	height: auto;
}

::-ms-clear {
        display: none;
}
::-ms-reveal {
        display: none;
}

/* fix long tip */
.x-tip .x-tip-body,
.x-window-dlg .ext-mb-text,
.x-window-dlg .ext-mb-content {
	word-wrap: break-word;
}

/* upload window style */
.upload-window .source-logo {
	width: 150px;
	height: 150px;
	filter: Alpha(opacity=30);
	opacity: 0.3;
}
.upload-window .source-main-text {
	font-size: 24px;
	font-weight: bold;
	color: rgb(160, 170, 180);
	padding-bottom: 6px;
}
.upload-window .source-second-text {
	font-size: 14px;
	font-weight: bold;
	color: rgb(160, 170, 180);
	padding-bottom: 16px;
}
.upload-window .x-small-editor .x-form-field-wrap .x-form-trigger {
	height: 24px;
}
.upload-window tr.x-toolbar-left-row td.x-toolbar-cell.album-combo {
	padding-top: 7px;
	padding-bottom: 7px;
}
.upload-window .album-type-menu {
	filter: Alpha(opacity=70);
	opacity: 0.7;
}
.upload-window .album-type-menu.x-item-disabled {
	filter: Alpha(opacity=35);
	opacity: 0.35;
}
.upload-window .album-type-menu .x-btn-mc em.x-btn-arrow {
	background: 22px 0px url(../images/Window/icon_dropdown.png) no-repeat;
	padding-right: 14px;
}
.upload-window .drop-zone-text {
	font-size: 24px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	background-color: #00BFFF;
	padding: 10px 40px;
	border-radius: 4px;
}
.upload-window .x-btn-noicon .x-btn-small .x-btn-text {
    width: 160px;
    height: 28px;
}
.upload-window .selection-bar .x-btn-noicon .x-btn-small .x-btn-text {
    width: auto;
    height: auto;
}
.upload-window .x-panel-tbar .x-btn-noicon .x-btn-small .x-btn-text {
	width: auto;
	padding: 0 15px;
}
.upload-window .photo-button em{
    margin: 0px !important;
}
.upload-folder-menu {
	background: white !important;
	border-color: rgb(160, 170, 180) !important;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.5) !important;
}
.upload-window .file-exists-combobox {
	padding-left: 5px;
}
.upload-window .x-toolbar td, .upload-window .x-toolbar span, .upload-window .x-toolbar input,
.upload-window .x-toolbar div, .upload-window .x-toolbar select, .x-toolbar label,
.upload-window .x-combo-list, .ext-webkit .upload-window .x-small-editor .x-form-field {
	font-size: 13px;
}
.flashUploadStatusIcon {
	position: relative;
	left: 47px;
	top: -55px;
}
.add-more-photo-text em {
	background: url(../images/Window/icon_24_add_photos.png) no-repeat 0 center;
}
.photo-window.upload-photo-window .x-window-footer.x-panel-btns {
	padding-top: 0;
	padding-bottom: 0;
}
.x-panel-btns td.x-toolbar-cell.upload-window-footer {
	padding-left: 0;
	padding-right: 0;
}
.add-more-photo-text.x-btn-noicon .x-btn-small em {
	margin: 0;
}
.add-more-photo-text.x-btn button {
	font-size: 14px;
	margin-left: 24px;
	color: rgb(0, 191, 255) !important;
}
.add-more-photo-text.x-btn-over button,
.add-more-photo-text.x-btn-click button {
	text-decoration: underline;
}
.add-more-photo-text.x-btn-over .x-btn-mc,
.add-more-photo-text.x-btn-click .x-btn-mc {
	background-color: transparent !important;
}
.upload-progress-bar .x-progress-wrap {
	border: 0px;
}
.upload-progress-bar .x-progress-inner {
	background-image: none;
	background-color: #d2dce6;
}
.upload-progress-bar .x-progress-bar {
	background-image: none;
	background-color: #00bfff;
	border: 0;
}
.selection-bar .xtb-sep.x-box-item {
	padding-top: 5px;
}
.select-item-text {
	font-size: 12px;
	color: rgb(60, 70, 80);
}
.selection-bar .select-item-text button,
.select-all-window .select-item-text button {
	font-size: 12px;
	color: rgb(0, 172, 299);
	text-decoration: underline;
}
.selection-bar .select-item-text.x-btn-over button,
.select-all-window .select-item-text.x-btn-over button {
	font-size: 12px;
	color: rgb(0, 136, 204);
	text-decoration: underline;
}
.selection-bar .select-item-text.x-btn-over.x-btn-click button,
.select-all-window .select-item-text.x-btn-over.x-btn-click button {
	font-size: 12px;
	color: rgb(0, 104, 179);
	text-decoration: underline;
}
.selection-bar .select-item-text.x-btn-over .x-btn-mc,
.select-all-window .select-item-text.x-btn-over .x-btn-mc {
	background-color: transparent;
}

/* default about me */
.about-me-default-img,
.about-me-default-img-guest {
	background-image: url(../images/White/empty_about_me.png);
	background-repeat: no-repeat;
	background-position: center 120px;
	height: 270px;
	opacity: 0.3;
	filter: Alpha(opacity=30);
	cursor: pointer;
}
.about-me-default-img:hover {
	opacity: 0.5;
	filter: Alpha(opacity=50);
}
.about-me-default-img:active {
	opacity: 0.7;
	filter: Alpha(opacity=70);
}
.about-me-default-desc {
	text-align: center;
	font-size: 16px;
	color: rgb(160, 170, 180);
}
.about-me-default-edit {
	font-weight: bold;
	cursor: pointer;
}

/* file selector */
.photo-fileselector .x-tree-node-el {
	padding: 2px 0;
	margin-bottom: 4px;
}
.photo-fileselector .x-tree-node .x-tree-selected {
	background-color: rgb(0,191,255);
}

.photo-fileselector .x-tree-node a span {
	color: rgb(80,90,100);
	font: 13px verdana, tahoma, arial, helvetica, sans-serif;
	line-height: 20px;
}
.photo-fileselector .x-tree-node .x-tree-selected a span {
	color: white;
}

.photo-fileselector .x-tree-node-icon {
	display: none;
	margin-right: 2px;
}
.photo-fileselector .x-tree-node-loading .x-tree-node-icon {
	display: inline;
	background-image: url(../images/Window/loading_16_white.gif) !important;
}

.photo-fileselector .x-tree-arrows .x-tree-ec-icon {
	width: 18px;
}
.photo-fileselector .x-tree-arrows .x-tree-elbow-plus,
.photo-fileselector .x-tree-arrows .x-tree-elbow-end-plus {
	background: transparent url(../images/Window/dropdow_menu_parent.png) 4px -4px no-repeat;
}
.photo-fileselector .x-tree-arrows .x-tree-elbow-minus,
.photo-fileselector .x-tree-arrows .x-tree-elbow-end-minus {
	background: transparent url(../images/Window/icon_dropdown_70.png) 2px -4px no-repeat;
}
.photo-fileselector .x-tree-arrows .x-tree-selected .x-tree-elbow-plus,
.photo-fileselector .x-tree-arrows .x-tree-selected .x-tree-elbow-end-plus {
	background-position: 4px -32px;
}
.photo-fileselector .x-tree-arrows .x-tree-selected .x-tree-elbow-minus,
.photo-fileselector .x-tree-arrows .x-tree-selected .x-tree-elbow-end-minus {
	background-position: 2px -32px;
}

.photo-fileselector .x-tree-node-cb {
	display: none;
}

.photo-fileselector .x-tree-node-cb-fake {
	width: 20px;
	height: 20px;
	background: transparent url(../images/Window/checkbox.png) 0 0 no-repeat;
	vertical-align: bottom;
}
.photo-fileselector .x-tree-node-over .x-tree-node-cb-fake {
	background-position: 0 -20px;
}
.photo-fileselector .x-tree-node-cb-fake-check {
	background-position: 0 -40px;
}
.photo-fileselector .x-tree-node-over .x-tree-node-cb-fake-check {
	background-position: 0 -60px;
}

/* select copy and move destination window */
.copy-move-window .x-window-body .x-tree-node {
	font-size: 13px;
}
.copy-move-window .x-window-tbar {
	border-bottom-width: 0px;
	padding-top: 5px;
}
.copy-move-window .x-window-body {
	padding-top: 5px;
}
.copy-move-window .x-tree-root-ct {
	width: 500px !important;
}

.set-as-home-checkbox input[type="checkbox"] {
	display:none;
}
.set-as-home-checkbox input[type="checkbox"] + label {
	display:inline-block;
	width:62px;
	height:30px;
	margin:0 0 0 0;
	vertical-align:middle;
	background:url(../images/Window/bt_switcher.png) left -61px no-repeat;
	cursor:pointer;
}
.ext-ie .set-as-home-checkbox input[type="checkbox"] + label {
	line-height: normal;
	top: -2px;
}
.set-as-home-checkbox input[type="checkbox"]:checked + label {
	background:url(../images/Window/bt_switcher.png) left -151px no-repeat;
}

/* help page */

.help-logo-container {
	max-width: 200px;
	height: 70px;
	background: no-repeat url(../images/Help/logo_ps6_help.png);
	margin-bottom: 10px;
	cursor: pointer;
}

.photo-setting-help .x-tree-node-el {
	margin: 0 0px 0px 0px;
	padding:5px 0 5px 0;
}

.photo-setting-help .x-tree-node a span {
	color: rgb(80,90,100);
	font: 13px verdana, tahoma, arial, helvetica, sans-serif;
}

.photo-setting-help .x-tree-node-icon {
	display: none;
	margin-right: 2px;
}
.photo-setting-help .x-tree-node-loading .x-tree-node-icon {
	display: inline;
	background-image: url(../images/Window/loading_16_white.gif) !important;
}

.photo-setting-help .x-tree-arrows .x-tree-ec-icon {
	width: 18px;
}
.photo-setting-help .x-tree-arrows .x-tree-elbow-plus,
.photo-setting-help .x-tree-arrows .x-tree-elbow-end-plus {
	background: transparent url(../images/Window/dropdow_menu_parent.png) 4px -4px no-repeat;
}
.photo-setting-help .x-tree-arrows .x-tree-elbow-minus,
.photo-setting-help .x-tree-arrows .x-tree-elbow-end-minus {
	background: transparent url(../images/Window/icon_dropdown_70.png) 2px -4px no-repeat;
}

.photo-help-left-text {
	font-weight: bold;
	margin: 10px 6px 10px 0;
}
.photo-setting-help .x-tree-node .x-tree-selected {
	background-color: #00bfff;
}
.photo-setting-help .x-tree-node .x-tree-selected span {
	color: #ffffff;
}

/* setting page */

.photo-setting {
	font-size: 14px;
}
.photo-setting .left-panel dl {
	height: auto;
}
.photo-setting .x-panel-body {
	border: none;
}
.photo-setting .x-grid3-row {
	border-left: 0px;
	border-right: 0px;
}
.photo-setting .left-panel .x-list-wrap {
	margin: 0 6px;
}
.photo-setting .x-list-body dt em {
	padding: 3px 6px;

}
.photo-setting .x-list-body .x-list-selected {
	background-color:#00bfff;
}
.photo-setting .x-list-body .x-list-selected dt em{
	color: #ffffff;
}
.photo-setting .logo-container {
	max-width: 200px;
	background: no-repeat url(../images/Settings/logo_ps6_settings.png);
	cursor: pointer;
}
.photo-setting .left-setting-title {
	font-weight: bold;
	margin: 10px 6px;
}
.photo-setting .setting-title {
	font-size: 14px;
	font-weight: bold;
	color: rgb(60,70,80);
	height: 36px;
	line-height: 36px;
	padding-left: 10px;
}
.photo-setting .separator, .photo-setting-window .separator {
	height: 0px;
	border-bottom: 1px dashed;
	border-bottom-color: rgba(40,50,60,0.25);
}
.photo-setting .setting-text {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 8px;
}
.photo-setting .setting-text.back-btn {
	padding: 0 6px 10px 6px;
	cursor: pointer;
}
.photo-setting .setting-text.back-btn:hover {
	font-weight: bold;
}
.photo-setting .setting-text.back-btn .x-panel-body {
	line-height: 28px;
	height: 24px;
}
.photo-setting .setting-text.back-btn .x-panel-body div {
	height: 24px;
	width: 24px;
	background: url(../images/White/icon_24_category_hide.png) no-repeat;
	float: left;
}
.photo-setting .x-panel-btns {
	margin-top: 5px;
	border-top: 2px solid #00BFFF;
}
.photo-setting .x-panel-header {
	font-size: 14px;
	font-weight: bold;
	background: transparent;
	color: rgb(60,70,80);
	height: 36px;
	line-height: 36px;
	padding: 0 0 0 10px;
	border-bottom: 1px dashed;
	border-bottom-color: rgba(40,50,60,0.25);
}
.photo-setting .syno-textfilter .x-form-field-wrap {
        margin-bottom: 0px;
}
.photo-setting .x-grid3-row, .photo-setting-window .x-grid3-row {
	border-left: 0px;
	border-right: 0px;
}
.photo-setting .setting-button {
	margin: 0 4px 0 0;
}
.photo-setting .x-toolbar-ct {
	padding-right: 8px;
	padding-left: 8px;
}
.photo-setting .x-btn-icon {
	filter: Alpha(opacity=70);
	opacity: 0.7;
}
.photo-setting .x-btn-over,
.photo-setting .x-btn-click {
	filter: Alpha(opacity=100);
	opacity: 1;
}
.photo-setting .x-btn-icon .x-btn-mc {
	background-color: transparent;
}

.photo-setting .x-grid3-cell-selected {
	background-color: transparent !important;
}

.photo-setting .x-toolbar .xtb-sep {
	background-image: url(../images/Window/split_pagebar.png);
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
}
.photo-setting .x-toolbar .x-btn.mr,
.photo-setting .x-toolbar .x-btn.ml {
	width: 0px;
}
.photo-setting-help .x-btn.x-btn-over .x-btn-mc,
.photo-setting-help .x-btn.x-btn-menu-active .x-btn-mc,
.photo-setting .x-btn.account-btn.x-btn-over .x-btn-mc,
.photo-setitng .x-btn.x-btn-menu-active .x-btn-mc {
	background-color: #00bfff;
}
.photo-setting-help .x-menu-item-active,
.photo-setting .x-menu-item-active {
	background: #00bfff;
}
.theme-window .x-form-cb-label img{
	border: 1px solid;
	vertical-align:top;
	border-color: rgba(40,50,60,0.25);
}
.ext-ie .theme-window .syno-radiobox .x-form-check-wrap input[name="theme_template"]+label.x-form-cb-label {
	display: inline-block;
	vertical-align:top;
	padding-bottom: 0px;
}
.ext-ie8 .x-item-disabled {
	filter: none !important;
}
/* for Firefox */
.ext-gecko .theme-window .theme-template .x-form-field {
	width: 350px !important;
}
.ext-ie .theme-window .theme-template .syno-radiobox .x-form-check-wrap {
	height: 144px;
}
.panel-logo-uploader {
	position: absolute;
	top: 0px;
	zoom: 1;
	opacity: 0 !important;
	filter: Alpha(opacity = 0) !important;
}
.panel-logo-uploader .x-form-file {
	width: 1px;
	height: 1px;
}
.ext-ie .panel-logo-uploader form,
.ext-ie .panel-logo-uploader .x-form-file {
	cursor: pointer;
	font-size: 27px;
	width: 72px;
	height: 22px;
	opacity: 0 !important;
	filter: Alpha(opacity = 0) !important;
}
.theme-window .blue-clickable-span button {
	color: rgb(0,191,255);
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	height: 20px;
	margin-bottom: 2px;
}
.theme-window .x-btn-over .x-btn-mc {
	background-color: transparent;
}
.photo-setting .x-form-element {
	padding:0 !important;
}
.photo-setting .photo-setting-indent .x-form-item-label {
	width: 1px !important;
}
.photo-setting-indent .syno-radiobox {
	height: 23px !important;
}
.photo-setting .syno-blog-100height {
	margin:0;
}

.thumbnail-view .empty-album-div, .photowall-view .empty-album-div,
.thumbnail-view .empty-album-div-guest, .photowall-view .empty-album-div-guest{
	text-align: center;
	color: rgb(160,170,180);
	font-size: 16px;
	padding-top: 84px;
}
.thumbnail-view .empty-album-div .empty-album-content:hover,
.photowall-view .empty-album-div .empty-album-content:hover {
	opacity: 0.5;
	filter: Alpha(opacity=50);
}
.thumbnail-view .empty-album-div .empty-album-content:active,
.photowall-view .empty-album-div .empty-album-content:active {
	opacity: 0.7;
	filter: Alpha(opacity=70);
}
.thumbnail-view .empty-album-content,
.photowall-view .empty-album-content {
	background-image: url(../images/White/empty_albums.png);
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	height: 150px;
	opacity: 0.3;
	filter: Alpha(opacity=30);
	cursor: pointer;
}
.photowall-view .blue-clickable-span,
.thumbnail-view .blue-clickable-span {
	font-weight: bold;
	cursor: pointer;
}
.thumbnail-view .empty-smart-album-content,
.photowall-view .empty-smart-album-content {
	background-image: url(../images/White/empty_smart_albums.png);
}
.thumbnail-view .empty-cat-album-content,
.photowall-view .empty-cat-album-content {
	background-image: url(../images/White/empty_category.png);
}

.map-thumb-preview {
	background: url(../images/White/loading_16.gif) right 5px bottom 5px no-repeat;
	width: 320px;
	height: 240px;
	position: absolute;
}
.mapview-thumb-wrap {
	float: left;
	margin-right: 5px;
	padding: 1px;
	background: url(../images/White/loading_16.gif) no-repeat 160px 120px;
	width: 320px;
	height: 240px;
	text-align: center;
}
.mapview-infowin-topline {
	border-right: 0px;
	border-left: 0px;
	border-top: 2px solid #00BFFF;
	position: relative;
	margin-top: 5px;
	width: 320px;
}

.thumbnail-view,
.photowall-view,
.timeline-view {
	outline: none;
}

.ext-ie8 .lightbox .x-ie-shadow {
	filter: none !important;
	display: none !important;
}
/* theme customize panel */
.theme-panel table {
	width: 100%;
}
.theme-panel .x-panel-footer {
	border-top: 2px solid #00BFFF;
}
.theme-panel .x-panel-header, .theme-panel .x-panel-body, .theme-panel .x-panel-footer {
	background-color: rgb(60,60,60);
	background-image: url(../images/Customize/panel_bg.png);
	background-position: right;
	background-repeat: repeat-y;
}
.theme-panel .x-btn.x-btn-over .x-btn-mc, .x-btn.x-btn-menu-active .x-btn-mc {
	background-color: #00bfff;
}
.main-panel .x-layout-collapsed {
	display: none !important;
}
.theme-panel .syno-radiobox .x-form-check-wrap .x-form-radio+label.x-form-cb-label {
	padding-top: 2px;
}
.theme-panel .theme-panel-no-radio-icon .syno-radiobox .x-form-check-wrap .x-form-radio+label.x-form-cb-label {
	background: none;
	padding: 0px;
}
.theme-panel .syno-radiobox .x-form-check-wrap label>div {
	box-shadow: 0px 2px 4px rgba(0, 0, 0,0.75);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.75);
}
.theme-panel .syno-radiobox .x-form-check-wrap label .radio-border {
	width: 260px;
	height: 136px;
}
.theme-panel .syno-radiobox .x-form-check-wrap label.x-checkbox-checked .radio-border {
	border: 4px solid #00BFFF;
}
.theme-panel .syno-radiobox .x-form-check-wrap label.x-checkbox-checked .more-btn {
	position: relative;
	top: -144px;
	left: 212px;
	width: 48px;
	height: 136px;
	margin: 4px 4px 0;
	background: url(../images/Customize/theme_advanced.png) no-repeat 0 0;
}
.theme-panel .syno-radiobox .x-form-check-wrap label.x-checkbox-checked .more-btn.btn-over {
	background: url(../images/Customize/theme_advanced.png) no-repeat 0 -142px;
}
.theme-panel .syno-radiobox .x-form-check-wrap label.x-checkbox-checked .more-btn.btn-click {
	background: url(../images/Customize/theme_advanced.png) no-repeat 0 -284px;
}
.theme-panel .theme-text {
	text-align: center;
	color: rgb(220,225,230);
	font-size: 14px;
	padding-bottom: 15px;
}
.theme-panel .theme-text-left {
	color: rgb(220,225,230);
	font-size: 13px;
	padding-top: 14px;
	padding-bottom: 6px;
}
.transparent-mask {
	opacity: 0;
	filter: Alpha(opacity=0);
}
.center-transparent-mask {
	filter: Alpha(opacity=50);
	opacity: 0.5;
}
.theme-panel .theme-inner-panel .x-panel-body {
	background: white;
}
.theme-panel .theme-inner-panel {
	background: white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0 6px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0,0.75);
	font-size: 12px;
}
.theme-panel .theme-inner-panel .x-form-check-wrap {
	padding: 5px;
	height: 22px;
}
.theme-panel .theme-inner-text {
	line-height: 32px;
	margin: 0 0 0 6px;
}
.theme-panel .theme-separator {
	border-top: 1px solid rgb(200,210,220);
}
.theme-panel .color-panel {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	float: right;
	margin-right: 6px;
}
.theme-panel .x-panel-header {
	color: white;
	font-size: 18px;
	height: 20px;
	padding: 10px 16px;
	border-bottom: 2px solid #00BFFF;
	line-height: 20px;
	text-align: center;
}
.theme-panel .theme-other-panel .x-panel-header-text div {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	background: url(../images/Customize/bt_back_next.png) left 0px no-repeat;
	float: left;
	position: absolute;
	left: 16px;
}
.theme-panel .x-form-item {
	margin-bottom: 24px;
}
.color-panel, .bkg-window {
	cursor: pointer;
}
.color-panel .x-btn, .bkg-window .x-btn {
	opacity: 0;
	filter: Alpha(opacity=0);
}
.theme-panel {
	color: rgb(80,90,100);
}
.theme-reset-text {
	float: right;
}
.theme-panel .x-btn-over .x-btn-small .x-btn-text.text-button {
	color: #ffffff;
}
.theme-panel .x-btn-small .x-btn-text.text-button {
	color: rgb(0,191,255);
	height: 28px;
	padding-left: 10px;
	padding-right: 10px;
}
.theme-panel .photo-preview-border {
	border: 1px solid rgb(160,170,180);
}
.theme-panel .photo-preview-border.btn-over {
	border-color: rgb(140,150,160);
}
.theme-panel .photo-preview-border.btn-click {
	border-color: rgb(120,130,140);
}
.theme-panel .photo-preview-border .change-wallpaper {
	opacity: 0.7;
	filter: Alpha(opacity = 70);
	background: url(../images/Customize/bt_change_wallpaper.png) 50% 50% no-repeat;
}
.theme-panel .photo-preview-border.btn-over .change-wallpaper {
	opacity: 0.9;
	filter: Alpha(opacity = 90);
}
.theme-panel .photo-preview-border.btn-click .change-wallpaper {
	opacity: 1;
	filter: Alpha(opacity = 100);
}
/* background chooser  */

#img-pattern-view, #img-photo-view{
	color: #bbbbbb;
	height: 356px;
}


#img-pattern-view .x-view-over img,
#img-upload-view .x-view-over img,
#img-photo-view .x-view-over img{
	border: 0px;
	margin: 0px;
}

#img-pattern-view .x-view-selected img,
#img-upload-view .x-view-selected img,
#img-photo-view .x-view-selected img{
	border: 0px;
	margin: 0px;
}
.thumb-bkg {
	margin: 4px;
	cursor: pointer;
	width: 120px;
}
.thumb-wrap {
	float: left;
	padding-left: 0px;
}
.myimage-preview .x-view-over .thumb-bkg {
	border: 1px solid rgb(190,195,200);
	margin: 3px;
}

.myimage-preview .x-view-selected .thumb-bkg {
	border: 4px solid rgb(0,191,255);
	margin: 0px;
}
.theme-panel .remove {
	padding-left: 0px !important;
	color: #40bfff;
}
.theme-panel .x-panel-body.photo-preview {
	text-align: center;
	background-color: inherit;
}
.theme-panel .x-panel-body.photo-preview img {
	height: 78px;
	max-width: 118px;
}
.theme-panel .x-panel-body.photo-preview div div {
	width: 118px;
	height: 78px;
}
.theme-panel .bkg-image-panel {
	text-align: right;
}

/* color palette*/
.x-menu.color-picker {
	background-color: #fff;
	border-color: rgb(160,170,180);
}
.color-picker .x-menu-list{
	padding: 3px;
}
.ext-ie7 .color-picker .x-color-palette em {
	height: 12px;
}
.color-picker .x-color-palette em span{
	background-color: #333;
}
.color-picker .x-color-palette {
	width: 255px;
	height: 180px;
	margin-left: 6px;
	cursor: pointer;
}
.color-picker .x-color-palette.palette-1 {
	height: 20px;
}
.color-picker .x-color-palette.palette-3 {
	height: 20px;
}
.color-picker .x-color-palette a {
	float: left;
	padding: 0px;
	text-decoration: none;
	-moz-outline: 0 none;
	outline: 0 none;
	cursor: pointer;
}
.color-picker .x-color-palette em {
	display: block;
	border: 0px;
}
.color-picker .x-color-palette span {
	cursor: pointer;
	display: block;
	height: 12px;
	line-height: 1px;
	width: 12px;
}
.color-picker .x-color-palette a {
	border-color: rgb(235,240,245);
}
.color-picker .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
	border-color: rgb(40,50,60);
}
.myimage-content {
	padding: 0 20px;
}
.ext-ie .myimage-content .panel-logo-uploader {
	position: absolute;
	cursor: pointer;
	font-size: 34px;
	top: 12px;
	width: 132px;
	height: 30px;
	opacity: 0 !important;
	filter: Alpha(opacity = 0) !important;
}

/* cover setting */
.album-cover {
	margin-right: 28px;
	width: 120px;
}
.album-cover div {
	text-align: center;
}
.album-cover .cover-background.empty {
	height: 120px;
	line-height: 120px;
	background: url(../images/White/image_bg.png);
}
.album-cover img {
	vertical-align: middle;
	max-width:116px;
	max-height:130px;
	cursor: pointer;
}
.album-cover .cover-background img,
.album-cover .cover-background.empty {
	margin: 1px;
	border: 1px solid rgb(160,170,180);
}
.album-cover .cover-background img:hover,
.album-cover .cover-background.empty:hover {
	border: 1px solid rgb(140,150,160);
	opacity: 0.85;
	filter: Alpha(opcatiy = 85);
}
.album-cover .clicked .cover-background img,
.album-cover .clicked .cover-background.empty {
	opacity: 1;
	filter: Alpha(opcatiy = 100);
	border: 1px solid rgb(120,130,140);
}
.album-cover .cover-background.empty img {
	margin: 0px;
	border: 0px;
}
.album-cover .cover-background.empty {
	cursor: pointer;
}
.album-cover .album-cover-setting-text {
	cursor: pointer;
	color: rgb(0,191,255);
}
.album-cover .album-cover-setting-text:hover {
	text-decoration: underline;
}
.photo-window .thumb-loading {
	background: url(../images/White/loading_16.gif) center center no-repeat;
}

.change-folder-window .x-window-tbar {
	border-bottom-width: 0px;
	padding-top: 5px;
}

.syno-btn-display-page {
	margin-top: 3px;
	left: 0 !important;
}
.syno-btn-display-page em {
	margin: 0 10px;
}
.syno-btn-display-page button {
	height: 28px !important;
}