/*
 * filename : pages.css
 * purpose  : style defintions on a page-specific basis or page-specific overrides
 * version  : $Rev: 305 $
 *
 * blue   : #0079C2
 * gold   : #FFC82F
 * silver : #8C8C8C
 *
 */
 
/*home - Default landing page*/
body.home {}
body.home div.wrapper { background: url(../graphics/bg_wrapper_home.jpg) left -4px no-repeat;}
body.home div.hero { height: 279px; background-color: transparent; }
    body.home div.hero .flashBanner { 
        width: 650px;
        height: 280px;
        float: right; 
        }
        body.home div.hero .flashBanner h1 { 
            font-size:25px;
            line-height:1.2;
            margin:70px 0 30px;
            text-align:center;
            }
       body.home div.hero .flashBanner a { text-align: center; margin: 0 auto;}     

/*home-logged-in*/
body.home-logged-in div.wrapper { 
    background: url(../graphics/bg_wrapper_home-logged-in.jpg) top left no-repeat; 
    padding-left: 243px;        
    height: 770px;
    }
body.home-logged-in #content { width: 717px; }
body.home-logged-in div.indent { 
    clear: both;
    padding: 0 35px 30px 76px;
    }
body.home-logged-in h1 { 
    font-size: 23px; 
    font-weight: bold;
    margin-left: 10px;
    }
body.home-logged-in h3 { margin-left: 10px; }    
body.home-logged-in li.saving { margin-left: 10px;}
body.home-logged-in li.saving h3 { margin-left: 0px;}
body.home-logged-in .title {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0;    
    }
body.home-logged-in .meta {
    font-size: 11px;
    font-weight: bold;
    font-style: italic;      
    }
body.home-logged-in .description {}
body.home-logged-in .other { display: none; }
body.home-logged-in .arrowWhite {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0;      
    }       
body.home-logged-in p.small {
    float: left;
    margin: 12px 0 0 22px;
    }    
/*about the program*/       
body.about-the-program .one-column {
    padding-left: 345px;
    width: 500px;
    }
body.about-the-program div.wrapper {  background: url(../graphics/bg_wrapper_about-the-program.jpg) top left no-repeat; }                       

/*real stories and tips*/
body.real-stories-and-tips div.wrapper { 
    background: url(../graphics/bg_wrapper_real-stories-and-tips.jpg) top left no-repeat; 
    min-height: 729px;
    }
body.real-stories-and-tips .content-main { 
    padding-left: 220px; 
    width: 470px;
    }
body.real-stories-and-tips .blueContainer {
    _margin-bottom: 100px;
    }    

/*real-stories-and-tips-share */
body.real-stories-and-tips-share #content { 
    padding-left: 220px; 
    width: 470px;
    }    
body.real-stories-and-tips-share fieldset label { width: 90px; }        
body.real-stories-and-tips-share fieldset .submit { margin-left: 100px; }         

/*simple-savings-ideas*/
body.simple-savings-ideas div.wrapper { 
    background: url(../graphics/bg_wrapper_simple-savings-ideas.jpg) top left no-repeat; 
    min-height: 786px;    
    _padding-bottom: 150px;
    }
body.simple-savings-ideas .content-main { 
    padding-left: 210px; 
    width: 510px;
    }    
