@charset "utf-8";
/*
 * Start with CSS reset. Thanks Eric!
 *
 * v1.0 | 20080212 
*/

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;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*
 * End CSS reset. 
 *
 * Begin baseline DigitalFuel styles
*/
.clear {
    clear: both;
}
div.clear {
    line-height: 0;
    font-size: 1px;
    height: 0;
}
html, body {
    font: normal 12px/17px arial, helvetica, sans-serif;
}
a {
    color:#4891DC;
    text-decoration:none;
}
.left {
    float: left;
    text-align: left;
}
.right {
    float: right;
    text-align: left;
}
.hasicon {
    padding-left: 43px;
}
h1 {
    color: #4891DC;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 18px;
}
h2 {
    color:#4891DC;
    font-size:18px;
    margin: 0;
    padding: 0 0 8px 0;
}
h3 {
    font: bold 16px/1em arial, helvetica, sans-serif;
    color: #4891dc;
}
h4 {
    font: bold 14px/43px arial, helvetica, sans-serif;
    color: #000;
}
p {
    padding: 0 0 12px 0;
    color: #414042;
}
ol {
    margin: 0 0 20px 0;
    padding-left: 1.5em;
    list-style: decimal;
}
ul {
	margin: 0 0 12px 0;
	padding-left: 12px;
	list-style: disc;
}
li {
    color: #414042;
}
ul.spaced li {
    margin-bottom: 6px;
}
/*
 * End baseline styles
 *
 * Begin main containers
*/
#nav-utility {
    width: 986px;
    margin: 0 auto;
    clear: both;
}
#masthead {
    width: 986px;
    height: 64px;
    margin: 0 auto;
    clear: both;
}
#nav-primary {
    position: relative;
	z-index: 2;
	width: 986px;
    margin: 0 auto;
    clear: both;
}
#home-banner, #main-banner {
	width: 986px;
	margin: 0 auto;
	clear: both;
	position: relative;
	z-index: 1;
}
#home-content, #main-content {
    width: 986px;
    margin: 0 auto;
    padding: 20px 0;
    clear: both;
    overflow: hidden;
    vertical-align: top;
    text-align: left;
}
#main-content-left {
    float: left;
    vertical-align: top;
    text-align: left;
    width: 208px;
}
#main-content-left-wide {
    float: left;
    vertical-align: top;
    text-align: left;
    width: 768px;
}
#main-content-right-wide {
    vertical-align: top;
    text-align: left;
    width: 790px;
    margin-left: auto;
    margin-right: auto;
}
#main-content-center {
    float: left;
    vertical-align: top;
    text-align: left;
    width: 550px;
    margin-left: 10px;
}
#main-content-right {
    float: left;
    vertical-align: top;
    text-align: left;
    width: 208px;
    margin-left: 10px;
}
#login-content {
    width: 986px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}
#footer {
    width: 986px;
    margin: 0 auto;
    clear: both;
}
/*
 * End  main containers. 
 *
 * Begin #nav-utility sub-styles
*/
#nav-utility ul {
    float: right;
}
#nav-utility li {
    float: left;
    display: block;
    text-align: left;
}
#contact-us {
    width: 112px;
    height: 36px;
    background:  url(/media/img/butn-contact-us.png) top right no-repeat;
    text-align: left;
}
#contact-us a {
    font: normal 12.5px/1em Arial, Helvetica, sans-serif;
    color: #5a7e92;
    margin: 0 0 0 22px;
    padding-top: 10px;
    display: block;

}
div#contact-us-marketo {
    width: 112px;
    height: 36px;
    background: url(/media/img/butn-contact-us_standalone.png) top right no-repeat;
    text-align: left;
    float: right;
}
#contact-us-marketo a {
    font: normal 12.5px/1em Arial, Helvetica, sans-serif;
    color: #5a7e92;
    margin: 0 0 0 22px;
    padding: 10px 0 0 15px;
    display: block;

}
#customer-login, #customer-login:hover {
    width: 137px;
    height: 36px;
    background:  url(/media/img/butn-customer-login.png) top right no-repeat;
    text-align: left;
}
#customer-login a {
    font: normal 12.5px/1em Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0 0 0 14px;
    padding-top: 10px;
    display: block;
}
#customer-login li a {
    text-align: left;
}
/*
 *	Begin #masthead sub-styles 
*/
#masthead ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#logo-primary {
    width: 200px;
}
#masthead-utility {
    width: 245px;
}
#masthead-utility ul {
    float: left;
    display: block;
    margin-top: 10px;
    font: bold 11.75px/1.4em Arial, Helvetica, sans-serif;
    color: #5a7e92;
}
#masthead-utility ul#masthead-language {
    padding-left: 20px;
}
/* Page-specific overrides */
.login #logo-primary {
    margin-top: 35px;
}
.login .footer-sub-nav {
    display: none;
}
/*
 * Begin #nav-primary sub-styles
*/
.sf-menu, .sf-menu * {
    margin:  0;
    padding:	  0;
    list-style:	 none;
}
.sf-menu {
    line-height: 1.0;
}
.sf-menu ul {
    position:	 absolute;
    top: -999em;
    width: 14em; /* left offset of submenus need to match (see below) */
    border: 1px solid #97b1c7;
    border-top: 0;
    background: #fff;
    z-index: 99;
}
.sf-menu ul li {
    width: 100%;
}
.sf-menu li:hover {
    visibility:	 inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:	 left;
    position:	 relative;
    width:  98px;
    height: 32px;
    background: transparent url(/media/img/nav-primary-bg.png) top left no-repeat;
    text-align: left;
}
.sf-menu a {
    display: block;
    position: relative;
    text-align: center;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    top: 32px; /* match top ul list item height */
    z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 14em; /* match ul width */
    top: 0;
    text-align: left;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}
