.admin-button, .admin-button:hover, .admin-button:visited{
font-size:10pt;
line-height:12pt;
padding:5px 8px;
}
.admin-button:active{
font-size:10pt;
line-height:12pt;
padding:6px 8px 4px 8px;
}

.text-cancel{
display:none;
}

#header-container{
position:fixed; 
width:100%; 
z-index:2; 
border-top:1px solid #CCC;
background:#FFF;
-webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,0.25);
box-shadow: 0 2px 2px 1px rgba(0,0,0,0.25);
padding:0px;
}
#header-buttons{
width:400px; 
float:right; 
text-align:right; 
padding:5px 10px;
}
#current_album{
padding-top:12px;
padding-left:15px;
}
#current_album h4{
font-weight:bold;
font-size:12pt;
line-height:14pt;
padding:0;
margin:0;
}
#parent_album{
background:#FFF;
padding:0px 0px 0px 0px;
}
#parent_album:empty{
padding:0;
}

.header-spacer{
height:54px; width:100%;
}

#gallery-container{
padding:0px 0px 10px 0px;
}

.drop-area, #progress, #time_remaining{
display:none;
}

.bar {
	height: 8px;
	background: #54c4ea;
}
.file_error {
	color: red;
}
#results{
width:100%;
}

.errors{
-webkit-border-radius: 10px;
border-radius: 10px;
color:#d14242;
background:#ffdede;
border:1px solid #b45b5b;
margin:20px 0px;
}
.errors p{
display:inline-block;
}
.errors p:after{
content: ",\00a0\00a0\00a0";
}
.errors p:last-child:after{
content: "";
}

#errors{
display:none;
-webkit-border-radius: 10px;
border-radius: 10px;
color:#d14242;
background:#ffdede;
border:1px solid #b45b5b;
margin:20px 0px;
}
#errors p{
display:inline-block;
}
#errors p:after{
content: ",\00a0\00a0\00a0";
}
#errors p:last-child:after{
content: "";
}
#progress-container{
background:#0250a0;
padding:10px 0px;
display:none;
}
#progress{
width:90%;
background:#FFF;
margin:0px auto;
}
#progress .bar{
text-indent:-20px;
font-size:8pt;
line-height:8pt;
font-weight:bold;
color:#FFF;
}
#progress .bar:empty{
padding:0;
}
#progress .bar span{
display:inline-block;
margin-left:10px;
}
#results{
display:inline-block;
padding-top:10px;
}
.album_container{
width:210px;
padding:2px;
height:250px;
position:relative;
display:inline-block;
vertical-align:top;
margin:5px;
text-align:left;
background:url('/includes/gallery/art/gallery-folder.png') top center no-repeat;
background-size: 210px 210px;
}
.album_container:hover{
background:url('/includes/gallery/art/gallery-folder-open.png') top center no-repeat;
background-size: 210px 210px;
}
.album-clickable-area img{
margin-top:45px;
width:100px;
height:100px;
margin-left:5px;
border:4px solid #0250a0;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.album_container:hover img{
border:4px solid #02468c;
}
.album-clickable-area{
width:210px;
height:210px;
display:block;
}
.album-item{
}
.album-item .open_album{
width:100%;
display:block;
border:0;
margin:0 0px;
padding:0;
cursor:pointer;
position:relative;
text-align:center;
}
.album-item .open_album:hover{
}
.album-item .open_album span{
width:100%;
font-size:10pt;
line-height:10pt;
font-weight:bold;
}
.file_container{
width:210px;
height:250px;
padding:8px;
padding-top:0px;
position:relative;
display:inline-block;
vertical-align:top;
margin:0px 0px;
}
.file_container .unit_thumb{
-webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.25);
box-shadow: 0 0 3px 2px rgba(0,0,0,0.25);
background:#FFF;
margin-bottom:5px;
width:100%;
}
.file_container a:hover .unit_thumb{
-webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.5);
box-shadow: 0 0 3px 2px rgba(0,0,0,0.5);
}
.file_container .fa-check-circle{
position:absolute;
right:5px;
top:0px;
color:rgba(51,153,0,0.8);
}
.file_container .deleted-photo, .album_container .deleted-photo{
width:210px;
height:210px;
-webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.1);
box-shadow: 0 0 3px 2px rgba(0,0,0,0.1);
background:#FFF;
position:relative;
}
.file_container .deleted-photo .fa-times-circle{
position:absolute;
top:30px;
left:35px;
color:#ececec;
}
.file_container .uploading-photo{
width:210px;
height:210px;
-webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.1);
box-shadow: 0 0 3px 2px rgba(0,0,0,0.1);
background:#FFF;
padding:3px;
position:relative;
}

