@charset "UTF-8";


/* set margins */
p, h2, h3, h4, dl, figure { margin-left: 7.5%; margin-right: 32%; }

table { margin-left: 7.5%;  }
table.inband { margin-right: 32%; }


ul, ol { margin-left: 12.5%; margin-right: 34%; padding-left:0; }
ul ul { margin-left: 2%; margin-right: 5%; }
ol ul { margin-left: 2%; margin-right: 5%; }
li {margin-left:0; padding-left: 0; }
li p { margin-left: 0; margin-right: 0; }
li li { margin-right: 0; }
li .example { margin-left: 0; margin-right: 0; }

blockquote { margin-left: 11%; margin-right: 34%; }
blockquote p { margin-left: 0; margin-right: 0; }
blockquote ol { margin-right: 0; }

.example { margin-left: 7.5%; margin-right: 32%; }
.example-wide { margin-left: 7.5%; margin-right: 5%; }
.example dl { margin-right: 0; }
.example dd { margin-right: 0; }
.example p { margin-left: 0; margin-right: 0; }
.sidenote p { margin-left: 0; margin-right: 0; }
.example blockquote { margin-left: 1em; margin-right: 1em; }
.note p { margin-left: 0; margin-right: 0; }

figure { display:block; padding: 10px 3%; }
figure p, figure pre { margin-left: 0; margin-right: 0; }
figcaption {
	font-style: italic;
	}

dt, dd { margin-bottom: 0; }
dd .example { margin-left: 0; margin-right: 0; }
dd p { margin-left: 0; margin-right: 0; }

/*Start main styles */

a:link {
	color: teal;
	text-decoration: none;
	}
a:visited {
	color: teal;
	text-decoration: none;
	}
a:hover {
	color:  #005a9c;
	background: white;
	text-decoration: underline;
	}


aside {
	float: right; 
	width: 28%;
	clear: right;
	}
aside h2 {
	margin-top: 0;
	margin-left: 16px;
	margin-right: 3%;
	}
aside p {
	margin-left: 30px;
	margin-right: 20px; 
	}
aside ul {
	margin-left: 30px;
	margin-right: 20px; 
	padding: 0;
	}
 aside li {
	list-style-type: none;	
	}


#site-navigation {
	background-color:white;
	color: #7FFFD4; 
	padding-top: 1em;
	padding-bottom: 0;
	background-image: url(standards-corner.png);
	background-position: top right;
	background-repeat: no-repeat;
	}
#site-navigation:lang(ar), #site-navigation:lang(ar) {
	background-image: url(standards-corner.he.png);
	}
#site-navigation ul {
	margin-left: 30px;
	margin-right: 20px; 
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	}
#site-navigation li {
	display: inline;
	margin-right: 10px;
	}
#site-navigation a {
	white-space: nowrap;
	}
#site-navigation a:link {
	color: #b8cbcb;
	background-color: white; 
	}
#site-navigation a:active {
	color: #b8cbcb;
	background-color: white; 
	}
#site-navigation a:visited {
	color: #b8cbcb;
	background-color: white; 
	text-decoration: none;
	}
#site-navigation a:hover {
	color: white;
	background-color: #003163; 
	border-radius: 3px;
	text-decoration: none;
	}


#disclaimer {
	/* text-align: left; */
	font-size: 80%; 
	line-height: 1em; 
	background-color: transparent; 
	}
#disclaimer p {
	color: #C30;
	font-size: 115%; 
	line-height: 1.2em;
	}


#search {
	}
#searchField {
	background-color: #C08D34; 
	background-color: #5F9EA0;
	border: 0;
	margin-right: 5px;
	}
#searchSite {
	background-color: teal;
	color: #7FFFD4;
	/* text-align: left; */
	font-size: 80%;
	padding: 0px 5px 0px 5px;
	margin: 30px 49px 10px 18px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right:10px;
	}
#searchSite input {
	width:90%; 
	background-image: url(/web/20130903230818oe_/http://www.w3.org/International/style/search.png); 
	background-position: left; 
	background-repeat: no-repeat; 
	padding-left:18px; 
	color:#7fffd4; 
	background-color:teal;
	cursor:pointer;
	}


#breadcrumbs {
	font-size: 90%;
	margin-bottom: 10px;
	}
	

#toc ol {
	margin:0;	
	padding: 0;
	margin-left:2em;
	margin-right: 1em;
	margin-bottom: 15px;
	}
#toc li {
	list-style-type:none;
	margin-bottom: 5px;
	}
#toc ol ol {
	margin: 8px 0 8px 10px;
	font-size:80%;
	}
