body {
}

.MiddleSectionContent_Case
{
	postion:absolute;
	background-color:rgba(255,255,255,0.1);
	border-radius:10px;
	box-shadow: 0px 0px 10px 0px rgba(10,10,10,0.5);
	background-size:100% 100%;
	background-image: -webkit-linear-gradient(45deg, rgba(0,126,30,.5) 0%,rgba(0,226,130,.8) 12.5%,rgba(0,126,30,.5) 25%,rgba(0,126,30,.5) 50%,rgba(0,226,130,.8) 62.5%,rgba(0,126,30,.5) 75%, rgba(0,126,30,.5) 100%);
	background-image: -moz-linear-gradient(45deg, rgba(0,126,30,.5) 0%,rgba(0,226,130,.8) 12.5%,rgba(0,126,30,.5) 25%,rgba(0,126,30,.5) 50%,rgba(0,226,130,.8) 62.5%,rgba(0,126,30,.5) 75%, rgba(0,126,30,.5) 100%);
	background-image: -ms-linear-gradient(45deg, rgba(0,126,30,.5) 0%,rgba(0,226,130,.8) 12.5%,rgba(0,126,30,.5) 25%,rgba(0,126,30,.5) 50%,rgba(0,226,130,.8) 62.5%,rgba(0,126,30,.5) 75%, rgba(0,126,30,.5) 100%);
	background-image: -o-linear-gradient(45deg, rgba(0,126,30,.5) 0%,rgba(0,226,130,.8) 12.5%,rgba(0,126,30,.5) 25%,rgba(0,126,30,.5) 50%,rgba(0,226,130,.8) 62.5%,rgba(0,126,30,.5) 75%, rgba(0,126,30,.5) 100%);
	background-image: linear-gradient(45deg, rgba(0,126,30,.5) 0%,rgba(0,226,130,.8) 12.5%,rgba(0,126,30,.5) 25%,rgba(0,126,30,.5) 50%,rgba(0,226,130,.8) 62.5%,rgba(0,126,30,.5) 75%, rgba(0,126,30,.5) 100%);
}


#Photo_LeftOverLayText
{
    position:absolute;
    top:0%;
    left:20%;
    width:100%;
    height:100%;
    background-image:url('../Images/Media_String.png');
    background-repeat:no-repeat;
    background-size:60% 100%;
}

#Photo_LeftOverLayImg
{
    postion:absolute;
    width:100%;
    height:100%;
    z-index:20;
    opacity:1;
    background-size:5px 5px;
    background-color: transparent;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0,
							color-stop(.25, rgba(0,176,80,1)), color-stop(.25, transparent),
							color-stop(.5, transparent), color-stop(.5, rgba(0,176,80,1)),
							color-stop(.75, rgba(0,176,80,1)), color-stop(.75, transparent),
			 				to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(0,176,80,1) 25%, transparent 25%,
						transparent 50%, rgba(0,176,80,1) 50%, rgba(0,176,80,1) 75%,
						transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(0,176,80,1) 25%, transparent 25%,
						transparent 50%, rgba(0,176,80,1) 50%, rgba(0,176,80,1) 75%,
						transparent 75%, transparent);
	background-image: -ms-linear-gradient(45deg, rgba(0,176,80,1) 25%, transparent 25%,
						transparent 50%, rgba(0,176,80,1) 50%, rgba(0,176,80,1) 75%,
						transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(0,176,80,1) 25%, transparent 25%,
						transparent 50%, rgba(0,176,80,1) 50%, rgba(0,176,80,1) 75%,
						transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(0,176,80,1) 25%, transparent 25%,
						transparent 50%, rgba(0,176,80,1) 50%, rgba(0,176,80,1) 75%,
						transparent 75%, transparent);
}

#MidSectionTitle_Case1
{
    background-color:rgba(0,136,40,1);
}

#AlbumPreviewContainer
{
    position:absolute;
    width:80%;
    left:50%;
    margin-left:-40%;
    height:80%;
    top:10%;
    overflow: auto;
    border-radius:7px;
    background-color:rgba(220,220,220,1);
    -webkit-box-shadow:  0px 0px 8px 0px rgba(127, 127, 127, .9);
    box-shadow:  0px 0px 8px 0px rgba(127, 127, 127, .9);
    
    
}


#AlbumPreviewContainer_Border_Inset1
{
    position:absolute;
    width:95%;
    left:50%;
    margin-left:-48%;
    height:96%;
    top:2%;

}

.PhotoAlbum_Name
{
    position:absolute;
    background-color:#2DA604;
    top:95%;
    width:100%;
    height:20%;
    border:2px solid #7F7F7F;
    left:-2px;
    z-index:3;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}



.AlbumPreviewContainer_Border
{
    position:absolute;
    width:90%;
    height:90%;
    left:50%;
    margin-left:-45%;
    top:5%;    
    overflow: auto;
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(127, 127, 127, .9);
    box-shadow: inset 0px 0px 8px 0px rgba(127, 127, 127, .9);
}

.Album_Case
{
    position:absolute;
    
    border:1px solid #7F7F7F; width:23%; height:40%;
    border-radius:3px;
    
}

.PicPreviewFrame
{
    position:absolute;
    width:100%;
    left:50%;
    margin-left:-50%;
    
    height:100%;
    background-color:rgba(128,128,128,0.2);
    background-image: -webkit-linear-gradient(bottom, rgba(107,107,107, .5) 30%, transparent 70%);
    background-image: -moz-linear-gradient(bottom, rgba(107,107,107, .5) 30%, transparent 70%);
    background-image: -o-linear-gradient(bottom, rgba(107,107,107, .5) 30%, transparent 70%);
    background-image: linear-gradient(bottom, rgba(107,107,107, .5) 30%, transparent 70%);
}

