/*

CSS Document
Basic formatting

*/

body,td,th {
  font-family: Geneva, Verdana, Helvetica, sans-serif;
}

body {
  margin: 0;
  padding: 0;
  font-size: 75%;
  background-color: #ededed;
}

#container {
  width: 704px;
  margin: 0px auto 15px auto;
  padding-left:4px;
  background: #fdfdfd url("../images/hs_website/dropshadow_left.gif") repeat-y top left;
}


#page {
  background: transparent url("../images/hs_website/dropshadow_right.gif") repeat-y top right;
  padding-right:4px;
  
}


* { margin: 0; padding: 0; }

/* HEADER */

#header {
  height:80px;
}

/* NAVIGATION */

#navigation {
	background: transparent url("../images/hs_website/dropshadow_right.gif") repeat-y top right;
}

#navigation ul {
  margin: 0;
  padding: .15em 10px .15em;
  width:680px;
  list-style:none;
  display: block;
  background: #6e1b1b url("../images/hs_website/navigation.gif") repeat-x top;
  border-top: 1px solid #882222;
  border-bottom: 1px solid #842121;
}

#navigation li {
  display:inline;
  padding: 0px 8px 0 8px;
 /* text-shadow: #111 0px 1px 1px; */
}

#navigation li.currentpage a {
  font-weight:bold;
}

#navigation a:link,
#navigation a:visited {
  color: white;
  font-weight: normal;
  text-decoration: none;
  font-size: 1.5em;
  font-family: Times, serif;
}

#navigation a:hover {
  color: #ffe4ce;
}

#navigation a:active {
  color: #fff;
}

#content {
	clear: both;
	background: transparent url("../images/hs_website/gradient.gif") repeat-x bottom;
  /* background: transparent url("../images/hs_website/typegrid.gif") repeat top; */
}


/* MAIN */

#main {
	float: left;
	padding:0 20px 20px;
	width:430px;

}

#main.fullwidth{
	width:640px;
	padding:0 30px 30px;
}

.floatreset{
	clear: both;
	height:1.5em;
}

/* SIDEBAR */

#sidebar {
	font-size:.917em; /* 11 px */
	line-height: 1.636em;
	float: right;
	margin-top:3.681em; /* 3.272em + .409em */
	padding-right:20px; /* should be margin, but IE6 margin&float bug makes us use padding */
	width:200px;

}

#sidebar .block {
	border: .091em solid #848484;
	margin-bottom: 1.545em;
	background: transparent url("../images/hs_website/white-transparent.gif") repeat;
}

#sidebar .block .blockBody {
	padding-top: .391em;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: .409em; /* (.642857em / 2) * 14/11 ;*/
  
}

#sidebar .block .blockHead {
  background: #bfbfbf url("../images/hs_website/sidebar.gif") repeat-x top;

}

#sidebar h2 {
	display: block;
	font-size: 1.273em; /* mult. back up to 14 px */
	line-height: 1.286em;
	font-family: Helvetica, san-serif;
	padding:.35em 10px .15em;
	/* margin: 0 0 .3214em; */
	margin:0;
	border-bottom: .071em solid #848484;

}

#sidebar h2 a {
	color:black;
  text-decoration: none;
}

#sidebar h3 {
	font-size: 1.091em;
	line-height: 1.5em;
	padding: 0;
}

#sidebar p {

}

/* FOOTER */


#footer {
	clear: both;
	margin-left:-4px;
	margin-right:-4px;
	background: #e7e7e7 url("../images/hs_website/footer.gif") repeat-x bottom;
	/* background: transparent url("../images/hs_website/typegrid.gif") repeat top; */
}

#footer .left {
  float: left;
  width:10px;
  height:50px;
  background: #e7e7e7 url("../images/hs_website/footerleft.gif") no-repeat bottom left;
}

#footer .right {
  float:right;
  width:10px;
  height:50px;
  background: #e7e7e7 url("../images/hs_website/footerright.gif") no-repeat bottom right;
}

#footer .center {
	border-top:1px solid #848484;
	margin-left:24px;
	margin-right:24px;
	height:49px;
	background: transparent url("../images/hs_website/abinition_logo.gif") no-repeat top right;
}

#footer p {
  font-size: .833em; /* 10 px */
  line-height:1.8em;
  margin-top: .4em;
}



/* Links */

a:link { color: #285ca7; text-decoration:none; }

a:visited { color: #6B9CC9; text-decoration:none; } 

a:link:hover,
a:visited:hover { text-decoration:underline; } 

a:link:active,
a:visited:active { color: #c93e3e; text-decoration:underline;}

a {
	outline: none; /* for annoying Firefox bug */
}

/* Some Alignment */

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

p.alignright {
	text-align: right;
}

p.alignleft {
	text-align: left;
}


/* Images - to maintain 18px griding of the page, images + styling should be a multiple of 18px */

#content img {		/* when not in a paragraph, give it some space and center it*/
	margin: 1.5em auto;
}

#content p img {
	margin: 0em;
}

#content img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:8px;
	margin-bottom:3px;
	padding:3px;
}

