/****************************************
 * Jodange
 * Main CSS Rules
 ****************************************/
 
/****************************************
 * General Formatting
 ****************************************/
 
html {
    background: #e6e6da;
}

body {
    margin: 0;
    padding: 0;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    color: #262626;
    background: #f5f5e9;
}

.noBullet{
	list-style: none;
	list-style-type: none;
	padding:0px;
}

/****************************************
 * Layout
 ****************************************/

/* Header */

div#header {
    position: relative;
    height: 65px;
    padding: 0 50px;
    min-width: 900px;
    background: url(../images/layout/header_bg.gif) repeat-x top left;
}

#logo_service {
    margin: 0 0 0 8px;
    padding: 0 0 0 10px;
    background: url(../images/layout/logo_separator.gif) no-repeat 0 50%;
}

#accountLinks {
    position: absolute;
    top: 26px;
    right: 5%;
    color: #fff;
    z-index: 0;
}

#accountLinks a, #accountLinks a:visited {
    padding: 0 0 0 5px;
    color: #9df;
}

#accountLinks a:hover {
    color: #ffbf80;
}

#accountLinks a:active {
    color: #9df;
}

#accountLinks .separator {
    padding: 0 0 0 5px;
    color: #5c5d5e;
}

/* Title */

#title {
    padding: 15px 5%;
    min-width: 700px;
    margin: 0 auto;
    background: #d6ebff url(../images/layout/title_bg.gif) repeat-x bottom left;
    border-bottom: 2px solid #91caf2;
}

#breadcrumb {
    height: 17px;
    margin: 0 0 5px 0;
}

.title_data {
    margin: 8px 0 0 0;
    font-size: 11px;
    color: #5e6872;
}

/* Content */

#content {
    padding: 25px 5% 10px 5%;
    margin: 0 auto;
    width: 900px;
    min-width: 700px;
    background: #f5f5e9;
}

/* Footer */

#footer {
    clear: both;
    background: #e6e6da;
    padding: 15px 5% 30px 5%;
    min-width: 700px;
    border-top: 2px solid #e0dfd1;
    margin: 0 auto;
    font-size: 11px;
    color: #99968a;
}

#copyright {
    float: left;
    width: 49%;
}

#footer_links {
    float: right;
    width: 49%;
    text-align: right;
}

#footer_links a, #footer_links a:visited {
    color: #3078bf;
}

#footer_links a:hover {
    color: #bf4000;
}

#footer_links a:active {
    color: #3078bf;
}

/****************************************
 * Content Formatting
 ****************************************/

/* Text */

h1 {
    margin: 10px 0 6px;
    font-size: 20px;
    line-height: 24px;
}

h2 {
    margin: 10px 0 6px;
    font-size: 14px;
    line-height: 18px;
}

h3 {
    margin: 0 0 20px 0;
    font-size: 13px;
    line-height: 1em;
}

h4 {
    margin: 0 0 20px 0;
    font-size: 12px;
    line-height: 1em;
}

p {
    margin: 0 0 20px 0;
    line-height: 1.3em;
}

ul {
    margin: 0 0 20px 0;
    padding: 0 0 0 35px;
    line-height: 1.3em;
}

li {
    margin: 10px 0;
}

/* Links */

a, a:visited {
    color: #0060bf;
    text-decoration: none;
}

a:hover {
    color: #bf4000;
    text-decoration: underline;
}

a:active {
    color: #0060bf;
}

.action {
    font-size: 11px;
    font-weight: normal;
}

.headlineLinks {
    padding-left: 5px;
}

/* Images */

img {
    border: none;
}

.icon {
    padding-right: 3px;
}

.action .icon {
    padding-right: 0;
    vertical-align: -1px;
}

/* Tables */

table {
    margin: 0 0 20px 0;
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 7px 10px;
    text-align: left;
    border: 1px solid #e6e6e6;
    line-height: 1.2em;
}

th {
    background: #f2f2f2;
}

thead th, thead td {
    border: 1px solid #e1e1e1;
}

thead .active {
    background: #e1e1e1;
}

.odd {
    background: #fff;
}

.even {
    background: #fafafa;
}

.even th {
    background: #ebebeb;
}

.sort {
    margin: 0 0 0 3px;
    vertical-align: 1px;
}

table .hover {
    color: #bf4000;
}

.empty {
    border-width: 0;
    background: transparent;
}

/* Miscellaneous */

.separator {
    padding: 0 3px;
    font-size: 9px;
    color: #ccc;
    vertical-align: 1px;
}

.clear {
    clear: both;
}

.disabled {
    color: #999;
}

.hover {
    background-color: #fec;
    cursor: pointer;
}

.error {
    color: #c00;
}

/****************************************
 * Containers
 ****************************************/

/* General/Open */

.container {
    float: left;
    margin: 0 0 25px 0;
    width: 100%;
}

.container_header {
    position: relative;
    background-position: top left;
    background-repeat: repeat-x;
    background-image: url(../images/layout/container/open/top_middle.gif);
    cursor: pointer;
}

