@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'Bebas';
	src: url('/fonts/bebasneue-webfont.eot'); /* IE9 Compat Modes */
	src: url('/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fonts/bebasneue-webfont.woff') format('woff'), /* Modern Browsers */
	     url('/fonts/bebasneue-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fonts/bebasneue-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
	}
	
@font-face {
	font-family: 'SourceSans-Regular';
	src: url('/fonts/sourcesanspro-regular-webfont.eot'); /* IE9 Compat Modes */
	src: url('/fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fonts/sourcesanspro-regular-webfont.woff') format('woff'), /* Modern Browsers */
	     url('/fonts/sourcesanspro-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fonts/sourcesanspro-regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
	}

@font-face {
	font-family: 'SourceSans-Bold';
	src: url('/fonts/sourcesanspro-semibold-webfont.eot'); /* IE9 Compat Modes */
	src: url('/fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fonts/sourcesanspro-semibold-webfont.woff') format('woff'), /* Modern Browsers */
	     url('/fonts/sourcesanspro-semibold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fonts/sourcesanspro-semibold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
	}

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html, body, body > form {
	background: #e6eef2;
	width: 100%;
	height: 100%;
	color: #666666;
	font-family: arial, helvetica, sans-serif;
	display: table;
	position: relative;
}

table {
	position: relative;
}

.blue { color: #164f8a; }
.green { color: #63b434; }
.red { color: red; }
strong { font-weight: bold; }
h1 { font-family: "bebas", helvetica, arial; text-transform: uppercase; font-weight: normal; font-size: 29px; }
h2 { font-family: "Bebas",arial,helvetica; font-size: 17px; letter-spacing: 0.05em; }
h3 { font-weight: bold; font-size: 28px; letter-spacing: -0.03em; margin-bottom: -5px; }

.tool-bottom {
	background: #f5f5f5;
	border-top: 1px solid #c4c4c4;
	padding: 5px 15px;
	margin-top: 15px;
}

/* HEADER CSS */
.header {
	background: #FFFFFF;
	border-bottom: 1px solid #cccccc;
	position: relative;
	left: 0;
	top: 0;
	width: auto;
	min-width: 1200px;
	padding: 15px 20px 15px;
}

.header > a > img { max-width: 180px; }

.header > * {
	display: inline-block;
	vertical-align: middle;	
}

.header .logo { max-width: 150px; }
.header h1 { margin-left: 45px; }

/* Header User Tools Section */
.header .user_tools { float: right;}

.header .aux, .header .contact, .header .enroll {
	font-family: arial, helvetica, sans-serif;
	float: left;
	position: relative;
	background: #f8f8f8;
	border: 1px solid #d3d3d3;
	padding: 0 8px;
	margin-top: 7px;
	color: #4e4e4e;
	width: auto;
	margin-right: 10px;
}

.header .enroll {
	background: #164f8a none repeat scroll 0 0;
    border: 1px solid #164f8a;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin-right: 4px;
    padding: 8px;
	text-decoration: none;
}

.header .aux .campaign-name, .header .aux > img {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
	padding: 8px 0;
}

.header .aux .campaign-name, .header .contact .campaign-name {
	border-right: 1px solid #d3d3d3;
	padding-right: 8px;
	margin-right: 4px;
	font-size: 12px;
	font-weight: bold;
}

.header .contact .campaign-name {
	border: none;
	margin: 0;
	padding: 8px 0;
}

.header .contact .campaign-name a {
	text-decoration: none;
	color: inherit;
}

.header .aux .tool-tip, .header .contact .tool-tip {
	display: none;
	position: absolute;
	right: 0;
	background: #FFFFFF;
	z-index: 9999;
	border: 1px solid #c4c4c4;
	box-shadow: 0 0 10px -4px #000000;
	width: 150px;
}

.header .aux .tool-tip .arrow, .header .contact .tool-tip .arrow {
	position: absolute;
	right: 10px;
	top: -13px;
}

.header .aux:hover .tool-tip {
	display: block;
}

.header .aux .tool-tip, .header .aux .tool-tip a, .header .contact .tool-tip, .header .contact .tool-tip a {
	font-size: 13px;
	line-height: 16px;
}

.header .aux .tool-tip a, .header .contact .tool-tip a {
	display: block;
	color: #28903a;
	margin: 10px 15px;
}

.header .aux .tool-tip .tool-campaign {
	font-weight: bold;
	margin: 15px 15px 10px 15px;
}

.header .aux .tool-tip .tool-bottom, .header .contact .tool-tip .tool-bottom  {
	border-top: 1px solid #c4c4c4;
	background: #f5f5f5;
	padding: 6px 15px;
}

.header .aux .tool-tip .tool-bottom a, .header .contact .tool-tip .tool-bottom a {
	padding: 5px 10px;
	background-color: #FFFFFF;
	margin: 0;
	color: #4e4e4e;
	border: 1px solid #d3d3d3;
	width: auto;
	display: inline-block;
	text-decoration: none;
}

.header .aux .tool-tip .tool-bottom a:hover, .header .contact .tool-tip .tool-bottom a:hover {
	background: #FFFFFF; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#fafafa)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFFFFF,  #fafafa); /* for firefox 3.6+ */
}

.header .contact .tool-tip { width: 315px; }

.header .contact .tool-tip .tool-top {
	font-size: 10px;
	padding: 20px 20px 0 20px;
}

.header .contact .tool-tip .tool-top h4 {
	font-weight: bold;
	font-size: 16px;
}

.header .contact .tool-tip .tool-top h2 { margin: 10px 0 4px; }
.header .contact .tool-tip .tool-top input, .header .contact .tool-tip .tool-top textarea { display: block; width: 95%; padding: 4px; }

.header .contact .tool-tip .tool-top .phone-number, .header .contact .tool-tip .tool-top .email, .header .contact .tool-tip .tool-top span {
	display: inline-block; vertical-align: middle;
}
.header .contact .tool-tip .tool-top span { margin-top: 28px; }
.header .contact .tool-tip .tool-top .phone-number { width: 140px; }
.header .contact .tool-tip .tool-top .email { width: 107px; margin-left: 5px; }
.header .contact .tool-tip .tool-top > div input { display: inline-block; vertical-align: top; }
.header .contact .tool-tip .tool-top .phone-number input { width: 20px; }
.header .contact .tool-tip .tool-top .phone-number input.last { width: 30px; }
.header .contact .tool-tip .tool-top .comments { min-height: 90px; max-width: 265px; font-size: 12px; font-family: arial, helvetica, sans-serif; }
.header .contact .tool-tip .tool-top .error, .header .contact .tool-tip .tool-top .success { margin-top: 5px; }
.header .contact .tool-tip .tool-bottom .close-link { border: none; background: none; float: right; font-weight: bold; font-size: 16px; }
.header .contact .tool-tip .tool-bottom .close-link:hover { background: none; }
.header .contact .tool-tip .tool-bottom .close-link > * { vertical-align: middle; }

/* WRAPPER CSS */
.wrapper {
	width: 1240px;
	height: 100%;
	display: table-row;
	white-space: nowrap;
}

/* NAVIGATION CSS */
.navigation { 
	background: #FFFFFF;
	width: auto;
	color: #4d4d4d;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: normal;
	border-right: 1px solid #cccccc;
	position: relative;
    top: -1px;
	display: inline-block;
	height: 100%;
	letter-spacing: .02em;
}

#nav-login .section { width: 166px; }

.navigation > *, .navigation > * > * { 
	display: block;
	width: auto;
}

.navigation .section {
	font-family: "SourceSans-Bold", helvetica, arial;
	padding: 15px 15px 20px 20px;
	border-top: 1px solid #d3d3d3;
	line-height: 30px;
}

.navigation .section h2 { text-decoration: underline; }

.navigation .section a {
	padding: 0 15px;
	color: #4d4d4d;
	text-decoration: none;
}
.navigation .section a.sub { padding-left: 25px; font-size: 12px; display: block; }
.navigation .section a:hover, .navigation .section a.selected  { background: #808080; color: #FFFFFF; }

/* Accordion CSS */
.navigation .section #accordion-title { padding: 0 30px 0 15px; cursor: pointer; width: 105px; }
.navigation .section #accordion-title { background: url("/images/accordion-arrow-down.png") no-repeat right 17px center transparent; color: #4d4d4d; }
.navigation .section #accordion-title.toggle { background: url("/images/accordion-arrow-right.png") no-repeat right 17px center transparent; }
.accordion.collapsed { display: none; }

/* Breadcrumb CSS */
.breadcrumb {
	background: #f4f7f9;
	position: relative;
	padding: 10px 15px;
	width: auto;
	display: block !important;
	border-top: 1px solid #c4c4c4;
	margin: 0;
	font-size: 12px;
}

.breadcrumb a { color: #4e4e4e; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }

/* Contents CSS */
.contents {
	display: inline-block;
	vertical-align: top;
	width: auto;
	margin: 0 21px;
	padding-bottom: 60px;
	z-index: 0;
	position: relative;
	white-space: normal;
}

.contents > iframe { width: 965px !important; margin-top: 20px; }

.contents h1 { 
	letter-spacing: -0.01em;
	margin: 20px 0 5px;
	font-family: "SourceSans-Bold", helvetica, arial;
	font-size: 22px;
	font-weight: normal;
	color: #4e4e4e;
	text-transform: none;
}

#content-header > span {
	display: block;
    font-size: 0.6em;
    margin-top: -3px;
}

.contents .section {
	width: auto;
	position: relative;
	background: #FFFFFF;
	padding: 20px;
	box-shadow: 0 0 8px -5px #000000;
	display: table;
}

/* Filter CSS */
.contents #filter { margin: 25px 0; padding: 0; }
.contents #filter .filters > *, .contents #filter #date-range > *, .contents #filter .filters > div > *, .contents #filter #date-range .daterange > * {
	display: inline-block;
	vertical-align: middle;
}

.contents #filter .filters {
	display: block;
	padding: 20px;
}

.contents #filter div { display: inline-block; }

.contents #filter #date-range > * { vertical-align: top; }

.contents #filter #date-range { display: block; position: relative; margin-bottom: 10px; }

.contents #filter #date-range select {
	font-size: 12px;
	padding: 5px;
	margin: -3px 0 0;
	width: auto;
}

.contents #filter #date-range > select { margin-right: 10px; }
.contents #filter #date-range #custom-range { margin-right: 10px; }
.contents #filter #date-range #search { position: relative; }

.contents #filter #search .text, .contents #filter #search h2 {
	display: inline-block;
	vertical-align: top;
}

.contents #filter #search .text {
	border: 1px solid #a6a6a6;
	width: 100px !important;
	height: 25px;
	padding: 0 0 0 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	top: -2px;
	left: 0;
}

