/*
	The styles below are for the entire site.  They deal with font selection and page
	alignment and content placement.  Please do not changes these unless you are sure
	you want to change the ENTIRE website.
*/
body 
{
	font-family: Arial, Courier New;
	background-color: #F7F7F7;

}

/*
	This specifies the vertical column in the center of the page into which all of
	our contenct (header, content, footer) is placed.
*/
#PageBody
{
	margin: auto;	/* Center the column on the page */
	width: 900px;   
	/*height: 740px;*/
	background-color: #FDFDFD;
}

/*
	This specifies the area of the page into which the content of that page is placed.
	It is in the center of the page bordered on top by the #header and the bottom
	by the #footer (duh)
*/
#ContentArea
{
	/*
	width: 100%;
	margin-top: 0px;
	*/
	/*
	This is the IE hack to force a minimum height.  IE 6.0 does not recognize the minimum height
	attribute, so we have to trick it.  Mozillia reads the !important as an error and ignores
	the height: auto style and everything that follows it for the rest of the rule.  IE 6.0
	doesn't read it either but it continues onto the next style rule, thus setting the height to
	590px - it's not the cleanest solution, but it works.
	*/
	/*min-height: 590px;*/
	/*
	height: auto !important;
	height: 590px;
	*/
	/*clear:both;*/
	padding-top: 3px;
}

/*
	Defines the area below the content that has the account name and current time
	General container object. 
*/
div#footer
{
	height: 75px;
	font-size: 60%;
	font-family: Arial, Helvetica, Verdana;
	margin: auto;
	margin-top: 20px;
}

/*
	Left side of the footer - contains the FAQ and Terms of Use
*/
div#footer span.Left
{
	float: left;
	clear: both;
	width: 49%;
}

/*
	Right side of the footer - contains the account name and the
	timestamp
*/
div#footer span.Right
{
	float: right;
	width: 49%;
	text-align: right;
}

/*
	The header area.  Needed because we had to force a height.
*/
#header
{
	/*height: 127px;*/
	text-align: left;
	width: 100%;
	clear: both;
}

a 
{
	font-family:Arial;
	font-size:9pt;
	color:#000000;
}

h1
{
	margin-left: 5px;
	font-family: Arial;
	font-size: 12pt;
	color: #f00;
	font-style: italic;
}

/* Release 2.12 override functionality of h1 w/o extra return */
div.h1
{
	margin-left: 5px;
	font-family: Arial;
	font-size: 12pt;
	color: #f00;
	font-style: italic;
	font-weight:bold;
}

h4
{
	/*font-style: italic;*/
	color: #f00;
}

p
{
	margin-left: 10px;
	margin-right: 10px;
	font-family:Arial;
	font-size: small;
	color: #333;
}

/* Release 2.12 */
div.p
{
	margin-left: 10px;
	margin-right: 10px;
	font-family:Arial;
	font-size: small;
	color: #333;
}

p span.RedText
{
	color: #f00;
}

/* Release 2.12 */
ul
{
	font-size:small;	
}

div#LogoutBar
{
	background-image: url(../images/toolbarBG.gif); 
	background-repeat: repeat-x;
	width: 100%; 
	display: block; 
	height: 20px; 
}

div#LogoutBar .Left
{
	float: left;
}

div#LogoutBar .Right
{
	float: right;
}

#ExteriorHeader img
{
	margin-bottom: -5px;
	margin-right: -2px;
	margin-left: -2px;
}

.HeaderRow
{
	padding: 0px;
	margin-left: 2px;
}


/**
	Classic TMM styles
	Included here so we could cut-and-paste the outside pages
	into the new system.

	Please don't use these.
*/A.headlink:link {
	color: #FF0000;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	line-height: 16px;
}
A.headlink:active {
	color: #FF0000;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	line-height: 16px;
}
A.headlink:visited {
	color: #FF0000;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	line-height: 16px;
}
A.headlink:hover {
	color: #FF0000;
	text-decoration: underline;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	line-height: 16px;
}
A.subheadlink:link {
	color: #777777;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-style: italic;
	font-weight: bold;
}
A.subheadlink:active {
	color: #777777;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-style: italic;
	font-weight: bold;
}
A.subheadlink:visited {
	color: #777777;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-style: italic;
	font-weight: bold;
}
A.subheadlink:hover {
	color: #FF0000;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-style: italic;
	font-weight: bold;
}

.tabImageMiddleOn {
    padding-bottom:3px;
    height:27px;
    background-repeat:repeat-x;
    font-family:arial;
    font-size:9pt;
    cursor: pointer;
    vertical-align:bottom;
}
.tabImageMiddleOn A {
    color:#ff0000;
    font-weight:bold;
}

.tabImageMiddleOff {
    padding-bottom:3px;
    height:27px;
    background-repeat:repeat-x;
    font-family:arial;
    font-size:9pt;
    cursor: pointer;
    vertical-align:bottom;
}
 .tabImageMiddleOff A {
    color:#000000;
}
.tabImageBookEnd {
    padding-bottom:3px;
    height:27px;
    width:21px;
    background-repeat:no-repeat;
}
.portal 
{
	font-family:Arial;
	font-size:8pt;
	color:White;
	font-weight:bold;
}

.head {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
	line-height: 16px;
}
.subhead {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
}

/*Start : Added by VGU on 06/25/2010.
Used for non italic Sub Heading*/
.subheadNonItalic {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-style : normal;
	font-weight: bold;
	color: #FF0000;
}
/*End : Added by VGU on 06/25/2010.*/

/*Start : Added by VGU on 04/16/2010.
Used for black Sub Heading*/
.headBlack {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	line-height: 16px;
}

.subheadblack 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}

/* Used for red bold italic*/
.redItalicBold 
{	
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
}

/* Used for superscript Registered mark*/
.superReg 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	vertical-align:text-top;
}
.superLink 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	vertical-align:text-top;
}
/*End : Added by VGU on 04/16/2010.*/

		p a
		{
			color: red;
		}

		div.Form div.InputSection
		{
			/*border: 1px solid green;*/
			width: 800px;
			margin: auto;
			/*table-layout: fixed;*/
		}
		
		div.Form div.InputSection div
		{
			clear: both;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		
		div.Form div.InputSection div span.SectionHeader
		{
			text-align: left;
			text-decoration: underline;
			font-weight: bold;
			font-size: 13px;
			float: left;
			margin-left: 20px;
			margin-right: -20px;
		}
		
		div.Form div.InputSection div span.Label
		{
			float: left;
			width: 175px;
			margin-left: 200px;
		}
		
		div.Form div.InputSection div span.Control
		{
			float: left;
			text-align: right;
		}