/************************************
 ************************************
 ***         *****         **********
 ******   *****   *********   *******
 ******   *****   *********   *******
 ******   *****   *********   *******
 ******   *****   *********   *******
 ***         *****         ****   ***
 ************************************
 ************************************
 *** TRAFFIQ.com CSS v2.0 ***********
 ************************************/
/*
	green color: 499d0d
	green colod: 93be64 (old)


/************************************
 *** Objects ************************
 ************************************/
@font-face {
	font-family: Interstate;
	src: url("/images/interstate.eot");
	src: local('☺'), url("/images/interstate.ttf") format("truetype");
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
address, blockquote, pre, a, cite, code, em, img, strong, ol, ul,
menu, li, fieldset, form, label, table, address, caption, tbody,
tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
address {
	font-style: normal;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color: #3d5f8f;/*#2B487D;*/
	/*ORIG color: #21375F;*/
	text-decoration: none;
}
p a:hover, q a:hover, li a:hover {
	text-decoration: underline;
}
.button:hover, .active:hover, .active a:hover,
h1 a:hover, a:hover h1, h2 a:hover, a:hover h2, #hero a {
	text-decoration: none;
}
img {
	border: 0;
	display: block;
}
ol, ul, h4, p, blockquote {
	color: #555;
}
h1, h2, h3 {
	font-family: Interstate, "Trebuchet MS", sans-serif;
	font-weight: normal;
	line-height: 1.2em;
}
h1, h2, h3 {
	margin-bottom: 0.3em;
}
p, q, ol li, ul li, address {
	margin-bottom: 1.3em;
}
.compact, ul.compact li, ol.compact li {
	margin-bottom: 0.5em;
}
ul.compact li {
	font-size: 0.9em;
}
h1 {
	font-size: 1.8em;
	color: #499d0d;
}
h2 {
	font-size: 1.5em;
	color: #555;
}
h2.s {
	margin-top: -0.5em;
}
h2.IQ {
	color: #3D5F8F;
}
h2.g {
	color: #499d0d;
}
h3 {
	font-size: 1.1em;
	margin-top: 0.5em;
	color: #555;
	/*color: #4a5e85;*/
}
h3.g {
	color: #499d0d;
}
h3.IQ {
	color: #3D5F8F;
	padding-top: 15px;
}
h4 {
	font-size: 1em;
	font-weight: bold;
}
h4.g {
	color: #499d0d;
}
a h2, a h3, a h4 {
	color: #4a5e85;
}
p.caption,
p.footnote {
	font-size: 0.9em;
	font-style: italic;
	margin: 0 3em 1em;
	line-height: 1.5em;
}
q {
	display: block;
	padding: 20px;
	background-color: #eee;
	background-image: -webkit-linear-gradient(left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ddd));
	background-image: -moz-linear-gradient(#eee 0%, #ddd 100%);
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	
	position: relative;
	border-radius: 8px;
}
menu {
	list-style: none;
}
ol {
	list-style: decimal outside;
}
ol.alpha {
	list-style: lower-alpha outside;
}
ol.eula-alpha {
	list-style: lower-alpha outside;
}
ol.roman {
	list-style: lower-roman outside;
}
ul {
	list-style: disc outside;
}
ol, ul {
	margin-left: 2em;
}
.flush {
	margin-left: 0.5em;
}
ul li,
ol li {
	margin-left: 1em;
}
li ol,
li ul {
	margin-top: 1em;
}
hr {
	height: 1px;
	margin: 0 auto 1.3em;
	background-color: #ddd;
	visibility: hidden;
	clear: both;
}
hr.line {
	visibility: visible;
}
html {
	background: #3b7625; /* for non-css3 browsers */
}
body {
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	line-height: 1.6em;
	font-size: 13px;
	color: #555;
	font-family: "Lucida Grande",Helvetica,sans-serif;
	/* background-color: #192650; #387028*/
	overflow-x: hidden;
	overflow-y: auto;
	
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#283d59', endColorstr='#3b7625'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#283d59), to(#3b7625)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #283d59,  #3b7625); /* for firefox 3.6+ */
}
/* split background graphics */
div.background {
	position: absolute;
	top: 0px;
  width: 1103px;
	height: 800px;
	overflow: visible;

}
#backgroundLeft {
	background: url(/images/wall_L.png) no-repeat;
	left: -1103px !important;
}
#backgroundRight {
	background: url(/images/wall_R.png) no-repeat;
	right: -1103px !important;
}

/* Setting min-width from 800 to stop menus wrapping */
#wrapper {
	min-width: 1000px;
	max-width: 1200px;
	width: 96%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background-color: #fcfcfc;
	-webkit-box-shadow: 0 0 0.5em #000;
	-moz-box-shadow: 0 0 0.5em #000;
	
	box-shadow: 0 0 0.5em #000;
}

.side_by_side div:first-child {
	width: 45%;
	margin-right: 5%;
	float: left;
}
.side_by_side div:last-child {
	width: 45%;
	float: left;
}
#infobar {
	width: 980px;
	height: 32px;
	margin: 0 auto;
	background: url("/images/gradient_x.png") repeat-x 0 -201px;
}

/* TRAFFIQ Logo */
#logo {
	width: 350px;
	height: 63px;
	position: absolute;
	top: 28px;
	left: 3%;
}
#logo_img {
	width: 200px;
	height: 52px;
	display: block;
	background: url("/images/traffiq_logo/TRAFFIQ Logo 200px.png") no-repeat;
}
#logo img,
#logo span {
	display: none;
}
#logo .download_logo {
	display: none;
	position: absolute;
	top: -10px;
	left: 200px;
	width: 100px;
	height: 63px;
	color: #999;
	font-size: 0.8em;
	line-height: 110px;
	padding-left: 12px;
}
#logo .download_logo:hover {
	text-decoration: underline;
}
#logo:hover .download_logo {
	display: block;
}
.spelling_guide {
	display: none;
	position: absolute;
	top: -25px;
	left: 200px;
	width: 100px;
	height: 63px;
	color: #999;
	font-size: 0.8em;
	line-height: 110px;
	padding-left: 12px;
}
#logo:hover .spelling_guide {
	display: block;
}
.IPA_guide {
	display: none;
	position: absolute;
	top: -50px;
	left: 200px;
	width: 100px;
	height: 63px;
	color: #999;
	font-size: 0.8em;
	line-height: 110px;
	padding-left: 12px;
}
#logo:hover .IPA_guide {
	display: none;
}
/* Primary links - Text links on the right side of the header */
#primary {
	height: 20px;
	position: absolute;
	top: 62px;
	right: 12px;
	margin-right: 0px;
}
#primary li {
	margin: 1px 11px 0 1px;
	border-bottom: none;
	position: relative;
	float: left;
	display: inline;
	z-index: 1;
}
#primary li a {
	color: #002d62;
	text-transform: uppercase;
	line-height: 20px;
	float: left;
	display: inline;
	height: 20px;
	padding: 3px 10px;
	font-size: 85%;
	font-weight: bold;
}
#primary li.active a {
	background-color: #A3CF84;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6f6a6), color-stop(100%, #A3CF84));
	background-image: -moz-linear-gradient(#c6f6a6 0%, #A3CF84 100%);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	
	position: relative;
	border-radius: 5px;
}
/* Callout - Buttons on the top right of the header */
#callout {
	position: absolute;
	top: 20px;
	right: 360px;
}
#callout li {
	float: left;
	display: inline;
	margin-left: 10px;
}

/* Buttons */
.button {
	position: relative;
	display: block;
	padding: 0 1.8em;
	color: #454545;
	font-size: 0.9em;
	font-weight: normal;
	text-align: center;
	height: 26px;
	line-height: 26px;
	text-shadow: rgba(255,255,255,0.4) 1px 1px 0;
	/* IE text-shadow */
	/* filter: dropshadow(color=#71904C,offX=2,offY=2); */
	
	border: 1px solid #c0c0c0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	background-color: #f2f5f6;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #c0c0c0));
	background-image: -moz-linear-gradient(#f0f0f0 0%, #c0c0c0 100%);
	
	border-radius: 6px;
}
.button:hover {
	-webkit-box-shadow: 0 0 4px #d8d8d8;
	-moz-box-shadow: 0 0 4px #d8d8d8;
	background-color: #c0c0c6;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f5f6), color-stop(100%, #c0c0c0));
	background-image: -moz-linear-gradient(#f2f5f6 0%, #c0c0c0 100%);
	
	box-shadow: 0 0 4px #d8d8d8;
}
.button:active {
	border-color: #bbb;
	text-shadow: none;
	background: #c0c0c6;
}
.button_185 {
	width: 185px;
	padding: 0;
}
.button_200 {
	width: 200px;
	padding: 0;
}
#aperture_play_btn.play_overlay {
	max-width: 418px;
}
.play_overlay {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
/*	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
*/
}
.play_overlay:hover {
}
.play_overlay:after {
	content: ' ';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -31px;
	margin-left: -31px;
}
.play_overlay:after,
.play {
	background: url("/images/sprites.png") no-repeat -278px 0;
	width: 63px;
	height: 63px;
	display: block;
	opacity: .85;
	-webkit-transition: opacity .25s linear;
	-moz-transition: opacity .25s linear;
}
.play_overlay:hover:after,
.play:hover {
	opacity: 1;
}
.close {
	background: url("/images/sprites.png") no-repeat -402px 0;
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
	top: -18px;
	right: -18px;
}
#spinner {
	width: 24px;
	height: 24px;
	background: url("/images/spinner_e9e9e9.gif") no-repeat;
	display: block;
}


