@charset "UTF-8";
/*===================*/
/******************************************************************************************/
/******************				Shira CSS Starts HERE			***************************/
/******************************************************************************************/
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, h8 p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
	/*	font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #483342;
		-webkit-font-smoothing: antialiased; 
		-webkit-text-size-adjust: 100%;
		background: #0d1f39 url("../../DIY_Common_Inc/DIY_images/SF/bg_gradient.jpg");
		background-repeat: repeat-x;
		overflow-y: scroll;
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #483342;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: 100%;
		background: #0d1f39 url("../../DIY_Common_Inc/DIY_images/SF/bg_gradient.jpg");
		background-repeat: repeat-x;*/
		font-size: 14px;
    line-height: 21px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color: #231F20;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    background: #fecc7b;
	}
.outer-container{
	background: url("../../DIY_Common_Inc/DIY_images/SF/background.png") no-repeat;
}

/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #483342;
		font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 28px; line-height: 40px; font-weight: 500; }
	h3 { font-size: 22px; line-height: 28px; margin-bottom: 8px; }
	h4 { font-size: 18px; line-height: 22px; font-weight: 500;}
	h5 { font-size: 16px; line-height: 20px; }
	h6 { font-size: 14px; line-height: 21px; }
	h8{
			color:#424242;/*#678197*/
			padding:.3em 1em;
			text-align:center;
			font-size:0.97em;
		}
	.subheader { color: #777; }

	p { margin: 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a{  cursor:pointer; }
	a, a:visited { color: #1d436a; text-decoration: none; font-weight: bold; outline: 0; cursor:pointer; }
	a:hover, a:focus { color: #483342; text-decoration: underline; cursor:pointer; }
	
	a.white, a.white:visited, a.navlink, a.navlink:visited{color: #fffbf7; text-decoration: none; outline: 0; cursor:pointer; }
	a.white:hover, a.white:focus { text-decoration: underline; cursor:pointer;  }

	a.navlink:hover, a.navlink:focus {background-color: #483342;  -moz-border-radius: 12px; border-radius: 12px; cursor:pointer;  }
	p a, p a:visited { line-height: inherit; cursor:pointer;  }


/* #Lists
================================================== */
	
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 5px 40px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover 
		{
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
		border: 1px solid #888;
		border-top: 1px solid #aaa;
		border-left: 1px solid #aaa; 
		}

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active 
		{
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ 
		}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

	form {}
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }

/* #Misc
================================================== */
	
.outer-container { 
	position: relative; 
	width: 1200px; 
	margin: 0 auto; 
	padding: 0;
	}
    
.container {
	position: relative; 
	width: 1000px; 
	margin: 0 auto; 
	padding: 0;
	}
	

/*Banner
=====================*/
.banner-inner{
	position: relative;
	background-color: transparent;	
	opacity: 1;
	z-index: 5;
	width: 98.25%;
	height: 150px;
	margin-top: 1em;
	margin-left: 9px;
	padding-top: 1.5em;

}

.banner-outer{
	position: absolute;
	top: 1em;
	left: 9px;
	width: 98.25%;
	border: 1px solid #0d1f39;
	height: 150px;
	background-color: #4c5b7e;
	opacity: .35;
	z-index: 1;
}

.left_banner{
	float: left;
	width: 35.375%;
		
}
.left_banner h1{
		font-size: .6em;
		text-indent: -9999px;
		line-height: 1;
}

.left_banner img{	
	margin: 2em 0 0 .5em;
}

.right_banner{
	float: right;
	margin-right: .25em;	
}

ul.profile_nav{
	float: right;
	color: #fffbf7;
}

ul.main_nav{
	clear: both;
	padding-top: 1em;
	float: left;
}
ul.profile_nav li, ul.main_nav li{
	float: left;
	padding: 0 .35em;	
}

ul.main_nav li{
	float: left;
	padding: 0 .15em;
	margin: 0 .15em;	
}

ul.main_nav li:last-child{
	padding-right: 0;
	margin-right: 0;
}
ul.profile_nav a, ul.main_nav a{
	display: block;
	font-weight: bold;
	letter-spacing: .04em;	
}

ul.profile_nav a.current {
	color: #ffffff;
	text-decoration: underline; 	
}

ul.main_nav a{
padding: 5px 12px;
cursor: pointer;
}

ul.main_nav a.current{
background-color: #483342;  -moz-border-radius: 12px; border-radius: 12px; 
}

/*Search form
========================*/

.form-wrapper {
	clear: both;
	float: right;
	margin-top: .5em;
	position: relative;	
}

.form-wrapper input {
    width: 155px;
    height: 15px;
    padding: 5px 8px;
    float: left;   
    font-size: .9em;
	font-weight: bold;
    border: 0;
    background: #fff;
	opacity: .75;
	-moz-border-radius: 25px; 
    border-radius: 25px; 
}
 
.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
 
.form-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
 
.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
 
.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}   
 
/* Form submit button */
.form-wrapper button {
    position: absolute;
	top: 0;
	right: 0;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 25px;
    width: 35px;
    font-size: .95em;
    color: #483342;
    text-transform: uppercase;
    background: transparent;
	opacity: .75;
	-moz-border-radius: 0 25px 25px 0; 
    border-radius: 0 25px 25px 0;     
    text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
}   

.form-wrapper button:hover{    
    color: #1d436a;
}  
   
.form-wrapper button:active,
.form-wrapper button:focus{  
    background: #1d436a;
    outline: 0;  
}
/*Main
========================*/
.main_content{
	 position: relative; 
	overflow: hidden;
	margin-top: 1em;
	}
.main_home, .main_login{
	margin: 1em 0 -600px 20px;
	width: 830px;
	float: left;
	padding-bottom: 600px;
}

.main_login{
	width: 780px;	
}	
/*LEFT SIDE
========================*/
.social, .login_left {
	float: left;
	width: 200px;
	padding: 15px 15px 1000px 15px;
	margin: 1em 0 -1000px 10px;
	background: #444960;/* IE10 Consumer Preview */ 
	background: -ms-linear-gradient(top, #48546E 0%, #172845 100%);/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #48546E 0%, #172845 100%);/* Opera */ 
	background: -o-linear-gradient(top, #48546E 0%, #172845 100%);/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-linear-gradient(top, #48546E 0%, #172845 100%);/* W3C Markup, IE10 Release Preview */ 
	background: linear-gradient(to bottom, #48546E 0%, #172845 100%);
}

.login_left{
	width: 250px;	
}

.bubble{
-moz-border-radius: 15px;
border-radius: 15px;
padding: 10px;
background-color: #fff;
margin-bottom: 20px;
overflow: hidden;
}

.bubble img{
	width: 45px;
	height: 45px;
	float: left;
	margin-right: 1em;
}

.bubble p{
	color: #483342;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: .03em;
	margin-bottom: .5em;
	text-transform: uppercase;
	padding-bottom: 0;
}

.bubble p.name{
	text-transform:inherit;	
	font-size: 1.1em;
	margin-bottom: .25em;
	line-height: 1.3;
	padding-top: .35em;
}
.bubble span{
	color: #7a7379;
	font-size: .7em;
	font-weight: normal;
	margin-top: 1.25em;
	/*display: block;*/
	line-height: 1.5;
}
.bubble span.error,.bubble p.error {
display: block;
color: #C00;
font-size: 0.65em;
font-weight: normal;
margin-top: 0em;
}
.bubble ul{
	margin-left: .25em;	
}

.bubble li{
	line-height: 1.5;
	padding-bottom: .25em;
}	

.bubble li a{
	display: block;
	text-decoration: none;
	font-size: .95em;
	letter-spacing: .03em;
}

.bubble li a.glow{
	font-weight: bold;
	text-decoration: none;
	text-shadow:0 0 2px #feff84, 0 0 2px #feff84, 0 0 2px #feff84, 0 0 2px #feff84, 0 0 2px #feff84, 0 0 2px #feff84, 0 2px 5px #7d7d7d;
	color: #1d436a;
	
}

.friends{
	clear: both;
	overflow: hidden;
	margin-top: .25em;
}	
.friends img {
	width: 36px;
	height: 36px;
	float: left;
	margin: 0 .75em .5em 0;	
}

.friends p {
	text-transform:inherit;	
	font-size: .95em;
	padding-top: .5em;
	font-weight: normal;
	padding-bottom: 0;
}


/*Main
========================*/
.main_home{
	margin: 1em 0 -600px 20px;
	width: 830px;
	float: left;
	padding-bottom: 600px;
	
}
h2{
	color: #ffffff;
	background: #9c7e97;/* IE10 Consumer Preview */ 
	background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);/* Opera */ 
	background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);	/* W3C Markup, IE10 Release Preview */ 
	background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
	text-shadow: 1px 2px 2px #483342;
	padding: 0 2em 0 .75em;
}	
.DIY_content,.DIY_content1, .DIY_content_white, .content_home{
	padding: 1em 1.5em 1.5em 1.5em;
	background: #fff;
	background: -ms-linear-gradient(top, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, 1) 2%);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, 1) 2%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, 1) 2%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, 1) 2%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, 1) 2%);
	overflow: hidden;
	
}
.DIY_content1
{
	height:535px;
	z-index:10;
}
.content_home{
	padding: 1em 2.5em 1.5em 2.5em;
}
p.home_para {
font-size: 1.2em;
line-height: 1.35;
}
h3, h4{
	clear: both;
color: #483342;	
text-shadow: 0px 0px 1px #333;
}

.DIY_content p{
	padding-bottom: 1em;
}
.DIY_content1 p{
	padding-bottom: 4em;
}
.DIY_content p.home_para,.DIY_content1 p.home_para{
	font-size: 1.2em;
	line-height: 1.35;
}

hr.line{
	color: #483342;
	background-color: #483342;
	width: 75%;
	height: 1px;
	margin: 0 auto 1em auto;
	
}

.home_images{
	margin: 0 auto;
	text-align: center;
}


/*Carousel
========================*/
ul#mycarousel li{
	font-weight: bold;
	padding: 5px 8px;
	font-size: 1.1em;
	line-height: 1;
	cursor: pointer;
}

ul#mycarousel li.current{
	color: #fff;
}

/*ul#mycarousel li:hover{
	color: #fff;	
}
*/
ul#mycarousel li span{
	display: block;
	padding: 30px 0;	
}

ul#mycarousel img{
	margin: 7px 0 5px 0;
	opacity: .4;
	border: 2px solid #fff;
	height:65px;
	width:65px;
}

ul#mycarousel li.current img, ul#mycarousel li:hover img {
	opacity: 1;
}

/*Special Events
========================*/
.special{
	margin: 1em 0 0 0;
}

.special h2{
	color: #ffffff;
	background: #9c7e97;/* IE10 Consumer Preview */ 
	background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);/* Opera */ 
	background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);/* W3C Markup, IE10 Release Preview */ 
	background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
	text-shadow: 1px 2px 2px #483342;
	padding: 0 2em 0 .75em;
	font-size: 18px;
	line-height: 30px;
}

.event, .longevent{	
	float: left;
	margin-right: 1.75em;
	width: 275px;
	[width: 275px;
	width: 280px;]
}

.event h4, .longevent h4{
	margin-bottom: .5em;	
}

.longevent{
	width: 355px;	
}
.event:last-child{
	margin-right: 0;	
}
.event img, .longevent img{
	float: left;
	margin: .5em .75em .15em 0;	
}

.event h5, longevent h5{
margin-top: .5em;
}

.event p, .longevent p{
	font-size: .9em;
	margin-top: .5em;	
}

.more{
	float: left;
	width: 125px;
	margin: 7em 0 0 1.5em;
}	
/*Bottom Navigation
========================*/
.bottom{
width: 98.5%;
background-color: #202c44;
margin-top: 1em;
float: left;
margin-left: 9px;	
}
ul.btm_nav{
float: left;
width: 80%;
margin-left: .5em;
}

.btm_nav li{
	float: left;
	padding: 1em .75em;
}

.btm_nav a{
	display: block;
	color: #82697e;	
	text-decoration: none;
	font-size: .9em;
	font-weight: bold;
}

.btm_nav a:hover{
	text-decoration: underline;
}	

.media{
	float: right;
	margin-right: .75em;
}

.media li{
	float: left;
	padding: 1em .5em;
}

/*Footer
========================*/
.footer{
	float: left;
    width: 60%;
    margin-left: 4em;
}

.footer p{
	font-size: .8em;
    padding-bottom: .25em;
    line-height: 1;
    font-family: 'allerregular';
}
.logos{
	float: right;
	margin: 1em 1em 0 0;	
}

img.nasa{
	margin-right: 1em;	
}
/*Subnav
========================*/
ul.subnav{
	width: 100%;
	margin: -1.5em 0 0 0;
	padding: 0;	
}

ul.subnav li{
	float: left;
	color: #6c5768;
	 margin: 10px; 
	padding: 1em .35em;
	font-weight: bold;
}

ul.subnav li:first-child{
padding-left: 0;	
}

ul.subnav a{
	display: block;	
	color: #6c5768;
	text-decoration: none;
	font-weight: bold;
}

ul.subnav a:hover{
		text-decoration: underline;
}

ul.subnav a.current, ul.subnav a.current:hover{
	color: #483342;	
}
/*Login
========================*/
.bubble input{
	width: 95%;
	 -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.45);
	  -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.45);
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.45);
	margin-bottom: .5em;
}

button.login_btn{
	background: #9c7e97;/* IE10 Consumer Preview */ 
	background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);/* Opera */ 
	background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);/* W3C Markup, IE10 Release Preview */ 
	background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
	text-shadow: 0 -1px 0 rgba(72, 51, 66, 0.8); 
	color: #ffffff;
	font-size: 1em;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.45);
	margin-bottom: 0;
	float: right;
	padding: 4px 15px;
	letter-spacing: .05em;
}

button.signup_btn{
	background: #feff84;/* IE10 Consumer Preview */ 
	background: -ms-linear-gradient(top, #feff84 0%, #cacb69 100%);/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #feff84 0%, #cacb69 100%);/* Opera */ 
	background: -o-linear-gradient(top, #feff84 0%, #cacb69 100%);/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-linear-gradient(top, #feff84 0%, #cacb69 100%);/* W3C Markup, IE10 Release Preview */ 
	background: linear-gradient(to bottom, #feff84 0%, #cacb69 100%);
	text-shadow: 0px 1px 0px #9c7e97; 
	color: #483342;
	font-size: 1em;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.45);
	margin-bottom: 0;
	float: right;
	padding: 4px 15px;
	letter-spacing: .05em;
}


.bubble p.signup_para{
	text-transform: inherit;
	margin-bottom: 0;	
}

.bubble p.light{
	color: #9c7e97;
	margin-bottom: .5em;
}

#signin_menu2 input{
	width: 95%;
	 -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.45);
	  -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.45);
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.45);
	margin-bottom: .5em;
}
#signin_menu2 p.signup_para{
	text-transform: inherit;
	margin-bottom: 0;	
}

#signin_menu2 p.light{
	color: #9c7e97;
	margin-bottom: .5em;
}
/*Calendar
========================*/

ul#week li{
	background: #9c7e97;/* IE10 Consumer Preview */ 
	background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);/* Opera */ 
	background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);/* W3C Markup, IE10 Release Preview */ 
	background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 6px;
	width: 88px;	
	color: #fff;
	font-weight: bold;
	box-shadow: 1px 1px 2px #666; 
}

ul#week li{
	text-align: center;
	margin: 4px 6px 4px 6px;
	float: left;	
}

#days{
border-spacing: 5px;
	border-collapse:separate;		
}
ul#days li{
	background: url('../../DIY_Common_Inc/DIY_images/calendar_day.png') no-repeat;
	width: 92px;
	height: 140px;
	text-align: center;
	margin: 6px 10px 6px 10px;
	float: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 1px 1px 2px #666;
}

ul#days li img{
	width: 50px;
	height: 50px;
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
}

