/*
CR4792.
For Right-To-Left content (Arabic,eg.), the assessment content's layout should be Right-To-Left.
This file contains stylesheet which change the direction of the content's layout.
They are moved here from Main.css.
Key attribute: direction.
Potential attribute: unicode-bidi (which are not used currently).
This stylesheet is driven by locales.
*/
div.assessment-itemstemblock
{
	float: left;
	width: 48%;
}
/*MG 20130417 SS96238 */
div.assessment-itemstemblockGC
{
	/*float: left;*/
	width: 98%;
}
/*MG 20130417 SS96238 */
div.assessment-itemstem
{
	background-color: #fff;
	margin-top: 0px;
	direction: ltr;
}
/*MG 20130417 SS96238 */
div.assessment-itemstemGC
{
	/*background-color: #fff;*/ /*Mohsin: 2014/09/23 UI Fix*/
	margin-top: 0px;
	direction: ltr;
	font-weight:bold;
}
/*MG 20130417 SS96238 */
div.assessment-responses
{
	width: 48%;
	float: right;
	background-color: #fff;
}
/*MG 20130417 SS96238 */
div.assessment-responsesGC
{
	width: 100%;
	
	background-color: #fff;
}
/*MG 20130417 SS96238 --End*/
div.assessment-itemstem div.topborder span.lft
{
	display: block;
	float: left;
	height: 11px;
	width: 11px;
	/*background: #fff url('../../images/question-box-top-left-bg.png.ashx') top left no-repeat;*/
}
div.assessment-itemstem div.topborder span.rgt
{
	display: block;
	float: right;
	height: 11px;
	width: 11px;
	/*background: #fff url('../../images/question-box-top-right-bg.png.ashx') top left no-repeat;*/
}
div.assessment-itemstem div.bottomborder span.lft
{
	display: block;
	float: left;
	height: 11px;
	width: 11px;
	/*background: #fff url('../../images/question-box-bottom-left-bg.png.ashx') top left no-repeat;*/
}
div.assessment-itemstem div.bottomborder span.rgt
{
	display: block;
	float: right;
	height: 11px;
	width: 11px;
	/*background: #fff url('../../images/question-box-bottom-right-bg.png.ashx') top left no-repeat;*/
}
        /*     Author : Ravi Nigam
Date of change : 13 March 2012
IssueID: PK08278 - G.A.T.E. - High Fidelity Skin for Sears (14851)
START
*/
     

