@charset "utf-8";
/* CSS Document */
/* handles widgets like tabs, drop-down menus, and buttons */

/******* BUTTONS ************/
/*
Buttons are always *block* elements (meaning they have an implied <br> at the end of them.

See sample usages at /test/cpbutton.aspx
*/
.cpButtonContainerDialog
{
	margin-top: 20px;
}
.cpButtonContainer, .cpButtonContainerRight, .cpButtonContainerCenter
{
	zoom: 1;
}
.cpButtonContainer .cpButton, cpButtonContainerLeft .cpButton,
.cpButtonContainer .cpButtonJs, cpButtonContainerLeft .cpButtonJs,
.cpButtonContainer .cpButtonContainerItem, cpButtonContainerLeft .cpButtonContainerItem
{
	display: block;
	float: left;
	margin-right: 5px;
}
.cpButtonContainerRight .cpButton,
.cpButtonContainerRight .cpButtonJs,
.cpButtonContainerRight .cpButtonContainerItem
{
	display: block;
	float: right;
	margin-left: 5px;
}
/* This is being done via javascript. Know how to do it without? */
.cpButtonContainerCenter .cpButton,
.cpButtonContainerCenter .cpButtonJs,
.cpButtonContainerCenter .cpButtonContainerItem
{
	display: block;
	float: left;
	margin-right: 5px;
}

/*
 cpButtons with a TM sign.
*/
.cpButtonJs .cpButtonTrademarkJs
{
	display: inline;
	font-weight: bold;
}


/*
 Common to all cpButtons.
*/

/* Style with JS disabled */
#TB_window .cpButton,
.cpButton
{
	float: left;
	display: block;
	border: 0;
	margin: 0;
	text-decoration: none;
	padding: 3px 8px;
	font: bold 1.2em Helvetica, Arial, Sans-Serif;
	white-space: nowrap;
	text-transform: uppercase;
	color: #fff;
	background: repeat-x top left;
	background-image: url(../images/button-bg_green.gif);
	background-color: transparent;
}
#TB_window a.cpButton:link, #TB_window a.cpButton:visited, #TB_window a.cpButton:hover, #TB_window a.cpButton:active,
a.cpButton:link, a.cpButton:visited, a.cpButton:hover, a.cpButton:active
{
	text-decoration: none;
	color: #fff;
}

/* Style with JS enabled. */
.cpButtonJs 
{
	float: left;
}
.cpButtonJs .cpButtonAnchor, .cpButtonJs .cpButtonRow
{
	display: block;
	clear: left;
	float: left;
	font: bold 1.2em Helvetica, Arial, Sans-Serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	border: 0;
	margin: 0;
	padding: 0;
}
.cpButtonJs .cpButtonAnchor 
{
	background-image: url(../images/button-bg_green.gif);
	background-position: 0 -3px;
	padding: 0 8px;
}
#TB_window .cpButtonJs a.cpButtonAnchor:link, #TB_window .cpButtonJs a.cpButtonAnchor:visited, 
#TB_window .cpButtonJs a.cpButtonAnchor:hover, #TB_window .cpButtonJs a.cpButtonAnchor:active,
.cpButtonJs a.cpButtonAnchor:link, .cpButtonJs a.cpButtonAnchor:visited, 
.cpButtonJs a.cpButtonAnchor:hover, .cpButtonJs a.cpButtonAnchor:active
{
	text-decoration: none;
	color: #fff;
}
.cpButtonJs .cpButtonRow 
{
	display: inline;
	height: 1px;
	_overflow-Y: hidden; /* IE6 only */
}
.cpButtonJs .cpButtonRow span
{
	visibility: hidden;
	overflow: hidden;
	height: 1px;
}
.cpButtonJs .cpButtonRowA
{
	background-color: #aad288;
	color: #aad288;
	margin-left: 4px;
	margin-right: -50px;
	padding-left: 4px;
	padding-right: 4px;
}
.cpButtonJs .cpButtonRowB
{
	background-color: #7eba4d;
	color: #7eba4d;
	margin-left: 2px;
	margin-right: -50px;
	padding-left: 6px;
	padding-right: 6px;
}
.cpButtonJs .cpButtonRowC
{
	background-color: #7cb94a;
	color: #7cb94a;
	margin-left: 1px;
	margin-right: -50px;
	padding-left: 7px;
	padding-right: 7px;
}
.cpButtonJs .cpButtonRowX
{
	background-color: #59a71a;
	color: #59a71a;
	margin-left: 1px;
	margin-right: -50px;
	padding-left: 7px;
	padding-right: 7px;
}
.cpButtonJs .cpButtonRowY
{
	background-color: #59a71a;
	color: #59a71a;
	margin-left: 2px;
	margin-right: -50px;
	padding-left: 6px;
	padding-right: 6px;
}
.cpButtonJs .cpButtonRowZ
{
	background-color: #59a71a;
	color: #59a71a;
	margin-left: 4px;
	margin-right: -50px;
	padding-left: 4px;
	padding-right: 4px;
}
.cpButtonJs .cpButtonRowOmega 
{
	clear: left;
}