#toc ol ol li {
	margin-bottom: 3px;
	}


#aboutdoc p { 
	font-size: 90%;
	}

#siteicons {
	background-color: #003163;
	margin-right: 29%;
	border-bottom-right-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-o-box-shadow: -4px 4px 7px #888;
	-icab-box-shadow: -4px 4px 7px #888;
	-khtml-box-shadow: -4px 4px 7px #888;
	-moz-box-shadow: -4px 4px 7px #ccc;
	-webkit-box-shadow: -4px 4px 7px #ccc;
	box-shadow: -4px 4px 7px #888; 
	padding: 0; height: 49px;
	}
#siteicons a:hover {
	text-decoration: none;
	background-color: #003163;
	color: white;
	}
#i18n-name {
	font-size: 28px; 
	vertical-align: bottom;
	letter-spacing: -1.5px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	color: #a5b9b9; 
	margin-left: 10px; 
	}
#i18n-name {
	font-size: 29px; 
	vertical-align: bottom;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	color: #a5b9b9; 
	margin-left: 10px; 
	line-height: 1.5em;
	}

#sitelinks {
	text-align: right;
	padding-top: 8px;
	}
#sitelinks a { 
	padding-left: 0.75em;
	}
#sitelinks a:hover {
	color: #005a9c;
	text-decoration: none;
	}
	

h1 {
	/* text-align: left;  */
	font-size: 200%;
	font-weight: normal;
	color: #005a9c;
	padding: 5px;
	padding-left: 10px;
	margin: 0;
	margin-top: 1em;
	margin-right: 28%;
	}


section {
	line-height: 150%; 
	background-color: white;
	color: #333;
	/* text-align: justify; */
	}



h2 {
	/* text-align: left; */
	color: #005a9c;
	background-color: #eee;
	padding: 6px;
	padding-left: 10px;
	font-size: 140%;
	font-weight: normal;
	text-transform: lowercase;
	margin-top: 2em; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
h2:lang(de) { text-transform: none; }
h2 a:link { 
	text-decoration: none;
	color: #005a9c;
	}
h2 a:visited { 
	color: #005a9c;
	text-decoration: none;
	}

h3 {
	/* text-align: left; */
	font-size: 120%;
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 1em;
	border-bottom: 1px solid #eee;
	}
section h3 a:link { 
	text-decoration: none;
	color: #005a9c;
	}
section h3 a:visited { 
	color: #191970; 
	color: #005a9c;
	}


#nutshell {
	color: #000066;
	margin-top: 2em;
	margin-bottom: .25em;
	margin-left: 8%; 
	margin-right: 34%;
	/* text-align: left; */
	padding: 5px 10px 5px 15px; 
	background-color:#ffe; 

	border: 1px solid #CCC; 
	-o-box-shadow: 7px 7px 5px #888;
	-icab-box-shadow: 7px 7px 5px #888;
	-khtml-box-shadow: 7px 7px 5px #888;
	-moz-box-shadow: 7px 7px 5px #ccc;
	-webkit-box-shadow: 7px 7px 5px #ccc;
	box-shadow: 7px 7px 5px #888; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	}
#nutshell h2 {
	font-size: 36px;
	color: #900;
	margin-top: 10px;
	margin-left: 5%;
	background-color: inherit;
	padding-left: 0;
	}
#nutshell #nutshellintro {
	font-style: italic;
	}
#nutshell p { 
	margin-left: 5%;
	margin-right: 10%;
	}

#furtherreading h2 {
	margin-bottom: 2em;
	}
.referencestitle {
	margin-left: 11%; 
	margin-right: 34%; 
	margin-top: 30px;
	font-weight: bold;
	}


.sidenoteGroup {
	position: relative;
	width: 100%;
	}
/* Note that .sidenote has to be absolute to get it to position alongside the top of the text it comments on, but have it read after.  The order is important for screen readers and for the printed version. The use of the sidegroupnote div allows you to specify the location where the note should be read. (cf. .insidenote) */
.sidenote {
	position: absolute;
	top: 0;	
	right: 2em;
	width: 24%;
	font-size: 80%;
	line-height: 1em;
	/* text-align: left; */
	}

/* .insidenote is for use at the top of the document where the sidenote might conflict with the sidebar.  Note that, because it uses float rather than absolute, the note it encapsulates has to come *before* the text it is displayed alongside. This is less than ideal for voice browsers. */
.insidenote {
	float: right;
	margin-right: 2em;
	margin-left: 1.5em;
	margin-top: .5em;
	margin-bottom: 1em;
	width: 24%;
	font-size: 80%;
	line-height: 1em;
	/* text-align: left; */
	z-index:-500;
	}
