﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;	
	color: black;
	/*background: white;*//*Priyank Sharma: 09/01/2014 : HPQC#1829*/
}
body span
{
    *line-height: normal !important;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.screen-reader {
    position:absolute;
    top:-9999px;
    left:-9999px;
}

h1, h2, h3 { 
    font-weight: normal;
    font-size:100% !important;
}


/*Mohsin Khan: 08/26/2014 For Drag and Drop assessment items -  Start*/
/*TFS# 37988: Drag-Drop Item type - Increase width of the box to accomodate at least 60 characters - Start*/
.draggable {
            border: solid 1px grey;
			float: left;
 			margin-left:10px;
			margin-top:8px;
			word-wrap:break-word;
			display:-moz-inline-box;/* older gecko*/
			display:inline-block;
			position:relative;
			background-color:#61635f;
			color:#ffffff;
			text-align:center;
			height:auto;
			border-radius:4px;
			margin-bottom:1px;
			font-size:12px;
            max-height: 125px;
            min-height: 125px;
            /*overflow: hidden;*/
            overflow: auto;
            max-width:75px;
            min-width:75px;
            cursor:pointer;
            z-index:30; /*Mohsin Khan: 2014/09/12: HPQC# 1868: Issue with default skin*/
        }
/*TFS# 37988: Drag-Drop Item type - Increase width of the box to accomodate at least 60 characters - End*/
.dragContainer {
	        background-color:#ffffff;
            width: 80%;/*Mohsin: 2014/09/02: HPQC#: 62: Default drag drop view issues */
            min-width:80%;
            height: auto;
			min-height:200px;
			border:1px solid #5eb9e5;
			border-radius:4px;
			margin: 10px;
        }
        .dragDropingZone {
			background-color:#dbddda;
            width: 200px;
            min-width:200px;
            /*Mohsin: 2014/09/02: HPQC#: 62: Default drag drop view issues - Start */
            height: 270px; /*TFS# 37988: Drag-Drop Item type - Increase width of the box to accomodate at least 60 characters */
            overflow:auto;
            /*Mohsin: 2014/09/02: HPQC#: 62: Default drag drop view issues - End */
			min-height:270px;
			border:1px solid #b5b5b3;
			border-radius:4px;
			border-color:#CCC;
			margin-top:0px;
            float:left;
            padding-bottom:5px;
            position:relative;/*IE8 compatiblity mode issue(scroll bar was not working)*/
        }
		.dragDropingZone_container {
			width: 200px;
            min-width:200px;
            height: 300px;
            min-height:300px;
			border:0px solid #b5b5b3;
			margin:10px;
			margin-top:0px;
            float:left;
			padding-left:10px;
			padding-right:10px;
		}
		.dragDropingZone_heading {
			background-color:#;
            width: 180px;
            min-width:180px;
            height: auto;
			border:0px solid #b5b5b3;
			border-radius:0px;
            float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			padding:10px;
			font-weight:bold;
			color:#535456;
			margin-bottom:0px;
        }
/*Mohsin Khan: 08/26/2014 For Drag and Drop assessment items -  END*/

/*Mohsin Khan: 08/26/2014: For 508-  Start*/
.CATable
{
    display: table; width:100%; min-width:100%; align-items:center; overflow-x:hidden;
}
.CATableRow
{
    display: table-row; vertical-align: middle; margin-left: 5px; margin-right: 5px;
}
.CATableCell
{
    display: table-cell;
}

.ulStyle508
{
    list-style-type: none;
}

    .DDCell
    {
        /*width:200px;*/
        width:100%;
        min-width:100%;
        /*min-height:50px;*/
        /*border: solid;*/
        /*border-width: thin;*/
        display: table-cell;
        /*padding-left: 5px;
        padding-right: 5px;*/
        /*padding-top:10px;*/
        /*float:left;*/
        background-color: #BACCD2;
        float:left;
        /*height:80px;*/
        height:75px;
        overflow:hidden;
        padding:5px;
    }

    .DDQuestionCell
    {
        width:100%;
        min-width:100%;
        border: solid;
        border-width: thin;
        display: table-cell;
        /*padding-left: 5px;
        padding-right: 5px;*/
        float:left;
        /*height:80px;*/
        height:75px;
        overflow:hidden;
        padding:5px;
    }

    .DDOptionDropdownCell
    {
        float:right;
        padding:5px;
    }

    .DDResponseOptionCell {
        width:100%;
        min-width:100%;
        display: table-cell;
        padding-left: 5px;
        padding-right: 5px;
        min-height:80px;
        float:left;
        height:auto;
    }

    .DDEmptyRow
    {
        height:10px;
        float:left;
        width:100%;
        min-width:100%;
    }

    .DDResponseTable
    {
        display: table;
        overflow: hidden;
        margin-top:0px;
    }

    .DDResponseRow
    {
        min-height:80px;
        display: table-row;
        border: solid;
        border-width: thin;
        height:auto;
    }

    .DDResponseDiv
    {
        overflow: hidden;
        margin-top:0px;
        width:40%;
        min-width:40%;
    }

    .DDResponseCell
    {
       min-height:70px; height:auto; overflow:hidden;
    }

    .DDAssessmentItem
    {
       height:auto; overflow:hidden;
    }

.ARTable
    {
        display: table;
        padding-top:30px;
        width:80%;
        min-width:80%;
        /*Mohsin: 2014/09/19: 508 fixes - Oct 2014 Release - Start*/
        padding-left:20px;
        /*Mohsin: 2014/09/19: 508 fixes - Oct 2014 Release - Start*/
    }
    .ARQuestionDiv
    {
        float:left;
        /*width:40%;*/
        width:60%;
        min-width:60%;
    }

    .ARResponseDiv
    {
        float:left;
        width:40%;
        min-width:40%;
    }

    .ARDropdownOptionDiv
    {
        float:left;
        width:20%;
        min-width:20%;
    }

    .AROptionDropdownCell
    {
        width:100%;
        min-width:100%;
        overflow:hidden;
        border: solid;
        border-width: thin;
        border-color:#fff;
        display: table-cell;
        /*padding-left: 5px;
        padding-right: 5px;*/
        float:left;
        /*height:30px;*/
        height:60px;
        overflow:hidden;
        padding:5px;
    }

    .ARRow
    {
        display: table-row;
    }
     .ARCell
    {
        width:95%;
        min-width:95%;
        overflow:hidden;
        /*min-height:50px;*/
        border-width: thin;
        display: table-cell;
        /*padding-left: 5px;
        padding-right: 5px;*/
        height:60px;
        min-height:60px;
        float:left;
        background-color:#d8d8d8;
        border-bottom:0px;
        border-left:0px;
        border-right:0px;
        border-top:0px;
        overflow:hidden;
        padding:5px;
    }

    .ARQuestionCell
    {
        width:90%;
        min-width:90%;
        overflow:hidden;
        border: solid;
        border-width: thin;
        display: table-cell;
        /*padding-left: 5px;
        padding-right: 5px;*/
        float:left;
        /*height:30px;*/
        height:60px;
        min-height:60px;
        overflow:hidden;
        padding:5px;
    }

    .AREmptyCell 
    {
        float:left;
        display:table-cell;
    }

    .ARNormalCell 
    {
        height:10px;
        min-height:10px;
        display:table-cell;
    }

    .ARQuestionEmptyRow
    {
        height:10px;
        min-height:10px;
    }

    .ARHighlightedResponseLabel
    {
        background-color:black;
        display:table-cell; 
        color:white;
        border:thin; 
        border-bottom:0px;
        border-left:0px;
        border-right:0px;
        border-top:0px;
        overflow:hidden;
        vertical-align:middle;
    }

    .ClearButtonCss {
        background-color: #d8d8d8;
        height: 27px;
        min-height:27px;
        font-weight: bold;
        width: 110px;
        min-width:110px;
        float:right;
    }
.Span508 {
    display:block;
}
/*Mohsin Khan: 2014/09/05: 508 fix: Start*/
.SurveySlider508li
{
    float:left;
    margin-left:0px;
}
/*Mohsin Khan: 2014/09/05: 508 fix: End*/

/*Mohsin Khan: 08/26/2014 For 508-  End*/

/*Mohsin Khan:08/26/2014: TFS# 28745 - Start*/
.dragged {
            /*height: auto;*/
            min-height:100px;
            max-height:100px;   
            /*overflow:hidden;*/
            overflow: auto;
            /*width: 100px;*/
            border: solid 1px grey;
			float: left;
 			margin-left:10px;
			margin-top:8px;
			word-wrap:break-word;
			display:-moz-inline-box;/* older gecko*/
			display:inline-block;
			position:relative;
			background-color:#61635f;
			color:#ffffff;
			text-align:center;
			border-radius:4px;
			margin-bottom:5px;
			font-size:12px;
            max-width:70px;
            min-width:70px;
            cursor:pointer;

        }

.dragContainer2 {
			background-color:#ffffff;
            width: 50%;
            min-width:50%;
            height: auto;
			min-height:200px;
			border:1px solid #5eb9e5;
			border-radius:4px;
            /*Mohsin: 2014/09/02: HPQC#: 62: Default drag drop view issues - Start*/
			/*margin: 10px;*/
            margin-left:10px;
            margin-right:10px;
            margin-top:0;
            /*Mohsin: 2014/09/02: HPQC#: 62: Default drag drop view issues - End*/
			float:left;
        }
		    .dragContainer3 {
			background-color:#;
            width: 240px;
            min-width:240px;
            height: auto;
			min-height:230px;
			border:0px solid #5eb9e5;
			border-radius:4px;
			margin: 0px;
			float:left;
        }

/*Mohsin Khan:08/26/2014: TFS# 28745 - End*/

/*Mohsin: 2014/09/02: HPQC#: 62: Default drag drop view issues - Start*/
      .DragDropClearButton
      {
          /*position:absolute;*/
          float:right;
          right:0; 
          bottom:0;
          padding-right:20px;
          width:100%;
          min-width:100%;
      }
      .DragDropClearButtonVertical {
        width:80%;
        min-width:80%;
        /*float:right;*/
        padding-right:20px;
        padding-top:20px;
    }
      .DragDropFirstContainer
    {
        width:50%; 
        min-width:50%;
        float:left; 
        margin-top:10px;
        padding-left:10px;
        padding-right:10px;
    }
    .DragDropFirstHeading
    {
        width:240px; 
        min-width:240px;
        float:left;
        padding-left:0px;
        padding-right:0px;
    }
  /*Mohsin: 2014/09/02: HPQC#: 62: Default drag drop view issues - End*/

  /* Mohsin Khan: 2014/09/05: HPQC# 1854 button look changes: Start */
  .LongAnswerClearButton {
    border: 0px;
    background: url('../images/clearAnswer.png.ashx') left repeat-x;    
    padding: 5px 5px 5px 5px;
    cursor: pointer;
    font-size: 85%;
    font-weight:bold;
    text-decoration: none;
    color: #111;
    width: auto;
    color:#434343;
    height:28px;
    min-height:28px;
    margin: 10px  10px 10px; 
}
  /* Mohsin Khan: 2014/09/05: HPQC# 1854 button look changes: End */

  /*Mohsin Khan: 2014/09/12: HPQC# 1868: Issue with default skin - Start*/
.dragDropingZoneWtoutScroll {
			background-color:#dbddda;
            width: 200px;
            min-width:200px;
            height: 250px;
			min-height:250px;
			border:1px solid #b5b5b3;
			border-radius:4px;
			border-color:#CCC;
			margin-top:0px;
            float:left;
            padding-bottom:5px;
            position:relative;
        }
/*Mohsin Khan: 2014/09/12: HPQC# 1868: Issue with default skin - End*/
/*Mohsin: 2104/09/21: 508 Fixes Oct 14 Release - Start*/
input:focus
{
	outline:1px dotted black;
}
a:focus
{
	outline:1px dotted black;
}
select:focus
{
	outline:1px dotted black;
}	
/*Mohsin: 2104/09/21: 508 Fixes Oct 14 Release - End*/
/*Mohsin: 2015/03/11: TFS# 48687: PK60223 - Session loss page (DESKTOP)- Need to apply better formatting - Start*/
.sessionout-alert {
    width: 45px;
    height: 41px;
    background: url('images/sessionout-alert.png') no-repeat center center;
    margin: auto;
}
/*Mohsin: 2015/03/11: TFS# 48687: PK60223 - Session loss page (DESKTOP)- Need to apply better formatting - End*/

/*PK60223 - Session loss page (MOBILE) - Need to apply HTML5 formatting -- SY20150226 START */
.text-sessionout-main {
color: #2f5277;
line-height: 21px;
text-align: center;
font-size: 16px;
}
.tap-here {
border: 3px solid #2f5277;
background: #d8d8d8;
color: #2f5277;
margin: 10px;
padding: 10px;
border-radius: 5px;
text-align: center;
}

.logout_text{
    text-decoration:none;
    color:#2f5277;
    width: 120px;
    
}
.logout_text:focus 
{ 
        outline:none !important; 
}
/*PK60223 - Session loss page (MOBILE) - Need to apply HTML5 formatting -- SY20150226 FINISH */