/*
 * This file contains core CSS entries for use throughout the website.
 *
 * -- NO CHANGES ARE TO BE MADE TO THIS FILE WITHOUT PRIOR PERMISSION --
 */
body {

	font-family: Verdana, Arial, Helvetica, San-Serif;
	margin: 0px;
}

a {

	text-decoration: underline;
	font-weight:     normal;
	color:           #0000FF;
}

a:hover {

	color:           #008000;
}

a:visited {

	color:           #0000FF;
}

hr {

	width: 100%;
	height: 1px;
	color: #0f228c;
}

.img {

	border: 0px;
}

/*******************************************************************
**
**                    STANDARD FORM ITEMS
**
 ******************************************************************/

/*-- Defaults --*/
select {

	font:       inherit;
	font-size:  inherit;
	border:     1px solid #0f228c;
	background: #F2F5FF;
}

/*-- Use on <INPUT type="text"> --*/
.text {

	font:       inherit;
	font-size:  inherit;
	border:     1px solid #0f228c;
	background: #F2F5FF;
}

/*-- Use on <INPUT type="password"> --*/
.password {

	font:       inherit;
	font-size:  inherit;
	border:     1px solid #0f228c;
	background: #F2F5FF;
}

/*-- Use on <INPUT type="checkbox"> --*/
.checkbox {

}

textarea {

	font:       inherit;
	font-size:  inherit;
	width:      100%;
	padding:    3px;
	background: #F2F5FF;
	border:     1px solid #0f228c;
}

/*-- Use for all input of type = text or password --*/
input.text {

	font:          inherit;
	font-size:     inherit;
	padding-left:  3px;
	padding-right: 3px;
}

/*-- For "orange" themed inputs --*/
input.orange {

	font:       inherit;
	font-size:  inherit;
	border:     1px solid #FF923D;
	background: transparent;
}

/*-- Orange text inputs (password/text) --*/
input.orange-text {

	font:       inherit;
	font-size:  inherit;
	border:     1px solid #FF923D;
	background: transparent;
	padding-left:  3px;
	padding-right: 3px;
}

/*-- Orange text area --*/
textarea.orange {

	font:       inherit;
	font-size:  inherit;
	width:      100%;
	padding:    3px;
	background: #F2F5FF;
	border:     1px solid #FF923D;
}

/*******************************************************************
**                        TAB CONTENTS
******************************************************************/

/*-- Dictates base settings for everything inside of tabset --*/
div.content-area {

	text-align:  left;
	font-size:   10pt;
	font-weight: normal;
	background:  transparent;
	color:       black;
        font-family: Verdana, Arial, Helvetica, San-Serif;
	width:       100%;
}

/*-- The title for the tab content --*/
div.content-title {

	text-align:    left;
	font-size:     12pt;
	background:    transparent;
	color:         #008000;
	margin-bottom: 0.5em;
}

/*-- ICK! I don't like this, but it seems to work. This is used to position
     the help '?' to the right on the same line with the title. --*/
span.content-title-help {
	
	position:     absolute;
	right:        1.25em;
}

/*-- The actual content of the tab --*/
div.content {

	margin-left:  1em;
	width:        98%;
	border:       0;
}

/*-------------------- INFORMATION TABLE ------------------------*/
table.info {

	font-size:     10pt;
        font-family:   Arial, Helvetica, San-Serif;
	width:         100%;
	margin-bottom: 0.5em;
}

/*-- The "i" cell of the info box --*/
td.info-i {

	width:          40px;
	vertical-align: middle;
	text-align:     center;
}

/*-- Help text itself --*/
td.info-text {
	
	vertical-align: top;
	text-align:     left;
}

/*-- The "i" image itself --*/
img.info-i {

	width:          30px;
	height:         30px;
}

/*-------------------- ERROR TABLE ------------------------*/
table.error {

	font-size:     10pt;
        font-family:   Arial, Helvetica, San-Serif;
	font-weight:   normal;
	color:         red;
	background:    transparent;
	margin-bottom: 0.5em;
	margin-left:   2em;
}

/*-- The "!" cell of the info box --*/
td.error-exclaim {

	width:          40px;
	vertical-align: middle;
	text-align:     center;
}

/*-- Help text itself --*/
td.error-text {
	
	vertical-align: top;
	text-align:     left;
	font-weight:    bold;
}

/*-- The "!" image itself --*/
img.error-exclaim {

	width:          30px;
	height:         30px;
}

