﻿/*  ==========================================
    THIS SHEET CONTAINS
    STYLES THAT APPLY TO ALL SHARED PAGES
    ========================================== */


/* COLORS USED ...
    ORANGE      rgb(232, 115, 11)
 LT ORANGE      rgb(250, 227, 206)
    DK GREEN    rgb(31, 113, 111)
    LT BLUE     rgb(204, 234, 236)
    SEA BLUE    rgb(0, 160, 198)
50% SEA BLUE    rgb(143, 184, 183)
20% SEA BLUE    rgb(201, 221, 221)
    GRAY        rgb(102, 102, 102)
 DK BLUE        rgb(53, 107, 131)
50% DK BLUE     rgb(98, 124, 137)
20% DK BLUE     rgb(203, 222, 223)
*/




/* ================ */
/* UNIVERSAL STYLES */
/* ================ */
.nullStyle
{}


html
{
    height: 100%;
    text-align: center;
}

body 
{
    margin: 0px;
    min-height: 400px;
        height: 100%;
    text-align: center;
    font-family: Arial, Helvetica, Sans-Serif;
    background-image: url("images/pinstripe-bg.gif");
    background-position: top;
    background-repeat: repeat;
    background-color: white;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.25;
    color: rgb(102, 102, 102);
    overflow-x: hidden;
}

table
{
	border-spacing: 0px;
}

p
{ 
	font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
	line-height: 1.25;
	padding: 0px;
	margin: 0 0 .7em 0;
}

hr
{
	color: rgb(143, 184, 183);
	height: 1px;
	margin: 3px 0px 6px 0px;
}


ul
{
	margin-top: 0em;
	margin-bottom: .7em;
	list-style-image: url('images/bullet.gif');
	margin-left: 0px;
	padding: 0;
}


a
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: inherit;
    text-decoration: none;
    color: rgb(53, 107, 131);
}

a:hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: rgb(232, 115, 11);
}

.adword 
{
	text-decoration: underline;
}


.super { line-height: 0em; font-size: 8px; vertical-align: super; } 


.more-link
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 900;
    font-size: 10px;
    text-decoration: none;
    color: rgb(98, 124, 137);
}

.more-link2
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 900;
    font-size: 10px;
    text-decoration: none;
    color: white;
}


.more-link:hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 900;
    font-size: 10px;
    text-decoration: none;
    color: rgb(232, 115, 11);
}

.more-link2:hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 900;
    font-size: 10px;
    text-align: right;
    text-decoration: none;
    color: rgb(232, 115, 11);
}


.large-more-link
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 900;
    font-size: 12px;
    text-decoration: none;
    color: rgb(98, 124, 137);
}

.large-more-link:hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 900;
    font-size: 12px;
    text-decoration: none;
    color: rgb(232, 115, 11);
}

.tinytext
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 10px;
    text-decoration: none;
}

.bodytext
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.25;
    color: rgb(102, 102, 102);
}

.small-bodytext
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 10px;
    line-height: 1.25;
    color: rgb(102, 102, 102);
}

.tiny-bodytext
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 8px;
    line-height: 1.25;
    color: rgb(102, 102, 102);
}

.pull-quote
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.25;
    color: rgb(102, 102, 102);
    font-style: italic;
}

.large-pull-quote
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.25;
    color: rgb(102, 102, 102);
    font-style: italic;
}



.introtext
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.25;
    color: rgb(53, 107, 131);
}

.introtext-large
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.25;
    color: rgb(53, 107, 131);
}

.introtext-home
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.75;
    color: rgb(53, 107, 131);
}

.lead-in
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 900;
    font-size: 12px;
    line-height: 1.25;
    color: rgb(102, 102, 102);
}

.small-lead-in
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 900;
    font-size: 10px;
    line-height: 1.25;
    color: rgb(102, 102, 102);
}

.large-headline
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.25;
    color: rgb(232, 115, 11);
}

.huge-headline
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 32px;
    line-height: 1.1;
    color: rgb(232, 115, 11);
}


.headline
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.25;
    color: rgb(232, 115, 11);
}