/* DF Skin Settings */
.sf-menu {
    float:	 left;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
                                 font: normal 12.5px/28px Arial, Helvetica, sans-serif;
                                 color:#003E74;
                                 text-align:center;
}
.sf-menu li li {
    background: #fff;
    text-align: left;
}
.sf-menu li li li {
    background: #fff;
    text-align: left;
}
.sf-menu ul li:hover, .sf-menu ul li.sfHover, .sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active {
    background:url(/media/img/nav-bg-sub-on.jpg) top left repeat-y;
    outline: 0;
}
/* Sub menu anchors */
.sf-menu ul a, .sf-menu ul a:focus, sf-menu ul a:hover, .sf-menu ul a:active {
    text-align: left;
    margin-left: 15px;
    font-size: 11px;
    text-align: left;
    color: #231F20;
}
.sf-menu ul a:visited {
    font-size: 11px;
}
.sf-menu ul li a:hover, .sf-menu ul li a:active {
    text-decoration: none;    
    color:#4891dc;
}
/* Hide the submenu indicator */
.sf-sub-indicator {
    display: none;
}
/* Customer Login overrides */
.sf-menu li#customer-login:hover, .sf-menu li#customer-login.sfHover {
    width: 137px;
    height: 36px;
    background:  url(/media/img/butn-customer-login.png) top right no-repeat;
}
.sf-menu li#customer-login a:focus,
.sf-menu li#customer-login a:hover,
.sf-menu li#customer-login a:active
li#contact-us a,
#nav-utility .sf-menu a {
    background: none;
}
#nav-utility .sf-menu ul li a {
    text-align: left;
    margin-left: 15px;
    font-size: 11px;
    text-align: left;
    color: #231F20;
}

#nav-utility .sf-menu ul li a:hover, #nav-utility .sf-menu ul li a:active {
    text-decoration: none;
    /* background-image:url(/media/img/nav-bg-sub-on.jpg); */
    background-position:left;
    color:#4891dc;
}

/* Special search styles */
li#search, li#search:hover {
    width: 202px;
    background: transparent url(/media/img/nav-primary-bg-search.png) top left no-repeat;
}
li#search form {
    margin: 6px 0 0 10px;
}
input#search3 {
    width: 150px;
    height: 16px;
    border: 1px solid #97b1c7;
    border-top: 1px solid #8298ab;
    border-right: 1px solid #8298ab;
    font-size: 10px;
    color: #999;
}
/*
 *	Begin #home-banner sub styles
*/
/*#home-banner {
    height: 231px;
    background: url(/media/img/home-banner-cummins.jpg) top left no-repeat;
    text-align: center;
    position: relative;
}
#home-banner div#banner-home-text-tag {
	position: absolute;
	top: 150px;
	left: 250px;
	padding-bottom: 10px;
	overflow: hidden;
	padding-top: 10px;
}
#home-banner div#banner-home-text-tag a {
    font-family: helvetica, geneva, arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #000;
}
div#banner-home-gears-butn-learn-more {
	display: block;
	width: 109px;
	height: 35px;

}*/
#home-banner h1 {
	display: block;
	background: url(/media/img/home-banner-cummins.jpg) no-repeat left top;
	width: 986px;
	height: 231px;
	padding: 0;
	margin: 0;
} 
#home-banner a {
	display: block;
	width: 986px;
	height: 231px;
}
#home-banner span {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/*
 *  Begin #home-content sub styles
*/
#home-content-center h2 {
    font-size: 15px;
    line-height: 17px;
}
#home-content-center .left h4 {
    padding-top: 6px;
    padding-bottom: 9px;
}
#home-content-center .right h4 {
    padding-top: 3px;
    padding-bottom: 12px;
}
#home-content-center li a {
	text-decoration: none;
	color: #414042;
}
#home-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#home-content-left {
    text-align: center;
    height: 240px;
}
div.hm-callout-left {
    padding: 0 18px;
}
.hm-callout-left img {
    padding: 0 8px 60px 0;
    float: left;
}
.hm-callout-left img.more-info {
    padding: 0;
}
#home-content-left ul {
    text-align: left;
    padding: 0
}
#home-content-left li {
}
.hm-callout-left {
}
.home-separator {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}
/* for following logos, image height + bottom padding needs to equal 81 and image width plus right padding needs to equal 73 */

img#client-cummins {
    padding: 0 8px 40px 0;
}
img#client-nationwide {
    padding: 0 27px 28px 0;
}
img#client-cummins {
    padding: 0 8px 43px 0;
}
img#client-steria {
    padding: 0 8px 40px 0;
}
img#client-vw {
    padding: 0 8px 45px 0;
}
img#client-acs {
    padding: 0 8px 41px 0;
}
img#client-nestle {
    padding: 0 8px 62px 0;
}
#home-content-center {
    text-align: center;
    height: 240px;
}
#home-content-center li {
    list-style: disc;
}
#home-content-center .left {
    margin-left: 20px;
    width: 216px;
    margin-top: 24px;
}
* #home-content-center .left {

}
#home-content-center .right {
    margin-right: 8px;
    width: 215px;
    padding-right: 15px;
    margin-top: 24px;
}
* #home-content-center .right {

}
#home-content-center h4#itcm {
    background: url(/media/img/bg-hm-product-tabs-title-itcm.gif) top left no-repeat;
}
#home-content-center h4#slm {
    background: url(/media/img/bg-hm-product-tabs-title-slm.gif) top left no-repeat;
}
#home-content-right {
    text-align: center;
    height: 240px;
}
.home .shadowbox-wide {
    margin: 0 7px;
}
/*
 *  Begin #main-content sub styles
*/
#main-content-left {
    float: left;
    width: 200px;
}
#main-content-center {
    float: left;
    width: 550px;
}
#main-content-center h2 {
	color: #5a7e92;
	font-size:15px;
	font-weight:bold;
	margin-bottom:0;
	margin-top:0;
	padding-top:0;
}
#main-content-right {
    float: right;
    width: 200px;
}

