/* Clearfix Items ---------------------------------------------------- */
/*PK 20120702 PK67864 G.A.T.E.-Chinese language characters are not appearing in IE (ie8)(1358);20120910 Changes Roll back
select
{    
   font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;
}
input
{
   font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;
}
*/
/*END*/
/*MG SS84786 20130107 Start*/
/*SM 20130709 SS09783_GATE-Subscript and superscript support on assessment step(candidate Site) across all skins -- Start*/
sup
{
	vertical-align:super !important;
	font-size:75%;
}
sub
{
	vertical-align:sub !important;
	font-size:75;
}
/*SM 20130709 SS09783_GATE-Subscript and superscript support on assessment step(candidate Site) across all skins -- End*/
/*MG SS84786 20130107 End*/

.clearfix:after,
.assessment-item:after,
assessment-container:after { 
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
    
}
/*SB 11092014 PK64365 GATE - Updated P&G skin for GATE standard --Start*/
.privacy-Policy  {
    height: 31px;
    width: 166px;
    background:  url('../Images/spacer.gif.ashx') top left no-repeat;
    float: right;
}
/*SB 11092014 PK64365 GATE - Updated P&G skin for GATE standard --END*/

.clearfix,
.assessment-item,
.assessment-container {
	display: inline-block;
    background-color:#F8F8F8;
  
}

/* SS16257 GATE - Paper & Pencil alternative for Assessment Step.  #SP20150119 -- START */
.CandidateDataEntryTable td{
  font-size:12px;
  color:black;
        }           
 .CandidateDataEntryTable th{
        font-size:14px;
        color:black;
        font-weight:bold;
        padding:5px;
        }
.DataEntryButton{
       border-radius: 4px;
    background-color: #ffac41;
       border: 1px solid #ffac41; 
       padding-top: 5px;
    padding-bottom: 5px;    
       width: 190px;
       font-size: 15px;
    display:inline-block;
       color:#ffffff;       
       height: 40px;
       cursor: pointer;
       padding:5px;
    margin:2px;
     -webkit-appearance: none;
       }
.DataEntryButton:hover{
       border-radius: 4px;
       background-color: #ef9522;
       border: 1px solid #ef9522;
       padding-top: 5px;
    padding-bottom: 5px;    
       width: 190px;
       font-size: 15px;
       padding:5px;
    margin:2px;
       height: 40px;
       cursor: pointer;
     -webkit-appearance: none;
       }
/* SS16257 GATE - Paper & Pencil alternative for Assessment Step.  #SP20150119 -- FINISH */


* html .clearfix,
* html .assessment-item,
* html .assessment-container {
	height: 1%;
}

.clearfix,
.assessment-item,
.assessment-container {
	display: block;
    background-color:#F8F8F8;
    
}

.assessment-container {
    padding-top:50px;
    margin-top:-26px;
    margin-right:-10px;
    margin-left:-20px;
    padding-right:10px;
    padding-left:10px;
}

/* Global Classes ---------------------------------------------------- */

body {
    
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    margin: 0 auto;
	position: relative;
	min-height: 100%;
    background-color:#397097
	
	}

#content {
    padding-left : 10px;
    padding-right : 10px;  
    }

/* Master Page Classes ---------------------------------------------------- */ 

div.site-header {
    height: 50px;
    background: #2F5277;
    /*font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;PK 20120702 PK04674 G.A.T.E.-Chinese language ;20120910 Changes Roll back*/
}

div.site-header div.logos {
    background-image:url('../Images/top.jpg.ashx');
    background-repeat: repeat-x;
    background-size:100% !important;
    /*/*background-image: url(../images/top.jpg); BACKGROUND-REPEAT:space; background-position-x:top; background-position-x:center; background-position-y:top;*/
    padding-bottom: 8px;
    margin-bottom: 8px;
    margin-left: 15px;
    margin-right:15px;
    /*height: 0px;
    background-color: #FFFFFF;*/
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
   
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width:98%;/*Priyank Sharma : 09/09/2014: HPQC#1878*/
   
}

div.site-header div.header-content {
    padding-top : 10px;
    margin-left:15px;
    color:#d8d8d8;
}

div.site-header div.header-aon-logo {
    height: 27px;
    width: 109px;
    background: #fff;
    display:none;
    background-repeat:no-repeat;
    float: left;
    margin-top:30px;
    margin-left:10px;
    padding-bottom:10px;
    padding-right:10px;

}

div.site-header div.header-client-logo {
    height: 74px;
    
    display:none;
    float: right;
    margin-right:10px;
}
/*SB 12052014 PK64365 GATE - Updated P&G skin for GATE standard --start*/
div.site-header div.privacy-Policy  {
    height: 31px;
    width: 166px;
    background: #fff url('../Images/spacer.gif.ashx') top left no-repeat;
    float: right;
}
/*SB 12052014 PK64365 GATE - Updated P&G skin for GATE standard --END*/

div.site-header div.header-locale {
    height: auto;
    width: auto;
     /*background: #fff url('../Images/LocaleHeader_Background.png.ashx') left repeat;*/
    float: left;
    margin-left: 15px;
    /*padding: 6px 6px 6px 6px;*/
    /*border: solid 6px #397097;*/
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-top:6px;
}
    
div.site-topnav {
    
    border-top: solid 5px #397097;
    height: 50px;/*Priyank Sharma: 09/29/2014: as per suggesstions from tedd.*//*Mohsin: 10/01/2014: increased height.*/
    background: #d8d8d8;
    /*font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;PK 20120702 PK04674 G.A.T.E.-Chinese language ;20120910 Changes Roll back*/
}

div.site-topnav span {
    display: block;
    height: 5px;
    width: 9px;
    float: right;
    background: #d8d8d8;
}
div.site-body 
{
    background-color: #f8f8f8;
    border-bottom: solid 20px #2F5277;
    padding-top: 10px;
    padding-right:10px;
    padding-left:20px;
    padding-bottom:40px;/*Mohsin: 2014/09/23 UI Fix*/
     /*Mohsin Khan: Attributes added for 508 compliance changes: Start*/
     width:auto;
     min-width:0px;
     height:auto;
     min-height:0px;
     /*Mohsin Khan: Attributes added for 508 compliance changes: End*/

    /*font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;PK 20120702 PK04674 G.A.T.E.-Chinese language ;20120910 Changes Roll back*/
    
}
/*     Author : Ravi Nigam
Date of change : 13 March 2012
IssueID: PK08278 - G.A.T.E. - High Fidelity Skin for Sears (14851)
START
*/
  
div.site-bodycustom 
{
	border-left: solid 0px #dbedc8;
    border-bottom: solid 0px #dbedc8;
    border-right: solid 0px #dbedc8;
    padding: 10px 10px 20px 10px;
    /*font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;PK 20120702 PK67864 G.A.T.E.-Chinese language ;20120910 Changes Roll back*/
}
/* Start - Author:Nikhil Agarwal; Date of Change:12/09/2012; Issue ID:#PK51379- GATE - Skin Update*/
DIV.site-bodycustom-opacity
{
	
}
.richtext-div 
{
    background-color: #fff;
    border-top : solid 1px #dbedc8;
    border-left: solid 1px #dbedc8;
    border-bottom: solid 1px #dbedc8;
    border-right: solid 1px #dbedc8;
    padding: 10px 10px 20px 10px;
    /*Priyank Sharma: 11/21/2013 : SS92064 : G.A.T.E.-Display issue with file upload step(1746) - Start*/
    margin:  10px 10px 10px 0px;
    width: auto;
    /*Priyank Sharma: 11/21/2013 : SS92064 : G.A.T.E.-Display issue with file upload step(1746) - End*/
    /*Priyank Sharma: 11/29/2013 : GATE December Release - SS92064 - Multiple UI issues including browser compatibility on candidate site.Defect#1146 - Start*/
    /*opacity:0.6;
	filter:alpha(opacity=60);*/
	/*Priyank Sharma: 11/29/2013 : GATE December Release - SS92064 - Multiple UI issues including browser compatibility on candidate site.Defect#1146 - END*/
	/*font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;PK 20120702 PK67864 G.A.T.E.-Chinese language ;20120910 Changes Roll back*/
}
/*End*/
.step-background{
background-position:top ;
background-repeat:no-repeat;
background-attachment: fixed;
}
/*End PK08278*/
#site-footer  {
	bottom:0;
	height: 5%;
	color: #d8d8d8;
	padding: 10px 10px 10px 10px;
	/*font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;PK 20120702 PK67864 G.A.T.E.-Chinese language ;20120910 Changes Roll back*/
	}
	
	
