/* General Styles */
body 
	{
	margin: 0pt auto; 
	background: #DCDCDC url(images/bg-su.jpg) repeat-x;
	padding: 0px;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	height:100%;
	min-width:1000px;

	}
	
	 .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;
        }
	
/* New Styles Start Here */

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

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

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

li.event-overdue {
 background-color: #FA8F93;
 border:1px solid #FA8FF3;
 cursor:pointer;
 height:40px;
 line-height:40px;
 font-weight:bold;
}

li.event-duesoon {
 background-color:#FFDCA0;
 border:1px solid #FFC10D;
 height:40px;
 line-height:40px;
 font-weight:bold;
 cursor:pointer;
}

li.event-coming {
 background-color: #C4DADB;
 border:1px solid #39668A;
 cursor:pointer;
  height:40px;
 line-height:40px;
 font-weight:bold;
}

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

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

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

/* End New Styles */	


body, 
td, 
th {font-family: Arial, Helvetica, sans-serif;}

/* Set height of window to 100% */
html,
body 
	{ 
	margin:0px;
	height:100%;
	}


/* Clear class for clearing divs */
.clear 
	{ 
	clear: both; 
	overflow:hidden;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1px;
	}

/* Padding for links and images*/
a,
img 
	{ 
	padding: 0px; 
	margin: 0px; 
	}

.cal-img{padding:0px;}
/* Padding for toolbar links */
img 
	{
	border: 0px none;
	padding:1px 0 0 2px;
	vertical-align:middle;
	}

/* Form padding */
form 
	{ 
	margin: 0px; 
	padding: 0px; 
	}

check, radio
	{
	border:none;
	text-align:left;
	colour:#fff;
	}
.skill-table{
	border:1px solid silver;
	width:97%;
	margin: 0px auto;
	background-color:#FFFFFF;
	#margin-left:8px;
}
/* Heading 1 style */
.title1
	{
	margin: 10px 10px 10px 10px; 
	color:#003366; 
	font-size: 14px; 
	font-weight: bold;
	line-height:25px;
	}

/* Heading 2 style */
.title2
	{
	margin: 8px 8px 8px 10px; 
	color: #003366; 
	font-size: 13px; 
	font-weight: bold;
	line-height:22px;
	}
	
/* Heading 3 style */
.title3 
	{
	margin: 6px 6px 6px 10px; 
	color: #003366; 
	font-size: 11px; 
	font-weight: bold;
	line-height:20px;
	}
	
	.title4
	{
	margin: 6px 6px 6px 0px; 
	color: #003366; 
	font-size: 11px; 
	font-weight: bold;
	line-height:20px;
	}
	
.norm-text{
	margin: 6px 6px 6px 10px; 
	color:#333333; 
	font-size: 11px; 
	line-height:18px;
	
}


/* Link Colour */
a:link
	{ 
	color: #7A7A7A; 
	text-decoration: none; 
	}

/* Link Visited Colout */
a:visited 
	{ 
	color: #0B55C4; 
	text-decoration: none; 
	}
	
