@import url("https://use.typekit.net/dli7dda.css");
@import url("https://use.typekit.net/icf0nfe.css");

html, body { width: 100%; height: 100%; display: table; font-family: "Univers Regular", arial, sans-serif; font-size: 13px; color: #4d4d4d; background: #f4f4f4; }
body > form { display: table-row; }

a, .blue { color: #1a9bd7; }
.blue-btn, .gray-btn, .tab, .tool-bottom a {
	font-family: din-2014, helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;
	background: #1a9bd7;
	text-decoration: none;
	padding: 10px 13px 12px;
	color: #FFFFFF;
	display: inline-block;
	margin-top: 10px;
	border: none;
}
.gray-btn, .tab { background: #a6a6a6; }
.tab.on { background: #1a9bd7; }

/* Hintbox Styles */
.hint {
    display: inline-block;
    margin-left: 0px;
    margin-top: -1px;
    position: relative;
    vertical-align: top;
}

.products .hint {
    margin: 0;
    width: 13px;
}

.hint .hint-box {
    background: #ffffff none repeat scroll 0 0;
    bottom: 18px;
    box-shadow: 0 0 7px -4px #000000;
    color: #4e4e4e;
    display: none;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
	font-weight: normal;
    left: -82px;
    line-height: 14px;
    padding: 15px;
    position: absolute;
    text-align: center;
    width: 150px;
	z-index: 999;
}
.filters .hint .hint-box { display: none; }

.hint .hint-box img {
    bottom: -9px;
    left: 79px;
    position: absolute;
}

.hint:hover .hint-box, .filters .hint:hover .hint-box { display: block; }

#ROI-hint { position: absolute; right: -12px; top: 15px; }
#ROI-hint .hint-box { text-align: left; width: 150px; left: -82px; bottom: 41px; }
body .contents .hint .hint-box h2 { font-size: 12px; }
.contents .hint .hint-box label {
    color: #1a9bd7;
    display: block;
    font-family: din-condensed,helvetica,sans-serif;
    font-size: 29px;
	font-weight: 400;
    margin: 7px 0;
} 
.contents .hint .hint-box label#estimatedSearchRevenue { margin: 7px 0 15px; }

#Table-tabbed .hint { margin-top: -1px; }

/* Lightbox Styles */
#keyword.contents { padding: 10px 25px 0; }

.contents .pop-up, #keyword.pop-up {
    background-color: white;
    box-shadow: 0 0 6px #0a0a0a;
    display: none;
    left: 48%;
    margin-left: -370px;
    overflow: auto;
    padding: 25px;
    position: fixed;
    top: 10%;
    width: 740px;
    z-index: 1002;
    padding-bottom: 30px;
    white-space: normal;
}

.contents .black_overlay {
    background-color: black;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001;
}

.pop-up h1, #keyword h1, #contact-us h1, .password-screens h1, #Video-Pop h1, .subscription-content h1 {
	font-family: din-2014, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: #334054;
    text-decoration: underline;
    display: block;
    margin: 0 0 15px 0;
}

.pop-up .close-link {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #4d4d4d;
    font-family: "Univers Condensed", helvetica, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
}

.pop-up .close-link img { margin-bottom: -1px; }

.contents .pop-up ol, .contents .pop-up ul, #keyword ol { line-height: 20px; margin-left: 20px!important;  }
.contents .pop-up ol, #keyword ol {
	display: inline-block;
	width: 45%;
	vertical-align: top;
	margin-left: 0;
}

.contents ol.start { 
    counter-reset: mycounter; 
}
.contents ol.start li, .contents ol.continue li {
    list-style: none;
}
.contents ol.start li:before, .contents ol.continue li:before { 
    content: counter(mycounter) ". ";
    counter-increment: mycounter;
}

.pop-up .note, #keyword .note { font-size: 10px; margin-top: 5px; }
#target-cities ol { width: 30%; }

form > #contact-us, form > .password-screens, form > .subscription-content { padding: 5px 25px; }
#contact-us > h1, .password-screens > h1 { display: inline-block; }
#contact-us .inputs h3, .password-screens .inputs h3 {
	margin: 0;
	font-family: "Univers Condensed",helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
}
#contact-us .inputs input, .password-screens .inputs input { margin-bottom: 15px; width: 150px; }
#contact-us .inputs input, #contact-us .inputs #ContactUsComments, .password-screens .inputs input { 
	border: 1px solid #a6a6a6;
	padding: 6px 5px 5px;
}
#contact-us .inputs #ContactUsComments {
	height: 125px;
	max-height: 125px;
	width: 300px;
	max-width: 80vw;
}
#contact-us .telephone input {
    margin-right: 5px;
    width: 33px;
}

.subscription-content h3, .subscription-content .are-you-sure {
	font-family: "Univers Condensed", helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 15px 0 0 0;
}

.subscription-content h2 {
	font-family: din-condensed, helvetica, sans-serif;
	font-size: 37px;
	font-weight: 200;
	margin: -10px 0 0;
}

.subscription-content .divider {
	background: #b3b3b3;
	width: auto;
	font-family: din-2014, helvetica, sans-serif;
	font-size: 15px;
	font-weight: 600;
	padding: 8px 13px 7px;
	margin-top: 15px;
	color: #FFFFFF;
	text-transform: uppercase;
}

.subscription-content ul {
    padding: 0;
    margin: 25px 0 15px;
    list-style: none;
}

.subscription-content ul li { padding-left: 60px; margin-bottom: 15px; }
.subscription-content ul li strong { display: block; }

.subscription-content ul li#paid-search { background: url("/images/subscription-paid-search.png") no-repeat left top transparent; }
.subscription-content ul li#online-visibility { background: url("/images/subscription-online-visibility.png") no-repeat left top transparent; }
.subscription-content ul li#call-tracking { background: url("/images/subscription-call-tracking.png") no-repeat left top transparent; }

.subscription-content p { margin-bottom: 0; }

#intro {
    margin-left: -300px;
    text-align: center;
    width: 600px;
}
#intro > h1 {
    color: #1a9bd7;
    font-family: din-condensed,helvetica,sans-serif;
    font-size: 64px;
    font-weight: 400;
	line-height: 50px;
    letter-spacing: -0.05em;
    margin-top: 35px;
    text-decoration: none;
    text-transform: none;
}
#intro > p {
    font-size: 15px;
    line-height: 20px;
    margin: 0 auto 45px;
    width: 75%;
}

#notes-pop #note {
    display: block;
    margin-bottom: 20px; 
}

