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

name:       constituentsPanel.css

purpose:    CSS for slifing control panel.

history:    Tue Mar 24, 2015 10:30:00 (Giavaneers - LBM) created

notes:
                  This program was created by Giavaneers
        and is the confidential and proprietary product of Giavaneers, Inc.
      Any unauthorized use, reproduction or transfer is strictly prohibited.

                     COPYRIGHT 2016 BY GIAVANEERS, INC.
      (Subject to limited distribution and restricted disclosure only).
                           All rights reserved.


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

.constituentsPanel
{
   background-color: #d6e2ff;
   padding-left:     6px;
   overflow:         auto;
}
													/* look of the open control panel      */
.constituentsPanelOpen
{
	height: 100px;
}
													/* look of the closed control panel    */
.constituentsPanelClosed
{
	height: 18px;
}
													/* transition to open the panel        */
.constituentsPanelTransitionOpen
{
	transition: height 1s;
	height:     25vw;
}
													/* transition to close the panel       */
.constituentsPanelTransitionClose
{
	transition: height 1s;
	height:     18px;
}

													/* look of open/close button closed    */
.constituentsPanelButton
{
	width:        48px;
	height:       15px;
	top:          2px;
	margin-left:  auto;
	margin-right: auto;
	cursor:       pointer;
}

.constituentsPanelButtonClosed
{
	background-image: url(../resources/img/panelOpen.png);
}
													/* look of open/close button open      */
.constituentsPanelButtonOpen
{
	background-image: url(../resources/img/panelClose.png);
}

.constituentsRow
{
   display:          inline-block;
   width:            100%;
   margin:           0px;
   padding-top:      0px;
   border-width:     0px;
}
.constituentCell
{
   width:            16.66%;
   float:            left;
   background-color: #d6e2ff;
   height:           20px;
   background-clip:  content-box;
   padding-Top:      6px;
   padding-Right:    6px;
}
.textEntry
{
   border:           0px;
   padding-bottom:   0px;
   background-color: #e0e9fd;
   text-rendering:   geometricPrecision;
}
.constituentCellDisplay
{
   height:           20px;
   display:          inline-block;
   float:            left;
}
.constituentCellCheckbox
{
   height:           20px;
   display:          inline-block;
   float:            left;
}
.constituentCellName
{
   height:           20px;
   display:          inline-block;
   float:            left;
}
.sheetStart
{
   font-weight:      600;
}
.sectionStart
{
   margin-top:       15px;
}
.dropConstituents
{
   width:            83.33%;
   height:           60px;
   border:           1px solid #B5A3A3;
}
.notes
{
   width:            83.33%;
   height:           60px;
}