/*
   @name: ondemand.css
   @author: CJ Grady
   @summary: Style sheet for Lifemapper on demand service
*/

/* ========================================================================= */
/* =                                Globals                                = */
/* ========================================================================= */
/* ------------------------------------------------------------------------- */

/* ========================================================================= */
/* =                                 Divs                                  = */
/* ========================================================================= */
div.hideMe
   /*
   @summary: When an ondemand page needs to be hidden, its class will be set 
                to this.  Should turn off the display.
   */
{
   display: none;
}

div.loadingPopDiv
   /*
   @summary: Pop up that is displayed when the on demand page is waiting on 
                the results from an AJAX call.
   */
{
   height: 50%;
   position: relative;
   text-align: center;
   top: 25%;
}

div.occMap
   /*
   @summary: A div containing a map of the occurrences to be used for an on
                demand experiment.
   */
{
   width: 450px;
   height: 225px;
}

div.odNextButton
   /*
   @summary: Container for next page button for the on demand page.
   */
{
   bottom: 0px;
   text-align: right;
}

div.saveButtonDiv
   /*
   @summary: Container for save button for the on demand page.
   */
{
   text-align: center;
   width: 100%;
}

div.showMeBlock
   /*
   @summary: When an object that is hidden should be displayed, the classname 
                will be set to this.
   */
{
   display: block;
   text-align: left;
}

div.successPopDiv
   /*
   @summary: Pop up displayed when something is successfully uploaded
   */
{
   height: 50%;
   position: relative;
   text-align: center;
   top: 25%;
}

div.summaryVals
   /*
   @summary: Div containing summary information for an on demand experiment.
                These are displayed at the final screen of an uploaded 
                experiment before it is submitted.
   */
{
   color: #000000; 
   font-weight: normal;
}

div.sumOccMap
   /*
   @summary: A div containing a map of the occurrences to be used for an on
                demand experiment (summary page).
   */
{
   border: solid 1px #000000;
   height: 225px;
   width: 450px;
}

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

/* ========================================================================= */
/* =                              Id Elements                              = */
/* ========================================================================= */
#scnLayersContainer
   /*
   @summary: Container for possible projection scenarios
   */
{
   border: solid 1px #000000;
   padding: 5px;
}

#spContainer
   /*
   @summary: Container for yui autocomplete species list when selecting an 
                occurrence set.
   */
{
   left: 65px;
   padding-top: 2px;
   position: relative;
   text-align: left;
   width: 16.8em;
}

#spInput
   /*
   @summary: Input text box to be used for yui autocomplete species list
   */
{
   width: 20em;
}

#spInputText
   /*
   @summary: Input text box that can be used to specify the occurrence set id
                to use for an experiment
   */
{
   width: 20em;
}

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

/* ========================================================================= */
/* =                             List Elements                             = */
/* ========================================================================= */
/* Ordered Lists                                                             */
/* ----------------------------                                              */

/* Unordered Lists                                                           */
/* ----------------------------                                              */
ul.pointUploadFormats
{
   list-style-position: outside;
   list-style-type: disc;
   padding-left: 20px;
}

/* List Items                                                                */
/* ----------------------------                                              */
li.pointUploadFormat
{
   padding-bottom: 10px;
}

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

/* ========================================================================= */
/* =                          Paragraph Elements                           = */
/* ========================================================================= */
p.popUpText
   /*
   @summary: Text displayed in pop-up divs
   */
{
   padding: 10px;
   text-align: left;
}

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

/* ========================================================================= */
/* =                                 Span                                  = */
/* ========================================================================= */
span.inputPadding
   /*
   @summary: Padding to the left of options for selecting an occurrence set.
   */
{
   padding-left: 60px;
}

span.notAvailMsg
   /*
   @summary: Span for a message displayed indicating that the selected 
                occurrence set is not available for modeling.
   */
{
   color: #ff0000;
}
/* ------------------------------------------------------------------------- */

/* ========================================================================= */
/* =                                Tables                                 = */
/* ========================================================================= */
/* Table Elements                                                            */
/* ----------------------------                                              */
table.algorithmParametersTable
   /*
   @summary: Table displayed containing algorithm parameters
   */
{
   border: solid 1px #000000;
   border-collapse: collapse;
}

table.odStepTable
   /*
   @summary: Table containing all of the steps (pages) for the on demand 
                interface
   */
{
   border-collapse: collapse;
}


