/* CSS Document */

body {
	padding: 0;
	margin: 0;
	background: #79849b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

.clear {
	clear: both;
}

img {
	border: 0;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

p {
	padding: 0;
	margin: 8px 0 8px 0;
}

.spacer {
	height: 150px;
}

.spacer-long {
	height: 290px;
}

.alert {
	color:#FF0000;
}

.clearboth {clear:both;}

a {
  outline: none;
}

.home li {
    margin-left: 14px;
}

hr {
	margin: 10px 0 10px 0;
	background: none;
	border-top: 1px solid #bbbdbf;
	border-bottom: none;
	border-left: none;
	border-right: none;
	clear: both;
}

.em8 {
	font-size: .8em;
}

dl {
    margin:0;
    padding: 0;
}

dd { float: left; width: 310px; padding: 0 20px 0 0; margin: 0;}

    * html dd { padding-right: 10px; }
    * html dd h1 { width: 310px; }

/*HEADER */

#header-outer {
	height: 63px;
	background-image:url(images/header-bg.gif);
}

#header {  
	height: 63px;
    margin: auto;
	position: relative;
    width: 747px;
}

* html #header { left: -7px; bottom: -26px; }

/*NAV */

#navigation {
    position: relative;
	float: left;
	top: 37px;
	padding: 0;
	margin:0 0 0 5px;
	z-index:1;
}

*:first-child+html #navigation {
	top: 36px;
}

*html #navigation {	top: 10px; }

#navigation ul {
	list-style: none;
    margin:0;
    padding:0;
}

html>body #navigation ul { height: 20px; }

    #navigation a {
        color: #000000;
        width: 114px;
        height: 17px;
        display: block;
        padding: 5px 0 5px 0;
        text-align: center;
        text-decoration: none;
    }

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

#navigation li {
	background: url(images/tab.gif);
    float: left;
    margin-left: -2px;
    width: 114px;
}

    #navigation li.active {
        background: transparent url(images/tab-active.gif) no-repeat left top;
        display: block;
        font-weight: bold;
        height: 17px;
        padding: 5px 0 5px 0;
        text-align: center;
        width: 114px;
    }

    #navigation li.right { width: 113px; }

    * html #navigation li.right a { width: 112px; } 

/*MAIN, CONTENT */

#centre {
	background: #f9fcf5;
}

#content {
	background: url(images/content-bg.gif) repeat-y;
	width: 670px;
	margin: auto;
    position: relative;
	padding: 50px;
}

img.logo {
	float: left;
    margin-bottom: 20px;
}

#login {
	float: right;
	padding: 10px 0 0 0 ;
}

#login a {
	background: url(images/bttn-trial-sign-up.gif) no-repeat;
	width: 253px;
	height: 64px;
	display: block;
}

    #login a:hover  { background: url(images/bttn-trial-sign-up-over.gif) no-repeat; }

    #login a span { display: none; }

h1 {
	height: 18px;
    font-size:1.5em;
    clear: both;
	display: block;
	width: 800px;
}

    * html #content h1 { width: 310px; }

h1 span { display: none; }

.home-discover {
	background: url(images/title-discover-pipeline.gif) no-repeat;
}

.home-features {
	background: url(images/title-pipeline-features.gif) no-repeat;
}

.home-benefits {
	background: url(images/title-pipeline-benefits.gif) no-repeat;
}

.home-whoisitfor {
	background: url(images/title-who-is-pipeline-for.gif) no-repeat;
}

.home-pricing {
	background: url(images/title-pipeline-pricing.gif) no-repeat;
}

.home-peoplethink {
	background: url(images/title-what-do-people-think.gif) no-repeat;
}

.home-discover-points {
	clear: both;
	background: #f9fcf5;
	border: 1px solid #4f5051;
	margin-bottom: 30px;
}

.home-discover-points .inner {
	padding: 20px 25px 5px 25px;
}

.home-discover-points li {
	padding-bottom: 1em;
}

