/* WORKaBOOK website styles */
/* 21/03/05 Simon Venturi */

/* Generic Elements */
BODY
{
	background-color: Black;
}

TD
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: Black;
	font-weight: normal;
	font-style: normal;
}

.Normal
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: Black;
	font-weight: normal;
	font-style: normal;
}


.Bold
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: Black;
	font-weight: bold;
	font-style: normal;

}

.RedAndBoldLink
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: Red;
	font-weight:  bold;
	font-style: normal;
	text-decoration: underline;
	
	
}

.Head
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12pt;
	color: Black;
	font-weight: normal;
	font-style: normal;
}

.CommandButton
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: Silver;
	font-weight: normal;
	font-style: normal;
}

.Small
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	color: Black;
	font-weight: normal;
	font-style: normal;
}

.SmallGrey
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	color: Silver;
	font-weight: normal;
	font-style: normal;
}

.Footer
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 6pt;
	color: Silver;
	font-weight: normal;
	font-style: normal;
}

.Error
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: Red;
	font-weight: normal;
	font-style: normal;
}

.HighlightGreen
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14pt;
	font-style: normal;
	color: #CCFFCC;
}

.LinkGreen
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-style: normal;
	text-decoration: underline;
	color: #CCFFCC;
}

.GreenBullet
{
	color: #00CC00;
	font-style: normal;	
}

.Green
{
	color: #CCFFCC;
}

.Subtitle
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14pt;
	font-style: normal;
}

.OrangePink
{
	color: #FEC4C1;
}

.OrangePinkLink
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-style: normal;
	text-decoration: underline;
	color: #FEC4C1;
}

.OrangePinkBullet
{
	color: #FEC4C1;
	font-style: normal;	
}

.OrangePinkTD
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:	normal;
	background-color: #FEC4C1;
	color: #000000;	
}

.Purple
{
	color: #FFCCFF;
}

.LinkPurple
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-style: normal;
	text-decoration: underline;
	color: #FFCCFF;
}

.Yellow
{
	color: #FFFF99;
}

.YellowLink
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-style: normal;
	text-decoration: underline;
	color: #FFFF99;
}

.YellowBullet
{
	color: #FFFF99;
	font-style: normal;	
}

.Blue
{
	color: #99CCFF;
}

.BlueLink
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-style: normal;
	text-decoration: underline;
	color: #99CCFF;
}

.BlueBullet
{
	color: #99CCFF;
	font-style: normal;	
}

.MainTitle
{
	font-weight: bold;
	font-size: 14pt;
	color: Black;
	line-height: 21pt;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

/* Form elements */
.FormText
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;	
	font-weight: normal;
	font-size: 8pt;
	color: black;
	background-color: white;	
	border-style: solid;
	border-width: 1px;
	border-color: Black;
}


/* Table Cell Elements */
.DarkGrayTD
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:	normal;
	background-color: Gray;
	text-align: center; 
	color: White;
	font-weight: bold;		
}

.LightGrayTD
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:	normal;
	font-size: 8pt;	
	background-color: Gray;
	text-align: center; 
	color: Black;
	font-weight: bold;
}

.DarkOrangeTD
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:	normal;
	background-color: #FF9900;
	text-align: right; 
	color: White;
	font-weight: bold;
	vertical-align:middle;	
}

.LightOrangeTD
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:	normal;
	background-color: #FFCC33;
	text-align: center; 
	color: #FF9900;
	font-weight: bold;
}

.LightOrangeTDBlackText
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:	normal;
	background-color: #FFCC33;
	text-align: center; 
	color: Black;
	font-weight: bold;
	vertical-align:middle;
}

.DarkGreenTD
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:	normal;
	background-color: #00CC33;
	text-align: right; 
	color: White;
	font-weight: bold;
	vertical-align:middle;
}

.LightGreenTD
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:	normal;
	background-color: #00CC66;
	text-align: center; 
	color: Green;
	font-weight: bold;
}

.LightGreenTDBlackText
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:	normal;
	background-color: #00CC66;
	text-align: center; 
	color: Black;
	font-weight: bold;
	vertical-align:middle;	
}

.DarkBlueTD
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:	normal;
	background-color: #3399FF;
	text-align: right; 
	color: White;
	font-weight: bold;
	vertical-align:middle;	
}

