body
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

p
{
	font-size: 10pt;
}


td
{
	font-size: 10pt;
}

th
{
	font-size: 10pt;
}

/*  bluebold is the main title e.g. Welcome to Clidive*/
.bluebold
{
	color: #003366;
	font-weight: bold;
	font-size: 150%;
}

/* white text at the top to say welcome or whatever*/
.locationtext
{
	font-family: helvetica, arial;
	font-style: bold;
	font-size: 11px;
	color: #ffffff;
	font-weight: 600;
	margin-left:170px;
}



/* bold white text, usually used inside a table cell that is blue to make a headline,
eg Change your password bar just above form.*/
.whitebold
{
	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
}

/* used on footer text*/
.footertext
{
	/*	font-size: 10px;*/
}

/* 3rd level, left hand side menu */
.lhsmenutext
{
	/*	font-size: 10pt;*/
	background-image: url( "../images/navigation/arrow.gif" );
	background-repeat: no-repeat;
	padding-left: 7px;
	padding-bottom: 3px;
}

.lhsmenutextSelected
{
	/*	font-size: 9pt;*/
	line-height: 10pt;
	color: #ff9900;
	background-image: url( "../images/navigation/arrow_sel.gif" );
	background-repeat: no-repeat;
	padding-left: 7px;
	padding-bottom: 3px;
}

a:hover.lhsmenutext
{
	text-decoration: none;
	color: #6699cc;
}

/* shown under images with caption, eg in newsplash*/
.imagecaption
{
	/*font-size: 11px;*/
}

/* link */
a
{
	color: #003366;
	text-decoration: none;
}

/* link with mouse over it */
a:hover
{
	color: #6699cc;
}

/* horizontal line.. why defining it different than default?? */
hr
{
	width: 300px;
	left: 0px;
	position: relative;
}

/* table row TR used as a healdine with coloured background, eg home page news headline*/
tr.newsheadline
{
	font-size: 10pt;
	font-weight: bold;
	color: black;
	text-transform: uppercase;
	background-color: #6699cc;
}
/* same as newsheadline, but just the date bit, which is in a TD cell so it aligns to the right*/
td.newsheadline.expiry
{
	font-weight: normal;
	text-transform: none;
	text-align: right;
	font-style: italic;
}

td.calendar
{
	border:solid 1px black;
	text-align:left;
	vertical-align:top;
	width:60px;
	height:60px;
}

/* styles for menu */
#menuLogo
{
	position: absolute;
	left: 10px;
	top: 1px;
}
#topbackgroundDiv
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 160px;
	width: 100%;
	background-image: url(../images/background/clidive_bg_wave2.gif);
	background-repeat: repeat-x;
}
.menu
{
	position: absolute;
	visibility: hidden;
	border-left: 1px none black;
	border-top: 1px none black;
	border-bottom: 3px none black;
	border-right: 3px none black;
	padding: 2px;
	z-index: 10;
	left: 160px;
	top: 77px; /*font-size: 10px;*/
}
.menuTitle
{
	width: 85px;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	padding: 2px;
	background-color: #336699;
	text-align: center;
}
.menuTitleSelected
{
	width: 85px;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	padding: 2px;
	background-color: #ff9900;
	text-align: center;
}
a:hover.menuTitle
{
	background-color: #6699cc;
}
a:active.menuTitle
{
	background-color: #6699cc;
}
.menuBarLink
{
	text-decoration: none;
	font-style: bold;
	color: #ffffff;
	font-family: helvetica,arial;
	outline: none;
}
.menuLink
{
	text-decoration: none;
	font-style: bold;
	color: #003366;
	outline: none;
	font-family: arial,helvetica;
}
.menuLinkSelected
{
	text-decoration: none;
	font-style: bold;
	color: #ff9900;
	outline: none;
	font-family: arial,helvetica;
}
/* all the menu title styles are used to build the top bar 1st level menu from a php function ('menuTitle'.i) */
#menuTitle1
{
	position: absolute;
	left: 160px;
	top: 41px; /*font-size: 12px;*/
}
#menuTitle2
{
	position: absolute;
	left: 245px;
	top: 41px; /*	font-size: 12px;*/
}
#menuTitle3
{
	position: absolute;
	left: 330px;
	top: 41px; /*	font-size: 12px;*/
}
#menuTitle4
{
	position: absolute;
	left: 415px;
	top: 41px; /*	font-size: 12px;*/
}
#menuTitle5
{
	position: absolute;
	left: 500px;
	top: 41px; /*	font-size: 12px;*/
}
#menuTitle6
{
	position: absolute;
	left: 585px;
	top: 41px; /*	font-size: 12px;*/
}
#menuTitle7
{
	position: absolute;
	left: 670px;
	top: 41px; /*	font-size: 12px;*/
}
#menuTitle8
{
	position: absolute;
	left: 755px;
	top: 41px; /*	font-size: 12px;*/
}
#menuTitle9
{
	position: absolute;
	left: 840px;
	top: 41px; /*	font-size: 12px;*/
}

/* position of the login box at the top right */
.loginbox
{
	position: absolute;
	left: 606px;
	padding: 2px;
}

.logininput
{
	font-size:10px;
	width:150px
}

/* main content div, which is everything  under the menu, all 3 columns (left, middle and right)*/
#contentDiv
{
	position: absolute;
	top: 160px;
	width: 900px; /*	font-size: 12px;*/
	background-color: #ffffff;
}
/* the 3 following styles define the 3 main columns of content */
#mainleft
{
	width: 126px;
	float: left;
	background: #ffffff;
	padding-right: 10px;
}
#maincenter
{
	width: 440px;
	float: left;
	padding-bottom: 10px;
	margin-right: 40px;
	margin-top: 0px;
	background-color: #ffffff;
}
#mainright
{
	width: 240px;
	float: left;
	padding-bottom: 0px;
}
#maincenterandright
{
	float: left;
	padding-bottom: 10px;
	margin-right: 40px;
	margin-top: 0px;
	background-color: #ffffff;
}

/* used to add a special footer in traning sections*/
#footer
{
	padding-top: 40pt;
	clear: both;
}

/* end of menu and div styles */

.MemberList, .MemberList TR TD, .MemberList TR TH
{
    padding:1px;
    border: solid 1px black;
    border-collapse:collapse;
    empty-cells:show;
    white-space:nowrap;
}

TH.SortedColumnAsc
{
    background-image:url(../images/navigation/arrow_up_sel.gif);
    background-position:right;
    background-repeat:no-repeat;
}

TH.SortedColumnDesc
{
    background-image:url(../images/navigation/arrow_down_sel.gif);
    background-position:right;
    background-repeat:no-repeat;
}