@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
.revised { font-weight:normal; font-size:0.75em;background-color:yellow; color:blue; padding:0px 2px; }
.updated { 
background-color: yellow; padding: 2px; margin: 0;
font-weight: normal; margin: 0;
font-size: .75em;
color: #FF0000;
}
a:link:active { color: #621A4B;}
a:link:hover { color: #621A4B;}
a:link { color: #990066;}
a:link:visited, a:visited { color: #621A4B;}

/*Ensures that the document prints at the right font size and without nav buttons */

@media print {
	#mainContent, html, body { max-width:none !important;}
  * { font-size: 11pt !important; color:black !important;}
	html, body {border:0px  !important; }
	#navTop, #navWrap, #navBottom, .pdf,
	#mainContent h3 a.addthis_button, #mainContent h3 img, .interlink, .interlink img {
		display:none !important;
	}
	thead { display:table-header-group !important; }
	tbody {  display:table-row-group !important; }
	td, tr{ background:white; }
	table.hovercraft, table.hovercraft * {display:none !important;}
	img, td, tr { page-break-inside: avoid !important; }
}

	table.hovercraft {
		table-layout:fixed;
		margin-top:0px !important;
		margin-bottom:0px !important;
		border-collapse: collapse;
	}	
	table.hovercraft td, 
	table.hovercraft th {
	/*	border:1px solid black; 
		border-collapse: collapse;*/
		}
	td, tr, th, table{ 
		background:white;  
	}

body {
	border-style: solid;
	border-color: #ccc;
	border-width: 0px 0px 0px 1px;
	padding:0em 1em;
	margin:0px;
}

.pdf {
	width: 275px; 
	background-color: #eee;
	border:1px solid #ccc;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-size:0.9em;
  padding:1em;
  margin:0em 1em;
float:left;
}
.pdf a {
	text-decoration:none;
}

#interps{
	position:fixed !important;
	position:absolute;
	left:1em;
	top:0px;
	width:250px;
	border:1px solid #990066; 
	padding:0.8em; 
	margin:1em;
	margin-top:0px;
	background:white;
	clear:both;
	-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	-moz-box-shadow: 0 0 10px #ccc;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#cccccc')
}
#interps p {  margin:0px;font-size:0.75em; margin-bottom:1em;float:none; 
	color:black;}
#interps  p.close {float:right;}
#interps a:link { color:#990066; }
#interps a:link:hover { color:#621a4b; }




/*Styles for NT page*/

h1#cityname, #codification, .codified, .cpc {
   font-family:"Source Sans Pro",  verdana, sans-serif;
   color: #990066;
   font-weight: bold;
   text-align: left;
	font-size: .9em;
}
h1#cityname {
   margin-top: 3em;
   font-size: 1.25em;
}

.cpc {
   margin: 0;
   padding-bottom: .5em;
   border-bottom: solid 1px black;
}

#pgFooter {
 width: 100%;
}

#disclaimer {
   margin: 1em 0 3em 0;
	font-family:"Source Sans Pro",  verdana, sans-serif;
   font-size: .8em;
   color: black;
   text-align: left;
   text-indent: 0;
}

div:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#navTop {
	text-align: right;
	float: none;
	margin-top: .5em;
	padding-bottom: 1em;
	margin-right: 24px;
	margin-left: 24px;
}
#navBottom {
	margin-bottom: .5em;
	margin-left: 24px;
	margin-right: 24px;
	padding-top: 1em;
	text-align: left;
}

#navTop a:link:active, #navTop a:link:hover, 
#navTop a:link, #navTop a:visited,
#navBottom a:link:active, #navBottom a:link:hover, 
#navBottom a:link, #navBottom a:visited  { 
	text-decoration: none;
	}

#mainContent {
	clear:both;
	border:solid #000;
	border-width:1px 0px;
	margin: 1em;
	padding: 1.1em;
	font-family:"Source Sans Pro",  Arial, Sans-Serif;
}

#mainContent table {
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	margin-bottom:1em;
}

caption {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

td p, th p, caption p {
	font-size: .8em;
	margin-bottom:0em;
}

#mainContent img {
	display: block;
	margin: 1em auto;
	clear:both;
}

#mainContent h3 img {
border:0;vertical-align:bottom;float:right;margin:0px	
}
#mainContent h2 img, #mainContent h1 img {
border:0;vertical-align:top;float:right;margin:0px	
}

 h1, h2 {
	font-size: 0.95em;
	color: #333333;
	text-align:center;
	margin:1em auto;
}

