html, body, div, span, object, iframe, a,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}                   
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #c9c9c9; background: #fff; margin: 25px 0; padding:0; }
input, select { vertical-align:baseline; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 

textarea { overflow: auto; } /* removes IE scrollbars */
.ie6 legend, .ie7 legend { margin-left: -7px; } 
/* align checkboxes, radios, text inputs with their label */
input[type="radio"] { vertical-align: baseline; }
input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }
/* make buttons play nice in IE */
button {  width: auto; overflow: visible; }
/* bicubic resizing for non-native sized IMG */
.ie7 img { -ms-interpolation-mode: bicubic; }
/* for image replacement */
.ir { 
    display: block; 
    text-indent: -999em; 
    overflow: hidden; 
    background-repeat: no-repeat; 
    text-align: left; 
    direction: ltr; 
}
/* Hide for both screenreaders and browsers */
.hidden { display: none; visibility: hidden; } 
.visible { display:inline; visibility:visible; } 
/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { 
    position: absolute !important;    
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px); 
}

#spinner {width:16px;height:16px;background:url("/images/indicator.gif") no-repeat 0 0;display:inline-block;margin-left:10px}

.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clearme { clear: both; }
.nomargin { margin: 0; }
.topmargin { margin-top: 20px; }
.centered-content { text-align: center; }
.free-trial-text { padding:5px; }
.centered-box  
{
    margin:40px 170px; 
    font-size:14px;
    border:1px solid rgb(213,213,213);
    padding:40px 40px 40px 40px;
    background-color:#fff;    
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px;        
}

/* BASICS
 -------------------------------------------------------- */
body { 
    font: 12px/1.333 Arial, Helvetica, sans-serif; 
    color: #555;
    background: #dadada url(/images/layout/bg.png) no-repeat center top;
}
body.ja { font-family: 'Meiryo UI', Meiryo, Mincho, Sans-Serif; }
select, input, textarea, button { font: 99% Arial, Helvetica, Sans-Serif; }
.ja select, .ja input, .ja textarea, .ja button { font-family: 'Meiryo UI', Meiryo, Mincho, Sans-Serif; }

h1, h2, h3, h4, h5, h6 { 
    font-weight: normal; 
    margin: 0.41667em 0 .9em 0;
    clear: both;
    line-height: 1;
}
h1, h2 { font-size: 2em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3333em; }
h5 { font-size: 1.1em; }
.paragraph-heading { 
    font-size: 16px;
    font-weight: bold; 
}

p { margin-bottom: 1em; }

a, a:active, a:visited { color: #fa9e0e; }
a:hover { color: #fb5e00; }
a:hover, a:active { outline: none; }

a {
    -moz-transition: color .15s ease-in-out;
    -webkit-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
}

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; } 

hr.half { width: 460px; text-align: left; }

.half { width:50%; }

.larger-font { font-size: 1.1667em; }
.aux-text { color: #999; }

@font-face {
    font-family: 'EngschriftDIND';
    src: url('/webfonts/style_32933.eot');
    src: local('☺'), 
        url('/webfonts/style_32933.woff') format('woff'), 
        url('/webfonts/style_32933.ttf') format('truetype'), 
        url('/webfonts/style_32933.svg#webfontbvlCP6To') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINCondensedC';
    src:url('/webfonts/style_99250.eot');
    src:local('☺'), 
        url('/webfonts/style_99250.woff') format('woff'), 
        url('/webfonts/style_99250.ttf') format('truetype'), 
        url('/webfonts/style_99250.svg#webfontjUlXzQbX') format('svg');
    font-weight:normal;
    font-style:normal;
}
/* used for RU DIN */
@font-face {
    font-family: 'DINWebPro-CondBold';
    src:url('/webfonts/DINWebPro-CondBold.eot');
    src:local('☺'), 
        url('/webfonts/DINWebPro-CondBold.woff') format('woff'), 
        url('/webfonts/DINCompPro-CondBold.ttf') format('truetype'), 
        url('/webfonts/style_99250.svg#webfontjUlXzQbX') format('svg');
    font-weight:normal;
    font-style:normal;
}

.font-din { font-family:EngschriftDIND; text-transform:uppercase; }
.ru .font-din { font-family: 'DINCondensedC', Arial, sans-serif; }

/* BASE LAYOUT
 -------------------------------------------------------- */
html, body { height: 100%; }
#aspnetForm {
    height: 100%;
    background: transparent url(/images/layout/bg-grad.png) repeat-x left top;
}
#sticky-footer-wrapper {
    min-height: 100%;
    margin: 0 0 -161px;
    background: transparent url(/images/layout/content-wrapper-bg.png) repeat-y center top;
}
.ie6 #sticky-footer-wrapper {
    height: auto !important;
    height: 100%;
}
#header-wrapper, #footer-wrapper {
    width: 960px;
    margin: 0 auto;
    padding: 0 10px;
}
#sticky-footer-push {
    height: 161px;
}

/* HEADER */
#site-header {
    height: 78px;
    background: #1c1c1c url(/images/layout/head-bg.png) repeat-x left top;
    border-bottom: 1px solid #2e2e2e;
}
    #site-header #header-wrapper { height: 78px; }
    #site-header h1 {
        margin: 0;
        background: transparent url(https://web.ccpgamescdn.com/secure/images/web-mainlogo-flat.png) no-repeat left top;
        height: 33px;
        width: 411px;
        position: relative;
        top: 23px;
        }
        #site-header h1 a {
            height: 33px;
        }
#header-wrapper {
    position: relative;
}
.ie6 #header-wrapper,
.ie7 #header-wrapper {
    z-index: 3;
}

/* NAVIGATION */
#mainmenu {
    background: #000;
    z-index: 2;
    position: relative;
}
    #mainmenu > ul { 
        width: 980px;
        margin: 0 auto;
    }
    #mainmenu > ul > li {
        float: left;
        position: relative;
    }
        #mainmenu ul li a {
            line-height: 40px;
            font-size: 14px;
            display: block;
            -moz-transition: none;
            -webkit-transition: none;
            -o-transition: none;
            transition: none;
        }
        #mainmenu > ul > li > a {
            color: #fa9e0e;
            font-weight: bold;
            padding: 0 30px 0 10px;
            overflow: hidden;
            position: relative;
        }
            #mainmenu > ul > li:hover > a { color: #fff; }
            #mainmenu > ul > li span {
                height: 4px;
                width: 7px;
                position: absolute;
                top: 18px;
                right: 16px;
                background: transparent url(/images/layout/menu-arrow.png) no-repeat left top;
            }
                #mainmenu > ul > li:hover span { background-position: left bottom; }
            #mainmenu > ul > li > ul {
                display: none;
                background: #fff;
                border: 1px solid #d1d1d1;
                border-top: none;
                -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.15); 
                -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.15);
                box-shadow: 0 1px 6px rgba(0,0,0,0.15);
                z-index: 2;
            }
                #mainmenu > ul > li > ul > li a {
                    color: #707070;
                    padding: 0 10px;
                    border-top: 1px solid #ebebeb;
                    min-width: 175px;
                }
                .de #mainmenu > ul > li > ul.external > li a { min-width:285px; }
                .ru #mainmenu > ul > li > ul > li a { min-width:242px; }
                .de #mainmenu > ul > li > ul > li a { min-width:210px; }
                .fr #mainmenu > ul > li > ul > li a { min-width:238px; }
                #mainmenu > ul > li > ul.external > li a:hover {
                    background: #f7f7f7 url(/images/external-link.png) no-repeat 95% 50%;
                }
                
                    .de #mainmenu > ul > li:first-child > ul > li:first-child a { min-width: 210px; }
                    #mainmenu > ul > li > ul > li a:hover { color: #fa9e0e; background: #f7f7f7; }
            #mainmenu > ul > li:hover > ul {
                display: block;
                position: absolute;
                top: 40px;
                left: 0px;
            }

  .ru #mainmenu ul li a,
  .fr #mainmenu ul li a {
    font-size: 13px;
  }
  
  .de #mainmenu > ul > li > a, 
  .ru #mainmenu > ul > li > a {
    padding: 0 25px 0 8px;
  }
  
  .de #mainmenu > ul > li span,
  .ru #mainmenu > ul > li span {
    right: 11px;
  }
  
  #mainmenu .lastitem a { 
    padding-right: 0 !important;
  }

.fr #mainmenu > ul > li > a {
    padding: 0 29px 0 9px;
}

/* CONTENT */
#content-wrapper {
    width: 980px;
    margin: 0 auto;
    padding: 0 8px;
}
#content {
    width: 940px;
    padding: 20px 20px 80px;
    position: relative;
}

/* FOOTER */
#site-footer {
    background: #000 url(/images/layout/footer-bg.png) repeat-x left top;
    height: 161px;
}
#footer-wrapper {
    height: 131px;
    padding-top: 30px;
    color: #6c6c6c;
}
#footer-wrapper a:hover { color: #fff; }
#restriction-logos {
    float: right;
}
#footer-copyright-notice a { color: #6c6c6c; }
#footer-ip-address {
    margin-top: 28px;
}
#footer-links {
    margin: 0;
    list-style: none;
}
#footer-links li {
    display: inline;
}
#site-footer .separator {
    padding: 0 4px;
}

/*Info box - display custom warnings/messagees*/
#content .info-box 
{   
    margin:20px 0 20px 0;
    padding:15px 15px 15px 15px; 
    background:rgb(255, 244, 184);
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 1px solid rgb(247, 202, 1);
    line-height:1.5;    
}

#content .info-box.add-game-time { font-size:15px; }
#content .info-box.add-game-time a { color:#66BD3D; font-weight:bold; text-transform:uppercase; }
#content .info-box.japan-notice { position:relative; }

#content .info-box dl { width:200px; clear:both; font-weight:bold; margin:0 0 10px 10px;  } 
#content .info-box dt { float:left;  clear:left; width:50px;}
#content .info-box dd { padding:0px 0px 0px 0px; }

#content .info-box a.closemessage  
{
    position:absolute; 
    height:16px; 
    width:16px; 
    text-indent:-3000px; 
    background:url(/images/close.gif) no-repeat top left; 
    bottom:10px; 
    font-size:14px; 
    right:15px; 
    font-weight:bold; 
}

#content .info-box.small  
{
    background:#f0fee9;
    border: 1px solid #8dbf73;
    padding:8px;
    margin:10px 0 0 10px;
    float:left;
    color: #60955b;
}

#content .info-box.small.error
{ 
    background: #ffcfcf;
    border: 1px solid #c89393;
    color: #ca5757 !important;    
}

#content .info-box.edit-account { font-weight:bold; }

#content .info-box.receipt { width:750px; margin:0 auto 10px auto; }
#content .info-box h4 { font-size:14px; font-weight:bold; }
#content .info-box span { font-weight:bold; }

