/**
 * @author Validatorian aka Jon Hughes
 * @version 1.0
 */
/* Global */
.content-wrapper a {
    color:#0066cc;
    text-decoration:none;
    cursor:pointer;
}
.content-wrapper a:hover { text-decoration:underline; }
.content-wrapper .hilite { color:#F00; }
/*
body.iwin div.content-wrapper {
    margin:0 auto;
    width:760px;
}
/* Navigation */
#navigation{
    margin:0 auto;
    width:780px;
    padding-top: 20px;
    margin-bottom:20px;
}
.account-container{
    margin:0 auto;
    width:780px;
}
#navigation ul {
    background:url(/commerce/images/common/navigation.gif) 0 0 repeat-x;
    height:30px;
    margin:0;
    overflow:hidden;
}
#navigation ul li {
    display:block;
    height : 30px;
    float:left;
    text-align:center;
    background:url(/commerce/images/common/navigation.gif) 0 0 no-repeat;
}
#navigation ul li a{
    background:url(/commerce/images/common/navigation.gif) right 0px no-repeat;
    padding-right : 10px;
    margin-left : 10px;
    display:inline-block;
    font-weight:bold;
    height:30px;
    line-height:2.3em;
    font-size:1.3em;
    outline: none;
}

#navigation.accountInfo ul li.accountInfo,
#navigation.memberInfo ul li.memberInfo,
#navigation.transHistory ul li.transHistory,
#navigation.gamePurchases ul li.gamePurchases,
#navigation.opGames ul li.opGames{
    background-position:left -30px;
}
#navigation.accountInfo ul li.accountInfo a,
#navigation.memberInfo ul li.memberInfo a,
#navigation.transHistory ul li.transHistory a,
#navigation.gamePurchases ul li.gamePurchases a,
#navigation.opGames ul li.opGames a{
    background-position:right -30px;
    background-color : #fff;
    font-size:1.4em;
    color:#000;
}
#navigation.accountInfo ul li.accountInfo a:hover,
#navigation.memberInfo ul li.memberInfo a:hover,
#navigation.transHistory ul li.transHistory a:hover,
#navigation.gamePurchases ul li.gamePurchases a:hover,
#navigation.opGames ul li.opGames a:hover{
    text-decoration: none;
}

/* Text Styling */
.content-wrapper h2 {
    background:url(/images/commerce-upsell/common/header-bg.gif) repeat-x;
    color:#FFF;
    font-size:1.9em;
    height:27px;
    margin-top:10px;
    padding:10px 0 1px 10px;
}
.content-wrapper h3 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.66em;
    font-weight:bold;
    margin:20px;
}
.content-wrapper h4 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.25em;
    font-weight:bold;
    margin:20px 0 5px;
    padding-left:20px;
}
.account-container {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.2em;
    line-height:1.3em;
}
.account-container.nonMember {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em; /* 10px */
    line-height:inherit;
}
.content.cancelBody p {
    margin:16px 0;
    width:490px;
}

