body
{
	font-family: Verdana, Helvetica, Arial;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body.narrow-view {
	font-size: 80%;
}

html {
	width: 100%;
	height: 100%;
}

a {
	text-decoration: none; color: #2f7cb2;
}

a:hover {
	color:#fb7411;
}

h1, h2, h3, p, a {
	font-family: Verdana;
	size:12px;
}

.highlight {
	background-color:yellow;
}

.disabled {
	color: #AAA;
}

.view-initial-search-screen {
	background-image: url('../img/bkg.png');
	background-size: 100% 100%;
}

.view-initial-search-screen.no-background-image {
	background-image: none;
}

body.view-results div.header {
	background-image: url('../img/headerbg.png'); /* 16px x 16px */
	background-color: transparent; /* make the button transparent */
	background-repeat: repeat-x;  /* make the background image appear only once */
	background-position: bottom;
	float: left;
	width: 100%;
	padding-bottom: 20px;
    padding-left: 20px;
}

.view-results .overall-results-wrapper {
	padding: 10px;
}

body.view-initial-search-screen #campaignAnalysisButtons,
body.view-initial-search-screen #importDataControls {
	display: none;
}

/* -- Search UI dimensions -------------------------------------------------- */
body.view-initial-search-screen .st {
	margin: 0 auto;
	margin-top: 120px;
	height: 180px;
	width: 540px;
}

body.width-s  .st,
body.width-m  .st {
	width: 50%;
}

body.width-xs .st {
	width: 75%;
}

body.width-l .st,
body.width-xl .st {
	width: 540px;
}

.st .banner {
	width: 498px;
	margin-bottom: 30px;
}

body.width-xs .st .banner,
body.width-s .st .banner,
body.width-m .st .banner {
	width: 100%;
}

body.width-l .st .banner,
body.width-xl .st .banner {
	width: 498px;
}

.st #searchForm {
	width: 92%;
    text-align: left;
}

body.width-m .st #searchForm {
	width: 90%;
}

.st #inputs {
	width: 78%;
	height: 51px;
	margin: 0px;
	display: inline-block;
}

.st .input-basic #searchInput,
.st .input-advanced .multiple-keywords {
	width: 95%;
	height: 50px;
    box-sizing: border-box;
}

body.al0 .st .input-basic #suggestType {
	display: none;
}

body.al1 .st .input-basic #suggestType,
body.al2 .st .input-basic #suggestType,
body.al3 .st .input-basic #suggestType,
body.al4 .st .input-basic #suggestType,
body.al5 .st .input-basic #suggestType,
body.al100 .st .input-basic #suggestType {
	display: inline-block;
	width: 35%;
	height: 50px;
	float: left;
	margin-right: 3px;
    box-sizing: border-box;
}

body.al1 .st .input-basic #searchInput,
body.al2 .st .input-basic #searchInput,
body.al3 .st .input-basic #searchInput,
body.al4 .st .input-basic #searchInput,
body.al5 .st .input-basic #searchInput,
body.al100 .st .input-basic #searchInput {
	width: 64%;
}


body.expanded-search-ui.narrow-view .st {
	width: auto;
}

.st .submit-button {
	float: right;
	width: 20%;
}

.st .submit-button #search {
	width: 127px;
	height: 51px;
	background: url(../img/search.png) no-repeat;
}

/* XS */
body.width-xs .st .submit-button #search {
	width: 80px;
	/*height: 32px;*/
}

body.width-xs .st #searchInput {
/*	height: 24px;*/
}

/* S, M */
body.width-s .st .submit-button #search,
body.width-m .st .submit-button #search {
	width: 100px;
	height: 40px;
}

body.width-s .st #searchInput,
body.width-m .st #searchInput {
	height: 32px;
}

.search-more {
	float: right;
	font-size: 18px;
	line-height: 40px;
	padding-left: 10px;
	padding-bottom: 5px;
	cursor: pointer;
	color: #7DC1E1;
	display: none;
}

/* Sharing ------------------------------------------------------------------ */
.view-initial-search-screen .ui-share {
	display: none;
}

.ui-share {
	display: inline-block;
	cursor: pointer;
	margin-top: 10px;
}

#share_placeholder .share-form .message {
	width: 95%;
	height: 100px;
}

#share_placeholder .share-label {
	line-height: 64px;
	padding-right: 10px;
	display: block;
	float: left;
}

#share_placeholder .share-form .submit-to-twitter,
#share_placeholder .share-form .submit-to-facebook {
	padding-right: 15px;
}

#share_placeholder .characters-left {
	float: right;
	font-weight: bold;
	line-height: 64px;
}

#share_placeholder .sync {
	display: block;
	float: right;
}

body.view-results .st{
	margin: 0 auto;
	margin-top: 10px;
}

body.print .st {
	margin: 0;
	margin-top: 10px;
	height: auto;
}

body.print div.header {
	float: none;
}

.newcomer-hint {
	position: fixed;
	left: 50%;
	top: -70px;
	margin-top: 120px;
	margin-left: -275px;
	width: 500px;
	height: auto;
	padding: 10px;
	border: 1px solid #EEE;
	box-shadow: 0px 10px 10px #CCC;
	opacity: 0;
	color: #666;
	font-size: 14px;
	background-color: #FFF;
}

#keywordsNumRemainingCredits {
	clear: both;
	float: right;
	top: 40px;
	right: 0px;
	margin-right: 10px;
	color: #666666;
	font-size: 11px;
}

.form-all input, select, textarea {
	border: 1px solid #b7bbbd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 4px;
	font-size: 120%;
}

.form-all input {
	font-size: 180%;
}

.form-all select {
	font-size: 120%;
}

.form-all #search {
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 0px;
}

