/*
default.css
This is the default look and feel for the application
*/

/* RESET PAGE WIDTH FROM 750PX TO FIT THIS CONTENT */
#doc {
	width: 61.53em; /* 800px standard browsers */
	min-width: 800px;
}

/* HTML ELEMENT DEFINITIONS */
body {
	font-family: "Lucida Grande", Arial, sans;
	color: #555;
	background: #90A4BF;
}
body * {
	line-height: 140%;
}
h1 { 
	font-size: 182%;
	color: #C54D30; /* orange */
	color: #37516F; /* dark blue */
	color: #3C6399; /* logo blue */
	font-weight: normal;
	margin-bottom: 0.5em;
}
h2 { 
	font-size: 144%;
	color: #C54D30;
	color: #37516F;
	color: #3C6399; /* logo blue */
	font-weight: bold;
	margin-top: 1.5em;
	margin-bottom: 0.45em;
}
h1 span.normal, h2 span.normal {
  font-size: 85%;
  color: #666;
  font-weight: normal;
}
h3 { 
	color: #444;
	font-size: 114%;
	font-weight: bold;
	margin-top: 1.5em;	
	margin-bottom: 0.35em;
	
}
	h3.sectionDivider {
		color: #666666;
		border-bottom: 2px solid #999999;
		margin-top: 1.5em;
		margin-bottom: 0.5em;	
	}
h4 { 
	font-size: 107%;
	font-weight: bold;
	margin-top: 1.25em;
	margin-bottom: 0.25em;	
}
h4.normal {
  font-weight: normal;
}
h5 {
	font-size: 100%;
	font-weight: bold;
}
p {
	margin-bottom: 1em;
}
blockquote {
	font-size: 93%;
	border: 1px solid #CCCCCC;
	background: #EFEFEF;
	padding: 0.5em;
	margin: 0.5em 0 1em;
}
code {
  color: #060;
}
em, strong, .bold {
	font-weight: bold;
}
a:link { color: #456793; }
a:visited { color: #7C9AC2; }
a:hover, a:active { color: #C54D30 }


ol, li {
  margin-top: 1em;
}
ol {
	margin-left: 0;
	padding-left: 1.5em;
	list-style-type: decimal;
	list-style-position: outside;
}
ul, ul.bulleted
{
	margin-left: 0;
	padding-left: 1.5em;
	list-style-type: disc;
	list-style-position: outside;
}
ul.clean {
  list-style: none;
}
li {
	margin: 0 0 .5em;
}
.compact li {
	margin: 0 0 .25em;
}

/* TEXT STYLE DEFINITIONS */
.callout {
	color: #00B765;
}
.copyright {
	color: #999999;
	margin-right: 2em;
}
.subhead {
	margin-top: -1em;
	margin-bottom: 1em;
	color: #666;
}
.testimonial {
    font-family: Georgia, Times, serif;    
}
.attribution {
	font-family: "Lucida Grande", Arial, sans;
	font-weight: bold;
	font-style: italic;
	font-size: 92%;
	color: #444;
}
.margin-top-0 {
	margin-top: 0;
}
.margin-top-single {
	margin-top: 1em;
}
.margin-top-double {
	margin-top: 2em;
}
.large {
  font-size: 110%;
}
.small {
	font-size: 93%;
}
.tiny {
	font-size: 85%;
}
.secondary {
	color: #666;
}
.utility {
	font-size: 93%;
	color: #666;
}
.pageTitle {
  margin-top: 0;
}

/* GLOBAL PAGE ELEMENTS */

#doc {
	background: #FFFFFF;
}

#hd {
	margin: 0 40px;
	*margin-bottom: 40px;
	*clear: both;
}
#bd {
	margin-top: 25px;
	margin-left: 40px;
	margin-right: 40px;
}
#ft {
	margin: 2em 40px 0 40px;
	padding-top: 0.5em;
	padding-bottom: 1em;
	border-top: 1px dotted #999;
	font-size: 85%;
	color: #466894;
}
	#ft a {
		text-decoration: none;
	}
	#ft a:visited { color: #456793; }	
	#ft a:hover, #ft a:active { color: #C54D30 }	
	