p, h3, h4 {
	font-size: .85em;
    font-family:"Source Sans Pro",  Arial, Sans-Serif;
	line-height:1.3em;
	margin: 0em;
	color: #333333;
	font-style: normal;
	font-variant: normal;
	text-transform: normal;
	vertical-align: baseline;
	font-weight: normal;
	text-align: left;
}
p { /* add default bottom margin, which we don't want in h3 */
	margin-bottom: 1em;
	}
	
.ArticleTOC, .digArt, .artdig {
	margin-top: 1em;
	text-align: center;
}

.Article, .Part, .DivisionTOC, .art, .digDiv, .digdiv, .Divdig, .divdig {
  font-weight: bold;
  margin-left: 0;
  margin-right: 0;
  margin-top: 1em;
  text-align: center;
  text-indent: 0;
}
.Rxhead, .CHRepealed, .TitleRepealed,  .RxHead,
.TitleReserved, .CHReserved, .ReservedC {
  font-weight: bold;
  margin-left: 0;
  margin-right: 0;
  margin-top: 1em;
  text-align: center;
  text-indent: 0;
}

.Center, .center {
  text-align: center;
  text-indent: 0;
}


.CellBody, .cellbody {
  text-indent: 0;
  margin:0em;
}
.CellBodyR, .cellbodyr {
  text-align: right;
	margin:0;
}
.CellBodyC, .cellbodyc {
  text-align: center;
	margin:0;
}

.CellBodyIndent {
	margin:0;
	margin-left:1em;
}
.CellHeading {
  font-weight: bold;
  text-align: center;
	margin:0;
}
.CellHeadingL {
  font-weight: bold;
	margin:0;
}
.CellHeadingR {
  font-weight: bold;
  text-align: right;
	margin:0;
}
.CH {
  font-weight: bold;
  text-align: center;
  text-indent: 0;
}

.CHTitle {
  font-weight: bold;
  margin-top: 0;
  text-align: center;
  text-indent: 0;
  text-transform: normal;
  vertical-align: baseline;
}
.CHTitleTOC {
  text-align: left;
  text-indent: 0;
}
.CHTOC
{
  font-weight: bold;
  margin-bottom: 0;
  text-align: center;
  margin-top: 1em;
  /*text-align: left;*/
  /*text-indent: -3.3em;*/
}

.Cite {
  font-weight: bold;
  margin-top: 1em;
  text-align: left;
  vertical-align: baseline;
}
.CiteTOC {
  margin-bottom: 0;
  margin-left: 11em;
  margin-right: 0;
  margin-top: 0;
  text-align: left;
  text-indent: -5.8em;
}
.digCH, .ctoc {
  font-weight: normal;
  margin-top: 1em;
  margin-bottom:0em;
  text-align: left;
  text-indent: 0;
}
.digTitle, .chtoc, .tocch {
  font-weight: bold;
  margin-bottom: 0;
  margin-left: 4.5em;
  margin-right: 0;
  text-align: left;
  margin-top: 1em;
  text-indent: -2.5em;
}


.Division, .div, .divname, .DivisionName, .DivName
{
  font-weight: bold;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 1em;
  text-align: center;
  text-indent: 0;
}

.Footnote, .footnote, .FootNote, .note {
  margin-bottom: 0;
  margin-left: .8em;
  margin-right: 0;
  margin-top: 1em;
  font-size: .8em;
  text-align: left;
  text-indent: -.8em;
}
.Note {
  margin-bottom: 0;
  margin-left: .8em;
  margin-right: 0;
  margin-top: 1em;
  font-size: .8em;
  text-align: left;
  text-indent: -.8em;
  text-decoration:underline;
}

.Note2 {
  margin-bottom: 0;
  margin-left: .8em;
  margin-right: 0;
  margin-top: 0;
  font-size: .8em;
  text-align: left;
  text-indent: -.8em;  
}

.zNote{
  margin-bottom: 0;
  margin-left: 1em;
  margin-right: 0;
  font-size: .75em;
  text-align: left;
}
.zHistoryNote{
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 1em;
  margin-right: 0;
  font-size: .75em;
  text-align: left;
  text-decoration:underline;
}


.ordtab, .pOrdtab, td p.ordtab {
  min-width:100px;
  margin: 0;
  margin-right: 0.9em;
  text-align: left;
}

