body {
	font:normal 14px/1.3 Verdana, Tahoma, sans-serif;
	color:#2a2a2a;
}

h1, h2, h3 {font:normal 28px/1.3 Verdana, Tahoma, sans-serif; color:#006699; margin:0 0 20px 0;}
h1 {margin-bottom:30px;}
h2 {font-size:22px;}
h3 {font-size:16px; font-weight:bold; text-transform:uppercase;}

a {color:#006699;}

p {margin-bottom:20px;}

hr {margin:12px 0; height:2px; background-color:#006699;}

.banner {margin-bottom:20px;}
.banner.square {margin: 0 auto; max-width: 300px;}
.banner img {max-width:100%; height:auto;}

label.toggle {font-weight:normal; cursor:pointer;}

table.table .right {text-align:right;}

table.table tr.highlighted td {background-color:#fff1c0 !important;}
table.table tr.in-book a {font-weight:bold;}

table.table tr.active {border-right:10px solid green;}
table.table tr.inactive {border-right:10px solid red;}
table.table tr.unapproved {border-right:10px solid orange;}
table.table tr.waiting {border-right:10px solid blue;}

iframe {border:0;}

#top .banner {margin-bottom: 0;}

#main {padding-top: 20px;}

/* Header with logo and navigation
================================================== */
header .logo {display:block; text-align:center;}
header .logo img {width:600px; max-width:100%; height:auto;}

header h2 {margin:0 0 40px; font-size:24px; color:#006699; text-align:center;}

header .online {margin-top:5px; font-size:10px; color:#006699; text-align:center;}
header .online .count {font-weight:bold;}

header .nav-wrap {margin-bottom:20px;}

header nav.top {height:30px; text-align:justify;}
header nav.top ul {padding:0; list-style:none;}
header nav.top ul:after {content:''; display:inline-block; width:100%; height:0; }
header nav.top ul li {display:inline-block;}
header nav.top ul li a {display:block; font-size:16px; line-height:30px; font-weight:bold; text-transform:uppercase;}
header nav.top ul li:hover a,
header nav.top ul li.active a {color:#2a2a2a;}

header nav.admin {border-top:1px solid #ccc;}

header a.mobile.toggle {margin-top:20px; background-color:#006699; font-size:16px; line-height:30px; font-weight:bold; color:#fff; text-transform:uppercase; text-align:center;}

header nav.mobile ul {display:none; padding:0;}
header nav.mobile ul li {list-style:none;}
header nav.mobile ul li a {display:block; font-size:16px; line-height:30px; font-weight:bold; color:#006699; text-transform:uppercase; text-align:center;}

header .social {margin:0 auto; width:52px;}
header .social a {display:block; float:left; width:19px; height:19px; background:url('/assets/images/icon_sprite.png') no-repeat;}
header .social a.facebook {margin:0 13px 12px 0;}
header .social a.linkedin {background-position:-19px 0;}
header .social a.twitter {margin-right:13px; width:20px; background-position:-38px 0;}
header .social a.google {background-position:-58px 0;}

header .social a.facebook:hover {background-position:-77px 0;}
header .social a.linkedin:hover {background-position:-96px 0;}
header .social a.twitter:hover {background-position:-115px 0;}
header .social a.google:hover {background-position:-135px 0;}


/* Main content area
================================================== */
section.middle {margin-bottom:20px;}
section.middle img {max-width:100%; height:auto;}

/*section.middle .heading {background-color:#006699;}
section.middle .heading.top {margin:0 -20px 20px;}
section.middle .heading h1 {margin:0; font-size:16px; line-height:30px; font-weight:bold; color:#fff; text-transform:uppercase; text-align:center;}
section.middle .heading h2 {margin:0; font-size:12px; line-height:30px; color:#fff; text-align:center;}
section.middle .heading a {color:#fff;}*/

section.middle .heading {margin-bottom: 20px; border-bottom: 1px solid #006699;}
section.middle .heading h1,
section.middle .heading h2,
section.middle .heading h3 {margin-bottom: 10px;}


section.middle .index-box {margin-bottom:30px; padding:10px; text-align:center; background-color:#f9f9f9; border:1px solid #ddd; border-radius:20px;}

section.middle .index-box .glyphicon.big {margin-top:20px; font-size:50px;}
section.middle .index-box .title {max-width: 270px; margin: 20px auto 10px; padding-bottom: 6px; font-size: 18px; font-weight:bold; text-transform:uppercase; border-bottom: 1px solid #ddd;}
section.middle .index-box .subtitle {margin: 10px 0 10px; font-weight:bold;}
section.middle .index-box .btn {margin-bottom:5px;}


footer {margin:30px 0 20px;}
footer h3 {padding-bottom:3px; font-size:14px; font-weight:normal; border-bottom:1px solid #006699;}
footer a {color:#2a2a2a;}
footer a.admin {font-size:10px;}

footer .categories {margin-bottom:20px;}
footer .categories a {display:block; margin-bottom:3px;}


section.middle .social {margin:10px auto; width:140px;}
section.middle .social a {display:block; float:left; margin:0 12px 20px 0; width:24px; height:24px; background:url('/assets/images/icon_sprite.png') no-repeat;}
section.middle .social a.facebook {background-position:0 -19px;}
section.middle .social a.linkedin {background-position:-24px -19px;}
section.middle .social a.twitter {width:26px; background-position:-48px -19px;}
section.middle .social a.google {background-position:-74px -19px; margin-right:0;}

section.middle .social a.facebook:hover {background-position:0 -43px;}
section.middle .social a.linkedin:hover {background-position:-24px -43px;}
section.middle .social a.twitter:hover {background-position:-48px -43px;}
section.middle .social a.google:hover {background-position:-74px -43px;}

section.middle .info {margin-top:20px; font-size:12px;}
section.middle .info .website,
section.middle .info .email,
section.middle .info .phone {margin-bottom:20px; margin-left:10px}

section.middle .info .icon {display:inline-block; margin-right:20px; width:21px; height:20px; background:url('/assets/images/icon_sprite.png') no-repeat;}
section.middle .info .website .icon {background-position:-98px -19px;}
section.middle .info .email .icon {margin-left:-2px; width:23px; background-position:-119px -19px;}
section.middle .info .phone .icon {background-position:-142px -19px;}

section.middle .print {margin:10px 0 20px; text-align:center;}

section.middle .pagination {margin-top:0;}


/* Styling of input forms
================================================== */
input[type=text],
input[type=password],
input[type=email],
select,
textarea {padding:0 10px; width:100%; height:30px; background-color:#fff; border:1px solid #006699; box-shadow:0 0 10px rgba(0, 0, 0, 0.1) inset;}

select {padding:4px;}
textarea {padding:10px; height:auto;}

input.suffix, select.suffix {width:80%; text-align:right;}

#errors {display:none;}
input.error, select.error, textarea.error {background:#fff1c0;}
small.error {font-weight:bold; color:red;}


/* Banners and adsense
================================================== */
.adsense {text-align:center;}


/* Google map canvas
================================================== */

#map {float: right; margin-bottom:20px; width:735px;}
#map .explanation {margin-top: 10px;}
#map_canvas {width: 100%; height:600px;}
#map_canvas img {max-width:none;}

#map_adsense {float:left; margin-bottom:20px; width:160px;}


#info_window {padding-top:10px; font-size:16px;
	/* fix for scrollbar problem in firefox */
	line-height:1.35;
	overflow:hidden;
	white-space:nowrap;
}

#info_window h2 {margin-bottom:10px;}
#info_window h2 a {font-size:22px;}


/* Mobile changes
================================================== */
@media only screen and (max-width: 500px) {
 header h2 {font-size:18px;}

 #map_canvas {height:300px;}
}

@media only screen and (max-width: 992px) {
	#map {width:100%;}
}


/* Retina graphics
================================================== */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
 header .social a {background-image:url('/assets/images/icon_sprite@2x.png'); background-size:163px 67px;}
 section.middle .social a {background-image:url('/assets/images/icon_sprite@2x.png'); background-size:163px 67px;}
 section.middle .info .icon {background-image:url('/assets/images/icon_sprite@2x.png'); background-size:163px 67px;}
}


/* Disable bootstrap from printing URLs
================================================== */
@media print {
	a[href]:after {content:none;}
}