/* CSS Document */

/* ------------------------------------ GLOBAL STYLES  ------------------------------------  */

body {
  min-width: 550px;      /* 2x LC width + RC width */
  margin:0px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  line-height: 140%;
}

ul, li {
	margin:0px 0px 0px 0px;/* global reset */
	padding:0px 0px 0px 0px;
}

p {
	margin:0px 0px 5px 0px;/* global reset */
	padding:0px 0px 0px 0px;
}

p.center {
	text-align: center;
}

* html body{
	font-size: x-small; /*for IE5/Win */
	f\ont-size: small; /*for Other IE versionsn */
}

h1 {
	text-indent:-2000px;
	line-height:100%;
	font-size:100%;
	padding:0px;
	margin:0px;
	float:left;
}

h2 {
	font-size:150%;
	color:#FF6600;
}

h3 {
	color:#FF6600;
	font-size:110%;
	margin:1em 0 0.5em 0;
}

h4 {
	font-size: small;
	margin:1em 0 0 0;
	padding:0px;
}

.intro {
	font-size:110%;
	color:#336666;
	margin:0px 0px 15px 0px;
}

ul.intro li {
	font-size: 120%;
}

a {
	text-decoration:none;
}

a img {
	border-style: none;
}

A:hover		{ text-decoration:underline; }
A:active	{ text-decoration:underline; }

.rightpic {
	float: right;
	margin:5px 0px 5px 15px;
}

.leftpic {
	float: left;
	clear:both;
	margin:5px 15px 5px 0px;
}

.article{
clear:both;
}

.article p.img{
float:left;
}

.article p{
}

.article h4{
float:right;
width:100%;
margin:15px 0px 5px 0px;

}


/* --------------------------- TABLES ---------------------------- */

table {
	width: 100%;
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	background-color:#CCCCCC;
	margin: 8px 0px 10px 0px;
}

table caption {
	text-align:left;
	margin: 20px 0px 0px 0px;
}

table th, table td {
	margin: 0;
	padding: 5px 3px 5px 3px;
	text-align: center;
	vertical-align:top;
	line-height:110%;
	border-width: 0px 1px 1px 0px;
	border-style: solid;

}

table td {
	background:#ffffff;
}

table.grey {
	width: 35em;
}

table.grey td {
	 background: #EEEEEE;
}

table th {
	font-weight:normal;
}

table caption {
	color:#FF6600;
	font-size:110%;
}

table.prices td {
	text-align: center;
	padding: 3px 3px 3px 3px;
}

table.prices th {
	background: #EEEEEE;
	font-weight: bold;
}

.price_note {
	font-size: 85%;
	color: #666666;
}

/* --------------------------- FORMS ---------------------------- */

fieldset {
	padding:5px 10px 10px 15px;
	border: 1px solid #cccccc;
	margin: 0px 0px 10px 0px;
}

legend {
	color:#FF6600;
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 0px 10px;
}

p.label_field_pair {
	clear: both;
	float: none;
}

p.label_field_pair label {
	clear: left;
	display: block;
	float: left;
	text-align: left;
	width: 75px;
}

p.label_field_pair input {
	clear: right;
	float: left;
	margin-left: 10px;
	width: 200px;
}


p.label_field_pair_wide {
	clear: both;
	float: none;
}

p.label_field_pair_wide label {
	clear: left;
	display: block;
	float: left;
	text-align: left;
	width: 160px;
}

p.label_field_pair_wide input {
	clear: right;
	float: left;
	margin-left: 10px;
	width: 200px;
}

p.label_field_pair_wide select {
	clear: right;
	float: left;
	margin-left: 10px;
	width: 120px;
}

p.label_field_pair_wide textarea {
	clear: right;
	float: left;
	margin-left: 10px;
}


/* ------------------------------------ PAGE STRUCTURE  ------------------------------------  */

#header {
	x background-color:#FF9900;
}

#banner { /* currently just a spacer to force topmenu down into correct position */
	height:130px;
	background-image:url(../graphics/amber_banner.jpg);
	background-repeat:no-repeat;
	background-color:#FF9900;
}

