#imageviewer-container {
width: 632px;
height: auto;
background: #f0f0f0 url('imageviewer-background.jpg') 0 0 repeat;
border: 3px solid;
border-color: #888 #666 #666 #888;
}

#imageviewer-container .header {
display: block;
float: none;
width: 100%;
height: 30px;
}

#imageviewer-container .nav {
display: block;
float: left;
width: 200px;
height: 30px;
padding: 0 15px 0;
font: normal 12px verdana,tahoma,sans-serif;
line-height: 29px;
color: #333;
}

#imageviewer-container .title {
display: block;
float: left;
width: 325px;
height: 30px;
padding: 0 15px 0;
font: bold 12px verdana,tahoma,sans-serif;
line-height: 29px;
color: #333;
}

#imageviewer-container .header .close {
display: block;
float: right;
/*padding: 5px 15px 10px;*/
width: 30px;
height: 30px;
cursor: pointer;
background: transparent url(close.gif) 50% 50% no-repeat;
}

#imageviewer-container .image-container {
display: block;
float: none;
overflow: hidden;
height: 400px;
width: 600px;
border: 2px solid #bbb;
border-color: #ccc #aaa #aaa #ccc;
padding: 4px;
margin: 5px auto 10px auto;
background-color: #fff;
text-align: center;
}

#imageviewer-container .image-container.loading {
background: #fff url(loading.gif) center center no-repeat;
}

#imageviewer-container .image {
padding: 0;
border: none;
}