@font-face 
{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(/css/fonts/ssprolight.woff) format('woff');
}

@font-face 
{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(/css/fonts/ssproregular.woff) format('woff');
}

@font-face 
{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(/css/fonts/ssprosemibold.woff) format('woff');
}

@font-face 
{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(/css/fonts/ssprobold.woff) format('woff');
}

h2.font-weight-normal 
{
	font-size: 32px;
	font-weight: bold!important;
	color: #343434;
	letter-spacing: -1px;
}

body
{
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: #343434;
	line-height: 1.428;
	font-size: 14px;
}

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

.SystemAlertText
{
    font-size: 16px;
    font-weight: bold;
    padding: 2px;
}

@media screen and (min-width:1480px)
{
    .nav-container .nav-icon
    {
        display:none;
    }
}

.navigation
{
    position:fixed;
    top:0;
    left:0;
    width:175px;
    height:100%;
    font-size:16px;
    -webkit-transition:-webkit-transform .5s,left .5s;
    transition:transform .5s,left .5s;
    -ms-transform:translate(-100%,0);
    -webkit-transform:translate(-100%,0);
    transform:translate(-100%,0);
    overflow:hidden;
    z-index:12;
    background:#e1e2e6;
    -ms-user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
}

.navigation-container
{
    height:100%;
    width:175px;
    overflow-y:auto;
    overflow-x:hidden;
}

.navigation ul
{
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    top:40px;
}

.navigation ul ul
{
    top:0;
}

.navigation ul li .menu-item
{
    text-decoration:none;
    display:block;
    padding:6px 7px;
    text-shadow:0 0 1px rgba(255,255,255,0.1);
    font-weight:inherit;
    color:#444;
    position:relative;
}

.navigation.mobile ul li .menu-item
{
    padding:14px 7px;
}

.navigation ul li .menu-item:hover
{
    color:#000;
    background-color:#CACACA;
}

.navigation ul li .menu-item a
{
    color:#444;
    text-decoration:none;
}

.navigation li.expand.nav-open .expand-icon
{
    background-position:right -981px;
}

.navigation ul ul li .menu-item:hover,.navigation ul .expand ul li .menu-item:hover,.navigation li .menu-item:hover
{
    cursor:pointer;
}

.nav-open .navigation
{
    left:0;
    -ms-transform:translate(0,0);
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
    display:block;
    z-index:12;
    margin-right:15px;
}

.navigation .user .username
{
    padding-left:10px;
    width:175px;
}

.navigation .user .menu-item
{
    padding:0;
    height:36px;
    line-height:36px;
    border-bottom:1px solid #ccc;
}

.navigation.mobile .user .menu-item
{
    height:50px;
    line-height:50px;
    padding:0;
}

.navigation .user a,.navigation .under-13
{
    display:block;
    float:left;
}

.navigation .under-13
{
    line-height:initial;
    margin-top:17px;
    color:white;
}

.navigation .upgrade-now
{
    margin:15px 0;
}

.navigation .upgrade-now .nav-button
{
    margin-left:20px;
    font-size:16px;
    color:white;
    border-radius:4px;
    padding:5px 20px 6px 20px;
    height:auto;
    text-decoration:none;
}

.navigation .upgrade-now #upgrade-now-button
{
    background-color:#00B259;
}

.navigation .upgrade-now #upgrade-now-button:hover
{
    text-decoration:none;
    background:#008C46;
}

.navigation .upgrade-now #builders-club-button
{
    background-color:#2D528F;
}

.navigation .upgrade-now #builders-club-button:hover
{
    text-decoration:none;
    background:#27487E;
}

.navigation .icon
{
    background:url('/img/2013/Icons/Navigation2014/Nav2014-icon-sprite-sheet.png') no-repeat;
    padding:5px 16px;
    margin-right:10px;
}

.navigation .notification-icon
{
    position:absolute;
    top:7px;
    left:121px;
    height:20px;
    background:#2D528F;
    padding:0 7px;
    border-radius:15px;
}

