/*
* Copyright 1999-2004 The Apache Software Foundation
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless requi#B43C39 by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

.forms-tab {
    background-color: white;
    border: 1px solid black;
    border-bottom-width: 0px;
    padding: 2px 1em 2px 1em;
    margin-right: 5px;
    position: relative;
    text-decoration: none;
    top: -1px;
    z-index: 1;
    cursor: pointer;
}

.forms-tab.forms-activeTab {
    font-weight: bold;
    padding-top: 5px;
    cursor: default;
    z-index: 3;
}

.forms-tabContent {
    background-color: white;
    border: 1px solid black;
    padding: 1em;
    position: relative;
    z-index: 2;
}

/*****************************************************************************************
  Validation area styling  
*****************************************************************************************/

.forms-validation-message, a.forms-validation-message:link {
    color: #B43C39;
    font-weight: bold;
 }

.forms-validation-errors {
    color: #B43C39;
    font-weight: bold;
    font-size: 90%;
}

.forms-validation-error {
	font-size: 80%;
}

.forms-field-required {
	color:teal;
    font-weight: bold;
}

/*****************************************************************************************/
.forms-field-keypoint {
     font-size:90%;
     color:black;
     background:white;
     border: 1px solid black;    
}
/*****************************************************************************************/
.forms-widget-note {    
}
/*****************************************************************************************/

.forms-help {
    border-style: dotted;
    border-width: 1px;
    padding: 5px;
    background-color:#FFFFC0; /* light yellow */
    width: 200px; /* otherwise IE does a weird layout */
    z-index:1000; /* must be higher than forms-tabContent */

}

.forms-message {
    font-size: 85%;
    font-weight:normal;
}

/*
Added to get a standard label without bolding.
*/
.forms-message-std {
    font-size: 100%;
    font-weight:normal;
}

.forms-doubleList select {
    width: 150px;
}

.forms-doubleList input {
    width: 40px;
}

/*****************************************************************************************
  Help Boxes styling
  
  Temporaray stuff below.  Should be implemented by CMS 

  div surrounding a help box.  Only 1 per group.  Should be displayed to the right
  of the individual items.  Surrounds both title and help text 
******************************************************************************************/  
  
.frc-help-area {
  float:right;
  margin: 15px;
}

.forms-help-ird {
    border-style: dashed;
    border-width: 1px;
    padding: 5px;
    background-color:#FFFFFF; 
/*  IE doesn't follow the CSS specs so this doesn't work properly
    going fixed size for now
    width: 95%;
    max-width: 300px; 
    height: 95%;
    min-height: 120px;
    max-height: 200px; */
    width: 250px;
    height: 150px;
    overflow: auto;
/* CMS reduces page size p font to 70% , need to undo so text isn't too small */ 
    font-size: 100%;   
}
.forms-help-ird-title {
    border-style: dashed;
    border-bottom: none;
    border-width: 1px;
    padding: 5px;
    background-color:#F9F9F9;
    font-weight: bold;
    width: 250px; /* Need for IE again ...sigh...*/ 
}
/******************************************************************************************/
 
fieldset.irdform { 
  border: none;
  font-size: 80%;
}

legend.irdform {
  /*margin-top:-2em; 
  padding-top: 2em;
  border-top: 2px solid black;*/
  padding: 0.2em 0.5em;
  position: relative;
  left: -10px;
  font-weight: bold;
  font-size: 125%;
  text-align:left;
  }  

legend.irdformheader {
  /*padding: 0.2em 0.5em;*/
  position: relative;
  left: -10px;
  font-weight: bold;
  font-size: 125%;
  text-align:left;
  }  

.label {
   font-weight: bold;
   }
/****************************************************************************************
 Progress bar and title styles

 Can't use width 100% here else it breaks CMS border layout
 *****************************************************************************************/
.progress {
  align: center;
  border-top: 2px solid black;
  border-bottom: 1px solid black;
  border-spacing: 0px;
  background: #F7F7F7;
  padding-bottom: 5px;
  padding-left:10px;
  padding-right:10px;
  margin: 10px 10px 25px 10px;
 }
.progress table {
  width: 100%;
  border: 0px;
}
 
