BODY{font-family:arial,sans-serif;font-size:10pt;text-align:center}
P,H4{margin:4pt 0; }
TABLE{margin:4pt 0}
TR{vertical-align:top}
TH{text-align:right}
INPUT,SELECT,TEXTAREA{font-family:arial,sans-serif;font-size:10pt;font-weight:normal; font-size:9pt}
FORM{margin:0}

.cleaner{clear:both}
A,.options A:visited{color:#00C}
.sm{font-size:11px;font-weight:normal}

IMG{border:0}
P IMG{vertical-align:middle}

UL.none LI{list-style:none}

H1{font-size:16pt;font-weight:normal;color:#666;margin:10pt 0 2pt;
/*    border-bottom:1px solid #ccc;
    padding-bottom:10pt*/
    }
H2{font-size:14pt;color:#666}
H3{font-size:11pt;margin:10pt 0 4pt}
H4{font-size:10pt}

TABLE P,TABLE H3,TABLE H4{margin:2pt 0}


.p{font-size:10pt;font-weight:normal}

DFN{font-size:12px;font-style:italic;color:#999}

VAR{color:green;font-style:normal}


#mainhead,#mainneck,#mainbody,#mainfoot{width:750px;margin:0 auto;text-align:left}


#mainhead{position:relative;}

#mainhead_logo{}
#mainhead_login{position:absolute;right:0;top:0;}

#mainhead_nav{background-color:#83d059;text-align:right;position:relative;
	margin:0 0;padding:6pt 10pt;}
#mainhead_nav P{margin:0;padding:0;font-size:14pt;font-weight:bold}
#mainhead_nav_back{width:10em;position:absolute;text-align:left}
#mainhead_nav .options A{text-decoration:none;color:#000}
#mainhead_nav B,#mainhead_nav A.here{color:#fff;text-decoration:none}




#mainneck{position:relative;}

#mainneck .options,#stepsnav .options{/*
	width:15em;*/position:absolute;right:0;top:0;text-align:right;margin:0}
#mainneck .options A,#stepsnav .options A{
	color:#000;text-decoration:none}
#mainneck .options A:hover,#stepsnav .options A:hover{
	text-decoration:underline}
#mainneck .options B,#stepsnav .options B,
	B.add{font-size:12pt}

#mainneck H6{font-size:9pt;color:#999;margin:4pt 0 16pt;font-weight:normal}

