/******************/
.BRI_column {
    float: left;
    width: 33.33%;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
}
/* Clear floats after the columns */
.BRI_row:after {
    content: "";
    display: table;
    clear: both;
}
.BRI_news-box-featured {
    width: 100%;
    /* background: #6a96b6;*/
    height: 60px;
    margin-bottom: 10px;
}
.BRI_teaser-box {
    float: right;
    /*background: #B03C3F;
	width:200px;
    height: 130px;
    margin-top: 140px;
    opacity: 0.7;*/
}
.BRI_list-container {
    width: 100%;
}
.BRI_news-box {
    height: 0px;
    margin-bottom: 5px;
    margin-bottom: 0;
}
.BRI_text {
    /* background: #003057;
    display: flex;*/
    max-height: 720px;
}
.BRI_spacer {
    border: dashed 1px #666666;
    height: 58px;
    display: inline-block;
    width: 208px;
    float: right;
    margin-right: -200px;
    opacity: 0.5;
}
/******************************************************************************************/
/****************					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;
    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.7;
    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: #ffffff;
    /*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: #ffffff;
    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: #ffffff;
    width: 660px;
    height: 580px;
    left: -30px;
    visibility: hidden;
    /*height: 500px;*/
}
#Legend_And_Avg,#LegendBorder
{
    visibility: hidden;
}
#DIY_Published_Graph_contanier {
    position: relative;
    width: 570px;
    height: 580px;
    left: 40px;
    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: 539px;
    height: 500px;
    /*background: #FFF;*/
    border-left: solid 1px;
    border-bottom: solid 1px;
    z-index: 10;
}
#DIY_Bri_Graph, #DIY_Bri_ALT_Graph, #DIY_Bri_COMP_Graph 
{
    
    width: 659px;
}
#DIY_Published_Graph {
}
#DIY_Share_Graph {
   /* left: 40px;*/
}
#DIY_Share_PointReference
{
    display: none;
}
#Share_choice,#ShareGroup_choice
{
    background-color: -webkit-linear-gradient(hsl(0deg 91% 2% / 80%), rgb(2 7 13 / 75%));
    background-color: black;
    /*background-color: -moz-linear-gradient(hsl(0deg 91% 2% / 80%), rgb(2 7 13 / 75%));
    background-color: linear-gradient(hsl(0deg 91% 2% / 80%), rgb(2 7 13 / 75%));*/
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
    color:white;
}
.share_graph select {
   background: -webkit-linear-gradient(hsl(0deg 91% 2% / 80%), rgb(2 7 13 / 75%));
    background: -moz-linear-gradient(hsl(0deg 91% 2% / 80%), rgb(2 7 13 / 75%));
    background: linear-gradient(hsl(0deg 91% 2% / 80%), rgb(2 7 13 / 75%));
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
    color:white;
}

#Share_Control_buttons,#Share_Target_info
{
    visibility: hidden;    
}
#Share_Target_info
{
        position: relative;
        height: 50px;
}
#DIY_Share_Location_Btn
{
    
    padding: 0.4rem 1rem .25rem 1rem;
    background-color: aliceblue;
    border-top: 1px solid #0c233b;
    border-right: 1px solid #0c233b;
    border-bottom: 1px solid #0c233b;
    border-left: 1px solid #0c233b;
    margin-right: 2px;
    color: #354C60;
}                           
/* Style The Dropdown Button */
.dropbtn {
    background-color: -webkit-linear-gradient(hsl(0deg 91% 2% / 80%), rgb(2 7 13 / 75%));
    background-color:black;
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
    color: white;
    /*  
    padding: 16px;
    font-size: 16px;
    */
    border: none;
    cursor: pointer;
}
.dropbtn::after {
   background-color: -webkit-linear-gradient(hsl(0deg 91% 2% / 80%), rgb(2 7 13 / 75%));
    background-color:black;
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;

}
.dropbtn::hover {
   background-color: -webkit-linear-gradient(hsl(0deg 91% 2% / 80%), rgb(2 7 13 / 75%));
    background-color:black;
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;

}

/* The container <div> - needed to position the Share_DropDown content */
.Share_DropDown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.Share_DropDown-content 
    {
        display: none;
        position: absolute;
        min-width: 100%;
        background: #2B2B2B;
        background-color: #1b1b1b;
        background: -webkit-linear-gradient(hsl(0deg 91% 2% / 80%), rgb(2 7 13 / 75%));
        background: -moz-linear-gradient(hsl(0deg 91% 2% / 80%), rgb(2 7 13 / 75%));
        background: linear-gradient(hsl(0deg 91% 2% / 80%), rgb(2 7 13 / 75%));
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        line-height: 1rem;
        color: white;
        z-index: 10115;
    }
/* Links inside the Share_DropDown */
.Share_DropDown-content span 
    {
        padding: 5px 7px;
        text-decoration: none;
        display: block;
        color: white;
        z-index: 120;
        font-size: 0.8em;
    }