#site-footer span.site-footer-process,
#site-footer span.site-footer-position {
   border-right: solid 1px #d8d8d8;
   padding-right: 7px;
   /* font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;PK 20120702 PK67864 G.A.T.E.-Chinese language ;20120910 Changes Roll back*/
}

/* Buttons ---------------------------------------------------- */

a.button {
       
}

input[type=button],
input[type=submit],
input.button {
    
}

DIV.surveycontinuebutton INPUT[type=button], /* Application: Engagement,Release:October (Sprint 7), Added by Deepa on 24-Sept-2013: HPQC 832 'Previous' button should have the arrow pointing backward.*/
div.continuebutton input {
    height: 28px;
    border: 0px;
    background: url('../images/NextButton.png.ashx') top right no-repeat;
   
    padding-top: 0px;
    padding-left:10px;
    padding-right:25px;
    padding-bottom:2px;
    cursor: pointer;
    text-align:left;
    color:#ffffff;
    width:auto;
    font-family: verdana;
    font-size:100%;
    font-weight:bold;
    background-color:#8AC53E;
     width: auto;
}

div.continuebutton a {
    height: 28px;
    border: 0px;
    background: url('../images/NextButton.png.ashx') top right no-repeat;
    cursor: pointer;
    font-size: 85%;
    text-decoration: none;
    color: #ffffff;
    width: auto;
    text-align:left;
    padding-bottom:10px;
     font-family: verdana;
    font-size:100%;
    background-color:#8AC53E;
    vertical-align:middle;
    padding-top: 3px;
    padding-left:10px;
    padding-right:25px;
    padding-bottom:7px;

}

div.Bottom-navigationbuttons {
    /*float: right;*/ /*Mohsin: 2014/10/20: continue button issue*/
    padding-top: 10px;
    margin-top: 20px;
    padding-bottom: 20px;
}

/* Tables ---------------------------------------------------- */

th, td {
    padding: 3px 15px 3px 3px;   
}

th {
    color: #333;
    border-bottom: solid 1px #333;
}


/********************************************************************************
SCREEN SPECIFIC CLASSES *********************************************************
****************************************************************************** */
.CandidateInfo-Header {
	margin-bottom: 20px;
	font-weight: bold;
}

.CandidateInfo-Label {
	float: left;
    vertical-align: text-top;
    padding-bottom:5px;
}

.CandidateInfo-Fields 
{	
	/*Author Sushant Bhatia Date :16/5/2012 IssueID  15197*/
	width: 400px;
	height:40px; /* SB SS24745 G.A.T.E.-Correct Candidate Self Identification Field Alignment for Firefox(15989) 24062013  */
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: text-top;
}

.CandidateInfo-Control {
    float: right;
    vertical-align: text-top;
}

.CandidateSignIn-Label {
	text-align:right;
	padding-right: 5px;
}

.CandidateSignIn-Control 
{
    font-family: sans-serif;
	/*font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;PK 20120723 PK67864 G.A.T.E.-Chinese language ;20120910 Changes Roll back*/
}

.CandidateSignIn-Fields 
{
	/*Author Sushant Bhatia Date :16/5/2012 IssueID  15197*/
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	padding-top:10px;
	padding-bottom:10px;
	text-align:right
}

.CandidateSignIn-Buttons {
	width: 280px;
	margin-left: auto;
	margin-right: auto;
	padding-top:5px;
	padding-bottom:5px;
	 padding-left:50px;
}

.ErrorMesg 
{ 
	padding-bottom:4px; color: red; 
}

/* Hub Screen -----------------------------------------------------------------*/
div.HubScreen-bottom-navigationbuttons {
    /*float: right;*/ /*Mohsin: 2014/10/19: continue button issue*/
    padding-top: 10px;
    margin-top: 20px;
}

.HubScreen-StatusTable {
	padding: 5 5 5 5;	
}

.HubScreen-StatusTable table {
	width: 100%;
    margin: auto;    
}

.HubScreen-ClientMessage {
	text-align: center;
	font-size: 130%;
}

.HubScreen-HeaderStep {
	width: 50%;
	padding: 0px 10px 0px 0px;
	font-weight: bold;
	text-align: right;
}

.HubScreen-HeaderStatus {
	width: 50%;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	text-align: left;
}

.HubScreen-Step {
	width: 50%;
	padding: 0px 10px 0px 0px;	
	text-align: right;
}

.HubScreen-Status {
	width: 50%;
	padding: 0px 0px 0px 10px;	
	text-align: left;
}

/* Pressess Status Screen ---------------------------------------------------- */

.processstatus-welcome,
.processstatus-header {
    margin-bottom: 20px;   
}

.processstatus-welcome {
    font-size: 160%;   
}

.processstatus-header {
    font-size: 120%;
    color: #222;   
}

.processstatus-processtable
{
    font-size: 14px;
    width: 100%;
}

.processstatus-th-spacing
{
    padding: 0 30px 0px 0;
}
.processstatus-td-spacing
{
    padding: 7px 0px 0px 0;
}


/* Location Selector Page --------------------------------------------------- */
.LocationSelector-Header {
	margin-bottom: 20px;
	font-weight: bold;
}
.LocationSelector-Fields {
	width: 100%;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
}
.location-field {
    text-align:right; 
    margin-left:auto; 
    margin-right:40%;
}


/* Location Details pages ---------------------------------------------- */
.LocationDetail-Location
{
    width:100%;
    text-align:center;
    padding: 0px 0px 10px 0px; 
}

.LocationDetail-LocationLeft
{
    width:50%;
    padding: 0 5px 75px 0; 
	text-align: right;    
}

.LocationDetail-LocationRight
{
    width:50%;
	text-align: left;
    padding: 0 0 7px 5px; 
}

.LocationDetail-Fields
{
    padding: 5 5 10px 5;
}

.LocationDetail-Fields table
{
    width:100%;
    margin: auto;    
}

.LocationDetail-Left {
	width: 50%;
	padding: 0 5px 7px 0;	
	text-align: right;
}

.LocationDetail-Right {
	width: 50%;
	font-weight:normal;
	padding: 0 0 7px 5px;
	text-align: left;
}

.LocationDetail-Map 
{
    padding: 10px 0 0 0;
    text-align:center;
}

.LocationDetail-Navigation
{
    padding: 10px 0 0 0;
    text-align:center;
}  

.LocationSelector-Fields {
	width: 100%;
	text-align:center;
}

.location-field {
    padding: 0px 0px 5px 0px;
}

/* Job Selector Page --------------------------------------------------- */
.JobSelector-Header {
	margin-bottom: 20px;
	font-weight: bold;
}

