/*
	Agilitylogistics.com.au
	CSS for screen/projection
	David Nash, June 2007

	based on http://www.agilitylogistics.com/css/styles.css

*/

body {
	margin: 0px 10px 0em 0px; /* 31 */
	padding: 0px 0px 1em 0px;
	/*font-family: Arial, sans-serif;*/
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

img {
	border-width: 0px;	
}

table {
	border-collapse: collapse;
}

td {
	padding: 5px 5px 0px 0px; 
}

a {
	text-decoration: none;
}

form {
	padding: 0px; margin: 0px;
}

.bold { font-weight: bold; }

#wrap {
	width: 900px;
	position: relative;
}

.clear {
	clear: both;
}

.rightText {
	text-align: right;
}

.center {
	text-align: center;
}

/*
	Head - logo, nav
*/

#head {
	height: 143px;
}

#head h1, #head p {
	display: none;
}

#head #logo {
	margin: 24px 0px 0px 25px;
}

#head .logoCountry {
	position: absolute;
	right: 0px;
	top: 24px;
}

#head ul#nav {
	list-style-type: none;
	margin: 0px; padding: 0px;
	position: absolute;
	left: 250px;
	top: 114px;
}

#head ul#nav li {
	float: left;
}

#head ul#nav li a {
	width: 108px;
	height: 22px;
	padding-top: 7px;
	display: block;	
	float: left;
	font-family: Georgia, serif;
	font-style: italic;
	text-align: center;
	color: #999;
	font-size: 1.1em;
}

#head ul#nav li a#aboutus 
{
	color: #F8971C;
	background-color: #fff;
}

#head ul#nav li#current a#aboutus, #head ul#nav li a:hover#aboutus {
	color: #fff;
	background-color: #F8971C;
}

#head ul#nav li a#services {
	color: #E9741E;
	background-color: #fff;
}

#head ul#nav li#current a#services, #head ul#nav li a:hover#services {
	color: #fff;
	background-color: #E9741E;
}

#head ul#nav li a#schedules {
	font-size:9pt;
	color: #C02F25;
	background-color: #fff;
}

#head ul#nav li#current a#schedules, #head ul#nav li a:hover#schedules {
	color: #fff;
	background-color: #C02F25;
}

#head ul#nav li a#tools {
	color: #C02F25;
	background-color: #fff;
}

#head ul#nav li#current a#tools, #head ul#nav li a:hover#tools {
	color: #fff;
	background-color: #C02F25;
}

#head ul#nav li a#global {
	color: #C27B10;
	background-color: #fff;
}

#head ul#nav li#current a#global, #head ul#nav li a:hover#global {
	color: #fff;
	background-color: #C27B10;
}

#head ul#nav li a#careers {
	color: #CFAB7A;
	background-color: #fff;
}

#head ul#nav li#current a#careers, #head ul#nav li a:hover#careers {
	color: #fff;
	background-color: #CFAB7A;
}

#head ul#nav li a#contactus {
	color #E8D2AC;
	background-color: #fff;
}

#head ul#nav li#current a#contactus, #head ul#nav li a:hover#contactus {
	color: #fff;
	background-color: #E8D2AC;
}


/*
	Main - left and right panels
*/
#main .right {
	float: right;
	width: 650px;
}

#main .right #banner {
	display: block;
}

#main .right .subBanner {
	width: 610px;
	min-height: 75px;
	padding: 10px 20px;
	font-family: Georgia, serif;
	font-size: 115%;
	color: #fff;
}

.bg-about { background-image: url("Image/banner-bg-about.jpg"); }
.bg-services { background-image: url("Image/banner-bg-services.jpg"); }
.bg-tools { background-image: url("Image/banner-bg-tools.jpg"); }
.bg-global { background-image: url("Image/banner-bg-global.jpg"); }
.bg-careers { background-image: url("Image/banner-bg-careers.jpg"); }
.bg-contact { background-image: url("Image/banner-bg-contact.jpg"); }



