website/public/css/FetchCSS2.css

/* ~/CSS/Base/CSS/Roblox.css */
a {
    text-decoration: none;
}

a img {
    border: none;
}

a:link,
a:visited,
a:active {
    color: #095fb5;
}

a:hover {
    text-decoration: underline;
}

abbr,
acronym {
    cursor: help;
    border-bottom: 1px dotted #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: inherit;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.PrivacyPolicy h2 {
    font-size: 1.5em;
    font-weight: bold;
}

.PrivacyPolicy h3 {
    font-size: 1.17em;
    font-weight: bold;
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

input.Text {
    border-color: #777;
    border-style: dashed;
}

.AdminPanel {
    border-color: Orange;
    border-style: dotted;
    padding: 10px;
}

.ImageButton {
    cursor: pointer;
    padding: 0;
    border: 0;
    text-decoration: none;
    margin: 0;
    display: inline-block;
}

.Button {
    cursor: pointer;
    background-color: #fff;
    border: solid 1px #333;
    color: #333;
    font-family: Verdana, Sans-Serif;
    font-size: .9em;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
}

.Button:link,
.Button:visited {
    border: solid 1px #777;
    color: #777;
}

.Button:hover,
.Button:active {
    background-color: #6e99c9;
    border: solid 1px #000;
    color: #fff;
}

.Bullet {
    float: left;
    margin-right: 10px;
    margin-bottom: 4px;
}

.Ads_RightSidebar {
    border: solid 1px #000;
    float: right;
    text-align: right;
    width: 160px;
}

.Legalese {
    font-size: 7pt;
}

#Header {
    margin: 0 auto;
    color: White;
    font: normal 12px/normal Verdana, sans-serif;
    font-weight: bold;
    width: 900px;
    text-align: center;
}

#Header a,
#Header a:visited,
#Header a:active {
    text-decoration: none;
}

#Header a:hover {
    text-decoration: underline;
}

#HeaderContainer #Banner {
    background-image: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/WoodBanner.png);
    background-repeat: no-repeat;
    height: 72px;
    text-align: center;
}

.login-span,
.loginSpan {
    top: 17px;
    position: relative;
    float: left;
}

.login-span a {
    color: white;
}

#Banner #Options {
    float: left;
    height: 72px;
    position: relative;
    overflow: hidden;
    width: 200px;
}

#Banner #Authentication {
    top: 0;
    left: 0;
    padding: 4px;
    position: absolute;
    background: #6E99C9;
}

#Banner #AuthenticationButton {
    height: 20px;
    position: relative;
    top: 0;
    height: 40px;
    font-weight: normal;
    float: right;
    z-index: 1;
    margin-top: 10px;
    left: 340px;
}

#Banner #AuthenticationButton a {
    background: url("http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/cssthemes/base/btn_blue.png") repeat-x scroll 0 0 transparent;
    background-position: 0 0;
    font-weight: bold;
    color: White;
    font-family: Arial;
    font-size: 10px;
    height: 16px;
    display: block;
    padding-top: 1px;
    text-align: center;
    width: 40px;
    margin-top: 1px;
    margin-left: 5px;
}

#Banner #Options #Settings {
    bottom: 0;
    left: 0;
    padding: 4px;
    position: absolute;
}

#Banner #Logo {
    height: 34px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 140px;
    margin: 0;
    float: none;
    background: url("http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/cssthemes/base/img-robloxlogo.png") no-repeat;
}

#SmallHeaderContainer #Banner #Alerts {
    background: Transparent;
    border: none;
    position: relative;
    width: 350px;
    height: 40px;
    float: right;
    padding-top: 9px;
}

#HeaderContainer #Banner #Alerts {
    float: right;
    border: 1px solid #6E99C9;
    background: #FFF;
    width: 203px;
}

#Header .Navigation {
    clear: both;
    background-color: #6e99c9;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    line-height: 2em;
    text-decoration: none;
}

#AdvertisingLeaderboard {
    margin: 0 auto;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 10px;
    width: 875px;
}

#AdvertisingSkyscraper {
    border: solid 1px #000;
    float: right;
    text-align: right;
    width: 120px;
}

#RobloxLargeRectangleAd {
    padding: 10px 0 10px 0;
}

#Footer {
    font: normal 8px/normal Verdana, sans-serif;
    padding: 3em 20px;
    width: 860px;
    text-align: center;
    font-size: 13px;
    margin: 0;
}

#Footer .SEOGenreLinks {
    padding: 1em 0 2em 0;
    font-size: 11px;
}

#Footer .Legalese {
    color: #555;
    font-size: 10px;
    margin-bottom: 1em;
}

#Footer .legal {
    text-align: left;
    width: 900px;
    margin: 0 auto;
}

#Footer .legal .left {
    float: left;
    margin: 0 5px;
}

#Footer .legal .right {
    float: left;
    width: 845px;
}

#Footer .legal #bbblink {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

#Footer .legal #TrusteLogo {
    vertical-align: top;
}

#Footer.LanguageRedesign {
    background: #123f83;
    font-family: Arial, Helvetica, sans-serif;
}

#Footer.LanguageRedesign a,
#Footer.LanguageRedesign a,
#Footer.LanguageRedesign a,
#Footer.LanguageRedesign .FooterNav {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}

#Footer.LanguageRedesign .FooterNav {
    width: 970px;
    margin: 0 auto;
}

#Footer.LanguageRedesign .Legalese {
    color: #899fc1;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    margin-left: 5px;
}

#Footer.LanguageRedesign .legal {
    border-top: 1px solid #355C95;
    padding-top: 20px;
}

#Footer.LanguageRedesign span {
    color: #899fc1;
}

#Footer .LanguageOptionElement,
#Footer.LanguageRedesign .dropuplanguagecontainer,
#Footer .dropuplanguagecontainer {
    display: none;
    white-space: nowrap;
}

#Footer.LanguageRedesign .LanguageOptionElement {
    display: inline;
    cursor: pointer;
    height: 12px;
}

#Footer.LanguageRedesign #Language {
    color: white;
    cursor: pointer;
}

#Footer.LanguageRedesign .dropuplanguagecontainer {
    display: block;
    position: absolute;
    bottom: 15px;
    background-color: #E6E6E6;
    color: black;
    padding: 5px 0;
    left: -9px;
    border: 1px solid black;
    white-space: nowrap;
}

#Footer.LanguageRedesign .active .LanguageOption {
    color: black;
    padding: 0 5px;
    white-space: nowrap;
    display: block;
}

#Footer.LanguageRedesign .active .LanguageOption:hover {
    color: white;
    background-color: #d6d6d6;
}

#Footer.LanguageRedesign .LanguageTrigger {
    position: relative;
}

#Footer.LanguageRedesign .FooterArrow {
    font-size: 10px;
    position: relative;
    top: -1px;
}

.AdmiPanel {
    border: solid 1px #000;
    bottom: 20px;
    overflow: hidden;
    right: 10px;
    padding-top: 15px;
    position: fixed;
    width: 200px;
}

.AdmiPanel h4 {
    background-color: #ccc;
    border-bottom: solid 1px #000;
    color: #333;
    margin: 0;
    text-align: center;
}

