/* =================================================================================== */
/* Primary CSS Document -- HELICOSBIO.COM Website -- last mod. 1-31-2008 10:00am */
/* =================================================================================== */
/* Note: The styles defined within this document assume that the browser is Microsoft Internet Explorer . */
/* In some cases, alternate styles must be loaded for other browsers due to inherent differences in */
/* the various rendering engines. Browser detection scripts exist in order to serve the (currently only */
/* one other) style sheets. */
/* */
/* See HelicosWebsite_FF.css for non-IE style definitions that override some styles in this file. */
/* =================================================================================== */
html
{
margin: 0;
/* setting border: 0 hoses ie6 win */
padding: 0;
}
/* ====================================================================== */
/* basic elements */
/* ====================================================================== */
body
{
margin-left:1px;
margin-top:10px;
/* setting border: 0 hoses ie5 */
padding: 0;
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#666666;
}
p
{
margin-top: 0px;
margin-bottom: 5px;
}
ol, ul, pre, blockquote
{
margin-top: 5px;
margin-bottom: 5px;
}
table
{
border:0;
padding:0;
margin:0;
background-repeat:repeat;
}
td, th
{
padding:0;
}
a { text-decoration: underline; color:#003399; }
a:link { text-decoration: underline; color:#003399; }
a:visited { text-decoration: underline; color:#003399; }
a:hover { text-decoration: underline; color:#F66D03; }
a:active { text-decoration: underline; color:#003399; outline: none !important; }
a img { border: 0; }
/* color formerly: #C41230 */
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
color:#950222;
}
h1
{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color:#950222;
font-weight: normal;
margin-top: 5px;
margin-bottom: 5px;
}
h2, h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#950222;
font-weight: bold;
}
/* LAYOUT */
/*
#leftpane
{
margin: 0px 30px 10px 15px;
padding:0;
max-width:265px;
width:265px;
}
#rightpane
{
margin: 0px 15px 10px 30px;
padding:0;
max-width:265px;
width:265px;
}
#middlepane
{
padding: 0 0 10px 0;
max-width:995px;
width:465px;
}
*/
/* ====================================================================== */
/* attempts at styling form elements ----- these tend not to work so well */
/* ====================================================================== */
/* // // */
form, input { margin: 0; padding: 0; }
.input_search
{
color:#999999;
background-color:#FFFFFF;
border: 1px;
border-color: #D0D0D0;
font-family: Arial;
font-size:0.9em;
font-size: 10px;
padding-left: 5em;
}
.input_search2
{
color:#999999;
background-color:#F4F4F4;
border: 1px;
border-color: #D0D0D0;
border-color-left: #C3C3C3;
border-color-right: #DDDDDD;
border-color-top: #C3C3C3;
border-color-bottom: #DDDDDD;
font-family: Arial;
font-size:0.9em;
font-size: 11px;
padding-left: 1em;
}
/* ====================================================================== */
/* HEADER STYLES (TOP PANE) */
/* ====================================================================== */
.module-header
{
width: 995px !important;
height: 100px !important;
color: #000000;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.module-header a,
.module-header a:link,
.module-header .blutext
{
color: #2C9ADC;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration:none;
}
.module-header a:visited
{
color: #2C9ADC;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration:none;
}
.module-header a:hover
{
color: #F66D03;
text-decoration:none;
}
.module-header a:active
{
color: #2C9ADC;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration:none;
}
/* Utility Nav Styles */
.utility_nav,
.utility_nav_item
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #2C9ADC;
text-decoration:none;
}
.utility_nav
{
margin-right:18px;
}
.utility_nav a,
.utility_nav a:link,
.utility_nav_item a,
.utility_nav_item a:link
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #2C9ADC;
text-decoration:none;
padding: 0px 8px 0px 8px;
}
.utility_nav a:visited,
.utility_nav_item a:visited
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #2C9ADC;
text-decoration:none;
padding: 0px 8px 0px 8px;
}
.utility_nav a:hover,
.utility_nav_item a:hover
{
color: #F66D03;
text-decoration:none;
}
.utility_nav a:active,
.utility_nav_item a:active
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #2C9ADC;
text-decoration:none;
padding: 0px 8px 0px 8px;
}
/* ====================================================================== */
/* Various other colored text and links:
/* ====================================================================== */
.Red { color:#C41230 !important; }
.Red a, .Red a:link, .Red a:visited,
.Red a:hover, .Red a:active { color: #C41230 !important; }
.DarkRed { color:#950222 !important; }
.DarkRed a, .DarkRed a:link, .DarkRed a:visited,
.DarkRed a:hover, .DarkRed a:active { color: #950222 !important; }
.Blue { color:#2C9ADC !important; }
.Blue a, .Blue a:link, .Blue a:visited,
.Blue a:hover, .Blue a:active { color: #2C9ADC !important; }
.Orange { color:#F66D03 !important; }
.Orange a, .Orange a:link, .Orange a:visited,
.Orange a:hover, .Orange a:active { color: #F66D03 !important; }
.DarkBlue { color:#003399 !important; }
.DarkBlue a, .DarkBlue a:link, .DarkBlue a:visited,
.DarkBlue a:hover, .DarkBlue a:active { color: #003399 !important; }
.Gray { color:#666666 !important; }
.Gray a, .Gray a:link, .Gray a:visited,
.Gray a:hover, .Gray a:active { color: #666666 !important; }
.LightGray { color:#CCCCCC !important; }
.LightGray a, .LightGray a:link, .LightGray a:visited,
.LightGray a:hover, .LightGray a:active { color: #CCCCCC !important; }
.Black { color:#000000 !important; }
.Black a, .Black a:link, .Black a:visited,
.Black a:hover, .Black a:active { color: #000000 !important; }
.White { color:#FFFFFF !important; }
.White a, .White a:link, .White a:visited,
.White a:hover, .White a:active { color: #FFFFFF !important; }
/* for hiding things */
.WhiteLink
{
text-decoration: none;
color: #FFFFFF !important;
background-color: #FFFFFF !important;
}
.WhiteLink a,
.WhiteLink a:link,
.WhiteLink a:visited,
.WhiteLink a:hover,
.WhiteLink a:active
{
text-decoration: none;
color: #FFFFFF !important;
background-color: #FFFFFF !important;
}
.small_blue,
.module-content .small_blue,
.module-content .small_blue_numbers
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #2C9ADC;
text-decoration:none;
}
.small_blue a,
.small_blue a:link,
.module-content .small_blue a,
.module-content .small_blue a:link,
.module-content .small_blue_numbers a,
.module-content .small_blue_numbers a:link
{
color: #2C9ADC;
text-decoration:none;
}
.small_blue a:visited,
.module-content .small_blue a:visited,
.module-content .small_blue_numbers a:visited
{
color: #2C9ADC;
text-decoration:none;
}
.small_blue a:hover,
.module-content .small_blue a:hover,
.module-content .small_blue_numbers a:hover
{
color: #F66D03;
text-decoration:none;
}
.small_blue a:active,
.module-content .small_blue a:active
{
color: #2C9ADC;
text-decoration:none;
}
.module-content .small_blue_numbers a:active
{
color: #C41230;
text-decoration:none;
}
.module-content .small_grey_numbers
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #CCCCCC;
text-decoration:none;
}
.module-content .small_grey_numbers a,
.module-content .small_grey_numbers a:link
{
color: #2C9ADC;
text-decoration:none;
}
.module-content .small_grey_numbers a:visited
{
color: #2C9ADC;
text-decoration:none;
}
.module-content .small_grey_numbers a:hover
{
color: #F66D03;
text-decoration:none;
}
.module-content .small_grey_numbers a:active
{
color: #C41230;
text-decoration:none;
}
.small_red,
.module-content .small_red
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color:#C41230;
text-decoration:none;
}
.small_red a,
.small_red a:link,
.module-content .small_red a,
.module-content .small_red a:link
{
color:#C41230;
text-decoration:none;
}
.small_red a:visited,
.module-content .small_red a:visited
{
color:#C41230;
text-decoration:none;
}
.small_red a:hover,
.module-content .small_red a:hover
{
color: #F66D03;
text-decoration:none;
}
.small_red a:active,
.module-content .small_red a:active
{
color:#C41230;
text-decoration:none;
}
.red_italics {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#C41230;
font-weight: normal;
font-style:italic;
}
/* ====================================================================== */
/* GLOSSARY STYLES: */
/* ====================================================================== */
/* for GLOSSARY links within content pages */
.GlossaryLink ,
.module-content .GlossaryLink
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style:normal;
text-decoration: none;
color: #FF6600 !important;
}
.GlossaryLink a,
.GlossaryLink a:link,
.GlossaryLink a:visited,
.GlossaryLink a:hover,
.GlossaryLink a:active,
.module-content .GlossaryLink a,
.module-content .GlossaryLink a:link,
.module-content .GlossaryLink a:visited,
.module-content .GlossaryLink a:hover,
.module-content .GlossaryLink a:active
{
text-decoration: none !important;
color: #FF6600 !important;
outline: none;
}
/* for Glossary Menu bar (A....Z) */
.GlossaryMenu,
.module-content .GlossaryMenu
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style:bold;
text-decoration: none;
color: #CCCCCC !important;
margin: 16px 0 20px 0;
display:block;
}
.GlossaryMenu a,
.GlossaryMenu a:link,
.GlossaryMenu a:visited,
.GlossaryMenu a:active,
.module-content .GlossaryMenu a,
.module-content .GlossaryMenu a:link,
.module-content .GlossaryMenu a:visited,
.module-content .GlossaryMenu a:active
{
text-decoration: none;
color: #0682CB !important;
outline: none;
}
.GlossaryMenu a:hover,
.module-content .GlossaryMenu a:hover
{
text-decoration: none;
color: #FF6600 !important;
}
.GlossaryMenuIN,
.GlossaryMenuIN a,
.GlossaryMenuIN a:link,
.GlossaryMenuIN a:visited,
.GlossaryMenuIN a:hover,
.GlossaryMenuIN a:active,
.module-content .GlossaryMenuIN,
.module-content .GlossaryMenuIN a,
.module-content .GlossaryMenuIN a:link,
.module-content .GlossaryMenuIN a:visited,
.module-content .GlossaryMenuIN a:hover,
.module-content .GlossaryMenuIN a:active
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style:bold;
text-decoration: none;
color: #FF6600 !important;
}
.GlossaryMenuDivider,
.module-content .GlossaryMenuDivider
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style:bold;
text-decoration: none;
color: #0682CB !important;
margin: 0 0px 0 0px;
}
.GlossaryTerm,
.module-content .GlossaryTerm
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
font-weight: bold;
margin: 13px 0 0 0;
display:block;
}
/* glossary popup header/title, and scrolling region */
.gboxHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
}
.gscroll
{
display:block;
visibility:inherit;
width:242px !important;
height:85px !important;
overflow:auto;
background: #FFFFFF;
border:1px solid #AAAAAA;
scrollbar-face-color: #FFFFFF;
}
/* ====================================================================== */
/* FOOTER STYLES*/
/* ====================================================================== */
.token-style,
.module-footer,
.module-footer .blutext
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.module-footer
{
color: #333333;
text-align:center;
}
.module-footer .blutext
{
color: #2C9ADC;
}
.token-style
{
color: #2C9ADC;
text-decoration:none;
}
.token-style a,
.token-style a:link,
.token-style a:visited,
.module-footer a,
.module-footer a:link,
.module-footer a:visited,
.module-footer .blutext a,
.module-footer .blutext a:link,
.module-footer .blutext a:visited
{
color: #2C9ADC;
text-decoration:none;
}
.token-style a:hover,
.module-footer a:hover,
.module-footer .blutext a:hover
{
color: #F66D03;
text-decoration:none;
}
.token-style a:active,
.module-footer a:active,
.module-footer .blutext a:active
{
color: #2C9ADC;
text-decoration:none;
}
/* ====================================================================== */
/* RIGHT COLUMN CONTAINER STYLES */
/* ====================================================================== */
.rightbox_header,
.rightbox_header .Head
{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF !important;
padding: 19px 0 0 12px;
text-align: left;
text-decoration:none;
background-color: transparent;
}
.rightbox_header a,
.rightbox_header a:link,
.rightbox_header a:visited,
.rightbox_header a:hover,
.rightbox_header a:active,
.rightbox_header .Head a,
.rightbox_header .Head a:link,
.rightbox_header .Head a:visited,
.rightbox_header .Head a:hover,
.rightbox_header .Head a:active
{
color: #FFFFFF !important;
padding: 0px 0 0 0px;
text-align: left;
text-decoration:none;
background-color: transparent;
}
.rightbox_inner_text
{
padding: 18px 25px 18px 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration:none;
color:#666666;
}
.rightbox_inner_text a,
.rightbox_inner_text a:link,
.rightbox_inner_text a:visited
{
color: #2C9ADC;
text-decoration:none;
}
.rightbox_inner_text a:hover
{
color: #F66D03;
text-decoration:none;
}
.rightbox_inner_text a:active
{
color: #2C9ADC;
text-decoration:none;
}
.rightbox_inner_text b
{
font-size:11px;
font-weight:bold;
}
.rightbox_inner_text .subhead
{
font-size:11px;
font-weight:bold;
padding: 0 0 4px 0;
}
.rc_dline
{
width:157px;
padding: 5px 0px 4px 0px;
}
/* ====================================================================== */
/* BREADCRUMB STYLES -- NOTE that there are some classes defined later in */
/* this doc necessary to override some dnn defaults */
/* ====================================================================== */
.breadcrumbs
{
padding: 8px 0px 8px 0px !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10px !important;
font-weight:normal !important;
color: #2C9ADC !important;
text-decoration:none;
}
.breadcrumbs a,
.breadcrumbs a:link,
.breadcrumbs a:visited
{
color: #2C9ADC !important;
font-weight:normal !important;
text-decoration:none !important;
}
.breadcrumbs a:hover
{
color: #F66D03 !important;
font-weight:normal !important;
text-decoration:none !important;
}
.breadcrumbs a:active
{
color: #2C9ADC !important;
font-weight:normal !important;
text-decoration:none;
}
/* ====================================================================== */
/* STYLES FOR MAIN CONTENT - MIDDLE PANE */
/* ====================================================================== */
.module-content
{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left !important;
line-height: 15px;
color: #666666;
background-color: #FFFFFF;
}
.module-content a,
.module-content a:link,
.module-content a:visited
{
text-decoration: underline;
color:#003399;
outline: none;
}
.module-content a:hover
{
text-decoration: underline;
color:#F66D03;
}
.module-content a:active
{
text-decoration: underline;
color:#003399;
outline: none;
}
/* use for red page headers */
.module-content h1,
.module-content .Head
{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color:#950222 !important;
font-weight: normal;
margin-top: 5px;
margin-bottom: 5px;
}
/* use for red subheaders */
.module-content h2,
.module-content .Subhead
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#950222;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}
/* use for red image titles */
.module-content h3
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#950222;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
}
.module-content td
{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 15px;
color: #666666;
}
/* ============================== */
.module-newsevents
{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight: normal;
text-align: left !important;
color: #666666;
background-color: #FFFFFF;
}
.module-newsevents a,
.module-newsevents a:link,
.module-newsevents a:visited
{
text-decoration: none;
color:#003399;
}
.module-newsevents a:hover
{
text-decoration: none;
color:#F66D03;
}
.module-newsevents a:active
{
text-decoration: none;
color:#003399;
}
/* use for red page headers */
.module-newsevents h1,
.module-newsevents .Head
{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color:#950222 !important;
font-weight: normal;
margin-top: 5px;
margin-bottom: 5px;
}
/* use for red subheaders */
.module-newsevents h2,
.module-newsevents .Subhead
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#950222;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}
/* use for red image titles */
.module-newsevents h3
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#950222;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
}
/* ====================================================================== */
/* ADDITIONAL STYLES FOR IR SECTION - CUSTOMIZE IF NEEDED */
/* ====================================================================== */
.ir-section
{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color:#666666;
background-color:#FFFFFF;
}
.ir-section a
.ir-section a:link
.ir-section a:visited
{
text-decoration: underline;
color:#003399;
}
.ir-section a:hover
{ text-decoration: underline; color:#F66D03; }
.ir-section a:active
{ text-decoration: underline; color:#003399; }
/* use this style for non-graphic ir box headers only */
.rightbox_header1
{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #FFFFFF;
width: 193px;
background-color:#666666;
padding: 10px 0 10px 23px;
}
/* use for red page headers (same as global */
.ir-section h1,
.ir-section .Head
{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color:#C41230 !important;
font-weight: normal;
margin-top: 5px;
margin-bottom: 5px;
}
/* use for red subheaders (new) */
.ir-section h2,
.ir-section .Subhead
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#C41230;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}
/* green text on yellow bg: */
.rc_squote
{
text-align:center;
width:157px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
color: #1DAB1A;
background-color:#FBFBD6;
}
/* ====================================================================== */
/* NAV STYLES (DRAFT) */
/* ====================================================================== */
.Menubar
{
background-image: url(menubar780x34.jpg);
background-repeat:no-repeat;
width:780px !important;
height:34px !important;
margin: 0px 15px 0px 0px;
}
.rootnav,
.rootnav_in
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color:#000000;
padding: 10px 8px 12px 0px;
margin: 0px 15px 0px 0px;
background-color: Transparent;
height:34px;
}
.rootnav a,
.rootnav a:link,
.rootnav a:visited,
.rootnav_in a,
.rootnav_in a:link,
.rootnav_in a:visited
{
text-decoration:none;
color:#000000;
padding: 10px 0px 12px 9px;
}
.rootnav a:hover
{
text-decoration:none;
color:#ffffff;
/* background-color:#666666; */
}
.rootnav a:active,
.rootnav_in a:active
{
text-decoration:none;
color:#C41230;
background-color: Transparent;
}
.rootnav_in
{
color:#C41230 !important;
text-decoration:none;
}
.rootnav_in a,
.rootnav_in a:link,
.rootnav_in a:visited,
.rootnav_in a:hover,
.rootnav_in a:active
{
color:#C41230 !important;
text-decoration:none;
}
.rootnav_selected
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration:none;
color: #FFFFFF;
background-color:#666666;
padding: 10px 3px 10px 3px;
}
.rootnav_selected a,
.rootnav_selected a:link,
.rootnav_selected a:visited
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration:none;
color: #FFFFFF;
background-color:#666666;
padding: 10px 3px 10px 3px;
}
.rootnav_selected a:hover
{
font-weight: normal; /* new */
text-decoration:none;
color: #FFFFFF !important; /* new */
}
.rootnav_selected a:active
{
font-weight: normal;
text-decoration:none;
color: #FFFFFF;
}
/* this last one is for SOLPARTMENU only */
.rootnav_sep
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color:#666666;
background-image:url(spacer.gif);
background-repeat:repeat;
padding: 10px 0px 9px 0px;
}
/* ====================================================================== */
/* DROPDOWN MENU STYLES, MAIN NAV (TOP) */
/* ====================================================================== */
.mainnav-dropdown-menuitem
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-align: left;
text-decoration:none;
color: #FFFFFF;
background-color: #666666;
background-image: url(mainnav-dropdown-menuitem.gif);
background-repeat:no-repeat;
border: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 195px !important;
height: 24px !important;
overflow:hidden;
}
.mainnav-dropdown-menuitem a,
.mainnav-dropdown-menuitem a:link,
.mainnav-dropdown-menuitem a:visited
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-align: left;
text-decoration:none;
color: #FFFFFF;
background-color: Transparent;
background-image: url(mainnav-dropdown-menuitem.gif);
background-repeat:no-repeat;
border: 0px;
padding: 6px 0px 0px 10px;
margin: 0px 0px 0px 0px;
width: 195px !important;
height: 24px !important;
overflow:hidden;
}
.mainnav-dropdown-menuitem a:hover
{
color: #333333;
background-color: Transparent;
background-image: url(mainnav-dropdown-menuitem_on.gif);
background-repeat:no-repeat;
text-decoration:none;
}
.mainnav-dropdown-menuitem a:active
{
color: #FFFFFF;
background-color: Transparent;
background-image: url(mainnav-dropdown-menuitem.gif);
background-repeat:no-repeat;
text-decoration:none;
}
/* ------------------------------ */
.mainnav-dropdown-submenuitem
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-align: left;
text-decoration:none;
color: #FFFFFF;
background-color: #666666;
background-image: url(mainnav-dropdown-submenuitem.gif);
background-repeat:no-repeat;
border: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 195px !important;
height: 19px !important;
overflow:hidden;
}
.mainnav-dropdown-submenuitem a,
.mainnav-dropdown-submenuitem a:link,
.mainnav-dropdown-submenuitem a:visited
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-align: left;
text-decoration:none;
color: #FFFFFF;
background-color: Transparent;
background-image: url(mainnav-dropdown-submenuitem.gif);
background-repeat:no-repeat;
border: 0px;
padding: 1px 0px 0px 20px;
margin: 0px 0px 0px 0px;
width: 195px !important;
height: 19px !important;
overflow:hidden;
}
.mainnav-dropdown-submenuitem a:hover
{
color: #333333;
background-color: Transparent;
background-image: url(mainnav-dropdown-submenuitem_on.gif);
background-repeat:no-repeat;
text-decoration:none;
}
.mainnav-dropdown-submenuitem a:active
{
color: #FFFFFF;
background-color: Transparent;
background-image: url(mainnav-dropdown-submenuitem.gif);
background-repeat:no-repeat;
text-decoration:none;
}
.mainnav-divider
{
width: 195px !important;
height: 1px !important;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.mainnav-bottom
{
background-color: Transparent;
background-image: url(mainnav-bottom_195x10.gif);
background-repeat:no-repeat;
width: 195px !important;
height: 10px !important;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/* ====================================================================== */
/* MENU STYLES, LEFT COLUMN */
/* ====================================================================== */
.module-leftnav-menuheader
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF !important;
font-weight: bold;
padding: 13px 0 0 23px;
margin: 0px 0px 0px 0px;
text-decoration: none;
text-align: left !important;
}
.module-leftnav-menuheader a,
.module-leftnav-menuheader a:link,
.module-leftnav-menuheader a:visited
{
color: #FFFFFF !important;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
text-align: left !important;
}
.module-leftnav-menuheader a:hover
{
color: #FF9933 !important;
text-decoration:none;
}
.module-leftnav-menuheader a:active
{
color: #FFFFFF !important;
text-decoration:none;
}
/* ============================== */
.module-leftnav-menuitem
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-align: left;
text-decoration:none;
color: #FFFFFF;
background-color: Transparent;
background-image: url(leftnav_menuitem_off.gif);
background-repeat: no-repeat;
border: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 195px !important;
height: 24px !important;
overflow:hidden;
}
.module-leftnav-menuitem a,
.module-leftnav-menuitem a:link,
.module-leftnav-menuitem a:visited
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-align: left;
text-decoration:none;
color: #FFFFFF;
background-color: Transparent;
background-image: url(leftnav_menuitem_off.gif);
background-repeat: no-repeat;
border: none;
padding: 6px 0px 0px 14px;
margin: 0px 0px 0px 0px;
width: 195px !important;
height: 24px !important;
overflow:hidden;
}
.module-leftnav-menuitem a:hover
{
color: #333333;
background-color: Transparent;
background-image: url(leftnav_menuitem_over.gif);
background-repeat:no-repeat;
text-decoration:none;
}
.module-leftnav-menuitem a:active
{
color: #FFFFFF;
background-color: Transparent;
background-image: url(leftnav_menuitem_off.gif);
background-repeat:no-repeat;
text-decoration:none;
}
/* ============================== */
.module-leftnav-menuitem_in
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-align: left;
text-decoration:none;
color: #333333;
background-color: Transparent;
background-image: url(leftnav_menuitem_in.gif);
background-repeat: no-repeat;
border: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 195px !important;
height: 24px !important;
overflow:hidden;
}
.module-leftnav-menuitem_in a,
.module-leftnav-menuitem_in a:link,
.module-leftnav-menuitem_in a:visited,
.module-leftnav-menuitem_in a:hover,
.module-leftnav-menuitem_in a:active
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-align: left;
text-decoration:none;
color: #333333;
background-color: Transparent;
background-image: url(leftnav_menuitem_in.gif);
background-repeat: no-repeat;
border: none;
padding: 6px 0px 0px 14px;
margin: 0px 0px 0px 0px;
width: 195px !important;
height: 24px !important;
overflow:hidden;
}
/* ============================== */
/* special case for first menu item */
.module-leftnav-menuitem1,
.module-leftnav-firstmenuitem
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-align: left;
text-decoration:none;
color: #FFFFFF !important;
background-color: Transparent !important;
background-image: url(leftnav_menuitem1_off.gif);
background-repeat: no-repeat;
border: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 195px !important;
height: 24px !important;
overflow:hidden;
}
.module-leftnav-menuitem1 a,
.module-leftnav-menuitem1 a:link,
.module-leftnav-menuitem1 a:visited,
.module-leftnav-firstmenuitem a,
.module-leftnav-firstmenuitem a:link,
.module-leftnav-firstmenuitem a:visited
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-align: left;
text-decoration:none;
color: #FFFFFF !important;
background-color: Transparent !important;
background-image: url(leftnav_menuitem1_off.gif);
background-repeat: no-repeat;
border: none;
padding: 6px 0px 0px 14px;
margin: 0px 0px 0px 0px;
width: 195px !important;
height: 24px !important;
overflow:hidden;
}
.module-leftnav-menuitem1 a:hover,
.module-leftnav-firstmenuitem a:hover
{
color:#333333 !important;
text-decoration:none;
background-color: Transparent;
background-image: url(leftnav_menuitem1_over.gif);
background-repeat: no-repeat;
border: none;
}
.module-leftnav-menuitem1 a:active,
.module-leftnav-firstmenuitem a:active
{
color: #FFFFFF !important;
text-decoration:none;
background-color: Transparent;
background-image: url(leftnav_menuitem1_off.gif);
background-repeat: no-repeat;
border: none;
}
/* ============================== */
.module-leftnav-menuitem1_in,
.module-leftnav-firstmenuitem_in
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-align: left;
text-decoration:none;
color: #333333 !important;
background-color: Transparent;
background-image: url(leftnav_menuitem1_in.gif);
background-repeat: no-repeat;
border: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 195px !important;
height: 24px !important;
overflow:hidden;
}
.module-leftnav-menuitem1_in a,
.module-leftnav-menuitem1_in a:link,
.module-leftnav-menuitem1_in a:visited,
.module-leftnav-menuitem1_in a:hover,
.module-leftnav-menuitem1_in a:active,
.module-leftnav-firstmenuitem_in a,
.module-leftnav-firstmenuitem_in a:link,
.module-leftnav-firstmenuitem_in a:visited,
.module-leftnav-firstmenuitem_in a:hover,
.module-leftnav-firstmenuitem_in a:active
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-align: left;
text-decoration:none;
color: #333333;
background-color: Transparent;
background-image: url(leftnav_menuitem1_in.gif);
background-repeat: no-repeat;
border: none;
padding: 6px 0px 0px 14px;
margin: 0px 0px 0px 0px;
width: 195px !important;
height: 24px !important;
overflow:hidden;
}
/* ============================== */
.module-leftnav-submenuitem
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-align: left;
text-decoration:none;
color: #FFFFFF;
background-color: Transparent;
background-image: url(leftnav_submenuitem_off.gif);
background-repeat: no-repeat;
border: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 195px !important;
height: 23px !important;
overflow:hidden;
}
.module-leftnav-submenuitem a,
.module-leftnav-submenuitem a:link,
.module-leftnav-submenuitem a:visited
{
text-align: left;
text-decoration:none;
color: #FFFFFF;
background-color: Transparent;
background-image: url(leftnav_submenuitem_off.gif);
background-repeat: no-repeat;
border: none;
padding: 5px 0px 0px 22px;
margin: 0px 0px 0px 0px;
width: 195px !important;
height: 23px !important;
overflow:hidden;
}
.module-leftnav-submenuitem a:hover
{
color: #333333;
text-decoration:none;
background-color: Transparent;
background-image: url(leftnav_submenuitem_over.gif);
background-repeat:no-repeat;
}
.module-leftnav-submenuitem a:active
{
color: #FFFFFF;
text-decoration:none;
background-color: Transparent;
background-image: url(leftnav_submenuitem_off.gif);
background-repeat:no-repeat;
}
/* ============================== */
.module-leftnav-submenuitem_in
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
text-align: left;
text-decoration:none;
color: #333333;
background-color: Transparent;
background-image: url(leftnav_submenuitem_in.gif);
background-repeat: no-repeat;
border: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 195px !important;
height: 23px !important;
overflow:hidden;
}
.module-leftnav-submenuitem_in a,
.module-leftnav-submenuitem_in a:link,
.module-leftnav-submenuitem_in a:visited,
.module-leftnav-submenuitem_in a:hover,
.module-leftnav-submenuitem_in a:active
{
text-decoration:none;
color: #333333;
background-color: Transparent;
background-image: url(leftnav_submenuitem_in.gif);
background-repeat: no-repeat;
border: none;
padding: 5px 0px 0px 22px;
margin: 0px 0px 0px 0px;
width: 195px !important;
height: 23px !important;
overflow:hidden;
}
/* various styled dividers */
.hr_dashed
{
height:1px !important;
background-color:#FFFFFF;
/* border-bottom: 1px dashed #666666; */
border: 0;
background-image:url(dline_333onFFF_4x1.gif);
background-repeat:repeat-x;
margin-top: 10px;
margin-bottom: 10px;
}
.hr_dashed80,
.hr_dashed_middle,
.module-content .hr_dashed80
{
height:1px !important;
background-color:#FFFFFF;
/* border-bottom: 1px dashed #666666; */
border: 0;
background-image:url(dline_333onFFF_465x1.gif);
background-repeat: no-repeat;
width: 465px;
overflow:hidden;
margin: 0 0 0 0;
padding: 10px 0 10px 0;
}
.hr_dashed80b,
.module-content .hr_dashed80b
{
background-color:#FFFFFF;
border-bottom: 1px dashed #666666;
width: 465px;
overflow:hidden;
margin: 0 0 0 0;
padding: 10px 0 10px 0;
/* height:1px !important; */
}
.hr_80b,
.module-content .hr_80b
{
background-color:#FFFFFF;
border-bottom: 1px dashed #FFFFFF;
width: 465px;
overflow:hidden;
margin: 0 0 0 0;
padding: 10px 0 10px 0;
/* height:1px !important; */
}
.hr_dashed_right
{
height:1px !important;
background-color:#FFFFFF;
/* border-bottom: 1px dashed #666666; */
border: 0;
background-image:url(dline_333onFFF_157x1.gif);
background-repeat: no-repeat;
width: 157px;
overflow:hidden;
}
/* ====================================================================== */
/* NEED TO OVERRIDE SOME DNN DEFAULT STYLES HERE: */
/* ====================================================================== */
.Normal
{
text-align: left !important;
}
.CommandButton
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #2C9ADC;
text-decoration:none;
}
.CommandButton a,
.CommandButton a:link
{
color: #2C9ADC;
text-decoration:none;
}
.CommandButton a:visited
{
color: #2C9ADC;
text-decoration:none;
}
.CommandButton a:hover
{
color: #F66D03;
text-decoration:none;
}
.CommandButton a:active
{
color: #2C9ADC;
text-decoration:none;
}
.Head
{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color:#950222;
font-weight: normal;
margin-top: 5px;
margin-bottom: 5px;
}
.Subhead {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#950222;
font-weight: bold;
}
ul.disc
{
list-style-type: disc;
}
ul.circle
{
list-style-type: circle;
}
ul.square
{
list-style-type: square;
}
ul li
{
display:list-item;
list-style-type: disc;
line-height: 16px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
ul li li, ul ul li
{
display:list-item;
list-style-type: circle;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
ul li li li, ul ul ul li
{
display:list-item;
list-style-type: square;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.SkinObject {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #2C9ADC;
text-decoration: none;
}
A.SkinObject:link {
text-decoration: none;
color:#2C9ADC;
}
A.SkinObject:visited {
text-decoration: none;
color:#2C9ADC;
}
A.SkinObject:hover {
text-decoration: none;
color:#F66D03;
}
A.SkinObject:active {
text-decoration: none;
color:#2C9ADC;
}
/* ====================================================================== */
/* DEMO/VIDEO MODULE STYLEs: */
.vidMenuHeader,
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: bold !important;
color:#FFFFFF !important;
/*background-image:url(vidheader_216x45.jpg);*/
display:inline;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.vidMenuItem,
.vidMenuItem a,
.vidMenuItem a:link,
.vidMenuItem a:visited,
.vidMenuItem a:active
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF !important;
text-decoration:none !important;
display:block;
width:199px;
height:35px;
overflow:hidden;
background-image:url(vbutton_off_199x35.jpg);
background-repeat:no-repeat;
}
.vidMenuItem a,
.vidMenuItem a:link,
.vidMenuItem a:visited,
.vidMenuItem a:active
{
padding: 11px 0 0 18px;
}
.vidMenuItem a:hover
{
color:#FFFFFF !important;
text-decoration:none !important;
background-image:url(vbutton_over_199x35.jpg);
}
#vInfo
{
display:none;
width:199px;
height:110px;
overflow:hidden;
background-image:url(vbg3_199x110.jpg);
background-repeat:no-repeat ;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.vdesc,
#vdesc,
#vInfo .vdesc
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
text-decoration:none;
display:block;
padding: 9px 10px 0 19px;
}
.vdesc h1,
#vdesc h1
{
font-size:12px;
font-weight:bold;
color:#000000;
text-decoration:none;
}
/* ====================================================== */