/* Styles specific to the DataWeb application */
/* $Id: dataweb.css,v 1.8 2008/03/24 10:59:25 cclaussen Exp $ */

/* The first item in a drop down when it is used as a title */
option.DropDownTopOption
{
    font-weight: bold;
    color: #666666;
}

/* A button to update an individual attribute */
button.UpdateButton, button.UpdateButton:visited
    {
    color: #000000;
    background-color: #BBBBEE;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9px;
    border: 1px solid #888888;
    text-decoration: none;
    }

/* The link to update a whole group */
a.UpdateLink, a.UpdateLink:visited, a.UpdateLink:hover
    {
    color: #0000AA;
    background-color: #BBBBEE;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9px;
    border: 1px solid #888888;
    text-decoration: none;
    }

/* The hyperlink to download a full-size photo */
a.ImageDownloadButton
    {
    color: #FFFFFF;
    background-color: #FFFFFF;
    border: 0px solid #888888;
    cursor: pointer;
    text-decoration: none;
    }

/* The table of photo numbers */
table.PictureNumbersTable
{
    border: 0px solid #888888;
}

/* A cell in the table of photo numbers */
td.PictureNumbersCell
{
    padding: 3px;
    border: 1px solid #888888;
    cursor: pointer;
}

/* A photo number in the table of photo numbers */
a.PictureNumber
{
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    cursor: pointer;
}

/* The selected photo in the table of photo numbers */
a.PictureNumberSelected
{
    background-color: #555555;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    cursor: pointer;
}

/* The small text field that contains the caption of a photo */
input.PhotoCaptionField
{
    color: #000000;
    background-color: #FFFFFF;
    border: none;
    font-weight: bold;
}

/* A hyperlink to a PDF document related to a facility */
a.DocumentLink, a.DocumentLink:visited, a.DocumentLink:hover
{
    background-color: #FFFFFF;
}

/* The tabs at the top of a project page for each page */
.ProjectPageTabs
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    border: none;
    padding: 3px;
}

.ProjectPageTab
    {
    background-color: #BBBBEE;
    border: 1px solid #AA88AA;
    }

/* The header row in a list of facilities (dams, projects, etc... */
.FacilityListHeader
    {
    background-color: #DDDDDD;
    font-weight: bold;
    }

/* A normal row in a list of facilities (dams, projects, etc... */
.FacilityListRow
    {
    background-color: #FFFFFF;
    }

/* An alternate row in a list of facilities (dams, projects, etc... */
.FacilityListRowAlt
    {
    background-color: #E2E2E2;
    }

/* When editing a facility, the text input for the name of the facility */
input.FacilityNameEdit
{
    color: #000044;
    background-color: #FFFFFF;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    border: none;
    overflow: auto;    
}

/* A link at the right of the photo */
.FacilityLink
    {
    color: #000044;
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    }

