/*COLORS
 * blue
 * #abbccd
 * #57799a
 * #003366
 * 
 * orange
 * #ffddab
 * #ffbc57
 * #ff9900
 * 
 * yellow
 * #ffffcc
 * #ffff99
 * #cccc66
 */

/*  BEGIN: reset browser defaults  */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { border: 0; font-weight: normal; line-height: inherit; margin: 0; padding: 0; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; }
/*  END: reset browser defaults  */

/* BEGIN: html elements */
html { background: transparent url(../imagesDeveloper/backgroundHeader.png) repeat-x 0 0; padding-top: 15px; overflow-y: scroll; }
body { font-family: Calibri, Trebuchet, Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.25; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: bold; line-height: 1.2; word-spacing: -0.05em; }
h1 { color: #57799a; font-size: 28px; margin: 5px 0 15px; text-transform: uppercase; font-weight: normal; }
h1 em, h1 .lowercase { font-weight: bold; }
h2 { color: #f90; font-size: 20px; font-weight: normal; margin-bottom: 5px; }
h3 { color: #57799a; font-size: 20px; }
h4 { color: #f90; font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
p { margin: 0 0 20px; }
p.required { color: #f90; font-size: 15px; font-style: italic; font-weight: bold; }
blockquote { border-left: 3px solid #eee; color: #666; margin: 0 auto 20px; padding: 5px 0 5px 15px; width: 80%; text-align: justify; }
code { font-family: consolas, courier, monospace; }
pre { line-height: 1; margin-bottom: 20px; }
address { margin: 5px 0 15px; }
hr, .hr { border: 0; background: transparent url(../imagesDeveloper/backgroundBorderHorizontal.png) repeat-x 0 0; line-height: 0; height: 1px; margin: 25px 0; padding: 0; }
a:link, a:hover, a:active { color: #036; text-decoration: underline; }
a:visited { color: #57799a; text-decoration: underline; }
a:focus { background-color: #eef2f5; outline: 0; text-decoration: none; }
ul { list-style: none; margin-bottom: 20px; padding-left: 20px; }
ul.noBullet, ul.ourTeamNav { padding-left: 0; }
ul.noBullet li, ul.ourTeamNav li { background: none; padding-left: 0; }
ul.ourTeamNav li a { text-decoration: none; }
ul li { background: transparent url(../imagesDeveloper/bullet.png) no-repeat 0 .6em; padding-left: 10px; }
ul li.listHeader { background: none; font-weight: bold; padding-left: 0; }
ul li > ul, ol li > ol { margin-bottom: 0; }
ul li > ol li { background: none; }
ol { margin-bottom: 20px; padding-left: 15px; list-style: decimal; list-style-position: inside; }
ol li { padding-left: 10px; }
dl { margin-bottom: 20px; }
dl dt { font-weight: bold; }
dl dd { border-left: 1px solid #efefef; margin: 5px 0 5px 25px; padding: 2px 10px 10px; }
table { line-height: 1; margin-bottom: 20px; }
table, th, td { border: 1px solid #666; }
table caption { font-weight: bold; margin: 5px 0; text-transform: uppercase; }
thead { display: table-header-group; }
th { background-color: #999; color: #fff; }
th, td { padding: 5px; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.noBold { font-weight: normal; }
/* END: html elements */

/* BEGIN: form classes */
label { display: block; font-weight: bold; margin: 0 0 2px 0; }
input[type="hidden"] { display: none; }
input[type="checkbox"] { border: none; margin: 0; outline: none; padding: 0; }
input[type="radio"], input[type="file"], input[type="search"] {}
input[type="text"], input[type="password"], input[type="select"], select, textarea { border: 1px solid #ccc; color: #666; padding: 5px; width: 300px; }
input[type="select"], select { width: 312px; }
input[type="submit"], input[type="button"], input[type="reset"] { background-color: #f90; border: 0; color: #fff; display: inline-block; font-size: 12px; font-weight: bold; line-height: .8; padding: 5px 20px; text-decoration: none; text-transform: uppercase; }
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border: 1px solid #73a6ff; outline: 1px solid #acc8f8; }
input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { border: 1px solid #f90; background-color: #ffbc57; } 
input:focus::-moz-focus-inner { border: none; }
a.button { background-color: #f90; border: 1px solid #f90; color: #fff; display: inline-block; font-size: 13px; line-height: .8; padding: 7px 15px; text-decoration: none; text-transform: uppercase; }
a.button:hover { text-decoration: none; }
a.button:focus { background-color: #ffbc57; }
a.button:visited { color: #fff; }
textarea { height: 200px; width: 450px; }
button { border: none; font-size: 10px; font-weight: bold; }
form ol, form ul { list-style-type: none; margin: 0; padding: 0; }
form li { margin-bottom: 20px; padding-left: 0; }
input.required[type="text"], input.required[type="password"], select.required, textarea.required, input.invalid[type="text"], input.invalid[type="password"], select.invalid, textarea.invalid { border: 1px solid #c00; }
label.required, label.invalid { color: #c00; }
.errors { background-color: #c00; color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 20px; padding: 15px; }
.errors p { margin-bottom: 10px; }
.errors ul li { background: none; font-weight: bold; list-style-type: disc; margin: 0 0 0 30px; }
/* END: form classes */

.compress { margin: 0 auto; width: 960px; }

#header { border-bottom: 1px dotted #abbccd; height: 60px; }
#header .compress { position: relative; }
#header #logo { position: absolute; left: 0; top: 10px; }
#header #logo a { background: transparent url(../imagesDeveloper/headerLogo.png) no-repeat 0 0; display: block; height: 39px; text-indent: -10000px; width: 156px; }
#header #headerNav { position: absolute; right: 0; top: 35px; }
#header #headerNav ul { background: transparent url(../imagesDeveloper/bulletAlt.png) no-repeat right 7px; margin: 0; overflow: auto; padding: 0 2px 0 0; }
#header #headerNav ul li { background: transparent url(../imagesDeveloper/bulletAlt.png) no-repeat left 7px; display: block; padding: 0 10px 0 13px; float: left; font-size: 13px; text-transform: uppercase; }
#header #headerNav ul li a { color: #57799a; text-decoration: none; }
#header #headerNav ul li a:hover { text-decoration: none; }

#content { overflow: hidden; }

#sidebar { clear: both; float: left; width: 300px; }
#sidebar #navigation h3 { display: none; }
#sidebar #navigation ul { margin: 0 0 50px 0; padding: 0; }
#sidebar #navigation ul li { background: none; border-bottom: 1px dotted #abbccd; margin: 0; padding: 0; position: relative; }
#sidebar #navigation ul li a, #sidebar #navigation ul li span.categoryFolder { color: #036; display: block; font-size: 13px; margin: 1px 0; padding: 10px 15px 10px 25px; text-decoration: none; text-transform: uppercase; }
#sidebar #navigation ul li span.categoryFolder { background: transparent url(../imagesDeveloper/bulletNavCategoryFolder.png) no-repeat 280px 16px; cursor: default; }
#sidebar #navigation ul li.selected a { background: #eef2f5 url(../imagesDeveloper/bulletNav.png) no-repeat 16px 16px; text-decoration: none; }
#sidebar #navigation ul li a:hover, #sidebar #navigation ul li a:focus { background-color: #eef2f5; }
#sidebar #navigation ul li > ul { display: none; background-color: #eef2f5; margin-bottom: 0; position: absolute; border-top: 1px dotted #abbccd; right: -219px; width: 220px; top: -2px; }
#sidebar #navigation ul li:hover > ul { display: block; }
#sidebar #navigation ul li > ul li a { font-size: 11px; padding-left: 15px; }
#sidebar #navigation ul li.selected > ul li a, #sidebar #navigation ul li > ul li.selected a { background: none; }

#sidebarText { color: #57799a; clear: both; font-size: 20px; font-style: italic; margin: 0 0 25px 50px; text-align: right; }
#sidebarText p { background-color: #fff; }
#sidebarText a, #sidebarText em { color: #f90; font-weight: bold; }

#article { float: right; margin: 10px 0 25px; width: 620px; }
#article .imageSplash { border-bottom: 1px dotted #abbccd; margin: 0 0 25px; text-align: center; }
#article .imageSplash img { margin: 10px 0 20px; }
#article .imageSplash img.noMargin { margin-bottom: 0; }
#article .imageSplash p { color: #666; font-style: italic; font-weight: bold; margin-bottom: 5px; text-align: left; }
#article .noCaption { border-bottom: none; }
#article .noCaption img { margin-bottom: 0; }
#article .bio { margin-bottom: 50px; overflow: hidden; }
#article .bioName { color: #f90; display: block; font-size: 24px; }
#article .bioTitle { color: #666; display: block; font-style: italic; margin-bottom: 20px; }
#article .bioHeadshot { clear: both; float: left; margin-top: 3px; }
#article .bioHeadshot img { border: 1px solid #ccc; height: 100px; margin-right: 20px; padding: 1px; width: 88px; }

#aboutCrossix { border-top: 1px dotted #abbccd; padding-top: 20px; margin-left: -300px; }
#aboutCrossix h3 { font-weight: normal; margin-bottom: 10px; }
#aboutCrossix p { font-size: 12px; }

#rxMarketMetrics h1 { text-indent: -1000px; overflow: hidden; background: transparent url(../imagesDeveloper/header-rxMarketMetrics.png) no-repeat 0 0; height: 57px; width: 347px; margin: 10px 0 25px; }
#rxLeadRating h1 { text-indent: -1000px; overflow: hidden; background: transparent url(../imagesDeveloper/header-rxLeadRating.png) no-repeat 0 0; height: 57px; width: 295px; margin: 10px 0 25px; }

#articleFooterBanner { clear: both; border: 1px dotted #abbccd; border-left: none; border-right: none; margin-bottom: 25px; text-align: center; }
#articleFooterBanner img { display: block; margin: 0 auto 5px; padding-top: 10px; }
#articleFooterBanner p { margin: 0; }
#articleFooterBanner a { display: block; color: #000; text-decoration: none; padding-bottom: 10px; }

#splashColumns { margin: 0 0 30px; overflow: auto; }
#splashColumns .splash { background: transparent url(../imagesDeveloper/backgroundBorderVertical.png) repeat-y 0 0; float: left; font-size: 12px; min-height: 270px; padding-left: 40px; width: 390px; }
#splashColumns .splash:first-child { background: none; padding: 0 40px 0 0; }
#splashColumns .splash h3 { margin-bottom: 10px; padding-top: 100px; font-weight: normal; }
#splashColumns .splash h3 a, #splashColumns .splash h3 a:visited { color: #57799A; text-decoration: none; }
#splashPharmaMarketers h3 { background: transparent url(../imagesDeveloper/splashPharmaMarketers.png) no-repeat 0 15px; }
#splashPublisherMedia h3 { background: transparent url(../imagesDeveloper/splashPublisherMedia.png) no-repeat 0 15px; }

#footer { background: #fff url(../imagesDeveloper/backgroundFooter.png) repeat-x 0 bottom; clear: both; border-top: 1px dotted #abbccd; padding: 25px 0 70px; }
#footerContent { margin: 0 40px; }
#footerContent h4 { font-size: 16px; font-weight: normal; clear: both; color: #57799a; margin-bottom: 5px; }
#footerContent .privacy { font-size: 12px; }
#footerContent .copyright { color: #036; font-size: 11px; margin-bottom: 10px; text-align: center; }

#home #headerNav ul li:first-child { display: none; }
#home #homepageHeader h1 { border-bottom: 1px dotted #abbccd; font-size: 36px; line-height: 1.1; margin: 0 0 25px; padding: 20px 50px; text-transform: capitalize; word-spacing: 0; }
#home #homepageHeader #splashColumns { border-bottom: 1px dotted #abbccd; margin-bottom: 20px; overflow: auto; padding-bottom: 25px; }
#home #homepageHeader #splashColumns #navigation h3 { padding-top: 16px; }
#home #homepageHeader #splashColumns #navigation ul { padding-left: 0; }
#home #homepageHeader #splashColumns #navigation ul li > ul { padding-left: 15px; }
#home #homepageHeader #splashColumns #navigation li { background: none; padding-left: 0; }
#home #homepageHeader #splashColumns #navigation span.categoryFolder, #home #homepageHeader #splashColumns #navigation a, #home #homepageHeader #splashColumns #navigation a:visited { color: #003366; display: block; font-size: 13px; margin: 1px 0; padding: 6px 15px 6px 14px; text-decoration: none; text-transform: uppercase; background: transparent url(../imagesDeveloper/bulletNavEastHome.png) no-repeat 3px 11px; }
#home #homepageHeader #splashColumns #navigation span.categoryFolder { background: transparent url(../imagesDeveloper/bulletNavSouthHome.png) no-repeat 0 11px; }
#home #homepageHeader #splashColumns #splashPharmaMarketers h3 { background: transparent url(../imagesDeveloper/splashPharmaMarketersHome.png) no-repeat 0 10px; padding-top: 80px; }
#home #homepageHeader #splashColumns #splashPublisherMedia h3 { background: transparent url(../imagesDeveloper/splashPublisherMediaHome.png) no-repeat 0 5px; padding-top: 80px; }
#home #homepageHeader #splashColumns .splash { min-height: 280px; padding: 0 40px; width: 240px; }
#home #homepageHeader #splashColumns .splash p.learnMore { margin-bottom: 8px; }
#home #footerContent .privacy { font-size: 13px; }
#home #article { margin-top: 0; }
#home #sidebar { width: 260px; }
#home #sidebarText p { display: none; }
#home #sidebarText p:first-child { display: block; }

#contactUs #sidebar .contactInfo { color: #666; font-size: 16px; font-style: normal; margin: 0 0 100px 40px; text-align: left; }
#contactUs #sidebar .contactInfo em { font-size: 17px; font-style: normal; }
#contactUs #article .contactInfo { display: none; }