.contents #filter #search .submit {
	background: url("/images/ReportinG-SearchBTN.png") no-repeat left top transparent;
	width: 35px;
	height: 27px;
	border: none;
	cursor: pointer;
	position: relative;
	top: -2px;
	left: -6px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .contents #filter #search { margin: 0 0 15px; }
}

.contents #filter.campaign-setup { margin-top: 20px; width: 275px; }
.contents #filter.campaign-setup #date-range #search { margin: 0; }
.contents #filter.campaign-setup #date-range #search input { margin-bottom: -3px; }

.contents #filter select {
	width: 100px;
	margin-right: 12px;
}

/* Individual section CSS */
.contents .section#overview { padding: 0; margin-top: 120px; }
.contents .section#overview > img { display: block; }

.contents .section#revenue-calc { padding: 0; }
.contents .section#revenue-calc > div {
	display: inline-block;
	vertical-align: top;	
}

.contents .section#revenue-calc .text {
	width: 245px;
	margin: 20px 25px 20px 20px;
	font-size: 14px;
	line-height: 25px;
}

.contents .section#revenue-calc .calculator {
	text-align: right;
	margin: 0;
    padding: 25px 40px 30px 25px;
	border-left: 1px solid #c4c4c4;
}
.contents .section#revenue-calc .calculator .error { display: block; }
.contents .section#revenue-calc .calculator .note { margin-right: 55px; }
.contents .section#revenue-calc .calculator h1 {
	font-size: 18px;
	margin: 0 0 5px;
	width: auto;
	text-align: left;
}
.contents .section#revenue-calc .calculator > span { display: block; margin-bottom: 10px; }
.contents .section#revenue-calc .calculator > span > * { display: inline-block; vertical-align: middle; }
.contents .section#revenue-calc .calculator > span > input { width: 140px; padding: 5px 0 5px 5px; }
.contents .section#revenue-calc .calculator .in-person { margin-bottom: 20px; }
.calculator .phone, .calculator .website, .calculator .in-person { left: -37px; position: relative; }
.calculator .value { left: -55px; position: relative; }