td { font-family: sans-serif;  font-size: 16px; color: #666666; }

.blue { color: #1184c9; font-size: 12px;}
.orange { color: #f05928; font-size: 12px;}
.green { color: #2d7a0e; font-size: 12px;}
.blueheading { color: #1184c9; font-size: 24px; font-family: sans-serif;}
.orangeheading { color: #f05928; font-size: 24px; font-family: sans-serif;}

/*Search position*/
.view-analysis  #search,
.view-traffic-analysis  #search{
	position: static;
}
.view-analysis  #loading,
.view-traffic-analysis  #loading {
	position: absolute; top: 120px;
}


/*BTNs*/
#search {
	cursor: pointer;        /* make the cursor like hovering over an <a> element */
}

.form-all {
	position: relative;
}

#wrapper { margin: 0 auto; margin-top: 40px; }
/*#wrapper input { float: left; }*/
#output { float:right; border:1px solid black; padding:5px;}
input{font-size:1.3em;}
#send { float:right;}
#log{position: absolute; top: 10px; right: 10px;}
#searchInput {
	height: 41px;
}
#multipleKeywordsInput {
	height: 81px;
	font-size: 1.3em;
	overflow-y: hidden;
	margin-bottom: 10px;
}



.inputs-basic .input-basic,
.inputs-advanced .input-advanced {
	display: block;
}

.inputs-basic .input-advanced,
.inputs-advanced .input-basic {
	display: none;
}

.st #inputs.inputs-advanced {
	height: auto;
}

/* VIDEO HELP ------------------------------------------------------------- */
body.view-initial-search-screen #video-help-panel {
    display: block;
    position: absolute;
    left: 50%;
    top: 370px;
    margin-left: -256px;
}

body.view-initial-search-screen #video-register-button {
	position: absolute;
	margin-top: 50px;
	top: -10000px;
	margin-bottom: 50px;
	width: 200px;
	height: 50px;
	left: 50%;
	margin-left: -100px;
}

body.view-initial-search-screen #video-register-button input {
	width: 200px;
	height: 50px;
	font-size: 20px;
}

.ads-wrapper, #video-help-panel {
	margin-top: 18px;
	box-shadow: 0px 5px 10px #CCCCCC;
	border: 1px solid #0181C0;
}

.ads-wrapper, #video-help-panel.hidden {
	border: none;
	box-shadow: none;
}

#video-help-panel.visible #video-help-wrapper {
	display: block;
}

#video-help-panel.hidden #video-help-wrapper {
	display: none;
}

#video-help-panel.visible #video-help-toggler .hide,
#video-help-panel.hidden #video-help-toggler .show {
	display: block;
}

#video-help-panel.hidden #video-help-toggler .hide,
#video-help-panel.visible #video-help-toggler .show {
	display: none;
}

body.view-initial-search-screen #video-help-panel {
	display: none;
}

#video-help-panel.hidden #video-help-toggler {
	display: none;
}


#video-help-panel.visible #video-help-toggler {
	margin-top: 30px;
}

#video-help-panel.visible #video-help-toggler .hide {
	text-align: center;
	white-space: nowrap;
	background-color: #2F7CB2;
	color: #FFFFFF;
	padding: 10px;
}

#video-help-panel.hidden #video-help-toggler .show {
	background-color: #2F7CB2;
	color: #FFFFFF;
	padding: 10px;
	text-align: center;
}

#video-help-panel.hidden .video-help-close {
	display: none;
}

#video-help-panel .video-help-close {
	top: -20px;
	right: 0px;
}


.google { color:blue;}
.bing   { color:red;}
.both   { color:purple;}

body.view-initial-search-screen #legend,
body.view-initial-search-screen #keywordsSuggestions,
body.view-initial-search-screen #keywordsSuggestionsControls,
body.view-initial-search-screen #controls,
body.view-initial-search-screen .ads-wrapper,
body.view-initial-search-screen .fetch-button,
body.view-initial-search-screen #commonButtons .csv-button,
body #historyButtons,
body.view-analysis #legend,
body.view-analysis #keywordsSuggestions,
body.view-analysis #keywordsSuggestionsControls,
body.view-analysis .fetch-button,
body.view-traffic-analysis .fetch-button,
body.view-traffic-analysis #legend,
body.view-traffic-analysis #keywordsSuggestions,
body.view-traffic-analysis #keywordsSuggestionsControls,
body.view-suggestions #legend,
body.view-eg-listings #legend,
body.view-eg-listings #keywordsSuggestionsControls,
body.view-eg-listings #commonButtons,
body.view-eg-listings #resultsButtons,
body.view-eg-listings #copy_paste_tags,
#view_toggle,
#egListingsButtons
{
	display: none;
}

body.view-campaign-history #view_toggle,
body.view-eg-listings #egListingsButtons,
body.view-traffic #view_toggle {
	display: block;
}

body.view-suggestions .fetch-button,
body.view-suggestions #commonButtons .csv-button,
body.view-history #historyButtons {
	display: inline-block;
}

.eg-listing-form form.new-listing .eg-listing-code,
.eg-listing-form form.existing-listing .eg-listing-analyze-button {
    display: none;
}


/* --- CONTROLS ------------------------------------------------------------- */
#controls {
	position: fixed;
	display: none;
	width: 600px;
	left: 50%;
	margin-left: -250px;
	box-shadow: 0px 3px 15px #808080;
	-moz-box-shadow: 0px 3px 15px #808080;
	border-radius: 5px;
	padding: 20px;
	background-color: #EEE;
}

#controls .button {
}


#controls .close {
	left: 580px;
	top: 5px;
	cursor: pointer;
	color: #909090;
	position: absolute;
}

#controls fieldset {
	border: 1px solid #BBB;
	color: #808080;
	padding: 5px;
	padding-bottom: 15px;
}

.select {
	padding: 3px;
	height: 50px;
}


.button {
	padding: 10px;
	background-color: #f26825;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
}

#navigation li .button {
	padding: 2px 10px;
}

.button.orange {
	background-color: #eb521b;
	color: #FFFFFF;
}

.button.grey {
	background-color: #ccc;
	color: #555;
}

.button.cyan {
	background-color: #acd7e7;
	color: #FFFFFF;
}

.button.green {
	background-color: #37d455;
	color: #FFFFFF;
}


.button.compact {
	padding: 1px;
	font-size: 12px;
}