div#account-container div#content {
    background-image: none;
    min-height: 500px;
}
div.promoBanner {
    width: 778px;
}
/* Transactions */
#content.transactions table {
    clear:both;
    margin-top:10px;
}
#content.transactions form label, #content.transactions form div { float:left; }
#content.transactions form div {
    margin-right:10px;
    cursor:pointer;
}
#content.transactions form label { margin:4px 3px 0 0; }
#content.transactions .dateBox {
    border:1px solid #a0a0a0;
    width:150px;
    background:url(/images/icons/calendar.gif) 131px 2px no-repeat;
}
#content.transactions .dateBox input {
    width:130px;
    border:0;
}
#content.transactions table {
    width:100%;
    border:1px solid #cccccc;
    border-width:0 1px 1px 0;
}
#content.transactions table tr#header { border:1px solid #cccccc; }
#content.transactions table tr#header th {
    font-size:1.2em; /* 12px */
    color:#0066cc;
    cursor:pointer;
    padding:6px;
}
#content.transactions table tr#header th.dateUS { width:75px; }
#content.gamePurchases table tr#header th.dateUS { width:150px; }
#content.transactions table tr#header th.transaction { width:109px; }
#content.transactions table tr#header th.iCoinsBalance { width:137px; }
#content.transactions table tr#header th.cash { width:60px; }
#content.transactions table tr td {
    padding:11px 21px 11px 6px;
    text-align:right;
    vertical-align:top;
}
#content.transactions table tr td {
    border:1px solid #cccccc;
    border-width:0 1px;
}
#content.transactions table tr td.info, #content.transactions table tr td.dateTime, #content.transactions table tr th { text-align:left; }
#content.transactions table tr td.dateTime { width:75px; }
#content.transactions table tr td.dateTime b{
    display : none;
}
#content.gamePurchases table tr td.dateTime { width:130px; }
#content.transactions table tr td.info { width:319px; }
#content.gamePurchases table tr td.info { width:auto; }
#content.transactions table tr th {
    background:url(/commerce/images/transactions/table-header-bg.gif) 0 0 repeat-x;
    border:1px solid #cccccc;
    font-weight:bold;
}
#content.transactions table tr th span {
    font-weight:bold;
    display:block;
}
#content.transactions table tr td img {
    vertical-align:middle;
    margin-right:5px;
}
#content.transactions table tr th.asc, #content.transactions table tr th.desc {
    background-image:url(/commerce/images/transactions/table-sort-bg.gif);
    border:1px solid #99ccff;
    border-width:1px;
    border-bottom-color:#cccccc;
}
#content.transactions table tr th.asc span, #content.transactions table tr th.desc span {
    background:url(/commerce/images/transactions/asc.gif) 100% 5px no-repeat;
    padding-right:18px;
    display:inline;
}
#content.transactions table tr th.desc span { background:url(/commerce/images/transactions/desc.gif) 100% 6px no-repeat; }
#content.transactions table tr td a.download {
    background:url(/commerce/images/buttons/download-orange-36.gif) 0 0 no-repeat;
    display:block;
    float:right;
    height:18px;
    width:61px;
    margin-top:9px;
}
#content.gamePurchases table tr td a.download { margin:0; }
#content.transactions table tr td a:hover.download { background-position:0 -18px; }
#content.transactions table tr.alt td { background-color:#ebf8fb; }
#content.transactions .iCoins {
    padding-left:26px;
    background-position:0 50%;
}
/* Notice / Specials */
.notice {
    background-color:#F2FBFC;
    border:1px solid #D8EEFA;
    float:right;
    margin-top:50px;
    padding:10px;
    width:300px;
}
.account-container .notice p { padding:2px 0; }
.specials {
    background:#ebf8fb url(/commerce/images/acctman/specials-blue-51.gif) 0 0 no-repeat;
    border:1px solid #dee7f1;
    float:right;
    padding:20px 0 10px;
    width:281px;
    
}
* HTML .specials { padding-top:40px; margin-top:20px; }
*+HTML .specials { padding-top:40px; margin-top:20px; }
.specials img {
    vertical-align:middle;
    border-right:5px solid #EBF8FB;
}
.specials h4 {
    padding-left:13px;
}
.specials a {
    display:block;
    margin:5px 0;
    padding-left:23px;
    width:260px;
}
/* Banner */
.banner { float:right; }
/* Plans Buttons */
#plans {
    font-size:1.3em; /* 13px */
    padding-left: 12px;
}
img#subscribe {
    cursor: pointer;
}
div.ousBanner {
    padding-top: 210px;
    height: 376px;
    width:781px;
}
#plans label { clear:both; }
#plan1, #plan2, #plan3 { display:none; }
#plans .plan1, #plans .plan2, #plans .plan3 {
    width:251px;
    float:left;
    clear:none;
    height:97px;
    cursor:pointer;
}
.plan1 { background:url(/commerce/images/plans/v2-plan1.gif) 0 -97px no-repeat; }
.plan2 { background:url(/commerce/images/plans/v2-plan2.gif) 0 -97px no-repeat; }
.plan3 { background:url(/commerce/images/plans/v2-plan3.gif) 0 -97px no-repeat; }
.plan1.on, .plan2.on, .plan3.on { background-position:0 0; }
#plan-description{ 
    padding-top: 20px; 
    padding-left: 14px;
}
#plan-description ul {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:11.5px;
}
#plan-description ul li {
    list-style: none;
    background: url(/images/commerce-upsell/us/eus.jpg) -20px -437px no-repeat;
    padding-left: 18px;
    line-height: 115%;
}
#plans label strong, #plans label em, #noicoins, #plan-description p{ /* bug #625*/
    font-family: Arial, Helvetica, sans-serif;
}
#plan-description {
    font-size:11.5px;
}
#plans label strong {
    color: #FFF;
    font-size:1.69em; /* 22px */
    line-height:22px;
    padding:28px 0 1px 43px;
    display:block;
}
#plans label em {
    color: #FFF;
    padding:0 0 1px 44px;
    display:block;
    width:175px;
}
.none {
    clear:both;
    float:left;
    width:745px;
    text-align:right;
}
/* Plans Submit */
#plans a.continue {
    width: 182px;
    height: 37px;
    display:block;
    cursor: pointer;
    border:none;
    background: url(/images/buttons/continue-orange-182.gif) 0px 0px no-repeat;
    clear:both;
    margin:0 0 5px 5px;
}
#plans a:hover.continue { 
    background: url(/images/buttons/continue-orange-182.gif) 0px -37px no-repeat; 
    text-decoration:none;
}
div#account-container {
    width: 775px;
}
/* Box Styling */
.box.filled { background-color:#EBF8FB; }
.box {
    border:1px solid #b2d0ec;
    clear:both;
    margin-bottom:30px;
    padding:10px 0 10px 2px;
}
/* Element Positioning / Styling */
.account-container p, .account-container .input { padding-left:50px; }
.account-container.nonMember p {
    font-size:1.1em; /* 11px */
    padding:5px 0 0 5px;
}
label {
    position:relative;
    top:-3px;
}
.ie6 #emailPreferences label, .ie7 #emailPreferences label {
    top: -1px;
}
#emailPreferences p {
    padding-left: 25px;
    font-size: 10px;
    margin-top: -3px;
}

