﻿/** 
* Nalco Corporate Mobile Styles 
*
* Purpose - Style the elements so that they display nicely on a mobile device.
*
* @created: 2/19/09
* @modified: 2/26/09
* @author: Cummings Group
**/
/* General Styles */
html, body    {
    font-family:Arial, sans-serif;
    font-size:12px;
    height:100%;
    background:none;
    }
#wrapper    {
    padding:10px;
    }
    
.clear    {
    display:block;
    clear:both;
    }
a    {
    color:#083580;
    }
    
em    {
    font-style:italic;
    }
    
strong    {
    font-weight:bold;
    }
    
/* Utility Nav Styles */
#util_nav    {
    display:none;
    }
            
/* Header Styles */
#header    {
    
    }
    
    #header #logo    {
        border:3px solid #ccc;
        float:left;
        }            
    
        #header #logo img    {
            display:block;
            }
        
    #header #banner    {
        display:none;
        }                
/* Main Nav Styles */
#nav    {
    
    }    
    
    #nav ul li ul    {
        
        }            
                
/* Content Styles */
#content    {
    clear:both;
    margin-top:20px;
    }                
    
    #content_left    {
        
        }
        
        #content_left h3    {
            display:none;
            }
            
        #content_left h4    {
            margin:0px;        
            }            
            
        #content_left ul    {
            
            }
        
        #content #content_left #contact_info    {
            display:none;
            }                        
    
    #content #content_right     {
        margin-top: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_right #tag_line {
    padding-bottom: 10px
        }
    #content_right #tag_line h1 sup    {
        font-size:11px;
        }
        
        #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    {
            line-height:18px;
            margin:10px 0px 10px 0px;
            }
        
        #content #content_right ul    {
            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    {
            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 #000;
            border-collapse:collapse;
            margin:10px 0px 14px 0px;
            }        
            
            #content #content_right table td    {
                padding:5px;
                border:1px solid #000;
                }
    #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 #breadcrumb    {
            margin:0px 0px 8px 0px;
            font-size:10px;
            color:#083580;
            }
            
            #content #content_right #breadcrumb a    {
                color:#083580;
                text-decoration:underline;
                }                        
            
        #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 a    {
                color: #083580;
                text-decoration: none;
                border-bottom: 1px #083580 solid;
                }
                    
            
            #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;
            }
#content_right .txt_lg {
    font-size: 14px;
    line-height: 18px;
}
#content_right h4 {
     font-size: 14px;
     color: #083580;
     font-weight: bold;
     margin: 10px 0 10px 0;
 }
#content_right .spotlight {
    display: block;
    float: left;
    width: 200px;
    font-size: 11px;
    color: #6d6e70;
    margin-right: 20px;
}
 
 #content_right .spotlight img{
     float: left;
     margin: 0 5px 0 0;
 }
 
 #content_right a {
     color: #6d6e70;
     text-decoration: none;
 }
 
 
 #content_right .spotlight .read_more {
     color: #083580;
 }
 
 #content_right #home_people_image {
            float: left;
            margin: 0 20px 10px 0px;
        }
        
/* 
        *******************************
        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;
            margin-top:-10px;
            }
            
        #content #content_right #tabs .tab_content    {            
            padding-top:10px;
            }        
        
        #content #content_right #tabs ul#tab_nav    {
            list-style:none;
            margin:0px 0px 0px 0px;
            }
        
            #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;                                    
                    }
            
#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;
}
#contact_form input, select, textarea {
        width: 300px;
}                                                                    
                    
/* Footer Styles */
    #footer    {
        clear:both;
        padding: 30px 0 25px 0;
        font-size:11px;
        color:#6d6e70;
        text-transform:uppercase;
        text-align: right;
        }
        
        #footer a    {
            
            }
        
        #footer span    {
            
            }