.sidebar-headline
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 1.25;
    color: rgb(53, 107, 131);
}

.orange-subhead
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.25;
    color: rgb(232, 115, 11);
}


.subhead-1
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.25;
    color: rgb(53, 107, 131);
}

.subhead-2
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.25;
    color: rgb(53, 107, 131);
}

.subhead-3
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.25;
    color: rgb(53, 107, 131);
}

.para-space
{
    font-size: 6px;
    line-height: 1;
}


.productlist
{
	font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.25;
    color: rgb(102, 102, 102);
    list-style: none outside none; 
    margin-left: 0px;
    margin-top: 6px;
    margin-bottom: .7em;

}

.productlist li
{
	margin-bottom: .7em;

}



.linklist
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.25;
    color: rgb(102, 102, 102);
    list-style: square outside none; 
    margin-left: 14px;
    margin-top: 6px;
    margin-bottom: .7em;
}

.linklist li
{
	margin-bottom: .7em;

}

.linklist super
{
    line-height: 0;
}


.small-linklist
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 10px;
    line-height: 1.25;
    color: rgb(102, 102, 102);
    list-style: square outside none; 
    margin-left: 14px;
    margin-top: 6px;
}

.bigbullets
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.7;
    color: rgb(53, 107, 131);
    list-style: square inside none; 
    margin-left: 10px;
    margin-top: 6px;
}

.bigbullets super
{
    line-height: 0;
}

.button
{ background-color: rgb(203, 222, 223);
font-size: 11px; font-weight: 900;
color: black; }


    
.portal-head
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 34px;
    line-height: 1.0;
    color: rgb(232, 115, 11);
}

.portal-head-black
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 34px;
    line-height: 1.25;
    color: Black;
}

.portal-head-blue
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 34px;
    line-height: 1.25;
    color: rgb(53, 107, 131);
}

.portal-head-blue-small
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 1.25;
    color: rgb(53, 107, 131);
}


.portal-head-orange
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 34px;
    line-height: 1.25;
    color: rgb(232, 115, 11);
}


.portal-head-white
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 34px;
    line-height: 1.25;
    color: white;
}
    
    
.subhead-portal
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.25;
    color: rgb(53, 107, 131);
}

.newsletter-listing
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    color: rgb(53, 107, 131);
}


.nav-item
{
    border-left: solid 6px rgb(203, 222, 232);
    text-align: left;  
    padding: 5px;
    margin-bottom: 2px;
}

.nav-item:hover
{
    border-left: solid 6px rgb(232, 115, 11);
    text-align: left;  
    padding: 5px;
    margin-bottom: 2px;
}