.payCommitment {
    display:block;
    float:left;
    width:300px;
}
#payCommitment {
    display:block;
    float:left;
    margin:0 5px 0 50px;
}
#cancelConfirm p { padding-bottom:5px; }
#cancelConfirm .areYouSure { margin-top:30px; }
#cancelConfirm ul { margin:0 0 20px 42px; }
.buttons { clear:both; }
div.hr hr { display:none; }
div.hr {
    border-bottom:1px solid #e0f0ff;
    margin:15px 15px 0;
}
.iCoins { background:url(/images/icons/icoins.gif) 25px 50% no-repeat; }
ul.hyphenList li {
    background:url(/images/icons/hyphen-bullet.gif) 10px 9px no-repeat;
    padding-left:20px;
    list-style-type:none;
}
#pauseBillingInfo, #pauseBillingNotice, #iCoinsBenefits{
    background:url(/images/icons/information.gif) 100% 0 no-repeat;
    cursor:pointer;
    padding-right:18px;
    text-decoration:none;
    _display:inline-block;
}
*+HTML #pauseBillingInfo, *+HTML #pauseBillingNotice, *+HTML #iCoinsBenefits{
    display:inline-block;
}
#pauseBillingTooltip { line-height:1.6em; }
#pauseBillingTooltip p { padding:0; }
#pauseBillingTooltip div { padding:10px; }
#iCoinsTooltip h4 {
    font-size: 15px;
    margin: 0;
    padding: 0;
}
#iCoinsTooltip p { margin: 5px; }
.iCoinsBalance {
    margin-bottom: 15px;
}
.lifetimeBonus {
    background-color: #EBF8FB;
    border: 1px solid #CFE7FF;
    margin-left: 40px;
    padding: 5px 9px;
}
#changeGoldPopup, #changePlatinumPopup {
    font-size:1.3em;
    width:420px;
    margin-left:-210px;
}
#changeGoldPopup p, #changePlatinumPopup p, #cancelMembershipPopup p { padding:7px 0; }
#cancelMembershipPopup { width:431px; }
a.changeIt {
    background:url(/commerce/images/buttons/yes-change-it-orange-60.gif) 0 0 no-repeat;
    margin:0 auto;
    width:116px;
}
a.reactivateMembership {
    background:url(/commerce/images/buttons/reactivate-my-membership-orange-60.gif) 0 0 no-repeat;
    margin:10px 0 0 50px;
    width:189px;
}
a.upgradeNow {
    background:url(/commerce/images/buttons/upgrade-now-blue-60.gif) 0 0 no-repeat;
    margin:0 auto;
    width:109px;
}
a.keepAccount {
    background:url(/commerce/images/buttons/keep-my-account-orange-60.gif) 0 0 no-repeat;
    width:135px;
}
a.pauseBilling {
    background:url(/commerce/images/buttons/pause-billing-orange-60.gif) 0 0 no-repeat;
    width:106px;
}
a.cancelAccount {
    background:url(/commerce/images/buttons/cancel-my-account-orange-60.gif) 0 0 no-repeat;
    width:143px;
}
a.pauseMembership {
    background:url(/commerce/images/buttons/pause-my-membership-orange-60.gif) 0 0 no-repeat;
    width:156px;
}
a.dontCancel {
    background:url(/commerce/images/buttons/dont-cancel-yet-orange-60.gif) 0 0 no-repeat;
    width:132px;
}
a.continueCancel {
    background:url(/commerce/images/buttons/continue-to-cancel-grey-90.gif) 0 -30px no-repeat;
    width:144px;
}
a:hover.continueCancel { 
    background-position:0 -60px;
    text-decoration:none; 
}
a.continueCancel.disabled {
    background-position:0 0;
    cursor:default;
}
a.keepAccount, a.pauseBilling, a.cancelAccount, a.pauseMembership, a.continueCancel, a.dontCancel, a.upgradeNow, a.reactivateMembership, a.changeIt {
    display:block;
    height:30px;
}
a.keepAccount, a.pauseBilling, a.cancelAccount, a.pauseMembership, a.continueCancel, a.dontCancel {
    margin:10px 10px 0 0;
    float:left;
}
a:hover.changeIt, a:hover.keepAccount, a:hover.pauseBilling, a:hover.cancelAccount, a:hover.pauseMembership, a:hover.dontCancel, a:hover.upgradeNow, a:hover.reactivateMembership { 
    background-position:0 -30px;
    text-decoration:none; 
}
/* Popup / Tooltip */
.popup {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.2em;
    left:50%;
    margin:-125px 0 0 -125px;
    position:absolute;
    top:50%;
    width:274px;
    z-index:9999;
}
/*
.tooltip div, .popup {
    background-color:#FFFFFF;
    border:8px solid #0065c1;
    padding:10px;
}*/


