/*Modal Popup*/

/* add to container of the modal popup --> usually a div */
.modalPopup-pieChart
{
	border: 1px solid Black;
	background-color: #F8F8F8;
	padding: 3px;
	width: 675px; /* the width can be overriden on the control, this width is generic and also fits the commodity selector control */
}

.modalPopup-pieChart
{
	width: 510px;
	text-align: center;
}

.modalPopup-controls
{
	text-align: right;
}

.modalPopup
{
	background-image: url(images/navBoxes/navBoxContentBg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #000;
	background-color: #fff;
	width: 675px;
}
.modalPopup h1
{
	padding: 4px;
	padding-left: 8px;
	margin: 0px;
	text-decoration: none;
	color: #fff;
	font-size: medium;
	background-repeat: repeat-x;
	background-image: url(images/titlebar.jpg);
	height: 30px;
}
.modalPopup .padding
{
	padding: 10px;
}



/* ----- */

.required
{
	color: #ff0000;
}

.warning
{
	color: #ff3300;
}

/* REMOVES UNDERLINING FROM HYPERLINKS */
a.clean:link
{
	text-decoration: none;
}

a.clean:visited
{
	text-decoration: none;
}

hr
{
	margin: 10px;
}

th
{
	font-weight: bolder;
	font-size: larger;
	text-align: left;
	text-transform: capitalize;
}

li
{
	padding: 5px;
}

/* Help Popup */
.helpBubble
{
	border: 1px solid #6F6E6F;
	background-color: #FFFFFF;
	width: 250px;
}

.helpBubble h2
{
	background-color: #6FBCE9;
	color: #FFFFFF;
	margin: 0 !important;
	padding: 1px 0 2px 0.7ex;
}

.helpBubble .close
{
	color: #FFFFFF;
	position: absolute;
	top: 3px;
	left: 235px;
	width: 15px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

.helpBubble .body .content
{
	padding: 0.3em;
}

.helpBubble .body .content p
{
	margin: 0 0 1em 0;
}



.CalendarExtender .ajax__calendar_container
{
	border: 1px solid #666;
	background-color: #fefefe;
}
.CalendarExtender .ajax__calendar_title
{
	text-decoration: underline;
	color: #00f;
}
.CalendarExtender .ajax__calendar_hover
{
	color: #f00;
}
.CalendarExtender .ajax__calendar_active
{
	color: #fff;
	background-color: #009;
}
.CalendarExtender .ajax__calendar_other
{
	background-color: #eee;
}
/*
	Calendar Css Classes
	.ajax__calendar_container:	The outer rectangular container that supplies the border around the calendar element. Child Css classes: .ajax__calendar_header,.ajax__calendar_body,.ajax__calendar_footer. 
	.ajax__calendar_header:			A container element that holds the next and previous arrows and the title of the current view. Child Css classes: .ajax__calendar_prev, .ajax__calendar_title, .ajax__calendar_next. 
	.ajax__calendar_prev:				An element that displays the arrow to view the previous set of data in the view(previous month/year/decade). Child Css classes: none. 
	.ajax__calendar_title:			An element that displays the title of the current view (month name, year, decade). Child Css classes: none. 
	.ajax__calendar_next:				An element that displays the arrow to view the previous set of data in the view (previous month/year/decade). Child Css classes: none. 
	.ajax__calendar_body:				A container element that holds the days, months, and years panes. Also provides a fixed rectangle with hidden overflow that is used for transitioning between views (next/previous month, or days/months/years).Child Css class: .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years. 
	.ajax__calendar_days:				A container element that holds the layout for the days in a month. Child Css classes: .ajax__calendar_dayname, .ajax__calendar_day 
	.ajax__calendar_dayname:		An element that displays the short name of the day of the week. Child Css classes: none. 
	.ajax__calendar_day:				An element that displays the day of the month. Child Css classes: none 
	.ajax__calendar_months:			A container element that holds the layout for the months in a year. Child Css classes: .ajax__calendar_month. 
	.ajax__calendar_month:			An element that displays the month of the year. Child Css classes: none 
	.ajax__calendar_years:			A container element that holds the layout for the years in a decade. Child Css classes: .ajax__calendar_year. 
	.ajax__calendar_year:				An element that displays the year in a decade. Child Css classes: none 
	.ajax__calendar_footer:			A container element that holds the current date. Child Css classes: .ajax__calendar_today. 
	.ajax__calendar_today:			An element that displays the current date. Child Css classes: none. 
	.ajax__calendar_hover:			This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show a hover state. Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year 
	.ajax__calendar_active:			This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show the currently selected value. Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year. 
	.ajax__calendar_other:			This is applied to an element in the DOM above a day or year that is outside of the current view (day not in the visible month, year not in the visible decade). Child Css classes: .ajax__calendar_day, .ajax__calendar_year. 
*/

.questionBullet
{
	list-style-image: url(images/16x16/q.gif);
}

.answerBullet
{
	list-style-image: url(images/16x16/a.gif);
}

.answerBullet li li /* Clears the answer image for sub-list-items */
{
	list-style-image: none;
}

.bold
{
	font-weight: bold;
}

.noBullet
{
	list-style-type: none;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.heading2 /* used in sign-up wizard */
{
	color: #444444;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	font-family: Verdana;
	text-decoration: none;
}

.mainCommodityName
{
	color: #0066DD;
}

.allCommodities
{
}

.allCommodities h2
{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.commodityThumbnail
{
	padding: 0 0 1.5em 0;
	text-align: right;
}