/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

* {
    box-sizing: border-box;
}
html, body { margin: 0; padding: 0; }
body {
	padding: 0;
	text-align: center; 
	background-color:#d2d2bb;
	font-family:Helvetica, verdana, arial, sans-serif;
	font-size: 1.0em;
}
#container {
	text-align: left;
	margin: 0 auto;
		padding:0;
	max-width: 1000px;
	background-color: #ebf1d7;
}
#header {
	height:195px;height:auto;
	padding: 0.2em 1.5em 0 0;
	background-color: #ebf0d7;
}
#presents h1{
	float: left;
	width: 320px;
	margin:0;
	padding: 0;
	text-indent: -9999px;
	height: 76px;
}
#presents h1 a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: transparent url(../0aslogo320.png) top left no-repeat;
}
#presents h1 a:hover{
	background: transparent url(../0aslogo320.png) 0 -76px no-repeat;
	}

@media only screen and (max-width: 340px) {
#presents h1{width: 300px;height: 65px;
	}
#presents h1 a{
	background: transparent url(../0aslogo300.png) top left no-repeat;
	}
#presents h1 a:hover{
	background: transparent url(../0aslogo300.png) 0 -65px no-repeat;
}
}
#header h2{
	width: 320px;
	float:left;
	font-size:0.8em;
	font-style:italic;
	color:#0059ac;
	padding:1.5em 1.5em 0em 1.5em;
	margin:0px 2.7em 0px 0px;
}
@media only screen and (max-width: 580px) {
#header h2{
	display:none;
}
}
div #search{
	float:left;float:right;
	width: 320px;width: 300px;
	height:auto;
	margin:0;
	padding:0;
	display:block;
}
div.addthis_sharing_toolbox{
	float:right;
	width:auto;
	height:20px;
	margin:0;
	padding:0;
} 
div #search p{
	margin:0;
	padding: 0;
	color:#06c;
	font-size:0.9em;
}
@media only screen and (max-width: 661px) {
	#header h2{padding:0em 0.5em 0em 0.5em;
}
}
@media only screen and (max-width: 500px) {
div #search{
	padding:0 0.3em 0em 0.5em;
}
}
#searcharea *{
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
#header:after {
	content: "";
	clear: both;
	display: block;
}
/*______________________________________________________sidebar navigation*/
#sidebar {
	float: left; width: 25%;
	clear:left; 
	padding: 0% 1% 1% 1%;
	background-color: #ebf0d7;
}
@media only screen and (max-width: 500px) {
#sidebar {
	float: none;
	width:100%;
	clear:both;
	padding: 0% 1% 1% 1%;
	background-color: #ebf0d7;
}
}
#sidebar img.deerlogo, #sidebar img.revlogo{
	float:right;
	border:none;
	clear:left;
	margin-top:-0.8em;
}
#sidebar img.revlogo{
	margin-right:-0.6em;
}
@media only screen and (max-width: 970px) {
#sidebar img.deerlogo, #sidebar img.revlogo{
	width:45px;
	height:50px;
	margin-top:0;
}
}
#sidebar h3{
	padding-left:0.3em;
	color: #06c;
}
#sidebar #edinburgh h3{margin-top:1.5em;
}
@media only screen and (max-width: 745px) {
#sidebar h3{
	font-size:1em;
}
}
@media only screen and (max-width: 500px) {
#sidebar img.revlogo{
	margin-right:3em;
}
}
.wrap{
	width: 100%;max-width: 320px;
}
ul.cmenu{
	padding-left:0;
}
.cmenu{
	list-style: none;
	font-size:0.9em;
}
@media only screen and (max-width: 691px) {
.cmenu{
	font-size:0.8em;/* font-size:1em; */
}
}
@media only screen and (max-width: 560px) {
.cmenu{
	font-size:0.7em;/* font-size:1em; */
}
}
@media only screen and (max-width: 500px) {
.cmenu{
	font-size:0.6em;font-size:1em;
}
}
.cmenu li.header{
	color: #666;color: #c00;
	padding:4px 4px 4px 40px;
}
.cmenu li {
	border-top:0;
	margin:5px 0px;
	background:transparent;
}
.cmenu li a {
	text-decoration:none;
	color: #6a7749;
	display:block;
	padding:0px 0px 0px 40px;
	height:44px;
}
.cmenu li a:hover, .cmenu li a:active {
	text-decoration:none;
	color:#c00;
	background: #ffffe5;
}
.cmenu li ul {
	list-style: none;
	display: none;
	margin:0;
	padding:0;
	background:transparent;
}
.cmenu li ul li {
	margin:0em 0em 0em 1em;
	padding:0em 0em 0.5em 1em;
}
.cmenu li ul li:last-child {
	border-bottom:0;
}
.cmenu li ul li a {
	padding:0px 12px;height:auto;
	display: block;
	background:transparent;
}
.cmenu li ul li a:hover, .cmenu li ul li a:active {
	background: #ffffe5;
}
.cmenu .dropdown > a {
/* 	background: transparent url(bg/mbed.png) no-repeat 0px 0px; */
}
.cmenu .dropdown > a:hover {
/* 	background: #ffffe5 url(bg/mbed.png)  no-repeat 0px -34px; */
}
li.mbed a{background: transparent url(bg/mbed.png) 0px 0px no-repeat;}
li.medi a{background: transparent url(bg/medi.png) 0px 0px no-repeat;}
li.mren a{background: transparent url(bg/mren.png) 0px 0px no-repeat;}
li.mtor a{background: transparent url(bg/mtor.png) 0px 0px no-repeat;}
li.lbed a{background: transparent url(bg/lbed.png) 0px 0px no-repeat;}
li.lhot a{background: transparent url(bg/lhot.png) 0px 0px no-repeat;}
li.ledi a{background: transparent url(bg/ledi.png) 0px 0px no-repeat;}
li.lven a{background: transparent url(bg/lven.png) 0px 0px no-repeat;}
li.lren a{background: transparent url(bg/lren.png) 0px 0px no-repeat;}
li.lact a{background: transparent url(bg/lact.png) 0px 0px no-repeat;}
li.lhis a{background: transparent url(bg/lhis.png) 0px 0px no-repeat;}
li.mbed a:hover{background: transparent url(bg/mbed.png) 0px -54px no-repeat;}
li.medi a:hover{background: transparent url(bg/medi.png) 0px -54px no-repeat;}
li.mren a:hover{background: transparent url(bg/mren.png) 0px -54px no-repeat;}
li.mtor a:hover{background: transparent url(bg/mtor.png) 0px -54px no-repeat;}
li.lbed a:hover{background: transparent url(bg/lbed.png) 0px -54px no-repeat;}
li.lhot a:hover{background: transparent url(bg/lhot.png) 0px -54px no-repeat;}
li.ledi a:hover{background: transparent url(bg/ledi.png) 0px -54px no-repeat;}
li.lven a:hover{background: transparent url(bg/lven.png) 0px -54px no-repeat;}
li.lren a:hover{background: transparent url(bg/lren.png) 0px -54px no-repeat;}
li.lact a:hover{background: transparent url(bg/lact.png) 0px -54px no-repeat;}
li.lhis a:hover{background: transparent url(bg/lhis.png) 0px -54px no-repeat;}
li.edmedi a{background: transparent url(bg/edmedi.png) 0px 0px no-repeat;}
li.edmedi a:hover{background: transparent url(bg/edmedi.png) 0px -54px no-repeat;}
li.edledi a{background: transparent url(bg/edledi.png) 0px 0px no-repeat;}
li.edledi a:hover{background: transparent url(bg/edledi.png) 0px -54px no-repeat;}
li.edscsc a{background: transparent url(bg/edscsc.png) 0px 0px no-repeat;}
li.edscsc a:hover{background: transparent url(bg/edscsc.png) 0px -54px no-repeat;}

