/*
** Name:   hdcc.css
** Author: Adam Bolton
** Date:   16/7/2009
** Desc:   Contains all of the style information for the HDCC website.
**		 This is to allow greater control over the visual elements of the
**		 website.  Also incorporates the CSS for the pointscore system.
**
**		 Contains all of the style information for the pointscore
**		 system.  This is seperate to the rest of the site as it
**		 needs to be treated differently.
**
** $header$
*/


a:link, a:visited
{ 
	/* color: #19195f; */
	color: #ce0031;
	text-decoration: underline;
}

a:hover, a:active 
{ 
	color: #1919ff;
	text-decoration: underline;
}

h3
{
	color: #ce0031;
	/* color: #19195f; */
	font-weight: bold;
	font-size: 12pt; 
}
em
{
    font-family: verdana,arial,helvetica;
    font-size: large;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 0;
}

.center
{
	text-align: center;
}
.left
{
	text-align: left;
}
.shaded
{
	background: #cccccc;
}

table.boxed
{
	/* border: 2px solid #19195f; */
	border: 2px solid #ce0031;
	border-spacing: 0px;
}
tr.cal
{
	height: 20px;
}
td.cal
{
	padding: 	 1px 1px 0px 1px;
	font-size:	 10pt;
	font-weight: 400;
	font-style:	 normal;
	text-decoration: none;
	font-family: "Comic Sans MS", verdana,arial,helvetica;
	text-align:	 left;
	vertical-align: top;
	white-space: nowrap;
}
	
th
{
	font-family: Verdana,arial,helvetica;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: white;
	background: #19195f;
}
td.docs
{
 	background: #ffecec; 
/* 	background: #ececff; */
	text-align: center;
	font-size: 11pt; 
}
td.br_line
{
	border-right: 1px solid #ce0031;
}

table.tabsty
{
	font-family: Verdana,arial,helvetica;
	font-size: 6pt;
}

th.ps
{
	font-family: Verdana,arial,helvetica;
	font-size: 6pt;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	background: #aaaaaa;
}
td.off
{
	font-family: Verdana,arial,helvetica;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
table.res
{
	padding: 10px;
}
th.res
{
	/* font-family: verdana,arial,helvetica; */
	font-size: 8pt; 
	/* font-style: normal; */
	/* font-weight: bold; */
	background: grey;
	padding: 5px;
}
td.res
{
	font-family: verdana,arial,helvetica;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	padding: 5px;
}
td.page
{
	vertical-align: top;
	padding: 10px;
}
td.details
{
	vertical-align: top;
	padding: 20px;
}
td.buttons
{
	vertical-align: bottom;
	text-align: center;
}
td.memsearch
{
	vertical-align: top;
	padding: 5px;
	padding-left: 2em;
	border-bottom: 1px solid #ce0031;
}
td.legend
{
	vertical-align: top;
	text-align: right;
	padding: 5px;
	border-bottom: 1px solid #ce0031;
}
	
.notation
{
	font-size: small;
	font-style: normal;
	font-weight: normal;
}
form
{
	display: inline;
}
.buttons
{
	font-size: x-small;
}
input
{
	/* font-size: small; */
    font-family: Calibri,Arial,Helvetica;
    font-size: 10pt;
}
select
{
    font-family: Calibri,Arial,Helvetica;
    font-size: 10pt;
}
.hidden
{
	display: none;
}
.red
{
	color: red;
}
.indent
{
	margin-left: 2em;
}
div.indent
{
	margin-left: 3em;
}

.footer
{
	size: 1;
	color: #aaaaaa;
	width: 90%;
	font-size: x-small;
	font-family: verdana,arial,helvetica;
	text-align: center;
}

img
{
	border: 0px;
	margin-left: 4px;
}

.boxfloat_bg {
	background-color: #000000;
	opacity: 0.85;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.boxfloat {
	background-color: #ffffff;
	opacity: 1;
	padding: 1em;
	border: 3px solid blue;
	z-index: 11;
	display: block;
	position: absolute;
	left: 50px;
	top: 100;
	width: 60%;
}