﻿.bigcarousel
{
    width:590px;
    height:410px;
    background:#f8f8f8;
    border:1px solid #f1f1f1;
    overflow:hidden;
    position:relative;
}

.bigcarousel div.slidingpage{
    position:relative;
    width:1180px; /* double the size of bigcarousel */
    height:100%;
    overflow:hidden;
}

.bigcarousel div.slidingpage div.carouselpage{
    width:590px; /* same size of bigcarousel */
    height:100%;
    float:left;
}

.bigcarousel div.slidingpage div.carouselpage div.picholder{
    min-width:60;
    background-color: #ffffff;
    border:1px solid #f1f1f1;
    padding:8px;
    margin: 5px;
    float:left;
    cursor:pointer;
}

.bigcarousel div.slidingpage div.carouselpage div.picholder.valid:hover {
   border-color:#3C4D63;
}

/* selected picture */

.pictureManager div.selectedPicture
{
    width:590px;
    height:410px;
    overflow:hidden;
    position:relative;
}

.pictureManager div.selectedPicture div.imgContainer{
    float:left;
    overflow:visible;
    width:500px;
    text-align:center;
    padding-top:20px;
}
.pictureManager div.selectedPicture div.options{
    width:89px;
    float:left;
    height:100%;
    border-left:1px solid #CCCCCC;
    padding-top:20px;
}
.pictureManager div.selectedPicture div.options div,.pictureManager div.selectedPicture div.options a{
    width:60px;
    text-align:center;
    display:block;
    float:left;
    margin-bottom:10px;
    margin-left:10px;
}

.pictureManager div.selectedPicture input.hiddenPictureId{
    visibility:hidden;
}

.pictureManager div.selectedPicture div.blockingContainer{
    width:590px;
    height:410px;
    overflow:hidden;
    position:absolute;
    display:none;
    top:0px;
    left:0px;
    background:#444444;
    z-index:99;
}

.pictureManager div.selectedPicture div.modal{
    display:none;
    background:#ffffff;
    border:6px solid #444444;
    height:78px;
    left:145px;
    padding:10px;
    position:absolute;
    top:150px;
    width:234px;
    z-index:100;
    text-align:center;
    font-weight:bold;
}

.pictureManager div.selectedPicture div.modal div.buttonContainer{
    position:relative;
    top:24px;
    left:68px;
}

.pictureManager div.selectedPicture div.modal div.buttonContainer{
    position:relative;
    top:24px;
    left:5px;
}

.pictureManager div.selectedPicture div.modal div.buttonContainer *.button1{
    margin-left:50px;
}
