/* BLUE color: 1f79ba; (links) BLUE background: #cceaff; border: #8db9d9; (callouts and action messages) GREEN background: #ccffcc; border: #8dd98d; (callouts) YELLOW background: #fefeec; (callouts) RED background: #ffcccc; border: #d98d8d; (callouts and action errors) RED color/border: #990000; (field errors) */ body { width: auto; min-width:980px;margin: 0; padding: 0;color: #ebebeb;background:#171717; font-family: 'Open Sans', 'Lucida Grande', sans-serif; font-size: 13px; } /* === UNIVERSAL === */ p, div { width: auto; margin: 0; padding: 0; } ul, ol { list-style: disc; } li {padding-bottom:0.2em;} img { border: none; } img.inline { vertical-align: text-bottom; } .ohidden { overflow: hidden; } .abs {position:absolute;} .bold { font-weight: bold; } .italic { font-style: italic; } .small { font-size: 12px; } .large { font-size: 15px; } .faded { color: #999; } .center { text-align: center; } .read { line-height: 150%; padding-left:1em;} #content-wrap .hidden {display:none;} a { text-decoration: none; color: #C3B192; } a.red { color: #c9282d; } a:hover { text-decoration: underline; } /* Begin Scrollbar for glyph and popup scrollbar */ .glyph::-webkit-scrollbar,.simplemodal-wrap::-webkit-scrollbar {width:18px;} /* Track */ .glyph::-webkit-scrollbar-track,.simplemodal-wrap::-webkit-scrollbar-track { background-color: #161616; background: -webkit-linear-gradient(left, #161616 0%,#252525 25%,#252525 75%,#252525 75%,#161616 100%); background: linear-gradient(to right, #161616 0%,#252525 25%,#252525 75%,#252525 75%,#161616 100%); -webkit-box-shadow:inset 0 0 0 1px rgba(57,57,57,1); box-shadow:inset 0 0 0 1px rgba(57,57,57,1); } /* Handle */ .glyph::-webkit-scrollbar-thumb,.simplemodal-wrap::-webkit-scrollbar-thumb { background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(10,10,10,0) 1%,rgba(102,102,102,0) 10%,rgba(112,112,112,1) 11%,rgba(65,65,65,1) 33%,rgba(65,65,65,1) 67%,rgba(112,112,112,1) 89%,rgba(102,102,102,0) 90%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(10,10,10,0) 1%,rgba(102,102,102,0) 10%,rgba(112,112,112,1) 11%,rgba(65,65,65,1) 33%,rgba(65,65,65,1) 67%,rgba(112,112,112,1) 89%,rgba(102,102,102,0) 90%,rgba(0,0,0,0) 100%); -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow:inset 1px 0 0 0 rgba(57,57,57,1),inset -1px 0 0 0 rgba(57,57,57,1),inset 0 0 2px 2px #161616,inset 0 2px 3px 0 rgba(112,112,112,1),inset 0 -2px 3px 0 rgba(112,112,112,1); box-shadow:inset 1px 0 0 0 rgba(57,57,57,1),inset -1px 0 0 0 rgba(57,57,57,1),inset 0 0 2px 2px #161616,inset 0 2px 3px 0 rgba(112,112,112,1),inset 0 -2px 3px 0 rgba(112,112,112,1); } .glyph::-webkit-scrollbar-thumb:active,.simplemodal-wrap::-webkit-scrollbar-thumb:active { background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(10,10,10,0) 1%,rgba(102,102,102,0) 10%,rgba(112,112,112,1) 11%,rgba(75,75,75,1) 33%,rgba(75,75,75,1) 67%,rgba(112,112,112,1) 89%,rgba(102,102,102,0) 90%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(10,10,10,0) 1%,rgba(102,102,102,0) 10%,rgba(112,112,112,1) 11%,rgba(75,75,75,1) 33%,rgba(75,75,75,1) 67%,rgba(112,112,112,1) 89%,rgba(102,102,102,0) 90%,rgba(0,0,0,0) 100%); } /* End Scrollbar */ /* GRID */ /* div.padded { padding: 30px 50px 0 50px; } div.padded2 { padding: 20px 30px 0 30px; } div.padded2.no-top { padding: 0 30px 0 30px; } div.padded2 div.row { overflow: hidden; } div.padded2 div.row div.column1 { float: left; width: 380px; margin: 0 20px 0 0; } div.padded2 div.row div.column2 { float: left; width: 380px; } */ .glyph{margin-left:-8px;} .glyph .bg.main-header,.glyph div.top-shelf,.glyph div.cycle-slideshow.bg{margin-top:16px;} #content-wrap {/*max-width:980px;*/margin:0 auto;padding-bottom:4em;position:relative;background:#0e0e0e url(//webcdn.triongames.com/images/common/bg_tile.jpg) 0 0 repeat-x;} /* HEADER */ #header { max-width:980px; margin:0 auto;min-height:94px;color:#999;background: #171717 url(//webcdn.triongames.com/images/common/top-pattern.png) top center no-repeat;webkit-box-shadow:inset 0px 1px 0px 1px rgba(50,50,50,1);box-shadow:inset 0px 1px 0px 1px rgba(50,50,50,1);} #header a { color: #999; } #logo { display: block; width: 173px; height: 60px; margin: 1.25em 0 0 0.25em; background: url(//webcdn.triongames.com/images/common/glyph-logo-horizontal.png) top left no-repeat; } #panel {font-size: 11px;background: #323232;border: 1px solid #6d6d6d;border-radius: 4px;float: right;margin-top: 41px;} #header-bottom { max-width:980px; height: 31px; /*background: #fff url('../img/bg/center-beam.png') top center repeat-x;*/ } .alpha-logo {height: 36px; margin: 25px 0 0 0; background: #cc2929; border: 1px solid #e51717; box-shadow: 0 1px 4px #333; border-radius: 2px; text-transform: uppercase; font-weight: bold; color:#ebebeb; text-align: center; line-height: 36px; font-size: 200%; text-shadow: 0 -1px 0 #000;} #panel .grey-bg {padding:0;margin:0;} #panel ul {list-style:none;margin:0 1px;padding: 0px 0px 0px 0px;} #panel ul li { text-transform:uppercase;float: left; margin: 0; padding: 0; border-right: 1px solid #555555;line-height:24px;} #panel ul li:last-child { border: none; } #panel ul li span, #panel ul li a { display: block; padding: 0 14px 0 14px; color: #ebebeb; } #panel p {margin:0 2px 0 0;padding:0 0 0 9px;} #panel p select {text-transform:uppercase;width:100%; height:auto;margin:0 4px 0 0;padding:0;background:transparent; border: none; font-size: 11px; color: #ccc; border-radius: none; box-shadow: none; font-family: 'Open Sans', 'Lucida Grande', sans-serif; } #panel p select:hover {cursor:pointer;text-decoration:underline;} #panel p select option {background:#323232;} .install-cta {margin:25px 0 0 20px;} /* NAV */ #console{color:#ccc;text-transform:uppercase;font-size:0.9em;line-height:1.5em;padding-bottom:0.2em;word-wrap:break-word;} #nav { border-top: none; text-align: center; text-transform: uppercase; color: #ebebeb;/*box-shadow: 0 2px 2px #222;*/font-family: 'Mako', sans-serif; margin-bottom:16px;display:table;table-layout:fixed;width:98%;} #nav ul { display:table-row; list-style: none; height: 45px; margin: 0; padding: 0; background: #323232; -webkit-border-radius: 4px; border-radius: 4px; } #nav ul li { display: table-cell;height: 45px; margin: 0; padding: 0; border-left: 1px solid #000; position: relative; background: #323232; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzMDMwMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMzAzMDMiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(3,3,3,0) 0%, rgba(3,3,3,0.3) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(3,3,3,0)), color-stop(100%,rgba(3,3,3,0.3))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(3,3,3,0) 0%,rgba(3,3,3,0.3) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(3,3,3,0) 0%,rgba(3,3,3,0.3) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(3,3,3,0) 0%,rgba(3,3,3,0.3) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(3,3,3,0) 0%,rgba(3,3,3,0.3) 100%); /* W3C */ -webkit-box-shadow:inset 1px 1px 0 0 #606060; box-shadow:inset 1px 1px 0 0 #606060; text-align:center; } #nav ul li:first-child {border:none;-webkit-box-shadow:inset 0px 1px 0 0 #606060;box-shadow:inset 0px 1px 0 0 #606060;-webkit-border-radius:4px 0 0 0;border-radius:4px 0 0 0;} #nav ul li:last-child {-webkit-border-radius:0 4px 0 0;border-radius:0 4px 0 0;} #nav ul li:hover a.null {padding-left:6px;} #nav ul li:hover,#nav ul li.selected { background: #323232; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzMDMwMyIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMwMzAzMDMiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMzAzMDMiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(3,3,3,0.3) 0%, rgba(3,3,3,0.3) 1%, rgba(3,3,3,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(3,3,3,0.3)), color-stop(1%,rgba(3,3,3,0.3)), color-stop(100%,rgba(3,3,3,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(3,3,3,0.3) 0%,rgba(3,3,3,0.3) 1%,rgba(3,3,3,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(3,3,3,0.3) 0%,rgba(3,3,3,0.3) 1%,rgba(3,3,3,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(3,3,3,0.3) 0%,rgba(3,3,3,0.3) 1%,rgba(3,3,3,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(3,3,3,0.3) 0%,rgba(3,3,3,0.3) 1%,rgba(3,3,3,0) 100%); /* W3C */ -webkit-box-shadow:inset 1px 1px 0 0 #4d4d4d; box-shadow:inset 1px 1px 0 0 #4d4d4d; } #nav ul li.selected:first-child, #nav ul li:first-child:hover {-webkit-box-shadow:inset 0px 1px 0 0 #4d4d4d; box-shadow:inset 0px 1px 0 0 #4d4d4d;} #nav ul li.selected:first-child a.null, #nav ul li:first-child:hover a.null{padding-left:5px;} #nav ul li.mobileonly {display: none;} #nav ul li a {display:block; color: #ebebeb; line-height: 44px; text-decoration: none; vertical-align: middle;padding: 0 0.4em;letter-spacing:1px;} /* #nav ul li a.selected { background: #777; color:#ebebeb; text-shadow: 0 1px 1px #000; box-shadow: inset 0 2px 3px #000; } */ #as-icon { display: inline-block; width: 32px; height: 32px; background: url('../img/icons/icon_home_sprite.png') top left no-repeat; } #as-icon.selected { background: url('../img/icons/icon_home_sprite.png') bottom right no-repeat; } #nav ul li div { display: none; position: absolute; top: 45px; left: 0; z-index: 100; text-align: left; box-shadow: 0 2px 3px #000; } #nav ul#mobile-nav li div {display:none;} #nav ul li:hover div { display: block; } #nav ul#mobile-nav li:hover div { display: none; } #nav ul li div a { display: block; vertical-align: baseline; } #nav input[type=checkbox] {position: absolute;top: -9999px;left: -9999px;} #nav label {display:none;cursor: pointer;user-select:none;} #nav ul li a span:before,#nav ul li a span:after{content: " ";height: 0;width: 0;position: absolute;pointer-events: none;top: 45%;left: auto;border: solid transparent;} #nav ul li a span:before{border-color: rgba(118, 46, 48, 0);border-top-color: #762e30;border-width: 6px;margin-left: 6px;margin-top: 1px;} #nav ul li a span:after{border-color: rgba(200, 40, 45, 0);border-top-color: #c8282d;border-width: 4px;margin-left: 8px;margin-top: 1px;} #nav-games:hover a span, #nav ul li:hover a span { margin-right:1px; background: url('../img/icons/arrow_mainnav_hover.png') top left no-repeat; } #nav div.games a { padding: 18px 15px 18px 100px; text-transform: none; font-size: 1.1em; line-height: 1.2em; color: #ccc; } #nav div.games a:last-child, #nav div.settings a:last-child { border: none; } #nav div.games a:hover, #nav div.settings a:hover { background-color: #555 !important; color:#ebebeb; } #nav div.settings { width: 100%; margin: 0 0 0 1px; background:#434343;z-index:10000;} #nav div.settings a {margin: 0;text-transform: none;color: #ccc;padding:0 7%;width: 86%;} /* CONTENT */ #content {clear:both;max-width:980px;min-height: 567px;padding:0 0 1.45em;background: #171717;overflow: hidden;margin: 0 auto; -webkit-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px; -webkit-box-shadow:inset 0px -1px 0px 0px rgba(50,50,50,1), inset 1px -1px 0px 0px rgba(50,50,50,1), inset -1px -1px 0px 0px rgba(50,50,50,1), 0px 6px 4px -4px rgba(0,0,0,.75); box-shadow:inset 0px -1px 0px 0px rgba(50,50,50,1), inset 1px -1px 0px 0px rgba(50,50,50,1), inset -1px -1px 0px 0px rgba(50,50,50,1), 0px 6px 4px -4px rgba(0,0,0,.75); } .padtop30 {padding-top:30px;} .padtop22 {padding-top:22px;} #noscript { text-align: center; margin: 0 5px 15px 5px; padding: 10px; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; } /*#content-bottom { min-width:980px; height: 70px; margin: -27px auto 0 auto; background: #fff url('../img/bg/content-bottom.png') top center no-repeat; padding: 0 0 129px 0; position: relative; } */ h1 {margin:0;font-size:25px; font-weight: 600; font-family: 'Open Sans', Arial, sans-serif; } h2 {margin:0;font-weight:600; font-size: 19px; font-family: 'Open Sans', Arial, sans-serif; } h1 span, h2 span {color:#8f8f8f;font-weight:bold;margin-right:0.25em;} h2.pad {margin:30px 0 0 0;} h3 { margin: 0; font-weight:600; font-size: 15px; } span.h-steps { margin: 8px 0 0 10px; color: #727171; font-weight: bold; font-size: 15px; } span.h-link { margin: 5px 0 0 0; padding: 0; font-size: 13px; text-transform: uppercase; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight: normal; } p, div.vindent { margin: 10px 0 0 0; } .bg p {margin:0 0 1em 0;} .round { border-radius: 5px; } .shadow { box-shadow: 0 0 1px #afadab; } div.block, div.message { margin: 0 0 5px 0; /*background: url('../img/bg/bg-trans.png'); border: 1px solid #ccc;*/ border-radius: 5px; } div.divider { float: left; width: 1px; height: 100%; min-height: 30px; margin: 0 5px; background:#fff; } div.message { margin: 10px 0 10px 0; } div.messageHeader {padding: 1em 2.2em;display: block;margin:0;} .boldMessage { font-weight: bold;} #terms { font-weight:normal; } #terms ul { margin-left:0.5em; } .reg-tos { width: 400px; padding:2%; margin:1em 0 0 0; background:none repeat scroll left top #2C2C2C; border:1px solid #6c6c6c; border-top-color:#222; border-radius: 5px; box-shadow:1px 1px 0 0 rgba(21, 21, 21, 0.75) inset; font-size: 15px; } #createAccount_mob { width: 143px; } #createAccount_dob { width: 135px; } #createAccount_yob { width: 135px; } .have-acct {margin: 0.5em 0 0 0;} .capson { visibility:hidden; background:url('../img/icons/capson.png') top left no-repeat; padding-left:20px; } div.hr {border-top:1px solid #363636;-moz-box-shadow:inset #7a7a7a 0px 1px 0px;-webkit-box-shadow:inset #7a7a7a 0px 1px 0px;box-shadow:inset #7a7a7a 0px 1px 0px;height:2px;background:transparent;margin:0.5em 0;} div.hr hr {display:none;} div.hr-bevel { height: 1px; margin: 5px 0 5px 0; background: #ccc; clear: both; } div.hr-bevel.pad { margin: 25px 0 5px 0; } div.hr-bevel.light { background: #ddd; } div.hr-bevel.dark { background: #bbb; } ul.tabs { list-style: none; margin: 15px 0 10px 0; padding: 0 0 0 25px; border-bottom: 2px solid #7d7d7d; /*background:url("../img/bg/tab-barbg.png") bottom repeat-x;*/ } ul.tabs li { display: inline-block; margin: 0px 0 0 5px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid #7d7d7d; border-bottom: none; /*background:url("../img/bg/tab-off.jpg") bottom repeat-x; height:42px; box-shadow:0px -2px 3px -1px #666666;*/ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIwLjMzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzM2MzYzNiIgc3RvcC1vcGFjaXR5PSIwLjMzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjM2MzYiIHN0b3Atb3BhY2l0eT0iMC4zMyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(128,128,128,0.33) 0%, rgba(54,54,54,0.33) 49%, rgba(54,54,54,0.33) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(128,128,128,0.33)), color-stop(49%,rgba(54,54,54,0.33)), color-stop(100%,rgba(54,54,54,0.33))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(128,128,128,0.33) 0%,rgba(54,54,54,0.33) 49%,rgba(54,54,54,0.33) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(128,128,128,0.33) 0%,rgba(54,54,54,0.33) 49%,rgba(54,54,54,0.33) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(128,128,128,0.33) 0%,rgba(54,54,54,0.33) 49%,rgba(54,54,54,0.33) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(128,128,128,0.33) 0%,rgba(54,54,54,0.33) 49%,rgba(54,54,54,0.33) 100%); /* W3C */ vertical-align:bottom; } ul.tabs li a img { vertical-align:text-top; margin-right:2px; } ul.tabs li a img.paypal-tab { margin:2px 2px 5px; } ul.tabs li a { color:#ccc; display: block; padding: 11px 20px 12px 20px; } ul.tabs li:hover,ul.tabs li.selected{ background: rgb(128,128,128); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzM2MzYzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjM2MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(128,128,128,1) 0%, rgba(54,54,54,1) 49%, rgba(54,54,54,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(128,128,128,1)), color-stop(49%,rgba(54,54,54,1)), color-stop(100%,rgba(54,54,54,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(128,128,128,1) 0%,rgba(54,54,54,1) 49%,rgba(54,54,54,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(128,128,128,1) 0%,rgba(54,54,54,1) 49%,rgba(54,54,54,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(128,128,128,1) 0%,rgba(54,54,54,1) 49%,rgba(54,54,54,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(128,128,128,1) 0%,rgba(54,54,54,1) 49%,rgba(54,54,54,1) 100%); /* W3C */ } ul.tabs li:hover { /*background: #eee;*/ } ul.tabs li:hover a { color:#ebebeb;text-decoration: none; } ul.tabs li.selected { /*margin-bottom: -1px;*/ /*padding: 0;*/ /*background: #eee;*/ /*font-weight: bold;*/ /*background:url("../img/bg/tab-on.jpg") repeat-x;*/ /*padding-top:6px;*/ /*border-color:#666666;*/ /*border-bottom:3px solid #dfdfdf !important;*/ } ul.tabs li.selected a { color:#ebebeb; /*color: #000;*/ } div.tabbed { display: none; } div.tabbed.display { display: block; overflow: hidden;} ul.tabs2 { list-style: none; margin: 0; padding: 0; background:none repeat scroll 0 0 #222; border-bottom: 1px solid #666; /*background: #f6f6f6; box-shadow: 0 1px 1px #666; border-top: 1px solid #aaa;*/ } ul.tabs2 li { display: inline-block; margin: 0; padding: 0; background: #000; vertical-align:bottom} ul.tabs2 li a { display: block; padding: 9px 20px 9px 20px; text-transform: uppercase; color: #777; border-right: 1px solid #666; } ul.tabs2 li:hover { background: #333; } ul.tabs2 li:hover a { text-decoration: none;color:#ccc; } ul.tabs2 li.selected { /* background: #777; text-shadow: 0 1px 1px #000; box-shadow: inset 0 2px 3px #000; */ } ul.tabs2 li.selected a { color:#ebebeb; } div.tabbed2 { display: none; /* padding: 20px; background: url('../img/bg/bg-trans.png'); border: 1px solid #999; border-top: none; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; */ } div.tabbed2 .display { display: block; } #sub-status {padding:0;margin:0;} #sub-status div {border-right: 1px solid rgb(102, 102, 102); padding:1%; width: 31%;} #sub-status div:last-child {border-right:none;} ul.tabs2.entitlements li.arrow.selected { background: #000; } ul.tabs2.entitlements li.arrow span { display: inline-block; width: 10px; height: 16px; background: url('../img/icons/tabs2-down.png') center center no-repeat; line-height: 16px; } ul.tabs2.entitlements li.arrow.selected span { background: url('../img/icons/tabs2-up.png') center center no-repeat; } .c12 #addPaymentMethod .g6{width:49.0%;margin-left:0;} #add-card h2 { border-bottom:1px solid #ccc; margin-bottom:20px; } #add-card .column2-sub { background: url('../img/bg/bg-trans.png') repeat; padding:0 10px 10px 10px; border-radius:5px; } #add-card input[type="text"] { width:358px; } #add-card select { width:370px; } #add-card .column2 input[type="text"] { width:348px; } #add-card .column2 select { width:360px; } #add-card #addPaymentMethod_expireMonth,#add-card #addPaymentMethod_expireYear { width:106px; } #add-card #addPaymentMethod_securityCode { width:94px; } #add-card #addPaymentMethod_address_address2 { margin-top:17px; } #add-card #address-province { float:left; margin-right:8px; } #add-card #addPaymentMethod_address_province { width:240px; } #add-card #addPaymentMethod_address_postalCode { width:110px; } div.info-box { padding: 20px; } div.info-box.blue { background: #cfdae5; border: 1px solid #003a67; } div.callout, div.action-messages, div.action-errors, #cooling { background: #00bb2c; border: 1px solid #eee; padding: 0 2%; border-radius: 3px; box-shadow: 0 1px 2px #333; } div.callout.blue, div.action-messages { background:none repeat scroll 0 0 #00A2B9; border-color: #8db9d9; } div.callout.green { background: #ccffcc; border-color: #8dd98d; } div.callout.yellow { background: #fefeec; } div.callout.dark {background: #171717;border:1px solid #666;max-width:400px;width:96%;} #createAccount {width:50%;} #createAccount div.callout.yellow {width:40%;color:#666;} /*#createAccount div.callout.dark, #reset-password-flow div.callout {width:368px;}*/ div.callout.red, div.action-errors { background: #b7444a; border-color: #d98d8d; } /*div.action-messages, */ #cooling { margin: 0 0 10px 0; } div.action-errors,div.action-messages{margin:-16px 1% 16px 1%;padding:0.5em 1%;width:96% !important;} .registration div.action-errors, .registration div.action-messages{margin:16px 1% 16px 1%} div.action-messages img, div.action-errors img {display: block;} span.field-errors { display: block; color: #CC3333; } ul.field-errors { list-style: none; margin: 0 0 5px 0; padding: 5px; color: #CC3333; } ul.field-errors li { margin: 0; padding: 0; } /* FOOTER */ #footer-top { /*max-width:960px;*/ height: 4px; background: #171717 url(//webcdn.triongames.com/images/common/footer-top.png) center bottom no-repeat; } #footer { max-width:980px; background: #171717; /*padding: 0 0 66px 0;*/ /*background: #000 url('../img/bg/header-gradient.png') 0 -23px repeat-x; border-top: 1px solid #000;*/ color: #999; text-transform: uppercase; font-size: 12px; } #footer a { color: #eee; } #legal { /*width:980px;*/ margin: 0 auto 0 auto; padding:1.231em 0; color: #aaa; text-align: center; } div.legal-logos { margin:2em; } .corp-logo {padding: 1em 0 0 0;} #subnav { /*width:980px;*/ margin: 0 auto 0 auto; padding: 1em 0 0 0; text-align: center; } #subnav ul { display: inline-block; list-style: none; margin: 0; padding: 0; overflow: hidden; } #subnav ul li { float: left; margin: 0; padding: 0 25px 0 5px; border-left: 1px solid #555; text-align: left; line-height: 166%; } /* FORM ELEMENTS */ label,input[type="text"],input[type="password"],select,textarea,button{font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif;font-size:13px;} label{display:inline-block;/*margin:0 0 1px 2px;*/font-weight:bold;} select#createAccount_age._regAge{width:80px;} input[type="text"],input[type="password"],select{width:400px;height:25px;padding:4px 2% 6px 2%;margin:5px 0;background:none repeat scroll left top #2C2C2C;/*background: #fff url('../img/input-bg.png') top left repeat-x; border: 1px solid #afadab; */ border:1px solid #6c6c6c; border-top-color:#222; border-radius: 5px; box-shadow:1px 1px 0 0 rgba(21, 21, 21, 0.75) inset; /* box-shadow: 0 0 1px #afadab; */ font-size: 15px; color:#999; } select{width:420px;padding:4px 2% 6px 2%;height:35px;/*width: 380px; padding: 7px 3px 7px 3px;*/} #addSecurity select{width:432px;} input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border: 1px solid #C3B192; } input#createAccount_account_password{width: 200px;} div.sublabel { margin: 0 0 5px 0; } input[type="text"].error, input[type="password"].error, select.error { border-color: #990000; } input[type="submit"], button, a.button { display: inline-block; height: 25px; padding: 5px 10px 5px 10px; background: #2d80cb url('../img/buttons.png') 0 0 repeat-x; /*border: 1px solid #787878;*/ color:#ebebeb; font-size: 14px; font-family: 'Open Sans', Arial, sans-serif; text-shadow: 0px -1px 0px #000; line-height: 25px; text-transform: uppercase; text-align: center; border-radius: 2px; box-shadow: 0 0 3px #303030; cursor: pointer; } input[type="submit"]:hover, button:hover, a.button:hover { background-color: #1b70b8; background-position: 0 -35px; text-decoration: none; } input[type="submit"].action, button.action, a.button.action { background-color: #54920e; background-position: 0 -70px; } input[type="submit"].action:hover, button.action:hover, a.button.action:hover { background-color: #1b70b8; background-position: 0 -105px; } input[type="submit"]:disabled, button:disabled, a.button.disabled, input[type="submit"]:disabled:hover, button:disabled:hover, a.button.disabled:hover { /*background-color: #afafaf; background-position: 0 -140px; text-shadow: 0px -1px 0px #5e5e5e;*/ cursor: not-allowed; color:#CCC;} button { height: 37px; } a.button.slim { height: 15px; line-height: 15px; } div.secondary-actions { display: inline-block; margin: 0 0 0 20px; padding: 0 0 0 28px; background: url('../img/divider.png') center left no-repeat; } a.cancel, a.back { display: inline-block; height: 35px; padding: 2px 0 0 0; line-height: 35px; } input[type="checkbox"], input[type="radio"] { border: none; } textarea { resize: none; } .optin-check {width: 20px; margin: 0 10px 0 0;} .mar-top {margin-top:0.5em;} a.paypal-button { display: inline-block; padding: 0 6px 0 0; background: url('../img/paypal-button.png') bottom right no-repeat; } a.paypal-button span { display: block; height: 33px; padding: 0 12px 0 92px; background: url('../img/paypal-button.png') top left no-repeat; line-height: 33px; color:#ebebeb; font-weight: bold; text-transform: uppercase; text-shadow: 0 -1px 0 #000; font-size: 12px; } #add-paypal a.paypal-button {margin:0 0 1em 0} #add-paypal p {font-size:0.9em;color:#c1c1c1} /* BUTTONS */ .btn.center {margin:8px auto;} .btn.center a,.btn.center button{margin:0 auto;} .btn.right a,.btn.right button{padding:8px 10px;} .main-cta.btn a,.main-cta.btn button{ background: rgb(201,40,45) !important; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5MjgyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZDFmMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important; background: -moz-linear-gradient(top, rgba(201,40,45,1) 0%, rgba(157,31,35,1) 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,40,45,1)), color-stop(100%,rgba(157,31,35,1))) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(201,40,45,1) 0%,rgba(157,31,35,1) 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(201,40,45,1) 0%,rgba(157,31,35,1) 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(201,40,45,1) 0%,rgba(157,31,35,1) 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, rgba(201,40,45,1) 0%,rgba(157,31,35,1) 100%) !important; /* W3C */ border: none !important; box-shadow:none; /*box-shadow: 0px 1px 0px #901f26,0 2px 2px #111 !important;*/ color:#ebebeb !important; width:220px; float:none; position: relative; } .main-cta.btn a:hover,.main-cta.btn button:hover, .main-cta.btn a:active,.main-cta.btn button:active{ background: rgb(223,44,50) !important; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmMmMzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZTIyMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important; background: -moz-linear-gradient(top, rgba(223,44,50,1) 0%, rgba(174,34,39,1) 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(223,44,50,1)), color-stop(100%,rgba(174,34,39,1))) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(223,44,50,1) 0%,rgba(174,34,39,1) 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(223,44,50,1) 0%,rgba(174,34,39,1) 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(223,44,50,1) 0%,rgba(174,34,39,1) 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, rgba(223,44,50,1) 0%,rgba(174,34,39,1) 100%) !important; /* W3C */ border: none !important; box-shadow:none; /*box-shadow: 0px 1px 0px #a0232a,0 2px 2px #111 !important;*/ color:#ebebeb !important; } .main-cta.btn a:active,.main-cta.btn button:active{ box-shadow:inset 1px 1px 1px #6d1618 !important } .main-cta.btn a:active span,.main-cta.btn button:active span{ top:1px; left:1px; position:relative; } .main-cta.btn.win-btn a:after{ background: url('../img/icons/windows_logo.png') no-repeat 0px 0px; right: 6%; top: 19%; position: absolute; content: ""; width: 19px; height: 23px; } .main-cta.btn.mac-btn a:after{ background: url('../img/icons/apple_logo.png') no-repeat 0px 0px; right: 6%; top: 13%; position: absolute; content: ""; width: 19px; height: 23px; } button#glyph_client_win_record-first-client-download:after{ background: url('../img/icons/windows_logo.png') no-repeat 0px 0px; right: 6%; top: 19%; position: absolute; content: ""; width: 19px; height: 23px; } button#glyph_client_mac_record-first-client-download:after{ background: url('../img/icons/apple_logo.png') no-repeat 0px 0px; right: 6%; top: 13%; position: absolute; content: ""; width: 19px; height: 23px; } button#glyph_client_win_record-first-client-download.kmq-client, button#glyph_client_mac_record-first-client-download{ width: 252px; } /* .main-cta.btn.mac-btn a{ background: url('../img/icons/apple_logo.png') top left no-repeat;float:left;} } */ .btn a,.btn button{ color:#e8e8e8 !important; width:170px; margin:0; height:auto; text-transform:uppercase; display:block; text-align:center; padding:0.5em 1em; /*margin: 0 12px;*/ font-size:16px; line-height:20px; text-shadow:1px 1px 1px #151515; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #959595 !important; background:#1d1d1d !important; /*float:left;*/ } .left, .left button {float:left;} .sm-btn{padding-bottom:1.5em;} .sm-btn.gift span{padding-left:20px;position:relative;} .sm-btn.gift a:active span:before{background-position:0 -16px;} .sm-btn.gift span:before{content:"";position:absolute;margin-left:-20px;background:transparent url(http://webcdn.triongames.com/glyph/product/gift_icon_sprite.png) no-repeat 0 0;top:7px;width:14px;height:15px;} .sm-btn.center{margin:1em auto;} .sm-btn.center a,.sm-btn.center button,.sm-btn.center input[type="submit"] {text-align:center;margin-left:auto;margin-right:auto;width:11em !important;} .sm-btn a,.sm-btn button,.sm-btn input[type="submit"]{ padding:0; color:#c4b193 !important; height:auto; text-transform:uppercase; text-align:center; font-size:1.077em; line-height:2.308em; text-shadow:1px 1px 1px #151515; -webkit-border-radius:2px; border-radius:2px; border:1px solid #959595 !important; background:#1d1d1d !important; min-width:11em !important; display:block; } /* .sm-btn.left a,.sm-btn.left button,.sm-btn.left input[type="submit"]{ width:auto !important; } */ .sm-btn button,.sm-btn input[type="submit"]{padding:0} .sm-btn span{display:block;margin:0 1em} div.sm-secondary-actions {display:block;margin:0 0 0 2.2em;background: url('../img/divider.png') top left no-repeat;float:left;} div.sm-secondary-actions .sm-btn.left{margin:0 0 0 2.7em;} .btn.left button {margin:0;} .btn button{ cursor: pointer; /*padding: 0px 27px 3px 28px;*/ width: auto; min-width: 190px; max-width: 100%; outline:none; border:1px solid #959595 !important; } .sm-btn a:disabled,.sm-btn button:disabled,.sm-btn input[type="submit"]:disabled .btn a:disabled,.btn button:disabled {color:#555555 !important;background:#1d1d1d !important;border:1px solid #555555 !important;} .sm-btn a:hover,.sm-btn button:hover,.sm-btn input[type="submit"]:hover, .btn a:hover,.btn button:hover {text-decoration:none;color:#C3B192 !important;background:#1d1d1d !important;border:1px solid #d3c09f !important;} .sm-btn a:active,.sm-btn button:active,.sm-btn input[type="submit"]:active{border-color:#a2927a !important;color:#a2927a !important} .btn button:focus,.sm-btn button:focus,.sm-btn input[type="submit"]:focus{outline:none} /* .btn a:active,.btn button:active {text-decoration:none;color:#ad2227 !important;background:#1d1d1d !important;border:1px solid #c6282d !important;} */ .install-cta a {background: url("https://webcdn.triongames.com/glyph/install-glyph-btn.png") no-repeat scroll 0 0 transparent;border: medium none !important;float: left;height: 34px;width: 171px;} .en .install-cta a {background-position: 0 -176px;} .en .install-cta a:hover {background-position: 0 -141px;} .de .install-cta a {background-position: 0 -36px;} .de .install-cta a:hover {background-position: 0 -1px;} .fr .install-cta a {background-position: 0 -106px;} .fr .install-cta a:hover {background-position: 0 -71px;} /* dl-win btn, dl-mac btn */ .main-cta.btn #glyph_client_win {margin-bottom: 10px;} .main-cta.btn #glyph_client_win_record-first-client-download {margin-bottom: 10px;} /* GENERAL STYLES */ .grey-bg {color: #ebebeb;margin-top:1.7em; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; background: #2e2e2e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlMmUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZjZmNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #2e2e2e 0%, #6f6f6f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e2e2e), color-stop(100%,#6f6f6f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2e2e2e 0%,#6f6f6f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2e2e2e 0%,#6f6f6f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2e2e2e 0%,#6f6f6f 100%); /* IE10+ */ background: linear-gradient(to bottom, #2e2e2e 0%,#6f6f6f 100%); /* W3C */ } .grey-bg .grey-wrap { overflow:hidden; margin:1px; padding:21px 0 15px 0; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;-webkit-box-shadow:inset 1px 1px 0 0 rgba(21,21,21,.75); box-shadow:inset 1px 1px 0 0 rgba(21,21,21,.75); background: #323232; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjQyNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #323232 0%, #424242 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#424242)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #323232 0%,#424242 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #323232 0%,#424242 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #323232 0%,#424242 100%); /* IE10+ */ background: linear-gradient(to bottom, #323232 0%,#424242 100%); /* W3C */ } .grey-bg .grey-indent {background: none repeat scroll 0 0 #2C2C2C;padding:1.8em;} .grey-bg.vp-act {margin-top:1em;} .grey-bg.vp-act .grey-indent {padding:1em;} .grey-bg .reg-box {padding:1.5em 1em;} .bg {background:#555;width:100%;margin:1.231em auto 0 auto;-webkit-border-radius:3px;border-radius:3px;overflow:hidden;clear:both;} .bg header { background: rgb(53,53,53); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1MzUzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTJlMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top,rgba(53,53,53,1) 0%,rgba(46,46,46,1) 100%); /* FF3.6+ */ background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(53,53,53,1)), color-stop(100%,rgba(46,46,46,1))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top,rgba(53,53,53,1) 0%,rgba(46,46,46,1) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top,rgba(53,53,53,1) 0%,rgba(46,46,46,1) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top,rgba(53,53,53,1) 0%,rgba(46,46,46,1) 100%); /* IE10+ */ background:linear-gradient(to bottom,rgba(53,53,53,1) 0%,rgba(46,46,46,1) 100%); /* W3C */ line-height:3.3em;padding:0 2.2em;border-radius:3px 3px 0 0;overflow:auto;} .bg header h1 {margin:0;font-size:19px;font-family:'Open Sans',Arial,sans-serif;} .bg header h2 {margin:0;} .bg .inset{padding:1em 1.8em;overflow:auto;margin:0;} .g12 .bg header {padding:0 2.2em} .g12 .bg .inset{padding:1em 2.2em} .g12 .bg .rewards.inset{padding:1em 1.8em} .bg .inset.border-top{border-top:1px solid #363636;-moz-box-shadow:inset #7a7a7a 0px 1px 0px;-webkit-box-shadow:inset #7a7a7a 0px 1px 0px;box-shadow:inset #7a7a7a 0px 1px 0px;} .bg .inset .bg {background:#444;border:1px solid #666;width:auto;margin:0;-webkit-border-radius:3px;border-radius:3px;padding: 1em;overflow:visible;clear:none;} #products .bg .inset .g2 {width:9.4%} #products .bg .inset .g7 {width:59%} #products .bg .inset .g3 {width:25.6%} #modalHelp {margin-left:1em;margin-top:1em;display:block;} #submitToken_plat_public_machine_label{font-weight:normal;} #products img.product-border {border:1px solid #888888;box-sizing:border-box} .receipt-logo {border:0;} #products .mgu-banner span.bold{font-size:150%;display: inline;float:left;} #products .mgu-banner em.discountTag{color:#FFF;background:transparent url('http://webcdn.triongames.com/glyph/product/red_tag.png') no-repeat center top;font-size:12px;line-height:12px;width:66px;height:21px;font-style:normal;display:block;display:inline-block;margin:4px 3px 0 0;padding-top:5px;padding-left:15px;float:left;} #products .mgu-banner {margin-top:-0.3em;} #content .price strike {color: #999;position: relative;} #content .price strike:after {border-bottom: 2px solid #999;content: "";left: 0;position: absolute;right: 0;top: 50%;} .bg.main-header{margin-top:0;} .main-header{display:block;background:#333 none scroll right top no-repeat} .main-header .c12{display:table-row;} .main-header .game-details{display:table-cell;float:none;margin:0;width:32%;} .main-header .game-details{vertical-align:bottom} .main-header .game-details.aaf-intro{vertical-align:top;padding-top:1em;} /* .main-header .media-player .slide .dob-form {width:90%;height:332px;background:#1e1e1e;border:1px solid #838383;padding:0 3.5%} .main-header .media-player .slide .dob-form h2 {padding-top:1em;} .main-header .media-player .slide img {width:97%} .main-header .media-player .slide iframe {width:97%;border:1px solid #838383;margin-bottom:-4px;padding-right:1px;} .main-header .media-player .controls-viewport{margin:0 6.5% 0 3.1%;overflow:hidden;position:relative;height:100%;} .main-header .media-player .controls{position:relative;margin:2.4% -2px 2.4% 2px;height:62px;overflow:hidden;} .main-header .media-player .prev a{background: transparent url(//webcdn.triongames.com/images/common/arrow_sprite.png) scroll 0 0 no-repeat;width: 16px;height: 51px;display: block;position: relative;text-indent: -9999px;} .main-header .media-player .next a{background: transparent url(//webcdn.triongames.com/images/common/arrow_sprite.png) scroll -16px 0 no-repeat;width: 16px;height: 51px;display: block;position: relative;text-indent: -9999px;} .main-header .media-player .prev a:hover{background-position:0 -51px;} .main-header .media-player .next a:hover{background-position:-16px -51px;} .main-header .media-player .prev a.disabled, .main-header .media-player .prev a.disabled:hover{background-position:0 -102px;cursor:default} .main-header .media-player .next a.disabled, .main-header .media-player .next a.disabled:hover{background-position:-16px -102px;cursor:default} .main-header .media-player .prev{left:0;} .main-header .media-player .next{right:20px;} .main-header .media-player .prev, .main-header .media-player .next{position:absolute;top:5px} .main-header .media-player .prev, .main-header .media-player .next, .main-header .media-player ul, .main-header .media-player li {display:block;float:left;} .main-header .media-player ul {display:block;list-style:none;margin:0;padding:0;position:absolute;width:1000em;} .main-header .media-player li {padding-right:1px} .main-header .media-player li span {position:absolute;top:0;left:0;width:100%;height:100%;background:url(//webcdn.triongames.com/images/common/th_play_btn.png) scroll center center no-repeat} .main-header .media-player li a {display:block;position:relative} .main-header .media-player li a:hover img, .main-header .media-player li.active a img {opacity:1} .main-header .media-player li a img {width:107px !important;opacity:0.75;} .main-header .media-player li.active img {border:1px solid #c4b193;} */ .main-header .game-details div {text-align:center;} .main-header .game-details .game-logo {width:94%;margin:1em auto 1em auto;position:relative;} .main-header .game-details .game-logo span {position:absolute;right:69px;top:-6px;} .main-header .game-details .game-logo img {max-width:150px;} .main-header .game-details .game-logo, .main-header .game-details .game-description {padding:0 3%;} .main-header .game-details .game-cta {margin-bottom:4.1em;margin-top:1.1em;} .main-header .game-details .main-cta.btn a{margin:0 auto;cursor:pointer;} .main-header .game-details .main-cta.btn button{margin: 0px auto 10px auto; cursor:pointer;} /* * jQuery FlexSlider v2.5.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flexslider { position:relative; /* margin: 0; background: #ffffff; border: 4px solid #ffffff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); */} .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } #carousel .flex-direction-nav{display:none;} #carousel .flex-viewport{margin:2.4% 25px;} #carousel li{margin-right:2px;display:none;} #slider .flex-direction-nav{position:absolute;bottom:-73px;width:100%;} .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 2px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a{position:absolute;z-index:10;text-indent: -9999px;} .flex-direction-nav .flex-nav-prev{float:left;} .flex-direction-nav .flex-nav-next{float:right;} .flexslider .flex-direction-nav a{ outline:none; opacity: 0.7; background: transparent url(//webcdn.triongames.com/images/common/arrow_sprite.png) scroll 0 0 no-repeat; width: 16px; height: 51px; display: block; position: relative; text-indent: -9999px; } .flexslider .flex-direction-nav a.flex-next{background-position:-16px 0px;} .flexslider .flex-direction-nav a.flex-prev.flex-disabled{background-position:0 -102px;cursor:default;} .flexslider .flex-direction-nav a.flex-next.flex-disabled{background-position:-16px -102px;cursor:default;} #carousel.flexslider .slides li img{opacity:0.75;border:1px solid #838383;} #carousel.flexslider .slides li.flex-active-slide img,#carousel.flexslider .slides li a:hover img{opacity:1;border:1px solid #c4b193;} .flex-direction-nav .flex-prev:hover { opacity: 1; background-position:0 -51px; } .flex-direction-nav .flex-next:hover { opacity: 1; background-position:-16px -51px; } .flex-direction-nav a.flex-disabled { display:none; } .flex-play a:before { font-family:'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 5em; display: inline-block; position: absolute; bottom: 37%; left: 46%; opacity: 0.8; cursor: pointer; color: #C3B192; content: '\25B6'; } .flex-pauseplay a:hover { opacity: 1; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .main-header .media-player{display:table-cell;float:none;margin:0;width:68% !important;padding:1em 1.5em 1em 1em;vertical-align:top} .main-header .media-player img {border:1px solid #838383;box-sizing:border-box;} .main-header .media-player .slide img{max-width:606px;width:100%;} /*.main-header .media-player .slide img {margin:2.4% 0 0 2.4%}*/ /*.main-header .media-player{display:table-cell;float:none;margin:0;width:32%;}*/ /*.main-header .media-player{vertical-align:top} .main-header .media-player {width:61% !important;padding:1em 1.5em 1em 1em;} .main-header .media-player img {width:100%;box-sizing:border-box;border:1px solid #838383;} */ /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } .sidebar .main-header .game-details{padding-top:8.5%} .sidebar .main-header .game-details .game-cta {margin-bottom:8.5%} .sidebar .bg.ad {background:transparent;border-radius:initial;margin-top:16px;} .sidebar h2 {text-align:center} /* MANAGE GAMES */ /* MANAGE GAMES CYCLE */ /* set border-box so that percents can be used for width, padding, etc (personal preference) */ div.top-shelf,div.cycle-slideshow.bg,#manage-games .boxArt{margin-bottom:16px;margin-top:0;-webkit-border-radius:0;border-radius:0;} #sidebar div.cycle-slideshow.bg.ad {margin-top:1.231em;} #sidebar .sm-btn{padding-bottom: 0;margin: 0 auto;} #manage-games .boxArt{margin-top:16px} #manage-games .no-games{background:transparent url(http://webcdn.triongames.com/glyph/library/no_game_bg.jpg) no-repeat 0 0;background-size:100.00000% 100.00000%; height:0; max-width:960px; padding-bottom:50.93750%; width:100%;} #manage-games .no-games .no-games-details{padding:4em 0.7em 0.4em 0.7em} #manage-games .no-games .no-games-details p{font-size: 1.2em;margin: 0;} #manage-games .no-games .no-games-details .main-cta.btn {padding-top:2em;} div.top-shelf .cycle-slideshow .cycle-overlay {display:none;min-height:46px;padding:1em;font-family:'Open Sans',Arial;opacity:1;background-color:rgba(0,0,0,.5);color:#ebebeb;border:1px solid #707070;border-top:0;} div.top-shelf .cycle-slideshow .cycle-overlay .h {text-transform:uppercase;font-size:1.5em;line-height:1em;padding-bottom:0;font-weight:600} div.top-shelf .cycle-slideshow img {border:1px solid #707070;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*.cycle-slideshow {width: 45%; min-width: 200px; max-width: 500px; margin: 10px auto; padding: 0; position: relative;background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;}*/ /* slideshow images (for most of the demos, these are the actual "slides") */ /*.cycle-slideshow img {position: absolute; top: 0; left: 0;width: 100%; padding: 0; display: block;}*/ /* in case script does not load */ .cycle-slide {width:100%;} .cycle-slideshow img:first-child {position: static; z-index: 100;} /* pager */ .cycle-pager {text-align: right; width: 100%; z-index: 700; position: absolute;bottom:5.5%;right:3%; overflow: hidden;} .cycle-pager span {margin:2px;font-family: arial; font-size: 0; width: 12px; height: 12px;display: inline-block; cursor: pointer; -webkit-box-shadow:inset 0 0 0 1px #444,inset 1px 1px 0 1px rgba(21,21,21,0.65);box-shadow:inset 0 0 0 1px #444,inset 1px 1px 0 1px rgba(21,21,21,0.65);-webkit-border-radius:12px;-moz-border-radius:12px;border-radius: 12px;color: #333;background-color:#333;} .cycle-pager span:hover {color: #9a1010;background-color:#9a1010;} .cycle-pager span.cycle-pager-active {color: #c9282d;background-color:#c9282d;} .cycle-pager > * { cursor: pointer;} /* caption */ .cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; } /* overlay */ .cycle-overlay {font-family: tahoma, arial;position: absolute; bottom: 0; width: 100%; z-index: 600;background: black; color: white; padding: 15px; opacity: .5;} .disabled { opacity: .5; filter:alpha(opacity=50); } /* display paused text on top of paused slideshow */ .cycle-paused:after {content: 'Paused'; color: white; background: black; padding: 10px;z-index: 500; position: absolute; top: 10px; right: 10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius: 10px;opacity: .5; filter: alpha(opacity=50);} #manage-games a {font-size:17px;} #content-bottom {height: 0;background: #171717;} .center {text-align:center !important;margin-left:auto !important;margin-right:auto !important;} #manage-games ol {margin:0;padding:0;} #manage-games .gameListHeader {padding: 0.4em 0.7em;background: #2f2f2f;margin:0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #manage-games ol li a {text-transform:uppercase;color:#ebebeb;font-size:14px;} #manage-games ol li.game{list-style:none} #manage-games ol li.game:hover .popout, #manage-games ol li.game .popout:hover {/*visibility:visible;opacity:1;display:block;width:260px;*/} #manage-games ol li.game .popout.hover {visibility:visible;opacity:1;display:block;width:260px;} #manage-games ol li.game .popout h4{margin:0;} /* boxArt after to keep hover working for the gap between the popout and the game art hover */ #manage-games ol li.game:hover .boxArt a {border-color:#aaa} #manage-games ol li.game:hover .boxArt a img {opacity:.6} #manage-games ol li.game:hover .boxArt:after {position:absolute;content:"";padding:233px 11px 0 0;top:-12px;right:-11px;} #manage-games ol li.game.flipped:hover .boxArt:after {left:-11px;right:auto;} #manage-games ol li.game .popout { /*-webkit-transition: opacity 0.25s ease-in-out 0.25s; -moz-transition: opacity 0.25s ease-in-out 0.25s; -o-transition: opacity 0.25s ease-in-out 0.25s; transition: opacity 0.25s ease-in-out 0.25s; */width:0;visibility:hidden;position: absolute;top:6px;left: 153px;z-index: 100;background: #555;border: 1px solid #888;opacity: 0;display:inline;border-radius: 4px;-webkit-box-shadow: rgba(0, 0, 0, .8) 0 0 10px;-moz-box-shadow: rgba(0, 0, 0, .8) 0 0 10px;box-shadow: rgba(0, 0, 0, .8) 0 0 10px;} #manage-games ol li.game.flipped .popout:after, #manage-games ol li.game.flipped .popout:before {right:auto;left:100%;} #manage-games ol li.game .popout:after, #manage-games ol li.game .popout:before {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;} #manage-games ol li.game .popout:before {margin-top:-1px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:12px solid #888;} #manage-games ol li.game .popout:after {margin-top:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:11px solid #555;} #manage-games ol li.game.flipped .popout {left:-275px;} #manage-games ol li.game.flipped .popout:before{border-left:13px solid #888;border-right:0 solid transparent;} #manage-games ol li.game.flipped .popout:after{border-left:12px solid #555;border-right:0 solid transparent;} #manage-games ol li.game .popout .title{padding: 6px 20px;background:#323232;border-radius: 4px 4px 0 0;} #manage-games ol li.game .popout .details{padding: 6px 20px;} #manage-games ol li.game .popout .details .sm-btn{padding:1em 0;} #manage-games ol li.game .popout .details .sm-btn a{width:54% !important;} #manage-games ol li.game {position:relative;} #manage-games ol li.game a{position:relative;border: 1px solid #707070;display: block;} #manage-games ol li.game span {display: block;width: 100%;line-height: 2.2em;background-color: rgba(23,23,23,0.7);position: absolute;bottom:0;} #manage-games ol li.game .btn {max-width: 150px;} #manage-games ol li.game a input {display:none;} #manage-games ol li .game-wrap {min-height:346px;} #manage-games ol li .game-wrap .btn a {width:auto;} #manage-games ol li .game-wrap img {max-height:225px !important;max-width:150px !important;} div.top-shelf img {border:1px solid #444;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} div.legal-text {padding:2em 0;} .grey-bg .entitlement-box {padding:0;} .social{padding:0.8em 0} .social img{padding:0.5em} /* ACCOUNT SUMMARY */ #summary { margin: 5px 0 50px 0; width: 940px; height: 322px; position: relative; } #summary div { position: absolute; right: 0; z-index: 10; } #summary div a { display: block; width: 230px; height: 22px; margin: 1px 0 0 0; padding: 5px 10px 5px 30px; background: url('../img/black-opacity-80.png'); color: #eee; font-weight: bold; border: 1px solid #5f5f5f; border-left: none; font-size: 15px; text-shadow: 0 1px 1px #000; line-height: 22px; } #summary div a:hover { background: url('../img/nav_hover_bg.png') top left repeat-x; border-color: #000; text-decoration: none; } #summary div a.highlight { background: url('../img/nav_highlight_bg.png') top left repeat-x; position: relative; } #summary div a.highlight span { display: block; position: absolute; top: 10px; left: 15px; width: 9px; height: 13px; background: url('../img/nav_highlight_arrow.png') top left no-repeat; } #summary div.lip { width: 211px; height: 322px; z-index: 20; } a.promotion { display: block; float: left; margin: 3px 4px 3px 3px; box-shadow: 0 0 3px #111;} a.promotion img { display: block; width: 300px; height: 100px; border: 3px solid #fff; } a.promotion.double img { width: 457px; } a.promotion.single img { width: 927px; } /* MANAGE GAME */ div.mg-dashboard { padding: 20px 30px 20px 30px; background: url('../img/bg/bg-trans.png'); border-radius: 5px; overflow: hidden; } div.mg-dashboard div.mgd-box { float: left; width: 150px; height: 225px; margin: 0 40px 0 0; } div.mg-dashboard div.mgd-box img { width: 150px; height: 225px; } div.mg-dashboard div.mgd-overview { float: left; width: 298px; margin: 0 40px 0 0; } div.mg-dashboard div.mgd-ad { float: left; width: 192px; height: 192px; margin: 16px 0 17px 0; } div.mg-dashboard div.mgd-ad img { width: 192px; height: 192px; } div.mg-dashboard div.mgd-alpha { float: left; width: 530px; margin-top:15px; } div.mgd-ribbon { min-height: 70px; margin-top: 10px; background:url('../img/eon/badge_beta_en.png') -33px top no-repeat; font-weight: bold; font-family: arial; border-radius: 5px; overflow: hidden; } div.mgd-ribbon.mgd-rd { padding: 15px 40px 20px 135px; background-color: #ecdccc; border: 1px solid #ba9e82; } div.mgd-ribbon.mgd-gn { padding: 15px 40px 20px 135px; background-color: #CFE5D2; border: 1px solid #00670E; } div.mgd-ribbon.mgd-slim { padding: 5px 40px 10px 135px; } div.mgd-ribbon.no-badge { padding: 5px 40px 10px 40px; } div.mgd-ribbon div.mgd-button { margin: 10px 0 0 0; text-align: center; } div.mg-upgrade { margin: 0 0 15px 0; padding: 10px; background: url('../img/bg/bg-trans.png'); overflow: hidden; } div.mg-upgrade div.mgu-box { float: left; width: 67px; min-height: 100px; margin: 10px 20px 10px 10px; } div.mg-upgrade div.mgu-box img { display: block; width: 67px; height: 100px; } div.mg-upgrade div.mgu-banner { float: left; width: 490px; min-height: 100px; padding: 10px 0 10px 0; } div.mg-upgrade div.mgu-banner div.mgu-backdrop { float: right; margin: 0 0 0 5px; } div.mg-upgrade div.mgu-banner div.mgu-backdrop img { display: block; } div.mg-upgrade div.mgu-banner ul { margin: 5px 0 0 0; padding: 0 0 0 15px; font-size: 13px; } div.mg-upgrade div.mgu-button { float: left; width: 150px; padding: 41px 10px 0 0; text-align: center; } div.mg-upgrade div.mgu-button span.price { float: left; width: 150px; padding: 10px 10px 0 0; text-align: center; font-style: italic;} .eula {height: 200px; margin: 20px 0 0 0; padding: 10px; background: #111; color: #b2b2b2; overflow: auto; box-shadow: inset 0 0 5px #787878; border-radius: 2px} /* MODAL */ div.m-container { display: none; position: fixed; top:0; /*25%;*/ margin:0; /*-25% 0 0 0;*/ left: 0; z-index: 9999; width: 100%; height: 100%; color:#ebebeb; background: url('/site-templates/1000/img/bg/modal.png'); } div.m-box { width: 550px; min-height: 150px; margin: 5% auto auto auto; background: #000; border-radius: 4px; /*box-shadow: 0 0 10px 2px #000;*/ opacity: 1; padding: 5px 30px 20px 30px; } div.m-box p { margin-top: 25px; } div.m-btns { margin-top: 30px; text-align: center; } /* CREDITS */ .npBannerSmall,.npBannerLarge{display:block;position:absolute;top:0; background:#2b2b2b;margin:0 0.5%;padding:0 1%;clear:both;line-height:36px;color:#ffcc00;} .npBannerLarge{width:72.2%;left:24.9%;} .npBannerSmall{width:63.7%;left:33.2%;} #products .credits-bar img {margin:0;width:100%;border:none;} .credits-bar .cb-value {/*float:left;*/line-height:40px;font-size:2.2em;color:#ebebeb;display:inline;} .credits-bar .cb-value.seven-digits {font-size:240%;} .credits-bar .cb-text {margin-top:0;font-weight:bold;} .credits-bar .cb-text p {display: inline;font-size: 1.31em;margin-right: .2em;} .credits-bar .cb-explained {border-top:1px solid #363636;padding-top:1em;padding-bottom:1em;margin-top:1em;} div.credits-bar div.divide {border-left:1px solid #555;height:60px;padding-left:1.5em;padding-top:1.5em} .credits-bar .btn a {margin:0 0 0 -9px;} .credits-bonus-text, .patron-bonus-text { background: #458a45; padding: 1em; text-align: center; position: relative; background: -moz-linear-gradient(left, rgba(53,98,53,1) 0%, rgba(69,138,69,1) 30%, rgba(69,138,69,1) 70%, rgba(53,98,53,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(53,98,53,1) 0%,rgba(69,138,69,1) 30%,rgba(69,138,69,1) 70%,rgba(53,98,53,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(53,98,53,1) 0%,rgba(69,138,69,1) 30%,rgba(69,138,69,1) 70%,rgba(53,98,53,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .credits-bonus-text:after, .patron-bonus-text:after { position: absolute; top: 0; content: ""; border: 8px solid #555555; border-left: 13px solid transparent; margin-left: -13px; border-right: 13px solid transparent; border-bottom: none; } .credits-bonus-text p, .patron-bonus-text p { margin: 0; color: #fffac0; font-size: 1.77em; font-weight: bold; line-height: 1.4em; text-shadow: 0px 1px 2px #111; } div.aa-credits {font-size: 1.5em;font-weight: bold;color: #ebebeb;padding: 0px 0px 10px 0px;} /* VIEW PRODUCT */ div.view-product { padding: 10px; background: url('../img/bg/bg-trans.png'); border: 1px solid #ccc; border-radius: 5px; overflow: hidden; } div.view-product div.vp-box { float: left; width: 150px; margin: 0 20px 0 0; } div.vp-box img { display: block; } div.view-product div.vp-details { float: left; width: 588px; } div.vp-details div.vp-content { height: 70px; padding: 40px 0 40px 0; font-weight: bold; } div.vp-content p { font-size: 225%; } div.vp-content span { font-size: 150%; } div.vp-rating img {padding:4% 0} div.vp-details div.vp-act { height: 75px; } div.vp-act span.vp-price { line-height: 37px; font-weight: bold; font-size: 200%; } .vpi-points {display:table;width:100%;} .vpi-points .vpi-points-row {-webkit-box-shadow:1px 0 0 0 #333;box-shadow:1px 0 0 0 #333;display:table-cell;float:none;padding:2%;vertical-align:top;max-width:195px;} div.vpi-points-row div ul {list-style:none;margin:0;padding:0} div.vpi-points-row div ul li {margin:0;padding:0} /* div.view-product-screens { padding: 20px 10px 20px 10px; background: #ccc; border-radius: 5px; box-shadow: inset 0 0 5px #787878; overflow: hidden; } */ div.view-product-screens {text-align:center;} div.view-product-legal { padding: 1em 0; } /* a.screenshot { display: block; float: left; margin: 0 0 0 15px; position: relative; } a.screenshot img { display: block; width: 178px; height: 104px; } a.screenshot:first-child { margin: 0; } */ a.screenshot {display:inline;margin:0 1% 0 1%;} a.screenshot img {width:22%;margin:1% 0;border:1px solid #222;border-radius:0.4em;} a.screenshot:hover img {border-color:#ccc;} /* PAYMENT METHODS */ /*#cooling { background: #eeeed4; border-color: #edd387; }*/ #storedPymtMethodsContainer div.payment-methods{margin-bottom:0;} div.payment-methods{margin-bottom:1.6em;} div.payment-methods div.pm-option:hover{background-color:#2b2b2b;} div.payment-methods div.pm-option { margin:0 0 1px 0;height: 50px; background: #4c4c4c none scroll 0 0 no-repeat; } div.pm-option div.pm-details span {clear:both;display:inline;} span.paymentMethodListHeader, span.paymentMethodListHeader span {display:block;} span.paymentMethodListHeader strong {display:block;} /*div.pm-option div { height:50px; line-height:50px; }*/ div.pm-option div { line-height: 3.846em;height: 3.846em; } div.pm-option div.option-top { width:6%; float:left;} div.pm-option div.pm-radio input[type='radio']{cursor:pointer;height:0;width:0;display:none;} div.pm-option div.pm-radio {padding: 0 1%; } div.pm-option div.pm-type { float: left;width:4%; padding: 0 1%;} div.pm-type img { vertical-align: middle; } div.pm-option div.pm-details { float: left;width:86%;padding: 0 1%; } div.pm-option div.pm-details.double {height:50px;line-height:25px;} div.pm-details p { float: right; height:50px; margin:0; text-align: right; } div.pm-details p.single { line-height: 48px; } div.pm-details p.double { line-height: 24px; } div.pm-details.double p { margin: 0 0 8px 0; } /*div.pm-details a { color: #00afdb; }*/ div.pm-option.selected div.option-top { background:url('../img/check.png') center center no-repeat; } div.payment-methods div.pm-option.selected {background-color:#2b2b2b;-moz-box-shadow:inset #e8e8e8 0px 0px 0px 2px;-webkit-box-shadow:inset #e8e8e8 0px 0px 0px 2px;box-shadow:inset #e8e8e8 0px 0px 0px 2px;} /* Allopass */ /*div.payment-methods div.pm-option[data-pmtype=prepaidcard] { background-image: url('../img/payments/paysafe.png');background-position:650px 17px; } div.payment-methods div.pm-option.selected[data-pmtype=prepaidcard] { background-image: url('../img/payments/paysafe-selected.png');background-position:650px 17px; } div.payment-methods div.pm-option[data-pmtype=directdebit] { background-image: url('../img/payments/allopass.png');background-position:669px 19px; } div.payment-methods div.pm-option.selected[data-pmtype=directdebit] { background-image: url('../img/payments/allopass-selected.png');background-position:669px 19px; } div.payment-methods div.pm-option[data-pmtype=mobilesms] { background-image: url('../img/payments/allopass.png');background-position:669px 19px; } div.payment-methods div.pm-option.selected[data-pmtype=mobilesms] { background-image: url('../img/payments/allopass-selected.png');background-position:669px 19px;} div.payment-methods div.pm-option[data-pmtype=mobilecall] { background-image: url('../img/payments/allopass.png');background-position:669px 19px;} div.payment-methods div.pm-option.selected[data-pmtype=mobilecall] { background-image: url('../img/payments/allopass-selected.png');background-position:669px 19px;} */div.pm-option.once.display div.pm-details { width: 16%; } div.pm-option.once div.pm-warning { float: left; width: 68%; padding:0 1%; line-height: 2em; font-size:0.923em; } /* SECURITY */ #sqr { list-style: none; margin: 15px 0 0 0; padding: 0; } #sqr > li { margin: 0 0 3px 0; padding: 10px 10px 10px 35px; background: #4c4c4c; box-shadow: inset 0 0 3px #aaa; position: relative; } #sqr > li.fail { border: 1px solid #980a0a; padding: 9px 9px 9px 34px; } #sqr li div.chkbx { position: absolute; top: 10px; left: 10px; width: 15px; height: 15px; background: #eee; box-shadow: 0 0 2px #999; cursor: pointer; } #sqr li.pass div.chkbx { background: url('/site-templates/1000/img/sqr-sprite.png') top left no-repeat; } #sqr li.fail div.chkbx { background: url('/site-templates/1000/img/sqr-sprite.png') bottom right no-repeat; } #sqr li h5 { margin: 0; font-size: 14px; font-weight: bold; text-transform: uppercase; cursor: pointer; } #sqr li ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } #sqr li ul li { float: left; width: 350px; margin: 0; padding: 0; } #sqr li ul li:nth-child(2) { width: 35px; } /* Forms.. */ #sqr input { width: 318px; } #sqr select { width: 330px; } #creditcard-digits input { width: 100px; } #creditcard-digits span, #ip-address span { font-size: 15px; } #securityQuestionReset_creditCard_expDateMonth, #securityQuestionReset_accountCreateMonth { width: 100px !important; } #securityQuestionReset_creditCard_expDateYear, #securityQuestionReset_accountCreateYear { width: 100px !important; } #securityQuestionReset_address_province { width: 200px !important; } #securityQuestionReset_address_postalCode { width: 100px !important; } #ip-address input { width: 50px; } /* div.security { margin: 20px 0 0 0; } div.security div.s-method { min-height: 36px; margin: 0 0 5px 0; padding: 20px 10px 20px 10px; background: url('../img/bg/bg-trans.png'); border: 1px solid #ccc; border-radius: 5px; } div.security div.s-method.secure { background: #cfe5d2; border: 1px solid #00670e; } */ .sm-lock { float: left; width: 58px; height: 33px; /*margin: 0 10px 0 0; */background: url('../img/icons/security-lock.png') top right no-repeat; } div.secure,div.non-secure{margin:1.5em 0;clear:both;overflow:hidden} div.secure div.sm-lock { background-position: bottom left; } /* div.s-method div.sm-form { margin: 0 0 0 68px; } */ div.sm-form h2 { margin: 0; } /* ACCOUNT LINKING */ div.alnk { margin: 0 0 5px 0; padding: 20px 10px 20px 10px; background: url('../img/bg/bg-trans.png'); border: 1px solid #ccc; border-radius: 5px; } div.alnk div { float: right; } div.alnk p { height: 37px; margin: 0; font-size: 26px; font-weight: bold; } /* PURCHASE FLOWS */ div.order-item { margin: 0 0 10px 0; line-height: 2em; overflow: hidden; } div.order-item div.oi-image { float: left; margin: 0 10px 0 0; max-width:150px;} div.order-item div.oi-image img { display: block; } div.order-item div.oi-details { padding: 0 0 0 20px; } /* HACKS */ #recaptcha_instructions_image { display: none; } #recaptcha_area, #recaptcha_table { line-height: 0 !important; } #recaptcha_response_field { height: 21px !important; } #recaptcha_privacy a { color: #880000 !important; } /* ===============*/ /* === COMMON === */ .hide-txt-1 { color: #eee; } .hide-txt-2 { color: #ccc; } #history_wrapper { /*border: 1px solid #c3c3c3;*/ } div.credit-search { background-color:#cccccc; padding:10px; } table.matrix { width: 100%; /*border: 1px solid #c3c3c3;*/ } table.matrix th { background:#000; color:#ebebeb; /*background: #f6f6f6 url('../img/bg/games-logo-bg.gif') bottom left repeat-x;*/ text-align: left; padding: 4px 12px 4px 12px; font-size: 13px; } table.matrix td { border-bottom:1px solid #222; /* background: #dadada url('../img/bg/games-logo-bg.gif') top left repeat-x; */ padding: 8px 12px 8px 12px; } table.matrix tr { } table.tab-table { /* width: 100%; border: 1px solid #aaa; border-top: none; */ } table.tab-table tr:nth-child(odd) { background: #444; } table.tab-table tr:nth-child(even) { background: none; } table.tab-table tr td { padding: 10px 20px 10px 20px; } table.matrix tr.odd {background-color:#444;} /* tos.ftl */ .legal { background: #f9f9f9; border: 1px solid #c3c3c3; padding: 10px; } .warning { font-weight: bold; margin: 20px 0 20px 0; } .warning span.icon { background: url('../img/icons/warning.png') top left no-repeat; display: block; float: left; width: 24px; height: 24px; margin: 0 10px 0 0; position: relative; top: -3px; } #tos ol { margin: 40px; } #tos ol li { margin-bottom: 10px; font-size: 12px; } #tos h1 { float: none; font-size: 17px; } #tos p { font-weight: normal; margin: 10px; font-size: 12px; } #tos h3 { font-size: 14px; } #tos ul { list-style: none; margin-left: 14px; } #tos ul li { font-size: 12px; margin-left: 12px; } .tosBox { height: 300px; margin: 20px 0; overflow-y: auto; } #acceptTos {margin-top:3px;margin-right:5px;float:left;width:auto;} /* Modal */ #simplemodal-overlay { background: #000; /*cursor: wait;*/ } #simplemodal-container { width: 410px; height: 200px; background: #333; border: 2px solid #666; padding: 10px; border-radius: 3px; } #modalHelp-container { width: 600px; height: 340px; background: #333; border: 2px solid #666; padding:20px; border-radius: 3px; } #modalHelp-container a.modalCloseImg,#simplemodal-container a.modalCloseImg { background: url('../img/layout/x.png') top left no-repeat; width: 25px; height: 29px; display: inline; z-index: 9999; position: absolute; top: -14px; right: -12px; cursor: pointer; } .modalPrompt { display: none; } #simplemodal-container #confirmText{padding-bottom:2em;} /* jquery UI css */ .ui-datepicker-trigger { margin-right:20px; } /* =================*/ /* === SPECIFIC === */ div.logo-2 { width: 169px; margin: 15px 0 0 15px; padding: 0 0 10px 0; text-align: center; } option[value="countryGroup"] { background: #dedede; } ul.actionMessage { list-style: none; margin: 0 0 15px 0; background-color: #ccff99; border: 1px solid #c3c3c3; padding: 10px; box-shadow: 0 1px 3px #c3c3c3; border-radius: 3px; } /* 3/2: options */ div.select { overflow: hidden; } /* div.option { float: left; padding: 10px; background: #dadada url('../img/bg/games-logo-bg.gif') top left repeat-x; border: 1px solid #c3c3c3; }*/ .select-radio, #storedPymtMethodsContainer .pm-radio { cursor:pointer; } div.option-top { height:32px; } div.select-radio { display: table; background: #313646; min-height: 20px; text-align: center; text-transform: uppercase; color:#ebebeb; font-weight: bold; } div.select-radio span { display: table-cell; width: 100%; vertical-align: middle; } .price, .ptitle {font-size:1.5em;font-weight:bold;text-align:right} .price em.discounted{display: inline;font-style: normal;} .price em.discountTag,.boxArt em.discountTag{color: #FFF;background: transparent url('http://webcdn.triongames.com/glyph/product/red_tag.png') no-repeat center top;font-size: 12px;line-height: 12px;width: 66px;height: 21px;font-style: normal;} .price em.discountTag{position: relative;margin: 4px 3px 0 4px;top: -2px;padding-top: 5px;display: inline-block;} .boxArt em.discountTag{display: inline-block;margin: 4px 0 0 0;padding-top: 5px;} /* .price span { font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; } */ .prod div.option { width: 237px; margin-right:1px; padding-bottom: 30px; font-size:15px; background:url('../img/bg/bg-trans.png') repeat; border-color:#a5a5a5; position: relative; } .prod .gm_title { font-weight:bold;} .prod .price { margin:10px 0; font-size: 25px; } .prod .select-radio { position: absolute; bottom: 0; padding: 5px; left: 0; width: 247px; } .prod a { margin-bottom:10px; display:block; color:#0033cc; font-size:12px; text-transform:uppercase; font-weight:bold; } /* Credit flow styles * Styled specifically for purchase-credit-flow to prevent class aliasing */ #buyCredits div.select-radio span { padding-top: 5px; padding-bottom: 5px; } #buyCredits .prod div.option { width: 154px; } #buyCredits .prod .price { font-size: 18px; } #buyCredits .prod .select-radio { padding: 0 0px; width: 181px; font-size: 13px; } form#buyCredits{/*leave empty*/} /* product container */ #buyCredits .prod{padding-top:0; padding-bottom:35px;} #buyCredits .prod .option {width:154px; height:135px; margin-right:4px; padding-bottom: 30px; padding-right:25px; font-size:15px; background:#fff url('../img/bg/bg-trans.png') repeat; border-color:#a5a5a5; border-bottom:none; position: relative;} #buyCredits .option .pc_product-available{background:transparent url(../img/eon/credits/sp_icon_availableProduct.png) scroll no-repeat 0 0; width:58px; height:68px; margin-top:5px;} /* price */ #buyCredits .option .price{font-size:18px; font-weight:bold; margin:0;} /* points breakdown */ #buyCredits .points-breakdown-container{position:absolute; top:70px; left:102px; border-bottom:1px solid #cccccc;} /* common */ #buyCredits .points-breakdown-container .base-points, #buyCredits .points-breakdown-container .bonus-points{font-weight:bold; font-size:12px;} /* /common */ #buyCredits .points-breakdown-container .base-points{display:block; text-align:right;} #buyCredits .points-breakdown-container .bonus-points{} /* cost */ #buyCredits .option .cost{height:23px; position:relative; top:80px; text-align:right;} #buyCredits .option .cost .product-price{position:relative; top:-6px; display:block; font-size:25px; font-weight:bold;} #buyCredits .prod .select-radio{position:absolute; bottom: 0; /*padding:5px;*/ left:-1px; width:189px; border-left:1px solid #313646; border-right:1px solid #313646; border-bottom:1px solid #000;} /* common (highlight) */ #buyCredits hr.highlight{background-color:transparent; margin:0; padding:0; border:none; border-top:1px solid; height:1px; width:100%;} #buyCredits .prod .highlight.select{border-top-color:#484e66; position:absolute; top:145px; left:0; z-index:1000;} /* promotional item container */ #buyCredits .prod .select .option-cont .bonus-item-container{width:189px; background-color:#3f3f3f; /*height:314px;*/ border:1px solid #000; padding-top:5px;} #buyCredits .prod .select .option-cont .bonus-item-container .highlight{border-top-color:#6c6c6c;} #buyCredits .prod .select .option-cont .bonus-item-container .bonus-item-description{border-bottom:1px solid #000; color:#ebebeb; padding:5px; font-size:10px; height:30px; display:table-cell; vertical-align:middle; width:189px;} #buyCredits .prod .select .option-cont .bonus-item-container .bonus-item-list{border-top:1px solid #6c6c6c; padding-top:3px;} /* promo items */ #buyCredits .prod .select .option-cont .bonus-item-container .item{padding-left:3px;} /* /promo items */ /* .plan .option { width:153px; padding:0; text-align:center; background:#3b3c3b; color:#ebebeb; border-color:#1c1c1c; font-size:15px;} .plan .option-top { width: 153px; min-height:14px; text-align:center; margin-bottom:2px; padding-top:31px; line-height:12px; } .plan .term { height:25px; padding-top:15px; } .plan .price { min-height: 63px; padding-top: 12px; font-weight: bold; background: #fff; color: #000; font-size: 17px; } .plan .savedetail { font-weight:normal; font-size:15px; display:block; padding-top:5px; line-height:17px; } .plan .select-radio { width: 143px; padding: 5px; } .plan .price-total { min-height:45px; background:#fff; color:#000; } */ div.plan div.bonus { min-height: 69px; padding: 5px; } div.plan div.bonus div.item { float: left; width: 32px; height: 32px; margin: 0 5px 5px 0; } div.plan div.bonus div.item:nth-child(4n) { margin: 0 0 5px 0; } div.plan div.bonus div.item img { display: block; width: 32px; height: 32px; } div.plan div.promotion { margin: 1px 0 0 155px; padding: 5px; background: #3b3c3b; color: #eee; font-size: 12px; width:455px; } div.plan div.promotion a { color: #00afdb; } div.plan .voucher .option { border-color:#ebebeb; } div.plan .voucher .price { min-height:96px; padding: 0; background:url('../img/bg/voucher.jpg') no-repeat center 2px; font-size:19px; color:#ebebeb; } div.plan .voucher .bonus { min-height: 137px; } div.plan .voucher .select-radio { font-size:12px; } div.plan .voucher .bonus { background:#000; font-size:11px; line-height:12px; text-align:left; font-weight:bold; } #voucherCodeEntry { background:url("/site-templates/1000/img/bg/bg-trans.png") repeat; margin-top:5px; padding-bottom:20px; border-radius:5px; } /* purchase-credits-flow */ /* #dp { height: 570px; margin: 0 -50px 100px -50px; padding: 30px 0 0 0; background: #ccc; box-shadow: inset 0 -6px 6px #aaa, inset 0 6px 6px #aaa; position: relative; top:20px; font-family: 'Flareserif821';} */ /* #dp div.select { margin: 0 30px 0 30px; position: relative;} #dp div.select:nth-child(1) { padding: 0 0 30px 0; border-bottom: 2px solid #b3b3b3; } #dp div.select:nth-child(2) { padding: 30px 0 0 0; } */ /* #dp div.select div.select-details { overflow: hidden; } #dp div.select div.select-details span { float: left; width: 15px; height: 26px; margin: 0 5px 0 0; line-height: 26px; font-size: 31px; font-weight: bold; text-align: right; } #dp div.select div.select-details p { float: left; margin: 1px 0 0 0; height: 26px; line-height: 13px; text-transform: uppercase; } */ /* #dp ul { list-style: none; width: 525px; height: 58px; margin: 0 auto 0 auto; padding: 0; } #dp ul li { display: none; float: left; width: 175px; height: 58px; margin: 0; padding: 0; text-align: center; position: relative; } */ /*#dp ul li:hover { background: url('../img/rift/dp-tier-hover.png') -1px 0 no-repeat; }*/ /*#dp li:hover .option-cont .option{background:#2b2b2b;}*/ #dp ul li .option-cont .option {min-height:120px;padding:0 0 0 5.5%; font-size: 13px; font-family: 'Open Sans', 'Lucida Grande', sans-serif; padding-top: 10px;} #dp ul li {width:49%; font-weight: 600; padding-top; 10px;} /* #dp ul li.selected { background: url('../img/rift/dp-tier-selected.png') -1px 0 no-repeat; } */ #dp ul li a { display: inline-block;width:206px;height:52px;line-height: 29px; color: #666; text-decoration: none; font-size: 12px; } #dp ul li a {margin:10px 0 0 0} #dp ul li a.t1 {background:url('//webcdn.triongames.com/glyph/purchase/t1.png') top left no-repeat;} #dp ul li a.t1[data-v2] {background:url('//webcdn.triongames.com/glyph/purchase/t1.png') top left no-repeat;} /* #dp ul li a.t1[data-v2] { width: 129px; background: url('../img/defiance/dp-t1-v2.png') top left no-repeat; } */ #dp ul li a.t2 {background:url('//webcdn.triongames.com/glyph/purchase/t2.png') top left no-repeat;} #dp ul li a.t3 {background:url('//webcdn.triongames.com/glyph/purchase/t3.png') top left no-repeat;} #dp ul li.selected a { background-position: bottom left !important; color: #eee; text-shadow: 0 1px 2px #333; } #dp ul,#dp ol {list-style: none outside none;margin: 0;padding: 0;position:relative;} #dp ul{padding-bottom:1.5em;} #dp li a span {clear:both;display:block;margin-top:56px;margin-left:-2px;color:#949494;font-weight:bold;text-transform:uppercase} #dp li {display: inline-block;width: 49%;margin: 0 0.35%;vertical-align: top;padding: 1% 0;} #dp li.hasNotPurchasableItem{margin: 2.9% 0.35% 0 0.35%;} #dp li .option-cont .option {cursor: pointer;} #dp li .option-cont {cursor:default;position: relative;} #dp li.selected .option-cont .option { /*background: #2b2b2b;*/ -moz-box-shadow: inset #e8e8e8 0px 0px 0px 4px,rgba(0,0,0,.82) 0px 2px 2px -1px; -webkit-box-shadow: inset #e8e8e8 0px 0px 0px 4px,rgba(0,0,0,.82) 0px 2px 2px -1px; box-shadow: inset #e8e8e8 0px 0px 0px 4px,rgba(0,0,0,.82) 0px 2px 2px -1px; } #dp li.selected .option-cont .option, #dp li .option-cont:hover .option { background: #685a45; border: 1px solid #7e705b; } #dp li.selected .option-cont .option.primary, #dp li .option-cont:hover .option.primary { background: #3b783b; border: 1px solid #459145; } #dp li .option-cont .option.primary, #dp li.disabled .option-cont .option.primary { margin-top: 0; background: #458a45; border: 1px solid #50a650; } #dp li.selected .option-cont .option, #dp li.selected .option-cont .option.primary { border: 1px solid #fff; } #dp li .option-cont .option, #dp li.disabled .option-cont .option { /*background: #393939; -moz-box-shadow: rgba(0,0,0,.82) 0px 2px 2px -1px; -webkit-box-shadow: rgba(0,0,0,.82) 0px 2px 2px -1px; box-shadow: rgba(0,0,0,.82) 0px 2px 2px -1px; min-height: 198px; position:relative;*/ background: #393939; -moz-box-shadow: rgba(0,0,0,.82) 0px 2px 2px -1px; -webkit-box-shadow: rgba(0,0,0,.82) 0px 2px 2px -1px; box-shadow: rgba(0,0,0,.82) 0px 2px 2px -1px; /*min-height: 202px;*/ min-height: 168px; position: relative; margin-top: 2.96em; background: #71634e; border: 1px solid #867863; padding-bottom: 110px; } #dp li .option .creditBonuses {margin: 0 1em 1em;min-height: 36px;} #dp li .option .creditBonuses .promoBonusImg {float: left; width: 19%;} #dp li .option .creditBonuses .promoBonusText {float: left; width: 79%; padding-left: 2%; line-height: 33px;} #dp li .option .creditBonuses .promoBonusText p { text-shadow: 0px 1px 2px #111; color: #fff5e2; line-height: 1.55em; font-size: 1em; display: inline-block; text-transform: uppercase; } #dp li .option.primary .creditBonuses .promoBonusText p { color: #fffac0; } .plan .option .patronBonuses {margin: 0 1em 1em;min-height: 36px;} .plan .option .patronBonuses .promoBonusImg {float: left; width: 19%;} .plan .option .patronBonuses .promoBonusText {float: left; width: 79%; padding-left: 2%; line-height: 33px;} .plan .option .patronBonuses .promoBonusText p { text-shadow: 0px 1px 2px #111; color: #fff5e2; line-height: 1.55em; font-size: 1em; display: inline-block; text-transform: uppercase; } .plan .option.primary .patronBonuses .promoBonusText p { color: #fffac0; } /* #dp ol li { display: inline-block; width: 119px; height: 114px; margin: 0; padding: 283px 28px 0 28px; position: relative; color: #4d4d4d; text-align: left;background: url('//webcdn.triongames.com/images/common/base-default.png') top left no-repeat; } #dp ol li.selected { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK0AAAGBCAYAAAAUtjG6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4VJREFUeNrs1DFKA1EQgOG3IaUgCMI26xG8gVjlCMuWW3gEWyux9Q5JI1t4g7T26TyAISAEAoL9Oq9YyAEs3sL3wSyZlMPPq8ZxTJvN5jql9BpzH3OToCyHmI+Yx77vD9V6va5j2cXUbkPhTjF3i/i8CJaZuMq9LuOzmv4ZhiHt9/tUVZXzUIymaVLXddO6yi/t5bQdj0fBUpz8kJ65WDgJcyNaRAuiBdEiWhAtiBbRgmhBtIgWRAuiRbQgWhAtogXRgmhBtIgWRAuiRbQgWhAtogXRgmgRLYgWRItoQbQgWhAtogXRgmgRLYgWRItoQbQgWkQLogXRIloQLYgW0YJoQbQgWkQLogXRIloQLYgW0YJoQbSIFkQLokW0IFoQLYgW0YJoQbSIFkQLokW0IFoQLaIF0YJoES2IFkQLokW0IFoQLaIF0YJoES2IFkSLaEG0IFpEC6IF0SJaEC2IFkSLaEG0IFpEC6IF0SJaEC2IFtGCaEG0iBZEC6IF0SJaEC2IFtGCaEG0iBZEC6JFtCBaEC2iBdGCaBEtiBZEC6JFtCBaEC2iBdGCaBEtiBZEi2hBtCBaRAuiBdGCaBEtiBZEi2hBtCBaRAuiBdEiWhAtiBbRgmhBtCBaRAuiBdEiWhAtiBbRgmhBtIgWRAuiRbQgWhAtogXRgmhBtIgWRAuiRbQgWhAtogXRgmgRLYgWRItoQbQgWhAtogXRgmgRLYgWRItoQbQgWkQLogXRIloQLYgW0YJoQbQgWkQLogXRIloQLYgW0YJoQbSIFkQLokW0IFoQLYgW0YJoQbSIFkQLokW0IFoQLaIF0YJoES2IFkQLokW0IFoQLaIF0YJoES2IFkSLaEG0IFpEC6IF0SJaEC2IFkSLaEG0IFpEC6IF0SJaEC2IFtGCaEG0iBZEC6IF0SJaEC2IFtGCaEG0iBZEC6JFtCBaEC2iBdGCaBEtiBZEC6JFtCBaEC2iBdGCaBEtiBZEi2hBtCBaRAuiBdGCaBEtiBZEi2hBtCBaRAuiBdEiWhAtiBbRgmhBtCBaRAuiBdEiWhAtiBbRgmhBtIgWRAuiRbQgWhAtogXRgmhBtIgWRAuiRbQgWhAtogXRgmgRLYgW/i3an2mp69pFKE7TNOfr7zI+25iHvLVt60KUbptf2ueYb7dgBk4xT4u+77/ix23MW8zBXShQflTfc6fR6+efAAMARaUt7Waz9GcAAAAASUVORK5CYII=') top left no-repeat; color: #fff; } #dp ol li { cursor: pointer; } */ /*#dp ol li:hover { background: url('../img/rift/dp-base-hover.png') top left no-repeat; }*/ #dp li div.tab { /*color:#ebebeb;font-size:1.154em;font-weight:300;line-height:12px;margin:1em 0 0.5em;padding:0 8%;*/ font-size: 1.154em; line-height: 1em; height: 1em; margin: 0; padding: 0.75em 0 .75em 0; color: #fffac0; font-weight: bold; text-align: center; border: 1px solid #397339; border-bottom: none; background: #264D26; background: -moz-linear-gradient(top, rgba(38,77,38,1) 0%, rgba(32,65,32,1) 100%); background: -webkit-linear-gradient(top, rgba(38,77,38,1) 0%,rgba(32,65,32,1) 100%); background: linear-gradient(to bottom, rgba(38,77,38,1) 0%,rgba(32,65,32,1) 100%); border-radius: 3px 3px 0 0; } #dp ol li div.selectionContainer .numberShadow{padding:0;color:#fff5e2;text-align: center;text-shadow: 0px 1px 1px #000;z-index: 1;font-size: 4.5em;font-weight:bold;} #dp ol li div.selectionContainer .numberShadow span { font-size: 0.189em; text-transform: uppercase; margin-left: 0; color: #fff5e2; text-shadow: none; display: block; padding: 0; font-size: 14px; margin-top: -0.7em; } #dp ol li div.selectionContainer { position: relative; } #dp ol li.disabled { cursor:default; } #dp ol li.disabled div.selectionContainer:after { position: absolute; content: ""; width: 100%; height: 100%; background: #000; opacity: .7; left: 0; z-index: 1; top: 0; } #dp ol li div.selectionContainer .hr{ clear: both; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-top: 1px solid #4a3c27; margin:0.5em 1em; } #dp ol li div.selectionContainer .durationText, #dp ol li div.selectionContainer .promoTextPatron { clear: both; margin: 0 2em; font-weight: normal; text-transform: none; font-size: 1em; } #dp ol li div.selectionContainer .durationText p, #dp ol li div.selectionContainer .promoTextPatron p { color: #fff5e2; font-weight: normal; text-transform: none; font-size: 1.05em; line-height: 1.4em; } .de #dp ol li div.selectionContainer .durationText p, .de #dp ol li div.selectionContainer .promoTextPatron p { font-size: 1em; } #dp ol li div.selectionContainer .price-total { color: #ebebeb; font-size: 1.231em; line-height: 2.2em; text-align: left; margin-top: .5em; } #dp ol li div.selectionContainer .price-total .priceAmount { font-weight: bold; text-transform: uppercase; } #dp ol li div.selectionContainer .price-total div.hr { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-top: 1px solid #555; } #dp ol li div.selectionContainer .primary div.hr{ border-color: #295229; } #dp ol li div.selectionContainer .price-total .sm-btn { font-size: 0.812347684809098em; width: 80%; margin: 0 auto; } #dp ol li div.selectionContainer .price-total .sm-btn a.action { min-width: initial !important; } #dp ol li.selected div.selectionContainer .option.primary .price-total .sm-btn a.action span:before { background-position: 0 -24px; } #dp ol li.selected div.selectionContainer .option .price-total .sm-btn a.action span:before { position: absolute; content: ""; margin-left: -34px; background: url(//webcdn.triongames.com/glyph/purchase/check-mark.png) no-repeat; width: 27px; height: 23px; margin-top: 4px; } #dp ol li div.selectionContainer .option.primary .numberShadow, #dp ol li div.selectionContainer .option.primary .numberShadow span, #dp ol li div.selectionContainer .option.primary .priceAmount, #dp ol li div.selectionContainer .option.primary .priceAmount span, #dp ol li div.selectionContainer .option.primary .promoTextPatron, #dp ol li div.selectionContainer .option.primary .promoTextPatron span, #dp ol li div.selectionContainer .option.primary .promoTextPatron p, #dp ol li div.selectionContainer .option.primary .bonus, #dp ol li div.selectionContainer .option.primary .bonus span, #dp ol li div.selectionContainer .option.primary .bonus p, #dp ol li div.selectionContainer .option.primary .durationText p { color: #fffac0; } #dp ol li.selected div.selectionContainer .price-total, #dp ol li:hover div.selectionContainer .price-total { background: #4b3d28; } /* #dp ol li.selected div.selectionContainer .option-cont .option.primary .price-total, #dp ol li:hover div.selectionContainer .option-cont .option.primary .price-total { background: #458a45; } */ #dp ol li div.selectionContainer .price-total { position: absolute; background: #544631; /* padding: 0 4px 4px 4px; */ padding: 0 2% 4px 2%; bottom: 0; width: 96%; height: 110px; } #dp ol li.selected div.selectionContainer .option.primary .price-total, #dp ol li:hover div.selectionContainer .option.primary .price-total { background: #2b582b; } #dp ol li div.selectionContainer .option.primary .price-total, #dp ol li.disabled div.selectionContainer .option.primary .price-total { background: #336633; } #dp ol li.selected div.selectionContainer .price-total { margin-right: 4px; margin-left: 4px; margin-bottom: 4px; padding: 0; } #dp ol li div.selectionContainer .price-total div.hr { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; text-align: center; } #dp ol li div.selectionContainer .price-total .hr:before { position: absolute; top: 0; content: ""; border: 8px solid #71634e; border-left: 13px solid transparent; margin-left: -13px; border-right: 13px solid transparent; border-bottom: none; } #dp ol li.selected div.selectionContainer .option-cont .price-total .hr:before, #dp ol li div.selectionContainer .option-cont:hover .price-total .hr:before {border-top-color:#685a45;} #dp ol li.selected div.selectionContainer .option-cont .option.primary .price-total .hr:before, #dp ol li div.selectionContainer .option-cont:hover .option.primary .price-total .hr:before {border-top-color:#3b783b;} #dp ol li div.selectionContainer .option-cont .option.primary .price-total .hr:before, #dp ol li.disabled div.selectionContainer .option-cont .option.primary .price-total .hr:before {border-top-color:#458a45;} #dp ol li div.selectionContainer .price-total .priceAmount { display:block; color: #fff5e2; text-align: center; } /* #dp ol li:hover div.selectionContainer .promoTextPatron, #dp ol li.selected div.selectionContainer .promoTextPatron{color:#2b2b2b;} */ #dp li .primary .sm-btn a span { color: #f8f5ba; } #dp li .sm-btn a span { margin: 0; color: #faecd7; font-weight: normal; } #dp li .sm-btn a span.selected,#dp li.selected .sm-btn a span { display: none; } #dp li.selected .sm-btn a span.selected { display: block; } /*#dp ol li.selected div.selectionContainer .promoTextPatron{-webkit-box-shadow:inset #e8e8e8 4px -4px 00,inset #e8e8e8 -4px 0 0 0;box-shadow:inset #e8e8e8 4px -4px 00,inset #e8e8e8 -4px 0 0 0;}*/ #dp li div.selectionContainer p { margin: -2px 0 0 0; text-transform: uppercase; font-size: 12px; } #dp li.disabled{opacity:1;filter:alpha(opacity=100);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} /* #dp li.disabled .option-cont .option,#dp li.disabled:hover .option-cont .option{background:#171717;cursor:default} #dp li.disabled .option-cont .option div,#dp li.disabled .option-cont .option span,#dp li.disabled .option-cont .option p {color:#444;} #dp li:hover.disabled div.selectionContainer .promoTextPatron, #dp li.disabled div.selectionContainer .promoTextPatron{color:#393939;background:#2b2b2b;} */ /* hglt */ .plan .selected .term { color:#000; background:#F0E897; } .selected .select-radio { color:#000; background:#F0E897; } .selected div.option-top { background:url('../img/check.png') top center no-repeat; } /* Subs and character selection on voucher page */ #addVoucherToChar,#characterMove{margin-top:1.3em;} .loader{background:transparent url(//webcdn.triongames.com/images/common/load.gif) no-repeat scroll 0 0 / 100% 100%;height:16px;width:16px;margin:0 auto 1.2em auto;} .sm-btn .loader{margin: 9px 70px;} #characterMove .migrationWrap{padding:1.2em 1% 0 1%;} .g12 .bg #characterMove ul.characterList li .inset{padding:0 8%;} #characterMove ul.characterList li{cursor:auto;min-height:290px;} ul.characterList {padding:0;margin-top:0;} ul.characterList li.noselect:hover,ul.characterList li.noselect.selected{cursor:default;} ul.characterList li{cursor:pointer;width:32.6%;} ul.characterList.shortlist li{width:49.3%;} /*ul.characterList li button span{cursor:pointer;}*/ #content-wrap .onethird{cursor:pointer;width: 32.3%;} #content-wrap .onefourth{cursor:pointer;width: 24%;} /*ul.characterList li.locked,ul.characterList li.locked.noselect:hover,ul.characterList li.locked.noselect.selected{background:#2b2b2b;}*/ ul.characterList li,ul.characterList li.noselect:hover,ul.characterList li.noselect.selected { list-style: none; display: inline-block; margin: 0 0.35% 1.3% 0.35%; vertical-align: top; min-height: 68px; padding: 24px 0; background: #393939; -moz-box-shadow: rgba(0,0,0,.82) 0px 2px 2px -1px; -webkit-box-shadow: rgba(0,0,0,.82) 0px 2px 2px -1px; box-shadow: rgba(0,0,0,.82) 0px 2px 2px -1px; } ul.characterList li:hover,ul.characterList li.selected {background: #2b2b2b;} ul.characterList li.selected { -moz-box-shadow: inset #e8e8e8 0px 0px 0px 4px,rgba(0,0,0,.82) 0px 2px 2px -1px; -webkit-box-shadow: inset #e8e8e8 0px 0px 0px 4px,rgba(0,0,0,.82) 0px 2px 2px -1px; box-shadow: inset #e8e8e8 0px 0px 0px 4px,rgba(0,0,0,.82) 0px 2px 2px -1px; } ul.characterList li span:first-child {color:#ebebeb;} ul.characterList li span.realmName{display:inline;margin-right:0;} ul.characterList li span.serverName{display:inline;margin-left:0;} ul.characterList li span.oldCharacterName{font-weight:1em;} ul.characterList li span { display: block; position: relative; text-align: left; margin: 0px 8%; font-weight: bold; font-size: 1.23em; color:#c4b193; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; /*cursor:auto;*/ } ul.characterList li .price { top: -3px; position: relative; } ul.characterList li .price img { vertical-align: middle; } .g12 .bg label.newCharName {width:100%;} .g12 .bg label.newCharName input[type="text"] { width: 96%; padding: 4px 2% 6px 2%; margin-bottom: 24px; } ul.characterList li .sm-btn span{font-size:1.077em;color:#C3B192;text-align:center;margin:0 1em;font-weight:normal;} ul.characterList div.hr {margin:3px 8% 3px 8%;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-top:1px solid #555;} ul.characterList select {width:100%;margin:0.5em 0;} ul.characterList .noMigrate{padding-top:0.5em;} ul.characterList .noMigrate .sm-btn{padding-top:0.5em;} ul.characterList li .sm-btn .action:disabled span, ul.characterList li .sm-btn .action:hover:disabled span{color:#555;} ul.characterList li .sm-btn .action:disabled, ul.characterList li .sm-btn .action:hover:disabled{border:1px solid #555555 !important;} ul.characterList li .locked{font-size:2em;font-weight:bold;} .fancybox-inner input[type="text"]{width:94%;} .transferOptions{margin-top:3em;} @media only screen and (min-width: 566px){ .transferOptions{float: right;left:-50%;position: relative;} .transferOptions .centerButtons{float: left;position: relative;left: 50%;} } .larger.gray{color:#aaa;} .transfer.warning{color:#b7444a;margin-top:0;} .larger{font-size:2em;} .smaller{font-size:1em;padding:.4em 0 .2em 0;} .uppercase{text-transform:uppercase;} .error{color:#CC3333;} .subscriptionForm div.padded{padding-top:0;} .subscriptionForm .patronPassHeader.pad{font-size:25px; position:relative; /*padding-bottom:17px;*/ margin-top:0;} #subscriptionOptionsContainer{font-family:'Open Sans', Georgia, serif; font-weight:700; /*background-color:#ccc; padding:13px 0 0 0; margin-left:-50px; width:940px; margin-bottom:30px; margin-top:30px;*/} .select{padding:2% 1% 0 1%;margin:0 auto} ul.characterList .bgSlot{background:#393939;-moz-box-shadow:rgba(0,0,0,.82) 0px 2px 2px -1px;-webkit-box-shadow:rgba(0,0,0,.82) 0px 2px 2px -1px;box-shadow:rgba(0,0,0,.82) 0px 2px 2px -1px;} #dp .select, #subscriptionOptionsContainer .select, ul.characterList .select{padding:0.5% 1% 0.5% 1%;margin:0 auto} .activeSub{/*position:absolute;*/ position:relative;margin-top: -15px;font-size:12px; /*top:-65px;*/ text-align:center; width:100%; text-transform:uppercase;} .subscriptionForm .plan .term, .subscriptionForm .plan .selectedCard .term{background-color:transparent !important; visibility:hidden;} .subscriptionForm .plan .select-radio{visibility:hidden; display:none;} .subscriptionForm .selectedCard .price-total{/*color:#ebebeb !important;*/} .subscriptionForm .dealTypeText{font-size:17px; color:#000; text-transform:uppercase; position:relative; top:5px; font-weight:bold;} .subscriptionForm .priceAmount{/*position:relative; top:5px; display:block; padding-top:6px; font-weight:bold;*/} #dp ol li p.promo-txt-3{display:block; text-transform:uppercase; font-size:14px; font-weight:bold;} .subscriptionForm .callout.vindent{display:none;} .subscriptionForm #patronPassLegalText p,p.legal-text {color: #b7b7b7;padding-bottom: 1.5%;} #subscriptionOptionsContainer .select ul {list-style:none;padding:0;margin:0;} #benefits .benefitsPad {padding:2em 0;} #benefits .benefitsPad.odd {padding:2em 0;background:#4c4c4c;} #benefits .benefitsPad h3 {font-size: 1em;font-weight: bold;line-height: 1em;margin-top: 1em;margin-bottom: .2em;color: #ebebeb;} #benefits .benefitsPad p {color: #ebebeb;font-weight:300;} /*page: authtoken/token */ #submitToken span#device-rem-text { padding-top: 5px; } /* page: order-complete */ #orderSummary { overflow: hidden; } #orderSummaryArt { width: 125px; margin: 0 15px 0 0; } #purchase-success ul { list-style: none; } #purchase-success ul li { font-weight: bold; list-style: none; } #purchase-success ul li.order { font-weight: normal; margin: 0 0 10px 0; } #purchase-success ul li.total { text-align: right; margin: 10px 0 0 0; } #purchase-success ul li span { float: right; font-weight: normal; } #purchase-success ul li.total span { margin: 0 0 0 5px; } #purchase-success ul li.sub_plan span { float: none; font-weight: normal !important; } #purchase-success ul li.rift_ent { font-weight: normal; } #checkout_paymentMethodId { min-width:308px; } #checkout_kind { min-width:308px; } .save { margin-top:20px; } div.alert { position: relative; } div.betaTitle { background: #b00; } div.alertType { padding: 5px 10px 5px 15px; color:#ebebeb; font-weight: bold; text-transform: uppercase; font-size: 120%; position: absolute; top: 0; right: 0; border-radius: 0 3px 0 3px; } div.alertContent { padding: 10px; } div.alertSubcontent { overflow: hidden; margin: 10px 0 0 0; } /* nda.ftl */ #nda h1 { text-align:center; clear:both; float:none; } #nda p { margin:12px 0px; } #nda blockquote { margin:12px 20px; } #nda p.sm { font-size:12px; } /*unsubscribe.ftl */ div.inset.email-pref-body {margin-left: 15px;} div#email-pref { margin: 30px 0 30px 0; float: clear;} div.unsub-secondary-actions { padding-top: 30px;} div#email-pref-text { padding-top: 15px;} /* page: choose-subscription */ table.plans { width: 100%; border-collapse: separate; border-spacing: 1px; } table.plans tr .plan1, table.plans tr .plan2 { background: #dedede; } table.plans tr .plan3 { background: #d8d6b0; } table.plans tr .plan4 { background: #b8d7b7; } table.plans tr th, table.plans tr td { width: 25%; padding: 8px 12px 8px 12px; border: 1px solid #c3c3c3; } table.plans tr th { text-transform: uppercase; font-size: 17px; } table.plans tr td.ptab { text-transform: uppercase; padding: 4px 12px 4px 12px; background: none; border: none; } table.plans tr th.plan1, table.plans tr th.plan2 { background: #ddd url('../img/bg/plans-bg.png') 0 0 repeat-x; } table.plans tr th.plan3 { background: #d0b239 url('../img/bg/plans-bg.png') 0 -100px repeat-x; } table.plans tr th.plan4 { background: #33d945 url('../img/bg/plans-bg.png') 0 -200px repeat-x; } table.plans tr td { text-align: center; } table.plans tr td span { font-size: 22px; } table.plans tr td button { display: inline; } table.plans tr td button span { font-size: 13px; } div.bons-itm { width: 276px; height: 66px; border-radius: 4px; border: 2px solid #222; box-shadow: inset 0 1px 2px #333; } .tip-action .tip { display: none; } .tip { padding: 10px; background: #333; color: #ddd; position: absolute; z-index: 1000; border: 1px solid #9a9a9a; border-radius: 3px; box-shadow: 0 1px 2px #000; } .headerInstructions {position:relative;background-size:100% 100%;height:0;max-width:940px;padding-bottom:20.21277%;width:100%;overflow:hidden;} .headerInstructions .headerWrap{padding:2em 2.2em 0 2.2em;width:44%;} .headerInstructions .headerWrap h2{font-size:1.538em;color:#ebebeb;line-height:1em;text-transform:uppercase;} .headerInstructions .headerWrap p{font-size:1em;color:#ebebeb;} .de .headerInstructions .headerWrap p{font-size:0.85em;} .selected div.option-top{background:url("../img/check.png") no-repeat scroll center top rgba(0,0,0,0)} #subscriptionOptionsContainer .select ul{list-style:none outside none;margin:0;padding:0} #subscriptionOptionsContainer .select li{display:inline-block;width:24%;margin:0 0.35%;vertical-align:top;padding:1% 0;} #subscriptionOptionsContainer .select.small li{width:32.3%;} #subscriptionOptionsContainer .bg {width:auto;} /* .plan .option{background:none repeat scroll 0 0 #171717;border-color:#1c1c1c;border-radius:5px;color:#ebebeb;font-size:15px;width:auto} */ #subscriptionOptionsContainer.plan .option-top{font-weight:normal;} .plan .price{background:none repeat scroll 0 0 #fff;color:#000;font-size:17px;font-weight:bold;padding:12px} div.select-radio{color:#ebebeb;display:table;font-weight:bold;min-height:20px;text-align:center;text-transform:uppercase} .subscriptionForm .selectionContainer .option.sale:before {content: "";position:absolute;top:0;left:0;background-image: url(//webcdn.triongames.com/glyph/purchase/sale-tag.png);background-repeat: no-repeat;background-position: top right;width:100%;height:100%;} .subscriptionForm .selectionContainer .option.primary.sale:before{top:2.96em;} .subscriptionForm .selectionContainer .option.current-plan:after {content: "";position:absolute;top:0;left:0;background-image: url(//webcdn.triongames.com/glyph/current-plan.png);background-repeat: no-repeat;background-position: top right;width:100%;height:100%;} .subscriptionForm .selectionContainer .option.primary.current-plan:after{top:2.96em;} .subscriptionForm .plan .option-top,.subscriptionForm .selectedCard .option-top{background-image:none !important;font-size:1em;line-height:1.385em;padding:0;position:relative;text-align:left;width:100%;margin-top:26px;} .subscriptionForm .plan .option{padding:0;min-height:198px;} .subscriptionForm .plan .term,.subscriptionForm .plan .selectedCard .term{background-color:rgba(0,0,0,0) !important;visibility:hidden} .subscriptionForm .plan .price{background-color:rgba(0,0,0,0) !important;color:#ddd;font-weight:normal;position:relative;text-align:center;text-shadow:0 1px 2px #000;text-transform:uppercase;top:-24px} .subscriptionForm .plan .select-radio{display:none;visibility:hidden} .subscriptionForm .plan #subscriptionDuration, .numberShadow{font-size:5.769em; position:relative;z-index:2; color:transparent;} #subscriptionOptionsContainer .numberShadow{text-align:center;text-shadow:0px 1px 1px #000;z-index:1;color:#fff5e2;} #subscriptionOptionsContainer .numberShadow span { font-size: 0.3em; text-transform: uppercase; margin-left: -.8em; color: #fff5e2; text-shadow: 0px 1px 1px #000; position: relative; bottom: 1.75em; } .subscriptionForm div.price-total .hr:before { position: absolute; content: ""; border: 8px solid #71634e; border-left: 13px solid transparent; margin-left: -13px; border-right: 13px solid transparent; border-bottom: none; } .subscriptionForm .plan .selectionContainer:hover div.price-total .hr:before, .subscriptionForm .plan .selectionContainer.selectedCard div.price-total .hr:before{border-top-color:#685a45;} .subscriptionForm .plan .selectionContainer .price-total{background:#544631;padding:0 4px 4px 4px;} .subscriptionForm .plan .selectionContainer:hover .price-total{background:#4b3d28;} .subscriptionForm .plan .selectionContainer.selectedCard .price-total{padding:0;margin:0 4px 4px 4px;background:#4b3d28;} .subscriptionForm .plan .price-total{color:#336633;font-size:1.231em;line-height:1em;text-align:center;padding:8% 8% 0.9em 8%;} .subscriptionForm .plan strike span {padding-top:0;color:#fff5e2;} .subscriptionForm .plan strike {color: #e22;display:block;} .subscriptionForm .plan .price-total .sm-btn{font-size:0.812347684809098em;width: 80%;margin: 0 auto;} .subscriptionForm .priceAmount{font-weight:bold;color: #fff5e2;padding:1em 0;display:block;text-shadow:0px 1px 1px #000;} .subscriptionForm .priceAmount span{text-transform:uppercase} .subscriptionForm .perMonth{font-size:1.1em;text-align:center;color:#fff5e2;text-transform:uppercase;margin-top:-0.5em;letter-spacing: .05em;font-weight: 600;padding-bottom: 0.5em;text-shadow:0px 1px 1px #000;} .subscriptionForm .perMonth p{margin-bottom:.5em;} .subscriptionForm .durationText p {margin:0;padding:0.7em 0 0 0;text-align:center;color:#31230e;font-size:1.231em;line-height:1.385em;display:block; text-transform:uppercase; font-weight:bold;} .subscriptionForm .durationText.secondary p {padding: 0 0 0.7em 0;} .subscriptionForm .sub-comparison-text{font-size:1.154em;line-height:1em;height:1em;margin: 0;padding:0.75em 0 .75em 0;color:#fffac0;font-weight:bold;text-align:center; border:1px solid #397339;border-bottom:none; background:#264D26; background:-moz-linear-gradient(top, rgba(38,77,38,1) 0%, rgba(32,65,32,1) 100%); background:-webkit-linear-gradient(top, rgba(38,77,38,1) 0%,rgba(32,65,32,1) 100%); background:linear-gradient(to bottom, rgba(38,77,38,1) 0%,rgba(32,65,32,1) 100%); border-radius: 3px 3px 0 0; } .subscriptionForm .sub-comparison-text.secondary{ border:1px solid #6fcbde;border-bottom:none; background:#457e8a; background:-moz-linear-gradient(top, rgba(37,68,74,1) 0%, rgba(31,58,63,1) 100%); background:-webkit-linear-gradient(top, rgba(37,68,74,1) 0%,rgba(31,58,63,1) 100%); background:linear-gradient(to bottom, rgba(37,68,74,1) 0%,rgba(31,58,63,1) 100%); } .subscriptionForm .plan .bonus{display:none} .subscriptionForm .callout {background-color:#171717; } #selectSubscriptionPlan .selectionContainer div.hr,#manageSubscription .selectionContainer div.hr {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-top:1px solid #4a3c27;margin:0.5em 1em;} #subscriptionOptionsContainer .selectionContainer .price-total div.hr,#selectSubscriptionPlan .selectionContainer .price-total div.hr {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:none;} .subscriptionForm .option-cont{cursor:pointer;position:relative;-moz-box-shadow:rgba(0,0,0,.82) 0px 2px 2px -1px;-webkit-box-shadow:rgba(0,0,0,.82) 0px 2px 2px -1px;box-shadow:rgba(0,0,0,.82) 0px 2px 2px -1px;} .subscriptionForm .selectionContainer .option{margin-top:2.96em;background:#71634e;border:1px solid #867863;} .subscriptionForm .selectionContainer:hover .option{background:#685a45;border:1px solid #7e705b;} .subscriptionForm .selectionContainer.selectedCard .option{ border:1px solid #fff;background:#685a45; -moz-box-shadow:inset #fff 0px 0px 0px 4px,rgba(0,0,0,.82) 0px 2px 2px -1px; -webkit-box-shadow:inset #fff 0px 0px 0px 4px,rgba(0,0,0,.82) 0px 2px 2px -1px; box-shadow:inset #fff 0px 0px 0px 4px,rgba(0,0,0,.82) 0px 2px 2px -1px; } .selectionContainer.selectedCard .price-total .sm-btn a.action span:before { position: absolute; content: "✔"; margin-left: -1em; } .selectionContainer .price-total .sm-btn a.action span{color:#faecd7;font-weight:normal} .selectionContainer .price-total .sm-btn a.action{ -moz-box-shadow: rgba(0,0,0,.25) 0px 0px 0px 1px, rgba(0,0,0,.25) 0px 2px 3px 0px; -webkit-box-shadow: rgba(0,0,0,.25) 0px 0px 0px 1px, rgba(0,0,0,.25) 0px 2px 3px 0px; box-shadow: rgba(0,0,0,.25) 0px 0px 0px 1px, rgba(0,0,0,.25) 0px 2px 3px 0px; border: 1px solid #afa18c !important; background: #372914 !important; } .selectionContainer .price-total .sm-btn a.action span.selected{display:none;} .fr .selectionContainer .price-total .sm-btn a.action span{font-size:0.72em;} .selectionContainer.selectedCard .price-total .sm-btn a.action span{display:none;} .selectionContainer.selectedCard .price-total .sm-btn a.action span.selected{display:block;} .selectionContainer.selectedCard .price-total .sm-btn a.action span:before { position: absolute; content: ""; margin-left: -34px; background: url(//webcdn.triongames.com/glyph/purchase/check-mark.png) no-repeat; width: 27px; height: 23px; margin-top: 4px; } .selectionContainer.selectedCard .option.primary .price-total .sm-btn a.action span:before{background-position:0 -24px;} .selectionContainer .option.primary .price-total .sm-btn a.action{background:#204020 !important;border: 1px solid #7ecc66 !important;} .selectionContainer .option.primary .price-total .sm-btn a.action span{color:#f8f5ba;font-weight:normal} .selectionContainer .option.secondary .price-total .sm-btn a.action{background:#25444a !important;border: 1px solid #6fcbde !important;} .selectionContainer .option.secondary .price-total .sm-btn a.action span{color:#f8f5ba;font-weight:normal} .selectionContainer.selectedCard .price-total .sm-btn a.action, .selectionContainer.selectedCard .option.primary .price-total .sm-btn a.action, .selectionContainer.selectedCard .option.secondary .price-total .sm-btn a.action{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:1px solid transparent !important; } .subscriptionForm .plan .option.primary strike span, .subscriptionForm .option.primary .perMonth, .subscriptionForm .option.primary .priceAmount, #subscriptionOptionsContainer .option.primary .numberShadow, #subscriptionOptionsContainer .option.primary .numberShadow span{color:#fffac0;} .subscriptionForm .plan .selectionContainer .option.primary .price-total{background:#336633;} .subscriptionForm .plan .selectionContainer:hover .option.primary .price-total, .subscriptionForm .plan .selectionContainer.selectedCard .option.primary .price-total{background:#2b582b;} .subscriptionForm .option.primary div.price-total .hr:before{border-top-color:#458a45;} .subscriptionForm .plan .selectionContainer:hover .option.primary div.price-total .hr:before, .subscriptionForm .plan .selectionContainer.selectedCard .option.primary div.price-total .hr:before{border-top-color:#3b783b;} #selectSubscriptionPlan .option.primary div.hr,#manageSubscription .option.primary div.hr {border-color:#295229;} .subscriptionForm .option.primary .durationText p{color:#1d3c1d;} .subscriptionForm .selectionContainer .option.primary{margin-top:0;background:#458a45;border:1px solid #50a650;} .subscriptionForm .selectionContainer:hover .option.primary{background:#3b783b;border:1px solid #459145;} .subscriptionForm .selectionContainer.selectedCard .option.primary{ border:1px solid #fff;background:#3b783b; -moz-box-shadow:inset #fff 0px 0px 0px 4px,rgba(0,0,0,.82) 0px 2px 2px -1px; -webkit-box-shadow:inset #fff 0px 0px 0px 4px,rgba(0,0,0,.82) 0px 2px 2px -1px; box-shadow:inset #fff 0px 0px 0px 4px,rgba(0,0,0,.82) 0px 2px 2px -1px; } #selectSubscriptionPlan .option.secondary div.hr,#manageSubscription .option.secondary div.hr {border-color:#2a4d54;} .subscriptionForm .option.secondary .durationText p{color:#25444b;} .subscriptionForm .selectionContainer .option.secondary{background:#457e8a;border:1px solid #6fcbde;} .subscriptionForm .selectionContainer:hover .option.secondary{background:#3b6b75;border:1px solid #6fcbde;} .subscriptionForm .selectionContainer.selectedCard .option.secondary{ border:1px solid #fff;background:#3b6b75; } .subscriptionForm .plan .selectionContainer .option.secondary .price-total{background:#356069;} .subscriptionForm .plan .selectionContainer:hover .option.secondary .price-total, .subscriptionForm .plan .selectionContainer.selectedCard .option.secondary .price-total{background:#2f565e;} .subscriptionForm .option.secondary div.price-total .hr:before{border-top-color:#457e8a;} .subscriptionForm .plan .selectionContainer:hover .option.secondary div.price-total .hr:before, .subscriptionForm .plan .selectionContainer.selectedCard .option.secondary div.price-total .hr:before{border-top-color:#3b6b75;} ul.characterList .select .selected .bgSlot{background:#2b2b2b;} a#cancel-sub {width: auto !important;float: left;padding: 0 1em;} .mGm-notifContainer{margin-top:20px;} /* BOX TOP/MID - GENERAL STYLES */ .mGm-notif-box-top{width:777px; min-height:71px; position:relative; z-index:10;} .mGm-notif-box-mid{width:777px; min-height:64px !important; max-height:263px !important; position:relative; z-index:1;} /* /BOX TOP/MID - GENERAL STYLES */ /* BOX TOP/MID - DEFAULT & DEFIANCE STYLES */ #genericBox .mGm-notif-box-top, #defianceBox .mGm-notif-box-top, #defianceAlphaBox .mGm-notif-box-top, #defianceBetaBox .mGm-notif-box-top{background:transparent url(../img/defiance_container-top.jpg) no-repeat scroll 0 0;} #genericBox .mGm-notif-box-mid, #defianceBox .mGm-notif-box-mid, #defianceAlphaBox .mGm-notif-box-mid, #defianceBetaBox .mGm-notif-box-mid{background:transparent url(../img/defiance_container-mid.jpg) no-repeat scroll 0 51px;} /* /BOX TOP/MID - DEFIANCE STYLES */ /* BOX TOP/MID - EON STYLES */ #eonBox .mGm-notif-box-top, #eonAlphaBox .mGm-notif-box-top, #eonBetaBox .mGm-notif-box-top{background:transparent url(../img/eon_container-top.jpg) no-repeat scroll 0 0;} #eonBox .mGm-notif-box-mid, #eonAlphaBox .mGm-notif-box-mid, #eonBetaBox .mGm-notif-box-mid{background:transparent url(../img/eon_container-mid.jpg) no-repeat scroll 0 41px;} /* /BOX TOP/MID - EON STYLES */ /* BOX TOP/MID - RIFT STYLES */ #riftBox .mGm-notif-box-top, #riftAlphaBox .mGm-notif-box-top, #riftBetaBox .mGm-notif-box-top{background:transparent url(../img/rift_container-top.png) no-repeat scroll 0 0;} #riftBox .mGm-notif-box-mid, #riftAlphaBox .mGm-notif-box-mid, #riftBetaBox .mGm-notif-box-mid{background:transparent url(../img/rift_container-mid.jpg) no-repeat scroll -1px 51px;} /* /BOX TOP/MID - RIFT STYLES */ /* BOX CONTENT - GENERAL STYLES */ .contentContainer{position:relative; display:table; /*width:770px !important;*/ min-height:70px !important; max-height:226px !important; left:6px; list-style:none; margin:0; /*padding:10px 0 0px 0px;*/} .contentContainer .notif-content-row{display:table-row; vertical-align:middle; /*border-bottom:1px solid #000;*/ padding-bottom:5px;width:100%;} .notif-content-row + .notif-content-row{border-top:1px solid #000; padding-top:5px;} .contentContainer .notif-content-cell.copy{width:50%;border-left:1px solid #666;} .contentContainer .notif-content-cell.copy, .contentContainer .notif-content-cell.badge, .contentContainer .notif-content-cell.hasButton{display:table-cell; vertical-align:middle;} .contentContainer .notif-content-cell.badge{width:20%; vertical-align:top; text-align:center;} .contentContainer .notif-content-cell.hasButton{border-left:1px solid #666; width:30%; /* padding-right:12px;*/} .noBtn .contentContainer .notif-content-cell.copy{width:100%;} .contentContainer .notif-badge-img{/*margin-left:-3px;*/ padding-right:10px;border:0;} .contentContainer .notif-content-copy{/*min-width:345px;*/ /*max-width:445px;*/ max-height:226px; display:block; padding:10px; margin:0; color:#ebebeb; /*font-weight:bold;*/ font-size:15px; text-shadow:1px 1px 1px black;} .notif-content-copy + .notif-content-copy{padding:0 10px 10px 10px;} /*.contentContainer .notif-content-copy{width:407px; max-height:226px; display:block; padding-right:5px; color:#ebebeb; font-weight:bold; font-size:15px; text-shadow:1px 1px 1px black;}*/ .mGm-notifContainer.noBtn .contentContainer .notif-content-copy{width:auto; padding-right:10px;} .contentContainer .mgd-button.anchor{width:89%; padding-left:11px;} .contentContainer .mgd-button{padding-left:10px; padding-right:18px; /*width:190px;*/ /*width:94%;*/ text-align:center;} .contentContainer .mgd-button button.button{background-position:0 -175px; /*text-align:center; margin-left:auto; margin-right:auto;*/} .contentContainer .mgd-button button.button:hover{background-position:0 -212px;} /* /BOX CONTENT - GENERAL STYLES */ /* BOX CONTENT - DEFIANCE STYLES */ #defianceBox .contentContainer .notif-badge-img, #defianceAlphaBox .contentContainer .notif-badge-img, #defianceBetaBox .contentContainer .notif-badge-img{margin-left:-7px; padding-right:10px;} #defianceBox .contentContainer .notif-content-copy, #defianceAlphaBox .contentContainer .notif-content-copy, #defianceBetaBox .contentContainer .notif-content-copy{/*width:auto;*/} /* /BOX CONTENT - DEFIANCE STYLES */ /* BOX CONTENT - RIFT STYLES */ #riftBox .contentContainer .notif-content-row, #riftAlphaBox .contentContainer .notif-content-row, #riftBetaBox .contentContainer .notif-content-row{/*width:763px;*/ position:relative; top:10px;} /* /BOX CONTENT - RIFT STYLES */ /* BOX BOTTOM - GENERAL STYLES */ .mGm-notif-box-btm{width:777px; height:7px; float:left;} /* /BOX BOTTOM - GENERAL STYLES */ /* BOX BOTTOM - DEFIANCE STYLES */ #genericBox .mGm-notif-box-btm, #defianceBox .mGm-notif-box-btm, #defianceAlphaBox .mGm-notif-box-btm, #defianceBetaBox .mGm-notif-box-btm{background:transparent url(../img/defiance_container-bottom.png) no-repeat scroll 0 -11px; width:777px; height:7px; float:left;} #defianceBox .mgd-button .button{color:#ebebeb; text-decoration:none; text-shadow:0 -1px 0 #000;} /* /BOX BOTTOM - DEFIANCE STYLES */ /* BOX BOTTOM - EON STYLES */ #eonBox .mGm-notif-box-btm, #eonAlphaBox .mGm-notif-box-btm, #eonBetaBox .mGm-notif-box-btm{background:transparent url(../img/eon_container-bottom.png) no-repeat scroll 0 -11px; width:777px; height:7px; float:left;} /* /BOX BOTTOM - EON STYLES */ /* BOX BOTTOM - RIFT STYLES */ #riftBox .mGm-notif-box-btm, #riftAlphaBox .mGm-notif-box-btm, #riftBetaBox .mGm-notif-box-btm{background:transparent url(../img/rift_container-bottom.jpg) no-repeat scroll 0 0; width:777px; height:31px; float:left; position:relative; top:-21px;} /* /BOX BOTTOM - RIFT STYLES */ /* GLOBAL STYLES */ .mGm-notifContainer sup{position:relative; top:5px;} .mGm-notifContainer .button{background-position:0 -175px; width:inherit; font-size:13px; white-space:nowrap;} .mGm-notifContainer .button:hover{background-position:0 -212px;} .mGm-notifContainer .notif-content-copy a{color:#FFCC33;} .nopadding {padding:0;} .nomargin {margin:0;} /* /GLOBAL STYLES */ /* ARCHEAGE SERVER TRANSFERS */ div.server-credits-hdr{ font-weight: 600; font-size:1.5em; padding-top: 10px; } /*ASCEND-A-FRIEND*/ .btn a.clip_button, .btn button.clip_button,.clip_button{display:table;width:auto} #aafInvite .center a{color:#ebebeb} #aafSidebar .friendList{height:15.1em;overflow-y:scroll;overflow-x:hidden} .aaf-intro {padding:5em 1.5em 1em 0;font-size:1.1em} .aaf-intro img {right:0.2em;top:1em;} #rewards_container{font-weight:600;font-size:1.5em;text-align:center} #rewards_container div div{margin-bottom:2em;text-align:right} .patronPassInfoHeader{padding-left:29px;} .ascendedTreasureInfo{display:none;} .was{display:block;text-align:right;} .vpi-points .vpi-points-row.regleft,.vpi-points .vpi-points-row.regright {width:50%;max-width:50%;} .vpi-points .vpi-points-row.regleft {padding-left:0;} .vpi-points .vpi-points-row.regright {padding-right:0;-webkit-box-shadow:none;box-shadow:none;} #reg {padding-left:7%;} #fm1 .sm-btn {margin-bottom: 0.5em;margin-top: 2em;padding:0;width:100%;} .c12 {width:960px;} #mobile-nav{display:none !important;} /* table td:before { display: none; } table th, table td { display: table-cell; padding: .25em .5em; } table th:first-child, table td:first-child { padding-left: 0; } table th:last-child, table td:last-child { padding-right: 0; } table th, table td { padding: 1em !important; } */ .g3.padded,.g4.padded{padding-left:1%;padding-right:1%;margin:0;} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #333; border: 2px solid #666; border-radius: 3px; color: #fff; /* background: #f9f9f9; color: #444; */ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; min-width:382px; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('//webcdn.triongames.com/common/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('//webcdn.triongames.com/common/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('//webcdn.triongames.com/common/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('//webcdn.triongames.com/common/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } .infolink-wrap { display: inline-block; position: relative; left: 4px; top: -18px; } .infolink::before { content: ''; width: 18px; height: 18px; border-radius: 50%; border: 2px solid #C3B192; position: absolute; left: -7px; top: -3px; } .infolink:hover { text-decoration: none; } .infolink:hover::before { background: rgba(0,0,0,0.2); border-color: #A6977D; } .infolink{ color: #C3B192; font-size: 14px; font-family: sans-serif; position: absolute; left: 8px; top: 4px; text-decoration: none; } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('//webcdn.triongames.com/common/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('//webcdn.triongames.com/common/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } @media only screen and (max-width:300px) { body,#content-wrap,.c12{width:98%;min-width:294px;} div#footer-top{width:294px;} } @media only screen and (max-width:960px) { #modalHelp{margin-top:-1em;margin-left:0;margin-bottom:1em;} label#submitToken_plat_remember_location_label{display:inline;} .sm-btn{padding-bottom:0.5em;} .sm-lock{background-position:top left;} .bg .g12.padtop22{padding-top:1em;} .g12 span.right.capson{display:none;} .vpi-points .vpi-points-row{display:table-row;max-width:initial;} .vpi-points .vpi-points-row div{display:block;padding:2%;width:96%;} div.payment-methods div.pm-option{height:auto;min-height:50px;} div.top-shelf .cycle-slideshow .cycle-overlay{white-space: nowrap;max-height: 46px;overflow: hidden;text-overflow: ellipsis;width: 100%;} div.top-shelf .cycle-slideshow .cycle-overlay .h{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;} .relv .tooltip{position: relative;top: 0;width: auto;padding: 1em;} .vpi-points .vpi-points-row.regleft, .vpi-points .vpi-points-row.regright{width:initial;max-width:initial;border:none;padding:0 0 1em 0;display:block;-webkit-box-shadow:none;box-shadow:none;} #reg{padding-left:0;} body{width:100%;min-width:100%;} /*purchase flow*/ .c12 #addPaymentMethod .g6{width:100%;padding:0;} div.pm-details p.single {float: left;padding-right: 6%;} div.pm-option.once div.pm-warning{width:auto;float:none;clear:both;}/*order processing detail*/ span.h-link{float:none;clear:both;padding:1% 0;display:block;}/*change payment method*/ .payment-methods .sm-btn.left{min-width: 17em !important;} div.pm-option div{height:auto;min-height:50px;overflow:hidden;} div.pm-option div.pm-details {line-height: 2em;} div.pm-option div.pm-details.double {height:auto;} div.pm-option div.pm-details p.single {line-height: 2em;display: block;height: auto;} div.pm-option div.pm-details span{display:block;} div.pm-option div.pm-details span.bold {clear:both;line-height: 2em;display:inline;padding-right: 1%;} .g12 span.right {display: block;} /*credit balance*/ .inset .divider{ width:100%; border-top: 1px solid #555555; height: 2px !important; -moz-box-shadow: inset 0 1px 0 0 rgba(17,17,17,1); -webkit-box-shadow: inset 0 1px 0 0 rgba(17,17,17,1); box-shadow: inset 0 1px 0 0 rgba(17,17,17,1); background: transparent; margin: 0.5em 0; margin-right: 0.5em !important; } /*redeem page codes applied*/ table.matrix thead{display:none;} table.matrix tbody{position:relative;display:block;/*width:100%;display:block;overflow:auto;*/} /*responsive table code*/ table.matrix td{border-bottom:0;} table.matrix.padtop22 {padding:0;} table.matrix {margin: 1em 0;min-width: 300px;display:block;background: #333;color: #fff;width:100%;border-radius: .4em;overflow: auto;} .friendList table.matrix{min-width:initial;} table.matrix tr {border-top: 1px solid #222;border-bottom: 1px solid #222;width:100%;display:inline-block;overflow:hidden;} table.matrix th { display: none; } table.matrix td { display: block; } table.matrix td:first-child { padding-top: .5em; } table.matrix td:last-child { padding-bottom: .5em; } table.matrix td:before { content: attr(data-th) ": "; font-weight: bold; width: 6.5em; display: inline-block; } table.matrix th, table.matrix td { text-align: left; } table.matrix th, table.matrix td { margin: .5em 1em; } table.matrix th, table.matrix td:before { color: #ccc; } table#entitlements.matrix td:before {display:none;} .reg-tos{width:auto;} #createAccount_mob,#createAccount_dob,#createAccount_yob,#createAccount_account_countryCode{display:block;width:100% !important;} /* Grid Layout Stuff */ img {max-width:100%} .c12{width:96%;max-width:96%;padding:0 2%;} .c12 img{max-width:100%} .cycle-slideshow img{width:auto;} div.top-shelf, div.cycle-slideshow.bg, #manage-games .boxArt{margin-bottom:1em;margin-top:1em;} .cycle-slideshow.center.bg{background-color:transparent;} .cycle-slideshow.center img{width:initial;} .c12 .g1, .c12 .g2, .c12 .g3, .c12 .g4, .c12 .g5, .c12 .g6, .c12 .g7, .c12 .g8, .c12 .g9, .c12 .g10, .c12 .g11, .c12 .g12{float:none;width:96%;padding:0 2%;margin:0;} /*fixing inset to be more consistent*/ .g12 .bg .inset{padding:1em 2.2em;} /*headers*/ .headerInstructions .headerWrap{padding:1.5em 2.2em;width:50%;} .headerInstructions .headerWrap h2{font-size:3em;} .headerInstructions .headerWrap p{display:none;} #manage-games ol li.game .popout.hover{display:none;} .main-header .game-details{width:96% !important;display:block;} .main-header .media-player{padding-top:2%;width:96% !important;display:block;} .clear{overflow:visible;} #logoContainer{background-image:none !important;} div.action-errors, div.action-messages { clear: both; float: none !important; width: 92% !important; margin: 0.5em 2% !important; padding: 0.5em 2% !important; overflow:hidden; } div.action-errors .left, div.action-messages .left{float:left;width:auto;} div.action-errors .right, div.action-messages .right{float:right;width:auto;} #content-wrap{background:rgb(23, 23, 23);} #header .install-cta{display:none;} /*#console{display:none}*/ #createAccount{width:100%;} #manage-games ol li.game a{border:0;} #logo{margin:0;top:1em;position:relative;} /*game cta manage-game hide*/ .sidebar .main-header .game-details {width:100% !important;} .main-header .game-details .game-cta{margin-bottom:0;} .game-cta .main-cta.btn{display:none;} .game-cta #purchase-product-flow .main-cta.btn{display:block;} #products .mgu-banner span.bold {font-size:125%;} .bg header h2 {margin:0;line-height:1.5em;font-size:1.25em;padding:.5em 0;} /*auth code page*/ input[type="text"],input[type="password"],select{-webkit-appearance: none;width:96%;margin-bottom:1em;} #addSecurity select,select{width:100%;} .simplemodal-container{width:84% !important;left:2% !important;top:20% !important;} /*nav*/ #panel{display:none;} #nav{position:absolute;top:1em;z-index:1000;right:0;padding:0;width:100%;display:block;} #nav ul{display:none;height:auto;background:transparent;} #nav ul li{border:0;width:100%;float:none;display:block;} #nav ul li.mobileonly{display:table;} #nav label {position:absolute;display:block;width:2.25em;height:2.25em;clear:both;float:right;min-height:2.25em;font-size:1.1em;margin:0;padding:0;right:4%;} #nav label:after{position:absolute;right:.25em;top: 0;content: "\2261";font-size:1.8em;} #nav ul#mobile-nav.show {display:block !important;} #nav ul#mobile-nav {position: relative;top:5.5em;} #nav ul#mobile-nav > li {margin-bottom:-1px;background: #323232; background: #323232; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjFmMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #323232 0%, #1f1f1f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#1f1f1f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #323232 0%,#1f1f1f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #323232 0%,#1f1f1f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #323232 0%,#1f1f1f 100%); /* IE10+ */ background: linear-gradient(to bottom, #323232 0%,#1f1f1f 100%); /* W3C */ } #nav input[type=checkbox]:checked ~ ul#mobile-nav {display:block !important;} #nav div.settings{margin:0;} #nav div.settings a{padding:0 7%;} #nav ul li:first-child{-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0} #nav ul li:last-child{-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px} #products .bg .inset .g2{width:24%;float:left;max-width:68px;} #products .bg .inset .g3{width:96%;clear:both;padding-top:0.25em;} #products .bg .inset .g7{width:68%;float:left;} /*purchase flow character select*/ ul.characterList li,ul.characterList li.noselect:hover,ul.characterList li.noselect.selected, ul.characterList.shortlist li,ul.characterList.shortlist li.noselect:hover,ul.characterList.shortlist li.noselect.selected{width:auto;display:block;margin:0 2.2em 2.5em 2.2em;} /*purchaseflow select payment*/ .g12 .bg .payment-methods .paymentMethodListHeader img{width:auto;overflow:hidden;max-width:190% !important;} div.pm-option div.pm-type{min-width:8%;width:auto !important;} div.pm-type img{max-width:34px;} .pm-details{width:82% !important;overflow:hidden;text-overflow:clip;} .headerInstructions{display:none;} /*credit pack*/ .npBannerSmall,.npBannerLarge{position:relative;width:auto;left:0;} #dp li.hasNotPurchasableItem {margin: 1.5em 2.2em;} #dp .step .step-details .select ul li {display: block;width: auto;margin: 1.5em 2.2em;padding: 0;} #dp .step .step-details .select ul li.hidden{display:none;} #content-wrap .onefourth,#content-wrap .onethird{padding:0;margin:1.5em 2.2em;display:block;width:40.3%;float:left;} /*patron subscription*/ div.m-box {width: 84%;min-height: 150px;margin: 5% auto;background: rgba(0,0,0,.75);border-radius: 4px;padding: 2% 4%;} div.m-box div.sm-secondary-actions{display:block;height:auto;padding:2% 0;background:none;} div.m-box div.sm-btn {width:100%;} .entitlement-box #sub-status div {width: 96%;padding: 2%;border-right: 0;} #selectSubscriptionPlan .g12{padding:0;width:100%;} #selectSubscriptionPlan .g12 #patronPassLegalText, /*making it match the inset style*/ #selectSubscriptionPlan #subscriptionOptionsContainer{padding:0;width:100%;clear:both;overflow:hidden;} #dp .select,#subscriptionOptionsContainer .select,ul.characterList .select{padding:0;overflow:visible;} #selectSubscriptionPlan .g12{padding:0 2.2em;width:auto;} .g12 .bg .inset.paymentMethodListHeader .inset {padding:0 0 1em 0;font-weight:normal;} #subscriptionOptionsContainer .select li {padding:0;margin:1.5em 2.2em;width:40.3%;display:block;float:left;} /*.g12 #benefits.bg header{margin-bottom:1em;}*/ .benefitsPad .g5{clear:both;overflow:hidden;} .benefitsPad .g5 .g3{width:24%;float:left;max-width:68px;padding:0;} .benefitsPad .g5 .g9{width:68%;float:left;} #benefits .benefitsPad{padding:0;} #benefits .benefitsPad.odd{background:transparent;padding:0;} #benefits .benefitsPad .p1.g5,#benefits .benefitsPad .g5.s1{padding:1em 2.2em;width:auto;display:block;} #benefits .benefitsPad .g5.s1{background:#4c4c4c;} .bg .benefitsPad .g5 .g9 p {margin:0;} /*footer links*/ #footer {padding:0;width:100%;margin:0;max-width:100%;} #footer a{border-bottom:1px solid #666;display:block;padding:1em 0 1em 1em;} .g4.corp-logo,#legal{text-align:center;} #footer .g4.corp-logo{padding-top:2em;} #footer .g4.corp-logo a,#legal a{border-bottom:0;display:inline-block;padding:0;} #subnav ul li br {display:none;} #subnav {padding:0;width:100%;} #subnav ul{display:block;} #subnav ul li {float:none;padding:0;border-left:0;} /* #nav input[type=checkbox]:checked ~ label:after {color: #222;} #nav input[type=checkbox]:checked ~ ul > li:after{position: absolute;right: .25em;content: "\203A";font: bold 1.4em sans-serif;} */ /* #nav ul{height:auto;} #nav ul li{border-left:0;width:100%;float:none;filter:none;-webkit-box-shadow:none;box-shadow:none;} #nav div.settings{margin:0;} #nav ul li:hover, #nav ul li.selected{filter:none;-webkit-box-shadow:none;box-shadow:none;border-bottom: 1px solid #4d4d4d;} #nav ul li a{padding:0;} #nav ul li:hover a.null{padding-left:6px;} */ /*manage games/store*/ #manage-games .g2.game{float:left;width:46%;} .bg .inset{overflow:hidden} /*slider*/ /* .main-header .media-player .prev, .main-header .media-player .next{display:none;} .main-header .media-player .controls-viewport {margin:0 3.2% 0 0;} */ .cycle-slideshow{margin-bottom:2.5em;overflow:visible !important;} .cycle-pager {bottom:-1.85em;text-align: center;display: inline-block;right: 0;overflow: visible;} /*purchase add payment method*/ #add-card select,#add-card input[type="text"]{width:100%;} } @media only screen and (max-width:960px) and (orientation: portrait) { /*slider*/ .main-header .media-player .slide iframe{height:100%;} } @media only screen and (max-width:480px) { div.payment-methods div.pm-option.selected{padding:0 3%;} div.pm-option div.pm-type{min-width:12%;width:auto !important;} div.pm-option div.option-top{display:none;} div.pm-option div.pm-details {width:84% !important;overflow:hidden;word-wrap:break-word;word-break:break-word;} /*div.pm-option div.pm-details span.bold{display:none;}*/ } @media only screen and (max-width:374px) { #products .mgu-banner:last-child{display:none;}/*hide lengthy item descriptions on small screens < iphone6*/ } @media only screen and (max-width:565px) { .main-header .media-player #carousel{display:none;} #slider .flex-direction-nav{position:absolute;bottom:0;height:100%;} #slider .flex-direction-nav li{position:relative;top:36%;} .flex-play a:before{bottom:28%;left:44%;} .payment-methods .sm-btn.left{min-width:auto;} div.sm-secondary-actions{background:none;margin:1.2em 0;display:block;float:none;} div.sm-secondary-actions .sm-btn.left {margin:0} /* .sm-btn{clear:both;width:50%;} .sm-btn.left{margin-bottom:0.25em;margin-top:0em;} .right,.right button,.left,.left button{float:none;width:50%;} .sm-btn,.sm-btn.left,.sm-btn.right{width:50%;float:none;} */ .sm-btn{clear:both;width:100%;} .sm-btn.left{margin-bottom:0.25em;margin-top:0em;} .right,.right button,.left,.left button{float:none;width:100%;} .sm-btn,.sm-btn.left,.sm-btn.right{width:100%;float:none;} /* .headerInstructions .headerWrap{padding:1em 2.2em;} .headerInstructions .headerWrap h2{font-size:1.5em;} */ div.pm-details p.double {float:none;height:auto;text-align:left;} #content-wrap .onefourth,#content-wrap .onethird{width:auto;display:block;float:none;} ul.characterList li, ul.characterList li.noselect:hover, ul.characterList li.noselect.selected{} #subscriptionOptionsContainer .select li,#subscriptionOptionsContainer .select.small li{width:auto;display:block;float:none;} #content-wrap .g4.mobile-relocate-to.hidden {display: block;} #content-wrap .g4.mobile-relocate-from {display: none;} #content-wrap #products {margin-top: 1.231em;} } @media only screen and (min-width : 480px) and (max-width : 564px) { /* .headerInstructions .headerWrap{padding:1.25em 2.2em;} .headerInstructions .headerWrap h2{font-size:2.2em;} */ } @media only screen and (min-width : 569px) and (max-width : 666px) and (orientation: portrait), only screen and (min-width : 375px) and (max-width : 413px) and (orientation: landscape) { #subscriptionOptionsContainer .select.small li{width:auto;display:block;float:none;} /* .headerInstructions .headerWrap{padding:1em 2.2em;} .headerInstructions .headerWrap h2{font-size:1.75em;} */ #content-wrap .onefourth,#content-wrap .onethird{width:auto;display:block;float:none;} ul.characterList li, ul.characterList li.noselect:hover, ul.characterList li.noselect.selected{} #subscriptionOptionsContainer .select li{width:auto;display:block;float:none;} } @media only screen and (min-width : 565px) and (max-width:960px) and (orientation: portrait), only screen and (min-width : 414px) and (max-width:960px) and (orientation: landscape) { .reg-box input[type="text"], .reg-box input[type="password"]{width:96%;} #createAccount_mob,#createAccount_dob,#createAccount_yob{display:inline;width:32.9% !important;} #products .bg .inset .g7{width:76%;float:left;} ul.characterList li, ul.characterList li.noselect:hover, ul.characterList li.noselect.selected{} #content-wrap .onefourth,#content-wrap .onethird,#subscriptionOptionsContainer .select li{width:40.3%;display:block;float:left;} #manage-games .g2.game{width:21%;} #viewproduct .g8#products,#viewproduct .g4.sidebar{width:56%;padding:0 1%;float:left;} #viewproduct .g4.sidebar{width:40%;} /*div.legal-text{width:176%;}*/ } @media only screen and (min-width : 668px) and (max-width:960px) and (orientation: landscape) { #products .bg .inset .g7{width:52%;float:left;} #products .bg .inset .g3{width:25%;float:left;clear:none;} #products .bg .inset .g3 .sm-btn{width:100%;} ul.characterList li, ul.characterList li.noselect:hover, ul.characterList li.noselect.selected{} #content-wrap .onefourth,#content-wrap .onethird,#subscriptionOptionsContainer .select li{width:40.7%;} #content-wrap .onefourth,#content-wrap .onethird{width:40.7%;display:block;float:left;} #manage-games .g2.game{width:21%;} } @media only screen and (min-width : 565px) and (max-width:682px) and (orientation: portrait), only screen and (min-width : 414px) and (max-width:682px) and (orientation: landscape) { .sidebar .social{padding:0.8em 3em;} #content-wrap .onefourth,#content-wrap .onethird,#subscriptionOptionsContainer .select li{width:38%;margin:6%;} } @media only screen and (min-width : 565px) and (max-width:667px) and (orientation: landscape) { /* .headerInstructions .headerWrap{padding:1.75em 2.2em;} .headerInstructions .headerWrap h2{font-size:2.5em;} */ }