/* 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: 130%}
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 762px 15px;}
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#whitepaper li#whitepaper_nav a, body#blueprint li#blueprint_nav a, body#voma li#voma_nav a, body#login_nav li#login_nav a, body#settings_nav li#settings_nav a, body#help_nav li#help_nav a, body#admin li#admin_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 {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;}

/* Synonym Styles */
div#synonyms {width: 90%;}
div#synonyms p {margin-top:0;}
table#synonym-table {border-collapse: collapse; border:1px solid #ccc; margin-bottom:10px; width:500px; text-align:left;}
table#synonym-table th {padding:5px; border-bottom:1px solid #ccc; background: #efefef url(/images/bg-subnav.png) repeat-x;}
table#synonym-table td {padding:5px; padding-left:0; border-bottom:1px solid #ccc; background:#F1F4F6;}
table#synonym-table img {margin-bottom:0}
.syn-actions {width: 38px;}
#synonym-add {margin-left:20px; float: right;}

/* 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:10px;}
table.info_table td.vma-theme-name {text-align:left; font-weight:bold;}

table.info_table tr {height:22px; background-color:#efefef;}
table.info_table tr.hover {background-color: #FFF437;}
table.info_table tr.hover span.actions {display: inline;}
table.info_table tr.hover span.actions img {cursor: pointer; cursor: hand;}
table.info_table tr.normal {background-color: #fff;}
table.info_table tr.normal span.actions {display: none;}

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

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

table.info_table tr.anc_hover {background-color: #e8e8e8; font-weight: bold;}
table.info_table tr.anc_hover span.actions {display: inline;}
table.info_table tr.anc_hover span.actions img {cursor: pointer; cursor: hand;}
table.info_table tr.anc_normal {font-weight: bold; background-color:#f6eec8;}
table.info_table tr.anc_normal span.actions {display: none;}
span.actions img {padding-right:3px;}

.all_num {display: none;}
.inbound_num {display: none;}

/* 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 {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 {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;
}