ul#days li p{
	margin:0;
	padding: 0;
	font-weight: bold;
}

ul#days a{
	color: #483342;
	text-decoration: none;	
}

ul#days a:hover{
	text-decoration: underline;	
}

ul#days li span {
	padding: 2px 5px 0 5px;
	display: block;
	text-align: right;
	font-weight: bold;	
}

button.observe_btn{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	text-transform: uppercase;
	background-color: #483342;
	color: #fff;
	padding: 3px 6px;
	letter-spacing: .05em;
	border: 1px solid #483342;
	text-shadow: 1px 0px 1px #000;
	box-shadow: 1px 0 2px #ccc;
	margin-bottom: 10px;
}

ul#days li span.current{
	color: #fff;	
}

ul#days li.no_num{
	background: #fff;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	box-shadow: none;	
}

h5.month {
	clear: both;
	position: relative;
	background: #9c7e97;
	background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);
	background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);
	background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);
	background: -webkit-gradient(linear, left top, left bottom (#9c7e97 0%, #483342 100%));
	background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
	background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
	padding: 10px;
	width: 97%;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	box-shadow: 1px 1px 2px #666;
	text-align: center;
	letter-spacing: .03em;
	text-shadow: 1px 0 1px #0d0d0d;
	margin-bottom: .25em;
}

span.next_month{
	position: absolute;
    top: 10px;
    right: 150px;
    width: 12px;
    height: 50px;
    cursor: pointer;
	opacity: .7;
}
span.next_month:hover, span.next_month:active{
background-position: 100% 0;
	opacity: 1;
}

span.prev_month{
	 position: absolute;
    top: 10px;
    left: 145px;
    width: 12px;
    height: 50px;
    cursor: pointer;
	opacity: .7;
}

span.prev_month:hover, span.prev_month:active{
background-position: 0 0;
	opacity: 1;
}

span.prev_month.disabled, span.prev_month.disabled:hover{
	cursor: default;
	opacity: .15;	
}
/******************/

/*Telescope
========================*/
h4.header{
	margin-bottom: .5em;	
}

.instructions{
	float: left;
width: 470px;
margin-right: 3em;
margin-bottom: 1em;
}

.instructions p{
	padding-bottom: .5em;	
}
.hints{
	float: left;
	width: 250px;
	background: #dbd8de;
	padding: .5em .75em;
	margin: -5px 0 15px 0;
	min-height: 175px;	
}	

.instructions img{
	float: left; 
	margin-top: -5px;
	margin-bottom: -5px;
	width: 80px;	
}


.hints p{
	font-size: .85em;
	padding-bottom: .5em;
}


.tabs, .tabs2{
	clear: both;
    list-style: none;
    margin: 1em 0 0 0;
	padding: 0;
	position: relative;	
}

.tabs2{
	padding-top: 1em;	
}

.tabs li, .tabs2 li{
	margin: 0 22px 0 0;
    
    border: 1px solid #483342;

-moz-border-radius: 10px;
    display: inline-block;
	font-weight: bold;
	color: #a57598;
	position: relative;
    z-index: 0;
	padding: 5px;
	margin: 0 21px 0 0;
	/*[margin: 0 21px 0 0;
	margin: 0 22px 0 0;]*/
}

.tabs2 li{
	margin: 0 22px 0 0;
	padding: .75em 0.5em;
		
}

.tabs li:last-child, .tabs2 li:last-child{
		margin: 0;	
}

.tabs li span.order{
	border: 3px solid #956a89;
	border-radius: 30px;
	margin: 5px 9px 5px 5px;
	display: inline-block;padding: 6px 10px;
}


.tabs li.active, .tabs2 li.active{
	background: #dbd8de;
	color: 	#483342;
	  border: 1px solid #483342;
	border-bottom: 1px solid #dbd8de;
	  z-index: 2;
	
}


.tabs li a, .tabs2 li a{
	/*color: #956a89;*/	
	padding: .5em 1em;
		font-size: 1.5em;
}

.tabs2 li a{
	padding: .75em 1.25em;
}

.tabs li.active a, .tabs2 li.active a{
	color: #483342;
	text-decoration: none;
}

.tabs li.active span.order{
	border: 3px solid #483342;
	
}	

.tabs:after, .tabs2:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #483342;
    z-index: 1;
}

.tabs:before, .tabs2:before {
    z-index: 2;
}

.tabs_content_container{
	background: #dbd8de;
	padding: 1em 1.5em;
	margin: 0;
	border: 1px solid #483342;
	margin-top: -1px;
	overflow:hidden;
		width: 741px;
}

.tabs_content_Share,.tabs_content_Published,.tabs_content_Brightness,.tabs_content_container2,.tabs_content_container3{
	background: #dbd8de;
	padding: 1em 0;
	margin: 0;
	border: 1px solid #483342;
	margin-top: -1px;
	overflow:hidden;
	width: 785px;
	z-index:101;
}

.tabs_content_Share
{
	padding: 0 0;
}
.tabs_content_Published
{
	padding: 0 0;
}
.tabs_content_Brightness
	{
	height:750px;
	}
.tab_content {
	z-index:10;
   /* display: none;*/
}

.tabs_content_container h6{
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	margin: 0 .5em .5em 1em;	
}

