@import url("icomoon/icomoon.css");
.datepicker:before, .datepicker:after {
  display: none;
}

#uploaderform{
  padding: 25px;
}

#uploadsubmit span{
  font-size: 35px;
  vertical-align: top;
  padding-top: 10px;
  margin-left: 10px;
}

.loading{
    background-image:url(images/AjaxLoader.gif);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 64px;
}

#upload-container h2{
	padding: 10px 37px;
	margin: 0px;
}

#upload-container h2 span{
	position:relative; 
	margin-left: 10px;
	top: -12px;
}

#upload-success{
	padding: 25px;
	display:none;
	margin: 0px;
}

.fancybox-opened {
z-index: 10000002;
}


/***** UGC THINGS ********/
.loading{
    background-image:url(graphics/AjaxLoader.gif);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 64px;
}

.ugcbox h2, .ugcbox h2 a, .ugc-section-closer h2, .ugc-section-closer h2 a{
	color: rgb(102, 102, 102);
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.ugcbox .fmsharelink, .ugc-section-closer .fmsharelink{
	font-weight: bold;
	font-size: 1.3em;
	margin-top: 10px;
	display: inline-block;
}

.ugc-section-closer {
	padding-bottom: 10px;
}
.ugc-section-closer .left-col, .ugc-section-closer .right-col{
	width: 45%;
	margin: 2%;
	float: left;
}

.news-box-header-link{
	padding: 10px;
}

.news-box-header-link a{
	color: rgb(102, 102, 102);
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}


.ugc-section-closer .fm-photo-caption, .ugcbox .fm-photo-caption{
	padding: 5px;
	text-align: right;
}

.ugc-section-closer .fm-photo-wrap{
	height: 205px;
	overflow: hidden;
}

.ugcbox .fm-photo-wrap{
}

.ugc-section-closer .fm-single-photo-title, .ugcbox .fm-single-photo-title{
	font-weight: bold;
	font-size: 18px;
	line-height: 1.3em;
}

.ugc-section-closer .fm-single-photo-credit, .ugcbox .fm-single-photo-credit{
	font-style: italic;
}



.responsive-slider { height: 1%; margin: 0px 0 0; overflow:hidden; position: relative; padding: 0 10px 10px;   }
.responsive-slider .viewport { height: 170px; overflow: hidden; position: relative; float: left; width: 92%; }
.responsive-slider .buttons {
	background-image:url(graphics/buttons2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
    display:block;
    margin:75px 0 0;
    background-position:0 -25px;
    text-indent:-999em;
    float:left;
    width:25px;
    height:25px;
    overflow:hidden;
    position:relative
}

.col-sm-9 .responsive-slider .buttons {
/* background-image: url(graphics/buttons3.png); */
background-repeat: no-repeat;
background-position: 0 0;
background-color: transparent;
display: block;
margin: 75px 0 0;
background-position: 0 -25px;
text-indent: -999em;
float: left;
width: 25px;
height: 25px;
overflow: hidden;
position: relative;
position: absolute;
z-index: 10;
}


.responsive-slider .next-button {
    background-position:0 0 !important;
    margin:75px 0 0
}



.responsive-slider .disable { visibility: hidden; }
.responsive-slider .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
.responsive-slider .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height:170px; border: 1px solid #dcdcdc; width:300px; background-color:#dcdcdc;}
.responsive-slider .overview li img{ width: 100%;}
.responsive-slider .caption {
    display:none;
    width:280px;
    position:absolute;
    bottom:1px;
    padding:10px;
    background:#222;
    color:#fff;
    text-decoration:none!important
}

hr.ugc{
	width: 90%;
	margin: 30px auto;
}


.fancybox-opened {
z-index: 10000002;
}

.upload-widget {
	border: 1px solid #d3d3d3;
background-color: #eee;
width: 50%;
margin: auto auto 20px;
padding: 10px 9px 20px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
max-width: 600px;
}

.upload-widget .btn-lg{
	font-size: 30px !important;
	text-decoration: none !important;
}

.upload-widget i{
	font-size: 1em;

}

.upload-widget span {
font-size: 22px;
position: relative;
top: -6px;
margin-left: 10px;
line-height: 1em;
}

@media (max-width: 500px){
    .upload-widget{
    	width: 100%;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .responsive-slider .viewport { width: 82%; }
    .responsive-slider{ padding: 0 0px 10px;}
}



@media (max-width: 360px){
	#uploadsubmit span{
	  font-size: 25px;
		vertical-align: top;
		padding-top: 4px;
		display: inline-block;
		margin-left: 10px;
	}

	#uploadsubmit i{
		font-size: 3em;
	}
}