/* this is v1.01 of the user.css file */

/* set page background color or image    */
.userBody
{
    background-color: #0066cb;  
    
    /* uncomment two lines below if using a background image */
    /* background-image: url('../img/xlarge-BGImage.jpg');  */
    /*     background-repeat: repeat; */ 
    /* use repeat with smaller background images that should tile */
    /*  background-repeat: no-repeat   */
     /*use no-repeat to not repeat the background */ 
    /* user repeat-x to repeat horizontally only, and repeat-y to repeat vertically only */ 
    
}


/************START HEADER**********************************/
/* sets the background color of the header area     */
.userHeaderBackground
{
     background-image: url(AHA_Header.png); 
}

/* sets the styles for the header text if an image is not used */
.userClientHeaderText
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 26px;
    font-weight: bold;
    /* padding should be set in user style to leave maximum space if an image is used in this space */
    /* if an image is used, set padding-top: 0px; */
    padding-top: 12px;
    color: #9A0812; 
}

/* Adjust this wider if headline is wrapping around two lines and shouldn't */
/* or to shorten available area if you need text on two lines */
/* comment out to use the default of 659px                      */
.userHeaderTextWrapperS
{
    width: 750px;  
    padding-top: 10px; 
}

/* set width to width of the image. may need to adjust margins to get logo in exact position
   with the right edge aligned with the right edge of the buttons */
.userClientLogoHolder
{
    /*
    margin-right: 5px; 
    margin-top: 10px; 
    */

}
/************END HEADER**********************************/


/****************START MAIN******************************/
/* sets background color of main container      */
.userMainBackground
{
    /* background-color: #ccffcc; */
}
/****************END MAIN******************************/


/***************START SOURCE-INFO BOX******************/

/* Set source info box color and text styles        */
.userSourceInfoStyles
{
     background-color: #DAE7EF;  
    /* font-size: 10px; */    
}
/***************END SOURCE-INFO BOX******************/


/***************START STORY TEXT BOX******************/
/* sets background of the text box      */
.userStoryTextBackground
{
    /* background-color: #112233; */
}

/* Sets text styles for the text box headline       */
.userHeadline
{
    /* font-weight: bold; */
    /* line-height: 25px; */
}

/* Sets text styles for the text box text       */
.userStoryBody
{
    
}

/***************START STORY TEXT BOX******************/



/************************START EMAIL POPUP STYLES ****************/

/* uncomment this to use a different style than default for the text boxes in the Send Email popup */
/*
.userEmailTextBoxes
{
    background-color: #f1f1f1;
}
*/

/* uncomment this to use a different background color for the Send Email popup */

    /* If this background color is used (uncommented), check on the aspx page. There is a section there 
        for IE-only styles. make sure the background color here and there match for this style */
.userEmailPopupInner
{
    background-color: #DAE7EF; 
}

/* This is the style for the text of the labels on the email popup "Your email" "Send to" and "Message" */
/* uncomment these styles to override defaults */
.userEmailLabels
{
    /* font-weight: bold; */
    /* color: #222222; */
}

/* set styles for the email popup Send and Cancel buttons here. */
.userEmailCancelButton
{
    /* width: 65px; */
}

.userEmailSendButton
{
    /* width: 65px; */
}

/****************END EMAIL POPUP STYLES **************************/



/****************START EMBED POPUP STYLES **************************/

/* uncomment this to use a different background color for the Embed popup */

.userEmbedPopupInner
{
    background-color: #DAE7EF;
}


/* uncomment this to use a different background color for the text box containing the Embed code. */
/* add font styles to change the font of the embed text */
/*
.userEmbedCodeTextBox
{
    background-color: #f1f1f1;
}
*/

/* uncomment this to use different styles for the "Select" button in the Embed panel */
/*
.userHighlighttext
{
    background-color: #f1f1f1;
    font-weight:bold;
    border: solid 1px #666666; 
    text-align:center; 
    margin-top: 10px
    
}
*/

/* uncomment this to change the style of the text over the textarea in the embed popup "Embed code:"
.userEmbedLabels
{
    font-weight: bold;
}


/****************END EMBED POPUP STYLES **************************/



/***************START LINKS BOX******************/
.userLinks
{
    background-color: #DAE7EF;
}


/* START uncomment this section and edit to override the default link styles  */
/* test make sure link text colors don't conflict with ".userLinks" background color set above. */
/*
#linksInner a
{
    text-decoration: underline;
    color: #f1f1f1;
}

#linksInner a:visited
{
    
    color: #f1f1f1;
}

#linksInner a:hover
{
    color: #222222;
}


*/
/* END uncomment this section and edit to override the default link styles  */

/***************END LINKS BOX******************/



/***************START THUMBNAIL PANELS******************/
/* sets the background color for the thumbnail panels and their tabs    */
.userThumbsBackground
{
    /* background-color: #ccffcc; */
}

/***************END THUMBNAIL PANELS******************/


/***************START FULLSIZE IMAGE POPUP PANEL******************/

 #visibleImagePanel 
 {
    background-color: #DAE7EF; 
    /* border: solid 1px #333333; */
    /* margin: 10px 10px 10px 10px;  */
    /* padding: 10px 10px 10px 10px; */
    }

/***************END FULLSIZE IMAGE POPUP PANEL******************/



/***************START FOOTER******************/
.userFooterLeftText
{
    /* use this for dark backgrounds */
    color: #f1f1f1;
    
    /* use this for light backgrounds */
    /* color: #222222; */
}


/****Uncomment this section to style the "About" link in the footer. ***********/
/* for light colored backgrounds us color: #222222; or same as above in .userFooterLeftText */


#footerLeft a
{
    color: #f1f1f1;
    text-decoration: none;
}

#footerLeft a: visited
{
    color: #f1f1f1;
    text-decoration: none;
}

#footerLeft a: hover
{
    color: #f1f1f1;
    text-decoration: underline;
}

#footerLeft a: active
{
    color: #f1f1f1;
    text-decoration: underline;
}



.userFooterRightText
{
    /* use this for dark backgrounds */
    color: #f1f1f1;
    
    /* use this for light backgrounds */
    /* color: #222222;  */
}

/***************END FOOTER******************/