button.planet_btn{

background: #9c7e97;
	/* IE10 Consumer Preview */ 
background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Mozilla Firefox */ 
background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Opera */ 
background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Webkit (Safari/Chrome 10) */ 
background: -webkit-gradient(linear, left top, left bottom  (#9c7e97 0%, #483342 100%));	
	/* Webkit (Chrome 11+) */ 
background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
/* W3C Markup, IE10 Release Preview */ 
background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
text-shadow: 0 -1px 0 rgba(72, 51, 66, 0.8); 
color: #ffffff;
font-size: .95em;
width: 100px;
box-shadow: 0px 0px 1px rgba(0,0,0,0.45);
margin-bottom: 0;
margin: .5em .75em .5em 1em;
float: left;
padding: 7px 5px;
letter-spacing: .05em;
vertical-align:middle;
}

.disabled{
	opacity: .5;
	cursor: default;	
}
/*Clock
========================*/
.clock_instruct{
	float: left;
	width: 44%;
	margin-right: 1em;
}

.clock_instruct p{
	padding-top: 1em;
	clear: both;
	margin-left: 1.25em;
}

.clock, .filters{
	float: left;
	width: 51%;
	margin-left: 1em;
}

.filters{
	width:45%;
	margin-left: 3em;
	margin-top: 1em;
	
}	
.filters label, .tabs_content_container label{
	clear: both;
	float: left;
	margin-right: 1em;
	padding-bottom: 2.5em;
	font-size: 1em;
}	

	

.filters select, .tabs_content_container select {
	float: right;
	font-size: 1em;
	color: #483342;
	
}

.tabs_content_container h6.current_target{
float: left;
padding-top: .75em;
}
.cur_time, .time {
	border: 1px solid #483342;
	width: 100%;
	float: left;
	padding: .5em 0;
	
}

.time {	
	margin-top: .5em;
		text-align: center;	
}
	
.cur_time p{
	font-weight: bold;
	padding-bottom: 0;	
}
.hour{
	float: left;
	width: 46%;
	text-align: center;	
	margin-left: .75em;
}
.minute{
	float: left;
	width: 43%;	
	margin-left: 1.25em;
	text-align: center;
}
.hour p, .minute p{
	text-align: center;
	font-size: 1em;
	padding: 0;
}	
button.ampm, button.hour_btn, button.min_btn, button.all, button.image_btn{

background: #9c7e97;
	/* IE10 Consumer Preview */ 
background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Mozilla Firefox */ 
background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Opera */ 
background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Webkit (Safari/Chrome 10) */ 
background: -webkit-gradient(linear, left top, left bottom  (#9c7e97 0%, #483342 100%));	
	/* Webkit (Chrome 11+) */ 
background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
/* W3C Markup, IE10 Release Preview */ 
background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
text-shadow: 0 -1px 0 rgba(72, 51, 66, 0.8); 
color: #ffffff;
font-size: .95em;
width: 63px;
box-shadow: 0px 0px 1px rgba(0,0,0,0.45);
margin-bottom: 0;
margin: .25em;
float: left;
padding: 4px 5px;
letter-spacing: .05em;
vertical-align:middle;
}

button.hour_btn.selected{
	opacity: 1;
	cursor: default;
	color:#dbd8de;
}
button.hour_btn{
	width: 56px;
	margin: .25em .1em .25em 0;
}


button.min_btn{
	width: 30px;
margin: .25em .15em .25em 0;
}

.hour button.all, .minute button.all{
	width: 97%;
	display: block;
	margin: .25em auto;	
}

button.image_btn{
font-size: 1.2em;
width: 120px;
float: right;
padding: .75em .25em;
border-radius: 10px;
	
}

/*Brightness
========================*/
.Own_Color,.Own_Color .tabs2 li 
	{
		background: #9c7e97;
		/* IE10 Consumer Preview */ 
		background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);
		/* Mozilla Firefox */ 
		background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);
		/* Opera */ 
		background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background: -webkit-gradient(linear, left top, left bottom  (#9c7e97 0%, #483342 100%));	
			/* Webkit (Chrome 11+) */ 
		background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
	}
.Group_Color,.Group_Color .tabs2 li 
	{
		background: #48546E;
		/* IE10 Consumer Preview */ 
		background: -ms-linear-gradient(top, #48546E 20%, #172845 100%);
		/* Mozilla Firefox */ 
		background: -moz-linear-gradient(top, #48546E 20%, #172845 100%);
		/* Opera */ 
		background: -o-linear-gradient(top, #48546E 20%, #172845 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background: -webkit-gradient(linear, left top, left bottom  (#48546E 20%, #172845 100%));
			/* Webkit (Chrome 11+) */ 
		background: -webkit-linear-gradient(top, #48546E 50%, #172845 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background: linear-gradient(to bottom, #48546E 20%, #172845 100%);
		color:white;
	}
.Group_lColor,.Group_lColor .tabs2 li 
	{
	background: #444960;/* IE10 Consumer Preview */ 
	background: -ms-linear-gradient(top, #48546E 0%, #172845 100%);/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #48546E 0%, #172845 100%);/* Opera */ 
	background: -o-linear-gradient(top, #48546E 0%, #172845 100%);/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-linear-gradient(top, #48546E 0%, #172845 100%);/* W3C Markup, IE10 Release Preview */ 
	background: linear-gradient(to bottom, #48546E 0%, #172845 100%);
	}	
.Group_Color a
	{
		color:white;
	}
.Own_Color a
	{
		color: #956a89;
	}
#image_list_curtain,#Gimage_list_curtain
{
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	position:absolute;
	height: 0px;
	width: 0px;
	z-index:12;
}
#image_list, #Gimage_list
{
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	width:0px;
	height:57px;
	position:absolute;
	z-index:100;
}
#Gimage_list
{
	position: relative;
}
.pub_list
{
	width:100%;
	position: relative;
}
.Share_list,.pub_list,#image_list,#image_list_curtain{
	clear: both;
	overflow: hidden;
	margin: 0 0 1em 0;
}
#Gimage_list,#Gimage_list_curtain {
	clear: both;
	overflow: hidden;
	margin: 0 0 1em 0;
}

.Share_list label,.pub_list label,#image_list label, #Gimage_list label{
	float: left;
	margin: 1em 1em 0 12em;
	font-size: 1.1em;
	color: #fff;
}
.Share_list select,.pub_list,#image_list select, #Gimage_list select{
	float: left;
	font-size: 1.1em;
	color: #483342;
	margin-top: 1em;
}	

span.next_star{
	position: absolute;
    top: 15px;
    right: 70px;
    width: 12px;
    height: 50px;
    cursor: pointer;
	opacity: .7;
}

span.next_star:hover, span.next_star:active{
background-position: 100% 0;
	opacity: 1;
}

span.prev_star{
	 position: absolute;
    top: 15px;
    left: 65px;
    width: 12px;
    height: 50px;
    cursor: pointer;
	opacity: .7;
}

span.prev_star:hover, span.prev_star:active{
background-position: 0 0;
	opacity: 1;
}

span.prev_star.disabled, span.prev_star.disabled:hover{
	cursor: default;
	opacity: .15;	
}

.star_image{
	float: left;
	width: 650px;
	display:none;
	margin-right:7px;
	z-index:10;
}

.star_mmt{
	display:none;
	/*float: left;*/
	margin-top: .25em;
}

.star_mmt p{
	margin-top: .25em;
	padding: 0 0 0 .75em;

}

.star_mmt img{
	width: 120px;
	height: 135px;
}

.star_mmt img:after{
	margin: 0;
}	

.star_mmt input[type="text"]{
	width: 112px;
	border: none;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.45);
	margin-bottom: .35em;
	  box-shadow: 
    inset 0 2px 0 rgba(0,0,0,.2), 
    0 0 4px rgba(0,0,0,0.1);
}

.star_mmt input[type="text"]:focus { 
  outline: none;
  box-shadow: 
    inset 0 2px 0 rgba(0,0,0,.2), 
    0 0 4px rgba(0,0,0,0.1),
    0 0 5px 1px #51CBEE;
}
.star_mmt input[type="text"].Active { 
  outline: none;
  box-shadow: 
    inset 0 2px 0 rgba(0,0,0,.2), 
    0 0 4px rgba(0,0,0,0.1),
    0 0 5px 1px #51CBEE;
}
.star_mmt input[type="checkbox"]{
	margin: 1.25em .5em .5em 0;
	display: inline;	
	vertical-align:middle;	
}

.star_mmt input[type="checkbox"].Active,button.calibrate_btn.Active { 
  outline: none;
  box-shadow: 
    inset 0 2px 0 rgba(0,0,0,.2), 
    0 0 4px rgba(0,0,0,0.1),
    0 0 5px 1px #51CBEE;
}
.star_mmt label{
	padding-bottom: .25em;
	line-height: 1;
	text-shadow: 1px 1px 1px #fff;
	margin-top: 1.25em;	
}
#star_chart
{
	width:100px
}
button.calibrate_btn, button.calc_btn{
	background: #9c7e97;
	/* IE10 Consumer Preview */ 
background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Mozilla Firefox */ 
background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Opera */ 
background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Webkit (Safari/Chrome 10) */ 
background: -webkit-gradient(linear, left top, left bottom  (#9c7e97 0%, #483342 100%));	
	/* Webkit (Chrome 11+) */ 
background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
/* W3C Markup, IE10 Release Preview */ 
background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
text-shadow: 0 -1px 0 rgba(72, 51, 66, 0.8); 
color: #ffffff;
font-size: .95em;
width: 85px;
box-shadow: 0px 0px 1px rgba(0,0,0,0.45);
margin: .75em .05em .25em .5em;
float: none;
display: inline;
padding: 4px 5px;
letter-spacing: .05em;
vertical-align:middle;	
}

button.calc_btn{
font-size: 1.1em;
width: 120px;
float: right;
padding: .5em .75em;
border-radius: 10px;
position:absolute; 
left:930px;
	
}

.star_image p{
	margin-top: .25em;
	padding: 0 0 0 .75em;	
}

ul.data_menu{
	padding-left: 1.25em;
	padding-top: .25em;	
	width: 100%;
	overflow: hidden;
}

ul.data_menu li{
	padding: 1em .75em .5em .75em;
}
ul.data_menu li.active {
	display: inline-block;
  /*margin: 10px;*/
  padding: 8px 15px;
  background: #172845;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
  transition: all 0.3s ease-out;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    0 2px 2px rgba(0,0,0,0.3),
    0 0 4px 1px rgba(0,0,0,0.2);
	color:#FFF;
  /* Font styles */
  text-decoration: none;
  text-shadow: 0 1px rgba(255,255,255,0.7);
}

ul.data_menu li.active.a{
	color:#FFF;
}
/*/////////////////*/
/*/////////////////*/
#Bri_Data_header
	{
		display:none;
	}
table#data_view{
	clear: both;	
}
table#data_view tbody {overflow: scroll; margin:0px;}
table#data_view th{
	width: 275px;
	padding: .75em  1em;
	font-size: 1em;
	border-right: 1px solid #ccc;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
table#data_view td{
	border: 1px solid #aeaeae;
	border-top: none;
	padding: .75em  1em;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	width: 245px;
}
table#data_view th:last-child, table#data_view td:last-child{
	border-right: none;	
}
table#data_view tr.selected_row{
		color: #fff;
		text-shadow: 0 -1px 0 rgba(72, 51, 66, 0.8);
		background-color:#916684; /*#483342;*/
}
img.graph{
	display: block;
	margin: .25em auto 0 auto;	
}
ul.star_info li{
	display: inline;
	font-weight: bold;
	padding: 0 .5em .25em .5em;
	text-shadow: 1px 1px 1px #fff;	
}
ul.star_info li span{
	font-weight: normal;	
}
/* Share and Interpret
========================*/
.graph_instructions{
	float: left;
	width: 32%;	
	padding: 0 1.5em;
}

textarea{
	margin-bottom: 0;
	float: left;	
}
.share_graph{
	float: left;
	width: 60%;
	border: 1px solid #483342;
	padding: .5em 0 0 0;
}


img.graph_right{
	display: block;
	max-width: 100%;
	width: 100%;
}

button.share{
	margin-left: 1em;
	margin-top: 2em;
	float: left;
}

ul.graph_buttons{
	padding: .25em;	
	margin-left: 10em;
}

ul.graph_buttons li{
	padding: 1em .75em 0.75em;
	display: inline;
}

ul.graph_buttons button{
margin-bottom: 0;
padding: 8px 10px;
}

.results_to_publish{
	padding: 0 1.5em;	
}

.button.active,
	button.active,
	input[type="submit"].active,
	input[type="reset"].active,
	input[type="button"].active {
		background: #9c7e97;
	/* IE10 Consumer Preview */ 
background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Mozilla Firefox */ 
background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Opera */ 
background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Webkit (Safari/Chrome 10) */ 
background: -webkit-gradient(linear, left top, left bottom  (#9c7e97 0%, #483342 100%));	
	/* Webkit (Chrome 11+) */ 
background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
/* W3C Markup, IE10 Release Preview */ 
background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
text-shadow: 0 -1px 0 rgba(72, 51, 66, 0.8); 
color: #ffffff; }

/*
Community Results
========================*/
.choose_type{
	margin: 0 .75em 1em .75em;
	float: left;
}

.choose_type a{
background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	  width: 80px;
	  text-transform: uppercase;
	  text-align: center;
}
.choose_type a.active{
	
	/*font-size: .95em;*/
	
		background: #9c7e97;
	/* IE10 Consumer Preview */ 
background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Mozilla Firefox */ 
background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Opera */ 
background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Webkit (Safari/Chrome 10) */ 
background: -webkit-gradient(linear, left top, left bottom  (#9c7e97 0%, #483342 100%));	
	/* Webkit (Chrome 11+) */ 
background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
/* W3C Markup, IE10 Release Preview */ 
background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
text-shadow: 0 -1px 0 rgba(72, 51, 66, 0.8); 
color: #ffffff; }	

h3.comm_result{
	margin-left: .75em;	
}

.choose_type li ul{
	border: 1px solid #483342;
	margin-top: -1.85em;
	margin-left: .05em;
	border-radius: 5px;
	height: 210px;
	width: 97px;
	overflow-y: scroll;
}

.choose_type li li{
	text-align: left;
	padding-bottom: .25em;
	margin-bottom: 0;
	line-height: 1;
}	

.choose_type li li a{
	color: #483342;	
	background: none;
	border: none;
	text-align: left;
	border-radius: 0px;
	display: block;
	margin: 0;
	padding: 5px 10px;
	line-height: 1;
	width: 62px;
	/*[width: 62px;
	width: 64px;]*/
}

.star_menu{
	float: left;
	width: 200px;
	height: 250px;
	overflow-y: scroll;
	border: 1px solid #483342;	
	border-radius: 5px;
}

.part_menu{
	float: left;
	width: 200px;
	height: 315px;
	overflow-y: scroll;
	border: 1px solid #483342;	
	border-radius: 5px;
}

.star_menu table, .part_menu table{
	border-spacing: 0;
	width: 187px;
}

.star_part_menu td, .part_menu td{
		padding: 3px 3px;
		font-weight: bold;
		font-size: .9em;
}

.star_part_menu td.date, .part_menu td.date{
	text-align: right;	
}

.star_part_menu tr.active, .part_menu tr.active{
	/*font-size: .95em;*/
	
		background: #9c7e97;
	/* IE10 Consumer Preview */ 
background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Mozilla Firefox */ 
background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Opera */ 
background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Webkit (Safari/Chrome 10) */ 
background: -webkit-gradient(linear, left top, left bottom  (#9c7e97 0%, #483342 100%));	
	/* Webkit (Chrome 11+) */ 
background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
/* W3C Markup, IE10 Release Preview */ 
background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
text-shadow: 0 -1px 0 rgba(72, 51, 66, 0.8); 
color: #ffffff; 	
}
.choose_type li li a:hover, .choose_type li li a.active {
	background-color: #483342;
	color: #fff;	
}
/*
::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}*/

.map_selection{
	margin-left: .75em;
	float: left;	
}

h2.graph_result{
	clear: both;	
	padding-right: 1em;
	font-size: 1.3em;
}

h2.graph_result span{
	float: right;
	
}

/******************************************************************************************/
.PlanetsBox-wrap,
.PlanetsBox-skin,
.PlanetsBox-outer,
.PlanetsBox-inner,
.PlanetsBox-image,
.PlanetsBox-wrap iframe,
.PlanetsBox-wrap object,
.PlanetsBox-nav,
.PlanetsBox-nav span,
.PlanetsBox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.PlanetsBox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.PlanetsBox-skin {
	position: relative;
	background: #f9f9f9;
	background: #0d2038;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#193d5e), to(#0d2038));
		background-image: -webkit-linear-gradient(top, #193d5e, #0d2038);
		background-image: -moz-linear-gradient(top, #193d5e, #0d2038);
		background-image: -ms-linear-gradient(top, #193d5e, #0d2038);
		background-image: -o-linear-gradient(top, #193d5e, #0d2038);
		background-image: linear-gradient(top, #193d5e, #0d2038);
		background-repeat: no-repeat;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.PlanetsBox-opened {
	z-index: 8030;
}

.PlanetsBox-opened .PlanetsBox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.PlanetsBox-outer, .PlanetsBox-inner {
	position: relative;
}

.PlanetsBox-inner {
	overflow: hidden;
}

.PlanetsBox-type-iframe .PlanetsBox-inner {
	/*-webkit-overflow-scrolling: touch;*/
}

.PlanetsBox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.PlanetsBox-image, .PlanetsBox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.PlanetsBox-image {
	max-width: 100%;
	max-height: 100%;
}

#PlanetsBox-loading, .PlanetsBox-close, .PlanetsBox-prev span, .PlanetsBox-next span {
	background-image: url('../../DIY_Common_Inc/DIY_images/SF/PlanetsBox_sprite.png');
}

#PlanetsBox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#PlanetsBox-loading div {
	width: 44px;
	height: 44px;
	background: url('../../DIY_Common_Inc/DIY_images/SF/PlanetsBox_loading.gif') center center no-repeat;
}

.PlanetsBox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.PlanetsBox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../../DIY_Common_Inc/DIY_images/SF/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.PlanetsBox-prev {
	left: 0;
}

.PlanetsBox-next {
	right: 0;
}

.PlanetsBox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.PlanetsBox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.PlanetsBox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.PlanetsBox-nav:hover span {
	visibility: visible;
}

.PlanetsBox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.PlanetsBox-lock {
	overflow: hidden;
}

.PlanetsBox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../../../OE/DIY_Common_Inc/DIY_images/SF/PlanetsBox_overlay.png');
}

.PlanetsBox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.PlanetsBox-lock .PlanetsBox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.PlanetsBox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.PlanetsBox-opened .PlanetsBox-title {
	visibility: visible;
}

.PlanetsBox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.PlanetsBox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.PlanetsBox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.PlanetsBox-title-inside-wrap {
	padding-top: 10px;
}

.PlanetsBox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}.Planets_overlay_popup{
	width: 385px;
	display: none;	
}

.Planets_overlay_popup .top_half{
	background: #fff;
	overflow: hidden;
	padding: 10px 15px;	
}

.Planets_overlay_popup .top_half h1{
	float: left;
	font-size: 1.8em;
	font-weight: bold;
	margin-top: .25em;	
}
.Planets_overlay_popup img{
	float: right;
	width: 	68px;
}

.Planets_bottom_half{
	background: url(../../DIY_Common_Inc/DIY_images/SF/table_bg.png) repeat;
/*	background: #9f8f9d;
*//*	background: linear-gradient(-45deg, #193d5e 25%, #9f8f9d 25%, #9f8f9d 50%, #193d5e 50%, #193d5e 75%, #9f8f9d 75%, #9f8f9d);
background-size:4px 4px;*/
overflow: hidden;
	padding: 10px 15px;	
	margin-top: 1em;	
}

.Planets_bottom_half table{
	color: #fff;	
}

.Planets_bottom_half td{
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	font-weight: bold;
	padding: 10px;	
	font-size: 1.2em;
	text-align: left;
}

.Planets_bottom_half td.terms{
	text-align: right;	
	border-left: none;
}

/*
Group Setup========================*/

.main p.group_intro{
	padding: 0;
	margin: .75em .5em 0 0;	
}

.group_info{
	margin: .5em 1.25em;
	position: relative;	
}

.group_info label{
	clear: both;
	padding: 0 0 .25em 0;
	margin: 0 3em 0 1em;
	font-size: 1.1em;
	width: 275px;
	float: left;
}

.group_info select{
	float: left;
	font-size: 1em;
	padding: .5em;
	width: 250px;
}

.group_info select.friend_select{
	margin: -1.5em 0 0 1em;
	width: 155px;	
}

.group_info input{
	clear: both;
	float: none;
	margin-left: 1em;
	width: 270px;	
}
	
.group_info p.friend_invite{
	margin-left: 1em;
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 1em;	
}

.group_info p.friend_instructions{
	clear: both;
	float: left;
	font-size: .9em;
	width: 120px;
	margin: 0 1.25em;
}

.friend_left{
	float: left;
	width: 48%;
}	

.friend_left textarea{
	margin-left: 1em;
	width: 310px;
	height: 82px;
	padding: .5em;
}	
.friend_left button.friends_btn, .friend_left button.add_email_btn, .group_info button.save_grp_btn, .group_info button.email_grp_btn{
	background: #9c7e97;
	/* IE10 Consumer Preview */ 
background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Mozilla Firefox */ 
background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Opera */ 
background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);

/* Webkit (Safari/Chrome 10) */ 
background: -webkit-gradient(linear, left top, left bottom  (#9c7e97 0%, #483342 100%));	
	/* Webkit (Chrome 11+) */ 
background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
/* W3C Markup, IE10 Release Preview */ 
background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
text-shadow: 0 -1px 0 rgba(72, 51, 66, 0.8); 
color: #ffffff;
border-radius: 10px;
margin: 1em 2.75em .25em .5em;
width: 120px;
float: right;
display: inline;
padding: .75em .5em;
letter-spacing: .05em;
font-size: 1em;	
}
/*
button:active{
background: #1d436a;
    outline: 0;  
	box-shadow: none;
	border: 0;	
		
}*/


.friend_left button.add_email_btn{
	width: 220px;	
	margin: 1em 1.75em .25em .5em;
}
.group_info button.save_grp_btn{
	clear: both;
}
.group_info button.save_grp_btn, .group_info button.email_grp_btn{
	width: 115px;
	margin: 1em 0 0 .5em;	
}

.group_info button.email_grp_btn{
	width: 125px;	
}

.save_group{
	float: left;
	width: 400px;
	margin: 2em 0 0 1.25em;	
}
.group_members{
	background-color: #ffffff;
	width: 375px;
	min-height: 230px;	
	padding: .5em .75em;
}

.group_members ul{
	margin-left: .15em;	
}

.group_members p{
	font-weight: bold;	
}

.email_comment{
/*	position: relative;*/
	top: 370px;
	position: absolute;
	bottom: 0;
	right: 1.25em;
	
}

.email_comment textarea{
	padding: .5em;
	width: 280px;
	height:228px;
	 resize: none;
}
.tooltip{
	 display: inline;
    position: relative;
	color: #483342;
	border-radius: 12px;
	background: transparent;
    border: 2px solid #483342;
	text-align: center;
    padding: 1px 5px;
	font-size: 14px;
	width: 16px;
	height: 16px;
}

.tooltip span{
margin-left: -999em;
position: absolute;	
}

.tooltip:hover span{
	border-radius: 5px 5px; 
	position: absolute; 
	left: 5%; 
	bottom: 28px; 
	z-index: 99;
	margin-left: 0; 
	width: 150px;
	padding: 5px 15px;
	background: #9c7e97;
	font-size: .9em;
	line-height: 1.3;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
}

.tooltip:hover:before{
    border: solid;
    border-color: #9c7e97 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 22px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}



/*Tutorials
========================*/
/*Notifications -My Planet Search
========================*/

/*span.notification{
	float: left;
	display: inline-block;
	background-color: #C43629;
	border-radius: 5px;
	color: #fff;
	margin: .1em 0 0 0;
	padding: 0 .6em;
	font-size: .83em;
	font-weight: bold;
	text-align: center;
	text-shadow: -1px 0px 0px #45130E;
	box-shadow: 1px 1px 3px #333;
	vertical-align:middle;
}*/
span.exolab{
	padding-left:25px;
	border-radius: 5px;
	ont-weight: bold;
	font-size: .95em;
	text-align: center;
	text-shadow: -1px 0px 0px #45130E;
	vertical-align:middle;
	letter-spacing: .08em;
}
span.notification{
	/*float: left;*/
	cursor:pointer;
	display: inline-block;
	background: #C43629;
	background: -ms-linear-gradient(top, #C43629 0%, #A12C22 100%);

/* Mozilla Firefox */ 
background: -moz-linear-gradient(top, #C43629 0%, #A12C22 100%);

/* Opera */ 
background: -o-linear-gradient(top, #C43629 0%, #A12C22 100%);

/* Webkit (Safari/Chrome 10) */ 
background: -webkit-gradient(linear, left top, left bottom  (#C43629 0%, #A12C22 100%));	
	/* Webkit (Chrome 11+) */ 
background: -webkit-linear-gradient(top, #C43629 0%, #A12C22 100%);
/* W3C Markup, IE10 Release Preview */ 
background: linear-gradient(to bottom, #C43629 0%, #A12C22 100%);
	
	border-radius: 5px;
	color: #fff;
	margin: .1em 0 0 0;
	height: 18px;
	line-height: 18px;
	width: 40px;
	font-size: .75em;
	font-weight: bold;
	text-align: center;
	text-shadow: -1px 0px 0px #45130E;
	box-shadow: 1px 1px 1px #333;
	vertical-align:middle;
	letter-spacing: .08em;
	/*display:none;*/
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.beta{
	color: white;	
}
/*Glowing text when new images added
========================*/
/******************************************************************************************/
/******************************************************************************************/
/******************				Shira CSS Ended HERE			***************************/
/******************************************************************************************/
/******************************************************************************************/
/******************				Aladdin CSS Starts HERE			***************************/
/******************************************************************************************/
/* #Basic Styles
================================================== */
	
.DIY_wrapper{
	/*background: url("../../DIY_Common_Inc/DIY_images/SF/background_banner.png") top center no-repeat;*/
	
}
/*================================================== */
.DIY_wrapper h2 {
    /* width: 55%; */
    color: #333;
    background: #CDDE61;
    background: rgba(205, 222, 97, .8);
    padding: 0 2em 0 .75em;
}
/*================================================== */
h3, h4 {
clear: both;
color: #483342;
text-shadow: 0px 0px 1px #333;}
/*____________________________*/
#DIY_Buzz{position:relative;text-align:left;margin: 0em auto 0 auto;width: 100%; z-index:999;}
/*____________________________*/
/*____________________________*/
#DIY_Buzz2{position:relative;margin: 0em auto 0 auto;width: 100%;}
/*____________________________*/
.DIY_wrapper {
	/*position: relative;
	width: 1100px;
	margin: 0 auto;
	padding: 0;*/
	}
    
/*____________________________*/
#folio {
	position: relative;
	min-width:650px;
	width:100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	
	}
/*____________________________*/

.filter{
	float: left;
	width: 22%;
	padding: 15px 15px 1000px 15px;
	margin: 1em 0 -1000px 10px;
	background: #444960;
	background: -ms-linear-gradient(top, #48546E 0%, #172845 100%);
	background: -moz-linear-gradient(top, #48546E 0%, #172845 100%);
	background: -o-linear-gradient(top, #48546E 0%, #172845 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #48546E), color-stop(1, #172845));
	background: -webkit-linear-gradient(top, #48546E 0%, #172845 100%);
	background: linear-gradient(to bottom, #48546E 0%, #172845 100%);
}
.filter h1{
	font-size:1em
}
/*____________________________*/
.DIY_Stage{

	float: right;
	margin: 1em 8px -600px 20px;
	width: 830px;
	padding-bottom: 600px;
}
.DIY_Stage h1{
	color: #483342;
	font-size: 1.05em;
	font-weight: bold;
	letter-spacing: .03em;
	margin-bottom: .25em;	
}
.DIY_Stage  p.home_para{
	font-size: 1.2em;
	line-height: 1.35;
	padding-bottom: 1em;
}

.DIY_Stage h2{
	/*width:55%;*/
	color: #333;
	background: #CDDE61;
		background: rgba(205, 222, 97, .8);
/*background: #9c7e97;
background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);
background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);
background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);
background: -webkit-gradient(linear, left top, left bottom (#9c7e97 0%, #483342 100%));
background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
text-shadow: 1px 2px 2px #483342;*/
padding: 0 2em 0 .75em;
}
.DIY_Stage #TextLarge h2 {
	width:50%;
	font-size: 1.05em;
	font-weight: bold;
	letter-spacing: .03em;
	margin-bottom: .25em;	
	color: #ADCE53;
}
.DIY_Stage h4 {
	clear: both;
color: #483342;
text-shadow: 0px 0px 1px #333;
}
h4.header {
margin-bottom: .5em;
}
/*________===============______*/  
/*______________ url("../DIY_images/DIY_intro_S_bg.png") repeat-x______________*/
.DIY_StageBody
	{
	/*position: relative;
	margin-top: 66px;
	padding: 44px;
	background: #ECECEC;*/
	
	/* Background-size not implemented yet */
	/*-webkit-background-size: 100%;
	-o-background-size: 100%;
	-khtml-background-size: 100%;*/
	/*Browsers*/
	/*-moz-background-size: 100%;
    -ms-background-size: 100%;
    -icab-background-size: 100%;*/
	/* Border-radius not implemented yet */
	/*-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	-ms-border-radius: 22px;
    -icab-border-radius: 22px;
	-o-border-radius: 22px;
	-khtml-border-radius: 22px;
	overflow: hidden*/
	 position: relative; 
	overflow: hidden;
	margin-top: 1em;
	}
/*________===============______*/  
.DIY_wrapper {
		/*width: 1060px;*/
	}
.DIY_StageBodyT
	{
	/*width: 1060px;*/
	}
.DIY_StageBody
	{
	/*width: 1060px;*/
	}
#folio{	
		/*width: 100%;*/
	}
.filter2{
		display: none;	
	}	
/*__________Masthead__________*/
.HeaderImage {
	padding-left:10px;
	width:69.375em;
	background-image:url('../DIY_images/DIY_nasa-logo3.png');
	_background-image:url('../DIY_images/exoplanet_crop4.gif');
	background-repeat:no-repeat;
	height:150px;
} 
/*____________________________*/
/*____________________________*/
#DIY_SIcontainer
{
	position:absolute;
	left:580px;
	width:200px;
	color:green;
	display:inline;
}
/*____________________________*/
#DIY_signInError
{
	position:absolute;
	width:150px;
	line-height: 12px;
	top: 131px;
}
/*____________________________*/
#DIY_signUpError
{
	position:absolute;
	width:140px;
	line-height: 15px;
	top: 495px;
}
/*____________________________*/
/* Style for DIY_C_overlay and DIY_C_StarMsg */
.DIY_C_overlay, .DIY_B_overlay{
	background:#333333 none repeat scroll 0 0;
	filter:alpha(opacity=50);
	opacity: 0.5;
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:100;
}
.DIY_B_overlay{
	width:800px;
	height:600px;
	}
.DIY_C_StarMsg{
	position:fixed;
	top:-150%;
	left:30%;
	right:30%;
	background-color:#fff;
	color:#000000;
	padding:20px;
	border:2px solid #ccc;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	-moz-box-shadow: 0 1px 5px #333;
	-webkit-box-shadow: 0 1px 5px #333;
	z-index:101;
}
.DIY_C_StarMsg h1{
	border-bottom: 1px dashed #7F7F7F;
	margin:-20px -20px 0px -20px;
	padding:10px;
	background:#333333;
	color:#ADCE53;
	-moz-border-radius:20px 20px 0px 0px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-khtml-border-top-left-radius: 20px;
	-khtml-border-top-right-radius: 20px;
}
.DIY_C_StarMsg h2{
	 -moz-border-radius:4px;
		-webkit-border-radius:4px;
		border:1px solid #6D7BA6;
		 background:#333333;
		color:#ADCE53;
		text-shadow:0 -1px 0 #39d;
		padding:4px 10px 5px;
		font-size:1em;
		margin:0 5px 0 0;
		font-weight:bold;
}
a.DIY_C_StarMsgclose{
	float:right;
	width:26px;
	height:26px;
	background:transparent url(../DIY_images/close.gif) repeat top left;
	margin-top:-30px;
	margin-right:-30px;
	cursor:pointer;
}
a.DIY_B_StarMsgclose{
	float:right;
	width:26px;
	height:26px;
	background:transparent url(../DIY_images/close.gif) repeat top left;
	margin-top:5px;
	margin-right:5px;
	cursor:pointer;
}
/*____________________________*/
/*____________________________*/
/*____________________________*/
/*____________________________*/
.DIY_C_StarInfoSm {
			}
.DIY_C_StarInfoSm h1{
            color:#FFFFFF;
        }
.DIY_C_StarInfoSm span{
            color:white;
			font-size:0.8em;
			font-weight:bolder;
        }

.DIY_C_StarInfoSm img {

height:25px;
width: 25px;
border: 2px solid #CCC;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
-moz-box-shadow: 0 1px 5px #333;
-webkit-box-shadow: 0 1px 5px #333;
}	
/*____________________________*/
.DIY_C_StarInfo{
			float:left;
			width:82px;
            padding:20px;
			margin-right:8px;
             
        }
.DIY_C_StarInfo h1{
            color:#333333;
        }

.DIY_C_StarInfo img {
height:100px;
float: right;
width: 100px;
border: 2px solid #CCC;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
-moz-box-shadow: 0 1px 5px #333;
-webkit-box-shadow: 0 1px 5px #333;
}		
/*____________________________*/

#signupsubmit
{
 display: inline-block;
  margin: 10px;
  padding: 8px 15px;
  background: #B8ED01;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
  transition: all 0.3s ease-out;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    0 2px 2px rgba(0,0,0,0.3),
    0 0 4px 1px rgba(0,0,0,0.2);

  /* Font styles */
  text-decoration: none;
  text-shadow: 0 1px rgba(255,255,255,0.7);
}
#signupsubmit:hover  { background: #C7FE0A; }
/*********************
div.DIY_panelForgot
{
	display:none;
}*/
#DIY_ImageList_Box,#DIY_Forgot_Box, .DIY_UserInfoTable {
border: 0;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-top: 10px;
}
#DIY_UI1_Box, #DIY_UI2_Box , #DIY_UI3_Box {
	display:block;
}
#DIY_TT1_Box{ display:block;}
#DIY_TG1_Box, #DIY_TT2_Box , #DIY_TT3_Box {
	display:none;
}
/*/////////*/
/*____________________________*/

#DIY_Forgot_Box {
background: #dbd8de;
	padding: 1em 0;
	margin: 0;
	border: 1px solid #483342;
	margin-top: -1px;
	overflow:hidden;
	width: 785px;	
}

#DIY_Forgot_Box h3{
	margin-bottom: 1em;	
}

#DIY_Forgot_Box h4{
	color: #999;
	font-size: 0.8em;
	margin: 0;
	margin-left: 0.75em;
	padding-bottom: 0;
	font-weight: normal;
}

.DIY_Forgot_caption{
	font-size: .8em;
	margin-bottom: .5em;
	color: #666;
}

.DIY_Forgot_error{
	font-size: 1em;
	margin: .5em 0;
	color: #ff0000;	
}

#DIY_Forgot_Box fieldset {
	margin-bottom: 0.5em;
	margin-right: 1em;
	border:none;
}
#DIY_Forgot_Box fieldset div {
	margin:0.3em 0;
}

#DIY_Forgot_Box form{
	margin: 1em 0;	
}


#DIY_Forgot_Box label {
	width:10em;
	color:#333;
	font-size:.9em;
	margin-top: 1em;
}
#DIY_Forgot_Box input {
	padding:0.15em;
	width:15em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
#DIY_Forgot_Box textarea {
	padding:0.15em;
	width:15em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
#DIY_Forgot_Box select, #DIY_Forgot_Box .Ustate {
	padding:0.15em;
	width:15.3em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	display:inherit;
}
#DIY_Forgot_Box input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 
#DIY_Forgot_Box fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
}


#DIY_Forgot_Box .email {
	width:15em;
}

#DIY_Forgot_Box input.default {
	color:#bbb;

}
/*____________________________*/
/*____________________________*/
#DIY_ImageList_Box {
	margin:1.5em;
}

#DIY_ImageList_Box h3{
	margin-bottom: 1em;	
}

#DIY_ImageList_Box h4{
	color: #999;
	font-size: 0.8em;
	margin: 0;
	margin-left: 0.75em;
	padding-bottom: 0;
	font-weight: normal;
}
#DIY_ImageList_Box fieldset {
	margin-bottom: 0.5em;
	margin-right: 1em;
	border:none;
}
#DIY_ImageList_Box fieldset div {
	/*margin:0.3em 0;
	clear:both;*/
}

#DIY_ImageList_Box form{
	margin: 1em 0;	
}


#DIY_ImageList_Box label {
	width:10em;
	color:#333;
	font-size:.9em;
	margin-top: 1em;
}

#DIY_ImageList_Box a{
	/*text-decoration: underline;
	color: #333;*/	
}

#DIY_ImageList_Box a:hover{
	/*color: #666;	*/
}
#DIY_ImageList_Box input {
	padding:0.15em;
	width:15em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
#DIY_ImageList_Box textarea {
	padding:0.15em;
	width:15em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
#DIY_ImageList_Box select {
	padding:0.15em;
	width:15.3em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
#DIY_ImageList_Box input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 
#DIY_ImageList_Box fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
}

#DIY_ImageList_Box .email {
	width:15em;
}
#DIY_ImageList_Box input.default {
	color:#bbb;
}
/*____________________________*/
/**********************/
div.DIY_panel,div.DIY_panel10
{
	display:block;
}
/**********************/

div.DIY_LoadingPanel,div.DIY_panel0,div.DIY_panel1,div.DIY_panel2,div.DIY_panel3,div.DIY_panel4,div.DIY_panel5,div.DIY_panel6,div.DIY_panel7,div.DIY_panel8,div.DIY_panel9,div.DIY_panel11,div.DIY_panel12,div.DIY_panel13,div.DIY_panel14,.DIY_panel90
{
	display:none;
}
/**********************/
div.DIY_panel30,div.DIY_panel31,div.DIY_panel32,div.DIY_panel33,div.DIY_panel34,div.DIY_panel35,div.DIY_panel36
{
	display:none;
}
/**********************/
div.DIY_panel80,div.DIY_panel81,div.DIY_panel82,div.DIY_panel83,div.DIY_panel84
{
	display:none;
}
/**********************/
ul.horizontal{
    width: 100%;
margin: -1.5em 0 0 -.25em;
padding: 0;
}

ul.horizontal li{
    float: left;
color: #6c5768;
padding: 1em .35em;
font-weight: bold;
cursor:pointer;
}
ul.horizontal a{
    display: block;
color: #6c5768;
text-decoration: none;
font-weight: bold;
cursor: pointer;
}
ul.horizontal .activate a
{
	color: #483342;
	text-align: center;
	margin: 0px auto;
	font-family: "League-Gothic", Courier;
	text-shadow: 0px 2px 3px #666;
}
/*____________________________*/
#DIY_leftnav
{
float: left;
width: 30%;
margin: 0;
padding: 1em;
}

#DIY_rightnav
{
float: right;
width: 20%;
margin: 0;
padding: 1em;
}

#DIY_content
{
margin-left: 35%;
border-left: 1px solid gray;
margin-right: 5%;
border-right: 1px solid gray;
padding: 1em;
max-width: 36em;
width:50%
}
/*____________________________*/
#DIY_FAFleftnav
{
float: left;
width: 85%;
margin: 0;
padding: 1em;
}
#DIY_YourGroups p.edit, #DIY_YourPending p.edit, #DIY_FAFleftnav p.edit
{
	border-bottom:#000;
	border-bottom:solid;
	
}
#DIY_YourGroups hr, #DIY_YourPending hr,#DIY_FAFleftnav hr
{
	border-bottom:#000;
	border-bottom:dotted;
	
}
#DIY_YourGroups .DIY_FAFimg , #DIY_YourPending .DIY_FAFimg ,#DIY_FAFleftnav .DIY_FAFimg 
	{
		width:50px;
		height:50px;	
	}

/*____________________________*/
#DIY_Aleftnav
{
float: left;
width: 60%;
margin: 0;
padding: 1em;
}

#DIY_FAFcontent
{
margin-left: 60%;
border-left: 1px solid gray;
margin-right: 5%;
border-right: 1px solid gray;
max-width: 36em;
width:50%
}
#DIY_Aleftnav ul, #DIY_FAFleftnav ul{
	width: 100%;
	margin-top: 0.25em;
	display: block;
	font-size:.8em;
}

