/*

  MyWebExam.com Stylesheet

  Copyright (C) Educatia AS, 2000-2010. All rights reserved.

*/

/* common elements */
BODY, TD, TR, SELECT, INPUT, TEXTAREA, P { font-family: tahoma, arial, sans-serif; font-size: 90%; }
LI {list-style-type: square }
TABLE { border-collapse: collapse; }

/* standard table lists */
TABLE.list { width: 100%; border: 1px solid #efefef; }
TABLE.list A.sortheader { color: white; font-weight: bold; text-decoration: none; }
TABLE.listnarrow { width: 75%; border: 1px solid #efefef; }
TR.header { background-color: darkblue; color: white; font-weight: bold; background-image: url('../img/bg_header_blue.gif'); background-repeat: repeat-x; }
TD.header { background-color: darkblue; color: white; font-weight: bold; background-image: url('../img/bg_header_blue.gif'); background-repeat: repeat-x; }
TR.odd { background-color: #dddddd; }
TR.even { background-color: #ffffff; }
TD.odd { background-color: #dddddd; }
TD.even { background-color: white; }
A.sortheader { color: white; font-weight: bold; }

/* recently used items on start page */
TABLE.recentlist { width: 80%; border: 1px solid #cccccc; background-color: #eeeeee; }
SPAN.recentheading { font-weight: bold; color: darkblue; }
SPAN.recentsince { color: #aaaaaa; }

/* top menu */
TABLE.topmenu { background: #000000; height: 25px; width: 100%; }
TD.topmenu { height: 31px; color: white; font-weight: bold; font-size: 10pt; vertical-align: center; background-image: url('../img/bg_header_top.gif'); background-repeat: repeat-x; }
A.topmenu { color: white; }

/* group header */
TABLE.groupheader { margin-top:10px;margin-bottom:10px; border: 1px solid #dddddd; width: 100%; }

/* page footer */
TABLE.pagefooter { width: 100%; text-align: center; }
TD.pagefooter { font-size: 8pt; }


/* tab menu */
TD.tabmenuselected { background: #3366cc; color: #ffffff; width: 140px; height: 32px; text-align: center; font-weight: bold; background-image: url('../img/bg_tab.gif'); background-repeat: no-repeat; background-position: top right; }
TD.tabmenuunselected { background: #efefef; color: #000000; width: 140px; height: 32px; text-align: center; background-image: url('../img/bg_tab.gif'); background-repeat: no-repeat; background-position: top right;}
/* TR.sub1 { height: 30px; background-color: #f5dc76; } */
TR.sub1 { height: 30px; background-color: #ffffff; background-image: url('../img/bg_sub1_blue.gif'); background-repeat: repeat-x; }
TR.sub2 { height: 30px; background-color: #ffffff; }
TABLE.submenu { width: 100%; }
TD.sub1 { padding-left: 5px; }

/* login form */
TR.loginheader { background-color: black; color: white; font-size: 100%; font-weight: bold; font-family: arial; }
TD.loginheader { background-color: black; color: white; font-weight: bold; }
TD.loginfieldcaption { width: 100px; padding: 5px 5px 5px 5px; color: white; }
TD.loginfield { background-color: black; vertical-align: top; padding: 2px 2px 2px 2px; }
INPUT.loginfield { border: 1px solid #aaaaaa; padding-left: 4px; }
TD.loginbg { background-color: black; color: white; }
A.loginlink { color: white; }

DL.login { width: 340px; margin: 0 0 0px 0px;	padding: 0;	background: #ccc url(../img/box_bottom2.gif) no-repeat bottom left; }
DT.login { margin: 0 0 10px 0; padding: 10px; font-size: 24px; color: #fff; border-bottom: 1px solid #fff; background: #444 url(../img/box_top2.gif) no-repeat top left; }
DD.login { margin: 0 0 0 10px; padding: 0 0px 10px 0px; color: #666; }
DD.login label { float:left; width: 90px; }

/* content */
TABLE.content { width: 100%; }
TABLE.innercontent { margin-top: 10px; margin-left: 10px; margin-bottom: 15px; width: 98%; }
TD.fieldcaption { width: 250px; }

/* exercise session */
TABLE.contentexerun { width: 90%; margin-left: 20px; }
TD.taskheader { background-color: #f5dc76; padding: 2px 2px 2px 5px; background-image: url('../img/bg_sub1_blue.gif'); background-repeat: repeat-x; }
DIV.taskdesc { font-family: tahoma, arial, sans-serif; font-size: 9pt; }
DIV.taskprompt { font-family: tahoma, arial, sans-serif; font-size: 9pt; font-weight: bold; }
DIV.option { font-family: tahoma, arial, sans-serif; font-size: 9pt; }
SPAN.option { font-family: tahoma, arial, sans-serif; font-size: 9pt; }
INPUT.response { font-family: tahoma, arial, sans-serif; font-size: 9pt; }
DIV.taskcountdown { border: 1px solid black; padding: 2px 2px 2px 5px; }
TEXTAREA.response { font-family: tahoma, arial, sans-serif; font-size: 9pt; width: 100%; height: 200px; }
DIV.taskdrag { border: 1px solid black; background-color: white; width: 100px; height: 60px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; font-weight: bold; text-align: center; }
DIV.taskdrop { border: 1px solid black; background-color: gold;  color: white; font-weight: bold; width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px;}
DIV.dragdropmessages { display: none; color: #dddddd; }
DIV.dragdropvalues { display: none; color: #dddddd; }

/* exercise session results */
TABLE.result { width: 95%; margin-left: 10px; }
TR.resultheader { background-color: #f5dc76; background-image: url('../img/bg_sub1_gold.gif'); background-repeat: repeat-x;}
TR.resulttaskheader { background-color: #efefef; background-image: url('../img/bg_sub1_grey.gif'); background-repeat: repeat-x;}
TD.resultincorrect { color: red; font-weight: bold; }
TD.resultcorrect { color: green; font-weight: bold; }

/* edit forms */
INPUT.formsubmit {  }
SPAN.formcaption { width: 175px; }
HR.formdiv { size: 1px; color: #dddddd; }
TEXTAREA.formstandard { width: 400px; height: 60px; }
TEXTAREA.formstandardemph { width: 400px; height: 60px; font-weight: bold; }
TEXTAREA.formstandardfixed { width: 400px; height: 60px; font-family: "courier new", courier; }
TEXTAREA.formlarge { width: 400px; height: 120px; }
TEXTAREA.formlargefixed { width: 400px; height: 120px; font-family: "courier new", courier; }
TABLE.formstandard { width: 80%; margin-left: 10px; }
SELECT.formselectlist { width: 120px; }
SELECT.formselectlistwide { width: 300px; }

/* task topics */
TABLE.tasktopictable { width: 500px; }
TR.tasktopicheader { font-weight: bold; }
TR.tasktopicdetail { width: 200px; }
INPUT.tasktopic { width: 25px; }

/* misc. */
P.msginfo { border: 1px solid black; background-color: #ffffe7; padding: 2px 2px 2px 5px; width: 90%; }
P.msgwarning { border: 1px solid black; background-color: #ffffe7; padding: 2px 2px 2px 5px; }
SPAN.fixedcaption { width: 200px; }
SPAN.heading { font-size: 140%; font-weight: bold; }
TABLE.studentexercisethumbnail { width: 80%; }
TD.studentexercisethumbnail { padding: 10px; }
SPAN.studentexercisethumbnail { font-size: 140%; font-weight: bold; }
TABLE.studentcoursethumbnail { width: 80%; }
TD.studentcoursethumbnail { padding: 10px; }
SPAN.studentcoursethumbnail { font-size: 140%; font-weight: bold; }
.confirm { font-weight: bold; color: green; }
.warning { font-weight: bold; color: red; }
.emphasis { font-weight: bold; }
SPAN.message { font-weight: bold; }
DIV.message { font-weight: bold; }
SPAN.normal { }
TEXTAREA.export { width:800px; height:300px; }
DIV.hidden { display: none; overflow: auto; }
DIV.processing { font-family: tahoma, arial, sans-serif; font-size: 90%; }
/* SPAN.summaryvalues { border-bottom: 1px solid #dddddd; } */
SPAN.summaryvalues { }

/* exercise hardcopy (print) */
TABLE.printtable { width: 100%; page-break-inside: avoid; }
DIV.printheading { font-size: 24pt; font-weight: bold; }
DIV.printheadingtask { font-family: georgia, serif; font-size: 12pt; font-style: italic; text-decoration: underline; }
TD.printheader { font-family: georgia, serif; font-size: 12pt; }
TD.printtaskdescription { font-family: georgia, serif; font-size: 12pt; }
TD.printtaskprompt {font-family: georgia, serif; font-weight: bold; font-size: 12pt; }
TD.printoption { font-family: georgia, serif; font-size: 12pt; } 
P.printpara { font-family: georgia, serif; font-size: 12pt; } 
TABLE.dragdrop { margin: 10px; }
TD.dragdroptask { font-family: georgia, serif; font-size: 12pt; border: 1px solid black; padding: 5px; width: 200px; }
TD.dragdropfiller { width: 100px; }

/* diploma */
TABLE.diploma { background-image:url('../img/diploma_empty.jpg'); background-repeat: no-repeat; width:820; height: 622; }
TD.diplomaouter { padding: 80 80 80 80; vertical-align: top; font-family: georgia, arial, sans-serif; }
DIV.diplomaheader { font-size: 24px; text-align: right; }
DIV.diplomalarge { font-size: 60px; text-align: center; }
DIV.diplomasubstitution { font-size: 24px; text-align: center; font-weight: bold; }
DIV.diplomafixedtext { font-size: 24px; text-align: center; font-style: italic; }
DIV.diplomafooter { font-size: 18px; text-align: left; }
DIV.diplomafiller { height: 30px; }

/* test library */
SPAN.libsearchresult { }

/* exercise templates (question bank) */
TABLE.exercisetemplateitemstable { width: 500px; }
TR.exercisetemplateitems { font-weight: bold; }
TR.exercisetemplateitem { width: 200px; }
INPUT.exercisetemplateitem { width: 30px; }
TD.exercisetemplateitemreadonly { width: 30px; text-align: right; }

/* tab menu container (new) */
#tabcontainer { position:relative; height:35px; }

/* tab */
ul#tabs {	margin:0;	list-style:none; position:absolute; bottom:0; padding:0; }
ul#tabs li { float:left; list-style-type:none; margin:0; padding:0 0 0 4px; margin:0 4px 0 0;	}
ul#tabs a {	float:left;	display:block; padding:12px 5px 3px 5px; text-decoration:none; font-weight:bold; font-size:105%; color:black; }

/* Current list item */
ul#tabs .current { background:url(../img/tab-current-left.gif) no-repeat left top; }
ul#tabs .current a { background:url(../img/tab-current-right.gif) no-repeat right top; color:white;	}

/* Highlighted (blue) list item */
ul#tabs .noncurrent { background:url(../img/tab-noncurrent-left.gif) no-repeat left top; }
ul#tabs .noncurrent a {	background:url(../img/tab-noncurrent-right.gif) no-repeat right top; }

/*
A.activefolder:visited { color: white; font-weight: bold; }
A.activefolder:hover { text-decoration: underline; }
A.activefolder:link { text-decoration: none; }
*/

/* courses */
DIV.coursetoc h3 { font-size: 90%; border-bottom: 1px dotted #cccccc; width: 50%; padding-bottom: 1px; } 
OL.coursetoc {  }
OL.coursetoc li { list-style-type: decimal; }
DIV.coursenavigation { border:1px solid #cccccc; padding:2px; margin-top:10px; background-color: #ffffff; }
DIV.coursecontent { margin-left: 5px; margin-right: 10px; }