/*==========================================================================
CSS Sections

        PAGE LAYOUT
        HTML 
          Structure
              DOC
                Header
                Body
                    left Column
                    right Column
                    main
                Footer
                
    GRIDS-

    
    STRUCTURE BLOCKS

        CONTAINER MODULE
    
            Contour Blocks
                Container
                Header
                Body
                Footer
                Navigation
                
            Background Blocks
                
            Skin
                Colour
                Font
                Border
                Background
                
            Inner- inserted via JS, PHP

    CONTENT BLOCKS
 
            
                Tab
                Tab Body
                Body H1-6
                li
                Data
                Table
                Media - images, Sound, Video
                Paragraphs
                Lists
                Buttons
                Menu
                Charts
                
            Inline Elements - ????    
                             
        Pseudo Elements -
        
        Media Queries   -

        Print Styles    -

        Quick Edit Styles - New rules created in                    Brackets Quick Edit are inserted at the                bottom of the CSS file
    
    ========================================================================== */
  
  /*==========================================================================
 PAGE Layout  - HTML
                 Header
                Body
                    left Column
                    right Column
                    main
                Footer


 ========================================================================== */
 
 #page-wrap {
	background: white;
    margin: 10px auto;
    min-width: 720px;
    max-width: 1920px;
	}
    
 #inside {
		margin: 0 10px 0 10px;
		padding-top: 1px;
		padding-bottom: 10px;
	}
    
    .container	{
		width: 100%;
		border: 5px solid #201cab;
		/*border-radius: 15px;*/
			background-color:#dbeef3;
		/*	background-color: #FFFFCC;*/
		color:#201cab;
		font-family: OpenSans;
		font-size: 18px;
		/*height: 100%;*/
		/*padding: 50px;*/
		margin:1px;
    position:relative;
    overflow:hidden;
    
} 
#header	{
		position: relative;
        height: 55px;
		/*	background-color: #85A7B3;*/
		/*	border-bottom: 5px solid #201cab;*/
		padding: 8px 0;
		text-align: center;
		font-weight: bold;
		font-size: 18px;
		background-color:#dbeef3;
		/*border-radius: 10px 10px 0 0;*/
    margin-bottom: 1px;
    z-index: 5;
	} 

#leftnav	{
position: absolute;
/*left: 3%;*/
top: 150px;
width: 7%;
/*height: auto;*/
/*border: 2px solid #201cab;*/
margin: 0 8px 10px 5px;
padding: 8px;
/*height:70%; */ 
}

#rightnav	{
position:absolute;
    /*clear: both;*/
margin:0 5px;
padding: 0 0 0 5px;
top: 150px;    
left:80%;
right: 1%;
width: 19%;
/*min-height: 650px;*/
/*border-top: 5px solid #201cab;*/
border: none;
    display: block;
/*overflow: hidden;*/
    font-size: 16px;
    
}

#rightnav img{
 max-width: 98%;
  /*  max-height: 100%;*/
    margin: auto;
    display: block;
}

.nav {
    margin-top: -40px;
}

#main {
		/*position: absolute;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);*/
    width: 100%;
    min-height: 1400px;
    margin-top: 44px;
	}

#footer	{
		
    width: 100%;
    margin-top:1px;
		clear: both;
		border-top: 5px solid #201cab;
		padding: 0 25px 0 10px;
		/*text-align:right;*/
		background-color:#dbeef3;
		/*border-radius: 0 0 13px 13px; */
	}
 
 /*==========================================================================
 Block Elements  -  h1, h2, h3, hr, p, div, nav, article, header, footer, ol, ul, li, blockquote, Form, hgroup, main, section,Table
 ========================================================================== */

h2
{
    margin-bottom: 7px;   
}


h3	{
		color:#201cab;
		padding-left:5px;
		margin: 10px 10px 10px 10px;
	}

h4	{
		margin: 10px 10px 10px 10px;
		text-indent: 25px;
	}
