body  {
	margin: 0pt auto; 
	background: #FFFFFF;
	padding: 0px;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	}

.supported-browsers {
	position:relative;
	text-align:center;
	display:block;
	width:98%;
	margin: 0 auto;
	border:1px #F00 solid;
	padding:5px;
}				

.supported-browsers ul {
	list-style:none;
	display:inline;
	padding:0px;
}	

.supported-browsers ul li{
	list-style:none;
	display:inline;
}	

.supported-browsers img {
	width:163px;
	height:56px;
	border:none;
	margin:0px;
	padding:0px;
}

.exclamation {
	position:absolute;
	left:2px;
	top:4px;
	padding:0px;
	margin:0px;
}

.cal-img {
	padding:0px;
}

.skill-table{
	border:1px solid silver;
	width:97%;
	margin: 0px 0px 0px 8px;
	background-color:#FFFFFF;
}

#site-wrapper{
	min-width:1000px;
	max-width:1500px;
	#height:auto !important;
	height:auto;
	margin: 0 auto -21px;
	min-height:100%;
}

/* IE hack for controlling max and min widths */
* html site-wrapper{
	width:expression(((document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	document.documentElement.clientWidth :
	document.body.clientWidth)
	> 1600 ? "1500px" : (((document.compatMode && 
	document.compatMode=='CSS1Compat') ?
	document.documentElement.clientWidth :
	document.body.clientWidth) < 1005 ? "1000x" : "auto"));
}

/* Page top container used for login screen */
.page-top {
	margin: 0px auto; 
	background:url(images/page_top_bg.jpg) repeat-x;
	height:153px;
	min-width:800px;
}

/* Mango logo used in page top for login screen */
.logo {
	padding:0px 0px 0px 20px;
	background:url(images/logo.jpg) no-repeat bottom left;
	height:153px;
	width:886px;
	float:left;
	position:absolute;
}

/* Client logo container for login screen */
.clientcontainer {
	float:right;
	background:url(images/client_logo_bg.jpg) no-repeat top right;
	height:153px;
	width:242px;
	display:block;
	position:relative;
}

/* Page top container used for all other screens */
.page-top-smaller {
	margin: 0px auto; 
	background:url(images/page_top_bg_small.jpg) repeat-x;
	height:76px;
	min-width:800px;
}

/* Mango logo used in page top for other screens */
.logo-smaller {
	padding:0px 0px 0px 20px;
	background:url(images/logo_bg_small.jpg) no-repeat bottom left;
	height:76px;
	width:444px;
	float:left;
	position:absolute;
}

/* Client logo container for other screens */
.clientcontainer-smaller {
	float:right;
	background:url(images/client_logo_bg_small.jpg) no-repeat top right scroll left;
	height:76px;
	width:auto;
	display:block;
	position:relative;
}

/* Client logo file for other screens */
.image-file-smaller {
	display:block;
	vertical-align:middle;
	margin-right:10px;
	margin-top:7px;
}

/* Top toolbar for print, help etc - background */
.top-toolbar {
	height:20px;
	background:url(images/header_bg.jpg) repeat-x top left;
	vertical-align: middle;
	text-align: left;
	padding-right: 20px;
	min-width:800px;
}

/* Top toolbar link colours and fonts */
.top-toolbar a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#464646;
	display: inline;
}

/* Hover colour for top toolbar links*/
.top-toolbar a:hover {
	color:#0F7FB9;
	text-decoration:none;
}

/* Top toolbar list styles */
.top-toolbar ul {
	padding: 0px;
	margin: 0px;
	list-style:none;
	float: right;
	line-height:20px;
}

/* Top toolbar list styles */
.top-toolbar ul li {
	float:left;
	height:20px;
}

/* Top toolbar list styles */
.top-toolbar ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	display: inline;
	height:20px;
	padding: 0px 5px 0px 0px;
}

/* Header for sitemap links */	
#header { 
	background:url(images/sitemap-bg.jpg) repeat-x top left;
	height:20px;
	vertical-align:middle;
}

/* Header welcome message */
#header .welcome {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#484848;
	float: left;
	font-size:14px;
	margin-top:10px;
	line-height:25px;
	vertical-align:middle;
	padding-left:15px;
}

/* Sitemap links */
#sitemap { 
	padding: 0px 0px 0px 30px;
	float: left; 
	text-align: left;
	vertical-align:middle;
}

/* Sitemap word colour and strength */
#sitemap .text {
	font-size: 11px; 
	font-weight: bold; 
	color: #333333; 
	line-height:20px;
}

