/*
Stylesheet for JRW Vodis system
*/
* {
  margin: 0;
}

html {
  height: 100%;
}

body {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background : #F7F7F7 ;
  color : Black;
  margin: 0px;
  height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
	height: 80px; /* .push must be the same height as .footer */
}

table {
  font-size: 12px;
}

h1{
font-weight: bold;
  font-size: 22px;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  line-height : 120%;
  color : #000000;
  margin: 2px;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  margin: 0px;
}

h3 {
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 2px;
}

p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin: 2px 0px;
}

ul {
  margin-left: 5px;
  padding: 0px;
}

li {
  margin-left: 10px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0px;
  list-style-position: outside;
  list-style-type: disc;
}

hr.drop_shadow {
    height: 50px;
    border: 1;
    box-shadow: inset 0 9px 9px -3px rgba(141,179,134,0.8);
/*	-webkit-border-radius: 5px;
//	-moz-border-radius: 5px;
//	-ms-border-radius: 5px;
//	-o-border-radius: 5px;
//	border-radius: 5px;
*/
}

.textinput {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  border: 1px solid #81878C;
  padding-right: 3px;
  padding-left: 3px;
}

.listbox {
  font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
  font-size: 100%;
  border: 1px solid #D1D7DC;
  vertical-align : middle;
}

.button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  border: 1px solid #005D8C;
  background-image : url(images/button_bg.gif);
  background-position : bottom;
}

.comment_button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
  border: 1px solid #005D8C;
  background-image : url(images/button_bg.gif);
  background-position : bottom;
  padding-left: 3px;
  padding-right: 3px;
}

.radio {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  vertical-align : middle;
}

.checkbox {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  vertical-align : middle;
}

a {
  color: #0033CC;
  text-decoration: none;
}

a:hover {
  color: #0033CC;
  text-decoration: underline;
}

.HLtab tr:nth-child(even) {
  background: #D8D8D8;
}

bblink a {
  color: #0033CC;
  text-decoration: none;
}

bblink a:hover {
  color: #0033CC;
  text-decoration: underline;
}

.maintable {
  border: 1px solid #0E72A4;
  background-color: #FFFFFF;
  margin-top: 1px;
  margin-bottom: 1px;
}

.tableh1 {
  background : #0E72A4 ;
  color : #FFFFFF;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
}

.tableh1_compact {
  background : #0E72A4;
  color : #FFFFFF;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
}

.tableh2 {
  background: #D1D7DC;
  color : #000000;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
}

.tableh2_compact {
  background: #D1D7DC ;
  color : #000000;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
}

.tableb {
  background: #EFEFEF ;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
}

.tablew {
  background: #EFEFEF;
	color : #4040FF;
  font-weight: bold;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
}

.tablee {
  background: #EFEFEF ;
 color : #FF0000;
  font-weight: bold;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
}

.tableb_compact {
  background: #EFEFEF;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
}

.tabler {
  background: #000000;
  color : #F04040;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
}

.tablef {
  background: #D1D7DC;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.album_stat {
  font-size: 85%;
  margin: 5px 0px;
}

.thumb_title {
  font-weight : bold;
  font-size: 80%;
  padding: 2px;
  display : block;
}

.thumb_caption {
  font-size: 80%;
  padding: 1px;
  display : block;
}

.thumb_caption a {
  text-decoration: underline;
  color: #000000;
}

.thumb_num_comments {
  font-weight: normal;
  font-size: 80%;
  padding: 2px;
  font-style : italic;
  display : block;
}

.user_thumb_infobox {
  margin-top: 1px;
  margin-bottom: 1px;
}

.user_thumb_infobox th {
  font-weight : bold;
  font-size: 100%;
  margin-top: 1px;
  margin-bottom: 1px;
  text-align : center;
}

.user_thumb_infobox td {
  font-size: 80%;
  margin-top: 1px;
  margin-bottom: 1px;
  text-align : center;
}

.user_thumb_infobox a {
  text-decoration: none;
  color: #000000;
}

