/************************************************************
  Name: workform_accessibility.css
  Purpose: Styles for Work Forms of Accessibile harness
************************************************************/
/************************************************************/
/* Input - inherit from desktop.css
/************************************************************/




INPUT {
    font-size: 1em;
    height:auto;
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
    color: black;
    border: 1px solid silver;
}
BODY {
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
    background-color: white;
    font-size:1em;
}
TABLE ,TH, TR, TD{    	
    	font-size:small;    	
}

TD.tdRightStyle {
	font-size: 7pt;
	*font-size: small;
}

/************************************************************/
/* Anchors & Link Styles
/************************************************************/

*html .coverTabMiddle {
	padding-right: 20px;
}
.coverTabMiddle span#close a , .coverTabMiddle span#close a:hover {
   font-size:small;
   text-decoration: none;
}

.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2 a {
   text-decoration: underline;
   font-size: small;
}
A:visited, A:link {
   text-decoration: underline;
   font-size: small;
}
A:Hover {
   font-size: small;
}


.tabbedHeaderLabelStyle a, .tabbedHeaderLabelStyle a:hover, .tabbedHeaderLabelStyle_on a, .tabbedHeaderLabelStyle_on a:hover {
  font-size:medium;
  text-decoration: none;
}

/************************************************************/
/* Buttons  - inherit from desktop.css
/************************************************************/
BUTTON, BUTTON.largeButton, BUTTON.littleButton {
    font-size: x-small;
    border: 0;
    margin: 0;
    padding: 0 1px 0 1px;
    background-color: transparent;
    cursor: pointer;
    /* NOTE: width and overflow have to be set as follows
    so that button's text make its displayed width correct*/
    width: 0;
    overflow: visible;
}
.buttonText {
  white-space: nowrap;
  font-weight: bold;
  font-family: 'Tahoma', Tahoma, Arial, Verdana;
  font-size:small;
  color: #036;
  line-height: 51pt;
  cursor: pointer;
}
.buttonTextHover {
  white-space: nowrap;
  font-weight: bold;
  font-family: 'Tahoma', Tahoma, Arial, Verdana;
  font-size: small;
  color: orange;
  line-height: 11pt;
  cursor: pointer;
}
/************************************************************/
/* Buttons
/************************************************************/
.buttonLeft{
  background-image: url('../templateimages/buttonleft_metal_compact.gif');
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 7.5pt;
  height: 15pt;
}
.buttonMiddle{
  background-image: url('../templateimages/buttonmiddle_metal_compact.gif');
  height: 15pt;
  background-repeat: repeat-x;
  vertical-align: middle;
}
.buttonRight{
  background-image: url('../templateimages/buttonright_metal_compact.gif');
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 12pt;
  height: 15pt;
}
.buttonText {
  font-weight: normal;
  font-family: 'Tahoma', Tahoma, Arial, Verdana;
  font-size: 0.8em;
  color: black;
  line-height: 15pt;
  cursor: pointer;
}
.buttonTextHover {
  font-weight: normal;
  font-family: 'Tahoma', Tahoma, Arial, Verdana;
  font-size:0.8em;
  color: orange;
  line-height: 15pt;
  cursor: pointer;
}
/************************************************************/
/* New CrossBrowser Table Button Styles
/************************************************************/
table.buttonMainTable {
	background-color:#CCCCCC;
	font-size:18px;
	*font-size:0.8em;
	font-weight:bold;
	display: -moz-inline-box;
}
.buttonTdMiddle{
    background-image: none;
}
.buttonTdLeft{
    background-image: none;
}
.buttonTdRight{
    background-image: none;
}
/* ie \*/
* html   BUTTON.buttonTdButton {
    background-color:transparent;
    font-size: small;
}

/************************************************************/
/* New CrossBrowser Span Button Styles
/************************************************************/
/* FF */
BUTTON.spanButton {
    background-color:#CCCCCC;
    background-image: none;
    font-size: .8em;
}
.spanButtonLeftSpan {
    background-image: none;
}
.spanButtonRightSpan {
    background-image: none;
}
/* ie \*/
* html BUTTON.spanButton {
    background-color:#CCCCCC;
    background-image: none;
    font-size: .8em;
}
* html .spanButtonLeftSpan {
    background-image: none;
}
* html .spanButtonRightSpan {
    background-image: none;
}

/************************************************************/
/* Dropdown  - inherit from desktop.css
/************************************************************/