/* sitemap links */
#sitemap a {
	font-size: 11px; 
	font-weight:lighter; 
	color: #464646; 
	line-height:20px;
}

/* Sitemap hover */
#sitemap a:hover {
	color:#FFAE00;
}

/* Container for menus, content, etc */
.main-container {
 	min-width:95%; 
	height:auto; 
	padding:15px;
	min-height:600px;
}

/* IE hack for main container height */
* html main-container {
	height:100%;
}

/* Content wrapper - used for three column display */
.content-wrapper {  
	position:relative;
	margin-left:194px;
	margin-right:190px; 
	min-width:500px;
	display:block;
}

.login-wrap{ 
	min-width:auto; 
	width:50%;
	margin:0 auto;
}

/* Generic panel style */
.panel { 
	border:solid 1px #555555;
	display:block;
	vertical-align:top;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 20px 0px;
	background:#FFFFFF;
	z-index:1;
}

.workarea49 {
	padding:0px;
	margin: 5px;
	width:48%;
}

.workarea32 {
	float:left;
	padding:0px;
	margin: 8px 3px 0px 4px;
	width:32%;
}

.workarea24 {
	width:24%;
	float:left;
	margin:2px;
}

/* Panel title box and style */
.panel_title {	  
	height:25px; 
	font-size:11px; 
	color:#464646; 
	font-weight: bold; 
	line-height:22px;
	display:block;
	background:url(images/box-title-bg.jpg); 
	background-repeat:repeat-x; 
	background-position:center center;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #555555;
	cursor:pointer;
}


/* Panel content */
.panel_content {
	padding: 0px 0px 4px 0px;
	font-size: 11px; 
	font-weight:lighter; 
	color: #464646; 
	line-height:13px;
	display:table;
	list-style:none;
	margin-top:0px;
	width:100%;
	background:#FFFFFF;
	z-index:1;
	postition:relative;
}

/* Style for linked lists in panel content */
.panel_content a ul {
	padding:2px; 
	font-size: 11px; 
	font-weight:bold; 
	color: #464646; 
	line-height:13px;
}

/* Style for linked lists in panel content */
.panel_content ul li a {
	padding:2px; 
	font-size: 11px; 
	font-weight:normal; 
	color: #464646; 
	line-height:13px;
}

/* Style for link hover in panel content */
.panel_content ul li a:hover {
	padding:2px; 
	font-size: 11px; 
	font-weight:normal; 
	color: #FFAE00; 
	line-height:13px;
}

/* Style for linked lists in panel content */
.panel_content ul li ul li a {
	padding:2px; 
	font-size: 11px; 
	font-weight:lighter; 
	color: #464646; 
	line-height:13px;
}

/* Style for link hover in panel content */
.panel_content ul li ul li a:hover {
	padding:2px; 
	font-size: 11px; 
	font-weight:lighter; 
	color: #0F7FB9; 
	line-height:13px;
}


.main_panel_title{
	background:transparent url(images/box-bg-dk.jpg) repeat-x scroll center center;
	border-bottom:1px solid #AAAAAA;
	color:#DDDDEE;
	/*color:#333333;*/
	cursor:pointer;
	display:block;
	font-size:12px;
	font-weight:normal;
	height:25px;
	line-height:25px;
	text-align:center;
	vertical-align:middle;
}

.link {
	text-decoration: underline;
}

#operation-buttons {
	clear:both;
	padding:5px 10px 5px 10px;
}

#operation-buttons #previous {
	float:left;
}

#operation-buttons #cancel {
	float:right;
}

#operation-buttons #cancel a {
	text-decoration: underline;
}

#operation-buttons #next {
	float:right;
}

#operation-buttons #saveAdd {
	float:right;
}

/* Left side menu container*/
.side-menu {
	float:left; 
	width:184px; 
	height:auto;
	position:absolute;
	z-index:30;
	#padding-top:2px;
}

.titlebar {
	background:transparent url(images/box-bg-dk.jpg) repeat-x scroll left top;
	color:#DDDDEE;
	float:left;
	font-size:12px;
	font-weight:normal;
	height:28px;
	line-height:28px;
	margin:0;
	padding:0;
	text-indent:20px;
	width:184px;	
}

/* Shadow that goes under left side menu */
.quick-link-menu-shadow {
	height:8px;
	width:184px;
	background: url(images/silver-shadow.png) no-repeat;
	display: block;
	float:left;
	padding: 10px 0px 0px 0px;
}

