/*
    Style elements to be used in the application jsps (as opposed to 
    header and footer styles used by the renderers)
 */

.title /* the subject of the page content */
{
	font-family: Georgia, Times New Roman;
	font-size: 26px;
	color: #800000;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #dddddd;
	margin-bottom: 12px;
	padding-top: 5px;
}

h1
{
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	margin:0;
	font-family: Georgia, Helvetica, Times New Roman;
	font-size: 20px;
	font-weight: normal;
	color:#880000;
}


h2
{
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	margin:0;
	font-family: Helvetica, Georgia, Times New Roman;
	font-size: 16px;
	font-weight: strong;
	color:#990000;
}

h3
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: strong;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	margin:0;
}
			
p
{
	padding:0px;
	margin-top: 0px;
	margin-bottom: 12px;
}

.missingValueField,
.invalidPasswordField
.duplicateValueField,
.invalidEmailField,
.invalidDateField,
.invalidFileExtField,
.invalidField
{
	background-color: #fff3dc;
}

.trailDiv
{
	margin-bottom:8px;
}

.stepDiv
{
	margin-left:15px;
	margin-bottom:8px;
}


.buttonCancelSmaller, .buttonCancel
{
	background-color: #709dbf;
	color: white;
	font-family: arial;
	font-weight: normal;
	padding:1px 4px 1px 4px;
	font-size: 12px;
	border-width:1px;
	border-style:solid;
	border-color: #dddddd; 
	overflow:visible;
}

.buttonForOpeningDiv
{
	background-color: #54758f;
	color: white;
	font-family: arial;
	font-weight: bold;
	padding:1px 5px 1px 5px;
	font-size: 16px;
	border-width:1px;
	border-style:solid;
	border-color: #dddddd; 
	margin-right: 5px;
}

.buttonSmaller, .button
{
	background-color: #54758f;
	color: white;
	font-family: arial;
	font-weight: normal;
	padding:1px 4px 1px 4px;
	font-size: 12px;
	border-width:1px;
	border-style:solid;
	border-color: #dddddd; 
	overflow:visible;
}

.buttonDiv
{
	margin-top: 7px;
	margin-bottom: 7px;
	text-align: right;
}

.pagination
{
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: right;
}

.pagination a
{
	text-decoration:none;
	font-weight: bold;
}

.asterisk
{
	color: #e70000;
	font-size: 9px;
	vertical-align: middle;
	padding-right: 3px;
}

.trailDiv  /* holder for displaying the trail for a chain */
{
	margin-bottom:8px;
}

.stepDiv  /* holder for a step of a chain */
{
	margin-left:15px;
	margin-bottom:8px;
}
	
.currentStep  /* style to differentiate the current step in a chain trail display */
{
	font-size: 14px;
	#font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #aa0000;
	font-weight: bold;
}

.stepTitle  /* title of a chain step */
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: strong;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	margin:0;
}

.data  /* data part of detailTable */
{
	font-weight:bold;
	color: #7c6000;
}


.rowOverEvenNoBorder td
{
	padding:4px 6px 4px 6px;
	
}

.rowOverOddNoBorder td
{
	padding:4px 6px 4px 6px;
	background-color: #ececec;
	
}

.rowOverEven td
{
	padding:4px 6px 4px 6px;
	background-color:#E4F6F8;
	border-style: solid none solid none;
	border-width: 1px 0 0 0;
	border-color: #b0b0b0;
	
}

.rowOverOdd td
{
	padding:4px 6px 4px 6px;
	background-color:#E4F6F8;
	border-style: solid none solid none;
	border-width: 1px 0 0 0;
	border-color: #b0b0b0;
}

.rowNormalEvenNoBorder td
{
	padding:4px 6px 4px 6px;	
}

.rowNormalEven td
{
	padding:4px 6px 4px 6px;	
	border-style: solid none solid none;
	border-width: 1px 0 0 0;
	border-color: #b0b0b0;
}

