body 
{
	background-color: #fff;
	color: #000;
	font-size: 12px;
	font-family: arial,helvetica,verdana,ms sans serif, sans serif,sans-serif;
	padding: 0px;
	margin: 0px;
}

form
{
	margin: 0px;
}

 fieldset
{
	border: 1px solid #ccc;
	padding: 10px 5px;
	margin: 10px 2px;
}

a { 
	color: #000; 
	font-family: arial, helvetica, geneva, swiss, sunsans-regular; 
	text-decoration: none;
	font-weight: bold;
}

a:link, a:visited
{
	color: #660066;
}

a:active, a:hover
{
	color: #660066;
	text-decoration: underline;
}
/**************************************************************/
/* Fieldset classes
/**************************************************************/

div.FieldColumn
{
	display: block;
	float: left;
	width: 50%;
}

div.FieldColumnRow
{
	display: block;
	float: left;
	min-height: 20px;
	min-width: 40%;
}

/*
Use the I.E. 6 hack to force to column row to 100% of its container
*/
* html div.FieldColumnRow
{
	width: 100%;
}

/*
Use the I.E. 7 hack to force to column row to 100% of its container
*/
*:first-child+html div.FieldColumnRow
{
	width: 100%;
}

div.FieldColumnRow span.FieldItem
{
	display: block;
	float: left;
	text-align: left;
	padding-right: 5px;
}

.FieldSubmitButton
{
	width:100px;
}

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


legend
{
	font-family: verdana, Arial;
	color : #660066;
	font-size: 1.1em;
	background: #eee;
	padding: 2px;
	border: 1px solid #ccc;
}

input, select, textarea
{	
	font-size: 1em;
}


label
{
	/*width: 120px;*/
	/*float: left;*/
	text-align: left;
	margin-right: 0.5em;

}

.submit input
{
 margin-left: 4.5em;
}

input.textbox, select
{
	/*width: 200px;*/
	/*border: 1px solid #336699;*/
	font-size: 1em;
	padding: 1px;
}

input.checkbox
{
	/*border: 1px solid #336699;*/
}

input 
{
	padding: 2px;
}

.submitbutton
{
	color: #000;
	background: #fff;
	border: 1px outset #606060;
	width:100px;
}

.recoverpasswordbutton
{
	color: #000;
	background: #fff;
	border: 1px outset #606060;
	width:150px;
}

.linkbutton
{
	color:#000;
	background: #fff;
	border: 1px #000;
	width: 250px;
}

input.optional 
{
	/*width: 200px;*/
	padding: 1px;
	/*border: 1px solid #ccc;*/
}


/* Header & Footer styles */
#banner {
	font-size: 0.9em;
	background: #eee url(/system/images/banngrad.gif) repeat-x;
	padding: 4px;
	border-bottom: 4px solid #aaa;
	min-height: 40px;
}

#banner .logo {
	font-size: 2em;
	display: block;
	color: #0055a4;
}

* html #banner .logo {
	height: 1%;
}

#banner span.logo span.title {
	display: block;
	float: left;
	padding-top: 13px;
}

#banner .logo a {
	display: block;
	background: url(../Images/logo_small.gif) no-repeat 0px 0px;
	color: #0055a4;
	width: 180px;
	height: 39px;
	float: left;
}

#banner .logo a span {
	display: none;
}

#banner .logout {
	padding: 13px 5px 0px 0px;
	float: right;
}

#homepanel ul.tools {
	margin-top: 30px;
}

#footer {
	font-size: 0.9em;
	background: #eee url(../Images/banngrad.gif) repeat-x top left;
	padding: 4px;
	margin-top: 4px;
	border-bottom: 1px solid #b9b9b9;
	border-top: 4px solid #aaa;
	color: #0055a4;
	clear: both;
	min-height: 16px;
}

* html #banner, * html #footer {
	height: 1%;
}

#footer a {
	font-weight: normal;
	color: #0055a4;
}

#footer a.email {
	display: block;
	padding-left: 20px;
	float: left;
	background: url(../Images/icons/small/email.png) no-repeat 0px 50%;
}

#footer span.phone {
	display: block;
	padding-left: 20px;
	margin-left: 10px;
	float: left;
	background: url(../Images/icons/small/telephone.png) no-repeat 0px 50%;
}

/*** Field Table Layout ***/

* html div.TableRow
{
	height: 1%;
}

div.column
{
	display: block;
	float: left;
	width: 50%;
}

div.columnRow
{
	padding: 2px 0;
	min-height: 20px;
}
			
div.TableRow 
{
	clear: left;
	padding: 2px 0;
	min-height: 20px;
}

div.TableRow span.TableColumn
{
	float: left;
	width: 260px;
	padding: 0 10px 0 0;
}
div.columnRow span.columnColumn
{
	float: left;
	width: 50%;
	padding: 0 10px 0 0;
}

div.TableRow span.ItemLabel
{
	display: block;
	float: left;
	width: 100px;
	padding: 4px 0;
	text-align: left;
	font-weight: bold;
}