/* Boxes (formerly, "Containers") */
#header {
	position: relative;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(40%, #fcfcfc));
	background-image: -moz-linear-gradient( #ececec 0%, #fcfcfc 40%);
}
	
/*
about and follow links
about menu
*** specific style set for index.html.php due to placement of the page peel
*/
#header menu.about {
	position: absolute;
	top: 0;
	right: 270px;
	border: none;
	padding: 3px 10px 2px;
	width: auto;
	white-space: nowrap;
}
#header menu.about li {
	margin-left: 1em;
	display: inline;
	text-transform: lowercase;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}
#header menu.about li:before {
  content: '|';
  color: #959595;
  font-weight: 900;
  font-size: 11px;
  padding: 0px 5px 0px 2px;
}
#header menu.about li:first-child {
	margin-left: 0;
	border: none;
}
#header menu.about li:first-child:before {
	content: '';
}
#header menu.about a {
	font-size: 0.9em;
	line-height: 20px;
	position: relative;
	color: #959595;
	text-transform: capitalize;
}

/* follow us menu */
#header menu.follow_us {
	position: absolute;
	top: 0;
	right: 135px;
	border: none;
	padding: 5px 10px 2px;
	z-index: 100;
}
#header menu.follow_us li {
	margin-left: 1em;
	display: inline;
	border: none;
}
#header menu.follow_us li:first-child {
	margin-left: 0;
}
#header menu.follow_us a {
	position: relative;
	float: left;
	padding: 0 0 0 2px;
	margin: 0 0 0 3px;
}

/* follow us icons */
.icon_facebook,
.icon_twitter,
.icon_linkedin,
.icon_rss {
	display: block;
	width: 16px;
	height: 16px;
	background: url("/images/sprites.png") no-repeat;
}
.icon_facebook {
	background-position: -359px 0;
}
.icon_twitter {
	background-position: -359px -16px;
}
.icon_linkedin {
	background-position: -359px -32px;
}
.icon_rss {
	background-position: -359px -48px;
}

.hang {
	position: absolute;
	top: 0;
	right: 3%;
	background: #f2f5f6;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f5f6), color-stop(100%, #c3cacc));
	background-image: -moz-linear-gradient(#f2f5f6 0%, #c3cacc 100%);
	border-left: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomleft: 8px;
	-khtml-border-radius-bottomright: 8px;
	padding: 3px 10px 2px;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	border-radius: 0px 0px 8px 8px;
}
.hang li {
	float: left;
	margin-left: 1em;
}
.hang li:first-child {
	margin-left: 0;
}
.hang a {
	font-size: 0.9em;
	line-height: 20px;
	position: relative;
}
.language {
	padding-left: 50px;
}
.language .map {
	background: url("/images/sprites.png") no-repeat -375px -40px;
	width: 35px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: -40px;
}

#wearehiring {
  float: right;
  bottom: 8px;
  position: absolute;
  right: 35px;
  color: white;
  z-index: 1000;
  font-size: 12px;
}

#wearehiring a {
  color: white;
}

img.screenshot {
	display: block;
	margin-top: 12px;
}


/* Quoteboxes (blockquote) */
blockquote {
	padding: 1.3em 2em;
	margin: 0 auto 1.3em;
	max-width: 600px;
	position: relative;
	font-style: italic;
}
.quotemark_opened,
.quotemark_closed {
	display: block;
	width: 27px;
	height: 20px;
	position: absolute;
	background: url("/images/sprites.png") no-repeat;
}
.quotemark_opened {
	background-position: -375px 0;
	top: 1em;
	left: -0.5em;
}
.quotemark_closed {
	background-position: -375px -20px;
	bottom: 3em;
	right: 0.5em;
}
blockquote .citation {
	display: block;
	font-style: normal;
	text-align: right;
	padding-right: 2em;
}

blockquote.IQ {
	max-width: 100%;
	margin: 0px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #d0d0d0));
	background-image: -moz-linear-gradient(#f6f6f6 0%, #d0d0d0 100%);
	padding-left: 5.5em;
	padding-right: 5.5em;
}

/* Hero */
#hero {
	font-family: "Interstate", "Trebuchet MS", sans-serif;
	overflow: hidden;
	position: relative;
	border-bottom: 4px solid #aaa;
	background-color: #f6f6f6;
	background-image: -webkit-gradient(radial, 60% 50%, 100, 60% 50%, 500, color-stop(0%, #fafafa), color-stop(100%, #c0c0c0));
	background-image: -moz-radial-gradient(60% 50%, circle cover, #fafafa 0%, #c0c0c0 100%);
	height: 200px;
	-webkit-transition: height 0.10s linear;
	-moz-transition: height 0.10s linear;
	
	/* This looks much better but messes up the transparent background IE fix we already put
	in the site elsewhere (look in _modules/header.inc.php)
	-pie-background: linear-gradient(#fafafa 0%, #c0c0c0 100%);
	
	behavior: url(/PIE.htc);*/
}
#hero.latino {
	height: 200px;
}
#hero.tradingdesk {
	height: 200px;
}
#hero.searchdesk {
	height: 200px;
}
#hero.traffiq50 {
    height: 200px;
}
#hero.IQ {
    height: 200px;
}
#hero_slides {
	list-style: none;
	height: 200px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#hero_slides li {
	width: 100%;
	white-space: nowrap;
	height: 100%;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 0;
}
#hero_slides a {
	position: relative;
	display: block;
	padding-left: 52%;
	height: 100%;
}
#hero_slides .hgroup {
	position: relative;
	opacity: 0;
	zoom: 1;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.25s ease-in-out;
	-moz-transition: opacity 0.25s ease-in-out;
}
#hero_slides .hero_img {
	position: absolute;
	right: 53%;
	width: 48%;
	-webkit-transition: top 0.5s ease-out;
	-moz-transition: top 0.5s ease-out;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	overflow: visible;
}
#hero_slides .off {
	z-index: 1;
}
#hero_slides .on {
	z-index: 2;
}
#hero_slides .off .hero_img.up {
	z-index: 1;
	top: -100%;
}
#hero_slides .off .hero_img.down {
	z-index: 1;
	top: 100%;
}
#hero_slides .on .hero_img {
	z-index: 2;
	top: 0;
}
#hero_slides .on .hgroup {
	z-index: 2;
	opacity: 1;
	filter: alpha(opacity=100);
}

#adv1 .hero_img {
	top: 0;
	background-image: url("/images/hero_200/adv1.png");
}
#pub1 .hero_img {
	top: 0;
	background-image: url("/images/hero_200/pub1.png");
}
#latino .hero_img {
	top: 0;
	background-image: url("/images/hero_200/latino.png");
}
#tradingdesk .hero_img {
	top: 0;
	background-image: url("/images/tradingdesk_blue.png");
}
#searchdesk .hero_img {
	top: 0;
	background-image: url("/images/searchdesk.png");
}
#traffiq50 .hero_img {
	top: 0;
	background-image: url("/images/traffiq50.png");
}
#IQ .hero_img {
	top: 0;
	background-image: url("/images/IQ.png");
}
span.IQlogo {
    text-align: center;
    float: left;
    padding: 0px 15px 20px 0px;
    margin-bottom: 15px;
    height: 130px;
    /*overflow: hidden; */
}
img.IQlogo {
    height: 155px;
}