.AdmiPanelExpandCollapse {
    color: green;
    cursor: pointer;
    font-weight: bolder;
    position: absolute;
    right: 2px;
    top: 2px;
}

.Panel {
    border: solid 1px #000;
}

.Panel h4 {
    background-color: #ccc;
    border-bottom: solid 1px #000;
    color: #333;
    margin: 0;
    text-align: center;
}

.MultilineTextBox {
    font-family: Verdana, Sans-Serif;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 5px 5px;
}

.TextBox {
    border: 1px solid #ccc;
    font-family: Verdana, Sans-Serif;
    font-size: 1.2em;
    padding: 5px;
}

.Label {
    font-weight: bold;
}

.BigButton {
    background-color: #F5CD2F;
    color: #000;
    height: 2.5em;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 20px;
    font-weight: bold;
}

.BigButtonDisabled {
    background-color: #C0C0C0;
    color: #000;
    height: 2.5em;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 20px;
    font-weight: bold;
}

.ErrorReporting,
.ErrorReportingThanks {
    width: 500px;
    margin: 16px auto 16px auto;
    padding: 10px;
}

.YesNoButtons {
    text-align: right;
}

.YesButton,
.NoButton {
    background-color: #F5CD2F;
    color: #000;
    margin-left: 10px;
}

.popupControl {
    background-color: #fff;
    border: 1px outset #fff;
    position: absolute;
    visibility: hidden;
    z-index: 1;
}

.ColorPickerItem {
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
}

.ColorPickerItem:hover {
    border-color: #e1e1e1;
    border-style: solid;
    border-width: 2px;
}

.ColorPickerModal {
    display: none;
    border-color: #888;
}

.ColorPickerContainer {
    height: 368px;
    width: 368px;
    margin: 0 auto;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=30);
    opacity: .3;
}

.modalPopup {
    background-color: #ffd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}

.newModalPopup {
    padding: 3px;
}

.GuestModePromptText {
    font-size: 14px;
    color: #333;
    margin-left: 30px;
}

.GuestModePromptText li {
    font-weight: bolder;
}

.PopupMenu {
    background-color: #fff;
    border: solid 1px #666;
    padding: 10px;
    z-index: 1;
}

.PopupMenu .Button {
    line-height: 2.5em;
}

.PopupMenu .Button:hover {
    background-color: #6e99c9;
    color: #fff;
}

.Attention {
    color: Red;
}

.AttentionBold {
    font-weight: bold;
    color: Red;
}

.OKCancelButton {
    width: 80px;
}

.MenuItem {
    color: White;
    font-size: 18px;
    line-height: 2em;
}

a.MenuItem:link,
a.MenuItem:visited,
a.MenuItem:active {
    color: White;
    text-decoration: none;
}

a.MenuItem:hover {
    text-decoration: underline;
}

.Toolbox {
    background-color: ButtonFace;
    padding: 2px;
}

.ToolboxItem {
    border-color: Window;
    border-style: solid;
    border-width: 2px;
    width: 52px;
    height: 52px;
}

.Grid {
    background-color: White;
    border-color: #CCC;
    border-width: 1px;
    border-style: solid;
}

.GridHeader {
    color: White;
    background-color: #6E99C9;
}

.GridItem {
    color: #006;
}

.GridItemAlt {
    color: #006;
    background: #EEE;
}

.GridItem:hover {
    background-color: #DDD;
}

.GridItemAlt:hover {
    background-color: #DDD;
}

.GridFooter {
    color: White;
    background-color: #6E99C9;
}

.GridPager {
    color: White;
    background-color: #6E99C9;
    text-align: center;
    font-weight: bold;
}

.Title {
    font-size: 18px;
}

a.Title:link,
a.Title:visited,
a.Title:active {
    text-decoration: none;
}

a.Title:hover {
    text-decoration: underline;
}

.Header {
    font-size: 14px;
}

.Banner {
    padding: 8px;
}

.BannerText {
    font-weight: bold;
    color: white;
}

a.BannerText:link,
a.BannerText:visited,
a.BannerText:active {
    text-decoration: none;
    color: white;
}

a.BannerText:hover {
    text-decoration: underline;
    color: white;
}

.PageSelector {
    font-family: Verdana, Sans-Serif;
    margin: 0 0 0 10px;
}

.PageSelector label {
    font-weight: bold;
}

.DisplayFilters {
    margin-right: 3px;
    min-width: 0;
    position: relative;
}

.SearchBar {
    background-color: #eee;
    border: solid 1px #bbb;
    height: 30px;
    margin: -5px 0 5px 0;
    padding: 0;
    text-align: center;
}

.SearchBar .SearchBox,
.SearchBar .SearchButton {
    height: 30px;
    margin: 0;
    padding: 0;
}

.SearchBar .TextBox {
    border: solid 1px #000;
    height: 19px;
    margin: 2px 0 0 0;
    padding: 2px 3px 0 3px;
    width: 250px;
}

.SearchLinks {
    display: inline;
    font-family: Verdana, Sans-Serif;
    z-index: 9;
}

.SearchLinks a span {
    display: none;
}

.SearchLinks a:hover {
    border: none;
    text-decoration: none;
}

.SearchLinks a:hover span {
    background-color: #6e99c9;
    border-color: Gray;
    border-style: ridge;
    border-width: 1px;
    color: white;
    display: block;
    font: 11px Verdana, sans-serif;
    left: 15%;
    line-height: 1.4em;
    margin: 5px;
    padding: 5px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 20px;
    width: 60%;
    z-index: 10;
}

.SearchError {
    clear: both;
    margin: 2px;
    float: none;
    padding: 2px;
    text-align: center;
    color: Red;
}

div.SystemAlert {
    width: 906px;
    margin: 0 auto 5px;
    border: 1px solid gray;
    background-color: #FFF;
    text-align: center;
    color: #FFF;
    padding: 1px;
}

.SystemAlertText {
    font-size: 16px;
    font-weight: bold;
    background-color: #F00;
    padding: 2px;
}

.SystemAlert a {
    color: White;
}

.Exclamation {
    background: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Icons/exclamation.png) no-repeat;
    height: 16px;
    width: 16px;
    float: left;
}

.EmailTemplateTable {
    border-collapse: collapse;
}

.EmailTemplateH1 {
    font-size: 18px;
    color: #6E99C9;
}

.EmailTemplateLogoRow {
    padding: 3px;
    margin-bottom: 5px;
}

.EmailTemplateRow {
    padding: 3px;
    margin-bottom: 3px;
    font-size: 14px;
    font-family: Verdana, Helvetica, Sans-Serif;
}

.EmailTemplateRow input {
    font-size: 14px;
    padding: 2px;
    border: 1px solid #CCC;
}

.EmailTemplateRow input:hover {
    font-size: 14px;
    padding: 2px;
    border: 1px solid #CCC;
    background: #6E99C9;
}

.subMenu {
    background: #A3514F;
    background-repeat: repeat-x;
    color: White;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    height: 26px;
    position: relative;
    border-left: solid 3px #6E99C9;
    border-right: solid 3px #6E99C9;
    border-bottom: solid 3px #6E99C9;
    z-index: 5;
}

.subMenu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.subMenu li {
    float: left;
    position: relative;
}