.search-div {
	border:solid 1px #555555;
	float:left;
	text-align:center;
	width:178px;
	display:block;
	margin-bottom:12px;
	margin-left:2px;
}

.btnSearchPager 
	{
	float:left;
	width: 26px;
	display:block;
	height:25px;
	margin:1px;
	padding:0px;
	}
	
/** Table styles **/
table.searchlist 
	{
background-color:#E7E7E7;
color:#333333;
width:95%;
margin:10px auto;
	#margin-left:15px;
	}

table.searchlist a{display:block; font-weight:normal;}


table.searchlist td, table.searchlist th {padding: 4px;}

table.searchlist thead th 
	{
	text-align: left;
	color: #666666;
	border-left: 1px solid #fff;
background: #DADADA url(images/searchbar_bg.jpg) repeat-x top;
	height: 19px;
	line-height:19px;
	padding:4px 4px 4px 7px;
	
	}

table.searchlist thead a:hover {text-decoration: none;}
table.searchlist thead th img {vertical-align: middle;}
table.searchlist thead th{font-weight: bold; font-size:13px;}
table.searchlist tbody th{font-weight: bold;}

table.searchlist tbody tr {background-color: #fff;  text-align: left; }
table.searchlist tbody tr.row1 {background: #f9f9f9; border-top: 1px solid #fff; }

table.searchlist tbody tr.row0:hover td,
table.searchlist tbody tr.row1:hover td  { background:url(images/blue-row.jpg) repeat bottom left; }

table.searchlist tbody tr td 	   { background: #fff; border: 1px solid #fff; font-size:11px; }
table.searchlist tbody tr.row1 td { background: #f9f9f9; border-top: 1px solid #FFF; font-size:11px; }

table.searchlist tfoot tr { text-align: center;  color: #333; }

table.searchlist tbody tr.Event_Overdue td  {background: #FA8F93; border-top: 1px solid #fff; }

table.searchlist tbody tr.Event_OverdueSoon td  {background: #FFAA55; border-top: 1px solid #fff; }

table.searchlist tfoot td 
	{ 
	padding:1px 0px;
	text-align: center; 
	background: url(images/searchbar_bg.jpg) repeat-x;
	height: 19px;
	line-height:19px;	
	}
	
.table-floated{
margin:0 auto;
text-align:center;
}
.table-width-99{width:99%;}	

	
/* TAB Containers etc */
.tab-content{
float:left;
width:100%;
display:block;
}

.tab-content-hide{
display:none;
}

/* Fill rable to edge of column */
table.form-container
{
	width:99%;
	margin: 0 auto;
}

/* Table size for dual tables */
.table-container
{
width:95%;
margin:10px auto;
}

.cal-table{
width:100%;
}

/* Table size for single table */
.table-container-full
{
width:98%;
margin:10px auto;
}

/* Width of column */
table.form-container td
	{ 
padding:3px;
background-color:#F6F6F6;
	}

/* Width of column */
.multi-column-left-side{
width:40%;
float:left;
position:relative;
margin-left:0.1em;
} 

.multi-column-middle{
text-align:center;
float:left;
text-align:left;
position:relative;
padding:2% 0 0 8%;
}
.multi-column-right-side{
width:40%;
float:right;
position:relative;


}



/* Table width */
table
{
	width:99%;
	margin: 0 auto;
}

/* Text label size for dual tables */
table.form-container td.formField
	{
background-color:#F6F6F6;
border-bottom:1px solid #E9E9E9;
border-right:1px solid #E9E9E9;
color:#000000;
font-size:11px;
font-weight:normal;
padding-left:5px;
text-align:left;
vertical-align:middle;
width:25%;
	}

/* Style for asterisk indicated form requirements */
table.form-container td.formField span.require
	{
	font-weight: bold;
	color:#FF0000;
	padding-left:10px;
	}

/* Field group width for tables*/
fieldset.fieldGroup 
	{ 
border:1px solid #888888;
margin:10px auto;
padding:5px;
	}

fieldset.fieldGroup img
	{ 
	padding:4px;
	}

	
	
.first{background: url(images/frst-but-off.png) no-repeat;}
.first:hover{background: url(images/frst-but-on.png) no-repeat;}

.prev{background: url(images/prv-but-off.png) no-repeat;}
.prev:hover{background: url(images/prv-but-on.png) no-repeat;}

.next{background: url(images/nxt-but-off.png) no-repeat;}
.next:hover{background: url(images/nxt-but-on.png) no-repeat;}

.last{background: url(images/lst-but-off.png) no-repeat;}
.last:hover{background: url(images/lst-but-on.png) no-repeat;}

.pager {
	float:left;
	width: 100%;
	line-height:25px;
	vertical-align:middle;
	font-size:11px;
}

.pager select {
	width:75%;
}

.navigation {
	font-family:Arial,Helvetica,sans-serif;
	margin-bottom:0px;
	margin-top:0px;
	width:auto;
	z-index:10;
	position:static;
}

#nav {
	line-height:1;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#nav ul {
	line-height:1;
	list-style-type:none;
	margin:0px;
	padding:0px;
	z-index:10;
	position:absolute;
}

#nav a {
	display:block;
}

#nav li {
	float:left;
	z-index:10;
}

#nav li ul li {
	background-color:#FFFFFF;
}

#nav li ul li:hover {
	background-color:#FFFFFE;
	background-position: 0 0;
}

#nav li ul {
	left:-999em;
	position:absolute;
	width:185px;
	z-index:5;
}

#nav li ul ul {
	margin:-1.8em 0px 0px 184px;
}