#banner p {
	font-family: Garamond, Times, serif;
	font-style: italic;
	font-size: 20px;
	position: absolute;
	line-height: 1.25em;
	top: 0.7em;
	left: 25%;
	width: 73%;
	height: 100px;
	color: white;
	text-align: right;
	padding: 0.1em;
	margin: 0px;
}

#banner img {
	position: absolute;
	top: 0px;
}

#titlebar {
	height:41px;
	float:left;
	background-color:#CCCCCC;
	background-image:url(../graphics/titlebar_bg.gif);
	background-repeat:repeat-x;
	width:100%; /* needed for mac safari */
}

#titlebar a:hover
	{
cursor: hand;
}

#tititle {
	float:left;
	height:41px;
	width:525px;
	background-image:url(../graphics/talent_innovations.jpg);

}

/* --------------------------- LOGIN MENU ---------------------------- */

#loginmenu {
	width:200px; /* stops firefox wrapping div to next line */
	float:right;
	font-size:75%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#loginmenu ul {
	float:right;
	margin:0px 0px 0px 0px;
}

#loginmenu ul li {
	color:#333333;
	display:block;
	float:left;
	list-style:none;
}

#loginmenu ul li a, #loginmenu ul li a:visited{
	color:#666666;
	border:none;
	display:block;
	padding:10px 15px 0px 0px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

#loginmenu ul li a:hover{
	color:#000000;
}



/* --------------------------- TOP MENU ---------------------------- */

#topmenubar {
	height:23px;
	width:100%;
	clear:both;
	background-color:#666666;
	background-image:url(../graphics/topmenubar_bg.gif);
	background-repeat:repeat-x;
}

#topmenuleft {
	float:left;
	width:200px;
	height:23px;
	background-image:url(../graphics/topmenu_left.jpg);
}

#topmenu {
	float:right;
}

#topmenu ul {
	float:left;
	list-style:none;
}


#topmenu ul li {
	color:#FFFFFF;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;

}

#topmenu ul li a, #topmenu ul li a:visited{
	color:#FFFFFF;
	float:left;
	font-size:75%;
	margin:0px 0px 1px 0px;
	padding:0px 15px 0px 15px;
	background-image:url(../graphics/topmenu_button.gif);
	height:23px;
	text-decoration:none;
}

#topmenu ul li a:hover, #topmenu ul li a.self:hover {
	background-image:url(../graphics/topmenu_button_hover.gif);
}

#topmenu ul li a.self {
	background-image:url(../graphics/topmenu_button_active.gif);
}

/* --------------------------- PAGE STRUCTURE ---------------------------- */

#container {
  padding-left: 200px;   /* LC width */
  padding-right: 150px;  /* RC width */
  background-color:#33FF00;
}

#container .column {
  position: relative;
  float: left;
}

#center {
  width: 100%;
}

#pagecontent {
	padding:10px 20px 10px 10px;
	background-image:url(../graphics/pagebody_shadow.gif);
	background-repeat:repeat-x;
}

#pagecontent ul {   /* standard bullet lists  */
	list-style:outside;
	list-style-type:disc;
	font-size:90%;
	margin:5px 0px 10px 0px;
}

#pagecontent p {
	margin-bottom: 0.9em;
}

#pagecontent p.listintro {
	margin-bottom: 0;
}

#pagecontent ul li{
	margin:0px 18px 3px 30px;

}

#pagecontent ul.ticks {
	list-style: none;
}

#pagecontent ul.ticks li {
	background: url(../graphics/tick.png) no-repeat 0 50%;
	padding-left: 22px;
}

#pagecontent ul.crosses {
	list-style: none;
}

#pagecontent ul.crosses li {
	background: url(../graphics/cross.png) no-repeat 0 0%;
	padding-left: 22px;
	margin-bottom: 0.8em;
}

#pagecontent ol.crosses {
}

#pagecontent ol.crosses li {
	background: url(../graphics/cross.png) no-repeat 100% 100%;
	padding-right: 22px;
	padding-bottom: 0.4em;
	margin-bottom: 0.4em;
}