.contents #revenue-calc.section > .tool-bottom, #change-password > .tool-bottom, #login > .tool-bottom  {
	display: block;
	width: auto;
	margin: 0;
	padding: 10px 15px 13px;
	text-align: right;
}
.contents #revenue-calc.section > .tool-bottom a, #change-password > .tool-bottom a, #login > .tool-bottom a {
	font-size: 14px;
	padding: 5px 10px;
	background-color: #FFFFFF;
	margin: 0;
	color: #4e4e4e;
	border: 1px solid #d3d3d3;
	width: 55px;
	text-decoration: none;
}

/*.google-map {
    height: 550px;
    width: 795px;
}*/

#change-password h1, #contact-us h1 { color: #4e4e4e; }
#change-password .inputs, #contact-us .inputs { margin: 20px 20px 30px; }
#change-password .inputs span, #contact-us .inputs span, #upgrade-contact .inputs span { display: block; margin-bottom: 15px; }
#change-password .inputs span h2, #contact-us .inputs span h2, #upgrade-contact .inputs h2 { margin-bottom: 2px; }
#change-password .inputs span input, #contact-us .inputs span input, #upgrade-contact .inputs input { padding: 5px 0; width: 245px; }
#change-password .button, #contact-us .button, #upgrade-contact .button {
	text-align: left;
	position: relative;
	top: 0;
	left: 0;
	background-color: #f5f5f5;
    border: 1px solid #d3d3d3;
    color: #4e4e4e;
    margin: 0;
    padding: 5px 10px;
    text-decoration: none;
	text-transform: none;
	font-weight: normal;
}

#contact-us textarea {
	max-width: 715px;
	min-width: 400px;
	min-height: 200px;
	max-height: 200px;
}

#contact-us .inputs { margin: 20px 20px 10px; }
#contact-us .inputs input { min-width: 240px; display: block; margin-bottom: 15px; padding: 6px; }
#contact-us .inputs .note { /*color: #e43c3c;*/ margin-top: 5px; }
#contact-us .inputs .comments { display: block; }
#contact-us .telephone input { 
	display: inline-block;
	margin-right: 5px;
	min-width: 30px;
    width: 30px;
}

#contact-us .telephone input#ContactUsSubscriber {
	min-width: 40px;
    width: 40px;
}

#upgrade-contact h1 { color: #164f8a; margin-bottom: -3px; }
#upgrade-contact .inputs { margin: 20px 0 0; }
#upgrade-contact .first-name, #upgrade-contact .last-name {
	display: inline-block;
	vertical-align: top;
}