.contents #display-ad-one, .contents #display-ad-two, .contents #display-ad-three {
	width: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
}
.contents #display-ad-one .ad-image, .contents #display-ad-two .ad-image, .contents #display-ad-three .ad-image {
	border: 1px solid #ccc;
	margin-bottom: 15px;
}



/* LEFT NAVIGATION STYLES */
.navigation, .contents {
	display: table-cell;
	vertical-align: top;
}

.navigation {
	background: #000;
	color: #f2f2f2;
	font-family: "Univers Condensed", helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	width: 180px;
	min-width: 180px;
	padding: 30px;
	letter-spacing: 0.02em;
}

.navigation .section { border-bottom: 1px solid #717a88; padding-bottom: 15px; margin-bottom: 30px; }
.navigation .last { border: none; } 
.navigation h2 {
	font-family: din-condensed;
	font-size: 16px;
	font-weight: 400;
	text-decoration: underline;
	color: #FFFFFF;
	letter-spacing: 0.04em;
	margin-bottom: 6px;
}

.navigation a, .navigation span {
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 15px;
	margin: 2px 0;
	display: block;
}

.navigation .selected, .navigation a:hover { background: rgba(255, 255, 255,.2); }
.navigation .help-number { font-size: 13px; }



/* PAGE HEADER STYLES */
.contents > .header {
	display: block;
	background: #FFFFFF;
	padding: 12px 1.5%;
	border-bottom: 1px solid #c4c4c4;
	position: relative;
}

.contents .header .container {
	display: table;
	width: 100%;
}
.contents .header img, .contents .header h1 { display: table-cell; vertical-align: middle; }
.contents .header img { max-height: 50px; max-width: 290px; margin-right: 20px; }
.contents .header h1 {
	font-family: din-condensed, helvetica, sans-serif;
	font-size: 28px;
	font-weight: 200;
	text-align: right;
	color: #333333;
	padding-right: 10px;
	width: 90%;
}
.mobile-nav-link, .navigation span.mobile-nav-link { display: none; }


/* PAGE FOOTER STYLES */
#footer { background:#000; color:#FFF; padding:30px; border-left: 1px solid #FFF; }
#footer img { height:24px; margin-right:7px; }
#footer > * { display:inline-block; vertical-align:middle; }



/* BREADCRUMB STYLES */
#filter .breadcrumb {
    background: #f1f1f1 none repeat scroll 0 0;
    color: #1a1a1a;
    font-size: 12px;
    padding: 12px 1.5% 11px;
	border-bottom: 1px solid #c4c4c4;
}

#filter strong { font-weight: bold; }



/* FILTER BAR STYLES */
.contents .filters { color: #4d4d4d; padding: 10px 1.5% 0; max-width: 910px; }
.contents .filters * { display: inline-block; vertical-align: middle; }
.contents .filters h2 {
	font-family: din-condensed, helvetica, sans-serif;
	font-size: 17px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	color: #4d4d4d;
}

.contents .filters select { width: auto; margin-right: 20px; max-width: 100px; }
.contents #lma-filter .filters select { max-width: none; }
.contents .filters select#ctl00_BodyContent_DateTypeDropDown { width: auto; padding: 5px; max-width: none; }
.contents .filters select option { display: block; }
.contents .filters div { margin-top: 6px; }
.contents .filters #date-range { display: block; margin-top: 0; }
.contents .filters #search, .contents .filters #custom-range { margin: 5px 0 6px; }
.contents .filters #custom-range { margin: 5px 20px 6px -20px; }
#ctl00_BodyContent_EndIcon { margin: 0 2px 0 -4px; }
.contents .filters #search .text {
    border: 1px solid #a6a6a6;
    padding: 6px 5px 5px;
    width: 75px;
}
.contents .filters #search .submit {
    background: url("/images/find_btn.png") repeat scroll 0 0 transparent;
    border: medium none;
    height: 27px;
    width: 35px;
	margin: 0 0 0 -5px;
	cursor: pointer;
}



/* REPORT STYLES */
.report { margin-top: 20px; padding: 0 1.5% 22px; display: block; min-width: 930px; }

.report .section { padding: 20px; background: #FFFFFF; margin-bottom: 20px; position: relative; }
.report .section h1 {
	font-family: din-condensed, helvetica, sans-serif;
	font-size: 37px;
	font-weight: 200;
}
.report #overview-seperated .section h1 { font-size: 30px; }

.report .section h2 {
	font-family: din-2014, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: #334054;
	display: inline-block;
	border-bottom: 1px solid #334054;
}
.report .section h3 {
	font-family: "Univers Condensed", helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	text-transform: uppercase;
}

.report .section p { margin-top: 10px; line-height: 18px; }

.report .left, .report .right { display: inline-block; vertical-align: top; }
.report .left { width: 700px; margin-right: 18px; }
.report .right { width: 215px; }

.report .table-navigation {
	position: absolute;
	right: 20px;
	top: 23px;
}

#revenue-calculator .table-navigation { top: 15px; }

.report .table-navigation li {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}
.report .table-navigation li#outcome { margin-left: 10px; }
.report .table-navigation li#export{ cursor: initial; }

.report .table-navigation input { padding: 6px 8px 7px; margin: 0; }

.export {
    text-transform: none;
    font-family: "Univers Condensed", helvetica, sans-serif;
    border: none;
    text-decoration: underline;
    color: #668c4f;
    font-size: 15px;
	padding: 4px 0 10px 28px;
	margin: 0 0 0 10px;
    position: relative;
}

.export img {
    position: absolute;
    left: 0;
    top: 0;
}



/* DASHBOARD STYLES */
/* Package Section Styles */
/*.left #overall-performance { background: url("/images/overview-bg.jpg") no-repeat left top #FFFFFF; background-size: cover; }*/
.left #overall-performance ul {
	width: 100%;
	display: table;
	margin-top: 10px;
}
.left #overall-performance ul li {
	display: table-cell;
	vertical-align: top;
	padding: 25px 10px;
	text-align: center;
    max-width: 200px;
}
.left #overall-performance ul li.divider {
	width: 16px;
	background: url("/images/overview-divider.png") repeat-y left center transparent;
	padding: 0;
} 
/*.left #overall-performance ul li#cpl-tab-divider { display: none; }*/

.left #overall-performance ul li p { margin-top: 6px; line-height: 14px; }
.left #overall-performance ul #ROI .gray-btn { margin-top: 7px; }

#ROI h1 { position: relative; }
#ROI > a { display: block; margin-top: 5px; }

#overview-seperated, #Actions-and-Calls, #image-links {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}
.seperated { display: table-cell; }
.divider { width: 13px; }