.LocationSelector-SubHeader 
{
    width: 100%;
    font-weight: bold;
    text-decoration: underline;
    padding: 0px 0px 10px 0px;
    text-align:center;
}

.LocationSelector-Change
{
    width: 100%;
    text-align:center;
    padding: 0px 0px 20px 0px;
}

.JobSelector-Label {
	float:left; 
	width:50%; margin: 0; 
	text-align:right; padding-right: 10px; 
	white-space: nowrap; 
}
.JobSelector-Control {
	float:left; width:45%; text-align:left;
}
.JobSelector-Fields {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}
.job-field {
    display: inline-block; width: 100%; margin-right: 0;
}
.jobDetails-list dl {
    padding: 0;
    margin: 3px 0 10px 0;
    font-size: 14px;
}
.jobDetails-list dl dt {
    color: #808080;
    font-weight: bold;
    margin: 12px 0 5px 10px;
}
.jobDetails-list dl dd {
    margin: 2px 0 2px 40px;
    letter-spacing: 0.05em;
}
.jobDetails-actions {
    margin: 20px 5px 10px 5px;
    text-align: center;
}
.jobDetails-actions a {
    margin-right: 10px;
}

/* Assessment Screens ---------------------------------------------------- */

div.assessment-locale {
    
}

div.AssessmentCompletion {
	text-align: center;	
}

div.AssessmentReturnToPrevious {
	text-align: center;	
}

div.AssessmentReviewAllItems {
    text-align: center;		
}

div.AssessmentReviewSkipped {
	 text-align: center;	
}

div.AssessmentRequiredNotComplete {
	text-align: center;	
}

div.AssessmentFinished {
	text-align: center;	
}

div.AssessmentTimeExpired {
	text-align: center;	
}

div.AssessmentTimeExpiredSub {
	text-align: center;	
}

div.assessment-response-radio {	
	width: 100%;
}

div.assessment-response-radio-label {	
    /*width: 100%;*/
}

div.assessment-progress {
    position: absolute;
    top: 55px;/*Mohsin: 10/07/2014: increased height. Oct14 release*/
    left: 250px;
    width: 250px;
}

div.assessment-progress div.ui-progressbar {
    height: 10px;   
}

div.assessment-progress div.ui-progressbar-value {
    height: 8px;   
}

#progressbar {
    margin-top: 4px;   
}

div.assessment-itemcount {
    position: absolute;
    top: 65px; /*Mohsin: 10/01/2014: increased height.*/
    left: 45px;
}

div.assessment-timeremaining {
    position: absolute;
    top: 65px; /*Mohsin: 10/01/2014: increased height.*/
    text-align:right;
    /*margin-left:76%*/
    right:30px;
}

div.assessment-top-navigationbuttons {
    position: absolute;
    top: 20px;
    right: 20px;
}

   DIV.assessment-bottom-navigationbuttons
{
	  float: right;
    padding-top: 10px;
   /* margin-top: 20px;
    margin-bottom:20px*/
}

/*MG 20130417 SS96238 */
  DIV.assessment-bottom-navigationbuttonsGC
{
	/* Author:Nikhil Agarwal; Date of Change:25/09/2012; Issue ID:#PK51379- GATE - Skin Update*/
	margin-top:15px;
	float:right;
	padding-left: 605px;
	width:250px;
	clear:both;
	/*End*/
}
/*MG 20130417 SS96238 */

div.assessment-bottom-navigationbuttons div,
div.assessment-top-navigationbuttons div {
    float: left;
    margin-right: 10px;
}
div.surveycontinuebutton.previousbutton input[type=button], /* Application: Engagement,Release:October (Sprint 7), Added by Deepa on 24-Sept-2013: HPQC 832 'Previous' button should have the arrow pointing backward.*/
div.assessment-previousbutton input {
    height: 27px;
    border: 0px;
    background:  url('../images/PreviousButton.png.ashx') top left no-repeat;
   
    padding: 0px 10px 2px 2px;
    cursor: pointer;
    width:auto; 
    font-weight:bold;
    color:#767676;
    font-family: verdana;
    font-size:85%;
    padding-right: 25px;
    padding-left: 25px;
}
div.surveycontinuebutton.nextbutton input[type=button], /* Application: Engagement,Release:October (Sprint 7), Added by Deepa on 24-Sept-2013: HPQC 832 'Previous' button should have the arrow pointing backward.*/
div.assessment-nextbutton input {
    height: 27px;
    border: 0px;
    background: url('../images/NextButton.png.ashx') top right no-repeat;
    
    
    padding: 0px 25px 2px 10px;
    cursor: pointer;
    width:auto;
    background-color:#8AC53E;
    font-weight:bold;
    font-size:100%;
    color:white;
    font-family: verdana;
}

div.assessment-top-helpandexitbuttons {
    position: absolute;
    top: 20px;
    right: 50%;
}

div.assessment-top-helpandexitbuttons div {
    float: left;
    margin-right: 10px;
}

div.assessment-helpbutton input {
    height: 27px;
    border: 0px;
    background: #fff url('../images/HelpButton.png.ashx') top left no-repeat;
    border: solid 1px #333;
    text-transform: uppercase;
    padding: 0px 4px 2px 25px;
    cursor: pointer;
    color:#434343;
}

div.assessment-exitbutton input {
    height: 27px;
    border: 0px;
    background:  url('../images/ExitButton.png.ashx') top left no-repeat;
    border: solid 1px #333;
    text-transform: uppercase;
    padding: 0px 4px 2px 25px;
    cursor: pointer;
    color:#434343;
}

div.application-top-exitbutton {
    position: absolute;
    top: 20px;
    right: 50%;
}

div.application-exitbutton input {
    height: 27px;
    border: 0px;
    background:  url('../images/ExitButton.png.ashx') top left no-repeat;
    border: solid 1px #333;
    text-transform: uppercase;
    padding: 0px 4px 2px 25px;
    cursor: pointer;
    float: right;
    
    color:#434343;
}

div.assessment-guidelinebutton input {
    height: 27px;
    border: 0px;
    background: url('../images/GuidelinesButton.png.ashx') top left no-repeat;
    /*border: solid 1px #333;*/
    padding: 0px 4px 2px 25px;
    cursor: pointer;
    margin: 23px 10px 10px 0px;
    float: right;
    font-weight:bold;
    font-size: 85%;
    font-weight:bold;
    text-decoration: none;
    color:#434343;
}

div.assessment-clearanswer a {
    
    border: 0px;
    background: url('../images/clearAnswer.png.ashx') left repeat-x;    
    padding: 20px 5px 5px 5px;
    cursor: pointer;
    font-size: 85%;
    font-weight:bold;
    text-decoration: none;
    color: #111;
    width: auto;
    margin: 10px  10px 10px; 
    float: right;
    color:#434343;
    height:28px;

}

div.assessment-content {
    
}

div.assessment-content-withnavpane {
    float: right;
    width: 77%;
}

div.assessment-navigationpane {
    width: 20%;
    float: left;
    padding: 5px;
    border: solid 1px #888;
    background-color: #f5f5f5;
    font-size: 90%;
}

div.assessment-navigationpane table td.pagenumber {
    font-weight: bold;
}

div.assessment-item {
    margin: 0px 10px;
}
/* was moved to ~\skin\Default\Customization\LeftToRight(RightToLeft) folder for arabic content
div.assessment-itemstemblock {
    float :left;
    width: 48%;   
}
  
    
div.assessment-itemstem {
    background-color: #fff;
    margin-top: 0px;
}
*/