#upgrade-contact .first-name { margin-right: 20px; }
#upgrade-contact .first-name input, #upgrade-contact .last-name input { width: 120px; }
#upgrade-contact .telephone { margin: 20px 0 25px; }
#upgrade-contact .telephone input { width: 35px; }
#upgrade-contact .telephone #ContactUsSubscriber { width: 55px; }

#login { padding: 0; width: 640px; margin-top: 25px; }

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

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

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

#login .inputs input { padding: 5px 0; width: 245px; }
#login .inputs > span {
    display: block;
    margin-bottom: 15px;
}
#login .inputs span h2 { margin-bottom: 2px; }



#login .tool-bottom { text-align: left; padding: 10px 19px 13px; }

#login .tool-bottom .button {
	background-color: #ffffff;
    border: 1px solid #d3d3d3;
    color: #4e4e4e;
    margin: 0;
    padding: 5px 10px;
    text-decoration: none;
    width: 55px;
	font-size: 14px;
}

.entryerror { display: block; font-size: 14px; }

.contents #campaign-details.section { width: 670px; }
.contents #campaign-details.section .location-info, .contents #campaign-details.section .location-buttons {
	display: inline-block;
	vertical-align: middle;
}
.contents #campaign-details.section .location-info { max-width: 345px; }
.contents #campaign-details.section .location-info h2 { font-size: 29px; margin-bottom: -2px; }
.contents #campaign-details.section .location-info > span {
	font-family: 'SourceSans-Bold', helvetica, arial, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}
.contents #campaign-details.section .location-buttons { margin-left: 15px; }
.contents #campaign-details.section .location-buttons a {
	background-color: #ffffff;
	font-size: 14px;
    border: 1px solid #d3d3d3;
    color: #4e4e4e;
    margin: 0;
    padding: 8px 10px;
    text-decoration: none;
}
.contents #campaign-details.section .location-buttons a:hover {
	background: #FFFFFF; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#fafafa)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFFFFF,  #fafafa); /* for firefox 3.6+ */
}

.contents #campaign-details.section .alert-box {
	background: url("/images/alert-icon.png") no-repeat left 7px center #e6eef2;
	font-size: 11px;
	padding: 10px 0 7px 33px;
	margin-top: 10px;
}

.contents #campaign-details.section .alert-box a { color: #164f8a; }
.contents #campaign-details.section .alert-box .cancel { display: inline-block; vertical-align: middle; margin-top: 2px; } 

.contents #campaign-details.section .map { position: relative; margin-top: 10px; }
.contents #campaign-details.section .map #map { width: 450px !important; height: 350px !important; }

.contents #campaign-details.section h1 select { position: relative; top: -3px; }

.contents #campaign-details.section .categories { border: 1px solid #c4c4c4; }
.contents #campaign-details.section .categories .top, .contents #campaign-details.section .categories .bottom {
	padding: 15px 20px;
	vertical-align: top;
}

.contents #campaign-details.section .categories .top { background: #f5f5f5; border-bottom: 1px solid #c4c4c4; }
.contents #campaign-details.section .categories .top h2 { font-size: 20px; }
.contents #campaign-details.section .categories .bottom { font-family: arial, helvetica, sans-serif; font-size: 13px; }
.contents #campaign-details.section .categories .bottom .ads { margin-right: 30px; max-width: 255px; }
.contents #campaign-details.section .categories .bottom .ads, .contents #campaign-details.section .categories .bottom .keywords {
	display: inline-block; vertical-align: top;
}
.contents #campaign-details.section .categories .bottom .keywords ol { line-height: 24px; font-size: 14px; padding-left: 16px; }

.contents #campaign-details.section .categories .bottom .keywords a {
	background-color: #ffffff;
    border: 1px solid #d3d3d3;
    color: #4e4e4e !important;
    margin: 0;
    padding: 5px 10px;
    text-decoration: none;
	display: inline-block !important;
	margin-top: 5px;
}

.contents #campaign-details.section .categories .bottom h3 {
	color: #4e4e4e;
    font-family: "SourceSans-Bold",helvetica,arial;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -0.01em;
    margin: 0 0 5px;
    text-transform: none;
}
/* OLD
.contents #campaign-details.section .categories .bottom h3 {
	background: #4fb64e;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	padding: 3px 7px;
	border-radius: 3px;
	display: table;
	margin-bottom: 5px;
}
*/

.contents #campaign-details.section .categories .bottom h4 {
	color: #1a0dab;
	font-size: 17px;
	margin: 8px 0 -1px;
}

.contents #campaign-details.section .categories .bottom a { color: #006621; display: block; font-size: 14px; margin-bottom: 2px; }

.contents .section#Table, .contents .section#Table-tabbed { padding: 0; }
.contents .section#Table-tabbed {
	margin-top: 55px;
	min-width: 575px;
}

.contents .section table {
	background: #FFFFFF;
	font-family: 'SourceSans-Regular', helvetica, arial, sans-serif;
	color: #333333;
	font-size: 14px;
	line-height: 13pt;
	position: relative;
	table-layout: fixed;
	border-collapse: collapse;
}

.contents .section div.off { display: none; }

.contents .section#Table table th, .contents .section#Table table td, .contents .section#Table-tabbed table th, .contents .section#Table-tabbed table td {
	padding: 13px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #e5e5e5;
}