.navigation.mobile .notification-icon
{
    top:16px;
}

.layout-2014 .nav-container #navigation .navigation-container .nav2014-my-roblox .icon
{
    background-position:-5px -3px;
}

.layout-2014 .nav-container #navigation .navigation-container .nav2014-profile .icon
{
    background-position:-5px -32px;
}

.layout-2014 .nav-container #navigation .navigation-container .nav2014-messages .icon
{
    background-position:-5px -59px;
}

.layout-2014 .nav-container #navigation .navigation-container .nav2014-friends .icon
{
    background-position:-5px -90px;
}

.layout-2014 .nav-container #navigation .navigation-container .nav2014-character .icon
{
    background-position:-5px -119px;
}

.layout-2014 .nav-container #navigation .navigation-container .nav2014-inventory .icon
{
    background-position:-5px -147px;
}

.layout-2014 .nav-container #navigation .navigation-container .nav2014-trade .icon
{
    background-position:-5px -176px;
}

.layout-2014 .nav-container #navigation .navigation-container .nav2014-develop .icon
{
    background-position:-5px -206px;
}

.layout-2014 .nav-container #navigation .navigation-container .nav2014-groups .icon
{
    background-position:-5px -235px;
}

.layout-2014 .nav-container #navigation .navigation-container .nav2014-blog .icon
{
    background-position:-5px -263px;
}

.layout-2014 .nav-container #navigation .navigation-container .nav2014-forum .icon
{
    background-position:-5px -291px;
}

.navigation .nav2014-events .events-text
{
    font-size:14px;
    color:#999;
    font-weight:bold;
    margin-left:7px;
}

.navigation .nav2014-sponsor .menu-item span,.navigation .nav2014-sponsor .menu-item img
{
    margin-left:7px;
}

.nav-open-static .navigation
{
	display:block;
	margin-right:15px;
	left:175px;
}

.navigation-container 
{
    height: 100%;
    width: 175px;
    overflow-y: auto;
    overflow-x: hidden;
}

.navigation ul 
{
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    top: 40px;
}

.nav-icon 
{
    /* position: fixed; */
    height: 33px;
    width: 46px;
    /* margin: 4px 5px 4px 5px; */
    left: 5px;
    top: 0;
    z-index: 10014;
    background: url('/img/2013/Icons/Navigation2014/Nav2014-icon-sprite-sheet.png') no-repeat 2px -319px;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    border-radius: 4px;
    margin-left: -6px;
    margin-right: 22px;
    cursor: pointer;
}

