/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
	font-size: 75%;
	color: #222;
	font-family: Arial, Helvetica, sans-serif;
}

/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #111;
}

h1 {
	font-size: 2.2em;
	line-height: 1;
	margin-bottom: 0.5em;
	color: #5577b2;
	padding: 5px 0px 5px 8px;
	background-color: #e5eef9;
	font-weight: normal;

}

h2 {
	font-size: 1.7em;
	margin-bottom: 0.75em;
}

h3 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em;
}

h4 {
	font: bold 13px Tahoma, Arial, Verdana;
	color: #666a75;
	margin-bottom: 10px;
}

h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.5em;
}

h6 {
	font-size: 1em;
	font-weight: bold;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}

h1.highlight {
	color: #ffffff;
	background-color: #5578b2;
}


/* Text elements
-------------------------------------------------------------- */

p {
	margin: 0 0 1.5em;
	font-size: 1em;
}

p img.left {
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}

p img.right {
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}

a {
	color: #005fc9;
	text-decoration: underline;
}

a:visited {
	color: #005fc9;
}

a:active, a:focus, a:hover {
	color: #FF6600;
}

blockquote {
	margin: 1.5em;
	color: #666;
	font-style: italic;
}

strong {
	font-weight: bold;
}

em, dfn {
	font-style: italic;
}

dfn {
	font-weight: bold;
}

sup, sub {
	line-height: 0;
}

abbr, acronym {
	border-bottom: 1px dotted #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;
}

div {
	font-size: 1em;
}

small {
	font-size: 0.9em;
	color: #999999;
}

/* Lists
-------------------------------------------------------------- */

li ul, li ol {
	margin:0 1.5em;
}

ul, ol {
	margin: 0 1.5em 1.5em 1.5em;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

dl {
	margin: 0 0 1.5em 0;
}

dl dt {
	font-weight: bold;
}

dd {
	margin-left: 1.5em;
}

ul.w_bullets {
	list-style-type: none;
	margin-top: 25px;
	margin-bottom: 25px;
}

.w_bullets li {
	background-color: transparent;
	background-image: url(../images/layout/bullet.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 16px 9px;
	padding-top: 3px;
	padding-right: 0pt;
	padding-bottom: 3px;
	padding-left: 30px;
}

/* Tables
-------------------------------------------------------------- */

table {
	margin-bottom: 1em;
	width:100%;
}

th {
	font-weight: bold;
}

thead th {
	background: #c3d9ff;
}

th, td, caption {
	padding: 4px 10px 4px 5px;
	font-size: 1em
}

tr.even td {
	background: #e5ecf9;
}

tfoot {
	font-style: italic;
}

caption {
	background: #eee;
}

.data_table {
	border-collapse: collapse;
	border: 0px;
	font-size: 12px;
}

.data_table th {
	border-bottom: 2px solid #d5d5d5;
	color: #4f4f4f;
	text-align: center;
	padding: 5px 7px 5px 7px;
}

.data_table th.selected {
	color: #ff6600
}

.data_table th img {
	position: relative;
	top: 0px;
	margin: 0 7px 0 0;
}

.data_table td {
	border-bottom: 1px dotted #d5d5d5;
	padding: 7px;
	vertical-align: middle;
}

.data_table tr.light {
	background-color: #fff;
}

.data_table tr.dark {
	background-color: #fafafa;
}

.data_table td.footer {
	border-top: 2px solid #d5d5d5;
	border-bottom: 0px;
	text-align: left;
	padding: 5px 0px 5px 0px;
	color:#4f4f4f;
	font-style:italic;
}

.data_table .icon {
	margin-right: 5px;
	position: relative;
	top: 3px;
}

.data_table td a {
	text-decoration: none;
	position: relative;
	top: -1px;
	text-decoration: underline;
}

.data_table .gray {
	color: #808080;
	font-size: 0.8em;
}

.data_table .green {
	color: #008000;
	font-size: 0.8em;
}

.data_table .blue {
	color: #0076e5;
	font-size: 0.8em;
}

/* Pagination
-------------------------------------------------------------- */


.pages {
	color: #808080;
	margin: 0 0 10px 0;
}

.pages a {
	text-decoration: underline;
	font-size: 13px;
}

.pages span {
	background-color: #f0f0f0;
	padding: 5px;
	margin: 0 3px 0 3px;
}

.pages span.selected {
	background-color: #ffeedb;
}

.pages span.selected a {
	color: #f58f28;
}

/* Misc classes
-------------------------------------------------------------- */

.small {
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}

.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}

.hide {
	display: none;
}

.quiet {
	color: #999;
}

.loud {
	color: #000;
}

.highlight {
	background:#ff0;
}

.added {
	background:#060;
	color: #fff;
}

.removed {
	background:#900;
	color: #fff;
}

.first {
	margin-left:0;
	padding-left:0;
}

.last {
	margin-right:0;
	padding-right:0;
}

.top {
	margin-top:0;
	padding-top:0;
}

.bottom {
	margin-bottom:0;
	padding-bottom:0;
}

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.taj {
	text-align: justify;
}

.vat {
	vertical-align: top;
}

.vam {
	vertical-align: middle;
}

.vab {
	vertical-align: bottom;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.breadcrumbs {
	color: #999999;
	background-color: #e1ddce;
	font-weight: normal;
	font-size: 1em;
	padding: 8px 0px 10px 12px;
	text-align: left;
	margin-bottom: 20px;
}

.breadcrumbs a {
	text-decoration: underline;
	color: #807164;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

.icon {
	margin-right: 7px;
	position: relative;
	top: 4px;
}

.orange {
	color: ff6600;
}

.gray {
	color: #797979;
}

.brown {
	color: #7d7067;
}

.lightblue {
	color: #7f91bc;
}

.nowrap {
	white-space: nowrap;
}

.tips {
	background-color: #fff9d8;
	padding: 10px;
}