body.simple-savings-ideas h2 span { color: #0063BE;}
body.simple-savings-ideas .indent {
    margin-left: 20px;
    }    
/*article*/
body.article div.wrapper { _padding-bottom: 0;}
/*save it forward*/
body.save-it-forward div.wrapper { 
    background: url(../graphics/bg_wrapper_save-it-forward.jpg) top left no-repeat; 
    height: 777px; 
    }
body.save-it-forward .one-column { 
    padding-left: 266px;   
    width: 515px;    
    }
body.save-it-forward .email-addresses {  
    background: url(../graphics/icon_email.gif) top left no-repeat;
    margin: 32px 0 0 45px;
    padding: 15px 0 0 60px;
    }   
body.save-it-forward .message { display: none; }

body.save-it-forward .content-main { 
    padding-left: 266px; 
    width: 420px;
    }
    
/*save-it-forward-thanks*/    
body.save-it-forward-thanks div.wrapper {
    padding-left: 25px;    
    }             
body.save-it-forward-thanks .content-main {
    padding-left: 25px;    
    }    

/* local savings */         
body.local-savings .split { margin-bottom: 20px;}
body.local-savings .split .left { width: 127px; }         
body.local-savings .split .right { width: 530px; padding-right: 30px; }   

.regionThumb {
    background: url(../graphics/bg_region-thumb.gif) top left no-repeat;
    display: block;
    height: 92px;
    margin: 0 18px 6px 0;
    width: 109px;    
    }    
    .regionThumb:hover { cursor: pointer; }
    .new-england { background-position: 0 0; }
    .mid-atlantic { background-position: 0 -93px; } /* ny */
    .east-north-central { background-position: 0 -186px; } /* test michigan */
    .west-north-central { background-position: 0 -279px; } /* n.dekota */
    .south-atlantic { background-position: 0 -372px; } /* florida */
    .east-south-central { background-position: 0 -465px; } /* alabama */
    .west-south-central { background-position: 0 -558px; } /* texas */
    .mountain { background-position: 0 -651px; }     /* nevada */
    .pacific { background-position: 0 -744px; } /*cali */
    .puerto-rico { background-position: 0 -837px; } 
    .us-virgin-islands { background-position: 0 -930px; }
        

.ui-widget-overlay { 
        position: absolute; 
        top: 0; 
        left: 0; 
        background-color: #454344; 
        opacity: .90;
        filter: Alpha(Opacity=90);
        }
.ui-dialog {         
        padding: 10px 10px 40px 60px;
        background-color: #fff;
        }
.ui-icon-closethick { float: right; display: none;}                
.ui-dialog-title {
        font-size: 16px;
        font-weight: bold;
        float: left;
        color: #0063be;
        padding: 30px 0 10px 0;            
        }
#select-state-dialog { 
        clear: left; 
        padding-right: 50px;}
    a#select-state-trigger {}
 
#select-state-dialog p.description {
        color: #333132;
        font-size: 14px; 
        color: #333132;
        margin-bottom: 20px;
        }
#select-state-dialog ul { 
    font-size: 12px; 
    float: left;
    width: 33.3%;        
    }
    #select-state-dialog ul li {        
        margin-bottom: 10px;
        }
    #select-state-dialog ul li a { color: #0066cc; text-decoration: underline;}
    
/*category*/      
body.category .content-main .title, body.category .content-main .description {
    margin-right: 50px;    
    }    
body.category .categoryNav {
    border-bottom: 1px solid #efefef;
    padding-bottom: 15px;
    overflow: hidden;
    width: 650px;
    margin: 0 50px 15px 0;    
    }
    body.category .categoryNav li { 
        float: left;        
        border-right: 1px solid #0063BE;
        font-size: 13px;
        font-weight: bold;
        padding-right: 10px;
        margin-right: 10px;
        text-transform: uppercase;
        }
        body.category .categoryNav li.last { border: none; }        
body.category .pagination {
    overflow: hidden;
    width: 650px;    
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px solid #efefef;
    padding-bottom: 12px;
    margin: 0 50px 15px 0;    
    }
    body.category .pagination a { margin-right: 8px; }    
    body.category .pagination span { margin-right: 8px;}    
    
/*local-savings-all*/
body.local-savings-all h3.other {
    display: block;         
    margin: 0 0 0 0;    
    }
    
    
    
/*join-us*/
body.join-us div.wrapper { 
    background: url(../graphics/bg_wrapper_join-us.jpg) top left no-repeat; 
    height: 655px; 
    }
body.join-us .content-main { 
    padding-left: 286px;       
    width: 380px;
    }
body.join-us fieldset label { width: 105px; }    
body.join-us fieldset.check { margin-left: 115px; }    
body.join-us .joinWhite { 
    float: left;
    margin: 15px 0 15px 115px;    
    }


/*join-us-thanks*/
body.join-us-thanks #content{ 
    padding-left:20px;
    width:580px;
    }

/*login*/    
body.login .wrapper { 
    margin: 20px auto;    
    width: 835px;
    float: none;
    background: url(../graphics/bg_wrapper_login.jpg) top left no-repeat;
    }
    body.login .wrapperBottom { 
        background: url(../graphics/bg_wrapper_login.jpg) bottom left no-repeat; 
        height: 25px; 
        width: 835px;
        }
        
    body.login .split .left { 
        margin: 0 40px 0 40px;
        width: 320px;
        }
    body.login .split .right { 
        margin: 0 50px 0 0;
        width: 320px; 
        }
body.login fieldset label { width: 62px; }    
body.login fieldset.check { margin-left: 72px; }    
body.login .loginGrey { margin: 15px 0 15px 72px; }
body.login .next { margin-left: 72px; }
body.login #password-recovery-trigger {
    clear: left;
    margin-left: 72px;
    }
body.login #password-recovery {clear: left;}


/* account-profile */
body.account-profile div.wrapper { 
    background: url(../graphics/bg_wrapper_home-logged-in.jpg) top left no-repeat; 
    padding-left: 300px;        
    height: 770px;
    }