h4.rightnav {	
    margin:5px;
    text-indent: 0;
    }
    
p	{
		
		margin-left:175px;
		width: 815px;
	}

p.validateTips  {
    margin:0;
    width:250px;
}

p.siteuse	{
		margin-left:190px;
}
p.rightnav {
margin-left:10px;
}

#rightnav .p{
margin-left: 5px;
}   
    /*==========================================================================
        Inline Elements - span, em, strong, a, img, cite,button, input, select, textareafooter,
========================================================================== */  
   


/*==========================================================================
    Custom Styles   -
========================================================================== */ 

   
 #chartandtable
{
top: 15px;
color:#201cab;
width: 70%;
margin-left: 7px;
/*opacity: .85;*/
position:relative;
display: inline;
/*z-index: 100;*/
} 

td.lpimage{
    border:none;
    text-align: left
}
.landing-image {
    display: block;
    left: 2%;
    width: 250px;
    height: 125px;
    margin: 10px;
    /*border: 3px solid #201cab;*/
    /*color:  black;*/
    /*background-color: #201cab;*/
    border: none;
    padding: 4px;
    font-size: 16pt;
    background-size:cover;
}

.landing-box2 {
    display: block;
    left: 40%;
    width: 230px;
    height: 115px;
    margin: 10px;
    /*border: 3px solid #201cab;*/
    color:  black;
    /*background-color: #201cab;*/
    
    padding: 4px;
    font-size: 1.2em;
    background-size:cover;
}

table.landing
{
    border:none;
    left:2%;
    width:96%;
    background:none;  
}

td.landingtext {
    border:none;
    width: 350px;
    text-align: left;
    /*position: absolute;
    top:425px;
    left: 2%;
    display: block;
   width: 350px;*/
   /* margin: 10px;
    border: 3px solid #201cab;*/
    color:  #201cab;
    /*background-color: #201cab;*/
    font-weight: 600;
    font-size: 1.2em;
}

.landing-text2 {
    width:65%;
    text-align: justify;
    position: absolute;
    top:515px;
    left: 25%;
    display: block;
     /* margin: 10px;
    border: 3px solid #201cab;*/
    color:  #201cab;
    /*background-color: #201cab;*/
    font-size: 1.2em;
    font-weight: 700;
}

.landing-text3 {
    position: relative;
    width: 98%;
    display: block;
    left: 2%;
    top:25px;
    /*width: 350px;*/
    margin: 10px;
    /*border: 3px solid #201cab;*/
    color:  #201cab;
    /*background-color: #201cab;*/
    overflow: hidden;
    font-size: 1.2em;
}

    /*==========================================================================
    Content Blocks      -
========================================================================== */
  	.content:before   /* This is a pseudo div for the background picture. It uses before so that it is the bottom layer of the .content elements */
  {
  content: ' ';
    display: block;
    position: absolute; /*All other elements are relative*/
    left: 0;
    top: 1px;
    bottom: -2px;
    width: 100%;
   /* z-index: 1;  */
     opacity: 0.25;
    background-image: url("images/retirebeach.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    }
.content.inactive {
		display: none;
	}

.content a {   /* Positions the hyper-link on top of the pseudo div for the background*/
position:relative;
/*z-index:2;*/
}

#page{
  	position:relative;
    clear: left;
    	padding: 0 0 0 1em;
      left: 0%;
		height: 100%;
    width:87%;
     	overflow-y: hidden;
		overflow-x:hidden;
    /*z-index: 2;
		/*margin-right: 350px;  */
	/*	background-image: url("beach.jpg");
		opacity: .40;*/
  }


#page-1 #page-2 #page-3 #page-4 a
{
  
    position: absolute;
    display:none; 
    height: 100%;
}

#page-1 #page-2 #page-3 #page-4 a:active
{
    display:inline-block;
    
    
}

.headlines
{
    position:absolute;
width:97%;
/*height:250px;*/
    display: inline-block;
overflow-y:visible;
    border: solid 1px black;
    color: #201cab;
 }

.content {
	
		position:relative;
        clear: left;
    	padding: 1em;   
        min-height: 1400px;
		/*height: 99%;*/
        top: 16%;
        /*left: 8%;*/
        width:78%;
		overflow-y: visible;
		overflow-x:hidden;
     }


    .tabs {
        position: relative;
        height: 575px;    
        min-height: 200px;  /*This part sucks */
        width: 98.5%;
        clear: both;
        padding: 0 0;
        margin: 14px 0;
        /*centering*/
        display: block;
        background: #dbeef3;
        /*background-color: #201cab;*/
        /*box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);*/
        overflow: hidden;
        /*border-radius: 5px;
        /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
        counter-reset: flag;
    }
    .tab {
        float: left;
        /*width:20%;*/
        display: block;
        font-weight: 800;
        font-size: 12px;
        line-height: 20px;
        color: #201cab;
        /*need more margin on the left of links to accomodate the numbers*/
        padding: 0 10px 0 10px;
        /* background: greenyellow;*/
        margin-right:13px;
        /*position: relative;*/
        background: #201cab;
        /*border: 1px solid #c2e1f5;
        height: 42px;*/
        margin-left: -10px;
        }

.tab:after, .tab:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: relative;
	pointer-events: none;
    display: inline;
   /* z-index: 23;*/
}