/* Link hover colour */	
a:hover{color:#0F7FB9;}

fieldset 
	{
	margin-bottom: 10px;
	border: 1px #CCCCCC solid;
	padding: 5px;
	text-align: left;
	}

fieldset p{margin: 10px 0px;}

legend 
	{
	color: #003356;
	font-size: 12px;
	font-weight: bold;
	}
	
/* Select box styles */
input select
	{ 
	font-size: 11px;  
	border:none;
	}

textarea
	{ 
	font-size: 11px;  
	border: 1px solid silver; 
	}
	

input.button{
font-size: 11px;
cursor: pointer;
border:1px ridge silver;}

/* background colour on focus */
input:focus, select:focus, textarea:focus, multi-select:focus, button:hover,
input.button:hover {background-color:#fff0cb;}

/* Overdue events style */

table.searchlist tbody tr.Event_Overdue {background: #FA8F93; border-top: 1px solid #fff; }
table.searchlist tbody tr.Event_Overdue:hover td  { color:#000000; background: #FA8F93; border-top: 1px solid #fff; }
table.searchlist tbody tr.Event_Overdue td { color:#000000; background: #FA8F93; border-top: 1px solid #FFF; font-size:11px; }

table.searchlist tbody tr.Event_Overdue td a { color:#000000; background: #FA8F93; border-top: font-size:11px; color:#000000; text-decoration:none; }


.Event_Overdue {
	color: #FF0000;
	font-weight: normal;
}

/* Upcoming events style */
.Event_DueSoon {
	color: #FF9900;
	font-weight: bold;
}

/* Normal events style */
.Event_Normal {
	color: #464646;
	font-weight: bold;
}

/* Tooltip styles */
.tt{
    position:relative;
    z-index:1;
    color:#464646;
	font-weight:normal;
    text-decoration:none;
}
.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt:hover{ z-index:2; color: #0F7FB9; background:FFFFFF;}
.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; right:-4px;
	padding: 0px 0 0 0;
	width:200px;
	color: #000000;
    text-align:center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	border:1px solid silver;
	
}
/* Tooltip display on hover */
.tt:hover span.middle{
	display: block;
	padding: 0 8px; 
	background:#E0F0FE;
	line-height:15px;
	font-weight:normal;
}


/* 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;
	}
	
/* 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 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;
	}

/* 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 login screen */
.clientcontainer
	{
	float:right;
	background:url(images/client_logo_bg.jpg) no-repeat top right;
	height:153px;
	width:242px;
	display:block;
	position:relative;
	}

/* 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 login screen */	
.image-file
	{
	display:block;
	vertical-align:middle;
	margin-left:75px;
	margin-top:50px;
	}

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

/* Mango version */
.version 
	{
	display: block; 
	float: right;
	color: #fff;
	padding: 25px 5px 0 0;
	}

/* 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;}

/* Invisible push to get footer to bottom*/
#push, #footer{height:21px;}

/* Footer container */
#footer
	{
		background:url(images/footer.jpg) no-repeat bottom left;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin: 0pt auto;
	position:relative;
}

/* Complete wrapper for entire site*/
#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"));
}

/* 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%;}

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

/* 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;
}

/* 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;
	
}

/* right hand side wrapper for dashboard use*/
.right-wrapper
{
	float:right; 
	width:180px; 
	min-height:530px; 
	position:relative;
}

/* Right dummy div used for two column display */
.right-dummy-div
{
	float:right; 
	width:13px; 
	min-height:530px; 
	position:relative;
	height:100%;
	right:0px;
}

/* Used for two column display*/
#content-dummy
{
	margin:  0 10px 0 210px;
	min-width:500px;
	height:auto;
	position:relative;
	display:block;
}


/* 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;
}



.doc-panel{
width:99%;
padding:0px;
margin:1px;
}

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;
 
}



#user_actions { float: right; }



/* 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;
}

.cal_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;
}

.doc_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:99%;
	background:#FFFFFF;
	z-index:1;
	postition:relative;
}

/* Style for overdue content*/
.overdue_content
{
	padding:4px; 
	font-size: 11px; 
	font-weight:lighter; 
	color: #FF0000; 
	line-height:13px;
	display:block;
	vertical-align:middle;
}

/* Style for overdue content links */
.overdue_content a
{
	margin-left:10px;
	font-size: 11px; 
	font-weight:bold; 
	color: #FF0000; 
	line-height:13px;
	display:block;
	vertical-align:middle;
	margin-bottom:2px;
}

/* Style for myzone content */
.myzone_content
{
	padding:2px; 
	font-size: 11px; 
	font-weight:lighter; 
	color: #464646; 
	line-height:13px;
	display:block;
	vertical-align:middle;
}

/* Style for myzone content links*/
.myzone_content a
{
	margin-left:10px;
	font-size: 11px; 
	font-weight:bold; 
	color: #464646; 
	line-height:13px;
	display:block;
	vertical-align:middle;
	
}

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

.panel_content a:hover
{
	color: #FFAE00; 
}

.doc_panel_content a{	padding:0px;}

/* 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;
}

/* 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;
}

div.t, div.b 
	{
  height: 6px;
  padding: 0;
  margin: 0;
  overflow: hidden;
	}
	
div.m 
	{
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  padding: 0px 8px;
	}


#sidebar
	{
	float:left;
	clear:left;
	background: #FBFBFB;
	margin-bottom: 10px;
	width:130px;
	}

#main
	{
	float:left;
	margin: 0px auto; 
	margin-bottom: 10px;
	}
	
#login
	{
	margin: auto;
	width:450px;
	}
	
#sidebar div.t,
#main div.t,
#login div.t
	{
  background: url(images/j_border.png) 0 0 repeat-x;
	}

#sidebar div.t div.t,
#main div.t div.t,
#login div.t div.t
	{
   background: url(images/j_crn_tr_med.png) 100% 0 no-repeat;
	}

#sidebar div.t div.t div.t,
#main div.t div.t div.t,
#login div.t div.t div.t
	{
  background: url(images/j_crn_tl_med.png) 0 0 no-repeat;
	}

#sidebar div.m 
	{
	padding:0px;
	margin:0px;
	}
	
#main div.m
	{
  padding: 5px 10px;
	}

#login div.m
	{
  padding: 5px 10px;
	}

#sidebar div.b,
#main div.b,
#login div.b
	{
  background: url(images/j_border.png) 0 100% repeat-x;
	}

#sidebar div.b div.b,
#main div.b div.b,
#login div.b div.b
	{
  background: url(images/j_crn_br_med.png) 100% 0 no-repeat;
	}

#sidebar div.b div.b div.b,
#main div.b div.b div.b,
#login div.b div.b div.b
	{
  background: url(images/j_crn_bl_med.png) 0 0 no-repeat;
	}

.menu-spacer
{
	float: left; 
	padding: 0px;
	margin:0px;
	width:184px;
	background: url(images/spacer.jpg) repeat-y top left;
	height:10px;
}


.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;	
	}
	

.titlebar-links span.text
	{
	font-size: 18px; 
	font-weight: bold; 
	color: #7A7A7A;
	line-height:28px;
	}
.titlebar-links span.text  span.text
	{
	font-size: 14px; 
	font-weight: bold; 
	color: #464646;
	}


	
.titlebar-options span.text
	{
	font-size: 18px; 
	font-weight: bold; 
	color: #7A7A7A;
	line-height:28px;
	}
.titlebar-options span.text  span.text
	{
	font-size: 14px; 
	font-weight: bold; 
	color: #464646;
	}

/* 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;
}

/* 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;
}

a.quick-link-menu{
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;}

.SubContractoricon{background: url(images/supplier.gif) no-repeat;}
.SubContractoricon: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;}

.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;}

.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}

/* 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;
	}
	
div.col30 
	{ 
	float: left; 
	width: 30%; 
	}
div.col40 
	{ 
	float: left; 
	width: 40%; 
	}
div.col45 
	{ 
	float: left; 
	width: 45%; 
	}
div.col50 
	{ 
	float: left; 
	width: 50%;
	}
div.col60 
	{ 
	float: left; 
	width: 60%; 
	}
div.col70 
	{ 
	float: left; 
	width: 70%; 
	}
div.col90 
	{ 
	float: left; 
	width: 90%; 
	}
	
/* 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%;
overflow:hidden;
}
/* Table size for single table */
.table-container-full
{
width:98%;
margin:10px auto;
}

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

/* 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:#333333;
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;
width:99%;
	}

fieldset.fieldGroup img
	{ 
	padding:4px;
	}
/** 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: #333333;
	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 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 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%;}	

.infoBox
	{
	border:1px solid #CCCCCC;
	margin-bottom:20px;
	width:250px;
	float:right;
	clear:right;
	}
	
.infoBox .title
	{
	padding-left:10px;
	border-bottom:1px solid #CCCCCC;
	line-height:26px;
	background:url(images/boxTitle_bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
	
.infoBox .content
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:10px;
	}

.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;
	}
	
.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%;
	}
.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;
}




.inputField-multiFileUpload
	{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:150px;
	width:99%;
	float:right;
	border: 1px solid silver;
	background-color:#EEEEEE;
	}
	
.inputField-disabled-100
	{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 100px; 
	border: 1px solid silver;
	background-color:#EEEEEE;
	}
	
.inputField-disabled-150
	{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 150px; 
	border: 1px solid silver;
	background-color:#EEEEEE;
	}

.inputField-disabled-500
	{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 500px; 
	border: 1px solid silver;
	background-color:#EEEEEE;
	}

.inputField-text-100
	{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 100px; 
	border: 1px solid silver;  
	}
	
.inputField-text-150
	{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 100px; 
	border: 1px solid silver;
	height:11px;
	}

.emailcc-Field {
background-color:#EEEEEE;
border:1px solid silver;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
padding-top:2px;
float:left;
min-height:17px;
line-height:17px;
margin-left:5px;
text-indent:4px;
}

/* Form fields */
.inputField-disabled
	{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 99%; 
	border: 1px solid silver;
	background-color:#EEEEEE;
	padding-top:2px;
	float:right;
	display:block;
	text-indent:4px;
	min-height:17px;
	
	}
	
.radioField-disabled
	{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 30px; 
	border: 1px solid silver;
	float:left;
	background-color:#EEEEEE;
	padding-top:2px;
	display:block;
	text-indent:4px;
	min-height:17px;
	
	}
	
.radioField-display
	{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border: 1px solid #FFF;
	float:left;
	background-color:#FFFFFF;
	padding-top:2px;
	display:block;
	text-indent:4px;
	min-height:17px;
	
	}

/* Autosized input field */
.inputField-text
	{ 
	float:right;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 99%; 
	border: 1px solid silver;
	font-weight:normal;
	padding-top:2px;
	height:16px;
	text-indent:4px;
	}

.inputField-text-500
	{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 500px; 
	border: 1px solid silver;  
	}

.inputField-textarea-500
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 500px; 
	height: 150px;
	border: 1px solid silver; 
	}

.inputField-textarea
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 99%; 
	height: 150px;
	border: 1px solid silver; 
	float:right;
	display:block;
	
	}
	
.inputField-textarea-disabled
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 99%; 
	border: 1px solid silver; 
	float:right;
	display:block;
	background-color:#EEEEEE;
	text-indent:0px;
	}
	
	
	.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;
	}
	
.inputField-hint
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;	
	}

