html {
	height: 100%;
}
body {
	height: 100%;
	font-family: Arial, sans serif;
	font-size: 14px;
	margin-bottom: 50px;
}
img {
	border: solid 0px green;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

div.content a, div.content a:link, div.content_bottom a, div.content_bottom a:link {
	text-decoration: none;
	color: #0547db;
}
div.content a:hover, div.content_bottom a:hover {
	text-decoration: none;
	color: #040776;
}
/*div.content-login {
	background-image: url(../images/raflux.png);
	width: 748px;
	height: 461px;
	border: solid 0px #444141;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
}
div.login-right {
	width: 200px;
	height: 130px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	float: right;
	position: relative;
	top: 345px;
}
div.login-msg {
	width: 748px;
	height: 40px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	color: red;
}
div.login-form {
	width: auto;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: right;
	color: white;
}
div.login-submit {
	width: auto;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}*/
div.wrapper{
	/*border: solid 1px red;*/
	position: relative;
	min-height: 100%;
	margin-bottom: 38px;
}
div.logo {
	background-image: url('../images/logo_440.jpg');
	background-repeat: no-repeat;
	border-bottom: solid 1px #00529c;
	width: 100%;
	height: 113px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
}
div.resptable {
	border: solid 0px green;
}
div.navbar_left {
	font-family: Arial, sans serif;
	font-size: 14px;
	border-right: solid 1px #00529c;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
	position: absolute;
	left: 0px;
	width: 80px;
	height: auto;
}
div.navbar-button {
	float: right;
	/*position:relative;*/
	/*top:100px/;*/
}
div.navbar_left a, div.navbar_left a:visited {
  color: #a8a9ad;
  text-decoration: none;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 2px;
  padding-right: 2px;
}
div.navbar_left a:hover {
  color: #00529c;
  text-decoration: none;
}
div.navbar_left a.selected {
  color: #00529c;
}
div.content {
	border: solid 0px #00529c;
	width: auto;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
	margin-right: 0px;
	text-align: left;
}
div.content_bottom {
	border: solid 0px red;
	width: auto;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
}
div.content_bottom_wrapper {
	border: solid 0px blue;
	display: inline-block;
	margin: 0 auto;
	text-align: left;
}
div.content-search{
}
div.footer{
	background-color: #fff;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	display: block;
	font-size: 10px;
}
div.dimensions {
	/*border: solid 1px red;*/
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	float:left;
}
div.stats {
	border-top: solid 1px #00529c;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}
div.content-box-header {
	color: #00529c;
	font-size: 28px;
	padding-bottom: 10px;
	font-weight: bold;
	text-decoration: none;

}
div.content-box-text {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}
div.content-box-text-center {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
div.content-box-text-req {
	background-color: #fff;
	color: red;
	text-align: center;
}
div.content-box-popup{
	position: absolute;
	visibility: hidden;
	display: block;
	width: auto;
	background-color: #F9F9F9;
	border: 1px solid #839fde;
	padding: 5px;
	white-space: nowrap;
}
div.content-text-debug {
	/*border: solid 1px red;*/
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: right;
}
div.debug-sql_query {
	padding-bottom: 50px;
	margin-left: 130px;
	border: solid 1px #00529c;
}
div.debug-box-text {
	padding-top: 10px;
	padding-bottom: 100px;
}

@media only screen and (max-width : 440px) {

	div.logo {
		background-image: url('../images/logo_300.jpg');
		height: 77px;
	}
	div.content-box-header {
		font-size: 20px;
	}

}

@media only screen and (max-width : 640px) {

	div.content_bottom {
		margin-left: 0px;
	}
	div.resptable {
		overflow-x: auto;
		display: block;
	}

}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}


.login-res-img {
    background-image: url(../images/login.jpg);
    background-repeat: no-repeat;
    position: relative;
    width: 748px;
    height: 548px;
}

.login-res-wrapper {
    width: 260px;
    text-align: center;
    top: -182px;
    float: right;
    position: relative;
}

div.login {
    border: 0px solid #00529c;
    margin: 0 auto;
    width: 748px;
    height: 548px;
    display: inline-block;
}
div.login-msg {
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: center;
    color: red;
}
div.login-form {
    margin: 0 auto;
    display: inline-block;
    padding: 10px;
    width: 240px;
    float: bottom;
    font: bold 16px/34px 'Open Sans Condensed',sans-serif;
}
div.login-form-text {
    float: bottom;
    width: auto;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #000;
    text-align: right;
}
div.login-form-input {
    border: 1px solid #00529c;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    float: top;
    width: auto;
    height: 32px;
    background: #fff;
    position: relative;
    margin: 0px;
}
div.login-form-input input {
    margin: 0;
    border: 0;
    background: 0;
    width: 100%;
    height: 20px;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #333;
}
div.login-submit {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
    display: inline-block;
    width: 240px;
}
div.login-submit-s {
    float: left;
    margin-left: 10px;
}
div.login-submit-r {
    float: right;
    margin-right: 10px;
}
div.login-submit input{
    width: 94px;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #333;
}

@media only screen and (max-width : 440px) {

    .login-res-img {
        background-image: url('../images/logo_300.jpg');
        width: 300px;
        height: 77px;
    }
    div.login {
        width: 300px;
        height: 305px;
    }
    .login-res-wrapper {
        width: 300px;
        top: 0px;
    }
    div.login-form-text {
        color: #000;
    }

}

@media only screen and (min-width : 441px) and (max-width: 749px) {

    .login-res-img {
        background-image: url('../images/logo_440.jpg');
        width: 440px;
        height: 113px;
    }
    div.login {
        width: 440px;
        height: 341px;
    }
    .login-res-wrapper {
        width: 440px;
        top: 0px;
    }
    div.login-form-text {
        color: #000;
    }

}