/*Header Bar - All Pages*/
#headerBar {
	position: fixed;
	width: 100%;
	top: 1%;
	height: 65px; 
	background: white;
	opacity:.8;
	/*background: -ms-linear-gradient(top,#29297A 100%,#ffffff  0%);  
	background: -moz-linear-gradient(top,#29297A 100%,#ffffff  0%); 
	background: -webkit-linear-gradient(top,#29297A 100%,#ffffff 00%);*/ 
   	z-index: 500;

}

#logobutton {
	position: absolute;
	vertical-align: middle;
	left:2%;
	width: 200px;
	height: 40px;
    z-index: 520;
    top: 10%;
	}


#logobuttontext {
	font-size: 30px;
	z-index: 520;
	}
	
#logobuttontext a{
  color: #808080;
  opacity: 1;
  font-weight:300;
}

#logobuttontext a:hover {
	opacity: 0.5;
    text-decoration: none;
	}

#hamburger_menu {
    font-size: 60px;
    position: absolute;
    left:90%;
    top:-40%;
    color: #808080;
    z-index: 501;
}

#hamburger_menu:hover span{
    opacity: 0.5;
}









/*CSS for Overlay Menu*/
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255, 1);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a:link, .overlay a:visited {
    padding: 8px;
    text-decoration: none;
    color: #808080;
    display: block;
    transition: 0.3s;
    font-family:  'Open Sans', sans-serif; font-style: normal; font-weight: 300; font-size: 36px;
}

.overlay a:hover, .overlay a:focus {
    color: #808080;
    opacity:0.3;
}



.overlay .closebtn {
    position: absolute;
    top: 5%;
    right: 2%;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}







	
	






/*General CSS for All Pages*/
h1 {
	text-align: left;
	font-family:  verdana; font-style: normal; font-weight: bold; font-size: 32px; text-transform: uppercase; margin-top: 30px;
	}


h2 {
	text-align: left;
	font-style: normal; 
	font-weight: 400; 
	font-size: 32px; 
	color:#669999;
	text-transform: uppercase; 
	border-bottom:2px solid #336699; 
	margin-top: 30px;
	}
h3 {
	text-align: left;
	font-family:  verdana; font-style: normal; font-weight: bold; font-size: 20px; text-transform: uppercase; 
	border-bottom:1px solid #336699; margin-top: 30px;
}

body {	background: #ffffff;
    margin: 0% 0%;
    font-family:  'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 16px;
}

p{
    margin: 10px 0 0 10px;
    white-space: nowrap;
    overflow: hidden;
    width: 30em;
}

a:link {
    text-decoration: none;
    color:#0000FF;
    font-weight:bolder;
}










/*NOTE: Not sure if main is used still, but keeping*/
#main {width: 36%;
    margin-left: 2%;
    margin-right: 1%;
    float: left;
    border:0px;
    background:white;
}

/*NOTE: main2 is used in index_main.php and About_Me.php and About_Me_mo.php*/
#main2 {width: 40%;
    margin-left: 2%;
    margin-right: 1%;
    float: left;
    border:0px;
    background:white;
    text-align:justify;
    text-justify: inter-word;
}



/*CSS for Input Buttons (all pages)*/

input[type=button] {padding:5px 20px; background: #808080 ; 1px solid #B0B0B0;
cursor:pointer; font-size:18px; color: #ffffff;
-webkit-border-radius: 5px;
border-radius: 5px; 
}

input[type=button]:hover {padding:5px 20px; background: #B0B0B0 ; border:1px solid #B0B0B0;
cursor:pointer; font-size:18px; color: #ffffff;
-webkit-border-radius: 5px;
border-radius: 5px; 
}

input[type=submit] {padding:5px 20px; background: #808080 ; border:1px solid #B0B0B0;
cursor:pointer; font-size:18px; color: #ffffff;
-webkit-border-radius: 5px;
border-radius: 5px; 
}

input[type=submit]:hover {padding:5px 20px; background: #B0B0B0 ; border:1px solid #B0B0B0;
cursor:pointer; font-size:18px; color: #ffffff;
-webkit-border-radius: 5px;
border-radius: 5px; 
}

input[type=username] {padding:5px 20px; background: #ffffff ; border:1px solid #B0B0B0;
cursor:pointer; font-size:18px; color: #000000;
-webkit-border-radius: 5px;
border-radius: 5px; 
}

input[type=password] {padding:5px 20px; background: #ffffff ; border:1px solid #B0B0B0;
cursor:pointer; font-size:18px; color: #000000;
-webkit-border-radius: 5px;
border-radius: 5px; 
}

input[type=name] {padding:5px 20px; background: #ffffff ; border:1px solid #B0B0B0;
cursor:pointer; font-size:18px; color: #000000;
-webkit-border-radius: 5px;
border-radius: 5px; 
width: 60%;
}

input[type=email] {padding:5px 20px; background: #ffffff ; border:1px solid #B0B0B0;
cursor:pointer; font-size:18px; color: #000000;
-webkit-border-radius: 5px;
border-radius: 5px; 
width: 60%;
}

input[type=text] {padding:5px 20px; background: #ffffff ; border:1px solid #B0B0B0
cursor:pointer; font-size:18px; color: #000000;
-webkit-border-radius: 5px;
border-radius: 5px; 
}

input[type=reset] {padding:5px 20px; background: #808080 ; border:1px solid #B0B0B0;
cursor:pointer; font-size:18px; color: #ffffff;
-webkit-border-radius: 5px;
border-radius: 5px; 
}

input[type=reset]:hover {padding:5px 20px; background: #B0B0B0 ; border:1px solid #B0B0B0;
cursor:pointer; font-size:18px; color: #ffffff;
-webkit-border-radius: 5px;
border-radius: 5px; 
}

textarea {padding:5px 20px; background: #ffffff ; border:1px solid #B0B0B0;
cursor:pointer; font-size:18px; color: #000000; font-family: verdana; font-style:bold;
-webkit-border-radius: 5px;
border-radius: 5px; 
overflow: auto;
width: 80%
}







/*CSS for all Submenus (on index_main.php, Interests.php, Linkedin_Stats.php, Where_Lived.php, Blog.php, iPhone_Videos.php)  */
#submenu {width:20%;
    margin-right:2%;
    float: right;
    color: white;
    background:#767F90;
    border-radius:5px;
    text-align:center;
}

#submenu ul {
    list-style: none;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    margin-top: 10px;
    text-align: center;
    font-family:  'Open Sans', sans-serif;
    color:white;
    margin-left:-35px;
}
#submenu ul li{
    font-size: 14px;
    color:white;
    padding: 2px;
}
#submenu ul li a {
    background:#767F90;
    color: white;
    font-weight: normal;
    text-decoration: none;
}
#submenu ul li a:hover {
    background:#535a66;
}

@media only screen and (max-device-width: 800px) {
    #submenu {
        width: 20%;
    }
    #submenu p{
        font-size: 0.75em;
    }
    #submenu ul a{
        font-size: 1.5em;
    }
}



#submenu_mo {
    max-width:32%;
    margin-right:5%;
    float: right;
    color: white;
    background:#767F90;
    border-radius:5px;
}