/*.tab:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #201cab;
	border-width: 21px;
	margin-top: -21px;
    top: 22px;
    z-index: 25;
    position:absolute;
    display: inline;
}*/
.tab:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #c2e1f5;
	border-width: 25px;
	margin-top: -25px;
    top: 22px;
    z-index: 24;
    position:absolute;
}


/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.tab:first-child {
	padding-left: 4px;
	/*border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
    .tab:first-child:before {
	/*left: 14px;*/
}
.tab:last-child {
	/*border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
	padding-right: 4px;
}

/*hover/active styles*/
.tab .active, .tab label:hover{
 	background: #85A7B3;
    display: inline-block;
    /*margin-right: 3px;
/*	background: linear-gradient(#333, #000);*/
}
.tab .active:after, .tab label:hover:after {
	background: #85A7B3;
    display: inline-block;
    /*margin-right: 3px;
	/*background: linear-gradient(135deg, #333, #000);*/
}


/*we dont need an arrow after the last link*/
.tab :last-child:after {
	content: none;
}
/*we will use the :before element to show numbers*/


.tab label.radiotab::before {
	content: counter(flag);
	counter-increment: flag;
	/*some styles now*/
	/*border-radius: 100%;*/
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 0px 10px 0px 20px;
	position: relative;
	top: 0;
	left: 0;
    text-align: center;
    background: whitesmoke;
	/*background: linear-gradient(#444, #222);*/
	font-weight: bold;
    display:inline-block;
    color: #201cab;
    }

    .tab label.radiotab {
      background: #201cab;
      width: 110%;
      padding: 6px; 
     border: none; /*1px solid #201cab;*/
        border-bottom: none;
     /* margin-left: -1px; */
      position: relative;
     /* left: 1px;
      /*counter-reset: flag; */
        display: inline-block;
        overflow: hidden;
        color:whitesmoke;
    }

    .tab [type=radio] {
      display: none;
        margin: 8px;
    }
    .tabcontent {
      position: absolute;
      top: 32px;
        display: inline-block;
      min-height: 250px;
        width: 98%;
      left: 0%;
      background: #dbeef3;
       color: #201cab;
      right: 2px;
      bottom: 0;
      padding: 10px;
      border: 1px solid #201cab;
       /* border-top: none;*/
        overflow-y: visible;
		/*overflow-x:hidden;*/
    
    }
    [type=radio]:checked ~ label {
      background: whitesmoke;
        color:#201cab;
      border-bottom: none; /*1px solid #201cab;*/
     /* z-index: 2;*/
        margin: 0;
       
    }
[type=radio]:checked ~ label.radiotab::before {
    text-align: center;
    background: #201cab;
	/*background: linear-gradient(#444, #222);*/
	font-weight: bold;
    display:inline-block;
    color: whitesmoke ;
}


    [type=radio]:checked ~ label.radiotab ~ .tabcontent {
      z-index: 1;
        margin: 0;
        
    } 

 [type=radio]:unchecked ~ label.radiotab ~ .tabcontent {
      display: none;
     margin: 0;
     
    }

.radio  {
   /* margin-right: 15px;
    margin-left: 15px;*/
    
}

.def	{
		margin-left: 175px;
		width: 885px;
		list-style:none;
	}
	
.terms	{
		font-style:italics;
		font-weight: bold;
		
	}
	.hangingindent {
    padding-left: 18px ;
    text-indent: 8px ;
	margin-left: 25px;
}

.expcategory{
    background: #dbeef3;
}
	
.smalltext	{
		font-size: 10px;
		/*font-family: verdana;
		color: #CC0000;*/
	}

	input.expradio {
    color: #888;
        margin-top:10px;
}
.expradioimg  {
    height: 30px;
    width: 30px;
}
svg.expradioimg {
    height: 30px;
    width: 30px;

}
    
svg.expradioimg path {
fill: #888;
}
svg.expradioimg:hover path {
fill: #35829d;
}
label.expradio {
      background: #dbeef3;
      width: 32px;
    height: 32px;
      padding: 2px; 
     border: none;
    border-bottom: none;
     /* margin-left: -1px; */
      position: relative;
     left: -4px;
   top:-18px;
        display: inline-block;
        overflow: visible;
    }
.expradio:hover {
box-shadow: 0 0 2px 2px grey;
color: #35829d; 
    fill: #35829d;
}
/*label>svg.expradio:hover path {
fill: #35829d;
}*/
input[type=radio]:checked +  label>svg.expradioimg path {
  fill: #201cab;
   /* z-index: 2;*/
}
input[type=radio]:checked + label.expradio  {
    box-shadow: 0 0 1px 1px grey;
    color: #201cab;
}

/* Stuff after this is only to make things more pretty */
input[type=radio] + label>svg.expradio {
  border: none;
  width: 30px;
  height: 30px;
  transition: 500ms all;
}

[type=radio]:checked ~ label.expradio ~ .tab-3::inactive {
      z-index: 1;
        margin: 0;
    display: none;
        
    } 

/*
*****************************************************
*****************************************************
*/



/*
*****************************************************
*****************************************************
*/

    /*==========================================================================
    Inner- inserted via JS, PHP      -
========================================================================== */

.smallspacer {
    /*text-align: center;*/
		height: 27px;
		/*	padding-left: 20px;*/
		color: #201cab;
		width: 8px;
		/*border-radius: 5px;*/
}

  /*js table of cashflow projection details*/ 
.gentable {
		border-collapse:collapse;
		border: 1px solid #201cab;
		margin-top: 25px;
		margin-bottom: 10px;
		/*font-family: verdana;*/
		width: 85%;
		background-color:#b8cce4;
		/*border-radius: 10px;*/
        margin-left: 7.5%;
        margin-right:7.5%;
        padding-left: 5%;
        padding-right: 5%;
	}
    
.gencell
{
		height: 25px;
		margin: 15px;
		text-align: center;
		font-size: 11px;
		width: 105px;
		border-top: 1px solid #201cab;
    }


.gentable .smallspacer {
    /*text-align: center;*/
		height: 27px;
		/*	padding-left: 20px;*/
		color: #201cab;
		width: 8px;
   	/*border-radius: 5px;*/
}

.gentable td_neg	{
		height: 25px;
		margin: 15px;
		text-align: center;
		font-size: 11px;
		width: 105px;
		border-top: 1px solid #201cab;
		color: red;
    }
.pop {
    font-size: 1.1em
}


/* D3 Chart generated elements*/

rect
{
border-width:  none;
}	
.overlay {
		/*background: red;*/
    display: inline-block;
		fill: white;
		opacity: 0.85;
		pointer-events: all;
		position:absolute;
		z-index: 1;
		border: none;
		margin:10px;
	}
.overlay2 {
		/*background: red;*/
    display: inline-block;
		fill: white;
		opacity: 0.85;
		pointer-events: all;
		position:absolute;
		z-index: 1;
		border: none;
		margin:10px;
	}
	
path {
		/*stroke: #eee;
		stroke-width: 2;
		stroke-dasharray: 0;*/
		fill: none;
	}	

label.disabled {
		opacity: 0.4;
	}

.axis_title  {
	margin-top: 25%;
    height: 50%;
	font-size: 12pt;
	}

.axis_title  text{
		height: 50%;
		font-size: 12pt;
		color: #201cab;
        margin: 10px;
    padding-top: 5px;
	}

.RetireDateLine {
		stroke: #201cab;
		stroke-width: 2;
		fill: none;
		/*stroke-dasharray: 3 3; 
		display: inline;
		position: absolute;*/
	}
	
.RetireLine_title  {
		font: OpenSans;/*Arial;*/
		font-size: 10pt;
		color:#201cab;
	}

.investmentline {                         
		fill: none;                 
		stroke: url(#line-gradient);   
		stroke-width: 2px;
	}

.netcashflowline {                         
		fill: none;                 
		stroke: url(#line-gradient1);
          /*  #ebb12c;  */
		stroke-width: 2px;
	}

.expensesline {                         
		fill: none;                 
		stroke: /*none;*/
           #984EA3;  
		stroke-width: 2px;
    overflow: hidden;
	}
	
.incomeline {                         
		fill: none;
    		/*stroke: none;*/

		stroke: #377EB8;    
		stroke-width: 2px;
	}
.area { 
		fill: url(#area-gradient);                  
		stroke-width: 0px;
	}	

.focusinc circle {
		fill: #377EB8;
		opacity: 0.85;
		stroke: #201cab;
	}

.focusexp circle {
		fill: #984EA3;
		opacity: 0.85;
		stroke: #201cab;
	}
.focusinv circle {
		fill: url(#line-gradient);
		opacity: 0.85;
		stroke: #201cab;
	}

/* Rickshaw Legend*/

#legend {
		background-color: #dbeef3;
		/*border-radius: 6px;*/
		color: #201cab;
		/*margin: 12px;*/
		padding: 0;
		left: 0;
		list-style-type: none;
		margin-left: 20px;
    
	}
#legend .label {
		color: #201cab;
	}

#legend ul {
		padding: 1px;
		margin:0;
		list-style-type:none;
	}

#legend ul li {
		display: inline;
	}

#legend ul li  a{
		text-decoration: none;
	}