#main .right #content {
	width: 610px;
	padding: 10px 20px;
}

/* h2 moved outside of content so it can disappear into the banner */
#main .right h2#sectionTitle
{
	padding: 10px 0px 0px 20px; 
	margin: 0px;
	font-size: 1.3em;
	font-family: Georgia, serif;
	font-style: italic;
	color: #fff;
	height: 20px;
	width: 630px; /*ie7 fix*/
}

#main .right h2 
{
	padding: 0px 0px 1em 0px;
	margin-top: 0px;
	font-size: 1em;
	font-family: Georgia, serif;
	font-style: italic;
	color: #555;
}

#main .right a {
	color: #7F8E2C;
}

#main .right #content .item {
	width: 290px;
	float: left;
	padding-right: 10px;
	margin-bottom: 1em;
}

#main .right #content .item h3 {
	margin: 0px;
	font-family: Georgia, serif;
	color: #7F8E2C;
	font-size: 100%;
}

#main .right #content .item h3 a {
	color: #7F8E2C;
}

#main .right #content .item img {
	float: left;
	margin-right: 13px;
}


#main .right #content .item p {
	padding: 0px 0em 0px 0em;
	margin: 0em;
	color: #999;
	font-size: 94%;
}

#main .right #content button.tz {
	margin-top: 1em;
}


#main .right #contentLeft {
	padding: 10px 20px 10px 20px;
	margin: 0px;
	width: 300px;
	float: left;
}

#main .right #contentRight {
	width: 290px;
	padding: 3em 0px 10px 10px;
	margin: 0px;
	float: right;
}

#main .right #contentRight input, #main .right #contentRight select {
	border: 1px solid #ccc;
	width: 98%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	padding: 1px;
}

#main .right #contentRight button { 
	border-width: 1px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	margin-top: 1em;
	padding: 5px 10px;
}


#main .left {
	float: left;
	min-height: 375px;
	width: 250px;
}

#main .left #loginPanel {
	background: #e7e7e7 url("Image/login.gif") no-repeat top left;
	width: 250px;
	height: 127px;
	position: relative;
}

#main .left #spacehack {
	height: 10px;
	background: #e7e7e7;
	padding: 0px;
	margin: 0px;
}

#main .left #loginPanel label {
	display: none;
}

#main .left #loginPanel select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #777;
	width: 165px;
	height: 16px;
	position: absolute;
	right: 11px;
	top: 3px;
	border-width: 0px;
	padding: 2px 0px;
}


#main .left #loginPanel input {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #777;
	width: 163px;
	height: 12px;
	position: absolute;
	right: 11px;
	top: 25px;
	border-width: 0px;
	padding: 2px 1px;
}

#main .left #loginPanel input#password {
	top: 45px;
}

#main .left #loginPanel #loginAlert {
	display: none;
	font-size: 85%;
	position: absolute;
	top: 65px;
	right: 11px;
	color: red;
}

#main .left #loginPanel #loginButtonDiv {
	position: absolute;
	top: 86px;
	right: 2px;
	border-width: 0px;
	background: #e7e7e7;
	cursor: pointer;
}

#main .left #clockPanel {
	position: relative;
	background-color: #e7e7e7;
	padding-bottom: 14px;
	margin-bottom: 1.2em;
}

#main .left #clockPanel #mapObject {
	position: relative;
	top: -4px;
	right: -5px;
	width: 250px
}


#main .left #clockPanel .cityName {
	text-transform: uppercase;
	position: absolute;
	right: 15px;
	color: #999;
	background-color: #e7e7e7;
	font-size: 70%;
	font-family: Verdana, sans-serif;
}

#main .left #clockPanel #tzMapName {
	position: absolute;
	top: -2em;
	right: 10px;
	background-color: #e7e7e7;
}


#main .left #clockPanel .timebox {
	margin: 13px 0px 0px 5px;
	border: 1px solid #888;
	color: #ec8101;
	background: #fff; 
	width: 236px;
	font-size: x-small;
	font-family: Verdana, sans-serif;
	position: relative;
}