#submenu_mo ul {
    list-style: none;
    Font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    font-family:  'Open Sans', sans-serif;
    color:white;
    margin-left:-35px;
    margin-right:1%;
}
#submenu_mo ul li{
    font-size: 10px;
    color:white;
}
#submenu_mo ul li a {
    background:#767F90;
    color: white;
    font-weight: normal;
    text-decoration: none;
}
#submenu_mo ul li a:hover {
    background:#535a66;
}



#submenu_interests_container {
    width:33%;
    background:#ffffff;
    margin-right:0%;
    color: white;
    position: absolute;
    top:15%;
    left:67%
}

#submenu_interests {
    margin-right:5%;
    width:60%;
    color: white;
    background:#767F90;
    border-radius:5px;
    float: right;
}

#submenu_interests ul {
    list-style: none;
    Font-style: normal;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    font-family:  'Open Sans', sans-serif;
    color:white;
    margin-left:-35px;
}

#submenu_interests ul li{
    font-size: 14px;
    color:white;
    padding: 2px;
}

#submenu_interests ul li a {
    background:#767F90;
    color: white;
    font-weight: normal;
    text-decoration: none;
}

#submenu_interests ul li a:hover {
    background:#535a66;
}


@media only screen and (max-device-width: 800px) {
    #submenu_interests {
        visibility: hidden;
    }
}

#submenu_blog {width:20%;
    margin-right:2%;
    float: right;
    color: white;
    background:#767F90;
    border-radius:5px;
}

#submenu_blog ul {
    list-style: none;
    Font-style: normal;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    font-family:  'Open Sans', sans-serif;
    color:white;
    margin-left:-35px;
}
#submenu_blog ul li{
    font-size: 14px;
    color:white;
    padding: 2px;
}
#submenu_blog ul li a {
    background:#767F90;
    color: white;
    font-weight: normal;
    text-decoration: none;
}
#submenu_blog ul li a:hover {
    background:#535a66;
}

@media only screen and (max-device-width: 800px) {
    #submenu_blog {
        width: 20%;
    }
    #submenu_blog p{
        font-size: 1.35em;
    }
    #submenu_blog ul a{
        font-size: 1.5em;
    }
}


#submenu_mohidden{
    width:20%;
    margin-right:2%;
    float: right;
    color: white;
    background:#767F90;
    border-radius:5px;
}

#submenu_mohidden ul {
    list-style: none;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    font-family:  'Open Sans', sans-serif;
    color:white;
    margin-left:-35px;
}
#submenu_mohidden ul li{
    font-size: 14px;
    color:white;
    padding: 2px;
}
#submenu_mohidden ul li a {
    background:#767F90;
    color: white;
    font-weight: normal;
    text-decoration: none;
}
#submenu_mohidden ul li a:hover {
    background:#535a66;
}

@media only screen and (max-device-width: 800px) {
    #submenu_mohidden {
        width: 0%;
        visibility: hidden;
    }
    #submenu_mohidden ul {
        width:0%;
        visibility: hidden;
    }
    #submenu_mohidden ul li{ 
        width: 0%;
        visibility: hidden;
    }
    #submenu_mohidden ul li a {
        width: 0%;
        visibility: hidden;
    }	
    #submenu_mohidden ul li a:hover {
        width: 0%;
        visibility: hidden;
    }
}








/*CSS for Log-In Page (index.php)*/
#p_indexbody{
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
	z-index:-5;
	max-width:100%;
	}
	
#p_index_welcome{
	width: 100%;
	position: fixed;
	font-size: 2.5em;
	font-weight: 300;
	text-align: center;
	top: 25%;
	z-index:5;
	display: block;
	}	

#p_index_welcometext{
	font-size: 1.5em;
	font-weight: 300;
	color:#669999;
	opacity:0.9;
	}

#p_index_welcometext_mo{
	font-size: 1em;
	font-weight: 300;
	color:#669999;
	opacity:0.9;
	}		
	

#p_index_welcome_bar{
	width: 100%;
	position: fixed;
	text-align: center;
	top: 50%;
	z-index:10;
	display: block;
	background: -webkit-gradient(linear, left top, right top,
		color-stop(0, #999),
        color-stop(0.500, #999),
		color-stop(0.750, #999),
		color-stop(0.9999, #fff),
		color-stop(1, #999));
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
	-webkit-animation: glint 3s infinite;
    -webkit-animation-timing-function: linear;
	/*background: -moz-linear-gradient(left top,transparent 0%,transparent 75%, #fff  87.5%, transparent 100%);
	-moz-: glint 2.5s infinite;
	-moz-background-clip: text; 
	}
	@-webkit-keyframes glint { 0% { background-position: 0 0; } 100% { background-position: 1200px 0; } } 
	@keyframes glint {0% { background-position: 0px 0px;} 100% {background-position:1200px 0px;}}
	*/
	}
	@-webkit-keyframes glint { 0% { background-position: 0 0; } 100% { background-position: 100% 0; } }


#p_index_welcome_bartext a{
	font-size: 3em;
	font-weight: 300;
	color:#A4A4A4;
	}

#p_index_overlay{
    width: 98%;
    left:1%;
    position: absolute;
    top:100%;
    font-size: 2em;
    text-align: center;
    z-index:5;
    display: block;
    border: 1px solid #808080;
    background: #F0F0F0;
    -webkit-border-radius: 10px;
    border-radius: 10px; 
}


#p_index_overlay_table {
    left:45%;
    position: relative;
}

/*CSS for Log-In Page for Mobile Site (index_mo.php)*/
#p_index_welcome_bar_mo{
	width: 90%;
	left:5%;
	right: 5%;
	position: fixed;
	text-align: center;
	top: 50%;
	z-index:10;
	display: block;
	background: -webkit-gradient(linear, left top, right top, 
		color-stop(0, #999), 
		color-stop(0.750, #999), 
		color-stop(0.875, #fff), 
		color-stop(1, #999));
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
	-webkit-animation: glint 4s infinite;
    -webkit-animation-timing-function: linear;
	/*background: -moz-linear-gradient(left top,transparent 0%,transparent 75%, #fff  87.5%, transparent 100%);
	-moz-animation: glint 2.5s infinite;
	-moz-background-clip: text; 
	}
	@-webkit-keyframes glint { 0% { background-position: 0 0; } 100% { background-position: 1200px 0; } } 
	@keyframes glint {0% { background-position: 0px 0px;} 100% {background-position:1200px 0px;}}
	*/
	}
	@-webkit-keyframes glint { 0% { background-position: 0 0; } 100% { background-position: 1000px 0; } }
	
#p_index_overlay_mo{
	width: 90%;
	left:5%;
	position: absolute;
	top:100%;
	font-size: 1em;
	text-align: center;
	z-index:5;
	display: block;
	border: 1px solid #808080;
	background: #F0F0F0;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	}

	
#p_index_overlay_table_mo {
	margin: 0 auto;
	position: relative;
	}
	



/*CSS for IE Redirect Page*/
 #IEWarning {
     position: absolute;
     top:20%;
     width: 90%;
     margin-left:5%;
     border:0px;
     background:white;
 }
#IEWarningHeader {
    color: darkgrey;
    text-align: center;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 2rem;
}







/*CSS for Main Landing Page (index_main.php)*/
#indexbody { 
	margin: 0 0%;
	font-family:  'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 16px; 
	width:100%;
	z-index:-5;
	}

#extras_aboutme {width:30%;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    background:white;
    text-align: justify;
}




/*CSS for Social Media Options on Main Landing Page (index_main.php)*/
#SMmenu {
    position: fixed;
    top: 90%;
    right:4%;
    z-index:55;
    width: 20%;
    height: 40px;
    background-color: black;
    opacity: 0.7;
    box-shadow: 5px 5px 5px rgba(.01,.01,.01,.01);
    border-radius: 10px;
}

