/* 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: 100%; 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 {min-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 { 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: 9px;background: #323232;border: 1px solid #6d6d6d;border-radius: 4px;float: right;margin-top: 41px;} #header-bottom { min-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: 9px; 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 { height: 20px; /*padding: 3px 7px 3px 7px; background: #383536 url('../img/bg/bg_loggedinbar.jpg') top left repeat-x;*/ color: #ccc; text-transform: uppercase; font-size: 12px; } #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;} #nav ul { list-style: none; height: 45px; margin: 0; padding: 0; background: #323232;-webkit-border-radius:4px;border-radius:4px;} #nav ul li { display: table; float: left; 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 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00030303', endColorstr='#4d030303',GradientType=0 ); /* IE6-8 */ -webkit-box-shadow:inset 1px 1px 0 0 #606060; box-shadow:inset 1px 1px 0 0 #606060; width:24.90%; } #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:7px;} #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 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d030303', endColorstr='#00030303',GradientType=0 ); /* IE6-8 */ -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 a { width:100%;display: table-cell; /*height: 14px;*/ color: #ebebeb; line-height: 14px; 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 li:hover div { display: block; } #nav ul li div a { display: block; vertical-align: baseline; } #nav-settings a span:before,#nav-settings a span:after{content: " ";height: 0;width: 0;position: absolute;pointer-events: none;top: 45%;left: auto;border: solid transparent;} #nav-settings a span:before{border-color: rgba(118, 46, 48, 0);border-top-color: #762e30;border-width: 6px;margin-left: 6px;margin-top: 1px;} #nav-settings 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-settings: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: 4% 7%;width: 86%;} /* CONTENT */ #content {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 { float: right; margin: 8px 0 0 10px; color: #727171; font-weight: bold; font-size: 15px; } span.h-link { float: right; margin: 5px 0 0 0; padding: 0 30px 0 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: 368px; padding:0.5em; 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; } .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 #555555;height:2px;-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;} 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 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54808080', endColorstr='#54363636',GradientType=0 ); /* IE6-8 */ 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 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#363636',GradientType=0 ); /* IE6-8 */ } 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; } 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: 0.5em 0.8em; 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; } #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: 10px; 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;} #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;} 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 { min-width:960px; height: 4px; background: #171717 url(//webcdn.triongames.com/images/common/footer-top.png) center bottom no-repeat; } #footer { /*min-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; } input[type="text"], input[type="password"], select { width: 368px; height: 25px; padding:4px 5px 6px 12px; 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: 380px; height: 35px; padding: 7px 3px 7px 3px; } input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border: 1px solid #C3B192; } 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; height: 37px; 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 {padding:0 2em} #add-paypal a.paypal-button {margin:2em 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 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9282d', endColorstr='#9d1f23',GradientType=0 ) !important; /* IE6-8 */ border: none !important; box-shadow:none; /*box-shadow: 0px 1px 0px #901f26,0 2px 2px #111 !important;*/ color:#ebebeb !important; width:220px; float:none; } .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 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df2c32', endColorstr='#ae2227',GradientType=0 ) !important; /* IE6-8 */ 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; } .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.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:4px;width:14px;height:15px;} .sm-btn{margin:1em 0 1.2em 0} .sm-btn.left{margin-bottom:1.8em;padding-right:2.2em} .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: inline-block; height: 59px; padding: 0 0 0 36px; background: url('../img/divider.png') center left no-repeat; } .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;} /* 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 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#6f6f6f',GradientType=0 ); /* IE6-8 */ } .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 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#424242',GradientType=0 ); /* IE6-8 */ } .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 0 0;-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 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#353535',endColorstr='#2e2e2e',GradientType=0); /* IE6-8 */ 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} .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:table;background:#333 none scroll right top no-repeat} .main-header .c12{display:table-row;} .main-header .media-player,.main-header .game-details{display:table-cell;float:none;margin:0;width:32%;} .main-header .media-player{vertical-align:top} .main-header .game-details{vertical-align:bottom} .main-header .media-player {width:68% !important;padding:1em 1.5em 1em 1em;} .main-header .media-player img {border:1px solid #838383;} /*.main-header .media-player .slide img {margin:2.4% 0 0 2.4%}*/ .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;width:9.87em;cursor:pointer;} .main-header .game-details .main-cta.btn button{margin:0 auto;width:11.8em;} #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;} #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 {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: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 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 */ #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-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;} /* 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; } 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 left no-repeat; } div.secure div.sm-lock { background-position: bottom right; } /* div.s-method div.sm-form { margin: 0 0 0 68px; } */ div.sm-form {padding-bottom:1.5em;} 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; } /* 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:1em;} #simplemodal-container .sm-btn{float:left;margin-top:2px;} */ /* 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.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;} #dp li:hover .option-cont .option{background:#2b2b2b;} #dp ul li .option-cont .option {min-height:120px;padding:0 0 0 5.5%;} #dp ul li {width:49%;} /* #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;} #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 .option-cont {cursor: pointer;position: relative;} #dp li.selected .option-cont .option { background: #2b2b2b; -moz-box-shadow: inset #e8e8e8 0px 0px 0px 4px,rgba(0,0,0,.82) 1px 1px 2px 0px; -webkit-box-shadow: inset #e8e8e8 0px 0px 0px 4px,rgba(0,0,0,.82) 1px 1px 2px 0px; box-shadow: inset #e8e8e8 0px 0px 0px 4px,rgba(0,0,0,.82) 1px 1px 2px 0px; } #dp li .option-cont .option { background: #393939; -moz-box-shadow: rgba(0,0,0,.82) 1px 1px 2px 0px; -webkit-box-shadow: rgba(0,0,0,.82) 1px 1px 2px 0px; box-shadow: rgba(0,0,0,.82) 1px 1px 2px 0px; min-height: 198px; position:relative; } /* #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%;} #dp ol li div.selectionContainer .numberShadow{padding-left:8%;color: #ddd;text-align: left;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: -1.3em; color: #949494; text-shadow: none; display: block; padding: 0 1.3em; font-size: 14px; margin-top: -0.7em; } #dp ol li div.selectionContainer .price-total {padding-left:8%; color: #ebebeb; font-size: 1.231em; line-height: 1em; text-align: left; margin-top: 1.231em; padding-right: 8%; } #dp ol li div.selectionContainer .price-total .priceAmount { font-weight: bold; } #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 .durationText{padding-left:8%;} #dp ol li div.selectionContainer .durationText p { color: #c4b193; font-size: 1.231em; line-height: 1.385em; display: block; text-transform: uppercase; font-weight: bold; } #dp ol li div.selectionContainer .promoTextPatron{padding:0.1em 0px 0.2em 8%;background: none repeat scroll 0% 0% rgb(196, 177, 147);color:#393939; display: block; font-size: 1.231em; font-weight: bold; line-height: 1.385em; text-transform: uppercase;width: 92%;bottom: 0;} #dp ol li:hover div.selectionContainer .promoTextPatron, #dp ol li.selected div.selectionContainer .promoTextPatron{color:#2b2b2b;} #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; } /* 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{margin-top:1.3em;} #addVoucherToChar ul {padding:0;} #addVoucherToChar .slot.noselect:hover,#addVoucherToChar .slot.noselect.selected{cursor:default;} #addVoucherToChar .slot{cursor:pointer;width: 49%;} #content-wrap .onethird{cursor:pointer;width: 32.3%;} #content-wrap .onefourth{cursor:pointer;width: 24%;} #addVoucherToChar .slot, #addVoucherToChar .slot.noselect:hover,#addVoucherToChar .slot.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) 1px 1px 2px 0px; -webkit-box-shadow: rgba(0,0,0,.82) 1px 1px 2px 0px; box-shadow: rgba(0,0,0,.82) 1px 1px 2px 0px; } #addVoucherToChar .slot:hover,#addVoucherToChar .slot.selected {background: #2b2b2b;} #addVoucherToChar .slot.selected { -moz-box-shadow: inset #e8e8e8 0px 0px 0px 4px,rgba(0,0,0,.82) 1px 1px 2px 0px; -webkit-box-shadow: inset #e8e8e8 0px 0px 0px 4px,rgba(0,0,0,.82) 1px 1px 2px 0px; box-shadow: inset #e8e8e8 0px 0px 0px 4px,rgba(0,0,0,.82) 1px 1px 2px 0px; } #addVoucherToChar .slot span:first-child {color:#ebebeb;} #addVoucherToChar .slot 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; } #addVoucherToChar .select div.hr {margin:3px 8% 3px 8%;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-top:1px solid #555;} .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} #addVoucherToChar .bgSlot{background:#393939;-moz-box-shadow:rgba(0,0,0,.82) 1px 1px 2px 0px;-webkit-box-shadow:rgba(0,0,0,.82) 1px 1px 2px 0px;box-shadow:rgba(0,0,0,.82) 1px 1px 2px 0px;} #dp .select, #subscriptionOptionsContainer .select, #addVoucherToChar .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;} #subscriptionOptionsContainer .numberShadow{color:#ddd;text-align:left;} .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%;} .subscriptionForm #storedPymtMethodsContainer {margin-bottom:1.5em;} .subscriptionForm #storedPymtMethodsContainer .payment-methods div.sm-btn{margin-top:1em;} .subscriptionForm #storedPymtMethodsContainer div.sm-btn{margin:0;} .subscriptionForm #storedPymtMethodsContainer div.sm-btn.left {padding-right:1.5em;} .subscriptionForm #storedPymtMethodsContainer div.secondary-actions {height:auto;margin:0;padding:0;background: none;border-left: 1px solid #afafaf;} .subscriptionForm #storedPymtMethodsContainer div.sm-btn {padding-left:2.2em;} #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: 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; } /* 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;} .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.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 .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 0 0 8%;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-shadow:0px 1px 1px #000;z-index:1;color:#ddd;} #subscriptionOptionsContainer .numberShadow span {font-size:0.189em;text-transform:uppercase;margin-left:-1.3em;color:#949494;text-shadow:none;} .subscriptionForm .plan .price-total{color:#ebebeb;font-size:1.231em;line-height:1em;text-align:left;margin-top:1.231em;padding-right:8%;} .subscriptionForm .priceAmount{font-weight:bold;} .subscriptionForm .durationText p {padding-bottom:1.1em;padding-top:2px;color:#c4b193;font-size:1.231em;line-height:1.385em;display:block; text-transform:uppercase; font-weight:bold;} .subscriptionForm .sub-comparison-text{font-size:1.154em;line-height:1.308em;padding: 0 8%;line-height:12px;margin:1em 0 .5em 0;color:#ebebeb;font-weight:300;} .subscriptionForm .plan .bonus{display:none} .subscriptionForm .callout {background-color:#171717; } #selectSubscriptionPlan div.hr,#manageSubscription div.hr {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-top:1px solid #2b2b2b;} #subscriptionOptionsContainer .price-total div.hr,#selectSubscriptionPlan .price-total div.hr {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-top:1px solid #555;} .subscriptionForm .option-cont{cursor:pointer;position:relative;} .subscriptionForm .selectionContainer .option{background:#393939; -moz-box-shadow:rgba(0,0,0,.82) 1px 1px 2px 0px; -webkit-box-shadow:rgba(0,0,0,.82) 1px 1px 2px 0px; box-shadow:rgba(0,0,0,.82) 1px 1px 2px 0px;} #addVoucherToChar .select .selected .bgSlot,.subscriptionForm .selectionContainer:hover .option{background:#2b2b2b;} #addVoucherToChar .select .selected .bgSlot,.subscriptionForm .selectionContainer.selectedCard .option{background:#2b2b2b; -moz-box-shadow:inset #e8e8e8 0px 0px 0px 4px,rgba(0,0,0,.82) 1px 1px 2px 0px; -webkit-box-shadow:inset #e8e8e8 0px 0px 0px 4px,rgba(0,0,0,.82) 1px 1px 2px 0px; box-shadow:inset #e8e8e8 0px 0px 0px 4px,rgba(0,0,0,.82) 1px 1px 2px 0px;} 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 */ /*ASCEND-A-FRIEND*/ #aafInvite .center a{color:#ebebeb} #aafSidebar .friendList{height:15.56em;overflow-y:scroll;overflow-x:hidden} .aaf-intro {padding:5em 1.5em 1em 0;font-size:1.1em} .aaf-intro img {position:absolute;width:329px;right:0.2em;top:1em;height:58px} #rewards_container{font-weight:600;font-size:1.5em} #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;}