/* -- TEXT CLASSES ------------------------- */
.text_global
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: verdana
}
.text_big
{
    FONT-SIZE: 8pt;
    COLOR: #0070b2;
    FONT-FAMILY: verdana;
    FONT-WEIGHT: bold
}
.text_global_orange
{
    FONT-SIZE: 8pt;
    COLOR: #e86a10;
    FONT-FAMILY: verdana;
    FONT-WEIGHT: bold
}
.text_global_red
{
    FONT-SIZE: 8pt;
    COLOR: #ff0000;
    FONT-FAMILY: verdana;
    FONT-WEIGHT: bold
}
.text_headline
{
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bold;
    COLOR: #0070b2;
    FONT-FAMILY: verdana
}
.text_headline_small
{
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    COLOR: #666666;
    FONT-FAMILY: arial
}
.text_subhead
{
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    COLOR: #333333;
    FONT-FAMILY: verdana
}
.text_white
{
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: verdana
}
.text_static
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: verdana;
    -webkit-text-size-adjust: none;
}
.text_static_small
{
    FONT-SIZE: 7pt;
    COLOR: #666666;
    FONT-FAMILY: verdana;
    -webkit-text-size-adjust: none;
}
.text_small
{
    FONT-SIZE: 6pt;
    COLOR: #333333;
    FONT-FAMILY: verdana
}
.text_sup
{
    FONT-SIZE: 6pt;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none
}
.copyright_text
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: verdana;
}
.text_highlight
{
    FONT-SIZE: 7pt;
    COLOR: #333333;
    FONT-FAMILY: verdana
}
.text_orange
{
    FONT-SIZE: 8pt;
    COLOR: #e86a10;
    FONT-FAMILY: Verdana;
    -webkit-text-size-adjust: none;
}
.text_orange_small
{
    FONT-SIZE: 8pt;
    COLOR: #e86a10;
    FONT-FAMILY: Verdana;
    -webkit-text-size-adjust: none;
}
.text_type
{
    FONT-SIZE: 7pt;
    COLOR: #333333;
    FONT-FAMILY: verdana
}
.text_global_app
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #f9f9f9
}
.text_global_app_col
{
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: verdana;
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #e86a10
}
.text_global_app_sp
{
    PADDING-TOP: 1px;
    PADDING-BOTTOM: 1px;
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #e4e4e4
}
.text_specialsection
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: verdana
}


/* -- LINK CLASSES ------------------------- */
#contentspan a:link {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #0070b2;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
#contentspan a:visited {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #65b1dd;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
#contentspan a:active {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #0070b2;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
#contentspan a:hover {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #e86a10;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
#contentspan2 a:link {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #0070b2;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
#contentspan2 a:visited {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #65b1dd;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
#contentspan2 a:active {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #0070b2;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
#contentspan2 a:hover {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #e86a10;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
.link_static
{    
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    COLOR: #0070b2;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline;
    -webkit-text-size-adjust: none;
}
.link_static:hover
{
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    COLOR: #e86a10;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline;
    -webkit-text-size-adjust: none;
}
.link_static_orange
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #e86a10;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none
}
.link_static_orange:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #e86a10;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
.link_static_small
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: #0070b2;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline;
    -webkit-text-size-adjust: none;
}
.link_static_small:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: #e86a10;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline;
    -webkit-text-size-adjust: none;
}
.link_highlight
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: #0070b2;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
.link_highlight:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: #e86a10;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
.link_highlight:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: #65b1dd;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
.link_global
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #0070b2;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
.link_global:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #e86a10;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
.link_home_big
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    COLOR: #0070b2;
    FONT-FAMILY: times;
    TEXT-DECORATION: underline
}
.link_home_big:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    COLOR: #e86a10;
    FONT-FAMILY: times;
    TEXT-DECORATION: underline
}
.link_home_big:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    COLOR: #65b1dd;
    FONT-FAMILY: times;
    TEXT-DECORATION: underline
}
.link_section
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #0070b2;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
.link_section:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #e86a10;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
.link_section:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #65b1dd;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
.link_white
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
.link_white:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #9ddaf2;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
.link_left_nav
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none
}
.link_left_nav:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
.link_left_nav:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #777777;
    FONT-FAMILY: verdana;
}
.link_left_nav_current
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #e86a10;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none
}
.link_left_nav_current:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #e86a10;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}