/*
 *  Begin #footer sub-styles
*/
#footer-util {
    margin: 0 0 20px 0;
    padding: 0 5px;
}
#footer-util, #footer-util a {
    clear: both;
    overflow: hidden;
    font: normal 9.5px/1.3em arial, helvetica, sans-serif;
    color: #5a7e92;
}
#footer-legal {
    float: left;
    width: 50%;
}
#footer-util-nav {
    float: right;
    width: 40%;
    text-align: right;
}
#footer-util-nav ul {

}
#footer-util-nav li {
    float: left;
}
#footer-util-nav li a {
    float: left;
}
.footer-sub-nav {
    float: left;
    margin-right: 2em;
    margin-left: 5px;
    min-width: 12em;
}
.footer-sub-nav, .footer-sub-nav h3, .footer-sub-nav a {
    font: normal 11.5px/1.3em arial, helvetica, sans-serif;
    color: #9cb3c0;
}
.footer-sub-nav h3 {
    font-weight: bold;
    cursor: pointer;
}
.footer-sub-nav ul {
    display: none;
}

/*
 * Begin re-usable special containers
*/
.shadowbox-narrow {
    float: left;
    width: 239px;
    padding-bottom: 15px;
    background: url(/media/img/shadowbox-narrow-bg.png) bottom left no-repeat;
}
.shadowbox-narrow span.cap {
    height: 13px;
    display: block;
    background: url(/media/img/shadowbox-narrow-cap.png) top left no-repeat;
}
.shadowbox-wide {
    float: left;
    width: 492px;
    padding-bottom: 15px;
    background: url(/media/img/shadowbox-wide-bg.png) left 13px no-repeat;
    height: 269px;
}
.shadowbox-wide span.cap {
    height: 13px;
    display: block;
    background: url(/media/img/shadowbox-wide-cap.png) top left no-repeat;
}
.separator-grey-grad-narrow {
    height: 2px;
    width: 100%;
    clear: both;
    margin: 14px 0;
    background: url(/media/img/separator-grey-grad-narrow.png) top center no-repeat;
}
.separator-grey-grad-wide {
    height: 2px;
    width: 100%;
    clear: both;
    margin: 14px 0;
    background: url(/media/img/separator-grey-grad-wide.png) top center no-repeat;
}
.separator-blue-grad-full {
    height: 2px;
    width: 100%;
    clear: both;
    display: block;
    margin: 20px 0;
    text-align: center;
    background: url(/media/img/separator-blue-grad-full.png) top center no-repeat;
}
div.feature-inset {
	display: block;
	border: 1px solid #bdcbbd;
	padding: 18px;
}
div.feature-inset.left {
	width: 55%;
	margin: 1em 2em 1em 0;
}
div.feature-inset.right {
	margin: 1em 0 1em 2em;
	width: 40%;
}
.feature-inset h3 {
	margin-bottom: 3px;
}
.feature-inset h4 {
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 16px;
	color: #5a7e92;
	margin-bottom: 3px;
}
/* Action button navigation */
#home-content-left ul.action-list {
    padding: 0 0 0 30px;
}
*#home-content-left ul.action-list {
    margin-left: 5px;
    padding-left: 15px;
}
ul.action-list li {
    width: 172px;
    height: 39px;
    margin: 12px 0;
    padding: 0;
    background: transparent url(/media/img/action-butn-bg.png) top left no-repeat;
}
ul.action-list span {
    float: right;
    display: block;
    height:39px;
    padding-right: 22px;
}
ul.action-list a {
    display: block;
    width: 172px;
    height: 39px;
    vertical-align: middle;
    font: bold 14.5px/39px arial, helvetica, sans-serif;
    color: #000;
}
ul.action-list a {
    *width: 152px;
}
#action-applications span {
    background: url(/media/img/butn-icon-binders.png) top right no-repeat;
}
#action-storage span {
    background: url(/media/img/butn-icon-storage.png) top right no-repeat;
}
#action-servers span {
    background: url(/media/img/butn-icon-server.png) top right no-repeat;
}
/* Feature lists */
ul.feature-list {
    list-style: disc;
}
ul.feature-list li {
    font: normal 13px/1.6em arial, helvetica, sans-serif;
    color: #414042;
    list-style: disc;
    margin-left: 1em;
}
ul.feature-list li {
    *margin-left: 1.4em;
}