.subMenu a,
.subMenu a:visited {
    display: block;
    padding: 5px;
    border-right: 1px solid #FFF;
    font-size: 14px;
    color: #FFF;
}

.subMenu .subMenuItemselected {
    display: block;
    padding: 5px;
    border-right: 1px solid #FFF;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

.subMenu ul ul a.subMenudrop,
.menu ul ul a.subMenudrop:visited {
    font-weight: bold;
    text-decoration: underline;
}

.subMenu ul ul ul a,
.subMenu ul ul ul a:visited {
    background: #A3514F;
}

.subMenu ul ul ul a:hover {
    text-decoration: underline;
}

.subMenu ul ul {
    visibility: hidden;
    position: absolute;
    height: 0;
    left: 0;
}

.subMenu ul ul ul {
    left: 141px;
    top: 0;
    width: 149px;
}

.subMenu ul ul ul.left {
    left: -149px;
}

.subMenu ul ul a,
.subMenu ul ul a:visited {
    background: #A3514F;
    color: #FFF;
    height: auto;
    padding: 4px 6px;
    line-height: 1em;
    width: 148px;
    margin-left: -1px;
    border-left: 1px solid #FFF;
    border-right: none;
}

.subMenu a:hover,
.subMenu ul ul a:hover {
    text-decoration: underline;
    background: #573333;
}

.subMenu :hover>a,
.subMenu ul ul :hover>a {
    text-decoration: underline;
}

.subMenu ul li:hover ul,
.subMenu ul a:hover ul {
    visibility: visible;
}

.subMenu ul :hover ul ul {
    visibility: hidden;
}

.subMenu ul :hover ul :hover ul {
    visibility: visible;
}

.subMenu table {
    position: absolute;
    top: 0;
    margin-top: 15px;
    left: 0;
    border-collapse: collapse;
    background: #A3514F;
    display: none;
}

.subMenu table a,
.subMenu table a:visited {
    border: none;
    width: 148px;
    padding-top: 8px;
}

#LeftGutterAdContainer,
#GamesTakeoverGutterAdLeft {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -900px;
}

#RightGutterAdContainer,
#GamesTakeoverGutterAdRight {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: 500px;
}

#RightGutterAdContainer.topMargin,
#LeftGutterAdContainer.topMargin,
#GamesTakeoverGutterAdLeft.topMargin,
#GamesTakeoverGutterAdRight.topMargin {
    top: 25px;
}

#GamesTakeoverGutterAdLeft,
#GamesTakeoverGutterAdRight {
    z-index: 1000;
}

.partnerLogo {
    margin-right: 30px;
    vertical-align: middle;
}

.errorMsg {
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 1.5em;
    margin: .83em 0;
    letter-spacing: 1px;
}

.facepile {
    min-height: 0;
}

.JSPager_Container a {
    margin: 0 2px;
}

.JSPager_Container a:hover {
    cursor: pointer;
}

.JSPager_Container a.disabled:hover {
    cursor: default;
}

.JSPager_Container a.disabled {
    color: #000;
    text-decoration: none;
}

#FreeGames .SEOLinksContainer {
    margin: 0 60px 0 0;
    float: left;
    color: #666;
    font-size: 11px;
}

#FreeGames ul {
    list-style: none;
}

.SquareTabGray {
    list-style: none;
    float: left;
    background-color: #D6D6D6;
    padding: 7px;
    border: 1px solid #9e9e9e;
    font: bold 15px arial;
    color: #363636;
    margin: 4px 2px 0 1px;
    border-bottom-width: 0;
    position: relative;
    top: 2px;
}

.SquareTabGray a {
    text-decoration: none;
    color: #363636;
    cursor: pointer;
}

.SquareTabGray a:hover {
    text-decoration: none;
    background-color: #e9e9e9;
}

.SquareTabGray.selected a:hover,
.SquareTabGray.ui-tabs-selected a:hover {
    text-decoration: none;
    background-color: #fff;
}

.SquareTabGray:hover {
    background-color: #e9e9e9;
    cursor: pointer;
}

.SquareTabGray.selected,
.SquareTabGray.selected:hover,
.SquareTabGray.ui-tabs-selected,
.SquareTabGray.ui-tabs-selected:hover {
    background-color: #fff;
    margin-top: 0;
    padding: 9px 7px 12px 7px;
    border-bottom: 1px solid #fff;
    position: relative;
    top: 1px;
    border-color: #ccc;
}

.TabContent {
    display: none;
}

.TabContent.selected {
    display: block;
}

.StandardPanelContainer {
    position: relative;
    clear: both;
    padding-left: 5px;
}

.StandardPanelContainer .StandardPanelWhite {
    background-color: #fff;
    position: relative;
    left: -5px;
    top: -1px;
    width: 100%;
    padding: 6px;
    margin-bottom: -6px;
}

.WhiteSquareTabsContainer {
    background: url('http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Icons/MyMoney_fakeborderbg2.png') bottom repeat-x;
    width: 100%;
    position: relative;
    padding: 0 0 0 5px;
    display: inline-block;
    margin: 0;
}

.GreenBuyNowBtn.small {
    background: url('http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/btn-buynow_grn_sm_v2.png') top left no-repeat;
    width: 72px;
    height: 23px;
    display: inline-block;
    margin: 1px;
}

.GreenBuyNowBtn.medium {
    background: url('http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/btn-buynow_grn_m_v2.png') top left no-repeat;
    width: 112px;
    height: 34px;
    display: block;
    margin: 1px;
}

.GreenBuyNowBtn.small:hover,
.GreenBuyNowBtn.medium:hover {
    background-position: bottom left;
    cursor: pointer;
}

.GreenBuyNowBtn.small.BtnDisabled {
    background-position: 0 -23px;
    cursor: default;
}

.GreenBuyNowBtn.medium.BtnDisabled {
    background-position: 0 -34px;
    cursor: default;
}

.GreenBuyNowSharpBtn.small.rentable {
    background: url('http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/btn-rent-small.png') top left no-repeat;
    width: 60px;
    height: 23px;
    display: inline-block;
    margin: 1px;
}

.SuperSafePanel {
    position: relative;
    display: block;
    height: 0;
    z-index: 1001;
}

img.SuperSafePrivacyModeImg:hover {
    cursor: pointer;
}

#CreateSetPopupContainerDiv .SuperSafePanel {
    left: 324px;
}

#Container.unfixed,
#MasterContainer.unfixed {
    width: 970px;
}

.mySubmenuFixed.unfixed {
    position: relative !important;
    top: 0 !important;
}

#SmallHeaderContainer #Banner.unfixed {
    position: relative;
    height: 36px;
    width: 970px;
}

#HeaderContainer #Banner.unfixed {
    position: relative;
    height: 36px;
    width: 970px;
}

#SmallHeaderContainer.unfixed {
    position: relative;
}

.forceSpaceUnderSubmenu {
    height: 23px;
    display: block;
}

.forceSpaceUnderSubmenu.unfixed {
    display: none;
}

#Container #Banner.unfixed,
#Container .site-header.unfixed {
    position: relative;
}

.forceSpace {
    display: block;
    width: 100%;
    height: 40px;
    padding-top: 0;
}

.forceSpace.unfixed {
    height: 3px;
}

