@charset "shift_jis";

/* viewer */
#viewer-bg{
background-color:#000;
}

#viewer-loader{
background:#fff url(images/loader.gif) center center no-repeat;
height:150px;
width:150px;
}

#viewer-holder{
background:#fff;
color:#000;
padding:5px;
border:1px solid #000;
}

#viewer-holder.image #viewer-close{
display:block;
height:15px;
width:15px;
text-indent:-9999px;
background:url(/fx_tools/e-profit_fx/viewer/images/viewer-close-img.gif) 0 0 no-repeat;
position:absolute;
top:5px;
right:5px;
line-height:0;
font-size:0;
}

#viewer-holder.image #viewer-state{
text-align:right;
color:#aaa;
}

#viewer-holder.image #viewer-nav{
background:#000;
padding:2px 10px;
text-align:center;
}

#viewer-holder.image #viewer-nav a{
font-weight:bold;
padding:0 5px;
margin:0 5px;
color:#fff;
}

#viewer-holder.image #viewer-nav a:hover{
background:#fff;
color:#000;
}

#viewer-holder.image #viewer-state{
color:#999;
}

#viewer-holder.image #viewer-caption{
margin:10px;
color:#666;
}

#viewer-holder.html #viewer-title{
background:#8c0;
border-left:7px solid #5a0;
padding:0 10px;
color:#fff;
line-height:25px;
font-weight:bold;
}

#viewer-holder.html #viewer-frame{
border:1px solid #5a0;
border-top:none;
}

#viewer-holder.html #viewer-close{
display:block;
height:13px;
width:13px;
text-indent:-9999px; 
background:url(/fx_tools/e-profit_fx/viewer/images/viewer-close-html.gif) 0 0 no-repeat;
position:absolute;
top:11px;
right:11px;
line-height:0;
font-size:0;
}

#viewer-holder.html #viewer-close:hover{
background-position:0 -13px;
}