.progress-header {
  font-weight: bold;
  font-size: 105%;
/*  background-color: #DEEBAD;
  color: #7AA300; */
  vertical-align: top;
  margin: 5px 5px 5px 5px;
  
}
.progress-chart {
  
  background: white;
  width:100%;
  height: 20px;
}
.progress-bar {
  
  text-align: center;
  
  background: teal;
  color: white;
  height: 20px;
}
/*****************************************************************************************/

.frc-body {
  
}

/*div surrounding a fd:group */
.frc-group {
  border-top: 2px solid black;
  border-bottom:1px solid black;
  border-left: 0px;
  border-right: 0px;
  padding-bottom: 5px;
  background: #EEEEEE;
  margin: 8px 10px 25px 10px;
}

.frc-group-header {
  border-left: 0px;
  border-right: 0px;
  margin: 0px 10px;
}

/* div surrounds all items in a group */

.frc-items {
	
}

/* For instructions - below panel header - Added by Patrick 08/08/05*/
.frc-panel-note {
  margin:  10px; 
}
/* For instructions - below panel header - Added by Patrick 15/08/05*/
.frc-widget-note {
  margin:  10px; 
}

/****************************************************************************************
 Added by Patrick for Section titles used in IR4
*****************************************************************************************/
.frc-sectiontitle {
    font-size: 110%;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #008696
}

.frc-sectionmessage {
    font-size: 80%;
    margin-left: 10px;
    padding-bottom: 5px;
    color: black
}

.frc-sectionmessage2 {
    font-size: 80%;
    margin-left: 10px;
    padding-bottom: 0px;
    color: black
}

/*****************************************************************************************/

/*div surrounding a fd:item */
.frc-item {
  vertical-align: bottom;
  margin-left: 10px;
  padding-top: 7px;
}
/* which chages to this when there is a validation error */
.frc-item-error {
  vertical-align: bottom;
  margin-left: 10px;
  margin-top:10px;
  padding-left: 4px;
  border-left: 4px solid #B43C39;
}
.frc-item-error input {
  background: #F1D0DA;
}
.frc-item-error select {
  background: #F1D0DA;
}
.frc-repeater-error {
  vertical-align: bottom;
  margin-left: 10px;
  margin-top:10px;
}
.frc-repeater-error input {
  background: #F1D0DA;
}
.frc-repeater-error select {
  background: #F1D0DA;
}

.frc-radio-common {
  float:right;
}

.frc-radio {
  
}
/*************************************************************************************
  The following are for Calculation page layout - XSL ird-calculation
*************************************************************************************/

.frc-items-table {
}
/*  just for calc2 */
.frc-items-table2 {
  width:70%;
}
/*******************/

.frc-item-row {
}

.frc-label-cell {
  float:left;
  width:60%;
  font-weight: bold;
  padding: 6px;
}

.frc-label-cell-message {
  float:left;
  width:50%;
  padding: 2px;
 }
 
/*  Added by Teru for holiday pay 2006
	to show a full line in ird-summary.
*/
.frc-short-line-message {
  float:left;
  width:50%;
  padding: 6px;
 }
/*********************************************
 Added by Cathy Allan for 2005 PTS Calculator
 short line message 2 has a smaller font.
 *******************************************/
 
.frc-short-line-message-2 {
  float:left;
  width:50%;
  padding: 6px;
  font-size: 85%;
 } 
 
.frc-short-line-message-bold {
  float:left;
  width:50%;
  padding: 6px;
  font-weight: bold;
 }
 
.frc-medium-line-message {
  float:left;
  width:70%;
  padding: 6px;
 }

.frc-medium-line-message-bold {
  float:left;
  width:70%;
  padding: 6px;
  font-weight: bold;
 }

.frc-long-line-message {
  float:left;
  width:90%;
  padding: 6px;
 }

.frc-long-line-message-bold {
  float:left;
  width:90%;
  padding: 6px;
  font-weight: bold; 
 }

.frc-long-line-message-bold-enlarged {
  float:left;
  width:90%;
  padding: 6px;
  font-weight: bold;
  font-size: 125%;
 }
 
/*****************************************************
 Added by Cathy Allan for 2005 PTS Calculator
 Line message 2 is to stop the problem that line message
 has with bulletpoints something to do with the float:left. 
 ************************************************/
 .frc-long-line-message-2 {
  width:90%;
  margin-left: 10px;
 }

.frc-next-column-cell {
  float:left;
  width:10%;
  text-align:right;
  padding: 6px;
}

