/* client fixes */
/* outlook */
/* forces outlook to provide a "view in browser" menu link */
#outlook a {padding:0;}

/* padding fix */
table       {border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;}   
table td    {border-collapse: collapse;}

/* hotmail/outlook.com */
/* force hotmail to display emails at full width */
.ExternalClass {width:100%;}

/* force hotmail to display normal line spacing. */
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {line-height: 100%;}

/* yahoo mail */
/* yahoo paragraph fix */
p {margin: 1em 0;}

/* other */
/* prevent webkit and windows mobile platofmrs from changing default font sizes, without effecting desktop */
body  {
    width:100% !important;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    margin:0; padding:0;
}

/* overhead styles */

/* main page wrapper */
#pageWrap {
    margin: 0; padding: 0;
    width: 100% !important;
    line-height: 100% !important;
    background-color: #FFFFFF;
}

/* image styles */
img {
    outline: none;
    text-decoration: none;
    -ms-interpolation-mode: bicubic;
    display: block;
}
a img {border: none;}
/* When an image is placed between two <p> tags it can be wrapped in a <p> tag to give it the ability to have
 * margin-bottom and create a buffer below it an the text. Adding this class to an image in this situation
 * allows it to fit based on the <p> tag's text align property. */
.img-align {display: inline;}

/* <p> styles */
p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: left;
    line-height: 20px;
    padding: 0; margin: 0 0 10px 0;
}

/* alignment classes */
p.center {text-align: center;}
p.right  {text-align: right;}

/* other <p> default classes */
p.xsmall   {font-size: 10px;}
p.muted    {color: #636363;}

/* remove margin-bottom from last <p> inside a cell */
td > P:last-child {
    margin: 0;
}

/* headline classes */
/* <h1> ... <h6> tags have trouble in some email clients, to alieviate this problem, these classes can be
 * applied to <p> tags to simulate the same effect as using a standard <h1>...<h6> tag. */
p.h1    {font-size: 38.5px; line-height: 40px; font-weight: bold;}
p.h2    {font-size: 31.5px; line-height: 40px; font-weight: bold;}
p.h3    {font-size: 24.5px; line-height: 40px; font-weight: bold;}
p.h5    {font-weight: bold;}
p.h4    {font-size: 17.5px; font-weight: bold;}
p.h6    {font-size: 11.9px; font-weight: bold;}

/* hidden bar styles */
/* hidden bar goes at the top of the page, it is captured by some subject email clients and put
 * after the subject line. It's a nice way to add another of depth to the mail */
#hidden {padding: 0; margin: 0;}
p.hidden {font-size: 1px; line-height: 0; color: #FFFFFF;}/* color should match the #pageWrap bg color */

/* Default DMS Template Styles */
/* hidden bar */
#hidden {padding-top: 20px;}

/* view in browser */
#view {padding-bottom: 20px;}
#view p {line-height: normal;}

/* disclaimer */
a.link-fake {text-decoration: none !important; color: #636363 !important;} /* makes links appear as normal text */
#disclaimer {padding: 20px 0;}
#disclaimer .d1 {border-bottom: 1px solid #CCCCCC; padding-bottom: 10px;}
#disclaimer .d2 {padding-top: 10px;}
#disclaimer .d2 p:first-child {margin-bottom: 5px;}

/* email overhead */
#view, #main, #disclaimer {
    padding-left: 10px;
    padding-right: 10px;
}

/* letter emails */
#main .content p.xsmall {line-height: normal;}