@import 'normalize.css'; /* cross browser normilization */

body {
	background: #000;
	display: block;
}
header {
	background-image: url(images/cropped-Four-Leaf-Clover.jpg);
	height: 150px;
	background-size: cover;	
}
header h1 {
	color: #E0E0E0;
	text-shadow: 3px 1px 3px #b4ddb4;
	font-size: 3em;
	text-align: left;
	margin-left: 15%;
	margin-top: auto;
	margin-bottom: auto;
	padding-top: 1em;
	padding-bottom: auto;
}
p {margin-top: 0;
	margin-bottom: .5em;
}
#container {
width:70%;
margin:auto;
}

#container h2 {
color: #E0E0E0;
text-shadow: 2px 1px 2px #b4ddb4;
}

#countrydivcontainer {
background: #FFF; 
border:1px solid #000; 
min-height: 600px;
width:100%; 
margin-bottom: 1em;
padding: 1em; 
/*overflow: scroll;*/
border-top-right-radius:1em;
-webkit-border-top-right-radius: 1em;
-moz-border-top-right-radius: 1em;
-ms-border-top-right-radius: 1em;
-o-border-top-right-radius: 1em;
border-bottom-right-radius:1em;
border-bottom-right-radius:1em;
-webkit-border-bottom-right-radius: 1em;
-moz-border-bottom-right-radius: 1em;
-ms-border-bottom-right-radius: 1em;
-o-border-bottom-right-radius: 1em;
border-bottom-left-radius: 1em;
-webkit-border-bottom-left-radius: 1em;
-moz-border-bottom-left-radius: 1em;
-ms-border-bottom-left-radius: 1em;
-o-border-bottom-left-radius: 1em;
}

#countrydivcontainer h2 {
	color: #000;
	text-shadow: 2px 1px 2px #b4ddb4;
}

#countrydivcontainer .gray {
	background-color: #D6D6D6;
	margin-top: 1.5em;
}
#countrydivcontainer .small-data {
	font-size: .75em;
}
#countrydivcontainer .small-data ul{
	padding: 0;
}
#countrydivcontainer .small-data li{
	list-style-type: none;
}

.tabcontentiframe {
background:#FFF;
margin: 0;
overflow-x: scroll;
border-radius: 1em;
}

#_ddajaxtabsiframe-countrydivcontainer { 
}

.resumebox {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom:1em;
	padding: 1em;
	border: thin solid #0B0B0B;
	width: 90%;
	border-radius:1em;
}
.addrbox {
	font-style: italic;
	text-align: center;
	font-size: medium;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 2px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
margin-right: 0;
/*font: bold 12px Verdana;*/
font: italic 16px Calibri;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border-top-left-radius:2em;
border-top-right-radius:2em;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 1px;
border: 1px solid #778;
border-top-left-radius:1em;
border-top-right-radius:1em;
color: #2d2b2b;
background: #b4ddb4; /* Old browsers */
	background: -moz-linear-gradient(top,  #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4ddb4), color-stop(17%,#83c783), color-stop(33%,#52b152), color-stop(67%,#008a00), color-stop(83%,#005700), color-stop(100%,#002400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C */
}

@media screen and (max-width: 785px) {
	header h1{
		margin-left: 0;
	}
	#container {
		width: 100%;
		margin: 0;
	}
	#countrydivcontainer {
		margin-right: 1em;
	}
	.shadetabs { 
		background: #000; 
		margin: 0;
		padding: 0;
		width: 100%;
		display: block;
	}

	.shadetabs li{ 
		width:100%;
		display:block;
		margin-bottom: 2px;
	}
	.shadetabs li a{ 
		width:100%;
		display:block;
		border-top-right-radius:0;
		border-top-left-radius:0;
	}
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
background: #BBB; /*a light gray*/
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
background: #FFF;
border-bottom: #000; /*added mmf*/
}

.shadetabs li a.selected{ /*selected main tab style */
background: #FFF; /*darker light gray*/
border-bottom-color: pink;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/*@media print{
	.resumebox{
		border: none;
		width: 100%;
	}	
} */