/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Defaults
 * A few styles taken from YUI base.css
 */
 
em, i {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

del, strike {
	text-decoration: line-through;
}

abbr, acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}

ol li {
	list-style: decimal outside;
}

ul li {
	list-style-position: outside; /* Helps with ul li alignment in IE */
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

/* Opera requires 1px of padding to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}

/* Prevent system borders generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

a:link,
a:active,
a:visited {
	color: #0000CC;
	text-decoration: none;
}

a:hover, 
a:visited:hover {
	color: #0000CC;
	text-decoration: underline;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Image Replacement - Gilder/Levin Method
 * Example markup:
 * <div class="bg-image">
 *  <span class="bg"></span>Image Text
 * </div>
 */
 
.bg-image { /* Containing element */
	position: relative;
	overflow: hidden;
}

.bg-image span.bg { /* Span element containing bg image */
	position: absolute;
	width: 100%;
	height: 100%;
}

#Id {
	width: 100px;
	height: 100px;
}

#Id span.bg {
	background: url('images/logo.jpg') no-repeat center top;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Image Map
 */
 
a.image-map {
	display: block;
	position: absolute;
}

body a.image-map, 
body a.image-map:hover, 
body a.image-map:visited, 
body a.image-map:visited:hover {
	text-decoration: none;
}

a.image-map i {
	visibility: hidden;
}

/* Example links - Set your own link IDs with positions and sizes */

#logo a#return {
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100px;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Float Clearing
 * http://positioniseverything.net/easyclearing.html
 */
 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* IE-mac fix */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} /* Floated element *must* have dimension for IE */
.clearfix {display: block;} /* remove inline-block for all other browsers (besides IE-mac) */
/* End hide from IE-mac */

/* fix so lists may display bullets, etc - a bit screwy in IE */
ul li.clearfix {
	display: list-item;
}

/**
 * http://www.quirksmode.org/css/clearing.html
 *  - Doesn't work as well... requires width:100% for IE6, which messes up layouts
 */

.clearfix-q {
	overflow: hidden;
	*width: 100%;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Drop Shadow
 */
 
.drop-shadow {
	display: inline; /* IE6- float margin bug */
	position: relative; /* So img border shows up in IE6 (p56) */
	float: left;
	clear: right;
	margin: 0px 0 0px 0px; /* Set to your needs for inline image */
	background: url('http://i.cmpnet.com/informationweekreports/analytics/images/cover_drop_shadow.gif') no-repeat right bottom;
}

.drop-shadow img {
	position: relative; /* So img border shows up in IE6 (p56)*/
	display: block; /* So img border shows up in IE6 (p56) */
	margin: -3px 10px 6px -3px; /* Set specific to size of background image */
	border: 1px solid #999999;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Custom Doc Width
 * All widths set in EMs. To calculate EMs:
 *  Pixel width / 13px = "EM width"
 *  "EM width" x 0.9759 = "IE's EM width"
 */
 
/* Example - 940px width */
#custom-doc {
	width:72.31em;
	*width:70.57em;
	min-width:940px;
	margin:auto;
	text-align:left;
}

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

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Cross-section Styles
 */

.pinecones {
	position: fixed;
	_position: absolute;
	bottom: 10px;
	right: 10px;
	height: 80px;
	width: 107px;
	background: url('images/pinecones.jpg') no-repeat bottom right;
}

.calendar {
	background: url('images/icon-calendar.png') no-repeat right 50%;
}
 
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Main Document Sections
 */
 
html {
	background: url('images/parchment.jpg') repeat top left;
}

body {
	color: #1B4122;
}

iframe#ProcessPage {
	height: 750px;
	width: 700px;
	border: 0;
}

iframe#ProcessPage html {
	background: url('images/parchment.jpg') repeat top left;
}
 
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Header
 */
 
#hd {
	background: url('images/logo.jpg') no-repeat 0 3px;
	border-bottom: 3px solid #1B4122;
}
 
h1 {
	margin-left: 170px;
	padding-top: 70px;
	font-size: 302%;
}
 
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Main Content
 */
 
h2 {
	margin: 50px 0 3px 0;
	padding-bottom: 3px;
	font-size: 153.9%;
	border-bottom: 1px solid #1B4122;
}

form fieldset fieldset {
	/*border: 1px solid #1B4122;
	border-bottom-width: 2px;*/
}
 
form legend {
	display: none;
}

form label {
	font-size: 116%;
}

form label.text {
	display: block;
	float: left;
	width: 120px;
	margin-top: 12px;
	padding-top: 5px;
	clear: left;
}

.error {
	font-size: 93%;
	color: red;
}

p.error {
	margin: 10px 0;
}

li.error {
	min-height: 22px;
	_height: 22px;
	padding-top: 3px;
	padding-left: 25px;
	background: url('images/icon-error.png') no-repeat left top;
}

form label.error {
	display: block;
	_display: inline;
	float: left;
	width: 180px;
	min-height: 22px;
	_height: 22px;
	margin-top: 2px;
	margin-left: 120px;
	padding-top: 3px;
	padding-left: 25px;
	background: url('images/icon-error.png') no-repeat left top;
	clear: left;
}

form input.text {
	float: left;
	width: 200px;
	margin-top: 12px;
	padding: 3px;
	font-size: 108%;
	color: #000;
}

form input.num {
	width: 20px;
	margin-top: 12px;
	padding: 3px;
	font-size: 108%;
	color: #000;
}

form select.inline {
	display: block;
	float: left;
	width: 150px;
	margin-top: 14px;
	margin-left: 5px;
	padding: 3px;
}

form div.combo {
	margin-top: 12px;
}

.radios input.radio {
	margin-top: 10px;
}

button {
	width: 100px;
	height: 26px;
	margin-top: 10px;
	line-height: 12px;
	text-align: center;
	cursor: pointer;
	background: url("images/button.jpg");
	border: 0;
	font-size: 123.1%;
	color: #1B4122;
}

button:hover {
	background: 0 -25px url("images/button.jpg");
}

.submit .icon {
	padding-left: 16px;
	line-height: 12px;
	background: url("images/icon-ok.png") no-repeat 0 50%;
}

.loading {
	display: none;
	height: 300px;
	width: 700px;
	background: url("images/loading.gif") no-repeat 50% 50%;
}
 
 /* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Secondary Content
 */

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Footer
 */
 
#ft {
	margin: 40px 0;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Section Pages
 */