div.assessment-itemstemblockcustom
{
	float: left;
	width: 100%;
	border: 0px solid black; 
}
div.assessment-itemsopacity
{
	border: 0px solid black;
	background-color: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
div.assessment-responseItemstemcustom
{
	margin-top: 0px;
	direction: ltr;
	
}

div.assessment-responsescustom
{
	width: 100%;
	float: left;
	border: 0px solid black;
	background-color: #fff;
}
div.assessment-link
{
	position: relative;
	top: 0px;
	text-align: center;
	vertical-align: middle;
}



div.assessment-responsescustom div.topborder
{
	height: 11px;
	background: #fff url('../../images/answer-top-bg.png.ashx') top left repeat-x;
	margin-bottom: 10px;
}

div.assessment-responsescustom div.topborder span.lft
{
	display: block;
	float: left;
	height: 11px;
	width: 11px;
	background: #fff url('../../images/answer-box-top-left-bg.png.ashx') top left no-repeat;
}

div.assessment-responsescustom div.topborder span.rgt
{
	display: block;
	float: right;
	height: 11px;
	width: 11px;
	background: #fff url('../../images/answer-box-top-right-bg.png.ashx') top left no-repeat;
}

div.assessment-responsescustom div.bottomborder
{
	height: 11px;
	background: #fff url('../../images/answer-bottom-bg.png.ashx') top left repeat-x;
	margin-top: 10px;
}

div.assessment-responsescustom div.bottomborder span.lft
{
	display: block;
	float: left;
	height: 11px;
	width: 11px;
	background: #fff url('../../images/answer-box-bottom-left-bg.png.ashx') top left no-repeat;
}

div.assessment-responsescustom div.bottomborder span.rgt
{
	display: block;
	float: right;
	height: 11px;
	width: 11px;
	background: #fff url('../../images/answer-box-bottom-right-bg.png.ashx') top left no-repeat;
}

div.defaultResponseHighlight
{
	background: #CCCCCC url('../../images/tr.png.ashx') no-repeat top right;
}
div.defaultResponseHighlight div
{
	background: transparent url('../../images/tl.png.ashx') no-repeat top left;
}
div.defaultResponseHighlight div div
{
	background: transparent url('../../images/br.png.ashx') no-repeat bottom right;
}
div.defaultResponseHighlight div div div
{
	background: transparent url('../../images/bl.png.ashx') no-repeat bottom left;
	padding: 20px;
}

div.selectionChangeResponseHighlight
{
	background: #4B6FF5 url('../../images/SaveSelectedtr.png.ashx') no-repeat top right;
}
div.selectionChangeResponseHighlight div
{
	background: transparent url('../../images/SaveSelectedtl.png.ashx') no-repeat top left;
}
div.selectionChangeResponseHighlight div div
{
	background: transparent url('../../images/SaveSelectedbr.png.ashx') no-repeat bottom right;
}
div.selectionChangeResponseHighlight div div div
{
	background: transparent url('../../images/SaveSelectedbl.png.ashx') no-repeat bottom left;
	padding: 20px;
}

div.selectedResponseHighlight
{
	background: #4B6FF5 url('../../images/SaveSelectedtr.png.ashx') no-repeat top right;
}
div.selectedResponseHighlight div
{
	background: transparent url('../../images/SaveSelectedtl.png.ashx') no-repeat top left;
}
div.selectedResponseHighlight div div
{
	background: transparent url('../../images/SaveSelectedbr.png.ashx') no-repeat bottom right;
}
div.selectedResponseHighlight div div div
{
	background: transparent url('../../images/SaveSelectedbl.png.ashx') no-repeat bottom left;
	padding: 20px;
}

div.hoveringEffect
{
	background: #FFFFFF url('../../images/Mousehovertr.png.ashx') no-repeat top right;
}
div.hoveringEffect div
{
	background: transparent url('../../images/Mousehovertl.png.ashx') no-repeat top left;
}
div.hoveringEffect div div
{
	background: transparent url('../../images/Mousehoverbr.png.ashx') no-repeat bottom right;
}
div.hoveringEffect div div div
{
	background: transparent url('../../images/Mousehoverbl.png.ashx') no-repeat bottom left;
	padding: 20px;
}
.cellclass
{
position:relative;
top:0px;
background: transparent;
height:inherit;
padding:5px;
}
div.assessment-background
{
	background-position: center;
	background-repeat:no-repeat; 
	background-attachment: fixed;
}
/*End PK08278*/
div.assessment-response
{
	padding: 0px 10px 20px;
	direction: ltr;
}

/*Added by Payal on 09-Jul-2012: SS95558  G.A.T.E.-New skin to display Long answer text area on the bottom of the question.(15421)*/
div.assessment-itemstemblocklonganswer
{
	float: left;
	width: 100%;
}
div.assessment-responseslonganswer {
	width: 100%;
	float: left;
	background-color: #fff;
}
/*End*/
/*Added by Payal on  10 Oct 2012 HQC Issue535: GATE-GATE-SS95558 - Question text got cut  in Compatibility view for Default skin.*/
.InstructionTextAlign 
{ 
	padding-bottom:10px; 
}

/*Application: Engagement,Release: May 2013 Added by Payal on 20-Feb-2013: SS34751-G.A.T.E.-Gate-Engagement New Survey Step Type(15698): Begin*/
.assessment-responsesdropdownlist
{
    width:300px;
}

/*MG 20130417 SS96238 */
.box-top-left-container{
	background:url(../../images/upper_left.png.ashx) no-repeat;
	width:10px;
	height:10px;
	float:left;
}
.box-top-middle-container{
	background:url(../../images/top_side.png.ashx) repeat-x;
	width:auto;
	height:10px;
	float:left;
}
.box-top-right-container{
	background:url(../../images/upper_right.png.ashx) no-repeat;
	width:12px;
	height:10px;
	float:left;
}
.box-middle-left-container{
	background:url(../../images/left_side.png.ashx) repeat-y;
	width:12px;
	height:auto;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}
.box-middle-middle-container{
	background:#ffffff;
	width:348px !important;
	height: auto;
	float:left;
	line-height:16px; /*MG Paired Items 20130515*/
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#000000; /*MG 20130513 Requirement given in UAT - Paired Items*/
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	font-family:inherit;
}
.box-middle-right-container{
	background:url(../../images/right_side.png.ashx) repeat-y center;
	width:12px;
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
	float:left;
}
.box-bottom-left-container{
	background:url(../../images/lower_left.png.ashx) no-repeat;
	width:10px;
	height:12px;
	float:left;
}

.box-bottom-middle-container{
	background:url(../../images/bottom_side.png.ashx) repeat-x;
	width:auto;
	height:12px;
	float:left;
}
.box-bottom-right-container{
	background:url(../../images/lower-right.png.ashx) no-repeat;
	width:12px;
	height:12px;
	float:left;
    margin-left :auto;
}
.clear{
	clear:both;
	}
DIV.assessment-responsescustomGC
{
	margin-top:0px;
	border-bottom: black 0px solid;
	border-left: black 0px solid;
	float: left;
	border-top: black 0px solid;
	border-right: black 0px solid;
	/* Author:Nikhil Agarwal; Date of Change:24/09/2012; Issue ID:#PK51379- GATE - Skin Update*/
	width:820px;
	/*End*/
	padding-top: 0px;
	background-repeat: repeat-x;
}
/*End*/
.navbox-container {
	width:374px !important;
	height:auto;
	float:left;
	margin:5px 5px 5px 5px;/* Author:Nikhil Agarwal; Date of Change:24/09/2012; Issue ID:#PK51379- GATE - Skin Update*/
}
.navbox-top-left-container{
	background:url(../../images/nav_upper_left.png.ashx) no-repeat;
	width:10px;
	height:10px;
	float:left;
}
.navbox-top-middle-container{
	background:url(../../images/nav_top_side.png.ashx) repeat-x;
	width:auto;
	height:10px;
	float:left;
}
.navbox-top-right-container{
	background:url(../../images/nav_upper_right.png.ashx) no-repeat;
	width:12px;
	height:10px;
	float:left;
}
.navbox-middle-left-container{
	background:url(../../images/nav_left_side.png.ashx) repeat-y;
	width:10px;
	height:auto;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}
.navbox-middle-middle-container{
	background:#67b5d3;
	width:auto;
	padding-top:10px;
	height: auto;
	float:left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#fff; /*MG UAT Requirement 20130513 Paired Items*/
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	font-family:inherit;
}
.navbox-middle-right-container{
	background:url(../../images/nav_right_side.png.ashx) repeat-y;
	width:12px;
	height:auto;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}
.navbox-bottom-left-container{
	background:url(../../images/nav_lower_left.png.ashx) no-repeat;
	width:10px;
	height:12px;
	float:left;
}
.navbox-bottom-middle-container{
	background:url(../../images/nav_bottom_side.png.ashx) repeat-x;
	width:auto;
	height:12px;
	float:left;
}
.navbox-bottom-right-container{
	background:url(../../images/nav_lower-right.png.ashx) no-repeat;
	width:12px;
	height:12px;
	float:left;
}

.hovbox-container {
	width:374px !important;
	height:auto;
	float:left;
	margin:5px 5px 5px 5px;/* Author:Nikhil Agarwal; Date of Change:24/09/2012; Issue ID:#PK51379- GATE - Skin Update*/
}
.hovbox-top-left-container{
	background:url(../../images/hov_upper_left.png.ashx) no-repeat;
	width:10px;
	height:10px;
	float:left;
}
.hovbox-top-middle-container{
	background:url(../../images/hov_top_side.png.ashx) repeat-x;
	width:auto;
	height:10px;
	float:left;
}
.hovbox-top-right-container{
	background:url(../../images/hov_upper_right.png.ashx) no-repeat;
	width:12px;
	height:10px;
	float:left;
}
.hovbox-middle-left-container{
	/*background: #ffffff;*/
    background:url(../../images/hov_left_side.png.ashx) repeat-y;
	width:12px;
	height:auto;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}
.hovbox-middle-middle-container{
	background:#67b5d3;
	width:348PX !Important;
	height: auto;
	float:left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#fff; /*MG 20130513 Requirement Given in UAT - Paired Items*/
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	font-family:inherit;
}
.hovbox-middle-right-container{
	background:url(../../images/hov_right_side.png.ashx) repeat-y;
	width:13px;
	height:12px;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}
.hovbox-bottom-left-container{
	background:url(../../images/hov_lower_left.png.ashx) no-repeat;
	width:10px;
	height:12px;
	float:left;
}
.hovbox-bottom-middle-container{
	background:url(../../images/hov_bottom_side.png.ashx) repeat-x;
	width:auto;
	height:11px;
	float:left;
}
.hovbox-bottom-right-container{
	background:url(../../images/hov_lower-right.png.ashx) no-repeat;
	width:13px;
	height:12px;
	float:left;
}

.main-container
{
	margin-left:auto; 
	margin-right:auto;
	cursor:pointer;
   	padding:1px;

	
}

.box-container {
	width:374px !important;
	height:auto;
	float:left;
    padding:1px,1px,1px,1px;
	margin:5px 5px 5px 5px;/* Author:Nikhil Agarwal; Date of Change:24/09/2012; Issue ID:#PK51379- GATE - Skin Update*/
}

    div.cn
{
	display: table-cell;
	height: 48px;
	vertical-align: middle;
	text-align: center;
	float: left;
}

div.inner
{
	/*MG UAT Requirement 20130513 Paired Items*/
	display: inline-block;
	height: 24px;
	text-align: center;
	margin-top: 10px;
	/*background-color: #D0D0D0;*/
	color: #D0D0C0;
	font-size:100%;
	font-weight:bold;
	min-width:45px;
	/*MG UAT Requirement 20130513 Paired Items*/
}

hr {
     color: #adc6d0;
     background: #adc6d0; 
     width: 100%; 
     height: 1px;
}

.arrow-right {
     background:url(../../images/rt_arrow_default.png.ashx) no-repeat;
    width:30px;
	height:30px;
float:left;
    }

    .arrow-left {
         background:url(../../images/lft_arrow_default.png.ashx) no-repeat;
    width:30px;
	height:30px;
	float:left;
	  

    }

.arrow-right-selected
{
    background:url(../../images/rt_arrow_selected.png.ashx) no-repeat;
    width:30px;
	height:30px;
	float: left;
	
}
 .arrow-left-selected
{
    background:url(../../images/lft_arrow_selected.png.ashx) no-repeat;
    width:30px;
	height:30px;
	float: left;
}

/*MG 20130417 SS96238 --End*/
/*Start Application: Engagement,Release : February 2104, IssueID:HPQC 3239 Content and Answers needs to be Flipped as per RTL notataion,Date: 06/02/2014,By : RA */
/*Application: Engagement,Release:August (Sprint 12), Added by Payal on 1-Aug-2014: HPQC#6135 RP96 Single navigation button on the survey site page:Start*/
#DivNavigationContainer,#DivNavigationContainerTop {
    width:100%;
    text-align:center;
    display: inline-block;
}