#content img.alignright {
	display: inline;
}

#content img.alignleft {
	display: inline;
}
	
#content img.border {
  border:1px solid #afafaf;
  padding:2px;
}


#content img.padright {
	margin-right: .8em;
}

#content img.padleft {
	margin-left: .8em;;
}

/* Typography */


h1, h2, h3, h4, h5 {
  color:black;
  font-family: Times, serif;
}

h1 {
  font-size: 2.5em; /* 30 px type */
  line-height: 1.2em;
  padding-top: .8em;
  padding-bottom:.4em;
}

h2 {
  font-size: 2em; /* 24 px type */
  line-height: 1.5em;
  padding-top: 1.10em;
  padding-bottom: 0.40em;
}

h3 {
  font-size:1.5em; /* 18 px type */
  line-height: 1em;
  padding-top: 1.5em;
  padding-bottom: .5em;
}

h4 { 
  font-size: 1.1667em; /* 14 px type */
  line-height: 1.286em;
  padding-top: 1.926em;
  padding-bottom: .643em;
}

h5 {
  font-size: 1em; /* 12 px type */
  line-height: 1.5em;
  padding-top: 1.1em;
  padding-bottom: .4em;
}


.blue { color: #6f97de; }
.orange { color:#d27b49; }
.green { color:#a7d059; }
.yellow { color:#dbbd64; }
.silver { color:#8d9299; }
.red { color: #c93e3e; }

p {
	line-height:1.5em;
  text-align: justify;
}

#content p + p,
#content p + p {
  text-indent: 1.5em;
  margin-top: 0em;
}

#content p.stb {		/* small thematic break */
	text-indent: 0;
	margin-top: 1.5em;
}

#content p.mtb {		/* medium thematic break */
	text-indent: 0em;
	margin-top: 3em;
}

#content p.ltb {		/* large thematic break */
	text-indent: 0;
	margin-top: 4.5em;
}

#content p.callout {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.1667em; /* 14 px */
	line-height: 1.286em;
	margin-top: 2.572em;
	margin-bottom: 1.286em;
}

#content p.callout + p {
  text-indent:0;
  margin-top:1em;
}

#content p.caption {
	font-size: .917em;
	line-height: 1.636em;
	font-style: italic;
	text-align: center;
	margin-top:-1.636em;		/* offset 18px margin of an image outside of a <p> */


}

#content p.caption + p {
	text-indent:0;
	margin-top:1em;
}

#main blockquote {
  margin: 1.5em 0 1.5em 1.5em;
}

#main blockquote,
#main blockquote p {

}

#main code {
  font-size:1em;
  line-height: 1.5em;
  font-family: "Courier New", serif; /* serif instead of monospace makes default Safari settings look good */
}

#main pre {
  font-size: 1em;
  line-height: 1.5em;
  font-family: "Courier New", serif; /* everyone should have Courier New, so shouldn't affect other browsers */
}


/* LISTS */

#main ul {
	font-size: 1em;
  padding:0 0 0 1.5em;
  margin:1.5em 0 1.5em 0;
  line-height: 1.5em;
}

#main ul li {
	padding: 0;
}

#main ul ul {
  margin:0;
  list-style:square;
}

#main ul ul ul {
  list-style: circle;
}



#main ol {
	line-height: 1.5em;
  padding:0 0 0 2em;
  margin:1.5em 0 1.5em 0; 
}

#main ol li {

}

#main ol ol {
  margin:0;
}

#main ol ol ol {

}

#sidebar ul {
  list-style:square;
  padding:0 0 0 1.636em;
}

#sidebar ul ul {
  margin:0;
  list-style:square;
}

#sidebar ul ul ul {
  list-style: circle;
}

#sidebar ol {
  padding:0 0 0 1.636em;
}

#sidebar ol ol {
  margin:0;
}



/* list of footnotes */

#main ol.footnote {

	font-size: .917em;
	border-top: 1px solid #ccc;
	margin-top: 2em;
	padding-top: .5em;
	line-height: 1.636em;
}

/* INDEX LIST (FOR LANGUAGE  GUIDE INDEX) */

#content ul.index ul {
  font-weight:bold;
  list-style-type: square;
}

#content ul.index ul ul {
	margin-top:0em;
	padding-bottom:1.5em;
}
#content ul.index ul ul li {
  display:inline;
  font-weight:normal;
}

#content ul.index ul ul li:before {
  content: " | ";
}

#content ul.index ul ul li:first-child:before {
  content: "";
}

