﻿/* ========================================
    CSS STYLES FOR Module HRA
   ========================================*/
#container
{
	width: 580px;
	margin: 0 auto;
	background-color: #f3efd4;
}
.FormMessage
{
	margin-bottom: 15px;
	margin-top: 20px;
	border: 1px solid #f3efd4;
}
.formlegend
{
	background: #4e493b;
	padding: 6px;
	font: 17px/21px;
	color: #b8ae89;
	font-weight: bold;
	border: 1px solid #b8ae89;
	font-size: 110%;
	margin-left: 0px;
	

}
fieldset
{
	margin-bottom: 30px;
	border: 1px solid #b8ae89;
	margin-top: 6px;

}

fieldset.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;
}

 #container table {
 background-color: #dbd2b9;
 color: #000000;
 width: 100%;
 border: 1px solid #b8ae89;
 border-collapse: collapse;
 margin: 3px;
}

#container td {
 border: 1px solid #b8ae89;
 padding-left: 4px;
 padding-right: 4px;

}

.labelcell {
 font: 11px /*Verdana, Geneva, Arial, Helvetica, sans-serif*/;
 /*color: #3670A7;*/
 background-color: transparent;
 width: 220px;
 font-weight: bold;
 vertical-align: top;
 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: 110%;
 text-align: left;	
	
}


.requiredcell
{
	color: #773722;
}

.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;
 /*color: #3670A7;*/
 width: 100px;
 font-weight: bold;
 vertical-align: top;
}

.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 {
 width: 100px;
 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: 90%;	
}

.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;
}


/*** end of new css style ***/
