@charset "utf-8";
/* CSS Document */

body {
	background: #fff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #8a8a8a;
}
.oneColFixCtrHdr #container {
	width: 760px;
	background: #f8f8f8;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	padding: 0;
	margin: 0; 
	height: 95px;
	width: 760px;
	background-color: #DDDDDD;
	background-image: url(/images/customerSupport/bgPageHeader3.gif);
}

.oneColFixCtrHdr #header h1 {
	margin: 0;
	padding: 22px;
	float: right;
}

.oneColFixCtrHdr #header #logo {
	width: 200px;
	margin: 0;
	padding: 16px 0px 0px 8px;
	float: left;
}

/*

#headerMenu, #headerMenu a{
	font-size: 11px;
	color: #FFF;
}
*/
.oneColFixCtrHdr #mainContent {
	padding: 0;
	background-image: url(/images/customerSupport/bgPageBody.gif);
	background-repeat: no-repeat;
	margin: 0;
}

.displayNone{display: none;}

.footer{
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 20px;
	text-align: center;
	clear: both;
}

.footer a:link, .footer a:hover{text-decoration:none;}

/*  Content Left Side     */
.ContentLS{
	clear: left;
	float: left;
	width: 565px;
	padding: 0;
	margin: 0;
}

.ContentLSTop{
	width: 565px;
	height: 15px;
	clear: both;
	background-image: url(/images/customerSupport/bgContentLSTop.gif);
	margin: 0;
	padding: 0;
}
.ContentLSBody{
	background-image: url(/images/customerSupport/bgContentLSBody.gif);
	width: 520px;
	clear: both;
	padding: 0px  10px 5px 35px;
	margin: 0;
}

.ContentLSBottom{
	width: 565px;
	margin: 0px;
	height: 20px;
	clear: both;
	background-image: url(/images/customerSupport/bgContentLSBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.ContentFW{
	width: 690px;
	clear: both;
	padding: 0px 25px;
	margin: 0;
}

/******  Content Right Rail  **********/
.ContentRR{
	clear: right;
	float: right;
	width: 190px;
}

.ContentRRTop{
	width: 185px;
	clear: both;
	background-image: url(/images/customerSupport/bgRRTop.gif);
	margin: 0;
	height: 15px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: top;	
}

.ContentRRBody{
	background-image: url(/images/customerSupport/bgRRBodyTab.gif);
	width: 185px;
	clear: both;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: bottom;
}

.ContentRRBody h5{
	margin: 0;
	padding: 5px 15px 5px 15px;	
}

.ContentRRTabDetail{
	background-image: url(/images/customerSupport/bgRRBodyTabDetail.gif);
	width: 185px;
	clear: both;
	padding: 5px 20px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: bottom;
}

.ContentRRBottom{
	width: 185px;
	margin: 0;
	height: 15px;
	clear: both;
	background-image: url(/images/customerSupport/bgRRBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.ContentRRInfoTop{
	width: 185px;
	background-image: url(/images/customerSupport/bgRRInfobox.gif);
	margin: 0;
	height: 15px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: top;	
}

.ContentRRInfoBody{
	width: 185px;
	margin: 0;
	padding: 0;
	clear: both;
	background-image: url(/images/customerSupport/bgRRInfobox.gif);
	background-repeat: no-repeat;
	background-position: center;
	/*text-align: center;*/
	font-size: .82em;
}

.ContentRRInfoBody p{
	margin: 0;
	padding: 10px 14px 6px 46px;
}

.ContentRRInfoBody p#leftAlign{
	/*text-align: left;*/
	padding-left: 18px;
	font-size: 1.16em;
	color: #454545;
	/*border: 1px solid #F00;*/
}

.ContentRRInfoBody p strong{
	/*font-size: smaller;*/
	/*font-size: .9em;*/
	color: #454545;
	font-weight: lighter;
	/*vertical-align: top;
	border: 1px solid #F00;*/

}

.ContentRRInfoBody h6{
	margin: 0;
	padding: 5px 15px 5px 15px;
}

.ContentRRInfoBottom{
	width: 185px;
	margin: 0;
	height: 15px;
	clear: both;
	background-image: url(/images/customerSupport/bgRRInfobox.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/************     HTML tags ***********/
h1 {
	color: #fff;
	font-weight: bold;
	font-size: 35px;
}
h2 {
	color: #f43c43;
	font-weight: bold;
	font-size: 28px;
}

h3 {
	color:#77b92a;
	font-size: 22px;
	font-weight: bold;
}

h4 {
	color:#77b92a;
	font-weight: bold;
	font-size: 20px;
}

h5 {
	color:#454545;
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

h6 {
	color:#454545;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

p {margin: 0;}

a {
	color: #247fba;
	text-decoration: none;
}

/************ Class Input Field **************/
.inputField {
	width:530px;
	clear:both;
	float:left;
	text-align:left;
	overflow: visible;
	padding-bottom: 20px;
	margin: 0;
	}

.inputField label{
	width:150px;
	float:left;
	text-align:right;
}

.inputField span{padding: 0px 6px 0px 6px; 	float:left;	}

.inputField label span{
	padding: 0;
	float:none;
	font-size: smaller;
	vertical-align: super;
	}	
	
.inputField select{
	Width:350px;
	float:left;
}

.inputField input{
	float:left;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	}	

/************ InputFieldInfo  **************/
.inputFieldInfo{
	width:10px;
	height:20px;
	float:left;
	text-align:right;
	padding: 1px 3px 0px 3px;
	}

/************ ReadOnly  **************/
.ReadOnlyBody{
	padding: 0px 0px 0px 10px;
	margin: 0;
	background-image: url(/images/customerSupport/bgRO.gif);
	background-repeat: repeat-y;
	width: 510px;
	}

.ReadOnlyBody p{padding: 10px;}

.ReadOnlyBody h6{padding: 10px;}

.ReadOnlyBody h5{
	color:#8a8a8a;
	font-size: 16px;
	padding: 4px;
	}

.ReadOnlyBody ol{
	margin: 0;
	padding: 10px 10px 10px 30px;
	}

.ReadOnlyBottom{
	margin: 0;
	padding: 0;
	height:10px;
	background-image: url(/images/customerSupport/bgRO.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 510px;
	}

/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */

.CollapsiblePanel {
	margin: 0;
	padding: 5px 22px 5px 18px;
}

.CollapsiblePanelTab {
	background-color: #DDD;
	border: 1px solid #ccc;
	margin: 0;
	padding: 2px;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.CollapsiblePanelContent {
	margin: 0;
	padding: 4px;
	color: #666;
	border: 1px solid #454545;
	text-align: left;
}

.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #EEE;
}

/*.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #247FBA;
	color: #FFF;
}*/

/* End - SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

/******

input[type="text"]{background: green;}	
input[type="text"][name="some_field"]{background: red;}	
*/