/* Grey button. */
.cpButtonSecondary
{
	background-image: url(../images/button-bg_grey.gif);
}
.cpButtonJs .cpButtonSecondary
{
	background-image: none;
	background-color: transparent;
}	
.cpButtonJs .cpButtonSecondary .cpButtonAnchor
{
	background-image: url(../images/button-bg_grey.gif);
}	
.cpButtonJs .cpButtonSecondary .cpButtonRowA
{
	background-color: #c8c8c8;
	color: #c8c8c8;
}
.cpButtonJs .cpButtonSecondary .cpButtonRowB
{
	background-color: #a8a8a8;
	color: #a8a8a8;
}
.cpButtonJs .cpButtonSecondary .cpButtonRowC
{
	background-color: #a7a7a7;
	color: #a7a7a7;
}
.cpButtonJs .cpButtonSecondary .cpButtonRowX
{
	background-color: #9d9d9d;
	color: #9d9d9d;
}
.cpButtonJs .cpButtonSecondary .cpButtonRowY
{
	background-color: #9d9d9d;
	color: #9d9d9d;
}
.cpButtonJs .cpButtonSecondary .cpButtonRowZ
{
	background-color: #9d9d9d;
	color: #9d9d9d;
}

.cpButtonClear
{
	clear: left;
}

/* cpButtonTiny sized green buttons (Default color for really small). */
.cpButtonTiny.cpButtonDisableJs
{
	padding-left: 3px;
	padding-right: 3px;
	font-size: 0.8em;
}
.cpButtonTiny .cpButtonAnchor,
.cpButtonTiny .cpButtonRow
{
	font-size: 0.9em;
}

/* cpButtonSmall sized green buttons (Default color for small). */
.cpButtonSmall,
.cpButtonSmall .cpButtonAnchor,
.cpButtonSmall .cpButtonRow
{
	font-size: 1.1em;
}

/* cpButtonMedPlus sized green buttons (Default color for a little larger than medium). */
.cpButtonMedPlus,
.cpButtonMedPlus .cpButtonAnchor,
.cpButtonMedPlus .cpButtonRow
{
	font-size: 1.6em;
}

/* cpButtonLarge sized green buttons. (Default color for large) */
.cpButtonLarge,
.cpButtonLarge .cpButtonAnchor,
.cpButtonLarge .cpButtonRow
{
	font-size: 1.9em;
}

/* cpButtonXLarge sized green buttons. (Default color for XLarge) */
.cpButtonXLarge,
.cpButtonXLarge .cpButtonAnchor,
.cpButtonXLarge .cpButtonRow
{
	font-size: 2.5em;
}


/* Why is this class here? This is not a "common" class. */
.buttonDisabledForSection { color: #CCCCCC !important; }




/******* Centering ************/
/*
Centering using floating elements.

<div class="cpCenter">
	<div class="cpCenterItem">Foo</div>
	<div class="cpCenterItem">Bar</div>
</div>
*/
.cpCenter 
{
	width: 100%;
}
.cpCenter .cpCenterItem 
{
	float: left;
}
.cpCenter .cpCenterItemClear
{
	clear: left;
}

/********* Banner Slideshow ********/
#bannerContainer {
	background-color:#ede7dd;
	padding: 5px;
	width: 600px;
}
#mainBanner {
	position:relative;
	height:200px;
	width: 650px;
}
#mainBanner a {
	position:absolute;
	top:0;
	left:0;
	width:650px;
	height:200px;
	opacity:0.0;
}
#bannerSelectorButtons {
	margin-top:0px;
	float: inherit;
}
#bannerSelectorButtons div {
	cursor: pointer;
	background-color:#cec9c1;
	color: #8d8881;
	float:left;
	padding:2px 8px;
	text-align:center;
	margin-right:5px;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius:2px;
	font: bold 10px Tahoma, Geneva, sans-serif;
}
#bannerSelectorButtons div.activeButton {
	background-color: #0097CC;
	color: #fff;
}
#pauseButton {
	float:inherit;
	cursor:pointer;
	margin-top: 16px;
	margin-right:11px;
	font-weight: bold;
	color:#767370;
	font-size:0.9em;
}
#pauseGraphic { float:left;width:3px;height:10px;margin-top:1px;border-left: 3px solid #767370; border-right: 3px solid #767370; }
#playButton { display:none;float:right;cursor:pointer;margin-top: 16px;margin-right:11px; font-weight: bold; color:#767370; font-size:0.9em; background: url(../images/play_arrow.gif) no-repeat left center; padding-left: 13px; }