@charset "iso-8859-1";
/* Rule144Solution default CSS, Copyright 2005, Arda Group L.C.
   Version and Change history moved to end.
*/

/* Arda Group default        */

/* ***********************************************************************************************
   A general note on CSS
   
   Setting various aspects of display style in a Cascading Style Sheet has several advantages over
   providing the values via attributes in the actual HTML tags themselves. Most importantly, you
   only have to edit a single file if you want to change the overall look and feel of your site.
   
   Also, multiple collections of related style properties can be overlaid on the default settings
   allowing a web application to have multiple 'skins'.
   
   For a good reference and tutorial on CSS, see http://www.w3schools.com/default.asp
*********************************************************************************************** */

body {
    background-color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	margin: 0px;
/*	font-size: 13px; */
}

li {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
/*	font-size: 13px; */
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
/*	font-size: 13px; */
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
/*	font-size: 13px; */
}
dt {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
/*	font-size: 20px; */
	font-weight: bold;
}
dd {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
/*	font-size: 17px; */
	font-weight: normal;
}
p {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
/*	font-size: 17px; */
	font-weight: normal;
}
/* ***********************************************************************************************
   A General note on background colors and images
   
   The Banner, Left-side Nav menu and Right-side Nav menu may have background colors, or may use 
   background images (or both). Images are often used to provide 'fade' effects to break up the 
   monotony of the page, but they can also have actual images (pictures, logos, etc.), but these 
   should not interfere with the menu itself. For these types, consider using a transparent 
   background in the image and setting the background-color of the element appropriately.
   
   'Fade', textured, solid or patterened background images will typically be allowed to 'repeat' in 
   either the horizontal or vertical dimension, and may be arbitrarily small in the other dimension 
   (to keep file sizes down).
   
   For example, a Banner background image might be 800px wide, but only 10px high, while a Left-
   or Right-side NAV background image might be 600px high, but only 10px wide. If the image has
   a 'fade' effect, it should end in the background color (on the right for the banner image, 
   and on the bottom for the Left- and Right-side Nav menu images).
*********************************************************************************************** */

/* ***********************************************************************************************
   The Banner element
   
   The banner may contain a logo, a flash movie and a text item. The amount of horizontal and 
   vertical space should be allowed to be determined dynamically by the browser, but you can
   also define those properties in the #banner, #bannerLogo, #bannerFlash or #bannerText sections, 
   or you can provide them through the client and page default methods or the setBanner method.
   
   If both a logo and flash movie are used, they should be the same height, or use transparent 
   backgrounds.

   The backgroud image will use a vertical repeat.
*********************************************************************************************** */
.banner
{
/* background-image: Url(images/bannerBG_800x90_gradient_copperWhite.jpg); */
/* background-repeat: repeat-y; */
background-image: Url(images/logobanner_800x90_gradient_copperWhite.jpg);
background-repeat: no-repeat;
height: 90px;
width: 800px;
}

.bannerfiller
{
background-color: White;
}

/* ***********************************************************************************************
   The Banner Logo element
*********************************************************************************************** */
.bannerlogo
{
height: 90px;
/* width: 150px; */
width: 15%;
/* background-image: Url(images/Rule144Solution_logo_150x90_copper.jpg); */
background-repeat: no-repeat;
}

/* ***********************************************************************************************
   The Banner Flash element
*********************************************************************************************** */
.bannerflash
{
height: 90px;
width: 50px;
}

/* ***********************************************************************************************
   The Banner Text element
*********************************************************************************************** */
.bannertext
{
/* width: 100%; */
height: 90px;
width: 800px;
padding: 0.0em;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
font-style: italic;
text-align: center;
color: Red;
}

/* ***********************************************************************************************
   The leftFill element
*********************************************************************************************** */
.leftFill
{
width: 15%;
}

/* ***********************************************************************************************
   The rightFill element
*********************************************************************************************** */
.rightFill
{
width: 15%;
}

/* ***********************************************************************************************
   The breadCrumb element

   Does not use a backgroud image.
*********************************************************************************************** */
.breadCrumb
{
background-color: #FFFFFF;
}

.breadCrumbFiller
{
background-color: #FFFFFF;
}

