body {
margin-top: 1em !important;
}

/* Removes any image borders if image is a hyperlink */
img {
border: none;
}

/* Styles for read more links... Can also be used for cover link if you give it .readmore class */
span.readmore, a.readmore, a.readmore:hover {
color: #2F71A8;
font-weight: bold;
font-size: 11px;
}

/* Allows links to hover in preview version */
a:hover {
text-decoration:underline !important;
}

/* Styles for before and after text */
#before_text *{
color: #ffffff;
}
#after_text * {
color: #ffffff;
}

/* Links in Before and After Text */
table#before_text a, table#after_text a {
font-weight: bold;
}


/*Over-ride title styles in Sidebar */
#sidebar .title {
font-size: 12px;
}


/* Perfect rendering for sections in Lotus/Outlook 2007/Gmail - needs to have
table with niceSections class name wrapped around section */
table.niceSections div, table.niceSections td, table.niceSections td a {
color: #FFFFFF;
background-color: #333333;
}


/* This helps if template is stretched - the header and footer will expand */
td#header, #td#footer {
width: 100% !important;
}

/* Styles for body text if you need to override layout style */
.summary, .full-story {
}

/*Table of Contents Styles */
#toc a{
font-size: 11px;
}

/*Styles for titles with hyperlinks in main column */
#main .title a {
color: #00674C;
}


/* Styling for drop down menus */
#SubscribeBox option, #SubscribeBox select {
width: 150px;
}


#left #subscribeleft * {
font-size: 10px;
}

/* Styling for sidebar archive component */
#Archive * {
font-size: 11px;
}


/*#SurveyDisplayTitle td{padding:0;}
#Survey, #Survey a, #Survey a:hover{color:#009780;}
#Survey td, #Survey td a, #Survey td a:hover{color:#009780;}
#links a, #links a:hover,#Links a, #Links a:hover{color:#009780;}*/

#Survey {padding: 8px 8px 18px 16px;font-weight: normal;}
#Subscribe {padding: 8px 8px 18px 16px;font-weight: normal;}
#toc {padding: 8px 8px 18px 16px;font-weight: normal;}

#Coverlink a{
font-size: 13px;
font-weight: bold;
font-color: #000000;
}

#SignupForm .nw-componentMainCell {
width: 100%;
border: 1px solid #EEEEEE;
padding: 8px;
padding-left: 18px;
}

#left .nw-form-field, #left .nw-form-introduction {
padding-left: 0px;
}




@media only screen and (max-width: 599px) {
#wrapper{
padding-top:0 !important;
}
/* Hide before text if not required */
#before_text{
width:100%!important;
}

.webLink{
    display:none!important;
}

/* All layout pages are set to 100% width */
#CoverPage, .ArticlePage, .Generic, .SystemResponsePage, .before_text_wrapper table{
width:100% !important;
} 

/* Fix for non-Auto-Scaling of images in iOS10 */
body{
padding: 0 !important;
}

/* Override for test and review banner */
#nsta-review-banner-header,
#ntsa-review-banner-right,
#ntsa-review-banner-right table td{
display:block !important;
width: auto !important;
}
#ntsa-review-banner-right,
#ntsa-review-banner-right table{
max-width: 320px !important;
width: 100% !important;
}
#ntsa-review-banner-right table td image{
display:none !important;
}
.nw_articleGallery_image img{
max-width: 100% !important;
}
/* Ensure that long URLs and words will wrap */
.Generic .nw-componentSpacerMainCell table,
.ArticlePage .nw-componentSpacerMainCell table{
table-layout:fixed !important;
}
*{
word-wrap:break-word !important;
word-wrap:break-all !important;
}
/* Scale user-entered images to max width of the screen */
.nw_summary_wrapper .summary img, .full-story img{
max-width: 100% !important;
height:inherit !important;
}
/* Scale tables and iframes (videos) to width of the screen */
.nw_summary_wrapper .summary table, .full-story table, #wrapper iframe{
width:100% !important;
height:inherit !important;
}
#mastheadimage img,
.section_header img{
width:100% !important;
height:inherit !important;
max-width: 650px !important;
}
.logo img{
max-width: 100% !important;
height:inherit !important;
}
.nw_img_cell img{
width: 100% !important;
height: inherit !important;
max-width: 650px !important;
}
.nw_img_table, .nw_img_wrapper{
width:100% !important;
}
/* Aligning non-wrapped articles images to top of article - when Article image is on the left and article summary is on the right */
/* Move article images on top of title/summary */
.nw_summary_right{
width: 100% !important;
display:table-footer-group !important;
}
.nw_img_left{
width: 100% !important;
display:table-header-group !important;
}
/* Aligning non-wrapped articles images to top of article - when Article image is on the right and article summary is on the left */
.nw_summary_left{
width: 100% !important;
display:table-footer-group !important;
}
.nw_img_right{
width:100% !important;
display:table-header-group !important;
}

