/*
---------------------------------------------
	StaffPages: Website Standard Elements
---------------------------------------------
NOTES:
1) The BODY defines the site's default font characteristics.  The rest should inherit by default.
2) TABLE content should be vertical top aligned and border-collapse by default
3) Borders, margins and paddings are removed from block elements by default
*/
BODY, FORM, DIV, IMG, TABLE, TH, TD
{
	padding: 0;
	margin: 0;
	border: 0;
}
BODY
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.75em;
	line-height: 1.2em;
	padding: 5px;
}
P, OL, UL, TH, TD, LI
{
	font-size: inherit;
}
TABLE
{
	border-collapse: collapse;
}
TD, TH
{
	vertical-align: top;
/*	margin: 0px 2px 6px 2px;*/
}
HR
{
	border: 0;
	border-top: solid 1px black;
	margin: 0.5em 0;
}
INPUT, TEXTAREA
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
}
P, LI
{
	margin: 0px 2px 6px 2px;
}
H1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	margin: 0 0 1em 0;
}
H2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 4px;
}
A
{
	font-weight: normal;
	color: Blue; 
	font-family: Verdana, sans-serif	
}
A:link, A:visited
{
	color: Black;
}
A:hover
{
	color: #FF4040;
}
P
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
}





/*
---------------
	Classes
---------------
*/

/* Error and Success feedback */
.generror
{
	color: Red;
	font-weight: bold;
}
.gensuccess
{
	color: Blue;
	font-weight: bold;
}
/* Inline validation errors */
.errorfield
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: Red;
}


INPUT.standard-button
{
	width: 70px;
}

/* body-indent is used on a DIV only */
DIV.body-indent
{
	margin: 0px 8px;
}

/* Table with no padding - this is useful to reassert no extras for "sub tables"*/
TABLE.nopad
{
	margin:  0;
	padding: 0;
	border:  0;
}
TD.nopad, TR.nopad, TH.nopad
{
	margin:  0;
	padding: 0;
	border:  0;
}





/*
-----------------------
	NAME VALUE FORM
-----------------------
The namevalueform form will now superseed the newcourse1 style.
It is used for a table comprising of two columns of Names and Values
*/

TABLE.namevalueform
{
	
}
TABLE.namevalueform TR
{
}

TABLE.namevalueform TD.nv1,
TABLE.namevalueform TD.nv2
{
	border: solid 1px #336699;
	vertical-align: top;
}

TABLE.namevalueform TD.nv1
{
	width: 160px;
	background-color: #336699;
	color: white;
	text-align: right;
	
	padding-top: 7px;	
	padding-right: 10px;

}


TABLE.namevalueform TD.nv2
{
	width: 350px;
	background-color: #D0E0F0;
	color: black;
	text-align: left;

	padding: 2px;
	padding-left: 10px;
}