/*-------------------- TOP-LEVEL CONTENT SECTION  ------------------------*/
div.section {

	margin-bottom:  0.5em;
}

/*-- The header for the section --*/
div.section-header {

	font-size:     10pt;
	font-weight:   normal;
        font-family:   Arial, Helvetica, San-Serif;
	background:    #D2DEF2;
	padding-top:   1px;
	padding-bottom:1px;
	padding-left:  3px;
	margin-bottom: 0.5em;
}

/*-- This table may be used in a section header to lay out items --*/
table.section-header {

	font-size:    10pt;
	font-weight:  normal;
        font-family:  Arial, Helvetica, San-Serif;
	border:       0px;
}

/*-- The content of the section --*/
div.section-content {

	padding-left:   1em;
	font-size:      9pt;
}

/*-- These can be embedded in sections or sub-sections to make them
     scrolling. Tall should be used only if you have 1 section --*/
div.scrolling-tall {

	height:         20em;
	overflow:       auto;
	margin-bottom:  0.5em;
}

/*-- These can be embedded in sections or sub-sections to make them
     scrolling. Short should be used when you have two or more sections --*/
div.scrolling-short {

	height:         8em;
	overflow:       auto;
	margin-bottom:  0.5em;
}

/*-------------------- ORANGE SUB-SECTION ---------------------------*/
div.sub-section {

	border-top:    2px solid #FF923D;
	padding:       0.5em;
	margin-top:    1em;
}

/*-- This is the title of the sub-section --*/
span.sub-section-title {

	color:         #000080;
	background:    white;
	position:      relative;
	top:           -1.25em;
	left:          0.5em;
	font-weight:   normal;
	padding-left:  0.25em;
	padding-right: 0.25em;
}

/*-- The contents of the sub-section --*/
div.sub-section-content {

	margin-top:   -0.75em;
}

/*-- This is basically like a sub-section, but just an orange <hr> --*/
div.sub-section-break {

	border-top:    2px solid #FF923D;
	margin-bottom: 0.5em;
}


/*-------------------- LINELESS TABLE ---------------------------*/
table.lineless {

	border:        0px;
	font-size:     9pt;
        font-family:   Verdana, Arial, Helvetica, San-Serif;
	font-weight:   normal;
	margin-bottom: 0.5em;
}

/*-- Same as above, but no margins --*/
table.lineless-layout {

	border:        0px;
	font-size:     9pt;
        font-family:   Verdana, Arial, Helvetica, San-Serif;
	font-weight:   normal;
}

/*-- An identifier for a field --*/
td.lineless-name {

	background:     transparent;
	color:          #000080;
	font-weight:    bold;
	text-align:     left;
	vertical-align: top;
	padding:        1px;
}

/*-- The value for a field --*/
td.lineless-value {

	text-align:     left;
	vertical-align: top;
	padding:        1px;
}

tr.lineless-even {

}

tr.lineless-odd {

}

/*-------------------- LINED TABLE ---------------------------*/
table.lined {

	border-left:   1px solid #B3BEE6;
	border-top:    1px solid #B3BEE6;
	font-size:     8pt;
        font-family:   Verdana, Arial, Helvetica, San-Serif;
	font-weight:   normal;
	margin-bottom: 0.5em;
}

/*-- Header row style --*/
tr.lined-header {

}

/*-- Header cell for table --*/
th.lined {

	border-right:  1px solid #B3BEE6;
	border-bottom: 1px solid #B3BEE6;
	background:    #54678D;
	color:         white;
	font-weight:   bold;
	padding:       1px;
	padding-left:  2px;
	padding-right: 2px;
}

/*-- All other cells */
td.lined {

	font-weight:   normal;
	border-right:  1px solid #B3BEE6;
	border-bottom: 1px solid #B3BEE6;
	padding:       1px;
	padding-left:  2px;
	padding-right: 2px;
}

/*-- Coloring for first row --*/
tr.lined-even {

	background:    white;
	border-bottom: 1px solid #B3BEE6;
}

/*-- Coloring for next row */
tr.lined-odd {

	background:    #F2F5FF;
	border-bottom: 1px solid #B3BEE6;
}

/*-- Used for sortable column headers --*/
a.lined-sort {

	background:      transparent;
	color:           white;
	font-weight:     bold;
	text-decoration: none;
}

a.lined-sort:visited {

	background:      transparent;
	color:           white;
	font-weight:     bold;
	text-decoration: underline;
}