div.assessment-itembuttons {
       
}

div.assessment-itemstem label {
    padding: 0px 10px 0px 10px;
    display: block;
}

div.assessment-itemstem div.topborder {
    height: 31px;
    background-color: #D8D8D8;
    margin-bottom: 10px;
    min-width:100%;
}
/*
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 {
    height: 11px;
    background: #fff;
    margin-top: 10px;
    
    border-bottom: 2px;
	border-bottom-color: #D8D8D8;
	border-bottom-style: solid;
    min-width:100%;
	
}

/*
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;
}
*/

/* was moved to ~\skin\Default\Customization\LeftToRight(RightToLeft) folder for arabic content
div.assessment-responses {
    width: 48%;
    float: right;
    background-color: #fff;
}
*/
div.assessmentitem-longansweritem
{
    /*Modified 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)*/
    height:auto;
    width:auto;
    overflow:auto;    
    margin-bottom:10px;
    padding-bottom:10px;
}
.LongAnswerTextArea
{
    width:100%; 
    height:230px;
    resize: none;  /* PK23728 SY20150313 GATE - HTML5/P&G - Long Answer item types */
}
#RemainingCharacters
{
    font-size:small; 
    font-weight:bold; 
    margin-bottom:5px;     
}

#radio-container
{
    width:100%;
}

#radio-left
{
    width:10%;
    float:left;
}

#radio-right
{
    width:90%;
    float:left;
    text-align:left;
}
/*  was moved to ~\skin\Default\Customization\LeftToRight(RightToLeft) folder for arabic content
div.assessment-response {
    padding: 0px 10px 20px;
}
*/
/*Modified by Payal on 20-Sep-2012: SS95558 G.A.T.E.-New skin to display Long answer text area on the bottom of the question.(15421)
Added selector for div.assessment-responseslonganswer to display top and bottom border for responses*/
div.assessment-responses div.topborder { /*SP20121010 - HPQC	 - GATE-SS95558-No Space between questions in case of multiple items on one page.*/
   height: 31px;
    background: #D8D8D8;
    margin-bottom: 10px;  
    
    min-width:100%;
}
/*SP20121010 - HPQC 545 - GATE-SS95558-No Space between questions in case of multiple items on one page.*/
div.assessment-responseslonganswer div.topborder {
    height: 31px;
    background: #D8D8D8;
    margin-bottom: 10px;
    margin-top:10px;
    min-width:100%;/*Mohsin Khan: 2014/09/03: HPQC#1835 - Gate September Release-P&G-Bar in ranking item not displayed as expected for default view in IE8 compatibility view*/
}
/*End*/
div.assessment-responses div.topborder span.lft, div.assessment-responseslonganswer div.topborder span.lft{
    display: block;
    float: left;
    height: 11px;
    width: 7px;
    
}

div.assessment-responses div.topborder span.rgt, div.assessment-responseslonganswer div.topborder span.rgt {
    display: block;
    float: left;
    height: 11px;
    width: 7px;
   
}

div.assessment-responses div.bottomborder {/*SP20121010 - HPQC	 - GATE-SS95558-No Space between questions in case of multiple items on one page.*/
    
    height: 31px;
  
    margin-top: 10px;
   
    border-bottom: 2px;
	border-bottom-color: #D8D8D8;
	border-bottom-style: solid;
   
    min-width:100%;
}
/*SP20121010 - HPQC	 - GATE-SS95558-No Space between questions in case of multiple items on one page.*/
div.assessment-responseslonganswer div.bottomborder {
    height: 31px;
    
    margin-top: 10px;
    border-bottom: 2px;
	border-bottom-color: #D8D8D8;
	border-bottom-style: solid;
    
}
/*End*/


div.assessment-responses div.bottomborder span.lft, div.assessment-responseslonganswer div.bottomborder span.lft {
    display: block;
    float: left;
    height: 31px;
    background: #000;
}

div.assessment-responses div.bottomborder span.rgt, div.assessment-responseslonganswer div.bottomborder span.rgt {
    display: block;
    float: right;
     height: 31px;
    background: #000;
}
/*End*/

/* Remove jQuery.UI styles from Guideline dialogs */
div.ui-dialog { font-size: 90%; }
div.ui-dialog-titlebar a { position:absolute; text-align:right; right:0; padding-right: 3px; }
div.ui-icon,
div.ui-widget-header .ui-icon { background-image: none; }
div.ui-dialog-content, 
div.ui-dialog-titlebar { padding: 3px; }

/* Demographic Collection Screen ---------------------------------------------------- */
.no_candidate_show
{
    color: #0000FF;
    display: block;
}
.form_width
{
    width: 700px;

}


.outer_table
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
th, td {
    padding: 5px 0px 0px 0px;   
}
.standard_row_hieght
{
    height: 20px;
}
.current_row
{
    background-color: white;
}
.ShowBorder
{
     border: solid 1px black;
}
.innerTable
{

}

table.innerTable tr td
{

}
.current_cell
{
    background-image: url('../../../Content/Images/Stripe.png.ashx');
}
.current_div
{
    background-image: url('../../../Content/Images/Stripe.png.ashx');
}
.dropdown_size
{
    width: 150px;
    
}
.HideLabel
{
    display: none;
}

td.columncount1
{
    padding:0;
    width:100%;
}
td.columncount2
{
    padding:0;
    width:50%;
}
td.columncount3
{
    padding:0;
    width:33%;
}
td.columncount4
{
    padding:0;
    width:25%;
}
td.columncount5
{
    padding:0;
    width:20%;
}

/* Flash Video Step Screen ---------------------------------------------------- */

/* Rich Text Step Screen ---------------------------------------------------- */
.richtext-div P {
    margin: 0px 0px 10px 0px;
    line-height: 140%;
}

/* Nic-Edit Styles to Reverse Reset.css ------------------------------------------------- */

ul {
    list-style-type: disc;   
}

ol {
    list-style-type: decimal;   
}

ul li {
    margin-left: 20px;   
}

ol li {
    margin-left: 25px;   
}

h6 { font-size: 110%; }
h5 { font-size: 120%; }
h4 { font-size: 130%; }
h3 { font-size: 140%; }
h2 { font-size: 150%; }
h1 { font-size: 160%; }

/* Walkup Code Entry Screen */

div.WalkupMessage
{
    float:left;
    padding-left:10px;
}
div.LoginGraphic
{
    float:left;
}
div.MessageArea
{
    text-align:left;    
}
div.WalkupPage
{
    text-align:center;
     
}

/* Signin Entry Screen */

div.SigninMessage
{
    float:left;
    padding-left:10px;
}
div.MessageArea
{
    text-align:left;    
}
div.SigninPage
{
    text-align:center;
}
input.LoginPassword
{
	 width:130px;
}

/* Comparing and Checking */
div.assessment-itemstemblockcc {
	float: left;
    width: 100%;   
}

div.assessment-comparingchecking {
	clear: both;
    width: 100%;    
    background-color: #fff;
}

div.assessment-comparingchecking-response {
    padding: 0px 10px 20px;
    float: left;
}

div.assessment-comparingchecking div.topborder {
    height: 11px;
    
    margin-bottom: 10px;
}

div.assessment-comparingchecking div.topborder span.lft {
    display: block;
    float: left;
    height: 11px;
    width: 11px;
    
}

div.assessment-comparingchecking div.topborder span.rgt {
    display: block;
    float: right;
    height: 11px;
    width: 11px;
    
}

div.assessment-comparingchecking div.bottomborder {
	clear: both;
    height: 11px;
    
    margin-top: 10px;
}