/* This style holds the assocaited submit buttons for a namevalue form */
P.namevalueformsubmit
{
	text-align:right;
	width: 535px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

P.coursesubmit
{
	text-align:right;
	width:360px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}








/*
-----------------------
	NEW/EDIT COURSE
-----------------------
newcourse1 to newcourse4 are actually used for most forms
They produce the standard "two colour" blue forms
*/

TD.newcourse1
{
	padding-right: 10px;
	padding-top: 4px;
	vertical-align: top;
	height: 26px;
	background-color: #336699;
	text-align: right;
	color: White;
}
TD.newcourse2, TD.newcourse3, TD.newcourse4
{
	width: 300px;
	height: 26px;
	background-color: #D0E0F0;
	text-align: left;
	padding-left: 10px;
}
TD.newcourse3, TD.newcourse4
{
	width: 450px;
}
TD.newcourse4
{
	padding-right: 10px;
	padding-top: 0px;
}

/* ColSpan=2 for section split in table */
TD.newcoursehdr2, TD.newcoursehdr3
{
	padding-right: 4px;
	padding-top: 4px;
	vertical-align: middle;
	width: 460px;
	height: 26px;
	background-color: #336699;
	/*text-align: right;*/
	font-weight: bold;
	color: White;
}
TD.newcoursehdr3
{
	width: 610px;
}

/* namecell and datacell are to replace newcourseX
   newcoursex has not been replaced with nv1 and nv2 in assocation wtih namevalueform.
 */
TD.namecell
{
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top;
	width: 120px;
	height: 24px;
	background-color: #336699;
	text-align: right;
	color: White;
	border: solid 1px #336699;
}
TD.datacell
{
	padding-top: 4px;
	padding-bottom: 4px;
	width: 500px;
	height: 24px;
	vertical-align: top;
	text-align: left;
	background-color: #D0E0F0;
	padding-left: 10px;
	border: solid 1px #336699;
}



/*
------------------
	HEADER BAR
------------------
*/


DIV.header1
{
	background-image: url(../Images/header-background-fill.png); /* Derby Tick "-fill" is to fix IE6 Transparent PNG bug */
	background-repeat: no-repeat;
	background-color: black;
	color: White;	/* For Alt Text if images are disabled */
	height: 118px;
}


TABLE#hd1
{
	background-color: #008176;
	padding: 0px;
	width: 100%;
	border-collapse: collapse; 
	border: none;
	border-bottom: solid black 1px;
}
TABLE#hd1 TR TD
{
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 9pt;
	color: Black;
}
TABLE#hd2
{
	border: none;
	border-top: solid black 1px;
	border-bottom: solid black 1px;
	border-collapse: collapse; 
	width: 100%;
}
TABLE#hd2 TR TD
{
	font-family: Verdana, sans-serif;
	font-size: 8pt;
	padding: 3px;
}
TABLE#hd2 TR TD#hd21
{
	font-weight: normal;
	padding-left: 9px;
	text-align: left;
}
TABLE#hd2 TR TD#hd22
{
	color: yellow;
	text-align: center;
	padding-right: 4px;
	width: 200px;	
	background-color: Black;	
}
TABLE#hd2 TR TD#hd22 A
{
	font-family: Verdana, sans-serif;
	font-size: 8pt;
	padding: 0px;
	margin: 0px;
	color: Yellow;
	text-decoration: none;
}
TABLE#hd2 TR TD#hd22 A:hover
{
	text-decoration: underline;
}



/*
------------------
	FOOTER BAR
------------------
*/
TABLE.footer
{
	border-top: black 1px solid;
	border-bottom: black 1px solid;
	width: 100%;
	background-color: #FEBC25;
}
TABLE.footer TR TD
{
	padding: 3px;
	text-align: right;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
}
TABLE.footer TR TD A
{
	font-weight: bold;
}
DIV.footer
{
	border-top: black 1px solid;
	border-bottom: black 1px solid;
	background-color: #FEBC25;
	padding: 3px;
	text-align: right;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
}
DIV.footer A
{
	font-weight: bold;
}





/*
-----------------------
	MINI HEADER BAR
-----------------------
This header definition is used in Help pages, 
ViewCourse (Course Log) and ViewReport.
*/
TABLE.miniheader
{
	border-collapse: collapse;
	border-top: black 1px solid;
	border-bottom: black 1px solid;
	
	margin: 0px;
	width: 100%;
	background-color: Blue;	/* should be overridden by mh_yellow and mh_black */
}
TABLE.miniheader TR TD
{
	padding: 3px;
}
/* Apply mh_left or mh_right to TD to set alignment of cell */
TABLE.miniheader TR TD.mh_left
{
	text-align: left;
	padding-left: 5px;
}
TABLE.miniheader TR TD.mh_right
{
	text-align: right;
}
TABLE.miniheader TR TD, TABLE.miniheader TR TD A
{
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
}
TABLE.miniheader TR TD A:hover
{
	text-decoration: underline;
}

/* Apply mh_black or mh_yellow to TD to set cell and text colour (inc links) */
TABLE.miniheader TR TD.mh_yellow, TABLE.miniheader TR TD.mh_yellow A
{
	background-color: #f8a025;
	color: Black;
}
TABLE.miniheader TR TD.mh_black, TABLE.miniheader TR TD.mh_black A
{
	background-color: Black;
	color: Yellow;
}





/*
---------------------
	Wizard Styles
---------------------
Wizard Styles (titles, steps etc...)
*/

.wiztitle1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;/* should be 1.5em */
	margin: 6px 0px 16px 0px;
	color: Black;
}
.wiztitle2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #C03;
	margin: 6px 0px 16px 0px;
}
.wiztitle1 A:link,.wiztitle1 A:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: Black;
	margin: 6px 0px 16px 0px;
}

