html, body, a, p, div, span, h1, h2, h3, h4, h5, li, ul, ol { font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 32px; color: #000000; }
img { border: none; }

h1 { font-size: 36px; color: #53777a; margin-top: 60px; margin-bottom: 40px; font-weight: normal; } 

#topChunk { background-color: #f8f2f8; display: none;  }
#midChunk { background-color: #FFFFFF; margin-bottom: 40px; }
#btmChunk { display: none; }

.centered p.error { background: #ffe5e5; border: 1px solid red; color: red; padding: 10px; margin-bottom: 15px; margin-top: 0px; }
.centered p.whatiswicked { width: 80%; margin: 20px 10px 10px 65px; font-size: 1.25em; line-height: 36px; }

#navChunk { display: none; }
#topbar { display: none; }
#header { display: none; }
iframe { display: none; }

#readOnline p { color: #c02942;}
#readOnline a, #readOnline a:visited  { text-decoration: none; color: #c02942;}
#readOnline .header { display: none;}

#copyrightInformation, #copyrightDetail, #copyrightInformationLarge  { margin-top: 18px; }
#copyrightInformation p, #copyrightDetail p {  color: #53777a; margin: 14px 30px 0px 6px; line-height: 24px; }
#copyrightInformation span, #copyrightInformation a,  #copyrightInformation ul,  #copyrightInformation ul li, #copyrightDetail a, #copyrightDetail ul, #copyrightDetail ul li { line-height: 24px; color: #53777a; }

#btmChunk p.name, #btmChunk p.name a { color: #FFFFFF; text-transform: uppercase; font-weight: bold; margin: 20px 0px 20px 0px; padding: 0px; } 
#btmChunk span.about, #btmChunk span.about a { font-weight: normal; color: #FFFFFF;  line-height: .6; font-size: 14px; text-decoration: none; } 
#btmChunk p.copyright, #btmChunk p.copyright a { color: #FFFFFF; text-transform: uppercase;  margin: 0px 0px 20px 0px; padding: 0px; font-size: 14px; text-decoration: none; } 

#rightRail h3 { margin: 10px 0px 0px 0px; }

#leftRail, #leftRailMethods { display: none;  }

#rightRail, #rightRailMethods { width: 80%; padding: 0px 0px 0px 40px; }
#rightRail h1 { font-size: 36px; color: #ac253b; margin-top: 60px; margin-bottom: 40px; font-weight: normal;}
#rightRail h2 { font-size: 28px; color: #ac253b; margin-top: 30px; margin-bottom: 0px; padding-bottom: 0px; font-weight: normal;}
p.next { display: none; }

#rightRailMethods h1 { font-size: 36px; color: #4c703c; margin-top: 60px; margin-bottom: 40px; font-weight: normal;}
#rightRailMethods h2 { font-size: 28px; color: #4c703c; margin-top: 30px; margin-bottom: 0px; padding-bottom: 0px; font-weight: normal;}


hr { color: #e6e6e6; margin-top: 40px; margin-bottom: 10px; border: 0px; background-color: #e6e6e6; height: 1px; }


span.citation {	display: none; }

.table_6_scenario_planning, .table_6_journey_map { margin-top: 14px; margin-bottom: 14px; }
.table_6_scenario_planning th, .table_6_journey_map th { background-color: #4c703c; text-align: left; color: #FFFFFF; }
.table_6_journey_map td.leftCol { background-color: #4c703c; width: 100px; text-align: left; border-right: 1px solid #EBEBEB; }
.table_6_scenario_planning td, .table_6_scenario_planning th, .table_6_journey_map td, .table_6_journey_map th { padding: 4px; font-size: 12px; line-height: 1.2; }

p.p6_service_blueprint_indent_1 { margin-left: 10px; }
p.p6_service_blueprint_indent_2 { margin-left: 20px; }
p.p6_service_blueprint_indent_3 { margin-left: 30px; }
p.p6_service_blueprint_indent_4 { margin-left: 40px; }
p.p6_service_blueprint_indent_5 { margin-left: 50px; }
p.p6_service_blueprint_indent_6 { margin-left: 60px; }
.citedList p { padding-left: 10px; }
p.alpha { font-size: 14px; margin: 0px; line-height: 1; background-color: #FBF4F5; padding:10px; color: #c02942;  }

.sidebar { background-color: #f4d1ca; border: 1px solid #c3523c; padding: 0px 20px 0px 20px; }
.riaz_sidebar_image { border-bottom: 1px solid #FFFFFF; padding: 15px 0px 15px 0px;  }
.riaz_sidebar_image img { float: left;  }
.riaz_sidebar_image p { float: left; display: block; width: 300px; padding: 0px 10px 0px 20px; margin: 0px; }
.riaz_in_text_image { padding: 5px 0px 0px 0px; }
.caption { font-size: 10px; line-height: 1.2; margin-top: 5px; display: block; }
.short { width: 200px; }
.float_img { float: left; margin-right: 15px; }
img.border { border: 1px solid #4c703c; }
.person { border: 18px solid #ac253b; }

.classlist a { font-size: 12px; line-height: 1.2;  }
ul.usecase { list-style-type:none; margin:0px 0px 10px 10px; padding:0; }  
ul.usecase li { font-style: italic; margin:5px 0px 5px 0px; color: #4c703c; }
.storyboard { width: 2000px; }

ul.toc { list-style-type:none; margin:10px 0px 0px 20px; padding:0; }  
ul.toc li {  }
.smallnote { font-size: .75em; }