@import url("reset.css");

@media screen, projection
{
	html, body {
		height: 100%;
	}

	body {
		font-size: 0.75em;
		line-height: 1.5em;
		color: #000;
		background-color: #fff;
	}
	
	body, input, textarea {
		font-family:  Helvetica, Arial, 'MS Sans Serif' ,sans-serif;
	}
	
	input, textarea {
		font-size: 1em;	
	}
	
	.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
	
	/* // ---- global typography ---- // */

	/* Links
	-------------------------------------------------------------- */
	:link, :visited  {color:#5488EF;text-decoration: none;}	
	:link:hover, :visited:hover {color: #5488EF; text-decoration: underline;}
	:link:focus, :visited:focus {}
	:link:active, :visited:active {}
	/*:link[rel=external]::after {content: " " url(i/external.png);} */
	
	/* Text elements
	-------------------------------------------------------------- */
	blockquote  { margin: 1.5em; color: #666; font-style: italic; }
	cite  {font-style: italic; display: block; text-align: right;}

	strong      { font-weight: bold; }
	em,dfn      { font-style: italic; }
	dfn         { font-weight: bold; }
	sup, sub    { line-height: 0; }

	abbr, 
	acronym     { border-bottom: 1px dashed #666; }
	address     { margin: 0 0 1.5em; font-style: italic; }
	del         { color:#666; }

	pre 		{ margin: 1.5em 0; white-space: pre; }
	pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

	hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }
	
	/* Icons
	-------------------------------------------------------------- */
	.icons a, .icon { padding: 1px 0 1px 20px; background-repeat: no-repeat; background-position: left center; }

	/* Lists
	-------------------------------------------------------------- */
	dl          { margin: 0 0 1.5em 0; }
	dl dt       { font-weight: bold; }
	dd          { margin-left: 1.5em;}
	/* Custom
	-------------------------------------------------------------- */
	.date {color: #1B1B20;}
	
	/* -- ---- global typography ---- -- */
	.contentlistitem {border-bottom: 1px dashed #D7D8DA; margin-bottom:9px}

	/* // ---- content typography ---- // */
	
	.content, .maincontentblock {font-size: 1.083em; line-height: 1.538em}
		
	/* Headings
	-------------------------------------------------------------- */
	.content h1, .maincontentblock h1, .content h2,.content h3 {font-weight:500; color: #5488EF; }	
	
	.content h1, .maincontentblock h1
	{
		font-size: 2.3em;
		line-height: 1.333em;
		margin-bottom: 0.997em;
		border-bottom: solid 1px #5B5B5B;
	}
	.content h2 { font-size: 1.7em; margin-bottom: 0.409em; line-height: 1.364em; border-bottom: solid 1px #CACACA;}		
	.content h3 { font-size: 1.4em; line-height: 1.111em; margin-bottom: 0.556em; }
	.content h3.separated {line-height: 1.667em; margin-bottom: 0.5em; border-bottom: solid 1px #CACACA;}
		
	.content h4 {font-weight:bold; font-size: 1em; margin-bottom: 0.769em;}
	.content h5, .content h6 { font-size: 1em; line-height: 1; margin-bottom: 0.5em;  }	 

	.content h1 img, .content h2 img, .content h3 img, 
	.content h4 img, .content h5 img, .content h6 img {
	  margin: 0;
	}
	
	.content .h1subheading {font-style:italic; text-align:right; margin-top: -1.351em; padding-bottom:0.77em; font-size: 1.35em; line-height: 1.1em; margin-bottom: 1.151em; border: none 0}
	.content .rightsubheading {font-weight: bold; text-align:right; font-size: 1em; line-height: 1.538em; margin-bottom: 1.538em; border: none 0}
	
	/* Links
	-------------------------------------------------------------- */
	.content :link, .content .hidevisited :visited {color:#5488EF;text-decoration:none;border-bottom: dotted 1px #5488EF;}
	.content :visited {color:#5488EF;text-decoration:none;border-bottom: dotted 1px #5488EF;}	
	.content :link:hover, .content :visited:hover {text-decoration: none; border-bottom: solid 1px #5488EF}

	.content :link img, .content :visited img	{border: thick solid #7F7F7F;}
	.content :link:hover img, .content :visited:hover img {border: thick solid #434343; cursor: zoom;}

	/* Lists
	-------------------------------------------------------------- */
	.content li ul, .content li ol {margin:0 0.5em;}
	
	.content ul {margin:0; padding:0; margin-bottom:1.538em;}
	.content ul li {list-style-type:square; margin-left: 1em; font-weight:normal; padding-left:.3em; /*list-style-image: url(i/square.gif)*/}
	.content ol {list-style-type: decimal; margin-top:0; padding-top:0; font-weight:bold}
	.content ol li {margin: 0.5em 0 0 1.5em; font-weight:normal}
	
	.content ul.menu {font-size: 1.2em; line-height: 1.92em; margin-bottom:1.282em;}	 		

	/* Text elements
	-------------------------------------------------------------- */
	.content p {margin: 0 0 0.769em;}	
	.content img {border: solid thin #7F7F7F;}		
	.content img.align-left {float: left; margin: 0 1.5em 0 0; padding: 0;}
	.content img.align-right {float: right; margin: 0 0 0 1.5em; padding: 0;}
	.content img {margin: 0 1.5em 0 0;}
	
	/* Forms
	-------------------------------------------------------------- */
	.content legend { padding: 0 10px; }
	
	/* Tables
	-------------------------------------------------------------- */
	.content  table       { margin-bottom: 1.4em; width:100%; }
	.content  tr.even td  {background-image:url(i/bg_substratemenuright.png); background-repeat:repeat-x;	  }
	.content tfoot       { font-style: italic; }
	.content caption     { background: #eee; }
		
	.content table
	{	
		border: 1px solid #D7D8DA;	
		border-collapse: collapse;
		font-weight: normal;	
		margin: 0 0 20px 0;
		width: 100%;		
	}
		.content td {padding:5px;}  
		.content td {border: 1px solid #D7D8DA;}
		.content th
	{
		font: bold 1em;
		background-image:url(i/bg_substratemenuright.png);  /*background-color: #3A3A39;*/
		background-repeat:repeat-x;
		border-bottom: 2px solid #D7D8DA;
		border-left: 1px solid #D7D8DA;
		color: #D7D8DA;
		height: 25px;
		vertical-align:middle;
		padding:3px 5px;
	}
			.content th:first-child {border-right-width: 1px;border-left-width: 0;}
		
		.content th.vertical
		{				
			border: 1px solid #D7D8DA;
			color: #D7D8DA;
			height: auto;
			vertical-align:middle;		
		}
	
	/* Separators
	-------------------------------------------------------------- */
	.content hr {
	  background: #ddd; 
	  color: #ddd;
	  clear: both; 
	  float: none; 
	  width: 100%; 
	  height: .1em;
	  margin: 0 0 1.45em;
	  border: none; 
	}
	.content hr.space {
	  background: #fff;
	  color: #fff;
	}
	
	/* Misc classes
	-------------------------------------------------------------- */
	.content .small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
	.content .large      { font-size: 1.2em; line-height: 1.92em; margin-bottom:.7em; }
	.content .hide       { display: none; }

	.content .quiet      { color: #666; }
	.content .loud       { color: #000; }
	.content .highlight  { background:#ff0; }
	.content .added      { background:#060; color: #fff; }
	.content .removed    { background:#900; color: #fff; }

	.content .first      { margin-left:0; padding-left:0; }
	.content .last       { margin-right:0; padding-right:0; }
	.content .top        { margin-top:0; padding-top:0; }
	.content .bottom     { margin-bottom:0; padding-bottom:0; }
	
	.content .noborder {border: none 0}
	
	/* -- ---- content typography ---- -- */
	
	/* // ---- Forms ---- // */	
	.requredfieldlabel {font-weight:bold;}
	.errortext {color: Red !important}	
	/* -- ---- Forms ---- -- */	

	.a-left { text-align: left; }
	.a-center { text-align: center; }
	.a-right { text-align: right; }

	.f-left, .align-left { float: left; }
	.f-right, .align-right { float: right; }
}