.container_header .inner1 {
    padding-left: 17px;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(../images/layout/container/open/top_left.gif);
}

.container_header .inner2 {
    padding-top: 12px;
    padding-right: 42px;
    height: 28px;
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url(../images/layout/container/open/top_right.gif);
}

.container h2 {
    margin: 0;
}

.container_content {
    padding-left: 22px;
    background: #fff url(../images/layout/container/open/left.gif) repeat-y top left;
}

.container_content .inner1 {
    padding: 20px 22px 20px 0;
    background: #fff url(../images/layout/container/open/right.gif) repeat-y top right;
}

.container_footer {
    width: 100%;
    height: 9px;
    background: url(../images/layout/container/open/bottom_middle.gif) repeat-x bottom left;
}

.container_footer .inner1 {
    height: 9px;
    background: url(../images/layout/container/open/bottom_left.gif) no-repeat bottom left;
}

.container_footer .inner2 {
    height: 9px;
    background: url(../images/layout/container/open/bottom_right.gif) no-repeat bottom right;
}

.container_links {
    clear: both;
    
}

/* Closed */

.closed .container_header {
    background-image: url(../images/layout/container/closed/middle.gif);
}

.closed .container_header .inner1 {
    background-image: url(../images/layout/container/closed/left.gif);
}

.closed .container_header .inner2 {
    height: 32px;
    background-image: url(../images/layout/container/closed/right.gif);
}

.closed .container_content, .closed .container_footer {
    display: none;
}

/* Tabs */

.closed .tabs {
    display: none;
}

.tabs {
    position: absolute;
    top: 8px;
    right: 47px;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1em;
}

.tabs li {
    float: left;
    margin: 0;
    padding: 0;
}

.tabs a {
    float: left;
    background-repeat:  no-repeat;
    background-position: top left;
    background-image: url(../images/layout/tab_left.gif);
    cursor: pointer;
}

.tabs span {
    float: left;
    padding: 12px 15px 0 15px;
    height: 20px;
    background-repeat:  no-repeat;
    background-position: top right;
    background-image: url(../images/layout/tab_right.gif);
}

.tabs a:hover {
    background-position: 0 -32px;
}

.tabs a:hover span {
    background-position: 100% -32px;
}

.tabs .active a, .tabs .active a:hover {
    background-position: bottom left;
    color: #262626;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}

.tabs .active a span, .tabs .active a:hover span {
    background-position: bottom right;
}

/****************************************
 * Sections and Filter Sets
 ****************************************/

/* General sections */

.section {
    margin: 0 0 20px 0;
}

.section_header {
    background: #f2f2f2 url(../images/layout/corners/white_tl.gif) no-repeat top left;
}

.section_header .inner1 {
    padding: 11px 15px 10px 15px;
    background: url(../images/layout/corners/white_tr.gif) no-repeat top right;
}

.section h3 {
    margin: 0;
}

.section_content .inner1 {
    background: #fcfcfc;
    padding: 0 15px;
    border: 2px solid #f2f2f2;
    border-top: none;
}

.subsection {
    margin-top: -1px;
    padding: 15px 0 16px 0;
    border-top: 1px solid #f2f2f2;
}

.subsection_item {
    margin-bottom: 10px;
}

.group1 {
    float: left;
    margin: 15px 0;
    padding: 0 3% 0 0;
    width: 47%;
    border-right: 1px solid #f2f2f2;
}

.group2 {
    float: left;
    margin: 15px 0 15px -1px;
    padding: 0 0 0 3%;
    width: 46%;
    border-left: 1px solid #f2f2f2;
}

.group1 .group1, 
.group1 .group2,
.group2 .group1,
.group2 .group2 {
    margin: 0;
    border: none;
}

.checklist {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
}

.checklist li {
    margin: 0 0 5px 0;
}

/* Filter set sections */

.filterSet .section_header {
    cursor: pointer;
}

.filterSet_open .section_header .inner2 {
    background: url(../images/layout/arrows/grey_up.gif) no-repeat 100% 0;
}

.filterSet_closed .section_header .inner2 {
    background: url(../images/layout/arrows/grey_down.gif) no-repeat 100% 1px;
}

#filters .section {
    float: left;
    width: 32%;
    margin-right: 2%;
}

#filters #advanced {
    margin-right: 0;
}

.removeFilterLink {
    margin: 10px 0 0 0;
    text-align: right;
    font-size: 11px;
}

.currentFilterSelections {
    margin: 10px 0 0 0;
    font-size: 11px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.currentFilterSelections table {
    margin: 0;
    width: auto;
}

.currentFilterSelections td {
    padding: 0;
    border: none;
}

.closed .currentFilterSelections, 
.filterSet_closed .currentFilterSelections {
    overflow: hidden;
}

#advanced_filters_dateRange div {
    padding: 10px 0 0 0;
    clear: both;
}

#advanced_filters_dateRange label {
    float: left;
    width: 40px;
    padding: 3px 0 0 0;
    line-height: 1.1em;
}