#SMmenu:hover {
    cursor: pointer;
    opacity: 1;
}

#SMmenutext {
    position: fixed;
    top: 92.0%;
    right:14%;
    color:white;
    font-size:16px;
    opacity: 100%;
    z-index:60;
}

#SMmenutext_nomo {
    position: fixed;
    top: 90.4%;
    right:14%;
    color:white;
    font-size:16px;
    opacity: 100%;
    z-index:60;
}

#SMsubmenu {
    position: fixed;
    top: 88.7%;
    right: 6%;
    opacity: 100%; 
    z-index:60;
}




/*CSS for homepagetop on Main Landing Page - (index_main.php)*/
#homepagetop{
width:100%;

position:relative;
display:inline-block;
margin-left:5%;
margin-top:10%;
font-size:4em;
color:black;
font-weight:900;
z-index:50;
line-height: .8;
}

 
 
/*CSS for Sasha Inset on Main Landing Page*/
#sasha_atsc_crop {
    position: absolute;
    margin-left:55%;
    margin-top:0%;
    overflow:hidden;
    padding:0;
    z-index:60;
    -webkit-border-radius: 75px;
    border-radius: 75px;
    -webkit-transition: all 0.5s linear;
}


/*CSS for FCC Auctions Call Out on Main Landing Page (index.php)*/
#FCC_Auction_Callout{
    display:none;
    margin-left: 5%;
}

a.btn {
    border-radius: .25rem;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    color: #fff;
    background: #0080ff;
    font-weight:300;
}

a.btn:hover {
    border-radius: .25rem;
    background: #80bfff;
}



/*CSS for Typing Descriptions on Main Landing Page (index_main.php)*/

#TESThomepagetext1{
    margin-left: 5%;
    margin-bottom: -2px;
    z-index:100;
    -webkit-animation-delay 2s;
    -webkit-animation:type1 1s steps(100, end);

}

#TESThomepagetext2{
    margin-left: 5%;
    margin-bottom: -2px;
    z-index:100;
     -webkit-animation:type1 2s steps(100, end);
}

#TESThomepagetext3{
    margin-left: 5%;
    margin-bottom: -2px;
    z-index:100;
    -webkit-animation:type1 3s steps(100, end);
}

#TESThomepagetext4{
    margin-left:5%;
    margin-bottom: -2px;
    z-index:100;
     -webkit-animation:type1 5s steps(100, end);
}

#TESThomepagetext5{
    margin-left:5%;
    margin-bottom: -2px;
    z-index:100;
     -webkit-animation:type1 6s steps(100, end);
}

#TESThomepagetext6{
    margin-left: 5%;
    margin-bottom: -2px;
    z-index:100;
     -webkit-animation:type1 8s steps(100, end);
}

#TESThomepagetext7{
    margin-left:5%;
    margin-bottom: -2px;
    z-index:100;
    -webkit-animation:type1 9s steps(100, end);
}

#TESThomepagetext8{
    margin-left: 5%;
    margin-bottom: -2px;
    z-index:100;
     -webkit-animation:type1 10s steps(100, end);
}




@-webkit-keyframes type1{
    0%{width: 0;}
    50%{width: 0;}
    100%{ width: 100; }
}





/*CSS for the down arrow indicator (index_main.php)*/
.arrow-wrap {
  position:absolute;
  z-index:100;
  left:50%;
  bottom:-2em;
  margin-left:-5em;
  background:#ffffff;
  width:10em;
  height:10em;
  padding:4em 2em;
  border-radius:50%;
  font-size:0.5em;
  display:block;
  box-shadow:0px 0px 5px 0px #333;
}

.arrow {
  float:left;
  position:relative;
  width: 0px;
height: 0px;
border-style: solid;
border-width: 3em 3em 0 3em;
border-color: #808080 transparent transparent transparent;
  -webkit-transform:rotate(360deg)
}
.arrow:after {
  content:'';
  position:absolute;
  bottom:-3.2em;
  left:-3em;
  width: 0px;
height: 0px;
border-style: solid;
border-width: 3em 3em 0 3em;
border-color: #ffffff transparent transparent transparent;
  -webkit-transform:rotate(360deg)
}
.hint {
  position:absolute;
  top:0.6em;
  width:100%;
  left:0;
  font-size:2em;
  font-style:italic;
  text-align:center;
  color:#fff;
  opacity:0;
}
.arrow-wrap:hover .hint {
  opacity:1;
}
.arrow-wrap .arrow {
  -webkit-animation: downicon 2.8s 0.4s;
  -webkit-animation-delay: 1s;
}
  @-webkit-keyframes downicon {
    0% { top:0; }
    10% { top:12%; }
    20% { top:0; }
    30% { top:12%; }
    40% { top:-12%; }
    50% { top:12%; }
    60% { top:0; }
    70% { top:12%; }
    80% { top:-12%; }
    90% { top:12%; }
    100% { top:0; }
  }








/*CSS for Projects on Main Landing Page (index_main.php)*/
#projects{
    border-radius:0px;
    margin: 0 0%;
    font-family:  'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 16px;
    z-index:5;
    width:100%;
    height:110%;
    position: relative;
}

#projectsheader {
    font-size: 50px;
   	z-index: 5;
    font-weight: 300;
    text-align:center;
    color:#669999;
    font-family:  'Open Sans';
}



#projectlist1 {
    position: absolute;
    top: 25%;
    left:10%;
    height: 35%;
    background:#767F90;
   	width: 21%;
    z-index: 2;
    border-radius: 15px;
}

#projectlist1:hover {
    background:#535a66;
}


#radiosherpapin{
    z-index: 5;
    position:absolute;
    top:2%;
    left:2%;
    height:95%;
    width:95%;
}


#projectlist2 {
    position: absolute;
    top: 25%;
    left:39%;
    height: 35%;
    background:#767F90;
   	width: 21%;
    z-index: 2;
    border-radius: 15px;
}

#projectlist2:hover {
    background:#535a66;
}


#incentiveauctionpin{
    z-index: 5;
    position: absolute;
    top:2%;
    left:2%;
    height:95%;
    width:95%;
}


#projectlist3 {
    position: absolute;
    top: 25%;
    left:67%;
    height: 35%;
    background:#767F90;
   	width: 21%;
    z-index: 2;
    border-radius: 15px;
}

#projectlist3:hover {
    background:#535a66;
}


#futureprojectspin{
    z-index: 5;
    position: absolute;
    top:2%;
    left:2%;
    height:95%;
    width:95%;
}

#projectlist4 {
    position: absolute;
    top: 66%;
    left:10%;
    height: 35%;
    background:#767F90;
   	width: 21%;
    z-index: 2;
    border-radius: 15px;
}

#projectlist4:hover {
    background:#535a66;
}

#fiveGprojectspin{
        z-index: 5;
        position: absolute;
        top:2%;
        left:2%;
        height:95%;
        width:95%;
    }

#projectlist5 {
    position: absolute;
    top: 66%;
    left:39%;
    height: 35%;
    background:#767F90;
   	width: 21%;
    z-index: 2;
    border-radius: 15px;
}

