/* Global Styles */
html,body{margin:0;padding:0}
body {font-family: "Lucida Grande", verdana, sans-serif; font-size: small; color:#333333; background: #5A5A5A url(/images/bg-wrapper.png) repeat-x;}
*html body {font-size: x-small; /* for IE5/Win */
   f\ont-size: small; /* for other IE versions */}
h1, h2, h3, h4 {font-family: "Lucida Grande", verdana, Tahoma, sans-serif; clear: both;}
h1 {font-size: 140%}
h2 {font-size: 120%}
h3 {font-size: 110%}
h4 {font-size: 105%}
form {margin: 0px; padding: 0px;}
img {border:none;}
a {color:#0A99D3;}
p, li, div, dd, td {font-size:99%;}
caption {text-align:left; padding-bottom:10px; margin-top:10px; color:#C69E28; font-weight:bold; font-size:1.1em;}

/* Page Structure */
#wrapper {clear:left; width:900px; margin:0 auto; padding:0; padding-bottom:30px; background: url(/images/bg-content.png) no-repeat bottom;}
#gutter {clear:left; padding:10px; background: #E1E7EB;}

/* Masthead */
div#masthead {float:left; width:100%; padding:5px 0; margin:0; background: #000; border-bottom:1px solid #AF830A;}
div#masthead-inner {clear:left; width:900px; margin:0 auto; padding:0;}
ul#mastL {float:left; width:70%; padding:0; margin:0; list-style: none;}
ul#mastR {float:right; width:30%; padding:0; margin:0; list-style: none; text-align:right;}
div#masthead-inner li {display:inline; padding:0 15px 0 0; color:#C3CFD8;}
div#masthead-inner a:link, div#masthead-inner a:visited {text-decoration:none; color:#788189;}
div#masthead-inner a:hover {text-decoration:underline;}

/* Header */
div#header {clear:left; float:left; width:100%; height:101px; background: #000 url(/images/bg-header2.png) repeat-x top left;}
div#header-inner {width:900px; margin:0 auto; padding:0;}

/* Main Nav */
ul#main_nav {float:left; display:inline; width:896px; margin:0; padding:65px 0 0 0; list-style-type:none; background: url(/images/logo-trans.gif) no-repeat 732px 8px;}
ul#main_nav li {float: left; margin:0; padding:0; text-align:center; color:#333;}
#main_nav a:link, #main_nav a:visited{float: left; display: block; width:103px; margin:0 3px 0 0; padding:4px 0 4px 0; color: #C3CFD8; 
	font:bold 105% "Lucida Grande"; text-decoration: none; background: url(/images/bg-mainnav.png) no-repeat top left;}
#main_nav a:hover {text-decoration:underline;}

/* Main Nav - Active Page:  as selected by page id variable */
body#keywords li#keywords_nav a, body#index li#index_nav a, body#sessions li#sessions_nav a, body#signup li#signup_nav a, body#accounts li#account_nav a, body#projects li#projects_nav a, body#settings li#settings_nav a, body#queue_requests li#queue_requests_nav a, body#project_filters li#project_filters_nav a, body#project_columns li#project_columns_nav a,
body.theme_clusters li#main_nav a {background: url(/images/bg-mainnav-active.png) no-repeat top left; color:#333;}

/* Subnav */
ul#subnav {font-size: 12px; float:left; display:inline; width: 880px; margin:0; padding:0 10px 0 10px; 
border-bottom:1px solid #ABB5BC; list-style-type:none; background: url(/images/bg-subnav.png) repeat-x;}
ul#subnav li {float:left; margin:0;}
#subnav a:link, #subnav a:visited {display:block; margin:0; padding: 6px 10px; color: #333; font-weight:bold; text-decoration: none; 
background: url(/images/img-subnav-divider.png) no-repeat right bottom;}
#subnav a:hover{background:#C69E28 url(/images/img-subnav-pointer.png) no-repeat 50% bottom; color:#fff; }

/* Login Styles */
div#login_box {background: #efefef; width:45%; margin:20px auto; border:15px solid #f7f7f7; color:#666;}
div#login_box form {border:1px solid #ccc; padding:10px 80px;}
div#login_box input, div#login_box textarea, div#login_box select {margin:3px 0; padding: 3px 5px}

/* Form 45% Width Styles */
div.form45 {width:45%; margin:20px 0; background:#f7f7f7;}
div.form45 h1 {border: 1px solid #ccc; border-bottom:none; margin:0; padding:5px; color:#333; background: #efefef url(/images/bg-subnav.png) repeat-x;}
div.form45 form {border:1px solid #ccc; border-top:none; padding:10px 50px;}
div.form45 input, div.form45 textarea {margin:3px 0; padding: 3px 5px}

/* Form 65% Width Styles */
div.form65 {width:65%; margin:20px 0; background:#f7f7f7;}
div.form65 h1 {border: 1px solid #ccc; border-bottom:none; margin:0; padding:5px; color:#333; background: #efefef url(/images/bg-subnav.png) repeat-x;}
div.form65 form {border:1px solid #ccc; border-top:none; padding:10px 50px;}
div.form65 input, div.form65 textarea {margin:3px 0; padding: 3px 5px}

/* Cluster Styles */
table#clusters {border-collapse: collapse; margin:0; width:100%; border:1px solid #ccc;}
table#clusters th {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px; background: #efefef url(/images/bg-subnav.png) repeat-x;}
table#clusters td {border-bottom:1px solid #ccc; padding:10px;text-align: center;}
table#clusters td.cluster-name { padding-left:30px; text-align: left;}
table#clusters td.cluster-icons {margin:0; padding:0;}
td.cluster-name a {font-weight:bold; padding-left:30px;}
table#clusters tr {background:#efefef;}
table#clusters tr.shade {background:#fff;}
div#cluster-image {clear:left; width:880px; text-align:center; margin-top:10px;}
div#cluster-image img {padding:20px; border:10px solid #ccc; background:#fff;}

/* Theme Styles */
table#themes {clear:left; border-collapse: collapse; margin:10px 0; width:100%; border:1px solid #ccc;}
table#themes th {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px; background: #efefef url(/images/bg-subnav.png) repeat-x;}
table#themes td {border-bottom:1px solid #ccc; padding:10px;}
td.theme-name a {font-weight:bold;}
table#themes tr {background-color:#efefef;}
table#themes tr.shade {background-color:#fff;}

div#tma {float:left; margin:0; margin-bottom:20px; padding:0; font-size: 20px; font-weight: bold;}

/* Market Segments */
div#market_segments {clear:left; margin-bottom:10px; padding:5px; background:#d1dae1; border-top:1px solid #ccc; 
	border-bottom:1px solid #ccc;}
div#market_segments img {margin-bottom: -3px;}
div#market_segments span {color: #999;}
div#market_segments span.exact {text-decoration: underline;}
div#market_segments span.included {color: #000; font-weight: bold;}

/* Values Table */
div#values {float:right; padding:0; margin:0;}
#values table {font-size: 0.95em; border-collapse: collapse; text-align: right;}
#values table th {padding-right:3px;}
#values table td {color: #59A555;}

/* Google Trends Styles */
table#gtrends {border-collapse: collapse; margin:0 0 10px 0; width:100%;}
#keyword_list {margin:0; padding:3px; background-color:#fff; text-align:left;}
#google_graph {text-align: center; background:#fff; width: 580px; height: 260px; border: 1px solid #ccc}
#graph_keywords {vertical-align: top; padding:20px; padding-top:0px;}
#graph_keywords h2 {text-align:center; padding:3px 25px 10px 25px; margin:0; background: url(/images/bg-keywords-top.png) no-repeat 50% top;}
#graph_keywords ul {margin:0; padding:0 0 10px 0; list-style: none; background: url(/images/bg-keywords-bot.png) no-repeat 50% bottom;}
#graph_keywords li {padding:0 15px 10px 8px; margin:0;}
.arrow_link {text-align: center; vertical-align: top;}

/* Theme Info Table */
table.info_table {border-collapse: collapse; margin:0 0 10px 0; width:100%; border:1px solid #ccc;}
table.info_table th {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px; background: #efefef url(/images/bg-subnav.png) repeat-x;}
table.info_table td {border-bottom:1px solid #ccc; padding:8px;font-size: 11px;}

table.info_table tr {height:20px; background-color:#efefef;}
table.info_table tr.h {background-color: #FFF437;}
table.info_table tr.h span.actions {display: inline;}
table.info_table tr.h span.actions img {cursor: pointer; cursor: hand; margin: -3px;}
table.info_table tr.n {background-color: #fff;}
table.info_table tr.n span.actions {display: none;}

table.info_table tr.t_h {background-color: #FFF437;}
table.info_table tr.t_h span.actions {display: inline;}
table.info_table tr.t_h span.actions img {cursor: pointer; cursor: hand;}
table.info_table tr.t_n {background-color:#dadaff;}
table.info_table tr.t_n span.actions {display: none;}

table.info_table tr.s_h {background-color: #FFF437; font-weight: bold;}
table.info_table tr.s_h span.actions {display: inline;}
table.info_table tr.s_h span.actions img {cursor: pointer; cursor: hand;}
table.info_table tr.s_n {font-weight: bold; background-color:#88b3f0;}
table.info_table tr.s_n span.actions {display: none;}

table.info_table tr.p_h {background-color: #FFF437;}
table.info_table tr.p_h span.actions {display: inline;}
table.info_table tr.p_h span.actions img {cursor: pointer; cursor: hand;}
table.info_table tr.p_n {background-color:#f6eec8;}
table.info_table tr.p_n span.actions {display: none;}
span.actions img {padding-right:3px;}

/* Graphs Styles */
div#graphs {clear:left; float:left; width:880px; margin:0 auto; margin-bottom:40px; margin-top:20px; text-align:center;}
div#graphs img {border: 5px solid #ccc; margin:0; padding:0;}
div#graphs div {margin:0 auto; padding:0;}
div#graphsL {width:330px; height: 200px; float:left; padding:0; margin:0;}
div#graphsR {width:540px; height: 200px; float:left; padding:0; margin:0;}

/* Help Styles */
a.helplink {clear:left; background:#0A99D3; color:#fff; text-decoration:none; padding:2px;}
a.helplink:hover {background:none; color:#0A99D3; text-decoration:underline;}

/* Footer Styles */
div#footer {clear:left; color:#666; border-top: 1px solid #ccc; font-size: 90%; padding:15px; padding-left:60px; margin-top:10px; background: url(/images/logo-footer.png) no-repeat 10px; }
#footer a:link, #footer a:visited {font-size: 90%; text-decoration: none;}
#footer a:hover {color: #999; text-decoration: underline; font-size: 90%;}

/* Error Handling Styles */
#notice, .notice {margin-bottom: 1em; vertical-align: middle; font-weight: bold; padding: 2px 3px 2px 3px; background: #ec9372;color: #fff; border-top: dashed 1px #666; border-bottom: dashed 1px #666;}
#notice a:link, #notice a:visited {font-style: normal; font-size: 12px;}
#error, .error {margin-bottom: 1em; vertical-align: middle; font-weight: bold; padding: 2px 3px 2px 3px; background: #CC0000;color: #eee; border-top: dashed 1px #666; border-bottom: dashed 1px #666;}
#error a:link, #error a:visited {font-style: normal; font-size: 12px;}
.side {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #333333; padding: 6px; line-height: 14px;}
.fieldWithErrors {padding: 2px; background-color: red; display: table;}

/* The flash notices */
div#notice, .notice {background: #e2f9e3; color: #0C2504; padding: 8px; border-top: 1px solid #2E9410; border-bottom: 1px solid #2E9410; margin-top: 10px; font-size: 1.2em;}
div#message, .message {background: #99CCFF; color: #0C2504; padding: 8px; border-top: 1px solid #003366; border-bottom: 1px solid #003366; margin-top: 10px; font-size: 1.2em;}
img#flash_icon {float: left; margin-right: 10px;}

/* Miscellany */
.pagination {padding:10px;}
.accent, .accent a {color:red;}
.accent a:hover {text-decoration:none;}
.highlight, .highlight a {color:#C69E28;}
h3.highlight {margin-bottom:0; padding-bottom:0;}

div#research_mode {
	border-bottom: 1px dashed black;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

div#research_mode span.highlighted {
	text-decoration: underline;
}

dl.option_list dt {
	font-weight: bold;
}

dl.option_list dd {
	margin-bottom: 10px;
}

div#data_box {
	background-color: white;
	border: 1px solid black;
	width: 90%;
	height: 5em;
	margin: auto;
	text-align: left;
}

div#filter_failure_data {
	font-weight: normal;
	background-color: #ddd;
	color: #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 7px;
}

span.filter_error {
	text-decoration: underline;
	color: red;
	font-weight: bold;
}

fieldset table th {
	text-align: right;
	padding-right: 5px;
}

div.getting_started a:hover, div.getting_started a:active, div.tip_container a:hover, div.tip_container a:active, div#new_container a:hover, div#new_container a:active {
	text-decoration: underline;
}

div.getting_started a, div.tip_container a, div#new_container a {
	text-decoration: none;
	font-weight: bold;
}

div.getting_started, div.tip_container {
	margin: 20px auto 20px auto;
	padding: 15px 20px 15px 20px;
	width: 80%;
	background-color: #333;
	color: #eee;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

div.getting_started h1 {
	font-size: 24px;
	text-align: center;
}

div.getting_started dt {
	float: left;
	width: 24px;
}

div.getting_started dd {
	text-align: left;
	padding-top: 3px;
	font-size: 14px;
}

div.getting_started p {
	text-align: center;
	margin: 2em;
}

div.new_container h1 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 10px;
}

div.new_container table td, div.new_container table th {
	line-height: 20px;
}

div.new_container table th, div.new_container table td {
	vertical-align: top;
}

div.new_container table th span {
	font-weight: normal;
	font-size: 12px;
}

div.new_container table th {
	text-align: right;
}

div.new_container table {
	margin: auto;
	font-size: 14px;
}

div.new_container table tr.spacer {
	height: 6px;
}

div.new_container {
	background-color: #333;
	color: #eee;
	margin: 20px auto 20px auto;
	padding: 10px 20px 20px 20px;
	width: 80%;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-box-shadow: 3px 3px 3px #555;
	-webkit-box-shadow: 3px 3px 3px #555;
}

div.object_errors ul {
	margin: auto;
}

div.object_errors table td {
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}

div.object_errors {
	border: 1px solid black;
	font-weight: normal;
	background-color: #555;
	color: white;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 7px;
	text-align: center;
}

table#t_header td {
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}

div.graph_container img {
	margin: 1em 5px 0.5em 5px;
}

div.left_graph, div.right_graph {
	padding-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	border: 1px solid #ccc;
	-moz-box-shadow: 3px 3px 3px #555;
	-webkit-box-shadow: 3px 3px 3px #555;
	font-weight: bold;
	font-size: 14px;
	background-color: #fff;
}

div.graph_container span {
	font-size: 12px;
	font-weight: normal;
}

div.left_graph {
	margin-left: 1.5em;
	float: left;
}

div.right_graph {
	margin-right: 1.5em;
	float: right;
}

td#more_urls {
	font-size: 16px;
	padding: 10px;
	font-weight: bold;
}

div#subscription_container table {
	width: 100%;
	border-collapse: collapse;
}

div#subscription_container table th {
	width: 25%;
	text-align: right;
	vertical-align: middle;
	padding: 2px;
}

div#subscription_container table td {
	width: 25%;
	text-align: center;
	padding: 4px;
	font-size: 14px;
}

div#subscription_container table tr.hover:hover {
	background-color: #555;
	color: white;
}

div#subscription_container h1 {
	font-size: 20px;
}

div#subscription_container {
	padding: 15px;
	background-color: #ccc;
	margin: auto;
	width: 88%;
	margin-top: 1em;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-box-shadow: 3px 3px 3px #555;
	-webkit-box-shadow: 3px 3px 3px #555;
}

a.signup {
	color: #300;
	font-weight: bold;
	text-decoration: none;
	background-color: orange;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: -2px -2px 5px rgba(0,0,0,.25) inset, 2px 2px 5px white inset;
	-webkit-box-shadow: -2px -2px 5px rgba(0,0,0,.25) inset, 2px 2px 5px white inset;
	padding: 3px 12px 5px 12px;
}

a.signup:hover, a.signup:active {
	background-color: yellow;
}

a.button1 {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color: #0A99D3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: -2px -2px 5px rgba(0,0,0,.25) inset, 2px 2px 5px white inset;
	-webkit-box-shadow: -2px -2px 5px rgba(0,0,0,.25) inset, 2px 2px 5px white inset;
	padding: 3px 12px 5px 12px;
	margin: 3px 12px 5px 12px;
}

a.button1:hover, a.button1:active {
	background-color: #1Aa9e3;
}

div.question_container dt {
	font-size: 16px;
	font-weight: bold;
	padding-left: 25px;
}

div.question_container dd {
	margin-top: 1em;
	margin-bottom: 2em;
	font-size: 12px;
	text-align: justify;
	width: 90%;
}

div.question_container dt {
	font-size: 16px;
	font-weight: bold;
	padding-left: 25px;
}

ul#faq_list div {
	margin-top: 0.4em;
	margin-bottom: 1em;
	font-size: 11px;
	width: 90%;
	border: 1px solid #111;
	background-color: #efe;
	padding: 5px;
}

ul#faq_list {
	list-style: none;
}

ul#faq_list a {
	text-decoration: none;
}

ul#faq_list a:hover, ul#faq_list a:active {
	text-decoration: underline;
}

li.faq_cat {
	font-size: 14px;
	font-weight: bold;
	margin-top: 1em;
}

li.faq_cat li{
	font-size: 12px;
	font-weight: normal;
}

dd.highlighted {
	background-color: #ee9;
	padding: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #777;
}

div.screencast_container {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
}

div.screencast_container div {
	background-color: #333;
	color: #eee;
	width: 475px;
	margin: auto;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-box-shadow: 3px 3px 3px #555;
	-webkit-box-shadow: 3px 3px 3px #555;
	padding: 20px 0px 20px 0px;
}

div.screencast_container h2 {
	margin-top: 0em;
	font-size: 20px;
}

form.login_container {
	margin: 3em auto 1em auto;
	width: 300px;
}

form.contact_container {
	margin-top: 1em;
}

form.contact_container table {
	margin: auto;
	width: 90%;
}

form.contact_container th, form.login_container th {
	text-align: right;
	width: 100px;
}

form.contact_container input {
	border: 1px solid #777;
	width: 325px;
}

form.contact_container textarea {
	border: 1px solid #777;
	width: 100%;
	height: 125px;
	float: right;
}

div.features_container {
	margin-top: 1em;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background-color: #ccc;
	padding-bottom: 1.4em;
	-moz-box-shadow: 3px 3px 3px #555;
	-webkit-box-shadow: 3px 3px 3px #555;
}

div.features_container table {
	margin: 1em auto auto auto;
}

div.features_container table h3 {
	margin-bottom: 0.3em;
}

div.features_container table th {
	width: 54px;
	text-align: center;
	vertical-align: top;
	padding: 1em;
}

div.features_container table td {
	margin: auto;
	vertical-align: top;
	width: 190px;
}

div#index_container h1 {
	-moz-box-shadow: 3px 3px 3px #555;
	-webkit-box-shadow: 3px 3px 3px #555;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #333;
	color: #eee;
	text-align: center;
	font-size: 24px;
	padding: 5px 0px 5px 0px;
}

div#index_container {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background-color: #ccc;
	padding: 7px 1em 1.4em 1em;
}

div#index_container div#left img {
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
}

div#index_container div#left {
	width: 57%;
	text-align: center;
}

div#index_container div#right dl {
	margin-top: 0px;
}

div#index_container div#right dd {
	font-weight: bold;
	padding-top: 4px;
	font-size: 13px;
}

div#index_container div#right a {
	text-decoration: none;
}

div#index_container div#right {
	float: right;
	width: 43%;
}

form#index_login_form {
	background-color: #333;
	color: #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 3px 3px 3px #555;
	-webkit-box-shadow: 3px 3px 3px #555;
	padding: 5px;	
}