/**
	Copyright (c) 2006-2009 Bellshape (http://bellshape.com). All rights reserved.
 */


/**
	Question Styles. These styles are only used by the High-end questionnaire.
*/

.QuestionLeft
{
	width: 300px;
}

.QuestionRight
{
}

/* Slider Drag and Drop styles */

.SliderBounds
{
    height: 30px;
    width: 30px;
}
 
.SliderHome
{
    height: 30px;
    width: 30px;
}
 
.SliderBar
{
	background-image: url(SliderGroove.gif);
	background-repeat: repeat-x;
	background-position: center left;
  	height: 30px;
	width: 30px;
	clear: both;
 }
 
.SliderThumbCarrier
{
  width: 12px;
  height: 32px;
  position: relative;
}

.SliderThumb
{
	color: white;
	background: darkgray;
	border-style: outset;
  	border-width: 2px;
  	height: 100%;
  	position: relative;
}

/**
	GridStyles. THIS IS A TEMPORARY SOLUTION!!!
*/

.GridHAxis
{
	color: blue;
}

.GridVAxis
{
	color: blue;
}

.GridVIndicator
{
	border-style: inset;
	border-width: 1px;
	background-color: lightsteelblue;
}

.GridHIndicator
{
	border-style: inset;
	border-width: 1px;
	background-color: lightsteelblue;
}

.GridVIndicatorThumb
{
	width: 10px;
	height: 0px;
	background: #003757;
	font-size: 0px;
	border-style: outset;
	border-width: 1px;
}

.GridHIndicatorThumb
{
	width: 0px;
	height: 10px;
	background: #9C0852;
	font-size: 0px;
	border-style: outset;
	border-width: 1px;
}

.GridHome
{
	width: 30px;
	height: 30px;
}

.GridHomeLarge
{
	width: 36px;
	height: 36px;
}

.GridSource
{
	position: absolute;
	width: 20px;
	height: 19px;
	color: white;
	text-align: center;
	cursor: move;
}

.GridSourceLarge
{
	position: absolute;
	width: 36px;
	height: 36px;
	padding-top: 8px;
	color: white;
	text-align: center;
	cursor: move;
}

.GridTarget
{
	/* Width and height are computed automatically from the size of the source */
	background: #EFF7F7;
	border-style: inset;
	border-width: 1px;
}

.GridTargetCell /* Used from JS code */
{
	position: absolute;
	background: none;
	border-right: 1px;
	border-bottom: 1px;
	border-color: lightgrey;
	border-style: solid;
	border-left: 0px;
	border-top: 0px;
	font-size: 0pt;
}

/* Text styles */

.LegendBox
{
	border-width: 1px;
	border-style: inset;
}

.ButtonBar
{
	text-align: right;
	padding: 2px;
	margin-top: 26px;
	margin-left: 5px;
}

.ButtonBar2
{
	text-align: right;
	padding: 6px;
	margin-top: 149px;
}

.ControlContainer
{
	padding: 0px;
}

.TargetContainer
{
}

/* Card Drag and Drop styles */

.HAxis
{
	width: 100%;
	height: 100%;
	color: #981D63;
}

.VAxis
{
	width: 100%;
	height: 100%;
	color: #003757;
}

.CardHIndicator
{
	border-style: inset;
	border-width: 1px;
	background-color: lightsteelblue;
}

.CardVIndicator
{
	border-style: inset;
	border-width: 1px;
	background-color: lightsteelblue;
}

.CardHIndicatorThumb
{
	width: 3px;
	height: 10px;
	background: #9C0852;
	font-size: 0px;
	border-style: outset;
	border-width: 1px;
}

.CardVIndicatorThumb
{
	width: 10px;
	height: 0px;
	background: #003757;
	font-size: 0px;
	border-style: outset;
	border-width: 1px;
}

.CardSource
{
	position: absolute;
	width: 36px;
	height: 36px;
	padding-top: 8px;
	color: white;
	text-align: center;
	cursor: move;
}

.CardTarget
{
	width: 240px;
	height: 240px;
	background: #EFF7F7;
	border-style: inset;
	border-width: 1px;
}

.CardHome
{
	width: 65px;
	height: 65px;
}

.CardGridcell
{
	position: absolute;
	background: none;
	border-color: lightgrey;
	border-style: solid;
	border-width: 1px;
	font-size: 0pt;
}

/* deprecated style*/

.gridcell
{
	position: absolute;
	border-color: lightgrey;
	border-style: solid;
	border-width: 1px;
	font-size: 0pt;
}

/* Cross Drag and Drop styles*/