.switchPlan { padding-top:14px; }
#commitment-upgrade p {
    float:left;
    width:175px;
}
#commitment-upgrade .switchButton {
    float:right;
}
#playPlanInfoTooltip ul{
    padding-left:25px;
}

#playPlanInfoTooltip .switchButtonContainer{
    margin:0 auto;
    width:90px;
}
.switchButton {
    cursor:pointer;
    text-decoration:none;
}
.switchConfirmButtons {
    margin:10px auto 0 auto;
    width:160px;
}
div.switchConfirmBody ul {
    padding-left: 25px!important;
}
#commitment-upgrade .switchButton {
    margin-right: 15px;
}
.prototip .switchAllAccess  .toolbar .title{
    background:url(/commerce/images/acctman/switch-all-access.gif) 0 0 no-repeat!important;
    height: 100px;
}

.prototip .switchOwnership  .toolbar .title{
    background:url(/commerce/images/acctman/switch-ownership.gif) 0 0 no-repeat!important;
    height:100px;
}
.tooltip {
    background:transparent;
    border:none;
    left:auto;
    padding:0;
    top:auto;
    width:480px;
}
.tooltip .arrow {
    background:url(/images/commerce-upsell/misc/blue-bottom-triangle.gif) 198px 0 no-repeat;
    display:block;
    float:left;
    height:11px;
    overflow:hidden;
    width:368px;
}
.tooltip .arrow.top {
    background-image:url(/commerce/images/misc/blue-top-triangle.gif);
    position:relative;
    top:-11px;
}
.popup a.close {
    background:url(/images/buttons/close-blue-28.gif) 0 0 no-repeat;
    display:block;
    float:right;
    height:14px;
    overflow:hidden;
    text-decoration:none;
    width:14px;
}
.tooltip a.close { margin:10px 10px 0 0; }
.popup form, .popup div { padding:6px 16px 0 0; }
.popup a:hover.close { background-position:0 -14px; }
.popup fieldset { border:none; }
.popup legend, .popup input, .popup select {
    display:block;
    margin-bottom:5px;
}
.popup input { width:230px; }
#editCCPopup input, #editCCPopup select { width:178px; }
#editCCPopup { 
    width:445px;
    margin:-140px 0 0 -222px;
}
#editCCPopup fieldset {
    float:left;
    width:214px;
}
#editCCPopup .stateZip label, #editCCPopup .stateZip select, #editCCPopup .stateZip input {
    display:block;
    float:left;
    width:99px;
}
#editCCPopup .stateZip label{
    line-height : 26px;
}
#editCCPopup .stateZip select, #editCCPopup #ctype {
    clear:both;
    margin-right:20px;
    width:80px;
}
#editCCPopup .stateZip input { width:80px; }
#editCCPopup .exp select {
    float:left;
    margin-right:5px;
    width:80px;
}
#editCCPopup .exp label{ display: block; }
#editCCPopup .exp { padding-top:0; }
#editCCPopup .buttons { padding-top:5px; }
#editPassPopup, #editEmailPopup { width:250px; }
#editCCPopup .buttons input, .popup .buttons input { width:60px; }
#editCCPopup .buttons input.cancel { width:62px; }