/* Special button types */
a.butn-view-demo {
    display: block;
    text-align: center;
    margin: 14px 0;
}
a.butn-learn-more {
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    background: url(/media/img/butn-orange-short.gif) left center no-repeat;
    width: 118px;
    height: 31px;
    padding-left: 11px;
    padding-top: 8px;
    margin: 0;
    line-height: 16px;
}
a.butn-workshop {
    display: block;
    background:url(/media/img/btp-glass-icon-trial-red1.jpg) left top no-repeat;
    padding: 16px 0 24px 56px;
    font-weight: bold;
	color: #000;
}
a.butn-workshop2 {
    display: block;
    background:url(/media/img/btp-glass-icon-trial-red2.jpg) left top no-repeat;
    padding: 16px 0 24px 56px;
    font-weight: bold;
	color: #000;
}
a.butn-workshop3 {
    display: block;
    background:url(/media/img/btp-glass-icon-trial-red3.jpg) left top no-repeat;
    padding: 16px 0 24px 56px;
    font-weight: bold;
	color: #000;
}
a.butn-free-trial {
    display: block;
    background: url(/media/img/btp-icon-trial.jpg) left top no-repeat;
    padding: 15px 0 24px 52px;
    font-weight: bold;
    color: #000000;
}
a.butn-email {
	background: url(/media/img/services-icon-mail.jpg) -6px 1px no-repeat;
	padding: 16px 0 24px 54px;
	font-weight: bold;
	color: #000000;
	display: block;
}
a.butn-portal {
	background: url(/media/img/partners-icon-login.jpg) -6px 1px no-repeat;
	padding: 16px 0 24px 54px;
	font-weight: bold;
	color: #000000;
	display: block;
}
a.butn-question {
	background: url(/media/img/bt-question.jpg) left top no-repeat;
	padding: 16px 0 24px 54px;
	font-weight: bold;
	color: #000000;
	display: block;
}
a.butn-request-demo {
    display: block;
    background: url(/media/img/btp-icon-person.jpg) left top no-repeat;
    padding: 15px 0 24px 52px;
    font-weight: bold;
    color: #000000;
}
a.butn-view-screenshots {
    display: block;
    background: url(/media/img/btp-icon-screen.jpg) left top no-repeat;
    padding: 15px 0 24px 52px;
    font-weight: bold;
    color: #000000;
}
a.top {
	display: block;
	float: right;
	margin-top: 0px;
}
h2.itcm a.hasicon {
    display: block;
    background: url(/media/img/bg-hm-product-tabs-title-itcm.gif) left top no-repeat;
    padding: 9px 0 9px 42px;
    color: #000000;
}
h2.slm a.hasicon {
    display: block;
    background: url(/media/img/bg-hm-product-tabs-title-slm.gif) left top no-repeat;
    padding: 5px 0 13px 42px;
    color: #000000;
}
/* Sidebar items */
.sidebar {
    margin: 0 auto;
    width: 90%;
    text-align: left;
}
.sidebar ul {
    margin: 0;
    padding: 0;
}
.sidebar li {
	padding: 8px 0;
	background: url(/media/img/separator-grey-grad-narrow.png) bottom center no-repeat;
	font: normal 12.5px/1.2em arial, helvetica, sans-serif;
	color: #231f20;
	overflow: hidden;
}
.sidebar li.first {
    padding-top: 0;
}
.sidebar li.last {
	background: none;
	padding-left: 18px;
}
.sidebar span.sidebar-image {
    float: left;
    width: 115px;
    text-align: center;
}
.sidebar span.sidebar-item-title {
	font-weight: bold;
	display: block;
	clear: right;
	font-size: 14.5px;
	color: #5a7e92;
	text-align: center;
}
.sidebar li img.btn {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
}
.sidebar li p {
	text-align: center;
	font-weight: bold;
	color: #5a7e92;
}
.highlight {
    background-color: yellow;
}
/*
 *  Form styles
*/
legend {
    display: none;
}
label {
    font: normal 12.5px/1.6em arial, helvetica, sans-serif;
    color: black;
}
.input-text, .input-password {

}
/*
 *  Begin SaaS login page styles
*/
.login #masthead {
    margin-bottom: 20px;
}
#saas-login {
    background-color: #eaf3fc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 30px;
    font: normal 12.5px/28px Arial, Helvetica, sans-serif;
    color:#333;
    float: left;
    width: 330px;
}
#saas-pw-reset {
    background-color: #eaf3fc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 30px;
    font: normal 12.5px/28px Arial, Helvetica, sans-serif;
    color:#333;
    float: left;
    width: 926px;
}
#saas-login .input-text, #saas-login .input-password {
    width: 300px;
    border: 1px solid #cad2d5;
    padding: 8px;
    margin-bottom: 8px;
    display: block;
}
#saas-login a {
    font: normal 12.5px/28px Arial, Helvetica, sans-serif;
    color:#003E74;
}
#saas-login-offer {
    width: 550px;
    font: normal 12.5px/1.8em Arial, Helvetica, sans-serif;
    color:#333;
    float: right;
}
#saas-login-offer img.left {
    margin-right: 30px;
}
#saas-login-offer ul {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    line-height: 17px;
}
#saas-login-offer li {
    list-style: disc;
    margin-left: 1em;
    padding-bottom: 6px;
}
#saas-login-offer p {
    line-height: 17px;
    padding-bottom: 6px;
}
#saas-pw-reset a.button, #saas-login-offer a.button {
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    height: 31px;
    padding-top: 8px;
    margin: 0;
    line-height: 16px;
}
#saas-login-offer a.button {
    background: url(/media/img/butn-register-and-read.gif) center left no-repeat;
    width: 180px;
    padding-left: 11px;
    float: right;
}
#saas-pw-reset a.button {
    background: url(/media/img/butn-continue.gif) center left no-repeat;
    width: 83px;
    padding-left: 9px;
}
#login {
    margin-top: 20px;
}
.login p.reminder {
    background: url(/media/img/icon-system-message.png) top left no-repeat;
    padding-left: 48px;
}
.login p.email {
    background: url(/media/img/icon-email-notify.png) top left no-repeat;
    padding-left: 66px;
    line-height: 17px;
    padding-top: 12px;
}
/* Customer page layout 10/2009 */
ul.customers {
    margin: 0;
    padding: 0;
}
ul.customers li {
    clear: both;
    list-style: none;
    padding: 10px;
    vertical-align: middle;
}
ul.customers li img {
    float: left;
    margin-right: 10px;
    clear: none;
}
ul.customers span {
    padding: 10px;
    border: 1px dotted #999;
    display: inline-block;
    float: right;
    width: 60%;
}
/* Jeffs Customer Page Styles 11/2009 */
div#itcm-customers, div#slm-customers {
    position: relative;
}
#itcm-customers img, #slm-customers img {
    display: block;
    position: absolute;
}
div.panes div.customer-detail {
    position: relative;
    height: 186px;
    width: 192px;
    padding: 28px 18px 18px 20px;
    font-size: 12px;
    background: url(/media/img/cust-logo-divider.gif) center left no-repeat;
}
div.panes div.customer-detail div.logo {
    display: block;
    position: absolute;
    top: 12px;
    left: 18px;
    height: 66px;
    width: 168px;
}
div.panes div.customer-detail div.logo img {
    display: block;
    position: absolute;
    bottom: 12px;
}
div.panes div.customer-detail span {
    display: block;
    position: absolute;
    top: 84px;
    left: 18px;
    width: 180px;
}
div#counter-itcm, div#counter-slm {
    display: block;
    position: absolute;
    top: 210px;
    right: 24px;
}
div#counter-itcm img, div#counter-slm img {
    margin-left: 3px;
}
ul#customer-detail-slm, ul#customer-detail-itcm {
    list-style-type: none;
}
/* Section summaries */
.section-summary {
    margin: 2em 0;
}
.section-summary img {
    margin-right: 12px;
    padding-top: 4px;
}
.section-summary h3, .section-summary p {
    margin: 0 !important;
    padding: 0 !important;
}
/* Events page styles */

