body { text-align: center; font-size: 8pt; font-family: Arial; margin-top: 0px; }
BUTTON { font-size: 8pt; font-family: Arial; }
INPUT { font-size: 8pt; font-family: Arial; width: 181px; }
SELECT { font-size: 8pt; font-family: Arial; }
TABLE { font-size: 8pt; }

TEXTAREA { font-size: 8pt; font-family: Arial; }

/******************************
** CLASSES WITH STANDARD COLOUR**
*******************************/
/*
.header_div, a.menu_item, a.menu_item:link, a.menu_item:visited, .grid_header td, .grid_footer td, .grid_selected_item td.grid_pager td, .grid_pager a, .grid_pager a:visited { background-color: #00ff00 }
*/
/********************************
** CLASSES FOR THE ROUNDED BORDERS**
*********************************/
.t {background: url(img/dot.gif) 0 0 repeat-x; width: 20em}
.b {background: url(img/dot.gif) 0 100% repeat-x}
.l {background: url(img/dot.gif) 0 0 repeat-y}
.r {background: url(img/dot.gif) 100% 0 repeat-y}
.bl {background: url(img/bl.gif) 0 100% no-repeat}
.br {background: url(img/br.gif) 100% 100% no-repeat}
.tl {background: url(img/tl.gif) 0 0 no-repeat}
.tr {background: url(img/tr.gif) 100% 0 no-repeat; padding:10px} 
.bl_contents {background: url(img/bl_contents.gif) 0 100% no-repeat}
.br_contents {background: url(img/br_contents.gif) 100% 100% no-repeat}
.tl_contents {background: url(img/tl_contents.gif) 0 0 no-repeat}
.tr_contents {background: url(img/tr_contents.gif) 100% 0 no-repeat; padding:10px} 