.contents .section table th {
	font-family: 'SourceSans-Bold', helvetica, arial, sans-serif;
	color: #4d4d4d;
	background: #f8f9f9; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f2)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #f0f0f2); /* for firefox 3.6+ */
	background: linear-gradient(top,  #ffffff,  #f0f0f2); /* default */
	display: table-cell;
	border-color: transparent !important;
}

.contents .section table th a { color: #4d4d4d; text-decoration: none; }

.hint {
	display: inline-block;
    vertical-align: top;
	margin-top: 0.05em;
	margin-left: -1px;
	position: relative;
}

.hint .hint-box {
	font-family: arial, helvetica, sans-serif;
	color: #4e4e4e;
	font-size: 11px;
	line-height: 14px;
	background: #FFFFFF; /*f6f6f6*/
	width: 130px;
	padding: 10px;
	border: 1px solid #c4c4c4;
	position: absolute;
	box-shadow: 0 0 8px -5px #000000;
	bottom: 21px;
	left: -67px;
	display: none;
	text-align: center;
}

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

.hint .hint-box > img {
	position: absolute;
	left: 65px;
	bottom: -9px;
	width: 17px;
}

.contents #filter .hint .hint-box { display: none; }
.contents #filter .hint:hover .hint-box { display: block; }
 
.contents .section table.data > tbody { overflow-y: scroll; display: block; max-height: 500px; }
@media screen and (max-height: 1200px) { .contents .section table.data > tbody { max-height: 720px; } }
@media screen and (max-height: 1175px) { .contents .section table.data > tbody { max-height: 695px; } }
@media screen and (max-height: 1150px) { .contents .section table.data > tbody { max-height: 670px; } }
@media screen and (max-height: 1125px) { .contents .section table.data > tbody { max-height: 645px; } }
@media screen and (max-height: 1100px) { .contents .section table.data > tbody { max-height: 620px; } }
@media screen and (max-height: 1075px) { .contents .section table.data > tbody { max-height: 595px; } }
@media screen and (max-height: 1050px) { .contents .section table.data > tbody { max-height: 570px; } }
@media screen and (max-height: 1025px) { .contents .section table.data > tbody { max-height: 545px; } }
@media screen and (max-height: 1000px) { .contents .section table.data > tbody { max-height: 520px; } }
@media screen and (max-height: 975px) { .contents .section table.data > tbody { max-height: 495px; } }
@media screen and (max-height: 950px) { .contents .section table.data > tbody { max-height: 470px; } }
@media screen and (max-height: 925px) { .contents .section table.data > tbody { max-height: 445px; } }
@media screen and (max-height: 900px) { .contents .section table.data > tbody { max-height: 420px; } }
@media screen and (max-height: 875px) { .contents .section table.data > tbody { max-height: 395px; } }
@media screen and (max-height: 850px) { .contents .section table.data > tbody { max-height: 370px; } }
@media screen and (max-height: 825px) { .contents .section table.data > tbody { max-height: 345px; } }
@media screen and (max-height: 800px) { .contents .section table.data > tbody { max-height: 320px; } }
@media screen and (max-height: 775px) { .contents .section table.data > tbody { max-height: 295px; } }
@media screen and (max-height: 750px) { .contents .section table.data > tbody { max-height: 270px; } }
@media screen and (max-height: 725px) { .contents .section table.data > tbody { max-height: 245px; } }
@media screen and (max-height: 700px) { .contents .section table.data > tbody { max-height: 220px; } }

.contents .section table#ctl00_BodyContent_CallsGridView > tbody {
    max-height: none;
    overflow-y: visible;
}


.contents .section table .top td { font-family: 'SourceSans-Bold', helvetica, arial, sans-serif; }
.contents .section table .first { background: #f7f8fa; }
.contents .section table .every-other { background: #f5f5f5; }
.contents .section table .every-other .first { background: #edeef0; }

/* Pagination CSS */
/*#Table-tabbed, #Table { margin-bottom: 50px; } */

.pagination {
	bottom: -39px;
    position: absolute;
	border-top: 1px solid #e5e5e5;
	width: 100%;
}

.pagination * {
    border: medium none !important;
    padding: 0 !important;
	display: block;
}

.pagination table { width: 100%; display: block; background: none repeat scroll 0 0 #e5e5e5 !important; }

.pagination table td { padding: 10px !important; display: inline-block; }

.pagination a { color: #164f8a; }

/* Specific Column CSS */
.contents .section table .icon { text-align: center; }

/* Campaign */
.section table .region { width: 100px; }
.section table .brand { width: 75px; }
.section table .campaigns { width: 70px; }
.section table .coupon-column, .coupon-column .hint {
	width: 40px;
	max-width: 40px;
}
/*.section table .coupon-column { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }*/
.section table .coupon-column .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	max-width: 100%;
}
.section table .impressions { width: 100px; }
.section table .calls { width: 90px; }
.section table .facebook { width: 60px; }
.section table .videos { width: 55px; }
.section table .content-link { width: 60px; }
/* Category */
.section table .category { width: 200px; }
/* City */
.section table .city { width: 140px; }
/* Coupon */
.section table .coupon-total { width: 40px; font-family: "SourceSans-Bold",helvetica,arial,sans-serif; }
/* Device */
.section table .device { width: 150px; }
.section table .clicks { width: 65px; }
.section table .cost { width: 100px; }
.section table .cpc { width: 75px; }
.section table .total-leads, .section table .total-lead { width: 100px; }
.section table .conversion-rate { width: 80px; }
/* Device Actions */
.section table .biz-place { width: 75px; }
.section table .coupons { width: 85px; }
.section table .click-call { width: 75px; }
.section table .directions { width: 55px; }
.section table .transfers { width: 60px; }
.section table .custom-one { width: 100px; }
.section table .custom-two { width: 100px; }
.section table .custom-three { width: 100px; }
.section table .custom-four { width: 100px; }
.section table .leads { width: 100px; }
.section table .mobile { width: 80px; }
.section table .emails { width: 90px; }
/* Access Logs */
.section table .customer { width: 150px; }
.section table .client-code { width: 135px; }
.section table .logins { width: 55px; }
.section table .reputation-checks { width: 80px; }
.section table .password-changes { width: 80px; }

/* Phone Calls */
.section table .audio { width: 50px; }
.section table .save { width: 50px; }
.section table .call-rating { width: 65px; }
.section table .campaign { width: 150px; white-space: normal !important; }
.section table .clientid, .section table .cliendid { width: 75px; }
.section table .date { width: 150px; }
.section table .duration { width: 100px; }
.section table .phone-number { width: 150px; }

/* Custom Tracking */
.section table .name { width: 175px; }
.section table .site-searches { width: 65px; }

/*.sm2-360ui { height: 30px !important; width: 30px!important; }
.ui360, .sm2-360ui { min-height: 30px!important; min-width: 30px!important; } */

/* Highlighted Stats CSS */
.contents .section .highlighted-stats {
	position: absolute;
	top: -115px;
	z-index: -1;
}

.contents .section .highlighted-stats li {
	box-shadow: 0 0 6px -3px #000000;
	background: #f2f2f2; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#dcdde1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fbfbfb,  #dcdde1); /* for firefox 3.6+ */
	background: linear-gradient(top,  #fbfbfb,  #dcdde1); /* default */
	list-style-type:none;
	display: inline-block;
	vertical-align: top;
	width: 140px;
	text-align: center;
	height: 75px;
	padding-top: 25px;
	margin-right: 8px;
	font-size: 17px;
	letter-spacing: .03em;
}

.contents .section .highlighted-stats li.last { margin-right: 0; }
.contents .section .highlighted-stats li > * { vertical-align: middle; }
.contents .section .highlighted-stats li > span { font-family: "Bebas", arial, helvetica; }

/* Table CSS */
/* Table Navigation CSS */
.contents .section .table-navigation {
	position: absolute;
	top: -50px;
	z-index: -1;
	width: 100%;
}

.contents .section .table-navigation li {
	box-shadow: 0 0 6px -3px #000000;
	background: #f2f2f2; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#dcdde1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fbfbfb,  #dcdde1); /* for firefox 3.6+ */
	background: linear-gradient(top,  #fbfbfb,  #dcdde1); /* default */
	list-style-type:none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	height: 45px;
	padding: 15px 15px 0 15px;
	margin-right: 3px;
	font-size: 18px;
	letter-spacing: .03em;
}

.contents .section .table-navigation li.on, .contents .section .table-navigation .tab:hover  { background: #FFFFFF; }
.contents .section .table-navigation li > * { vertical-align: middle; }
.contents .section .table-navigation #performance, .contents .section .table-navigation #outcome { cursor: pointer; }
.contents .section .table-navigation .export { float: right; margin: 0; }
.contents .section .table-navigation .export > * { display: inline-block; vertical-align: middle; }
.contents .section .table-navigation .export select { width: 145px; }

/* Right Section CSS */
.contents .section .right-section {
	position: absolute;
	right: -210px;
	top: 0px;
	z-index: 10;
}

.contents #revenue-calc.section .right-section { top: 0px; }

.contents .section .map .right-section { right: 0; top: 0; }
.contents .section .map .right-section .keywords { margin-bottom: 0; }
.contents .section .map .right-section .keywords ol { list-style-type: none; padding-left: 0; margin-left: 15px; }

.contents .section .right-section > li {
	background: #FFFFFF;
	border: 1px solid #c4c4c4;
	list-style: none;
	width: 200px;
	position: relative;
	margin-bottom: 25px;
	font-size: 14px;
	letter-spacing: .01em;
	padding-top: 17px;
}

.contents .section .right-section > li > * { padding: 0 15px; }

.contents .section .right-section > li .arrow {
	background: url("/images/Reporting-LeftArrow.png") no-repeat left top transparent;
	position: absolute;
	left: -15px;
	top: 20px;
	width: 15px;
	height: 27px;
	padding: 0;
}

.contents .section .right-section > li h2 { margin-bottom: 2px; }

.contents .section .right-section > li > span {
	font-family: "Bebas", arial, helvetica;
	font-size: 17px;
	letter-spacing: .03em;
}

.contents .section .right-section > li > span.all {
    display: block;
    font-size: 20px;
    line-height: 18px;
    margin: 0 auto;
    padding: 0;
    width: 70%;
}

.contents .section .right-section > li .tool-bottom {
	border-top: 1px solid #c4c4c4;
	background: #f5f5f5;
	padding: 12px 15px 13px;
}

.contents .section .right-section > li .tool-bottom a, .contents .section .right-section > li .tool-bottom input  {
	padding: 5px 10px;
	background-color: #FFFFFF;
	margin: 0;
	color: #4e4e4e;
	border: 1px solid #d3d3d3;
	width: 55px;
	text-decoration: none;
}

.contents .section .right-section .tool-bottom a:hover {
	background: #FFFFFF; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#fafafa)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFFFFF,  #fafafa); /* for firefox 3.6+ */
}

/* Individual Right Sections CSS */
.contents .section .right-section #revenue { font-size: 11px; padding: 15px 0; text-align: center; }
.contents .section .right-section #revenue strong { font-size: 15px; display: block; }
.contents .section .right-section #revenue span { margin-bottom: -2px; display: inline-block; }
.contents .section .right-section #revenue h3 { margin-bottom: 5px; display: block; }
.contents .section .right-section #keywords > ol { font-size: 13px; line-height: 14px; margin-left: 0; list-style-type: none; }
.contents .section .right-section #keywords ol li { margin-top: 10px; }

.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;
}

.pop-up a {
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

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

.pop-up h1 { margin-top: 0; color: #164f8a; }
.pop-up ul { list-style-type: none; position: relative; }
.pop-up ul li { 
	width: 250px;
	display: inline-block;
	line-height: 27px;
}

#keyword ul li { width: 325px; }
#keyword ol li { margin-left: 30px; width: 250px; line-height: 25px; float: left; }
#keyword .note { float: left; margin-left: 3px; margin-top: 5px; }

#target-cities ol {
	max-height: 400px;
	overflow-y: scroll;
	position: relative;
}
#target-cities ol li {
	width: 215px;
	float: left;
	margin-left: 30px;
	line-height: 25px;
}
#target-cities .note {
	font-size: 12px;
	line-height: 13px;
	margin: 10px 0 25px;
	padding-left: 480px;
}

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

.error, .success {
	color: #e43c3c;
	font-size: 13px;
	line-height: 16px;
}
.success { color: #4fb64e; }
#login .error { margin-top: -10px; }
#change-password .error { margin: -15px 0 5px; }

.note { color: #808080; font-size: 12px; margin: -8px 0 20px; }
.callout { color: #808080; font-size: 12px; margin: 20px 0; width: 650px; }
.asterisk { display: inline-block !important; margin: 0 !important; font-weight: normal !important; }

.super-container { margin: 0 auto !important; }

#opportunity-tracker { width: 1100px; }

#opportunity-tracker > h1 { width: auto; }

/* Current Package Styles */
#opportunity-tracker #current { background: #bfbfbf; color: #333333; }
#opportunity-tracker #current h2 { color: #000000; }
/* END Current Package Styles */

/* Recommended Package Styles */
#opportunity-tracker #recommended { background: #37b5e7; color: #000000; margin-right: -1px; }
#opportunity-tracker #recommended h2 { color: #FFFFFF; }
/* END Recommended Package Styles */


#opportunity-tracker .packages {
	font-family: 'SourceSans-Regular', helvetica, arial, sans-serif;
	display: inline-block;
	vertical-align: top;
	max-width: 200px;
	margin-right: 8px;
	margin-bottom: 20px;
	text-align: center;
	height: 120px;
}

#opportunity-tracker .packages h2 {
	font-size: 19px;
	letter-spacing: 0.04em;
	margin-bottom: 8px;
}

#opportunity-tracker .packages p {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 5px;
}
#opportunity-tracker .packages .price {
	font-size: 35px;
	letter-spacing: 0;
	margin: -5px 0;
}

#opportunity-tracker .package-perks {
	background: #FFFFFF;
	border: 1px solid #c4c4c4;
	box-shadow: none;
	position: relative;
	width: 100px;
	margin-right: -5px;
}

#opportunity-tracker .package-perks h4 { color: #37b5e7; }

#opportunity-tracker .package-perks img {
	position: absolute;
	left: -11px;
	top: 30px;
}

#opportunity-tracker #keywords img { display: none; }

#opportunity-tracker .package-perks ul, #opportunity-tracker .package-perks ol {
	font-size: 14px;
	line-height: 14px;
	list-style: none;
}

#opportunity-tracker .package-perks ul li, #opportunity-tracker .package-perks ol li { line-height: 18px; }

#opportunity-tracker .package-perks h4 {
	font-family: "Bebas",arial,helvetica;
	margin-bottom: 5px;
	line-height: 16px;
}

#opportunity-tracker .keywords {
	background: #FFFFFF;
	width: auto;
	max-width: 310px;
	/*padding: 20px 20px 10px;*/
}