/* Catch-all to clear floated content in these containers             */
/* Please add new containers that need this here, not in other places */
/* See http://www.positioniseverything.net/easyclearing.html          */
#hd:after,
#bd:after,
#ft:after,
.module:after,
.hd:after,
.bd:after,
.ft:after,
.item:after,
.testimonial:after,
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clear { clear: both; }
.float_left { float: left; }
.float_right { float: right; }

/* HEADER AND GLOBAL NAV */
#hd {
	height: 50px;
/*
		background-position: bottom right;
		background-repeat: no-repeat;
		background-image: url('/images/hdr_border_bottom.gif'); 
*/
		position: relative;
}
#hd #logo {	
	margin-top: 12px;
	float: left;
}
#hd #signIn {
	position: absolute;
	top: 18px;
	left: 150px;
	height: 30px;
	width: 120px;
	text-align: right;
	float: right;
	font-size: 85%;
	margin-right: 10px;
}
	#signIn span {
			position: relative;
			top: 11px;
			left: 0;			
	}

#hd #globalNav {
	margin-top: 18px;
	float: right;
	font-size: 92%;
}
	#globalNav ul {
		list-style: none;
		margin: 0;
	}
	#globalNav li
	{
		float: left;
		margin: 0 0 0 1px;
		padding: 0;
	}
	#globalNav a {
		color: #FFFFFF;
		display: block;
		margin: 0;
		padding: 0;
		position: relative;
		background-color: #466984;
		background-position: bottom left;
		background-repeat: repeat-x;
		background-image: url('../images/nav_tab_bg_off.gif'); 		
		font-weight: bold;
		text-decoration: none;
		cursor: pointer;
	}
	#globalNav a:hover {
		background-image: url('../images/nav_tab_bg_on.gif'); 		/* selected state */				
		color: #466984;		
	}
	#globalNav a div {
		height: 30px;
		padding: 0 10px;		
		position: relative;		
	}
	#globalNav span {
			position: relative;
			top: 10px;
			left: 0;
	}	
	

	/* ON STATES FOR GLOBAL NAV*/
	#home #globalNav #homeLink a,
	#solutions #globalNav #solutionsLink a,
	#tour #globalNav #tourLink a,
	#successes #globalNav #successesLink a,
	#pricing #globalNav #pricingLink a,
	#about #globalNav #contactLink a {
		background-color: #D9F966;
		background-image: url('../images/nav_tab_bg_on.gif'); 		
		color: #466984;
	}
	/* OFF STATES FOR OUTER TABS*/
	#globalNav #homeLink a {
		background: url('../images/nav_tab_left_off.gif');  
		background-position: bottom left;
		background-repeat: no-repeat;
	}
	#globalNav #contactLink a {
		background: url('../images/nav_tab_right_off.gif');
		background-position: bottom right;
		background-repeat: no-repeat;
	}	
	/* ON STATES FOR OUTER TABS */
	#home #globalNav #homeLink a,
	#globalNav #homeLink a:hover	{
		background-image: url('../images/nav_tab_left_on.gif'); 		/* selected state */					
	}
	#about #globalNav #contactLink a,
	#globalNav #contactLink a:hover	{
		background-image: url('../images/nav_tab_right_on.gif'); 		/* selected state */						
	}


/* PROGRESS BAR */
#progress { 
	margin-left: 150px; 
	position: relative;
}
#progress ol { 
	position: absolute;
	margin: 0;
	padding: 0;
	top: 15px;
	right: 0px;
	color: #ccc;
	border: 1px solid #749BCF;
}
#progress ol li {
	display: block;
	float: left;
	margin: 0;
	padding: 5px 12px;
}
#progress li.selected {
	background: #EFF6FF;
	background-image: url('/images/arrow_down_blue.gif');
	background-position: top center;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #C54D30;
	color: #000
}
#progress li.completed {
	background: #EFF6FF;
	font-weight: bold;
	color: #666;
}