.frc-next-column-bold-cell {
  float:left;
  width:10%;
  text-align:right;
  padding: 6px;
  font-weight: bold;
}

.frc-next-column-with-underline-cell {
  float:left;
  width:10%; 
  text-align:right;
  padding: 6px;
  border-bottom: 1px solid black;
}

.frc-last-column-cell {
  float:left;
  width:10%;
  text-align:right;
  margin-right:20px;
  padding: 6px;
}

.frc-last-column-bold-cell {
  float:left;
  width:10%;
  text-align:right;
  margin-right:20px;
  padding: 6px;
  font-weight: bold;
}

/* End of the above change. */

.frc-label-cell-operator {
  float:left;
  width:60%;
  font-weight: bold;
  padding: 6px;
  text-align: right; 
}

.frc-label-cell-total {
  float:left;
  width:60%;
  font-weight: bold;
  padding: 6px;
}

.frc-input-cell {
  float:right;
  width:30%; 
  text-align:right;
  margin-right:20px;
  padding: 6px;
}
.frc-input-cell-total {
  float:right;
  width:30%; 
  text-align:right;
  margin-right:20px;
  padding: 6px;
  border-top: 1px solid black;
}

.frc-amount-cell {
  float:left;
  width:15%; 
  text-align:right;
  margin-right:20px;
  padding: 6px;
  white-space: wrap;
}

/*****************************************************
 Added by Woo-Chang Hong for Request IR3 taxpacks -
 Temporary address change to stop the printing the 
 confirmation panel nicely with IE 
 ************************************************/
 .frc-long-line-message-3 {
  width:80%;
  margin-left: 10px;
 } 

/*************************************************************************************
 Added by Cathy Allan March 2005 - Changes for the 2005 PTS Calculator
 Create centered text  
 Create bulletpoints
 Create text indented without the bulletpoint  
 Create centered italic text in a box which is indented
 Create left align italic text in a box which is indented 
**************************************************************************************/

.frc-long-line-message-center {
  width:85%;
  padding: 6px;
  text-align:center;
 }
 
.frc-long-line-message-center-box {
  font-style:italic;
  width:85%;
  padding: 6px;
  text-align:center;
  border: 1px solid Black;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  margin-left: 50px;
  margin-bottom: 10px;
}

.frc-long-line-message-left-align-box {
  font-style:italic;
  width:85%;
  padding: 6px;
  text-align:left;
  border: 1px solid Black;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  margin-left: 50px;
  margin-bottom: 10px;
}

.frc-bulletpoint {
  padding: 6px;
  display: list-item;
  margin-left: 50px;
  text-align:left;
}

.frc-bulletpoint-paragraph {
  width:85%;
  padding: 6px;
  margin-left: 50px;

}
 
 
/*************************************************************************************/

.frc-item-error textarea {
  background: #F1D0DA;
  width: 380px;
  height: 120px;
}
/*************************************************************************************
 Added by Patrick Nov 04 3 textarea sizes - 
Not sure why we need to structure name this way around 
instead of .frc-textarea-large textarea 
*************************************************************************************/
textarea.frc-textarea-large {
  width: 380px;
  height: 120px;
}
textarea.frc-textarea-medium {
  width: 285px;
  height: 90px;
}
textarea.frc-textarea-small {
  width: 190px;
  height: 60px;
}
/****************************************************************************************
 added by Teru 
*****************************************************************************************/
.para-large {
  font-size: 100%;
}

.para-bold-hr {
  font-size: 110%;
  font-weight: bold;
	padding-top: 12px;	
}
	
.sectiontitle {
  font-size: 120%;
  font-weight: bold;
}
.total-group {
  	margin-right: 0;
    width: 100%;
}
.total-items-table {
/* float:left; */
}
.item-row {
/* float:left; */
}
/* Added for html reciept for IR4 and any other returns and forms that need a calculation table like it */
.total-name {
	text-align:left;
}
.total-equation {
	text-align:right;
}
.total-amount {
	text-align:right;
	font-weight: bold;
}
.total-amount-total {
	text-align:right;
	font-weight: bold;
}
/* end */

.row-name {
    float: left;
    width:60%;
    /*font-weight: bold;
    */
    padding: 2px;
}
.row-value {
    float:left;
    width:35%; 
    text-align:left;
    margin-right:25px;
    padding: 2px;
    /* border: 1px solid black; */
}

