/* 
    Document   : gallery_show_album_style
    Created on : 21.9.2011, 17:01:11
    Author     : Oldřich Válek
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


div.album {
    width: 760px;
    margin: 40px auto;
    margin-bottom: 30px;
    padding: 0 0 20px 0;
    overflow: hidden;
    border-bottom: 5px dashed #99CC79/*#EFB160*/;
    text-align: center;
}
div.album_head {
    display: block;
    overflow: hidden;
    text-align: left;
}
div.album_note {
    margin: 0;
    padding: 5px 40px 5px 40px;
    display: block;
    overflow: hidden;
    text-align: left;
    
  
    font-family: "Times New Roman", serif;
    font-style: normal;
    font-size: 18px;
    text-align: justify;
}
div.album_thumbs {
    width: 732px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}
div.album_bottom {
    display: block;
    overflow: hidden;
}

div.album_name_date_and_info {
    width: 100%;
    _width: 1000px;
    height: 30px;
}
h2, h2 a {           
  /*  height: 30px;*/
    margin: 0;
    padding: /*3px*/0 0 0 /*20px*/0;
    display: block;      
    font-family: "Tahoma",sans-serif;
    font-size: 20px; 
    color: black;
    text-decoration: none;
    float: left;
}    
h2 a:hover {
    text-decoration: underline;
}
span.album_name_date {
  /*  margin-left: 10px;*/
    padding-left: 10px;
    font-family: "Tahoma",sans-serif;
    font-size: 15px;
    color: black;
}
tt.album_info {
  /*  height: 15px;*/
    float: right;
    margin: 0;
    padding: 0;
  /*  padding: 10px 20px 0 0;*/
    display: block;  
    color: #000;
}


/*div.pagination_top {*/
  /*  width: 360px;*/
    /*  height: 40px;  *//*
    margin: 7px 50px 0 0;
    _margin: 0 50px 0 0;
    margin-top: -26px;
    padding: 0 5px 0 5px;
    float: right;
    display: block;
    text-align: center;
}                 
div.pagination_bottom {
    margin: 10px 50px 30px 0;
    _margin: 0 50px 0 0;
    float: right;
    display: block;
    text-align: center;
}*/


/*div.pagination_top span, div.pagination_bottom span, div.pagination_top a, div.pagination_bottom a {
    margin: 0 3px 0 3px;
    padding: 2px 5px 2px 5px;
    border: 1px solid #BBBBBB;
    font-family: "Tahoma",sans-serif;
    font-size: 15px; 
    font-weight: bold;
    color: #BBBBBB;
    text-decoration: none;
}
div.pagination_top span.current_page, div.pagination_bottom span.current_page {
    color: #000000; 
}
div.pagination_top a, div.pagination_bottom a {
    color: #000000;
    text-decoration: none;  
}
div.pagination_top a:hover, div.pagination_bottom a:hover {
    background-color: #F8D37E;
    text-decoration: none;  
    color: #000000;
}*/
/*div.pagination_top span, div.pagination_bottom span, div.pagination_top a, div.pagination_bottom a {
    margin: 0 3px 0 3px;
    padding: 2px 5px 2px 5px;
    border: 1px solid #964500;
    background-color: #EFB160;
    font-family: "Tahoma",sans-serif;
    font-size: 15px; 
    font-weight: bold;
    color: #BBBBBB;
    text-decoration: none;
}
div.pagination_top span, div.pagination_bottom span {
    color: #B66520;
}
div.pagination_top span.current_page, div.pagination_bottom span.current_page {

    color: #000000; 
    border: 1px solid #000000;
    background-color: #B66520;
    color: #EFB160;
}
div.pagination_top a, div.pagination_bottom a {
    color: #000000;
    text-decoration: none;  
}

div.pagination_top a:hover, div.pagination_bottom a:hover {
    text-decoration: none;  
    color: #FF6000;
    
    border: 1px solid #000000;
    background-color: #964500;
    color: #EFB160;
    
}*/



div.pagination_top, div.pagination_bottom {
    text-align: center;
    padding: 2px 0;
    margin: 10px 0;

    margin: 10px auto;

    font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    text-decoration: none;
    font-weight: normal;
}
div.pagination_top a, div.pagination_bottom a {
    margin: 2px;
    padding: 0 5px;
    text-decoration: none;
    border: 1px solid black;
    color: /*navy*/#461A00;
    /*background-color: white;*/
    background-repeat: repeat;
  /*  background-image: url('../images/member_bg_1_img.png');*/
    background-image: url('../images/bg_pagination_a.png');
}
div.pagination_top .pagination_main_navigation a, div.pagination_bottom .pagination_main_navigation a {
    padding-top: 2px;
    padding-bottom: 2px;
}
/* mezera ve stredu */
div.pagination_top a.pagination_previous, 
div.pagination_bottom a.pagination_previous {
    margin-right: 10px;
}
div.pagination_top a.pagination_next,
div.pagination_bottom a.pagination_next {
    margin-left: 10px;
}