.seperated h1 { font-size: 34px; margin-bottom: 5px; }
.seperated ul { margin-top: 10px; }
.seperated li {
	display: table-cell;
	padding: 7px 10px 10px;
	text-align: center;
	width: 49%;
	margin-top: 10px;
	border-right: 1px solid #cccccc;
}
.seperated li:last-child { border-right: none; }

#image-links .seperated h2 { margin-bottom: 40px; }
#summary #phone-calls { width: 145px; }
#category-img { background: url("/images/category-link-img.jpg") no-repeat left top #FFFFFF; background-size: cover; width: 330px; }
#device-img { background: url("/images/device-link-img.jpg") no-repeat left top #FFFFFF; background-size: cover; width: 330px; }
#city-img { background: url("/images/city-link-img.jpg") no-repeat left top #FFFFFF; background-size: cover; width: 330px; }

#actions .actions-links { float: right; }
#actions .gray-btn { margin: 0; }
#actions #chart_div { clear: both; }

#actions #no-top-actions { margin-top: 35px; }
#actions .gray-btn { font-size: 12px; }
#actions #top-actions-chart { margin-top: 20px; }

#phone-calls { font-size: 15px; }
#phone-calls h3 { font-size: 15px; margin: 15px 0 0; display: block; }
#phone-calls h1 { display: inline-block; }
#phone-calls div > span { display: inline-block; font-size: 13px; }

#listings-mgmt { position: relative; }
#listings-mgmt .gray-btn {
    position: absolute;
    right: 20px;
    top: 10px;
}
#listings-mgmt ul, #reviews ul { display: block; margin-top: 12px; }
#listings-mgmt ul li, #reviews ul li {
	display: table-cell;
	vertical-align: top;
	border-right: 1px solid #cccccc;
	padding: 10px 15px;
	text-align: center;
}
#listings-mgmt ul li h1 { text-transform: uppercase; }
#listings-mgmt ul li h1 span { font-size: .7em; }
#listings-mgmt ul li p { margin-top: 3px; }

#listings-mgmt ul li#percentage { width: 95px; padding-left: 5px; }
#listings-mgmt ul li#green { width: 125px; background: url("/images/listings_good.png") no-repeat 10px 38px transparent; padding-left: 50px; }
#listings-mgmt ul li#yellow { width: 125px; background: url("/images/listings_neutral.png") no-repeat left 11px top 35px transparent; padding-left: 50px; }
#listings-mgmt ul li#yellow p { width: 75%; margin: 0 auto; }
#listings-mgmt ul li#red { background: url("/images/listings_bad.png") no-repeat 12px 33px transparent; padding-left: 55px; padding-right: 0; border: none; }

#reviews #graph { border: none; }
#reviews ul li p { margin-top: 3px; }

.bar-chart { display: block; margin-top: 10px; }
.bar-chart li { display: block; width: 100%; border: none!important; text-align: left; padding: 5px; }
.bar-chart li * { display: inline-block; vertical-align: middle; }
.bar-chart li span { width: 75px; padding-right: 7px; text-align: right; }
.bar-chart li .bar {
	background: #1a9bd7;
	color: #FFFFFF;
	font-family: din-condensed, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 3px;
	text-align: center;
	max-width: 362px;
	min-width: 20px;
}

#reviews #graph { width: 515px; padding: 0; }
#reviews li h1 { margin-top: 11px; }
#graph .bar-chart { width: 100%; margin: 0; }
#graph .bar-chart li { display: block; width: 100%; text-align: left; padding: 3px 0; }
#graph .bar-chart li * { display: inline-block; vertical-align: middle; }
#graph .bar-chart li span { width: 85px; }
#graph .bar-chart li .bar {
	max-width: 250px;
	padding: 2px;
}

.left .disclaimer { font-size: 12px; }

/* Right Section Styles */
.report .right .pdf-btn, #insighter .pdf-btn {
    background: linear-gradient(#ffffff, #e6e6e6);
    display: block;
    text-align: center;
    padding: 11px 0 8px;
    border: 1px solid #c4c4c4;
    margin-bottom: 18px;
    text-decoration: none;
    font-family: "Univers Regular", arial, sans-serif;
    font-size: 12px;
    color: #353535;
	cursor: pointer;
}
.report .right .pdf-btn span, #insighter .pdf-btn span {
    background: url("/images/pdf-icon.png") no-repeat left center transparent;
    background-size: 20px auto;
    padding: 12px 0 10px 22px;
}

#insighter .pdf-btn {
    float: right;
    padding: 11px 8px 10px;
    margin-top: -4px;
}

.right .package-information, .right .products { font-size: 12px; display: block; margin-top: 20px; }
.right .package-information h1 { margin: -3px 0 3px; }
.right .package-information span { font-size: 15px; }
.right .products li {
	padding: 4px 0 0 15px;
	margin: 7px 0;
	postition: relative;
}
.right .products li.checked { background: url("/images/check.png") no-repeat left center transparent; }

.right .products #product-package {
    margin: 0 0 16px;
    padding: 0;
	background: none;
}

.right #upgrade-link {
	margin-top: -20px;
	border-top: 1px solid #cccccc;
}
.right #upgrade-link h2 { width: 145px; }

.right #new-documents h2 { margin-bottom: 10px; }

.right #new-documents a {
	padding: 5px 0 5px 24px;
	font-size: 12px;
	margin: 5px 0;
	display: block;
}
.right #new-documents .pdf { background: url("/images/pdf-icon.png") no-repeat left center transparent; background-size: 20px; }
.right #new-documents .ppt { background: url("/images/ppt-icon.png") no-repeat left center transparent; background-size: 20px; }
.right #new-documents .doc { background: url("/images/word-icon.png") no-repeat left center transparent; background-size: 20px; }
.right #new-documents .xls { background: url("/images/excel-icon.png") no-repeat left center transparent; background-size: 20px; }
.right #new-documents .video { background: url("/images/video-icon.png") no-repeat left center transparent; background-size: 20px; }

.right #pl-message {
    background: #f1f1f1;
    border: 1px solid #d8d8d8;
}

#direct-campaign-performance ul { display: table; width: 100%; margin-top: 10px; }
#direct-campaign-performance ul li {
    border-left: 1px solid #cccccc;
    display: table-cell;
    padding: 10px 20px;
    text-align: center;
}
#direct-campaign-performance ul li:first-child { border: none; }
#direct-campaign-performance p { margin-top: 5px; }



/* PERFORMANCE PAGE STYLES */
.table-navigation li { cursor: pointer; }

#review-calls { width: 1000px; }
.report .off { display: none; }