.success-global   
{
    background: #f0fee9;
    border: 1px solid #8dbf73;
    padding: 8px;        
    color: #60955b;     
}
.error-global   
{
    padding: 8px;
    background: #ffcfcf;
    border: 1px solid #c89393;
    color: #ca5757 !important;        
}
.success-global p { color: #555; font-size:14px;  }
.error-global p {color:#555; font-size:14px;}

/* FORMS
 -------------------------------------------------------- */
input.placeholder {
    color: #a9a9a9;
}
label {
    display: block;
    clear: both;
    margin-left: 1px;
    font-size: 1.1667em;
    line-height: 1;
}
label.inline,
.inlinelabels label {
    display: inline;
    padding: 0 30px 0 10px;
}
label.special {
    font-size:1.5em;
}
input[type=text], input[type=password], select, textarea {
    display: block;
    margin: 10px 0 19px 0;
    border: 1px solid #b9b9b9;
    padding: 7px 10px 8px;
    width: 280px;
    font-size: 16px;
    line-height: 19px;
    color: #717171;
    float: left;
    clear: left;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input[type=text].compact, input[type=password].compact, select.compact, textarea.compact {
    margin: 0 0 10px;
}
input[type=text]:focus, 
input[type=password]:focus, 
select:focus, 
textarea:focus {
    border: 1px solid #fa9e0e;
    background: #f1f1f1;
    outline: none;
}

select { 
    width: 302px;
}
.webkit select {
    background: #fff url(/images/select-bg.png) no-repeat center right;
    -webkit-appearance: none;
    padding-right: 25px;
    margin-bottom: 19px; /*HG changes*/
}
.webkit select:focus {
    background: #f1f1f1 url(/images/select-focus-bg.png) no-repeat center right;
}
select.DOBDate,
select.DOBMonth,
select.DOBYear {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    clear: none;
}
select.DOBDate {
    width: 66px;
}
select.DOBMonth {
    width: 133px;
}
select.DOBYear {
    width: 82px;
    margin-right: 0;
}
.genderselector {
    margin: 20px 0;
    float: left;
    clear: none;
    width: 302px;
}
.regionselector
{
    margin: 20px 0;
    float: left;
    clear: none;
    width: 600px;
}
input[type=submit],
button {
    height: 37px;
    background: #505050 url(/images/buttonbgs.png) repeat-x top left;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    font-size: 16px;
    padding: 0 15px;
    -moz-box-shadow: 1px 2px 2px #a8a8a8;
    -webkit-box-shadow: 1px 2px 2px #a8a8a8;
    box-shadow: 1px 2px 2px #a8a8a8;
    cursor: pointer;
    clear: both;
    display: block;
}
    .ie6 input[type=submit],
    .ie6 button,
    .ie7 input[type=submit],
    .ie7 button {
        padding: 0 5px;
    }
    input[type=submit]:hover, button:hover {
        background: #383838 url(/images/buttonbgs.png) repeat-x bottom left;
    }
    input[type=submit]:active, button:active {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
input[disabled=disabled] {
    opacity: 0.5;
    filter: alpha(opacity=0);
}

input[type=submit].orange, button.class { background-image:url(/images/buttonbgs-orange.png); padding:0 30px; }

.btn-fake, btn-fake
{
    
    font-size: 1.5em;    
    -moz-box-shadow: 1px 2px 2px #a8a8a8;
    -webkit-box-shadow: 1px 2px 2px #a8a8a8;
    box-shadow: 1px 2px 2px #a8a8a8;  
    text-align: center;
    background-color:Orange; 
    -moz-border-radius: 5px;
    border-radius: 5px;    
    padding:8px 15px;
    background-image:url(/images/buttonbgs-orange.png); 
    cursor: pointer;
    clear: both;
    color:#fff;
    font-weight:normal;        
}
.btn-fake.upgrade { background: #4B8733 url(/images/buttonbgs_action.png) repeat-x 0 0; font-size:12px; display:block; margin-top:-8px;}
.btn-fake.upgrade:hover { background: #4B8733 url(/images/buttonbgs_action.png) repeat-x 0 0; }

.de .btn-fake.upgrade, .ru .btn-fake.upgrade { font-size:10px; margin-top:-8px; float:left; }
.btn-fake.upgrade a { color:#fff; }

#buy-plex .not-logged-in { margin-top:50px; text-align:center;}

a.btncss, input[type=submit].btncss {
  background: #3399cc;
  background-image: -webkit-linear-gradient(top, #7e7e7e, #505050);
  background-image: -moz-linear-gradient(top, #7e7e7e, #505050);
  background-image: -ms-linear-gradient(top, #7e7e7e, #505050);
  background-image: -o-linear-gradient(top, #7e7e7e, #505050);
  background-image: linear-gradient(to bottom, #7e7e7e, #505050);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin:0 auto;
  -moz-box-shadow:    1px 2px 2px #a8a8a8;
  -webkit-box-shadow: 1px 2px 2px #a8a8a8;
  box-shadow:         1px 2px 2px #a8a8a8;
  display:inline-block;
}

a.btncss:hover, input[type=submit].btncss:hover {
  background: #505050;
  text-decoration: none;
}

a.btncss.blue {
  background: #3399cc;
  background-image: -webkit-linear-gradient(top, #3399cc, #006699);
  background-image: -moz-linear-gradient(top, #3399cc, #006699);
  background-image: -ms-linear-gradient(top, #3399cc, #006699);
  background-image: -o-linear-gradient(top, #3399cc, #006699);
  background-image: linear-gradient(to bottom, #3399cc, #006699);
}

a.btncss.blue:hover, input[type=submit].btncss:hover {
  background: #006699;

  text-decoration: none;
}


a.btncss.green, input[type=submit].btncss.green {
  background: #3399cc;
  background-image: -webkit-linear-gradient(top, #669966, #336633);
  background-image: -moz-linear-gradient(top, #669966, #336633);
  background-image: -ms-linear-gradient(top, #669966, #336633);
  background-image: -o-linear-gradient(top, #669966, #336633);
  background-image: linear-gradient(to bottom, #669966, #336633);
}

a.btncss.green:hover, input[type=submit].btncss.green:hover {
  background: #336633;
  text-decoration: none;
}

a.btncss.red, input[type=submit].btncss.red {
  background: #dd171a;
  background-image: -webkit-linear-gradient(top, #dd171a, #ef3236);
  background-image: -moz-linear-gradient(top, #dd171a, #ef3236);
  background-image: -ms-linear-gradient(top, #dd171a, #ef3236);
  background-image: -o-linear-gradient(top, #dd171a, #ef3236);
  background-image: linear-gradient(to bottom, #dd171a, #ef3236);
  -moz-box-shadow:    1px 2px 2px #000;
  -webkit-box-shadow: 1px 2px 2px #000;
  box-shadow:         1px 2px 2px #000;
  border-top: 1px solid #ee8e90;
  border-bottom: 1px solid #c70a0b;
  text-transform:uppercase;
  font-family: 'EngschriftDIND', Arial, sans-serif; 
  font-size:22px;
  padding: 7px 15px 7px 15px;  
}

a.btncss.red:hover, input[type=submit].btncss.red:hover 
{
    background:#dd171a;
}

input[type=submit].btn-green {
  background: #77933a;
  background-image: -webkit-linear-gradient(top, #77933a, #516e10);
  background-image: -moz-linear-gradient(top, #77933a, #516e10);
  background-image: -ms-linear-gradient(top, #77933a, #516e10);
  background-image: -o-linear-gradient(top, #77933a, #516e10);
  background-image: linear-gradient(to bottom, #77933a, #516e10);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;  
  text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
  font-family: 'EngschriftDIND', Arial, sans-serif; 
  color: #ffffff;
  font-size: 20px;
  padding: 6px 0px 6px 0px;
  border: solid #678426 2px;
  text-decoration: none;
  height:auto;
  box-shadow:none;
  display:inline;
  text-transform:uppercase;
  width:100%;
}

#subscription-intervals input[type=submit].btn-green {
    width:75%;
    font-size:24px;
    padding:4px 0;
}

input[type=submit].btn-green:hover {
  background: #516e10;
  background-image: -webkit-linear-gradient(top, #516e10, #516e10);
  background-image: -moz-linear-gradient(top, #516e10, #516e10);
  background-image: -ms-linear-gradient(top, #516e10, #516e10);
  background-image: -o-linear-gradient(top, #516e10, #516e10);
  background-image: linear-gradient(to bottom, #516e10, #516e10);
  text-decoration: none;
}

input[type=submit].btn-red, a.btn-red {
  background: #cd3737;
  background-image: -webkit-linear-gradient(top, #cd3737, #931D1D);
  background-image: -moz-linear-gradient(top, #cd3737, #931D1D);
  background-image: -ms-linear-gradient(top, #cd3737, #931D1D);
  background-image: -o-linear-gradient(top, #cd3737, #931D1D);
  background-image: linear-gradient(to bottom, #cd3737, #931D1D);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;  
  text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
  font-family: 'EngschriftDIND', Arial, sans-serif; 
  color: #ffffff;
  font-size: 35px;
  padding: 5px 15px 5px 15px;
  border:1px solid;
  border-color:#d45050 #c65959 #651b1b #5d1718;
  text-decoration: none;
  height:auto;
  box-shadow:none;
  display:inline;
  text-transform:uppercase;  
  text-align:center;

  -webkit-box-shadow: 0px 0px 18px 1px rgba(51,51,51,0.75);
  -moz-box-shadow: 0px 0px 18px 1px rgba(51,51,51,0.75);
  box-shadow: 0px 0px 18px 1px rgba(51,51,51,0.75);

}

input[type=submit].btn-red:hover, a.btn-red {
  background: #a22929;
  background-image: -webkit-linear-gradient(top, #931D1D, #931D1D);
  background-image: -moz-linear-gradient(top, #931D1D, #931D1D);
  background-image: -ms-linear-gradient(top, #931D1D, #931D1D);
  background-image: -o-linear-gradient(top, #931D1D, #931D1D);
  background-image: linear-gradient(to bottom, #931D1D, #931D1D);
  text-decoration: none;
}

.de input[type=submit].btn-green {
    font-size:18px;
}

.ru input[type=submit].btn-green {
    font-size:9px;
}

.buy.ru input[type=submit].btn-green {
    padding:8px 0;
}

a.btncss[disabled=disabled] {
    opacity: 0.5;
    filter: alpha(opacity=0);
}

/* Old browser message */

.old-browser
{
    display: block;
    background: #ffcfcf;
    border: 1px solid #c89393;        
    padding:20px;
    margin:0 auto;    
    float:left;
    font-size:14px;
}

.old-browser ul { float:left; margin-top:20px; margin-bottom:20px;}
.old-browser ul li { float:left; list-style:none; position:relative; margin-right:35px;}
.old-browser ul li a
{   
    float:left;  
    background:url(/images/browser-logos-sprite.png) no-repeat top left; 
    height:145px;
    width:118px;       
    
}

.old-browser ul li a:hover {  }

.old-browser ul li span { position:absolute; bottom:5px; font-size:16px; width:100%; text-align:center; }

.old-browser ul li.chrome a { background-position:6px 0px; } 
.old-browser ul li.firefox a { background-position:-112px 0px; } 
.old-browser ul li.opera a { background-position:-234px 0px; } 
.old-browser ul li.msie a { background-position:-360px 0px; } 

/* FORM VALIDATION
 -------------------------------------------------------- */
.clientvalidator,
.aspvalidator,
.forminfo {
    display: none;
    position: relative;
    float: left;
    margin: 10px 0 0 10px;
    padding: 7px 10px 8px;
    line-height: 19px;
    -moz-border-radius: 5px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-radius: 5px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    max-width: 606px;
}

.responsive .clientvalidator,
.responsive .aspvalidator,
.responsive .forminfo {
    margin: 5px 0 0 10px;    
}


    .clientvalidator ul,
    .aspvalidator ul,
    .forminfo ul {
        list-style: none;
        margin-left: 0;
    }
    .clientvalidator.compact,
    .aspvalidator.compact,
    .forminfo.compact {
        margin: 0 0 0 10px;
    }
    .aspvalidator.side {
        float:left;
        }
.clientvalidator.showerror, .aspvalidator,
.masterpage-error-message {
    display: block;
    background: #ffcfcf;
    border: 1px solid #c89393;
    color: #ca5757 !important;
    text-shadow: #ffe9e9 1px 1px 0;
}
    .clientvalidator.showerror a, .aspvalidator a,
    .masterpage-error-message a { 
        color: #ca5757 !important;
        text-shadow: #ffe9e9 1px 1px 0;
    }

    .clientvalidator.showerror a.standout, .aspvalidator a.standout,
    .masterpage-error-message a.standout {         
        text-shadow: none;
        color:#DA8604  !important;
    }    

    .clientvalidator.showerror a.standout:hover, .aspvalidator a.standout:hover,
    .masterpage-error-message a.standout:hover {                 
        color:#B97101  !important;
    }
    
.forminfo {
    background: #f1f1f1;
    border: 1px solid #b9b9b9;
}
.clientvalidator.valid,
.forminfo.valid,
.masterpage-success-message {
    background: #f0fee9;
    color: #60955b;
    border: 1px solid #8dbf73;
}
    .masterpage-success-message a { color: #60955b; }
.clientvalidator .arrow,
.aspvalidator .arrow,
.forminfo .arrow {
    position: absolute;
    top: 13px;
    left: -6px;
    display: block;
    width: 6px;
    height: 9px;
    background: transparent url(/images/form-arrows.png) no-repeat left top;
}
    .clientvalidator.valid .arrow,
    .forminfo.valid .arrow {
        background-position: center top;
    }
    .forminfo .arrow {
        background-position: right top;
    }
.masterpage-success-message,
.masterpage-error-message {
    width: 940px;
    padding: 20px;
    border-left: none;
    border-right: none;
    border-top: none;
    position: absolute;
    top: 0;
    left: 0;
    -moz-box-shadow: 0px 2px 5px #c9c9c9; 
    -webkit-box-shadow: 0px 2px 5px #c9c9c9; 
    box-shadow: 0px 2px 5px #c9c9c9;
}
    .masterpage-success-message .message,
    .masterpage-error-message .message {
        float: left;
        width: 800px;
    }
        .de .masterpage-success-message .message,
        .de .masterpage-error-message .message {
            width: 780px;
        }
    .masterpage-success-message .hidemessage,
    .masterpage-error-message .hidemessage {
        width: 140px; 
        float: right;
        text-align: right;
    }
        .de .masterpage-success-message .hidemessage,
        .de .masterpage-error-message .hidemessage {
            width: 160px;
        }
    .masterpage-message-link { font-weight: bold; }

.external-auth .masterpage-success-message,
.external-auth .masterpage-error-message { width:540px; }

.external-auth .masterpage-success-message .message,
.external-auth .masterpage-error-message .message { width:390px; }

.external-auth .clientvalidator,
.external-auth .aspvalidator,
.external-auth .forminfo { padding-left:5px; padding-right:5px; }

/* COLUMNS
 -------------------------------------------------------- */
.column {
    width: 460px;
    margin-left: 20px;
    float: left;
}
    .ie6 .column,
    .ie7 .column {
        display: inline;
    }
.column:first-child {
    margin-left: 0;
}
.column .clientvalidator, 
.column .aspvalidator, 
.column .forminfo {
    max-width: 126px;
}

.column.threeQuarters {
    width: 614px;
}
.ru .column.threeQuarters {
    width: 640px;
}
.column.threeQuarters .clientvalidator,
.column.threeQuarters .aspvalidator,
.column.threeQuarters .forminfo
{
    max-width: 225px;
    margin: 71px 0 0 5px;
}

.column.oneQuarter {
    width: 306px;     
}

/* 500 ERROR
 -------------------------------------------------------- */
#error {
    width: 580px;
    padding: 20px;
    margin: 108px auto;
    background: #ffcfcf;
    border: 1px solid #c89393;
    color: #ca5757;
    text-shadow: #ffe9e9 1px 1px 0;
}
#error h2 {
    margin: 0 0 .5em;
}
#error a {
    color: #ca5757 !important;
    font-weight: bold;
}


/* FRONTPAGE
 -------------------------------------------------------- */
#frontpage-headline {
    -webkit-font-smoothing:antialiased;
    font-family: 'EngschriftDIND', Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    margin: 25px 0 20px 0;
    font-size:35px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.ru #frontpage-headline {
    font-family: 'DINCondensedC', Arial, sans-serif;
    font-size:33px;
}
.ja #frontpage-headline { font-family: 'Meiryo UI', Meiryo, Mincho, sans-serif; }
#frontpage-mainbanner {
    width: 620px;
    display: block;
    float: left;
    position: relative;
    /*background: transparent url(/images/illustrations/frontpage-banner.png) no-repeat left top;*/
    background: transparent url(/images/illustrations/frontbanner-retribution.jpg) no-repeat left bottom;
    height: 268px;
    -webkit-font-smoothing:antialiased;
    font-family: 'EngschriftDIND', Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    }
    .ru #frontpage-mainbanner { font-family: 'DINCondensedC', Arial, sans-serif; }
    .ja #frontpage-mainbanner { font-family: 'Meiryo UI', Meiryo, Mincho, sans-serif; }
    #frontpage-mainbanner h3 {
        font-size: 27px;
        margin: 143px 350px 0 0;
        text-align: right;
        line-height: 1;
        color: #e7e7e7;
    }
        .ru #frontpage-mainbanner h3 { font-size: 22px; margin-right: 310px; }
        .de #frontpage-mainbanner h3 { margin-right: 368px; }
        .ja #frontpage-mainbanner h3 { font-size: 24px; margin-top: 143px; margin-right: 330px; }
    #frontpage-mainbanner p {
        /*margin: 0 365px 0 0;*/
        margin: 0 340px 0 0; 
        text-align: right;
        font-size: 18px;
        line-height: 1;
        }
    
     #frontpage-mainbanner h4 {
        font-size: 24px;
        margin: 50px 0 0 0;
        text-align: center;
        line-height: 1;
        color: #e7e7e7;
        background-color:rgba(0,0,0,0.5);
    }   
        .ru #frontpage-mainbanner h4 {font-size:22px; }
        .de #frontpage-mainbanner h4 {font-size:22px; }   

/* SLIDES BEGIN	*/

.slidesjs-container  
{
    width:620px;
    overflow:hidden;
    position:relative;	
    height:240px;    
}

#slides a img:hover {	opacity:0.85; }
    

#slides {
    float:left;	
    z-index:0;
    position:relative;
    margin-top:28px;
    -moz-box-shadow:    2px 2px 1px 0px #666666;
    -webkit-box-shadow: 2px 2px 1px 0px #666666;
    box-shadow:         2px 2px 1px 0px #666666;
    display:none;
}

    #slides .slidesjs-navigation {
      margin-top:3px;
      display:none;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
        margin:26px auto 0;	
        height:20px;
        position:absolute;
        bottom:5px;
        right:10px;
        z-index:101;
    }

    .slidesjs-pagination li {
        float:left;
        margin:0 1px;
        list-style:none;
    }

    .slidesjs-pagination li a {
        display:block;
        width:21px;
        height:21px;
        padding-top:0px;
        background-image:url(/images/slides-dots.png);
        background-position:-42px 0;
        float:left;
        overflow:hidden;
        text-indent:-2000px;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 0px
    }

    .slidesjs-pagination li a:hover {
      background-position:-21px 0px;
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

/* END SLIDES */
      
#login-frontpage {
    width: 300px;
    float: right;
    margin-top: 28px;
    min-height: 240px;    
    }
    #login-frontpage .login-control h2 { margin-bottom: 22px; }
        .ru #login-frontpage .login-control h2,
        .de #login-frontpage .login-control h2 { margin-bottom: 15px; }
    #login-frontpage #loginChallenge h2 { margin-bottom: 14px; padding-bottom: 11px; }
    #login-frontpage #loginChallenge hr { display: none; }
    #login-frontpage #loginChallenge input[type=text] { margin-bottom: 15px; }
    #login-frontpage #loginChallenge .pw-help {
        float: right;
        width: 172px;
        margin: 5px 0 0;    
    }
    .de #login-frontpage #loginChallenge .pw-help { width: 151px; }
    .ie7 #login-frontpage #loginChallenge input[type=submit] { float: left; }

#login-frontpage a img {
    -moz-box-shadow:    2px 2px 1px 0px #666666;
    -webkit-box-shadow: 2px 2px 1px 0px #666666;
    box-shadow:         2px 2px 1px 0px #666666;
}

#login-frontpage a img:hover { opacity:0.85;  }
    
#frontpage-shortcuts {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 20px 0 0 0;
    overflow: auto;
    }
    #frontpage-shortcuts li {
        float: left;
        width: 220px;
        height: 92px;
        margin-left: 20px;
        }
        #frontpage-shortcuts li:first-child {
            margin-left: 0;
        }
        #frontpage-shortcuts a {
            width: 220px;
            height: 92px;
            position: relative;
            display: block;
            color: #787878;
            line-height: 1;
            background: transparent url(/images/frontpage-callouts.jpg) no-repeat left top;
            }
            #frontpage-shortcuts a.addgametime { background-position: 0 -92px; }
            #frontpage-shortcuts a.activate { background-position: 0 -184px; }
            #frontpage-shortcuts a.plex { background-position: 0 -276px; }
            #frontpage-shortcuts a.plex.offer { background: transparent url(/images/frontpage-callout-plex-banner.png) no-repeat left bottom;  }
            #frontpage-shortcuts a.aurstore { background-position: 0 -368px; }
            #frontpage-shortcuts a.buyeve:hover { background-position: right top; }
            #frontpage-shortcuts a.addgametime:hover { background-position: -220px -92px; }
            #frontpage-shortcuts a.activate:hover { background-position: -220px -184px; }
            #frontpage-shortcuts a.plex:hover { background-position: -220px -276px; }
            #frontpage-shortcuts a.plex.offer:hover { background-position: left top;  }
            #frontpage-shortcuts a.aurstore:hover { background-position: -220px -368px; }
            #frontpage-shortcuts a.cerebral {
                background: transparent url(/images/frontpage-callouts-cerebral.jpg) no-repeat left bottom;
            }
            #frontpage-shortcuts a.cerebral:hover {
                background-position: left top;
            }
            #frontpage-shortcuts a .arrow {
                position: absolute;
                height: 8px;
                width: 11px;
                background: transparent url(/images/frontpage-callout-arrow.png) no-repeat left top;
                left: 96px;
                top: 33px;
                }
                #frontpage-shortcuts a:hover .arrow {
                    background-position: left bottom;
                }

            #frontpage-shortcuts a .headline {
                -webkit-font-smoothing:antialiased;
                font-family: 'EngschriftDIND', Arial, sans-serif;
                text-transform: uppercase;
                font-size: 1.5em;
                margin-left: 113px;
                display: block;
                padding-top: 28px;
                }
                .ru #frontpage-shortcuts a .headline { font-family: 'DINCondensedC', Arial, sans-serif; }
                .ja #frontpage-shortcuts a .headline { font-family: 'Meiryo UI', Meiryo, Mincho, sans-serif; margin-left: 100px; }
                
            #frontpage-shortcuts a .details {
                position: absolute;
                top: 55px;
                left: 113px;
                font-size: .8333em;
                font-weight: bold;
            }
            
            /* adjustments for free trial special case when generic offer is on */
            #frontpage-shortcuts a.trial .arrow { left: 90px; }
            #frontpage-shortcuts .trial .headline { margin-left: 105px; }
            #frontpage-shortcuts a.trial .details { left: 105px; }
            .ru #frontpage-shortcuts a.trial .details { top: 70px; }

            /* language specific fine-tuning */
            .fr #frontpage-shortcuts a.trial .headline,
            .fr #frontpage-shortcuts a.addgametime .headline { 
                padding-top: 20px; 
                font-size: 1.3em;
            }
            
            .de #frontpage-shortcuts a.buyeve .arrow,
            .de #frontpage-shortcuts a.addgametime .arrow,
            .ru #frontpage-shortcuts a.buyeve .arrow,
            .ru #frontpage-shortcuts a.addgametime .arrow,
            .ru #frontpage-shortcuts a.activate .arrow,
            .ru #frontpage-shortcuts a.plex .arrow,
            .de #frontpage-shortcuts a.cerebral .arrow,
            .ru #frontpage-shortcuts a.cerebral .arrow { top: 22px; }
            .de #frontpage-shortcuts a.buyeve .headline,
            .de #frontpage-shortcuts a.addgametime .headline,
            .ru #frontpage-shortcuts a.buyeve .headline,
            .ru #frontpage-shortcuts a.addgametime .headline,
            .ru #frontpage-shortcuts a.activate .headline,
            .ru #frontpage-shortcuts a.plex .headline,
            .de #frontpage-shortcuts a.cerebral .headline,
            .ru #frontpage-shortcuts a.cerebral .headline,
            .ru #frontpage-shortcuts a.aurstore .headline
             { padding-top: 18px; }

            .en #frontpage-shortcuts a.cerebral .details {
                width: 100px;
            }
            
            .ja #frontpage-shortcuts a.buyeve .arrow,
            .ja #frontpage-shortcuts a.addgametime .arrow,
            .ja #frontpage-shortcuts a.cerebral .arrow,
            .ja #frontpage-shortcuts a.cerebral .arrow { top: 22px; }

            .ja #frontpage-shortcuts a.buyeve .headline,
            .ja #frontpage-shortcuts a.addgametime .headline,
            .ja #frontpage-shortcuts a.cerebral .headline,
            .ja #frontpage-shortcuts a.cerebral .headline { padding-top: 18px; }
            
            .ja #frontpage-shortcuts a .arrow { left: 86px; }

            .ja #frontpage-shortcuts a .details { left: 100px; } 
            
            /* adjustments for free trial special case when generic offer is on */
            .ru #frontpage-shortcuts a.trial .arrow { top: 17px; }
            .ru #frontpage-shortcuts a.trial .headline { padding-top: 13px; }

#frontpage-eveonlineinfo {
    margin-top: 40px;
    text-align: center;
}

/*  Terms and condition*/
#terms-conditions b { font-size:14px; font-weight:bold; }
#terms-conditions ul { margin-top:5px; margin-right:20px; }
#terms-conditions li { padding:4px 0px 4px 0px; }


/* TABLES
 -------------------------------------------------------- */
table.content {
    width: 100%;
    border-bottom: 1px dashed #d8d8d8;
    font-size: 1em;
}
table.content th, table.content tfoot td {
    text-align: left;
    line-height: 41px;
    padding: 0 10px;
    background: #2f2f2f;
    color: #fff;
    border-left: 1px solid #fff;
    white-space: nowrap;
    font-size: 1.1667em;
}
table.content th:first-child {
    border-left: none;
}
table.content td {
    padding: 4px 10px;
    }
    .ie6 table.content td,
    .ie7 table.content td,
    .ie8 table.content td {
        background: #e8e8e8;
    }
table.content tr:nth-child(odd) { background: #dedede; }
.ie6 table.content tr.alt td,
.ie7 table.content tr.alt td,
.ie8 table.content tr.alt td {
    background: #dedede;
}
table.content tbody tr:hover td {
    background: #fff;
    color: #000;
    }
    .ie6 table.content tbody tr:hover td,
    .ie7 table.content tbody tr:hover td,
    .ie8 table.content tbody tr:hover td {
        background: #fff;
    }
table.content.invites tr.inviteclick:hover td { background:none; }   

table.content.invites td { height:29px; }

table.content.invites th.date { width:80px; }
table.content.invites th.reward { width:120px; text-align:right;}

table.content th.dummy { border:0; }

table.content .header {
    cursor: pointer;
}
table.content .headerSortDown,
table.content .headerSortUp {
    color: #fa9e0e;
    }
    table.content .headerSortDown span,
    table.content .headerSortUp span {
        width: 7px;
        height: 4px;
        margin: 0 0 0 10px;
        display: inline-block;
        position: relative;
        top: 0;
        background: transparent url(/images/tablesort-arrow.png) no-repeat left bottom;
        }
        table.content .headerSortDown span {
            background-position: left top;
            top: -4px;
        }

table.content tfoot td .pager { float:left; width:100%; position:relative; }
table.content tfoot td .pager span { float:left; }
table.content tfoot td .pager span:hover { cursor:pointer; color:#FA9E0E; }
table.content tfoot td .pager span.first { margin:0 15px;  }
table.content tfoot td .pager span.first:before { content:'<<'; margin-right:5px; }

table.content tfoot td .pager .inner { position:absolute; left:38%;}
table.content tfoot td .pager span.prev { margin-right:15px; }
table.content tfoot td .pager span.prev:before { content:'<'; margin-right:5px; }
table.content tfoot td .pager span.pagedisplay:after { content:' |'; }
table.content tfoot td .pager span.pagedisplay, table.content tfoot td .pager span.page { cursor:auto; color:#949393;}
table.content tfoot td .pager span.page:before { content:'| '; }
table.content tfoot td .pager span.page { margin-right:3px; }
table.content tfoot td .pager span.pagedisplay:hover { color:#949393 }
table.content tfoot td .pager span.next { margin-left:15px; }
table.content tfoot td .pager span.next:after { content:'>'; margin-left:5px; }

table.content tfoot td .pager span.last { float:right; margin:0 15px; text-align:right; }
table.content tfoot td .pager span.last:after { content:'>>'; margin-left:5px;}


/* table Account status */
table.content.dark 
{
    background-color:#F3F3F3;    
    border:1px solid #F3F3F3;
}

table.content.dark tfoot td .pager .inner { left:30%;}

table.content.dark td  
{
    padding:6px 12px;
    font-size:14px;    
}

table.content span.login-sec { opacity:0; float:right; padding-right:15px;}
table.content tr:hover .login-sec { opacity:1; }

table.content.dark td.Active { color:#308700;}
table.content.dark td.Banned,
table.content.dark td.Deleted,
table.content.dark td.Disabled,
table.content.dark td.PermanentBan  { color:#ca5757; }

table.content.dark tbody tr:hover td.Active { color:#308700; }
table.content.dark tbody tr:hover td.Banned,
table.content.dark tbody tr:hover td.Deleted,
table.content.dark tbody tr:hover td.Disabled,
table.content.dark tbody tr:hover td.PermanentBan  { color:#ca5757; }

/* PROGRESS BAR
 -------------------------------------------------------- */
 #progress-bar {
    list-style: none;
    overflow: auto;
    margin: 0 0 30px;
    font-size: 1.16667em;
}
#progress-bar li {
    float: left;
    height: 41px;
    line-height: 41px;
    padding-left: 41px;
    background: transparent url(/images/progressbar-bg.png) no-repeat left top;
}
    #progress-bar li.first { background-position: right top; padding-left: 20px; }
    #progress-bar li.first.selected { background-position: right bottom; }
    #progress-bar li.selected { background-position: left bottom; color: #fff; }
    #progress-bar li.selected + li { background-position: left center; }
    

/* TABS (LIKE IN /ETC)
 -------------------------------------------------------- */
ul.tabs {
    margin: 0;
    list-style: none;
}
ul.tabs li {
    float: left;
}

/* USERNAME PASSWORD CONTROL
 -------------------------------------------------------- */
#checking-usernames, #not-your-character-name, .usernameErrorMsg, 
.passwordErrorMsg, .passwordRetypeErrorMsg, #password-rules { display: none; }
li.valid { color: #60955b; }

#password-rules { position: absolute; left:322px; z-index:3;}

/* USERNAME PASSWORD CONTROL
 -------------------------------------------------------- */
.domainErrorMsg { display: none; }


/* LOGIN CONTROL
 -------------------------------------------------------- */
.login-control {
    padding: 20px;
    background: #d9d9d9;
}
.login-control h2 {
    font-size: 1.1667em;
    line-height: 1;
    font-weight: bold;
    margin: 0 0 17px 0;
    padding-bottom: 17px;
    border-bottom: 1px dashed #bebebe;
}
.login-control input[type=text], .login-control input[type=password] { 
    width: 240px; 
    margin: 0 0 10px 0;
}
.login-control input[type=password] {
    margin-bottom: 20px;
}
.login-control input[type=submit] {
    display: inline-block;
}
.recover-password-link { 
    margin-left: 16px; 
    line-height: 37px; 
}
#popover .login-control {
    padding: 10px;
    background: #fff;
}
#loginpopover #loginChallenge input[type=text] {
    float: none;
}
#loginpopover #loginChallenge .pw-help { margin: 0; }


/* SUBSCRIPTION INTERVAL CONTROL
 -------------------------------------------------------- */
#subscription-intervals {
    list-style: none;
    margin: 10px 0;
}
#subscription-intervals li {
    float: left;
    padding: 20px;
    text-align: center;
    background: #fff;
    border: 5px solid #ddd;
    margin-left: 20px;
}
    #subscription-intervals li:first-child {
        margin-left: 0;
    }
    #subscription-intervals li.MarketingCampaign {
        background: #f4fee9;
        width: 890px;
        text-align: left;
        margin: 0 0 20px 0;
        float: none;
        position: relative;
        min-height: 75px;
    }
    .MarketingCampaign.special 
    {
        background:url(/images/campaigns/campaign-special-bg.png) no-repeat top left;
        height:220px;
        margin:0 0 20px 0;      
        padding:20px;  
        position:relative;
    }
    
    .MarketingCampaign.special a.popover { position:absolute; bottom:3px; right:1px; font-size:10px; color:#9b9b9b; }
    .MarketingCampaign.special a.popover:hover { background:none; }
    
    .MarketingCampaign.special select.ddlships { display:none; }
    
    .MarketingCampaign.special .left
    {
        width:350px;
        float:left;            
        font-family:'EngschriftDIND';
        color:#fff;
        text-transform:uppercase;
        margin-left:31px;
        margin-top:2px;
    }    
        .ja .MarketingCampaign.special .left { font-family: 'Meiryo UI', Meiryo, Mincho, sans-serif; }
        
        .MarketingCampaign.special .left h2
        {
            font-size:52px;    
            padding:0;
            margin:2px 0 3px 0;            
        }
        .MarketingCampaign.special .left h2.rub { font-size:50px; }
        .MarketingCampaign.special .left h2.rub span { font-family:'DINCondensedC'; }         
        
        .ru .MarketingCampaign.special .left h2 { font-family:'DINCondensedC'; font-size:36px; }
        .ru .MarketingCampaign.special .left h2.rub { font-size:36px; }
        .ja .MarketingCampaign.special .left h2 { font-size:45px; }
        
        .MarketingCampaign.special .left h2 span
        {
            color:#fa9e0f;                 
        }
        
        .MarketingCampaign.special .left h3
        {
            font-size:30px;
            color:#fff;
            font-weight:normal;
            margin:10px 0 3px 0;
        }    
        .de .MarketingCampaign.special .left h3 { font-size:25px; }   
        .ru .MarketingCampaign.special .left h3 { font-size:18px; }   

        .MarketingCampaign.special .left h3 span
        {            
            color:#fa9e0f;            
            display:inline;
        }    
        
        .MarketingCampaign.special .left p { margin-top:10px; font-size:22px; color:#9b9b9b; line-height:1; margin-bottom:2px; }
        .ru .MarketingCampaign.special .left p { font-size:14px; margin-top:2px; }
        .ja .MarketingCampaign.special .left p { font-size:19px; margin-top:2px; }
        .MarketingCampaign.special .left p span { color:#fa9e0f;  }

        .MarketingCampaign.special input[type=submit] 
        {

          font-family:'DINCondensedC';
          color: #fff;
          height:55px;
          font-size: 33px;
          padding: 9px;
          width:330px;
          text-decoration: none;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          -webkit-box-shadow: 0px 1px 3px #bdbdbd;
          -moz-box-shadow: 0px 1px 3px #bdbdbd;
          box-shadow: 0px 1px 3px #bdbdbd;
          text-shadow: 1px 1px 3px #666666;
          border: solid #eeeeee 1px;
          background: -webkit-gradient(linear, 0 0, 0 100%, from(#feca18), to(#fa9f0e));
          background: -moz-linear-gradient(top, #feca18, #fa9f0e);
          -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#feca18, endColorStr=#fa9f0e);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#feca18, endColorStr=#fa9f0e);
          display:inline-block; /* IE is so silly */
          margin:10px 0 0 0;
          text-transform:uppercase;
        }
        
        .de .MarketingCampaign.special input[type=submit] { font-size:28px; }
        
        .MarketingCampaign.special input[type=submit]:hover 
        {
            /*background-position:0px -60px;*/
            background: #f49b0f;
        }
        
        .standard-options { font-size:20px; text-shadow: 1px 1px 1px #d4d3d3; margin-bottom:25px; }
        
        .MarketingCampaign.special ul
        {
            float:right;
            width:470px;
        }

        .MarketingCampaign.special ul li
        {
            float:left;
            width:234px;
            height:117px;
            list-style:none;
            margin:0 0px 0px 0;
            padding:0;
            background: url(/images/campaigns/campaign-special-ships-frigates.png) no-repeat top; /*ETC Check*/
            border:none;
            position:relative;
            text-indent:-20000px;
        }
        
        .MarketingCampaign.special .aspvalidator { position:absolute; text-transform:none; right:-78px; top:40%; font-family:Arial; }
        .ru .MarketingCampaign.special .aspvalidator { right:-99px; }
    
        .MarketingCampaign.special ul li a { float:left; width:214px; height:94px;  position:absolute; top:6px; left:8px; }
    
        /* Cormorant */
        .MarketingCampaign.special ul li.sel-100199,
        .MarketingCampaign.special ul li.sel-100203, 
        .MarketingCampaign.special ul li.sel-100211, 
        .MarketingCampaign.special ul li.sel-100215  { background-position:-37px -18px; }        
        
        .MarketingCampaign.special ul li.sel-100199.hover, 
        .MarketingCampaign.special ul li.sel-100203.hover,
        .MarketingCampaign.special ul li.sel-100211.hover,
        .MarketingCampaign.special ul li.sel-100215.hover { background-position:-37px -283px; opacity:0.7;}
        
        .MarketingCampaign.special ul li.sel-100199.selected, 
        .MarketingCampaign.special ul li.sel-100203.selected, 
        .MarketingCampaign.special ul li.sel-100211.selected, 
        .MarketingCampaign.special ul li.sel-100215.selected { background-position:-37px -283px;}
        
        .MarketingCampaign.special ul li.sel-100199.selected:hover, 
        .MarketingCampaign.special ul li.sel-100203.selected:hover, 
        .MarketingCampaign.special ul li.sel-100211.selected:hover, 
        .MarketingCampaign.special ul li.sel-100215.selected:hover { opacity:1;}        
        
         /*Coercer*/
        .MarketingCampaign.special ul li.sel-100198, 
        .MarketingCampaign.special ul li.sel-100202, 
        .MarketingCampaign.special ul li.sel-100210, 
        .MarketingCampaign.special ul li.sel-100214 { background-position:-274px -18px; }        
        
        .MarketingCampaign.special ul li.sel-100198.hover, 
        .MarketingCampaign.special ul li.sel-100202.hover, 
        .MarketingCampaign.special ul li.sel-100210.hover, 
        .MarketingCampaign.special ul li.sel-100214.hover { background-position:-274px -283px; opacity:0.7;}
        
        .MarketingCampaign.special ul li.sel-100198.selected, 
        .MarketingCampaign.special ul li.sel-100202.selected, 
        .MarketingCampaign.special ul li.sel-100210.selected, 
        .MarketingCampaign.special ul li.sel-100214.selected { background-position:-274px -283px;}
        
        .MarketingCampaign.special ul li.sel-100198.selected:hover, 
        .MarketingCampaign.special ul li.sel-100202.selected:hover, 
        .MarketingCampaign.special ul li.sel-100210.selected:hover, 
        .MarketingCampaign.special ul li.sel-100214.selected:hover { opacity:1; }        

        /*Thrasher*/                                 
        .MarketingCampaign.special ul li.sel-100201, 
        .MarketingCampaign.special ul li.sel-100205, 
        .MarketingCampaign.special ul li.sel-100213, 
        .MarketingCampaign.special ul li.sel-100217 { background-position:-37px -142px; }
        
        .MarketingCampaign.special ul li.sel-100201.hover, 
        .MarketingCampaign.special ul li.sel-100205.hover, 
        .MarketingCampaign.special ul li.sel-100213.hover, 
        .MarketingCampaign.special ul li.sel-100217.hover { background-position:-37px -408px; opacity:0.7;}
        
        .MarketingCampaign.special ul li.sel-100201.selected, 
        .MarketingCampaign.special ul li.sel-100205.selected, 
        .MarketingCampaign.special ul li.sel-100213.selected, 
        .MarketingCampaign.special ul li.sel-100217.selected { background-position:-37px -408px; }
        
        .MarketingCampaign.special ul li.sel-100201.selected:hover, 
        .MarketingCampaign.special ul li.sel-100205.selected:hover, 
        .MarketingCampaign.special ul li.sel-100213.selected:hover, 
        .MarketingCampaign.special ul li.sel-100217.selected:hover { opacity:1; }    
        
         /* Catalyst  */                                
        .MarketingCampaign.special ul li.sel-100200, 
        .MarketingCampaign.special ul li.sel-100204, 
        .MarketingCampaign.special ul li.sel-100212, 
        .MarketingCampaign.special ul li.sel-100216 { background-position:-274px -142px; }
        
        .MarketingCampaign.special ul li.sel-100200.hover, 
        .MarketingCampaign.special ul li.sel-100204.hover, 
        .MarketingCampaign.special ul li.sel-100212.hover, 
        .MarketingCampaign.special ul li.sel-100216.hover { background-position:-274px -408px; opacity:0.7;}
        
        .MarketingCampaign.special ul li.sel-100200.selected, 
        .MarketingCampaign.special ul li.sel-100204.selected, 
        .MarketingCampaign.special ul li.sel-100212.selected, 
        .MarketingCampaign.special ul li.sel-100216.selected { background-position:-274px -408px; }

        .MarketingCampaign.special ul li.sel-100200.selected:hover, 
        .MarketingCampaign.special ul li.sel-100204.selected:hover, 
        .MarketingCampaign.special ul li.sel-100212.selected:hover, 
        .MarketingCampaign.special ul li.sel-100216.selected:hover { opacity:1; }

        /* NEW Q1 2013 SELECTION OFFER BEGIN */  /*ETC Check*/
        /* Heron */
        .MarketingCampaign.special ul li.sel-100225  { background-position:-37px -18px; }        
        .MarketingCampaign.special ul li.sel-100225.hover { background-position:-37px -283px; opacity:0.8;}
        .MarketingCampaign.special ul li.sel-100225.selected { background-position:-37px -283px;}
        .MarketingCampaign.special ul li.sel-100225.selected:hover { opacity:1;}        

        .MarketingCampaign.special ul li.sel-100232  { background-position:-37px -18px; }        
        .MarketingCampaign.special ul li.sel-100232.hover { background-position:-37px -283px; opacity:0.8;}
        .MarketingCampaign.special ul li.sel-100232.selected { background-position:-37px -283px;}
        .MarketingCampaign.special ul li.sel-100232.selected:hover { opacity:1;}       
        
         /*Magnate*/
        .MarketingCampaign.special ul li.sel-100227 { background-position:-274px -18px; }        
        .MarketingCampaign.special ul li.sel-100227.hover { background-position:-274px -283px; opacity:0.8;}
        .MarketingCampaign.special ul li.sel-100227.selected { background-position:-274px -283px;}
        .MarketingCampaign.special ul li.sel-100227.selected:hover { opacity:1; }        

        .MarketingCampaign.special ul li.sel-100234 { background-position:-274px -18px; }        
        .MarketingCampaign.special ul li.sel-100234.hover { background-position:-274px -283px; opacity:0.8;}
        .MarketingCampaign.special ul li.sel-100234.selected { background-position:-274px -283px;}
        .MarketingCampaign.special ul li.sel-100234.selected:hover { opacity:1; }             

        /*Probe*/                                 
        .MarketingCampaign.special ul li.sel-100228 { background-position:-37px -142px; }
        .MarketingCampaign.special ul li.sel-100228.hover { background-position:-37px -408px; opacity:0.8;}
        .MarketingCampaign.special ul li.sel-100228.selected { background-position:-37px -408px; }
        .MarketingCampaign.special ul li.sel-100228.selected:hover { opacity:1; }    

        .MarketingCampaign.special ul li.sel-100235 { background-position:-37px -142px; }
        .MarketingCampaign.special ul li.sel-100235.hover { background-position:-37px -408px; opacity:0.8;}
        .MarketingCampaign.special ul li.sel-100235.selected { background-position:-37px -408px; }
        .MarketingCampaign.special ul li.sel-100235.selected:hover { opacity:1; }  
        
         /* Imicus  */                                
        .MarketingCampaign.special ul li.sel-100226 { background-position:-274px -142px; }
        .MarketingCampaign.special ul li.sel-100226.hover { background-position:-274px -408px; opacity:0.8;}
        .MarketingCampaign.special ul li.sel-100226.selected { background-position:-274px -408px; }
        .MarketingCampaign.special ul li.sel-100226.selected:hover { opacity:1; }        

        .MarketingCampaign.special ul li.sel-100233 { background-position:-274px -142px; }
        .MarketingCampaign.special ul li.sel-100233.hover { background-position:-274px -408px; opacity:0.8;}
        .MarketingCampaign.special ul li.sel-100233.selected { background-position:-274px -408px; }
        .MarketingCampaign.special ul li.sel-100233.selected:hover { opacity:1; }    
        
        /* NEW Q1 2013 SELECTION OFFER END */  /*ETC Check*/
        
        .MarketingCampaign.special ul li:ntn-child(2n+2)
        {
            margin-right:0;
        }
    
        #subscription-intervals li.MarketingCampaign .monthly-amount,
        #subscription-intervals li.MarketingCampaign .total,
        #subscription-intervals li.MarketingCampaign .savings {
            display: none;
        }
#subscription-intervals h3 {
    border-bottom: 1px dashed #bebebe;
    padding-bottom: 20px;
    margin: 10px 0 20px 0;
    font-size: 24px;
    font-weight: bold;
    white-space: nowrap;
}
    #subscription-intervals h3 span {
        display: block;
        font-size: 14px;
        font-weight: normal;
        padding-top: 3px;
        color: #999;
    }
    #subscription-intervals h3 span.item {
        display: block;
        font-size: 12px;
        font-weight: bold;        
        color: #5ba53e;
    }    
    #subscription-intervals li.MarketingCampaign h3 {
        margin: 0;
        border-bottom: 0;
        padding: 0;
        color: #72945e;
        width: 600px;
        white-space: normal;
    }
#subscription-intervals p {
    margin-bottom: 3px;
    font-size: 1.1667em;
}
#subscription-intervals .monthly-amount {
    font-weight: bold;
}
#subscription-intervals input[type=submit] {
    margin: 25px auto 0;    
}
    #subscription-intervals li.MarketingCampaign input[type=submit] {
        width: auto;
        position: absolute;
        top: 30px;
        right: 30px;
        margin: 0;
    }
    .ie7 #subscription-intervals li.MarketingCampaign input[type=submit] {
        width: 200px;
    }
.eutext-link {
    text-align: center;
}

.eutext-link p {
    text-align: left;
}
.activation-fee-notice {
    display: block;
    text-align: center;
    margin-top: 30px;
}
#subscription-intervals li.Recommended {
    padding: 30px;
    margin-top: -10px;
    background: #fff url(/images/popular-banner.png) no-repeat left top;
}
    #subscription-intervals li.Recommended h3 { color: #fa9e0e; }
        #subscription-intervals li.Recommended h3 span { color: #999; }
#subscription-intervals .savings {
    color: #5ba53e;
    margin-top: 20px;
}
.ru #subscription-intervals .savings { font-size:1.1em; }
#subscription-intervals .offer-description {
    display: none;
}
#subscription-intervals li.MarketingCampaign .offer-description {
    display: block;
    margin-top: 10px;
    width: 600px;
}
#subscription-intervals .more-link {
    display: block;
    color: #72945e;
}
    #subscription-intervals .more-link:hover { color: #396a27;}

#subscription-intervals li.BuyItNowItemSpecial {background:#fff url(/images/illustrations/offer-ribbon.png) no-repeat top right; }

.autumn-2014-offer { 
    height:160px;    
    background:#fff url(/images/illustrations/Autumn2014Special_en.jpg) no-repeat top right;     
}
.de .autumn-2014-offer {
    background:#fff url(/images/illustrations/Autumn2014Special_de.jpg) no-repeat top right;     
}
.ru .autumn-2014-offer {
    background:#fff url(/images/illustrations/Autumn2014Special_ru.jpg) no-repeat top right;     
}
.fr .autumn-2014-offer {
    background:#fff url(/images/illustrations/Autumn2014Special_fr.jpg) no-repeat top right;     
}
    
.terms ul {
    width: 340px;
}

/*------- Oddyssey offfer --------*/
.ru .specials {
    font-family: 'DINCondensedC', Arial, sans-serif;
}

.specials #subscription-intervals, .specials .subscription-intervals { margin-bottom:25px; width: 890px; }

.specials #subscription-intervals h3, .specials .subscription-intervals h3 { color:#fa7603; border:none; padding-bottom:0px;}

.specials #subscription-intervals li, .specials .subscription-intervals li
{
    border:4px solid #dddddd;
    background-image: linear-gradient(bottom, rgb(241,241,241) 10%, rgb(255,255,255) 64%);
    background-image: -o-linear-gradient(bottom, rgb(241,241,241) 10%, rgb(255,255,255) 64%);
    background-image: -moz-linear-gradient(bottom, rgb(241,241,241) 10%, rgb(255,255,255) 64%);
    background-image: -webkit-linear-gradient(bottom, rgb(241,241,241) 10%, rgb(255,255,255) 64%);
    background-image: -ms-linear-gradient(bottom, rgb(241,241,241) 10%, rgb(255,255,255) 64%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.10, rgb(241,241,241)),
        color-stop(0.64, rgb(255,255,255))
    ); 
    
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.15);
    box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.15);
    position:relative;
    /*height:185px;*/
    height: 140px;
}

.specials #subscription-intervals li.reactivation { height:186px; height: 140px; margin-left: auto; margin-right: auto; }
.specials #subscription-intervals li.reactivation .radio-fake { bottom:5px; }
.specials #subscription-intervals li.reactivation p.ship-name { font-size:14px; font-weight:bold; text-transform:uppercase; margin-top:20px;}

.specials #subscription-intervals li input[type="radio"]+label { position:absolute; bottom:11px; right:11px; }

.specials h3.sub { margin-bottom:20px; font-size:2em; font-weight:bold; }
.specials h3.sub span { color:#fa7603; }

.specials #subscription-intervals li.selected, .specials #subscription-intervals li.selected:hover { border-color:#fa7603; }

.specials #subscription-intervals li:hover, .starter-packs > li .content:hover  
{
    border:4px solid #c7c7c7;   
}

.specials .Subscription label { float:right; }

.specials .receipt.info-box a {
    font-weight: bold;
    font-size: 18px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    color: #00ACDF;
}

.specials .receipt.info-box a:hover {
    color: #007AA3;
}


.single #subscription-intervals li { text-align:left; text-indent:25px; background: #333 url(/images/illustrations/single-offer-bg.png) no-repeat right top; border: 4px solid #fa7603;}
.single.dual #subscription-intervals li { background: #fff url(/images/illustrations/dual-char-offer.png) no-repeat right top; }
.single #subscription-intervals li:hover { border: 4px solid #fa7603; }

.single #subscription-intervals li h3 { font-size:42px; }
.single #subscription-intervals li h3 { margin-bottom:0; }
.single #subscription-intervals li h3 span { font-size:28px; }
.single #subscription-intervals li h3 span { display:inline;}
.specials #subscription-intervals li p.sub { display:none; }
.single #subscription-intervals li p.sub { display:block; font-size:24px; color:#fff;}
.single.dual #subscription-intervals li p.sub { font-size:33px; color:#666;}
.single #subscription-intervals li p.monthly-amount, 
.single #subscription-intervals li p.total { display:none;}
.single.dual #subscription-intervals li p.monthly-amount, .single.dual #subscription-intervals li p.total { font-size:1.3em; display:block;}

.single .radio-fake { background-position:0px -3px; }

.single #subscription-intervals li p.savings { font-size:26px;}

.specials #subscription-intervals li.freebie { text-align:left; height:auto;  }
.specials #subscription-intervals li.freebie h3 { font-size:40px;  }
.specials #subscription-intervals li.freebie input[type=submit] { width:auto; float:right;}

/* special styles for Rubicon reactivation offer */
.specials .subscription-intervals { /*margin-left: 0px;*/ margin-top: 20px; }
.specials .subscription-intervals li { list-style:none; margin-bottom:20px; padding:0px 0px 0px 40px; font-size:26px; }
.specials .subscription-intervals li strong { font-weight:bold; }
.specials .subscription-intervals li:hover { border: 4px solid #fa7603; }

.specials .subscription-intervals li.offer102041, .specials .subscription-intervals li.offer202041, 
.specials .subscription-intervals li.offer102094, .specials .subscription-intervals li.offer202094,
.specials .subscription-intervals li.offer102154, .specials .subscription-intervals li.offer202154,
.specials .subscription-intervals li.offer102158,
.specials .subscription-intervals li.offer102182, .specials .subscription-intervals li.offer102183 { background:url(/images/campaigns/kronos-button1.jpg) no-repeat bottom left; color:#fff;}

.specials .subscription-intervals li.offer102042,
.specials .subscription-intervals li.offer102043,
.specials .subscription-intervals li.offer202042,
.specials .subscription-intervals li.offer202043,
.specials .subscription-intervals li.offer102095,
.specials .subscription-intervals li.offer202095,
.specials .subscription-intervals li.offer102096,
.specials .subscription-intervals li.offer202096,
.specials .subscription-intervals li.offer102137,
.specials .subscription-intervals li.offer202137,
.specials .subscription-intervals li.offer102138,
.specials .subscription-intervals li.offer202138,
.specials .subscription-intervals li.offer102155,
.specials .subscription-intervals li.offer202155,
.specials .subscription-intervals li.offer102156,
.specials .subscription-intervals li.offer202156,
.specials .subscription-intervals li.offer102159,
.specials .subscription-intervals li.offer102160,
.specials .subscription-intervals li.offer102184 { background: #fff url(/images/campaigns/kronos-button2.jpg) no-repeat 0% 0%; color:#999;}

.specials .subscription-intervals li.offer102185 { background: #fff url(/images/campaigns/kronos-button3.jpg) no-repeat 0% 0%; color:#999;}

.specials .subscription-intervals li.offer102042 .deco, 
.specials .subscription-intervals li.offer202042 .deco, 
.specials .subscription-intervals li.offer102095 .deco, 
.specials .subscription-intervals li.offer202095 .deco,
.specials .subscription-intervals li.offer102137 .deco, 
.specials .subscription-intervals li.offer202137 .deco,
.specials .subscription-intervals li.offer102155 .deco,
.specials .subscription-intervals li.offer202155 .deco,
.specials .subscription-intervals li.offer102156 .deco,
.specials .subscription-intervals li.offer102159 .deco,
.specials .subscription-intervals li.offer102160 .deco,
.specials .subscription-intervals li.offer102184 .deco { position:absolute; top:0%; right:0%; width:240px; height:150px; background: transparent url(/images/plex-rubicon-offer.png) no-repeat 0% 114%; color:#999;}

.specials .subscription-intervals li.offer102043 .deco, 
.specials .subscription-intervals li.offer202043 .deco, 
.specials .subscription-intervals li.offer102096 .deco, 
.specials .subscription-intervals li.offer202096 .deco,
.specials .subscription-intervals li.offer102138 .deco, 
.specials .subscription-intervals li.offer202138 .deco,
.specials .subscription-intervals li.offer102156 .deco,
.specials .subscription-intervals li.offer202156 .deco,
.specials .subscription-intervals li.offer102160 .deco,
.specials .subscription-intervals li.offer102185 .deco { position:absolute; top:0%; right:0%; width:240px; height:150px; background: transparent url(/images/plex-rubicon-offer.png) no-repeat 0% 0%; color:#999;}

.specials .subscription-intervals li.offer102195 { background:url(/images/campaigns/holidays2014_1month.jpg) no-repeat bottom left; color:#fff; }

.specials .subscription-intervals li.offer102196 { background:url(/images/campaigns/holidays2014-1plex.jpg) no-repeat bottom left; color:#fff; }

.specials .subscription-intervals li.offer102197 { background:url(/images/campaigns/holidays2014_2plex.jpg) no-repeat bottom left; color:#fff; }

.specials .subscription-intervals li h3 { font-size: 38px; font-weight:bold; margin-bottom:0; }
.specials .subscription-intervals li h3 span { font-size:30px; display:inline; margin-left:4px; color:#b1b1b1; }
.specials .subscription-intervals li p.sub { display:block; font-size:22px; color:#fff; margin-bottom:0px; text-transform: none; }
.specials .subscription-intervals li p.extratext { display:block; font-size:18px; color:#fff; margin-bottom:0px; text-transform: none; }
.specials .subscription-intervals li p.savings { font-size:20px; color:#339933; margin-top:2px; text-transform: none;}
.specials .subscription-intervals li.offer102042 p.savings, .specials .subscription-intervals li.offer102043 p.savings  { margin-top:45px; } 
.specials .subscription-intervals li.offer202042 p.savings, .specials .subscription-intervals li.offer202043 p.savings  { margin-top:45px; } 

.specials .subscription-intervals li p.monthly-amount, .specials .subscription-intervals li p.total { margin-bottom:0px; margin-top:0px; font-size:18px; text-transform: none; }
.specials .subscription-intervals li input { position:absolute; bottom:10px; right:10px;}
/* Starter packs */

.specials.ru .subscription-intervals li p.sub, .specials.ru .subscription-intervals li p.savings { font-size: 22px; }

.starter-packs { list-style:none; float:left; margin-left:0;}
.starter-packs > li { float:left; width:220px; margin-left:20px; }
.starter-packs > li:first-child { margin-left:0px; }
.starter-packs > li .content
{   
    width:198px;
    position:relative;     
    padding:189px 7px 7px 7px; 
    background:transparent url(/images/selection-items/Campaign-nov-2013.png) no-repeat; 
    border:4px solid #dddddd;    
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.15);
    box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.15);    
    color:#e9e9e9;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.63);
}
.starter-packs > li.selected .content {
    border-color:#fa7603;
}

.starter-packs > li .content input[type="radio"]+label { position:absolute; top:11px; right:11px; }

.starter-packs > li.minmatar .content { background-position:0px 0px; }
.starter-packs > li.amarr .content { background-position:-212px 0px; }
.starter-packs > li.gallente .content { background-position:-424px 0px ; }
.starter-packs > li.caldari .content { background-position:-636px 0px; }

.starter-packs > li h2 { font-size:2em; font-family: 'EngschriftDIND', Arial, sans-serif; margin-bottom:5px;}

.starter-packs ul.items { margin-left:0; }
.starter-packs ul.items li { list-style:none; padding:2px 0px 2px 5px;}

a.popover.odyssey { margin-top:10px; float:right; }

/* SHIP SELECTION CONTROL
 -------------------------------------------------------- */
 
.selection-wrapper 
{
    margin:10px 0 50px 0;
    padding: 0px 0 20px 0;    
/*  background-color:rgba(212,212,212,0.8);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #b9b9b9;
*/
    line-height: 1.5;
    float:left;
    width:855px;
    
} 
 
.selection-wrapper ul { text-align:center; margin:0; padding:0;}
.selection-wrapper ul li { float:left; width:105px; background-color:#ccc; height:105px; border:1px solid #8f8f8f; padding:2px; list-style:none; 
margin-left:18px; opacity:0.8;}
.selection-wrapper ul li p { text-indent:-20000px; }
.selection-wrapper ul li p.desc { text-indent:0px; margin-top:99px; font-weight:bold; text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.8); }
.selection-wrapper ul li:first-child { margin-left:0;}

/* Fanfest 2014 Twitch offers */
.selection-wrapper ul li.sel-102106, .selection-wrapper ul li.sel-102129 { background: url(/images/selection-items/ff2014_1.jpg) no-repeat 2px 2px ; width:180px; height:180px;} 
.selection-wrapper ul li.sel-102106 p.desc, .selection-wrapper ul li.sel-102129 p.desc { margin-top:180px; }
.selection-wrapper ul li.sel-102106 p.desc:before, .selection-wrapper ul li.sel-102129 p.desc:before { content: 'Iteron Inner Zone Shipping Edition'; } 

.selection-wrapper ul li.sel-102107, .selection-wrapper ul li.sel-102130 { background: url(/images/selection-items/ff2014_2.jpg) no-repeat 2px 2px; width:180px; height:180px;}
.selection-wrapper ul li.sel-102107 p.desc, .selection-wrapper ul li.sel-102130 p.desc { margin-top:180px; }
.selection-wrapper ul li.sel-102107 p.desc:before, .selection-wrapper ul li.sel-102130 p.desc:before { content: 'Tayra Wiyrkomi Edition';} 

.selection-wrapper ul li.sel-102108, .selection-wrapper ul li.sel-102131 { background: url(/images/selection-items/ff2014_3.jpg) no-repeat 2px 2px; width:180px; height:180px;}
.selection-wrapper ul li.sel-102108 p.desc, .selection-wrapper ul li.sel-102131 p.desc { margin-top:180px; }
.selection-wrapper ul li.sel-102108 p.desc:before, .selection-wrapper ul li.sel-102131 p.desc:before { content: 'Mammoth Nefantar Edition';} 

.selection-wrapper ul li.sel-102109, .selection-wrapper ul li.sel-102132 { background: url(/images/selection-items/ff2014_4.jpg) no-repeat 2px 2px; width:180px; height:180px;}
.selection-wrapper ul li.sel-102109 p.desc, .selection-wrapper ul li.sel-102132 p.desc { margin-top:180px; }
.selection-wrapper ul li.sel-102109 p.desc:before, .selection-wrapper ul li.sel-102132 p.desc:before  { content: 'Bestower Tash-Murkon Edition';} 

/* Fanfest 2014 selection giveaway codes offers */

.selection-wrapper ul li.sel-102119 { background: url(/images/selection-items/ff2014_1.jpg) no-repeat 2px 2px ; width:180px; height:180px;} 
.selection-wrapper ul li.sel-102119 p.desc { margin-top:180px; }
.selection-wrapper ul li.sel-102119 p.desc:before { content: 'Iteron Inner Zone Shipping Edition'} 

.selection-wrapper ul li.sel-102120 { background: url(/images/selection-items/ff2014_2.jpg) no-repeat 2px 2px; width:180px; height:180px;}
.selection-wrapper ul li.sel-102120 p.desc { margin-top:180px; }
.selection-wrapper ul li.sel-102120 p.desc:before { content: 'Tayra Wiyrkomi Edition';} 

.selection-wrapper ul li.sel-102121 { background: url(/images/selection-items/ff2014_3.jpg) no-repeat 2px 2px; width:180px; height:180px;}
.selection-wrapper ul li.sel-102121 p.desc { margin-top:180px; }
.selection-wrapper ul li.sel-102121 p.desc:before { content: 'Mammoth Nefantar Edition';} 

.selection-wrapper ul li.sel-102122 { background: url(/images/selection-items/ff2014_4.jpg) no-repeat 2px 2px; width:180px; height:180px;}
.selection-wrapper ul li.sel-102122 p.desc { margin-top:180px; }
.selection-wrapper ul li.sel-102122 p.desc:before { content: 'Bestower Tash-Murkon Edition';} 


/* GiveAway offers */
.selection-wrapper ul li.sel-100237 { background: url(/images/selection-items/hematos-246.jpg) no-repeat 2px 2px ; } 
.selection-wrapper ul li.sel-100237 p.desc:before { content: 'Hematos Blood Raiders'} 

.selection-wrapper ul li.sel-100238 { background: url(/images/selection-items/immolator-247.jpg) no-repeat 2px 2px; }
.selection-wrapper ul li.sel-100238 p.desc:before { content: 'Sansha Nation Immolator';} 

.selection-wrapper ul li.sel-100239 { background: url(/images/selection-items/taipan-248.jpg) no-repeat 2px 2px; }
.selection-wrapper ul li.sel-100239 p.desc:before { content: 'Gurista Taipan';} 

.selection-wrapper ul li.sel-100240 { background: url(/images/selection-items/violator-249.jpg) no-repeat 2px 2px; }
.selection-wrapper ul li.sel-100240 p.desc:before { content: 'Serpentis Violator';} 

.selection-wrapper ul li.sel-100241 { background: url(/images/selection-items/echo-250.jpg) no-repeat 2px 2px; }
.selection-wrapper ul li.sel-100241 p.desc:before { content: 'Angel Cartel Echo'} 

.selection-wrapper ul li.selected  
{
    opacity:1; 
    background-color:#fff;                                    
    -webkit-box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, .75);
    box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, .75);                                    
}

.selection-wrapper ul li:hover { opacity:1; cursor:pointer;}

.ddl-selection {display:none;}

 /* SHIP SELECTION CONTROL END */


/* LOGIN WIDGET CONTROL
 -------------------------------------------------------- */
.ccp-loginwidget {
    position: absolute;
    top: 0;
    right: 0;
    font: 12px/1 arial, helvetica, sans-serif;
    color: #ccc;
    height: 30px;
    background: #343434;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-box-shadow: 0px 1px 2px #0e0e0e; 
    -webkit-box-shadow: 0px 1px 2px #0e0e0e; 
    box-shadow: 0px 1px 2px #0e0e0e;
    z-index: 10;
}

.ja .ccp-loginwidget { font-family: 'Meiryo UI', Meiryo, Mincho, Sans-Serif; }

    .ccp-loginwidget p {
        margin: 0;
    }
.ccploginwidget-login, 
.ccploginwidget-sites,
.ccploginwidget-languages {
    float: left;
    position: relative;
}
.ccploginwidget-sites:hover,
.ccploginwidget-languages:hover {
    background: #2c2c2c;
}
.ccploginwidget-login .popover { padding: 0; }
.ccploginwidget-login .popover:hover { background: none; }
.ccp-loginwidget.not-logged-in .ccploginwidget-login > a, 
.ccp-loginwidget.logged-in .ccploginwidget-login p,
.ccploginwidget-sites p,
.ccploginwidget-languages p {
    display: block;
    padding: 0 15px;
    line-height: 30px;
    text-shadow: 0 0 3px #000;
    color: #ccc;
    text-decoration: none;
}

    .ccploginwidget-sites p,
    .ccploginwidget-languages p {
        padding: 0 25px 0 15px;
        margin: 0;
        cursor: pointer;
    }
    .ccploginwidget-sites:hover p,
    .ccploginwidget-languages:hover p {
        color: #fff;
    }
    .ccploginwidget-sites p,
    .ccp-loginwidget.logged-in .ccploginwidget-login {
        border-right: 1px solid #494949;
    }
    .ccploginwidget-sites:hover p {
        border-right: 1px solid #2c2c2c;
    }
    .ccploginwidget-languages p,
    .ccp-loginwidget.logged-in .ccploginwidget-sites p {
        border-left: 1px solid #2c2c2c;
    }
.ccp-loginwidget.not-logged-in .ccploginwidget-login {
    background: #cd810b url(/images/loginwidget/login-bg.png) repeat-x left top;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
}
    .ccp-loginwidget.not-logged-in .ccploginwidget-login > a {
        color: #fff;
    }
.ccp-loginwidget.logged-in .ccploginwidget-login span.seperator {
    padding: 0 10px;
    color: #494949;
    text-shadow: none;
}
.ccp-loginwidget.logged-in .ccploginwidget-login a {
    color: #fa9e0e;
}
    .ccp-loginwidget.logged-in .ccploginwidget-login a:hover {
        color: #fb5e00;
    }
.ccploginwidget-languages .label {
    color: #989898;
}
.ccp-loginwidget .arrow {
    height: 9px;
    width: 9px;
    background: transparent url(/images/loginwidget/arrows.png) no-repeat left top;
    display: block;
    position: absolute;
    top: 10px;
    right: 14px;
}
.ccploginwidget-sites ul,
.ccploginwidget-languages ul {
    display: none;
    background: #2c2c2c;
    list-style: none;
    margin: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
    .ccploginwidget-sites:hover ul,
    .ccploginwidget-languages:hover ul {
        display: block;
    }
    .ccploginwidget-sites:hover .arrow,
    .ccploginwidget-languages:hover .arrow {
        background-position: left bottom;
    }
.ccploginwidget-sites li,
.ccploginwidget-languages li {
    padding: 0 15px;
}
    .ccploginwidget-sites li:hover,
    .ccploginwidget-languages li:hover {
        background: #202020;
    }
        .ccploginwidget-sites li:last-child:hover,
        .ccploginwidget-languages li:last-child:hover {
            -webkit-border-bottom-right-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -moz-border-radius-bottomright: 3px;
            -moz-border-radius-bottomleft: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }
    .ccploginwidget-sites li a,
    .ccploginwidget-languages li a {
        padding: 15px 0;
        display: block;
        border-top: 1px dashed #424242;
    }
        .ccploginwidget-sites li:first-child a,
        .ccploginwidget-languages li:first-child a {
            border-top: none;
        }
.ccploginwidget-sites ul {
    width: 238px;
    position: absolute;
    top: 30px;
    left: 0px;
}
    .ccploginwidget-sites ul a { 
        color: #fa9e0e; 
    }
    .ccploginwidget-sites li a {
        font-weight: bold; 
        display: block;
        padding-left: 0px;
        /*background: transparent url(/images/loginwidget/general.png) no-repeat left center;*/
    }
.ccploginwidget-sites li span {
    color: #c0c0c0;
    font-weight: normal;
    display: block;
    font-size: 10px;
    line-height: 10px;
    padding-top: 4px;
}
.ccploginwidget-languages ul {
    position: absolute;
    top: 30px;
    left: 0px;
    width: 100%;
}
.ccploginwidget-languages li a {
    color: #ccc;
}

/* Custom checkbox
--------------------------------------------------------- */

.radio-fake      
{
    position: absolute;
    bottom: 7px;
    right: 7px; 
    height:42px; 
    width:42px; 
    background:transparent url(/images/odyssey-checkbox-sprite.png) 0px -44px no-repeat; 
}

.selected .radio-fake { background-position:0px -3px;}

.starter-packs .radio-fake { top:8px; right:8px; }

.regular-checkbox {
    display: none;
}
 
.regular-checkbox + label {
    background-color: #fff;
    border: 1px solid #cacece;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.15);
    box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.15);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;

    background-image: linear-gradient(bottom, rgb(243,243,243) 28%, rgb(255,255,255) 64%);
    background-image: -o-linear-gradient(bottom, rgb(243,243,243) 28%, rgb(255,255,255) 64%);
    background-image: -moz-linear-gradient(bottom, rgb(243,243,243) 28%, rgb(255,255,255) 64%);
    background-image: -webkit-linear-gradient(bottom, rgb(243,243,243) 28%, rgb(255,255,255) 64%);
    background-image: -ms-linear-gradient(bottom, rgb(243,243,243) 28%, rgb(255,255,255) 64%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.28, rgb(243,243,243)),
        color-stop(0.64, rgb(255,255,255))
    );
    
}
 
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);*/
}
 
.regular-checkbox:checked + label {
    background-color: #f8f2f2;
    border: 1px solid #adb8c0;    
    color: #99a1a7;
    
}
 
.regular-checkbox:checked + label:after 
{
    font-family:Arial, sans-serif;
    content: '\2714';
    font-size: 28px;
    position: absolute;
    top: 3px;
    left: 3px;
    color: #fa7603;
}
 
 
.big-checkbox + label {
    padding: 17px;
}
 
.big-checkbox:checked + label:after {
    font-size: 28px;
    left: 6px;
}


/* PAYMENT PROCESSOR FLOW
 -------------------------------------------------------- */
.backlink {
    display:none;
    padding-left: 20px;
    line-height: 37px;
}
.paymentInputGroup input[type=submit] {
    float: left;
}


/* PAYMENT METHOD SELECTION */
#payment-methods {
    border-top: 2px solid #000;
    margin:0;
    list-style:none;
    }
    #payment-methods li {
        float: left;
        width: 134px;
        height: 60px;
        cursor: pointer;
        background: transparent url(/images/payment-option-separator.png) no-repeat right top;
        }
        #payment-methods li:hover {
            background-color:#e0e0e0;
            }
        #payment-methods li.selected {
            background: #d5d5d5;
            }
        .js #payment-methods li input {
            display: none;
            }
        #payment-methods li label {
            cursor:pointer;
            display: block;
            width: 134px;
            height: 60px;
            background:url(/images/creditcardicons/payment_methods_new.png) no-repeat 50% 20px;
            }
            #payment-methods .creditcard label { background-position:50% 20px; }
            #payment-methods .directdebit label { background-position:50% -31px; }
            #payment-methods .paypal label { background-position:50% -77px; }
            #payment-methods .ideal label { background-position:50% -130px; }
            #payment-methods .webmoney label { background-position:50% -182px; }
            #payment-methods .paysafecard label { background-position:50% -228px; }
            #payment-methods .plex label { background-position:50% -280px; }
            #payment-methods .ukash label { background-position: 50% -333px; }
            #payment-methods .nexon label { background-position:50% -382px; }
            #payment-methods .yandex label { background-position:50% -437px; }
            #payment-methods .amazon label { background-position: 50% -482px; }
            #payment-methods .sofort label { background-position: 50% -548px; }

      #payment-methods li.too-many {
        width: 117px;
      }
      
      #payment-methods li.too-many label {
        width: 117px;
      }
      
#payment-type-selection-bottom-border { margin-top: 0; }
    .ie7 #payment-type-selection-bottom-border { margin-top: -7px; }

/* CREDIT CARD FIELDS */
.ddlCCExp1 {
    width: 80px;
    float: left;
}
.ddlCCExp2 {
    width: 100px;
    clear: none;
    margin-left: 10px;
}
#credit-card-expiry-fields {
    clear: left;
}
#credit-card-expiry-fields .clientvalidator, 
#credit-card-expiry-fields .aspvalidator, 
#credit-card-expiry-fields .forminfo {
    max-width: 238px;
}
#credit-card-ccv-fields input,
input[type=text].existing-card-cvn {
    width: 58px;
}
#credit-card-ccv-fields span {
    max-width: 230px;
}
#cvn-explanation-link {
    margin: 10px 0 0 20px;
    line-height: 34px;
    display: inline-block;
}
.SaveAsDefaultCardPanel .aux-text,
#direct-debit-recurring-disclaimer .aux-text {
    margin-left: 27px;
}
#credit-card-recurring-disclaimer .aux-text {
    margin-left: 27px;
}

.aux-text.terms {
    color:#555;
}

.aux-text.terms.paypal {
    margin-left:27px;
    margin-top:5px;
}

.SaveAsDefaultCardPanel {
    padding-top: 1px;
}
#CVN img {
    float: right;
    margin-left: 20px;
}
#CVN strong {
    display: block;
    font-size: 2em;
    margin-bottom: 30px;
}
.existingCardDiv #default-credit-card-info {
    margin: 30px 0;
}
.default-card-explanation {
    margin: -17px 0 10px;
}

/* DIRECT DEBIT FIELDS */
#direct-debit-recurring-disclaimer .aspvalidator {
    float: right;
    margin-top: 0;
}

