/*
	general framework CSS
	commonly used modules (debugger, error messages, etc)
*/
body, html{ font-family: Verdana, Tahoma, sans-serif; font-size:11px; padding: 0; margin: 0px 0 0 0;  height: 98%; position: relative; width: 100%; }
a{ text-decoration: none; color: #6B588D; }
a:hover{ color: #666; }

/* debugger */
#debugger{ position: absolute; left: 0; top: 0; }
body>#debugger{ position: fixed; }
#debugger {
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid rgb(204,102,51);
	background-color: rgb(255,255,153);
	font-size: 10px;
	cursor: pointer;
}
#debug_content {
	display: none;
	background-color: rgb(255,204,102);
	border-bottom: 1px solid rgb(204,102,51);
	max-height: 500px;
	_height: 500px;
	overflow: auto;
}
#debugger.opened div.debugCont {
	margin: 10px auto 10px auto;
	width: 95%;
	border: 1px solid #999999;
	background-color: rgb(255,255,153);
	padding: 5px;
}
#debugger.opened div.debugContHead{ margin: 0 0 5px 0; font-weight: bold; }
#debugger.closed{ height: 12px; }
#debugger.opened{ height: auto; }

#debugger div#debug_head{ width: 95%; margin: 0 auto 0 auto; line-height:1;}
#debugger.opened div#debug_head{ display: none; }
#debugger span.debugTitle1{ font-weight: bold; }
#debugger span.debugTitle1 span{ font-weight: normal; }
#debugger span.debugTitle2{ font-style: italic; }
#debugger span.debugTitle2 span{ font-style: normal; font-weight: bold; margin-left: 20px; }
#debugger ul{ margin: 0 0 0 15px; padding: 0; }
#debugger ul li{ margin: 0 0 3px 0; padding: 0; }
#debugger div.debugCont li.db_line{ width: 100%; font-size: 11px; font-family: monospace; color: black; }
#debugger div.debugCont li.db_line i {
	display: block;
	margin: 0 0 5px 0;
	font-family: Verdana, Tahoma, sans-serif;
	color: gray;
	font-size: 10px;
}
#debugger div.debugCont li.db_line b {
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Tahoma, sans-serif;
	color: gray;
	font-size: 10px;
}
#debugger div.debugCont li.app_line{ margin: 0 0 5px 0; }
#debugger div.debugCont.hndl li.app_line{ margin: 0 0 1px 0; }
#debugger div.debugCont.hndl ul{ list-style-type: none; margin: 0 0 10px 0; }
#debugger div.debugCont li.app_line span.frmErrorHndlHead.warning,
#debugger b.warning{ font-weight: bold; color: red; }
#debugger div.debugCont li.app_line span.frmErrorHndlHead.notice,
#debugger b.notice{ font-weight: bold; color: green; }
#debugger div.debugCont li.app_line span.frmErrorHndlText{ font-family: monospace; font-size: 11px; }
#debugger div.debugCont li.app_line span.frmErrorHndlFile{ color: gray; font-family: monospace; font-size: 10px; }