.insidenote p {
	margin:0;
	margin-bottom: .5em; 
	}



address {
	font-style: normal;
	}
address {
	margin-top: 5em;
	}
address p {
	padding-top: .5em;
	padding-bottom: .5em;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	}

small {
	font-size: 90%;
	margin-left: 7.5%; 
	margin-right: 32%;
	margin-bottom: 1em;
	display:block;
	}



/* ***********grouping elements************* */


.example, .example-wide {
	color: #000066;
	margin-top: .25em;
	margin-bottom: .25em;
	/* text-align: left; */
	
	background-color:#ffe; 
	border: 1px solid #CCC; 
	-o-box-shadow: 7px 7px 5px #888;
	-icab-box-shadow: 7px 7px 5px #888;
	-khtml-box-shadow: 7px 7px 5px #888;
	-moz-box-shadow: 7px 7px 5px #ccc;
	-webkit-box-shadow: 7px 7px 5px #ccc;
	box-shadow: 7px 7px 5px #888; 
	padding: 5px 10px 5px 15px; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	}
.example figcaption {
	font-style: italic;
	}
.example-head {
	font-style: italic;
	margin-bottom: 10px;
	}

.note {
	color: #000066;
	margin: .25em 35% .25em 10%;
	
	background-color:#eef; 
	border: 1px solid #CCC; 
	-o-box-shadow: 7px 7px 5px #888;
	-icab-box-shadow: 7px 7px 5px #888;
	-khtml-box-shadow: 7px 7px 5px #888;
	-moz-box-shadow: 7px 7px 5px #ccc;
	-webkit-box-shadow: 7px 7px 5px #ccc;
	box-shadow: 7px 7px 5px #888; 
	padding: 5px 10px 5px 15px; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	}
.note strong { font-size: 180%; text-transform: lowercase; font-weight: normal; padding-right: 10px; }
.sidenote .note { margin: 0; }
.sidenote .note strong { float: left;
 font-family: Old English, Georgia,serif;
 font-size: 300%;
 line-height: 1em;
 margin-right: 0.03em;
 margin-bottom:-0.25em; }

.advancedusage {
	color: #666;
	margin: .25em 32% 2em 7.5%;
	
	background-color:#ffeadd; 
	border: 1px solid #CCC; 
	/* -o-box-shadow: 7px 7px 5px #888;
	-icab-box-shadow: 7px 7px 5px #888;
	-khtml-box-shadow: 7px 7px 5px #888;
	-moz-box-shadow: 7px 7px 5px #ccc;
	-webkit-box-shadow: 7px 7px 5px #ccc;
	box-shadow: 7px 7px 5px #888; */
	padding: 5px 10px 5px 15px; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	}
.advancedusage strong { font-size: 120%; text-transform: lowercase; font-weight: normal; padding-right: 10px; }
.advancedusage p { margin-left: 0; margin-right: 0; }
.advancedusage figure { margin-left: 0; margin-right: 0; }

/* **************inline elements**************** */

q	 { 
	quotes: '"' '"' "'" "'"; }
q:lang(no) { 
	quotes: "«" "»" '"' '"'; }
q:lang(de) { 
	quotes: "\201E " "\201C " '\201A ' '\2018 '; }
.qchar { 
	quotes: '\2018' '\2019'; }
.qchar:lang(de) { 
	quotes: '\2018' '\2019'; }
.qterm	 { 
	quotes: "'" "'"; }
.qterm:lang(de)	 { 
	quotes: "'" "'"; }

.qchar {
	font-size: 100%;
	color: black;
	font-family: "Times New Roman", Times, serif;
	}
.qchar:before {
	content: open-quote;
	font-style: normal;
	font-size: 100%;
	margin-right: 1px;
	}
.qchar:after {
	content: close-quote;
	font-style: normal;
	font-size: 100%;
	margin-left: 1px;
	}
.qterm {
	font-style: italic;
	}
.qterm:before {
	content: open-quote;
	font-style: normal;
	font-size: 100%;
	}
.qterm:after {
	content: close-quote;
	font-style: normal;
	font-size: 100%;
	margin-left: 2px;
	}

mark {
	background-color:#ffe; 
	background-color:yellow; 
	background-color: #FF9;
	/*border: 1px solid #CCC; */
	padding: 0 .5em;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	/* font-weight:bold; */
	}



/* ************** specials ********************* */

.dontuse { 
	vertical-align: middle;
	}