/* Calendar */

button.calendar {
    visibility: hidden;
}

.calendar div {
    padding: 3px 3px 3px 4px;
    background: #333;
}

.calendar table {
    margin: 0;
    width: auto;
    background: #fff;
}

.calendar div {
    margin-left: -100px;
}

.calendar th, .calendar td {
    padding: 4px 0 2px 0;
    width: 20px;
    font-size: 11px;
    text-align: center;
    line-height: 1em;
}

.calendar td {
    color: #999;
}

.calendar td.valid {
    color: #0060bf;
}

.calendar td.inactive {
    color: #333;
}

.calendar td.active {
    color: #fff;
    font-weight: bold;
    background: #0060bf;
}

.calendar caption {
    position: relative;
    margin: 0 0 0 -1px;
    width: 148px;
    background: #333;
    padding: 5px 0 6px 0;
    font-weight: bold;
    cursor: move;
    color: #fff;
    font-size: 12px;
    line-height: 1em;
}

.calendar caption span {
    padding: 0 2px;
}

.calendar caption .prev {
    float: left;
    margin: 0 0 0 5px;
    cursor: pointer;
    color: #fff;
}

.calendar caption .next {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    color: #fff;
}

.calendar caption .prev:hover, 
.calendar caption .next:hover {
    color: #9df;
    text-decoration: none;
}

/****************************************
 * Forms
 ****************************************/

form {
    margin: 0;
    padding: 0;
}

.input_checkbox {
    margin: 0 3px 0 0;
    padding: 0;
    vertical-align: -2px;
}

.label {
    padding: 0 5px 0 0;
}

.input_submit {
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
}

/* Search/filtering form */

#search .container_links,
#configure .container_links {
    padding-top: 20px;
}

#search .input_submit,
#configure .input_submit {
    float: right;
    margin-top: -20px;
}

/****************************************
 * Global modules
 ****************************************/

/* Breadcrumb */

#breadcrumb a {
    float: left;
    padding: 3px 3px 0 5px;
    height: 13px;
    border-bottom: 1px solid #aec5d9;
    background: #fff;
    font-size: 9px;
}

#breadcrumb .icon {
    padding-right: 2px;
}

#breadcrumb .separator {
    float: left;
    padding: 0;
    width: 9px;
    height: 17px;
    background: url(../images/layout/breadcrumb/separator.gif) no-repeat top left;
}

#breadcrumb .end {
    float: left;
    width: 9px;
    height: 17px;
    background: url(../images/layout/breadcrumb/end.gif) no-repeat top left;
}

/* Message */

#message {
    float: left;
    color: #fff;
    margin: 0 0 25px 0;
    width: 100%;
    background: #3674b3 url(../images/layout/corners/message_tl.gif) no-repeat top left;
    line-height: 1.2em;
}

#message .inner1 {
    background: url(../images/layout/corners/message_tr.gif) no-repeat top right;
}

#message .inner2 {
    background: url(../images/layout/corners/message_br.gif) no-repeat bottom right;
}

#message .inner3 {
    padding: 15px;
    background: url(../images/layout/corners/message_bl.gif) no-repeat bottom left;
}

#message .polarityIndicator {
    float: left;
    margin: 0 10px 0 0;
}

#message.error {
    background: #b31212 url(../images/layout/corners/error_tl.gif) no-repeat top left;
}

#message.error .inner1 {
    background: url(../images/layout/corners/error_tr.gif) no-repeat top right;
}

#message.error .inner2 {
    background: url(../images/layout/corners/error_br.gif) no-repeat bottom right;
}

#message.error .inner3 {
    background: url(../images/layout/corners/error_bl.gif) no-repeat bottom left;
}

/* Activity indicator (spinner) */

#activityIndicator {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    margin-top: -25px;
    padding: 25px 0;
    width: 150px;
    border: 2px solid #999;
    font-size: 11px;
    color: #666;
    background: #fff;
    text-align: center;
    z-index: 300;
}

#activityIndicator img {
    margin: 0 3px 0 0;
    vertical-align: -1px;
}

/* Dark overlay */

#overlay {
    display: none;
    background: #000;
    opacity: .75;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

/* Pagination */

.pagination {
    float: left;
    margin: 0 0 20px 0;
    width: 100%;
}

.pagination .current {
    float: left;
    width: 49%;
    font-weight: bold;
}

.pagination h3 {
    margin: 0;
}

.pagination .pager {
    float: right;
    width: 50%;
    text-align: right;
}

.pagination .pager a {
    padding: 3px 3px 1px 3px;
}

.pagination .pager .separator {
    padding: 0;
}

.pagination .disabled {
    padding: 3px 3px 1px 3px;
}