#controlsOptions {
	display: none;
	float: none;
	padding: 10px;
	margin-top: 10px;
}

#trafficAnalysisControlsOptions, #adAnalysisControlsOptions {
	display: none;
}

#controls.traffic-analysis #controlsOptions,
#controls.traffic-analysis #trafficAnalysisControlsOptions {
	display: block;
}

#controls.ad-analysis #controlsOptions,
#controls.ad-analysis #adAnalysisControlsOptions {
	display: block;
}

.input-advanced .multiple-keywords {
}

.input-advanced .upload-buttons {
	margin-top: 10px;
	margin-bottom: 10px;
}


#commonButtons {
	display: inline-block;
}

/* --- SUGGESTIONS ---------------------------------------------------------- */
body.view-suggestions #keywordsSuggestions {
	display: block;
	margin: 0 auto;
	padding-bottom: 10px;
}

body.view-suggestions #keywordsSuggestionsControls {
	display: block;
}

body.view-suggestions #keywordsSuggestions .suggestion {
	display: block;
	padding: 10px;
	color: #666;
	cursor: pointer;
	border: 1px solid transparent;
}

body.view-suggestions #keywordsSuggestions .suggestion input {
	margin-right: 10px;
}

body.view-suggestions #keywordsSuggestions .suggestion:hover {
	border: 1px solid #CCC;
}

body.view-suggestions #keywordsSuggestions .suggestion.selected {
	color: #2f7cb2;
	font-weight: bold;
}

.copy-keyword, .copy-keyword-and-search {
	display: inline-block;
	padding: 3px;
	text-align: center;
}

.copy-keyword {
	margin-right: 10px;
}

.copy-keyword:hover, .copy-keyword-and-search:hover {
	background-color: #0181C0;
	color: #FFFFFF;
}

/* --- RESULTS -------------------------------------------------------------- */
body.view-suggestions #keywordsPerformanceResults,
body.view-analysis #keywordsPerformanceResults,
body.view-traffic-analysis #keywordsPerformanceResults{
	margin: 0 auto;
}

table.results {
	padding: 5px;
	background-color: white;
}

table.results td {
	padding: 5px;
}

table.results .td-Date {
	white-space: nowrap;
}

body.view-suggestions table.results .td-Keyword,
body.view-analysis table.results .td-Keyword,
body.view-traffic-analysis table.results .td-Keyword {
	text-align: left;
}

body.view-analysis table.results .th-HttpReferrer,
body.view-analysis table.results .th-QueryString,
body.view-analysis table.results .th-Keyword,
body.view-analysis table.results .th-Date,
body.view-analysis table.results .th-MatchType,
body.view-analysis table.results .th-AdName,
body.view-analysis table.results .td-HttpReferrer,
body.view-analysis table.results .td-QueryString,
body.view-traffic-analysis table.results .th-HttpReferrer,
body.view-traffic-analysis table.results .th-QueryString,
body.view-traffic-analysis table.results .th-Keyword,
body.view-traffic-analysis table.results .th-Date,
body.view-traffic-analysis table.results .th-MatchType,
body.view-traffic-analysis table.results .th-AdName,
body.view-traffic-analysis table.results .td-HttpReferrer,
body.view-traffic-analysis table.results .td-QueryString{
	text-align: left;
}

body.view-analysis table.results .th-HttpReferrer,
body.view-analysis table.results .td-HttpReferrer,
body.view-traffic-analysis table.results .th-HttpReferrer,
body.view-traffic-analysis table.results .td-HttpReferrer,
table.results .th-SiteURL,
table.results .td-SiteURL {
	white-space:nowrap;
	text-overflow: ellipsis;
	width: 200px;
	overflow: hidden;
}

table.results .td-CopyKeyword {
    width: 120px;
}

table.results .th-HttpReferrer a,
table.results .td-SiteURL a {
    display: block;
    white-space:nowrap;
	text-overflow: ellipsis;
	max-width: 500px;
	overflow: hidden;
}

table.results tr.header {
	background-color: #C5EAFF;
}

table.results tr.header {
	background-color: #B2D2E6;
}


table.results th {
	padding: 20px 5px;
	font-weight: bold;
	cursor: pointer;
}

table.results tr.more {
	background-color: #B2D2E6;
}

table.results tr.more td.more {
	padding: 10px;
	text-align: center;
}

table.results tr.hidden {
	display: none;
}

table.results th.asc,
table.results th.desc {
	background-color: #BADCF0;
}

.inner-wrapper table.results th.asc,
.inner-wrapper table.results th.desc {
	background-color: #9DBACB;
}

.inner-wrapper table.results tr.odd:hover,
.inner-wrapper table.results tr.even:hover {
	background-color: #96BFCE;
}

table.results th span.sort-arrow {
	margin-left: 10px;
	font-size: 16px;
	font-weight: bold;
}

table.results tr.odd:hover,
table.results tr.even:hover {
	background-color: #a8d6e5;
}

table.results tr.odd {
	background-color: #EEEEEE;
}

table.results tr.even {
	background-color: #ffffff;
}

table.results tr.selected {
	background-color: #CBEFF2;
}

.credits-button-status {
	font-size: 12px;
	color: #000000;
	display: block;
	clear: both;
	margin-left: 0px;
	margin-top: 15px;
}

.score-dot {
	cursor: pointer;
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.level-0 {
	background-color: #0241B7;
	border: 1px solid #0241B7;
}

.level-1 {
	background-color: #F35936;
	border: 1px solid #F35936;
}

.level-2 {
	background-color: #F0E74D;
	border: 1px solid #F0E74D;
}

.level-3 {
	background-color: #29B42E;
	border: 1px solid #29B42E;
}

#legend, #copy_paste_tags {
	margin-top: 20px;
	margin-left: 10px;
}

body.view-initial-search-screen #legend {
	display: none;
}

body.view-analysis #legend,
body.al1.view-suggestions #legend,
body.al2.view-suggestions #legend,
body.al3.view-suggestions #legend,
body.al4.view-suggestions #legend,
body.al100.view-suggestions #legend {
	display: block;
}