SELECT {
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
    font-size:small;
    color: black;
    font-weight: bold;
    padding:0px;
}

/************************************************************/
/* Textarea  - inherit from desktop.css
/************************************************************/
TEXTAREA {
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
    font-size:small;
    color: black;
    font-weight: normal;
    border: 1px solid silver;
}
TEXTAREA.textAreaStyle {
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
    font-size:1em;
    color: black;
    font-weight: normal;
    border: none;
}
.textAreaExpandReadOnlyStyle {
    border: 0;
    margin: 0;
}
/* marker for SmartPrompt */
.InputIntellisenseStyle {
    background-image: url('../images/zintellimarker_11645384197.gif!!.gif');
    background-repeat: no-repeat;
    background-position: right bottom;
}
.labelTextboxStyle {
  border: none;
  text-align: left;
  font-family: 'Tahoma', Tahoma, Arial, Verdana;
  font-size:1em;



  background-color: transparent;
}
.textAreaExpandStyle {
    border: 1px solid silver;
    margin: 1px 0 1px 0;
    background-color: white;
}
/* Icon indicating collapsed input field */   
.iconInputCollapsed {
    background-image: url('../images/collapsed_standard_13721205829.gif!!.gif');
    background-repeat: no-repeat;
    background-position: left center;
    width: 7.5pt;
    height: 7.5pt;
    cursor: pointer;
    background-color: transparent
}
/* Icon indicating expanded input field */
.iconInputExpanded {
    background-image: url('../images/expanded_standard_12183075702.gif!!.gif');
    background-repeat: no-repeat;
    background-position: left center;
    width: 7.5pt;
    height: 7.5pt;
    cursor: pointer;
    background-color: transparent
}
/* Icone Required */
.iconRequired {
  	background-image: url('../images/requiredstar_13824365626.gif!!.gif');
   	background-repeat: no-repeat;
	background-position: center center;
  	height: 8px; 
	/*width: 13.5pt; this width is getting applied to label text */ 
    /*	white-space: nowrap; BUG-217201*/
}
/* left required */
.iconRequiredLeft {
	display: none;
}
/* right required - used because labels are aligned left */
.iconRequiredRight {
	display: inline;
}
label strong.required-field-accessibility,th strong.required-field-accessibility{
	color: #CA751B;
	font-size:100%;
	overflow:visible;
	text-indent: 0;
	width: auto;
	height: auto;
}

label .iconRequired,th .iconRequired{
	background:none;
}

/************************************************************/
/* Action Body   
/************************************************************/
BODY#actionContainer {
    margin: 0; 
    padding: 0;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='white', StartColorStr='#E0E4ED'); 
    color: #036;
    font-weight: normal;
}
/************************************************************/
/* "Action" Section Title Bar
/************************************************************/
/* container for action body */
.actionTitleBarStyle{
    border-left: 1px solid #C6C6C8;  
    border-bottom: 1px solid #C6C6C8; 
    border-right: 1px solid #C6C6C8;
    background-image:none;
}
.actionBodyStyle {
    border-left: 1px solid #C6C6C8;  
    border-bottom: 1px solid #C6C6C8; 
    border-right: 1px solid #C6C6C8;
    background-color: transparent;
}
.actionTitleBarLeft {
    background-color: #F9BE82;
    height:2.25em;
	width: 11px;
    background-image:none;
}
.actionTitleBarBackground {
    background-color: #F9BE82;
    height:2.25em;
	width: 100%;
    background-image:none;
    border: none;
}
.actionTitleBarRight {
    height:2.25em;
	width: 1px;   
     background-image:none;  
    background-color: #F9BE82;  
}
.actionTitleBarLabelStyle {   
    color: white;
    font-weight: bold;
    text-transform: none;
    vertical-align: 0;
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
    font-size: small;
    padding: 0 5px 0 0;
}
.blank_groupBoxStyle {
    border: none;
    width: 100%;
    padding: none;
    margin-bottom: 0;
}
.blank_sectionBodyContainerSubHead{
    padding: 0 0 0 1.75em;
    background-color: white;
    width: 100%;
}

/************************************************************/
/* Screen Flow Process steps styles
/************************************************************/
.currentStep{
	background-color: yellow;
}

