/* 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/wdtDefault2-0.css" media="screen">
		<link rel="stylesheet" href="/wdtstyles/wdtDefault2-0P.css" media="print">
		<script src="/wdtJavascripts/wdtHTMLGen.js" type="text/javascript"></script>
		<script src="/wdtjavascripts/wdtfindDOM.js">type="text/javascript"></script>
*/
/******************************************************************************/

/*sets body styles and field label text*/
BODY {
	margin : 0px 0px 0px 0px;
	border : none;
	padding : 0px 0px 0px 0px;
	background-image : url(../images/navystripes.gif);
	text-align : center;
	color : Navy;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}
/*sets form styles and content to screen center */
#formshell {
	margin: 10px auto;
	border : 1px none Black;
	padding : 10px 10px 10px 15px;
	width : 740px;
	background-image : url(../images/greystripes.gif);
	text-align : left;
}
/*use to insert  a form heading*/
.titlerow1 {
	font : bold 20px/2em Verdana;
	color: White;
	background-color : Navy;
	text-align : center;
}
.titlerow2 {
	font : bold 20px/2em Verdana;
	color: Navy;
	text-align : left;
}
/*use to insert a form section heading*/
.sectionrow {
	font : bold 12px/1.2em Verdana;
	text-transform : uppercase;
	color: #DC143C;
	text-align : left;
	width : 730px;
	border-bottom-color : crimson;
	border-bottom-style : solid;
	border-bottom-width : 2px;
	margin-bottom : .3em;
}
/*use to insert  basic form bodytext*/
.textrow {
	font : bold 12px/1.2em Verdana;
	text-align : justify;
}
/*use to insert fields and labels*/
.fieldrow {
	font : normal 12px/1em Verdana;
	text-align : left;
}
.submitrow {
	text-align : center;
	vertical-align: middle;
}
hr {
height: 4px;
color: Navy;
}

/*use to set left margin before fields and field labels*/
.fieldleft1  {margin-left : 1px;}
.fieldleft2  {margin-left : 2px;}
.fieldleft3  {margin-left : 3px;}
.fieldleft4  {margin-left : 4px;}
.fieldleft5  {margin-left : 5px;}
.fieldleft6  {margin-left : 6px;}
.fieldleft7  {margin-left : 7px;}
.fieldleft8  {margin-left : 8px;}
.fieldleft9  {margin-left : 9px;}
.fieldleft10 {margin-left : 10px;}
.fieldleft11 {margin-left : 11px;}
.fieldleft12 {margin-left : 12px;}
.fieldleft13 {margin-left : 13px;}
.fieldleft14 {margin-left : 14px;}
.fieldleft15 {margin-left : 15px;}
.fieldleft16 {margin-left : 16px;}
.fieldleft17 {margin-left : 17px;}
.fieldleft18 {margin-left : 18px;}
.fieldleft19 {margin-left : 19px;}
.fieldleft20 {margin-left : 20px;}
.fieldleft50 {margin-left : 50px;}
.fieldleft75 {margin-left : 75px;}
.fieldleft100 {margin-left : 100px;}
.fieldleft150 {margin-left : 150px;}
.fieldleft200 {margin-left : 200px;}
.fieldleft300 {margin-left : 300px;}
.fieldleft400 {margin-left : 400px;}
.fieldleft500 {margin-left : 500px;}

/*use to insert a logo as part of a form heading*/
.logo {
	width : 700px;
	text-align : center;}
	
/*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 in points*/
.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;}

/*use to set font size in pixels*/
.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;
}

/*the below object permits an element to show on the screen but not when printed*/
#object1 {
visibility : visible;
}

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

/*use  set length for any block level 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  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;}

/*sets inside text size and other properties for all INPUT & SELECT tags*/
INPUT {
	border : 0px none Black;
	font-family : "Courier New";
	font-size : 10pt;
	font-weight : bold;
	line-height : 100%;
	text-align : left;
	vertical-align : middle;
	background-color : #DCDCDC;
	color : Navy;
	margin-bottom : .3em;
	margin-left : 4px;
}
SELECT {
	border : 0px none Black;
	font-family : "Courier New";
	font-size : 10pt;
	font-weight : bold;
	line-height : 100%;
	text-align : left;
	vertical-align : middle;
	background-color : #DCDCDC;
	color : Navy;
	margin-bottom : .3em;
	margin-left : 3px;
}