/* for breadCrumb text items */
.breadCrumbText
{
padding: 0.0em;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.6em;
font-weight: bold;
font-style: italic;
text-align: left;
color: Black;
}

.breadCrumbTexthi
{
padding: 0.0em;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.6em;
font-weight: bold;
font-style: italic;
text-align: left;
color: Blue;
}

/* ***********************************************************************************************
   The Top NAV1 menu element

   Does not use a backgroud image.
*********************************************************************************************** */
.topnav1
{
background-color: #999999;
}

.topnav1filler
{
background-color: #999999;
}

/* for Top NAV1 text items */
.topnav1text
{
padding: 0.0em;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
font-style: italic;
text-align: left;
color: Black;
}

.topnav1texthi
{
padding: 0.0em;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
font-style: italic;
text-align: left;
color: White;
}

/* ***********************************************************************************************
   The Top NAV2 menu element

   Does not use a backgroud image.
*********************************************************************************************** */
.topnav2
{
background-color: #999999;
}

.topnav2filler
{
background-color: #999999;
}

/* for Top NAV2 text items */
.topnav2text
{
padding: 0.0em;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
font-style: italic;
text-align: left;
color: Black;
}

.topnav2texthi
{
padding: 0.0em;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
font-style: italic;
text-align: left;
color: White;
}

/* ***********************************************************************************************
   The Left-side NAV menu element

   The backgroud image will use a horizontal repeat.
*********************************************************************************************** */
.leftnav
{
background-color: #FFFFFF;
background-image: '';
background-repeat: repeat-x;
height: 600px;
width: 200px;
}

.leftnavfiller
{
background-color: #FFFFFF;
}

*#leftnavfiller
{
background-color: #FFFFFF;
}

/* for Left-side NAV menu text items */
.leftnavtext
{
padding: 0.0em;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.6em;
font-weight: normal;
font-style: italic;
text-align: left;
color: Navy;
}

.leftnavtexthi
{
padding: 0.0em;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.6em;
font-weight: normal;
font-style: italic;
text-align: left;
color: Blue;
}

/* ***********************************************************************************************
   The Right-side NAV menu element

   The backgroud image will use a horizontal repeat.
*********************************************************************************************** */
.rightnav
{
background-color: #FFFFFF;
/* background-image: ''; */
background-repeat: repeat-x;
height: 600px;
width: 200px;
}

.rightnavfiller
{
background-color: White;
}

*#rightnavfiller
{
background-color: #FFFFFF;
}

/* for Right-side NAV menu text items */
.rightnavtext
{
padding: 0.0em;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.6em;
font-weight: normal;
text-align: left;
color: Black;
}

.rightnavtexthi
{
padding: 0.0em;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.6em;
font-weight: normal;
text-align: left;
color: White;
}

/* ***********************************************************************************************
   The Bottom NAV menu element

   Does not use a backgroud image.
*********************************************************************************************** */
.bottomnav
{
background-color: #FFFFFF;
}

/* for Bottom NAV text items */
.bottomnavtext
{
padding: 0.0em;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.6em;
font-weight: bold;
text-align: center;
color: Navy;
}

/* ***********************************************************************************************
   The Bottom CopyNote element

   Does not use a backgroud image.
*********************************************************************************************** */
.copyNote
{
background-color: #FFFFFF;
}

/* for Bottom NAV text items */
.copyNoteText
{
padding: 0.0em;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.6em;
font-weight: bold;
text-align: center;
color: Navy;
}

/* ***********************************************************************************************
   The Left- and Right NAV menu tabular elements (ads)
*********************************************************************************************** */
.tabularnavitemheader
{
padding: 0.0em;
background-color: Navy;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.7em;
font-weight: bold;
text-align: center;
color: White;
}

.tabularnavitemtext
{
padding: 0.0em;
background-color: White;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.7em;
font-weight: normal;
text-align: center;
color: Navy;
}

/* ***********************************************************************************************
   Content Area - set width to restrict overall page width. With no setting, defaults to the
   remaining width after left and right NAV menus are constructed.
   Use a percentage, such as "width: 85%;" to allow the content area to consume a pecentage of
   the available width. The areas to the left and right will remain proportional to the content.
   Use a specific value, such as "width: 700px;" to keep the content fixed and centered. The side 
   areas will grow or shrink as the window width changes. 
   v1.0.1m: changed width of contentArea from 700px to 100%
*********************************************************************************************** */
.contentarea
{
width: 100%;
}