.P0 {
	margin-left: 0em;
}
.P1, .P1block {
	margin-left: 0em;
}
.P2, .P2block, .P2indent {
  margin-left: 2.3em;
}
.P3, .P3block, .P3indent {
  margin-left: 4.3em;
}
.P4, .P4block {
  margin-left: 6.3em;
}
.P5, .P5block, .P5Indent, .P5indent {
  margin-left: 8.3em;
}
.P6, .P6block {
  margin-left: 10.3em;
}
.P7, .P7block {
  margin-left: 12.3em;
}
.Q1 {
  font-size: .75em;
  margin: 1em 2.3em;
}

.Q2 {
  font-size: .75em;
  margin-left: 4.3em;
  margin-right: 2.3em;
  margin-top: 1;
 margin-bottom: 1em;
}
.Q3 {
  font-size: .75em;
  margin-left: 6.3em;
  margin-right: 2.3em;
  margin-top: 1;
 margin-bottom: 1em;
 }
.Q4 {
  font-size: .75em;
  margin-left: 8.3em;
  margin-right: 2.3em;
  margin-top: 1;
 margin-bottom: 1em;
}
.QC {
  font-size: .75em;
  margin: 1em 2.3em;
  text-align:center;
}

.TableFootnote {
  font-size: .75em;
  text-align: left;
  text-indent: 0;
}
.TableTitle, .GraphicTitle, .Graphic, .graphic, 
.graphictitle, .graphicname {
  font-weight: bold;
  text-align: center;
  margin:1em auto;
}

p.HistoryNote {
  font-weight: normal;
 /* font-size: .75em;*/
  text-align: left;
  text-indent: 0;
}

.Title, .TitleName {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1em;
  margin-top: 1em;
  text-align: center;
  text-indent: 0;
}

.WAC {
  margin-left: 5.5em;
  text-align: left;
  text-indent: -5.5em;
  margin-bottom:0em;
}

span.Emphasis, .emphasis {
  font-weight: bold;
  font-style: italic;
}
span.bold, .Bold {
  font-weight: bold;
}
span.italic, .Italic {
  font-style: italic;
}
span.EquationVariables {
  font-family:"Droid Serif", Times New Roman;
  font-style: italic;
}
span.sub, .subscript {
  vertical-align: sub;
}
span.super, .Superscript, .superscript, .Super {
  vertical-align: super;
  font-size:0.75em;
  }
  
 /* Begin the table CSS -- not sure if this stuff is really used much */
td { padding:3pt; text-align:left; }

table.Ruled, table.RuledWithTitle, table.Format_B,
table.TitleRules, table.Format_A {
  border:1px solid black;
}



/* the overlayed element */
#overlay {
	position:fixed !important;
	position:absolute;
	top:110px;
	left:0px;
	width:100%;
	display:none;
	height:1px;
}

#contentWrap {
	width:450px;
	margin:0px auto;
	background-color:#fff;
	padding:15px;
	text-align:center;
	border:2px solid #333;
	height:110px;
	-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	-moz-box-shadow: 0 0 10px #ccc;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#cccccc')"; */
}

#contentWrap #addthis_button { float:right;}
#contentWrap #addthis_button img{ border:0;}
#contentWrap textarea { margin:.75em auto;}

/* default close button positioned on upper right corner */
#overlay a.close {
	position:relative;
	top:15px;
	display:block;
	background:url('close.png') no-repeat top right;
	cursor:pointer;
	margin:0px auto 0px auto;
	height:35px;
	width:515px;
}
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-extra {
  display: none;
}

/*  cluetipClass: 'default'  */
.cluetip-default *, #cluetip-inner *{
  color: #000;
  text-align:left;
}
.cluetip-default #cluetip-outer {
background:url('../images/toplessteal.jpg') top left repeat-x #fff;
  position: relative;
  margin: 0;
  color: #000;
}
#cluetip-inner h3 {
 font-size: 0.9em;
  font-weight: bold;
}
.cluetip-default #cluetip-title a {
  color: #000;
}  
.cluetip-default #cluetip-inner {
    font-size: 0.80em;
	padding: 10px;
  text-align:left;
}

input.compile {
	margin:0.5em 0em 0.5em 0.5em;
	float:right;
font-size:11px;
font-weight:bold;
	padding:4px;
	background:#eeeeef;
	color:#990066;
	border:1px solid #621a4b;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
	cursor: hand;
	}
	
input:hover.compile {
	background:#621a4b;
	color:white;
	background:#990066;
}