div#events-feature-container {
	background: url(/media/img/events-feature-background.png) 22px 54px no-repeat;
}
#events-feature-container h2 {
	background: url(/media/img/events-headline-background.gif) left bottom no-repeat;
	padding: 7px 0 6px 21px;
	margin-bottom: 18px;
}
div.feature-event-1 {
    width: 48%;
    float: left;
}
div.feature-event-2 {
    width: 49%;
    float: right;
}
#events-feature-container h3 {
    font-size: 16px;
    line-height: 19px;
    color: #5a7e92;
    margin-bottom: 6px;
}
#events-feature-container h4 {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 17px;
    color: #000;
}
#events-feature-container .feature-event-1 p, #events-feature-container .feature-event-2 p {
	padding-left: 22px;
	color: #231f20;
	line-height: 20px;
	margin: 0;
}
#events-feature-container div.event-title {
	float: right;
	width: 270px;
	padding-top: 18px;
}
#events-feature-container img.logo {
	float: left;
	padding-left: 16px;
	padding-top: 16px;
}
#events-feature-container img.button {
	padding-left: 0px;
	border: none;
	margin-left: -4px;
}
div#replays {
	padding-left: 22px;
	background: url(/media/img/bg-vertical-line-grad_500.gif) left 24px no-repeat;
}
div#events {
	padding-left: 22px;
}
#replays img.logo {
	float: left;
	padding-top: 4px;
}
#replays div.event-title {
	float: right;
	width: 280px;
}
#industry-events img.logo {
	float: left;
	padding-top: 0px;
}
#industry-events div.event-title {
	float: right;
	width: 268px;
}
#industry-events h4, #replays h4 {
	font-size: 13px;
	color: #5a7e92;
	line-height: 17px;
	margin-bottom:0px;
	padding-top: 9px;
}
/* Updated resource section grid */
#flowpanes h2 {
	margin-top: 0px;
	margin-bottom: 2px;
	background: url(/media/img/events-headline-background.gif) left top no-repeat;
	padding: 9px 0 9px 12px;
	display: block;
}
#flowpanes p.links {
	text-align: center;
	margin-top: -12px;
	margin-bottom: 0;
	padding-bottom: 12px;
}
table.resource-grid {

}
table.resource-grid td {
	width: 30%;
	vertical-align: top;
	padding: 8px;
	overflow: hidden;
	font-size: 11.5px;
}
table.resource-grid td img {
	float: right;
	display: block;
	margin: 0 0 3px 9px;
	padding-top: 3px;
}
table.resource-grid td .title {
    font-size: 12px;
    font-weight: bold;
    display: block;
}
/* Feature list on Product Overview page (makes sure height of both lists is equal */
ul.itcm-feature-list, ul.slm-feature-list {
	min-height: 102px;
    height: auto !important;
    height: 102px;
}
/* Quotebox styles */
.quotebox {
    width:180px;
    padding: 30px 0 0 0;
    text-align:center;
    font-size:11px;
    font-weight:bold;
    color:#5a7e92;
    line-height:20px;
    background:url(/media/img/bg-quote-top.gif) no-repeat;
    padding-bottom: 12px;
}
.qbyline {
    font-weight:normal;
    line-height:20px;
}
.quotefoot {
    height:18px;
    margin:0;
    padding:0;
    background-image:url(/media/img/bg-quote-bot.gif);
    font-size: 1px;
    line-height: 0px;
    width:180px;
}