/* CREDIT CARD FIELDS */
#credit-card-recurring-disclaimer .aspvalidator {
    float: right;
    margin-top: 0;
}


/* PAYPAL */
#paypaldescription {
    clear: both;
    margin-top: 2em;
}

/* UKash */
input.ukash-amount  {
    width: 58px;
}

/* ORDER OVERVIEW */
#order-overview h4 {
    font-weight: normal;
    font-size: 1.5em;
    margin-bottom: 0;
}
#order-overview p {
    font-size: 2em;
    font-weight: bold;
    margin-top: 1em;
}

#order-overview .vegas-hotel-discount.info-box 
{
    background: rgb(46, 46, 46);
    border:1px solid rgb(92, 92, 92);
}

#order-overview .vegas-hotel-discount p
{
    font-size:1em;
    font-weight: normal;
}


/* POPOVER 
 -------------------------------------------------------- */
a.popover, 
a.popover-inline {
    padding-right: 18px;
}

.responsive a.popover, .responsive a.popover-inline {
    padding-right:0;
}

a.popover:hover,
a.popover-inline {
    background: transparent url(/images/popover-icon.png) no-repeat right center;
}
#overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    z-index: 99;
}
    .ie #overlay { filter: alpha(opacity=0); }
#popover {
    width: 400px;
    border: 8px solid #dddbdc;
    background: #fff;
    padding: 20px;
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 100;
    -moz-box-shadow: 0 0 18px rgba(0,0,0, 0.75);
    -webkit-box-shadow: 0 0 18px rgba(0,0,0, 0.75);
    box-shadow: 0 0 18px rgba(0,0,0, 0.75);
}

#popover-content {
    overflow: auto;
    }
    #popover-content h2 {
        font-size: 1.4em;
        font-weight:bold;
        }
    #popover-content ol li {
        margin:0 0 1.5em 0;
        }
    #popover-content ol h3 {
        font-size:1em;
        font-weight:bold;
        margin:0 0 0.5em;
        }
#popover-close {
    position: absolute;
    top: -15px;
    right: -17px;
    height: 30px;
    width: 30px;
    background: transparent url(/images/popover-close.png) no-repeat top left;
    overflow: hidden;
    text-indent: -10000px;
}

/* LOGIN HISTORY (NO MASTERPAGE, STANDS ON ITS OWN)
 -------------------------------------------------------- */
a#login-history {
    background: none;
    padding: 0;
}
body#login-history {
    background: #fff;
}
#login-history h1 {
    margin: 0 0 15px;
}
#login-history tbody tr:hover {
    background: #e5e5e5;
}
#login-history footer p {
    margin-top: 20px;
}
#login-history .time-span span {
    color: #aeaeae;
    font-size: 0.91667em;
}


/* DOWNLOAD BUTTON
 -------------------------------------------------------- */
#download-button {
    position: relative;
    width: 238px;
    height: 47px;
    margin: 0 auto;
}
#download-button > a,
#download-button span {
    display: block;
    width: 223px;
    height: 47px;
    background: transparent url(/images/download-button.png) no-repeat left top;
    font-size: 16px;
    color: #975f08;
    font-weight: bold;
    line-height: 47px;
    padding-left: 15px;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);    
    text-align:left;
}

.responsive #download-button {
    width:260px;
    height:42px;
}

.responsive #download-button > a, .responsive #download-button span {
    background: transparent url(/images/download-bg.png) no-repeat left top;
    width:245px;
    color:#fff;
    height:42px;
    font-weight:normal;
    font-family:"EngschriftDIND";
    text-transform:uppercase;
    font-size:24px;        
}

    #download-button span { cursor: default; }
    .de #download-button > a
    .de #download-button span {
        font-size: 14px;
        padding-left: 10px;
        width: 228px;
    }

    .ru #download-button span {
        font-size: 17px;        
    }

    .ja #download-button span {
        font-size: 14px;
    }
    
    #download-button:hover > a,
    #download-button:hover span { background-position: left bottom; }
#download-button ul {
    display: none;
    margin: 0;
    background: #dfdfdf;
    position: absolute;
    top: 47px;
    left: 0;
    list-style: none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.responsive #download-button ul {
    top:42px;
}


#download-button:hover ul { display: block; }
#download-button li a {
    display: block;
    line-height: 55px;
    padding-left: 64px;
    width: 174px;
    color: #555;
    text-align:left;
}

.responsive #download-button li a {
    width:196px;
}

    #download-button li.win a { 
        border-bottom: 1px solid #d4d4d4; 
        background: transparent url(/images/download-button-winlogo.png) no-repeat 18px 17px; 
    }
    #download-button li.mac a { 
        border-top: 1px solid #eaeaea; 
        background: transparent url(/images/download-button-maclogo.png) no-repeat 18px 17px; 
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    #download-button li a:hover { background-color: #d4d4d4; }
    
.download-wrapper { margin-bottom:20px; }
    
/* INFO BOXES
 -------------------------------------------------------- */
.infoboxes {
    margin: 0;
}
.infoboxes li {
    float: left;
    list-style: none;
    background: #2f2f2f url(/images/illustrations/placeholder01.jpg) no-repeat top left;
    background-color: rgba(47, 47, 47, .9);
    -moz-transition: background-color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.infoboxes li:hover { background-color: rgba(47, 47, 47, 1); }
.infoboxes a {
    display: block;
    padding: 180px 20px 20px;
}
.ie7 .infoboxes a {
    padding-top: 200px;
}
.infoboxes.three li {
    width: 300px;
    margin-left: 20px;
}
.infoboxes.three li:first-child {
    margin-left: 0;
}
.infoboxes h3 {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
    margin: 0 0 15px;
}
.infoboxes p {
    color: #9a9a9a;
    margin: 0;
}
li.community { background-image: url(/images/illustrations/download-infobox1.jpg); }
li.tutorial { background-image: url(/images/illustrations/download-infobox2.jpg); }
li.learningcenter { background-image: url(/images/illustrations/download-infobox3.jpg); }
#signup-complete-infoboxes {
    margin-top: 30px;
    overflow: auto;
}


