div.maincol {}
div.maincol label {float: left; width: 200px;}
div.maincol h1 {font-family: Georgia, Times; font-size: 1.5em; margin: 1em 0;}
div.maincol h3 {font-family: Verdana, Helvetica; font-size: 1.5em; margin: 0.5em 0;}
div.maincol textarea { width: 500px; height: 100px; }
div.maincol textarea.mcq { width: 480px; height: 4em; vertical-align: top; font-family: verdana, helvetica; letter-spacing: 1px; font-weight: bold; font-size: 1em; color: #000; border: 2px solid #ccc; padding: 2px;}
div.maincol span.mcq { width: 480px; height: 4em; padding: 2px;}

div.maincol input { width: 200px; }
div.maincol input.large { width: 300px; font-size: 1.5em; padding: 2px; font-weight: bold; color: #444;}
div.maincol input.auto { width: auto;}
div.maincol input.selectquizradio { margin: 4px 2em; padding: 4px; float: left;}
div.maincol div.input_like { line-height: 1.75em; }
div.maincol div.input_like a { display: block; line-height: 1.75em; }

div.maincol input.btn { width: auto; display: inline;  }
div.maincol input.wide {margin: 0 4em;}
div.maincol span.inputlike { position: relative; top: 5px;}
div.maincol table.switches {margin: 0 0 1em 2em; width: 400px;}
div.maincol label.switch {display: inline; margin: 5px; font-weight: normal; float: none; }
div.maincol input.switch { margin-left: 0px;margin-top: 10px; display: inline; width: auto; float:none;}

div.maincol input.common_button {display:inline; margin: 0 1em 1em 0; width: auto; font-style: italic;}

div.maincol div.mcqadmin { margin: 1em 0;  border: 1px solid #eee; }
div.maincol div.mcqadmin h3 { margin:0; padding: 0px; line-height: 1.5em;}
div.maincol div.mcqadmin td { border-collapse: collapse; border: 1px solid #eee; }
div.maincol span.qna { font-size: 1.5em; font-weight: bold; color: #888;}
form#mcqform { margin: 2em; }
div.maincol p.messager {font-weight: bold; margin: 0.5em 0; background-color: #ffe; padding: 6px; border-top: 1px solid #f06; border-bottom: 1px solid #f06;}
div.maincol p.m_error { color: #f00; }
div.maincol p.m_notice { color: #00f; }
div.maincol p.m_good { color: #2a2; }

table.admin { border-collapse: collapse; margin: 2px 0 }
table.admin td, table.admin th { padding: 1em; border: 1px solid #ddd; }
table.admin th { color: black; text-align: left; padding: 6px 1em; background-color: #f8f8f8; } 
table.admin tr.inactive td{ background-color: #faf8f8; color: #aac;}

div.maincol table.mcq { width: 600px; border-collapse: collapse;}
div.maincol table.mcq td{ width: 100%; padding: 1em; border: 1px solid #ddd;  vertical-align: middle;}
div.maincol table.mcq th { color: black; text-align: left; padding: 6px 1em; background-color: #f8f8f8; } 
div.maincol table.mcq tr.inactive td{ background-color: #faf8f8; color: #aac;}
div.maincol table.mcq td.abc { width: 1em; font-family: Georgia, Times; font-size: 1.5em; line-height: 1em; text-align: center; }
div.maincol table.mcq tr.amber { background-color: #ffc; }
div.maincol table.mcq tr.light_amber { background-color: #ffe; }

div.maincol div.wronganswer { background-color: #fff0f0; }
div.maincol div.rightanswer { background-color: #f0fff0; }

/* multipage-nav */
div.maincol div.multipage-nav {padding: 8px 4px;}
div.maincol div.multipage-nav a { text-decoration: none; margin: 2px 4px; padding: 4px 8px; background-color: #fff; border: 1px solid #888;}
div.maincol div.multipage-nav span.selected {  margin: 2px 2px; padding: 4px 6px; background-color: #ddd; border: 1px solid #888; font-weight: bold;}
div.maincol div.multipage-nav a:hover { text-decoration: none; background: #ccc; color: #000; }