/* Resource container styles */
#res_container {
    width:163px;
    margin-left:5px;
    margin-top:25px;
    padding-top:34px;
    padding-right: 2px;
    padding-left: 11px;
    font-size:11px;
}
.tall {
    background-image:url(/media/img/bg-c3-res-tall.jpg);
    background-repeat:no-repeat;
    /* height:500px; */
    padding-bottom: 30px;
}
/*div#content .short {
    background-image:url(/media/img/bg-c3-res-short.jpg);
    background-repeat:no-repeat;
    height:420px;
}*/
#res_container P {
    margin-top:0px;
    padding-top:5px;
    margin-bottom:6px;
    font-size:11px;
}
#res_container a {
    color:#231f20;
    text-decoration:none;
    font-size:11px;
}
#res_container a:hover {
    color:#4891dc;
}
/* Jeff styles for Solutions Overview Page */
/*rules for Section Summaries in main content area*/
.section-summaries div.description {
    float: right;
    width: 86%;
    padding-bottom: 9px;
}
.section-summaries h3 {
    font-size: 14px;
    padding: 12px 0 6px 0;
}
.section-summaries div.description h3 a {
    color: #414042;
}
.section-summaries div.description h3 a:hover {
    color: #4891dc;
}
div.section-summaries {
    margin-bottom: 17px;
}
.section-summaries img.icon {
    float: left;
    margin-top: 12px;
}
div#res_container_new {
	background: url(/media/img/bg-c3-res-bkgd-tile.gif) top center repeat-y;
	margin-top: 3px;
}
div#res_container_new div#content {
    display: block;
    margin: 0 10px 0 12px;
    padding: 0 9px 5px 9px;
}
/* the following three rules define the minimum height of the resource box in the right sidebar, and a corresponding background image. The boxes will auto-stretch to accommodate more lines of content, but the background gradient will not. That is why these rules exist. */
div#res_container_new div.short {
    background: url(/media/img/bg-c3-res-bkgd-tile144.gif) repeat-x left bottom;
    min-height: 144px;
    height: auto !important;
    height: 144px;
}
div#res_container_new div.med {
    background: url(/media/img/bg-c3-res-bkgd-tile228.gif) bottom left repeat-x;
    min-height: 228px;
    height: auto !important;
    height: 228px;
}
div#res_container_new div.tall {
    background: url(/media/img/bg-c3-res-bkgd-tile300.gif) bottom left repeat-x;
    min-height: 300px;
    height: auto !important;
    height: 300px;
}
#res_container_new P {
    margin-top:0px;
    padding-top:5px;
    margin-bottom:6px;
    font-size:11px;
}
#res_container_new h4 {
    font-size: 11px;
    font-weight: bold;
    color: #414042;
    margin-bottom: 2px;
    line-height: 17px;
    margin-top: 0px;
}
#res_container_new a {
    display: block;
    color:#231f20;
    text-decoration:none;
    font-size:11px;
    line-height: 17px;
    margin: 0 0 6px 0;
    line-height: 15px;
}
#res_container_new a:hover {
    color:#4891dc;
}
#res_container_new img#boxtop, #res_container_new img#boxbottom {
    display: block;
    margin: 0 auto;
}
#res_container_new h3.c3_title_related {
    background: url(/media/img/icon-related-res.gif) top left no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #414042;
    padding: 6px 0 12px 28px;
}
#res_container_new h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #4891dc;
    line-height: 13px;
    margin-bottom: 4px;
}
#res_container_new h4.cta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #414042;
	line-height: 16px;
	margin-bottom: 4px;
}
#res_container_new h4.first {
    margin-top: 0;
}
#res_container_new h4.c3_title_itcm {
    background: url(/media/img/icon-res-itcm.png) top left no-repeat;
    padding: 0 0 0 24px;
}
#res_container_new h4.c3_title_itslm {
    background: url(/media/img/icon-res-slm.png) left center no-repeat;
    padding: 0 0 1px 27px;
}
#res_container_new h5 {
    font-size: 11px;
    background-repeat: no-repeat;
    margin: 0;
}
#res_container_new a.info {
    padding: 3px 0 3px 28px;
    background-position: 11px 3px;
    background-image: url(/media/img/icon-res-h5-doc.gif);
    background-repeat: no-repeat;
}
#res_container_new h5.info {
    padding: 3px 0 6px 15px;
    background-position: left 5px;
    background-image: url(/media/img/icon-res-h5-doc.gif);
}
#res_container_new h5.news {
    padding: 3px 0 6px 22px;
    background-position: left 5px;
    background-image: url(/media/img/icon-res-h5-news.gif);
}
#res_container_new h5.whitepaper {
    padding: 3px 0 6px 15px;
    background-position: left 5px;
    background-image: url(/media/img/icon-res-h5-wp.gif);
}
#res_container_new h5.story {
    padding: 3px 0 6px 20px;
    background-position: left 5px;
    background-image: url(/media/img/it-res-h5-talk.gif);
}
#res_container_new h5.video {
    padding: 3px 0 6px 20px;
    background-position: left 5px;
    background-image: url(/media/img/icon-res-h5-video.gif);
}
#res_container_new h5.analyst {
    padding: 3px 0 6px 18px;
    background-position: left 5px;
    background-image: url(/media/img/icon-res-h5-analyst.gif);
}
#res_container_new div.inner {
    width: 160px;
    background: url(/media/img/bg-c3-res-inner-bkgd-til.gif) left top repeat-y;
    padding-bottom: 6px;
}
#res_container_new div.inner div {
    width: 140px;
    background: url(/media/img/bg-c3-res-inner-bkgd-til2.gif) left top repeat-x;
    margin: 0 1px;
    background-repeat: repeat-x;
    padding: 6px 9px 0px 9px;
}
#res_container_new div.inner div.short {
    background: url(/media/img/bg-c3-res-inner-bkgd-til2short.gif) left top repeat-x;
    background-repeat: repeat-x;
    min-height: 72px;
    height: auto !important;
    height: 72px;
}
#res_container_new div.inner div.med {
    background: url(/media/img/bg-c3-res-inner-bkgd-til2med.gif) left top repeat-x;
    background-repeat: repeat-x;
    min-height: 96px;
    height: auto !important;
    height: 96px;
}
#res_container_new img {
    display: block;
    margin: 0;
}
#res_container_new img.divider {
    display: block;
    margin: 0 auto 5px auto;
}
/* styles for demo offer forms in sidebar */
/* the following three rules define the minimum height of the resource box in the right sidebar, and a corresponding background image. The boxes will auto-stretch to accommodate more lines of content, but the background gradient will not. That is why these rules exist. */
div.demo-form#res_container_new {
	background: url(/media/img/demo-form-background-tile.gif) top center repeat-y;
	margin-top: 3px;
	position: relative;
*height: 1%;
}
div.demo-form#res_container_new div#content {
    display: block;
    margin: 0 10px 0 12px;
    padding: 0 9px 5px 9px;
}
div.demo-form#res_container_new div.short {
    background: url(/media/img/bg-c3-res-bkgd-tile144.gif) repeat-x left bottom;
    min-height: 144px;
    height: auto !important;
    height: 144px;
}
div.demo-form#res_container_new div.med {
    background: url(/media/img/bg-c3-res-bkgd-tile228.gif) bottom left repeat-x;
    min-height: 228px;
    height: auto !important;
    height: 228px;
}
div.demo-form#res_container_new div.tall {
    background: url(/media/img/bg-c3-res-bkgd-tile300.gif) bottom left repeat-x;
    min-height: 300px;
    height: auto !important;
    height: 300px;
}
div.demo-form#res_container_new P {
    margin-top:0px;
    padding-top:5px;
    margin-bottom:6px;
    font-size:11px;
}
div.demo-form#res_container_new h4 {
    font-size: 11px;
    font-weight: bold;
    color: #414042;
    margin-bottom: 2px;
    line-height: 17px;
    margin-top: 0px;
}
div.demo-form#res_container_new a {
    display: block;
    color:#231f20;
    text-decoration:none;
    font-size:11px;
    line-height: 17px;
    margin: 0 0 6px 0;
    line-height: 15px;
}