/* PAYMENT CONFIRMATION
 -------------------------------------------------------- */
#confirmation-details-summary dl {
    float: left;
    width: 220px;
    margin-left: 20px;
    font-size: 1.16667em;
}
    #confirmation-details-summary dl:first-child { margin-left: 0; }
#confirmation-details-summary dt {
    font-weight: bold;
}
#invoice-lines, .VatIncludedDiv {
    /*display: table-cell;*/
}
#invoice-lines {
    padding-right: 40px;
}
#payment-total {
    margin-top: 15px;
}
.payment-details dt,
#payment-total dt {
    float: left;
    width: 26em;
    font-weight: bold;
    clear: left;
}
.fanfest-tickets .payment-details dt,
.fanfest-tickets #payment-total dt 
{
    width:25em;   
}
    
#payment-total dd {
    font-size: 1.714em;
    font-weight: bold;
    float: left;
}

.payment-details .aux-text, 
#paymentDetails .aux-text { display:block; width: 600px; }

input[type=submit].paynow-button {
    display: inline-block;
}

/* EMAIL VERIFICATION
 -------------------------------------------------------- */
 
.centered-content.success  
{
    border:1px solid #cac9c9;
    background-color:#cdf0a7;
    padding:15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom:20px;
    -moz-box-shadow:    1px 1px 2px 0px #666;
    -webkit-box-shadow: 1px 1px 2px 0px #666;
    box-shadow:         1px 1px 2px 0px #666;
} 

#email-verification {
    width: 720px;
    padding: 30px;
    margin: 40px auto;
    background: #ffffff;
    border: 1px solid #fff;
    border-bottom: 4px solid #fff;
    line-height:1.5;
}
#email-verification h2 { 
    float: left; 
    font-weight: bold;
    margin: 0 0 0.41667em;
}
#email-verification hr {
    height: 1px;
    border-top: 1px solid #e5e5e5;
    background-color: #c9c9c9;
    color: #c9c9c9;
    margin-top: 15px;
    margin-bottom: 15px;
}

#email-verification-confirmation {
    list-style: none;
    overflow: auto;
    margin-left: 0em;    
}

#email-verification-confirmation li:last-child { margin-top:5px; }

.email-varification-verify-link  
{
    float:left;
    margin-top:-15px;
    margin-bottom:15px;
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:5px;
    background-color:#ccc;
}

a#verifyEmailwhy { margin-left:10px; }

.emailverified-download { margin-top:40px; }

/* RECEIPT
 -------------------------------------------------------- */
#receipt, .code-confirm {
    width: 720px;
    padding: 30px;
    margin: 40px auto;
    background: #fff;
    border-bottom: 4px solid #d7d7d7;
}
#receipt h2 { 
    float: left; 
    font-weight: bold;
    margin: 0 0 0.41667em;
}
#receipt-print-link { float: right; }
#receipt hr {
    height: 1px;
    border-top: 1px solid #e5e5e5;
    background: transparent;
}
#receipt-date {
    color: #aaa;
    font-size: 1.1667em;
    clear: both;
}
#receipt.activation {
    font-size: 1.1667em;
}
#receipt.activation h3 {
    margin-top: 0;
    font-weight: bold;
    font-size: 1.714em;
}
#receipt.activation h4 {
    font-weight: bold;
    font-size: 1.14em;
}
#receipt.activation .divUsefulLinks ul {
    margin: 0;
    list-style: none;
    overflow: auto;
}
#receipt.activation .divUsefulLinks ul li {
    float: left;
    width: 220px;
}
#receipt.activation .divUsefulLinks ul li:nth-child(2n+1) {
    clear: left;
}
#receipt .redeemables-list {
    margin-bottom: 1em;
}
#receipt .redeemables-list li span {
    color: #bbb;
}

#receipt.activation.common
{
    width:820px;
    border:2px solid #cccccc;
    padding:20px;    
}

#receipt.activation.common h3 { clear:none; }

#receipt.activation.common img 
{
    float:right;
    border:2px solid #ccc;
    padding:1px;
    width:250px;
    margin-left:20px;
}

#receipt.activation.common .items 
{
    padding-left:20px;
}

/* DEFAULT CREDIT CARD CONTROL
 -------------------------------------------------------- */
input[type=submit].add-card-button,
input[type=submit].save-card-button {
    display: inline-block;
}
#default-credit-card-info {
    width: 420px;
    height: 221px;
    padding: 20px;
    background: transparent url(/images/default-credit-card-info-bg.png) no-repeat left top;
    margin: 0 auto;
    position: relative;
}
    #default-credit-card-info dl {
        float: left;
        width: 165px;
    }
    #default-credit-card-info dt { font-weight: bold; }
    #default-credit-card-info dd { margin-bottom: 20px; }
#card-details {
    clear: left;
    color: #fff;
    padding-top: 1px;
}
#card-number {
    font-size: 30px;
    line-height: 55px;
}
#card-expiration-date {
    vertical-align: top;
    float: right;
    padding-top: 13px;
}
#removeDCC-Confirm-link {
    clear: right;
    padding: 8px 0 0;
    float: right;
    background: none;
}
.card-type {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 25px;
    width: 41px;
    display: block;
}
    .card-type.Visa, 
    .card-type.VisaDelta, 
    .card-type.VisaElectron { background: transparent url(/images/creditcardicons/visa.png) no-repeat left top; }
    .card-type.MasterCard { background: transparent url(/images/creditcardicons/mastercard.png) no-repeat left top; }
    .card-type.Jcb { background: transparent url(/images/creditcardicons/jcb.png) no-repeat left top; }
    .card-type.AmericanExpress { background: transparent url(/images/creditcardicons/americanexpress.png) no-repeat left top; }
    .card-type.CarteBleue { background: transparent url(/images/creditcardicons/bleue.png) no-repeat left top; }
#RemoveDCC h3 {
    margin: 0 0 .7em 0;
}
#RemoveDCC input[type=submit], #RemoveDCC button { display: inline-block; }
#RemoveDCC button { margin-left: 20px; }


/* LINKED ACCOUNTS
 -------------------------------------------------------- */
#linked-accounts-list,
#linked-accounts-list ul {
    margin: 0;
    list-style: none;
}
#linked-accounts-list > li {
    float: left;
    width: 220px;
    margin: 0 0 20px 20px;
    position: relative;
}
    #linked-accounts-list > li:first-child,
    #linked-accounts-list > li.pos0 { margin-left: 0; }
    #linked-accounts-list > li.pos0 { clear: left; }
    #linked-accounts-list > li strong {
        display: block;
        font-size: 1.1667em;
        margin-bottom: 5px;
    }
    #linked-accounts-list > li a {
        display: block;
        padding-top: 5px;
    }
#linked-accounts-list ul li {
    color: #999;
}


/* BUY IT NOW
 -------------------------------------------------------- */
.buy-eve #content {
    background: transparent url(/images/illustrations/buy-bg.jpg) no-repeat right top;
}
.buy-eve-insert-info #content 
{
     background: transparent url(/images/illustrations/activation-step2a-bg.jpg) no-repeat right 70px;
}

#buy-eve-intro {
    width: 460px;
}
#BIN-funnel-ETC-link {
    display: block;
    text-align: center;
    margin-top: 20px;
}
.buy-eve .SignedInAccountInfoPanel {
    width: 460px;
}

/* Special offer notice, cerebral accelerator */
#cerebral-offer-notice {
    -webkit-font-smoothing:antialiased;
    font-family: 'EngschriftDIND', Arial, sans-serif;
    text-transform: uppercase;
    line-height: 1;
    padding: 15px 0 0 90px;
    margin-top: -15px;
    background: url(/images/cerebral-accelerator.png) no-repeat left top;
}
    .ru #cerebral-offer-notice { font-family: 'DINCondensedC', Arial, sans-serif; }
    .ja #cerebral-offer-notice { font-family: 'Meiryo UI', Meiryo, Mincho, sans-serif; }
#cerebral-offer-notice p {
    margin: 0;
    padding: 0;
}
p#cerebral-title {
    font-size: 28px;
    margin-bottom: 3px;
}
p#cerebral-subtitle {
    font-size: 17px;
    color: #5bbfd9;
}
p#cerebral-text {
    font-size: 12px;
    color: #999;
    margin-top: 2px;
}

p#cerebral-bin-title {
    font-size: 28px;
    margin-bottom: 3px;
}
p#cerebral-bin-subtitle {
    font-size: 17px;
    color: #5bbfd9;
}
p#cerebral-bin-text {
    font-size: 12px;
    color: #999;
    margin-top: 2px;
}


/* BUY AND SELL ETC
 -------------------------------------------------------- */
.etc-sell-offers table,
.etc-buy-offers table {
    margin-bottom: 40px;
}
.gridcaption {
    display: inline-block;
    line-height: 35px;
    font-size: 1.1667em;
    font-weight: bold;
    color: #fff;
    margin: 0 1px 1px 0;
    background: #2f2f2f;
    padding: 0 15px;
    cursor: pointer;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    
}
.gridcaption.inactive {
    background: #cecece;
    color: #555;
}
.leftside
{
    float:left;
}

.leftside .forminfo 
{
    margin-top:0;
    display:block;
}


/* MY ACCOUNT
 -------------------------------------------------------- */
#account-info {
    width: 460px;
    margin-right: 20px;
    float: left;
}
#callouts { 
    width: 460px;
    float: right;
    list-style: none;
    margin: 0;
}
#character-portraits {
    list-style: none;
    margin: 0;
    overflow: auto;
}
    #character-portraits li {
        float: left;
        margin-left: 20px;
        width:128px;
        border:1px solid #d3d3d3;
        padding:4px;
        background-color:#e3e3e3;
    }

    #character-portraits li img {
        float: left;        
        margin-bottom:0px;
    }
    
    #character-portraits li span  
    {
        float:left; 
        width:100%; 
        text-align:center; 
        padding:0px 1px 2px 1px; 
        font-weight:bold;
    }
    #character-portraits li:first-child {
        margin-left: 0;
    }
#account-details {
    clear: left;
    margin: 20px 5px 0 0;
    font-size: 1.1667em;
    background-color:#e3e3e3;
    border:1px solid #d3d3d3;
    padding:5px;
}
    #account-details dt {
        font-weight: bold;
        float: left;
        width: 160px;
        clear: left;
    }
    
    #account-details dd .check { opacity:0.8; height:12px; margin-left:3px; width:12px; background: url(/images/check_small.png) no-repeat 0px 0px; }
    #account-details dd .check i { display:inline; text-align:left; text-indent:55555px; padding-left:12px; font-size:10px;}
    
    #account-details dd {
        padding-bottom: 3px;
    }
    #account-details .Active { color: #308700; }
    #account-details .Disabled,
    #account-details .Banned, 
    #account-details .Expired, 
    #account-details .Pending,
    #account-details .subs-canceled { color: #ca5757; }
#account-management-shortcuts {
    margin: 8px 5px 0 0;
    list-style: none;
    border: 1px solid #c9c9c9;
    padding: 5px;    
    background-color:#f5f5f5;
}
    #account-management-shortcuts li { 
        padding:2px 0px 2px 0px;         
        font-size:13px;
    }    
    #account-management-shortcuts li span { font-weight:bold; } 

.linked-accounts span { color:#fa9e0e; }


/* CALLOUTS */


/* CALLOUTS */
#callouts li a {
    display: block;
    height: 100px;
    width: 420px;
    -webkit-font-smoothing:antialiased;
    font-family: 'EngschriftDIND', Arial, sans-serif;
    text-transform: uppercase;
    padding: 40px 0 0 40px;
    line-height: 1;
}
    #callouts li a:first-child { margin-bottom: 20px; }
    .ru #callouts li a {
        font-family: 'DINCondensedC', Arial, sans-serif;
    }
    .ja #callouts li a { font-family: 'Meiryo UI', Meiryo, Mincho, sans-serif; }
    #callouts li a .headline {
        font-size: 3em;
        color: #fff;
        display: block;
        text-shadow: 2px 2px 2px rgba(0,0,0,0.75);
    }
    #callouts li a .details {
        font-size: 1.5em;
        color: #919191;
        display: block;
        color:#fa9e0e;
        text-shadow: 2px 2px 2px rgba(0,0,0,0.75);
    }
.power-of-two-offer { background: transparent url(/images/illustrations/myaccount-powerof2-bg.jpg) no-repeat left top; }
.start-a-sidekick { background: transparent url(/images/illustrations/myaccount-powerof2-bg.jpg) no-repeat left top; }
.start-a-sidekick span { color:#FA9E0E; }
.buddy-program-callout { background: transparent url(/images/illustrations/myaccount-buddyprogram-bg.jpg) no-repeat left top; }
.plex-callout { background: transparent url(/images/illustrations/myaccount-plex-bg.jpg) no-repeat left top; }
.update-trial-callout { background: transparent url(/images/illustrations/myaccount-reactivate-bg.jpg) no-repeat left top; }
.reactivate-callout { background: transparent url(/images/illustrations/myaccount-reactivate-bg.jpg) no-repeat left top; }
.etc-callout { background: transparent url(/images/illustrations/myaccount-tradeetc-bg.jpg) no-repeat left top; }
.reactivation-offer-spring11-callout { background: transparent url(/images/illustrations/myaccount-reactivationmay11-bg.jpg) no-repeat left top; }
.sixtydaytrial-callout { background: transparent url(/images/illustrations/myaccount-vouchercenter-bg.jpg) no-repeat left top; }
.japan-notice-callout { background: transparent url(/images/illustrations/myaccount-japannotice-bg.jpg) no-repeat left top; }
.nvidia-offer-callout { background: transparent url(/images/illustrations/nvidia-callout.png) no-repeat left top;  }
.multiple-character-callout { background: transparent url(/images/illustrations/mct-my-account.jpg) no-repeat left top;  }
#callouts .multiple-character-callout .headline { font-size:2.2em; }
.de #callouts .multiple-character-callout .headline { font-size:2.1em; }
.ja #callouts .multiple-character-callout .headline { font-size:1.6em; }
.ru #callouts .multiple-character-callout .headline { font-size:1.9em; }

#callouts li a.nvidia-offer-callout .details { font-size: 1.4em; color: #ccc; }
.nvidia-offer-callout span { color: #FA9E0E; }
    .de #callouts li a.nvidia-offer-callout .headline { font-size: 2.4em; }
    .ru #callouts li a.nvidia-offer-callout .headline { font-size: 2em; }
    .ja #callouts li a.nvidia-offer-callout .headline { font-size: 2.4em; }
    .ja #callouts li a.nvidia-offer-callout .details { font-family: 'DINCondensedC', Arial, sans-serif; font-size: 1.3em; }
    .ja #callouts li a.nvidia-offer-callout .details span { font-family: 'Meiryo UI', Meiryo, Mincho, sans-serif; font-size: 1.3em; }

    .ja #callouts li .details { color: #cccccc; font-size: 1.5em;}
    .ja #callouts li a.japan-notice-callout .headline { font-size: 2.3em; }
.fanfest-stream-callout { background: transparent url(/images/FF13AccountManagement460x140.jpg) no-repeat left top; }
.fanfest-stream-purchased-callout { background: transparent url(/images/illustrations/callout_fanfest2012stream.png) no-repeat left top; }
.fanfest-tickets-available-callout { background: transparent url(/images/FF13AccountManagement460x140.jpg) no-repeat left top; }
    #callouts li a.fanfest-stream-purchased-callout .headline { font-family: 'EngschriftDIND', Arial, sans-serif; color: #000; font-size: 2.2em; padding: 35px 0 0 183px; }
    #callouts li a.fanfest-stream-purchased-callout .details { font-family: 'EngschriftDIND', Arial, sans-serif; color: #000; font-size: 1.4em; padding: 0 0 0 202px; }
    

    /* Language specific layout changes */
    .de #callouts li a.plex-callout .headline { font-size: 2.7em; }
    .ru #callouts li a.plex-callout .headline { font-size: 2.5em; }
    .ru #callouts li a.update-trial-callout .headline { font-size: 2.5em; } 
    .fr #callouts li a.update-trial-callout .headline { font-size: 2.4em; } 

.eve-store-callout { background: transparent url("/images/illustrations/Secure_account_post-loginpage_banner_460x140.jpg") no-repeat left top; }
    
/* TRIAL SIGNUP
 -------------------------------------------------------- */
body.trial-signup #content, body.link-external-account #content  {
    background: transparent url(/images/illustrations/trial-bg.jpg) no-repeat right top;
    min-height:600px;
}

#trial-signup-info {
    width: 420px;
}
#receipt.trial-signup-completed {
    margin: 30px auto;
}
.trial-signup-completed h3 {
    font-weight: bold;
    margin-top: 0;
}
.trial-signup-completed p {
    font-size: 1.1667em;
}
.trial-signup .SignedInAccountInfoPanel {
    width: 405px;
}
.trial-signup .half {
    width: 405px;
}
.trial-signup #signup-disclaimer {
    clear: both;
    width: 420px;
}
.unelegible-for-trial {
    width: 400px;
    min-height: 400px;
}

.responsive .unelegible-for-trial {
    width:auto;
}


/* TRIAL SIGNUP INFORMATION CONTROL
 -------------------------------------------------------- */
.SignedInAccountInfoPanel {
    font-size: 1.1667em;
}
dl.logged-in-username,
dl.logged-in-email {
    float: left;
    width: 230px;
    margin-bottom: 20px;
}
.trial-signup dl.logged-in-username,
.trial-signup dl.logged-in-email {
    width: 202px;
}
dl.logged-in-username dt,
dl.logged-in-email dt {
    font-weight: bold;
}
.CreateNewAccountLink {
    display: block;
    clear: both;
}

body.trial-signup .external-trial-signup
{
    
    min-height : 700px;
}


body.trial-signup .nexon-notice 
{
    margin-bottom:30px;
    width:400px;
    border:1px solid #c6c6c6;
    background: rgba(250,250,250,0.8);
    padding:5px 15px 15px 15px;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;     
    position:relative;    
}

body.responsive.trial-signup .nexon-notice {
    width:auto;
    border:1px solid rgb(55,55,55);
    border-radius:0;
     -moz-border-radius: 0; 
    -webkit-border-radius: 0;     
    background:rgba(0,0,0,0.5);
}

    body.responsive.trial-signup .nexon-notice h2 {
        font-size:16px;
    }

    body.responsive.trial-signup .nexon-notice .sep {
        margin:0;
        padding:0;
    }

    body.responsive.trial-signup .nexon-notice a.action,
    body.responsive.trial-signup .nexon-notice input[type=submit].action  {
      font-size:24px;
      font-family:DINEngschrift;
      height:auto;
      background: #cd3737;
      background-image: -webkit-linear-gradient(top, #cd3737, #931D1D);
      background-image: -moz-linear-gradient(top, #cd3737, #931D1D);
      background-image: -ms-linear-gradient(top, #cd3737, #931D1D);
      background-image: -o-linear-gradient(top, #cd3737, #931D1D);
      background-image: linear-gradient(to bottom, #cd3737, #931D1D);
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0px;  
      border-color:#d45050 #c65959 #651b1b #5d1718;
      text-decoration: none;
      height:auto;
      box-shadow:none;
      display:inline;
      text-transform:uppercase;  
      text-align:center;
      -webkit-box-shadow: 0px 0px 18px 1px rgba(51,51,51,0.75);
      -moz-box-shadow: 0px 0px 18px 1px rgba(51,51,51,0.75);
      box-shadow: 0px 0px 18px 1px rgba(51,51,51,0.75);
    }

    body.responsive.trial-signup .nexon-notice .nex-logo {
        display:none;
    }

body.trial-signup .trialsignup-hidden
{
    margin-bottom:30px;
    width:700px;
    border:1px solid #c6c6c6;
    background: rgba(220,220,220,0.8);
    padding:5px 15px 15px 15px;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;     
    position:relative;    
}

body.trial-signup.ja .forminfo { max-width:350px; }

body.trial-signup .nexon-notice h2 { font-weight:bold; }

body.trial-signup .nexon-notice .sep { margin:20px 0 15px 0;}

body.trial-signup .nex-logo
{
    position:absolute;
    bottom:5px;
    right:5px;
    opacity:0.5;
    width:115px;
    height:36px;
    background:transparent url(/images/nexon-logo.png) no-repeat top left;
}

body.trial-signup h3.nexon-sub { margin-bottom:40px; }


/* TRIAL SIGNUP COMPLETE
 -------------------------------------------------------- */
.trial-complete-wrapper { display:inline-block; margin-bottom:20px;}
.trial-complete-wrapper .left { float:left; margin-right:30px;}
.trial-complete-wrapper .right { float:right; }
.trial-complete-wrapper #email-verification  
{
    float:left; 
    width:450px; 
    margin:0;   
    -moz-box-shadow:    2px 3px 2px #999999;
    -webkit-box-shadow: 2px 3px 2px #999999;
    box-shadow:         2px 3px 2px #999999;
    min-height:270px;
}

.trial-complete-wrapper #email-verification hr { border-top:1px solid #808080; background:none; }

.trial-complete-wrapper #email-verification h3 { margin-top:0; font-weight:bold; } 

.trial-complete-wrapper #receipt.trial-signup-completed  
{
    float:right; 
    width:335px; 
    margin:0; 
    -moz-box-shadow:    2px 3px 2px #999999;
    -webkit-box-shadow: 2px 3px 2px #999999;
    box-shadow:         2px 3px 2px #999999;    
    border:none;
    background-color: #E7FCDD;
    min-height:208px;
}

.trial-complete-wrapper #receipt.trial-signup-completed hr { margin:15px 0; border-top: 1px solid #808080; }

/* TRIAL SIGNUP RECIPT VARIATIONS
 -------------------------------------------------------- */

.trial-receipt.wrong { padding-bottom:0px; }

.trial-receipt span.email { font-size:18px; font-weight:bold; display:block; margin:10px 0 0 0; }

.trial-receipt .wrong-email  
{    
    background:rgb(241, 241, 241);
    margin:70px -40px 0px -40px;
    border-top:1px solid rgb(213,213,213);
    padding:20px 0px 20px 40px;
    font-size:12px;
}

.trial-receipt .wrong-email.success
{
   background-color: rgb(227, 255, 223);
}

/* TRANSFER CHARACTER
 -------------------------------------------------------- */
#transfer-character-selection,
#character-resculpt-selection
 {
    list-style:none;
    padding:0;
    margin:1.4em 0 2em;
    float:left;
    }
    #transfer-character-selection li,
    #character-resculpt-selection li {
        float:left;
        margin:0 20px 0 0;
        overflow:hidden;
        cursor:pointer;
        width:128px;
        border:1px solid #d3d3d3;
        padding:5px;
        background-color:#e3e3e3;        
        }
        #transfer-character-selection li div, 
        #character-resculpt-selection li div {
            float:left;
            overflow:hidden;
            border:none;
            }
        #transfer-character-selection li img, 
        #character-resculpt-selection li img {
            float:left;
            overflow:hidden;
            /*width: 140px;
            height: 140px;*/
            }


        #transfer-character-selection li.selected,
        #transfer-character-selection li:hover,
        #character-resculpt-selection li.selected,
        #character-resculpt-selection li:hover {
            background-color:#FA9E0E;                        
        }
            
        #transfer-character-selection li.no-char:hover, 
        #character-resculpt-selection li.no-char:hover
        { background-color:#e3e3e3;}
            
        #transfer-character-selection li.selected img,
        #transfer-character-selection li:hover img {
            
            }
        #transfer-character-selection li span,
        #character-resculpt-selection li span {
            display:block;
            float:left;
            width:100%;
            padding:5px 0 0;
            color:#000;
            font-weight:bold;
            text-align:center;
            }
        #transfer-character-selection li.no-char span,
        #character-resculpt-selection li.no-char span        
        { padding:0; }

.resculpt-character .clientvalidator,
.resculpt-character .aspvalidator
{
    max-width: 225px;
    margin: 71px 0 0 5px;
}

/* ACTIVATION
 -------------------------------------------------------- */
.activation-loginpanel-image {
    float: right;
}

.activationstep1 #content {
    background: transparent url(/images/illustrations/activation-bg.jpg) no-repeat left top;
}
.activation-form {
    text-align: center;
    margin: -20px -20px -80px;
    padding: 408px 0 60px;
}
.activation-form input[type=text] { margin-left: 340px; }
.activation-form div { clear: left; }
.activation-form input[type=submit] { display: inline-block; }
.activation-account-creation-options {
    border-top: 2px solid #000;
    font-size: 1.5em;
    margin: 0;
    list-style: none;
}
.ru .activation-account-creation-options { font-size:1.4em; }
.activation-account-creation-options li {
    float: left;
    background: transparent url(/images/payment-option-separator.png) no-repeat left top;
}
.activation-account-creation-options li:first-child { background: none; }
.activation-account-creation-options a {
    color: #555;
    padding: 0 20px;
    line-height: 3.333;
    display: block;
    text-shadow: 0px 1px 1px #fff;
}
.activation-account-creation-options li:hover a { background: #d5d5d5; }
.activation-account-creation-options li.depressed a { background: #d5d5d5; }
.activation-account-creation-options li.depressed + li { background: none; }
.ExistingUserPanel .login-control {
    background: none;
    padding: 0;
}
.ExistingUserPanel .login-control input[type=text],
.ExistingUserPanel .login-control input[type=password] {
    margin: 10px 0 15px 0;
}
.ExistingUserPanel .login-control input[type=submit] {
    display: block;
}
.ExistingUserPanel .logout-link {
    margin-bottom: 20px;
    display: block;
}
.NewUserPanel {
    width: 960px;
    margin: 20px -20px 0 0;
    min-height: 691px;
    background: transparent url(/images/illustrations/activation-step2a-bg.jpg) no-repeat right top;
}
.ExistingUserPanel {
    padding: 20px 20px 0 0;
    width: 940px;
    margin: 0 -20px -80px 0;
    min-height: 440px;
    background: transparent url(/images/illustrations/activation-step2b-bg.jpg) no-repeat right top;
}
.activation-info-text {
    font-size: 1.1667em;
    margin-bottom: 20px;
}
.NewUserPanel .activation-info-text,
.NewUserPanel .SignedInAccountInfoPanel p {
    width: 500px;
}

/* Tattoos selection for Collectors Edition prepurchase */ 

.tat-wrapper { float:left; min-height:400px; width:100%;}

.tattoo-selection .arms { list-style:none; float:left; margin-bottom:15px; margin-left:0; margin-top:0px;}
.tattoo-selection .arms li 
{
    float:left; 
    padding:4px 6px; 
    margin-right:20px;
    font-size:14px;    
    text-transform:uppercase;
    font-weight:bold;    
}

.tattoo-selection .arms li.active  
{    
    border:1px solid #878585;
    background-color:#585858;
    border-radius: 5px;     
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;    
    color:#fa9e0e;    
}
.tattoo-selection .arms li:hover  
{
    cursor:pointer;
    color:#fa9e0e;  
} 

.popover.magnify { position:relative; }
.popover.magnify div  { background:url(/images/zoom1.png) no-repeat top left; height:128px; width:128px; position:absolute; bottom:16px; right:110px; opacity:0.5;}

.popover.magnify:hover { background:none; }
.popover.magnify:hover div { opacity:0.9; }

.ship-implant-wrapper { float:left; width:100%; }
.ship-implant-wrapper .implant { float:left; }
.ship-implant-wrapper .activation-ship { float:left; margin-right:20px;}
.ship-implant-wrapper .plus { float:left; font-size:65px; padding:75px 20px 0 0px; text-shadow:2px 1px 1px #fff; }

.ship-implant-wrapper img.small  
{
    height:178px; 
    width:350px; 	
    -moz-box-shadow:    2px 2px 1px 0px #666666;
    -webkit-box-shadow: 2px 2px 1px 0px #666666;
    box-shadow:         2px 2px 1px 0px #666666;
}


.ship-implant-wrapper .container 
{
    float:left;
    background-position: 0% 0%;    
    position: relative;    
    width: 360px;    
    text-align: center;
    padding: 10px;
    margin-bottom:20px;
    -moz-box-shadow: inset 1px 1px 2px #989898, inset -1px -1px 2px #989898;
    -webkit-box-shadow: inset 1px 1px 2px #989898, inset -1px -1px 2px #989898;
    -o-box-shadow: inset 1px 1px 2px #989898, inset -1px -1px 2px #989898;
    box-shadow: inset 1px 1px 2px #989898, inset -1px -1px 2px #989898;
    background-color: white;
    background-repeat: repeat;
    background-attachment: scroll;
}

.implants h3 {  }

.tattoo-selection .ship { text-align:center; font-size:14px; font-weight:bold; }
.tattoo-selection .ship p { margin-bottom:0px; }
.tattoo-selection .ship img   
{
    -moz-box-shadow: 2px 1px 6px rgba(0,0,0,0.75); 
    -webkit-box-shadow: 2px 1px 6px rgba(0,0,0,0.75);
    box-shadow: 2px 1px 6px rgba(0,0,0,0.75);    
    margin-top:10px;
}
.tattoo-selection .ship p.huge { font-size:42px; margin-bottom:10px;}
.tattoos { list-style:none; margin-bottom:20px; float:left; margin-top:10px; margin-left:0;}
.tattoos li { list-style:none; height:361px; width:180px; margin-right:30px; float:left; border:2px solid #dddddd; opacity:0.85;}

.tattoos li.selected
{
    opacity:1;
    border-color: #fa9e0e;
    -webkit-box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, .75);
    box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, .75);          
}

.tattoos li.tat-100305,
.tattoos li.tat-100326,
.tattoos li.tat-100313  { background:url(/images/illustrations/tattoo-drone.png) no-repeat top left; }

.tattoos li.tat-100308,
.tattoos li.tat-100329,
.tattoos li.tat-100316 { background:url(/images/illustrations/tattoo-nature.png) no-repeat top left; }

.tattoos li.tat-100307,
.tattoos li.tat-100328,
.tattoos li.tat-100315 { background:url(/images/illustrations/tattoo-prototype.png) no-repeat top left; }

.tattoos li.tat-100306,
.tattoos li.tat-100327,
.tattoos li.tat-100314 { background:url(/images/illustrations/tattoo-wreckage.png) no-repeat top left; }

.tattoos li.tat-102037 {background: url(/images/illustrations/arm-crops-f-left.jpg) no-repeat; }
.tattoos li.tat-102039 {background: url(/images/illustrations/arm-crops-m-left.jpg) no-repeat; }

.tattoos li.tat-102038 {background: url(/images/illustrations/arm-crops-f-right.jpg) no-repeat; }
.tattoos li.tat-102040 {background: url(/images/illustrations/arm-crops-m-right.jpg) no-repeat; }

.tattoos.right li.tat-100309,
.tattoos.right li.tat-100330,
.tattoos.right li.tat-100317 { background:url(/images/illustrations/tattoo-drone.png) no-repeat top right; }

.tattoos.right li.tat-100312,
.tattoos.right li.tat-100333,
.tattoos.right li.tat-100320 { background:url(/images/illustrations/tattoo-nature.png) no-repeat top right; }

.tattoos.right li.tat-100311,
.tattoos.right li.tat-100332,
.tattoos.right li.tat-100319 { background:url(/images/illustrations/tattoo-prototype.png) no-repeat top right; }

.tattoos.right li.tat-100310,
.tattoos.right li.tat-100331,
.tattoos.right li.tat-100318 { background:url(/images/illustrations/tattoo-wreckage.png) no-repeat top right; }

.tattoos li:hover { opacity:1; cursor:pointer;}

.ingame-item-login .login-control { background:none; }
.ingame-item-login input[type="submit"] { display:block; }

/* ACCOUNT SERVICES
 -------------------------------------------------------- */
#account-services-options {
    margin: 0;
    list-style: none;
}
#account-services-options li {
    float: left;
    margin-bottom: 20px;
}
#account-services-options li {
    display: block;
    width: 420px;
    height: 100px;
    margin-right: auto;
    padding-right: 40px;
    position: relative;
    text-align: right;
}