#pagecontent a {
	color:#FF6600;
}

#left {
  width: 190px;          /* LC width */
  height: 550px;
  right: 200px;          /* LC width */
  margin-left: -100%;
  z-index: 5;

}

#container > #left {
	left:-200px;	/*  LC width for others   */
	margin-left: expression(document.all.center.offsetWidth * -1); /*  fix for ie7   */
}

/*** IE6 Fix ***/
* html #left {
  left: 150px;           /* RC width */
}

#underlay
{
	position: absolute;
	left: 0px;
	top: 194px;
	width:190px;
	height:550px;
	z-index: 0;
}


/* --------------------------- MAIN MENU ---------------------------- */


#mainmenu {
	background-image:url(../graphics/mainmenu_fade.gif);
}

#mainmenu ul {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:100%;
	color:#FFFFFF;
}

#mainmenu ul li {
	display:block;
	clear:both;
	width:180px;
}

#mainmenu ul li.subtree {
	background:url(../graphics/credits_bg.gif);
	color:#111111;
	font-size: 85%;
	padding-left: 0px;
}

#mainmenu ul li.subtree a, #mainmenu ul li.subtree a:visited {
	color:#111111;
}

#mainmenu ul li.self {
	background-color:#FF6600;
	background:none;
	color:#111111;
	padding-left: 0px;
}

#mainmenu ul li.subtreeself {
	background-color:#FF6600;
	background:none;
	color:#111111;
	padding-left: 0px;
	font-size: 85%;
}

#mainmenu ul li.self a, #mainmenu ul li.self a:visited {
    background-color:#BB6600;
	color:#FFFFFF;
}

#mainmenu ul li.subtreeself a, #mainmenu ul li.subtreeself a:visited {
    background-color:#FFCC22;
    color: #111111;
}

#mainmenu ul li a, #mainmenu ul li a:visited {
	color:#FFFFFF;
	display:block;
	clear:both;
	width:180px;
	border:solid;
	border-width:1px 0px 1px 0px;
	border-top-color:#FFFFFF;
	border-bottom-color:#000000;
	padding:3px 0px 3px 9px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

#mainmenu a:hover, #mainmenu ul li.subtree a:hover, #mainmenu ul li.self a:hover, #mainmenu ul li.subtreeself a:hover {
	background-color: #FF8800;
	color:#FFFFFF;
}

#right {
  width: 150px;          /* RC width */
  margin-right: -150px;  /* RC width */
  background-image:url(../graphics/pagebody_shadow.gif);
  background-repeat:repeat-x;
  font-size:75%;
  line-height:120%;
}

/* --------------------------- SUBMENU ---------------------------- */

#submenu {
	font-size:110%;

}

#submenu ul {
	list-style:none;
	margin:40px 0px 40px 0px;
	padding:0px 0px 0px 0px;
	font-size:100%;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC; /* adds line under last item in list */
}

#submenu ul li {

	color:#FF6600;
}

#submenu ul li a {
display:block;
	clear:both;
	width:150px;
	border:solid;
	border-width:1px 0px 0px 0px;
	border-top-color:#CCCCCC;
	padding:7px 0px 7px 5px;
	color:#FF6600;
}

#submenu ul li a:hover {
	font-weight:bolder;
}

#submenu ul ul {
	border-bottom:none;
	margin:0px 0px 0px 0px;
}

#submenu ul ul li a {
display:block;
	clear:both;
	width:150px;
	border:dotted;
	border-width:1px 0px 0px 0px;
	border-top-color:#CCCCCC;
	padding:4px 0px 4px 20px;
	color:#FF6600;
}

/* --------------------------- FOOTER MENU ---------------------------- */

#footer {
	font-size:70%;
	line-height:100%;
  	clear: both;
	background-repeat:repeat-x;
  	height:45px;

}

#footermenu {
	float:left;
	width:100%;
	padding:8px 0px 0px 0px;
	height:16px;
	background-image:url(../graphics/footermenu_bg.gif);
}