div.demo-form#res_container_new img#boxtop, #res_container_new img#boxbottom {
    display: block;
    margin: 0 auto;
}
div.demo-form#res_container_new div.inner {
    width: 160px;
    background: url(/media/img/demo-form-background-tile.gif) left top repeat-y;
    padding-bottom: 6px;
}
.demo-form#res_container_new form {
	height: auto;
	margin-top: 12px;
}
.demo-form#res_container_new input#email, .demo-form#res_container_new input#telephone, .demo-form#res_container_new input#last_name, .demo-form#res_container_new input#first_name, .demo-form#res_container_new input#country, .demo-form#res_container_new input#company, .demo-form#res_container_new input#job_title {
	width: 150px;
	border: 1px solid #d1d1d1;
	height: 18px;
	margin-bottom: 0px;
	text-align: left;
}
.demo-form#res_container_new label {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
.demo-form#res_container_new .butn-free-trial {
	clear: both;
	width: 112px;
	height: 24px;
	margin-top: 3px;
	margin-bottom: 24px;
	border: none;
	margin-bottom: 6px;
	display: block;
	margin-left: auto;
	margin-right: 9px;
}
.demo-form div.clear {
display: inline block;
height: 6px;
}
/* styles for new action buttons box -- clean up later --jw */
div#action_buttons_new div.short {
    background: url(/media/img/bg-c3-res-bkgd-tile144.gif) repeat-x left bottom;
    min-height: 144px;
    height: auto !important;
    height: 144px;
}
/* styles for new action buttons box -- clean up later --jw */
ul#action_buttons_new {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
ul#action_buttons_new li {
	margin: 0 0 0 10px;
	padding: 0;
	line-height: 0;
	display: block;
}
ul#action_buttons_new li a {
	display: block;
	color: #ffffff;
	background-position: left -48px;
	background-repeat: no-repeat;
	padding: 18px 0 20px 54px;
	text-decoration: none;
}
ul#action_buttons_new li a.webinar {
	background-image:url(/media/img/action-button-glass-webinar.jpg);
}
ul#action_buttons_new li a.demo {
	background-image:url(/media/img/action-button-glass-livedemo.jpg);
}
ul#action_buttons_new li a.workshop {
	background-image:url(/media/img/action-button-glass-workshop.jpg);
}
ul#action_buttons_new li a.buy {
	background-image:url(/media/img/action-butn-glass-buynow.jpg);
}
ul#action_buttons_new li a.trial {
	background-image:url(/media/img/action-button-glass-trial.jpg);
}

ul#action_buttons_new li a:hover {
	background-position: left top;
}

/*end action buttons */

/* Begin Jeff left sidebar subnav styles */
/* the following three rules define the minimum height of the subnav box in the left sidebar, and a corresponding background image. The boxes will auto-stretch to accommodate more lines of content, but the background gradient will not. That is why these rules exist. */
div#subnav {
    background: url(/media/img/subnav_bgtile1.gif) top center repeat-y;
    margin-top: 0px;
}
div#subnav p {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 0 6px 0;
	line-height: 11px;
}
div#subnav div#links {
    display: block;
    margin: 0 10px 0 2px;
    padding: 0 9px 5px 9px;
}
div#subnav div#links div {
	padding-left: 3px;
}
#subnav div.short {
    background: url(/media/img/bg-c3-res-bkgd-tile144.gif) repeat-x left bottom;
    min-height: 144px;
    height: auto !important;
    height: 144px;
}
#subnav div.med {
    background: url(/media/img/bg-c3-res-bkgd-tile228.gif) bottom left repeat-x;
    min-height: 228px;
    height: auto !important;
    height: 228px;
}
#subnav div.tall {
    background: url(/media/img/bg-c3-res-bkgd-tile300.gif) bottom left repeat-x;
    min-height: 300px;
    height: auto !important;
    height: 300px;
}
#subnav P {
    margin-top:0px;
    padding-top:5px;
    margin-bottom:6px;
    font-size:11px;
}
#subnav h4 {
    font-size: 11px;
    font-weight: bold;
    color: #414042;
    margin-bottom: 2px;
    line-height: 17px;
    margin-top: 0px;
}
#subnav a {
    background: url(/media/img/sidebar_link_pointer.gif) 0 3px no-repeat;
	display: block;
    color:#231f20;
    text-decoration:none;
    font-size:11px;
    line-height: 17px;
    padding: 0 0 6px 9px;
    line-height: 15px;
}
#subnav a:hover {
    color:#4891dc;
}
#subnav a.current {
    color: #4891dc;
    font-weight: bold;
}
#subnav img#boxtop, #res_container_new img#boxbottom {
    display: block;
    margin: 0 auto;
}
#subnav  h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #4891dc;
    line-height: 13px;
    margin-bottom: 4px;
}
#subnav h4.first {
    margin-top: 0;
}
#subnav h5 {
    font-size: 11px;
    background-repeat: no-repeat;
    margin: 0;
}
#subnav img {
    display: block;
    margin: 0;
}
#subnav img.divider {
    display: block;
    margin: 0 auto 5px auto;
}
#res_container_new div.inner {
    width: 160px;
    background: url(/media/img/bg-c3-res-inner-bkgd-til.gif) left top repeat-y;
    padding-bottom: 6px;
}
#res_container_new div.inner div {
    width: 140px;
    background: url(/media/img/bg-c3-res-inner-bkgd-til2.gif) left top repeat-x;
    margin: 0 1px;
    background-repeat: repeat-x;
    padding: 6px 9px 0px 9px;
}
#res_container_new div.inner div.short {
    background: url(/media/img/bg-c3-res-inner-bkgd-til2short.gif) left top repeat-x;
    background-repeat: repeat-x;
    min-height: 72px;
    height: auto !important;
    height: 72px;
}
#res_container_new div.inner div.med {
    background: url(/media/img/bg-c3-res-inner-bkgd-til2med.gif) left top repeat-x;
    background-repeat: repeat-x;
    min-height: 96px;
    height: auto !important;
    height: 96px;
}
/* End Jeff Left Sidebar Subnav styles */
.c3header {
    background-image:url(/media/img/bg-c3-uline.gif);
    background-position:bottom;
    background-repeat: no-repeat;
    margin-bottom:5px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#000000;
    height: 27px;
    padding-bottom:4px;
}
.c3_title_product, .c3_title_stories, .c3_title_analyst, .c3_title_news, .c3_title_webinar, .c3_title_pr, .c3_title_whitepaper {
    padding-top:9px;
    padding-left:32px;
    height:27px;
    margin-top:20px;
}
.c3_title_product {
    margin-top:0px;
}
.c3_title_product {
    background: url(/media/img/icn-c3-info.gif);
    background-repeat: no-repeat;
}
.c3_title_stories {
    background: url(/media/img/icn-c3-stories.gif);
    background-repeat: no-repeat;
}
.c3_title_analyst {
    background: url(/media/img/icn-c3-analyst.gif);
    background-repeat: no-repeat;
}
.c3_title_news {
    background: url(/media/img/icn-c3-news.gif);
    background-repeat: no-repeat;
}
.c3_title_webinar {
    background: url(/media/img/icn-c3-webinar.gif);
    background-repeat: no-repeat;
}
.c3_title_pr {
    background: url(/media/img/icn-c3-pr.gif);
    background-repeat: no-repeat;
}
.c3_title_whitepaper {
    background: url(/media/img/icn-c3-whitepaper.gif);
    background-repeat: no-repeat;
}