/* Autosized single select box */
.inputField-singleSelect
	{
	width: 99%;
	font-size:11px;
	float:right;
	border:1px solid silver;
	margin-right:2px;

	
	}
	
.inputField-singleSelect-100
	{
	width: 100px;
	}
	
.inputField-singleSelect-150
	{
	width: 150px;
	}
	
.inputField-multiSelect
	{
	width: 99%;
	font-size:11px;
	height:150px;
	display:block;
	min-width:200px;
	border:1px solid silver;
	text-indent:4px;
	}




/* Autosized text box*/
.inputField-file{
width: 99%;
text-indent:4px;
}
	
.multiSelect-button{
width:30px;
font-size:0px;
height:20px;
margin:0px;
padding:0px;
display:block;
border:0px;
cursor:pointer;

}


.inputField-radio-container
	{
	font-size:11px;
	line-height:22px;
	vertical-align:middle;
	float:left;	
	}

.inputField-radio
	{
	font-size:11px;
	float:left;	
	margin-right:2px;
	}
	
.inputField-checkbox-container
	{
	font-size:11px;
	line-height:22px;
	vertical-align:middle;
	float:left;	
	width:99%;
	margin-left:0px;
	}

.inputField-checkbox
	{
	font-size:11px;
	float:left;	
	margin-right:2px;
	margin-left:6px;
	}
	