/* ~/CSS/Base/CSS/iFrameLogin.css */
#iFrameLogin {
    position: absolute;
    top: 26px;
    right: 0;
    width: 340px;
    height: 80px;
    border: 1px solid #0C3060;
    border-top: none;
}

.fbSplashPageConnect {
    margin: 5px 0;
}

#facebookSignIn {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 10px;
}

a.facebook-login,
a.facebook-login:visited {
    display: inline-block;
    text-decoration: none;
    font-weight: normal !important;
    font-size: 12px !important;
}

a.facebook-login:hover span.left,
a.facebook-login:hover span.middle {
    background-position: left bottom;
}

a.facebook-login:hover span.right {
    background-position: right bottom;
}

a.facebook-login span.left,
a.facebook-login span.right,
a.facebook-login span.middle {
    float: left;
    height: 25px;
    line-height: 14px;
}

a.facebook-login span.left {
    width: 27px;
    background: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/facebook/bg-fblogin_sides.png) left top no-repeat;
}

a.facebook-login span.middle {
    height: 18px;
    width: auto;
    background: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/facebook/bg-fblogin_middle.png) left top repeat-x;
    color: #394f7d;
    padding: 7px 2px 0 6px;
}

a.facebook-login span.middle span {
    display: block;
    color: #fff;
    position: relative;
    bottom: 16px;
}

a.facebook-login span.right {
    width: 5px;
    background: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/facebook/bg-fblogin_sides.png) right top no-repeat;
}

.LoginFormLabel {
    font: normal 11px arial;
    color: black;
}

.LoginFormInput {
    width: 150px;
    height: 19px;
    border: 1px solid #A7A7A7;
    background: #fff;
    padding-left: 4px;
    *margin-left: -10px;
}

.LoginFormFieldSet {
    position: relative;
    height: 39px;
    *margin-top: -10px;
}

.UserNameDiv {
    float: left;
    width: 156px;
}

.PasswordDiv {
    float: right;
    width: 158px;
    position: relative;
}

.ResetPassword {
    font: normal 11px Arial;
    color: #095FB5;
    right: 0;
    position: absolute;
}

.newLogin {
    margin: 10px;
}

#SocialNetworkSignIn {
    border-top: 1px solid #ACACAC;
}

.iFrameBlueLogin {
    background: url("http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/btn-login.png") no-repeat;
    background-position: 0 0;
    height: 23px;
    width: 54px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
}

.iFrameBlueLogin:hover {
    background-position: 0 -23px;
}

.iframe-login-signup {
    margin-top: 6px;
    float: right;
    position: relative;
}

.header-login .grey-arrow {
    color: #666;
    font-size: 12px;
}

.btn-control.btn-control-large.header-login.active {
    background-image: none;
    background-color: #e1e1e1;
    border-color: #000;
}

.header-login {
    font-weight: bold;
    display: inline-block;
    width: 62px;
    position: relative;
    cursor: pointer;
    letter-spacing: -1px;
}

.header-signup {
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    position: relative;
    *top: -2px;
}

#header-or {
    font-family: Arial;
    font-weight: normal;
    color: #9Ec3E7;
    font-size: 13px;
    position: relative;
    margin: 0 6px;
    *top: -2px;
}

.login-frame {
    height: 100%;
    width: 100%;
}

/* ~/CSS/Base/CSS/GenericModal.css */
.GenericModal .Title,
.ConfirmationModal .Title {
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 27px;
    color: #363636;
    margin: 5px;
    letter-spacing: -1px;
}

.GenericModal {
    padding: 5px;
    *top: -150px;
}

.GenericModalBody {
    background-color: #fff;
    padding: 10px;
}

.GenericModal .Message {
    display: inline-block;
    width: 275px;
    vertical-align: middle;
    font: bold 15px Arial, Helvetica, Sans-Serif;
    letter-spacing: 0;
    font-size-adjust: none;
    font-stretch: normal;
    margin-bottom: 5px;
    float: none;
}

.GenericModal.noImage .Message {
    width: 100%;
    text-align: center;
}

.GenericModal div.ImageContainer {
    display: inline-block;
    height: 110px;
    width: 110px;
    overflow: hidden;
    vertical-align: middle;
    margin-left: -15px;
    *float: left;
    *margin-left: 0;
}

.GenericModal.noImage div.ImageContainer {
    display: none;
}

.GenericModal img.GenericModalImage {
    display: inline-block;
    max-height: 110px;
    max-width: 110px;
}

.GenericModal .GenericModalButtonContainer {
    text-align: center;
    margin: 5px auto;
}

.largeModal .GenericModalBody {
    position: relative;
}

.largeModal div.ImageContainer {
    position: absolute;
    left: 35px;
    top: 50%;
    margin-top: -55px;
}

div.GenericModalErrorMessage {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
}

.ConfirmationModal .BlueYes {
    background: url("http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/blue_yes2.png") top;
    width: 101px;
}

.ConfirmationModal .BlueNo {
    background: url("http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/blue_no.png") top;
    width: 106px;
}

.ConfirmationModal .GreyYes {
    background: url("http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/grey_yes.png") top;
    width: 112px;
}

.ConfirmationModal .GreyNo {
    background: url("http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/grey_no2.png") top;
    width: 100px;
}

.ConfirmationModal .GreyNo,
.ConfirmationModal .GreyYes,
.ConfirmationModal .BlueYes,
.ConfirmationModal .BlueNo,
.SwitchNowButton,
.NoThanksButton {
    height: 50px;
    display: inline-block;
    cursor: pointer;
    margin-right: 4px;
}

.ConfirmationModal .GreyNo:hover,
.ConfirmationModal .GreyYes:hover,
.ConfirmationModal .BlueNo:hover,
.ConfirmationModal .BlueYes:hover,
.SwitchNowButton,
.NoThanksButton {
    background-position: bottom;
    cursor: pointer;
}

.ConfirmationModalButtonContainer {
    clear: both;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 1px;
    height: 50px;
}

.ConfirmationModalButtonContainer a {
    margin-right: 6px;
    cursor: pointer;
}

.ConfirmationModalFooter {
    letter-spacing: normal;
    color: #666;
    font: normal 12px Arial, Helvetica, Sans-Serif;
    text-align: center;
    padding-bottom: 7px;
}

.ConfirmationModal.noImage .Message {
    max-width: 395px;
    width: 395px;
    text-align: center;
    position: relative;
    left: 0;
    top: 4px;
}

.ConfirmationModal .Message {
    margin-top: 0;
    float: none;
    width: 270px;
    position: relative;
    top: 30%;
    left: 127px;
    vertical-align: middle;
    font: bold 15px Arial, Helvetica, Sans-Serif;
    letter-spacing: 0;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: left;
    *left: 63px;
    *top: 20%;
}

.ConfirmationModal div.ImageContainer {
    position: absolute;
    height: 110px;
    width: 110px;
    *left: 20px;
}

.ConfirmationModal.noImage div.ImageContainer {
    display: none;
}

.ConfirmationModal img.GenericModalImage {
    display: inline-block;
    max-height: 110px;
    max-width: 110px;
}

div.ConfirmationModal div.GenericModalBody {
    padding: 0;
}

div.ConfirmationModal.noImage div.TopBody {
    overflow: hidden;
    padding: 15px 15px 20px 15px;
    height: auto;
}