div.columnRow span.ItemLabel
{
	display: block;
	float: left;
	width: 100px;
	padding: 4px 0;
	text-align: left;
	font-weight: bold;
}

div.TableRow span.ItemField
{
	display: block;
	margin-left: 100px;
}

div.columnRow span.ItemField
{
	display: block;
	margin-left: 100px;
}

div.TableRow span.ItemLabel span.tip 
{
	font-size: 0.8em;
	display: block;
}

div.CalendarRow 
{
	padding: 2px 0;
	min-height: 20px;
}

div.CalendarRow span.CalendarLabel
{
	display: block;
	float: left;
	padding: 4px 0;
}

div.CalendarRow span.CalendarField
{
	display: block;
	float: left;
	padding: 0 0 0 4px;
}

/***********Context Help CSS**************/
 form fieldset div.notes 
 {
	display: block;
	 float: right;
	 width: 158px;
	 height: auto;
	 margin: 0 0 10px 10px;
	 padding: 5px;
	 border: 1px solid #ccc;
	 background-color: #ffffe1;
	 color: #666666;
	 font-size: 88%;
 }


form fieldset div.notes h4 {
	background-image: url(../Images/icon_info.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 3px 0 3px 27px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #ccc;
	color: #666666;
	font-size: 110%;
}


form fieldset div.notes p {
	margin: 0em 0em 1.2em 0em;
	color: #666666;
}

.errormessage 
{
color: #DC143C;
font-size : 1.2em;
font-weight :bolder;	
}

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

/*********Progess Stage Bar CSS************/

div.progressbar
{
	display: block;
	float: none;
	text-align: center;
	margin: 10px 0 0 0;
}

div.progress {
	background: url(../Images/bar.gif) repeat-x 0 8px;
	min-height: 60px;
	/*float: left;*/
	/*clear:left;*/
	color: #666;
	/*margin: 10px 0 0 0;*/
}

div.progress div.point {
	float: left;
	width: 80px;
}

div.progress div.point a, div.progress div.point span 
{
	display: block;
	padding-top: 30px;
	text-align: center;		
}

div.pleft, div.pleft-on {
	margin: 0 0px 0 0;
}

div.pmid, div.pmid-on {
	margin: 0 0px;
}

div.pright, div.pright-on {
	margin: 0 0 0 0px;
}

div.psingle, div.psingle-on {
	margin: 0 0 0 0px;
}

/* Off Styles */

div.pleft {
	background: url(../Images/left_off.gif) no-repeat top center;
}

div.pmid {
	background: url(../Images/middle_off.gif) no-repeat top center;
}

div.pright {
	background: url(../Images/right_off.gif) no-repeat top center;
}

div.psingle {
	background: url(../Images/middle_off.gif) no-repeat top center;
}

/* On Styles */

div.pleft-on {
	background: url(../Images/left_on.gif) no-repeat top center;
}

div.pmid-on {
	background: url(../Images/middle_on.gif) no-repeat top center;
}

div.pright-on {
	background: url(../Images/right_on.gif) no-repeat top center;
}

div.psingle-on {
	background: url(../Images/middle_on.gif) no-repeat top center;
}
/*********END Progess Stage Bar CSS************/

/********* Directory Styles *******************/
.directory
{
	width: 500px
}

.directory th
{
	text-align: left;
}

.directory td
{
	text-align: left;
}

/*********END Directory Styles ****************/

/*
datagrid styles
*/
.SelectedRowStyle
{
    background-color: Yellow;
}

/*
treeview styles
*/
.SelectedNodeStyle
{
    background-color: Yellow;
}

table {
	width: 100%;
	border-collapse: collapse;
}

th
{
	background-color: #b5c9ec;
	text-align: left;
	border-bottom: 1px solid #bbb;
	padding: 4px;
}

tr.grad th {
	background: #b5c9ec url(../Images/grad_gtlg.gif) repeat-x top left;
}

td
{
	border: 1px #bbb; 
	border-style: none;
	padding: 4px;
	vertical-align: top;
}

.viewitem-odd
{
	background-color: #fff;
	font-family: arial,helvetica,verdana,ms sans serif, sans serif,sans-serif;
}

.viewitem-even
{
	background: #fdf9ff;
	font-family: arial,helvetica,verdana,ms sans serif, sans serif,sans-serif;
}

/************ Panel Styles ****************/

.dynamicbar, .status, .review, .audit {
	background: #b5c9ec url(../Images/grad_gtlg.gif) repeat-x top left;
	color: #000;
	border: 1px solid #bbb;
	margin: 4px;
	min-height: 14px;
}

.errorbar {
	background: #b5c9ec url(../Images/grad_gtlg_red.gif) repeat-x top left;
	color: #000;
	border: 1px solid #bbb;
	margin: 4px;
	min-height: 14px;
}

.dynamicbar {
	min-height: 20px;
}

* html .dynamicbar, * html .status, * html .review, * html .audit, * html .errorbar {
	height: 1%;
}

.dynamicbar a {
	display: block;
	width: 20px;
	height: 20px;
	float: right;
	border-left: 1px solid #bbb;
}

.dynamicbar a span {
	display: none;
}

.dynamicbar a.attention_picker {
	background: url(../Images/select_attention.gif) no-repeat 50% 0px;
}

.dynamicbar a.attention_clear {
	background: url(../Images/clear_attention.gif) no-repeat 50% 0px;
}

.dynamicbar a.group_picker {
	background: url(../Images/select_group.gif) no-repeat 50% 0px;
}

.dynamicbar a.add_notes {
	background: url(../Images/add_notes.gif) no-repeat 50% 0px;
	width: 18px;
}

.dynamicbar a.audit_trail {
	background: #fff url(../Images/audit_trail.gif) no-repeat center center;
	width: 18px;
}

.dynamicbar a.class_picker {
	background: url(../Images/classify_item.gif) no-repeat 50% 0px;
	width: 18px;
}

.dynamicbar a.meta_class_picker {
	background: url(../Images/metadata_classify_item.gif) no-repeat 50% 0px;
	width: 18px;
}

.dynamicbar a.mark_reviewed {
	background: #fff url(../Images/mark_reviewed.png) no-repeat center center;
	width: 20px;
}


#floating_section tr img {
	vertical-align: middle;
}