/* LIST WITH ICONS FOR BULLETS (optimized for 24px square icons)*/

#content ul.icons {
	list-style: none;
	padding-left:30px;
}

#content img.bullet {
	float: left;
	margin:0;
	margin-left: -30px;
	position: relative;
	top: -4px;
}

#main ul.icons li {
	padding-top:1.5em;
	margin:0;
}

#sidebar ul.icons li {
  padding-top:1.636em;
}

#main ul.icons h4 {
	font-family: Geneva, Verdana, Helvetica, sans-serif;
	margin:0px;
	padding:0;
}

#sidebar ul.icons h4 {
	font-family: Geneva, Verdana, Helvetica, sans-serif;
	font-size: 1.091em;
	margin:0;
	padding:0;
	line-height: 1.5em;
}

/* DOCUMENTATION NAVIGATION SIDEBAR */

#sidebar.nav a {
  text-decoration:none;
}

#sidebar.nav ul {
	list-style-type: circle;
  list-style-image: url("../images/hs_website/bullet_off.gif");
}

#sidebar.nav ul li:hover {
	list-style-type: disc;
  list-style-image: url("../images/hs_website/bullet_on.gif");
}

#sidebar.nav ul li.currentpage {
	list-style-type: disc;
  list-style-image: url("../images/hs_website/bullet_on.gif");
}

#sidebar.nav li.nolink,
#sidebar.nav li.nolink:hover {
	list-style-type: square;
}


/* TABLES */

table.fancy {
  border-collapse:collapse;
  border-top: #ccc;
  margin-top: 1.7em; /* 1.5 + .2 which is recovered in the th */
  margin-bottom: 1.5em;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  line-height:1.5em;
}

table.fancy caption {
  font-style:italic;
  font-weight:bold;
  text-align: right;
  line-height: 1.5em;
  margin: 1.5em auto -1.5em; /* this cancels the table's top margin */
}

table.fancy.small caption {
  line-height: 1.636em;
  margin: 1.636em auto -1.636em; /* this cancels the table's top margin */
}

table.fancy td {
  border-left:1px solid #e2e2e2;
  border-right:1px solid #e2e2e2;
}

table.fancy th {
  text-align:left;
  background: #e1ebcf url("../images/hs_website/th_gradient.gif") repeat-x top;
  padding:.5em .5em .433em;
  border:1px solid #c5d4a8;
}

table.fancy td {
  border-bottom:1px solid #ddd;
  border-top:1px solid #ddd;
  padding-left:.5em;
  padding-right:.5em;
}

table.fancy tr.odd {
  background-color:#f2f5f7;
}


table.fancy tr.even {
  background: transparent url("../images/hs_website/white-transparent.gif") repeat;
}

table.fancy td.divider {
  border:0;
  height:.5em;
}

table.small {
	font-size: .917em;
	line-height: 1.636em;
}

table.small th {
	padding-left: 3px;
	padding-right: 3px;
}

table.small td {
	padding-left: 3px;
	padding-right: 3px;
}

table.tiny {
	font-size: .833em;
	line-height: 1.8em;
}

table.tiny th {
	padding-left: 3px;
	padding-right: 3px;
}

table.tiny td {
	padding-left: 3px;
	padding-right: 3px;
}

table.centered td,
table.centered th {
  text-align:center;
}

table.thumbnails td {
  text-align:center;
  border-left:0;
  border-right:0;
  padding-top:5px;
}

table.thumbnails p {
  margin:0;
  padding:0;
  font-size:.9em;
}

/* FORMS */

#content textarea {
	border:1px solid #848484;
	margin:1.5em 0;

}



div.formw {
  background: transparent url("../images/hs_website/form_l.gif") repeat-y left;
  border-right: 1px solid #888;
  border-bottom:1px solid #888;
  border-left:1px solid #888;
}

div.formw h2 {
	border-bottom:1px solid #c5d4a8;
	border-top:1px solid #888;
  background: #e1ebcf url("../images/hs_website/th_gradient.gif") repeat-x top;
  font-family: Geneva, Verdana, Helvetica, sans-serif;
  font-size: 1.2em;
  padding:5px 5px 5px 10px;
  margin:0px;
  line-height:1em;
}

div.formw span.col {
  margin-left:10px;
  margin-right:5px;
}

div.formw label,
div.formw input {
	display: block;
	float: left;

}

div.formw label {
  padding-top:6px;
  padding-bottom: 12px;
  text-align: right;
  width: 100px;
  padding-right: 1em;
  margin-right: 1em;
}

div.formw input {
  /* margin-left:120px; */
}

div.formw span {
  float:left;
}

div.formw br {
	clear: left;
}

div.formw label.req {
  font-weight:bold;
}

div.formw span.row label {
  margin:0;
  width:auto;
  text-align:left;
}