div.ConfirmationModal div.TopBody {
    padding: 15px 15px 22px 15px;
    height: 110px;
}

div.ConfirmationModal {
    padding: 5px;
    *top: -150px;
}

a.genericmodal-close {
    margin-left: 400px;
}

/* ~/CSS/Base/CSS/UnifiedModal.css */
.unifiedModal {
    background-color: #e1e1e1;
    font: bold 27px Arial;
    letter-spacing: -2px;
    color: #363636;
    border: 2px solid #272727;
    text-align: center;
    position: relative;
}

.unifiedModalContent {
    text-align: left;
    background-color: White;
    color: #000;
    font: Bold 15px Arial;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    letter-spacing: normal;
}

.unifiedModalSubtext {
    color: #666;
    font: bold 12px Arial;
    border: none;
    letter-spacing: normal;
    cursor: pointer;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 5px;
}

.smallModal {
    width: 425px;
}

.closeBtnCircle_20h:hover {
    background-position: 0 20px;
}

.closeBtnCircle_20h {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
    background: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/btn-x.png);
}

.unifiedModal .smallModal .closeBtnCircle_20h {
    margin-left: 395px;
}

/* ~/CSS/Base/CSS/Profile.css */
legend span {
    color: #777;
    line-height: 6px;
}

#EditProfileContainer {
    background-color: #eee;
    border: solid 1px #000;
    color: #555;
    margin: 0 auto;
    width: 620px;
}

#EditProfileContainer h2 {
    background-color: #ccc;
    border-bottom: solid 1px #000;
    color: #333;
    font-size: x-large;
    margin: 0;
    text-align: center;
}

#EditProfileContainer h3 {
    text-align: center;
}

#EditProfileContainer fieldset {
    font-size: 1.2em;
    margin: 15px 0 0 0;
}

#EditProfileContainer .MultilineTextBox {
    width: 250px;
}

#EditProfileContainer .TextBox {
    vertical-align: middle;
    width: 150px;
}

#EditProfileContainer .Label {
    vertical-align: middle;
}

#EditProfileContainer #Confirmation {
    border: dashed 1px #f00;
    background-color: #ccc;
    color: #f00;
    font-family: Verdana, Sans-Serif;
    margin: 0 auto;
    margin-top: 10px;
    padding: 10px 5px;
    text-align: center;
    width: 410px;
}

#EditProfileContainer #AgeGroup,
#EditProfileContainer #ChatMode,
#EditProfileContainer #PrivacyMode,
#EditProfileContainer #ResetPassword,
#EditProfileContainer #Blurb {
    margin: 0 auto;
    width: 60%;
}

#EditProfileContainer #EnterEmail {
    margin: 0 auto;
    width: 60%;
    text-align: left;
}

#EditProfileContainer .Buttons {
    margin: 20px 0 20px 0;
    text-align: center;
}

#EditProfileContainer .AgeGroupRow,
#EditProfileContainer .ChatModeRow {
    font-size: .9em;
    margin: 10px 0 10px 100px;
}

#EditProfileContainer .ResetPasswordRow {
    margin: 10px 0;
    text-align: center;
}

#EditProfileContainer .BlurbRow {
    padding: 10px 4px 10px 4px;
    text-align: right;
}

#EditProfileContainer .Legend {
    color: Blue;
    margin-left: 9px;
}

#EditProfileContainer .Suggestion {
    font: normal .8em/normal Verdana, sans-serif;
    padding-left: 9px;
}

#EditProfileContainer .Validators {
    margin-left: 9px;
}

.GrayButton,
.GrayButton:link,
.GrayButton:visited,
.GrayButton:active {
    background: url(/images/buttons/StyleGuide/bg-form_btn_lg-tile.png) repeat-x top left;
    border: 1px solid #777;
    padding: 4px 8px 0;
    height: 21px;
    font: 13px Arial, Helvetica, sans-serif;
    color: #000;
    text-align: center;
    display: block;
    float: left;
}

.GrayButton:hover {
    background-position: bottom left;
    border-color: #888;
    text-decoration: none;
}

.GrayButton.Disabled {
    border: 1px solid #ccc;
    color: #a7a7a7;
    cursor: default;
}

.GrayButton.Disabled:hover {
    background-position: top left;
}

.GrayDropdown {
    position: relative;
    text-align: left;
    display: block;
    float: left;
}

.GrayDropdown .Button {
    background: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/buttons/bg-drop_down_btn.png) no-repeat right top;
    border: 1px solid #777;
    padding: 4px 17px 0 8px;
    height: 21px;
    font: 13px Arial, Helvetica, sans-serif;
    color: #000;
    text-align: center;
    display: block;
    position: relative;
    z-index: 2;
}

.GrayDropdown .Button:hover {
    background-position: right center;
    border-color: #888;
    text-decoration: none;
}

.GrayDropdown .Button.Active {
    background-position: right bottom;
    border-bottom: none;
    height: 22px;
}

.GrayDropdown .Menu {
    background-color: #efefef;
    border: 1px solid #777;
    position: absolute;
    top: 26px;
    z-index: 1;
    font: 12px normal Arial, Helvetica, sans-serif;
    width: 100px;
    display: none;
}

.GrayDropdown .Menu .Item {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 2px 8px;
    margin: 4px 0;
    cursor: pointer;
}

.GrayDropdown .Menu .Item.Disabled {
    color: #A7A7A7;
}

.GrayDropdown .Menu .Item:hover {
    background-color: #095fb5;
    color: #fff;
}

.GrayDropdown .Menu .Item.Disabled:hover {
    background-color: inherit;
    color: #a7a7a7;
    cursor: default;
}

.SendMessageProfileBtnDiv {
    position: relative;
    display: inline-block;
    float: left;
}

.SendMessageProfileBtnDiv .SuperSafePanel {
    left: 7px;
}

#updateStatusBox .SuperSafePanel {
    left: 474px;
}

.friend-request-button:hover {
    cursor: pointer;
}

.friend-request-button.Disabled:hover {
    cursor: default;
}

/* ~/CSS/Base/CSS/StyleGuide.css */
body {
    background-color: #fff;
    margin: 0;
}

body,
.text,
pre {
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 12px;
}

.text {
    font-weight: normal;
}

.tip-text {
    padding-top: 2px;
    color: #666;
    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: #363636;
    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: #000;
    text-transform: uppercase;
}

h2.title {
    margin-top: 20px;
    margin-bottom: 20px;
}

h2.light {
    font-size: 16px;
    font-weight: normal;
    color: #000;
}

h3,
h3 a {
    font-size: 15px;
    font-weight: bold;
    color: #363636;
}

.divider-top {
    border-top: 1px solid #ccc;
}

.divider-bottom {
    border-bottom: 1px solid #ccc;
}

.divider-left {
    border-left: 1px solid #ccc;
}

.divider-right {
    border-right: 1px solid #ccc;
}

.blank-box {
    border: 1px solid #ccc;
}

.dark-box {
    border: 1px solid #bcbcbc;
    background: #e1e1e1;
    padding: 5px;
}

.sub-divider-bottom {
    border-bottom: 1px solid #ededed;
}