#account-services-options li a {
    padding-left: 70px;
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing:antialiased;
    font-family: 'EngschriftDIND', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 28px;
    color: #fff;
}
    .ru #account-services-options li a {
        font-family: 'DINCondensedC', Arial, sans-serif;
    }
    .ja #account-services-options li a { font-family: 'Meiryo UI', Meiryo, Mincho, sans-serif; }
#account-services-options .plex { 
    background: transparent url(/images/illustrations/accountservices-plex-bg.jpg) no-repeat left top; 
}
#account-services-options .transfer { 
    background: transparent url(/images/illustrations/accountservices-transfer-bg.jpg) no-repeat left top; 
    margin-left: 20px;
}
#account-services-options .etc { 
    background: transparent url(/images/illustrations/accountservices-etc-bg.jpg) no-repeat left top; 
}
#account-services-options .vouchers {
    background: transparent url(/images/illustrations/accountservices-vouchercenter-bg.jpg) no-repeat left top;
    margin-left: 20px;
}
#account-services-options .aurstore {
    background: transparent url(/images/illustrations/accountservices-aurstore-bg.jpg) no-repeat left top; 
}
    
#account-services-options .resculpt {
    background: transparent url(/images/illustrations/accountservices-CharacterResculpt.png) no-repeat left top; 
    margin-left: 20px;
}

#account-services-options .dct {
    background: transparent url(/images/illustrations/accountservices-dct-bg.jpg) no-repeat left top;     
}

#account-services-options .ce4plex {
  background: transparent url(/images/illustrations/ce4plex-services.jpg) no-repeat left top;
  margin-left: 20px;
}

#content .hdr {
    height:350px;
    margin:-20px -20px 0;
    background-repeat:no-repeat;
    }
    #content .hdr h2,
    #content .hdr h3 {
        -webkit-font-smoothing: antialiased;
        font-family: 'EngschriftDIND', Arial, sans-serif;
        text-transform:uppercase;
        color:#fff;
        }
        .ru #content .hdr h2,
        .ru #content .hdr h3 {
            font-family: 'DINCondensedC', Arial, sans-serif;
        }
        .ja #content .hdr h3 { font-family: 'Meiryo UI', Meiryo, Mincho, sans-serif; font-size: 1.75em;}
    #content .hdr h2 {
        padding: 35px 0 4px 48px;
        margin:0;
        font-size:3.5em;
        }
    #content .hdr h3 {
        font-size:2em;
        margin:0;
        padding:0 0 0 48px;
        }
    
    #content .col-main {
        float:left;
        width:540px;
        padding:0 0 20px;
        display: inline;
        }
        #content .col-main h3 {
            margin:26px 0;
            }
    #content .col-side {
        float:left;
        width:300px;
        margin:0 0 0 100px; 
        display: inline;       
        }
    
    #content .linkbox {
        list-style:none;
        padding:0;
        margin:2em -10px;
        }
        #content .linkbox li {
            float:left;
            width:220px;
            background-color: #303030;
            background-color: rgba(48, 48, 48, .9);
            background-repeat:no-repeat;
            margin:0 10px;
            -moz-transition: background-color 0.2s ease-in-out;
            -webkit-transition: background-color 0.2s ease-in-out;
            -o-transition: background-color 0.2s ease-in-out;
            transition: background-color 0.2s ease-in-out;
            }
                .ie7 #content .linkbox li { background-color: #303030; }
                #content .linkbox li:hover {background-color: rgba(48, 48, 48, 1);}
            #content .linkbox li a {
                display:block;
                padding:116px 20px 16px;
                color:#fff;
                font-weight:bold;
                font-size:123.1%;
                text-shadow:1px 1px 1px rgba(0,0,0,0.75);
                }
            #content .linkbox li.add-to-game-time { background-image:url(/images/illustrations/linkbox-addtogametime.jpg); }
            #content .linkbox li.transfer-character { background-image:url(/images/illustrations/linkbox-transfercharacter.jpg); }
            #content .linkbox li.resculpt-character { background-image: url(/images/illustrations/linkbox-CharacterResculpt.png); }
            #content .linkbox li.eon-for-plex { background-image: url(/images/illustrations/linkbox-EON-for-plex.png); }
            
            .ru #content .linkbox li a { padding:110px 20px 10px; }
            .ru #content .linkbox li.add-to-game-time, .ru #content .linkbox li.transfer-character, .ru #content li.eon-for-plex { height:159px; }
        
a.action,
input[type=submit].action {
    display:inline-block;
    height: 52px;
    background: #4b8733 url(/images/buttonbgs_action.png) repeat-x 0 0;
    color: #fff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    font-size: 20px;
    line-height:52px;
    padding: 0 20px;
    -moz-box-shadow: 1px 2px 2px #a8a8a8;
    -webkit-box-shadow: 1px 2px 2px #a8a8a8;
    box-shadow: 1px 2px 2px #a8a8a8;
    clear: both;
    }
    a.action:hover,
    input[type=submit].action:hover {
        background: #396a27 url(/images/buttonbgs_action.png) repeat-x 0 100%;
        }
    a.action:active,
    input[type=submit].action:active {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        }

a.action.small, input[type=submit].action.small  
{
    font-size:14px;
    line-height:34px;
    height:34px;
    margin:10px 0 0 10px;
    
}

p.action.gray 
{
    display:inline-block;
    color:#fff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(158,158,158)), to(rgb(122,122,122)));
    background: -moz-linear-gradient(top, rgb(158,158,158), rgb(122,122,122));
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=rgb(158,158,158), endColorStr=rgb(122,122,122));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=rgb(158,158,158), endColorStr=rgb(122,122,122));               
    -moz-box-shadow: 1px 2px 2px #a8a8a8;
    -webkit-box-shadow: 1px 2px 2px #a8a8a8;
    box-shadow: 1px 2px 2px #a8a8a8;          
    position:relative;
    line-height:52px;
    padding: 0 20px;    
    padding-right:50px;
    clear: both;
    font-size: 20px;
    cursor:pointer;
    margin-bottom:0;
}

p.action.gray:hover 
{
    background:rgb(122,122,122);
}

p.action.gray:hover span
{ 
    color:#cdcdcd;
}
 
.action.gray span
{
    position:absolute;    
    right:13px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #b4b4b4;
    top: 45%;
    text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.8);
} 

.action.gray.open span
{
    border-top:none;
    border-bottom: 12px solid #ccc;    
}

    

/* PLEX STORE
 -------------------------------------------------------- */
#plexstore .hdr {
    background-image:url(/images/illustrations/plexstore-hdr.jpg);
    }
#plexstore .col-main {
    width:460px;
    margin-top:-50px;
    }
#plexstore .col-side {
    width:380px;
    margin-top:-50px;
    }
#plexstore .purchase h3 {
    margin:26px 0 12px;
    }
#plexstore .purchase .action {
    margin-top: 10px;
    }
#plexstore .purchase .popover.action {
    margin-top: 18px;
    }
#plexstore hr {
    clear:both;
    }
#plexstore .purchase select 
{
    width:322px;
}

#plexstore .specialoffer-title {
    font-weight: bold;
    text-transform: uppercase;
}

/* PLEX STORE VARIATION 1
 -------------------------------------------------------- */
#buy-plex .plex-whales { margin-top:12px; opacity:0.7; margin-bottom:-10px;}
#buy-plex .hdr { height:230px; background-image:url(/images/illustrations/plexpage-bg.png); }
#buy-plex .hdr h2 { font-size:4.5em; padding:90px 0 0 35px; }
#buy-plex .hdr h3 { padding:0 0 0 36px; }
 
#buy-plex .what { margin:-10px 0 0px 0; font-weight:bold; }
 
#buy-plex .what p { margin:-10px 0 0px 0;  }
#buy-plex .what ul { float:right; list-style:none;} 
#buy-plex .what ul li { list-style:none; float:left; padding:0 5px;}
#buy-plex .what ul li:first-child { border-right:1px solid #8b8b8b; }
#buy-plex .what ul li a { padding:0; } 
#buy-plex .what ul li a:hover { background:none;} 
 /* Boxes showing PLEX packages for sale */

#buy-plex li:first-child {
   margin-left: 0;    
}

#buy-plex #plex-packages { list-style:none; margin:0px 0 0 0;}
.ie7 #buy-plex #plex-packages { width:100%;}

#plex-packages li:first-child {
   margin-left: 0;    
}

#buy-plex .plex-package {
    width: 280px;
    height: 215px;
    background-color: #DDDDDD;
    float: left;
    margin-left: 15px;
    margin-top:20px;
    position:relative;
}

#buy-plex .plex-package .ribbon
{
    text-indent:-2000px;
    position:absolute;
    height:86px;
    width:86px;
    top:0px;
    right:0px;
    background:transparent url(/images/illustrations/offer-ribbon.png) no-repeat top right;
    z-index:1;
}

#buy-plex .plex-package .plex-box {
    background-position: 0% 0%;
    height: 195px;
    position: relative;
    margin: 0 auto;
    top: 5px;
    text-align: center;
    padding: 10px 10px 0 10px;
    
    -moz-box-shadow: inset 1px 1px 2px #989898, inset -1px -1px 2px #989898;
    -webkit-box-shadow: inset 1px 1px 2px #989898, inset -1px -1px 2px #989898;
    -o-box-shadow: inset 1px 1px 2px #989898, inset -1px -1px 2px #989898;
    box-shadow: inset 1px 1px 2px #989898, inset -1px -1px 2px #989898;
    
    
    background-color: white;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.7, #fdbd15),
        color-stop(1, #e2a913),
    );/* IE6 & IE7 */
    /* IE8 */       
}


#buy-plex .plex-package .plex-box h1 {                       
    padding-bottom: 5px;
    margin: 10px 0 10px 0;
    font-size: 32px;
    font-weight: bold;
    white-space: nowrap;
    color:#fa9e0e;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
    
}

#buy-plex .plex-package .plex-box .subtitle {
    font-size: 14px;
    font-weight: bold;
    margin-top: 2px;
    color: black;
    margin-bottom: -16px;
}
    
 
#buy-plex .plex-package input[type="submit"], 
#buy-plex .plex-package button,
#buy-plex .plex-package input[type="button"] {
    display: inline;
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    1px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow:         1px 2px 2px rgba(0, 0, 0, 0.2);
}

/* Packages - OnHover */
#buy-plex .plex-package .plex-box:hover {
    -moz-box-shadow:1px 1px 2px #989898, -1px -1px 2px #989898, inset 4px 4px 0 #fff, inset -4px -4px 0 #fff;
    -webkit-box-shadow:1px 1px 2px #989898, -1px -1px 2px #989898, inset 4px 4px 0 #fff, inset -4px -4px 0 #fff;
    -o-box-shadow:1px 1px 2px #989898, -1px -1px 2px #989898, inset 4px 4px 0 #fff, inset -4px -4px 0 #fff;
    box-shadow: 1px 1px 2px #989898, -1px -1px 2px #989898, inset 4px 4px 0 #fff, inset -4px -4px 0 #fff;
    cursor: default;
}

#buy-plex .plex-package .plex-box .price-wrapper 
{
    border-top:1px dashed #d6d6d6;
    border-bottom:1px dashed #d6d6d6;
    padding:5px 0 5px 0;
    margin:5px 0 15px 0;   
    float:left;
    width:100%;
}

/* Offer */
#buy-plex .plex-package .plex-box .price-wrapper .discount
{
    float:left;
    width:49%;
    height:50px;
}

#buy-plex .plex-package .plex-box .price-wrapper .discount 
{ 
    background-color:#a6d149;    
    border-right:1px solid #fff;
    color:#fff;
    font-weight:bold;
    font-size:23px;
    line-height:1;
} 
#buy-plex .plex-package .plex-box .price-wrapper .discount { font-size:18px; }

#buy-plex .plex-package .plex-box .price-wrapper.rub .discount { font-size:15px; }
.ja #buy-plex .plex-package .plex-box .price-wrapper.rub .discount { font-size:13px; }


#buy-plex .plex-package .plex-box .price-wrapper .discount span { display:block; font-size:24px; font-weight:normal; padding-top:2px; font-weight:bold; }
.de #buy-plex .plex-package .plex-box .price-wrapper .discount span { font-size:13px; font-weight:bold; padding:8px 0 2px 0;}
.ru #buy-plex .plex-package .plex-box .price-wrapper .discount span { font-size:15px; font-weight:bold; padding:8px 0 2px 0; }

.ja #buy-plex .plex-package .plex-box .price-wrapper .discount span { font-size:15px; font-weight:bold; margin:2px 0 2px 0; }
.en #buy-plex .plex-package .plex-box .price-wrapper.rub .discount span { padding-top:5px; }
#buy-plex .plex-package .plex-box .price-wrapper.rub .discount span { padding-top:8px; }

#buy-plex .plex-package .plex-box .price-wrapper .discount span.percentage { margin-top:8px; font-size:26px; font-weight:bold; }

#buy-plex .plex-package .plex-box .price-wrapper .new
{
    background-color:#f4f4f4;
    border-left:1px solid #fff;
    font-size:18px;
    font-weight:bold;
    height:50px;
} 

#buy-plex .plex-package .plex-box .price-wrapper .new span { display:block; padding-top:2px; text-decoration:line-through; color:#b3b3b3; font-size:16px; font-weight:normal;}

#buy-plex .plex-package .plex-box .price-wrapper .new span.rub { text-decoration:none;  }

#buy-plex .plex-package .plex-box .price-wrapper.rub .new { font-size:15px; }
#buy-plex .plex-package .plex-box .price-wrapper.rub .new span.old { font-size:13px; font-weight:normal; color:#b3b3b3; text-decoration:line-through; padding-top:5px;}

#buy-plex .plex-package .plex-box .price-wrapper span.rub { font-size:18px; display:inline; padding-left:2px; }
#buy-plex .plex-package .plex-box .price-wrapper .new .rub { font-size:14px; }

#buy-plex .plex-package .plex-box .price-wrapper .discount .rub { font-size:14px; }

.ja #buy-plex .plex-package .plex-box .price-wrapper .new { font-size:15px; }
.ja #buy-plex .plex-package .plex-box .price-wrapper.rub .new { font-size:12px; }
.ja #buy-plex .plex-package .plex-box .price-wrapper .discount span.rub { font-size:11px; }

#buy-plex .plex-package .plex-box .price-wrapper.nxp .discount { font-size:12px; height:45px; padding-top:5px; }
#buy-plex .plex-package .plex-box .price-wrapper.nxp .new { font-size:13px; }
.ja #buy-plex .plex-package .plex-box .price-wrapper.nxp .new { font-size:12px; }
#buy-plex .plex-package .plex-box .price-wrapper.nxp .new .old { font-size:13px; padding-top:5px; }
.ja #buy-plex .plex-package .plex-box .price-wrapper.nxp .new .old { font-size:11px;  }

/* Offer end */

#buy-plex .plex-package .plex-box .price-wrapper .price
{
    background-color:#f4f4f4;
    padding-top:12px;
    margin:0;
    font-weight:bold;
    height:38px;
}

.ja #buy-plex .plex-package .plex-box .price-wrapper.nxp h2 { font-size:1.6em; }

#buy-plex .plex-package .plex-box:hover .price 
{
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #FECB18),
        color-stop(0.7, #FA9F0E),
    );
}

#buy-plex li:hover h1 {
    color: #FA9E0E;
}

#buy-plex .trial-wrapper { float:left; margin-top:3px; width:100%;}

/* Popular package */
#buy-plex .plex-package.popular 
{
    height:235px;
    margin-top:0px;
}

#buy-plex .plex-package.popular h1 
{
    font-size:28px;
}

#buy-plex .plex-package.popular .plex-box {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#004161', endColorstr='#00679a')";
    height: 205px;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.8, #004161),
        color-stop(1, #00679a),
    );/* IE6 & IE7 */
}
#buy-plex .banners-wrapper { float:left; width:100%; }
#buy-plex .banners-wrapper ul { width:100%; margin:0; }
#buy-plex .banners-wrapper ul li { list-style:none; float:left; margin-right:0px; }
#buy-plex .banners-wrapper ul li:first-child { margin-right:20px; }
#buy-plex .banners-wrapper ul li a { float:left;  }

/* Plex popover */

#whatisplex img, #howtouseplex img  { float:right; padding:0px 5px 5px 20px; }
#whatisplex p, #howtouseplex p { line-height:1.5; }

/* What is PLEX page */

.plex-what-is { line-height:1.6; }

.plex-what-is h2 { clear:none; }
.plex-what-is h3 {  }
.plex-what-is h4 { margin:25px 0 5px 0;  font-weight:bold;}

.plex-what-is img.plex { float:right; padding:0px 0px 10px 30px; }

.plex-what-is ol, .plex-what-is ul { margin:5px 0px 10px 30px; font-weight:bold;}


/* How to use PLEX page */
.plex-how-what { line-height:1.6; margin-right:95px;}
.plex-how-what img { float:right; }
.plex-how-what img.aur { margin-top:-25px; }
.plex-how-what ol { margin-bottom:15px; }
.plex-how-what ol.pad { margin-bottom:25px; }
#content .plex-how-what .hdr { background-image:url(/images/illustrations/how-to-use-plex-bg.jpg); height:330px; margin:-20px -115px 0 -20px; }
#content .plex-how-what .hdr.what-is { background-image:url(/images/illustrations/what-is-plex-bg.jpg); height:330px; margin:-20px -115px 0 -20px; }
#content .plex-how-what .hdr h2 { padding:132px 0 0 160px; }
#content .plex-how-what .hdr h3 { padding-left:160px; }
#content .plex-how-what h4 { margin:1em 0 0.5em 0; }

.plex-how-what .item { margin:0px 0px 30px 0px; padding:0px 0 10px 160px; }
.plex-how-what .item h3 { margin-bottom:0.5em; }
.plex-how-what .item.gt {margin-top:20px; background:url(/images/illustrations/plex-small.png) no-repeat 30px 3px;}
.plex-how-what .item.convenient { background:url(/images/illustrations/cicle-2d.png) no-repeat 30px 3px;}
.plex-how-what .item.flex { background:url(/images/illustrations/basket.png) no-repeat 30px 3px; }
.plex-how-what hr { margin-right:-80px; }

/* ------------------------------------------------------ */


/* SPECIALS
 -------------------------------------------------------- */

.specials .hdr {
    background-image:url(/images/campaigns/holidays2014-topbanner.jpg);
}

.specials.payment #content .hdr { display:none; }

.specials .offerlist ul { list-style:none; margin-left:0;}

.specials #content .selection h3 { text-transform:uppercase; font-size:23px; font-family: 'EngschriftDIND', Arial, sans-serif; margin:10px 0 10px 0;} 
.specials #content .selection h3 span { color:#FA9E0E; }
 
.specials #content .selection .t-shirt { padding:5px 0 5px 0; }
.specials #content .selection .t-shirt img { border:1px solid #8f8f8f; padding:2px; }

.specials #content .selection .t-shirt p {
    font-size: 42px;
    text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.8);
    text-indent: 40px;
    margin-bottom: 0px;
}

.specials #content .hdr { height: 140px; }

.specials #content .hdr h2 { padding-top: 25px; font-size: 3.5em; margin-bottom: 5px;}
.specials #content .hdr h3 {  font-size:2.2em; margin-top:5px;}

.specials .offerlist .single 
{   
    width:890px;
    border:5px solid #ddd;   
    background-color:#f4fee9; 
    padding:20px;
    margin:0 0 20px 0;
    position:relative;
}
.specials .offerlist .single input[type=submit] 
{
    position:absolute; 
    top:20px;
    right:30px;   
}
.specials .offerlist .single h3 { color:#72945e; font-size:24px; font-weight:bold; margin-bottom:5px; margin-top:0px;}

.specials .offerlist .single p { margin:5px 250px 5px 0; font-size:14px;}

.specials .single-receipt  
{
    font-size:14px; 
    width:890px;
    border:5px solid #ddd;   
    background-color:#f4fee9; 
    padding:20px;
    margin:0 0 20px 0; 
    font-weight:bold;
}

.specials .single-receipt h2 { color:#72945e; font-weight:bold; margin-bottom:5px; }

.specials .btn-odyssey-next { margin-top:10px; float:right; }

/* BUDDY PROGRAM
 -------------------------------------------------------- */
 
#buddy h4.howworks { font-weight:bold; font-size:16px; }
#buddy .hdr 
{   
    margin-bottom:30px; 
    background-image:url(/images/illustrations/buddyprogram-hdr.jpg);
    }
    
    #buddy.recall .hdr 
    {   
        height:253px;
        margin-bottom:30px; 
        background-image:url(/images/illustrations/recall-program-hdr.jpg);
    }
    
    #buddy .hdr h2 { color:#e8e8e8; margin-bottom:10px; }
    #buddy .hdr h2 span { font-size:48px; display:block;}
    
    #buddy.recall .hdr h2 { font-size:38px; text-align:right; padding-top:125px; padding-right:20px; margin-bottom:5px; }
    .ja #buddy.recall .hdr h2 { font-size:35px; padding-top:90px; }
    #buddy.recall .hdr h3 { text-align:right; padding-right:20px; margin:0; padding:0px 20px 0 0; font-size:24px;}
    #buddy.recall .hdr h2 span { color:#189fcc; font-size:38px; }
    
    #buddy.recall #buddy-steps h3 { padding-right:20px; margin-bottom:5px;  }
    
    #buddy .invite {
        padding:10px 0 20px;
        }
        #buddy .invite .action {
            margin:0 0 10px;
            }
        .fr #buddy .invite .action {
            font-size: 16px;
        }
        #buddy .invite .popover { float:left; }
    #buddy .col-main,
    #buddy .col-side {
        margin-top:-50px;
        }
    #buddy.recall .col-main,
    #buddy.recall .col-side {
        margin-top:0;
        }        
    #buddy p.msg 
    {
        float: left;         
        padding:15px 15px 15px 15px;         
        border-radius: 5px; 
        background-color:#e1e1e1;
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px; 
        border: 1px solid #b9b9b9;
        line-height:1.5;          
        font-weight:bold;
    }        
    #buddy-steps {
        margin:0 -10px;
        padding:0;
        list-style:none;
        background:url(/images/steps_bg.png) repeat-y 10px 0;
        }
        #buddy-steps li {
            float:left;
            width:300px;
            margin:0 10px;
            padding:0;
            height:270px;            
            position:relative;
            background:#555555 url(/images/box-arrow.png) no-repeat 97% 92%;
            }
        .fr #buddy-steps li {
            height: 314px;
        }
        #buddy.recall #buddy-steps li { background:#191919; height:293px; }
        .fr #buddy.recall #buddy-steps li { height: 308px; }
        
            .de #buddy-steps li { height:285px;}
            #buddy-steps li .deco { height:160px; width:300px; background:#555555 url(/images/illustrations/buddyprogram_steps.jpg) no-repeat 0 0; }            
            #buddy-steps li.step2 .deco { background-color:#424242; background-position:-300px 0; }            
            #buddy-steps li.step3 .deco { background-color:#303030; background-position: -600px 0; }

            /* Recall overwrite */ 
            #buddy.recall #buddy-steps li .deco { height:201px; width:300px; background:#555555 url(/images/illustrations/recall-program-steps.jpg) no-repeat 0 0; }
            #buddy.recall #buddy-steps li.step2 .deco { background-color:#424242; background-position:-300px 0; }
            #buddy.recall #buddy-steps li.step3 .deco { background-color:#303030; background-position: -600px 0; }

            #buddy-steps li.step2 { background-color:#424242;}                            
            #buddy-steps li.step3 { background-color:#303030; background-image:none; }
            
            #buddy-steps.signup li .deco { height:160px; width:300px; background:#555555 url(/images/illustrations/buddyprogram_steps_signup.jpg) no-repeat 0 0; }
            #buddy-steps.signup li.step2 .deco { background-color:#424242; background-position:-300px 0; }
            #buddy-steps.signup li.step3 .deco { background-color:#303030; background-position: -600px 0; }            
            
            #buddy-steps li h3 {
                font-size: 16px;
                font-weight: bold;
                text-shadow: 1px 1px 2px #000;
                padding:16px 0 10px 20px;
                margin:0 -7px 0 0;
                color:#fff;                
                }
                #buddy-steps li.step3 h3 {
                    background:none;
                    }
            #buddy-steps li p {
                padding: 0 20px 1em;
                color:#e8e8e8;
                }
                
           #buddy.recall #buddy-steps li h3 { margin-top:-28px; text-align:left; font-size:17px; color:#fa9e0e; font-weight:normal; text-shadow:none; margin-bottom:15px; padding:0 0px 0 15px;}
           .de #buddy.recall #buddy-steps li h3 { margin-top:-35px; padding-right:20px;}
           .ja #buddy.recall #buddy-steps li h3 { font-size:15px;}
           #buddy.recall #buddy-steps li p { padding:0 15px 10px 15px; }
                
    #buddy hr,
    .buddy-trial-landing hr {
        clear:both;
        }
    
    .buddy-trial-landing #content .col-main {
        width:460px;
        font-size:14px;
        }
    .buddy-trial-landing #content .col-side {
        width:460px;
        margin:0 0 20px 20px;
        }

    /* popover customizations */
    #popover.buddy-invite {
        padding:0;
        }
        #popover.buddy-invite .stamp {
            position:absolute;
            top:10px;
            left:-50px;
            height:133px;
            width:150px;
            background:url(/images/popover-mail-stamp.png) no-repeat 0 0;
            }
        #popover.buddy-invite #popover-content {
            background:url(/images/popover-mail.png) repeat-x 0 0;
            margin:-8px 0 0 0;
            padding:20px;
            }
        #popover.buddy-invite .invite-info {
            margin:0 0 0 93px;
            }
            #popover.buddy-invite .invite-info h3 {
                margin-bottom:1em;
                }
            #popover.buddy-invite .invite-info p {
                font-size:14px;
                }
        #popover.buddy-invite .rewards ul {
            list-style:none;
            margin:1.5em 0;
            border:1px solid #d9d9d9;
            border-width:1px 0;
            padding:1px 0;
            }
            #popover.buddy-invite .rewards ul li {
                float:left;
                width:202px;
                }
                #popover.buddy-invite .rewards ul li a {
                    display:block;
                    padding:30px 0;
                    font-size:18px;
                    text-align:center;
                    text-shadow:1px 1px 1px rgba(255,255,255,0.9);
                    color:#555;
                    }
                #popover.buddy-invite .rewards ul li.last a {
                    background:url(/images/payment-option-separator.png) no-repeat 0 50%;
                    }
                    #popover.buddy-invite .rewards ul.sel li.last a {
                        background-image:none;
                        }
                #popover.buddy-invite .rewards ul li a:hover {
                    background-color:#fbfbfb;
                    }
                #popover.buddy-invite .rewards ul li.selected a,
                #popover.buddy-invite .rewards ul li.selected:hover {
                    background-color:#eaeaea;
                    }
        #popover.buddy-invite .clientvalidator,
        #popover.buddy-invite .aspvalidator {
            position:absolute;
            left:320px;
            width:200px;
            }
        #popover.buddy-invite .rewards .clientvalidator,
        #popover.buddy-invite .rewards .aspvalidator {
            margin-top:-80px;
            left:414px;
            width:106px;
            }

.buddy .no-invites { font-weight:bold; }

.buddy #lvBuddyInvites { float:left; }

.buddy .stats  
{
    margin-bottom:20px;
    width:98%; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 1px solid #cbcbcb; 
    padding:15px 0 15px 15px;
    background-color:#dbdbdb;    
    float:left;
    font-size:14px;
}

.buddy .stats p { margin-bottom:0.5em;}

.buddy .stats .left, .buddy .stats .right { float:left; width:350px; }
.buddy .stats .right.rewards { float:right; margin-right:50px; width:150px;}

#buddy .invite-content { margin-top:-20px; }
#buddy .invite-content .col-left { float:left; width:650px; margin-top:-40px;}
#buddy.recall .invite-content .col-left { float:left; width:650px; margin-top:0px;}
#buddy .invite-content .col-left .public-link-wrapper { float:left; width:100%;}
#buddy .invite-content .col-left input.publiclink { width:500px; color:#202020; font-size:14px; margin-right:10px; margin-top:0;}

#buddy.recall .login-note { padding:20px; background:#fff; border:1px solid #d2d2d2; margin-bottom:20px; line-height:1.8; font-size:15px;}
#buddy.recall .login-note span { font-weight:bold; }
#buddy.recall .login-note a { margin-left:10px; }
#buddy .invite-content .col-left ul { list-style:none; margin-top:6px; margin-left:10px; }
#buddy .invite-content .col-left ul li { float:left; list-style:none; margin-right:5px; }
#buddy .invite-content .col-left ul li a { float:left; height:23px; width:23px; background: url(/images/social-icons.png) no-repeat top left; text-indent:-3000px;}
#buddy .invite-content .col-left ul li.facebook a { background-position: 0px 0px; }
#buddy .invite-content .col-left ul li.facebook a:hover { background-position: 0px -29px; }
#buddy .invite-content .col-left ul li.twitter a { background-position: -28px 0px; }
#buddy .invite-content .col-left ul li.twitter a:hover { background-position: -28px -29px; }
#buddy .invite-content .col-left ul li.google a { background-position: -56px 0px; }
#buddy .invite-content .col-left ul li.google a:hover { background-position: -56px -29px; }
#buddy .invite-content .col-left ul li.reddit a { background-position: -84px 0px; }
#buddy .invite-content .col-left ul li.reddit a:hover { background-position: -84px -29px; }