#DivPreviousBtn,#DivPreviousBtnTop {
    float:left;
    width:10%;
    min-height:1px; 
    padding-left:1%;
}

#DivSaveBtn,#DivSaveBtnTop {
    text-align:center;
    margin: 0px auto;
    width:75%; 
    float:left;
    min-height:1px;
}

#DivNextBtn,#DivNextBtnTop {
    float:right;
    width:10%;
    padding-right:1%;
    vertical-align:top;
}

#DivContinueBtn,#DivContinueTop
{
	width:10%;
	text-align:center;
	float: right;
	padding-right:1%;
}
/*Application: Engagement,Release:August (Sprint 12), Added by Payal on 1-Aug-2014: HPQC#6135 RP96 Single navigation button on the survey site page:Finish*/
/*End Release : February 2104, IssueID:HPQC 3239 */



/*20140303 MG RB45011 Start*/
.main-containerERT
{
    margin-left: auto;
    margin-right: auto;
    width:350px; /*20141205 RKG Fixed Tedd Comment  */ /*20141112 RKG removed css from inline*/
}

.box-top-left-containerERT
{
    background: url(../../images/upper_left.png.ashx) no-repeat;
    width: 10px;
    height: 10px;
    float: left;
}
.box-top-middle-containerERT
{
    background: url(../../images/top_side.png.ashx) repeat-x;
    width: auto;
    height: 10px;
    float: left;
}
.box-top-right-containerERT
{
    background: url(../../images/upper_right.png.ashx) no-repeat;
    width: 20px;
    height: 10px;
    float: left;
}
.box-middle-left-containerERT
{
    background: url(../../images/left_side.png.ashx) repeat-y;
    width: 10px;
    height: auto;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
.box-middle-middle-containerERT
{
    background: #ffffff;
    width: 330px;  /*20141205 RKG Fixed Tedd Comment  */ /*20141112 RKG removed css from inline*/
    height: auto;
    float: left;
    line-height: 16px; /*MG Paired Items 20130515*/
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    color: #000; /*MG 20130718 SS70547*/
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-family: inherit;
     /*20141015 RKG Removed background image  from slider control  -- Start*/
    border: 1px solid;
    border-radius: 5px;
    border-color:#d8d8d8;
     /*20141015 RKG Removed background image  from slider control  -- End*/
     padding:10px; /*20141205 RKG Fixed Tedd Comment  */
}
.box-middle-right-containerERT
{
    background: url(../../images/right_side.png.ashx) repeat-y;
    width: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    float: left;
}
.box-bottom-left-containerERT
{
    background: url(../../images/lower_left.png.ashx) no-repeat;
    width: 10px;
    height: 20px;
    float: left;
}

.box-bottom-middle-containerERT
{
    background: url(../../images/bottom_side.png.ashx) repeat-x;
    width: auto;
    height: 20px;
    float: left;
}
.box-bottom-right-containerERT
{
    background: url(../../images/lower-right.png.ashx) no-repeat;
    width: 20px;
    height: 20px;
    float: left;
}
/* 20140801 SB SS4352 New Skin updates NCAT#prefix ,#suffix,.Timer
{
	color:Black;	
	background-color:#d8d8d8 !important;
} */  
.box-containerERT
{
    width: 340px; /*20141205 RKG Fixed Tedd Comment  *//*20141112 RKG removed css from inline*/
    height: auto;
    float: left;
    margin: 5px 5px 5px 5px; /* Author:Nikhil Agarwal; Date of Change:24/09/2012; Issue ID:#PK51379- GATE - Skin Update*/
    padding-top:10px;   /*20141205 RKG Fixed Tedd Comment  */   /*20141110 RKG HPQC 1989 -UI for slider item type is distorted on IE8 compatibility view*/
}
.assessmentSliderNCAT
{
     /*20141015 RKG Removed background image  from slider control  -- Start*/
    width: 258px;   /*20141110 RKG HPQC 1989 -UI for slider item type is distorted on IE8 compatibility view*/
    margin: 0 auto;
    cursor:pointer !important;
     /*20141015 RKG Removed background image  from slider control  -- End*/
}

.assessmentSliderParentNCAT
{
     /*20141015 RKG Removed background image  from slider control  -- Start*/
    width:280px; /*20141110 RKG HPQC 1989 -UI for slider item type is distorted on IE8 compatibility view*/ /*Priyank Sharma: 10/06/2014 : Correction as per tedd*/
    padding-top: 2px;
    /*cursor: pointer;*/
    padding-top: 1px;/*Priyank Sharma: 10/06/2014 : Correction as per Tedd*/
    border-radius:25px;
    background-color:#52bbeb; 
    /*20141015 RKG Removed background image  from slider control  -- End*/
}
.TokenText
{
    font-size:7pt; 
    font-weight:bold;
    color:#0c3a73;
    padding-bottom:5px;
    text-align:center;
     /*20141015 RKG Removed background image  from slider control  -- Start*/
    vertical-align: bottom;
    
     /*20141015 RKG Removed background image  from slider control  -- End*/

}
/*20140303 MG RB45011 End*/

/*//MG 20140624 HPQC#3222 START*/


  .column {
	margin-left: 2%;
	width: 32%;
}
.column.first {margin-left: 0;}

/* Sortable items */

.sortable-list {
	background-color: #e5e5cc;
	list-style: none;
	margin: 0;
	min-height: 60px;
	padding: 10px;
}
.sortable-item {
	background-color: #FFF;
	border: 1px solid #000;
	cursor: move;
	display: block;
	
	margin-bottom: 5px;
	padding: 20px 0;
	text-align: center;
    font-size:75%;
}

/* Containment area */

#containment {
	background-color: #FFA;
	height: 230px;
}