/* Change color of Share_DropDown links on hover */
.Share_DropDown-content span:hover {background-color: #084328}

/* Show the Share_DropDown menu on hover */
.Share_DropDown:hover .Share_DropDown-content {
  display: block;
}

/* Change the background color of the Share_DropDown button when the Share_DropDown content is shown */
.Share_DropDown:hover .dropbtn {
    /*background: -webkit-linear-gradient(hsl(0deg 0% 94% / 20%), rgba(0, 0, 0, 0.25));*/
    color: white;
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}
.JS9 {
    width: auto;
    max-width: 100%;
    height: 500px;
    margin-top: -3px;
    resize: both;
    overflow: hidden;
}
.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
@-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 {
    cursor: pointer;
    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: #000000;
}
.DIY_PUPoint
{
    background-color: #209d86;
}
.DIY_Point, .DIY_ActivePoint, .DIY_ReferPoint, .DIY_ReferPPoint, .DIY_PPoint,.DIY_PUPoint, .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: 9px;
    height: 9px;
    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;
    z-index: 13;
}
.DIY_COMP_Point {
    background: #dade12;
    z-index: 1009;
}
.DIY_COMPc1_Point {
    background: #d381ea;
    z-index: 1008;
}
.DIY_COMPc2_Point {
    background: #ee8866;
    z-index: 1007;
}
.DIY_COMPs1_Point {
    background: #04c8c9;
    z-index: 1006;
}
.DIY_COMPs2_Point {
    background: #058ED9;
    z-index: 1005;
}
.DIY_ReferPPoint {
    width: 10px;
    height: 10px;
}
.DIY_POPoint {
    /*display: none;*/
    background-color:#de820f; /*#6CF;*/ /*#003333;*/
    z-index: 80;
    opacity: 0.7;
}
.PubTriangle_up,.PubCircle,.square,.twoValues,.PubDiamond,.PubStar,.PubStar4,.PubHexagon
{
    position: absolute;
    width: 8px;
    height: 8px;
    opacity: 0.6;
    color: #FFF;
    font-weight: bolder;
    z-index: 13; 
    cursor: pointer;
}
.PubCircle
{
    
  border-radius: 50%;
  background-color: #000000;
    z-index: 95;
}
.PubStar4
{
    background-image: url('../DIYtools_images/graph/star_4.png');
    width: 10px;
    height: 9px;
    z-index: 94;
}
.PubTriangle_up {
    
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #209d86;
    z-index: 93;
    
}
.PubDiamond
{
    background-image: url('../DIYtools_images/graph/diamond_4.png');
    width: 10px;
    height: 10px;
    z-index: 92;
}
.PubStar
{
    background-image: url('../DIYtools_images/graph/star_2.png');
    width: 10px;
    height: 9px;
    z-index: 91;
}
.PubHexagon
{
    background-image: url('../DIYtools_images/graph/hexagon_5.png');
    width: 9px;
    height: 11px;
}
/*first value applies to top-left and bottom-right, second value applies to top-right and bottom-left corner*/
.twoValues {
border-radius:20px 50px;
  background-color: #de820f;
}
.square {
  background-color: #de820f;
}
.DIY_PPoint, .DIY_PUPoint , .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: -1rem;
    padding-left: 1rem;
}
.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: 500px;
    top: 20px;
    /*left: 261px;*/left: 349px;
}
#PredictedInnerL {
    float: right;
    z-index: 90;
    background: #FF3;
    height: 500px;
    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;*/
    left: 349px;
    height: 500px;
}
#PPredictedInnerL {
    float: right;
    z-index: 90;
    background: #FF3;
    height: 500px;
    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;
    padding: 5px 0 1px 1px;
    text-indent: 5px;
    font-size: 8.5px;
}
/******************************************************************************************/
#Baseline_Line,#Dip_Line
{
    cursor: pointer;
    position: absolute;
    height: 1px;
    width: 539px;
    border-bottom: 7px solid;
    opacity: 0.6;
    left: 80px;
    z-index: 12;
    display: none;
}

#Baseline_Line
{
    top:20px;
    border-color: #d381ea;
}
#Dip_Line
{
    border-color: #04c8c9;
    top:400px;
}
.BaslineDip-legend .legend-title {
    text-align: left;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 90%;
    }
  .BaslineDip-legend .legend-scale ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    }
  .BaslineDip-legend .legend-scale ul li {
    display: block;
    float: left;
    width: 50px;
    margin-bottom: 6px;
    text-align: center;
    font-size: 75%;
    list-style: none;
    }
  .BaslineDip-legend ul.legend-labels li span {
    display: block;
    float: left;
    height: 15px;
    width: 50px;
    }
  .BaslineDip-legend .legend-source {
    font-size: 70%;
    color: #999;
    clear: both;
    }
  .BaslineDip-legend a {
    color: #777;
    }
