@CHARSET "ISO-8859-1";

/* generals */
.clickable{cursor:pointer;}
.fwB {font-weight:bold}
.w120 {width:7.5em;}
.flLe{float:left;}
.flRe{float:right;}
.clFl{clear:both; font-size:1px; visibility:hidden;}
.clFlN{clear:both; font-size:1px; display:none;}
.cursor{cursor:pointer;}
.le150{margin-left:150px;}

/*  contextMenue   */


#menueContainer{ position:absolute; z-index:99999; background-color: #f6f7f9; overflow:hidden; border: solid 0px #555; border-radius: 1.0em;}
#menueContainerHead{width:100%; height:20px; background-color: #79c5fd; overflow:hidden; border:0px; border-top-radius: 1.0em;}
.menueContainerBody{width:100%; min-height:1.875em; background-color: #f6f7f9; overflow:auto; border: solid 1px #555; border-bottom-radius: 1.0em;}
#biMSGContext{ position:absolute; z-index:99999; background-color: #dadee7; border: solid 0px #555; border-radius: 0.625em; min-height:1.875em; }



.contentEditable{outline: none; font-size:0.688em; user-select: text; white-space: pre-wrap; word-wrap: break-word;}

/* tab Control */
#tabPageHead{
	position:relative;
	background-color:#9999CC; 
	text-align:center; 
	color:#fff;
	
}

#tabPageHeadTxt{
	text-align:right; 
	padding:0.3em;
	color:#fff;
	font-weight:bold;
	font-size:0.9em; 
	background-color:#9999CC;
}
#tabContent{
	background-color:#FFFFFF;
	padding : 1.4em;
	margin: 1em	;
	border-radius : 1.2em;
	height:90%;
	width:90%;
}
/**/
.contentTopic{ 
	background-color:#FFFFFF; 
	color:#000000;
 	font-family:Verdana; 
 	padding-left:0.625em; 
 	text-decoration:none; 
 	font-size:0.625em; 
 }
 
.backbutton{
	background:url(../img/icons/backward.png) no-repeat;
	height:25px;
	color:#000000; 
	font-weight:bold; 
	font-size:12px; 
	font-family:Verdana; 
	text-align:left; 
	padding-top:4px;
	padding-left:55px;
	padding-bottom:4px;
	cursor:pointer;
}