/* Item placeholder (visual helper) */

.placeholder {
	background-color: #BFB;
	border: 1px dashed #666;
	height: 58px;
	margin-bottom: 5px;
}
        /* RB12656 MG 20140325 End */

        .left {float: left;}
.right {float: right;}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
}
/*MG 20140624 HPQC#3222 FINISH*/
 /*20141015 RKG Removed background image  from slider control  -- Start*/

/*********************************** nCAT assessment  ***********************************************/
#mainwrap .imagesset {
	
	border:0px solid #000000; width:80px; height:50px; vertical-align:middle; margin-top:30px; background-image: url(../../images/arror_new_no-active.png); background-repeat:no-repeat;}
	
#mainwrap .imagesset_rightactive {
	
	border:0px solid #000000; width:80px; height:50px; vertical-align:middle; margin-top:30px; }
	
#mainwrap .imagesset_leftactive {
	
	border:0px solid #000000; width:80px; height:50px; vertical-align:middle; margin-top:30px;  }
#mainwrapert{
	width:100%;
	overflow:hidden;
	text-align:center;
	margin-left:auto;
	/*margin-right:auto;*/
	/*cursor: pointer;*/
}
#mainwrapert ul {
	float:left;
	margin:auto;
	padding:0;
	list-style:none;
	position:relative;
	/*height: 120px;*/
	


}
#mainwrapert #middleText.imagesset {
    background-color: #52bbeb;
    border-radius: 25px;
    padding-left: 12px;
    padding-right: 19px;
    width: 270px;
    margin-top: 30px;
    height: 24px;
}