/************************************************************/
/* Harness content, Action area and button box
/************************************************************/
DIV.harnessContent {
	width: 100%; 
	/*overflow-y: auto;
	overflow-x: hidden;*/
	padding: 3px 0 3px 3px;
}
.buttonTableBoxStyle {
	background-color: #E1E9F4;
}
/************************************************************/
/* Container style 											*/
/************************************************************/
.containerBody{   
   border: none;
   background-color: transparent;
}
.containerWithBorder {
  background-color: transparent;
  border: 3px solid #5270A4;
  margin-bottom: 3px;
  padding: 3px;
}
.containerTop {
	border-top: 1px solid #788BB6;
}
/* special styles for Action area */
.dataActionTitle {
    font-family: 'Tahoma', Tahoma, Arial, Verdana;    
    font-size: small;
	color: #036;
	font-weight: bold;
	text-align: left;
	padding: 8px 10px 5px 10px;		
}
/************************************************************/
/* Data styles
/************************************************************/

.dataLabelRead, .dataLabelForRead {
    background-color: transparent;
	color: black;
    font-size : small;
	font-weight: bold;
	font-family: 'Tahoma', Tahoma, Arial, Verdana;
	padding: 1px 5px 1px 5px;
	border: none;
    /*text-align: right;*/ /*BUG-157997*/
}
.dataValueRead ,.dataValueRead TEXTAREA{
	background-color: transparent;
	color: black;
	font-size: small;
    font-weight: normal;
	font-family: 'Tahoma', Tahoma, Arial, Verdana;
	padding: 1px 5px 1px 5px;
	border: none;
    text-align: left;
}
.dataLabelWrite, .dataLabelForWrite, .dataLabelStyle  {
	background-color: transparent;
	color : black;
    font-size : small;
    font-weight: bold;	
	font-family: 'Tahoma', Tahoma, Arial, Verdana;
	padding: 1px 5px 1px 5px;
    /* text-align: right; */ /* BUG-147565 */
}
.dataValueWrite {
	background-color: transparent;
	color : black;
    font-weight: normal;
	font-size: small;	
	font-family: 'Tahoma', Tahoma, Arial, Verdana;
	padding: 1px 5px 1px 5px;
   	text-align: left;
}
/************************************************************/
/* Data tables with arbitrary # cols
/************************************************************/
table.dataTable {
    width: 100%;
    border: 1px solid #7290E0;
}
.dataTableHeadLeft {
   font-size:1em;
   color: #6168BA;
   font-family: 'Tahoma', Tahoma, Arial, Verdana;
   font-weight: bold;
   text-align: left;
   padding: 1px 3px 1px 3px;
   vertical-align: center;
   background-color: #CEDBEE;
}
/* styles for data rows */
.dataTableBodyLeft {
   font-family: 'Tahoma', Tahoma, Arial, Verdana;
   font-size:1em;
   font-weight: normal;
   text-align: left;
   padding: 1px 3px 1px 3px;
}
/* zebra-striped rows */
tr.dataTableEvenRow {
    background-color: white;
    color: #6168BA;
}
tr.dataTableOddRow {
    background-color: #F8F9FD;
    color: #6168BA;
}
.expandInnerDivStyle {		/* Container for ALL expandable divs */
    background-color: white;
	padding: 0;
	border-left: none;
	border-bottom: none;	
	border-right: none;
}
/************************************************************/
/* Harness Body
/************************************************************/
BODY.harnessBody {
	background-color: white;
	margin:0px; 
	padding: 0; 
	/*overflow-y: hidden;*/
}
.harnessBodyNoHead {		/* Harness body with no header */
	padding: 0;
	background-color: transparent;
}
/************************************************************/
/* Work form icons for Metal Look : disabled state
/************************************************************/
.iconAttachment_disabled  {
    background-image: url('../templateimages/attachment_on_metal.gif');
    background-repeat: no-repeat;
	background-position: center center;
	width: 15pt;
	height: 13.5pt;	
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.75, grayscale=1);
}
.iconCalendar_disabled  {
   background-image: url('../templateimages/calendar_on_metal.gif');
   background-repeat: no-repeat;
	background-position: center center;
	width: 15pt;
	height: 13.5pt;	
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.75, grayscale=1);
}
.iconClose_disabled {
   background-image: url('../templateimages/closeform_on_metal_12846928502.gif!!.gif');
    background-repeat: no-repeat;
	background-position: center center;
	width: 15pt;
	height: 13.5pt;	
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.75, grayscale=1);
}
.iconHistory_disabled {
   background-image: url('../templateimages/history_on_metal.gif');
    background-repeat: no-repeat;
	background-position: center center;
	width: 15pt;
	height: 13.5pt;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.75, grayscale=1);
}
.iconInsert_disabled  {
   background-image: url('../templateimages/rfinsertrow_on_metal.gif');
    background-repeat: no-repeat;
	background-position: center center;
	width: 15pt;
	height: 13.5pt;	
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.75, grayscale=1);
}
.iconLocation_disabled {
   background-image: url('../templateimages/location_on_metal.gif');
    background-repeat: no-repeat;
	background-position: center center;
	width: 15pt;
	height: 13.5pt;	
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.75, grayscale=1);
}
.iconSpellChecker_disabled {
   background-image: url('../templateimages/spellcheck_on_metal.gif');
    background-repeat: no-repeat;
	background-position: center center;
	width: 15pt;
	height: 13.5pt;
	cursor: pointer;
	margin-top: 1px;
	filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.75, grayscale=1);
}
/************************************************************/
/* Harness repeating groups                                 */
/************************************************************/