#alternates a {
	text-transform: none;
	}

a.dfn:link {
	color: inherit;
	text-decoration: none;
	border-bottom:1px dotted teal;
	}
a.dfn:hover {
	color:  #005a9c;
	background: white;
	text-decoration: none;
	border-bottom:1px dotted teal;
	}
a.dfn:visited {
	color: inherit;
	text-decoration: none;
	border-bottom:1px dotted teal;
	}
	

.acronym {
	text-transform: capitalize;
	}
.background-link {
	margin-bottom: 0;
	margin-top: 0;
	}
blockquote {
	/* text-align: left; */
	}
.box-header {
	font-weight: bold;
	}
body {
	margin: 0;
	padding: 0;
	background-color: white;
	color: black;
	font-family: arial, "lucida grande", helvetica, sans-serif;
	font-size: 0.9em;
	}
body:lang(ar) { 
	font-family: tahoma, sans-serif;
	font-size: 0.9em;
	}

.codelink {
	float: right;
	}
.codelinkl {
	float: left;
	}
div.code {
	display: block;
	overflow: auto;
	width: 100%;
	white-space: pre;
  	font-family: 'Andale Mono', Courier, monospace;
	font-size: 95%;
	line-height: 120%;
	}
dt {
	font-weight: bold;
	margin-top: 1em;
	}
.ed {
	color: red;
	}
fieldset {
	color: #a52a2a;
	}
#footer {
	margin-top: 5em;
	border-top-width: 1px;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-color: #333;
	border-style: solid;
	font-size: 90%;
	}
p.background-link + h2 {
	margin-top: 0;
	}
.leadin {
/*	color: #005a9c; */
	font-weight: bold;
	}
/*h4 {
	display: inline;
	font-size: 100%;
	font-weight: bold;
	margin-right: 1em;
	}
div.h4 {
	margin-top: 2em;
	}
div.h4 p {
	margin-left: 0;
	margin-right: 0;
	display: inline;
	}
*/
.hide {
	}
img {
	border:0;
	}
#icon {
	float: right;
	width: 28%;
	clear: right;
	}
p.background-link { 
	color: teal;
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
	}
section > p { 
	text-align:justify;
	}
.sidenoteGroup > p {
	text-align:justify;
	}
p:lang(ar) { 
	font-family: tahoma, sans-serif; 
	}

#line {
	position: absolute;
	left: 72%;
	top: 0;
	width: 10px;
	border-left: 2px dotted #005a9c;
	height: 30em;
	}
.kw {
	color: #A52A2A;
	font-family: "Courier New", monospaced;
	font-size: 100%;
	}
#logos {
	float: right;
	margin: .25em 1em 0 1em;
	}
#navigation {
	line-height: 150%;
	background-color: transparent;
	color: #555;
	font-weight: bold;
	margin-top: 3em;
	margin-bottom: 1.5em;
	text-transform: lowercase;
	}
#navigation:lang(de) { text-transform: none; }
.newterm {
	font-weight: bold;
	}
#audience {
	line-height: normal;
	font-weight: normal; 
	color: gray;
	margin-top: 4em;
	margin-bottom: 2em;
	font-size: 90%;
	}
#audience .leadin {
	font-weight: bold;
	color: #555;
	text-transform: lowercase;
	}
#audience .leadin { text-transform: lowercase; }
p#internal-links {
	line-height: normal;
	}
	/*
p in */ #disclaimer p {
	margin-left: 30px;
	margin-right: 20px; 
	}
	/*
p in */ #navigation p {
	margin-top: 0;
	margin-bottom: .25em;
	/* text-align: left; */
	font-size: 90%;
	}
p#pagelocation {
	display: none;
	}
img#picture {
	margin-left:20px;
	margin-top: .5em;
	margin-bottom: .5em;
	display: block;
	border: 0;
	}
pre {
	line-height: 1.3em;
	}
.question {
	font-weight: bold;
	/* text-align: left; */
	}
#references p {
	/* text-align: left; */
	}
.sidebar {
	float: right;
	width: 28%;
	clear: right;
/*	border-left: 2px dotted #005a9c; */
	}
/* Note that stuff that goes in the sidebar will not be printed! If you want a note that will be printed, consider an insidenote or sidenote. */


span#scale {
	white-space: nowrap; 
	color: gray;
	}
span.searchkey {
	font-style: italic;
	}
span.surveyScale {
	white-space: nowrap; 
	color: gray;
	}
table, td, th {
	font-size: 1em;
	}