#middleText.imagesset {
    background-color: #52bbeb;
    border-radius: 25px;
    padding-left: 12px;
    padding-right: 19px;
    width: 270px;
    margin-top: 30px;
    height: 24px;
}

ul#placeholders li {
    width: 20% !important;
    float: left;
    list-style: none;
    padding: 0px !important;
    margin: 0px !important;
    height: 100% !important;
}


ul#placeholders {
      /*20141110 RKG HPQC 1989 -UI for slider item type is distorted on IE8 compatibility view Start*/
    width: 300px;
    height: 25px;
    margin-left: -9px;
    margin-top: 5px;
   position:absolute;
   /*-moz-margin-start:15px;*/
     /*20141110 RKG HPQC 1989 -UI for slider item type is distorted on IE8 compatibility view  End */
}

.ertParentHolder {
    width:100%;
    /*20141110 RKG HPQC 1989 -UI for slider item type is distorted on IE8 compatibility view  -- Start*/
    /*margin-top : -20px !important;*/
    height:29px;   
    /*20141110 RKG HPQC 1989 -UI for slider item type is distorted on IE8 compatibility view*/
    
}
.first{
    background-position-x: left;
     background-image: url(../../images/small_circle.png);
    background-position-x: center;
    background-repeat: no-repeat;
   
}
.second{
    background-position-x: center;
     background-image: url(../../images/small_circle.png);
    background-position-x: center;
    background-repeat: no-repeat;
    
}
.fourth {
    background-position-x: 35px;
    left: 12px;
     background-image: url(../../images/small_circle.png);
    background-position-x: center;
    background-repeat: no-repeat;
    
}
.last {
    background-position-x: right;
    left: 20px;
     background-image: url(../../images/small_circle.png);
    background-position-x: center;
    background-repeat: no-repeat;
    
}
.middleLI {
    list-style: none;
     background-position-x: center;
     background-repeat: no-repeat;
    
}
.ertImagePlaceHolder {
    background-image: url(../../images/small_circle.png);
    background-position-x: center;
    background-repeat: no-repeat;
  
}


