/* CSS METAL-SAN-ISI */

body,td,th {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#454545;
margin:0px;
}

a {
color:#7d7d7d;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#000000;
font-weight:bold;
text-decoration:underline;
}

#tableframe {
width:800px;
margin:auto;
}

#flashframe {
width:100%;
float:left;
height:373px;
background:url(../images/flash_frame_bg.jpg);
}

#headerframe {
width:800px;
float:left;
background:url(../images/header_frame_bg.jpg) repeat-y;
}

#header_top {
width:100%;
height:28px;
float:left;
}

#header_content {
width:740px;
float:left;
overflow:hidden;
background-color:#FFFFFF;
}

#bottomframe{
width:800px;
height:38px;
float:left;
margin:auto;
background:url(../images/bottom_frame_bg.jpg);
}

#title {
color:#FF0000;
font-size:14px;
font-weight:bold;
width:100%;
line-height:30px;
border-bottom:#ff0000 1px solid;
}

#both {
width:100%;
float:left;
height:50px;
text-align:center;
color:#FFFFFF;
}

#both a {
color:#FFFFFF;
text-decoration:none;
}

#both a:hover {
color:#000000;
text-decoration:none;
}

input,textarea {
border:#999999 1px solid;
background-color:#ffffff;
color:#333333;
font-size:11px;
}

#galeri {
width:100%;
float:left;
}

#galeri a img {
border:#CCCCCC 1px solid;
background-color:#f8f8f8;
padding:3px;
}

#galeri a:hover img {
border:#e1e1e1 1px solid;
background-color:#cccccc;
padding:3px;
}

#lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img {
border: none;
}

#outerImageContainer {
position: relative;
background-color: #e1e1e1;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer {
padding: 10px;
}

#loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

#hoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

#imageContainer>#hoverNav {
left:0;
}

#hoverNav a {
outline: none;
}

#prevLink, #nextLink {
width: 25%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat;
display: block;
}

#prevLink {
left: 0;
float: left;
}

#nextLink {
right: 0;
float: right;
}

#prevLink:hover, #prevLink:visited:hover {
background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
background: url(../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #e1e1e1;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
}

#imageData {
padding:0 10px;
color: #666;
}

#imageData #imageDetails {
width: 70%;
float: left;
text-align: left;
}
	
#imageData #caption {
font-weight: bold;
}

#imageData #numberDisplay {
display: block;
clear: left;
padding-bottom: 1.0em;
}
			
#imageData #bottomNavClose {
width: 65px;
float: right;
padding-bottom: 0.7em;
}
 	
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}

#toolTip{
border:1px solid #7D7D7D;
background-color:#ffffff;
position:fixed;
visibility: hidden;
overflow: hidden;
color:#333;
font-weight:bold;
padding:3px;
}

#toolTip p {
background-color:#f8f8f8;
color:#FF0000;
font-size:11px;
}