﻿.modal-overlay
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #E0E0E0;
    opacity: .75;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    z-index: 101;
}
.modal-window
{
    position: fixed;
    top: 55%;
    left: 50%;
    margin: 0;
    padding: 0;
    z-index: 102;
    border: 2px solid Black;
	background-color:#FFFFFF;
}
.close-window, .save-window, .restore-window
{
    position: absolute;
    width: 32px;
    height: 32px;
    /*top: -15px;*/
    right: 0px;
    background: transparent url('../images/close-button.png') no-repeat scroll right top;
    text-indent: -99999px;
    overflow: hidden;
    cursor: pointer;
    
}

.second-graph
{
    margin-left: 47%;
    right: 48%;
}

.save-window
{
    right: 25px;
    opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
     top: 5px !important;
}
.restore-window
{
    right: 60px;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
     top: 5px !important;
}
.close-window:hover
{
    opacity: .99;
    filter: alpha(opacity=99);
    -moz-opacity: 0.99;
}
#graphBody
{
    background-color: White;
}
#div_chart, #div_chartLeft, #div_chartRight
{
    position: absolute;
    left: 10px;
    right: 10px;
    top: 120px;
    bottom: 10px;
    background-color: Black;
}
#div_chartLeft, #div_chartRight
{
    top: 50px;
}
#div_chartLeft
{
    width: 49%;
}

#rblAmplitudeLeft
{
   
}
#rblAmplitudeRight
{

}
#ibLeft
{

}
#ibRight
{

}

#div_chartRight
{
    width: 49%;
    right: 10px;
    left: auto;
}

.vals
{
    color: White;
    text-align: center;
    border: 2px solid black;
    background-color: Gray;
    max-width: 500px;
    vertical-align:top !important;

}
.btnStyle
{
    min-width: 30px;
}
.hiddenText
{
    visibility: hidden;
    width: 0px;
}
.dygraph-legend
{
    color: White;
    background-color: transparent !important;
    text-align: right !important;
}

#div_chart .dygraph-label, #div_chartLeft .dygraph-label, #div_chartRight .dygraph-label
{
    color: White;
}
.dygraph-axis-label-y
{
    color: White;
}
.dygraph-axis-label-x
{
    color: White;
}
.hideButton
{
    visibility: hidden;

}

#modal_message p{
	padding-top:5px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:15px;
}

#modal_message h4{
	background-color: #c0c0c0; 
	border-bottom: 1px solid black; 
	height: 15px; 
	text-align: left; 
	padding: 10px;
}



.modalBackground
{
      background-color: Yellow;
      filter: alpha(opacity=60);
      opacity: 0.6;
}
 
.modalPopup
{
      background-color:#ffffdd;
      border-width:3px;
      border-style:solid;
      border-color:Gray;
      padding:5px;
      width: 620px;
      height:550px;
      overflow:Auto;
}