/* Various Additional Styles, mainly imported and/or altered */

/* .pm_reset_justify is made to replace/complement .pm_reset_left in the content section. 
 * Only used in pages for P1.11 and P1.12.
 * Deletion candidate (might be better to align left).
 
.pm_reset_justify 	
{
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	text-align:justify;
	padding-right: 17px;
*/


.off { display:none }


/* footnote only used in P1.11.2.2.1 and P1.12.2.6.*/
.footnote	 
{
   font-size: smaller;
   /*text-align: justify;*/
}

/* <div class="head> found in 10.3-12 */
div.head { margin-bottom: 1em }
div.head h1 { margin-top: 2em; clear: both }
div.head table { margin-left: 2em; margin-top: 2em }


/* Original header styles from W3C files. Mostly not used at the moment */
/* h1, h2, h3, h4, h5, h6 { text-align: left }
/* h1, h2, h3 { color: #005A9C; background: white }
/* h1 { font: 170% sans-serif }
/* h2 { font: 140% sans-serif }
/* h3 { font: 120% sans-serif }
/* h4 { font: bold 100% sans-serif } */
.g_W3C h5 { font: italic 100% sans-serif }
.g_W3C h6 { font: small-caps 100% sans-serif }


.g_WAI, .g_W3C
{
	 text-align: left;
}

/* general styles; origin to be determined. Important among others for P1.10.1	*/
.g_W3C li, 
.g_WAI li
{
	margin-bottom: 0.1em;
}

.g_W3C th, 
.g_WAI th
{
	text-align:center;
}

.g_WAI dt 
{
	margin-top: 0.5em;
	font-weight:bold;
}

.g_W3C dt
{
	margin-top: 0.0em;
	font-weight:bold;
}


.g_W3C p, 
.g_WAI p 
{
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}

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

.g_W3C p.copyright { font-size: small; }
.g_W3C p.copyright small { font-size: small; }

.g_W3C pre	{ margin-left: 2em }

.g_W3C pre, 
.g_W3C code	{ font-family: monospace; } /* navigator 4 requires this */

.g_W3C cite { font-style: normal; }

/* style for captions/descriptions of tables and images. Used mainly in P1.11 (e.g. P1.11.2.2.1) */
p.caption	{ text-align: center; }

td.element, 
td.description	/* used only in P1.11.2.2.5 */
{
	vertical-align:top;
	text-align: left;
}


/* text alignment aids */
.align_justify	{ text-align: justify; }
.align_right	{ text-align: right; }
.align_left	{ text-align: left; }
.align_center	{ text-align: center; }

/* class only used in P1.11.3.5 for the moment. */
.spaced
{
	margin-top:	1em;
	margin-bottom: 1em;
}

/* Styles for the WAI pages (as opposed to "other" W3C). Files P1.10.1 and 14-7 */

h2.dashed 
{
	border-bottom: 1px dashed;
}

.border1c60 	/*	style for images  (P1.10.14 and 16) - might not be necessary */
{		
	border-style: solid;
	border-color: #C60;
	border-width: 1px;
}


img.p11			/* Image style for the images contained in P1.11 */
{
	border: none;
	max-width: 100%;
    display: block;
    margin-left: 0;
    margin-right: 0;
	text-align: center; 
}
	
/* Styles for the "contents" side menu for WAI documents */

.highlight-version 	/* used by the Draft Glossary page (P1.10.1) */
{		
	border: solid 1px #630;
	color: #630;
	background-color: #FFC;
	font-weight: bold;
	padding: 0.5em;
}

#contents.WAI 
{
    float: right;
    clear: right;
    margin: 0 0 1em 2em;
	text-align: left; 
    padding: 0 0.3em 0.5em 1em; 
    width: 25%;			
    line-height: 115%;
    background: #ffffff; 
    border: 1px dashed #000000; 
    /*font-weight: bold;*/
    /*color: #930;*/
	font-size: 0.9em;
}

#contents.WAI h2 
{
    font-size: 1em;
    margin: 1em 0 0.3em 0;
    padding: 1em 0 0.3em 0;
    border-bottom: none;
    margin-top: 0.5em;
    margin-bottom: 0.1em;
    color: black;
	padding-top: 0.5em;
	margin-top: 0.5em;
}

#contents.WAI h2:first-child 
{
	margin-top: 0;
}

#contents.WAI ul 
{
    list-style: none;
    padding-left: 0;
	display: inline;	/* HACK: otherwise too much space in WinIE - was originally residing in "#contents.WAI li" */
}

#contents.WAI li  
{
	/* list-style-position: inside; */	/* pending - didn't seem to make a difference */
}