#projectlist5:hover {
    background:#535a66;
}


#tableaufunpin{
    z-index: 5;
    position:absolute;
    top:2%;
    left:2%;
    height:95%;
    width:95%;
}

#projectlist6 {
    position: absolute;
    top: 66%;
    left:67%;
    height: 35%;
    background:#767F90;
   	width: 21%;
    z-index: 2;
    border-radius: 15px;
}

#projectlist6:hover {
    background:#535a66;
}


#solarDNIpin{
    z-index: 5;
    position:absolute;
    top:2%;
    left:2%;
    height:95%;
    width:95%;
}

/*CSS for Projects Page for Mobile Site (Projects_mo.php)*/
#projects_mo{
    border-radius:0px;
    margin: 0 0%;
    font-family:  'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 16px;
    z-index:5;
    width:100%;
    max-height: 100%;
    position: relative;
    top:30%;
}

#projectsheader_mo {
    font-size: 30px;
   	z-index: 5;
    font-weight: 300;
    text-align:center;
    color:#669999;
}

#projectlist1_mo{
    position: absolute;
    top: 25%;
    left:10%;
    height: 25%;
    background:#767F90;
   	width: 25%;
    z-index: 2;
    border-radius: 15px;
}

#projectlist1_mo:hover {
    background:#535a66;
}


#radiosherpapin_mo{
    z-index: 5;
    position:absolute;
    top:4%;
    left:4%;
    height:90%;
    width:90%;
}

#projectlist2_mo {
    position: absolute;
    top: 25%;
    left:39%;
    height: 25%;
    background:#767F90;
   	width: 25%;
    z-index: 2;
    border-radius: 15px;
}

#projectlist2_mo:hover {
    background:#535a66;
}


#incentiveauctionpin_mo{
    z-index: 5;
    position: absolute;
    top:4%;
    left:4%;
    height:90%;
    width:90%;
}


#projectlist3_mo {
    position: absolute;
    top: 25%;
    left:67%;
    height: 25%;
    background:#767F90;
   	width: 25%;
    z-index: 2;
    border-radius: 15px;
}

#projectlist3_mo:hover {
    background:#535a66;
}


#futureprojectspin_mo{
    z-index: 5;
    position: absolute;
    top:4%;
    left:4%;
    height:90%;
    width:90%;
}

#projectlist4_mo{
    position: absolute;
    top: 66%;
    left:10%;
    height: 25%;
    background:#767F90;
   	width: 25%;
    z-index: 2;
    border-radius: 15px;
}

#projectlist4_mo:hover {
    background:#535a66;
}


#fiveGprojectspin_mo{
    z-index: 5;
    position: absolute;
    top:4%;
    left:4%;
    height:90%;
    width:90%;
}

#projectlist5_mo {
    position: absolute;
    top: 66%;
    left:39%;
    height: 25%;
    background:#767F90;
   	width: 25%;
    z-index: 2;
    border-radius: 15px;
}

#projectlist5_mo:hover {
    background:#535a66;
}


#tableaufunpin_mo{
    z-index: 5;
    position:absolute;
    top:4%;
    left:4%;
    height:90%;
    width:90%;
}

#projectlist6_mo {
    position: absolute;
    top: 66%;
    left:67%;
    height: 25%; 
    background:#767F90; 
   	width: 25%;
    z-index: 2;
    border-radius: 15px; 
}

#projectlist6_mo:hover {
    background:#535a66;
}


#solarDNIpin_mo{
    z-index: 5;
    position:absolute;
    top:4%;
    left:4%;
    height:90%;
    width:90%;
}

/*CSS for SlideShow of About Me on Main Landing Page (m.index_main.js)*/
ul.me_slideshow {
    list-style:none;
    width:275px;
    height:400px;
    overflow:hidden;
    position:relative;
    margin-left: auto;
    margin-right:auto;
    padding:0;
    z-index:5;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    -ms-border-radius: 75px;
    -o-border-radius: 75px;
    border-radius: 75px;
}

ul.me_slideshow li {
    position:absolute;
    left:0;
    right:0;
}

ul.me_slideshow li.show {
    z-index:500;
}


#MiamiPicTitle {
    position: absolute;
    top:90%;
    left:20%;
    z-index:60;
    background-color: rgba(255, 255, 255, 0.8);
    color: #E97DB1;
    font-family: Fascinate;
    font-size: 1em;
    font-style: oblique;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: inline-block;
}



/*CSS for Welcome to Sandbox on Main Landing Page*/
#welcometosandboxheader {
    font-size: 50px;
   	z-index: 5;
    font-weight: 300;
    color: #669999;
    text-align: left;
    font-family:  'Open Sans';

}

#welcometosandboxheader_mo{
    font-size: 25px;
   	z-index: 5;
    font-weight: 300;
    color: #669999;
    text-align: left;
}









/*CSS for Project Page - NOT USED ANYMORE (Projects.html)
#projectbody {
	border-radius:0px; 
	margin: 0 0%;
	font-family:  'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 16px; 
	z-index:-5;
	width:100%;
	}

#projectribbon {
	width:100%;
	}
*/





/*CSS for Contact Page (Contact.php)*/
#contactbody {
	border-radius:0px; 
	margin: 0 0%;
	z-index:-5;
	}

/*CSS for Contact Page for Mobile Site (Contact_mo.php)*/
#contactbody_mo {
	max-width:100%;
	}





/*CSS for Contact_Thanks Page for Mobile Site (Contact_Thanks_mo.php)*/
#contactthanksbody_mo{
    max-width: 100%;
	}







/*CSS for Interests Page (Interests.php)*/
#interestbody {
	width: 67%;
	height:100%;
	float: left;
	background:#ffffff; 
	border-radius:0px; 
	margin: 0 0%;
	font-family:  'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 16px; 
	z-index:-5;
	}

#dcmeetuppanelmaster {
    position: absolute;
    top: 15%;
    left:2%;
    z-index: 2;
    max-height: 37%;
    width: 23.5%;
}

#dcmeetuppin{
    position: absolute;
    z-index: 5;
    border:5px solid #fffff;
}

#dcmeetuppin:hover {
    border:5px solid #adb3bc;
}

#keithpanelmaster {
    position: absolute;
    top: 15%;
    left:28%;
    max-height: 45%;
   	width: 18%;
    z-index: 2;
}

#keithpanelpin{
    z-index: 5;
    position: absolute;
    border:5px solid #fffff;
}

#keithpanelpin:hover {
    border:5px solid #adb3bc;
}


#fcbapanelmaster {
    position: absolute;
    top: 15%;
    left:48.5%;
    height: 37%;
    width: 23.5%;
    z-index: 2;
}


#fcbapanelpin{
    z-index: 5;
    position: absolute;
    border:5px solid #fffff;
}

#fcbapanelpin:hover {
    border:5px solid #adb3bc;
}


#eightiespanelmaster {
    position: absolute;
    top: 67%;
    left:2%;
    z-index: 2;
    height: 40%;
    width: 25.5%;
}

#eightiespanelpin{
    z-index: 5;
    position: absolute;
    border:5px solid #fffff;
}

#eightiespanelpin:hover {
    border:5px solid #adb3bc;
}

#bostonsportspanelmaster {
    position: absolute;
    top: 67%;
    left:30%;
    z-index: 2;
    height: 40%;
    width: 25.5%;
}