#nav li:hover ul ul {
	left:-999em;
}

#nav li.sfhover ul ul {
	left:-999em;
}

#nav li:sfhover ul {
	left:184px;
	position:absolute;
	z-index:30;
}

#nav li:hover ul {
	left:184px;
	position:absolute;
	z-index:30;
	background-position: 0 0;
}

#nav li li:hover ul {
	left:auto;
	background-position: 0 0;
}

#nav li.sfhover ul {
	left:auto;
}

#nav li li.sfhover ul {
left:auto;
}

.listitems {
border:1px solid #A6A6A6;
font-size:10px;
text-align:left;
width:183px;
height:23px;
background:url("images/generic-button-sm.gif") no-repeat;
z-index:5;
position:static;
display:block;
}
.listitems a {
color:#333333;
display:block;
text-decoration:none;
width:100%;
padding: 7px 0 0 30px;
z-index:5;
position:relative;
}

.listitems a:hover {
color:#4085D0;
text-decoration:none;
background:url("images/generic-button-hover-sm.gif") no-repeat;
}
.listitemsmore a:hover {
color:#4085D0;
text-decoration:none;
background:url("images/generic-button-hover-sm.gif") no-repeat;
background-position: 0 0;
}

.listitemsmore a {
color:#333333;
text-decoration:none;
width:100%;
padding: 7px 0 0 0px;
text-indent:26px;
z-index:5;
position:static;
display:block;
}

.listitemsmore {
border:1px solid #A6A6A6;
font-size:11px;
text-align:left;
width:183px;
height:23px;
background:url("images/generic-button-sm.gif") no-repeat;
z-index:5;
position:static;
display:block;
}

/* sys admin wrapper - used for three column display*/
#sys-admin-wrapper {  
	margin:  0 10px 0 210px;
	min-width:500px;
	height:auto;
	position:relative;
	display:none;
}

#content-dummy {
	margin:  0 10px 0 210px;
	min-width:500px;
	height:auto;
	position:relative;
	display:block;
}

ul.draglist {
	position: relative;
	width: 100%;
	height:240px;
	background: #f7f7f7;
	border: 1px solid gray;
	list-style: none;
	margin:1px;
	padding:0;
	float:left;
	text-align:left;
	font-weight:normal;
}

ul.draglist li {
	margin: 1px;
	padding-left:5px;
}

ul.draglist_alt {
	position: relative;
	width: 200px;
	list-style: none;
	margin:0;
	padding:0;
	 /*
	35 The bottom padding provides the cushion that makes the empty
	36 list targetable. Alternatively, we could leave the padding
	37 off by default, adding it when we detect that the list is empty.
	 */
	padding-bottom:20px;
}

ul.draglist_alt li {
	margin: 1px;
	text-indent:5px;
}

li.list1 {
	background-color: #FFDCA0;
	border:1px solid #FFC100;
	cursor:move;
}

li.list2 {
	background-color:#C4DADB;
	border:1px solid #39668A;
	height:40px;
	line-height:40px;
	font-weight:normal;
}

li.list3 {
	background-color: #FFDCA0;
	border:1px solid #FFC100;
}

.list1_selected {
	background-color:#C4DADB;
	border:1px solid #39668A;
}

li.list1_selected {
	background-color:#C4DADB;
	border:1px solid #39668A;
}

li.list2:hover {
	background-color: #FFDCA0;
	border:1px solid #FFC100;
	cursor:pointer; 
}

