/************************ LEFT MENU *****************************/

/* left td tag */
.bgside
{
	border-right: #000000 1px solid;
	border-top: #000000 0px solid;
	font-size: 10px;
	border-left: #000000 0px solid;
	color: #DDDDDD;
	border-bottom: #000000 1px solid;
	font-family: tahoma;
	background-color: #000000;
	text-align: left;
}

/* When the browser does not support the javascript menu, oldmenu will be used */
a.oldmenu:link  {
	font-size: 12px;
	text-decoration:none;
	COLOR : #CCCCCC;
}

a.oldmenu:visited  {
	font-size: 12px;
	text-decoration:none;
	COLOR : #CCCCCC;
}

a.oldmenu:hover  {
	font-size: 12px;
	COLOR : #FFFFFF;
	text-decoration:underline;
}

a.oldmenu:active  {
	font-size: 12px;
	COLOR : #CCCCEE;
	text-decoration:blink;
}

/* background style of the menu and sub menus */
/*
.menu
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	z-index: 3;
	visibility: hidden;
	border-left: black 1px solid;
	border-bottom: black 0px solid;
	position: absolute;
	background-color:Black;

}
*/
.startmenu
{
	z-index: 3;
	visibility: visible;
	position: relative;
}

/* style of the button when mouse is over the menu item */
.menuover
{
	color: #CCCCCC;
	font-family: tahoma;
	font-size:10;
	letter-spacing: 2px;
	z-index:4;	
	cursor: hand;
	background-color: #203e60;
	height: 30;
	border: solid 1 #777777;
}

/* normal state of the menu item */
.menuout
{	 
	color: #dddddd;
	font-family: tahoma;
	font-size:10;
	letter-spacing: 2px;	
	z-index:4;
	cursor: hand;
	background-color: #000000;
	height: 30;
	border-top: solid 1 #000000;
	border-right: solid 1 #111111;
	border-bottom: solid 1 #111111;
	border-right: solid 1 #111111;
}



/****************** TOP MENU *******************/
/* style of the menus within the page itself. (not the left menu) */
/*
A.toplink:link  
{
	FONT-SIZE : 12px;
	COLOR : #333333;
	FONT-FAMILY : Tahoma;
	text-decoration:none;
}

A.toplink:visited  {
	FONT-SIZE : 12px;
	COLOR : #333333;
	FONT-FAMILY : Tahoma;
	text-decoration:none;
}

A.toplink:hover  {
	FONT-SIZE : 12px;
	COLOR : #000000;
	FONT-FAMILY : Tahoma;
	text-decoration:underline;
}

A.toplink:active  {
	FONT-SIZE : 12px;
	COLOR : #000000;
	FONT-FAMILY : Tahoma;
}
*/
/* not currently used */
div.menutop-normal
{	
	z-index:2;
	position:absolute;
	left:150;
	top:60;
	width:1000;
	visibility:visible;
}

/* slim top menu */
div.menu-slim
{	
	font-size:12;
	z-index:2;
	width:600;	
}

div.menu-dropdown
{	
	z-index:2;
	position:relative;
	visibility:visible;
}

/********************************************************************/

/* the little image next to the javascript menu item */
.itemleft
{
	width: 15px;
	text-align:center;
/*	background-color: #6633ff;*/
}

