body {
	 
	 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	
	color:#333;
}

/*screen occupy whole window, include margin, blank space*/
.screen-window {
	text-align: center;
	
	border-width: 3px;
	background-color:black; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	height: 100%;
}

.screen-window-body { 
	border: 1px dashed;
	width: 100%;
	height: 100%;
	
}

.main-window {
	margin-top: 0;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	border-width: 2px;
	border-style: double;
	border-color: #0000FF;
	background-color:white; 
	text-align: left;
}

.main-window-body {
	width: 100%;
	height: 100%;
	min-width: 700px;
	min-height: 500px;
	 
}

.dialog {
	text-align: left;
	position: absolute;
	border: 2px solid black;
	min-width: 50px;
	max-width: 800px;
	z-index: 100;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.dialog-head {
	background-color: #0066CC;
}

.dialog-body {
	width: 100%;
	height: 100%;
	background-color: #eeeeee;
}

.label {
	color: green;
}

.mask-layer {
	background-image: url(../image/mask.jpg);
	background-color: #FFFF00;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	position: absolute;
	z-index: 99;
	background-repeat: repeat;
	cursor: wait;
}

.opacity-50 {
	filter: alpha(opacity =       50); /* IE */
	-moz-opacity: 0.5; /* old Mozilla */
	-khtml-opacity: 0.5; /* old Safari */
	opacity: 0.5; /* modern browser*/
}

.tabs-title-list {
	list-style-type: none;
	width: 100%;
 
	text-align: left;
 
	margin: 0px;
	padding: 0px;
	overflow:auto;	 
 
border-bottom:1px solid #cccccc;
}
.tabs-title-list li {
float:left;
 display:list-item;
	border-top:1px solid #cccccc; 
	border-left:1px solid #cccccc; 
	border-right:1px solid #cccccc; 
	border-bottom:0px solid #cccccc; 
	
	margin-right: 0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
}
.tabs-title-item  {	 
	background-color:#eeeeee;
	border:1px solid #cccccc;
}
.tabs-title-item-active  {
	 
	font-weight: bold;
 
	border-bottom:1px solid white;	
 
}

.tabs-title-list a{
margin-top:2px;
	text-decoration:none;
	 
}

.tabs-content {	 	 
	min-height:100px;
}

.data-table table, td
{
    border-color: #600;
    border-style: solid;
}

.data-table table
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

.data-table td
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    
}

.tree-view div,table,tr,td {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-spacing: 0px;
	text-align:left;
}