div.assessment-comparingchecking div.bottomborder span.lft {
    display: block;
    float: left;
    height: 11px;
    width: 11px;
    
}

div.assessment-comparingchecking div.bottomborder span.rgt {
    display: block;
    float: right;
    height: 11px;
    width: 11px;
    
}

.cacCorrectList
{
	border: 1px solid black;
	text-align:center;
	width:44%;
	padding:5px;
}

.cacListToBeChecked
{
	border: 1px solid black;
	text-align:center;
	width:44%;
	padding:5px;
}

.cacNumberOfErrors
{
	border: 1px solid black;
	text-align:center;
	width:12%;
	padding:5px;
}

.cacContent {
	border: 1px solid black;
	text-align: left;
}


.cachover { background-color: #BACCD2; }

/* Application: Engagement,Release: May 2013 Sprint(#2),  NY ; 9 March 2013 ; SS34751-G.A.T.E.-Gate-Engagement New Survey Step Type(15698)  New file added */
table.HorizontalCenterNA tr td.QuestionText
{
	text-align: left;
	padding-bottom: 5px;
	padding-top: 5px;
}
table.HorizontalCenterNA tr td.Radio
{
	text-align: center;
	padding-top: 5px;
}
table.HorizontalCenter tr td.QuestionText
{
	text-align: left;
	padding-bottom: 5px;
	padding-top: 5px;
}
table.HorizontalCenter tr td.Radio
{
	text-align: center;
	padding-top: 5px;
}
table.HorizontalCenterNA tr td.AnswerText 
{
	text-align:center;
	 padding-top :10px;
}
table.HorizontalCenter tr td.AnswerText 
{
	text-align:center;
	 padding-top :10px;
}

tr.standardrowhieght td
{
	padding: 0;
}

div.progress {
 width: 500px;   
 border: 1px solid black;
 position: relative;
 padding: 3px;
}

span.percent {
 position: absolute;   
 left: 50%;
}

div.ProgressBar {
 height: 20px;
 background-color: red;
 width: 30%;
}
.SurveyDropdown
{
    width: 250px;
}
.SurveyShortAnswerTextBox
{
    width: 150px;
}
.SurveyLongAnswerTextArea
{
    width: 250px;
    height:150px;
}
.dropdown
{
    width: 150px;
}

.Textbox
{
  width: 100px;
}
.QuestionText
{
	padding-bottom:10px;
}
/*End*/

/* Application: Engagement,Release: Aug 2013(Sprint5),  NY ; 3 Aug 2013 ; SS34751-G.A.T.E.-Gate-Engagement New Survey Step Type(15698) */
/*Application: Engagement,Release: Sept 2013,  NY ; 22 Aug 2013 ; SS34751-G.A.T.E.-Gate-Engagement New Survey Step Type(15698) START*/
.AlternatingItem {
    background-color: #B0B0B0;
}
/* NY; Application : Engagemnet; Release :October ; Date: 3 Oct 2013; HPQC :New Skin for Engagement start*/
td.ProgressBar
{
    background-color: #E11B22;
    border-color: #4D4F53;
    border-left: 1px solid #4D4F53;
    border-style: solid;
    border-width: 1px;
    height: 2em;
}
td.ProgressBackground
{
    background-color: #FFFFFF;
    border-color: #4D4F53;
    border-left: 1px solid #4D4F53;
    border-style: solid;
    border-width: 1px;
    font-family: Arial;
    font-size: 10px;
    height: 2em;
}

.GridScale
{
    border-bottom: 3px double #4D4F53;
    border-top: 3px double #4D4F53;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 8px;
    text-align: center;
    vertical-align: middle;
    width: 8%;
}
/* NY; Application : Engagemnet; Release :October ; Date: 3 Oct 2013; HPQC :New Skin for Engagement end*/
.progressbarleft
{
	margin-left: 0;
	overflow: hidden;
	visibility: hidden;
}
.progressbarright
{
	height: 1px;
	margin-right: 0;
	overflow: hidden;
	visibility: hidden;
}
.progressbarscale
{
	border-collapse: collapse;
	margin-bottom: 0;
	table-layout: fixed;
	width: 100%;
}

.progressbarscale td
{
	margin: 0;
	padding: 0;
	text-align: center;
}
td.leftcol
{
	text-align: left;
}

td.rightcol
{
	text-align: right;
}
td.midcol
{
	width: 33.33%;
}
table.progressmain
{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
/*Application: Engagement,Release: Sept 2013,  NY ; 22 Aug 2013 ; SS34751-G.A.T.E.-Gate-Engagement New Survey Step Type(15698) END*/
/*End*/
/*End*/
 /*Application: Engagement,Release:October (Sprint 7), Added by Payal on 11-Sept-2013: SS34751*/
 .focus  
        /*Application: Engagement,Release:April 2015, Added by Pawan on 23-feb-2015: HPQC#6951 Selection through Keyboard should be available  : start*/
 { 
  /* background-color: transparent; Application: Engagement,Release:June 2014, By: RA on 22-May-2014: HPQC:2780 Uncheck Answers*/
    outline: 1px dotted blue
          /*Application: Engagement,Release:April 2015, Added by Pawan on 23-feb-2015: HPQC#6951 Selection through Keyboard should be available  : end*/
 }
 /*End*/
 /*Application: Engagement,Release:October (Sprint 7), Added by Payal on 15-Oct-2013: SS34751*/
 div.surveyresumebutton  input[type=button] {
    /*font-size: 11px;*/
    /*font-weight: bold;*/
    /*font-family: Arial;*/
    margin: 0;
    padding: 1px 20px;
    border: #333 1px solid;
    width:18em;
    height:20px;
    min-width:18em;
    text-transform:uppercase;
}
table.HorizontalCenterNA
{
    font-size: 14px; 
    line-height: 18px; 
    border-spacing: 0;
}
/*End*/
 
 
 
.GridScale {
    border-bottom: 3px double #4D4F53;
    border-top: 3px double #4D4F53;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;    
    padding: 8px;
    text-align: center;
    vertical-align: middle;
    width: 8%;
}

/*Priyank Sharma : 01/17/2012 : SS80130 - G.A.T.E.-New Item Type(16264) - Slider Control - START*/
.assessmentSliderParent {
    width: 100%;
}

.assessmentSliderLegend
{
    width: 100%;
}

div #sliderLegend table
{
    table-layout:fixed;/*Priyank Sharma : 01/28/2012 : SS80130 - G.A.T.E.-New Item Type(16264) - Slider Control - HPQC # 1241*/
}

.assessmentSliderLegendTD{
    text-align: center;
    margin:-5px;
    padding:-5px; /*Priyank Sharma : 01/28/2012 : SS80130 - G.A.T.E.-New Item Type(16264) - Slider Control - HPQC # 1256*/
    word-wrap:break-word; /*Priyank Sharma : 01/28/2012 : SS80130 - G.A.T.E.-New Item Type(16264) - Slider Control - HPQC # 1241*/
}
/*Priyank Sharma : 01/17/2012 : SS80130 - G.A.T.E.-New Item Type(16264) - Slider Control - END*/

/*Priyank Sharma : 01/17/2012 : SS80130 - G.A.T.E.-New Item Type(16264) - Slider Control - END*/
/*Application: Engagement,Release:April (Sprint 10), Added by Payal on 26-Feb-2014: HPQC#3637 Group Error and warning messages:Start*/
.Error_Message
{
            margin-top: 3px;
            font: 0.8em Arial Unicode MS, Arial, Helvetica, sans-serif;
            font-style: italic;
            color: Red;
            position: relative;
            margin-bottom: 15px;
            background: transparent url('../../../../Content/Images/field-error.gif.ashx') top left no-repeat;
            padding-left: 17px;
}
        
.Warning_Message
 {
            margin-top: 3px;
            font: 0.8em Arial Unicode MS, Arial, Helvetica, sans-serif;
            font-style: italic;
            color: Black;
            position: relative;
            margin-bottom: 15px;
            background: transparent url('../../../../Content/Images/icn-warning.png.ashx') top left no-repeat;
            padding-left: 17px;
}
/*Application: Engagement,Release:April (Sprint 10), Added by Payal on 26-Feb-2014: HPQC#3637 Group Error and warning messages:End*/

/*Application: Engagement,Release:Feb 2015, Added by shruti Patel on 1/6/2015: HPQC#8638 Engagement - RP 238 Error messages to be displayed as pop ups START */
.PopUp_Message
 {
            /*margin-top: 3px;
            position: relative;
            margin-bottom: 15px;
            display:inline-block;*/
}
.PopUpError_Message
 {
            font: 1em Arial Unicode MS, Arial, Helvetica, sans-serif;
            font-style: normal;
            color: red;
            /*position: relative;*/
             background: transparent url('../../../../Content/Images/field-error.gif.ashx') top left no-repeat;
             display:inline-block;
             padding-left: 3em;
             -moz-padding-start: 18px;
}
.PopUpWarning_Message
 {
            font: 1em Arial Unicode MS, Arial, Helvetica, sans-serif;
            font-style: normal;
            color: Black;
            /*position: relative;*/
            background: transparent url('../../../../Content/Images/icn-warning.png.ashx') top left no-repeat;
             display:inline-block;
             padding-left: 3em;
             -moz-padding-start: 18px;


}
/*Application: Engagement,Release:Feb 2015, Added by shruti Patel on 1/6/2015: HPQC#8638 Engagement - RP 238 Error messages to be displayed as pop ups END */


/*Application: Engagement,Release:April (Sprint 10), Added by Payal on 09-Apr-2014: HPQC#3616 Save as draft code to be generated on global surveys with username name and password scheme:Start*/
.SurveyCandidateSignIn-MessageResumeCode
{
    width: 350px;
	margin-left: auto;
	margin-right: auto;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center
}
.SurveyCandidateSignIn-Fields
{
    width: 350px;
	margin-left: auto;
	margin-right: auto;
	padding-top:10px;
	padding-bottom:10px;
	text-align:right
}
.SurveyCandidateSignIn-Label {
	text-align:right;
	padding-right: 5px;
}

.SurveyCandidateSignIn-Control
{
    font-family: sans-serif;
}

.SurveyCandidateSignIn-Control input
{
    width:200px;
}
/*Application: Engagement,Release:April (Sprint 10), Added by Payal on 09-Apr-2014: HPQC#3616 Save as draft code to be generated on global surveys with username name and password scheme:End*/

#newCurrentCulture {
    border: solid #397097 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
}

/*Mohsin Khan: 06/11/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: 06/11/2014 For Drag and Drop assessment items -  END*/

/*Mohsin Khan: 07/23/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: 07/23/2014 For 508-  End*/

/*Mohsin Khan:07/31/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:07/31/2014: TFS# 28745 - End*/
/*Added By Vijender Singh For Culture Normal View START HERE*/

.inwht{ padding:3px; margin:0px auto; width:99%!important; background-color:#f8f8f8; position:relative;}

.culture1{	
	 border:0px solid #000;
	 margin-left:auto;
	 margin-top:10px;
	 background-color:#fff;
	 background-image:url("../images/world_map.png");
	 background-repeat:no-repeat;
	 background-position:center;
	 margin-right:auto;
	 -moz-box-shadow: 0 0 10px 5px #f6f6f6, 0px 0px lime, 0px 0px 0px red, 0px 0px yellow, 0px 0px 0px blue;
	 -webkit-box-shadow: 0 0 10px 5px #f6f6f6, 0px -0px lime, 0px 0px 0px red, -0px 0px yellow, -0px -0px 0px blue;
	 box-shadow: 0 0 10px 5px #f6f6f6, 0px -0px lime, 0px 0px 0px red, -0px 0px yellow, -0px -0px 0px blue;
  	 border-color: #c2aed2;
	 }

.culture{	
	 padding:40px;
	 height:auto;
	 width:100%;
	 border:0px solid #000;
	 margin-top:0px;
	 margin-bottom:15px;
	 margin-left:auto;

	 }
.culture p{ font-size:13px;	}

.inwht p{
	font-size:14px; padding-top:2px;
	}


#table {
	border:0px solid #000;
}
#table ul {
	margin:auto;
	margin-left:-30px;
	padding:5px;
	margin-top:-30px;
}
#table ul li {
	padding:5px;
	font-size:14px;
	margin-left:0px;
	padding-right:10%;
	vertical-align:middle;
	padding-left:25px;
	width:6%;
	display:-moz-inline-box;/* older gecko*/
	display:inline;
	cursor:pointer;
	position:relative;
	border:0px solid #b8d7e6;
	color:#366a8f;
	text-align:left;
	height:auto;
	line-height:20px;
	border-radius:4px;
	margin-bottom:5px;
	min-width:50px;
	max-width:50px;
	display:inline-block;
}
#assessmentItemContent {
    max-height: 830px !important;
}

