/*
 * Custom Picture Viewer created by DBits Technology Services, 2012
 *
 * Place this file in the location specified in the link tag described in viewer.js
 */
.screen {
        position: fixed;
        top: 0px !important;
        left: 0px !important;
        width: 100% !important;
        height: 100% !important;
        background-color: black;
  	-webkit-opacity: 0.5;
  	-moz-filter: alpha(opacity=50);
  	filter:alpha(opacity=50);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        opacity:0.5;
        visibility: hidden;
        z-Index: 1 !important;
}

.viewer {
        position: fixed;
        top: 155px;
        left: 300px;
        width: 700px;
        height: 680px;
        border: solid 2px;
        visibility: hidden;
        background-color: #ecf4ff;
        z-Index: 2 !important;

}

.viewerContent {
        position: relative; 
        top:5px;
        left:0px;
        height: 655px;
        width: 670px;
        /* background-color: #ecf4ff; */
        z-Index: 3 !important;
}

.viewerWrapper {
        text-align: center;
        position: relative;
        top:1px;
        left:1px;
        white-space:nowrap; 
        margin-top:30px;
        height:98%;
        width:100%;
        z-index:4 !important;
}

.viewerPrev {
        width:290px; 
        height:100% !important; 
        position: relative;
        float:left;
        left:0px;
        top:0px; 
        z-index:18 !important;
}

.viewerPrevLink {
        position: absolute;
        font-size:48px;
        font-weight:bold;
        height:100% !important; 
        text-decoration:none;
        padding: 240px 160px 180px 10px;
        overflow:visible;
        top:0px;
        left:0px;
        z-index:19 !important;
}

.viewerNext {
        width:290px;
        height:100%;
        position: absolute;
        float:right;
        top:0px;
        left:350px;
        z-index:20 !important;
}

.viewerNextLink {
        font-size:48px;
        font-weight:bold;
        text-decoration:none;
        padding: 240px 10px 180px 160px;
        height:100%;
        float:right;
        top:0px;
        left:350px;
        /* margin-left:-90px; */
        z-index:21 !important;
}

.viewerImage {
        position: absolute;
        top:1px;
        left:1px;
        text-align:center;
        width:100%;
        height:100%;
        z-index:5;
}

.img_shadow {
        box-shadow:4px 0px 3px #c0c0c0;
        -moz-box-shadow:4px 0px 3px #c0c0c0;
        -webkit-box-shadow:4px 0px 3px #c0c0c0;
        border-left:1px solid #c3c3c3;
        border-top:1px solid #c3c3c3;
        z-index:6;
}

.viewerClose {
        position: relative;
        float: right;
        padding-top:5px;
        top:0px;
        width:150px;
        text-align:right;
        z-index:42 !important;
}

#closeLink {
        position: relative;
        text-decoration:none;
        padding:12px 8px 12px 30px;
        font-weight:bold;
        font-size:18px;
        color:#a0a0a0;
        z-index:43 !important;
        height:100%;
        width:100%;
}

.viewer_footer {
        position: relative;
        text-align:left;
        padding-top:20px;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        margin-left:15px;
        z-index:14;
}

.viewer_caption {
        text-align:center;
        font-size:13px;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #000064;
        overflow:hidden;
        height: 35px;
        background-color:white;
        z-Index: 7;
        padding-top:15px;
        box-shadow:4px 4px 3px #c0c0c0;
        -moz-box-shadow:4px 4px 3px #c0c0c0;
        -webkit-box-shadow:4px 4px 3px #c0c0c0;
        margin-left:55px !important;
        margin-top:-11px !important;
        border-left:1px solid #c3c3c3;
}

.imageCounter {
        float:right;
        padding-right:10px;
        white-space:nowrap;
}

.current_image {
        display:inline;
        z-index:6;
}

#viewer-loading {
        position: absolute;
        z-index:150 !important;
        width:140px !important;
        height:140px !important;
        margin-top:225px;
        margin-left:250px;
}