/******************************************************************************************/
#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;
    z-index: 12;
}
#Share_G_Hor {
    /*width: 400px;*/
    width: 539px;
    left: 80px;
}
#Published_G_Hor {
    /*width: 500px;
    left: 60px;*/
    width: 539px;
    left: 80px;
}
#Bri_G_HorT, #Bri_G_HorT1 {
    position: absolute;
    width: 18px;
    left: 35px;
    font-size: 0.5rem;
    font-weight: bolder;
}
#Published_G_HorT, #Published_G_HorT1 {
    position: absolute;
    width: 35px;
    left: 30px;
    font-size: 0.8rem;
    font-weight: bolder;
    z-index: 10000;
    /*width: 18px;
    left: 20px;
    font-size: 1.2rem;
    font-weight: bolder;*/
}
#Share_G_HorT, #Share_G_HorT1 {
    position: absolute;
    width: 35px;
    left: 30px;
    font-size: 0.8rem;
    font-weight: bolder;
    z-index: 10000;
    -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;    
}
#Published_G_HorT1 {
    top: 510px;
    left: 38px;
}
.Published_G_HorT_up,.Published_G_HorT_down
{
    position: absolute;
    width: 35px;
    font-size: 0.8rem;
    font-weight: bolder;
    z-index: 10000;
}
.Published_G_HorT_up
{
    top: 145px;left: 1px;
}
.Published_G_HorT_down
{
    top: 365px;left: 1px;
}
#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.8rem;
    -webkit-user-select: none;  /* Chrome all / Safari all */
      -moz-user-select: none;     /* Firefox all */
      -ms-user-select: none;      /* IE 10+ */
      user-select: none;    
}
#Share_G_HorTT,
#Published_G_HorTT {
    left: -60px;
    width: 250px;
    font-size: 1.2em;
    font-weight: bolder;
    color: dodgerblue;
    z-index: 9;
    -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;    
}
#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;
    z-index: 12;
    -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;    
}
#Share_G_Ver {
    /*height: 320px;*/
    height: 499px;
    -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;    
}
#Published_G_Ver {
    /*height: 400px;*/
    height: 499px;
    -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;    
}
#Bri_G_VerT, #Bri_G_VerT1, #Bri_ALT_G_VerT1, #Bri_COMP_G_VerT1 {
    position: absolute;
    left: 0px;
    top: 520px;
    font-size: 1rem;
    font-weight: bolder;
    -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;    
}
#Share_G_VerT, #Share_G_VerT1 {
    position: absolute;
    left: 0px;
    /*top: 340px;*/    top: 520px;
    font-size: 0.9em;
    font-weight: bolder;
    -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;    
}
#Published_G_VerT1
{
    left: 75px;
}
#Published_G_VerT
{
    
    left: 0px;
}
#Published_G_VerT, #Published_G_VerT1 {
    position: absolute;
    top:520px;
    font-size: 1.2rem;
    font-weight: bolder;
    -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;    
}
#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.8rem;
    -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;    
}
#Share_G_HorC
{
    -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;    
    
}
#Share_G_VerTT {
   top:550px;
    left:60px; 
    font-size:1.2em; 
    font-weight:bolder; 
    color:dodgerblue;
}
#Published_G_VerTT {
    top: 550px;
    left: 60px;
    font-size:1.2em; 
    font-weight:bolder; 
    color:dodgerblue;
}
.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;
}
/******************************************************************************************/
.tabs, .tabs2 {
    clear: both;
    list-style: none;
    margin: 1rem 0 0 0;
    padding: 0;
    position: relative;
}
.tabs2 {
    padding-top: 1rem;
}
.tabs li, .tabs2 li {
    margin: 0 22px 0 0;
    border: 1px solid #cbcbcb;
    -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: .75rem 0.5rem;
}
.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: #cbcbcb;
    border: 1px solid #cbcbcb;
    border-bottom: 1px solid #dbd8de;
    z-index: 2;
}
.tabs li a, .tabs2 li a {
    /*color: #956a89;*/
    padding: .5rem 1rem;
    font-size: 1.5rem;
}
.tabs2 li a {
    padding: .75rem 1.25rem;
}
.tabs li.active a, .tabs2 li.active a {
    color: #cbcbcb;
    text-decoration: none;
}
.tabs li.active span.order {
    border: 3px solid #cbcbcb;
}
.tabs:after, .tabs2:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #cbcbcb;
    z-index: 1;
}
.tabs:before, .tabs2:before {
    z-index: 2;
}
.tabs_content_container {
    background: #dbd8de;
    padding: 1rem 1.5rem;
    margin: 0;
    border: 1px solid #cbcbcb;
    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 #cbcbcb;
	margin-top: -1px;
	width: 785px;*/
    overflow: hidden;
    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 .5rem .5rem 1rem;
}
button.planet_btn {
    background: #545454;
    /* IE10 Consumer Preview */
    background: -ms-linear-gradient(top, #545454 0%, #cbcbcb 100%);
    /* Mozilla Firefox */
    background: -moz-linear-gradient(top, #545454 0%, #cbcbcb 100%);
    /* Opera */
    background: -o-linear-gradient(top, #545454 0%, #cbcbcb 100%);
    /* Webkit (Safari/Chrome 10) */
    background: -webkit-gradient(linear, left top, left bottom (#545454 0%, #cbcbcb 100%));
    /* Webkit (Chrome 11+) */
    background: -webkit-linear-gradient(top, #545454 0%, #cbcbcb 100%);
    /* W3C Markup, IE10 Release Preview */
    background: linear-gradient(to bottom, #545454 0%, #cbcbcb 100%);
    text-shadow: 0 -1px 0 rgba(72, 51, 66, 0.8);
    color: #ffffff;
    font-size: .95rem;
    width: 100px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.45);
    margin-bottom: 0;
    margin: .5rem .75rem .5rem 1rem;
    float: left;
    padding: 7px 5px;
    letter-spacing: .05rem;
    vertical-align: middle;
}
.disabled {
    opacity: .5;
    cursor: default;
}
/******************************************************************************************/
/******************************************************************************************/
.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/images/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/images/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/images/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/images/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.8rem;
    font-weight: bold;
    margin-top: .25rem;
}
.Videos_overlay_popup img {
    float: right;
    width: 68px;
}
.Videos_bottom_half {
    background: url(../../../../DIY_common/images/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: 1rem;
}
.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.2rem;
    text-align: left;
}
.Videos_bottom_half td.terms {
    text-align: right;
    border-left: none;
}
/******************/
/*Brightness
========================*/
.Own_Color, .Own_Color .tabs2 li {
    background: #545454;
    /* IE10 Consumer Preview */
    background: -ms-linear-gradient(top, #545454 0%, #cbcbcb 100%);
    /* Mozilla Firefox */
    background: -moz-linear-gradient(top, #545454 0%, #cbcbcb 100%);
    /* Opera */
    background: -o-linear-gradient(top, #545454 0%, #cbcbcb 100%);
    /* Webkit (Safari/Chrome 10) */
    background: -webkit-gradient(linear, left top, left bottom (#545454 0%, #cbcbcb 100%));
    /* Webkit (Chrome 11+) */
    background: -webkit-linear-gradient(top, #545454 0%, #cbcbcb 100%);
    /* W3C Markup, IE10 Release Preview */
    background: linear-gradient(to bottom, #545454 0%, #cbcbcb 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: 100%;
    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 1rem 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: 1rem 1rem 0 12rem;
    font-size: 1.1rem;
    color: #fff;
}
.Share_list select, .pub_list, #image_list select, #Gimage_list select {
    float: left;
    font-size: 1.1rem;
    /*color: #cbcbcb;*/
    margin-top: 1rem;
}
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: .25rem;
}
.star_mmt p {
    margin-top: .25rem;
    padding: 0 0 0 .75rem;
}
.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: .35rem;
    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.25rem .5rem .5rem 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: .25rem;
    line-height: 1;
    text-shadow: 1px 1px 1px #fff;
    margin-top: 1.25rem;
}
#star_chart {
    width: 100px
}
#BRI_CompAVG, #BRI_SkyAVG, #BRI_Calculation1, #BRI_Calculation2 {
    display: block;
    width: 80px;
    border: none;
    color: #333;
    background: transparent;
    border-bottom: 1px dotted black;
    padding: 5px 2px 0 2px;
}
button.calibrate_btn, button.calc_btn, button.finder_button {
    /*background: #545454;*/
    /* IE10 Consumer Preview */
    /*background: -ms-linear-gradient(top, #545454 0%, #cbcbcb 100%);*/
    /* Mozilla Firefox */
    /*background: -moz-linear-gradient(top, #545454 0%, #cbcbcb 100%);*/
    /* Opera */
   /* background: -o-linear-gradient(top, #545454 0%, #cbcbcb 100%);*/
    /* Webkit (Safari/Chrome 10) */
   /* background: -webkit-gradient(linear, left top, left bottom (#545454 0%, #cbcbcb 100%));*/
    /* Webkit (Chrome 11+) */
    /*background: -webkit-linear-gradient(top, #545454 0%, #cbcbcb 100%);*/
    /* W3C Markup, IE10 Release Preview */
    /*background: linear-gradient(to bottom, #545454 0%, #cbcbcb 100%);
    text-shadow: 0 -1px 0 rgba(72, 51, 66, 0.8);
    color: #ffffff;
    font-size: .95rem;
    width: 85px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.45);
    margin: .75rem .05rem .25rem .5rem;
    float: none;
    display: inline;
    padding: 4px 5px;
    letter-spacing: .05rem;
    vertical-align: middle;*/
}
button.calc_btn {
    font-size: 0.95rem;
    width: 160px;
    padding: .5rem .75rem;
    border-radius: 10px;
    /*float: right;
position:absolute; 
left:930px;*/
}
.star_image p {
    margin-top: .25rem;
    padding: 0 0 0 .75rem;
}
ul.data_menu {
    padding-left: 1.25rem;
    padding-top: .25rem;
    width: 100%;
    overflow: hidden;
}
ul.data_menu li {
    padding: 1rem .75rem .5rem .75rem;
}
ul.data_menu li.active {
    color: #FFF;
}
ul.data_menu li.active.a {
    color: #FFF;
}
/*/////////////////*/
/*/////////////////*/
#Bri_Data_header {
    /*display:none;*/
}
img.graph {
    display: block;
    margin: .25em auto 0 auto;
}
ul.star_info li {
    /*display: inline;*/
    display: block;
    font-weight: bold;
    padding: 0 .5em .25em .5em;
    text-shadow: 1px 1px 1px #fff;
}
ul.star_info li span {
    font-weight: normal;
}
/******************************************************************************************/
.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;
    margin: 0 50px 0 0;
}
.tabs3 li, .tabs4 li {
    margin: 0 50px 0 0;
}
.tabs3 li:last-child, .tabs4 li:last-child {
    margin: 0;
}
.tabs3 li.active, .tabs4 li.active {
    background: #dbd8de;
    color: #cbcbcb;
    border: 1px solid #cbcbcb;
    border-bottom: 1px solid #dbd8de;
    z-index: 2;
}
.tabs3 li a, .tabs4 li a {
    color: #956a89;
    padding: .5rem 1rem;
    font-size: 1.5rem;
}
.tabs3 li a, .tabs4 li a {
    padding: .75rem 1.25rem;
}
.tabs3 li.active a, .tabs4 li.active a {
    color: #cbcbcb;
    text-decoration: none;
}
.tabs3:after, .tabs4:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #cbcbcb;
    z-index: 1;
}
.tabs3:before, .tabs4:before {
    z-index: 2;
}
/******************************************************************************************/
#DIY_Bri_PointGO {
    display: none;
}
/******************************************************************************************/
/**********Share_G_VerC********/
/******************************************************************************************/
.target-1
{
    
    border: 3px solid #dade12;
    min-height: 1.5rem;
}
.star-1 {
    border: 3px solid #d381ea;
    min-height: 1.5rem;
}
.star-2 {
    border: 3px solid #ee8866;
    min-height: 1.5rem;
}
.dark-1 {
    border: 3px solid #04c8c9;
    min-height: 1.5rem;
}
.dark-2 {
    border: 3px solid #058ED9;
    min-height: 1.5rem;
}
#Bri_Measurement
 {
    border: 3px solid #5e595f;    
    min-height: 1.5rem;
}
/*Subnav
========================*/
ul.subnav {
    width: 100%;
    margin: -1.5rem 0 0 0;
    padding: 0;
}
ul.subnav li {
    float: left;
    color: #6c5768;
    margin: 10px;
    padding: 1rem .35rem;
    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: #cbcbcb;
}
/* #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; }*/
/* #Buttons
================================================== */
#BRI_row .button, #BRI_row button, #BRI_row input[type="submit"], #BRI_row input[type="reset"], #BRI_row 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;
}
#BRI_row .button:hover, #BRI_row button:hover, #BRI_row input[type="submit"]:hover, #BRI_row input[type="reset"]:hover, #BRI_row 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;
}
#BRI_row .button:active, #BRI_row button:active, #BRI_row input[type="submit"]:active, #BRI_row input[type="reset"]:active, #BRI_row 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 */
}
#BRI_row .button.full-width, #BRI_row button.full-width, #BRI_row input[type="submit"].full-width, #BRI_row input[type="reset"].full-width, #BRI_row 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 */
#BRI_row button::-moz-focus-inner, #BRI_row input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/******************************************************************************************/
/******************************************************************************************/
/****************					Brigthness Tool CSS					*******************/
/******************************************************************************************/
/* Share and Interpret
========================*/
.graph_instructions {
    /*float: left;*/
    float: right;
    width: 32%;
    padding: 0 1.5rem;
}
textarea {
    margin-bottom: 0;
    float: left;
}
.share_graph {
    /*float: left;*/
    width: 60%;
    border: 1px solid #cbcbcb;
    padding: .5rem 0 0 0;
}
img.graph_right {
    display: block;
    max-width: 100%;
    width: 100%;
}
button.share {
    margin-left: 1rem;
    margin-top: 2rem;
    float: left;
}
ul.graph_buttons {
    padding: .25rem;
    margin-left: 10rem;
}
ul.graph_buttons li {
    padding: 1rem .75rem 0.75rem;
    display: inline;
}
ul.graph_buttons button {
    margin-bottom: 0;
    padding: 8px 10px;
}
.results_to_publish {
    padding: 0 1.5rem;
}
.button.active, button.active, input[type="submit"].active, input[type="reset"].active, input[type="button"].active {
    background: #1f2124;
    /* IE10 Consumer Preview */
    background: -ms-linear-gradient(top, #1f2124 0%, #cbcbcb 100%);
    /* Mozilla Firefox */
    background: -moz-linear-gradient(top, #1f2124 0%, #cbcbcb 100%);
    /* Opera */
    background: -o-linear-gradient(top, #1f2124 0%, #cbcbcb 100%);
    /* Webkit (Safari/Chrome 10) */
    background: -webkit-gradient(linear, left top, left bottom (#1f2124 0%, #cbcbcb 100%));
    /* Webkit (Chrome 11+) */
    background: -webkit-linear-gradient(top, #1f2124 0%, #cbcbcb 100%);
    /* W3C Markup, IE10 Release Preview */
    background: linear-gradient(to bottom, #1f2124 0%, #cbcbcb 100%);
    text-shadow: 0 -1px 0 rgba(72, 51, 66, 0.8);
    color: #ffffff;
}
@-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;
    }
}
.tabs, .tabs2 {
    clear: both;
    list-style: none;
    margin: 1em 0 0 0;
    padding: 0;
    position: relative;
}
.tabs2 {
    padding-top: 1rem;
}
.tabs li, .tabs2 li {
    margin: 0 22px 0 0;
    border: 1px solid #cbcbcb;
    -moz-border-radius: 10px;
    display: inline-block;
    font-weight: bold;
    color: #a57598;
    position: relative;
    z-index: 0;
    padding: 5px;
    margin: 0 21px 0 0;
}
.tabs2 li {
    margin: 0 22px 0 0;
    padding: .75rem 0.5rem;
}
.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: #dedede;
    color: #cbcbcb;
    border-bottom: 1px solid #dedede;
    z-index: 2;
}
.tabs li a, .tabs2 li a {
    padding: .5rem 1rem;
    font-size: 1.5rem;
}
.tabs2 li a {
    padding: .75rem 1.25rem;
}
.tabs li.active a, .tabs2 li.active a {
    color: #cbcbcb;
    text-decoration: none;
}
.tabs li.active span.order {
    border: 3px solid #cbcbcb;
}
.tabs:after, .tabs2:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #cbcbcb;
    z-index: 1;
}
.tabs:before, .tabs2:before {
    z-index: 2;
}
.tabs_content_container {
    padding: 1rem 1.5rem;
    margin: 0;
    margin-top: -1px;
    overflow: hidden;
    width: 741px;
    -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
    -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;
    border-radius: 5px;
}
.tabs_content_Share, .tabs_content_Published, .tabs_content_Brightness, .tabs_content_container2, .tabs_content_container3 {
    padding: 1em 0;
    margin: 0;
    margin-top: -1px;
    overflow: hidden;
    width: 785px;
    z-index: 101;
    background-color: #dedede;
    -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
    -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;
    border-radius: 5px;
}
.tabs_content_Share {
    padding: 0 0;
}
.tabs_content_Published {
    padding: 0 0;
}
.tabs_content_Brightness {
    height: 715px;
}
.tab_content {
    z-index: 10;
}
.tabs_content_container h6 {
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    margin: 0 .5rem .5rem 1rem;
}
button.planet_btn {
    background: #1f2124;
    /* IE10 Consumer Preview */
    background: -ms-linear-gradient(top, #1f2124 0%, #cbcbcb 100%);
    /* Mozilla Firefox */
    background: -moz-linear-gradient(top, #1f2124 0%, #cbcbcb 100%);
    /* Opera */
    background: -o-linear-gradient(top, #1f2124 0%, #cbcbcb 100%);
    /* Webkit (Safari/Chrome 10) */
    background: -webkit-gradient(linear, left top, left bottom (#1f2124 0%, #cbcbcb 100%));
    /* Webkit (Chrome 11+) */
    background: -webkit-linear-gradient(top, #1f2124 0%, #cbcbcb 100%);
    /* W3C Markup, IE10 Release Preview */
    background: linear-gradient(to bottom, #1f2124 0%, #cbcbcb 100%);
    text-shadow: 0 -1px 0 rgba(72, 51, 66, 0.8);
    color: #ffffff;
    font-size: .95rem;
    width: 100px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.45);
    margin-bottom: 0;
    margin: .5rem .75rem .5rem 1rem;
    float: left;
    padding: 7px 5px;
    letter-spacing: .05rem;
    vertical-align: middle;
}
.disabled {
    opacity: .5;
    cursor: default;
}
.DivOFF {
    display: none;
}
.tabs3, .tabs4 {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.tabs4 {
    padding-left: 230px;
}
.tabs3 {
    padding-top: 0;
}
.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: #dedede;
    color: #cbcbcb;
    border: 1px solid #cbcbcb;
    border-bottom: 1px solid #dedede;
    z-index: 2;
}
.tabs3 li a, .tabs4 li a {
    color: #956a89;
    padding: .5rem 1rem;
    font-size: 1.5rem;
}
.tabs3 li a, .tabs4 li a {
    padding: .75rem 1.25rem;
}
.tabs3 li.active a, .tabs4 li.active a {
    color: #cbcbcb;
    text-decoration: none;
}
.tabs3:after, .tabs4:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #cbcbcb;
    z-index: 1;
}
.tabs3:before, .tabs4:before {
    z-index: 2;
}
/******************************************************************************************/
/*Brightness
========================*/
.Own_Color, .Own_Color .tabs2 li {
    /*		background: #1f2124;
		/* IE10 Consumer Preview */
    /*	background: -ms-linear-gradient(top, #1f2124 0%, #cbcbcb 100%);*/
    /* Mozilla Firefox */
    /*background: -moz-linear-gradient(top, #1f2124 0%, #cbcbcb 100%);*/
    /* Opera */
    /*background: -o-linear-gradient(top, #1f2124 0%, #cbcbcb 100%);*/
    /* Webkit (Safari/Chrome 10) */
    /*		background: -webkit-gradient(linear, left top, left bottom  (#1f2124 0%, #cbcbcb 100%));	*/
    /* Webkit (Chrome 11+) */
    /*	background: -webkit-linear-gradient(top, #1f2124 0%, #cbcbcb 100%);*/
    /* W3C Markup, IE10 Release Preview */
    /*background: linear-gradient(to bottom, #1f2124 0%, #cbcbcb 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 {}
.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: 0;
    width: 0;
    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: 0;
    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 1rem 0;
}
#Gimage_list, #Gimage_list_curtain {
    clear: both;
    overflow: hidden;
    margin: 0 0 1rem 0;
}
.Share_list label, .pub_list label, #image_list label, #Gimage_list label {
    float: left;
    margin: 1rem 1rem 0 12rem;
    font-size: 1.1rem;
    color: #fff;
}
.Share_list select, .pub_list, #image_list select, #Gimage_list select {
    float: left;
    font-size: 1.1rem;
    /*color: #cbcbcb;*/
    margin-top: 1rem;
}
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;
    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;
    margin-bottom: .35rem;
    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.25rem .5rem .5rem 0;
    display: inline;
    vertical-align: middle;
}
.star_mmt input[type="checkbox"].Active, button.calibrate_btn.Active, button.Finder_Chart_button.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.25rem;
}
#star_chart {
    width: 100px
}
#BRI_row button.calibrate_btn, #BRI_row button.calc_btn, #BRI_row button.Finder_Chart_button {
    background: #1f2124;
    /* IE10 Consumer Preview */
    background: -ms-linear-gradient(top, #1f2124 0%, #cbcbcb 100%);
    /* Mozilla Firefox */
    background: -moz-linear-gradient(top, #1f2124 0%, #cbcbcb 100%);
    /* Opera */
    background: -o-linear-gradient(top, #1f2124 0%, #cbcbcb 100%);
    /* Webkit (Safari/Chrome 10) */
    background: -webkit-gradient(linear, left top, left bottom (#1f2124 0%, #cbcbcb 100%));
    /* Webkit (Chrome 11+) */
    background: -webkit-linear-gradient(top, #1f2124 0%, #cbcbcb 100%);
    /* W3C Markup, IE10 Release Preview */
    background: linear-gradient(to bottom, #1f2124 0%, #cbcbcb 100%);
    text-shadow: 0 -1px 0 rgba(72, 51, 66, 0.8);
    color: #ffffff;
    font-size: .95rem;
    width: 85px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.45);
    margin: .75rem .05rem .25rem .5rem;
    float: none;
    display: inline;
    padding: 4px 5px;
    letter-spacing: .05rem;
    vertical-align: middle;
}
.JS9Menu_wrap .dropdown-menu {
    line-height: 1.1rem;
    font-size:  .5rem;
}
button.calc_btn {
    font-size: 1.1rem;
    width: 120px;
    padding: .5rem .75rem;
    border-radius: 10px;
}
.star_image p {
    margin-top: .25rem;
    padding: 0 0 0 .75rem;
}
ul.data_menu {
    padding-left: 1rem;
    padding-top: 1rem;
    width: 100%;
    overflow: hidden;
}
ul.data_menu li {
    padding: 1rem .75rem .5rem .75rem;
}
ul.data_menu li.active {
    display: inline-block;
    margin: 10px;
    padding: 15px 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; */
    color: #000;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.7);
}
ul.data_menu li.active.a {
    color: #FFF;
}
/*/////////////////*/
/*/////////////////*/
#Bri_Data_header {
}
table#data_view {
}
table#data_view tbody {
}
table#data_view th {
}
table#data_view td {
}
table#data_view th:last-child, table#data_view td:last-child {
}
table#data_view tr.selected_row {
}
img.graph {
    display: block;
    margin: .25rem auto 0 auto;
}
ul.star_info li {
    display: inline;
    font-weight: bold;
    padding: 0 .5rem .25rem .5rem;
    text-shadow: 1px 1px 1px #fff;
}
ul.star_info li span {
    font-weight: normal;
}
ul.star_Sub_info li {
    display: inline;
    font-weight: bold;
    padding: 0 .5rem .25rem .5rem;
    text-shadow: 1px 1px 1px #fff;
}
ul.star_Sub_info li span {
    font-weight: normal;
}
.File_info_area {
    display: block;
    box-shadow: 10px 25px 30px rgba(0, 0, 0, 0.3);
    border-radius: 15px 15px 15px 15px;
    padding-left: 10px;
    background: #fff url(/eduportal/AI/img/js9ToolBG.png) repeat 50% 50%;
    height: 180px;
    width: 100%;
    z-index: 3;
}
/******************************************************************************************/
#Measurements_Box, #JS9Magnifier_Box {
    display: inline-block;
    padding: 8px;
    border: 3px solid #FCB326;
    border-radius: 6px;
    box-shadow:
        0 2px 1px rgba(0, 0, 0, 0.2), inset 0 2px 1px rgba(0, 0, 0, 0.2);
    /* Font styles */
    text-decoration: none;
    width: 280px;
    text-transform: uppercase;
    color: #222;
}
#Control_Regions {
    /* Main styles do not delete */
    display: inline-flex; /* 1 */
    flex-flow: row wrap;
}
#Control_Regions .up, #Control_Regions .down {
    flex: 0 0 100%; /* 2 */
    text-align: center; /* 2 */
}
#Control_Regions .left, #Control_Regions .right {
    flex: 1 0 1%; /* 3 */
    display: flex;
}
#Control_Regions .left {
    justify-content: flex-end;
}
#Control_Regions .right {
    justify-content: flex-start;
}
#Control_Regions .ok {}
#Control_Regions i {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}
#Control_Regions .Iright {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
#Control_Regions .Ileft {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
#Control_Regions .Iup {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
#Control_Regions .Idown {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.form-control-photo {
    height: calc(1em + 0.25rem + 2px);
    padding: 0.35rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 0.2rem;
}
.fat {
    font-size: 1.84em;
}
.fatarr {
    width: 2em;
    height: 2em;
}
#accordionExample3 .card-body { padding: 0;color:e38a8a; }
.drag-handle 
{
    height:32px;
    padding: 8px 10px;
}
.drag-controls
{
    padding: 10px 20px;
}

