/*
 * $Id: questioning_styles.css,v 1.3 2009/10/19 18:44:49 tuner Exp $
 */

body {
    margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, Sans-serif;
    background-color: #E0E0E0;
	/*background-color: white; */
}

#innerbody {
    margin: 20px;
    margin-right: auto;
    margin-bottom: 5px;
    width: 760px;

    border: 1px solid #AAA;
    background-color: #FAFAFA;
}

#copyfooter {
    width: 760px;
    font-size: 11px;
    text-align: center;
    margin-left: 20px;
    margin-right: auto;
    margin-bottom: 20px;
    color: #808080;
}

#copyfooter a {
    font-size: 11px;
}

#questionform, #companypersonform, #thankstext {
   padding-left: 20px;
   padding-right: 20px;
}

#thankstext {
    padding-top: 20px;
    padding-bottom: 20px;
}

div.questionblock {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 13px;
}

div.questiontext {
    margin-bottom: 5px;
}

td.question, div.questiontext {
	line-height: 17px;
}

div.choices {
	margin-left: 10px;
}

a:link {
    color: #4040C0;
}

td, th, p, input, select, a {
    font-size: 12px;
}

h1, h2, h3 {
    font-family: "Trebuchet MS", Arial, Sans-serif;
    font-weight: normal;
}

h1 {
    margin-top: 15px;
    font-size: 24px;
}

h2 {
    margin-top: 15px;
    font-size: 20px;
}

h3 {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
}

span.mandatory {
	color: red;
}

span.mandatory_missing,
th.erroneous,
td.erroneous {
	color: #C00000;
}

ul.errors {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #B03030;
    margin: 20px;

    background-color: #FFE8E8;
    border: 1px solid #B03030;

    list-style: none;
}

ul.errors li {
    margin: 10px;
}

input.error {
	background-color: #FFE0E0;
}

#errorText {
	color: red;
	margin-left: 20px;
	margin-right: 20px;
}

#progress {
    font-size: 11px;

    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;

    background-color: #F1F1F1;
    border-bottom: 1px solid #AAA;
}

#progress h1 {
    margin: 0;
}

table.progressbar {
    margin-top: 3px;
    border: 1px solid #40603C;
    border-collapse: collapse;
}

table.progressbar td {
    empty-cells: show;
    height: 12px;
    background-color: #DCFFD7;
}

table.progressbar td.complete {
    background-color: #679960;
}

table.questiontable {
    border-collapse: collapse;
    margin-bottom: 10px;
	margin-top: 10px;
}

table.questiontable td {
    text-align: center;
	vertical-align: top;
	padding-right: 10px;
}

table.questiontable td.question,
table.questiontable td.comment {
    text-align: left;
}

div.hr {
    border-top: 1px solid black;

    margin-top: 20px;
    margin-bottom: 20px;
}

input.text,
input.qualifier,
textarea,
select {
    border: 1px solid #707070;
}

.missingcomment input,
.missingcomment textarea {
    border: 1px solid #F01010;
}


table.contactInfoColumn {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

table.contactInfoColumn th {
	text-align: left;
	vertical-align: middle;
}

table.contactInfoColumn td.line div {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #A0A0A0;
}

table.contactInfoColumn .title2 {
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid #A0A0A0;
	background: #F1F1F1;
}


/* T�st� alasp�in sekalaista malliroipetta */

/*
#questioningbody {
    background: url('data/images/bluecontentbackground.jpg');
    color: white;
}

hr {
    color: white;
    height: 1px;
}

input.submit {
    background-color: green;
    color: white;
}

div.questionblock, div.questiontableblock {
    border: 2px solid #8080FF;
    padding: 10px;
    background-color: #5050FF;
}

div.questiontext {
    border-bottom: 1px dotted white;
    padding-bottom: 3px;
    margin-bottom: 3px;
    font-weight: bold;
}

#headerblock {
    height: 70px;
    background-image: url('data/images/hf.gif');
    background-repeat: no-repeat;
    background-position: 50% 0px;
}

#footerblock {
}

a.cancel {
    color: red;
    font-weight: bold;
    font-size: 15px;
}
*/