a.text-link {
    font-weight: normal;
    text-decoration: none;
    color: #095fb5;
}

a.text-link:hover {
    text-decoration: underline;
}

.table td,
.table th {
    padding: 5px;
    border-top: 1px solid #ccc;
    margin: 0;
    float: left;
    text-align: left;
}

table.table {
    border-top: 1px solid #9e9e9e;
}

.table-header th {
    border-left: 1px solid #ccc;
    font-weight: bold;
    background-color: #f1f1f1;
    border-top: none;
}

.table-header .first {
    border-left: 1px solid #f1f1f1;
}

.tool-tip {
    border: 1px solid #ccc;
    font-weight: normal;
    font-size: 12px;
    margin-left: 20px;
    position: relative;
    width: 120px;
    padding: 5px;
}

.tool-tip span {
    color: #a00;
}

.tool-tip .right {
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -5px;
}

.tool-tip .bottom {
    position: absolute;
    top: -10px;
    left: 5px;
}

.validator-checkmark {
    width: 15px;
    height: 13px;
    background: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/UI/img-check.png) no-repeat;
    margin-left: 5px;
    display: none;
}

.text-box {
    border: 1px solid #a7a7a7;
    padding: 0 3px;
    font-weight: normal;
}

.text-box.text-box-small {
    height: 18px;
    font-size: 11px;
    line-height: 18px;
    border: 1px solid #a7a7a7;
}

.text-box.text-box-medium {
    height: 21px;
    font-size: 12px;
    line-height: 19px;
}

.text-box.text-box-large {
    height: 25px;
    line-height: 24px;
    font-size: 13px;
}

.text-box.text-area-medium {
    line-height: 19px;
}

.btn-control,
.btn-control:active,
.btn-control:link,
.btn-control:visited,
.btn-control:hover {
    border: 1px solid #777;
    padding: 0 6px;
    color: #000;
    text-decoration: none;
    background-color: #ccc;
    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: #888;
    text-decoration: none;
}

.btn-control.disabled {
    border: 1px solid #ccc;
    cursor: default;
    color: #a7a7a7;
    background-position: center;
}

.btn-control.btn-control-small {
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    background-image: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/StyleGuide/btn-control-small-tile.png);
}

.btn-control.btn-control-medium {
    height: 21px;
    line-height: 21px;
    font-size: 12px;
    background-image: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/StyleGuide/btn-control-medium-tile.png);
}

.btn-control.btn-control-large {
    height: 25px;
    line-height: 24px;
    font-size: 13px;
    padding: 0 7px;
    background-image: url(/images/buttons/StyleGuide/btn-control-large-tile.png);
}

a.btn-control.top-level {
    font-weight: bold;
}

.btn-large,
.btn-medium,
.btn-small {
    margin: 0;
    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;
    *vertical-align: top;
}

.PurchaseModal .btn-large,
.PurchaseModal .btn-medium,
.PurchaseModal .btn-small {
    *margin-right: 5px;
    *vertical-align: top;
}

.btn-large {
    padding: 9px 13px 0 13px;
    height: 39px;
    min-width: 70px;
    font-size: 23px;
    line-height: 27px;
    background-position: left 0;
}

.btn-large:hover,
.btn-medium:hover,
.btn-small:hover {
    text-decoration: none;
}

.btn-large:hover {
    background-position: left -48px;
}

.btn-medium {
    padding: 4px 13px 0 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 0 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: #007001;
    background-color: #007001;
    background-image: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/StyleGuide/bg-btn-green.png);
    color: #013401;
}

.btn-neutral,
.btn-neutral:link,
.btn-neutral:active,
.btn-neutral:visited {
    border-color: #0852b7;
    background-color: #0852b7;
    background-image: url(/images/buttons/StyleGuide/bg-btn-blue.png);
    color: #00243d;
}

.btn-negative,
.btn-negative:link,
.btn-negative:active,
.btn-negative:visited {
    border-color: #565656;
    background-color: #565656;
    background-image: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/StyleGuide/bg-btn-gray.png);
    color: #222;
}

.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: #99c699;
    background-image: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/StyleGuide/bg-btn-green.png);
    border-color: #99c699;
    color: #9aa89a;
}

.btn-disabled-neutral,
.btn-disabled-neutral:link,
.btn-disabled-neutral:active,
.btn-disabled-neutral:visited {
    background-color: #9cbae2;
    background-image: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/StyleGuide/bg-btn-blue.png);
    border-color: #9cbae2;
    color: #99a7b1;
}

.btn-none {
    display: none;
}

.btn-disabled-negative,
.btn-disabled-negative:link,
.btn-disabled-negative:active,
.btn-disabled-negative:visited {
    background-color: #bbbcbb;
    background-image: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/StyleGuide/bg-btn-gray.png);
    border-color: #bbbcbb;
    color: #a5a5a5;
}

.btn-text {
    display: block;
    margin: 0;
    position: relative;
    color: #fff;
}

.btn-text:hover {
    text-decoration: none;
}

.btn-large .btn-text {
    bottom: 26px;
}

.btn-medium .btn-text {
    bottom: 22px;
}

.btn-small .btn-text {
    bottom: 17px;
}

.btn-large-green-play,
.btn-play,
.btn-play:active,
.btn-play:visited,
.btn-play:link {
    padding-left: 60px;
    border-color: #007001;
    background: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/StyleGuide/bg-lg-green-play.png) no-repeat left top;
    color: #013401;
    min-width: 26px;
}

.blue-arrow {
    background: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/StyleGuide/bg-btn-blue-arrow-md.png) right top;
    border-color: #0852b7;
    color: #00243d;
    padding-right: 36px;
    min-width: 41px;
}

.gray-arrow {
    background: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/StyleGuide/bg-btn-gray-arrow-md.png) right top;
    border-color: #565656;
    color: #222;
    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(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/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(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/StyleGuide/bg-btn-gray-arrow-md.png) right -32px;
    border-color: #bbbcbb;
    color: #a5a5a5;
    padding-right: 36px;
    cursor: default;
    min-width: 41px;
}

.pager.first,
.pager.last {
    display: none;
}

.pager.previous {
    display: inline-block;
    background: url('http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/Arrows/btn-silver-left-27.png') no-repeat top left;
    width: 27px;
    height: 27px;
}

.pager.next {
    display: inline-block;
    background: url('http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/Arrows/btn-silver-right-27.png') no-repeat top left;
    width: 27px;
    height: 27px;
}

.page.text {
    position: relative;
    top: -8px;
    padding: 5px;
    *top: -4px;
}

.pager.previous:hover,
.pager.next:hover {
    background-position: bottom left;
    cursor: pointer;
}

.pager.disabled,
.pager.disabled:hover {
    background-position: 0 -27px;
    cursor: default;
}

.dropdown {
    position: relative;
    text-align: left;
    display: block;
    float: left;
}

.dropdown .button {
    background: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/buttons/bg-drop_down_btn.png) no-repeat right top;
    font-size: 13px;
    color: #000;
    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: #888;
    text-decoration: none;
}

.dropdown .button.active {
    background-position: right bottom;
    border-bottom: none;
}

.dropdown .button.gear {
    background-image: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/BuildPage/btn-gear_sprite_27px.png);
    height: 27px;
    border: none;
    bottom: 0;
    width: 40px;
    padding: 0;
}

