@font-face {
    font-family: 'schoolkx_newregular';
    src: url('/fonts/schoolkx_new/schoolkx_new-webfont.eot');
    src: url('/fonts/schoolkx_new/schoolkx_new-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/schoolkx_new/schoolkx_new-webfont.woff') format('woff'),
         url('/fonts/schoolkx_new/schoolkx_new-webfont.ttf') format('truetype'),
         url('/fonts/schoolkx_new/schoolkx_new-webfont.svg#schoolkx_newregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#habla_window_div { 
	position: absolute !important; 
	margin-left:-125px !important;
	margin-right:-125px !important;
	left:50% !important;
	top: 0px;
	height: 32px;
}

#login-box {
	background: url('/img/login-box.png');
	background-size:100%;
}

.header, .header-new {
	display: none;
}

#desktop-header {
	margin: 30px;
	display: block;
}

#desktop-header #left {
	float: left;
}

#desktop-header #right {
	float: right;
}

#desktop-header #logo-header {
	float: left;
}

#desktop-header #logo-text {
	margin-top: 20px;
	margin-left: 10px;
	float: left;
	font-family: 'schoolkx_newregular';
	color: #bcbcbc;
	font-weight: bold;
	font-size: 30px;
}

#desktop-header a#logo-text:hover {
	text-decoration: none;
}


#desktop-header #user-name {
	float: left;
	font-size: 16px;
	margin-top: 5px;
	margin-right: 20px;
}

a#user-link {
	color: #FFFFFF;
}

a#user-link:hover {
	color: #000000;
}

#desktop-header #user-profile {
	float: left;
	
}

#more {
	padding-top: 20px;
	text-align: center;
}

#welcome {
	margin-top: 50px;
	padding-top: 0px;
	max-width: 650px;
	height: auto;
	background: #3a3a3a;	
	box-shadow: 0px 0px 38px rgba(0, 0, 0, 0.77);
	  -moz-box-shadow: 0px 0px 38px rgba(0, 0, 0, 0.77);
	  -webkit-box-shadow: 0px 0px 38px rgba(0, 0, 0, 0.77);
}

.menu {
	height: 135px !important;
}

.menu img {
	height: 90px;
	margin-left: 14px;
	margin-right: 14px;
}

.menu .icon {
	height: 90px;	
	width: 90px;	
	margin-top: 20px;
	float: left;
	margin-right: 14px;
	margin-left: 14px;
}

.menu #text {
	margin-top: 50px;
	font-size: 30px;
}

.menu .small {
	margin-top: 10px;
	font-size: 14px;
}

#initial-page-header {
	margin-top: 100px;
}

#searching-page-header {
	text-align: center;
	padding-left: 0px;
}

.uc-page-header {
	height: 48px;
	line-height: 48px;
	position: relative;
	z-index: 2;
	text-align: left;
	padding-left: 20px;
	font-size: 18px;
	font-weight: bold;
	box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.30);
	   -moz-box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.30);
	   -webkit-box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.30);
}

#student-search-box {

	position: relative;
	z-index: 1;
	background: #494949;
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	width: 90%;
	padding-top: 13px;
	padding-bottom: 5px;
	box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.57);
}


#building-search-box {

	position: relative;
	text-align: left;
	z-index: 1;
	background:  rgba(73, 73, 73, 0.67);
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	width: 90%;

	padding-top: 3px;
	padding-bottom: 5px;
	box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.57);
}

#room-select-page-header {
	margin-top: 25px;
}


#room-condition-elements-box {
	width: 400px;
	padding-right: 10px;

}


@media screen and (-webkit-min-device-pixel-ratio:0) {

    /*Chrome CSS here*/

    #room-condition-elements-box {
    	width: 385px;
    	padding-right: 0px;
    
    }
}