/* for top panel
------------------------------------------------------------ */
.panel_button {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    /*top: 1px;*/
    z-index: 20;
    cursor: pointer;   
}

.panel_button img {
    position: relative;
    top: 6px;
    /*border: none;    */
}
.panel_button a {
    /*text-decoration: none;*/
}

#open_button a{
    width: 100%;
    height: 25px;
	display: block;
	text-align:center;
    background: #fff url(../images/top/ic_info.jpg) no-repeat  center;
}
#open_button a:hover {
	background: #000 url(../images/top/ic_info_on.jpg) no-repeat  center;
}

#toppanel {
    position: absolute;
    width: 100%;
    left: 0px;
    z-index: 25;
    text-align: center;
}
#panel {
    width: 100%;    
    position: relative;
    top: 0px;
    height: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    overflow: hidden;
    text-align: center;
}
#panel img{
	/*margin:50px 0 50px 0;*/

}

#panel_contents {
    background: black ;
    /*filter:alpha(opacity=97);
    -moz-opacity:0.97;
    -khtml-opacity: 0.97;
    opacity: 0.97;*/
    height: 100%;
    width: 100%;    
    position: absolute;
    z-index: -1;
    
    _float: left; _width: 100%; _margin-right: -2px; /* for IE6 */
    
}
#panel h1 {
    text-align: center;
    /*font-family: Geneva, Arial, Helvetica, sans-serif;
    color: white;
    font-weight: normal;
    line-height: 35px;
    left: 10px;*/
    position: absolute;
    top: 10px;
}
#panel p {
    position: absolute;
    top: 60px;
    padding:20px;
    color:#CCC;
}


.mg_bottom_100{
	margin-bottom:100px	;
}
.mg_bottom_10{
	margin-bottom:10px	;
}
.mg_bottom_20{
	margin-bottom:20px	;
}

#panel_info{
	margin:100px 0 0 0 ; 

}