.home-discover p {
	float: left;
}

html>/**/body .home-discover p {
	padding-bottom: 20px;
}


.home-discover a {
	background: url(images/bttn-watch-demos.gif) no-repeat;
	width: 182px;
	height: 23px;
	display: block;
	float: right;
	padding: 20px 0 0 0 ;
}

html>body .home-discover a {
	margin: 15px 0 0 0 ;
}

.home-discover a:hover  {
	background: url(images/bttn-watch-demos-over.gif) no-repeat;
}

.home-discover a span {
	display: none;
}

.read-more {
	float: left;
	position:absolute;
	padding: 0 0 0 530px;
	z-index: 10;
}

html>body .read-more {
	/*padding: 7px 0 0 545px;*/
}

.read-more a{
	background: url(images/bttn-readmore.gif) no-repeat;
	width: 127px;
	height: 31px;
	display: block;
}

.read-more a:hover{
	background: url(images/bttn-readmore-over.gif) no-repeat;
}

.read-more a span {
	display: none;
}

.home-trial {
	float: left;
	position: absolute;
	background: #eaeffa;
	border: 1px solid #4f5051;
	width: 300px;
}

.login {
	float: left;
	background: #eaeffa;
	border: 1px solid #4f5051;
	width: 370px;
}

.register {
	float: left;
	background: #eaeffa;
	border: 1px solid #4f5051;
	width: 470px;
}

html>body .register {
	margin: -17px 0 0 0;
}

.gettype {
	background: #eaeffa;
	border: 1px solid #4f5051;
	width: 340px;
}

.getprice {
	background: #f9fcf5;
	border: 1px solid #4f5051;
	width: 260px;
}

.buynow {
	float: left;
	position: absolute;
	background: #eaebec;
	border: 1px solid #4f5051;
	width: 260px;
}

.gettype-outter { float: left; }

.getprice-outter {
	float: left;
	margin-left: 30px;
}

.home-newsletter .inner,
.home-trial .inner,
.login .inner,
.gettype .inner,
.register .inner,
.getprice .inner,
.buynow .inner{
	padding: 15px 15px 25px 15px;
}

.trial-now {
	float: left;
	position: absolute;
	padding: 90px 0 0 190px;
}

.trial-now a{
	background: url(images/bttn-trial.gif) no-repeat;
	width: 127px;
	height: 31px;
	display: block;
}

.trial-now a:hover{
	background: url(images/bttn-trial-over.gif) no-repeat;
}

.trial-now a span {
	display: none;
}

#left-holder {
	float: left;
	position: absolute;
}

#right-holder {
	margin: 0 0 0 350px;
	float: left;
	position: absolute;
}

.home-newsletter {
	float: left;
	position: absolute;
	background: #eaebec;
	border: 1px solid #4f5051;
	margin: 40px 0 0 0;
	width: 270px;
}

html>body .home-newsletter {
	margin: 50px 0 0 0 ;
}

#border {
	border: 7px solid red;
}

.home-newsletter p {
	z-index: auto;
}

/*TITLES */

.home-trial-title{
	width: 146px;
	height: 18px;
	background: url(images/title-trial-pipeline.gif) no-repeat;
}

html>body .home-trial-title {
	padding-bottom: 17px;
}

.home-trial-title span {
	display: none;
}

.home-newsletter-title{
	position: absolute;
	float: left;
	width: 247px;
	height: 18px;
	background: url(images/title-sign-up-pipeline.gif) no-repeat;
}

.home-newsletter-title span {
	display: none;
}


.login-title{
	width: 146px;
	height: 18px;
	background: url(images/title-login.gif) no-repeat;
}

.login-title span {
	display: none;
}

.discover-title{
	width: 160px;
	height: 18px;
	background: url(images/title-discover-pipeline.gif) no-repeat;
}

.discover-title span {
	display: none;
}

