body, html {
    margin: 0;
    padding: 0;
}
.container {
    width: 800px;
    height: 600px;
    background-color: #666666;
}
.options
{
 background-color: white;
}
.container-left {
    top: 90px;
    left:0px;
    width: 300px;
    height: 600px;
    float: left;
    position: relative;
}
.color
{
 background-color: #A8C6EE;
}
.color1
{
 background: #CEDBEF;
}
#imgDisplay
{
 width: 399px;
    height: 403px;
	    background-repeat: no-repeat;
		    box-shadow: 5px 9px 18px #312d2d;
    //border: 1px solid;
}
.container-right {
    float: left;
    position: relative;
    padding: 70px 50px 0px 70px;
    width: 330px;
    height: 530px;
    
    /* box-shadow: 5px 5px 5px gray; */
    /* background-color: green; */
}
.right-panel {
    /* width: 400px;
    height: 400px;
	border: 1px solid; */
	    width: 399px;
    height: 449px;
	    border: 1px solid;
    box-shadow: 0px 3px 39px #312d2d;
}

.green-img, .red-img, .blue-img {
    position: absolute;
    /* new */
    left: 5px;
    top: 5px;
}
.red-img {
    /* left: 42px;
    top: 42px; */
    /* new */
    left: 37px;
    top: 37px;
}
.blue-img {
    /* left: 89px;
    top: 89px; */
    /* new */
    left: 70px;
    top: 70px;
}
.title-panel {
    width: 390px;
    height: 16px;
    background-color: #dedede;
    padding: 5px 5px;
	font-family: arial;
    font-size: 12px;
}
.option-panel {
    width: 400px;
    height: 20px;
	//background-color: white;
    /* background-color: yellow; */
}
.graph-panel {
    width: 400px;
    height: 408px;
    /* background-color: green; */
}
#arrow
{
        border-left: 1px solid;
    //width: 19px;
    //height: 19px;
    float: right;
	text-align: centre;
	//background-image: url('images/arrow.png');
	display: block;
}
#axis
{
 background-color: white;
}
#optCont
{
 display: none;
}
#opt_0
{
background-color: #dedede;
    border: 1px solid;
	    cursor: default;
		font-family: arial;
    font-size: 12px;
	    height: 18px;
		    line-height: 1.5em;
			    text-indent: 0.4em;
}
#opt_1
{
    
}

#opt_2
{
    
}
#opt_3
{
    
}

.options{
	//background-color: white;
    position: relative;
	    cursor: default;
		font-family: arial;
    font-size: 12px;
	    text-indent: 0.3em;
}
.option-panel select {
    width: 400px;
    height: 25px;
    background: -webkit-linear-gradient(#ededed, #cacaca);
    background: -moz-linear-gradient(#ededed, #cacaca);
    background: -o-linear-gradient(#ededed, #cacaca);
    background: -ms-linear-gradient(#ededed, #cacaca);
    background: linear-gradient(#ededed, #cacaca);
}
/* #axis:hover{
	background:red;
} */
.graph-panel img {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

option {background:white;}