#buddy .invite-content .col-left textarea { width:628px; height:90px;}
#buddy .invite-content .col-left .personal-message { font-weight:bold; }
#buddy .invite-content .col-right { float: left; padding-left:57px;  }
#buddy .col-right .tip  
{
    float: left; 
    width:170px; 
    padding:105px 15px 15px 15px; 
    background:#d4d4d4 url(/images/Plex-tip.png) no-repeat 50% 15px;
    border: 1px solid #b9b9b9;
    line-height:1.5;         
}
#buddy.recall .col-right { padding-left:40px; float:left;}
#buddy.recall .col-right .tip  { float:right; background:#fff url(/images/terms-small.png) no-repeat 95% 10px; padding-top:20px; width:215px; border:1px solid #d2d2d2;}
#buddy.recall .invite-content .col-right .tip { width:215px; margin-top:42px;}
#buddy.recall .col-right.status .tip { margin-top:22px;  }
#buddy.recall .col-right .tip a  { color:#E9920A; }

#buddy.recall .col-side .popover  { margin-right:75px; }
.ru #buddy.recall .col-side .popover, .ja #buddy.recall .col-side .popover  { margin-right:140px; }

#buddy.recall .reward-text  { background:#fff; border:1px solid #d2d2d2; margin-top:20px; padding:10px 10px 0 10px; font-weight:bold;}

#buddy .col-right .tip h5 { font-size:14px; font-weight:bold; }

#buddy .invite-content .message  
{
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 1px solid #cbcbcb; 
    padding:15px;
    background-color:#dbdbdb;
    margin-bottom:20px;
}

#buddy .recall-free-days  
{
    width:100%;
    height:140px;
    background: url(/images/illustrations/recall-free-days.jpg) no-repeat top left;
    position:relative;
}
#buddy .recall-free-days h3
{
    position:absolute;
    top:15px;
    font-size:86px;
    color:#fff;
    left:30px;
    margin:0;
    padding:0;
}

#buddy .recall-free-days h3 span
{
    display:block;
    font-size:30px;
    margin-top:-5px;    
}

#buddy .recall-free-days input[type=submit]
{
  position:absolute;
  right:100px;
  top:32%;
  background: #808080;
  background-image: -webkit-linear-gradient(top, #5c5c5c, #000000);
  background-image: -moz-linear-gradient(top, #5c5c5c, #000000);
  background-image: -ms-linear-gradient(top, #5c5c5c, #000000);
  background-image: -o-linear-gradient(top, #5c5c5c, #000000);
  background-image: linear-gradient(to bottom, #5c5c5c, #000000);  
  color: #ffffff;
  font-size: 40px;
  padding: 5px 35px 5px 35px;
  border: solid #7e7e7e 1px;
  text-decoration: none;    
  border-radius:0;
  height:60px;
  box-shadow:none;
}

#buddy .recall-free-days input[type=submit]:hover
{
  /*background: #a8a8a8;*/
  background-image: -webkit-linear-gradient(top, #6b6b6b, #1a1a1a);
  background-image: -moz-linear-gradient(top, #6b6b6b, #1a1a1a);
  background-image: -ms-linear-gradient(top, #6b6b6b, #1a1a1a);
  background-image: -o-linear-gradient(top, #6b6b6b, #1a1a1a);
  background-image: linear-gradient(to bottom, #6b6b6b, #1a1a1a);
  text-decoration: none;    
}

#buddy .pmessage
{
    position:relative;    
    float:left;
}  

#buddy .pmessage .aspvalidator 
{
    position:absolute;
    bottom:30px;
    right:30px;
}

/* Claim you reward drop down thing */

.buddy .claim-wrapper { position:relative; } 
.buddy table td.claim { text-align:right; padding-right:10px; }
.buddy .claim-wrapper .claimbtn  
{    
    position:absolute;
    margin:0;
    right:0px;
    top:3px; 
    float:left;
    color:#fff;
    padding:4px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
    background-color: white;
    background-repeat: repeat;
    background-attachment: scroll;    


    background-image: linear-gradient(bottom, #77b35f 41%, #4b8733 100%);
    background-image: -o-linear-gradient(bottom, #77b35f 41%, #4b8733 100%);
    background-image: -moz-linear-gradient(bottom, #77b35f 41%, #4b8733 100%);
    background-image: -webkit-linear-gradient(bottom, #77b35f 41%, #4b8733 100%);
    background-image: -ms-linear-gradient(bottom, #77b35f 41%, #4b8733 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b35f', endColorstr='#4b8733');

    background-color: white;
    background-repeat: repeat;
    background-attachment: scroll;    
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(1, #77b35f),
        color-stop(0, #4b8733)
    );
}

.buddy .claim-wrapper .claimbtn-disabled, .buddy .claim-wrapper .claimbtn-disabled:hover  
{       
    position:absolute;
    margin:0;
    right:0px;
    top:3px; 
    float:left;
    color:#fff;
    padding:4px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
    background-image: linear-gradient(bottom, #bbbbbb 41%, #a5a5a5 100%);
    background-image: -o-linear-gradient(bottom, #bbbbbb 41%, #a5a5a5 100%);
    background-image: -moz-linear-gradient(bottom, #bbbbbb 41%, #a5a5a5 100%);
    background-image: -webkit-linear-gradient(bottom, #bbbbbb 41%, #a5a5a5 100%);
    background-image: -ms-linear-gradient(bottom, #bbbbbb 41%, #a5a5a5 100%);
      
      
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bbbbbb', endColorstr='#a5a5a5')";
    background-color: white;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.7, #bbbbbb),
        color-stop(1, #a5a5a5),
    );/* IE6 & IE7 */
    /* IE8 */         
      
      cursor:default;
      
}  
.buddy .claim-wrapper.disabled {  }
.buddy .claim-wrapper .claimbtn-disabled { z-index:2; float:left; }
.buddy .claim-wrapper.opened .claimbtn { z-index:10; }

.buddy .claim-wrapper .claimbtn:hover, .buddy .claim-wrapper.opened .claimbtn 
{
    cursor:pointer;
    background-image: linear-gradient(bottom, #669653 41%, #396a27 100%);
    background-image: -o-linear-gradient(bottom, #669653 41%, #396a27 100%);
    background-image: -moz-linear-gradient(bottom, #669653 41%, #396a27 100%);
    background-image: -webkit-linear-gradient(bottom, #669653 41%, #396a27 100%);
    background-image: -ms-linear-gradient(bottom, #669653 41%, #396a27 100%);
        
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#669653', endColorstr='#396a27')";
    background-color: white;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.7, #669653),
        color-stop(1, #396a27),
    );/* IE6 & IE7 */
    /* IE8 */          
}  

.buddy .claim-wrapper .award { display:none; }  
.buddy .claim-wrapper.opened .award { display:block; }  
.buddy .claim-wrapper.opened .award .content { padding:60px 30px 0px 34px; float:left;}  
.buddy .claim-wrapper.opened .award .content p { float:left; width:100%; text-align:center; font-weight:bold; margin-bottom:21px;}  

.buddy .claim-wrapper .award  
{
    position:absolute; 
    top:-16px; 
    right:-23px; 
    height:229px; 
    width:620px;        
    background: transparent url(/images/award-bg-sprite3.png) no-repeat top right;     
    z-index:5;       
    
    
}
.buddy.de .claim-wrapper .award { background-position:5px -242px; }
.buddy.ru .claim-wrapper .award { background-position:5px -242px; }
.buddy.ja .claim-wrapper .award { background-position:-1px -479px; }

.buddy .claim-wrapper .award p { font-size:18px;} 
.buddy .claim-wrapper ul { float:left; margin:0; padding:0; width:600px; /* Set width for IE7 specifically */}
.buddy .claim-wrapper li { float:left; margin-left:15px; list-style:none;  } 
.buddy .claim-wrapper li a 
{ 
    float:left; 
    padding:10px 15px 10px 15px; 
    background-color:#dedede;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;     
    max-width:145px;
    color:#202020;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    height:73px;    
    border: 1px solid #bababa; 
    color:#fa9e0e;
    
} 
.buddy .claim-wrapper li a span
{
    color:Black;
}


.buddy .claim-wrapper li.ingame a
{
    background :transparent url(/images/buddy-catalyst.png) no-repeat 10px 30px;
    background-color:#dedede;
    color:#fa9e0e;
}

.buddy .claim-wrapper li.ingame
{
    position:relative;
}

.buddy .claim-wrapper  li.ingame .catalyst-details-closed
{
    display:none;
}

.buddy .claim-wrapper  li.ingame .catalyst-details-opened
{
    position: absolute;
    display:block;
    background: transparent url(/images/buddy_ships_frame.png) no-repeat 0 0;
    top: 115px;
    left: -41px;
    width: 631px;
    height:310px;
    padding: 58px 0 0 45px;
}

.buddy .claim-wrapper  li.ingame .catalyst-details-opened li
{     
    margin-left:0;
    margin-right:10px;
    margin-bottom:12px;
    width: 178px;
    height:99px;
    position:relative;
}

.buddy .claim-wrapper  li.ingame .catalyst-details-opened li.catalyst-32848
{
    background: transparent url(/images/catalyst-ships.png) no-repeat -0px -0px;
}

.buddy .claim-wrapper  li.ingame .catalyst-details-opened li.catalyst-32840
{
    background: transparent url(/images/catalyst-ships.png) no-repeat -187px -0px;
}

.buddy .claim-wrapper  li.ingame .catalyst-details-opened li.catalyst-32842
{
    background: transparent url(/images/catalyst-ships.png) no-repeat -374px -0px;
}

.buddy .claim-wrapper  li.ingame .catalyst-details-opened li.catalyst-32844
{
    background: transparent url(/images/catalyst-ships.png) no-repeat -0px -108px;
}

.buddy .claim-wrapper  li.ingame .catalyst-details-opened li.catalyst-32846
{
   background: transparent url(/images/catalyst-ships.png) no-repeat -187px -108px;
}

.buddy .claim-wrapper  li.ingame .catalyst-details-opened li.catalyst-16240
{
    background: transparent url(/images/catalyst-ships.png) no-repeat -374px -108px;
}

.buddy .claim-wrapper  li.ingame .catalyst-details-opened li div
{ 
    position:absolute;
    bottom: 8px;
    left: 0px;
    text-align:center;
    width:100%;
    font-weight:bold;
}


.buddy.ru .claim-wrapper li a { padding-top:6px; height:80px; width:141px;}

.buddy .claim-wrapper li a.inactive { cursor:default; opacity:0.6; } 

.buddy .claim-wrapper li a:hover { background-color:#c3c3c3; color:#3c3c3c; } 

.buddy .claim-wrapper li a.inactive:hover { cursor:default; opacity:0.6; background-color:#dedede; color:#fa9e0e;} 

.buddy .claim-wrapper li:first-child { margin-left:0; }

.buddy .claim-wrapper li a span { display:block; font-size:12px; font-weight:normal; margin-top:5px;}

/* Recall program overrides BEGINS */
#buddy.recall .send { padding:0 20px 20px 20px; border:1px solid #cfcfcf; background-color:#fff; color:#606060; float:left;}
#buddy.recall .send ol { list-style:none; float:left; margin-bottom:20px; margin-left:0px}
#buddy.recall .send ol li { position:relative; padding:5px 0; float:left;}

#buddy.recall p { line-height:1.6; }

#buddy.recall .send .info-box { float:left; }

#buddy.recall .send ol li .inp-wrap { padding-left:50px; padding-top:10px;}
#buddy.recall .send ol li > span  
{
    position:absolute; 
    font-size:65px;     
    padding-top:10px;    
    color: #606060;    
}

#buddy.recall .send .info-box-small
{
    background: none repeat scroll 0% 0% #F0FEE9;
    border: 1px solid #8DBF73;
    padding: 12px 8px 8px 8px;
    margin: 0px 0px 0px 20px;
    display:block;
    color: rgb(96, 149, 91);      
    float:left;  
}

#buddy.recall .send .info-box-small.error
{
    background: #ffcfcf;
    border: 1px solid #c89393;
    color: #ca5757 !important;       
    float:left; 
    width:350px;
}

#buddy.recall .send #spinner { margin-top:10px; }

#buddy.recall .send .info-box-small span { font-weight:bold; }

#buddy.recall .send input[type=text], #buddy.recall .send input[type=password], select, textarea 
{
    margin:10px 0 0 0;    
}

#buddy.recall .send input[type=submit] 
{
    margin-left:52px;
    display:inline;
    float:left;
}

/* Recall invites Overview */

#buddy.recall .col-main.status { width:650px; margin-top:-20px;}
#buddy.recall .col-main.status h3 { margin: 0.41667em 0 .9em 0;}


/* Style for recall tabs*/
.usual {
 
  color:#111;
  padding:0px 0px;
  width:100%;
  border:1px solid #d2d2d2;
  margin:0px auto;
  margin-left:0;
}

.usual ul  
{
    margin-left:0; 
    display:block; 
    width:100%; 
    background:#ededed; 
    border-bottom:1px solid #d2d2d2;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #F7F7F7 0%, #E7E7E7 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #F7F7F7 0%, #E7E7E7 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #F7F7F7 0%, #E7E7E7 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7F7), color-stop(1, #E7E7E7));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #E7E7E7 100%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #F7F7F7 0%, #E7E7E7 100%);    
}

.usual li {margin-left:0;  list-style:none; display:inline-block; }
.usual ul a {
  display:inline-block;
  padding:6px 10px;
  text-decoration:none!important; 
  margin-left:0;  
  color:#606060;  
  font-size:15px;
  border-right:1px solid rgba(255,255,255, 0.0);
  border-left:1px solid rgba(255,255,255, 0.0);
}
.usual ul a:hover {
  
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#000;
  background:#fff;  
  border-right:1px solid #d2d2d2;
  cursor:default;
  border-bottom:1px solid #fff;
  border-left:1px solid #d2d2d2;
  margin-bottom:-1px;
}

.usual ul li:first-child a.selected { border-left:1px solid rgba(255,255,255, 0.0); }

.usual .tab-content {
  padding:20px 20px 10px 20px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:#fff;  
  min-height:470px;
}

.usual hr { margin-bottom:10px; }
.usual h4 { text-align:center; color:#606060; font-weight:bold; margin:25px; }

#buddy.recall table tr td { padding:4px; text-align:right; font-size:14px;}
#buddy.recall table tr td:first-child { padding-right:20px; text-align:left;}
#buddy.recall table tr.total td { font-weight:bold; padding-top:15px;}

#buddy.recall .bar-wrapper { position:relative; margin:40px 0 20px 0;} 
#buddy.recall .bar-wrapper .bullet { color:#606060; z-index:2; position:absolute; font-weight:bold; text-align:center; top:-23px; height:70px; width:26px; font-size: 16px; background:transparent url(/images/recall-reward-steps-bg.png) no-repeat -40px 100%; }

#buddy.recall .bar-wrapper .bullet.one, #buddy.recall .bar-wrapper .bullet.two, #buddy.recall .bar-wrapper .bullet.three { left:45%; top:-57px;}
#buddy.recall .bar-wrapper .reward.detail.active .bullet { background-position:-1px 100%; }

#buddy.recall .bar-wrapper .reward.detail  
{
    opacity:1; 
    color:#606060; 
    z-index:1;     
    position:absolute; 
    font-size:12px; 
    text-align:center; 
    top:32px; 
    height:180px; 
    width:180px; 
    border:2px solid #a0a0a0; 
    border-top:none;
    background: url(/images/illustrations/recall-rewards-april.jpg) no-repeat top left;    
}

/* May rewards - tab4 April rewards */
#buddy.recall .bar-wrapper .reward.detail.one {  left:20px; background-position: 0px -180px; }      /* new clothing */
#buddy.recall .bar-wrapper .reward.detail.two { left:214px; background-position: -180px -180px;}    /* Mackinaw skin */
#buddy.recall .bar-wrapper .reward.detail.three { left:411px; background-position: -360px -180px;}  /* plex */

#buddy.recall .bar-wrapper .reward.detail.one.active {  left:20px; background-position: 0px 0px; }
#buddy.recall .bar-wrapper .reward.detail.two.active { left:214px; background-position: -180px 0px;}
#buddy.recall .bar-wrapper .reward.detail.three.active { left:411px; background-position: -360px 0px;}

/* May rewards - tab5 May rewards */
#buddy.recall #tab5 .bar-wrapper .reward.detail.one {  left:20px; background-position: -180px -180px;}      /* Mackinaw skin */
#buddy.recall #tab5 .bar-wrapper .reward.detail.two { left:214px; background-position: -360px -180px;}      /* plex */
#buddy.recall #tab5 .bar-wrapper .reward.detail.three { left:411px; background-position: -180px -180px;}    /* Mackinaw skin */
              
#buddy.recall #tab5 .bar-wrapper .reward.detail.one.active {  left:20px; background-position: -180px 0px; }
#buddy.recall #tab5 .bar-wrapper .reward.detail.two.active { left:214px; background-position: -360px 0px;}
#buddy.recall #tab5 .bar-wrapper .reward.detail.three.active { left:411px; background-position: -180px 0px;}



#buddy.recall .bar-wrapper .reward.detail.active { border:2px solid #fa9e0e; border-top:none; }


#buddy.recall .bar-wrapper .reward.detail h3 { color:#fff; margin-top:144px; left:3px; text-align:center; font-size:19px;} 

#buddy.recall .bar 
{
    height:30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border:1px solid #d2d2d2;
/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #57B5D4 0%, #478BB8 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #57B5D4 0%, #478BB8 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #57B5D4 0%, #478BB8 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #57B5D4), color-stop(1, #478BB8));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #57B5D4 0%, #478BB8 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #57B5D4 0%, #478BB8 100%);   
    
}

.reward-panel.hidden { display:none; }
.reward-panel.active { display:block; }


/* Recall program overrides ENDS */


/* ETC RESELLERS
 -------------------------------------------------------- */
#etc-resellers {
    margin: 0;
    list-style: none;
}
#etc-resellers li {
    height: 100px;
    width: 470px;
    float: left;
}
#etc-resellers .img-link {
    float: left;
    display: block;
    margin-right: 20px;
    width: 160px;
}
#etc-resellers span.img-link {
    height: 50px;
}
#etc-resellers div {
    float: left;
}
#etc-resellers h3 {
    font-size: 14px;
    margin: 0 0 5px;
    font-weight: bold;
}
#etc-resellers p {
    margin-bottom: 0;
}


/* REACTIVATION
 -------------------------------------------------------- */
#reactivationCampaign .header {
    height: 240px;
    margin: -20px -20px 20px;
    background: transparent url(/images/illustrations/reactivation-may11.jpg) no-repeat left top;
    }
    #reactivationCampaign .header h2,
    #reactivationCampaign .header h3 {
        -webkit-font-smoothing: antialiased;
        font-family: 'EngschriftDIND', Arial, sans-serif;
        text-transform:uppercase;
        color:#fff;
        margin: 0 0 0 38px;
        }
        .ru #reactivationCampaign .header h2,
        .ru #reactivationCampaign .header h3 {
            font-family: 'DINCondensedC', Arial, sans-serif;
        }
        .ja #reactivationCampaign .header h3 { font-family: 'Meiryo UI', Meiryo, Mincho, sans-serif; }
        #reactivationCampaign .header h2 {
            padding: 158px 0 3px 0;
        }
        #reactivationCampaign .header h3 em {
            font-style: normal;
            color: #e49d29;
        }


/* TRANSACTION HISTORY
 -------------------------------------------------------- */
#transaction-history .Paid {
    color: #5ba53e;
}
#transaction-history .Failed,
#transaction-history .Error {
    color: #f00;
}


/* Mordus private trial
 -------------------------------------------------------- */
#mordus-trial {
    font-size: 1.167em;
}
#mordus-trial h3 {
    font-size: 1em;
    font-weight: bold;
}
#header-text {
    padding-right: 370px;
    position: relative;
}
#header-text-confirmation {
    padding-right: 370px;
    position: relative;
}
#header-text hr {
    width: 570px;
}
#header-text img {
    position: absolute;
    top: 57px;
    right: 45px;
}
#header-text-confirmation img {
    position: absolute;
    top: 57px;
    right: 45px;
}
#mordus-trial dl,
#mpt-terms {
    margin-bottom: 2em;
}
#mordus-trial dt {
    font-weight: bold;
    width: 12em;
    clear: left;
    float: left;
}


/* Notification box begin */

.notification a {
    background-color: #f552ff;
    border: 2px solid #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: 0px 0px 6px #fff;
    -webkit-box-shadow: 0px 0px 6px #fff;
    box-shadow: 0px 0px 6px #fff;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffc845', endColorstr = '#ff9363');
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffc845', endColorstr = '#ff9363')";
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    background-image: -moz-linear-gradient(top, #ffc845, #ff9363);
    background-image: -ms-linear-gradient(top, #ffc845, #ff9363);
    background-image: -o-linear-gradient(top, #ffc845, #ff9363);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffc845), to(#ff9363));
    background-image: -webkit-linear-gradient(top, #ffc845, #ff9363);
    background-image: linear-gradient(top, #ffc845, #ff9363);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
    /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/

    padding:4px 20px 4px 20px;
    position:absolute;
    top:40px;
    right:0px;    
    z-index:5;
    color:#fff;
    font-size:13px;
}
.notification a:hover { 
    background-image: -moz-linear-gradient(top, #FA9E0E, #FA9E0E);
    background-image: -ms-linear-gradient(top, #FA9E0E, #FA9E0E);
    background-image: -o-linear-gradient(top, #FA9E0E, #FA9E0E);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FA9E0E), to(#FA9E0E));
    background-image: -webkit-linear-gradient(top, #FA9E0E, #FA9E0E);
    background-image: linear-gradient(top, #FA9E0E, #FA9E0E);
}

.notification span 
{
    color:#fff;
    background-color:rgb(243, 80, 80);
    padding:1px 5px 2px 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 1px 1px rgba(0,0, 0, 0.2);
}

/* Notification box END */

/* MISC
 -------------------------------------------------------- */
.link-next-to-a-button {
    margin-left: 20px; 
    line-height: 37px;
}
.update-account-info {
    margin-top: 20px;
    margin-bottom: 20px;
}
dl.reset-password-userinfo {
    float: left;
    width: 220px;
    margin: 0 20px 20px 0;
    font-size: 1.16667em;
}
.reset-password-userinfo dt {
    font-weight: bold;
}
p.no-character {
    width: 126px;
    height: 66px;
    margin: 0;
    border: 1px solid #cdcdcd;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    vertical-align: center;
    color: #999;
    text-shadow: #fff 1px 1px 0;
    padding-top: 60px;
}
#ie-deprication-warning,
#no-script-warning {
    background: #ffcfcf;
    border-bottom: 1px solid #c89393;
    color: #ca5757;
    padding: 20px;
    margin: 0;
}

.hovertransition {
    opacity: .93;
    filter: alpha(opacity=93);
    -moz-transition:opacity .2s ease-in-out;
    -webkit-transition:opacity .2s ease-in-out;
    -o-transition:opacity .2s ease-in-out;
    transition:opacity .2s ease-in-out;
}
.hovertransition:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.cancel-subscription-support-link {
    margin-top: 20px;
}
.cyberplat-message {
    padding-left: 160px;
    background: transparent url(/images/cyberplatlogo.png) no-repeat 18px 50%;
}
ul.redeemables-list {
    list-style: none;
}
ul.redeemables-list li span {
    color: #999;
}

.reset-password-success p { font-size:14px; }
.reset-password-success p span { font-weight:bold; }

/* VOUCHERS
 -------------------------------------------------------- */
 
 .vouchers .game-logo {
     padding: 35px 0px 15px 0;
 }
 
 .vouchers table.content tr{
     background: #DEDEDE;
     height: 30px;
 }
 
 .vouchers table.content tr:hover td,
 .vouchers table.content td:hover {
     background: #D9D9D9;
     font-weight: inherit;
 }

.vouchers table.content tr .selected {
    height: 110px;
    
}

.vouchers table.content a {
    color: #FA9E0E;
}

.vouchers table.content a:hover {
    color: #FB5E00;
}

.vouchers table.content .code-showhide {
    vertical-align: middle;
}

.vouchers table.content .code-showhide img {
    margin-top: 3.5px;
}

.vouchers .code-box-container {
    display: none;
}

 .vouchers .code-box {
     margin: 30px auto 15px auto;
     width: 420px;
     padding: 5px 0;     
     position: relative;
     background: white;
     color: Black;
     font-size: 1.4em;
     -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.3); 
     -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
     box-shadow: 0 1px 6px rgba(0,0,0,0.3);
        font-family: Arial;
     text-align: center;
     line-height: 1.4em;
 }

.vouchers .code-box .code {
    font-size: 0.8em;
}

.vouchers table.content .code-box a {
    color: #FA9E0E;   
}

.vouchers table.content .code-box a:hover {
    color: #FB5E00;   
}

.vouchers #EveTOS p {
    margin-bottom: 2px;
}
.vouchers #DustTOS p {
    margin-bottom: 2px;
}

.vouchers .code-box.nda {
  display: inline;
  max-width: 150px;
  float: left;
  margin-right: 20px;
  font-size: 20px;
}

.vouchers .buttons.nda {
  margin-right: auto;
  margin-left: auto;
  width: 340px;
}

/* Fanfest tickets
 -------------------------------------------------------- */
.fanfest2013-stream #content {
    background: transparent url(/images/illustrations/fanfest2014b-stream-bg.png) no-repeat top right;
    padding-bottom:120px;
}
 
.fanfest2013-stream #content .intro 
{
    padding-right:380px;
    padding-bottom:20px;
} 

.fanfest2013-stream #content  h3 { text-transform:uppercase; font-size:23px; font-family: 'EngschriftDIND', Arial, sans-serif; margin:10px 0 10px 0;} 
.fanfest2013-stream #content  h3 span { color:#FA9E0E; }
 
.fanfest2013-stream #content .t-shirt { padding:5px 0 5px 0; }
.fanfest2013-stream #content .t-shirt img { border:1px solid #8f8f8f; padding:2px; }

.fanfest2013-stream .price 
{
    padding-top:15px;
    font-family: 'EngschriftDIND', Arial, sans-serif;
    font-size: 2.5em;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    color: #606060;
}
 
.fanfest2013-stream .price span {
    color: #FA9E0E;
    font-weight: normal;
}
 
.fanfest2013-stream #content .t-shirt p
{
    font-size:42px;
    text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.8); 
    text-indent:40px;
    margin-bottom:0px;
} 
 
.fanfest-tickets #sticky-footer-wrapper {
    background: transparent url(/images/Fanfest/background_2015.jpg) no-repeat top;
    background-color: Black;
}

.evevegas-tickets #sticky-footer-wrapper {
   background: transparent;
   background-color: Black;
}

.fanfest-tickets #content {
    width: 700px;
    margin: auto;
    margin-top: 70px;
    margin-bottom: 40px;
    background: rgb(0,0,0);    
    min-height: 400px;
    color: white;
    padding-top: 5px;
}

.fanfest-tickets.paymentflow #content {
    background:#EAEAEA;
    color: #333; 
}

.fanfest-tickets h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    color: white;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
}

.fanfest-tickets table.content {
    border: none;
    margin-bottom: 40px;
}

.fanfest-tickets table.content td {
    padding: 8px 8px;
    height: auto;
    top: 5px;
    font-size: 12px;
    color: white;
}

.fanfest-tickets table.content td .offerTitle {
    left: 35px;
    font-size: 12px;
    position: relative;
    padding-bottom: 5px;
}

.fanfest-tickets table.content td .offerSubtitle {
    position: relative;
    left: 35px;
    color: #9F9F9F;
    font-size: 10px;
}

.fanfest-tickets table.content tr:hover td, .fanfest-tickets table.content td:hover {
    background: inherit;
    color: inherit;
    border: 0;
}

.fanfest-tickets table.content tr, .ie6 .fanfest-tickets table.content tr, .ie7 .fanfest-tickets table.content tr, .ie8 .fanfest-tickets table.content tr {
    background: #141311;
}


.fanfest-tickets table.content tr:nth-child(odd) {
    background: none;
}

.ie6 .fanfest-tickets table.content tr.alt td, .ie7 .fanfest-tickets table.content tr.alt td, .ie8 .fanfest-tickets table.content tr.alt td {
    background: none;
}

.fanfest-tickets table.content td:first-child {
    width: 360px;
}

.fanfest-tickets table.content tr:first-child {
    height: 20px;
    bottom: 0;
}

.fanfest-tickets table.content tr:first-child th {
    line-height: 20px;
    font-size: 12px;
}

.fanfest-tickets table.content th {
    background: none;
    border: 0;
    color: #666;
    font-weight: normal;
    text-align: left;
    margin: 0;
}

.fanfest-tickets table.content .price {
    text-align: right;
    padding-right: 20px;
    width: 20px;
}

.fanfest-tickets table.content td .offerBox {
    width: auto;
    position: relative;
}

/* Sold out */

.fanfest-tickets table.content tr.soldout .price,
.fanfest-tickets table.content tr.soldout .offerBox {
    text-decoration: line-through;
}

.fanfest-tickets table.content tr.soldout div.additionalinfo { color: Red; }

.fanfest-tickets table.content .soldout input[type="text"] { background:#A0A0A0; }


/* Sold out end */

.fanfest-tickets .dustbanner { border:4px solid gray; height:248px; padding:0 20px 20px 20px; background:transparent url(/images/illustrations/fanfest-banner-dust-bg.png) no-repeat 45px 0; }

.fanfest-tickets .dustbanner h2 { font-size:48px; color:#fa9e0e; }
.fanfest-tickets .dustbanner h3 { font-size:28px; margin-bottom:10px;}
.fanfest-tickets .dustbanner h4 { font-size:20px; }
.fanfest-tickets .dustbanner a { font-size:22px; }

.fanfest-tickets table.content input[type="text"] {
    position: absolute;
    margin: 3px;
    margin-left: 0;
    width: 20px;
    height: 20px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    padding: 2px;
    -moz-border-radius: 0;
    border-radius: 0;
    color: Black;
    background: white;
}

.fanfest-tickets table.content input.placeholder {
    color: #717171;
}

.fanfest-tickets .pageHeader {
    margin-left: -20px;
    margin-top: -40px;
    float: left;
    padding: 3px 5px 0 5px;
    background-color: #FA9E0E;
    text-transform: uppercase;
    color: Black;
    height: 25px;
    font-size: 140%;
    font-family: 'EngschriftDIND';
}

.fanfest-tickets table.summary {
    border-bottom: 1px solid #3D3835;
    margin-bottom: 30px;
}

.fanfest-tickets table.summary tr, .fanfest-tickets table.summary tr:nth-child(odd) {
    border-bottom: 1px solid #3D3835;
    height: 20px;
    top: 0;
    background: none;
}

.fanfest-tickets table.summary td {
    line-height: 20px;
    height: 20px;
    top: 0;
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.fanfest-tickets table.summary tr:last-child td {
    background: #141311;
    line-height: 30px;
    font-weight: bold;
}

.fanfest-tickets input[type=submit], .fanfest-tickets button {
    height: 32px;
    background: #FA9E0E;
    text-transform: uppercase;
    cursor: pointer;
    color: White;
    font-weight: bold;
    font-size: 14px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-border-radius: none;
    box-shadow: none;
    border-radius: 0;
}



.fanfest-tickets #receipt {
    /*background: #1F1F1F;*/
    background: #141311;
    border-bottom: 3px solid #404040;
}

.fanfest-tickets #login-fanfest {
    
    margin-top: 28px;
    min-height: 241px;
    padding:0 15px;
}

.fanfest-tickets #login-fanfest .section {
    /*float:left;*/
    width:280px;
    border:1px solid #333333;
    padding:120px 20px 20px 20px;            
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
    float:left;        
}

.fanfest-tickets #login-fanfest .section h3 { text-align:center; }
.fanfest-tickets #login-fanfest .section input[type=submit] { margin:0 auto; }

.fanfest-tickets #login-fanfest .section.eve 
{
    background: transparent url(/images/eve-logo.png) no-repeat 50% 30px;
    /*margin-right:30px;*/
    margin:0 auto;
}

.fanfest-tickets #login-fanfest .section.dust 
{
    background: transparent url(/images/dust514_2x.png) no-repeat 50% 30px;      
    margin-left:20px;
    padding-bottom: 4px;
}

.fanfest-tickets #login-fanfest .section:hover 
{
    
    -webkit-box-shadow: 0px 0px 3px 0px #fff;
    -moz-box-shadow: 0px 0px 3px 0px #fff;
    box-shadow: 0px 0px 3px 0px #fff;    
}

.fanfest-tickets .login-control {
    background: #141311;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.fanfest-tickets .login-control input[type="password"] {
    color: #717171;
    background: white;
}

.fanfest-tickets .login-control input[type="text"] {
    color: #717171;
    background: white;
}

.fanfest-tickets.select-offers hr {
    border-top: 2px solid #141311;
    background: none;
}

.fanfest-tickets #receipt hr {
    height: 1px;
    border-top: 1px solid #404040;
    background: transparent;
}

.select-offers .masterpage-success-message, .select-offers .masterpage-error-message,   
.fanfest-login .masterpage-success-message, .fanfest-login .masterpage-error-message {
    top: 0;
    width: 700px;
}
.select-offers .masterpage-success-message .message, .select-offers .masterpage-error-message .message,
.fanfest-login .masterpage-success-message .message, .fanfest-login .masterpage-error-message .message {
    float: left;
    width: 560px;
}
.select-offers .de .masterpage-success-message .message, .select-offers .de .masterpage-error-message .message,
.fanfest-login .de .masterpage-success-message .message, .fanfest-login .de .masterpage-error-message .message {
    width: 540px;
}

.fanfest-tickets.select-offers input[type=text], .fanfest-tickets input[type=password], .fanfest-tickets .select-offers select, .fanfest-tickets .select-offers textarea {
    border: 1px solid #404040;
    color: #A0A0A0;
    background: #141311;
}


.fanfest-tickets.select-offers input[type=text]:focus, .fanfest-tickets.select-offers input[type=password]:focus, .fanfest-tickets .select-offers select:focus, .fanfest-tickets .select-offers textarea:focus {
    border: 1px solid #fa9e0e;
    background: #d5d5d5;
    color: Black;
}

.fanfest-tickets select {
    /*border: 1px solid #404040;*/
    
}

.fanfest-tickets select:hover {
    border: 1px solid #fa9e0e;
    
}
    

.webkit .fanfest-tickets select {
    
    
    -webkit-appearance: none;
    padding-right: 25px;
}
.webkit .fanfest-tickets select:focus {
    
    
}

.fanfest-tickets #terms label {
    display: inline;
    margin-left: 4px;
}

.fanfest-tickets #payment-methods li { background-color:#fff; }

.fanfest-tickets #payment-methods li.selected {
    background: #D5D5D5;
}

.fanfest-tickets #payment-methods li:hover {
    background: #D5D5D5;
}

.fanfest-tickets .additionalinfo {
    font-size: 0.9em;
}

.fanfest-tickets #message {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
}

