#main {
	background-color: #999999;
	height: auto;
	overflow: visible;
}
/* Hack to get the footer to move under IE6 */
* html #footer {
	top: expression((document.getElementById("main").offsetHeight - document.getElementById("footer").offsetHeight) + "px");
}

/* The gradient background is implemented as an <img>. When opening items,
 * the background is supposed to move, and Firefox has issues with moving
 * it (artifacts appear)
 */
#bgimage {
	position: absolute;
	bottom:0px;
	left:0px;
	z-index: 0;
}

#info_center_content {
	width: 783px;
	overflow: visible;
	margin: 56px auto 0px;
	position: relative;
	padding-bottom: 100px;
}

#info_center_content h2 {
	margin-bottom: 8px;
}

.InfoCenterList {
	background-color: #000000;
}

/************** UPPER MENU (TOP QUESTIONS, CATEGORIES, GLOSSARY ************/
ul.InfoCenterMenu {
	width: 100%;
	height: 33px;
	overflow: hidden;
}
ul.InfoCenterMenu li {
	float: left;
	width: 97px;
	padding: 0px;
	border-right: 1px solid #4c5151;
}

ul.InfoCenterMenu a:hover,
ul.InfoCenterMenu li.Active a {
	background-image: url(/common/images/info-center/menu-bg.gif);
}

ul.InfoCenterMenu li a {
	float: left;
	display: block;
	width: 85px;
	height: 29px;
	padding: 3px 6px 0px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #000000;
}

ul.InfoCenterMenu li.Active a {
	height: 30px;
}

ul.InfoCenterMenu li.Active a,
ul.InfoCenterMenu li a:hover {
	background-position: left 0px;
	text-decoration: none;
}

/********************** ANSWER TEXT ****************************/
.AnswerText {
	background: #333333;
	zoom: 1; 
	font-size: 11px;
	color: #ccc;
}

.AnswerText ul {
	padding-left: 40px;
}

.AnswerText ul li {
	list-style: disc;
}

.AnswerText ol li {
	list-style: decimal;
}

/* AnswerText divs have to contain an additional div for spacing
 * with padding, since the sliderbox manipulates the CSS of the
 * outer (answertext) div
 */
.AnswerText .Spacing {
	padding: 10px 20px;
}

/* Links to the contact form */
.AnswerText .ContactFormStyle
{
  /*color:#FF0060; */
  font-weight:bold; 
  text-decoration:none;
  cursor:pointer;
  cursor:hand;
}

/* FCKEditor implements indentation by using <blockquote>, which isn't pretty.
 * Check config option for using CSS instead, but for now this is OK
 */
.AnswerText blockquote {
  margin-left: 20px;
}
/************** QUESTION **************************************/

.QuestionText span {
	display: block;
	width: 548px;
	border-right: 1px solid #4c5151;
	background: #000;
	padding: 3px 0px 4px 20px;
	cursor: hand;
}

.Question.Active a.QuestionText span {
	background: url(/common/images/info-center/active-question-bg.gif) repeat-x left top;
}

/*
		ul.SlideBoxGroup li a:link,
		ul.SlideBoxGroup li a:visited {
		*/

a.QuestionText:link,
a.QuestionText:visited,
a.QuestionText:hover {
	display: block;
	width: 100%;
	color: #ccc;
	text-transform: uppercase;
	font-size: 1em;
	background: url(../images/arrow-dropdown.gif) no-repeat top right;
	margin: 0px;
	border-bottom: 1px solid #4c5151;
	text-decoration: none;
}

/* Necessary?
ul.SlideBoxGroup li.LastItem a:link,
ul.SlideBoxGroup li.LastItem a:visited {
	border: none;
}
*/

/************** ANSWER **************************************/
.AnswerText a {
	color: #ccc;
	text-decoration: underline;
}

a.Print {
	margin: 8px 0px 10px;
	text-align: right;
	color: #ccc;
	font-size: 1.1em;
	text-transform: none;
	display: block;
	text-decoration: none;
	display: block;
}

.FloatTerminator {
	width: 100%;
	visibility: hidden;
	clear: both;
	font-size: 0;
	margin: 0 0 0 0;
	padding: 0;
	height: 0px;
}

/* RELATED QUESTIONS */
/* TODO: This is patchy, overriding global H3 definitions. clean up. */
.RelatedQuestions h3 {
}

.RelatedQuestions li {
}

/* PRINT */
a.Print img {
	margin-right: 5px;
}

a.Print:hover {
	text-decoration: underline;
}
/************** NON-CLEAN **************************************/
	
li.Subcategory {
	font-size: 10px;
	width: 100%;
	float: left;
	overflow: hidden;
	background: #000;
	border-bottom: 1px solid #4c5151;
}
li.Subcategory.LastItem {
	border: none;
}
li.Subcategory h3 {
	width: 180px;
	float: left;
	color: #9e042e;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: normal;
	padding: 4px 0px 0px 15px;
}
	ul.Glossary  li h3 {
		font-size: 1.3em;
		font-weight: bolder;
	}
	ul.InfoCenterList li .QuetionsBox {
		width: 587px;
		float: right;
		border-left: 1px solid #4c5151;
	}
	/* CLEANING
	ul.InfoCenterList li .QuetionsBox ul li a.Print:link,
	ul.InfoCenterList li .QuetionsBox ul li a.Print:visited {
		background: url(/common/images/printer.gif) no-repeat left top;
		padding: 3px 0px 0px 18px;
		margin: 5px 0px 10px;
		float: right;
		color: #ccc;
		font-size: 1.1em;
		text-transform: none;
		text-decoration: underline;
		display: block;
		width: 30px;
	}
	ul.InfoCenterList li .QuetionsBox ul li a.Print:hover {
		text-decoration: none;
	}
	*/