/* form style */
/* Fill rable to edge of column */
table.form-container {
	width:99%;
	margin: 0 auto;
}

/* Width of column */
table.form-container td { 
	padding:3px;
	background-color:#F6F6F6;
}

/* Text label size for dual tables */
table.form-container td.formField {
	background-color:#F6F6F6;
	border-bottom:1px solid #E9E9E9;
	border-right:1px solid #E9E9E9;
	color:#000000;
	font-size:11px;
	font-weight:normal;
	padding-left:5px;
	text-align:left;
	vertical-align:middle;
	width:25%;
}


/* Menu background */
.quick-link-menu {
	height:38px;
	width:184px;
	padding:0px;
	background: url(images/silver-menu.jpg) no-repeat;
	text-align:left;
	font-size: 12px; 
	font-weight: normal; 
	line-height:38px;
	color:#FFFFFF;
	float:left;
	text-indent:53px;
}

/* Colours for links on quick link menu */
a.quick-link-menu{
color:#333333;
display: block;
}

li.quick-link-menu a{
color:#333333;
display: block;
}

li.quick-link-menu a:hover{
color:#0F7FB9;
display: block;
}

a.quick-link-menu:hover{
color: #0F7FB9;
background-position:left-top;
}


/* Icons and rollovers for quick link menu */

.genericicon{background: url(images/generic.gif) no-repeat;}
.genericicon:hover{background: url(images/generic-hover.gif) no-repeat;}

.processicon{background: url(images/save-ql.gif) no-repeat;}
.processicon:hover{background: url(images/save-hover.gif) no-repeat;}

.signofficon{background: url(images/cancel-ql.gif) no-repeat;}
.signofficon:hover{background: url(images/cancel-hover.gif) no-repeat;}

.historyicon{background: url(images/cancel-ql.gif) no-repeat;}
.historyicon:hover{background: url(images/cancel-hover.gif) no-repeat;}

.assessicon{background: url(images/cancel-ql.gif) no-repeat;}
.assessicon:hover{background: url(images/cancel-hover.gif) no-repeat;}

.accessicon{background: url(images/cancel-ql.gif) no-repeat;}
.accessicon:hover{background: url(images/cancel-hover.gif) no-repeat;}

.signofficon{background: url(images/cancel-ql.gif) no-repeat;}
.signofficon:hover{background: url(images/cancel-hover.gif) no-repeat;}

.cancelicon{background: url(images/cancel-ql.gif) no-repeat;}
.cancelicon:hover{background: url(images/cancel-hover.gif) no-repeat;}

.addicon{background: url(images/add-ql.gif) no-repeat;}
.addicon:hover{background: url(images/add-hover.gif) no-repeat;}

.AccidentIncidenticon{background: url(images/accident.gif) no-repeat;}
.AccidentIncidenticon:hover{background: url(images/accident-hover.gif) no-repeat;}

.editicon{background: url(images/edit-ql.gif) no-repeat;}
.editicon:hover{background: url(images/edit-hover.gif) no-repeat;}

.deleteicon{background: url(images/delete-ql.gif) no-repeat;}
.deleteicon:hover{background: url(images/delete-hover.gif) no-repeat;}

.adminicon{background: url(images/admin.gif) no-repeat;}
.adminicon:hover{background: url(images/admin-hover.gif) no-repeat;}

.calicon{background: url(images/cal.gif) no-repeat;}
.calicon:hover{background: url(images/cal-hover.gif) no-repeat;}

.eventicon{background: url(images/event.gif) no-repeat;}
.eventicon:hover{background: url(images/event-hover.gif) no-repeat;}

.hazardicon{background: url(images/hazard.gif) no-repeat;}
.hazardicon:hover{background: url(images/hazard-hover.gif) no-repeat;}

.houseicon{background: url(images/house.gif) no-repeat;}
.houseicon:hover{background: url(images/house-hover.gif) no-repeat;}

.hricon{background: url(images/hr.gif) no-repeat;}
.hricon:hover{background: url(images/hr-hover.gif) no-repeat;}

.Registericon{background: url(images/register.gif) no-repeat;}
.Registericon:hover{background: url(images/register-hover.gif) no-repeat;}

.RiskManagementicon{background: url(images/risk.gif) no-repeat;}
.RiskManagementicon:hover{background: url(images/risk-hover.gif) no-repeat;}

.saveicon{background: url(images/save-ql.gif) no-repeat;}
.saveicon:hover{background: url(images/save-hover.gif) no-repeat;}

.suppliericon{background: url(images/supplier.gif) no-repeat;}
.suppliericon:hover{background: url(images/supplier-hover.gif) no-repeat;}

