body {
  position:relative;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: helvetica, sans-serif;
	font-size:12pt;
	background-color: #eeeeee;
}

a {
  color:#709B27;
}

img {
  border:0;
}

#title_bar {
  height:48px;
  overflow:hidden;
  background-image:url(__bg_gradient_gray_top.png);
  background-color:black;
  background-repeat:repeat-x;
}

#title_bar_image {
  margin: 8px;
  float:left;
}

#title_bar_text {
  padding-top:4px;
  font-size:13pt;
  color:white;
  text-shadow: black 1px 1px 1px;
  overflow:hidden;
  vertical-align:middle;
  display:table-cell;
  height:40px;
}

#title_bar_up_button {
  position:absolute;
  
  top:0px;
  right:0px;
  
  height:48px;
  min-width:100px;
  width:20%;
  
  display:table-cell;
  
  padding:12px;
  height:22px;
  
  border-right: 1px solid #181818;
  border-left: 1px solid #494949;
  
  background-image:url(__bg_gradient_gray_top.png);
  background-color:black;
  background-repeat:repeat-x;
  white-space:nowrap;
}

#navigation_bar {
  height:48px;
  background-color:#709B27;
  background-image:url(__bg_gradient_green_nav.png);
  background-repeat:repeat-x;
}



#navigation_back {

  position:absolute;

  min-width:120px;

  float:left;
  width:20%;
  
  border-right: 1px solid #496519;
  border-left: 1px solid #709B27;
  
  padding:12px;
  height:24px;
  
  z-index:3;
}

#navigation_center {
  
  position:absolute;
  
  text-align:center;
  display:table-cell;
  
  width:100%;
  
  margin:0;
  padding:0;
  border:0;

  float:left;
  display:inline-block;    


  height:48px;

  overflow:hidden;
  
  z-index:2;
}



#navigation_center ul.pages {
  list-style-type: none;
  
  margin:14px;
  padding:0;
  border:0;
  
  height:48px;
}

#navigation_center ul.pages li.ellipsis {
  border:0px;
}

#navigation_center ul.pages li.current {
  border:2px solid #709B27;
  background-color:rgba(255,255,255,0.1);
}


#navigation_center ul.pages li {

  margin:6px;
  padding:6px;
  padding-left:12px;
  padding-right:12px;

  border: 1px solid #496519;
  
  display:inline;
  list-style-type: none;
  
  /* We'd like to have rounded corners */
  -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;

}

#navigation_up {
  padding:12px;
  height:24px;
}

#navigation_forward {

  float:left;

  position:absolute;
  right:0px;
  min-width:120px;
  width:20%;
  
  border-right: 1px solid #496519;
  border-left: 1px solid #709B27;
  
  padding:12px;
  height:24px;

  z-index:3;
}

.navigation_button {
  
  font-size:12pt;
  font-weight:bold;
  /*color:#f1f7fd;*/
  color:#496519;
  text-shadow: black 1px 1px 1px;
  
  /*display:table-cell;*/
  vertical-align:middle;
  text-align:center;
  
  cursor: pointer;
}

.navigation_button a {
  color:#f1f7fd;
  text-decoration:none;
}


#content_pane {
  padding:20px;
  background-color:white;
}

#content_pictures {
  margin-bottom:20px;
  text-align:center;
}

#content_comment {
  font-size:14pt;
  color:#444444;
  text-shadow: #dddddd 1px 1px 2px;
  margin-bottom:20px;
}

#content_context {
  border:1px solid  #dddddd;
  color:#999999;
  font-size:10pt;
  padding:10px;
  margin-bottom:20px;
}

#content_user_comments {

}


#footer_bar {
  height:32px;
  background-image:url(__bg_gradient_lightgray_bottom.png);
}


.rc_tl {
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.rc_tr {
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.rc_bl {
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.rc_br {
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.non_selectable {

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

}

.pics_table {
  margin:auto;
}

/*--------------------------------------------------------------------*/
/* Image stuff                                                        */
/*--------------------------------------------------------------------*/

.image_border { 
  /* 
  margin-top:10px;
  margin-bottom:10px;
  */

  /* 
  Border around images in details view, used on div layer
  */
  
}

.image_border_thumbnail {

 margin-top:0px;
 margin-right:0px;
 margin:5px;

  /* 
  Border around images in thumbnail view, used on div layer
  */
  
}

.comment_indicator {
  /*
  Layer over image, which contains indicator of comments
  */ 
  position:absolute;
  top:auto;
  left:auto;
  z-index:4;
  padding:6px;
  width:12px;
  margin:6px;
  text-align:center;


 
  color:#FFFFFF;

  font-size:9pt;
  background-color:#709B27;
  font-weight:bold;
  
  /* We'd like to have rounded corners */
  -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*--------------------------------------------------------------------*/
/* Exif stuff                                                         */
/*--------------------------------------------------------------------*/

.exif_title {
  color:#555555;
}

/*--------------------------------------------------------------------*/
/* User comment stuff                                                 */
/*--------------------------------------------------------------------*/

p.user_comment {
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #eeeeee;
}

.user_comment_title {
  font-weight:bold;
}