.sub-nav-item
{   
    background-image: url(images/secondaryDropDownBg.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    /*background-color: rgb(204, 234, 236);*/
    border-left: solid 6px transparent;
    text-align: left; 
    height: 26px; 
    padding-left: 6px; padding-bottom: 0px;
    margin-bottom: 0px;
}

.sub-nav-item-on
{   
    background-image: url(images/secondaryDropDownBg.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    border-left: solid 6px rgb(53, 107, 131);
    /*background-color: rgb(204, 234, 236);*/
    text-align: left; 
    height: 26px; 
    padding-left: 6px; padding-bottom: 0px;
    margin-bottom: 0px;
}

.sub-nav-item:hover
{
    border-left: solid 6px rgb(232, 115, 11);
    /*border-bottom: dashed 1px rgb(153,153,153); */
    padding-left: 6px; padding-bottom: 0px;
    margin-bottom: 0px;
}

.sub-nav-popout
{
    background-image: url(images/tertiaryDropDownBg.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    /* background-color: rgb(250, 227, 206); */
    border-left: solid 6px rgb(53, 107, 131);
    text-align: left;
    height: 26px;  width: 160px;
    padding-left: 5px; padding-bottom: 0px;
    margin-bottom: 0px;
}

.sub-nav-popout:hover
{
    background-color: rgb(250, 227, 206);
    /* border-bottom: dashed 1px rgb(153,153,153); */
    border-left: solid 6px rgb(232, 115, 11);
    margin-bottom: 0px;
}

.sub-nav-modules
{
    background-image: url(images/tertiaryDropDownBg.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    /* background-color: rgb(250, 227, 206); */
    border-left: solid 6px rgb(53, 107, 131);
    text-align: left;
    height: 26px;  width: 165px;
    padding-left: 5px; padding-bottom: 0px;
    margin-bottom: 0px;
}

.nav-row
{
    height: 16px;
    background-color: rgb(204, 234, 236);
}

.nav-row:hover
{
    background-color: rgb(232, 115, 11);
}

.nav-row-on
{
    height: 16px;
    background-color: rgb(232, 115, 11);
}

.nav-marker
{
    /* border: 1px; border-color: Gray;
    border-style: dashed; */
    /* border-bottom: 6px; border-color: white; border-style: solid; */
    text-align: left;
    padding-bottom: 6px;
    background-color: inherit;
}

.nav-button
{
    /* border: 1px; border-color: Gray;
    border-style: dashed; */
    padding-left: 5px;
    text-align: left;
    background-color: transparent;
    height: 28px;
}

.nav-button-on
{
    /* border: 1px; border-color: Gray;
    border-style: dashed; */
    padding-left: 5px;
    text-align: left;
    height: 28px;
    background-color: Transparent;
    background-image: url("images/button-bg.png");
    background-position: left top;
    background-repeat: no-repeat;
    font-weight: 900; color: rgb(232, 115, 11);
    border-left-color: rgb(53, 107, 131);
}

.navtext a
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: 300;  
    color: rgb(102, 102, 102); 
    text-decoration: none;
    text-transform: none;
}

.navtext
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: 300;  
    color: rgb(102, 102, 102); 
    text-decoration: none;
    text-transform: none;
}

.navtext-on
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: 900;  
    color: rgb(232, 115, 11); 
    text-decoration: none; 
}


.widget-table
{
    border: 0px;
    padding: 0px;
    text-align: center;
}

.mousetext
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10px;
    font-weight: 300;  
    color: rgb(102, 102, 102); 
    text-decoration: none; 
}

.jump-dropdown
{
    width: 200px;
    font-size: 11px
}

.video-dropdown
{
    width: 260px;
    font-size: 11px
}

.search-box
{
    width: 152px;
    font-size: 11px
}

.search-button
{
    font-family: Arial Black, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: 300;
    color: rgb(53, 107, 131);
}

.search-button:hover
{
    font-family: Arial Black, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: 300;
    color: rgb(232, 115, 11);
}

.floating-rule
{
    position: relative; left: 0px; top: 0px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width: 100%; height: 1px;
    background-color: rgb(98, 124, 137);
}


    

.portal-linklist
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.25;
    list-style: square outside none; 
    margin-left: 14px;
    margin-top: 6px;
    margin-bottom: .7em;
}


.portal-linklist a
{
    text-decoration: none;
    color: rgb(98, 124, 137);
}


.portal-linklist a:hover
{
    text-decoration: none;
    color: rgb(232, 115, 11);
}
    


.staticMenu
{
    background-color: Transparent;
    color: White;
    padding-right: 8px;
    padding-top: 3px;
}

.dropDownMenu
{
    width: 120px;
    text-align: left;
    padding-left: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    line-height: 20px;
}

.primaryDropDownMenu
{
    width: 120px;
    text-align: right;
    padding-right: 16px;
    padding-top: 1px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    line-height: 20px;
}

.dropDownMenuTertiary
{
    width: 170px;  
    text-align: left;
    background-color: transparent;
    background-image: url("images/tertiaryDropDownBg.png");
    background-position: right;
    background-repeat: repeat-y;
    text-indent: 6px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    line-height: 20px;
    color: rgb(31, 113, 111);
}

.dropDownMenuTertiary:hover
{
    background-color: rgb(232, 115, 11);
    color: White;
    font-weight: 900;
}


.dropDownMenuItem
{
    position: relative; top: 0px; left: 0px; 
    height: 20px;
    text-indent: 8px;
    width: 143px;
    background-color: transparent;
    background-image: url("images/secondaryDropDownBg.png");
    background-position: right;
    background-repeat: repeat-y;
    color: rgb(102, 102, 102);
}

