/* Typography */

 
/* 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}
*/
body,div,dl,dt,dd,pre,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}
 
fieldset, img { border: 0; }
 
 
a:focus { outline: none; }
 
html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 175%;
	color: #646464;
	font-weight: normal; 
}
 
/*
 * default values
 */
 
p {
	margin-top: 10px;
	margin-bottom: 15px;

	letter-spacing: 0em;
}
 
 
ul, ol, dl {
	margin: 10px 0;
	padding-left: 30px
}
 
dl { margin: 10px 0; }
dd { padding-left: 40px; }
 
 
td, th { padding: 1px; }
 
 
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: none; }

/* 
fieldset {
	margin: 0px 0px 0px 0;
	padding: 0 0px 0px 0px;
	border: 0px solid #c8c8c8;
}
 
legend {
	padding: 0 10px 0 10px;
	background: #ffffff;
}
 
form div { margin: 0px 0 0px 0; }
 
textarea { padding: 1px 0 1px 5px; }
 
option { padding: 0 0 1px 5px; }
 
input[type='hidden'] { display: none; }
 
input[type='text'],
input[type='password'] { padding: 1px 0 1px 5px; }
 
button,
input[type='button'],
input[type='submit'] {
	padding: 2px 4px 2px 1px;
	line-height: 100%;
}
 
input[type='button'],
input[type='submit'],
input[type='checkbox'],
input[type='image'],
input[type='radio'],
input[type='reset'],
select,
button { cursor: pointer; }
 
 
textarea,
input[type='text'],
input[type='password'],
select {
	border: 1px solid #c8c8c8;
	background: #ffffff;
}
 
 
textarea:hover,
input[type='text']:hover,
input[type='password']:hover,
select:hover { border-color: #aaaaaa; }
 
 
textarea:focus,
input[type='text']:focus,
input[type='password']:focus,
select:focus {
	border-color: #8c8c8c;
	outline: 2px solid #dcdcdc;
}
 
 
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
	font-weight: bold;
}
*/ 
h1 { font-size: 1.5em; line-height: 1; margin-top: 10px; }
h2 { font-size: 1.33em; line-height: 1; margin-top: 8px; }
h3 { font-size: 1.2em; line-height: 1; margin-top: 8px; }
h4 { font-size: 1.167em; line-height: 1; margin-top: 8px; }
h5 { font-size: 1em; line-height: 1.25; margin-top: 5px; }
h6 { font-size: 1em; line-height: 1.25; margin-top: 5px; }
 
 
hr {
	margin: 15px 0 15px 0;
	display: block;
	background: #c8c8c8;
	height: 1px;
	border: none;
}
 
 
q { font-style: italic; }
 
blockquote {
	margin: 10px 0 10px 15px;
	font-style: italic;
	font-size: 130%
}
blockquote > *:first-child:first-letter { font-size: 150% }
 
 
pre {
	margin: 10px 0 10px 0px;
	padding: 5px 0 5px 10px;
	border: 1px dotted #aab4be;
	border-left: 20px solid #b4b4b4;
	background: #fafafa;
	font-size: 90%;
	color: #2E8B57;
	font-family: "Courier New", Courier, monospace;
	/* Browser specific (not valid) styles to make preformatted text wrap */
	/* white-space: pre-wrap;       /* css-3 */
	/* white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
}
 
 
acronym, abbr {
	border-bottom: 1px dashed #969696;
	cursor: help;
	font-variant: small-caps;
	text-transform: lowercase;
}
 
#breadcrumbs {
	position: absolute;
	top: 9px;
	left: 15px;
	right: 15px;
	height: 19px;
	overflow: hidden;
	font-size: 85%;
}
 
#breadcrumbs a,
#breadcrumbs span {
	display: block;
	float: left;
}
 
#breadcrumbs a,
#breadcrumbs span.separator { margin-right: 10px; }
 
#breadcrumbs .box-1 {
	background: url(imgs/typo/breadcrumbs.png) 0 0 no-repeat;
	color: #ffffff;
	text-shadow: 0px 1px 2px #646464;
}
 
#breadcrumbs a:hover { text-shadow: 0px -1px 3px #646464; }
 
#breadcrumbs .box-2 {
	padding: 0px 10px 0px 10px;
	background: url(imgs/typo/breadcrumbs.png) 100% -24px no-repeat;
}
 
#breadcrumbs .box-3 {
	height: 19px;
	background: url(imgs/typo/breadcrumbs.png) 0 -48px repeat-x;
}
 
 
 
 
/*
 * headings
 */
 
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
 
h1 {
	font-weight: normal;
	color: #ffffff;
}
 
#page h1 a {
	color: #646464;
	text-decoration: none;
}
 