.LightBlueTD
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:	normal;
	background-color: #33CCFF;
	text-align: center; 
	color: #3399FF;
	font-weight: bold;
}

.RewardTDGrey
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:	normal;
	background-color: #666666; 
	color: White;
	font-weight: bold;
	vertical-align:middle;
}

.RewardTable
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:	normal;
	color: Black;
	font-weight: normal;
	background-color: #FFCC9A;
	border-top: #414b56 1px solid;	
	border-left: #414b56 1px solid;	
	border-right: #414b56 1px solid;	
	border-bottom: #414b56 1px solid;
}

.PinkTD
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:	normal;
	background-color: #FFCBFF;
	color: #FFFFFF;
	font-weight: bold;
}

.LightPurpleTD
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:	normal;
	background-color: #CC66CC;
	color: #FFFFFF;
	font-weight: bold;
}

.PurpleTD
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:	normal;
	background-color: #660066;
	color: #FFFFFF;
	font-weight: bold;
}

/* Positioning Elements */
/* site navigation settings */
DIV#logo
{
	position: absolute;	
	left: 13px;
	top: 27px;
}

/* content frame */
DIV#contentframe
{
	position: absolute;	
	left: 8px;
	width: 985px;
	top: 148px;
}

TABLE#content
{
	background-image: url(images/place_an_order/shared/right_block_tile.gif);
	background-color: White;	
	background-repeat: repeat-y;
	background-position: right top;
	background-attachment: fixed;
	border-top: #414b56 1px solid;	
	border-left: #414b56 1px solid;	
	border-right: #414b56 1px solid;	
	border-bottom: #414b56 1px solid;
}

/* footer details */
DIV#footerlinks
{
	position: relative;
	top: 20px;
}

DIV#footerlegal
{
	position: relative;
	top: 80px;
}

/* isometric pattern */
DIV#topright
{
	background-image: url(images/place_an_order/shared/top_block_image.gif);
	background-color: White;
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: fixed;
	position: absolute;
	left: 817px;
	top: 1px;
	width: 166px;
	height: 101px;
	z-index: 1;
}

TD#rightpane
{
	background-position: right top;
	background-attachment: fixed;
	background-image: url(images/place_an_order/shared/top_block_image.gif);
	background-repeat: no-repeat;
	background-color: White;
}

A 
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: Black;
	font-weight: normal;
	font-style: normal;
}

A:active
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: Black;
	font-weight: normal;
	font-style: normal;
}

A:hover
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: Black;
	font-weight: normal;
	font-style: normal;	
}

A:link
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: Black;
	font-weight: normal;
	font-style: normal;	
}

A:visited
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: Black;
	font-weight: normal;
	font-style: normal;	
}

.SquareBullet
{
	list-style-image: url(images/home/orange_bullet.gif);
}

.NoUnderline
{
	text-decoration: none;
}

.FooterLink
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	color: Silver;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.LiteracyTD
{
	color: White;
	font-weight: bold;
	background-color: #FF3334;		
}

.NumeracyTD
{
	color: White;
	font-weight: bold;
	background-color: #01CC34;	
}

.StudiesSkillsTD
{
	color: White;
	font-weight: bold;
	background-color: #0099CB;
}

.GreyTD
{
	color: White;
	font-weight: bold;
	background-color: #687379;
}

.OrderPane
{
	color: Black;
	background-color: #FFCC9A;
	border-style: solid;
	border-width: 1px;
	border-color: Black;
}

.LogoTD
{
	border-style: solid;
	border-width: 1px;
	border-color: Black;
}	

.ReviewGridHeader
{
	background-color: #687379;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: White;
	font-weight: bold;
	font-style: normal;
}

.AdminButton
{
	border-right: white 1px solid;
	padding-right: 2px;
	border-top: white 1px solid;
	padding-left: 2px;
	font-size: 6pt;
	background-image: none;
	padding-bottom: 2px;
	margin: 2px;
	vertical-align: baseline;
	border-left: white 1px solid;
	color: white;
	padding-top: 2px;
	border-bottom: white 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #11459e;
	text-align: center;
	font-variant: small-caps;
}