.dropDownMenuItem:hover
{
    position: relative; top: 0px; left: -10px; 
    height: 20px;
    text-indent: 8px;
    width: 151px;
    background-color: transparent;
    background-image: url("images/secondaryDropDownBg-roll.png");
    background-position: left;
    background-repeat: repeat-y;
    color: White;
}

.tertiaryDropDownMenuItemParent
{
    position: absolute; left: 13px; 
    width: 143px;
}

.tertiaryDropDownMenuItem
{
    position: relative; top: 0px; 
    height: 20px;
    text-indent: 8px;
    width: 143px;
    background-color: transparent;
    background-image: url("images/tertiaryDropDownBg.png");
    background-position: right;
    background-repeat: repeat-y;
    color: rgb(102, 102, 102);
}

.tertiaryDropDownMenuItem:hover
{
    position: relative; top: 0px; left: -10px; 
    height: 20px;
    text-indent: 8px;
    width: 151px;
    background-color: transparent;
    background-image: url("images/secondaryDropDownBg-roll.png");
    background-position: left;
    background-repeat: repeat-y;
    color: White;
}

table.deadend-grid
{
    padding: 0px;
    text-align: left;
    /* border: dashed 1px red; */
    margin: 0px;
    width: 690px;
}

table.deadend-grid td
{
    vertical-align: top;
}


table.portal-grid
{
    padding: 0px;
    text-align: left;
    /* border: dashed 1px red; */
    margin: 0px;
    width: 695px;
}

table.portal-grid td.portal-header
{
    padding: 6px;
    background-image: url("images/video-gradient-light.png")  
}


table.secondary-menu
{
    width: 100%;
    text-align: left;
    background-color: rgb(204, 234, 236);
    text-indent: 6px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    line-height: 20px;
    color: rgb(31, 113, 111);
    
}


table.secondary-menu td:hover
{
    background-color: rgb(232, 115, 11);
    color: White;
    font-weight: 900;
}


table.tertiary-menu
{
    width: 100%;
    text-align: left;
    background-color: rgb(250, 227, 206);
    text-indent: 6px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    line-height: 20px;
    color: rgb(31, 113, 111);
    
}


table.tertiary-menu td:hover
{
    background-color: rgb(232, 115, 11);
    color: White;
    font-weight: 900;
}


.level2-page
{
    margin: 20px;
}

.toptab-table
{
    padding: 0px;
    text-align: right;
    width: 693px;
}

.toptab-table2
{
    padding: 0px;
    text-align: left;
    width: 530px;
}

.toptab-table3
{
    padding: 0px;
    text-align: left;
}



td.toptab
{
    width: 180px; height: 18px;
    color: white;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: 700;  
    text-align: right;
    padding-right: 14px;
    padding-top: 9px;
    /*background-image: url("images/blue-toptab.png");*/
    background-position: right bottom;
    background-repeat: no-repeat;
    text-decoration: none;
}

td.toptab2
{
    width: 25%; height: 20px;
    color: rgb(102, 102, 102);
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: 300;  
    text-align: left;
    text-decoration: none;
    border-left: 5px rgb(203, 222, 223) solid;
    padding-left: 10px;
}

td.toptab3
{
    height: 12px;
    color: rgb(102, 102, 102);
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10px;
    font-weight: 300;  
    text-align: left;
    text-decoration: none;
    /* border-left: 1px silver dashed; */
    padding-left: 12px;
}



td.toptab a
{
    color: white;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: 700;  
    text-align: right;
    text-decoration: none;
}

td.toptab-sublinks
{
    width: 20%;
    color: rgb(53, 107, 131);
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: 700;  
    text-align: left;
    cursor: pointer;
}

td.toptab-sublinks-on
{
    width: 20%;
    color: rgb(53, 107, 131);
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: 700;  
    text-align: left;
}

td.toptab-on
{
    width: 180px; height: 18px;
    color: white;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: 700;  
    text-align: right;
    padding-right: 14px;
    padding-top: 9px;
   /* background-image: url("images/orange-toptab.png");*/
    background-position: right bottom;
    background-repeat: no-repeat;
}