#hero h1 {
	font-size: 3.4em;
	line-height: 100%;
	color: #499d0d;
	/* text-shadow: #71904C 2px 2px 0; */
	text-shadow: #bdbdbd 2px 2px 0;
	padding: 45px 0 0 0;
	margin: 0;
}
#hero h2 {
	font-size: 1.7em;
	padding: 20px 0 0 0;
	margin: 0;
	line-height: 1.2em;
	color: #4a5e85;
}
/* Hero Controls */
#hero_controls {
	position: absolute;
	top: 10px;
	right: 5%;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 3;
}
#hero_controls li,
#hero_controls li a {
	width: 50px;
	height: 64px;
}
#hero_controls li {
	opacity: 0.7;
	float: left;
	margin: 0 -6px;
	padding: 0;
}
#hero_controls li.active {
	opacity: 1;
}
#hero_controls li a {
	display: block;
	opacity: 0.5;
	background-image: url("/images/hero_buttons.png");
	background-repeat: no-repeat;
}
#hero_controls li a:hover,
#hero_controls li.active a {
	opacity: 1;
}
#hero_controls li a.active {
	z-index: 1;
}
#adv1_button a {
	background-position: 0px 0px;
}
#adv2_button a {
	background-position: -50px 0px;
}
#adv3_button a {
	background-position: -100px 0px;
}
#adv4_button a {
	/* The new bid button */
	background-position: -490px 0px;
}
#adv5_button a {
	background-position: -150px 0px;
}
#adv6_button a {
	background-position: -200px 0px;
}
#adv7_button a {
	background-position: -250px 0px;
}
#pub1_button a {
	background-position: -300px 0px;
}
#pub2_button a {
	background-position: -350px 0px;
}
#pub3_button a {
	background-position: -400px 0px;
}
#pub4_button a {
	background-position: -450px 0px;
}
#adv1_button.active a {
	background-position: -0px -64px;
}
#adv2_button.active a {
	background-position: -50px -64px;
}
#adv3_button.active a {
	background-position: -100px -64px;
}
#adv4_button.active a {
	/* The new bid button */
	background-position: -490px -64px;
}
#adv5_button.active a {
	background-position: -150px -64px;
}
#adv6_button.active a {
	background-position: -200px -64px;
}
#adv7_button.active a {
	background-position: -250px -64px;
}
#pub1_button.active a {
	background-position: -300px -64px;
}
#pub2_button.active a {
	background-position: -350px -64px;
}
#pub3_button.active a {
	background-position: -400px -64px;
}
#pub4_button.active a {
	background-position: -450px -64px;
}

#hero_controls #hero_rw,
#hero_controls #hero_ff {
	position: absolute;
	top: 11px;
	width: 14px;
	height: 28px;
	background-image: url("/images/sprites.png");
	background-repeat: no-repeat;
}
#hero_controls #hero_rw {
	 left: -20px;
	background-position: -250px 0;
}
#hero_controls #hero_rw:hover {
	background-position: -250px -28px;
}
#hero_controls #hero_ff {
	right: -20px;
	background-position: -264px -0px;
}
#hero_controls #hero_ff:hover {
	background-position: -264px -28px;
}
#hero_shadow {
	display: none;
}
#drop_shadow {
	width: 100%;
	height: 3px;
	position: relative;
	z-index: 10;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.6)), color-stop(100%, rgba(0,0,0,0)));
	background-image: -moz-linear-gradient(rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
}
#header > #drop_shadow {
	margin-bottom: -3px;
}

/* Icons */
.icon {
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}
.iconlist_32 .icon {
	background-image: url("/images/icons32.png");
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}
.iconlist_60 .icon {
	background-image: url("/images/icons.png");
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
}
.iconlist_100 .icon {
	top: 0;
	background-image: url("/images/bubbles.png");
	background-repeat: no-repeat;
	width: 100px;
	height: 155px;
}
.iconlist_100 .bubble .icon {
	top: 12px;
}
/* icon background positions */
.iconlist_32 .pdf {
	background-position: 0 0;
}
.iconlist_32 .ppt {
	background-position: -32px 0;
}
.iconlist_32 .xls {
	background-position: -64px 0;
}
.iconlist_60 .pdf {
	background-position: 0 0;
}
.iconlist_60 .ppt {
	background-position: -60px 0;
}
.iconlist_60 .xls {
	background-position: -120px 0;
}
.iconlist_100 .news {
	background-position: 0 0;
}
.iconlist_100 .demo {
	background-position: -100px 0;
}
.iconlist_100 .tour {
	background-position: -300px 0;
}
.iconlist_100 .latino {
	background-position: -200px 0;
}
.iconlist_100 .aperture {
	background-position: -400px 0;
}
.iconlist_100 .inc500 {
	background-position: -500px 0;
}
.iconlist_100 .tradingdesk {
	background-image: url("/images/tradingdesk.100.png");
	background-position: 0px 0px;
}
.iconlist_100 .searchdesk {
	background-image: url("/images/searchdesk.100.png");
	background-position: 0px 0px;
}
.iconlist_100 .traffiq50 {
	background-image: url("/images/traffiq50.100.png");
	background-position: 0px 0px;
}
.iconlist_100 .IQ {
	background-image: url("/images/IQ.100.png");
	background-position: 0px 0px;
}
.iconlist_100 .datatree {
	background-image: url("/images/datatree.png");
	background-position: 0px -20px;
}
.iconlist_100 .other {
	background-image: none;
}

/* advertizer home page list */
ul.advertiser li {
	margin-bottom: 5px;
}
ul.advertiser li:first-child {
	margin-top: 5px;
}
ul.advertiser li:last-child {
	margin-bottom: 10px;
}

ul.tradingdesknews {
    list-style: none;
	margin: 0;
}
li.tradingdesknews {
    padding-left: 10px;
}
li.tradingdesknews img {
	width: 100px;
	margin-left: -10px;
	padding: 5px 15px 5px 5px;
}

.iconlist_32,
.iconlist_60,
.iconlist_100 {
	list-style: none;
	margin: 0;
}
.iconlist_32 > li,
.iconlist_60 > li,
.iconlist_100 > li {
	position: relative;
	margin: 0;
	margin-bottom: 2em;
	min-height: 40px;
}
.iconlist_100 li:last-child {
  margin-bottom: 5px;
}
.iconlist_32 > li {
	padding-left: 40px;
	min-height: 40px;
}
.iconlist_60 > li {
	padding-left: 70px;
	min-height: 60px;
}
.iconlist_100 > li {
	padding-left: 125px;
	min-height: 100px;
}


/* Bubbles */
.bubble {
	display: block;
	min-height: 140px;
	position: relative;
	margin-bottom: 2em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	background: #f2f5f6;
	border: 1px solid #d8d8d8;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #d0d0d0));
	background-image: -moz-linear-gradient(#f6f6f6 0%, #d0d0d0 100%);
	overflow: hidden;
	padding: 12px 6%;
	
	border-radius: 8px;
}
.bubble {
	font-size: 0.9em;
	line-height: 1.7em;
}
.bubble ul {
	margin: 0;
	list-style: none;
}
.bubble .icon {
	left: 6px;
}
.tradingdesk h3 {
	display: inline;
	color: #4a5e85;
}
.searchdesk h3 {
	display: inline;
	color: #4a5e85;
}
.traffiq50 h3 {
	display: inline;
	color: #4a5e85;
}

/* Platform developments on home page */
.platformdev {
	margin-right: 60px;
	font-size: smaller;
	cursor: hand;
}
.platformdev:after {
	content: '        ';
	background: url('/images/bubble_arrow.png');
	background-position: 3px 45%;
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 20px;
	float: right;
	z-index: 1000;
	margin: 0 0 0 10px;
	border-left: 1px solid #d8d8d8;
	
	/* padding-top: 45%; */
	
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-radius-topright: 8px;
	-khtml-border-radius-bottomright: 8px;
	
	border-radius: 0px 8px 8px 0px;
}
.platformdev:hover:after {
	background: url('/images/bubble_arrow.png');
	background-repeat: no-repeat;
	background-color: #EFEEEE;
	background-position: -38px 45%;
}
.platformdev:active:after {
	background: url('/images/bubble_arrow.png');
	background-repeat: no-repeat;
	background-color: #CCCBCB;
	background-position: -80px 45%;
}
span.platformdevtitle {
    text-align: left;
    width: 100%;
}
span.platformdevtitle hr.line {
	margin-bottom: 5px;
}

.iconlist_100 .tour .tradingdesk {
	background: url('/images/tour.png') -15px -15px;
	background-repeat: no-repeat;
	overflow: visible;
}

/* *** IQ Team List */

ul.IQ li {
	display: block;
	clear: both;
	padding-top: 10px;
}
ul.IQ img {
	width: 50px;
	height: 50px;
	float: left;
	padding-right: 20px;
}

/* Award section on homepage */
span.awardstitle {
    text-align: left;
    width: 100%;
}
span.awardstitle hr.line {
    margin-bottom: 0px;
}
div.awards {
	float: left !important;
	width: auto !important;
	margin-left: 0px !important;
}
ul.awards {
  list-style-type: none;
	float: left;
  text-align: right;
  min-height: 64px;
	position: relative;
	margin-bottom: 5px;
	background: transparent;
	overflow: hidden;
	/* padding: 7px 0px 7px 0px; */
	padding: 0px;
	min-width: 332px;
	width: auto;
	/* Jamie wanted all logos to show up */
	/* white-space: nowrap; */
	margin-left: 0px;
	margin-right: 0px;
}
ul.awards li {
    height: 80px;
    width: 80px;
    padding: 2px;
    margin: 3px;
    display: inline;
}
ul.awards img {
    width: 64px;
    height: 64px;
    margin: 0px;
    padding: 0px;
    display: inline;
}

.external_link {
	display: block;
	width: 13px;
	height: 13px;
	background: url("/images/sprites.png") no-repeat -410px -40px;
}
.external_link span {
	display: none;
}

/* Homepage Text (should be Left Rail) */
#demo_preview {
	position: relative;
	display: block;
	width: auto;
	max-width: 500px;
	height: 230px;
	background: url("/images/demo_preview_500.png") no-repeat;
	border: 2px solid #236CA1;
}

