/* handles widgets like tabs, drop-down menus, and buttons */
/******* BUTTONS ************/
/*
Buttons are always *block* elements (meaning they have an implied
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(/content/img/widgets/cpbutton/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(/content/img/widgets/cpbutton/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: -150px;
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(/content/img/widgets/cpbutton/button-bg_grey.gif);
}
.cpButtonJs .cpButtonSecondary
{
background-image: none;
background-color: transparent;
}
.cpButtonJs .cpButtonSecondary .cpButtonAnchor
{
background-image: url(/content/img/widgets/cpbutton/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; }
.cpButtonJs .cpButtonNoCaps .cpButtonAnchor, .cpButtonJs .cpButtonNoCaps .cpButtonRow {text-transform:none;}
/******* Centering ************/
/*
Centering using floating elements.
*/
.cpCenter
{
width: 100%;
}
.cpCenter .cpCenterItem
{
float: left;
}
.cpCenter .cpCenterItemClear
{
clear: left;
}
/********* Banner Slideshow ********/
#bannerContainer { background-color:#ede7dd; padding: 10px; }
#mainBanner { position:relative; height:354px; }
#mainBanner a { position:absolute; top:0; left:0; width:705px; height:354px; opacity:0.0; }
#bannerSelectorButtons { margin-top:11px; float: left; }
#bannerSelectorButtons div { cursor: pointer; background-color:#cec9c1; color: #8d8881; font-weight:bold; font-size:0.9em; float:left; padding:2px 27px; text-align:center; margin-right:10px; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius:2px; }
#bannerSelectorButtons div.activeButton { background-color: #00aeef; color: #fff; }
#pauseButton { float:right;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(/content/global/img/play_arrow.gif) no-repeat left center; padding-left: 13px; }