/* �����������йܹ�����ʽ */
/* ģ��������ʽ */
.server-location-select .btn-select {
	background-image: url(../../images/user/drop_icon_location.png) ;
}
.server-location-select .dropdown-menu > li > a {
	background-image: url(../../images/user/drop_state_on.png);
}
.server-location-select .dropdown-menu > li > a:hover,
.server-location-select .dropdown-menu > li > a:focus,
.server-location-select .dropdown-menu > li > a.ny-drop-active {
	background-image: url(../../images/user/drop_state_reverse.png);
}
.server-operates .btn-operate-add {
	font-size: 14px;
}
.operate-icon {
	position: absolute;
	top: 50%;
	left: 10px;
	z-index: 10;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: no-repeat center;
}
.operate-icon-refresh {
	background-image: url(../../images/user/server_refresh.png);
	left: 50%;
	margin-left: -8px;
}
.operate-icon-restart {
	background-image: url(../../images/user/server_restart.png);
}
.operate-icon-start {
	background-image: url(../../images/user/server_start.png);
}
.operate-icon-stop {
	background-image: url(../../images/user/server_stop.png);
}
.server-help {
	margin-top: 10px;
	padding-left: 20px;
	background: url(../../images/user/server_help.png) no-repeat left center;
}
.edit-name {
	display: inline-block;
	width: 16px;
}
tr:hover .edit-name,
.manage-edit-name {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/user/server_edit.png) no-repeat center;
	vertical-align: sub;
}
.server-empty-info {
	display: inline-block;
	padding: 20px 0 20px 52px;
	background-position: left center;
}
.operate-spacing {
	padding: 0 5px;
}
/* ������������� */
.server-operate-container {
	position: relative;
	z-index: 1;
}
.server-operate-container .ny-btn-paddingl {

}
.forbidden-cover {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: -10;
	left: 0;
	right: 0;
	cursor: not-allowed;
}
.operates-disabled .forbidden-cover {
	display: block;
	z-index: 10;
	/* IE�²����ñ�����ɫʱ�޷��ﵽ�ڸ�Ч�� */
	background-color: #fff;
	opacity: 0.01;
	filter: alpha(opacity=1);
}
/* ������״̬ */
.server-state-opening {
	background-image: url(../../images/user/server_state_opening.png);
}
.server-state-run {
	background-image: url(../../images/user/server_state_run.png);
}
.server-state-paused {
	background-image: url(../../images/user/server_state_paused.png);
}
.server-state-stop {
	background-image: url(../../images/user/server_state_stop.png);
}
.server-state-fail {
	background-image: url(../../images/user/server_state_fail.png);
}
.server-state-upgrading {
	background-image: url(../../images/user/server_state_upgrading.png);
}
.server-state-down {
	background-image: url(../../images/user/server_state_down.png);
}
.server-state-loading {
	background-image: url(../../images/user/server_state_loading.gif);
}


/* ����������iframe */
.restart-container {
	padding: 28px 40px 0 0;
}
.restart-method-line {
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
}
.restart-method-line:after {
	content: "";
	position: absolute;
	right: -200px;
	top: 50%;
	z-index: 10;
	width: 200px;
	height: 1px;
	background-color: #ddd;
}
.restart-container label {
	margin-bottom: 0;
}
.restart-method-change {
	margin-bottom: 10px;
}
.restart-method-change label {
	width: 130px;
}
input.restart-radio {
	margin-top: 2px;
}
/* ���������� */
.disk-tier {
	margin-top: 10px;
}
.disk-tier:first-child {
	margin-top: 0;
}
.add-disk-remind {
	line-height: 32px;
}
.more-disk,
.delete-disk{
	display: inline-block;
	padding-left: 20px;
	background: url(../../images/user/operate_more.png) left center no-repeat;
	cursor: pointer;
}
.more-disk:hover {
	background-image: url(../../images/user/operate_more_hover.png);
	color: #ff4b3f;
}
.delete-disk {
	margin-left: 20px;
	background-image: url(../../images/user/operate_delete.png);
}
/* �������й� */
.remark-words {
	line-height: 20px;
}
/* VNC ������ť */
.vnc-operate {
	width: 160px;
	font-size: 16px;
	height: 36px;
	line-height: 35px;
}
.btn-reverse.vnc-operate {
	line-height: 34px;
}
/* ��������װ */
.install-systems {
	max-height: 200px;
	overflow-y: scroll;
}
.install-input,
.install-systems-select {
	width: 219px;
}