#opportunity-tracker .keywords h4 { margin-bottom: 10px; }

#opportunity-tracker .keywords ul li {
	display: inline-block;
	vertical-align: top;
	width: 150px;
	margin-left: 5px;
	list-style: outside none decimal;
    text-align: left;
}

#opportunity-tracker .keywords ul li { font-size: 12px; line-height: 10px; margin-bottom: 9px; }

#opportunity-tracker .section h1 { margin-top: 0px; }

#opportunity-tracker .main-area {
	width: 930px;
	display: block;
	padding: 0;
}

#opportunity-tracker .main-area > * { padding: 20px; }

#opportunity-tracker .key {
	color: #4e4e4e;
	font-size: 13px;
}
#opportunity-tracker .key * { display: inline-block; vertical-align: middle; }
#opportunity-tracker .key .current { margin-right: 8px; }
#opportunity-tracker .key .color-swatch { width: 12px; height: 12px; margin-top: -2px; }
#opportunity-tracker .key .current .color-swatch { background: #bfbfbf; }
#opportunity-tracker .key .selected .color-swatch { background: #37b5e7; }

#opportunity-tracker .main-area .leads {
	width: 570px;
	height: 220px;
	position: relative;
}

#opportunity-tracker .main-area .leads > * { position: relative; z-index: 3; }
#opportunity-tracker .main-area .leads .chart-container { z-index: 2; margin: -20px 0 0 -20px; }
	