#rsLegend {
		display: inline-block;
		width: 565px;
		height: 20px;
	/*	margin-right: 70px;
		margin: 10px 10px 10px 10px;*/
		position: absolute;
		
		left: 9%;
		font-size: 11px;
		font-weight: bold;
		padding: 15px;
    top: 83%;
	}

/*js message on chart*/

#message {
		display: inline-block;
		width: 565px;
		height: 20px;
		/*margin: 10px;*/
        left: 25%;
		position: absolute;
		padding: 1px;
		/*left: 20px;*/
		font-size: 14px;
		font-weight: bold;
		color: #201cab;
		text-align: center;
		top: 92%;
	}


/*==========================================================================
    Tables          -
========================================================================== */    
    
	
table {
      	padding: 10px 10px 10px 10px;
		border-spacing:2px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		background: #dbeef3;
		/*border-radius: 10px;
		border-collapse:collapse;
    	border: 1px solid #201cab; */
     	/*font-family: OpenSans;*/
      	/*width: 735px;*/
		width: 95%;
		/*	height: 400px;*/
		display: block;
		/*margin-left:175px;*/
    /*border: solid black 2px;*/
    empty-cells: show;
			}

.tabletitleleft {
    font-size: 0.9em;
    text-align: left;
}
.tabletitlecenter {
    font-size: 0.9em;
    text-align: center;
}