/* -- FORM CLASSES ------------------------- */
.form_searchBox
{
    BORDER-STYLE: solid;
    BORDER-WIDTH: 1pt;
    FONT-SIZE: 8pt;
    COLOR: #666666;
    FONT-FAMILY: verdana;
    WIDTH: 150px;
    -webkit-text-size-adjust: none;
}
.form_loginBox
{
    BORDER-STYLE: solid;
    BORDER-WIDTH: 1pt;
    FONT-SIZE: 8pt;
    COLOR: #666666;
    FONT-FAMILY: verdana;
    WIDTH: 80px
}
.form_textBox
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: verdana;
}
.formErrorMsg
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ff0000;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: center;
    TEXT-DECORATION: underline
}
.formEntryErr
{
    FONT-SIZE: 8pt;
    BORDER-LEFT-COLOR: #ff0000;
    BORDER-BOTTOM-COLOR: #ff0000;
    BORDER-TOP-STYLE: solid;
    BORDER-TOP-COLOR: #ff0000;
    FONT-FAMILY: arial;
    BORDER-RIGHT-STYLE: solid;
    BORDER-LEFT-STYLE: solid;
    BORDER-RIGHT-COLOR: #ff0000;
    BORDER-BOTTOM-STYLE: solid;
    font-color: #000099
}
.formErrorTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ff0000;
    FONT-STYLE: italic;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: center;
    TEXT-DECORATION: underline
}

/* -- STRUCTURAL CLASSES ------------------------- */
.toggle
{
    DISPLAY: none
}
FORM.noSpace
{
    DISPLAY: inline
}
.normalFonts
{
    FONT-SIZE: 7pt;
    COLOR: #333333;
    FONT-FAMILY: verdana;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.largeFonts
{
    FONT-SIZE: 10pt;
    COLOR: #0070b2;
    FONT-WEIGHT: bold;
    FONT-FAMILY: verdana;
}
.largeFonts:hover
{
    FONT-SIZE: 10pt;
    COLOR: #e86a10;
    FONT-WEIGHT: bold;
    FONT-FAMILY: verdana;
}
.left_nav_cell
{
    PADDING-TOP: 6px;
    PADDING-BOTTOM: 6px;
    FONT-SIZE: 7pt;
    COLOR: #666666;
    FONT-FAMILY: verdana
}
.left_nav_cell_current
{
    PADDING-TOP: 6px;
    PADDING-BOTTOM: 6px;
    FONT-SIZE: 7pt;
    COLOR: #666666;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #ffffff
}
.bullet_solid 
{
    list-style-image: url(../Images/bullet_solid.gif);
}
.bullet_open 
{
    list-style-image: url(../Images/bullet_open.gif);
}
li
{
    list-style-image: url(/web/reddotcm/images/structure/bullet_solid.gif);
}
hr
{
    HEIGHT: 1px;
    COLOR: #DDDDDD;
}
.answer_nav
{
    PADDING-TOP: 6px;
    PADDING-BOTTOM: 6px;
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: verdana
}
.answer_button_q
{
    FONT-SIZE: 12pt;
    FONT-STYLE: italic;
    COLOR: #666666;
    FONT-FAMILY: times
}
.answer_button_a
{
    FONT-SIZE: 12pt;
    FONT-weight: bold;
    COLOR: #e86a10;
    FONT-FAMILY: times
}

.shadow_container_1                 { border-style: solid; border-width: 1px; border-color: #eeeeee }
.shadow_container_2                 { border-style: solid; border-width: 1px; border-color: #cccccc }


/*----------------left nav------------------*/
div#topNavigation ul#topMenu div.leftOnly {
 display:none;
}
.default, .active, .current, .sectionHeader, .text, #center, #bottom, .default, .active, .current, .whitetext, .linkHeader, .sectionHeader, .formheading, .caption, .inpagelink, .byline, .teaser, .fulltext, #loginForm, #userAdminBox {
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 8pt;
 color : #000;
 font-weight : normal; 
 text-decoration : none;
}
#leftMenu{
 margin:0px;
 padding:0px;
 list-style-type: none;
}
/*---hide first level---*/
#leftMenu ul{
 margin: 2px;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 0px;
 list-style-type: none;
}
#leftMenu li{
 list-style-image: none;
 background-image: url(/web/reddotcm/images/structure/arrow_trans_back.gif);
 background-repeat: no-repeat;
 background-position: 5px 4px;
 padding-left: 20px;
 padding-top: 4px;
 padding-bottom: 4px;
}
#leftMenu li.open{
 background-color: #ffffff;
}
#leftMenu li a{
text-decoration : none;
}
#leftMenu li a:hover{
text-decoration : underline;
}
/*---show other levels---*/
#leftMenu li ul a{
 display:inline;
 vertical-align:top;
 text-align:left;
}
#leftMenu ul.menuOff {
 display: none;
}
#leftMenu ul ul{
 margin-height: 4px;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 0px;
}
#leftMenu ul.menuOff {
 display: none;
}
#leftMenu li.none{
 padding-left: 20px;
}
#leftMenu ul li.none{
 list-style-image: none;
 background-image: url(/web/reddotcm/images/structure/arrow_trans_back.gif);
 background-repeat: no-repeat;
 background-position: 4px 2px;
 padding-left: 20px;
 padding-top: 2px;
 padding-bottom: 2px;
}
#leftMenu ul li.closed {
 list-style-image: none;
 background-image: url(/web/reddotcm/images/structure/arrow_trans_back.gif);
 background-repeat: no-repeat;
 background-position: 4px 2px;
 padding-left: 20px;
 padding-top: 2px;
 padding-bottom: 2px;
}
#leftMenu ul li.open {
 background-image: url(/web/reddotcm/images/structure/arrow_trans_back.gif);
 background-repeat: no-repeat;
 background-position: 4px 2px;
 padding-left: 20px;
 padding-top: 2px;
 padding-bottom: 2px;
}
/* limit displayed left menu levels to 3 visible (4 levels)*/
#leftMenu ul ul ul ul{ 
 display: none;
}
#leftMenu ul ul ul li.closed, #leftMenu ul ul ul li.open{
 background-image: none;
}







