﻿.tgs-images {
	margin: 15px 0px;
}

.tgs-item {
	margin-bottom: 10px;
}

	.tgs-item input, .tgs-item select {
		border: 1px solid #abadb3;
	}

.tgs-question {
	font-family: "Segoe UI", Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 12px;
}

.FL90 {
	width: 90px;
	float: left;
}

.tgs-question, .tgs-answers {
	padding: 0px;
}

.tgs-answers {
	margin-bottom: 3px;
}

.tgs-item-error .tgs-question {
	color: #cc0000;
}

.tgs-item-error input, .tgs-item-error select, .tgs-item-error .tgs-list-item, .tgs-item-error .tgs-answers-list {
	border: 1px solid #cc0000;
}

.tgs-item-error .tgs-list-item {
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.tgs-item-error .tgs-answers-list {
	border-right-width: 0px;
	border-left-width: 0px;
}

.tgs-list-item input {
	border-width: 0px;
}

.tgs-question-error {
	border-bottom-width: 0px;
}

.tgs-answers-error {
	border-top-width: 0px;
}

span.tgs-list-item {
	white-space: nowrap;
	display: block;
}

.tgs-restrictions {
	font-size: 9px;
}

input.tgs-other {
	border: 1px solid #abadb3;
}

.tgs-item-error input.tgs-other {
	border-color: #abadb3;
}

.tgs-item-other-error input.tgs-other {
	border: 1px solid #cc0000;
}

.ErrMsg a {
	color: #cc0000;
	text-decoration: none;
}

	.ErrMsg a:hover {
		text-decoration: underline;
	}

label {
	font-weight: normal !important;
}

.RedBar, .BlueBar, .bar1, .bar2, .bar3, .bar4, .bar5, .bar6, .bar7, .bar8, .bar9, .bar10 {
	color: Black;
	text-align: left;
	line-height: 30px;
	height: 30px;
	border: solid 1px black;
	border-left: none;
}

.BlueBar {
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(White), to(Blue));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(left, white, blue);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=white, endColorstr=blue);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=white, endColorstr=blue)";
}

.bar1 {
	background: -moz-linear-gradient(left, #33cc99, #ffffff);
	background: -webkit-gradient(linear, left center, right center, from(#33cc99), to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#33CC99);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#33CC99)";
}

.bar2 {
	background: -moz-linear-gradient(left, #99cc99, #ffffff);
	background: -webkit-gradient(linear, left center, right center, from(#99cc99), to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#99cc99);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#99cc99)";
}

.bar3 {
	background: -moz-linear-gradient(left, #339933, #ffffff);
	background: -webkit-gradient(linear, left center, right center, from(#339933), to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#339933);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#339933)";
}

.bar4 {
	background: -moz-linear-gradient(left, #339999, #ffffff);
	background: -webkit-gradient(linear, left center, right center, from(#339999), to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#339999);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#339999)";
}

.bar5 {
	background: -moz-linear-gradient(left, #66cccc, #ffffff);
	background: -webkit-gradient(linear, left center, right center, from(#66cccc), to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#66cccc);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#66cccc)";
}

.bar6 {
	background: -moz-linear-gradient(left, #6699cc, #ffffff);
	background: -webkit-gradient(linear, left center, right center, from(#6699cc), to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#6699cc);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#6699cc)";
}

.bar7 {
	background: -moz-linear-gradient(left, #336699, #ffffff);
	background: -webkit-gradient(linear, left center, right center, from(#336699), to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#336699);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#336699)";
}

.bar8 {
	background: -moz-linear-gradient(left, #0066cc, #ffffff);
	background: -webkit-gradient(linear, left center, right center, from(#0066cc), to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#0066cc);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#0066cc)";
}

.bar9 {
	background: -moz-linear-gradient(left, #3300cc, #ffffff);
	background: -webkit-gradient(linear, left center, right center, from(#3300cc), to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#3300cc);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#3300cc)";
}

.bar10 {
	background: -moz-linear-gradient(left, #333399, #ffffff);
	background: -webkit-gradient(linear, left center, right center, from(#333399), to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#333399);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#333399)";
}


html .rfdSkinnedButton.rfdInputDisabled, html .rfdTextarea textarea[disabled], html.rfdTextbox input[type="text"][disabled], html .rfdTextbox input[type="password"][disabled] {
	opacity: 1.0;
	color: #000000;
}


.survey-details-container {
	padding-top: 10px;
	border: solid 1px black;
	border-width: 0 0 1px 1px;
}

.survey-details-inner-container {
	padding-top: 10px;
}

.survey-bar {
	white-space: nowrap;
	padding-left: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
}

#survey-details {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

#survey-user-information {
	width: 100%;
	padding-right: 200px;
	position: relative;
}

#survey-taken {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}

#survey-answer-container {
	border: 1px solid #000;
	width: 100%;
	float: left;
}

.survey-row, .survey-row-alt {
	width: 100%;
	float: left;
}

.survey-row {
	background-color: #fff;
}

.survey-row-alt {
	background-color: #eee;
}

.survey-row-question, .survey-row-answer {
	width: 50%;
	vertical-align: top;
	float: left;
	padding: 8px;
}

.survey-row-question {
	font-weight: bold;
	border-right: solid 1px black;
	margin-right: -1px;
}

.survey-row-other, .survey-row-other-answer {
	width: 100%;
	vertical-align: top;
	float: left;
	padding: 2px;
}

.survey-row-other {
	font-weight: bold;
}

.survey-row-other-answer {
	color: #aaaaaa;
}