/* black theme */

/* override ExtJS styles */

.x-menu-sep {
	background-color: transparent;
	border-bottom-color: rgb(80,80,80);
}
.x-menu-item-arrow {
	background-image: url(../images/Black/dropdow_menu_parent.png);
	background-position: right -3px;
}
.x-menu-list-item a.x-menu-item {
	margin-top: 1px;
}
.x-menu-floating {
	border-color: rgb(110,110,110);
	box-shadow: 0px 2px 4px rgba(0, 0, 0,0.5);
}
.x-menu-item-active a.x-menu-item {
	border-color: transparent;
	color: white;
}
.x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
	background:url(../images/Black/dropdow_menu_tick.png) -3px -6px no-repeat;
	width: 28px;
	height: 28px;
}

.x-item-disabled {
	color: rgb(120,125,130);
}
.x-item-disabled *{
	color: rgb(120,125,130) !important;
}
.label-textfield .label-textfield-textfield input {
	border-color: rgba(240,245,250,0.25);
}

/* main panel */

.main-top-bar .x-btn-mc em.x-btn-arrow {
	background-image: url(../images/Black/icon_dropdown_70.png);
	padding-right: 16px;
	background-position: right -3px;
}

/* left panel */
.left-content-menu .syno-textfilter .x-form-field-wrap,
.left-panel .syno-textfilter .x-form-field-wrap {
	background: rgb(40,40,40);
	background: rgba(40,40,40,0.8);
	border-color: rgb(240,245,250);
	border-color: rgba(240,245,250,0.25);
}
.left-panel.left-panel-expand-collapse .x-panel-body{
	background-color: rgba(40,40,40,0.2);
}
.left-content-menu .syno-textfilter .x-form-field-wrap .x-form-field-wrap-center .x-form-empty-field,
.left-panel .syno-textfilter .x-form-field-wrap .x-form-field-wrap-center .x-form-empty-field {
	color: rgb(120, 125, 130);
}
.left-content-menu .syno-textfilter .x-form-field-wrap .syno-textfilter-text,
.left-panel .syno-textfilter .x-form-field-wrap .syno-textfilter-text {
	background-image: url(../images/Black/icon_search.png);
	background-position: 0 -84px;
}
.left-content-menu .syno-textfilter .search-icon button.x-btn-text,
.left-panel .syno-textfilter .search-icon button.x-btn-text {
	background: url(../images/Black/icon_search.png) no-repeat 0 -6px;
}
.left-content-menu .x-list-footer,
.left-panel .x-list-footer {
	border-bottom-color: rgba(240,245,250,0.25);
}
.main-panel .left-panel-switch-btn.x-btn .x-btn-small .x-btn-text {
	background: transparent url(../images/Black/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/Black/icon_24_category_hide.png) no-repeat 0 -2px;
}
.category-list .x-list-body dl.x-list-over .edit {
	background-image: url(../images/Black/icon_24_category_edit.png);
}
.category-list .x-list-body dl.x-list-over .edit:hover {
	background-image: url(../images/Black/icon_24_category_edit.png);
}
.category-list .x-list-body dl.x-list-over .delete {
	background-image: url(../images/Black/icon_24_category_delete.png);
}
.category-list .x-list-body dl.x-list-over .delete:hover {
	background-image: url(../images/Black/icon_24_category_delete.png);
}
.category-btn .x-btn-small .x-btn-text {
	background: transparent url(../images/Black/icon_24_add.png) no-repeat 0 0;
	height: 28px;
	width: 24px;
}

/* center panel */

.ext-el-mask-msg.loading-mask {
	background-image: url(../images/Black/loading_16.gif);
	border-width: 0px;
	z-index: 9000;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.7);
}
.ext-el-mask-msg.loading-mask div {
	color: rgb(60,70,80);
}
.x-panel-noborder .x-panel-tbar-noborder .action-bar.x-toolbar {
	border-bottom-color: rgba(240, 245, 250, 0.25);
}
.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/Black/icon_dropdown_70.png);
	padding-right: 16px;
	background-position: right 0;
}
.viewmode-btn .x-btn-mc em.x-btn-arrow {
	background-image: url(../images/Black/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;
}
.left-content-btn .x-btn-text {
	background: url(../images/Black/icon_24_quick_menu.png) no-repeat 0 0;
}
.setting-btn .x-btn-text,
.viewmode-btn .x-btn-text {
	width: 28px;
	background: url(../images/Black/icon_24_settings.png) no-repeat 2px 0;
}
.viewmode-btn .x-btn-text {
	background-image: url(../images/Black/icon_24_viewmode.png);
}
.thumb-slider .x-slider-horz,
.thumb-slider .x-slider-horz .x-slider-end,
.thumb-slider .x-slider-horz .x-slider-inner {
	background-image: url(../images/Black/slider.png);
}
.thumb-slider .x-slider-horz .x-slider-thumb {
	background-image: url(../images/Black/thumb.png);
}

/* Commom Window style */

.photo-button button {
	font-size: 13px;
}

.photo-window, .photo-window input,
.x-combo-list, .lightbox .lightbox-tag-combo, .lightbox .people-tag-combo input{
	color: rgb(80,90,100);
}

/* thumbnail view */

.timeline-view .thumb-loading,
.thumbnail-view .thumb-wrap.thumb-loading {
	background-color: rgba(255,255,255,0.1);
}
.timeline-view .horizontal-line {
	border-bottom-color: rgba(240,245,250,0.25);
}
.timeline-view .vertical-line {
	background:url('../images/Black/timeline_line.png');
	background-repeat:repeat-y;
}
.timeline-view .timeline-dot {
	background:url('../images/Black/timeline_dot.png') no-repeat;
}
.timeline-view .timeline-date {
	background:url('../images/Black/timeline_date.png') no-repeat;
	font-weight: bold;
	color: rgb(40,45,50);
}
.thumbnail-view .thumb-video-icon {
	background: url(../images/Black/image_video.png) center center no-repeat;
}
.thumbnail-view .thumb {
	background: url(../images/Black/image_bg.png);
}
.thumbnail-view .thumb-check div {
	background: url(../images/Black/bt_image_select.png) 0 0 no-repeat;
}
.thumbnail-view .thumb-menu div {
	background: url(../images/Black/bt_image_dropdown.png) 0 0 no-repeat
}
.thumbnail-view .album-info {
	background: url(../images/Black/album_title_bg.png) repeat-x left bottom;
}

/* paging bar */

.photo-paging-bar .x-form-field {
	background-image: none;
	background-color: rgb(40,40,40);
	background-color: rgba(40,40,40,0.8);
	border-color: rgb(240,245,250);
	border-color: rgba(240,245,250,0.25);
}

.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-loading {
	background-image:url(../images/Black/bt_pagebar.png?v=2613) !important;
}

/* default about me */
.about-me-default-img,
.about-me-default-img-guest {
	background-image: url(../images/Black/empty_about_me.png);
}

/* default album and smart album */
.thumbnail-view .empty-album-content,
.photowall-view .empty-album-content {
	background-image: url(../images/Black/empty_albums.png);
}
.thumbnail-view .empty-smart-album-content,
.photowall-view .empty-smart-album-content {
	background-image: url(../images/Black/empty_smart_albums.png);
}
.thumbnail-view .empty-cat-album-content,
.photowall-view .empty-cat-album-content {
	background-image: url(../images/Black/empty_category.png);
}
.map-thumb-preview {
	background: url(../images/Black/loading_16.gif) right 5px bottom 5px no-repeat;
}