/* The title of a facility attribute group */
.FacilityDetailGroupTitle
	{
	color: #FFFFFF;
	background-color: #0000FF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	}

/* For the caption of a facility attribute */
.FacilityDetailTitle
	{
	color: #000000;
	background-color: #e6e6e6;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	}

/* For a facility attribute */
.FacilityDetailValue
	{
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	}

/* The title of a project on a page -- also used when editing, hence the extra stuff for the text input */
.ProjectTitle
    {
    color: #244A9F;
    background-color: #FFFFFF;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: none;
    overflow: auto;
    }

.ProjectSubTitle
    {
    color: #000000;
    background-color: #FFFFFF;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    }

/* For a facility attribute that is verbose text */
.FacilityDetailValueLongText
	{
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	font-family: Times, serif;
	font-weight: normal;
	font-size: 12px;
	}

.NarrativeText
    {
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
    font-family: Times, serif;
    font-weight: normal;
    font-size: 12px;
    }

/* The Edit button on the facility edit page */
.FacilityDetailGroupEdit
{
color: #000000;
background-color: #DDAAAA;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 9px;
}

.WarningMessage
	{
    color: #CC0000;
    background-color: #EAD7B5;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	}

/* An annotation on a page, e.g. a note that is not part of the page,
   but indicates something that is relevant to that page
*/
div.PageAnnotation
    {
    color: #CC0000;
    background-color: #EAD7B5;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 9px;
    }

/* The style for the search term in a search result */
span.SearchResultTerm
    {
    background-color: #FFFF99;
    }

/* A hyperlink that goes to a link on the same page */
a.IntraPageLink, a.IntraPageLink:visited, a.IntraPageLink:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #244A9F;
}

/**************************************************/
/* Styles for the Google Maps */
.MapDiv
	{
	width: 600px;
	height: 500px;
	border: 1px groove #888888;
	}

.BigMapDiv
    {
    width: 900px;
    height: 700px;
    border: 5px groove #888888;
    }

.HugeMapDiv
    {
    width: 1300px;
    height: 900px;
    border: 5px groove #888888;
    }

.MapPopupDiv
	{
	width:180px;
	}

.MapPopupFacilityName
	{
	color: #000000;
	background-color: #DDDDFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	}

.MapPopupButtons
	{
	color: #000000;
	background-color: #CCFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	border: 3px groove #888888;
	text-decoration: none;
	}

.MapList
	{
	width:175px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	background-color: #FFFFFF;
	color: #000000;
	}

/********************************************************/
/* The banner on top of small tables for e.g. list of */
/* projects and facilities by state */

.TableBanner
    {
    color: #FFFFFF;
    background-color: #A7B7D9;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    }

/********************************************************/
/* Tab-related stuff */

/* Style for tabs */
.Tab
	{
	color: #FFFFFF;
	background-color: #a7b7d9;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
    text-align : center;
/*	border-right: 1px solid;
	border-bottom: 1px solid; */
	}

A.Tab, A.Tab:visited
    {
    color: #FFFFFF;
    background-color: #a7b7d9;
    text-decoration: none;
    }

A.Tab:hover
    {
    color: #244A9F;
    background-color: #a7b7d9;
    text-decoration: underline;
    }

.TabSelected
    {
    color: #FFFFFF;
    background-color: #244A9F;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-align : center;
/*    border-right: 1px solid; */
    }

A.TabSelected, A.TabSelected:visited
    {
    color: #FFFFFF;
    background-color: #244A9F;
    text-decoration: none;
    }

A.TabSelected:hover
    {
    color: #a7b7d9;
    background-color: #244A9F;
    text-decoration: underline;
    }


/* A tab entry, i.e. the div that is shown when a tab is selected */
.TabEntry
	{
	display: none;
	}

/* The first tab entry */
.TabEntryVisible
	{
	display: inline;
	}

/* The TD that contains the tab entries */
.TabEntryContainer
	{
	background-color: #8888DD;
	padding: 5px;
	}

/* The table that contains a tab entry for a dam */
.TabEntryTable
	{
    border-color: #cfddfb;
    }

/***************************************************/
/* Powerplant styles */

td.PowerplantAttributeName
    {
    color: #000000;
    background-color: #DDDDDD;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    }

textarea.PowerplantAttributeNameEdit
    {
    color: #000000;
    background-color: #DDDDDD;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    border: none;
    overflow: auto;
    }

td.PowerplantAttributeValue
    {
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    }

textarea.PowerplantAttributeValueEdit
    {
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    border: none;
    overflow: auto;
    }

/***************************************************************/
/* Styles related to editing */

/* The notice in the left nav bar that the user is logged in */
.LoggedInNotice
    {
    width: 150px;
    color: #CC0000;
    background-color: #EAD7B5;
    font-size: 10px;
    text-decoration: none;
    }

/* The buttons in the editing pages */
button.EditingButton,
input.EditingButton
{
    color: #FFFFFF;
    background-color: #244A9F;
}

/* Editing button, but as a hyperlink */
a.EditingButton, a.EditingButton:visited
{
    color: #FFFFFF;
    background-color: #244A9F;
}

/* A textarea when editing an attribute */
textarea.AttributeEditTextArea
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
}

/* A read-only text area when editing a facility */
textarea.TextAreaReadOnly
{
    background-color: #CCCCCC;
}

/* A read-only text input when editing an attribute */
input.AttributeEditReadOnly
{
    background-color: #CCCCCC;
}

/* Text that needs to be more visible than normal */
.StandoutText
{
    font-size: 14px;
    font-weight: bold;
}

/* The Last Updated: message at the bottom of pages */
div.LastUpdatedMessage
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #244A9F;
}

/*****************************************************/

/* Highlight search words - 1 is for the first word in the search, 2 for the second, etc... */
.hilite1
{
    background-color: #FFFF00;
}

.hilite2
{
    background-color: #FFFF22;
}

.hilite3
{
    background-color: #FFFF44;
}

.hilite4
{
    background-color: #FFFF66;
}

.hilite5
{
    background-color: #FFFF88;
}

/******************************************************/
/* Inline editing style */

div.workarea { padding:10px; float:left }

ul.draglist {
    position: relative;
    /*width: 400px;
    height:300px;*/
    background: #f7f7f7;
    border: 1px solid gray;
    list-style: none;
    margin:0;
    padding:0;
    /*
       The bottom padding provides the cushion that makes the empty
       list targetable.  Alternatively, we could leave the padding
       off by default, adding it when we detect that the list is empty.
    */
    padding-bottom:20px;
}

ul.draglist li {
    margin: 1px;
    cursor: move;
}

li.list1 {
    /* background-color: #D1E6EC; */
    border:1px solid #7EA6B2;
	font:normal normal normal 8pt Arial;
	/* max-width: 400px; */
}

#user_actions { float:right }

.inplace {
	position: absolute;
	visibility: hidden;
	z-index: 10000;
	font:normal normal normal 8pt Arial;
	border-width: 0px;
	overflow: auto;
}

.view:hover
{
	background-color: #ffffcc;
}

.popupMenu
{
	background-color: #FFBBFF;
}

div.dragHandle
{
    width: 20px;
    background-image: url(../images/handle.png);
    background-repeat: repeat;
    height: 100%;
    /* background-color: #DDDDDD; */
}

/* End */