/*use to set inside text size and other properties for button tag*/ 
BUTTON.send1 {
	border : 0px outset Black;
	font-family : Verdana;
	font-size : 11pt;
	font-weight : normal;
	line-height : 100%;
	text-align : center;
	vertical-align : middle;
	background-color : Navy;
	color : Yellow;
	letter-spacing : 2px;
}
.send1 {
	border : thin outset ButtonShadow;
	font-family : Verdana;
	font-size : 12px;
	font-weight : bold;
	line-height : 100%;
	text-align : center;
	vertical-align : bottom;
	background-color : ButtonFace;
	color : ButtonText;
	padding-top: .1em;
}

/*use to remove color background from checkboxes and radio buttons*/ 
INPUT.nobg {
	background-color : transparent;
}

/*sets properties, except text size & row number for all TEXTAREA tags*/
TEXTAREA {
	border : 0px solid Navy;
	font-family : Courier New;
	font-weight : bold;
	line-height : 105%;
	text-align : left;
	background-color : #DCDCDC;
	color : Navy;
	width : 700px;
	scrollbar-arrow-color : #DCDCDC;
	scrollbar-face-color : #DCDCDC;
	scrollbar-highlight-color : #DCDCDC;
	scrollbar-shadow-color : #DCDCDC;
	scrollbar-track-color : #DCDCDC;
	scrollbar-darkshadow-color : #DCDCDC;
	scrollbar-base-color : #DCDCDC;
	scrollbar-3dlight-color : #DCDCDC;
}

/* EVERY TEXTAREA tag should be assigned one of  these Classes*/
TEXTAREA.fsize61 {font-size : 6pt;height : 8.6px;}
TEXTAREA.fsize62 {font-size : 6pt;height : 17.2px;}
TEXTAREA.fsize63 {font-size : 6pt;height : 25.8px;}
TEXTAREA.fsize64 {font-size : 6pt;height : 34.4px;}
TEXTAREA.fsize65 {font-size : 6pt;height : 43px;}
TEXTAREA.fsize66 {font-size : 6pt;height : 51.6px;}

TEXTAREA.fsize71 {font-size : 7pt;height : 9.33px;}
TEXTAREA.fsize72 {font-size : 7pt;height : 18.66px;}
TEXTAREA.fsize73 {font-size : 7pt;height : 27.99px;}
TEXTAREA.fsize74 {font-size : 7pt;height : 37.32px;}
TEXTAREA.fsize75 {font-size : 7pt;height : 46.65px;}
TEXTAREA.fsize76 {font-size : 7pt;height : 56px;}

TEXTAREA.fsize81 {font-size : 8pt;height : 11.33px;}
TEXTAREA.fsize82 {font-size : 8pt;height : 22.66px;}
TEXTAREA.fsize83 {font-size : 8pt;height : 33.99px;}
TEXTAREA.fsize84 {font-size : 8pt;height : 45.32px;}
TEXTAREA.fsize85 {font-size : 8pt;height : 56.65px;}
TEXTAREA.fsize86 {font-size : 8pt;height : 68px;}

TEXTAREA.fsize91 {font-size : 9pt;height : 12.83px;}
TEXTAREA.fsize92 {font-size : 9pt;height : 25.66px;}
TEXTAREA.fsize93 {font-size : 9pt;height : 38.49px;}
TEXTAREA.fsize94 {font-size : 9pt;height : 51.33px;}
TEXTAREA.fsize95 {font-size : 9pt;height : 64.15px;}
TEXTAREA.fsize96 {font-size : 9pt;height : 77px;}

TEXTAREA.fsize101 {font-size : 10pt;height : 15.4px;}
TEXTAREA.fsize102 {font-size : 10pt;height : 30.9px;}
TEXTAREA.fsize103 {font-size : 10pt;height : 46.3px;}
TEXTAREA.fsize104 {font-size : 10pt;height : 61.7px;}
TEXTAREA.fsize105 {font-size : 10pt;height : 77px;}
TEXTAREA.fsize106 {font-size : 10pt;height : 92px;}

TEXTAREA.fsize111 {font-size : 11pt;height : 16.66px;}
TEXTAREA.fsize112 {font-size : 11pt;height : 33.32px;}
TEXTAREA.fsize113 {font-size : 11pt;height : 49.98px;}
TEXTAREA.fsize114 {font-size : 11pt;height : 66.64px;}
TEXTAREA.fsize115 {font-size : 11pt;height : 83.3px;}
TEXTAREA.fsize116 {font-size : 11pt;height : 100px;}

TEXTAREA.fsize121 {font-size : 12pt;height : 17.33px;}
TEXTAREA.fsize122 {font-size : 12pt;height : 34.66px;}
TEXTAREA.fsize123 {font-size : 12pt;height : 51.99px;}
TEXTAREA.fsize124 {font-size : 12pt;height : 69.33px;}
TEXTAREA.fsize125 {font-size : 12pt;height : 86.65px;}
TEXTAREA.fsize126 {font-size : 12pt;height : 104px;}