#DIY_Aleftnav ul li, #DIY_FAFleftnav ul li{
	letter-spacing: .06em;
}
#DIY_Aleftnav ul a, #DIY_FAFleftnav ul a{
	display: block;
	text-decoration: none;
	/*color: #7b7d7f;*/
	padding: .3125em 0 .3125em 4%;
}
#DIY_Aleftnav ul a:hover, #DIY_FAFleftnav ul a:hover{
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
	background-color: #FFFFFF;
	color:#000000;
}
#DIY_Aleftnav ul a.selected, #DIY_FAFleftnav ul a.selected {
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
	background-color: #FFFFFF;/*C6E6FF*/
	color:#000000;
}
/*************/
#DIY_Arightnav
{
float: right;
width: 20%;
margin: 0;
padding: 1em;
}

#DIY_Acontent
{
margin-left: 80%;
border-left: 1px solid gray;
padding: 1em;
max-width: 36em;
width:50%
}
#DIY_content .edit
{
	float: right;
}
	
/*____________________________*/
/* Position items absolutely within a specified container */
/*__________Sign in form __________*/   
a.signin.menu-open span {
   
    color:#00AEEF;
	 padding:8px 20px 6px 0
}
#signin_menu, #signupwrap {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color:#333333;/*dae9f0*/
    position:absolute;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    /*top: 22px; */
    margin-top:0;
    margin-right: 0px;
    *margin-right: -1px;
    color:#ffffff;
	font-size: 13px;
	font-weight: bold
}
#signin_menu2 {
    -moz-border-radius-topleft:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
	border-radius: 15px;
	padding: 10px;
	background-color: #fff;
	margin-bottom: 20px;
	overflow: hidden;

}
#signin_menu2  a {
	font-weight: normal;
	text-decoration: none;
	font-size:14px;
}