.dropdown .dropdown-list {
    background-color: #efefef;
    border: 1px solid #777;
    position: absolute;
    top: 26px;
    z-index: 1;
    font-size: 12px;
    font-weight: normal;
    display: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    white-space: nowrap;
}

.dropdown .dropdown-list li {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 2px 8px;
    margin: 4px 0;
    cursor: pointer;
}

.dropdown .dropdown-list li:hover {
    background-color: #095fb5;
    color: #fff;
}

.dropdown .dropdown-list li a {
    display: block;
    color: inherit;
    text-decoration: none;
}

span.robux {
    background: url('http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Icons/img-robux.png') no-repeat 0 1px;
    color: #060;
    font-weight: bold;
    padding: 0 0 2px 20px;
    font-size: 12px;
}

span.tickets {
    background: url('http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Tickets.png') no-repeat 0 1px;
    color: #A61;
    padding: 0 0 2px 20px;
    font-weight: bold;
    font-size: 12px;
}

.robux-text {
    color: #060;
    font-weight: bold;
}

.form-outer {
    overflow: hidden;
    width: 100%;
    clear: both;
}

.form-label {
    font-size: 13px;
    color: black;
    font-weight: bold;
}

.form-inner.label-column {
    float: left;
    margin-right: 5px;
}

.form-label {
    font-size: 13px;
    color: black;
    font-weight: bold;
}

.form-inner.input-column {
    overflow: hidden;
    text-align: left;
}

.form-select {
    margin: 0 5px 0;
    height: 21px;
}

.emphasizedText {
    font-style: italic;
}

.error-message {
    color: black;
    background-color: #FAE5E5;
    border: solid 1px #c00;
    margin-bottom: 10px;
    text-align: left;
    padding: 3px 10px;
}

.footnote {
    color: #666;
}

.urgent-text {
    color: #c00;
    font-weight: bold;
}

a[disabled=disabled],
a[disabled=disabled]:hover,
a[disabled],
a[disabled]:hover {
    text-decoration: none;
    cursor: default;
    color: #808080;
}

.stat-label {
    font-size: 11px;
    color: #888;
    line-height: 1.5em;
}

.stat {
    font-size: 11px;
    color: #000;
    line-height: 1.5em;
}

.hint-text {
    font-style: italic;
    color: #ccc;
}

.status-confirm {
    background-color: #e5effa;
    border: 1px solid #06C;
    padding: 5px 10px;
}

.status-error {
    background-color: #FAE5E5;
    border: 1px solid #C00;
    padding: 5px 10px;
}

.info-tool-tip {
    background: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/questionmark-12x12.png) no-repeat;
    padding-left: 10px;
}

.tab-container {
    overflow: hidden;
    padding-left: 5px;
}

.redesign .tab_white_31h_container .ajax__tab_inner,
.tab {
    float: left;
    background-color: #D6D6D6;
    padding: 7px;
    border: 1px solid #9e9e9e;
    font: bold 15px arial;
    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 {
    background-color: #e9e9e9;
    cursor: pointer;
}

#ItemContainer .redesign .tab_white_31h_container .ajax__tab_inner h3,
.tab a {
    color: #363636;
    font-size: 15px;
    font-weight: bold;
}

.redesign .tab_white_31h_container .ajax__tab_active .ajax__tab_inner,
.tab.active {
    background-color: #fff;
    margin-top: 0;
    padding: 9px 7px 9px 7px;
    border-bottom: 0;
    position: relative;
    border-color: #ccc;
    z-index: 1;
    margin: 0 1px 0 0;
    top: 1px;
}

.redesign .tab_white_31h_container .ajax__tab_panel,
.tab-content {
    top: -1px;
    position: relative;
    background-color: #fff;
    border-top: 1px solid #CCC;
}

.arrow {
    cursor: pointer;
    background-repeat: no-repeat;
    width: 17px;
    height: 50px;
    display: inline-block;
}

.arrow:hover {
    background-position: 0 -51px;
}

.arrow.disabled {
    cursor: default;
    background-position: 0 -102px;
    width: 17px;
    height: 50px;
}

.arrow.left {
    background-image: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/GamesPage/arrow_left.png);
}

.arrow.right {
    background-image: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/GamesPage/arrow_right.png);
}

.online-player {
    font-size: 12px;
    color: #393;
}

.invisible {
    display: none;
}

.selected-text {
    font-weight: bold;
}

.verticaltab {
    text-decoration: none;
}

.verticaltab:hover {
    background: #EFEFEF;
}

.verticaltab.disabled:hover {
    background: none;
    border: none;
    text-decoration: none;
    cursor: default;
}

.verticaltab.selected {
    background: #EFEFEF;
    border: 1px solid #CCC;
    font-weight: bold;
    border-right: none;
    text-align: left;
}

.verticaltab a {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
    color: #363636;
    position: relative;
    display: block;
    z-index: 2;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    padding-left: 15px;
}

.verticaltab a:hover,
.verticaltab a:active {
    text-decoration: none;
}

.verticaltab.disabled a:hover {
    cursor: default;
}

.validation-summary-errors {
    background-color: #FAE5E5;
    border: 1px solid #C00;
    padding: 5px 0 5px 5px;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    margin-bottom: 10px;
}

.validation-summary-errors ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.nav {
    margin-bottom: 20px;
    margin-left: 0;
    list-style: none;
}

.nav li {
    display: inline;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #eee;
}

.nav-pills>li>a {
    padding: 4px 12px 4px 12px;
    margin: 2px 2px 2px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 14px;
    text-decoration: none;
    color: #095FB5;
    font-size: 13px;
}

.nav-pills>.active>a,
.nav-pills>.active>a:hover,
.nav-pills>.active>a:focus {
    color: #fff;
    background-color: #36c;
}

/* ~/CSS/Pages/IDE/Welcome.css */
* {
    margin: 0;
    padding: 0;
}

html,
body {
    position: relative;
    height: 100%;
    min-height: 400px;
    min-width: 800px;
}

body#StudioWelcomeBody {
    padding: 0;
}

.header {
    margin-left: -6px;
    height: 84px;
    background: url('/images/IDE/bg-header.png') repeat-x;
}

.header img {
    margin-left: 15px;
    margin-top: 16px;
    position: absolute;
}

.container {
    margin-left: 4px;
    margin-top: 20px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    overflow: auto;
}

.navbar {
    float: left;
    width: 147px;
    margin-left: 11px;
    border-right: 1px solid;
    border-color: #CCC;
}

#StudioRecentFiles {
    padding-top: 12px;
    margin-left: 15px;
    padding-bottom: 1px;
    font-size: 13px;
    font-weight: bold;
}

.main {
    margin-left: 175px;
    margin-top: 16px;
}

.main div.welcome-content-area {
    overflow-x: hidden;
    overflow-y: auto;
    height: 555px;
    min-height: 300px;
    max-height: 555px;
}

.navlist,
.filelist {
    list-style-type: none;
}

.navlist {
    padding-bottom: 6px;
    *margin-bottom: 14px;
}

ul.navlist {
    font-size: 14px;
    border-bottom: 1px solid;
    border-color: #EEE;
}