/* Footer */
#footer {
	clear: both;
	position: relative;
	font-size: 0.9em;
	line-height: 48px;
	border-top: 1px solid #f0f0f0;
	background-color: #dfdfdf;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #d3d3d3));
	background-image: -moz-linear-gradient(#f9f9f9 0%, #d6d6d6 100%);
}
#footer.no_scroll {
	background: none;
	border-top: none;
}
#footer li {
	color: #999;
	float: left;
	margin-left: 1.5em;
	list-style: none;
	margin-bottom: 0;
}
#footer a {
	color: #666;
}
/* block positioning */
#footer_links {
	margin: 0 0 0 3%;
	list-style: none;
}
#footer_links li:first-child {
	margin-left: 0;
}
/*
#follow_us {
	float: right;
	margin-right: 3%;
} 

.follow_us {
	width: auto;
	list-style: none;
	margin: 0;
}
.follow_us a {
	position: relative;
	float: left;
	padding: 0 0 0 6px;
	margin: 0 0 0 16px;
}
.follow_us span {
	position: absolute;
	top: 16px;
	left: -16px;
}

.icon_facebook,
.icon_twitter,
.icon_linkedin,
.icon_rss {
	display: block;
	width: 16px;
	height: 16px;
	background: url("/images/sprites.png") no-repeat;
}
.icon_facebook {
	background-position: -359px 0;
}
.icon_twitter {
	background-position: -359px -16px;
}
.icon_linkedin {
	background-position: -359px -32px;
}
.icon_rss {
	background-position: -359px -48px;
}
*/

/* Featured Publishers */
#logo_scroller {
	margin: 0 3%;
	min-height: 76px;
	height: 76px;
	padding-top: 5px;
	padding: 0;
	position: relative;
	text-align: center;
}
#logo_scroller span {
	opacity: 0;
	filter: alpha(opacity=0);
	background-image: url("/images/publishers_grey.png");
	background-repeat: no-repeat;
	height: 76px;
	width: 95%;
	
	position: absolute;
	top: 10px;
	left: 50%;
	
	-webkit-transition: opacity 0.25s ease-in-out;
	-moz-transition: opacity 0.25s ease-in-out;
}
#logo_scroller #ls1 {
	opacity: 1;
	filter: alpha(opacity=100);
	width: 879px;
	margin-left: -439px;
}
#logo_scroller #ls2 {
	background-position: -879px 0;
	width: 741px;
	margin-left: -370px;
}
#logo_scroller #ls3 {
	background-position: -1616px 0;
	width: 627px;
	margin-left: -313px;
}
#logo_scroller #ls4 {
	background-position: -2241px 0;
	width: 917px;
	margin-left: -458px;
}
#logo_scroller #ls5 {
	background-position: -3160px 0;
	width: 695px;
	margin-left: -347px;
}
#ls6 {
	background-position: -3500px 0;
}
#ls7 {
	background-position: -4200px 0;
}
#ls8 {
	background-position: -4900px 0;
}

#logo_scroller.IQ {
	width: 935px;
	margin: auto;
}

#logo_scroller.IQ span {
	opacity: 0;
	filter: alpha(opacity=0);

	background-repeat: no-repeat;
	height: 76px;
	width: 935px;
	padding: 0px;
	
	background-position: -8px -7px;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	-webkit-transition: opacity 0.25s ease-in-out;
	-moz-transition: opacity 0.25s ease-in-out;
}
#logo_scroller.IQ #ls1 {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: url("/images/IQ/clients1.png");
	background-position: 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 935px;
	
	background-position: -8px -7px;
}
#logo_scroller.IQ #ls2 {
	background-image: url("/images/IQ/clients2.png");
	background-position: 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 935px;
	
	background-position: -8px -7px;
}
#logo_scroller.IQ #ls3 {
	background-image: url("/images/IQ/clients3.png");
	background-position: 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 935px;
	
	background-position: -8px -7px;
}
#logo_scroller.IQ #ls4 {
	background-image: url("/images/IQ/clients4.png");
	background-position: 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 935px;
	
	background-position: -8px -7px;
}
#logo_scroller.IQ #ls5 {
	background-image: url("/images/IQ/clients5.png");
	background-position: 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 935px;
	
	background-position: -8px -7px;
}
#logo_scroller.IQ #ls6 {
	background-image: url("/images/IQ/clients6.png");
	background-position: 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 935px;
	
	background-position: -8px -7px;
}
#logo_scroller.IQ #ls7 {
	background-image: url("/images/IQ/clients7.png");
	background-position: 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 935px;
	
	background-position: -8px -7px;
}
#logo_scroller.IQ #ls8 {
	background-image: url("/images/IQ/clients8.png");
	background-position: 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 935px;
	
	background-position: -8px -7px;
}
#logo_scroller.IQ #ls9 {
	background-image: url("/images/IQ/clients9.png");
	background-position: 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 935px;
	
	background-position: -8px -7px;
}

#featured_publishers {
	position: absolute;
	top: -15px;
	left: 30px;
	color: #999;
	font-size: 0.8em;
	line-height: 1em;
	text-transform: uppercase;
}

/* News Headlines */
.headlines {
	list-style: none;
	margin-left: 0;
}
.headlines li {
	margin: 0.5em 0;
	padding-top: 0.5em;
	border-top: 1px solid #ddd;
	border-top-color: #ccc;
	border-top-color: rgba(0,0,0,0.05);
}
.headlines li:first-child {
	border-top: none;
	padding-top: 0;
}
.headlines .date {
	display: block;
}
.news .description {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}
.news hr {
	visibility: visible;
	margin-top: 1.3em;
	background: #ddd;
}
.news .related {
	margin-left: 3em;
}
.news h4 {
	position: relative;
	margin-left: 20px;
	font-weight: normal;
}
.news h4:after {
	content: '';
	position: absolute;
	left: -20px;
	top: 4px;
	width: 13px;
	height: 13px;
	background: url("/images/sprites.png") no-repeat -410px -40px;
}
.news > h4 {
	float: right;
}
.news .date {
	float: right;
	margin-top: 0;
	margin-left: 1em;
}

/* Article (PR) */
hgroup {
	display: block;
	margin-bottom: 1.3em;
}

/* Peel */
#peelbannercontainer {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    height: 100px;
    width: 125px;
    background-color: transparent;
    overflow: hidden;
}
/*#peelbannercontainer:hover {
    height: 280px;
    width: 245px;
    z-index: 10000;
}*/
#peelbannercontainer.peelbannercontainerOver {
    height: 280px;
    width: 245px;
    z-index: 10000;
}
#peelbanner {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    height: 280px;
    width: 245px;
}
/* Used to disable PBC - also hide style on index page
#peelbannercontainer {
	display: none;
}
*/
/* Demo */
#hero.demo {
	height: 410px;
	margin-bottom: 0;
	border-bottom: 0;
}
#pause_mask {
		width: 100%;
		height: 100%;
		background: #666;
		filter: alpha(opacity=10);
		opacity: 0.1;
		-webkit-transition: opacity 0.15s ease-in;
		-moz-transition: opacity 0.15s ease-in;
		position: absolute;
		top: 0;
		left: 0;
	}
	#loading_mask {
		width: 100%;
		height: 100%;
		background: #e9e9e9;
		opacity: 0.8;
		position: absolute;
		top: 0;
		left: 0;
	}
	#loading_mask #spinner {
		float: left;
		visibility: visible;
	}
	#loading_mask h3 {
		margin-left: 420px;
		margin-top: 193px;
	}
	#hero.demo .button {
		font-size: 1.2em;
		height: 36px;
		line-height: 36px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-khtml-border-radius: 8px;
		
		position: relative;
  	border-radius: 8px;
}
#hero.demo #resume {
		left: 50%;
		margin-left: -125px;
		top: 50%;
		margin-top: -18px;
		width: 200px;
		opacity: 1;
		display: none;
	}
	#tour {
		height: 410px;
		overflow: hidden;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -490px;
		margin-top: -205px;
		width: 980px;
		width: 100%;
		margin-left: 0;
		left: 0;
	}
	#flashdemo {
		width: 100%;
	}
	/* Complete Buttons */
	#complete_bar {
		width: 350px;
		position: absolute;
		top: 75%;
		left: 50%;
		margin-left: -175px;
		display: none;
	}
		#hero.demo #complete_bar .button {
			margin-bottom: 20px;
		}
	/* Play Controls */