/****************************************************************************************
 Added by Patrick for Summary/Confimation Page
*****************************************************************************************/

.frc-sum-items-table-medium {
 font-size:120%;
}
.frc-sum-items-table-small {
/* float:left; */
}
.frc-sum-items-table {
}
.frc-sum-item-row {
/* float:left; */
}
/*label width reduced from 60% to allow wrapper to display correctly*/
.frc-sum-label-cell {
  float:left;
  width:50%;
  font-weight: bold;
  padding: 6px; 
}

/* Added by Ron for DueDates summary display */
.frc-sum-label-cell-narrow {
  float:left;
  width:30%;
  font-weight: bold;
  padding: 6px; 
}

.frc-sum-data-cell-wide {
  float:left;
  width:50%; 
  text-align:left;
  margin-right:20px;
  padding: 6px;
  white-space: wrap;
}

/****************************************************************************************
 Added by Cathy Allan
 Changed from float:right to float:left for Firefox
 Changed from white-space: nowrap to white-space: wrap for wrapping text
         in the Review page of the ir3tempadr (by Woo-Chang Hong)                          
*****************************************************************************************/
.frc-sum-input-cell {
  float:left;
  width:30%; 
  text-align:left;
  margin-right:20px;
  padding: 6px;
  white-space: wrap;
}

.frc-sum-wrapt-cell {
  float:left;
  width:30%; 
  text-align:left;
  margin-right:20px;
  padding: 6px;
 }
/****************************************************************************************
 Added by Patrick for ir10 
*****************************************************************************************/
.frc-sum-label-cell-ir10 {
  float:left;
  width:100%;
  font-weight: bold;
  padding:2px; 
}
/****************************************************************************************
 Added by Patrick for ir10 to override layout-frc.css borders and font size in table 
*****************************************************************************************/
#page table.table-ir10{
	font-size: 100%;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	padding: 0;
	margin: 0;
}
#page table td.td-ir10-input{
	padding: 0px;
	border: 0px;
	border-right: 0px;
	border-bottom: 0px;
    width: 200px;
    text-align: left;
}
#page table td.td-ir10-label{
	padding: 0px;
	border: 0px;
	border-right: 0px;
	border-bottom: 0px;
    width: 300px; 
}

/*****************************************************************************************
  Repeater styling  
*****************************************************************************************/

.frc-subheading {
  float: left;
  font-weight: bold;
  padding-left: 10px;
  padding-bottom: 0px; 
  padding-top: 6px; 
}

.frc-repeater-table{
	font-size:100%;
	border-top: 0px solid black;
	border-right: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	padding: 0;
	margin: 0;
	width: 100%;
}

/* Same as .frc-repeater-table, but with 10px margin */
.repeater-output-table{
	font-size:100%;
	border-top: 0px solid black;
	border-right: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	margin: 10px;
	width: 100%;
}

.frc-repeater-header{
	background-color: #51B1CD;
	padding: 0px;
	border-top: 0px solid black;
	border-right: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	text-align: center;
}

.frc-repeater-headerSmall{
	background-color: #51B1CD;
	padding: 0px;
	border-top: 0px solid black;
	border-right: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	text-align: center;
    font-size:90%;
    width:13%;
}

.frc-repeater-total{
	padding: 0px;
	border-top: 0px solid black;
	border-right: 0px solid black;
	border-left: 0px solid black;
	border-bottom:0px solid black;
	font-weight: bold;
	text-align: center;
	 font-size:90%;
}

.frc-repeater-row{
	border-top: 0px solid black;
	border-right: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	padding: 0;
	margin: 0;
	text-align: center;
	 font-size:90%;
}

.frc-repeater-row-highlight{
	border-top: 0px solid black;
	border-right: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size:90%;
	background-color: #e8e8e8; 
}

.frc-repeater-cell{
	border-top: 0px solid black;
	border-right: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size:90%;
}

.frc-repeater-cell-left{
	border-top: 0px solid black;
	border-right: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	padding: 0;
	margin: 0;
	text-align: left;
	padding-left: 6px;
	font-size:90%;
}

.frc-repeater-cell-left-top {
	border-top: 0px solid black;
	border-right: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	padding: 0;
	margin: 0;
	text-align: left;
	padding-left: 6px;
	font-size:90%;
	vertical-align: top;
}

