/* ============================================ */
/* DEFAULT STYLES - styles that affect every instance of an element that is not otherwise styled  */
/* ============================================ */
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #FBFCFD;
	margin: 0 auto;
	padding: 0;
	line-height: 1em;
	min-width: 960px;
}

h1, h2, h3, h4, h5, h6
{
	color: #292E33;
	font-weight: bold;
	margin: 5px;
	line-height: 1em;
}

h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 24px; }
h4 { font-size: 21px; }  
h5 { font-size: 18px; }
h6 { font-size: 16px; }   

img { border: 0; }

table.wideCentered { width: 98%; margin: 5px auto; }

tr td, tr th { padding: 2px; vertical-align: top; }

a:link, a:visited { color: #1F599C; text-decoration: none; }
a:hover { color: #1F599C; text-decoration: underline; }

.has-link-style {
	color: #1F599C;
	text-decoration: underline;
}

.has-link-color {
	color: #1F599C;
}

/* IE 6 doesn't seem to color all <a class="selected">s unless :link :hover and :visited selectors are included here (TODO: find out why; just a bug?) */
.selected,
a:link.selected,
a:hover.selected,
a:visited.selected
{
	color: #CC5020;
	font-weight: bold;
}

.smaller, small { font-size: 12px; }
.larger { font-size: 16px; }

/* ============================================ */
/* DISPLAY STYLES - Generic and utility classes used to style different types of elements that may appear in multiple places on a page
/* ============================================ */
.wideBlockCentered
{
	display: block;
	width: 98%;
	margin: 5px auto;
}

.error_message, .negative { color: #FF0000; }

.floatLeft { float: left; }
.floatRight { float: right; }

.indented { padding-left: 1em; }

.centered { text-align: center; }
.justified { text-align: justify; }
.rightAligned { text-align: right; }

.underline { text-decoration: underline; }

.outlined { border: 1px solid #000000; }
.borderTop { border-top: 1px solid #184476; }
.borderRight { border-right: 1px solid #184476; }
.borderBottom { border-bottom: 1px solid #184476; }
.borderLeft { border-left: 1px solid #184476; }

ul.disc { list-style: disc; }
ul.circle { list-style: circle; }

ul.tight { margin: 8px }
ul.tightDisc { list-style: disc; margin: 8px; }
ul.tight > li, ul.tightDisc > li { margin: 0; }

ul.largelist { margin: 20px; list-style: disc; }
ul.largelist li { font-size: 18px; margin: 10px; line-height: 1.2em; }

p.warningMessage
{
	text-align: center;
	color: #CC5020;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
	margin: 0 0 10px 0;
	padding: 5px;
}

p.warningMessageSmall 
{
	color: #CC5020;
	font-size: 14px;
	margin: 0;
	padding: 5px;
}

img.sprite {
    width: 13px;
    /*height: 15px;*/
    background: transparent url('/images/icons/complex_icons.png') no-repeat 0 0;
}

.has-valign-text-bottom {
    vertical-align: text-bottom;
}

.has-valign-text-top {
    vertical-align: text-top
}

.has-valign-top {
    vertical-align: top
}