#pc_bar {
		background-color: #999;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(200,200,200)),color-stop(2%, rgba(80,80,80,0.73)),color-stop(50%, rgba(80,80,80,0.73)),color-stop(50%, rgba(60,60,60,0.73)), color-stop(100%, rgba(60,60,60,0.73)));
		background-image: -moz-linear-gradient(rgb(200,200,200) 0%, rgba(80,80,80,0.73) 2%, rgba(80,80,80,0.73) 50%, rgba(60,60,60,0.73) 50%, rgba(60,60,60,0.73) 100%);
		position: absolute;
		width: 100%;
		height: 30px;
		bottom: 0;
		right: 0;
		bottom: -28px;
		-webkit-transition: bottom 0.15s ease-in;
		-moz-transition: bottom 0.15s ease-in;
	}
	#hero.demo:hover #pc_bar {
		bottom: 0px;
	}
	#pc_bar a:first-child {
		float: right;
		margin-right: 12px;
	} 
	#pc_bar a {
		line-height: 30px;
		color: #eee;
	}
	#pc_bar a:hover {
		color: #499d0d;
	}
	.pc {
		background-color: transparent;
		float: left;
		padding: 9px 6px;
		margin: 0;
	}
	.pc:hover {
		background-color: rgba(255,255,255,0.1);
	}
	.pc span {
		background-repeat: no-repeat;
		background-image: url("/images/sprites.png");
		display: block;
		width: 18px;
		height: 13px;
		line-height: 200px;
		color: transparent;
		overflow: hidden;
	}
	#rw.pc span {
		background-position: -341px -13px;
	}
	#ff.pc span {
		background-position: -341px 0;
	}
	#pause.pc,
	#play.pc {
		padding: 9px;
	}
	#pause.pc span,
	#play.pc span {
		width: 13px;
		background-position: -341px -26px;
	}
	#play.pc span {
		background-position: -341px -39px;
	}
	#play.pc {
		display: none;
	}
#demo_signup {
	margin-bottom: 0;
	overflow: hidden;
	visibility: hidden;
	-webkit-transition: height 0.2s linear;
	-moz-transition: height 0.2s linear;
}
#demo_schedule {
	width: auto;
}
#mask_chapters {
	width: 100%;
	overflow: hidden;
	position: relative;
}
#demo_chapters {
	padding: 1.3em 0 0 0;
	min-height: 600px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0d0d0), color-stop(50%, #fcfcfc));
	background-image: -moz-linear-gradient(#d0d0d0 0%, #fcfcfc 50%);
}
#demo_chapters.sequence {
	width: 2505px;
	min-height: 300px;
	position: relative;
	-webkit-transition: left 0.3s ease-in;
	-moz-transition: left 0.3s ease-in;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0d0d0), color-stop(100%, #fcfcfc));
	background-image: -moz-linear-gradient(#d0d0d0 0%, #fcfcfc 100%);
}
/* Pods */
.pod {
	margin-bottom: 1.3em;
}
#demo_chapters .pod {
	width: 240px;
	min-height: 280px;
	float: left;
	margin: 0 0 2em 65px;
	line-height:  1.4em;
}
.pod ul {
	margin-left: 1em;
}
.pod li {
	margin-bottom: 0.5em;
}
.pod h2 {
	width: 100%;
	height: 90px;
	font-size: 1.8em;
	text-transform: uppercase;
	margin-bottom: 1em;
	position: relative;
	display: block;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	background: #e9e9e9;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(50%, #e9e9e9), color-stop(50%, #d0d0d0), color-stop(100%, #fff));
	background-image: -moz-linear-gradient(#fff 0%, #e9e9e9 50%, #d0d0d0 50%, #fff 100%);
	
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	border-radius: 8px;
	linear-gradient(#fff 0%, #e9e9e9 50%, #d0d0d0 50%, #fff 100%);
}
	.discover #discover h2,
	.distribute #distribute h2,
	.acquire #acquire h2,
	.bid #bid h2,
	.deliver #deliver h2,
	.analyze #analyze h2,
	.consolidate #consolidate h2 {
		background-color: #ccc;
		background-image: 
			-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(23,37,79,0.2)), color-stop(100%, rgba(23,37,79,0.2))),
			-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(50%, #e9e9e9), color-stop(50%, #d0d0d0), color-stop(100%, #fff));
		background-image:
			-moz-linear-gradient(rgba(23,37,79,0.2) 0%, rgba(23,37,79,0.2) 100%),
			-moz-linear-gradient(#fff 0%, #e9e9e9 50%, #d0d0d0 50%, #fff 100%);
		border: 1px solid rgba(23,37,79,0.2);
	}
.pod h2:hover {
	border: 1px solid #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(50%, #e0e0e0), color-stop(50%, #c6c6c6), color-stop(100%, #f6f6f6));
	background-image: -moz-linear-gradient(#f9f9f9 0%, #e3e3e3 50%, #c9c9c9 50%, #f9f9f9 100%);
}
.pod h2 a :first-child {
	-webkit-box-reflect: below -25% -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0.3)));
	-moz-box-reflect: below -25% -moz-linear-gradient(rgba(255,255,255,0) 20%, rgba(255,255,255,0.3) 100%);
	line-height: 100%;
	float: right;
	margin-right: 1em;
	margin-top: 25px;
}
.pod h2 .img {
	width: 125px;
	height: 90px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url("/images/pods.png") no-repeat;
}
#discover .img {
	background-position: 0 0;
}
#distribute .img {
	background-position: 0 -90px;
}
#acquire .img {
	background-position: 0 -180px;
}
#bid .img {
	background-position: 0 -555px;
}
#deliver .img {
	background-position: 0 -270px;
}
#analyze .img {
	background-position: 0 -360px;
}
#consolidate .img {
	background-position: 0 -450px;
}

/*
 * Contact Us Form
 */
.wrapper_form h1 {
	font-size: 1.2em;
	font-weight: bold;
	padding-right: 60px;
}
.wrapper_form td,
.wrapper_form th {
	vertical-align: middle;
	padding: 10px 0 0 0;
	white-space: nowrap;
}
.wrapper_form tr:nth-child(1) td,
.wrapper_form tr:nth-child(1) th {
	padding-top: 0;
}
.wrapper_form table tr:first-child td,
.wrapper_form table tr:first-child th {
	padding-top: 0;
}
.wrapper_form th {
	color: #666;
	text-align: right;
	font-weight: normal;
	padding-right: 10px;
}
.wrapper_form td.checkbox {
	padding: 3px 5px;
}
.wrapper_form td.textbox {
	width: 180px;
	padding-right:0;
}
.wrapper_form .textbox input,
.wrapper_form textarea {
	border: 1px solid rgb(221,221,221);
	width: 180px;
	font-size: 16px;
	padding: 8px;
	font-weight: normal;
	color: #333;
}
.wrapper_form textarea {
	width: 80%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 100px;
}
.schedule input.checkbox,
.wrapper_form input.checkbox {
	margin-top: 5px;
	margin-right: 10px;
}
.wrapper_form label {
	white-space: nowrap;
	line-height: 100%;
}
.wrapper_form #spinner {
	visibility: hidden;
	float: right;
	display: inline;
	margin: 4px 0 0 15px;
}
.wrapper_form .error {
	background: #fbb;
}
.wrapper_form .section_begin td,
.wrapper_form .section_begin th {
	padding-top: 20px;
}
#content .wrapper_form h3 {
	padding: 0 200px 20px 0;
}
#thank_you {
}
#thank_you.tour {
	padding: 2em;
	background: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	margin: 2em 65px;
}
/* CSS3 stuff for .wrapper_form */
.wrapper_form .textbox input,
.wrapper_form textarea {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-transition: border 0.15s linear, -webkit-box-shadow 0.15s linear;
	-moz-transition: border 0.15s linear, -moz-box-shadow 0.15s linear;
	
	border-radius: 5px;
}
.wrapper_form .textbox input:focus,
.wrapper_form textarea:focus {
	background: #f9f9f9;
	-webkit-box-shadow: 0 0 4px #ccc;
	-moz-box-shadow: 0 0 4px #ccc;
	border: 1px solid rgba(44,106,176,1);
	
	box-shadow: 0 0 4px #ccc;
}

