
#header {
	background-image: url(bg.gif);
	background-repeat: repeat-x;
	height:62px; 
	
}
#header div, #header a {
	color:#FFFFFF;
}

#header div#logout{
	margin-top:4px;
	margin-right:4px;
}



#footer {
	clear:both;
	border-top: 1px solid black;
	color:white;
	text-align: center;
	background-color: #063C7C;
	padding:5px;
}
.firmName {
	font-size:16px;
	font-weight:bold;
}

#liveclock {
	margin-bottom:4px;
	border-bottom: 1px solid white;
	font-weight:bold;
}
/* menu */
#topMenu {
	background-color: #063C7C;
	border-bottom: 4px solid #1579E3;
	padding:5px;
	height: 16px;
}
#topMenu ul {
	margin: 0px;
	padding:0px;
	list-style: none;
	list-style-position: inside;
}
#topMenu li {
	margin: 0px;
	padding: 0px;
	display: inline;
	height:12px;
	background-color: #1F9BEB;
	border-top: 3px solid #FFFFFF;
	margin-right: 5px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom: 3px;
	border-bottom: 3px solid #FFFFFF;

}

#topMenu li.active{
	border-top: 3px solid #FFFFFF;
	padding-bottom: 3px;
	background-color: #7DD4FE;
	color: #000000;
}
#topMenu li.active:hover{
	border-top: 3px solid #FFFFFF;
	padding-bottom: 3px;
	background-color: #7DD4FE;
	color: #000000;
}
#topMenu li:hover{
	border-top: 3px solid #FFFFFF;
	padding-bottom: 3px;
	background-color: #7DD4FE;	
}
#topMenu li a{
	color: #FFFFFF;
	text-decoration: none;
}
#topMenu li.active a{
	color: #000000;
	font-weight: bold;
}
/*
*
*	content menu
*
*/
#contentMenu {
	border-bottom: 2px solid #E6E6E6;
	padding-bottom: 3px;
}
#contentMenu ul {
	margin: 0px;
	padding:0px;
	list-style: none;
	list-style-position: inside;
}
#contentMenu li {
	margin: 0px;
	padding: 0px;
	display: inline;
	height:12px;
	background-color: #E6E6E6;
	border-top: 3px solid #DF3400;
	margin-right: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 1px;
}

#contentMenu li.active{
	border-top: 3px solid #1579E3;
	padding-bottom: 4px;
	background-color: #E6E6E6;
}
#contentMenu li:hover{
	border-top: 3px solid red;
	padding-bottom: 3px;
}
#contentMenu li a{
	color: #DF3400;
	text-decoration: none;
}
#contentMenu li.active a{
	color: #DF3400;
	font-weight: bold;
}

/*
*
*	navigator
*
*/
#navigationBar {
	background-color: #1579E3;
	width: 160px;
	border-right: 1px solid gray;
}
#navigationBar ul{
	margin: 5px;
	color: #FFFFFF;	
	padding-left: 10px;
	margin-left: 10px;
}

#navigationBar A{
	color: #FFFFFF;	
}

#contentSite .content{

}

#navPath {
	border-bottom: medium solid Black;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

#statusBar {

}
#statusBar .error{
	background-color: #E30E18;
	padding: 5px;
	color: white;
	font-weight: bold;
}
#statusBar .error ul {
	list-style: square;
	margin:0px;
	padding: 0px;
}
#statusBar .ok{
	background-color: #0BA245;
	padding: 5px;
	color: white;
	font-weight: bold;
}
#statusBar .ok ul {
	list-style: square;
	margin:0px;
	padding: 0px;
}
/*
*
*	DATA GRID, INSPECTOR
*
*/
.dataInspector table{
	background-color: Gray;
}
.dataInspector th{
	color: black;
	background-color: #DCE1E5;
	text-align: right;
	width: 20%;
	vertical-align: top;
}
.dataInspector tr{
	background-color: #F7F7F7;
}

.dataGrid table{
	background-color: #DDDDDD;
}
.dataGrid th{
	width: auto;
	background-color: #063C7C;
	color: white;
	text-align: center;
}
.dataGrid th A{
	color: white;
}
.dataGrid th A:hover{
	color: white;
}
.dataGrid tr{
	background-color: #F7F7F7;
}

/* div inspector */
.insp {
	width: 100%;
	padding-bottom: 10px;
	background-color: #F7F7F7;
}
.inspcap {
	font-weight: bold;
	float: left;
	width: 30%;
	text-align: right;
	border-top: 1px dotted Background;
	border-right: 1px dotted Background;
	padding: 5px;
}
.inspval {
	float: right;
	width: 70%;
	border-top: 1px dotted gray;
	padding:5px;
}
.inspend {
	clear: both;
}

/* 
* 
*	language 
*
*/
.errLg {
	color: #D40000;
	text-shadow: Olive;
	border-left: 1px dotted orange;
	border-bottom: 1px dotted orange;
	padding-left:5px;
	padding-right:5px;
}
.errLgCom {
	color: #D40000;
	text-shadow: Olive;
	border: 1px dotted silver;
}
.lgChange {
	border: 1px dotted silver;
	padding: 3;
	background-color: #DCE1E5;
}
.lgChange b {
	color: #A52A2A;
}


.button2 {
	font-size: 12px;
	color: #CC0000;
	background: #FFF;
	font-weight: bold;
	padding: 0 20px;
	border: 2px solid #990000;
}
