﻿/* ========================================
    CSS STYLES FOR Module HRA
   ========================================*/
#container
{
	width: 600px;
	margin: 0 auto;
	background-color: #f3efd4;
}
.FormMessage
{
	margin-bottom: 15px;
	margin-top: 0px;
	border: 1px solid #f3efd4;
	font-size: 110%;
	
}
.formlegend
{
	background: #4e493b;
	padding: 6px;
	font: 17px/21px;
	color: #b8ae89;
	font-weight: bold;
	border: 1px solid #b8ae89;
	font-size: 110%;
	margin-left: 0px;
	

}
fieldset
{
	
	border: 1px solid #b8ae89;
	
	padding: 6px;

}

.action
{
	background: #b8ae89;
	border: 1px solid #e5e5e5 #797c80;
	margin-top: -20px;
	text-align: right;
	padding: 10px;
	z-index: 1;
}

input, textarea, select
{
	font: 12px/12px;	
}

label
{	
}


.button {
 font: 11px /*Verdana, Geneva, Arial, Helvetica, sans-serif*/;
 background-color: #f3efd4;
 color: #102132;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
 
 

}

.buttonTd
{
margin-left: 200px;	
}

 #container .mainTable {
 background-color: #dbd2b9;
 color: #000000;
 width: 100%;
 border: 1px solid #b8ae89;
 border-collapse: collapse;
 margin: 3px;
}
.inTable 
 {
 background-color: #dbd2b9;
 color: #000000;
 width: 100%;
 border: 0px solid #b8ae89;
 border-collapse: collapse;

}
.mainTable td {
 border: 1px solid #b8ae89;
 padding-left: 4px;
 padding-right: 4px;

}

.inTable td
{
	border: 0px;

	
}

.labelcell {
 font: 11px /*Verdana, Geneva, Arial, Helvetica, sans-serif*/;
 /*color: #3670A7;*/
 background-color: transparent;
 width: 200px;
 font-weight: bold;
 vertical-align: top;
 white-space: nowrap;
 font-size: 110%;

}

.longlabelcell {
 font: 11px /*Verdana, Geneva, Arial, Helvetica, sans-serif*/;
 /*color: #3670A7;*/
 background-color: transparent;
 font-weight: bold;
 vertical-align: top;
 font-size: 110%;

}

.longlabelcellConfirm
{
 font: 11px /*Verdana, Geneva, Arial, Helvetica, sans-serif*/;
 /*color: #3670A7;*/
 background-color: transparent;

 vertical-align: top;
 font-size: 120%;
 text-align: left;	
	
}


.requiredcell
{
	color: red;
}

.fieldcell {
 background-color: #ccc3a8;
 color: #000000;
 text-align: left;
 margin-right: 0px;
 padding-right: 0px;
 vertical-align: top;

}

.longfieldcell {
 background-color: #ccc3a8;
 color: #000000;
 text-align: left;
 margin-right: 0px;
 padding-right: 0px;

 vertical-align: middle;

}

.longfieldcell input
{
	background-color: #f3efd4;
	color: #102132;
	border: 1px solid #b8ae89;
	margin-right: 0px;
}

.smalllabelcell {
 font: 11px /* Verdana, Geneva, Arial, Helvetica, sans-serif */;
 background-color: transparent;
 font-weight: bold;
 vertical-align: top;
 white-space: nowrap;
 font-size: 110%;
}

.smallfieldcell {
 background-color: #ccc3a8;
 color: #000000;
 text-align: left;
 vertical-align: top;
 
}

.fieldcell input 
{
 width: 200px;
 font: 11px /* Verdana, Geneva, Arial, Helvetica, sans-serif */;
 background-color: #f3efd4;
 color: #102132;
 border: 1px solid #b8ae89;
 margin-right: 0px;
}

.tdfieldcellradio
{
	background-color: #ccc3a8;
}
.fieldcellradio {
 width: 10%;
 font: 11px /* Verdana, Geneva, Arial, Helvetica, sans-serif */;
 background-color: #ccc3a8;
 color: #102132;
 margin-right: 0px;
 border: none;
 vertical-align: middle;

}

.fieldcellradio input
{
 
 vertical-align: top;
}

.fieldcellradio label
{
vertical-align: top;
margin-top: 6px;	
}
.smallfieldcell input {

 font: 11px /* Verdana, Geneva, Arial, Helvetica, sans-serif */;
 background-color: #f3efd4;
 color: #102132;
 border: 1px solid #b8ae89;
}

.smallfieldcell select {
 font: 11px /* Verdana, Geneva, Arial, Helvetica, sans-serif */;
 background-color: #f3efd4;
 /* color: #102132; */
 border: 1px solid #284279;
}

.smallfieldcell radio
{
 background-color: #f3efd4;	
}

.fieldcell select {
 font: 11px /* Verdana, Geneva, Arial, Helvetica, sans-serif */;
 background-color: #f3efd4;
 /* color: #102132; */
 border: 1px solid #284279;
}

.fieldcell radio
{
	 background-color: #f3efd4;	
}


.HRAfooter
{
	text-align: right;
	font-size: 100%;	
}

.Notes
{
	font-size: xx-small;
	
}

.errorMessage
{
	font-size: xx-small;
	color: Red;	
}

.LanguageSelection
{
	font: 17px/21px;
	font-size: 110%;
	margin-left: 0px;
	margin-right: 10px;
	padding: 6px;
	border: none;
}

.LanguageFieldSet
{
	text-align: right;
	border: none;
	margin-bottom: 20px;
}


.rowDivider
{
	background-color: #ccc3a8;
}

.rowHeader 
{
    font-size: 1.15em;
}
/*** end of new css style ***/