.CrossThumb
{
	cursor: move;
	position: absolute;
	width: 20px;
	height: 20px;
}

.CrossLabel
{
	width: 120px;
	color: darkred;
	text-align: center;
	background-color: #EFF7F7;
	border-style: inset;
	border-width: 1px;
	padding: 4px;
}

.CrossTarget
{
	width: 150px;
	height: 150px;
	background: #EFF7F7;
	border-style: inset;
	border-width: 1px;
	background-image: url( 'Cross.gif' );
	background-repeat: no-repeat;
/*	text-align: center;   This works in IE only */
}

.CrossTargetLarge
{
	width: 200px;
	height: 200px;
	background: #EFF7F7;
	border-style: inset;
	border-width: 1px;
	background-image: url( 'CrossLarge.gif' );
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: center;
}

/* Abacus styles */

.aTable
{
	background: #EFF7F7;
	border-color: lightgrey;
	border-style: groove;
	border-width: 2px;
}

.aTextCell
{
	border-bottom-width: 1px;
	border-bottom-color: gray;
	border-bottom-style: solid;
	padding: 4px;
}

.point, .aPointCell
{
	width: 30px;
	height: 40px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
}
.aPointCell
{
	background-image: url(FicheOff.gif);
}

.point
{
	background-image: url(FicheOn.gif);
}

.indicatorthumb
{
	width: 17px;
	height: 20px;
    background-color: steelblue;
}
	
.indicator
{
	height: 20px;
	width: 17px;
    background-color: #EFF7F7;
}

/**
	styles used in Accessibility mode. TODO: move to stylesheet in manager
*/
.QuestionCaptionBefore
{
	width: 64%; float: left;
	padding: 2px 0 1px 1%;
}

.QuestionCaptionInlineBefore
{
	float: left;
	padding: 2px 0 1px 1%;
}

.QuestionControlCaptionBefore
{
	width: 35%;float: left; 
	position: relative;
}

.ToggleButtonLabelInline
{ 
	float: left; width: 20%; position: relative;clear: both;   
}
.QuestionControlCaptionBefore label
{
	width: 80%;float: left;
}
.ToggleButtonLabelInline
{ 
	height:1.6em;
	line-height:1.6em;	
}

.QuestionControlCaptionAbove label
{ 
	float: left;  width: 635px; line-height: 1.6em; 
}

QuestionControlColumn
{
	float:left;
	position: relative;
}


/** 
	BaseToggleButtonView  
*/
.QuestionBlockQuestion
{
	
}
.QuestionBlockToggleButtonDisplay
{
}
.QuestionBlockToggleButtonDisplayNestedQuestion
{
}
	
.ToggleButtonNoLabel
{
text-align: center; margin-top:0.3em;
width: 50% !important; float: left;
}

/** 
	BaseStyle
*/
.QuestionOuterStyle
{
}
	
.QuestionCard
{
}
.QuestionRectangle
{
}

/**
	BaseProgressIndicatorView
*/
.ProgressNavigator
{
	
}
span.ProgressIndicator
{
	display: block;
}
span.ProgressIndicator span
{
	display: block;
	float: left;
}
/**
	LabelBarFormatter
*/
.LabelBar
{
	background-color:#EBEBEB;
	display:inline-block;
	padding: 0;
	margin-left:150px;
	margin-top:0px;
	width:680px;
}

.LabelBarCaption
{
	margin: 0;
}

.LabelControlBefore
{
}
.LabelBarControl
{
}
.LabelsAbove
{
	 width: 35%; float: right; text-align: center;
}
.LabelsAbove p
{
	float: left;
	margin: 0;
}

.LabelsAboveHiddenLabels
{
display: none;	
}

/**
	Navigationbuttons
	ACTION_CURRENT = 0;
	ACTION_FIRST = 1;
	ACTION_PREVIOUS = 2;
	ACTION_NEXT = 3;
	ACTION_LAST = 4;
	ACTION_EXIT = 5;
	ACTION_GOTO = 6;
	ACTION_AUTONEXT = 7;
*/
#NavigationButton2
{
	float: left; position: relative; margin-left: -35px;
}
#NavigationButton3, #NavigationButton5
{
	position:relative ; float: right;
}

#NavigationButton2, #NavigationButton3, #NavigationButton5
{
	width: 201px;
	height: 46px;
}

/**
	IE6 Disable back button
	IE6 doesn't understand >
*/
#NavigationButton2
{
	display: none;
}
	html>body #NavigationButton2
{
	display: inline !important;
}

/**
	Firefox no border on buttons
*/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner 
{
  padding: 0;
  border: none;
}