html
{
  height: 100%;
}
body { font-family: Verdana, Arial, MS Sans Serif, MS Serif, sans-serif; font-size: 11px; font-weight: normal; color: #000000; margin: 0 0 0 0; }

/* STYLES FOR TEXT*/

/* use this style for the main header or page/application/form title if it is no longer that 4 words*/
.HeadingAllCaps {
	font: 14px Verdana, Arial, sans-serif;
	color: #32698E;
	text-transform: uppercase;
	font-weight: bolder;
	padding-left: 5px;
	padding-bottom: 7px;
	padding-top: 10px;
	padding-right: 10px;
}
/* use this style for the secondary Heading, or if the main Header is longer than 4 words.In that case change the font size to 16px for main Header and 12 px for secondary Header*/
.subHeading01 {	
	font: bold 13px Verdana, Verdana, Arial, sans-serif;
	color: #4A748C;
	padding: 5px;
}
/* use this style for forms' textfields' names. It has padding that can be adjusted if needed.*/
.textfieldLabelsStyle {
	font: normal 12px Verdana, Verdana, Arial, sans-serif;
	color: #234f7a;
	vertical-align: middle;
	line-height:20px;
	padding: 5px;
}

.WhitetextfieldLabelsStyle {
	font: normal 12px Verdana, Verdana, Arial, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
	padding: 5px;
}

/* use this style fto set borders and size for the textfields of the form. The width can be changed for the alignment purposes, the height should stay the same*/
.textfieldStyle {	
	font: 12px Verdana, Verdana, Arial, sans-serif;
	color: #234f7a;
	height: 16px;
	width: 200px;
	padding-left: 5px;
	vertical-align: middle;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #7E96A8;
}

.morning td
{
    padding-bottom: 55px;
}

textarea.textfieldStyle 
{
	font: 12px Verdana, Verdana, Arial, sans-serif;
	color: #234f7a;
	width:auto;
	height:auto;
	padding-left: 5px;
	vertical-align: middle;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #7E96A8;
}


.textfieldStyledd {	
	font: 12px Verdana, Verdana, Arial, sans-serif;
	color: #234f7a;
	height: 18px;
	width: 200px;
	padding-left: 5px;
	vertical-align: middle;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	/*border: 1px solid #7E96A8;*/
}

textarea.textfieldStyledd 
{
	font: 12px Verdana, Verdana, Arial, sans-serif;
	color: #234f7a;
	width:auto;
	height:auto;
	padding-left: 5px;
	vertical-align: middle;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #7E96A8;
}





/* this is a style for text in bold*/
.Boldtext {
	font: bold 12px Verdana, Arial, sans-serif;
	color: #425568;
}

/* use this style for messages, instructions,etc */
.messageText {
	font: 12px Verdana, Arial, sans-serif;
	color: #3984A1;
	padding: 5px;
}

/* use this style for messages, instructions,etc which are on the white or very light background */
.messageText2 {
	font: bold 12px Verdana, Arial, sans-serif;
	color: #4c7187;
	vertical-align: middle;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 7px;
}

/* use this style for the column headers in tables when the header row has "BackgroundforHeaders" style applied */
.columnLabels {
	font: bold 10px  Verdana, Verdana, Arial, sans-serif;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	text-transform: uppercase;
}

/* this is a style to use for links*/
.Link {
	font: 12px Verdana, Arial, sans-serif;
	color: #535E4E;
}

/* this style is to be used for all regular text on the page */
.regularText {
	font: 12px Verdana, Arial, sans-serif;
	color: #234f7a;
}

/* use this style for the smaller text which is placed on the color background ("BackgroundforHeaders" styles) */
.whiteHeaderSmall {
	font: bold 12px Verdana, Verdana, Arial, sans-serif;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	text-transform: uppercase;
}

/* use this style for the bigger text which is placed on the color background ("BackgroundforHeaders" styles) */
.whiteHeaderBigger {
	font: bold 14px Verdana, Arial, sans-serif;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	text-transform: uppercase;
	padding: 3px;
}
.redTextALLCAPS {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #6b082e;
	font-weight: bold;
	text-transform: uppercase;
}
.radioButton {
	margin: 0px;
	padding: 3px;
}

/* STYLES FOR BUTTONS and LINES*/

/*use this button for the all main buttons except cancel, reset, go back, etc. More buttons in different sizes available in the "FormsImages" folder. The margins can be adjusted when needed in inline styles*/
.button01 {	
	width: 104px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	border: 0px;
	background: url(../images/button01.gif) no-repeat;
	font: 12px Verdana, Arial, sans-serif;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 5px;
}

/*use this button cancel, reset, go back, etc*/
.button02 {	
	width: 84px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	border: 0px;
	background: url(../images/button01_160wide.gif) no-repeat;
	font: 12px Verdana, Arial, sans-serif;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 5px;
}

/* this is a horizontal line (cell bottom border) to use for separating between the sections of the form*/
.dividingBottomBorderLine {	
	border-bottom: solid 2px #306177;
}

/* this is a horizontal line (cell top border) to use for separating between the sections of the form*/
.dividingTopBorderLine {
	border-top: solid 2px #306177;
}

/* STYLES FOR BACKGROUND COLORS*/

/* this is a darker background color to use for not more than 1 row (like header row) */
.BackgroundforHeaders {
	background-color: #7E96A8;
}

/* this is a background color to use for not more than 1 row (like header row) */
.BackgroundforHeaders2 {
	background-color: #acb9c5;
}

/* this is a background color to use for not more than 1 row (like header row) */
.BackgroundforHeaders3 {
	background-color: #A4AFB4;
}

/* this is a light background color to use for not more than 2 rows (like header row) */
.BackgroundforHeaders4 {
	background-color: #D7E2ED;
}

/* this is a light background color to use for forms/tables background*/
.BackgroundforTablesLight {
	background-color: #FAFBFC;
}
/* this is a background color used for the login page table with rounded cornersEDF1F4*/
.BackgroundforLoginPage {
	/* background-color: #eeded9; */
	background-color: #c3dae8;
	
}

/* this is a background color which can be used for Tables and rows*/
.BackgroundforTablesDark {
	background-color: #EAF1F5;
}



/* STYLES FOR CELL PADDING*/

/* use this style for spacing out the content of the table cells, padding can be adjusted if needed */
.cellPadding {
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 7px;
	text-align: left;
	vertical-align: top;
}
.GreyOutTextfieldStyle {
	color: #879AAB;
	height: 16px;
	width: 200px;
	padding-left: 5px;
	vertical-align: middle;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #B6C4CD;
	background-color: #edf1f4;
	font-family: Verdana, Verdana, Arial, sans-serif;
	font-size: 12px;
}
.attentioIconTd {
	vertical-align: top;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.button01Wide {
	width: 160px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	border: 0px;
	font: 12px Verdana, Arial, sans-serif;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 5px;
	background-image: url(../images/button01_160wide.gif);
	background-repeat: no-repeat;
}
.button02Wide {
	width: 100px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	border: 0px;
	font: 12px Verdana, Arial, sans-serif;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 5px;
	background-image: url(../images/button02_100wide.gif);
	background-repeat: no-repeat;
}
.redErrorMessages {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #6b082e;
	font-weight: bold;
}
.Green 
{
	background-color: #D7E2ED;
	font: 14px Verdana, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: Green;
	line-height:20px;
}

.Red 
{
	background-color: #D7E2ED;
	font: 14px Verdana, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: Red;
	line-height:20px;
}
.margins
{
    margin:auto;
}