/*______Mobile Nav___begin_____________________________________________*/

@media only screen and (max-width: 500px) {
.cmenu li a {
	text-decoration:none;
	color: #6a7749;
	display:block;
	padding:3px 0px 3px 20px;height:auto;
}
.cmenu li ul li a {
	padding:3px 0px 3px 20px;height:auto;
	display: block;
	background: #fffff5;
}
li.mbed a,li.medi a,li.mren a,li.mtor a,li.lbed a,li.lhot a,li.ledi a,li.lven a,li.lren a,li.lact a,li.lhis a,li.edmedi a,li.edledi a,li.edscsc a{
	background:none;
	background-color:#fffff5;
	border:1px solid #919e63;
}
li.mbed a:hover,li.medi a:hover,li.mren a:hover,li.mtor a:hover,li.lbed a:hover,li.lhot a:hover,li.ledi a:hover,li.lven a:hover,li.lren a:hover,li.lact a:hover,li.lhis a:hover,li.edmedi a:hover,li.edledi a:hover,li.edscsc a:hover{
	background:none;
	background-color:#ffffff;
	border:1px solid #919e63;
}
/* ___________________hide things___________________ */
.edinburgh li.lven{display:none}
ul.cmenu{display:none}
button{
	text-indent: -9999px;
	background: transparent url(../0menu.png) top left no-repeat;
	width: 36px;
	height: 36px;
	margin-left:5px;
	margin-top:10px;
	border:0;
}
}
@media only screen and (min-width: 500px) {
button{
display:none
}
}
.menusign{
	margin-bottom:-1em;
	padding:0 0 0 0.5em;
	color:#bbb;
	font-style:italic;/* border:1px solid #ddd; */
}
@media only screen and (min-width: 500px) {
.menusign{
display:none
}
}
/*______Mobile Nav___end_________________________________*/

