/*  tinylineup Question CSS
    Copyright 2009
*/

/* Question
----------------------------------- */

#question_step {
	margin-top: 3.6em;
}

.question {
	position: relative;
}

.question .suggest {
	font-size: 180%;
	padding: .45em 14px;
}

/* Options */

#label-q { background-image: url(/img/labels/question.gif); }
#label-r { background-image: url(/img/labels/respond.gif); }
#label-ar { background-image: url(/img/labels/already-responded.gif); height: 25px; }

fieldset .step span, .block .step span {
	position: absolute;
	left: -999px;
}

#main fieldset p {
	font-size: 100%;
}

#main fieldset p.sm {
	font-size: 110%;
	color: #999;
}

h2 {
	margin: 0;
	padding: 1em 0 .6em;
	font: italic 240% Georgia, Times, serif;
	text-shadow: #ccc 1px 1px 1px;
	color: #0e6eb8;
}

fieldset h2 {
	padding-top: 0;
}

#options_step ol {
	width: 600px;
	margin-left: -12px;
	list-style: decimal inside;
	color: #333;
}

#options_step li {
	position: relative;
	width: 30px;
	height: 2.5em;
	margin: 0;
	padding: .5em 252px .5em 0;
	line-height: 2.6;
	font-weight: bold;
	font-size: 120%;
	cursor: move;
	text-align: right;
	list-style: decimal inside;
}

#options_step li.load {
	background: url(/img/loading.gif) no-repeat;
	display: block;
	width: 16px;
	height: 16px;
	margin: 1.8em 18px;
	list-style: none;
}

#options_step li.pl {
	background: #f7f7f7;
	list-style: none !important;
	height: 2.5em;
	margin: .25em 0;
	padding: .25em 8px .25em 0;
/*	border: 1px dashed #f7f7f7; */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	line-height: 1;
	width: 274px;
}

#options_step li input.text {
	margin: .2em 0 !important;
	height: auto !important;
}

#options_step li.add {
	color: #999;
	list-style: none;
}

#options_step li.add, #options_step li.add * {
	cursor: pointer;
}

#options_step li.add input.text {
	background: transparent;
	border-style: dashed;
	opacity: 1;
}

#options_step li button {
	position: absolute; left: 278px;
	width: 34px; height: 2.7em;
	padding: .75em;
	border: 0;
	font-size: 100% !important;
	cursor: pointer;
}

button span {
	position: absolute; left: -9999px;
}

button.add { background: url(/img/btn_add.gif) no-repeat center center; padding: 0 !important; } /* left: 108px !important;} */

button.delete { background: url(/img/btn_del.gif) no-repeat center center; padding: 0 !important; }

button.delete.dis { background: url(/img/btn_del.gif) no-repeat center center; opacity: .5; cursor: default !important; }

button.button {
	background: #fff;
	float: left;
	margin: 0 12px 0 0;
	padding: .45em 12px;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-weight: bold;
	font-size: 140%;
	color: #333;
	cursor: pointer;
}

button.button:hover {
	border-color: #999;
}

button.button.rarr {
	background: #fff url(/img/rarr.gif) no-repeat right center;
	padding-right: 28px;
}

button.small {
	background: #fff;
	vertical-align: bottom;
	margin: 0 6px;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer;
}

button.small:hover {
	border-color: #999;
}

button.copy {
	background: #fff url(/img/labels/btn-copy.gif) no-repeat 5px 4px;
	width: 38px; height: 16px;
}

button.copy:hover {
	background-position: -40px 4px;
}

fieldset.finish #message {
	display: none;
	margin: 2.4em 0 -.6em 86px;
}

#options_step input.text {
	position: absolute; left: 38px;
	width: 230px;
}

#instructions {
	position: absolute;
	top: 4.2em;
	left: 320px;
	margin: .5em 0;
	padding: .5em 18px;
	font-size: 110%;
	color: #999;
}

#instructions p {
	margin-bottom: .25em;
	color: #666;
}


/* Errors */

#message_wrap {
	position: absolute; left: 224px;
}

#message {
	background: #f3f3f3;
	display: none;
	float: left;
	padding: .8em 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	line-height: 1.6;
}

#message a:link, #message a:visited {
	border-bottom: 1px solid #ccc;
	color: #555;
}

#message a:hover, #message a:active {
	border-bottom: 1px solid #aaa;
	text-decoration: none;
	color: #333;
}

fieldset .error-marker, .block .error-marker {
	background: url(/img/icons/rarr-o-big.gif) no-repeat 0 0;
	display: none;
	position: absolute;
	width: 28px;
	height: 28px;
	margin: 4.9em 0 0 -72px;
}

#message.error {
	background-color: #cef5bb;
/*	background: #cef5bb url(/img/icons/star-o-med.png) no-repeat 18px center;
	padding-left: 52px; */
	background-color: #f2f2f2;
}

#message p {
	margin: 0;
	font-size: 110% !important;
	color: #666;
}

.marker {
	display: none;
	position: absolute;
	width: 28px;
	height: 28px;
}

.marker.error {
	background: url(/img/icons/rarr-o-big.gif) no-repeat 0 0;
}