.pager a.active, .pager a.active:hover {
    background: #3078bf;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}

/****************************************
 * Column Selector
 ****************************************/

.columnSelector {
    clear: both;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -225px;
    margin-left: -360px;
    width: 700px;
    height: 450px;
    padding: 8px;
    border: 2px solid #e6e6e6;
    background: #ccc;
    z-index: 200;
    visibility: hidden;
}

.columnSelector_header {
    padding: 5px 0 0 0;
    height: 25px;
}

.columnSelector h3 {
    margin: 0;
}

.columnSelector_content {
    width: 700px;
    height: 380px;
    background: #fff;
    overflow-x: scroll;
}

.columnWrapper {
    float: left;
    width: 0;
    overflow: hidden;
}

.column {
    float: left;
    width: 210px;
    height: 363px;
    overflow-y: scroll;
}

.columnSelector .wait {
    margin: 10px;
}

.columnSelector .toggleLink {
    margin: 10px 10px 5px 10px;
}

.columnSelector .item {
    padding: 6px 20px 5px 10px;
    clear: both;
}

.columnSelector .item input {
    float: left;
    margin: -1px 7px 5px 0;
}

.columnSelector .hasChildren {
    font-weight: bold;
    background: url(../images/layout/arrows/dark_right.gif) no-repeat 95% 6px;
    cursor: pointer;
}

.columnSelector .active {
    color: #fff;
    background: #3078bf url(../images/layout/arrows/white_right.gif) no-repeat 95% 6px;
    cursor: default;
}

.columnSelector .hover {
    background-color: #fec;
}

.columnSelector_footer {
    margin: 13px 0 0 0;
    text-align: right;
}

/****************************************
 * Polarity Indicators
 ****************************************/

/* Bar style */

.polarityIndicator_bar {
    width: 100px;
    height: 8px;
    border: 1px solid #808080;
    white-space: nowrap;
}

.polarityIndicator_bar div {
    float: left;
    height: 8px;
}

.polarityIndicator_bar .negative {
    background: url(../images/polarity/bar/negative.gif) repeat-x top left;
}

.polarityIndicator_bar .neutral {
    background: url(../images/polarity/bar/neutral.gif) repeat-x top left;
}

.polarityIndicator_bar .positive {
    background: url(../images/polarity/bar/positive.gif) repeat-x top left;
}

/* Text */

.opinion {
    font-weight: bold;
}

.opinion:hover {
    text-decoration: none;
}

.polarity_strongPositive, 
.polarity_strongPositive:visited, 
.polarity_strongPositive:hover {
    color: #090;
}

.polarity_positive, 
.polarity_positive:visited, 
.polarity_positive:hover {
    color: #74b274;
}

.polarity_strongNeutral, 
.polarity_strongNeutral:visited, 
.polarity_strongNeutral:hover {
    color: #b2b2b2;
}

.polarity_neutral, 
.polarity_neutral:visited, 
.polarity_neutral:hover {
    color: #b2b2b2;
}

.polarity_negative, 
.polarity_negative:visited, 
.polarity_negative:hover {
    color: #d98282;
}

.polarity_strongNegative, 
.polarity_strongNegative:visited, 
.polarity_strongNegative:hover {
    color: #c00;
}

/* Numbers style */

.polarityIndicator_numbers {
    font-size: 11px;
}

.polarityIndicator_numbers .separator {
    padding: 0 2px;
}

.polarityIndicator_numbers .polarity_neutral {
    color: #666;
}

/****************************************
 * Tooltips
 ****************************************/

.tooltip {
    position: absolute;
    top: 350px;
    left: 350px;
    z-index: 50;
    width: 300px;
    background: url(../images/layout/clear.gif) no-repeat top left;
}

.tooltip_header {
    position: relative;
    padding-left: 16px;
    background: url(../images/layout/tooltip/top_left.png) no-repeat top left;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.tooltip_header .inner1 {
    padding-right: 16px;
    background: url(../images/layout/tooltip/top_right.png) no-repeat top right;
}

.tooltip_header .inner2 {
    padding: 14px 0 10px 0;
    background: url(../images/layout/tooltip/top_middle.png) repeat-x top left;
}

.tooltip_close {
    position: absolute;
    padding: 3px;
    top: 11px;
    right: 13px;
}

.tooltip_close:hover {
    background: #c40;
}

.tooltip_content {
    padding-left: 16px;
    background: url(../images/layout/tooltip/left.png) repeat-y top left;
    line-height: 1.2em;
    font-size: 11px;
}

.tooltip_content .inner1 {
    padding-right: 16px;
    background: url(../images/layout/tooltip/right.png) repeat-y top right;
}

.tooltip_content .inner2 {
    padding: 10px 0 5px 0;
    background: #e0f0ff;
    max-height: 300px;
    overflow-y: auto;
}

.tooltip_footer {
    padding-left: 16px;
    background: url(../images/layout/tooltip/bottom_left.png) no-repeat bottom left;
}

.tooltip_footer .inner1 {
    padding-right: 16px;
    background: url(../images/layout/tooltip/bottom_right.png) no-repeat bottom right;
}

.tooltip_footer .inner2 {
    height: 15px;
    background: url(../images/layout/tooltip/bottom_middle.png) repeat-x bottom left;
}

.tooltip_resize {
    float: right;
    position: relative;
    left: 16px;
    height: 15px;
    width: 15px;
    background: url(../images/layout/clear.gif);
    cursor: pointer;
}

.tooltip h4 {
    margin: 0 0 5px 0;
}

.tooltip li {
    margin: 5px 0;
}

.tooltip p, .tooltip ul {
    margin: 0 0 15px 0;
}

/****************************************
 * Search Results
 ****************************************/

/* General */

#results thead th {
    white-space: nowrap;
}

/* Configuration container */

#configure .section {
    float: left;
    margin-left: 2%;
    width: 64%;
}

