/* external form design stylesheets by Excaliber Information Systems,Phoenix, AZ */

/* when linked to online forms, these external .css and .js templates give designers 
greater control over the layout, appearance, and printing of electronic forms*/

/* to use these css classes, place these .css and .js files in the the html HEAD tag 
	
	    <link rel="stylesheet" href="/wdtstyles/wdtFields1-0.css">
		<link rel="stylesheet" href="/wdtstyles/wdtDefault1-0.css">
		<link rel="stylesheet" href="/wdtstyles//CLIENTSITENAMEcustomsettings.css">
		<script src="/wdtjavascripts/wdtStandard.js"></script>
		<script src="/wdtjavascripts/wdtfindDOM.js"></script>
*/
/******************************************************************************/

/*sets body styles*/
BODY {
	border-left-style : none;
	border-top-style : none;
	border-right-style : none;
	border-bottom-style : none;
	margin-left : 0px;
	margin-top : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	padding-left : 0px;
	padding-top : 0px;
	background-image : url(../images/navystripes.gif);
}


/*sets form styles for 600 by 800 screens*/
FORM {
	border : 2px none Black;
	margin : 15px 15px 15px 15px;
	padding : 10px 10px 10px 15px;
	color : Navy;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	width : 740px;
	background-image : url(../images/greystripes.gif);
	text-align : left;
	background-color : none;
}
	
TABLE {
	width : 720px;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	border : 0px;
	}
	
/*use to insert a logo as part of a form heading*/
.logo {
	width : 700px;
	text-align : center;}
	
/*former class title*/
H1 {
	font : bold 20px/200% Verdana;
	color: White;
	width : 720px;
	margin-left : 0px;
	background-color : Navy;
	text-align : center;
}
H2 {
	font-family : Verdana;
	font-size : 20px;
	font-weight : bold;
	line-height : 200%;
	color : Navy;
	width : 720px;
	margin-left : 0px;
	text-align : center;
}

/*former class title1 */
H3 {
	font-family : Verdana;
	font-size : 14px;
	font-weight : bold;
	line-height : 200%;
	color : White;
	width : 560px;
	margin-left : 7px;
	text-align : center;
	background-color : Navy;
}

/*former class title1a*/
H4 {
	font-family : Verdana;
	font-size : 18px;
	line-height : 200%;
	color : #DC143C;
	text-align : left;
}
H5 {
	
}
H6 {
	
}

P {padding : 10px;}
Li {padding-left : 10px;}

/*use to set alignment and bold*/
.right 		{text-align : right;}
.center 	{text-align : center;}
.left    	{text-align : left;}
.justify 	{text-align : justify;}
.bold    	{font-weight : bold;}
.italics {font-style : italic;}
.oblique {font-style : oblique;}