.toptab-off
{
    width: 150px; height: 18px;
    color: rgb(102, 102, 102);
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: 700;  
    text-align: left;
    padding-top: 8px;
}

.toptab-off a
{
    width: 150px; height: 18px;
    color: rgb(53, 107, 131);
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: 700;  
    text-align: left;
    padding-top: 9px;
    text-decoration: none;
}

.toptab-off a:hover
{
    width: 150px; height: 18px;
    color: rgb(232, 115, 11);
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: 700;  
    text-align: left;
    padding-top: 8px;
    text-decoration: none;
}

.toptab-on-menu
{
    width: 150px; height: 20px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: 700;  
    text-align: right;
    padding-right: 14px;
    padding-top: 4px;
   /* background-image: url("images/orange-toptab.png");*/
    background-position: right bottom;
    background-repeat: no-repeat;
}

.toptab-on-menu:hover
{
    /*background-image: url("images/orangeglow-toptab.png");*/

}

.toptab-on-large
{
    width: 50%; height: 20px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    color: White;
    font-weight: 700;  
    text-align: right;
    padding-right: 18px;
    padding-top: 7px;
    background-image: url("images/toptab-on-large.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    cursor: pointer;
}

 
.toptab-on-large:hover
{
    background-image: url("images/toptab-on-large-roll.png");
}   



td.toptab:hover
{
    /*background-image: url("images/blueglow-toptab.png");*/
    cursor: pointer;
}

td.toptab-on:hover
{
    /*background-image: url("images/orangeglow-toptab.png");*/
    cursor: pointer;
}



table.home-column-grid
{
    padding: 0px 0px 0px 0px;
    border: none;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: 690px;
}

.home-column-grid td
{
    padding-left: 10px;
    width: 30%;
    vertical-align: top;
}

td.two-columns 
{
    width: 420px; 
    padding-bottom: 0px;
    border-left: dashed 1px rgb(143, 184, 183);
}

td.gutter
{
    width: 10px;
}

td.pr-column 
{

    padding-bottom: 0px; width: 350px;
}

td.ss-column 
{

    padding-bottom: 0px; width: 350px;
}


td.home-column-top-spacer
{
    height: 210px;
    border-left-style: none;
}

.portal-grid td
{
    vertical-align: top;
}


.submenu
{
    position: relative; left: 3px; top: 3px;
    height: 40px;
    background-image: url("images/toptab-submenu-bg.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    /* border: dashed 1px green; */
}

.submenu:hover
{
    background-image: url("images/toptab-submenu-bg-on.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    /* border: dashed 1px green; */
}

.submenu-on
{
    position: relative; left: 0px; top: -4px;
    height: 40px;
    background-image: url("images/toptab-submenu-bg-on.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    /* border: dashed 1px green; */
}

.submenu-placeholder
{
    position: relative; left: -36px; top: -3px;
    height: 40px;
}

.top-submenu
{
    position: absolute; left: 72px; top: -10px;
    height: 40px; width: 105%;
    /* border: dashed 1px blue;    */
}

.product-head
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 1.25;
    color: rgb(232, 115, 11);
}

.product-head-gray
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 1.25;
    color: rgb(142, 142, 142);
}

.product-head-white
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 1.25;
    color: white;
}

.product-head-2 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: 300;
	font-size: 24px;
	line-height: 1.25;
	color: rgb(232, 115, 11);
}

.product-head-2-Gray {
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: 300;
	font-size: 24px;
	line-height: 1.25;
	color: rgb(128, 128, 128);
}


td.gray-listing
{
/*rgb(98, 124, 137)*/

    border-left: solid 1px silver;
    border-top: solid 1px silver; 
    border-bottom: solid 1px silver;
    padding-left: 8px; 
    background-image: url(images/ltgray-gradient.png); 
    background-repeat: repeat-y;
}


table.press-releases
{
	width: 100%;
}


