/****************************************************************************
 ***************                   style.css                   ***************
 ***************     Copyright 1982-2007, PKC Corporation     ***************
 ****************************************************************************/


/*********************************************************
 * BODY: The padding affects the centered #wrapper div. The  
 * border creates the solid gray line at the top of each page,  
 * followed by a gradient (the repeating background image).  
 * The font assignation affects the main nav.
 ********************************************************/
body {
    background: url("../images/bkgrd.jpg") repeat-x;
    border-top: 5px solid #8A877F;
    margin: 0;
    padding-top: 3%;
    padding-bottom: 3%;
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}     
/*********************************************************
 * WRAPPER div encases all the other divs on every page,  
 * assigns a predefined width, and centers (via the
 * margin) in the browser window.  Utilizes the Box Model 
 * hack for IE 5.0/5.5.
 ********************************************************/
#wrapper {
	margin: 10px auto;
	padding: 0;
	width: 771px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:761px;		 
}
html>body #wrapper {
	width: 761px;
} 
/*********************************************************
 * CONTENT appearing on every page under navigation
 ********************************************************/

/*********************************************************
 * contains the corporate logo image and logon button
 ********************************************************/
#logon {
	width: 759px;
	float: left;
	background-color: white;
	color: Black;
	height: auto;
	border-bottom: solid 3px #99968F;
	border-left: solid 1px #99968f;
	border-right: solid 1px #99968f;
}
/*********************************************************
 * image of corporate logo and name
 ********************************************************/
#logo {
	margin: 0;
	float: left;
}
/*********************************************************
 * 'Log On to Couplers' button appearing on every page, 
 * upper right corner
 ********************************************************/
.logonbutton {
	margin: 0;
	padding: 13px 15px 5px 0;
	float: right;
}
/*********************************************************
 * image of corporate logo and name
 ********************************************************/
.box {
	height: 8px;
	width: 90px;
	border: solid 1px #999999;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	padding: 2px 13px 2px 0;
	margin-bottom: 2px;
}
hr {
	display:none;
}


/*********************************************************
 * FOOTER: in usercontrols/footer.ascx
 ********************************************************/

/********************************************************* 
 * contains bottom green area and transparent section 
 * beneath with copyright information and image info
 ********************************************************/
#footer {
	font-family: arial, Sans-Serif;
	width: 761px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: right;
	clear: both;
	font-size: x-small;
}
/*********************************************************
 * ftrline: green bar at bottom containing links to site map, etc.
 ********************************************************/
#ftrline {
	background-color: #95bb7e;
	border-top: solid 1px white;
	border-bottom: solid 1px #a2a099;
	border-right: solid 1px #99968F;
	border-left: solid 1px #99968F;
	margin: 0;
	padding: 0px 6px 0 6px;
	color: #86837b;
}
#ftrline a {
	color: #424242;
	text-decoration: none;
	vertical-align: middle;
}
#ftrline a:hover {
	color: #424242;
	text-decoration: underline;
	vertical-align: middle;
}
/*********************************************************
 * spacing within the footer element
 ********************************************************/
div.spacer {
    clear: both;
}
span.left {
    float: left;
    text-align: left;
    vertical-align: middle;
    margin: 5px 0 0 9px;
}
span.right {
    float: right;
    text-align: right;
}
/*********************************************************
 * Microsoft logo in ftrline bar
 ********************************************************/
#micro {
   margin: 0 0 1px 5px;
}
/*********************************************************
 * copyright info under ftrline bar
 ********************************************************/
#copyright {
	font-size: 85%;
	color: #424242;
	float: right;
	margin: 0;
	padding-top: 5px;
}
/*********************************************************
 * SUBFOOTER containing image information; only appearing
 * on default.aspx, employers.aspx, consumers.aspx, 
 * library.aspx, solutions.aspx, professionals.aspx, 
 * purchase_info_providers.aspx, purchase_info_employers.aspx,
 * subscribe.aspx, success_stories.aspx, support.aspx
 ********************************************************/
.footer2 {
	font-family: arial, Sans-Serif;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: right;
	clear: both;
	font-size: x-small;
}
/*********************************************************
 * part of footer2; encases the text and floats it right
 ********************************************************/
.imageCright
{
	font-size: 85%;
	color: #b9b9b9;
	float: right;
	margin: 0;
	padding: 6px 6px 0 0;
}
/*********************************************************
 * Back to Top button: appears at bottom of faq.aspx, available_couplers.aspx, 
 * articles.aspx, CE700001.aspx, system_requirements.aspx 
 ********************************************************/
.backTop 
{
	padding: 5px 0 26px 0;
	margin: 30px 26px 0 127px;
	border-top: solid 1px #333333;
	text-align: right;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: x-small;
}
/*********************************************************
 * DEFAULT PAGE ONLY 
 ********************************************************/

/*********************************************************
 * illustrative image divided into two fragments. #fam floats 
 * left (and changes every three months) and #circ floats 
 * right (contains a hyperlink via imagemap)
 ********************************************************/
#visuals {
	border-bottom: solid 1px #99968F;
	margin: 0;
	padding: 0;
	border-left: solid 1px #99968f;
	border-right: solid 1px #99968f;
}
#fam {
	padding: 0;
	margin: 0;
	vertical-align: top;
	float: left;
}
#circ {
	padding: 0;
	margin: 0;
	vertical-align: top;
}
/*********************************************************
 * bottom tri-panel navigation to user-specific pages. 
 * "bottom" encases all three boxes. "sidebox" controls 
 * each individual box. "boxhead" controls the header
 * in each box while "boxbody" controls the text underneath.
 * "sidebox" and "boxhead" are also used on consumers.aspx
 * in addition to the home page. Consumers.aspx uses
 * its own variations of "bottom" and "boxbody" defined 
 * in secondary.css
 ********************************************************/
.bottom {
	padding: 11px 0 11px 9px;
	border-right: solid 1px #99968F;
	border-left: solid 1px #99968F;
	border-bottom: solid 1px #99968F;
	background-color: White;
}
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} 
/* For IE 5 PC */
.sidebox {
	width: 240px;
	font-size: 100%;
	background-color: #ebebeb;
	margin: 0 9px 0 0px;
}
.boxhead {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px white;
}
.boxhead a:hover {
	color: #5D7296;
}
.boxbody {
	padding: 11px 25px 0 15px;
	margin: 0px;
	vertical-align: text-top;
	color: #615d52;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	height: 74px;
	text-align: left;
	font-size: 75%;
}