/*

||||||||||||||||||||||||||||||||||||||||||
   COMMON STYLES
||||||||||||||||||||||||||||||||||||||||||

Acknowledgements
|======================---------------------------------------------------------------------------- |
The color ratios were determined using Gez Lemon's "Luminosity Colour Contrast Ratio Analyser" [http://juicystudio.com/services/luminositycontrastratio.php]
The language-specific quotation marks are from Jutta Wrage [http://www.witch.westfalen.de/csstest/quotes/quotes.html ]and (monc) David's Kitchen [http://monc.se/kitchen/129/rendering-quotes-with-csst] 

*/

html {margin:0; padding:0; }
body {margin:0; padding:0; color:#333; font-size:90%; background-color:#fcfcfc; }

/* Vague
==============================================================---------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, a, abbr,
address, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, var,
dl, dt, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td  {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
}
/* HTML 5 Elements */
section, nav, article, aside, hgroup, header, footer, address, mark, figure, figcaption {display:block !important; margin:0; padding:0; font-weight:inherit; font-style:inherit; font-family:inherit; border:0; }
table {border-collapse:separate; border-spacing:0; }
caption, th, td {font-weight:normal; text-align:left; }

a {text-decoration:none; color:#666600; }  /* #666600 = 6.06:1/Passed at Level AA for regular text */
a:hover, a:active {outline: 0; }
p a:hover, p a:focus, p a:active, li a:hover, li a:focus, li a:active {color:#000;text-decoration:none;}
p, blockquote, li, dt, dd, tr, th {color:#333; font:1em/1.4 Times,"Times New Roman",serif; }    /* #333 + #f3f3f3 = 12.32:1/Passed at Level AAA for regular text and large text */
h2 {color:#000; font:1.8em Palatino,"Times New Roman",Times,serif; letter-spacing:1px; text-transform:uppercase; }
h3 {font-family:"Times New Roman",Times,serif; }
/*
#navElements h3.outlineTitle {display:none; }
*/
#vergeDirectory_map .outlineTitle {display:none; }
h4 {margin:10px 0 0 0; padding:0; color:#333; font:bold 1.2em "Times New Roman",Times,serif; }
h5 {color:#000; font:1.1em  Palatino,Times,"Times New Roman",serif; }
address {margin-bottom:30px; }
blockquote {padding-bottom:10px; }
code {color: #000; font:12px "Trebuchet MS",Helvetica,Arial,sans-serif; } 
figure {padding-bottom:20px; }
figcaption {font-size:12px; text-align:center; }
dd {margin-bottom:1em; }
dt {text-align:left; }
pre {margin-left:30px; text-align:left; }
strong {font-weight:bold; font-style:italic; }
ul {list-style-type:none; }

p#jumpContent { position: absolute; top: -60px; right: 20px; display: block; width: 100px; height: 50px; margin: 0; padding: 0; text-indent: -9999px; }


/* Caveats
==============================================================---------------------------*/
#caveats ul, .caveats_faux ul { list-style-type: none; margin: 50px 0 0 0; padding: 5px 0 0 0; border-top: 1px solid #000; }
#caveats ul li, #caveats p, .caveats_faux ul li, .caveats_faux p { color: #000; font: .8em Times, "Times New Roman", serif; }
#caveats ul li, .caveats_faux ul li { margin: 0; padding: 0; display: inline; text-transform: uppercase; }
#caveats ul li.caveatsDecoration, .caveats_faux ul li.caveatsDecoration { margin: 0 3px 0 0; padding: 0 8px 0 0; color: #000; border-right: 1px solid #000; }
#caveats ul li a, .caveats_faux ul li a { color: #000; }

/* Definition Element
==============================================================---------------------------*/
#tooltip { position: absolute; width: 400px; padding: 10px; border: 1px solid #ccc; background: #B1C4B2 url(/images/elementary-rosette_L.png) left -10px no-repeat; z-index: 3000;  }
#tooltip div, #tooltip h3 { margin: 0; }
#tooltip h3 { color: #fff; color: #11111a; font-weight: normal; font-size: 1em; }

/* Elementary Horizontal Rules
==============================================================---------------------------*/
.codeBetweenText {margin-left:30px; padding:0; color: #000; font:1.2em/18px Times,"Times New Roman",serif; letter-spacing: .1em; }
.codeBetweenText img {margin-bottom: -8px; }
.sectionRuleParagraphique {height:18px;  margin:50px 200px 50px 100px; padding:0; height:18px; border:none; background:url('/images/standards-paragraphique.jpg') repeat-x; }
.sectionRule {width:50%; margin-bottom:50px;  color:#778899; }
.sectionRuleRosette {width:30px; height:30px; margin:50px 0 50px 120px; border:none; background:url('/images/standards-rosette-black_vS.png') center center no-repeat; text-align:left;}
.standardsRosette  {width:50px; height:50px; margin-top:30px; border:none; background:url(/images/standards-rosette-black_S.png) center center  no-repeat; }

/* Elementary Deco Hover
==============================================================---------------------------*/
p.elementalNav {margin-left:5px; padding:0; color:#333; font:1em/16px Times,"Times New Roman",serif; }
p.elementalNav span.borneoRosette {float:left; margin:0; padding:0 10px 0 0; }
p.elementalNav a {text-decoration:none; color:#666600; }
p.elementalNav a:visited {text-decoration:none; color:#CC3300; }
p.elementalNav a:hover {width:150px; padding-right:48px; text-decoration:none; color:#000; background:url(../images/standards-deco_1.jpg) right 0 no-repeat; }

/* Pullquote
==============================================================---------------------------*/
p.pullquote-right span {float:right; margin:0; padding:5px 0 0 5px; color:#333; font: .9em Georgia,Palatino,serif; text-align:center; }
p.pullquote-right:first-line {text-indent:15px; /* Moz fix for float removing text-indent */}
p.pullquote-left span {float:left; margin:0; padding:5px 10px 0 0; color:#333; font: .9em Georgia,Palatino,serif; text-align:center; }
p.pullquote-left:first-line {text-indent:15px; /* Moz fix for float removing text-indent */ }

/* Tables
==============================================================---------------------------*/
table.commonType th { padding: 3px 5px; text-align: left; background-color: #ddd; }
table.commonType td { padding: 3px 5px; background-color: #eee; }
table#elemental-elements { width: 500px; text-align: left; border-collapse: collapse; }
table#elemental-elements thead td { color: #fff; font: 14px Times, "Times New Roman", serif; text-align: center; background-color: #778899; }
table#elemental-elements tbody td { padding: 5px 10px; color: #333; font: 14px Times, "Times New Roman", serif; }
table#elemental-elements th, table#elemental-elements td { border: 1px solid #333; }
table#elemental-elements th { padding: 3px 5px; text-align: left; color: #000; font: 16px Times, "Times New Roman", serif; }

/* Various
==============================================================---------------------------*/
div#taxonomyIdentified {text-indent: -9999px; }
#goSys {display:none; visibility:hidden; }


/* Typography/Composition
==============================================-----------------------------*/
.blockedStyle, #articleBody p.blockedStyle {width:600px !important; margin-left:30px; padding:20px 0; text-indent:0; }
.center {text-align:center; }
.clearPreceding {clear: both; }
.cleverDevice {margin-top:70px; color:#666; }
.codeBreak { color: #cc0000; font: 1.3em Palatino, serif; } /* #cc0000 = 5.74:1/Passed at Level AA for regular text, and pass at Level AAA for large text */
.colorSignificantContent { color: #a60000; } /* #a60000 = 7.81:1/Passed at Level AAA */
#definitionDisplay { border-bottom: 2px dotted #778899; cursor: help; }  /* #778899 = 3.64:1/Passed at Level AA for large text  */
.declaratoryTitle {clear:left; float:left; padding-right:10px; font-style:normal; text-transform:uppercase; }
.dlLowerPadding {padding-bottom:30px; }
.elementSignificance { color: #225e79; font: 1.3em/10px Verdana, "Trebuchet MS", sans-serif; } /* #225e79 = 6.95:1/Passed at Level AA for regular text, and pass at Level AAA for large text */
.example { color: #660000; } /* #660000 = 13.08:1/Passed at Level AA for regular text, and pass at Level AAA for large text */
.externalLink { width: 20px; padding-left: 10px; background: url(/images/meta-glyphs/icon_external_dark.gif) right top no-repeat;  /* background-color: #778833; */ }
.firstSentence {text-indent:0; }
.fontNormal  {font-style:normal; }
.fontPercentage  {font-size:110%; }
.illegal-example {color:#cc3300; } /*  #cc3300 = 5.07:1/Passed at Level AAA */
.indent {text-indent:15px; }
.indentedIllustration {text-indent:100px; }
.indentedIllustration-text {text-indent:130px; }
.justify {text-align:justify; }
.lacksLeddingBottom {margin-bottom:0; padding-bottom:0; }
.lacksLeddingTop {margin-top:0; padding-top:0; }
.lacksMarginPadding_L {margin-left:0; padding-left:0; }
.largeHighlight {margin-top:0; padding:0 3px 3px; color:#000; font:1.1em Verdana,sans-serif; background-color:#cccc66; } /* #cccc66 = 12.40:1/Passed at Level AAA: The luminosity contrast ratio is very good for the chosen colours (#cccc66 and #000). */
.largeText {color:#333; font:1.8em Times,Palatino,"Times New Roman",serif; }
.largeTextElementary {color: #11111a; font:1.3em Palatino,Times,serif; }
.largeTextHighlighted { padding: 20px 0 20px 30px; color: #778899; font: 2em Garamond, Times, serif; }  /* #778899 = 3.64:1/Passed at Level AA for large text  */
.largeTextStupendous { padding: 20px 0 20px 30px; color: #274663; font: 3.2em Palatino, Garamond, Times, serif; letter-spacing: .1em; text-transform: uppercase; }  /* #778899 = 3.64:1/Passed at Level AA for large text  */
#vergeDirectory #content h3.largeTextHighlighted { padding: 20px 0 20px 20px; color: #778899; font: 2em Garamond, Times, serif; }  /* #778899 = 3.64:1/Passed at Level AA for large text  */
.leddingBottomTen { margin-bottom: 10px; }
.leddingBottomFifteen { margin-bottom: 15px; }
.leddingBottom { margin-bottom: 20px; }
.leddingTopTwenty { margin-top: 20px; }
.leddingBottomTwenty { margin-bottom: 20px; }
.leddingTopThirty { margin-top: 30px; }
.leddingBottomThirty { margin-bottom: 30px; }
.leddingTopForty { margin-top: 40px; }
.leddingBottomForty { margin-bottom: 40px; }
.lineHeightOneEight { line-height: 1.8; }
.letterSpacing { letter-spacing: .3em;  }
.marginLeftTwenty { margin-left: 20px; }
.mediumHighlight { margin-top: 0; padding: 0 3px 3px; color: #000; font: 1em Arial, Verdana, sans-serif; background-color: #ff6633; } /* #ff6633 = 7.20:1/Passed at Level AAA: The luminosity contrast ratio is very good for the chosen colours (#ff6633 and #000). */
.movementRight { padding-right: 20px; }
.notPermitted { color: #ff1e00; color: #bf4030; font-family: Verdana, "Trebuchet MS", Helvetica, Arial, "sans serif"; }   /* #bf4030 = 5.26:1/Passed at Level AA for regular text, and pass at Level AAA for large text  */
.note { font-size: .8em; line-height: 0.9 !important; text-indent: 0; }
.oblique {font-style:oblique; }
.outlineTitle {position: absolute; top: -60px; left: -800px; display: block; width: 100px; height: 50px; margin: 0; padding: 0; text-indent: -9999px; }
.pageAuthor {color:#ff0000; }
.pageTitle { color: #3366CC; font: 1em Arial; text-transform: uppercase; } /* #3366CC = 5.23:1/Passed at Level AA for regular text, and pass at Level AAA for large text  */
.prePadding { padding: 10px 0 20px 0; }
.prusse { color: #225e79; } /* #225e79 = 6.95:1/Passed at Level AA for regular text, and pass at Level AAA for large text */
#plynthVague { color: #a60000; font-size: 200%; }
.px18 {font-size:18px; }
.redacts { color: #000; background-color: #000; }
.rouge { color: #990000; }
.sansOblique { font-style: normal; }
.sensational { margin: 0; padding: 0; color: #000; font: 1.3em Times, "Times New Roman", serif; }
.sensationalHighlighted { padding: 20px 0 20px 30px; color: #333; font: 1.3em Times, "Times New Roman", serif; }
.sensationalNumber { padding-right: 5px; color: #333; font: 1.3em Times, "Times New Roman", serif; }
.seriesTitle { padding: 20px 0 30px 0; font-weight: bold; }
.shadowEffect {
        -moz-box-shadow: 4px 4px 9px #9393a3;
	-webkit-box-shadow: 4px 4px 9px #9393a3;
	box-shadow: 4px 4px 9px #9393a3;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#9393a3')";
	/* For IE 5.5 - 7 */
	filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#9393a3')";
}
.simpleSummary { padding-top: 7px; }
.smallHighlight { margin-top: 0; padding: 3px; color: #000; font: .9em Helvetica, sans-serif; background-color: #99cc66; } /* #99cc66 = 11.18:1/Passed at Level AAA: The luminosity contrast ratio is very good for the chosen colours (#99cc66 and #000). */
.sotto-voce { color: #778899; }
.struck { text-decoration: line-through; }
.teletype { font: 80% monospace, Courier, "MS Courier New", "Everson Mono"; }
.textTransformNone { text-transform: none; }
.this-should-be { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; color: #000; font: 3em Palatino, Times, serif; }
.top20Px {margin-top:20px; }
.underlined { text-decoration: underline; }
.underlinedW3C { padding-right: 5px; padding-left: 5px; color: #cc0000; border-bottom: 1px dotted #cc0000; }
.uppercase, .upperclass { text-transform: uppercase; }
.verticalTop {vertical-align:top; }
.w3cCSSError { color: #990000; font: 2em Verdana, Arial, Helvetica, sans-serif; }
.w3cURI { color: #339999; font: 1em Verdana, Arial, Helvetica, sans-serif; }
.w3cURL { color: #333399; font: 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
.weight { font-weight: bold; }

dl.note {font-size: .8em; }
dl.note dt, dl.note dd {margin:0; padding: 0 0 5px 0; }
dl.note dd {padding-right:10px; padding-left:10px; }
dd.note {padding-right:30px; padding-left:10px; }

div#contentColumn p.whitespaceMissingTopLeft { margin-top: 0; margin-left: -8px ; padding-top: 0; padding-left: 0; }
div#fluidity div#articleBody p.note { font-size: .8em; line-height: 0.8 !important;   }

p.article-first-sentence { margin-top: 0; padding-top: 0; }
p.largeArticleFirstSentence { text-indent: 0; font-size: 2.1em; }

ul.squaresville { margin: 0 30px; padding: 10px 10px 20px 10px; list-style: url("/images/squaresville-list-image.jpg") square;  }
ul.squaresville li { padding-bottom: 8px; line-height: 1.2;  }
ul.styleZero {list-style-type:circle;}

div#thinColumnDiv {width:10px;}
p#thinColumnParagraph {width:100%;}

wbr.hyphenated:before {content: "\002D";}

/*   Text-Level Blocks
========================================================-----------------------------------------------------------*/
#textLevel-block_3em {margin:0; padding:0; font:3em Times,serif; }
#textLevel-block_3em-span {display:inline-block; width:8em; font: .3em/1.1em Times, serif; text-align:justify; overflow:hidden; text-wrap:unrestricted; }

/*   Language Quotation Marks
========================================================-----------------------------------------------------------*/
*[lang~='en'] q:before, q[lang~='en']:before {content: "\201C"; }
*[lang~='en'] q:after, q[lang~='en']:after {content: "\201D"; } 
*[lang~='en'] q q:before, q[lang~='en'] q:before  {content: "\2018"; }
*[lang~='en'] q q:after, q[lang~='en'] q:after {content: "\2019"; }
*[lang~='en'] blockquote.blockQuoteComplex  *:before, *[lang~='en'] blockquote.blockQuoteComplex  *:after {content: ""; }
*[lang~='en'] blockquote  p:before {content: "\201C"; }
*[lang~='en'] blockquote  p:after  {content: "\201D"; }
*[lang~='en'] blockquote.blockQuoteSimple  p:before, *[lang~='en'] blockquote.blockQuoteSimple  li:before {content: "\201C"; }
*[lang~='en'] blockquote.blockQuoteSimple  p:after, *[lang~='en'] blockquote.blockQuoteSimple  li:after {content: ""; }
*[lang~='en'] blockquote.blockQuoteSimple  p.lastQuote:after, *[lang~='en'] blockquote.blockQuoteSimple  li.lastQuote:after   {content: "\201D"; }
*[lang~='en'] blockquote p q:before, blockquote[lang~='en'] q:before  {content: "\2018"; }
*[lang~='en'] blockquote p q:after, blockquote[lang~='en'] q:after {content: "\2019"; }
*[lang~='fr'] q:before, q[lang~='fr']:before,
*[lang~='fr'] blockquote > *:before, blockquote[lang~='fr'] > *:before, *[lang~='fr'] blockquote p:before, blockquote[lang~='fr'] p:before {content: "\00AB\00A0"; white-space: nowrap; }
*[lang~='fr'] q:after, q[lang~='fr']:after,
*[lang~='fr'] blockquote > *:after, blockquote[lang~='fr'] > *:after, *[lang~='fr'] blockquote p:after, blockquote[lang~='fr'] p:after {content: "\00A0\00BB"; white-space: nowrap; } 
*[lang~='fr'] q q:before, q[lang~='fr'] q:before,
*[lang~='fr'] blockquote q:before, blockquote[lang~='fr'] q:before {content: "\2039\00A0"; white-space: nowrap; }
*[lang~='fr'] q q:after, q[lang~='fr'] q:after,
*[lang~='fr'] blockquote q:after, blockquote[lang~='fr'] q:after {content: "\00A0\203A"; white-space: nowrap; }


#contentColumn a {	
	color: #797925;  /* #797925 = 4.59:1/Passed at Level AA for regular text, and pass at Level AAA for large text */
	text-decoration: none;
	background-color: rgba(255,246,224,0.0);
	-o-transition-property: background-color,color;
	-webkit-transition-property: background-color,color;
	-moz-transition-property: background-color,color;
	transition-property: background-color,color;
	 -o-transition-duration: 1s;
	 -webkit-transition-duration: 1s;
	 -moz-transition-duration: 1s;
	 transition-duration: 1s;
}

#contentColumn p a:hover, #contentColumn p a:focus, #contentColumn p a:active, #contentColumn li a:hover, #contentColumn li a:focus, #contentColumn li a:active, #contentColumn dt a:hover, #contentColumn dt a:focus, #contentColumn dt a:active, #contentColumn dd a:hover, #contentColumn dd a:focus, #contentColumn dd a:active  { 
	color: #000;
	background-color: rgba(219,223,232,1);
	border-bottom: 0; 
}

#contentColumn dl#elementType a { font-weight: normal; }
/*
@font-face Styles
|======================---------------------------------------------------------------------------- |
*/
/*
 * This CSS fragment has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Barry Schwartz
 * @vendorurl:  http://www.crudfactory.com
 * @licenseurl: http://www.fontsquirrel.com/license/OFL-Sorts-Mill-Goudy
 *
 *
 */

@font-face {
	font-family: 'OFLSortsMillGoudyTTItalic';
	src: url('/type/OFLGoudyStMTT-Italic.eot');
	src: local('OFL Sorts Mill Goudy TT Italic'), local('OFLGoudyStMTT-Italic'), url('/type/OFLGoudyStMTT-Italic.woff') format('woff'), url('/type/OFLGoudyStMTT-Italic.ttf') format('truetype'), url('/type/OFLGoudyStMTT-Italic.otf') format('opentype');
}

@font-face {
	font-family: 'OFLSortsMillGoudyRegular';
	src: url('type/OFLGoudyStM.eot');
	src: local('OFL Sorts Mill Goudy Regular'), local('OFLGoudyStM'), url('type/OFLGoudyStM.woff') format('woff'), url('type/OFLGoudyStM.ttf') format('truetype'),  url('/type/OFLGoudyStM.otf') format('opentype');
}

/*
* This CSS fragment has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
* 
A font by Jos Buivenga (exljbris) -> www.exljbris.nl
*
*/
@font-face {
	font-family: 'Museo500';
	src: url('/type/Museo500-Regular.eot');
	src: local('Museo 500'), local('Museo-500'), url('/type/Museo500-Regular.woff') format('woff'), url('/type/Museo500-Regular.otf') format('opentype');
}


legend#legend, .goudyRegular18Px {font-size:2em; font-family: 'OFLSortsMillGoudyRegular',Palatino, Garamond, Times, serif; }