.ertHeader {
    align-content: center;
    padding-left: 219px;
}
.ertHeaderTD {
    width:25%;
    vertical-align: bottom;
    color:#616870;
    font-size:12px;
}
    .ertHeaderTD.ertHeaderFirst {
        padding-right: 42px;
    }
    .ertHeaderTD.ertHeaderSecond{
        text-align: right;
        padding-right: 108px;
    }
    .ertHeaderTD.ertHeaderThird {
        text-align: right;
        padding-right: 26px;
    }
    .ertHeaderTD.ertHeaderForth {
        text-align: right;
        padding-right: 134px;
    }


.ertFirstOptionSelected
{
    margin-left: -0.1em !important;     /*20141110 RKG HPQC 1989 -UI for slider item type is distorted on IE8 compatibility view*/

    background: url(../../Images/a1.png) no-repeat !important;
     background-position-x: center;
}

.ertSecondOptionSelected
{
    margin-left: -0.4em !important;     /*20141110 RKG HPQC 1989 -UI for slider item type is distorted on IE8 compatibility view*/

    background: url(../../Images/a2.png) no-repeat !important;
     background-position-x: center;
}

.ertThirdOptionSelected
{
    margin-left: -0.9em !important;     /*20141110 RKG HPQC 1989 -UI for slider item type is distorted on IE8 compatibility view*/

    background: url(../../Images/a3.png) no-repeat !important;
     background-position-x: center;
}