.user_thumb_infobox a:hover {
  color: #000000;
  text-decoration: underline;
}

.sortorder_cell {
  background : #0E72A4 ;
  color : #FFFFFF;
  padding: 0px;
  margin: 0px;
}

.sortorder_options {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background : #0E72A4 ;
  color : #FFFFFF;
  padding: 0px;
  margin: 0px;
  font-weight: normal;
  font-size: 80%;
  white-space: nowrap;
}

.navmenu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 100%;
  font-weight: bold;
  background : #0E72A4 ;
  border-style: none;
}

.navmenu img {
  margin-top: 1px;
  margin-right: 5px;
  margin-bottom: 1px;
  margin-left: 5px;
}

.navmenu a {
  position: relative;
  display: block;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
  text-decoration: none;
  color: #FFFFFF;
}

.navmenu a:hover {
  background : #EFEFEF ;
  text-decoration: none;
  color:         #000000;
}

.admin_menu_thumb {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
  border: 1px solid #005D8C;
  background-image : url(images/button_bg.gif);
  background-position : bottom;
  color: #000000;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 85px;
}

.admin_menu_thumb a {
  color: #000000;
  text-decoration: none;
  display: block;
  position: relative;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 10px;
  padding-right: 10px;
}


.admin_menu_thumb a:hover {
  color: #000000;
  text-decoration: underline;
}

.admin_menu {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
  border: 1px solid #005D8C;
  background-image : url(images/button_bg.gif);
  background-position : bottom;
  color: #000000;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}

.admin_menu a {
  color: #000000;
  text-decoration: none;
  display: block;
  position: relative;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
}

.admin_menu a:hover {
  color: #000000;
  text-decoration: underline;
}

.comment_date{
  color : #5F5F5F;
  font-size : 90%;
  vertical-align : middle;
}

.image {
  border-style: solid;
  border-width:1px;
  border-color: #000000;
  margin: 2px;
}

.imageborder {
  border: 1px solid #000000;
  background-color: #FFFFFF;
  margin-top: 30px;
  margin-bottom: 30px;
}

.thumbnails {
  background: #EFEFEF ;
  padding: 5px;
}

.footer {
  font-size : 9px;
}

.footer a {
  text-decoration: none;
  color: #000000;
}

.footer a:hover {
  color: #000000;
  text-decoration: underline;
}

.statlink {
  color: #FFFFFF;
}

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

.statlink a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.alblink a {
  text-decoration: underline;
  color: #000000;
}

.alblink a:hover {
  color: #000000;
  text-decoration: underline;
}

.catlink {
  display: block;
  margin-bottom: 2px;
}

.catlink a {
  text-decoration: underline;
  color: #000000;
}

.catlink a:hover {
  color: #000000;
  text-decoration: underline;
}

.topmenu {
  line-height : 130%;
  font-size: 100%;
}

.topmenu a {
  color : #0033CC;
  text-decoration : none;
}

.topmenu a:hover  {
  color : #0033CC;
  text-decoration : underline;
}

.img_caption_table {
  border: none;
  background-color: #FFFFFF;
  width : 100%;
  margin : 0px;
}

.img_caption_table th {
  background: #D1D7DC ;
  font-size: 100%;
  color : #000000;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top : 1px solid #FFFFFF;
}

.img_caption_table td {
  background: #EFEFEF ;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  border-top : 1px solid #FFFFFF;
}

.debug_text {
  border: #BDBEBD;
  background-color: #EFEFEF;
  width : 100%;
  margin : 0px;
}

.clickable_option {
  border-bottom : 1px dotted blue;
  cursor : hand;
}

.listbox_lang {
  color: #000000;
  background-color: #D1D7DC;
  border: 1px solid #D1D7DC;
  font-size: 80%;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align : middle;

}

#navigation ul
{
    margin: 0;
    padding: 0;
}

#navigation ul li
{
    list-style-type: none;
    display: inline;
}

#navigation li:before {
content: " | ";
}

#navigation li:first-child:before {
content: none;
}