body 
{
   	background-image: url("Images/notice.png"); 
   	background-position: 500px;
	background-repeat: no-repeat;
   	background-attachment: fixed;
}
.sXrefExternal a
{
	color: #b22222; /* firebrick */
}
.sDebug
{
	background-color: #f0f0f0;
}
hr
{
	color: #e8e8e8;	
	border: none;		 	/* for Chrome */
	border-top: solid 1px;	/* for Chrome */
}
.sColStruct hr
{
	width: 250px;
}
ol	/* Used in UK MDA only */
{
	list-style-type: lower-roman;
}
ul
{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
/* Used in consolidated index only */
.udm ul.ndx
{
	width: 2em;
}

/*
	Major divisions of schedules
*/
.sAct
{
	margin-left: 200px;
	margin-right: 10px;
	margin-top: 10px;
}
.sBanner
{
	margin-top: 5px; /* align with menu top */
}
.sSchRow,
.sSchRowTop
{
	clear: both;
	float: left;
}
.sSchRow,
.sSchRowTop
{
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.sButNotIncluding
{
	color: #00B300;
	padding-left: 365px;	/* empirically derived */
	padding-top: 0.4em;
	padding-bottom: 0.6em;
}
.sSchRow 
{
	border-top: 2px solid #f0f0f0; 
}
span.sUncontrolled,
div.sUncontrolled 
{
	background-color: #ECFFEC;
}
div.sControlled 
{
	background-color: #F2EBFE;
}
div.sControlledPending
{
	background-color: #FEE0C5; 
}
div.sUnofficial
{
	background-color: #B9DCFF; 
}
div.sProposed
{
	background-color: #FFFFC1;
}
div.sRevoked
{
	background-color: #fff3e3; /* fallback */
}
/*
div.sDesc div.sProposed
{
	background-color: rgba(255, 255, 255, 1); /* white. Combining this with previous fails in IE 
}
div.sDesc div.sRevoked
{	
	background-color: rgba(255, 255, 255, 1); /* white. Combining this with previous fails in IE 
}
*/
.sColStruct,
.sColDesc
{
	float: left;
	vertical-align: top;
}
.sColStruct
{
	text-align: center;
	clear: left;
}
.sColStruct,
.sColStruct a,
.sColStruct a:link,
.sColStruct a:visited,
.sColStruct a:hover,
.sColStruct a:active,
.sColStruct a:focus
{
	border-style: none;
	text-decoration: none;
}

/*
	Finer divisions of sColDesc
	If the the margins and widths below are changed, change the IE 6 hacks in hacks.htm 
*/
.sID
{
	float: left;
	padding-right: 0.5em;
}
.sDomainCA .sID
{
	text-align: right;
	width: 4.5em;	/* for now */
}
.sDomainUS .sID
{
	text-align: right;
	width: 4.5em;		/*	The US CSA needs this width in places like 
							anabolic steroids, where
							the subsubsection items stretch: (xxxviii)	*/
}
.sDesc
{
	float: left;
}
.sCSCN
{
	float: right;		/* But see Hacks.css */
	padding-left: 0.5em;
	width: 3.5em;
}
.sSchedule
{
}
.sSection 
{
	margin-left: 0.0em;
}
.sSubSection 
{
	margin-left: 2.0em;
}
.sSub2Section
{
	margin-left: 4.0em;
}
.sSection .sPrepend,
.sSubSection .sPrepend,
.sSub2Section .sPrepend
{
	margin-left: 5.0em;  /* This relates to the width of sID */
}
/*
	Miscellaneous styles used to annotate entries

	sAmend used for tracking the legislative history of an entry
	sRemark used for editorial comments of a general nature,and for textual descirptions of an entry when there is no simple structural diagram (e.g. Opium)
*/
.sAmend,
.sRemark,
.sRemarkS
{
	font-size: small;
	line-height: 135%;
	margin-bottom: 0.75ex;	/* Use margin instead of padding: I *want* the margins to collapse 	*/
	margin-top: 0.75ex;		/* in the case of consecutive amendments */
	padding-bottom:  2px;
	text-align: left;
}
.sEditorial {
	margin-top: 1ex;
	margin-bottom: 1ex;
}
/*
	For CDSA schedules VII and VIII only, where content is more "tabular"
*/
.sSectionQuantified .sID
{
	float: left;
	padding-right: 0; 	/* 
							To nullify the padding on the usual, right-justified, sID
						*/
	text-align: left;
	width: 2em;
}
.sSectionQuantified .sDesc
{
	float: left;
	width: 16em;
}
.sSectionQuantified .sQuantity
{
	float: left;
	text-align: right;
	width: 4em;
}
.sSectionQuantified .sAmend,
.sSectionQuantified .sRemark
{
	clear: both;
	margin-left: 2.4em;
}
.sSectionQuantified div.sRevoked
{
	clear: both;
}
.sDomainUK .sSectionQuantified .sID
{
	width: 3.2em;
	padding-right: 0.5em;
}
.sDomainUK .sSectionQuantified .sAmend,
.sDomainUK .sSectionQuantified .sRemark
{
	clear: both;
	margin-left: 4.5em;
}
/*
	Span-level attributes
*/
.sAmend
{
	color: #006600;
}
.sCSCN,
.sCSCNi
{
	color: #6633CC;
}
.sName,
.name-primary
{
	color: #b22222; /* firebrick */
}
div.sDesc div.sProposed,
div.sDesc div.sRevoked
{
	color: rgba(64, 64, 64, 0.65);
}
div.sDesc div.sRevoked .sName,
div.sDesc div.sRevoked .name-primary
{
	color: rgba(178, 34, 34, 0.65);
}
div.sDesc div.sProposed .sName,
div.sDesc div.sProposed .name-primary
{
	color: rgba(0, 102, 0, 0.65);
}
.sLocant
{
	color: #990000;	/* a blood red */
}
.sRemark,
.sRemarkS,
.sRemark a:link,
.sRemarkS a:link
{
	color: #595959; /* dimgray */
}
.sSchName,
.sSecName,
.sXrefExternal .sRemark .sLabel 
{
	color: #4682b4; /* steelblue */
}
.sSectionHead		/* Used in US CSA only */
{
	font-style: italic;
}

.sColStruct .sRemark,
.sColStruct .sRemarkS
{
	margin-top: 0;			/* To keep top aligned with sDesc text, as much as possible */
	margin-bottom: 0.5em;	/* "padding-bottom" gets ignored/squeezed out */
	padding-bottom: 1px;	/* 	
								This allows space for the bottom border of an <a> tag to show 
								Test case: CDSA Sch II, 1 (1), final link in colStruct text,
			 					tetrahydrocannabinol, loses its bottom border without this padding.
							*/ 
	padding-right: 1ex;
}	
.sColStruct .sRemark,
.sColStruct .sRemarkS
{
	width: 230px;
	padding-left: 15px;
}
.sColStruct .sRemark
{
	text-align: center;	
}
.sColStruct .sRemarkS
{
	text-indent: -1ex;		
	text-align: left;
}	
.sSchName
{
	font-size: x-large;
	line-height: 125%;
}
.sSecNameI 					/* Used in US CSA only */
{
	font-style: italic;
}
.sSecName
{
	font-size: large;
}
.sDesc,
.sID
{
	padding-bottom: 0.2em;	
}
/* 
	For floating left nav 
*/
form 
{
	border: white 1px solid;
	border-top-width: 0;
	font-size: 0.75em;
	font-family: "MS Sans Serif", Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
}
.sSearchBox
{
	color: #4682b4;
	border: 1px solid #d3d3d3; /* lightgray */
	width: 10em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
.sSearchButton
{
	border: 1px solid #d3d3d3; /* lightgray */
	width: 10em;
}
.sSearchButton:hover 
{
	border: 1px solid #2f4f4f; /* darkstategray */
}
form#fSearch {
	padding-bottom: 8px;
}
.sIDLogo {
	background-color: white !important;
}
.sIndent .sRemark {
	padding-left: 2.5em;
	text-indent: -2.5em;
}
div.sArrow {
	font-weight: bold;
	float: left;
	width: 2.5em;
}
.sIndent .sXrefExternal .sRemark {
	padding-left: 2.5em;
	text-indent: -2.5em;
}
/*
	UK Specific 
*/
.sDomainUK .sID
{
	text-align: left;
	width: 3.2em;	
}
.sDomainUK .sSection .sPrepend,
.sDomainUK .sSubSection .sPrepend,
.sDomainUK .sSub2Section .sPrepend
{
	margin-left: 3.2em; 
}
/*
	UN Specific 
*/
.sDomainUN .sID
{
	text-align: left;
	width: 2em;	
}
.sDomainUN .sSection .sPrepend,
.sDomainUN .sSubSection .sPrepend,
.sDomainUN .sSub2Section .sPrepend
{
	margin-left: 1.5em;  /* This relates to the width of sID */
}
.sDomainUN .sColDesc
{
	margin-left: 1.5em;	/* Keep a little space between colStruct and colDesc */
}
.sDomainUN .sSection,
.sDomainUN .sSubSection,
.sDomainUN .sSub2Section,
.sDomainUN .sSection .sButNotIncluding,
.sDomainUN .sSubSection .sButNotIncluding,
.sDomainUN .sSub2Section .sButNotIncluding,
.sDomainUN .sSection .sAmend,
.sDomainUN .sSubSection .sAmend,
.sDomainUN .sSub2Section .sAmend,
.sDomainUN .sSection .sRemark,
.sDomainUN .sSubSection .sRemark,
.sDomainUN .sSub2Section .sRemark
{
	margin-left: 0;		/* 	The UN is without ordinals and (visually) flat */
}
.sDomainUN .sSchName
{
	letter-spacing: 0.1ex;
}
/*
	EU Specific 
*/
.sDomainEU .sID
{
	text-align: left;
	width: 1em;	
}
.sDomainEU .sColDesc
{
	margin-left: 1.5em;	/* Keep a little space between colStruct and colDesc */
}
.sDomainEU .sSection,
.sDomainEU .sSectionQuantified,
.sDomainEU .sSubSection,
.sDomainEU .sSubSectionQuantified,
.sDomainEU .sSection .sAmend,
.sDomainEU .sSectionQuantified .sAmend,
.sDomainEU .sSubSection .sAmend,
.sDomainEU .sSubSectionQuantified .sAmend,
.sDomainEU .sSection .sRemark,
.sDomainEU .sSubSection .sRemark
{
	margin-left: 0;		/* 	The EU is without ordinals and (visually) flat */
}
.sDomainEU .sSection .sPrepend,
.sDomainEU .sSectionQuantified .sPrepend,
.sDomainEU .sSubSection .sPrepend,
.sDomainEU .sSubSectionQuantified .sPrepend,
.sDomainEU .sIndent
{
	margin-left: 1.5em;
}
.sDomainEU .sSchName
{
	letter-spacing: 0.1ex;
}

/* 
	User switches
*/
body.sHideHistory .sHistory,
body.sHideXrefHr .sXrefHr,
body.sHideXrefExternal .sXrefExternal,
body.sHideXrefInternal .sXrefInternal
{
	display: none;
}
/*
	Bootstrap
*/
ul#nav {
	display: block; 
	position: fixed; 
	left: 10px;
	top: 10px;
	width: 180px;
}
ul#nav a, 
ul#nav a:hover {
	border: none;
	color: inherit;
}
.dropdown-submenu {
	position:relative;
}
.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
	display: block;
}
.dropdown-submenu > a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}
.dropdown-submenu:hover > a:after{
	border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}
/*
ul#nav.dropdown-menu > li > a {
	white-space: normal;
}
*/