/**
CSS Table of Contents
- HTML Tag attributes: a, td, body, etc.
- Text styles
- Anchor () styles
- Templates and Zones
- Generic Views
- Specific Views
- Left Nav
- Search
- Box and Table styles
- Form styles
- Breadcrumb
- Tabbed browsing (e.g., your open items)
- Knowledge Viewer
- Module Listing (e.g., list of forums)
- Email
- Wiki
- Blog
Note that in certain body classes, we specify a reduced percentage font-size of 75%.
This is to make the ems work correctly, since without a reduction, 1 em = 16px.
We leave the main tag without this reduction, however, since it causes problems when
an email using this skin is replied to using Outlook
The following styles are kept with the JSP styles in /css/nonskin.css: Calendar and Report styles
**/
/** BEGIN HTML Tag Attributes **/
body {
font-family: arial, verdana, helvetica, sans-serif;
margin: 0;
padding: 0;
background-color: #A9C9ED;
/* text-align: center is for an IE bug that doesn't respect auto margins for centering; the min-width is
to keep Mozilla from displaying centered div's off the left side of the page */
/* text-align: center; */
min-width: 600px;
font-size: 12px;
}
div {
background-color: transparent;
}
form {
padding: 0;
margin: 0;
}
h1 {
background: none;
border: none;
font-size: 20px;
font-weight: normal;
color: #3F6154;
padding: 5px 0;
margin: 10px 0 10px -2;
font-family: Arial;
}
#primary h1 {
background: none;
border: none;
font-size: 20px;
font-weight: normal;
color: #3F6154;
padding: 5px 0;
margin: 10px 0 10px -2;
font-family: Arial;
}
.title_text {
font-size: 20px;
font-weight: normal;
color: #3F6154;
}
h2 {
font-size: 20px;
font-weight: normal;
color: #3F6154;
padding: 5px 0;
font-family: Arial;
}
h3 {
font-size: 20px;
font-weight: normal;
color: #3F6154;
background-color: #FFFFFF;
padding: 5px 0;
margin-bottom: 0;
font-family: Arial;
}
hr {
height: 1px;
color: #3F6154;
background-color: #E5F2EF;
border: 1px;
}
hr.hr_strong {
color: #222222;
background-color: #111111;
}
hr.hr_light {
color: #777777;
background-color: #777777;
}
html {
font-size: 100% /* IE hack */
}
input {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
}
p {
padding: 10px 0 0 0;
}
select {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
}
table {
font-size: 100%; /* IE hack */
}
td {
vertical-align: top;
font-size: 12px;
}
th {
text-align: left;
}
textarea {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
overflow: auto;
}
ul {
padding: 0;
margin: 0 0 0 20px;
}
/** END HTML Tag Attributes **/
.inline_help_icon {
margin: 0 0 3px 3px;
border: none;
}
/** BEGIN Text styles **/
.text_bold {
font-weight: bold;
}
.text_normal {
color: #000000;
font-weight: normal;
}
.text_bold_large {
font-size: 1.2em;
font-weight: bold;
}
.text_selected {
font-weight: bold;
color: #555555;
}
.secondary_header_text {
font-size: 1.1em;
color: #FFFFFF;
}
.text_section_title {
font-weight: bold;
padding: 5px 0 5px 0;
}
.text_instructions {
font-weight: bold;
padding: 0 10px 10px 0;
}
.text_help_summary {
padding-left: 10px;
background-color: #FFF;
color: #000000;
}
.text_italics {
font-style: italic;
}
.text_search_site
{
text-align: right;
vertical-align: middle;
font-weight: bold;
color: #666666;
}
.text_tip {
font-size: 1em;
font-family: arial, verdana, helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #0000CC;
background-color: #E5F2EF;
margin: 0;
padding: 2px 2px 2px 4px;
}
.text_small {
font-size: 12px;
text-decoration: none;
}
.text_alert {
color : #990000;
font-weight : bold;
padding: 4px 3px 4px 3px;
}
.text_quiz_correct {
padding: 10px 15px;
color: #003366;
font-weight: bold;
}
.text_quiz_incorrect {
padding: 10px 15px;
color: #003366;
font-weight: bold;
}
/** END Text styles **/
/** BEGIN anchor styles **/
a {
color: #3E6053;
text-decoration: none;
font-weight: normal;
text-decoration: underline;
}
a:hover { text-decoration: underline; color:#668D7E; }
a.anchor_bold {
color: #3E6053;
font-weight: bold;
text-decoration : none;
}
a.anchor_bold:hover { text-decoration: underline; color:#668D7E;}
a.anchor_small {
color: #3E6053;
text-decoration : none;
font-size: 12px;
text-decoration: underline;s
}
a.anchor_small:hover { text-decoration: underline; color:#668D7E;}
.anchor_footer {
color: #0000CC;
text-decoration : none;
font-size: 12px;
}
.anchor_footer:hover { text-decoration: underline;}
a.anchor_large {
color: #0000CC;
text-decoration : none;
font-size: 1.2em;
}
a.anchor_large:hover { text-decoration: underline;}
/* used for navigation that is disabled, e.g., "next" if there is no next page */
.anchor_disabled {
color: #666666;
text-decoration: none;
font-weight: normal;
}
/* used on youritems.jsp, and could be used with other tabbed interfaces */
a.anchor_tab {
background-color: #eeeeee;
color: #0000CC;
text-decoration: none;
}
a.anchor_tab:hover { text-decoration: underline;}
/* for link views */
a.link_anchor { }
/** END anchor styles **/
/* BEGIN Templates and Zones */
/*
- wrapper styles are for cells
- zone_assignment_* styles are for each div in the zone
*/
/* used for single element templates */
.box_single_element_layout {
/*width: 830px; */
width: 99%;
padding: 5px 15px 15px 20px;
vertical-align: top;
}
/* the outer table, not including header and footer */
.template_table {
/* width: 996px; */
width: 100%;
}
/* for the table that includes all the zone assignment cells */
.zone_global_primary_header {
/*
background: url(/pe/SkinImageDisplayServlet?id=10401207&filename=member_header.gif) top left no-repeat;
*/
border-bottom: 2px black solid;
width: 100%;
/* 996 is the max for a 1024 screen in IE; 998 works in Firefox
width: 996px; */
}
/* for every single zone assignment in the primary header */
.zone_assignment_global_primary_header {
white-space: nowrap;
}
/*
The default primary cell styles assume the following:
- anything after the first one will be limited in width (1%)
- no padding in the first zone
- Avoid wrapping all of them
- the fourth item is the search box, and we want some left padding for that
*/
#zone_assignment_global_primary_header_1 {
white-space: nowrap;
}
#zone_assignment_global_primary_header_2,
#zone_assignment_global_primary_header_3,
#zone_assignment_global_primary_header_4,
#zone_assignment_global_primary_header_5,
#zone_assignment_global_primary_header_6 {
width: 1%;
white-space: nowrap;
padding: 0 10px 0 10px;
vertical-align: middle;
}
#zone_assignment_global_primary_header_4 {
/* padding-left: 30px; */
}
.zone_global_secondary_header {
text-align: left;
background: url(/pe/SkinImageDisplayServlet?id=10401207&filename=toolbar.gif) top left repeat-x;
width: 100%;
height: 44px;
}
.zone_assignment_global_secondary_header {}
/* for the td cell that wraps the global left zone */
.zone_global_left_wrapper {
width: 164px;
border-right: 1px solid #0D1A78;
}
/* inside the wrapper class - a div around all the stacked div's */
.zone_global_left {
width: 164px;
padding: 10px 10px;
}
/* the div around each individual item */
.zone_assignment_global_left {
/*padding-bottom: 15px;*/
}
.zone_home_table {
width: 100%;
}
.zone_home_wrapper {
width: 90%;
}
/* the table around all the cells */
.zone_global_footer {
/* width: 996px;*/
width: 100%;
}
/* each individual cell */
.zone_assignment_global_footer {}
/** the table surrounding all the cells. Each cells uses
class="zone_assignment_global_primary" */
.zone_global_simple_header {
border-bottom: 2px black solid;
width: 100%;
}
/* for the table that encompasses the various zones */
.zone_global_popup_header {
width: 100%;
}
.zone_assignment_global_popup_header {}
/* zone_* styles are the box for the entire zone */
/* unrestricted zones */
.zone_top, .zone_left, .zone_center, .zone_right, .zone_bottom {
padding: 5px 25px;
text-align: left;
width: 100%;
}
.zone_top {
width: 90%;
}
/* restricted zones */
.zone_narrow_left, .zone_narrow_center, .zone_narrow_right {
padding: 0 25px;
width: 200px;
text-align: left;
}
.zone_assignment_narrow_left, .zone_assignment_narrow_right {
width: 200px;
text-align: left;
}
.zone_assignment_narrow_left, .zone_assignment_left, .zone_assignment_center, .zone_assignment_right,
.zone_assignment_narrow_right, .zone_assignment_bottom, zone_assignment_top {
padding-bottom: 15px;
padding-top: 5px;
}
/** END Template and Zone Styles **/
/** BEGIN Generic Views **/
/* centered special full view */
.box_full_center_view {
text-align: center;
}
.box_full_center_view_2 {
padding: 5px 5px;
text-align: center;
margin: 0 auto;
}
.box_full_center_view_3 { }
.box_full_center_view_4 { }
.full_plain_title {
background: none;
border: none;
font-size: 1.3em;
font-weight: bold;
color: #0000CC;
padding: 7px 0 6px 0;
margin: 0 0 0 0;
text-align: left;
}
.full_plain_body {
text-align: left;
}
/* normal full view */
.box_full_view { }
.box_full_table {
padding: 0;
width: 98%;
}
.box_full_more {
padding: 5px 10px 2px 0;
text-align: right;
font-style: oblique;
width: 97%;
}
.box_full_description {
padding: 0 0 5px 0;
font-weight: bold;
text-align: left;
}
.box_full_sub_description {
text-align: left;
padding: 5px 0;
}
.box_icon_cell {
padding-right: 1px;
width: 1%;
padding-left: 4px;
white-space: nowrap;
}
.full_title {
background: #E5F2EF;
font-size: 1.3em;
font-weight: bold;
color: #0000CC;
padding: 3px 3px 3px 3px;
margin: 0 0 3px 0;
text-align: left;
vertical-align: middle;
}
.full_title_inner {
border: none;
text-align: left;
}
.full_title_inner_2 {
background: none;
border: none;
display: inline;
white-space: nowrap;
padding-right: 7px;
text-align: left;
}
a.full_title_anchor {
font-weight: bold;
}
.full_body {
/*background-color: #fafafa; */
padding: 0;
margin: 0 0 15px 0;
text-align: left;
/* border: 1px solid #0D1A78; */
}
.full_body_inner {
background: none;
border: none;
text-align: left;
}
.full_body_inner_2 {
border: none;
margin: 0 10px 0 0;
text-align: left;
}
.full_body_inner_2 #sentTable table {
border-collapse: collapse;
margin-bottom: 0px;
}
.SellingEdgeHelpPage {
display: none;
}
/****** Views: Compact */
/*compact normal */
/* class around most compact items */
.box_compact_view {
margin-bottom: 5px;
}
.compact_title {
background: #E5F2EF;
color: #0000CC;
font-size: 1.2em;
font-weight: bold;
padding: 3px 3px;
text-align: left;
margin: 0;
border: none;
}
.compact_title_inner {
background: none;
border: none;
}
.compact_title_inner_2 {
background: none;
border: none;
display: inline;
white-space: nowrap;
padding-right: 7px;
}
.section .compact_title_inner_2 {
font-size: 20px;
font-weight: normal;
color: #3F6154;
padding: 5px 0;
font-family: arial;
}
.compact_body {
background: none;
}
.compact_body_inner {
border: none;
}
.compact_body_inner_2 {
padding: 0 0 5px 0;
background: none;
border: none;
}
.box_compact_table{ }
.compact_search_title {
color: #0000CC;
font-size: 1em;
font-weight: bold;
font-style: italic;
padding: 2px 0 0 0;
text-align: left;
margin: 0;
border: none;
background: none;
white-space: nowrap;
}
.compact_search_body {
padding: 3px 0 5px 0;
background: none;
border: none;
width: 200px;
}
.no_item_found {
color : #990000;
font-weight : bold;
padding: 15px 15px 15px 15px;
}
/*
Unified Compact
unified compact styles are for the forum/event/library/cmi items that might show up as
teasers or in Module Instance Sets
*/
.box_unified_compact_table {
width: 100%;
}
.box_unified_compact_image {
padding: 5px 8px 0 0;
text-align: right;
width: 33px;
}
.unified_compact_image {
vertical-align: middle;
width: 32px;
border: none;
}
.box_unified_compact_content {
width: 100%;
}
.box_unified_title {
padding: 0 0 6px 0;
}
/* this may be used on an anchor or on text */
.unified_title {
font-size: 1.2em;
font-weight: bold;
font-family: arial, verdana, helvetica, sans-serif;
color: #333333;
text-decoration: none;
}
a.unified_title_anchor:hover { text-decoration: underline; }
.box_unified_compact_description {
font-size: 0.9em;
padding: 0 0 5px 0;
}
.box_compact_stat_1 {
border-top: 1px solid #444444;
padding: 3px 0 2px 0;
font-style: oblique;
font-size: 0.9em;
}
.box_compact_stat_2 {
font-style: oblique;
font-size: 0.9em;
}
.at_subheading {
border-top: 1px solid #444444;
border-bottom: 1px solid #E5F2EF;
text-align: center;
padding: 3px 0 2px 0;
/* font-size: 0.9em; */
}
.at_member {
padding: 3px 0 2px 0;
/*font-size: 0.9em; */
}
.at_more {
padding-top: 10px;
text-align: center;
}
/* class for list item for bullets - e.g., MIS and subscriptions */
li.compact_bullet {}
ul.compact_bullet_list
.link_bullet_image {
vertical-align: middle;
}
/*
Compact Header
compact_header styles are for compact views in the header
*/
.box_compact_header_view {
text-align: left;
vertical-align: middle;
margin-top: 0;
margin-bottom: 0;
}
.box_compact_header_cell {
vertical-align: middle;
}
.box_compact_header_image {
padding-right: 5px;
}
a.compact_header_anchor {
font-size: 15px;
font-style: oblique;
font-weight: normal;
font-family: arial, verdana, helvetica, sans-serif;
color: #0000CC;
text-decoration: none;
}
a.compact_header_anchor:hover {
text-decoration: underline;
}
/* member rec */
.box_compact_more {
text-align: right;
padding: 0 10px 5px 0;
}
a.compact_more_link {
font-style: oblique;
text-decoration: none;
}
a.compact_more_link:hover { text-decoration: underline; }
/******* Views: Link */
.box_link_view {
padding: 2px 0 2px 0;
}
/** END Generic Views **/
/** BEGIN Specific Views **/
.poll_view {}
.poll_answer_text {}
.poll_vote_text {
font-weight: bold;
padding-bottom: 5px;
}
.poll_question {
padding-bottom: 10px;
}
.poll_bottom_section {
text-align: center;
padding-top: 10px;
border-top: solid 1px black;
margin-top: 3px;
}
.poll_table {}
.quiz_view {}
.element_set_view {}
.member_recognition_view {}
.member_status_view {}
.subscriptions_view {}
.expert_event_view {}
.favorites_view {}
/* module instance set */
.box_mis {
padding: 15px 15px;
}
/* used only for Wiki? */
.box_right_layout {
background-color: #E5EEEB;
padding: 10px 8px 15px 2px;
margin-right: 0;
vertical-align: top;
width: 200px;
}
/** used for page title */
.primary_header_title {
color: #0000CC;
font-size: 24px;
padding: 12px 10px 11px 15px;
font-style: oblique;
font-weight: bold;
}
/** used for the SalesZone page title */
.primary_header_title_sz {
background: url(/pe/SkinImageDisplayServlet?id=10401207&filename=member_header.gif) center left no-repeat;
background-color: #7DABFE;
color: white;
font-size: 24px;
padding: 12px 10px 11px 15px;
font-style: oblique;
font-weight: bold;
}
.SalesZoneHelp {
display:none;
}
/* outer box for full view of portal page selector */
.box_portal_selector_full {
}
.box_portal_cell {
padding: 6px 1px 6px 5px;
}
/* used on member images - member rec, plus thread page */
.member_image {
border: none;
width: 60px;
vertical-align: top;
float: left;
margin: 3px 10px 3px 0;
}
.focusedsearch_view {
padding: 22px 0 0 370px;
margin: 0 0 0 0;
width: 732px;
background: url(/pe/SkinImageDisplayServlet?id=10401207&filename=search_background2.gif) left center no-repeat;
vertical-align: middle;
text-align: left;
}
.focusedsearch_view .full_plain_title {
display:none;
}
.focused_search_invite_table {
width: 340px;
}
.box_focusedsearch_invite_cell {
vertical-align: top;
padding-left: 4px;
}
.compact_input_field {
color: #000033;
padding: 0 0 0 0;
width: 100%;
font-size: 1em;
}
.compact_input_field input {
margin-right: 5px;
}
.favorites_subheading {
font-weight: bold;
padding: 2px 0;
}
.kv_view {
padding: 3px 3px 10px 10px;
margin: 3px 3px 3px 3px;
width: 450px;
background: url(/pe/SkinImageDisplayServlet?id=10401207&filename=knowledge_viewer_background.gif) center no-repeat;
vertical-align: top;
text-align: left;
}
.box_kv_list_item {
padding: 4px 80px 0 4px;
}
/* discussion threads */
.box_discussion_list {
padding: 20px 0 3px 0;
}
.table_disucssion_list {
border: solid #c6c6c6 1px;
width: 100%;
}
.discussion_title_row {
background-color: #E5F2EF;
}
.discussion_title_cell {
font-weight: bold;
padding: 3px 4px ;
}
.discussion_row_1 {
background-color: #FFFFFF;
}
.discussion_row_2 {
background-color: #E5EEEB;
}
.discussion_item_cell {
vertical-align: top;
padding: 4px 1px 4px 7px;
font-weight: normal;
border-top: solid #c6c6c6 1px;
}
.module_type_image {
vertical-align: top;
}
.discussion_footer_row {
background-color: #FFFFFF;
}
.discussion_footer_cell {
vertical-align: top;
padding: 5px 8px;
font-weight: normal;
border-top: solid #c6c6c6 1px;
text-align: right;
}
/* option box */
.box_options {
padding: 20px 0 3px 0;
}
.box_legend {
padding: 10px 0 3px 0;
}
.table_options {
border: solid #c6c6c6 1px;
width: 100%;
}
.options_title_row {
background-color: #E5F2EF;
}
.options_title_cell {
font-size:12px;
font-weight:bold;
padding:4px 22px;
background: url(/pe/SkinImageDisplayServlet?id=10401207&filename=dt_bg_green.gif) repeat-x;
}
.options_row_1 {
background-color: #FFFFFF;
}
.options_row_2 {
background-color: #E5EEEB;
}
.options_item_cell_left {
vertical-align: top;
padding: 4px 1px 4px 7px;
font-weight: normal;
border-top: solid #c6c6c6 1px;
}
.options_item_cell_left img {
padding-right: 5px;
vertical-align:text-top;
}
.options_item_cell_right img {
padding: 0px;
vertical-align:text-top;
}
.options_item_cell_right {
vertical-align: top;
text-align: right;
padding: 4px 1px 4px 7px;
font-weight: normal;
border-top: solid #c6c6c6 1px;
}
.options_item_cell_right input,
.options_item_cell_right select,
.options_item_cell_right label,
.options_item_cell_right form,
.options_item_cell_right option,
.options_item_cell_right a,
.options_item_cell_left input,
.options_item_cell_left select,
.options_item_cell_left label,
.options_item_cell_left form,
.options_item_cell_left option,
.options_item_cell_left a {
vertical-align: top; }
/** END Specific Views **/
/** BEGIN Left Nav Styles **/
/** Used for knowledgebank and channel */
.left_nav_section_title {
width: 100%;
border-bottom: solid 1px #0D1A78;
font-size: 15.5px;
font-weight: bold;
padding: 0 0 1px 0;
margin: 0 0 3px 0;
}
a.left_nav_item {
color: #330000;
font-size: 12px;
text-decoration: none;
}
a.left_nav_item:hover { text-decoration: underline;}
a.left_nav_item_selected {
color: #330000;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
a.left_nav_item_selected:hover { text-decoration: underline;}
a.left_nav_sub_item {
color: #330000;
font-size: 11px;
text-decoration: none;
}
a.left_nav_sub_item:hover { text-decoration: underline;}
.left_nav_item_alignment {
padding: 0 0 3px 0;
white-space: nowrap;
}
.module_icon_spacing {
height: 16px;
width: 16px;
margin: 0 2px 0 2px;
border-style: none;
text-align: center;
}
.box_search_filter .module_icon_spacing { display: none; }
/** END Left Nav styles */
/** BEGIN Search Styles **/
.search_label {
font-weight: bold;
padding-right: 4px;
padding-top: 3px;
text-align: right;
color: #666666;
font-size: 12px;
}
a.search_result {
color: #0000CC;
font-size: 12px;
text-decoration: underline;
}
a.search_result:hover {
text-decoration: none;
}
.search_subtitle {
width: 100%;
border-bottom: solid 1px #c6c6c6;
font-size: 1.2em;
font-weight: bold;
padding: 0 0 1px 0;
margin: 0 0 0 0;
}
.search_subtitle1 {
font-size: 16px;
font-weight: normal;
color: #000;
padding: 5px 5px 5px 8px;
border: none;
}
.search_filter_section_title {
margin-bottom: 1px;
font-weight: normal;
color: #000;
padding: 5px 8px;
background: #FFF;
border-top: solid 1px #999;
border-bottom: 1px solid #999;
}
.search_option_text {
border-top: solid 1px #999;
padding: 8px 5px 8px;
text-align: center;
background-color: #FFF;
}
.search_selected_filter_option {
font-weight: normal;
padding: 4px 0 0px 0px;
}
.box_search_guided {
width: 170px;
background: #E6F5F1 url(/pe/SkinImageDisplayServlet?id=10401207&filename=tivo-login-header-bg.gif) repeat-x;
border: 1px #999 solid;
}
.box_search_spacing {
vertical-align: top;
padding: 2px 7px;
font-weight: normal;
border-top: 1px solid #c6c6c6;
}
.box_search_filter {
background-color: #E5EEEB;
padding: 0 3px 5px 4px;
}
.box_search_filter { padding: 0; }
.box_search_filter ul {
padding: 0;
margin-left: 10px;
}
.box_search_filter ul li { background: none; margin-bottom: 0; padding-left: 0px; }
.box_search_filter_option {
padding: 0 0 2px 0;
}
.box_search_filter_suboption {
padding: 2px 2px 2px 0;
}
/** END Search Styles **/
/** BEGIN Box and Tables **/
.box_footer {
width: 100%;
border-top: solid 1px #c6c6c6;
border-bottom: solid 1px #c6c6c6;
text-align: center;
padding: 15px;
}
/* two styles used on profile page */
.box_profile_section {
padding: 5px 5px 5px 25px;
}
.box_profile_sub_title {
width: 100%;
border-bottom: solid 1px #c6c6c6;
font-size: 15.5px;
font-weight: bold;
padding: 0 0 1px 0;
margin: 20px 0 3px 0;
}
/* just the background color */
.box_background_color {
background-color: #FFF;
/* background-color: #E5F2EF;*/
}
/* just the surrounding border */
.box_border {
border: solid #c6c6c6 1px;
}
/* the border and the background color */
.box_background_border {
background-color: #E5EEEB;
border: solid #c6c6c6 1px;
}
/* just the top border */
.box_top_border {
border-top: solid #c6c6c6 1px;
}
.box_top_border_light {
border-top: solid #c6c6c6 1px;
}
/* box_spacing styles are used for most table cells that display data */
.box_spacing_top_border {
vertical-align: top;
padding: 3px 7px;
font-weight: normal;
border-top: solid #c6c6c6 1px;
}
.pagination_bar {
text-align: right;
vertical-align: top;
width: 100%;
white-space: nowrap;
padding: 3px 7px;
font-weight: normal;
border-top: solid #c6c6c6 1px;
}
.box_spacing {
vertical-align: top;
padding: 2px 7px 0px 7px;
font-weight: normal;
}
.box_spacing p { margin-bottom: 0; padding: 5px 0 5px 0; }
/* Used to render expert results in a scrollable div */
#memberResultsWrap {
width: 670px;
margin: 0;
}
#memberResultsListBox {
width: 400px;
float: left;
}
#memberResultsDetails {
float: right;
width: 250px;
}
#memberResultsOptions {
text-align: center;
clear: both;
padding-top: 1px;
}
.box_scroll_div {
overflow: auto;
width: 400px;
height: 300px;
left: 20px;
top: 20px;
background-color : #E5F2EF;
border: #c6c6c6 1px solid;
padding: 2px;
}
.box_member_roll_div {
width: 200px;
padding: 5px;
vertical-align: top;
border: 1px solid #000000;
}
.box_help_title {
text-align: center;
vertical-align: middle;
font-weight: bold;
font-size: 1.1em;
}
/* The heading for pop-up pages - always used with h1 */
.box_pop_heading {
background: #E6F5F1 url(/pe/SkinImageDisplayServlet?id=10401207&filename=tivo_popup_header_bg.gif) repeat-x;
border: 1px solid #C6C7C6;
font-size: 20px;
font-weight: normal;
color: #3F6154;
padding: 7px 3px 6px 13px;
margin: 10px 0 10px -2;
}
.box_popup_body h1 {
background: #E6F5F1 url(/pe/SkinImageDisplayServlet?id=10401207&filename=tivo_popup_header_bg.gif) repeat-x;
border: 1px solid #C6C7C6;
font-size: 20px;
font-weight: normal;
color: #3F6154;
padding: 7px 3px 6px 13px;
margin: 10px 0 10px -2;
}
.box_pop_heading_inner {
background: none;
border: none;
}
.box_pop_heading_inner_2 {
background: none;
border: none;
}
.box_popup_body {
margin: 15px;
font-size: 75%;
min-width: 100px;
background-color: #FFF;
}
.box_main_body {
border-left: 1px solid #0000CC;
font-size: 75%;
}
/* Portal for display in isolation (preview, etc). */
.box_main_body_portal {
font-size: 12px;
background-color: #fff;
}
.box_main_body_portal body { background-color: #fff; }
.box_login {
border: 1px solid #999;
}
.box_login .input_button { padding-left: 5px; padding-right: 5px; }
.box_login_heading {
/* background: none #EAE6C0;*/
background: #E6F5F1 url(/pe/SkinImageDisplayServlet?id=10401207&filename=tivo-login-header-bg.gif) repeat-x;
padding: 7px 0;
font-weight: bold;
font-size: 12px;
width: 100%;
text-align: center;
border-bottom: 1px solid #999;
}
.table_header {
/* background: #E5F2EF;*/
color: #000;
vertical-align: bottom;
/* padding: 3px 7px;
font-weight: normal;*/
font-size:12px;
font-weight:bold;
padding:3px 7px;
background: url(/pe/SkinImageDisplayServlet?id=10401207&filename=dt_bg_green.gif) repeat-x;
/*font-size: 1.0em;*/
}
.table_header_anchor {
background: #E5F2EF;
color: #555555;
font-weight: bold;
vertical-align: top;
}
.table_row_1 {
background-color: #FFFFFF;
}
.table_row_2 {
background-color: #E5EEEB;
}
.table_row_selected {
background-color: #E5EEEB;
}
/* END Box and Table styles */
/** BEGIN form styles **/
.input_button {
cursor: pointer;
border-top: #E5F2EF 2px solid;
border-right: #BDB891 2px solid;
border-bottom: #6B6741 2px solid;
border-left: #BDB891 2px solid;
border: none;
border-width: 0;
font-weight: normal;
font-family: Arial;
color: #423B07;
background-color: #E4DDA9;
background: url(/pe/SkinImageDisplayServlet?id=10401207&filename=search_bg.gif) repeat-x;
text-decoration: none;
color: #FFF;
padding: 1px 21px 5px 22px;
}
/* for use if the data is simply being displayed */
.text_label {
color: #000033;
font-weight: bold;
padding: 0 8px 5px 0;
text-align: right;
white-space: nowrap;
}
/* section_label is like text_label, but used for information related to a post, and perhaps spanning
several values
*/
.section_label {
color: #000033;
padding: 0 8px 5px 0;
text-align: right;
white-space: nowrap;
}
.text_data {
color: #000033;
padding: 0 0 5px 0;
}
/* for use if the data is a field, such as a drop down or text box */
.input_label {
color: #000033;
font-weight: bold;
padding: 8px 8px 0 0;
text-align: right;
vertical-align: text-top;
}
.input_data {
color: #000033;
padding: 6px 0 0 0;
}
/** END form styles **/
/** BEGIN Breadcrumb styles **/
.text_step_active {
color: #000000;
font-weight: bold;
}
.text_step_next {
color: #666666;
}
.text_step_visited {
color: #0000CC;
}
.bread_crumb_selected {
font-weight: bold;
}
.bread_crumb_normal {
}
/** END Breadcrumb styles **/
/** BEGIN tab styles **/
td.tab_first_not_selected {
background-color: #eeeeee;
border: #c6c6c6 1px solid;
padding: 3px 5px;
}
td.tab_first_selected {
background-color: #E5F2EF;
border-top: #c6c6c6 1px solid;
border-right: #000000 1px solid;
border-left: #c6c6c6 1px solid;
padding: 3px 5px;
color: #000000;
}
td.tab_last_not_selected {
background-color: #eeeeee;
border: #c6c6c6 1px solid;
padding: 3px 5px;
}
td.tab_last_selected {
background-color: #E5F2EF;
border-top: #c6c6c6 1px solid;
border-right: #000000 1px solid;
border-left: #c6c6c6 1px solid;
padding: 3px 5px;
color: #000000;
}
td.tab_between_space {
border-bottom: #c6c6c6 1px solid;
}
td.tab_content_bottom {
background-color: #E5F2EF;
border-left: #c6c6c6 1px solid;
border-right: #000000 1px solid;
border-bottom: #000000 1px solid;
}
.in_box_nav_on {
text-align: center;
color: #0000CC;
font-weight: bold;
background-color: #eeeeee;
}
.in_box_nav_off {
text-align: center;
font-weight: normal;
background-color: #E5F2EF;
}
/** END tab styles **/
/** BEGIN Knowledge Viewer Styles **/
.box_kv_info {
font-size: 1.2em;
font-weight: bold;
text-align: center;
color: #303070;
padding: 50px 20px 20px 20px;
}
.box_kv_header {
border: solid #c6c6c6 1px;
padding: 10px;
vertical-align: top;
width: 85%;
}
.box_kv_categories {
border-top: solid 1px black;
padding-top: 12px;
margin-top: 16px;
}
.box_kv_additional_sources {
}
.box_kv_guided {
border: solid #c6c6c6 1px;
width:15%;
padding: 10px;
vertical-align: top;
background-color: #E5EEEB;
}
.box_kv_tree {
border: solid #c6c6c6 1px;
width:15%;
padding: 10px;
vertical-align: top;
background-color: #E5EEEB;
}
.box_kv_results {
border: solid #c6c6c6 1px;
width: 85%;
padding: 10px;
vertical-align: top;
}
/** END Knowledge Viewer Styles **/
/** BEGIN module list styles **/
/* todo: replace with compact styles */
.box_modules {
background-color: #E5F2EF;
border: solid #c6c6c6 1px;
padding: 10px 10px 10px 20px;
}
.box_module_title {
vertical-align: top;
padding: 10px 12px 5px 0;
}
.box_module_statistic_1 {
background-color: #E5F2EF;
border: #E5F2EF solid 1px;
vertical-align: middle;
padding: 3px 7px;
white-space: nowrap;
}
.box_module_statistic_2 {
background-color: #E5F2EF;
border: #E5F2EF solid 1px;
vertical-align: middle;
font-weight: bold;
padding: 3px 7px;
white-space: nowrap;
}
.box_module_description {
padding: 3px 5px 15px 0;
color: #333333;
}
.msgboardlist-subheading {
font-weight: bold;
color: #003366;
font-size: 1.1em;
}
/** END module list styles **/
/** BEGIN email styles **/
.maintable {
width: 100%;
background: #E6F5F1 url(/pe/SkinImageDisplayServlet?id=10401207&filename=tivo_popup_header_bg.gif) repeat-x;
border: 1px solid #C6C7C6;
padding: 0;
margin: 0;
}
.emailbody {
padding: 15px;
font-size: 12px;
color: #000000;
background-color: #FFF;
}
.headertable {
/* background: url(/pe/SkinImageDisplayServlet?id=10401207&filename=email_upper_left.gif) top left no-repeat #E5F2EF;*/
height: auto;
margin: 0;
padding: 0;
width: 100%;
/* border-bottom: #c6c6c6 solid 2px;*/
}
.datatable {
border: solid 1px #c6c6c6;
background-color: #eeeeee;
}
.headercell {
/* background: url(/pe/SkinImageDisplayServlet?id=10401207&filename=email_outstart_logo.gif) top right no-repeat;*/
width: auto; /** width of the logo **/
text-align: right;
padding-right: 0;
}
.emailtitle {
padding: 10px 0 0 10px;
vertical-align: middle;
font-size: 20px;
font-weight: normal;
color: #3F6154;
}
.footer {
margin-top: 1.6em;
background-color: #E5EEEB;
height: 13px;
}
.subjectline {
padding: 25px 0 0 0;
font-size: 12px;
color: #000000;
}
.dataline {
padding: 5px 0 0 0;
font-size: .9em;
color: #000000;
}
.details {
padding: 5px 0 0 0;
font-size: 11px;
color: #000000;
}
.image {
padding: 0 0 8px 0;
}
img
{
border:none;
}
/** END email styles **/
/** BEGIN of wiki styles **/
.heading-1, .heading-1-1,
.heading-1-1-1, .heading-1-1-1-1 {
color: #222222;
background-color: #E5F2EF;
margin: 3px;
padding: 2px 2px 0 4px;
}
.heading-1 {
margin-top: 5px;
font-size: 20px;
color: #0000CC;
border-color: #c6c6c6;
border-bottom: 0 solid;
}
.heading-1-1 {
margin-top: 10px;
font-size: 17px;
color: #0000CC;
border-color: #c6c6c6;
border-bottom: 1px solid;
background-color: #E5F2EF;
}
.heading-1-1-1 {
margin-top: 10px;
font-weight: bold;
font-style: oblique;
font-size: 13px;
background-color: #E5F2EF;
}
.heading-1-1-1-1 {
font-weight: bold;
color: #404040;
margin: 0;
left: 0;
font-size: 13px;
background-color: #E5F2EF;
}
.quote {
font-style: italic;
color: inherit;
background-color: inherit;
font-family: inherit;
font-size: inherit;
}
.code {
margin-top: 4px;
margin-bottom: 4px;
padding: 5px 5px 5px 5px;
color: inherit;
background-color: #eeeeee;
border: 1px dotted #003366;
font-family: courier, courier new, monospace;
font-size: 12px;
line-height: 100%;
white-space: pre;
width: 70%;
overflow: auto;
}
.java-keyword {
font-weight: bold;
color: #0000aa;
background-color: inherit;
}
.java-object {
color: #000088;
background-color: inherit;
}
.java-quote {
color: #00aa00;
background-color: inherit;
}
.xml-keyword {
font-weight: bold;
}
.xml-tag {
color: #0000aa;
background-color: inherit;
}
/* special formatting of a wiki table */
.wiki-table {
margin: auto;
empty-cells: show;
width: 80%;
border-left: 1px solid #5b5b5b;
border-right: 1px solid #5b5b5b;
border-bottom: 1px solid #5b5b5b;
}
.wiki-table td {
border-top: 1px solid #5b5b5b;
padding: 2px;
}
.wiki-table th {
border-top: 1px solid #5b5b5b;
text-align: left;
font-weight: bold;
background-color: #E5EEEB;
color: #000000;
padding: 2px;
}
.wiki-table .table-odd {
}
.wiki-table .table-even {
}
.list {
}
.list-title {
font-weight: bold;
}
.list ul {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
/* wiki lists */
ul.minus { list-style-type: square; }
ul.star { list-style-type: circle; }
ol.roman { list-style-type: lower-roman; }
ol.ROMAN { list-style-type: upper-roman; }
ol.alpha { list-style-type: lower-alpha; }
ol.ALPHA { list-style-type: upper-alpha; }
ol.greek { list-style-type: lower-greek; }
ol.hiragana { list-style-type: hiragana; }
ol.HIRAGANA { list-style-type: hiragana-iroha; }
ol.katakana { list-style-type: katakana; }
ol.KATAKANA { list-style-type: katakana-iroha; }
ol.HEBREW { list-style-type: hebrew; }
.wikicreatelink {
text-decoration: none;
}
.wikicreatelinktext {
text-decoration: underline;
color: black;
}
.wikicreatelinkqm {
text-decoration: none;
font-size: 90%;
color: white;
border: 0 solid black;
background: darkblue;
padding: 3px;
padding-top: 0;
padding-bottom: 0;
margin: 0;
margin-left: 3px;
}
.wiki-calendar-table {
border-right: 1px gray solid;
border-bottom: 1px gray solid;
}
.wiki-calendar-table td, .wiki-calendar-table th {
text-align: center;
border-left: 1px gray solid;
border-top: 1px gray solid;
height: 60px;
width: 120px;
}
.wiki-calendar-daynotinmonth{
color: #BBBBBB;
background-color: #E5EEEB;
}
.wiki-calendar-today{
background-color: #BBBBBB;
}
.article_title {
font-size: 120%;
border-bottom: 1px;
}
.article_content {
padding: 10px;
}
.article_date {
font-size: 120%;
border-bottom: 1px solid;
}
.article_footer {
border-top: 1px dotted;
font-size: 75%;
font-weight: bold;
color: gray;
}
/* wiki history compare */
.compare_subheader {
width: 100%;
background-color: #F3F3DF;
margin-bottom: 10px;
}
.compare_firstcolor {
border-left: 8px solid #FF0000;
}
.compare_secondcolor {
border-left: 8px solid #00FF00;
}
/** END of wiki styles **/
/* TinyMCE specific rules */
body.mceContentBody {
background: #FFFFFF;
font-size: 10pt;
}
body.mceContentBody p { padding: 0 0 0 4px; }
/** BEGIN of blog styles **/
.blog_title {
font-size: 1.4em;
font-weight: bold;
color: #0000CC;
}
.blog_content {
color: #000033;
padding: 8px 0 5px 0;
}
.blog_author {
font-style: italic;
padding: 5px 0 0 0;
}
.blog_discussion {
text-align: right;
font-style: italic;
padding: 5px 0 0 0;
}
.blog_found{
font-weight: bold;
}
.blog_month_box{
padding-left: 20px;
width: 20%
}
.blog_month{
white-space: nowrap;
padding-top: 5px;
padding-left: 4px;
width: 20%
}
.blog_created_date{
padding-top: 12px;
padding-bottom: 3px;
}
.blog_categories{
padding-top: 5px;
padding-bottom: 8px;
}
/** TIVO STYLES **/
#mainContent div#top div.right {
position: absolute;
top: -2px;
right: -8px;
width: 8px;
height: 8px;
background-color: transparent;
background-image: url(/pe/SkinImageDisplayServlet?id=10401207&filename=/bg_mainContent_corners.png);
background-repeat: repeat;
background-attachment: scroll;
background-position: right top;
}
#mainContent div#top div.left {
position: absolute;
top: -2px;
left: -8px;
width: 8px;
height: 8px;
background: url(/pe/SkinImageDisplayServlet?id=10401207&filename=/bg_mainContent_corners.png) top left;
}
#mainContent div#top {
position: absolute;
top: -6px;
left: -2px;
margin-top: 0pt;
margin-right: 8px;
margin-bottom: 0pt;
margin-left: 8px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #c6e3f3;
width: 934px;
height: 6px;
background-color: #ffffff;
background-image: url(/pe/SkinImageDisplayServlet?id=10401207&filename=/bg_mainContent.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: 0% 0%;
}
#mainContent div#bottom {
position: absolute; bottom: -6px; left: -2px; margin: 0 8px; border-bottom: 2px solid #c6e3f3; width: 934px; height: 6px; background-color: #fff;
}
#mainContent div#bottom div.left {
position: absolute; bottom: -2px; left: -8px; width: 8px; height: 8px;
background: url(/pe/SkinImageDisplayServlet?id=10401207&filename=/bg_mainContent_corners.png) bottom left;
}
#mainContent div#bottom div.right {
position: absolute; bottom: -2px; right: -8px; width: 8px; height: 8px;
background: url(/pe/SkinImageDisplayServlet?id=10401207&filename=/bg_mainContent_corners.png) bottom right;
}
div.section.searchbox form.searchform input.text {
width: 170px;
}
#primary label {
display: inline;
vertical-align: middle;
}
/** END of blog styles **/
#primary input { vertical-align: top; }