﻿@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
body{margin:0px; padding:0px; background:#ffffff; font-family: 'Droid Sans', sans-serif;}

img{
border:none;
border-width:medium;
padding:left:25px;
width:217px;
height:95px;}

.logo_bg{float:left;margin-left:0px;margin-right:0px;background:url(../images/logo-bg.jpg) no-repeat; width:200px; height:95px;}
.main-header{background: #BC8358;height: 70px;width: 100%;}
.login-header{background: #bc8358;height: 10px;width: 100%;border-bottom:#333 solid 2px;}
.header{float:left; width:100%;}

.main_bg{
/*	position:fixed;*/
	height:586px; 
	width:100%;
	/*background-size:100%;*/
	margin:0px;
	padding:0px;	
	}
.main-menu{height:32px;background: #404041;margin-top:63px;}	
.inner-bg{
	height:586px; 
	width:100%;
	/*background-size:100%;*/
    background-repeat:no-repeat;
	margin:0px;
	padding-top:20px;
	z-index:-1;
	position: fixed;
	}
	
.groupname_box{
	position:relative;
	top:0px;
	right:0px;
	float:right;
	padding:24px 30px;
	background-color:#269fd9;
	color:#fff;
	/*width:10%*/
	}
	
.footer_menu{
position: absolute;
bottom: 0px;
right: 20px;
/*float: right;*/
color: #cecece;
margin-top: 220px;
font-size: 9pt;
/*margin-right: -100%;*/
/*bottom: 65px;*/
top:340px;
	}
	
.footer_menu a{
	color:#999999;
	text-decoration:none;
	}
	
.main{
	width:1000px;
	margin:auto;
	}

.kallgauge-logo{
	position:absolute;
	margin:250px 0 0 0;
	width:25%
	}

.kallgauge-logo p{
	font-size: 100%;
	color: #787878;
	letter-spacing: -0.1px;
}

.login_error{
/*	width: 73%;
	background: #eb7979;
	border: 1px solid #e84c4c;*/
	padding: 10px 30px;
	}

.loginh{ background:#404041 url(../images/login-hr.png) top right no-repeat;; height:95.652px; border-bottom:#333 solid 1px;}

.loginform{
	width: 480px;
	/*float: right;*/
	margin:10% auto auto auto;
	color:#404041;
	font-size:10pt;
	/*border:1px solid #d1d2d4\9;*/ /* IE9 and below */
    /**border:1px solid #d1d2d4;*/ /* IE7 and below */
	/*-top:1px solid #d1d2d4;
	border-left:1px solid #d1d2d4;
	border-right:1px solid #d1d2d4;*/
	height:320px;
	border-bottom:10px solid #404041;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    0px 0px 12px 0px rgba(50, 50, 50, 0.6);
box-shadow:         0px 0px 12px 0px rgba(50, 50, 50, 0.6);
	}
	
.loginform h2{
	
	font-size:16pt;
	color:#FFF;
	padding: 0px;
    margin: 0px;
}

.loginform_input{
	
	font-size:12pt;
	width:320px;
	color:#999;
	height:30px;
	background:#f1f1f2;
	border:1px solid #eee;
	margin-top:20px;
	padding-left:15px;
}


.submit_btn {
	background-color: #bb855d;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:10pt;
	font-weight:bold;
	padding:10px 30px;
	text-decoration:none;
	border:none;
	/*box-shadow:0px 4px 0px #069*/
}
.submit_btn:hover {
	background-color: #c9b6a8;
	color:#fff;
	/*box-shadow:0px 4px 0px #fff;*/
}
.submit_btn:active {
	position:relative;
	top:1px;
}


.copyrigth{position: absolute;margin-top: 560px;color:#fff; font-size:9pt;}


<!-- Menu -->


.top_menu_bg{
	width:100%;
	height:70px;
	background:#269fd9;
	margin:0px;
	padding:0px;
	}
	
#cssmenu {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  font-size: 10pt;
  width: auto;
}
#cssmenu ul {
  height: 35px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu li {
  float: left;
  padding: 0px;
}
#cssmenu li a {
  display: block;
  font-weight: normal;
  line-height: 35px;
  margin: 0px;
  padding: 0px 18px;
/*padding: 0px 7px\9;*/
  text-align: center;
  text-decoration: none;
  /*height: 45px;*/
}
#cssmenu > ul > li > a {
  color: #ffffff;
}
#cssmenu ul ul a {
  color: #ffffff;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
  background: #d52a26 /*url('../images/hover.png') bottom center no-repeat*/;
  color: #FFFFFF;
  text-decoration: none;
}
#cssmenu li ul {
  background: #f05a28;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 225px;
  z-index: 200;
  /*top:1em;
	/*left:0;*/

}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 225px;
}
#cssmenu li:hover li a {
  background: none;
}
#cssmenu li ul a {
  display: block;
  height: 35px;
  font-size: 12px;
  font-style: normal;
  margin: 0px;
  padding: 0px 10px 0px 15px;
  text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
  background: #d52a26;
  border: 0px;
  color: #ffffff;
  text-decoration: none;
  font-weight:normal;
}
#cssmenu p {
  clear: left;
}


#usermenu {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 63px 0px 0px 0px;
  font-size: 10pt;
  width: auto;
}
#usermenu ul {
  height: 35px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#usermenu li {
  /*float: left;*/
  padding: 0px;
}
#usermenu li a {
  display: block;
  font-weight: normal;
  line-height: 35px;
  margin: 0px;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  text-align: center;
  text-decoration: none;
  height: 40px;
}
#usermenu > ul > li > a {
  color: #ffffff;
}
#usermenu ul ul a {
  color: #ffffff;
}
#usermenu li > a:hover,
#usermenu ul li:hover > a {
   background: none;
  color: #FFFFFF;
  text-decoration: none;
}
#usermenu li ul {
  background: #d52a26;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 165px;
  z-index: 200;
  right: 0;
  /*top:1em;
	/*left:0;*/

}
#usermenu li:hover ul {
  display: block;
}
#usermenu li li {
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 165px;
}
#usermenu li:hover li a {
  background: none;
}
#usermenu li ul a {
  display: block;
  height: 35px;
  font-size: 12px;
  font-style: normal;
  margin: 0px;
  padding: 0px 0px 0px 15px;
  text-align: left;
}
#usermenu li ul a:hover,
#usermenu li ul li:hover > a {
  background: #f05a28;
  border: 0px;
  color: #ffffff;
  text-decoration: none;
  font-weight:normal;
}
#usermenu p {
  clear: left;
}


.user-name{padding: 5px 10px 0px 10px; float:right;position:absolute; right:0;top:0; color:#ffffff; font-family: 'Droid Sans', sans-serif;
background: #d52a26;
}
.user-name span {font-size:12px;}
.user-name p {font-size:14px; font-weight:bold; font-family: 'Droid Sans', sans-serif; padding:0px;}


.select-project{padding: 15px 10px 0px 10px; float:right;position:absolute; margin-right:17%; right:0;top:0; color:#ffffff; font-family: 'Droid Sans', sans-serif;}


.select-project select{background: #f1f1f2 url('../images/select-pimg.jpg') left no-repeat;width:300px; border:none; height:35px; line-height:35px; font-family: 'Droid Sans', sans-serif; padding-left:65px; font-weight:bold; font-size:14px;} 




.footer{height:35px; border-bottom:3px solid #000000; background:#404041; bottom:0px; position:absolute; width:100%;}
.footer-inner{color:#a7a9ab; padding-left:30px; line-height:35px; text-align:left; font-family: 'Droid Sans', sans-serif; font-size:12px;}
.footer-inner img{float:right;}