#bostonsportspanelpin{
    z-index: 5;
    position: absolute;
    border:5px solid #fffff;
}


#bostonsportspanelpin:hover {
    border:5px solid #adb3bc;
}

#mit100kpanelmaster {
    position: absolute;
    top: 67%;
    left:58%;
    z-index: 2;
    height: 40%;
    width: 25.5%;
}


#mit100kpin{
    z-index: 5;
    position: absolute;
    border:5px solid #ffffff;
}


#mit100kpin:hover {
    border:5px solid #adb3bc;
}


@media only screen and (max-device-width: 800px) {
    #dcmeetuppanelmaster {
        position: absolute;
        top: 15%;
        left:2%;
        z-index: 2;
        max-height: 72%;
        width: 45.5%;
    }
    #dcmeetuppin{
        position: absolute;
        z-index: 5;
        border:5px solid #fffff;
    }
    #dcmeetuppin:hover {
        border:5px solid #adb3bc;
    }
    #keithpanelmaster {
        position: absolute;
        top: 48%;
        left:52%;
        max-height: 85%;
        width: 34%;
        z-index: 2;
    }
    #keithpanelpin{
        z-index: 5;
        position: absolute;
        border:5px solid #fffff;
    }
    #keithpanelpin:hover {
        border:5px solid #adb3bc;
    }
    #fcbapanelmaster {
        position: absolute;
        top: 15%;
        left:52%;
        max-height: 72%;
        width: 45.5%;
        z-index: 2;
    }
    #fcbapanelpin{
        z-index: 5;
        position: absolute;
        border:5px solid #fffff;
    }
    #fcbapanelpin:hover {
        border:5px solid #adb3bc;
    }
    #eightiespanelmaster {
        position: absolute;
        top: 48%;
        left:2%;
        z-index: 2;
        max-height: 72%;
        width: 45.5%;
    }
    #eightiespanelpin{
        z-index: 5;
        position: absolute;
        border:5px solid #fffff;
    }
    #eightiespanelpin:hover {
        border:5px solid #adb3bc;
    }
    #bostonsportspanelmaster {
        position: absolute;
        top: 85%;
        left:2%;
        z-index: 2;
        max-height: 72%; 
        width: 45.5%;
    }
    #bostonsportspanelpin{
        z-index: 5;
        position: absolute;
        border:5px solid #fffff;
    }
    #bostonsportspanelpin:hover {
        border:5px solid #adb3bc;
    }
    #mit100kpanelmaster {
        position: absolute;
        top: 84.7%;
        left:52%;
        z-index: 2;
        max-height: 72%; 
        width: 45.5%;
    }
    #mit100kpin{
        z-index: 5;
        position: absolute;
        border:5px solid #ffffff;
    }
    #mit100kpin:hover {
        border:5px solid #adb3bc;
    }
}

/*CSS for Interests Test Page (Interests.php) - NOT USED
#interestbodynew{
	height:100%;
	float: left;
	background:#ffffff; 
	border-radius:0px; 
	margin: 0 0%;
	font-family:  'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 16px; 
	z-index:-5;
	}
		
	
@media only screen and (max-device-width: 800px) {
	#interestbodynew{
		max-height:100%;
	}
}
*/
 


 
 
 
 
/*CSS for Linkedin Page (Linkedin_Stats.php)*/

#linkedmain {width: 36%;
	margin-left: 2%;
	margin-right: 1%;
	float: left;
	border:0px;
	background:white;
	}

@media only screen and (max-device-width: 800px) {
	#linkedmain {
		font-size: 1.75em;
		width: 60%;
		margin-right: 0%;
	}
}

/*CSS to hide some additional spacing needed on the mobile site*/
#mobilespacing {
    display: none;
    color:blue;
}
#mobilespacing2 {
    display: none;
    color:blue;
}
#mobilespacing3 {
    display: none;
    color:blue;
}
#mobilespacing4 {
    display: none;
    color:blue;
}
#mobilespacing5 {
    display: none;
    color:blue;
}
#mobilespacing6 {
    display: none;
    color:blue;
}
#mobilespacing7 {
    display: none;
    color:blue;
}
#mobilespacing8 {
    display: none;
    color:blue;
}
#mobilespacing9 {
    display: none;
    color:blue;
}
#mobilespacing10 {
    display: none;
    color:blue;
}
#mobilespacing11 {
    display: none;
    color:blue;
}
#mobilespacing12 {
    display: none;
    color:blue;
}

/*CSS to add in additional spacing needed on the mobile site*/
@media only screen and (max-device-width: 800px) {
    #mobilespacing{
        display: block;
        color: green;
    }
}
@media only screen and (max-device-width: 800px) {
    #mobilespacing2{
        display: block;
        color: green;
    }
}
@media only screen and (max-device-width: 800px) {
    #mobilespacing3{
        display: block;
        color: green;
    }
}
@media only screen and (max-device-width: 800px) {
    #mobilespacing4{
        display: block;
        color: green;
    }
}
@media only screen and (max-device-width: 800px) {
    #mobilespacing5{
        display: block;
        color: green;
    }
}
@media only screen and (max-device-width: 800px) {
    #mobilespacing6{
        display: block;
        color: green;
    }
}
@media only screen and (max-device-width: 800px) {
        #mobilespacing7{
            display: block;
            color: green;
    }
}
@media only screen and (max-device-width: 800px) {
        #mobilespacing8{
            display: block;
            color: green;
    }
}
@media only screen and (max-device-width: 800px) {
    #mobilespacing9{
        display: block;
        color: green;
    }
}
@media only screen and (max-device-width: 800px) {
    #mobilespacing10{
        display: block;
        color: green;
    }
}
@media only screen and (max-device-width: 800px) {
    #mobilespacing11{
        display: block;
        color: green;
    }
}
@media only screen and (max-device-width: 800px) {
    #mobilespacing12{
        display: block;
        color: green;
    }
}

#linkedextras {width:31%;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    background:white;
    text-align: justify;
}

@media only screen and (max-device-width: 800px) {
    #linkedextras{
        width: 37%;
        margin-top:6%;
        margin-right:0%;
        margin-left:1%;
    }
}

#linkedin-hoganlogo {
    margin-top: 0%;
}

@media only screen and (max-device-width: 800px) {
    #linkedin-hoganlogo{
        margin-top:0%;
    }
}

#linkedin-fcclogo {
    margin-top: 0%;
}

@media only screen and (max-device-width: 800px) {
    #linkedin-fcclogo{
        margin-top:0%;
    }
}

#linkedin-crisplogo {
    margin-top: 0%;
}

#linked-RSlogo {
    margin-top: 0%;
}

#linkedin-tuninelogo {
    margin-top: 0%;
}

#linkedin-MNETlogo {
    margin-top: 0%;
}

#linkedin-GSlogo{
    margin-top: 0%;
}

#linkedin-AClogo {
    margin-top: 0%;
}

#linkedin-BSlogo{
    margin-top: 0%;
}


#linkedin-UCLAlogo{
    margin-top: 0%;
}

#linkedin-Whartonlogo{
    margin-top: 0%;
}

#linkedin-Calbarlogo{
    margin-top: 0%;
}

margin-top: 0%;
}