.bGridArrows{position:relative;top:-2px; height:20px; }
.bGridHover span:hover{background-color:#666666; color:#FFFFFF;}
.bGridSeperator{ color:#666666}
.gridBody:hover{ background-color:#999999;}
.gridOverTRClient{color:#777777}
.gridOutTRNorm{color:#000000}
.gridHeadField{
	background-color:#004874; 
	color:#FFFFFF;
	padding-left:0.625em;
	padding-right:0.625em;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:top;
	font-size:12px; 
 	font-family:Arial; 
	font-weight:bold;	
}
.gridHeadFieldIcons{
	text-align:right;
	background-color:#004874; 
	color:#EFEFEF;
	vertical-align:top;
}
.gridField{
	background-color:#FFFFFF; 
	font-size: 1em; 
 	font-family: Helvetica; 	
	padding: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.gridFieldIcons{
	background-color:#FFFFFF; 
	text-align:right;
	vertical-align:top;
	
}
.fileInput{
	background-color:#000000;
	color:#666666;
	font-family:Verdana; 
 	border-style:solid; 
 	border-width:1px; 
 	border-color:#444; 
 	font-size:0.625em; 
	border-width:1px; 
 	height:1.25em; 
 }
 .tabItem{
	font-size:0.9em; 
	color:#000;
	font-weight:bold; 	
	padding:0.2em 1em 0.2em 1em;
	margin:0.2em;
	background-color:#FFF;
	border-radius:0.5em 1.5em 0.5em 1.5em;
	cursor:pointer;
	float:left;
}
 .tabItem:hover{
 	color:#f6f7f9;
 	background-color:#4680c6;
 }
.tabItemActive {
	font-size:0.9em; 
	color:#000;
	font-weight:bold; 	
	padding:0.2em 1em 0.2em 1em;
	margin:0.2em;
	background-color:#FFF;
	border-radius:0.4em 1.2em 0.4em 1.2em;
	float:left;
}


.butItemActive {
	background-color:#000000; 
	color:#FFFFFF;
	font-size:12px; 
 	font-family:Verdana; 	
	font-weight:bold;
	padding:4px;
	padding-left:8px;
	padding-right:8px;
	float:left;
	border-style:solid;
	border-width:0px; 
	border-left-width:2px; 
 	border-color:#FFFFFF; 
}
.butItem{
	background-color:#666699; 
	color:#EFEFEF;
	font-size:12px; 
 	font-family:Verdana;
	font-weight:bold; 	
	padding:4px;
	padding-left:8px;
	padding-right:8px;
	border-style:solid; 
 	border-width:0px; 
	border-left-width:2px; 
 	border-color:#FFFFFF; 
	cursor:pointer;
	float:left;
}
.treeLabel{
	color:#FFFFFF;
	font-size:12px; 
 	font-family:Verdana; 
	font-weight:bold;
	text-align:left;
	padding:6px;
	background-color:#666699; 
	BORDER-RIGHT: #9a9a9a 2px solid; 
	BORDER-TOP: #cdcdcd 1px solid;  
	BORDER-LEFT: #cdcdcd 1px solid; 
	WIDTH: 330px; 
	BORDER-BOTTOM: #9a9a9a 0px solid; 
	HEIGHT: 2.75em; 
	MozUserSelect: none;
}
.exportTree{
	text-align:left;
	background-color:#FFFFFF; 
	BORDER-RIGHT: #9a9a9a 2px solid; 
	BORDER-BOTTOM: #9a9a9a 2px solid;
	BORDER-TOP: #cdcdcd 1px solid; 
	BORDER-LEFT: #cdcdcd 1px solid;  
	OVERFLOW: auto; 
	WIDTH: 390px; 
	HEIGHT: 300px; 
	MozUserSelect: none;
}
.exportTree2{
	text-align:left;
	background-color:#FFFFFF; 
	BORDER-RIGHT: #9a9a9a 2px solid; 
	BORDER-BOTTOM: #9a9a9a 2px solid;
	BORDER-TOP: #cdcdcd 1px solid; 
	BORDER-LEFT: #cdcdcd 1px solid;  
	OVERFLOW: auto; 
	WIDTH: 550px; 
	HEIGHT: 300px; 
	MozUserSelect: none;
}


.objectTree{
	float:left;
	width:250px;
	height:300px;
	position:relative;
	BORDER-TOP: #EAEAEA 1px solid;  
	BORDER-LEFT: #EAEAEA 1px solid; 
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-BOTTOM: #999999 1px solid;  
	overflow:auto;
}
.biText{ 
 color:#000000; 
 }
.status{ 
 font-family:Verdana; 
 color:#000000; 
 height:1.25em; 
 padding-left:0.625em; 
 width:100%; 
 padding-top:2px; 
 vertical-align:middle; 
 font-size:11px; 
 background-color:#cccccc; 
 }

.fileNameInput{ 
 font-size:0.625em; 
 height:18px; 
 width:80px; 
 }

.navitile{ 
 width:300px; 
 padding-top:1.25em; 
 text-decoration:none; 
 font-size:11px; 
 height:60px; 
 padding-left:1.25em; 
 }

.messageDiv{ 
 background-color:#000000; 
 font-size:12px; 
 color:#ffffff; 
 font-family:Verdana; 
 padding:0.625em; 
 height:12em; 
 position:absolute; 
 width:300px; 
 font-weight:bold; 
 }
.defaultTile{ 
 border-width:0px; 
 background-color:#FFFFFF; 
 border-color:#666666; 
 text-decoration:none; 
 font-size:11px; 
 border-style:solid; 
 font-family:Verdana; 
 }
.biHtmlEditor{ 
 border-color:#666666; 
 height:380px; 
 width:850px; 
 border-style:solid; 
 border-width:1px; 
 }
.btnDown{ 
 height:22px; 
 border-left-color:#666666; 
 background-color:#FEFEFE; 
 border-top-color:#666666; 
 border-style:solid; 
 border-right-color:#FEFEFE; 
 border-width:1px; 
 border-bottom-color:#FEFEFE; 
 }
.btnOver{ 
 border-style:solid; 
 border-right-color:#666666; 
 border-width:1px; 
 border-bottom-color:#666666; 
 height:22px; 
 border-left-color:#FEFEFE; 
 border-top-color:#FEFEFE; 
 }
.defaultContent{ 
 font-size:11px; 
 font-family:Verdana; 
 }
.selector{ 
	vertical-align:middle; 
	border-width: 1px; 
	padding: 0em 0.625em 0em 0.625em; 
	color:#333333;
	border-color:#999999; 
	font-size: 1em; 
	height: 1.4em; 
	border-style:solid; 
 }
 .w200{ width: 200px; float:left;}
.inlineSelector{
	vertical-align:middle; 
	border-width: 1px; 
	padding-right:0.625em; 
	background-color:#ffffff; 
	border-color:#999999; 
	padding-left:2px; 
	font-size:12px; 
	padding-top: 2px; 
	height:25px; 
	width:145px; 
	border-style:solid; 
 	font-family:Arial; 
}
.inlineSelectorDiv{
	height:25px; 
	width:145px; 
}
.selectField{ 
 	border-width:1px;  
 	background-color:#ffffff; 
 	border-style:solid; 
 	color:#000000; 
 	max-height:12em;
 }
.uploadDiv{
	position:absolute;
	overflow:auto;
	width:430px;
	height:190px;
	background-color:#ffffff; 
 	BORDER-TOP: #47C84C 1px solid;  
	BORDER-LEFT: #47C84C 1px solid; 
	BORDER-RIGHT: #333333 2px solid; 
	BORDER-BOTTOM: #333333 2px solid;
 	color:#000000; 
}
.uploadFrame{
	width:410px;
	height:160px;
}
.fromError{
	color:#ff0000;
	padding-left:1.25em;
	height:0px;
}
.cfWinHeader{ 
 background-color:#999999; 
 padding-bottom:2px; 
 color:#eeeeee; 
 font-weight:bold; 
 font-size:14px; 
 font-family:Verdana; 
 }
.cfWinPart{ 
 border-style:solid; 
 border-width:1px; 
 border-color:#666666; 
 background-color:#ffffff; 
 }
.cfWinSubHeader{ 
 font-size:12px; 
 font-family:Verdana; 
 vertical-align:middle; 
 background-color:#999999; 
 padding-bottom:2px; 
 color:#eeeeee; 
 }
 #datepicker{
 	background-color: #f3f3f3; 
	border: 2px solid #004874;  
	border-radius: .625em; 
	width: 20rem;
 }
 #datepicker input{
 	width: 88%;
  	margin: 0 0 0.2em 0.2em;
  	padding: 0px;
 }
 .datePickerMonthYear{
 	text-align:center;
 }
 .datePickerHead{
 	background-color: #5098c4;
 }
 .datePicker{ 
 white-space:nowrap; 
 font-size:11px; 
 font-family:Arial; 
 }

.datpickMnav{ 
	padding: 0.1rem 0.8rem;
 	font-size:0.8rem;  
 	cursor:pointer; 
 	font-weight:800; 
 }
.datpickMonth{ 
	padding:0.1rem 1rem 0.1rem 2rem;
 	font-weight:800; 
 	font-size:0.9rem; 
 	white-space:nowrap; 
 	cursor:pointer; 
 }
.datpickWday{ 
 font-family:Verdana; 
 background-color:#80c8f4; 
 font-size:11px; 
 }
.datpickDay{ 
	padding: 0.1rem ;
 	font-size:0.8em; 
 	font-weight:700;
 	background-color: #5098c4; 
 	cursor:pointer; 
 	text-decoration:none; 
 }
 .datpickKw{ 
	padding: 0.1rem ;
 	font-size:0.8em; 
 	font-weight:700;
 	background-color: #80c8f4; 
 	cursor:pointer; 
 	text-decoration:none; 
 }
.divWin{ 
 text-align:left; 
 filter:Alpha(opacity=90); 
 background-color:#FFFFFF; 
 border-style:double; 
 border-width:1; 
 border-color:#666666; 
 }
.divHead{ 
 background-color:#eeeeee; 
 }

.datpickMain{ 
 background-color:#ffffff; 
 border-style:solid; 
 border-width:1px; 
 border-color:#004874; 
 }

.contentTopic:hover{ 
 color:#0000FF; 
 }
.errMsg{ 
 text-align:center; 
 color:#FF0000; 
 font-size:12px; 
 font-family:Verdana; 
 }
.buttonBack{ 
 font-size:0.625em; 
 font-family:Verdana; 
 border-style:solid; 
 background-color:#FFFFFF; 
 border-width:1px; 
 border-color:#666666; 
 }
 /* GRID */

.bGridArrows{position:relative;top:-2px; height:1.25em; }

.bGridHover span:hover{background-color:#666666; color:#FFFFFF;}

.bGridSeperator{ color:#666666}
.gridBody:hover{ background-color:#999999;}
.gridOverTRClient{color:#777777}
.gridOutTRNorm{color:#000000}
/* Grid List */

#filterGrid{ 
	border:1px dotted #CCCCCC; 
	padding:5px;
	border-bottom:5px solid #d5d5d5;
	border-top:0;
	width:90%;
	margin:1em 3em 5em 3em
}

#gridPageHead{
	position:relative;
	border-bottom:4px solid #767676;
	text-align:center; 
	color:#000;
	height:1.25em;
	width:90%;
	margin: 8em 3em 0em 3em;

}

#gridTxt{
    position: relative;
	text-align:left; 
	padding:2px;
	color:#000000;
	font-weight:bold;
	font-size:14px; 
	border:0px solid #CCCCCC;
}
.gridInfo{
	text-align:left;
	font-size:11px; 
 	font-family:Arial; 
}
.gridFilter{
	padding-left:0.625em;
	font-size:11px; 
 	font-family:Arial; 
}
.gridPager{
	margin-top:5px;
	padding:2px;
	height:15px;
	border:1px dotted #aaa;  
	font-size:11px; 
 	
}
.gridTable{
	background-color:#CDCDCD ;
	width:100%;
	font-size:11px; 
 	font-family:Arial; 	

}

.selectionSelect{ 
	font-family:Verdana; 
	border-style:solid; 
	padding: 5px;
	BORDER-RIGHT: #9a9a9a 2px solid;
	BORDER-BOTTOM: #9a9a9a 2px solid; 
	BORDER-TOP: #cdcdcd 1px solid;  
	BORDER-LEFT: #cdcdcd 1px solid; 
	WIDTH: 340px; 
	HEIGHT: 180px; 
	color:#565656; 
	font-size:11px; 
 }
 
 /* Text Editor (contenteditable) */
#biTbox{ 
	outline: none; 
	font-size:0.875em;  
	user-select: text; 
	width:96%; 
	min-height:12.5em; 
	background-color: #f6f7f9; 
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Verdana,sans-serif; 
	margin: 20px; 
	line-height: 1em;
} 
#biTbox p {
	line-height: 1.5em; 
	font-size: 16px;
}
#biTbox li {
	line-height: 1.4em; 
	font-size: 16px;
}  
#biTbox h1 {
	line-height: 1.5em; 
	font-size: 20px;
} 
#biTbox a { 
	color: #000000; 
	text-decoration:none;
} 
#biTbox h1 p {
	line-height: 1.5em;
	font-size: 20px;
}