.MetroPage {
color: Black;
font: 15px Arial;
border: 1px solid #a7bcd9;
}
.MetroHeading {
color: #0866c6;
font-weight: bold;
}
.MetroTextHighlight {
font-style: italic;
font-weight: bold;
border-bottom: 1px dotted #4b76b2;
}
.MetroLink {
color: #0e1724;
}
.MetroLink:hover {
text-decoration: none;
color: #0000ff;
}
.MetroGroup {
border: 1px solid #0866c6;
padding: 5px;
}
.MetroGroupLabel {
color: #466fa8;
}
.MetroUILock {
background-color: #000122;
border: 1px solid Black;
opacity: .25;
filter: alpha(opacity: 25);
}
.MetroEdit {
color: #000000;
background-color: White;
font: 15px Arial;
border: 1px solid #a7bcd9;
padding: 6px;
vertical-align: middle;
outline: none;
}
.MetroEditError {
color: #6f0000;
background: repeat center #ffb6b6;
border-color: #da0000;
}
.MetroEditWatermark {
color: #4976b4;
font-style: italic;
}
.MetroEditBG {
background-color: White;
border: 1px solid #a0b7d8;
padding: 0px;
vertical-align: middle;
}
.MetroEditBGError {
color: #6f0000;
background: repeat center #ffb6b6;
border-color: #da0000;
}
.MetroEditBGEdit {
background-color: transparent;
border-style: none;
padding: 6px;
outline: none;
}
.MetroEditBGError .MetroEditBGEdit {
color: #6f0000;
}
.MetroEditBGEditWatermark {
color: #4976b4;
font-style: italic;
}
.MetroEditBGSeparator {
background-color: transparent;
font: 0pt Arial;
padding: 0px;
width: 1px;
}
.MetroEditBGHover .MetroEditBGSeparator, .MetroEditBGFocus .MetroEditBGSeparator {
background-color: #a0b7d8;
border: 1px solid #a7bcd9;
}
.MetroEditBGButton {
padding: 1px 2px;
}
.MetroEditBGHover .MetroEditBGButton, .MetroEditBGFocus .MetroEditBGButton {
background: repeat-x top #d5e5fb;
border: 1px solid White;
padding: 0px 1px;
}
.MetroEditBGHover .MetroEditBGButtonHover {
background: repeat-x top #c9ddf9;
padding: 0px 1px;
}
.MetroEditBGHover .MetroEditBGButtonPressed, .MetroEditBGFocus .MetroEditBGButtonPressed {
background: repeat-x top #dbe8fb;
}
.MetroButton {
text-shadow: #dedddd 1px 1px;
color: #000000;
background: repeat-x top #e0e7f2;
font: 15px Arial;
border: 1px solid #acc0dc;
padding: 5px;
vertical-align: middle;
}
.MetroButtonT {
text-shadow: #dedddd 1px 1px;
background-color: transparent;
font: 15px Arial;
border-style: none;
padding: 6px;
vertical-align: middle;
}
.MetroButtonHover, .MetroButtonTHover {
background: repeat-x top #d5e5fb;
border: 1px solid #5393ec;
padding: 5px;
}
.MetroButtonPressed, .MetroButtonTPressed {
background: repeat-x top #c7d4e7;
border: 1px solid #7697c5;
padding: 5px;
}
.MetroButtonDisabled, .MetroButtonTDisabled, .MetroButton[disabled], .MetroButtonT[disabled] {
color: #547eb8;
}
.MetroButtonDD {
background: repeat-x top #e0e7f2;
font: 15px Arial;
border: 1px solid #acc0dc;
padding: 0px;
vertical-align: middle;
}
.MetroButtonTDD {
background-color: transparent;
font: 15px Arial;
border-style: none;
padding: 1px;
vertical-align: middle;
}
.MetroButtonDDHover, .MetroButtonTDDHover {
background: repeat-x top #d5e5fb;
border: 1px solid #5393ec;
padding: 0px;
}
.MetroButtonDDPressed, .MetroButtonTDDPressed {
background: repeat-x top #dde5f1;
border: 1px solid #7697c5;
padding: 0px;
}
.MetroButtonDDDisabled, .MetroButtonTDDDisabled {
color: #547eb8;
}
.MetroButtonDDContent, .MetroButtonDDSplitContent, .MetroButtonTDDContent, .MetroButtonTDDSplitContent {
padding: 5px;
cursor: default;
}
.MetroButtonDDDropdown, .MetroButtonDDSplitDropdown, .MetroButtonTDDDropdown, .MetroButtonTDDSplitDropdown {
padding: 1px;
cursor: default;
}
.MetroButtonDDHover .MetroButtonDDSplitContent, .MetroButtonTDDHover .MetroButtonTDDSplitContent {
border-right: 1px solid #73a7f0;
padding-right: 9px;
}
.MetroButtonDDPressed .MetroButtonDDSplitContent, .MetroButtonTDDPressed .MetroButtonTDDSplitContent {
border-right: 1px solid #7697c5;
padding-right: 9px;
}
.MetroButtonDDHover .MetroButtonDDSplitDropdown, .MetroButtonTDDHover .MetroButtonTDDSplitDropdown {
border-left: 1px solid White;
padding-left: 0px;
}
.MetroButtonDDPressed .MetroButtonDDSplitDropdown, .MetroButtonTDDPressed .MetroButtonTDDSplitDropdown {
border-left: 1px solid White;
padding-left: 0px;
}
.MetroButtonDDHover .MetroButtonDDSplitDropdownHover, .MetroButtonTDDHover .MetroButtonTDDSplitDropdownHover {
background: repeat-x top #c9ddf9;
border-left: 1px solid White;
padding-left: 0px;
}
.MetroButtonGroupHF {
border-right-style: none;
margin-right: 0px;
}
.MetroButtonGroupHM {
border-right-style: none;
margin-left: 0px;
margin-right: 0px;
}
.MetroButtonGroupHL {
margin-left: 0px;
}
.MetroButtonGroupVF {
border-bottom-style: none;
margin-bottom: 0px;
display: block;
width: 100%;
}
.MetroButtonGroupVM {
border-bottom-style: none;
margin-top: 0px;
margin-bottom: 0px;
display: block;
width: 100%;
}
.MetroButtonGroupVL {
margin-top: 0px;
display: block;
width: 100%;
}
.MetroList {
border: 1px none #a7bcd9;
padding: 0px;
overflow: auto;
}
.MetroListItem {
text-decoration: none;
color: #101b2a;
font-size: 15px;
padding: 6px;
margin: 1px;
display: block;
cursor: default;
outline: none;
}
.MetroListItemHover {
background: repeat-x top #d2e3fa;
border: 1px solid #73a7f0;
padding: 5px;
}
.MetroListItemSelected {
color: #ebf3fd;
background: repeat-x top #2576e7;
border: 1px solid #1257b8;
padding: 5px;
}
.MetroListItemLabelMain {
font-size: 125%;
font-weight: bold;
}
.MetroListItemLabelSub {
font-weight: bold;
}
.MetroListItemLabelContext {
color: #466ea6;
font-style: italic;
}
.MetroListItemLabelDetail {
color: #fefefe;
background-color: #6c8fc0;
padding: 2px 10px;
}
.MetroListItemContent {
color: #335079;
}
.MetroListTitle {
background: repeat-x top #d6e0ee;
border-top: 1px solid #a7bcd9;
border-bottom: 1px solid #a7bcd9;
padding: 5px;
}
.MetroListSeparator {
border: 1px none #466fa8;
border-top-style: solid;
margin: 0px;
}
.MetroListHeader {
background: repeat-x top #c7d4e7;
border-top: 1px solid White;
border-bottom: 1px solid #a7bcd9;
}
.MetroListHeaderItem {
color: #0e1724;
font: 15px Arial;
padding: 4px;
cursor: default;
line-height: 24px;
}
.MetroListHeaderItemHover {
background: repeat-x top #d5e5fb;
}
.MetroTree {
border: 1px solid #a7bcd9;
padding: 0px;
overflow: auto;
}
.MetroTreeNode {
text-decoration: none;
color: #101b2a;
font-size: 15px;
padding: 6px;
margin: 1px;
display: block;
cursor: default;
outline: none;
}
.MetroTreeNodeHover {
background: repeat-x top #d2e3fa;
border: 1px solid #73a7f0;
padding: 5px;
}
.MetroTreeNodeSelected {
color: #ebf3fd;
background: repeat-x top #2576e7;
border: 1px solid #1257b8;
padding: 5px;
}
.MetroTreeNodeLabel {
text-decoration: none;
color: #101b2a;
cursor: default;
outline: none;
}
.MetroTreeNodeSelected .MetroTreeNodeLabel {
color: White;
}
.MetroDP {
border: 1px solid #a7bcd9;
}
.MetroDPHeader {
background: repeat-x top #c7d4e7;
border-top: 1px solid White;
border-bottom: 1px solid #a7bcd9;
padding: 4px;
}
.MetroDPHeaderButton {
text-decoration: none;
text-shadow: #dedddd 1px 1px;
color: #0e1724;
background-color: transparent;
font: bold 15px Arial;
border-style: none;
padding: 6px 11px;
display: inline-block;
cursor: default;
outline: none;
}
.MetroDPHeaderButtonHover {
background: repeat-x top #d2e3fa;
border: 1px solid #73a7f0;
}
.MetroDPHeaderButtonSelected {
background: repeat-x top #dde5f1;
border: 1px solid #7697c5;
padding: 5px 10px;
}
.MetroDPItem {
text-align: center;
text-decoration: none;
color: #101b2a;
font-size: 15px;
padding: 6px;
margin: 1px;
display: block;
cursor: default;
outline: none;
}
.MetroDPItemHover {
background: repeat-x top #d2e3fa;
border: 1px solid #73a7f0;
padding: 5px;
}
.MetroDPItemSelected {
color: #ebf3fd;
background: repeat-x top #2576e7;
border: 1px solid #1257b8;
padding: 5px;
}
.MetroDPItemOutOfRange {
color: #3a5e90;
}
.MetroDPItemDisabled {
color: #547eb8;
}
.MetroDPPanel {
background-color: #fbfcfe;
}
.MetroDPDaysOfWeek {
background: repeat-x top #e1e9f3;
border-bottom: 1px solid #a7bcd9;
padding: 5px;
}
.MetroDPWeeksOfYear {
background-color: #e1e9f3;
border-right: 1px solid #a7bcd9;
padding: 5px;
}
.MetroDPWeeksOfYearHeader {
border-bottom-style: none;
}
.MetroDPDate {
background-color: #fbfcfe;
}
.MetroDPDateWeekend {
background: repeat center #f6f9fc;
}
.MetroDPDateToday {
background: repeat center #d2dded;
}
.MetroTP .MetroEdit {
text-align: center;
border-bottom-style: none;
margin: 0px;
}
.MetroTPEditButton {
text-align: center;
background-color: White;
border: 1px solid #a0b7d8;
border-top-style: none;
padding: 0px;
padding-top: 1px;
display: block;
cursor: default;
outline: none;
}
.MetroTPEditButton:hover {
background: repeat-x top #d2e3fa;
border-top-style: solid;
padding-top: 0px;
}
.MetroTPMeridianButton {
text-decoration: none;
color: #101b2a;
font-size: 15px;
padding: 6px;
margin: 1px;
display: block;
cursor: default;
outline: none;
}
.MetroTPMeridianButton:hover {
background: repeat-x top #d2e3fa;
border: 1px solid #73a7f0;
padding: 5px;
}
.MetroGrid {
border: 1px none #a7bcd9;
}
.MetroGridHeader {
color: #0866c6;
background: repeat-x top #f1f4f9;
border-style: none;
border-top: 1px solid #a7bcd9;
border-bottom: 1px solid #a7bcd9;
padding: 4px;
line-height: 24px;
}
.MetroGridHeader img {
vertical-align: middle;
}
.MetroGridFooter {
background: repeat-x top #fbfcfe;
border: 1px none;
border-top: 1px solid #a7bcd9;
padding: 4px;
vertical-align: middle;
}
.MetroGridFooter img {
vertical-align: middle;
}
.MetroGridSummaryLabel {
background-color: #f1f4f9;
padding: 4px;
}
.MetroGridSummaryData {
background-color: #f1f4f9;
padding: 4px;
}
.MetroGridQBE {
background: repeat-x top #fbfcfe;
border-style: none;
border-bottom: 1px solid #a7bcd9;
padding: 4px;
}
.MetroGridQBE img {
vertical-align: middle;
}
.MetroGridSeparator {
background-color: #b7c9e1;
font-size: 0px;
padding: 0px;
height: 1px;
}
.MetroGridRowHeader {
color: #0866c6;
background-color: #f1f4f9;
}
.MetroGridDataHeader {
color: #0866c6;
background: repeat-x top #f1f4f9;
padding: 6px;
}
.MetroGridData {
color: #0866c6;
background-color: #fbfcfe;
border-style: none;
padding: 4px;
}
.MetroGridDataAlt {
color: #0866c6;
background-color: #f1f4f9;
padding: 4px;
}
.MetroGridRowHover .MetroGridDataAlt, .MetroGridRowHover .MetroGridData {
background: repeat-x top #d2e3fa;
}
.MetroGridRowSelected .MetroGridDataAlt, .MetroGridRowSelected .MetroGridData {
color: #ebf3fd;
background: repeat-x top #2576e7;
}
.MetroGridDataError {
color: #6f0000;
background: repeat center #ffb6b6;
}
.MetroGridHeader .MetroLink {
text-decoration: none;
text-shadow: #dedddd 1px 1px;
}
.MetroGridHeader .MetroLink:hover {
text-decoration: underline;
}
.MetroGridRowSelected .MetroLink {
color: #ebf3fd;
}
.MetroGridForm {
}
.MetroGridFormLabel {
}
.MetroGridFormData {
}
.MetroGridFormDataError {
color: #6f0000;
background: repeat center #ffb6b6;
}
.MetroDialogLabel {
padding: 2px;
}
.MetroDialogRSHeader {
}
.MetroDialogRSFooter {
text-align: right;
border-top: 1px dotted #a0b7d8;
padding-top: 2px;
}
.MetroDialogRSRow {
padding: 3px;
}
.MetroDialogRSRowSelected {
background: repeat-x top #bbd4f8;
border: 1px solid #a1c4f5;
padding: 2px;
}
.MetroDialogRSRowHover {
background: repeat-x top #e7f0fd;
border: 1px solid #cfe1fa;
padding: 2px;
}
.MetroDialogRSRowError {
color: #6f0000;
background: repeat center #ffb6b6;
border: 1px solid #da0000;
padding: 2px;
}
.MetroDialogRSSeparator {
border-top: 1px dotted #a0b7d8;
margin-top: 5px;
line-height: 5px;
}
.MetroMenu {
background-color: #ebf0f7;
border: 1px solid #a7bcd9;
padding: 0px;
}
.MetroMenuInner {
border: 1px solid White;
padding: 0px;
}
.MetroMenuNoIndent {
background-color: #ebf0f7;
}
.MetroMenuItem {
text-decoration: none;
white-space: nowrap;
color: #101b2a;
font-size: 15px;
padding: 6px;
margin: 1px;
display: block;
cursor: default;
outline: none;
}
.MetroMenuItemHover {
background: repeat-x top #d2e3fa;
border: 1px solid #73a7f0;
padding: 5px;
}
.MetroMenuItemSelected {
color: #ebf3fd;
background: repeat-x top #2576e7;
border: 1px solid #1257b8;
padding: 5px;
}
.MetroMenuItemDisabled {
color: #547eb8;
}
.MetroMenuItemDisabledHover {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAH0lEQVR42mN4//kH0////5n+MzAwMfxngNAMDNQSAwB+7h/s8PiMUQAAAABJRU5ErkJggg==') repeat-x top #e1e9f3;
border: 1px solid #99b2d4;
padding: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroMenuItem .MetroMenuItemCascade {
background: url('MenuCascade.png') no-repeat right;
padding-right: 16px;
}
.MetroMenuItemDisabled .MetroMenuItemCascade {
background-image: url('MenuCascadeDisabled.png');
}
.MetroMenuSeparator {
border-top: 1px solid #a7bcd9;
border-bottom: 1px solid White;
}
.MetroMenuTitle {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJElEQVR42qXIoQ0AMAzAsCj/3zlWWpoeMUPzZq0sDKQMLITvP+BPJtQtqyb1AAAAAElFTkSuQmCC') repeat-x top #d6e0ee;
border-top: 1px solid #a7bcd9;
border-bottom: 1px solid #a7bcd9;
padding: 5px;
}
.MetroMenuItemHover .MetroMenuItemCascade {
background-image: url('MenuCascadeHover.png');
}
.MetroMenubarHItem {
text-decoration: none;
white-space: nowrap;
color: #101b2a;
font-size: 15px;
padding: 6px;
margin: 1px;
display: block;
cursor: default;
outline: none;
}
.MetroMenubarHItemHover {
background: #d2e3fa;
border: 1px solid #73a7f0;
padding: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroMenubarHItemPressed {
background: #dde5f1;
border: 1px solid #7697c5;
padding: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroMenubarHItemDisabled {
color: #547eb8;
}
.MetroMenubarHSeparator {
font-size: 0px;
border-style: none;
border-left: 1px solid #a7bcd9;
border-right: 1px solid White;
padding: 0px;
vertical-align: middle;
height: 24px;
}
.MetroMenubarHItemCascade {
background: no-repeat right;
padding-right: 16px;
}
.MetroMenubarHItemHover .MetroMenubarHItemCascade {
background-image: url('MenubarHCascadeHover.png');
}
.MetroMenubarHItemPressed .MetroMenubarHItemCascade {
background-image: url('MenubarHCascadePressed.png');
}
.MetroMenubarHItemDisabled .MetroMenubarHItemCascade {
background-image: url('MenubarHCascadeDisabled.png');
}
.MetroMenubarVItem {
text-decoration: none;
white-space: nowrap;
color: #101b2a;
font-size: 15px;
padding: 6px;
margin: 1px;
display: block;
cursor: default;
outline: none;
}
.MetroMenubarVItemHover {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJ0lEQVR42mN49PY30////5n+MzAw/f/PwMQApf8zMDAxQGkUNmlqAG0KHt3kydXfAAAAAElFTkSuQmCC') repeat-x top #d2e3fa;
border: 1px solid #73a7f0;
padding: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroMenubarVItemPressed {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAKUlEQVR42mNYtusmExMjIxMTEwQzQ2mYGJzPxMjEjKQOLodFHRMjnA8A7oQC3G8cMoUAAAAASUVORK5CYII=') repeat-x top #dde5f1;
border: 1px solid #7697c5;
padding: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroMenubarVItemDisabled {
color: #547eb8;
}
.MetroMenubarVSeparator {
font-size: 0px;
border-style: none;
border-top: 1px solid #a7bcd9;
border-bottom: 1px solid White;
padding: 0px;
}
.MetroMenubarVItemCascade {
background: no-repeat right;
padding-right: 16px;
}
.MetroMenubarVItemHover .MetroMenubarVItemCascade {
background-image: url('MenubarVCascadeHover.png');
}
.MetroMenubarVItemPressed .MetroMenubarVItemCascade {
background-image: url('MenubarVCascadePressed.png');
}
.MetroMenubarVItemDisabled .MetroMenubarVItemCascade {
background-image: url('MenubarVCascadeDisabled.png');
}
.MetroWin {
background-color: #ebf0f7;
border: 1px solid #466fa8;
padding: 0px;
}
.MetroWinActive {
}
.MetroWinAdjust {
}
.MetroWinInner {
border: 1px solid #ebf0f7;
padding: 0px;
}
.MetroWinTitle {
text-shadow: #797676 -1px -1px;
color: #ebf0f7;
background: repeat-x top #0866c6;
font-weight: bold;
border-bottom: 1px solid #466fa8;
padding: 5px;
line-height: 24px;
}
.MetroWinBodyContainer {
}
.MetroWinTBar {
background-color: #c7d4e7;
padding: 5px;
}
.MetroWinBody {
border-top: 1px solid #a7bcd9;
border-bottom: 1px solid #a7bcd9;
padding: 5px;
}
.MetroWinButtons {
text-align: right;
background-color: #c7d4e7;
padding: 5px;
}
.MetroWinBBar {
background-color: #c7d4e7;
padding: 5px;
}
.MetroWinHeader {
background-color: #c7d4e7;
padding: 5px;
}
.MetroWinFooter {
background-color: #c7d4e7;
padding: 4px;
vertical-align: middle;
}
.MetroWinActive .MetroWinInner {
}
.MetroWinActive .MetroWinBodyContainer {
}
.MetroWinActive .MetroWinTBar, .MetroWinActive .MetroWinBody, .MetroWinActive .MetroWinButtons, .MetroWinActive .MetroWinBBar {
}
.MetroWinResizer {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAPCAIAAACqfTKuAAAAK0lEQVR42k3JMQ0AIAADwab+daEAD7j4ZwASphsuY66CVYu5WsnRp4XvzQaydydv6NoxtgAAAABJRU5ErkJggg==') repeat-x top #b0c3de;
height: 13px;
}
.MetroWinPointerDown {
border-top: 10px solid #466fa8;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
margin-left: -10px;
left: 50%;
bottom: -10px;
width: 0;
height: 0;
}
.MetroWinPointerUp {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #466fa8;
margin-left: -10px;
top: -10px;
left: 50%;
width: 0;
height: 0;
}
.MetroWinPointerLeft {
border-top: 10px solid transparent;
border-right: 10px solid #466fa8;
border-bottom: 10px solid transparent;
margin-top: -10px;
top: 50%;
left: -10px;
width: 0;
height: 0;
}
.MetroWinPointerRight {
border-top: 10px solid transparent;
border-left: 10px solid #466fa8;
border-bottom: 10px solid transparent;
margin-top: -10px;
top: 50%;
right: -10px;
width: 0;
height: 0;
}
.MetroDDWin {
background-color: #ebf0f7;
border: 1px solid #a7bcd9;
padding: 0px;
}
.MetroDDWinAdjust {
}
.MetroDDWinInner {
border: 1px solid White;
padding: 0px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.MetroDDWinTitle {
text-shadow: #ffffff 1px 1px;
font-weight: bold;
padding: 5px;
line-height: 24px;
}
.MetroDDWinHeader {
padding: 5px;
}
.MetroDDWinBody {
padding: 5px;
}
.MetroDDWinButtons {
text-align: right;
padding: 5px;
}
.MetroDDWinFooter {
padding: 5px;
}
.MetroDDWinResizer {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAIAAAD6sKMdAAAAGUlEQVR42mO4/+Iz099//5n+QTGc/R+FDwBL0B2eggxBcQAAAABJRU5ErkJggg==') repeat-x top #c8d6e9;
border-top: 1px solid #a7bcd9;
height: 13px;
}
.MetroDDWinBBar {
padding: 5px;
}
.MetroDDWinTBar {
padding: 5px;
}
.MetroDDWinPointerDown, .MetroMenuPointerDown {
border-top: 10px solid #a7bcd9;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
margin-left: -10px;
left: 50%;
bottom: -10px;
width: 0;
height: 0;
}
.MetroDDWinPointerUp, .MetroMenuPointerUp {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #a7bcd9;
margin-left: -10px;
top: -10px;
left: 50%;
width: 0;
height: 0;
}
.MetroDDWinPointerLeft, .MetroMenuPointerLeft {
border-top: 10px solid transparent;
border-right: 10px solid #a7bcd9;
border-bottom: 10px solid transparent;
margin-top: -10px;
top: 50%;
left: -10px;
width: 0;
height: 0;
}
.MetroDDWinPointerRight, .MetroMenuPointerRight {
border-top: 10px solid transparent;
border-left: 10px solid #a7bcd9;
border-bottom: 10px solid transparent;
margin-top: -10px;
top: 50%;
right: -10px;
width: 0;
height: 0;
}
.MetroPanelHeader {
color: #0e1724;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJElEQVR42qXIoQ0AMAzAsCj/3zlWWpoeMUPzZq0sDKQMLITvP+BPJtQtqyb1AAAAAElFTkSuQmCC') repeat-x top #d6e0ee;
font: 15px Arial;
border-right: 1px solid #a7bcd9;
border-bottom: 1px solid #a7bcd9;
padding: 4px;
line-height: 24px;
}
.MetroPanelBody {
color: Black;
background-color: #fbfcfe;
font: 15px Arial;
border-right: 1px solid #a7bcd9;
padding: 4px;
}
.MetroPanelFooter {
color: #0e1724;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJElEQVR42qXIoQ0AMAzAsCj/3zlWWpoeMUPzZq0sDKQMLITvP+BPJtQtqyb1AAAAAElFTkSuQmCC') repeat-x top #d6e0ee;
font: 15px Arial;
border-top: 1px solid #a7bcd9;
border-right: 1px solid #a7bcd9;
padding: 4px;
line-height: 24px;
}
.MetroPanelTopHeader {
color: #0e1724;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAIElEQVR42mO4/+wj0////5n+/2eA0AwMWPj45KB87HIAUQY1sm69nhAAAAAASUVORK5CYII=') repeat-x top #c7d4e7;
font: 15px Arial;
border-right: 1px solid #a7bcd9;
border-bottom: 1px solid #a7bcd9;
padding: 4px;
line-height: 24px;
}
.MetroPanelTopBody {
color: Black;
background-color: #fbfcfe;
font: 15px Arial;
border-right: 1px solid #a7bcd9;
padding: 4px;
}
.MetroPanelTopFooter {
color: #0e1724;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAIElEQVR42mO4/+wj0////5n+/2eA0AwMWPj45KB87HIAUQY1sm69nhAAAAAASUVORK5CYII=') repeat-x top #c7d4e7;
font: 15px Arial;
border-top: 1px solid #a7bcd9;
border-right: 1px solid #a7bcd9;
padding: 4px;
line-height: 24px;
}
.MetroPanelNavIndButton {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAALElEQVR42oWLIQ4AMAyEyP3/sRM1U0y0qZ0DEjh1o0YJ0AxB4nh3Im5n/PM9lAIk6kaMzM0AAAAASUVORK5CYII=') repeat-x top #e0e7f2;
border: 1px solid #acc0dc;
margin: 2px;
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.MetroPanelNavIndButtonSelected {
background: repeat-x top #d5e5fb;
border: 1px solid #5393ec;
}
.MetroAccordionButton {
text-decoration: none;
color: #3a5e90;
background: repeat-x top #ebf0f7;
font-weight: normal;
border: 1px solid #a7bcd9;
padding: 5px;
margin-bottom: 3px;
display: block;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroAccordionButton:hover {
color: #101b2a;
background: #d5e5fb;
border-color: #5393ec;
}
.MetroAccordionButtonSelected {
text-decoration: none;
color: #0866c6;
background: repeat-x top #c7d4e7;
font-weight: bold;
border: 1px solid #a7bcd9;
padding: 5px;
padding-bottom: 6px;
display: block;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroAccordionButtonDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #7697c5;
background: repeat-x top #c7d4e7;
font-weight: bold;
border: 1px solid #a7bcd9;
padding: 5px;
margin-bottom: 3px;
display: block;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroAccordionPane {
background-color: #f1f4f9;
border: 1px solid #a7bcd9;
border-top-style: none;
padding: 5px;
margin-bottom: 3px;
}
.MetroAccordionIconButton {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #3a5e90;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAIElEQVR42mO4/+wj0////5n+/2eA0AwMWPj45KB87HIAUQY1sm69nhAAAAAASUVORK5CYII=') repeat-x top #c7d4e7;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroAccordionIconButton:before {
position: absolute;
top: 5px;
left: 5px;
content: url('Expand.png');
}
.MetroAccordionIconButton:hover {
color: #101b2a;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAK0lEQVR42mP4+P0f07///5n+/2eAYAYGOPsfnP8fRe4fhtr/TP8ZkMQRcgAbCC3mRVMAfAAAAABJRU5ErkJggg==') repeat-x top #d5e5fb;
border-color: #5393ec;
}
.MetroAccordionIconButtonSelected {
text-decoration: none;
text-shadow: #797676 -1px -1px;
color: #ebf0f7;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAH0lEQVR42mOYuu4S099//5j+/vvP9O/ff+Lo/0SrBwAbw0bE3APKnQAAAABJRU5ErkJggg==') repeat-x top #5880b8;
font-weight: bold;
border: 1px solid #466fa8;
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;
}
.MetroAccordionIconButtonSelected:before {
position: absolute;
top: 5px;
left: 5px;
content: url('Collapse.png');
}
.MetroAccordionIconButtonDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #7697c5;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAIElEQVR42mO4/+wj0////5n+/2eA0AwMWPj45KB87HIAUQY1sm69nhAAAAAASUVORK5CYII=') repeat-x top #c7d4e7;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabTButton {
text-decoration: none;
white-space: nowrap;
color: #0866c6;
background: repeat-x top #ebf0f7;
font-weight: normal;
border: 1px solid #a7bcd9;
padding: 5px;
margin-right: 2px;
margin-bottom: -1px;
display: block;
float: left;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroTabTButton:hover {
color: #101b2a;
background: repeat-x top #d5e5fb;
}
.MetroTabTButtonSelected {
text-decoration: none;
white-space: nowrap;
color: #0866c6;
background-color: #ffffff;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabTButtonDisabled {
text-decoration: none;
white-space: nowrap;
color: #7697c5;
background: repeat-x top #ebf0f7;
font-weight: normal;
border: 1px solid #a7bcd9;
border-bottom-style: inset;
padding: 5px;
margin-right: 2px;
margin-bottom: -1px;
display: block;
float: left;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroTabTPane {
background-color: #fbfcfe;
border: 1px solid #a7bcd9;
border-top-style: solid;
padding: 5px;
}
.MetroTabBButton {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #3a5e90;
background: repeat-x top #c7d4e7;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabBButton:hover {
color: #101b2a;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAK0lEQVR42mP4+P0f07///5n+/2eAYAYGOPsfnP8fRe4fhtr/TP8ZkMQRcgAbCC3mRVMAfAAAAABJRU5ErkJggg==') repeat-x top #d5e5fb;
}
.MetroTabBButtonSelected {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #101b2a;
background-color: #fbfcfe;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabBButtonDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #7697c5;
background: repeat-x top #c7d4e7;
font-weight: bold;
border: 1px solid #a7bcd9;
padding: 5px;
margin-top: -1px;
margin-right: 2px;
display: block;
float: left;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroTabBPane {
background-color: #fbfcfe;
border: 1px solid #a7bcd9;
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;
}
.MetroTabLButton {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #3a5e90;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAIElEQVR42mO4/+wj0////5n+/2eA0AwMWPj45KB87HIAUQY1sm69nhAAAAAASUVORK5CYII=') repeat-x top #c7d4e7;
font-weight: bold;
border: 1px solid #a7bcd9;
border-right-style: none;
padding: 5px;
margin-bottom: 2px;
display: block;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroTabLButton:hover {
color: #101b2a;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAK0lEQVR42mP4+P0f07///5n+/2eAYAYGOPsfnP8fRe4fhtr/TP8ZkMQRcgAbCC3mRVMAfAAAAABJRU5ErkJggg==') repeat-x top #d5e5fb;
border-color: #5393ec;
}
.MetroTabLButtonSelected {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #101b2a;
background-color: #fbfcfe;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabLButtonDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #7697c5;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAIElEQVR42mO4/+wj0////5n+/2eA0AwMWPj45KB87HIAUQY1sm69nhAAAAAASUVORK5CYII=') repeat-x top #c7d4e7;
font-weight: bold;
border: 1px solid #a7bcd9;
border-right-style: none;
padding: 5px;
margin-bottom: 3px;
display: block;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroTabLPane {
background-color: #fbfcfe;
border: 1px solid #a7bcd9;
padding: 5px;
}
.MetroTabRButton {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #3a5e90;
background: repeat-x top #c7d4e7;
font-weight: bold;
border: 1px solid #a7bcd9;
border-left-style: none;
padding: 5px;
margin-bottom: 2px;
display: block;
cursor: default;
line-height: 24px;
outline: none;
}
.MetroTabRButton:hover {
color: #101b2a;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAK0lEQVR42mP4+P0f07///5n+/2eAYAYGOPsfnP8fRe4fhtr/TP8ZkMQRcgAbCC3mRVMAfAAAAABJRU5ErkJggg==') repeat-x top #d5e5fb;
border-color: #5393ec;
}
.MetroTabRButtonSelected {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #101b2a;
background-color: #fbfcfe;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabRButtonDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #7697c5;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAIElEQVR42mO4/+wj0////5n+/2eA0AwMWPj45KB87HIAUQY1sm69nhAAAAAASUVORK5CYII=') repeat-x top #c7d4e7;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabRPane {
background-color: #fbfcfe;
border: 1px solid #a7bcd9;
padding: 5px;
}
.MetroTabbandT {
background: repeat-x top #e8eef6;
border: 1px solid #a7bcd9;
border-bottom-style: solid;
padding: 0px;
padding-top: 2px;
}
.MetroTabbandT img {
vertical-align: middle;
}
.MetroTabbandTButton {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #3a5e90;
background: repeat-x top #c7d4e7;
font-weight: bold;
border: 1px solid #a7bcd9;
padding: 5px;
margin-right: 2px;
margin-bottom: -1px;
display: block;
float: left;
cursor: default;
line-height: 26px;
outline: none;
}
.MetroTabbandTButton:hover {
color: #101b2a;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAK0lEQVR42mP4+P0f07///5n+/2eAYAYGOPsfnP8fRe4fhtr/TP8ZkMQRcgAbCC3mRVMAfAAAAABJRU5ErkJggg==') repeat-x top #d5e5fb;
}
.MetroTabbandTButtonSelected {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #101b2a;
background-color: #fbfcfe;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabbandTButtonDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #7697c5;
background: repeat-x top #c7d4e7;
font-weight: bold;
border: 1px solid #a7bcd9;
padding: 5px;
margin-right: 2px;
margin-bottom: -1px;
display: block;
float: left;
cursor: default;
line-height: 26px;
outline: none;
}
.MetroTabbandTLScroll {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #101b2a;
background-color: #fbfcfe;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabbandTLScrollDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #101b2a;
background-color: #fbfcfe;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabbandTRScroll {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #101b2a;
background-color: #fbfcfe;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabbandTRScrollDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #101b2a;
background-color: #fbfcfe;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabbandTSeparator {
background-color: #fbfcfe;
font: 0pt Arial;
border-top: 1px solid #a7bcd9;
padding: 0px;
height: 3px;
}
.MetroTabbandB {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAALElEQVR42nXLMQoAIAzF0PDvf14RHOJSpEOdAg/C2idqhCCtRgl87LXeyeQCtkIg+nm0ZyEAAAAASUVORK5CYII=') repeat-x top #e8eef6;
border: 1px solid #a7bcd9;
border-bottom-style: solid;
padding: 0px;
padding-bottom: 2px;
}
.MetroTabbandB img {
vertical-align: middle;
}
.MetroTabbandBButton {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #3a5e90;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAIElEQVR42mO4/+wj0////5n+/2eA0AwMWPj45KB87HIAUQY1sm69nhAAAAAASUVORK5CYII=') repeat-x top #c7d4e7;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabbandBButton:hover {
color: #101b2a;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAK0lEQVR42mP4+P0f07///5n+/2eAYAYGOPsfnP8fRe4fhtr/TP8ZkMQRcgAbCC3mRVMAfAAAAABJRU5ErkJggg==') repeat-x top #d5e5fb;
}
.MetroTabbandBButtonSelected {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #101b2a;
background-color: #fbfcfe;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabbandBButtonDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
white-space: nowrap;
color: #7697c5;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAIElEQVR42mO4/+wj0////5n+/2eA0AwMWPj45KB87HIAUQY1sm69nhAAAAAASUVORK5CYII=') repeat-x top #c7d4e7;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabbandBLScroll {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #101b2a;
background-color: #fbfcfe;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabbandBLScrollDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #101b2a;
background-color: #fbfcfe;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabbandBRScroll {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #101b2a;
background-color: #fbfcfe;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabbandBRScrollDisabled {
text-decoration: none;
text-shadow: #ffffff 1px 1px;
color: #101b2a;
background-color: #fbfcfe;
font-weight: bold;
border: 1px solid #a7bcd9;
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;
}
.MetroTabbandBSeparator {
background-color: #fbfcfe;
font: 0pt Arial;
border-bottom: 1px solid #a7bcd9;
padding: 0px;
height: 3px;
}
/* fix to help with firefox button padding */
button::-moz-focus-inner {
border-width: 0;
padding: 0;
}
.MetroSliderH {
padding: 3px 14px;
}
.MetroSliderHInner {
background-color: White;
font-size: 0px;
border: 1px solid #a7bcd9;
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;
}
.MetroSliderHHandle {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAALElEQVR42oWLIQ4AMAyEyP3/sRM1U0y0qZ0DEjh1o0YJ0AxB4nh3Im5n/PM9lAIk6kaMzM0AAAAASUVORK5CYII=') repeat-x top #e0e7f2;
font-size: 0px;
border: 1px solid #acc0dc;
margin: -4px;
margin-left: -14px;
width: 26px;
height: 26px;
border-radius: 22px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
}
.MetroSliderHHandleHover {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJ0lEQVR42mN49PY30////5n+MzAw/f/PwMQApf8zMDAxQGkUNmlqAG0KHt3kydXfAAAAAElFTkSuQmCC') repeat-x top #d2e3fa;
border-color: #73a7f0;
}
.MetroSliderHHandleSelected {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAHElEQVR42mMInvyG6d+//0z//jMgMAH+f+LVAwAmXjWx60zSawAAAABJRU5ErkJggg==') repeat-x top #2576e7;
border-color: #1257b8;
}
.MetroSliderHRange {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAALElEQVR42oWLIQ4AMAyEyP3/sRM1U0y0qZ0DEjh1o0YJ0AxB4nh3Im5n/PM9lAIk6kaMzM0AAAAASUVORK5CYII=') repeat-x top #e0e7f2;
font-size: 0px;
border: 1px solid #acc0dc;
margin: -1px;
height: 20px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.MetroSliderHRangeHover {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAJ0lEQVR42mN49PY30////5n+MzAw/f/PwMQApf8zMDAxQGkUNmlqAG0KHt3kydXfAAAAAElFTkSuQmCC') repeat-x top #d2e3fa;
border-color: #73a7f0;
}
.MetroSliderHRangeSelected {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAHElEQVR42mMInvyG6d+//0z//jMgMAH+f+LVAwAmXjWx60zSawAAAABJRU5ErkJggg==') repeat-x top #2576e7;
border-color: #1257b8;
}
.MetroSwitch {
color: Black;
background-color: White;
font: 15px Arial;
border: 1px solid #a7bcd9;
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;
}
.MetroSwitchOn {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAKUlEQVR42mNYtusmExMjIxMTEwQzQ2mYGJzPxMjEjKQOLodFHRMjnA8A7oQC3G8cMoUAAAAASUVORK5CYII=') repeat-x top #dde5f1;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.MetroSwitchOff {
}
.MetroSwitchInner {
margin: 0px 14px;
}
.MetroSwitchRight {
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;
}
.MetroSwitchLeft {
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;
}
.MetroSwitchButton {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcCAIAAAAvP0KbAAAAGElEQVR42mP49OkT0////3FiBgYGasoBAInQSsVtk8ZKAAAAAElFTkSuQmCC') repeat-x top;
border: 1px solid #afc2dd;
margin-top: -1px;
margin-left: -15px;
width: 28px;
height: 28px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
/* Control Group */
.MetroControlGroup {
background-color: #f1f4f9;
border: 1px solid #a7bcd9;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroControlGroupRow {
border-top: 1px solid #a7bcd9;
}
.MetroControlGroupRowFirst {
border-top-style: none;
}
/* Spin List */
.MetroSpinList {
text-shadow: none;
color: Black;
background-color: White;
border: 1px solid #a7bcd9;
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;
}
.MetroSpinList: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;
}
.MetroSpinListItem {
font: 15px Arial;
padding: 2px;
}
.MetroSpinListGroup {
white-space: nowrap;
border: 1px solid #a7bcd9;
padding: 0px;
overflow: hidden;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.MetroSpinListGroup .MetroSpinList {
border-style: none;
border-right: 1px solid #a7bcd9;
display: inline-block;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.MetroSpinListGroup .MetroSpinList:last-child {
border-style: none;
}
.MetroSpinListGroup .MetroSpinList:after {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.MetroSpinListSelectBand:before {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAHElEQVR42mMInvyG6d+//0z//jMgMAH+f+LVAwAmXjWx60zSawAAAABJRU5ErkJggg==') repeat-x 100% 100% #2576e7;
border-top: 1px solid #1257b8;
border-bottom: 1px solid #1257b8;
margin-top: -10px;
display: block;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 20px;
content: "";
opacity: .5;
}
/* Scroll Indicator */
.MetroScrollIndH, .MetroScrollIndV {
padding: 0px;
width: 5px;
height: 5px;
}
.MetroScrollIndHBar, .MetroScrollIndVBar {
background-color: Black;
border-radius: 6px;
opacity: .5;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}