a.lined-sort:hover {

	background:      transparent;
	color:           white;
	font-weight:     bold;
	text-decoration: underline;
}

/*-------------------- ORANGE LINED TABLE ---------------------------*/
table.orange-lined {

	border-left:   1px solid #FF923D;
	border-top:    1px solid #FF923D;
	font-size:     8pt;
        font-family:   Verdana, Arial, Helvetica, San-Serif;
	font-weight:   normal;
	margin-bottom: 0.5em;
}

/*-- Header row style --*/
tr.orange-lined-header {

}

/*-- Header cell for table --*/
th.orange-lined {

	border-right:  1px solid #FF923D;
	border-bottom: 1px solid #FF923D;
	background:    #FF923D;
	color:         black;
	font-weight:   bold;
	padding:       1px;
	padding-left:  2px;
	padding-right: 2px;
}

/*-- All other cells */
td.orange-lined {

	font-weight:   normal;
	border-right:  1px solid #FF923D;
	border-bottom: 1px solid #FF923D;
	padding:       1px;
	padding-left:  2px;
	padding-right: 2px;
}

/*-- Coloring for first row --*/
tr.orange-lined-even {

}

/*-- Coloring for next row */
tr.orange-lined-odd {

}

/*-------------------- LAYOUT TABLE ---------------------------*/
table.layout {

	font-size:  9pt;
	border:     0px;
	margin:     0;
	padding:    0;
}

/*-------------------- REQUIRED-ASTERISK -------------------------*/

/*
 *
 * Usage:
 *   <span class="required">*</span>
 */
.required {

	background:   transparent;
	color:        red;
	position:     relative;
	top:          -2px;
	font-size:    6pt;
}

/*-------------------- Pretty Buttons-------------------------*/

/*-- Table required to lay out buttons: yuck --*/
table.button {

	border:   0px;
}

/*-- Put buttons in these --*/
table.button td {

	/* width:      70px; */
	text-align:    left;
	padding-right: 2px;
}



/*-- And this is a button --*/
div.button {

	font-size:         8pt;	
	background-image:  url(../images/button.gif);
	background-repeat: no-repeat;
	width:             67px;
	height:            18px;
	text-align:        center;
	color:             white;
	padding-top:       1px;
	font-weight:       bold;
	cursor:            pointer;
	border:            0px;
	float:             left;
}

a.button-link {
	
	text-decoration:   none;
	color:             white;
	background:        transparent;
	font-size:         8pt;
	font-weight:       bold;
}

a.button-link:visited {

	text-decoration:   none;
	color:             white;
	background:        transparent;
}

a.button-link:hover {

	text-decoration:   none;
	color:             white;
	background:        transparent;
}

table.button-wide {
   
	border:             0px none;
	padding:            0;
	margin:             0;
}

table.button-wide td {

	padding:            0;
}

td.button-wide-side {

	font-size:          1px;
}

td.button-wide-center {

	background-image:   url(../images/buttons/button-center.gif);
	background-repeat:  repeat-x;
	text-align:         center;
	padding-left:       2px;
	padding-right:      2px;
	cursor:             pointer;
	font-size:          8pt;
	font-weight:        bold;
	vertical-align:     middle;
	white-space:        nowrap;
}

/*-------------------- Pager (Prev/Next Page) -------------------------*/
div.content-pager {

	font-size:      10px;
	color:          #687FC5;
	font-weight:    bold;
	height:         20px;
	text-align:     right;
	padding-top:    3px;
	vertical-align: middle;
}

a.pages {

	font-size:       10px;
	color:           #FF923D;
	font-weight:     bold;
	text-decoration: none;
}

a.pagecurrent {

	font-size:       10px;
	color:           #353880; 
	font-weight:     bold;
	text-decoration: none;
}

a.nextprev {

	font-size:       10px;
	font-weight:     bold;
	color:           #687FC5;
	text-decoration: none;
}

/*
 * info-text links are intended to be non-clickable links. That is,
 * they are really only links so that we can utilize the tooltips
 * feature of an href. So that they don't look like links, we have
 * basically turned off any special decorations that an href normally
 * has.
 */
a.info-text {

   text-decoration: none;
   font-weight:     normal;
   color:           black;
   background:      transparent;
}

a.info-text:hover {

   text-decoration: none;
   font-weight:     normal;
   color:           black;
   background:      transparent;
}

a.info-text:visited {

   text-decoration: none;
   font-weight:     normal;
   color:           black;
   background:      transparent;
}