/*
	color: #003466; // PTG dk blue
	color: #94b6d2; // PTG lt blue
*/
/****** Page Edited By IMC for 508 compliance *****
* Added a class th.error on line 208
* Changed 'background-x-position: right; background-y-position: top;' to background-position: left top; line 84 & 98
* Removed 'font-style: none;' line 78, 90
* Added unit px to line 166 '16px' .
* added a class headerH1
* Commented and added the CSS by IMC for proper display of sub menus and home at line 19 and 20
* Commented and added the CSS by IMC for proper display of sub menus at line 360,361 and 362
****** Page Edited By IMC for 508 compliance *****/
html, body{
  margin: 0;
  padding: 0;
}

#mainbody {
/*	margin: 4px 20px 4px 20px; */ /* Commented by IMC for proper display of sub menus and home */
	margin: 25px 20px 4px 20px; /* updated by IMC for proper display of sub menus and home */
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	min-width: 1000px;
	position:relative;
}

@media print {
	#mainbody {
		min-width: 0; 
	}
}

.button {
	border: 1px solid #003466;
	background: #CED6DE;
}
.button:hover {
	border: 1px solid #f00;
	background: #eef;
}

.attrTable {
	background-color: #CED6DE;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #003466;
	border-bottom-color: #003466;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #003466;
	border-left-color: #003466;
}

.innerTable {    /* used in alternating colors in list pages */
	background-color: #CED6DE;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #003466;
	border-bottom-color: #003466;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #003466;
	border-left-color: #003466;
}


textarea {  /* style of all textarea fields in application - should match font used throughout */
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	 font-size: 14px;
}
/** Added by IMC for converting table based layout to div based ***/

/* Header Left Side [Date, User and Version]*/
#tlbanner {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #003466;
	background-color: transparent;
	background-image: url(/styles/default/images/leftbar.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	position: relative;
	float:left;
	height:85px;
	width:240px
}


/* End Header Left Side [Date, User and Version]*/

/* Header Right Home, Logout*/
#trbanner {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #003466;
	text-decoration: none;
	background-color: transparent;
	background-image: url(/styles/default/images/rightbar2.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
	position: relative;
	height:85px;
	width:240px;
	float:right
}

/* End Header Right Home, Logout*/

/* Header Banner Center*/
#tcbanner {
	width:270px; /* width of centered image, to maintain center position*/
	margin:0 auto;
}

/* End Header Banner Center*/

#tldate {
position: absolute;
top: 5px;
left: 5px;
}

#tluser {
position: absolute;
top: 40px;
left: 12px;
}

#tlversion {
position: absolute;
top: 58px;
left: 12px;
}

#trhome {
position: absolute;
top: 49px;
right: 86px;
}

#trlogout {
position: absolute;
top: 49px;
right: 26px;
}
/*** Added by IMC for converting table based layout to div based  END***/

td.heading {    /* used in header bar when no menus appear (login page, etc.) */
	background-color: #003466;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;

}

/* menus: formatting for display of headers, subheaders, etc. on most pages */
menu {
	background-color: #003466;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

td.divider {
	background-color: #003466;
	height: 4px;
}

td.menu,th.menu {
	background-color: #003466;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 16px;
}

td.submenu {
	background-color: #94b6d2;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	/*color: #FFFFFF;*/
	color:#040D14; /* Changed color code due to color contrast suggestion */

}
th.submenu {
	background-color: #94b6d2;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000307; /* Changed color code due to color contrast suggestion */

}

td.submenu2, th.submenu2 {
	background-color: #91ABB3;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

}

td.warning {     /* format for warning (non-error) messages at top of page */
	background-color: #D0D4E1;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #192A63;
	line-height: 14px;
}

td.error,th.error {   /* format for error messages at top of page */
	background-color: #FFA500; /* Changed the color for colr blind people bug id 16*/
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

}

td.message {  /* format for regular messages at top of page */
	background-color: #00DF00;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

}

/* menulink: format for links appearing on list pages */
.menulink {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.menulink:visited, .menulink:link {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.menulink:hover {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #94b6d2;
	text-decoration: none;
}

.login {
	font-weight: bold;
	color: #003466;
}

td {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
}

.watermark {
	background-repeat: no-repeat;
}

.header {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #003466;
}

.subheader {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003466;
}

.subheader2 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
  font-style: italic;
	color: #003466;
}

a:visited, a:link {
	color: #003466;
	text-decoration: none;
}
a:hover,a:focus {
	color: #003466;
	text-decoration: underline;
}
.version {
	font-weight: normal;
	color: #003466;
}

.lines {    /* used in alternating colors in list pages */
	background-color: #CED6DE;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CED6DE;
	border-bottom-color: #003466;
}

.lines-one {    /* used in alternating colors in list pages */
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #003466;
}

.table-border {
	border: 1px solid black;
	border-collapse: collapse;
}

.table-border td, .table-border th {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	border: 1px solid black;
	padding: 2px;
}

.table-border td.no-border {
	border: none;
}

.table-border td.border-row {
	border-left: none;
}

/* styles needed for top menu bar functionality */
#menucontainer {
	width: 100%;
	background-color: #003466;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	overflow:hidden;	/*By Imc - Div was getting behind the ul li to so added*/
}

.topmenulink {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: white;
	text-decoration: none;
}

.topmenulink:visited, .topmenulink:link {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: white;
	text-decoration: none;
	padding-top:5px; /* ADDED by IMC for proper display of sub menus*/
	padding-bottom:5px; /* ADDED by IMC for proper display of sub menus*/
	display:block;	 /* ADDED by IMC for proper display of sub menus*/

}

.topmenulink:hover, .topmenulink:focus {  /* Added the CSS  ".topmenulink:focus" to show the hover effect on focus effect */
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
/*    color: #94b6d2;	*/ /* Commented by imc and added the new css below */
	color:#003466;
/* Added the css by IMC for displaying the menu hover and focus with proper color format*/
	background-color:#CED6DE;
	text-decoration: none;
/*		END 	*/
}
/***
IMC: For Menu item highlight on active state
***/
.topmenulink.menu-selected {
	background-color:#DAC983;
	color:#003466;
}

.topmenutd {
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #94b6d2;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #94b6d2;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #94b6d2;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #94b6d2;
	border-left: none; /*By IMC - The border of both the sides combine to form a big gap between menus, to overcome this we have added it.*/
}

#content {
	clear: left;
}