/* read-only table */
table.repeatReadOnly {
	border: none;
	padding: 0;
	margin: 0;
}

.repeatReadOnly td.oddRow {
	font-size:1em;
	font-family: 'Tahoma', Tahoma, Arial, Verdana;
    font-weight: normal;
	color:black;
	background-color: #E9ECF6;
	padding: 0;
}
.repeatReadOnly td.evenRow {
	font-size:1em;
	font-family: 'Tahoma', Tahoma, Arial, Verdana;
    font-weight: normal;
	color:black;
	background-color: white;         
	padding: 0;
}
/* read-write table */
table.repeatReadWrite {
	border: 0;
    padding: 0;
	margin: 0;
}
/* portions of the above repeat style for harness/section editor these style should be updated when the above styles are updated */
.repeatReadWriteHeaderStyle, .repeatReadWrite th, .repeatReadOnly th  {
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
    text-transform: none;
    text-align: left;
    font-weight: bold;
    font-style: normal;
    font-size:1em;
    color: #5B6B9A;
    background-image: none;
    background-position: center center;
    background-color: transparent;
    padding: 0;
    border-bottom:1px solid #0A3B8D;
    border-right: none;
    border-left: none;
    border-top: none;
}
.repeatReadWriteBodyStyle {
	background-color: transparent;  /*Paul changed*/
	color: black;
	font-size:1em;
    font-weight: normal;
	padding: 1px 5px 1px 5px;
}

.repeatReadWrite td {
	background-color: transparent;  
	color: black;
	font-size:1em;
    font-weight: normal;
}
.sectionBodyContainerNoHead { /* section with no header */
	padding: 0;
	background-color: transparent;
    width: 100%;
    border: none;
}
/* Harness Border Shadow Look */

.subheaderFieldSetStyle {
   border: 1pt solid silver;
   padding: 0 2px 2px 13px;
   margin: 0 3px 3px 3px;
}
.subheaderLegendStyle {
   background-color: transparent;
   font-family: 'Tahoma', Tahoma, Arial, Verdana;
   font-size:1em;
   font-weight: normal;
   color: gray;
   cursor: none;
   border: none;
   vertical-align: middle;
   margin-left: -8px;
}
/************************************************************/
/* Top-level standard header
/************************************************************/
.titleBarStyle {				/* Container for title bar table */
   background-color: transparent;
}

.titleBarIconCollapsed {		/* Collapsed icon     */
    background: #BBBBFF url(../templateimages/h1collapsed_accessibility_12609719429.gif!!.gif) no-repeat;
    border: none;
    height: 2.25em; 
    width: 1.75em;
    cursor: pointer;
}

.titleBarNoExpand {				/* Title bar is not expandable */
    background-color: #BBBBFF;
    border: none;
    height:2.25em;
    width: 1.75em;
    background-image: none;
}

.titleBarBackground {			/* Background of title bar */
    background-color: #BBBBFF;
    background-repeat: repeat-x;   
    height:2.25em;
    background-image:none; 
    border: none;
    padding: 0;
}
.titleBarRight {				/* Title bar right side */
    background-color: #BBBBFF;
    background-image: none;
    height:2.25em;
    width: 5px;
}

