/* ---------------------------------------------------------------------------------

	File: 			typography.css
	Author: 		Walter Botich
	Created: 		08/14/07
	Modified:		06/26/08
	Description:	Sets default typography
					Included as part of screen.css
	
----------------------------------------------------------------------------------*/

/* GLOBALS ---------------------------------------------------------------------- */
body {
	font: 1em Arial, Helvetica, sans-serif;
	color: #000000;
}

/* Substitute for clear='all' */
.clear {
    clear: both;   
}

/* Generic block element */
.block {
    display: block;   
}

/* Generic floats */
.float-right {
    float: right;
}
.float-left {
    float: left;
}

/* Generic alignments */
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}

/* Generic highlight */
.highlight {
	background-color: #ffff00;
}

/* Generic font manipulations */
.to-uppercase {
    text-transform: uppercase;
}
.to-lowercase {
    text-transform: lowercase;
}
.shrink {
    font-size: .9em;
}

/* IMAGES ----------------------------------------------------------------------- */
img {
	border: 0;
}
	img.icon {
		width: 2em;
		height: 2em;
		vertical-align: middle;
	}
	img.frame {
	    margin: .25em .5em;
	    padding: .5em;
	    border: 1px solid #cccccc !important;
	}
	img.loading {
	    display: none;
	}

/* LINKS ------------------------------------------------------------------------ */
a, a:link, a:active {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #ee3a43;
	text-decoration: underline;
}
a.external, a.pdf, a.download {
    padding-right: 15px;
}
    a.external {
        background: url("../images/bg10-external_link.gif") 100% 50% no-repeat;
    }
    a.pdf {
        background: url("../images/bg10-pdf_link.gif") 100% 50% no-repeat;
    }
    a.download {
        background: url("../images/bg10-download_link.gif") 100% 50% no-repeat;
    }

/* HEADINGS ---------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: bold;
}
	h1 {
		font-size: 2.0em;
	}
	h2 {
		font-size: 1.8em;
	}
	h3 {
		font-size: 1.6em;
	}
	h4 {
		font-size: 1.4em;
	}
	h5 {
		font-size: 1.2em;
	}
	h6 {
		font-size: 1em;
	}

/* TEXT ------------------------------------------------------------------------- */
p, blockquote, pre {
	margin: 1em 0;
}
	p {
		line-height: 1.4em;
	}
	blockquote {
		margin-left: 3em;
		margin-right: 3em;
		line-height: 1.2em;
	}
	pre {
		font-family: monospace;
	}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
code {
	font-family: "Courier New", Courier, monospace;
}
hr {
	height: 1px;
	border: none;
	background: #cccccc;
}

/* LISTS ------------------------------------------------------------------------ */
ul, ol, dl {
	margin: 0;
}
	ul li, ol li {
		margin-left: 3em;
		padding: .1em;
	}
	ul li {
		list-style-type: disc;
	}
	ol li {
		list-style-type: decimal;
	}
	dl dt {
		padding: .25em 0;
		font-weight: bold;
	}
	dl dd {
	    padding: .25em 0;
	}
	
/* TABLES ------------------------------------------------------------------------ */
table.default, table.horz-lines, table.vert-lines, table.no-lines {
	margin: 0;
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	border: 1px solid #000000;
}
    caption {
        font-size: .9em;
    }
        caption.large {
            font-size: 1.2em;
            font-weight: bold;
        }
	table.default tr, table.horz-lines tr, table.vert-lines tr, table.no-lines tr {
		background-color: #ffffff;
	}
		table.default tr.alternate, table.horz-lines tr.alternate, table.vert-lines tr.alternate, table.no-lines tr.alternate {
			background-color: #efefef;
		}
		table.default tr.footer, table.horz-lines tr.footer, table.vert-lines tr.footer, table.no-lines tr.footer {
			color: #ffffff;
			background-color: #999999;
		}
			table.default tr.footer td, table.horz-lines tr.footer td, table.vert-lines tr.footer td, table.no-lines tr.footer td {
				font-weight: bold;
				border-width: 1px 0 0 0;
			}
	table.default tr th, table.horz-lines tr th, table.vert-lines tr th, table.no-lines tr th {
		padding: .5em;
		font-size: 1.2em;
		font-weight: bold;
		color: #ffffff;
		background-color: #666666;
	}
	table.default tr td.grouping, table.horz-lines tr td.grouping, table.vert-lines tr td.grouping, table.no-lines tr td.grouping {
		font-weight: bold;
		background-color: #aaaaaa;
	}
	table.default tr td, table.horz-lines tr td, table.vert-lines tr td, table.no-lines tr td {
		padding: .75em;
		vertical-align: top;
		border: 1px solid #000000;
	}
	    table.horz-lines tr td {
		    border-width: 1px 0 1px;
	    }
	    table.vert-lines tr td {
		    border-width: 0 1px 0;
	    }
	    table.no-lines, table.no-lines tr td {
		    border-width: 0;
	    }

/* SPECIAL NOTIFICATION CLASSES -------------------------------------------------------------- */
.alert, .warning, .ok, .popup-rubber_lining {
	min-height: 36px;
	/* IE 6 and lower hack */
	height: 36px;
	/* end hack */
	margin: 1em 0;
	padding: 1em 64px;
	font-size: .9em;
	color: #333333;
}
/* reset the height for all other browsers */
*>.alert, *>.warning, *>.ok, *>.popup-rubber_lining {
    height: auto;
}
	.alert {
		background: #ffdede url("../images/bg64-alert.gif") no-repeat top left;
		border: 5px solid #990000;
	}
	.warning {	
		background: #fcf5e7 url("../images/bg64-warning.gif") no-repeat top left;
		border: 5px solid #ffcc33;
	}
	.ok {	
		background: #ccffcc url("../images/bg64-ok.gif") no-repeat top left;
		border: 5px solid #009900;
	}
	.popup-rubber_lining {
	    background: #ffffff;
	    border: 5px solid #00457c;
	    padding: 1em 20px;
	    width: 600px;
	}
	    .popup-rubber_lining img {
	        padding-right: 5px;
	        padding-bottom: 5px;
	    }
	
	span.alert, span.warning, span.ok {
		padding: 2px;
		background: none;
		border: none;
	}
	    span.alert {
	        color: #990000;
	    }
	    span.warning {
	        color: #cc9933;
	    }
	    span.ok {
	        color: #006600;
	    }