/*!
 * Ext JS Library 3.3.3
 * Copyright(c) 2006-2011 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

.ext-forced-border-box, .ext-forced-border-box * {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.ext-el-mask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    width: 100%;
    height: 100%;
    zoom: 1;
}

.ext-el-mask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid;
    background:repeat-x 0 -16px;
    padding:2px;
}

.ext-el-mask-msg div {
    padding:5px 10px 5px 10px;
    border:1px solid;
    cursor:wait;
}

.ext-shim {
    position:absolute;
    visibility:hidden;
    left:0;
    top:0;
    overflow:hidden;
}

.ext-ie .ext-shim {
    filter: alpha(opacity=0);
}

.ext-ie6 .ext-shim {
    margin-left: 5px;
    margin-top: 3px;
}

.x-mask-loading div {
    padding:5px 10px 5px 25px;
    background:no-repeat 5px 5px;
    line-height:16px;
}

/* class for hiding elements without using display:none */
.x-hidden, .x-hide-offsets {
    position:absolute !important;
    left:-10000px;
    top:-10000px;
    visibility:hidden;
}

.x-hide-display {
    display:none !important;
}

.x-hide-nosize,
.x-hide-nosize *    /* Emulate display:none for children */
 {
   height:0px!important;
   width:0px!important;
   visibility:hidden!important;
   border:none!important;
   zoom:1;
}

.x-hide-visibility {
    visibility:hidden !important;
}

.x-masked {
    overflow: hidden !important;
}
.x-masked-relative {
    position: relative !important;
}

.x-masked select, .x-masked object, .x-masked embed {
    visibility: hidden;
}

.x-layer {
    visibility: hidden;
}

.x-unselectable, .x-unselectable * {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select:ignore;
}

.x-repaint {
    zoom: 1;
    background-color: transparent;
    -moz-outline: none;
    outline: none;
}

.x-item-disabled {
    cursor: default;
    opacity: .6;
    -moz-opacity: .6;
    filter: alpha(opacity=60);
}

.x-item-disabled * {
    cursor: default !important;
}

.x-form-radio-group .x-item-disabled {
    filter: none;
}

.x-splitbar-proxy {
    position: absolute;
    visibility: hidden;
    z-index: 20001;
    zoom: 1;
    line-height: 1px;
    font-size: 1px;
    overflow: hidden;
}

.x-splitbar-h, .x-splitbar-proxy-h {
    cursor: e-resize;
    cursor: col-resize;
}

.x-splitbar-v, .x-splitbar-proxy-v {
    cursor: s-resize;
    cursor: row-resize;
}

.x-color-palette {
    width: 150px;
    height: 92px;
    cursor: pointer;
}

.x-color-palette a {
    border: 1px solid;
    float: left;
    padding: 2px;
    text-decoration: none;
    -moz-outline: 0 none;
    outline: 0 none;
    cursor: pointer;
}

.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
    border: 1px solid;
}

.x-color-palette em {
    display: block;
    border: 1px solid;
}

.x-color-palette em span {
    cursor: pointer;
    display: block;
    height: 10px;
    line-height: 10px;
    width: 10px;
}

.x-ie-shadow {
    display: none;
    position: absolute;
    overflow: hidden;
    left:0;
    top:0;
    zoom:1;
}

.x-shadow {
    display: none;
    position: absolute;
    overflow: hidden;
    left:0;
    top:0;
}

.x-shadow * {
    overflow: hidden;
}

.x-shadow * {
    padding: 0;
    border: 0;
    margin: 0;
    clear: none;
    zoom: 1;
}

/* top  bottom */
.x-shadow .xstc, .x-shadow .xsbc {
    height: 6px;
    float: left;
}

/* corners */
.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
    width: 6px;
    height: 6px;
    float: left;
}

/* sides */
.x-shadow .xsc {
    width: 100%;
}

.x-shadow .xsml, .x-shadow .xsmr {
    width: 6px;
    float: left;
    height: 100%;
}

.x-shadow .xsmc {
    float: left;
    height: 100%;
    background-color: transparent;
}

.x-shadow .xst, .x-shadow .xsb {
    height: 6px;
    overflow: hidden;
    width: 100%;
}

.x-shadow .xsml {
    background: transparent repeat-y 0 0;
}

.x-shadow .xsmr {
    background: transparent repeat-y -6px 0;
}

.x-shadow .xstl {
    background: transparent no-repeat 0 0;
}

.x-shadow .xstc {
    background: transparent repeat-x 0 -30px;
}

.x-shadow .xstr {
    background: transparent repeat-x 0 -18px;
}

.x-shadow .xsbl {
    background: transparent no-repeat 0 -12px;
}

.x-shadow .xsbc {
    background: transparent repeat-x 0 -36px;
}

.x-shadow .xsbr {
    background: transparent repeat-x 0 -6px;
}

.loading-indicator {
    background: no-repeat left;
    padding-left: 20px;
    line-height: 16px;
    margin: 3px;
}

.x-text-resize {
    position: absolute;
    left: -1000px;
    top: -1000px;
    visibility: hidden;
    zoom: 1;
}

.x-drag-overlay {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background-image:url(/photo/lib/ext/resources/images/default/s.gif);
    z-index: 20000;
}

.x-clear {
    clear:both;
    height:0;
    overflow:hidden;
    line-height:0;
    font-size:0;
}

.x-spotlight {
    z-index: 8999;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    width:0;
    height:0;
    zoom: 1;
}

#x-history-frame {
    position:absolute;
    top:-1px;
    left:0;
	width:1px;
    height:1px;
    visibility:hidden;
}

#x-history-field {
    position:absolute;
    top:0;
    left:-1px;
	width:1px;
    height:1px;
    visibility:hidden;
}
.x-resizable-handle {
    position:absolute;
    z-index:100;
    /* ie needs these */
    font-size:1px;
    line-height:6px;
    overflow:hidden;
	filter:alpha(opacity=0);
	opacity:0;
	zoom:1;
}

.x-resizable-handle-east{
    width:6px;
    cursor:e-resize;
    right:0;
    top:0;
    height:100%;
}

.ext-ie .x-resizable-handle-east {
    margin-right:-1px; /*IE rounding error*/
}

.x-resizable-handle-south{
    width:100%;
    cursor:s-resize;
    left:0;
    bottom:0;
    height:6px;
}

.ext-ie .x-resizable-handle-south {
    margin-bottom:-1px; /*IE rounding error*/
}

.x-resizable-handle-west{
    width:6px;
    cursor:w-resize;
    left:0;
    top:0;
    height:100%;
}

.x-resizable-handle-north{
    width:100%;
    cursor:n-resize;
    left:0;
    top:0;
    height:6px;
}

.x-resizable-handle-southeast{
    width:6px;
    cursor:se-resize;
    right:0;
    bottom:0;
    height:6px;
    z-index:101;
}

.x-resizable-handle-northwest{
    width:6px;
    cursor:nw-resize;
    left:0;
    top:0;
    height:6px;
    z-index:101;
}

.x-resizable-handle-northeast{
    width:6px;
    cursor:ne-resize;
    right:0;
    top:0;
    height:6px;
    z-index:101;
}

.x-resizable-handle-southwest{
    width:6px;
    cursor:sw-resize;
    left:0;
    bottom:0;
    height:6px;
    z-index:101;
}

.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{
    filter:alpha(opacity=100);
	opacity:1;
}

.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
{
	background-position: left;
}

.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
{
    background-position: top;
}

.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
    background-position: top left;
}

.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
    background-position:bottom right;
}

.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
    background-position: bottom left;
}

.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
    background-position: top right;
}

.x-resizable-proxy{
    border: 1px dashed;
    position:absolute;
    overflow:hidden;
    display:none;
	left:0;
    top:0;
    z-index:50000;
}

.x-resizable-overlay{
    width:100%;
	height:100%;
	display:none;
	position:absolute;
	left:0;
	top:0;
	z-index:200000;
	-moz-opacity: 0;
    opacity:0;
    filter: alpha(opacity=0);
}
.x-tab-panel {
    overflow:hidden;
}

.x-tab-panel-header, .x-tab-panel-footer {
	border: 1px solid;
    overflow:hidden;
    zoom:1;
}

.x-tab-panel-header {
	border: 1px solid;
	padding-bottom: 2px;
}

.x-tab-panel-footer {
	border: 1px solid;
	padding-top: 2px;
}

.x-tab-strip-wrap {
	width:100%;
    overflow:hidden;
    position:relative;
    zoom:1;
}

ul.x-tab-strip {
	display:block;
    width:5000px;
    zoom:1;
}

ul.x-tab-strip-top{
	padding-top: 1px;
	padding-left: 60px;
	padding-right: 60px;
	background: repeat-x bottom;
	border-bottom: 1px solid;
}

ul.x-tab-strip-bottom{
	padding-bottom: 1px;
	background: repeat-x top;
	border-top: 1px solid;
	border-bottom: 0 none;
}

.x-tab-panel-header-plain .x-tab-strip-top {
    background:transparent !important;
    padding-top:0 !important;
}

.x-tab-panel-header-plain {
    background:transparent !important;
    border-width:0 !important;
    padding-bottom:0 !important;
}

.x-tab-panel-header-plain .x-tab-strip-spacer,
.x-tab-panel-footer-plain .x-tab-strip-spacer {
    border:1px solid;
    height:2px;
    font-size:1px;
    line-height:1px;
}

.x-tab-panel-header-plain .x-tab-strip-spacer {
    border-top: 0 none;
}

.x-tab-panel-footer-plain .x-tab-strip-spacer {
    border-bottom: 0 none;
}

.x-tab-panel-footer-plain .x-tab-strip-bottom {
    background:transparent !important;
    padding-bottom:0 !important;
}

.x-tab-panel-footer-plain {
    background:transparent !important;
    border-width:0 !important;
    padding-top:0 !important;
}

.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
.ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
    height:3px;
}

ul.x-tab-strip li {
    float:left;
    margin-left:2px;
}

ul.x-tab-strip li.x-tab-edge {
    float:left;
    margin:0 !important;
    padding:0 !important;
    border:0 none !important;
    font-size:1px !important;
    line-height:1px !important;
    overflow:hidden;
    zoom:1;
    background:transparent !important;
    width:1px;
}

.x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
	display:block;
}

.x-tab-strip a {
	text-decoration:none !important;
	-moz-outline: none;
	outline: none;
	cursor:pointer;
}

.x-tab-strip-inner {
    overflow:hidden;
	text-overflow: ellipsis;
}

.x-tab-strip span.x-tab-strip-text {
	white-space: nowrap;
	cursor:pointer;
    padding:4px 0;
	color:#505050 !important;
}

.x-tab-strip-active span.x-tab-strip-text {
	white-space: nowrap;
	cursor:pointer;
    padding:4px 0;
	color:#000 !important;
}

.x-tab-strip-top .x-tab-with-icon .x-tab-right {
    padding-left:6px;
	/* color:#fff !important; */
}

.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
	padding-left:20px;
    background-position: 0 3px;
    background-repeat: no-repeat;
	/* color:#fff !important; */
}

.x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
    cursor:default;
}

.x-tab-strip-active span.x-tab-strip-text {
	cursor:default;
}

.x-tab-strip-disabled .x-tabs-text {
	cursor:default;
}

.x-tab-panel-body {
    overflow:hidden;
}

.x-tab-panel-bwrap {
    overflow:hidden;
}

.ext-ie .x-tab-strip .x-tab-right {
    position:relative;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-right {
    margin-bottom:-1px;
}

/*
 * Horrible hack for IE8 in quirks mode
 */
.ext-ie8 .x-tab-strip li {
    position: relative;
}
.ext-border-box .ext-ie8 .x-tab-strip-top .x-tab-right {
    top: 1px;
}
.ext-ie8 .x-tab-strip-top {
    padding-top: 1;
}
.ext-border-box .ext-ie8 .x-tab-strip-top {
    padding-top: 0;
}
.ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
    top:3px;
}
.ext-border-box .ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
    top:4px;
}
.ext-ie8 .x-tab-strip-bottom .x-tab-right{
    top:0;
}


.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
    padding-bottom:5px;
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
    margin-top:-1px;
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
    padding-top:5px;
}

.x-tab-strip-top .x-tab-right {
	/* background: transparent no-repeat 0 -51px; */
	background: transparent no-repeat 0 -144px;
    padding-left:18px;
}

.x-tab-strip-top .x-tab-left {
	/* background: transparent no-repeat right -351px; */
	background: transparent no-repeat right -192px;
    padding-right:18px;
}

.x-tab-strip-top .x-tab-strip-inner {
	/* background: transparent repeat-x 0 -201px; */
	background: transparent repeat-x 0 -168px;
}

.x-tab-strip-top .x-tab-strip-over .x-tab-right {
	/* background-position:0 -101px; */
	background-position:0 -72px;
}

.x-tab-strip-top .x-tab-strip-over .x-tab-left {
	/* background-position:right -401px; */
	background-position:right -120px;
}

.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
	/* background-position:0 -251px; */
	background-position:0 -96px;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-right {
	background-position: 0 0;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-left {
	/* background-position: right -301px; */
	background-position: right -48px;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
	/* background-position: 0 -151px; */
	background-position: 0 -24px;
}

.x-tab-strip-bottom .x-tab-right {
	background: no-repeat bottom right;
}

.x-tab-strip-bottom .x-tab-left {
	background: no-repeat bottom left;
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
	background: no-repeat bottom right;
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
	background: no-repeat bottom left;
}

.x-tab-strip-bottom .x-tab-left {
    margin-right: 3px;
    padding:0 10px;
}

.x-tab-strip-bottom .x-tab-right {
    padding:0;
}

.x-tab-strip .x-tab-strip-close {
    display:none;
}

.x-tab-strip-closable {
    position:relative;
}

.x-tab-strip-closable .x-tab-left {
    padding-right:19px;
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
    opacity:.6;
    -moz-opacity:.6;
    background-repeat:no-repeat;
    display:block;
	width:11px;
    height:11px;
    position:absolute;
    top:3px;
    right:3px;
    cursor:pointer;
    z-index:2;
}

.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
    opacity:.8;
    -moz-opacity:.8;
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
    opacity:1;
    -moz-opacity:1;
}

.x-tab-panel-body {
    border: 1px solid;
}

.x-tab-panel-body-top {
    border-top: 0 none;
}

.x-tab-panel-body-bottom {
    border-bottom: 0 none;
}

.x-tab-scroller-left {
    background: transparent no-repeat -18px 0;
    border-bottom: 1px solid;
    width:18px;
    position:absolute;
    left:0;
    top:0;
    z-index:10;
    cursor:pointer;
}
.x-tab-scroller-left-over {
    background-position: 0 0;
}

.x-tab-scroller-left-disabled {
    background-position: -18px 0;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
    cursor:default;
}

.x-tab-scroller-right {
    background: transparent no-repeat 0 0;
    border-bottom: 1px solid;
    width:18px;
    position:absolute;
    right:0;
    top:0;
    z-index:10;
    cursor:pointer;
}

.x-tab-scroller-right-over {
    background-position: -18px 0;
}

.x-tab-scroller-right-disabled {
    background-position: 0 0;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
    cursor:default;
}

.x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
    margin-top: 1px;
}

.x-tab-scrolling .x-tab-strip-wrap {
    /* margin-left:18px;
    margin-right:18px; */
}

.x-tab-scrolling {
    position:relative;    
}

.x-tab-panel-bbar .x-toolbar {
    border:1px solid;
    border-top:0 none;
    overflow:hidden;
    padding:2px;
}

.x-tab-panel-tbar .x-toolbar {
    border:1px solid;
    border-top:0 none;
    overflow:hidden;
    padding:2px;
}/* all fields */
.x-form-field{
    margin: 0 0 0 0;
}

.ext-webkit *:focus{
    outline: none !important;
}

/* ---- text fields ---- */
.x-form-text, textarea.x-form-field{
    padding:1px 3px;
    background:repeat-x 0 0;
    border:1px solid;
}

textarea.x-form-field {
    padding:2px 3px;
}

.x-form-text, .ext-ie .x-form-file {
    height:22px;
    line-height:18px;
    vertical-align:middle;
}

.ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
    margin:-1px 0; /* ie bogus margin bug */
    height:22px; /* ie quirks */
    line-height:18px;
}

.x-quirks .ext-ie9 .x-form-text {
    height: 22px;
    padding-top: 3px;
    padding-bottom: 0px;
}

/* Ugly hacks for the bogus 1px margin bug in IE9 quirks */
.x-quirks .ext-ie9 .x-input-wrapper .x-form-text,
.x-quirks .ext-ie9 .x-form-field-trigger-wrap .x-form-text {
    margin-top: -1px;
    margin-bottom: -1px;
}
.x-quirks .ext-ie9 .x-input-wrapper .x-form-element {
    margin-bottom: -1px;
}

.ext-ie6 .x-form-field-wrap .x-form-file-btn, .ext-ie7 .x-form-field-wrap .x-form-file-btn {
    top: -1px; /* because of all these margin hacks, these buttons are off by one pixel in IE6,7 */
}

.ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
    margin:-1px 0; /* ie bogus margin bug */
}

.ext-strict .x-form-text {
    height:18px;
}

.ext-safari.ext-mac textarea.x-form-field {
    margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
}

/*
.ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
    margin-bottom: 1px;
}
*/

.ext-gecko .x-form-text , .ext-ie8 .x-form-text {
    padding-top:2px; /* FF won't center the text vertically */
    padding-bottom:0;
}

.ext-ie6 .x-form-composite .x-form-text.x-box-item, .ext-ie7 .x-form-composite .x-form-text.x-box-item {
    margin: 0 !important; /* clear ie bogus margin bug fix */
}

textarea {
    resize: none;  /* Disable browser resizable textarea */
}

/* select boxes */
.x-form-select-one {
    height:20px;
    line-height:18px;
    vertical-align:middle;
    border: 1px solid;
}

/* multi select boxes */

/* --- TODO --- */

/* 2.0.2 style */
.x-form-check-wrap {
    line-height:18px;
    height: auto;
}

.ext-ie .x-form-check-wrap input {
    width:15px;
    height:15px;
}

.x-form-check-wrap input{
    /* vertical-align: bottom; */
	vertical-align: middle;
	margin-right: 7px;
}

.x-editor .x-form-check-wrap {
    padding:3px;
}

.x-editor .x-form-checkbox {
    height:13px;
}

.x-form-check-group-label {
    border-bottom: 1px solid;
    margin-bottom: 5px;
    padding-left: 3px !important;
    float: none !important;
}

/* wrapped fields and triggers */
.x-form-field-wrap .x-form-trigger{
    width:17px;
    height:21px;
    border:0;
    background:transparent no-repeat 0 0;
    cursor:pointer;
    border-bottom: 1px solid;
    position:absolute;
    top:0;
}

.x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
    cursor:pointer;
}

.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
    position:static;
    top:auto;
    vertical-align:top;
}

.x-form-field-wrap {
    position:relative;
    left:0;top:0;
    text-align: left;
    zoom:1;
    white-space: nowrap;
}

.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
    right: 0; /* IE8 Strict mode trigger bug */
}

.x-form-field-wrap .x-form-trigger-over{
    background-position:-17px 0;
}

.x-form-field-wrap .x-form-trigger-click{
    background-position:-34px 0;
}

.x-trigger-wrap-focus .x-form-trigger{
    background-position:-51px 0;
}

.x-trigger-wrap-focus .x-form-trigger-over{
    background-position:-68px 0;
}

.x-trigger-wrap-focus .x-form-trigger-click{
    background-position:-85px 0;
}

.x-trigger-wrap-focus .x-form-trigger{
    border-bottom: 1px solid;
}

.x-trigger-noedit{
    cursor:pointer;
}

/* field focus style */
.x-form-focus, textarea.x-form-focus{
    border: 1px solid;
}

/* invalid fields */
.x-form-invalid, textarea.x-form-invalid{
    background:repeat-x bottom;
    border: 1px solid;
}

.x-form-inner-invalid, textarea.x-form-inner-invalid{
    background:repeat-x bottom;
}

/* editors */
.x-editor {
    visibility:hidden;
    padding:0;
    margin:0;
}

.x-form-grow-sizer {
    left: -10000px;
    padding: 8px 3px;
    position: absolute;
    visibility:hidden;
    top: -10000px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    zoom:1;
}

.x-form-grow-sizer p {
    margin:0 !important;
    border:0 none !important;
    padding:0 !important;
}

/* Form Items CSS */

.x-form-item {
    display:block;
    margin-bottom:6px;
    zoom:1;
}

.x-form-item label.x-form-item-label {
    display:block;
    float:left;
    width:100px;
    padding:3px;
    padding-left:0;
    clear:left;
    z-index:2;
    position:relative;
}

.x-form-element {
    padding-left:105px;
    position:relative;
}

.x-form-invalid-msg {
    padding:2px;
    padding-left:18px;
    background: transparent no-repeat 0 2px;
    line-height:16px;
    width:200px;
}

.x-form-label-left label.x-form-item-label {
   text-align:left;
}

.x-form-label-right label.x-form-item-label {
   text-align:right;
}

.x-form-label-top .x-form-item label.x-form-item-label {
    width:auto;
    float:none;
    clear:none;
    display:inline;
    margin-bottom:4px;
    position:static;
}

.x-form-label-top .x-form-element {
    padding-left:0;
    padding-top:4px;
}

.x-form-label-top .x-form-item {
    padding-bottom:4px;
}

/* Editor small font for grid, toolbar and tree */
.x-small-editor .x-form-text {
    height:20px;
    line-height:16px;
    vertical-align:middle;
}

.ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
    margin-top:-1px !important; /* ie bogus margin bug */
    margin-bottom:-1px !important;
    height:20px !important; /* ie quirks */
    line-height:16px !important;
}

.ext-strict .x-small-editor .x-form-text {
    height:16px !important;
}

.ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
    height:20px;
    line-height:16px;
}

.ext-border-box .x-small-editor .x-form-text {
    height:20px;
}

.x-small-editor .x-form-select-one {
    height:20px;
    line-height:16px;
    vertical-align:middle;
}

.x-small-editor .x-form-num-field {
    text-align:right;
}

.x-small-editor .x-form-field-wrap .x-form-trigger{
    height:19px;
}

.ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}

.ext-strict .ext-webkit .x-small-editor .x-form-text{
    height:14px !important;
}

.x-form-clear {
    clear:both;
    height:0;
    overflow:hidden;
    line-height:0;
    font-size:0;
}
.x-form-clear-left {
    clear:left;
    height:0;
    overflow:hidden;
    line-height:0;
    font-size:0;
}

.ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{
   margin-top: 3px;
}

.x-form-cb-label {
    position: relative;
    margin-left:4px;
    top: 2px;
}

.ext-ie .x-form-cb-label{
    top: 1px;
}

.ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{
    top: 3px;
}

.x-form-display-field{
    padding-top: 2px;
}

.ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{
    padding-top: 1px;
}

.ext-ie .x-form-display-field{
    padding-top: 3px;
}

.ext-strict .ext-ie8 .x-form-display-field{
    padding-top: 0;
}

.x-form-column {
    float:left;
    padding:0;
    margin:0;
    width:48%;
    overflow:hidden;
    zoom:1;
}

/* buttons */
.x-form .x-form-btns-ct .x-btn{
    float:right;
    clear:none;
}

.x-form .x-form-btns-ct .x-form-btns td {
    border:0;
    padding:0;
}

.x-form .x-form-btns-ct .x-form-btns-right table{
    float:right;
    clear:none;
}

.x-form .x-form-btns-ct .x-form-btns-left table{
    float:left;
    clear:none;
}

.x-form .x-form-btns-ct .x-form-btns-center{
    text-align:center; /*ie*/
}

.x-form .x-form-btns-ct .x-form-btns-center table{
    margin:0 auto; /*everyone else*/
}

.x-form .x-form-btns-ct table td.x-form-btn-td{
    padding:3px;
}

.x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
    background-position:0 -147px;
}

.x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
    background-position:0 -168px;
}

.x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
    background-position:0 -189px;
}

.x-form .x-form-btns-ct .x-btn-click .x-btn-center{
    background-position:0 -126px;
}

.x-form .x-form-btns-ct .x-btn-click  .x-btn-right{
    background-position:0 -84px;
}

.x-form .x-form-btns-ct .x-btn-click .x-btn-left{
    background-position:0 -63px;
}

.x-form-invalid-icon {
    width:16px;
    height:18px;
    visibility:hidden;
    position:absolute;
    left:0;
    top:0;
    display:block;
    background:transparent no-repeat 0 2px;
}

/* fieldsets */
.x-fieldset {
    /* border:1px solid; */
	border:1px;
	border-bottom-style:dotted;
	padding-top:19px;
	padding-bottom:24px;
    /* padding:10px; */
    margin-bottom:10px;
    display:block; /* preserve margins in IE */
}

.bottom-fieldset {
	border:0px;
	padding-top:19px;
	padding-bottom:0px;
    margin-bottom:0px;
    display:block; /* preserve margins in IE */
}

/* make top of checkbox/tools visible in webkit */
.ext-webkit .x-fieldset-header {
    padding-top: 1px;
}

.ext-ie .x-fieldset legend {
    margin-bottom:10px;
}

.ext-strict .ext-ie9 .x-fieldset legend.x-fieldset-header {
    padding-top: 1px;
}

.ext-ie .x-fieldset {
    padding-top: 0;
    padding-bottom:10px;
}

.x-fieldset legend .x-tool-toggle {
    margin-right:3px;
    margin-left:0;
    float:left !important;
}

.x-fieldset legend input {
    margin-right:3px;
    float:left !important;
    height:13px;
    width:13px;
}

fieldset.x-panel-collapsed {
    padding-bottom:0 !important;
    border-width: 1px 1px 0 1px !important;
    border-left-color: transparent;
    border-right-color: transparent;
}

.ext-ie6 fieldset.x-panel-collapsed{
    padding-bottom:0 !important;
    border-width: 1px 0 0 0 !important;
    margin-left: 1px;
    margin-right: 1px;
}

fieldset.x-panel-collapsed .x-fieldset-bwrap {
    visibility:hidden;
    position:absolute;
    left:-1000px;
    top:-1000px;
}

.ext-ie .x-fieldset-bwrap {
    zoom:1;
}

.x-fieldset-noborder {
    border:0px none transparent;
}

.x-fieldset-noborder legend {
    margin-left:-3px;
}

/* IE legend positioning bug */
.ext-ie .x-fieldset-noborder legend {
    position: relative;
    margin-bottom:23px;
}
.ext-ie .x-fieldset-noborder legend span {
    position: absolute;
    left:16px;
}

.ext-gecko .x-window-body .x-form-item {
    -moz-outline: none;
    outline: none;
    overflow: auto;
}

.ext-mac.ext-gecko .x-window-body .x-form-item {
    overflow:hidden;
}

.ext-gecko .x-form-item {
    -moz-outline: none;
    outline: none;
}

.x-hide-label label.x-form-item-label {
     display:none;
}

.x-hide-label .x-form-element {
     padding-left: 0 !important;
}

.x-form-label-top .x-hide-label label.x-form-item-label{
    display: none;
}

.x-fieldset {
    overflow:hidden;
}

.x-fieldset-bwrap {
    overflow:hidden;
    zoom:1;
}

.x-fieldset-body {
    overflow:hidden;
}
.x-btn{
	cursor:pointer;
	white-space: nowrap;
}

.x-btn button{
    border:0 none;
    background-color:transparent;
    padding-left:3px;
    padding-right:3px;
    cursor:pointer;
    margin:0;
    overflow:visible;
    width:auto;
    -moz-outline:0 none;
    outline:0 none;
}

* html .ext-ie .x-btn button {
    width:1px;
}

.ext-gecko .x-btn button, .ext-webkit .x-btn button {
    padding-left:0;
    padding-right:0;
}

.ext-gecko .x-btn button::-moz-focus-inner {
    padding:0;
}

.ext-ie .x-btn button {
    padding-top:2px;
}

.x-btn td {
    padding:0 !important;
}

.x-btn-text {
    cursor:pointer;
	white-space: nowrap;
    padding:0;
}

/* icon placement and sizing styles */

/* Only text */
.x-btn-noicon .x-btn-small .x-btn-text{
	height: 16px;
}

.x-btn-noicon .x-btn-medium .x-btn-text{
    height: 24px;
}

.x-btn-noicon .x-btn-large .x-btn-text{
    height: 32px;
}

/* Only icons */
.x-btn-icon .x-btn-text{
    background-position: center;
	background-repeat: no-repeat;
}

.x-btn-icon .x-btn-small .x-btn-text{
	height: 16px;
	width: 16px;
}

.x-btn-icon .x-btn-medium .x-btn-text{
    height: 24px;
	width: 24px;
}

.x-btn-icon .x-btn-large .x-btn-text{
    height: 32px;
	width: 32px;
}

/* Icons and text */
/* left */
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
    background-position: 0 center;
	background-repeat: no-repeat;
    padding-left:18px;
    height:16px;
}

.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
    background-position: 0 center;
	background-repeat: no-repeat;
    padding-left:26px;
    height:24px;
}

.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{
    background-position: 0 center;
	background-repeat: no-repeat;
    padding-left:34px;
    height:32px;
}

/* top */
.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{
    background-position: center 0;
	background-repeat: no-repeat;
    padding-top:18px;
}

.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{
    background-position: center 0;
	background-repeat: no-repeat;
    padding-top:26px;
}

.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{
    background-position: center 0;
	background-repeat: no-repeat;
    padding-top:34px;
}

/* right */
.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{
    background-position: right center;
	background-repeat: no-repeat;
    padding-right:18px;
    height:16px;
}

.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{
    background-position: right center;
	background-repeat: no-repeat;
    padding-right:26px;
    height:24px;
}

.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{
    background-position: right center;
	background-repeat: no-repeat;
    padding-right:34px;
    height:32px;
}

/* bottom */
.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{
    background-position: center bottom;
	background-repeat: no-repeat;
    padding-bottom:18px;
}

.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{
    background-position: center bottom;
	background-repeat: no-repeat;
    padding-bottom:26px;
}

.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{
    background-position: center bottom;
	background-repeat: no-repeat;
    padding-bottom:34px;
}

/* background positioning */
.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
	font-size:1px;
    line-height:1px;
    width:3px;
    display:block;
    overflow:hidden;
}

.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
	height:3px;
}

.x-btn-tl{
	width:3px;
	height:3px;
	background:no-repeat 0 0;
}
.x-btn-tr{
	width:3px;
	height:3px;
	background:no-repeat -3px 0;
}
.x-btn-tc{
	height:3px;
	background:repeat-x 0 -6px;
}

.x-btn-ml{
	width:3px;
	background:no-repeat 0 -24px;
}
.x-btn-mr{
	width:3px;
	background:no-repeat -3px -24px;
}

.x-btn-mc{
	background:repeat-x 0 -1096px;
    vertical-align: middle;
	text-align:center;
	padding:0 5px;
	cursor:pointer;
	white-space:nowrap;
}

/* Fixes an issue with the button height */
.ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc {
    height: 100%;
}

.x-btn-bl{
	width:3px;
	height:3px;
	background:no-repeat 0 -3px;
}

.x-btn-br{
	width:3px;
	height:3px;
	background:no-repeat -3px -3px;
}

.x-btn-bc{
	height:3px;
	background:repeat-x 0 -15px;
}

.x-btn-over .x-btn-tl{
	background-position: -6px 0;
}

.x-btn-over .x-btn-tr{
	background-position: -9px 0;
}

.x-btn-over .x-btn-tc{
	background-position: 0 -9px;
}

.x-btn-over .x-btn-ml{
	background-position: -6px -24px;
}

.x-btn-over .x-btn-mr{
	background-position: -9px -24px;
}

.x-btn-over .x-btn-mc{
	background-position: 0 -2168px;
}

.x-btn-over .x-btn-bl{
	background-position: -6px -3px;
}

.x-btn-over .x-btn-br{
	background-position: -9px -3px;
}

.x-btn-over .x-btn-bc{
	background-position: 0 -18px;
}

.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
	background-position: -12px 0;
}

.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
	background-position: -15px 0;
}

.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
	background-position: 0 -12px;
}

.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
	background-position: -12px -24px;
}

.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
	background-position: -15px -24px;
}

.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
	background-position: 0 -3240px;
}

.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
	background-position: -12px -3px;
}

.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
	background-position: -15px -3px;
}

.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
	background-position: 0 -21px;
}

.x-btn-disabled *{
	cursor:default !important;
}


/* With a menu arrow */
/* right */
.x-btn-mc em.x-btn-arrow {
    display:block;
    background:transparent no-repeat right center;
	padding-right:10px;
}

.x-btn-mc em.x-btn-split {
    display:block;
    background:transparent no-repeat right center;
	padding-right:14px;
}

/* bottom */
.x-btn-mc em.x-btn-arrow-bottom {
    display:block;
    background:transparent no-repeat center bottom;
	padding-bottom:14px;
}

.x-btn-mc em.x-btn-split-bottom {
    display:block;
    background:transparent no-repeat center bottom;
	padding-bottom:14px;
}

/* height adjustment class */
.x-btn-as-arrow .x-btn-mc em {
    display:block;
    background-color:transparent;
	padding-bottom:14px;
}

/* groups */
.x-btn-group {
    padding:1px;
}

.x-btn-group-header {
    padding:2px;
    text-align:center;
}

.x-btn-group-tc {
	background: transparent repeat-x 0 0;
	overflow:hidden;
}

.x-btn-group-tl {
	background: transparent no-repeat 0 0;
	padding-left:3px;
    zoom:1;
}

.x-btn-group-tr {
	background: transparent no-repeat right 0;
	zoom:1;
    padding-right:3px;
}

.x-btn-group-bc {
	background: transparent repeat-x 0 bottom;
    zoom:1;
}

.x-btn-group-bc .x-panel-footer {
    zoom:1;
}

.x-btn-group-bl {
	background: transparent no-repeat 0 bottom;
	padding-left:3px;
    zoom:1;
}

.x-btn-group-br {
	background: transparent no-repeat right bottom;
	padding-right:3px;
    zoom:1;
}

.x-btn-group-mc {
    border:0 none;
    padding:1px 0 0 0;
    margin:0;
}

.x-btn-group-mc .x-btn-group-body {
    background-color:transparent;
    border: 0 none;
}

.x-btn-group-ml {
	background: transparent repeat-y 0 0;
	padding-left:3px;
    zoom:1;
}

.x-btn-group-mr {
	background: transparent repeat-y right 0;
	padding-right:3px;
    zoom:1;
}

.x-btn-group-bc .x-btn-group-footer {
    padding-bottom:6px;
}

.x-panel-nofooter .x-btn-group-bc {
	height:3px;
    font-size:0;
    line-height:0;
}

.x-btn-group-bwrap {
    overflow:hidden;
    zoom:1;
}

.x-btn-group-body {
    overflow:hidden;
    zoom:1;
}

.x-btn-group-notitle .x-btn-group-tc {
	background: transparent repeat-x 0 0;
	overflow:hidden;
    height:2px;
}

.x-toolbar{
    border-style:solid;
    border-width:0 0 1px 0;
    display: block;
	padding:2px;
    background:repeat-x top left;
    position:relative;
    left:0;
    top:0;
    zoom:1;
    overflow:hidden;
}

.x-toolbar-left {
    width: 100%;
}

.x-toolbar .x-item-disabled .x-btn-icon {
    opacity: .35;
    -moz-opacity: .35;
    filter: alpha(opacity=35);
}

.x-toolbar td {
	vertical-align:middle;
}

.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
	white-space: nowrap;
}

.x-toolbar .x-item-disabled {
	cursor:default;
	opacity:.6;
	-moz-opacity:.6;
	filter:alpha(opacity=60);
}

.x-toolbar .x-item-disabled * {
	cursor:default;
}

.x-toolbar .x-toolbar-cell {
    vertical-align:middle;
}

.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr,
.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
{
	background-position: 500px 500px;
}

/* These rules are duplicated from button.css to give priority of x-toolbar rules above */
.x-toolbar .x-btn-over .x-btn-tl{
	background-position: -6px 0;
}

.x-toolbar .x-btn-over .x-btn-tr{
	background-position: -9px 0;
}

.x-toolbar .x-btn-over .x-btn-tc{
	background-position: 0 -9px;
}

.x-toolbar .x-btn-over .x-btn-ml{
	background-position: -6px -24px;
}

.x-toolbar .x-btn-over .x-btn-mr{
	background-position: -9px -24px;
}

.x-toolbar .x-btn-over .x-btn-mc{
	background-position: 0 -2168px;
}

.x-toolbar .x-btn-over .x-btn-bl{
	background-position: -6px -3px;
}

.x-toolbar .x-btn-over .x-btn-br{
	background-position: -9px -3px;
}

.x-toolbar .x-btn-over .x-btn-bc{
	background-position: 0 -18px;
}

.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{
	background-position: -12px 0;
}

.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{
	background-position: -15px 0;
}

.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{
	background-position: 0 -12px;
}

.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{
	background-position: -12px -24px;
}

.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{
	background-position: -15px -24px;
}

.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{
	background-position: 0 -3240px;
}

.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{
	background-position: -12px -3px;
}

.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{
	background-position: -15px -3px;
}

.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{
	background-position: 0 -21px;
}

.x-toolbar div.xtb-text{
    padding:2px 2px 0;
    line-height:16px;
    display:block;
}

.x-toolbar .xtb-sep {
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	font-size: 1px;
	height: 16px;
	width:4px;
	overflow: hidden;
	cursor:default;
	margin: 0 2px 0;
	border:0;
}

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

/* Paging Toolbar */
.x-tbar-page-number{
	width:30px;
	height:14px;
}

.ext-ie .x-tbar-page-number{
    margin-top: 2px;
}

.x-paging-info {
    position:absolute;
    top:5px;
    right: 8px;
}

/* floating */
.x-toolbar-ct {
    width:100%;
}

.x-toolbar-right td {
    text-align: center;
}

.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar {
    overflow:hidden;
    zoom:1;
}

.x-toolbar-more .x-btn-small .x-btn-text{
	height: 16px;
	width: 12px;
}

.x-toolbar-more em.x-btn-arrow {
    display:inline;
    background-color:transparent;
	padding-right:0;
}

.x-toolbar-more .x-btn-mc em.x-btn-arrow {
    background-image: none;
}

div.x-toolbar-no-items {
    color:gray !important;
    padding:5px 10px !important;
}

/* fix ie toolbar form items */
.ext-border-box .x-toolbar-cell .x-form-text {
    margin-bottom:-1px !important;
}

.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
    margin:0 !important;
}

.ext-ie .x-toolbar-cell .x-form-field-wrap {
    height:21px;
}

.ext-ie .x-toolbar-cell .x-form-text {
    position:relative;
    top:-1px;
}

.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text {
    top: 0px;
}

.x-toolbar-right td .x-form-field-trigger-wrap{
    text-align: left;
}

.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
    margin-top: 5px;
}

.x-toolbar-cell .x-form-cb-label{
    vertical-align: bottom;
    top: 1px;
}

.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
    margin-top: 4px;
}

.ext-ie .x-toolbar-cell .x-form-cb-label{
    top: 0;
}
/* Grid3 styles */
.x-grid3 {
	position:relative;
	overflow:hidden;
}

.x-grid-panel .x-panel-body {
    overflow:hidden !important;
}

.x-grid-panel .x-panel-mc .x-panel-body {
    border:1px solid;
}

.x-grid3 table {
    table-layout:fixed;
}

.x-grid3-viewport{
	overflow:hidden;
}

.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
    -moz-outline: none;
    outline: none;
	-moz-user-focus: normal;
}

.x-grid3-row td, .x-grid3-summary-row td {
    line-height:13px;
    vertical-align: middle;
	padding-left:1px;
    padding-right:1px;
    -moz-user-select: none;
    -khtml-user-select:none;
    -webkit-user-select:ignore;
}

.x-grid3-cell{
    -moz-user-select: none;
    -khtml-user-select:none;
    -webkit-user-select:ignore;
}

.x-grid3-hd-row td {
    line-height:15px;
    vertical-align:middle;
    border-left:1px solid;
    border-right:1px solid;
}

.x-grid3-hd-row .x-grid3-marker-hd {
    padding:3px;
}

.x-grid3-row .x-grid3-marker {
    padding:3px;
}

.x-grid3-cell-inner, .x-grid3-hd-inner{
	overflow:hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
    padding:6px 3px 6px 5px;
    white-space: nowrap;
}

/* ActionColumn, reduce padding to accommodate 16x16 icons in normal row height */
.x-action-col-cell .x-grid3-cell-inner {
    padding-top: 4px;
    padding-bottom: 1px;
}

.x-action-col-icon {
    cursor: pointer;
}

.x-grid3-hd-inner {
    position:relative;
	cursor:inherit;
	padding:7px 3px 7px 5px;
}

.x-grid3-row-body {
    white-space:normal;
}

.x-grid3-body-cell {
    -moz-outline:0 none;
    outline:0 none;
}

/* IE Quirks to clip */
.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
	width:100%;
}

/* reverse above in strict mode */
.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
	width:auto;
}

.x-grid-row-loading {
    background: no-repeat center center;
}

.x-grid-page {
    overflow:hidden;
}

.x-grid3-row {
	cursor: default;
    border: 1px solid;
    width:100%;
}

.x-grid3-row-over {
	border:1px solid;
    background: repeat-x left top;
}

.x-grid3-resize-proxy {
	width:1px;
    left:0;
	cursor: e-resize;
	cursor: col-resize;
	position:absolute;
	top:0;
	height:100px;
	overflow:hidden;
	visibility:hidden;
	border:0 none;
	z-index:7;
}

.x-grid3-resize-marker {
	width:1px;
	left:0;
	position:absolute;
	top:0;
	height:100px;
	overflow:hidden;
	visibility:hidden;
	border:0 none;
	z-index:7;
}

.x-grid3-focus {
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:1px;
    line-height:1px;
    font-size:1px;
    -moz-outline:0 none;
    outline:0 none;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select:ignore;
}

/* header styles */
.x-grid3-header{
	background: repeat-x 0 bottom;
	cursor:default;
    zoom:1;
    padding:1px 0 0 0;
}

.x-grid3-header-pop {
    border-left:1px solid;
    float:right;
    clear:none;
}

.x-grid3-header-pop-inner {
    border-left:1px solid;
    width:14px;
    height:19px;
    background: transparent no-repeat center center;
}

.ext-ie .x-grid3-header-pop-inner {
    width:15px;
}

.ext-strict .x-grid3-header-pop-inner {
    width:14px; 
}

.x-grid3-header-inner {
    overflow:hidden;
    zoom:1;
    float:left;
}

.x-grid3-header-offset {
    padding-left:1px;
    text-align: left;
}

td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
    border-left:1px solid;
    border-right:1px solid;
}

td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background: repeat-x left bottom;

}

.x-grid3-sort-icon{
	background-repeat: no-repeat;
	display: none;
	height: 4px;
	width: 13px;
	margin-left:3px;
	vertical-align: middle;
}

.sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
	display: inline;
}

/* Header position fixes for IE strict mode */
.ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {
    position:relative;
}

.ext-strict .ext-ie6 .x-grid3-hd-inner{
    position:static;
}

/* Body Styles */
.x-grid3-body {
	zoom:1;
}

.x-grid3-scroller {
	overflow:auto;
    zoom:1;
    position:relative;
}

.x-grid3-cell-text, .x-grid3-hd-text {
	display: block;
	padding: 3px 5px 3px 5px;
	-moz-user-select: none;
	-khtml-user-select: none;
    -webkit-user-select:ignore;
}

.x-grid3-split {
	background-position: center;
	background-repeat: no-repeat;
	cursor: e-resize;
	cursor: col-resize;
	display: block;
	font-size: 1px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	top: 2px;
	width: 6px;
	z-index: 3;
}

/* Column Reorder DD */
.x-dd-drag-proxy .x-grid3-hd-inner{
	background: repeat-x left bottom;
	width:120px;
	padding:3px;
	border:1px solid;
	overflow:hidden;
}

.col-move-top, .col-move-bottom{
	width:9px;
	height:9px;
	position:absolute;
	top:0;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
	visibility:hidden;
	z-index:20000;
    background:transparent no-repeat left top;
}

/* Selection Styles */
.x-grid3-row-selected {
	border:1px dotted;
}

.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
    background: repeat-x 0 bottom !important;
    vertical-align:middle !important;
    padding:0;
    border-top:1px solid;
    border-bottom:none !important;
    border-right:1px solid !important;
    text-align:center;
}

.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
    padding:0 4px;
    text-align:center;
}

/* dirty cells */
.x-grid3-dirty-cell {
    background: transparent no-repeat 0 0;
}

/* Grid Toolbars */
.x-grid3-topbar, .x-grid3-bottombar{
    overflow:hidden;
	display:none;
	zoom:1;
    position:relative;
}

.x-grid3-topbar .x-toolbar{
	border-right:0 none;
}

.x-grid3-bottombar .x-toolbar{
	border-right:0 none;
	border-bottom:0 none;
	border-top:1px solid;
}

/* Props Grid Styles */
.x-props-grid .x-grid3-cell{
	padding:1px;
}

.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
	background:transparent repeat-y -16px !important;
    padding-left:12px;
}

.x-props-grid .x-grid3-body .x-grid3-td-name{
    padding:1px;
    padding-right:0;
    border:0 none;
    border-right:1px solid;
}

/* dd */
.x-grid3-col-dd {
    border:0 none;
    padding:0;
    background-color:transparent;
}

.x-dd-drag-ghost .x-grid3-dd-wrap {
    padding:1px 3px 3px 1px;
}

.x-grid3-hd {
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:ignore;
}

.x-grid3-hd-btn {
    display:none;
    position:absolute;
    width:14px;
    background:no-repeat left center;
    right:0;
    top:0;
    z-index:2;
	cursor:pointer;
}

.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
    display:block;
}

a.x-grid3-hd-btn:hover {
    background-position:-14px center;
}

/* Expanders */
.x-grid3-body .x-grid3-td-expander {
    background:transparent repeat-y right;
}

.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
    padding:0 !important;
    height:100%;
}

.x-grid3-row-expander {
    width:100%;
    height:18px;
    background-position:4px 2px;
    background-repeat:no-repeat;
    background-color:transparent;
}

.x-grid3-row-collapsed .x-grid3-row-expander {
    background-position:4px 2px;
}

.x-grid3-row-expanded .x-grid3-row-expander {
    background-position:-21px 2px;
}

.x-grid3-row-collapsed .x-grid3-row-body {
    display:none !important;
}

.x-grid3-row-expanded .x-grid3-row-body {
    display:block !important;
}

/* Checkers */
.x-grid3-body .x-grid3-td-checker {
    background:transparent repeat-y right;
}

.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
    padding:0 !important;
    height:100%;
}

.x-grid3-row-checker, .x-grid3-hd-checker {
    width:100%;
    height:18px;
    background-position:2px 2px;
    background-repeat:no-repeat;
    background-color:transparent;
}

.x-grid3-row .x-grid3-row-checker {
    background-position:2px 2px;
}

.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker {
    background-position:-23px 2px;
}

.x-grid3-hd-checker {
    background-position:2px 1px;
}

.ext-border-box .x-grid3-hd-checker {
    background-position:2px 3px;
}

.x-grid3-hd-checker-on .x-grid3-hd-checker {
    background-position:-23px 1px;
}

.ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker {
    background-position:-23px 3px;
}

/* Numberer */
.x-grid3-body .x-grid3-td-numberer {
    background:transparent repeat-y right;
}

.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
    padding:3px 5px 0 0 !important;
    text-align:right;
}

/* Row Icon */

.x-grid3-body .x-grid3-td-row-icon {
    background:transparent repeat-y right;
    vertical-align:top;
    text-align:center;
}

.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
    padding:0 !important;
    background-position:center center;
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    margin-left:2px;
    margin-top:3px;
}

/* All specials */
.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
	background:transparent repeat-y right;
}

.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
    padding: 1px 0 0 0 !important;
}

.x-grid3-check-col {
    width:100%;
    height:16px;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
}

.x-grid3-check-col-on {
    width:100%;
    height:16px;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
}

.x-grid3-radio-col {
    width:100%;
    height:16px;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
}

.x-grid3-radio-col-on {
    width:100%;
    height:16px;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
}

/* Grouping classes */
.x-grid-group, .x-grid-group-body, .x-grid-group-hd {
    zoom:1;
}

.x-grid-group-hd {
    border-bottom: 2px solid;
    cursor:pointer;
    padding-top:6px;
}

.x-grid-group-hd div.x-grid-group-title {
    background:transparent no-repeat 3px 3px;
    padding:4px 4px 4px 17px;
}

.x-grid-group-collapsed .x-grid-group-body {
    display:none;
}

.ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {
    position:relative;
    top:-1px;
}

.ext-ie .x-props-grid .x-editor .x-form-text {
    position:static;
    top:0;
}

.x-grid-empty {
    padding:10px;
}

/* fix floating toolbar issue */
.ext-ie7 .x-grid-panel .x-panel-bbar {
    position:relative;
}


/* Reset position to static when Grid Panel has been framed */
/* to resolve 'snapping' from top to bottom behavior. */
/* @forumThread 86656 */
.ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar {
    position: static;
}

.ext-ie6 .x-grid3-header {
    position: relative;
}

/* Fix WebKit bug in Grids */
.ext-webkit .x-grid-panel .x-panel-bwrap{
    -webkit-user-select:none;
}
.ext-webkit .x-tbar-page-number{
    -webkit-user-select:ignore;
}
/* end*/

/* column lines */
.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
    padding-right:0;
    border-right:1px solid;
}
.x-pivotgrid .x-grid3-header-offset table {
    width: 100%;
    border-collapse: collapse;
}

.x-pivotgrid .x-grid3-header-offset table td {
    padding: 4px 3px 4px 5px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    line-height: 13px;
    font-family: tahoma;
}

.x-pivotgrid .x-grid3-row-headers {
    display: block;
    float: left;
}

.x-pivotgrid .x-grid3-row-headers table {
    height: 100%;
    width: 100%;
    border-collapse: collapse;
}

.x-pivotgrid .x-grid3-row-headers table td {
    height: 18px;
    padding: 2px 7px 0 0;
    text-align: right;
    text-overflow: ellipsis;
    font-size: 11px;
    font-family: tahoma;
}

.ext-gecko .x-pivotgrid .x-grid3-row-headers table td {
    height: 21px;
}

.x-grid3-header-title {
    top: 0%;
    left: 0%;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    font-family: tahoma;
    font-size: 11px;
    padding: auto 1px;
    display: table-cell;
}

.x-grid3-header-title span {
    position: absolute;
    top: 50%;
    left: 0%;
    width: 100%;
    margin-top: -6px;
}.x-dd-drag-proxy{
	position:absolute;
	left:0;
    top:0;
	visibility:hidden;
	z-index:15000;
}

.x-dd-drag-ghost{
	-moz-opacity: 0.85;
    opacity:.85;
    filter: alpha(opacity=85);
    border: 1px solid;
	padding:3px;
	padding-left:20px;
	white-space:nowrap;
}

.x-dd-drag-repair .x-dd-drag-ghost{
	-moz-opacity: 0.4;
    opacity:.4;
    filter: alpha(opacity=40);
	border:0 none;
	padding:0;
	background-color:transparent;
}

.x-dd-drag-repair .x-dd-drop-icon{
	visibility:hidden;
}

.x-dd-drop-icon{
    position:absolute;
	top:3px;
	left:3px;
	display:block;
	width:16px;
	height:16px;
	background-color:transparent;
	background-position: center;
	background-repeat: no-repeat;
	z-index:1;
}

.x-view-selector {
    position:absolute;
    left:0;
    top:0;
    width:0;
    border:1px dotted;
	opacity: .5;
    -moz-opacity: .5;
    filter:alpha(opacity=50);
    zoom:1;
}.ext-strict .ext-ie .x-tree .x-panel-bwrap{
    position:relative;
    overflow:hidden;
}

.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
	border: 0 none;
	height: 18px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 16px;
    background-repeat: no-repeat;
}

.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
	border: 0 none;
	height: 18px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 16px;
	background-position:center;
    background-repeat: no-repeat;
}

.ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
    vertical-align: middle !important;
}

.ext-strict .ext-ie8 .x-tree-node-indent img, .ext-strict .ext-ie8 .x-tree-node-icon, .ext-strict .ext-ie8 .x-tree-ec-icon {
    vertical-align: top !important;
}

/* checkboxes */

input.x-tree-node-cb {
    margin-left:1px;
    height: 19px;
	vertical-align: bottom;
}

.ext-ie input.x-tree-node-cb {
    margin-left:0;
    margin-top: 1px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.ext-strict .ext-ie8 input.x-tree-node-cb{
    margin: 1px 1px;
    height: 14px;
    vertical-align: bottom;
}

.ext-strict .ext-ie8 input.x-tree-node-cb + a{
    vertical-align: bottom;
}

.ext-opera input.x-tree-node-cb {
    height: 14px;
    vertical-align: middle;
}

.x-tree-noicon .x-tree-node-icon{
	width:0; height:0;
}

/* No line styles */
.x-tree-no-lines .x-tree-elbow{
	background-color:transparent;
}

.x-tree-no-lines .x-tree-elbow-end{
	background-color:transparent;
}

.x-tree-no-lines .x-tree-elbow-line{
	background-color:transparent;
}

/* Arrows */
.x-tree-arrows .x-tree-elbow{
	background-color:transparent;
}

.x-tree-arrows .x-tree-elbow-plus{
    background:transparent no-repeat 0 0;
}

.x-tree-arrows .x-tree-elbow-minus{
    background:transparent no-repeat -16px 0;
}

.x-tree-arrows .x-tree-elbow-end{
	background-color:transparent;
}

.x-tree-arrows .x-tree-elbow-end-plus{
    background:transparent no-repeat 0 0;
}

.x-tree-arrows .x-tree-elbow-end-minus{
    background:transparent no-repeat -16px 0;
}

.x-tree-arrows .x-tree-elbow-line{
	background-color:transparent;
}

.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
    background-position:-32px 0;
}

.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
    background-position:-48px 0;
}

.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
    background-position:-32px 0;
}

.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
    background-position:-48px 0;
}

.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
	cursor:pointer;
}

.ext-ie ul.x-tree-node-ct{
    font-size:0;
    line-height:0;
    zoom:1;
}

.x-tree-node{
	white-space: nowrap;
}

.x-tree-node-el {
    line-height:18px;
    cursor:pointer;
}

.x-tree-node a, .x-dd-drag-ghost a{
	text-decoration:none;
	-khtml-user-select:none;
	-moz-user-select:none;
    -webkit-user-select:ignore;
    -kthml-user-focus:normal;
    -moz-user-focus:normal;
    -moz-outline: 0 none;
    outline:0 none;
}

.x-tree-node a span, .x-dd-drag-ghost a span{
	text-decoration:none;
	padding:1px 3px 1px 2px;
}

.x-tree-node .x-tree-node-disabled .x-tree-node-icon{
	-moz-opacity: 0.5;
   opacity:.5;
   filter: alpha(opacity=50);
}

.x-tree-node .x-tree-node-inline-icon{
	background-color:transparent;
}

.x-tree-node a:hover, .x-dd-drag-ghost a:hover{
	text-decoration:none;
}

.x-tree-node div.x-tree-drag-insert-below{
 	 border-bottom:1px dotted;
}

.x-tree-node div.x-tree-drag-insert-above{
	 border-top:1px dotted;
}

.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
 	 border-bottom:0 none;
}

.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
	 border-top:0 none;
}

.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
 	 border-bottom:2px solid;
}

.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
	 border-top:2px solid;
}

.x-tree-node .x-tree-drag-append a span{
	 border:1px dotted;
}

.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
	display:none !important;
}

/* Fix for ie rootVisible:false issue */
.x-tree-root-ct {
    zoom:1;
}
.x-date-picker {
    border: 1px solid;
    border-top:0 none;
	position:relative;
}

.x-date-picker a {
    -moz-outline:0 none;
    outline:0 none;
}

.x-date-inner, .x-date-inner td, .x-date-inner th{
    border-collapse:separate;
}

.x-date-middle,.x-date-left,.x-date-right {
	background: repeat-x 0 -83px;
	overflow:hidden;
}

.x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr,
.x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr,
.x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{
	background:transparent !important;
    vertical-align:middle;
}

.x-date-middle .x-btn-mc em.x-btn-arrow {
    background:transparent no-repeat right 0;
}

.x-date-right, .x-date-left {
    width:18px;
}

.x-date-right{
    text-align:right;
}

.x-date-middle {
    padding-top:2px;
    padding-bottom:2px;
    width:130px; /* FF3 */
}

.x-date-right a, .x-date-left a{
    display:block;
    width:16px;
	height:16px;
	background-position: center;
	background-repeat: no-repeat;
	cursor:pointer;
    -moz-opacity: 0.6;
    opacity:.6;
    filter: alpha(opacity=60);
}

.x-date-right a:hover, .x-date-left a:hover{
    -moz-opacity: 1;
    opacity:1;
    filter: alpha(opacity=100);
}

.x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{
    -moz-opacity: 0.6;
    opacity:.6;
    filter: alpha(opacity=60);
}

.x-date-right a {
    margin-right:2px;
    text-decoration:none !important;
}

.x-date-left a{
    margin-left:2px;
    text-decoration:none !important;
}

table.x-date-inner {
    width: 100%;
    table-layout:fixed;
}

.ext-webkit table.x-date-inner{
    /* Fix for webkit browsers */
    width: 175px;
}


.x-date-inner th {
    width:25px;
}

.x-date-inner th {
    background: repeat-x left top;
    text-align:right !important;
	border-bottom: 1px solid;
	cursor:default;
    padding:0;
    border-collapse:separate;
}

.x-date-inner th span {
    display:block;
    padding:2px;
    padding-right:7px;
}

.x-date-inner td {
    border: 1px solid;
	text-align:right;
    padding:0;
}

.x-date-inner a {
    padding:2px 5px;
    display:block;
	text-decoration:none;
    text-align:right;
    zoom:1;
}

.x-date-inner .x-date-active{
	cursor:pointer;
	color:black;
}

.x-date-inner .x-date-selected a{
	background: repeat-x left top;
	border:1px solid;
    padding:1px 4px;
}

.x-date-inner .x-date-today a{
	border: 1px solid;
    padding:1px 4px;
}

.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
    text-decoration:none !important;
}

.x-date-bottom {
    padding:4px;
    border-top: 1px solid;
    background: repeat-x left top;
}

.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
    text-decoration:none !important;
}

.x-item-disabled .x-date-inner a:hover{
    background: none;
}

.x-date-inner .x-date-disabled a {
	cursor:default;
}

.x-date-menu .x-menu-item {
	padding:1px 24px 1px 4px;
	white-space: nowrap;
}

.x-date-menu .x-menu-item .x-menu-item-icon {
    width:10px;
    height:10px;
    margin-right:5px;
    background-position:center -4px !important;
}

.x-date-mp {
	position:absolute;
	left:0;
	top:0;
	display:none;
}

.x-date-mp td {
    padding:2px;
	font:normal 11px arial, helvetica,tahoma,sans-serif;
}

td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
    border: 0 none;
	text-align:center;
	vertical-align: middle;
	width:25%;
}

.x-date-mp-ok {
	margin-right:3px;
}

.x-date-mp-btns button {
	text-decoration:none;
	text-align:center;
	text-decoration:none !important;
	border:1px solid;
	padding:1px 3px 1px;
	cursor:pointer;
}

.x-date-mp-btns {
	background: repeat-x left top;
}

.x-date-mp-btns td {
	border-top: 1px solid;
    text-align:center;
}

td.x-date-mp-month a,td.x-date-mp-year a {
	display:block;
	padding:2px 4px;
	text-decoration:none;
	text-align:center;
}

td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
	text-decoration:none;
	cursor:pointer;
}

td.x-date-mp-sel a {
	padding:1px 3px;
	background: repeat-x left top;
	border:1px solid;
}

.x-date-mp-ybtn a {
    overflow:hidden;
    width:15px;
    height:15px;
    cursor:pointer;
    background:transparent no-repeat;
    display:block;
    margin:0 auto;
}

.x-date-mp-ybtn a.x-date-mp-next {
    background-position:0 -120px;
}

.x-date-mp-ybtn a.x-date-mp-next:hover {
    background-position:-15px -120px;
}

.x-date-mp-ybtn a.x-date-mp-prev {
    background-position:0 -105px;
}

.x-date-mp-ybtn a.x-date-mp-prev:hover {
    background-position:-15px -105px;
}

.x-date-mp-ybtn {
   text-align:center;
}

td.x-date-mp-sep {
   border-right:1px solid;
}.x-tip{
	position: absolute;
	top: 0;
    left:0;
    visibility: hidden;
	z-index: 20002;
    border:0 none;
}

.x-tip .x-tip-close{
	height: 15px;
	float:right;
	width: 15px;
    margin:0 0 2px 2px;
    cursor:pointer;
    display:none;
}

.x-tip .x-tip-tc {
	background: transparent no-repeat 0 -62px;
	padding-top:3px;
    overflow:hidden;
    zoom:1;
}

.x-tip .x-tip-tl {
	background: transparent no-repeat 0 0;
	padding-left:6px;
    overflow:hidden;
    zoom:1;
}

.x-tip .x-tip-tr {
	background: transparent no-repeat right 0;
	padding-right:6px;
    overflow:hidden;
    zoom:1;
}

.x-tip .x-tip-bc {
	background: transparent no-repeat 0 -121px;
	height:3px;
    overflow:hidden;
}

.x-tip .x-tip-bl {
	background: transparent no-repeat 0 -59px;
	padding-left:6px;
    zoom:1;
}

.x-tip .x-tip-br {
	background: transparent no-repeat right -59px;
	padding-right:6px;
    zoom:1;
}

.x-tip .x-tip-mc {
    border:0 none;
}

.x-tip .x-tip-ml {
	background: no-repeat 0 -124px;
	padding-left:6px;
    zoom:1;
}

.x-tip .x-tip-mr {
	background: transparent no-repeat right -124px;
	padding-right:6px;
    zoom:1;
}

.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {
    font-size:0;
    line-height:0;
}

.ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{
    line-height: 1px;
}

.x-tip .x-tip-header-text {
    padding:0;
    margin:0 0 2px 0;
}

.x-tip .x-tip-body {
    margin:0 !important;
    line-height:14px;
    padding:0;
}

.x-tip .x-tip-body .loading-indicator {
    margin:0;
}

.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {
    cursor:move;
}

.x-form-invalid-tip .x-tip-tc {
	background: repeat-x 0 -12px;
    padding-top:6px;
}

.x-form-invalid-tip .x-tip-bc {
	background: repeat-x 0 -18px;
    height:6px;
}

.x-form-invalid-tip .x-tip-bl {
	background: no-repeat 0 -6px;
}

.x-form-invalid-tip .x-tip-br {
	background: no-repeat right -6px;
}

.x-form-invalid-tip .x-tip-body {
    padding:2px;
}

.x-form-invalid-tip .x-tip-body {
    padding-left:24px;
    background:transparent no-repeat 2px 2px;
}

.x-tip-anchor {
    position: absolute;
    width: 9px;
    height: 10px;
    overflow:hidden;
    background: transparent no-repeat 0 0;
    zoom:1;
}
.x-tip-anchor-bottom {
    background-position: -9px 0;
}
.x-tip-anchor-right {
    background-position: -18px 0;
    width: 10px;
}
.x-tip-anchor-left {
    background-position: -28px 0;
    width: 10px;
}.x-menu {
	z-index: 15000;
	zoom: 1;
	background: repeat-y;
}

.x-menu-floating{
    border: 1px solid;
}

.x-menu a {
    text-decoration: none !important;
}

.ext-ie .x-menu {
    zoom:1;
    overflow:hidden;
}

.x-menu-list{
    padding: 2px;
	background-color:transparent;
	border:0 none;
    overflow:hidden;
    overflow-y: hidden;
}

.ext-strict .ext-ie .x-menu-list{
    position: relative;
}

.x-menu li{
	line-height:100%;
}

.x-menu li.x-menu-sep-li{
	font-size:1px;
	line-height:1px;
}

.x-menu-list-item{
    white-space: nowrap;
	display:block;
	padding:1px;
}

.x-menu-item{
    -moz-user-select: none;
    -khtml-user-select:none;
    -webkit-user-select:ignore;
}

.x-menu-item-arrow{
	background:transparent no-repeat right;
}

.x-menu-sep {
	display:block;
	font-size:1px;
	line-height:1px;
	margin: 2px 3px;
	border-bottom:1px solid;
    overflow:hidden;
}

.x-menu-focus {
    visibility: hidden;
	position:absolute;
	left:-1px;
	top:-1px;
	width:1px;
	height:1px;
    line-height:1px;
    font-size:1px;
    -moz-outline:0 none;
    outline:0 none;
    -moz-user-select: none;
    -khtml-user-select:none;
    -webkit-user-select:ignore;
    overflow:hidden;
    display:block;
}

a.x-menu-item {
    cursor: pointer;
    display: block;
    line-height: 16px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    padding: 3px 21px 3px 27px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.x-menu-item-active {
    background-repeat: repeat-x;
    background-position: left bottom;
    border-style:solid;
    border-width: 1px 0;
    margin:0 1px;
	padding: 0;
}

.x-menu-item-active a.x-menu-item {
    border-style:solid;
    border-width:0 1px;
    margin:0 -1px;
}

.x-menu-item-icon {
	border: 0 none;
	height: 16px;
	padding: 0;
	vertical-align: top;
	width: 16px;
	position: absolute;
    left: 3px;
    top: 3px;
    margin: 0;
    background-position:center;
}

.ext-ie .x-menu-item-icon {
    left: -24px;
}
.ext-strict .x-menu-item-icon {
    left: 3px;
}

.ext-ie6 .x-menu-item-icon {
    left: -24px;
}

.ext-ie .x-menu-item-icon {
    vertical-align: middle;
}

.x-menu-check-item .x-menu-item-icon{
	background: transparent no-repeat center;
}

.x-menu-group-item .x-menu-item-icon{
	background-color: transparent;
}

.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
    background: transparent no-repeat center;
}

.x-date-menu .x-menu-list{
    padding: 0;
}

.x-menu-date-item{
	padding:0;
}

.x-menu .x-color-palette, .x-menu .x-date-picker{
    margin-left: 26px;
	margin-right:4px;
}

.x-menu .x-date-picker{
    border:1px solid;
    margin-top:2px;
    margin-bottom:2px;
}

.x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{
	 margin: 0;
	 border: 0 none;
}

.x-date-menu {
   padding:0 !important;
}

/*
 * fixes separator visibility problem in IE 6
 */
.ext-strict .ext-ie6 .x-menu-sep-li {
    padding: 3px 4px;
}
.ext-strict .ext-ie6 .x-menu-sep {
    margin: 0;
    height: 1px;
}

/*
 * Fixes an issue with "fat" separators in webkit
 */
.ext-webkit .x-menu-sep{
    height: 1px;
}

/*
 * Ugly mess to remove the white border under the picker
 */
.ext-ie .x-date-menu{
    height: 199px;
}

.ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu{
    height: 197px;
}

.ext-strict .ext-ie7 .x-date-menu{
    height: 195px;
}

.ext-strict .ext-ie8 .x-date-menu{
    height: auto;
}

.x-cycle-menu .x-menu-item-checked {
    border:1px dotted !important;
	padding:0;
}

.x-menu .x-menu-scroller {
    width: 100%;
	background-repeat:no-repeat;
	background-position:center;
	height:8px;
    line-height: 8px;
	cursor:pointer;
    margin: 0;
    padding: 0;
}

.x-menu .x-menu-scroller-active{
    height: 6px;
    line-height: 6px;
}

.x-menu-list-item-indent{
    padding-left: 27px;
}/*
 Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
  <div class="x-box-blue">
        <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
        <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
            <h3>YOUR TITLE HERE (optional)</h3>
            <div>YOUR CONTENT HERE</div>
        </div></div></div>
        <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
    </div>
 */

.x-box-tl {
	background: transparent no-repeat 0 0;
    zoom:1;
}

.x-box-tc {
	height: 8px;
	background: transparent repeat-x 0 0;
	overflow: hidden;
}

.x-box-tr {
	background: transparent no-repeat right -8px;
}

.x-box-ml {
	background: transparent repeat-y 0;
	padding-left: 4px;
	overflow: hidden;
    zoom:1;
}

.x-box-mc {
	background: repeat-x 0 -16px;
	padding: 4px 10px;
}

.x-box-mc h3 {
	margin: 0 0 4px 0;
    zoom:1;
}

.x-box-mr {
	background: transparent repeat-y right;
	padding-right: 4px;
	overflow: hidden;
}

.x-box-bl {
	background: transparent no-repeat 0 -16px;
    zoom:1;
}

.x-box-bc {
	background: transparent repeat-x 0 -8px;
	height: 8px;
	overflow: hidden;
}

.x-box-br {
	background: transparent no-repeat right -24px;
}

.x-box-tl, .x-box-bl {
	padding-left: 8px;
	overflow: hidden;
}

.x-box-tr, .x-box-br {
	padding-right: 8px;
	overflow: hidden;
}.x-combo-list {
    border:1px solid;
    zoom:1;
    overflow:hidden;
}

.x-combo-list-inner {
    overflow:auto;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow-x:hidden;
}

.x-combo-list-hd {
    border-bottom:1px solid;
    padding:3px;
}

.x-resizable-pinned .x-combo-list-inner {
    border-bottom:1px solid;
}

.x-combo-list-item {
    padding:2px;
    border:1px solid;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}

.x-combo-list .x-combo-selected{
	border:1px dotted !important;
    cursor:pointer;
}

.x-combo-list .x-toolbar {
    border-top:1px solid;
    border-bottom:0 none;
}.x-panel {
    border-style: solid;
    border-width:0;
}

.x-panel-header {
    overflow:hidden;
    zoom:1;
    padding:5px 3px 4px 5px;
    border:1px solid;
    line-height: 15px;
    background: transparent repeat-x 0 -1px;
}

.x-panel-body {
    border:1px solid;
    border-top:0 none;
    overflow:hidden;
    position: relative; /* added for item scroll positioning */
}

.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
    border:1px solid;
    border-top:0 none;
    overflow:hidden;
    padding:2px;
}

.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
    border-top:1px solid;
    border-bottom: 0 none;
}

.x-panel-body-noheader, .x-panel-mc .x-panel-body {
    border-top:1px solid;
}

.x-panel-header {
    overflow:hidden;
    zoom:1;
}

.x-panel-tl .x-panel-header {
    padding:5px 0 4px 0;
    border:0 none;
    background:transparent no-repeat;
}

.x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
    padding-left:20px !important;
    background-repeat:no-repeat;
    background-position:0 4px;
    zoom:1;
}

.x-panel-inline-icon {
    width:16px;
	height:16px;
    background-repeat:no-repeat;
    background-position:0 0;
	vertical-align:middle;
	margin-right:4px;
	margin-top:-1px;
	margin-bottom:-1px;
}

.x-panel-tc {
	background: transparent repeat-x 0 0;
	overflow:hidden;
}

/* fix ie7 strict mode bug */
.ext-strict .ext-ie7 .x-panel-tc {
    overflow: visible;
}

.x-panel-tl {
	/* background: transparent no-repeat 0 0;
	padding-left:6px;
    zoom:1;
    border-bottom:1px solid; */
}

.x-panel-tr {
	/* background: transparent no-repeat right 0;
	zoom:1;
    padding-right:6px; */
}

.x-panel-bc {
	background: transparent repeat-x 0 bottom;
    zoom:1;
}

.x-panel-bc .x-panel-footer {
    zoom:1;
}

.x-panel-bl {
	/* background: transparent no-repeat 0 bottom;
	padding-left:6px;
    zoom:1; */
}

.x-panel-br {
	/* background: transparent no-repeat right bottom;
	padding-right:6px;
    zoom:1; */
}

.x-panel-mc {
    /* border:0 none;
    padding:0;
    margin:0;
    padding-top:6px; */
}

.x-panel-mc .x-panel-body {
    background-color:transparent;
    border: 0 none;
}

.x-panel-ml {
	/* background: repeat-y 0 0;
	padding-left:6px;
    zoom:1; */
}

.x-panel-mr {
	/* background: transparent repeat-y right 0;
	padding-right:6px;
    zoom:1; */
}

.x-panel-bc .x-panel-footer {
    padding-bottom:6px;
}

.x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
	/* height:6px;
    font-size:0;
    line-height:0; */
}

.x-panel-bwrap {
    overflow:hidden;
    zoom:1;
    left:0;
    top:0;
}
.x-panel-body {
    overflow:hidden;
    zoom:1;
}

.x-panel-collapsed .x-resizable-handle{
    display:none;
}

.ext-gecko .x-panel-animated div {
    overflow:hidden !important;
}

/* Plain */
.x-plain-body {
    overflow:hidden;
}

.x-plain-bbar .x-toolbar {
    overflow:hidden;
    padding:2px;
}

.x-plain-tbar .x-toolbar {
    overflow:hidden;
    padding:2px;
}

.x-plain-bwrap {
    overflow:hidden;
    zoom:1;
}

.x-plain {
    overflow:hidden;
}

/* Tools */
.x-tool {
    overflow:hidden;
    width:15px;
    height:15px;
    float:right;
    cursor:pointer;
    background:transparent no-repeat;
    margin-left:2px;
}

/* expand / collapse tools */
.x-tool-toggle {
    background-position:0 -60px;
}

.x-tool-toggle-over {
    background-position:-15px -60px;
}

.x-panel-collapsed .x-tool-toggle {
    background-position:0 -75px;
}

.x-panel-collapsed .x-tool-toggle-over {
    background-position:-15px -75px;
}


.x-tool-close {
    background-position:0 -0;
}

.x-tool-close-over {
    background-position:-15px 0;
}

.x-tool-minimize {
    background-position:0 -15px;
}

.x-tool-minimize-over {
    background-position:-15px -15px;
}

.x-tool-maximize {
    background-position:0 -30px;
}

.x-tool-maximize-over {
    background-position:-15px -30px;
}

.x-tool-restore {
    background-position:0 -45px;
}

.x-tool-restore-over {
    background-position:-15px -45px;
}

.x-tool-gear {
    background-position:0 -90px;
}

.x-tool-gear-over {
    background-position:-15px -90px;
}

.x-tool-prev {
    background-position:0 -105px;
}

.x-tool-prev-over {
    background-position:-15px -105px;
}

.x-tool-next {
    background-position:0 -120px;
}

.x-tool-next-over {
    background-position:-15px -120px;
}

.x-tool-pin {
    background-position:0 -135px;
}

.x-tool-pin-over {
    background-position:-15px -135px;
}

.x-tool-unpin {
    background-position:0 -150px;
}

.x-tool-unpin-over {
    background-position:-15px -150px;
}

.x-tool-right {
    background-position:0 -165px;
}

.x-tool-right-over {
    background-position:-15px -165px;
}

.x-tool-left {
    background-position:0 -180px;
}

.x-tool-left-over {
    background-position:-15px -180px;
}

.x-tool-down {
    background-position:0 -195px;
}

.x-tool-down-over {
    background-position:-15px -195px;
}

.x-tool-up {
    background-position:0 -210px;
}

.x-tool-up-over {
    background-position:-15px -210px;
}

.x-tool-refresh {
    background-position:0 -225px;
}

.x-tool-refresh-over {
    background-position:-15px -225px;
}

.x-tool-plus {
    background-position:0 -240px;
}

.x-tool-plus-over {
    background-position:-15px -240px;
}

.x-tool-minus {
    background-position:0 -255px;
}

.x-tool-minus-over {
    background-position:-15px -255px;
}

.x-tool-search {
    background-position:0 -270px;
}

.x-tool-search-over {
    background-position:-15px -270px;
}

.x-tool-save {
    background-position:0 -285px;
}

.x-tool-save-over {
    background-position:-15px -285px;
}

.x-tool-help {
    background-position:0 -300px;
}

.x-tool-help-over {
    background-position:-15px -300px;
}

.x-tool-print {
    background-position:0 -315px;
}

.x-tool-print-over {
    background-position:-15px -315px;
}

.x-tool-expand {
    background-position:0 -330px;
}

.x-tool-expand-over {
    background-position:-15px -330px;
}

.x-tool-collapse {
    background-position:0 -345px;
}

.x-tool-collapse-over {
    background-position:-15px -345px;
}

.x-tool-resize {
    background-position:0 -360px;
}

.x-tool-resize-over {
    background-position:-15px -360px;
}

.x-tool-move {
    background-position:0 -375px;
}

.x-tool-move-over {
    background-position:-15px -375px;
}

/* Ghosting */
.x-panel-ghost {
    z-index:12000;
    overflow:hidden;
    position:absolute;
    left:0;top:0;
    opacity:.65;
    -moz-opacity:.65;
    filter:alpha(opacity=65);
}

.x-panel-ghost ul {
    margin:0;
    padding:0;
    overflow:hidden;
    font-size:0;
    line-height:0;
    border:1px solid;
    border-top:0 none;
    display:block;
}

.x-panel-ghost * {
    cursor:move !important;
}

.x-panel-dd-spacer {
    border:2px dashed;
}

/* Buttons */
.x-panel-btns {
    padding:5px;
    overflow:hidden;
}

.x-panel-btns td.x-toolbar-cell{
	padding:3px;
}

.x-panel-btns .x-btn-focus .x-btn-left{
	background-position:0 -147px;
}

.x-panel-btns .x-btn-focus .x-btn-right{
	background-position:0 -168px;
}

.x-panel-btns .x-btn-focus .x-btn-center{
	background-position:0 -189px;
}

.x-panel-btns .x-btn-over .x-btn-left{
	background-position:0 -63px;
}

.x-panel-btns .x-btn-over .x-btn-right{
	background-position:0 -84px;
}

.x-panel-btns .x-btn-over .x-btn-center{
	background-position:0 -105px;
}

.x-panel-btns .x-btn-click .x-btn-center{
	background-position:0 -126px;
}

.x-panel-btns .x-btn-click  .x-btn-right{
	background-position:0 -84px;
}

.x-panel-btns .x-btn-click .x-btn-left{
	background-position:0 -63px;
}

.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
	white-space: nowrap;
}
/**
 * W3C Suggested Default style sheet for HTML 4
 * http://www.w3.org/TR/CSS21/sample.html
 *
 * Resets for Ext.Panel @cfg normal: true
 */
.x-panel-reset .x-panel-body html,
.x-panel-reset .x-panel-body address,
.x-panel-reset .x-panel-body blockquote,
.x-panel-reset .x-panel-body body,
.x-panel-reset .x-panel-body dd,
.x-panel-reset .x-panel-body div,
.x-panel-reset .x-panel-body dl,
.x-panel-reset .x-panel-body dt,
.x-panel-reset .x-panel-body fieldset,
.x-panel-reset .x-panel-body form,
.x-panel-reset .x-panel-body frame, frameset,
.x-panel-reset .x-panel-body h1,
.x-panel-reset .x-panel-body h2,
.x-panel-reset .x-panel-body h3,
.x-panel-reset .x-panel-body h4,
.x-panel-reset .x-panel-body h5,
.x-panel-reset .x-panel-body h6,
.x-panel-reset .x-panel-body noframes,
.x-panel-reset .x-panel-body ol,
.x-panel-reset .x-panel-body p,
.x-panel-reset .x-panel-body ul,
.x-panel-reset .x-panel-body center,
.x-panel-reset .x-panel-body dir,
.x-panel-reset .x-panel-body hr,
.x-panel-reset .x-panel-body menu,
.x-panel-reset .x-panel-body pre 			  { display: block }
.x-panel-reset .x-panel-body li              { display: list-item }
.x-panel-reset .x-panel-body head            { display: none }
.x-panel-reset .x-panel-body table           { display: table }
.x-panel-reset .x-panel-body tr              { display: table-row }
.x-panel-reset .x-panel-body thead           { display: table-header-group }
.x-panel-reset .x-panel-body tbody           { display: table-row-group }
.x-panel-reset .x-panel-body tfoot           { display: table-footer-group }
.x-panel-reset .x-panel-body col             { display: table-column }
.x-panel-reset .x-panel-body colgroup        { display: table-column-group }
.x-panel-reset .x-panel-body td,
.x-panel-reset .x-panel-body th 	          { display: table-cell }
.x-panel-reset .x-panel-body caption         { display: table-caption }
.x-panel-reset .x-panel-body th              { font-weight: bolder; text-align: center }
.x-panel-reset .x-panel-body caption         { text-align: center }
.x-panel-reset .x-panel-body body            { margin: 8px }
.x-panel-reset .x-panel-body h1              { font-size: 2em; margin: .67em 0 }
.x-panel-reset .x-panel-body h2              { font-size: 1.5em; margin: .75em 0 }
.x-panel-reset .x-panel-body h3              { font-size: 1.17em; margin: .83em 0 }
.x-panel-reset .x-panel-body h4,
.x-panel-reset .x-panel-body p,
.x-panel-reset .x-panel-body blockquote,
.x-panel-reset .x-panel-body ul,
.x-panel-reset .x-panel-body fieldset,
.x-panel-reset .x-panel-body form,
.x-panel-reset .x-panel-body ol,
.x-panel-reset .x-panel-body dl,
.x-panel-reset .x-panel-body dir,
.x-panel-reset .x-panel-body menu            { margin: 1.12em 0 }
.x-panel-reset .x-panel-body h5              { font-size: .83em; margin: 1.5em 0 }
.x-panel-reset .x-panel-body h6              { font-size: .75em; margin: 1.67em 0 }
.x-panel-reset .x-panel-body h1,
.x-panel-reset .x-panel-body h2,
.x-panel-reset .x-panel-body h3,
.x-panel-reset .x-panel-body h4,
.x-panel-reset .x-panel-body h5,
.x-panel-reset .x-panel-body h6,
.x-panel-reset .x-panel-body b,
.x-panel-reset .x-panel-body strong          { font-weight: bolder }
.x-panel-reset .x-panel-body blockquote      { margin-left: 40px; margin-right: 40px }
.x-panel-reset .x-panel-body i,
.x-panel-reset .x-panel-body cite,
.x-panel-reset .x-panel-body em,
.x-panel-reset .x-panel-body var,
.x-panel-reset .x-panel-body address    	  { font-style: italic }
.x-panel-reset .x-panel-body pre,
.x-panel-reset .x-panel-body tt,
.x-panel-reset .x-panel-body code,
.x-panel-reset .x-panel-body kbd,
.x-panel-reset .x-panel-body samp       	  { font-family: monospace }
.x-panel-reset .x-panel-body pre             { white-space: pre }
.x-panel-reset .x-panel-body button,
.x-panel-reset .x-panel-body textarea,
.x-panel-reset .x-panel-body input,
.x-panel-reset .x-panel-body select   		  { display: inline-block }
.x-panel-reset .x-panel-body big             { font-size: 1.17em }
.x-panel-reset .x-panel-body small,
.x-panel-reset .x-panel-body sub,
.x-panel-reset .x-panel-body sup 			  { font-size: .83em }
.x-panel-reset .x-panel-body sub             { vertical-align: sub }
.x-panel-reset .x-panel-body sup             { vertical-align: super }
.x-panel-reset .x-panel-body table           { border-spacing: 2px; }
.x-panel-reset .x-panel-body thead,
.x-panel-reset .x-panel-body tbody,
.x-panel-reset .x-panel-body tfoot           { vertical-align: middle }
.x-panel-reset .x-panel-body td,
.x-panel-reset .x-panel-body th          	  { vertical-align: inherit }
.x-panel-reset .x-panel-body s,
.x-panel-reset .x-panel-body strike,
.x-panel-reset .x-panel-body del  			  { text-decoration: line-through }
.x-panel-reset .x-panel-body hr              { border: 1px inset }
.x-panel-reset .x-panel-body ol,
.x-panel-reset .x-panel-body ul,
.x-panel-reset .x-panel-body dir,
.x-panel-reset .x-panel-body menu,
.x-panel-reset .x-panel-body dd        	  { margin-left: 40px }
.x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body menu, .x-panel-reset .x-panel-body dir { list-style-type: disc;}
.x-panel-reset .x-panel-body ol              { list-style-type: decimal }
.x-panel-reset .x-panel-body ol ul,
.x-panel-reset .x-panel-body ul ol,
.x-panel-reset .x-panel-body ul ul,
.x-panel-reset .x-panel-body ol ol    		  { margin-top: 0; margin-bottom: 0 }
.x-panel-reset .x-panel-body u,
.x-panel-reset .x-panel-body ins          	  { text-decoration: underline }
.x-panel-reset .x-panel-body br:before       { content: "\A" }
.x-panel-reset .x-panel-body :before, .x-panel-reset .x-panel-body :after { white-space: pre-line }
.x-panel-reset .x-panel-body center          { text-align: center }
.x-panel-reset .x-panel-body :link, .x-panel-reset .x-panel-body :visited { text-decoration: underline }
.x-panel-reset .x-panel-body :focus          { outline: invert dotted thin }

/* Begin bidirectionality settings (do not change) */
.x-panel-reset .x-panel-body BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
.x-panel-reset .x-panel-body BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
.x-window {
    zoom:1;
}

.x-window .x-window-handle {
    opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0);
}

.x-window-proxy {
    border:1px solid;
    z-index:12000;
    overflow:hidden;
    position:absolute;
    left:0;top:0;
    display:none;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
}

.x-window-header {
    overflow:hidden;
    zoom:1;
}

.x-window-bwrap {
    z-index:1;
    position:relative;
    zoom:1;
    left:0;top:0;
}

.x-window-tl .x-window-header {
    /* padding:5px 0 4px 0; */
}

.x-window-header-text {
    cursor:pointer;
	vertical-align:text-bottom;
}

.x-window-tc {
	background: transparent repeat-x 0 0;
	overflow:hidden;
    zoom:1;
}

.x-window-tl {
	background: transparent no-repeat 0 0;
	padding-left:6px;
    zoom:1;
    z-index:1;
    position:relative;
}

.x-window-tr {
	background: transparent no-repeat right 0;
	padding-right:6px;
}

.x-window-bc {
	background: transparent repeat-x 0 bottom;
    zoom:1;
}

.x-window-bc .x-window-footer {
    padding-bottom:6px;
    zoom:1;
    font-size:0;
    line-height:0;
}

.x-window-bl {
	background: transparent no-repeat 0 bottom;
	padding-left:6px;
    zoom:1;
}

.x-window-br {
	background: transparent no-repeat right bottom;
	padding-right:6px;
    zoom:1;
}

.x-window-mc {
    border:1px solid;
    padding:0;
    margin:0;
}

.x-window-ml {
	background: transparent repeat-y 0 0;
	/* padding-left:6px; */
    zoom:1;
}

.x-window-mr {
	background: transparent repeat-y right 0;
	/* padding-right:6px; */
    zoom:1;
}

.x-window-body {
    overflow:hidden;
}

.x-window-bwrap {
    overflow:hidden;
}

.x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
    .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
    .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
    padding:0;
}

.x-window-maximized .x-window-footer {
    padding-bottom:0;
}

.x-window-maximized .x-window-tc {
    padding-left:3px;
    padding-right:3px;
}

.x-window-maximized .x-window-mc {
    border-left:0 none;
    border-right:0 none;
}

.x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {
    border-left:0 none;
    border-right: 0 none;
}

.x-window-bbar .x-toolbar {
    border-top:1px solid;
    border-bottom:0 none;
}

.x-window-draggable, .x-window-draggable .x-window-header-text {
    cursor:move;
}

.x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {
    cursor:default;
}

.x-window-body {
    background-color:transparent;
}

.x-panel-ghost .x-window-tl {
    border-bottom:1px solid;
}

.x-panel-collapsed .x-window-tl {
    border-bottom:1px solid;
}

.x-window-maximized-ct {
    overflow:hidden;
}

.x-window-maximized .x-window-handle {
    display:none;
}

.x-window-sizing-ghost ul {
    border:0 none !important;
}

.x-dlg-focus{
	-moz-outline:0 none;
	outline:0 none;
	width:0;
	height:0;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

.ext-webkit .x-dlg-focus{
    width: 1px;
    height: 1px;
}

.x-dlg-mask{
    z-index:10000;
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
}

body.ext-ie6.x-body-masked select {
	visibility:hidden;
}

body.ext-ie6.x-body-masked .x-window select {
	visibility:visible;
}

.x-window-plain .x-window-mc {
    border: 1px solid;
}

.x-window-plain .x-window-body {
    border: 1px solid;
    background:transparent !important;
}.x-html-editor-wrap {
    border:1px solid;
}

.x-html-editor-tb .x-btn-text {
    background:transparent no-repeat;
}

.x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold {
    background-position:0 0;
    background-image:url(/photo/lib/ext/resources/images/default/editor/tb-sprite.gif);    
}

.x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic {
    background-position:-16px 0;
    background-image:url(/photo/lib/ext/resources/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline {
    background-position:-32px 0;
    background-image:url(/photo/lib/ext/resources/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor {
    background-position:-160px 0;
    background-image:url(/photo/lib/ext/resources/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor {
    background-position:-176px 0;
    background-image:url(/photo/lib/ext/resources/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft {
    background-position:-112px 0;
    background-image:url(/photo/lib/ext/resources/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter {
    background-position:-128px 0;
    background-image:url(/photo/lib/ext/resources/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright {
    background-position:-144px 0;
    background-image:url(/photo/lib/ext/resources/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist {
    background-position:-80px 0;
    background-image:url(/photo/lib/ext/resources/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist {
    background-position:-96px 0;
    background-image:url(/photo/lib/ext/resources/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize {
    background-position:-48px 0;
    background-image:url(/photo/lib/ext/resources/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize {
    background-position:-64px 0;
    background-image:url(/photo/lib/ext/resources/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit {
    background-position:-192px 0;
    background-image:url(/photo/lib/ext/resources/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink {
    background-position:-208px 0;
    background-image:url(/photo/lib/ext/resources/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
    padding:5px;
    padding-bottom:1px;
}

.x-html-editor-tb .x-toolbar {
    position:static !important;
}.x-panel-noborder .x-panel-body-noborder {
    border-width:0;
	background-color:#F3F3F5;
}

.x-panel-noborder .x-panel-header-noborder {
    border-width:0 0 1px;
    border-style:solid;
}

.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
    border-width:0 0 1px;
    border-style:solid;
}

.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
    border-width:1px 0 0 0;
    border-style:solid;
}

.x-window-noborder .x-window-mc {
    border-width:0;
}

.x-window-plain .x-window-body-noborder {
    border-width:0;
}

.x-tab-panel-noborder .x-tab-panel-body-noborder {
	border-width:0;
	background-color:#F3F3F5;
}

.x-tab-panel-noborder .x-tab-panel-header-noborder {
    border-width: 0 0 1px 0;
}

.x-tab-panel-noborder .x-tab-panel-footer-noborder {
    border-width: 1px 0 0 0;
}

.x-tab-panel-bbar-noborder .x-toolbar {
    border-width: 1px 0 0 0;
    border-style:solid;
}

.x-tab-panel-tbar-noborder .x-toolbar {
    border-width:0 0 1px;
    border-style:solid;
}.x-border-layout-ct {
    position: relative;
}

.x-border-panel {
    position:absolute;
    left:0;
    top:0;
}

.x-tool-collapse-south {
    background-position:0 -195px;
}

.x-tool-collapse-south-over {
    background-position:-15px -195px;
}

.x-tool-collapse-north {
    background-position:0 -210px;
}

.x-tool-collapse-north-over {
    background-position:-15px -210px;
}

.x-tool-collapse-west {
    background-position:0 -180px;
}

.x-tool-collapse-west-over {
    background-position:-15px -180px;
}

.x-tool-collapse-east {
    background-position:0 -165px;
}

.x-tool-collapse-east-over {
    background-position:-15px -165px;
}

.x-tool-expand-south {
    background-position:0 -210px;
}

.x-tool-expand-south-over {
    background-position:-15px -210px;
}

.x-tool-expand-north {
    background-position:0 -195px;
}
.x-tool-expand-north-over {
    background-position:-15px -195px;
}

.x-tool-expand-west {
    background-position:0 -165px;
}

.x-tool-expand-west-over {
    background-position:-15px -165px;
}

.x-tool-expand-east {
    background-position:0 -180px;
}

.x-tool-expand-east-over {
    background-position:-15px -180px;
}

.x-tool-expand-north, .x-tool-expand-south {
    float:right;
    margin:3px;
}

.x-tool-expand-east, .x-tool-expand-west {
    float:none;
    margin:3px 2px;
}

.x-accordion-hd .x-tool-toggle {
    background-position:0 -255px;
}

.x-accordion-hd .x-tool-toggle-over {
    background-position:-15px -255px;
}

.x-panel-collapsed .x-accordion-hd .x-tool-toggle {
    background-position:0 -240px;
}

.x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
    background-position:-15px -240px;
}

.x-accordion-hd {
	padding-top:4px;
	padding-bottom:3px;
	border-top:0 none;
    background: transparent repeat-x 0 -9px;
}

.x-layout-collapsed{
    position:absolute;
    left:-10000px;
    top:-10000px;
    visibility:hidden;
    width:20px;
    height:20px;
    overflow:hidden;
	border:1px solid;
	z-index:20;
}

.ext-border-box .x-layout-collapsed{
    width:22px;
    height:22px;
}

.x-layout-collapsed-over{
    cursor:pointer;
}

.x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
	position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
}


.x-layout-split{
    position:absolute;
    height:5px;
    width:5px;
    line-height:1px;
    font-size:1px;
    z-index:3;
    background-color:transparent;
}

/* IE6 strict won't drag w/out a color */
.ext-strict .ext-ie6 .x-layout-split{
    background-color: #fff !important;
    filter: alpha(opacity=1);
}

.x-layout-split-h{
    background-image:url(/photo/lib/ext/resources/images/default/s.gif);
    background-position: left;
}

.x-layout-split-v{
    background-image:url(/photo/lib/ext/resources/images/default/s.gif);
    background-position: top;
}

.x-column-layout-ct {
    overflow:hidden;
    zoom:1;
}

.x-column {
    float:left;
    padding:0;
    margin:0;
    overflow:hidden;
    zoom:1;
}

.x-column-inner {
    overflow:hidden;
    zoom:1;
}

/* mini mode */
.x-layout-mini {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:5px;
    height:35px;
    cursor:pointer;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
}

.x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
    opacity:1;
    -moz-opacity:1;
    filter:none;
}

.x-layout-split-west .x-layout-mini {
    top:48%;
}

.x-layout-split-east .x-layout-mini {
    top:48%;
}

.x-layout-split-north .x-layout-mini {
    left:48%;
    height:5px;
    width:35px;
}

.x-layout-split-south .x-layout-mini {
    left:48%;
    height:5px;
    width:35px;
}

.x-layout-cmini-west .x-layout-mini {
    top:48%;
}

.x-layout-cmini-east .x-layout-mini {
    top:48%;
}

.x-layout-cmini-north .x-layout-mini {
    left:48%;
    height:5px;
    width:35px;
}

.x-layout-cmini-south .x-layout-mini {
    left:48%;
    height:5px;
    width:35px;
}

.x-layout-cmini-west, .x-layout-cmini-east {
    border:0 none;
    width:5px !important;
    padding:0;
    background-color:transparent;
}

.x-layout-cmini-north, .x-layout-cmini-south {
    border:0 none;
    height:5px !important;
    padding:0;
    background-color:transparent;
}

.x-viewport, .x-viewport body {
    margin: 0;
    padding: 0;
    border: 0 none;
    overflow: hidden;
    height: 100%;
}

.x-abs-layout-item {
    position:absolute;
    left:0;
    top:0;
}

.ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
    margin:0;
}

.x-box-layout-ct {
    overflow:hidden;
    zoom:1;
}

.x-box-inner {
    overflow:hidden;
    zoom:1;
    position:relative;
    left:0;
    top:0;
}

.x-box-item {
    position:absolute;
    left:0;
    top:0;
}.x-progress-wrap {
    border:1px solid;
    overflow:hidden;
}

.x-progress-inner {
    height:18px;
    background:repeat-x;
    position:relative;
}

.x-progress-bar {
    height:18px;
    float:left;
    width:0;
    background: repeat-x left center;
    border-top:1px solid;
    border-bottom:1px solid;
    border-right:1px solid;
}

.x-progress-text {
    padding:1px 5px;
    overflow:hidden;
    position:absolute;
    left:0;
    text-align:center;
}

.x-progress-text-back {
    line-height:16px;
}

.ext-ie .x-progress-text-back {
    line-height:15px;
}

.ext-strict .ext-ie7 .x-progress-text-back{
    width: 100%;
}
.x-list-header{
	background: repeat-x 0 bottom;
	cursor:default;
    zoom:1;
    height:22px;
}

.x-list-header-inner div {
    display:block;
    float:left;
    overflow:hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.x-list-header-inner div em {
    display:block;
    border-left:1px solid;
    padding:4px 4px;
    overflow:hidden;
    -moz-user-select: none;
    -khtml-user-select: none;
    line-height:14px;
}

.x-list-body {
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    zoom:1;
    float: left;
    width: 100%;
}

.x-list-body dl {
    zoom:1;
}

.x-list-body dt {
    display:block;
    float:left;
    overflow:hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
    white-space: nowrap;
    cursor:pointer;
    zoom:1;
}

.x-list-body dt em {
    display:block;
    padding:3px 4px;
    overflow:hidden;
    -moz-user-select: none;
    -khtml-user-select: none;
}

.x-list-resizer {
    border-left:1px solid;
    border-right:1px solid;
    position:absolute;
    left:0;
    top:0;
}

.x-list-header-inner em.sort-asc {
    background: transparent no-repeat center 0;
    border-style:solid;
    border-width: 0 1px 1px;
    padding-bottom:3px;
}

.x-list-header-inner em.sort-desc {
    background: transparent no-repeat center -23px;
    border-style:solid;
    border-width: 0 1px 1px;
    padding-bottom:3px;
}

/* Shared styles */
.x-slider {
    zoom:1;
}

.x-slider-inner {
    position:relative;
    left:0;
    top:0;
    overflow:visible;
    zoom:1;
}

.x-slider-focus {
    visibility: hidden;
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:1px;
    line-height:1px;
    font-size:1px;
    -moz-outline:0 none;
    outline:0 none;
    -moz-user-select: none;
    -khtml-user-select:none;
    -webkit-user-select:ignore;
	display:block;
	overflow:hidden;  
}

/* Horizontal styles */
.x-slider-horz {
    padding-left:7px;
    background:transparent no-repeat 0 -22px;
}

.x-slider-horz .x-slider-end {
    padding-right:7px;
    zoom:1;
    background:transparent no-repeat right -44px;
}

.x-slider-horz .x-slider-inner {
    background:transparent repeat-x 0 0;
    height:22px;
}

.x-slider-horz .x-slider-thumb {
    width:14px;
    height:15px;
    position:absolute;
    left:0;
    top:3px;
    background:transparent no-repeat 0 0;
}

.x-slider-horz .x-slider-thumb-over {
    background-position: -14px -15px;
}

.x-slider-horz .x-slider-thumb-drag {
    background-position: -28px -30px;
}

/* Vertical styles */
.x-slider-vert {
    padding-top:7px;
    background:transparent no-repeat -44px 0;
    width:22px;
}

.x-slider-vert .x-slider-end {
    padding-bottom:7px;
    zoom:1;
    background:transparent no-repeat -22px bottom;
}

.x-slider-vert .x-slider-inner {
    background:transparent repeat-y 0 0;
}

.x-slider-vert .x-slider-thumb {
    width:15px;
    height:14px;
    position:absolute;
    left:3px;
    bottom:0;
    background:transparent no-repeat 0 0;
}

.x-slider-vert .x-slider-thumb-over {
    background-position: -15px -14px;
}

.x-slider-vert .x-slider-thumb-drag {
    background-position: -30px -28px;
}.x-window-dlg .x-window-body {
    border:0 none !important;
    padding:5px 10px;
    overflow:hidden !important;
}

.x-window-dlg .x-window-mc {
    border:0 none !important;
}

.x-window-dlg .ext-mb-input {
    margin-top:4px;
    width:95%;
}

.x-window-dlg .ext-mb-textarea {
    margin-top:4px;
}

.x-window-dlg .x-progress-wrap {
    margin-top:4px;
}

.ext-ie .x-window-dlg .x-progress-wrap {
    margin-top:6px;
}

.x-window-dlg .x-msg-box-wait {
    background:transparent no-repeat left;
    display:block;
    width:300px;
    padding-left:18px;
    line-height:18px;
}

.x-window-dlg .ext-mb-icon {
    float:left;
    width:47px;
    height:32px;
}

.x-window-dlg .x-dlg-icon .ext-mb-content{
    zoom: 1; 
    margin-left: 47px;
}

.x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error {
    background:transparent no-repeat top left;
}

.ext-gecko2 .ext-mb-fix-cursor {
    overflow:auto;
}
/*!
 * Ext JS Library 3.3.3
 * Copyright(c) 2006-2011 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
.ext-el-mask {
    background-color: #ccc;
}

.ext-el-mask-msg {
    border-color:#999;
    background-color:#ddd;
    background-image:url(/photo/lib/ext/resources/images/qnap-default/panel/white-top-bottom.gif);
    background-position: 0 -1px;
}
.ext-el-mask-msg div {
    background-color: #eee;
    border-color:#d0d0d0;
    color:#222;
    font-size: 11px;
    font-weight: normal;
}

.loading-indicator,
.x-window-dlg .x-msg-box-wait,
.x-mask-loading div {
    background-color:#fbfbfb;
    background-image:url(/photo/lib/ext/resources/images/default/grid/loading.gif);
}

.x-item-disabled {
    color: gray;
}

.x-item-disabled * {
    color: gray !important;
}

.x-splitbar-proxy {
    background-color: #aaa;
}

.x-color-palette a {
    border-color:#fff;
}

.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
    border-color:#CFCFCF;
    background-color: #eaeaea;
}

/*
.x-color-palette em:hover, .x-color-palette span:hover{   
    background-color: #eaeaea;
}
*/

.x-color-palette em {
    border-color:#aca899;
}

.x-ie-shadow {
    background-color:#777;
}

.x-shadow .xsmc {
    background-image: url(/photo/lib/ext/resources/images/default/shadow-c.png);
}

.x-shadow .xsml, .x-shadow .xsmr {
    background-image: url(/photo/lib/ext/resources/images/default/shadow-lr.png);
}

.x-shadow .xstl, .x-shadow .xstc,  .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
    background-image: url(/photo/lib/ext/resources/images/default/shadow.png);
}

.loading-indicator {
    font-size: 11px;
}

.x-spotlight {
    background-color: #ccc;
}

.x-tab-panel-header, .x-tab-panel-footer {
	background-color: #eaeaea;
	border-color:#d0d0d0;
    overflow:hidden;
    zoom:1;
}

.x-tab-panel-header, .x-tab-panel-footer {
	border-color:#d0d0d0;
}

ul.x-tab-strip-top{
    /*
	background-color:#dbdbdb;
	background-image: url(/photo/lib/ext/resources/images/gray/tabs/tab-strip-bg.gif);
	*/
	background-color:#FFFFFF;
	background-image: none;
	/* border-bottom-color:#d0d0d0; */
	border-bottom-color:#3A4550
}

ul.x-tab-strip-bottom{
    background-color:#dbdbdb;
	background-image: url(/photo/lib/ext/resources/images/qnap-default/tabs/tab-strip-btm-bg.gif);
	border-top-color:#d0d0d0;
}

.x-tab-panel-header-plain .x-tab-strip-spacer,
.x-tab-panel-footer-plain .x-tab-strip-spacer {
    border-color:#d0d0d0;
    background-color: #eaeaea;
}

.x-tab-strip span.x-tab-strip-text {
	font-size: 11px;
    font-weight: normal;
	color:#333;
}

.x-tab-strip-over span.x-tab-strip-text {
	color:#111;
}

.x-tab-strip-active span.x-tab-strip-text {
	color:#333;
    /* font-weight:bold; */
}

.x-tab-strip-disabled .x-tabs-text {
	color:#aaaaaa;
}

.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
	/* background-image: url(/photo/lib/ext/resources/images/qnap-default/tabs/tabs-sprite.gif); */
	background-image: url(/photo/lib/ext/resources/images/qnap-default/tabs/tabs-sprite.png);
}

.x-tab-strip-bottom .x-tab-right {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/tabs/tab-btm-inactive-right-bg.gif);
}

.x-tab-strip-bottom .x-tab-left {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/tabs/tab-btm-inactive-left-bg.gif);
}

.x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/tabs/tab-btm-over-left-bg.gif);
}

.x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/tabs/tab-btm-over-right-bg.gif);
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/tabs/tab-btm-right-bg.gif);
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/tabs/tab-btm-left-bg.gif);
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close,
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
	background-image:url(/photo/lib/ext/resources/images/qnap-default/tabs/tab-close.gif);
}

.x-tab-panel-body {
    border-color:#d0d0d0;
    background-color:#fff;
}

.x-tab-panel-body-top {
    border-top: 0;
}

.x-tab-panel-body-bottom {
    border-bottom: 0;
}

.x-tab-scroller-left {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/tabs/scroll-left.gif);
    border-bottom-color:#d0d0d0;
}

.x-tab-scroller-left-over {
    background-position: 0 0;
}

.x-tab-scroller-left-disabled {
    background-position: -18px 0;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
    cursor:default;
}

.x-tab-scroller-right {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/tabs/scroll-right.gif);
    border-bottom-color:#d0d0d0;
}

.x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
    border-color:#d0d0d0;
}
.x-form-field{
    font-size: 12px;
    font-weight: normal;
}

.x-form-text, textarea.x-form-field{
    background-color:#fff;
    background-image:url(/photo/lib/ext/resources/images/default/form/text-bg.gif);
    border-color:#C1C1C1;
}

.x-form-select-one {
    background-color:#fff;
    border-color:#C1C1C1;
}

.x-form-check-group-label {
    border-bottom: 1px solid #d0d0d0;
    color: #333;
}

.x-editor .x-form-check-wrap {
    background-color:#fff;
}

.x-form-field-wrap .x-form-trigger{
    background-image:url(/photo/lib/ext/resources/images/qnap-default/form/trigger.gif);
    border-bottom-color:#b5b8c8;
}

.x-form-field-wrap .x-form-date-trigger{
    background-image: url(/photo/lib/ext/resources/images/qnap-default/form/date-trigger.gif);
}

.x-form-field-wrap .x-form-clear-trigger{
    background-image: url(/photo/lib/ext/resources/images/qnap-default/form/clear-trigger.gif);
}

.x-form-field-wrap .x-form-search-trigger{
    background-image: url(/photo/lib/ext/resources/images/qnap-default/form/search-trigger.gif);
}

.x-trigger-wrap-focus .x-form-trigger{
    border-bottom-color: #777777;
}

.x-item-disabled .x-form-trigger-over{
    border-bottom-color:#b5b8c8;
}

.x-item-disabled .x-form-trigger-click{
    border-bottom-color:#b5b8c8;
}

.x-form-focus, textarea.x-form-focus{
	border-color:#777777;
}

.x-form-invalid, textarea.x-form-invalid{
    background-color:#fff;
	background-image:url(/photo/lib/ext/resources/images/default/grid/invalid_line.gif);
	border-color:#c30;
}

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

.x-form-inner-invalid, textarea.x-form-inner-invalid{
    background-color:#fff;
	background-image:url(/photo/lib/ext/resources/images/default/grid/invalid_line.gif);
}

.x-form-grow-sizer,
.x-form-item {
    font-size: 12px;
    font-weight: normal;
}

.x-form-invalid-msg {
    color:#c0272b;
    font-size: 11px;
    font-weight: normal;
    background-image:url(/photo/lib/ext/resources/images/default/shared/warning.gif);
}

.x-form-empty-field {
    color:gray;
}

.x-small-editor .x-form-field {
    font-size: 11px;
    font-weight: normal;
}

.ext-webkit .x-small-editor .x-form-field {
    font-size: 12px;
    font-weight: normal;
}

.x-form-invalid-icon {
    background-image:url(/photo/lib/ext/resources/images/default/form/exclamation.gif);
}

.x-fieldset {
    border-color:#CCCCCC;
}

.x-fieldset legend {
    font-size: 12px;
    font-weight: bold;
    color:#000;
}

.x-btn{
	font-size: 11px;
    font-weight: normal;
}

.x-btn button{
    font-size: 11px;
    font-weight: normal;
    color:#333;
}

.x-btn em {
    font-style:normal;
    font-weight:normal;
}

.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:url(/photo/lib/ext/resources/images/qnap-default/button/btn.gif);
}

.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{
    color:#000;
}

.x-btn-disabled *{
	color:gray !important;
}

.x-btn-mc em.x-btn-arrow {
    background-image:url(/photo/lib/ext/resources/images/default/button/arrow.gif);
}

.x-btn-mc em.x-btn-split {
    background-image:url(/photo/lib/ext/resources/images/default/button/s-arrow.gif);
}

.x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/button/s-arrow-o.gif);
}

.x-btn-mc em.x-btn-arrow-bottom {
    background-image:url(/photo/lib/ext/resources/images/default/button/s-arrow-b-noline.gif);
}

.x-btn-mc em.x-btn-split-bottom {
    background-image:url(/photo/lib/ext/resources/images/default/button/s-arrow-b.gif);
}

.x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/button/s-arrow-bo.gif);
}

.x-btn-group-header {
    color: #666;
}

.x-btn-group-tc {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/button/group-tb.gif);
}

.x-btn-group-tl {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/button/group-cs.gif);
}

.x-btn-group-tr {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/button/group-cs.gif);
}

.x-btn-group-bc {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/button/group-tb.gif);
}

.x-btn-group-bl {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/button/group-cs.gif);
}

.x-btn-group-br {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/button/group-cs.gif);
}

.x-btn-group-ml {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/button/group-lr.gif);
}
.x-btn-group-mr {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/button/group-lr.gif);
}

.x-btn-group-notitle .x-btn-group-tc {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/button/group-tb.gif);
}
.x-toolbar{
	border-color: transparent;
    background-color: transparent;
    /* background-image:url(/photo/lib/ext/resources/images/qnap-default/toolbar/bg.gif); */
}

.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{    
    font-size: 14px;
    font-weight: normal;
}

.x-toolbar .x-item-disabled {
	color:gray;
}

.x-toolbar .x-item-disabled * {
	color:gray;
}

.x-toolbar .x-btn-mc em.x-btn-split {
    background-image:url(/photo/lib/ext/resources/images/default/button/s-arrow-noline.gif);
}

.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, 
.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split 
{
    background-image:url(/photo/lib/ext/resources/images/qnap-default/button/s-arrow-o.gif);
}

.x-toolbar .x-btn-mc em.x-btn-split-bottom {
    background-image:url(/photo/lib/ext/resources/images/default/button/s-arrow-b-noline.gif);
}

.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom, 
.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom 
{
    background-image:url(/photo/lib/ext/resources/images/qnap-default/button/s-arrow-bo.gif);
}

.x-toolbar .xtb-sep {
	background-image: url(/photo/lib/ext/resources/images/default/grid/grid-split.gif);
}

.x-btn-text-icon .x-tbar-page-first.x-btn-text, .x-btn-text-icon .x-tbar-loading.x-btn-text, .x-btn-text-icon .x-tbar-page-last.x-btn-text, .x-btn-text-icon .x-tbar-page-next.x-btn-text, 
.x-btn-text-icon .x-tbar-page-prev.x-btn-text{
	background-image: url(/photo/lib/ext/resources/images/qnap-default/grid/pagebar.png) !important;
	padding-left: 16px;
	height: 15px;
}

.x-btn-text-icon .x-tbar-page-first.x-btn-text{
	background-position: -68px -15px;
}
.x-btn-text-icon .x-tbar-loading.x-btn-text{
	background-position: -16px -40px;
}
.x-btn-text-icon .x-tbar-page-last.x-btn-text{
	background-position: -16px -55px;
}
.x-btn-text-icon .x-tbar-page-next.x-btn-text{
	background-position: -84px 0;
}
.x-btn-text-icon .x-tbar-page-prev.x-btn-text{
	background-position: 0 -70px;
}

.x-btn-text-icon.x-btn-over .x-tbar-page-first.x-btn-text{
	background-position: -68px 0;
}
.x-btn-text-icon.x-btn-over .x-tbar-loading.x-btn-text{
	background-position: 0 -40px;
}
.x-btn-text-icon.x-btn-over .x-tbar-page-last.x-btn-text{
	background-position: -64px -70px;
}
.x-btn-text-icon.x-btn-over .x-tbar-page-next.x-btn-text{
	background-position: -64px -55px;
}
.x-btn-text-icon.x-btn-over .x-tbar-page-prev.x-btn-text{
	background-position: -84px -45px;
}

.x-btn-text-icon.x-item-disabled .x-tbar-loading.x-btn-text{
	background-position: -16px -40px;
}
.x-btn-text-icon.x-item-disabled .x-tbar-page-first.x-btn-text{
	background-position: -48px -40px;
}
.x-btn-text-icon.x-item-disabled .x-tbar-page-last.x-btn-text{
	background-position: 0 -55px;
}
.x-btn-text-icon.x-item-disabled .x-tbar-page-next.x-btn-text{
	background-position: -48px -55px;
}
.x-btn-text-icon.x-item-disabled .x-tbar-page-prev.x-btn-text{
	background-position: -84px -30px;
}


.x-toolbar-page.x-toolbar td,.x-toolbar-page.x-toolbar span,.x-toolbar-page.x-toolbar input,.x-toolbar-page.x-toolbar div,.x-toolbar-page.x-toolbar select,.x-toolbar-page.x-toolbar label{    
    font-size: 12px;
    font-weight: normal;
}
.x-tbar-page-number.x-form-text, .ext-strict .x-small-editor .x-form-text.x-tbar-page-number{
	color: #0278d1;
	font-size: 12px;
	border-color: #e4e4e4;
}
.x-tbar-page-count, .ext-strict .x-small-editor .x-form-text.x-tbar-page-count{
	border: none;
	font-size: 12px;
	color: #0278d1;
	padding: 1px 0 1px 9px;
}
.x-form-field-wrap .x-form-trigger.x-tbar-page-count-trigger{
	background-image: url(/photo/lib/ext/resources/images/qnap-default/grid/pagebar.png) !important;
	background-position: -16px -70px;
	width: 16px;
	height: 15px;
	margin-top: 2px;
	border: none;
}
.x-tbar-page-count-list.x-combo-list{
	border-color: #2f2f2f;
	color: #2f2f2f;
}
.x-tbar-page-count-list.x-combo-list .x-combo-list-item{
	padding: 2px 9px;
}
.x-toolbar-page.x-toolbar div.xtb-text{
	padding: 2px;
}

.x-paging-info {
    color:#444;
}

.x-toolbar-more-icon {
    background-image: url(/photo/lib/ext/resources/images/qnap-default/toolbar/more.gif) !important;
}
.x-resizable-handle {
	background-color:#fff;
}

.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
{
    background-image:url(/photo/lib/ext/resources/images/qnap-default/sizer/e-handle.gif);
}

.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
{
    background-image:url(/photo/lib/ext/resources/images/qnap-default/sizer/s-handle.gif);
}

.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
    background-image:url(/photo/lib/ext/resources/images/qnap-default/sizer/s-handle.gif);
}
.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
    background-image:url(/photo/lib/ext/resources/images/qnap-default/sizer/se-handle.gif);
}
.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
    background-image:url(/photo/lib/ext/resources/images/qnap-default/sizer/nw-handle.gif);
}
.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
    background-image:url(/photo/lib/ext/resources/images/qnap-default/sizer/ne-handle.gif);
}
.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
    background-image:url(/photo/lib/ext/resources/images/qnap-default/sizer/sw-handle.gif);
}
.x-resizable-proxy{
    border-color:#565656;
}
.x-resizable-overlay{
    background-color:#fff;
}
.x-grid3 {
    background-color:#fff;
}

.x-grid-panel .x-panel-mc .x-panel-body {
    border-color:#d0d0d0;
}

.x-grid3-hd-row td {
    border-left-color:#eee;
    border-right-color:#d0d0d0;
}

.x-grid-row-loading {
    background-color: #fff;
    background-image:url(/photo/lib/ext/resources/images/default/shared/loading-balls.gif);
}

.x-grid3-row {
    border-color:#ededed;
    border-top-color:#fff;
}

.x-grid3-row-alt{
	background-color:#fafafa;
}

.x-grid3-row-over {
	border-color:#ddd;
    background-color:#efefef;
    background-image:url(/photo/lib/ext/resources/images/default/grid/row-over.gif);
}

.x-grid3-resize-proxy {
    background-color:#777;
}

.x-grid3-resize-marker {
    background-color:#777;
}

.x-grid3-header{
    background-color:#f9f9f9;
	background-image:url(/photo/lib/ext/resources/images/qnap-default/grid/grid3-hrow2.gif);
}

.x-grid3-header-pop {
    border-left-color:#d0d0d0;
}

.x-grid3-header-pop-inner {
    border-left-color:#eee;
    background-image:url(/photo/lib/ext/resources/images/default/grid/hd-pop.gif);
}

td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
    border-left-color:#ACACAC;
    border-right-color:#ACACAC;
}

td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background-color:#f9f9f9;
    background-image:url(/photo/lib/ext/resources/images/qnap-default/grid/grid3-hrow-over2.gif);

}

.sort-asc .x-grid3-sort-icon {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/grid/sort_asc.gif);
}

.sort-desc .x-grid3-sort-icon {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/grid/sort_desc.gif);
}

.x-grid3-cell-text, .x-grid3-hd-text {
	color:#000;
}

.x-grid3-split {
	background-image: url(/photo/lib/ext/resources/images/default/grid/grid-split.gif);
}

.x-grid3-hd-text {
	color:#333;
}

.x-dd-drag-proxy .x-grid3-hd-inner{
    background-color:#f9f9f9;
	background-image:url(/photo/lib/ext/resources/images/qnap-default/grid/grid3-hrow-over2.gif);
	border-color:#ACACAC;
}

.col-move-top{
	background-image:url(/photo/lib/ext/resources/images/qnap-default/grid/col-move-top.gif);
}

.col-move-bottom{
	background-image:url(/photo/lib/ext/resources/images/qnap-default/grid/col-move-bottom.gif);
}

.x-grid3-row-selected {
	/*background-color:#CCCCCC !important;*/
	background-image: none;
	border-color:#ACACAC;
}

.x-grid3-cell-selected{
	background-color: #CBCBCB !important;
	color:#000;
}

.x-grid3-cell-selected span{
	color:#000 !important;
}

.x-grid3-cell-selected .x-grid3-cell-text{
	color:#000;
}

.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
    background-color:#ebeadb !important;
    background-image:url(/photo/lib/ext/resources/images/default/grid/grid-hrow.gif) !important;
    color:#000;
    border-top-color:#fff;
    border-right-color:#6fa0df !important;
}

.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
    color:#333 !important;
}

.x-grid3-dirty-cell {
    background-image:url(/photo/lib/ext/resources/images/default/grid/dirty.gif);
}

.x-grid3-bottombar .x-toolbar{
	border-top-color:#a9bfd3;
}

.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
	background-image:url(/photo/lib/ext/resources/images/default/grid/grid3-special-col-bg.gif) !important;
    color:#000 !important;
}

.x-props-grid .x-grid3-body .x-grid3-td-name{
    background-color:#fff !important;
    border-right-color:#eee;
}

.xg-hmenu-sort-asc .x-menu-item-icon{
	background-image: url(/photo/lib/ext/resources/images/default/grid/hmenu-asc.gif);
}

.xg-hmenu-sort-desc .x-menu-item-icon{
	background-image: url(/photo/lib/ext/resources/images/default/grid/hmenu-desc.gif);
}

.xg-hmenu-lock .x-menu-item-icon{
	background-image: url(/photo/lib/ext/resources/images/default/grid/hmenu-lock.gif);
}

.xg-hmenu-unlock .x-menu-item-icon{
	background-image: url(/photo/lib/ext/resources/images/default/grid/hmenu-unlock.gif);
}

.x-grid3-hd-btn {
    background-color:#f9f9f9;
    background-image:url(/photo/lib/ext/resources/images/qnap-default/grid/grid3-hd-btn.gif);
}

.x-grid3-body .x-grid3-td-expander {
    background-image:url(/photo/lib/ext/resources/images/default/grid/grid3-special-col-bg.gif);
}

.x-grid3-row-expander {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/grid/row-expand-sprite.gif);
}

.x-grid3-body .x-grid3-td-checker {
    background-image: url(/photo/lib/ext/resources/images/default/grid/grid3-special-col-bg.gif);
}

.x-grid3-row-checker, .x-grid3-hd-checker {
    background-image:url(/photo/lib/ext/resources/images/default/grid/row-check-sprite.gif);
}

.x-grid3-body .x-grid3-td-numberer {
    background-image:url(/photo/lib/ext/resources/images/default/grid/grid3-special-col-bg.gif);
}

.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
	color:#444;
}

.x-grid3-body .x-grid3-td-row-icon {
    background-image:url(/photo/lib/ext/resources/images/default/grid/grid3-special-col-bg.gif);
}

.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
	background-image:url(/photo/lib/ext/resources/images/qnap-default/grid/grid3-special-col-sel-bg.gif);
}

.x-grid3-check-col {
	background-image:url(/photo/lib/ext/resources/images/default/menu/unchecked.gif);
}

.x-grid3-check-col-on {
	background-image:url(/photo/lib/ext/resources/images/default/menu/checked.gif);
}

.x-grid3-radio-col {
	background-image:url(/photo/lib/ext/resources/images/default/form/radio.gif);
	width: 13px;
	height: 13px;
	background-position: 0 0;
}

.x-grid3-radio-col-on {
	background-image:url(/photo/lib/ext/resources/images/default/form/radio.gif);
	width: 13px;
	height: 13px;
	background-position: 0 -13px;
}

.x-grid-group, .x-grid-group-body, .x-grid-group-hd {
    zoom:1;
}

.x-grid-group-hd {
    border-bottom-color:#d0d0d0;
}

.x-grid-group-hd div.x-grid-group-title {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/grid/group-collapse.gif);
    color:#5F5F5F;
}

.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/grid/group-expand.gif);
}

.x-group-by-icon {
    background-image:url(/photo/lib/ext/resources/images/default/grid/group-by.gif);
}

.x-cols-icon {
    background-image:url(/photo/lib/ext/resources/images/default/grid/columns.gif);
}

.x-show-groups-icon {
    background-image:url(/photo/lib/ext/resources/images/default/grid/group-by.gif);
}

.x-grid-empty {
    color:gray;
    font-size: 11px;
    font-weight: normal;
}

.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
    border-right-color:#ededed;
}

.x-grid-with-col-lines .x-grid3-row{
    border-top-color:#ededed;
}

.x-grid-with-col-lines .x-grid3-row-selected {
	border-top-color:#B9B9B9;
}
.x-pivotgrid .x-grid3-header-offset table td {
    background: url(/photo/lib/ext/resources/images/qnap-default/grid/grid3-hrow2.gif) repeat-x 50% 100%;
    border-left: 1px solid;
    border-right: 1px solid;
    border-left-color: #D0D0D0;
    border-right-color: #D0D0D0;
}

.x-pivotgrid .x-grid3-row-headers {
    background-color: #f9f9f9;
}

.x-pivotgrid .x-grid3-row-headers table td {
    background: #EEE url(/photo/lib/ext/resources/images/default/grid/grid3-rowheader.gif) repeat-x left top;
    border-left: 1px solid;
    border-right: 1px solid;
    border-left-color: #EEE;
    border-right-color: #D0D0D0;
    border-bottom: 1px solid;
    border-bottom-color: #D0D0D0;
    height: 18px;
}
.x-dd-drag-ghost{
	color:#000;
	font-size: 11px;
    font-weight: normal;
    border-color: #ddd #bbb #bbb #ddd;
	background-color:#fff;
}

.x-dd-drop-nodrop .x-dd-drop-icon{
  background-image: url(/photo/lib/ext/resources/images/default/dd/drop-no.gif);
}

.x-dd-drop-ok .x-dd-drop-icon{
  background-image: url(/photo/lib/ext/resources/images/default/dd/drop-yes.gif);
}

.x-dd-drop-ok-add .x-dd-drop-icon{
  background-image: url(/photo/lib/ext/resources/images/default/dd/drop-add.gif);
}

.x-view-selector {
    background-color:#D6D6D6;
    border-color:#888888;
}.x-tree-node-expanded .x-tree-node-icon{
	background-image:url(/photo/lib/ext/resources/images/default/tree/folder-open.gif);
}

.x-tree-node-leaf .x-tree-node-icon{
	background-image:url(/photo/lib/ext/resources/images/default/tree/leaf.gif);
}

.x-tree-node-collapsed .x-tree-node-icon{
	background-image:url(/photo/lib/ext/resources/images/default/tree/folder.gif);
}

.x-tree-node-loading .x-tree-node-icon{
	background-image:url(/photo/lib/ext/resources/images/default/tree/loading.gif) !important;
}

.x-tree-node .x-tree-node-inline-icon {
    background-image: none;
}

.x-tree-node-loading a span{
	 font-style: italic;
	 color:#444444;
}

.ext-ie .x-tree-node-el input {
    width:15px;
    height:15px;
}

.x-tree-lines .x-tree-elbow{
	background-image:url(/photo/lib/ext/resources/images/default/tree/elbow.gif);
}

.x-tree-lines .x-tree-elbow-plus{
	background-image:url(/photo/lib/ext/resources/images/default/tree/elbow-plus.gif);
}

.x-tree-lines .x-tree-elbow-minus{
	background-image:url(/photo/lib/ext/resources/images/default/tree/elbow-minus.gif);
}

.x-tree-lines .x-tree-elbow-end{
	background-image:url(/photo/lib/ext/resources/images/default/tree/elbow-end.gif);
}

.x-tree-lines .x-tree-elbow-end-plus{
	background-image:url(/photo/lib/ext/resources/images/qnap-default/tree/elbow-end-plus.gif);
}

.x-tree-lines .x-tree-elbow-end-minus{
	background-image:url(/photo/lib/ext/resources/images/qnap-default/tree/elbow-end-minus.gif);
}

.x-tree-lines .x-tree-elbow-line{
	background-image:url(/photo/lib/ext/resources/images/default/tree/elbow-line.gif);
}

.x-tree-no-lines .x-tree-elbow-plus{
	background-image:url(/photo/lib/ext/resources/images/default/tree/elbow-plus-nl.gif);
}

.x-tree-no-lines .x-tree-elbow-minus{
	background-image:url(/photo/lib/ext/resources/images/default/tree/elbow-minus-nl.gif);
}

.x-tree-no-lines .x-tree-elbow-end-plus{
	background-image:url(/photo/lib/ext/resources/images/qnap-default/tree/elbow-end-plus-nl.gif);
}

.x-tree-no-lines .x-tree-elbow-end-minus{
	background-image:url(/photo/lib/ext/resources/images/qnap-default/tree/elbow-end-minus-nl.gif);
}

.x-tree-arrows .x-tree-elbow-plus{
    background-image:url(/photo/lib/ext/resources/images/qnap-default/tree/arrows.gif);
}

.x-tree-arrows .x-tree-elbow-minus{
    background-image:url(/photo/lib/ext/resources/images/qnap-default/tree/arrows.gif);
}

.x-tree-arrows .x-tree-elbow-end-plus{
    background-image:url(/photo/lib/ext/resources/images/qnap-default/tree/arrows.gif);
}

.x-tree-arrows .x-tree-elbow-end-minus{
    background-image:url(/photo/lib/ext/resources/images/qnap-default/tree/arrows.gif);
}

.x-tree-node{
	color:#000;
	font-size: 11px;
    font-weight: normal;
}

.x-tree-node a, .x-dd-drag-ghost a{
	color:#000;
}

.x-tree-node a span, .x-dd-drag-ghost a span{
	color:#000;
}

.x-tree-node .x-tree-node-disabled a span{
	color:gray !important;
}

.x-tree-node div.x-tree-drag-insert-below{
 	 border-bottom-color:#36c;
}

.x-tree-node div.x-tree-drag-insert-above{
	 border-top-color:#36c;
}

.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
 	 border-bottom-color:#36c;
}

.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
	 border-top-color:#36c;
}

.x-tree-node .x-tree-drag-append a span{
	 background-color:#ddd;
	 border-color:gray;
}

.x-tree-node .x-tree-node-over {
	background-color: #eee;
}

.x-tree-node .x-tree-selected {
	background-color: #ddd;
}

.x-tree-drop-ok-append .x-dd-drop-icon{
  background-image: url(/photo/lib/ext/resources/images/default/tree/drop-add.gif);
}

.x-tree-drop-ok-above .x-dd-drop-icon{
  background-image: url(/photo/lib/ext/resources/images/default/tree/drop-over.gif);
}

.x-tree-drop-ok-below .x-dd-drop-icon{
  background-image: url(/photo/lib/ext/resources/images/default/tree/drop-under.gif);
}

.x-tree-drop-ok-between .x-dd-drop-icon{
  background-image: url(/photo/lib/ext/resources/images/default/tree/drop-between.gif);
}
.x-date-picker {
    border-color:#585858;
    background-color:#fff;
}

.x-date-middle,.x-date-left,.x-date-right {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/shared/hd-sprite.gif);
	color:#fff;
	font-size: 11px;
    font-weight: bold;
}

.x-date-middle .x-btn .x-btn-text {
    color:#fff;
}

.x-date-middle .x-btn-mc em.x-btn-arrow {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/toolbar/btn-arrow-light.gif);
}

.x-date-right a {
    background-image: url(/photo/lib/ext/resources/images/qnap-default/shared/right-btn.gif);
}

.x-date-left a{
	background-image: url(/photo/lib/ext/resources/images/qnap-default/shared/left-btn.gif);
}

.x-date-inner th {
    background-color:#D8D8D8;
    background-image: url(/photo/lib/ext/resources/images/qnap-default/panel/white-top-bottom.gif);
	border-bottom-color:#AFAFAF;
    font-size: 10px;
    font-weight: normal;
	color:#595959;
}

.x-date-inner td {
    border-color:#fff;
}

.x-date-inner a {
    font-size: 11px;
    font-weight: normal;
    color:#000;
}

.x-date-inner .x-date-active{
	color:#000;
}

.x-date-inner .x-date-selected a{
    background-image: none;
    background-color:#D8D8D8;
	border-color:#DCDCDC;
}

.x-date-inner .x-date-today a{
	border-color:darkred;
}

.x-date-inner .x-date-selected span{
    font-weight:bold;
}

.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
	color:#aaa;
}

.x-date-bottom {
    border-top-color:#AFAFAF;
    background:#D8D8D8 url(/photo/lib/ext/resources/images/qnap-default/panel/white-top-bottom.gif) 0 -2px;
}

.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
    color:#000;
    background-color:#D8D8D8;
}

.x-date-inner .x-date-disabled a {
	background-color:#eee;
	color:#bbb;
}

.x-date-mmenu{
    background-color:#eee !important;
}

.x-date-mmenu .x-menu-item {
	font-size:10px;
	color:#000;
}

.x-date-mp {
	background-color:#fff;
}

.x-date-mp td {
	font-size: 11px;
    font-weight: normal;
}

.x-date-mp-btns button {
	background-color:#4E565F;
	color:#fff;
	border-color:#C0C0C0 #434343 #434343 #C0C0C0;
	font-size: 11px;
    font-weight: normal;
}

.x-date-mp-btns {
    background:#D8D8D8 url(/photo/lib/ext/resources/images/qnap-default/panel/white-top-bottom.gif) 0 -2px;
}

.x-date-mp-btns td {
	border-top-color:#AFAFAF;
}

td.x-date-mp-month a,td.x-date-mp-year a {
	color: #333;
}

td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
	color:#333;
	background-color:#FDFDFD;
}

td.x-date-mp-sel a {
    background:#D8D8D8 url(/photo/lib/ext/resources/images/qnap-default/panel/white-top-bottom.gif) 0 -2px;
	border-color:#DCDCDC;
}

.x-date-mp-ybtn a {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/panel/tool-sprites.gif);
}

td.x-date-mp-sep {
   border-right-color:#D7D7D7;
}.x-tip .x-tip-close{
	background-image: url(/photo/lib/ext/resources/images/qnap-default/qtip/close.gif);
}

.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/qtip/tip-sprite.gif);
}

.x-tip .x-tip-mc {
    font-size: 11px;
    font-weight: normal;
}
.x-tip .x-tip-ml {
	background-color: #fff;
}

.x-tip .x-tip-header-text {
    font-size: 11px;
    font-weight: bold;
    color:#444;
}

.x-tip .x-tip-body {
    font-size: 11px;
    font-weight: normal;
    color:#444;
}

.x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc,
.x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr
{
	background-image: url(/photo/lib/ext/resources/images/default/form/error-tip-corners.gif);
}

.x-form-invalid-tip .x-tip-body {
    background-image:url(/photo/lib/ext/resources/images/default/form/exclamation.gif);
}

.x-tip-anchor {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/qtip/tip-anchor-sprite.gif);
}.x-menu {
    background-color:#f0f0f0;
	background-image:url(/photo/lib/ext/resources/images/default/menu/menu.gif);
}

.x-menu-floating{
    border-color:#7D7D7D;
}

.x-menu-nosep {
	background-image:none;
}

.x-menu-list-item{
	font-size: 11px;
    font-weight: normal;
}

.x-menu-item-arrow{
	background-image:url(/photo/lib/ext/resources/images/qnap-default/menu/menu-parent.gif);
}

.x-menu-sep {
    background-color:#e0e0e0;
	border-bottom-color:#fff;
}

a.x-menu-item {
	color:#222;
}

.x-menu-item-active {
    background-image: url(/photo/lib/ext/resources/images/qnap-default/menu/item-over.gif);
	background-color: #f1f1f1;
    border-color:#DEFEFD;
}

.x-menu-item-active a.x-menu-item {
	border-color:#DEFEFD;
}

.x-menu-check-item .x-menu-item-icon{
	background-image:url(/photo/lib/ext/resources/images/default/menu/unchecked.gif);
}

.x-menu-item-checked .x-menu-item-icon{
	background-image:url(/photo/lib/ext/resources/images/default/menu/checked.gif);
}

.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
    background-image:url(/photo/lib/ext/resources/images/qnap-default/menu/group-checked.gif);
}

.x-menu-group-item .x-menu-item-icon{
    background-image:none;
}

.x-menu-plain {
	background-color:#fff !important;
}

.x-menu .x-date-picker{
    border-color:#AFAFAF;
}

.x-cycle-menu .x-menu-item-checked {
    border-color:#B9B9B9 !important;
    background-color:#F1F1F1;
}

.x-menu-scroller-top {
    background-image:url(/photo/lib/ext/resources/images/default/layout/mini-top.gif);
}

.x-menu-scroller-bottom {
    background-image:url(/photo/lib/ext/resources/images/default/layout/mini-bottom.gif);
}.x-box-tl {
	background-image: url(/photo/lib/ext/resources/images/default/box/corners.gif);
}

.x-box-tc {
	background-image: url(/photo/lib/ext/resources/images/default/box/tb.gif);
}

.x-box-tr {
	background-image: url(/photo/lib/ext/resources/images/default/box/corners.gif);
}

.x-box-ml {
	background-image: url(/photo/lib/ext/resources/images/default/box/l.gif);
}

.x-box-mc {
	background-color: #eee;
    background-image: url(/photo/lib/ext/resources/images/default/box/tb.gif);
	color: #393939;
	font-size: 12px;
}

.x-box-mc h3 {
	font-size: 14px;
	font-weight: bold;
}

.x-box-mr {
	background-image: url(/photo/lib/ext/resources/images/default/box/r.gif);
}

.x-box-bl {
	background-image: url(/photo/lib/ext/resources/images/default/box/corners.gif);
}

.x-box-bc {
	background-image: url(/photo/lib/ext/resources/images/default/box/tb.gif);
}

.x-box-br {
	background-image: url(/photo/lib/ext/resources/images/default/box/corners.gif);
}

.x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
	background-image: url(/photo/lib/ext/resources/images/default/box/corners-blue.gif);
}

.x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
	background-image: url(/photo/lib/ext/resources/images/default/box/tb-blue.gif);
}

.x-box-blue .x-box-mc {
	background-color: #c3daf9;
}

.x-box-blue .x-box-mc h3 {
	color: #17385b;
}

.x-box-blue .x-box-ml {
	background-image: url(/photo/lib/ext/resources/images/default/box/l-blue.gif);
}

.x-box-blue .x-box-mr {
	background-image: url(/photo/lib/ext/resources/images/default/box/r-blue.gif);
}
.x-combo-list {
    border-color:#ccc;
    background-color:#ddd;
    font-size: 12px;
    font-weight: normal;
}

.x-combo-list-inner {
    background-color:#fff;
}

.x-combo-list-hd {
    font-size: 11px;
    font-weight: bold;
    color:#333;
    background-image: url(/photo/lib/ext/resources/images/default/layout/panel-title-light-bg.gif);
    border-bottom-color:#BCBCBC;
}

.x-resizable-pinned .x-combo-list-inner {
    border-bottom-color:#BEBEBE;
}

.x-combo-list-item {
    border-color:#fff;
}

.x-combo-list .x-combo-selected{
	border-color:#777 !important;
    background-color:#f0f0f0;
}

.x-combo-list .x-toolbar {
    border-top-color:#BCBCBC;
}

.x-combo-list-small {
    font-size: 11px;
    font-weight: normal;
}

.x-panel {
    border-color: #d0d0d0;
}

.x-panel-header {
    color:#333;
	font-weight:bold; 
    font-size: 12px;
    border-color:#d0d0d0;
    background-image: url(/photo/lib/ext/resources/images/qnap-default/panel/white-top-bottom.gif);
}

.x-panel-body {
    border-color:#d0d0d0;
    /* background-color:#fff; */
	background-color:#F3F3F5;
}

.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
    border-color:#d0d0d0;
}

.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
    border-top-color:#d0d0d0;
}

.x-panel-body-noheader, .x-panel-mc .x-panel-body {
    border-top-color:#d0d0d0;
}

.x-panel-tl .x-panel-header {
    color:#333;
    font-size: 11px;
    font-weight: bold;
}

.x-panel-tc {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/panel/top-bottom.gif);
}

.x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br{
	background-image: url(/photo/lib/ext/resources/images/qnap-default/panel/corners-sprite.gif);
    border-bottom-color:#d0d0d0;
}

.x-panel-bc {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/panel/top-bottom.gif);
}

.x-panel-mc {
    background-color:#ffffff;
    font-size: 11px;
    font-weight: normal;
}

.x-panel-ml {
	background-color: #fff;
    background-image:url(/photo/lib/ext/resources/images/qnap-default/panel/left-right.gif);
}

.x-panel-mr {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/panel/left-right.gif);
}

.x-tool {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/panel/tool-sprites.gif);
}

.x-panel-ghost {
    background-color:#f2f2f2;
}

.x-panel-ghost ul {
    border-color:#d0d0d0;
}

.x-panel-dd-spacer {
    border-color:#d0d0d0;
}

.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-size: 11px;
    font-weight: normal;
}
.x-window-proxy {
    background-color:#fcfcfc;
    border-color:#d0d0d0;
}

.x-window-tl .x-window-header {
    color:#555;
	font-size: 11px;
    font-weight: normal;
}

.x-window-tc {
	/* background-image: url(/photo/lib/ext/resources/images/qnap-default/window/top-bottom.png); */
	background-color: #EAEAEA;
}

.x-window-tl {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/window/left-corners.png);
}

.x-window-tr {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/window/right-corners.png);
}

.x-window-bc {
	/* background-image: url(/photo/lib/ext/resources/images/qnap-default/window/top-bottom.png); */
	background-color: #FFF;
}

.x-window-bl {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/window/left-corners.png);
}

.x-window-br {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/window/right-corners.png);
}

.x-window-mc {
    border: 0;
    background-color:#e8e8e8;
}

.x-window-ml {
	/* background-image: url(/photo/lib/ext/resources/images/qnap-default/window/left-right.png); */
	background-color:#ffffff;
}

.x-window-mr {
	/* background-image: url(/photo/lib/ext/resources/images/qnap-default/window/left-right.png); */
	background-color:#ffffff;
}

.x-window-maximized .x-window-tc {
    background-color:#fff;
}

.x-window-bbar .x-toolbar {
    border-top-color:#d0d0d0;
}

.x-panel-ghost .x-window-tl {
    border-bottom-color:#d0d0d0;
}

.x-panel-collapsed .x-window-tl {
    border-bottom-color:#d0d0d0;
}

.x-dlg-mask{
   background-color:#ccc;
}

.x-window-plain .x-window-mc {
    background-color: #EAEAEA;
    border-color: #D0D0D0 #EEEEEE #EEEEEE #D0D0D0;
}

.x-window-plain .x-window-body {
    border-color: #EEEEEE #D0D0D0 #D0D0D0 #EEEEEE;
}

body.x-body-masked .x-window-plain .x-window-mc {
    background-color: #E4E4E4;
}
.x-html-editor-wrap {
    border-color:#BCBCBC;
    background-color:#fff;
}
.x-html-editor-tb .x-btn-text {
    background-image:url(/photo/lib/ext/resources/images/default/editor/tb-sprite.gif);
}
.x-panel-noborder .x-panel-header-noborder {
    border-bottom-color:#d0d0d0;
}

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

.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
    border: 0;
}

.x-tab-panel-bbar-noborder .x-toolbar {
    border-top-color:#d0d0d0;
}

.x-tab-panel-tbar-noborder .x-toolbar {
    border-bottom-color:#d0d0d0;
}

.x-border-layout-ct {
    background-color:#f0f0f0;
}

.x-accordion-hd {
	color:#222;
    font-weight:normal;
    background-image: url(/photo/lib/ext/resources/images/qnap-default/panel/light-hd.gif);
}

.x-layout-collapsed{
    background-color:#dfdfdf;
	border-color:#d0d0d0;
}

.x-layout-collapsed-over{
    background-color:#e7e7e7;
}

.x-layout-split-west .x-layout-mini {
    background-image:url(/photo/lib/ext/resources/images/default/layout/mini-left.gif);
}
.x-layout-split-east .x-layout-mini {
    background-image:url(/photo/lib/ext/resources/images/default/layout/mini-right.gif);
}
.x-layout-split-north .x-layout-mini {
    background-image:url(/photo/lib/ext/resources/images/default/layout/mini-top.gif);
}
.x-layout-split-south .x-layout-mini {
    background-image:url(/photo/lib/ext/resources/images/default/layout/mini-bottom.gif);
}

.x-layout-cmini-west .x-layout-mini {
    background-image:url(/photo/lib/ext/resources/images/default/layout/mini-right.gif);
}

.x-layout-cmini-east .x-layout-mini {
    background-image:url(/photo/lib/ext/resources/images/default/layout/mini-left.gif);
}

.x-layout-cmini-north .x-layout-mini {
    background-image:url(/photo/lib/ext/resources/images/default/layout/mini-bottom.gif);
}

.x-layout-cmini-south .x-layout-mini {
    background-image:url(/photo/lib/ext/resources/images/default/layout/mini-top.gif);
}
.x-progress-wrap {
    border-color:#8E8E8E;
}

.x-progress-inner {
    background-color:#E7E7E7;
    background-image:url(/photo/lib/ext/resources/images/qnap-default/qtip/bg.gif);
}

.x-progress-bar {
    background-color:#BCBCBC;
    background-image:url(/photo/lib/ext/resources/images/qnap-default/progress/progress-bg.gif);
    border-top-color:#E2E2E2;
    border-bottom-color:#A4A4A4;
    border-right-color:#A4A4A4;
}

.x-progress-text {
    font-size: 12px;
    font-weight:bold;
    color:#fff;
}

.x-progress-text-back {
    color:#5F5F5F;
}
.x-list-header{
    background-color:#f9f9f9;
	background-image:url(/photo/lib/ext/resources/images/qnap-default/grid/grid3-hrow2.gif);
}

.x-list-header-inner div em {
    border-left-color:#ddd;
    font-size: 11px;
    font-weight: normal;
}

.x-list-body dt em {
    font-size: 11px;
    font-weight: normal;
}

.x-list-over {
    background-color:#eee;
}

.x-list-selected {
    background-color:#f0f0f0;
}

.x-list-resizer {
    border-left-color:#555;
    border-right-color:#555;
}

.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/grid/sort-hd.gif);
    border-color: #d0d0d0;
}
.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
    background-image:url(/photo/lib/ext/resources/images/default/slider/slider-bg.png);
}

.x-slider-horz .x-slider-thumb {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/slider/slider-thumb.png);
}

.x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
    background-image:url(/photo/lib/ext/resources/images/default/slider/slider-v-bg.png);
}

.x-slider-vert .x-slider-thumb {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/slider/slider-v-thumb.png);
}
.x-window-dlg .ext-mb-text,
.x-window-dlg .x-window-header-text {
    font-size: 12px;
}

.x-window-dlg .ext-mb-info {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/window/icon-info.gif);
}

.x-window-dlg .ext-mb-warning {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/window/icon-warning.gif);
}

.x-window-dlg .ext-mb-question {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/window/icon-question.gif);
}

.x-window-dlg .ext-mb-error {
    background-image:url(/photo/lib/ext/resources/images/qnap-default/window/icon-error.gif);
}



.qos-systemPreferences-btn .x-btn-text{
	padding-left: 11px !important;
	padding-right: 11px !important;
}

.qos-systemPreferences-btn-bar .x-btn-text{
	padding-left: 11px !important;
	padding-right: 11px !important;
	height: 15px !important;
	font-size: 11px !important;
}

.qos-systemPreferences-chkbox .x-form-check-wrap {
    line-height:18px;
	text-indent: -26px;
	margin-left: 26px;
    height: auto;
}

.qos-systemPreferences-chkbox-indent1 .x-form-check-wrap {
    line-height:18px;
	text-indent: -48.5px;
	margin-left: 48.5px;
    height: auto;
}

.q-app-systemPreferences .x-window-bc {
	height:4px;
    font-size:0;
    line-height:0;
}

.q-app-systemPreferences  .x-window-header {
	text-align: center;
}

.q-app-systemPreferences .qos-window-body {
	padding: 0;
	overflow-y: auto;
}

.q-app-systemPreferences .x-tab-panel-header {
	/* padding-left: 18px;
	padding-right: 18px; */
	background-color: #FFFFFF;
}

.q-app-systemPreferences .x-tab-panel-header {
	border-bottom: 0;
}

.q-app-systemPreferences .x-tab-panel-header {
	padding-top: 15px;
}

.q-app-systemPreferences .x-toolbar {
	padding: 5px;
}

.q-app-systemPreferences .systemPreferences-tb{
    padding: 8px 22px 5px 18px;
}

.qos-systemPreferences-formPanel-body {
	padding: 10px 20px 10px 20px;
	background-color:#F3F3F5;
	overflow-x: hidden;
}

.q-app-systemPreferences .x-tab-panel-footer,.q-app-systemPreferences .x-panel-footer {
	/* background-color: #EAEAEA;
	border-top: 1px solid #D0D0D0; */
	background-color: #FFF;
	border-top: 1px solid #CECECE;
}

.q-app-systemPreferences .x-tab-panel-footer,.q-app-systemPreferences .x-panel-footer {
	/* background-color: #EAEAEA;
	border-top: 1px solid #D0D0D0; */
	background-color: #FFF;
	border-top: 1px solid #CECECE;
}




.wizard-small-tl{
	background-image: url(/photo/lib/ext/resources/images/qnap-default/window/left-corners.png) !important;
}

.wizard-small-tr {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/window/right-corners.png) !important;
}

.wizard-small-bl{
	background-image: url(/photo/lib/ext/resources/images/qnap-default/window/left-corners.png) !important;
}

.wizard-small-br {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/window/right-corners.png) !important;
}

.q-app-systemPreferences .x-window-tl {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/window/left-corners.png) !important;
}

.q-app-systemPreferences .x-window-tr {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/window/right-corners.png) !important;
}

.q-app-systemPreferences .x-window-bl {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/window/left-corners.png) !important;
}

.q-app-systemPreferences .x-window-br {
	background-image: url(/photo/lib/ext/resources/images/qnap-default/window/right-corners.png) !important;
}








ul.x-tab-strip-top{
	padding-top: 1px;
	padding-left: 60px;
	padding-right: 60px;
	background: repeat-x bottom;
	/* border-bottom: 1px solid; */
}

.x-tab-strip span.x-tab-strip-text {
	white-space: nowrap;
	cursor:pointer;
    padding:4px 0;
	color:#505050 !important;
}

.x-tab-strip-active span.x-tab-strip-text {
	white-space: nowrap;
	cursor:pointer;
    padding:4px 0;
	color:#000 !important;
}

.x-tab-strip-top .x-tab-with-icon .x-tab-right {
    padding-left:6px;
	/* color:#fff !important; */
}

.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
	padding-left:20px;
    background-position: 0 3px;
    background-repeat: no-repeat;
	/* color:#fff !important; */
}

.x-tab-panel-header {
	border: 1px solid;
	/* padding-bottom: 2px; */
}

.x-grid-panel .x-grid3-hd-inner,.x-grid-panel  .x-grid3-cell-inner{
	font-size: 12px;
}

.layoutTable .x-table-layout-cell{
	padding-top: 3px;
	padding-bottom: 3px;
}

.layoutTable_network .x-table-layout-cell{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	line-height: 15px;
	vertical-align: middle;
	/* border-left: 1px solid; */
	border-right: 1px solid #D0D0D0;
}

.layoutTable_network .net_tab_header{
	background-color: #EBEBEB !important;
	border-bottom: 1px solid #D0D0D0;
}

.layoutTable_network .net_tab_header_cmp .x-panel-body{
	background-color: #EBEBEB !important;
	margin-left:auto;
	margin-right:auto;
}

.layoutTable_network .x-form-check-wrap input {
	vertical-align: middle;
	margin-left: 5px !important;
	margin-right: 0 !important;
}

.layoutTable_network  .x-form-cb-label {
	margin-left: 0 !important;
	top: 0 !important;
}

.net_tab_header_cmp .x-form-field-wrap{
	margin-left:auto;
	margin-right:auto;
}
/* Library Cover */
.x-form-check-wrap{
    line-height: 22px;
}
.x-form-item{
    margin-bottom: 0px;
}
.x-form-invalid, textarea.x-form-invalid, input.x-form-invalid{
	border-color: #ff7870;
    background-color: #fee;
}
.x-window-ml, .x-window-mr{
    background-color: transparent;
}
.x-window-bl, .x-window-br, .x-window-bc{
    background: none repeat scroll 0px 0px transparent;
}
.x-tool-close-over{
	background-position: 0 0;
}
/* QOS Self Tag */
.q-app-systemPreferences .x-window-ml{
    padding-left: 0;
}
.q-app-systemPreferences .x-window-mr{
    padding-right: 0;
}
.q-app-systemPreferences .x-toolbar-layout-ct{
    padding-right: 20px;
}
.q-app-systemPreferences .x-window-tl, .q-app-systemPreferences .x-window-tr{
    background-image:url("/photo/images/qts_toolbar/title_bg.png") !important;
    background-color: #DDDDDD;
    background-repeat: repeat;
}
.q-app-systemPreferences .x-window-tl, .q-app-systemPreferences .x-window-tr{
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.ds3_q_dlg .x-window-bl,
.q-app-systemPreferences .x-window-bl{
}
.ds3_q_dlg .x-window-br,
.q-app-systemPreferences .x-window-br{
}

.q-app-systemPreferences .x-window-bl, .q-app-systemPreferences .x-window-br, .q-app-systemPreferences .x-window-bc{
    background: none repeat scroll 0 0 #E7E7E7 !important;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    height: auto;
}

.wizard-middle-body{
    background-color: #FFF;
}
.q-app-systemPreferences .x-window-tl .x-window-header{
    padding-top: 0;
}
/* QOS Ext CSS */

.q-app-systemPreferences .systemPreferences-tb {
padding:0 28px 5px;
}
.q-app-systemPreferences .x-window-header{
margin: 0 6px;
text-align: center;
}
.q-app-systemPreferences .x-window-tbar,
.q-app-systemPreferences .x-window-tc{
background-image:url("/photo/images/qts_toolbar/title_bg.png") !important;
}
.q-app-systemPreferences .x-window-tc{
background-color:transparent;
}
.q-app-systemPreferences .x-window-tbar{
background-position:0 -28px;
background-color:transparent;
}
.q-app-systemPreferences .x-toolbar{
background-color:transparent;
}

.q-app-systemPreferences .x-panel-mc, .q-app-systemPreferences .x-panel-ml, .q-app-systemPreferences .x-panel-mr{
    background-image: none;
    background-color: transparent;
}
.q-app-systemPreferences .x-panel-body{
    background-color: #FFF;
    border-top-color: #FFF;
    border-left-color: #FFF;
    border-right-color: #FFF;
}

.x-window .x-tool-help,.x-panel-ghost .x-tool-help, .bt-help{
background-image:url("/photo/images/qts_toolbar/icon_help.png");
width:21px;
height:26px;
background-position:0 0;
}
.x-window .x-tool-help-over,.x-panel-ghost .x-tool-help-over, .bt-help.x-btn-over{
background-position:0 -26px;
}
.bottomLineBar{
background-image:url("/photo/images/qts_toolbar/bg_iconline.png");
}
ul.x-tab-strip-top {
padding: 1px 0 0 0;
background: repeat-x bottom;
}
.q-app-systemPreferences .x-window-header-text,.x-panel-ghost.q-app-systemPreferences .x-window-header-text {
display:block;
padding:7px 0 8px;
font-weight:900;
margin: 0 91px;
}
.q-app-miniWindowTitle.q-app-systemPreferences .x-window-header-text, .q-app-miniWindowTitle.x-panel-ghost.q-app-systemPreferences .x-window-header-text {
    margin: 0 11px;
}
.q-app-systemPreferences.win-help .x-window-header{
height: 28px;
}
.q-app-systemPreferences.win-help .x-window-header-text,.x-panel-ghost.q-app-systemPreferences.win-help .x-window-header-text {
display:block;
padding:7px 0 8px;
font-weight:900;
margin: 0 123px;
}
.q-app-systemPreferences .x-tab-panel-header{
padding-top: 15px;
border-bottom: 0;
background-color: #FFF;
}
.q-app-systemPreferences .x-tab-panel-header .x-tab-scroller-right, .q-app-systemPreferences .x-tab-panel-header .x-tab-scroller-left{
margin-top: 15px;
}
/* QOS Wizard Middle Class */
.wizard-middle-bl {
border-top:2px solid #FFF !important;
background:transparent url('/photo/images/qts_toolbar/middle_downbar_3.png') no-repeat 0 bottom;
zoom:1;
padding-bottom:6px;
}

.wizard-middle-footer {
background-image:url('/photo/images/qts_toolbar/middle_downbar_2.png') !important;
background-position:0 0 !important;
padding-left:21px !important;
padding-right:21px !important;
}
.wizard-middle .footBarLine {
background-image:url('/photo/images/qts_toolbar/middle_downbar_1.png') !important;
background:transparent no-repeat right 0;
}
.wizard-middle .body-under-line {
bottom:0;
position:absolute;
height:2px;
width:100%;
background-image:url('/photo/images/qts_toolbar/middle_downbar_1.png');
background-repeat:no-repeat;
background-position:bottom;
}
.wizard-large-bc,.wizard-middle-bc {
background:transparent repeat-x 0 bottom;
zoom:1;
}
.wizard-large-bc .wizard-large-footer,.wizard-middle-bc .wizard-middle-footer,.wizard-small-footer {
zoom:1;
font-size:0;
line-height:0;
}
.wizard-large .x-panel-btns,.wizard-middle .x-panel-btns {
overflow:hidden;
padding:1px 0 0;
padding-top: 5px;
}
.wizard-large-br,.wizard-middle-br {
background:transparent no-repeat right bottom;
zoom:1;
}
.wizard-large .x-tool-close,.wizard-middle .x-tool-close,.wizard-small .x-tool-close,.x-panel-ghost .x-tool-close {
background-image:url('/photo/images/qts_toolbar/large_icon_close.png') !important;
width:45px !important;
height:19px !important;
background-position:0 0 !important;
margin-right:0 !important;
}
.wizard-large .x-tool-close-over,.wizard-middle .x-tool-close-over,.wizard-small .x-tool-close-over,.x-panel-ghost .x-tool-close-over {
background-image:url('/photo/images/qts_toolbar/large_icon_close_pressed.png') !important;
width:45px !important;
height:19px !important;
background-position:0 0 !important;
margin-right:0 !important;
}
.wizard-large-tl,.wizard-middle-tl,.wizard-small-tl {
background-image:url('/photo/images/qts_toolbar/large_topbar_left.png') !important;
background:transparent no-repeat 0 0;
zoom:1;
z-index:1;
position:relative;
}
.wizard-large-tr,.wizard-middle-tr,.wizard-small-tr {
background-image:url('/photo/images/qts_toolbar/large_topbar_right.png') !important;
background:transparent no-repeat right 0;
padding-right:20px;
padding-left:20px;
}
.wizard-large-tc,.wizard-middle-tc {
background-image:url('/photo/images/qts_toolbar/large_topbar_middle.png') !important;
}
.wizard-large .x-panel-body,.wizard-middle .x-panel-body,.wizard-small .qos-window-body,.wizard-small .x-panel-body {
background-color:#fff;
}
.wizard-large .x-tab-panel-footer,.wizard-large .x-panel-footer,.wizard-middle .x-tab-panel-footer,.wizard-middle .x-panel-footer {
background-image:url('/photo/images/qts_toolbar/large_downbar_2.png') !important;
border-top:2px solid #FFF !important;
}
.x-panel-ghost .wizard-large-header .x-tool-close,.x-panel-ghost .wizard-middle-header .x-tool-close,.x-panel-ghost .wizard-small-header .x-tool-close {
background-image:url('/photo/images/qts_toolbar/icon_close_one.png') !important;
width:41px !important;
height:21px !important;
background-position:0 0 !important;
margin-right:0 !important;
}
.wizard-large .x-panel-btns td.x-toolbar-cell,.wizard-middle .x-panel-btns td.x-toolbar-cell,.hdd-list dt em {
padding:3px;
}
.q-window .wizard-large-header,.q-window .wizard-middle-header,.wizard-middle .wizard-middle-header,.x-panel-ghost .wizard-middle-header {
height:37px;
text-align:center;
}
.wizard-large .wizard-large-header-text,.wizard-middle .wizard-middle-header-text,.wizard-small .wizard-small-header-text,.x-panel-ghost .wizard-large-header-text,.x-panel-ghost .wizard-middle-header-text,.x-panel-ghost .wizard-small-header-text {
display:block;
padding-top:7px;
font-weight:900;
}
.wizard-middle.AddClose .x-tool-close,.x-panel-ghost.AddClose .x-tool-close{
background-image:url('/photo/images/qts_toolbar/icon_close_one.png') !important;
width:41px !important;
height:21px !important;
background-position:0 0 !important;
margin-right:0 !important;
}
.x-window-dlg .x-tool-close-over,.x-panel-ghost .x-window-draggable .x-tool-close-over, .wizard-middle.AddClose .x-tool-close-over,.x-panel-ghost.AddClose .x-tool-close-over{
background-image:url('/photo/images/qts_toolbar/icon_close_one_pressed.png') !important;;
}

.x-panel-ghost .wizard-large-header .x-tool-close-over,.x-panel-ghost .wizard-middle-header .x-tool-close-over,.x-panel-ghost .wizard-small-header .x-tool-close-over {
background-image:url('/photo/images/qts_toolbar/icon_close_one_pressed.png') !important;;
}
.wizard-middle .x-tab-panel-header {
padding-top: 15px;
border-bottom: 0;
background-color: white;
}
.wizard-large-tc, .wizard-middle-tc, .wizard-small-tc {
padding: 0 6px;
}
.wizard-modal .wizard-large-header,.wizard-modal .wizard-middle-header,.wizard-modal .wizard-large-header,.x-panel-ghost .wizard-large-header {
height:37px;
text-align:center;
}
.x-panel-ghost.AddClose .wizard-middle-header{
margin-left:32px;
}
.wizard-large.AddClose .wizard-large-header,.wizard-middle.AddClose .wizard-middle-header {
margin-left:32px;
}
.x-panel-ghost .wizard-middle-header{
margin-left: 0;
}
.wizard-large .wizard-large-header,.wizard-middle .wizard-middle-header {
margin-left:0;
}

/* QOS Window tool rotate 
.x-window .x-tool-bg .x-tool, .x-window .x-tool-close{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.x-window .x-tool-over .x-tool, .x-window .x-tool-close-over{
	-webkit-transform:rotateZ(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}*/

/* QOS Self Modify After Tag */
.q-dlg-hd-tx1 .x-window-header-text{
    margin: 0 1px;
}
.q-dlg-hd-tx1 .x-toolbar-layout-ct{
    padding-right: 0;
}
.ds3_common_t1Imp, .ds3_common_t1Imp .x-panel-body{
    background-color: transparent;
}


.ds3_q_dlg{
    min-width: 340px;
    max-width: 450px;
    width: auto !important;
}
.ds3_q_dlg.x-window-dlg .x-window-body{
    width: auto !important;
}
.ds3_q_dlg .x-window-tl {
    display: none;
}
.ds3_q_dlg .x-window-tr {
    display: none;
}
.ds3_q_dlg .x-window-tc {
    display: none;
}
/*.ds3_q_dlg .x-window-body {
    background: none repeat scroll 0 0 #FFF !important;
    padding: 15px 10px 5px 20px;
}*/
.ds3_q_dlg .x-window-header{
    height:37px;
    text-align:center;
    padding: 0;
}
.ds3_q_dlg .x-window-ml{
    padding-left: 0;
}
.ds3_q_dlg .x-window-mr{
    padding-right: 0;
}
.ds3_q_dlg .x-window-mc{
    background-color: transparent !important;
}
.ds3_q_dlg .x-toolbar-layout-ct{
    padding-right: 0;
}
.ds3_q_dlg .x-window-bc{
    background: transparent none;
}
.ds3_q_dlg .x-window-bc .x-window-footer{
    width: auto !important;
    padding: 8px 0px 0px 0px;
}
.ds3_q_dlg .x-window-br{
    padding-right: 0px;
}
.ds3_q_dlg .ext-mb-icon{
    height: 32px;
    width: 32px;
}
.ds3_q_dlg .x-dlg-icon .ext-mb-content{
    margin-left: 48px;
    overflow: auto;
    height: auto;
    max-height: 400px;
    /*height: 32px;
    line-height: 32px;*/
}
.ds3_q_dlg.x-window-dlg .ext-mb-text{
    /*height: 16px;*/
    color: #2F2F2F;
    line-height: 20px;
    font-size: 14px;
    display: block;
    padding-right: 16px;
}
.ds3_q_dlg .ext-mb-warning,
.ds3_q_dlg .ext-mb-question,
.ds3_q_dlg .ext-mb-info,
.ds3_q_dlg .ext-mb-error{
    background-image:url("/photo/images/icons/message_type.png");
}
.ds3_q_dlg .ext-mb-info{background-position: 0px 0px;}
.ds3_q_dlg .ext-mb-question{background-position: 0 -60px;}
.ds3_q_dlg .ext-mb-error{background-position: 0px -120px;}
.ds3_q_dlg .ext-mb-warning{background-position: 0px -300px;}

.x-window-header{
    text-align: center;
}
.loginPS .x-panel-body{
    background-color: #F1F1F1;
}
.msg_url_link_color_2{
    color: #FFF;
}


/* QTS x-tip CSS */
.x-tip{
    box-shadow: 0px 0px 0px 1px #767676;
    min-height: 20px;
    background: linear-gradient(#FEFEFE, #E5E4F2) repeat scroll 0% 0% transparent;
    border-radius: 2px;
}
.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr, .x-tip .x-tip-mc {
    background: none repeat scroll 0% 0% transparent;
}
.x-tip .x-tip-ml {
    padding-left: 20px;
}
.x-tip .x-tip-mr {
    padding-right: 20px;
}
.x-tip .x-tip-mc {
    background: none repeat scroll 0% 0% transparent;
}
.x-tip .x-tip-body{
    line-height: 135%;
    /*font-family: "QTS Font","Helvetica","Arial","Sans-serif","Verdana","Heiti SC","微軟正黑體","Microsoft JhengHei","微軟雅黑體","Microsoft YaHei","明瞭體","Meiryo","清黑體","Malgun Gothic","新細明體","PMingLiU";*/
    font-family:'QTS Font', 'Helvetica', 'Arial', 'Sans-serif', 'Verdana', "Tahoma";
}

/* QTS InfoClickTip */
.x-tip.iconInfoClickTip .x-tip-bwrap{
	padding: 3px 20px 0;
}

/* QTS log-list */
.x-tip.log-list-tip{
    background: none;
    border-radius: none;
    box-shadow: none;
}
.x-tip.log-list-tip .x-tip-body{
    line-height: none;
}
.x-tip.log-list-tip {
    background-color: #ffffff;
    border: 1px solid #b0b0b0;
    padding: 28px 0px;
    max-height: 312px; 
    overflow-y: auto;
    overflow-x: hidden;
}

.log-list-tip .x-tip-body{
    overflow-y: auto;
}

.log-list-tip .log-filter-btns{
    top:42px;
    left: 12px;
    right: 18px;
    height: 25px;
}

.log-list-tip .x-list-body-inner dl{
    background:url(/cgi-bin/images/bg/bg_line.png?138305569) no-repeat bottom;
}

.log-list-tip .system-tray-bg .inner-bg{
top:66px;
bottom:36px;
}
.log-list-tip .clear-all{
top: 375px;
left: auto;
min-width: 80px;
right: 15px;
}
.log-list-tip .log-list-tab-btn button{
max-width: 90px;
margin: auto;
display: block;
text-overflow: ellipsis;
overflow: hidden;
padding: 0 2px 0 5px;
}

.log-list-tip .log-list-middle-div{
    max-height:270px; 
    overflow-x:hidden; 
    overflow-y:auto;
}


.log-list-tip .log-item-d{
    width: 100%; 
    overflow:hidden;
    position: relative;
    padding-top: 16px;
}
.log-list-tip .log-item-icon-div{
    width: 72px;
    height: 64px;
    float: left;
}
.log-list-tip .log-item-main-div{
    width: 158px;
    height: 45px;
    overflow: hidden;
    float: left;
    margin-top: 5px;
}
.log-list-tip .log-item-cancel-div{
    width: 46px;
    height: 64px;
    float: left;
}
.log-list-tip .log-item-line-div{
    width: 208px;
    height: 0px;
    border-bottom: 1px solid #DDDDDD;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.log-list-tip .log-item-title{
    font-size: 14px;
    /*font-family:'QTS Font', 'Helvetica', 'Arial', 'Sans-serif', 'Verdana', "Heiti SC", "微軟正黑體", "Microsoft JhengHei", "微軟雅黑體", "Microsoft YaHei", "明瞭體", "Meiryo", "清黑體", "Malgun Gothic", "新細明體", "PMingLiU";*/
    font-family:'QTS Font', 'Helvetica', 'Arial', 'Sans-serif', 'Verdana', "Tahoma";
    font-weight: 700;
    padding: 0 0 10px 28px;
    border-bottom: 1px solid #DADADA;
}
.log-list-tip .log-item-name, .log-list-tip .log-item-count{
    font-size: 12px;
    /*font-family:'QTS Font', 'Helvetica', 'Arial', 'Sans-serif', 'Verdana', "Heiti SC", "微軟正黑體", "Microsoft JhengHei", "微軟雅黑體", "Microsoft YaHei", "明瞭體", "Meiryo", "清黑體", "Malgun Gothic", "新細明體", "PMingLiU";*/
    font-family:'QTS Font', 'Helvetica', 'Arial', 'Sans-serif', 'Verdana', "Tahoma";
    font-weight: 300;
}
.log-list-tip .empty{
    text-align: center;
    margin-top: 15px;
}
.log-list-tip .empty .img{
    width: 34px;
    height: 34px;
    background-image: url("/photo/images/toolbar/bgtask_slice.png?138305569");
    background-position: 0px -360px;
    margin: 0 auto;
}
.log-list-tip .log-item-name{
    /*margin: 15px 0 0 50px;*/
    color: #7F7F7F;
    font-size: 12px;
    line-height: 17px;
    height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.log-list-tip .log-item-progress{
    position: relative;
    height: 25px;
}
.log-list-tip .log-item-count{
    position: absolute;
    bottom: 1px;
}
.log-list-tip .log-item-prg1, .log-list-tip .log-item-prg2{
    height: 0px;
    position: absolute; 
    bottom: 15px;
}
.log-list-tip .log-item-prg1{
    width: 60px;
    border-bottom: 4px solid #E5E5E5;
}
.log-list-tip .log-item-prg2{
    width: 0px;
    border-bottom: 4px solid #1E9FE0;
}
.log-list-tip .log-item-prg3{
    position: absolute; 
    left: 72px;
    font-size: 12px;
    color: #334B84;
    bottom: 11px;
}

/* QTS PS4 Self Change CSS */

.q_app_PS_S1 .x-window-bwrap .x-window-mc .x-window-body{
    background-color: #FFF;
}
.q_app_PS_S1 .x-window-bc{
    background-color: #E7E7E7;
}

.q_app_PS_S1 .x-window-bl, .q_app_PS_S1 .x-window-bc, .q_app_PS_S1 .x-window-br{
    background: #E7E7E7 none;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 0;
}
/* QTS PS5 Self Change CSS */
.x-form-field-wrap .x-form-trigger{
    background-color: #FFF;
    background-image: url('/photo/images/icons/Share_slice.png?138305569');
    border-top: 1px solid #B0B0B0;
    border-right: 1px solid #B0B0B0;
    border-bottom: 1px solid #B0B0B0;
    background-position: 6px -22px;
    height: 20px;
}
.x-form-field-wrap .x-trigger-noedit{
    border-right: 0px solid transparent; 
}

.x-combo-list .x-combo-selected{
    background-color: #DEFEFD;
    border: 1px solid transparent !important;
}
.x-btn-noicon .x-btn-small .x-btn-text{
    line-height: 16px;
}

/* QTS 4.2 DatePicker amd DateField CSS */
.qnapDateTimeMenu.x-menu{
    background: #FFF none;
}
.qnapDatePicker .x-date-right a, .qnapDatePicker .x-date-left a,
.qnapDatePicker .qnapSelectDateButton .x-btn-text,
.qnapDatePicker .x-date-inner .qnap_x-date-radius:hover, .qnapDatePicker .x-date-inner .x-date-selected .qnap_x-date-radius{
    background-image: url('/photo/images/icons/Share_slice.png?138305569');
}
.qnapDatePicker .x-date-right a{background-position: 5px -1230px;}
.qnapDatePicker .x-date-right a:hover{background-position: -25px -1230px;}
.qnapDatePicker .x-date-left a{background-position: 5px -1260px;}
.qnapDatePicker .x-date-left a:hover{background-position: -25px -1260px;}
.btn_remove3px .x-btn-tl i, .btn_remove3px .x-btn-tr i, .btn_remove3px .x-btn-tc i, .btn_remove3px .x-btn-ml i, .btn_remove3px .x-btn-mr i, .btn_remove3px .x-btn-bl i, .btn_remove3px .x-btn-br i, .btn_remove3px .x-btn-bc i{
    display: none;
}
.btn_remove3px .x-btn-tl, .btn_remove3px .x-btn-tr, .btn_remove3px .x-btn-tc, .btn_remove3px .x-btn-ml, .btn_remove3px .x-btn-mr, .btn_remove3px .x-btn-bl, .btn_remove3px .x-btn-br, .btn_remove3px .x-btn-bc {
    height: 0;
    width: 0;
}
.qnapDatePicker .yearMonthArea{
    border-bottom: 1px solid #B4B4B4;
}
.qnapDatePicker .qnap_x_c_year{
    font-size: 12px;
    color: #858585;
}
.qnapDatePicker .qnap_x_c_month{
    font-size: 24px;
    color: #2F2F2F;
}
.qnapDatePicker .x-date-middle, .qnapDatePicker .x-date-left, .qnapDatePicker .x-date-right{
    background: transparent none;
    color: #858585;
    vertical-align: bottom;
}
.qnapDatePicker .x-date-middle{
    width: auto;
}
.qnapDatePicker .x-date-middle .x-btn .x-btn-text{
    color: #858585;
    height: 44px;
}
.qnapDatePicker .x-date-inner th{
    background: transparent none;
    color: #707070;
    font-size: 10px;
    border-bottom: none;
    width: 33px;
    height: 20px;
}
.qnapDatePicker .x-date-active, .qnapDatePicker .x-date-nextday{
    height: 28px;
    width: 33px;
}
.qnapDatePicker .x-date-inner .qnap_x-date-radius{
    width: 25px;
    height: 25px;
}
.qnapDatePicker .x-date-inner .qnap_x-date-radius:hover, .qnapDatePicker .x-date-inner .x-date-selected .qnap_x-date-radius{
    color: #FFF;
    background-position: 0px -480px;
}
.qnapDatePicker .x-date-inner .x-date-selected a{
    background-color: transparent;
}
.qnapDatePicker .x-date-inner .x-date-nextday a.x-date-date{
    border: none;
    padding: 1px 4px;
    font-size: 12px;
    color: #B4B4B4;
}
.qnapDatePicker .x-date-inner .x-date-active a.x-date-date{
    border: none;
    padding: 1px 4px;
    font-size: 12px;
    color: #2F2F2F;
}
.qnapDatePicker a.x-date-date, .qnapDatePicker .x-date-inner th span{
    text-align: center;
}
.qnapDatePicker .x-date-inner th span{
    color: #707070;
}
.qnapDatePicker a.x-date-date{
    top: 5px;
    position: relative;
}
.qnapDatePicker a.x-date-date:hover, .qnapDatePicker .x-date-inner .qnap_x-date-radius:hover a.x-date-date,  .qnapDatePicker .x-date-inner .x-date-selected a.x-date-date{
    background-color: transparent;
    color: #FFF;
    border: none;
    padding: 1px 4px;
}
.qnapDatePicker .x-date-inner .x-date-today a.x-date-date{
    border: none;
    padding: 1px 4px;
    color: #B8292D;
}
.qnapDatePicker .x-date-inner .x-date-selected.x-date-today a.x-date-date{
    color: #FFF;
}
.qnapDatePicker .qnapSelectDateButton{
    width: 100%;
}
.qnapDatePicker .x-date-bottom{
    background: #808080 none;
    border-top: none;
}
.qnapDatePicker .x-date-bottom:hover{
    background: #39BDE2 none;
}
.qnapDatePicker .x-date-bottom .qnapSelectDateButton .x-btn-text{
    background-position: 0px -540px;
    width: 20px;
    height: 20px;
}
.qnapDatePicker .x-date-bottom:hover .qnapSelectDateButton .x-btn-text{
    background-position: -30px -540px;
}

/*****************************************************************************\
**   ######   ######  ########   #######  ##       ##       ########     ###    ########  
**  ##    ## ##    ## ##     ## ##     ## ##       ##       ##     ##   ## ##   ##     ## 
**  ##       ##       ##     ## ##     ## ##       ##       ##     ##  ##   ##  ##     ## 
**   ######  ##       ########  ##     ## ##       ##       ########  ##     ## ########  
**        ## ##       ##   ##   ##     ## ##       ##       ##     ## ######### ##   ##   
**  ##    ## ##    ## ##    ##  ##     ## ##       ##       ##     ## ##     ## ##    ##  
**   ######   ######  ##     ##  #######  ######## ######## ########  ##     ## ##     ## 
*-----------------------------------------------------------------------------
* .qts-scrollbar
*     &.scrollbar-track
*     .scrollbar-thumb
*     &.dark
*       &.scrollbar-track
*       .scrollbar-thumb
*     &.scrollbar-over, &.drag
\*****************************************************************************/
.qts-scrollbar.scrollbar-track {
  width: 12px;
  height: 100%;
  background: #F4F4F4;
  position: absolute;
  right: 0;
  top: 0;
  margin: 1px;
  opacity: 0;
  transition: opacity 300ms;
}
.qts-scrollbar .scrollbar-thumb {
  min-height: 10%;
  background: #CBCBCB;
  position: absolute;
  margin: 0px;
  border: 1px solid #C1C1C1;
  left: 0 !important;
  right: 0;
  top: auto;
  max-width: 10px;
  transition: background 300ms;
}
.qts-scrollbar.dark.scrollbar-track {
  background: #474747;
}
.qts-scrollbar.dark .scrollbar-thumb {
  background: #7f7f82;
  border: 1px solid #939393;
}
.qts-scrollbar.scrollbar-over, .qts-scrollbar.drag, .qts-scrollbar:hover {
  opacity: 1;
}
.qts-scrollbar .scrollbar-thumb:hover, .qts-scrollbar.drag .scrollbar-thumb{
    background: #909090;
    border: 1px solid #828282;
}
.qts-scrollbar.dark .scrollbar-thumb:hover, .qts-scrollbar.dark.drag .scrollbar-thumb{
    background: #D6D6D6;
    border: 1px solid #EdEdEd;
}

.overflow-hidden {
  overflow: hidden !important;
}

.qpc_menu_no_show_qts_scrollbar .qts-scrollbar{
    display: none;
}

.x-form-cb-label {
    top: 0;
}


/*****************************************************************************\
* **************** Compass sprite png area **************
*     
* git path: source/lib/scss/mediaviewer3bg   
*     
* Warning! Do not change it directly, these CSS create by SCSS+Compass
* If you want change any string, run "compass compile" at git path and copy CSS string to this area
* After paste new CSS, change vr360icon.png name and copy to source/images/common/vr360icon/
* After paste new CSS, change vlcplayer.png name and copy to source/images/common/vlcplayer/
* 
\*****************************************************************************/


/* VR 360 icon area */
.vr360icon_sprite, .vr360icon_compass_base, .vr360icon_compass_direction, .vr360icon_ic_mark_360_list, .vr360icon_ic_mark_360_thumbnail, .vr360icon_vr360_reminder
{ background-image: url('/photo/images/common/vr360icon.png?138305569'); background-repeat: no-repeat; }
.vr360icon_compass_base { background-position: 0 0; height: 66px; width: 54px; }

.vr360icon_compass_direction { background-position: 0 -76px; height: 54px; width: 54px; }
.vr360icon_compass_direction:hover, .vr360icon_compass_direction.compass_direction_hover { background-position: 0 -204px; }
.vr360icon_compass_direction:active, .vr360icon_compass_direction.compass_direction_active { background-position: 0 -140px; }

.vr360icon_ic_mark_360_list { background-position: 0 -268px; height: 20px; width: 36px; }

.vr360icon_ic_mark_360_thumbnail { background-position: 0 -298px; height: 26px; width: 48px; }

.vr360icon_vr360_reminder { background-position: 0 -334px; height: 44px; width: 44px; }

/* VR 360 icon area */
.vlcplayer_sprite, .vlcplayer_install, .vlcplayer_vlc_off, .vlcplayer_vlc_on, .vlcplayer_web_socket_agent_off, .vlcplayer_web_socket_agent_on 
{ background-image: url('/photo/images/common/vlcplayer.png?138305569'); background-repeat: no-repeat; }

.vlcplayer_install { background-position: 0 0; height: 200px; width: 300px; }

.vlcplayer_vlc_off { background-position: 0 -210px; height: 200px; width: 200px; }

.vlcplayer_vlc_on { background-position: 0 -420px; height: 200px; width: 200px; }

.vlcplayer_web_socket_agent_off { background-position: 0 -630px; height: 200px; width: 200px; }

.vlcplayer_web_socket_agent_on { background-position: 0 -840px; height: 200px; width: 200px; }


/*****************************************************************************\
* **************** Compass sprite png area **************
*     
* git path: source/lib/scss/common   
*     
* Warning! Do not change it directly, these CSS create by SCSS+Compass
* If you want change any string, run "compass compile" at git path and copy CSS string to this area
* After paste new CSS, change common.png name and copy to source/images/common/
* 
\*****************************************************************************/
.common_sprite, .common_a000_btn_close, .common_a001_btn_close_over, .common_a002_btn_close_pressed, .common_a003_btn_max, .common_a004_btn_max_over, .common_a005_btn_max_pressed, .common_a006_btn_mimi, .common_a007_btn_mini_over, .common_a008_btn_mini_pressed, .common_a009_btn_close_black, .common_a010_btn_close_over_black, .common_a011_btn_close_pressed_black, .common_a012_btn_max_black, .common_a013_btn_max_over_black, .common_a014_btn_max_pressed_black, .common_a015_btn_mimi_black, .common_a016_btn_mini_over_black, .common_a017_btn_mini_pressed_black, .common_a018_filing_method_delete_normal, .common_a019_add_sub_folders, .common_a020_add_sub_folders_active, .common_a021_add_sub_folders_disable, .common_a022_btn_upload, .common_a023_list_delete, .common_a024_list_delete_active, .common_a025_list_delete_hover, .common_a026_select_folder, .common_a027_select_folder_active, .common_a028_leaf, .common_a029_line, .common_a030_line_half, .common_a031_line_o, .common_a032_line_o_end, .common_a033_line_o_open, .common_a034_line_o_openend, .common_a035_menu_folder_expand, .common_a036_menu_folder, .common_a037_menu_db, .common_a038_menu_nas, .common_a039_menu_nook_normal, .common_a040_menu_ok_normal, .common_a041_icon_back, .common_a042_icon_sort, .common_a043_face_ignore, .common_a044_face_reco, .common_a045_tag_yes, .common_a046_tag_no, .common_a047_tag_top, .common_a048_toolbar_face_normal, .common_a049_tollbar_face_disable, .common_a050_action_preview, .common_a051_empty_bursts, .common_a052_empty_time_lapse, .common_a053_error_14, .common_a054_new, .common_a055_ok_14, .common_a056_processing, .common_a057_remind_14, .common_a058_step_2, .common_a059_step_3, .common_a060_step_1, .common_a061_empty_status, .x-window-dlg .x-tool-close, .x-panel-ghost .x-window-draggable .x-tool-close, .x-window .x-tool-close, .x-panel-ghost .x-tool-close, .x-panel-ghost.q-app-systemPreferences .x-window-draggable .x-tool-close, .x-panel-ghost.file-explorer .x-tool-close, .x-window .x-tool-over .x-tool, .x-window .x-tool-close-over, .x-window .x-tool-minimize, .x-panel-ghost .x-tool-minimize, .x-window .x-tool-minimize-over, .x-panel-ghost .x-tool-minimize-over, .x-window .x-tool-restore, .x-panel-ghost .x-tool-restore, .x-window .x-tool-maximize, .x-panel-ghost .x-tool-maximize, .x-window .x-tool-restore-over, .x-panel-ghost .x-tool-restore-over, .x-window .x-tool-maximize-over, .x-panel-ghost .x-tool-maximize-over, .x-window.dark .x-tool-close, .x-panel-ghost.dark .x-tool-close, .x-panel-ghost.dark.q-app-systemPreferences .x-window-draggable .x-tool-close, .x-panel-ghost.dark.file-explorer .x-tool-close, .x-window.dark .x-tool-over .x-tool, .x-window.dark .x-tool-close-over, .x-window.dark .x-tool-minimize, .x-panel-ghost.dark .x-tool-minimize, .x-window.dark .x-tool-minimize-over, .x-panel-ghost.dark .x-tool-minimize-over, .x-window.dark .x-tool-restore, .x-panel-ghost.dark .x-tool-restore, .x-window.dark .x-tool-maximize, .x-panel-ghost.dark .x-tool-maximize, .x-window.dark .x-tool-restore-over, .x-panel-ghost.dark .x-tool-restore-over, .x-window.dark .x-tool-maximize-over, .x-panel-ghost.dark .x-tool-maximize-over, .filing_method_delete_normal, .uploadListWindow_FromUserClientDisk, .folderSelectWindow2 .add_sub_folders, .folderSelectWindow2 .add_sub_folders_active, .folderSelectWindow2 .add_sub_folders_disable, .folderSelectWindow2 .list_delete, .folderSelectWindow2_list_delete, .folderSelectWindow2 .a024_list_delete_active, .folderSelectWindow2_list_delete:active, .folderSelectWindow2 .a025_list_delete_hover, .folderSelectWindow2_list_delete:hover, .folderSelectWindow2 .select_folder, .uploadListWindow_SelectFolder, .folderSelectWindow2 .select_folder_active, .uploadListWindow_SelectFolderActive, .folderSelectWindow2 .leaf, .folderSelectWindow2 .line, .folderSelectWindow2 .line_half, .folderSelectWindow2 .line_o, .folderSelectWindow2 .line_o_end, .folderSelectWindow2 .line_o_open, .folderSelectWindow2 .line_o_openend, .folderSelectWindow2 .menu_folder_expand, .folderSelectWindow2 .menu_folder, .folderSelectWindow2 .menu_db, .folderSelectWindow2 .menu_nas, .folderSelectWindow2 .menu_nook_normal, .folderSelectWindow2 .menu_ok_normal, .a041_icon_back, #main-panel .statusNameBar .icon_back, .a041_icon_back_hover, #main-panel .statusNameBar .icon_back_hover, .a041_icon_back_active, #main-panel .statusNameBar .icon_back_active, .a042_icon_sort, #main-panel .statusNameBar .icon_sort, .a043_face_ignore, .a044_face_reco, .a045_tag_yes, .a046_tag_no, .a047_tag_top, .a048_toolbar_face_normal, .qpc_toolbar5 .x-btn-icon .x-btn-small .ftb_btn_facerecog, .a049_tollbar_face_disable, .qpc_toolbar5 .qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_facerecog, .qpc_toolbar5 .no_use.x-btn-icon .x-btn-small .ftb_btn_facerecog, .a050_action_preview, .a051_empty_bursts, .qpc_qphoto_emptyIcon.bursts, .a052_empty_time_lapse, .qpc_qphoto_emptyIcon.time_lapse, .a053_error_14, .qpc_qphoto_statusBar_error, .a054_new, .qpc_tree_qphoto_new, .a055_ok_14, .qpc_qphoto_statusBar_ok, .a056_processing, .qpc_qphoto_statusBar_processing, .a057_remind_14, .a058_step_2, .a059_step_3, .a060_step_1, .a061_empty_status, .qpc_qphoto_emptyIcon.status
{ background-image: url('/photo/images/common/common.png?138305569'); background-repeat: no-repeat; }
/* Light mode window tools start*/
.x-window-dlg .x-tool-close, .x-panel-ghost .x-window-draggable .x-tool-close, .x-window .x-tool-close, .x-panel-ghost .x-tool-close, .x-panel-ghost.q-app-systemPreferences .x-window-draggable .x-tool-close, .x-panel-ghost.file-explorer .x-tool-close { width: 16px !important; height: 16px !important; margin: 10px 4px 0; background-position: 0 0; height: 11px; width: 11px; }

.x-window .x-tool-over .x-tool, .x-window .x-tool-close-over { background-position: 0 -21px; height: 11px; width: 11px; }

.x-window .x-tool-minimize, .x-panel-ghost .x-tool-minimize { width: 33px; height: 19px; background-position: 0 -126px; height: 11px; width: 11px; margin-left: 0; padding-top: 0; }

.x-window .x-tool-minimize-over, .x-panel-ghost .x-tool-minimize-over { background-position: 0 -147px; height: 11px; width: 11px; }

.x-window .x-tool-restore, .x-panel-ghost .x-tool-restore, .x-window .x-tool-maximize, .x-panel-ghost .x-tool-maximize { width: 32px; height: 19px; background-position: 0 -63px; height: 11px; width: 11px; margin-left: 0; padding-top: 0; }

.x-window .x-tool-restore-over, .x-panel-ghost .x-tool-restore-over, .x-window .x-tool-maximize-over, .x-panel-ghost .x-tool-maximize-over { background-position: 0 -84px; height: 11px; width: 11px; }

/* Dark mode window tools start*/
.x-window.dark .x-tool-close, .x-panel-ghost.dark .x-tool-close, .x-panel-ghost.dark.q-app-systemPreferences .x-window-draggable .x-tool-close, .x-panel-ghost.dark.file-explorer .x-tool-close { width: 16px !important; height: 16px !important; background-position: 0 -189px; height: 11px; width: 11px; margin: 10px 4px 0; }

.x-window.dark .x-tool-over .x-tool, .x-window.dark .x-tool-close-over { background-position: 0 -210px; height: 11px; width: 11px; }

.x-window.dark .x-tool-minimize, .x-panel-ghost.dark .x-tool-minimize { width: 33px; height: 19px; background-position: 0 -315px; height: 11px; width: 11px; margin-left: 0; padding-top: 0; }

.x-window.dark .x-tool-minimize-over, .x-panel-ghost.dark .x-tool-minimize-over { background-position: 0 -336px; height: 11px; width: 11px; }

.x-window.dark .x-tool-restore, .x-panel-ghost.dark .x-tool-restore, .x-window.dark .x-tool-maximize, .x-panel-ghost.dark .x-tool-maximize { width: 32px; height: 19px; background-position: 0 -252px; height: 11px; width: 11px; margin-left: 0; padding-top: 0; }

.x-window.dark .x-tool-restore-over, .x-panel-ghost.dark .x-tool-restore-over, .x-window.dark .x-tool-maximize-over, .x-panel-ghost.dark .x-tool-maximize-over { background-position: 0 -273px; height: 11px; width: 11px; }

/* Dark mode window tools end*/
/* Create Album Window Start */
.filing_method_delete_normal { background-position: 0 -378px; height: 20px; width: 20px; }

/* Create Album Window End */
/* Folder and upload window icon start (.folderSelectWindow2) */
.uploadListWindow_FromUserClientDisk { background-position: 0 -510px; height: 24px; width: 24px; }

.folderSelectWindow2 .add_sub_folders { background-position: 0 -408px; height: 24px; width: 40px; }

.folderSelectWindow2 .add_sub_folders_active { background-position: 0 -442px; height: 24px; width: 40px; }

.folderSelectWindow2 .add_sub_folders_disable { background-position: 0 -476px; height: 24px; width: 40px; }

.folderSelectWindow2 .list_delete, .folderSelectWindow2_list_delete { background-position: 0 -544px; height: 28px; width: 40px; }

.folderSelectWindow2 .a024_list_delete_active, .folderSelectWindow2_list_delete:active { background-position: 0 -582px; height: 28px; width: 40px; }

.folderSelectWindow2 .a025_list_delete_hover, .folderSelectWindow2_list_delete:hover { background-position: 0 -620px; height: 28px; width: 40px; }

.folderSelectWindow2 .select_folder, .uploadListWindow_SelectFolder { background-position: 0 -658px; height: 24px; width: 24px; }

.folderSelectWindow2 .select_folder_active, .uploadListWindow_SelectFolderActive { background-position: 0 -692px; height: 24px; width: 24px; }

.folderSelectWindow2 .leaf { background-position: 0 -726px; height: 25px; width: 12px; }

.folderSelectWindow2 .line { background-position: 0 -761px; height: 25px; width: 12px; }

.folderSelectWindow2 .line_half { background-position: 0 -796px; height: 25px; width: 12px; }

.folderSelectWindow2 .line_o { background-position: 0 -831px; height: 25px; width: 12px; }

.folderSelectWindow2 .line_o_end { background-position: 0 -866px; height: 25px; width: 12px; }

.folderSelectWindow2 .line_o_open { background-position: 0 -901px; height: 25px; width: 12px; }

.folderSelectWindow2 .line_o_openend { background-position: 0 -936px; height: 25px; width: 12px; }

.folderSelectWindow2 .menu_folder_expand { background-position: 0 -971px; height: 18px; width: 18px; }

.folderSelectWindow2 .menu_folder { background-position: 0 -999px; height: 18px; width: 18px; }

.folderSelectWindow2 .menu_db { background-position: 0 -1027px; height: 18px; width: 18px; }

.folderSelectWindow2 .menu_nas { background-position: 0 -1055px; height: 18px; width: 18px; }

.folderSelectWindow2 .menu_nook_normal { background-position: 0 -1083px; height: 10px; width: 10px; }

.folderSelectWindow2 .menu_ok_normal { background-position: 0 -1103px; height: 10px; width: 10px; }

/* Folder and upload window icon end*/
/* Top status name bar icon end*/
.a041_icon_back, #main-panel .statusNameBar .icon_back { background-position: 0 -1123px; height: 18px; width: 18px; }
.a041_icon_back:hover, .a041_icon_back.a041_icon_back_hover, #main-panel .statusNameBar .icon_back:hover, #main-panel .statusNameBar .icon_back.a041_icon_back_hover { background-position: 0 -1179px; }
.a041_icon_back:active, .a041_icon_back.a041_icon_back_active, #main-panel .statusNameBar .icon_back:active, #main-panel .statusNameBar .icon_back.a041_icon_back_active { background-position: 0 -1151px; }

.a041_icon_back_hover, #main-panel .statusNameBar .icon_back_hover { background-position: 0 -1179px; height: 18px; width: 18px; }

.a041_icon_back_active, #main-panel .statusNameBar .icon_back_active { background-position: 0 -1151px; height: 18px; width: 18px; }

.a042_icon_sort, #main-panel .statusNameBar .icon_sort { background-position: 0 -1207px; height: 18px; width: 18px; }

/* Top status name bar icon end*/
/* Face function icon start #11521 */
.a043_face_ignore { background-position: 0 -1235px; height: 14px; width: 14px; }

.a044_face_reco { background-position: 0 -1259px; height: 250px; width: 250px; }

.a045_tag_yes { background-position: 0 -1519px; height: 14px; width: 14px; }

.a046_tag_no { background-position: 0 -1543px; height: 14px; width: 14px; }

.a047_tag_top { background-position: 0 -1567px; height: 5px; width: 10px; }

.a048_toolbar_face_normal, .qpc_toolbar5 .x-btn-icon .x-btn-small .ftb_btn_facerecog { background-position: 0 -1582px; height: 20px; width: 23px; }

.a049_tollbar_face_disable, .qpc_toolbar5 .qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_facerecog, .qpc_toolbar5 .no_use.x-btn-icon .x-btn-small .ftb_btn_facerecog { background-position: 0 -1612px; height: 20px; width: 23px; }

/* Face function icon end*/
/* Qphoto icon start #13211*/
.a050_action_preview { background-position: 0 -1642px; height: 14px; width: 24px; }

.a051_empty_bursts, .qpc_qphoto_emptyIcon.bursts { background-position: 0 -1666px; height: 100px; width: 131px; }

.a052_empty_time_lapse, .qpc_qphoto_emptyIcon.time_lapse { background-position: 0 -1776px; height: 100px; width: 130px; }

.a053_error_14, .qpc_qphoto_statusBar_error { background-position: 0 -1886px; height: 14px; width: 14px; }

.a054_new, .qpc_tree_qphoto_new { background-position: 0 -1910px; height: 17px; width: 40px; }

.a055_ok_14, .qpc_qphoto_statusBar_ok { background-position: 0 -1937px; height: 14px; width: 14px; }

.a056_processing, .qpc_qphoto_statusBar_processing { background-position: 0 -1961px; height: 14px; width: 14px; }

.a057_remind_14 { background-position: 0 -1985px; height: 14px; width: 14px; }

.a058_step_2 { background-position: 0 -2009px; height: 130px; width: 230px; }

.a059_step_3 { background-position: 0 -2149px; height: 130px; width: 230px; }

.a060_step_1 { background-position: 0 -2289px; height: 130px; width: 230px; }

.a061_empty_status, .qpc_qphoto_emptyIcon.status { background-position: 0 -2429px; height: 100px; width: 130px; }

/* Qphoto icon end*/




/*****************************************************************************\
* 
* End of Compass sprite png area
*
\*****************************************************************************/





html
{
    -ms-touch-action: none;
}
body
{
    /*font-family:'QTS Font', 'Helvetica', 'Arial', 'Sans-serif', 'Verdana', "Heiti SC", "微軟正黑體", "Microsoft JhengHei", "微軟雅黑體", "Microsoft YaHei", "明瞭體", "Meiryo", "清黑體", "Malgun Gothic", "新細明體", "PMingLiU";*/
    font-family:'QTS Font', 'Helvetica', 'Arial', 'Sans-serif', 'Verdana', "Tahoma";
    font-weight: 400;
	font-size: 12px;
    color: #555555;
    text-align:left;
    margin: 0;
}
#right-panel .x-form-text, textarea.x-form-field,
.header-mode-off, .header-mode-on, .x-btn button,
#logo .logo-text1, #logo .logo-text2,
.ext-strict .x-small-editor .x-form-text,
.doplan_tree_h1 .x-tree-node-anchor > span, .doplan_tree_h2 a > span, .doplan_left_tree li > .doplan_tree_h2.x-tree-selected span,
.album_cube_dataview .thumb-wrap span.x-editable, .x-dd-drag-ghost .thumb-wrap span.x-editable,
.album_cube_dataview .thumb-wrap .span_photos, .x-dd-drag-ghost .thumb-wrap .span_photos,
.qpc_timeline_grid2 .x-grid-group-hd div.x-grid-group-title,
.qpc_timeline_grid2 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title,
.qpc_timeline_grid2 .x-grid3-row-selected td .x-grid3-cell-inner,.qpc_timeline_grid2 .x-grid3-summary-row-selected td, .qpc_timeline_grid2 .qpc_t_select .x-grid-group-title span, .qpc_timeline_grid2 .qpc_t_select .x-btn-text,
.qpc_timeline_grid2 .x-grid3-cell-inner,
.grid_list_all .x-grid3-cell-inner,
.doplan_right_card .v_top .qpc_right_let_td1 .qpc_f_span_1, .doplan_right_card .v_top .qpc_right_let_td2, .doplan_right_card .info_input_tag textarea, .doplan_right_card .info_input_comment textarea,
.qpc_menu_media_1 .x-form-field,
.classSwitchMoreSetting + label, .modal_window_DD .x-form-field,
.share_dd_gridview .x-grid3-cell-inner,
.x-window-mc, .x-grid3-hd-inner, .x-form-field, .folder-path,
.x-toolbar div.xtb-text
{
    /*font-family:'QTS Font', 'Helvetica', 'Arial', 'Sans-serif', 'Verdana', "Heiti SC", "微軟正黑體", "Microsoft JhengHei", "微軟雅黑體", "Microsoft YaHei", "明瞭體", "Meiryo", "清黑體", "Malgun Gothic", "新細明體", "PMingLiU";*/
    font-family:'QTS Font', 'Helvetica', 'Arial', 'Sans-serif', 'Verdana', "Tahoma";
}
#right-panel .x-panel-header-text,
.hidden
{
    display: none;
}
.small-text
{
    font-size: 11px;
}
#avatar
{
    padding: 5px 0 0;
}
#user .x-btn-text
{
    color: #000000;
    /*font-family:'QTS Font';*/
    font-weight: 300;
}
#language{
    background: transparent url('/v3_menu/panel/headerbar_language.png?137547178') no-repeat;
}
#toolbar{
    z-index: 1004;
    overflow: hidden;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
}
#toolbar.darkMode{
    border-top: 1px solid #000;
    border-bottom: 1px solid #545454;
}
#right-panel{
    border: 1px solid #dcdcdc;
    background-color: #f8f8f8;
}
#right-panel.x-window .x-tool-close{
    margin: 10px 8px 0 0;
}
#right-panel .x-window-tc,
#right-panel .x-window-mc{
    background-color: #f8f8f8;
}
#right-panel .x-window-tl,
#right-panel .x-window-tr{
    background: #f8f8f8;
}
#right-panel .x-panel-header-text{
    /*font-family:'QTS Font';*/
    font-weight: 700;
    font-size: 14px;
}
#right-panel ul.x-tab-strip-top{
    padding: 0;
    border: 0;
}
#right-panel .x-form-text, textarea.x-form-field{
    /*font-family:'QTS Font';*/
    font-weight: 400;
}
#right-panel span.qnapOpenURL, .qnap_app_link_text_style{
    color:#4A4AFA;
    cursor: pointer;
    text-decoration:underline;
}
#qpc_single_photo_deletePic{
    position: absolute;
    cursor: default;
    background-color:rgba(10,10,10,0.5);
    background-image: url('about:blank'); /*about:blank for IE when div on an img*/
}
.deletePicIcon {
    position:absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index:10;
}
#qpc_single_photo_face{
    position:absolute;
    cursor:default; 
    background-image: url('about:blank'); /*about:blank for IE when div on an img*/
}
#qpc_single_photo_vrview{
    position:absolute;
    cursor:default; 
    background-image: url('about:blank'); /*about:blank for IE when div on an img*/
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
#uploadFrame{
    position: absolute;
    top:1px;
    left:1px;
    z-index: 0;
}
img.avatar{
    border: 1px solid #333;
    width: 30px;
    height: 30px;
}
#thumbs-container .x-panel-body{
    overflow-x: hidden !important;
}

.header-rainbow{
    background: #1b9cff; /* Old browsers */
    background: -moz-linear-gradient(left,  #1b9cff 0%, #c3fff7 50%, #1b9cff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b9cff), color-stop(50%,#c3fff7), color-stop(100%,#1b9cff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,#1b9cff 0%,#c3fff7 50%,#1b9cff 100%,); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,#1b9cff 0%,#c3fff7 50%,#1b9cff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,#1b9cff 0%,#c3fff7 50%,#1b9cff 100%); /* IE10+ */
    background: linear-gradient(to right,#1b9cff 0%,#c3fff7 50%,#1b9cff 100%); /* W3C */
    background-size: 200% 100%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b9cff', endColorstr='#c3fff7',GradientType=1 ); /* IE6-9 */
}
.header-rainbow-move {
    -webkit-animation: moving-rainbow 3s ease infinite;
    -moz-animation: moving-rainbow 3s ease infinite;
    animation: moving-rainbow 3s ease infinite;
}
.header-rainbow .x-panel-body-noheader, .header-rainbow .x-panel-mc .x-panel-body{
    background: transparent;
    border: 0;
}
.header-toolbar{
    padding: 0 0 0;
}
.header-toolbar .x-btn-tl, .header-toolbar .x-btn-tr, .header-toolbar .x-btn-tc,
.header-toolbar .x-btn-ml, .header-toolbar .x-btn-mr, .header-toolbar .x-btn-mc,
.header-toolbar .x-btn-bl, .header-toolbar .x-btn-br, .header-toolbar .x-btn-bc {
    background: transparent;
}
.header-toolbar .x-btn-tl, .header-toolbar .x-btn-tr,
.header-toolbar .x-btn-ml, .header-toolbar .x-btn-mr,
.header-toolbar .x-btn-bl, .header-toolbar .x-btn-br{
    width: 0;
    display: none;
}
.header-toolbar .x-btn-menu-active{
    box-shadow: 0 -3px 0 0 #000 inset;
}
.header-icons .x-btn-small button.x-btn-text{
    /*margin-top: 9px;
    background: transparent url('/photo/images/toolbar/header.png') no-repeat;*/
    background-image: url('/photo/images/toolbar/header.png?137547178');
    width: 20px;
    height: 20px;
}
#multizoneBoardToggle .x-btn-small button.x-btn-text{
	background: transparent none;
}
.header-stream button, .header-icons.header-stream .x-btn-small button.x-btn-text{
    width: 22px;
    background-position: 0 -208px;
}
.header-refresh button{
    width: 20px;
    background-position: 0 -120px;
}
.header-people-search button {
    width: 24px !important;
    height: 21px !important;
    background-image: url('/photo/images/icons/search_people.png?137547178');
}
.header-search button{
    width: 20px;
    background-position: 0 -90px;
}
.header-search.onSearch button{
    background-position: -120px -90px;
}
.header_sep_td1{
    border-left: 1px solid #2F2F2F;
    margin-top: 14px;
    height: 30px;
}
.header-tasks button{
    width: 20px;
    background-position: 0 -150px;
}
.header-tasks-active button{
    width: 20px;
    background-position: 0 -150px;
}
.header-tasks ~ div.count{
    position: absolute;
    top: 7px;
    width: 20px;
    height: 15px;
    overflow: hidden;
    background-color: #027DFF;
    color: #FFF;
    display: none;
    text-align: center;
    line-height: 14px;
    margin-left: 3px;
}
.header-tasks-active ~ div.count{
    display: inline-block;
}
.header-settings button{
    width: 20px;
    background-position: 8px -180px;
}
.header-mode-divider{
    background: transparent url('/photo/images/toolbar/header.png?137547178') no-repeat;
    width: 12px;
    height: 17px;
    float: left;
    background-position: 0 -420px;
    cursor: default;
    border: 1px solid #17abff;
    border-right: 0;
    border-left: 0;
    position: relative;
    top: -2px;
    margin-top: 9px;
}
.header-mode-off{
    height: 17px;
    /*font-family:'QTS Font';*/
    /*font-weight: 300 !important;*/
    font-size: 13px !important;
    color: #17abff;
    float: left;
    position: relative;
    top: 7px;
    cursor: pointer;
    text-align: center;
    min-width: 76px;
    padding: 0;
    border: 1px solid #17abff;
    border-right: 0;
}
.header-mode-on{
    height: 17px;
    /*font-family:'QTS Font';*/
    /*font-weight: 700 !important;*/
    font-size: 13px !important;
    color: #ffffff;
    float: left;
    position: relative;
    top: 7px;
    cursor: default;
    text-align: center;
    min-width: 76px;
    padding: 0;
    background-color: #17abff;
    border: 1px solid #17abff;
    border-left: 0;
}
.x-btn button {
    color: #333;
    /*font-family:'QTS Font';*/
    font-weight: 400;
    font-size: 14px;
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
    margin: 0;
    outline: 0 none;
    overflow: visible;
    padding-left: 3px;
    padding-right: 3px;
    width: auto;
}
#logo{
    margin: 3px 25px 0 30px;
    cursor: default;
    position: relative;
    padding: 2px 0 0;
}
#logo .logo-icon1{
    background-image: url('/photo/images/icon_photostation_28.png?137547178');
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin-right: 12px;
    position: absolute;
    top: -5px;
    left: 0px;
}
#logo .logo-text1{
    /*font-family:'QTS Font';*/
    /*margin-left: 40px; Hide because remove station icon*/
    font-weight: 900;
    font-size: 24px;
    color: #2f8dcf;
}
#logo .logo-text2{
    /*font-family:'QTS Font';*/
    font-weight: 300;
    font-size: 24px;
    color: #2f8dcf;
}
#header .x-window-header, #header .x-window-handle{
    display: none;
}
.ext-strict .x-small-editor .x-form-text{
    font-size: 14px;
    /*font-family:'QTS Font';*/
    font-weight: 400;
}
/*.qps_1{overflow-y: scroll !important;}*/
/* Common Background Color */

.album_cube_dataview, .album_cube_panel .x-panel-bl, .album_cube_panel .x-panel-br, .album_cube_panel .x-panel-bc, .album_cube_panel .x-panel-ml, .album_cube_panel .x-panel-mr, .album_cube_panel .x-panel-mc,
.group_list_photo .x-grid3-scroller,
.group_list_photo .x-grid-group-hd,
.qpc_timeline_grid2, .qpc_timeline_grid2 .x-toolbar{
    background-color: transparent;
}
/* Common Font Color */
.x-grid-group-hd div.x-grid-group-title{
    color: #4D5154;
}
.qpc_timeline_grid2 .x-toolbar .x-btn-text,
.qpc_timeline_grid2 .x-grid-group-hd div.x-grid-group-title,
.qpc_timeline_grid2 .x-grid3-row td,
.qpc_timeline_grid2 .x-grid3-summary-row td{
    text-align: right;
    font-size: 14px;
    color: white;
    cursor: pointer;
}

/* Header Background */
.ui_head1{
    /*height:40px; overflow:hidden;*/
	/*background: -webkit-gradient(linear, left top, left bottom, from(rgba(178,204,218,1)), to(rgba(142,182,205,1)));
	background: -webkit-linear-gradient(top, rgba(178,204,218,1), rgba(142,182,205,1));
	background: -moz-linear-gradient(top, rgba(178,204,218,1), rgba(142,182,205,1));
	background: -o-linear-gradient(top, rgba(178,204,218,1), rgba(142,182,205,1));
	background: -ms-linear-gradient(top, rgba(178,204,218,1), rgba(142,182,205,1));
	background: linear-gradient(top bottom, rgba(178,204,218,1), rgba(142,182,205,1));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFB2CCDA, endColorstr=#FF8EB6CD)";*/
    background-color: rgba(256,256,256,0.5);
}
.ui_head1 .x-toolbar{
    background: transparent;
    border: 0;
}
.refreshIconHtmlLeft{
    width: 10px;
    float: right;
}
.pointer{
    cursor: pointer;
}
.qex_panel_transparent .x-panel-body{
	background-color: transparent;
}
/* All Page Background */

/* Clear Button Background Image */
.clear_btn .x-btn-ml, .clear_btn .x-btn-mr, .clear_btn .x-btn-mc,
.clear_btn .x-btn-tl, .clear_btn .x-btn-tr, .clear_btn .x-btn-tc,
.clear_btn .x-btn-bl, .clear_btn .x-btn-br, .clear_btn .x-btn-bc {
    background-image: none;
}
.clear_btn_hover .x-btn-mc em{
    border: 1px solid #b0b0b0;
    padding: 3px;
}
.clear_btn_hover.x-btn-over .x-btn-mc{
    background-color: transparent;
}
.clear_btn_hover.x-btn-over .x-btn-text{
    color: #0060FF;
}
.clear_btn .x-btn-mc em.x-btn-arrow {
    background: none;
    padding: 0;
}
.btn_margin_left_A{
    margin-left: 15px;
}
.btn_margin_left_B{
    margin-left: 8px;
}
.btn_padding_LR_A{
    padding: 0 15px;
}
.ftn_link_color_a .x-btn-text{
    color: #000000;
    font-size: 12px;
}
.ftn_link_color_a .x-btn-text:hover{
    color: #0129C1;
    text-decoration: underline;
}


/* Flex Copy Button */
.flex-copy-btn{
    position: absolute;
    width:100%;
    height:100%;
}
.qpc_flash_copy button.x-btn-text{
    margin-top: 5px;
    color: #324EB9;
}
.qpc_copy_encode_img{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAS5JREFUeNqklL9Lw0AcxT9XEnAQ6RBwUuKWOPUfKNj/wKFBEQQX8X9osQhtx/4FHdwE6RBBOndwFp1s3UIFoSAoXQs9B1uaXpPLBR8c94t7977vHSe8au0bKGKIYe9awNbGugUUn+4ujUjKZ10ACRwAkUqEY+/yNZsI5UAS5KJ3/aAeHXr7zCWEras/ohhZ/NZE+EETqyAegXPgYU1RkpK0cgfPnzQ6/W0gBO6BU4BC2s2O7b4CIqUB8DYanwAvWiLgx7HdjcVGp782H72PS8CtZZiUCqEEcKFThB/UTZ8XGkWzI2CQcb5iQATTj6ii29/ZczEi0r0n1Str5Ucry9RsjxYk8r+KxLDXlilpibypiSQlcTNzx79U4wc3JqWtavSqtdin1V4OQ+CYHPgdANJpSryHV47PAAAAAElFTkSuQmCC") no-repeat scroll center center transparent;
}
.qpc_flash_copy_border .x-btn-mc{
    border: 1px solid #b0b0b0;
    cursor: default;
}
.qpc_flash_copy_border.x-btn-click .x-btn-mc{
    background-color: rgba(200,200,200,0.3);
}
.qpc_flash_copy_border{
    cursor: default;
}

.status-msg-window {
    background-color: rgba(0, 124, 239, 0.85);
    color: white;
    padding: 30px 34px;
    font-size: 15px;
    text-align: center;
}

.state-window{
    background-color: rgba(0, 124, 239, 0.85);
    color: white;
    font-size: 15px;
    line-height: 17px;
    padding: 18px 36px;
}

.top_state_msg{
	position: absolute;
	top: 0px;
	padding: 6px 30px;
	background-color: rgba(0, 124, 239, 0.85);
	z-index: 303;
	left: 50%;
	transform: translateX(-50%);
}
.top_state_msg .text{
	color: white;
	font-size: 15px;
	text-align: center;
	line-height: 20px;
	height: 20px;
	margin: 10px 20px;
}

/* Main Toolbar Start PS.toolbarPanel PS.flowToolbar*/
.ds_toolbar_bg_class{
    background: transparent none;
    border: 0;
}
.no-padding, .ds_toolbar_bg_class .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
    padding: 0;
}

.ds_tb_btm_remove3px .x-btn-tl, .ds_tb_btm_remove3px .x-btn-tr, .ds_tb_btm_remove3px .x-btn-tc, .ds_tb_btm_remove3px .x-btn-ml, .ds_tb_btm_remove3px .x-btn-mr, .ds_tb_btm_remove3px .x-btn-bl, .ds_tb_btm_remove3px .x-btn-br, .ds_tb_btm_remove3px .x-btn-bc {
    display: none;
}

.ds_toolbar_bg_class .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
    height: 24px;
    width: 33px;
}

/* +++++++++ QTS 4.2 PS.toolbarPanel ++++++++++++ */
.qpc_toolbar5{
    background-color: #F5F5F5;
    position: absolute;
}
.darkMode.qpc_toolbar5{
    background-color: #000;
}

.qpc_toolbar5 .btn_bg1,
.qpc_toolbar5 .x-slider-horz .x-slider-thumb,
.qpc_menu_tb5 .x-menu-item-icon,
.qpc_menu_tb5 a.x-menu-item.checked
{
    background-image: url('/photo/images/toolbar/toolbar_rule_slice.png?137547178');
    background-repeat: no-repeat;
}
.darkMode.qpc_toolbar5 .btn_bg1,
.darkMode.qpc_toolbar5 .x-slider-horz .x-slider-thumb
{
    background-image: url('/photo/images/toolbar/toolbar_rule_slice_b.png?137547178');
    background-repeat: no-repeat;
}
.qpc_toolbar5 .qpc_toolbar5_mr_3{
    margin-right: 3px;
}
.qpc_toolbar5 .qpc_toolbar5_padding_10{
    padding: 10px;
}
.qpc_toolbar5 .qpc_toolbar5_ptpbpl_10{
    padding: 10px 0px 10px 10px;
}
.qpc_toolbar5 .qpc_toolbar5_ptpb_10{
    padding: 10px 0px;
}

.qpc_toolbar5 .tb5_topleftspace,
.qpc_toolbar5 .tb5_space_a,
.qpc_toolbar5 .tb5_space_b
{
    width: 10px;
    height: 20px;
}
.qpc_toolbar5 .tb5_space_c
{
    width: 2px;
    height: 20px;
}
.qpc_toolbar5 .tb5_space_b,
.qpc_toolbar5 .tb5_space_c
{
    border-right: 1px solid #D3D3D3;
    margin-top: 20px;
}
.darkMode.qpc_toolbar5 .tb5_space_b
{
    border-right-color: #545454;
}


.qpc_toolbar5 .x-slider-horz, .qpc_toolbar5 .x-slider-horz .x-slider-end, .qpc_toolbar5 .x-slider-horz .x-slider-inner{
    background-image: none;
}
.qpc_toolbar5 .x-slider-horz .x-slider-thumb, .qpc_toolbar5 .x-slider-horz .x-slider-thumb-over, .qpc_toolbar5 .x-slider-horz .x-slider-thumb-drag{
    background-position: 0 -418px;
}
.qpc_toolbar5 .slider_bg{
    height: 1px; background-color: #565656; position: absolute; width: 100%; top: 10px;
}
.darkMode.qpc_toolbar5 .slider_bg{
    background-color: #FFF;
}

/* +++++Define QTS 4.2 Toolbar Button +++++ */
.qpc_toolbar5_button_disable, .qpc_toolbar5_button_disable.x-btn button{
    color: gray;
    cursor: default;
}
.qpc_toolbar5 .x-btn-icon .x-btn-small .x-btn-text, .qpc_toolbar5 .x-btn-noicon .x-btn-small .x-btn-text{
    height: 20px;
    width: 20px;
}
.qpc_toolbar5 .x-btn-icon .x-btn-small .x-btn-text.ftb_btn_arrow{
     width: 10px;
}
.x-btn-icon .x-btn-small .ftb_btn_arrow{background-position: 2px -680px;}
.x-btn-icon .x-btn-small .ftb_btn_box{background-position: 4px -29px;}
.x-btn-icon .x-btn-small .ftb_btn_list{background-position: 4px -58px;}
.x-btn-icon .x-btn-small .ftb_btn_timeline{background-position: 4px 1px;}
.x-btn-icon .x-btn-small .ftb_btn_folder{background-position: 4px -88px;}
.x-btn-icon .x-btn-small .ftb_btn_onofftimeline{background-position: -26px -120px;}
.x-btn-icon .x-btn-small .ftb_btn_sort{background-position: 0px -148px;}
.x-btn-icon .x-btn-small .ftb_btn_add_album{background-position: 0 -1260px;}
.x-btn-icon .x-btn-small .ftb_btn_photo{background-position: 2px -298px;}
.x-btn-icon .x-btn-small .ftb_btn_video{background-position: 2px -328px;}
.x-btn-icon .x-btn-small .ftb_btn_filter{background-position: 2px -1018px;}
.x-btn-icon .x-btn-small .ftb_btn_bgstyle{background-position: 2px -478px;}
.x-btn-icon .x-btn-small .ftb_btn_play{background-position: 2px -540px;}
.x-btn-icon .x-btn-small .ftb_btn_upload{background-position: 2px -570px;}
.x-btn-icon .x-btn-small .ftb_btn_download{background-position: 2px -600px;}
.x-btn-icon .x-btn-small .ftb_btn_share{background-position: 2px -630px;}
.x-btn-icon .x-btn-small .ftb_btn_recover{background-position: 2px -1410px;}
.x-btn-icon .x-btn-small .ftb_btn_delete{background-position: 2px -1350px;}
.x-btn-icon .x-btn-small .ftb_btn_clean{background-position: 2px -1380px;}
.x-btn-icon .x-btn-small .ftb_btn_multiselect{background-position: -28px -658px;}
.x-btn-icon .x-btn-small .ftb_btn_view_smaller{background-position: 6px -353px;}
.x-btn-icon .x-btn-small .ftb_btn_view_bigger{background-position: 4px -386px;}
.x-btn-icon .x-btn-small .ftb_btn_mapview{background-position: 2px -1318px;}
.x-btn-icon .x-btn-small .ftb_btn_qpclear{background-position: 2px -1440px;}

.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_arrow, .no_use.x-btn-icon .x-btn-small .ftb_btn_arrow{background-position: -118px -680px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_box, .no_use.x-btn-icon .x-btn-small .ftb_btn_box{background-position: -116px -29px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_list, .no_use.x-btn-icon .x-btn-small .ftb_btn_list{background-position: -116px -58px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_timeline, .no_use.x-btn-icon .x-btn-small .ftb_btn_timeline{background-position: -116px 1px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_folder, .no_use.x-btn-icon .x-btn-small .ftb_btn_folder{background-position: -116px -88px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_onofftimeline, .no_use.x-btn-icon .x-btn-small .ftb_btn_onofftimeline{background-position: 4px -120px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_sort, .no_use.x-btn-icon .x-btn-small .ftb_btn_sort{background-position: -120px -148px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_add_album, .no_use.x-btn-icon .x-btn-small .ftb_btn_add_album{background-position: -120px -1260px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_photo, .no_use.x-btn-icon .x-btn-small .ftb_btn_photo{background-position: -118px -298px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_video, .no_use.x-btn-icon .x-btn-small .ftb_btn_video{background-position: -118px -328px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_filter, .no_use.x-btn-icon .x-btn-small .ftb_btn_filter{background-position: -118px -1018px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_bgstyle, .no_use.x-btn-icon .x-btn-small .ftb_btn_bgstyle{background-position: -118px -478px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_play, .no_use.x-btn-icon .x-btn-small .ftb_btn_play{background-position: -118px -540px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_upload, .no_use.x-btn-icon .x-btn-small .ftb_btn_upload{background-position: -118px -570px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_download, .no_use.x-btn-icon .x-btn-small .ftb_btn_download{background-position: -118px -600px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_share, .no_use.x-btn-icon .x-btn-small .ftb_btn_share{background-position: -118px -630px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_recover, .no_use.x-btn-icon .x-btn-small .ftb_btn_recover{background-position: -118px -1410px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_delete, .no_use.x-btn-icon .x-btn-small .ftb_btn_delete{background-position: -118px -1350px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_clean, .no_use.x-btn-icon .x-btn-small .ftb_btn_clean{background-position: -118px -1380px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_multiselect, .no_use.x-btn-icon .x-btn-small .ftb_btn_multiselect{background-position: 2px -658px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_view_smaller, .no_use.x-btn-icon .x-btn-small .ftb_btn_view_smaller{background-position: -114px -353px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_view_bigger, .no_use.x-btn-icon .x-btn-small .ftb_btn_view_bigger{background-position: -116px -386px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_mapview, .no_use.x-btn-icon .x-btn-small .ftb_btn_mapview{background-position: -118px -1318px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_qpclear, .no_use.x-btn-icon .x-btn-small .ftb_btn_qpclear{background-position: -118px -1440px;}

/* +++++Hover effect of Photo Station 5.2 Toolbar Button +++++ */
#toolbar .view_thumb:hover, #toolbar .view_list:hover, #toolbar .view_timeline:hover, #toolbar .set_view:hover,
#toolbar .view_thumb:hover ~ .set_view, #toolbar .view_list:hover ~ .set_view, #toolbar .view_timeline:hover ~ .set_view,
#toolbar .sort:hover, #toolbar .sort:hover ~ .set_sort,
#toolbar .add_album:hover, #toolbar .add_album:hover ~ .set_add_album,
#toolbar .filter:hover, #toolbar .filter:hover ~ .set_filter,
#toolbar .bgstyle:hover, #toolbar .bgstyle:hover ~ .set_bgstyle,
#toolbar .play:hover, #toolbar .play:hover ~ .playSet,
#toolbar .download:hover, #toolbar .download:hover ~ .set_download,
#toolbar .share:hover, #toolbar .share:hover ~ .set_share,
#toolbar .tb_bg:hover,
#toolbar .tb_bg_hover{
    background-color: #E4E4E4;
}

.darkMode#toolbar .view_thumb:hover, .darkMode#toolbar .view_list:hover, .darkMode#toolbar .view_timeline:hover, .darkMode#toolbar .set_view:hover,
.darkMode#toolbar .view_thumb:hover ~ .set_view, .darkMode#toolbar .view_list:hover ~ .set_view, .darkMode#toolbar .view_timeline:hover ~ .set_view,
.darkMode#toolbar .sort:hover, .darkMode#toolbar .sort:hover ~ .set_sort,
.darkMode#toolbar .add_album:hover, .darkMode#toolbar .add_album:hover ~ .set_add_album,
.darkMode#toolbar .filter:hover, .darkMode#toolbar .filter:hover ~ .set_filter,
.darkMode#toolbar .bgstyle:hover, .darkMode#toolbar .bgstyle:hover ~ .set_bgstyle,
.darkMode#toolbar .play:hover, .darkMode#toolbar .play:hover ~ .playSet,
.darkMode#toolbar .download:hover, .darkMode#toolbar .download:hover ~ .set_download,
.darkMode#toolbar .share:hover, .darkMode#toolbar .share:hover ~ .set_share,
.darkMode#toolbar .tb_bg:hover,
.darkMode#toolbar .tb_bg_hover{
    background-color: #393939;
}

#toolbar .qpc_toolbar5_button_disable:hover, .darkMode#toolbar .qpc_toolbar5_button_disable:hover,
#toolbar .qpc_toolbar5_button_disable:hover ~ .set_view, .darkMode#toolbar .qpc_toolbar5_button_disable:hover ~ .set_view,
#toolbar .qpc_toolbar5_button_disable:hover ~ .set_sort, .darkMode#toolbar .qpc_toolbar5_button_disable:hover ~ .set_sort,
#toolbar .qpc_toolbar5_button_disable:hover ~ .set_add_album, .darkMode#toolbar .qpc_toolbar5_button_disable:hover ~ .set_add_album,
#toolbar .qpc_toolbar5_button_disable:hover ~ .set_filter, .darkMode#toolbar .qpc_toolbar5_button_disable:hover ~ .set_filter,
#toolbar .qpc_toolbar5_button_disable:hover ~ .set_bgstyle, .darkMode#toolbar .qpc_toolbar5_button_disable:hover ~ .set_bgstyle,
#toolbar .qpc_toolbar5_button_disable:hover ~ .playSet, .darkMode#toolbar .qpc_toolbar5_button_disable:hover ~ .playSet,
#toolbar .qpc_toolbar5_button_disable:hover ~ .set_download, .darkMode#toolbar .qpc_toolbar5_button_disable:hover ~ .set_download,
#toolbar .qpc_toolbar5_button_disable:hover ~ .set_share, .darkMode#toolbar .qpc_toolbar5_button_disable:hover ~ .set_share{
    background: none;
}

/* Main Toolbar End*/
/* DS3 HTML5 Drag Drop Upload */
#ds3_html5ddup_panel {
    display:inline-block;
    /*background-color: rgba(140,180,245,0.3);*/
    width: 100%;
    height:100%;
    border:0; text-align:center; color:#22CCFF;
}
#ds3_html5ddup_p1{
    /*background-color: rgba(190,190,225,0.9);*/
    background-color: rgba(254,254,254,0.8);
    border: dashed #AFAFAF 3px;
    padding:5px;
    vertical-align: middle;
    text-align: center;
    color:#AFAFAF;
    font-size: 30px;
    position: absolute;
    width: 400px;
    height: 200px;
    top: 40%;
    margin: 0 auto;
}

.ds3_upload_win_t1 .x-window-body {
    background-color: transparent;
}
/* Left tree start PS.treePanel*/
.doplan_left_tree .x-panel-body{
    background: #FFFFFF none;
    overflow-x: hidden !important;
}
.doplan_left_tree .x-tree-elbow-end, .doplan_left_tree .x-tree-elbow, .doplan_left_tree .x-tree-icon, .doplan_left_tree .x-tree-elbow-minus, .doplan_left_tree .x-tree-elbow-plus, .doplan_left_tree .x-tree-elbow-end-minus, .doplan_left_tree .x-tree-elbow-end-plus, .doplan_left_tree .x-tree-elbow-line{
    width: 1px;
    display: none;
    background-image: none;
}
.doplan_left_tree .x-tree-node a span {
    padding-left: 18px;
}
.doplan_tree_h1{
    line-height: 29px;
    height: 30px;
    text-align: left;
    vertical-align: top;
    padding-left: 0 0 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cpmv_menu_btn .x-btn-small .x-btn-text, .cpmv_menu_btn .x-menu-item-icon{
    height:22px; width:24px;
    top: 0 !important;
}
.doplan_tree_h1 .x-tree-node-icon{
    display: none;
}
.doplan_tree_separator img{
    display: none;
}
.doplan_tree_h1 .x-tree-node-anchor > span{
    font-size: 13px;
    /*font-family:'QTS Font';*/
    font-weight: 300;
    color: #2f2f2f;
    display: block;/*remove inline-block because Bug 63804*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.doplan_tree_h2{
    padding: 7px 0 3px 18px;
    vertical-align: middle;
    position: relative;
}
.doplan_tree_h2 a{
    font-size: 13px;
}
.doplan_tree_h2 a > span{
    color: #404040;
    /*font-family:'QTS Font';*/
    font-weight: 300;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    /*width: 140px;*/
    padding: 0;
}
.doplan_tree_h2_noimg img{
    display: none;
}

.doplan_tree_separator, .doplan_tree_separator a{
    cursor: default;
}
.doplan_left_tree li > .doplan_tree_separator.x-tree-node-over{
    background-color: transparent;
}
.doplan_left_tree li > .x-tree-selected.x-tree-node-over{
    background-color: #DEFEFD;
}
.doplan_left_tree li > .x-tree-node-over{
    background-color: #DEFEFD;
}
.doplan_left_tree li > .x-tree-selected{
    background-color: transparent;
    border-left: 2px solid #000000;
}
.doplan_left_tree li > .hold_over_class{
    background-color: #DEFEFD;
}
.doplan_left_tree li > .doplan_tree_h1 span,
.doplan_left_tree li > .doplan_tree_h2 span{
    position: relative;
    left: 11px;
}
.doplan_left_tree li > .doplan_tree_h1.x-tree-selected span,
.doplan_left_tree li > .doplan_tree_h2.x-tree-selected span{
    color:#000000;
    /*font-family:'QTS Font';*/
    font-weight: 700;
    position: relative;
    left: 8px;
}
/* Left tree End */
/* Center Panel DataView Start PS.tool.makeCenterDataView */
/* ++++++++ Common CSS ++++++*/
.thumb .t_arrow{
	position:absolute;
    right: 15px;
    bottom: 15px;
    z-index: 13;
    display: none;
}
.thumb .t_arrow.folder{
    bottom: 5px;
}
.x-view-selected .thumb .path-image-arrow, .x-grid3-row-selected .thumb .path-image-arrow,
.x-view-selected .thumb .t_arrow, .x-grid3-row-selected .thumb .t_arrow{
	display: block;
}
.thumb .t_check_no{
	position:absolute;
    left: 15px; top: 15px;
    /*left: 20%; top: 15px;*/
    z-index: 12;
    display: none;
}
.thumb .t_check_no_on_multi{
    display: block;
}
.grid_list_all td.x-grid3-td-checker{
    display: none;
}
.qpc_grid_list_view_sort_btn{
    /* //JSORTB */
    background: url('/photo/images/doplan_img/middle.png?137547178') no-repeat scroll 5px -765px transparent;
    /*background-color: #F6F6F6;*/
    cursor: pointer;
    position:absolute;
    width:18px;
    height:30px;
    right:1px;
    top: 5px;
}
.thumb .t_check_yes{
	position:absolute;
    left: 15px;
    bottom: 15px;
    /*left: 20%; top: 15px;*/
    z-index: 13;
    display: none;
}
.thumb .t_check_yes.folder{
    bottom: auto;
    top: 8px;
    left: 8px;
}
.thumb .t_video_playicon{
    position: absolute;
    left: 3px; top: 5px;
    z-index: 8;
}
.thumb .t_vr360icon{
    position: absolute;
    left: 0px; top: 0px;
    z-index: 8;
}
.thumb .t_video_duration{
    position:absolute;
    background-color: rgba(2,2,2,0.6);
    color: #FFFFFF;
    padding: 2px 4px;
    right: 3px;
    bottom: 3px;
    z-index: 4;
}
/*.x-grid3-row-selected .thumb .t_video_playicon{
    left: 10px; bottom: 35px;
    display: none;
}*/
.thumb .t_video_playicon_show{
    display: block;
}
.thumb .t_video_transicon{
    position:absolute;
    z-index: 8;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.x-view-selected .thumb .t_check_yes, .x-grid3-row-selected .thumb .t_check_yes, .x-view-selected .thumb .t_check_no, .x-grid3-row-selected .thumb .t_check_no{
	display: block;
}

.qpc_emptyIcon{
    background: transparent url('/photo/images/icons/album_info.png?137547178') no-repeat;
    width: 120px;
    height: 120px;
    display: inline-block;
}
.qpc_emptyIcon.plus{
    background-position: 0 -330px;
}
.qpc_emptyIcon.plus:hover{
    background-position: -120px -330px;
}
.qpc_emptyIcon.upload{
    background-position: 0 -450px;
}
.qpc_emptyIcon.upload:hover{
    background-position: -120px -450px;
}
.qpc_emptyIcon.null{
    background-position: 0 -570px;
    width: 90px;
    height: 90px;
}

.qpc_qphoto_emptyIcon{
	display: inline-block;
}
.x-grid3 .x-grid-empty .clickLink, .album_cube_dataview .clickLink{
	cursor:pointer;
	color:#4A4AFA;
} 

.faceEmptyText{
	padding: 20px 80px 0;
}
.faceEmptyText .leftDiv{
	max-width: calc(100% - 300px);
	float: left;
}
.faceEmptyText .rightDiv{
	float: left;
}
/* ++++++++ Common tbar bbar ++++++*/
.x-panel-noborder .x-panel-body-noborder{
    background-color: #FFFFFF;
}

.qpc_center_tbar_bbar{
    border-top: 1px solid #e8e8e8 !important;
}

.qpc_center_tbar_bbar .xtb-sep{
    background: transparent none;
    border: 0;
    height: 30px;
    margin: 0;
    padding: 0;
}

.qpc_center_tbar_bbar .xtb-text {
    font-size: 12px;
}
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text{
    width: 20px;
    height: 20px;
}
.path-image-arrow,
.qpc_list_photo_star,
.qpc_center_tbar_bbar .timelineIcon, .qpc_center_tbar_bbar .timelineIcon1, .qpc_center_tbar_bbar .parentIcon, .qpc_center_tbar_bbar .keywordIcon, .qpc_center_tbar_bbar .gmapIcon, .qpc_center_tbar_bbar .timelineDateIcon, .qpc_center_tbar_bbar .shareMenuIcon, .qpc_center_tbar_bbar .setMenuIcon, .qpc_center_tbar_bbar .sharedHistoryIcon, .qpc_center_tbar_bbar .uploadIcon, .qpc_center_tbar_bbar .splayIcon, .qpc_center_tbar_bbar .sortMenuIcon,
.qpc_timeline_grid2 button.x-btn-text.sort, .qpc_menu_sort_up, .qpc_menu_sort_down,
.qpc_rotate_video_button_bgimg,
.qpc_center_tbar_bbar .gmapIcon{
    background-image: url('/photo/images/doplan_img/middle.png?137547178');
}
.qpc_center_tbar_bbar .gmapIcon{
    width: 20px;
    height: 20px;
}

.path-image-arrow{
    display: none;
    background-position: 0 -3100px;
    width: 23px;
    height: 23px;
    cursor: pointer;
}
.qpc_rotate_video_button_bgimg.rotateLeft{
	background-position: 0px -1912px;
	width:28px; height:20px;
}
.qpc_rotate_video_button_bgimg.rotateRight{
	background-position: 0px -1962px;
	width:28px; height:20px;
}

.a050_action_preview{
    margin-right: 10px;
    cursor: pointer;
}
.qphotoPathOpenFolder{
    margin-right: 10px;
    cursor: pointer;
    background-image: url('/photo/images/toolbar/edit_photo_info.png?137547178');
    background-repeat: no-repeat;
    height: 14px; width: 16px;
	background-position: 0 -148px;
}
.qpc_qphoto_statusBar_error, .qpc_qphoto_statusBar_ok, .qpc_qphoto_statusBar_processing{
	display: inline-block;
	margin: 0px 5px -2px 3px;
}

.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.timelineIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.timelineIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.parentIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.parentIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.keywordIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.keywordIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.gmapIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.gmapIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.timelineDateIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.timelineDateIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.shareMenuIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.shareMenuIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.sortMenuIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.sortMenuIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.setMenuIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.setMenuIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.splayIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.splayIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.sharedHistoryIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.sharedHistoryIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.uploadIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.uploadIcon1{
    width: 40px;
    height: 30px;
}
.qpc_center_tbar_bbar .timelineIcon:hover, 
.qpc_center_tbar_bbar .parentIcon:hover, 
.qpc_center_tbar_bbar .uploadIcon:hover, 
.qpc_center_tbar_bbar .keywordIcon:hover, 
.qpc_center_tbar_bbar .gmapIcon:hover, 
.qpc_center_tbar_bbar .timelineDateIcon:hover, 
.qpc_center_tbar_bbar .shareMenuIcon:hover, 
.qpc_center_tbar_bbar .setMenuIcon:hover, 
.qpc_center_tbar_bbar .sharedHistoryIcon:hover, 
.qpc_center_tbar_bbar .splayIcon:hover, 
.qpc_center_tbar_bbar .sortMenuIcon:hover{
    background-color: #DEFEFD;
}
.qpc_center_tbar_bbar .timelineIcon{background-position: 0 -2700px;}
.qpc_center_tbar_bbar .timelineIcon1{background-position: 0 -2750px; background-color: #4D5154;}
.qpc_center_tbar_bbar .parentIcon{background-position: 0 -2850px;}
.qpc_center_tbar_bbar .keywordIcon{background-position: 0 -2900px;}
.qpc_center_tbar_bbar .gmapIcon{background-position: 10px -275px;}
.qpc_center_tbar_bbar .timelineDateIcon{background-position: 0 -3300px;}
.qpc_center_tbar_bbar .shareMenuIcon{background-position: 0 -3400px;}
.qpc_center_tbar_bbar .sortMenuIcon{background-position: 9px -6143px;}
.qpc_center_tbar_bbar .setMenuIcon{background-position: 9px -5687px;}
.qpc_center_tbar_bbar .sharedHistoryIcon{background-position: 13px -3894px;}
.qpc_center_tbar_bbar .splayIcon{background-position: 10px -5744px;}
.qpc_center_tbar_bbar .uploadIcon{background-position: 0 -2800px;}


#thumbs-container .statusNameBar, .album_cube_panel.x-panel-noborder .x-panel-tbar-noborder .statusNameBar.x-toolbar{
	background-color: #FFF;
	border-bottom-color: #F4F4F4;
}
.list_view_container .statusNameBar{
	background-color: #F4F4F4;
}
#timeline-container .statusNameBar{
	background-color: #FFF;
	border-bottom: 1px solid #F4F4F4;
}
#main-panel .statusNameBar{
	padding-top: 3px;
}
#main-panel .statusNameBar > table.x-toolbar-ct{
	margin-top: 1px;
}
#main-panel .statusNameBar.x-toolbar div.xtb-text{
	padding: 0;
	height: 18px;
}
#main-panel .statusNameBar .backLevel{
	margin-right: 10px;
	cursor: pointer;
}
#main-panel .statusNameBar .baseLevel{
	font-size: 14px;
	color: #565656;
	cursor: pointer;
}
#main-panel .statusNameBar .gtLevel{
	font-size: 14px;
	color: #565656;
	margin: 0 8px;
}
#main-panel .statusNameBar .nameLevel{
	font-size: 14px;
	color: #000;
	font-weight: 900;
	cursor: pointer;
}
@keyframes nameLevelColorChange{
	0% { background-color: red;}
	50% { background-color: yellow;}
	100% { background-color: #FFF; }
}
#main-panel .statusNameBar .nameLevel.goBGC{
	animation: nameLevelColorChange 2s ease 0s 1 alternate;
}

#main-panel .statusNameBar .sortWeight{
	font-weight: 700;
	font-size: 12px;
	color: #000;
}

/* Qphoto list text */
#main-panel .x-grid3-td-qphoto_status .processing, #main-panel .x-grid3-td-qphoto_status .completed, #main-panel .x-grid3-td-qphoto_status .error{
	font-weight: 400;
	line-height: 19px;
}
#main-panel .x-grid3-td-qphoto_status .processing{
	color: #0159ec;
}
#main-panel .x-grid3-td-qphoto_status .completed{
	color: #187d00;
}
#main-panel .x-grid3-td-qphoto_status .error{
	color: #f00;
}
#main-panel .x-grid3-td-qphoto_status .text{
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
}
#main-panel .x-grid3-td-qphoto_status .icon{
	display: inline-block;
	margin-right: 7px;
}
#main-panel .x-grid3-td-qphoto_status .spIcon{
	display: inline-block;
	margin: 0 2px;
	width: 16px;
	height: 16px;
	vertical-align: bottom;
}

/*  +++++++albumdivdataview Data View start*/
.albumdivdataview, .albumdiv_panel .x-panel-bl, .albumdiv_panel .x-panel-br, .albumdiv_panel .x-panel-bc, .albumdiv_panel .x-panel-ml, .albumdiv_panel .x-panel-mr, .albumdiv_panel .x-panel-mc{
    background-color: #FFF;
}
.albumdivdataview .x-panel-body{
	background-color: transparent;
}
.albumdivdataview .thumb{
	padding: 3px;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: bottom;
    display: table-cell;
}

.albumdivdataview .thumb-wrap{
	float: left;
    margin: 10px;
    border:0 solid #dddddd;
    /*width: 125px;*/
    height: 138px;
}

.albumdivdataview .thumb-wrap span{
    width:125px;
    padding-top: 13px;
	display: block;
	overflow: hidden;
	text-align: center;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}

.albumdivdataview .x-view-over{
    background: #f0f0f0;
    cursor: pointer;
}
.albumdivdataview .imgBody{
    border: 3px solid transparent;
}
.albumdivdataview .x-view-selected .imgBody{
    border: 3px solid #2CB1E7;
}
.albumdivdataview .loading-indicator {
	font-size:11px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}
/*  +++++++++albumDiv-panel Data View End*/
/*  +++++++albumdivdataview Data View start*/
.album_cube_dataview .x-panel-body{
	background-color: transparent;
}
.album_cube_dataview .thumb{
	margin: 0 auto;
    position: relative;
}
.album_cube_dataview .thumb2{
    /*border: 5px solid #dddddd;*/
	margin-left:auto;
    margin-right:auto;
    overflow: hidden;
    border-radius: 20px;
    background: #fff none;
    z-index: 9;
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.4);
    /*border: 3px solid #ffffff;*/
}
.album_cube_dataview .x-view-selected .thumb2{
    background: #000 none;
}
.album_cube_dataview .x-view-selected img {
    opacity: 0.6;
}

.thumb-wrap{
    text-align: center;
}
.album_cube_dataview .thumb-wrap, .x-dd-drag-ghost .thumb-wrap{
	float: left;
    margin: 12px;
    border: 0;
    height: 138px;
}
.album_cube_dataview .thumb .t_arrow{
    bottom: 25px;
    right: 25px;
}
.album_cube_dataview .thumb .t_check_yes{
    position:absolute;
    left: 25px;
    bottom: 25px;
    z-index: 13;
}

.album_cube_dataview .thumb-wrap span.album-span, .x-dd-drag-ghost .thumb-wrap span{
    width:125px;
	display: block;
	overflow: hidden;
	text-align: left;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}
.album_cube_dataview .thumb-wrap span.x-editable, .x-dd-drag-ghost .thumb-wrap span.x-editable{
    color: #2f2f2f;
    /*font-family:'QTS Font';*/
    font-weight: 700;
    font-size: 14px;
}
.album_cube_dataview .thumb-wrap .span_photos, .x-dd-drag-ghost .thumb-wrap .span_photos{
    color: #2f2f2f;
    /*font-family:'QTS Font';*/
    font-weight: 300;
    font-size: 12px;
    width: 100%;
    padding: 4px 0 0 5px;
}

.x-dd-drag-ghost .thumb2{
    overflow: hidden;
}
.album_cube_dataview .loading-indicator {
	font-size:11px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}
/*  +++++++++albumDiv-panel Data View End*/
/* Box Grid Group Start */
.group_list_photo{
    border-top: 0;
}
.thumb_list_photo .x-grid-group-hd{
    display: none;
}

/*  +++++++++albumWall Grid Group Start */
.x-grid-group-hd div.x-grid-group-title{
    /*color: #FFF;*/
    font-size: 20px;
    background-image: none;
    padding: 16px 10px 0;
    cursor: default;
    color: #21bcec;
}
.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title{
    background-image: none;
}
.x-grid-group-hd {
    border: 0;
    padding: 0;
}
.group_list_photo .x-grid-group-body{
    display: inline-block;
    padding: 0 0 0 8px;
}
.group_list_photo .x-grid-group-collapsed .x-grid-group-body, .group_list_photo .x-grid3-header{
    display: none;
}
.group_list_photo .x-grid-group-collapsed .x-grid-group-body{
    display: inline-block;
}
.group_list_photo .x-grid3-row-over{
    background: transparent none;
}
.group_list_photo .x-grid3-row-selected{
    background: transparent none !important;
}
.group_list_photo .x-grid3-row td{
    padding: 0;
}
.group_list_photo .x-grid3-cell-inner{
    padding: 0;
}
.group_list_photo.title-text{
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    height: 15px;
}
.group_list_photo .thumb{
    position: relative;
    display: inline-block;
}
.group_list_photo .imgBody{
    border: 3px solid #ffffff;
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.5);
    overflow: hidden;
}
.group_list_photo .x-grid3-row-over .imgBody{
    border: 3px solid #2ebcec;
}
.group_list_photo .x-grid3-row-selected .imgBody{
    background-color: #000000;
    border: 3px solid #eeeeee;
}
.group_list_photo .x-grid3-row img {
    position: relative;
}
.group_list_photo .x-grid3-row-selected img {
    opacity: 0.6;
}

.thumb-wrap_folder{
    background-color: #FFF;
    width: 270px;
}
.group_list_photo .folderBody{
    border: 1px solid #F2F2F2;
    width: 265px;
    height: 50px;
}
.group_list_photo .x-grid3-row-over .folderBody{
    border: 1px solid #2ebcec;
}
.group_list_photo .x-grid3-row-selected .folderBody{
    border: 1px solid #ffffff;
    background-color: rgba(0, 0, 0, 0.4);
}
.folderIcon{
    width: 40px;
    height: 25px;
    background-position: 0 -1110px;
    float: left;
    margin: 13px 10px 0 15px;
}
.group_list_photo .folderName{
    height: 18px;
    line-height: 16px;
    color: #2F2F2F;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    margin: 18px 15px 0 0;
}

/* albumWall Embed Timeline CSS */
.qpc_timeline_grid2{
    border-top: 0;
    background-color: #2ebcec;
}
.qpc_timeline_grid2 .x-grid3, .qpc_timeline_grid2 .x-panel-body{
    background-color: transparent;
    border: 0;
}
.qpc_timeline_grid2 .x-grid3-row{
    border: 0;
    border-color: transparent;
}
.qpc_timeline_grid2 .x-grid-group-hd div.x-grid-group-title{
    border: 0;
    margin: 0;
    height: 24px;
    line-height: 24px;
    padding: 4px 14px 0 0;
    /*font-family:'QTS Font';*/
    font-weight: 700;
    font-size: 16px;
}
.qpc_timeline_grid2 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title{
    /*font-family:'QTS Font';*/
    font-weight: 400;
    font-size: 14px;
}
.qpc_timeline_grid2 .x-grid3-row-selected, .qpc_timeline_grid2 .qpc_t_select{
    /*background-color: transparent !important;*/
    background-color: transparent;
    border-color: transparent;
}
.qpc_timeline_grid2 .x-grid3-row-over, .qpc_timeline_grid2 .x-grid-group-hd:hover{
    /*background: #DEFEFD none;
    border-color: transparent;*/
    background: transparent none;
}
.qpc_timeline_grid2 .x-grid3-row td,.qpc_timeline_grid2 .x-grid3-summary-row td{
    height: 22px;
	vertical-align: middle;
    /*color:#575757;*/
}
.qpc_timeline_grid2 .x-grid3-row-selected td .x-grid3-cell-inner,.qpc_timeline_grid2 .x-grid3-summary-row-selected td, .qpc_timeline_grid2 .qpc_t_select .x-grid-group-title span, .qpc_timeline_grid2 .qpc_t_select .x-btn-text{
    color: white;
    /*font-family:'QTS Font';*/
    font-weight: 700;
    font-size: 13px;
}
.qpc_timeline_grid2 .x-grid3-cell-first{
    padding-left: 0;
}
.qpc_timeline_grid2 .x-grid3-cell-inner{
    padding: 0 8px 0 2px;
    height: 24px;
    line-height: 24px;
    /*font-family:'QTS Font';*/
    font-weight: 300;
}
.qpc_timeline_grid2 .x-grid3-cell-inner span.timeline-arrow{
    display: none;
}
.qpc_timeline_grid2 .x-grid3-row-selected .x-grid3-cell-inner span.timeline-arrow{
    display: block;
    background: url('/photo/images/icons/timeline_arrow.png?137547178') no-repeat;
    width: 10px;
    height: 10px;
    position: relative;
    top: 8px;
}
.qpc_timeline_grid2 .x-grid3-cell-first .x-grid3-cell-inner{
    margin: 0;
    padding: 0;
    text-align: right;
}
.qpc_timeline_grid2 .x-grid3-row-selected .x-grid3-cell-first .x-grid3-cell-inner, .qpc_timeline_grid2 .x-grid-group-hd.qpc_t_select div.x-grid-group-title{
    /*border-left: 5px solid #198AD8;*/
    margin: 0;
    padding: 0;
    text-align: right;
}
.qpc_timeline_grid2 button.x-btn-text.sort{
    height: 18px; width: 18px;
    background-position: 0 -6097px;
}
.qpc_timeline_grid2 .x-grid-group-body{
    padding-bottom: 24px;
}
/*  +++++++++albumWall Grid Group End */
/*  +++++++++ List Photo Start */
.grid_list_all .x-grid3-row-selected{
    background-color: #2CB1E7 !important;
    color: #FFF;
}
.grid_list_all .x-grid3-row{
    background-color: #fdfdfd;
    border-color: transparent;
}
.grid_list_all .x-grid3-row-alt{
    background-color: #f4f4f4;
}
.grid_list_all .x-grid3-row-over{
    background-image: none;
    background-color: #defefd;
}
.grid_list_all .qpc_list_photo_div_star{
    background-image: url('/photo/images/icons/search_slice.png?137547178');
    width:16px; height:16px;
    float: left;
    margin: 0 2px;
}
.grid_list_all .x-grid3-dirty-cell, .qpc_faceSetting  .x-grid3-dirty-cell{
    background: transparent none;
}
.grid_list_all .x-grid3-cell-inner{
    /*font-family:'QTS Font';*/
    font-weight: 300;
    font-size: 14px;
    position: relative;
}
.grid_list_all .x-grid3-cell-inner .thumb{
    right: 2px; top: 0;
    position: absolute;
}

.qpc_list_photo_star{
    background-position: 0 -90px;
}
.qpc_list_photo_star_yes{
    background-position: 0 -60px;
}
.grid_list_all .videoResMark{
    top:0px; left:0px;position:absolute;
    z-index:11;
}
.grid_list_all .videoPlayIcon{
    bottom:9px; left:11px;position:absolute;
    z-index:12;
    width:26px; height:26px;
}
/*  +++++++++ List Photo End */
/*  +++++++++ Album List Start */

.grid_list_all.album_list .x-grid3-row-over{
    background-color: #DEFEFD !important;
    background-image: none;
}
.grid_list_all.album_list .x-grid3-row-selected{
    background-color: #98C1FB !important;
    color: #555555;
}
.grid_list_all.album_list .group_list_album_icon{
    position:absolute; width:16px; height:16px;
}
.grid_list_all.album_list .group_list_album_icon.share{background-position: 0 -120px;}
.grid_list_all.album_list .group_list_photo.title-text{
    width: 80%;
    position:relative;
    left: 24px;
}

.grid_list_all.album_list .x-grid3-cell-inner .links{
    color:#1122FF;
    cursor:pointer;
    text-decoration: underline;
}
.grid_list_all.album_list .renderAction .edit, .grid_list_all.album_list .renderAction .reshare{
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    cursor: pointer;
}
.grid_list_all.album_list .renderAction .edit{background-position: 0 -60px;}
.grid_list_all.album_list .renderAction .reshare{background-position: 0 -90px;}
/*  +++++++++ Album List End */
/* Center Panel End */
/* right panel start PS.rightPanel*/
.doplan_right_bg{
    /*background: #CDDFE6 url('/photo/images/doplan_img/right_bg.png?137547178') repeat-y;*/
    background: #f8f8f8 none repeat-y;

}
.doplan_right_bg .x-panel-body-noborder, .doplan_right_bg .x-panel-noborder .x-panel-body-noborder{
    background: #f8f8f8 none;
}
.transparent_panel .x-panel-body-noborder{
    background: transparent none;
}

.qpc_m_btn_color_white,
.rightsharedataview .remove,
.doplan_right_card .share_tab .x-tab-strip-top .x-tab-strip-text div,
.doplan_right_card .share_panel .tool_btn_1,
.doplan_right_card .infop .right_info_pic_tb .qpc_menu_tb_star,
.doplan_right_card .doplan_right_exif_geotag_switch, .doplan_right_card .exif_text .x-tool {
    background: transparent url('/photo/images/doplan_img/right.png?137547178') no-repeat;
}

.doplan_right_card .right_exif_photo{
    position: relative;
}

.doplan_right_card .v_top .x-table-layout{
    padding-right: 0;
}
.doplan_right_card .v_top .x-table-layout-cell{
    vertical-align: top;
    padding-top: 7px;
    padding-bottom: 3px;
    /*min-width: 70px;*/
}
.doplan_right_card .v_top .qpc_right_let_td1{
    width: 90px;
    color: #464646;
}
.doplan_right_card .v_top .qpc_right_let_td1 .qpc_f_span_1{
    /*font-family:'QTS Font';*/
    font-weight: 300;
    color: #848484;
    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
    width: 100%;
}
.doplan_right_card .v_top .qpc_right_let_td1 .qpc_f_span_1 a {
    color: #999999;
    text-decoration: none;
}
.doplan_right_card .v_top .qpc_right_let_td2{
    color: #2f2f2f;
    /*font-family:'QTS Font';*/
    font-weight: 400;
}
.doplan_right_card .v_top .qpc_right_let_td2 .xtb-text{
    max-width: 1000px !important;
}
.doplan_right_card .v_top .x-table-layout-cell > .xtb-text{
    /*max-width: 110px;*/
    white-space:normal;
    word-wrap: break-word;
    word-break:break-all;
}

/*.doplan_right_card .exif_text .x-accordion-hd{
    background-image: none;
    background-color: #B6D4DF;
    border-color: #B6D4DF;
}
.doplan_right_card .exif_text .x-accordion-hd .x-tool-toggle{
    background-position: 0 -2276px;
}
.doplan_right_card .exif_text .x-panel-collapsed .x-accordion-hd .x-tool-toggle{
    background-position: 0 -2226px;
}*/
.doplan_right_card .exif_text .x-panel-header{
    background: #f8f8f8 none;
    border: 0;
}
.doplan_right_card .exif_text .x-panel-header .x-tool-toggle{
    background-position: 0 -2276px;
}
.doplan_right_card .exif_text .x-panel-collapsed .x-panel-header .x-tool-toggle{
    background-position: 0 -2226px;
}

.doplan_right_card .infop .right_info_pic_tb, .doplan_right_card .infophoto .right_info_pic_tb{
    z-index: 9;
    position: absolute;
    top: 155px; width: 180px;
    background-color: rgba(100%,100%,100%,0.7);
    padding-top: 3px;
}
.doplan_right_card .infop .right_info_pic_tb .tb_color .x-btn-mc,
.doplan_right_card .infop .right_info_pic_tb .tb_color .x-btn-mc > em,
.doplan_right_card .infop .right_info_pic_tb .tb_color .x-btn-mc > em > button.x-btn-text
{
    font-size: 0;
    width: 12px; height: 12px;
}
.doplan_right_card .infop .right_info_pic_tb .tb_color
{
    border: 1px solid #464646;
    margin-left: 5px;
}
.doplan_right_card .infop .right_info_pic_tb .qpc_menu_tb_star
{
    background-position: 0 -510px;
    margin: 1px 2px;
}
.doplan_right_card .infop .right_info_pic_tb .qpc_menu_tb_star_yes
{
    background-position: 0 -560px;
}

.doplan_right_card .info_input_comment .x-panel-header, .doplan_right_card .w_title .x-panel-header{
    border: 1px solid transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #464646 none;
    color: #FFF;
    text-align: center;
    padding: 3px 0;
}
.doplan_right_card .info_input_comment textarea{
    border: 1px solid #e5e5e5;
    background: white none;
    padding: 16px;
    font-size: 13px;
    color: #2f2f2f;
    /*font-family:'QTS Font';*/
    font-weight: 400;
}
.doplan_right_card .info_input_comment textarea.x-form-focus{
    background-color: #FFFFFF;
    border: 1px solid #000000;
}

/* right panel End */

/* Setting Window Start */
.qpc_backupEI .x-panel{
    line-height: 14px;
}
#backup-file{
    opacity: 0;
}
#qpc_set_win_backup_cover_input{
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
}
#backup-file_browseFile{
    padding: 0 10px;
    margin: 1px;
}
#backup-file_showInput{
    border: none;
    cursor: default;
    width: 290px;
    padding-left: 10px;
}
#ps_set_win .removeFolder{
	background-position: 0 -120px;
	height: 20px;
	width: 20px;
	cursor: pointer;
}
#ps_set_win .grid_is_new_folder{
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #d8eafb 0%, #bfdffe 100%) repeat scroll 0 0
}
#ps_set_win .photoExtNotReady div.x-column-inner{
	display:flex;
	align-items: center;
}
#ps_set_win .photoExtNotReady .faceTitle,
.faceEmptyText .faceTitle{
	font-size: 20px;
	font-weight: 900;
	padding: 0 0 30px;
}
#ps_set_win .photoExtNotReady .faceDescription,
.faceEmptyText .faceDescription{
	padding: 0 0 15px;
}
/* Setting Window End */
/* Face Ignored List Window / Merge Window / Face In This Album Window / viewSuggestedFace Start */
.ignoredFaceList .ignoredFaceListGrid{
	padding-left: 20px;
}
.ignoredFaceList .ignoredFaceListGrid .x-grid3-row, .mergeFaceList .faceListGrid .x-grid3-row{
	border: none;
	padding-bottom: 20px;
}
.ignoredFaceList .ignoredFaceListGrid .x-grid3-row-over, .mergeFaceList .faceListGrid .x-grid3-row-over{
	background: none;
}
.ignoredFaceList .ignoredFaceListGrid .x-grid3-cell-inner, .mergeFaceList .faceListGrid .x-grid3-cell-inner{
	padding: 0 20px 0 0;
}
.ignoredFaceList .ignoredFaceListGrid .faceThumbImg, .mergeFaceList .faceListGrid .faceThumbImg{
	cursor: pointer;
}

.hideFolderFilterWindowGrid{
	padding: 0 20px;
}
.hideFolderFilterWindowGrid .x-grid3-row{
	border: none;
	padding: 6px 0 4px;
}
.hideFolderFilterWindowGrid .x-grid3-row-over{
	background: rgba(15, 195, 255, 0.08);
}

.faceInThisAlbum_dataView .faceThumbCube{
	float: left;
	padding: 10px;
	cursor: pointer;
}
.faceInThisAlbum_dataView .faceThumbCube > .thumb{
	border: 3px solid #FFF;
	overflow: hidden;
	border-radius: 8px;
}
.faceInThisAlbum_dataView .faceThumbCube.x-view-over > .thumb{
	border: 3px solid #2ebcec;
}
.faceInThisAlbum_dataView .faceThumbCube.x-view-selected{
	background-color: #DEF;
}
.faceInThisAlbum_dataView .faceThumbCube.x-view-selected > .thumb{
	background-color: #000;
}
.faceInThisAlbum_dataView .faceThumbCube.x-view-selected .faceImage{
	opacity: 0.6;
}
.faceInThisAlbum_dataView .name{
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.divButtonR8{
	border: 1px solid #707070;
	border-radius: 8px;
	height: 20px;
	min-width: 80px;
	padding: 0px 11px;
	font-size: 12px;
	background-color: #FFF;
	color: #2F2F2F;
	cursor: pointer;
	line-height: 20px;
	text-align: center;
}
.divButtonR8{
	color: #707070;
	border: 1px solid #707070;
}

.viewSuggestedFace .namePosition{
	border: 3px solid #fff;
	position: absolute;
}

.viewSuggestedFace .namePosition:hover{
    border: 3px solid #fff;
    background-color: rgba(256, 256, 256, 0.4);
}

.viewSuggestedFace .namePosition .checkBox {
    width: 24px;
    height: 24px;
    position: absolute;
    right: -12px;
    top: -12px;
    background-image: url('/photo/images/icons/icon_search_people_unselected.png');
}

.viewSuggestedFace .selectedName{
    border: 3px solid #4B74FF;
}

.viewSuggestedFace .selectedName:hover{
    border: 3px solid #4B74FF;
    background-color: rgba(256, 256, 256, 0.4);
}

.viewSuggestedFace .selectedName .checkBox{
    background-image: url('/photo/images/icons/icon_search_people_selected.png');
}

.viewSuggestedFace .faceCover{
	z-index:5;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
/* Face Ignored List Window End */
/* Slideshow Setting Window Start */
.slideshowSet .divAddPlaylist{
	position: absolute;
	top: 0;
	left: 310px;
}
.slideshowSet .divAddPlaylist .add{
	color: #4a4afa;
    cursor: pointer;
    text-decoration:underline;
    float: left;
}
.slideshowSet .divAddPlaylist .info{
	width: 18px;
	height: 18px;
	background-position: 0 -150px;
	margin-left: 15px;
    float: left;
}
/* Slideshow Setting Window End */
/* Upload List Window Start (PS.action.uploadListWindow)*/
.uploadListWindow .x-window-body{
	margin-top: 8px;
	border-top: 1px solid #BBB;
}
.uploadListWindow .configPanel .displayColumn{
	text-align: right;
	padding-right: 5px;
	color: #848484;
	display: inline-block;
}
.uploadListWindow .configPanel .displayColumnTD{
	text-align: right;
	width: 155px;
}
.uploadListWindow .configPanel, .uploadListWindow .configPanel .x-panel-body > table{
	width: 100%;
}
.uploadListWindow .configPanel .x-panel-body > table td{
	padding: 0px 0 10px 0;
}
.uploadListWindow .configPanel .btnSelectPath button{
	width: 24px;
}
.uploadListWindow .configPanel .txPath{
	padding: 0 10px;
	width: calc(100% - 24px);
}
.uploadListWindow .configPanel .cbActionOfFileExist{
	padding-left: 10px;
	width: calc(100% - 36px);
}
.cbActionOfFileExistList .x-combo-list-item{
	padding-left: 10px;
}
.uploadListWindow .btnPCUploadTable{
	position: relative;
	float: right;
}
.uploadListWindow .btnPCUpload{
	position: absolute;
	top: 5px;
	left: 19px;
}
.uploadListWindow .fileGrid .x-grid3-row{
	border: none;
}
.uploadListWindow .fileGrid .x-grid3-row-over, .uploadListWindow .fileGrid .x-grid3-row-selected{
	background: transparent none !important;
}
.uploadListWindow .fileGrid .x-grid3-cell-inner{
	padding: 7px 3px 7px 15px;	
}
.uploadListWindow .fileGrid .x-grid3-col-colRemove{
	padding: 0;
	cursor: pointer;
}
.uploadListWindow .fileGrid .x-grid3-row-alt, .uploadListWindow .fileGrid .x-grid3-row-alt.x-grid3-row-over{
	background-color: #EFEFEF !important;
}
.uploadListWindow .fileDrop{
	position: absolute;
	top:0px;
	height:0px;
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #848484;
	text-align: center;
	padding-top: 100px;
	cursor: pointer;
	box-sizing: border-box;
	border: 3px dashed #B0B0B0;
	background-color: rgba(255,255,255,0.8);
}
.uploadListWindow .addToAlbumPanel .cbSelectAlbum{
	padding-left: 10px;
}
.uploadListWindow .addToAlbumPanel .classUXCheckbox.ckAddToAlbum + label.x-form-cb-label{
	top: -2px;
}
.uploadListWindow .addToAlbumPanel .isCreateAlbum, .upoloadListWindow_addAlbumPanel_cb_createAlbum{
	color: blue;
}
/* Upload List Setting Window End */

/* Single Photo View Start */

/*media viewer background color*/
.qpc_single_window .x-border-layout-ct{
    background-color: rgba(27,27,27,1);
}

.qpc_menu_media_1 .x-menu-item-arrow .q_arrow, .qpc_menu_media_share .x-menu-item-icon, .qpc_single_window .qpc_single_preview .videoIcon,
.qpc_single_window .qpc_single_preview .qpc_single_tbdiv_delete, .qpc_single_window .mouseEnter .pvLeftScroll, .qpc_single_window .mouseEnter .pvRightScroll,
.qpc_single_window .pvLeftScroll, .qpc_single_window .pvRightScroll,
.qpc_menu_media_filter .flBtn, .qpc_single_window .jwControl .paused, .qpc_single_window .jwControl .play,
.qpc_media_allPlayButton, .qpc_media_allPauseButton,
.qpc_menu_media_1 .rotate_div .rotateLeft, .qpc_menu_media_1 .rotate_div .rotateRight,
.qpc_menu_media_1.qpc_menu_stream2 .refreshIconHtml, .qpc_menu_media_1.qpc_menu_stream2 .devTypeIcon,
.qpc_single_window .allBarDisplayArea .allShow,
.qpc_single_window .next_btn, .qpc_single_window .prev_btn, .qpc_single_window .photo_bar .x-btn .x-btn-text, .qpc_single_window .southLeftBar .x-btn, .qpc_single_window .southRightBar .x-btn{
    background-color: transparent;
    background-image: url('/photo/images/toolbar/media_viewer_slice.png?137547178');
}
.qpc_menu_media_facename .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{background-image: url('/photo/images/toolbar/face_slice.png?137547178');}
.qpc_single_window .qpc_single_toolbar_n, .qpc_single_window .qpc_media_south{
    background-color: rgba(0,0,0,0.6);
}

.qpc_single_window.hideThumbListBar .qpc_single_toolbar_n, .qpc_single_window.hideThumbListBar .qpc_media_south{
    background-color: transparent;
}
.qpc_single_window.hideThumbListBar.isOnFaceMode .qpc_single_toolbar_n{
    background-color: rgba(0,0,0,0.6);;
}

.qpc_single_window .qpc_single_toolbar_n .xtb-text, .qpc_single_window .southLeftBar .xtb-text, .qpc_single_window .southRightBar .xtb-text{
    color: #D1D1D1;
    font-size: 15px;
}
.qpc_single_window .southLeftBar .xtb-text, .qpc_single_window .southRightBar .x-btn-text{font-size: 13px;}


.qpc_media_viewer_msg{
    background-color: rgba(28, 28, 32, 0.85);
    color: white;
    padding: 30px 34px;
    font-size: 13px;
}
.qpc_mediaViewer_msg_face_icon{
    width: 22px; height: 20px;
    background-position: 0 -120px;
    position: relative;
    display: inline-block;
    background-image: url('/photo/images/toolbar/face_slice.png?137547178');
}


.qpc_single_window .photoLeftArea, .qpc_single_window .photoRightArea{
    width:36px;height:42px;
    position:absolute;
    top: 0;
    background:transparent none;
    z-index: 3;
}
.qpc_single_window .photoRightArea{
    height: 130px;
}
.qpc_single_window .photoLeftArea{left: 0;}
.qpc_single_window .photoRightArea{right: 0;}
/* 20170516FullHide */
.qpc_single_window.hideThumbListBar .photoLeftArea, .qpc_single_window.hideThumbListBar .photoRightArea{
	display: none;
}
.qpc_single_window .allBarDisplayArea{
	position: fixed;
	top: calc(100% - 48px);
	left: 0px;
	width: 77px;
	height: 52px;
	z-index: 2;
}
.qpc_single_window .allBarDisplayArea .allShow{
	background-position: -60px -1553px;
    display: inline-block;
    position: relative;
    top: 0px;
    height: 20px;
    width: 30px;
    cursor: pointer;
}

.qpc_single_window .prev_btn, .qpc_single_window .next_btn{
    height: 42px;
    width: 24px;
    cursor: pointer;
    margin-bottom: 48px;
}
.qpc_single_window .prev_btn{
    /*background-position: 0 -390px;*/
    float: right;
    background-position: 0 -1800px;
}
.qpc_single_window .prev_btn:hover{background-position: -30px -1800px;}
.qpc_single_window .next_btn{
    /*background-position: 0 -420px;*/
    background-position: 0 -1740px;
}
.qpc_single_window .next_btn:hover{background-position: -30px -1740px;}

.qpc_single_window .photo_bar .x-btn{
    padding: 11px 6px 11px 6px;
    margin: 0 4px;
}
.qpc_single_window .photo_bar .x-btn.x-btn-menu-active{
    box-shadow: 0 -2px 0 0 #FFF inset;
}
.qpc_single_window .photo_bar .x-btn.close .x-btn-text{
    background: none;
    width: auto;
}

.qpc_single_window .photo_bar .download button{background-position: 2px 0;}
.qpc_single_window .photo_bar .share button{background-position: 0 -30px;}
.qpc_single_window .photo_bar .pvup button{background-position: 0 -450px;}
.qpc_single_window .photo_bar .pvdown button{background-position: 0 -480px;}
.qpc_single_window .photo_bar .fullstart button{background-position: 0 -210px;}
.qpc_single_window .photo_bar .fullexit button{background-position: -30px -210px;}
.qpc_single_window .photo_bar .slideshow button{background-position: 0 -60px;}
.qpc_single_window .photo_bar .res button{background-position: 0 -630px;}
.qpc_single_window .photo_bar .info button{background-position: 0 -120px;}
.qpc_single_window .photo_bar .option button{background-position: 0px -150px;}
.qpc_single_window .photo_bar .set button{background-position: 0 -180px;}
.qpc_single_window .photo_bar .stream button{background-position: 0 -89px;}
.qpc_single_window .photo_bar .face button{background-position: 0 -2490px;}
.qpc_single_window .photo_bar .vr360 button{background-position: 0 -3300px;}
.qpc_single_window .photo_bar .cardboard button{background-position: 0 -3270px;}
/*.qpc_single_window .photo_bar .close button{background-position: 0 -237px;}*/
.qpc_single_window .southLeftBar .play, .qpc_media_allPlayButton{background-position: 0 -1140px;}
.qpc_single_window .southLeftBar .pause, .qpc_media_allPauseButton{background-position: -30px -1140px;}
.qpc_single_window .southRightBar .subTitle{background-position: 0 -2850px;}
.qpc_single_window .southRightBar .res{background-position: 0 -630px;}
.qpc_single_window .southRightBar .vol{background-position: 0 -660px;}
.qpc_single_window .southRightBar .vol.min{background-position: 0 -690px;}
.qpc_single_window .southRightBar .vol.mute{background-position: 0 -720px;}

/*.qpc_single_window .photo_bar .play{
    background-image: url('/photo/images/slideshow/play.png?137547178');
    background-position: -20px -16px;
    width: 17px; height: 17px;
}
.qpc_single_window .photo_bar .pause{
    background-image: url('/photo/images/slideshow/pause.png?137547178');
    background-position: -8px -2px;
}*/

/*.qpc_single_window .photo_bar .download:hover{background-position: -30px 0;}
.qpc_single_window .photo_bar .share:hover{background-position: -30px -30px;}
.qpc_single_window .photo_bar .pvup:hover{background-position: -30px -450px;}
.qpc_single_window .photo_bar .pvdown:hover{background-position: -30px -480px;}
.qpc_single_window .photo_bar .fullstart:hover{background-position: -30px -210px;}
.qpc_single_window .photo_bar .fullexit:hover{background-position: -30px -210px;}
.qpc_single_window .photo_bar .slideshow:hover{background-position: -30px -60px;}
.qpc_single_window .photo_bar .res:hover{background-position: -30px -630px;}
.qpc_single_window .photo_bar .info:hover{background-position: -30px -120px;}
.qpc_single_window .photo_bar .option:hover{background-position: -22px -147px;}
.qpc_single_window .photo_bar .set:hover{background-position: -30px -180px;}
.qpc_single_window .photo_bar .stream:hover button{background-position: -30px -89px;}*/
.qpc_single_window .photo_bar .face.active button{background-position: -30px -2490px;}
.qpc_single_window .photo_bar .vr360.active button{background-position: 0px -3360px;}
/*.qpc_single_window .photo_bar .close:hover button{background-position: -30px -237px;}*/
.qpc_single_window .southLeftBar .play:hover{background-position: -30px -1140px;}
.qpc_single_window .southLeftBar .pause:hover{background-position: -30px -1140px;}
.qpc_single_window .southRightBar .subTitle:hover{background-position: -30px -2850px;}
.qpc_single_window .southRightBar .res:hover{background-position: -30px -630px;}
.qpc_single_window .southRightBar .vol:hover{background-position: -30px -660px;}
.qpc_single_window .southRightBar .vol.min:hover{background-position: -30px -690px;}
.qpc_single_window .southRightBar .vol.mute:hover{background-position: -30px -720px;}

/*.qpc_single_window .photo_bar .x-item-disabled.download:hover{background-position: 0 0;}
.qpc_single_window .photo_bar .x-item-disabled.share:hover{background-position: 0 -30px;}
.qpc_single_window .photo_bar .x-item-disabled.pvup:hover{background-position: 0 -450px;}
.qpc_single_window .photo_bar .x-item-disabled.pvdown:hover{background-position: 0 -480px;}
.qpc_single_window .photo_bar .x-item-disabled.fullstart:hover{background-position: 0 -210px;}
.qpc_single_window .photo_bar .x-item-disabled.fullexit:hover{background-position: 0 -210px;}
.qpc_single_window .photo_bar .x-item-disabled.slideshow:hover{background-position: 0 -60px;}
.qpc_single_window .photo_bar .x-item-disabled.res:hover{background-position: 0 -630px;}
.qpc_single_window .photo_bar .x-item-disabled.info:hover{background-position: 0 -120px;}
.qpc_single_window .photo_bar .x-item-disabled.option:hover{background-position: 8px -147px;}
.qpc_single_window .photo_bar .x-item-disabled.set:hover{background-position: 0 -180px;}*/
.qpc_single_window .photo_bar .x-item-disabled.stream:hover button{background-position: 0 -89px;}
.qpc_single_window .photo_bar .x-item-disabled.face:hover button{background-position: 0 -120px;}
.qpc_single_window .photo_bar .x-item-disabled.close:hover button{background-position: 0 -239px;}
.qpc_single_window .southLeftBar .x-item-disabled.play:hover{background-position: 0 -1140px;}
.qpc_single_window .southLeftBar .x-item-disabled.pause:hover{background-position: 0 -1140px;}
.qpc_single_window .southRightBar .x-item-disabled.subTitle:hover{background-position: 0 -2850px;}
.qpc_single_window .southRightBar .x-item-disabled.res:hover{background-position: 0 -630px;}
.qpc_single_window .southRightBar .x-item-disabled.vol:hover{background-position: 0 -660px;}
.qpc_single_window .southRightBar .x-item-disabled.vol.min:hover{background-position: 0 -690px;}
.qpc_single_window .southRightBar .x-item-disabled.vol.mute:hover{background-position: 0 -720px;}


.qpc_single_window .photo_bar .x-toolbar-cell .x-btn-text,
.qpc_media_allPlayButton .x-btn-text, .qpc_media_allPauseButton .x-btn-text{
    width: 22px; height: 22px;
}
.qpc_single_window .photo_bar .x-toolbar-cell .download .x-btn-text{
    width: 29px;
}
.qpc_single_window .photo_bar .x-toolbar-cell .vr360 .x-btn-text{
    width: 42px;
}
.qpc_media_allPlayButton, .qpc_media_allPauseButton{
    position: relative;
    right: 12px;
    left: 0;
    height: 28px;
}
.qpc_single_window .southRightBar .x-btn-text{
    width: 18px;
    height: 22px;
}
/*.qpc_single_window .southLeftBar .x-btn-text,*/
.qpc_single_window .southRightBar .subTitle{
    position: absolute;
    right: 104px;
    top: 19px;
}
.qpc_single_window .southRightBar .res{
    position: absolute;
    right: 64px;
    top: 19px;
}
.qpc_single_window .southRightBar .vol{
    position: absolute;
    right: 24px;
    top: 19px;
}

.qpc_single_window .qpc_media_south_body{
    background:transparent none;
    padding: 0;
}

.qpc_single_window .qpc_single_preview {
    /*float: left;*/
    position: absolute; bottom: 10px;
}
.qpc_single_window .mouseEnter .qpc_single_preview{
    top: 2px;
}

.qpc_single_window .mouseEnter .qpc_single_pdiv{
    float:left;
}
.qpc_single_window .qpc_single_pdiv{
    float:left;
}
.qpc_single_window .pvLeftScroll, .qpc_single_window .pvRightScroll, .qpc_single_window .pvMargin{
    /*display: none;*/
    display: inline-block;
    float:left;
    height: 20px;
    margin-top: 18px;
}
.qpc_single_window .mouseEnter .pvLeftScroll, .qpc_single_window .mouseEnter .pvRightScroll, .qpc_single_window .mouseEnter .pvMargin{
    display: inline;
    float:left;
    margin-top: 50px;
    width: 16px;
    height: 22px;
}
.qpc_single_window .pvLeftScroll, .qpc_single_window .mouseEnter .pvLeftScroll{
    cursor: pointer;
    background-position: 0px -2970px;
}
.qpc_single_window .pvRightScroll, .qpc_single_window .mouseEnter .pvRightScroll{
    cursor: pointer;
    background-position: 0px -3030px;
}
.qpc_single_window .pvLeftScroll:hover, .qpc_single_window .pvRightScroll:hover{
	-webkit-filter: contrast(1.2) sepia(2) hue-rotate(140deg);
	filter: contrast(1.2) sepia(2) hue-rotate(140deg);
}
.qpc_single_window .mouseEnter .pvMargin{width: 19px;}

.qpc_single_window .qpc_single_preview .videoIcon{
    position: absolute;
    width: 28px; height: 28px;
    background-position: 0 -330px;
    left: 11px;
    top: 11px;
}
.qpc_single_window .mouseEnter .qpc_single_preview .videoIcon{
    width: 28px; height: 28px;
    background-position: 0 -330px;
    left: 2px;
    top: 2px;
}

.qpc_single_window .southTop2 .name{
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #D1D1D1;
    margin-top: 10px;
    line-height: 14px;
}

.qpc_single_window .southLeftBar, .qpc_single_window .southRightBar{
    position: absolute;
    bottom: 0;
}
.qpc_single_window .southRightBar{
    position: absolute; right: 0;
}
.qpc_single_window .southCenterBar{
    position: absolute;
    left: calc(50% - 93px);
    bottom: 0px;
}
.qpc_single_window .southCenterBar .x-panel-body{
    background: transparent none;
}
.qpc_single_window .southLeftBar .x-panel-body, .qpc_single_window .southRightBar .x-panel-body{
    position: absolute;
    bottom: 0;
    background: transparent none;
}
.qpc_single_window .southLeftBar .showHideSouth .x-btn-text{
    width: 30px;
    height: 12px;
}
.qpc_single_window .southLeftBar .showHideSouth{
    background-position: 0 -1553px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 24px;
    height: 20px;
    width: 30px;
}
.qpc_single_window .southLeftBar .showHideSouth:hover{
    background-position: -60px -1553px;
}
.qpc_single_window .southLeftBar .counter{
    text-align:left;
    padding: 12px 0 0 10px;
    display: inline-block;
    color: #FFFFFF;
}
.qpc_single_window .southLeftBar .counter span.index{
    font-size: 18px;
}

.qpc_single_window .southCenterBar table.controlBtn{
    display: inline-block;
    position: relative;
    float: left;
}

.qpc_single_window .qpc_single_preview, .qpc_single_window .qpc_single_preview .x-panel-bwrap, .qpc_single_window .qpc_single_preview .x-panel-body{
    background: transparent none;
}
.qpc_single_window .qpc_single_preview .zad_table{
    border-spacing: 0;
}
.qpc_single_window .qpc_single_preview .qpc_single_tbdiv{
    overflow: hidden;
    border: 2px solid transparent;
    position: relative;
    width: 46px;
    height: 46px;
    margin-left: 10px;
}
.qpc_single_window .qpc_single_preview .qpc_single_tbdiv_select{
    border: 2px solid #FFFFFF;
}
.qpc_single_window .qpc_single_preview .qpc_single_img{
    position: relative;
    object-fit: cover;
    width: 46px;
    height: 46px;
}
.qpc_single_window .qpc_single_preview .qpc_single_tbdiv_delete{
    background-image: url('/photo/images/qts_toolbar/icon-error.png?137547178');
    background-position: center center;
    background-size: 50%;
    background-repeat: no-repeat;
}
.qpc_single_window .qpc_single_preview .qpc_single_tbdiv_delete img{
    opacity: 0.2;
}


.qpc_single_window .face .dragPosition{
    position:absolute;
    background-color: rgba(12,148,255,0.4);
}
.qpc_single_window .face .rangePosition{
    position:absolute;
    background-color: rgba(12,18,25,0.4);
    border: 1px solid #FFFFFF;
}
.qpc_single_window .face .overPosition{
    position:absolute;
    border: 1px solid #FFFFFF;
}
.qpc_single_window .face .namePosition{
    position:absolute;
    /*background-color: #FFFFFF;*/
    color: #333333;
    font-size: 12px;
    min-width: 80px;
    min-height: 22px;
    padding: 2px 0 0 0;
    z-index: 2;
}
.qpc_single_window .face .tagPosition{
    position:absolute;
    background-color: rgba(12,18,25,0.9);
    border: 1px solid #555;
    height: 16px;
    padding: 4px;
    color: #FCFCFC;
    z-index: 100;
}
.qpc_single_window .face .tagPosition .tagName{
	float: left;
	padding-right: 20px;
}
.qpc_single_window .face .tagPosition .flop{
	float: left;
	cursor: pointer;
}
.qpc_single_window .face .tagPosition .spr{
	float: left;
	height: 14px;
	width: 1px;
	margin: 0px 4px;
	border-left: 1px solid #FCFCFC;
}
.qpc_single_window .face .name2p{
    position:absolute;
    top: 6px;
    background-color: #FFFFFF;
    color: #333333;
    font-size: 12px;
    min-height: 16px;
    min-width: 80px;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.qpc_single_window .face .name2a{
    position:absolute;
    top: 0;
    width: 20px;
    left: 30px;
}
.qpc_single_window .face .name2b{
    position:absolute;
    top: 0;
    left: 0;
    width: 10px;
    overflow: hidden;
}
.qpc_single_window .face .name2a, .qpc_single_window .face .name2b{
    height: 6px;
}
.qpc_single_window .face .name2br{
    left: 10px;
}
.qpc_single_window .face .name3left{
    position:absolute;
    background-color: #FFFFFF;
    top: 0;
    left: 5px;
    width: 10px;
    height: 10px;
    overflow: hidden;
    transform: skew(-45deg,0deg);
    -webkit-transform: skew(-45deg,0deg);
}
.qpc_single_window .face .name3right{
    position:absolute;
    background-color: #FFFFFF;
    top: 0;
    left: -5px;
    width: 10px;
    height: 10px;
    overflow: hidden;
    transform: skew(45deg,0deg);
    -webkit-transform: skew(45deg,0deg);
}

.qpc_single_window .vr360FirstTimeTipOut{
	height: 46px;
	position: absolute;
	bottom: 140px;
	width: 100%;
	left: 0px;
	text-align: center;
}
.qpc_single_window .vr360FirstTimeTipOut .vr360FirstTimeTip{
	height: 44px;
	border: 1px solid #888;
	display: inline-block;
	background-color: rgba(0,0,0,0.95);
}
.qpc_single_window .vr360FirstTimeTipOut.fadeIn .vr360FirstTimeTip{
	transition: 0.6s;
	opacity: 1;
}
.qpc_single_window .vr360FirstTimeTipOut.fadeOut .vr360FirstTimeTip{
	transition: 0.6s;
	opacity: 0;
}
.qpc_single_window .vr360FirstTimeTipOut .vr360FirstTimeTip .mouse{
	float:left;
}
.qpc_single_window .vr360FirstTimeTipOut .vr360FirstTimeTip .text{
	float:left;
	color: #0FF;
	font-size: 16px;
	line-height: 42px;
	margin-right: 20px;
}

.jwplayer{
	position: fixed !important;
	top: 0px;		
}

/* media viewer right panel */
/* VR 360 loading animate start */
.vr360loading {
	position: absolute;
	top: calc(50% - 50px);
	left: calc(50% - 50px);
    width: 100px;
    height: 100px;
    animation-name: vr360loadingAnimate;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1);
    background-image: url('/photo/images/common/vr360loading.png');
    background-repeat: no-repeat;
}

@keyframes vr360loadingAnimate {
    0% {
        background-position: 0 0;
    }

    3.669724771% {
        background-position: 0 -1300px;
    }

    7.339449541% {
        background-position: 0 -1400px;
    }

    11.00917431% {
        background-position: 0 -1500px;
    }

    14.67889908% {
        background-position: 0 -1600px;
    }

    18.34862385% {
        background-position: 0 -100px;
    }

    22.01834862% {
        background-position:  0 -200px;
    }

    25.68807339% {
        background-position:  0 -300px;
    }

    29.35779817% {
        background-position:  0 -400px;
    }

    33.02752294% {
        background-position:  0 -500px;
    }

    36.69724771% {
        background-position:  0 -600px;
    }

    41.28440367% {
        background-position:  0 -700px;
    }

    45.87155963% {
        background-position:  0 -800px;
    }

    52.29357798% {
        background-position:  0 -900px;
    }

    58.71559633% {
        background-position: 0  -1000px;
    }

    66.97247706% {
        background-position: 0  -1100px;
    }

    75.2293578% {
        background-position: 0  -1200px;
    }

    100% {
        background-position: 0  -1200px;
    }
}
/* VR 360 loading animate end */
#right-panel.qpc_media_viewer_info,
#right-panel.qpc_media_viewer_info .x-window-ml,
#right-panel.qpc_media_viewer_info .x-window-mr,
#right-panel.qpc_media_viewer_info .x-window-tl,
#right-panel.qpc_media_viewer_info .x-window-tr,
.qpc_media_viewer_info .doplan_right_bg,
.qpc_media_viewer_info .doplan_right_bg .x-panel-body-noborder,
.qpc_media_viewer_info .doplan_right_bg .x-panel-noborder .x-panel-body-noborder{
    background-color: transparent;
}
.qpc_media_viewer_info .x-panel-body,
.qpc_media_viewer_info .x-tab-panel-noborder .x-tab-panel-body-noborder{
    background-color: transparent !important;
}
#right-panel.qpc_media_viewer_info{
    border-color: rgba(69,69,69,0.8);
}
#right-panel.qpc_media_viewer_info .x-window-tc, 
#right-panel.qpc_media_viewer_info .x-window-mc{
    background-color: rgba(0,0,0,0.6);
    background-image: none;
}
.qpc_media_viewer_info .doplan_right_card .v_top .qpc_right_let_td2,
.qpc_media_viewer_info .doplan_right_card .v_top .qpc_right_let_td1 .qpc_f_span_1{
    color: #FFFFFF;
}
.qpc_media_viewer_info #right-panel-thumb {
    display: none;
}

.qpc_media_viewer_info .x-form-field-wrap .x-form-trigger.search, 
.qpc_media_viewer_info .right-panel-icons, 
.qpc_media_viewer_info .exif-icons .iconDiv{
    background-image: url('/photo/images/icons/right_panel_dark.png?137547178');
}

.qpc_media_viewer_info .x-tab-strip-wrap,
.qpc_media_viewer_info .x-tab-strip-active,
.qpc_media_viewer_info .x-tab-strip-active a.x-tab-right{
    border-bottom-color: #FFF;
}
.qpc_media_viewer_info .modal-button.x-btn button{
	color: #FFF;
}

/* media viewer jwplayer control div */
.qpc_single_window .jwControl{
    position: absolute;
    left: calc(50% - 30px); 
    top: calc(50% - 30px);
    height: 60px; 
	width: 60px;
    cursor: none;
}
.qpc_single_window .jwControlIE11{
    top: auto;
}
.qpc_single_window .jwControl{
    cursor: pointer;
}
.qpc_single_window.mouseMoveOnWindow .jwControl{
    cursor: pointer;
}
.qpc_single_window .jwBar{
    width: 100%;
    position: absolute;
    background-color: transparent;
    z-index: 8;
}
.qpc_single_window .jwBar, .qpc_single_window .jwBar > x-panel-noborder, .qpc_single_window .jwBar > x-panel-noborder > .x-panel-bwrap{
    height: 28px;
}
.qpc_single_window .jwBar .jwNowTime, .qpc_single_window .jwBar .jwTotalTime{
    position: absolute;
    top: 0;
    font-size: 14px;
}
.qpc_single_window .jwBar .jwNowTime{
    left: 0;
    text-align: left;
    padding-left: 12px;
}
.qpc_single_window .jwBar .jwTotalTime{
    right: 0;
    text-align: right;
    padding-right: 12px;
}
.qpc_single_window .jwBar .progress .x-slider-thumb{
    background: transparent none;
    width: 1px; height: 4px;
    top: 8px;
}
.qpc_single_window .jwBar .x-slider-horz{
    margin-top: 0;
}
.qpc_single_window .jwBar .x-slider-horz, .qpc_single_window .jwBar .x-slider-horz .x-slider-end, .qpc_single_window .jwBar .x-slider-horz .x-slider-inner{
    background: transparent none;
    height: 12px;
    padding-left: 0;
    margin-top: 14px;
}
.qpc_single_window .jwBar .progress .progress_bg{
    height: 4px; top: 8px; background-color: #666666; position: relative; width: 100%;
}
.qpc_single_window .jwBar .progress .progress_bar{
    height: 4px;
	top: 8px;
	background-color: #00CCCC;
	position: absolute;
	left: 0;
	transition: width 0.5s linear;
}
.qpc_single_window .jwBar .progress .progress_buffer{
    height: 4px; top: 8px; background-color: #333; position: absolute; left: 0;
}
.qpc_single_window .jwBar .xtb-text{
    color: #FFFFFF;
}
.qpc_single_window .jwControl .play{
    width: 60px;
    height: 60px;
    position: absolute;
    background-position: 0 -510px;
}
.qpc_single_window .jwControl .paused{
    width: 60px;
    height: 60px;
    position: absolute;
    background-position: 0 -570px;
}
.qpc_single_window .jwControl .buffer{
    width: 22px;
    height: 22px;
    position: absolute;
}

.qpc_media_on_autlplay_hide_bg, .qpc_media_on_autlplay_hide_bg .qpc_single_window .x-border-layout-ct,
body.qpc_media_on_autlplay_hide_bg .x-panel-noborder .x-panel-body-noborder,
body.qpc_media_on_autlplay_hide_bg.x-border-layout-ct
{
    background-color: transparent;
}
.qpc_media_on_autlplay_hide_bg #display-container{
    opacity: 0;
}

body.qpc_media_on_autlplay_hide_bg .qpc_single_window.mouseMoveOnWindow .x-border-layout-ct{
    background-color: rgba(27,27,27,1);
}

/* media viewer menu */

.qpc_menu_media_1 .x-form-field{
    color:#2F2F2F;
    font-size: 12px;
    /*font-family:'QTS Font';*/
    font-weight: 400;
}
.qpc_menu_media_1 .x-form-field.x-form-focus{color: #000000;}
.qpc_menu_media_1 .x-form-empty-field{color: #B4B4B4;}
.qpc_menu_media_1 .x-form-field-wrap .x-form-trigger{
    background-image: url('/photo/images/icons/Share_slice.png?137547178');
    background-color: #FFF;
    border-top: 1px solid #B0B0B0;
    border-right: 1px solid #B0B0B0;
    border-bottom: 1px solid #B0B0B0;
    background-position: 6px -22px;
    height: 20px;
    top: 8px;
}
.qpc_menu_media_1 .x-form-field-wrap .x-trigger-noedit{
    border-right: 0 solid transparent;
}

.qpc_menu_media_1{
    background-color: rgba(0,0,0,0.8);
    background-image: none;
    border-color: rgba(69,69,69,0.8);
    min-width: 210px;
}
.qpc_menu_media_1 .x-menu-list{
    padding: 8px 3px 8px 3px;
}
.qpc_menu_media_1 .x-menu-list-item{
    padding: 0;
}
.qpc_menu_media_1 .x-menu-item-active{
    background: transparent none;
    border: 0;
    margin: 0;
}
.qpc_menu_media_1 a.x-menu-item{
    line-height: 34px;
    height: 34px;
    color: #FFFFFF;
    font-size: 13px;
    padding: 0 6px 0 22px;
    text-align: left;
    white-space:nowrap;word-wrap: break-word; word-break:break-all;text-overflow: ellipsis;
    border: 0;
}
.qpc_menu_media_1 .x-menu-item-active a.x-menu-item{
    border: 0;
    margin: 0;
    color: #00CCCC;
    /*background-color: #0d77a2;*/
}
/*.qpc_menu_media_1 a.x-menu-item.on_use{
    border: 0;
    margin: 0;
    color: #00CCCC;
}*/

.qpc_menu_media_1 .rotate_div{
    min-width: 100px;
    height: 24px;
    padding: 14px 22px 0 22px;
}
.qpc_menu_media_1 .rotate_div .rotateLeft, .qpc_menu_media_1 .rotate_div .rotateRight{
    width: 20px;
    height: 20px;
    float: left;
    background-position: 0 -2280px;
    cursor: pointer;
}
.qpc_menu_media_1 .rotate_div .rotateRight{
    background-position: 0 -2310px;
    float: right;
}
.qpc_menu_media_1 li .x-menu-sep{
    background-color: transparent;
    margin: 8px 22px 8px 0;
    border-bottom-color: #454545;
}
.qpc_menu_media_1 li .x-menu-sep.full_sep{margin-right: 0;}
.qpc_menu_media_1 .x-menu-item-arrow{
    background-image: none;
}
.qpc_menu_media_1 .x-menu-item-arrow .q_arrow{
    background-position: 0 -477px;
    background-repeat: no-repeat;
    width:11px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: 6px;
}

.qpc_menu_media_share .x-menu-item-icon{
    width: 24px;
    height: 24px;
    left: 22px;
}
.qpc_menu_media_share a.x-menu-item{
    padding-left: 60px;
}
.qpc_menu_media_share .facebook .x-menu-item-icon{background-position: 0 -750px;}
.qpc_menu_media_share .googleplus .x-menu-item-icon{background-position: 0 -780px;}
.qpc_menu_media_share .twitter .x-menu-item-icon{background-position: 0 -810px;}
.qpc_menu_media_share .pinterest .x-menu-item-icon{background-position: 0 -840px;}
.qpc_menu_media_share .plurk .x-menu-item-icon{background-position: 0 -960px;}
.qpc_menu_media_share .renren .x-menu-item-icon{background-position: 0 -900px;}
.qpc_menu_media_share .youtube .x-menu-item-icon{background-position: 0 -3180px;}
.qpc_menu_media_share .flickr .x-menu-item-icon{background-position: 0 -1320px;}
.qpc_menu_media_share .weibo .x-menu-item-icon{background-position: 0 -870px;}
.qpc_menu_media_share .email .x-menu-item-icon{background-position: 0 -990px;}
.qpc_menu_media_share .link .x-menu-item-icon{background-position: 0 -1020px;}


.qpc_menu_media_filter .x-menu-item-active a.x-menu-item{
    color: #FFFFFF;
}
.qpc_menu_media_filter .flDiv{
    float:left; position:relative; top: 10px;
}
.qpc_menu_media_filter .flBtn{
    width: 18px;
    height: 16px;
    margin-right: 5px;
    cursor: pointer;
    float: left;
}
.qpc_menu_media_filter .photo{background-position: 0 -1050px;}
.qpc_menu_media_filter .video{background-position: 0 -1080px;}
.qpc_menu_media_filter .music{background-position: 0 -1110px;}
.qpc_menu_media_filter .no_use{opacity: 0.5;}

.qpc_menu_media_subtitle .x-menu-item-active{
    background-color: #0d77a2;
}
.qpc_menu_media_subtitle .x-menu-item-active a.x-menu-item{
    color: #FFFFFF;
}
.qpc_menu_media_subtitle a.x-menu-item.on_use{
    color: #00CCCC;
}

.qpc_menu_media_captionadjust{
    padding: 0;
    min-width: 300px;
    color: #FFF;
}
.qpc_menu_media_captionadjust .mvbg{
    background-image: url('/photo/images/toolbar/media_viewer_slice.png?137547178');
}
.qpc_menu_media_captionadjust .x-menu-list{
    padding: 0;
}

.qpc_menu_media_captionadjust .x-form-field-wrap .x-form-trigger{
    top: 0;
}
.qpc_menu_media_captionadjust .capadj-button{
    border: 1px solid #454545;
    padding: 1px 8px 3px;
    margin: 0 6px;
}
.qpc_menu_media_captionadjust .capadj-button.x-btn button{
    color: #FFF;
}

.qpc_menu_media_captionadjust .panelOffset{
    padding: 0 12px 0 34px;
}
.qpc_menu_media_captionadjust .panelOffset .less1s, .qpc_menu_media_captionadjust .panelOffset .more1s{
    width: 16px;
    height: 16px;
    background-position: 0 -2970px;
}
.qpc_menu_media_captionadjust .panelOffset .more1s{background-position: 0 -3030px;}
.qpc_menu_media_captionadjust .panelOffset .sec{
    text-align: center;
    overflow: hidden;
    white-space:nowrap;
    word-wrap: break-word;
    word-break:break-all;
    text-overflow: ellipsis;
}
.qpc_menu_media_captionadjust .panelOffset .less100ms, .qpc_menu_media_captionadjust .panelOffset .more100ms{
    width: 10px;
    height: 16px;
    background-position: 0 -2940px;
}
.qpc_menu_media_captionadjust .panelOffset .more100ms{background-position: 0 -3000px;}

.qpc_menu_media_captionadjust .panelFont{
    padding: 0 12px 0 34px;
}
.qpc_menu_media_captionadjust .panelFont .mbFont{
    margin-bottom: 8px;
}
.qpc_menu_media_captionadjust .panelFont .mbEffect{
    margin: 24px 0 12px 0;
}


.qpc_menu_media_captionadjust .panelButton table.capadj-button{
    float: right;
}

.qpc_menu_media_res span.x-menu-text{
    color: #FFFFFF;
    display: inline-block;
    margin: 8px 0 2px 22px;
}
.qpc_menu_media_res span.x-menu-text.other{
    margin: 4px 0 10px 22px;
}
.qpc_menu_media_res a.x-menu-item.sub1{padding-left: 28px;}

.qpc_menu_media_vol{
    background-color: rgba(0,0,0,0.6);
    border-color: transparent;
    min-width: 0;
}
.qpc_menu_media_vol .video_vol .x-slider-thumb{
    background: transparent none;
    width: 10px; height: 16px;
    left: 6px;
}
.qpc_menu_media_vol .x-slider-vert{
    margin-left: 0;
}
.qpc_menu_media_vol .x-slider-vert, .qpc_menu_media_vol .x-slider-vert .x-slider-end, .qpc_menu_media_vol .x-slider-vert .x-slider-inner{
    background: transparent none;
}
.qpc_menu_media_vol .video_vol .video_vol_bg{
    width: 6px; left: 8px; background-color: #666666; position: relative; height: 100%;
}
.qpc_menu_media_vol .video_vol .video_vol_bar{
    width: 6px;
	left: 8px;
	background-color: #00CCCC;
	position: absolute;
	bottom: 0;
	transition: height 0.2s linear;
}


.qpc_menu_media_facename{
    background-color: #FFFFFF;
    background-image: none;
}
.qpc_menu_media_facename .x-form-field{
    border: 0;
}
.qpc_menu_media_facename .x-form-text, .ext-gecko .qpc_menu_media_facename .x-form-text, .ext-ie8 .qpc_menu_media_facename .x-form-text, .ext-webkit .qpc_menu_media_facename .x-form-text, .ext-strict .ext-webkit .qpc_menu_media_facename .x-form-text{
    padding: 0 0 1px 3px;
    height: 20px !important;
    font-size: 13px;
}
.qpc_menu_media_facename .x-form-arrow-trigger{
    border: 0;
}
.qpc_menu_media_facename .x-menu-floating{
    border-color: #BBBBBB;
}
.qpc_menu_media_facename .x-menu-list-item{padding-top:2px;}
.qpc_menu_media_facename .x-menu-list{
    padding: 0;
}
.qpc_menu_media_facename .x-toolbar{
    border-width: 0;
    background-color: transparent;
}
.qpc_menu_media_facename .x-btn-text-icon .x-btn-icon-small-left .x-btn-text.cancel{
    display: inline-block;
    background-position: 6px -150px;
}
.qpc_menu_media_facename .x-btn-text-icon .x-btn-icon-small-left .x-btn-text.remove{
    display: inline-block;
    background-position: 6px -180px;
}
.qpc_menu_media_facename

.cbFontColor_list .x-combo-list-item .color{
    width:20px;height:12px;float:left; margin: 2px 5px 0 0;
}

/*Single Photo View End */

/*VLC player Start */
.vlc_popup{
	background-color:#FFF;
}
.vlc_popup .x-window-body{
	text-align: center;
	position: relative;
}
.vlc_popup .vlc_icon{
	display:inline-block;
}
.vlc_popup .subject{
	font-size:21px; 
	color:#2f2f68; 
	margin: 20px 0; 
	text-align: center; 
	display:inline-block; 
	line-height: 1.5em; 
	width:100%;
}
.vlc_popup .text1{
	line-height: 1.5em;
	font-size: 13px;
	color: #000;
	text-align: center;
	margin: 0 34px;
}
.vlc_popup .downloadZone{
	width:100%; 
	margin-top: 20px; 
	text-align:center;
}
.vlc_popup .downloadZone .button{
	border:1px solid #0075e5; 
	color:#0075e5; 
	cursor:pointer; 
	display:inline-block; 
	font-size:18px; 
	line-height:38px; 
	min-width:112px; 
	padding:0 16px;
}
.vlc_popup .downloadZone .button.noBorder{
	border: 0px solid transparent; 
}
.vlc_popup .dotZone{
	width: 100%;
	position: absolute;
	bottom: 26px;
	height: 8px;
	text-align: center;
}
.vlc_popup .dotZone .dot{
	border-radius: 5px;
	width: 6px;
	height: 6px;
	background-color: #a0a0a0;
	margin: 0 8px;
	display: inline-block;
}
.vlc_popup .dotZone .dot:hover{
	background-color: #0075e5;
}
.vlc_popup .dotZone .dot.selected{
	background-color: #606060;
}
/*VLC player End */

/*Stream DLNA Start */
.qpc_stream_window .photo_bar .x-btn, .qpc_menu_stream_vol .mute, .qpc_stream_window .home_btn{
    background-color: transparent;
    background: transparent url('/photo/images/toolbar/icon_Streaming.png?137547178') no-repeat;
}
.qpc_stream_window .photo_bar{
     background-color: #131415;
     color: #FFFFFF;
}

.qpc_stream_window .qpc_stream_extb{
    z-index: 9;
    position: absolute;
    top: 370px;
    background-color: #131415;
}

.qpc_stream_window .home_btn{
    background-position: -3px -453px;
}
.qpc_stream_window .home_btn .x-btn-text{width: 20px; height: 20px;}

.qpc_stream_window .qpc_stream_window_play{
    position:absolute; left:0; top: 0;
}
.qpc_stream_window .qpc_stream_window_device_out1{
    position:absolute; left:0; bottom:30px;
    background-color:rgb(8,15,21);
    background-color:rgba(0,0,0,0.5);
    box-shadow: 1px 0 6px 1px rgb(0,0,0);
    box-shadow: 1px 0 6px 1px rgba(0,0,0,0.75);
    min-height:80px;
    width: 715px;
    text-align:center;
    vertical-align: bottom;
}
.qpc_stream_window .qpc_stream_window_device_name{
    color:#FFFFFF;
    font-size: 18px;
    padding: 13px 60px 5px;
    text-align:center;
    word-break:break-all;
    line-height: 22px;
}
.qpc_stream_window .qpc_stream_window_file_title{
    color:#FFFFFF;
    font-size: 14px;
    padding: 5px 100px 13px;
    text-align:center;
    line-height: 22px;
    white-space:nowrap;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}
.qpc_stream_window .qpc_stream_window_file_count{
    color:#FFFFFF;
    font-size: 14px;
    position: absolute;
    text-align:center;
    word-break:break-all;
    right: 10px;
    bottom: 5px;
    line-height: 22px;
}

.qpc_stream_window .photo_bar .prev{background-position: 13px -142px;}
.qpc_stream_window .photo_bar .next{background-position: 13px -192px;}
.qpc_stream_window .photo_bar .switch{background-position: 13px -343px;}
.qpc_stream_window .photo_bar .mode{background-position: -87px -292px;}
.qpc_stream_window .photo_bar .modeRepeat{background-position: 13px -292px;}
.qpc_stream_window .photo_bar .play{background-position: 13px -42px;}
.qpc_stream_window .photo_bar .pause{background-position: 13px 8px;}
.qpc_stream_window .photo_bar .stop{background-position: 13px -92px;}
.qpc_stream_window .photo_bar .definition{background-position: 13px -242px;}
.qpc_stream_window .photo_bar .volume{background-position: 13px -842px;}
.qpc_stream_window .photo_bar .mute{background-position: 13px -792px;}

.qpc_stream_window .photo_bar .prev:hover{background-position: -37px -142px;}
.qpc_stream_window .photo_bar .next:hover{background-position: -37px -192px;}
.qpc_stream_window .photo_bar .switch:hover{background-position: -37px -343px;}
/*.qpc_stream_window .photo_bar .mode:hover{background-position: -37px -292px;}*/
.qpc_stream_window .photo_bar .play:hover{background-position: -37px -42px;}
.qpc_stream_window .photo_bar .pause:hover{background-position: -37px 8px;}
.qpc_stream_window .photo_bar .stop:hover{background-position: -37px -92px;}
.qpc_stream_window .photo_bar .definition:hover{background-position: -37px -242px;}
.qpc_stream_window .photo_bar .volume:hover{background-position: -37px -842px;}
.qpc_stream_window .photo_bar .mute:hover{background-position: -37px -792px;}

.qpc_stream_window .photo_bar .x-item-disabled.prev:hover{background-position: 13px -142px;}
.qpc_stream_window .photo_bar .x-item-disabled.next:hover{background-position: 13px -192px;}
.qpc_stream_window .photo_bar .x-item-disabled.switch:hover{background-position: 13px -343px;}
/*.qpc_stream_window .photo_bar .x-item-disabled.mode:hover{background-position: 13px -292px;}*/
.qpc_stream_window .photo_bar .x-item-disabled.play:hover{background-position: 13px -42px;}
.qpc_stream_window .photo_bar .x-item-disabled.pause:hover{background-position: 13px 8px;}
.qpc_stream_window .photo_bar .x-item-disabled.stop:hover{background-position: 13px -92px;}
.qpc_stream_window .photo_bar .x-item-disabled.definition:hover{background-position: 13px -242px;}
.qpc_stream_window .photo_bar .x-item-disabled.volume{background-position: 13px -842px;}
.qpc_stream_window .photo_bar .x-item-disabled.mute:hover{background-position: 13px -792px;}

.qpc_stream_window .photo_bar .x-btn-mc > em{padding-right: 0;}
.qpc_stream_window .photo_bar .x-btn-mc > em > .x-btn-text{width: 25px;}
.qpc_stream_window .qpc_stream_preview .qpc_stream_tbdiv{
    overflow: hidden;
    vertical-align: middle; text-align: center;
}
.qpc_stream_window .qpc_stream_preview .qpc_stream_img{
    position: relative;
    border: 2px solid transparent;
}

.qpc_stream_window .qpc_stream_preview .qpc_stream_img_select{
    border: 2px solid #2D9ED9;
}



.qpc_stream_window .progress .x-slider-thumb{
    background: transparent none;
    width: 16px; height: 10px;
    top: 6px;
}
.qpc_stream_window .x-slider-horz{
    margin-top: 0;
}
.qpc_stream_window .x-slider-horz, .qpc_stream_window .x-slider-horz .x-slider-end, .qpc_stream_window .x-slider-horz .x-slider-inner{
    background: transparent none;
}
.qpc_stream_window .progress .progress_bg{
    height: 6px; top: 8px; background-color: #3B3E40; position: relative; width: 100%;
}
.qpc_stream_window .progress .progress_bar{
    height: 6px; top: 8px; background-color: #FFF; position: absolute; left: 0;
}

.qpc_menu_stream_vol .stream_vol .x-slider-thumb{
    background: transparent none;
    width: 10px; height: 16px;
    left: 6px;
}
.qpc_menu_stream_vol .x-slider-vert{
    margin-left: 0;
}
.qpc_menu_stream_vol .x-slider-vert, .qpc_menu_stream_vol .x-slider-vert .x-slider-end, .qpc_menu_stream_vol .x-slider-vert .x-slider-inner{
    background: transparent none;
}
.qpc_menu_stream_vol .stream_vol .stream_vol_bg{
    width: 6px; left: 8px; background-color: #666; position: relative; height: 100%;
}
.qpc_menu_stream_vol .stream_vol .stream_vol_bar{
    width: 6px; left: 8px; background-color: #0CC; position: absolute; bottom: 0;
}
.qpc_menu_stream_vol .muteoff{background-position: 3px -792px;}
.qpc_menu_stream_vol .muteon{background-position: -47px -792px;}

/*++++++ Stream Ask Window ++++ */
.streamAskWindow .x-form-item, .streamAskWindow .x-form-field{
    font-size: 14px;
}
.streamAskWindow .x-form-field{
    font-weight: 300;
}
.streamAskWindow .modal-button{
    min-width: 94px;
}
.streamAskWindow.modal-window .x-window-header-text{
    margin: 0px 0px 0px 30px;
}
.streamAskWindow form.x-panel-body{
    padding: 0px 24px 0px 34px;
}

/* stream board CSS */
/* +++++++++ Copy from scss compass file - streamBoard */
.streamBoard_sprite, .streamBoard_arrow, .streamBoard_audio_mute_i_20, .streamBoard_audio_mute_s_20, .streamBoard_audio_vol3_i, .streamBoard_audio_vol3_s, .streamBoard_btn_checkbox_disable_wbg, .streamBoard_btn_checkbox_over_wbg, .streamBoard_btn_checkbox_pressed_wbg, .streamBoard_btn_checkbox_presseddisable_wbg, .streamBoard_btn_checkbox_pressedover_wbg, .streamBoard_btn_checkbox_wbg, .streamBoard_btn_checkbox_wbg_unknow, .streamBoard_delete_16, .streamBoard_file_station_50, .streamBoard_hover-cover_30, .streamBoard_ic_nowplaylist_play_action_1, .streamBoard_ic_nowplaylist_play_action_2, .streamBoard_ic_nowplaylist_play_action_3, .streamBoard_ic_nowplaylist_play_action_4, .streamBoard_linowplayinglist_20, .streamBoard_miniplayer_next, .streamBoard_miniplayer_next_disable, .streamBoard_miniplayer_next_normal, .streamBoard_miniplayer_previous, .streamBoard_miniplayer_previous_disable, .streamBoard_miniplayer_previous_normal, .streamBoard_miniplayer_repeating, .streamBoard_miniplayer_repeating_on, .streamBoard_more, .streamBoard_multimedia, .streamBoard_multizone-a-30, .streamBoard_multizone-n-30, .streamBoard_music_station_50, .streamBoard_photo_station_50, .streamBoard_port_USB_i, .streamBoard_port_USB_s, .streamBoard_port_analog_line_out_audio_i, .streamBoard_port_analog_line_out_audio_s, .streamBoard_port_bluetooth_i, .streamBoard_port_bluetooth_pair_disable, .streamBoard_port_bluetooth_pair_i, .streamBoard_port_bluetooth_pair_s, .streamBoard_port_chromecast_i, .streamBoard_port_chromecast_s, .streamBoard_port_dlna_i, .streamBoard_port_dlna_s, .streamBoard_port_hdmi_audio_i, .streamBoard_port_hdmi_audio_s, .streamBoard_port_hdplayer_i, .streamBoard_port_hdplayer_s, .streamBoard_port_music_i, .streamBoard_port_music_s, .streamBoard_port_pause_i_20, .streamBoard_port_pause_s_20, .streamBoard_port_play_i_20, .streamBoard_port_play_s_20, .streamBoard_port_refesh_20, .streamBoard_port_refesh_vs, .streamBoard_port_stop_i_20, .streamBoard_port_stop_s_20, .streamBoard_port_tv_i, .streamBoard_port_tv_s, .streamBoard_port_unknown_i, .streamBoard_port_unknown_s, .streamBoard_trash_i_20, .streamBoard_trash_s_20, .streamBoard_video_station_50 {
  background-image: url('/photo/images/toolbar/streamBoard.png?137547178');
  background-repeat: no-repeat;
}
.streamBoard_arrow { background-position: 0 0; height: 21px; width: 11px; }

.streamBoard_audio_mute_i_20 { background-position: 0 -51px; height: 20px; width: 20px; }

.streamBoard_audio_mute_s_20 { background-position: 0 -101px; height: 20px; width: 20px; }

.streamBoard_audio_vol3_i { background-position: 0 -151px; height: 20px; width: 20px; }

.streamBoard_audio_vol3_s { background-position: 0 -201px; height: 20px; width: 20px; }

.streamBoard_btn_checkbox_disable_wbg { background-position: 0 -251px; height: 12px; width: 12px; }

.streamBoard_btn_checkbox_over_wbg { background-position: 0 -293px; height: 12px; width: 12px; }

.streamBoard_btn_checkbox_pressed_wbg { background-position: 0 -335px; height: 12px; width: 12px; }

.streamBoard_btn_checkbox_presseddisable_wbg { background-position: 0 -377px; height: 12px; width: 12px; }

.streamBoard_btn_checkbox_pressedover_wbg { background-position: 0 -419px; height: 12px; width: 12px; }

.streamBoard_btn_checkbox_wbg { background-position: 0 -461px; height: 12px; width: 12px; }

.streamBoard_btn_checkbox_wbg_unknow { background-position: 0 -503px; height: 12px; width: 12px; }

.streamBoard_delete_16 { background-position: 0 -545px; height: 24px; width: 24px; }

.streamBoard_file_station_50 { background-position: 0 -599px; height: 50px; width: 50px; }

.streamBoard_hover-cover_30 { background-position: 0 -679px; height: 30px; width: 30px; }

.streamBoard_ic_nowplaylist_play_action_1 { background-position: 0 -739px; height: 30px; width: 30px; }

.streamBoard_ic_nowplaylist_play_action_2 { background-position: 0 -799px; height: 30px; width: 30px; }

.streamBoard_ic_nowplaylist_play_action_3 { background-position: 0 -859px; height: 30px; width: 30px; }

.streamBoard_ic_nowplaylist_play_action_4 { background-position: 0 -919px; height: 30px; width: 30px; }

.streamBoard_linowplayinglist_20 { background-position: 0 -979px; height: 20px; width: 20px; }

.streamBoard_miniplayer_next { background-position: 0 -1029px; height: 30px; width: 30px; }
.streamBoard_miniplayer_next:hover, .streamBoard_miniplayer_next.miniplayer_next_hover { background-position: 0 -1209px; }
.streamBoard_miniplayer_next:active, .streamBoard_miniplayer_next.miniplayer_next_active { background-position: 0 -1089px; }

.streamBoard_miniplayer_next_disable { background-position: 0 -1149px; height: 30px; width: 30px; }

.streamBoard_miniplayer_next_normal { background-position: 0 -1269px; height: 30px; width: 30px; }

.streamBoard_miniplayer_previous { background-position: 0 -1329px; height: 30px; width: 30px; }
.streamBoard_miniplayer_previous:hover, .streamBoard_miniplayer_previous.miniplayer_previous_hover { background-position: 0 -1509px; }
.streamBoard_miniplayer_previous:active, .streamBoard_miniplayer_previous.miniplayer_previous_active { background-position: 0 -1389px; }

.streamBoard_miniplayer_previous_disable { background-position: 0 -1449px; height: 30px; width: 30px; }

.streamBoard_miniplayer_previous_normal { background-position: 0 -1569px; height: 30px; width: 30px; }

.streamBoard_miniplayer_repeating { background-position: 0 -1629px; height: 14px; width: 18px; }
.streamBoard_miniplayer_repeating:hover, .streamBoard_miniplayer_repeating.miniplayer_repeating_hover { background-position: 0 -1673px; }

.streamBoard_miniplayer_repeating_on { background-position: 0 -1717px; height: 14px; width: 18px; }

.streamBoard_more { background-position: 0 -1761px; height: 20px; width: 20px; }
.streamBoard_more:hover, .streamBoard_more.more_hover { background-position: 0 -1861px; }
.streamBoard_more:active, .streamBoard_more.more_active { background-position: 0 -1811px; }

.streamBoard_multimedia { background-position: 0 -1911px; height: 64px; width: 64px; }

.streamBoard_multizone-a-30 { background-position: 0 -2005px; height: 30px; width: 30px; }

.streamBoard_multizone-n-30 { background-position: 0 -2065px; height: 30px; width: 30px; }

.streamBoard_music_station_50 { background-position: 0 -2125px; height: 50px; width: 50px; }

.streamBoard_photo_station_50 { background-position: 0 -2205px; height: 50px; width: 50px; }

.streamBoard_port_USB_i { background-position: 0 -2285px; height: 32px; width: 32px; }

.streamBoard_port_USB_s { background-position: 0 -2347px; height: 32px; width: 32px; }

.streamBoard_port_analog_line_out_audio_i { background-position: 0 -2409px; height: 32px; width: 32px; }

.streamBoard_port_analog_line_out_audio_s { background-position: 0 -2471px; height: 32px; width: 32px; }

.streamBoard_port_bluetooth_i { background-position: 0 -2533px; height: 32px; width: 32px; }

.streamBoard_port_bluetooth_pair_disable { background-position: 0 -2595px; height: 32px; width: 32px; }

.streamBoard_port_bluetooth_pair_i { background-position: 0 -2657px; height: 32px; width: 32px; }

.streamBoard_port_bluetooth_pair_s { background-position: 0 -2719px; height: 32px; width: 32px; }

.streamBoard_port_chromecast_i { background-position: 0 -2781px; height: 32px; width: 32px; }

.streamBoard_port_chromecast_s { background-position: 0 -2843px; height: 32px; width: 32px; }

.streamBoard_port_dlna_i { background-position: 0 -2905px; height: 32px; width: 32px; }

.streamBoard_port_dlna_s { background-position: 0 -2967px; height: 32px; width: 32px; }

.streamBoard_port_hdmi_audio_i { background-position: 0 -3029px; height: 32px; width: 32px; }

.streamBoard_port_hdmi_audio_s { background-position: 0 -3091px; height: 32px; width: 32px; }

.streamBoard_port_hdplayer_i { background-position: 0 -3153px; height: 32px; width: 32px; }

.streamBoard_port_hdplayer_s { background-position: 0 -3215px; height: 32px; width: 32px; }

.streamBoard_port_music_i { background-position: 0 -3277px; height: 32px; width: 32px; }

.streamBoard_port_music_s { background-position: 0 -3339px; height: 32px; width: 32px; }

.streamBoard_port_pause_i_20 { background-position: 0 -3401px; height: 20px; width: 20px; }

.streamBoard_port_pause_s_20 { background-position: 0 -3451px; height: 20px; width: 20px; }

.streamBoard_port_play_i_20 { background-position: 0 -3501px; height: 20px; width: 20px; }

.streamBoard_port_play_s_20 { background-position: 0 -3551px; height: 20px; width: 20px; }

.streamBoard_port_refesh_20 { background-position: 0 -3601px; height: 20px; width: 20px; }
.streamBoard_port_refesh_20:hover, .streamBoard_port_refesh_20.port_refesh_20_hover { background-position: 0 -3651px; }

.streamBoard_port_refesh_vs { background-position: 0 -3701px; height: 40px; width: 18px; }
.streamBoard_port_refesh_vs:hover, .streamBoard_port_refesh_vs.port_refesh_vs_hover { background-position: 0 -3771px; }

.streamBoard_port_stop_i_20 { background-position: 0 -3841px; height: 20px; width: 20px; }

.streamBoard_port_stop_s_20 { background-position: 0 -3891px; height: 20px; width: 20px; }

.streamBoard_port_tv_i { background-position: 0 -3941px; height: 32px; width: 32px; }

.streamBoard_port_tv_s { background-position: 0 -4003px; height: 32px; width: 32px; }

.streamBoard_port_unknown_i { background-position: 0 -4065px; height: 32px; width: 31px; }

.streamBoard_port_unknown_s { background-position: 0 -4127px; height: 32px; width: 30px; }

.streamBoard_trash_i_20 { background-position: 0 -4189px; height: 20px; width: 20px; }

.streamBoard_trash_s_20 { background-position: 0 -4239px; height: 20px; width: 20px; }

.streamBoard_video_station_50 { background-position: 0 -4289px; height: 50px; width: 50px; }
/* +++++++++ End from scss compass file - streamBoard*/

.multizone_board .common_short_word{
	overflow: hidden;
	white-space:nowrap;word-wrap: break-word; word-break:break-all;text-overflow: ellipsis;
}
.multizone_board .common_hide{
	display: none;
}
.multizone_board .device .x-panel-body{
	background-color: #147AC8;
}
.multizone_board .playbackReload{
	font-size: 14px;
	color: #FFF;
	margin: 0 10px;
	line-height: 40px;
}
.multizone_board .playbackReload .reload{
	cursor: pointer;
	position:absolute;
	top:0px;right:16px;
}
.multizone_board .reloadIconAnimate{

    -webkit-animation: streamReload 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation: streamReload 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.multizone_board .qpc_stream_board_deviceDV{
	border-top: 1px solid #002e55;
}
.multizone_board .playlist .x-panel-body{
	background-color: #F4F4F4;
}
.multizone_board .mzb_device-wrap{
	width: 160px;
	height: 76px;
	background-color:transparent;
	border-bottom: 1px solid #002E55;
	position: relative;
}
.multizone_board .mzb_device-wrap:hover{
	background-color: rgba(140,195,236,0.3);
}
.multizone_board .mzb_device-wrap.x-view-selected{
	background-color: #13507F;
}
.multizone_board .mzb_device-wrap.x-view-selected{
	background-color: #1b86d6;;
}
.multizone_board .mzb_device-name{
	position: absolute;
	top: 8px;
	left: 64px;
	height: 14px;
	width: 96px;
	line-height: 14px;
	font-size: 11px;
	color: rgba(255,255,255,0.3);
}
.multizone_board .mzb_device-name.active{
	color: #FFF;
}
.multizone_board .mzb_device-iconType{
	position: absolute;
	top: 0;
	left: 0;
	width: 54px;
	height: 76px;
}
.multizone_board .mzb_device-wrap.x-view-selected .mzb_device-iconType{
	background-color: #1f98f2;;
}
.multizone_board .mzb_device-icon{
	position: absolute;
	top: 22px;
	left: 10px;
	width: 32px;
	height: 32px;
}

.multizone_board .mzb_device-volumeDiv{
	position: absolute;
	top: 28px;
	left: 64px;
	width: 96px;
	height: 24px;
}
.multizone_board .mzb_device-ctMute, .multizone_board .mzb_device-volSlider{
	float: left;
	margin-right: 1px;
}
.multizone_board .mzb_device-ctMute{cursor: pointer;}
.multizone_board .mzb_device-volSlider{
	width: 64px;
	max-width: 64px;
	height: 24px;
	overflow: hidden;
}
.multizone_board .mzb_device-volSlider .noVolume{
	width:64px;height:4px;background-color:rgba(255,255,255,0.3);margin-top: 8px;
}
.multizone_board .mzb_device-volSlider .volumeSlider .x-slider-thumb{
    background: #2edede none;
    border-radius: 4px;
    width: 8px; height: 8px;
    top: 6px;
}
.multizone_board .mzb_device-volSlider .x-slider-horz{
    margin-top: 0;
}
.multizone_board .mzb_device-volSlider .x-slider-horz, .multizone_board .mzb_device-volSlider .x-slider-horz .x-slider-end, .multizone_board .mzb_device-volSlider .x-slider-horz .x-slider-inner{
    background: transparent none;
}
.multizone_board .mzb_device-volSlider .volumeSlider{
	padding: 0;
}
.multizone_board .mzb_device-volSlider .volumeSlider .x-slider-end{padding: 0;}
.multizone_board .mzb_device-volSlider .volumeSlider .progress_bg{
    height: 4px; top: 8px; background-color: #c8c8c8; position: relative; width: 100%;
}
.multizone_board .mzb_device-volSlider .volumeSlider .progress_bar{
    height: 4px; top: 8px; background-color: #2edede; position: absolute; left: 0;
}

.multizone_board .mzb_device-controlDiv{
	position: absolute;
	top: 52px;
	left: 64px;
	width: 96px;
	height: 24px;
}
.multizone_board .mzb_device-ctStop, .multizone_board .mzb_device-ctPlay, .multizone_board .mzb_device-ctPause{
	float: left;
	margin-right: 3px;
	cursor: pointer;
}
.multizone_board .mzb_device-occupied{
	font-size: 10px;
	color: #FFF;
}

.multizone_board .mzb_device-arrow{
	position: absolute;
	right: 0px;
	top: 21px;
	display: none;
}
.multizone_board .mzb_device-wrap.x-view-selected .mzb_device-arrow{
	display: inline-block;
}
.multizone_board .listWelcome{
	text-align: center;
	font-size: 13px;
	color: #2f2f2f;
	position: relative;
}
.multizone_board .listWelcome .selectDeviceText{
	position: relative;
	top: 40%;
}
.multizone_board .nowPlayingCount{
	font-size: 14px;
	color: #2F2F2F;
	height: 40px;
	line-height: 40px;
	margin: 0 15px;
	position: relative;
}
.multizone_board .nowPlayingCount .stream{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.multizone_board .mediaControl{
	height: 90px;
	position: relative;
	margin: 15px;
}
.multizone_board .mediaControl .thumb{
	height: 55px;
	width: 55px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.multizone_board .mediaControl .thumb img{position: absolute;}
.multizone_board .mediaControl .title, .multizone_board .mediaControl .date, .multizone_board .mediaControl .time{
	position: absolute;
	left: 65px;
	width: 174px;
	height: 15px;
	line-height: 15px;
	font-size: 13px;
	color: #2f2f2f;
	overflow: hidden;
	white-space:nowrap;word-wrap: break-word; word-break:break-all;text-overflow: ellipsis;
}
.multizone_board .mediaControl .title{top: 5px;}
.multizone_board .mediaControl .date{top: 20px;}
.multizone_board .mediaControl .time{top: 35px;}
.multizone_board .mediaControl .prev, .multizone_board .mediaControl .next{
	position: absolute;
	top: 70px;
	height: 30px;
	width: 30px;
	cursor: pointer;
}
.multizone_board .mediaControl .prev{left: 0px;}
.multizone_board .mediaControl .next{left: 38px;}
.multizone_board .mediaControl .repeat{
	position: absolute;
	top: 70px;
	right: 0px;
	cursor: pointer;
}
.multizone_board .mediaControl .stream{
	position: absolute;
	top: 70px;
	right: 30px;
	cursor: pointer;
}

.multizone_board .progressControl .timeProgress .x-slider-thumb{
    background: #0f66a9 none;
    border-radius: 4px;
    width: 8px; height: 8px;
    top: 6px;
}
.multizone_board .progressControl .x-slider-horz{
    margin-top: 0;
}
.multizone_board .progressControl .x-slider-horz, .multizone_board .progressControl .x-slider-horz .x-slider-end, .multizone_board .progressControl .x-slider-horz .x-slider-inner{
    background: transparent none;
}
.multizone_board .progressControl .timeProgress{
	padding: 0;
}
.multizone_board .progressControl .timeProgress .x-slider-end{padding: 0;}
.multizone_board .progressControl .timeProgress .progress_bg{
    height: 4px; top: 8px; background-color: #c8c8c8; position: relative; width: 100%;
}
.multizone_board .progressControl .timeProgress .progress_bar{
    height: 4px; top: 8px; background-color: #0f66a9; position: absolute; left: 0;
}

.multizone_board .listOtherApp, .multizone_board .listEmptyBox, .multizone_board .listGrid .x-grid3 .x-grid-empty{
	text-align: center;
	font-size: 13px;
	color: #2F2F2F;
	position: relative;
}
.multizone_board .listOtherApp .main, .multizone_board .listEmptyBox .main{
	position: relative;
	top: 40%;
}
.multizone_board .listOtherApp .icon, .multizone_board .listWelcome .icon{margin: 0 auto;}
.multizone_board .listGrid .x-grid3{background-color: transparent;}
.multizone_board .listGrid .x-grid3-row{
	border-color: transparent;
	height: 50px;
	border-top-color: #decde5;
	font-size: 13px;
	color: #2F2F2F;
}
.multizone_board .listGrid .x-grid3-row.x-grid3-row-over{
	background: #e8effa none;
}
.multizone_board .listGrid .x-grid3-row.x-grid3-row-selected{
	background: #d3e2f8 none;
	border-top: 1px solid #f4f4f4;
}
.multizone_board .listGrid .x-grid3-row .x-grid3-row-table{margin-top: 4px;}
.multizone_board .listGrid .x-grid3-row .mzb_listGrid_thumbDiv{
	position: relative;
	overflow: hidden;
	width: 30px;
	height: 30px;
}
.multizone_board .listGrid .x-grid3-row .mzb_listGrid_thumbDiv img{
	position: absolute;
}
.multizone_board .listGrid .mzb_listGrid_playing_item_color{
	color: #0f66a9;
}
.multizone_board .listGrid .mzb_listGrid_delete{
	cursor: pointer;
}

/*Stream DLNA End */

/*ShareDD Start */
/* +++++++ Share Pop Window ++++++ */
.modal_window_DD .windowIconDiv, .modal_window_DD .miniModeButton, .modal_window_DD .x-form-field-wrap .x-form-trigger,
.classSwitchCheckbox + label .switch, .classSwitchCheckbox ~ div.create, .classCBSocialSite_list .icon, .classCBSocialSite ~ div.cb_icon,
.shareViaForm .help1, .ps_help1_icon,
.share_pop .info1 .info_icon,
.slideshowSet .divAddPlaylist .info,
.share_pop.x-window .x-tool-close, .shareDD.x-window .x-tool-close, 
.modal_window_DD .namePanel .thumb, .modal_window_DD .namePanel .list, .modal_window_DD .countViewPanel .remove,
.shareViaButton .email .x-panel-body, .shareViaButton .social .x-panel-body, .shareViaButton .link .x-panel-body,
.share_dd_dataview .remove, .share_dd_dataview .video, .share_dd_gridview .remove{
    background-image: url('/photo/images/icons/Share_slice.png?137547178');
}


.classSwitchCheckbox + label.x-form-cb-label{
    margin-left: -4px;
}
.classSwitchCheckbox + label .switch{
    width: 48px;
    height: 22px;
    display: inline-block;
    background-position: 0 -1110px;
}
.classSwitchCheckbox.checked + label .switch{
    background-position: 0 -1080px;
}
.classSwitchCheckbox ~ div.password{
    position: relative;
    top: -6px;
    left: 5px;
    display: none;
}
.classSwitchCheckbox ~ div.create{
    position: relative;
    top: 2px;
    left: 5px;
    display: none;
    background-position: 0 -298px;
}
.classSwitchCheckbox.checked ~ div.password, .classSwitchCheckbox.checked ~ div.create{display: inline-block;}
.classSwitchMoreSetting + label{
    display: block;
    text-align: right;
    margin-right: 20px;
    color: #2F2F2F;
    font-size: 13px;
    /*font-family:'QTS Font';*/
    font-weight: 400;
    cursor: pointer;
    text-decoration: underline;
}
.classSwitchMoreSetting + label:hover{color: #2191C2;}
.classCBSocialSite_list .icon{
    width: 20px; height: 18px; float:left; display:inline;
}
.classCBSocialSite.x-form-text, .ext-gecko .classCBSocialSite.x-form-text, .ext-ie8 .classCBSocialSite.x-form-text{
    padding-left: 25px;
}
.classCBSocialSite ~ div.cb_icon{
    width: 18px; height: 18px;
    position: absolute;
    top: 3px; left: 3px;
}
.classCBSocialSite ~ div.cb_icon.facebook, .classCBSocialSite_list .icon.facebook{background-position: 0 -570px;}
.classCBSocialSite ~ div.cb_icon.googleplus, .classCBSocialSite_list .icon.googleplus{background-position: 0 -600px;}
.classCBSocialSite ~ div.cb_icon.picasa, .classCBSocialSite_list .icon.picasa{background-position: 0 -810px;}
.classCBSocialSite ~ div.cb_icon.twitter, .classCBSocialSite_list .icon.twitter{background-position: 0 -630px;}
.classCBSocialSite ~ div.cb_icon.pinterest, .classCBSocialSite_list .icon.pinterest{background-position: 0 -870px;}
.classCBSocialSite ~ div.cb_icon.plurk, .classCBSocialSite_list .icon.plurk{background-position: 0 -720px;}
.classCBSocialSite ~ div.cb_icon.renren, .classCBSocialSite_list .icon.renren{background-position: 0 -690px;}
.classCBSocialSite ~ div.cb_icon.youtube, .classCBSocialSite_list .icon.youtube{background-position: 0 -840px;}
.classCBSocialSite ~ div.cb_icon.flickr, .classCBSocialSite_list .icon.flickr{background-position: 0 -780px;}
.classCBSocialSite ~ div.cb_icon.weibo, .classCBSocialSite_list .icon.weibo{background-position: 0 -660px;}

.classCBExpiration.reshareExpire, .classCBExpiration.reshareExpire ~ img.x-form-arrow-trigger{
    display: none;
}
.classCBExpirationSub.x-form-text, .ext-gecko .classCBExpirationSub.x-form-text, .ext-ie8 .classCBExpirationSub.x-form-text{
    padding: 1px 2px 1px 4px;
}

.classSwitchPassword_passwordCreate .x-btn-text{
    width: 16px;
    height: 16px;
}

.classSendFrom.linkToQTS.x-form-field{
    text-decoration:underline;
}

.share_pop.x-window, .shareDD.x-window{
    background-color: #FAFAFA;
    border: 1px solid #B0B0B0;
}
.share_pop.x-window .x-panel-noborder .x-panel-body-noborder, .shareDD.x-window .x-panel-noborder .x-panel-body-noborder{
    background-color: transparent;
}
.shareDD.x-window .x-tool-close,
.share_pop.x-window .x-tool-close{
    background-position: 0 0;
    width: 16px !important;
    height: 16px !important;
    margin: 10px 4px 0 0;
}
.shareDD.x-window .x-tool-close-over,
.share_pop.x-window .x-tool-close-over{
    background-position: -60px 0;
}

.share_pop .x-form-item{
    padding-bottom: 15px;
    margin-bottom: 0;
}
.share_pop .x-form-label-left label.x-form-item-label{
    text-align: right;
    color: #848484;
}
.share_pop input.single_share_url_bgbd.x-form-text{
    border: 0 solid;
    background-color: #E3F1FB;
    color: #2F2F2F;
}
.share_pop .info1 .info_icon{
    background-position: 0 -960px;
    width:40px; height:40px;
    margin-right: 16px;
}
.share_pop .info1 .info_text{
    font-size: 16px;
    color: #000000;
}
.share_pop .expire_password{
    color: #2F2F2F;
    letter-spacing: 4px;
}
.share_pop .hint1{
    font-size: 13px;
    color: #195A87;
}
.share_pop .help1{
    float:left;
    width: 20px;
    height: 20px;
    background-image: url('/photo/images/toolbar/media_viewer_slice.png?137547178');
    background-position: 0 -1260px;
    position: absolute;
    top: 5px;
    right: -25px;
}
.qpc_single_share_copy_encode_img{
    background-image: url('/photo/images/toolbar/media_viewer_slice.png?137547178');
    background-position: 0 -1290px;
}
.qpc_single_share_copy_encode_img.x-btn-click{
    background-position: -30px -1290px;
}

.modal_window_DD{
    padding: 0;
    border: 1px solid #B0B0B0;
    background-color: white;
}
.modal_window_DD span.x-window-header-text{
    text-align: left;
    margin: 14px 0 0 52px;
    font-weight: 900;
    color: #000000;
    font-size: 21px;
    height: 24px;
    line-height: 24px;
}
.modal_window_DD.qDoNotGiveWindowIcon span.x-window-header-text{
    margin: 14px 0 0 34px;
}
.modal_window_DD .windowIconDiv{
    width: 22px;
    height: 22px;
    position: absolute;
    top: 20px;
    left: 30px;
    background-position: 0 -1440px;
}
.modal_window_DD .miniModeButton{
    width: 18px;
    height: 18px;
    background-position: 0 -1740px;
    top: 8px;
    right: 30px;
    position: absolute;
    cursor: pointer;
}
.modal_window_DD .miniModeButton:hover{background-position: -30px -1740px;}
.modal_window_DD.onMiniMode .miniModeButton{background-position: 0 -1770px;}
.modal_window_DD.onMiniMode .miniModeButton:hover{background-position: -30px -1770px;}
.modal_window_DD .x-window-bwrap{
    padding: 13px 0 30px 0;
}
.modal_window_DD.onMiniMode .x-window-bwrap{
    padding: 13px 0 0 0;
}
.modal_window_DD .innerMarginLR{padding: 0 30px;}
.modal_window_DD .innerMarginLeft{margin: 0 0 0 30px;}
.modal_window_DD .x-window-bbar .x-toolbar{
    border-top: 0 solid transparent;
}

.modal_window_DD .namePanel .thumb, .modal_window_DD .namePanel .list{
    width: 16px;
    height: 16px;
}
.modal_window_DD .namePanel .thumb{background-position: 0 -208px;margin-right: 12px;}
.modal_window_DD .namePanel .thumb.on_use{background-position: -30px -208px;}
.modal_window_DD .namePanel .list{background-position: 0 -236px;}
.modal_window_DD .namePanel .list.on_use{background-position: -30px -236px;}
.modal_window_DD .cardView > .x-panel-bwrap > .x-panel-body{
    border: 1px dashed #848484;
    overflow-y: auto;
}
.modal_window_DD .cardView.dragEnter > .x-panel-bwrap > .x-panel-body{
    border: 1px dashed #000000;
}
.modal_window_DD .x-form-item, .modal_window_DD .x-window-body .x-form-item{
    overflow-x: hidden;
    overflow-y: hidden;
    min-height: 23px;
}
.modal_window_DD .x-form-field{
    color:#2F2F2F;
    font-size: 12px;
    /*font-family:'QTS Font';*/
    font-weight: 400;
}
.modal_window_DD .x-form-field.x-form-focus{color: #000000;}
.modal_window_DD .x-form-empty-field{color: #B4B4B4;}
.modal_window_DD .x-form-field-wrap .x-form-trigger{
    border-top: 1px solid #B0B0B0;
    border-right: 1px solid #B0B0B0;
    border-bottom: 1px solid #B0B0B0;
    background-position: 6px -22px;
    height: 20px;
}
.modal_window_DD .x-form-field-wrap .x-form-date-trigger{
    background-position: -30px -266px;
}
.modal_window_DD .x-form-field-wrap .x-trigger-noedit, .classCheckedComboBox.x-form-text{
    border-right: 0 solid transparent;
}

.shareDD .x-form-field-wrap .x-form-text, .shareDD .x-form-element .x-form-text{
    height: 20px;
}
.shareDD .x-form-field-wrap .x-form-trigger{
    height: 22px;
}
.shareDD .x-window-bwrap{
    padding: 13px 0 20px 0;
}

.share_dd_dataview{
    margin: 10px 10px 10px 10px;
    overflow: hidden;
    min-height: 94px;
}
.share_dd_dataview .thumb{
    width:50px;height:50px;position:relative; overflow:hidden; margin:1px;
}
.share_dd_dataview .video{
    position:absolute;
    top: 11px;
    left: 11px;
    width: 28px;
    height: 28px;
    z-index: 4;
}
.share_dd_dataview .video.showVideoPlay{
    background-position: 0 -1140px;
}

.share_dd_dataview .remove{
    position:absolute;
    bottom: 2px;
    left: 2px;
    z-index: 6;
    cursor: pointer;
    width:20px; height: 20px;
    background-position: 0 -1590px;
    display: none;
}
.share_dd_dataview .remove:hover{background-position: -30px -1590px;}
.share_dd_dataview.on_remove .remove{display: block;}

.share_dd_dataview .thumb-wrap{
    width:52px;height:52px; float:left;position:relative;
}

.share_dd_gridview{
    margin-top: 10px;
    overflow: hidden;
}
.share_dd_gridview .x-grid3-header{
    display: none;
}
.share_dd_gridview .x-grid-group-hd div.x-grid-group-title, .share_dd_gridview .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title{
    background-image: none;
    padding: 10px 5px;
}
.share_dd_gridview .x-grid3-cell-inner{
    color:#2F2F2F;
    font-size: 14px;
    /*font-family:'QTS Font';*/
    font-weight: 400;
}
.share_dd_gridview .x-grid3-cell-inner.x-grid3-col-0, .share_dd_gridview .x-grid3-hd-inner.x-grid3-col-0{
    padding: 0 15px 0 9px;
}
.share_dd_gridview .x-grid3-row{
    border-color: transparent;
}
.share_dd_gridview .x-grid3-row-selected{
    background-color: transparent;
}
.share_dd_gridview .x-grid3-row-over{
    background: #DEFEFD none;
}
.share_dd_gridview .x-grid3-row td,.share_dd_gridview .x-grid3-summary-row td{
    height: 30px;
	vertical-align: middle;
}
.share_dd_gridview .x-grid3-row-selected td .x-grid3-cell-inner,
.share_dd_gridview .x-grid3-summary-row-selected td .x-grid3-cell-inner{
    color: #000000;
    font-weight: 900;
}
.share_dd_gridview .x-grid3{
    border-top: 0 solid #e8e8e8;
    border-bottom: 0 solid #e8e8e8;
}
.share_dd_gridview .remove{
    position:relative;
    bottom: 0;
    right: 2px;
    z-index: 6;
    cursor: pointer;
    width:20px; height: 20px;
    background-position: 0 -1590px;
}
.share_dd_gridview .remove:hover{background-position: -30px -1590px;}

.modal_window_DD .countViewPanel{
    margin-top: 5px;
}
.modal_window_DD .countViewPanel .remove{
    width: 20px; height: 20px;
    background-position: 0 -120px;
}
.modal_window_DD .countViewPanel .count.xtb-text{
    color: #2F2F2F;
}

.shareViaButton{
    border-bottom: 1px solid #B0B0B0;
}
.shareViaButton .via{
    margin: 4px 16px 0 0;
    color: #848484;
    min-width: 86px;
    text-align: right;
}
.shareViaButton .email, .shareViaButton .social, .shareViaButton .link{
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.shareViaButton .email.on_use, .shareViaButton .social.on_use, .shareViaButton .link.on_use{border-bottom: 2px solid #2F2F2F;}
.shareViaButton .email .x-panel-body{
    background-position: 0 -1470px;
    height: 30px; width: 22px;
    margin-left: 3px;
    margin-top: 2px;
}
.shareViaButton .email.on_use .x-panel-body{background-position: -30px -1468px;}
.shareViaButton .social .x-panel-body{
    background-position: 0 -1500px;
    height: 30px; width: 28px;
    margin-left: 1px;
}
.shareViaButton .social.on_use .x-panel-body{background-position: -30px -1498px;}
.shareViaButton .link .x-panel-body{
    background-position: 0 -1530px;
    height: 30px; width: 20px;
    margin-left: 6px;
}
.shareViaButton .link.on_use .x-panel-body{background-position: -30px -1528px;}

.shareViaFit > .x-panel-bwrap > .x-panel-body{
    overflow-y: auto;
}

.shareViaForm{
    margin-top: 15px;
}
.shareViaForm .help1{
    float:left;
    width: 20px;
    height: 20px;
    background-position: 0 -150px;
    position: absolute;
    top: 5px;
    right: -25px;
}
.ps_help1_icon{
    width: 16px;
    height: 16px;
    background-position: 0 -150px;
    display: inline-block;
}
.shareViaForm .swUploadToExistAlbum + label{
    text-align: left;
}

.shareViaForm .x-form-item label.x-form-item-label, .shareViaForm .x-form-item label.x-form-item-label{
    color: #848484;
    white-space:nowrap;word-wrap: break-word; word-break:break-all;text-overflow: ellipsis;
    overflow: hidden;
}
.shareViaForm .customExipreDate{
    margin-top: 10px;
    height: 22px;
    position: relative;
}
.shareViaForm .customExipreDate .x-form-field-wrap{
    float: left;
}
.shareViaForm .customExipreDate .classCBExpiration_Date{
}
.shareViaForm .customExipreDate .classCBExpiration_Hour{
    margin-left: 10px;
}
.shareViaForm .customExipreDate .classCBExpiration_P{
    float:left;
    width: 6px;
    margin-left: 4px;
    height: 22px;
    line-height: 22px;
}
.shareViaForm .customExipreDate .classCBExpiration_Minute{
}
.classCBExpiration.reshareExpire ~ .customExipreDate{
    margin-top: 0;
}
/*.classCBExpiration.reshareExpire ~ .customExipreDate.hideCmp .x-form-field-wrap .x-form-field{
    border: none;
}
.classCBExpiration.reshareExpire ~ .customExipreDate.hideCmp .x-form-field-wrap .x-form-trigger{
    display: none;
}
.classCBExpiration.reshareExpire ~ .customExipreDate.hideCmp .classCBExpiration_Hour{
    margin-left: 0;
    width: auto !important;
}*/

/*          ++++++ Share DD Summary +++++++ */
.shareDD_summary_BG{
    background-image: url('/photo/images/icons/shared_center_slice.png?137547178');
}
.shareDD_defined_expired_text{
    color: #FF2241;
}
.summaryButtonPanel .info, .summaryButtonPanel .history{
    font-size: 14px;
    color: #2F2F2F;
    cursor: pointer;
    padding: 0 25px;
}
.summaryButtonPanel .info.on_use, .summaryButtonPanel .history.on_use{
    font-size: 14px;
    font-weight: 700;
    color: #000;
    border-bottom: 2px solid #2F2F2F;
}
.summaryTopForm form.x-form{
    margin-top: 20px;
}
.modal_window_DD.summary .x-window-body .x-form-item{
    min-height: 0;
}
.summaryForm .x-form-item label.x-form-item-label, .summaryTopForm .x-form-item label.x-form-item-label{
    padding: 0 3px 0 0;
    color: #848484;
}

.summaryTopForm .x-form-display-field, .ext-ie .summaryTopForm .x-form-display-field,
.ext-gecko .summaryTopForm .x-form-display-field, .ext-strict .ext-ie7 .summaryTopForm .x-form-display-field,
.summaryForm .x-form-display-field, .ext-ie .summaryForm .x-form-display-field,
.ext-gecko .summaryForm .x-form-display-field, .ext-strict .ext-ie7 .summaryForm .x-form-display-field{
    padding-top: 0;
}
.summaryForm form.x-form{
    margin-top: 15px;
}
.modal_window_DD .cardView.summaryCardView > .x-panel-bwrap > .x-panel-body{
    border: 1px solid #848484;
}
.summaryLinks .text{
    color: #848484;
}
.summaryLinks .ip{
    margin-bottom: 15px;
	word-wrap: break-word;
	word-break:break-all;
}
.summaryLinks .ip a{
    color: #2F2F2F;
}

.summaryHistoryGrid .x-grid3-header{
    background-color: #FFFFFF;

}
.summaryHistoryGrid .x-grid3-header .x-grid3-hd-inner{
    font-size: 13px;
    color: #2F2F2F;
}
.summaryHistoryGrid .x-grid3-row{
    background-color: #F2F2F2;
    border: 0 solid;
}
.summaryHistoryGrid .x-grid3-row .x-grid3-col{
    border-right: 1px solid #E6E6E6;
}
.summaryHistoryGrid .x-grid3-row .x-grid3-col.x-grid3-cell-last {
    border-right: 0 solid;
}
.summaryHistoryGrid .x-grid3-row-over, .summaryHistoryGrid .x-grid3-row-selected{
    background-image: none;
}
.summaryHistoryGrid .x-grid3-row-alt{
    background-color: #FFFFFF;
}
.summaryHistoryGrid .x-grid3-col-0{
    text-align: center;
}
.summary_act_icon{
    width: 17px; height: 16px;
    display: inline-block;
}
.summary_act_icon.facebook{background-position: 0 -840px;}
.summary_act_icon.googleplus{background-position: 0 -870px;}
.summary_act_icon.picasa{background-position: 0 -1080px;}
.summary_act_icon.twitter{background-position: 0 -900px;}
.summary_act_icon.pinterest{background-position: 0 -1140px;}
.summary_act_icon.plurk{background-position: 0 -990px;}
.summary_act_icon.renren{background-position: 0 -960px;}
.summary_act_icon.youtube{background-position: 0 -1110px;}
.summary_act_icon.flickr{background-position: 0 -1050px;}
.summary_act_icon.weibo{background-position: 0 -930px;}
.summary_act_icon.Email{background-position: 0 -630px;}

/*Share DD End */
/*Verify Password Start ~ Class from modal_window_dd */
.sub_modal_window_VFPWD .windowIconDiv, .sub_modal_window_VFPWD .form .eye{
    background-image: url('/photo/images/icons/verify_window_slice.png?137547178');
}
.sub_modal_window_VFPWD .windowIconDiv{
    width: 31px;
    height: 30px;
    background-position: 0 0;
    top: 25px;
}
.sub_modal_window_VFPWD span.x-window-header-text{
    font-weight: 400;
    font-size: 21px;
    margin: 30px 0 0 65px;
}
.sub_modal_window_VFPWD .form{
    margin: 0 35px 0 35px;
}
.sub_modal_window_VFPWD .x-form-text, .ext-gecko .sub_modal_window_VFPWD .x-form-text, .ext-ie8 .sub_modal_window_VFPWD .x-form-text{
    padding: 1px 24px 1px 4px;
}
.sub_modal_window_VFPWD .form .hint{
    color: #2F2F2F;
    font-size: 14px;
}
.sub_modal_window_VFPWD .form .eye{
    background-position: 0 -30px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 8px;
    width: 20px;
}
.sub_modal_window_VFPWD input.x-form-field{
    font-size: 14px;
    height: 24px;
}
.sub_modal_window_VFPWD .form .eye.open{background-position: -30px -30px;}
/*Verify Password End */
/*Advanced Search Start */
.advSearch .qpc_v5_star, .qpc_advsearch_tagview .tag-remove{
    background-image: url('/photo/images/icons/search_slice.png?137547178');
}
.classSearchFileSize ~ input.qFileSize{
	position: absolute;
	left: 139px;
}
.classSearchFileSize ~ div.qCBSize_parent{
	position: absolute;
	left: 203px;
}

.classSearchRes ~ input.qWidth{
    position: absolute;
	left: 139px;
}
.classSearchRes ~ div.qWH{
    position: absolute;
	left: 199px;
    top: 0;
}
.classSearchRes ~ input.qHeight{
    position: absolute;
	left: 211px;
}

.classSearchTag{
    overflow: hidden;
    text-overflow: ellipsis;
}

.classUXCheckbox + label .switch{
    width: 16px;
    height: 16px;
    background-position: 0 -60px;
    position: absolute;
    top: 4px;
    left: -4px;
}
.classUXCheckbox + label.x-form-cb-label{
    padding: 0px 18px 0px 16px;
    top: -4px;
    font-size: 13px;
    color: #2F2F2F;
}
.classUXCheckbox:checked + label .switch{
    background-position: -60px -60px;
}

.classUXRadio + label .switch{
    width: 16px;
    height: 16px;
    background-position: 0 -90px;
    position: absolute;
    top: 4px;
    left: -4px;
    cursor: pointer;
}
.classUXRadio + label.x-form-cb-label{
    padding-left: 16px;
    font-size: 13px;
    color: #2F2F2F;
}
.classUXRadio:checked + label .switch{
    background-position: -60px -90px;
}

.advSearch .x-form-item-label{
    color: #848484;
}

.advSearch .qSelectTag, .advSearch .qSelectTag + img.x-form-trigger{
    /*margin-top: 10px;*/
}
.advSearch .qSelectTag{
    border-right-width: 0;
}
.advSearch .qSelectTag_parent{
    /*position: absolute;
	left: 95px;*/
    margin-top: 8px;
}

.advSearch .x-form-field-wrap .x-form-text, .advSearch .x-form-element .x-form-text{
    height: 20px;
}
.ext-gecko .advSearch .x-form-text, .ext-ie8 .advSearch .x-form-text, .advSearch .x-form-text{
    padding: 1px 10px;
}
.ext-strict .advSearch .x-small-editor .x-form-text.qnap_dateField{height: 20px !important;}
.advSearch .x-form-field-wrap .x-form-arrow-trigger{
    height: 22px;
    border-color: #848484;
}
.advSearch .x-form-text, .advSearch textarea.x-form-field{
    background-image: none;
    border-color: #848484;
}
.advSearch .x-form-text.x-form-focus, .advSearch textarea.x-form-field.x-form-focus, .advSearch .x-form-text.x-form-focus ~ .x-form-arrow-trigger{
    border-color: #000000;
}

.advSearch .x-form-field-wrap.x-item-disabled, .advSearch .x-form-field-wrap.x-item-disabled .x-form-text{
    cursor: not-allowed !important;
}

.qpc_advsearch_tagview{
    height: 80px;
    border: none;
    margin: 5px 0 0 0;
    padding: 0;
}
.qpc_advsearch_tagview .tag-wrap{
    float:left;
    border: 1px solid #2F2F2F;
    background-color: #ffffff;
    padding: 0 3px;
    margin: 0 8px 6px 0;
    min-height: 17px;
    height: 18px;
}
.qpc_advsearch_tagview .tag-text{
    float:left;
    color: #2F2F2F;
    white-space:nowrap;
    word-wrap: break-word;
    word-break:break-all;
    text-overflow: ellipsis;
    max-width:135px;
    overflow: hidden;
    line-height: 18px;
}
.qpc_advsearch_tagview .tag-remove{
    color: #2F2F2F;
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: 8px -473px;
}

.advSearch .colorTB, .advSearch .starTB{
    display:inline-block; position:relative; top: 2px; left:12px;
}
.advSearch .qpc_menu_tb_color_tag{
    border: 1px solid #FFFFFF;
    margin: 2px;
}
.advSearch .qpc_menu_tb_color_tag.over, .advSearch .qpc_menu_tb_color_tag.select{
    border: 1px solid #000000;
    margin: 2px;
}
.advSearch .qpc_menu_tb_color_tag .x-btn-mc{
    line-height: 0;
}

.advSearch .qpc_v5_star{
    background-position: 0 -83px;
}
.advSearch .starTB .select{
    background-position: 0 -53px;
}

.bgUseShare{
    background-image: url('/photo/images/icons/Share_slice.png?137547178');
}
.advSearch .bgUseRight{
    background-image: url('/photo/images/icons/right_panel.png?137547178');
}
.advSearch .x-form-item{
    margin-bottom: 8px;
}
.advSearch{
    position: absolute;
    padding: 20px 34px 20px 34px;
    background-color: #FFF;
    border: 1px solid #8C8C8C;
}
.advSearch .x-panel-header{
    background: none;
    border: 0 solid;
    padding: 0 0 20px 0;
    font-size: 16px;
    font-weight: 700;
    color: #2F2F2F;
}

/*Advanced Search End */
/*Guide Panel Start */
.qpc_guide_bg{
    top: 0;
    position: absolute;
}
.qpc_guide_bg .exit{
    position:absolute;
    left: 10px;
    bottom: 10px;
    color:#FFF;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}
.qpc_guide_welcome{
    border: 1px solid #B0B0B0;
    background-color: #FFF;
    position: absolute;
    opacity: 0;
    transition: opacity 0.9s ease 0.1s;
}
.qpc_guide_welcome.afterEffect{
    opacity: 1;
}
.qpc_guide_welcome .close{
    background-image: url('/photo/images/icons/Share_slice.png?137547178');
    background-position: 0 0;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.qpc_guide_welcome .imgPhoto{
    background-image: url('/photo/images/icons/page0_photo.png?137547178');
    width: 355px;
    height: 270px;
    position: absolute;
    right: 0;
    top: 42px;
}
.qpc_guide_welcome .desc{
    position: absolute;
    left: 50px;
    top: 90px;
    color: #333;
    width: 281px;
}
.qpc_guide_welcome .welcome{
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 25px;
}
.qpc_guide_welcome .guide, .qpc_guide_welcome .start0{
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    margin-bottom: 10px;
}
.qpc_guide_welcome .start1{
    font-size: 14px;
    line-height: 30px;
    color: #333;
    cursor: pointer;
    padding: 0 22px;
    height: 30px;
    border: 1px solid #333;
    margin-top: 48px;
    display: inline-block;
}

.qpc_guide_bg .function_name{
    position:absolute;
    bottom: 51px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    display: block;
}
.qpc_guide_bg .function_name_sub{
    position: relative;
    cursor: pointer;
    display: block;
    color:#FFF;
    margin: 0 auto;
    width: 320px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(74,74,74,0.9);
}

/*.qpc_guide_bg .step_radius{
    position: absolute;
    display: inline-block;
    padding: 5px 8px;
    bottom: 5px;
    cursor: pointer;
    left: 48%;
}
.qpc_guide_stepSubRadius{
    float: left;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #FFF;
    border: 1px solid #5F5F5F;
    margin-left: 4px;
}
.qpc_guide_stepSubRadius.on_use{
    background-color: #22EBFA;
}*/

.qpc_guide_bg .step_progress{
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    height: 51px;
    width: 100%;
    background-color: #F0F0F0;
}
.qpc_guide_stepSubProgress{
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 6px;
    bottom: 0;
    background-color: #D9D9D9;
    margin-left: 1px;
}
.qpc_guide_stepSubProgress.is_over{
    background-color: #2F8DCF;
}

.qpc_guide_stepControlButton{
    font-size: 14px;
    line-height: 30px;
    margin-top: 7px;
    color: #333;
    cursor: pointer;
    padding: 0 22px;
    height: 30px;
    border: 1px solid #999;
    background-color: #FFF;
}
.qpc_guide_stepControlButton.skip{
    float:left;
    margin-left: 33px;
}
.qpc_guide_stepControlButton.prev{
    float:right;
    margin-right: 16px;
}
.qpc_guide_stepControlButton.next{
    float:right;
    margin-right: 10px;
}

.qpc_guide_mask_b{
    border-color: rgba(255,255,255,0.7);
    border-style: solid;
}

.qpc_guide_pointBox{
    background-image: url('/photo/images/icons/point.png?137547178');
    width: 58px;
    height: 58px;
    position: absolute;
    display: inline-block;
    opacity: 0;
    transition: opacity 0.9s ease 0.1s;
}
.qpc_guide_pointBox.afterEffect{
    opacity: 1;
}
.qpc_guide_borderBox{
    position: absolute;
    display: inline-block;
}
.qpc_guide_divBox{
    position: absolute;
    display: inline-block;
    padding: 18px 22px;
    background-color: #FFF;
    border: 1px solid #5F5F5F;
    color: #2F2F2F;
    text-align: left;
    line-height: 22px;
    opacity: 0;
    transition: opacity 0.9s ease 0.1s;
}
.qpc_guide_divBox.afterEffect{
    opacity: 1;
}
.qpc_guide_divBox p {
    padding: 0 0 10px;
}

.qpc_guide_divBox.dragDropText{
    background-color: transparent;
    color: #2F2F2F;
    font-size: 30px;
    padding: 0;
    border: none;
}
.qpc_guide_divBox.btnGuideBlue{
    background-color: transparent;
    padding: 0;
    border: none;
}
.qpc_guide_divBox.btnGuideBlue .left, .qpc_guide_divBox.btnGuideBlue .middle, .qpc_guide_divBox.btnGuideBlue .right{
    background-image: url('/photo/images/icons/page7_bg.png?137547178');
    float: left;
}
.qpc_guide_divBox.btnGuideBlue .left{
    width: 30px;
    height: 30px;
}
.qpc_guide_divBox.btnGuideBlue .right{
    width: 30px;
    height: 30px;
    background-position: 0 -60px;
}
.qpc_guide_divBox.btnGuideBlue .middle{
    height: 30px;
    line-height: 30px;
    font-size:14px;
    background-position: 0 -30px;
    background-repeat: repeat-x;
    color: white;
}

/*el*/
.eolWindow{
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.30);
    border-radius: 8px;
    width: 940px;
    height: 510px;
}
.eolWindow .x-tool-close{
    margin: 10px 10px 0 0 ;
    background-image: url('../gallery/assets/images/close.svg');
    background-position: center;
}
.eolWindow .x-tool-close:hover{
    background-image: url('../gallery/assets/images/close_hover.svg');
}
.eolWindow .eolWrapper{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.eolWindow .eolContent{
    width: 48%;
    padding: 14px 35px 0 0;
    box-sizing: border-box;
}
.eolContent .installBtn{
    cursor: pointer;
    background-color: #417FFF;
    border-radius: 22px;
    font-size: 18px;
    color: #F9FAFB;
    line-height: 22px;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px 35px;
}
.eolContent .installBtn:hover{
    background: #1B64FA;
}
.eolContent h2{
    font-size: 26px;
    color: #2F2F2F;
    letter-spacing: 0;
    line-height: 34px;
    font-weight: 400;
    margin: 0 0 8px 0;
}
.eolContent a{
    color:#0000FF;
}
.eolContent p{
    font-size: 14px;
    color: #2F2F2F;
    letter-spacing: 0;
    line-height: 21px;
    font-weight: 400;
}
.eolWindow .eolImg{
    background-image: url('../gallery/assets/images/eol.png');
    width: 48%;
    box-sizing: border-box;
    margin: 3px 6px;
}
.eolCheckbox{
    margin-top: 32px;
    margin-bottom: 26px;
    display: inline-block;
}
.eolWindow .eolLabel{
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    line-height: 20px;
}
.eolCheckboxIcon{
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-image: url('../gallery/assets/images/checkbox.svg');
}
.eolCheckboxIcon:hover{
    background-image: url('../gallery/assets/images/checkbox_hover.svg');
}
.classUXCheckbox:checked + .eolLabel > .eolCheckboxIcon{
    background-image: url('../gallery/assets/images/selection.svg');
}
.classUXCheckbox:checked + .eolLabel > .eolCheckboxIcon:hover{
    background-image: url('../gallery/assets/images/selection_hover.svg');
}

/*Guide Panel End */
/*About Window Start */
.aboutWindow.modal_window_DD{
    border-width: 1px;
    background-color: #FAFAFA;
}
.aboutWindow.modal_window_DD span.x-window-header-text{
    margin: 8px 0 0 18px;
    color: #000;
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
}
.aboutWindow .x-window-header{
    height: 40px;
    border-bottom: 1px solid #b0b0b0;
}
.aboutWindow .x-window-header .icon{
    background-image: url('/photo/images/icons/ABOUT_slice.png?137547178');
    background-position: 0 0;
    width: 21px;
    height: 21px;
    float: left;
    margin: 2px 6px 0 0
}
.aboutWindow .x-window-bwrap{
    padding: 30px 0 24px 0;
}
.aboutWindow .x-window-body{
}
.aboutWindow .photo_out{
    width: 100%;
    margin-bottom: 34px;
}
.aboutWindow .photo_in{
    background-image: url('../gallery/assets/images/login_page_slice.png?137547178');
    background-position: 0 -360px;
    width: 68px;
    height: 68px;
    margin: 0 auto;
    display: block;
}
.aboutWindow .photoStation{
    width: 100%;
    margin-bottom: 14px;
    text-align: center;
}
.aboutWindow .photoStation_in{
    width: 180px;
    margin: 0 auto;
    display: block;
    border-bottom: 1px solid #b1b1b1;
    padding-bottom: 14px;
    height: 25px;
}
.aboutWindow .logoText1, .aboutWindow .logoText2{
    font-weight: 700;
    font-size: 25px;
    color: #028ED7;
    display: inline-block;
    line-height: 25px;
}
.aboutWindow .logoText2{
    font-weight: 300;
}
.aboutWindow .ver{
    font-size: 12px;
    line-height: 12px;
    color: #262626;
    width: 100%;
    text-align: center;
}
.aboutWindow .bottomArea{
    margin: 115px 18px 0 18px;
    position: relative;
}
.aboutWindow .qnap_icon{
    background-image: url('/photo/images/icons/ABOUT_slice.png?137547178');
    background-position: 0 -30px;
    width: 70px;
    height: 12px;
    display: inline-block;
}
.aboutWindow .qnap_url{
    margin-left: 6px;
    display: inline-block;
    position: relative;
    top: -2px;
}
.aboutWindow .qnap_url a{
    font-size: 12px;
    line-height: 12px;
    color: #0071ba;
}
.aboutWindow .qnap_url a:visited{color: #753f94;}
.aboutWindow .qnap_url a:hover{color: #015def;}
.aboutWindow .qnap_url a:active{color: #7eaefe;}
.aboutWindow .copyRight{
    font-size: 10px;
    line-height: 10px;
    color: #262626;
    display: inline;
}
.aboutWindow .qts_icon{
    background-image: url('/photo/images/icons/ABOUT_slice.png?137547178');
    background-position: 0 -150px;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    bottom: 0;
}
/*About Window End */
/*GeoTag Window Start */
.qpc_geoTag_window .point_btn{
    background-image: url('/photo/images/icons/right_panel.png?137547178');
    background-position: 0 -271px;
    height: 20px;
}
.qpc_geoTag_window .search_btn{
    background-image: url('/photo/images/common/Help_sprite.png?137547178');
    background-position: -50px 0px;
}
/*GeoTag Window End */
/*Res Window Start */
.qpc_res_window_win .x-window-bc .x-window-footer{
    padding-top: 0;
}
.qpc_res_window_win.modal-window .x-window-footer > .x-panel-fbar > .x-toolbar-ct{
    padding-bottom: 0;
}
/*Res Window End */
/*Log Window Start*/
.qpc_log_window .northPanel .x-form-field-wrap{
	height: 21px;
}
.qpc_log_window .northPanel .x-form-field-wrap input.x-form-text{
	height: 17px !important;
	font-size: 12px;
	padding: 1px 10px 1px 4px;
}
.qpc_log_window .x-grid-panel td .x-grid3-hd-inner, .qpc_log_window .x-grid-panel td.x-grid3-hd-over .x-grid3-hd-inner, .qpc_log_window .x-grid-panel td.sort-desc .x-grid3-hd-inner, .qpc_log_window .x-grid-panel td.sort-asc .x-grid3-hd-inner, .qpc_log_window .x-grid-panel td.x-grid3-hd-menu-open .x-grid3-hd-inner{
	background-color: #808898;
	background-image: none;
	color: #FFF;
	font-size: 11px;
}
.qpc_log_window .x-grid3-hd-row td, .qpc_log_window .x-grid3-hd-row td:hover{
	border-left: none;
}
.qpc_log_window .x-grid3-row{
	border-color: #fff transparent #bfbfbf;
	border-width: 1px 0;
}
.qpc_log_window .x-grid3-row.x-grid3-row-over{
	background-image: none;
	background-color: #e8e8e8;
	border-top: 1px solid #e8e8e8;
}
.qpc_log_window .x-grid3-cell-inner{
	font-size: 11px;
	word-wrap: break-word;
	white-space: normal;
	line-height: 22px;
	color: #2F2F2F;
	padding: 3px;
}

.qpc_log_window .error_fgcolor .x-grid3-cell-inner{
	color: #c30;
}
.qpc_log_window .warn_fgcolor .x-grid3-cell-inner{
	color: #e67903;
}

.statusIcon16, .statusIcon16_info, .statusIcon16_warning, .statusIcon16_error{
	background-image: url('/photo/images/icons/statusIcon_16.png?137547178');
	width: 16px;
	height: 16px;
}
.statusIcon16_info{
	background-position: 0px 0px;
}
.statusIcon16_warning{
	background-position: 0px -85px;
}
.statusIcon16_error{
	background-position: 0px -34px;
}
.qpc_log_window .open_eye{
    background-image: url('/photo/images/icons/verify_window_slice.png?137547178');
    background-position: -30px -30px;
    height: 16px;
    width: 20px;
    cursor: pointer;
}
/*Log Window End */

/* Qphoto guide window start */
.modal-window.qpc_qphoto_guide_window .x-window-header-text{
	margin: 14px 0 0 0;
	padding: 0 0 14px 34px;
	border-bottom: 1px solid #ccc;
}
.qpc_qphoto_guide_window .boxCmp{
	overflow-y: auto;
	overflow-x: hidden;
}
.qpc_qphoto_guide_window .qphotoEmptyMain{
	width: 100%;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .titleMain{
	margin: 20px 42px 22px 42px;
	padding: 20px 36px 9px 30px;
	background-color: #138EED;
	box-shadow: 0px 0px 20px 2px #8AB9FF;
	-webkit-box-shadow: 0px 0px 20px 2px #8AB9FF;
	-moz-box-shadow: 0px 0px 20px 2px #8AB9FF;
	-o-box-shadow: 0px 0px 20px 2px #8AB9FF;
	color: #FFF;
	word-wrap: break-word;
	word-break:break-all;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .titleMain .titleLeft{
	display: inline-block;
	padding: 0px 10px 22px 8px;
	width: 30%;
	vertical-align: top;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .titleMain .titleRight{
	display: inline-block;
	width: 65%;
	text-align: right;
	vertical-align: top;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .titleMain .tx1{
	font-size: 14px;
	font-weight: 700;
	padding-top: 8px;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .titleMain .tx2{
	font-size: 28px;
	font-weight: 700;
	padding-top: 22px;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .titleMain .tx3{
	font-size: 16px;
	font-weight: 700;
	padding-top: 8px;
}

.qpc_qphoto_guide_window .qphotoEmptyMain .descriptionMain{
	margin: 0 44px 30px 52px;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .descriptionMain ol{
	list-style-type: disc;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .descriptionMain ol li{
	margin: 5px 0px 5px 2px;
	font-weight: 400;
	font-size: 13px;
	color: #35496c;
}

.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea{
	background-color: #f1fbff;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .stepTitle{
	padding: 20px 45px;
	font-weight: 700;
	font-size: 18px;
	color: #0b3271;
	line-height: 22px;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideMain{
	width: 760px;
	min-width: 760px;
	padding-left: 63px;
	overflow: hidden;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideTitle, 
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideDescription,
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideBlock{
	width: 212px;
	min-width: 212px;
	padding-left: 10px;
	margin-left: 12px;
	overflow: hidden;
	display: inline-block;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideTitle.c2, 
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideDescription.c2,
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideBlock.c2{
	width: 264px;
	min-width: 264px;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideTitle{
	height: 19px;
	line-height: 18px;
	font-weight: 900;
	font-size: 15px;
	color: #1f67de;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .lineOut{
	position: relative;
	display: inline-block;
	width: 754px;
	max-width: 816px;
	height: 12px;
	max-height: 12px;
	overflow: hidden;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .lineOut .lineIn{
	position: absolute;
	width: 754px;
	height: 3px;
	top: 4px;
	background: -webkit-linear-gradient(left,#1f67de,#89ddfa);
	background: -o-linear-gradient(left,#1f67de,#89ddfa);
	background: -moz-linear-gradient(left,#1f67de,#89ddfa);
	background: linear-gradient(left,#1f67de,#89ddfa);
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .lineOut .circle{
	position: absolute;
	width: 12px;
	height: 12px;
	top: 0px;
	left: 0px;
	border-radius: 6px;
	background-color: #1f67de;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .lineOut .circle2{
	left: 234px;
	background-color: #50a2ef;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .lineOut .circle3{
	left: 520px;
	background-color: #75c8f6;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideDescription{
	line-height: 15px;
	font-weight: 400;
	font-size: 12px;
	color: #1f67de;
	word-wrap: break-word;
	word-break:break-all;
	white-space: normal;
	vertical-align: top;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .photoIcon,
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .videoIcon{
	background-image: url('/photo/images/toolbar/toolbar_rule_slice.png?137547178');
	background-repeat: no-repeat;
	width: 17px;
	height: 13px;
	display: inline-block;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .photoIcon{background-position: -30px -300px;}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .videoIcon{background-position: -30px -330px;}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideStepPhoto{
	height: 130px;
	width: 212px;
	display: inline-block;
	background-repeat: no-repeat;
	margin: 10px 0px 0 22px;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideStepPhoto.p2{width: 264px;}
.qpc_qphoto_guide_window .qphotoEmptyMain .moreArea{
	padding: 24px 42px;
	text-align: right;
	line-height: 15px;
	font-weight: 400;
	font-size: 13px;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .moreArea a{
	color: #35496c;
}
/* Qphoto guide window end */
/* Create Timelapse window start */
.createTimelapseVideo .tx1{
	line-height: 19px;
	font-size: 15px;
	font-weight: 400;
	color: #000;
}
.createTimelapseVideo .p1{
	margin:20px 0 24px 0;
}
.createTimelapseVideo .p2{
	margin-bottom: 6px;
}
.createTimelapseVideo .p3{
	margin-bottom: 18px;
	height: 15px;
}
.createTimelapseVideo .tx2{
	line-height: 15px;
	display: inline-block;
	margin: 0 0 5px 0;
	vertical-align: top;
	font-size: 12px;
	font-weight: 400;
	color: #195a87;
}
.createTimelapseVideo .hintIcon{
	display: inline-block;
	margin: 1px 8px 0 0;
	float: left;
}
.createTimelapseVideo .ckGroup{
	display: inline-block;
}
.createTimelapseVideo .ckSec{
	margin: 0 15px 0 5px;
}
/* Create Timelapse End */
/* __________________Menu Start____________________ */
/* Common Menu CSS */
.qpc_menu_1 {
    /*background: #ffffff none;
    border: 1px solid #b0b0b0;*/
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    box-shadow: 0 0 0 1px #b0b0b0;
    font-size: 13px;
    min-width: 210px;
}
.qpc_menu_no_max_width{
    max-width: none;
}
.qpc_menu_1 .x-menu-list{
    padding: 8px 0;
}
.qpc_menu_1 .x-menu-list-item{
    padding: 0;
}
.qpc_menu_1 .x-menu-item-icon{
    left: 9px;
    top: 9px;
}
.qpc_menu_1 .x-menu-item-text{
    padding: 0;
    /*position: absolute;*/
    left: 25px;
}
.qpc_menu_1 li .x-menu-sep{
    background-color: #CECECE;
    margin: 2px 30px 2px 0;
}
.qpc_menu_1 li.x-menu-sep-li{
    margin: 8px 0;
    height: 4px;
    min-height: 4px;
}
.qpc_menu_1 a.x-menu-item{
    line-height: 28px;
    height: 28px;
    color: #2F2F2F;
    padding: 0 40px 0 30px;
    size: 13px;
    text-align: left;
    overflow: hidden;
	white-space:nowrap;
	word-wrap: break-word;
	word-break:break-all;
	text-overflow: ellipsis;
}
.qpc_menu_1 .x-menu-item-active{
    border: 0;
    margin: 0;
    background: none;
}
.qpc_menu_1 .x-menu-list-item a.x-menu-item:hover{
    background-color: #DEFEFD;
}
/*.qpc_menu_1 .x-menu-item-active a.x-menu-item{color: #FEFEFE;}*/

.qpc_menu_2 {
    background: rgba(256,256,256,0.9) none;
    border: 1px solid #b0b0b0;
    padding: 20px 0 22px;
    min-width: 80px;
}
.qpc_menu_2 .x-menu-list{
    padding: 0;
}
.qpc_menu_2 .x-menu-list-item{
    padding: 0;
}
.qpc_menu_2 .x-menu-item-icon{
    left: 9px;
    top: 10px;
}
.qpc_menu_2 .x-menu-item-text{
    padding: 0;
    /*position: absolute;*/
    left: 25px;
}
.qpc_menu_2 li .x-menu-sep{
    background-color: #e8e8e8;
    margin: 2px 30px 2px 0;
}
.qpc_menu_2 li.x-menu-sep-li{
    height: 4px;
    min-height: 4px;
}
.qpc_menu_2 a.x-menu-item{
    line-height: 24px;
    height: 24px;
    color: #2F2F2F;
    padding: 0 14px;
    size: 13px;
    text-align: right;
}
.qpc_menu_2 .x-menu-item-active{
    background: #DEFEFD none;
    border: 0;
    margin: 0;
}
.qpc_menu_2 span.x-menu-text{
    font-size: 14px;
    font-weight: 700;
    padding: 0 14px 10px;
    display: block;
    text-align: right;
}


.qpc_menu_2 a.on_use{
    padding-left: 12px;
    margin: 2px 0;
    height: 20px;
    border-left: 2px solid #000;
}
.qpc_menu_2 a.x-menu-item.on_use span.x-menu-item-text{
    font-weight: 700;
    font-size: 13px;
    color: #2F2F2F;
}

.qpc_menu_head1 {
    background-color: white;
}

.qpc_menu_head1 .x-menu-item:hover{
    background-color: #DEFEFD;
    border-color: rgba(92,159,255,0.2);
}
.qpc_menu_head1 .x-menu-item:hover a.x-menu-item{
    color: #222222;
}
.qpc_menu_head1 .x-menu-item-active a.x-menu-item{
    font-weight: 700;
}


.qpc_menu_sortbox .qpc_menu_sort_up{
    background-position: 0 -6250px;
    width: 13px;
    height: 13px;
}
.qpc_menu_sortbox .x-menu-item-active .qpc_menu_sort_up{
    /*background-position: -50px -6250px;*/
    background-position: 0 -6250px;
}
.qpc_menu_sortbox .qpc_menu_sort_down{
    background-position: 0 -6200px;
    width: 13px;
    height: 13px;
}
.qpc_menu_sortbox .x-menu-item-active .qpc_menu_sort_down{
    /*background-position: -50px -6200px;*/
    background-position: 0 -6200px;
}
.qpc_menu_sortbox .qpc_menu_is_used{
    font-weight: bold;
}


.qpc_menu_stream2 .devTypeIcon, .qpc_menu_stream2 .refreshIconHtml{
    background-image: url('/photo/images/toolbar/photostation_right_click_slice.png?137547178');
}
.qpc_menu_stream2 .refreshIconHtml{
    float: right;
    position: absolute;
    /*background-image: url('/photo/images/toolbar/header.png?137547178');
    width: 16px; height: 18px;
    background-position: 0 -120px;*/
    background-position: 0 -390px;
    width: 12px; height: 12px;
    top: 12px; right: 12px;
    cursor: pointer;
}
.qpc_menu_media_1.qpc_menu_stream2 .x-menu-list-item a.x-menu-item:hover{
    background-color: #0D77A2;
    border-color: #0D77A2;
    font-weight: 400;
}
.qpc_menu_stream2.qpc_menu_1 .x-menu-list-item a.x-menu-item.dlnaairplay:hover, .qpc_menu_stream1 .x-menu-list-item a.x-menu-item.dlnaairplay:hover,
.qpc_menu_media_1.qpc_menu_stream2 .x-menu-list-item a.x-menu-item.dlnaairplay:hover{
    background-color: transparent;
}
.qpc_menu_media_1.qpc_menu_stream2 .refreshIconHtml, .qpc_menu_media_1.qpc_menu_stream2 .refreshIconAnimate,
.qpc_menu_stream1 .refreshIconHtml, .qpc_menu_stream1 .refreshIconAnimate{
    float: right;
    position: absolute;
    top: 12px; right: 10px;
    width: 18px; height: 20px;
    background-position: 0 -2760px;
}
.qpc_menu_media_1.qpc_menu_stream2 .refreshIconHtml:hover, .qpc_menu_media_1.qpc_menu_stream2 .refreshIconAnimate:hover,
.qpc_menu_stream1 .refreshIconHtml:hover, .qpc_menu_stream1 .refreshIconAnimate:hover{
    background-position: -30px -2760px;
}
.qpc_menu_stream2 .refreshIconAnimate, .qpc_menu_stream1 .refreshIconAnimate{

    -webkit-animation: streamReload 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation: streamReload 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes streamReload {
  100% {
    -webkit-transform: rotate(360deg); }
}
@keyframes streamReload {
  100% {
    transform: rotate(360deg); }
}
.qpc_menu_media_1.qpc_menu_stream2 a.x-menu-item.activeDevice{
    color: #00FFFF;
}

.qpc_menu_media_1.qpc_menu_stream2 .x-menu-list-item a.x-menu-item:hover{
    background-color: #0D77A2;
    border-color: #0D77A2;
    font-weight: 400;
}
.qpc_menu_media_1.qpc_menu_stream2 .devTypeIcon{
    width: 18px; height: 18px;
    position: absolute;
    top: 11px; left: 22px;
}
.qpc_menu_media_1.qpc_menu_stream2 .airIcon, .qpc_menu_media_1.qpc_menu_stream2 .x-menu-item-active .airIcon{background-position: 0 -2730px;}
.qpc_menu_media_1.qpc_menu_stream2 .dlnaIcon, .qpc_menu_media_1.qpc_menu_stream2 .x-menu-item-active .dlnaIcon{background-position: 0 -2700px;}
.qpc_menu_media_1.qpc_menu_stream2 .chromecastIcon, .qpc_menu_media_1.qpc_menu_stream2 .x-menu-item-active .chromecastIcon{background-position: 0 -3090px;}
.qpc_menu_media_1.qpc_menu_stream2 .hdplayerIcon, .qpc_menu_media_1.qpc_menu_stream2 .x-menu-item-active .hdplayerIcon{background-position: 0 -3150px;}
.qpc_menu_media_1.qpc_menu_stream2 .unknownIcon, .qpc_menu_media_1.qpc_menu_stream2 .x-menu-item-active .unknownIcon{background-position: 0 -3120px;}
.qpc_menu_media_1.qpc_menu_stream2 .activeDevice .airIcon, .qpc_menu_media_1.qpc_menu_stream2 .activeDevice .x-menu-item-active .airIcon{background-position: -30px -2730px;}
.qpc_menu_media_1.qpc_menu_stream2 .activeDevice .dlnaIcon, .qpc_menu_media_1.qpc_menu_stream2 .activeDevice .x-menu-item-active .dlnaIcon{background-position: -30px -2700px;}
.qpc_menu_media_1.qpc_menu_stream2 .activeDevice .chromecastIcon, .qpc_menu_media_1.qpc_menu_stream2 .activeDevice .x-menu-item-active .chromecastIcon{background-position: -30px -3090px;}
.qpc_menu_media_1.qpc_menu_stream2 .activeDevice .hdplayerIcon, .qpc_menu_media_1.qpc_menu_stream2 .activeDevice .x-menu-item-active .hdplayerIcon{background-position: -30px -3150px;}
.qpc_menu_media_1.qpc_menu_stream2 .activeDevice .unknownIcon, .qpc_menu_media_1.qpc_menu_stream2 .activeDevice .x-menu-item-active .unknownIcon{background-position: -30px -3120px;}
.qpc_menu_media_1.qpc_menu_stream2 a.x-menu-item{
    padding-left: 50px;
}
.qpc_menu_media_1.qpc_menu_stream2 .x-menu-item-active a.x-menu-item{color: #FFFFFF;}
.qpc_menu_media_1.qpc_menu_stream2 .x-menu-item-active a.x-menu-item.activeDevice{color: #00FFFF;}


.qpc_menu_stream2 a.x-menu-item.activeDevice{
    color: #00A8FF;
}
/*.qpc_menu_stream2 .x-menu-item-active a.x-menu-item.activeDevice{
    color: #FEFEFE;
}*/
/*.qpc_menu_stream2 .x-menu-item-active .refreshIconHtml{background-position: -50px -5600px;}*/
.qpc_menu_stream2 .devTypeIcon{
    width: 17px; height: 17px;
    position: absolute;
    top: 12px; left: 20px;
}
.qpc_menu_stream2 .airIcon{background-position: 0 -360px;}
.qpc_menu_stream2 .dlnaIcon{background-position: 0 -330px;}
.qpc_menu_stream2 .chromecastIcon{background-position: 0 -480px;}
.qpc_menu_stream2 .hdplayerIcon{background-position: 0 -540px;}
.qpc_menu_stream2 .unknownIcon{background-position: 0 -510px;}
.qpc_menu_stream2 .activeDevice .airIcon{background-position: -30px -360px;}
.qpc_menu_stream2 .activeDevice .dlnaIcon{background-position: -30px -330px;}
.qpc_menu_stream2 .activeDevice .chromecastIcon{background-position: -30px -480px;}
.qpc_menu_stream2 .activeDevice .hdplayerIcon{background-position: -30px -540px;}
.qpc_menu_stream2 .activeDevice .unknownIcon{background-position: -30px -510px;}
/*.qpc_menu_stream2 .x-menu-item-active .airIcon{background-position: 0 -5500px;}
.qpc_menu_stream2 .x-menu-item-active .dlnaIcon{background-position: 0 -5550px;}*/

.qpc_menu_stream2 a.x-menu-item{
    padding-left: 45px;
}
.qpc_menu_stream2 .x-menu-list{
    overflow-y: auto;
}


.qpc_menu_stream_vol{
    min-width: 0;
}
.qpc_menu_stream1 {
    background-color: rgba(0,0,0,0.8);
    background-image: none;
    border: 1px solid rgba(69,69,69,0.8);
    box-shadow: none;
}
.qpc_menu_stream1 .refreshIconHtml, .qpc_menu_stream1 .devTypeIcon{
    /*background: transparent url('/photo/images/toolbar/icon_Streaming.png?137547178') no-repeat;*/
    background: transparent url('/photo/images/toolbar/media_viewer_slice.png?137547178') no-repeat;
}
.qpc_menu_stream1 .refreshIconHtml{
    background-position: 0 -2760px;
    top: 6px; right: 12px;
    /*float: right;
    position: absolute;
    top: 7px; right: 10px;
    width: 12px; height: 12px;
    background-position: 0 -600px;*/
}
.qpc_menu_stream1 .devTypeIcon{
    width: 18px; height: 17px;
    position: absolute;
    top: 6px; left: 28px;
}
.qpc_menu_stream1 .airIcon{background-position: 0 -2730px;}
.qpc_menu_stream1 .dlnaIcon{background-position: 0 -2700px;}
.qpc_menu_stream1 .chromecastIcon{background-position: 0 -3090px;}
.qpc_menu_stream1 .hdplayerIcon{background-position: 0 -3150px;}
.qpc_menu_stream1 .unknownIcon{background-position: 0 -3120px;}
.qpc_menu_stream1 .activeDevice .airIcon{background-position: -30px -2730px;}
.qpc_menu_stream1 .activeDevice .dlnaIcon{background-position: -30px -2700px;}
.qpc_menu_stream1 .activeDevice .chromecastIcon{background-position: -30px -3090px;}
.qpc_menu_stream1 .activeDevice .hdplayerIcon{background-position: -30px -3150px;}
.qpc_menu_stream1 .activeDevice .unknownIcon{background-position: -30px -3120px;}
.qpc_menu_stream1 .x-menu-list{
}
.qpc_menu_stream1 .x-menu-item-active a.x-menu-item{
    background-color: #0D77A2;
    border-color: #0D77A2;
    font-weight: 400;
}
.qpc_menu_stream1 a.x-menu-item{
    line-height: 29px;
    height: 29px;
    color: #FFFFFF;
    size: 14px;
    text-align: left;
}
.qpc_menu_stream1 a.activeDevice.x-menu-item{
    color: #00A8FF;
}
.qpc_menu_stream1 .x-menu-item-icon{
    top: 7px;
}
.qpc_menu_stream1 a.used .x-menu-item-icon{
    /*background: transparent url('/photo/images/toolbar/icon_Streaming.png?137547178') no-repeat;
    background-position: 0 -398px;*/
    background: transparent url('/photo/images/toolbar/media_viewer_slice.png?137547178') no-repeat;
    background-position: -30px -2790px;
}
.qpc_menu_stream1 li .x-menu-sep{
    background-color: transparent;
    margin: 2px 1px;
    border-top-color: #131313;
    border-bottom-color: #353535;
}

.qpc_menu_stream1.qpc_menu_stream_dev a.x-menu-item{
    padding-left: 50px;
}

/* common dlna and airplay title left*/
.qpc_menu_stream1 a.x-menu-item, .qpc_menu_stream2 a.x-menu-item{
    text-align: left;
    white-space:nowrap;word-wrap: break-word; word-break:break-all;text-overflow: ellipsis;
    max-width:200px;overflow: hidden;
}
.qpc_menu_stream1 a.x-menu-item.dlnaairplay, .qpc_menu_stream2 a.x-menu-item.dlnaairplay{
    text-align: left;
    padding-left: 20px;
    max-width: none;
    cursor: default;
}
.qpc_menu_stream1 .x-menu-list-item.dlnaairplay a.x-menu-item:hover{
    background-color: transparent;
}
.qpc_menu_stream1 .x-menu-list-item a.x-menu-item:hover{
    background-color: #0D77A2;
    border-color: #0D77A2;
    font-weight: 400;
}

/* common Slideshow set by menu */
.qpc_menu_playSet a.x-menu-item{
    text-align: left;
    white-space:nowrap;word-wrap: break-word; word-break:break-all;text-overflow: ellipsis;
    max-width:200px;overflow: hidden;
}
.qpc_menu_playSet .x-menu-list{
    overflow-y: auto;
    max-height: 240px;
}
.qpc_menu_playSet .xtb-text{
    margin-left: 5px;
    line-height: 28px;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}

/* single photo toolbar resolution menu */

.qpc_menu_jwhd{
    background-color: transparent;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAADklEQVR42mNQQwIMxHEAuXQHISaBGr0AAAAASUVORK5CYII=");
    background-repeat: repeat;
    border-color: #b0b0b0;
    min-width: 84px;

}
.qpc_menu_jwhd .x-menu-list{
    padding: 3px 3px 3px 3px;
}
.qpc_menu_jwhd .x-menu-list-item{
    padding: 0;
}
.qpc_menu_jwhd .x-menu-item-active{
    background: transparent none;
    border: 0;
    margin: 0;
}
.qpc_menu_jwhd a.x-menu-item{
    color: #CCCCCC;
    font-size: 12px;
    padding: 2px 6px 2px 22px;
    text-align: left;
    white-space:nowrap;word-wrap: break-word; word-break:break-all;text-overflow: ellipsis;
    border: 0;
}
.qpc_menu_jwhd .x-menu-item-active a.x-menu-item{
    border: 0;
    margin: 0;
    color: #FFFFFF;
}
.qpc_menu_jwhd .x-menu-item-active a.x-menu-item.jwOptDef{
    color: #CCCCCC;
}

.qpc_menu_jwhd .icBack{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAuElEQVR42u2SQQqGIBCF/wOU1UYUMjAiQdSTeI4O2DnmUL9PatVq3AUNPBhEPt6bmd9XL6u+77uiXHRAV9+1wvais4iEEFXor7e9xdkJiJSSjDG0LAsppWgYhgplOb2iVdi2bRRCqHLOkdb6dpo5wAPu4AyglFJVjJGstTSOI+EPF4iYD+C6rjRNExuIyJgZYgJU5b2neZ7vBWX2UrAAzAwx4QwwuLuX0no2mBlAcMY4G85hf/Wu+gNm+kvWRCvtuQAAAABJRU5ErkJggg==");
}
.qpc_menu_jwhd .x-menu-item-active .icBack, .qpc_menu_jwhd .jwOptDef .icBack{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABfklEQVR42r2VTWqDUBSFG6v5KcVJsWTWaUZdRLuNbsNxt5CZ4/xsIJhAkGQJ3UBCcCA6UhBJQDDk9h04giREKQkVPpD37j3cc+/z+dD0iEirSn10s4hGHokG/iReEdIVbUVH0SMdrumlcKMYKzEUTwpT8aKwAN9N7hmMbdWKsYJnCrwpBop3MuCaxZh2KXrNpsHAPpK32+2H4zjfw+HQAXjHGoX7jDUu7FNQpxULCa7rftm2/TMajeLZbJaB8XgcYw17FLWYo58LaizfhCVVxScSl8vlYbPZSBiGEkWR7HY78TzvgD3E0L7JXO3cbpdNH8AaqoFYmqZSFIUcj0fZ7/fi+75MJpMYMYhlTre0XR1GT/GK5qNfsIjKIFY+p9NJ4jiW1Wp1QAximdODRqMgbKKyqmCSJLJYLLJrgrWW0TPYhBDI81yCIJDpdHrVcu1QMAD0DDZRGcTW63XdUJqPDSqdz+cZ+oZhNB6b+x/s+396t18Od72+/vuCvf0X8At7J48fIgP61QAAAABJRU5ErkJggg==");
}
.qpc_menu_jwhd .arrow{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAASklEQVR42p3KQQ2AMAAEwXOAi/lWSqUgpZIqASmVAN+GNECYZH8bHDhfOoLyYSxJEuwP054Z+mLqucOGMU0DW1ZQp7HmCRpa/roABHU6b1RN/woAAAAASUVORK5CYII=");
    bottom: -8px;
    height: 8px;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    width: 10px;
}

.qpc_menu_jwhd .jwm_head{
    display: inline-block;
    height: 18px;
    padding: 2px 0;
    color: #CCCCCC;
}
.qpc_menu_jwhd .x-menu-sep{
    line-height: 0;
    margin: 2px;
}
.qpc_menu_jwhd .jwm_link span{
    text-decoration:underline;
}

/* End */ /* QTS 4.2 Photostation 5 toolbar menu */
.qpc_menu_tb5{
    background-color: #FFFFFF;
    background-image: none;
    border-color: #B0B0B0;
    font-size: 13px;
}
.qpc_menu_tb5 .x-menu-list-item{
    padding: 0;
}
.qpc_menu_tb5 a.x-menu-item.checked{
    background-position: 5px -858px;
    background-repeat: no-repeat;
}


.qpc_menu_tb5 .x-menu-item-icon{
    width: 17px; height: 16px;
    left: 22px;
}
.qpc_menu_tb5 .x-menu-item-icon.thumb{background-position: -30px -30px;}
.qpc_menu_tb5 .x-menu-item-icon.list{background-position: -30px -60px;}
.qpc_menu_tb5 .x-menu-item-icon.timeline{background-position: -30px 0;}
.qpc_menu_tb5 .x-menu-item-icon.folder{background-position: -30px -90px;}
.qpc_menu_tb5 .x-menu-item-icon.email{background-position: 0 -1110px;}
.qpc_menu_tb5 .x-menu-item-icon.social{background-position: 0 -1140px;}
.qpc_menu_tb5 .x-menu-item-icon.link{background-position: 0 -1170px;}
.qpc_menu_tb5 .x-menu-item-icon.photo{background-position: -30px -300px;}
.qpc_menu_tb5 .x-menu-item-icon.video{background-position: -30px -330px;}

.qpc_menu_tb5 .x-menu-item-active .icBack,
.qpc_menu_tb5 .jwOptDef .icBack
{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABfklEQVR42r2VTWqDUBSFG6v5KcVJsWTWaUZdRLuNbsNxt5CZ4/xsIJhAkGQJ3UBCcCA6UhBJQDDk9h04giREKQkVPpD37j3cc+/z+dD0iEirSn10s4hGHokG/iReEdIVbUVH0SMdrumlcKMYKzEUTwpT8aKwAN9N7hmMbdWKsYJnCrwpBop3MuCaxZh2KXrNpsHAPpK32+2H4zjfw+HQAXjHGoX7jDUu7FNQpxULCa7rftm2/TMajeLZbJaB8XgcYw17FLWYo58LaizfhCVVxScSl8vlYbPZSBiGEkWR7HY78TzvgD3E0L7JXO3cbpdNH8AaqoFYmqZSFIUcj0fZ7/fi+75MJpMYMYhlTre0XR1GT/GK5qNfsIjKIFY+p9NJ4jiW1Wp1QAximdODRqMgbKKyqmCSJLJYLLJrgrWW0TPYhBDI81yCIJDpdHrVcu1QMAD0DDZRGcTW63XdUJqPDSqdz+cZ+oZhNB6b+x/s+396t18Od72+/vuCvf0X8At7J48fIgP61QAAAABJRU5ErkJggg==");
}
.qpc_menu_tb5 .x-menu-item-text{
    padding-left: 18px;
}
.qpc_menu_tb5 .arrow{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAASklEQVR42p3KQQ2AMAAEwXOAi/lWSqUgpZIqASmVAN+GNECYZH8bHDhfOoLyYSxJEuwP054Z+mLqucOGMU0DW1ZQp7HmCRpa/roABHU6b1RN/woAAAAASUVORK5CYII=");
    bottom: -8px;
    height: 8px;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    width: 10px;
}

.qpc_menu_tb5 .x-menu-sep{
    line-height: 0;
    margin: 2px;
}

/* End */

.qpc_menu_tb .x-toolbar-left{
    text-align: center;
}
.qpc_menu_tb .x-toolbar-left > table{
    display: inline-block;
}
.qpc_menu_tb_btn{
    border: 1px solid #b0b0b0;
    background-color: #ffffff;
}
.qpc_menu_tb_btn .x-btn-small .x-btn-text{
    height: 20px;
}

.qpc_menu_tb.rotate_tb .x-btn{
    width: 36px;
    height: 36px;
    margin-right: 10px;
    background-image: url("/photo/images/toolbar/photostation_right_click_slice.png?137547178");
}
.qpc_menu_tb.rotate_tb .x-btn button.x-btn-text{
    width: 36px;
    height: 36px;
}
.qpc_menu_tb.rotate_tb .left90{
    background-position: -120px 0;
    margin-left: 14px;
    margin-right: 15px;
}
.qpc_menu_tb.rotate_tb .right90{
    background-position: -120px -60px;
    margin-right: 0;
}
.qpc_menu_tb.rotate_tb .view{
    background-position: -120px -120px;
}
.qpc_menu_tb.rotate_tb .info{
    background-position: -120px -180px;
}
.qpc_menu_tb_star, .qpc_menu_tb_star_yes{
    background-image: url('/photo/images/icons/right_panel.png?137547178');
}
.qpc_menu_tb_star{
    background-position: 0 -360px;
    margin: 6px;
}
.qpc_menu_tb_star_yes{
    background-position: 0 -330px;
}

.qpc_menu_tb_color_tag,
.qpc_menu_tb_color_tag_arrow
{
    float: left;
}
.qpc_menu_tb_color_tag{
    width: 13px;
    height: 13px;
    background: transparent none;
    border: 1px solid #F0F0F0;
    margin: 0px;
}
.qpc_menu_tb_color_tag .x-btn-mc,
.qpc_menu_tb_color_tag .x-btn-mc > em,
.qpc_menu_tb_color_tag .x-btn-mc > em > button.x-btn-text{
    width: 13px;
    height: 13px;
    font-size: 0;
}
.qpc_menu_tb_color_tag.x-btn-noicon .x-btn-small .x-btn-text{
    line-height: normal;
}
.qpc_menu_tb_color_tag_arrow{
    background-image: url('/photo/images/toolbar/toolbar_rule_slice.png?137547178');
    background-position: 3px -986px;
}
.qpc_menu_tb_color_tag_arrow .x-btn-mc,
.qpc_menu_tb_color_tag_arrow .x-btn-mc > em,
.qpc_menu_tb_color_tag_arrow .x-btn-mc > em > button.x-btn-text{
    width: 8px;
    height: 13px;
    font-size: 0;
}
#right-panel .qpc_menu_tb_color_tag .x-btn-mc,
#right-panel .qpc_menu_tb_color_tag .x-btn-mc > em,
#right-panel .qpc_menu_tb_color_tag .x-btn-mc > em > button.x-btn-text{
    width: 7px;
    height: 7px;
    font-size: 0;
}
.qpc_add_edit_album_win .qpc_menu_tb_color_tag, .qpc_menu_1 .qpc_menu_tb_color_tag{
    margin: 2px /* Add this for fix Quality Review 54 cause smart album color tag margin issue */
}
.qpc_menu_tb_color_tag_select{
    border: 2px solid #000000;
    margin: 2px;
}

.qpc_menu_alpha{
    background: transparent none;
    /*background-color: #F4F2F1;*/
    border-color: transparent;
}

.qpc_m_btn_color_white{background-position: 0 -610px;}
.qpc_m_btn_color_orange{background-color: #F7D843;}
.qpc_m_btn_color_red{background-color: #FB5A88;}
.qpc_m_btn_color_blue{background-color: #5199FF;}
.qpc_m_btn_color_green{background-color: #B7F760;}
.qpc_m_btn_color_brown{background-color: #91965F;}
.qpc_m_btn_color_purple{background-color: #BD8CEA;}

.qpc_menu_ckbox_1, .qpc_menu_is_checked_1{
    background-image: url('/photo/images/icons/Share_slice.png?137547178');
    background-position: -30px -60px;
    width: 13px;
    height: 13px;
}
.qpc_menu_is_checked_1{background-position: -60px -60px;}

.qpc_menu_colorTag{
    min-width: 0;
    max-width: none;
    padding-top: 4px;
}
.qpc_menu_colorTag .x-menu-list{
    padding: 2px;
}
.qpc_menu_colorTag .x-menu-list-item:hover{
    background: #FFF none;
}

/* Menu End */

/* Action Window Start */

/*for "copy to album" window*/
.qpc_win_grid1 .x-grid3-header{
    display: none;
}
.qpc_win_grid1 .x-grid-group-hd div.x-grid-group-title, .qpc_win_grid1 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title{
    background-image: none;
    padding: 10px 5px;
}
.qpc_win_grid1 .x-grid3-row, .qpc_win_grid3 .x-grid3-row{
    background-color: transparent;
    border-color: transparent;
}
.qpc_win_grid1 .x-grid3-row-selected{
    background-color: transparent;
}
.qpc_win_grid1 .x-grid3-row-over{
    background: #DEFEFD none;
}
.qpc_win_grid1 .x-grid3-row td,.qpc_win_grid1 .x-grid3-summary-row td{
    height: 22px;
	vertical-align: middle;
    color:#2E2E2E;
}
.qpc_win_grid1 .x-grid3-row-selected td,
.qpc_win_grid1 .x-grid3-summary-row-selected td{
    color: #ffffff;
}
.qpc_win_grid1 .x-grid3{
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}


/*qpc_win_grid3 */
.qpc_win_grid3 .x-btn-text, .qpc_win_grid3 .x-grid3-cell-inner{
    color: #494747;
    font-size: 12px;
}
.qpc_win_grid3{
    background-color: #FFF;
}
.qpc_win_grid3 .x-grid3, .qpc_win_grid3 .x-panel-body{
    background-color: transparent;
    border: 0;
}
.qpc_win_grid3 .x-grid3-row-selected{
    background-color: #2CB1E7 !important;
    border: 1px solid #2CB1E7;
}
.qpc_win_grid3 .x-grid3-row-over{
    background: transparent none;
    border: 1px solid transparent;
}
.qpc_win_grid3 .x-grid3-row td,.qpc_win_grid3 .x-grid3-summary-row td{
    height: 22px;
	vertical-align: middle;
    color:#2E2E2E;
}
.qpc_win_grid3 .x-grid3-row-selected td,.qpc_win_grid3 .x-grid3-summary-row-selected td{
    color: #FFF;
}
.qpc_win_grid3 .x-grid3-cell-inner{
    padding-right: 15px;
}
.qpc_win_grid3_ii .x-grid3-cell-first .x-grid3-cell-inner{
    padding-right: 2px;
}

/* Add Edit Album Window */
.qpc_add_edit_album_win .s2p .tag-wrap{
    float:left;
    border: 1px solid #BBBBBB;
    padding: 5px 10px;
    margin: 6px 11px 0 0;
}
.qpc_add_edit_album_win .s2p .tag-text{
    float:left;
    color: #252525;
    white-space:nowrap;
    word-wrap: break-word;
    word-break:break-all;
    text-overflow: ellipsis;
    /*max-width:590px;*/
    width: 162px;
    overflow: hidden;
}
.qpc_add_edit_album_win div.smpp {
    border: 1px solid #e8e8e8;
}
.qpc_add_edit_album_win .s2p.smpp .tag-remove{
    color: #BBBBBB;
    padding-left: 10px;
    cursor: pointer;
}
.qpc_add_edit_album_win .smartOptItem .sop_matchSwitch{
	margin-left: 10px;
}
.qpc_add_edit_album_win .smartOptItem .qpc_menu_tb_star{
	margin: 0px 6px;
}
.qpc_add_edit_album_win .smartOptItem .qpc_menu_tb .match{
	height: 20px !important;
	padding: 0px 0px 0px 5px;
	font-size: 12px;
}
.qpc_add_edit_album_win .smartOptItem .qpc_menu_tb .match ~ img.x-form-trigger{
	height: 20px !important;
	padding: 0px;
}

/* Folder Select Window 5.3 (PS.action.folderSelect)*/
.folderSelect .pathDir{
	background-color: #474a4d;
	font-size: 12px;
	color: #FFF;
	padding-left: 10px;
}
.folderSelect .qpc_folder_select_tree .x-panel-body{
	border-left: none;
	border-right: none;
	padding: 0 30px;
}
.folderSelect .addFoldeP{
	border-bottom: 1px solid #D0D0D0;
}
.folderSelect .addNewFolder.x-form-text{
	float: left;
	width: calc(100% - 60px);
	border: none;
	padding: 2px 10px;
}
.folderSelect .btnAddFolder{
	float: left;
}

.qpc_folder_select_tree .x-tree-node{
    line-height: 20px;
    margin: 5px 0;
}
.qpc_folder_select_tree .x-tree-elbow-minus, .qpc_folder_select_tree .x-tree-elbow-plus, 
.qpc_folder_select_tree .x-tree-elbow-end-minus, .qpc_folder_select_tree .x-tree-elbow-end-plus{
    background-image: url('/photo/images/doplan_img/middle.png?137547178');
}
.qpc_folder_select_tree .x-tree-node .x-tree-node-icon{
    background-image: url('/photo/images/toolbar/edit_photo_info.png?137547178');
    background-repeat: no-repeat;
    height: 25px; width: 16px;
	background-position: 0 -142px;
}
.qpc_folder_select_tree .x-tree-node .qpc_folder_tree_check .x-tree-node-icon{ background-position: 0 -112px; }
.qpc_folder_select_tree .x-tree-node .qpc_folder_tree_check a span{ color: #0084FF; }
.qpc_folder_select_tree .x-tree-node .x-tree-node-anchor{
    top: 4px; left: 3px;
    position: relative;
    font-size: 13px;
}
.qpc_folder_select_tree .x-tree-elbow-line {
    background-image: none;
}
.qpc_folder_select_tree .x-tree-elbow-minus, .qpc_folder_select_tree .x-tree-elbow-plus, .qpc_folder_select_tree .x-tree-elbow-end-minus, .qpc_folder_select_tree .x-tree-elbow-end-plus{
    height: 25px; width: 20px;
}
.qpc_folder_select_tree .x-tree-elbow-plus, .qpc_folder_select_tree .x-tree-elbow-end-plus{background-position: 9px -4742px;}
.qpc_folder_select_tree .x-tree-elbow-minus, .qpc_folder_select_tree .x-tree-elbow-end-minus{background-position: 6px -4690px;}

/*Modify Time Win*/
.nospan_win_qts.q-app-systemPreferences .x-window-header-text{margin: 0 auto;}

/* Action Window End */

/* IE8 override fixes start */
.x-form-text,.ext-ie .x-form-text,.ext-ie .x-form-file{
	margin: 0;
}
/* IE override fixes end */

/* Special CSS */
.bs_no_select{
   -o-user-select:none;
   -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}
.doplan_right_card .exif_text .v_top,
.bs_text_select{
   -o-user-select:text;
   -moz-user-select: text;
   -ms-user-select: text;
   -webkit-user-select: text;
   user-select: text;
}
.bs_text_overflow_ellipsis{
    white-space:nowrap;
    word-wrap: break-word;
    word-break:break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* PC Cover Ext */

.x-layout-split-west{
    background-color: #e8e8e8;
    width: 1px;
}
.x-layout-split-east{
    background-color: #e8e8e8;
    width: 1px;
}
.x-grid3-header{
    background: #f4f4f4 none;
    padding: 0;
    height: 30px;
}
td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background-color: #f4f4f4;
    background-image: none;
    color: #666666;
}
.qpc_win_grid3 .x-grid3-header{
    background: #355284 none;
    height: 22px;
}

/*.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
    height:22px; width:24px;
    vertical-align: middle;
}*/

.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-window-mc{
    /*font-family:'QTS Font';*/
    font-weight: 400;
    font-size: 12px;
    color: #333333;
}
.x-window .x-window-header-text, .x-panel-ghost .x-window-header-text{
    display: block;
}

.x-panel-ghost .x-window-tl .x-window-header{
    display: none;
}

.x-masked select, .x-masked object, .x-masked embed{
    visibility: visible;
}
.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr{
    /*background-image: none;*/
    background-repeat: repeat;
}
/*
.x-grid3-row{
    border-color: transparent;
}
.x-grid3-row-selected{
    background-color: #BEDFEA !important;
    border: 1px solid;
    border-color: #BEDFEA;
}
.x-grid3-row-alt{
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid;
    border-color: #FFFFFF;
}
.x-grid3-row-over{
    background-color: #E6F1F4;
    background-image: none;
    border: 1px solid;
    border-color: #E6F1F4;
}
.x-grid3-row td,.x-grid3-summary-row td{
    height: 60px;
	vertical-align: middle;
    color:#333333;
}*/
.x-grid3-hd-inner{
    color: #666666;
    font-size: 14px;
    /*font-family:'QTS Font';*/
    font-weight: 300;
}
.qpc_win_grid3 .x-grid3-hd-inner{
    color:#FFF;
}

.x-grid3-hd-row td,.x-grid3-row td,.x-grid3-summary-row td{
    font-size: 12px;
}
.x-grid3-hd-row td{
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
.x-grid3-hd-row td:hover{
    border-left: 1px solid #BABABA;
    border-right: 1px solid #BABABA;
}
.qpc_win_grid3 .x-grid3-hd-row td{
    border-right-color: #FFF;

}
.x-grid3-header-offset{
    padding-right: 10px;
}

.x-window-bbar .x-toolbar{
    border-top-color: #D0D0D0;
}

.ext-mac.ext-chrome .x-form-radio, .ext-mac.ext-safari .x-form-radio
{
    margin-left:2px;
}

.x-form-display-field, .ext-ie .x-form-display-field,
.ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{
    padding-top: 3px;
}

/* Social Upload */
.qpc_createAlbumPri_A{
    background-image: url('/photo/images/doplan_img/middle.png?137547178');
    display: inline-block;
    background-position: 22px -4695px;
    width: 40px;
    height: 20px;
    position: absolute;
}
.qpc_fb_g_icon{
    background: transparent url('http://fbstatic-a.akamaihd.net/rsrc.php/v2/yH/r/eUYfuBIR9S1.png') no-repeat;
    display: inline-block;
}
.qpc_fb_h_0{
    background-position: -153px -394px;
    height: 12px; width: 17px;
}
.qpc_fb_h_1{
    background-position: -158px -378px;
    height: 12px; width: 17px;
}
.qpc_fb_h_2{
    background-position: -158px -378px;
    height: 12px; width: 17px;
}
.qpc_fb_h_3{
    background-position: -195px -378px;
    height: 12px; width: 11px;
}

/* Resolution Window */
.qpc_res_window_btn1{
    float: left;
    margin: 0 20px 10px 0;
}

.qpc_res_window_btn1 .x-btn-mc .x-btn-text{
    margin: 0 12px;
    font-size: 12px;
}

/* Modify ExtJS Display Mode */
.grid_list_all .xg-hmenu-sort-desc,
.grid_list_all .xg-hmenu-sort-asc,
.grid_list_all .x-menu-sep-li
{
    display: none !important;
}
/* Change ExtJS Default CSS */
.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
	background-image: url('/photo/images/common/green_checked_16.png?137547178');
}
/*.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner{
    background-image: url('/photo/images/coverext/slider-bg.png?137547178');
    background-image: url('/v3_menu/panel/slider-bg.png?137547178');
}
.x-slider-horz .x-slider-thumb{
    background-image: url('/photo/images/coverext/slider-thumb.png?137547178');
    background-image: url('/v3_menu/panel/slider-thumb.png?137547178');
    //z-index: 101 !important;
}*/

.x-menu-list-item{
    font-size: 13px;
}

.x-accordion-hd .x-panel-header-text{
    font-weight: bold;
}

.clearLeft {
    clear: left;
}


.dtsize_psize_gpout_6,
.dtsize_psize_gpout_7{
    border: 0;
    margin: 0;
    float: left;
    overflow: hidden;
}
.dtsize_psize_gpout_7{
    margin: 0 0 10px 10px;
    width: 270px !important;
}
.qsync-folder,
.home-folder{
    margin: 25px 0 10px 10px;
}

.dtsize_psize_gpout_6 .thumb-wrap .thumb_gp{
    position: relative;
    padding: 3px 0 0 0;
}

.folderIcon,
.folder-icon,
.image-arrow,
.image-check-no,
.image-check-yes,
.imageArrowCSS,
.imageCheckYesCSS,
.icon-uhd,
.icon-4k,
.icon-hd{
    background-image: url('/photo/images/toolbar/edit_photo_info.png?137547178');
}
.image-arrow,
.imageArrowCSS{
    background-position: 0 -30px;
    width: 20px;
    height: 15px;
    cursor: pointer;
}
.image-check-yes,
.imageCheckYesCSS{
    background-position: -60px 0;
    width: 15px;
    height: 15px;
}
.image-check-no,
.imageCheckNoCSS{
    background-image: none;
}
.folder-icon{
    /*background-position: 0 -270px;
    width: 60px;
    height: 50px;*/
    background-position: 0 -120px;
    width: 16px;
    height: 14px;
    display: inline-block;
}

.icon-hd{
    background-position: 0 -210px;
    width: 32px;
    height: 16px;
}
.icon-4k{
    background-position: 0 -240px;
    width: 32px;
    height: 16px;
}
.icon-uhd{
    background-position: 0 -600px;
    width: 32px;
    height: 16px;
}
.imageTranscoding1_CSS{background-image: url('/photo/images/common/transcoding1.gif?137547178'); width:42px; height:42px;}
.imageTranscoding2_CSS{background-image: url('/photo/images/common/transcoding2.gif?137547178'); width:26px; height:26px;}
.imageTransfail1_CSS{background-image: url('/photo/images/common/transfail1.png?137547178'); width:42px; height:42px;}
.imageTransfail2_CSS{background-image: url('/photo/images/common/transfail2.png?137547178'); width:26px; height:26px;}
.imagePlayicon_26CSS{background-image: url('/photo/images/common/playicon_16.png?137547178'); width:26px; height:26px;}


.imagePlayicon_42CSS{
    background-image: url('../gallery/assets/images/QTS+Photo-station_login_slice.png?137547178');
    background-position: 0 -390px;
    width:54px; height:54px;
}


/* Cover dd-proxy icon */
.x-dd-drop-nodrop .x-dd-drop-icon{
    top: 20%;
}

/* All Common CSS */
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text.qpc_close_ic2{
    background-image: url('/photo/images/doplan_img/toolbar.png?137547178');
    display: inline-block;
    background-position: 6px -1147px;
}
.float-left{
    float: left;
}

.x-form-text, textarea.x-form-field{
    background-image: none;
    border: 1px solid #b0b0b0;
}

.ext-el-mask {
    background-color: rgba(37, 52, 67, 0.3);
    opacity: 1;
}

.x-tab-panel-header, .x-tab-panel-footer{
    background-color: transparent;
}

.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
    background: transparent none;
}

.x-tab-strip span.x-tab-strip-text{
    font-size: 14px;
    text-align: center;
}

.x-tab-strip-active, .x-tab-strip-active a.x-tab-right{
    border-bottom: 2px solid #000000;
}

.x-tab-panel-noborder .x-tab-panel-header-noborder{
    border: 0;
}

.x-tab-strip-wrap{
    border-bottom: 1px solid #000000;
}

ul.x-tab-strip li{
    margin-left: 0;
}

.x-tab-scrolling .x-tab-strip-wrap{
    margin: 0 18px !important; /*Bug 63804 */
}
.x-tab-scroller-left-disabled{
    opacity: 1;
}
.x-tab-scroller-left, .x-tab-scroller-right{
    background: transparent url('/photo/images/icons/Share_slice.png?137547178') no-repeat;
    border-bottom-color: transparent;
    border-bottom: 0 solid #000000;
    width: 18px;
}
.x-tab-scroller-left{background-position: -25px -1249px;}
.x-tab-scroller-right{background-position: -25px -1219px;}
.x-tab-scroller-left-disabled.x-tab-scroller-left{background-position: 5px -1249px;}
.x-tab-scroller-left-disabled.x-tab-scroller-right{background-position: 5px -1219px;}

.x-window-tr,
.x-window-tl{
    background: transparent none;
    padding: 0;
}
.x-window-tc,
.x-window-mc{
    background-color: transparent;
}

.ext-gecko .x-form-text, .ext-ie8 .x-form-text, .x-form-text{
    padding: 1px 3px 1px;
}

.x-panel-body,
.x-tab-panel-noborder .x-tab-panel-body-noborder{
    background-color: #ffffff;
}

.x-form-field {
    font-size: 12px;
    font-weight: normal;
    /*font-family:'QTS Font';*/
    font-weight: 400;
}

.x-window-dlg .ext-mb-text, .x-window-dlg .x-window-header-text{
    font-size: 14px;
}

.x-window-bc .x-window-footer{
    padding-top: 30px;
    padding-bottom: 0;
}

.x-panel-btns td.x-toolbar-cell{
    padding: 0 1px 0 21px;
}

.ext-strict .x-small-editor .x-form-text.search{
    height: 22px !important;
    padding: 0 10px;
    color: #b4b4b4;
    border: 1px solid #000000;
    border-right: 0;
    font-size: 12px;
}

.x-form-field-wrap .x-form-trigger.search{
    background-image: url("/photo/images/icons/search_slice.png?137547178");
    background-position: -25px 8px;
    border: 1px solid #000000;
    border-left: 0;
    height: 22px;
}
.ext-strict .x-small-editor .x-form-text.search.x-form-empty-field, .ext-strict .x-small-editor .x-form-text.search.x-form-empty-field ~ .x-form-trigger.search{
    border-color: #b0b0b0;
}

.ext-strict .x-small-editor .on_album .x-form-text.search{
    border-right: 1px solid #b0b0b0;
    float: right;
}
.x-form-field-wrap.on_album .x-form-trigger.search{
    display: none;
}

.x-panel-noborder .x-panel-tbar-noborder .x-toolbar{
    border: 0;
    border-bottom: 1px solid #ffffff;
    background: #f4f4f4 none;
}

.top-toolbar .x-toolbar-ct{
    height: 100%;
}

.folder-path{
    font-size: 14px;
    /*font-family:'QTS Font';*/
    font-weight: 300;
}

.x-toolbar div.xtb-text{
    /*font-family:'QTS Font';*/
    font-weight: 300;
}

.black-background .x-grid3{
    background-color: black;
}
#thumbs-main.black-background > .x-panel-bwrap > .x-panel-body{
    background-color: black;
}
#thumbs-main .x-grid3-body {
    padding-top: 15px;
}


.spinner {
    background-image: url("/photo/images/common/loading.png?137547178");
    width: 21px;
    height: 21px;
    margin-right: 24px;
    float: left;
    -webkit-animation: loading 1s;

    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps(1);
    animation: loading 1s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1);
}
@-webkit-keyframes loading {
    0% {
        background-position: 0 0; }
    12.5% {
        background-position: 0 -30px; }
    25% {
        background-position: 0 -60px; }
    37.5% {
        background-position: 0 -90px; }
    50% {
        background-position: 0 -120px; }
    62.5% {
        background-position: 0 -150px; }
    75% {
        background-position: 0 -180px; }
    87.5% {
        background-position: 0 -210px; }
    100% {
        background-position: 0 0; }
}
@keyframes loading {
    0% {
        background-position: 0 0; }
    12.5% {
        background-position: 0 -30px; }
    25% {
        background-position: 0 -60px; }
    37.5% {
        background-position: 0 -90px; }
    50% {
        background-position: 0 -120px; }
    62.5% {
        background-position: 0 -150px; }
    75% {
        background-position: 0 -180px; }
    87.5% {
        background-position: 0 -210px; }
    100% {
        background-position: 0 0; }
}

.modal-window{
    /*padding: 30px 34px;*/
    padding: 1px;
    border: 1px solid #B0B0B0;
    background-color: white;
}
.modal-window .x-window-header-text{
    text-align: left;
    font-size: 20px;
    font-weight: 900;
    color: #474747;
    line-height: 20px;
    margin: 14px 0 0 34px;
    height: 24px;
}
.modal-window .x-window-footer > .x-panel-fbar > .x-toolbar-ct{
    padding-bottom: 30px;
    padding-right: 34px;
}

.modal-window .x-tab-strip-top{
    padding: 1px 34px 0 34px;
}
.modal-window .x-tool-close{
    margin: 10px 8px 0 0;
}

.panel_hold_LR{
    padding: 0 34px;
}

.modal_window_msg{
    padding: 24px 24px 24px 24px;
    border: 1px solid #B0B0B0;
    background-color: rgba(255,255,255,0.95);
}
.modal_window_msg .x-panel-ml, .modal_window_msg .x-panel-mr, .modal_window_msg .x-panel-mc{
    background: none;
}

.x-border-layout-ct {
    background-color: #ffffff;
}
.x-window-dlg .x-btn-noicon,
.modal-button
{
    border: 1px solid #999;
    height: 30px;
    padding: 2px 22px 3px;
}
.prefer-button button{
    font-weight: bold;
}
.prefer-button{
    border: 1px solid #333;
}
.modal-button.x-item-disabled, .prefer-button.x-item-disabled{
    color: #AEAEAE;
    border-color: #AEAEAE;
}

.modal-button.x-btn-text-icon .x-btn-icon-small-left .x-btn-text.withPlus{
    background-image: url('/photo/images/icons/Share_slice.png?137547178');
    background-position: -30px -507px;
    height: 20px;
}
.modal-window .x-btn-noicon .x-btn-small .x-btn-text{
    height: auto;
}

.modal_window_msg .ext-mb-text,
.modal_window_msg .tipConfirmFieldText,
.modal_window_msg .classUXCheckbox + label.x-form-cb-label{
    color: #2F2F2F;
    font-size: 14px;
}

.right-panel-icons,
.exif-icons .iconDiv{
    background-image: url('/photo/images/icons/right_panel.png?137547178');
    background-repeat: no-repeat;
}
.right-panel-icons.user-input{
    background-position: 0 -60px;
    position: relative;
    top: 5px;
    margin: 0 auto;
    width: 24px;
    height: 24px;
}
.right-panel-icons.media-info{
    background-position: 0 -90px;
    position: relative;
    top: 5px;
    margin: 0 auto;
    width: 24px;
    height: 24px;
}
.right-panel-icons.exif-info{
    background-position: 0 -120px;
    position: relative;
    top: 5px;
    margin: 0 auto;
    width: 24px;
    height: 24px;
}
.right-panel-icons.gps-mark{
    background-position: 0 -265px;
}
.right-panel-icons.gps-mark .locationValue{
    height: 17px;
    overflow: hidden;
}
.right-panel-icons.base-star{
    background-position: 0 -360px;
}
.right-panel-icons.star{
    background-position: 0 -330px;
}

.exif-icons .iconDiv{
    width: 28px;
    height: 20px;
    float: left;
    display: none;
}
.exif-icons.icon-Model .iconDiv{
    background-position: 0 -394px;
    display: inline-block;
}
.exif-icons.icon-Aperture .iconDiv{
    background-position: 0 -423px;
    display: inline-block
}
.exif-icons.icon-Exposure .iconDiv{
    background-position: 0 -454px;
    display: inline-block
}
.exif-icons.icon-FlashFiring .iconDiv{
    background-position: 0 -484px;
    display: inline-block
}
.exif-icons.icon-MeteringMode .iconDiv{
    background-position: 0 -512px;
    display: inline-block
}
.exif-icons.icon-FocalLength .iconDiv{
    background-position: 0 -544px;
    display: inline-block
}
.exif-icons.icon-ISO .iconDiv{
    background-position: 0 -573px;
    display: inline-block
}
.exif-icons.icon-WhiteBalance .iconDiv{
    background-position: 0 -605px;
    display: inline-block
}
.exif-icons.icon-Maker,
.exif-icons.icon-lensInfo{
    background-image: none;
}

.doplan_right_card .v_top .icon-FlashFiring > .xtb-text{
    white-space: nowrap;
}

.icon-album-type{
    position: absolute;
    right: 5px;
}
.icon-shared-album-expired,
.icon-shared-album,
.icon-public-album-expired,
.icon-public-album,
.icon-private-album,
.icon-center_isSmartAlbum,
.icon-photo-count,
.icon-video-count{
    background-image: url('/photo/images/icons/album_info.png?137547178');
}
.icon-public-album-expired{
    background-position: 0 -150px;
    width: 16px;
    height: 14px;
    display: inline-block;
}
.icon-public-album{
    background-position: 0 -120px;
    width: 16px;
    height: 14px;
    display: inline-block;
}
.icon-shared-album-expired{
    background-position: 0 -90px;
    width: 16px;
    height: 14px;
    display: inline-block;
}
.icon-shared-album{
    background-position: 0 -60px;
    width: 16px;
    height: 14px;
    display: inline-block;
}
.icon-private-album{
    background-position: 3px -180px;
    width: 16px;
    height: 14px;
    display: inline-block;
}
.icon-center_isSmartAlbum{
    background-position: 0px -270px;
    width: 45px;
    height: 36px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 3;
}
.icon-photo-count{
    background-position: 0 1px;
    width: 14px;
    height: 14px;
    display: inline-block;
}
.icon-video-count{
    background-position: 0 -29px;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.faceSuggested_click_add_tag{
    cursor: pointer;
    border: 1px solid #999;
    border-radius: 7px;
    padding: 1px 10px;
}
.faceAlbum_nameTag{
    position: absolute;
    right: 5px;
}
.faceSuggestedAlbumAddTagWindow{
	background-color: #FAFAFA;
	padding: 2px;
}

.x-menu-item-arrow{
    background-image: url('/photo/images/toolbar/arrow.png?137547178');
}

.task-icons{
    background-image: url('/photo/images/toolbar/bgtask_slice.png?137547178');
}
.task-icons.upload, .task-icons.restore, .task-icons.pdf, .task-icons.social{
    top: 20px;
    left: 28px;
    width: 22px;
    height: 22px;
    position: relative;
}
.task-icons.upload{
    background-position: 0 -210px;
}
.task-icons.restore{
    background-position: 0 0;
}
.task-icons.pdf{
    background-position: 0 -30px;
}
.task-icons.social{
    background-position: 0 -60px;
}
.task-icons.cancel{
    background-position: 0 -180px;
    width: 15px;
    height: 15px;
    position: relative;
    top: 22px;
    left: 24px;
    cursor: pointer;
}

.left-panel-toggle .x-btn-text {
    font-size: 22px;
    position: absolute;
    left: 5px;
    top: 0;
}

.albumImage {
    object-fit:cover;
    background-color: #ffffff;
    z-index: 1;
}

.album-avatar {
    position: absolute;
    left: 5px;
    bottom: 30px;
    border: 1px solid #d0d0d0;
    width: 20px;
    height: 20px;
}

form > .x-form-item {
    margin-bottom: 15px;
}

.x-window-dlg .x-window-body{
    padding: 0;
}

.path-anchor {
    color: #333;
    text-decoration: none;
}

.thumb-info {
    padding: 8px 10px 5px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 18px;
}

.primary-info {
    font-weight: 600;
}

.secondary-info {
    font-weight: 400;
    font-size: 12px;
}

.color-level {
    position: relative;;
    top: 1px;
    display: inline-block;
    width: 13px;
    height: 13px;
}
.color-level-0 {
    background-image: url('/photo/images/doplan_img/right.png?137547178'); background-position: 0px -610px;
}
.color-level-1 {
    background-color: #F7D843;
}
.color-level-2 {
    background-color: #FB5A88;
}
.color-level-3 {
    background-color: #5199FF;
}
.color-level-4 {
    background-color: #B7F760;
}
.color-level-5 {
    background-color: #91965F;
}
.color-level-6 {
    background-color: #BD8CEA;
}
.rating-level {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.bold,
div.xtb-text.loading-text {
    font-weight: 700;
}

.info-label {
    padding: 5px 0 0 4px;
    font-size: 12px;
    line-height: 15px;
    color: #2f2f2f;
    text-align: left;
    white-space: nowrap;
    vertical-align: baseline;
}

.qpc_media_viewer_info .info-label {
    color: #fff;
}

@-webkit-keyframes moving-rainbow {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes moving-rainbow {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes moving-rainbow {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format("opentype");}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format("opentype");}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format("opentype");}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format("opentype");}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format("opentype");}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:900;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format("opentype");}@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Thin.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Thin.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Thin.otf) format("opentype");}@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Light.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Light.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Light.otf) format("opentype");}@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.otf) format("opentype");}@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.otf) format("opentype");}@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.otf) format("opentype");}@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:900;src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Black.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Black.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format("opentype");}@font-face{font-family:"QTS Font";font-style:normal;font-weight:100;src:url(/v3_menu/fonts/Roboto/Roboto-Thin.ttf?v=20230111),local("Helvetica"),local("Arial"),local("Sans-serif"),local("Verdana"),local("Tahoma");}@font-face{font-family:"QTS Font";font-style:normal;font-weight:300;src:url(/v3_menu/fonts/Roboto/Roboto-Light.ttf?v=20230111),local("Helvetica"),local("Arial"),local("Sans-serif"),local("Verdana"),local("Tahoma");}@font-face{font-family:"QTS Font";font-style:normal;font-weight:400;src:url(/v3_menu/fonts/Roboto/Roboto-Regular.ttf?v=20230111),local("Helvetica"),local("Arial"),local("Sans-serif"),local("Verdana"),local("Tahoma");}@font-face{font-family:"QTS Font";font-style:normal;font-weight:700;src:url(/v3_menu/fonts/Roboto/Roboto-Medium.ttf?v=20230111),local("Helvetica"),local("Arial"),local("Sans-serif"),local("Verdana"),local("Tahoma");}@font-face{font-family:"QTS Font";font-style:normal;font-weight:900;src:url(/v3_menu/fonts/Roboto/Roboto-Bold.ttf?v=20230111),local("Helvetica"),local("Arial"),local("Sans-serif"),local("Verdana"),local("Tahoma");}.font-light,.ft{font-weight:100;}.font-light,.fl{font-weight:300;}.font-normal,.fn{font-weight:400;}.font-medium,.fm{font-weight:700;}.font-bold,.fb{font-weight:900;}