.demo-title{
	width: 146px;
	height: 18px;
	background: url(images/title-demo.gif) no-repeat;
}

.demo-title span {
	display: none;
}

.register-title{
	width: 146px;
	height: 18px;
	background: url(images/title-register.gif) no-repeat;
}

html>body .register-title {
	padding-bottom: 17px;
}


.register-title span {
	display: none;
}

.easysteps-title{
	width: 146px;
	height: 18px;
	background: url(images/title-easy-steps.gif) no-repeat;
}

.easysteps-title span {
	display: none;
}

.get-title{
	width: 146px;
	height: 18px;
	background: url(images/title-get-pipeline.gif) no-repeat;
}

.get-title span {
	display: none;
}

.features-title{
	width: 146px;
	height: 30px;
	background: url(images/title-features.gif) 0 10px no-repeat;
}

.features-title span {
	display: none;
}

/*FOOTER */

#footer-outer {
	height: 91px;
	background-image:url(images/footer-bg.gif);
}

#footer {
	width: 770px;
	margin: auto;
    position: relative;
	padding: 10px 10px 10px 110px;
	color: white;
	font-size: 0.8em;

}

#footer a {
		color: white;
}

/*CORNERS */

.green-top-left {
	position: relative;
	top: -2px;
	left: 0px;
	background: url(images/corner-green-top-left.gif) top left no-repeat;
	z-index: 10;
}

.green-top-right {
	position: relative;
	top: -1px;
	right: -1px;
	background: url(images/corner-green-top-right.gif) top right no-repeat;
	z-index: 10;
}

.green-bot-left {
	position: relative;
	bottom: 0px;
	left: -2px;
	background: url(images/corner-green-bot-left.gif) bottom left no-repeat;
	z-index: 10;
}

.green-bot-right {
	position: relative;
	bottom: -2px;
	right: 0px;
	background: url(images/corner-green-bot-right.gif) bottom right no-repeat;
	z-index: 1;
}

.home-discover-points .green-top-left {
	top: -3px;
	left: 0px;
}
.home-discover-points .green-top-right {
	top: -2px;
	right: -1px;
}
.home-discover-points .green-bot-left {
	bottom: 0px;
	left: -2px;
}
.home-discover-points .green-bot-right {;
	bottom: -3px;
	right: 0px;
}

html>body .home-discover-points .green-top-left {
	top: -2px;
	left: 0px;
}

html>body .home-discover-points .green-top-right {
	top: -1px;
	right: -1px;
}
html>body .home-discover-points .green-bot-left {
	bottom: 0px;
	left: -2px;
}
html>body .home-discover-points .green-bot-right {
	bottom: -2px;
	right: 0px;
}

*:first-child+html .home-discover-points .green-top-left {
	top: -2px;
	left: 0px;
}

*:first-child+html .home-discover-points .green-top-right {
	top: -2px;
	right: -1px;
}


.blue-top-left {
	position: relative;
	top: -2px;
	left: 0px;
	background: url(images/corner-blue-top-left.gif) top left no-repeat;
}

.blue-top-right {
	position: relative;
	top: -1px;
	right: -1px;
	background: url(images/corner-blue-top-right.gif) top right no-repeat;
}

.blue-bot-left {
	position: relative;
	bottom: 0px;
	left: -2px;
	background: url(images/corner-blue-bot-left.gif) bottom left no-repeat;
}

.blue-bot-right {
	position: relative;
	bottom: -2px;
	right: 0px;
	background: url(images/corner-blue-bot-right.gif) bottom right no-repeat;
}

.grey-top-left {
	position: relative;
	top: -2px;
	left: 0px;
	background: url(images/corner-grey-top-left.gif) top left no-repeat;
}

.grey-top-right {
	position: relative;
	top: -1px;
	right: -1px;
	background: url(images/corner-grey-top-right.gif) top right no-repeat;
}

.grey-bot-left {
	position: relative;
	bottom: 0px;
	left: -2px;
	background: url(images/corner-grey-bot-left.gif) bottom left no-repeat;
}