table.press-releases td.release
{
    /*border-right: solid 1px rgb(53, 107, 131);*/
    padding: 12px 18px 12px 12px;
    border-left: dashed 1px rgb(143, 184, 183);
    border-bottom: dashed 1px rgb(143, 184, 183);
    /*background-image: url("images/sidebar-grayblue-bg-8bit.png");
    background-position: left;
    background-repeat: repeat-y;*/
}

table.press-releases td.success-story
{
    /*border-right: solid 1px rgb(53, 107, 131);*/
    padding: 6px 0px 6px 12px;
    border-left: dashed 1px rgb(98, 124, 137);
    border-bottom: dashed 1px rgb(98, 124, 137);
    /*background-image: url("images/sidebar-grayblue-bg-8bit.png");
    background-position: left;
    background-repeat: repeat-y;*/
}


table.press-releases td.release-header
{
    border-left: 0px;
    /*border-right: solid 1px rgb(53, 107, 131);*/
    height: 20px;
    padding-left: 12px; padding-top: 0px;
    border-left: dashed 1px rgb(143, 184, 183);
    /*background-image: url("images/sidebar-grayblue-bg-8bit.png");
    background-position: left top;
    background-repeat: no-repeat;*/
    
}

table.press-releases td.story-header
{
    border-left: 0px;
    /*border-right: solid 1px rgb(53, 107, 131);*/
    height: 30px;
    padding-left: 12px; padding-top: 0px;
    border-left: dashed 1px rgb(143, 184, 183);
    /*background-image: url("images/sidebar-grayblue-bg-8bit.png");
    background-position: left top;
    background-repeat: no-repeat;*/
    
}


table.press-releases td.release-footer
{
    border-left: 0px;
    padding-left: 12px;
    /*border-right: solid 1px rgb(53, 107, 131);*/
    padding-bottom: 3px;
    padding-right: 12px;
    height: 16px;
    border-left: solid 1px rgb(53, 107, 131);
    background-color: rgb(53, 107, 131);
    /*background-image: url("images/sidebar-grayblue-bg-8bit.png");
    background-position: left bottom;
    background-repeat: no-repeat;*/
    
}

table.press-releases td.story-footer
{
    border-left: 0px;
    padding-left: 12px;
    /*border-right: solid 1px rgb(53, 107, 131);*/
    padding-bottom: 3px;
    padding-right: 12px;
    height: 16px;
    border-left: solid 1px rgb(53, 107, 131);
    background-color: rgb(53, 107, 131);
    /*background-image: url("images/sidebar-grayblue-bg-8bit.png");
    background-position: left bottom;
    background-repeat: no-repeat;*/
    
}


td.portal-subheader-block
{
    border-left: solid 6px rgb(98, 124, 137); padding-left: 4px;
    border-top: solid 1px rgb(98, 124, 137);
    background-image: url("images/portal-subheader-block-bg-8.png");
    background-repeat: no-repeat;
}

/*td.portal-subheader-block:hover
{
    border-left: solid 6px rgb(232, 115, 11);
    background-image: url("images/portal-subheader-block-bg-r.png");
}*/

td.lc-subheader-block
{
    border-left: solid 6px rgb(53, 107, 131); 
    border-bottom: dashed 1px silver; 
    padding-left: 3px;
    background-image: url("images/portal-subheader-block-bg-8.png");
    background-repeat: no-repeat;
}

td.related-subheader-block
{
    border-left: solid 1px rgb(53, 107, 131); padding-left: 8px;
    background-image: url("images/tips-subheader-block.png");
    background-repeat: no-repeat;
}

td.listing-description
{
    border-bottom: solid 1px silver;
    padding-right: 12px;
    width: 350px; 
}


td.listing-download
{
    border-left: solid 1px silver;
    border-bottom: solid 1px silver;
    padding-left: 6px;
}

.listing-indent
{
    padding-left: 12px; padding-right: 6px; margin-top: 3px; margin-bottom: 3px;
}

table.customer-stories
{
    padding: 0px;
    text-align: left;
    width: 693px;
    /* border: dashed 1px red;  */
    margin: 0px;
}