.file_container a{
display:block;
}
.file_container a .photo-instructions{
display:none;
}
.file_container a:hover .photo-instructions{
display:block;
}
.file_container .photo-instructions{
font-size:10pt;
line-height:11pt;
font-weight:bold;
color:#666;
}
.file_container .photo-instructions:after{
content: "";
display: table;
clear: both;
}
.file_container .photo-instructions .photo-instruction{
width:40%;
display:inline-block;
margin:5px;
text-align:center;
vertical-align:top;
font-size:8pt;
line-height:10pt;
}
.file_container .uploading-photo .fa-spinner{
position:absolute;
top:33px;
left:35px;
color:#ececec;
}
.select_image{
display:inline-block;
vertical-align:top;
border:0;
border:1px solid #004078;
color:#FFF;
-webkit-border-radius: 3px;
border-radius: 3px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5ec5e8+0,0fb1e2+100 */
background: #027ac9; /* Old browsers */
background: -moz-linear-gradient(top,  #027ac9 0%, #0250a0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #027ac9 0%,#0250a0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #027ac9 0%,#0250a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#027ac9', endColorstr='#0250a0',GradientType=0 ); /* IE6-9 */
text-decoration: none;
cursor:pointer;
font-weight:700;
text-align:center;
font-size:8pt;
line-height:8pt;
margin:0 0 0 -1px;
padding:3px;
}
.select_image:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0fb1e2+0,5ec5e8+100 */
color:#FFF;
background: #016db3; /* Old browsers */
background: -moz-linear-gradient(top,  #016db3 0%, #02468c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #016db3 0%,#02468c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #016db3 0%,#02468c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016db3', endColorstr='#02468c',GradientType=0 ); /* IE6-9 */
}
.select_image:active{
color:#FFF;
background: #0250a0; /* Old browsers */
background: -moz-linear-gradient(top,  #0250a0 0%, #027ac9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0250a0 0%,#027ac9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0250a0 0%,#027ac9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0250a0', endColorstr='#027ac9',GradientType=0 ); /* IE6-9 */
padding:4px 3px 2px 3px;
}
.btn-danger{
width:16px;
height:20px;
display:inline-block;
background: transparent;
border:0;
color: #CC0000;
font-size: 12pt;
padding:0px;
text-decoration: none;
cursor:pointer;
font-weight:700;
}
.btn-danger:hover{
background: transparent;
  text-decoration: none;
  color:#990000;
}
.file_container input[type=radio]{
display:none;
}
.file_container .highlight-label{
text-align:center;
display:block;
width:155px;
color:#666;
border:1px solid #CCC;
background: #FFF;
background-image: -webkit-linear-gradient(top, #FFF, #EFEFEF);
background-image: -moz-linear-gradient(top, #FFF, #EFEFEF);
background-image: -ms-linear-gradient(top, #FFF, #EFEFEF);
background-image: -o-linear-gradient(top, #FFF, #EFEFEF);
background-image: linear-gradient(to bottom, #FFF, #EFEFEF);
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
font-size: 10pt;
line-height: 10pt;
padding: 5px 0px;
text-decoration: none;
cursor:pointer;
font-weight:700;
}
.file_container .highlight-label:hover{
color:#000;
}
.file_container .highlight-label:before{
content:"Make ";
}
.file_container input[type=radio]:checked + label{
color:#FFF;
background: #3399ff;
background-image: -webkit-linear-gradient(top, #3399ff, #3366cc);
background-image: -moz-linear-gradient(top, #3399ff, #3366cc);
background-image: -ms-linear-gradient(top, #3399ff, #3366cc);
background-image: -o-linear-gradient(top, #3399ff, #3366cc);
background-image: linear-gradient(to bottom, #3399ff, #3366cc);
text-decoration: none;
}
.file_container input[type=radio]:checked + label:before{
content:"";
}
.file_container input[type=radio]:checked + label:after{
content:"ed";
}

.status-buttons{
text-align:center;
}
.status-buttons input[type=radio]{
display:none;
}

.status-buttons label{
text-align:center;
display:inline-block;
width:120px;
color:#666;
border:1px solid #CCC;
background: #FFF;
background-image: -webkit-linear-gradient(top, #FFF, #EFEFEF);
background-image: -moz-linear-gradient(top, #FFF, #EFEFEF);
background-image: -ms-linear-gradient(top, #FFF, #EFEFEF);
background-image: -o-linear-gradient(top, #FFF, #EFEFEF);
background-image: linear-gradient(to bottom, #FFF, #EFEFEF);
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
font-size: 12pt;
line-height: 14pt;
padding: 15px 0px;
text-decoration: none;
cursor:pointer;
font-weight:700;
}
.status-buttons label:hover{
color:#999;
}
.status-buttons input[type=radio]:checked + label.status-active-label{
color:#FFF;
background: #339933;
background-image: -webkit-linear-gradient(top, #339933, #1a752b);
background-image: -moz-linear-gradient(top, #339933, #1a752b);
background-image: -ms-linear-gradient(top, #339933, #1a752b);
background-image: -o-linear-gradient(top, #339933, #1a752b);
background-image: linear-gradient(to bottom, #339933, #1a752b);
text-decoration: none;
}
.status-buttons input[type=radio]:checked + label.status-inactive-label{
color:#FFF;
background: #d33c38;
background-image: -webkit-linear-gradient(top, #d33c38, #b91f1c);
background-image: -moz-linear-gradient(top, #d33c38, #b91f1c);
background-image: -ms-linear-gradient(top, #d33c38, #b91f1c);
background-image: -o-linear-gradient(top, #d33c38, #b91f1c);
background-image: linear-gradient(to bottom, #d33c38, #b91f1c);
text-decoration: none;
}
.status-buttons input[type=radio]:label:before{
content:"Make ";
}
.status-buttons input[type=radio]:checked + label:before{
content:"";
}

.photo-info{
text-align:center;
color:#666;
font-weight:bold;
padding:0px 0px 0px 0px;
font-size:10pt;
line-height:12pt;
}

.title-container{
display:inline-block; width:180px; height:14px; overflow:hidden;
}

.back-link{
font-size: 10pt;
line-height: 12pt;
font-weight:bold;
cursor:pointer;
color:#027ac9;
}
.back-link:hover{
color:#0250a0;
}