/*#left, #main, #right{*/
/*width:auto !important;*/
/*display:block !important;*/
/*}*/


/* Stacking 2 column template layout - stack the main column on top, followed by the left column */
#left{
width:100% !important;
display:table-footer-group !important;
}
#main{
width:100% !important;
display:table-header-group !important;
}


/* Stacking 2 or 3 column template layout - stack the left column on top, followed by the main column (with the right column on the bottom if required for a 3 column layout) */
/*#left, #main{
width:auto !important;
display:block !important;
}*/


/* Stacking 2 or 3 column article component */
.article_wrapper, .article_spacer{
width:auto !important;
display:block !important;
}


#masthead td{
    display:block!important;
    text-align:left!important;
    width:auto !important;
}

#titlebar td{
    display:block!important;
    text-align:left!important;
    line-height:20px!important;
    width:auto !important;
}

.nw_img_main_cell{
    padding-left:0!important;
    padding-right:0!important;
}

#tocDisplayTitle td,
#toc .nw-componentMainCell{
    display:none!important;
}

.content_wrapper{
    padding:0!important;
}

.twocolumnarticles .article_wrapper,
.threecolumnarticles .article_wrapper,
.fourcolumnarticles .article_wrapper{
    padding:10px!important;
}

.twocolumnarticles .nw_img_cell,
.threecolumnarticles .nw_img_cell,
.fourcolumnarticles .nw_img_cell{
  padding-bottom:10px!important;  
}

#featurearticleA-ImageTop .content_wrapper{
    padding:10px!important;
}

#twocolumnarticlesA .title, #twocolumnarticlesA .title a, #twocolumnarticlesA .title a:hover,
#threecolumnarticlesA .title, #threecolumnarticlesA .title a, #threecolumnarticlesA .title a:hover,
#fourcolumnarticlesA .title, #fourcolumnarticlesA .title a, #fourcolumnarticlesA .title a:hover,
#sidearticlesA .title, #sidearticlesA .title a, #sidearticlesA .title a:hover,
#ArticleSummaries2 .title, #ArticleSummaries2 .title a, #ArticleSummaries2 .title a:hover{
    font-size: 18px !important;
}


.between_two_col_rows_fragment .divider_line,
.between_three_col_rows_fragment .divider_line,
.between_four_col_rows_fragment .divider_line{
border-bottom:0!important
}

#surveycoverpage .nw-survey-horizontal-question label {
   margin-top: 15px !important;
   margin-right: 10px !important;
   display: block !important;
}


#usefulDisplayTitle td,
#contactDisplayTitle td,
#surveycoverpageDisplayTitle td,
#socialnetworksDisplayTitle td,
#usefulhorizontalDisplayTitle td{
font-size: 16px !important;
}


#useful .nw-componentMainCell a,
#usefulhorizontal .nw-componentMainCell a{
;
font-size: 14px !important;
}

#useful td.nw-componentMainCell a:hover,
#usefulhorizontal .nw-componentMainCell a:hover{
;
;
font-size: 14px !important;
}

#contact .nw-componentMainCell {
;
font-size: 14px !important;
}

#contact .nw-componentMainCell a{
;
font-size: 14px !important;
}

.summary, .full-story,
.summary a, .full-story a{
    font-size: 16px !important;
}

.subtitle {
    font-size: 14px !important;
}    

.nw_readmore, .nw_readmore:hover {
    font-size: 18px  !important;
}    

.nw_twitter_tweet_text {
    font-size: 14px !important;
}


/* iOS 11 survey button fix */

.nw-survey-submit input[type=button]{
    background-color:  !important;
    border-bottom: 9px solid  !important;
    border-left: 9px solid  !important;
    border-right: 9px solid  !important;
    border-top: 9px solid  !important;
    display: inline-block !important;
    line-height: 15px !important;
    text-decoration: none !important;
    text-align:center !important;
     !important;
}

input[type=button] {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}

#Masthead img,
#Legal img{
   width: auto !important;
height:inherit !important;
max-width: 650px !important; 
}


#Masthead td{
    display:block!important;
    text-align:center!important;
    width:auto !important;
}

#left{
    width: auto !important;
}

#ArticleSummaries2 .nw-componentMainCell,
#Friend .nw-componentMainCell,
#SignupFormDisplayTitle td,
#tocDisplayTitle td{
    padding-left: 10px !important;
    padding-right: 10px !important;
}





}