.syno-sds-module-wrap img {
	width: 32px;
	height: 32px;
}
.syno-sds-module-wrap div {
	font-size: 11px;
	padding-top: 1px;
	height: 40px;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.syno-sds-module-wrap {
	float: left;
	text-align: center;
	padding: 2px;
	width: 94px;
	height: 74px;
	border: 1px solid transparent;

	cursor: pointer;
	overflow: visible;
}
.syno-sds-module-column-header {
	position: relative;
	background-image: url(images/cp_split.png);
	background-repeat: repeat-x;
	background-position: center center;
	height: 22px;
	width: 830px;
}
.syno-sds-module-column-item h3 {
	position: absolute;
	color: #3C3C3C;
	background-color: #FAFAFA;

	padding: 2px 6px;
	font-size: 12px;
	height: 18px;
}
.syno-sds-module-column-item {
	height: 97px;
	width: 860px;
	padding: 0px 10px;
}

.syno-sds-cp-module-list {
	padding-top: 4px;
	background-color: #FAFAFA;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
}
.syno-sds-cp-module-list.syno-sds-cp-need-scroll {
	overflow-y: auto;
}

.syno-sds-cp-form-module-body {
	/* set body background color to transparent, to avoid body and footer has different bgcolor */
	overflow: hidden;
	background-color: transparent;
}

/* module container padding and background color */
.syno-sds-cp-module-ct {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
}
.syno-sds-cp-module-ct-body {
	padding: 20px 30px;
}
.syno-sds-cp-no-padding-bottom .syno-sds-cp-module-ct-body {
	padding: 20px 30px 2px 30px;
}
.syno-sds-cp-no-padding-all .syno-sds-cp-module-ct-body {
	padding: 0;
}

/* let tab panel footer and body has no separation */
.syno-sds-cp-container .x-tab-panel-footer {
	border: none;
}
.syno-sds-cp-container .x-tab-panel-body {
	border: none;
}
.syno-sds-cp-container .x-tab-panel-bwrap {
	border-style: none solid solid;
	border-width: 1px;
}

/* fieldset item and legend in the same x */
.syno-sds-cp-container .x-fieldset legend {
	margin-left: -2px;
}

/* reduce top/bottom padding */
.syno-sds-cp-container .x-fieldset {
	padding: 6px 10px;
}
.ext-ie .syno-sds-cp-container .x-fieldset {
	padding-top: 0px;
}

/* ControlPanel prev, next, home */
.syno-sds-cp-tbar .x-btn td {
	background-image: none;
}
.syno-sds-cp-tbar .x-btn button {
	padding: 0;
}

.syno-sds-cp-tbar .x-toolbar-ct .x-item-disabled {
	/* override default disabled opacity, disabled item will use another image */
    opacity: 1;
    -moz-opacity: 1;
    filter: none;
}

/* remove button border by BoxComponent */
.syno-sds-cp-tbar .x-btn-tl, .syno-sds-cp-tbar .x-btn-tc, .syno-sds-cp-tbar .x-btn-tr {
	display: none;
}

.syno-sds-cp-tbar .x-btn-ml, .syno-sds-cp-tbar .x-btn-mr {
	display: none;
}

.syno-sds-cp-tbar .x-btn-bl, .syno-sds-cp-tbar .x-btn-bc, .syno-sds-cp-tbar .x-btn-br {
	display: none;
}

.syno-sds-cp-tbar .x-btn .syno-sds-cp-tbar-back {
	background-image: url(images/back.png);
	background-position: 0 0;
	width: 26px;
	height: 22px;
}
.ext-gecko .syno-sds-cp-tbar .x-btn .syno-sds-cp-tbar-back {
	padding-left: 13px;
	padding-right: 13px;
}

.syno-sds-cp-tbar .x-btn-over .syno-sds-cp-tbar-back {
	background-position: 0 -22px;
}

.syno-sds-cp-tbar .x-btn-click .syno-sds-cp-tbar-back {
	background-position: 0 -44px;
}

.syno-sds-cp-tbar .x-item-disabled .syno-sds-cp-tbar-back {
	background-position: 0 -66px;
}

.syno-sds-cp-tbar .x-btn .syno-sds-cp-tbar-next {
	background-image: url(images/next.png);
	background-position: 0 0;
	width: 26px;
	height: 22px;
}
.ext-gecko .syno-sds-cp-tbar .x-btn .syno-sds-cp-tbar-next {
	padding-left: 13px;
	padding-right: 13px;
}

.syno-sds-cp-tbar .x-btn-over .syno-sds-cp-tbar-next {
	background-position: 0 -22px;
}

.syno-sds-cp-tbar .x-btn-click .syno-sds-cp-tbar-next {
	background-position: 0 -44px;
}

.syno-sds-cp-tbar .x-item-disabled .syno-sds-cp-tbar-next {
	background-position: 0 -66px;
}

.syno-sds-cp-tbar .x-btn .syno-sds-cp-tbar-all {
	background-image: url(images/all.png);
	background-position: 0 0;
	width: 36px;
	height: 22px;
}
.ext-gecko .syno-sds-cp-tbar .x-btn .syno-sds-cp-tbar-all {
	padding-left: 18px;
	padding-right: 18px;
}

.syno-sds-cp-tbar .x-btn-over .syno-sds-cp-tbar-all {
	background-position: 0 -22px;
}

.syno-sds-cp-tbar .x-btn-click .syno-sds-cp-tbar-all {
	background-position: 0 -44px;
}

.syno-sds-cp-tbar .x-item-disabled .syno-sds-cp-tbar-all {
	background-position: 0 -66px;
}

#external-device-data-view .external-device-item {
	width: 120px;
	height: 180px;
	overflow: hidden;
	margin: 10px;
	padding: 5px;
	float: left;
	text-align: center;
	border: 1px solid transparent;
}