/* SUBNAV */

.subnav h4 {
	font-size: 100%;
	font-weight: bold;
	margin-top: 0;
	margin-left: 0; /* lose this if you don't like the indent */
	padding-bottom: 3px;
	border-bottom: 1px dotted #ccc;
}
.subnav a:visited { color: #456793; }
.subnav a:hover, .subnav a:active { color: #C54D30 }		
.subnav ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
	.subnav ul li {
		margin: 0.25em 0;
	}
	.subnav ul .arrow {
		visibility: hidden;  /* do display:none here if you don't like the indent */
		display: none;
	}
	.subnav ul a {
		text-decoration: none;
	}
	.subnav ul .selected, .subnav ul .selected a {
		color: #C54D30;
		font-weight: bold;
	}
	.subnav ul .selected .arrow {
		visibility: visible; /* do display:inline here if you don't like the indent */
		display: inline;		
	}
	.subnav ul li ul {
	  margin-left: 10px;
	}
		
/* MODULE DEFINITIONS */

.module {
	padding: 0em;
	margin-bottom: 1em;
}
.hd {
	padding: 0em; /* use ems here to keep consistent across font sizes */
}
.bd {
	padding: 0em; /* use ems here to keep consistent across font sizes */
}
.ft {
	padding: 0em; /* use ems here to keep consistent across font sizes */
}

	/* TWO-COLUMN MODULE DEFINITIONS */
		
	/* Sidebar */	
	.yui-t4 .module {
/*		width: 180px; */
		margin-left: auto;
		margin-right: auto;
		font-size: 85%; /* sidebar text is smaller */
		color: #666;
	}
		.yui-t4 .module .hd {
			height: 4px;
			background: url('../images/module_sidebar_top_bg.gif');
			background-repeat: no-repeat;
		}
		.yui-t4 .module .bd {
			background: url('../images/module_sidebar_bg.gif'); 
			padding: 0.4em 1em;
		}
		.yui-t4 .module .ft {
			height: 4px;
			background: url('../images/module_sidebar_bottom_bg.gif');
			background-repeat: no-repeat;
		}
		.yui-t4 .module h4 {
			font-weight: bold;
			font-size: 100%;			
		}
		.yui-t4 .subnav {
			font-size: 93%;
		}	


	/* Main */
	.yui-t4 #yui-main .yui-b {
		padding-right: 15px;
	}	
	.yui-t4 #yui-main .module {
		/*width: 520px; */
		color: #333;
		font-size: 100%; /* main column text is regular size */
	}
		.yui-t4 #yui-main .module .hd {
			height: 5px;
			background: url('../images/module_main_top_bg.gif');
			background-repeat: no-repeat;
		}
		.yui-t4 #yui-main .module .bd
		{
			padding: 0.5em 1em;
			background-image: url('../images/module_main_bg.gif');
			background-repeat: repeat-y;
		}
		/* For IE7 only */
		html>body .yui-t4 #yui-main .module .bd {
			*padding-right: 3em;
		}
		.yui-t4 #yui-main .module .ft {
			height: 5px;
			background: url('../images/module_main_bottom_bg.gif');
			background-repeat: no-repeat;
		}
		.yui-t4 #yui-main .module h4 {
			font-weight: bold;
			font-size: 107%;
		}		


/* SPECIAL TABLES */
table.pricing {
	border-collapse: collapse;
}
	table.pricing td, table.pricing th {
		border: 1px solid #ccc;
		padding: 1px;
		text-align: center;
	}
	table.pricing th {
		font-weight: bold;
	}
table.features {
	width: 100%;
	margin: 1em 0em;
}
	table.features td {
		width: 33%;
		padding-right: 2em;
	}
	table.features li {
		margin-bottom: 0em;
	}

table.components td {
	padding-bottom: .5em;
}

table.lined {
  margin-top: 1em;
}
table.lined td {
  padding: 6px;
  border: 1px solid #ccc;
}
	
