.MetroPurplePage {
color: Black;
font: 15px Arial;
}
.MetroPurpleHeading {
font-weight: bold;
}
.MetroPurpleTextHighlight {
font-style: italic;
font-weight: bold;
border-bottom: 1px dotted #884bb2;
}
.MetroPurpleLink {
color: #1b0e24;
}
.MetroPurpleLink:hover {
text-decoration: none;
color: #ff00fb;
}
.MetroPurpleGroup {
border: 1px solid #7a1f94;
padding: 5px;
}
.MetroPurpleGroupLabel {
color: #7f46a6;
}
.MetroPurpleUILock {
background-color: #200022;
border: 1px solid Black;
opacity: .25;
filter: alpha(opacity: 25);
}
.MetroPurpleEdit {
background-color: White;
font: 15px Arial;
border: 1px solid #c4a7d7;
padding: 6px;
vertical-align: middle;
outline: none;
}
.MetroPurpleEditError {
color: #6e6f00;
background: repeat center #fdffb6;
border-color: #d7da00;
}
.MetroPurpleEditWatermark {
color: #8749b4;
font-style: italic;
}
.MetroPurpleEditBG {
background-color: White;
border: 1px solid #c1a0d8;
padding: 0px;
vertical-align: middle;
}
.MetroPurpleEditBGError {
color: #6e6f00;
background: repeat center #fdffb6;
border-color: #d7da00;
}
.MetroPurpleEditBGEdit {
background-color: transparent;
border-style: none;
padding: 6px;
outline: none;
}
.MetroPurpleEditBGError .MetroPurpleEditBGEdit {
color: #6e6f00;
}
.MetroPurpleEditBGEditWatermark {
color: #8749b4;
font-style: italic;
}
.MetroPurpleEditBGSeparator {
background-color: transparent;
font: 0pt arial;
padding: 0px;
width: 1px;
}
.MetroPurpleEditBGHover .MetroPurpleEditBGSeparator, .MetroPurpleEditBGFocus .MetroPurpleEditBGSeparator {
background-color: #c1a0d8;
border: 1px solid #c4a7d7;
}
.MetroPurpleEditBGButton {
padding: 1px 2px;
}
.MetroPurpleEditBGHover .MetroPurpleEditBGButton, .MetroPurpleEditBGFocus .MetroPurpleEditBGButton {
background: repeat-x top #ebd4fb;
border: 1px solid White;
padding: 0px 1px;
}
.MetroPurpleEditBGHover .MetroPurpleEditBGButtonHover {
background: repeat-x top #e5c8f9;
padding: 0px 1px;
}
.MetroPurpleEditBGHover .MetroPurpleEditBGButtonPressed, .MetroPurpleEditBGFocus .MetroPurpleEditBGButtonPressed {
background: repeat-x top #eedafb;
}
.MetroPurpleButton {
text-shadow: #dedddd 1px 1px;
background: repeat-x top #ebe0f2;
font: 15px Arial;
border: 1px solid #c8acdc;
padding: 5px;
vertical-align: middle;
}
.MetroPurpleButtonT {
text-shadow: #dedddd 1px 1px;
background-color: transparent;
font: 15px Arial;
border-style: none;
padding: 6px;
vertical-align: middle;
}
.MetroPurpleButtonHover, .MetroPurpleButtonTHover {
background: repeat-x top #ebd4fb;
border: 1px solid #ad51ec;
padding: 5px;
}
.MetroPurpleButtonPressed, .MetroPurpleButtonTPressed {
background: repeat-x top #dac7e6;
border: 1px solid #a476c3;
padding: 5px;
}
.MetroPurpleButtonDisabled, .MetroPurpleButtonTDisabled, .MetroPurpleButton[disabled], .MetroPurpleButtonT[disabled] {
color: #8f53b8;
}
.MetroPurpleButtonDD {
background: repeat-x top #ebe0f2;
font: 15px Arial;
border: 1px solid #c8acdc;
padding: 0px;
vertical-align: middle;
}
.MetroPurpleButtonTDD {
background-color: transparent;
font: 15px Arial;
border-style: none;
padding: 1px;
vertical-align: middle;
}
.MetroPurpleButtonDDHover, .MetroPurpleButtonTDDHover {
background: repeat-x top #ebd4fb;
border: 1px solid #ad51ec;
padding: 0px;
}
.MetroPurpleButtonDDPressed, .MetroPurpleButtonTDDPressed {
background: repeat-x top #e8ddf1;
border: 1px solid #a476c3;
padding: 0px;
}
.MetroPurpleButtonDDDisabled, .MetroPurpleButtonTDDDisabled {
color: #8f53b8;
}
.MetroPurpleButtonDDContent, .MetroPurpleButtonDDSplitContent, .MetroPurpleButtonTDDContent, .MetroPurpleButtonTDDSplitContent {
padding: 5px;
cursor: default;
}
.MetroPurpleButtonDDDropdown, .MetroPurpleButtonDDSplitDropdown, .MetroPurpleButtonTDDDropdown, .MetroPurpleButtonTDDSplitDropdown {
padding: 1px;
cursor: default;
}
.MetroPurpleButtonDDHover .MetroPurpleButtonDDSplitContent, .MetroPurpleButtonTDDHover .MetroPurpleButtonTDDSplitContent {
border-right: 1px solid #bd71f0;
padding-right: 9px;
}
.MetroPurpleButtonDDPressed .MetroPurpleButtonDDSplitContent, .MetroPurpleButtonTDDPressed .MetroPurpleButtonTDDSplitContent {
border-right: 1px solid #a476c3;
padding-right: 9px;
}
.MetroPurpleButtonDDHover .MetroPurpleButtonDDSplitDropdown, .MetroPurpleButtonTDDHover .MetroPurpleButtonTDDSplitDropdown {
border-left: 1px solid White;
padding-left: 0px;
}
.MetroPurpleButtonDDPressed .MetroPurpleButtonDDSplitDropdown, .MetroPurpleButtonTDDPressed .MetroPurpleButtonTDDSplitDropdown {
border-left: 1px solid White;
padding-left: 0px;
}
.MetroPurpleButtonDDHover .MetroPurpleButtonDDSplitDropdownHover, .MetroPurpleButtonTDDHover .MetroPurpleButtonTDDSplitDropdownHover {
background: repeat-x top #e5c8f9;
border-left: 1px solid White;
padding-left: 0px;
}
.MetroPurpleButtonGroupHF {
border-right-style: none;
margin-right: 0px;
}
.MetroPurpleButtonGroupHM {
border-right-style: none;
margin-left: 0px;
margin-right: 0px;
}
.MetroPurpleButtonGroupHL {
margin-left: 0px;
}
.MetroPurpleButtonGroupVF {
border-bottom-style: none;
margin-bottom: 0px;
display: block;
width: 100%;
}
.MetroPurpleButtonGroupVM {
border-bottom-style: none;
margin-top: 0px;
margin-bottom: 0px;
display: block;
width: 100%;
}
.MetroPurpleButtonGroupVL {
margin-top: 0px;
display: block;
width: 100%;
}
.MetroPurpleList {
border: 1px solid #c4a7d7;
padding: 0px;
overflow: auto;
}
.MetroPurpleListItem {
text-decoration: none;
color: #1f102a;
font-size: 15px;
padding: 6px;
margin: 1px;
display: block;
cursor: default;
outline: none;
}
.MetroPurpleListItemHover {
background: repeat-x top #e9d0fa;
border: 1px solid #bd71f0;
padding: 5px;
}
.MetroPurpleListItemSelected {
color: #f5e9fb;
background: repeat-x top #9825e5;
border: 1px solid #7510b8;
padding: 5px;
}
.MetroPurpleListItemLabelMain {
font-size: 125%;
font-weight: bold;
}
.MetroPurpleListItemLabelSub {
font-weight: bold;
}
.MetroPurpleListItemLabelContext {
color: #7f44a6;
font-style: italic;
}
.MetroPurpleListItemLabelDetail {
color: #fefefe;
background-color: #9d6cc0;
padding: 2px 10px;
}
.MetroPurpleListItemContent {
color: #5c3379;
}
.MetroPurpleListTitle {
background: repeat-x top #e3d5ed;
border-top: 1px solid #c4a7d7;
border-bottom: 1px solid #c4a7d7;
padding: 5px;
}
.MetroPurpleListSeparator {
border: 1px none #7f46a6;
border-top-style: solid;
margin: 0px;
}
.MetroPurpleListHeader {
background: repeat-x top #dac7e6;
border-top: 1px solid White;
border-bottom: 1px solid #c4a7d7;
}
.MetroPurpleListHeaderItem {
color: #1b0e24;
font: 15px Arial;
padding: 4px;
cursor: default;
line-height: 24px;
}
.MetroPurpleListHeaderItemHover {
background: repeat-x top #ebd4fb;
}
.MetroPurpleTree {
border: 1px solid #c4a7d7;
padding: 0px;
overflow: auto;
}
.MetroPurpleTreeNode {
text-decoration: none;
color: #1f102a;
font-size: 15px;
padding: 6px;
margin: 1px;
display: block;
cursor: default;
outline: none;
}
.MetroPurpleTreeNodeHover {
background: repeat-x top #e9d0fa;
border: 1px solid #bd71f0;
padding: 5px;
}
.MetroPurpleTreeNodeSelected {
color: #f5e9fb;
background: repeat-x top #9825e5;
border: 1px solid #7510b8;
padding: 5px;
}
.MetroPurpleTreeNodeLabel {
text-decoration: none;
color: #1f102a;
cursor: default;
outline: none;
}
.MetroPurpleTreeNodeSelected .MetroPurpleTreeNodeLabel {
color: White;
}
.MetroPurpleDP {
border: 1px solid #c4a7d7;
}
.MetroPurpleDPHeader {
background: repeat-x top #dac7e6;
border-top: 1px solid White;
border-bottom: 1px solid #c4a7d7;
padding: 4px;
}
.MetroPurpleDPHeaderButton {
text-decoration: none;
text-shadow: #dedddd 1px 1px;
color: #1b0e24;
background-color: transparent;
font: bold 15px Arial;
border-style: none;
padding: 6px 11px;
display: inline-block;
cursor: default;
outline: none;
}
.MetroPurpleDPHeaderButtonHover {
background: repeat-x top #e9d0fa;
border: 1px solid #bd71f0;
}
.MetroPurpleDPHeaderButtonSelected {
background: repeat-x top #e8ddf1;
border: 1px solid #a476c3;
padding: 5px 10px;
}
.MetroPurpleDPItem {
text-align: center;
text-decoration: none;
color: #1f102a;
font-size: 15px;
padding: 6px;
margin: 1px;
display: block;
cursor: default;
outline: none;
}
.MetroPurpleDPItemHover {
background: repeat-x top #e9d0fa;
border: 1px solid #bd71f0;
padding: 5px;
}
.MetroPurpleDPItemSelected {
color: #f5e9fb;
background: repeat-x top #9825e5;
border: 1px solid #7510b8;
padding: 5px;
}
.MetroPurpleDPItemOutOfRange {
color: #6d3a90;
}
.MetroPurpleDPItemDisabled {
color: #8f53b8;
}
.MetroPurpleDPPanel {
background-color: #fcfbfe;
}
.MetroPurpleDPDaysOfWeek {
background: repeat-x top #ebe0f3;
border-bottom: 1px solid #c4a7d7;
padding: 5px;
}
.MetroPurpleDPWeeksOfYear {
background-color: #ebe0f3;
border-right: 1px solid #c4a7d7;
padding: 5px;
}
.MetroPurpleDPWeeksOfYearHeader {
border-bottom-style: none;
}
.MetroPurpleDPDate {
background-color: #fcfbfe;
}
.MetroPurpleDPDateWeekend {
background: repeat center #f8f5fc;
}
.MetroPurpleDPDateToday {
background: repeat center #e2d2ed;
}
.MetroPurpleTP .MetroPurpleEdit {
text-align: center;
border-bottom-style: none;
margin: 0px;
}
.MetroPurpleTPEditButton {
text-align: center;
background-color: White;
border: 1px solid #c1a0d8;
border-top-style: none;
padding: 0px;
padding-top: 1px;
display: block;
cursor: default;
outline: none;
}
.MetroPurpleTPEditButton:hover {
background: repeat-x top #e9d0fa;
border-top-style: solid;
padding-top: 0px;
}
.MetroPurpleTPMeridianButton {
text-decoration: none;
color: #1f102a;
font-size: 15px;
padding: 6px;
margin: 1px;
display: block;
cursor: default;
outline: none;
}
.MetroPurpleTPMeridianButton:hover {
background: repeat-x top #e9d0fa;
border: 1px solid #bd71f0;
padding: 5px;
}
.MetroPurpleGrid {
border: 1px solid #c4a7d7;
}
.MetroPurpleGridHeader {
background: repeat-x top #dac7e6;
border-top: 1px solid #c4a7d7;
border-bottom: 1px solid #c4a7d7;
padding: 4px;
line-height: 24px;
}
.MetroPurpleGridHeader img {
vertical-align: middle;
}
.MetroPurpleGridFooter {
background: repeat-x top #dac7e6;
border-top: 1px solid #c4a7d7;
border-bottom: 1px solid White;
padding: 4px;
vertical-align: middle;
}
.MetroPurpleGridFooter img {
vertical-align: middle;
}
.MetroPurpleGridSummaryLabel {
background-color: #f5eff8;
padding: 4px;
}
.MetroPurpleGridSummaryData {
background-color: #f5eff8;
padding: 4px;
}
.MetroPurpleGridQBE {
background: repeat-x top #ebe0f3;
border-bottom: 1px solid #c4a7d7;
padding: 4px;
}
.MetroPurpleGridQBE img {
vertical-align: middle;
}
.MetroPurpleGridSeparator {
background-color: #cfb5e1;
font-size: 0px;
padding: 0px;
height: 1px;
}
.MetroPurpleGridRowHeader {
background-color: #f5eff8;
}
.MetroPurpleGridDataHeader {
background: repeat-x top #e3d5ed;
padding: 6px;
}
.MetroPurpleGridData {
background-color: #fcfbfe;
padding: 4px;
}
.MetroPurpleGridDataAlt {
background-color: #f5eff8;
padding: 4px;
}
.MetroPurpleGridRowHover .MetroPurpleGridDataAlt, .MetroPurpleGridRowHover .MetroPurpleGridData {
background: repeat-x top #e9d0fa;
}
.MetroPurpleGridRowSelected .MetroPurpleGridDataAlt, .MetroPurpleGridRowSelected .MetroPurpleGridData {
color: #f5e9fb;
background: repeat-x top #9825e5;
}
.MetroPurpleGridDataError {
color: #6e6f00;
background: repeat center #fdffb6;
}
.MetroPurpleGridHeader .MetroPurpleLink {
text-decoration: none;
text-shadow: #dedddd 1px 1px;
}
.MetroPurpleGridHeader .MetroPurpleLink:hover {
text-decoration: underline;
}
.MetroPurpleGridRowSelected .MetroPurpleLink {
color: #f5e9fb;
}
.MetroPurpleGridForm {
}
.MetroPurpleGridFormLabel {
}
.MetroPurpleGridFormData {
}
.MetroPurpleGridFormDataError {
color: #6e6f00;
background: repeat center #fdffb6;
}
.MetroPurpleDialogLabel {
padding: 2px;
}
.MetroPurpleDialogRSHeader {
}
.MetroPurpleDialogRSFooter {
text-align: right;
border-top: 1px dotted #c1a0d8;
padding-top: 2px;
}
.MetroPurpleDialogRSRow {
padding: 3px;
}
.MetroPurpleDialogRSRowSelected {
background: repeat-x top #dfbbf8;
border: 1px solid #d2a1f5;
padding: 2px;
}
.MetroPurpleDialogRSRowHover {
background: repeat-x top #f4e5fc;
border: 1px solid #e8cef9;
padding: 2px;
}
.MetroPurpleDialogRSRowError {
color: #6e6f00;
background: repeat center #fdffb6;
border: 1px solid #d7da00;
padding: 2px;
}
.MetroPurpleDialogRSSeparator {
border-top: 1px dotted #c1a0d8;
margin-top: 5px;
line-height: 5px;
}
.MetroPurpleMenu {
background-color: #f1e9f5;
border: 1px solid #c4a7d7;
padding: 0px;
}
.MetroPurpleMenuInner {
border: 1px solid White;
padding: 0px;
}
.MetroPurpleMenuNoIndent {
background-color: #f1e9f5;
}
.MetroPurpleMenuItem {
text-decoration: none;
white-space: nowrap;
color: #1f102a;
font-size: 15px;
padding: 6px;
margin: 1px;
display: block;
cursor: default;
outline: none;
}
.MetroPurpleMenuItemHover {
background: repeat-x top #e9d0fa;
border: 1px solid #bd71f0;
padding: 5px;
}
.MetroPurpleMenuItemSelected {
color: #f5e9fb;
background: repeat-x top #9825e5;
border: 1px solid #7510b8;
padding: 5px;
}
.MetroPurpleMenuItemDisabled {
color: #8f53b8;
}
.MetroPurpleMenuItemDisabledHover {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJUlEQVR42mP49PY70////5kY/jMw/WdgYGL4z4DExi2OKYZVHABnkB7pJsPC+wAAAABJRU5ErkJggg==') repeat-x top #ebe0f3;
border: 1px solid #bb97d3;
padding: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroPurpleMenuItem .MetroPurpleMenuItemCascade {
background: url('MenuCascade.png') no-repeat right;
padding-right: 16px;
}
.MetroPurpleMenuItemDisabled .MetroPurpleMenuItemCascade {
background-image: url('MenuCascadeDisabled.png');
}
.MetroPurpleMenuSeparator {
border-top: 1px solid #c4a7d7;
border-bottom: 1px solid White;
}
.MetroPurpleMenuTitle {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJklEQVR42mN4++QL0////5kY/jMw/f/PwMTA8B9C/2dg+s9AsTgArxAm0LyLLNsAAAAASUVORK5CYII=') repeat-x top #e3d5ed;
border-top: 1px solid #c4a7d7;
border-bottom: 1px solid #c4a7d7;
padding: 5px;
}
.MetroPurpleMenuItemHover .MetroPurpleMenuItemCascade {
background-image: url('MenuCascadeHover.png');
}
.MetroPurpleMenubarHItem {
text-decoration: none;
white-space: nowrap;
color: #1f102a;
font-size: 15px;
padding: 6px;
margin: 1px;
display: block;
cursor: default;
outline: none;
}
.MetroPurpleMenubarHItemHover {
background: #e9d0fa;
border: 1px solid #bd71f0;
padding: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroPurpleMenubarHItemPressed {
background: #e8ddf1;
border: 1px solid #a476c3;
padding: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroPurpleMenubarHItemDisabled {
color: #8f53b8;
}
.MetroPurpleMenubarHSeparator {
font-size: 0px;
border-style: none;
border-left: 1px solid #c4a7d7;
border-right: 1px solid White;
padding: 0px;
vertical-align: middle;
height: 24px;
}
.MetroPurpleMenubarHItemCascade {
background: no-repeat right;
padding-right: 16px;
}
.MetroPurpleMenubarHItemHover .MetroPurpleMenubarHItemCascade {
background-image: url('MenubarHCascadeHover.png');
}
.MetroPurpleMenubarHItemPressed .MetroPurpleMenubarHItemCascade {
background-image: url('MenubarHCascadePressed.png');
}
.MetroPurpleMenubarHItemDisabled .MetroPurpleMenubarHItemCascade {
background-image: url('MenubarHCascadeDisabled.png');
}
.MetroPurpleMenubarVItem {
text-decoration: none;
white-space: nowrap;
color: #1f102a;
font-size: 15px;
padding: 6px;
margin: 1px;
display: block;
cursor: default;
outline: none;
}
.MetroPurpleMenubarVItemHover {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJElEQVR42mN4/+An0///DEwMUPz/PwMTAwN2PlwdFj6yGUh8ALcEG95/OiwpAAAAAElFTkSuQmCC') repeat-x top #e9d0fa;
border: 1px solid #bd71f0;
padding: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroPurpleMenubarVItemPressed {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAIklEQVR42mM4tOwGEyMTIxMTEyOCZkblMzEzoqrBwsehHwDv9ALcwU0XjwAAAABJRU5ErkJggg==') repeat-x top #e8ddf1;
border: 1px solid #a476c3;
padding: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroPurpleMenubarVItemDisabled {
color: #8f53b8;
}
.MetroPurpleMenubarVSeparator {
font-size: 0px;
border-style: none;
border-top: 1px solid #c4a7d7;
border-bottom: 1px solid White;
padding: 0px;
}
.MetroPurpleMenubarVItemCascade {
background: no-repeat right;
padding-right: 16px;
}
.MetroPurpleMenubarVItemHover .MetroPurpleMenubarVItemCascade {
background-image: url('MenubarVCascadeHover.png');
}
.MetroPurpleMenubarVItemPressed .MetroPurpleMenubarVItemCascade {
background-image: url('MenubarVCascadePressed.png');
}
.MetroPurpleMenubarVItemDisabled .MetroPurpleMenubarVItemCascade {
background-image: url('MenubarVCascadeDisabled.png');
}
.MetroPurpleWin {
background-color: #f1e9f5;
border: 1px solid #7f46a6;
padding: 0px;
}
.MetroPurpleWinActive {
}
.MetroPurpleWinAdjust {
}
.MetroPurpleWinInner {
border: 1px solid #f1e9f5;
padding: 0px;
}
.MetroPurpleWinTitle {
text-shadow: #797676 -1px -1px;
color: #f1e9f5;
background: repeat-x top #7a1f94;
font-weight: bold;
border-bottom: 1px solid #7f46a6;
padding: 5px;
line-height: 24px;
}
.MetroPurpleWinBodyContainer {
}
.MetroPurpleWinTBar {
background-color: #dac7e6;
padding: 5px;
}
.MetroPurpleWinBody {
border-top: 1px solid #c4a7d7;
border-bottom: 1px solid #c4a7d7;
padding: 5px;
}
.MetroPurpleWinButtons {
text-align: right;
background-color: #dac7e6;
padding: 5px;
}
.MetroPurpleWinBBar {
background-color: #dac7e6;
padding: 5px;
}
.MetroPurpleWinHeader {
background-color: #dac7e6;
padding: 5px;
}
.MetroPurpleWinFooter {
background-color: #dac7e6;
padding: 4px;
vertical-align: middle;
}
.MetroPurpleWinActive .MetroPurpleWinInner {
}
.MetroPurpleWinActive .MetroPurpleWinBodyContainer {
}
.MetroPurpleWinActive .MetroPurpleWinTBar, .MetroPurpleWinActive .MetroPurpleWinBody, .MetroPurpleWinActive .MetroPurpleWinButtons, .MetroPurpleWinActive .MetroPurpleWinBBar {
}
.MetroPurpleWinResizer {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAPCAIAAACqfTKuAAAAJElEQVR42mO4cew50/9//yH4PwOU/s/0/x8DgsYQ+8/0/z8DALO4J3V6InOQAAAAAElFTkSuQmCC') repeat-x top #cbb0de;
height: 13px;
}
.MetroPurpleWinPointerDown {
border-top: 10px solid #7f46a6;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
margin-left: -10px;
left: 50%;
bottom: -10px;
width: 0;
height: 0;
}
.MetroPurpleWinPointerUp {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #7f46a6;
margin-left: -10px;
top: -10px;
left: 50%;
width: 0;
height: 0;
}
.MetroPurpleWinPointerLeft {
border-top: 10px solid transparent;
border-right: 10px solid #7f46a6;
border-bottom: 10px solid transparent;
margin-top: -10px;
top: 50%;
left: -10px;
width: 0;
height: 0;
}
.MetroPurpleWinPointerRight {
border-top: 10px solid transparent;
border-left: 10px solid #7f46a6;
border-bottom: 10px solid transparent;
margin-top: -10px;
top: 50%;
right: -10px;
width: 0;
height: 0;
}
.MetroPurpleDDWin {
background-color: #f1e9f5;
border: 1px solid #c4a7d7;
padding: 0px;
}
.MetroPurpleDDWinAdjust {
}
.MetroPurpleDDWinInner {
border: 1px solid White;
padding: 0px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.MetroPurpleDDWinTitle {
text-shadow: #ffffff 1px 1px;
font-weight: bold;
padding: 5px;
line-height: 24px;
}
.MetroPurpleDDWinHeader {
padding: 5px;
}
.MetroPurpleDDWinBody {
padding: 5px;
}
.MetroPurpleDDWinButtons {
text-align: right;
padding: 5px;
}
.MetroPurpleDDWinFooter {
padding: 5px;
}
.MetroPurpleDDWinResizer {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAIAAAD6sKMdAAAAIElEQVR42mN4ef8z07+//5j+/fvP9P/ff6Z/f6E0Kh8ATBAdoQnrVkYAAAAASUVORK5CYII=') repeat-x top #dac8e9;
border-top: 1px solid #c4a7d7;
height: 13px;
}
.MetroPurpleDDWinBBar {
padding: 5px;
}
.MetroPurpleDDWinTBar {
padding: 5px;
}
.MetroPurpleDDWinPointerDown, .MetroPurpleMenuPointerDown {
border-top: 10px solid #c4a7d7;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
margin-left: -10px;
left: 50%;
bottom: -10px;
width: 0;
height: 0;
}
.MetroPurpleDDWinPointerUp, .MetroPurpleMenuPointerUp {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #c4a7d7;
margin-left: -10px;
top: -10px;
left: 50%;
width: 0;
height: 0;
}
.MetroPurpleDDWinPointerLeft, .MetroPurpleMenuPointerLeft {
border-top: 10px solid transparent;
border-right: 10px solid #c4a7d7;
border-bottom: 10px solid transparent;
margin-top: -10px;
top: 50%;
left: -10px;
width: 0;
height: 0;
}
.MetroPurpleDDWinPointerRight, .MetroPurpleMenuPointerRight {
border-top: 10px solid transparent;
border-left: 10px solid #c4a7d7;
border-bottom: 10px solid transparent;
margin-top: -10px;
top: 50%;
right: -10px;
width: 0;
height: 0;
}
.MetroPurplePanelHeader {
color: #1b0e24;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJklEQVR42mN4++QL0////5kY/jMw/f/PwMTA8B9C/2dg+s9AsTgArxAm0LyLLNsAAAAASUVORK5CYII=') repeat-x top #e3d5ed;
font: 15px Arial;
border-right: 1px solid #c4a7d7;
border-bottom: 1px solid #c4a7d7;
padding: 4px;
line-height: 24px;
}
.MetroPurplePanelBody {
color: Black;
background-color: #fcfbfe;
font: 15px Arial;
border-right: 1px solid #c4a7d7;
padding: 4px;
}
.MetroPurplePanelFooter {
color: #1b0e24;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJklEQVR42mN4++QL0////5kY/jMw/f/PwMTA8B9C/2dg+s9AsTgArxAm0LyLLNsAAAAASUVORK5CYII=') repeat-x top #e3d5ed;
font: 15px Arial;
border-top: 1px solid #c4a7d7;
border-right: 1px solid #c4a7d7;
padding: 4px;
line-height: 24px;
}
.MetroPurplePanelTopHeader {
color: #1b0e24;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJ0lEQVR42mN4ee8D0////5n+/2dg+v//PxMDlP7/n4GJAZc4A9HqAR+hNLRqc7lLAAAAAElFTkSuQmCC') repeat-x top #dac7e6;
font: 15px Arial;
border-right: 1px solid #c4a7d7;
border-bottom: 1px solid #c4a7d7;
padding: 4px;
line-height: 24px;
}
.MetroPurplePanelTopBody {
color: Black;
background-color: #fcfbfe;
font: 15px Arial;
border-right: 1px solid #c4a7d7;
padding: 4px;
}
.MetroPurplePanelTopFooter {
color: #1b0e24;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJ0lEQVR42mN4ee8D0////5n+/2dg+v//PxMDlP7/n4GJAZc4A9HqAR+hNLRqc7lLAAAAAElFTkSuQmCC') repeat-x top #dac7e6;
font: 15px Arial;
border-top: 1px solid #c4a7d7;
border-right: 1px solid #c4a7d7;
padding: 4px;
line-height: 24px;
}
.MetroPurplePanelNavIndButton {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAMUlEQVR42kWMMQ4AIBDCGv7/VicHtzpgvImGFNjrRA0SIUjAKAGaOgz1n9vN+O3+3wWJ6B/sqZbGrAAAAABJRU5ErkJggg==') repeat-x top #ebe0f2;
border: 1px solid #c8acdc;
margin: 2px;
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.MetroPurplePanelNavIndButtonSelected {
background: repeat-x top #ebd4fb;
border: 1px solid #ad51ec;
}
.MetroPurpleAccordionButton {
text-decoration: none;
color: #6d3a90;
background: repeat-x top #dac7e6;
font-weight: bold;
border: 1px solid #c4a7d7;
padding: 5px;
margin-bottom: 3px;
display: block;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroPurpleAccordionButton:hover {
color: #1f102a;
background: #ebd4fb;
border-color: #ad51ec;
}
.MetroPurpleAccordionButtonSelected {
text-decoration: none;
color: #f1e9f5;
background: repeat-x top #7a1f94;
font-weight: bold;
border: 1px solid #7f46a6;
border-bottom-style: none;
padding: 5px;
padding-bottom: 6px;
display: block;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroPurpleAccordionButtonDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #a476c3;
background: repeat-x top #dac7e6;
font-weight: bold;
border: 1px solid #c4a7d7;
padding: 5px;
margin-bottom: 3px;
display: block;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroPurpleAccordionPane {
background-color: #fcfbfe;
border: 1px solid #7f46a6;
padding: 5px;
margin-bottom: 3px;
}
.MetroPurpleAccordionIconButton {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #6d3a90;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJ0lEQVR42mN4ee8D0////5n+/2dg+v//PxMDlP7/n4GJAZc4A9HqAR+hNLRqc7lLAAAAAElFTkSuQmCC') repeat-x top #dac7e6;
font-weight: bold;
border: 1px solid #c4a7d7;
padding: 5px;
padding-left: 36px;
margin-bottom: 3px;
display: block;
cursor: default;
position: relative;
line-height: 24px;
border-radius: 3px;
outline: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroPurpleAccordionIconButton:before {
position: absolute;
top: 5px;
left: 5px;
content: url('Expand.png');
}
.MetroPurpleAccordionIconButton:hover {
color: #1f102a;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAKklEQVR42mWKMQ4AIBCDmv7/r45OlhtrdCIQtNcxwSALlan/jb55nqsJDT+jKOcEq/ocAAAAAElFTkSuQmCC') repeat-x top #ebd4fb;
border-color: #ad51ec;
}
.MetroPurpleAccordionIconButtonSelected {
text-decoration: none;
text-shadow: #797676 -1px -1px;
color: #f1e9f5;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAALklEQVR42o3KoREAIADDQK77O6ZhDfZpgsHgUB+RseYOJWCo8QrG69M1wsdjqAcgmkbUKOj70AAAAABJRU5ErkJggg==') repeat-x top #9158b8;
font-weight: bold;
border: 1px solid #7f46a6;
border-bottom-style: none;
padding: 5px;
padding-left: 36px;
padding-bottom: 6px;
display: block;
cursor: default;
position: relative;
line-height: 24px;
border-radius: 3px 3px 0px 0px;
outline: none;
-webkit-border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
-webkit-bottom-left-border-radius: 0px;
-moz-bottom-left-border-radius: 0px;
-webkit-bottom-right-border-radius: 0px;
-moz-bottom-right-border-radius: 0px;
-webkit-top-left-border-radius: 3px;
-moz-top-left-border-radius: 3px;
-webkit-top-right-border-radius: 3px;
-moz-top-right-border-radius: 3px;
}
.MetroPurpleAccordionIconButtonSelected:before {
position: absolute;
top: 5px;
left: 5px;
content: url('Collapse.png');
}
.MetroPurpleAccordionIconButtonDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #a476c3;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJ0lEQVR42mN4ee8D0////5n+/2dg+v//PxMDlP7/n4GJAZc4A9HqAR+hNLRqc7lLAAAAAElFTkSuQmCC') repeat-x top #dac7e6;
font-weight: bold;
border: 1px solid #c4a7d7;
padding: 5px;
padding-left: 36px;
margin-bottom: 3px;
display: block;
cursor: default;
line-height: 24px;
border-radius: 3px;
outline: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroPurpleTabTButton {
text-decoration: none;
white-space: nowrap;
color: White;
background: repeat-x top #7a1f94;
font-weight: bold;
border: 1px solid #7a1f94;
border-bottom-style: none;
padding: 5px;
margin-right: 2px;
margin-bottom: -1px;
display: block;
float: left;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroPurpleTabTButton:hover {
color: #1f102a;
background: repeat-x top #ebd4fb;
}
.MetroPurpleTabTButtonSelected {
text-decoration: none;
white-space: nowrap;
color: #1f102a;
background-color: #fcfbfe;
font-weight: bold;
border: 1px solid #7a1f94;
border-bottom-style: none;
padding: 5px;
padding-bottom: 6px;
margin-right: 2px;
margin-bottom: -1px;
display: block;
float: left;
cursor: default;
position: relative;
line-height: 24px;
outline: none;
}
.MetroPurpleTabTButtonDisabled {
text-decoration: none;
white-space: nowrap;
color: #a476c3;
background: repeat-x top #7a1f94;
font-weight: bold;
border: 1px solid #7a1f94;
border-bottom-style: none;
padding: 5px;
margin-right: 2px;
margin-bottom: -1px;
display: block;
float: left;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroPurpleTabTPane {
background-color: #fcfbfe;
border: 1px solid #7a1f94;
padding: 5px;
}
.MetroPurpleTabBButton {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #6d3a90;
background: repeat-x top #dac7e6;
font-weight: bold;
border: 1px solid #c4a7d7;
padding: 5px;
margin-top: -1px;
margin-right: 2px;
display: block;
float: left;
cursor: default;
line-height: 24px;
outline: none;
-webkit-border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
}
.MetroPurpleTabBButton:hover {
color: #1f102a;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAKklEQVR42mWKMQ4AIBCDmv7/r45OlhtrdCIQtNcxwSALlan/jb55nqsJDT+jKOcEq/ocAAAAAElFTkSuQmCC') repeat-x top #ebd4fb;
}
.MetroPurpleTabBButtonSelected {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #1f102a;
background-color: #fcfbfe;
font-weight: bold;
border: 1px solid #c4a7d7;
border-top-style: none;
padding: 5px;
padding-top: 6px;
margin-top: -1px;
margin-right: 2px;
display: block;
float: left;
cursor: default;
position: relative;
line-height: 24px;
outline: none;
}
.MetroPurpleTabBButtonDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #a476c3;
background: repeat-x top #dac7e6;
font-weight: bold;
border: 1px solid #c4a7d7;
padding: 5px;
margin-top: -1px;
margin-right: 2px;
display: block;
float: left;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroPurpleTabBPane {
background-color: #fcfbfe;
border: 1px solid #c4a7d7;
padding: 5px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-bottom-left-border-radius: 3px;
-moz-bottom-left-border-radius: 3px;
-webkit-top-left-border-radius: 3px;
-moz-top-left-border-radius: 3px;
-webkit-top-right-border-radius: 3px;
-moz-top-right-border-radius: 3px;
}
.MetroPurpleTabLButton {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #6d3a90;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJ0lEQVR42mN4ee8D0////5n+/2dg+v//PxMDlP7/n4GJAZc4A9HqAR+hNLRqc7lLAAAAAElFTkSuQmCC') repeat-x top #dac7e6;
font-weight: bold;
border: 1px solid #c4a7d7;
border-right-style: none;
padding: 5px;
margin-bottom: 2px;
display: block;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroPurpleTabLButton:hover {
color: #1f102a;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAKklEQVR42mWKMQ4AIBCDmv7/r45OlhtrdCIQtNcxwSALlan/jb55nqsJDT+jKOcEq/ocAAAAAElFTkSuQmCC') repeat-x top #ebd4fb;
border-color: #ad51ec;
}
.MetroPurpleTabLButtonSelected {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #1f102a;
background-color: #fcfbfe;
font-weight: bold;
border: 1px solid #c4a7d7;
border-right-style: none;
padding: 5px;
padding-right: 6px;
margin-right: -1px;
margin-bottom: 2px;
display: block;
cursor: default;
position: relative;
line-height: 24px;
border-radius: 3px 0px  0px 3px;
outline: none;
-webkit-top-left-border-radius: 3px;
-moz-top-left-border-radius: 3px;
-webkit-top-right-border-radius: 3px;
-moz-top-right-border-radius: 3px;
-webkit-border-radius: 3px 0px  0px 3px;
-moz-border-radius: 3px 0px  0px 3px;
}
.MetroPurpleTabLButtonDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #a476c3;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJ0lEQVR42mN4ee8D0////5n+/2dg+v//PxMDlP7/n4GJAZc4A9HqAR+hNLRqc7lLAAAAAElFTkSuQmCC') repeat-x top #dac7e6;
font-weight: bold;
border: 1px solid #c4a7d7;
border-right-style: none;
padding: 5px;
margin-bottom: 3px;
display: block;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroPurpleTabLPane {
background-color: #fcfbfe;
border: 1px solid #c4a7d7;
padding: 5px;
}
.MetroPurpleTabRButton {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #6d3a90;
background: repeat-x top #dac7e6;
font-weight: bold;
border: 1px solid #c4a7d7;
border-left-style: none;
padding: 5px;
margin-bottom: 2px;
display: block;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroPurpleTabRButton:hover {
color: #1f102a;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAKklEQVR42mWKMQ4AIBCDmv7/r45OlhtrdCIQtNcxwSALlan/jb55nqsJDT+jKOcEq/ocAAAAAElFTkSuQmCC') repeat-x top #ebd4fb;
border-color: #ad51ec;
}
.MetroPurpleTabRButtonSelected {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #1f102a;
background-color: #fcfbfe;
font-weight: bold;
border: 1px solid #c4a7d7;
border-left-style: none;
padding: 5px;
padding-left: 6px;
margin-left: -1px;
margin-bottom: 2px;
display: block;
cursor: default;
position: relative;
line-height: 24px;
outline: none;
}
.MetroPurpleTabRButtonDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #a476c3;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJ0lEQVR42mN4ee8D0////5n+/2dg+v//PxMDlP7/n4GJAZc4A9HqAR+hNLRqc7lLAAAAAElFTkSuQmCC') repeat-x top #dac7e6;
font-weight: bold;
border: 1px solid #c4a7d7;
border-left-style: none;
padding: 5px;
margin-bottom: 2px;
display: block;
cursor: default;
line-height: 24px;
border-radius: 0px 3px 3px 0px;
outline: none;
-webkit-border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
}
.MetroPurpleTabRPane {
background-color: #fcfbfe;
border: 1px solid #c4a7d7;
padding: 5px;
}
.MetroPurpleTabbandT {
background: repeat-x top #efe7f5;
border: 1px solid #c4a7d7;
border-bottom-style: solid;
padding: 0px;
padding-top: 2px;
}
.MetroPurpleTabbandT img {
vertical-align: middle;
}
.MetroPurpleTabbandTButton {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #6d3a90;
background: repeat-x top #dac7e6;
font-weight: bold;
border: 1px solid #c4a7d7;
padding: 5px;
margin-right: 2px;
margin-bottom: -1px;
display: block;
float: left;
cursor: default;
line-height: 26px;
outline: none;
}
.MetroPurpleTabbandTButton:hover {
color: #1f102a;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAKklEQVR42mWKMQ4AIBCDmv7/r45OlhtrdCIQtNcxwSALlan/jb55nqsJDT+jKOcEq/ocAAAAAElFTkSuQmCC') repeat-x top #ebd4fb;
}
.MetroPurpleTabbandTButtonSelected {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #1f102a;
background-color: #fcfbfe;
font-weight: bold;
border: 1px solid #c4a7d7;
border-bottom-style: none;
padding: 5px;
padding-bottom: 6px;
margin-right: 2px;
margin-bottom: -1px;
display: block;
float: left;
cursor: default;
position: relative;
line-height: 26px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
outline: none;
-webkit-top-left-border-radius: 3px;
-moz-top-left-border-radius: 3px;
-webkit-top-right-border-radius: 3px;
-moz-top-right-border-radius: 3px;
}
.MetroPurpleTabbandTButtonDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #a476c3;
background: repeat-x top #dac7e6;
font-weight: bold;
border: 1px solid #c4a7d7;
padding: 5px;
margin-right: 2px;
margin-bottom: -1px;
display: block;
float: left;
cursor: default;
line-height: 26px;
outline: none;
}
.MetroPurpleTabbandTLScroll {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #1f102a;
background-color: #fcfbfe;
font-weight: bold;
border: 1px solid #c4a7d7;
border-left-style: none;
border-bottom-style: none;
padding: 5px;
padding-bottom: 6px;
margin-right: 2px;
margin-bottom: -1px;
display: block;
float: left;
cursor: default;
position: relative;
line-height: 26px;
border-top-right-radius: 3px;
outline: none;
-webkit-top-left-border-radius: 3px;
-moz-top-left-border-radius: 3px;
-webkit-top-right-border-radius: 3px;
-moz-top-right-border-radius: 3px;
}
.MetroPurpleTabbandTLScrollDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #1f102a;
background-color: #fcfbfe;
font-weight: bold;
border: 1px solid #c4a7d7;
border-left-style: none;
border-bottom-style: none;
padding: 5px;
padding-bottom: 6px;
margin-right: 2px;
margin-bottom: -1px;
display: block;
float: left;
cursor: default;
position: relative;
line-height: 26px;
border-top-right-radius: 3px;
outline: none;
-webkit-top-left-border-radius: 3px;
-moz-top-left-border-radius: 3px;
-webkit-top-right-border-radius: 3px;
-moz-top-right-border-radius: 3px;
}
.MetroPurpleTabbandTRScroll {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #1f102a;
background-color: #fcfbfe;
font-weight: bold;
border: 1px solid #c4a7d7;
border-right-style: none;
border-bottom-style: none;
padding: 5px;
padding-bottom: 6px;
margin-left: 2px;
margin-bottom: -1px;
display: block;
float: left;
cursor: default;
position: relative;
line-height: 26px;
border-top-left-radius: 3px;
outline: none;
-webkit-top-left-border-radius: 3px;
-moz-top-left-border-radius: 3px;
}
.MetroPurpleTabbandTRScrollDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #1f102a;
background-color: #fcfbfe;
font-weight: bold;
border: 1px solid #c4a7d7;
border-right-style: none;
border-bottom-style: none;
padding: 5px;
padding-bottom: 6px;
margin-left: 2px;
margin-bottom: -1px;
display: block;
float: left;
cursor: default;
position: relative;
line-height: 26px;
border-top-left-radius: 3px;
outline: none;
-webkit-top-left-border-radius: 3px;
-moz-top-left-border-radius: 3px;
}
.MetroPurpleTabbandTSeparator {
background-color: #fcfbfe;
font: 0pt arial;
border-top: 1px solid #c4a7d7;
padding: 0px;
height: 3px;
}
.MetroPurpleTabbandB {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAALUlEQVR42m2MsQoAIBSE5P7/c4NosuHBtTQpDrLXiRokQpAAbeNDtP5r79HfBVvIHvd2WZllAAAAAElFTkSuQmCC') repeat-x top #efe7f5;
border: 1px solid #c4a7d7;
border-bottom-style: solid;
padding: 0px;
padding-bottom: 2px;
}
.MetroPurpleTabbandB img {
vertical-align: middle;
}
.MetroPurpleTabbandBButton {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #6d3a90;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJ0lEQVR42mN4ee8D0////5n+/2dg+v//PxMDlP7/n4GJAZc4A9HqAR+hNLRqc7lLAAAAAElFTkSuQmCC') repeat-x top #dac7e6;
font-weight: bold;
border: 1px solid #c4a7d7;
padding: 5px;
margin-top: -1px;
margin-right: 2px;
display: block;
float: left;
cursor: default;
line-height: 26px;
border-radius: 0px 0px 3px 3px;
outline: none;
-webkit-border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
}
.MetroPurpleTabbandBButton:hover {
color: #1f102a;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAKklEQVR42mWKMQ4AIBCDmv7/r45OlhtrdCIQtNcxwSALlan/jb55nqsJDT+jKOcEq/ocAAAAAElFTkSuQmCC') repeat-x top #ebd4fb;
}
.MetroPurpleTabbandBButtonSelected {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #1f102a;
background-color: #fcfbfe;
font-weight: bold;
border: 1px solid #c4a7d7;
border-top-style: none;
padding: 5px;
padding-top: 6px;
margin-top: -1px;
margin-right: 2px;
display: block;
float: left;
cursor: default;
position: relative;
line-height: 26px;
border-radius: 0px 0px 3px 3px;
outline: none;
-webkit-top-left-border-radius: 3px;
-moz-top-left-border-radius: 3px;
-webkit-top-right-border-radius: 3px;
-moz-top-right-border-radius: 3px;
-webkit-bottom-left-border-radius: 3px;
-moz-bottom-left-border-radius: 3px;
-webkit-bottom-right-border-radius: 3px;
-moz-bottom-right-border-radius: 3px;
-webkit-border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
}
.MetroPurpleTabbandBButtonDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #a476c3;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJ0lEQVR42mN4ee8D0////5n+/2dg+v//PxMDlP7/n4GJAZc4A9HqAR+hNLRqc7lLAAAAAElFTkSuQmCC') repeat-x top #dac7e6;
font-weight: bold;
border: 1px solid #c4a7d7;
padding: 5px;
margin-top: -1px;
margin-right: 2px;
display: block;
float: left;
cursor: default;
line-height: 26px;
border-radius: 0px 0px 3px 3px;
outline: none;
-webkit-border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
}
.MetroPurpleTabbandBLScroll {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #1f102a;
background-color: #fcfbfe;
font-weight: bold;
border: 1px solid #c4a7d7;
border-top-style: none;
border-left-style: none;
padding: 5px;
padding-bottom: 6px;
margin-top: -1px;
margin-right: 2px;
display: block;
float: left;
cursor: default;
position: relative;
line-height: 26px;
border-bottom-right-radius: 3px;
outline: none;
-webkit-top-left-border-radius: 3px;
-moz-top-left-border-radius: 3px;
-webkit-top-right-border-radius: 3px;
-moz-top-right-border-radius: 3px;
-webkit-bottom-right-border-radius: 3px;
-moz-bottom-right-border-radius: 3px;
}
.MetroPurpleTabbandBLScrollDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #1f102a;
background-color: #fcfbfe;
font-weight: bold;
border: 1px solid #c4a7d7;
border-top-style: none;
border-left-style: none;
padding: 5px;
padding-bottom: 6px;
margin-top: -1px;
margin-right: 2px;
display: block;
float: left;
cursor: default;
position: relative;
line-height: 26px;
border-bottom-right-radius: 3px;
outline: none;
-webkit-top-left-border-radius: 3px;
-moz-top-left-border-radius: 3px;
-webkit-top-right-border-radius: 3px;
-moz-top-right-border-radius: 3px;
-webkit-bottom-right-border-radius: 3px;
-moz-bottom-right-border-radius: 3px;
}
.MetroPurpleTabbandBRScroll {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #1f102a;
background-color: #fcfbfe;
font-weight: bold;
border: 1px solid #c4a7d7;
border-top-style: none;
border-right-style: none;
padding: 5px;
padding-bottom: 6px;
margin-top: -1px;
margin-left: 2px;
display: block;
float: left;
cursor: default;
position: relative;
line-height: 26px;
border-bottom-left-radius: 3px;
outline: none;
-webkit-bottom-left-border-radius: 3px;
-moz-bottom-left-border-radius: 3px;
}
.MetroPurpleTabbandBRScrollDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #1f102a;
background-color: #fcfbfe;
font-weight: bold;
border: 1px solid #c4a7d7;
border-top-style: none;
border-right-style: none;
padding: 5px;
padding-bottom: 6px;
margin-top: -1px;
margin-left: 2px;
display: block;
float: left;
cursor: default;
position: relative;
line-height: 26px;
border-bottom-left-radius: 3px;
outline: none;
-webkit-bottom-left-border-radius: 3px;
-moz-bottom-left-border-radius: 3px;
}
.MetroPurpleTabbandBSeparator {
background-color: #fcfbfe;
font: 0pt arial;
border-bottom: 1px solid #c4a7d7;
padding: 0px;
height: 3px;
}
/* fix to help with firefox button padding */
button::-moz-focus-inner {
border-width: 0;
padding: 0;
}
.MetroPurpleSliderH {
padding: 3px 14px;
}
.MetroPurpleSliderHInner {
background-color: White;
font-size: 0px;
border: 1px solid #c4a7d7;
padding: 0px;
height: 20px;
border-radius: 20px;
box-shadow: inset 2px 2px 8px #eae9e9;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-box-shadow: inset 2px 2px 8px #eae9e9;
-moz-box-shadow: inset 2px 2px 8px #eae9e9;
}
.MetroPurpleSliderHHandle {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAMUlEQVR42kWMMQ4AIBDCGv7/VicHtzpgvImGFNjrRA0SIUjAKAGaOgz1n9vN+O3+3wWJ6B/sqZbGrAAAAABJRU5ErkJggg==') repeat-x top #ebe0f2;
font-size: 0px;
border: 1px solid #c8acdc;
margin: -4px;
margin-left: -14px;
width: 26px;
height: 26px;
border-radius: 22px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
}
.MetroPurpleSliderHHandleHover {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJElEQVR42mN4/+An0///DEwMUPz/PwMTAwN2PlwdFj6yGUh8ALcEG95/OiwpAAAAAElFTkSuQmCC') repeat-x top #e9d0fa;
border-color: #bd71f0;
}
.MetroPurpleSliderHHandleSelected {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAIElEQVR42mNYE/iK6f+//0z//zFAMRL7P3Zxhv9EqwcAVt42zSmrTKIAAAAASUVORK5CYII=') repeat-x top #9825e5;
border-color: #7510b8;
}
.MetroPurpleSliderHRange {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAMUlEQVR42kWMMQ4AIBDCGv7/VicHtzpgvImGFNjrRA0SIUjAKAGaOgz1n9vN+O3+3wWJ6B/sqZbGrAAAAABJRU5ErkJggg==') repeat-x top #ebe0f2;
font-size: 0px;
border: 1px solid #c8acdc;
margin: -1px;
height: 20px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.MetroPurpleSliderHRangeHover {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJElEQVR42mN4/+An0///DEwMUPz/PwMTAwN2PlwdFj6yGUh8ALcEG95/OiwpAAAAAElFTkSuQmCC') repeat-x top #e9d0fa;
border-color: #bd71f0;
}
.MetroPurpleSliderHRangeSelected {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAIElEQVR42mNYE/iK6f+//0z//zFAMRL7P3Zxhv9EqwcAVt42zSmrTKIAAAAASUVORK5CYII=') repeat-x top #9825e5;
border-color: #7510b8;
}
.MetroPurpleSwitch {
color: Black;
background-color: White;
font: 15px Arial;
border: 1px solid #c4a7d7;
cursor: default;
height: 28px;
border-radius: 4px;
box-shadow: inset 2px 2px 8px #eae9e9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-box-shadow: inset 2px 2px 8px #eae9e9;
-moz-box-shadow: inset 2px 2px 8px #eae9e9;
}
.MetroPurpleSwitchOn {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAIklEQVR42mM4tOwGEyMTIxMTEyOCZkblMzEzoqrBwsehHwDv9ALcwU0XjwAAAABJRU5ErkJggg==') repeat-x top #e8ddf1;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.MetroPurpleSwitchOff {
}
.MetroPurpleSwitchInner {
margin: 0px 14px;
}
.MetroPurpleSwitchRight {
text-align: center;
padding: 4px;
padding-left: 32px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.MetroPurpleSwitchLeft {
text-align: center;
padding: 4px;
padding-right: 32px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.MetroPurpleSwitchButton {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcCAIAAAAvP0KbAAAAGElEQVR42mP49OkT0////3FiBgYGasoBAInQSsVtk8ZKAAAAAElFTkSuQmCC') repeat-x top;
border: 1px solid #caafdd;
margin-top: -1px;
margin-left: -15px;
width: 28px;
height: 28px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
/* Control Group */
.MetroPurpleControlGroup {
background-color: #f5eff8;
border: 1px solid #c4a7d7;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroPurpleControlGroupRow {
border-top: 1px solid #c4a7d7;
}
.MetroPurpleControlGroupRowFirst {
border-top-style: none;
}
/* Spin List */
.MetroPurpleSpinList {
text-shadow: none;
color: Black;
background-color: White;
border: 1px solid #c4a7d7;
padding: 3px;
vertical-align: top;
border-radius: 3px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroPurpleSpinList:after {
background: url('spinListShadow.png') 100% 100%;
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border-radius: 1px;
content: "";
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
}
.MetroPurpleSpinListItem {
font: 15px Arial;
padding: 2px;
}
.MetroPurpleSpinListGroup {
white-space: nowrap;
border: 1px solid #c4a7d7;
padding: 0px;
overflow: hidden;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroPurpleSpinListGroup .MetroPurpleSpinList {
border-style: none;
border-right: 1px solid #c4a7d7;
display: inline-block;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.MetroPurpleSpinListGroup .MetroPurpleSpinList:last-child {
border-style: none;
}
.MetroPurpleSpinListGroup .MetroPurpleSpinList:after {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.MetroPurpleSpinListSelectBand:before {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAIElEQVR42mNYE/iK6f+//0z//zFAMRL7P3Zxhv9EqwcAVt42zSmrTKIAAAAASUVORK5CYII=') repeat-x 100% 100% #9825e5;
border-top: 1px solid #7510b8;
border-bottom: 1px solid #7510b8;
margin-top: -10px;
display: block;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 20px;
content: "";
opacity: .5;
}
/* Scroll Indicator */
.MetroPurpleScrollIndH, .MetroPurpleScrollIndV {
padding: 0px;
width: 5px;
height: 5px;
}
.MetroPurpleScrollIndHBar, .MetroPurpleScrollIndVBar {
background-color: Black;
border-radius: 6px;
opacity: .5;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}