#configure #general {
    float: left;
    margin-left: 0;
    width: 34%;
}

#listOptions .group1 {
    width: 54%;
}

#listOptions .group2 {
    width: 39%;
}

#listOptions .group1 .group1 {
    width: 37%;
}

#listOptions .group1 .group2 {
    width: 56%;
}

#listOptions, #gridOptions, #timelineOptions {
    display: none;
}

#showList #listOptions {
    display: block;
}

#showGrid #gridOptions {
    display: block;
}

#showTimeline #timelineOptions {
    display: block;
}

/* Timeline */

.timeline_legend {
    float: right;
    margin: 0 0 15px 0;
    padding: 8px 0 0 0;
    width: 84%;
    background: #fcfcfc;
    border: 1px solid #f2f2f2;
    max-height: 66px;
    overflow: auto;
}

.timeline_legend h4 {
    float: left;
    margin: 0 10px 10px 10px;
}

.timeline_legend a {
    float: left;
    margin: 0 10px 8px 10px;
    font-size: 11px;
    white-space: nowrap;
}

.timeline_legend .timeline_indicator {
    float: left;
    margin: 0 6px 0 0;
}

.timeline_legend .timeline_legend_label {
    float: left;
    margin: 2px 0 0 0;
}

.timeline_indicator {
    display: block;
    font-size: 8px;
    width: 12px;
    text-align: center;
    height: 12px;
    line-height: 12px;
    border: 1px solid #8c8c8c;
    background: #a6a6a6;
    color: #fff;
    font-weight: bold;
}

.timeline_indicator_positive {
    background: #2db32d;
    border: 1px solid #090;
}

.timeline_indicator_negative {
    background: #e65050;
    border: 1px solid #bf3030;
}

.timeline_indicator {
    cursor: pointer;
}

.timeline_container {
    clear: both;
    float: left;
    margin: 0 0 10px 0;
    padding: 25px 0 0 0;
    border-top: 2px solid #f2f2f2;
    width: 100%;
}

.timeline_title {
    float: left;
    margin: 0 0 15px 0;
    width: 14%;
}

.timeline_title h4 {
    margin-bottom: 10px;
}

.timeline_title .checklist {
    margin-left: 5px;
}

.timeline_title .checklist li {
    margin: 5px 0;
}

.timeline_content {
    float: right;
    margin: 0 0 15px 0;
    width: 84%;
    overflow-x: auto;
}

.timeline_volume_container,
.timeline_table_container {
    clear: left;
}

.timeline_content h4 {
    margin-bottom: 5px;
}

.closed .timeline_content {
    overflow-x: hidden;
}

table.timeline,
table.timeline_volume {
    margin: 1px 0 0 1px;
    width: auto;
}

table.timeline th, table.timeline td {
    padding: 0;
    border: 1px solid #e6e6e6;
}

table.timeline th.month {
    background: #666;
    color: #fff;
    font-size: 9px;
    padding: 2px 2px 1px 2px;
}

table.timeline th.day {
    font-size: 8px;
    color: #999;
    font-weight: normal;
    padding: 2px 0 1px 0;
    text-align: center;
}

table.timeline td {
    width: 14px;
    vertical-align: top;
}

table.timeline .timeline_indicator {
    margin: 0 0 1px 0;
    overflow: hidden;
}

table.timeline_volume td {
    padding: 0;
    border: 1px solid #fff;
    border-bottom: none;
    border-top: none;
    height: 30px;
    vertical-align: bottom;
}

.timeline_volume div {
    width: 14px;
}

.timeline_volume .positive {
    background: #2db32d;
}

.timeline_volume .neutral {
    background: #bfbfbf;
}

.timeline_volume .negative {
    background: #e65050;
}

#timelineOptions .group1 .group2 {
    margin-bottom: 10px;
}

.expanded .timeline_expanded,
.collapsed .timeline_collapsed {
    display: block;
}

.collapsed .timeline_expanded,
.expanded .timeline_collapsed {
    display: none;
}

/* Grid */

#grid {
    position: relative;
    margin: 0 0 20px 0;
    max-height: 300px;
    width: 100%;
    overflow: auto;
    padding-bottom: 17px;
}

#grid table {
    margin: 1px 1px 0 1px;
    width: auto;
}

.closed #grid {
    overflow: hidden;
}

#grid td {
    width: 101px;
}

#grid th {
    white-space: nowrap;
}

#grid .empty {
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #fff #e1e1e1 #e1e1e1 #fff;
    padding: 7px 10px;
}