.grey-bot-right {
	position: relative;
	bottom: -2px;
	right: 0px;
	background: url(images/corner-grey-bot-right.gif) bottom right no-repeat;
}

.home-newsletter .grey-top-left {
	top: -1px;
	left: -1px;
}
.home-newsletter .grey-top-right {
	top: 0px;
	right: -2px;
}
.home-newsletter .grey-bot-left {
	bottom: -2px;
	left: -2px;
}
.home-newsletter .grey-bot-right {
	bottom: -1px;
	right: -1px;
}


.watch-demo a {
	background: url(images/bttn-watch-demo.gif) no-repeat;
	width: 170px;
	height: 50px;
	display: block;
	padding: 0 0 0 0 ;
	margin: 10px 0 0 0 ;
}

.watch-demo a:hover  {
	background: url(images/bttn-watch-demo-over.gif) no-repeat;
}

.watch-demo a span {
	display: none;
}

div.demo-time,
div.demo-create,
div.demo-manage,
div.demo-report{
	width: 300px;
	float: left;
	display:block;
	height: 260px;
	margin-right: 20px;
}

#steps {
	float: left;
	padding-bottom: 10px;
}

.free-months {
	margin: 0 0 10px 0 ;
}

html>body .free-months {
	margin: 0 0 20px 0 ;
}

.reg-form {
	width: 470px;
	float: left;
	margin: 0 0 0 30px;
}

    * html .reg-form {
        margin: 0;
        right: 0;
    }

.login-form {
	float: left;
	margin: 0 0 0 0 ;
}

/*FORMS */

.reg-form span, .buynow span{
	width: 174px;
	float: left;
	margin: 4px 3px 4px 0;
}

.reg-form input, .buynow input{
	margin: 4px 0 4px 0;
}

.reg-form select, .buynow select{
	margin: 4px 0 4px 0;
}

.reg-bttn {
	float: left;
	position: absolute;
	padding: 19px 0 0 343px;
	margin-bottom: -27px;
}

html>body .reg-bttn {
	padding: 15px 0 0 340px;
}

*:first-child+html .reg-bttn {
	padding: 20px 0 0 345px;
}

.buy-bttn {
	left: 0px;
	float: left;
	position: absolute;
	padding: 15px 0 0 140px;
	margin-bottom: -20px;
}

html>body .buy-bttn {
	padding: 12px 0 0 150px;
}

*:first-child+html .buy-bttn {
	padding: 17px 0 0 150px;
}

.signup-bttn {
	left: 0px;
	float: left;
	position: absolute;
	padding: 20px 0 0 150px;
	margin-bottom: -27px;
}

html>body .signup-bttn {
	padding: 10px 0 0 160px;
}

*:first-child+html .signup-bttn {
	padding: 45px 0 0 160px;
}

.loginform span {
	float: left;
	width: 100px;
}

.errorMessage {
    color: red;
	margin-bottom: 10px;
}

.errorMessage ul {
	width: 6;
}

#right-holder a {
	background: url(images/bttn-watch-demos.gif) no-repeat;
	width: 182px;
	height: 50px;
	display: block;
	margin: 117px 0 0 139px;
}

#right-holder a:hover  {
	background: url(images/bttn-watch-demos-over.gif) no-repeat;
}

#right-holder span {
	display: none;
}

.coming-soon {
	position: relative;
	float: right;
	padding-right: 10px;
	padding-top: 13px;
}

*:first-child+html div.calendar {
	margin-top: 480px;
}

table.pricingtable thead td {
    background-color: #97A2B9;
}

table.pricingtable tfoot td {
    background-color: #97A2B9;
}

table.pricingtable td {
    background-color: #F9FCF5;
}

table.pricingtable td.tabledarkgreen {
    background-color: #CDE6AB;
}

.code {
    font-size:1.1em;
    font-family: monospace;
}