/*  last updated 04/01/04 by Rebecca */
/*  this stylesheet has been put together for use on the website at www.macarthurcoal.com.au */
/*  please DO NOT make ANY CHANGES to this stylesheet 
/*  please DO NOT edit this page with Dreamweaver */


/*  HTML styles */

body {
	background-color: #FFFFFF;
	background-image: url(images/bg_grey.gif);
	margin: 0px;
}

p {
  color: #000000; 
  font-size: 11px; 
  font-weight: normal;
  line-height: 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
body, td, br { 
  color: #000000; 
  font-size: 11px; 
  font-weight: normal;
  line-height: 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #8D7863;
    line-height: 22px;
	margin-top: 18px;
	margin-right: 11px;
} 
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #3A95DD;
	margin-top: 11px;
	margin-right: 11px;
	margin-bottom: 0px;
}
h3 {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1168AB;
    line-height: 16px;
	margin-top: 8px;
	margin-right: 11px;
	margin-bottom: 0px;
}  
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	margin-top: 11px;
	margin-right: 11px;
	margin-bottom: 0px;
} 
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	list-style-type: square;
	margin-right: 11px;
	margin-top: 0px;
	MARGIN-BOTTOM: 0px;
}

/* added */
ul.dotless {
	list-style-type: none;
    }

ol { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	margin-top: 0px;
	MARGIN-BOTTOM: 0px;
/*        margin: 4px 0px 0px 40px; */
} 

form {
	padding:0; 
	border:0; 
	margin:0; 
}
input, textarea, select { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

/* added */
.errors ul {
    margin:bottom: 0.5em;
    margin-top: 0.5em;
    }

/* added */
.errors {
    margin-bottom: 1em;
    }

/*  link styles */

a:active { 
	text-decoration: none; 
	color: #000099; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 
a:link { 
	color: #000099; 
	text-decoration: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
} 
a:visited { 
	color: #000099; 
	text-decoration: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
} 
a:hover { 
	text-decoration: underline; 
	color: #C66448; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 

/*  table styles */

.tableheading1, .tablehead { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold; 
	color: #000000; 
	background-color: #CDCDCD; 
} 
.tableheading2 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold; 
	color: #333333; 
	background-color: #A5BAD9; 
}

/* added .tablebody1-booboo */
.tablebody1, .tablebody, .tablebody1-booboo { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #333333; 
	background-color: #F6FAF5; 
} 
/* added .tablebody2-booboo */
.tablebody2, .transaction-tablebody2, .tablebody2-booboo  { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #333333; 
	background-color: #FAF6E8; 
}  
/* added */
.tablebody1-booboo, .tablebody2-booboo {
	background-color: #ee7777;
    }
.tablebody3 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #333333; 
	background-color: #FFFDE4; 
}
.tableborder {
	border: 0.3px solid #DDDDDD;
}
.tableborder-grid {
	border: 0.3px solid #CDCDCD;
	background-color: #CDCDCD;
}
.tableborder-dotted {
	border: 0.3px dotted #CDCDCD;
	background-color: #D4E9FF;
}

/*  top nav styles */

.topnav a:link {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #FFFFFF; 
  text-decoration: none; 
}
.topnav a:visited { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #FFFFFF; 
  text-decoration: none; 

}
.topnav a:active { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #FFFFFF; 
  text-decoration: none; 
}
.topnav a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #000000;
}

/*  bottom nav styles */

.bottomnav {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #FFFFFF; 
  text-decoration: none; 
}

.bottomnav a:link {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #FFFFFF; 
  text-decoration: none; 
}
.bottomnav a:visited { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #FFFFFF; 
  text-decoration: none; 
}
.bottomnav a:active { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #FFFFFF; 
  text-decoration: none; 
}
.bottomnav a:hover { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #000000; 
  text-decoration: underline; 
}

/*  breadcrumb styles */

.breadcrumb {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
} 

.breadcrumb a:link {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  color: #000000; 
  text-decoration: none; 
}
.breadcrumb a:visited { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px; 
  color: #000000; 
  text-decoration: none; 

}
.breadcrumb a:active { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  color: #000000; 
  text-decoration: none; 
}
.breadcrumb a:hover { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  color: #000000; 
  text-decoration: underline; 
}

/*  side nav styles */

.sidenav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #303868;
	LINE-HEIGHT: 16px;
} 

.sidenav a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303868;
	text-decoration: none;
}
.sidenav a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303868;
	text-decoration: none;

}
.sidenav a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303868;
	text-decoration: none;
}
.sidenav a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B02828;
	text-decoration: none;
}

/* other styles */

