/*
Stylesheet for automatic photo slideshow script (phpshow.php).
Original script by Johannes Knabe, Bonn / Germany, 2005-07
                               and St Albans / UK, 2006-08
*/

/*
ADD "display:none" IF YOU WANT TO HIDE CERTAIN ELEMENTS, 
E.G. CONTROL TO SWITCH BETWEEN SLIDESHOW AND BROWSER MODES
*/

/*hide everything but the picture:*/

  /*
  input,#picInfo,div.smallprint,.controlTable,a.goLink,select {
    display:none;
    }
  */
/*hide elements one by one:*/
  input.slidebrowse { /*change modes button*/
    /*display:none;*/
    }
  input.sizebutton {  /*actual size / fit on screen button*/
    /*display:none;*/
    }
  select {            /*select delay between slides*/
    /*display:none;*/
  }
  a.goLink {          /*next / last links to speed up browsing*/
    /*display:none;*/
    }
  #picInfo {          /*info on the picture text; e.g. name and size*/
    /*display:none;*/
    }
  div.smallprint {    /*text under the picture, usually disclaimer*/
    font-size:smaller
    white-space:nowrap; 
    /*display:none;*/
    }
  .controlTable {    /*all control buttons*/
    /*display:none;*/
    }
  @media print {      /*hide stuff for printing*/
    a { text-decoration:none;
        color:black;}
    td.paddingBug { padding-top:6px }
    span.hideForPrint { display:none;}
    input { display:none;}
    select { display:none;}
    div.smallprint { display:none;}
    a.goLink { display:none;}
    }
  @media screen {     /*link definitions*/
    a {color: blue}
    a:link { text-decoration:none; }
    a:visited { text-decoration:none; }
    a:hover { text-decoration:underline; }
    a:active { text-decoration:underline; }
    a:focus { text-decoration:underline; }
    }

  body {
    background-color: #fff;/*#aaa;/*this #aaa and the border #aaa's to #000*/
    color:            #000000;
    margin:           3px;
    padding:          0px;
  }  

  body, td, th { 
  	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt;
  }
  input, select {
  	font-size: 10pt;
  }
  a:link {
		color: #0055A5;
		text-decoration: none;
  }
  a:visited {
		text-decoration: none;
		color: #5A4099;
  }
  a:hover {
		text-decoration: underline;
		color: #50B848;
  }
  a:active {
		text-decoration: none;
		color: #50B848;
  }
  a.goLink {
  		font-weight: bold;
  }
  h1,h2,h3,h4,h5,h6,caption {
	font-family: Arial Black, Gadget, sans-serif;
	font-weight: bold;
	text-align: center;
  }
  h1 {
  	font-size: 22pt;
	font-weight: bold;
  }

  span.info {         /*user defined picture texts*/
    font-style:       italic;
  }

  td.currpic {        /*current picture frame*/
    border:           1px solid #aaa;
    background-color: #fff; /*should equal the fade-to color from the script*/
    padding:          5px;  /*some space needed as browsers are different*/
  }

  td.browsetd {
    padding-right:    1px;
  }

  div.tdpic{          /*browse-mode thumbnails*/
    border:           1px solid #aaa;
    background-color: #fff;
    padding:          3px;
  }

  table {
    vertical-align:   middle; 
  }
	
  div#logo {
  	text-align: center;
  }

  .returnNav {
  	text-align: center;
  }
  
  div.smallprint {
	 font-size: .9em;
	 text-align: justify;
	 margin-left: 25px;
	 margin-right: 25px;
  }
  
  .footer {
  	text-align: center;
  }
  .copyright {
  	 font-size: .8em;
	 text-align: center;
  }
  .ww {
	 font-style: italic;
	 font-size: .8em;
	}
  
 /* Color buttons */