﻿/**
 * @media wrapper to help work around faulty CSS application
 * in MSIE/Mobile.
 */
@import url(content.css);
@import url(navigation.css);
@media all{
    html {
        margin:0;
        padding:0;
    }
    body {
        margin:0;
        padding:0;
        font-size:12px;
        font-family:Arial,Helvetica,sans-serif;
    }
    * { margin-top:0; } /* FF adjustment */
    a img { border:none; }
    a:link,a:visited {
        color:#447dbf;
        text-decoration:none;
    }
    a:focus,a:hover,a:active {
        text-decoration:underline;
    }
    a.subpage { color:#e37b00 !important; } /*!important added by Diarmaid 20090206 so orange urls would show up in Firefox. */
    .with-js .no-js { display:none; }
    img.inset {
        float:left;
        margin-right:5px;
        margin-bottom:12px;
    }
    form {
        padding:0;
        margin:0;
        display:inline;
    }
    /* page layout */
    #jumplinks {
        width:1px;
        height:1px;
        position:absolute;
        left:-100px;
        top:-100px;
        overflow:hidden;
    }
    #doc {
        width:985px;
        /* margin:0 0 0 5px; /* left align with 5px spacing */
        margin:0 auto; /* centered on page */
        position:relative;
    }
    #branding { height:133px; }
        #branding #logo {
            width:296px;
            height:35px;
            padding-top:20px;
        }
    #columns {}
        #contentmain {
            width:100%;
            float:left;
            position:relative;
            background-image:url(/NRC/StructuralImages/grad-large.gif);
            background-repeat:repeat-x;
            background-position:0 110px;
        }
        .with-right #contentmain { width:720px; }
            #messaging {
                height:107px;
                background-color:#424467;
                color:#fff;
                margin-bottom:3px;
                position:relative;
            }
                #messaging div#profile-display {
                    float:left;
                    height:107px;
                    background-color:#333;
                    margin-right:20px;
                    width:190px;
                    border-right:3px solid #fff;
                    overflow:hidden;
                }
                    div#profile-display div.profile-identity {
                        border-bottom:1px dotted #bae65c;
                        margin:0 10px 3px;
                        padding:3px 0 3px;
                        height:60px;
                    }
                        div#profile-display div.profile-name {
                            font-size:14px;
                        }
                        div#profile-display div.profile-title {
                            font-size:12px;
                            color:#ccc;
                        }
                        div#profile-display div.profile-actions {
                            font-size:10px;
                            text-transform:uppercase;
                        }
                            div#profile-display ul {
                                padding:0;
                                margin:0 10px;
                            }
                            div#profile-display ul li {
                                padding:0 0 0 10px;
                                margin:0;
                                list-style-type:none;
                                background-image:url(/NRC/StructuralImages/arrow-right-yellow-small.gif);
                                background-repeat:no-repeat;
                                background-position:0 50%;
                            }
                            div#profile-display ul li a { color:#fed638; }
                #messaging h1 {
                    font-weight:normal;
                    font-size:26px;
                    line-height:30px;
                    margin:0;
                    padding:35px 0 0 20px;
                }
                    #messaging h1 span { color:#fed638; }
                #messaging div.img {
                    float:right;
                    margin-left:20px;
                }
                #messaging div.link {
                    position:absolute;
                    top:10px;
                    left:203px;
                    font-size:12px;
                }
                    #messaging div.link a {
                        text-decoration:none;
                        color:#fff;
                        padding-left:10px;
                        background-image:url(/NRC/StructuralImages/arrow-left-yellow-small.gif);
                        background-repeat:no-repeat;
                        background-position:0 4px;
                    }
                #messaging #fund-details {
                    position:absolute;
                    left:10px;
                    top:10px;
                }
                    #messaging #fund-details a {
                        text-decoration:none;
                        color:#fff;
                        padding-left:10px;
                        background-image:url(/NRC/StructuralImages/arrow-left-yellow-small.gif);
                        background-repeat:no-repeat;
                        background-position:0 4px;
                    }
                #messaging #share-class {
                    width:170px;
                    float:right;
                    padding-top:35px;
                    margin-left:20px;
                }
                    #messaging #share-class p { margin-bottom:5px; }
                    #messaging #share-class select { width:150px; }
            #left-rail {
                float:left;
                width:190px;
                display:none;
                padding-top:25px;
            }
            .with-left #left-rail { display:block; }
            #content {
                /*margin:0 5px;*/
                /* vr */
                margin: 0 0 0 5px;
                padding-top:25px;
            }
            .with-left #content {
                float:left;
                display:inline; /* IE/PC */
                /*width:785px;*/
                /* vr */
                width:762px;
                margin-left:23px;
            }
            .with-right .with-left #content {
                /* vr */
                width:478px;
                margin:0 23px;
            }
        #right-rail {
            width:262px;
            float:right;
            display:none;
        }
            .with-right #right-rail { display:block; }
            #performance {
                height:107px;
                /* vr */
                /*padding:35px 10px 10px;*/
                padding:0 10px;
                margin-bottom:10px;
                background-color:#d3dfec;
            }
                .with-toolbar #performance { margin-bottom:45px; }
                #performance h5 {
                    font-size:12px;
                    font-weight:bold;
                    margin-bottom:5px;
                }
                .with-js #performance .self-submit { width:240px; } /* only styled when JS active. */
                /* vr */
                #performance .info-resources h5 {
                    width:110px;
                    float:left;
                    padding-top:48px;
                }
                #performance .info-resources ul {
                    float:left;
                    width:130px;
                    padding:0;
                    margin:0 0 1em;
                    padding-top:38px;
                }
                #performance .info-resources ul li {
                    padding:0 0 0 10px;
                    margin:0 0 5px;
                    background-image:url(/NRC/StructuralImages/arrow-right-black-small.gif);
                    background-repeat:no-repeat;
                    background-position:0 4px;
                    list-style:none;
                }
                #performance .info-resources ul li a,
                #performance .info-resources ul li a:hover,
                #performance .info-resources ul li a:active {
                    color:#000;
                }
    #main-nav {
        position:absolute;
        left:0;
        top:95px;
        height:35px;
        width:100%;
        z-index:20;
    }
    #global-nav {
        position:absolute;
        width:100%;
        top:0;
        right:0;
        padding-top:5px;
    }
        #global-nav ul {
            padding:0;
            margin:0;
        }
        #global-nav ul li {
            float:right;
            list-style:none;
            border-right:1px solid #888;
            padding:0 1px 0 0;
            margin:0 1px 0 0;
        }
        #global-nav ul li.first {
            border-right:none;
            padding-right:0;
            margin-right:0;
        }
            #global-nav ul li a {
                text-decoration:none;
                text-transform:uppercase;
                padding:3px 8px;
                display:block;
                font-size:10px;
                color:#444;
            }
            #global-nav ul li a:hover,
            #global-nav ul li a.active {
                background-color:#84bfff;
                color:#000;
            }
    /* search box in header */
    #global-search {
        position:absolute;
        width:50%;
        top:50px;
        right:0;
        text-align:right;
    }
    /* vr */
    #breadcrumbs {
        height:33px;
    }
        #breadcrumbs ul {
            padding:0 0 0 16px;
            margin:0;
        }
            #breadcrumbs li {
                padding:0 0 0 16px;
                margin:7px 16px 0 0;
                background-image:url(/NRC/StructuralImages/arrow-right-black-small.gif);
                background-repeat:no-repeat;
                background-position:0 4px;
                list-style:none;
                float:left;
            }
            #breadcrumbs li a,
            #breadcrumbs li a:active,
            #breadcrumbs li a:hover  {
                color:#000;
            }
        #global-search #q { background-color:#eee; }
    /* end of page footer */
    #footer {
        clear:both;
        padding-top:50px;
        font-size:1.1em;
        margin-bottom:10px;
        zoom:1;
    }
        #footer #footer-content {
            background-color:#eee;
            padding:10px;
            border-top:3px solid #000;
            color:#888;
        }
        #footer a { color:#888; text-decoration:underline; }
        #footer a:hover { text-decoration:none; }
        #footer p { 
            margin:0;
            /* font-style:italic; - removed by Diarmaid 20090427 per Noah's request to de-italicize the Distributor/Underwriter disclosure */
            }
        #footer span.divider { padding:0 8px; }
        #footer div.footer-left {
            float:left;
            width:75%;
        }
        #footer div.footer-right {
            float:right;
            width:25%;
        }
        #footer div.footer-links {
            clear:both;
            padding-top:10px;
        }
    /* widget toolbar */
    #toolbar {
        position:absolute;
        width:262px;
        color:#000;
        top:243px;
        right:0;
        z-index:12;
        height:20px;
        /*background-image:url(/NRC/StructuralImages/bg-toolbar.gif);
        background-repeat:repeat-x;*/
        font-size:11px;
        border-bottom:2px solid #cbdaea;
    }
        #toolbar a { color:#000; text-decoration:none; }
        #tool-share {
            line-height:17px;
            position:absolute;
            left:0;
            top:0;
            height:17px;
            width:130px;
            border-right:1px solid #fff;
            background-image:url(/NRC/StructuralImages/bg-toolbar-btn-1.gif);
            background-repeat:no-repeat;
            background-position:100% 0;
        }
            #tool-share a {
                display:block;
                padding-left:25px;
                background-image:url(/NRC/StructuralImages/bg-toolbar-share.gif);
                background-repeat:no-repeat;
            }
            #tool-share #share-opts {
                width:130px;
                background-color:#eee;
                position:absolute;
                left:0;
                top:17px;
                display:none;
                border-top:3px solid #fff;
            }
                #tool-share #share-opts ul {
                    padding:0;
                    margin:0;
                }
                #tool-share #share-opts ul li {
                    padding:0;
                    margin:0;
                    list-style:none;                                
                }
                #tool-share #share-opts ul li.first a {
                    border-top: 1px solid #D1D1D1;                                                        
                }
                #tool-share #share-opts ul li a {
                    background-image:none;
                    line-height:17px;
                    padding:2px;
                    color:#535353;
                    border-bottom: 1px solid #D1D1D1;
                    border-left: 1px solid #D1D1D1;
                    border-right: 1px solid #D1D1D1;                    
                }
                #tool-share #share-opts ul li a:hover {
                    background-color:#555c61;
                    border-left: 1px solid #555c61;
                    border-right: 1px solid #555c61;                    
                    color:#fff;
                }
                #tool-share #share-opts ul li.first a:hover {
                    border-top: 1px solid #555c61;
                }                
                #tool-share #share-opts img {
                    vertical-align:middle;
                    margin-right:7px;
                }
        #tool-text {
            line-height:17px;
            position:absolute;
            left:131px;
            top:0;
            height:17px;
            width:131px;
            text-align:center;
            background-image:url(/NRC/StructuralImages/bg-toolbar-btn-2.gif);
            background-repeat:no-repeat;
            background-position:100% 0;
        }
            #tool-text a#txt-small { float:left; }
            #tool-text a#txt-large { float:right; }
    /* vr */
    body.with-breadcrumbs #toolbar {
        top:276px;
    }
    /* rail modules */
    div.module {
        margin-bottom:39px;
        /* font-size:12px; Remved by Diarmaid 20100209 aftr changing #right-rail size to 10px from 12px to match #content*/
    }
        div.module h6 {
            margin-bottom:3px;
            font-size:12px;
            font-weight:bold;
            /* height:22px; Removed by Diarmaid 20100322 to enable multi-line headlines in widgets */
            min-height:22px;
            padding-top:3px !important;
            /*padding:0 0 2px 0;
            border-bottom:2px solid #000;*/
        }
        div.module a { color:#447dbf; }
        div.module div.body {
            background-image:url(/NRC/StructuralImages/grad-small.gif);
            background-repeat:repeat-x;
            padding:10px 0 0;
        }
        div.module ul {
            padding:0;
            margin:0 0 1em;
            clear:both;
        }
        div.module ul li {
            padding:0 0 0 10px;
            margin:0 0 5px;
            background-image:url(/NRC/StructuralImages/arrow-right-black-small.gif);
            background-repeat:no-repeat;
            background-position:0 4px;
            list-style:none;
        }
    div#login2 {}
        div#login2 div.body {
            background-image:none;
            background-color:#000;
            padding:10px;
            color:#fff;
        }
        div#login2 input.txt,
        div#login2 select,
        div#login2 label
            { width:235px; }
            /* daily fund performance widget */
            div#fund-performance {
                display:block;
                position:absolute;
                background-color:#fff;
                z-index:15;
                overflow:hidden;
            }
            div#fund-performance #fund-performance-btn {
                margin-bottom:3px;
                background: transparent url(/NRC/StructuralImages/bg-btn-bg.gif) repeat-x;
            }
            div#fund-performance #fund-performance-btn h2 {
                background: transparent url(/NRC/StructuralImages/bg-btn-tail.gif) no-repeat right 0;
                margin:0;
                padding:0;
            }
            div#fund-performance #fund-performance-btn a {
                display:block;
                color:#000;
                height:17px;
                line-height:17px;
                text-decoration:none;
                text-transform:uppercase;
                padding-left:25px;
                font-size:11px;
                font-weight:normal;
            }
    div#fund-performance.closed {
        width:262px;
    }
    div#fund-performance.closed div#fund-performance-btn a {
        background: transparent url(/NRC/StructuralImages/bg-btn-open.gif) no-repeat;
    }
    div#fund-performance.open div#fund-performance-btn a {
        background: transparent url(/NRC/StructuralImages/bg-btn-close.gif) no-repeat;
    }
            div#fund-performance div.content {
                background-color:#eee;
                border: 1px solid #ccc;
                padding: 16px 25px 25px 0;
                overflow:hidden;
            }
            div#fund-performance.closed div.content {display:none;}
            div#fund-performance.open {
                display:block;
                width:100%;
                left:0;
            }
            div#fund-performance div.content .col {
                float:left;
                width: 294px;
                padding:0 0 0 25px;
            }
            div#fund-performance div.content .col h3 {
                margin-bottom:11px;
            }
            div#fund-performance div.content .col h3 a {
                font-size: 12px;
                color:#000;
            }
            div#fund-performance div.content .col a {color:#666;}
            div#fund-performance div.content ul {
                padding:0 0 25px 0;
                margin:0;
            }
            div#fund-performance div.content ul.last,
            div#fund-performance div.content ul li.last {
                padding-bottom:0;
            }
            div#fund-performance div.content ul li {
                padding:0 0 11px 7px;
                margin:0;
                list-style:none;
                background-image:url(/NRC/StructuralImages/bullet-orange.gif);
                background-repeat:no-repeat;
                background-position:0 4px;
                font-size:11px;
                font-family:arial, verdana;
            }
}