/* ***********************************************************************************************
   Main Page Body styles. These are not used by any generated code, but you should use them in
   developing your HTML code. Note that three separate areas are defined: bodyIntro,
   bodyMain and bodyClose.
   Example of use:
      <div class='bodyintro' >
       <p>This is some text that would introduce the page, often in a larger italic font.</p>
	  </div >
      <div class='bodymain' >
       <p>This is the main body of the page.</p>
	  </div >
      <div class='bodyclose' >
       <p>This is some text that would close the page, again, often in a larger italic font.</p>
	  </div >
*********************************************************************************************** */
.bodyIntro
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 14pt;
font-weight: normal;
font-style: italic;
text-align: left;
color: Black;
}

.bodyHead
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
font-style: normal;
text-align: left;
color: Black;
}

.bodySingle
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 12pt;
font-weight: normal;
font-style: normal;
text-align: left;
color: Black;
}

.bodyMain
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 12pt;
font-weight: normal;
font-style: normal;
text-align: left;
text-indent: 50px;
color: Black;
}

.bodySmall
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
font-style: normal;
text-align: left;
text-indent: 20px;
color: Black;
}

.bodyClose
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 14pt;
font-weight: normal;
font-style: italic;
text-align: left;
text-color: Black;
}

.bodybox
{
padding: 0.0em;
background-color: White;
border-color: #999999;
width: 80%;
}

.bodyboxintro
{
padding: 0.0em;
background-color: White;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
font-style: italic;
text-align: left;
color: Black;
}

.bodyboxmain
{
padding: 0.0em;
background-color: White;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
font-style: normal;
text-align: left;
color: Navy;
}

.bodyboxclose
{
padding: 0.0em;
background-color: White;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
font-style: italic;
text-align: left;
color: Black;
}

/* ***********************************************************************************************
   Catalog Page Body styles. 
*********************************************************************************************** */
.catalogpageintro
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 1.0em;
font-weight: normal;
font-style: italic;
text-align: left;
color: Black;
}

.catalogpagemain
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
font-style: normal;
text-align: left;
color: Black;
}

.catalogpagemsg
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
font-style: normal;
text-align: left;
color: Black;
}

.catalogpagelink
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
text-align: left;
}

.catalogpageimage
{
vertical-align: top;
}

.catalogpagingform
{
background-color: #FFFFFF;
text-align: center;
}

.catalogpagingtable
{
background-color: #FFFFFF;
border-color:     #FFFFFF;
width: 100%; 
}

.catalogpagingtext
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
font-style: normal;
text-align: left;
color: Black;
}

.catalogpaginglabel
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
font-style: normal;
color: Black;
}

.catalogitemtable
{
background-color: #FFFFFF;
border-color:     #FFFFFF;
}

.catalogitemseparator
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
font-style: normal;
text-align: left;
color: Black;
}

.catalogdynamicseparator
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 1.0em;
font-weight: normal;
font-style: normal;
text-align: left;
color: Black;
}

.catalogitemhdr
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
font-style: normal;
text-decoration: underline;
color: Black;
}

.catalogitemcode
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
font-style: normal;
text-align: left;
color: Black;
}

.catalogitemdescr
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
font-style: normal;
text-align: left;
color: Black;
}

.catalogitemprice
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
font-style: normal;
text-align: left;
color: Black;
}

.catalogitemoption
{
padding: 0.0em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
font-style: normal;
text-align: right;
color: Black;
}

/* ***********************************************************************************************
   The following are used to control the display of Form pages (like the feedback page). 
*********************************************************************************************** */

/* ***********************************************************************************************
   form: overall form width and other properties may be set here 
*********************************************************************************************** */
.form
{
background-color: #FFFFFF;
/* width: 85%; */
}

/* ***********************************************************************************************
   formColSet: for invisible text elements that set column widths 
   in forms. Normally, these should not be modified.
*********************************************************************************************** */
.formcolset
{
display: none;
padding: 0;
border: 0;
height: 0.1;
font-size: 0.1em;
}

