/* NOTE: This file is not read directly, but via theme-css.php which allows
 * the ability of "if" statements.  Any line that contains:
 * or
 * or
 *      BROWSER=<browser>
 * will only be seen by browsers matching the specified name.
 */

/* Core Classes */
body {
    background-color:	white;
    font-family:	Arial Unicode MS, TITUS Cyberbit Basic, Helvetica, Arial;
    margin:		0px;
    padding:		0px;
    text-align:		left;
    color:		#000;
}

body, td, .indent, .defaulttext, .caption, .captiontext, .bodytable, .mediumtext,
.forumheader, .forumheader2, .forumheader3, .forumheader4, .forumheader5, .fcaption, .finfobar {
	color: #000000;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

h2 {
    font-size:		18px;
    font-weight:	bold;
    color:		#330099;
}

.smalltext, .smallblacktext, .tbox, .nextprev, .helpbox {
	font: normal 9px verdana, tahoma, arial, sans-serif;
	color: #000;
}

/* The <object> containing all of the map stuff */
#mapObject {
    width:	99%;
    height:	700px;
    overflow:	auto;
}

img {
	border: 0px;
}

form {
	margin: 0px;
}
*/

.tbox {
	border: #A5ACB2 1px solid;
	background-color: #fff;
}

.button, .button:hover {
    cursor:			pointer;
    font-size:			90%;
    font-weight:		bold;
    padding:			.25ex 1ex;
    margin:			0 .75ex;
    margin-top:			10px;
}

/* MPB: used in mriFunctions.php. */
.sessionButton {
    cursor:			pointer;
    font-size:			90%;
    font-weight:		bold;
    padding:			.25ex 1ex;
    margin-top: 0;
}


.spacer{
	padding: 5px 0px;
}

.fborder, .border{
}

.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #878787;
}

.forumheader, .forumheader4, .finfobar {
	background-color: #fbfbfd;
}

.forumheader5 {
	cursor: pointer;
}

.fcaption, .forumheader5 {
	background-color: #f7f7f9;
}

/* Theme Specific Classes */

.page_container {
	width: 100%;
	background-color: #FFFFFF;
}

.top_section, .main_section {
	width: 100%;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	vertical-align: -20%;
/*	font-family: Helvetica; */
	font-size: 16px;
	font-style: oblique;
	font-weight: bold;
	color: #FF6633;
	background-position: right bottom;
	border: 0px none #457584;
	line-height: normal;
}
.bottom_section {
}

.menus_container {
	width: 110px;
	border-collapse: collapse;
}

.default_menu {
	vertical-align: top;
}

.signup, .fpw, .resend {
	font-size: 10px;
	white-space: nowrap;
}
/* The right menu where login is seen */
.right_menu {
	width: 120px;
	vertical-align: top;
	background-image: url(images/s_body.png);
	background-repeat: repeat-y;
	border-left: 1px solid #4575B4;
	margin-left: 5px;
}

.bevel {
	background-image: url(images/s_left_bevel.png);
	background-repeat: no-repeat;
	background-position: right;
/*	font-family: Helvetica, Arial; */
	font-size: 14px;
	font-weight: bold;
	color: #330099;
	margin-top: 10px;
	padding-left: .5em;
}

.cont {
	border-collapse: collapse;
	width: 100%;
}

/* The main content */
.menu_content {
	background-color: #fff;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0.7em;
}

.menu_content.non_default {
	background-color: transparent;
}

.news_info {
	width: auto;
	background-color: #FFFFCC;
}

/* MRI specific settings */

.topicHeader {
/*    font-family;        Helvetica; */
    font-style:         italic;
    font-size:		18px;
    font-weight:	bolder;
    color:              #330099;
}

.rowView1 {
    padding-left:	10px;
    padding-top:	10px;
/*    font-family:        Helvetica; */
    color:              #330099;
    font-size:		12px;
    font-weight:	bolder;
}
.rowView2 {
    padding-left:	20px;
}
.rowView2Label {
    font-size:		12px;
    font-weight:	bolder;
    color:              #FF9900;
}
.rowView3 {
    padding-left:	50px;
    font-weight:	normal;
}