#table ul li.active,
#table ul li:hover,
#table ul li:focus { /*2014/10/01: Mohsin: 508 fix Oct14 release*/
	background-color:#9fd148;
	color:#FFF;
	background-repeat:no-repeat;
	background-image:url("../images/countries-arrow.png");
}
.sample_ass_text_culture {
	color:#fff;
	font-size:19px;
	font-weight:normal;
	padding:12px;
	background-color:#363c43;
	border-radius:5px 5px 0px 0px;
}
/*Added By Vijender Singh For Culture Normal View END Here*/
/*Application: Engagement,Release:June 2014, By: RA on 15-Apr-2014: HPQC:2780 Uncheck Answers: START*/
 .backgroundfocuscolor  
 { 
    background-color: #00338d;
 }
 /*End HPQC:2780*/
 /*Start Application: Engagement,Release : Aug 2014, IssueID:HPQC 2956 Language Selection Page Button layout Updates,Date: 17/06/2014,By : RA */
.langBtn {
    display: block;
    font-weight:bold;
    font-size:small;
    padding: 3px 6px;
    margin: 0px 0px 0px 0px;
    text-transform: capitalize;
    color:White;
    border: solid 1px #888;
    background-color:#4682B4;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    width: 150px;
    height:35px;
}
.langOuterDiv
{
	overflow:auto;
	border: solid 2px black;
}
.languageSelectionText
{
	color:#091E5F;
	font-weight:bold; 
	font-size:small;
}

.languageselectionColumn
{
	float:left;
	padding-top:25px;
    padding-bottom:25px;
}
.langInnerDiv
{
 vertical-align:middle;
}
/*End Release : Aug 2014, IssueID:HPQC 2956 */
/*Application: Engagement,Release:Aug 2014 (Sprint 12), Added by Rishi on 18-Jul-2014: RP110-112 - Dynamic logo based on GroupUser and Event : Start */
.header-aon-Surveylogo {
    float: left;
    width: 33.3%;
    height: 100px;
    background: url("../Images/aonlogo_m.gif.ashx") 0 0 no-repeat; /*Application: Engagement,Release:February (Sprint 9), Added by Payal*/
    display: inline-block; 
}

.header-middle-Surveylogo {
    float: left;
    width: 33.3%;
    height: 100px;
    display: inline-block; 
}