.frc-repeater-cell-right{
	border-top: 0px solid black;
	border-right: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	padding: 0;
	margin: 0;
	text-align: right;
	padding-right: 12px;
	font-size: 90%;
}

.frc-repeater-cell-right-top{
	border-top: 0px solid black;
	border-right: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	padding: 0;
	margin: 0;
	text-align: right;
	padding-right: 12px;
	font-size: 90%;
	vertical-align: top;
}
/*****************************************************************************************
  Navigation Buttons styling for default Enter key to be "Continue"
  Adde by Alice Karvelas 14/2/2003
*****************************************************************************************/
p.form-buttons{
  direction: rtl;
  text-align: left;
}

.lj-total-column {
	text-align: left; 
	font-size:90%;
	font-weight: bold;
	padding-left: 6px;  
	padding-top: 4px;
}

.rj-total-column {
	text-align: right; 
	font-size:90%; 
	font-weight: bold;
	padding-right:12px;
	padding-top: 4px;
}



/*****************************************************************************************
  IR10 revamp styling
*****************************************************************************************/

.frc-sectionmessage_ir10 {
    font-size: 80%;
    font-weight: bold;
    margin-left: 10px;
    padding-bottom: 5px;
    color: #008696;
}

.frc-sectionmessage2_ir10 {
    font-size: 80%;
    margin-left: 10px;
    padding-bottom: 0px;
    color: #008696;
}

.currency_input_ir10 {
   padding-top: 4px;
}

.number-format {
  font-size:85%; 
}

.forms-help-ird-title_ir10 {
    border-style: solid;
    border-width: 1px;
    float:right;
    padding-right: 15px;    
    padding: 5px;
    background-color:#eeeeee;
    font-weight: bold;
    position:relative;
    top:-20px;
}

.forms-widget-note_ir10 {
  font-size:90%;
}

.forms-field-required_ir10 {
  color:teal;
}

.forms-validation-warnings_ir10 {
    color: black;
    font-weight: bold;
    font-size: 90%;
    border:3px solid;
    border-color:#B43C39;
    padding:4px;
}

.hidden {
  display:none;
}

.help-border {
    border:1px solid;
    border-color: black;
    padding:1px;
}


/****************************************************************************************/
div#progressmeter div{border-color:#d6d3d6;background-color:#FFF;}
#progressusagebar{border-color:#E6E6E6;}
div.xprogress span#progressusagebar span.first{background:#DEEBAD url(progress.gif) repeat-x center left;}
#progressusagebar{position:relative;display:block;border-style:solid;border-width:1px;margin:2px 4px;height:1em;}
#progressusagebar span.first{position:absolute;height:100%;}
#progressusagebar span.last{width:100%;text-align:center;font:bold 78% verdana;}
html>body #progressusagebar span.last{display:block;width:auto;}
/* Rounded corner elements */
.smallroundedmodule{padding:0 4px;}
.smallroundedmodule div{border-style:solid;border-width:1px;margin:-2px -4px;height:1em;}
html>body .smallroundedmodule div{height:auto;}
.smallroundedmodule div div{border-style:none;border-width:0;margin:0 4px;}
.smallroundedmodule .first, .smallroundedmodule .last{position:relative;height:4px;margin:0;}			
.smallroundedmodule .first{border-width:1px 0 0 0;}
.smallroundedmodule .last{border-width:0 0 1px 0;}
.smallroundedmodule .first .first, .smallroundedmodule .first .last{margin-top:-1px;}
.smallroundedmodule .last .first, .smallroundedmodule .last .last{margin-bottom:-1px;}
.smallroundedmodule .first .first, .smallroundedmodule .first .last, .smallroundedmodule .last .first, .smallroundedmodule .last .last{border:0;position:absolute;z-index:1;width:4px;background-repeat:no-repeat;}
.smallroundedmodule .first .first, .smallroundedmodule .last .first{margin-left:-4px;}
.smallroundedmodule .first .last, .smallroundedmodule .last .last{right:0px;margin-right:-4px;}
.smallroundedmodule .first .first{background-image:url(nw_1.gif);}
.smallroundedmodule .first .last{background-image:url(ne_1.gif);}
.smallroundedmodule .last .first{background-image:url(sw_1.gif);}
.smallroundedmodule .last .last{background-image:url(se_1.gif);}