.docicon{background: url(images/doc.gif) no-repeat;}
.docicon:hover{background: url(images/doc-hover.gif) no-repeat;}

.SystemAdministrationicon{background: url(images/admin.gif) no-repeat;}
.SystemAdministrationicon:hover{background: url(images/admin-hover.gif) no-repeat;}

.EventHoldericon{background: url(images/event.gif) no-repeat;}
.EventHoldericon:hover{background: url(images/event-hover.gif) no-repeat;}

.HouseKeepingicon{background: url(images/house.gif) no-repeat;}
.HouseKeepingicon:hover{background: url(images/house-hover.gif) no-repeat;}

.HumanResourceicon{background: url(images/hr.gif) no-repeat;}
.HumanResourceicon:hover{background: url(images/hr-hover.gif) no-repeat;}

.Improvementicon{background: url(images/improve.gif) no-repeat;}
.Improvementicon:hover{background: url(images/improve-hover.gif) no-repeat;}

.SubContractorHoldericon{background: url(images/supplier.gif) no-repeat;}
.SubContractorHoldericon:hover{background: url(images/supplier-hover.gif) no-repeat;}

.DocumentDisplayicon{background: url(images/doc.gif) no-repeat;}
.DocumentDisplayicon:hover{background: url(images/doc-hover.gif) no-repeat;}

/* Buttons */
.buttons {
	width:69px;
	height:20px;
	display:block;
	float:right;
	border:none;
	margin:2px;
	font-size:0px;
}

/* Button hover */
.buttons:hover{cursor:pointer;}

/* Icons and rollovers for buttons */
.exportbtn{background: url(images/export-2.png) no-repeat;}
.exportbtn:hover{background: url(images/export.png) no-repeat;}

.addnewbtn{background: url(images/addnew2.gif) no-repeat;}
.addnewbtn:hover{background: url(images/addnew.gif) no-repeat;}

.blankbtn{background: url(images/blank-2.gif) no-repeat;margin:0px;}
.blankbtn:hover{background: url(images/blank.gif) no-repeat;}

.addfolderbtn{background: url(images/add-folder2.gif) no-repeat;}
.addfolderbtn:hover{background: url(images/add-folder.gif) no-repeat;}

.addfilebtn{background: url(images/add-file2.gif) no-repeat;}
.addfilebtn:hover{background: url(images/add-file.gif) no-repeat;}

.cancelbtn{background: url(images/cancel2.gif) no-repeat;}
.cancelbtn:hover{background: url(images/cancel.gif) no-repeat;}

.btnCancel{background: url(images/cancel2.gif) no-repeat;}
.btnCancel:hover{background: url(images/cancel.gif) no-repeat;}

.deletebtn{background: url(images/delete2.gif) no-repeat;}
.deletebtn:hover{background: url(images/delete.gif) no-repeat;}

.editbtn{background: url(images/edit2.gif) no-repeat;}
.editbtn:hover{background: url(images/edit.gif) no-repeat;}

.selectbtn{background: url(images/select2.gif) no-repeat;}
.selectbtn:hover{background: url(images/select.gif) no-repeat;}

.loginbtn{background: url(images/login2.gif) no-repeat;}
.loginbtn:hover{background: url(images/login.gif) no-repeat;}

.nextbtn{background: url(images/next2.gif) no-repeat;}
.nextbtn:hover{background: url(images/next.gif) no-repeat;}

.savebtn{background: url(images/save2.gif) no-repeat;}
.savebtn:hover{background: url(images/save.gif) no-repeat;}

.btnSave{background: url(images/save2.gif) no-repeat;}
.btnSave:hover{background: url(images/save.gif) no-repeat;}

.btnSaveAdd{background: url(images/saveadd2.gif) no-repeat;}
.btnSaveAdd:hover{background: url(images/saveadd.gif) no-repeat;}

.searchbtn{background: url(images/search2.gif) no-repeat;}
.searchbtn:hover{background: url(images/search.gif) no-repeat;}

.selectbtn{background: url(images/select2.gif) no-repeat;}
.selectbtn:hover{background: url(images/select.gif) no-repeat;}

.clearhbtn{background: url(images/clear2.gif) no-repeat;}
.clearbtn:hover{background: url(images/clear.gif) no-repeat;}

.selectlongbtn{background: url(images/select2-long.gif) no-repeat; width:145px}
.selectlongbtn:hover{background: url(images/select-long.gif) no-repeat;width:145px}