#footermenu ul {
	float:left;
	list-style:none;
	padding:0px 0px 0px 0px;
}

#footermenu ul li {
	color:#FFFFFF;
	float:left;
}

#footermenu ul li a, #footermenu ul li a:visited {
	display:block;
	color:#FFFFFF;
	float:left;
	border-width:0px 0px 0px 1px;
	border-style:solid;
	border-color:#CCCCCC;
	padding:0px 8px 0px 8px; /* controls gap between menus items */
	margin:0px 0px 0px 0px;
}

#footermenu ul li a:hover {
	color:#FF6600;
}

#creditbar {
	float:left;
	background-image:url(../graphics/credits_bg.gif);
	background-repeat:repeat-x;
	width:100%; /* req for safari mac  */
}

#credits {
	clear:both;
	float:left;
	width:45%;
	color:#666666;
	height:75px;
	padding:6px 10px 10px 10px;
}

#credits a, #credits a:visited{
	color:#666666;
}

#footerlinks {
	float:right;
	padding:6px 10px 10px 10px;
}

#footerlinks ul{
	float:left;
	list-style:none;
}
#footerlinks ul li {
	color:#666666;
	float:left;
}

#footerlinks ul li a, #footerlinks ul li a:visited{
	color:#666666;
	padding:0px 10px 0px 10px;
}

#footerlinks ul li a:hover {
	color:#FF6600;
}


/* ------------------------------------ BOXES  ------------------------------------  */
.greybox {
	background-color:#F0F3F3;
	background-image:url(../graphics/box_corner.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0px 0px 10px 0px;
	margin:10px 0px 0px 10px;
}

.greenbox {
	background-color:#DCF2F2;
	background-image:url(../graphics/box_corner.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0px 0px 10px 0px;
	margin:10px 0px 0px 10px;
}

.greybox h6 {
	font-size:100%;
	color:#FFFFFF;
	background-color:#999999;
	padding:2px 10px 2px 10px;
	margin:0px 0px 0px 0px;
}

.greenbox h6 {
	font-size:100%;
	color:#FFFFFF;
	background-color:#88BDBD;
	padding:2px 10px 2px 10px;
	margin:0px 0px 0px 0px;
}
.greybox p {
	padding:2px 10px 2px 10px;
	margin:0px 0px 0px 0px;
	color:#333333;
}

.greenbox p {
	padding:2px 10px 2px 10px;
	margin:0px 0px 0px 0px;
	color:#339999;
}

.greybox a, .greenbox a {
	color:#FF6600;
}

blockquote {
	width:45%;
	float:right;
	margin:10px 0px 0px 20px;
	padding:0px 0px 0px 40px;
	background-image:url(../graphics/left_quotemark.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#336666;
}

.fullquote {
	width: 90%;
	float: none;
	margin-left: 0px;
}

blockquote p {
	padding:5px 30px 0px 0px;
	margin:0px 0px 0px 0px;
	background-image:url(../graphics/right_quotemark.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	font-style:italic;
}

.quotee {
	font-size:80%;
	line-height:120%;
	color:#999999;
	text-align:left;
	padding:5px 30px 15px 0px;
}

#pagecontent div.offerbox {
	margin: 2em 0px 2em 0px;
}

#pagecontent div.offerbox span {
	background-color: #F78b00;
	color: white;
	padding: 0.8em;
	font-size: 110%;
	font-weight: bold;
}

#pagecontent div.offerbox span a {
	color: black;
}

#pagecontent div.offerpara {
	margin: 2em 1em 2em 1em;
    background-color: #F78b00;
	padding: 0.8em 2em 0.8em 2em;
	font-size: 110%;
	font-weight: bold;
}

#pagecontent div.offerpara p {
	color: white;
}

#pagecontent div.offerpara h3 {
	color: #191919;
}

#pagecontent div.offerpara a {
	color: black;
}

/*---------------------------- SITEMAP -----------------------------*/

#pagecontent ul.sitemap {
	background-color: #DDDDDD;
	width: 20em;
}

#pagecontent ul.sitemap ul {
	margin-left: 2em;
    background-color: #E5E5E5;
	width: 19em;
}