.campaign-view-controls {
	clear: both;
	margin-top: 40px;
	padding-left: 20px;
	padding-top: 10px;
}

.td-TotalSearchResults {
    text-align: right;
}

.td-TotalSearchResults .value {
    padding-right: 5px;
    border-right: 5px solid transparent;
}

.td-TotalSearchResults .value.lt-100 {
    border-right-color: transparent;
}

.td-TotalSearchResults .value.lt-1000 {
    border-right-color: #77dd77;
}

.td-TotalSearchResults .value.lt-1000000 {
    border-right-color: #6ea6ce;
}

.td-TotalSearchResults .value.lt-10000000 {
    border-right-color: #fae98b;
}

.td-TotalSearchResults .value.lt-100000000 {
    border-right-color: #f79f79;
}

.td-TotalSearchResults .value.very-large {
    border-right-color: #ff0026;
}

/* --- VIEW MODE ------------------------------------------------------------ */
#view_toggle.basic .basic-view {
	display: none;
}

#view_toggle.basic .advanced-view {
	display: block;
}

#view_toggle.advanced .basic-view {
	display: block;
}

#view_toggle.advanced .advanced-view {
	display: none;
}

/* --- RANK BAR ------------------------------------------------------------- */
.rank-outer-bar {
	width: 100%;
	height: 10px;
	border: 1px solid #b7bbbd;
	background-color: #EFEFEF;
}

.rank-inner-bar {
	height: 8px;
	width: 100%;
	background-color: #1184c9;
	margin-top: 1px;
	margin-bottom: 1px;
}

/* --- PROGRESS BAR --------------------------------------------------------- */

.progress-wrapper {
	position: fixed;
	margin: 0 auto;
	left: 50%;
	top: 20%;
	margin-left: -202px;
	margin-top: -30px;
	width: 404px;
	height: 64px;
	border: 1px solid #b7bbbd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #EFEFEF;
	box-shadow: 0px 5px 10px #808080;
	-moz-box-shadow: 0px 5px 10px #808080;
}


.progress-wrapper .progress-outer,
.progress-wrapper .progress-inner {
	text-align: center;
	line-height: 30px;
	width: 320px;
	height: 30px;
	position: absolute;
	left: 40px;
	top: 15px;
	margin: 2px;
}

.progress-wrapper .progress-outer {
	color: #ffffff;
	background-color: #1184c9;
	clip: rect( 0px, 0px, 30px, 0px );
}

.progress-wrapper .progress-inner {
	background-color: #ffffff;
	color: #000000;
}

/* --- COPY/PASTE tags ------------------------------------------------------ */
body.view-initial-search-screen #copy_paste_tags {
	display: none;
}

body.view-analysis #copy_paste_tags,
body.view-traffic-analysis #copy_paste_tags{
	display: none;
	margin-top: 20px;
}

#copy_paste_tags textarea {
	margin-top: 3px;
	overflow: auto;
	width: 90%;
	height: 70px;
}


#copy_paste_tags th {
	font-weight: normal;
	font-size: 12px;
	text-align: left;
}

th.blog-tags {
	color: #1184C9;
}

th.ppc-tags {
	color: #F05928;
}

th.url-tags {
	color: #55BC57;
}


/* --- FOOTER -------------------------------------------------------------- */
.footer {
	margin-top: 20px;
	padding: 10px;
}

body.view-initial-search-screen .footer {
	display: none;
}

/* --- SEARCH RESULTS ------------------------------------------------------ */
.inline-search-results {
	background-color: #EEF3FA;
}

.inline-search-results td {
	text-align: left;
	padding-top: 20px;
}

.inline-search-results .inner-wrapper {
	position: relative;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.inline-search-results .inner-wrapper .close {
	position: absolute;
	left: 650px;
	top: 10px;
	cursor: pointer;
	font-size: 20px;
	padding-bottom: 3px;
	width: 35px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 18px;
	border: 2px solid #CCC;
	box-shadow: 0px 2px 10px #CCC;
	cursor: pointer;
	background-color: #FFF;
}

.search-result-item {
	clear: both;
	text-align: left;
	width: 640px;
	margin-bottom: 25px;
}

.search-result-item .title {
	color: #2F7CB2;
	font-weight: bold;
	text-decoration: underline;
	font-size: 16px;
	clear: right;
}

.search-result-item .display-url {
	display: block;
	clear: right;
	font-size: 12px;
	color: #999;
	margin-top: 3px;
	margin-bottom: 3px;
}

.search-result-item .description {
	display: block;
	clear: right;
	font-size: 14px;
	color: #666;
}

tr.row .social-icon {
	display: inline-block;
	margin-right: 10px;
	float: right;
	cursor: pointer;
}

tr.row .toggle-search-results {
	float: right;
	display: block;
	background-color: #999;
	border-radius: 8px;
}

tr.row .toggle-search-results .minus,
tr.row .toggle-search-results .plus {
	cursor: pointer;
	color: #FFFFFF;
	width: 15px;
	height: 15px;
	font-size: 11px;
	text-align: center;
	line-height: 13px;
}

tr.row .toggle-search-results .minus,
tr.row.search-results-expanded .toggle-search-results .plus {
	display: none;
}

tr.row .toggle-search-results .plus,
tr.row.search-results-expanded .toggle-search-results .minus {
	display: block;
}


/**** Floating window *********************************************************/
.floating-window {
	position: absolute;
	display: none;
	border: 1px solid #808080;
	border-radius: 5px;
	box-shadow: 0px 5px 20px #808080;
	-moz-box-shadow: 0px 5px 20px #808080;

	background-color: #FAFAFA;
	border: 1px solid #F9F9F9;
	padding: 10px;

	width: 400px;
}

.floating-window-close, .video-help-close {
	position: absolute;
	width: 30px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	font-weight: bold;
	font-size: 16px;
	color: #808080;
	cursor: pointer;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 15px;
	box-shadow: 0px 5px 20px #808080;
	-moz-box-shadow: 0px 5px 20px #808080;
	margin-left: -18px;
}

.floating-window.no-shadow {
	box-shadow: none;
	padding-top: 0px;
}

.floating-window form label {
	width: 95%;
	line-height: 28px;
	font-size: 12px;
	clear: both;
	display: block;
	color: #004190;
	font-weight: bold;
}

.floating-window form input[type=text],
.floating-window form input[type=password]{
	height: 20px;
	font-size: 14px;
	padding: 4px;
	width: 95%;
}

.floating-window form textarea {
	height: 40px;
	font-size: 14px;
	padding: 4px;
	width: 95%;
}

.floating-window form input[type=submit] {
	margin-left: 0px;
	padding: 10px;
	background-color: #2f7cb2;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFFFFF;
}

.floating-window-overlay {
	position: absolute;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	background-color: #000000;
}


/**** Login *******************************************************************/
#login_placeholder {
	height: auto;
	width: 320px;
}