.unselectbtn{background: url(images/unselect2.gif) no-repeat;width:145px}
.unselectbtn:hover{background: url(images/unselect.gif) no-repeat;width:145px}

.addtextfieldbtn{background: url(images/addtxtfld-2.gif) no-repeat;width:145px}
.addtextfieldbtn:hover{background: url(images/addtxtfld.gif) no-repeat;width:145px}

.addtextareafieldbtn{background: url(images/addtxtareafld-2.gif) no-repeat;width:145px}
.addtextareafieldbtn:hover{background: url(images/addtxtareafld.gif) no-repeat;width:145px}

.addchkboxfieldbtn{background: url(images/addchkbxfld-2.gif) no-repeat;width:145px}
.addchkboxfieldbtn:hover{background: url(images/addchkbxfld.gif) no-repeat;width:145px}

.adddpdwnfieldbtn{background: url(images/adddrpdwnfld-2.gif) no-repeat;width:145px}
.adddpdwnfieldbtn:hover{background: url(images/adddrpdwnfld.gif) no-repeat;width:145px}

.adddatefieldbtn{background: url(images/adddatefld-2.gif) no-repeat;width:145px}
.adddatefieldbtn:hover{background: url(images/adddatefld.gif) no-repeat;width:145px}

.formFieldname {
	background-color:#EEEEEE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

/* unknow, need clean up */

.flt-lt-49{
	float:left;
	width:49%;
	padding:0px 0px 0px 3px;
}

.flt-rt-49{
	float:right;
	width:48%;
}

.flt-lt {
	float:left
}
.flt-rt {
	float:right
}

.highlighted-tab {
	float:left;
	background:url("images/tableft-don.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
	background-position:0% -20px;
	border-top:1px solid silver;
	font-size:11px;
	line-height:13px;
	font-weight:bold;
}

.highlighted-tab span {
	float:none;
	display:block;
	background:url("images/tabright-don.gif") no-repeat right top;
	padding:5px 15px 4px 13px;
	color:#FFF;
	background-position:100% -20px;
	font-size:11px;
	line-height:13px;
	font-weight:bold;
}

/*-- Menu Tabs Style ---------------*/
#tabs {
	float:right;
	width:100%;
	background:#FFF;
	font-size:11px;
	line-height:normal;
	margin-bottom:10px;
	font-weight:bold;
}

#tabs ul {
	margin:0;
	padding:0px 10px 10px 0px;
	list-style:none;
}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
}

#tabs .normal-tab {
	float:left;
	background:url("images/tableft-don.gif") no-repeat left top;
	margin:0 0px;
	padding:0 0 0 5px;
	text-decoration:none;
	background-position:0% -62px;
	border-top:1px solid silver;
}

#tabs .normal-tab span {
	float:right;
	display:block;
	background:url("images/tabright-don.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#333333;
	background-position:100% -62px;
	font-weight:bold;
	cursor:pointer;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs .normal-tab span {
	float:none;
}
/* End IE5-Mac hack */

#tabs .normal-tab:hover span {
	color:#FFF;
}

#tabs .normal-tab:hover {
	background-position:0% -20px;
}

#tabs .normal-tab:hover span {
	background-position:100% -20px;
}

.ms-all-right {
	background:url(images/msrt-2.gif);
}
.ms-all-right:hover { 
	background:url(images/msrt.gif);
}

.ms-all-left {
	background:url(images/mslt-2.gif);
}
.ms-all-left:hover { 
	background:url(images/mslt.gif);
}

.ms-sg-right {
	background:url(images/msrts-2.gif);
}
.ms-sg-right:hover{ 
	background:url(images/msrts.gif);
}

.ms-sg-left {
	background:url(images/mslts-2.gif);
}
.ms-sg-left:hover{ 
	background:url(images/mslts.gif);
}
	
.moduleButton {
	margin:0px 5px 5px 0px;
	float: left;
}

.moduleButton a {
	padding-top:10px;
	display: block;
	text-align: center;
	border: 1px solid #f0f0f0;
	height: 97px;
	width: 108px;
	color: #666666;
	vertical-align: middle;
	text-decoration: none;
}

.moduleButton a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #0B55C4;
}

.signature-field {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 99%; 
	height: 35px;
	border: 1px solid silver; 
	float:right;
	display:block;
	overflow:scroll;
	background-color:#FFFFFF;
	text-indent:4px;
	overflow:hidden;
}


.sub-module
	{
	margin:20px 20px;
	float:left;
	display:block;
	}

