/* public.css

copyright 2007 Future Medium Pty Ltd

author: mwatts
author: gnewton

*/

/*
 * these two styles are configured to control the placement of the flash piece
 * on the home page to be aligned with left content and expand right.
 * 383px is approx half the width of the 'normal' wrapper class 
 */
#flash-wrapper-holder {
  position: absolute; 
  left: 50%;
  width: 50%;  
  margin-left: -383px;
}
.flash-wrapper {
  width: 100%; 
  padding-right: 383px;
}

#outerHeader {
	background: url("../images/bg_outer_header.jpg") no-repeat top center;
	height: 305px;
}

#flashHolder { overflow: hidden; }

#innerHeader span {
	display: none;
}

.innerContent.start_now .contentPane { padding-right: 31px; }

#innerContent .contentPane {
	padding: 0 15px 0 20px;
}

.companyProfile {
	background-color: #191919;
	padding: 13px;
	/*clear: left;*/
	font-size: 0.9em;
}

.companyProfile .floatLeft {
	width: 121px;
  margin-right: 12px;
}

.companyProfile .floatRight {
	width: 372px;
}

span.visit {
	display: block;
	background: url("../images/icon_arrow_link.gif") no-repeat 0 3px;
	color: #ccc;
	padding: 0 0 5px 10px;
}

#outerFooter {
	background: url("../images/bg_footer.gif") repeat-x 0 -10px;
	color: #454a4c;
	font-size: 0.9em;
	padding: 50px 0 10px 0;
	text-align: right;
}

#outerFooter p a {
	color: #454a4c;
	text-decoration: none;
}

#outerFooter p a:hover {
	text-decoration: underline;
}

ul.genericList {
	list-style-type: none;
  margin: 0 0 1em 0;
  padding: 0;
}

ul.genericList li {
	background: url("../images/icon_bullet.gif") no-repeat 0 6px;
  padding: 0 0 4px 15px;
  margin: 0 0 0 10px;
}

.buttons {
	margin: 10px 0 0 0;
}

.buttons a.cButton,
.buttons a.sButton,
.buttons a.lButton {
  float: right;
  width: 66px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: top left;
  margin-right: 5px;
}

.buttons a.cButton {
  background-image: url("../images/button_clear.gif");
}

.buttons a.sButton {
  background-image: url("../images/button_send.gif");
}

.buttons a.lButton {
  background-image: url("../images/button_login.gif");
}

.buttons a.cButton:hover,
.buttons a.sButton:hover,
.buttons a.lButton:hover {
  background-position: bottom left;
}

.buttons a.cButton span,
.buttons a.sButton span,
.buttons a.lButton span {
  display: none;
}

a.register_login {
  display: block;
  height: 70px;
  width: 484px;
  background: url("../images/button_register_at_login.gif") no-repeat top left;
}

a.register_generic {
  display: block;
  height: 93px;
  width: 275px;
  background: url("../images/button_register_generic.gif") no-repeat bottom left;
}
a.register_generic:hover {
  background-position: top left;
}

a.ezyapp_demo_home {
  display: block;
  height: 93px;
  width: 275px;
  background: url("../images/button_launch_ezyapp_home.png") no-repeat top left;
}

a.ezyapp_demo_generic {
  display: block;
  height: 93px;
  width: 265px;
  background: url("../images/button_launch_ezyapp.png") no-repeat top left;
  margin-bottom: 10px;
}

a.ezyapp_black_registration {
  display: block;
  height: 93px;
  width: 265px;
  background: url("../images/button_black_start.png") no-repeat top left;
  margin-bottom: 10px;
}

a.factsheet { 
  margin: 5px 0 0 0;
  width: 275px;
  height: 33px;
  background: url("../images/button_factsheet.gif") no-repeat top left;
  display: block;
}

a.factsheet:hover,
a.register_login:hover,
a.ezyapp_demo_home:hover,
a.ezyapp_demo_generic:hover,
a.ezyapp_black_registration:hover {
  background-position: bottom left;
}

a.factsheet span,
a.register_login span,
a.register_generic span,
a.ezyapp_demo_home span,
a.ezyapp_demo_generic span,
a.ezyapp_black_registration span {
  display: none;
}

.unstackedButtons { 
  padding-bottom: 1em;
  margin-right: -10px;
}
.unstackedButtons a { float: left; }
.unstackedButtons a.register_generic { margin-top: 24px; }
.stackedButtons a.ezyapp_demo_generic {
  margin-bottom: 5px;
}

.contactFormHolder { padding-top: 10px; }

.contactFormHolder ol.form li label {
  width: 100px;
}
.contactFormHolder ol.form li input,
.contactFormHolder ol.form li textarea {
	width: 357px;
}

