/* Reset */

a img {border: none;}

/* General */
html {
	height: 100%;
	padding-bottom: 1px;
	}

body {
	background: #F6F2EC;  
	color: #444;
	font: normal 75% sans-serif;
	line-height: 1.5; 
	background: url(../img/house.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
input[type="text"] {
	width:100%;
}
.editSubmitMobile {
	background-color: transparent;
	border:none;
}
.langBtn {
	margin:1px;
}
.alignLeft {
	text-align:left;
}
.biggerTd {
	width:300px;
}
.redBorder {
	border-color:red;
}
input {
    display: block;
    width:100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input[type="submit"], button {
    margin:2px;
}

table {
	table-layout:fixed;
}
td, th{
	height:70px;
	white-space:wrap;
	overflow:hidden;
	
}
.active {
	font-weight:bold;
}
.logout {
	padding: 5px 5px 5px 5px;
	float:right;
}


/* Links */
a:focus,a:hover {color: #039;}
a {
	color: #456;
	text-decoration: none;
}
a:hover {text-decoration: underline;}










/* Common */
#top, #sub-nav {
	border-bottom: 1px solid #DDD;
	}
td th {
	max-width:100px;
}


/* Wrapper */
#site-wrapper {
	margin: 0 auto;
	width: 60%;
	background-color:#E9EEF0;
	
	}

/* Header */
#header {
	padding-top: 30px;
	border-bottom: 1px solid #DDD;
	}




/* Logo */
#logo {
	
	padding: 1px 40px 10px 0;
	
	}

#login {
	margin: 0 auto;
	width: 60%;
}
#login td {
	text-align:left;
}
#login th {
	font-size:1.1em;
	text-align:center;
}
#login td, th {
	vertical-align:middle;
	height:auto;
}
#login .input-group-addon {
	width:80px;
}

#main-nav {
	padding-top: 10px;
	padding-bottom: 10px;
}



/* Footer */

#footer {
	border-top: 1px solid #DDD;
	color: #777;
	padding: 16px 0 4px;
	}

/* Special */
@media only screen and (max-width: 1350px) {
    #searchTable {
        display: none;
    }
    .hideTd1350 {
        display: none;
    }
}
@media only screen and (max-width: 1650px) {
    .hideTd1650 {
        display: none;
    }
    #site-wrapper {
		width: 100%;
	}
	#login {
		width: 100%;
	}
	
}
.table > tbody > tr > td {
     vertical-align: middle;
}
.table > tbody > tr > th {
     vertical-align: middle;
}
#searchTable {
	
}
	#searchTable td, th {
		height:auto;
	}