.wrapper_form .help {
	width: 160px;
}
.wrapper_form .display_help .help .msg {
	font-size: 80%;
	padding: 0 15px 0 10px;
	line-height: 34px;
	border: 1px solid rgb(221,221,221);
	border-left-width: 2px;
	background: #f6f6f6;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-top-right-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	
	position: relative;
	border-radius: 0px 5px 5px 0px;
}
.wrapper_form.firefox_fix .display_help .help .msg {
	line-height: 36px;
}
.wrapper_form .display_help .help .msg_good {
	background-color: rgb(240, 254, 233);
	border-color: rgb(225, 239, 219);
}
.wrapper_form .display_help .help .msg_error {
	background-color: rgb(255, 207, 207);
	border-color: rgb(229, 163, 163);
	color: rgb(128, 27, 27);
}
.wrapper_form .display_help .textbox input {
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-khtml-border-top-right-radius: 0;
	-khtml-border-bottom-right-radius: 0;
	
	position: relative;
	border-radius: 0px 0px 0px 0px;
}
.wrapper_form .caption_msg {
	font-size: 80%;
	color: #555;
	line-height: 1.5em;
}
.wrapper_form .caption_msg th,
.wrapper_form .caption_msg td {
	padding-top: 0;
}
.schedule {
	width: 100%;
	margin-bottom: 2em;
}
.schedule th,
.schedule td {
	white-space: nowrap;
	padding: 1.3em 8px;
	text-align: left;
	background-color: #f9f9f9;
}
.schedule tr td:nth-child(3) {
	text-align: right;
	padding-left: 0;
}
.schedule th {
	font-weight: bold;
}
.schedule tr:nth-child(even) td {
	background-color: #eee;
}
.schedule th {
	background-color: #ccc;
}
.schedule th {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddd), color-stop(100%, #ccc));
	background-image: -moz-linear-gradient(#ddd 0%, #ccc 100%);
}
.schedule tr:first-child th:first-child {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
}
.schedule tr:first-child th:last-child {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
}
.schedule tr:last-child td:first-child {
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
}
.schedule tr:last-child td:last-child {
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
}
.schedule_loading td {
	padding-left: 50px;
	background: #e9e9e9 url("/images/spinner_e9e9e9.gif") no-repeat 20px 10px;
}
.schedule tr td.help {
	color: rgb(128, 27, 27);
	background-color: rgb(255, 207, 207);
	padding-top: 0;
	padding-bottom: 0;
}

/*
 * Sitemap
 */
#sitemap {
	position: relative;
	height: 500px;
}
#sitemap .column {
	width: 40%;
	margin-right: 5%;
}
#sitemap #col1 {
}
#sitemap #col2 {
	position: absolute;
	top: 0;
	margin-left: 50%;
}
#sitemap .section {
	margin-bottom: 1em;
}
#sitemap .section h2 {
	margin-top: 0;
}
#sitemap .section ul {
	margin-top: 0;
	margin-bottom: 1em;
}
#sitemap .section ul li {
	margin-bottom: 0;
}
#sitemap .section ul li a {
	 }
#sitemap .section ul li a {
	color: #454545;
}


/*
 * Branding
 */
.logo_format {
	float: left;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
.logo_format a {
	background: #eee;
	display: block;
}
/* borders */
.logo_format a {
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-khtml-border-radius:8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
}
#logo_eps a, .logo_size, #logo_png a {
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	-khtml-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
}
#logo_eps a {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
#logo_png a {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

/* gradients */
.logo_format a {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));
	background-image: -moz-linear-gradient(center top, #eee 0%, #ccc 100%);
}
#logo_eps a {
	padding: 20px 117px 0;
}
#logo_png a {
	padding: 20px 90px 0px;
}
#logo_250 a {
	padding: 20px 10px 0px;
}
#logo_200 a {
	padding: 33px 10px 0px;
	/* 6 */ }
#logo_150 a {
	padding: 45px 10px 0px;
	/* 12 */ }
.png_text {
	text-align: center;
	font-size: 24px;
	font-family: "Arial Black", "Arial Bold", Arial, sans-serif;
	line-height: 40px;
	color: #aaa;
	display: block;
	opacity: 0.4;
}
.logo_size {
	border-top: 1px solid #bbb;
	background: #c3c3c3;
	color: #f6f6f6;
	font-family: "Arial Black", "Arial Bold", Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	display: block;
}

/*
 * Account Confirmation
 */
.feature {
	padding-bottom: 20px;
	position: relative;
	/*min-height: 255px;*/
}
.feature h3 {
	padding-top: 10px;
}
.screenshot_left .blurb,
.screenshot_left h3 {
	margin-left: 390px;
}
.screenshot_right .blurb,
.screenshot_right h3 {
	margin-right: 390px;
}
.screenshot_left .screenshot {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
}
.screenshot_right .screenshot {
	position: absolute;
	top: 0;
	right: 0;
	width: 350px;
}
.screenshot_right .button {
	position: absolute;
	top: 10px;
	right: 100px;
}
.screenshot_left .button {
	position: absolute;
	top: 10px;
	left: 100px;
}
.call_to_action {
	padding: 0 0 20px;
}
.partners .screenshot_left .screenshot,
.partners .screenshot_right .screenshot {
	margin-top: 60px;
	width: auto;
}
.partners .screenshot_left h3,
.partners .screenshot_left .blurb {
	margin-left: 275px;
}

/*
 * Case Studies
 */
.casestudy {
	padding-bottom: 20px;
	position: relative;
	/*min-height: 255px;*/
}
.casestudy h3 {
	padding-top: 10px;
}
.logo_left .blurb,
.logo_left h3 {
	margin-left: 390px;
}
.logo_right .blurb,
.logo_right h3 {
	margin-right: 390px;
}
.logo_left .casestudylogo {
	float: left;
}
.logo_right .casestudylogo {
	float: right;
}
.logo_right .button {
	position: absolute;
	top: 10px;
	right: 100px;
}
.logo_left .button {
	position: absolute;
	top: 10px;
	left: 100px;
}
.call_to_action {
	padding: 0 0 20px;
}
.casestudies .logo_left .casestudylogo,
.casestudies .logo_right .casestudylogo {
	margin-top: 10px;
	margin-bottom: 10px;
	width: auto;
}
.casestudies .logo_left h3,
.casestudies .logo_left .blurb {
	margin-left: 275px;
}

#espanol {
	display: none;
}


#gmap {
	border: 2px solid #ccc;
}


/*
 * Positioning
 */


#box_content,
.box_content {
	position: relative;
	padding: 1.3em 3% 0;
}
/* box content for IQ subsite */
.box_content.IQ {
	padding: 1.8em 3% 0;
}
.sexy_gradient {
	margin-bottom: 0;
	padding-top: 0px;
	background-color: #fcfcfc;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-image: 
	-webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #f3f3f3), color-stop(50%, #fcfcfc));
	background-image: -moz-linear-gradient(-45deg, #f3f3f3 0%, #fcfcfc 50%);
}
.rails_half.sexy_gradient {
	-webkit-background-size: 52% 100%;
	-moz-background-size: 52% 100%;
}
.rails_third.sexy_gradient {
	-webkit-background-size: 34.5% 100%;
	-moz-background-size: 34.5% 100%;
}
.sexy_gradient.rails_half>div,
.sexy_gradient.rails_half>table,
.sexy_gradient.rails_third>div,
.sexy_gradient.rails_third>table {
	margin-top: 1.3em;
	margin-bottom: 1.3em;
}

/* Work around for global IQ subsite border change - 20110621 */
.sexy_gradient.rails_third.IQ>div {
	margin-top: 0px;
}

.rails_3col,
.rails_half,
.rails_third {
	zoom: 1;
	clear: both;
	margin-bottom: 1.3em;
}
.rails_3col:after,
.rails_half:after,
.rails_third:after,
#footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.rails_half>div,
.rails_half>table {
	width: 47%;
	float: left;
	margin-left: 5%;
	position: relative;
}
.rails_half>div:first-child,
.rails_half>table:first-child {
	margin-left: 0;
	width: 47%;
}
.rails_3col>div,
.rails_third>div,
.rails_third>table {
	width: 30%;
	float: left;
	margin-left: 5%;
	position: relative;
}
.rails_third>div:first-child,
.rails_third>table:first-child {
	margin-left: 0;
	width: 65%;
}
.rails_3col>div:first-child {
	margin-left: 0;
}
/* Give a little more side margin with the sexy gradient */
.rails_third.sexy_gradient>div,
.rails_third.sexy_gradient>table {
	width: 30.5%;
	float: left;
	margin-left: 6%;
}
.rails_third.sexy_gradient>div:first-child,
.rails_third.sexy_gradient>table:first-child {
	margin-left: 0;
	width: 63.5%;
}
/* don't allow images to be bigger than their parents */
.box_content img,
.rails_half img,
.rails_third img,
.rails_3col img {
	max-width: 100%;
}
/* fix conflict with Twitter widget images being oddly resized */
.twtr-img img {
	max-width: none !important;
}
.cushion {
	border-top: 2em solid transparent;
	border-bottom: 0.7em solid transparent;
}

/* IQ subsite specific */
div.rails_half.iq>div,
div.rails_half.iq>table {
	width: 35%;
	float: left;
	margin-left: 5%;
	position: relative;
}
div.rails_half.IQ > div:first-child,
div.rails_half.IQ > table:first-child {
	margin-left: 0;
	width: 35%;
}
div.rails_half.IQ > div:nth-child(2),
div.rails_half.IQ > table:nth-child(2) {
	width: 60%;
}
div.IQ hr.line {
	/* margin-bottom: 2px; */
}
img.IQ {
	float: left;
	padding: 0px 9px 3px 0px;
	margin-top: 15px;
}
ul.awards.IQ img {
	height: 104px;
	width: 213px;
	margin: 0px;
  padding: 0px;
  display: inline;
}
ul.IQHome li {
	margin-bottom: 5px;
	font-size: 14px;
}
ul.IQHome li:first-child {
	margin-top: 5px;
}
ul.IQHome li:last-child {
	margin-bottom: 10px;
}

#primary {
	display: none;
}
/*#*/
#nav:after, subnav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#nav {
	width: 100%;
	border-top: 73px solid transparent;
}
#nav li {
  position: relative;
  
	float: right;
	margin-right: 1%;
	background: #ccc;
	padding: 0.6em 2%;
	line-height: 100%;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-khtml-border-radius-topleft: 8px;
	-khtml-border-radius-topright: 8px;
	
	border-radius: 8px 8px 0px 0px;
	
	color: #fff;	
}
#nav li:hover {
    background: #aaa;
}
#nav li:first-child {
	margin-right: 3%;
}