/* IMAGES AND CAPTIONS */
div.imageHolder {
	text-align: center;
}
.caption {
  margin-top: 4px;
	font-size: 85%;
	color: #666;
	line-height: 120%;
}
.image_left {
	float: left;
	margin-right: 1.5em;
	margin-bottom: .5em;
}
.image_right {
	float: right;
	margin-left: 1.5em;
	margin-bottom: .5em;
}
.image_medium {
	max-width: 200px;
}

/* TEXT BLOCK STYLES */
.sidenote {
	font-size: 93%;
	width: 160px; 
	padding: 10px;
	float:right; 
	margin-left: 2em;
	background: url('../images/bg_sidenote.gif') no-repeat top left;	
}
.pullquote
{
	line-height: 1.5em;
	padding-right: 10px;
	padding-left: 18px;
	color: #777;
	font-size: 107%;
	font-style: italic;
	font-weight: h2;
}

	.pullquote .openquote {
		font: 36px bold "Times, Georgia, serif";
		float: left;
		margin-left: -18px;
		margin-top: -2px;
		margin-right: 0;
	}
	
	.pullquote .closequote {
		font: 36px bold "Times, Georgia, serif";
		margin-left: 2px;
		position: relative;
		line-height: .01;
		top: 16px;
	}
 span.author {
	 display:block;
	 margin-top: .5em;
	 line-height: 1.5em;
 } 
 .pullquote span.author {
	 font-size: 85%;
 }
blockquote
{
	margin: 15px 0;
	padding: 10px 10px 10px 60px;
	background-color: #f0f8ff;
	border: solid 1px #cfd7e5;
	text-align: left;
	color: #444;
}
blockquote img {	
  float: left;
  margin-left: -50px;
  border: 1px solid #666;
}
.indent {
	margin-left: 2em;
}

.footnote {
	margin: 25px 20px;
	padding: 10px;
	background-color: #FCFCFC;
	border: solid 1px #CCC;
	text-align: left;
	font-size: .92em;
	color: #666;
}


.prompt {
	padding: 10px;
    border: 1px solid #749BCF; 
    background-color: #EFF6FF;
}

.nextStep {
  height: 80px;
	border-top: 1px solid #ccc;
	margin-top: 3em;
	padding: 1em;
	text-align: center;
	background-image: url('../images/bg_grd_bluewhite.jpg');
	background-repeat: repeat-x;
	background-position: left top;
}
  .nextStep a {
    font-weight: bold;
  }

.promo {
  padding: 1em;
  margin: 1em 0;
  text-align: left;
  /*
  background-image: url('../images/bg_grd_green.jpg');
  background-repeat: repeat-x;
  background-position: left top;
  border: 2px solid #CCFF66;
  */
  background: #E4FFDF;  
  border: 2px solid #9DCF4D;  
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;	
}
  .promo h1 { font-size: 113%; }
  .promo h1, .promo h2, .promo h3 {
    text-transform: uppercase;
    color: #090;  
    margin-top: 0;
  }

#getcode {
    margin-top: 40px;
    font-weight: bold;
    text-align: center;
}
#getcode a.button { 
    display: block;
    margin: 15px auto;
    width: 100px;
    whitespace: nowrap;
}

/* BANNERS */

#banner1 {
	text-align: center;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
}
	#banner1 h3 {
		font-size: 100%;
		margin-bottom: 1em;
	}
	#banner1 .hd {
		height: 43px;
	}
	#banner1 .bd {
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		padding: 1em;
	}
	#banner1 table {
		width: 100%;
	}


/* BUTTONS */
	.action {
		margin-top: 1.5em;
		margin-left: 1.5em;
		width: 176px;
		height: 37px;
		float: right;
		background: url('../images/button1_bg.gif');
		background-repeat: no-repeat;
	}
		.action a {
			color: #FFFFFF;
			font-weight: bold;
			text-decoration: none;
		}
		.action a:hover { 
			color: #000;		
			text-decoration: underline; 
		}
		.action a div {
			width: 176px;
			height: 37px;
			text-align: center;
			padding-top: 8px;
		}