.header-client-Surveylogo {
    float: left;
    width: 33.3%; /*Application: Engagement,Release:December (Sprint 8), Payal on 2-Dec-2013: SS34751 HPQC 2903*/
    height: 100px;
    background: url("../Images/VIA_blue.png.ashx") 100% 0 no-repeat; /*Application: Engagement,Release:February (Sprint 9), Added by Payal*/
    display: inline-block; 
}
/*Application: Engagement,Release:Aug 2014 (Sprint 12), Added by Rishi on 18-Jul-2014: RP110-112 - Dynamic logo based on GroupUser and Event : End*/

/*RKV 20140724 HPQC#6575 Begin */
div.surveyClearAllResponsebutton  input[type=button] {
    background: #4682b4;
    color:#ffffff;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial;
    margin: 0;
    padding: 5px 20px;
    border: 0;
    width:150px;

}
div.Bottom-tableNavigationbuttons {
    float: none;
    clear: both;
    padding: 30px 0 50px;
    text-align:left;
    width:100%;
}

/*RKV 20140724 HPQC#6575 End */

/*Mohsin Khan: 508 compliant page fix - Start */
.screen-reader {
    position:absolute;
    top:-9999px;
    left:-9999px;
}
/*Mohsin Khan: 508 compliant page fix - 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*/
  /*20140904 RKG HPQC1830 - Display of adept items is not as expected -- Start*/
  #prefix ,#suffix,.Timer{
      background-color:transparent  !important; /*Priyank Sharma: 09/11/2014 : HPQC#1895*/
  }
  /*20140904 RKG HPQC1830 -  Display of adept items is not as expected 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 */
  /*Application: Engagement,Release:Oct 2014 (Sprint 13), Added by Rishi on 08-Sep-2014: HPQC#7189 RP173_A Background Image on every Survey Page:START*/
.bodyBackground {
    background: url('') no-repeat 0 0 scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/*Application: Engagement,Release:Oct 2014 (Sprint 13), Added by Rishi on 08-Sep-2014: HPQC#7189 RP173_A Background Image on every Survey Page: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*/
 /*RKV 20140901 HPQC#7190 RP205 - Additional buttons on the survey page Begin*/
div.surveyPrintbutton  input[type=button] {
    background: #00808d;
    color:#ffffff;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial;
    margin: 0;
    padding: 5px 20px;
    border: 0;
}
 /*RKV 20140901 HPQC#7190 RP205 - Additional buttons on the survey page End*/

 /*
        Application: Engagement, Release : October 2014
        HPQC#7178 - Engagement Survey - RP75- Jump link to Pages, Date: 8/27/2014 , By : Shruti Patel START
        */
.EventLinkType-Sectionbutton 
    { 
        background-color: Transparent;                 
        text-decoration: underline;                 
        color: blue;
        cursor: pointer; 
        border:0;
        font-size:14px;
        font-weight:bold;
    }  

.EventLinkType-Pagebutton 
    { 
        background-color: Transparent;                 
        text-decoration: underline;                 
        color: blue;
        cursor: pointer; 
        border:0;
        font-size:14px;
        font-weight:bold;
    }

.EventLinkType-td 
    { 
        height:40px;
        border-bottom:solid;
        border-bottom-color:black;
        border-bottom-width:thin;
        font-size:14px;
        font-weight:bold;
    } 

.EventLinkType-SectionMessage 
    { 
        height:50px;
        text-align:center;
        font-size:13px;
        font-weight:bold;
    }  

#page-wrap { width: 960px; margin: 2px auto; }


.breadcrumb { 
    list-style: none; 
    overflow: hidden; 
    font: 12px Verdana, Arial, Sans-Serif;
    float:left;
}
.breadcrumb li { 
    float: left; 
}
.breadcrumb li a {
    color: black;
    text-decoration: none; 
    padding: 10px 0 10px 5px;
    background: white;                   /* fallback color */
    /*background: hsla(34,85%,35%,1); */
    position: relative; 
    display: block;
    float: left;
}

/*
        Application: Engagement, Release : October 2014
        HPQC#7178 - Engagement Survey - RP75- Jump link to Pages, Date: 8/27/2014 , By : Shruti Patel END
        */ 

/*Mohsin: 2104/09/29: 508 Fixes Oct 14 Release - Start*/
input:focus
{
	outline:1px dotted black;
}
a:focus
{
	outline:1px dotted black;
}
select:focus
{
	outline:1px dotted black;
}	
.assessment-top-navigationbuttons input:focus
{
	outline:1px dotted white;
}
.assessment-top-navigationbuttons a:focus
{
	outline:1px dotted white;
}
.assessment-top-helpandexitbuttons input:focus
{
	outline:1px dotted white;
}	
/*Mohsin: 2104/09/29: 508 Fixes Oct 14 Release - End*/


/*Priyank Sharma : 09/25/2014 : Priyank Added background color to preinstructions - Start*/
.assessment-itempreinstruction {
background-color:#fff;
}
/*Priyank Sharma : 09/25/2014 : Priyank Added background color to preinstructions - End*/
#newCurrentCulture:focus{outline:1px dotted white;} /*2014/10/01: Mohsin 508 fix Oct14 release*/ /*20141006 PKS G.A.T.E.-Engagement Survey: HPQC 7180 :RP81 - Ability to add a Summary Page-Start*/ 
.cssSurveyCompleted {   
    color:green  ! important;
}
.cssSurveyNotCompleted {   
    color:red  ! important;
}
/*20141006 PKS G.A.T.E.-Engagement Survey: HPQC 7180 :RP81 - Ability to add a Summary Page-End*/ 
/*Mohsin: 2014/10/19: continue button issue and progress bar color change: Start*/
div.continuebutton {
    float:right;
}
div.surveycontinuebutton {
    float:right;
}
div.assessment-progress>#progressbar>.ui-widget-header {
    background: #397097 url(ui-bg_highlight-soft_75_#397097_1x100.png) 50% 50% repeat-x !important;
}
/*Mohsin: 2014/10/19: continue button issue and progress bar color change: End*/
/*Mohsin: 2014/10/28: Task 38729 - P&G - 508 Compliance - Langauge Dropdown issue - Start*/
.languagebutton:focus {
outline:1px dotted white;
}
/*Mohsin: 2014/10/28: Task 38729 - P&G - 508 Compliance - Langauge Dropdown issue - End*/

/*
Application: Engagement, Release : December 2014 HPQC#7766 - Engagement Survey - RP 248 & RP 256 Language selection page with a drop down (different from standard engagement) and On Entry,
                user sees a Language Page with radio button selection, Date: 10/22/2014 , By : Shruti Patel START
*/


.languageSelectionTextRbt
{
	color:#091E5F;
	font-weight:bold; 
	font-size:small;
}
.langBtnDDL {
    display: block;
    font-weight:bold;
    font-size:small;
    padding: 3px 6px;
    margin: 0px 0px 0px 0px;
    text-transform: capitalize;
    color:White;
    border: solid 1px #888;
    background-color:#4682B4;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
        width:auto;
    height:25px;
}