#grid img {
    display: block;
}

#selectPolarityIndicatorStyle .subsection_item {
    float: left;
    margin: 10px 0 0 10px;
    width: 100%;
}

#selectPolarityIndicatorStyle input, 
#selectPolarityIndicatorStyle .polarityIndicator {
    float: left;
    margin: 0 5px 0 0;
}

/****************************************
 * Document
 ****************************************/

#document_container .focus {
    margin: 0 0 15px 0;
}

#document {
    margin: 0 0 15px 0;
    border: 2px solid #d9d9d9;
    background: #fafafa;
    padding: 10px 10px 0 10px;
    height: 300px;
    overflow: auto;
}

.closed #document {
    overflow: hidden;
}

#document_links {
    margin: 0 0 20px 0;
}

#document .opinion {
    font-weight: normal;
    color: #262626;
}

#document.highlight .opinion {
    border-width: 1px;
    border-style: solid;
    padding: 2px 2px 1px 2px;
    margin: -3px -3px -2px -3px;
}

#document.highlight .polarity_strongPositive,
#document.highlight .polarity_positive {
    background: #e5f4e5;
    border-color: #57c357;
}

#document.highlight .polarity_neutral {
    background: #ddd;
    border-color: #888;
}

#document.highlight .polarity_negative,
#document.highlight .polarity_strongNegative {
    background: #f4dddd;
    border-color: #dc7878;
}

#document.highlight .polarity_overlap {
    background: #dcedfd;
    border-color: #78b2dc;
}

#document.highlight .focus {
    color: #fff;
}

#document.highlight .focus_negative,
#document.highlight .focus_strongNegative {
    background: #c33;
    border-color: #c33;
}

#document.highlight .focus_neutral {
    background: #666;
    border-color: #666;
}

#document.highlight .focus_positive,
#document.highlight .focus_strongPositive {
    background: #090;
    border-color: #090;
}

/****************************************
 * Pivot View
 ****************************************/

#pivot .section {
    float: left;
    width: 32%;
    margin-right: 2%;
}

#pivot #pivot_section3 {
    margin-right: 0;
}

#pivot table {
    margin: 0;
}

#pivot td, #pivot th {
    border: none;
    background: transparent;
    padding: 0 10px 10px 0;
}

#pivot th {
    text-align: right;
    vertical-align: top;
}

#pivot h4 {
    margin: 0 0 5px 0;
}

/****************************************
 * Login
 ****************************************/

#login {
    clear: both;
    margin: 0 auto 40px auto;
    padding: 20px 0 0 0;
    width: 550px;
}
#login td,tr{
    border: 0px solid #e6e6e6 !important;
}

#login .form_pair {
    
    margin: 0 0 10px 0;
    width: 100%;
}

#login .form_item {
    
    padding: 5px 0 0 0;
    width: 150px;
    font-size: 18px;
    text-align: left;
}

#login .form_value {
    
    width: 270px;
}

#login .input_text {
    padding: 4px;
    width: 270px;
    font-size: 15px;
    font-weight: bold;
}

#login .forgotPassword {
    display: block;
    margin: 10px 0 0 0;
    font-size: 11px;
    text-align: left;
    vertical-align:middle;
}


#login .form_submit label {
    margin: 10px 0 0 0;
}


/****************************************
 * Public-facing website pages
 ****************************************/

#header-wrapperInner,
#title-wrapperInner,
#content-wrapperInner,
#footer-wrapperInner {
    min-width: 780px;
    margin: 0 auto;
}

.public #logo {
    float: left;
}

/* Public-facing homepage navigation links */

#header #nav {
    float: right;
    width: 750px;
    margin: 20px 0 0 0;
}

#header #nav ul {
    margin: 0;
    padding: 0;
    float: right;
    list-style: none;
}

#header #nav li {
    float: left;
    margin: 0 0 0 1px;
    padding: 0;
}

#header #nav li a {
    float: left;
    background: url(../images/layout/navigation/bg_right.gif) no-repeat 100% 0px;
    color: #99ddff;
    text-decoration: none;
}

#header #nav li a span {
    float: left;
    padding: 4px 11px 0px 11px;
    height: 20px;
    background: url(../images/layout/navigation/bg_left.gif) no-repeat 0% 0px;
}

#header #nav li.active a, #header #nav li.active a:hover {
    background-position: 100% -48px;
    color: #fff;
}

#header #nav li.active a span, #header #nav li.active a:hover span {
    background-position: 0% -48px;
}

#header #nav li a:hover {
    background-position: 100% -24px;
    color: #fff;
}

#header #nav li a:hover span {
    background-position: 0% -24px;
}

#header #nav li#emphasized {
    border-left: 1px solid #36393c;
    padding-left: 10px;
    margin-left: 10px;
}

.public #main {
    float: left;
    width: 523px;
    margin: 0 0 20px 0;
}

.public #secondary {
    float: right;
    width: 351px;
}

.section {
    float: left;
    clear: both;
    margin: 0 0 24px 0;
}

