/*
Theme Name: IQ Navigator
Description: The custom WordPress theme developed by <a href="http://voceconnect.com/">voce connect</a>.
Version: 1.0
Author: Pete Schiebel
Author URI: http://voceconnect.com/
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1; text-align: center; padding-bottom: 30px; background: #fcf7e6 url(images/bg-body.gif) repeat-x}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
font, center {color: #eecc11; font-weight: bold; background: #cd0000; margin: 10px; padding: 10px; border: 2px dashed #eecc11; font-size: 2em;}
div {position: relative;}
strong {font-weight: bold;}
em {font-style: italic;}
code {font-family: courier;}
img {display: block;}
ul {list-style: none;}
a {outline: none; text-decoration: none; color: #997b01;}
a:hover {text-decoration: underline;}
.clr {clear: both; height: 0px; overflow: hidden;}
.alignright, .identity form {float: right; display: inline;}
.alignleft, .identity ul, .identity img, .top-tabs li, .identity li, .nav li, .clients li, .panel, #content, .sidebar {float: left; display: inline;}
img.alignleft {margin: 10px 10px 10px 0;}
img.alignright {margin: 10px 0 10px 10px;}
.aligncenter {margin: 10px auto 0 auto;}
.sprite, .identity input, .identity button, .blue-bars a {background: url(images/sprite.gif) no-repeat;}
#page {margin: 0 auto; text-align: left; width: 924px; padding-top: 8px; color: #626161;}
.top-tabs {margin-right: -23px; height: 23px;}
.top-tabs ul {float: right;}
.top-tabs li, .identity li, .nav li {text-indent: -9999px;}
.top-tabs li a {display: block; height: 23px;}
.top-tabs li a.user-login {width: 139px;}
.top-tabs li a.support {background-position: -139px 0; width: 128px;}
.top-tabs li a.user-login:hover {background-position: 0 -23px;}
.top-tabs li a.support:hover {background-position: -139px -23px;}
.identity {padding-left: 13px; width: 911px; margin-top: 21px;}
.identity img {float: left; display: inline; margin-right: 132px;}
.identity ul {float: left; display: inline;}
.identity li a {display: block; height: 38px; width: 78px; overflow: hidden;}
.identity a.nav-company {background-position: 0 -50px;}
.identity a.nav-contact {background-position: -78px -50px;}
.identity a.nav-events {background-position: -155px -50px; width: 63px;}
.identity a.nav-company:hover, .identity ul.company a.nav-company {background-position: 0 -88px;}
.identity a.nav-contact:hover, .identity ul.contact a.nav-contact {background-position: -78px -88px;}
.identity a.nav-events:hover, .identity ul.events a.nav-events {background-position: -155px -88px;}
.identity input, .identity button {height: 27px; width: 275px; background-position: -225px -50px; vertical-align: middle; border: none;}
.identity button {width: 70px; background-position: -287px 0;}
.nav {clear:both; padding-left: 228px; width: 696px; margin-top: 4px; z-index: 20; overflow: auto;}
.nav a {display: block; height: 38px;}
.nav a.nav-home {width: 105px; background-position: 0 -130px;}
.nav a.nav-solutions {background-position: -105px -130px; width: 136px;}
.nav a.nav-resources {background-position: -241px -130px; width: 140px;}
.nav a.nav-our-clients {background-position: -381px -130px; width: 155px;}
.nav a.nav-home:hover, .nav ul.home a.nav-home {background-position: 0 -168px;}
.nav a.nav-solutions:hover, .nav ul.solutions a.nav-solutions {background-position: -105px -168px;}
.nav a.nav-resources:hover, .nav ul.resources a.nav-resources {background-position: -241px -168px;}
.nav a.nav-our-clients:hover, .nav ul.our-clients a.nav-our-clients {background-position: -381px -168px;}
.flash {clear: both; width: 924px; height: 316px;}
.flash img {position: absolute; top: 0; left: 0;}
.flash object {position: relative; z-index: 10;}
.staff {margin-top: 6px; margin-right: -10px; width: 934px;}
.staff img {display: inline; margin-right: 6px;}
.clients {height: 124px; width: 583px; float: left; background: url(images/bg-clients.gif) repeat-x; padding: 15px;}
.clients h5 {text-transform: uppercase; color: #636363; font: 12px Verdana; font-weight: bold;}
.clients h5 span {float: right;}
.clients h5 a {color: #636363;}
.clients ul {margin-top: 0;}
.clients li {text-align: center;}
.clients li img {display: inline; padding: 12px 38px 10px 38px; border-right: 1px dotted #ccc; margin: 0 auto;}
.teaser {float: right; border-top: 3px solid #737373; background: #fff; width: 249px; padding: 10px 27px 0px 27px; height: 141px;}
.teaser p {font: 16px Georgia; color: #626161; line-height: 23px;}
.insight {clear: both; background: url(images/bg-insight.gif); width: 796px; height: 24px; margin-top: 10px; padding: 11px 7px 0 121px;}
.insight p {font: 12px Georgia;}
.insight p span {float: right;}
.insight a {color: #626261;}
.insight span a {color: #004b90; text-transform: uppercase;}
.panels {margin-top: 10px; width: 924px;}
.panel {width: 303px; background: #fff; border-top: 3px solid #004b90;}
.panel.iq-news {width: 297px; margin: 0 10px 0 11px;}
.panel.iq-blog {width: 297px; margin: 0 0px 0 11px;}
.panel.who-uses {border-top: 3px solid #ddb309;}
.panel h3 {padding: 12px 22px 14px 14px; color: #004b90; font: 15px Verdana; text-transform: uppercase; font-weight: bold;}
.panel h4 {font: 13px Verdana; color: #004b90; text-transform: uppercase; padding: 12px 14px 14px 14px; background: #e5eff4; display: block; font-weight: bold;}
.panel h4 strong {font-weight: bold; font-style: italic;}
.panel h4 span {float: right;}
.panel li {font: 11px Arial; line-height: 13px; border-bottom: 1px solid #e5e5e5; color: #626261; padding: 12px;}
.panel li a {color: #626261; display: block; padding: 0 28px; background-repeat: no-repeat; background-position: 3px 1px;}
.panel li a.file {background-image: url(images/icon-file.gif);}
.panel li a.link {background-image: url(images/icon-link.gif);}
.panel li a.video {background-image: url(images/icon-video.gif);}
.panel li.alt a {background-color: #f6f6f6;}
.panel p {padding: 15px 20px 8px 34px; font: 12px Arial; text-transform: uppercase;}
.panel p a {color: #004b90;}
.twitter {width: 247px; height: 93px; background: url(images/bg-twitter.gif) no-repeat; font: 12px Georgia; line-height: 16px; padding: 20px 20px 0 30px;}
.panel.iq-news .twitter p {padding: 0; text-transform: none;}
p.text-center {text-align: center;}
.panel.iq-news .twitter p.text-center {position: absolute; bottom: 16px; left: 63px; text-transform: uppercase;}
.panel.iq-news .twitter p.text-center a {color: #004b90; font-family: Arial; font-weight: bold;}
.panel.iq-news li a {background-image: url(images/icon-arrow.gif); background-position: 19px 2px;}
.panel.iq-news li a span {padding-left: 8px;}
.panel.links {border-top: 3px solid #ddb309;}
.panel.links ul {margin: 0 20px 0 10px;}
.panel.links li {padding: 4px; overflow: auto; background: #fdfaef; display: block;}
.panel.links li, .panel.links li a {color: #997b01; font: bold 14px Georgia; padding-top: 7px; background-image: none;}
.panel.links li img {float: left; margin-right: 15px; padding: 3px; background: #fff;}
.panel.links li.alt{background: #fff;}
sup {bottom: 1.5em; font-size: 8px; position: relative;}
.orangebg .panel { border-top: 3px solid #b33800;}
.panel.subnav {border-top: 3px solid #004b90;}
.panel.subnav li {border-bottom: none;}
.panel.subnav li a {background-image: url(images/bg-subnav-arrow.gif); background-position: 15px 10px; padding-left: 35px;}
.panel.subnav li.current_page_item a {color: #10659b;}
.panel.subnav h3 {padding-left: 24px; font-family: Arial; font-size: 14px;}
.panel.subnav li.alt a {background-color: #fff;}
.panel.who-uses h4 {color: #636363;font-size: 11px;}
.panel.who-uses img {margin: 8px 0 0 22px;}
.panel.who-uses p {padding: 15px 22px 0 22px; text-transform: none;}
.panel.who-uses p.more {border-top: 1px solid #ccc; margin: 18px 15px 0 15px; padding: 8px 0; text-transform: uppercase; font-size: 12px;}
.sidebar .panel {margin-bottom: 9px;}
.sidebar .panel h4 {font-family: Arial;}
.sidebar li.widget {list-style: none;}
.embed {text-align: center; margin-top: 4px; border-top: 1px solid #e5e5e5; background: #f6f6f6; padding-top: 13px;}
.embed ul {text-align: left; margin-top: 5px;}
.blue-bars {width: 313px; margin: 8px -10px 0 0;}
.blue-bars a {display: block; width: 259px; height: 44px; font: bold 17px Arial; color: #fff; line-height: 44px; padding-left: 54px; margin-top: 6px;}
.blue-bars a.more-info {background-position: -223px -81px;}
.blue-bars a.view-demos {background-position: 0 -212px;}
.blue-bars a:hover {color: #8cbf00; text-decoration: none;}
.section {width: 924px; height: 131px; background: url(images/bg-section-blue.jpg); clear: both; margin-top: -3px; z-index: 10;}
.section.our-clients {background-image: url(images/bg-section-orange.jpg);}
.section.resources {background-image: url(images/bg-section-burnt.jpg);}
.section.company, .section.contact {background-image: url(images/bg-section-green.jpg);}
.section.events, .section.news {background-image: url(images/bg-section-purple.jpg);}
.section h1 {font: 62px Arial; color: #fff; font-weight: normal; padding: 26px 0 0 76px; text-transform: capitalize;}
.section p {text-align: right; padding: 14px 298px 0 0; color: #fff; font: 11px Arial;}
.section p a, .section p span {color: #e6b700;}
.superscript{font-size:xx-small; vertical-align:top;}
.columns {margin-top: 23px; width: 924px;}
#content {width: 545px; padding: 15px 33px; font-size: 12px; font-family: Arial; color: #585757; line-height: 18px; border-top: 3px solid #004b90; background: #fff;}
.orangebg #content {background: 3px solid #b33800;}
#content a {color: #8d4a00; text-decoration: underline;}
#content a:hover {text-decoration: none;}
#content a:visited {color: #10659b;}
#content img.wp-smiley {display: inline; vertical-align: middle;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {font-weight: bold; padding-top: 18px; line-height: 1.1em;}
#content h1, #content h1 a {font-size: 34px; color: #10659b; font-weight: normal;}
#content h1.pagetitle {padding-top: 0;}
#content h2, #content h2 a, .survey h1 {font: normal 23px Georgia; color: #585757; font-style: italic; display: block;}
#content h2 span {color: #d9561f; font-size: 18px;}
#content h2.pagetitle, #content h2.pagetitle a {font-size: 18px; padding-top: 4px; display: inline;}
#content h3, #content h3 a {font-size: 18px; color: #004b90;}
#content h3 span {font-size: 12px; color: #585757; text-transform: uppercase;}
#content h3 a {text-decoration: none;}
#content h3 a span {text-decoration: underline;}
#content h3 a:hover span {text-decoration: none;}
#content h4, #content h4 a {font-size: 14px; color: #997b01; font-family: Georgia;}
#content .post-webinar  a {color: #585757; text-decoration: none;}
#content .post-webinar a:hover {text-decoration: underline;}
#content h5, #content h5 a {text-transform: uppercase;}
#content h6 {color: #004b90; margin-bottom: -15px;}
#content p {padding-top: 15px;}
#content p.details {padding-top: 4px; font-family: Georgia; color: #454343;}
#content .page p.details {display: none;}
#content .entry-webinar p {padding-top: 2px;}
#content table {margin-top: 15px; border-bottom: 1px solid #e0e0e0; padding-bottom: 13px; border-right: 1px solid #fff;}
#content th {padding: 4px 10px; background: #555; border-bottom: 3px solid #e0e0e0; font-weight: bold; color: #fff; margin-bottom: 8px;}
#content table.blue-table th {background: #10659b;}
#content td {padding: 8px 12px; border-right: 1px dotted #e0e0e0; margin: 8px 0;}
#content td.rings {padding-bottom: 0;}
#content table.resource-table {border-right: none; border-bottom: 1px dotted #e0e0e0;}
#content td.alt, #content tr.alt td {background: #f5f5f5;}
#content tr.alt td {background: #e5eff4;}
#content td ul {margin: 0px 0 0 13px;}
#content td li {padding-top: 15px; line-height: 15px; list-style-type: square; list-style-position: outside;}
#content td li a {color: #10659b;}
#content td h5 {color: #cc5802; text-transform: none;}
#content form {margin-top: 15px;}
#content label {}
#content input {}
#content textarea {}
#content blockquote {margin-top: 15px; padding: 12px 30px; background: url(images/bg-blockquote.gif) no-repeat top left;}
#content blockquote div {display: block; background: url(images/bg-blockquote-span.gif) no-repeat bottom right;}
#content blockquote h2 {padding: 8px 30px 0 0;}
#content blockquote h2 span {display: block; text-align: right;}
#content blockquote p {}
#content ul, #content ol {margin: 15px 0 0 25px;}
#content ul {list-style: disc;}
.margin-right {margin-right: 15px;}
.margin-left {margin-left: 15px;}
.navigation {margin-top: 20px;}
.navigation div.alignleft {width: auto;}
.navigation div.alighright {width: auto;}
#content .navigation a {display: block; line-height: 27px; width: 100px; background: url(images/button.gif); color: #fff; text-align: center; text-decoration: none;}
.sidebar {margin-right: 10px; width: 303px; z-index: 20;}
#footer {clear: both; margin-top: 12px; background: #004b90; padding: 12px 16px; width: 892px; color: #fff; font: 11px Arial;}
#footer span {float: right;}
#footer span a {color: #fff; padding: 0 5px;} 
h3#comments, h3#respond {padding-top: 12px;}
#commentform {margin-top: 20px; background: #F1F1F1; border: 1px solid #999; padding: 2% 4%;}
#commentform p {padding: 8px 0 0 0; margin: 0;}
#commentform input {width: 40%;}
#commentform textarea {width: 90%; height: 150px;}
#commentform label {font-size: 1.2em; color: black;}
#commentform input#submit {background: #204293; color: white; padding: 3px 5px; text-align: center; font: bold 12px Arial; width: auto;}
/*Our Clients Slider*/
#slider, #slider li { width: 583px; overflow: hidden; margin-top: 9px;}
span#prevBtn {position: absolute; top: 52px; left: 0px;}
span#nextBtn {position: absolute; top: 52px; right: 14px;}
span#prevBtn a, span#nextBtn a {display: block; text-indent: -9999px; width: 23px; height: 78px;}
span#prevBtn a {background: url(images/prev-arrow.gif) no-repeat;}
span#nextBtn a {background: url(images/next-arrow.gif) no-repeat;}
#content .little-pad {padding: 2px 0; margin: 0;}
/*Popup styles*/
#page.popup {width: 545px; padding-top: 0;}
.popup .columns {width: 545px; margin-top: 0;}
.popup #content {padding: 10px 0 0 0;}
.page #facebox .body {width: auto;}
.page #facebox label select {border: 1px solid #626161; float: right; height: 22px; width: 202px;}
#content a.button, a.button {padding-left: 13px; background: #989898 url(images/button.gif) no-repeat bottom left; font: 12px Arial; text-transform: uppercase; display: inline-block; text-decoration: none !important; margin-top: 4px;}
a.button span {display: block; padding-right: 13px; line-height: 27px; background: url(images/button.gif) no-repeat bottom right; color: #fff; float: left;}
#content a.button:hover span, #content .navigation a:hover, a.button:hover span {color: #e6b700;}
/*Survey Popup*/
#facebox .content {font: 14px Arial; color: #585757; line-height: 20px;}
#facebox .content p {padding-top: 12px;}
#facebox .content  h1 {font: normal 23px Georgia; color: #10659b; font-style: italic; display: block;}
#facebox .content p.aligncenter {text-align: center;}
img.margin-top {margin-top: 40px;}