/* ------------------------ */
/* --- Original Styles  --- */
/* ------------------------ */
.answertextright {
	text-align:left;
}

.array1 {
	background-color: #abc;
	text-align: center;
}
.array2 {
	background-color: #EFEFEF;
	text-align: center;
}

.asterisk {
	color: #FF0000;
	font-size: 9pt;
	font-family: verdana;
	display: none;
}

.checkbox {
}

.clearall {
	padding-top: 12px;
}
.clearall a:link {
	text-decoration:none;
	color: #182D09;
}
.clearall a:visited {
	text-decoration:none;
	color: #182D09;
}
.clearall a:hover {
	color:#FF6600;
	text-decoration:none;
}
.clearall a:active {
	color:#FF6600;
	text-decoration:none;
}
.clearall a:focus {
	color:#FF6600;
	text-decoration:none;
}

.graph {
	border: solid;
	border-width: 2px;
	border-color: #777777;
	background-color: #fff;
}
.innergraph {
	background-color: EFEFEF;
	color: #777777;
	font-family: arial;
	font-size: 8pt;
}
/*
.submit	{
	background-color: #ace;
	font-size: 9pt;
	font-family: arial;
	border:3px double#ddd;
	cursor:pointer;
}
*/
.radio {
	vertical-align: text-bottom;
	margin-right: 7px;
}

.rank, .rank td {
	font-size:10px;
	background-color: #f5f9f9;
}

.select {
	background-color: #EFEFEF;
	color: #555555;
	font-family: arial;
	font-size: 9pt;
}

.textarea {
	color: #666666;
	width:99%;
}

.warningjs {
	font-size:12px;
	font-weight:bold;
	color:RED;
}
.innergraph img
{
  height:12px;
  vertical-align:top;
}
.innergraph table
{
  height:12px;
  border:1px solid #000;
  table-layout:fixed !important;
}

.innergraph td
{
  height:12px;
}

/* ------------------------ */
/* --- My contributions --- */
/* ------------------------ */
.survey-assessment, survey-completed {
	text-align:center;
	width:75%;
	border: 1px solid #111111;
}
.survey-cleared {
	margin: 0 auto 0 auto;
	text-align:center;
}
.survey-description {
}
.survey-groupdescription {
	background:#eee;
	font-weight:normal;
	border-bottom: 1px solid #ddd;
	color:#000;
	margin: 0 0 10px 0;
	padding: 0 0 2px 3px;
}
.survey-groupname {
	background:#eee;
	font-weight:bold;
	color:#000099;
	font-size:16px;
	margin: 10px 0 0 0;
	padding: 2px 0 0 3px;
	border-top: 1px solid #ddd;
}
.survey-load {
}
.survey-main {
	font-size:13px;
	background: #F9F9F9;
	border:4px double #999;
	padding: 5px;
}
.survey-navigator {
	margin: 0 0 10px 0;
}
.survey-privacy {
}
.survey-survey {
}
.survey-survey-description {
	margin: 5px 0 10px 0;
}
.survey-survey-percent {
	width:160px;
	margin:0 auto;
	text-align:center;
}

/* --------------------------------------------------- */
/* --- styles for question and answer section/text --- */
/* --------------------------------------------------- */
.question {
	background-color: #F5FDE8;
	color: #777777;
	margin-top: 5px;
	margin-bottom: 15px;
}

.question td {
	line-height: 1.5em;	
}
.questionhelp 
   {
	font-size: 0.75em;
	font-style: normal;
	font-weight: normal;
	color: #25430D;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 21px;
   }
.text {
	color: #777777;
	font-size: 12px;
	font-family: arial;
}
.answertext {

}
.survey-question {
	margin: 0 0 0 5px;
	padding: 0 0 0 3px; 
	border: 1px solid #ddd; 
	background-color: #f5f9f9;
}
.survey-question-answer {
	display:inline;
	font-weight:normal;
}
.survey-question-answer button {
}
.survey-question-answer input {
}
.survey-question-help {
	margin: 2px 0px 0 2px;
	line-height:24px;
}
.survey-question-help img {
	padding: 0 10px 0 0;
}
.survey-question-space {
	height:5px;
}
.survey-question-text {
	display:inline;
	font-weight:bold;
}
/* --------------------------------------------------- */

.survey-welcome {
	border-top: 1px solid #ddd; 	border-bottom: 1px solid #ddd; 
	background-color: #f5f9f9;
	padding:5px;
}
.numquestions {
	font-size:11px;
	color:green;
}

table, tr, td, th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;

}

table {
  width:100%;
}

.grayboxheader {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000;
  text-align: center;
}

.grayboxfont {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #424142;
}

.percentage {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
}

.error {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #CB0404;
}


.printouttable
{
  width:100%;
}

.printouttable td
{
	border-bottom-color:#F5FDE8;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-left-color: #ffffff;
}


.printouttable td:first-child
{
  background-color:#ddddff;
  font-weight:bold;
  text-align:right;
  padding-right: 5px;
  padding-left: 5px;
}

.printouttitle
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
table.question tr.array1:hover {background-color: #A7A9D1; }
table.question tr.array2:hover {background-color: #A7A9D1; }

.surveytitle 
{
	line-height: 135%;
	padding-top: 0px;
	background-image: url(../images/template/nav_img.gif);
	background-repeat: no-repeat;
	margin-top: 7px;
	padding-left: 11px;
	color: #182D09;
	list-style-type: none;
	background-position: -10px;
}
.surveytitle a:link {
	text-decoration:none;
	color: #182D09;
}
.surveytitle a:visited {
	text-decoration:none;
	color: #182D09;
}
.surveytitle a:hover {
	color:#FF6600;
	text-decoration:none;
}
.surveytitle a:active {
	color:#FF6600;
	text-decoration:none;
}
.surveytitle a:focus {
	color:#FF6600;
	text-decoration:none;
}
.languagechanger
{
 font-size:1em;
}
.su_language {
	font-size: .95em;
	padding-bottom: 12px;
}
.su_welcome {
	padding-bottom: 12px;
	padding-top: 12px;
}
.errormandatory {
	padding-bottom: 12px;
	padding-top: 12px;
	font-size: .8em;
	font-weight: normal;
	color: #FF0000;
}