/* ***********************************************************************************************
   formCol1Width-formcol7width: controls the width of the individual form columns. 
   Note that the 'Phone' row is the most complex, and all columns are 'colspan=1'. 
   For most other rows, the text label has 'colspan=2' and the input field has colspan=5'.
   Usage in phone row:
      col1 - left side text element for most fields
	  col2 - '(' preceding area code
	  col3 - the area code
	  col4 - ')' between area code and number
	  col5 - the phone number 
	  col6 - 'Extn:'
	  col7 - the extension
   Normally, these should not be modified.
*********************************************************************************************** */
.formcol1width
{
width: 42%;
height: 0.1;
}
.formcol2width
{
width: 2%;
height: 0.1;
}
.formcol3width
{
width: 5%;
height: 0.1;
}
.formcol4width
{
width: 2%;
height: 0.1;
}
.formcol5width
{
width: 20%;
height: 0.1;
}
.formcol6width
{
width: 14%;
height: 0.1;
}
.formcol7width
{
width: 15%;
height: 0.1;
}

/* ***********************************************************************************************
   formBody: used for the text elements in the body of forms
*********************************************************************************************** */
.formbody
{
/* padding: 1em; */
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
margin-left: 2em;
text-align: left;
}

.formbodybold
{
/* padding: 1em; */
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
margin-left: 2em;
text-align: left;
}

.formbodyright
{
/* padding: 1em; */
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
margin-left: 2em;
text-align: right;
}

/* ***********************************************************************************************
   formTitle: used for the title text for the forms
*********************************************************************************************** */
.formtitle
{
padding: 0.5em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
text-align: center;
color: Black;
}

/* ***********************************************************************************************
   The following are used to control the display of Navigation Form pages (wizard pages). 
*********************************************************************************************** */

/* ***********************************************************************************************
   navForm: overall form width and other properties may be set here. Note that the navForm has
   only one column, so no colset or colWidth classes are required. 
*********************************************************************************************** */
.navForm
{
background-color: #FFFFFF;
/* width: 85%; */
}

/* ***********************************************************************************************
   navFormBody: used for the text elements in the body of forms
*********************************************************************************************** */
.navFormbody
{
/* padding: 1em; */
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 12pt;
font-weight: normal;
margin-left: 2em;
text-align: left;
}

/* ***********************************************************************************************
   navFormBodyDisabled: used for the text elements in the body of forms that are disabled
*********************************************************************************************** */
.navFormBodyDisabled
{
/* padding: 1em; */
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 12pt;
font-weight: normal;
margin-left: 2em;
text-align: left;
color: #999999;
}

.navFormbodyright
{
/* padding: 1em; */
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
margin-left: 2em;
text-align: right;
}

/* ***********************************************************************************************
   navFormTitle: used for the title text for the forms
*********************************************************************************************** */
.navFormtitle
{
padding: 0.5em;
background-color: #FFFFFF;
font-family: Franklin Gothic Medium, Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 18pt;
font-weight: bold;
text-align: center;
color: Black;
}

/* ***********************************************************************************************
   navFormSubHead: used for sub-headings within forms
*********************************************************************************************** */
.navFormSubHead
{
padding: 0.5em;
background-color: #FFFFFF;
font-family: Franklin Gothic Medium, Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
text-align: left;
color: Black;
}

/* ***********************************************************************************************
   navFormButton: used for the Buttons in the body of forms
*********************************************************************************************** */
.navFormButton
{
/* padding: 1em; */
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
margin-left: 2em;
text-align: center;
}

/* ***********************************************************************************************
   v1.2.0a: form processing
*********************************************************************************************** */
.formTDlabel
{
width: 25%;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
text-align: left;
vertical-align: top;
color: Black;
}

.formTDfield
{
width: 40%;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
text-align: left;
vertical-align: top;
}

.formTDerror
{
width: 35%;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
vertical-align: top;
color: Red;
}

.formError
{
padding: 0.5em;
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
text-align: left;
color: Red;
}

.formFieldError
{
/* padding: 1em; */
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
margin-left: 2em;
text-align: left;
color: Red;
}

/* end Classes */

/* Arda Group scripts, Copyright 2005, Arda Group L.C.
   Version: 1.0.1m
   Change history:
   11/21/05(djh): v1.0.1m - changed width of contentArea to 100%.
   06/24/05(djh): v1.0.1a - initial version
*/