* {margin:0; padding:0; font: 12px Verdana, AvantGarde, Tahoma, Arial, sans-serif;}

body {width:99%; list-style:none; color:#033; margin:0 auto 8.75%;}
b, strong { font-weight: bold; }
code {font-family:"Courier New",Courier;}
em { font-style: italic; }
img { margin: 0.5% 0 0.25% 0.5%; width: 98%; max-width: 98%; border: 1px solid #666; }
ol, ul { list-style-position: outside; margin-left: 1.5%; }
#cc_confirm_div ul, #cc_choose_div ul, #cc_offer_div ol { list-style-position: inside; }
ol li, ul li { margin-left: 1%; padding-top: 0.5%; }
p { padding-top: 0.5%; }
p:first-child: { padding-top: 0; }
table { border-collapse: collapse; width: 100%; margin-top: 0.5%; }
th, td { padding: 1%; border: 1px solid #3333ff; }

.smaller { font-size: smaller; }
/* -----
   File markers in the change history.

   Each carries a word as well as a color, because color on its own is not a way to tell a
   reader anything: a red path and a green path are the same path to a reader who cannot
   separate the two, and there are four categories here across fifty-seven entries. The
   ::before prefixes are scoped to the first span in a list item, so the file path is labeled
   and any trailing annotation on the same line is not labeled twice.

   red was #FF0000, which measures 4.00:1 on white and fails WCAG AA for normal text. #D00000
   measures 5.70:1, is still unmistakably red, and sits close to the green's 5.14:1 so the two
   carry similar weight on the page.

   .osh was darkcyan at 4.15:1, also failing, and used nowhere in the document. Removed rather
   than corrected -- there is no sense fixing the contrast of a class nothing wears. */
.corefile { color: #D00000; }
.template { color: green; }
.removed { text-decoration: line-through; color: blue; }
.added { color: blue; }

li > .corefile:first-child::before { content: "[core] "; font-weight: bold; }
li > .template:first-child::before { content: "[template] "; font-weight: bold; }
li > .added:first-child::before    { content: "[+] "; font-weight: bold; }
li > .removed:first-child::before  { content: "[-] "; font-weight: bold; text-decoration: none; }
.c1 { text-align: left; font-weight: bold; font-style: italic; width: 15%; color: #333333; }
.c3 { vertical-align: top; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.head_outer, .head_outer .c1 { font-weight: bold; color: black; font-style: normal; }
.o { background-color: #ede3f5; }
.smallimg { width: auto; margin: 0.5% 0.25% 0.25% 0.5%; }
.table { display: table; padding-left: 0.5%; font-size: smaller; margin-top: 0.5%; }
.head_outer, .item_outer { display: table-row; }
.thead, .item { display: table-cell; padding: 0.25% 0.25%;}
.thead { font-weight: bold; }
.table ul { list-style-type: none; padding-left: 0; margin: 0; }
.table ul li { margin: 0; }
.bold { font-weight: bold; }
.term { color: #0561ad; font-style: italic; }
.back { float: left; }
.forward { float: right; }
.clear { clear: both; }
.smallimg.back { margin-right: 10px; }
.bitalic { font-weight: bold; font-style: italic; color: blue; }
#header { width: 100%; }
#title { font-size: 20px; padding-top: 1%; padding-bottom: 1%; text-align: center; }
h4 { font-size: 12px; padding: 0.5% 0 0.5% 1%; border: 1px solid #5D90A7; background-color: #9ECED3; font-weight: bold; font-style: italic; margin-top: 0.5%; }

.the_head { width:97%; padding:1%; font-weight:bold; margin: 0.5% auto 0;  background-color: #5D90A7; border: 1px #0561ad solid; }
.the_content { width:97%; padding:0 0 1% 0; border: 1px #666 solid; border-top:none; background:#fff; margin: 0 auto; }
.openaee {  background: #4f7a8e; }

h3 {width:98%; border: 1px #666 solid; border-right: none; border-left: none; padding:1%; font-weight:bold; margin-top:0.25%; background-color: #85BCD4;}
.sub-content {width:98%; padding:1%; background:#fff; list-style:none; color:#033; margin-left: 0; }
.sub-content.no-border { border: none; }

#BackToTop {float: left;display:none;color: #eee;margin: 0 5px;padding: 3px;text-decoration: none;border: 1px solid #444;font: bold 14px Arial, Helvetica;position:fixed;bottom:10px;right:10px;
/** Background gradient **/
background-color: #444;
background-image: -moz-linear-gradient(#444, #222);
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
background-image: -webkit-linear-gradient(#444, #222);
background-image: -o-linear-gradient(#444, #222);
background-image: -ms-linear-gradient(#444, #222);
background-image: linear-gradient(#444, #222);
/** box Radius **/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/** Text Shadow **/
text-shadow: 0 -1px 0 rgba(0,0,0,.8);
/** Box shadow **/
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 3px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 3px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
#BackToTop span{border: 0px solid #ccc;display: block;padding: 4px 15px;cursor: pointer;
/** Background gradient **/
background-color: #444;
background-image: -moz-linear-gradient(#444, #222);
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
background-image: -webkit-linear-gradient(#444, #222);
background-image: -o-linear-gradient(#444, #222);
background-image: -ms-linear-gradient(#444, #222);
background-image: linear-gradient(#444, #222);
}