/* Sources page stuff */
#sourcesTable {
    width:		500px;
}

/* Columns page stuff */
#columns {
    width: 101ex;
}

#columns select {
	background: white;
	border-color: white;
	width: 20ex;
	margin: 0 1ex;
}
#sources th{
	text-align: center;
	font-size: 14px;
}

#columns input {
	border-width: 2px;
	border-color: #aaa;
}
#columns input[type="text"] {
	background: #eee;
	border-style: none;
	padding: .4ex 1ex;
}
#columns input[type="text"]:hover { border-style: inset; }
#columns input[type="text"]:focus {
	background: white;
	border-style: inset;
}
#columns input[type="submit"] { margin-top: -2em; }
.columnCaptionSelectable {
    color: black;
}
.columnCaptionNotSelectable {
	color: #CCCCCC;
}
.columnCaptionCalculated {
    color: green;
    font-size: 10px;
}
.columnDescription {
    white-space:	nowrap;
}

.columnLongDescription {
    text-decoration:	underline;
    cursor:		pointer;
}

/* Selection page stuff */
.selectionGroup {
    font-weight:	bold;
    font-size:		14px;
}
.selectionColumnName {
    margin-left:	15px;
}
.selectionColumnShortName {
    white-space:	nowrap;
}

.selectionColumnLongName {
    color:		#313695;
    text-decoration:	underline;
    cursor:		pointer;
    white-space:	nowrap;
}
/* End selection page stuff */

.mriErrorMessage {
	font-size: 2em;
}

.cellDetailsCell {
    padding-left:	5px;
    padding-right:	5px;
}
.cellDetailsCommentImage {
    padding-top:	2px;
    padding-left:	2px;
}
.cellDetailsCommentText {
    text-decoration:	underline;
    cursor:		pointer;
    text-align:		center;
}
.commentsDate {
    white-space:	nowrap;
}
.addObservationText {
    text-decoration:	underline;
    cursor:		pointer;
}
.addObservationForm {
    padding-left:	20px;
}

/* Table: column menu short description */
.columnMenuShortDesc {
    font-weight:	bold;
    font-size:		12px;
}
/* Table: column menu long description */
.columnMenuLongDesc {
    color:		#313695;
    text-decoration:	underline;
    cursor:		pointer;
    white-space:	nowrap;
}

/* Define some generic properties for all of the site links tabs */
MRISiteLinks {
    width:		100%;	/* links table width */
    background-color:	#FFFFFF; /* Sitelinks/menu background color */
    padding:		0px;
    margin:		0px;
    border:		0px;
}
.MRISiteLinksRow1NotSelected, .MRISiteLinksRow1Selected, .MRISiteLinksRow2NotSelected, .MRISiteLinksRow2Selected, .MRISiteLinksRow3NotSelected, .MRISiteLinksRow3Selected {
/*    font-family:	Helvetica; */
    font-size:		13px;
    font-style:		italic;
    vertical-align:	middle;
    letter-spacing:	0.08em;
    white-space:	nowrap;
}
/* Define all row 1 site links tabs properties */
.MRISiteLinksRow1Div {
    background-image:	url(images/Slice16.gif);
    height:		25px;
    border-style:	hidden;
    border-collapse:	collapse;
    empty-cells:	show;
}

.MRISiteLinksRow1NotSelected a {
    color:		white;
    border:		0px;
    padding-right:	10px;
    padding-left:	10px;
}
.MRISiteLinksRow1NotSelected {
}
.MRISiteLinksRow1Selected {
    color:		#313695;
    font-weight:	bold;
    background:		url(images/Slice14.gif);
    padding-right:	10px;
    padding-left:	10px;
}
.MRISiteLinksRow1Separator {
    width:		2px;
    background:		#70A6CD;
}