div.pagination_top a:hover, div.pagination_bottom a:hover {
    color: #000000;
    background-color: #FFFFCC;
}
div.pagination_top a.disabled, div.pagination_bottom a.disabled {
    cursor: default;
    color: #929292/*#F3CB74*/;
    border-color: /*transparent*/#929292;
    background-color: transparent;
  /*  background-image: url('../images/member_bg_2.png');*/
    background-image: url('../images/bg_pagination_b.png');
}
/* pagination list */
div.pagination_top .pagination_list, div.pagination_bottom .pagination_list {
    width: 700px;
    clear: both;
    margin: 5px auto;
    text-align: center;  
}
div.pagination_top .pagination_list .flatview, div.pagination_bottom .pagination_list .flatview {
    padding-top: 5px;
    display: block;
    overflow: hidden;
    text-align: center;    
}
div.pagination_top .pagination_list .flatview a, div.pagination_bottom .pagination_list .flatview a {
    float: none;
    margin-bottom: 5px;
    line-height: 160%;
}
div.pagination_top .pagination_list .flatview a.selected, div.pagination_bottom .pagination_list .flatview a.selected {
    color: #000;
    background-color: yellow;
    _background-image: none;
}






.photodiv {
    float: left; 
  /*  display: block;*/
    width: 173px; 
    height: 173px; 
    margin: 5px 5px 5px 5px; 
    text-align: center;   
    
    display: inline;
    line-height: 173px;    
}
.photo {
    border: 1px solid #843C10; 
    margin: 0 auto; 
    max-width: 171px; 
    max-height: 171px; 
    cursor: pointer;
    
    vertical-align: middle;
}
.photo_link {
    display: block; 
}

/*h4.galerie_navigace {           
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    display: block;      
    font-family: "Tahoma",sans-serif;    */
    /* font-family: "Arial CE","Helvetica CE",Arial,Helvetica,sans-serif;  */
  /*  font-size: 16px; 
    font-weight: normal;
    color: black;
    text-decoration: none;
    border-bottom: 1px solid #843C10;
} */


  
  

div.album_photos_and_pagination {
    clear: both;
}


div.photos_and_pagination_container {
    width: 915px;    
    _width: 920px;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
}





/* strankovani */
/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/
.paginationstyle{ /*Style for demo pagination divs*/
/*width: 400px;*/
text-align: center;
padding: 2px 0;
margin: 10px 0;

margin: 10px auto;

    font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    text-decoration: none;
}

/*Style for demo pagination divs' select menu*/
/*.paginationstyle select{ 
border: 1px solid navy;
margin: 0 15px;
}*/

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: /*navy*/#461A00;
/*background-color: white;*/
background-repeat: repeat;
/*background-image: url('../images/member_bg_1_img.png');*/
background-image: url('../images/bg_pagination_a.png');
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000000;
background-color: #FFFFCC;
}

.paginationstyle a.disabled, .paginationstyle a.disabled:hover{ /*Style for "disabled" previous or next link*/
/*background-color: white;*/
cursor: default;
color: #929292/*#F3CB74*/;
border-color: /*transparent*/#929292;
background-color: transparent;
/*background-image: url('../images/member_bg_2.png');*/
background-image: url('../images/bg_pagination_b.png');
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

/*.paginationstyle .flatview a:hover, */.paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
    color: #000;
    background-color: yellow;
    _background-image: none;
}

.paginationstyle div.pagination_list {
    width: 700px;
    clear: both;
    margin: 5px auto;
    text-align: center;
}
.paginationstyle div.pagination_list .flatview {
    padding-top: 5px;
    display: block;
    overflow: hidden;
    text-align: center;
}
.paginationstyle div.pagination_list .flatview a {
    float: none;
    margin-bottom: 5px;
    line-height: 160%;
}
.paginationstyle .paginationstyle_previous {
    margin-right: 10px;
}
.paginationstyle .paginationstyle_next {
    margin-left: 10px;
}

.paginationstyle .paginationstyle_first, 
.paginationstyle .paginationstyle_previous,
.paginationstyle .paginationstyle_next,
.paginationstyle .paginationstyle_last {
    padding-top: 2px;
    padding-bottom: 2px;
}