/* Table Data Elements                                                       */
/* ----------------------------                                              */
td.algorithmParameters
   /*
   @summary: Data element for algorithm parameters
   */
{
   border: solid 1px #000000;
   padding: 5px;
}

td.odActiveStep
   /*
   @summary: Container for active step link in on demand interface
   */
{
   background-color: #ffffff;
   border-left: solid 1px #000099;
   border-right: solid 1px #000099;
   border-top: solid 1px #000099;
   color: #000099;
   font-weight: bold;
   padding: 5px;
   text-align: center;
}

td.odActiveStep a.odStepLink
   /*
   @summary: Anchor tag link in active step container
   */
{
   color: #000099;
   font-weight: bold;
   text-decoration: None;
}

td.odCompletedStep
   /*
   @summary: Container for completed step link in on demand interface
   */
{
   background-color: #cccccc;
   border: solid 1px #ffffff;
   color: #000099;
   padding: 5px;
   text-align: center;
}

td.odCompletedStep a.odStepLink
   /*
   @summary: Anchor tag link in completed step container
   */
{
   color: #000099;
   font-weight: bold;
   text-decoration: None;
}

td.odDisabledStep
   /*
   @summary: Container for disabled step link in on demand interface
   */
{
   background-color: #cccccc;
   border: solid 1px #ffffff;
   color: #000099;
   padding: 5px;
   text-align: center;
}

td.odDisabledStep a.odStepLink
   /*
   @summary: Anchor tag link in disabled step container
   */
{
   color: #000099;
   font-weight: bold;
   text-decoration: None;
}

td.occLeftSide
   /*
   @summary: Left side of the occurrence set select page
   */
{
   padding: 10px;
   text-align: left;
   vertical-align: top;
}

td.occRightSide
   /*
   @summary: Right side of the occurrence set select page
   */
{
   padding: 20px;
   text-align: left;
   vertical-align: top;
}

td.odStepContainer
   /*
   @summary: Contains active step (page)
   */
{
   border-bottom: solid 1px #000000;
   border-left: solid 1px #000000;
   border-right: solid 1px #000000;
   height: 400px;
   padding: 10px;
   width: 900px;
}

td.summaryDetail
   /*
   @summary: Container for summary information
   */
{
   border-top: solid 1px #999999;
   padding: 10px;
   text-align: left;
   vertical-align: top;
}

td.summaryLabel
   /*
   @summary: Container for summary label
   */
{
   border-top: solid 1px #999999;
   font-weight: bold;
   padding: 10px;
   text-align: left;
   vertical-align: top;
}

td.summaryMetaData
   /*
   @summary: Container for summary metadata
   */
{
   border-top: solid 1px #999999;
   padding: 10px;
   text-align: left;
   vertical-align: top;
}


/* Table Header Elements                                                     */
/* ----------------------------                                              */
th.algorithmParameters
   /*
   @summary: Header for algorithm parameters
   */
{
   border: solid 1px #000000;
   font-weight: bold;
   padding: 5px;
}


/* Table Row Elements                                                        */
/* ----------------------------                                              */

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

/* ========================================================================= */
/* =                         YUI AutoComplete Style                        = */
/* ========================================================================= */
.yui-skin-sam .yui-ac
{
   font-family: arial;
   font-size: 100%;
   position: relative;
}

.yui-skin-sam .yui-ac-input
{
   position: absolute;
   width: 100%;
}

.yui-skin-sam .yui-ac-container
{
   position: relative;
   width: 100%;
}

.yui-skin-sam .yui-ac-content
{
   background: #fff;
   border: 1px solid #808080;
   overflow: hidden;
   position: absolute;
   width: 100%;
   z-index: 9050;
}

.yui-skin-sam .yui-ac-shadow
{
   background: #000000;
   filter: alpha(opacity=10);
   margin: .3em;
   -moz-opacity: 0.10;
   opacity: .10;
   position: absolute;
   width: 100%;
   z-index: 9049;
}

.yui-skin-sam .yui-ac-content ul
{
   margin: 0;
   padding: 0;
   width: 100%;
}

.yui-skin-sam .yui-ac-content li
{
   cursor: default;
   margin: 0;
   padding: 2px 5px;
   white-space: nowrap;
}

.yui-skin-sam .yui-ac-content li.yui-ac-prehighlight
{
   background: #b3d4ff;
}

.yui-skin-sam .yui-ac-content li.yui-ac-highlight
{
   background: #426fd9;
   color: #fff;
}
/* ------------------------------------------------------------------------- */