.titleBarLabelStyle {			/* Title bar title */
	color: black;
	font-family: 'Tahoma', Tahoma, Arial, Verdana;
	font-size: small;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	vertical-align: -3px;
	border: 0;
	margin: 0;
	padding: 0 10px 0 5px;
}
.titleBarDataLabelStyle {		/* Title bar label (header elements) */
	color:  black;
	vertical-align: -3px;
	font-family: 'Tahoma', Tahoma, Arial, Verdana;
	font-size: x-small;
	font-weight: normal;
	text-align: right;
	padding: 0 0 0 10px;
}
.titleBarDataValueStyle {		/* Title bar value (header elements) */
	color: #FFFFFF;
	vertical-align: -3px;
	font-family: 'Tahoma', Tahoma, Arial, Verdana;
	font-size: x-small;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding: 0 10px 0 5px;
}

.tabbedHeaderLabelStyle {		/* Tabbed bar label  */
   color: #D09176;
   font-weight: bold;
   font-family: 'Tahoma', Tahoma, Arial, Verdana;
   text-transform: none;
   vertical-align: 0;
   cursor: pointer;
   padding-left:4px;
   padding-right:10px;
}

.tabbedHeaderLabelStyle_on {		/* Tabbed bar label  */
   color: #5B6B9A;
   font-weight: bold;
   font-family: 'Tahoma', Tahoma, Arial, Verdana;
   text-transform: none;
   vertical-align: 0;
   cursor: pointer;
   padding-left:4px;
   padding-right:10px;
}
/************************************************************/
/* Top-level standard header - Expanded Style
/************************************************************/
.titleBarIconExpanded {			/* Expanded icon */
   background: #BBBBFF url(../templateimages/h1expanded_accessibility_11522804617.gif!!.gif) no-repeat;
   height: 2.25em; 
   width: 1.75em;
   cursor: pointer;
   
}
.titleBarBackgroundExpanded {     /* Expanded background of title bar */
	background-color:#BBBBFF;
	background-image:none;
	border:medium none;
	height:40px;
	*height: 2.25em;
}
.titleBarRightExpanded {		/* Expanded Title bar right side */
   background-color: #BBBBFF;   
   background-image: none;
   height:2.25em;
   width: 5px; 
   border: none;
}

.titleBarLabelStyleExpanded {		/* Expanded Title bar title style */
    color: black;
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
    font-weight: bold;
    text-transform: none;
    vertical-align: 0;
    font-size: small;
    border: 0;
    margin: 0 8pt 0 0;
    padding: 0;
}
.titleBarDataLabelStyleExpanded {		/* Title bar label (header elements) */
	color:black;
	font-family:'Tahoma',Tahoma,Arial,Verdana;
	font-size: small;
	*font-size:x-small;
	vertical-align:0;
}
.titleBarDataValueStyleExpanded {		/* Title bar value (header elements) */
 	color:black;
	font-family:'Tahoma',Tahoma,Arial,Verdana;
	font-size:small;
	*font-size:x-small;
	font-weight:normal;
	vertical-align:0;
	padding-right:5px;
}
/************************************************************/
/********   Pervious   Accessibility Css Class       ********/
/************************************************************/
.highlight,.TextAreaContainer #CTRL_TA textarea.highlight{
	background-color: yellow !important;
	color: black;
}

/*BUG-178357 Eng-14131 Fix*/
Input[type="text"].highlight{
	background-color: yellow;
	color: black;
}

input[type=checkbox].highlight, input[type=radio].highlight{
    outline:5px solid yellow !important;
}

.inputError {
    background-color: transparent;
    color: red;
    font-weight: bold;
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
    font-size:1em;
    padding: 1px 5px 1px 5px;
    text-align: right;
}

/***********ASCII (*) Vlaue for Required Fields****************/
.AccessibleRequired{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bolder;
color:CC3300;
vertical-align:middle;
}

/*************** New Styles Added**********************/

.groupTitleBarTitleStyle { 
	font-size: 10pt; 
	color: #332C61;
}

.groupTitleBarTitleStyleExpanded {
   font-family: 'Tahoma', Tahoma, Arial, Verdana;
   text-transform: none;
   text-align: left;
   font-weight: bold;
   font-style: normal;
   font-size: 10pt;
   color: #5B6B9A;
    border: 0px;
    padding: 0px 5px 0px 0px;
    margin: 0px;

}

.dataLabelTextAreaStyle {
   	font-family: Verdana, Arial, sans-serif;
   	font-size: medium;
   	font-weight: bold;
   	text-align: right;
   	padding: 1px 3px 0px 10px;
}
.sectionBodyContainerSubHead { /* section with sub header */
    	padding: 0px 0px 0px 0px;
	background-color: transparent;
	border-left: none;
	border-bottom: none; 
	border-right: none;
   	width: 99%;
}
.groupBoxStyle {
   border: none;
   width: 99%;
   padding: 0px;
   margin: 0px;
}

