/* Use this Body Style to control overall page margins, parent font and size*/
BODY { font-family: arial; font-size: 10px; line-height: 12px; color: #3C3B3B; padding:0px; margin:0px; text-align:right;}

TD { font-family: arial; font-size: 11px; line-height: 12px; color: #666666; padding-bottom:3px;}

TH {font-family: arial; font-size: 11px; line-height: 12px; color: #3C3B3B;}

 /* Use this Table style to allocate padding and borders around the form */
Table {font-family: arial; font-size: 11px; line-height: 12px; color: #3C3B3B;  border:1px; border-color:#CCCCCC; }

 /* This Input style controls all of the text input fields which display in your form */
Input {border: #acc1c6 1px solid; 	font-family: Tahoma; font-size: 11px; line-height: 12px; height: 17px; width: 200px;} 

 /* This Textarea style controls all of the textarea input fields which display in your form */
Textarea {border: #acc1c6 1px solid; 	font-family: Tahoma; font-size: 11px; line-height: 12px; height: 100px; width: 200px;} 

 /* This Select style controls all of the select fields which display in your form */
select {border: #acc1c6 1px solid; 	font-family: Tahoma; font-size: 11px; line-height: 12px; height: 17px;}

.mandatory {font-family: arial; font-size: 11px; line-height: 12px; color: red;}

/* The following col styles are used to control the width of the table columns which the form elements are in. Some forms may have 2 columns others may use all 6*/
.col_1 {width: 120px;}

.col_2 {width: 100px;}
	
.col_3 {width: 30px;}

.col_4 {width: 120px;}

.col_5 {width: 105px;}

.col_6 {width: 240px;}

 /* This Button style controls all elements of the submit button */
.btn {border: #acc1c6 1px solid; background:#1E6295; color:#E0EAF1; font-family: Tahoma; font-size: 12px; font-weight:bold; line-height: 26px; height: 26px; width: 120px;}

.btn_align {text-align:right;}

.hr {height: 11px; width: 50%; background: #8EB5CE;}

.hrText {font-family: arial; font-size: 11px; font-weight: bold; padding-left: 8px; padding-right: 8px; color: #4B86AD;}

.numBoxTitleText {height: 40px; font-family: arial; font-size: 13px; font-weight: bold; color: #8EB5CE; vertical-align: top; padding: 8px;}

.numBoxText {height: 40px; width: 40px; background: #BFD5E3; font-family: Tahoma; font-size: 30px; font-weight: bold; color: #FFFFFF; text-align:center; vertical-align: middle; line-height: 30px;}

.numBoxLine {height: 1px; width: 100%; background: #BFD5E3;}

.cellBkgnd {background: #E0EAF1;}

.termsTxt {width:680px; padding-right:8px; padding-left:8px;}

.tableOuter {border:1px solid #BFD5E3;}

.checkbox {border: #acc1c6 0px solid; width:15px;}

/* calendar icon */
img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align: middle;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 158px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: white;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	background-color: gray;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #ACD6F5;
}
div#tcal td.today {
	border: 1px solid red;
}
div#tcal td.selected {
	background-color: #FFB3BE;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
}