#agreement_placeholder {
	width: 950px;
	height: auto;
}

/**** Register *****************************************************************/
#register_placeholder {
	width: 420px;
}

#register_placeholder .payment-methods .payment-method {
	display: none;
}

#register_placeholder .payment-methods .payment-method table td {
	white-space: nowrap;
}

#register_placeholder .payment-methods .payment-method.selected {
	display: inline-block;
}

#register_placeholder .wizard .step {
	display: none;
}

#register_placeholder .wizard .wizard-back-button {
	float: left;
	margin-right: 50px;
	margin-top: 20px;
}

#register_placeholder .wizard .wizard-next-button {
	float: right;
	margin-top: 20px;
}

/**** Account *****************************************************************/
#twitter_placeholder {
	width: 400px;
	background-color: #FAFAFA;
	border: 1px solid #F9F9F9;
	padding: 10px;
}

#twitter_placeholder .twitter-message {
	width: 100%;
	height: 40px;
	padding: 4px;
}

/**** Empower Network *********************************************************/
#en_placeholder {
	width: 320px;
}

/**** Notification messages ***************************************************/
#st_message, .st-message-window {
	width: 400px;
}

#st_message .message, .st-message-window .message {
	margin-top: 10px;
	margin-bottom: 20px;
}

#st_message .button, .st-message-window .button {
	width: 100px;
	margin: 0 auto;
	display: block;
}

/**** Retrieve password *******************************************************/
#retrieve_password_placeholder {
	width: 320px;
}

#retrieve_password_placeholder .info-message,
#retrieve_password_placeholder .error-message {
	display: none;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}

#retrieve_password_placeholder .error-message {
	color: #990000;
}

/**** Account *****************************************************************/
#account_placeholder {
	width: 400px;
}

#account_placeholder .payment-methods .payment-method {
	margin-bottom: 20px;
}

#account_placeholder h2 {
	font-size: 16px;
	margin: 0;
	padding: 10px 0px;
}

#account_placeholder .payment-methods .payment-method table td {
	width: 200px;
	white-space: nowrap;
}

#account_placeholder input[disabled] {
	background-color: #EEE;
	color: #999;
}

#account_placeholder .current-plan {
	margin-bottom: 30px;
}


/**** Form fieldset ***********************************************************/
form fieldset {
	border: none;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

form fieldset legend {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	padding-left: 3px;
	background-color: #0181C0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
}


/**** Payment *****************************************************************/
#payment_placeholder {
	width: 900px;
	background-color: #FAFAFA;
	border: 1px solid #F9F9F9;
	padding: 10px;
	font-size: 12px;
}

#payment_placeholder .payment-methods {
	margin-top: 20px;
}

#payment_placeholder .payment-methods .payment-method {
	clear: both;
	margin-bottom: 20px;
}

#payment_placeholder .payment-methods .payment-method h1 {
	font-size: 18px;
	display: block;
	width: 100%;
	background-color: #0181C0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFFFFF;
	padding: 5px;
}

/*** Results buttons **********************************************************/
#resultsButtons {
	clear: both;
	margin-bottom: 10px;
	margin-top: 10px;
}

#resultsButtons .button {
	float: none;
}

/*** Access levels *************************************************************/
.access-restricted {
	display: none;
}

.access-restricted.al1,
.access-restricted.al2,
.access-restricted.al3,
.access-restricted.al4,
.access-restricted.al5,
.access-restricted.al100 {
	display: inline-block;
}


body .match-type {
	display: none;
}

body.al4 .match-type,
body.al5 .match-type,
body.al100 .match-type {
	display: inline-block;
}


.ui-deeper,
body.narrow-view .ui-deeper {
	display: none;
	margin-top: 15px;
}

body.expanded-search-ui.narrow-view .input-basic #searchInput,
body.al1.expanded-search-ui.narrow-view .input-basic #searchInput,
body.al2.expanded-search-ui.narrow-view .input-basic #searchInput,
body.al3.expanded-search-ui.narrow-view .input-basic #searchInput,
body.al4.expanded-search-ui.narrow-view .input-basic #searchInput,
body.al5.expanded-search-ui.narrow-view .input-basic #searchInput,
body.al100.expanded-search-ui.narrow-view .input-basic #searchInput {
	margin-left: 10px;
}

/* LEVEL 0 */
.al0 .ui-deeper,
.al0 #copy_paste_tags {
	display: none;
}

#video-help-panel {
	display: none;
	position: relative;
}

.al0 .video-help-wrapper,
.al1 .video-help-wrapper,
.al5 #video-help-panel,
.al0 #video-help-panel,
.al1 #video-help-panel,
.al0 .ads-wrapper,
.al1 .ads-wrapper {
	display: block;
}

.al0 #analysisControls .traffic-analysis,
.al0 #analysisControls .ad-analysis {
	display: none;
}

.al0 .score-dot {
	display: none;
}

/* LEVEL 1 */
.al1 .ui-deeper {
	display: none;
}

.ui-deeper > table {
    width: auto;
}

.al1 #analysisControls .traffic-analysis,
.al1 #analysisControls .ad-analysis {
	display: none;
}

.al1 .ads-wrapper {
	display: block;
}