td.stories-banner
{
    border-left: solid 6px rgb(53, 107, 131); padding-left: 8px;
    background-image: url("images/portal-subheader-block-bg-8.png");
    background-repeat: no-repeat;
}

td.stories-product-page-listing-head
{
    border-top: solid 1px rgb(143, 184, 183);
    padding-right: 12px;
    background-image: url(images/gradient-2-8bit.png); 
    background-position: right;
    background-repeat: repeat-y;
}

td.stories-product-page-listing
{
    border-top: solid 1px rgb(143, 184, 183);
    padding-right: 12px;
}

td.stories-head
{
    background-color: rgb(53, 107, 131);
    padding-left: 8px; padding-right: 12px;
    color: white; font-weight: 700;
}

td.stories-listing
{
    border-left: solid 1px rgb(143, 184, 183);
    border-bottom: solid 1px rgb(143, 184, 183);
    padding-left: 6px; padding-right: 12px;
}


td.darkrule
{
    background-color: rgb(53, 107, 131);
}


img.sidebar-thumbnail
{
    float: right;
    margin-left: 8px;
    margin-bottom: 8px;
    width: 100px; height: 100px;
}



table.blue-sidebar td
{   
    position: relative; left: 0px; top: 0px;
    width: 230px; 
    border-left: 0px;
    border-right: solid 1px rgb(143, 184, 183);
    margin-bottom: 0px; 
    padding: 12px 24px 12px 12px;
    background-image: url("images/gradient-1.png");
    background-position: right;
    background-repeat: repeat-y;
}


table.orange-sidebar td
{
    position: relative; left: 0px; top: 0px;
    width: 230px; 
    /*border: solid 1px rgb(102, 102, 102);*/
    border-right: solid 1px rgb(143, 184, 183);
    padding: 8px 8px 8px 8px;
    background-image: url("images/sidebar-bg.png");
    background-position: top right;
    background-repeat: repeat-y;

}

table.orange-highlight-zone td
{
    position: relative; left: 0px; top: 0px;
    width: 100%;
    /*border: solid 1px rgb(102, 102, 102);*/
    border-left: solid 1px rgb(143, 184, 183);
    padding: 8px 8px 8px 8px;
    background-image: url("images/sidebar-bg2.png");
    background-position: top left;
    background-repeat: repeat-y;

}


table.grayblue-sidebar td
{
    position: relative; left: 0px; top: 0px;
    width: 230px; 
    /*border: solid 1px rgb(102, 102, 102);*/
    border-right: solid 1px rgb(143, 184, 183);
    padding: 8px 8px 8px 8px;
    background-image: url("images/sidebar-grayblue-bg-8bit.png");
    background-position: top right;
    background-repeat: repeat-y;

}

td.grayblue
{
    border-right: solid 1px rgb(143, 184, 183);
    border-left: dashed 1px rgb(143, 184, 183);
    padding: 8px 8px 8px 8px;
    background-image: url("images/sidebar-grayblue-bg-8bit.png");
    background-position: top right;
    background-repeat: repeat-y;

}


img.bordered-image
{
	border: 1px silver solid;
	margin: 6px 6px 6px 6px;
}


img.newsletters-listing-image
{
	border: 1px silver solid;
	margin: 6px 6px 6px 6px;
	width: 100px; height: auto;
	float: right;
}



.featured-products
{
	float: right; margin: 0px 8px 0px 8px; width: 180px; border-left: 1px silver dashed;
}

.modules-subtitle

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; color: rgb(232, 115, 11);
	line-height: 1.5;
	padding-left: 0px;
}

.bio-roll
{
	cursor: pointer;
	color: rgb(53, 107, 131);
	font-weight: 900;
}

.bio-roll:hover
{
	color: rgb(232, 115, 11);
}




td.misc-listing-header
{
	background-color: rgb(98, 124, 137);
	color: white;
	font-weight: 900;
	vertical-align: middle;
}


table.misc-listing
{
	border-bottom: 1px rgb(143, 184, 183) solid;
	border-left: 1px rgb(143, 184, 183) solid;
}

