html, body {
	 background: url(bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: "Verdana";
    margin: 0;
    padding: 0;
    height: 100%;
width: 100%;
}
.loader
{
	position: absolute;
	
	z-index: 1000;
	display: block; 

	left: 50%;
	top: 50%;
    margin-left: auto; 

    margin-right: auto;	
	
}
.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0 ;
}

.middle {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
}

.content {
    margin: auto;
    max-width: 720px;
}

.erb {
	text-align: center;
	margin: 20px 0;
}

.erb img {
	width: 100%;
	height: 100%;
}

h1 {
	color: #caa321;
	font-weight: 300;
	letter-spacing: 0.2em;
	text-align: center;
	text-transform: uppercase;
}

h2 {
	color: #C7C7C7;
	border-bottom: 1px solid #6f6f6f;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.2em;
	padding-bottom: 15px;
	text-align: center;
}

.menu {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

.menu li {
	display: inline-block;
	text-align: center;
	padding: 0px 10px;

}

.menu li a {
	border-bottom: 1px solid transparent;
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 10px;
	transition: all 0.2s ease-in;
}

.menu li a:hover {
	color: #ffc400;
	border-bottom: 1px solid #ffc400 ;
}

#login {
	text-align: center;
}

#login form {
	margin: 40px 0;
}

#login h2 {
	text-transform: uppercase;
	font-weight: 300;
}

#login .fa {
	color: #ffc400;
	width: 30px;
}

#login input[type='text'], 
#login input[type='password'] {
	background: transparent;
	border: 0;
	border-bottom: 1px solid rgb(92, 92, 92);
	color: #E0E0E0;
	font-family: "Consolas", "Menlo", monospace;
	font-size: 14px;
	letter-spacing: 0.1em;

	text-decoration: none;
	margin-bottom: 20px;
	padding: 5px 10px;
	transition: all 0.2s ease-in;
	outline: none;
	width: 240px;
}

#login input[type='text']:focus, 
#login input[type='text']:hover, 
#login input[type='password']:focus, 
#login input[type='password']:hover {
	border-bottom: 1px solid #ffc400;
}


::-webkit-input-placeholder {
	text-transform: uppercase;
  	color: #ccc;
}

:-moz-placeholder { /* Firefox 18- */
	text-transform: uppercase;
  	color: #ccc;
}

::-moz-placeholder {  /* Firefox 19+ */
	text-transform: uppercase;
  	color: #ccc;
}

#login input:-ms-input-placeholder {
	text-transform: uppercase;
  	color: #ccc;
}


.form-submit {
	margin: 20px 0;
}


.form-submit input[type='submit'], .form-submit input[type='button'] {
	background: transparent;
	border: 1px solid rgb(87, 87, 87);
	border-radius: 5px;
	cursor: pointer;
	color: #FFFAFA;
	
	padding: 8px 20px;
	text-transform: uppercase;
	transition: all 0.2s ease-in;
	outline: none;
}

.form-submit .validation {
	font-weight: 300;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #fff;
	margin-bottom: 10px;
	opacity: 0.0;
	transition: all 0.2s ease-in;
}

.form-submit input[type='submit']:hover, .form-submit input[type='button']:hover {
	border: 1px solid #ffc400;
	color: #ffc400;
}

.footer {
	color: #474747;
	font-size: 0.5em;
	margin-top: 30px;
	text-align:center;
}
.contextMenu
{
   position:absolute;	
	left:0px;
	bottom:55px;	
	width: 200px;
	height: 116px;
	background-color: #D4D0C8;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #404040;
	z-index: 1000;
	 font-size: 0.8em; 	
   


}
.contextMenu > div > div
{
	line-height: 20px;
	text-align: left;
	padding-left: 38px;
	font-size: 1.1em;
	background-repeat: no-repeat;
	margin: 5px;
		
	
}

.contextMenu > div > div:hover
{
	background-color: #0A246A;	
	color:white;
	cursor: pointer;
}  




.rh-panel
 {
	
	
	font-size: 1em;
  
  	border-left: solid 8px #00417e;
  	border-right: solid 8px #00417e;
  	border-bottom: solid 8px #00417e;
  
  
  	height: 100%;
  	
  	
 }
 
.activeHeader
{
	background-color: #00417e;
}
.noactiveHeader
{
	background-color: #3C6F9F;
}
.rh-panel-outer
{

  position: absolute;
  font-size: 0.8em;
  margin: 5px;
	
}
.rh-panel-header  
{ 
	 
    /*padding: 5px 5px 5px 5px;*/   
     
    color: white;
    font-weight: bold;
    font-size: 1em;
    
	width : 100%;
	display: block;    

  	height: 20px;
  	line-height: 20px;
  	cursor: pointer;
  	
	
}
.rh-panel-header-title
{

	height:15px;
	width:95%;
	float:left;
	
}
.rh-panel-header-control
{
	
	height: 19px;
	position: absolute;
	right: 0px;
	top:0px;
}
.rh-panel-header-control img
{
	/*border-left: thin solid #bfb9b9;
	border-bottom: thin solid #bfb9b9;*/
		
}
.rh-panel-content-wrapper
{
 
 	
 	 position:absolute;	
 	 overflow: auto;
 	
   
}
span
{
 
}
.rh-panel-content
{
 	width:100%; 	
 	height:100%;
  	position:absolute;
    color:black;
    font-weight: bold;
    
}
.background2
{
	background-color: #BEDCFF;
}