/******************************************** 
 * Default formatting by element type
 ********************************************/

body {
	font: smaller verdana,sans-serif;}
	
a:link {
	color: #009;}
	
a:visited {
	color: #609;}
	
a img {
	border: 0px;}

select {
	font: 105% verdana,sans-serif;}

input,textarea {
	padding-left: 2px;
	font: 105% verdana,sans-serif;}

button,#submit,#reset {
	font: 100% verdana,sans-serif;
	text-align: center;
	vertical-align: middle;}

button img {
	vertical-align: middle;}

/******************************************** 
 * Real-estate divisions of page-layout.jsp
 *   
 *   #page-layout   
 *   the white 'page' that floats on the background;
 *   contains all sections listed below
 *   
 *   #top-section
 *   standard page banner (logos, masthead, menubar)
 *   
 *   #middle-left-section
 *   main content left and top (leftnav, title)
 *   
 *   #middle-center-section
 *   main content below titlebar (content, right nav)
 *   
 *   #middle-bottom-section
 *   main content footer (back-to-top link, screen-id)
 *   
 *   #bottom-section
 *   standard fsa page footer
 *   
 ********************************************/

#page-layout {
	background-color: white;
	margin: auto;
	border: 1px solid black;
	border-collapse: collapse;
	width: 769px;}

#top-section {
	vertical-align:top;}

#middle-left-section {
	height: 5px;
	vertical-align: top;}

/*** note: exaggerated relative heights for left and center
	for when leftnav is tall but main content is short ***/

#middle-center-section {
	height: 300px;
	vertical-align: top;}
	
#middle-bottom-section {
	vertical-align: bottom;
	}
	
#bottom-section {
	vertical-align: middle;}

/********************************************
 * sidebars (common) #middle-left-section
 *                   #middle-center-section
 ********************************************/
	
.sidebar-top {
	position: relative; /*fixes ie display bug*/
	float:right;
	right: -1px;
	top: -1px;}
	
.sidebar-top-image {
	margin: 0px;}

.sidebar-bottom {
	position: relative;
	height: 10px;}
	
.sidebar-bottom-image {
	position:absolute;
	bottom:-1px;
	left: -1px;}

#left-sidebar {
	margin: 0px;
	border-top: 1px solid black;
	padding: 0px;
	padding-top: 15px;  /* fixes ie display bug */
	font-size: 85%;}

/********************************************
 * title area        #middle-left-section
 ********************************************/

#title-area {
	margin: 0px;
	border-top: 1px solid black;
	padding: 0px;
	padding-left: 15px;}

.breadcrumb {
	margin: 15px 5px 3px 0px;
	font-size: 70%}

/********************************************
 * main content      #middle-center-section
 ********************************************/

#main-content {
	padding: 15px;
	font-size: 85%;
	height: 100%;}
	
#main-content h1.prose {
	margin: 10px 0px 0px 5px;
	font-size: 160%;}

#main-content h2 {
	margin: 15px 0px 5px 5px;
	font-size: 120%;}

#main-content h2.prose {
	background-color: #ddd;
	margin: 20px 0px 10px 0px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 1px;
	padding-left: 5px;
	font-size: 105%;}

#main-content h2.first {
	margin-top: 10px;}

#main-content h3 {
	margin: 15px 0px 2px 5px;
	font-size: 100%;}

#main-content h3.prose {
	margin-left: 20px;
	padding-top: 10px;
	border-top: 1px dotted gray;}
	
#main-content h4 {
	margin: 15px 0px 5px 20px;
	font-size: 100%;}
	
#main-content p.prose {
	margin: 0px 0px 0px 15px;
	padding: 2px 5px;}
	
#main-content p.intro {
	margin-top: 10px;
	margin-left: 0px;}
	
#main-content ol.prose,
#main-content ul.prose {
	margin: 0px;
	margin-left: 50px;
	padding: 0px 2px 2px 2px;}

#main-content ol.prose li,
#main-content ul.prose li {
	margin: 5px;}

/********************************************
 * main content footer    #middle-bottom-section
 ********************************************/
	
#main-content-footer {
	color: dimgray;
	padding: 15px;
	padding-top: 30px;
	font-size: 80%;}
	
#main-content-footer div {
	margin-top: 5px;}
	
/********************************************
 * accessibility
 ********************************************/
	
.accessibility {
	/* hides headings and 'skip' anchors from 
	   normal view, while leaving them accessible 
	   to screen readers & assistive tools. */
	position: absolute; 
	top: -5000px;}

a.accessibility:visited {
	color: #009;}
	
a:focus.accessibility, 
a:active.accessibility {
	/* for links to skip to main content; tempo-
	   rarily brings the hidden skip links into 
	   view when tabbing through the page. */
	margin-left: 0px;
	border-width: 2px;
	border-style: solid; 
	padding: 1px 3px;
	top: 0px;}

/********************************************
 * general formatting classes
 ********************************************/
	
.slimbox {
	margin: 0px;
	padding: 0px;}

table.layout {
	border-collapse: collapse;}
	
.success {
	color: orangered;}
	
.warning {
	color: red;}

.emphasize {
	font-weight: bold;}

.date-column {
	text-align: center;}

.number-column {
	text-align: right;}
	
.nowrap {
	 white-space: nowrap;}
	 
.hidden {
	display: none;}

/********************************************
 * specific to messages (error, info)
 ********************************************/
 
.messages-intro {
 	margin: 0px 30px 0px 30px;}

.messages {
 	margin: -5px 30px 30px 30px;}

table.error-description {
	margin: 10px 10px 20px 30px;
	border-collapse: collapse;}
 	
.error-description th {
	color: #777;
	font-weight: normal;
	padding: 5px;
	text-align: right;
	vertical-align: top;
	width: 95px;}
 	
.error-description td {
	padding: 5px;
	width: 395px;}

/********************************************
 * specific to forms
 ********************************************/
	
.label-column {
	text-align: right;}

.input-column {
	text-align: left;}
	
.instruction-column {
	text-align: left;}
	
p.form-instructions {
	margin: 0px;
	margin-top: -2px;}

table.form {
	margin: 5px 0px 5px 30px;
	border-collapse: collapse;}
	
table.form td {
	padding: 10px 4px 2px;
	vertical-align: middle;}
	
table.form td.next-in-group {
	padding-top: 0px;}
	
table.form td.group-instructions {
	color: slategray;
	background-color: whitesmoke;
	padding-left: 8px;}
	 
table.form td.group-instructions-hanging {
	color: slategray;
	background-color: whitesmoke;
	padding-left: 18px;
	text-indent: -10px;}

table.form button {
	padding: 1px 0px;}

table.form label.radio-label {
	vertical-align: 3px;}


/********************************************
 * specific to data tables
 ********************************************/

.data-table {
	border-collapse: collapse;}

.data-cell {
	border: 1px solid gray;}