#main .left #clockPanel .timebox .date {
	background-color: #EC8101;
	color: #fff;
	margin: 0px;
	padding: 2px 4px;
	width: 150px;
}

#main .left #clockPanel .timebox .time {
	position: absolute;
	left: 170px;
	top: 2px;
}

a#tzConfig {
	color: #999;
	background-color: #fff;
	font-size: 80%;
	font-family: Verdana, sans-serif;
	text-decoration: none;
	padding-left: 20px;
}

a#tzConfig:hover {
	text-decoration: underline;
}

#footlogos {
	clear: both;
	position: relative;
	top: 30px;
	left: 270px;
	width: 500px;
	padding-bottom: 30px;
}

#foot {
	clear: both;
	margin: 0px;
	padding-top: 30px;
	font-family: Verdana, sans-serif;
	font-size: 80%;
	color: #777;
}

#foot a {
	color: #999;
	text-decoration: none;
}

#foot a:hover {
	text-decoration: underline;
}

#foot .left {
	width: 690px;
	float: left;
	padding-left: 6px;
}

#foot .left #footlinks {
	width: 470px;
	float: left;
}

#foot .left #valid {
	width: 170px;
	float: right;
	text-align: right;
}

#foot .left #valid a span {
	display: none;
}

#foot .left #valid a#xhtml, #foot .left #valid a#css {
	display: block;
	width: 80px;
	height: 15px;
	background: url("Image/valid-xhtml.gif") no-repeat;
	float: left;
}

#foot .left #valid a:hover#xhtml {
	background-position: 0px -15px;
}

#foot .left #valid a#css {
	background: url("Image/valid-css.gif") no-repeat 0px -15px;
	float: right;
}

#foot .left #valid a:hover#css {
	background-position: 0px 0px;
}


#foot .right {
	width: 170px;
	float: right;
	text-align: right;
}


/* for the contact page, which comes from an external server */

.contactsTable {
	font-size: 90%;
	width: 100%;
}

.contactsTable th {
	text-align: left;
}

.contactsTable td {
	padding: 4px;
	margin: 0px;
}

.altRow {
	background-color: #eee;
}


/* contacts section page - list links to cities */
.citiesTable, .containersTable, .incoTable {
	width: 100%;
}


.citiesTable td, .citiesTable th, .containersTable th, .containersTable td, .incoTable td {
	vertical-align: top;
	text-align: left;
	padding: 5px;
	margin: 0px;
}

.citiesTable .ausHQ {
	background-color: #eaf1dd;
	text-align: center;
}

.containersTable td, .containersTable th {
	font-size: 85%;
}

/* news archive list */
#newsList {
	width: 30%;
	float: right;
	background-color: #eee;
	padding: 1.5em;
	margin: 0 0 2em 2em;
}

#newsList h2 {
	padding: 0;
	margin: 0;
}

#newsList ul {
	padding: 0 0 0 0.5em;
	margin: 0;
}

#newsList li {
	padding: 0 0 1em 0;
	margin: 0;
}

/* download list */

.entryFiles h4 {
	padding: 3em 0 0 0;
	margin: 0;
}

/* news ticker on welcome page */

#latest-news {
	clear: both;
	background-color: #fff;
	font-family: Verdana, sans-serif;
	padding: 1em 0 0 0;
}

#latest-news .rotwo { 
	display: none;
}

#latest-news a {
	color: #7F8E2C;
	text-decoration: none;
}

#latest-news a:hover {
	text-decoration: underline;
}

#homeEntry {
	padding: 20px 0 0 20px;
	clear: both;
	width: 220px;
}

#homeEntry a {
	color:  #7F8E2C;
	text-decoration: none;
}

#homeEntry a:hover {
	text-decoration: underline;
}

#homeEntry img {
	display: block;
	margin: 0 1em 1em 0;
	float: left;
}