@import url("core-min.css");
body{min-width:800px; margin:0; background:#fafafa; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
ul,li{list-style:none; margin:0; padding:0;}
.open {
	display:block;
}
.close {
	display:none;
}
.open-spaceholder{
	visibility:visible;
}
.close-spaceholder{
	visibility:hidden;
}
.brandingTop {
	height:64px;
	background:#f1f1f1 url(../images/brandingArea.png) repeat-x left -20px;
	position:relative;
}
.userInfoArea {
	position:absolute;
	top:10px;
	right:10px;
}
.webInfoArea {
	position:absolute;
	bottom:3px;
	right:10px;
}
.separateLine {
	height:6px;
	background:url(../images/separate-lineBg.png) repeat-x;
}
.logoPlaceHolder {
	width:304px;
	height:84px;
	background:url(../images/logo-cloudsInsignt.png) no-repeat;
}
.foldableBar {
	position:absolute; 
	left:194px; 
/*	background:#f1f1f1; 
*/	height:300px; 
	width:7px;
}
.foldableBar a.unfold,.foldableBar a.fold{
	display:block;
	width:7px;
	height:32px;
	background:url(../images/foldableIcon.png) no-repeat left top;
}
.foldableBar a.fold{
	background:url(../images/foldableIcon.png) no-repeat left -66px;	
}
.foldableBar a.unfold:hover,.foldableBar a.fold:hover{
	display:block;
	width:7px;
	height:32px;
	background:url(../images/foldableIcon.png) no-repeat left -33px;
}
.foldableBar a.fold:hover{
	background:url(../images/foldableIcon.png) no-repeat left -99px;
}

.navigationTree ul li {
	background:url(../images/treeTabBackgroundImage1.png) repeat-x left -56px;
	/*	height:25px;
	line-height:25px;
*/	margin-bottom:1px;
	overflow:visible;
	height:25px;
	line-height:25px;
	color:#333;
	border:1px solid #b6b6b6;
	border-width:0 1px 0 1px;
}
.mastBox {
	height:700px;
	margin-top:5px;
	background:#fff;
	position:relative;
}
.tabTreeFoldArea {
	height:84px;
	width:100%;
	left:0;
	top:-5px;
	position:absolute;
	background:url(../images/brandingArea.png) repeat-x left -85px;
}
.tabTreeHeader {
	height:21px;
	line-height:21px;
	line-height:25px\9;
	overflow:hidden;
	width:191px;
	border:1px solid #97bcd7;
	background:#d4ebf9 url(../images/collapsAreaBg.png) repeat-x;
}
.tabTreeHeader a, .tabTreeHeader a.tabClose {
	display:block;
	height:21px;
	overflow:hidden;
	outline:none;
	padding-left:5px;
	background:url(../images/arrow1.png) no-repeat right top;
	text-decoration:none;
	color:#333;/*text-shadow:1px 1px #fff;*/
}
.tabTreeHeader a.tabClose {
	background:url(../images/arrow1.png) no-repeat right -38px;
}
.tabTreeHeader a:hover, .tabTreeHeader a.tabClose:hover {
	background:url(../images/arrow1.png) no-repeat right -19px;
}
.tabTreeHeader a.tabClose:hover {
	background:url(../images/arrow1.png) no-repeat right -57px;
}
.navigationTree {
	width:188px;
	/*height:700px;*/
	position:absolute;
	left:5px;
	top:0px;
}
.navigationTree ul li.hasChildNode {
	height:auto;
}
.navigationTree ul li.hasChildNode ul li {
	margin:0px\9;
	border:none\9;
	border-top:1px solid #ccc\9;
	background: url(../images/treeTabBackgroundImage1.png) repeat-x left -110px;
}
.navigationTree ul li a {
	background-image: none;
}
.navigationTree ul li.hasChildNode a {
	background: url(../images/arrow.png) no-repeat right 7px;
}
.navigationTree ul li.selected a {
	background: url(../images/arrow.png) no-repeat right -52px;
}
.navigationTree ul li.selected a.noIcon {
	background-image: none;
}
.navigationTree ul li.hasChildNode ul li a {
	background-image: none;
}
.navigationTree ul li:first-child, .navigationTree ul li.selected:first-child {
	border:none;
	background:url(../images/treeTabBackgroundImage.png) no-repeat left -53px;
}
.navigationTree ul li.selected:first-child {
	background:url(../images/treeTabBackgroundImage.png) no-repeat left top;
}
.navigationTree ul li:last-child, .navigationTree ul li.selected:last-child {
	border:none;
	height:28px;
	background:url(../images/treeTabBackgroundImage.png) no-repeat left -78px;
}
.navigationTree ul li.selected:last-child {
	background:url(../images/treeTabBackgroundImage.png) no-repeat left -25px;
}
.navigationTree ul li.selected {
	border:1px solid #97bcd7;
	border-width:0 1px;
	color:#FFF;
	background:url(../images/treeTabBackgroundImage1.png) repeat-x left top;
}
.navigationTree ul li ul.tabClose {
	display:none;
}
.navigationTree ul li ul.tabOpen {
	background:#fff;
 display:;
}
.navigationTree ul li ul li, .navigationTree ul li ul li:first-child, .navigationTree ul li ul li:last-child {
	background:#fff url(../images/treeTabBackgroundImage1.png) repeat-x left -110px;
	margin:0;
	border-top:1px solid #ccc;
	/*	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
*/	
	border-width:1px 0 0 0;
}
.navigationTree ul li ul li:first-child {
	border-top:none;
}
.navigationTree ul li.selected ul.tabOpen li.specialTag {
	margin-bottom:-4px;
	margin-bottom:-1px\9;
}
.navigationTree ul li a {
	outline:none;
	display:block;
	text-decoration:none;
	color:#333;
	/*FILTER: Shadow(Color=#ffffff, Direction=135, Strength=2);*/
	/*text-shadow:#f3f3f3 1px 1px;*/
	padding-left:15px;
*height:25px;
*line-height:25px;
}
.navigationTree ul li.selected a {
	color:#fff;/*text-shadow:#999 1px 1px;*/
}
.navigationTree ul li ul li a, .navigationTree ul li.selected ul li a {
	text-decoration:none;
	color:#333;
	font-size:9pt;
	/*text-shadow:#ccc 0px 0px;*/
	padding-left:25px;
}
.navigationTree ul li.selected ul li a:hover {
	background:#f3f5f7;
}
.navigationTree ul li.selected ul li a:active {
	background:#dde1e7;
}
.navigationTree ul li.selected ul li.currentTab, .navigationTree ul li.selected ul li.currentTab a:hover {
	background:#e6f2f9;
}
/*the specific body within iframe*/
body.pageInIframe {
	min-width:100%;
}
/*tab view*/
.hostIconTable {
	margin:10px 0 10px 1px;
	border-collapse:collapse;
}
.hostIconTable tr td {
	padding:3px;
	text-align:center;
	border:1px solid #97bcd7;
}
.tabViewHead {
	border:1px solid #ccc;
	border-bottom-color:#97bcd7;
	height:26px;
	line-height:26px;
	background:url(../images/tabViewBg.png) repeat-x left top;
}
.tabViewHead ul li {
	float:left;
	border-right:1px solid #ccc;
}
.tabViewHead ul li a {
	text-decoration:none;
	display:block;
	padding:0 5px 0 5px;
	color:#454545;
	outline:none;
}
.tabViewHead ul li a:hover {
	color:#000;
}
.tabViewHead ul li a.selected {
	margin:-1px;
	margin-top:-2px;
	color:#000;
	border:1px solid #97bcd7;
	border-bottom:0px solid #fff;
	background:#FFF url(../images/tabViewBg.png) repeat-x left -26px;
	height:28px;
}
.tabViewHead ul.functionalTabArea li{
	border:none;
	float:right;
}
.tabViewHead ul.functionalTabArea li a.refreshButton{
	display:block;	
	height:27px;
	padding-left:30px;
	background:url(../images/refreshButton.png) no-repeat left top;
}
.tabViewHead ul.functionalTabArea li a.refreshButton:hover{
	background:url(../images/refreshButton.png) no-repeat left -28px;
}
.tabViewHead ul.functionalTabArea li a.refreshButton:active{
	background:url(../images/refreshButton.png) no-repeat left -56px;
}


.tabRelatedContent {
	clear:both;
	border:1px solid #97bcd7;
	border-top:none;
	padding:10px;
}
/*property table*/
.propertyTable {
	width:80%;
}
.propertyTable tr th, .propertyTable tr td {
	padding:3px 5px 3px 5px;
	border-bottom:1px solid #ccc;
}
.propertyTable tr th {
	text-align:right;
}
/*main stage*/
.mainStage {
	position:absolute;
	left:202px;
	right:5px;
	top:0;
}
.locationArea {
	height:auto;
	margin-bottom:5px;
}
.locationArea span {
 	font-family: simsun,serif
}
/*stage*/
.stage {
	width:100%;
	margin-bottom:10px;
	height:auto;
}
/*color tag*/
.popupAreaClose {
	display:none;
}
.popupAreaOpen {
 display:;
}
.coverTag {
	position:absolute;
	left:0;
	top:0;
	background:#000;
	z-index:999;
	opacity:0.3;
	filter:alpha(opacity = 30);
}
.dialogBox {
	width:503px;
	height:294px;
	position:absolute;
	left:0;
	top:0;
	z-index:9999;
	opacity:1;
}
.dialogBoxBrandingArea {
	height:46px;
	line-height:56px;
	padding-left:30px;
	font-size:12pt;
	color:#5a7c9a;
	text-shadow:1px 1px #FFF;
	background:url(../images/dialogBackground.png) no-repeat;
	position:relative;
}
.dialogBoxBrandingArea a {
	outline:none;
	display:block;
	width:34px;
	height:19px;
	background:url(../images/dialogCloseIcon.png) no-repeat left top;
	cursor:pointer;
	position:absolute;
	top:13px;
	right:20px;
}
.dialogBoxBrandingArea a:hover{
	background:url(../images/dialogCloseIcon.png) no-repeat left -20px;
}
.dialogBoxBrandingArea a:active{
	background:url(../images/dialogCloseIcon.png) no-repeat left -40px;
}
.dialogContentArea {
	width:503px;
	background: url(../images/dialogContentBackground.png) repeat-y;
}
.dialogContentAreaReset {
	width:437px;
	margin-left:13px;
	padding:20px;
}
.dialogButtonsArea {
	height:22px;
	line-height:22px;
	width:457px;
	margin-left:13px;
	padding:7px 10px 5px;
	background:#f3f3f3;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #fff;
}
.dialogButtonsArea .rightAligned {
	float:right;
}
.dialogButtonsArea .rightAligned a {
	display:block;
	float:left; 
	margin-left:15px;
	text-decoration:none;
	height:14px;
	line-height:14px;
	padding:3px 15px;
	color:#4d637f;
	border:1px solid #ccd4dc;
	background:url(../images/buttonBackground.png) repeat-x left top;
}
.dialogButtonsArea .rightAligned a:hover {
	background:url(../images/buttonBackground.png) repeat-x left -21px;	
}
.dialogButtonsArea .rightAligned a:active {
	background:url(../images/buttonBackground.png) repeat-x left -42px;	
}
.dialogBottomArea{
	height:13px; 
	background:url(../images/dialogBackground.png) no-repeat left -281px;
}
.loginPage{background:#fafafa url(../images/loginPageBg.png) repeat-x;}
.loginPanel{width:500px; height:392px; margin:auto; margin-top:150px;}
.loginPanel ul li{float:left;}
.loginPanel ul li.bgLeft,.loginPanel ul li.bgRight{background:url(../images/loginSlide2.png) no-repeat left top; width:23px; height:392px;}
.loginPanel ul li.bgRight{background-position:right top;}
.loginPanel ul li.contentBox{background:url(../images/loginBoxBg.png) repeat-x; width:390px; height:392px;}
.loginPanel ul li.contentBox .logoInLoginPage{width:145px; height:70px; margin:5px 0 0 0; }
.loginPanel ul li.contentBox .partnerLogo{float:right;width:230px; height:41px; margin-top:-56px; background:url(../images/partnerLogoInLogin.png) no-repeat right;}
.loginPanel ul li.contentBox .productName{margin-top:30px; color:#bbb; text-align:right; text-shadow:#fff 1px 1px; height:auto; font-size:8pt; }
.loginPanel ul li.contentBox .assistantName{font-weight:bold; color:#999; text-align:right;font-size:10px;height:10px;}
.loginPanel ul li.contentBox .productName label{color:red;}
.loginPanel ul li.contentBox table{margin:10px 0 0 80px; color:#666;}
.loginPanel ul li.contentBox table tr td{padding:6px 3px 6px 3px;}
.loginPanel ul li.contentBox table tr td.rightAligned{text-align:right;}
a.coBrandLoginButton,a.loginButton{display:block; float:right; width:74px; height:26px; overflow:hidden; line-height:26px; font-size:11pt; color:#fbfbfb; text-align:center; text-decoration:none; background:url(../images/loginButton.gif) left top;}
a.coBrandLoginButton:hover,a.loginButton:hover{background-position:left -27px;}
a.coBrandLoginButton:active,a.loginButton:active{background-position:left -54px; color:#f0f0f0;}
a.coBrandLoginButton{color:#363636;background:url(../images/coBrandLoginButton.gif) left top;}
.loginButtonArea{margin:5px 0 0 195px; *margin-left:170px;}
.loginPanel ul li.contentBox table tr td input{width:150px; background:#FFF url(../images/text-bg.gif) repeat-x left top; padding:2px; border:1px solid #B5B8C8;}
.loginErrorMessage{z-index:1000;position:absolute; width:274px; border:1px solid #f90; background:#fdf5cd; padding:2px; color:#f00;}
.copyRightInfo{
	color:#bbb; 
	height:auto; 
	text-shadow:#fff 1px 1px; 
	text-align:center; 
	font-size:8pt; 
	padding:5px 0;
}
.bottonMainInfo{height:55px; overflow:hidden;top:10px; *top:5px; position:relative;}
.bottonMainInfo div.collapse{display:none} 
.bottonMainInfo div.expand{display:}
