/* style.css - style sheet definitions for ELCAS.

   v003 25/10/07 Simon Sellick	- added printable styles and re-organised
   v002 15/10/07 Simon Sellick	- added on-line evaluation styles
   v001 ?        ?				- initial version

   Scope reminders for SS -

   E	all html elements <E>
   #i	all elements with id="i"
   .c	all elements with class="c"

  The styles are in the order classes, elements, ids.
*/

/* unqualified classes */

.backdrop
{
    BACKGROUND-POSITION: left 50%;
    BACKGROUND-IMAGE: url(../images/spot_2.jpg);
    BORDER-BOTTOM: #032d5c 1px solid;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #ffffff
}
.boxed		/* added v003 for printable pages */
{
    BORDER:			#000000 1px solid;
    FONT-WEIGHT:	bold;
}
.button
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 5px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: 0px;
    COLOR: #ffffff;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: 0px;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: #00498c
}
.buttonSmall
{
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: #00498c
}
.error
{
    COLOR: red
}
.frmElement
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    BORDER-LEFT: black 1px solid;
    COLOR: #000063;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: #f7f7de
}
.gtext	/* added v002: question group text for on-line eval */
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000063;
    FONT-FAMILY: Verdana, Arial
}
.heading2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000063;
    FONT-FAMILY: Verdana, Arial
}
.msg	/* added v002: all info messages for on-line eval */
{
    COLOR: green;
}
.patext	/* added v003: printable answer text */
{
    BORDER:			#000000 1px solid;
    FONT-WEIGHT:	normal;
    FONT-SIZE:		11px;
    COLOR:			#000000;
    FONT-FAMILY:	Verdana, Arial
}
.pgtext	/* added v003: printable question group text */
{
    FONT-WEIGHT:	bold;
    FONT-SIZE:		11px;
    COLOR:			#000000;
    FONT-FAMILY:	Verdana, Arial
}
.pqtext	/* added v003: printable question text */
{
    FONT-WEIGHT:	normal;
    FONT-SIZE:		11px;
    COLOR:			#000000;
    FONT-FAMILY:	Verdana, Arial
}
.resultTitle
{
    PADDING-RIGHT: 12px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 110%;
    COLOR: #3e3e3e;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.page_nav
{
    FONT-SIZE: 12px;
    COLOR: #0000ff;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: underline
}
.prompt	/* added v002: all input prompts for on-line eval */
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000063;
    FONT-FAMILY: Verdana, Arial
}
.qtext	/* added v002: question text for on-line eval */
{
    FONT-SIZE: 12px;
    COLOR: #000063;
    FONT-FAMILY: Verdana, Arial
}
.tableCat
{
    BORDER-RIGHT: black;
    BORDER-TOP: black;
    BORDER-LEFT: black;
    BORDER-BOTTOM: black;
    BACKGROUND-COLOR: white
}
.txtAlert
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14px;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial
}
.txtLegal					/* added v002 */
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: teal;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Verdana
}
.txtNormal
{
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana
}
.txtNormalBoldItalic
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Verdana
}
.txtNormalItalic
{
    FONT-SIZE: 12px;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Verdana
}
.txtTitle
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14px;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana
}

/* unqualified elements */

BODY
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: small;
    PADDING-BOTTOM: 0px;
    MARGIN: 6px;
    BORDER-LEFT: 0px;
    COLOR: black;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #f5f5dc
}
FORM	/* added v002: all input forms for on-line eval */
{
/*    BACKGROUND-COLOR:	#e7e8ec; */
    PADDING-BOTTOM:		6px;
    PADDING-LEFT:		6px;
    PADDING-RIGHT:		6px;
    PADDING-TOP:		6px;
}
FORM TABLE
{
    PADDING-BOTTOM:	3px;
    PADDING-LEFT:	6px;
    PADDING-RIGHT:	6px;
    PADDING-TOP:	3px;
}
H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 120%;
    TEXT-INDENT: -10px
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 110%;
    TEXT-INDENT: -10px
}
HR
{
    COLOR: #4682b4
}
P FORM LABEL
{
    FLOAT: left;
    VERTICAL-ALIGN: top
}

/* qualified elements */

BODY.plain	/* added v002 for printable pages */
{
	BACKGROUND-COLOR:	#FFFFFF
}
TABLE #searchselect
{
    WIDTH: 400px
}
TABLE #searchselect CAPTION
{
    PADDING-BOTTOM: 5px;
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left
}
TABLE #searchselect TD SELECT
{
    WIDTH: 100px
}
TABLE #searchselect TH
{
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left
}

/* specified ids */

#headtextlblack
{
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
}
#headtextlblue
{
    font-size: 12pt;
    font-weight: bold;    
    color: #3C10BC;
}
#headtextstandardblue
{
    font-weight: bold; 
    color: #3C10BC;
}
#logo
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #f5f5dc
}
#logoDark
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #ffffff;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #032d5f
}
#main
{
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 12px;
    PADDING-BOTTOM: 12px;
    PADDING-TOP: 18px;
    TEXT-ALIGN: left
}
#navBanner
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #ffffff;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #032d5f
}
#navCol
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 12px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#navCol A
{
    FONT-WEIGHT: bold;
    COLOR: blue;
    TEXT-DECORATION: none
}
#navCol A:hover
{
    FONT-WEIGHT: bold;
    COLOR: red;
    TEXT-DECORATION: none
}
#pageFooter
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 80%;
    COLOR: #708090;
    PADDING-TOP: 6px;
    FONT-STYLE: italic;
    TEXT-ALIGN: right
}
#pageTitle
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #ffffff;
    PADDING-TOP: 0px;
    FONT-FAMILY: "MS Sans Serif", Geneva, sans-serif;
    BACKGROUND-COLOR: #032d5f;
    TEXT-ALIGN: right
}
#searchForm1
{
    PADDING-RIGHT: 12px;
    PADDING-LEFT: 12px;
    PADDING-BOTTOM: 6px;
    WIDTH: 400px;
    PADDING-TOP: 6px;
    BACKGROUND-COLOR: #f9f9f8
}
#searchForm2
{
    PADDING-RIGHT: 12px;
    PADDING-LEFT: 12px;
    PADDING-BOTTOM: 6px;
    WIDTH: 400px;
    PADDING-TOP: 6px;
    BACKGROUND-COLOR: #e7eceb
}
#searchForm3
{
    PADDING-RIGHT: 12px;
    PADDING-LEFT: 12px;
    PADDING-BOTTOM: 6px;
    WIDTH: 400px;
    PADDING-TOP: 6px;
    BACKGROUND-COLOR: #e7e8ec
}
#standardtextred
{
    font-weight: bold;
    color: #FF0000;
}
#titleEnd
{
    BACKGROUND-POSITION: left 50%;
    BACKGROUND-IMAGE: url(../images/spot_3.gif);
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #f5f5dc
}

/* end */