/* --- Form Styles --- */

.submitform
{
  background-color: #EAFF80;
	border: #cccccc solid 1px;
	font-weight: bold;
	font-size: 122%;
	color: #666666;
	padding: 6px 12px;
	margin: 3px 3px 3px 0;
}
.submitform:hover {
  border: 1px solid #999;
  color: #333;
}

.textform
{
	border-top: #999 solid 2px;
	border-left: #999 solid 1px;	
	border-bottom: #999 solid 1px;		
	border-right: #999 solid 1px;			
	background: #fcfcfc;
	font-size: 100%;
	color: #333;
	padding: 2px;
}

.formtitle
{
	width: 70px;
	padding: 7px 0 0 0;
	text-align: right;
	float: left;
	font-weight: bold;
	clear: left;
}

fieldset {
  margin-top: 2em;
  padding: 1.5em;
  border: 1px dotted #ccc;  
}

legend {
  font-weight: bold;
  font-size: 114%;
  color: #555;
  background: #fff;
  padding: 0 5px;
}

label { font-weight: bold; }

.lvPair {
  clear: both;
  margin-bottom: 1em;
}

.formtitlebig, .label
{
/*
	width: 140px;
	padding: 5px;
	text-align: right;
	float: left;
*/
	padding-bottom: 1px;
	display: block;
	font-weight: bold;
	color: #444;
	clear: left;

}


.formAction {
  clear: both;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 10px 0;
/*	background-image: url(bg_grd_bluewhite.jpg); */
	background-repeat: repeat-x;
	background-position: left top;  
}
  .formAction.noborder {
    border: 0;
    margin: 0;
  }
  .formAction.noBG {
    background: none;
  }
  

.formButton
{
	border-bottom: #999 solid 2px;
	border-right: #999 solid 2px;	
	border-top: #ccc solid 1px;		
	border-left: #ccc solid 1px;			
	background: #ffffee;
	font-weight: bold;
	color: #333;
	padding: 2px;
	margin: 3px;
}

.formButton:hover {
  color: #900;
  background: #fff;
}

.formHint {
  font-size: 85%;
  line-height: 120%;
  color: #999; 
  margin: 0; 
  border: 0; 
}

/* Form Alignment */
form.aligned .formAction, 
form.aligned .formHint
{
/*  padding-left: 145px; */
}

.form_hidden_options {
    border: 1px solid #ccc; 
    padding: 5px; 
    width: 300px; 
}
    .form_hidden_options .lvPair {	
	margin-bottom: .5em 
    }
    .form_hidden_options .label {
	font-size: 93%;
    }


/* STATUS AND ALERT BOXES */
div#status, 
ul#status li,
ul#system_status li {
    border: 1px solid #ccc;
    background-color: #FFC;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    font-weight: bold;
    padding: 10px;
    margin: 1em 0;
}
  div#status ul,
  ul#status,
  ul#system_status {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  div#status ul li {
    margin: 0;
    padding: 5px 0;
  }
  div#status.success, 
  div#status.ok,
  ul#system_status li.success {
    background-color: #E4FFDF;  
    border: 1px solid #9DCF4D;
    color: #090; /* green */
    padding-left: 36px;
    background-image: url('/images/icn_ok.png');
  }
  div#status.error,
  ul#status li.error,
  ul#system_status li.error {
    color: #900; /* red */    
    border: 1px solid #c33;
    padding-left: 36px;
    background-image: url('/images/icn_error.png');
  }
  div#status.warning {
    color: #F60; /* orange */
  }
  div.message, div.warning {
    color: #333;
    font-weight: bold;
    padding: 10px 10px 10px 36px;
    margin: 1em 0;
    background-position: 10px 10px;
    background-repeat: no-repeat;

    /* desaturated loomia blue */
    border: 1px solid #749BCF; 
    background-color: #EFF6FF;
    background-image: url('/images/icn_information.png');

    /* green ok style 
    background-color: #E4FFDF;  
    border: 1px solid #9DCF4D;
    color: #090;
    background-image: url('/images/icn_ok.png');
    */
  }
  div.warning {
    color: #D57100; /* orange */
    background-color: #FFC; /* yellow */
    background-image: url('/images/icn_warning.png');
    border: 1px solid #F0C300;
    font-weight: normal;
  }
