/*
div.defPopUpGrid input[type="text"] {
	width: 90% !important;
    background-color: #e8e8e8 !important;
}

div.defPopUpGrid #pugDiv input[type="text"] {
	width: 90% !important;
}

div.defPopUpGrid table {
    border: none;    
	background-color: transparent !important;
}

div.defPopUpGrid input[type="button"] {
	width: 30px !important;
	height: 30px !important;
	margin-top: -8px !important;
}
    */


/* Custom Layout.  Elements on a layout can utilise two different classes.  
   The Layout Class will take precedence if correctly positioned below the element classes so keep this in mind if overriding the same style */

/****************************************************************************************/
/****************************************************************************************/
/* Element Classes - Assigning these will modify ALL fields that use the Custom Element */
    

/***************************************/
/* DEFAULT SETTINGS - Covers all 13 element types */

/* Type 1, Label */
div.defLabel, span.defLabel
{

}

/* Type 2, TextBox */
input.defTextBox
{

}

/* Type 3, Date Picker */
div.defDatePicker
{

}

/* Type 4, Drop Down List */
div.defPopupTreeQ
{

}

/* Type 5, Squirt Box */
div.defSquirtBox
{

}

/* Type 6, Vertical Slider */
div.defVerticalSlider
{

}

/* Type 7, Horizontal Slider */
div.defHorizontalSlider
{

}

/* Type 8, Date Time Picker */
div.defDateTimePickerX
{

}

/* Type 9, Rich Text Box */
div.defRTF
{

}

/* Type 10, Dual Drop Down List */
div.defPopUpGrid
{

}

/* Type 11, Check Box */
div.defCheckBox
{

}

/* Type 12, Radio Button */
div.defRadioButton
{
    
}

.divCL .defRadioButton label
{
    color:black;
	display: inline;
}

.divCL .defRadioButton input
{
	margin-top: -4px;
}

/* Type 13, Rationale */
div.defRationale
{

}

/* DEFAULT SETTINGS - END */
/***************************************/


/***************************************/
/* CUSTOM SETTINGS */

/* Type 1, Label */
div.customLabel, span.customLabel
{
    width: auto !important;
    font-weight: bold;
    text-decoration: underline;
}

/* Type 2, TextBox */
input.customTextBox[style]
{
    width: 50px !important;
    background-color: #D9FAFF;
    border: solid 1px red;
}

/* Type 4, Drop Down List */
div.customPopupTreeQ input[type=text]
{
    background-color: #D9FAFF;
}

/* CUSTOM SETTINGS - END */
/***************************************/


/****************************************************************************************/
/****************************************************************************************/
/* Layout Classes  - Assigning these will modify only the field on a particular Layout. 
                   - Ensure Layout Classes appear below any Element Classes in this file so they will take precedence */

div.borderLabel span
{
    border: solid 1px black;
    padding: 0px 2px 0px 2px
}


/****************************************************************************************/
/****************************************************************************************/
/* Misc - Just for demoing purposes */


/* Control Shaking */
@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

.shaker:hover,
.shaker:focus {
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

.shaker {
	display:inline-block
}
/***************************************/
.divCL .qhb
{
	color: #555555;
}