*{
	font-family: Arial, Helvetica, sans-serif !important;
}

html, body {
	height: 100%;
	margin: 0;
	background-color:	#EAEAEA;
}



h2{
	clear:right;
	padding: 1em 1em;
	font-size:x-large;
	font-style: italic;
	font-weight: normal;
	margin:0px;
}

#container {
    width: 100%;
	height:100%;
}

#content{
	position:fixed;
	top:100px;
	left:220px;
	bottom:30px;
	right:0px;
	overflow:auto;
}

#header {	
    width:100%;
	position:fixed;
	height:100px;
	display:table-row;
}
#header form{
	height:100%;
}

#header ul {
    list-style-type: none;
    padding: 0px 0px;
	margin:0;
    overflow: hidden;
    background-color: #63C079;
	height:100%;
	font-size:large;
}

#header li {
    float: left;
    border-right:1px solid #777;
		background-color:#95C12C;
}


#header li:last-child {
    border-right: none;
	border-left:1px solid #777;
	
}

#header  li a {
    display: block;
    color: white;
    text-align: center;
    padding: 0px 16px;
    text-decoration: none;
	line-height:100px;
}

#header  li a:hover:not(.active) {
    background-color: #7ea327;
}

#header .active {
    background-color: #95C12C;
}



.header_element
{
	position:fixed;
	height:100px;
}



#nav {
	background-color:#95C12C;
    width: 220px;
	text-align:right;
	position:fixed;
	bottom:0;
	top:100px;
}
#nav div{
	width:200px;
	padding: 18px 10px;
}
#nav ul {
    list-style-type: none;
    padding: 0 0;
}
			
#nav ul a {
    text-decoration: none;
	color:white;
}

#nav li{
	padding:0px 0px 0.5em 0px;

}
#leftcontent{

	float:left;
	padding: 20px 20px;
}

#myChart{
	float:bottom;
	padding: 20px 20px;
}

#passwordDiv{
float:left;
padding: 20px 20px;
}

#passwordDiv form  { display: table;      }
#passwordDiv p     { display: table-row;  }
#passwordDiv label { display: table-cell; text-align:right;padding: 4px 10px; vertical-align: top;vertical-align:middle;}
#passwordDiv input:not(.ignore_style_css)[type="text"]  { width:320px; }
#passwordDiv select {width: 324px;display: table-cell;}
#passwordDiv .query_element_input{display: table-cell;}
#passwordDiv textarea {width: 320px; height: 129px; display: table-cell;    resize: none;}
#passwordDiv input{
	display: table-cell;
	vertical-align: bottom
}


#rightcontent{
float:left;
padding: 20px 20px;
}

#rightcontent form  { display: table;      }
#rightcontent p     { display: table-row;  }
#rightcontent label { display: table-cell; text-align:right;padding: 4px 10px; vertical-align: top;vertical-align:middle;}
#rightcontent input:not(.ignore_style_css)[type="text"]  { width:320px; }
#rightcontent select {width: 324px;display: table-cell;}
#rightcontent .query_element_input{display: table-cell;}
#rightcontent textarea {width: 320px; height: 129px; display: table-cell;    resize: none;}
#rightcontent input{
	display: table-cell;
	vertical-align: bottom
}
#rightcontent input:-moz-read-only{
    background-color:lightgray;
}
#rightcontent input:read-only {
    background-color:lightgray;
}

.button_container{
	padding: 20px 0px 0px 0px;
}
.buttons{
	cursor:pointer;
	width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
}

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
	height:30px;
	text-align:center;
	vertical-align:middle;
}


div.query_container
{
	padding:10px;
	float:left;
}
div.query_element
{
	padding:5px;
	display:inline-block;
	text-align:right;
}

div.query_element img
{
	cursor:pointer;
	vertical-align:bottom;
	padding: 0 10px 0 2px;
}
input.datepicker
{
	width:90px;
}
input.timeinput
{
	width:80px;
}


.query_container form
{
	display: table;
}
div.query_element
{
	display: table-row;
}
label.query_element
{
	display: table-cell;
	text-align:right;
	padding: 4px 10px;
}
div.query_element_input 
{
	display: table-cell;
	text-align:left;
	padding: 5px 0px;
}