/* General body */

body
{
	margin:				4px;
	color:				#333333;
	background-color:	#FFFFFF;
	font-family:		Arial,sans-serif;
	font-size:			0.9em;
}

hr
{
	background-color:	#FFFFFF;
	color:				#CCCCCC;
}

/******/


/* Headings & Standard text classes */

h1
{
	font-size:			150%;
	font-weight:		normal;
	margin-bottom:		0;
}

h2
{
	font-size:			110%;
	font-weight:		bold;
	margin-bottom:		0;
}

h3
{
	font-size:			100%;
	font-weight:		normal;
	margin-bottom:		0;
}
	
.txtLarge
{
	font-size:			150%;
}

.txtMedium
{
	font-size:			100%;
}

.txtSmall
{
	font-size:			65%;
}

.txtBold
{
	font-weight:		bold;
}

/* Data entry fields*/

.LabelValue
{
	font-weight:		bold;
	font-size:			90%;
}

.Readonly
{
  background-color:		#EEEEEE;
}

.Watermark
{
  color:				#AAAAAA;
}

/******/


/* Page header */

.header
{
	color:				#FFFFFF;
	background-color:	#000000;
}

.header a
{
	text-decoration:	none;
	color:				#FFFFFF;
	background-color:	#656565;
	padding:			0.1em 0.3em 0.1em 0.3em;
	margin-right:		0.4em;
	margin-bottom:		1.4em;
	font-size:			75%;
	border-left:		0.3em solid #CCCCCC;
}	
	
.header a:hover
{
	color:				#000000;
	background-color:	#CCCCCC;
	border-left:		0.3em solid #656565;
}

.header h1
{
	font-size:			150%;
	font-weight:		bold;
	margin-bottom:		0;
}

/******/
	
.imglink
{
	border:				0px;
	padding:			0px;
	margin:				0px;
}


/* Status & Error panel */

.ErrorPanel legend
{
	color:				#FF0000;
	font-weight:		bold;
}

.StatusSuccess
{
	color:				#000000;
}

.StatusAlert
{
	color:				#FF8040;
	font-weight:		bold;
}

.StatusFailure
{
	color:				#FF0000;
	font-weight:		bold;
}

.arial
{
	font-family:		Arial,sans-serif;
}	

/******/
	
	
/*Tab view*/

.tabs
{
     position:			relative;
     top:				1px;
     left:				0px;
}
    
.tab
{
     border:			solid 1px #000000;
     background-color:	#EEEEEE;
     padding:			2px 10px;
     left:				10px;
}

a.tab, a.tab:visited
{
		text-decoration: none;
		color:					#656565;
}
    
.selectedTab
{
     background-color:	#FFFFFF;
     border-bottom:		solid 1px #FFFFFF;
     left:				10px;
}
    
.tabContents
{
     border:			solid 1px #000000;
     padding:			10px;
}
    
/******/


/*Confirmation Popup*/

.confirmationBackground 
{
	background-color:	#888888;
	filter:				alpha(opacity=40);
	opacity:			0.4; 
}

.confirmationPopup
{
	border-width:		2px;
	border-style:		solid;
	border-color:		#000000;
	padding:			3px;
	width:				450px;
	height:				100px;
    background-color:	#FFFFFF;
    vertical-align:		middle;
    text-align:			center;
}

.confirmationLabel
{
	width:				250px;
}

/******/


/* Menu control styling */

.menu
{
	width:				100%;
	font-weight:		bold;
	padding-top:		0.5em;
}

.menu h2
{
	margin-top:			0.15em;
	margin-bottom:		0.15em;
}

.menu hr
{
	width:				100%;
}

.menu-l a, .menu-l span
{
	display:			block;
	text-decoration:	none;
	font-weight:		normal;
	color:				#656565;
	background-color:	#EAEAEA;
	padding:			0.15em 0em 0.15em 0.4em;
	border-left:		0.3em solid #CCCCCC;
	margin-top:			0.15em;
}	
	
.menu-l a:hover
{
	background-color:	#E0E0E0;
	color:				#336699;
	border-left:		0.3em solid #336699;
}

.menu-r a, .menu-r span
{
	display:			block;
	text-decoration:	none;
	text-align:			right;
	font-weight:		normal;
	color:				#656565;
	padding:			0.15em 0.4em 0.15em 0.1em;
	margin-top:			0.15em;
}
	
.menu-r a
{
	background-color:	#EAEAEA;
	border-right:		0.3em solid #CCCCCC;
}
	
.menu-r a:hover
{
	background-color:	#E0E0E0;
	color:				#336699;
	border-right:		0.3em solid #336699;
}

/******/


/* DataViewer */

.DataViewer table.outer
{
  border-color :		#000000;
  border-width:			0 0 1px 1px;
  border-style:			solid;
  border-collapse:		collapse;
}

.DataViewer td.outer
{
    border-color:		#000000;
    border-width:		1px 1px 0 0;
    border-style:		solid;
    margin:				0;
    text-align:			left;
}

.DataViewer table.inner
{
	border-width:		0px;
}

.DataViewer .row1
{
	text-align:			left;
	color:				#000000;
	background-color:	#EAEAEA;
	height:				1.3em;
}
.DataViewer .row2
{
	text-align:			left;
	color:				#000000;
	background-color:	#E0E0E0;
	height:				1.3em;
}
.DataViewer .rowend
{
	color:				#000000;
	background-color:	#CCCCEE;
	height:				1.3em;
}

.DataViewer .rowblank
{
	color:				#000000;
	background-color:	#F8F8F8;
	height:				1.3em;
}

.DataViewer .rowtop
{
	color:				#FFFFFF;
	background-color:	#656565;
}

.DataViewer th.rowtop
{
	height:				1.3em; /* Deal with arrow characters which are taller */
}

.DataViewer a.rowtop,
.DataViewer a.rowtop:hover,
.DataViewer a.rowtop:visited
{
	color:				#FFFFFF;
	background-color:	#656565;
}

.DataViewer .highlight
{
    background-color:   #FFFFA8;
}
/******/

.Note
{
    border-style:		solid;
    border-width:		1px;
    border-color:		#333333;
}

/******/

.ButtonBox
{
    border: 1px solid #CCCCCC;
    padding: 5px;
    display:			inline-block;
    width: 521px;
}

.ButtonSpace
{
	margin-left:		20px;
}

.ButtonSpan
{
    padding:			6px;
    display:			inline-block;
    margin-left:		5em;
}