.header-2014
{
	background-color: #2D528F;
	color: #fff;
	text-decoration: none;
	min-height: 40px;
	width: 100%;
	min-width: 330px;
	top: 0;
	z-index: 10013;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.header-2014 .header-links li
{
	margin-right: 28px;
}

.header-2014 .header-links li a
{
	font-size: 16px;
	padding-top: 3px;
	padding-bottom: 5px;
	border-radius: 4px;
}

.header-2014 .header-links li a:hover
{
	color: #fff!important;
	background-color: #27487E;
}

.header-2014 .search
{
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 360px;
	-webkit-transition: width .15s;
	transition: width .15s;
    transition-timing-function: ease;
	transition-timing-function: ease;
	transition-timing-function: ease-out;
}

.header-2014 .search-input-container
{
	margin-top: 3px;
	background: #fff;
	padding: 0 10px;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.header-2014 .search.universal-search-open .search-input-container
{
	border-radius: 5px 5px 0 0;
	border-bottom: 0;
}

.header-2014 .search input
{
	font-size: 18px;
	border: none;
	border-radius: 5px;
	padding: 0;
	display: block;
	width:100%;
	outline: none;
}

.header-2014 .search .search-icon
{
	background: url('/img/2013/Icons/Navigation2014/Nav2014-icon-sprite-sheet.png') no-repeat;
	background-position: -1px -349px;
	height: 100%;
	display: block;
	position: absolute;
	right: 1px;
	top: 0;
	margin-top: 4px;
	width: 37px;
}

.header-2014 .search .search-icon:hover
{
	cursor: pointer;
}

.header-2014 .universal-search-dropdown
{
	position: fixed;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: inherit;
	top: 32px;
	height: auto;
	border-radius: 0 0 5px 5px;
	border: 1px solid #ccc;
    border-top-color: rgb(204, 204, 204);
    border-top-style: solid;
    border-top-width: 1px;
	border-top: 0;
	background: #fff;
	display: none;
	z-index: 1;
}

.header-2014 .search.universal-search-open .universal-search-dropdown 
{
    display: block;
}

.header-2014 .universal-search-option 
{
    width: 100%;
    color: #444;
    font-size: 16px;
    border-top: 1px solid #ccc;
    padding: 6px 0;
}

.header-2014 .universal-search-option:hover 
{
    cursor: pointer;
}

.header-2014 .universal-search-option.selected 
{
    background: #e1e2e6;
}

.header-2014 .universal-search-text 
{
    margin: 1px 10px 0;
}

.header-2014 .universal-search-text .universal-search-string 
{
    word-break: break-all;
}

.navbar-orange .navbar-button-container .btn
{
	border: none;
	border-radius: 0;
	color: #fff;
}

.navbar-orange .navbar-button-container i
{
	-moz-border-radius: 50px/50px;
	-webkit-border-radius: 50px 50px;
	border-radius: 50px/50px;
	border: solid 1px;
	background-color: #6684c3;
	border-color: #6684c3;
	color: white;
	padding: 5px;
}

.navbar-orange .navbar-button-container .dropdown-menu
{
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    transition-timing-function: ease;
    transition-timing-function: ease;
    transition-timing-function: ease-out;
    opacity: 0;
	min-width: 7rem;
	border-radius: 10px;
	box-shadow: 0px 0px 5px gray;
}

.navbar-orange .navbar-button-container .dropdown-menu::after 
{
    border-bottom: 8px solid #FFFFFF;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    right: 17%;
    position: absolute;
    top: -7px;
}

.dropdown-hover:hover > .dropdown-menu 
{
    display: block;
    opacity: 1;
}

.navbar-orange .navbar-button-container .dropdown-menu .dropdown-item
{
	padding: .5rem .75rem;
}

.dropdown-menu .dropdown-item:hover
{
	background-color: #f0eef0;
}

.btn-success, .btn-outline-success
{
    border-color:#007001!important;
    background-color:#007001!important;
    background-image:url(https://polygon.pizzaboxer.xyz/img/2013/Buttons/StyleGuide/bg-btn-green.png);
    color:white;
}
    
.btn-primary, .btn-outline-primary
{
    border-color:#0852b7!important;
    background-color:#0852b7!important;
    background-image:url(https://polygon.pizzaboxer.xyz/img/2013/Buttons/StyleGuide/bg-btn-blue.png);
    color:white;
}
    
.btn-secondary, .btn-outline-secondary, 
.btn-warning, .btn-outline-warning, 
.btn-danger, .btn-outline-danger,
.btn-dark, .btn-outline-dark
{
    border-color:#565656!important;
    background-color:#565656!important;
    background-image:url(https://polygon.pizzaboxer.xyz/img/2013/Buttons/StyleGuide/bg-btn-gray.png);
    color:white;
}

.app .btn, .modal .btn
{
	border-radius: 0!important;
    transition: none!important;
    box-shadow: none!important;

	padding:1px 13px 3px 13px;
    height:34px;
    min-width:35px;
    font-size:20px;
    background-position:left -96px;

	zoom: 1;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
	*display: inline;
	*vertical-align: top;
}

.app .btn:hover, .app .btn:focus,
.modal .btn:hover, .modal .btn:focus
{
    background-position:left -128px;
}

.app .btn-sm, .modal .btn-sm
{
    padding:1px 7px 0 7px;
    height:23px;
    min-width:40px;
    font-size:14px;
    line-height:18px;
    background-position:left -160px;
}

.app .btn-lg, .modal .btn-lg
{
    height:50px;
    min-width:40px;
    font-size:14px;
    line-height:18px;
    background-position: left 0px;
}

.app a.btn-lg h4, .modal a.btn-lg h4
{
	margin-top: 3px!important;
}

.app .btn-sm:hover, .app .btn-sm:focus,
.modal .btn-sm:hover, .modal .btn-sm:focus
{
    background-position:left -181px;
}

.app .btn-lg:hover, .app .btn-lg:focus,
.modal .btn-lg:hover, .modal .btn-lg:focus
{
    background-position:left -48px;
}

/* .btn-light,.btn-light:active,.btn-light:link,.btn-light:visited,.btn-light:hover,
.btn-outline-light,.btn-outline-light:active,.btn-outline-light:link,.btn-outline-light:visited,.btn-outline-light: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-light:hover, .btn-light:focus,
.btn-outline-light:hover, .btn-outline-light:focus
{
    background-position:bottom;
    border-color:#888;
    text-decoration:none;
}

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

.btn-light, .btn-outline-light
{
    height:27px!important;
    line-height:24px!important;
    font-size:13px!important;
    padding:0 7px!important;
    background-image:url(https://polygon.pizzaboxer.xyz/img/2013/StyleGuide/btn-control-large-tile.png);
}

a.btn-light.top-level
{
    font-weight:bold;
} */

.app .btn-sm, .modal .btn-sm
{
    padding:1px 7px 0 7px;
    height:23px;
    min-width:40px;
    font-size:14px;
    line-height:18px;
    background-position:left -160px;
}

.btn-light, .btn-outline-light
{
    background: url(/img/2013/Buttons/bg-form_btn_lg-tile.png) repeat-x top left;
	background-position-x: left;
	background-position-y: top;
    border-color: #777!important;
    padding: 4px 8px 5px!important;
    height: 27px!important;
    font-size:14px!important;
    line-height:18px;
    background-position: left 0px!important;
}

.btn-light.next, .btn-light.previous
{
	padding-top: 2px !important;
}

.btn-light:hover, .btn-light:focus,
.btn-outline-light:hover, .btn-outline-light:focus
{
    background-position: left -25px!important
}

.nav-tabs .nav-link
{
	color: black;
	background-color: #D6D6D6;
	border-radius: 0!important;
	border: 1px solid #9e9e9e;
	margin: 4px 2px 0 1px;
	font-weight: bold;
	font-size: 15px;
	border-bottom-width: 0;
	padding: 9px 7px;
}

.nav-tabs .nav-link:hover
{
	background-color: #e9e9e9;
	border: 1px solid #ccc;
	border-bottom-width: 0;
}

.nav-tabs .nav-link.active
{
	background-color: #fff;
}

.nav-tabs.flex-column .nav-link
{
	border: none;
	margin: 1px 0px 0px 1px!important;
	background-color: transparent!important;
	font-weight: normal!important;
}

.nav-tabs.flex-column .nav-link:hover
{
	border-bottom-width: 1px!important;
	border-right-width: 0!important;
	background-color: #EFEFEF!important;
	z-index: 1;
}

.nav-tabs.flex-column .nav-link.active
{
	background-color: #EFEFEF!important;
	border: 1px solid #CCC!important;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
	font-weight: bold!important;
	border-right: none;
	text-align: left;
	z-index: 2;
}

.app input, .app select
{
    border-radius: 0!important;
    transition: none!important;
    box-shadow: none!important;
    padding: revert!important;
    font-size: revert!important;
    color: black;
}

select
{
    width: revert;
}

.card
{
	border-radius: 0;
}

.footer 
{
    background-color: transparent;
}

.footer>.text-light 
{ 
    color: #2D528F!important;
}

a.text-light.px-2 
{ 
    color: #2D528F!important;
}

.btn-sm.btn-light:has(span.fa-stack)
{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

span.fa-stack
{
    margin-top: -5px;
}