#pagecontent ul.sitemap ul ul {
	margin-left: 2em;
	background-color: #EEEEEE;
	width: 18em;
}


/* --------------------------- FLOWCHART ---------------------------- */

#flowchart {
	width:100%;
	float:right;
}


#flowchart p {
	margin-bottom: 0.0em;
}

#flowchart em {
	font-weight:bolder;
	font-style:normal;
}

.stage {
	padding:0px 0px 0px 0px;
	background-image:url(../graphics/flowchart_strip.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FF9900;
}

.stagecontent {
	padding:5px 15px 5px 15px;
	border-width:1px 1px 0px 1px;
	border-style:solid;
}

.arrow {
	background-image:url(../graphics/flowchart_arrow.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:#FF9900;
	height:25px;
}

.noarrow {
	height:25px;
}

/* --------------------------- BLADE ---------------------------- */

#blade1 {
	position: absolute;
	left: 145px;
	top: 194px;
	z-index: 10;
}

#blade2 {
	position: absolute;
	left: 140px;
	top: 240px;
	z-index: 11;
}

#blade3 {
	position: absolute;
	left: 132px;
	top: 280px;
	z-index: 12;
}
#blade4 {
	position: absolute;
	left: 122px;
	top: 320px;
	z-index: 13;
}
#blade5 {
	position: absolute;
	left: 112px;
	top: 360px;
	z-index: 14;
}
#blade6 {
	position: absolute;
	left: 101px;
	top: 400px;
	z-index: 15;
}
#blade7 {
	position: absolute;
	left: 0px;
	top: 440px;
	z-index: 16;
}

/* --------------------------- CLIENTS TABLE ---------------------------- */

table.clients {
	border-style: dotted;
	border-width: 1px 0px 0px 1px;
}

.clients td {
	width: 160px;
	vertical-align: middle;
	text-align: center;
	border-style: none;
}

.clients img {
	margin-top: 15px;
	margin-bottom: 15px;
	border: 0;
}


/*------------------------------TOOLS PAGE---------------------------------------*/

span.orangename, span.greyname {
	font-family: Gill Sans MT, Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 100%;
	letter-spacing: 2px;
}

span.orangename {
	color: #F78b00;
}

span.greyname {
	color: #6D6D6D;
}

table.tools, table.subtools, table.tooltitle {
	border-style: none;
	border-collapse: collapse;
}

.tools th {
	background-color: #F78b00;
}

.tools tbody tr td {
	border-style: solid none;
}

.tooltitle tbody tr td {
	border-style: none;
}

.tools tbody tr td, .tooltitle tbody tr td {
	vertical-align: middle;
	text-align: left;
	border-bottom: 2px gray solid;
}

.tooltitle tbody tr td {
	font-size: 130%;
	color: #6D6D6D;
}

.subtools tbody tr td {
	border-style: none;
}

.subtools tbody tr td.logos, .tooltitle tbody tr td.logos {
	text-align: center;
}






/* --------------------------- HIDE BITS WHEN PRINTING ------------------ */
@media print {
	#header, #left, #right, #blade1, #blade2, #blade3, #blade4, #blade5, #blade6, #blade7, #underlay, #footermenu {
		display: none;
	}

	#container {
	  padding-left: 0px;   /* LC width */
	  padding-right: 0px;  /* RC width */
	  background-color:white;
	}
}

/* -------------------------- Toolbox ----------------------------------- */
#toolbox {
	width: 100%;
	height: 200px;
}


/* -------------------------- MISC OTHER THINGS ----------------------------------- */

#pagecontent ul.blocks {
	margin: 0 auto;
	clear: right;
}

#pagecontent ul.blocks li {
	color: white;
	list-style: none;
	display: inline;
	background-color: #FF9900;
	border: 2px solid;
	border-top-color: #FFCC66;
	border-left-color: #FFCC66;
	border-bottom-color: #BB7700;
	border-right-color: #BB7700;
	margin: 1em;
	padding: 0.4em 0.8em;
	font-weight: bold;
}