body {
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}

#page {
    padding-top: 17px;
    padding-bottom: 26px;
    margin-left: auto;
    margin-right: auto;
    width: 705px;
}

#footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 24px;
    z-index: 1;
    overflow: hidden;
    background: url(/images/footer_bg.gif) no-repeat right bottom #58585A;
}

#footer_realsmart {
    position: absolute;
    bottom: 6px;
    left: 42px;
}

#footer_smartassess {
    position: absolute;
    bottom: 6px;
    right: 104px;
}

/******************************************** General HTML tag styles ********************************************/

form {
    margin: 0px;
}

/******************************************** Link styles *******************************************************/

a {
    color: #DE3727;
    font-weight: bold;
    outline: none;
    text-decoration: underline;
    padding: 2px;
}

a:hover {
    color: #FFFFFF;
    background-color: #DE3727;
    text-decoration: none;
    padding: 2px;
}

a img {
    border: 0;
}

#footer a {
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    outline: none;
    text-decoration: underline;
    padding: 2px;
}

#footer a:hover {
    color: #58585A;
    background-color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    padding: 2px;
}

/******************************************** Tinymce and guidance area styles ********************************************/

div#rweb_cell a,
body.tinyMceEditor a {
    color: #0000FF;
    text-decoration: underline;
    padding: 2px;
}

div#rweb_cell a:hover,
body.tinyMceEditor a:hover {
    color: #FFFFFF;
    background-color: #0000FF;
    text-decoration: none;
    padding: 2px;
}

/******************************************** Section-specific styles ********************************************/

div#rweb_cell {
    margin-bottom: 15px;
    overflow: hidden;
    padding: 5px;
}

h1.breadcrumb {
    font-size: 14px;
    font-weight: bold;
    color: #58585A;
    margin-top: 0;
    padding-top: 5px;
    padding-left: 2px;
    padding-bottom: 3px;
}

/******************************************** Dynamic HTML styles ********************************************/

#content {
    color: #000000;
    background-color: #FFFFFF;
}

.style1 {
    font-size: 10px;
}

#loading {
    display:none;
    text-align:center;
    margin-bottom:20px;
}

/******************************************** Comments styles specific to this tool ********************************************/

div.comment_info {
    clear: left;
    padding: 0px;
    font-weight: bold;
    color: #C93F27;
}

div.comment_content {
    float: left;
    margin-top: 12px;
    width: 605px;
}

/******************************************** Foldable rweb CSS menu ********************************************/

/*************************************************************************
* This is the SKIN style definition for the CSS menu.                                        *
* Feel free to customize this section.                                                                     *
*************************************************************************/

/*
 * Menu container settings
 * Applies to the first level menu container
 */
.metal_orange {
        font-family: Arial,Helvetica,Verdana,sans-serif;
        font-size: 11px;
         font-weight: bold;
        width: 700px;
}
/*
 * Menu container settings
 * Applies to second (or more) level menu containers
 */
.metal_orange ul {
        font-weight:normal;
}
/*
 * Menu items settings
 * Applies to all menu items in all menu containers
 */
.metal_orange li {
        background-image:url(../images/main_bg.jpg);
        background-repeat: repeat-x;
        background-position: left top;
}
/*
 * Menu items settings
 * Applies to second (or more) level menu items
 */

.metal_orange ul li {
        width: 120px;
        background-image:none;
        background-color: #C93F27;
        padding:0px;
        margin:0px;
        border-bottom: 1px solid #ffffff;
}

/*
 * Menu link settings
 * Applies to links that are to be found within the menu items, no matter the menu level
 */
.metal_orange a {
        text-decoration: none;
        color: #ffffff;
        padding: 7px 15px 7px 13px;
}

/*
 * Menu link settings
 * Applies to links that are to be found within the second (or more) level menu items
 */

#cssMenu1 {
             width:705px;
}

#cssMenu1 ul ul {
             margin-left:-165px;
}

/*
 * Settings specific to the "METAL ORANGE" skin only
 *
 */
/* this applies to the first item of the second (or more) level */
/*.metal_orange ul li.first {
        background-image: url(metal_orange/img/top_tab2.gif);
        background-repeat: no-repeat;
        background-position: left top;
        background-color: transparent;
        border-bottom: none;
}
/* this applies to the last item of the second (or more) level */
/*.metal_orange ul li.last {
        background-image: url(metal_orange/img/bottom_tab2.gif);
        background-repeat: no-repeat;
        background-color: transparent;
        background-position: left bottom;
        border-bottom: none;
}*/

.metal_orange ul li.first a {
        /*background-image: url(metal_orange/img/top_tab2.gif);
        background-repeat: no-repeat;
        background-position: left top;
        background-color: transparent;*/
}

/***************************************************************************
* In this section, we will define what happens when mouse-overing an item    *
***************************************************************************/

/*
 * Mouse over on menu items
 * Applies to all menu items in all menu containers
 */
.metal_orange li.hover {
}
    
/*
 * Mouse over on menu items
 * Applies to second (or more) level menu items
 */
.metal_orange ul li.hover {
        /*background-image:url(metal_orange/img/hover_orange.gif);
        background-repeat:no-repeat;
        background-position: left top;*/
        background-color: #58585A !important;
}

/*
 * Mouse over on links
 * Applies to all links in all menu items
 */
.metal_orange a.hover {
        color: #ffffff !important;
        background:#C93F27; !important;
        background-repeat:no-repeat;
        background-position: right top;
}

/*
 * Mouse over on links
 * Applies to links located in the second (or more) level menu items
 */
.metal_orange ul a.hover {
            color: #FFFFFF !important;
                background: none !important;
}

/*************************************************************************
* This is the LAYOUT style definition for the CSS menu                                     *
* DO NOT alter this section, unless you know what you're doing                     *
*************************************************************************/

#nav {
        width: 100%;
        background: url(../images/main_bg.jpg) repeat-x top left;
        border-bottom: 2px solid #C93F27;
}
div.horizontal {
        clear: both;
}
div.horizontal br {
        clear: both;
}
div.horizontal ul {
        margin: 0px;
        padding: 0px;
        display: block;
        float: left;
        clear: both;
}
div.horizontal li {
        list-style-type: none;
        display: block;
        float: left;
        clear: none;
        text-align: left;
        position: static;
}
div.horizontal li img {
        border: none;
}
div.horizontal a {
        clear: both;
        display: block;
        margin: 0px;
}
div.horizontal ul li ul {
        position: absolute;
        left: -5000px;
        top: -5000px;
        visibility: hidden;
        clear: both; 
}
div.horizontal ul li ul li {
        clear: both; 
}
div.horizontal ul li ul li a {
        clear: both;
}
.hasImg,
.hasImg a {
        padding: 0px !important;
        margin:        0px        !important;
        border:        none !important;
        outline: none !important;
        background:        transparent !important;
        width: auto !important;
}