.report .section h2 span {
    font-family: "Univers Regular", arial, sans-serif;
    font-size: 10px;
    text-transform: none;
}

.report #Table-tabbed table {
	font-family: "Univers Condensed", helvetica, sans-serif;
	font-size: 15px;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	text-align: left;
}

.report #Table-tabbed table.header, .report #Table-tabbed #outcome-grid > table, .report #Table-tabbed #performance-grid > table {
	background: linear-gradient(to bottom, #FFFFFF 0%, #f1f1f3 100%);
	border-top: 1px solid #a6a6a6;
	margin-top: 20px;
	box-shadow: none;
}

.table-head td {
	font-family: din-2014, helvetica, sans-serif;
	font-weight: 600 !important;
}

#review-calls #Table-tabbed > div > div { display: block; margin-bottom: 39px; border-bottom: 1px solid #e5e5e5; }

.report #Table-tabbed table tr { border-bottom: 1px solid #e5e5e5; }
.report #Table-tabbed table .every-other { background: #fafafa; }

.report #Table-tabbed table td, .report #Table-tabbed table th {
	font-size: 13px;
	font-weight: normal;
	padding: 15px 15px 14px;
	vertical-align: middle;
	text-align: left;
}

.report #Table-tabbed table .coupon-column { padding: 20px 10px; }

.report #Table-tabbed table .email { word-break: break-all; }

.report #Table-tabbed #notes-button .gray-btn {
	border-radius: 100px;
	font-size: 24px;
	line-height: 18px;
	padding: 3px 8px 8px;
}

.report #Table-tabbed table .clientcode { min-width: 100px; word-break: break-all; }




/* REVIEW CALLS PAGE STYLES */
#review-calls .section { padding-bottom: 60px; }
.report .pagination {
    position: absolute;
    left: 0;
    bottom: 3px;
    z-index: 1000;
	border-bottom: none !important;
	padding: 20px 20px 20px 40px;
	width: 50%;
}
#review-calls #Table-tabbed .pagination tr { border: none; }
#review-calls #Table-tabbed .pagination td { padding: 0; }



/* CELL WIDTH STYLES
.audio { width: 50px; }
.save { width: 25px; }
.clientid { width: 80px; }
.client-code { width: 100px; }
.date { width: 110px; }
.duration { width: 60px; }
.phone-number { width: 100px; }
.coupon-total { width: 35px; }
.logins { width: 70px; }
.reputation-checks { width: 80px; }
.cpc { width: 50px; }
.cost { width: 80px; }
.clicks { width: 70px; }
.impressions { width: 90px; }
.conversion-rate { width: 70px; }
.total-leads { width: 95px; }*/
.category { min-width: 80px; }



/** NANO STYLES (CONTROLS SCROLLING ON TABLES) **/
.nano {
	position : relative;
	width    : 100%;
	height   : 100%;
	overflow : hidden;
}
.nano > .nano-content {
	position      : absolute;
	overflow      : scroll;
	overflow-x    : hidden;
	top           : 0;
	right         : 0;
	bottom        : 0;
	left: 0;
}
.nano > .nano-content:focus { outline: thin dotted; }
.nano > .nano-content::-webkit-scrollbar { display: none; }
.has-scrollbar > .nano-content::-webkit-scrollbar { display: block; }
.nano > .nano-pane {
	background : rgba(0,0,0,.25);
	position   : absolute;
	width      : 10px;
	right      : 0;
	top        : 0;
	bottom     : 0;
	visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity    : .01;
	-webkit-transition    : .2s;
	-moz-transition       : .2s;
	-o-transition         : .2s;
	transition            : .2s;
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
	background: #444;
	background: rgba(0,0,0,.5);
	position              : relative;
	margin                : 0 1px;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
	visibility : visible\9; /* Target only IE7 and IE8 with this hack */
	opacity    : 0.99;
}

.nano { height: 500px; }



/* DEALER CONTENT PAGE STYLES */
#campaign-content { width: 900px; }

#dealer-content .section > p, #dealer-content .section .location-info { margin-top: 15px; }

#campaign-content .top { display: block; }
#campaign-content .top > * { display: table-cell; vertical-align: top; }
#campaign-content .top .left { width: 717px; }
#campaign-content .top .right { width: 170px; }

#campaign-content #location-buttons {
    position: absolute;
    right: 20px;
    top: 5px;
}

#campaign-content .top h1 {
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

#campaign-content .top h3 { font-size: 15px; }
#campaign-content .top h3 .green { color: #87a459; }
#campaign-content .top h3 .red { color: red; }

#campaign-content .top #map { margin-top: 15px; width: 100% ;height: 350px; }

#campaign-content .top .right #keywords { margin-top: 20px; }
#campaign-content .top .right #keywords li {
    font-family: "Univers Condensed", helvetica, sans-serif;
    font-size: 12.5px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

#campaign-content .bottom { width: 650px; margin-top: 15px; }
#campaign-content .bottom h2 { margin-right: 10px; }
#campaign-content .bottom .ads-and-keywords { margin-top: 25px; }
#campaign-content .bottom .ads-and-keywords > * { display: inline-block; vertical-align: top; }
#campaign-content .bottom .ads-and-keywords .ads { width: 330px; margin-right: 15px; }

#campaign-content .bottom h3 { font-size: 16px; margin-bottom: 10px; }

#campaign-content .bottom .ads > div > div { margin-top: 10px; }
#campaign-content .bottom .ads > div > div:first-child { margin-top: 0; }
#campaign-content .bottom h4 {
    font-family: din-condensed, helvetica, sans-serif;
	font-size: 26px;
	font-weight: 400;
    color: #1a9bd7;
    margin-bottom: 5px;
}

#campaign-content .bottom .keywords ol li { list-style-type: decimal; margin-left: 15px; margin-bottom: 5px; }
#campaign-content .bottom .keywords ol li:last-child { margin-bottom: 0px; }

#campaign-content .alert-box { padding: 10px; background: #f4f4f4; font-size: 11.5px; margin: 10px 0 ; }



/* ONLINE VISIBILITY PAGE STYLES */
#reputation {
    margin-top: 30px;
    width: 815px;
    min-width: auto;
	overflow-x: hidden;
}
					
#reputation .products-row { display: flex; margin-top: 20px; }
#reputation .products-row > div {
	display: table-cell;
	vertical-align: top;
}
#reputation .products-row .product {
	background: #f2f2f2;
	position: relative;
	width: calc(49% - 60px);
	padding: 30px 30px 95px;
	color: #666666;
	font-size: 14px;
	line-height: 20px;
}

#reputation .products-row .divider { width: 2%; }

