BODY
{
    background: white url('../images/Watermark.gif') no-repeat fixed right center;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Sans-serif;
    FONT-SIZE: small;
}

DIV
{
	margin-top: 0em;
	margin-bottom: 0em;
}

SUP { font-size: smaller }
SUB { font-size: smaller }

A
{
	white-space: nowrap;
}

A:link
{
    COLOR: #660066
}

A:active
{
    COLOR: #009999
}

H1
{
    COLOR: #660066;
    FONT-SIZE: large;
    FONT-WEIGHT: bold;
    margin-bottom: 1em;
    text-align: center;
    vertical-align: middle;
}

H2
{
    COLOR: #660066;
    FONT-SIZE: medium;
    FONT-WEIGHT: bold;
    margin-bottom: 1em;
    text-align: center;
    vertical-align: middle;
}

H3
{
    COLOR: black;
    FONT-SIZE: small;
    FONT-WEIGHT: bold;
    margin-bottom: 1em
}

H4
{
	color: black;
	font-size: small;
	font-weight: bold;
	margin-bottom: 0em
}

H5
{
	font-weight: normal;
	font-style: italic;
	margin-bottom: 0em
}

H6
{
	font-size: x-small;
	font-weight: bold;
	margin-bottom: 0em
}

P
{
    COLOR: black;
    margin-top: 0em;
    margin-bottom: 1em
}

td
{
    vertical-align: top;
}
/***************************************************************
General classes
***************************************************************/
.outline
{
	BORDER: thin ridge;
	PADDING: 1em 1em 1em 1em;
}

.underline
{
	text-decoration: underline;
}

.indented
{
	padding-left: 3em;
}

.centered
{
	text-align: center;
}

.KeepTogether
{
	white-space: nowrap;
}

.StandardFont
{
	FONT-FAMILY: Arial, Helvetica, Sans-serif;
}

.page-heading
{
	font-size: large;
	color: white;
	text-align: center;
	letter-spacing: 0.2em
}

.Italic
{ 
    font-style: italic;
}

.tblInputFormText
{
    vertical-align:middle;
    text-align:left;
}

.GenericErrorHeader
{
    COLOR: Red;
    FONT-SIZE: large;
    FONT-WEIGHT: bold;
    margin-bottom: 1em;
    text-align:center;
}

.GenericErrorContent
{
    color: Red;
    margin-bottom: 1em;
}

.AlignLeft
{
    text-align: left;
}
    
.HiddenText
{
    width: 0px;
    height: 0px;
}

.NoDisplay
{
    display: none;
}

.NoMargin
{
	margin: 0em;
	padding: 0em;
}

.HeaderStyleLeft
{ 
    background-color: #009999;
    text-align: left;  
    color: White;
    padding: 5px;
}

.HeaderStyleCentre
{
    background-color: #660066;
    text-align: center;
    color: White;
}

.BackColorPaleLime
{
    background-color: #EDF4F5;
}

.NoUnderline
{ 
    text-decoration: none; 
}

.AlignTop
{
    vertical-align: top;
}

.ColourLightPurple
{
    color: #660066;
}

.WandBox
{
    border-color: #660066;
    border-style: solid;
    border-width: 1px;
}

.Version
{ 
    float: right;
    text-align: right;  
    color: #660066;
	font-size: x-small;
	width: 20%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/***************************************************************
Login control classes
***************************************************************/
.Login
{
    background-color: #EDF4F5;
    border: thin ridge;
    text-align: center;
    padding: 0em;
}

.LoginTitle
{
    background-color: #660066;
    color: White;
    font-weight: bold;
    padding: 0.5em;
}

.LoginLabel
{
    padding: 0.5em;
}

.LoginTextBox
{
    margin-top: 0.5em;
}

.LoginInstruction
{
    font-style: italic;
    padding: 0.5em;
}
/***************************************************************
Mandatory class
***************************************************************/
.Mandatory
{
    color: Red;
    width: 20px;
}

/***************************************************************
Grid class
***************************************************************/
.Grid
{
    border: thin ridge;
}

/***************************************************************
Table class
***************************************************************/
.Table
{
    border: thin ridge;
    width: 99%;
}

/***************************************************************
Classes for buttons
***************************************************************/
.buttonSmall
{
    background: url(../images/buttonSmall.gif) no-repeat;
    border: 0;
    color: White;
    width: 60px;
    height: 25px;
    cursor: pointer;
    cursor: hand;
    margin: 2px;
}

.buttonMedium
{
    background: url(../images/buttonMedium.gif) no-repeat;
    border: 0;
    color: White;
    width: 120px;
    height: 25px;
    cursor: pointer;
    cursor: hand;
    margin: 2px;
}

.buttonLarge
{
    background: url(../images/buttonLarge.gif) no-repeat;
    border: 0;
    color: White;
    width: 180px;
    height: 25px;
    cursor: pointer;
    cursor: hand;
    margin: 2px;
}

/***************************************************************
NewMedicalDevice class 
***************************************************************/
.NewMedicalDevice
{
    width: 100%;
    margin: 0.5em 0 2em;
}

/**************************************************************
							div layouts
**************************************************************/
div#Breadcrumbs
{
	font-size: x-small;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/**************************************************************
Wrapper
**************************************************************/
div#Wrapper 
{
	position: absolute;
	left: 0px;
	width: 100%;
	text-align: left;
	margin-left:  auto;
	margin-right: auto;
}

div.clr 
{
	clear: both;
}

/**************************************************************
TopHeader
**************************************************************/
div#TopHeader 
{
	height: 99px;
	background-image: url('../images/heading-background.gif')
}

/**************************************************************
Content
**************************************************************/
div#Content 
{
	padding: 0 5px 5em;
	height: 100%;
}

/**************************************************************
MenuPanel
**************************************************************/
div#MenuPanel
{
	width: 215px;
	height: 100%;
	background-color: #edf4f5;
	padding: 0.5em;
	left: 0em;
	position: absolute;
}

/**************************************************************
MainPanel
**************************************************************/
div#MainPanel 
{
	margin: 0px 0px 10px 225px;
	padding-left: 5px;
	height: 100%;
	/*border: solid 1px Red;*/
}

/**************************************************************
Header1
**************************************************************/
div#Header1
{
	height: 25px;
	width: inherit;
	/*border: solid 1px Orange;*/
}

/**************************************************************
Header2
**************************************************************/
div#Header2 
{
	height: 20px; 
	/*border: solid 1px Blue;*/
}

/**************************************************************
Login
**************************************************************/
div#Login
{
	padding-bottom: 1em;
	text-align: center; 
}

/**************************************************************
CurrentUsers
**************************************************************/
div#CurrentUsers 
{
    vertical-align:middle;
    text-align: center;
}