#external-device-data-view .external-device-item-status,
#external-device-data-view .external-device-item-name,
#external-device-data-view .external-device-item-product-name {
	width: 110px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	padding: 1px 0;
}

#external-device-data-view .external-device-item-product-name {
	color: #888;
}

#external-device-data-view .x-view-over {
	background-color: #EFEFEF;
	border: 1px solid #DDDDDD;
}

#external-device-data-view .x-view-selected {
	background-color: #EFF5FB;
	border: 1px solid #99BBE8;
}

.external-device-fbar-hide, .syno-mediaserver-fbar-hide {
	display: none;
}

.syno-sds-cp-network .syno-sds-cp-network-select {
	border: none;
	border-right: 1px solid #D0D0D0;
}
.syno-sds-cp-network .syno-sds-cp-network-detail {
	border: none;
	border-left: 1px solid #D0D0D0;
}
.syno-sds-cp-firewall .syno-sds-cp-network-select {
	border-color: #7AAACC;
}
.syno-sds-cp-firewall .syno-sds-cp-network-detail {
	border: 1px solid #7AAACC;
}
.syno-sds-cp-network-select .interface {
	padding-left: 36px;
	height: 32px;
	background-repeat: no-repeat;
}
.syno-sds-cp-network-select .lan {
	background-image: url(images/net_lan_normal.png) !important;
}
.syno-sds-cp-network-select .lan-disconnected {
	background-image: url(images/net_lan_disconnect.png) !important;
}
.syno-sds-cp-network-select .pppoe {
	background-image: url(images/net_pppoe_normal.png) !important;
}
.syno-sds-cp-network-select .pppoe-disconnected {
	background-image: url(images/net_pppoe_disconnect.png) !important;
}
.syno-sds-cp-network-select .wireless {
	background-image: url(images/net_wireless_normal.png) !important;
}
.syno-sds-cp-network-select .wireless-disconnected {
	background-image: url(images/net_wireless_disconnect.png) !important;
}
.syno-sds-cp-network-select .wimax {
	background-image: url(images/net_wimax_normal.png) !important;
}
.syno-sds-cp-network-select .wimax-disconnected {
	background-image: url(images/net_winax_disconnect.png) !important;
}
.syno-sds-cp-network-select .bond {
	background-image: url(images/net_bond_normal.png) !important;
}
.syno-sds-cp-network-select .bond-disconnected {
	background-image: url(images/net_bond_disconnect.png) !important;
}
.syno-sds-cp-network-select .interface .ifname {
	padding-top: 1px;
	padding-bottom: 1px;
}
.syno-sds-cp-network-select .interface .status {
	color: #777;
}