/* nav/subnav colors */
#nav .adv.active {
  position: relative;
	background-color: #27355f;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5F77AB), color-stop(60%, #37547f));
	background-image: -moz-linear-gradient(#5F77AB 0%, #37547f 60%);
}
#nav .pub.active {
	background-color: #336e04;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #499d0d), color-stop(60%, #639e34));
	background-image: -moz-linear-gradient(#499d0d 0%, #639e34 60%);
	
	position: relative;
}
#nav .trq.active {
	background-color: #666;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaa), color-stop(60%, #999));
	background-image: -moz-linear-gradient(#aaa 0%, #999 60%);
	
	position: relative;
}
#nav .iq.active {
	background-color: #747474;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(60%, #525252));
	background-image: -moz-linear-gradient(#747474 0%, #525252 60%);
	
	position: relative;
}
#nav a,
#subnav a {
	color: #fff;
}

/* Data Tree navigation */
/* because we're inheriting from #nav li we need to mark some styles as !important */
#datatreeicon {
	
	background: none !important;
	margin-top: -16px;
	padding: 0px !important;
	

	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-khtml-border-radius: 8px !important;
	
	border-radius: 8px !important;
}
#datatreeicon:hover {
	background: #D9D9D9 !important;
}
#datatreeicon:active {
	background: #BABABA !important;
}
#datatreeicon.selected {
	background: #DCF9C7 !important;
}

#datatreeicon .exploreourdatatree {
	display: none;
}
#datatreeicon:hover .exploreourdatatree {
	display: inline;
	position: absolute;
	left: -145px;
	bottom: 15px
}
#datatreeicon .exploreourdatatree a {
	color: #BABABA;
}

.box_aperture {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #454545;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #656565), color-stop(100%, #454545));
	background-image: -moz-linear-gradient(#656565 0%, #454545 100%);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 1px 1px 40px rgba(0,0,0,.8);
	-moz-box-shadow: 1px 1px 40px rgba(0,0,0,.8);
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	
	border-radius: 10px;
	box-shadow: 1px 1px 40px rgba(0,0,0,.8);
}
.box_aperture :first-child {
	margin: 10px;
}

/* Twitter news box */
.twtr-hd {
	display: none;
}
.twtr-hd > h3 {
	display: none;
}

.twtr-join-conv {
	background: transparent url(/images/follow_button.png) no-repeat -17px -5px;
	
	width: 74px;
	height: 28px;
	padding: 2px;
}
.twtr-join-conv:hover {
	background: url(/images/follow_button.png) no-repeat -17px -43px;
}
.twtr-join-conv:active {
	background: url(/images/follow_button.png) no-repeat -17px -83px;
}

/* individual tweets */
.twtr-tweet:nth-child(even) {
	background-color: #DADADA;
}

.twtr-ft div {
	padding: 10px 10px 0px 10px !important;
}

.twtr-ft > div > a > img {
	visibility: hidden;
	width: 100px;
}

.twtr-ft > div > a {
	background-image: url(/images/twitter_logo_blue.png);
	background-repeat: no-repeat;
	margin-top: 6px;
}

/******* Sub navigation with arrows *******/
/*
This replaces the standard navigation and only uses CSS
*/
#subnav {
	width: 100%;
	overflow: hidden;
	line-height: 100%;
	height: 30px;
	
	list-style: none; 
  overflow: hidden; 
  font-family: 'Lucida Grande', Helvetica, sans-serif;
  font-size: 12px;
  
  margin-left: 0px !important;
  padding-left: 0px !important;
}
/* Sub navigation section specific styles */
#subnav.adv {
  position: relative;
	background-color: #27355f;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #37547f), color-stop(60%, #27355f));
	background-image: -moz-linear-gradient(#37547f 10%, #27355f 60%);
}
#subnav.pub {
	background-color: #336e04;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #639e34), color-stop(60%, #336e04));
	background-image: -moz-linear-gradient(#639e34 10%, #336e04 60%);
	
	position: relative;
}
#subnav.trq {
	background-color: #666;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #999), color-stop(60%, #666));
	background-image: -moz-linear-gradient(#999 10%, #666 60%);
	
	position: relative;
}
#subnav.iq {
	background-color: #515151;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #515151), color-stop(60%, #373737));
	background-image: -moz-linear-gradient(#515151 0%, #373737 60%);
	
	position: relative;
}
#subnav.none {
	display: none;
}

/* Workflow based subnav combined styles */
#subnav.adv li, #subnav.pub li { 
  float: left;
  border: 1px solid transparent;
  padding: 0px 0px 0px 10px;
	height: 30px;
}
#subnav.adv li a, #subnav.pub li a {
  color: white;
  text-decoration: none;
  height: 100%;
  position: relative; 
  display: block;
  float: left;

	margin: 10px -2px auto 12px;
}
#subnav.adv li:nth-child(odd), #subnav.pub li:nth-child(odd) {
  margin: 0px -5px 0px 0px;
  padding: 7px 0px 0px 10px;
  height: 27px;
  border: 1px solid transparent;
}
#subnav.adv li:nth-child(even) a, #subnav.pub li:nth-child(even) a {
  padding: 15px 8px 10px 15px;
  margin: -6px;
}

/* Advertisers sub navigation */
/******* Colors
	default: 	002F63
	hover:		1D5585
	active:		00294A
	selected: 	67B03C
*/

#subnav.adv li:nth-child(even) a {
  padding: 14px 8px 10px 15px;
  margin: -6px;
	background-color: #002F63;
}
#subnav.adv li:nth-child(even) a:after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 30px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 30px solid transparent;
  border-left: 30px solid #002F63;
  position: absolute;
  top: 50%;
  margin-top: -37px; 
  left: 92%;
  z-index: 0; 
}
#subnav.adv li:nth-child(even) a:before { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 30px solid #002F63;           /* Go big on the size, and let overflow hide */
  border-bottom: 30px solid #002F63;
  border-left: 30px solid transparent;
  position: absolute;
  top: 50%;
  margin-top: -37px; 
  left: -30px;
  z-index: 1; 
}

#subnav.adv li a:hover {
  background: #1D5585;
}
#subnav.adv li a:hover:after {
  border-left-color: #1D5585 !important;
}
#subnav.adv li a:hover:before {
  border-top-color: #1D5585 !important;
  border-bottom-color: #1D5585 !important;
}

#subnav.adv li:nth-child(odd):hover {
  background-color: #1D5585;
}

#subnav.adv li a:active {
  background: #00294A;
}
#subnav.adv li a:active:after {
  border-left-color: #00294A !important;
}
#subnav.adv li a:active:before {
  border-top-color: #00294A !important;
  border-bottom-color: #00294A !important;
}

#subnav.adv li:nth-child(odd):active {
  background-color: #00294A;
}

#subnav.adv li.active a {
  background: #67B03C;
}
#subnav.adv li.active a:after {
  border-left-color: #67B03C !important;
}
#subnav.adv li.active a:before {
  border-top-color: #67B03C !important;
  border-bottom-color: #67B03C !important;
}
#subnav.adv li.active:nth-child(odd) {
	background-color: #67B03C;
}