.error-heading {
	color : #FF0000;
	font-weight: bold
}
.error-body {
	color : #FF0000;
}
.input-button { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px;
	font-weight:bold; 
}
.required-field {
	color : #FF0000;
	font-weight: bold
}
.smalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*  Cameron's admin styles */

  .tableheader{
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    color: #ffffff;
	  font-size: 11px;
  }
  .tableheader:link {
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    color: #ffffff;
	  font-size: 11px;
  }
  .tableheader:visited {
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    color: #ffffff;
	  font-size: 11px;
  }
  .tableheader:active {
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    color: #ffffff;
	  font-size: 11px;
  }
  .tableheader:hover {
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    color: #ffffff;
	  font-size: 11px;
  }

  .invisible:link {
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
	  font-size: 9px;
  }
  .invisible:visited {
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
	  font-size: 9px;
  }
  .invisible:active {
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
	  font-size: 9px;
  }
  .invisible:hover {
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
	  font-size: 9px;
  }

  .greyTable {
    color: #444444;
  	background-color : #efefef;   
  }	
  .darkgreyTable {
    color: #FFFFFF;
  	background-color : #aaaaaa;   
  }	
  .lightShade {
    color: #444444;
  	background-color : #b9d9fD;   
  }	
  .darkShade {
    color: #444444;
  	background-color : #99b9dD;   
  }
  .lightblackTable {
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
	background-color : #444444;
  }

.order { 
  color: #000066; 
  font-size: 18px; 
  font-family: Arial, Helvetica, sans-serif; 
  font-variant: bold; 
  margin: 11px 0px 0px 0px;
}

.order2 { 
  color: #6BA3B8; 
  font-size: 14px; 
  font-family: Arial, Helvetica, sans-serif ; 
  font-style: bold; 
  font-variant: normal;
  margin: 11px 0px 0px 0px;
}

.order3 { 
  color: #000000; 
  font-size: 14px; 
  font-family: Arial, Helvetica, sans-serif ; 
  font-style: bold; 
  font-variant: normal;
  margin: 11px 0px 0px 0px;
}	
.tablebody3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #000000; 
	background-color: #FFFDE4;
}
li {
	margin-top: 4px;
	margin-right: 11px;
}
.highlights li {
	margin-left: 10px;
	margin-top: 0px;
	MARGIN-BOTTOM: 0px;
}

/*  Top Menu */
#menu {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#menu a {
	background: #E6E7F2;
	background-repeat:repeat-x;
	width: 120px;
	height: 16px;
	border-right: solid 1px #333;
	padding: 0;
	margin: 0;
	color: #000;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	line-height: 2em;
	}
#menu_on {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#menu_on a {
	background: #9FA2BA;
	background-repeat:repeat-x;
	width: 120px;
	height: 16px;
	border-right: solid 1px #333;
	padding: 0;
	margin: 0;
	color: #000;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	line-height: 2em;
	}
	
#menu a:hover {
	color: #fff;
	background: #9FA2BA;
	background-repeat: repeat-x;
	}

#menu a:active	{
	background: #9FA2BA;
	color: #fff;
	}

/*  LHS MENU */
#lhs_admin_menu {
	display: block;
	float: right;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#lhs_admin_menu a {
	background: #E6E7F2;
	background-repeat:repeat-x;
	width: 119px;
	height: 16px;
	border-bottom: solid 1px #333A6E;
	padding: 0;
	margin: 0;
	color: #000;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	line-height: 2em;
	}
	
#lhs_admin_menu a:hover {
	color: #fff;
	background: #9FA2BA;
	}

#lhs_admin_menu a:active	{
	background: #9FA2BA;
	color: #fff;
	}
#lhs_admin_menu_on {
	display: block;
	float: right;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#lhs_admin_menu_on a {
	background: #333A6E;
	background-repeat:repeat-x;
	width: 119px;
	height: 16px;
	border-bottom: solid 1px #333A6E;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	line-height: 2em;
	}
	
#lhs_admin_menu_on a:hover {
	color: #fff;
	background: #9FA2BA;
	}

#lhs_admin_menu_on a:active	{
	background: #9FA2BA;
	color: #fff;
	}

/*  General Admin Page Elements */
#admin_page 
{
	border:0;
	width: 100%;
	text-align:center;
	}
	
#admin_container 
{
	background-color: #fff;
	background-image:url(/images/admin_bg.gif);
	background-repeat:repeat-y;
	border:solid 1px #333;
	height: 80%;
	position: relative;
	width: 95%;
	}

#admin_header
{
	background: #000;
	color: #fff;
	border-bottom:solid 1px #333;
	margin: 0;
	text-align:left;
	background-image:url(/images/admin_header_bg.gif);
	}

#admin_lhs
{
	width:119px;
	float:left;
	border: 0;
	margin: 0;
	height: 400px;
	text-align:right;
	}
	
#admin_lhs_spacer
{
	height:20px;
	border-bottom: solid 1px #333A6E;
	}

#admin_menuspacer
{
	width: 117px;
	float: left;
	border-bottom: solid 0px #333;
	height: 20px;
	margin: 0;
	padding: 0;	
}

#admin_content
{
	margin: 0;
	padding: 0;
	}

#admin_menu
{
	height: 20px;
	border-bottom: solid 1px #333;
	margin: 0;
	background: #fff;
	}

#admin_process_content
{
	border: 0;
	margin: 0;
	width: 630px;
	}
#admin_footer
{
	clear:both;
	border-top:solid 1px #333;
	height: 40px;
	color: #fff;
	background: #B82B28;
	}