.ertFourthOptionSelected
{
    margin-left: -1.3em !important;
    background: url(../../Images/a4.png) no-repeat !important;
     background-position-x: center;
}

.slectPointer
{
    width:30px;
    cursor:pointer;
}

.sliderHeaderFirst 
{
    width:20%;
    padding-right:15px;
}

.sliderHeaderSecond 
{
      width:20%;      
      /*padding-right:15px;*/ /*20150304 RKG SS32200  G.A.T.E.-ADEPT-15 Gradient - Scale Spacing(16691)*/
}
.sliderHeaderThird 
{
      width:20%;
      
      
}
.sliderHeaderFourth 
{
      width:19%;/*20160701 SY 213558 ADEPT Gradient/Likert mode - Standard View (not-HTML5) - Issues Reported from UAT*/
      padding-left: 12px;/*20160628 SY 213558 ADEPT Gradient/Likert mode - Standard View (not-HTML5) - Issues Reported from UAT*/
      
}
.sliderHeadeMiddle 
{
      width:20%;
      
}
.sliderHeadeTable 
{
      width:290px;
}
.ERTMainTable {

    width:950px;
    margin:auto;
    cellpadding:0;
    cellspacing:0;
}
.ERTMainTableTr {

   align:center;
}
.ERTMainTableTd {

   padding:0 0 0 0px;
}
.assessmentERTItemAlignCustom
{
    overflow: hidden; 
    width: 100%; 
    margin-left: auto; 
    margin-right: auto; 
    background-color:#F8F8F8;
    height:auto;
}
.ERTScondTable
{
    width:100%;
    cellpadding: 0;
    cellspacing: 0;
}
.ERTScondTableFirstTr
{
    vertical-align: middle;
    margin-left: 5px; 
    margin-right: 5px;
}
.ERTScondTableFirstTrFirstTd
{
   text-align: center; 
   vertical-align: top;
}
.ERTScondTableFirstTrSecondTd
{
  vertical-align: middle; 
  text-align:center; 
  min-width:251px; 
  padding-left:8px;
  align:center;
}
.ERTScondTableFirstTrThirdTd
{
  text-align: center;
  vertical-align: top;
}
.ERTScondTableSecondTr
{
    vertical-align: middle; 
    margin-left: 5px; 
    margin-right: 5px;
}
.ERTScondTableSecondTrFirstTd
{
   text-align: center; 
   vertical-align: top;
   padding:10px 20px 10px 20px;   /*20141212 RKG Fixed Tedd Comment  *//*20141205 RKG Fixed Tedd Comment  */
   border-top: solid 1px #d8d8d8; /*20141212 RKG Fixed Tedd Comment  */
}
.ERTRadioButton
{
    display: none;
}
.ERTScondTableSecondTrFirstSecondTd
{
   vertical-align: middle; 
   text-align:center; 
   min-width:290px;   /*20141205 RKG Fixed Tedd Comment  */
   padding-left:13px; 
   align:center;
   border-top: solid 1px #d8d8d8; /*20141212 RKG Fixed Tedd Comment  */
}
.ERTNotSelected
{
     background: url(../../Images/box.png) no-repeat !important;
      background-position-x: center;
   
}
 /*20141015 RKG Removed background image  from slider control  -- Start*/

 /*20141112 RKG Fixed boxes length for Apple IPAD  start*/
  @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

.box-middle-middle-containerERT
{
    background: #ffffff;
    width: 250px;  /*20141205 RKG Fixed Tedd Comment  */
    height: auto;
    float: left;
    line-height: 16px; /*MG Paired Items 20130515*/
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    color: #000; /*MG 20130718 SS70547*/
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-family: inherit;
     /*20141015 RKG Removed background image  from slider control  -- Start*/
    border: 1px solid;
    border-radius: 5px;
    border-color:#d8d8d8;
     /*20141015 RKG Removed background image  from slider control  -- End*/
     padding:10px;/*20141205 RKG Fixed Tedd Comment  */
}