#draggableFinder
{
    left: 0px;
    top:-935px;
    border-radius: 5px;
}
.drag-handle inline{
    z-index: 5;
    color: rgb(185, 109, 185);
    font-weight: bold;
    font-size: 1.2rem;
    height: 28px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#DragFinderBody
{
    left: 5px;
    top: 4px;
    display: none;
    border: 3px solid #f33636;
}

.SelectFrom
{
    background-color: #aadaff;
}
/******************************************************************************************/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2F5883;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2F5883;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/******************************************************************************************/
.PublishedGraph-legend .legend-title {
    text-align: left;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 90%;
    }
  .PublishedGraph-legend .legend-scale ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 100%
    }
  .PublishedGraph-legend .legend-scale ul li {
    display: block;
    float: left;
    width: 20%;
    margin-bottom: 6px;
    text-align: center;
    font-size: 75%;
    list-style: none;
    }
  .PublishedGraph-legend ul.legend-labels li span {
    display: block;
    float: left;
    height: 35px;
    width: 100%;
    }
  .PublishedGraph-legend .legend-source {
    font-size: 70%;
    color: #999;
    clear: both;
    }
  .PublishedGraph-legend a {
    color: #777;
    }

.legend_image_box
{
    background-color: #FFFFFF;
    display: inline;
    float: initial;
    height: 35px;
    text-align: center;
}
/******************************************************************************************/
.Selected_User,.Same_User,.Other_Users,.TheReference
    {
        opacity: 0.7; color:#FFFFFF;
    }