#EXPAND-OUTERFRAME{
	width: 99%;
}


/***********************************************/
/* Accordion Styles - Standard Header tabs     */
/***********************************************/
.headerAccordion ul, .headerAccordion li{ list-style-type:none; list-style:none;}
/* Expanded icon */
.headerAccordion .selected .titleBarIcon, .headerAccordion span#DVSELECTED span#TABSPAN .titleBarIcon {
    background: #66A url(../templateimages/h1expanded_accessibility_11522804617.gif!!.gif) center no-repeat;
    border: none;
    height: 2.25em; 
    width: 1.75em;
    cursor: pointer;
    border-top: #ffffff 1px solid;
}

.headerAccordion .titleBarIcon, .headerAccordion .unselected .titleBarIcon {
    background: #66A url(../templateimages/h1collapsed_accessibility_12609719429.gif!!.gif) center no-repeat;
    height: 2.25em; 
    width: 1.75em;
    cursor: pointer;	
    border-top: #ffffff 1px solid;
}


/* expanded versions */
/* Background of title bar */
.headerAccordion .selected .titleBarBackground, .headerAccordion span#DVSELECTED span#TABSPAN .titleBarBackground {
    background-image: none;
    background-color: #66A;
    height: 2.25em; 
    border-top: #ffffff 1px solid;
}

/* Background of title bar */
.headerAccordion .titleBarBackground, .headerAccordion .unselected .titleBarBackground {
    background-image: none;
    height: 2.25em;
    background-color: #66A;
    padding: 0px;
    border-top: #ffffff 1px solid;
}

/* Title bar title */
.headerAccordion .titleBarLabelStyle {
	color: #FFFFFF;
	font-family: 'Tahoma', Tahoma, Arial, Verdana;
	font-size: small;
	font-weight: bold;
	text-align: left;
	vertical-align: -3px;
	border: 0;
	margin: 0;
	padding: 0 10px 0 5px;
    text-transform:capitalize;
}

.headerAccordion .titleBarDataLabelStyle {
   color: #fff;
   vertical-align: 0px;
   font-family: 'Tahoma', Tahoma, Arial, Verdana;
   text-transform:none;
   font-weight:bold;
}

.headerAccordion .titleBarLabelStyleExpanded {
   color: #fff;
   text-transform:capitalize;
}

.headerAccordion .titleBarDataValueStyle {
   color: white;
   font-weight: normal;         
   vertical-align: 0px;
   font-family: 'Tahoma', Tahoma, Arial, Verdana;
}

/* Title bar right side curved */
.headerAccordion .titleBarRight, .headerAccordion .unselected .titleBarRight{
    background-color: #66A;
    background-image: none;
    height:2.25em;
    width: 5px;
    border: none;
    border-top: #ffffff 1px solid;

}
.headerAccordion .titleBarLabelStyle, .headerAccordion .unselected .titleBarLabelStyle {
    border:0pt none;
    color:#FFFFFF;
    font-family:'Tahoma',Tahoma,Arial,Verdana;
    font-size:small;
    font-weight:bold;
    margin:0pt;
    padding:0pt 10px 0pt 5px;
    text-align:left;
    text-transform:capitalize;
    vertical-align:-3px;
}


/* Title bar right side curved */
.headerAccordion .selected .titleBarRight, .headerAccordion span#DVSELECTED span#TABSPAN .titleBarRight {
    background-color: #66A;
    background-image: none;
    height:2.25em;
    width: 5px;
    border: none;
    border-top: #ffffff 1px solid;

}

/* Title bar title */
.headerAccordion .selected .titleBarLabelStyle, .headerAccordion span#DVSELECTED span#TABSPAN .titleBarLabelStyle {
	color: #FFFFFF;
	font-family: 'Tahoma', Tahoma, Arial, Verdana;
	font-size: small;
	font-weight: bold;
	text-align: left;
	vertical-align: -3px;
	border: 0;
	margin: 0;
	padding: 0 10px 0 5px;
    text-transform:capitalize;


}

.headerAccordion .selected .titleBarDataLabelStyle, .headerAccordion span#DVSELECTED span#TABSPAN .titleBarDataLabelStyle {
	color:  #FFFFFF;
	vertical-align: -3px;
	font-family: 'Tahoma', Tahoma, Arial, Verdana;
	font-size: x-small;
	font-weight: normal;
	text-align: right;
	padding: 0 0 0 10px;   
	text-transform:none;
}

