/* CUSTOM STYLES */
a {text-decoration:none;}
#survey, #home, #sync-responses, #restart-buttonx, #auth-dialog{display:none;}
#sync-responses{text-align:right;margin-bottom: -15px;}
#survey .ui-button-context, #home-button .ui-button-context{height:30px;width:30px;}
#survey .ui-icon, #home-button .ui-icon{height:30px;width:30px;border-radius:0;}
#survey .ui-btn-inner, #home-button .ui-btn-inner{width:30px;}
#home-button .ui-btn-inner{border-top: none;}
#survey .ui-icon-sg, #home-button .ui-icon-sg{
	background:url("images/alchemer-logo.svg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin:0;
}
.error {color:#a00401;}
form.error input[type="password"], form.error input[type="email"]{border-color:#a00401;}
#home .ui-btn{cursor:auto; }
#overlay, #auth-dialog{display:none;width:100%;position:absolute;height:100%;background-color: rgba(0,0,0,0.6);z-index:100000;}
#overlay h2{color:#fff;font-family:Arial, sans-serif;}
#error-message{border-radius:11px;border:5px solid #ad1325;background:#CA1E34;color:#fff;padding:5px;display:none;}
.green{color:#E6670D;}


#auth-dialog .pnl{
	width:360px;
	height:auto;
	padding:6px;
	background:#FFF;
	margin:60px auto 0 auto;
	border:1px solid #EEE;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	font-family:Arial, sans-serif;
	}
#auth-dialog h1{text-align:center;}
#auth-form{width:280px;margin:0 auto;}
#auth-dialog .btn{text-align:center;margin-top:12px;}
#auth-dialog label{}
.ui-footer{height:30px;}
.ui-footer .ui-btn-right{margin-right:36px;}
.loader{height:83px;position:relative;margin:0 auto;top:30%;text-align:center;padding:12px 5px;}

#sg-timer{margin-bottom:12px;}

.kioskswitch{text-align:right;}
.kioskswitch .ui-slider-switch.ui-slider-mini{width:6.5em; overflow: hidden;}
#record-response-button{
	margin:16px auto;
	border: 1px solid #56A00E;
	background: #74B042;
	color: white;
	font-weight: bold;
	text-shadow: 0 1px 1px #335413;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C8E58D), to(#7FAA57));
	background-image: -webkit-linear-gradient(#62904C, #7FAA57);
	background-image: -moz-linear-gradient(#62904C, #7FAA57);
	background-image: -ms-linear-gradient(#62904C, #7FAA57);
	background-image: -o-linear-gradient(#62904C, #7FAA57);
	background-image: linear-gradient(#62904C, #7FAA57);
}
#sync-responses-button{
	margin:16px auto;
}
#welcome-message{
	width:240px;
	position: fixed;
	z-index: 100;
	left: 50%;
	margin-left: -120px;
	bottom: 10px;
/*
	-webkit-box-shadow: 0px 1px 4px #333;
	-moz-box-shadow: 0px 1px 4px #333;
	box-shadow: 0px 1px 4px #333;
*/
}
	.bookmark-ico{
	background:url("images/bookmark-icon.png") no-repeat;
	width:39px;height:40px;
	margin:10px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border-top: #ffffff 1px solid;
	border-bottom: #415687 1px solid;
	}

	#welcome-message h4{margin:0 0 0 8px;}
	#welcome-ok{text-align:center;}


.triangle-isosceles {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#000;
	background:#f3961c; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
	background:-moz-linear-gradient(#f9d835, #f3961c);
	background:-o-linear-gradient(#f9d835, #f3961c);
	background:linear-gradient(#f9d835, #f3961c);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
/* creates triangle */
.triangle-isosceles:after {
	content:"";
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:50%; /* controls horizontal position */
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#f3961c transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
    margin-left: -16px;
}

#progressbar{
	width:300px;height:30px;border:1px solid #EEE;border-radius: 4px;
	background-color: #F7F7F7;margin:0 auto;
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
	box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
}
	#progress{
		-webkit-animation: progress-bar-stripes 2s linear infinite;
		-moz-animation: progress-bar-stripes 2s linear infinite;
		-ms-animation: progress-bar-stripes 2s linear infinite;
		-o-animation: progress-bar-stripes 2s linear infinite;
		animation: progress-bar-stripes 2s linear infinite;
		-webkit-transition: width 0.6s ease;
		background-color: #149BDF;
		background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
		background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
		background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
		background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
		background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
		background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
		-webkit-background-size: 40px 40px;
		-moz-background-size: 40px 40px;
		-o-background-size: 40px 40px;
		background-size: 40px 40px;
		background-repeat: repeat-x;
		height:30px;
		width:100%;
	}

/****/
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

#partial-response-list .ui-bar-a{
	background : #666;
}

#home [partial-response].ui-btn{cursor:pointer;}
#loader-message{display:none;font-size:12px;color:#fff;font-style:italic;font-family:Arial;margin-top:10px;}

#debug{display:none}
#debug-link{
	font-size: 10px;
	float: right;
	color: rgb(206, 204, 204);
	position: absolute;
	bottom: 20px;
	right: 20px;
}

div.ui-slider
{
	margin: 0;
}
div.sg-slider-bubble-horizontal
{
	left: -5px;
}