.main-containerERT
{
    margin-left: auto;
    margin-right: auto;
    width: 280px;/*20141205 RKG Fixed Tedd Comment  */
}
.box-containerERT
{
    width: 290px;/*20141205 RKG Fixed Tedd Comment  */
    height: auto;
    float: left;
    margin: 5px 5px 5px 5px; /* Author:Nikhil Agarwal; Date of Change:24/09/2012; Issue ID:#PK51379- GATE - Skin Update*/
     padding-top:10px; /*20141205 RKG Fixed Tedd Comment  */      /*20141110 RKG HPQC 1989 -UI for slider item type is distorted on IE8 compatibility view*/
}

}

  /*20141112 RKG Fixed boxes length for Apple IPAD  End*/
  /*Application: Engagement,Release:December, Added by Pawan on 12-DEC-2014: HPQC 8282 Alignment of delected response area is not fine for RTL language-Start */
.cssSurveyResponsesListBox
{
     margin-left: 25px;
     margin-top: 10px;
     margin-bottom: 10px;
      width:115px;
      height:100px; /*Application: Engagement,Release:Feburary, Added by Pawan on 5-Feb 2015: HPQC 8282-Horizontal Scroll Bar in Barret SetUp-Start*/
      margin-right: 25px;
    /*Application: Engagement,Release:Feburary, Added by Pawan on 5-Feb 2015: HPQC 8282-Horizontal Scroll Bar in Barret SetUp-Start*/
      overflow:auto; 
      white-space:nowrap;
      border:white 1px solid
      
}
.cssSpanResponseLabelContainer {
    display: block;
    word-break: break-all;
    border: 1px solid black;
    position: absolute;
    float:left;
    background-color:blue;
    min-height:150px;/*Application: Engagement,Release:Feb, Added by Pawan on 10-FEB-2015: HPQC 8656 No of selected response area" is appearing below highlighted blue box. :*/
    
}
.cssSelectedItemCount {
    color:white;
    
   
}
.cssItemCount {
    color:black;
    background:white;
     
   
}

/*Application: Engagement,Release:December, Added by Pawan on 12-DEC-2014: HPQC 8282 RAlignment of delected response area is not fine for RTL language :end*/

/*Mohsin:2014/12/30: Task 43294:Adept Gradient Version - 508 Compliant/Accessible - Start*/
ul#placeholders-ert li {
    float: left;
}
ul#placeholders-ert {
    margin-left: -9px;
}
/*Mohsin:2014/12/30: Task 43294:Adept Gradient Version - 508 Compliant/Accessible - End*/
/*20150202 RKG HPQC 2143 - GATE February Release - PK58754 -  Choices not correctly placed in Arabic Language  - Start*/
.floatOposite{
    float:right !important;
}
/*20150202 RKG HPQC 2143 - GATE February Release - PK58754 -  Choices not correctly placed in Arabic Language  - End*/

.cssSurveyResponsesListBoxItems {
    white-space:nowrap;
    color:white;
}
 /*Application: Engagement,Release:Feburary, Added by Pawan on 5-Feb 2015: HPQC 8282-Horizontal Scroll Bar in Barret SetUp-End*/
/*Mohsin: 2015/02/12: Task 48012:508 Compliance Changes as requested by tedd, tony and dave - Start*/
.ert-li1 {
    float: left;
    margin-left: 60px !important;
}
.ert-li2 {
    float: left;
    margin-left: 71px !important;
}
.ert-li3 {
    float: left;
    margin-left: 200px !important;
}
.ert-li4 {
    float: left;
    margin-left: 84px !important;
}
.ert-first-td {
    border-left: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    padding-left: 0px;
    padding-right: 0px;
}
.ert-second-td {
    border-right: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    padding-left: 0px;
    padding-right: 0px;
}

.ert-first-div {
    text-align: center !important;
    padding-left: 20px;
}
/*Mohsin: 2015/02/12: Task 48012:508 Compliance Changes as requested by tedd, tony and dave - End*/
/*Application: Engagement,Release:Apr 2015, By Karan on 3-April-2015: System Testing RP-286 - Timeout Page Layout : Start*/
.SurveySessionOutErrorMessage {
    text-align: left;
}
/*Application: Engagement,Release:Apr 2015, By Karan on 3-April-2015: System Testing RP-286 - Timeout Page Layout : End*/