/* the bullet transparency for each javascript menu item */
.transparent-menubullet
{
	FILTER : progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

/* the transparency for the arrow point to submenus*/
.transparent-arrow
{
	FILTER : progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

/* the right mouse click context menu */
DIV.diveditmenu
{
	z-index: 6;
	left: 0px;
	visibility: hidden;
	width: 100px;
	height: 60px;
	position: absolute;
	top: 0px;
	background-color: white;
}
/*
body  
{

	FONT-SIZE : 12px;
	COLOR : #444455;
	FONT-FAMILY : Tahoma;
	
	// Scrollbar customisation... Some people like em. I don't 
		
	scrollbar-face-color: #CCDFEF;
	scrollbar-track-color: #002178;
	scrollbar-arrow-color: Black;
	
}
*/
/*
A:link  {
	COLOR : #2222AA;
	FONT-FAMILY : Tahoma;
}

A:visited  {
	COLOR : #444455;
	FONT-FAMILY : Tahoma;
}

A:hover  {
	COLOR : #999999;
	FONT-FAMILY : Tahoma;
}

A:active  {
	COLOR : #006699;
	FONT-FAMILY : Tahoma;
}
*/

/***************** Used for general Links in the Site *******************************/
A.linkcomponent:link  {
	FONT-SIZE : 12px;
	COLOR : #555566;
	FONT-FAMILY : Tahoma;
	TEXT-DECORATION : none;
}

A.linkcomponent:visited  {
	FONT-SIZE : 12px;
	COLOR : #555566;
	FONT-FAMILY : Tahoma;
	TEXT-DECORATION : none;
}

A.linkcomponent:hover  {
	FONT-SIZE : 12px;
	COLOR : #000000;
	FONT-FAMILY : Tahoma;
	TEXT-DECORATION : underline;
}

A.linkcomponent:active  {
	FONT-SIZE : 12px;
	COLOR : #333399;
	FONT-FAMILY : Tahoma;
	TEXT-DECORATION : none;
}

A.imagelink:visited IMG  {
	FILTER : progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

A.imagelink:link IMG  {
	FILTER : progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

A.imagelink:hover IMG  {
	FILTER : progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

A.imagelink:active IMG  {
	FILTER : progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
/********************************************************************/

TD.normal  {
	FONT-SIZE : 11px;
	COLOR : #140812;
	FONT-FAMILY : Tahoma, Verdana, Arial;
}

TD.tablemainheader
{
    BORDER-RIGHT: #6782a6 thin ridge;
    BORDER-TOP: #6782a6 thin ridge;
    FONT-SIZE: 12px;
    BORDER-LEFT: #6782a6 thin ridge;
    COLOR: black;
    BORDER-BOTTOM: #6782a6 thin ridge;
	FONT-FAMILY : Tahoma;
    BACKGROUND-COLOR: transparent
}
TD.tableheader  {
	FONT-SIZE : 11px;
	COLOR : white;
	FONT-FAMILY : Tahoma;
	BACKGROUND-COLOR : #6699cc;
}

TD.content
{
	FONT-SIZE : 11px;
	padding-left: 14px;
	padding-top: 8px;	
}

.tabledata  {
	FONT-SIZE : 11px;
	COLOR : black;
	FONT-FAMILY : Tahoma;
	BACKGROUND-COLOR : #e9f0ff;
	
}

.tabledata2  {
	FONT-SIZE : 11px;
	COLOR : black;
	FONT-FAMILY : Tahoma;
	BACKGROUND-COLOR : #e9ecf9;
}

INPUT.textfield2
{
    FONT-SIZE: 13px;
    COLOR: black;
    BACKGROUND-COLOR: #e9ecf9;
    BORDER: none
}
INPUT.textfield  {
	FONT-SIZE : 9px;
	COLOR : #ffffff;
	BACKGROUND-COLOR : #6699cc;
}

INPUT.checkbox  {
	FONT-SIZE : 9px;
	FLOAT : none;
}

SELECT.selectfield  {
	FONT-SIZE : 9px;
	COLOR : #ffffff;
	BACKGROUND-COLOR : #6699cc;
}

INPUT.smallbutton
{
	font-size: 10px;
}

TEXTAREA.textfield
{
	font-size: 11px;
	overflow: auto;
	color: #ffffff;
	background-color: #6699cc;
}



TEXTAREA.editable /* source code edit box */
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	border-bottom-style: none;
}

Table.main  {
	FONT-SIZE : 10pt;
	MARGIN : 1em auto;
}

.footer  {
	FONT-SIZE : 11px;
	COLOR : #cccccc;
	FONT-FAMILY : Tahoma;
	TEXT-DECORATION : none;
	font-weight: bold;
}

.imgLibrary  {
	FONT-SIZE : 12px;
	COLOR : black;
	FONT-STYLE : normal;
	FONT-FAMILY : Tahoma;
	BACKGROUND-COLOR : gainsboro;
	TEXT-DECORATION : none;
}

.imgLibrary2  {
	FONT-SIZE : 12px;
	COLOR : #222222;
	FONT-FAMILY : Tahoma;
	BACKGROUND-COLOR : white;
	TEXT-DECORATION : none;
}

.fileLibrary {
	FONT-SIZE : 12px;
	COLOR : black;
	FONT-STYLE : normal;
	FONT-FAMILY : Tahoma;
	BACKGROUND-COLOR : buttonface;
	TEXT-DECORATION : none;
}

.fileLibrary2 {
	FONT-SIZE : 12px;
	COLOR : #222222;
	FONT-FAMILY : Tahoma;
	BACKGROUND-COLOR : white;
	TEXT-DECORATION : none;
}

.magic
{
	visibility:hidden;
	position:absolute;
	top:-10000;
	left:-10000;
}

/*-- Backend and Toolbar. Don't need to touch these --*/
A.editbar:link  {
	COLOR : #555555;
	font-size : 12px;
	FONT-FAMILY : Tahoma;
	text-decoration:none;
}

A.editbar:visited  {
	COLOR : #555555;
	font-size : 12px;
	FONT-FAMILY : Tahoma;
	text-decoration:none;
}

A.editbar:hover  {
	font-size : 12px;
	COLOR : #000000;
	FONT-FAMILY : Tahoma;
}

/*-- START CUSTOMISED STYLES  --*/
.smallcaps
{
	font: small-caps;
}

.bigtext
{
	font-size: 100px;
}

.reallybigtext
{
	font-size: 200px;
}