/**/
ul.SlideBoxGroup {
	width: 100%;
	overflow: hidden;
}
	ul.SlideBoxGroup li {
		width: 100%;
		float: left;
		border: none;
	}
	ul.SlideBoxGroup li.Active {
		border-bottom: 1px solid #4c5151;
	}
	ul.SlideBoxGroup li.LastItem {
		border: none;
	}
		/*
		ul.SlideBoxGroup li a:link,
		ul.SlideBoxGroup li a:visited {
			display: block;
			width: 100%;
			color: #ccc;
			text-transform: uppercase;
			font-size: 1em;
			background: url(../images/arrow-dropdown.gif) no-repeat top right;
			margin: 0px;
			border-bottom: 1px solid #4c5151;
		}
		ul.SlideBoxGroup li.LastItem a:link,
		ul.SlideBoxGroup li.LastItem a:visited {
			border: none;
		}
		ul.SlideBoxGroup li.Active a:link,
		ul.SlideBoxGroup li.Active a:visited {
			background-position: right -19px;
			color: #fff;
		}
		ul.SlideBoxGroup li a:hover {
			text-decoration: none;
		}
		*/
		/* QUESTION TITLE, NOW REFERENCED AS QuestionText
		ul.SlideBoxGroup li a span {
			display: block;
			width: 548px;
			border-right: 1px solid #4c5151;
			background: #000;
			padding: 3px 0px 4px 20px;
			cursor: hand;
		}			
		ul.SlideBoxGroup li.Active a span {
			background: url(../images/nav2-active.gif) repeat-x left top;
		}			
		*/
.WrapContent {
	background: #3a3a3a url(/common/images/info-center/contact-form-bg.png) repeat-x left top;
	width: 783px;
}
.Spacing {
	padding: 30px 48px 45px;
}
	.WrapContent h3 {
		font-size: 1.1em;
		font-weight: bolder;
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
	}
	.WrapContent p.TextStyled1 {
		font-size: 1.1em;
		color: #fff;
		margin: 8px 0px 25px;
	}
/**/
.WrapForm {
	width: 100%;
}	
/**/
.Wrapper01 {
	float: left;
	width: 326px;
}
	.Wrapper01 p.Note {
		font-size: 1em;
		color: #fff;
	}

/************* RIGHT PART (FREETEXT + BUTTONS) ********************/
.Wrapper02 {
	float: right;
	width: 326px;
}

.Wrapper02 textarea {
	width: 318px;
	height: 127px;
	background: #000;
	border: none;
	padding: 4px 0px 0px 8px;
	color: #ccc;
	font-size: 1em;
	overflow: auto;
}

/* BUTTONS */
.Wrapper02 .WrapButtons {
	margin: 3px 0px 0px;
	text-align: right;
}
.Wrapper02 .WrapButtons a.LinkBtn {
	width: 65px;
	height: 0px;
	display: block;
	padding: 23px 0px 0px;
	margin: 0px 3px 0px 0px;
	overflow: hidden;
	float: right;
}

#BackButton {
	margin: 0px 3px 0px 0px;
}

/* FORM */
.WrapForm .Wrapper01 h2 {
	background: url(../images/sl-title1.gif) no-repeat left top;
	width: 100%;
	height: 0px;
	padding: 12px 0px 0px 0px;
	overflow: hidden;
	margin: 0px 0px 5px 0px;
}
.WrapForm .Wrapper01 .Item {
	width: 100%;
	float: left;
}
.WrapForm .Wrapper01 .Alt01 {
	margin: 0px 0px 7px 0px;
}
	.WrapForm .Wrapper01 .Item label {
		float: left;
		width: 151px;
		display: block;
		background: #000;
		font-size: 1em;
		padding: 3px 0px 4px 10px;
		color: #ccc;
		text-transform: uppercase;
		text-align: left;
	}
	.WrapForm .Wrapper01 .Alt01 label {
		padding: 3px 0px 3px 10px;
	}
	.WrapForm .Wrapper01 .Item input {
		background: #000;
		border: 1px solid #000;
		width: 155px;
		font-size: 1em;
		color: #ccc;
		float: right;
		padding: 1px 0px 3px 7px;
		text-align: left;
	}
	/* USING FOR NON-JS VERSION */
	.WrapForm .Wrapper01 .Item select {
		width: 164px;
		font-size: 1em;
		color: #000;
		float: right;
		text-align: left;
	}

/* Contact Form Style */ 
/*
.ContactFormStyle
{
  color:#FF0060; 
  font-weight:bold; 
  text-decoration:none;
  cursor:pointer;
  cursor:hand;
}
*/

/* CSS setting for the dropdown boxes */
.Dropdown { /*style of DHTML Select Menu, main box */
    width: 156px; /*default  width of main box */
    background: url(../images/dropdown.gif) no-repeat top right;
    cursor: pointer;
    font-size: 1em;
    color: #ccc;
    height: 16px;
    position: relative;
    text-align: left;
    padding: 2px 0px 0px 8px;
    float: right;
}
.Dropdown .dropdown { /*style of Drop Down Menu that appears onMouseover */
    position: absolute;
    left: 0px;
    width: 164px; /*default width of drop down menu*/
    display: none;
    font-weight: normal;
    overflow: auto;
    overflow-x: hidden;
    background: #333333;
}
.Dropdown .dropdown li { /*style of Drop Down Menu's links */
    width: 100%;
    float: left;
}
.Dropdown .dropdown li a { /*style of Drop Down Menu's links */
    width: 156px;
    display: block;
    font-size: 1em;
    display: block;
    color: #ccc;
    text-decoration: none;
    padding: 3px 0px 3px 8px;
}
.Dropdown .dropdown a:hover {
    background: #CCCCCC;
    color: #000;
}