/** 
* Nalco Corporate Inside Page Styles 
*
* Purpose - Style elements that occur on the inside pages of the site
* Included are: Body background image, left & right content areas, as well as individual element styles
*
* CHANGELOG:
*     ADDED    Lines 278 - 347    | News & Events
*            Lines 89 - 91    | Tiny link
*            Lines 188 - 221    | Form button styles & Fieldset styles
*            Lines 366 - 451    | Search Results styles
*            Line 508        | Add "vertical-align:top"
*            Line 293 | Removed margin-top:-10px;  CAB
*            Line 302 | added height:29px   CAB
*            Lines 194-203 | changed body submit button color and hover CAB                            
* @created: 2/19/09
* @modified: 3/13/09
* @author: Cummings Group
**/                            




/* General Styles */
html, body    {
    background:url(/static/structural_images/inside_body_bg.jpg) repeat-x #fff;
    }
/* 
    Utility Nav Styles
    Reset the height for inside pages.
 */
#util_nav    {
    height:38px;
    }
                
                
/* Content Styles */
#content    {    
    width:908px;
    clear:both;
    display:block;
    border-bottom:3px solid #ccc;
    border-right:3px solid #ccc;
    background:url(/static/structural_images/inside_content_left_bg.jpg) no-repeat #fff;
    }
        
        #content #content_left h3    {
            font-size:14px;
            margin:0px 0px 8px 0px;            
            }
            
            #content #content_left h3 a    {
                color:#fff;
                font-family:Arial, sans-serif;
                font-weight:bold;
                text-decoration:none;
                }
                
                #content #content_left h3 a:hover    {
                    color:#6d6e70;
                    }
        
        #content #content_left ul    {
        border-top:2px solid #6d6e70;
            margin:0px 0px 5px 0px;
            }
            
            #content #content_left ul li    {
                border-bottom:1px dotted #6d6e70;                
                }
                
                #content #content_left ul li a    {
                    color:#6d6e70;
                    text-decoration:none;
                    padding:8px 2px 8px 8px;
                    display:block;
                    }
                    
                    #content #content_left ul li a:hover,
                    #content #content_left ul li a.on    {
                        background:#ffffff;
                        }                    
    
    
    #content #content_right    {
        width:690px;
        float:right;        
        padding:8px 20px 10px 20px;
        font-size:12px;
        }
        
        #content #content_right a:hover    {
            text-decoration:none;
            background:#efefef;
            }
        
        #content #content_right a.tiny    {
            font-size:10px;
            }
        
        #content #content_right h1    {
            font-family:"Trebuchet MS", Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
            color:#5a7684;
            font-size:28px;
            margin:0px 0px 8px 0px;
            }
        
        #content #content_right h2    {
            font-family:"Trebuchet MS", Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
            font-size:15px;
            color:#5a7684;
            margin:0px 0px 10px 0px;
            font-weight:bold;
            }
        
        #content #content_right p    {
            color: #6D6E70;
            line-height:18px;
            margin:10px 0px 10px 0px;
            }
        
        #content #content_right ul    {
            color: #6D6E70;
            margin:15px 0px 15px 0px;
            list-style:disc;
            line-height:18px;
            }
            
            #content #content_right ul li    {
                margin:0px 0px 0px 30px;
                }        
                
        #content #content_right ol    {
            color: #6D6E70;
            margin:15px 0px 15px 0px;
            list-style-type:decimal;
            line-height:18px;
            }
            
            #content #content_right ol li    {
                margin:0px 0px 0px 30px;
                }        
                                                
        #content #content_right table    {
            border:1px solid #6D6E70;
            border-collapse:collapse;
            margin:10px 0px 14px 0px;
            }    
            
            #content #content_right table th    {
                background:#efefef;
                padding:5px;
                }    
            
            #content #content_right table td    {
                padding:5px;
                border:1px solid #6D6E70;
                }
        
        #content #content_right form    {
                display: inline;        
            }
                
            #content #content_right form input    {
                border:1px solid #000;
                font-family:Arial, Helvetica, sans-serif;
                font-size:11px;
                padding:2px;
                }
                
            #content #content_right label    {
                font-weight: bold;
            }
                
                #content #content_right form input.no_border    {
                    border:none;
                    }
                    
            #content #content_right form textarea    {
                border:1px solid #000;
                font-family:Arial, Helvetica, sans-serif;
                font-size:11px;
                padding:2px;
                }
    
            #content #content_right form textarea    {
                height: 150px;    
            }
            
            #content #content_right form select    {
                border:1px solid #000;
                font-family:Arial, Helvetica, sans-serif;
                font-size:11px;
                padding:2px;
                }
            
            #content #content_right input[type="submit"]    {
                padding:1px;
                border:1px solid #000;
                background:#a3bd09;
                color:#fff;
                font-size:10px;
                -moz-border-radius: 5px;  
                -webkit-border-radius: 5px;
                }
        
            #content #content_right input[type="submit"]:hover    {
                border: 1px solid #000;
                cursor: pointer;
                background:#D4D4D4;
                color: #000;
                padding:1px;
                }
                
            #content #content_right input[type="radio"]    {
                border:none;
                }
        
            #content #content_right input[type="checkbox"]    {
                border:none;
                }
                
            #content #content_right fieldset    {
                margin:10px 0px;
                color:#000;
                }
                
                #content #content_right fieldset legend    {            
                    padding:2px 4px;
                    color:#000;
                    font-weight:bold;
                    }
                
                #content #content_right fieldset label    {
                    font-weight:normal;
                    }                    
        
        #content #content_right #breadcrumb    {
            margin:0px 0px 8px 0px;
            font-size:10px;
            color:#083580;
            }
            
            #content #content_right #breadcrumb a    {
                color:#083580;
                text-decoration:underline;
                }
            
                #content #content_right #breadcrumb a:hover    {
                    text-decoration:none;
                    }                    
            
        #content #content_right img    {
            float:right;
            margin:0px 0px 10px 20px;
            clear:right;
            }
            
        #content #content_right div.callout_right    {
            float:right;
            width:175px;
            margin:0px 0px 10px 20px;
            clear:right;
            font-size:11px;
            }
            
            #content #content_right div.callout_right:hover    {
                background-color: #FFFAE1;
                }
                
            #content #content_right div.callout_right a    {
                color: #083580;
                text-decoration: none;
                border-bottom: 1px #083580 solid;
                }
                    
                    #content #content_right div.callout_right a:hover    {
                        background:none;
                        }
            
            #content #content_right div.callout_right img    {
                float:right;                
                margin:0px 0px 0px 5px;
                }                        
        
        #content #content_right #error    {
            border:1px solid #ff0000;
            padding:5px;
            background:#efefef;
            }            
        
        /* 
        *******************************
        Innovation Programs Tab Styles 
        
        Specific to the tabs on the
        Innovation > Programs page
        *******************************
        */
        
        #content #content_right #tabs #tab_content_wrapper    {
            clear:both;
            border-top:1px solid #ccc;
            }
            
        #content #content_right #tabs .tab_content    {            
            padding-top:10px;
            }        
        
        #content #content_right #tabs ul#tab_nav    {
            list-style:none;
            margin:0px 0px 0px 0px;
            height:29px
            }
        
            #content #content_right #tabs ul#tab_nav li    {
                float:left;                
                margin:0px;
                }
            
                #content #content_right #tabs ul#tab_nav li a    {
                    display:block;
                    text-decoration:none;
                    padding:5px;
                    border-top:1px solid #ccc;
                    border-left:1px solid #ccc;
                    border-right:1px solid #ccc;
                    }
                    
                #content #content_right #tabs ul#tab_nav li a.on    {
                    background:#efefef;                                    
                    }
    
    /* 
        *******************************
        News & Events Styles - NEW
        *******************************
    */
                
    #content #content_right ul#news_events    {
        margin:0;
        padding:0;
        }
        
        #content #content_right ul#news_events li    {
            float:left;
            margin:0 20px 0 0;
            width:320px;                
            list-style:none;
            border:1px solid #ccc;    
            background:#efefef;        
            }        
            
            #content #content_right ul#news_events li h3    {
                padding:10px;
                font-size:14px;
                font-weight:bold;
                border-bottom:1px solid #ccc;
                }
            
                #content #content_right ul#news_events li h3.news    {                                    
                    background:#fee678;
                    color:#6d6e70;                    
                    }
                
                #content #content_right ul#news_events li h3.events    {                                        
                    background:#083580;
                    color:#fff;
                    }
            
            #content #content_right ul#news_events li ul    {
                margin:0;
                padding:0;
                }
            
                #content #content_right ul#news_events li ul li    {
                    float:none;            
                    margin:0;        
                    width:310px;
                    padding:5px;            
                    background:#efefef;
                    border:none;
                    border-top:1px dashed #ccc;
                    }
                    
                    #content #content_right ul#news_events li ul li span.date    {
                        float:left;
                        width:15%;
                        display:block;
                        }
                    
                    #content #content_right ul#news_events li ul li span.link    {
                        float:right;
                        width:70%;
                        }
                        
                        #content #content_right ul#news_events li ul li span.link a    {
                            display:block;
                            }                    
                    
                    #content #content_right ul#news_events li ul li.first {
                        border-top:none;
                    }
    
    /* 
        *******************************
        Search Results Styles - NEW
        *******************************
    */
                    
    #content #content_right ul.search_results    {
        margin:0 0 10px 0;
        padding:0px;
        display:block;        
        }
                    
        #content #content_right ul.search_results li    {
            list-style:none;
            margin:0 0 10px 0;
            border:1px solid #6d6e70;
            overflow:hidden;
            position:relative;
            }
        
        #content #content_right ul.search_results h3    {
            background:#efefef;
            font-size:16px;
            font-weight:bold;
            padding:10px;
            border-bottom:1px solid #6d6e70;
            }
            
            #content #content_right ul.search_results li ul    {
                margin:10px 0 0 0;
                }
            
                #content #content_right ul.search_results li ul li    {
                    list-style:none;
                    margin-left:10px;
                    border:none;                
                    padding:0 0 10px 0;
                    border-bottom:1px dashed #6d6e70;                
                    }
                    
                    #content #content_right ul.search_results li ul li div.search_left    {
                        width:5%;
                        float:left;
                        }
                    
                    #content #content_right ul.search_results li ul li div.search_right    {
                        width:93%;
                        float:right;
                        padding-right:5px;
                        }
                    
                    #content #content_right ul.search_results li ul li a    {
                        text-decoration:none;
                        display:block;
                        color:#000;
                        }
                        
                        #content #content_right ul.search_results li ul li a u    {
                            text-decoration:underline;
                            color:#083580;
                            }
                        
                    #content #content_right ul.search_results li ul li em    {
                        font-style:normal;
                        color:#899F09;
                        }
                    
                    #content #content_right ul.search_results li ul li.last    {
                        border-bottom:none;
                        }
                    
                    #content #content_right ul.search_results li ul li.more    {
                        text-align:center;
                        list-style:none;    
                        padding:0px;                
                        }
                        
                        #content #content_right ul.search_results li ul li.more a    {
                            display:inline;
                            text-decoration:underline;
                            color:#083580;
                            }
                    
                    #content #content_right ul.search_results li ul li .type    {
                        font-size:10px;
                        }        
    
    /* 
        *******************************
        Worldwide Styles - NEW
        *******************************
    */
                    
    #content #content_right table.worldwide    {
        border:none;
        }
        
        #content #content_right table.worldwide th    {
            border:none;
            text-align:left;    
            width:25%;    
            }        
            
            #content #content_right table.worldwide tr .push_right    {
                border-right:15px solid #fff;
                }            
            
        #content #content_right table.worldwide td    {
            border:none;    
            }            
                                        
            
#content #content_right table.form_table td,
#content #content_right table.form_table {
    border-bottom: none;
    border-top: none;
    border-right: none;
    border-left: none;
    vertical-align:top;
}
#contact_form input, select, textarea {
        width: 300px;
}
 


/* Open Text Changes */

#content #content_right label    {
    font-weight: normal;
}
#content #content_right label.required    {
    font-weight: bold;
}