.headerAccordion .selected .titleBarDataValueStyle, .headerAccordion span#DVSELECTED span#TABSPAN .titleBarDataValueStyle {
	color: #FFFFFF;
	vertical-align: -3px;
	font-family: 'Tahoma', Tahoma, Arial, Verdana;
	font-size: x-small;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding: 0 10px 0 5px;
}



/***********************************************/
/* Accordion Styles - Standard Sub Header tabs */
/***********************************************/
.accordionContent {
      border-top:none;
      border-right:1px solid white; 
      border-bottom: 1px solid white;  
      border-left: 1px solid white; 
      margin-top: 0px; 
      padding-top: 0px;
}

.subAccordion .selected .groupTitleBarIcon, .subAccordion span#DVSELECTED span#TABSPAN .groupTitleBarIcon {
    background-image: url(../templateimages/c_h2expanded_accessibility.gif);
    height:1.252em;
    width: 17px;
    background-color: #66A;
    border: 0px;
    margin: 0px;
    padding: 0px;
    border-top: #fff 1px solid;
    color:#fff;
}

.subAccordion .groupTitleBarIcon, .subAccordion .unselected .groupTitleBarIcon {
    background-image: url(../templateimages/c_h2collapsed_accessibility.gif);
    border: none;
    height:1.252em;
    width: 17px;
    background-color:#66A;
    border: 0px;
    margin: 0px;
    padding: 0px;
    border-top: #fff 1px solid;
    color:#fff;
}

.subAccordion .selected .groupTitleBarBackground, .subAccordion span#DVSELECTED span#TABSPAN .groupTitleBarBackground  {
    background-image: none;
    background-position: center center;
    height:1.252em;
    color:#fff;
    cursor:pointer;
    background-color: #66A;
    border-left: none;    
    border-bottom:none;
    border-right: none;
	border-top: #fff 1px solid;
}

.subAccordion .groupTitleBarBackground, .subAccordion .unselected .groupTitleBarBackground {
    background-image: none;
    background-repeat: repeat-x;
    background-position: center center;
    height:1.252em;
    cursor:pointer;
    background-color: #66A;
    border-left: none;
    border-top: #fff 1px solid;
    border-bottom:none;
    border-right: none;
    color:#fff;
}

.subAccordion .groupTitleBarRight {
    background-image: none;
    background-repeat: repeat-x;
    background-position: center center;
    width: 5px;
    height:1.252em;
    cursor: default;
    background-color: #66A;
    border-left: none;
    border-top: #fff 1px solid;
    border-bottom:none;
    border-right: none;
}

.subAccordion .groupTitleBarTitleStyle {
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
    text-transform: none;
    font-style: normal;
    color: #fff;
    border: 0px;
	border-top: #fff 1px solid;
    padding: 0px 5px 0px 0px;
    margin: 0px;
   font-weight:bold;
}

.subAccordion .groupTitleBarLabelStyle {
    text-align: left;
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
    color: #fff;
	text-transform:none;
}

.subAccordion .groupTitleBardataLabelStyle {
    text-align: left;
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
    color: #fff;
	text-transform:none;
}

.subAccordion .groupTitleBarDataStyle {
    font-weight: normal;
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
    color: #fff;
}
.subAccordion .groupTitleLabelStyle {
	color:#fff;
	font-family:'Tahoma',Tahoma,Arial,Verdana;
	font-weight:bold;
	text-align:left;
}

.subAccordion .selected .groupTitleBarRight, .subAccordion span#DVSELECTED span#TABSPAN .groupTitleBarRight {
    background-image: none;
    background-position: center center;
    width: 5px;
    height:1.252em;
    cursor: default;
    background-color: #66A;
    border-left: 0px;
    border-top: #fff 1px solid;
    border-bottom: 0px;
    border-right: 0px;
}

.subAccordion .selected .groupTitleBartitleStyle, .subAccordion span#DVSELECTED span#TABSPAN .groupTitleBarTitleStyle {
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
    text-transform: none;
    font-style: normal;
    color:#fff;
    border: 0px;
    padding: 0px 5px 0px 0px;
    margin: 0px;
}