.cell_col1{
    width: 75px;
}

th.title	{
		height: 25px;
		margin: 15px;
		text-align: center;
		/*width: 105px;*/
		border-top: 5px solid #201cab;
		color: red;
    }

.titleleftcell {
    text-align: left;
    padding: 0 5px 0 5px;
    /*vertical-align: text-top;*/
    width: 75px;
}

.coltitlecell {
    text-align: center;
    padding: 3px;
    width: 75px;
}

.iconcell{
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    width:48px;
    max-height: 35px;
    overflow-y: hidden;
}

.explabel{
    display: inline-block;
    float: left;
    clear: left;
    width: 8px;
    text-align: left;
}
input.expinput {
  display: inline-block;
    width: 20px;
}

table td, table th	{
     	height: 30px;
		text-align: center;
		/*font-family: verdana;*/
		font-size: 0.6em;
		/*width: 100px;*/
        /*border: solid black 2px;*/
        padding-left: 2px;
	}

tr.divider {
		border: 1px solid #201cab;
		/* margin-bottom: 2px;*/
	} 

/*.smaller, .smaller th, .smaller td{
		
    border: solid black 2px;
	}*/

#table_entry, #spendredux	{
		padding: 10px 10px 10px 10px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		background: #dbeef3;
		/*border-collapse:collapse;*/
		border: none;
		/*1px solid #201cab;*/
     	/*font-family: verdana;*/
		width: 90%;
      	/*width: 885px;*/
		/*	height: 400px;*/
		display: block;
		/*	table-layout:auto;*/
}

