/****
 * General StyleSheet for Universal Navigation 2013;
 * @author: jkim@pch.com
 * @modified: 2/12/2013
 * **notes: yellow font: #f6d793 / #F7D793
 */


/*== reduced basic reset ==*/

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
img,
ol,
ul,
li,
fieldset,
form,
label,
legend,
header,
article,
section,
nav {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    /* font-size: 100%; */
    /* 16px */
    vertical-align: baseline;
    background: transparent;
}

html {
    overflow-y: scroll;
}


/*
body {
	line-height: 1.125em; 
	font-family: "HelveticaNeue", "Helvetica Nhttp://www.local.dev.pch.com/#SITEURLeue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
	font-weight: normal;
	background: #fff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5em; 
}

*/

.header div {
    display: block;
    position: relative;
}


/* 
h1, h2 {
	clear: left;
	display: block;
}

ol, ul {
	list-style: none;
}

a {
	color: #333;
	text-decoration: underline;
	}

*/

.nodisplay {
    display: none !important;
}

.hidden {
    visibility: hidden !important;
}


/**== class level selectors **/

.document {
    width: 1100px;
    /*1130*/
    margin: 0 auto;
    background: none;
    min-height: 500px;
    padding: 15px;
    clear: both;
    padding-top: 25px;
}

.document h1 {
    font-size: 200%;
    line-height: 100%;
    margin-bottom: 0.5em;
}

.document.dark {
    color: #ccc;
}

.document.dark a {
    color: #5AB9E8;
}


/**== header container and children styles **/

.header {
    vertical-align: baseline;
    background: transparent;
    overflow: visible;
    z-index: 100;
    line-height: 1.125em;
    /* 18px */
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
    font-weight: normal;
    background: none;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    color: #fff;
}

.header a {
    color: #fff;
}


/**== Uni Shelf Styles **/

.uni-shelf {
    display: block;
    height: 0;
    /*221px*/
    background: #666;
    color: #fff;
    font: normal 13px/1.2em Arial, sans-serif;
    padding: 0;
    margin: 0;
    border: none;
    overflow: hidden;
    /*
	 box-shadow: inset 0 0 10px #000000;
	 -webkit-box-shadow: inset 0px 2px 3px 1px rgba( 0, 0, 0, 0.7 );
	 -moz-box-shadow: inset 0px 2px 3px 1px rgba( 0, 0, 0, 0.7 );
	 box-shadow: inset 0px 2px 3px 1px rgba( 0, 0, 0, 0.7 );
	 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*
	 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjNjY2NjY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	 background: -moz-linear-gradient(top,  #222222 0%, #666666 3%);
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(3%,#666666));
	 background: -webkit-linear-gradient(top,  #222222 0%,#666666 3%);
	 background: -o-linear-gradient(top,  #222222 0%,#666666 3%);
	 background: -ms-linear-gradient(top,  #222222 0%,#666666 3%);
	 background: linear-gradient(to bottom,  #222222 0%,#666666 3%);
	 -- IE 6-8
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#666666',GradientType=0 );
	 */
}

.uni-shelf h3 {
    font-size: 2.4em;
    line-height: 1.2em;
    margin: 0;
    font-weight: normal;
}

.uni-shelf h5 {
    font-size: 1.2em;
    line-height: 1.3em;
    font-weight: normal;
    padding: 4px 0 8px 0;
    margin: 0;
}