#signin_menu {
	width:210px;
	right: 19px;
	/*[right: 19px;
	right: 44px;]
	[width: 210px;
	width: 220px;]*/
	}
#signupwrap {
	width:210px;
	right: 0px;
	/*[right: 0px;
	right: 0px;]
	[width: 210px;
	width: 220px;]*/
	}
#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
	background-color: black;
	color: white;
    border:1px solid #ccc;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:70%;
	font-weight: bold;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#00AEEF;
	font-weight: normal;
	text-decoration: underline;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#00AEEF!important;
}
.forgot
	{
		font-size:10px;
	}
/*/////////*/

#signupwrap input[type=text], #signupwrap input[type=password] {
    display:block;
	background-color: black;
	color: white;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ccc;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
   /* width:203px;*/
	font-weight: bold;
}
#signupwrap p {
    margin:0;
}
#signupwrap a {
    color:#00AEEF;
	font-weight: normal;
	text-decoration: underline;
}
#signupwrap label {
    font-weight:normal;
}
#signupwrap p.remember {
    padding:10px 0;
}
#signupwrap p.forgot, #signupwrap p.complete {
    clear:both;
    margin:5px 0;
}
#signupwrap p a {
    color:#00AEEF!important;
}
/*/////////*/
#signin_submit {
   
background: #9c7e97;
background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);
background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);
background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);
background: -webkit-gradient(linear, left top, left bottom (#9c7e97 0%, #483342 100%));
background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
text-shadow: 0 -1px 0 rgba(72, 51, 66, 0.8);
color: #ffffff;
font-size: 1em;
box-shadow: 0px 0px 1px rgba(0,0,0,0.45);
margin-bottom: 0;
float: right;
padding: 4px 15px;
letter-spacing: .05em;
}
/******************/

/******************/
.error {          
    display: block;          
    color:#C00;
    font-weight: normal;          
	font-size: 0.75em;
	margin-top: 0em;
    }   
/******************/
.error14 {          
    display: block;          
    color:#C00;
    font-weight: normal;          
	font-size: 0.95em;
	margin-top: 0em;
	padding-left:10px;
    }   
/******************/
.ValidMsg {          
    display: block;          
    color:#0A700E;
    font-weight: normal;          
	font-size: 0.95em;
	margin-top: 0em;
	padding-left:10px;
    }   
 /*__________===============__________*/ 
 /*__________Ended Base Code__________*/ 
 /*__________===============__________*/ 
 /*__________===============__________*/  
#DIY_Header {
	padding: 0;
 	 width: 100%;
 	 height: 100%
}
#DIY_Header form {
  display:inline;
  margin-left:2.083333333%;
}

#DIY_Header ul {
  padding: 8px 0 0 10px;
  margin: 0px 0px;

}
#DIY_Header li {
  display: inline;
   margin: 0px 3px;
}
#DIY_Header nav {
		float: right;
		width: 30%;
}
#DIY_Header ul#topmenu {
	height: 34px;
	padding: 0;
	margin: 0;
	list-style: none;
	letter-spacing: 0.02em;	
}	
#DIY_Header ul#topmenu li{
	float: left;
	font-size: 12.8px;
	color: #733636;
	letter-spacing:.04em;
	font-weight: bold;
	padding: 0 .2em;
}
/***********/

/***********/
#DIY_Header h2 {
text-indent: 0;
position: absolute;
top: 1.5em;
left: 5em;
font-size:2em;
color:#FFF;
font-weight: normal;
}
 /*__________===============__________*/ 
 /*__________===============__________*/ 
#translate_box {
/*background-color: #E9EEF4;*/
width: 100%;
height: 32px;
margin-left: auto;
margin-right: auto;
padding-left: 8px;
}
/*//////////////////*/
#topnav {
    
	padding:10px 0px 12px;
    font-size:11px;
    line-height:23px;
    text-align:right;
}
#topnav a.signin {
    background:#333333;/*88bbd4*/
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("../includes/images/signin-nav-bg-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav  a.signup {
    background:#333333;/*88bbd4*/
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *padding:4px 12px 6px;
}
#topnav  a.DIY_Account,#topnav  a.DIY_Logout {
    background:#ffffff;/*88bbd4*/
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#333333;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
#topnav  a.DIY_Account:hover,#topnav  a.DIY_Logout:hover {
	
    background:#333;
	color:#FFF;
}
#topnav a.signin:hover, a.signup:hover {
    background:#59B;
    *padding:4px 12px 6px;
}
#topnav a.signin, #topnav a.signin:hover {
    *background-position:0 3px!important;
}
#topnav a.signup, #topnav a.signup:hover {
    *background-position:0 3px!important;
}
#topnav a.menu-open {
    background:#333333!important;/*dae9f0*/
    color:#00AEEF!important;
    outline:none;
	padding: .5em .3em;
}
/*//////////////////*/
.flexslider {width: 64.5833333%; float: left; margin: 0; padding: 0;}
 /*__________===============__________*/ 
 /*__________===============__________*/ 
.featured h1, .about h1{
	font-weight: bold;
	font-size: 1.05em;
	margin-bottom: .052083333%;
	color: #00AEEF;
}
p.credits{
	color: #969696;
	text-transform:uppercase;
	float: right;
	font-size: .7em;
	margin: 0 .5em .5em 0;
}	
p.credits a{
	color: #969696;
	text-decoration: none;	
}
p.credits a:hover{
	color: #d5d7d8;
}
/* ----	GLOBAL NAVIGATION and FILTER RESULTS ---*/
.breadcrumbs ul{
	font-size: .75em;	
	margin: .3em 0 .7em 0;
}
.breadcrumbs li{
	display: inline;
	color: #00AEEF;
}
.breadcrumbs a{
	color: #63a7d6;
	text-decoration: none;
}
.breadcrumbs a:hover{
	color: #00AEEF;
	text-decoration: underline;
	background-color: transparent;	
}

.breadcrumbs li.current{
	color: #00AEEF;
	background-color: transparent;
	border: none;	
}

/*____________________________*/
#DIY_PM
{
float: left;
height:35px;
      width: 50px;
      border: 1px solid white;
      -webkit-border-radius: 12px;
      -webkit-box-sizing: border-box;
      text-align: center;
      font-size: 18pt;
      color: black;
      background-color: rgba(255, 255, 255, 0.6);
      -webkit-transition: -webkit-transform 2s, opacity 2s;
      -webkit-backface-visibility: hidden;
}
#DIY_AM
{
margin-left: 35%;
width:50%;
	height:35px;
      width: 50px;
      border: 1px solid white;
      -webkit-border-radius: 12px;
      -webkit-box-sizing: border-box;
      text-align: center;
      font-size: 18pt;
      color: black;
      background-color: rgba(255, 255, 255, 0.6);
      -webkit-transition: -webkit-transform 2s, opacity 2s;
      -webkit-backface-visibility: hidden;
}
/*==================*/
/********************/

/********************/
.DIY_left_column_data {
clear: both;
width: 100%;
margin: 0em 1em;
float: left;
}
/*////////*/
.DIY_right_column_data {
margin: .2em 0 1em 3em;
float: left;
width: 58%;
}
/* column container */
/*==================*/<!--
#map_canvas {
-webkit-box-shadow: 0px 2px 3px #555;
	-moz-box-shadow: 0px 2px 3px #555;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;}

#map_canvas a{
	color: #6699FF;
}

#map_canvas a:hover{
	color: #666;
	text-decoration: underline;
}
/********************/
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 0.4em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	/* background:#eee;		right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	/*background:#fff;		 center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	/*background:#f4f4f4;	 left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:80%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/*******************/
#Year_Wrapper 
	{
		 /*float: left;*/
	width: 80px; 
	margin: 0 auto; 
	padding: 0px;
	font-size: 12px; 
	color: #555; 
	text-shadow: 0px .1px .1px #171717;
}
#Year_Wrapper ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#Year_Wrapper ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:left;/*
	background:#eee;*/
	color:#000;
	text-decoration:none;
	position:relative;
	left:5px;
	line-height:1.3em;
}
#Year_Wrapper ul li a:hover {
	
	color:#fff;
	text-decoration: none;
	background: #222; 
	-webkit-box-shadow: 0px 2px 3px #555;
	-moz-box-shadow: 0px 2px 3px #555;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


#Year_Wrapper ul li a.active,
#Year_Wrapper ul li a.selected,
#Year_Wrapper ul li a.active:hover  {
	color:#fff;
	font-weight:bold;
	padding-top:5px;
	text-decoration: none;background: #222; 
	-webkit-box-shadow: 0px 2px 3px #555;
	-moz-box-shadow: 0px 2px 3px #555;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#Year_Wrapper ul li a.active1
{
	color:#ADCE53;
	font-weight:bold;
	padding-top:5px;
	text-decoration: none;background: #222; 
	-webkit-box-shadow: 0px 2px 3px #555;
	-moz-box-shadow: 0px 2px 3px #555;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#Year_Wrapper h3 {
	width:100%;
	
	
}
#Year_Wrapper ul li a span {
	display:block;
	color:#ADCE53;
}

/********************/
/*********************/
#DIY_player {
height: 300px;
width: 472px;
display: block;
margin: 0px auto;
background-image: -moz-linear-gradient(top,white, black);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(black), color-stop(1,black));
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
border: 1px solid white;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
}
/********************/
-->
#DIY_Tele_div1, #DIY_Tele_div2, #DIY_Tele_div3, #DIY_Tele_div4
	{
		float:left; 
		width:22%; 
		height:auto; 
		margin:10px;
		padding:10px;
	}
#DIY_Tele_div1, #DIY_Tele_div4
	{width:29%; }
#DIY_Tele_div2, #DIY_Tele_div3
	{width:24%; display:none; }
/********************/

#DIY_edit	
	{
		width:12%;
		height:25px;
		 cursor:pointer; 
	}
/********************/
#DIY_YourFriends ,#DIY_YourPending, #DIY_YourRequests ,#DIY_YourSuggested,#DIY_SearchFriends,#DIY_YourGroups
	{
		margin-bottom:2em;
border: 1px solid white;
box-shadow: 0em 0em .9em .8em rgba(0, 0, 0, 0.25);
	}
#DIY_YourPending 
	{
		
	}
#DIY_YourRequests 
	{
		
	}
#DIY_YourSuggested
	{
	
	}

/******************************************************************************************/
/****************					Telescope Tool CSS					*******************/
/******************************************************************************************/
#Tele_TakeImage a
	{
		color:#fff;
		font-weight:normal;
	}
#Bri_responseArea
{width: 170px; height:60px;display:none; position:absolute; left:750px;}
#Bri_responseArea, #Tele_responseArea
{
	float:right;
	display:block;
	padding:5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid white;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}
#Tele_responseArea p,#Bri_responseArea p{
	color:#9c7e97;	
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

#Tele_responseArea span, #Bri_responseArea span{
	color: #483342;	
}
/************************************/
#Tele_Google_Earth
	{
		height:0%;
		background-color:#FFF;
	}
#DIY_Earth,#DIY_CECILIA,#DIY_Full,#DIY_MyLoc 
	{
		border: 1px dashed #ccc;
		height:65px;
		margin: 0 1em 1em 0;
		position: relative;
		width: 45%;
		float: right;
		-moz-border-radius: 25px 10px / 10px 25px;
		border-radius: 25px 10px / 10px 25px;
		background-color:#000; color:#FFF;
	}
#map3d 
	{
		background-color:#000;
		height: 500px; 
		width: 100%;
		padding-bottom:15px;
		padding-top:10px;
		border-top-left-radius: .8em;
		border-top-right-radius: .8em;
		border-bottom-right-radius: .8em;
		border-bottom-left-radius: .8em;
	}
#TeleAll_Hours.active ,#TeleAll_Mins.active
	{
		color:#0B1C97;
		background-color:#99ff00;
	}	
/************************************/
/*****************************************/
table.TeleDControl{
	width:100%;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 1.7em;
    text-align:center;
    border-collapse:collapse;
}
.TeleDControl thead th{
    padding:6px 10px;
    text-transform:uppercase;
    color:#444;
    font-weight:bold;
    text-shadow:1px 1px 1px #fff;
    border-bottom:5px solid #444;
}
.TeleDControl tbody td:nth-child(odd){
    background-color:#444;
    color:#444;
    border-bottom:1px solid #444;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(189,189,189)),
        color-stop(0.7, rgb(224,224,224))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(189,189,189) 39%,
        rgb(224,224,224) 70%
        );
    text-shadow:1px 1px 1px #fff;
	text-align:center;
}
.TeleDControl tbody td:nth-child(even){
    background-color:#555;
    color:#f0f0f0;
    border-bottom:1px solid #444;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(85,85,85)),
        color-stop(0.7, rgb(105,105,105))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(85,85,85) 39%,
        rgb(105,105,105) 70%
        );
    text-shadow:1px 1px 1px #000;
	text-align:center;
}
/*****************************************/
table.TeleCrums{
	width:100%;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 1.7em;
    text-align:center;
    border-collapse:collapse;
}
.TeleCrums thead th{
    padding:6px 10px;
    text-transform:uppercase;
    color:#444;
    font-weight:bold;
    text-shadow:1px 1px 1px #fff;
    border-bottom:5px solid #444;
}
.TeleCrums tbody td{
    background-color:#444;
    color:#444;
    border-bottom:1px solid #444;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(189,189,189)),
        color-stop(0.7, rgb(224,224,224))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(189,189,189) 39%,
        rgb(224,224,224) 70%
        );
    text-shadow:1px 1px 1px #fff;
	text-align:center;
	border-left: 1px solid #444;
}
.TeleCrums tbody td.active{
    background-color:#555;
    color:#f0f0f0;
    border-bottom:1px solid #444;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(85,85,85)),
        color-stop(0.7, rgb(105,105,105))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(85,85,85) 39%,
        rgb(105,105,105) 70%
        );
    text-shadow:1px 1px 1px #000;
	text-align:center;
}
/*//////////////////////////////////////////*/
#DIY_TeleN1
{
}
/*****************************************/
/*****************************************/
/******************************************************************************************/
/****************					Gwt Images Tool CSS					*******************/
/******************************************************************************************/
table#DIY_GIL_table{
 position:relative;
	margin: 0 0 .5em .2em;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	color:#6C6;
	background-color:#f4f9fe;
	border: 1px solid #e5eff8;
	font-size: .85em;
}
#DIY_GIL_table th{
	border-right:1px solid #000;
	vertical-align:middle;
	color:#fff;
	font-size:0.9em;
	letter-spacing:0.1em;
	background-color:#333;
	border: 1px solid #e5eff8;
}
#DIY_GIL_table tr{
	/*border-bottom: 1px solid #3b4c69;*/
}
#DIY_GIL_table td,.divIL{
	color:#424242;/*#678197*/
	border: 1px solid #e5eff8;
	background:#f4f9fe url(../../DIY_Common_Inc/DIY_images/table_bg.gif) no-repeat;
	padding:.3em 1em;
	text-align:center;
	font-size:0.97em;
}
#DIY_GIL_table td a{
	color:#000;
}

	
#DIY_Tele_div1 ul 
	{
		font-size: 0.7em;
	}
/******************************************************************************************/
/****************					Brigthness Tool CSS					*******************/
/******************************************************************************************/