#opportunity-tracker .main-area .ad-run-time {
	background: #FFFFFF;
	border-left: 2px solid #f0f0f0;
	float: right;
	width: 248px;
	height: 220px;
	font-family: 'SourceSans-Regular', helvetica, arial, sans-serif;
	font-size: 15px;
}

#opportunity-tracker .main-area .ad-run-time > div {
	padding: 15px;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px #000000;
}

#opportunity-tracker .main-area .ad-run-time span {
	display: block;
	font-family: "bebas";
	font-size: 25px;
	letter-spacing: 0.03em;
	margin-top: -3px;
}

#opportunity-tracker .main-area .ad-run-time .current { background: #bfbfbf; margin-bottom: 5px; }
#opportunity-tracker .main-area .ad-run-time .selected { background: #bfbfbf; /*background: #37b5e7;*/ }

#opportunity-tracker .main-area .bottom { background: #f0f0f0; clear: both; }
#opportunity-tracker .main-area .bottom > * { display: inline-block; vertical-align: top; }

#opportunity-tracker .main-area .bottom .chart-container {
	position: relative;
	background: #ffffff;
	padding: 13px;
	/*border-radius: 0 70px 70px 0;*/
}

#opportunity-tracker .main-area .bottom .chart-container > div { margin-left: -13px; }

