.icon-pack {
	background-image: url(../images/artpack.png?v=1.1);
	height: 17px;
	vertical-align: middle;
}

#quick-search-suggest a:hover .icon-search-map, #quick-search-suggest a.selected .icon-search-map {
	background-position: -80px -17px;
}
.icon-search-map {
	background-position: -80px 0;
}
#quick-search-suggest a:hover .icon-search-user, #quick-search-suggest a.selected .icon-search-user {
	background-position: -112px -17px;
}
.icon-search-user {
	background-position: -112px 0;
}
#quick-search-suggest a:hover .icon-search-tag, #quick-search-suggest a.selected .icon-search-tag {
	background-position: -97px -17px;
}
.icon-search-contest {
	background-position: -129px 0;
	margin-top: -3px;
}
#quick-search-suggest a:hover .icon-search-contest, #quick-search-suggest a.selected .icon-search-tag {
	background-position: -129px -17px;
}
.icon-search-tag {
	background-position: -97px 0;
	width: 16px !important;
}

#wip-photo-loader {
	width: 100% !important;
	height: 100%;
	display: none;
	/*background: url(../images/loader.gif) center no-repeat;*/
}
#wip-photo-loader .loading {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 35px;
	color: white;	
}
#comments-content .loading {
	text-align: center;
	width: 100%;
	font-size: 35px;	
	margin-top: 30px;
}


/* =============================================================================
	POPUP GENERIC
   ========================================================================== */

.wip-popup {
	background-image: url(../images/bkgd-white-30.png);
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
	padding: 6px;
	text-align: left;
	outline: none;
	z-index: 999999 !important;
	font-family: "nimbus-sans", "arial", sans-serif !important;
}

.popin-content {
	background-color: #ECECEC;
	outline: none;
	min-height: 85px !important;	
}

.popin-content { -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; }
.popin-content .popin-top-content { overflow: visible !important; -webkit-border-top-left-radius:4px; -moz-border-top-left-radius:4px; -o-border-top-left-radius:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-top-right-radius:4px; -o-border-top-right-radius:4px; border-top-right-radius:4px; }
.popin-content .popin-bottom-content { overflow: hidden; -webkit-border-bottom-left-radius:4px; -moz-border-bottom-left-radius:4px; -o-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-bottom-right-radius:4px; -o-border-bottom-right-radius:4px; border-bottom-right-radius:4px; }

.popin-content div.fancy-select ul.options { max-height: 150px; }

.ui-widget-overlay {
	/*background: url(../images/bkgd-black-60.png);*/
	background: none !important;
	left: 0;
	position: absolute;
	top: 0;
}

.wip-popup-photo .ui-dialog-titlebar,
.wip-popup .ui-dialog-titlebar {
	display: none;
}

.wip-popup h3 a:hover {
	color: #14C7D9;
}

.wip-popup h3 a {
	transition: all 500ms ease;	
	color: #888;
}
.wip-popup h4 {
	font-size:20px !important;
	padding-top: 20px !important;
	padding-bottom: 10px !important;
}
.wip-popup h3, .wip-popup h4 {
	text-transform: uppercase;
	/*color: #352626;*/
	font-size:21px;
	padding-bottom: 5px;
    line-height: 25px;	
}

.wip-popup label {
	color: #222231;
	display: block;
	line-height: 30px;
}

.wip-popup label:hover {
	cursor: pointer;
	cursor: hand;
}

.wip-popup input {
	margin-bottom: 5px;
}

.wip-btn-action-group {
	background: #f4f4f4;
	clear: both;
	overflow: hidden;
	padding: 15px;
	position: relative;
	z-index: 10;
}

.ui-dialog { padding: 0 !important; overflow: visible !important; }

.ui-dialog .ui-dialog-content { padding: 0px !important; overflow: visible !important; }

.ui-widget-content {
	width: 100%;
	max-width: 600px;
	border: 0px !important;
	-webkit-box-shadow: 1px 1px 3px #8C8A8A;
	   -moz-box-shadow: 1px 1px 3px #8C8A8A;
	     -o-box-shadow: 1px 1px 3px #8C8A8A;
	        box-shadow: 1px 1px 3px #8C8A8A;
}

.btn {
	background-image: linear-gradient(bottom, rgba(0,0,0,.1) 10%, rgba(255,255,255,.1) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1) 10%, rgba(255,255,255,.1) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1) 10%, rgba(255,255,255,.1) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1) 10%, rgba(255,255,255,.1) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.1) 10%, rgba(255,255,255,.1) 100%);

	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgba(0,0,0,.1)),
	    color-stop(1, rgba(255,255,255,.1))
	);
	border: 1px solid #000;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .3) inset;
	   -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .3) inset;
	        box-shadow: 0 0 2px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .3) inset;
	display: inline-block;
}

.wip-btn-action-group .btn {
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	font-size: 26px;
	padding: 5px 10px;
	text-transform: uppercase;
}

.btn-valid {
	background: #1db5c5;
	color: #fff;
}

#popin-background {
	z-index: 99999;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../images/bkgd-black-60.png);
}
.popin-top-content {
	padding: 20px;
    min-height: 135px;
    color: #222231;
    overflow: hidden;
    background-color: white;
}
.popin-top-content .regular {
	margin-top: 10px;
}
.popin-top-content .mandatory-infos-list-form .error-label { margin: 0px 0 0 5px; }

/*#wip-edit-contest-mandatory-infos div.fancy-select ul.options { max-height: 136px; }
#wip-edit-contest-mandatory-infos .popin-top-content { overflow: visible; }*/

