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

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

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

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

/* 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: #fee799 !important;
}

/* Generic indent */
.indent {
	margin: 0 1em;
}

/* Generic message */
.message {
    font-size: 1.2em;
    font-weight: bold;
}

/* Generic cursor classes */
.hand {
    cursor: pointer;    
}

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

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

/* LINKS ------------------------------------------------------------------------ */
a, a:link, a:active {
	color: #a3262c;
	text-decoration: underline;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #a3262c;
	text-decoration: underline;
}

a.map_admin 
{
    vertical-align: top;
    margin:0px 10px 0px 10px;
}
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: 1em 0;
}
	ul li, ol li {
		margin-left: 3em;
		padding: .1em 0;
	}
	ul li {
		list-style-type: square;
	}
	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 {
	width: 100%;
	margin: 0;
	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: 0px 1px 0;
	    }
	    table.no-lines, table.no-lines tr td {
		    border-width: 0;
	    }
	/* Pager */
    tr.pager td table tr td { border-width: 0; }
    tr.pager td table tr td img { margin: 0; }



/* CALENDAR ---------------------------------------------------------------------- */
table.calendar {
    width: 490px;
    margin: 1em 0;
    border-collapse: collapse;
    border: 1px solid #000000;
}
    table.calendar tr td {
        border: 1px solid #000000;
    }
    
    table.calendar tr td img {
        margin: 2px 2px 0 0;
        vertical-align: middle;
        border: 1px solid #000000;
    }
    
    table.calendar table {
        margin: 0;
        border-width: 0;
    }
        table.calendar table tr td {
            padding: .25em;
            font-size: 1.6em;
            font-weight: bold;
            border-width: 0;
        }

/* Classes for .NET calendar control */
table.calendar .title {
    color: #ffffff;
    background: #002147;
}
table.calendar .day-header {
    padding: .15em;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    background: #000000;
}
/* NOTE: Text color must be set in skin file due to .NET control limitations */
table.calendar .day, table.calendar .today, table.calendar .other-month {
    height: 65px;
    padding: .25em;
    font-size: .85em;
}
    table.calendar .day {
        background: #ffffff;  
    }
    table.calendar .today {
        background: #ffce29 
    }
    table.calendar .other-month {
        background: #cccccc;
    }

/* SPECIAL NOTIFICATION CLASSES -------------------------------------------------------------- */
.alert, .warning, .ok, .info {
	min-height: 36px;
	/* IE 6 and lower hack */
	height: 36px;
	/* end hack */
	margin: 1em 0;
	padding: 1em 1em 1em 64px;
	font-size: .9em;
	color: #333333;
}
/* Reset the height for all other browsers */
*>.alert, *>.warning, *>.ok, *>.info {
    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;
	}
	.info {	
		background: #ccccff url("../images/bg64-info.gif") no-repeat top left;
		border: 5px solid #0000cc;
	}
	
	span.alert, span.warning, span.ok, span.info {
		padding: 2px;
		background: none;
		border: none;
	}
	    span.alert {
	        color: #990000 !important;
	    }
	    span.warning {
	        color: #cc9933 !important;
	    }
	    span.ok {
	        color: #006600 !important;
	    }
	    span.info {
	        color: #000099 !important;   
	    }