P.add{font-size:10pt;font-weight:normal;color:#000}
H4.add{font-size:12pt;font-weight:normal;color:#000}
	.add A{color:#000;text-decoration:none}
	.add A:hover{text-decoration:underline}
	P.add B{font-size:12pt}
	H4.add B{font-size:14pt}

#stepsnav{border-top:1px solid #fff;position:relative;}
#stepsnav H6{display:inline;float:left;margin:0;padding:4pt 4pt 0 0;font-size:10px;color:#333}
#stepsnav OL{width:600px;margin:0;padding:0;z-index:100}
#stepsnav LI{
list-style:none;/*list-style-position:inside;*/
float:left;width:1em;/* hold numbers up to 13 */
font-size:12pt;font-weight:bold;
margin:0;padding:2pt 4pt;
border-style:solid;border-width:1px;border-color:#ccc #ccc #999}
#stepsnav LI A{color:#333;text-decoration:none}
#stepsnav LI.here{background-color:#ffc;border-bottom:1px solid #ffc}
#stepsnav LI.here A{color:#333;text-decoration:none;color:#000}


.step{margin:-1px 0 10pt;border:1px solid #999;  }
.stephead,.itemhead,.itembody{position:relative}

.step .options{text-align:right;width:15em;
    /*position:absolute;top:0;right:6pt;font-size:11px;*/
    }
.step .options A{text-decoration:none}
.step .options A:hover{text-decoration:underline}
.step .options .rm{color:red;}

.stephead{background-color:#ffc;padding:6pt 10pt}
.stephead H1{font-size:15pt;margin:0;}
.stephead .options{margin-top:8pt;width:30em}
.stephead .suboptions{background-color:#ff6;margin:-4px 4px 0;padding:6px;border:solid 1px #fc0}
.stephead .suboptions INPUT,.stephead .suboptions SELECT{font-size:11px}

.stepbody{padding:0 10pt}

.item{border:1px solid #ccc;margin:0; }
.itemhead{background-color:#f7f7f7;font-size:11px;padding:2pt 8pt}
.itembody{padding:4pt 8pt}

.itembody DFN{font-size:12px;font-style:italic;color:#999}
.itembody H2{font-size:12pt;margin:0 0 6pt}
.itembody H4{font-style:italic;font-weight:normal;font-size:10pt}


.iferror{color:#f66}


.itembody .properties{
float:right;
/*background-color:#f7f7f7;border:1px solid #ccc;*/
border:2px dashed #ccc;
margin:4pt 0 10pt;
width:160px;padding:4pt;
font-size:11px
}
.itembody .properties INPUT,.itembody .properties SELECT{font-size:11px}
.itembody .properties H3{font-size:11px;margin:0 0 4pt;color:#666}


.stepfoot_additem{padding:0 10pt 4pt;color:green;font-size:10pt}
.stepfoot_additem B{font-size:12pt}
.stepfoot_additem SELECT{border:1px solid green}

.stepfoot_logic{padding:4pt 10pt;background-color:#eee;
	border:1px solid #ccc;border-width:1px 0}
.stepfoot_submit{padding:4pt 10pt;background-color:#ffe}




.fieldgroup{/*border:1px solid #ccc;*/
    margin-bottom:10pt;}
.fieldhead{
	padding:4pt 10pt;background-color:#f0f0f0;
	margin:10pt 0 4pt;
	overflow:hidden; width:100%;
	}
* HTML .fieldhead#accion{margin-top:30pt} /*IE6 is dumb */
.fieldhead H3{font-size:10pt;color:#555;margin:0}

.fieldbody{padding:4px 0 10px;}
.fieldbody H5{color:#666;font-weight:normal;margin:4pt 0 10pt;font-size:11px;font-style:normal}

.submitgroup{padding:4pt 10pt;margin:12pt 0;background-color:#eee;text-align:center}

/* fieldsets */

.fieldset{border:1px solid #ccc;padding:6pt 0 6pt 10pt}
.fieldset_data{float:left;margin-right:10pt}
.fieldset_data INPUT.text,.fieldset_data SELECT{width:180px}
.fieldset_data TD,.fieldset_data TH{padding:4px 2px}
.fieldset_data TFOOT{text-align:right}
.fieldset_list{}
/*.fieldset_list *{border:1px solid red}*/
	.fieldset_list SELECT{float:left;width:390px}
	.fieldset_list OPTION{}

	.fieldset_list_ctrl{width:16px;float:left;margin-left:3px}
	.fieldset_list_ctrl P{margin:0 0 12pt 0}
	
	
	
/* mainfoot */

#mainfoot{margin-top:24pt;border-top:1px solid #ccc;text-align:center}
#mainfoot P.dashboard{margin-top:-4pt}
#mainfoot P.dashboard STRONG{padding:0 10pt;background-color:#fff;font-weight:normal;font-size:11px}
#mainfoot STRONG A{text-decoration:underline}
#mainfoot P{font-size:11px}


/* FORM TABLE */
FORM TABLE{}
FORM TABLE TD,FORM TABLE TH{padding:1pt 2pt}


/* qlist */

TABLE.qlist{border:1px solid #ccc;border-collapse:collapse;
	caption-side:bottom;margin:4pt 0 0}
.qlist TH,.qlist TD{padding:4pt 5pt}
.qlist TH{
	text-align:left;
	/*text-align:center;*/
	background-color:#f7f7f7;border:1px solid #ccc;white-space:nowrap;font-size:11px}
.qlist TD{border:1px solid #ccc;}
.qlist .sort{background-color:#ffc}

.qlist CAPTION{padding:4pt 0 0}
.qlist CAPTION{text-align:right}
/*.qlist CAPTION{font-size:10pt;padding:4pt}
.qlist CAPTION STRONG{font-size:14pt}*/
.qlist TH.sort{background-color:#eeb}

.qlist TFOOT{border-top:2px solid #999;background-color:#f7f7f7}
.qlist TFOOT TH{text-align:right;}


/* rich text declarations for http://tinymce.moxiecode.com */ 
TEXTAREA.rich{width:100%;height:140px;}

/* layout selection */
#layout_style{width:302px;height:202px;}
#layout_preview{border:1px solid #ccc;}

/* DL hints */
DL.hints DT{font-weight:bold;margin:2pt 0}
DL.hints DD{margin:2pt 0 6pt 24pt;color:#666;font-style:italic}


/* graph percentage bars */
/* Basic Bar Graph */
.graph { 
	position: relative; /* IE is dumb */
	width: 100px;
	border: 1px solid #B1D632; 
	padding: 2px;
	}
.graph STRONG{color: #333;font-weight:bold;font-size:11px;padding:2px 0}
.graph .bar { 
	display: block;	
	position: relative;
	background: #B1D632; 
	text-align: center;
	height: 1em; 
	line-height: 1em;									
}
.graph .bar span {position: absolute; left: 1em;}
	/* This extra markup is necessary because IE doesn't want to follow the rules for overflow: visible */
 
 
 
 /* LOGIC */
.logic{
    /* padding:10pt 6pt; */
    /* border:1px solid #ccc; */
    /*position:relative;*/
    margin-top:0;
    background-color:#fff;
    }
#assertion_new_h3 {margin:0;padding:6px 0}

#switch_editor{float:right;width:128px;text-align:right;
    position:relative;}
.logic STRONG,.logic H4{color:#666;}/* IE6 is dumb */
.logic H4 SELECT{position:relative}/* IE6 is dumb */

.logic H3,.logic H4,.logic P{font-size:10pt;margin:2pt 0}
.logic H5{font-size:11px;margin:2pt 0 4pt;font-weight:normal;text-align:left}

.logic A{color:#666;text-decoration:none}
.logic A:hover{color:#000}

.logic INPUT,.logic SELECT{font-size:11px}
.logic BLOCKQUOTE{
	font-size:10pt;margin:6pt 0;padding:3pt 0 3pt 6pt;border-left:solid 3px #999;
	border-top:solid 1px #999;border-bottom:solid 1px #ccc;
	}
.logic BLOCKQUOTE.allof{border-left:3px solid orange}
.logic BLOCKQUOTE P{margin:4pt 0}


.logic BUTTON{font-size:10px;color:#666;background-color:#f7f7f7;cursor:pointer;
	padding:0;border:1px solid #ccc;margin:0 2pt 0 0}
.logic BUTTON:hover{color:#000;background-color:#eee}

.closedquestion .logic_value{border:1px dashed #ccc;background-color:#eee}

#logic_source{font-size:11px;font-family:monospace}


.logic H4{ /* position:relative*/ }
.logic H4 BUTTON{ position:relative; float:right; top:-10pt; }


/* CSS fix to disordered H5s on insert / reparse */
.logic BLOCKQUOTE{ position:relative; padding-bottom:26px; }
.logic BLOCKQUOTE H5{ position:absolute;bottom:2px; }
/* IE fixes, H5s will appear disordered */
* HTML .logic BLOCKQUOTE{position:relative; padding-bottom:0; }
* HTML .logic BLOCKQUOTE H5{ position:absolute;top:9px;right:40px }


/* debug class */
.spot{border:1px solid red;padding:2pt;background-color:#ffc}

/* LOGIC hide/show items CSS */
	/* hide first level demoting & first level, first item rm */
	#logic_editor_div>BLOCKQUOTE>H4>BUTTON,
	#logic_editor_div>BLOCKQUOTE>H4+P>.button_logic_rm{display:none}
	
	/* IE6 is dumb: */
	#logic_editor_div BLOCKQUOTE H4 BUTTON{display:none}
	#logic_editor_div BLOCKQUOTE BLOCKQUOTE H4 BUTTON{display:inline}
	
	/* qtype_ are built in ALPHABETICAL ORDER
		this is, .qtype_list_text
		NOT
		qtype_text_list
	*/

    .logic_comparator{width:90px;}
	.logic_answer/*,.logic_options*/{width:156px; }

	.logic P.qtype_list{}
		.logic P.qtype_list .logic_answer{display:none;}
	.logic P.qtype_text{}
		.logic P.qtype_text .logic_options,
		.logic P.qtype_numeric_text .logic_options{display:none;}
	.logic P.qtype_list_text{}
		.logic P.qtype_list_text .logic_options{width:20px;border-left:2px solid #999;margin-left:2px}
		.logic P.qtype_list_text .logic_answer{width:140px;border-right:2px solid #999}

	.logic P OPTION.num{display:none}
	.logic P.qtype_numeric_text OPTION.txt{display:none}
	.logic P.qtype_numeric_text OPTION.num{display:block}

#assertion_new_duplicate{font-weight:normal;font-size:11px;padding:2px 4px;margin-left:4pt;
background-color:#ff9;border:1px solid #fc0}
#assertion_new_duplicate A{color:blue;text-decoration:underline}

#logicasXML{display:none}

/* matrices */
TABLE.matrix{border:0;width:100%}
TABLE.matrix TH,TABLE.matrix TD{border-bottom:1px solid #ccc}
TABLE.matrix THEAD TH{font-size:10px;text-align:center;color:#666;font-weight:normal;padding:0 2pt 4pt}

TABLE.matrix P{margin:2pt 0}
TABLE.matrix TBODY TH{text-align:left;font-weight:normal;
	padding:2pt 2pt 2pt 0;}
TABLE.matrix TBODY TD{text-align:center;
	border-left:1px solid #ccc;
	padding:2pt
	}




/* STYLES v150 */

SELECT.logic_question, SELECT.logic_options{width:160px;}

.logic P.qtype_null{}
	.logic P.qtype_null .logic_answer{display:inline;}
	.logic P.qtype_null .logic_options{display:none;}

/* hide [code] option until javascript:coder() is used */
#switch_editorCoder{display:none}
.coder #switch_editorCoder{display:inline}

/* locked editor (preview mode) styles */
.locked #logic_editor_div{background-color:#fffff7}

.locked .ifunlocked,.iflocked{display:none}
.locked .iflocked{display:block}
.locked SPAN.iflocked{display:inline}

.locked #logicGroup1 INPUT,
.locked #logicGroup1 SELECT,
.locked .button_logic_add,
.locked .button_logic_rm,
.locked .button_logic_promote,
.locked .button_logic_demote{ display:none; }

/* preview styles */
	.locked BLOCKQUOTE{padding-bottom:0;}
	.locked BLOCKQUOTE P{border-top:1px solid #ccc;padding-top:2pt}
	
	/* SPAN.preview contain SELECT's or INPUT's text;
		are created with lockEditor(true) and discarded with lockEditor(false) */
	SPAN.preview{font-size:11px;margin-right:1pt}
	/* syntax coloring for SPAN.previews;
		the JS duplicates the SELECT/INPUT style when creating preview SPANs,
		so we can have both the .preview and the SELECT's kind classes */
	H4 SPAN.preview{color:#000;font-size:10pt;font-style:normal}
	SPAN.preview.logic_question{color:#000;}
	SPAN.preview.logic_comparator{color:blue}
	SPAN.preview.text{font-family:monospace;font-size:13px;color:brown;margin-right:4pt}
	SPAN.preview.logic_options{color:green}