/*
- Deeper checkbox + boxes for easy copying, shows ranking, shows colors, shows ads
- If [x] Deeper is checked I just run the first 10 suggestions to get the colors, no checkboxes
*/

/* LEVEL 2 */
.al2 .ui-deeper {
	display: block;
}

.al2 .ads-wrapper {
	display: none;
}

/* LEVEL 3 */
.al3 .ui-deeper {
	display: block;
}

.al3 .ads-wrapper {
	display: none;
}


/* LEVEL 4 */
.al4 .ui-deeper {
	display: block;
}

.al4 .ads-wrapper {
	display: none;
}


/* LEVEL 100 */
.al100 .ui-deeper {
	display: block;
}

.al100 .login-link {
	display: none;
}

.al100 .ads-wrapper {
	display: none;
}

/* LEVEL 5 */
.al5 .ui-deeper {
	display: block;
}


/* -- CREDITS LIMIT ---------------------------------------------------------- */
.credits-limit-exceeded, .credits-limit-exceeded-trial {
	display: none;
	background-color: #FFFFFF;
	font-size: 16px;
	width: 400px;
	padding: 20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #CCC;
	box-shadow: 0px 0px 15px 5px #BBB;
	-moz-box-shadow: 0px 0px 15px 5px #BBB;
}

/* -- NARROW/BROAD VIEW ----------------------------------------------------- */
body.narrow-view .results-wrapper #legend,
body.narrow-view .results-wrapper #copy_paste_tags {
	display: none;
}

body.narrow-view #keywordsPerformanceResults .results .header,
body.narrow-view #keywordsPerformanceResults .results .td-,
body.narrow-view #keywordsPerformanceResults .results .td-RankBing,
body.narrow-view #keywordsPerformanceResults .results .td-RankGoogle,
body.narrow-view #keywordsPerformanceResults .results .td-TotalSearchResults {
	display: none;
}

/* -- GENERAL ACCESS LEVEL -------------------------------------------------- */
body .al1, body .al2, body .al3, body .al4, body .al5, body .al100 {
	display: none;
}

body.al1 .al1 {
	display: inline-block;
}

body.al1 td.al1,
body.al1 th.al1 {
    display: table-cell;
}

body.al2 .al1,
body.al2 .al2 {
	display: inline-block;
}

body.al3 .al1,
body.al3 .al2,
body.al3 .al3 {
	display: inline-block;
}


body.al4 .al1,
body.al4 .al2,
body.al4 .al3,
body.al4 .al4 {
	display: inline-block;
}


body.al5 .al1,
body.al5 .al2,
body.al5 .al3,
body.al5 .al4,
body.al5 .al5 {
	display: inline-block;
}

body.al100 .al1,
body.al100 .al2,
body.al100 .al3,
body.al100 .al4,
body.al100 .al5,
body.al100 .al100 {
	display: inline-block;
}



/* For table cells it's a bit different */
body.al2 td.al1, body.al2 th.al1,
body.al2 td.al2, body.al2 th.al2 {
	display: table-cell;
}

body.al3 td.al1, body.al3 th.al1,
body.al3 td.al2, body.al3 th.al2,
body.al3 td.al3, body.al3 th.al3 {
	display: table-cell;
}


body.al4 td.al1, body.al4 th.al1,
body.al4 td.al2, body.al4 th.al2,
body.al4 td.al3, body.al4 th.al3,
body.al4 td.al4, body.al4 th.al4 {
	display: table-cell;
}


body.al5 td.al1, body.al5 th.al1,
body.al5 td.al2, body.al5 th.al2,
body.al5 td.al3, body.al5 th.al3,
body.al5 td.al4, body.al5 th.al4,
body.al5 td.al5, body.al5 th.al5 {
	display: table-cell;
}

body.al100 td.al1, body.al100 th.al1,
body.al100 td.al2, body.al100 th.al2,
body.al100 td.al3, body.al100 th.al3,
body.al100 td.al4, body.al100 th.al4,
body.al100 td.al5, body.al100 th.al5,
body.al100 td.al100, body.al100 th.al100 {
	display: table-cell;
}

#navigation {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
}

/* - IMPORT ------------------------------------------------------------------ */
#importDataControls {
	display: none;
	margin-left: 25px;
}

#importDataButtons .rename-button,
#importDataButtons .delete-button {
	background-color: #999999;
}

body.view-imports #importDataControls {
	display: block;
}

.inline-editable-textfield {
	width: 80px;
	height: 16px;
	font-size: 14px;
}

td.inline-editable {
	cursor: text;
}

body.view-initial-search-screen #history-only-search-message {
	display: none;
}

.imort-analyze-traffic-button {
	display: none;
}

body.al4 .imort-analyze-traffic-button,
body.al100 .imort-analyze-traffic-button {
	display: inline-block;
}

body.al4 #history-only-search-message,
body.al5 #history-only-search-message,
body.al100 #history-only-search-message {
	display: none;
}


#history-only-search-message {
	margin-top: 10px;
}

body.al2 #navigation li.get-more-features,
body.al3 #navigation li.get-more-features,
body.al4 #navigation li.get-more-features,
body.al5 #navigation li.get-more-features,
body.al100 #navigation li.get-more-features {
	display: none;
}

.st-post-registration .account-post-registration-non-critical {
	display: none;
}

body .video-help-panel-wrapper {
    display: none;
}

body.initial-video .video-help-panel-wrapper {
    width: 1%;
}

body.initial-video #video-help-panel {
	margin-top: -130px;
}

body.initial-video #video-register-button {
	margin-top: -120px;
}

body.initial-video #searchForm {
	margin-top: 450px;
}

body.initial-video.view-suggestions #searchForm {
	margin-top: 0px;
}

body.initial-video.view-suggestions #video-help-panel {
	margin-top: 18px;
}


body #video-register-button .register-button {
	display: none;
}

body.first-time-visitor #video-register-button .login-button {
	display: none;
}

body.first-time-visitor #video-register-button .register-button {
	display: block;
}

/* Preferences */
#preferences_placeholder {
	width: 400px;
}