#DIY_panelB1,#DIY_panelB2,#DIY_panelB3
{
}
#DIY_panelB2,#DIY_panelB3
{
	display:none;
}
/***************************/
#BRI_byte_content {
	margin: 5px 0;
	overflow-y: auto;
	overflow-x: hidden;
	}
#Brightness_tool {
	width: 100%;
	height:580px;
	padding-left: 0px;
	padding-right:0px;
	padding-top:0px;
	margin-top: 10px;
	left:10%;
	z-index:103;
	}
#Brightness_Img {
	}
.Brightness_Files_div 
	{
	float:left;
	width:54%;
	margin-left:7px;
	}
#Brightness_Img, .Brightness_Files_div {
	cursor: none;
}
#Brightness_Img:target 
{
display:block;
}
#BRI_next-tab, #BRI_prev-tab
	{
	}
#Brightness_Space 
	{ 
	float:left;
	}

/*//////////////*/
#Brightness_thum
{
	float:right;
	padding-left:10px;
	height:300px;
}
#Brightness_details
{
	font-size:11px;
	font-weight:bold;
}
.Brightness_Files_div
{
	width:100%;
}
.Brightness_Files_div a 
{
	color:#312C38;
}	
#Brightness_Control
{
	z-index: 10000;
	top: 0px;
	left: 0px;
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	width:100%;
	color: #312C38;
	text-align: center;
	vertical-align: middle;
}
<!--
#Brightness_preview
	{
	}
#Brightness_preOuter_container
	{
	width:120px;
	height:145px;
	position:relative;
	margin:auto;
	padding:0px;
	float:left;
	}
#Brightness_preImagePan
	{
	height:100%; 
	width:100%;
	position:relative; 
	overflow:hidden; 
	cursor:crosshair; 
	}
#Brightness_preImagePan .Brightness_preContainer
	{
	position:relative; 
	left:0;
	}
-->
#Brightness_reading 
{ 
	color: #48546E;
	opacity: 0.8;
	display:none;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 285px;
	top: 1120px;
	width: 450px;
	height: 50px;
	-webkit-box-shadow: 0 5px 80px #505050;
	-moz-box-shadow: 0 5px 80px #505050;
	box-shadow: 0 5px 80px #505050;
	border-radius: 4px;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: 100;
	padding-left: 15px;
	padding-right: 15px;
	text-shadow: -1px -1px rgba(0, 0, 0, 0.1);
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	padding: 6px 12px;
	font-weight: bold;
	text-decoration: none;
}
/***********/
#BRI_zoom {
overflow: hidden;
background: transparent;
border: #CC0A0A 1px solid;
top: 0;
left: 0;
width: 100px;
height: 100px;
overflow: hidden;
z-index: 100;
display: none;
-moz-box-shadow: inset 0px 0px 4px #000;
-webkit-box-shadow: inset 0px 0px 4px black;
box-shadow: inset 0px 0px 4px black;
}
.BRI_coords {
display: block;
position: absolute;
top: 0;
right: 0;
background: black;
color: white;
}
/***********/

select:active {
	background: -webkit-linear-gradient(#08F84B, #5188A8);
}
/******************/
.circleBase {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;/*
    behavior: url(PIE.htc);*/
}

.BRI_ZoomCircle {
	position:absolute;
	top:40px;
	left:40px;
    width: 48px;
    height: 48px;
    background:transparent;
    border: 3px solid #eafc50;
}
/******************/
/******************/

/* everything is constructed with a single background image */

/* root element for tabs */
#Brightnesstabs {
	/* dimensions */
    width:100%;
	height:36px !important;
	margin:0 !important;
	padding:0;
	/* IE6 specific branch (prefixed with "_") */
    _margin-bottom:-2px;
	
}
/* single tab */
#Brightnesstabs li {
	float:left;
	margin:0;
	padding:0;
	text-indent:0;
	list-style-type:none;
}
/* a- tag inside single tab */
#Brightnesstabs li a {

	display:block;
	height: 36px;
	padding:0px;
	margin:0px;
	/* font decoration */
    color:#7b5a70;
	font-size:20px;
	font-weight:bolder;
	line-height:33px;
	text-align:center;
	text-decoration:none;
	border-right-style: solid;
	border-right-color: #000000;
	width:210px;
	border-right-width: 1px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
/* adjust the background image position on each tab */
#Brightnesstabs #t1 {
	background-position: 0 0;
}
#Brightnesstabs #t2 {
	background-position: -220px 0;
}
#Brightnesstabs #t3 {
	background-position: -440px 0;
}
/* mouseover state */
#Brightnesstabs a:hover {
/*	color:#333;*/
}
#Brightnesstabs #t1:hover {
	background-position:      0 -33px;
}
#Brightnesstabs #t2:hover {
	background-position: -220px -33px;
}
#Brightnesstabs #t3:hover {
	background-position: -440px -33px;
}
/* currently selected tabs */
#Brightnesstabs a.current {
	cursor:default;
	color:#000000;
	line-height:34px;
	border-bottom: 1px solid #444;
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0.39, rgb(189,189,189)), color-stop(0.7, rgb(224,224,224)) );
	background: -moz-linear-gradient( center bottom, rgb(189,189,189) 39%, rgb(224,224,224) 70% );
}
#Brightnesstabs #t1.current {
	background-position:      0 -66px;
}
#Brightnesstabs #t2.current {
	background-position: -220px -66px;
}
#Brightnesstabs #t3.current {
	background-position: -440px -66px;
}
/* panes */
#Brightnesspanes 
{
	width:100%;
	height:450px;
	display:block;
}
/* single pane */
#Brightnesspanes div {
	color:#000;
	margin:0px 0px;
	text-align:left;
}
/*****************/

#Brightnesstabs li {
	list-style-image:none !important;
	list-style-type:none !important;
	margin:0 !important;
}
#Brightnesstabs li:nth-child(odd)
{
	background-color:#584252;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#Brightnesstabs li:nth-child(even)
{
   background-color: transparent;
}
/******************/
table.Brightness_results
{
	width:130px;
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 1.7em;
    text-align:center;
    border-collapse:collapse;
	float: left; 
	margin-left:13px;
	color:#584252;
	font-weight:bolder;
}
.Brightness_results input {
  display: block;
  border: none;
  border-radius: 20px;
  padding: 5px 8px;
  color: #333;
  box-shadow: 
    inset 0 2px 0 rgba(0,0,0,.2), 
    0 0 4px rgba(0,0,0,0.1);
}

.Brightness_results input:focus { 
  outline: none;
  box-shadow: 
    inset 0 2px 0 rgba(0,0,0,.2), 
    0 0 4px rgba(0,0,0,0.1),
    0 0 5px 1px #51CBEE;
}
.Load_BRI_overlayC {
background: #000000;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1000;
opacity: 0.75;
display: none;
}
.Load_BRI_box {
	background-color: #ffffff;
	color: #293C4A;
	padding: 20px;
	position: relative;
	left: 100%;
	border: 5px solid #888888;
	border-radius: 10px;
	-moz-border-radius: 10px;
	z-index:2000;
}

#Load_BRI_boxpopup {
	width: 400px;
	display: none;
	position: fixed;
	top: 30%;
	left: 40%;
	z-index: 2002;
	
}
/******************************************************************************************/
/*********************			Brightness Graph 		 	  *****************************/
/******************************************************************************************/
.DIY_Bri_Graph_contanier
	{
		position: relative;
		background: #dbd6da; 
		border: solid 1px; 
	 	width: 760px;
		height: 580px;
		margin:0 12px 0 12px;
		}
#DIY_Bri_Graph_contanier
	{
		display:none; 
	}
/******************************************************************************************/
.DIY_Bri_ALT_Graph_contanier,.DIY_Bri_COMP_Graph_contanier
	{
		position: relative;
		background: #dbd6da; 
		border: solid 1px; 
	 	width: 760px;
		height: 620px;
		}
#DIY_Bri_ALT_Graph_contanier,#DIY_Bri_COMP_Graph_contanier
	{
		display:none; 
	}
#DIY_SG_contanier
	{	
		position: relative;
		background: #dbd6da;
		width: 470px;
		height: 400px; 
	}
#DIY_Published_Graph_contanier
	{	
		position: relative;
		background: #dbd6da;
		width: 570px;
		height: 500px; 
		left:60px;
		top:20px;
	}
#DIY_Bri_Graph,#DIY_Share_Graph,#DIY_Published_Graph,#DIY_Bri_ALT_Graph,#DIY_Bri_COMP_Graph
	{
		position: absolute; 
		left: 80px; 
		top: 20px; 
		width: 660px; 
		height: 500px; 
		background: #dbd6da; 
		border-left: solid 1px; 
		border-bottom: solid 1px;
	}
#DIY_Published_Graph
{
	left: 60px; 
	width:500px;
	height:400px;
}	