.fanfest-tickets table.content td.red-error,
.fanfest-tickets table.content tr:hover td.red-error {
    color: Red;
}

.fanfest-tickets .pageHeader a {
    color: black;
}

/* IE, I hate you! (Fix for table) */
.ie6 .fanfest-tickets table.content td,
.ie7 .fanfest-tickets table.content td,
.ie8 .fanfest-tickets table.content td {
    background: none;
}

.ie6 .fanfest-tickets table.content tr.alt td,
.ie7 .fanfest-tickets table.content tr.alt td,
.ie8 .fanfest-tickets table.content tr.alt td {
    background: none;
    
}

.ie6 .fanfest-tickets table.content tbody tr:hover td,
.ie7 .fanfest-tickets table.content tbody tr:hover td,
.ie8 .fanfest-tickets table.content tbody tr:hover td {
    background: none;
}

/* EVE Vegas 2013
 -------------------------------------------------------- */
.eve-vegas #content .hdr { height:320px; background:url(/images/illustrations/eve-vegas.png) no-repeat top left; }

.eve-vegas #content p { font-size:14px; }

.eve-vegas .instructions { margin:10px 0 30px 0;  font-size:14px;}

.eve-vegas .instructions li { padding:3px 0 3px 20px; list-style-position:inside;}

.eve-vegas #order-overview p { font-size:28px; }

.eve-vegas .not-enough-plex 
{
    margin-top: 10px;
    color: #ca5757;
}

/* Devtrack
   ------------------------------------------------------ */
.rdblCurrentDeveloper {
    margin-bottom: 1em;
}


/* Birthday gift selection
   ------------------------------------------------------ */
.gifts .gift-item {
  height: 130px;
  width: 220px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  background: #efefef;
  margin-bottom: 40px;
  margin-right: 15px;
  background-image: linear-gradient(bottom, #FFFFFF 41%, #E8E8E8 100%);
  background-image: -o-linear-gradient(bottom, #FFFFFF 41%, #E8E8E8 100%);
  background-image: -moz-linear-gradient(bottom, #FFFFFF 41%, #E8E8E8 100%);
  background-image: -webkit-linear-gradient(bottom, #FFFFFF 41%, #E8E8E8 100%);
  background-image: -ms-linear-gradient(bottom, #FFFFFF 41%, #E8E8E8 100%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.41, #FFFFFF),
    color-stop(1, #E8E8E8)
  );
}

.gifts .gift-item.last-in-line {
    margin-right: -1px;
}

.gifts .gift-item:hover, 
.gifts .gift-item.selected {
    background: #ffffff;
    background-image: linear-gradient(bottom, #FFFFFF 71%, #E8E8E8 100%);
    background-image: -o-linear-gradient(bottom, #FFFFFF 71%, #E8E8E8 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 71%, #E8E8E8 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 71%, #E8E8E8 100%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 71%, #E8E8E8 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.71, #FFFFFF),
        color-stop(1, #E8E8E8)
    );
}

.gifts .gift-item .black-box {
  background: #404040;
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0px;
  color: white;
  font-size: 1em;
  font-family: Arial;
  font-weight: bold;
  line-height: 40px;
}

.gifts .gift-item:hover .black-box, 
.gifts .gift-item.selected .black-box {
  background: #2F2F2F;
}

.gifts .gift-item .black-box input[type="radio"] {
  margin-left: 10px;
  vertical-align: top;
  height: auto;
}

.gifts .gift-item label {
  font-size: 1em;
  vertical-align: top;
  display: inline;
  margin: 0;
}

.gifts .gift-item fieldset {
    margin-top: 14px;
}

.ie9 .gifts .gift-item input[type="radio"], 
.ie8 .gifts .gift-item input[type="radio"],
.ie7 .gifts .gift-item input[type="radio"]  {
    margin-top: -4px;
}

.ie9 .gifts .gift-item label, 
.ie8 .gifts .gift-item label,
.ie7 .gifts .gift-item label  {
    margin-left: -3px;
}


.gifts .gift-item img {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  top: 20px;
}

.gifts h3 {
  margin-top: 10px;
}

.gifts .gift-item input[type="radio"]:checked + label {
    color: #F99E0A;
}

.gifts input[type="submit"] {
  float: left;
  margin-top: 30px;
}

.gifts .backlink {
  position: relative;
  top: 30px;
}

.gifts #tooltip {
    position: absolute;
    z-index: 3000;
    background: #404040;
    background: rgb(40,40,40);
    background: rgba(40,40,40,0.95);
    padding: 12px;
    color: #e8e8e8;
    font-size: 8px;
    border: 3px solid white;
    -moz-border-radius: 5px;
    border-radius: 5px;    
    -moz-box-shadow: 0 2px 7px rgba(0,0,0,0.5); 
    -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.5);
    box-shadow: 0 2px 7px rgba(0,0,0,0.5);
}
.gifts #tooltip h3, .gifts #tooltip div { margin: 0; }

.gifts #tooltip dt {
    float: left;
    padding-right: 10px;
}

.gifts #tooltip li {
    font-size: 12px;
    line-height: 16px;
}

.gifts .error {
    color: #f00;
}

.gifts #content p {
    margin-bottom: 3px;
}

.gifts #receipt h2 {
    float: none;
}

.gifts #receipt {
    width: 270px;
    margin: 0;
}

.gifts #receipt hr {
    margin-bottom: 15px;
    margin-top: 0;
}

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

/* localization stuff */
.ja.gifts .gift-item label {
    font-size: 11px;
    font-weight: normal
}

/* EDIT ACCOUNT INFO
 -------------------------------------------------------- */
 #resendVerificationMail{
     margin-bottom: 1em;
}

/* Dust 514 MPT Status 
 -------------------------------------------------------- */
 #MPT-status img {
  float: right;
  position: absolute;
  top: -30px;
  right: 20px;
  z-index: 2;
}

#MPT-status p {
  float: right;
  position: absolute;
  right: 125px;
  top: 15px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
}

#MPT-status .arrows {
    color: Orange;
    font-weight: bold;
}

#MPT-status .title {
    font-weight: bold; 
    text-transform: uppercase;
}

/* PARTNER OFFER CONFIRMATION PAGE
 -------------------------------------------------------- */
 
 .confirmPage #receipt ul{
     list-style-type: none;
     font-weight: bold;
 }

/* Japan Notice March 2012
 -------------------------------------------------------- */
 .jp-notice h1 {
    margin-top: 30px;
    font-size: 1.4em;
    font-weight: bold;
 }
 
 .jp-notice h2 {
    font-size: 1.4em;
    font-weight: bold;
 }
 
 .jp-notice .jp {
     font-family: 'Meiryo UI', Meiryo, Mincho, Sans-Serif;
 }

.jp-notice .non-ja-speaking {
    font-style: italic;
    font-weight: bold;
    font-size: 1em;
}

/* Collector's edition for PLEX sale, spring 2014.
 -------------------------------------------------------- */ 
 .ce4plex #content .hdr {
   background-image: url(/images/illustrations/ce4plex-header.jpg);
   height: 250px;
   margin-bottom: 30px;
 }
 
 .ce4plex #content .hdr h2 {
   padding: 184px 0 4px 30px;
   margin: 0;
 }
 
 .ce4plex #content .boximage  
 {
     position:absolute; 
     top: 276px;
     right:40px;
     height:225px;
     width:400px; 
     background: transparent url(/images/illustrations/collector-edition.jpg) no-repeat 0 0;
    -webkit-box-shadow: -2px 2px 8px 3px rgba(102, 102, 102, 0.6);
    box-shadow: -2px 2px 8px 3px rgba(102, 102, 102, 0.6);           
 }
 
.ce4plex #content .quantity
{
    width:100%;
    float:left;
}
 
#tccheck {
    margin: 0 0 25px 0;
}
    #tccheck label {
        float: left;
    }
    #tccheck .clientvalidator, 
    #tccheck .aspvalidator {
        margin-top: -9px;
    }
input.address1 {
    margin-bottom: 0;
}

.ce4plex #price {
    font-family: 'EngschriftDIND', Arial, sans-serif;
    font-size: 2.5em;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    color: #606060;
}
.ce4plex #price span {
    color: #FA9E0E;
    font-weight: normal;
}

#plex-price {
    -webkit-font-smoothing:antialiased;
    font-family: 'EngschriftDIND', Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-size: 5em;
    margin: 25px 0 20px 0;
    text-shadow: 0 1px 1px #fff;
}
.ru #plex-price {
    font-family: 'DINCondensedC', Arial, sans-serif;
}

#not-enough-plex {
    color: Red;
    font-weight: bold;
}

#enough-plex { color: Green; font-weight: bold; }

.ce4plex #us-state-selection {
  clear: both;
  /*padding: 10px 0;*/
}

.ce4plex .ddlCCCountries,
.ce4plex .ddlState {
  margin-bottom: 10px;
}

.ce4plex h1 {
    margin-bottom: 0.5em;
}

.ce4plex .ce-holidayspecial {
  display: inline-block;
  border: 2px solid #00B809;
  background-color: #D0FFD3;
  padding: 10px;
  margin: 0px auto 14px 19px;
  width: auto;
  max-width: 878px;
}

.ce4plex .ce-holidayspecial i{
    color: #222222;
    font-size: 24px;
    float: left;
    padding-right: 10px;
}

.ce4plex .ce-holidayspecial span {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #009A08;
  font-family: Futura, “Trebuchet MS”, Arial, sans-serif;
  font-stretch: condensed;
  margin-top: 2px;
  float: left;
}

.ce4plex .description {
    width: 700px;
}

.ce4plex .description ul {
    width: 850px;
}

.ce4plex.ru .ce-holidayspecial span {
    float: right;
    max-width: 653px;
}

.ce4plex.ru .ce-holidayspecial i {
    padding-top: 5px;
    font-size: 30px;
}


/* CHARACTER SELECTOR
 -------------------------------------------------------- */
#character-selection {
    list-style:none;
    padding:0;
    margin:1.4em 0 2em;
    float:left;
    }
    #character-selection li {
        float:left;
        margin:0 20px 0 0;
        overflow:hidden;
        cursor:pointer;
        width:140px;
        }
        #character-selection li div {
            float:left;
            overflow:hidden;
            border:none;
            }
        #character-selection li img {
            float:left;
            overflow:hidden;
            width: 140px;
            height: 140px;
            }
        #character-selection li.selected div,
        #character-selection li:hover div {
            border:5px solid #fa9e0e;
            }
        #character-selection li.selected img,
        #character-selection li:hover img {
            margin:-5px;
            }
        #character-selection li span {
            display:block;
            float:left;
            width:100%;
            padding:8px 0 0;
            color:#000;
        }      
        
/* PvP Signup
 -------------------------------------------------------- */
 .pvp-signup input[type="radio"] {
  margin-bottom: 10px;
}

.pvp-signup #team-name {
  position: relative;
  display:none;
  left: 30px;
}

.pvp-signup #team-name label {
  margin-top: 5px;
  font-weight: bold;
}

.pvp-signup #team-name input {
  margin-top: 3px;
}

.pvp-signup span.inlinelabels {
  display: block;
}

.pvp-signup #team-list {
  position: relative;
  display: none; 
  left: 30px;
}

.pvp-signup #team-list select {
  margin-top: 3px;
}

.pvp-signup #team-list-label {
  display: block;
  font-weight: bold;
  margin-top: 5px;
}

/* Alliance Tournament Signup 
 -------------------------------------------------------- */
.alliance-tournament-signup #signup ul {
    margin-bottom: 10px;
}

.alliance-tournament-signup #signup li {
    margin: 0 0 1px 15px;
}
 
.alliance-tournament-signup #receipt h2 {
    float: none;
    font-size: 1.8em;
}

.alliance-tournament-signup #receipt {
    width: 410px;
    margin: 30px 0 30px 0;
}

.alliance-tournament-signup #receipt hr {
    margin-bottom: 15px;
    margin-top: 0;
}

.alliance-tournament-signup .not-enough-plex {
    margin-top: 10px;
    color: #ca5757;
}

.alliance-tournament-signup #header-text {
    padding-right: 300px;
    position: static;
}
.alliance-tournament-signup #header-text img {
    position: absolute;
    top: 73px;
    right: 30px;
}

/* AUR STORE
 -------------------------------------------------------- */


/* "Purchase AUR" */
.aur-store h3 {
    margin-bottom: 20px;
    font-weight: bold;
}

/* Boxes showing AUR packages for sale */
#aur-packages {
    list-style: none;
    width: 940px;
    margin: 10px 10px 40px 10px;
}

#aur-packages li:first-child {
   margin-left: 0;    
}
#aur-packages .aur-package {
    width: 280px;
    height: 215px;
    background-color: #DDDDDD;
    float: left;
    margin-left: 40px;
}

#aur-packages .aur-package .aur-box {
    background-position: 0% 0%;
    height: 185px;
    position: relative;
    margin: 0 auto;
    top: 10px;
    text-align: center;
    padding-top: 10px;
    
    -moz-box-shadow: inset 1px 1px 2px #989898, inset -1px -1px 2px #989898;
    -webkit-box-shadow: inset 1px 1px 2px #989898, inset -1px -1px 2px #989898;
    -o-box-shadow: inset 1px 1px 2px #989898, inset -1px -1px 2px #989898;
    box-shadow: inset 1px 1px 2px #989898, inset -1px -1px 2px #989898;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#EBEBEB')";
    background-color: white;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.7, #fff),
        color-stop(1, #EBEBEB),
    );/* IE6 & IE7 */
    /* IE8 */
       
    }

#aur-packages .aur-package .aur-box h1 {
    border-bottom: 1px dashed #BEBEBE;
    padding-bottom: 14px;
    margin: 10px 0 16px 0;
    font-size: 24px;
    font-weight: bold;
    white-space: nowrap;
}

#aur-packages .aur-package .aur-box h2.price {
    background-position: 0% 0%;
    padding: 12px 0 10px 0;
    max-height: 45px;
    width: 100%;
    margin-bottom: 20px;
    -moz-box-shadow: 0 2px 0 #E18E0D;
    -webkit-box-shadow: 0 2px 0 #E18E0D;
    -o-box-shadow: 0 2px 0 #E18E0D;
    box-shadow: 0 2px 0 #E18E0D;
    color: #FFFFFF;
    position: relative;
    font-size: 20px;
    margin-left: -20px;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDBF15', endColorstr='#FA9F0E')";
    background-color: #FA9F0E;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #FDBF15),
        color-stop(0.7, #FA9F0E),
    );/* IE6 & IE7 */
    /* IE8 */
    
    }
 
#aur-packages .aur-package .aur-box h2.price:before,
    #aur-packages .aur-package .aur-box h2.price:after { 
        content: " ";
        background: url(../images/aursales-ribbon-arrow-left.png) no-repeat;
        display:block;
        width:10px;
        height:10px;
        position:absolute;
        bottom:0;
        left:0;
        margin-bottom:-12px;
        z-index: 1;
}
            
#aur-packages .aur-package .aur-box h2.price:after { 
    background: url(../images/aursales-ribbon-arrow-right.png) no-repeat; 
    right: 0;
    left: auto;
}
 
#aur-packages .aur-package input[type="submit"], 
#aur-packages .aur-package button,
#aur-packages .aur-package input[type="button"] {
    display: inline;
}

/* Packages - OnHover */
#aur-packages .aur-package .aur-box:hover {
    -moz-box-shadow:1px 1px 2px #989898, -1px -1px 2px #989898, inset 4px 4px 0 #fff, inset -4px -4px 0 #fff;
    -webkit-box-shadow:1px 1px 2px #989898, -1px -1px 2px #989898, inset 4px 4px 0 #fff, inset -4px -4px 0 #fff;
    -o-box-shadow:1px 1px 2px #989898, -1px -1px 2px #989898, inset 4px 4px 0 #fff, inset -4px -4px 0 #fff;
    box-shadow: 1px 1px 2px #989898, -1px -1px 2px #989898, inset 4px 4px 0 #fff, inset -4px -4px 0 #fff;
    cursor: default;
}

#aur-packages .aur-package .aur-box:hover .price {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FECB18', endColorstr='#FA9F0E')";
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #FECB18),
        color-stop(0.7, #FA9F0E),
    );
}

#aur-packages li:hover h1 {
    color: #FA9E0E;
}

/* Package with popular tag - Not in use when deployed June 2012 */
/*.aur-package.popular {
    margin-top: 0;
    height: 230px;
    background-color: #CCCCCC;
}

.aur-package.popular .aur-box{
    height: 200px;
}

.aur-package.popular h1 {
    font-size: 26px;
}

.aur-package.popular h2 {
    font-size: 22px;
}

.aur-package.popular input[type="submit"], .aur-package.popular button {
    font-size: 18px;
}*/

/* AUR in redeeming system - Not used upon deployment. */
/*.aur-store .aur-in-redeem {
    background-position: 0% 0%;
    position: relative;
    padding-top: 14px;
    width: 260px;
    height: 50px;
    margin: auto;
    text-align: center;
    border-top: 1px solid #C7C7C7;
     
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F0F0', endColorstr='#E8E8E8'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F0F0', endColorstr='#E8E8E8')"; /* IE8 */
    
    /*background-image: linear-gradient(top, #F3F3F3 0%, #F0F0F0 30%, #E8E8E8 100% ); 
    background-image: -o-linear-gradient(top, #F3F3F3 0%, #F0F0F0 30%, #E8E8E8 100% ); 
    background-image: -moz-linear-gradient(top, #F3F3F3 0%, #F0F0F0 30%, #E8E8E8 100% ); 
    background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #F0F0F0 30%, #E8E8E8 100% ); 
    background-image: -ms-linear-gradient(top, #F3F3F3 0%, #F0F0F0 30%, #E8E8E8 100% ); 
    
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #F3F3F3),
        color-stop(0.3, #F0F0F0),
        color-stop(1, #E8E8E8)
    );
    background-color: white;
    background-repeat: repeat;
    background-attachment: scroll;
}
 
.aur-store .aur-in-redeem .white-line {
    background: white;
    width: 100%;
    margin: 0;
    top: -14px;
    position: relative;
    height: 1px;
 }*/

/* Text headings - "What is AUR?" */
 .aur-store h4 {
     font-weight: bold;
     font-size: 1.2em;
 }
 
 /* Resculpt Character
 -------------------------------------------------------- */
 body.resculpt-character #content {
    background: transparent url(/images/illustrations/CharacterResculptBG.jpg) no-repeat right top;
}

 /* Dual Character Training
 -------------------------------------------------------- */
.multiple-character #content .hdr 
{
    height:315px;
    background: transparent url(/images/illustrations/mct-bg.jpg) no-repeat right top;
    margin:0 0 20px 0;
}
body.multiple-character.payment .hdr { display:none; }

.multiple-character #content .hdr h2 { text-align:center; margin:0; padding:15px 0 0 0; font-size:3.8em; text-shadow: 1px 2px 0 rgba(0,0,0,0.5);}
.multiple-character #content .hdr h3 { text-align:center; color:#ff9900; margin:0; font-size:30px; text-shadow: 1px 2px 0 rgba(0,0,0,0.5);}

.multiple-character h3 { font-size:22px; }

.multiple-character #content p { line-height:1.5; font-size:14px;}

.multiple-character #content p span { font-weight:bold; font-size:16px;}

.multiple-character #content .left { float:left; width:610px; }  

.multiple-character #content .note  
{
    margin:10px 10px 0 0;
    background:transparent url(/images/illustrations/note-info.png) no-repeat 50% 15px;
    font-size:12px; 
    width:250px; 
    float:right;  
    padding:80px 20px 20px 20px;
    -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 12px rgba(0,0,0,0.25);
    color:#606060;
    font-size:14px;
    line-height:1.6;
}

.dual-character .info-box { font-size:14px; }

.dual-character .buy-dct { margin-bottom:15px; }
 
 /* Multiple Character Training
 -------------------------------------------------------- */ 
 
.multiple-char-training { margin:10px 0; }
 
.multiple-char-training ul { list-style:none; margin:0;}

.multiple-char-training ul li  
{
    width: 293px;
    height: 300px;
    background-color: #DDDDDD;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    position: relative;
    border:3px solid #DDDDDD;
}

.multiple-char-training ul li.active, .multiple-char-training ul li.active:hover
{
    border:3px solid #009933; 
    background:#fff;    
}

.multiple-char-training ul li:first-child.active, 
.multiple-char-training ul li:first-child.active:hover  
{
    border:3px solid #0099cc; 
    background:#fff;    
}  

.multiple-char-training ul li .header { display:none; }
.multiple-char-training ul li.active .header { display:block; position:absolute; background:#009933; top:-21px; outline:3px solid #009933; width:100%; height:21px; color:#fff; font-size:16px;} 
.multiple-char-training ul li:first-child.active .header { background:#0099cc; outline:3px solid #0099cc;}

.multiple-char-training ul li h3 { font-weight:bold; font-size:18px; color:#000;}

.multiple-char-training ul li:hover { border:3px solid #ccc; }  

.multiple-char-training ul li:first-child { margin-left:0px; }  
.multiple-char-training ul li:first-child p { color:#333; }  
.multiple-char-training ul li:first-child h3 { color:#3399cc; }  

.multiple-char-training ul li .inner 
{ 
    margin:0 auto;
    text-align:center;
    padding-top:145px;
}

.multiple-char-training ul li p { position:absolute; width:100%; top:250px; text-align:center;}

.multiple-char-training ul li .inner .deco  
{
    position:absolute;
    top:20px;
    width:100%; 
    height:125px; 
    text-align:center; 
    background:url(/images/illustrations/multiple-char-heads.png) no-repeat 0px 0px;     
}

.multiple-char-training ul li .inner.disabled input { cursor:default; }

.multiple-char-training ul li .inner.first { color:#3399cc; }
.multiple-char-training ul li .inner.first .deco { background-position:50% -12px; } 
.multiple-char-training ul li .inner.second .deco { background-position:50% -232px; } 
.multiple-char-training ul li .inner.third .deco { background-position:50% -437px; } 
 
.multiple-char-training ul li input[type=submit]
{
    margin:0 auto;
}  

/* Multi char training terms */
.multiple-character .terms {margin-top:20px; }
.multiple-character .terms ul { width:100%; margin-top:10px;} 
.multiple-character .terms li { margin:4px; } 

.multiple-character .holidayspecial {
    display: inline-block;
    border: 2px solid #00B809;
    background-color: #D0FFD3;
    padding: 10px;
    margin: 0 auto 0 auto;
    height: 40px;
    width: auto;
    padding-top: 5px;
    padding-bottom: 4px;
}

.de.multiple-character .holidayspecial {
    height: 58px;
}

.de.multiple-character .holidayspecial span {
    margin-left: 36px;
    float: none;
}

.multiple-character .holidayspecial i {
    color: #222222;
    font-size: 24px;
    float: left;
    padding-right: 10px;
    margin-top: 7px;
}

.multiple-character .holidayspecial span {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #009A08;
    font-family: Futura, Arial, sans-serif;
    font-stretch: condensed;
    margin-top: 2px;
    float: left;
}

.multiple-character .receipt.info-box {
    padding-bottom: 0;
}

.multiple-char-training.not-logged-in {
    text-align: center;
}
 
/* External Authentication system (Amazon) 
 -------------------------------------------------------- */
 
 .external-auth #content {
    width: 550px;
    padding: 5px 15px;
    margin-right: auto;
    margin-left: auto;
    display: block; 
    background: #E8E8E8;
    top: 20px;
 }
 
 .external-auth #login-external-auth {
    width: 280px;
    float: left;
    background: #d9d9d9;
    min-height:  210px;
    margin-bottom: 10px;
    border: 1px solid #c3c2c2;
    margin-top: 0px;
    padding:0 10px;
 }
    #login-external-auth {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 0;
    }

    #login-external-auth input[type=submit] { margin:0 auto; }

    
 .external-auth #need-to-register {
    float: right;
    background: #d9d9d9;
    min-height:  210px;
    margin-bottom: 10px;
    border:1px solid #c3c2c2;
    padding:0 10px;
    width:215px; 
 }
    .external-auth #need-to-register h3 {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .external-auth #need-to-register p {
        text-align: center;
    }
    .external-auth #need-to-register input[type="submit"], 
    .external-auth #need-to-register button {
        margin-left: auto;
        margin-right: auto;
    }
 
 .external-auth .signup-info {
    background: #d9d9d9;	
    padding: 15px;
    margin-bottom: 10px;
    border:1px solid #c3c2c2;
  }
  
  .external-auth #header {
      margin: 10px 0 0 0;
      display: block;
      width: auto;
      height: 100px;
      background: #232323 url("/images/illustrations/externalauthheader.jpg") no-repeat;
      padding: 1px 10px 1px 10px;
  }
    .external-auth #header h1 {
        font-family: EngschriftDIND, Arial, sans-serif;
        font-size: 27px;
        color: white;
        font-weight: normal;
        text-shadow: none;
    }
    
    .external-auth #header h1 span {
        color: #189FCC;
        display: block;
    }

/* Nexon externalAuth  */
#login-external-auth { margin-top:25px; }
#login-external-auth a:first-child { margin-right:15px; }

/*SEPA MANDATE*/
.sepa-mandate img {
    position: absolute;
    right: 20px;
    padding: 0;
    top: 90px;
}
.sepa-mandate-popup .sepainfo h1, 
.sepa-mandate .sepainfo h1 {
    margin-top: 0;
    margin-bottom: 0.2em;
}

.sepa-mandate .mandate-details {
    width: 720px;
    padding: 30px;
    margin: 40px auto;
    background: #fff;
    border-bottom: 4px solid #d7d7d7;
}
.sepa-mandate-popup .mandate-details
{
    width: 720px;
    padding: 30px;
    margin: 40px auto;
    background: #fff;
}
.sepa-mandate-popup .mandate-details h3,
.sepa-mandate .mandate-details h3 {
    font-weight: bold;
    padding-top: 15px;
    margin-bottom: 8px;
    margin-left: 10px;
}
.sepa-mandate-popup .mandate-details dl,
.sepa-mandate .mandate-details dl {
    width: 100%;
    margin-left: 20px;
    font-size: 1.16667em;
}
.sepa-mandate-popup .mandate-details dt,
.sepa-mandate .mandate-details dt {
    float: left;
    width: 20%;
    font-weight: normal;
}
.sepa-mandate-popup .mandate-details dd ,
.sepa-mandate .mandate-details dd {
    float: left;
    width: 80%;    
}
.sepa-mandate-popup .mandate-details h2,
.sepa-mandate .mandate-details h2 {
    font-size:25px !important;
    text-align: center;
    margin: 0;
}