#reputation .product h1 {
	font-family: din-2014, helvetica, sans-serif;
	font-size: 17px;
	font-weight: 200;
	line-height: 17px;
	margin-bottom: 15px;
	color: #334054;
	padding: 5px 0 5px 45px;
}
#reputation .product h1 strong {
	display: block;
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	color: #000;
}

#reputation .product#reputation-management h1 { background: url('/images/Reputation_Icon.png') no-repeat left center transparent; }
#reputation .product#listings-builder h1 { background: url('/images/Listings_Icon.png') no-repeat left center transparent; }

#reputation .product p { margin: 0; }
#reputation .product ul.checks { margin-top: 20px; }
#reputation .product ul.checks li {
	background: url("/images/check.png") no-repeat left top 3px transparent;
	padding: 0 0 0 15px;
	margin-bottom: 10px;
	line-height: 16px;
}
#reputation .product ul.checks li:last-child { margin-bottom: 0; }

#reputation .product a {
	background: #1a9bd7;
	position: absolute;
	bottom: 30px;
	left: 30px;
	font-family: din-2014, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	text-decoration: none;
	padding: 10px 15px;
}


/* REVENUE CALCULATOR PAGE STYLES */
#revenue-calculator .section { display: table-cell; }
#revenue-calculator .left { min-width: 500px; max-width: 550px; }
#revenue-calculator .divider { display: table-cell; width: 15px; }
#revenue-calculator .right { width: 370px; line-height: 30px; }

#revenue-calculator .calculator { margin-top: 25px; }
#revenue-calculator .calculator * {
	display: inline-block;
	vertical-align: middle;
}

#revenue-calculator .calculator .outcomes, #revenue-calculator .calculator .connecter { display: table-cell; vertical-align: top; }
#revenue-calculator .calculator .outcomes { padding-bottom: 20px; }
#revenue-calculator .calculator .connecter { width: 1px; background: url("/images/calculator-divider-vertical.png") no-repeat left top 16px transparent; }

#revenue-calculator .calculator .outcome, #revenue-calculator .calculator .visits { display: block; margin-bottom: 7px; }
#revenue-calculator .calculator .outcome { background: url("/images/calculator-divider.png") left center repeat-x transparent; padding-right: 15px; }
#revenue-calculator .calculator .outcome .outcome-span { background: #FFFFFF; padding-right: 5px; }

#revenue-calculator .calculator h3 {
	font-size: 15px;
	text-align: right;
	width: 150px;
}

#revenue-calculator .calculator input {
    width: 30px;
    padding: 5px;
    font-size: 14px;
	margin: 0 8px;
	color: #4d4d4d;
	border: 1px solid #1a9bd7;
}

#revenue-calculator .calculator input:disabled { background: #e6e6e6; border: 1px solid #cccccc; }
#revenue-calculator .calculator input:disabled, #revenue-calculator .calculator .avg-order input { width: 65px; }

#revenue-calculator .calculator .input-container strong {
	font-family: din-condensed, helvetica, sans-serif;
	font-size: 25px;
	font-weight: 200;
	color: #1a9bd7;
	margin-left: 8px;
}

#revenue-calculator .calculator .visits {
	background: url("/images/calculator-divider-horizontal.png") no-repeat left 200px top transparent; padding-top: 20px;
	display: table-row;
}

#revenue-calculator .calculator .estimated-revenue label, #revenue-calculator .calculator .estimated-revenue span { display: inline-block; vertical-align: bottom; }
#revenue-calculator .calculator .estimated-revenue label {
	color: #1a9bd7;
	font-size: 34px;
}
#revenue-calculator .calculator .estimated-revenue span {
	font-family: "Univers Regular", arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	width: 100px;
}

#revenue-calculator .tool-bottom { margin-top: 5px; }
#revenue-calculator .tool-bottom a { background: #a6a6a6; }

#revenue-calculator .left .note { margin-left: 10px; }

#revenue-calculator .left .note::before {
	content: "";
	display: inline-block;
	margin-right: 5px;
	width: 10px;
	height: 10px;
	border: 1px solid #1a9bd7;
}

#revenue-calculator .left .note span {
    display: inline-block;
    top: -2px;
    position: relative;
    font-size: 11px;
}
	


/* INVESTMENT OPPORTUNITY PAGE STYLES */
#investment-opportunity .error { width: auto; max-width: 900px; }
#investment-opportunity .error p { display: block; }

#opportunity-tracker .packages {
	margin: 0 0 20px 0;
	width: 940px;
}

#opportunity-tracker .packages th { padding: 10px 15px; }
#opportunity-tracker .packages th#current-header { background: #cccccc; }
#opportunity-tracker .packages th#upgrade-header { background: #FFFFFF; border-bottom: 1px solid #cccccc; }
#opportunity-tracker .packages th#recommended-header { background: #1a9bd7; }

#opportunity-tracker .packages th h2 {
	font-family: din-2014, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: #334054;
	display: inline-block;
}
#opportunity-tracker .packages th#recommended-header h2 { color:#FFFFFF; }
#opportunity-tracker .packages .divider { padding: 0; }

#opportunity-tracker .packages td h1 { color: #1a9bd7; }

#opportunity-tracker .packages .perks { margin-top: 10px; }

#opportunity-tracker .main-area { max-width: 900px; margin-bottom: 25px; }
#opportunity-tracker .downgrade { margin-bottom: 20px; }

#opportunity-tracker .main-area .leads { position: relative; }
#opportunity-tracker .main-area .leads .chart-container { height: 225px }


#leads_chart_div, #impressions_chart_div, #clicks_chart_div {
	position: relative;
	display: block;
}

#leads_chart_div::after, #impressions_chart_div::after, #clicks_chart_div::after {
    content: "";
    display: block;
    width: 1px;
    height: 64%;
    background: #cccccc;
    z-index: 1;
    position: absolute;
    right: 30px;
    top: 20%;
}


.percent-increase {
    background: #334054;
    position: absolute;
    top: 40%;
    right: -40px;
    z-index: 2;
    color: #FFF;
    font-family: din-2014, helvetica, sans-serif;
    font-size: 18px;
    font-weight: 600;
	line-height: 15px;
    padding: 8px 8px 8px 16px;
    text-transform: uppercase;
}
.bottom .percent-increase { top: 23%; }

.percent-increase span {
    display: block;
    color: #ccc;
    font-size: 18px;
}

.percent-increase img {
    position: absolute;
    left: -12px;
    top: 10px;
}