.uni-shelf .top-lip {
    display: block;
    height: 7px;
    background: rgb(34, 34, 34);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(34, 34, 34, 1) 0%, rgba(102, 102, 102, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(34, 34, 34, 1)), color-stop(100%, rgba(102, 102, 102, 1)));
    background: -webkit-linear-gradient(top, rgba(34, 34, 34, 1) 0%, rgba(102, 102, 102, 1) 100%);
    background: -o-linear-gradient(top, rgba(34, 34, 34, 1) 0%, rgba(102, 102, 102, 1) 100%);
    background: -ms-linear-gradient(top, rgba(34, 34, 34, 1) 0%, rgba(102, 102, 102, 1) 100%);
    background: linear-gradient(to bottom, rgba(34, 34, 34, 1) 0%, rgba(102, 102, 102, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#666666', GradientType=0);
}

.uni-shelf .content {
    height: auto;
    /*250px*/
    overflow: hidden;
    position: relative;
    margin: auto;
    width: 850px;
    padding: 20px 0 20px 25px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.uni-shelf .close-x {
    position: absolute;
    top: 8px;
    right: 0;
    width: 33px;
    height: 33px;
    background: transparent url(../images/uni-nav/nav-assets/nav-sprite2015.png) repeat-x 0 -410px;
    cursor: pointer;
    text-indent: -9999px;
}

.uni-shelf .section {
    margin: 0 auto;
    overflow: visible;
    padding: 0 0 20px 0;
    width: 380px;
    float: left;
    clear: none;
}

.uni-shelf .sign-in {
    padding: 0 0 0 30px;
    padding-top: 0;
    width: 280px
}

.uni-shelf .links {
    position: relative;
    padding: 15px 15px 10px;
    clear: none;
    border-left: 1px solid #d6d6d6;
    margin-left: 100px;
}

.uni-shelf .sign-in .form-fields,
.uni-shelf .sign-in .form-fields fieldset {
    position: relative;
    display: block;
}

.uni-shelf .form-fields legend,
.uni-shelf .form-fields h3,
.uni-shelf .form-fields fieldset {
    display: block;
    float: left;
    padding-right: 15px;
}

.uni-shelf .form-fields fieldset {
    padding-top: 3px;
}

.uni-shelf .form-fields legend,
.uni-shelf .form-fields h3 {
    font-size: 36px;
    line-height: 1.0;
    margin-bottom: 10px;
}

.uni-shelf .form-fields fieldset span.additional {
    clear: left;
    display: block;
    position: relative;
    line-height: 21px;
    padding: 0 0 0 5px;
    margin: 0;
}

.uni-shelf .form-fields label {
    position: absolute;
    top: 13px;
    left: 10px;
    font-size: 1.5em;
    cursor: text;
}

.uni-shelf .form-fields label span {
    color: #aeaeae;
}

.uni-shelf .form-fields label span.hide {
    display: none;
}

.uni-shelf .form-fields label span.light {
    color: #e2e2e2;
}

.uni-shelf .sign-in input[type="checkbox"] {
    margin: 0;
    padding: 0;
}

.uni-shelf .sign-in input[ type="text"],
.uni-shelf .sign-in input[ type="password"] {
    font-size: 1.3em;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #000;
    width: 257px;
    height: 20px;
    margin: 0 0 6px 0;
}

.uni-shelf .sign-in input.sso-highlight {
    border-color: #ff0000;
}

.uni-shelf .sign-in a {
    text-decoration: underline;
}

.uni-shelf .sign-in button.btn-signin {
    background: transparent url(../images/uni-nav/nav-assets/nav-sprite2015.png) 1px -530px;
    margin: 10px 0 0;
    cursor: pointer;
    width: 136px;
    line-height: 42px;
    padding: 0 44px 0 10px;
    color: #fff;
    font-size: 22px;
    border: 0;
    text-align: left;
    display: block;
    float: left;
    clear: left;
}

.uni-shelf .sign-in button.btn-signin.disabled {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 10+, Firefox on Android */
    -webkit-filter: grayscale(1);
    filter: gray;
    opacity: 0.4;
    cursor: default;
}

.uni-shelf .sign-in button.btn-signin span {
    line-height: 38px;
    display: block;
    height: 44px;
    /* text-shadow: 2px 2px 2px #B26922;
	filter: dropshadow(color=#B26922, offx=2, offy=2); */
}

.uni-shelf .sign-in img.loader-icon {
    margin: 20px 0 0 10px;
    visibility: hidden;
    display: block;
    float: left;
}

.uni-shelf .sign-in img.loader-icon.show {
    visibility: visible;
}

.uni-shelf .links h5 {
    display: block;
    background: #666;
    padding: 4px;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
}

.uni-shelf .links p {
    text-align: center;
}


/**= Uni Shelf Links Horizontal List Styles **/

.uni-shelf .links ul {
    display: block;
    clear: left;
    margin: 10px auto 0;
    width: 280px;
    overflow: hidden;
}

.uni-shelf .links ul li {
    float: left;
    display: block;
    padding: 0;
    margin-bottom: 20px;
    width: 140px;
}

.uni-shelf .links ul li span {
    width: 118px;
    padding: 46px 0 6px 0;
    display: block;
    color: #fff;
    font: bold 11px/13px Arial, sans-serif;
    text-align: center;
    background: transparent url(../images/uni-nav/nav-assets/nav-sprite2015.png) no-repeat 0 0;
    text-decoration: none;
    opacity: 0.6;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    margin: 0 auto;
    background-position: right top
}


/**== Top Bar Styling **/

.header .top-bar {
    background: #000;
    height: 23px;
    border: none;
}

.top-bar div.content {
    background: none;
    height: 23px;
    width: 1116px;
    /*1130*/
    padding: 0 7px;
    margin: 0 auto;
    color: #F7D793;
    font-family: inherit;
    font-size: inherit;
    line-height: 2em;
    overflow: inherit;
    z-index: 101;
}

.top-bar div.content {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    overflow: visible;
}

.top-bar .content p a {
    padding: 0 5px 0px 1px;
}

.top-bar .content p span.profile-name a {
    color: #F7D793!important;
    text-decoration: none;
}

.top-bar .content p.credentials {
    display: block;
    float: left;
    overflow: hidden;
    height: 23px;
}

.top-bar .content #logoholder {
    float: left;
    overflow: hidden;
    height: 100%;
}

.top-bar .content #logoholder:before {
    float: left;
    content: '|';
}

.top-bar .content #logoholder img {
    width: 15px;
    margin: 3px 3px 0 3px;
}

.top-bar .content #logoholder img#vip_logo {
    margin-top: 0px!important;
    vertical-align: top;
    height: 22px;
    width: 22px;
}

.header.unrecognized .top-bar .content p.credentials {
    display: block;
}

.top-bar .content p.copy {
    display: block;
    float: right;
    overflow: hidden;
}

.header.unrecognized .top-bar .content p.copy {
    display: block;
}

.header .unrecognized-bar {
    display: block;
    height: 40px;
    margin-bottom: 20px;
    background: transparent url(../images/uni-nav/nav-assets/nav-sprite2015.png) repeat-x 0 -251px;
    border-top: 1px solid #494848;
    padding: 0 0 0 80px;
}

.header.unrecognized .unrecognized-bar {
    display: block;
}

.header.unrecognized .unrecognized-bar .content {
    width: 1130px;
    /*1130*/
    margin: 0 auto;
    z-index: 102;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    overflow: hidden;
}

.unrecognized-bar .content h1 {
    display: block;
    overflow: hidden;
    padding-top: 6px;
    float: left;
}

.unrecognized-bar .content h1 a {
    display: block;
    overflow: hidden;
    background: transparent url(../images/uni-nav/nav-assets/nav-sprite2015.png) repeat-x 0 -330px;
    width: 202px;
    height: 25px;
    text-indent: -999px;
}


/** JKIM COMMENT OUT
.header.unrecognized .uni-nav-bar {
	display: none;
}
*/

.uni-nav-bar {
    background: none;
    margin: 0;
    width: 100%;
    overflow: inherit;
    position: relative;
    height: 77px;
}

.uni-nav-bar .shim {
    position: absolute;
    top: 0;
    z-index: 0;
    width: 50%;
    height: 100%;
}


/*== SITE CONFIG: left header background should change per site */

.uni-nav-bar .left {
    background: transparent url(../images/uni-nav/site-default/header-bkgd.png) repeat-x 0 0;
    left: 0;
}

.uni-nav-bar .right {
    background: transparent url(../images/uni-nav/nav-assets/nav-sprite2015.png) repeat-x 0 -170px;
    right: 0;
}


/*== SITE CONFIG: header content background should change per site */