/*use to set font color*/
.red       {color : #FF0000;}
.crimson   {color : #DC143C;}
.firebrick {color : #B22222;}
.blue      {color : blue;}
.navy      {color : #000080;}
.green     {color : #2E8B57;}
.yellow    {color : #FFFF00;}
.gold      {color : #FFD700;}
.silver    {color : #C0C0C0;}
.lightgrey {color : #D3D3D3;}
.lime      {color : #00FF00;}
.black     {color : #000000;}
.white  {color: #FFFFFF;}
	


/*use to set font size*/
.fsize5 {font-size : 5pt;}
.fsize6 {font-size : 6pt;}
.fsize7 {font-size : 7pt;}
.fsize8 {font-size : 8pt;}
.fsize9 {font-size : 9pt;}
.fsize10 {font-size : 10pt;}
.fsize11 {font-size : 11pt;}
.fsize12 {font-size : 12pt;}
.fsize14 {font-size : 14pt;}
.fsize16 {font-size : 16pt;}
.fsize18 {font-size : 18pt;}
.fsize20 {font-size : 20pt;}
.fsize22 {font-size : 22pt;}
.fsize24 {font-size : 24pt;}
.fsize30 {font-size : 30pt;}
.fsize36 {font-size : 36pt;}

.fsize5x {font-size : 5px;}
.fsize6x {font-size : 6px;}
.fsize7x {font-size : 7px;}
.fsize8x {font-size : 8px;}
.fsize9x {font-size : 9px;}
.fsize10x {font-size : 10px;}
.fsize11x {font-size : 11px;}
.fsize12x {font-size : 12px;}
.fsize14x {font-size : 14px;}
.fsize16x {font-size : 16px;}
.fsize18x {font-size : 18px;}
.fsize20x {font-size : 20px;}
.fsize22x {font-size : 22px;}
.fsize24x {font-size : 24px;}
.fsize30x {font-size : 30px;}
.fsize36x {font-size : 36px;}

/*use to set link colors and hover color*/
A:LINK {
	color : Blue;
	font-weight : bold;
	text-decoration : none;
}
A:VISITED {
	font-weight : normal;
	text-decoration : none;
	color : #006400;
}
A:HOVER {
	color : Yellow;
	font-weight : bold;
	text-decoration : none;
	background-color : Blue;
}
A:ACTIVE {
	color : Red;
	font-weight : bold;
	text-decoration : none;
}

/*use set form text not used for input labels*/
.bodytext1 {
	font : 11pt/150% Copperplate Gothic Light;
	color : Navy;
	text-align : justify;
}
.bodytext2 {
	font : 9pt/150% Copperplate Gothic Bold;
	color : Navy;
	text-align : justify;
}
.bodytext3 {
	font : normal 11pt/150% Trebuchet MS;
	color : Black;
	text-align : justify;
}
.bodytext4 {
	font : 10pt/150% Arial;
	color : Black;
	text-align : justify;
}
.bodytext5 {
	font : 10pt/150% Century Gothic;
	color : Black;
	text-align : justify;
}
.bodytext6 {
	font : 10pt/150% Helvetica;
	color : Black;
	text-align : justify;
}
.bodytext7 {
	font : bold 10pt/150% Verdana;
	color : Navy;
	text-align : justify;
}
.bodytext8 {
	font : 14pt/150% Garamond;
	color : navy;
	text-align : justify;
}
.bodytext9 {
	font : 10pt/150% Arial Narrow;
	color : Black;
	text-align : justify;
}

/*use set labels for form field tags*/
.labeltext1 {
	font : 8pt/100% Copperplate Gothic Light;
/*	text-align : left;*/
}
.labeltext2 {
	font : 7pt/100% Verdana;
/*	text-align : left;*/
}
.labeltext3 {
	font : 9pt/100% Helvetica;
/*	text-align : left;*/
}
.labeltext4 {
	font : 10px/100% Arial;
/*	text-align : left;*/
}


/*the below object permits an element to show on the screen but not when printed*/
#object1 {
	position : relative;
	top: 0px;
	left: 230px;
	visibility : visible;
}

/*the below object permits an element to be hidden on the screen but show when printed*/
#object2 {
visibility : hidden;
}

/*use span tag with these classes to fix length for any element*/
.w1   { width :   1px;}
.w2   { width :   2px;}
.w3   { width :   3px;}
.w4   { width :   4px;}
.w5   { width :   5px;}
.w6   { width :   6px;}
.w7   { width :   7px;}
.w8   { width :   8px;}
.w9   { width :   9px;}
.w10  { width :  10px;}
.w15  { width :  15px;}
.w20  { width :  20px; padding-right : 5px;}
.w25  { width :  25px; padding-right : 5px;}
.w30  { width :  30px; padding-right : 5px;}
.w50  { width :  50px; padding-right : 5px;}
.w75  { width :  75px; padding-right : 5px;}
.w100 { width : 100px; padding-right : 5px;}
.w125 { width : 125px; padding-right : 5px;}
.w150 { width : 150px; padding-right : 5px;}
.w175 { width : 175px; padding-right : 5px;}
.w200 { width : 200px; padding-right : 5px;}
.w225 { width : 225px; padding-right : 5px;}
.w250 { width : 250px; padding-right : 5px;}
.w275 { width : 275px; padding-right : 5px;}
.w300 { width : 300px; padding-right : 5px;}
.w325 { width : 325px; padding-right : 5px;}
.w350 { width : 350px; padding-right : 5px;}
.w375 { width : 375px; padding-right : 5px;}
.w400 { width : 400px; padding-right : 5px;}
.w425 { width : 425px; padding-right : 5px;}
.w450 { width : 450px; padding-right : 5px;}
.w475 { width : 475px; padding-right : 5px;}
.w500 { width : 500px; padding-right : 5px;}
.w525 { width : 525px; padding-right : 5px;}
.w550 { width : 550px; padding-right : 5px;}
.w575 { width : 575px; padding-right : 5px;}
.w600 { width : 600px; padding-right : 5px;}
.w610 { width : 610px; padding-right : 5px;}
.w620 { width : 620px; padding-right : 5px;}
.w625 { width : 625px; padding-right : 5px;}
.w630 { width : 630px; padding-right : 5px;}
.w640 { width : 640px; padding-right : 5px;}
.w650 { width : 650px; padding-right : 5px;}
.w660 { width : 660px; padding-right : 5px;}
.w670 { width : 670px; padding-right : 5px;}
.w675 { width : 675px; padding-right : 5px;}
.w680 { width : 680px; padding-right : 5px;}
.w690 { width : 690px; padding-right : 5px;}
.w700 { width : 700px; padding-right : 5px;}
.w710 { width : 710px; padding-right : 5px;}
.w720 { width : 720px; padding-right : 5px;}
.w730 { width : 730px; padding-right : 5px;}
.w740 { width : 740px; padding-right : 5px;}

/*use span tag with any of these to add border sides to any element*/

.border {border : 1px solid Black;}
.noT {
	border : 1px solid Black;
	border-top-style : none;}
.noB {
	border : 1px solid Black;
	border-bottom-style : none;}
.noL {
	border : 1px solid Black;
	border-left-style : none;}
.noR {
	border : 1px solid Black;
	border-right-style : none;}
.noTB {
	border : 1px solid Black;
	border-top-style : none;
	border-bottom-style : none;}
.noTR {
	border : 1px solid Black;
	border-top-style : none;
	border-right-style : none;}
.noTL {
	border : 1px solid Black;
	border-top-style : none;
	border-left-style : none;}
.noBL {
	border : 1px solid Black;
	border-left-style : none;
	border-bottom-style : none;}
.noBR {
	border : 1px solid Black;
	border-right-style : none;
	border-bottom-style : none;}
.T {border-top : 1px solid Black;}
.L {border-left : 1px solid Black;}
.R {border-right : 1px solid Black;}
.B {border-bottom : 1px solid Black;}