.syno-sds-cp-btn .x-btn-tl,
.syno-sds-cp-btn .x-btn-tc,
.syno-sds-cp-btn .x-btn-tr,
.syno-sds-cp-btn .x-btn-bl,
.syno-sds-cp-btn .x-btn-bc,
.syno-sds-cp-btn .x-btn-br {
	display: none;
}

.syno-sds-cp-btn .x-btn-ml i, .syno-sds-cp-btn .x-btn-mr i {
	width: 12px;
}

.syno-sds-cp-btn .x-btn-ml {
	background-image: url(images/bt_a.png);
	background-position: 0 0;
	height: 22px;
}

.syno-sds-cp-btn .x-btn-over .x-btn-ml {
	background-position: 0 -66px;
}

.syno-sds-cp-btn .x-btn-click .x-btn-ml {
	background-position: 0 -132px;
}

.syno-sds-cp-btn .x-item-disabled .x-btn-ml {
	background-position: 0 -198px;
}

.syno-sds-cp-btn .x-btn-mc {
	background-image: url(images/bt_a.png);
	background-position: 0 -22px;
}

.syno-sds-cp-btn .x-btn-over .x-btn-mc {
	background-position: 0 -88px;
}

.syno-sds-cp-btn .x-btn-click .x-btn-mc {
	background-position: 0 -154px;
}

.syno-sds-cp-btn .x-item-disabled .x-btn-mc {
	background-position: 0 -220px;
}

.syno-sds-cp-btn .x-btn-mr {
	background-image: url(images/bt_a.png);
	background-position: 0 -44px;
	height: 22px;
}

.syno-sds-cp-btn .x-btn-over .x-btn-mr {
	background-position: 0 -110px;
}

.syno-sds-cp-btn .x-btn-click .x-btn-mr {
	background-position: 0 -176px;
}

.syno-sds-cp-btn .x-item-disabled .x-btn-mr {
	background-position: 0 -242px;
}

/* icon for share lock/unlock */
.syno-sds-cp-share-lock {
	width: 16px;
	height: 16px;
	background: transparent no-repeat url(images/share_lock.png);
}
.syno-sds-cp-share-unlock {
	width: 16px;
	height: 16px;
	background: transparent no-repeat url(images/share_unlock.png);
}

.syno-sds-cp-message-warning {
	color: red;
}

.syno-sds-cp-tbar .x-window .x-toolbar-cell .x-btn {
	margin: 3px 2px;
}

/* adjust toolbar padding */
.syno-sds-cp-container .x-grid-panel .x-panel-tbar .x-toolbar-ct {
	padding-right: 5px;
}
.syno-sds-cp-tbar .x-toolbar-ct {
	padding-right: 2px;
}

.syno-sds-strength-bar {
	background-image: url(images/strength_bg.png);
	background-repeat: repeat-y;
}

/* reduce toolbar button padding of Share module to avoid overflow */
.syno-sds-cp-module-ct-body .syno-sds-cp-share-module-panel .x-panel-tbar .x-btn-text {
	padding-left: 6px;
	padding-right: 6px;
}

.syno-sds-cp-module-upgrade-autoupgrade-check {
	padding-bottom: 6px;
}

.syno-sds-cp-dsm-logintab div.thumb {
	float: left;
	width: 100px;
	height: 70px;
	border: 2px solid transparent;
	background-position: center center;
	background-repeat: no-repeat;
}

.syno-sds-cp-dsm-logintab div.thumb.x-view-over {
	border-color: #EEE;
}

.syno-sds-cp-dsm-logintab div.thumb.x-view-selected {
	border-color: #99BBE8;
	background-color: #EFF5FB;
}

.syno-mediaserver-index {
	height: 16px;
	width: 16px;
	margin: 0 auto;
	background-image: url("images/icon_tick.png");
	background-repeat: no-repeat;
}
.syno-mediaserver-index-enabled {
	background-position: 0px 0px;
}
.syno-mediaserver-index-disabled {
	background-position: -16px -16px;
}

/* for power general setting panel (disable it for bug #17552)*/
/*
.syno-sds-cp-power-general-panel .x-fieldset {
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 10px;
}

.syno-sds-cp-power-general-panel .x-fieldset-body {
	margin-left: 5px;
	margin-right: 5px;
}