/*  this covers the main body - you can changes the background color here, 
the font family or add a background image   */
BODY
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Tahoma, Arial;
    BACKGROUND-COLOR: white;
    TEXT-DECORATION: none
}
/*if you edit the body color or font, then change this to match*/
P
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Tahoma, Arial;
    BACKGROUND-COLOR: white;
    TEXT-DECORATION: none
}
/* header column  */
TH
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14pt;
    COLOR: black;
    FONT-FAMILY: Tahoma, Arial;
    BACKGROUND-COLOR: white;
    TEXT-DECORATION: none
}
/*submit class is used for all the update and submit buttons*/
.submit
{
    FONT-FAMILY: Tahoma, Arial;
	 font-size: 10pt;
    BACKGROUND-COLOR: gray;
	 cursor:pointer;
	 font-weight: normal;
	 vertical-align: top;
	 
}
/*this class is used for the "What does this mean?"  buttons on the reports. 
Be careful changing the size of the font as this will 
greatly affect the correct display of these buttons in the different screen resolutions*/
.buttons
{
    FONT-FAMILY: Tahoma, Arial;
	 font-size: 8pt;
    BACKGROUND-COLOR: gray;
	 cursor:pointer;
	 font-weight: normal;
	 vertical-align: top;
	 
	
}
/* column style for tables  */
TD
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Tahoma, Arial;
	 vertical-align:top;
}
/*used on the questionnaire to display the box with 1 - 2 - 3 -0 etc  */
TH.introbox
{
    BORDER-RIGHT: gray thin solid;
    BORDER-TOP: gray thin solid;
    FONT-WEIGHT: lighter;
    FONT-SIZE: 10pt;
    BORDER-LEFT: gray thin solid;
    BORDER-BOTTOM: gray thin solid;
    FONT-FAMILY: Tahoma, arial
}
A
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Tahoma, Arial;
    TEXT-DECORATION: underline
}

/* these are not used and here as a reference in case 
developers wish to use them
a:active {
	   FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Tahoma, Arial;
    TEXT-DECORATION: underline
}
*/
/* these are not used and here as a reference in case 
developers wish to use them
a:hover {
	 FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Tahoma, Arial;
    TEXT-DECORATION: underline
}
*/
/* what does this mean section and for staff use only section  */
.resultbox
{
    BORDER-RIGHT: gray thin solid;
    BORDER-TOP: gray thin solid;
    FONT-SIZE: 10pt;
    BORDER-LEFT: gray thin solid;
    COLOR: black;
    BORDER-BOTTOM: gray thin solid;
    FONT-FAMILY: Tahoma, arial
}
/*header rows */
.tblheader
{
    FONT-SIZE: 12pt;
    COLOR: black;
	font-weight: bold;
    FONT-FAMILY: Tahoma, Arial;
    TEXT-DECORATION: none
}
/* used for the results table headers on the search page of viewbyxpid  */
.tblheaderrow
{
    FONT-SIZE: 10pt;
    COLOR: black;
	font-weight: bold;
    FONT-FAMILY: Tahoma, Arial;
    TEXT-DECORATION: none;
		text-align: center
}
/*table title */
.tbltitle
{
    FONT-SIZE: 14pt;
    COLOR: black;
	font-weight: bold;
    FONT-FAMILY: Tahoma, Arial;
    TEXT-DECORATION: none
}

/* used for the copyright paragraph  */
.smallit
{
    FONT-SIZE: 8pt;
    COLOR: black;
	font-style:italic;
	font-weight: normal;
    FONT-FAMILY: Tahoma, Arial;
    TEXT-DECORATION: none
}
/*display of the GAIN Scoring table on the reports pages */
.scorebox
{
    BORDER-RIGHT: gray thin solid;
    BORDER-TOP: gray thin solid;
    FONT-SIZE: 10pt;
    BORDER-LEFT: gray thin solid;
    COLOR: black;
    BORDER-BOTTOM: gray thin solid;
    FONT-FAMILY: Tahoma, arial;
	 border-width: thin;
	 
	 
}
/*error message display*/
.Error
{
    FONT-SIZE: 8pt;
    COLOR: red;
	font-style:normal;
	font-weight: bold;
    FONT-FAMILY: Tahoma, Arial;
    TEXT-DECORATION: none
}

div.formtitle
{
 font-size: 14pt;
 color: black;
 font-weight: bold;
 font-family: Tahoma, Arial;
 text-decoration: none;
 text-align:center;
 padding-bottom:1.5em;
}

div.link
{
 text-align:center;
 padding-bottom:1em;
}

div.loginmsg
{
 text-align:center;
 font-weight:bold;
 padding-bottom:.5em;
}

div.box, div.infolinks
{
 margin:5px auto 18px auto;
 padding:18px;
 width:550px;
 border-width:2px;
 border-color:#7A8482;
 border-style:solid;
}

div.infolinks
{
 width:550px;
 text-align:left;
}

div.infolinks .header
{
 font-size:1.05em;
 font-weight:bold;
}

div.gaindescrip
{
 text-align:left;
}

div.loginlinks
{
 margin-top:8px;
 margin-bottom:20px;
}

div.loginlinks span
{
 margin-left:20px;
 margin-right:20px;
}

div.loginlinks a
{
 text-decoration:none;
 font-size:1.3em;
 padding:10px 20px;
 border-width:2px;
 border-style:solid;
}

div.loginlinks a:link, div.loginlinks a:visited, div.loginlinks a.inactiveloginbtn:link, div.loginlinks a.inactiveloginbtn:visited
{
 border-color:#E6F9F5 #7A8482 #7A8482 #E6F9F5;
 background-color:#DCEFEB;
 color:black;
}

div.loginlinks a:hover, div.loginlinks a:active, div.loginlinks a.inactiveloginbtn:hover, div.loginlinks a.inactiveloginbtn:active
{
 border-color:#6D7574 #AAB7B5 #AAB7B5 #6D7574;
 background-color:#899492;
 color:white;
}

div.loginlinks a.activeloginbtn:link, div.loginlinks a.activeloginbtn:visited, div.loginlinks a.activeloginbtn:hover, div.loginlinks a.activeloginbtn:active
{
 border-color:#AAB7B5;
 background-color:#899492;
 color:white;
}

table#logintable
{
 width:400px;
}

table#logintable td.label
{
 width:150px;
 text-align:right;
}

table#logintable td.input
{
 text-align:left;
}