/*
This style sheet is used for inline and popup ComWeb forms.

'<!--- ---------------------------------------------------------------------
'Sites Style Sheet               CompuCraft Software Solutions (c) 1999-2009
'Date --- Init Reason-------------------------------------------------------
'05/06/03 DM   Original
'01/05/07 DB added font family to textarea.formElement to be consistent with specification of font in body
'18/02/09 DB added controls for DERIC form, mostly enlarge font, adjust h1 and 2 spacing, form element fonts and spacing, table border removal - find all using text 'DB added for deric'
'15/05/09 DB added form * text-align left, plus revert .btn to be centered
'15/05/09 DB changed pt sizes to em
'15/05/09 DB changed text references from i_Sites.css to ComWeb.css
'15/05/09 DB updated copyright year
'15/05/09 DB changed font color to blue #000099 for h2, td.data, td.prompt, 
'15/05/09 DB added body margin-bottom 20px to increase space 
'12/01/10 DP added flaot:left to tab headings so they fit in IE6
'---------------------------------------------------------------------- --->

must be included after ComWeb.css

note: comments starting with cw- are used by the ComWeb Style Sheet Theme (colour) Editor.
Where more than one such comment is on consecutive lines, this is for backwards compatibility.
The first of these such lines is the latest label for the Style sheet editor to display and
the latter entries are older or redundant labels.
*/

body {
    font-family: Arial;
    margin-bottom: 20px;
}

h2 {
    margin-bottom: 0!important; 
    margin-top: 1em!important;
    font-size: 1.25em;
}

input.formElement {
	font-size: .8em;
}

textarea.formElement {
	font-size: .8em;	
	font-family: Arial;
}

select.formElement {
	font-size: .8em;
}

input.formElementQuestionInputList {
	font-size: .8em;
	margin-left: 15px;
	white-space: nowrap;
}

table.formOuter {
	border-color: #99CCFF;
	background-color: #B9D4FF;
}
table.formInner {
	background-color: #F2F9FF;
}

tr.formOuter {
	background-color: Window;
}
tr.formOuterButtons {
	background-color: #F2F9FF;
}

td.data {
    	color: #000099;
}

td.prompt {
	text-align: left;
	color: #000099;
}

td.formLineErr{
	font-weight: bold;
	color: #CC0033;
}

p.prompt {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* revert the text alignment from the body centering */
form * {
    	text-align: left;
}

/* revert the text alignment from previous rule */
input.btn {
    text-align: center!important;
}

form .formLabel1 {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-weight: bold;
	font-size: larger;
}

form .formLabel2 {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-variant: small-caps;
	font-weight: bold;
}

form .formLabel3 {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	color: #ff0000;
}

form .formLabel4 {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	color: #666666;
}

form .formLabel5 {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}

p.submittedResponse {
	font-weight: bold;
}

p.qAnswerQ {
	margin-top: 0px;
	margin-bottom: 0px;
}

ol.question {
	margin-left: auto;
	margin-top: 0px;
}
li.question {
	margin-left: auto;
	margin-top: 0px;
}

ol.qAnswerQ {
	margin-left: auto;
	margin-top: 0px;
}

li.qAnswerQ {
	margin-left: auto;
	margin-top: 0px;
}

p.qAnswerWrong {
	color: #CC0000;
}

p.qAnswerRight {
	color: #009900;
}

form input, form select, form textarea {
    font-family: Arial!important;/* to match the body */
    font-size: 1em!important;/* enlarge to 'optically' appear same size as body text */
}

td {
    vertical-align: top!important;/* keeps the label text consistent; Middle was better for input fields, but bad for textareas */
}

/*alterations to above for printing*/

@media print {
tr.formOuterButtons {
	display: none;
}

textarea {
    overflow: visible;
}

table, table tr, table td, table th {
    border: 0 none!important;
}

.noPrint {
	display: none;
}

.noprint {
	display: none;
}
}


/* ---------------------------------------------- Tabbed Forms -----------------------------------------*/

.tabset{position:relative;}
.tab{float:left;}
.heading{border: 0px solid black; height:30px; padding:5px 15px 5px 15px; margin-right:2px; overflow:visible; white-space:nowrap; float:left;}
.detail{
	display:none; position:absolute;
	top:40px; left:0px;
	background-color:#E8D38D;
	padding:5px 5px 5px 5px;
	border: 0px black solid;
	border-top:0px;
	float:left;
	z-index:2;
}
div.heading h3 {color:white!important;}
div.show div.detail{display:block;}
div.show div.heading{border-bottom:0px; background-color:#E8D38D;}
a.helpPic:hover{background-color : transparent;}



/* ---------------------------------------------- NED Specific -----------------------------------------*/


body.cwFormq147 div.V46_Identification div.detail, div.V46_Identification div.heading{background-color:#0077B3;!important;}
body.cwFormq147 div.Logistics div.detail, div.Logistics div.heading{background-color:#01568E;!important;}
body.cwFormq147 div.EventExpectations div.detail, div.EventExpectations div.heading{background-color:#003B67;!important;}
body.cwFormq147 div.PostActivityReport div.detail, div.PostActivityReport div.heading{background-color:#011D4C;!important;}
body.cwFormq147 h2.form{color:white; font-size:20px; display:none;}
body.cwFormq147 div.tabset{ padding-top:10px;}
body.cwFormq147 { padding-top:220px;}
body.cwFormq147 p.submittedResponse {font-size: 1.5em; color: white;}