<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'
      xmlns:xbl='http://www.w3.org/ns/xbl' >
  <head>
    <title>XBL 2.0 Test Suite: Style test - inline style</title>
    <style type='text/css'>
		h1 {background-color: blue;}
    </style>
    <xbl xmlns="http://www.w3.org/ns/xbl" >
     <binding id="b1" element="#title1">
	   <resources>
	      <style>
		    h1 {background-color: green;}
			h2 {color: white;}
		  </style>
	   </resources>
     </binding>
     <binding id="b2" element="#title2">
	   <resources>
	      <style>h1 {background-color: red;}</style>
	      <style>h1 {background-color: green;}</style>
	      <style>h1 {color: white;}</style>
	   </resources>
     </binding>
     <binding id="b3" element="#title3" extends="#b2">
	   <resources>
	      <style>h1 {font-style: italic;}</style>
	   </resources>
     </binding>
     <binding id="b4" element="#parag1">
	 <template>
	   <div xmlns="http://www.w3.org/1999/xhtml">
	     This should be normal text and <b>this should be bold and green</b>.
	   </div>
	 </template>
	   <resources>
	      <style>
		    p {background-color: white;}
		    b {color: green;}
		  </style>
	   </resources>
     </binding>
     <binding id="b5" element="noSuchElement">
	   <resources>
	      <style>h1 {background-color: red;}</style>
	   </resources>
     </binding>
    </xbl>
  </head>
  <body>
   <h1 id="title1">This should have green background and black text</h1>
   <h1 id="title2">This should have green background and white text</h1>
   <h1 id="title3">This should have green background and white text and font-style italics</h1>
   <h1>This should have blue background</h1>   
   <p id="parag1" style="background-color: red;">ERROR</p>
   
  </body>
</html>
