#photoviewer { height:600px; position:relative; top:5px; }

#tabs { min-height:25px; }
#tab1,#tab2,#tab3,#tab4,#tab5 { float:left; width:74px; min-height:25px; text-align:center; background-repeat:no-repeat; padding-top:2px; margin-right:3px; }
#tabs div.tabselected { background-image:url(graphics/photoviewer/PhotoviewerTabSelected.png); }
#tabs div.tabunselected { background-image:url(graphics/photoviewer/PhotoviewerTabUnselected.png); }
#tabs div.tabunselected:hover { background-image:url(graphics/photoviewer/PhotoviewerTabHighlighted.png); }
#tabs div.tabunselected:hover a { color:black; }

#tabs div.tabselected a { text-decoration:none; color:white; }
#tabs div.tabunselected a { text-decoration:none; color:#76A4D7;  }

.contentpanel { top:-2px; height:580px; }
.contentpanel>.background>.corner_topleft { background-image:none; }

div#eventlist { position:absolute; height:379px; width:250px; margin-left:5px; }
div#eventlist .background { background-color:#05366B; position:absolute; }

div#eventlist .background .corner_topright { background-image:url(graphics/photoviewer/EventlistCornerTopRight.png);}
div#eventlist .background .corner_bottomright { background-image:url(graphics/photoviewer/EventlistCornerBottomRight.png);}
div#eventlist .background .corner_bottomleft { background-image:url(graphics/photoviewer/EventlistCornerBottomLeft.png);}
.contentpanel div#eventlist .background .corner_topleft { background-image:url(graphics/photoviewer/EventlistCornerTopLeft.png);}


#eventlistcontent { height:85%; position:relative; top:10px; padding-left:17px;}

div.listitem { min-height:20px; font-size:9pt; text-align:left; padding-top:1px; padding-left:10px; margin:0 0 5px 0; background-repeat:no-repeat;}
div.listitemUnselected { background-image:url(graphics/photoviewer/EventlistItemUnselected.png);  }
div.listitemUnselected:hover { background-image:url(graphics/photoviewer/EventlistItemHighlighted.png); }
div.listitemSelected { background-image:url(graphics/photoviewer/EventlistItemSelected.png); }

#eventlistcontent div.listitemSelected a { text-decoration:none; color:white; }
#eventlistcontent div.listitemUnselected a { text-decoration:none; color:#76A4d7; }
#eventlistcontent div.listitemUnselected:hover a { text-decoration:none; color:black; }

#photopane { position:absolute; left:30%; width:70%; height:100%; }
#content #photopane h3 { color:#05366B; text-align:center; }
#clickonthepicture { width:100%; text-align:right; }
#mainphoto { position: relative; text-align:center; }

button#prev { height:40px; width:70px; }
button#next { height:40px; width:70px; }

img#main_img { border:1px solid black; max-height:350px; }
#eventpanebottom { padding:10px; position:relative; top:370px; }

#thumbscroller { width:100%; text-align:center; position:relative; top:-10px }
#thumbbox { height:124px; border:solid 1px black; overflow:auto; white-space: nowrap; }