/*############################################################################/
//##                                                                        ##/
//##  dxMode                                                                ##/
//##  (c) 2005-2009 CodeMode, LLC                                           ##/
//##                                                                        ##/
//##  Core Design and Development: Kevin Ludlow (ludlow@gmail.com)          ##/
//##  Development Oversight: Pedro Larios (larios@aps-tx.com)               ##/
//##  GUI Implementation: Brian Porter (bporter@porterhaus.com)             ##/
//##                                                                        ##/
//##  The following software / script was written exclusively for dxMode.   ##/
//##                                                                        ##/
//##  No portion of this script may be duplicated, sold, distributed,       ##/
//##  or otherwise used without the explicit written consent of             ##/
//##  CodeMode, LLC.                                                        ##/
//##                                                                        ##/
//##  Patents Pending.                                                      ##/
//##                                                                        ##/
//###########################################################################*/


/* ====================================================================== */
/* Define the ActiveView Row Colors                                       */
/* ====================================================================== */
/* These are two simple definitions simply for keeping up with the        */
/* altering row colors.  These will be deprecated once CSS supports the   */
/* alternating row color syntax.                                          */
/* ====================================================================== */

tr.AVRow01
{
  background-color: #f5f5f5;
}

tr.AVRow02
{
  background-color: #ffffff;
}

/* ====================================================================== */





/* ====================================================================== */
/* Define the ActiveView Notices                                          */
/* ====================================================================== */
/* The ActiveView Notices are used for displaying success and failure     */
/* messages to the user.  The notices are intended to have a pre-defined  */
/* spaceholder on the page.  They will then fade in and out as needed.    */
/* ====================================================================== */

table.AVNotice
{
  width: 100%;
  margin-top: 7px;
  margin-bottom: 7px;
  opacity:  0.0;
  -moz-opacity: 0.0;
  -khtml-opacity: 0.0;
  filter: alpha( opacity = 0 );
}

td.AVNotice01
{
  height: 31px;
  width: 8px;
  background: url( ../images/backgrounds/QS/QS_Confirm_Left.gif );
  background-repeat: no-repeat;
}

td.AVNotice02
{
  height: 31px;
  background: url( ../images/backgrounds/QS/QS_Confirm_BG.gif );
  background-repeat: repeat-x;
  color: #eaf92c;
  font-weight: bold;
}

td.AVNotice03
{
  height: 31px;
  width: 8px;
  background: url( ../images/backgrounds/QS/QS_Confirm_Right.gif );
  background-repeat: no-repeat;
}

/* ====================================================================== */





/* ====================================================================== */
/* Define the ActiveView Cells                                            */
/* ====================================================================== */
/* There are four different types of cells that make up each ActiveView   */
/* row and one additional cell type specifically reserved for the header  */
/* cells (called AV02b).                                                  */
/*                                                                        */
/* Each of the cells keeps a naming convention of AVxx referring to       */
/* ActiveView and the Cell position.                                      */
/* ====================================================================== */

div.AVHeader
{
  position: relative;
  background-color: #ffffff;
  color: #3b5998;
  text-align: left;
  vertical-align: middle;
  padding-top: 28px;
  padding-bottom: 23px;
  padding-left: 32px;
  font-family: 'Myriad Pro', 'Lucida Grande', sans-serif;
  font-size: 16px;
  font-weight: bold;
}


div.AVRow
{
  position: relative;
  display: block;
  width: 100%;
  background-color: #ffffff;
  height: 32px;
}


div.AV01
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 32px;
  height: 32px;
}

div.AV02
{
  position: absolute;
  left: 32px;
  top: 0px;
  width: 135px;
  height: 32px;
  text-align: left;
  vertical-align: middle;
  padding-left: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: 'Myriad Pro', 'Lucida Grande', sans-serif;
  font-size: 12px;
}

div.AV03
{
  position: absolute;
  right: 32px;
  left: 167px;
  top: 0px;
  height: 32px;
}

div.AV04
{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 32px;
  height: 32px;
}

td.AV01
{
  width: 32px;
  background-color: #ffffff;
}

td.AV02
{
  width: 135px;
  text-align: left;
  vertical-align: middle;
  padding-left: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: 'Myriad Pro', 'Lucida Grande', sans-serif;
  font-size: 12px;
}

td.AV02b
{
  color: #000000;
  text-align: left;
  vertical-align: middle;
  padding-top: 28px;
  padding-bottom: 23px;
  font-family: 'Myriad Pro', 'Lucida Grande', sans-serif;
  font-size: 16px;
  font-weight: bold;
}

td.AV03
{
  height: 32px;
  padding: 6px;
  font-size: 14px;
  font-family: 'Myriad Pro', 'Lucida Grande', sans-serif;
}

td.AV04
{
  width: 26px;
  background-color: #ffffff;
}

/* ====================================================================== */





/* ====================================================================== */
/* Define the ActiveView Help Bubbles                                     */
/* ====================================================================== */
/* The most prominent feature of the ActiveView pages is the ability to   */
/* display various help bubbles to the left of the input fields.          */
/*                                                                        */
/* The following div styles will help to define the help bubbles that     */
/* the ActiveView uses.                                                   */
/* ====================================================================== */

div.AVBubble
{
  position: relative;
  display: none;
}

div.AVArrow
{
  position: absolute;
  left: -8px;
  top: 0px;
}

div.AVText
{
  position: absolute;
  top: -10px;
  left: -186px;
  width: 158px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 9px;
  padding-right: 9px;
  background-color: #f5f5f5;
  border-left: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  font-family: 'Myriad Pro', 'Lucida Grande', sans-serif;
  text-align: justify;
}

/* ====================================================================== */





/* ====================================================================== */
/* Define the ActiveView Input Methods                                    */
/* ====================================================================== */
/* Because an ActiveView page template is designed for form usage, we     */
/* need to define the various inputs that can exist within the form.      */
/* ====================================================================== */

input.AV
{
  border: 1px solid #95a5c6;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 11px;
  height: 17px;
  width: 400px;
}

select.AV
{
  height: 22px;
  border: 1px solid #d8d8d8;
  width: 531px;
  font-size: 12px;
  padding-left: 5px;
  padding-top: 1px;
}

textarea.AV
{
  height: 120px;
  border: 1px solid #d8d8d8;
  width: 525px;
  font-size: 14px;
  padding-left: 5px;
  padding-top: 3px;
}

/* ====================================================================== */