#content a {
	color: #FFFFFF;
}

#content a:hover {
	text-decoration: none;
}

#scaffolding {
	height: 70px;
	border: solid #eda;
	border-width: 1px 0 0 0;
	margin: 1em 0 0 0;
}

#scaffolding a {
	text-decoration: none;
	text-indent: -999em;
	display: block;
	height: 70px;
	background-position: 181px 0;
}


/* Added by IMC after replacing TD with TH in list_body.inc */
.alignLeft {
	text-align:left;
}
.alignCenter {
	text-align:center;
}

.required {
	color:#800000; /* Changed color code due to color contrast suggestion */
}

.bold
{
	font-weight:bold;
}
.italic
{
	font-style:italic;
}
.white
{
	color:#FFFFFF;
}
.black
{
	color:#000000;
}
.blue
{
	color:#0000FF
}
.grey
{
color:606060;
}
.light-grey
{
color:808080;}
.red {
color:#FF0000;
}
.green {
color:#009933;
}

/* END Added by IMC after replacing TD with TH */

/*Added by IMC for Table to Div conversion Header CSS*/
#header {
  display:block; position:relative; overflow:hidden; padding:5px 2px 15px;
  font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
  font-weight:bold
}

.fl {float:left}
.fr {float:right}
.tempo {margin:25px 0 0 25px}
.txt {font:bold 16pt "Trebuchet MS",Verdana,Arial,sans-serif; display:block; text-align:center}


/*Added by IMC for Table to Div conversion footer css*/
.leftbtm {
  width:116px;
  padding-top:5px
}

.btmrow2{
  display:block; text-align:left;
}

.rightbtm{
	width:350px; margin:0 auto; overflow:hidden;
}

.footer{
  font: normal 12px "Trebuchet MS",Verdana,Arial,sans-serif;
  width:100%;
  border-top: 5px solid #11232F;
  margin-top: 20px;
  padding-top: 5px;
  width: 100%;
}
.font
{
font-family:"Courier New", Courier, monospace;
}

.headerH1 {
margin:0;
font-size:20px;
}

img[name='cancel']{
	border: 1px solid #94B6D2;
}
img[name='cancel']:focus,img[name='cancel']:active{
	border: 1px solid #003466;
}
input[type='text'], textarea , select ,input[type='password']{
	border: 1px solid #94B6D2;
}

input[type='text']:focus , textarea:focus , select:focus , input[type='image']:focus,input[type='password']:focus {
	border: 1px solid #003466;
}
.submitImg {
	border:1px solid #003466 !important;
	}

#ApplicationTitleDiv{
	overflow: hidden;
	text-align: center;
	width: auto;
}
#ApplicationTitleDivLeft{
	float: left;
	padding-top: 15px;
	text-align: center;
	width: 200px;
}
#ApplicationTitleDivMiddle{
	float: left;
	padding-top: 5px;
	text-align: center;
/*	width: 40%;*/
	width: auto;
	height:83px;
}
#ApplicationTitleDivRight{
	float: right;
	padding-top: 15px;
	text-align: center;
	width: 230px;
}
.activeParent{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#003466 !important;
	background-color:#CED6DE;
	text-decoration: none;
}
a.skipnav          /* Added for 508 Accessibility "Skip Nav" link - SCM 1/2014 */
{
	color:#FFFFFF;
	width:1px;
	height:1px;
	overflow:hidden;
}
a.skipnav:focus        /* Added for 508 Accessibility "Skip Nav" link - SCM 1/2014 */
{
	color:#003466;
	font-size: 10px;
	width:auto;
	height:auto;
}
a.skipnav:active       /* Added for 508 Accessibility "Skip Nav" link - SCM 1/2014 */
{
	color:#003466;
	font-size: 10px;
	width:auto;
	height:auto;
}
a.contentanchor          /* Added for 508 Accessibility "Skip Nav" link - SCM 1/2014 */
{
	color:#FFFFFF;
	width:1px;
	height:1px;
	overflow:hidden;
}
#loadingScreen {
	background: url("/irs/ems/images/ajax_loader_blue.gif") no-repeat center center;
	background-size: 8%;
	width: 100%;
	height: 240px;
}
.warning-container {
	margin: auto;
	width: 80%;

	border-style: solid;
	border-width: thin;
  border-color: #8B0000;
}
.input-choice-container {
	display: flex;
	align-items: center;
}
.input-choice-container input[type='radio'], .input-choice-container input[type='checkbox'] {
	margin: 2px 4px 0 0;
}