@media only screen and (max-device-width: 800px) {
    #linkedin-fcclogo{
        margin-top:5%;
    }
    #linkedin-crisplogo{
        margin-top:23%;
    }
    #linked-RSlogo {
        margin-top: 40%;
    }
    #linkedin-tuninelogo {
        margin-top: 40%;
    }
    #linkedin-MNETlogo {
        margin-top: 25%;
    }
    #linkedin-GSlogo{
        margin-top: 30%;
    }
    #linkedin-AClogo {
        margin-top: 30%;
    }
    #linkedin-BSlogo{
        margin-top: 30%;
    }
    #linkedin-UCLAlogo{
        margin-top: 27%;
    }
    #linkedin-Whartonlogo{
        margin-top: 25%;
    }
    #linkedin-Calbarlogo{
        margin-top: 42%;
    }
}






/*CSS for Where I Lived Page (Where_Lived.php)*/
#main_lived {width: 36%;
	margin-left: 2%;
	margin-right: 1%;
	float: left;
	border:0px;
	background:white;
	}

	
@media only screen and (max-device-width: 800px) {
	#main_lived {
		width: 98%;
		margin-left:0%;
		margin-right:0%;
		}
	#picsofhomeheader {
		margin-left: 15%;
		}
	}


#picsofhomeheader{
    position: absolute;
    top: 110px;
    left: 25px;
    font-weight: 300;
    font-size: 50px;
    height: 40px;
    line-height: 40px;
   	z-index: 5;
    text-align:center;
    width: 670px;
    color: #669999;
}

/*CSS for Slideshow on Where I Lived Page (Where_Lived.php)*/
ul.slideshow {
    list-style:none;
    width:720px;
    height:475px;
    overflow:hidden;
    position:relative;
    margin-left: auto;
    margin-right:auto;
    padding:0;
    z-index:5;
}

ul.slideshow li {
    position:absolute;
    left:0;
    right:0;
}

ul.slideshow li.show {
    z-index:500;
}


ul img {
    border:none;
}

#slideshow-caption {
    width:100%;
    height:50px;
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    background:#000;
    z-index:1000;
}

#slideshow-caption .slideshow-caption-container {
    padding:5px 5px;
    z-index:1000;
}

#slideshow-caption h3 {
    margin:0;
    padding:0;
    font-size:14px;
}

#slideshow-caption p {
    margin:5px 0 0 0;
    padding:0;
}

@media only screen and (max-device-width: 800px) {
    ul.slideshow  {
        width:95%;
        margin-left: 3.5%;
    }
    #slideshow-caption {
        height:75px;
        font-size: 30px;
    }
    #slideshow-caption h3 {
        font-size:20px;
    }
}


#email-form{
    margin:5px 10px;
}



.header{
    visibility: hidden;
}

#navbar{
    visibility: hidden;
}

#headerBar2{
    visibility: visible;
}

#navbar{
    visibility: hidden;
}

@media only screen and (max-device-width: 800px) {
    .header{
        visibility: visible;
    }
    #navbar{
        visibility: visible;
    }
    #headerBar2{
        visibility: hidden;
    }
}










/*CSS for About Me - Mobile Only (About_Me_mo.php)*/
#main2_mo1 {
    max-width: 80%;
    margin-left: 10%;
    float: left;
    border:0px;
    background:white;
    text-align:justify;
    text-justify: inter-word;
}

#main2_mo2 {
    float: left;
    background:white;
    overflow:hidden;
    position:relative;
    margin-left: 25%;
    padding:0;
    z-index:5;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    -ms-border-radius: 75px;
    -o-border-radius: 75px;
    border-radius: 75px;
}



#main2_mo3 {
    text-align:justify;
    text-justify: inter-word;
    float: left;
}




	


/*CSS for Blog Pages (Blog.php and Blog_latest.php)*/
#blogmain {width: 60%;
	margin-left: 2%;
	margin-right: 1%;
	float: left;
	border:0px;
	background:white;
	}

#commentfield {
    font-size:14px;
    margin:0px auto;
}

#commentsdata {
    background:#FFFFFF;
    font-size: 14px;
}

#countdata {
    display: none;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
}

#uiddiv {
    font-size: 12px;
    color:#08088A;
    font-weight: bold;
}

#comdiv {
    font-size: 14px;
    height: 50px;
}

#comdiv:hover {
    background:#D8D8D8;
}


#tsdiv {
    font-size: 12px;
    color:#08088A;
}

#loadmore {
    font-size: 14px;
    font-weight: bold;
    color:#9F000F;
    display:block;
}


/*CSS for RadioSherpa Page (RadioSherpa.php)*/
#RSMain {width:45%;
	margin-left: 2%;
	margin-right: 5%;
	float: left;
	border:0px;
	background:white;
	text-align: justify;
	font-size: 1em;
 }

@media only screen and (max-device-width: 800px) {
	#RSMain{
		width: 90%;
		font-size:1.5em;
		margin-left:5%
	}
	#RSWhiteLogo{
		width:45%;
		height:45%;
		}
	#RSPanel{
		width:90%;
		}
	#RSWidget{
		width:60%;
		}
	#tuneinlogo{
		width:25%;
		height:25%;
		}
}

#extras_rs {width:31%;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    background:white;
    text-align: justify;
}

@media only screen and (max-device-width: 800px) {
    #extras_rs{
        width: 0%;
    }
    #RS_TuneinGIF{
        visibility:hidden;
    }
    
}

#RS_TuneinGIF	 {
    box-shadow: 0px 0px 0px rgba(0,0,0,0.01);
   	z-index: 5;
    position: absolute;
    top: 16%;
    left:80%;
}






/*CSS for FCC Page (FCC_Incentive_Auctions.php)*/
#mainFCC {width: 60%;
	margin-left: 2%;
	margin-right: 3%;
	float: left;
	border:0px;
	background:white;
	text-align: justify;
	}
@media only screen and (max-device-width: 800px) {
	#mainFCC{
		width: 90%;
		font-size:1.5em;
		margin-left:5%
	}
	#FCClogo{
		width:35%;
		height: 35%;
		margin-left:-5%;
		}
	#FCCLearn{
		font-size:1.5em;
		}
}
#extras_fcc {width:31%;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    background:white;
    text-align: justify;
}

@media only screen and (max-device-width: 800px) {
    #IAImage{
        width: 150%;
        margin-left: 5%;
        
    }
    
}




/*CSS for FCC Auction List (FCC_Auctions.php) (NOTE: SOME CUSTOM CSS FOR PAGE FOUND ON WEBPAGE ITSELF BECAUSE BOOTSTRAP OVERRIDES THESE)*/
#fcc_auction_list {
    position: absolute;
    top:20%;
    width: 90%;
    margin-left:5%;
    border:0px;
    background:white;
}

#fcc_auction_list_title {
    color:#669999;
    font-size:2.5em;
    font-weight: 300;
    color: #669999;
    text-align: left;
}

#fcc_auction_list a {
    color:#669999;
    font-size:1.75em;
    font-weight: 300;
}
#fcc_auction_list a:hover {
    opacity: 0.5;
    text-decoration: none;
}



@media only screen and (max-device-width: 800px) {
    #fcc_auction_list{
        width: 90%;
        font-size:1.75em;
        margin-left:5%;
        color:black;
        font-weight: 300;
    }
    #fcc_auction_list a {
        width: 90%;
        font-size:1.75em;
        margin-left:5%;
        color:#669999;
        font-weight: 300;
    }
    #fcc_auction_list a:hover {
        opacity: 0.5;
        text-decoration: none;
    }
}