#contents a 
{
    /*color: #930;		/* WinIE6 doesn't support 'transparent' */
    display: block;		/* Make background clickable in many browsers*/
    margin: 0.4em 0;
    padding: 0 0 0 1.5em; 
    background:   url(../images/content/icons/downinpage.png) top left no-repeat;
}

#contents.WAI a:hover,
#contents.WAI a:focus 
{
    text-decoration: underline;
}


/* Footer styles for the WAI documents */
 
.box19dWAI		/* derived from .box19d, altered in order to adjust formatting at the bottom of the WAI documents  */
{
	padding-top: 10px;
	padding-bottom: 18px;
	text-align: left;
	/* padding-right: 18px;	*/
	/*	padding-left: 18px;	*/
	font-size:smaller;
}

#footer.WAI 
{
	padding-top: 8px;
    border-top: 1px solid #c60;
    clear: both; 
    /* color: #333; */
    /*font-size: 0.9em; */
}

#footer.WAI p
{
	line-height: normal;
}

#footer.WAI h2 	/* hide visual rendering of h2 */
{
	display: none;
}



#footer.WAI a {
    /* color: inherit; */
    text-decoration: underline;
}


/* Import from the glossary stylesheet (P1.10.2), applies to several pages */

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


/* W3C Navigation bar elements */
/* tabbed styles */

#W3Cnavigation 
{
	padding: 3px 0;
	margin: 0;
	border-bottom: 1px solid #778;
	font: bold .8em Verdana, sans-serif;
}

#W3Cnavigation li 
{
	list-style: none; 
	margin: 0;
	display: inline;
}

#W3Cnavigation li a 
{
	padding: 3px 0.5em; 
	margin-left: 3px;
	border: 1px solid #778; 
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
}

#W3Cnavigation li a:link {color: #448; }
#W3Cnavigation li a:visited {color: #667; }
#W3Cnavigation li a#current {background: white; border-bottom: 1px solid white;}

#W3Cnavigation li a:hover 
{
	color: #000; 
	background: #aae;
	border-color: #227;
}

#W3Cnavigationbottom 
{
	padding: 3px 0; 
	margin: 0;
	border-top: 1px solid #778;
	border-bottom: 1px solid #778;
	font: bold .8em Verdana, sans-serif;
	text-align: right;
}

#W3Cnavigationbottom li 
{
	list-style: none; 
	margin: 0;
	display: inline;
}

#W3Cnavigationbottom li a 
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
	}

#W3Cnavigationbottom li a:link {color: #448; }
#W3Cnavigationbottom li a:visited {color: #667; }

#W3Cnavigationbottom li a:hover 
{
	color: #000; 
	background: #AAE;
	border-color: #227;
}

