@charset "utf-8";

/****************************************************************************************************
**                                                                                                 **
**  Cascading Style Sheet for JQuery UI Plugin:                                                    **
**    slight.dipswitch                                                                             **
**                                                                                                 **
**    Plugin to generate a Visual representation of a 'Dip Switch' Component.                      **
**    Some Plugin specific styles. for more information see jquery.slight.dipswitch.js             **
**    or http://projects.s-light.eu/ dipswitch                                                     **
**                                                                                                 **
**  Copyright (C)     : 2011 Stefan Krueger                                                        **
**                                                                                                 **
**  This program is free software: you can redistribute it and/or modify                           **
**  it under the terms of the GNU General Public License as published by                           **
**  the Free Software Foundation, either version 3 of the License, or                              **
**  (at your option) any later version.                                                            **
**                                                                                                 **
**  This program is distributed in the hope that it will be useful,                                **
**  but WITHOUT ANY WARRANTY; without even the implied warranty of                                 **
**  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the                                  **
**  GNU General Public License for more details.                                                   **
**                                                                                                 **
**  You should have received a copy of the GNU General Public License                              **
**  along with this program.  If not, see <http://www.gnu.org/licenses/>.                          **
**                                                                                                 **
**                                                                                                 **
**  Dieses Programm ist Freie Software: Sie können es unter den Bedingungen                        **
**  der GNU General Public License, wie von der Free Software Foundation,                          **
**  Version 3 der Lizenz oder (nach Ihrer Option) jeder späteren                                   **
**  veröffentlichten Version, weiterverbreiten und/oder modifizieren.                              **
**                                                                                                 **
**  Dieses Programm wird in der Hoffnung, dass es nützlich sein wird, aber                         **
**  OHNE JEDE GEWÄHRLEISTUNG, bereitgestellt; sogar ohne die implizite                             **
**  Gewährleistung der MARKTFÄHIGKEIT oder EIGNUNG FÜR EINEN BESTIMMTEN ZWECK.                     **
**  Siehe die GNU General Public License für weitere Details.                                      **
**                                                                                                 **
**  Sie sollten eine Kopie der GNU General Public License zusammen mit diesem                      **
**  Programm erhalten haben. Wenn nicht, siehe <http://www.gnu.org/licenses/>.                     **
**                                                                                                 **
****************************************************************************************************/

/*********************************************************/
/**  Dipswitch object                                   **/
/*********************************************************/

/**  dipswitch container                                **/
.dipswitch
{
    display				: table;
    margin				: 0 auto;
    border-color		: rgb(0, 0, 0);
    border-style		: solid;
    border-width		: 1px;
    padding				: 10px;
	font-size			: 16px;
	text-shadow			: none;
    line-height			: 120%;
    vertical-align		: middle;
	color				: rgb(000, 000, 000);
    background-color	: rgb(150, 150, 150);
}


/**  on label to show that on state is at top position  **/
.dipswitch .label-on
{
	display				: block;
	float				: right;
	padding				: 16px 0 0 5px;
}

/**  bits containing bit                                **/
.dipswitch .bits
{
    display				: block;
    float				: left;
}

/**  bit containing textvalue of bit and switch         **/
.dipswitch .bit
{
    display				: block;
    float				: left;
    text-align			: center;
}

/**  slot = switch background                           **/
.dipswitch .bit .slot
{
    display				: block;
    height				: 46px;
    width				: 19px;
    padding				: 0px;
    margin				: 2px;
    text-align			: center;
    
    border-color		: rgba( 100,100,100,1.0);
    border-style		: inset;
    border-width		: 2px;
    
	color				: inherit;
    background-color	: rgba( 0,0,0,0.8);
}

/**  slot interaction allowed                           **/
.dipswitch .bit .slot.active
{
	cursor				: pointer;
}

/**  switch in off state                                **/
.dipswitch .bit .slot .switch
{
	display				: block;
	margin-left			:  4px;
	margin-right		:  5px;
	margin-top			: 24px; /*OFF Position as Default!*/
	margin-bottom		:  4px;
	padding				:  0px;
	
	height				: 16px;
	
	border-color		: rgba( 200,200,200,0.8);
	border-style		: outset;
	border-width		:  1px;
	border-radius		:  4px;
	
	background-color	: rgba( 200, 200, 200, 0.8);
	color				: rgba( 200, 200, 200, 0);
	text-shadow			: none;
	font-size			: 1%;
}

/**  .switch in on state.                               **/
.dipswitch .bit .slot .on
{
    margin-top			:  4px;
}


/**  bottomline with value as text                      **/
.dipswitch .bottomline
{
    clear				: both;
    text-align			: center;
}

.dipswitch .bottomline .decimalvalue
{
	margin				: 0;
    border				: 0px none rgb( 0, 0, 0);
    font-size			: 100%;
	line-height			: 120%;
	color				: inherit;
	text-shadow			: inherit;
    background-color	: transparent;
}

/**  bottomline value interaction allowed               **/
.dipswitch .bottomline .decimalvalue.active:focus 
{
	color				: inherit;
    background-color	: rgba(255, 255, 255, 0.3);
}

.dipswitch .bottomline .decimalvalue.active:hover
{
	color				: inherit;
    background-color	: rgba(255, 255, 255, 0.2);
}