/*CSS for FCC Page (FCC_Aution_101.php and FCC_Auction101.php)*/
#Auction101 {width: 100%;
    margin-left: 2%;
    margin-right: 3%;
    float: left;
    border:0px;
    background:white;
    text-align: justify;
}
@media only screen and (max-device-width: 800px) {
    #Auction101{
        width: 100%;
        font-size:1em;
    }
}

#SummaryAuctionStats {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color:#669999;
    width: 80%;
}


/*CSS for Future Projects Page (futureprojects.php)*/
#futureprojects {
    position: absolute;
    top:20%;
    width: 90%;
    margin-left:5%;
    border:0px;
    background:white;
}

#futureprojectstitle {
    color:#669999;
    font-size:2em;
    font-weight: 300;
    color: #669999;
    text-align: left;
}

#futureprojects a {
    color:#669999;
    font-size:1.5em;
    font-weight: 300;
}
#futureprojects a:hover {
    opacity: 0.5;
}
@media only screen and (max-device-width: 800px) {
        #futureprojects{
        width: 90%;
        font-size:2em;
        margin-left:5%;
        color:black;
        font-weight: 300;
    }
        #futureprojects a {
            width: 90%;
            font-size:2em;
            margin-left:5%;
            color:#669999;
            font-weight: 300;
        }
        #futureprojects a:hover {
            opacity: 0.5;
        }
}




/*CSS for ePaper Page (ePaper.php)*/
#mainePaper {width: 50%;
	margin-left: 2%;
	margin-right: 3%;
	float: left;
	border:0px;
	background:white;
	text-align: justify;
	}
	
@media only screen and (max-device-width: 800px) {
	#mainePaper{
		width: 90%;
		font-size:1.5em;
		margin-left:5%;
	}
	#siliconsevalogo{
		width: 32%;
		height:32%;
	}
}

#extras_epaper {width:31%;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    background:white;
    text-align: justify;
}

@media only screen and (max-device-width: 800px) {
    #einkpaper{
        visibility:hidden;
    }
    
}

#SSVideo	 {
    position: absolute;
    left: 22%;
    z-index: 7;
}

@media only screen and (max-device-width: 800px) {
    #SSVideo{
        left: 18%;
    }
}

#SSIntrobuttonsubtext {
    position: absolute;
    left: 15%;
    text-align:center;
    width: 800px;
    Font-style: bold;
    font-family: verdana;
    font-weight:20;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    color:#ff4000;
    z-index:7;
}

@media only screen and (max-device-width: 800px) {
    #SSIntrobuttonsubtext{
        font-size: .85em;
        width: 90%;
        left: 5%;
        height: 30%;
    }
}





/*CSS for Wireless Coverage Pages (wirelesscoverage.php and wirelesscoverage_a.php)*/
#mainWC {width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	border:0px;
	background:white;
	text-align: justify;
	font-size:2em;
	}

#tempcovimage {
    display:block;
}

#wirelesscovbutton {
    position: absolute;
    top:15%;
    left: 40%;
    text-align:center;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.01);
   	width: 40%;
    border-radius:7px;
   	z-index: 5;
}

#wirelesscovtext {
    z-index:5;
    font-weight:300;
    font-size: 4vmax;
}

#wirelesscovtext a:link{
    color:#ffffff;
    opacity:0.9;
    z-index:5;
    font-weight:300;
    font-size: 4vmax;
}


#wirelesscovtext a:visited{
    color:#ffffff;
    opacity:0.5;
    z-index:5;
}

#wirelesscovtext a:hover{
    color:#B0B0B0;
    opacity:1;
    z-index:5;
}


/*CSS for Wireless Coverage But Also Some are used in Solar Pages (wirelesscoverage.php and wirelesscoverage_a.php and solarpower.php and solarpower_a.php)*/
#londeg {
    display: none;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
}

#latdeg {
    display: none;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
}

#status {
    display: none;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
}

#Lattag {
    display: none;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
}


#Lontag {
    display: none;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
}

#wirelessqueryheader {
    display:none;
    font-size: 20px;
    color:#08088A;
    font-weight: bold;
    margin-left:0%;
}

#tryanothercity {
    display:none;
    font-size: 20px;
    color:#CD1925;
    font-weight: bold;
}

#dbatitle {
    display:none;
    font-size: 20px;
    color:#08088A;
    font-weight: bold;
}

#city2 {
    display:block;
}

#state2 {
    display:block;
}

#city3{
    display:block;
}

#state3 {
    display:block;
}

#countDBA {
    display: block;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
}

#DBA1 {
    display: none;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
    z-index: -5;
}

#DBA2 {
    display: none;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
}

#DBA3 {
    display: none;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
}

#DBA4 {
    display: none;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
}

#DBA5 {
    display: none;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
}

#DBA6 {
    display: none;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
}

#DBA7 {
    display: none;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
}

#DBA8 {
    display: none;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
}

#DBA9 {
    display: none;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
}

#DBA10 {
    display: none;
    font-size: 16px;
    color:#08088A;
    font-weight: bold;
}

#chart_div1{
    display: none;
}

#chart_div2{
    display: none;
}

#chart_div3{
    display: none;
}

#chart_div4{
    display: none;
}

#chart_div5{
    display: none; 
}

#chart_div6{
    display: none; 
}

#chart_div7{
    display: none; 
}

#chart_div8{
    display: none; 
}

#chart_div9{
    display: none; 
}

#chart_div10{
    display: none; 
}


#maxaddown{
    color: red; 
}
	






/*CSS for Tableau Pages (TableauFun.php)*/
#mainTB {width: 95%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	border:0px;
	background:white;
	text-align: justify;
	}
#TableauIntro {
    position: absolute;
    top: 120px;
    width: 95%;
    font-weight: 300;
    font-size: 50px;
    height: 40px;
    line-height: 40px;
   	z-index: 5;
    text-align:center;
    color:#669999;
}

#tableau1 {
    width: 100%;
    height: 100%;
    left: 2%;
    position: absolute;
    overflow:hidden;
}

#TableauSwitchingViews {
    left: 2%;
    position: relative;
    text-align:left;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.01);
    border-radius:7px;
   	z-index: 7;
}

#TableauSwitchingTitle{
    font-size: 20px;
    font-weight:300;
}


#TableauSwitchingChoices a {
    color:#000000;
    z-index:7;
    font-weight:300;
    font-size: 15px;
}

#TableauSwitchingChoices a:link{
    color:#000000;
    z-index:7;
    font-weight:300;
    font-size: 15px;
}


#TableauSwitchingChoices a:visited{
    color:#000000;
    z-index:7;
}

#TableauSwitchingChoices a:hover{
    color:#A0A0A0;
    z-index:7;
}

#TableauFilters {
    position: absolute;
    left: 85%;
    text-align:left;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.01);
    border-radius:7px;
   	z-index: 7;
}

#TableauFiltersTitle{
    font-size: 20px;
    font-weight:300;
}

#TableauFilterChoices  a{
    color:#000000;
    z-index:7;
    font-weight:300;
    font-size: 15px;
}

#TableauFilterChoices  a:link{
    color:#000000;
    z-index:7;
    font-weight:300;
    font-size: 15px;
}


#TableauFilterChoices  a:visited{
    color:#000000;
    z-index:7;
}

#TableauFilterChoices  a:hover{
    color:#A0A0A0;
    z-index:7;
}