.gradient {background: url(img/gradient3.jpg) 0 100% repeat-x}
.header_div {text-align:left; background-image: url(img/gradient1.jpg);  background-color: #00ff00; font-weight: bold; width: 99%; color: white; HEIGHT: 15px}

/***************
** MENU CLASSES **
****************/
a.menu_item, a.menu_item:link, a.menu_item:visited { background:#00ff00; width: 100%; height: 16px; font-weight: bold; color: White}
a.menu_item:hover{ background:white; width: 100%; height: 16px; font-weight: bold; color: #00ff00}

/*******************
** DATAGRID CLASSES **
*******************/
.grid td{ border-width: 1px; background-color: White; border-color: white; padding:4px}
.grid_header td{ background-image:url(img/gradient1.jpg); font-weight: bold; color: White; border-color: White }
.grid_item td {color: #003399; background-color: White}
.grid_alt_item td {color: #003399; background-color: #E0E0E0}
.grid_footer td{color: White; border-style: none; background-color: #00ff00} 
.grid_selected_item td{ font-weight:bold; Color: #00ff00; background-color: White}
.grid_pager td, .grid_pager a, .grid_pager a:visited {color: White; background-color: #00ff00}

/*********************************
** CLASSES FOR THE DATE PICKER POPUP **
*********************************/
	.TESTcpYearNavigation{font-weight: bold;	color: #ffffff; 	background-color: #e68200; text-align: center; 	text-decoration: none;}
	.TESTcpMonthNavigation{font-weight: bold;	color: #ffffff; 	background-color: #e68200; text-align: center; 	text-decoration: none;}
	.TESTcpDayColumnHeader { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpYearNavigation { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpMonthNavigation { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpCurrentMonthDate { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpCurrentMonthDateDisabled { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpOtherMonthDate { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpOtherMonthDateDisabled { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpCurrentDate { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpCurrentDateDisabled { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpTodayText { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpTodayTextDisabled { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpText { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	TD.TESTcpDayColumnHeader { BORDER-RIGHT: #6677dd 0px solid; BORDER-TOP: #6677dd 0px solid; BORDER-LEFT: #6677dd 0px solid; BORDER-BOTTOM: #6677dd 1px solid; TEXT-ALIGN: right }
	.TESTcpCurrentMonthDate { TEXT-ALIGN: right; TEXT-DECORATION: none }
	.TESTcpOtherMonthDate { TEXT-ALIGN: right; TEXT-DECORATION: none }
	.TESTcpCurrentDate { TEXT-ALIGN: right; TEXT-DECORATION: none }
	.TESTcpCurrentMonthDateDisabled { COLOR: #d0d0d0; TEXT-ALIGN: right; TEXT-DECORATION: line-through }
	.TESTcpOtherMonthDateDisabled { COLOR: #d0d0d0; TEXT-ALIGN: right; TEXT-DECORATION: line-through }
	.TESTcpCurrentDateDisabled { COLOR: #d0d0d0; TEXT-ALIGN: right; TEXT-DECORATION: line-through }
	.TESTcpCurrentMonthDate { FONT-WEIGHT: bold; COLOR: #6677dd }
	.TESTcpCurrentDate { FONT-WEIGHT: bold; COLOR: #ffffff }
	.TESTcpOtherMonthDate { color: fuchsia }
	TD.TESTcpCurrentDate { BORDER-RIGHT: #000000 thin solid; BORDER-TOP: #000000 thin solid; BORDER-LEFT: #000000 thin solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 thin solid; BACKGROUND-COLOR: #6677dd }
	TD.TESTcpCurrentDateDisabled { BORDER-RIGHT: #ffaaaa thin solid; BORDER-TOP: #ffaaaa thin solid; BORDER-LEFT: #ffaaaa thin solid; BORDER-BOTTOM: #ffaaaa thin solid }
	TD.TESTcpTodayText { BORDER-RIGHT: #6677dd 0px solid; BORDER-TOP: #6677dd 1px solid; BORDER-LEFT: #6677dd 0px solid; BORDER-BOTTOM: #6677dd 0px solid }
	TD.TESTcpTodayTextDisabled { BORDER-RIGHT: #6677dd 0px solid; BORDER-TOP: #6677dd 1px solid; BORDER-LEFT: #6677dd 0px solid; BORDER-BOTTOM: #6677dd 0px solid }
	A.TESTcpTodayText { HEIGHT: 20px }
	SPAN.TESTcpTodayTextDisabled { HEIGHT: 20px }
	A.TESTcpTodayText { FONT-WEIGHT: bold; COLOR: #6677dd }
	SPAN.TESTcpTodayTextDisabled { COLOR: #d0d0d0 }
	.TESTcpBorder { BORDER-RIGHT: #6677dd thin solid; BORDER-TOP: #6677dd thin solid; BORDER-LEFT: #6677dd thin solid; BORDER-BOTTOM: #6677dd thin solid }
	
	#main { margin-left: auto; margin-right: auto; margin-top: 0px; width: 810px; text-align: center; }
#container { width: 800px; text-align: left; background-color: #ffffff; padding: 0px 4px 4px 4px; border: 1px solid #dddddd;}

.master_div {text-align: left; background-image: url(images/one2backup_logo.jpg); background-repeat: no-repeat; height: 80px}

a:link { color: #00ac4f; text-decoration:none; font-weight:bold; }
a:visited { color: #00ac4f; text-decoration:none; font-weight:bold; }

a:hover { color: #00ac4f; text-decoration:none;font-weight:bold; }
a:active { color: #00ac4f;text-decoration:none;font-weight:bold; }

.pgtxt { font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#666666;margin-bottom:10px;margin-left:10px;margin-right:10px;margin-top:10px;text-align:left; }
.pgtxt2 { margin: 15px;font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#666666;text-align:center; }

.pgtxt3 { font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;margin-left:10px;text-align:left;}

.pgfun1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FF0000;
	text-align:center;
	text-transform:uppercase;
}

.pgfooter{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin-bottom:15px;
	margin-top:15px;
	margin-left:15px;
	margin-right:15px;
	text-align:center;
}

.pgul{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:left;
	margin-right:15px;
}

.title{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#00ac4f;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}

.title2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#00ac4f;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}

.title3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00ac4f;
	text-transform:none;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}

.title4{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	text-transform:none;
	font-weight:bold;
	padding: 10px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
}

.pgfooter {font-size: 11px; color:#666666; text-align: center; background-color: #ffffff;}

.tbl_fields { text-align: left; margin-left: 10px; }
.tbl_fields td { color: #666666; padding-left: 10px; text-align: left; font-size: 12px; font-family: Arial;}

.tbl_list th { background-color: #00ac4f; color: #ffffff; padding: 4px;}
.tbl_list td {padding: 5px 2px 5px 2px;}
.tbl_list tr:hover { background-color: #cccccc; cursor: pointer; }