.wiztitle3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #C03;
	margin: 8px 0px;
}
.wizlefttext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #6535FF;
	padding: 3px 0;
	margin: 0;
}
UL.wizlist
{
	list-style: none;
}
UL.wizlist LI
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
UL.wizlist LI A
{
	font-weight: bold;
}
UL.wizlist LI.wiz-option-add A
{
	background-image: url(../Images/wiz/wiz-option-add.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}
UL.wizlist LI.wiz-option-back A
{
	background-image: url(../Images/wiz/wiz-option-back.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}

DIV.wizstep
{
	/* DIV.wizstep is used in ascx files */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #6535FF;
	text-align: right;
}
DIV.wizstep IMG,
DIV.wizstep INPUT
{
	vertical-align: middle;
	width: 22px;
	height: 22px;
	margin: 2px;
}






/*
---------------------
	Standard Grid
---------------------
std-grid is used for tables which display multiple records
*/

TABLE.std-grid
{
	background-color: #D0E0F0;
}
TABLE.std-grid TD,
TABLE.std-grid TH
{
	border: solid 1px #336699;
	padding: 2px;
}






/*
---------------------
	Summary Table
---------------------
Used for white tables with black outlines holding summary information
*/


TABLE.summary-table
{
}

TABLE.summary-table TD
{
	border: solid 1px black;
	padding: 4px;
}
TABLE.summary-table TH
{
	border: solid 1px black;
	padding: 4px;
}
TABLE.summary-table TD TD.nopad
{
	border: none;
	padding: 0;
	vertical-align: top;
}
P.nopad
{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}






/*
------------------
	Magic Menu
------------------
*/


TABLE.mmtable
{
	width: 100%;
	border: solid 1px #143b72;
	background-color: #D0E0F0;
}
TD.mmbar
{
	background-color: #336699;
	padding-left: 8px;
	font-weight: bold;
	height: 24px;
	color: White;
}
TD.mmbar A
{
	font-weight: bold;
}
TD.mmbar A:link
{
	color: White;
}
TD.mmbar A:visited
{
	color: White;
}
TD.mmbar A:hover
{
	color: Yellow;
}

P.mmboxline
{
	font-weight: bold;
	margin-left: 15px;
	color: black;
}
P.mmboxlinesel 
{
	font-weight: bold;
	color: black;
}
P.mmtext
{
	padding-left: 8px;
	font-weight: bold;
	text-align: left;
	color: black;
}




/*
--------------------
	My Resources
--------------------
*/

P.resgrouphead, P.resgroupfoot 
{
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 3px;
	margin: 0px 0px 0px 0px;
	color: Black;
	font-family: Verdana, Tahoma;
	border-top: solid 1px #506E88;
	border-bottom: solid 1px #506E88;
	background-color: #C3E1FB;
}
P.resgrouphead
{
	font-weight: bold; 
	font-size: 14px;
}
P.resgroupfoot
{
}
P.arch
{
	color: #808080;
	margin-bottom: 2px;
}
P.arch A:link
{
	color: #808080;
}
P.arch A:visited
{
	color: #808080;
}
P.curr
{
	color: Black;
	margin-bottom: 2px;
}
TD.res1 { vertical-align: top; }
TD.res2 {	vertical-align: top; color: black; }
TD.res2 A:link	{ color: black; }
TD.res2 A:visited { color: black; }
TD.res2 A:hover	{ color: #008;/*color: darkblue;*/ }


A.yellowlink
{
	font-weight: bold;
}
A.yellowlink:link
{
	color: Yellow;
}
A.yellowlink:visited
{
	color: Yellow;
}
A.yellowlink:hover
{
	color: Yellow;
}

A.fieldLink
{
	text-decoration: none;
}

A.fieldLink:hover
{
	text-decoration: underline;
	color: blue;
}

INPUT.small, SELECT.small
{
	font-size: 8pt;
	background-color: #F8A025;
}
.green
{
	color: Green;
}

/* For anchors defined as <A class="green" ...> */
A.green:link { color: Green; }
A.green:visited { color: Green; }
A.green:hover { color: Red; }


/* ALL mnu  */
P.mnu1, 
P.mnu1 A:link,
P.mnu1 A:visited,
P.mnu1 A:hover,
P.mnu2,
P.mnu2 A:link,
P.mnu2 A:visited,
P.mnu2 A:hover
{
	font-family: Arial; 
	font-size: 11px; 
}
/* ALL mnu1 */
P.mnu1, 
P.mnu1 A:link,
P.mnu1 A:visited,
P.mnu1 A:hover
{
	color: #ff651c;
	font-weight: bold;
}
/* ALL mnu2 */
P.mnu2, 
P.mnu2 A:link,
P.mnu2 A:visited,
P.mnu2 A:hover
{
	color: #3275a0;
	font-weight: normal;
}
/* ALL mnu A */
P.mnu2, 
P.mnu2 A:link,
P.mnu2 A:visited,
P.mnu2 A:hover
{
	margin: 0px;
	padding: 0px;
}
P.mnu2 A:link,
P.mnu2 A:visited
{
	text-decoration: none;
}
P.mnu2 A:hover
{
	text-decoration: underline;
}
P.mnu1
{
	margin: 1px 1px 1px 3px;
}
P.mnu2
{
	margin: 1px 1px 1px 6px;
}

P.rsline, P.rsline A:link, P.rsline A:visited
{
	color: gray;
	font-size: xx-small;
	padding-bottom: 0px;
}
P.rsline
{
	padding-left: 12px;
}

.CIA
{
	font-family: Courier New;
	font-size: 10pt;
	color: Blue;
	font-weight: normal;
	margin: 2px;
	padding: 2px;
	border: solid 2px blue;
	width: 20px;
	text-align: center;
}


/* bottombuttons: Styles to ecapsulate buttons appearing at the bottom of many edit screens */
DIV.bottombuttons
{
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: right;
}

/* General Centralisation */
.c { text-align: center; }


TABLE.fiftyfifty TR TD { width: 50% }




TABLE#BodyFrame TD#MainColumn
{
	padding: 0px 8px;
}

TABLE.vtop TR TD { vertical-align: top; }






/*
---------------------
	COURSE STATUS
---------------------
These were considered in March 2008.  Existing Icons achive these already though.
Use as follows:
	<p><span class="status-live">L</span> Live</p>
	<p><span class="status-rejected">R</span> Rejected</p>
	<p><span class="status-finished">F</span> Finished</p>
	<p><span class="status-closed">C</span> Closed</p>
Some style properties exist for block types (div, p) rather
 than the <span> examples above
*/

.status-live
{
	font-family: Courier New;
	font-weight: bold;
	font-size: 12pt;
	width: 70px;
	background-color: Green;
	color: White;
	padding: 2px 8px;
	margin: 2px;
	border: solid 1px black;
	text-align: center;
}

.status-rejected
{
	font-family: Courier New;
	font-weight: bold;
	font-size: 12pt;
	width: 70px;
	background-color: Red;
	color: White;
	padding: 2px 8px;
	margin: 2px;
	border: solid 1px black;
	text-align: center;
}

.status-closed
{
	font-family: Courier New;
	font-weight: bold;
	font-size: 12pt;
	width: 70px;
	background-color: #F0F;
	color: White;
	padding: 2px 8px;
	margin: 2px;
	border: solid 1px black;
	text-align: center;
}

.status-finished
{
	font-family: Courier New;
	font-weight: bold;
	font-size: 12pt;
	width: 70px;
	background-color: Black;
	color: White;
	padding: 2px 8px;
	margin: 2px;
	border: solid 1px black;
	text-align: center;
}

TABLE#OuterTable
{
}
TABLE#OuterTable TD
{
	vertical-align:top;
}
TABLE#OuterTable TD#ot1
{
	/* Left side */
	width: 180px;
	text-align: right;
}
TABLE#OuterTable TD#ot2
{
	/* Holds the vertical-bar.gif */
	width: 25px;
	text-align: center;
}
TABLE#OuterTable TD#ot2_master
{
	/* Holds the vertical-bar.gif.
	We are introducing the Template "BlueSplitter.master" which will incorporate the
	verical bar as a CSS Style instead of an IMG tag.  This verison of ot2 is used by
	the master template.
	 */
	width: 25px;
	background-image: url(../Images/vertical-bar.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
TABLE#OuterTable TD#ot3
{
	/* Optional.  Default Main Area */
	
}





/* 
-------------------
	NewsSummary
-------------------
StaffPages NewsSummary styles
*/
DIV.NewsSummary
{
}
DIV.NewsSummary DIV.Entry
{
	padding: 6px;
	border-bottom: solid 1px #888;
	clear: left;
	min-height: 74px;	/* Image is 64px + 4 pixels each side + 2 border pixels */
}
DIV.NewsSummary P
{
	margin-top: 0;
	margin-bottom: 0;
}
DIV.NewsSummary P.PubDate
{
	float: right;
}
DIV.NewsSummary P.Title
{
	font-weight: bold;
}
DIV.NewsSummary P.Title A
{
	font-weight: bold;
	font-size: 1.0em;
}
DIV.NewsSummary IMG
{
	float: left;
	margin: 0 8px 4px 0;
	border: solid 1px black;
}
DIV.LastEntry
{
	border-bottom: 0 !important;
}