/* tables */
.tableDef{ width: 100%; margin-top: 5px; z-index: 0; }
.tableDef .tableTdHead{ padding: 8px 5px 8px 5px; background-color: #d0d284; color: black; font-weight:bold; font-size:11px; }
.tableDef .tableTdBody{ padding: 7px 5px 7px 5px; }
.tableDef .lineTrOdd{ background-color: #fff; }
.tableDef .lineTrEven{ background-color:#fbfbee;} 
.tableDef .tableTdHead div{ float: left; margin-right: 3px; position: relative; top: -1px; }
.tableDef .tableTdHead a{ font-size: 0.6em; display: block; color:#511a89; }
.tableDef .tableTdHead a:hover{ color: rgb(204,102,51); }
.tableDef .tableTdHead span{ position: relative; top: -2px;}
.tableDef .tableTdHead .t_ralign{ position: static; top: 0px; text-align: right; display: block; width: 100%; }
.tableDef .tableTdBody .t_ralign{ text-align: right; width: 100%; display: block; }
.tableDef .tableTdHead a.hint{ font-size: 0.8em; display: inline; color: rgb(255,204,102); font-weight: bold; border: 1px solid white; position: relative; top: -1px; padding: 0 3px 0 4px; background-color: gray; }
.tableDef .tableTdHead div a.hint{ top: 1px;  }

div#hint{ position: absolute; top: 0; left: 0; background-color: #dddddd; border: 10px solid rgb(204,102,51); width: 300px; z-index: 100; -moz-opacity: 0.90; filter: alpha(opacity=90); display: none; }
div#hint div#hint_container{ width: 95%; margin: 5px 10px 10px 10px; }
div#hint div#hintTitle{ width: 100%; clear: both; }
div#hint div#hintTitle div#hintTitleLeft{ width: 85%; float: left; clear: right; font-weight: bold; text-transform: uppercase; margin: 6px; font-size: 11px; text-align: right; }
div#hint div#hintTitle div#hintTitleRight{ width: 5%; float: right; margin: 5px; }
div#hint a{ border: 1px solid black; background-color: gray; z-index: 101; padding: 0 4px 3px 4px; position: relative; bottom: -5px; right: -5px;  font-size: 10px; float: right; color: white; font-weight: bold; }
div#hintLink{ width: 100%; }

/* clearAll */
div.clearAll{ clear: both; font-size: 0; margin: 0; padding: 0; width: 0; height: 0; }

/* form for init DB */
div#initContainer{ width: 900px; margin: 30px auto 0 auto; }
#tablesRealized, #formInit{ width: 430px; margin: 0px auto 0 auto; float: left; clear: right; }
#formInit{ margin-top: -20px;  }
#tablesRealized{ border: 1px solid gray; padding-bottom: 10px; margin-left: 30px; }
#tablesRealized #tablesRealizedTitle{ font-weight: bold; margin: 10px 0 0 10px; }
#tablesRealized div{ margin: 0 10px 0 10px; }

/* error output */
.error_cont{ position: absolute; top: 0; left: 0; width: 100%; }
.error{ width: 700px; position: absolute; left: 50%; z-index: 1000; margin: 200px 0 0 -350px; border: 2px solid #fc0000; background-color: white; }
.error .errorContainer{font-size:13px; font-family:Verdana,Arial,Helvetica,sans-serif; margin: 2px; padding: 5px; background-color: rgb(255,102,102); }
.error .errorTitle{ font-weight:bold;margin-bottom:10px;margin-top:5px;}
.error .errorBody{ margin-bottom:5px;text-align: justify; }
.error .errorBody .db_query{ margin-top: 10px; font-style: italic; }
.error .errorBody .db_query span{ font-style: normal; }
.error .errorLink{ float:right;margin-top:-3px;/* margin-top: 10px; */ }
.error a{ color: white; font-weight: bold; }

/* confirm message */
.confirm{ width: 700px; position: absolute; left: 50%; z-index: 1000; margin: 200px 0 0 -350px; border: 2px solid #057D00; background-color: white; }
.confirm .confirmContainer{ margin: 2px; padding: 0 2px 5px 5px; background-color: #D4FCD4; text-align:center; }
.confirm .confirmTitle{ font-weight: bold; margin-bottom: 15px; }
.confirm .confirmBody{ text-align: center; font-size:15px;color:#006600 ;font-family:Verdana, Arial, Helvetica, sans-serif;}
.confirm .confirmLink{ /* margin-top: 10px; */ font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:right;}
.confirm .confirmLink a{color:#663399;text-decoration:none;}
.confirm .confirmLink a:hover{color:#CC0000;text-decoration:none;}

/* loginbox */
div#loginPageCont{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.defaultLoginBox{ width: 400px; height: 95px; position: absolute; top: 50%; left: 50%; margin: -45px 0 0 -200px; border: 1px solid gray; }
.defaultLoginBox .formDefault{ width: 396px; height: 91px; margin: 2px 0 2px 2px; background-color: #dddddd; border: 0; }  
.defaultLoginBox .formLeft{ padding-right: 5px; }

/* paginator */
div.paginator{ background-color: #e0e1a7; height: 30px; }
div.paginator span.pag_title{ color: gray; font-weight: bold; }
div.paginator span.pag_act_page{ color: rgb(204,102,51); font-weight: bold; }
div.paginator span.pag_total{ color: gray; }
div.paginator a{ font-weight: bold; }
div.paginator div.paginator_left{ float: left; clear: right; margin: 7px 0 0 5px; }
div.paginator div.paginator_right{ float: left; margin: 5px 0 0 10px; }
div.paginator div.paginator_right span.vstroke{ color: white; font-weight: bold; float: left; clear: right; margin-right: 10px; font-size: 13px; color: #aaaaaa; }
div.paginator div.paginator_right form{ margin: 1px 0 0 0; padding: 0; width: auto; float: left;}
div.paginator div.paginator_right form input.text{ font-size: 10px; border: 1px solid gray; width: 30px; } 
div.paginator div.paginator_right form input.submit{ font-size: 10px; border: 1px solid gray; width: auto; padding: 0 5px 0 5px; background-color: #999999; color: white; font-weight: bold; cursor: pointer; }