table.misc-listing-bordered
{
	
	border-left: 1px rgb(143, 184, 183) solid;
	border-top: 1px rgb(143, 184, 183) solid;
}


table.misc-listing-bordered td
{
	border-right: 1px rgb(143, 184, 183) solid;
	border-bottom: 1px rgb(143, 184, 183) solid;
	padding-left: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
	padding-top: 6px;

}



table.misc-listing td
{
	border-right: 1px rgb(143, 184, 183) solid;
	border-bottom: 1px rgb(143, 184, 183) solid;
	padding-left: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
	padding-top: 6px;
}

td.misc-listing-header
{
	background-color: rgb(98, 124, 137);
	color: white;
	font-weight: 900;
	vertical-align: middle;
}

td.misc-listing-header2
{
	background-color: rgb(203, 222, 223);
	color: rgb(98, 124, 137);
	font-weight: 900;
	vertical-align: middle;
}


td.misc-listing-header-highlight
{
	background-color: rgb(232, 115, 11);
	color: white;
	font-weight: 900;
	vertical-align: middle;
}


td.misc-listing-item
{
	background-image: url('images/gradient-2-8bit.png');
	background-repeat: repeat-y;
}

td.misc-listing-item-highlight
{
	background-image: url('images/sidebar-bg3-8bit.png');
	background-repeat: repeat-y;
}




table.resellers-listing
{
	border-bottom: 1px rgb(143, 184, 183) solid;
}


table.resellers-listing td
{
	border-bottom: 1px rgb(143, 184, 183) solid;
	padding-left: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
	padding-top: 6px;
}

td.resellers-listing-header
{
	background-color: rgb(98, 124, 137);
	color: white;
	font-weight: 900;
	vertical-align: middle;
}

td.resellers-listing-header2
{
	background-color: rgb(203, 222, 223);
	color: rgb(98, 124, 137);
	font-weight: 900;
	vertical-align: middle;
}


td.resellers-listing-header-highlight
{
	background-color: rgb(232, 115, 11);
	color: white;
	font-weight: 900;
	vertical-align: middle;
}


td.resellers-listing-item
{
	background-image: url('images/gradient-2-8bit.png');
	background-repeat: repeat-y;
}

td.resellers-listing-item-highlight
{
	font-weight: 900;
	background-image: url('images/sidebar-bg3-8bit.png');
	background-repeat: repeat-y;
}








table.newsletter
{
	width: 850px;
	background-color: transparent;
	margin: 0 0 0 0;
    padding: 0 0 0 0;

}

td.newsletter-header
{
		text-align: center;
}


td.newsletter-body
{
	background-image: url("images/newsletter-bg.png");
    background-repeat: repeat-y;
    padding-left: 40px;
}



.newsletter-back-link
{
    color: rgb(102, 102, 102);
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: 700;  
    text-align: left;
    padding-top: 8px;}




.newsletter-footer
{
	background-image: url('images/newsletter-footer.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: left; 
	padding-left: 40px; 
	height: 30px;
}






.ctl00_popOut_10
{
    background-image: none;
}

.ctl00_popOut_16
{
    background-image: none;
}

.ctl00_popOut_12
{
    background-image: none;
}

.ctl00_popOut_14
{
    background-image: none;
}

.next-prev
{
	background-image: url("images/gradient-1.png");
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: 300;
	font-size: 10px;
	text-align: right;
}

table.upward-tabs
{
	font-size: 12px;
	color: gray;
	padding-top: 2px;
	height: 20px;
	font-weight: 700;
}

td.upward-tabs
{
	width: 100px;
	font-size: 14px;
	text-align: right;
	vertical-align: middle;
	border-right: 1px silver solid;
	padding-right: 8px;
	background-image: url("images/upward-tab.png");
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}

td.upward-tabs-on
{
	width: 100px;
	font-size: 14px;
	text-align: right;
	vertical-align: middle;
	border-right: 1px silver solid;
	padding-right: 8px;
	background-image: url("images/upward-tab-on.png");
	background-position: left top;
	background-repeat: no-repeat;
}


td.upward-tabs:hover
{
	background-image: url("images/upward-tab-on.png");
}



