/*
	Hover
*/
#ssc:not(.rsp):not(.cb) form.view .body > table.mx > tbody td:hover, 
#ssc:not(.rsp):not(.cb) .q.c form.base label:hover 
{
	background-image: url(/images/hover.png);
	background-repeat: repeat;
}

/*
	Survey content
		Integration
*/
#ssc {
	font-family: Arial, Helvetica, sans-serif;
}
#ssc .p {
	margin: 1px;
	padding-left: 0;
	padding-right: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#ssc .p .i {
	padding: 0.25em 0.25em 0.125em 0.25em;
}
#ssc .p .i:first-child {
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}
#ssc .q {
	padding: 0.125em 0.25em;
	padding-right: 0.5em;
	background-color: white;
}

#ssc .q.view {
	padding-bottom: 0.75em;
}
#ssc .i + .q {
	border-top: none;
}
#ssc .q:last-child {
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
}

#ssc .p:not(:last-child) {
	margin-bottom: 1em;
}
#ssc .p .i p {
	margin: 0.5em 0;
	margin-left: 1em;
}
#ssc .p:last-child .q:last-child {
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
}
#ssc .p h2, 
#ssc .q h3 
{
	margin: 0;
	padding: 0;
}

#ssc .p .i {
	background-color: white;
}
#ssc .q h3 {
	padding-top: 0.125em;
	padding-bottom: 0.125em;
	font-size: 1.0625em;
	color: black;
}
#ssc .p h2 em.num, 
#ssc .q h3 em.num 
{
	float: left;
	width: 1.5em;
	font-weight: normal;
	font-style: normal;
	text-align: right;
}
#ssc .q h3 em.num {
	width: 2.5em;
}
#ssc .q h3 > span {
	display: block;
	margin-left: 3em;
}
#ssc .p h2 > span {
	display: block;
	margin-left: 0.5em;
}

#ssc h2 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.375em;
	color: #998;
}

/* View forms */
#ssc form.view {
	margin: 0;
}
#ssc form.view .body {
	margin-left: 3.25em;
}
#ssc form.view input.text {
	width: 220px;
	padding: 1px;
}
#ssc form.view span.text {
	float: left;
	width: 440px;
	min-height: 1.25em;
	padding: 3px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: whitesmoke;
	border: 1px solid gainsboro;
}

#ssc form.view .body > table {
	margin-top: 1em;
	margin-bottom: 0.5em;
	border-spacing: 1px;
	border: 1px solid wheat;
	cursor: default;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#ssc form.view thead th table {
	width: 100%;
	border-spacing: 0;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
#ssc form.view thead th table td:first-child {
	text-align: left;
}
#ssc form.view thead th table td:last-child {
	text-align: right;
}
#ssc form.view thead th table td:only-child {
	text-align: center;
}

#ssc form.view tbody tr:last-child th:first-child {
	-moz-border-radius: 0 0 0 4px;
	-webkit-border-bottom-left-radius: 4px;
}
#ssc form.view tbody tr:last-child td:last-child {
	-moz-border-radius: 0 0 4px 0;
	-webkit-border-bottom-right-radius: 4px;
}
#ssc form.view table td {
	width: 8em;
	text-align: center;
}
#ssc form.view table.r td {
	width: 5em;
}

/* 
	Preview
	Welcome and thank you page 
		- todo, remove .r from JS if only-child, and remove the definition below
*/
#ssc.p .p h2 > span {
	display: block;
	margin-left: 1.3125em;
	margin-bottom: 0.5em;
}


#ssc.p .wp .i {
	padding-left: 24px;
}
#ssc.p .wp .i p {
	margin-left: 0;
}
/*
#ssc.p .wp .i h1, 
#ssc.p .wp .i h2, 
#ssc.p .wp .i p, 
#ssc.p .tp .i h1, 
#ssc.p .tp .i h2, 
#ssc.p .tp .i p, 
#ssc.p .wp .go 
{
	margin-left: 24px;
}
#ssc.p .wp .go li.tabs.r:only-child {
	margin-left: 0;
}
*/