.sub-module div
	{
	margin:2px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	text-indent:40px; 
	height:22px;
	}

.sub-module div a {
	display: block;
	float: left;
	width: 300px;
	color: #333333;
	vertical-align: middle;
	text-decoration: none;
	float:left;
	height:23px;
	line-height:22px;
	background:url(images/sub-mod-off.gif) no-repeat scroll 100%;
	padding:0px;
	margin:0px;
	border:1px solid silver;
	
}

.sub-module div a:hover {
	display: block;
	float: left;
	border: 1px solid #f0f0f0;
	width: 300px;
	color: #0B55C4;
	vertical-align: middle;
	text-decoration: none;
	float:left;
	height:23px;
	line-height:22px;
	background:url(images/sub-mod-on.gif) no-repeat scroll 100%;
	border:1px solid #333399;
}


/* Clear divs on both sides */
.clear20
	{
	clear:both;
	height:20px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1px;
	}
	
#toolbar
	{ 
	float: left; 
	text-align: left; 
	padding: 0px; 
	margin:0px 5px;
	}
	
#toolbar div
	{ 
	float: left; 
	text-align: left; 
	padding: 0px; 
	}

#toolbar div ul
	{ 
	padding:0px;
	margin:0px;
	}
	
#toolbar div ul li
	{
	list-style:none;
	padding:0px;
	margin:0px;
	}

	
#toolbar table.toolbar
	{
	padding: 0px; 
	margin: 0px;
	}
	
#toolbar table.toolbar td
	{ 
	padding: 1px 1px 1px 4px; 
	text-align: center; 
	color: #666666; 
	height: 48px;
	}
	
#toolbar table.toolbar td.spacer
  { 
	width: 10px;
	}
	
#toolbar table.toolbar td.divider
	{ 
	border-right: 1px solid #EEEEEE; 
	width: 5px; 
	}

#toolbar table.toolbar div
	{ 
	float: none; 
	width: 32px; 
	height: 32px; 
	margin: 0px auto;
	}

#toolbar table.toolbar td a,
#toolbar table.toolbar td.operation a
	{
	cursor: pointer;
	padding: 1px 5px;
	display: block;
	text-align: center;
	border: 1px solid #FBFBFB;
	width: 60px;
	color: #666666;
	vertical-align: middle;
	text-decoration: none;
	}

#toolbar table.toolbar td a:hover,
#toolbar table.toolbar td.operation a:hover
	{
	border-left: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-decoration: none;
	color: #0B55C4;
	}

#toolbar table.toolbar td.operation a
	{
	width: 40px;
	}


table#search-container
	{
	float:left;
	}
	
table#search-container tbody tr td
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}


.demo-show{
	position:relative;
	*overflow:hidden;
	margin: 10px 420px auto 20px;
}

.demo-myzone{
	float:right;
	width:380px;
	margin-top:10px;
	margin-right:20px;
	overflow:hidden;
	position:relative;
}

/* Generic panel style */
.dash-panel
{ 
	border:solid 1px #aaaaaa;
	display:block;
	vertical-align:top;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	background:#FFFFFF;
	z-index:1;
	/* uncomment this for ie 6?
	position:relative; 
	*/
}

/* Panel title box and style */
.dash-panel-title
{	  
	height:25px; 
	font-size:11px; 
	color:#333333; 
	font-weight: normal; 
	line-height:25px;
	display:block;
	background:url(images/box-title-bg.jpg); 
	background-repeat:repeat-x; 
	background-position:center center;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	margin:0px;
	text-align:left;
	text-indent:25px;
	*border-bottom:solid 1px #aaaaaa; /* for IE 6, need comment this */
	position:relative; /* for IE 6, need comment this */
}

.dash-panel-title:hover {
	background:url(images/dash-box-title-bg.jpg); 
}

/* Panel title box and style */
.highlighted {	  
	background:url(images/dash-box-title-bg.jpg); 
}

h3.dash-panel-title span { 
	position: absolute; 
	right: 25px;  
	font-size: 15px; 
	line-height:25px; 
	font-weight: bold;
	padding:0px;
	margin:0px;
}


/* Panel content */
.dash-panel-content{
	padding: 0px 0px 4px 0px;
	font-size: 11px; 
	font-weight:lighter; 
	color: #464646; 
	line-height:13px;
	display:table;
	list-style:none;
	margin-top:0px;
	width:100%;
	background:#FFFFFF;
	z-index:1;
	postition:relative;
}

/* Panel content */
.dash-panel-content p{
	padding-left:20px;
	padding-right:20px;
}