.sepa-mandate input[type=submit],
.sepa-mandate button {
    float: left;
}



/* External Authentication system (Amazon) 
 -------------------------------------------------------- */
 
 .linking-in-launcher
 {
     /*background: transparent url(https://web.ccpgamescdn.com/launcher/background/background.png) left top no-repeat;*/
     color: #eee;
     background: transparent;
 }
 
 .linking-in-launcher h2 { margin-bottom:5px; }
 
 .linking-in-launcher #content {
    width: 400px;
    padding: 5px 0px;
    /*margin-right: auto;
    margin-left: auto;*/
    display: block; 
    /*background: rgba(0,0,0,0.7);*/
    /*top: 20px;*/
 }
 
 .linking-in-launcher #login-external-auth {
    width: 300px;
    float: left;
    background: #d9d9d9;
    min-height:  210px;
    margin-bottom: 10px;
    border:1px solid #c3c2c2;
 }
    #login-external-auth h3 {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 0;
    }
    
 .linking-in-launcher #need-to-register {
    width: 235px;
    float: right;
    background: #d9d9d9;
    min-height:  210px;
    margin-bottom: 10px;
    border:1px solid #c3c2c2;
    padding:0 10px;
    width:215px; 
 }
    .linking-in-launcher #need-to-register h3 {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .linking-in-launcher #need-to-register p {
        text-align: center;
    }
    .linking-in-launcher #need-to-register input[type="submit"], 
    .linking-in-launcher #need-to-register button {
        /*margin-left: auto;
        margin-right: auto;*/
    }
 /*
 .linking-in-launcher .signup-info {
    background: rgba(0,0,0,0.8);	
    padding: 15px;
    margin-bottom: 10px;
    border:1px solid #c3c2c2;
  }
  */
  .linking-in-launcher #header {
      margin: 10px 0 0 0;
      display: block;
      width: auto;
      height: 100px;
      background: #232323 url("/images/illustrations/externalauthheader.jpg") no-repeat;
      padding: 1px 10px 1px 10px;
  }
    .linking-in-launcher #header h1 {
        font-family: EngschriftDIND, Arial, sans-serif;
        font-size: 27px;
        color: white;
        font-weight: normal;
        text-shadow: none;
    }
    
    .linking-in-launcher #header h1 span {
        color: #189FCC;
        display: block;
    }
    .linking-in-launcher .nexon-error { color:red; margin-bottom:5px; }

    /*SSO button lookalike*/

.linking-in-launcher .field {
    position:relative;
    padding:0 0 5px 0;
    height:50px;
    }

.linking-in-launcher .field label {
    display:block;
    padding:0 0 2px 0;
    font-size:100%;
}
.linking-in-launcher .field input {
    border:2px solid #bdbdbd;
    padding:5px;
    padding-left:8px;
    width:220px;
    color:#606060;
    font-family:Arial;    
    font-size: 14px;          
    border-radius:0px; 
    margin:0;
}
.linking-in-launcher .field input:hover {
    border: 2px solid #f2ab28;
}

.linking-in-launcher .field input:focus {
    border:2px solid #bdbdbd;
    -webkit-box-shadow:0 0 20px #4c7fc1;
    -moz-box-shadow:0 0 20px #4c7fc1;
    box-shadow:0 0 20px #4c7fc1;
    outline: none;
}

.linking-in-launcher .field ::-webkit-input-placeholder {
    color: #787878;
}
        

.linking-in-launcher .submit {
    float:left;
    padding:0;
    position: relative;
    margin:5px 0 10px 0;
    clear:both;
    }    
        
.linking-in-launcher .external-trial-signup .submit { margin-bottom:0; }   
        
.linking-in-launcher .submit input {
    font-family:'EngschriftDIND';
    border:2px solid #3c4043;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;	
        
    padding:2px 10px;
    background-image: linear-gradient(bottom, #ffa603 26%, #ffd17d 67%);
    background-image: -o-linear-gradient(bottom, #ffa603 26%, #ffd17d 67%);
    background-image: -moz-linear-gradient(bottom, #ffa603 26%, #ffd17d 67%);
    background-image: -webkit-linear-gradient(bottom, #ffa603 26%, #ffd17d 67%);
    background-image: -ms-linear-gradient(bottom, #ffa603 26%, #ffd17d 67%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.26, #ffa603),
        color-stop(0.67, #ffd17d)
    );            
    text-shadow: 2px 2px 1px rgba(207,136,7,0.7);
    font-size:160%;  
    text-transform:uppercase;
    color:#202020;
    box-shadow:none;
    line-height:18px;
    }
    
.linking-in-launcher .submit input:hover {                
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.26, #ffd280),
        color-stop(0.67, #ffa90c)
    );
}

.linking-in-launcher .submit input.no-go {             
    margin-right:10px;
    background-image: linear-gradient(bottom, #818181 26%, #a6a6a6 67%);
    background-image: -o-linear-gradient(bottom, #818181 26%, #a6a6a6 67%);
    background-image: -moz-linear-gradient(bottom, #818181 26%, #a6a6a6 67%);
    background-image: -webkit-linear-gradient(bottom, #818181 26%, #a6a6a6 67%);
    background-image: -ms-linear-gradient(bottom, #818181 26%, #a6a6a6 67%);
    color:#dddddd;

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.26, #818181),
        color-stop(0.67, #a6a6a6)
    ); 
    text-shadow: 2px 2px 1px rgba(129, 129, 129, 0.79);
}

.linking-in-launcher .submit input.cancel {             
    margin-right:10px;
    background-image: linear-gradient(bottom, #818181 26%, #a6a6a6 67%);
    background-image: -o-linear-gradient(bottom, #818181 26%, #a6a6a6 67%);
    background-image: -moz-linear-gradient(bottom, #818181 26%, #a6a6a6 67%);
    background-image: -webkit-linear-gradient(bottom, #818181 26%, #a6a6a6 67%);
    background-image: -ms-linear-gradient(bottom, #818181 26%, #a6a6a6 67%);
    color:#dddddd;

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.26, #818181),
        color-stop(0.67, #a6a6a6)
    ); 
    text-shadow: 2px 2px 1px rgba(129, 129, 129, 0.79);

}

.linking-in-launcher .submit input.no-go:hover
{                                
    background-image: linear-gradient(bottom, #a6a6a6 26%, #818181 67%);
    background-image: -o-linear-gradient(bottom, #a6a6a6 26%, #818181 67%);
    background-image: -moz-linear-gradient(bottom, #a6a6a6 26%, #818181 67%);
    background-image: -webkit-linear-gradient(bottom, #a6a6a6 26%, #818181 67%);
    background-image: -ms-linear-gradient(bottom, #a6a6a6 26%, #818181 67%);                
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.26, #a6a6a6), color-stop(0.67, #818181) );
}

.linking-in-launcher .submit input.cancel:hover
{                                
    background-image: linear-gradient(bottom, #a6a6a6 26%, #818181 67%);
    background-image: -o-linear-gradient(bottom, #a6a6a6 26%, #818181 67%);
    background-image: -moz-linear-gradient(bottom, #a6a6a6 26%, #818181 67%);
    background-image: -webkit-linear-gradient(bottom, #a6a6a6 26%, #818181 67%);
    background-image: -ms-linear-gradient(bottom, #a6a6a6 26%, #818181 67%);                
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.26, #a6a6a6), color-stop(0.67, #818181) );
}

.linking-in-launcher .submit input[type="submit"]:disabled {             
    margin-right:0px;
    cursor:auto;
}
.linking-in-launcher .submit input[type="submit"]:disabled:hover {             
    color:#606060;
}
            
.linking-in-launcher #signup-disclaimer { clear:both; margin:5px 0 10px 0; }

.linking-in-launcher .aspvalidator  
{
    position:absolute; 
    margin:30px 0 0 1px; 
    border-radius:0;
    background:none;
    border:0;
    text-shadow:none;
    padding-left:0px;   
    color:#ec1212 !important;
}

.linking-in-launcher .clientvalidator.showerror { 
    color: #ec1212 !important;
    background:none;
    border:none;
    clear:both;
    padding:3px 0 0 0;
    margin:0;
    text-shadow:none;
}

.linking-in-launcher .field-validation-error span {

    font-size:12px;
    color:#ec1212;
    display:block;
    padding-top:0px;
    }
.linking-in-launcher .aspvalidator:before {
    content:"";
    position:absolute;
    top:-27px;
    left:1px; 
    border-width:3px 3px 26px 3px;
    border-style:solid;
    border-color:#ec1212;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.linking-in-launcher .clientvalidator .arrow {
    display:none;
}

.external-trial-signup .clientvalidator.showerror,
.external-trial-signup .masterpage-error-message,
.external-trial-signup .clientvalidator,
.external-trial-signup .aspvalidator,
.external-trial-signup .forminfo {
    margin-right: -200px;
}

.link-external-account input[type=submit] {
    /*clear: none;*/
    margin-right: 20px;
    float: left;
    /*margin-top: 20px;*/
}

 #scrollcontent {    
    height:480px;
    width: 580px;
    overflow: hidden;
    position: absolute;
    margin-right:20px;
 }

.ps-container .ps-scrollbar-x-rail {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
    border:1px solid red;
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute; /* please don't change 'position' */
    right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x {
    position: absolute; /* please don't change 'position' */
    bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
}

.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 0; /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container.ie6 .ps-scrollbar-y {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
    opacity: 0.6;
    filter: alpha(opacity = 60);    
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #999;
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
    visibility: hidden;
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
    visibility: visible;
}

/* New Upgrade trial page */

body.upgrade #mainmenu, body.buy #mainmenu { display:none; }

body.upgrade h2.header, body.buy h2.header { 
    font-size:46px; 
    margin-left:215px; 
    margin-bottom:0;
    color:#1e1e1e;
}
body.upgrade h3.header, body.buy h3.header { 
    font-size:26px; 
    margin-left:215px; 
    margin-bottom:20px;
    color:#7b7b7b;
    margin-top:5px;
}

.upgrade-trial .plan {
    float:left;
    width:14.9%;    
    padding:0px 0px;
    margin-right:4px;
    text-align:center;
    color:#1e1e1e;
}

.ru .upgrade-trial .plan {
    width:14.7%;
}

    .upgrade-trial .plan:first-child {
        width:200px;
        margin-right:15px;
        background-color:none;
    }

.upgrade-trial.buddy .plan .top {
    height:60px;
}

.ru .upgrade-trial.buddy .plan .top {
    height:65px;
}

.fr .upgrade-trial.buddy .plan .top, .upgrade-trial.buddy.de .plan .top {
    height:75px;
}


.upgrade-trial.buddy.de .plan .top {
    padding:10px 1px;
}

.fr .upgrade-trial.buddy .plan .top, .ru .upgrade-trial.buddy .plan .top {
    padding:10px 1px;
}

.upgrade-trial.buddy .plan .top p.activationfee  {
    font-size:11px;
    margin-top:5px;
}

    
        .upgrade-trial .plan:first-child .top {
            background:none;
        }

    .upgrade-trial .features {        
        text-align:right;
        font-size:14px;
    }

    .upgrade-trial .features .perks {
        margin-top:4px;
    }

        .upgrade-trial .features li {
            border-bottom:1px solid transparent;
            background-color:none;
        }

        .ru .upgrade-trial .plan:first-child {
            width:210px;
        }

        .ru .upgrade-trial .features li, .fr .upgrade-trial .features li {
            font-size:12px;
            line-height:18px;
        }
            .upgrade-trial .features li span {
                background-color:#adadad;
                color:#fff;
                margin-left:2px;
                padding:1px 4px;
                font-weight:bold;
            }

                .upgrade-trial .features li span:hover {
                    cursor:help;
                }
    

    .upgrade-trial .plan h3 {
        font-size:20px;
        margin-bottom:0;
    }

        .upgrade-trial .plan h3 span {
            display:none;
        }

    .upgrade-trial .plan h4 {
        margin-bottom:0;
    }

    .upgrade-trial .plan .middle, .upgrade-trial .plan .bottom {        
        padding:0px;        
    }

    .upgrade-trial .plan .middle .feats li {
        background-color:#d0d0d0;
    }

        .upgrade-trial .plan li:last-child {
            border-bottom:1px solid transparent;
        }

    .upgrade-trial .plan .middle .perks {
        margin-top:4px;
    }

        .upgrade-trial .plan .middle .perks span {
            visibility:hidden;
        }

        .upgrade-trial .plan.days180 .top, .upgrade-trial .plan.days180 .middle .feats li, .upgrade-trial .plan.days180 .middle .perks li  { 
            background-color:#fa9e0e;

            -webkit-box-shadow: inset 5px 0px 83px -9px rgba(0,0,0,0.2);
            -moz-box-shadow: inset 5px 0px 83px -9px rgba(0,0,0,0.2);
            box-shadow: inset 5px 0px 83px -9px rgba(0,0,0,0.2);

        }

        .upgrade-trial .plan.days90 .middle .feats li {
            background-image: -webkit-gradient(
	            linear,
	            right bottom,
	            left bottom,
	            color-stop(0.03, #C4C4C4),
	            color-stop(0.2, #D0D0D0)
            );
            background-image: -o-linear-gradient(left, #C4C4C4 3%, #D0D0D0 20%);
            background-image: -moz-linear-gradient(left, #C4C4C4 3%, #D0D0D0 20%);
            background-image: -webkit-linear-gradient(left, #C4C4C4 3%, #D0D0D0 20%);
            background-image: -ms-linear-gradient(left, #C4C4C4 3%, #D0D0D0 20%);
            background-image: linear-gradient(to left, #C4C4C4 3%, #D0D0D0 20%);

        }

        .upgrade-trial .plan.days360 .middle .feats li { 
            
            background-image: -webkit-gradient(
	            linear,
	            left top,
	            right top,
	            color-stop(0.03, #C4C4C4),
	            color-stop(0.2, #D0D0D0)
            );
            background-image: -o-linear-gradient(right, #C4C4C4 3%, #D0D0D0 20%);
            background-image: -moz-linear-gradient(right, #C4C4C4 3%, #D0D0D0 20%);
            background-image: -webkit-linear-gradient(right, #C4C4C4 3%, #D0D0D0 20%);
            background-image: -ms-linear-gradient(right, #C4C4C4 3%, #D0D0D0 20%);
            background-image: linear-gradient(to right, #C4C4C4 3%, #D0D0D0 20%);
        }
        
        .upgrade-trial .plan.days360 .top, .upgrade-trial .plan.days360 .middle .perks li {
            background-image: -webkit-gradient(
	            linear,
	            left top,
	            right top,
	            color-stop(0.03, #C4C4C4),
	            color-stop(0.2, #dcdcdc)
            );
            background-image: -o-linear-gradient(right, #C4C4C4 3%, #dcdcdc 20%);
            background-image: -moz-linear-gradient(right, #C4C4C4 3%, #dcdcdc 20%);
            background-image: -webkit-linear-gradient(right, #C4C4C4 3%, #dcdcdc 20%);
            background-image: -ms-linear-gradient(right, #C4C4C4 3%, #dcdcdc 20%);
            background-image: linear-gradient(to right, #C4C4C4 3%, #dcdcdc 20%);
        }

        .upgrade-trial .plan.days90 .top, .upgrade-trial .plan.days90 .middle .perks li {
            background-image: -webkit-gradient(
	            linear,
	            right bottom,
	            left bottom,
	            color-stop(0.03, #C4C4C4),
	            color-stop(0.2, #dcdcdc)
            );
            background-image: -o-linear-gradient(left, #C4C4C4 3%, #dcdcdc 20%);
            background-image: -moz-linear-gradient(left, #C4C4C4 3%, #dcdcdc 20%);
            background-image: -webkit-linear-gradient(left, #C4C4C4 3%, #dcdcdc 20%);
            background-image: -ms-linear-gradient(left, #C4C4C4 3%, #dcdcdc 20%);
            background-image: linear-gradient(to left, #C4C4C4 3%, #dcdcdc 20%);
        }

        .upgrade-trial .plan.trial .btn-green {
            background: #5A83AB;
            background-image: -webkit-linear-gradient(top, #5A83AB, #2F60BA);
            background-image: -moz-linear-gradient(top, #5A83AB, #2F60BA);
            background-image: -ms-linear-gradient(top, #5A83AB, #2F60BA);
            background-image: -o-linear-gradient(top, #5A83AB, #2F60BA);
            background-image: linear-gradient(to bottom, #5A83AB, #2F60BA);

            border-color: rgb(102, 122, 205);
        }

            .upgrade-trial .plan.trial .btn-green:hover {
                background: #2F60BA;
            }

            .ru .upgrade-trial .plan.trial .btn-green {
                height:30px;
                font-size:18px;
                padding:0;
            }

        .upgrade-trial .plan.days30 .middle .perks .frigate span { visibility:visible; }
        .upgrade-trial .plan.days90 .middle .perks .frigate span { visibility:visible; }
        .upgrade-trial .plan.days180 .middle .perks .frigate span { visibility:visible; }
        .upgrade-trial .plan.days360 .middle .perks .frigate span { visibility:visible; }

        .upgrade-trial .plan.days90 .middle .perks .frigate-4pack span { visibility:visible; }
        .upgrade-trial .plan.days180 .middle .perks .frigate-4pack span { visibility:visible; }
        .upgrade-trial .plan.days360 .middle .perks .frigate-4pack span { visibility:visible; }

        .upgrade-trial .plan.days180 .middle .perks .cyber span { visibility:visible; }
        .upgrade-trial .plan.days360 .middle .perks .cyber span { visibility:visible; }

        .upgrade-trial .plan.days360 .middle .perks .attire span { visibility:visible; }


    .upgrade-trial .plan .middle .perks li, .upgrade-trial .plan .top {
        background-color:#dcdcdc;
    }

    .upgrade-trial .plan .top {
        margin-bottom:4px;
        padding:10px;
        height:50px;
    }

        .upgrade-trial .plan .top h3 {
            font-weight:bold;
        }

.ru .upgrade-trial .plan .top h3 {
    font-size:14px;
}

        .upgrade-trial .plan .top h4 {
            font-size:14px;
        }

    .upgrade-trial .plan .middle .perks span {
        background-color:#648f00;
        color:#fff;
        padding:1px 3px;
    }

    .upgrade-trial .plan ul, .upgrade-trial li {
        list-style:none;
        margin:0;
        padding:0;              
    }

.upgrade-trial ul li {
    padding:5px 0px;
    font-size:14px;
    border-bottom:1px solid #fff;    
}

.upgrade-trial .features ul li {
    background-color:none;
}

.upgrade-trial .plan .bottom {
    margin-top:4px;
}

    .upgrade-trial .plan .bottom .price {
        margin-top:4px;
        font-size:20px;
        font-weight:bold;
    }

    .upgrade-trial .plan .bottom .save {        
        font-size:14px;
        font-weight:bold;
        color:#648f00;
    }

.fr .upgrade-trial .plan .bottom .save {
    font-size:13px;
}

.upgrade-trial .terms {
    float:left;
    width:auto;
    clear:both;
    margin-top:60px;
}

.upgrade-trial .terms ul {    
    width:auto;
    margin-left:230px;    
}

    .upgrade-trial .terms ul li {
        border:none;
        font-size:11.5px;
        list-style-type:disc;
        color:#747474;
        padding:3px 0;
    }


/* New Trial signup page */
/* PLUS some other style overwrite, remove header, footer.... */

.responsive #site-header, .responsive #mainmenu, .responsive footer #footer-links { display:none; }

body.responsive {
    background: #000 url(https://web.ccpgamescdn.com/secure/images/free-trial2-bg.jpg) no-repeat center center fixed; 
    background-size: cover;    
}

.responsive #sticky-footer-wrapper {
    background:none;    
    /*background-image: radial-gradient(circle farthest-corner at center, #000 10%, transparent 100%);*/
}

.responsive #footer-wrapper {
    width:auto;
}

.responsive #site-footer {
    background:#212121;
    background-image:none;
}

.responsive.trial-signup #content {
    background:none;
    padding:10px 20px 10px 20px;
}

.responsive #content-wrapper 
{
    width:auto;
    /*max-width:960px;*/
    margin:0 auto;
}

.responsive #content-wrapper #content {
    background:none;
    width:auto;
}

.responsive .half {
    display:none;
}

.responsive.trial-signup #signup-disclaimer {
    display:none;
}

.responsive .new-signup {    
    color:#fff;    
    padding:70px 50px 50px 50px;
    background-color:rgba(0,0,0, 0.8);
    width:430px;
    margin:30px auto 0px auto;
    box-sizing: border-box;
    position:relative;    
}

.responsive .buddy-section {
    width:990px;
    margin-top:40px;
    background:rgba(0,0,0,0.8);
    color:#fff;
    margin:40px auto 0px auto;
    padding:40px;
}

.responsive .buddy-section video {
    width:460px;
    height:260px;
}
    .responsive .buddy-section hr {
        border-top:gray;
        background:gray;
    }

    .responsive .new-signup .check {
        border-radius: 50%;
        height:30px;
        width:30px;
        margin:0 3% 0 0;
        background-color:#54a92c;
        font-size:25px;
    }

        .responsive .new-signup .check span {
            margin-top: 0px;
            float: left;
            padding-left: 6px;
            font-size: 24px;
        }

    .responsive .new-signup.wrong {
        text-align:center;
    }
        .responsive .new-signup.wrong h4 {
            font-size:18px;
        }
        .responsive .new-signup.wrong span.email {
            font-size:15px;
            padding:7px;
            border:1px solid rgb(49,82,52);
            display:block;
            background-color:rgb(46,71,45);
            margin-bottom:20px;
        }

        .responsive .new-signup.wrong input[type=submit] {
            font-size:25px;
            margin-top:20px;
        }

.responsive.ru .new-signup.wrong input[type=submit] {
    font-size:18px;
}

    .responsive .new-signup .wrong-email {
        border-top: 2px solid #7C7C7C;
        margin-top: 20px;
        display: block;
        padding-top: 20px;
        /*font-size: 14px;*/
        color: #7C7C7C;
    }

    .responsive .new-signup .wrong-email .clientvalidator, .responsive .new-signup .wrong-email .aspvalidator {
        font-size:12px;
        position:absolute;
        left:378px;
        min-width:150px;

    }

    .responsive .new-signup h2 {
        font-size:35px;
        text-align:center;
    }

.responsive .new-signup #numberofusers {
    display:none;
    font-size:28px;
    text-transform:none;
    text-align:center;
    color:rgb(173, 173, 173);
    background-color:rgba(0,0,0,0.23);
    border:1px solid rgb(50,50,50);
    padding:10px 10px;
}

.responsive.experiment .new-signup #numberofusers {
    display:block;
}

.responsive .new-signup #numberofusers span {
    color: rgb(197, 51, 51);
    font-size:28px;
}

    .responsive .new-signup #language-picker-js {
        position:absolute;
        top:10px;
        right:10px;
    }

        .responsive .new-signup #language-picker-js li {
            float:left;
            list-style:none;
            margin-right:7px;
            padding-right:7px;
            position:relative;
            font-family:"EngschriftDIND";
            font-size:20px;
        }

        .responsive .new-signup #language-picker-js li a {
            color:#fff;
        }

        .responsive .new-signup #language-picker-js li:first-child:before {
            border:none;
        }

        .responsive .new-signup #language-picker-js li:before {
            content: '';
            border: 1px solid #a32929;
            position: absolute;
            left: -8px;
            top: 22%;
            height: 12px;
        }

    .responsive .centered-content.terms {
        margin-top:40px;
        color:#999999;
    }

        .responsive .centered-content.terms a:hover {
            background:none;
        }

.responsive .new-signup .logo, .responsive .buddy-section .logo {
    text-align:center;
    margin-bottom:40px;
}

.responsive .buddy-section #buddy-steps {
    margin-bottom:20px;
}


.responsive .new-signup  ul {
    color:#000;
}

.responsive .new-signup .centered-content {
    width:330px;
    padding-top:40px;
    clear:both;
}

.responsive #footer-wrapper {
    text-align: center;
}

.responsive #footer-wrapper #restriction-logos {
    float:none;
    font-weight:bold;    
}

.responsive .aspvalidator.passwordErrorMsg ul {
    color:#ca5757;    
}



/* The form */

.responsive .new-signup label {
    color:#999999;
}

@media only screen and (min-width: 998px) {
    .responsive .validationGroup {
        width: 750px;
        position: relative;
    }
}
.responsive #password-rules { 
    left:330px; 
    min-width:280px;
    color:#333333;
}

.responsive #not-your-character-name {
    display:none;
}

.responsive input[type=text], .responsive input[type=password] {
    background-color:#f8f8f8;
    border-radius:0;
    border:1px solid #222;    
    width:330px;
    padding:7px 0px 8px 7px;
    font-size:14px;
    margin-top:5px;
    box-sizing:border-box;    
}

    .responsive input[type=text]:focus, .responsive input[type=password]:focus {        
        -moz-box-shadow: inset 0 0px 10px rgba(0,0,0,0.55); 
        -webkit-box-shadow: inset 0 0px 10px rgba(0,0,0,0.55);
        box-shadow: inset 0 0px 10px rgba(0,0,0,0.55);
    }

::-webkit-input-placeholder {
   font-size:12px;
}

.responsive .new-signup :-moz-placeholder { /* Firefox 18- */
   font-size:12px;
}

.responsive .new-signup ::-moz-placeholder {  /* Firefox 19+ */
   font-size:12px;
}

.responsive .new-signup :-ms-input-placeholder {  
   font-size:12px;
}

.responsive .new-signup.emailverify {
    color:#fff;
    border:none;
    border-radius:0px;
}

    .responsive .new-signup.emailverify ul {
        color:#fff;
    }

@media only screen and (max-width: 767px) {

    .responsive #content-wrapper #content {
        padding:20px 0;
    }

     .responsive .new-signup {
         width:100%;
         padding:50px 30px 30px 25px;
     }

    .responsive input[type=text], .responsive input[type=password] {
        width:100%;
    }
}


@media only screen and (max-width: 998px) {

    .responsive input[type=text], .responsive input[type=password] {
        margin-bottom: 22px;
        padding-right:0px;
        box-sizing:border-box;  
    }

    .responsive .validationGroup {
        width: auto;
    }

    .responsive .aspvalidator a {
        text-shadow:none;
    }

    .responsive .clientvalidator .arrow, 
    .responsive .usernameErrorMsg .arrow, 
    .responsive #checking-usernames, 
    .responsive #domain-verification, 
    .responsive .passwordErrorMsg .arrow  {
        display: none;
    }

    .responsive .clientvalidator.showerror, .responsive .aspvalidator {
        background: none;
        text-shadow: none;
        border: none;
        padding: 0;
        margin: 0;
        float: right;
        margin-top: -20px;
    }

    .responsive #password-rules, .responsive .usernameErrorMsg, .responsive .aspvalidator.passwordErrorMsg {
        position: relative;
        left: auto;        
        background: rgba(0,0,0,0.5);
        border: 1px solid #515151;
        color:#C4C4C4;
        border-radius:0px;
        margin:0 auto;        
        padding:5px;              
        width:100%;        
        box-sizing:border-box;
    }

    .responsive .new-signup .centered-content {
        width:100%;
    }

    .responsive .usernameErrorMsg, .responsive #password-rules {
        margin-top:-15px;
        margin-bottom:5px;
    }

        .responsive #password-rules ul {
            color:#C4C4C4;
            margin-left:10px;
        }

        .responsive #password-rules .arrow {
            display: none;
        }

        .responsive ul#username-unavailable {
            margin-left:10px;
        }

    .responsive .aspvalidator.passwordErrorMsg ul {
        color:#ca5757;
        padding-left:10px;
    }

    .responsive .new-signup .wrong-email .clientvalidator {        
        position:relative;        
        min-width:initial;
        float:right;
        left:auto;
    }

    .responsive .new-signup .wrong-email p {
        font-size:12px;
    }

    .responsive .new-signup .wrong-email.success span {
        color:#fff;
    }

}

@media only screen and (max-width: 1120px) {
    .responsive .buddy-section {
        width:100%;
        margin:0px;
        box-sizing: border-box;        
    }

    .responsive .buddy-section video {
        width:100%;
        height:auto;   
        box-sizing: border-box; 
    }

    .buddy-trial-landing #content .buddy-section .col-main, .buddy-trial-landing #content .buddy-section .col-side {
        width:95%;
    }

    .responsive .buddy-section .centered-content {
        margin:20px 0 20px 0;
    }

    .buddy-section #buddy-steps {
        display:none;
    }
}


/* specific css overrider for payment thingy within the iframe, related to the hosted merchant link credit card transaction */

.iframe-payment {background:none;}
.iframe-payment #aspnetForm { background:none; }
.iframe-payment #content-wrapper > hr { width:auto; }
.iframe-payment #content-wrapper {width:auto; padding:0; } 
.iframe-payment #signup-complete-infoboxes {display:none;}

.iframe-payment #content-wrapper #paymentError
{
    background: #ffcfcf;
    border: 1px solid #c89393;
    color: #ca5757 !important;
    float: left;
    width: 350px;
    padding: 15px 15px 15px 15px;
    line-height: 1.5;
    border-radius: 5px;
    margin: 20px 0 20px 0;
    
}

/*iframe heights*/
.CreditCardInputIframe {
    height: 750px;
}

body.buy .CreditCardInputIframe {
    height: 1100px;
}

@media only screen and (max-width: 400px) {
        .responsive .buddy-section a.btn-red {
            font-size:22px;
        }
}

/* tooltipster default styles */

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 2px; 
	border: 1px solid #8a8a8a;
	background: #fff;
	color: #555;
    
    -moz-box-shadow: 2px 3px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 2px 3px 3px rgba(0,0,0,0.4);
    -o-box-shadow: 2px 3px 3px rgba(0,0,0,0.4);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -8px;
    border-color:#7E7E7E;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}



/* PRINT STYLES (keep at bottom)
 -------------------------------------------------------- */
@media print {
  * { background: transparent !important; color: #000 !important; text-shadow: none !important; }
  a, a:visited { color: #000 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  #site-footer, #mainmenu, #site-header, #frontpage-shortcuts, #callouts,
  #progress-bar, #receipt-print-link, #download-button { display: none; }
}