.featuredImage-wrapper {
    float: left;
    width: 351px;
    background: url(../images/layout/featured_image/bg_bottom.gif) no-repeat bottom center;
}

.featuredImage {
    float: left;
    width: 325px;
    padding: 13px 12px 14px 14px;
    background: url(../images/layout/featured_image/bg_top.gif) no-repeat top center;
}

.featuredImage img {
    float: left;
    margin: 0 0 3px 0;
    border: 0px;
}

.featuredImage a.zoom {
    float: left;
    font-size: 1.1em;
    height: 12px;
    padding: 8px 0 3px 20px;
    background: url(../images/layout/featured_image/zoom.gif) no-repeat 0 7px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

.featuredImage span {
    float: left;
    font-size: 1.1em;
    height: 12px;
    padding: 8px 0 3px 0px;
    font-weight: bold;
    color: #fff;
}

.public address {
    margin: 0 0 0 25px;
    font-style: normal;
    font-size: 1.2em;
    line-height: 1.4em;
}

.public p {
    font-size: 1.1em;
    line-height: 1.3em;
}

.public .downloads td p {
    margin: 0 0 5px 0;
}

.public .downloads td p.details {
    color: #999;
    font-size: 1em;
}

.public .downloads td img {
    border: 1px solid #ddd;
}

.public .horizontalRule {
    float: left;
    clear: both;
    height: 1px;
    width: 100%;
    border-top: 1px solid #e0dfd1;
    margin: 0 0 20px 0;
}

.public .post .date {
    color: #999;
    margin: 0 0 7px 0;
}

.public .post p {
    font-size: 1.1em;
    margin-bottom: 17px;
}

.public .post img {
    float: left;
    margin: 4px 10px 10px 0;
    border: 0px;
}

.public .section {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 15px 0;
}

#content .more {
    display: block;
    width: 100%;
    text-align: right;
    font-weight: bold;
    font-size: 1.1px;
}

/* Quotes */

.quote {
    margin: 0 0 20px 0;
    font-size: 1.1em;
}

blockquote {
    display: block;
    margin: 0 0 10px 0;
    line-height: 1.3em;
    font-style: italic;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

cite {
    display: block;
    font-style: normal;
    color: #999;
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
}

blockquote a {
    font-style: normal;
}

/* Headlines */

h2 {
    clear: both;
}

/****************************************
 * Homepage
 ****************************************/

div#container {
    width: 900px;
    margin: 0 auto;
    padding: 0 50px;
}

div#container div.primary {
    height: 300px;
    padding: 30px 50px;
    margin-bottom: 6px;
    border-bottom: 2px solid #aaa;
}

div#container div.secondary {
    padding: 4px 0 20px;
    clear: both;
}

div#container div.home h2 {
    margin: 22px 0 6px 0;
    font-size: 14px;
    line-height: inherit;
    font-weight: bold;
}

div#container div.home p {
    margin: 8px 0;
    font-size: 12px;
    line-height: inherit;
}

div#container div.home p.more {
    margin-left: 300px;
}

div#container div.primary p {
    margin: 16px 0 18px;
    font-size: 18px;
    line-height: 24px;
}

div#container div.primary div#primary_image {
    float: right;
}

div#container div.secondary h1 {
    margin-bottom: 16px;
    font-size: 18px;
    color: #666;
}

div#container div.secondary table {
    border-collapse: collapse;
}

div#container div.secondary table td#section_1,
div#container div.secondary table td#section_2,
div#container div.secondary table td#section_3 {
    vertical-align: top;
    border: 0;
    margin: 2px 0;
    padding: 0 16px;
}

div#container div.secondary table td#section_1 {
    width: 40%;
}

div#container div.secondary table td#section_2,
div#container div.secondary table td#section_3 {
    width: 29%;
    border-left: 2px solid #aaa;
}

div#container div.secondary table td#section_1 {
    padding-left: 0;
}

div#container div.secondary table td#section_3 {
    padding-right: 0;
}

div#container div.secondary p.about {
    font-size: 14px;
    line-height: 18px;
/*    margin-top: -10px;*/
}

div#primary_image {
    margin-bottom: 20px;
    text-align: center;
}

.defaultText {
    color: #999;
}

.center {
    text-align: center;
}

/****************************************
 * Products Pages
 ****************************************/

div#left_column {
    float: left;
    width: 500px;
    padding: 20px 0 5px;
    clear: both;
}

div#right_column {
    float: right;
    width: 350px;
    padding: 20px 0 5px;
}

div.full_column {
    float: left;
    clear: both;
    width: 900px;
    padding: 0 20px;
}

div#right_column p {
    font-size: 14px;
}

div.full_column div.featuredImage-wrapper {
    margin: 10px 40px;
}

div.full_column div.gadget {
    margin: 10px 0;
    float: left;
    width: 440px;
}

iframe.gadget_iframe {
    border: #ccc 1px solid;
    width: 400px;
    height: 300px;
}

