/* 
    Document   : pictures.css
    Created on : 03-Nov-2009, 23:30:46
    Author     : Ads
    Description:
        Purpose of the stylesheet follows.
*/

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

div#mainpicture {position: absolute; top: 50%; left: 50%; margin-left: -201px; margin-top: -251px; background-image: url(/images/pictures-background.png); width: 402px; height: 402px}

div#mainpicture p {display: none; background-position: center; background-repeat: no-repeat; width: 150px; height: 150px; background-image: url('/images/gr-loading.png'); margin-left: 130px; margin-top: 115px}
div#mainpicture p span {display: none}

div#mainpicture img {width: 338px; height: 338px; margin-left: 32px; margin-top: 32px;}

div.thumbs {}
div.thumbs ul {list-style: none}
div.thumbs ul {margin: 0px; padding: 0px}
div.thumbs ul li img {cursor: pointer} 

div#leftthumbs {position: absolute; top: 50%; left: 50%; margin-left: -245px; margin-top: -183px}

div#rightthumbs {position: absolute; top: 50%; left: 50%; margin-left: 197px; margin-top: -183px}

div#bottomthumbs {position: absolute; top: 50%; left: 50%; margin-left: -91px; margin-top: 141px}
div#bottomthumbs ul li {float: left; padding: 2px}