/* Define all row 2 site links tabs properties */
.MRISiteLinksRow2Div {
    background-image:	url(images/Slice21.gif);
    height:		25px;
    border-style:	hidden;
    border-collapse:	collapse;
    empty-cells:	show;
}
.MRISiteLinksRow2NotSelected a {
    color:		white;
    border:		0px;
    padding-right:	10px;
    padding-left:	10px;
}
.MRISiteLinksRow2NotSelected {
}
.MRISiteLinksRow2Selected {
    color:		#313695;
    font-weight:	bold;
    background-image:	url(images/Slice27.gif);
    padding-right:	10px;
    padding-left:	10px;
}
.MRISiteLinksRow2Separator {
    width:		2px;
    background:		 #FEE090;
}

/* Define all row 3 site links tabs properties */
.MRISiteLinksRow3Div {
    background-image:	url(images/Slice29.gif);
    height:		25px;
    border-style:	hidden;
    border-collapse:	collapse;
    empty-cells:	show;
}
.MRISiteLinksRow3NotSelected a {
    color:		#74ADD1;
    border:		0px;
    padding-right:	10px;
    padding-left:	10px;
}
.MRISiteLinksRow3NotSelected {
}

.MRISiteLinksRow3Selected {
    color:		#313695;
    font-weight:	bold;
    background-image:	url(images/Slice34.gif);
    padding-right:	10px;
    padding-left:	10px;
}
.MRISiteLinksRow3Separator {
    width:		 2px;
    background:		 #66CCFF;
}

/* Define the auxilery site links tabs properties */
.MRISiteLinksAUX {
/*    font-family:	Helvetica; */
    font-style:		Oblique;
    font-size:		12px;
    color:		#313695;
}

#table-id {
	float: right;
	color: #ddd;
	margin-top: 1.4em;
	margin-right: 1em;
}

#records.toolnav {
	text-align: right;
	}
/*
.top { margin-top: 1.4em; }
*/
#records {
	margin: 0;
	margin-bottom: 0em;
}
/*.top .toolnav { position: absolute; top: 0; left: 45%; }*/
.toolnav form {
/*	width: auto;*/
	margin: 0;
}
.toolnav form {
	border-style: none;
	padding: 0;
	margin: 0;
}

.up, .down {
    display: block;
}
.up img {
    vertical-align: bottom;
    margin-bottom: 5px;
    bottom: 0;
}
.down img {
    top: 0;
    vertical-align: top;
}

.mriTable {
    clear: both;
    background: #FFFFBF;
    border-collapse: collapse;
    border: 3px solid #313695;
    padding: 7px 0;
}
.header1a, .header1b {
    text-align: center;
    border: 1px solid #313695;
    padding: 5px;
    /* MPB MRI: Set font size here to override IE7qm/IE6 font sizing.*/
    font-size: 12px;
}
.header1a {
    background: #FEE090;
}
.header1b {
    /*background: #FFFFBF;*/
    /*
     * MPB MRI: both headers should have the same color.
     */
    background: #FEE090;
}
.header2 {
    background: #FFFFBF;
    text-align: left;
    border: 1px solid #313695;
    /*       top right bottom left */
    padding: 2px 5px 2px 5px;
}
.header2top, .header2topRight {
    background: #FFFFBF;
    border-top: 1px solid #313695;
    /*       top right bottom left */
    padding: 2px 5px 2px 5px;
    /* MPB MRI: 
     * This is essentially a CSS hack to get column headers to display
     * a thin border when it is part of a colgroup that spans multiple
     * header cells.
     */
    border-right: 1px solid #313695;
    /*
     * MPB MRI: force font size to 12px on IE7qm/IE6
     */
    font-size: 12px;
}
.header2top {
    text-align:		center;
}
.header2topRight {
    text-align:		right;
}
.header2middle, .header2bottom, .header2bottomRight {
    background:		#FFFFBF;
    white-space:	nowrap;
    /*       top right bottom left */
    padding: 2px 5px 2px 5px;
    /* MPB MRI: 
     * This is essentially a CSS hack to get column headers to display
     * a thin border when it is part of a colgroup that spans multiple
     * header cells.
     */
    border-right: 1px solid #313695;
}
.header2bottom {
    text-align:		left;
    border-bottom:	1px solid #313695;
}
.header2bottomRight {
    text-align:		right;
    border-bottom:	1px solid #313695;
}
.header2a {
    font-weight:	bold;
}
.mriTableNormal {
    vertical-align: top;
}
.mriTableAlt {
    background: white;
    vertical-align: top;
}