/* To refactor */
.thetable td {
    padding: 0 0 25px 0;
    text-align: left;
    vertical-align: top;
}
.thetable.middle td {
    text-align: left;
    vertical-align: middle;
}
.thetable.top td {
    vertical-align: top;
}
.thetable.top td.padright {
	padding-right: 18px;
}
.thetable h2, .thetable h3 {
    color:#5A7E92;
    font-size:15px;
    font-weight:bold;
}
.thetable h4 {
    line-height: 1em;
}
.thetable img {
    margin: 0;
    padding: 0 8px 0 0;
}
.thetable ul {
    margin: 0;
}

/* Press release tables */
.newslisting td {
    padding-bottom:6px;
    padding-top:5px;
    padding-right: 50px;
    line-height:16px;
    padding-bottom:8px;
}
.newslisting.inthenews td {
    color:#3388CC;
    font-style:italic;
    font-weight:bold;
}
.newslisting.inthenews a {
    font-style:normal;
    font-weight:bold;
}
.newslisting.analyst td {
    padding: 8px 12px 0 0;
    vertical-align: middle;
}
.newslisting.analyst a {
    font-style:normal;
    font-weight:bold;
}
.newslisting a {
    color:#000000;
}
.newslisting a:hover {
    color: #4891dc;
}
.newslisting .date {
    color: #787878;
    font-style: italic;
    padding-right: 30px;
    white-space: nowrap;
}
#main-content .newslisting tr {
    background-image:url(/media/img/pr-uline.gif);
    background-position:top;
    background-repeat:no-repeat;
}

/* In the news tables */
#main-content.inthenewsTBL tr {
    background-image:url(/media/img/pr-uline.gif);
    background-position:top;
    background-repeat:no-repeat;
}
.inthenewsTBL td {
    line-height:20px;
    padding-top:7px;
    padding-bottom:7px;
}
#main-content .inthenewsTBL td.badge {
    width: 85px;
    height: 85px;
    background: url(/media/img/news-icn-blank.gif);
    padding: 0;
    text-align: center;
    vertical-align: middle;
    font-size: 9px;
    font-weight: bold;
    line-height: normal;
}
.inthenewsTBL h3 {
    font-weight:bold;
    font-size:15px;
    color:#5a7e92;
}
.inthenewsTBL a:link {
    color: #000000;
}
.inthenewsTBL a:hover {
    color: #4891dc;
}
/* Customer page styles */
#customers-content {
    width: 900px;
    margin: 0;
    padding: 0 0 0 45px;
}
#customers-content #customer-tabs {
    float: left;
    width: 730px;
}
#customers-content #customer-offer {
    float: left;
    width: 170px;
    text-align: center;
    vertical-align: middle;
    padding-top: 70px;
}
#customer-list {
    display: block;
    clear: both;
    padding-top: 30px;
    *padding-top: 12px;
}
#customer-list h2 {
    font: bold 13px/1.8em arial, verdana, sans-serif;
    color: #5a7e92;
}
#customer-list h3 {
	font: bold 11.5px/1.8em arial, verdana, sans-serif;
	color: #5a7e92;
	padding-bottom: 9px;
}
#customer-list div.column {
	float: left;
	width: 168px;
	margin-right: 13px;
}
#customer-list div.column li {
	list-style: none;
	padding-left: 6px;
	padding-bottom: 9px;
	line-height: 14px;
}

/* Horizontal gradient separator */
div.horizontal-separator {
    height: 5px;
    background: transparent url(/media/img/bg-horizontal-line-grad.png) top right no-repeat;
    clear: both;
    display: block;
    width: 100%;
    float: none;
}
span.horizontal-separator {
 height: 5px;
    background: transparent url(/media/img/bg-horizontal-line-grad.png) top right no-repeat;
    clear: both;
    display: block;
    width: 100%;
    float: none;
}
/* tables */
table.tablesorter {
    font-family:arial;
    background-color: #CDCDCD;
    margin:10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
}
table.tablesorter thead tr .header {
    background-image: url(/media/img/tables/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(/media/img/tables/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(/media/img/tables/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}
.clearfix {
	display: block;
	height: 0;
	clear: both;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

ol.legal {
    list-style: none;
}
ol.legal li span {
    font-size: 110%;
    font-weight: bold;
}

ol.legal ol {
    list-style:  none;
}
ol.legal ul {
    margin-left: 1.5em;
}

ol.legal li ol li span {
    font-size: 95%;
    font-weight: bold;
    font-style: italic;
}

table.general {
    margin: 12px 0;
}
table.general th {
    padding: 8px;
    text-align:  left;
    border-bottom: 4px double #777;
}
table.general td {
    padding: 8px;
    border-bottom: 1px dotted #999;
}
#main-content-right div#downloadspace {
	height: 116px;
	width: 169px;
	background-image: url(/media/img/download_btn-bg.gif);
	padding: 10px;
	margin-left: 8px;
	text-align: center;
	background-repeat: no-repeat;
}
#main-content-right #downloadspace div {
    display: block;
}

#main-content-right #downloadspace div#downloadheader1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #5A7E92;
    text-align: center;
}
#main-content-right #downloadspace div#downloadheader2 {
	font-size: 1em;
	font-weight: bold;
	color: #5A7E92;
    text-align: center;
	padding-bottom: 1em;
}

/* Survey form styles */
.survey label {
    display: block;
}