#wip-edit-contest-mandatory-infos div.fancy-select { height: initial; min-height: 40px;
    box-shadow: none;
    height: 31px;
    line-height: 21px;
    background-color: white; font-size: 12px; border: 1px solid #D8D8D8;
    padding-left: 10px; }

/*#wip-edit-contest-mandatory-infos div.fancy-select ul.options { position: relative; top: 3px; left: -10px; }
#wip-edit-contest-mandatory-infos div.fancy-select ul.options:not(.open) { display: none; }
#wip-edit-contest-mandatory-infos div.fancy-select ul.options.open { display: block; }*/

/* =============================================================================
	FORM
   ========================================================================== */

input {
	color: #525f7f;
}

input.wip-input, ul.token-input-list-facebook {
	behavior: url(../assets/library/pie/PIE.htc);
	border: 1px solid #e1e1e1;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .1) inset;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	   	 -o-border-radius:2px;
	        border-radius:2px;
	color: #333333;
	font-size: 13px;
	padding: 8px;
	position: relative;
	z-index: 2;
	font-family: "nimbus-sans", "arial", sans-serif !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: "nimbus-sans", "arial", sans-serif !important;
}

input.wip-input.disabled {
	background-color: #aaa
}

.hidden-checkbox {
	background: url(../images/artpack.png?v=1.1) -250px 0;
	display: inline-block;
	height: 15px;
	position: relative;
	text-indent: -25px;
	width: 15px;
	overflow: hidden;
	margin: -2px 10px -2px 0;
	font-family: "nimbus-sans", "arial", sans-serif !important;
}
.hidden-checkbox.checked {
	background: url(../images/artpack.png?v=1.1) -250px -17px;
}


[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 1px;
  width: 14px;
  height: 14px;
  border: 1px solid #E7E7E7;
  box-sizing: border-box;
  background: #fff;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		 -o-border-radius: 2px;
			border-radius: 2px;
}

[type="checkbox"]:checked + label:before {
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	     -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  font-family: 'wipplay-font';
  content: "\e620";
  position: absolute;
  top: -1px;
  left: 2px;
  font-size: 8px;
  color: #1BD1DE;
  transition: all .2s;
}
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}


/* uis */
.ui-slider .ui-slider-handle { position: absolute; z-index: 200; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 1.2em; }
.ui-slider-horizontal .ui-slider-handle { top: -1px; margin-left: -10px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #666666; background: #555555 url(images/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eeeeee; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #eeeeee; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #59b4d4; background: #0078a3 url(images/ui-bg_glass_40_0078a3_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ffaf0f; background: #f58400 url(images/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }

.notation-slider.ui-widget-content { position: relative; top: 3px; left: 5px; border: 1px solid #666666; background: #000000 url(images/ui-bg_inset-soft_25_000000_1x100.png) 50% bottom repeat-x; color: #ffffff; }
.notation-slider.ui-widget-content a { color: #ffffff; }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }


/* 
  Excellent spinner, thanks to
  * John W. Long http://wiseheartdesign.com/
  * Alexander Kohlhofer http://kohlhofer.com/
*/
@-moz-keyframes circles-loader {
  0% {
    -moz-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
  50% {
    -moz-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
@-webkit-keyframes circles-loader {
  0% {
    -webkit-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
  50% {
    -webkit-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
@keyframes circles-loader {
  0% {
    -moz-transform: rotate(-720deg);
    -ms-transform: rotate(-720deg);
    -webkit-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
  50% {
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.circles-loader:not(:required) {
  position: relative;
  text-indent: -9999px;
  display: inline-block;
  width: 25px;
  height: 25px;
  background: rgba(75, 201, 214, 0.9);
  border-radius: 100%;
  -moz-animation: circles-loader 3s infinite ease-in-out;
  -webkit-animation: circles-loader 3s infinite ease-in-out;
  animation: circles-loader 3s infinite ease-in-out;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.circles-loader:not(:required)::before {
  background: rgba(80, 227, 194, 0.6);
  border-radius: 100%;
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  top: 18.75px;
  left: -10.82532px;
}
.circles-loader:not(:required)::after {
  background: rgba(245, 166, 35, 0.4);
  border-radius: 100%;
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  top: 18.75px;
  left: 10.82532px;
}

/*    Spinner    */
.loader.spinner {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  padding: 15px 10px;
  text-align: center;
  font-size: 10px;
  background-color: transparent;
}
.loader.spinner > div {
  background-color: #222231;
  height: 100%;
  width: 4px;
  margin-left: 2px;
  margin-right: 2px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.loader.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.loader.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.loader.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.loader.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/* radio */
.hidden-checkbox {
	background: url(../images/artpack.png?v=1.1) -250px 0;
	display: inline-block;
	height: 15px;
	position: relative;
	text-indent: -25px;
	width: 15px;
	overflow: hidden;
	margin: -2px 10px -2px 0;
	font-family: "nimbus-sans", "arial", sans-serif !important;
}
.hidden-checkbox.checked {
	background: url(../images/artpack.png?v=1.1) -250px -17px;
}


[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  font-size: 12px;
}
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 14px;
  height: 14px;
  border: none;
  background: #fff;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		 -o-border-radius: 2px;
			border-radius: 2px;
}

[type="radio"]:checked + label:before {
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	     -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  font-family: 'wipplay-font';
  content: "\e620";
  position: absolute;
  top: -2px;
  left: 2px;
  font-size: 8px;
  color: #1BD1DE;
  transition: all .2s;
}
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}