/* Preview */
#ssc.p form.view .body > table > tbody td, 
#ssc.p form.view .body > table > tbody td label, 
#ssc.p form.view .body > table > tbody td input.radio, 
#ssc.p form.view .body > table > tbody td input.check, 
#ssc.p form.base label, 
#ssc.p form.base input.radio, 
#ssc.p form.base input.check 
{
	cursor: pointer;
}
#ssc form.view table td label {
	width: 100%;
	height: 100%;
	margin: 0;
	padding-top: 0.125em;
	padding-bottom: 0.125em;
	vertical-align: middle;
}
#ssc form.view th {
	padding: 0.25em 0.5em;
	font-weight: normal;
	color: darkslategray;
}
#ssc form.view table.r thead tr:first-child th:first-child, 
#ssc form.view thead tr:last-child th, 
#ssc form.view thead th.skip 
{
	border-bottom: 1px solid wheat;
}
#ssc form.view thead th.skip {
	vertical-align: bottom;
	color: lightslategray;
}
#ssc form.view table.r .skip {
	border-left: 1px solid wheat;
}
#ssc form.view table.r thead tr:last-child th:not(.skip) {
	font-weight: bold;
}
#ssc form.view th[scope="row"] {
	font-weight: bold;
	text-align: left;
}
#ssc form.view th[scope="col"] {
	text-align: center;
}
#ssc form.view th.id {
	width: 1em;
	text-align: right;
}

#ssc form.view tr.alt th, 
#ssc form.view tr.alt td 
{
	background-color: oldlace;
}
#ssc form.view tr.alt .skip {
	background-color: seashell;
}
#ssc form.view tr td.act, 
#ssc form.view tr.alt td.act 
{
	background-color: wheat;
}

/* 
	Single/Multiple choice 
	c	choices
	t	texts
*/
#ssc .q.c:not(.edt) fieldset, 
#ssc .q.t:not(.edt) fieldset 
{
	display: inline-block;
}
#ssc .q.c:not(.edt) label, 
#ssc .q.t:not(.edt) label 
{
	padding-left: 1em;
	padding-right: 1em;
}
/*
#ssc .q.c:not(.edt) label {
	white-space: nowrap;
}
*/
#ssc .q.c:not(.edt) input.radio, 
#ssc .q.c:not(.edt) input.check, 
#ssc .q.c:not(.edt) label > span 
{
	float: left;
}
#ssc .q.c:not(.edt) label > span, 
#ssc .q.c:not(.edt) label > input.text 
{
	margin-left: 0.5em;
}
#ssc .q.c:not(.edt) fieldset.body.grp label {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
#ssc .q.c:not(.edt) fieldset.body.grp label:first-child {
	margin-top: 0.5em;
}

/* Alignment */
#ssc .q.t .mis .foretag {
	float: none;
	width: auto;
	text-align: left;
}
#ssc .q.c fieldset.hor {
	display: block;
}
#ssc .q.c .hor label {
	float: left;
}
#ssc .q.c .hor label {
	margin-top: 0.5em !important;
}

/*
	Navigation
		Similar to basic navigation
*/
#ssc .tabnav.go {
	margin-left: 2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#ssc .tabnav.go ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#ssc .tabnav.go li {
	float: left;
}
#ssc .tabnav.go .tabs a {
	float: left;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#ssc .tabnav.go .tabs a {
	margin-top: 1px;
	padding: 6px 8px;
	background-color: #E0EAFB;
}
#ssc .tabnav.go .tabs a:hover {
	background-color: #BFD9FF;
}
#ssc .tabnav.go .tabs a.act {
	color: white;
	background-color: #03a;
}
#ssc .tabnav.go .tabs a span {
	display: block;
}
#ssc .tabnav.go .tabs a.finish {
	padding: 4px 8px;
	font-weight: bold;
	border: 2px solid #BFD9FF;
}
#ssc .tabnav.go .tabs.l {
	margin-right: 1em;
}
#ssc .tabnav.go .tabs.r {
	margin-left: 1em;
}
#ssc .tabnav.go .info {
	padding-top: 0.5em;
}

/* PDF link */
a.pdf {
	padding-left: 1.75em;
	background-image: url(/images/general/pdficon_small.gif);
	background-repeat: no-repeat;
	background-position: left center;
}