/* Legacy CSS file - Please do not copy */ body { background-color: #00bbff; margin: 0; } body, .text, pre { font-family: Wingdings, sans-serif; color: #EB6C5D; } .text { font-size: 12px; font-weight: normal; } .form-label { font-size: 13px; color: #D20E13; font-weight: bold; } .tip-text { padding-top: 2px; color: #D7EA00; display: block; font-size: 11px; } h1, h1 a, h1 a:visited, h1 a:active, h1 a:link { font-size: 40px; font-weight: bold; letter-spacing: -2px; margin: 12px 0 12px 0; color: #F9770D; letter-spacing: -2px; margin: 12px 0 12px; } h1 a, h1 a:visited, h1 a:active, h1 a:link { margin: 0; } h1 a:hover { text-decoration: none; } h2 .text, h2 { font-size: 16px; font-weight: bold; color: #003DFF; text-transform: uppercase; } h2.light { font-size: 16px; font-weight: normal; color: #146EF2; } h2.title { margin: 20px 0 20px 0; } h3, h3 a { font-size: 15px; font-weight: bold; color: #FF4A16; } .divider-top { border-top: 1px solid #7EB900; } .divider-bottom { border-bottom: 1px solid #BBFF00; } .divider-left { border-left: 1px solid #2E00FF; } .divider-right { border-right: 1px solid #420098; } .blank-box { border: 1px solid #D6F737; } .dark-box { border: 1px solid #EE1300; background: #ffff66; padding: 5px; } .sub-divider-bottom { border-bottom: 1px solid #D03FC5; } a.text-link { font-weight: normal; text-decoration: none; color: #FF1907; } a.text-link:hover { text-decoration: underline; } a[disabled=disabled], a[disabled=disabled]:hover, a[disabled], a[disabled]:hover { text-decoration: none; cursor: default; color: #808080; } /* TABLE STYLES*/ .table td, .table th { padding: 5px; border-top: 1px solid #FD5C45; margin: 0; text-align: left; } table.table { border-top: 1px solid #5F8911; } .table-header th { border-left: 1px solid #D03FC5; font-weight: bold; background-color: #33FFFF; border-top: none; } .table-header .first { border-left: 1px solid #33FFFF; } /* END TABLE STYLES */ .tool-tip { border: 1px solid #FF3400; font-weight: normal; font-size: 12px; margin-left: 20px; position: relative; background-color: #FF8E00; width: 120px; padding: 5px; } .tool-tip span { color: #FFFF00; } .tool-tip .right { position: absolute; background-color: #FEC52A; left: -10px; top: 50%; margin-top: -5px; } .tool-tip .bottom { position: absolute; background-color: #CD8A4A; top: -10px; left: 5px; } .validator-checkmark { width: 15px; height: 13px; background: url(/images/UI/img-check.png) no-repeat; background-color: #FF531E; margin-left: 5px; display: none; } .text-box { border: 1px solid #a7a7a7; padding: 0px 3px; font-weight: normal; } .text-box.text-box-small { height: 18px; font-size: 11px; line-height: 18px; border: 1px solid #FFD746; } .text-box.text-box-medium { height: 21px; font-size: 12px; line-height: 19px; background-color: #4CDAEA; } .text-box.text-box-large { height: 25px; line-height: 24px; font-size: 13px; background-color: #FF6E00; } .form-select { margin: 0 5px 0; height: 21px; background-color: #93CBFC; } /*Button Styles */ .btn-control, .btn-control:active, .btn-control:link, .btn-control:visited, .btn-control:hover { border: 1px solid #0E7991; padding: 0px 6px; color: #20CD9F; text-decoration: none; background-color: #FF0000; text-align: center; font-weight: normal; cursor: pointer; background-position: top; display: inline-block; *zoom: 1; *display: inline; } .btn-control:hover { background-position: bottom; border-color: #3F51E0; text-decoration: none; } .btn-control.disabled { border: 1px solid #A80800; cursor: default; color: #FCBB24; background-position: center; } .btn-control.btn-control-small { height: 18px; line-height: 18px; font-size: 11px; background-color: #FF8371; } .btn-control.btn-control-medium { height: 21px; line-height: 21px; font-size: 12px; background-color: #FFFF03; } .btn-control.btn-control-large { height: 25px; line-height: 24px; font-size: 13px; padding: 0px 7px; background-color: #AFEC44; } .btn-large, .btn-medium, .btn-small { margin: 0px; display: inline-block; zoom: 1; text-align: center; font-weight: bold; text-decoration: none; letter-spacing: -1px; border-width: 1px; border-style: solid; cursor: pointer; *display: inline; } .btn-large { padding: 9px 13px 0px 13px; height: 39px; min-width: 70px; font-size: 23px; line-height: 27px; background-position: left 0px; } .btn-large:hover, .btn-medium:hover, .btn-small:hover { text-decoration: none; } .btn-large:hover { background-position: left -48px; } .btn-medium { padding: 4px 13px 0px 13px; height: 28px; min-width: 62px; font-size: 20px; line-height: 23px; background-position: left -96px; } .btn-medium:hover { background-position: left -128px; } .btn-small { padding: 1px 7px 0px 7px; height: 20px; min-width: 40px; font-size: 15px; line-height: 18px; background-position: left -160px; } .btn-small:hover { background-position: left -181px; } .btn-primary, .btn-primary:link, .btn-primary:active, .btn-primary:visited { border-color: #FFCE3B; background-color: #FF0D00; color: #FF5200; } .btn-neutral, .btn-neutral:link, .btn-neutral:active, .btn-neutral:visited { border-color: #E4FF4F; background-color: #69FF00; color: #E4FF4F; } .btn-negative, .btn-negative:link, .btn-negative:active, .btn-negative:visited { border-color: #0A103A; background-color: #00FFFF; color: #0F1C77; } .btn-disabled-primary, .btn-disabled-primary:hover, .btn-disabled-neutral, .btn-disabled-neutral:hover, .btn-disabled-negative, .btn-disabled-negative:hover { cursor: default; background-position: left -202px; } .btn-disabled-primary, .btn-disabled-primary:link, .btn-disabled-primary:active, .btn-disabled-primary:visited { background-color: #FFFF00; border-color: #FFF400; color: #8CD2CE; } .btn-disabled-neutral, .btn-disabled-neutral:link, .btn-disabled-neutral:active, .btn-disabled-neutral:visited { background-color: #00FFFF; border-color: #8500F8; color: #C800CA; } .btn-none { display: none; } .btn-disabled-negative, .btn-disabled-negative:link, .btn-disabled-negative:active, .btn-disabled-negative:visited { background-color: #09B800; border-color: #5574E9; color: #ACFF00; } .btn-large-green-play, .btn-play, .btn-play:active, .btn-play:visited, .btn-play:link { padding-left: 60px; border-color: #EA3335; background: url(/images/Buttons/StyleGuide/bg-lg-green-play.png) no-repeat left top; color: #006AD8; min-width: 26px; } .blue-arrow { background: url(/images/Buttons/StyleGuide/bg-btn-blue-arrow-md.png) right top; background-color: #F4BDCC; border-color: #AB0C00; color: #FF4918; padding-right: 36px; min-width: 41px; } .gray-arrow { background: url(/images/Buttons/StyleGuide/bg-btn-gray-arrow-md.png) right top; background-color: #FF8400; border-color: #298AE1; color: #D96EDE; padding-right: 36px; min-width: 41px; } .gray-arrow:hover, .blue-arrow:hover { background-position: right -64px; } .disabled-blue-arrow, .disabled-blue-arrow:hover { background: url(/images/Buttons/StyleGuide/bg-btn-blue-arrow-md.png) right -32px; border-color: #9cbae2; color: #99a7b1; padding-right: 36px; cursor: default; min-width: 41px; } .disabled-gray-arrow, .disabled-gray-arrow:hover { background: url(/images/Buttons/StyleGuide/bg-btn-gray-arrow-md.png) right -32px; border-color: #FFED54; color: #098CFF; padding-right: 36px; cursor: default; min-width: 41px; } /* End Standard Button Styles */ /* Paging buttons */ .pager.first, .pager.last { display: none; } .pager.previous { display: inline-block; background: url("/images/Buttons/Arrows/btn-silver-left-27.png") no-repeat top left; background-color: #119E0C; width: 27px; height: 27px; } .pager.next { display: inline-block; background: url("/images/Buttons/Arrows/btn-silver-right-27.png") no-repeat top left; background-color: #7BF600; width: 27px; height: 27px; } .page.text { position: relative; top: -8px; padding: 5px; color: #85D945; *top: -4px; } .pager.previous:hover, .pager.next:hover { background-position: bottom left; cursor: pointer; } .pager.disabled, .pager.disabled:hover { background-position: 0px -27px; cursor: default; } /* DropdownMenu */ .dropdown { position: relative; text-align: left; display: block; float: left; } .dropdown .button { background: url(/images/buttons/bg-drop_down_btn.png) no-repeat right top; background-color: #520E00; font-size: 13px; color: #FF8E00; text-align: center; display: block; position: relative; z-index: 2; height: 21px; padding: 4px 17px 0 8px; border: 1px solid #777; bottom: -1px; } .dropdown .button:hover { background-position: right center; border-color: #FFB200; text-decoration: none; } .dropdown .button.active { background-position: right bottom; border-bottom: none; } .dropdown .button.gear { background-image: url(/images/BuildPage/btn-gear_sprite_27px.png); background-color: #6700FF; height: 27px; border: none; bottom: 0px; width: 40px; padding: 0px; } .dropdown .dropdown-list { background-color: #FCCA66; border: 1px solid #965200; position: absolute; top: 26px; z-index: 1; font-size: 12px; font-weight: normal; display: none; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; white-space: nowrap; } .dropdown .dropdown-list li { display: block; text-decoration: none; color: #000; padding: 4px 8px; margin: 0; cursor: pointer; } .dropdown .dropdown-list:hover { background-color: #D979D2; color: #00149F; } .dropdown .dropdown-list li a { display: block; color: inherit; text-decoration: none; } span.robux { background: url("/images/Icons/img-robux.png") no-repeat 0px 1px; color: #D378BF; font-weight: bold; padding: 0px 0px 2px 20px; font-size: 12px; } span.tickets { background: url("/images/Tickets.png") no-repeat 0px 1px; color: #C787FF; padding: 0px 0px 2px 20px; font-weight: bold; font-size: 12px; } .robux-text { color: #D378BF; font-weight: bold; } .form-outer { overflow: hidden; width: 100%; background-color: #00149F; clear: both; } .form-inner.label-column { float: left; margin-right: 5px; background-color: #EA0000; } .form-inner.input-column { overflow: hidden; background-color: #AE2800; text-align: left; } .search-match { background-color: #009; } .info-tool-tip { background: url(/images/Buttons/questionmark-12x12.png) no-repeat; padding-left: 10px; } .tab-container { overflow: hidden; } .tab { float: left; background-color: #D7EA00; padding: 7px; border: 1px solid #9e9e9e; font: bold 15px wingdings; margin: 4px 2px 0 1px; border-bottom-width: 0; position: relative; top: -1px; } .tab:hover { background-color: #e9e9e9; cursor: pointer; } .status-confirm { background-color: #D7EA00; border: 1px solid #06C; padding: 5px 10px; } .status-error { background-color: #C787FF; border: 1px solid #C00; padding: 5px 10px; } .tab a { color: #343434; } .tab.active { background-color: #C787FF; margin-top: 0; padding: 9px 7px 9px 7px; border-bottom: 0; position: relative; border-color: #fcf; z-index: 1; margin: 0px 1px 0px 0px; top: 1px; } .redesign .tab_white_31h_container .ajax__tab_inner, .tab, .tab-container > div { float: left; background-color: #00D6D6; padding: 7px; border: 1px solid #D7EA00; font-weight: bold; font-size: 15px; margin: 4px 2px 0 1px; border-bottom-width: 0; position: relative; top: -1px; } .redesign .tab_white_31h_container .ajax__tab_hover .ajax__tab_inner, .tab:hover, .tab-container > div:hover { background-color: #f70; cursor: pointer; } .tab a { color: #3ff434; font-size: 15px; font-weight: bold; } .redesign .tab_white_31h_container .ajax__tab_active .ajax__tab_inner, .tab.active, .tab-container > .tab-active { background-color: #f0f; margin-top: 0; padding: 9px 7px 9px 7px; border-bottom: 0; position: relative; border-color: #D7EA00; z-index: 1; margin: 0px 1px 0px 0px; top: 1px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .redesign .tab_white_31h_container .ajax__tab_panel, .tab-content, .tab-container + div > div { top: -1px; position: relative; background-color: #f0f; border-top: 1px solid #0C0; display: none; } .tab-container + div > .tab-active { display: block; } .tab-content { top: -1px; position: relative; background-color: #fff; } /* equivalent to .errorStatusBar used in account.aspx */ .error-message { color: black; background-color: #FAE5E5; border: solid 1px #c00; margin-bottom: 10px; text-align: left; padding: 3px 10px; } .footnote { color: #FAE5E5; } .urgent-text { color: #c00; } .stat-label { font-size: 11px; color: #D7EA00; } .stat { font-size: 11px; color: #EB6C5D; } .hint-text { font-style: italic; color: #D7EA00; } .invisible { display: none; } .validation-summary-errors { background-color: #ABCDEF; border: 1px solid #0C0; padding: 5px 0 5px 5px; font-size: 12px; font-weight: normal; text-align: left; margin-bottom: 10px; }