#preferences_placeholder .search-ui-mode,
#preferences_placeholder .engine {
	width: 100%;
}


/* Search domains */
#search_domains_placeholder {
	width: 650px;
}

#search_domains_edit_ui {
	margin-bottom: 10px;
}

#search_domains_placeholder input[type=text] {
	width: 180px;
	margin-right: 5px;
}

.search-domain-edit-placeholder {
	padding: 5px;
}

.search-domain-edit-placeholder:hover {
	background-color: #92cbff;
}

/*
#navigation ul li .li-search-domains  {
	display: none;
}

body.al4 #navigation ul li .li-search-domains,
body.al100 #navigation ul li .li-search-domains  {
	display: inline-block;
}
*/


/* --- Search UI modes ------------------------------------------------------ */
body.standard-search-ui #searchForm .label {
	display: none;
}

body.standard-search-ui .ui-share {
}

body.standard-search-ui .ui-share-top {
	display: none;
}

body.expanded-search-ui .st,
body.standard-search-ui .st {
	width: 800px;
	text-align: center;
}

body.expanded-search-ui .st.inputs-advanced,
body.standard-search-ui .st.inputs-advanced {
	width: 950px;
}

body.expanded-search-ui #suggestType,
body.expanded-search-ui .input-basic #suggestType,
body.al0.expanded-search-ui .input-basic #suggestType,
body.al1.expanded-search-ui .input-basic #suggestType,
body.al2.expanded-search-ui .input-basic #suggestType,
body.al3.expanded-search-ui .input-basic #suggestType,
body.al4.expanded-search-ui .input-basic #suggestType,
body.al5.expanded-search-ui .input-basic #suggestType,
body.al100.expanded-search-ui .input-basic #suggestType {
	margin-left: 0px;
	margin-right: 0px;
	width: 120px;
    box-sizing: border-box;
}

body.expanded-search-ui #searchForm {
	text-align: left;
	width: auto;
}

body.expanded-search-ui #searchForm .label {
	display: inline-block;
	font-size: 12px;
	color: #999;
	font-family: Verdana, Helvetica, Arial;
}

body.expanded-search-ui #searchForm input[type=checkbox] {
	margin: 0px;
}

body.expanded-search-ui #searchForm .suggest-type-label {
	position: absolute;
	left: 0px;
	top: -25px;
}

body.expanded-search-ui #searchForm select[name=search_domain] {
	position: absolute;
	top: 0px;
	left: 130px;
	height: 50px;
	width: 150px;
}

body.expanded-search-ui #searchForm .search-domain-label {
	position: absolute;
	top: -24px;
	left: 130px;
}

body.expanded-search-ui .st.inputs-advanced #searchForm select[name=search_domain],
body.expanded-search-ui .st.inputs-advanced #searchForm .search-domain-label {
	left: 0px;
}

body.expanded-search-ui #searchForm .deep-control {
	position: absolute;
	left: 290px;
	top: -8px;
}

body.expanded-search-ui #searchForm .quick-control {
	position: absolute;
	left: 290px;
	top: 28px;
}

body.expanded-search-ui #searchForm .match-type {
	position: absolute;
	left: 375px;
	top: 0px;
}

body.expanded-search-ui #searchForm .match-type select {
	height: 50px;
	width: 100px;
}

body.expanded-search-ui .st.inputs-advanced #searchForm .match-type {
	left: 245px;
}

body.expanded-search-ui .st.inputs-advanced #searchForm .deep-control,
body.expanded-search-ui .st.inputs-advanced #searchForm .quick-control {
	left: 160px;
}

body.expanded-search-ui .input-basic #searchInput,
body.al0.expanded-search-ui .input-basic #searchInput,
body.al1.expanded-search-ui .input-basic #searchInput,
body.al2.expanded-search-ui .input-basic #searchInput,
body.al3.expanded-search-ui .input-basic #searchInput,
body.al4.expanded-search-ui .input-basic #searchInput,
body.al5.expanded-search-ui .input-basic #searchInput,
body.al100.expanded-search-ui .input-basic #searchInput,
body.expanded-search-ui #searchInput {
	margin-left: 360px;
	width: 220px;
}

body.expanded-search-ui .submit-button {
	width: auto;
}

body.expanded-search-ui .st #inputs {
	width: auto;
}

body.expanded-search-ui .search-more {

}

body.expanded-search-ui .st #inputs .input-advanced {
	margin-left: 350px;
	width: 380px;
}

body.expanded-search-ui .st.inputs-advanced {
	width: 820px;
}


body.expanded-search-ui #keywordsNumRemainingCredits {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	position: absolute;
	font-size: 14px;
	left: 0px;
	top: 40px;
}

body.expanded-search-ui .ui-share {
	display: none;
}

body.view-initial-search-screen.expanded-search-ui .ui-share-top {
	display: none;
}

body.expanded-search-ui .ui-share-top {
	cursor: pointer;
	display: inline-block;
	position: absolute;
	right: 0px;
	margin-right: 10px;
	top: 50px;
}

body.expanded-search-ui .st .submit-button #search {
	border-radius: 8px;
	width: 80px;
	background-position: center 0px;
}

body.standard-search-ui span.tooltip {
	display: none;
}

body.expanded-search-ui span.tooltip {
	background-color: #999;
	color: #fff;
	font-size: 10px;
	border-radius: 6px;
	cursor: pointer;
	font-family: Arial, Helvetica;
	display: inline-block;
	width: 13px;
	height: 13px;
	line-height: 13px;
	text-align: center;
}

.ui-tooltip {
	border: none;
	max-width: 180px;
}

.ui-tooltip, .ui-tooltip-content {
	background-color: #999;
	color: #FFF;
	font-size: 12px;
}

/* -- Quick search domain --------------------------------------------------- */
.quick-search-domain-icons {
	position: absolute;
	border: 1px solid #CCC;
	background-color: #FFFFFF;
	box-shadow: 0px 2px 10px #CCC;
	padding: 10px;
	max-width: 420px;
}