.navlist li {
    line-height: 25px;
    height: 25px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-color: #FFF;
}

.navlist li.navselected {
    background-color: #EFEFEF;
    border-color: #CCC;
    font-weight: bold;
}

.navlist li.navselected:hover {
    background-color: #EFEFEF;
    border-color: #CCC;
    font-weight: bold;
}

.navlist li:hover {
    background-color: #EFEFEF;
    border-color: #EFEFEF;
    cursor: pointer;
}

.navlist li p {
    margin-left: 13px;
}

.filelist {
    margin-left: 15px;
}

.filelist li {
    margin-top: 2px;
}

.filelist li a {
    text-decoration: none;
    color: #095FB5;
    font-size: 12px;
    cursor: pointer;
}

.filelist li a:hover {
    text-decoration: underline;
}

#userName {
    color: black;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 4px;
}

#header-login-wrapper {
    margin-top: 26px;
    margin-right: 10px;
    float: right;
    position: relative;
}

#logout {
    color: black;
    padding-top: 0;
    height: 27px;
    top: 0;
    *padding: 0;
    *margin-bottom: -5px;
}

.header-signup {
    margin-right: 5px;
    color: black;
    font-weight: bold;
}

.header-signup:hover,
#logout:hover {
    cursor: pointer;
}

#logout {
    font-weight: bold;
}

#HomeLink {
    position: absolute;
    top: 35px;
    left: 375px;
}

#userName p {
    display: inline-block;
    margin-left: 10px;
    top: -8px;
    position: relative;
}

#userName form {
    display: inline-block;
    margin-left: 10px;
}

.studioiFrameLogin #iFrameLogin {
    border-color: black;
    border: solid 1px;
    margin-top: -1px;
    z-index: 999;
}

.studioiFrameLogin #login-span #header-login {
    z-index: 2;
}

#header-or {
    font-family: Arial;
    font-weight: normal;
    color: black;
    font-size: 13px;
    position: relative;
    margin: 0 6px;
}

#MyProjectsView h2 {
    margin-bottom: 20px;
}

.place {
    display: inline-block;
    height: 128px;
    padding: 9px 11px 19px 11px;
    margin-right: -3px;
    border: 1px solid;
    border-color: #FFF;
    z-index: 0;
    margin-bottom: 10px;
}

.place:hover,
.place img:hover,
.place-selected {
    position: relative;
    background: url('http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/IDE/bg-selected_thumb.png') repeat-x;
    border: 1px solid;
    border-color: #A7A7A7;
    cursor: pointer;
}

.place img {
    position: relative;
}

.place p {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    margin-top: 4px;
    width: 210px;
}

#newgametext {
    font-size: 32px;
    color: #888;
    position: relative;
    bottom: 96px;
    left: 100px;
    z-index: 2;
    width: 50px;
    font-weight: bold;
}

a.game-image {
    color: inherit;
    text-decoration: none;
    border: none;
    width: 0;
    height: 0;
}

a.game-image img {
    border: none;
    display: block;
}

a.game-image img:hover {
    border: none;
}

div#MoreGames {
    text-align: center;
    margin-bottom: 10px;
}

.place p#createNewText {
    position: relative;
    top: -77px;
}

.place img.placeThumbnail {
    width: 210px;
    height: 115px;
}

div#ButtonRow {
    display: none;
    position: fixed;
    background-color: #EFEFEF;
    left: 162px;
    z-index: 3;
    bottom: 0;
    padding: 20px;
    width: 100%;
}

div#ButtonRow a {
    margin-right: 10px;
}

/* ~/CSS/Pages/IDE/BuildTemplates.css */
#StudioGameTemplates {
    font-weight: bold;
    font-size: 16px;
    margin-left: 4px;
}

.templates {
    margin-top: 13px;
    display: none;
}

.templates div {
    *display: inline;
}

.template {
    display: inline-block;
    height: 128px;
    padding: 9px 14px 19px 14px;
    margin-right: -3px;
    border: 1px solid;
    border-color: #FFF;
    z-index: 0;
}

.template:hover,
.template img:hover {
    position: relative;
    background: url('/images/IDE/bg-selected_thumb.png') repeat-x;
    border: 1px solid;
    border-color: #A7A7A7;
    cursor: pointer;
}

.template img {
    position: relative;
}

.template p {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    margin-top: 4px;
}

.templatetypes,
.templateList {
    list-style-type: none;
}

ul.templatetypes {
    margin-top: 12px;
    margin-left: 4px;
}

div.templatetypes {
    position: relative;
    z-index: 1;
}

.templatetypes li {
    display: inline;
    margin-right: 15px;
}

.templatetypes li a {
    text-decoration: none;
    font-size: 13px;
    color: #095FB5;
}

.templatetypes li a:hover {
    text-decoration: underline;
}

.tool-tip {
    border: 1px solid #ccc;
    font: normal 12px Arial, Helvetica, sans-serif;
    margin-left: 9px;
    margin-top: 9px;
    position: absolute;
    width: 284px;
    padding-left: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 2px;
    float: left;
    z-index: 1;
    background-color: #FFF;
}

.tool-tip .top {
    position: absolute;
    top: -10px;
    left: 5px;
    z-index: 5;
}

li.selectedType a {
    font-weight: bold;
    color: black;
    cursor: text;
}

li.selectedType a:hover {
    text-decoration: none;
}

.tool-tip a.closeButton {
    background: url("http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/btn-x-sm.png") 0 -13px;
    z-index: 2;
    float: right;
    width: 13px;
    height: 13px;
    cursor: pointer;
    margin-top: -14px;
}

.tool-tip a.closeButton:hover {
    background: url("http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/btn-x-sm.png") 0 0;
    width: 13px;
}

a.game-image {
    color: inherit;
    text-decoration: none;
    border: none;
    width: 0;
    height: 0;
}

a.game-image img {
    border: none;
    display: block;
}

a.game-image img:hover {
    border: none;
}

.GenericModal.unifiedModal {
    background-color: #e1e1e1;
    font: bold 27px Arial;
    letter-spacing: -2px;
    color: #363636;
    border: 2px solid #272727;
    text-align: center;
    position: relative;
}

.GenericModal.unifiedModalContent {
    text-align: left;
    background-color: White;
    color: #000;
    font: Bold 15px Arial;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    letter-spacing: normal;
}

.GenericModal.unifiedModalSubtext {
    color: #666;
    font: bold 12px Arial;
    border: none;
    letter-spacing: normal;
    cursor: pointer;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 5px;
}

.GenericModal.smallModal {
    width: 425px;
}

.GenericModal.closeBtnCircle_20h:hover {
    background-position: 0 20px;
}

.GenericModal.closeBtnCircle_20h {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
    background: url(http://web.archive.org/web/20130715023237im_/http://www.roblox.com/images/Buttons/btn-x.png);
}

.GenericModal.unifiedModal .smallModal .closeBtnCircle_20h {
    margin-left: 395px;
}

#GenericModalButtonContainer {
    height: 50px;
}

.Message {
    float: right;
    text-align: left;
    margin-top: 12px;
}

/* ~/CSS/Pages/IDE/IDE.css */
input,
textarea,
button,
a {
    outline: 0;
}

select {
    border: 1px solid;
    border-color: #A7A7A7;
}