.dropdownListDDL {

	float: left;
    width: 175px;
}
 /*
Application: Engagement, Release : December 2014 HPQC#7766 - Engagement Survey - RP 248 & RP 256 Language selection page with a drop down (different from standard engagement) and On Entry,
                user sees a Language Page with radio button selection, Date: 10/22/2014 , By : Shruti Patel END
*/
/*Anunay Goyal ; 11 Nov 2014 ; HPQC #7797 - RP245 Expandable/Collapsible Direction/Definition --Start*/
.Expand {
    width:100%;
    border:1px solid #d3d3d3;
}
.Expand div {
    width:100%;
}
.Expand .toggleText {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
    font-weight: bold
}
.Expand .content {
    display: none;
    padding : 5px;
}
.Expand .expandText {
    display: none;
    padding : 5px;
}
.Expand .collapseText {
    display: none;
    padding : 5px;
}
/*Anunay Goyal ; 11 Nov 2014 ; HPQC #7797 - RP245 Expandable/Collapsible Direction/Definition --End*/


  /*Application: Engagement,Release:October ; Pawan saini ; Date : 24-11-2014 ;RP81 - Ability to add a Summary Page - Moved to main.css*/
.SummaryQuestion {
    font: 1.15em Arial, Tahoma, sans-serif;
    color:grey;
}
.SummaryAnswer {
    font: 1.15em Arial, Tahoma, sans-serif;
    font-style: normal;
    color:blue;

}
.SummaryQuestionAnswers {
    font: 1.15em Arial, Tahoma, sans-serif;
    font-style: normal;
    color:red;
    
} 
    /*Application: Engagement,Release:October ; Pawan saini ; Date : 24-11-2014 ; RP81 - Ability to add a Summary Page END-Moved to main.css*/
/*Application: Engagement,Release:December, Added by Pawan on 7-DEC-2014: HPQC 8230 RP244 Barrett setup:Start*/
/*Application: Engagement,Release:December, Added by Pawan on 7-Nov-2014: HPQC 7996 RP244 Barrett setup:Start*/
/*.cssSurveyResponsesListBox
{
     margin-left: 25px;
     margin-top: 10px;
     margin-bottom: 10px;
      width:115px;
      height:105px;
}
.cssSpanResponseLabelContainer {
    display: block;
    word-break: break-all;
    border: 1px solid black;
    position: absolute;
    float:left;
    background-color:blue;
}
.cssSelectedItemCount {
    color:white;
   
}
.cssItemCount {
    color:black;
    background:white;
   
}*/

/*Application: Engagement,Release:December, Added by Pawan on 7-Nov-2014: HPQC 7996 RP244 Barrett setup:end*/
/*Application: Engagement,Release:December, Added by Pawan on 7-DEC-2014: HPQC 8230 RP244 Barrett setup:end*/

/*Mohsin:2015/01/27: Task 45948:PK58754 - Consulting Technology Request - GATE -  508 – Ncat Gradient redesign for 508 Candidates - Start*/
ul#placeholders-ert li {
    /*width: 25% !important;*/
    list-style: none;
    padding: 0px !important;
    margin: 0px !important;
    height: 100% !important;
}
ul#placeholders-ert {
    width: 330px;
    height: 25px;
    margin-top: -7px;
    position: absolute;
    /*-moz-margin-start: 15px;*/
    padding-left: 20px;
    padding-right: 20px;
}
.sliderHeader-ert
{
    float:left;
    width:45px;
}
.choice-items-ert {
    /*width: 330px;*/ /*20150204 RKG HPQC2152 IE8 Compatibility - Choices for the questions not placed properly in IE 8 Compatibility view*/
    height: auto;
    float: left;
    text-align: center;
}
.choice-items-ert-td {
    text-align: center;
    vertical-align: top;
    border: none;
    padding-left: 60px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 30px;
}
.mainitempadding-ert{
    padding-left:60px !important;
}
/*20150202 RKG HPQC 2143 - GATE February Release - PK58754 -  Choices not correctly placed in Arabic Language  - Start*/
/*.rightFloat{
    float:right !important;
}*/
/*20150202 RKG HPQC 2143 - GATE February Release - PK58754 -  Choices not correctly placed in Arabic Language  - End*/
/*Mohsin:2015/01/27: Task 45948:PK58754 - Consulting Technology Request - GATE -  508 – Ncat Gradient redesign for 508 Candidates - End*/
/*Mohsin: 2015/02/12: Task 48012:508 Compliance Changes as requested by tedd, tony and dave - Start*/
.ert-main-tr{
    background-color: rgb(255, 255, 255);
}
.ert-first-div{
    border:none !important;
}
.ERTSecondTableMargin{
    width:80% !important;
    margin-left:80px !important;
}
/*Mohsin: 2015/02/12: Task 48012:508 Compliance Changes as requested by tedd, tony and dave - 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.ashx') no-repeat center center;
    margin: auto;
}
/*Mohsin: 2015/03/11: TFS# 48687: PK60223 - Session loss page (DESKTOP)- Need to apply better formatting - End*/

/*Application: Engagement,Release:April 2015, Added by Pawan on 30-Mar-2015: HPQC#6951 Selection through Keyboard should be available  : start*/
.treeSelectedNodeStyle
{
 background: #ffe48d;
  color: red;
}
/*Application: Engagement,Release:April 2015, Added by Pawan on 30-Mar-2015: HPQC#6951 Selection through Keyboard should be available  : start*/
.treeSelectedNodeStyle
{
  background: #ffe48d;
  color: red;
}
/*Application: Engagement,Release:April 2015, Added by Pawan on 30-Mar-2015: HPQC#6951 Selection through Keyboard should be available  : end*/
/* RKV 20150515  RP310  Engagement Level Scoring on Candidate site:Start*/
div.SurveyFeedBackButton  input[type=button] {
    padding-top: 0px;
    padding-left:10px;
    padding-bottom:2px;
    cursor: pointer;
    text-align:left;
    color:#ffffff;
    width:auto;
    font-family: verdana;
    float:right;
    font-size:100%;
    font-weight:bold;
    background-color:#8AC53E;   
}
/* RKV 20150515  RP310  Engagement Level Scoring on Candidate site:End*/

/*Mohsin: 20150702: TFS# 68333: GGUM Items delivery - Start*/
.ggumAssessment-Survey-HalfWidth {
    width: 50%;
}
.ggumAssessment-Survey-FullWidth {
    width: 100%;
}
.ggumAssessment-Survey-ResponseText {
    padding-bottom: 2px;
    text-align: center;
    vertical-align: bottom;
}
.ggumAssessment-Survey-PreInstructionText {
    height: 30px;
    width: 50%;
}
.ggumAssessment-Survey-ItemText {
    width: 50%;
    vertical-align: middle;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
}
.ggumAssessment-Survey-responseDirections {
    border-bottom: solid;
    width: 100%;
}
.ggumAssessment-Survey-responseitems {
    text-align: center;
    vertical-align: top;
}
/*Mohsin: 20150702: TFS# 68333: GGUM Items delivery - End*/
/*Application: Engagement:August 2015 Release, Added by Priyanka RP325 Automatic row shading for questions:Start*/
.clswhite {
    background-color: white;
}

.head {
    background-color: transparent;
}

/*Application: Engagement:August 2015 Release, Added by Priyanka RP325 Automatic row shading for questions:end*/
pre.optiona {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 3px;
    max-width: 100%;
    overflow: auto;
    padding: 2px;
    display: block;
    word-wrap: break-word;
}
pre.optionb {
    border-left: 3px solid #f36d33;
    background: #2e3b42;
    color: #ffffff;
    -webkit-box-shadow: 9px 9px 27px 9px rgba(195, 195, 195, 1);
    -moz-box-shadow: 9px 9px 27px 9px rgba(195, 195, 195, 1);
    box-shadow: 9px 9px 27px 9px rgba(195, 195, 195, 1);
    border-radius: 9px;
    font-family: monospace;
    font-size: 1rem;
    line-height: 1.6;
    display: inline-block;
    padding: 2rem;
}