.td_label	{
		padding-left: 2px;
		height: 27px;
		text-align: left;
		width: 190px;
	}


.data_input_cell  {
    text-align: center;
		height: 25px;
		padding: 3px;
		color: #201cab;
		/*width: 40px;*/
		/*border-radius: 5px;*/
    
}

.data_input_cell_left  {
    text-align: left;
		height: 25px;
		padding: 3px;
		color: #201cab;
		/*width: 40px;*/
		/*border-radius: 5px;*/
    
}

.cell_5dig input[type="number"], input[type="text"]	{
        /*For monthly amounts*/
		/*font-family: verdana;*/
		color: #201cab;
		height: 25px;
		text-align: center;
		width: 40px; 
		padding: 2px;
		border:none;
		/*border-radius: 5px;*/
		box-shadow: 0px 0px 2px #888;
	}
.cell_7dig input[type="number"], input[type="text"]	{
        /*For Annual totals*/
		/*font-family: verdana;*/
		color: #201cab;
		height: 20px;
		text-align: right;
		width: 50px; 
		padding: 2px;
		border:none;
		/*border-radius: 5px;*/
		box-shadow: 0px 0px 2px #888;
	}
.cell_10dig input[type="number"], input[type="text"]	{
        /*For grand totals and savings/
		/*font-family: verdana;*/
		color: #201cab;
		height: 20px;
		text-align: right;
		width: 70px; 
		padding: 2px;
		border:none;
		/*border-radius: 5px;*/
		box-shadow: 0px 0px 2px #888;
	}

.data_display_cell  {
    text-align: center;
		height: 25px;
		padding: 3px;
		color: #201cab;
		/*width: 40px;*/
		/*border-radius: 5px;*/
    
}

.cell_5dig input[disabled="disabled"]	{
        /*For monthly amounts*/
		/*font-family: verdana;*/
		color: #201cab;
		height: 25px;
		text-align: center;
		width: 40px; 
		padding: 2px;
		border:none;
		/*border-radius: 5px;*/
		box-shadow: 0px 0px 2px #888;
	}