#opportunity-tracker .main-area .key {
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 1000;
}
#opportunity-tracker .main-area .key > * { display: inline-block; vertical-align: top; margin-left: 15px; }
#opportunity-tracker .main-area .key .color-swatch {
	width: 15px;
	height: 15px;
	display: inline-block;
	margin: 0 0 -3px 0;
}
#opportunity-tracker .main-area .key .current .color-swatch { background: #cccccc; }
#opportunity-tracker .main-area .key .selected .color-swatch { background: #1a9bd7; }

#opportunity-tracker .main-area .bottom > * {
	display: inline-block;
	vertical-align: top;
	width: 44%;
	padding: 0 5% 0 0;
}
#opportunity-tracker .main-area .bottom .clicks { padding: 0 0 0 5%; }

#opportunity-tracker .main-area .bottom .chart-container { height: 125px; position: relative; }

#opportunity-tracker .cta-bottom-area { max-width: 900px; }
#opportunity-tracker .cta-bottom-area > * { vertical-align: middle; }
#opportunity-tracker .cta-bottom-area .left { width: auto; }
#opportunity-tracker .cta-bottom-area .left a#upgrade-link, #opportunity-tracker #learn-more-link {
	background: url(/images/investment_opp_cta.png) no-repeat left 15px center, linear-gradient(to bottom, #71c52e 0%,#71c52e 50%,#65b525 51%,#71c52e 100%);
	font-family: din-2014, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 13px 20px 13px 45px;
	margin-bottom: 10px;
	display: inline-block;
}
#opportunity-tracker #learn-more-link {
	background: linear-gradient(to bottom, #71c52e 0%,#71c52e 50%,#65b525 51%,#71c52e 100%);
	border: none;
	padding: 13px 20px;
}


#opportunity-tracker .cta-bottom-area .right { width: 625px; }
#accelerator-package {
    width: 500px;
    margin: -4px 0 20px 10px;
    vertical-align: top;
}

#accelerator-package > input { margin-right: 0; }
#accelerator-package label { display: none; }
#accelerator-package .real {
    display: inline-block;
    vertical-align: middle;
    width: 92%;
	font-size: 11px;
}

#accelerator-package .real > span {
	display: block;
	font-family: "Univers Condensed", helvetica, sans-serif;
	font-size: 15px;
}


.section.invest-rev-calc {
	margin-bottom: 35px;
	max-width: 898px;
	border: 1px solid #1a9bd7;
}

.invest-rev-calc div { margin: 17px 0 5px; }

.invest-rev-calc div * {
	display: inline-block;
	vertical-align: middle;
}

.invest-rev-calc div input {
	border: 1px solid #cccccc;
	padding: 5px;
	width: 30px;
}

.invest-rev-calc div input:disabled {
	background: #e6e6e6;
	color: #4d4d4d;
}

.invest-rev-calc div span { margin: 0 3px; }
.invest-rev-calc div span.bolded {
	text-transform: uppercase;
	font-family: "Univers Condensed", helvetica, sans-serif;
	font-size: 1.1em;
}

.report .invest-rev-calc div h3 {
	font-family: din-condensed, helvetica, sans-serif;
	font-weight: 400;
	font-size: 30px;
	margin-right: -5px;
	color: #1a9bd7;
}

.invest-rev-calc div span.end { width: 125px; }



/* INFORMATION/DOCUMENTS PAGE STYLES */
#information {
    margin-top: 30px;
    max-width: 900px;
}

#information h2 { display: inline-block; margin-bottom: 20px; }
#information h2.blue {
	display: block;
	margin-bottom: 5px;
	border: none;
	color: #1a9bd7;
	font-family: "Univers Condensed", helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin-left: 20px;
}

#information ul { margin-bottom: 20px; }
#information ul:last-child { margin-bottom: 0; }
#information ul li { display: block; margin-bottom: 5px; }

#information ul a {
	display: inline-block;
	margin-left: 20px;
	color: #333333;
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
	padding: 6px 0 4px 38px;
}

#information ul a.pdf { background: url("/images/pdf-icon.png") no-repeat left center transparent; }
#information ul a.ppt { background: url("/images/ppt-icon.png") no-repeat left top transparent; }
#information ul a.doc { background: url("/images/word-icon.png") no-repeat left top transparent; }
#information ul a.xls { background: url("/images/excel-icon.png") no-repeat left top transparent; }
#information ul a.video { background: url("/images/video-icon.png") no-repeat left top transparent; }

#information ul a span { display: block; font-size: 13px; font-style: normal; }

.ajax__calendar_body { height: 150px !important; }



/* TRENDS PAGE STYLES */
#trends-report { width: 1100px; min-width: auto; }
#trends-graphs h2 { margin-right: 5px; }

#trends-graphs #selection-area {
    display: inline-block;
    vertical-align: middle;
    width: 85%;
	padding-left: 15%;
	margin-top: -22px;
}

#trends-graphs #selection-area div {
	display: inline-block;
    vertical-align: middle;
}

#trends-graphs #selection-area .time-length { float: right; }

#trends-graphs #selection-area > div input {
	float: left;
	border: 1px solid #d7d7d7;
	background: linear-gradient( to bottom, #FFFFFF, #F6F6F6);
	color: #000000;
	width: auto;
	font-size: 12px;
	padding: 8px 7px 6px;
	cursor: pointer;
	margin: 0;
}

#trends-graphs #selection-area #ctl00_BodyContent_month, #trends-graphs #selection-area #ctl00_BodyContent_time_length_left {
	border-radius: 5px 0 0 5px;
	border-right: none;
	margin-right: 0;
}

#trends-graphs #selection-area #ctl00_BodyContent_quarter, #trends-graphs #selection-area #ctl00_BodyContent_time_length_right {
	margin-right: 0;
	border-radius: 0 5px 5px 0;
	border-left: none;
}

#trends-graphs #selection-area > div input.on {
	border: none;
	background: linear-gradient( to bottom, #69b2fa, #0c7dff);
	color: #FFFFFF;
	padding: 8px 7px;
}

#trends-graphs #selection-area .submit-btn {
    background: #1a9bd7;
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-size: 13px;
    margin: 0 -15px 0 15px;
    padding: 5px 10px 6px;
}

#trends-graphs .main-graph { position: relative; margin-top: 15px; background: #f6f6f6; }

#trends-graphs .main-graph h1 {
    font-family: "Univers Regular",arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 20px 0 5px;
    text-align: center;
}

#trends-graphs .main-graph #pdf-download {
	position: absolute;
	top: 10px;
	right: 15px;
	background: linear-gradient( to bottom, #FFFFFF, #e7e7e7);
	border: 1px solid #c4c4c4;
	border-radius: 15px;
	color: #000000;
	text-decoration: none;
}