/* 	added from Checklist of Checkpoints for Web Content Accessibility Guidelines 1.0  (P1.10.4.html) */

   div.table10p4 { text-align: center}
   tr.checkhead10p4, 
   tr.checkinfo10p4  { width: 80% }
   tr.checkhead10p4 { color: black; background-color: #E7FFFE }
   tr.checkinfo10p4 { color: black; background-color: #FFFADF }   
   

/* Various styles imported/derived from W3C*/

.g_W3C :link { color: #00C; background: transparent }
.g_W3C :visited { color: #609; background: transparent }
.g_W3C a:active { color: #C00; background: transparent }
.g_W3C a:link img, a:visited img { border-style: none } /* no border on img links */

.g_W3C a img { color: white; }        /* trick to hide the border in Netscape 4 */
@media all {                   /* hide the next rule from Netscape 4 */
.g_W3C a img { color: inherit; }    /* undo the color change above */
}


.g_W3C a:link:hover {background-color : #ffffaa;}	/* from scratch, in order to simulate W3C's effect. Original value should be fafad2*/
.g_W3C a:visited:hover {background-color : #ffffaa;}



.termref 
{
	font-style : italic;
	color : #006400;
	background : white;
}

a.termref:link 
{
	color : #006400;
	background : transparent;
	font-style : italic;
	pitch : high;
}

a.termref:hover 
{
	background-color : #ffffaa;	/*fafad2*/
	color : #006400;
}
				 	
  

.dfn, .dfn-instance
{
	color: #00513D; 
	font-style: italic ;
}



/* Imports from Web Content Accessibility Guidelines 1.0 (P1.10.3)  */

div.navbar { text-align: center }
.glnav { float: right }
.subhead { clear: both }
.priority1 { color: #ff0000; background: white }
span.checkpoint { font-weight: bold; margin-top: .75em }
dt.checkpoint { font-weight: normal }
dl.checkpoints { margin-left: 2em; margin-right: 2em }
.checkpoint-nb {color: maroon; background: white}

dt.glossary { margin-top: .5em; margin-bottom: .5em }
dd.glossary { margin-bottom: 1em }

.quicktest { color: black; background: #B6B0FF } /* Import from Core Techniques for Web Content Accessibility Guidelines 1.0 (P1.10.6) */

/* Imported from CSS Techniques for Web Content Accessibility Guidelines 1.0 (P.1.10.7.html), apply to several */

.example10p6, 
.example10p7, 
.example10p8, 
.css-example10p7, 
.css-example10p8
{ 
	border-style: solid; 
	border-width: 1px ; 
	padding: .5em;
	color: #5D0091;
	background: #F9F5DE; 
	border-color: #5D0091;
	width: 90%; /* was 75% */
	margin-top: .25em;
	margin-bottom: .25em;
}

.deprecated-example10p7, 
.deprecated-example10p8 
{ 
	border-style: solid; 
	border-width: 1px ; 
	padding: .5em;
	color: #5D0091;
	background: #F9F5DE; 
	border-color: red;
	width: 90%;	/* was 75% */
	margin-top: .25em;
	margin-bottom: .25em;
}



/* Web Content Accessibility Guidelines 1.0 (P1.10.13.html) uses the "guideline-box" class for this
*  instead, but this one does the same job as long as they're not both included (also applies for P1.10.5) */

.guideline10p3, 
.guideline10p5 
{
	font-size: 120%;		/* from W3C's default.css */
    border-width: 1px;  
    border: 1px solid; 
    color: black;
	background: #FFFFCC; 
	padding-top: 15px;		/* was 5px */ 
	padding-bottom: 15px;	/* was 5px */
	padding-right: 5px;
	padding-left: 5px; 
	margin-top: 10px;
	width: 90%; /* was 75% */
	float: left
}

.guideline10p10,
.guideline10p21,  
.guideline10p22
{
	border: thin solid #000066; 	
	background-color: #CFE8EF; 	
	padding: .5em .5em .5em .5em; 	
	margin-bottom: 0; 	
	color: #000000;   
}

caption.guideline10p21 
{
	border : thin solid #000066;
	background-color : #ffffff;
	border-bottom-width : 3px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	color : #000000;
	font-size: 1.25em;
	font-weight: bold;
	text-align: left;
	margin-top: 1em;
	margin-bottom: .5em;
	width: 100%;
}



ul.toc, ol.toc 
{
  list-style: disc;		/* Mac NS has problem with 'none' */
  list-style: none;
}

table.checklist10p21	/* used only in WCAG 2.0 Checklist (P1.10.21) */
{
	empty-cells: show;
	width: 94%;
	margin-bottom: 1em;
}

table.checklist10p21 th
{
	background-color: #CCCCCC;
}

td.checklist10p21
{
background-color: #CCCCCC;
}
	
/* imports from 10.10. Some others found elsewhere */

hr.divider10p10, 
hr.divider10p11
{
	background-color: #000066;
	height: 30px;
}

.terms10p10, 
.section10p10, 
.additional10p22, 
.req10p22, 
.bp10p22 
{      	    
	display: block; 
	border-bottom: thin solid #666666;
	margin-left: 1em;     	    
} 


p.instructions10p10 
{
	padding: 1em;
	border: 1px dashed #2f6fab;
    color: Black;
    background-color: #f9f9f9;
    line-height: 1.1em;
    margin-left: 1em;
    margin-right: 1em;
}

/*imports from 10.11 */
.textbody10p11 {padding-left: 2em; }
thead.grey { background-color:#E0E0E0; }

.g_W3C div.code 
{
	white-space: pre; 
	font-family: 'Andale Mono',Courier, monospace; 
	font-size: 100%; 
	line-height: 120%; 
	display: block; 
	width: 95%; 
	border-style: solid; 
	border-width: 1px ; 
	border-left: 6px solid #000066; 
	padding: 0em; 
	padding-top: 0em; 
	color: #006; 
	background: #f9f5de; 
	border-color: #000066; 
	margin-left: 1em;
}



/*Imports from 10.18, 10.21 */

ol.enumar      { list-style-type: decimal; }
/* 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; } */

/*#p10p18 th,
#p10p21 th 
{
	background-color: #E0E0E0;
}*/

tr.checkhead10p18
{
	background-color: #E0E0E0;
}


/* Imports from 10.21  some might be placed elsewhere */
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;
}

tr.rule10p21:hover {background-color: #ffffaa;} /* was fafad2 */
p.sc {font-size: 100%; font-weight: bold; display: inline;}

/* Imports from 10.22  some might be placed elsewhere */
.principle10p22 
{ 	
	padding: .5em; 	
	border: thin solid #666666; 	
	background-color: #FFFFFF; 	
	color: #000000; 	
	font-weight: bold; 
}

div.sc10p22 
{
	margin-left: 1em;
}