/*  -- SPRY-Dreamweaver Classes ------------------------------------------------------------------ */
@charset "UTF-8";

.radioRequiredMsg, .radioInvalidMsg{
    display: none;
}
.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg{
    display: inline;
    color: #CC3333;
    /*border: 1px solid #CC3333;*/
}

/* SpryValidationSelect.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* These are the classes applied on the messages
 * (required message and invalid state message)
 * which prevent them from being displayed by default.
 */ 
.selectRequiredMsg, .selectInvalidMsg {
    display: none;
}
/* These selectors change the way messages look when the widget is in one of the error states (required, invalid).
 * These classes set a default red border and color for the error text.
 * The state class (.selectRequiredState or .selectInvalidState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
    display: inline;
    color: #CC3333;
    /*border: 1px solid #CC3333;*/
}
/* The next three group selectors control the way the core element (SELECT) looks like when the widget is in one of the states: 
 * focus, required / invalid, valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the SELECT
 * - the widget id is placed on the SELECT element itself (there are no error messages)
 */
 
/* When the widget is in the valid state the SELECT has a green background applied on it. - CHANGED TO WHITE */
.selectValidState select, select.selectValidState {
    background-color: #ffffff;
}
/* When the widget is in an invalid state the SELECT has a red background applied on it. */
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
    background-color: #FF9F9F;
}
/* When the widget has received focus, the SELECT has a yellow background applied on it. -- CHANGED TO WHITE */
.selectFocusState select, select.selectFocusState {
    background-color: #FFFFFF;
}
 

/* --- jQuery CLASSES FOR SPECIAL REFORM PAGE ------------------ */
#bodycontent {
    PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 15px
}
#bodycontent P {
    PADDING-BOTTOM: 1em; LINE-HEIGHT: 1.4em
}
#bodycontent .smallnote {
    BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #f1f1f1; MARGIN: 1em; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT-SIZE: 0.8em; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 5px
}
#bodycontent H2.moduleheader {
    BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 7px; MARGIN: 0px 0px 1em; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: url(/web/reddotcm/images/content/arrow-square.gif) #f1f1f1 no-repeat right -49px; FONT-SIZE: 1em; BORDER-TOP: silver 1px solid; CURSOR: pointer; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 7px
}
#bodycontent H2.active {
    BACKGROUND-POSITION: right 7px
}

#bodycontent p.moduleheader {
    BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 7px; MARGIN: 0px 0px 1em; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: url(/web/reddotcm/images/content/arrow-square.gif) #f1f1f1 no-repeat right -49px; FONT-SIZE: 1em; BORDER-TOP: silver 1px solid; CURSOR: pointer; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 7px
}
#bodycontent p.active {
    BACKGROUND-POSITION: right 7px
}

#bodycontent UL.classdetailslist {
    PADDING-BOTTOM: 0em; PADDING-LEFT: 2em; PADDING-RIGHT: 0em; PADDING-TOP: 0em
}
#bodycontent UL {
    PADDING-BOTTOM: 0.5em; PADDING-LEFT: 2em; PADDING-RIGHT: 0em; PADDING-TOP: 0em
}
#bodycontent LI {
    PADDING-BOTTOM: 5px
}