.ok, .success, .SUCCESS { color: #090; }
.error, .ERROR { color: #930; }


/* Form Validation */
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
/*	border: 1px solid #00A8E6;
	border-top: 2px solid #00A8E6;
*/
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #c30;
	border-top: 2px solid #c30;
	color : #c30;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	background: #E4FFDF;  
	border-top: 2px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	color : #C30;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}



/* News */
#banner2
{
	width: 720px;
	vertical-align: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	height: 25px;
	background-repeat: no-repeat;
	background-image: url('../images/banner2_bg.gif');
	background-position: left center;
}
	#banner2 div.news {
		padding-top: 4px;
		padding-left: 1em;
		text-align: left;
		font-size: 93%;
	}


/* ITEMS (used on Home) */
.item {
	margin: 0em 0em 1em 0em;
	text-align: left;
}
	.item .bullet {
		float: left;
		width: 20px;
		margin-top: 2px;
	}	
	.item .content {
		border-bottom: 1px dashed #999999;
		margin-left: 20px;
		padding-bottom: .5em;		
	}
	.item.last .content {
		border-bottom: none;
	}
	.item .content h1, .item .content h2 {
		font-size: 122%;
		color: #4C78A9;
		margin-bottom: 0;
		margin-top: 0;
	}
.item .content h2 { font-size: 122%; }	
	.item .content p {
		width: 450px;
		margin-bottom: 0;
	}

	.item .testimonial {
		margin: .5em 0;
		font-size: 93%;
		color: #999999;
		padding-left: 46px;
	}
		.item .testimonial img {
			float: left;
			margin-left: -46px;
		}
	
/* Misc Homepage styles */
#main_actions {
	text-align: center;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}
#signup { margin-top: .5em; }	
table#screenshots td {
	text-align: center;
}
	
	
/* TOUR */
.nextPrev {
}
	.nextPrev .next {
		float: right;
	}
	.nextPrev .prev {
		float: left;
	}

/* SUCCESS STORIES */
.cslogo
{
	float: left;
	border: 0;
	padding: 0;
	margin: 0 10px 0 0;
}
.customerinfo {
  font-size: 93%;
  margin-top: .5em;
}

/* JOBS */
body.jobs div#yui-main {
  font-size: 93%;
}

/* --- Sign Up --- */

body#register #hd {
    background: #fff;
}

body.signup #globalNav, body.signup #signIn, body.signup #breadcrumb {
  display: none;
}
body.signup #hd { background: none }
body.signup .pagetitle {
  position: relative;
  top: 0px;
  left: 0;
  margin-top: 0;
}

#RSSYes, #RSSNo {
  margin: 2em 0;
  height: 25em;
  width: 320px;	
}

#RSSYes {
  background: #E4FFDF;  
  border: 2px solid #9DCF4D;
  float: left;
  padding: 10px;
}
    #RSSYes h2 { color: #090 }

#RSSNo {
  background: #FFFEEF;
  border: 2px solid #EFA695;
  float: left;
  padding: 10px;
  margin-left: 30px;
}
    #RSSNo h2 { color: #930 }

#RSSYes textarea, #RSSNo textarea {
  width: 310px;
}

/* --- Features and Signup 3 --- */
.component_copy
{
	color: #444;
	text-align: left;
	margin: 0 20px;
}

.component
{
  clear: both;
	padding: 5px 0;
	margin-bottom: 2em;
}

.component .action {
	margin-left: 0;
}

.component p, .component ul {
  margin-right: 220px;
}

.component .sidebar, .component .footnote {
  margin-right: 250px;
}