#subnav.adv li:first-child {
  margin-left: 0px;
  padding-left: 0px;
}

#subnav.adv li:first-child a {
  margin-left: 0px;
  padding-left: 0px;
}

#subnav.adv li:nth-child(odd) a {
  margin: 0px 10px 0px 10px;
  background-color: transparent;
  color: white;
  padding: 0px 20px 0px 20px;
  border: 1px solid transparent;
}

#subnav.adv li:last-child a {
  margin-right: 0px;
  padding-right: 10px;
}

#subnav.adv li.active:last-child a:after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 30px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 30px solid transparent;
  border-left: 30px solid #1D5585;
  position: absolute;
  top: 50%;
  margin-top: -37px; 
  left: 92%;
  z-index: 0; 
}

#subnav.adv li:last-child:hover a:after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 30px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 30px solid transparent;
  border-left: 30px solid #1D5585;
  position: absolute;
  top: 50%;
  margin-top: -37px; 
  left: 92%;
  z-index: 0;
}

/* Publishers sub navigation */
/*
	Colors:
		default: 005A04
		hover:	67B03C
		active: 005502
		selected: 2D75A5 (css class called "active") 1D5585
*/
#subnav.pub li { 
  float: left;
  border: 1px solid transparent;
  padding: 0px 0px 0px 10px;
	height: 30px;
}
#subnav.pub li a {
  color: white;
  text-decoration: none;
  height: 100%;
  position: relative; 
  display: block;
  float: left;

	margin: 10px -2px auto 12px;
}
#subnav.pub li:nth-child(odd) {
  margin: 0px -5px 0px 0px;
  padding: 8px 0px 0px 10px;
  height: 27px;
  border: 1px solid transparent;
}
#subnav.pub li:nth-child(even) a {
  padding: 15px 8px 10px 15px;
  margin: -6px;
	background-color: #005A04;
}
#subnav.pub li:nth-child(even) a:after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 30px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 30px solid transparent;
  border-left: 30px solid #005A04;
  position: absolute;
  top: 50%;
  margin-top: -37px; 
  left: 92%;
  z-index: 0; 
}
#subnav.pub li:nth-child(even) a:before { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 30px solid #005A04;           /* Go big on the size, and let overflow hide */
  border-bottom: 30px solid #005A04;
  border-left: 30px solid transparent;
  position: absolute;
  top: 50%;
  margin-top: -37px; 
  left: -30px;
  z-index: 1; 
}

#subnav.pub li a:hover {
  background: #67B03C;
}
#subnav.pub li a:hover:after {
  border-left-color: #67B03C !important;
}
#subnav.pub li a:hover:before {
  border-top-color: #67B03C !important;
  border-bottom-color: #67B03C !important;
}

#subnav.pub li:nth-child(odd):hover {
  background-color: #67B03C;
}

#subnav.pub li a:active {
  background: #005502;
}
#subnav.pub li a:active:after {
  border-left-color: #005502 !important;
}
#subnav.pub li a:active:before {
  border-top-color: #005502 !important;
  border-bottom-color: #005502 !important;
}

#subnav.pub li:nth-child(odd):active {
  background-color: #005502;
}

/* This is the selected state, poor choice of class name */
#subnav.pub li.active a {
  background: #2D75A5;
}
#subnav.pub li.active a:after {
  border-left-color: #2D75A5 !important;
}
#subnav.pub li.active a:before {
  border-top-color: #2D75A5 !important;
  border-bottom-color: #2D75A5 !important;
}
#subnav.pub li.active:nth-child(odd) {
	background-color: #2D75A5;
}

#subnav.pub li:first-child {
  margin-left: 0px;
  padding-left: 0px;
}

#subnav.pub li:first-child a {
  margin-left: 0px;
  padding-left: 0px;
}

#subnav.pub li:nth-child(odd) a {
  margin: 0px 10px 0px 10px;
  background-color: transparent;
  color: white;
  padding: 0px 20px 0px 20px;
  border: 1px solid transparent;
}

#subnav.pub li:last-child a {
  margin-right: 0px;
  padding-right: 10px;
}

#subnav.pub li.active:last-child a:after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 30px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 30px solid transparent;
  border-left: 30px solid #1D5585;
  position: absolute;
  top: 50%;
  margin-top: -37px; 
  left: 92%;
  z-index: 0; 
}

#subnav.pub li:last-child:hover a:after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 30px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 30px solid transparent;
  border-left: 30px solid #1D5585;
  position: absolute;
  top: 50%;
  margin-top: -37px; 
  left: 92%;
  z-index: 0;
}
/* #subnav.pub li.active {
	background-color: #499d0d;
	background-color: rgba(255,255,255,0.3);
}*/

/* IQ Professional Services sub navigation */
/*
	Colors:
		default: 535353
		hover:	005A04
		active: 005A04 / 1F412C
		odd color: 
		even color: 2D2D2D
		selected: 2D75A5 (css class called "active") 1D5585
*/
#subnav.iq li { 
  float: left;
  border: 1px solid transparent;
  padding: 0px 0px 0px 10px;
	height: 30px;
}
#subnav.iq li a {
  color: white;
  text-decoration: none;
  height: 100%;
  position: relative; 
  display: block;
  float: left;

	margin: 10px -2px auto 12px;
}
#subnav.iq li:nth-child(odd) {
  margin: 0px -5px 0px 0px;
  padding: 8px 0px 0px 10px;
  height: 27px;
  border: 1px solid transparent;
}
#subnav.iq li:nth-child(even) a {
  padding: 15px 8px 10px 15px;
  margin: -6px;
	background-color: #2D2D2D;
}
#subnav.iq li:nth-child(even) a:after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 30px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 30px solid transparent;
  border-left: 30px solid #2D2D2D;
  position: absolute;
  top: 50%;
  margin-top: -37px; 
  left: 92%;
  z-index: 0; 
}
#subnav.iq li:nth-child(even) a:before { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 30px solid #2D2D2D;           /* Go big on the size, and let overflow hide */
  border-bottom: 30px solid #2D2D2D;
  border-left: 30px solid transparent;
  position: absolute;
  top: 50%;
  margin-top: -37px; 
  left: -30px;
  z-index: 1; 
}

#subnav.iq li a:hover {
  background: #005A04;
}
#subnav.iq li a:hover:after {
  border-left-color: #005A04 !important;
}
#subnav.iq li a:hover:before {
  border-top-color: #005A04 !important;
  border-bottom-color: #005A04 !important;
}

#subnav.iq li:nth-child(odd):hover {
  background-color: #005A04;
}

#subnav.iq li a:active {
  background: #1F412C;
}
#subnav.iq li a:active:after {
  border-left-color: #1F412C !important;
}
#subnav.iq li a:active:before {
  border-top-color: #1F412C !important;
  border-bottom-color: #1F412C !important;
}

#subnav.iq li:nth-child(odd):active {
  background-color: #1F412C;
}

/* This is the selected state, poor choice of class name
	was #1F412C - changed to #777777 on 20110621
*/
#subnav.iq li.active a {
  background: #777777;
}
#subnav.iq li.active a:after {
  border-left-color: #777777 !important;
}
#subnav.iq li.active a:before {
  border-top-color: #777777 !important;
  border-bottom-color: #777777 !important;
}
#subnav.iq li.active:nth-child(odd) {
	background-color: #777777;
}

#subnav.iq li:first-child {
  margin-left: 0px;
  padding-left: 0px;
}

#subnav.iq li:first-child a {
  margin-left: 0px;
  padding-left: 0px;
}

#subnav.iq li:nth-child(odd) a {
  margin: 0px 10px 0px 10px;
  background-color: transparent;
  color: white;
  padding: 0px 20px 0px 20px;
  border: 1px solid transparent;
}

#subnav.iq li:last-child a {
  margin-right: 0px;
  padding-right: 10px;
}

#subnav.iq li.active:last-child a:after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 30px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 30px solid transparent;
  border-left: 30px solid RED;
  position: absolute;
  top: 50%;
  margin-top: -37px; 
  left: 92%;
  z-index: 0; 
}

#subnav.iq li:last-child:hover a:after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 30px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 30px solid transparent;
  border-left: 30px solid RED;
  position: absolute;
  top: 50%;
  margin-top: -37px; 
  left: 92%;
  z-index: 0;
}

/* About TRAFFIQ sub navigation */
#subnav.trq li.active {
	background-color: #ccc;
	background-color: rgba(255,255,255,0.3);
}
#subnav.trq li {
	float: left;
	margin: 0px;
	
	line-height: 2.5em;
	min-width: 139px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}
ul.careers li {
  margin-bottom: auto;
}