.AlbumPreviewPhotos
{
    position:absolute;
    width:100%;
    height:100%;
    /*background-color:Blue;*/
    border:2px solid gray;
    border-radius:2px;
    
}

.PreviewCase
{
    position:absolute;
    width:67%;
    height:74%;
    top:12%;
    left:50%;
    margin-left:-35%;
    /*background-color:Black;*/
    z-index:20;
    
}

/***********************FB Pictures*********************************************/
.ArrowCase
{
    position:absolute;
    height:50px;
    width:50px;
    top:50%;
    left: 50%;
    margin-left:-25%;
    margin-top:-20%;
    border:2px solid #7F7f7f;
    border-radius:50%;
}

#RightArrowCase1
{
    position:absolute;
}

#LeftArrowCase1
{
    position:absolute;
}

#LeftArrowCase1:hover
{
    position:absolute;
    background-color:rgba(20,20,20,0.4);
}


#RightArrowCase1:hover
{
    position:absolute;
    
    background-color:rgba(20,20,20,0.4);
}

.ArrowPanelCase
{
    position:absolute;
    height:100%;
    width:10%;
    background-color:rgba(80,80,80,0.4);
    
}


#LeftArrowPanelCase1
{
    position:absolute;
}

#RightArrowPanelCase1
{
    position:absolute;
    left:90%;
}


#LeftArrowPanelCase1:hover
{
    background-color:rgba(60,60,60,0.7);
    -webkit-box-shadow:  00px 10px 10px 0px rgba(50, 50, 50, .5);
    box-shadow:  0px 10px 10px 0px rgba(50, 50, 50, .5);
}

#RightArrowPanelCase1:hover
{
    background-color:rgba(60,60,60,0.7);
    -webkit-box-shadow:  00px 10px 10px 0px rgba(50, 50, 50, .5);
    box-shadow:  0px 10px 10px 0px rgba(50, 50, 50, .5);
}

.ArrowPanelCase:hover
{
    background-color:rgba(80,80,80,0.7);
}

.PhotoFrame
{
    position:absolute;
    width:90%;
    height:90%;
    visibility:hidden;
}

.LoadedPhoto
{
position:absolute;
width:100%;
height:100%;
visibility:visible;
}

#ShowPicture_Panel1
{
    position:absolute;
    z-index:20;
    width:90%;
    left:50%;
    top:5%;
    margin-left:-45%;
    height:90%;
    border-radius:4px;
    visibility:hidden;
    background-color:rgba(100,100,100,1);
    -webkit-box-shadow:  00px 0px 0px 50px rgba(50, 50, 50, .5);
    box-shadow:  00px 0px 0px 50px rgba(50, 50, 50, .5);
}

#Picture_Frame1
{
    position:absolute;
    height:90%;
    width:80%;
    top:5%;
    left:50%;
    margin-left:-40%;
    /*background-size:100% 100%;*/
    background-repeat:no-repeat;
    
}

.ActiveWindow
{
    position:absolute;
    height:100%;
    width:100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-color:rgba(0,0,0,0.3);
    background-image:url("../Images/loading.gif");
    
}

.LoadedPhoto
{
    position:absolute;
    height:100%;
    width:100%;
    border:2px solid rgba(50,50,50,.7);
    border-radius:4px;
    background-repeat:no-repeat;
    background-position: center center;
    -webkit-box-shadow:  00px 0px 0px 1px rgba(50, 50, 50, .5);
    box-shadow:  00px 0px 0px 1px rgba(50, 50, 50, .5);
}

#ClosePanelSign1
{
    position:absolute;
    left:100%;
    height:30px;
    width:30px;
    top:-5px;
    margin-left:-15px;
    z-index:10;
    background-color:#7f7f7f;
    border:2px solid #5F5f5f;
    border-radius:50%;
     transform:rotate(45deg);
    -ms-transform:rotate(45deg); /* IE 9 */
    -moz-transform:rotate(45deg); /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari and Chrome */
    -o-transform:rotate(45deg);
    
}

#ClosePanelSign1:hover
{
    position:absolute;
    border:2px solid #1f1f1f;
    background-color:#4f4f4f;
}




.Cross
{
    position:absolute;
    width:90%;
    height:90%;
    z-index:67;
    /*border: 2px solid white;*/
    border-color:rgba(200, 200, 200, 1);
    
    
}

#HorizontalCross
{
    position:absolute;
        transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -moz-transform:rotate(90deg); /* Firefox */
    -webkit-transform:rotate(90deg); /* Safari and Chrome */
    -o-transform:rotate(90deg);
    border-left:2px solid rgba(200, 200, 200, 1);
    top:14px;
}

#VerticalCross
{
    position:absolute;
    border-left:2px solid rgba(200, 200, 200, 1);
    left:14px;
}

.Arrow
{
    position:absolute;
    width:0;
    height:0;
    border:20px solid transparent;
}

#LeftArrow
{
    position:absolute;
    left:-10px;
    top:4px;
    border-right:20px solid white;
}


#RightArrow
{
    position:absolute;
    left:16px;
    top:4px;
    border-left:20px solid white;
}

#RightArrow:hover
{
    position:absolute;

    border-left:20px solid rgba(255,255,255,1);
}

#LeftArrow:hover
{
    position:absolute;

    border-right:20px solid rgba(255,255,255,1);
}

::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(107,107,107,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(107,107,107,0.4); 
}