.quick-search-domain-icon-placeholder {
  display: inline-block;
  vertical-align: middle;
}

.quick-search-domain-icon {
	margin-right: 6px;
	margin-bottom: 6px;
	width: 32px;
	height: 32px;
	display: inline-block;
	cursor: pointer;
}

.domain-search-icon {
	width: 16px;
	height: 16px;
	margin-right: 10px;
	float: right;
}

.quick-search-domain-icon-replacement {
  margin-right: 6px;
	margin-bottom: 6px;
	width: 32px;
	height: 32px;
	display: inline-block;
	cursor: pointer;
  border-radius: 16px;
  border: 1px solid #999;
  text-align: center;
  line-height: 32px;
}

.quick-search-domain-icons-underlay {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

/* EG Listings */
#egListingsButtons {
	padding-left: 16px;
}

tr.row.hidden-listing {
    opacity: 0.7;
}

tr.row.hidden-listing td {
    font-style: italic;
}

/* Floating panel */
.floating-panel.floating {
	background-color: #fff;
	position: fixed;
}

#importDataControls.floating {
	background-color: #fff;
	width: 100%;
	padding-bottom: 10px;
	padding-left: 25px;
	left: 0px;
	top: 0px;
	box-shadow: 0px 10px 20px #ccc;
	margin-left: 0px;
}

#resultsButtons.floating {
	background-color: #fff;
	bottom: 0px;
	top: auto;
	left: 0px;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 25px;
	box-shadow: 0px -10px 20px #ccc;
	margin-bottom: 0px;
}

input[type=image].searched-keyword-visibility-toggle {
    background-image: url( '/img/light-bulb.png' );
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

input[type=image].searched-keyword-visibility-toggle.searched-keyword-visibility-on {
    opacity: 1.0;
}

input[type=image].searched-keyword-visibility-toggle.searched-keyword-visibility-off {
    opacity: 0.3;
}

tr.row-hidden {
    display: none;
}

@media (max-width: 800px){

  body.expanded-search-ui .st,
  body .st,
  body.expanded-search-ui #searchForm,
  body #searchForm {
    display: block;
    padding: 5px;
    width: auto;
  }

  body.expanded-search-ui .st #inputs,
  body .st #inputs {
    display: block;
    height: auto;
    width: auto;
  }

  .st #suggestType {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }

  body.expanded-search-ui .st.inputs-advanced {
    width: auto;
    display: block;
  }

  body.expanded-search-ui .st #inputs .input-advanced {
    margin: 0 auto;
    width: auto;
  }

  body.expanded-search-ui .st #inputs .input-advanced textarea {
    width: 99%;
  }

  body.expanded-search-ui .st #inputs .input-advanced > br {
    display: none;
  }

  body.expanded-search-ui .input-basic,
  body .input-basic {
    display: block;
    margin: 0 auto;
    width: auto;
    padding: 0;
  }

  body.expanded-search-ui .input-advanced,
  body .inputs-advanced {
    margin: 0 auto;
    width: auto;
    padding: 0;
  }

  body.al1 .st .input-basic #searchInput,
  body.al2 .st .input-basic #searchInput,
  body.al3 .st .input-basic #searchInput,
  body.al4 .st .input-basic #searchInput,
  body.al5 .st .input-basic #searchInput,
  body.al100 .st .input-basic #searchInput,
  body.al1 .st .input-advanced #searchInput,
  body.al2 .st .input-advanced #searchInput,
  body.al3 .st .input-advanced #searchInput,
  body.al4 .st .input-advanced #searchInput,
  body.al5 .st .input-advanced #searchInput,
  body.al100 .st .input-advanced #searchInput,
  body.expanded-search-ui #searchInput,
  body #searchInput,
  body.expanded-search-ui .input-basic #searchInput,
  body .input-basic #searchInput {
    display: block;
    width: 100%;
    margin: 0 auto;
    clear: both;
    padding: 0;
    margin-bottom: 5px;
    box-sizing: border-box;
  }

  .st .submit-button,
  body.expanded-search-ui .submit-button {
  	float: none;
  	display: block;
    width: auto;
  }

  body.expanded-search-ui .submit-button #search,
  body .submit-button #search,
  body.expanded-search-ui .st .submit-button #search,
  body .st .submit-button #search {
    width: 100px;
    border-style: none;
    border-radius: 8px;
    background-color: #E1572D;
    border: 0px solid transparent;
    background-position: center center;
  }

  .st .submit-button {
    background-size: contain;
    background-color: #E1572D;
    border-radius: 8px;
    text-align: center;
  }

  body.expanded-search-ui .st.inputs-advanced #searchForm select[name="search_domain"],
  body.expanded-search-ui .st.inputs-advanced #searchForm .search-domain-label {
    left: 130px;
  }

  body.expanded-search-ui .st.inputs-advanced #searchForm .deep-control,
  body.expanded-search-ui .st.inputs-advanced #searchForm .quick-control {
    left: 290px;
  }

  body.expanded-search-ui .st.inputs-advanced #searchForm .match-type {
    left: 375px;
  }

  body.expanded-search-ui #searchForm select[name="search_domain"],
  body.expanded-search-ui #searchForm .match-type,
  body #searchForm select[name="search_domain"],
  body #searchForm .match-type {
    top: 5px;
  }

  body.expanded-search-ui #searchForm .deep-control,
  body #searchForm .deep-control {
    top: -1px;
  }

  body.expanded-search-ui #searchForm .quick-control,
  body #searchForm .quick-control {
    top: 33px;
  }
}

@media (max-width: 500px){
  .st .banner {
    width: 100%;
  }

  body.view-initial-search-screen .st {
    padding: 0;
    width: 100%;
  }

  body.expanded-search-ui .st #suggestType {
    margin-bottom: 60px;
  }

  body.expanded-search-ui #searchForm .match-type {
    top: 60px;
    left: 100px;
  }

  body.expanded-search-ui #searchForm .deep-control {
    top: 54px;
    left: 5px;
  }

  body.expanded-search-ui #searchForm .quick-control {
    left: 5px;
    top: 88px;
  }
}