@import url(http://fonts.googleapis.com/css?family=Open+Sans);

html, body {height:100%;}
body {
	background: #F4F4F4;
	font-family: "Open Sans", Arial, sans-serif, Verdana;
	margin: 0;
	width: 100%;
}

a {
	color: #033156;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#header {
	background: #FFF;
	border-bottom: 1px solid #E0E0E0;
	box-shadow: 0 0 3px #ccc;
	padding: 4px;
	position: fixed;
	height: 50px;
	top: 0;
	width: 100%;
	z-index: 100;
}

#header .content {
	margin: 0 auto; 
	width: 1080px;
}

#header .logo {
    background: url("logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 40px;
    text-indent: -9999px;
    width: 220px;
}

#header .logo:hover {
	opacity: 0.8;
}

#header .content .nav {
	float: left;
	list-style: none;
	margin-top:8px !important;
}

#header .content .nav ul {
	float: left;
	list-style: none;
}

#header .content .nav ul li {
	float: left;
	list-style: none;
	margin-right: 10px;
}

#header .content .nav ul li a {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    color: #878787;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
    text-decoration: none;
    transition: 0.4s all ease-in;
}

#header .content .nav ul li a:hover {
	background: #C1C1C1;
	color: #000;
}

#header .content .nav ul li a.d {
    background: none repeat scroll 0 0 #1BB0F5;
    border: 1px solid #006699;
    color: #FFFFFF;
}

h1 {
	border-bottom: 1px solid #ccc;
	color: #034884;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 2px 0;
}

h2 {
	font-size: 22px;
	margin: 0 0 10px 0;
	font-weight: normal;
}

h3 {
	font-size: 20px;
	margin: 0 0 10px 0;
}

h4 {
	font-size: 14px;
	margin: 0;
	padding: 2px;
}

#wrap {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    box-shadow: 0 0 8px #CCCCCC;
    margin: 58px auto 0;
    padding: 4px;
    width: 980px;
}

#content {
	padding-top: 20px;
	width: 980px;
}

#ap-content {
	float: left;
	margin: 0 5px 0 5px;
	width: 580px;
}


#title {
    background: none repeat scroll 0 0 #D6D6D6;
    border-left: 8px solid #C0C0C0;
    color: #000000;
    font-size: inherit;
    margin: 0 0 8px;
    padding: 4px;
}

#title-r {
    background: none repeat scroll 0 0 #F4F4F4;
    border-right: 8px solid #C0C0C0;
    color: #000000;
    font-size: inherit;
    margin: 0 0 8px;
    padding: 4px;
}

#clg-intro 	{
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #EDEDED;
    margin-bottom: 2px;
    padding: 4px;
    text-align: center;
}


#clg-features {
	margin: 4px auto;
	width: 335px;
}

#clg-intro .logo {height: 100px; float: left; border: 1px solid rgb(171, 171, 171); position: relative; top: -25px; width: 90px;}
#clg-intro .logo.default {background:#97D2F4;color:#fff;font-size:70px;}

#features {
	border-radius: 4px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	height: 34px;
    text-align: center;
    width: 40px;
}

#features.rating {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #0A96C9;
    color: #0A96C9;
    float: left;
    padding-top: 2px;
    margin: 0 8px 0 8px;
    height: 32px !important;
    width: 40px;
}

#features.rating:hover {
	border: 1px solid #ccc;
	color: #777;
	cursor: pointer;
}

#features span {
    font-size: 12px;
    font-weight: normal;
    position: relative;
    top: -6px;
}

#features.verified {
    background: url("features.png") no-repeat scroll 1px 0 #FFFFFF;
    border: 1px solid #97AC5E;
    float: left;
    margin: 0 8px;
}

#features.verified:hover {
	border:1px solid #ccc;
	cursor: pointer;
}

#features.avail {
	background: none repeat scroll 0 0 #77E541;
	border: 1px solid #56BC23;
	float: left;
	margin: 0 8px 0 8px;
	width: 40px;
}

#features.avail.lib {
	background: url("features.png") no-repeat scroll -40px 0 #FFFFFF;
	border: 1px solid #E2574C;
}