table.inband {
	margin-top: 1em;
	margin-bottom: 1em;
	}
	/*
td in */ table td { 
	border: 1px solid teal; 
	vertical-align: top; 
	text-align: center; 
	border-collapse: collapse; 
	font-family: "Arial Unicode MS", "Lucida Sans Unicode", sans-serif; 
	}
	/*
td in */ table.inband td {
	/* text-align: left; */
	vertical-align: top;
	border: 1px solid #000066;
	padding: 0.2em;
	}
	/*
input#who {
	width: 100%;
	}
th in */ table th { 
	font-size: 80%; 
	text-align: right;
	padding: 4px;
	}
	/*
th in */ table.inband th {
	text-align: left;
	vertical-align: top;
	border: 1px solid #000066;
	font-weight: bold;
	padding: 0.2em;
	background-color: #f9f5de; 
	}
.uppercase {
	text-transform: uppercase;
	}
.uri {
	display: none;
	}
#wai-start  { 
	position:absolute; 
	left:-999px; 
	width:990px;
	display: block;	
	}
	



#full-links p { 
	/* text-align: left;  */
	}



/***** survey form *****/

#survey {
	/* text-align: left; */
	float: right; 
	font-size: 90%;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	border: 2px solid rgb(214,212,157);
	width: 20%;
  	max-width: 250px;
	padding: 20px;
	margin-right: 20px;
	color: #666;
	}
#survey p {
	margin-left: 10px; 
	margin-right: 10px; 
	/* text-align: left; */
	}
/*
.container {
  color: #666;
  background: url(/web/20130903230818oe_/http://www.w3.org/International/icons/survey-right.gif) top right no-repeat;
  max-width: 250px;
  text-align: left;
  } 
.topright {
  margin: 0;
  padding: 9px 9px 0 9px;
  background: url(/web/20130903230818oe_/http://www.w3.org/International/icons/survey-left.gif) top left no-repeat;
  }
.bottomleft {
  margin: 0;
  padding: 0 0 0 9px;
  background: url(/web/20130903230818oe_/http://www.w3.org/International/icons/survey-left.gif) bottom left no-repeat;
  }
.bottomright {
  margin:0;
  padding: 0 9px 9px 0;
  font-style: normal;
  background: url(/web/20130903230818oe_/http://www.w3.org/International/icons/survey-right.gif) bottom right no-repeat;
  }
  */
#survey a.interaction { 
  font-size: 130%;
  color: #e70;
  }
#survey button.interaction {
  font-size: 130%;
  color: #e70;
  background-color: #ffffff; 
  border: 0; 
  margin: 0; 
  padding: 0;
  text-align: left; /* for IE */
  cursor: pointer;
  /*width: 225px;*/
  }
#survey label.interaction {
  font-size: 130%;
  color: #e70;
  background-color: #ffffff; 
  border: 0; 
  margin: 0; 
  padding: 0;
  cursor: pointer;
  }
#survey form {
	margin: 0;
	padding: 0;
	border: 0;
	}
#survey p {
	margin: 0;
	padding-top: 9px;
	}





#print-author {
	font-size: 110%;
	color: #005a9c;
	margin-top: 4em;
	font-weight: bold;
	display: none;
	}
#print-uri {
	font-size: 100%;
	color: #005a9c;
	display: none;
	margin-bottom: 2em;
	}




.outofdate {  background-color: yellow; border: 1px solid teal; padding: 8px; }

.foreign { font-style: italic; }


/* quick check form in side bar */

.quickcheck input { border:1px solid #ccc; color:#999; width:100%; padding: 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.quickcheck button[type=submit] {border:0;background-color:#eee; padding: 2px 5px 2px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.quickcheck .guide { font-size:75%; font-style:italic; }
.quickcheck p { margin-bottom: 5px; margin-top: 5px; color:#A52a2a; color:#666; }


	
dfn {
	font-weight:bold;
	font-style: normal;
	}
a.termref { border-bottom: 1px dotted #C66; } 
cite {
	font-style: italic;
	}
	
.updated { text-align:right; font-size: 90%; margin-top: 0; margin-bottom:0; }

.badcode { font-size: 75%; color:#999; line-height: 1em; }
.badcode img { vertical-align: text-top }

.acknowledgements { font-size: 80%; color: gray; }


img.shadow {
	-o-box-shadow: 7px 7px 5px #999;
	-icab-box-shadow: 7px 7px 5px #999;
	-khtml-box-shadow: 7px 7px 5px #999;
	-moz-box-shadow: 7px 7px 5px #999;
	-webkit-box-shadow: 7px 7px 5px #999;
	box-shadow: 7px 7px 5px #999; 
	}