@charset "utf-8";
/* CSS Document */
.style36 {font-weight: bold; color: #0099CC; font-size: 24px;}
.style53 {color: #FF5555; font-weight: bold; font-size: 13px;}
.style57 {font-weight: bold; color: #0099CC; font-size: 24px; }
.style58 {font-weight: bold; color: #0099CC; font-size: 16px; }
	.row-white {
	display: table;
		margin: auto;
	width:94%;
	max-width: 1300px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
	}
	 .column-white {
	 display: table-cell;
   padding: 15px;
     width:50%;
	 background-color:#fff;
	      vertical-align: middle;
		  border-right:solid 1px #999999;
	}
	.row-whiteSML {
	display: table;
		margin: auto;
	width:99%;
	max-width: 800px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
	}
 	
 
#keyword {
	width: 202px;
}

#results {
	width: 202px;
	position:absolute;
	border: 1px solid #666666;
}

#results .item {
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #666666;
	color: #0066ff;
	background-color: #dddddd;
	z-index:6;
}

#results .item:last-child {
	border-bottom: 1px solid #666666;
}

#results .item:hover {
	background-color: #f2f2f2;
	cursor: pointer;
}

	.floating-box3 {
    display:block;
    text-decoration: none; 
	width: 80%;
   
   padding: 5% 10%;
   text-align: center;
   cursor:pointer;
   overflow:auto;
   background-color: #444;
     }
 .floating-box3:hover {
    background-color: #555;
	
}


.Ebox{
    position:fixed;
	top:120px;
	display:none;
	left:20%;
    right:20%;
	background-color:#333;
    padding:20px;
    border:2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:101;
}
a.Eboxclose{
    float:right;   
    margin-top:0px;
    margin-right:0px;
    cursor:pointer;
}
.EcloseWinMess {
	position:fixed; top:10px; right:10px; background-color:#ccc; width:200px; height:60px; text-align:center; padding:5px;
}
.barChrt {
width: 96%;
max-width:900px;
margin:auto;
	}
@media screen and (max-width:800px) {
  	   .column-white {
        display: block;
        width: 96%;
		padding: 2%;
		margin: 0px 0px 0px 0px;
		align-self:center;
      }
	  .Ebox {
		  left:3%;
    right:3%;
	padding: 2%;
}   
.barChrt {
width: 96%;
margin:auto;	
}
}
  /* ------------------------------- */	
  
  
/* For loading warning */	
 #loading-div
    {
         width: 300px;
         height: 200px;
         background-color: #0c0b0b;
         text-align:center;
         position:absolute;
         left: 50%;
         top: 50%;
         margin-left:-150px;
         margin-top: -100px;
     }
	   #loading-div-background 
    {
      position:fixed;
        top:0;
        left:0;
        background:black;
		 opacity: 0.8;
    filter: alpha(opacity=80); 
        width:100%;
        height:100%;
		display:none;
     }