#features.avail.lab {
	background: url("features.png") no-repeat scroll -83px -1px #FFFFFF;
	border:1px solid #2C2C2C;
}

#features.avail.hostel {
	background: url("features.png") no-repeat scroll -124px 0 #FFFFFF;
	border: 1px solid #E2574C;
}

#features.avail:hover {
	border: 1px solid #ccc;
	cursor: pointer;	
}

#features.no.lib {
	background: url("features.png") no-repeat scroll -40px 0 #FFFFFF;
	border: 1px solid #E2574C;
	float: left;
    margin: 0 8px 0 8px;
    opacity: 0.5;
    width: 40px;
}

#features.no.lab {
	background: url("features.png") no-repeat scroll -83px -1px #FFFFFF;
	border:1px solid #2C2C2C;
	float: left;
    margin: 0 8px 0 8px;
    opacity: 0.5;
    width: 40px;
}

#features.no.hostel {
	background: url("features.png") no-repeat scroll -124px 0 #FFFFFF;
	border: 1px solid #E2574C;
	float: left;
    margin: 0 8px 0 8px;
    opacity: 0.5;
    width: 40px;	
}

#features.no:hover {
	opacity:0.2;
	cursor: pointer;
}

.dropdown {background: -moz-linear-gradient(top, #e0e0e0 0%, #f7f7f7 100%, #207cca 100%, #f9f9f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#f7f7f7), color-stop(100%,#207cca), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e0e0e0 0%,#f7f7f7 100%,#207cca 100%,#f9f9f9 100%); 
background: -o-linear-gradient(top, #e0e0e0 0%,#f7f7f7 100%,#207cca 100%,#f9f9f9 100%); 
background: -ms-linear-gradient(top, #e0e0e0 0%,#f7f7f7 100%,#207cca 100%,#f9f9f9 100%); 
background: linear-gradient(to bottom, #e0e0e0 0%,#f7f7f7 100%,#207cca 100%,#f9f9f9 100%);font-family:'Open Sans', Verdana; font-size: 14px; border: 1px solid #BCD8FF; color:#006699; padding: 10px; margin: 3px; width:320px;}
.dropdown.small {font-family:'Open Sans', Verdana; color:#000 !important; font-size: 10pt; border: 1px solid #BCD8FF; padding: 10px; margin: 3px;width:100px;}

.button {
    background: #0A50B2;
    border: 1px solid #E0E0E0;
    color: #FFF;
    font-family: 'Open Sans', Verdana;
    padding: 4px;
    transition: 0.4s all ease-in;
    width: 100px;
 }

.button:hover {
	background: #206EDB;
 }

.button:active {
	background: #89B8FF;
	color: #000;
}

.button.red {
	background: #D43815;
	border: 1px solid #B72D12;
	padding: 10px;
	width: auto !important;
}

.button.red:hover {
	background: #B72D12;
}

.input {
	background: -moz-linear-gradient(top, #e0e0e0 0%, #f7f7f7 100%, #207cca 100%, #f9f9f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#f7f7f7), color-stop(100%,#207cca), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e0e0e0 0%,#f7f7f7 100%,#207cca 100%,#f9f9f9 100%); 
	background: -o-linear-gradient(top, #e0e0e0 0%,#f7f7f7 100%,#207cca 100%,#f9f9f9 100%); 
	background: -ms-linear-gradient(top, #e0e0e0 0%,#f7f7f7 100%,#207cca 100%,#f9f9f9 100%); 
	background: linear-gradient(to bottom, #e0e0e0 0%,#f7f7f7 100%,#207cca 100%,#f9f9f9 100%);
	border: 1px solid #BCD8FF;
	font-family: "Open Sans", Verdana;
	padding: 10px;
	width: 250px;
}

#message {
    background: none repeat scroll 0 0 #BFE8FF;
    border: 1px solid #39A2DB;
    border-radius: 4px;
    color: #147BE2;
    padding: 4px;
 	margin: 2px 0 2px 0;
}

#message.error {
	background: #FFA8A8;
	border: 1px solid #DD2C2C;
	color: #AA0808;
	padding: 10px 4px 10px 4px;
}

.text.left {text-align: left;}
.text.center {text-align:center;}
.text.right {text-align: right;}
.text.rf {padding:4px;}
.no-border {border: medium none;}


.big {
	font-size: 40px;
}

.big.center {
	text-align: center;
}

.big.green {
	margin:0;
	color:#078E05;
}

.big.blue {
	color: #057BB2;
    margin: 0;
}

.small {
	font-size:20px;
}

#wide-options {
    background: none repeat scroll 0 0 #EFEFEF;
    bottom: 0;
    border-top: 2px solid #14668E;
    display: none;
    opacity: 0.92;
    padding: 4px;
    position: fixed;
    text-align: center;
    width: 970px;
    z-index: 100;
}

#wide-options, #wide-options-const span {
    background: none repeat scroll 0 0 #126B8E;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px;
}

#wide-options-const {
    background: none repeat scroll 0 0 #CCCCCC;
    padding: 8px;
    text-align: center;
}

#wide-options .notice {
    background: none repeat scroll 0 0 #E9F845;
    border: 1px solid #CBDB20;
    color: #A00404;
    font-size: 12px;
    font-weight: bold;
    margin: 0 auto;
    padding: 4px;
    text-align: center;
    width: 390px;
}

#share {
    background: none repeat scroll 0 0 #F2F2F2;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    margin: 0;
    padding: 4px 0 2px;
}

#share .facebook {
	float:left;
	margin-left: 4px;
}

#share .twitter {
    float: left;
    margin-left: 10px;
    margin-right: -22px;
    padding: 0 0 0 4px;
}

#share .gplus {
    float: left;
    padding: 0 0 0 4px;
}