/* --- SPRITE AND TWITTER CLASSES FOR SPECIAL REFORM PAGE --------------------- */

#rollover .impactBtn{margin-left: 5px;cursor: pointer;display: block;width: 54px;height: 45px;background-position: 0px 0px;background-repeat: no-repeat;float:left;}
#rollover .impactBtn:hover {background-position: 0px -47px;}
#rollover .impactBtn {width: 54px;height: 45px;float:left;}
#rollover .communityBtn{margin-left: 5px;cursor: pointer;display: block;width: 103px;height: 20px;background-position: 0px 0px;background-repeat: no-repeat;}
#rollover .communityBtn:hover {background-position: 0px -20px;}
#rollover .communityBtn {width: 103px;height: 20px;}
#rollover .timeline {margin-left: 5px;cursor: pointer;display: block;width: 245px;height: 88px;background-position: 0px 0px;background-repeat: no-repeat;}
#rollover .timeline:hover {background-position: 0px -104px;}
#rollover .timeline {width: 245px;height: 88px;}


#twitter_update_list {list-style:none; list-style-type:none;}
#twitter_update_list ul {list-style:none; list-style-type:none;}
#twitter_update_list ul li {list-style:none; list-style-type:none;}


/* --- YETII TAB CLASSES --------------------- */
/* globals */
#yetii ul, ol, li, pre {
    margin: 0;
    padding: 0;
}

#yetii ul {
    list-style-type: none;
}
code {
    font-size: 100%;
    color: #666;
}
/* layout */


#km-wrapper {
    width: 700px;
    /*margin: auto;*/
    background: #fff;
}
#km-wrapper-inner {
    padding: 40px 20px;
}
/* text styles */
h1.km-def {
    margin: 0 0 20px 0;
    color: #000;
}
h2.km-def {
    font-size: 100%;
    margin: 30px 0 20px 0;
    color: #000;
}
p.km-def {
    margin: 0 0 20px 0;
    line-height: 140%;
}
ul.km-def, ol.km-def {
    margin: 0 0 20px 0;
}
ul.km-def li, ol.km-def li {
    margin-left: 40px;
    line-height: 140%;
}
ul.km-def {
    list-style-type: square;
}
pre.km-def {
    font-size: 100%;
    color: #999;
    margin: 0 0 20px 0;
    border: 1px solid #ccc;
    padding: 5px 10px;
}
/* links */
a.km-def {
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    color: #666;
}
a.km-def:hover {
    background: #F3F3F3;
    color: #000;
    border-bottom: 1px solid #000;
}
/* misc */
.new {
    background: url(n_eng.gif) 100% 0 no-repeat;
    padding-right: 25px;
}
img.km-def {
    border: 2px solid #ccc;
}
 
/* demo */
div.demolayout {
    width: 100%;
    margin: 0 0 20px 0;
}
ul.demolayout {
    list-style-type: none;
    width: 100%;
    float: left;
    background: url(pixel.gif) bottom left repeat-x;
}
ul.demolayout li {
    margin: 0 2px 0 0;
    float: left;
}
ul.demolayout a {
    float: left;
    display: block;
    padding: 4px 8px;
    border: 1px solid #ccc;
    border-bottom: 0;
    color: #666;
    background: #eee;
    text-decoration: none;
    font-weight: bold;
}
ul.demolayout a:hover {
    background: #fff;
}
ul.demolayout a.active {
    background: #fff;
    padding-bottom: 5px;
    cursor: default;
    color: #00f;
}
.tabs-container {
    clear: left;
    border: 1px solid #ccc;
    /*border-top: 0;*/
    padding: 20px 8px 0 8px;
}
#demo h2 {
    font-size: 100%;
    margin: 0 0 20px 0;
}


/* begin styles for RSS Feed 
     This is the most basic style to use for a list with no bullets */

.rss_box {
     width: 250px;
     background-color: #ffffff;
}

.rss_title, rss_title a {
    margin: 0px 0;
    padding: 0;
}

.rss_items {
       list-style:none;
       margin:0 0 0 10px;
       padding:0 0 0 10px;
}


.rss_item  {
  font-size: x-small;
  margin-bottom: 1em;;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {

    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #0070b2;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline

    }

.rss_item a:hover { 
     FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #e86a10;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline

    }
    
.rss_date {
    font-size: xx-small;
    }