#DIY_Share_Graph
{
	left: 60px; 
	width:400px;
	height:320px;
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.5, 0.5); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.5, 1.5); opacity: 0.0;}
}	
.DIY_ActivePoint_G
{
		background:#090;
		/* IE10 Consumer Preview */ 
		background: -ms-linear-gradient(top, #090 20%, #172845 100%);
		/* Mozilla Firefox */ 
		background: -moz-linear-gradient(top, #090 20%, #172845 100%);
		/* Opera */ 
		background: -o-linear-gradient(top, #090 20%, #172845 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background: -webkit-gradient(linear, left top, left bottom  (#090 20%, #172845 100%));
			/* Webkit (Chrome 11+) */ 
		background: -webkit-linear-gradient(top, #090 50%, #172845 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background: linear-gradient(to bottom, #090 20%, #172845 100%);
		color:white;
		-webkit-animation: pulsate 1s ease-out;
		-webkit-animation-iteration-count: infinite; 
		-moz-animation: pulsate 1s ease-out;
		-moz-animation-iteration-count: infinite; 
}	
.DIY_GOPoint,.DIY_GOPPoint,.DIY_Point_G
{
	
		background:#0C18F2;/*#6D70A9*//*766C27*/
		/* IE10 Consumer Preview */ 
		background: -ms-linear-gradient(top, #0C18F2 20%, #19066E 100%);
		/* Mozilla Firefox */ 
		background: -moz-linear-gradient(top, #0C18F2 20%, #19066E 100%);
		/* Opera */ 
		background: -o-linear-gradient(top, #0C18F2 20%, #19066E 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background: -webkit-gradient(linear, left top, left bottom  (#0C18F2 20%, #19066E 100%));
			/* Webkit (Chrome 11+) */ 
		background: -webkit-linear-gradient(top, #0C18F2 50%, #19066E 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background: linear-gradient(to bottom, #0C18F2 20%, #19066E 100%);
		color:white;
	
}
.DIY_ATL_Point
{
		background:#000;/*#6D70A9*//*766C27*/
		/* IE10 Consumer Preview */ 
		background: -ms-linear-gradient(top, #000 20%, #BD4B7B 100%);
		/* Mozilla Firefox */ 
		background: -moz-linear-gradient(top, #000 20%, #BD4B7B 100%);
		/* Opera */ 
		background: -o-linear-gradient(top, #000 20%, #BD4B7B 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background: -webkit-gradient(linear, left top, left bottom  (#000 20%, #BD4B7B 100%));
			/* Webkit (Chrome 11+) */ 
		background: -webkit-linear-gradient(top, #000 50%, #BD4B7B 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background: linear-gradient(to bottom, #000 20%, #BD4B7B 100%);
		color:white;
	
}
.DIY_Point,.DIY_ActivePoint,.DIY_ReferPoint,.DIY_ReferPPoint,.DIY_PPoint,.DIY_POPoint
{
	background-color: #483342;
}
.DIY_Point,.DIY_ActivePoint,.DIY_ReferPoint,.DIY_ReferPPoint,.DIY_PPoint,.DIY_POPoint,.DIY_GOPoint,.DIY_GOPPoint,.DIY_Point_G,.DIY_ActivePoint_G,.DIY_ATL_Point,.DIY_COMP_Point,.DIY_COMPc1_Point,.DIY_COMPc2_Point,.DIY_COMPs1_Point,.DIY_COMPs2_Point
{
	position: absolute;
	width: 8px;
	height: 8px;
	opacity: 0.6;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	z-index:11;
	color:#FFF;
	font-weight:bolder;
}

.DIY_COMP_Point{ background:rgba(234, 252, 80,1); z-index:1009;}
.DIY_COMPc1_Point{ background:rgba(53, 255, 0,1);z-index:1008;}
.DIY_COMPc2_Point{ background:#F00;z-index:1007;}
.DIY_COMPs1_Point{ background:#996;z-index:1006;}
.DIY_COMPs2_Point{ background:rgba(0, 255, 255,1);z-index:1005;}
.DIY_ReferPPoint
{
	width: 10px;
	height: 10px;
}
.DIY_POPoint
	{
		display:none;
		background-color:#6CF;/*#003333;*/
		z-index:80;
		opacity: 0.7;
	}
.DIY_PPoint,.DIY_POPoint
{
		width: 10px;
		height: 10px;
		z-index:101;
}
.DIY_ActivePoint
	{
		background-color:#00bbbb;
	}
.DIY_ReferPoint,.DIY_ReferPPoint
	{
		background-color: rgb(230, 25, 25);
		opacity: 0.5;
		z-index: 98;
	}
.DIY_GOPoint,.DIY_GOPPoint
	{
		
		opacity: 0.5;
		z-index: 98;
		background: #DF3367;
		/* IE10 Consumer Preview */ 
		background: -ms-linear-gradient(top, #DF3367 20%, #DB1238 100%);
		/* Mozilla Firefox */ 
		background: -moz-linear-gradient(top, #DF3367 20%, #DB1238 100%);
		/* Opera */ 
		background: -o-linear-gradient(top, #DF3367 20%, #DB1238 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background: -webkit-gradient(linear, left top, left bottom  (#DF3367 20%, #DB1238 100%));
			/* Webkit (Chrome 11+) */ 
		background: -webkit-linear-gradient(top, #DF3367 50%, #DB1238 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background: linear-gradient(to bottom, #DF3367 20%, #DB1238 100% );
	}
/*///////////////////*/
.Predicted, .Predicted .PredictedInnerR, .Predicted .PredictedInnerL {
    display:inline-block;
}

.Predicted {
    white-space:nowrap;
    margin-left: -1em;
    padding-left: 1em;
}

.Predicted .PredictedInnerR ,.Predicted .PPredictedInnerR {
    background:#FF3;
	width: 0%;
	overflow: hidden;
	-webkit-transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;
	z-index: 90;
	position: absolute;
	opacity: 0.2;
	height: 320px;
	top: 20px;
	left: 261px;
}

#PredictedInnerL {
	float: right;
	z-index: 90;
	background:#FF3;
	height: 320px;
	opacity: 0.3;
	-webkit-transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out;
	-ms-transition: width 0.5s ease-in-out;

}
.Predicted .PPredictedInnerR 
{
	left: 310px;
	height: 400px;
}
#PPredictedInnerL 
{
	float: right;
	z-index: 90;
	background:#FF3;
	height: 400px;
	opacity: 0.3;
	-webkit-transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out;
	-ms-transition: width 0.5s ease-in-out;

}
/******************************/
#COMP_Legend,#BRI_Legend,#BRI_G_Legend
	{
	width: 300px;
	height: 55px;
	font-size:10px;
	}
#BRI_Legend,#BRI_G_Legend
	{
		display:none;	
	}
.Graph_Legend
	{
		left:688px; 
		height:20px; 
		width:70px; 
		text-indent: 5px;
		font-size: 8.5px;
	}
/******************************************************************************************/
#Bri_G_Hor,#Share_G_Hor,#Published_G_Hor
	{
		position: absolute;
		height: 1px;
		width: 660px;
		border-bottom: 2px solid;
		opacity:0.6;
		border-color:#aea4ac;
		left:80px;
	}
#Share_G_Hor{width: 400px;
		left:60px;}
#Published_G_Hor{width: 500px;
		left:60px;}
#Bri_G_HorT,#Bri_G_HorT1
	{
		position: absolute;
		width: 18px;
		left: 35px;
		font-size: 1em;
		font-weight: bolder;
	}
#Published_G_HorT,#Published_G_HorT1
	{
		position: absolute;
		width: 18px;
		left: 20px;
		font-size: 1.2em;
		font-weight: bolder;
	}
#Share_G_HorT,#Share_G_HorT1
	{
		position: absolute;
		width: 18px;
		left: 30px;
		font-size: 0.8em;
		font-weight: bolder;
		
    z-index: 10000;
	}
#Published_G_HorT1{top: 410px;}	
#Bri_G_HorTT,#Share_G_HorTT,#Published_G_HorTT,#Bri_ALT_G_HorTT,#Bri_COMP_G_HorTT
	{
		position: absolute;
		width: 18px;
		height: 128px;
		left: 55px;
		font-size: 0.8em;
	}
#Published_G_HorTT{left: -50px;width: 200px; font-size:1.4em; font-weight:bolder;}
#Bri_G_Ver,#Share_G_Ver,#Published_G_Ver
	{
		position: absolute;
		height:500px; 
		width: 1px; 
		border-left: 2px solid;
		opacity:0.6;
		border-color:#aea4ac;
		top: 20px;
	}
#Share_G_Ver{height:320px;}
#Published_G_Ver{height:400px;}
#Bri_G_VerT,#Bri_G_VerT1,#Bri_ALT_G_VerT1,#Bri_COMP_G_VerT1
	{
		position: absolute; 
		left: 0px; 
		top:520px; 
		font-size: 1em;
		font-weight: bolder;
	}
#Share_G_VerT,#Share_G_VerT1
	{
		position: absolute; 
		left: 0px; 
		top:340px; 
		font-size: 0.9em;
		font-weight: bolder;
	}
#Published_G_VerT,#Published_G_VerT1
	{
		position: absolute; 
		left: 0px; 
		top:420px; 
		font-size: 1.2em;
		font-weight: bolder;
	}
#Bri_G_VerTT,#Share_G_VerTT,#Published_G_VerTT,#Bri_ALT_G_VerTT,#Bri_COMP_G_VerTT
	{
		position: absolute; 
		left: 0px; 
		top:520px; 
		width: 540px;
		font-size: 0.8em;
	}
#Share_G_VerTT{
		top:380px; }
#Published_G_VerTT{
		top:450px; 
		left:60px;
		font-size:1.4em;
		font-weight:bolder;
		}		
.Horiz_text
	{
		/* Safari */
		-webkit-transform: rotate(-90deg);
		
		/* Firefox */
		-moz-transform: rotate(-90deg);
		
		/* IE */
		-ms-transform: rotate(-90deg);
		
		/* Opera */
		-o-transform: rotate(-90deg);
		
		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	
		top: 35%;

	}
.Data_Analyzed
	{
		color:#393;
		 background-color:#CFC;
	}
/******************************************************************************************/


html>body div.tableContainer {
	overflow: hidden;
	width: 756px
}
thead.fixedHeader tr {
	position: relative
}

html>body thead.fixedHeader tr {
	display: block;
	
}
html>body tbody.scrollContent {
	display: block;
	height: 570px;
	overflow: auto;
}
/******************************************************************************************/

.VideosBox-wrap,
.VideosBox-skin,
.VideosBox-outer,
.VideosBox-inner,
.VideosBox-image,
.VideosBox-wrap iframe,
.VideosBox-wrap object,
.VideosBox-nav,
.VideosBox-nav span,
.VideosBox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.VideosBox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

.VideosBox-skin {
	position: relative;
	background: #f9f9f9;
	background: #0d2038;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#193d5e), to(#0d2038));
		background-image: -webkit-linear-gradient(top, #193d5e, #0d2038);
		background-image: -moz-linear-gradient(top, #193d5e, #0d2038);
		background-image: -ms-linear-gradient(top, #193d5e, #0d2038);
		background-image: -o-linear-gradient(top, #193d5e, #0d2038);
		background-image: linear-gradient(top, #193d5e, #0d2038);
		background-repeat: no-repeat;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.VideosBox-opened {
	z-index: 30;
}

.VideosBox-opened .VideosBox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.VideosBox-outer, .VideosBox-inner {
	position: relative;
}

.VideosBox-inner {
	overflow: hidden;
}

.VideosBox-type-iframe .VideosBox-inner {
	/*-webkit-overflow-scrolling: touch;*/
}

.VideosBox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.VideosBox-image, .VideosBox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.VideosBox-image {
	max-width: 100%;
	max-height: 100%;
}

#VideosBox-loading, .VideosBox-close, .VideosBox-prev span, .VideosBox-next span {
	background-image: url('../../DIY_Common_Inc/DIY_images/SF/PlanetsBox_sprite.png');
}

#VideosBox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 60;
}

#VideosBox-loading div {
	width: 44px;
	height: 44px;
	background: url('../../DIY_Common_Inc/DIY_images/SF/PlanetsBox_loading.gif') center center no-repeat;
}

.VideosBox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 40;
}

.VideosBox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../../DIY_Common_Inc/DIY_images/SF/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 40;
}

.VideosBox-prev {
	left: 0;
}

.VideosBox-next {
	right: 0;
}

.VideosBox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 40;
	visibility: hidden;
}

.VideosBox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.VideosBox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.VideosBox-nav:hover span {
	visibility: visible;
}

.VideosBox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.VideosBox-lock {
	overflow: hidden;
}

.VideosBox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 1010;
	background: url('../../DIY_Common_Inc/DIY_images/SF/PlanetsBox_overlay.png');
}

.VideosBox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.VideosBox-lock .VideosBox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.VideosBox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 50;
}

.VideosBox-opened .VideosBox-title {
	visibility: visible;
}

.VideosBox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 50;
	text-align: center;
}

.VideosBox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.VideosBox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.VideosBox-title-inside-wrap {
	padding-top: 10px;
}

.VideosBox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}.Videos_overlay_popup{
	width: 620px;
	
}
#TT_overlay_popup,#MT_overlay_popup
{display:none;}
.Videos_overlay_popup .top_half{
	background: #fff;
	overflow: hidden;
	padding: 10px 15px;	
}

.Videos_overlay_popup .top_half h1{
	float: left;
	font-size: 1.8em;
	font-weight: bold;
	margin-top: .25em;	
}
.Videos_overlay_popup img{
	float: right;
	width: 	68px;
}

.Videos_bottom_half{
	background: url(../../DIY_Common_Inc/DIY_images/SF/table_bg.png) repeat;
/*	background: #9f8f9d;
*//*	background: linear-gradient(-45deg, #193d5e 25%, #9f8f9d 25%, #9f8f9d 50%, #193d5e 50%, #193d5e 75%, #9f8f9d 75%, #9f8f9d);
background-size:4px 4px;*/
overflow: hidden;
	padding: 10px 15px;	
	margin-top: 1em;	
}

.Videos_bottom_half table{
	color: #fff;	
}

.Videos_bottom_half td{
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	font-weight: bold;
	padding: 10px;	
	font-size: 1.2em;
	text-align: left;
}

.Videos_bottom_half td.terms{
	text-align: right;	
	border-left: none;
}

/******************************************************************************************/
/** Countdown */
/******************************************************************************************/
#CountD_main {
	background: url(../../DIY_Common_Inc/DIY_images/CountD_main6.png) no-repeat center;
	width: 594px;
	height: 149px;
	overflow:hidden;
	margin: 0px auto;
}
#countdown {
	width:570px;
	height:120px;
	margin:120px 0 0 80px;
}
.CD_dash_title {
	font-size: 22px;
	background: url(../../DIY_Common_Inc/DIY_images/CD_paint.png) repeat, white;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 40s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
	-moz-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-animation-name: masked-animation;
	-moz-animation-duration: 40s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
}


@-webkit-keyframes masked-animation {
	0% {background-position: left bottom;}
	100% {background-position: right bottom;}
}
@-moz-keyframes masked-animation {
	0% {background-position: left bottom;}
	100% {background-position: right bottom;}
}

/******************************************************************************************/
#SevenDays_Box{
	position: relative;
	display: block;
	width: 100%;
	height: 142px;
	cursor: pointer;
	overflow:hidden;
	padding: 20px 0px;
	}
.SevenDays_BoxH	{
	position: relative;
	width: 94%;
	height: 142px;
	margin-left: 25px;
	overflow: hidden;
	}
#SevenDays{
	position:absolute;
	-webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
    -ms-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}
ul#SevenDays li{
	/*width: 129px;
    height: 142px;
	  background: url(../../DIY_Common_Inc/DIY_images/SF/weekly_target.png);
	text-align: center;
	margin: 0px 0px 0px 26px;*/
	float: left;
	
}
ul#SevenDays div{
	  width: 145px;
    height: 142px;
	background: url(../../DIY_Common_Inc/DIY_images/SF/weekly_target.png);
	text-align: center;
	margin: 0px 15px 0px 15px;
	/*float: left;*/
	padding-top:2px;
	
}

ul#SevenDays div:hover{
	 background-position: 100% 0;
	opacity: 1;	
}
/*
Carousel
========================*/
ul#SevenDays li{
	font-weight: bold;
	padding: 0px 5px;
	font-size: 1.1em;
	line-height: 1;
	cursor: pointer;
}

ul#SevenDays div.current{
	color: #fff;
}

/*ul#mycarousel li:hover{
	color: #fff;	
}
*/
ul#SevenDays div span{
	display: block;
	padding: 30px 10px;	
}

ul#SevenDays img{
	margin: 7px 0 5px 0;
	opacity: .4;
	border: 2px solid #fff;
	height:65px;
	width:65px;
}

ul#SevenDays div.current img, ul#SevenDays div:hover img {
	opacity: 1;
}
.SD_prev{
position: absolute;
    top: 60px;
    left: 0px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: transparent url(../../DIY_Common_Inc/DIY_images/SF/bg_direction_nav_edit.png) no-repeat 0 0;
	opacity: .75;}
.SD_next {
    position: absolute;
    top: 60px;
    right: 0px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: transparent url(../../DIY_Common_Inc/DIY_images/SF/bg_direction_nav_edit.png) no-repeat 100% 0;
	opacity: .7;
}
/*Special Events
========================*/
/*=========My Planet Search===============*/

h4.user_header {
	margin-bottom: 0;
}