#share-ad {
	border-bottom: 1px solid #DDD;
	padding: 4px 0 2px 0;
}

#readability {
	font-size:14px;
}

#readability.info {
    background: none repeat scroll 0 0 #E8F3FF;
    border-top: 1px solid #6695C4;
    color: #0C3E70;
    margin-bottom: 4px;
    padding: 8px;
}

#readability.head {
	background: #5992CC;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
}

#readability.head.red {
	background: #F93532;
}

#readability.even {
	background: #EDEDED;
	color:#093D72;
}

#readability.grey {
	background:#F1F1F1;
}

#readability.even:hover, #readability.odd:hover {
	background: #ADD8EA;
	box-shadow: 0 0 3px #0E61B5;
	border: 1px dashed #0E61B5;
	font-size: 16px;
	font-weight: bold;
}

#readability.odd {
	background: #F9F9F9;
}

#readability .cell {
	padding:4px;
}

#readability .cell.grey {
	background: #E8E8E8;
}

.search-big {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-shadow: 1px 0 2px #ccc inset;
    font-size: 21px;
    margin: 4px 0 4px 4px;
    padding: 6px;
    width: 450px;
}

.button.search {
	border: 1px solid #0a50b2;
	border-radius: 0 4px 4px 0;
	padding: 8px;
	position: relative;
	top:-2px;
	left:-6px;
	width: 106px;
}

#sidebar {
	background: #FFF;
	padding: 4px;
	width: 180px;
}

#sidebar.left {
	float: left;
}

#sidebar.right {
	float: right;
}

#pagination {
	margin:10px 0 10px 0; 
	padding:0;
	float:left;
}

#pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#pagination ul li {
	float: left;
	margin: 0 4px;
}

#pagination ul li a {
    background: #73A1B5;
    border-bottom: 2px solid #0F69AD;
    border-right: 1px solid #0F69AD;
    color: #034770;
    padding: 0 6px;
}

#pagination ul li a:hover{
	background: #3C7993;
	color: #011C2B;
	text-decoration: none;
}

#pagination .active {
	background: #fff;
	border: 1px solid #3C7993;
	color: #000;
	font-weight: bold;
	padding: 0 6px;
}

#footer {
	color: #9E9E9E;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;
	width: 980px;
}

.fa-check-circle { color: green; }