/*ͼ����ʽ*/
.chart-pages{
	position:relative;
	width: 100%;
	height: 342px;
}
.charts-loading{
	display: none;
	position:absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-color: #fff;
}
.charts-loading-icon{
	position:absolute;
	top: 35%;
	left: 50%;
	width: 40px;
	height: 60px;
	margin-left: -20px;
	background: url(../../images/user/chartsLoading.gif) no-repeat center center;
}
.not-data{
	position:absolute;
	top: 30%;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.not-data i{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	vertical-align: middle;
	background: url(../../images/user/tip_icon_info_16.png) no-repeat center center;
}
.not-data span > a{
	margin-left: 5px;
}
.chart-list li .round {
	position: relative;
	width: 110px;
	height: 110px;
}
.chart-list li > p {
	margin-top: 10px;
}
.chart-list li .round span.percent {
	position: absolute;
	width: 100px;
	text-align: center;
	top:36%;
	left: 5%;
	font-size: 24px;
}
.percent{
	color: #28a928;
}



.tabel-list {
	width: 100%;
}
/* �Ҳ������ʹ��ͼ�� start*/
.chart-right {
	width: 50%;
	height: auto;
	border: 1px solid #eee;
	position: relative;
}
.chart-right .chart-title {
	height: 40px;
	line-height: 40px;
	padding-left: 12px;
	background-color: #f5f9fa;
    font-size: 14px;
    font-weight: normal;
    border-bottom: 1px solid #eee;
}
.chart-right .chart-list {
	width: 100%;
	padding:0 12px;

}

.chart-right .chart-list li {
	float: left;
	position: relative;
	width: 25%;
	padding:30px 0 20px 0;
	text-align: center;
	border-bottom:1px solid #009fd9;
	cursor: pointer;
}
.chart-right .chart-list li.curr i{
	position: absolute;
	bottom: -1px;
	left:50%;
	margin-left:-20px;
	width: 40px;
	height: 20px;
	background: url(../../images/user/curr_rack.png) no-repeat center bottom;
}
.chart-right .chart-list li em{
	display: inline-block;
	width: 120px;
	height: 120px;
	cursor: pointer;
}
.time-btn-group{
	position: absolute;
	top: 252px;
	right: 12px;
	z-index: 10;
}
.time-btn-group span{
	margin-right: 30px;
	padding-top:5px;
}
.time-btn {
	background-color: #f5f5f5;
}
.btn-active{
	background-color: #009fd9;
	color:#fff;
}
.round{
	margin:0 auto;
}
.bg-round span{
	position: absolute;
	left: 29%;
}
.round span.upload{
 	top:32px;
}
.round span.download{
	top:60px;
}
.bg-round{
	background:url(../../images/user/up_down_load.png) no-repeat center;
	height: 110px;
	width: 110px;
	position: relative;
}
.err-text{
	font-size: 24px;
	color:#bbb;
	line-height: 80px;
}
.text-right .btn {
	font-size: 12px;
	padding: 4px 8px;
}
.text-right .btn:hover {
	color: #009FD9;
}
.text-right .btn-active:hover {
	color: #fff;
}
/*.server-manager-btns {
	margin-left: 120px;
	margin-top: -40px;
	vertical-align: top;
}*/
.cloud-set {
	position: absolute;
}
.server-manager-btns {
	position: relative;
	margin-left: 120px;
}
@media screen and (max-width: 1660px) {
	
}
/* �������� */
.host-first-td {
	position: relative;
}
.faker-link {
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 0;
	right: 0;
}