.rowNormalOddNoBorder td
{
	
	background-color: #ececec;
	padding:4px 6px 4px 6px;
}

.rowNormalOdd td
{
	
	background-color: #ececec;
	padding:4px 6px 4px 6px;
	border-style: solid none solid none;
	border-width: 1px 0 0 0;
	border-color: #b0b0b0;
}

.listTable{
	border-width:1px;
	border-color:#b0b0b0;
	border-style:solid;
  width: 100%; 
  border-collapse:collapse;
}


.listTableHeaderRow
{
	background-color: #b53030;
	padding: 4px 6px 4px 6px;
	font-weight:bold;
	border-style: solid none solid none;
	border-width: 1px 0 1px 0;
	border-color: #b0b0b0;	
	color: #FFFFFF
}

.listTableHeaderRowLink
{
	background-color: #b53030;
	font-weight:bold;	
	color: #FFFFFF
}

.detailTable 
{
	border-width:1px 0 0 1px   ;
	border-color:#b0b0b0;
	border-style:solid;
  width: 100%;   
  border-collapse:collapse;
 
}

.detailTableHeader td
{
	font-weight:bold;
	font-size: 15px;
 
}

.detailTable td
{
	padding:4px 6px 4px 6px;	
	border-width:0 1px  1px 0  ;
	border-color:#b0b0b0;
	border-style:solid;
	vertical-align:top;
	
}


/* used for inner table in anything where the data is noted horizontal*/
.innerDataTable  tr td {
	border-style: none;
}

/* used for inner table in anything where the data is noted vertical*/
.innerTable{
	border-width:1px;
	border-color:#b0b0b0;
	border-style:solid;
  width: 95%;   
  margin-left: 0px;
  margin-bottom:5px;
  margin-top:0px;
  vertical-align:top;
  border-collapse:collapse;
}

.innerTableHeaderRow td
{
	background-color: #606060;
	padding: 4px 6px 4px 6px;
	font-weight:bold;
	border-style: solid none solid none;
	border-width: 1px 1px 1px 1px;
	border-color: #b0b0b0;	
	color: #FFFFFF;
}

.innerTableHeaderRowLink
{
	background-color: #606060;
	font-weight:bold;	
	color: #FFFFFF
}

.innerTable td
{
	padding:4px 6px 4px 6px;	
	border-style: solid none solid none;
	border-width: 1px 0 0 0;
	border-color: #b0b0b0;
	font-size: 12px; 
	
}




/* temporary, for the sake of Profile - we'll work out better names */

.openingDiv
{
	border:1px solid;
	color: #b0b0b0;
	margin-bottom: 8px;
}

.openingDivHead
{
	background-color: #cfcecc;
}
 
.openingDivTitle
{
	font-weight:bold;
	padding: 8px;
}

.openingDivControl
{
	text-align: right;
}

.openingDivBody
{
	padding: 8px;
}

.dateHelperText, .dataHelperText
{
	color: #999999;
	font-size: 10px;
}

.label
{
	text-align: right;
	padding-right: 8px;
	height: 100%;
	vertical-align: top;
	font-weight: bold;
	
}





.msgError
{
    font-family: Arial, Tahoma, Verdana;
    font-size: 13px;
    font-weight: bold;
    color:#e70000;
    margin-bottom: 12px;
}

.msgError ul
{
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

.msgSuccess
{
    font-family: Arial, Tahoma, Verdana;
    font-size: 13px;
    font-weight: bold;
    color:#74a61d;
    margin-bottom: 12px;
}

.msgInfo
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color:#303030;
    margin-bottom: 12px;
}

.contentBox
{
	margin-left:30px;
	margin-right:30px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding:15px;
	border-style:solid;
	border-color: #b0b0b0;
	background-color: #efefef;
	border-width: 1px;
}

.postdate {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color:#808080;
	margin: 0;
}

.legend
{
	border:1px solid b0b0b0;
	text-align:center;
	width:350px;
	background-color:#ececec;
}

.leglislationAcronym
{
 font-style:italic;
}