/* ADDED 1:: 16 0425 /////////////////////////////////////////////
SEO_Loaded_MODULES.php */

div#SEO_Wrapper {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		float: left;
		.background: teal;
		background: rgba(255,255,255,0.8);
		width: 71Vw;
		min-height: 100Vh;
		padding: 2Vw 2Vw 250px 2Vw;
		.border-radius: 0 5Vh 5Vh 5Vh;
		z-index: 10;
		.box-shadow: 0 0 20px 50px rgba(255,255,255,0.6);
}
body.MA-DESIGN.simpleSite div#SEO_Wrapper {
		width: 75Vw;
		z-index: 1;
}

    div#SEO_Analysis {
		font-weight: normal;
		text-decoration: none;
		float: left;
		border: 2pt solid rgba(255,255,255,0.9);
		border-radius : 0 20px 40px 20px;
		position: relative;
		width: 280px;
		margin: 0 20px 20px 0;
		padding: 20px;
		z-index: 10000;
		box-shadow: 5px 5px 20px rgba(0,0,0,0.5);

	}
	
	.twitter {color: #55acee; }
		
	div#SEO_Analysis.twitter {
		background: rgba(255,255,255,0.6) url(//ma-design.com/assets/images/METRO_25px_twitter.png) top left no-repeat;
		background-size: 20px 20px;
	}
	div#SEO_Analysis.OpenGraph {
		background: rgba(255,255,255,0.6) url(//ma-design.com/assets/images/METRO_25px_Facebook.png) top left no-repeat;
		background-size: 20px 20px;
	}
	div#SEO_Analysis.SEO,
	div#SEO_Analysis.sData {
		background: rgba(255,255,255,0.6) url(//ma-design.com/assets/images/METRO_25px_GooglePlus.png) top left no-repeat;
		background-size: 20px 20px;
	}
	
	div#SEO_Analysis div span.title {
		font-weight: bold; 
		background: rgba(255,255,255,1);
		padding: 5px 5px 5px 5px;
		margin-right: 5px;
		margin-right: 5px;
		position: relative;
		left: -5px;	
	}
	div#SEO_Analysis.twitter span.title {
		color: #855acee; /* twitter blue */
	}
	
	div#SEO_Analysis.twitter span.title,
	div#SEO_Analysis.OpenGraph span.title {
		color: rgba(44,60,171,1); /* Ramsdens DRUMS BLUE */
		font-weight: bold;
	}
	div#SEO_Analysis.SEO span.title {
		color: #D50F25; /* Google red */
	}
	

	div#SEO_Analysis h2 {
		position: absolute;
		left: 28px;
		top: -5px;
	}
	
	div#SEO_Analysis a.twitter:hover {
		color: #55acee; 
		text-decoration: underline;
	}


	div#SEO_Analysis.twitter div.tweet {
		font-size: 9pt;
		font-family: sans-serif Helvetica Neue;
		color: black;
		background: white;
	}

	
	div#SEO_Analysis div span.imgTitle {
		width: 120px; 
		margin-bottom: 12px;
		border-radius : 0 0 10px 0;
		box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	}
	div#SEO_Analysis.twitter div span.title.imgTitle {
		color: #855acee;
	}
		
		
	div#SEO_Analysis div.twitterCARD {
		color: black; 
		background: white;
		border: 1pt silver solid;
		font-style: normal;
	}
	div#SEO_Analysis div.messageCount,
	div#SEO_Analysis div.tweetlength	{
		color: black; 
	}
	
	div#SEO_Analysis div span.picCaption {
		color: black; 
		background: transparent;
		font-weight: bold;
		font-style: normal;
		font-size: 9pt;
		padding: 0;
	}
	div#SEO_Analysis div.tweetSource {
		color: grey; 
		background: transparent;
		font-style: normal;
		padding-left: 0;
	}
		
	div#SEO_Analysis div img {
		display: block;
		margin-top: 8px;
		.box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
		border-style: solid solid solid none;
		border: 1pt silver solid;
		width: 100%;
		height: auto;
		.height: 169px;
	}
	div#SEO_Analysis div.imgMissing {
		display: block;
		margin-top: 8px;
		.box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
		border: 1pt RED solid;
		.width: 100%;
		.height: auto;
		background: white;
		color: red;
		font-size: 14pt;
		line-height: 20pt;
		text-align: center;
		.width: 280px;
		height: 150px;
		border-radius: 0;
	}
	div#SEO_Analysis div.imgMissing span { 
		display: block; position: relative; 
		width: 100px; height: 50px; 
		margin: 50px auto;
	}
	
	div#SEO_Analysis div span.Char140 {
		font-style: italic;
		color: red;
		background: rgba(255,0,0,0.1);
	}
	
	div#SEO_Analysis div {
		font-style: normal;
		.color: black;
		background: rgba(255,255,255,0.6);
		margin: 0 0 5px 0;
		padding: 5px;
		font-size: 9pt;
		line-height: 12pt;
		border-radius : 0 0 10px 0;
	}
	
	/* the HashTags /// */
	div#SEO_Analysis span.hashTag,
	div#SEO_Analysis span.hashTag a {
		color: red;
		text-decoration: none;
	}
	div#SEO_Analysis a.hashTag:hover {
		color: red!important;
		text-decoration: underline;
	}
	
	/* Google MAP */
	div#SEO_Analysis .miniMap {
		width: 280px;
		height: 150px;
		background: rgba(255,255,255,0.4);
	}
	
	
	
	a.SEO-ON-OFF {
		color: white;
		font-size: 20pt;
		z-index: 1000;
	}
	a.SEO-ON-OFF {
		color: white;
		font-size: 20pt;
		z-index: 1000;
	}
	a.SEO-ON:hover {
		color: yellow;
	}
	a.SEO-ON,
	a#foo.SEO-ON {
		display: none;
		color: green;
		background: orange;
		-ms-transform: rotate(45deg); /* IE 9 */
		-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
		transform: rotate(45deg);
		z-index: 10000;
	}
	a.SEO-ON-OFF,
	a#foo.SEO-OFF{
		font-size:20pt;
		display: block;
		color: red;
		background: rgba(255,255,255,0);
		z-index: 1000;
		
	}
	
	

	
	div#SEOvisible {
		position: fixed;
		bottom: 20px;
		left: 20px;
		width: 25px;
		height: 25px;
		.border: 1pt solid white;
		float: left;
		z-index: 1000;
	}
	
	div#mobileSelector
	{
		position: fixed;
		.width: 48Vw;
		right: 6Vw;
		bottom: 115px;
		float: left;
		z-index: 300;
		.background: yellow;
	}
	
	div#mobileSelector  i	
	{
		font-size: 15pt;
		color: white;
		padding-right: 10px;
		text-shadow: 1px 1px 4px rgba(0,0,0,0.8);
	}
	
	div#TEXT,
	div#QUOTE,
	div#PORTFOLIO,
	div#NEWS 
	{
		text-align: center;
		float: left;
		padding: 5px;
		margin-right: 10px;
		float: left;
		z-index: 20;
		.background: red;
	}
	
	a#foo {
		.position: fixed;
		.bottom:20px;
		.left: 20px;
		width: 25px;
		height: 25px;
		border: 1pt solid white;
		-webkit-animation-name: spin;
		-webkit-animation-duration: 4000ms;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-moz-animation-name: spin;
		-moz-animation-duration: 4000ms;
		-moz-animation-iteration-count: infinite;
		-moz-animation-timing-function: linear;
		-ms-animation-name: spin;
		-ms-animation-duration: 4000ms;
		-ms-animation-iteration-count: infinite;
		-ms-animation-timing-function: linear;
		
		animation-name: spin;
		animation-duration: 4000ms;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		
		box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
	}

	a#foo:hover {
		border: 1pt red solid;
		background: rgba(255,255,255,1)!important;
		bottom:4px;
		left: -4px;
		box-shadow: -4px 4px 8px rgba(0,0,0,0.4);
	}

	a#foo:active {
		background: rgba(255,255,255,0.6);
		bottom:-1px;
		left: 1px;
		box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	}
	
	
