#user-header {
	position: absolute;
	overflow: hidden;
	z-index: 0;
	margin: 0px;
	top: 0px;
	bottom: auto;
	left: 0px;
	right: 0px;
	width: auto;
	height: 61px;
	display: block;
	visibility: visible;
}

#header-body {
	background: transparent url("../img/nav-repeat-bg.png") repeat-x scroll 0 0;
	height: 61px;
	overflow: hidden;
}

#h1 {
	height: 40px;
	position: relative;
}

#h1-left {
	float: left;
	overflow: hidden;
	position: absolute;
	left: 50px;
	width: 200px;
}

p#h1-left-p1 {
	float: left;
	background: transparent url("../img/nav-bg.png") no-repeat scroll 0 0;
    height: 21px;
    margin: 8px 6px 0 25px;
    width: 25px;
}

p#h1-left-p2 {
	float: left;
	color: rgb(255, 255, 255);
    line-height: 42px;
}

#h1-mid {
	height: 100%;
    left: 250px;
    min-width: 500px;
    overflow: hidden;
    position: absolute;
}

#h1-mid p {
	height: 22px;
    margin: 8px 0 0 30px;
    width: 22px;
}

#h1-mid-icon {
	height: 100%;
    width: auto;
}

#h1-mid-icon li {
    cursor: pointer;
    float: left;
    height: 100%;
    width: 83px;
}

.h1-mid-icon-home-active, .h1-mid-icon-device-active, .h1-mid-icon-scene-active, .h1-mid-icon-data-active, .h1-mid-icon-system-active{
    background: #3a3e41 none repeat scroll 0 0;
    color: #3a3e41;
}

.h1-mid-icon-home p {
    background: transparent url("../img/cloud-icons-default_001.png") no-repeat scroll 0 -54px;
}
.h1-mid-icon-home-active p {
    background: rgba(0, 0, 0, 0) url("../img/cloud-icons-active.png") no-repeat scroll 0 -54px;
}

.h1-mid-icon-device p {
    background: transparent url("../img/cloud-icons-default_001.png") no-repeat scroll -27px 0;
}
.h1-mid-icon-device-active p {
    background: rgba(0, 0, 0, 0) url("../img/cloud-icons-active.png") no-repeat scroll -27px 0;
}

.h1-mid-icon-scene p {
    background: transparent url("../img/cloud-icons-default_001.png") no-repeat scroll 0 -135px;
}
.h1-mid-icon-scene-active p {
    background: rgba(0, 0, 0, 0) url("../img/cloud-icons-active.png") no-repeat scroll 0 -135px;
}

.h1-mid-icon-data p {
    background: transparent url("../img/cloud-icons-default_001.png") no-repeat scroll 0 -189px;
}
.h1-mid-icon-data-active p {
    background: rgba(0, 0, 0, 0) url("../img/cloud-icons-active.png") no-repeat scroll 0 -189px;
}

.h1-mid-icon-system p {
    background: transparent url("../img/cloud-icons-default_001.png") no-repeat scroll 0 -162px;
}
.h1-mid-icon-system-active p {
    background: rgba(0, 0, 0, 0) url("../img/cloud-icons-active.png") no-repeat scroll 0 -162px;
}

#h1-right {
	left: 1100px;
	height: 35px;
	display: block;
    overflow: hidden;
    position: absolute;
    width: auto;
}

#h1-right-account {
    float: left;
    font-size: 12px;
    overflow: hidden;
    width: 270px;
}

#h1-right-account-head {
	float: left;
    background: transparent url("../img/cloud-icons-default_001.png") no-repeat scroll 0 -1134px;
    height: 16px;
    margin: 10px 8px 0 0;
    width: 16px;
}

#h1-right-account-text {
    color: rgb(255, 255, 255);
    float: left;
    line-height: 36px;
    margin: 0 5px 0 0;
    overflow: hidden;
    width: 230px;
}

#h2 {
	height: 20px;
	position: relative;
}

#h2-mid {
	height: 100%;
    left: 250px;
    min-width: 300px;
    overflow: hidden;
    position: absolute;
}

.h2-mid-app {
    float: left;
    font-size: 12px;
    height: 100%;
    width: auto;
}

.h2-mid-app ul {
}

.h2-mid-app ul li {
    color: #fff;
    float: left;
    line-height: 18px;
}

#h2-mid-app a.h2-app-active {
    color: rgb(132, 196, 74);
    text-decoration: none;
    cursor: pointer;
}

#h2-mid-app a.h2-app {
    color: rgb(255, 255, 255);
    text-decoration: none;
    cursor: pointer;
}