#trends-graphs .main-graph #pdf-download span {
	background: url("/images/pdf-icon.png") left 7px center no-repeat transparent;
	background-size: 20px auto;
	display: block;
    padding: 7px 10px 6px 30px;
}

#trends-graphs .main-graph #main-chart { padding: 10px 22px 30px; }

#trends-graphs .trend-divider { background: url("/images/Trend_Divider.png") repeat-x left center transparent; text-align: center; }
#trends-graphs .trend-divider span { background: #FFFFFF; display: inline-block; padding: 15px 10px; }

#trends-graphs .mini-graphs { display: flex; }
#trends-graphs .mini-graphs > li {
	display: block;
	margin-right: 10px;
	text-align: center;
	position: relative;
	background: #f6f6f6;
	width: 20%;
	padding: 15px 0 0;
	cursor: pointer;
	
}

#trends-graphs .mini-graphs li.selected { border: 2px solid #1a9bd7; }

#trends-graphs .mini-graphs li:last-child { margin-right: 0; }
#trends-graphs .mini-graphs li * { max-width: 100%; cursor: pointer; display: block; }

#trends-graphs .mini-graphs li h2 {
	font-family: din-condensed,helvetica,sans-serif;
	font-size: 32px;
    font-weight: 400;
	width: 100%;
	display: block;
	color: #1a9bd7;
	margin: 0;
	border: medium none;
}
#trends-graphs .mini-graphs li h2 span {
    color: #4d4d4d;
    display: block;
    font-family: "Univers Condensed",helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
}

#trends-report #Table-tabbed > table {
	border-top: 1px solid #a6a6a6;
	background: linear-gradient(to bottom, #ffffff 0%, #f1f1f3 100%);
	margin-top: 20px;
}

#trends-report .table-navigation { top: 22px; }
#trends-report .table-navigation #performance { margin-left: 10px; }
.report #trends-table #Table-tabbed table td, .report #trends-table #Table-tabbed table th { padding: 15px 10px 14px; }




/* ADS AND KEYWORDS REPORT STYLES */
#ads-and-keywords-report .section { width: 890px; }
#ads-and-keywords-report #top-converting-ads { margin-bottom: 0; border-bottom: 1px solid #cccccc; }
#ads-and-keywords-report #top-converting-ads h2 { margin-bottom: 20px; }
#ads-and-keywords-report .section h3 { margin-bottom: 10px; }

#ads-and-keywords-report #top-converting-ads .ads > div > div {
	display: inline-block;
	vertical-align: top;
	width: 35%;
	padding: 0 20px 0 0;
	line-height: 20px;
}
#ads-and-keywords-report #top-converting-ads h4 {
	font-family: din-condensed, helvetica, sans-serif;
	font-size: 26px;
	font-weight: 400;
	color: #1a9bd7;
	margin-bottom: 10px;
}

#ads-and-keywords-report #top-converting-keywords .keywords ol {
	display: inline-block;
	vertical-align: top;
	width: 28%;
	line-height: 25px;
}

/* LMA ads and keywords styles */
#lma-ads-keywords-report { max-width: 1000px; }

#top-converting-search-ads .ads li {
	display: block;
	padding: 25px 0;
	border-bottom: 1px solid #cdcdcd;
}

.ads li strong { font-weight: bold; }
.ads li span::after {
	content:"";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #3c4043;
	top: -2px;
	position: relative;
}
.ads li h4 {
	padding: 10px 0 0;
	font-size: 21px;
	color: #3f7be4;
}
#top-converting-search-ads .ads li {
	display: block;
	padding: 25px 0;
	border-bottom: 1px solid #cdcdcd;
}

.ads li strong { font-weight: bold; }
#top-converting-search-ads .ads li span::after {
	content:"";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #3c4043;
	top: -2px;
	position: relative;
}
#top-converting-search-ads .ads li h4 {
	padding: 10px 0 0;
	font-size: 21px;
	color: #3f7be4;
}

#top-converting-social-ads .ads { padding-top: 25px; }
#top-converting-social-ads .ads.two { max-width: 655px; }
#top-converting-social-ads .ads.one { max-width: 325px; }

#top-converting-social-ads .ads li {
	display: table-cell;
	vertical-align: top;
	width: 33%;
	padding: 0 20px;
	border-right: 1px solid #cdcdcd;
}
#top-converting-social-ads .ads li:last-child {  border-right: none; }				
#top-converting-social-ads .ads li .brand-info { margin-top: 15px; }				
#top-converting-social-ads .ads li .brand-info img, #top-converting-social-ads .ads li .brand-info div {
	display: inline-block; vertical-align: middle;
}
#top-converting-social-ads .ads li .brand-info img { margin-right: 15px; }				
#top-converting-social-ads .ads li .brand-info h4 {
	color: #191919;
	font-size: 15px;
	font-weight: bold;
}				
#top-converting-social-ads .ads li .brand-info span {
	color: #7f7f7f; font-size: 12px;
}			
#top-converting-social-ads .ads li p { font-size: 14px; }
#top-converting-social-ads .ads li > img { margin-top: 15px; width: 100%; }	
#top-converting-social-ads .ads li .offer-info {
	background: #eaebef;
	padding: 15px;
	width: calc(100% - 30px);
	margin-top: -2px;
}
#top-converting-social-ads .ads li .offer-info * { display: block; }

#top-converting-social-ads .ads li .offer-info a {
	float: right;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 5px 7px;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 10px;
	margin-left: 10px;
	text-transform: uppercase;
}

#top-converting-social-ads .ads li .offer-info span { font-family: "Univers Condensed", helvetica, sans-serif; }
#top-converting-social-ads .ads li .offer-info strong { font-family: din-2014, helvetica, sans-serif; font-size: 17px; }
#top-converting-social-ads .ads li .offer-info p { margin: 0; font-size: 12px; }

.display-ads { margin-top: 25px; }
#top-converting-display-ads li { float: left; margin-right: 30px; margin-bottom: 25px; max-width: 290px; }
#top-converting-display-ads li strong { font-weight: bold; display: block; margin-bottom: 10px; }
#top-converting-display-ads li img { max-width: 100%; max-height: 300px; border: 1px solid #ccc; }

.clear { clear: both; }



/* LOGIN PAGE STYLES */
#login-container {
	margin: 50px auto;
	max-width: 955px;
}

#login {
	background: #ffffff none repeat scroll 0 0;
	margin: 0 auto;
	padding: 20px;
	width: 535px;
}

#login .inputs, #login .custom-text {
	display: inline-block;
	vertical-align: top;
}
#login .inputs { width: 200px; }