.uni-nav-bar .content {
    background: transparent url(../images/uni-nav/site-default/tab-bkgd-grey.png) no-repeat 0 0;
    height: 77px;
    width: 1118px;
    /*1130*/
    margin: 0 auto;
    z-index: 102;
    padding: 0 5px 0 7px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.uni-nav-bar .content h1 {
    display: block;
    float: left;
    width: 225px;
    height: 76px;
    padding-top: 1px;
    text-indent: -999px;
    padding-right: 8px;
}


/*== SITE CONFIG: header content lOGO Link should change per site */

.uni-nav-bar .content h1 a {
    display: block;
    height: 76px;
    background: none;
}

.uni-nav-bar .content h1 a img {
    display: block;
    height: 76px;
    width: 225px;
}


/*== Style for Carousel Navigation */

.uni-nav-bar .content .nav-list {
    display: block;
    overflow: hidden;
    zoom: 1;
    float: left;
}

.uni-nav-bar .content .nav-list .nav {
    float: left;
    /*display: none;*/
    /*      DON"T LEAVE THIS     */
    width: 478px;
    margin: 0;
    height: 66px;
    /*66px*/
    overflow: hidden;
    position: relative;
}

.uni-nav-bar .content .nav-list .nav ul {
    background: transparent url(../images/uni-nav/nav-assets/nav-sprite2015.png) repeat-x 0 -170px;
    min-width: 900px;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    /*
	 -webkit-transition: margin-left 0.8s cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
	 -moz-transition: margin-left 0.8s cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
	 */
}


/*== Style for Carousel Navigation */

.uni-nav-bar .content .nav-spacer {
    display: block;
    overflow: hidden;
    width: 510px;
    zoom: 1;
    float: left;
    background: transparent url(../images/uni-nav/nav-assets/nav-sprite2015.png) repeat-x 0 -170px;
    margin-left: 32px;
    height: 100%
}


/* COMMENTED OUT
 .uni-nav-bar .content .nav-list .nav ul {
 position: absolute;
 top: 0;
 left: 0;
 margin: 0;
 padding: 0;
 -webkit-transition: margin-left 0.8s cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
 -moz-transition: margin-left 0.8s cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
 }
 */

.uni-nav-bar .content .nav-list .nav li {
    float: left;
    display: block;
    background: transparent url(../images/uni-nav/nav-assets/list-separator.png) no-repeat top right;
    padding: 1px 0 0 0;
    width: 120px;
}

.uni-nav-bar .content .nav-list .nav a {
    width: 118px;
    padding: 46px 0 6px 0;
    display: block;
    color: #777;
    font: bold 11px/13px Arial, sans-serif;
    text-align: center;
    background: transparent url(../images/uni-nav/nav-assets/nav-spritesheet-2017.png) no-repeat 0 0;
    text-decoration: none;
    background-position: right top;
}

.uni-nav-bar .content .nav-list .nav a.portal,
.uni-nav-bar .content .nav-list .nav a.home {
    background-position: -260px 0;
}

.uni-nav-bar .content .nav-list .nav a.search {
    background-position: -380px 0;
}

.uni-nav-bar .content .nav-list .nav a.games {
    background-position: -500px 0;
}

.uni-nav-bar .content .nav-list .nav a.lotto {
    background-position: -620px 0;
}

.uni-nav-bar .content .nav-list .nav a.slots {
    background-position: -740px 0;
}

.uni-nav-bar .content .nav-list .nav a.bingo {
    background-position: -860px 0;
}

.uni-nav-bar .content .nav-list .nav a.surveys {
    background-position: -980px 0;
}

.uni-nav-bar .content .nav-list .nav a.tips {
    background-position: -1100px 0;
}

.uni-nav-bar .content .nav-list .nav a.blackjack {
    background-position: -1223px 0;
}

.uni-nav-bar .content .nav-list .nav a.frontpage {
    background-position: -1344px 0;
}

.uni-nav-bar .content .nav-list .nav a.tv {
    background-position: -1460px -2px;
}


.uni-nav-bar .content .nav-list .nav a.frontpagenew {
    background: transparent url(../images/uni-nav/nav-assets/nav-sprite2015_FPnew.png) no-repeat -1344px 0;
}

.uni-nav-bar .content .nav-list .nav a.portal:hover,
.uni-nav-bar .content .nav-list .nav a.home:hover {
    background-position: -260px -86px;
}

.uni-nav-bar .content .nav-list .nav a.tv:hover {
    background-position: -1460px -87px;
}

.uni-nav-bar .content .nav-list .nav a.search:hover {
    background-position: -380px -86px;
}


.uni-nav-bar .content .nav-list .nav a.games:hover {
    background-position: -500px -86px;
}

.uni-nav-bar .content .nav-list .nav a.lotto:hover {
    background-position: -620px -86px;
}

.uni-nav-bar .content .nav-list .nav a.slots:hover {
    background-position: -740px -86px;
}

.uni-nav-bar .content .nav-list .nav a.bingo:hover {
    background-position: -860px -86px;
}

.uni-nav-bar .content .nav-list .nav a.surveys:hover {
    background-position: -980px -86px;
}

.uni-nav-bar .content .nav-list .nav a.tips:hover {
    background-position: -1100px -86px;
}

.uni-nav-bar .content .nav-list .nav a.blackjack:hover {
    background-position: -1223px -86px;
}


.uni-nav-bar .content .nav-list .nav a.frontpage:hover {
    background-position: -1344px -86px;
}

.uni-nav-bar .content .nav-list .nav a.frontpagenew:hover {
    background: transparent url(../images/uni-nav/nav-assets/nav-sprite2015_FPnew.png) no-repeat -1344px -85px;
}

.uni-nav-bar .content .nav-list .nav a:hover {
    color: #fff;
}

.uni-nav-bar .content .nav-list span.prev,
.uni-nav-bar .content .nav-list span.next,
.uni-nav-bar .content .nav-list span.prv,
.uni-nav-bar .content .nav-list span.nxt {
    background: transparent url(../images/uni-nav/nav-assets/nav-sprite2015.png) no-repeat -165px 0;
    width: 20px;
    height: 62px;
    float: left;
    margin: 0 3px;
    padding: 0 3px;
    cursor: pointer;
    text-indent: -999px;
}

.uni-nav-bar .content .nav-list span.prev,
.uni-nav-bar .content .nav-list span.prev.disabled:hover,
.uni-nav-bar .content .nav-list span.prv,
.uni-nav-bar .content .nav-list span.prv.disabled:hover {
    background-position: -90px 0;
}

.uni-nav-bar .content .nav-list span.prev:hover,
.uni-nav-bar .content .nav-list span.prv:hover {
    background-position: -160px 0;
}

.uni-nav-bar .content .nav-list span.next,
.uni-nav-bar .content .nav-list span.next.disabled:hover,
.uni-nav-bar .content .nav-list span.nxt,
.uni-nav-bar .content .nav-list span.nxt.disabled:hover {
    background-position: -130px 0;
}

.uni-nav-bar .content .nav-list span.next:hover,
.uni-nav-bar .content .nav-list span.nxt:hover {
    background-position: -200px 0;
}

.uni-nav-bar .content .nav-list span.disabled,
.uni-nav-bar .content .nav-list span.disabled:hover {
    opacity: 0.2;
    -webkit-opacity: 0.2;
    -moz-opacity: 0.2;
    filter: alpha(opacity=20);
    cursor: default;
}


/*== Token Container */

.uni-nav-bar .content .token-center-container {
    color: #fff;
    height: 100px;
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    width: 343px;
    background: transparent url(../images/token-center/token-center-container-bkgd.png) no-repeat 0 0;
    z-index: 999;
    padding: 0 2px;
    overflow: visible;
    font-size: 12px;
}

.uni-nav-bar .content .token-center-container .token-center {
    position: relative;
    width: 343px;
    background: #1b1b1b url(../images/token-center/token-center-container-bkgd.png) no-repeat -2px 0;
    height: 56px;
    padding-top: 6px;
    padding: 0;
    overflow: hidden;
}

.uni-nav-bar .content .token-center-container.expanded .token-center {
    height: auto;
}


/*== Token Center REWARD CENTER Styling ==*/

.uni-nav-bar .content .token-center .reward-center {
    display: block;
    margin: 6px auto 10px;
    padding: 0 10px;
    width: 314px;
    height: 46px;
    border: 1px solid rgba(36, 36, 37, 1.0);
    background: #000;
    background: linear-gradient(to bottom, #3b3b3b 0%, #212123 48%, #020203 100%);
    background: -webkit-linear-gradient(top, #3b3b3b 0%, #212123 48%, #020203 100%);
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.uni-nav-bar .content .token-center-container-leveling .token-center .reward-center {
    margin: 6px 8px 10px;
    width: 254px;
}

.uni-nav-bar .content .token-center.bronze .reward-center {
    background: #8a452f;
    background: linear-gradient(to bottom, #8a452f 0%, #5b280f 48%, #2a0502 100%);
    background: -webkit-linear-gradient(top, #8a452f 0%, #5b280f 48%, #2a0502 100%);
}

.uni-nav-bar .content .token-center.silver .reward-center {
    background: #696969;
    background: linear-gradient(to bottom, #696969 0%, #4f504f 48%, #303030 100%);
    background: -webkit-linear-gradient(top, #696969 0%, #4f504f 48%, #303030 100%);
}

.uni-nav-bar .content .token-center.gold .reward-center {
    background: #6a5728;
    background: linear-gradient(to bottom, #dabb7f 0%, #6a5728 48%, #322300 100%);
    background: -webkit-linear-gradient(top, #dabb7f 0%, #6a5728 48%, #322300 100%);
}

.uni-nav-bar .content .token-center.platinum .reward-center {
    background: #a5a9a5;
    background: linear-gradient(to bottom, #a5a9a5 0%, #5e5d5d 48%, #373536 100%);
    background: -webkit-linear-gradient(top, #a5a9a5 0%, #5e5d5d 48%, #373536 100%);
}

.uni-nav-bar .content .token-center.emerald .reward-center {
    background: #244b26;
    background: linear-gradient(to bottom, #244b26 0%, #213a21 48%, #131713 100%);
    background: -webkit-linear-gradient(top, #244b26 0%, #213a21 48%, #131713 100%);
}

.uni-nav-bar .content .token-center.sapphire .reward-center {
    background: #24424a;
    background: linear-gradient(to bottom, #24424a 0%, #1f2a35 48%, #14171a 100%);
    background: -webkit-linear-gradient(top, #24424a 0%, #1f2a35 48%, #14171a 100%);
}

.uni-nav-bar .content .token-center.diamond .reward-center {
    background: url(/pch_media/images/levels/uninav/uninav-level-reward-center-bg-diamond.png) repeat-x;
}

.uni-nav-bar .content .token-center.black_diamond .reward-center {
    background: url(/pch_media/images/levels/uninav/uninav-level-reward-center-bg-black-diamond.png) repeat-x;
}

.uni-nav-bar .content .token-center .reward-center .token-amount {
    font-size: 33px;
}

.reward-center ul {
    font-size: 9px;
    line-height: 12px;
    color: #6c6c6c;
    width: 70px;
    display: block;
    float: left;
    padding-top: 8px;
}

.reward-center ul li {
    text-transform: uppercase;
    padding: 1px 12px 3px 0;
    display: block;
    width: 55px;
    background: transparent url(../images/token-center/token-center-bkgd.png) no-repeat -10px -276px;
    cursor: pointer;
}

.reward-center ul li:hover {
    background-position: -10px -238px;
    color: #fff;
}

.reward-center ul li.active,
.reward-center ul li.active:hover {
    cursor: default;
    color: #f8d48d;
    background-position: -10px -238px;
}

.reward-center div {
    display: block;
    float: left;
    text-align: center;
    width: 204px;
    height: 46px;
    color: #f8d48d;
    font-size: 36px;
    line-height: 44px;
}

.reward-center div span {
    font-weight: bold;
    padding-right: 46px;
    background: transparent url(../images/token-center/token-center-bkgd.png) no-repeat right -375px;
    display: inline-block;
    *display: inline;
    /* for IE7*/
    *zoom: 1;
    /* for IE7*/
    height: 43px;
    min-width: 208px;
}

.reward-center div span.token-loading {
    font-size: 25px;
}

.uni-nav-bar .content .my-status {
    position: absolute;
    right: 7px;
    top: 6px;
    color: rgba(247, 215, 147, 1.0);
    width: 36px;
    text-align: center;
    font-size: 9px;
    line-height: 12px;
    text-transform: uppercase;
}

.uni-nav-bar .content .my-status .my-status-icon {
    width: 27px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 3px auto 0;
}


/*== Token Center META-GAME CENTER Styling ==*/

.token-center .game-center {
    clear: left;
    width: 330px;
    height: auto;
    overflow: hidden;
    margin: 0 auto 10px;
    background-size: 100% background-repeat: no-repeat;
    background-color: #000;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid rgba(53, 51, 51, 1.0);
}

.token-center .game-center .game-center-bg {
    background-size: 100%;
    width: 330px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
}

.token-center .game-center .level-show-or-hide {
    position: absolute;
    right: 5px;
    bottom: 0;
    display: block;
    cursor: pointer;
    font-family: serif;
}

.token-center .game-center .token-level-feedback-expanded {
    display: none;
}

.token-center .game-center .level-divider {
    background-color: #353333;
    text-align: center;
    color: #f8d48d;
    padding-top: 3px;
    margin-top: 12px;
}

.token-center .game-center .level-start-indicator {
    background-color: #353333;
    color: #f8d48d;
    font-size: 16px;
    text-align: center;
    padding: 5px 0;
    border-radius: 20px;
}


/*http://css-tricks.com/snippets/css/css-triangle/*/

.token-center .game-center .level-start-indicator .arrow-up {
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    position: absolute;
    top: -15px;
    left: 36px;
    /*base value, will change for each status */
    border-bottom: 15px solid #353333;
}

.token-center.silver .game-center .level-start-indicator .arrow-up {
    left: 71px;
}

.token-center.gold .game-center .level-start-indicator .arrow-up {
    left: 105px;
}

.token-center.platinum .game-center .level-start-indicator .arrow-up {
    left: 146px;
}

.token-center.emerald .game-center .level-start-indicator .arrow-up {
    left: 184px;
}

.token-center.sapphire .game-center .level-start-indicator .arrow-up {
    left: 213px;
}

.token-center.diamond .game-center .level-start-indicator .arrow-up {
    left: 246px;
}

.token-center.black_diamond .game-center .level-start-indicator .arrow-up {
    left: 276px;
}

.token-center .game-center .rewards-status {
    margin-top: 20px;
}

.token-center .game-center a.more-about-rewards {
    font-size: 14px;
    color: rgba(248, 212, 141, 1.0);
    font-weight: bold;
    margin: 35px auto;
    text-align: center;
    display: block;
}

.token-center .game-center.token-level-no-password a.more-about-rewards {
    margin-top: 15px;
}

.token-center .game-center a.token-level-create-password {
    font-size: 17px;
    color: rgba(255, 255, 255, 1.0);
    font-weight: bold;
    margin-top: 30px;
    display: block;
    text-align: center;
}

.token-center .game-center .header,
.token-center .game-center .footer {
    border-radius: 8px 8px 0 0;
    border: 1px solid #333;
    border-bottom: none;
    height: 7px;
    background: #000;
    padding: 0;
}

.uni-nav-bar .content .token-center .game-center .content {
    border: 1px solid #333;
    border-bottom: none;
    border-top: none;
    height: auto;
    background: #000;
    width: 328px;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.token-center .game-center .footer {
    border-radius: 0 0 8px 8px;
    border-bottom: 1px solid #333;
    border-top: none;
}


/*== Token Center MESSAGE CENTER Styling ==*/

.token-center .message-center {
    display: block;
    clear: left;
    overflow: visible;
    padding: 8px 0 10px;
    color: #f8d48d;
    font-size: 16px;
    line-height: 18px;
}

.token-center .message-center h2 {
    color: #f8d47d;
    display: block;
    border-radius: 8px 8px 0 0;
    width: 301px;
    margin: -8px auto 0;
    padding: 4px 10px 10px;
    line-height: 16px;
    background: #333;
    display: none;
    font-size: 1em;
}

.token-center .message-center.latest h2 {
    display: block;
}

.message-center .message-display {
    background: #000 url(../images/token-center/token-center-bkgd.png) no-repeat -14px -550px;
    border-radius: 8px;
    border: 1px solid #333;
    width: 299px;
    margin: -8px auto 0;
    padding: 8px 10px;
    font-weight: bold;
    text-align: center;
    min-height: 40px;
}

.message-center .message-display .token_messaging {
    width: 92%;
    margin: 0 auto;
}

.message-display .earnings {
    font-size: 23px;
    line-height: 23px;
    text-transform: uppercase;
    font-weight: 900;
}

.message-display.nopassword {
    cursor: pointer;
}

.message-display .earn-tokens {
    font-size: 22px;
    line-height: 23px;
    text-transform: uppercase;
    font-weight: 900;
}


/*== Token Center Container FOOTER Styling ==*/

.token-center-container .footer {
    background: transparent url(../images/token-center/token-center-bkgd.png) no-repeat 0 bottom;
    padding: 2px 0 2px 14px;
    height: 20px;
    color: #888;
}

.token-center-container .footer ul {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 14px;
    color: #888;
    height: 18px;
    border-right: 1px solid #111;
    overflow: hidden;
    width: 280px;
    text-align: center;
}

.token-center-container .footer ul li {
    display: inline;
    margin-right: 7px;
    padding-right: 7px;
    border-right: 1px solid #888;
}

.ie8 .token-center-container .footer ul li,
.ie7 .token-center-container .footer ul li {
    padding-right: 5px;
}

.token-center-container .footer ul li.last {
    border-right: none;
    margin-right: 0;
}

.token-center-container .footer ul li:last-child {
    border-right: none;
    margin-right: 0;
}

.token-center-container .footer a {
    color: #888;
    text-decoration: none;
    font-size: 12px;
    background: none;
}

.token-center-container .footer a:hover {
    color: #fff;
}

.token-center-container .footer .toggle-container {
    display: block;
    float: left;
    border-left: 1px solid #333;
    width: 45px;
    height: 18px;
    padding: 0;
}

.token-center-container .footer .toggle-container span {
    display: block;
    width: 19px;
    height: 12px;
    background: transparent url(../images/token-center/token-center-bkgd.png) no-repeat -62px -322px;
    margin: 0 auto;
    cursor: pointer;
}

.token-center-container.expanded .footer .toggle-container span {
    background-position: -19px -322px;
}

.token-center-container.last-activity .game-center {
    display: none;
}


/*== META-GAME CENTER BONUS GAMES Styling ==*/

.game-center h2 {
    display: block;
    width: 318px;
    margin: 0 auto 35px;
    background: #97bb49;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3YmI0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YjhhMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #97bb49 0%, #6b8a39 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97bb49), color-stop(100%, #6b8a39));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #97bb49 0%, #6b8a39 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #97bb49 0%, #6b8a39 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #97bb49 0%, #6b8a39 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #97bb49 0%, #6b8a39 100%);
    /* W3C */
    border: 1px solid #fff;
    border-radius: 6px;
    padding: 6px 0 4px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    height: auto;
    overflow: visible;
    text-shadow: 2px 2px 4px #357b7a;
    /* 357b7a | 509bb4*/
    filter: dropshadow(color=#357b7a, offx=2, offy=2);
    font-size: 11px;
    line-height: 14px;
}

.game-center h2 span {
    display: block;
    clear: left;
    text-align: inherit;
    font-family: 'Fugaz One', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
}

.game-center h2:after {
    border-color: #6B8A39 transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    bottom: -15px;
    content: "";
    height: 0;
    left: 149px;
    position: absolute;
    width: 0;
}

.game-center h2:before {
    border-color: #FFFFFF transparent;
    border-style: solid;
    border-width: 17px 17px 0;
    bottom: -18px;
    content: "";
    height: 0;
    left: 147px;
    position: absolute;
}

.game-center .bonus-container {
    display: block;
    clear: left;
    color: #444;
    margin: 20px auto 0;
    padding: 10px 0 4px 3px;
    overflow: visible;
    width: 312px;
    border: 2px solid #fff;
    border-radius: 8px;
    background: #fed692;
    -webkit-box-shadow: inset 0px 0px 8px 8px rgba(229, 180, 88, .8);
    box-shadow: inset 0px 0px 8px 8px rgba(229, 180, 88, .8);
}

.game-center .bonus-container.bonus-default {
    color: #333;
}

.game-center .bonus-container.bonus-blue {
    color: #013759;
}

.game-center .bonus-container.bonus-green {
    color: #183506;
}

.game-center .bonus-container.bonus-red {
    color: #990000;
}

.game-center .bonus-container h3 {
    background: #333;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 12px;
    display: block;
    font-family: 'Fugaz One', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 23px;
    margin: -25px auto 0;
    text-align: center;
    text-transform: uppercase;
    width: 255px;
    clear: left;
}

.bonus-container.bonus-default h3 {
    background: #333;
    color: #fff;
}

.bonus-container.bonus-blue h3 {
    background: #013759;
    color: #78d3f0;
}

.bonus-container.bonus-green h3 {
    background: #183506;
    color: #06E300;
}

.bonus-container.bonus-red h3 {
    background: #990000;
    color: #FF2D2D;
}

.bonus-container .bonus-content {
    display: block;
    overflow: hidden;
}

.bonus-content ul {
    display: block;
    float: left;
    width: 216px;
    overflow: hidden;
    padding-top: 10px;
}

.bonus-content ul li {
    width: 69px;
    /*72*/
    height: 60px;
    /*57px;*/
    /*58*/
    float: left;
    margin: 0;
    display: block;
    overflow: hidden;
    position: relative;
    padding: 1px 0 0 3px;
    cursor: pointer;
}

.bonus-content ul li img {
    display: block;
    width: 59px;
    /*72px;*/
    height: 47px;
    /*44px*/
    /*55px;*/
    border: 2px solid #fff;
    border-radius: 8px;
    -webkit-box-shadow: 2px 3px 5px 0 rgba(178, 94, 18, .9);
    box-shadow: 2px 3px 5px 0 rgba(178, 94, 18, .9);
}

.bonus-content ul li.complete {
    cursor: default;
}

.bonus-content ul li.complete img {
    opacity: 0.2;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*
	 filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='sepia'><feColorMatrix type='matrix' values='0.393 0.769 0.189 0 0 0.349 0.686 0.168 0 0 0.272 0.534 0.131 0 0 0 0 0 1 0'/></filter></svg>#sepia");
	 -webkit-filter: sepia(100%);
	 -moz-filter: sepia(100%);
	 -ms-filter: sepia(100%);
	 -o-filter: sepia(100%);
	 -webkit-filter: sepia(1);
	 background-color: #5E2612;
	 filter: sepia(100%);
	 */
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    background-color: #5E2612;
    -webkit-filter: grayscale(1);
    filter: gray alpha(opacity=20);
}

.bonus-content ul li span {
    display: none;
}

.bonus-content ul li.complete span {
    text-indent: -9999px;
    position: absolute;
    top: 0;
    display: block;
    width: 69px;
    /*72*/
    height: 57px;
    /*58*/
    background: transparent url(../images/token-center/complete-check.png) no-repeat center 3px;
}

.bonus-content .bonus-status {
    display: block;
    overflow: hidden;
    float: left;
    width: 95px;
    text-align: center;
}

.bonus-content .bonus-status .bonus-game {
    width: 95px;
    height: 114px;
    /*98px;*/
    display: block;
}

.bonus-content .bonus-status .bonus-game img {
    width: 86px;
    height: 86px;
    margin: 5px auto;
}

.bonus-content .bonus-status.complete .bonus-game img {
    opacity: 0.2;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*
	 filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='sepia'><feColorMatrix type='matrix' values='0.393 0.769 0.189 0 0 0.349 0.686 0.168 0 0 0.272 0.534 0.131 0 0 0 0 0 1 0'/></filter></svg>#sepia");
	 -webkit-filter: sepia(100%);
	 -moz-filter: sepia(100%);
	 -ms-filter: sepia(100%);
	 -o-filter: sepia(100%);
	 -webkit-filter: sepia(1);
	 background-color: #5E2612;
	 filter: sepia(100%);
	 */
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(1);
    filter: gray alpha(opacity=20);
}

.bonus-content .bonus-status.unlocked .bonus-game {
    background: none;
    cursor: pointer;
}

.bonus-content .bonus-status .game-message {
    background: transparent url(../images/token-center/bonus-game-bkgd.png) no-repeat 0 0;
    font-family: 'Fugaz One', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    text-transform: uppercase;
    height: 16px;
    left: 0;
    top: 0;
    padding-top: 98px;
    position: absolute;
    width: 95px;
}

.bonus-status.unlocked .game-message {
    background: none;
    display: none;
}

.bonus-status.complete .game-message {
    background: transparent url(../images/token-center/complete-check.png) no-repeat center center;
}


/**= Unrecognized State TOGGLE 
.header.unrecognized .token-center-container, 
.header.notokens .token-center-container, 
.header.incomplete .token-center-container, 
.header.unrecognized-main .token-center-container {
	display: none;
}
**/


/** Unrecognized Form Action Styling
.uni-nav-bar .content .unrecognized, 
.uni-nav-bar .content .continue-registration {
	display: none;
}
 **/

.header.unrecognized .content .unrecognized,
.header.unrecognized-main .content .unrecognized,
.header.incomplete .content .continue-registration,
.header .content .unrecognized,
.header .content .unrecognized,
.header .content .continue-registration {
    display: block;
    overflow: hidden;
    zoom: 1;
    float: left;
    padding: 14px 0 8px 54px;
    /*height: 46px;*/
}

.header.unrecognized .unrecognized-bar .content .unrecognized,
.header .unrecognized-bar .content .unrecognized {
    display: block;
    overflow: hidden;
    zoom: 1;
    float: right;
    margin-right: 100px;
    padding-top: 4px;
}

.content .unrecognized ul,
.content .continue-registration ul {
    display: block;
    overflow: hidden;
}

.content .unrecognized ul li,
.content .continue-registration ul li {
    display: block;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}

.content .unrecognized ul li a,
.content .continue-registration ul li a {
    text-decoration: none;
    display: block;
    margin: 0;
    width: 101px;
    line-height: 26px;
    height: 29px;
    font-size: 18px;
    text-align: center;
    background: transparent url(../images/uni-nav/nav-assets/nav-sprite2015.png) no-repeat -1032px -355px;
    cursor: pointer;
    color: #fff;
}

.content .continue-registration ul li a,
.header.incomplete .content .continue-registration ul li a {
    width: 211px;
    font-size: 18px;
    text-align: center;
    background: transparent url(../images/uni-nav/nav-assets/nav-sprite2015.png) no-repeat -772px -468px;
}

.content .unrecognized ul li a.active {
    color: #666;
    cursor: default;
    background: transparent url(../images/uni-nav/nav-assets/nav-sprite2015.png) no-repeat -772px -355px;
}


/*== START SITE LEVEL NAVIGATION */

.site-navigation,
.nav-bar {
    overflow: visible;
    width: 1130px;
    margin: 0 auto;
    position: relative;
    z-index: 1000;
    height: 43px;
    font-size: 18px;
    line-height: 28px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
}

.site-navigation ul,
.nav-bar ul {
    list-style: none;
    position: relative;
}

.site-navigation li,
.nav-bar li {
    float: left;
    margin-right: 5px;
    /*1.7em;*/
    color: #838080;
    position: relative;
}

.site-navigation li a,
.nav-bar li a {
    color: #838080;
    text-decoration: none;
    padding: 2px 8px;
    display: block;
}

.site-navigation li a:hover,
.nav-bar li a:hover {
    color: #fff;
    /*#7D9E40;*/
    cursor: pointer;
}

.site-navigation li.active a,
.nav-bar li.active a,
.site-navigation li.active a:hover,
.nav-bar li.active a:hover {
    color: #669900;
}

.site-navigation ul ul,
.nav-bar ul ul {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.75);
    border-radius: 0 5px 5px 5px;
    list-style: none;
    position: absolute;
    /* Hide off-screen when not needed */
    left: -9999px;
    color: #fff;
    padding: 5px;
    top: 32px;
    width: auto;
    margin: 0;
    display: block;
}

.site-navigation ul ul li,
.nav-bar ul ul li {
    float: none;
    display: block;
    margin: 0;
    padding: 0 20px 0 0;
    font-size: 80%;
}

.site-navigation ul ul a,
.nav-bar ul ul a {
    white-space: nowrap;
    *zoom: 1;
    display: block;
}

.site-navigation ul li:hover ul,
.nav-bar ul li:hover ul {
    left: 0;
}

.site-navigation ul li:hover a,
.nav-bar ul li:hover a {
    background: none;
    color: #fff;
    /*#7D9E40;*/
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.75);
    border-radius: 5px;
}

.site-navigation ul li.sub:hover a,
.nav-bar ul li.deeper:hover a {
    border-radius: 5px 5px 0 0;
}

.site-navigation ul li:hover ul a,
.nav-bar ul li:hover ul a {
    text-decoration: none;
    color: #fff;
    /*#838080;*/
    background: none;
    border-radius: none;
}

.site-navigation ul li:hover ul li a:hover,
.nav-bar ul li:hover ul li a:hover {
    background: none;
    color: #fff;
    /*#7D9E40;*/
    text-decoration: underline;
}


/*== END SITE LEVEL NAVIGATION */


/*== START WIN BAR ==*/


/* the win bar */

#win-bar {
    position: fixed;
    bottom: -47px;
    left: 0;
    width: 100%;
    height: 46px;
    z-index: 11101;
    font-size: 14px;
    line-height: 14px;
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    min-width: 1130px;
    /*1265px;*/
    display: block;
    /*
	 -webkit-transition: bottom 0.8s cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
	 -moz-transition: bottom 0.8s cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
	 */
    background: transparent url(../images/uni-nav/nav-assets/nav-sprite2015.png) repeat-x 0 -185px;
    border-top: 1px solid #686868;
}

#win-bar .cnt {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 7px;
    width: 1116px;
}

#win-bar h4 {
    color: #F8D48D;
    /*#ec9b4f;*/
    font-style: oblique;
    font-size: 0.9em;
    float: left;
    padding: 8px 10px 0 0;
    text-shadow: 0.1em 0.1em #000;
    display: block;
    width: 70px;
    white-space: normal;
    overflow: hidden;
}

#win-bar h4 span {
    text-transform: uppercase;
}

#win-bar div.winner-display {
    width: auto;
    /*790px;*/
    /* for the 4-up display */
    height: 36px;
    background-color: #000;
    /*#021539;*/
    float: left;
    margin: 5px 0 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
    overflow: hidden;
    display: block;
}


/*
#win-bar #searchWinContainer {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
	margin-top: 10px;
	height: 30px;
	background-color: white;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 295px;
}

#win-bar .searchWin {
	width: 248px;
	margin-top: 4px;
	border: 0;
	color: #707070;
	font-style: italic;
	font-size: 16px;
}

#win-bar .searchWin.searchText {
	color: #000000 !important;
	font-style: normal !important;
}

#win-bar .greyX {
	position: absolute;
	top: 8px;
	left: 284px;
	cursor: pointer;
}

#win-bar .magGlass {
	margin: 11px 9px 0 9px;
	cursor: pointer;
}

*+ html #win-bar .magGlass {
	margin: 0px !important;
	position: absolute;
	top: 12px;
	right: 15px;
}

*/

#win-bar div.winner-display ul {
    margin: 0;
    padding: 5px 10px 0;
    list-style: none;
    overflow: hidden;
    width: 1016px;
}

#win-bar div.winner-display li {
    display: none;
    overflow: hidden;
    width: auto;
    /*opacity: 0;*/
    /*
	 -webkit-transition: opacity 0.4s cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
	 -moz-transition: opacity 0.4s cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
	 */
}

#win-bar div.winner-display li:first-child {
    display: block;
    /*opacity: 1;*/
}

#win-bar div.winner-display li div.winner-group {
    color: #e2e2e2;
    /*#8eadee;*/
    float: left;
    font-size: 80%;
    margin: 0;
    width: 254px;
    /*275px;*/
    font-weight: bold;
    display: block;
    overflow: hidden;
}


/** JKIM
 #win-bar div.winner-display li div+div+div {
 width: 230px!important;
 }
 */


/*#win-bar div.winner-display li img.prize-pic {
 float: left;
 margin: 0 12px 0 0;
 }*/

#win-bar div.winner-display li div.prize-pic {
    float: left;
    margin: 0;
    width: 55px;
    height: 30px;
    background: transparent url("../images/winbar/pchwt_prize_default.png") no-repeat 2px -2px;
}

#win-bar div.winner-display li div.winner-info {
    overflow: hidden;
    text-transform: capitalize;
}

#win-bar div.winner-display li span.winner-name {
    color: #F8D48D;
    /*#8eadee;*/
}

#win-bar div.winner-display li span.winner-location {
    color: #e2e2e2;
}

#win-bar div.winner-display li time {
    color: #ffffff;
    /*#4e81e0;*/
    font-weight: bold;
    font-style: oblique;
}

#win-bar div.winner-display li span.prize {
    color: #ffffff;
    /*#4e81e0;*/
    font-weight: bold;
    font-style: oblique;
}

#win-bar div.win-messages {
    float: right;
    width: 325px;
    position: relative;
    font: bold 16px/14px Arial, sans-serif;
    color: #577cca;
    text-shadow: 0.1em 0.1em #191919;
    border-left: 1px solid #143877;
    padding: 5px 0 4px 20px;
    margin: 4px 0 0 0;
    display: none;
}