.inputField-checkbox-disabled
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border: 1px solid silver;
	background-color:#EEEEEE;
	padding-top:2px;
	float:left;
	width:30px;
	display:block;
	text-indent:4px;
	min-height:17px;
	margin-left:6px;
	}

.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;
	}
	
.myzone-calendar-title {
font-weight:bold;
text-align:center;
}

.myzone-calendar-day{text-align:center;}
.myzone-calendar-day-task {
	text-align:center; 
	font-weight:bold; 
	background-color:#FFDCA0;
}

#myzone-menu{
position:absolute;
width:auto;
background-image:url(images/myzone-bg.png);
height:555px;
right:1px;
top:131px;
z-index:3;
}

.myzn-iframe{
position:absolute; 
top:133px;
right:1px; 
z-index:2; 
width:30px; 
height:555px; 
background:#FFFFFF; 
border:none;
}

#myzone-menu-tab{
	float:left;
	height:137px;
	width:28px;
	z-index:4;
	display:block;
	overflow:hidden;
	margin-left:13px;
}
	

#myzone-shadow{
	background-image:url(images/myzone-shadow.png);
	height:10px;
	overflow:hidden;
	position:absolute;
	right:0pt;
	top:686px;
	width:42px;
	z-index:5;
}

#myzone-menu-tab img{
	border:0px solid #FFFFFF;
	padding:0px;
}
	
#myzone-menu-contents{
	overflow:hidden !important;
	height:auto;
	visibility:hidden;
}
	
#myzone-menu-contents-inner{
	width:180px;
	padding:10px 10px 0px 10px;
}

#myzone-menu-contents-inner h2{
		color:#FFFFFF;
		font-size:90%;
		font-family:arial;
		margin:10px 10px 10px 10px;
		font-weight:bold;
	}
	
	#myzone-menu-contents-inner h2 span{
		font-size:105%;
		font-weight:normal;
	}
	
	#myzone-menu-contents-inner ul{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	
	#myzone-menu-contents-inner li{
		margin:0px 10px 3px 10px;
		padding:2px;
		list-style-type:none;
		display:block;
		background-color:#DA1074;
		width:177px;
	}
	
	#myzone-menu-contents-inner li a{
		width:100%;
	}
	
	#myzone-menu-contents-inner li a:link,
	#myzone-menu-contents-inner li a:visited{
		color:#FFFFFF;
		font-family:verdana;
		font-size:70%;
		text-decoration:none;
		display:block;
		margin:0px 0px 0px 0px;
		padding:0px;
		width:100%;
	}
	
	#myzone-menu-contents-inner li a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}

/* Tab stuff */

/*-- 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:0px;
padding:0px;
}

#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;
}

.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;
}

.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;
}


.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}

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

.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;
}

/* 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;
	position:relative;

}

.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;
}