.subAccordion .selected .groupTitleBarLabelStyle, .subAccordion span#DVSELECTED span#TABSPAN .groupTitleBarLabelStyle {
    text-align: left;
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
    color: #fff;
	text-transform:none;
}


.subAccordion .selected .grouptitleBarDataLabelStyle, .subAccordion span#DVSELECTED span#TABSPAN .grouptitleBarDataLabelStyle {
    color: #fff;
    vertical-align: 0px;
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
	text-transform:none;
}
.subAccordion .selected .groupTitleBarDataStyle, .subAccordion span#DVSELECTED span#TABSPAN .groupTitleBarDataStyle {
    font-weight: normal;
    font-family: 'Tahoma', Tahoma, Arial, Verdana;
    color: black;
}

.groupTitleLabelStyle {
	color:black;
	font-family:'Tahoma',Tahoma,Arial,Verdana;
	font-weight:bold;
	text-align:left;
}
/******************************************************************/
/* Paging Styles
/******************************************************************/
.pagingLinks {
	color: #515151;
}
.pagingLinksPaddingUnderline
{
	color: #8B5A00;
}
.pageTabTitleBarLabelStyle {			
   	color: #000000;
}

/****************************************************************************/
/* Work Area Styles - overwrite compositebrand styles in accessibility mode
/****************************************************************************/

.listTableRowStyle td.tdLeftStyle, .LViewTableRowStyle td.tdLeftStyle {
	font-size : small;
}

.listTableRowShadedStyle td.tdLeftStyle, .LViewTableRowShadedStyle td.tdLeftStyle {
	font-size : small;
}

.listTableRowSelectedStyle td.tdLeftStyle, .ViewRowSelectedStyle td.tdLeftStyle {
	font-size: small;
}

th.ViewHeaderStyle, th.ViewHeaderStyle A, th.ViewHeaderStyle A:link, th.ViewHeaderStyle A:visited, th.ViewHeaderStyle A:hover {
	font-size: small;
}

/****************************************************************************/
/* Added background color for header in section inside a row repeat
/****************************************************************************/

.repeatReadWrite td .titleBarNoExpand, .repeatReadWrite td .titleBarBackgroundExpanded, .repeatReadWrite td .titleBarRightExpanded {
	background-color:#bbbbff;
}

.highContrastModeText { 
	font-weight:bold;
	color:white;
	font-size:9pt;
	border: 1px solid white;  
         	
}

.pageErrorList, .errorTitle, .a_groupTitleBarTitleStyleExpanded, .a_groupTitleBarTitleStyle, .repeatReadWrite TH.dataLabelRead
{
	font-size: small;
}




.pzhc .pzbtn-rgt, .pzhc .pzbtn-lft, .pzhc .pzbtn-mid
{
	background-image: none;
}

BUTTON.pzhc
{
	background-color:#CCCCCC;
	display: -moz-inline-box;
/*
	font-size:18px;
	*font-size:0.8em;
	background-color:transparent;
	font-weight:bold;
*/
	font-size: 1em;
	padding-bottom:0px;
	margin-bottom:2px;
}
/*BUG-140025: Nullify the font increase done in accessibility mode in YUI RTE toolbar.*/
.yui-skin-pega .yui-toolbar-container .yui-toolbar-subcont {
	font-family: Arial;
	font-size: 13px;
}
/* Bug-175879 : dotted focus style for tabs. Although the tabs have general bottom border style on focus, a dotted representation might give better visibility.*/
.tab-ul li > a:focus label, .ie .tab-ul li a:focus label{
  outline: dotted thin #000 !important;
}

input:not([type="radio"]):not([type="checkbox"]):focus,
textarea:focus,
select:focus,
button.pzhc:focus,
a:focus {
  outline: 0; 
  border: 2px solid #006dff;
}

button.Standard:focus {
  background: #C9D2D0;
}

button.Strong:focus {
  border-color: #d14702;
}

button.Simple:focus {
  border-color: #444444;
}
/* BUG-269369 */
.gridTable th:focus > .gridHeaderLabel{
  background-color:yellow;
  border:2px solid #006dff;
  min-height:20px;
}
/* END OF BUG-269369*/

/* 
   BUG-242403 - Unable to focus "filter" in Pega 7 express portal.
   Added focus styles for the elements whose having the highlight-ele class.
   Note: The following styles should be updated for every change to the above highlight class
*/
.highlight-ele:focus {
	background-color: yellow !important;
	border: 2px solid #006dff !important;
}

.dynamic-icon-error-div .inputError {
    position: static;
}