h2.activity_header {
	font-size: 1.5em;
	margin-top: 1em;
}
h2.activity_header:hover {
	text-decoration:none;
}
.tabs_content_container3 {
	position: relative;
	background: #dbd8de;
	padding: 1em 0;
	margin: 0;
	border: 1px solid #483342;
	margin-top: -1px;
	overflow: hidden;
	width: 785px;
	margin-bottom: 1em;
}
/* Accordion style */
.legend {
	position: absolute;
	width: 300px;
	height: 55px;
	background-color: #fff;
	top: 1px;
	right: 39px;
	border: 1px solid #bda7b7;
	padding: .35em 1em;
}
.legend td {
	font-weight: bold;
	font-size: .9em;
	padding: 0em 1em 0 0;
}
.legend img {
	vertical-align: middle;
}
.legend span {
	color: #1d436a;
}
.DIY_IC_List0 {
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 0 1em;
}
.DIY_IC_sub {
	list-style: none;
}
.DIY_IC_List0 .DIY_IC_trigger {
	cursor: pointer;
}
.DIY_IC_List0 h3 {
	margin: 0 0 0.25em 0;
	padding: .5em 0 0.5em;
	border-bottom: 1px solid #ddd;
	font-size: 1.5em;
	font-weight: 500;
	text-shadow: none;
}
.DIY_IC_List0 h4 {
	font-size: 1.3em;
	padding: 0.35em 0 .35em 1em;
	margin: .25em 1.5em 0 0;
	color: #ffffff;
	background: #9c7e97;
	/* IE10 Consumer Preview */ 
	background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Opera */ 
	background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-gradient(linear, left top, left bottom (#9c7e97 0%, #483342 100%));
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
	text-shadow: 1px 2px 2px #483342;
}
#DIY_DC_Main, #DIY_IC_Main, #IC_PeBody, #IC_PaBody, #IC_CuBody {
}
#IC_DsBody { display:block;}
.DIY_IC_content, #DIY_DC_Main, #DIY_IC_Main {
	display: none;
}
.DIY_IC_content.white_list {
	background-color: #fff;
	margin-right: 1.95em;
	border: 1px solid #483342;
	display: none;
}
.DIY_IC_content h4.data_stars_header {
	font-size: 1.3em;
	padding: 0.35em 0 .35em .75em;
	margin: 0 1.25em 0 1.75em;
	color: #ffffff;
	background: #9c7e97;
	/* IE10 Consumer Preview */ 
	background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Opera */ 
	background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-gradient(linear, left top, left bottom (#9c7e97 0%, #483342 100%));
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
	text-shadow: 1px 2px 2px #483342;
}
.DIY_IC_content ul.data_stars {
	background-color: #fff;
	margin: 0 1.75em 0 2.5em;
	border: 1px solid #483342;
	padding: 1em;
}
.DIY_IC_content ul.data_stars a {
	color: #483342;
	font-size: 1.1em;
}
.DIY_IC_content ul.data_stars a:hover {
	text-decoration: underline;
}
.DIY_IC_content table {
	margin-left: 3em;
	border: 1px solid #bda7b7;
}
.DIY_IC_content th {
	color: #ffffff;
	background: #9c7e97;
	/* IE10 Consumer Preview */ 
	background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Opera */ 
	background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-gradient(linear, left top, left bottom (#9c7e97 0%, #483342 100%));
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
	text-shadow: 1px 2px 2px #483342;
	padding: .35em 1.55em;
	border-right: 1px solid #fff;
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
}
.DIY_IC_content th:last-child {
	border-right: 1px solid #bda7b7;
}
.DIY_IC_content td {
	text-align: center;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f3edf1 50%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3edf1), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3edf1 50%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f3edf1 50%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f3edf1 50%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #f3edf1 50%, #ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
	border: 1px solid #bda7b7;
	font-size: 1.15em;
	font-weight: bold;
	padding: .35em 1.5em;
	vertical-align: middle;
}
.DIY_IC_content td img {
	vertical-align: middle;
}
.DIY_IC_List0 h5 {
	font-size: 1.2em;
	padding: 0.5em 0 0.5em 0;
	margin: .5em 0 .5em 1em;
	font-weight: bold;
}
.DIY_IC_List0 .DIY_IC_content p {
	color: #888;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.5;
	padding: 0.2em 0 1.5em;
	margin: 0;
}
/* Arrow icons */
.DIY_IC_List0 > li > .DIY_IC_trigger:before, .DIY_IC_sub > li > .DIY_IC_trigger:before {
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: #ababab;
	margin-right: 0.5em;
}
/* Example for media query */
@media screen and (max-width: 32em) {
.DIY_IC_List0 {
	font-size: 70%;
}
}
.DIY_DSc
{
}

.DIY_DSc i
{
	color:#1AA706;
}

/*
Group Setup========================*/
@charset "UTF-8";
/* CSS Document */


.DIY_GIL_List0 {
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 0 1em;
}
.DIY_GIL_sub {
	list-style: none;
}
.DIY_GIL_List0 .DIY_GIL_trigger {
	cursor: pointer;
}
.DIY_GIL_List0 h3 {
	margin: 0 0 0.25em 0;
	padding: .5em 0 0.5em;
	border-bottom: 1px solid #ddd;
	font-size: 1.5em;
	font-weight: 500;
	text-shadow: none;
}
.DIY_GIL_List0 h4 {
	font-size: 1.3em;
	padding: 0.35em 0 .35em 1em;
	margin: .25em 1.5em 0 0;
	color: #ffffff;
	background: #9c7e97;
	/* IE10 Consumer Preview */ 
	background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Opera */ 
	background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-gradient(linear, left top, left bottom (#9c7e97 0%, #483342 100%));
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
	text-shadow: 1px 2px 2px #483342;
}
#DIY_DC_Main, #DIY_GIL_Main, #GIL_PeBody, #GIL_PaBody, #GIL_CuBody {
}
#GIL_DsBody { display:block;}
.DIY_GIL_content, #DIY_DC_Main, #DIY_GIL_Main {
	display: none;
}
.DIY_GIL_content.white_list {
	background-color: #fff;
	margin-right: 1.95em;
	border: 1px solid #483342;
	display: none;
}
.DIY_GIL_content h4.data_stars_header {
	font-size: 1.3em;
	padding: 0.35em 0 .35em .75em;
	margin: 0 1.25em 0 1.75em;
	color: #ffffff;
	background: #9c7e97;
	/* IE10 Consumer Preview */ 
	background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Opera */ 
	background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-gradient(linear, left top, left bottom (#9c7e97 0%, #483342 100%));
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
	text-shadow: 1px 2px 2px #483342;
}
.DIY_GIL_content ul.data_stars {
	background-color: #fff;
	margin: 0 1.75em 0 2.5em;
	border: 1px solid #483342;
	padding: 1em;
}
.DIY_GIL_content ul.data_stars a {
	color: #483342;
	font-size: 1.1em;
}
.DIY_GIL_content ul.data_stars a:hover {
	text-decoration: underline;
}
.DIY_GIL_content table {
	margin-left: 3em;
	border: 1px solid #bda7b7;
}
.DIY_GIL_content th {
	color: #ffffff;
	background: #9c7e97;
	/* IE10 Consumer Preview */ 
	background: -ms-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Opera */ 
	background: -o-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-gradient(linear, left top, left bottom (#9c7e97 0%, #483342 100%));
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #9c7e97 0%, #483342 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background: linear-gradient(to bottom, #9c7e97 0%, #483342 100%);
	text-shadow: 1px 2px 2px #483342;
	padding: .35em 1.55em;
	border-right: 1px solid #fff;
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
}
.DIY_GIL_content th:last-child {
	border-right: 1px solid #bda7b7;
}
.DIY_GIL_content td {
	text-align: center;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f3edf1 50%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3edf1), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3edf1 50%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f3edf1 50%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f3edf1 50%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #f3edf1 50%, #ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
	border: 1px solid #bda7b7;
	font-size: 1.15em;
	font-weight: bold;
	padding: .35em 1.5em;
	vertical-align: middle;
}
.DIY_GIL_content td img {
	vertical-align: middle;
}
.DIY_GIL_List0 h5 {
	font-size: 1.2em;
	padding: 0.5em 0 0.5em 0;
	margin: .5em 0 .5em 1em;
	font-weight: bold;
}
.DIY_GIL_List0 .DIY_GIL_content p {
	color: #888;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.5;
	padding: 0.2em 0 1.5em;
	margin: 0;
}
/* Arrow icons */
.DIY_GIL_List0 > li > .DIY_GIL_trigger:before, .DIY_GIL_sub > li > .DIY_GIL_trigger:before {
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: #ababab;
	margin-right: 0.5em;
}
.main p.group_intro{
	padding: 0;
	margin: .75em .5em 0 0;	
}

.group_info{
	margin: .5em 1.25em;
	position: relative;	
}
.DIY_SearchFriends
	{
		height:380px;
	}
.DIY_SearchFriends label, .group_info label{
	clear: both;
	padding: 0 0 .25em 0;
	margin: 0 3em 0 1em;
	font-size: 1.1em;
	width: 275px;
	float: left;
}
.DIY_SearchFriends input,.DIY_SearchFriends select,.group_info select{
	float: left;
	font-size: 1em;
	padding: .5em;
	width: 250px;
}
.DIY_SearchFriends select.friend_select,.group_info select.friend_select{
	margin: -1.5em 0 0 1em;
	width: 155px;	
}
.group_info input{
	clear: both;
	float: none;
	margin-left: 1em;
	width: 270px;	
}
.DIY_SearchFriends p.friend_invite,.group_info p.friend_invite{
	margin-left: 1em;
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 1em;	
}
.DIY_SearchFriends  p.friend_instructions,.group_info p.friend_instructions{
	clear: both;
	float: left;
	font-size: .9em;
	width: 120px;
	margin: 0 1.25em;
}
.DIY_SearchFriends  p.friend_instructions{
	width: 210px;
}
/******************************************************************************************/
.Groups
	{}
.Groups p
	{ font-size:10px;}
#Groups_Count
{
	color: #483342;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: .03em;
	margin-bottom: .5em;
	text-transform: uppercase;
	padding-bottom: 0;
	margin-top::0px;
	display:inline;
}
#GroupsP_Count,#FriendsP_Count
{
	font-size: 1em;
	margin-bottom: .5em;
	padding-bottom: 0;
	margin-top::0px;
	display:inline;
}
#DIY_UserP_Cimgs i, #DIY_UserP_Cdata i,#DIY_UserP_CGimgs i, #DIY_UserP_CGdata i, #GroupsP_Count i,#FriendsP_Count i
{
	color: #1AA706;}
/******************************************************************************************/
.DivON
{
	display:block;
}
.DivOFF
{
	display:none;
}
.tabs3,.tabs4{
	clear: both;
    list-style: none;
    margin: 0em 0 0 0;
	padding: 0;
	position: relative;	
}
.tabs4
{padding-left: 230px;}
.tabs3 {
	padding-top: 0em;	
}

.tabs3 li, .tabs4 li{
    display: inline-block;
	font-weight: bold;
	color: #a57598;
	position: relative;
    z-index: 0;
/*	padding: 5px;*/
	margin: 0 50px 0 0;
}

.tabs3 li ,.tabs4 li{
	margin: 0 50px 0 0;
	/*padding: .75em 0.5em;*/
		
}

.tabs3 li:last-child, .tabs4 li:last-child{
		margin: 0;	
}
.tabs3 li.active, .tabs4 li.active{
	background: #dbd8de;
	color: 	#483342;
	  border: 1px solid #483342;
	border-bottom: 1px solid #dbd8de;
	  z-index: 2;
	
}
.tabs3 li a, .tabs4 li a{
	color: #956a89;	
	padding: .5em 1em;
		font-size: 1.5em;
}

.tabs3 li a, .tabs4 li a{
	padding: .75em 1.25em;
}
.tabs3 li.active a, .tabs4 li.active a{
	color: #483342;
	text-decoration: none;
}
.tabs3:after, .tabs4:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #483342;
    z-index: 1;
}
.tabs3:before, .tabs4:before {
    z-index: 2;
}
/******************************************************************************************/
#DIY_Bri_PointGO
	{
		display:none;
	}
/******************************************************************************************/
.DIY_help {
    background-color:#000;
	color:#fff;
    border-radius: 10px;
    display: none;
    opacity: 0.9;
    padding: 10px;
    z-index: 100;
}

.DIY_help_link:hover + i {
    display: inline;
}

.splash .portals{
	clear: both;
	padding-top: .5em;	
	margin: 0em 0em -1.9em -1em;
	overflow: hidden;
	position: relative;
	width: 58.4375em; 
	
}

h4.portal_header{
	-webkit-border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
	font-size: 1.186em;
	letter-spacing: 0.05em;
	line-height: 1.2;
	padding: .25em 15px .75em;
	margin: .5em 0 0 0;
}

.portals img.background{
	width: 58.2em;
	margin-top: -.25em;
	margin-left: .15em;	
}

.splash .portals ul{
	position: absolute;
	top: 75px;
	left: 0;	
}

.splash .portals li{
	margin: 30px -0.5em 0 1.85em;
	float: left;	
}

.splash .portals li.marg{
	margin-left: 6em;	
}

.splash .portals li.margtop{
	margin: 2em 2.5em 0 4.2em;
}

.splash .portals li.marg_more{
	margin-left: 1.7em;	
}

.splash .bottom_nav{
	width: 58.4em;
	padding-top: .5em;	
}
.splash .bottom_nav ul{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 58.4em;
	padding: .25em 0 .5em 0;
}

.splash .bottom_nav li{
	display: inline;
	margin: 0 .125em 0 .25em;
	padding-top: .5em;
	color:#99CCFF;
	line-height: 1.2;
}

.splash .bottom_nav li.first{
	margin-left: 1em;
}


.splash .bottom_nav a{
	font-size: .8em;
	color: #99CCFF;	
	text-decoration: none;
	font-weight: bold;
	letter-spacing: .05em;
}

.splash .bottom_nav a:hover {
	color: #f2f2f2;
}

/*-----------Credits---------*/

#credits{
	clear: both;
	margin-left: 3em;
	overflow:hidden;
}

#credits h1{
	padding: 0.5em 0.25em 0 0.25em;
	width: 90%;
	border-bottom: 1px solid #000;
	margin-bottom: 1em;
	
}
#credits ul
{
	margin-left: 1.5em;
	margin-bottom: 0.75em;
}


#credits li{
	line-height: 1.3em;
	
}
.Credits_Font
{
color: #1d436a;
text-decoration: none;
font-weight: bold;
outline: 0;
}
#Observ_5 {
float: right;
margin: 0.5em 1em 0.5em 2em;
width: 225px;
}


#Observ_6 {
float: right;
margin: 0em 5em 0em 0em;
width: 225px;
}
#Observ_5 .caption, #Observ_6 .caption {
	font-size: 0.7em;
	color:#666666;
	line-height: 1.1em;

}

p.first_para{
	padding: 0em 0em 0em 1em;
	margin-top: 1em;
}
#Email_Group_ImgResults
{
	position:absolute;
	top:240px;
clear: both;
float: left;
font-size: .9em;
width: 120px;
margin: 0 1.25em
}


 #map_canvas {bottom: 0; left: 0; right: 0; top: 0;width: 435px;height: 310px; }
    @media print { #map_canvas { width: 435px; height: 310px; } }
	.part_menu td {

  font-size: 0.7em;
}
#UserComment
	{
		font: 400 100px/1.0 'Just Another Hand', Helvetica, sans-serif;
		display: inline-block;
		font-size: 28px;
		background: #f1f4f9;
		color:#000;
		padding: 8px 14px;
		border-radius: 15px;
		height: 80px;
		margin-top: 0px;
		margin-bottom: 20px;
		width: 95%;
		overflow-y: scroll;
		line-height: 35px;
		text-shadow: 0.1px 0.2px 0.2px #483342;
	}
#Published_Big_Box
{
	display:none;
}
/*h2 {
  font: 400 100px/1.0 'Just Another Hand', Helvetica, sans-serif;
  color: #969595;
  text-shadow: 0px 3px 0px #5e5e5e, 0px 5px 0px #4d4d4d, 0px 7px 0px #3c3c3c, 0px 9px 0px #2b2b2b, 3px 8px 15px rgba(0,0,0,0.1), 3px 8px 5px rgba(0,0,0,0.3);
}*/
  </style>
  <style class="cssdeck">
  .meter {
  height: 20px;
  position: relative;
  background: #ededed;
  border-radius: 25px;
  padding: 10px;
  -webkit-box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.3);
  margin: 1em; }
  .meter ol {
    margin: 0;
    padding: 0;
    display: block;
    height: 100%;
    width: 99%;
    border-radius: 10px;
    background-color: #ddd;
    position: relative;
    list-style: none; }
    .meter ol li {
		color: #616161;
      float: left;
      margin: 0;
      padding: 0;
      text-align: right;
      width: 50%;
      position: relative;
      border-radius: 10px;
      -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
      box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25); }
      .meter ol li span {
        left:0px;
        display: block;
        text-align: center; }
      .meter ol li .step {
        top: -0.4em;
        padding: .2em 0;
        border: 3px solid #ddd;
        z-index: 99;
        font-size: 1.25em;
        color: #ddd;
        width: 1.5em;
        font-weight: 700;
        position: absolute;
        background-color: #fff;
        border-radius: 50%; }
      .meter ol li .stage {
        
        font-weight: 700; }
    .meter ol li.active {
      height: 20px;
      background: #47b4db;
      -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
      box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
	  color:#fff;
	  background: #626262;
  background-image: -webkit-linear-gradient(top, #626262, #404040);
  background-image: -moz-linear-gradient(top, #626262, #404040);
  background-image: -o-linear-gradient(top, #626262, #404040);
  background-image: linear-gradient(to bottom, #626262, #404040);
  -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);
	   }
      .meter ol li.active span.step {

		color:#000;
        border: 3px solid #47b4db; }

.Results_banner
	{
		color: #616161;
		float: left;
		margin: 0;
		padding: 0;
		text-align: center;
		width: 100%;
		position: relative;
		border-radius: 0px;
		color: #555;
		text-shadow: 0 1px white;
		background: #e6eff5;
		border-width: 1px 1px 0;
		border-style: solid;
		height:30px;
		border-color: #c5c5c5 #bbb;
		border-radius: 8px 8px 0 0;
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.03), transparent 40%);
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.03), transparent 40%);
		background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.03), transparent 40%);
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03), transparent 40%);
		-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07);
}
 .Results_banner span {
      height: 25px;
	  border-radius: 15px;
      -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
      box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
	  color:#000;
	  font: 400 20px/1.3 'Arizonia', Helvetica, sans-serif;
	  color: #2b2b2b;
	  text-shadow: 4px 4px 0px rgba(0,0,0,0.1); 
	   }
	/*=============================*/

/******************************************************************************************/
#AvatarChoice_Box{
	position: relative;
	display: block;
	width: 100%;
	height: 165px;
	cursor: pointer;
	overflow:hidden;
	padding: 20px 0px;

	border: 1px solid #0d1f39;
	background-color: #4c5b7e;
	opacity: .85;
	z-index: 1;
	}
.AvatarChoice_BoxH	{
	position: relative;
	width: 94%;
	height: 165px;
	margin-left: 25px;
	overflow: hidden;
	}
#AvatarChoice{
	position:absolute;
	-webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
    -ms-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}
ul#AvatarChoice li{
	float: left;
	
}
ul#AvatarChoice div{
	width: 145px;
    height: 142px;
	background: url(../../DIY_Common_Inc/DIY_images/SF/weekly_target.png);
	text-align: center;
	margin: 0px 15px 0px 15px;
	
	padding-top:2px;
	
}

ul#AvatarChoice div:hover{
	 background-position: 100% 0;
	opacity: 1;	
}
/*
Carousel
========================*/
ul#AvatarChoice li{
	font-weight: bold;
	padding: 0px 5px;
	font-size: 1.1em;
	line-height: 1;
	cursor: pointer;
}
ul#AvatarChoice div.current{
	color: #fff;
}
ul#AvatarChoice div span{
	display: block;
	padding: 30px 10px;	
}

ul#AvatarChoice img{
	margin: 7px 0 5px 0;
	border: 2px solid #fff;
	height:65px;
	width:65px;
}
ul#AvatarChoice input{
	width:100%;
}
ul#AvatarChoice div.current img, ul#AvatarChoice div:hover img {
	opacity: 1;
}
/*Special Events
========================*/


.lab_top, .teacher_top, .yellow_bg, .homepage_top{
	width: 100%;
	min-width: 100%;
	background: #000;
/*	overflow: hidden; 
	position: relative;*/
}

.teacher_top{
	background: #000000;	
}

.outer_container{
	position: relative; 
	width: 1150px; 
	
	margin: 0 auto; 
	padding: 0;
	text-align: left;
	overflow: hidden;
}


.border_green{
	background: #CDDE61;
		background: rgba(205, 222, 97, .8);
		width: 100%;
		height: 8px;
		/*margin-top: -8px;*/
		position: absolute;
		z-index: 200;	
}

.teacher_banner_header{
	background: url("https://www.cfa.harvard.edu/smgphp/otherworlds/ExoLab/common/images/teacher_bgbleed.png") center center no-repeat;
		padding: 0 110px;
		height: 200px;
		overflow: hidden;
}
/******************************************************************************************/
/******************				Aladdin CSS Ended HERE			***************************/
/******************************************************************************************/