.mriTableSelected {
    background: #FEE090;
    border: 2px solid #313695;
}
.mriTableObsData {
    padding-right:	1ex;
}

.mriTable colgroup {
    border: 2px solid #313695;
}

.mriTable thead {
    border: 2px solid #313695;
}
.mriTable #columns {
}
.scale {
/*    font-family: Helvetica; */
    font-size: 12px;
    font-style: Oblique;
}

/* Table observation link for N/A text values */
.obsLinkTextNA {
    text-align:	center;
}
/* Table observation link for text values */
.obsLinkText {
    text-align:		left;
    padding-left:	3px;
    padding-right:	3px;
}
/* Table observation link for numeric values */
.obsLinkNumeric {
    float:		right;
    padding-left:	3px;
    padding-right:	3px;
}
.noQualifyingData {
	font-size: larger;
	font-weight: bold;
}
.obsRight {
    color:	blue;
}

/* Define the link styles for:
 *    table view: 1st column (obs-link)
 *    table view: text links (obsLinkText)
 *    table view: numeric links (obsLinkNumeric)
 *    table view: sources (srcLink)
 *    row detail: data (rowDetailObs)
 *    cell detail: source (celldetailSrc)
 * so there is no underline except when the mouse hovers over a link.
 */
.obsLinkText a, .obsLinkText a:link, .obsLinkText a:visited, .obsLinkNumeric a, .obsLinkNumeric a:link, .obsLinkNumeric a:visited, a.obs-link:link, a.obs-link:visited, a.srcLink, a.srcLink:link, a.srcLink:visited, a.rowDetailObs, a.rowDetailObs:link, a.rowDetailObs:visited, a.cellDetailSrc, a.cellDetailSrc:link, a.cellDetailSrc:visited {
	color:	blue;
	text-decoration: none;
}
.obsLinkText a:hover, .obsLinkNumeric a:hover, a.obs-link:hover, a.srcLink:hover, a.rowDetailObs:hover, a.cellDetailSrc:hover {
	text-decoration: underline;
}
/* Style for both the source link and observation date in tables*/
.srcLinkObsDate {
    line-height:	10px;
}
/* Style for the source link in tables*/
.srcLink {
    font-size:		8px;
    padding-right:	2px;
    float:		right;
}

/* Style for the observed date in tables */
.obsdate {
    color:		green;
    font-size:		8px;
    padding-right:	2px;
    float:		right;
}
/******************************* end originally from table.css ***************/

.chartValueNeg .chartValuePos {
    font-size:	10px;
    line-height:20px;
    margin:	0px;
    padding:	0px;
}
.chartValueNeg {
    background-color:#D73027;
}
.chartValuePos {
    background-color:#313695;
}
.chartTableNeg {
    margin:	0px;
    border:	0px solid red;
}
.chartTablePos {
    margin:	0px;
    border-left:1px solid black;
}
.cellArrowSeparater {
    padding:	20px;
}
.centerArrowText {
    vertical-align: top;
}
.backButton {
    width:	30px;
    height:	19px;
    vertical-align: top;
}
.nextButton {
    width:	30px;
    height:	19px;
    vertical-align: top;
}

/*
 * Define the style for popup tooltips
 */
#tooltip {
    z-index:    5;
    background-color: #E0F3F8;
    border:     1px solid #4575B4;
    padding:    2px;
    font-size:	12px;
    position:   absolute;
}

.rowInfo {
    vertical-align:	middle;
}


.busyIcon {
    padding-left:	270px;