.requestFormHolder ol.form li input,
.requestFormHolder ol.form li select,
.requestFormHolder ol.form li textarea {
	width: 472px;
}
.requestFormHolder ol.form li select {
  width: 475px;
}
.requestFormHolder .buttons { margin-right: 10px; }


.contactFormHolder ol.form li .elementContainer {
  margin-left: 105px;  
}

/* home styles */
#outerContent {
	background: url("../images/bg_outer_content.gif") repeat-x top left;
}

#innerContent {
	width: 768px;
  position: relative;
  top: -50px;
}

#home #innerContent {
	top: -114px;
}

.contentPane {
	background: url("../images/bg_inner_content.gif") repeat-x 0 49px;
}


#home .contentPane {
	background: url("../images/bg_inner_content_home.gif") no-repeat bottom left;
}
#home .contentPane .floatRight {
  padding-top: 24px;
}

#home #outerHeader {
	background: url("../images/bg_outer_header_home.jpg") no-repeat top center;
	height: 425px;

}

#outerHeader #innerHeader {
	/*position: relative;*/
}

#outerHeader #innerHeader .title {
	position: absolute;
	left: 22px;
	top: 90px;
}

.title h1 {
	background: url("../images/title_zaptz.gif") no-repeat top left;
	width: 176px;
	height: 56px;
	margin: 0 0 30px 0;
	padding: 0;
}
#login .title h1 {
  background-image: url("../images/title_ezytracker.gif");
	width: 277px;
  height: 52px;
}

.title h2 {
	margin: 60px 0 0 0;
	height: 24px;
	padding: 0;
}

#home .title h2 {
	margin: 0;
	padding: 0;
}

.title h2.home {
	background: url("../images/page_title_home.png") no-repeat top left;
	height: 56px;
	width: 374px;
}

.title h2.overview {
	background: url("../images/page_title_overview.png") no-repeat top left;
	width: 319px;
}

.title h2.benefits {
	background: url("../images/page_title_benefits.png") no-repeat top left;
	width: 381px;
}

.title h2.demonstration {
	background: url("../images/page_title_demonstration.png") no-repeat top left;
	width: 147px;
}

.title h2.pricing {
	background: url("../images/page_title_pricing.png") no-repeat top left;
	width: 66px;
}

.title h2.testimonials {
	background: url("../images/page_title_testimonials.png") no-repeat top left;
	width: 119px;
}

.title h2.faq {
	background: url("../images/page_title_faq.png") no-repeat top left;
	width: 263px;
}

.title h2.consulting {
	background: url("../images/page_title_consulting.png") no-repeat top left;
	width: 187px;
}

.title h2.training {
	background: url("../images/page_title_training.png") no-repeat top left;
	width: 160px;
}

.title h2.about_us {
	background: url("../images/page_title_about_us.png") no-repeat top left;
	width: 90px;
}

.title h2.contact_us {
	background: url("../images/page_title_contact_us.png") no-repeat top left;
	width: 105px;
}

.title h2.start_now,
.title h2.request_login_result {
	background: url("../images/page_title_start_now.png") no-repeat top left;
	width: 180px;
}

.title h2.login,
.title h2.logout {
	background: url("../images/page_title_login.png") no-repeat top left;
	width: 114px;
}

.title span {
	display: none;
}

#home .contentPane .floatLeft {
	width: 420px;
}

a.button_demo_home {
	display: block;
	width: 275px;
	height: 93px;
	margin-right: 10px;
}

a.button_demo_home span.h {
  display: block;
	width: 275px;
	height: 93px;
	background: url("../images/button_register_home.png") no-repeat bottom left;
  cursor: pointer;
}

a.button_demo_home:hover span.h {
	background-position: top left;
}

a.button_demo_home span {
	display: none;
}

.quickLaunchPanels {
	margin: 40px 0 0 0;
}

ul.panels {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.panels li {
	margin: 0;
	padding: 0;
	float: left;
}

ul.panels li a {
	display: block;
	width: 252px;
	height: 131px;
	background-repeat: no-repeat;
	background-position: top left;
}

ul.panels li.panel_benefits a {
	background-image: url("../images/button_home_benefits.gif");
	margin-left: 0;
}

ul.panels li.panel_testimonials a {
	background-image: url("../images/button_home_testimonials.gif");
	margin: 0 5px;
}

ul.panels li.panel_start_now a {
	background-image: url("../images/button_home_start_now.gif");
	margin-left: 0;
}

ul.panels li a:hover {
	background-position: bottom left;
}

ul.panels li a span {
	display: none;
}

p.question { 
  font-weight: bold;
  color: #fff;
  margin-bottom: 0;
}

.backToTop {
  background: url("../images/bg_back_to_top.gif") repeat-x;
  margin: 5px 0 10px 0;
}
.backToTop a { float: right; }

.zaptz-address { color: #fff; }

.inner { margin-left: 200px; }

.testimonial-heading { margin-bottom: 5px; color: #fff; }