#win-bar div.message-count {
    float: left;
    height: 20px;
    padding: 6px 0 0 0;
}

#win-bar span.current,
#win-bar span.total {
    color: #99bbf6;
}

#win-bar div.message-nav {
    float: right;
    width: 100px;
    margin: 0 20px 0 0;
}

#win-bar span.prv,
#win-bar span.nxt {
    background: transparent url("../images/bar_sprite.png") scroll no-repeat left top;
    width: 44px;
    height: 28px;
    cursor: pointer;
}

#win-bar span.prv {
    float: left;
    background-position: -59px -1px;
}

#win-bar span.nxt {
    float: right;
    background-position: -59px -31px;
}


/*== END WIN BAR ==*/


/*== BEGIN IE Class Specific STYLING ==*/


/**
 * Internet Explorer 8 and lower StyleSheet for Universal Navigation 2013;
 * @author: jkim@pch.com
 * @modified: 1/14/2013
 * **notes: yellow font: #f6d793 / #F7D793
 */


/*== Token Center META-GAME CENTER Styling ==*/

.ie7 .token-center .game-center,
.ie8 .token-center .game-center {
    clear: left;
    width: 330px;
    height: auto;
    overflow: hidden;
    margin: 10px auto;
}

.ie7 .token-center .game-center .header,
.ie8 .token-center .game-center .header {
    /*IE 8 Using Sprites */
    border: none;
    background-color: transparent;
    background-image: url(../images/token-center/token-center-bkgd.png);
    background-repeat: no-repeat;
    background-position: -5px -110px;
}

.ie7 .token-center .game-center .footer,
.ie8 .token-center .game-center .footer {
    /*IE 8 Using Sprites */
    border: none;
    background-color: transparent;
    background-image: url(../images/token-center/token-center-bkgd.png);
    background-repeat: no-repeat;
    background-position: -5px -174px;
}


/*== Token Center Container FOOTER Styling ==*/

.ie7 .token-center-container .footer,
.ie8 .token-center-container .footer {
    background: transparent url(../images/token-center/token-center-bkgd.png) no-repeat 0 bottom;
    padding: 2px 0 2px 14px;
    height: 20px;
    color: #888;
}


/*== META-GAME CENTER BONUS GAMES Styling ==*/

.ie7 .game-center h2,
.ie8 .game-center h2 {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#97bb49', endColorstr='#6b8a39', GradientType=0);
}


/*== END IE Class Specific STYLING ==*/


/** Added by Tanmay - Please update if not correct **/

.complete-reg,
.mini-reg {
    padding-bottom: 5px;
}

/* added to fix drop down on winners tab */
.device-tablet.winnersTab #uni_header , .device-desktop.winnersTab #uni_header {
position: relative;
}