.component_illus_right
{
  float: right;
	margin: 5px 0 10px 20px;
}


/* --- LOGIN --- */
#login form {
	margin: 0 9em;
	background: #EFF6FF;
	border: 1px solid #749BCF;
	padding: 20px;
}
#login .label {
	float: left;
	width: 11em;
	margin: 0;
	padding: 3px 0 0 0;
}
#login .lvPair {
	margin-bottom: 10px;
}
#login span.utility { font-size: 77%; }
#login .formAction {
	padding: 0;
	margin: 0 0 0 11em;
	vertical-align: middle;
}
#login .formAction input {
	vertical-align: middle;
}

/* --- UTILITIES --- */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.centered, .center { text-align: center; }
.text-right { text-align: right }
.text-left { text-align: left }
.noborder { border: 0; }
.margin-top { margin-top: 1em; }
.margin-top-0 { margin-top: 0; }
.margin-top-double { margin-top: 2em; }
.nowrap { white-space: nowrap; }
.rounded {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;	
}
.in_progress {
    background: url('/images/dots-white.gif') no-repeat 50% 100%;
    padding-right: 25px;
}

/* See http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* --- / UTILITIES --- */


/* ********************************       IE HACKS       *********************************** */

.clearfix { display: inline-block; } /* reset for IE Mac */

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; } /* this is for IE PC */
.clearfix {display: block;} /* this is the real value used by all other browsers except IE mac */
/* End hide from IE-mac */

/* And this is for IE6 -- goodness! */
* html .clearfix {height:1px;}


/* use this to fix three pixel job in IE or any other IE weirdness */
* html .jogfix, * html .haslayout {
  height: 1%;
}

/* If a div's style attributes (bg, border) don't appear until you scroll */
/* off the page and back again, try appying this style */
* html .ieBGFix {
	background: url(null) fixed no-repeat;
}

/* custom tab widths */
* html #hd #globalNav ul { margin-right: 20px; }
* html #globalNav li {
	height: 1%;
	overflow: hidden;
}
* html #globalNav li#homeLink { width: 50px; }
* html #globalNav li#solutionsLink { width: 70px; }
* html #globalNav li#tourLink { width: 45px; }
* html #globalNav li#successesLink { width: 80px; }
* html #globalNav li#pricingLink { width: 55px; }
* html #globalNav li#jobsLink { width: 45px; }
* html #globalNav li#contactLink { width: 50px; 
	padding: 0px;
}


/* ********************************       / IE HACKS       *********************************** */



/* DROP SHADOW ON #DOC */
.shadow9 {
	margin-left: auto;
	margin-right: auto;
	width: 62.9em;
	min-width: 800px;	
}
.shadow9 { border-left: 1px solid #90A4BF; border-bottom: 1px solid #90A4BF; border-right: 1px solid #90A4BF; }
.shadow8 { border-left: 1px solid #8EA2BB; border-bottom: 1px solid #8EA2BB; border-right: 1px solid #8EA2BB; }
.shadow7 { border-left: 1px solid #8C9EB6; border-bottom: 1px solid #8C9EB6; border-right: 1px solid #8C9EB6; }
.shadow6 { border-left: 1px solid #899AAF; border-bottom: 1px solid #899AAF; border-right: 1px solid #899AAF; }
.shadow5 { border-left: 1px solid #8595A9; border-bottom: 1px solid #8595A9; border-right: 1px solid #8595A9; }
.shadow4 { border-left: 1px solid #829081; border-bottom: 1px solid #829081; border-right: 1px solid #829081; }
.shadow3 { border-left: 1px solid #7F8B9B; border-bottom: 1px solid #7F8B9B; border-right: 1px solid #7F8B9B; }
.shadow2 { border-left: 1px solid #7D8896; border-bottom: 1px solid #7D8896; border-right: 1px solid #7D8896; }
.shadow1 { border-left: 1px solid #7B8592; border-bottom: 1px solid #7B8592; border-right: 1px solid #7B8592; }

.red{ color: red}