h2 { color: #646464; }
h3 { color: #646464; }
h4 { color: #646464; }
h5 { color: #646464; }
h6 { color: #646464; }
 
/*
 * anchor
 */
 
/* a:link,
a:visited { color: #0671AD; }
a:hover { color: #00a3ff; }
 
*/ 
a.icon-folder {
        padding-left: 17px;
        background: url(imgs/typo/icon_folder.png) 0 40% no-repeat;
}
 
a.icon-file {
        padding-left: 17px;
        background: url(imgs/typo/icon_file.png) 0 40% no-repeat;
}
 
a.icon-download {
        padding-left: 17px;
        background: url(imgs/typo/icon_download.png) 0 40% no-repeat;
}
 
a.icon-external {
        padding-left: 17px;
        background: url(imgs/typo/icon_external.png) 0 40% no-repeat;
}
 
a.icon-pdf {
        padding-left: 17px;
        background: url(imgs/typo/pdf_button.png) 0 40% no-repeat;
}
 
/*
 * emphasis
 */
 
em.box { 
	padding: 0px 3px 0px 3px;
	border: 1px dotted #aaaaaa;
	background: #f5f6f7;
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
}
 
/*
 * unsorted lists
 */
 
/* icon style */
ul.arrow,
ul.checkbox,
ul.check,
ul.star {
	margin: 10px 0px 10px 0px;
	padding-left: 20px;
	list-style: none;
}
 
ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li {
	margin: 5px 0px 5px 0px;
	padding-left: 35px;
	font-weight: bold;
	line-height: 26px;  
}
 
ul.arrow li { background: url(imgs/typo/list_arrow.png) 0 0 no-repeat; }
ul.checkbox li { background: url(imgs/typo/list_checkbox.png) 0 0 no-repeat; }
ul.check li { background: url(imgs/typo/list_check.png) 0 0 no-repeat; }
ul.star li { background: url(imgs/typo/list_star.png) 0 0 no-repeat; }
 
/* table style */
ul.table {
	margin: 20px 0px 20px 0px;
	padding-left: 0px;
	list-style: none;
}
 
ul.table li {
	padding: 5px;
	border-bottom: 1px solid #c8c8c8;
}
 
ul.table li:nth-child(odd) { background: #fafafa; }
ul.table li:nth-child(even) { background: #ffffff; }
ul.table li:last-child { border: none; }
 
/*
 * ordered lists
 */
 
ol.disc {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 45px;
	background: url(imgs/typo/list_disc.png) 20px 0px repeat-y;
}
 
ol.disc li {
	margin: 5px 0px 5px 0px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 26px;  
}
 
/*
 * horizontal rule
 */
 
hr.dotted {
	margin: 15px 0px 15px 0px;
	display: block;
	background: url(imgs/typo/line_dotted.png) 0 0 repeat-x;
	height: 1px;
	border: none;
}
 
 
/*
 * highlighted div and span tags
 */
 
span.note,
span.info,
span.alert,
span.download,
span.tip { display: block; }
 
div.note, span.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #f4f5f6;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
	text-align:justify;
}
 
div.info, span.info,
div.alert, span.alert,
div.download, span.download,
div.tip, span.tip {
	margin: 10px 0px 10px 0px;
	padding: 8px 10px 8px 35px;
}
 
div.info, span.info {
	background: #f4f5f6 url(imgs/typo/box_info.png) 3px 5px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}
 
div.alert, span.alert {
	background: #fff5eb url(imgs/typo/box_alert.png) 3px 5px no-repeat;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}
 
div.download, span.download {
	background: #f5faeb url(imgs/typo/box_download.png) 3px 5px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}
 
div.tip, span.tip {
	background: #fffdeb url(imgs/typo/box_tip.png) 3px 5px no-repeat;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}
 
/*
 * p tag with dropcaps
 */
 
p.dropcap:first-letter {
	display: block;
	margin: 7px 4px 0px 0px;
	float: left;
	font-size: 280%;
	font-family: Georgia, "Times New Roman", Times, serif;
}
 
/*
 * tables
 */
 
table.listing {
	width: 100%;
	margin-bottom: 30px;
	font-size: 11px;
}
 
table.listing thead th {
	height: 30px;
	padding: 5px;
	border-bottom: 1px solid #c8c8c8;
	background: none;
	vertical-align: top;
	font-size: 14px;
	font-weight: normal;
}
 
table.listing tbody td {
	height: 20px;
	padding: 5px;
	border-bottom: 1px solid #c8c8c8;
}
 
table.listing tr.odd td { background: #fafafa; }
table.listing tr.even td { background: #ffffff; }
 
table.listing td.bold {
	font-weight: bold;
	font-size: 12px;
}
 
/*
 * blockquotes
 */
 
q.blockquote {
	margin: 10px 0 10px 15px;
	font-style: italic;
	font-size: 130%
}
 
q.blockquote:first-letter { font-size: 150% }
 
q.blockquote:before,
q.blockquote:after { content: ""; }
 
blockquote.quotation {
	margin: 10px 0px 10px 0px;
	padding: 10px 35px 10px 35px;
	border: none;
	background: url(imgs/typo/blockquote_start.png) 0 0 no-repeat;
	text-align:justify;
}
 
blockquote.quotation p {
	margin: 0px -35px -10px 0px;
	padding: 0px 35px 10px 0px;
	background: url(imgs/typo/blockquote_end.png) 100% 100% no-repeat;
}