#badCart{
    line-height : 1.3em;
    margin-top : -35px;
}

#badCart b.red{
    color : red;
    font-size : 1.2em;
    line-height : 1.3em;
    display : block;
    padding-bottom : 5px;
}
.popup .buttons input {
    background:url(/images/commerce-upsell/buttons/apply-orange-44.gif) 0 0 no-repeat;
    border:none;
    clear:both;
    cursor:pointer;
    float:left;
    height:22px;
    margin-right:10px;
}
.popup .buttons input.cancel {
    background:url(/images/commerce-upsell/buttons/cancel-orange-44.gif) 0 0 no-repeat;
    clear:none;
    width:62px;
}
* HTML .popup .buttons input { margin-bottom:-1px; }
.popup .buttons input:hover { background-position:0 -22px; }
.popup .error {
    background:#ebf8fb url(/images/icons/error-triangle.gif) 10px 5px no-repeat;
    border:1px solid #F00;
    color:#F00;
    font-weight:bold;
    margin-bottom:10px;
    padding:10px 10px 10px 40px;
}
#overlay {
    background-color:#000;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:5000;
    height:expression(eval(document.body.clientHeight) + "px"); /* IE6 Fix for overlay height */
}
#billing-form label.red{
    color:red;
}
#change-date{
    background:transparent url(/commerce/images/buttons/change-blue-61.gif) no-repeat scroll 0px 0px;
    display:block;
    cursor:pointer;
    text-decoration:none;
    height:18px;
    width:61px;
    float:left;
}
#change-date:hover{
    background-position:0px -18px;
}

#change-date:active{
    background-position:0px -36px;
}
form input{
    font-family: Arial, Helvetica, sans-serif;
}
form fieldset {
    margin: 0;
    padding: 0;
}
.nonMember{
width: 790px;
margin: 0 auto;
}
.nonMember h2{
margin-top: 0;
}
body.iwgm .content-wrapper .nonMember h2{
margin-top: 15px;
}


#cancelOpPopup{
    width : 300px;
    margin : -70px 0 0 -150px;
    text-align : center;
    word-spacing : 25px;
}

#cancelOpPopup b{
    display : block;
    margin-bottom : 20px;
    text-align : left;
    word-spacing : normal;
    font-weight : normal;
}

#cancelOpPopup a{
    font-weight : bold;
}
/*
 *  SubContent
 */
div.subContent{
   float: right;	
   width: 320px;
}
div.subContent div.notice{
   margin-top: 5px;
}