body.account-profile #content {     
    width: 380px;
    }
body.account-profile fieldset label { width: 68px; }    
body.account-profile fieldset.check { margin-left: 78px; }    
body.account-profile .saveProfile { margin-left: 78px; }
body.account-profile .profile-updated { padding-bottom: 10px; border-bottom: 1px solid #ccc;} 
    
/* change-password */    
body.change-password fieldset label { width: 105px; }
body.change-password fieldset .changePassword { margin-left: 115px; } 


/* admin */
body.admin .split {  margin-bottom: 50px; }
body.admin .left {  width: 150px; }
body.admin .right { border-left: 1px solid #ccc; padding-left: 40px; width: 720px; }
body.admin .right div { float: left; margin-right: 40px; }
body.admin .adminNav { 
    float: left;    
    width: 200px;
    font-size: 12px;
    font-weight: bold;    
    }
    body.admin .adminNav li {
        margin-bottom: 15px;
        }
body.admin table {    
    border-collapse: separate;                  
    }   
body.admin th {
    border-bottom: 1px solid #ccc;
    font-size: 12px;        
    padding: 0 3px 10px 10px
    }
body.admin td { 
    overflow: hidden; 
    border-bottom: 1px solid #ccc; 
    padding: 10px;
    vertical-align: top;    
    }    
body.admin td.name { width: 10%; }
body.admin td.author { width: 10%; }
body.admin td.dates { width: 10%; }
body.admin td.locations { width: 10%; }
body.admin td.category { width: 10%; }
body.admin td.actions { width: 10%; }


/* admin-create    */
.admin-create {}
body.admin-create fieldset {     
    overflow: hidden;
    }    
    body.admin-create fieldset span { padding: 0; color: #777; }
    body.admin-create fieldset label { width: 100px; }


body.admin-create fieldset fieldset {          
    padding-top: 10px;
    border-top: 1px solid #ccc;    
    clear:none;
    float:left;
    width:120px;    
    }    
    body.admin-create fieldset fieldset.all { width: 100%; border: none; }
    body.admin-create fieldset fieldset label { font-size: 12px; font-weight: bold; padding: 4px 0 0 0;}
    
    body.admin-create fieldset fieldset.states { border: none; clear: left; margin: 0 0 0 0; padding: 0 0 0 20px;}
        body.admin-create fieldset fieldset.states label { white-space: nowrap;}
    body.admin-create fieldset fieldset.states label { font-size: 12px; font-weight: normal; color: #333;}
    
    body.admin-create fieldset fieldset label { float: none; width: auto; }    
    body.admin-create fieldset fieldset input { float: none; width: auto; }  
    body.admin-create fieldset fieldset span { float: left; }             
    body.admin-create fieldset.check { float: left;  clear: none;}  
    body.admin-create fieldset.check td { border: none;}

/* splash / under construction page */
body.under-construction {
    background-image: url("/App_Themes/togetherOne/graphics/bg_body_under-construction.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    }
body.under-construction .wrapper {
    background-image: url("/App_Themes/togetherOne/graphics/bg_wrapper_under-construction.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    height: 788px;
    margin-top: 46px;
    }
body.under-construction #content.one-column {
    margin-left: 350px;
    margin-top: 110px;
    }
body.under-construction #content.one-column h1 {
    font-size: 20px;
    font-style: italic;
    }
body.under-construction #content.one-column h2 {
    color: #0063BE;
    margin-top: 2em;
    font-size: 14px;
    }
body.under-construction #content.one-column p {
    font-size: 14px;
    line-height: 22px;
    }
body.under-construction #footer {
    margin-bottom: 75px;
    }
body.under-construction #footer a.footer-link {
    margin-top: -106px;
    }

/* legal */
body.legal div.one-column {     
    padding: 0 100px 0 20px;            
    }

/* errorPage */
body.errorPage div.one-column {     
    padding: 0 100px 0 20px;
    height: 400px;            
    }   

/* sitemap */
body.sitemap div.one-column {     
    padding: 0 100px 0 20px;            
    }    
    body.sitemap ul.bulleted { margin-bottom: 20px; float: left;}
        body.sitemap ul.bulleted ul.bulleted  { float: none; margin-top: 5px;}
    body.sitemap ul.bulleted li {
        color: #231f20;
        font-size: 13px;
        font-weight: bold;
        margin: 5px 30px 15px 0;
        line-height: 1.3em;
        list-style-type: none;        
        
        }       
        body.sitemap ul.bulleted li li {
            list-style-type: disc;
            font-size: 12px;
            font-weight: normal;
            margin: 0 0 5px 20px;
            color: #777;                         
            }