/*
// ON Off Switch /////////////////////////////////////////////////////////
// Source:: http://jsfiddle.net/gaby/n5fzB/2/
.abc,.ab {
    display: none;
}
/*show .ab*/
/*#f:hover ~ .ab,
#f:active ~ .ab,
#f:visited ~ .ab {
    display: block;
    
}
/*show .abc*/
/*#s:visited  ~ .abc {
    display: block;
}

#s:visited  ~ .a,
#f:visited  ~ .a{
    display: none;
}


/* Update 17 1204 ///// */

body.MA-DESIGN.simpleSite div#SEO_Wrapper {
		width: 75Vw;
		z-index: 100;
		overflow: visible;
		background: linear-gradient(
				to bottom,
		rgba(255,255,255,0.8) 60%, 
		transparent
	  );
}
header .row {
	z-index: 110;
}
	
.simpleSite div#SEO_Analysis {
    margin: 0 10px 10px 0;
    padding: 20px 10px 10px 10px;
}
.simpleSite div#SEO_Analysis div {
    padding: 12px 0 0 0;
}
.simpleSite div#SEO_Analysis.SEO{
	.height: 90Vh!important;
}
.simpleSite div#SEO_Analysis.sData{
	width: 850px;
	max-width: 73Vw;
}
.simpleSite div#SEO_Analysis.sData div {
	float: left;
	width: 64%;

}
.simpleSite div#SEO_Analysis.sData div.logoSchema {
	float: right;
	position: absolute;
	top: 10px;
	right: 10px; 
	width: 33%;
	height: auto;
}

/* Map */
.simpleSite div#SEO_Analysis .miniMap {
    width: 250px;
}

div#SEO_Analysis h2 {
	font-family: 'OswaldRegular';
    font-weight: normal;
    font-size: 12pt;
    line-height: 16pt;
    padding: 6px 0 10px 0;
	clear: both;
	margin-top: 0px;
    margin-bottom: 0px;
}
.twitter {
    font-weight: bold;
    color: rgba(0, 172, 237, 1.0);
}


a.SEO-ON-OFF, a#foo.SEO-OFF {
    font-size: 15pt;
    padding: 4px 3px 5px 5px;
    display: block;
	color: white;
    background: rgba(255,255,255,0);
    z-index: 1000;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

a.SEO-ON-OFF:hover, a#foo.SEO-OFF:hover {
	color: orangered;
}
a#foo:hover {
    text-align: unset;
}

#foo i.fa.fa-copyright {
    -webkit-animation-name: spinReverse;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinReverse;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinReverse;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spinReverse;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	z-index: 100;
};