img.add_google_image {
    border: 0;
    margin: 10px 0 -3px;
}

div#tab_bar {
    text-align: center;
    font-size: 16px;
    padding: 0;
    margin: 20px 10px;
}

div#tab_bar ul {
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 40px;
}

div#tab_bar ul li {
    border: 0;
    margin: 0;
    padding: 0;
    float: left;
    background: #444;
}

div#tab_bar ul li.left_end {
    margin: 0;
    height: 40px;
    width: 7px;
    background: url(../images/left_tab_bar_end.png) no-repeat top left;
}

div#tab_bar ul li.right_end {
    margin: 0;
    height: 40px;
    width: 7px;
    background: url(../images/right_tab_bar_end.png) no-repeat top left;
}

div#tab_bar ul li a,
div#tab_bar ul li a:visited {
    color: #fff;
    display: block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    float: left;
    cursor: pointer;
}

div#tab_bar ul li a span {
    display: block;
    height: 40px;
    margin-right: 14px;
    padding-left: 14px;
    float: left;
    /* the following is for IE6 */
    display: inline;
}

div#tab_bar ul li a.active {
    background-color: #3078bf;
}



/****************************************
 * Gadget Landing Page
 ****************************************/

.gadgetLanding {
    position: relative;
}

.gadgetLanding #main {
    width: 538px;
}

.gadgetLanding #document {
    margin: 0;
    border: none;
    background: transparent;
    padding: 0;
    height: auto;
}

.gadgetLanding #document .opinion {
    border: none;
    padding: 3px 3px 2px 3px;
}

.gadgetLanding #document .polarity_neutral {
    background: #e9e9e9;
}

.gadgetLanding #document .polarity_positive,
.gadgetLanding #document .polarity_strongPositive {
    background: #dfd;
}

.gadgetLanding #document .polarity_negative,
.gadgetLanding #document .polarity_strongNegative {
    background: #fdd;
}

.gadgetLanding #secondary {
    position: relative;
/*  top: -76px; */
    width: 336px;
}

.gadgetLanding #tertiary {
    float: left;
    width: 100%;
}

.gadgetLanding .polarity_neutral {
    color: #000;
}

.gadgetLanding h2 {
    margin: 20px 0 15px 0;
}

.gadgetLanding cite {
    font-size: 12px;
    color: #262626;
    font-style: italic;
}

/* Focus */

.gadgetLanding #focus {
    margin: 0 0 25px 0;
    padding: 0 0 1px 0;
    background: #ffffe0 url(../images/layout/gadget_landing/focus_bottom.gif) no-repeat bottom left;
}

.gadgetLanding #focus .inner {
    padding: 17px 19px 5px 19px;
    background: url(../images/layout/gadget_landing/focus_top.gif) no-repeat top left;
}

.gadgetLanding #focus p {
    margin: 0 0 15px 0;
    font-size: 13px;
}

.gadgetLanding #focus h2 {
    margin: 0 0 15px 0;
    color: #333;
}

.gadgetLanding #focus cite {
    margin: 0 0 15px 0;
}

/* More opinions */

.gadgetLanding-opinion {
    float: left;
    margin: 0 0 15px 0;
    width: 100%;
}

.gadgetLanding-opinion a {
    display: block;
    padding: 15px;
    background: #fff;
    border-width: 0 1px 1px 0;
    border-color: #deded5;
    border-style: solid;
    line-height: 1.3em;
}

.gadgetLanding-opinion a:hover {
    background: #fff url(../images/layout/gadget_landing/opinion_hover.gif) repeat-x top left;
}

.gadgetLanding-opinion a:hover .opinion,
.gadgetLanding #document .gadgetLanding-opinion a:hover .polarity_strongNegative,
.gadgetLanding #document .gadgetLanding-opinion a:hover .polarity_strongPositive,
.gadgetLanding #document .gadgetLanding-opinion a:hover .polarity_neutral {
    text-decoration: underline;
}

.gadgetLanding-opinion cite {
    float: right;
    margin: -1px 0 0 0;
    padding: 9px 10px 0 38px;
    width: auto;
    background: url(../images/layout/gadget_landing/opinion_pointer.gif) no-repeat top left;
}

/* Banner ad */

.gadgetLanding #banner {
    margin: 25px 0;
    text-align: center;
}

/* Gadget */

#gadgetLanding-gadget {
    padding: 10px;
    width: 316px;
    background: #fff;
}

#gadgetLanding-floatingGadgetWrapper {
    margin: 0px 0 20px 0;
    background: transparent url(../images/layout/gadget_landing/gadget_bg_bottom.gif) no-repeat bottom left;
}

#gadgetLanding-floatingGadget {
    padding: 10px 13px 13px 11px;
    width: 312px;
    background: transparent url(../images/layout/gadget_landing/gadget_bg_top_no_blue.gif) no-repeat top left;
}

#callToAction img {
    float: right;
    margin-top: 18px;
}

#tertiary #footerCallToAction img {
    float: right;
    border: 0px;
    margin-bottom: 35px;
}