.Selected_User
{
    background:#000000; 
}
.Same_User
{
    background:#209d86;
}
.Other_Users
{
    background:#de820f;
}
.TheReference
{
    background:#e61919;
}
/******************************************************************************************/
#DIY_Bri_Graph_buttons
{
    visibility: hidden;
}
#MainLegendBorder,#View_Data_Tab,#Graph_Brightness_Tab
{
    display: none;
}
.Selected_Data_Point
{
    background-color:rgba(0, 153, 0,0.4);
    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;
}
.Selected_Data_Point_Pluse
{
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: pulsate 1s ease-out;
    -moz-animation-iteration-count: infinite;
}

.Same_User_Data_Point
{
    background: #0C18F2;
    background: -ms-linear-gradient(top, #0C18F2 20%, #19066E 100%);
    background: -moz-linear-gradient(top, #0C18F2 20%, #19066E 100%);
    background: -o-linear-gradient(top, #0C18F2 20%, #19066E 100%);
    background: -webkit-gradient(linear, left top, left bottom (#0C18F2 20%, #19066E 100%));
    background: -webkit-linear-gradient(top, #0C18F2 50%, #19066E 100%);
    background: linear-gradient(to bottom, #0C18F2 20%, #19066E 100%);
    color: white;
}
.Other_Users_Data_Point
{
    /*background-color:rgba(223, 51, 103,0.4);*/
    background: #DF3367;
    background: -ms-linear-gradient(top, #DF3367 20%, #DB1238 100%);
    background: -moz-linear-gradient(top, #DF3367 20%, #DB1238 100%);
    background: -o-linear-gradient(top, #DF3367 20%, #DB1238 100%);
    background: -webkit-gradient(linear, left top, left bottom (#DF3367 20%, #DB1238 100%));
    background: -webkit-linear-gradient(top, #DF3367 50%, #DB1238 100%);
    background: linear-gradient(to bottom, #DF3367 20%, #DB1238 100%);
    color: white;
}
.TheReference_Data_Point
{
    background:#e61919;
}
/******************************************************************************************/
/* The container */
.Users_List_Container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.Users_List_Container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.Users_List_Container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.Users_List_Container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.Users_List_Container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.Users_List_Container .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#Users_List_Table 
    { width: 95%;}
 .fixed_header {
        width: 400px;
        table-layout: fixed;
        border-collapse: collapse;
      }
      .fixed_header tbody {
        display: block;
        width: 100%;
        overflow: auto;
        height: 400px;
      }
      .fixed_header thead tr {
        display: block;
      }
      .fixed_header thead {
        background: black;
        color: #fff;
      }
      .fixed_header th,
      .fixed_header td {
        padding: 5px;
        text-align: left;
        width: 200px;
      }
    .Current_Participant_Points,.All_Participant_Points
        {
                display: none;
        }
    #DIY_Share_PointC,#DIY_Share_PointG
        {
                display: block;
        }
    #DIY_Published_PointC,#DIY_Published_ReferencePoints
        {
                display: none;
        }
    #DIY_Published_PointByUser,#DIY_Published_PointByOtherUser
        {
                display: block;
        } 
    /* Styles for custom tooltip template */
    #Points_Tooltip{
        position: absolute;
        display: none;
        cursor: crosshair;

        background: #E21549;
        color: white;
        font-size: 0.9em;
        font-weight: bold;
        text-align: center;
        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
        z-index: 920;
        height: 85px;
        width: 30%;
        padding: 10px 10px 5px;
        border-radius: 4px;
        text-align: center;
        margin-bottom: -2px; 
    }
    #Points_Tooltip .glyphicon{
        font-size: 16px;
        vertical-align: bottom;
    }
    #Points_Tooltip h3{
        margin: 0;
        font-size: 16px;
    }
/******************************************************************************************/