#login .inputs input {
	margin-bottom: 15px;
	border: 1px solid #a6a6a6;
	padding: 6px 5px 5px;
	width: 150px;
}

#login .custom-text {
	width: 270px;
	padding: 15px;
	border: 1px solid #c4c4c4;
	margin-left: 20px;
}

#login .custom-text p {
	font-size: 14px;
	margin-top: 10px;
}

#login h3 {
	font-family: "Univers Condensed",helvetica,sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
}


/* LMA DASHBOARD STYLES */
#insighter .section { padding: 30px; }
.pie-charts-section {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-top: 20px;
}

.pie-charts-section > div {
	display: table-cell;
	vertical-align: top;
	border-right: 1px solid #b7b7b7;
	padding: 0 25px;
	width: 25%;
}
.pie-charts-section #spend { padding-left: 0; }
.pie-charts-section #conversions { border-right: none; }

#insighter .section h2 { color: #000; border-bottom: 1px solid #000; font-size: 16px; }
#insighter .section p { margin: 8px 0 20px; line-height: 14px; }

#insighter .section .amount { float: right; text-align: right; margin-left: 10px; }
#insighter .section .amount * { display: block; }

#insighter .section strong { font-weight: bold; }
#insighter .section .amount strong { font-size: 16px; color: #000000; letter-spacing: -0.05em; }
#insighter .section .amount span { font-size: 12px; text-transform: uppercase; }

#insighter .section.bottom > div { display: table; width: 100%; }
#insighter .section.bottom > div > div {
	display: table-cell;
	vertical-align: top;
}

#insighter #conversion-details { border-right: 1px solid #b7b7b7; width: 25%; padding-right: 25px; }
#insighter #conversion-details img { display: block; margin-top: 20px; }

#insighter #performance-details { padding-left: 25px; }

#insighter #performance-details tr.table-head {
	background: linear-gradient(to bottom, #FFFFFF 0%, #f1f1f3 100%);
	border-top: 1px solid #a6a6a6;
	font-weight: bold;
}
#insighter #performance-details .data tr.table-head { border-bottom: 1px solid #a6a6a6; }


#insighter #performance-details #Table-tabbed, .report #performance-by-search-ad #Table-tabbed, .report #performance-by-keyword #Table-tabbed
{ padding: 0; width: auto; }

.report #performance-by-search-ad {
	margin-top: -40px;
	padding-top: 30px;
}
.report #performance-by-search-ad .table-navigation { top: 15px; }
.report #top-converting-social-ads { padding: 20px 20px 30px; }

#insighter #performance-details .table-navigation {
	right: 30px;
	top: 32px;
}

#insighter #lma-budget-recs.section {
	background: none;
	padding: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}

#insighter #lma-budget-recs.one > div, #insighter #lma-budget-recs.two > div { padding: 0; }
#lma-budget-recs.one .button, #lma-budget-recs.one .add-button, #lma-budget-recs.two .button, #lma-budget-recs.two .add-button {
	display: inline-block;
	width: auto;
	padding: 10px 15px;
	bottom: 20px;
	right: 20px;
}

#lma-budget-recs > div {
	background: #FFF;
	display: table-cell;
	vertical-align: top;
	position: relative;
	padding-bottom: 33px;
}

#lma-budget-recs .divider { background: none; width: 12px; }

#lma-budget-recs .contents { background: none; padding: 20px; display: block; }
#lma-budget-recs h2 { margin-bottom: 8px; line-height: 14px; padding-bottom: 3px; }
#lma-budget-recs strong {
	font-size: 13px;
	font-weight: normal!important;
	display: block;
}
#lma-budget-recs h3 {
	display: block;
	font-size: 22px;
	font-weight: bold;
	text-transform: none;
	margin-top: 2px;
}

#lma-budget-recs.one h3, #lma-budget-recs.two h3 { display: inline-block; margin-right: 5px; }

#lma-budget-recs p { margin: 0!important; display: block; }

#lma-budget-recs .hint { margin-top: 0px; margin-left: 2px; }
#lma-budget-recs .hint .hint-box { text-transform: none; }

#lma-budget-recs.one .hint, #lma-budget-recs.two .hint { display: none; }

#lma-budget-recs .button, #lma-budget-recs .add-button {
	display: block;
	background: #1a9bd7;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 10px 20px;
	height: 13px;
	position: absolute;
	width: calc(100% - 40px);
	bottom: 0;
}

#lma-budget-recs .add-button { background: #71c52f; }

#lma-budget-recs.one .contents, #lma-budget-recs.two .contents { border: 3px solid #b2b2b2; }



@media screen and (max-width: 1500px) {
	#performance-details #Table-tabbed::before {
		content: "Scroll to see additional metrics";
		display: block;
		background: url("/images/accordion-arrow-right.png") no-repeat right 5px top 7px #e5e5e5;
		margin: 20px 0 -21px;
		padding: 5px;
		border: 1px solid #a6a6a6;
		font-size: 11px;
	}
	
	#insighter #performance-details #Table-tabbed {
		width: 700px;
		overflow-x: scroll;
	}
	
	#performance-details .x-scroller .six { min-width: 600px; }
	#performance-details .x-scroller .seven { min-width: 700px; }
	#performance-details .x-scroller .eight { min-width: 800px; }
	#performance-details .x-scroller .nine { min-width: 900px; }
	#performance-details .x-scroller .ten { min-width: 1000px; }
	#performance-details .x-scroller .eleven { min-width: 1100px; }
	#performance-details .x-scroller .twelve { min-width: 1200px; }
	#performance-details .x-scroller .thirteen { min-width: 1300px; }
	#performance-details .x-scroller .fourteen { min-width: 1400px; }
}

@media screen and (max-width: 1300px) {
	#insighter #performance-details #Table-tabbed { width: 600px; }
}

@media screen and (max-width: 1100px) {
	#insighter #performance-details #Table-tabbed { width: 500px; }
}

@media screen and (max-width: 1000px) {
	#insighter #performance-details #Table-tabbed {
		width: auto;
		overflow-x: auto;
	}
	
	#performance-details .x-scroller .six { min-width: auto; }
	#performance-details .x-scroller .seven { min-width: auto; }
	#performance-details .x-scroller .eight { min-width: auto; }
	#performance-details .x-scroller .nine { min-width: auto; }
	#performance-details .x-scroller .ten { min-width: auto; }
	#performance-details .x-scroller .eleven { min-width: auto; }
	#performance-details .x-scroller .twelve { min-width: auto; }
	#performance-details .x-scroller .thirteen { min-width: auto; }
	#performance-details .x-scroller .fourteen { min-width: auto; }
}