#floating_section tr td.form_column_1 img {
	padding-right: 3px;
}

/*********END Panel Styles ****************/

/********** Left Panel Styles *************/
#leftpanel
{
	width: 218px;
	float: left;
	/*margin: 1px 0 0 0;*/
}

#leftpanel span.innerbar {
	display: block;
	float: left;
	padding: 3px 2px 2px 3px;
}

#leftpanel span.toggle {
	display: block;
	float: left;
	padding: 3px 2px 2px 3px;
}

#leftpanel .lp-hide {
	display: none;
}

#leftpanel .lp-show {
	display: block;
	padding: 0 10px; 
}

#leftpanel .lp-show ul, #leftpanel .lp-show ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

#leftpanel .lp-show ul li 
{
	padding: 2px 0 2px 16px;
}


#leftpanel .lp-show ul li.error
{
	background: url(../Images/warning.gif) no-repeat 0 2px;
}

#leftpanel .lp-show ul li.tick
{
	background: url(../Images/tick_icon.png) no-repeat 0 2px;
}

#leftpanel .lp-show ul li.cross
{
	background: url(../Images/red_cross.gif) no-repeat 0 2px;
}

#leftpanel span.toggle {
	padding-left: 17px;
	cursor: pointer;
}
#leftpanel span.expand {
	background: url(../Images/icons/small/bullet_toggle_plus.gif) no-repeat 0px 50%;
}
#leftpanel span.collapse {
	background: url(../Images/icons/small/bullet_toggle_minus.gif) no-repeat 0px 50%;
}

#leftpanel a.selectedView {
	display: block;
	padding-left: 20px;
	margin-left: 10px;
	float: left;
	background: url(../Images/view_highlight_icon.png) no-repeat 0px 50%;
}
#leftpanel a.notSelectedView {
	display: block;
	padding-left: 20px;
	margin-left: 10px;
	float: left;
	background: url(../Images/view_icon.png) no-repeat 0px 50%;
}
/******** End Left Panel Styles ***********/

/*********** Top Panel Styles *************/
#toppanel
{
	background: #b5c9ec url(../Images/grad_gtlg.gif) repeat-x top left;
	color: #000;
	min-height: 24px;
	border-top: 1px solid #777;
	border-bottom: 1px solid #bbb;
	padding: 4px;
}

#toppanel h1 {
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 1.3em;
	color: #006699;
	font-weight: normal;
}

#toppanel h1.maintitle {
	text-align: left;
	margin-top: 10px;
}
/********** End Top Panel Styles ************/

/********** Centre Panel Styles *************/
#centrepanel, #documentpaneltitle, #documentpanel, #formdocumentpanel, #formpanel, #questionpanel {
	margin-left: 218px;
	margin-right: 4px;
}

/* annoyingly, IE displays the margin differently. It would though wouldn't it!?! */
* html #centrepanel, * html #documentpaneltitle, * html #documentpanel, * html #formdocumentpanel, * html #formpanel, * html #questionpanel {
	margin-left: 214px;
}

/* the legendary IE fix :-P */
* html #toppanel, * html #leftpanel, * html #leftpanel span.toggle, * html #centrepanel, * html #documentpaneltitle, * html #documentpanel, * html #formdocumentpanel, * html .floating_title, * html #formpanel
{
	height: 1%;
}

#centrepanel
{
	background: #fff;
}


/************Event List Styles************/
.pastEvent
{
	color:Red;
}

.currentEvent
{
	color:Green;
}

/************Event List Styles************/


/************Paging Control Styles************/
div.pagingControl
{
	display: block;
	float: none;
	page-break-before: always;
	page-break-after: always;
	text-align: center;
}
/************Paging Control Styles************/

/************Text alignment and layout Styles************/
.centreText
{
	text-align:center;
}
/************Text alignment and layout Styles************/