/* 
    Document   : gallery
    Created on : Mar 2, 2013, 4:57:37 PM
    Author     : Marko Cetinic
    Description:
        My Gallery
*/

#gallery {
    background-color:#FFFFFF;
    border:1px solid #999999;
    cursor:default;
    width: 740px;
    height: 510px;
    padding: 10px;
}

#gallContainer {
    overflow: hidden;
    width: 740px;
    height: 510px;
}

#imgContainer {
    width: 740px;
    height: 510px;
}

#galleryInfoVeil {
    height: 35px;
    width: 740px;
    margin-top: -545px;
}

#galleryInfoText {
    position: relative;
    width: 740px;
    text-align: center;
    margin-top: -28px;
}

#galleryControls {
    margin-top: 518px;
}

#lowerGalleryControls {
    margin-top: -75px;
}

.gallImg {
    width: 740px;
    height: 510px;
}

#gallImg2 {
    margin-top: -510px;
}

.downControl {
    margin-top: 15px;
    opacity: 0.7;
     filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
}

.downControl:hover {
    opacity: 1.0;
     filter:alpha(opacity=100);
    -moz-opacity:1.0;
    -khtml-opacity: 1.0;
}

.veil {
    width: 740px;
     filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background-color: black;
}

#galleryVeil {
    height: 80px;
}

#controlsImgs {
    margin-top: -75px;
}

#galleryImgInfo {
    height: 35px;
    width: 740px;
    margin-top: -545px;
    text-align: center;
}

#imgNumb {
    font-weight: bold;
    text-align: center;
    float: left;
    width: 35px;
    margin-top: 8px;
    margin-left: 45px;
}

#galleryControl {
    margin-left: 5px;
    position: relative;
    float: left;
}

#galLeft {
}

#galDoubleLeft {
}

#galRight {
}

#galDoubleRight {

}

#galPause {
    margin-bottom: -5px;
}

#galPlay {
    margin-bottom: -5px;
}

.contrImgRow {
    position: relative;
    float: left;
}

#contrImgRowRight {
    margin-left: -9px;
}

.contrImg {
    float: left;
    width: 60px;
    height: 60px;
    margin-top: 3px;
    margin-left: 11px;
}

.contrImg:hover {
    border: #a4d0f9 solid 2px;
}

.imgNotSelected {
    border: white solid 2px;
}

.imgSelected {
    border: #a4d0f9 solid 2px;
}