div.edinburghaccommodation{background-color:#f7f9ec;margin-left:-2px;padding-left:2px;border:1px solid #ccc;}


/*______sidebar___end_______________________________________*/

#content {
	float: left;  width:75%;
	border-top: 1px solid #919e63;
	border-left: 1px solid #919e63;
	border-bottom: 1px solid #919e63;
	border-right:0;
	padding: 1% 2.4% 1% 2.4%;
	background-color: #fffff5;
}
@media only screen and (max-width: 500px) {
    #content {
 float: none;  width:100%;clear:both;
}
}
div#content:after {/*clearfix for bottom of content window*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*__IMAGES________________________________________________*/
img{border:1px #666 solid;max-width: 100%;}
img.edgetoedge{margin:0px 0px 0px 0px;padding:0;}
.nobdr{border:0;}
.ph{float:left;margin-right:10px;}
.phr{float:right;margin-left:5px;}
.pnobdr, .phnobdr{float:left; margin-right:5px;border:0;}
.phrnobdr, .symbol, .rightsymbol{float:right; margin-left:5px;border:0;}
.centernobdr{display: block;margin-left:auto;margin-right:auto;border:0;}
.center{display: block;margin-left:auto;margin-right:auto;text-align:center;}
.minimap{float:right; margin-left:0px;margin-right:15px;border:0;}
/*________________________________________________________*/
@media only screen and (max-width: 500px) {
img{border:1px #666 solid;max-width: 100%;height: auto;}
img.edgetoedge{margin:0px 0px 0px 0px;padding:0;}
.nobdr{border:0;}
.ph{float:none;margin-right:0px;max-width: 100%;height: auto;}
.phr{float:none;margin-left:0px;}
.pnobdr, .phnobdr{float:left; margin-right:5px;border:0;}
.phrnobdr, .symbol, .rightsymbol{float:right; margin-left:5px;border:0;}
.centernobdr{display: block;margin-left:auto;margin-right:auto;border:0;}
.center{display: block;margin-left:auto;margin-right:auto;}
.minimap{float:right; margin-left:0px;margin-right:15px;border:0;}
}
/*________________________________________________________*/

.title{
	color: #06c;
	margin:0;
	padding:0;
	float:left;
}
.pagetitle{
	clear:left;
	color:#c00;
	}
div#summary h1{
	color: #06c;
	margin:0;padding:0;
	float:left;
}
div #summary p{
	float: right; 
	clear:right;
	font-size:0.9em;
	background: transparent;
	color: #06c;
	text-align: right;
	margin: 0 0 5px 0;
	padding: 0;
}
@media only screen and (max-width: 500px) {
div #summary p{
	float: none; 
	text-align: left;
	clear:both;
	}
}
div#intro {
	display:block;
	clear:right;
}
/*______________________________________________________*/
.propertytitle{color: #06c;}

div.section, div.property{
clear:both; padding:5px 0 5px 0;overflow:auto;/*border:1px solid #c00;*/}

.sectionclearleft{ /* a section for when there's a right floated thing lurking */
	clear:left;
	padding-top:1em;
}
.property p{font-size:.9em;line-height:1.4em;padding:0;margin:0;}
.property h5{font-size:1em;color:#06c;font-weight:bold;padding:0;margin:0;}
.property h5 a{color:#06c;text-decoration:none;padding:0;margin:0;}
.property h5 a:hover{color:#f30;}

h1{font-size: 170%;margin:15px 0 5px 0;line-height:1.3em;}
h2{font-size: 160%;margin:10px 0 5px 0;line-height:1.2em;}
h3{font-size: 140%;margin:8px 0 3px 0;line-height:1.2em;}
h4{font-size: 120%;margin:8px 0 3px 0;line-height:1.2em;}
h5{font-size: 100%;margin:8px 0 3px 0;}
h6{font-size: 100%;margin:8px 0 3px 0;}


@media only screen and (max-width: 500px) {
h1{font-size: 1.5em;margin:15px 0 5px 0;line-height:1.3em;}
h2{font-size: 1.4em;margin:10px 0 5px 0;line-height:1.2em;}
h3{font-size: 1.3em;margin:8px 0 3px 0;line-height:1.2em;}
h4{font-size: 1.2em;margin:8px 0 3px 0;line-height:1.2em;}
h5{font-size: 1em;margin:8px 0 3px 0;}
h6{font-size: 1em;margin:8px 0 3px 0;}
}
h1,h2,h3,h4,h5,h6{color: #06c;font-weight:normal;background:transparent;}
#content h1,#content h2,#content h3{clear:left;}
h1.bblisttitle{padding:0em 0em 0em 0em;width:300px;clear:left;/* border:1px solid; */}

.aslists p{font-size:.9em;line-height:1.2em;padding:0;margin:0;}
.aslists h5{font-size:1em;color:#06c;font-weight:bold;padding:0;margin:0;}
.aslists h5 a{color:#06c;text-decoration:none;padding:0;margin:0;}
.aslists h5 a:hover{color:#f30;}

.accom, .food, .tariff, .enquire, .map, .extra {
	color: #c00;
	text-indent:0;
}
p.strapline{font-style:italic;color:#c00;margin-top:0.8em;width:250px;}
p{
	color: #036;
	margin:0;
	padding:0;
	background:transparent;
}
/* 
div#intro p+p{
	text-indent: 1em;
}
 */
div#content p+p{
	margin-top:.3em;
}
.red{
	color:#c00;
}
.reditalic{
	color:#c00;
	font-style:italic;
}
/*IMAGES with CAPTIONS ________________________________________________*/
div.left{
	float:left;
	width:auto;
	margin:0 .5em .7em 0;
	}
div.right{
	float:right;
	width:auto;/* width should be specified with a style in-line in the page */
	margin:0 0px .7em .5em;/*margin-right 2px because of 1px image borders*/
	}
p.caption{
	display:block;
	width:auto;
	clear:right;
	font-size:.8em;
	line-height:1.5em;
	color:#666;
	margin:0 0 5px 0;
	padding: 2px 0 0 0;
	border-bottom:1px #ccc solid;
	background:transparent;
	}
/*_____________________________Google Maps InfoBox___________*/
.infoBox{
	border-radius: 6px;
	box-shadow: 12px 12px 8px 4px rgba(0,0,0,0.3);
	background-color:#fffff5;
	border:1px solid #ccc;
	padding:2em;
	font-size: 1em;
	font-style:italic;
}
.infoBox img{
	border:0;
}
.infoboxcontent img{
	box-shadow: 4px 4px 2px 1px rgba(0,0,0,0.2);
	border-top:1px solid #ccc;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	border-left:1px solid #ccc;
}
.infoboxcontent h3{
	font-size: 1.7em;
	font-weight:bold;
	color:#06c;
}
.infoboxcontent h3 a{
	color:#06c;
	text-decoration:none;
}
.infoboxcontent h3 a:hover{
	color:#c00;/* 	text-decoration:underline; */
}
.infoboxcontent p{
	font-size: 1.4em;
		color: #036;
}
.infoBox:before{
	content : " ";
	width: 0;
	height: 0;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 14px solid #fffff5;
	position:absolute;
	bottom:-10px;
	left:120px;
}
/* - LISTS  ________________________________________________*/
#content ul, #intro ul{
	margin: 4px 0 5px 0px;
	padding: 0;
	color:#004d99;
	list-style-type: none;
}
#content li, #intro li{
	font-size:100%;
	text-align:left;
	margin: 0 0 .2em 0;
	padding: 0 0 0 15px;
	line-height: 1.3em;
	background: url(../liredot.gif) no-repeat 0 5px;
}
	#content li a, #intro li a{text-decoration:none;}
#content ul.linkpoint{
	list-style-type: none;
	padding: 0;
	margin:0;
	}
#content ul.linkpoint li{
	font-size:0.9em;
	background: url(../listlinkpoint.gif) no-repeat 0 .2em;padding-left:30px;
}
#content ul.linkpoint li a{
	color:#036;
	text-decoration:none;
	/*border-bottom:1px #ccc solid;*/
}
#content ul.linkpoint li a:hover{
	color:#c00;
	text-decoration:none;
	border-bottom:1px #c00 solid;
}
#content ul.linkpoint li.here{
	background: url(../listlinkthis.gif) no-repeat 0 .2em;padding-left:30px;
}
#intro ul.bluedot li,#content ul.bluedot li{
	background: url(../libludot.gif) no-repeat 0 5px;
}
#intro ul.greendot li,#content ul.greendot li{
	background: url(../ligrndot.gif) no-repeat 0 5px;
}
#intro ul.downdot li,#content ul.downdot li{
	background: url(../liredown.gif) no-repeat 0 5px;
}
#intro ul.downdot li a,#content ul.downdot li a{
	text-decoration:none;
	border-bottom:1px #ccc solid;
}
#intro ul.downdot li a:hover,#content ul.downdot li a:hover{
	text-decoration:none;
	border-bottom:1px #c00 solid;
}
#content ul.sidedot{
	padding:0;
	margin:0;
}
#content ul.sidedot li{
	display:inline;
	white-space: nowrap;
	padding-right:4px;
	background: url(../liredside.gif) no-repeat 0px 3px;
}
#content ul.sidedot li.here{
	background-image:none;
}
#content ul.sidedot li a{
	text-decoration: none;
	border-bottom:1px #ccc solid;
}
#content ul li a:hover{
	border-bottom:1px #c00 solid;
}
.smalllist ul.sidedot li a{text-decoration: none;font-size:90%;}
.smalllist{padding:1px;padding-bottom:3px;margin:1px;border:1px #ccc solid;}

/*_________________ROWS like edinburgh_____________*/
/*bed-and-breakfast, rentals and edinburgh-area-accommodation lists*/
.left-of-three-columns{
	position: relative;
	float:left;
	width:227px;
	margin:9px 0px 10px 0px;
	background-color: transparent;
}
.center-of-three-columns{
/*	position: relative;*/
	float:left;
	width:227px;
	margin:10px 10px 10px 10px;
	background-color: transparent;
}
.right-of-three-columns{
	position: relative;
	float:left;
	width:227px;
	margin:10px 0px 10px 0px;
	background-color: transparent;
}
.row{
	border-top:1px solid #e9e9e9;
	border-right:1px solid #adadad;
	border-bottom:1px solid #adadad;
	border-left:1px solid #e9e9e9;
	margin: 0px 0px 10px 0px;
	padding:5px;
	background-color:#ffffff;
	width:215px;
}
.row img{
	float:left;
	margin-top:-6px;
	margin-left:-6px;
	margin-right:5px;
	border:1px solid #ccc;
}
.row img.hotel{
	float:right;
	margin-top:-6px;
	margin-left:6px;
	margin-right:-6px;
	border:1px solid #06c;
}
.row img.symbol{
	float:right;
	border:0;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
}
.row p{
	font-size:0.9em;
	padding:0;
	margin:0;
}
.row h4{
	font-size:1em;
	font-weight:bold;
	padding:0;
	margin:0px;
	text-decoration:none;
}
.row h4 a{
	color:#06c;
	text-decoration:none;
}
.row h4 a:hover{
	color:#c00;
}
span.rent{
	font-weight:bold;
	color:#093;}
span.banb{
	font-weight:bold;
	color:#c00;}
	
@media only screen and (max-width: 676px) {
#left, #centre, #right, .row {
	width:310px;
}
}
td.items{padding:10px;}
td.items a{text-decoration:none;}
td.items a:hover{text-decoration:underline;}

/*Boswell ________________________________________________*/
#content .boswell{
	margin: 0% 15% 0% 15%;
	background-color: transparent;
	padding:0}
/*Boswell ________________________________________________*/

p.menu{
	color: #c30;color: #BD2004;
	font-size:.9em;
	line-height:1.3em;
	background:transparent;
	text-align:center;
}
h5.menucourse{text-align:center;font-weight:bold;line-height:20px;
}
#content ol.numberedlist{font-size:0.8em;}
#content ol.numberedlist li{background:none;margin:0;padding:0;line-height:1.1em;color:#363;}

/*TABLES ________________________________________________*/

table#tartab, table#tartab1, table#tartab2{width:320px;}
#tartab td,#tartab1 td,#tartab2 td,#tartab3 td{padding:5px;}
#tartab.borders td,#tartab1.borders td,#tartab2.borders td,#tartab3.borders td{border: 1px #ccc solid;}
#tartab th,#tartab1 th,#tartab2 th,#tartab3 th{padding:2px;color: #33c;font-weight:normal;}
.pounds{color: #c00; font-size: 90%; text-align: center;}
.price{color:#c00;}
.date, .item{color: #33c; font-size: 90%;}

/*	______________________________________*/

.smallertext{font-size:0.8em;line-height:1.3em;}
div #intro .smallertext p+p{text-indent:0;}

.smallernotes{border-top:1px #ccc solid;border-bottom:1px #ccc solid;font-size:0.8em;line-height:1.3em;padding-top:5px;padding-bottom:5px;}

div #intro .smallernotes p+p{text-indent:0;}


.grnbdr,.redbdr,.blubdr,.greybdr{padding:0.5em;margin-bottom: 3px;}
.grnbdr{border:1px #090 solid;}
.redbdr{border:1px #c00 solid;}
.blubdr{border:1px #06c solid;}
.greybdr{border:1px #ccc solid;}
.gbg{background: #f0f0d8;}/* light grey background for tables*/
/*	______________________________________*/

/*extra LINKS  ________________________________________________*/
.blueredlinks p{
color:#069;font-size:1em;font-weight:bold;padding:0 0 0 0;margin: 0 0 0 0px;}

.blueredlinks p a{color:#06c;text-decoration:none;}

.blueredlinks p a:hover{color:#f30;}

.blueredlinks em {font-weight:normal;color:#999;}

.alsohave{
	clear:both;
	width:100%;
	border-top:1px #ccc solid;
	border-right:1px #333 solid;
	border-bottom:1px #333 solid;
	border-left:1px #ccc solid;
	margin:10px 0 10px 0;
	padding:0.5em;
	text-align: left;
	color: #33c;
	font-size: 1em;
}

/*_______________________________________________________________________*/
.leftbox{
	float:left;
	padding:10px;
	margin-right:10px;
	margin-top:10px;
	border:1px solid #36c;
}
.rightbox{
	float:right;
	padding:10px;
	margin-left:5px;
	margin-top:10px;
	border:1px solid #36c;
}
/*_______________________________________________________________________*/

.greybdr{
border:1px solid #ccc;
}
.upagain {
	font-size: 1em;
	text-align:right;
	color:#369;
	font-weight:normal;
	margin-top:20px;
}
.upagain a{
	color: #06c;
	text-decoration:none;
}
/*  --------------------- Google Maps -----------------  */
#map{/*for individual maps */
	width:100%;
	height:450px;
	border:0px solid;
	margin-top:1%;
}
@media only screen and (max-width: 480px){
#map{
	width:84% !important;
	margin:8% !important;
}
}
#map_canvas{/*for individual maps */
	width:100%;
	height:450px;
	border:0px solid;
	margin-top:1%;
}
@media only screen and (max-width: 480px){
#map_canvas{
	width:84%;
	margin:8%;
}
}
/*  -------------- iframe for eu tariffs----------  */

iframe.eufsize{
	height:100%;
	margin-bottom:5px;
	border:0px solid;
}
.euiframecontainer {
	height: 1050px;
	width: 100%;
	padding-bottom: 20%;
	overflow: hidden;
	position: relative;
}
.euiframecontainer iframe {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

/*  --------------Footer text links at the bottom----------  */

div#footer{
	clear: both;
	margin-bottom: 0px;/*ie/win, see body*/
	padding: 20px;
	border-top: 0px solid #919e63;
	font-size: .8em;
	color: #06c;
	background-color: #ebf0d7;
	border:1px #ebf0d7 solid;
}
div#footer a:link, div#footer a:visited{
	text-decoration: none;
	color: #06c;
}
div#footer .line a:link{
	text-decoration: underline;
}
div#footer a:hover,div.bar a:hover{
	text-decoration: underline;
	color: #c00;
}
div#footer a:active{
	text-decoration: none;
	color: #666;
}
div#footer img{
	border:0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}