/*CSS for Solar Pages (solarpower.php and solarpower_a.php)*/
#mainSolar {width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	float: left;
	border:0px;
	background:white;
	text-align: justify;
	font-size: 2em;
	}
	
@media only screen and (max-device-width: 800px) {
	#mainSolar{
		font-size:2.5em;
	}
}
#solarcovimage {
    width:15%;
    height:15%;
}
/*Not needed when we removed the large solar map
#PV_Map_button {
   	z-index: 5;
    position: absolute;
    top:20%;
    left: 7%;
    width: 90%;
}

#PV_Map_text {
    text-align: center;
    z-index:5;
    color:#000000;
}

#PV_Map_text a:link{
    z-index:5;
    font-weight:300;
    font-size: 6vmin;
    color:#000000;
    opacity:0.9;
}

#PV_Map_text a:visited{
    z-index:5;
    font-weight:300;
    font-size: 6vmin;
    color:#000000;
    opacity:0.9;
}

#PV_Map_text a:hover{
    color:#000000;
    opacity:0.5;
    z-index:5;
}
*/
#solarstatus {
    display:block;
}


#DNILocation {
    display:none;
    font-size: 20px;
    color:#000000;
    font-weight: bold;
}

#latdegtitle {
    font-size: 16px;
    color:#000000;
}

#londegtitle{
    font-size: 16px;
    color:#000000;
}

#latdegSolar{
    font-size: 16px;
    color:#08088A;
    display:none;
}

#londegSolar{
    font-size: 16px;
    color:#08088A;
    display:none;
}

#citySolar3{
    font-size: 20px;
    color:#08088A;
}

#stateSolar3{
    font-size: 20px;
    color:#08088A;
}

#chart_divSD{
    display: none;
}

#tryanothersolarcity {
    display:block;
    font-size: 20px; 
    color:#CD1925;
    font-weight: bold; 
}
	







/*CSS for iPhone Video Pages (iPhone_Videos.php and iPhone_Videos_mo.php)*/
#iphonetop{
    top:0%;
}
/*OLD NOT USED
.diy-slideshow{
	position: absolute;
	display: block;
	overflow:hidden;
	top:10%;
	width:100%;
	}
*/

.diy-slideshow2{
    position: absolute;
    display: block;
    overflow:hidden;
    top:-10%;
    width:100%;
}
	
.diy-slideshow_nomo{
	position: absolute;
	display: block;
	overflow:hidden;
	top:10%;
	width:100%;
	}

figure{
  position: absolute;
  opacity: 0;
  transition: 0.5s opacity;
  width:100%;
  height: 100%;
  left:0%;
  z-index:1;
}

video {
    object-fit: cover;
    /*-webkit-transform: scaleY(0.5);
 -moz-transform: scaleX(1.175);*/
}

/*.home-header{position:relative;max-height:85%;overflow:hidden;background:url(../img/home-banner.jpg)}#showreel-wrapper,#sh-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}#showreel-wrapper video,#sh-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}#showreel-wrapper video{height:auto;display:block}#client-list
*/

figcaption{
  position: absolute;
  font-family: sans-serif;
  font-size: .8em;
  bottom: 15em;
  left: 5em;
  padding: .25em;
  color: #fff;
  background: rgba(0,0,0, .25);
  border-radius: 5px;
  z-index: 5;
}

figcaption a{
  color: #fff;
}


@media only screen and (max-device-width: 800px) and (orientation: portrait) {
    figcaption{
        font-size:1.25em;
        bottom: 7em;
    }
}

@media only screen and (max-device-width: 800px) and (orientation: landscape) {
    figcaption{
        font-size:1.0em;
        bottom: 4em;
    }
}

figure.show{
	opacity: 1;
	position: relative;
	transition: 1s opacity; 
	margin-right:0%;
	margin-left:0%;
	height: 100%;
	width:100%;
}

.next, .prev{
  color: #fff;
  position: absolute;
  background: rgba(0,0,0, .8);
  top: 40%;
  z-index: 20;
  font-size: 2em;
  margin-top: -.75em;
  opacity: .7;
  user-select: none;
}

.next:hover, .prev:hover{
  cursor: pointer;
  opacity: 1;
}

.next{
  right: 0.5%;
  padding: 10px 5px 15px 10px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.prev{
  left: 0.5%;
  padding: 10px 10px 15px 5px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

#bulletcontainer {
    position: absolute;
	top: 90%;
	left: 45%;
	z-index: 15;
	height: 20px;
}

@media only screen and (max-device-width: 800px) and (orientation : landscape)  {
    #bulletcontainer {
        top: 80%;
    }
}
    
@media only screen and (max-device-width: 800px) and (orientation : portrait)  {
        #bulletcontainer {
            top: 35%;
        }
}


#bullet1 {
	position: relative;
	display:inline;
	float: left;
	background: #FFFF00;
	width: 10px;
    height: 10px;
	border-radius:50%;
	margin-right:10px;
	-webkit-transition: all 0.2s linear;
}


/*#bullet1:hover {
    background: #14143D;
	color: #14143D;
}
*/

#bullet2 {
	position: relative;
	display:inline;
	float: left;
    color: #29297A;
	background: #29297A;
	width: 10px;
    height: 10px;
	border-radius:50%;
	margin-right:10px;
	-webkit-transition: all 0.2s linear;
}
/*
#bullet2:hover {
    background: #14143D;
	color: #14143D;
}
    background: #14143D;
	color: #14143D;
}
*/

#bullet3 {
	position: relative;
	display:inline;
	float: left;
    color: #29297A;
	background: #29297A;
	width: 10px;
    height: 10px;
	border-radius:50%;
	margin-right:10px;
	-webkit-transition: all 0.2s linear;
}

/*
#bullet3:hover {
    background: #14143D;
	color: #14143D;
}
*/
#hompagetop {
	display:block;
	width:100%;
	height:100%;
	background:white;
	}


#LearnMoreBelow{
    position: absolute;
    font-family: sans-serif;
    font-size: .8em;
    bottom: 13em;
    left: 5em;
    padding: .50em;
    color: #fff;
    background: rgba(0,0,0, .25);
    border-radius: 5px;
    z-index: 5;
}

@media only screen and (max-device-width: 800px) and (orientation: portrait) {
    #LearnMoreBelow {
        bottom: 8em;
        left:8em;
    }
}

@media only screen and (max-device-width: 800px) and (orientation: landscape) {
    #LearnMoreBelow {
        bottom: 3em;
        left: 6em;
    }
}


#LearnMoreBelow a{
    color: #fff;
}

@media only screen and (max-device-width: 800px) and (orientation: portrait) {
    #LearnMoreBelow a{
        font-size:1.75em;
    }
}

@media only screen and (max-device-width: 800px) and (orientation: landscape) {
    #LearnMoreBelow a{
        font-size:1.25em;
    }
}

#Videos_Description{width:60%;
    float: left;
    margin-right: 2%;
    margin-left: 2%;
    background:white;
    text-align: justify;
}

@media only screen and (max-device-width: 800px) and (orientation: portrait) {
    #Videos_Description{
        font-size:2.5em;
        width:90%;
        margin-left: 5%;
    }
}

@media only screen and (max-device-width: 800px) and (orientation: landscape) {
    #Videos_Description{
        font-size:2em;
        width:90%;
        margin-left:5%;
    }
}