.cell_7dig input[disabled="disabled"]	{
        /*For Annual totals*/
		/*font-family: verdana;*/
		color: #201cab;
		height: 20px;
		text-align: right;
		width: 50px; 
		padding: 2px;
		border:none;
		/*border-radius: 5px;*/
		box-shadow: 0px 0px 2px #888;
	}
.cell_10dig input[disabled="disabled"]	{
        /*For grand totals and savings/
		/*font-family: verdana;*/
		color: #201cab;
		height: 20px;
		text-align: right;
		width: 70px; 
		padding: 2px;
		border:none;
		/*border-radius: 5px;*/
		box-shadow: 0px 0px 2px #888;
	}


/*==========================================================================
    Forms         - location
========================================================================== */ 

	form {
	width: 99%;
	/*margin: 200px 0 60px 0;*/
}
select {
	width: 115px;
	vertical-align: middle;
		border: none;
		padding: 0px;
		color: #201cab;
		box-shadow: 0 0 2px #888;
		/*border-radius: 5px;*/
	/*font: normal 11px verdana;
	color: #fff;
	background: #000;*/
}


.Location
{	
		width: 160px;
		margin-right: 7px;
}

#utilities-form {
    width: 900px;
}

/*==========================================================================
    Charts          - div
========================================================================== */ 

#chart_container {
		position: relative;
		display: inline-block;
		width: 99%;
		/*835px;*/
		height: 435px;
		/*margin-left:5px;*/
		/*margin: 20px auto;*/
		background: #dbeef3;
		border: 1px solid;
		/*border-radius: 10px;*/
		padding: 5px 4px 5px 4px;
		/*opacity: .85;*/
	}
	
#chart2 {	
    display: inline-block;
		width: 37%;
		height: 265px; 
		position: absolute;
		color: #dbeef3;
		font: 16px sans-serif;
		top: 19%;
    left: 8%;
		border: none;
        overflow: visible;
	}
	
#chart {
    display: inline-block;
		width: 37%;
		height: 265px; 
		position: absolute;
		color: #dbeef3;
		font: 16px sans-serif;
		top: 19%;
		border: none;
    right: 3%;
		overflow: visible;
	}

#chart #chart2 .svg{
    overflow: visible;
}
    /*==========================================================================
    Media Queries   -
========================================================================== */    

/*@media screen and (min-width:960px) {
#core	{
		padding: 8px 300px 8px 8px;
		text-align: justify;
		border-left: 5px solid #201cab;
		margin-left: 160px;
		background-color: #85A7B3;*/




/*==========================================================================
    Print Styles    -
========================================================================== */
    
   /* ==========================================================================
   Quick Edit Styles - MOVE 
   ========================================================================== */
   
#register {
   position:relative;
    background: none;
    color: #201cab;
    top:-40px;
    right: -43%;
    border:none;
    font-size: 0.9em;
}
#login {
   /* position: absolute;*/
    background: none;
    color: #201cab;
    right: -43%;
    top:-40px;
    border:none;
    font-size: 0.9em;
}
.hover_group:hover 
  { 
    box-shadow: 0 0 2px 2px grey;
color: #35829d; 
    fill: #35829d;
  } 
button .expand {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: transparent;
  /* put the height and width of your image here */
  height: 15px;
  width: 15px;
  color: white;
  border: none;
}
   /* .expand {
    background-image: url(images/magnifying-glass14.svg);
    }
button span .expand {
  display: none;
}
    body { font-size: 62.5%; }
    label, input { display:block; }
    input.text { margin-bottom:12px; width:95%; padding: .4em; }
    fieldset { padding:0; border:0; margin-top:25px; }
    h1 { font-size: 1.2em; margin: .6em 0; }
    div#users-contain { width: 350px; margin: 20px 0; }
    div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
    div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
    .ui-dialog .ui-state-error { padding: .3em; }
    .validateTips { border: 1px solid transparent; padding: 0.3em; }*/