body {max-width: 75em;}

code { font-family: monospace; }

div.constraint,
div.issue,
div.note,
div.notice,
div.example    { margin-left: 1.5em; margin-bottom: .5em; }

ol.enumar      { list-style-type: decimal; margin-top: 0; margin-bottom: .25em;}
ol.enumla      { list-style-type: lower-alpha; }
ol.enumlr      { list-style-type: lower-roman; }
ol.enumua      { list-style-type: upper-alpha; }
ol.enumur      { list-style-type: upper-roman; }

.screenreader {position: absolute; left: -1000em}

h2.section, h3.section {font-weight: normal; font-size: 1.25em; margin-top: 1.5em; color: #000000; background:inherit;}
h4 {font-weight: bold; font-size: 0.8125em; padding: 0; margin-bottom: 0; color: #333; background:inherit;}
.boxed h3, .boxed h4 {font-weight: bold; font-size: 0.8125em; padding: 0.5em 1em; color: #000000; background: #f0f0f0; margin: 0 0 1em}
.boxed {border: solid #ccc 1px; padding: 0 0 1em; margin: 1em 2em 0 2em}
.boxed p, .boxed div {margin-left: 1em; margin-right: 1em}
div.boxed h3, div.boxed h4, div.div2 h2, div.div2 h3, h2.terms, h3.terms .div3 h3, .div3 h4, .benefits h3, .benefits h4 .resources h3, .resources h4 .intent h3, .intent h4 {color:#000000;}
.div3head, .div2head {color:#000000; background: inherit; font-size: 1.1em;}
div.div2 dl, dl.keyterms {margin-left: 1.5em;}
p.prefix {margin-bottom: 0.5em}
.benefits h3, .resources h3, .intent h3 {font-size: 1.1em;}

blockquote.scquote, blockquote.glquote {margin: 0 1em 0 1em; border: solid #ccc 1px; background: #f0f0f0; clear: left; padding: 0.5em;  padding-top: 0.6em;}
blockquote.scquote p, blockquote.glquote p {font-size: 0.8125em}
blockquote.scquote ul li {font-size: 1em;}

	li p {
		margin-top: 0;                  
		margin-bottom: 0; 
	}

	p {
		margin-top: 0;                  
		margin-bottom: .5em; 
	}
	
p.prefix, p.sctxt {
    margin-top: .5em;  
    margin-bottom: .25em;
}

strong.sc-handle {
  font-size: 1em;
}
dd.prefix p {
		margin-bottom: 0;                  
}
      	dd {
		margin-bottom: .5em;                  
	}
dt.label {padding-top: .5em;}
div.sc ul {
		margin-top: 0;                  
		margin-bottom: .25em;               
}

h4, h5 {margin-bottom: .5em;}
    .revnote {
        border-style : solid;
        border-width : thin;
        border-color : #A7ABBF;
        background-color: #F0F8F8 ;
        color : black;
        page-break-inside: avoid ;
      }
    p.revnote , div.revnote {
        padding : 0.5em;
        margin : .25em 0 .25em 0; /* top, right, bottom, left */
      }
    .informative {
        color : #000000;
        background : #ffffff;
        padding-bottom : 0.5em;
        padding-left : 1em;
        margin-top : 0.5em;
        margin-left : 2em;
        padding-right : 0.5em;
        border-style : solid;
        border-width : thin;
        border-color : #f1f1f1;
      }
      
    .principle { 	
		padding: .5em; 	
		border: thin solid #666666; 	
		background-color: #FFFFFF; 	
		color: #000000; 	
		font-weight: bold; 
	}
       
    .guideline {
        border: thin solid #000066; 	
        background-color: #CFE8EF ! important; 	
        padding: .5em .5em .5em .5em; 	
        margin-bottom: 0; 	
        color: #000000;   
      }
      
    .req, .bp, .additional, .terms, .section {      	    
		  display: block; 
		  border-bottom: thin solid #666666;
		  margin-left: 1em;
		  padding-bottom: .25em;
		  padding-top: .5em;
		 } 
		 
		 .terms, .section {      	    
		  display: block; 
		  border-bottom: thin solid #666666;
		  margin-left: 0;
		 } 
		 
	div.sc {
		 margin-left: 1em;
	}	
  
    .bigger {
        font-weight : bold;
      }
    .smaller {
        font-size : 75%;
      }
      .termref{
      text-decoration:none;
      color:#000000;
      border-bottom:dotted #585858 1px;/* glossary ref */
      background-color: #F0F0F0;
      }
      
      a.termref:link {
      color:#000000;
      background : inherit;
      }
      a.termref:hover, .termref:active, a.termref:focus {
      color:#0000CC;
      background : inherit;
      }
	table.checklist {
		empty-cells: show;
		width: 94%;
		margin-bottom: 1em;
	}
					 	
      .sorethumb {color: red; background: inherit;}
	table.checklist {
		empty-cells: show;
		width: 94%;
		margin-bottom: 1em;
	}
					 
p.sc {font-size: 100%; font-weight: bold; display: inline;}

p.i, p.v {display: inline;}

tr.scrule {
font-size: 95%; 
}

tr.scrule:hover, tr.scrule:focus {
background-color: #DCDCDC;
}

tr.scrule {
background-color: #98FB98;
}

tbody.reqcl {
	background-color: #CFE8EF;
}
tbody.bpcl {
	background-color: #FFFFCC;
}
tbody.additionalcl {
	background-color: #DDFDDF;
}

th.reqcl {
	background-color: #CFE8EF;
}
th.bpcl {
	background-color: #FFFFCC;
}
th.additionalcl {
	background-color: #DDFDDF;
}

th {
background-color: #E0E0E0;
}

hr.divider {
	background-color: #000066;
	color: #000000;
	height: 30px;
}

 ul.nobullet {
  list-style-type: none;
 }
a.HTMlink, a.HTMlink:visited { 
	display: inline;
	font: .9em Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0px 0px 2px 15px;
	}
a.HTMlink:hover, a.HTMlink:focus { 
	display: inline;
	font: .9em Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0px 0px 2px 15px;
	}
	
li.conformance {
  margin-top: 1em;
}

li.intro ul {
margin-bottom: 1em;
}

p.indented {
 margin-left: 2.5em;
}

div.exampleInner pre { margin-left: 1em;
                       margin-top: 0em; margin-bottom: 0em}
div.exampleOuter {border: 4px double gray;
                  margin: 0em; padding: 0em}
div.exampleInner { background-color: #d5dee3;
                   border-top-width: 4px;
                   border-top-style: double;
                   border-top-color: #d3d3d3;
                   border-bottom-width: 4px;
                   border-bottom-style: double;
                   border-bottom-color: #d3d3d3;
                   padding: 4px; margin: 0em }
div.exampleWrapper { margin: 4px }
div.exampleHeader { font-weight: bold;
                    margin: 4px}