#opportunity-tracker .main-area .downgrade {
	border-bottom: 1px solid #bfbfbf;
	font-size: 14px;
    line-height: 18px;
    margin-bottom: -5px;
}

#opportunity-tracker .chart-container h4 {
    color: #ffffff;
    font-family: bebas;
    font-size: 27px;
    left: 23px;
    position: absolute;
    text-shadow: 1px 1px 3px #333333;
}

#opportunity-tracker .leads .chart-container h4 { left: 30px; }

#opportunity-tracker .chart-container h4.current { top: 17px; }
#opportunity-tracker .chart-container h4.selected { top: 57px; }

#opportunity-tracker .leads .chart-container h4.current { top: 97px; }
#opportunity-tracker .leads .chart-container h4.selected { top: 134px; }

#opportunity-tracker .main-area .bottom .clicks, #opportunity-tracker .main-area .bottom .impressions { width: 415px; }

#opportunity-tracker .main-area .bottom .impressions .key { margin-top: 20px; }
#opportunity-tracker .main-area .bottom .clicks a img { margin-top: 20px; }

.clicks > a { display: block; text-align: right; }
					
.clicks .accelerator {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #a6a6a6;
	padding: 5px 5px 9px 7px;
	width: 330px;
	margin: 20px 0 -15px 70px;
}

.clicks .accelerator > * {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	width: auto;
}

.clicks .accelerator input { border: 1px solid #cccccc; width: 15px; }

.clicks .accelerator label { display: none; }

.clicks .accelerator label.real {
	display: inline-block;
	font-size: 9px;
	font-weight: normal;
	line-height: 13px;
	margin: 5px 0 0 0;
	width: 300px;
}

.clicks .accelerator span {
	display: block;
	font-size: 14px;
	font-weight: bold;
}

#opportunity-tracker .main-area .bottom .impressions { margin-right: 20px; }

.disclaimer {
	font-family: 'SourceSans-Regular', helvetica, arial, sans-serif;
	font-size: 14px;
	margin-top: 15px;
	text-align: right;
}
#opportunity-tracker .disclaimer { margin-right: 170px; }
#opportunity-tracker .disclaimer span { display: block; }

#piechart, .legend {
	display: inline-block;
	vertical-align: top;
}

#piechart {
    padding-bottom: 20px;
    padding-left: 15px;
}

.legend {
	font-family: arial,helvetica,sans-serif;
    font-size: 14px;
    list-style-type: none;
    margin: 35px 0 0 40px;
}

.legend li { margin-bottom: 8px; }

.color-swatch {
    display: inline-block;
    height: 13px;
    margin-right: 6px;
    width: 13px;
	margin-bottom: -1px;
}

.section#no-upgrade, .section#already-upgraded, .section#no-campaigns, .section#instructions { max-width: 500px; }
.call-rating a { color: #164f8a; }