@CHARSET "UTF-8"; .userApi {background: #A71827; height: 307px; min-width: 980px; overflow: hidden; position: relative; color: #CCCCCC; font-size: 11px;} .userApi p {margin: 6px 0;} .userApi a {color: #FFF;} .userApi a:focus {outline-style:none;} .userApi a img {padding: 0; margin: 0;} .userApi .left {color: #CCCCCC;} .userApi .right {color: #444} .userApi .left a {color: #FFF;} .userApi a:active {border: 0;} .userApi a:focus {border: 0;} .userApi .content {width: 912px; margin:13px auto 20px auto; height: 274px; min-width: 912px; overflow: hidden;} .userApi .left {width: 612px; float: left; height: 304px;} .userApi .right {width: 279px; float: left; margin: 0 0 0 20px;} .userApi .uclear {clear: both;} .userApi .uaerror {padding: 4px 8px; background: #ffefaf; color: #444444; font-size: 12px; display: none;} .userApi .uanotice {padding: 4px 8px; background: #ffefaf; color: #444444; font-size: 11px; display: none;} .userApi h1, .userApi h2, .userApi h3 {line-height: normal;} .userApi h1 {font-size: 18px; font-weight: bold; color: #CCCCCC;} .userApi h1.title {border-bottom: 1px solid #d41f32; margin:0; padding: 3px 0 6px 0;} .userApi form {} .userApi form label {display: block; line-height: 20px;} .userApi form label .black {color: #000;} .userApi form input {width: 225px; color: #444; border: 1px solid #5F000A; font-size: 11px; height: 17px; padding: 3px 6px 0 6px; margin: 0 0 3px 0; display: block;} .userApi form br {clear: both;} .userApi form input.checkbox {width: auto; padding: 0; margin:5px 10px 0 0; border: 0;} .userApi form input.radio {width: auto; padding: 0; margin: 0 12px 4px 0; border: 0; padding-top: 14px;} .userApi form .uafactions{line-height: 22px; color: #3DE1C7; clear: both;} .userApi form .uafactions div.linkoptions {margin: 7px 0 0 13px; float: left;} .userApi form .uafactions a {color: #3DE1C7;} .userApi form .button {margin-top: 7px; height: 22px; float: left;} .userApi form .afterbutton {margin: 7px 0 0 0; height: 22px; float:left; line-height: 22px; padding-left: 12px;} .userApi .left form {padding-top: 3px;} .userApi form .aftercheckbox {float: left; margin: 3px 0 0 0;} .userApi form .uanotice {margin: 7px 0 3px 0; float: left;} .userApi form .hidden {display: none;} .userApi .breadcrumb{height: 30px; margin: 7px 0 10px 0; float: left; line-height: 30px;} .userApi .breadcrumb div {text-indent: -10000px; background: url("../images/s.png?v1") no-repeat; height: 30px; float: left; margin-left: -7px;} .userApi .breadcrumb div a {display: block; height: 30px; margin: 0 5px; text-indent: -10000px;} .userApi .breadcrumb div.stlogo {background-position: 0 -114px; width: 116px; margin: 0;} .userApi .breadcrumb div.change-password {background-position: 0px -174px; width: 159px;} .userApi .breadcrumb div.account-options {background-position: -382px -144px; width: 149px;} .userApi .breadcrumb div.order-history {background-position: -159px -174px; width: 129px;} .userApi .breadcrumb div.buy-points {background-position: -226px -114px; width: 109px;} .userApi .breadcrumb div.buy-points-red {background-position: -117px -114px; width: 109px;} .userApi .breadcrumb div.specify-amount {background-position: 0px -144px; width: 142px;} .userApi .breadcrumb div.forgot-password {background-position: 0px -204px; width: 152px;} .userApi .breadcrumb div.points-history {background-position: -288px -174px; width: 125px;} .userApi .breadcrumb div.my-tools {background-position: -335px -114px; width: 95px;} .userApi .breadcrumb div.my-tools-red {background-position: -430px -114px; width: 95px;} .userApi .breadcrumb div.photosnack {background-position: -142px -144px; width: 116px;} .userApi .breadcrumb div.bannersnack {background-position: -258px -144px; width: 124px;} .userApi .breadcrumb div.podsnack {background-position: -152px -204px; width: 103px;} .userApi .right .rc form input.signinButton {border: 0; background: url("../images/s.png?v1") no-repeat 0px 0px; width: 78px; float: left; text-indent: -10000px;} .userApi .right .rc form input.signinButton:hover {background-position: -78px 0px;} .userApi .right .rc form input.signinButton:hover:active {background-position: -156px 0px;} .userApi .right .rc form input.registerButton {border: 0; background: url("../images/s.png?v1") no-repeat -234px 0px; width: 85px; float: left; text-indent: -10000px;} .userApi .right .rc form input.registerButton:hover {background-position: -319px 0px;} .userApi .right .rc form input.registerButton:hover:active {background-position: -404px 0px;} .userApi .loaderButtongreen {background:#75c3b8; border: 1px solid #a0a0a0;} .userApi .loaderButtonblack {background:#333; border: 1px solid #8b1421;} .userApi .button img {display: block; margin: 2px auto; width: 16px; height: 16px;} .userApi .buyPointsRight {border: 0; background: url("../images/s.png?v1") no-repeat -252px -44px; width: 97px; height: 22px; float: left; text-indent: -10000px;} .userApi .buyPointsRight:hover {background-position: -349px -44px;} .userApi .buyPointsRight:hover:active {background-position: -446px -44px;} #UA_dialog .buyPointsLeft, .userApi .buyPointsLeft {border: 0; background: url("../images/s.png?v1") no-repeat -26px -88px; width: 116px; height: 26px; float: left; text-indent: -10000px;} #UA_dialog .buyPointsLeft:hover, .userApi .buyPointsLeft:hover {background-position: -142px -88px;} #UA_dialog .buyPointsLeft:hover:active, .userApi .buyPointsLeft:hover:active {background-position: -258px -88px;} .userApi .updatePasswordButton {border: 0; background: url("../images/s.png?v1") no-repeat 0px -22px; width: 137px; height: 22px; float: left; text-indent: -10000px;} .userApi .updatePasswordButton:hover {background-position: -137px -22px;} .userApi .updatePasswordButton:hover:active {background-position: -274px -22px;} .userApi .updateAccountButton {border: 0; background: url("../images/s.png?v1") no-repeat -411px -22px; width: 126px; height: 22px; float: left; text-indent: -10000px;} .userApi .updateAccountButton:hover {background-position: -0px -44px;} .userApi .updateAccountButton:hover:active {background-position: -126px -44px;} .userApi .recoverPasswordButton {border: 0; background: url("../images/s.png?v1") no-repeat 0px -66px; width: 139px; height: 22px; float: left; text-indent: -10000px;} .userApi .recoverPasswordButton:hover {background-position: -139px -66px;} .userApi .recoverPasswordButton:hover:active {background-position: -278px -66px;} .userApi .loaderButton {border: 1px solid #B4B4B4; background: #F2F2F2; width: 72px; height: 20px; float: left;} .userApi .loaderButton img {width: 18px; height: 18px; margin: 1px auto; display: block;} .userApi .facebooklong {background: url("../images/s.png?v1") no-repeat -375px -88px; height: 21px; width: 169px; border: 0; cursor: pointer; display: block; text-indent: -10000px;} .userApi .connectWith a {width: 89px; height: 21px; margin: 0 10px 10px 0; float: left; text-indent: -10000px; background: url("../images/s.png?v1") no-repeat;} .userApi .connectWith a.yahoo {background-position: -252px -234px; width: 90px;} .userApi .connectWith a.facebook {background-position: -342px -234px; width: 89px;} .userApi .connectWith a.google {background-position: -431px -234px; width: 83px;} .userApi .connectWith br {clear: both;} .userApi .right .rc {background: #EBEBEB; border: 1px solid #FFF; height: 251px; color: #444;} .userApi .right .tabs {height: 21px; position: relative;} .userApi .right .tabs a.tab {float: left; padding: 0 17px; background: #D41F32; margin: 0 5px 0 0; border: 1px solid #D41F32; height: 19px; line-height: 19px;} .userApi .right .tabs a:hover.tab, .userApi .right .tabs a.selected {text-decoration: none; background: #EBEBEB; border: 1px solid #FFF; margin-bottom: -1px; height: 20px; border-bottom: 1px solid #EBEBEB; color: #444;} .userApi .right .tabs .colapse {height: 21px; line-height: 21px; background: url("../images/h.png?v1") no-repeat -290px 0; width: 55px; float: right; text-align: left; margin: 0 7px 0 0;} /* not logged */ .userApi .right .rc form{position: relative; padding: 6px 20px 0 20px;} .userApi .right .rc form input {width: 223px; border: 1px solid #B4B4B4; } .userApi .right .rc form label span {color: #8A8A8A; font-style:italic;} .userApi .right .rc form .uaerr {color: #D41F32; font-style: normal;} .userApi .right .rc a {color: #2CA18E;} .userApi .right .note {height: 26px; vertical-align: middle; display: table-cell; line-height: 13px; color: #919090; font-style:italic; margin: 0; padding: 0;} .userApi .right .rc form p.or {line-height: 28px; margin: 0; padding: 0;} .userApi .right .rc .accountcreated { padding: 8px 20px 8px 20px;} .userApi .right .rc .accountcreated p {padding: 8px 0; margin: 0;} .userApi .right .rc .accountcreated p span.imp {color: #d41f32;} /* logged */ .userApi .right .rc .points_info {height: 103px; margin: 20px 20px 12px 20px; border: 1px solid #676767; background: #8A111E;} .userApi .right .rc .points_info .upoints {padding:0 20px; font-size: 15px; color: #FFF; height: 54px; margin: 13px 0 3px 0;} .userApi .right .rc .points_info .upoints span.de {font-size: 10px; color: #EFEFEF; line-height: normal;} .userApi .right .rc .points_info .upoints .single {padding-top: 16px;} .userApi .right .rc .bp {padding: 0 20px; } .userApi .right .rc .bp a.readmore { color: #45FFE1; line-height: 22px; margin-left: 10px;} .userApi .right .rc .rmenu {padding: 2px 0 0 0; margin: 0 20px; font-size: 12px; line-height: 19px;} .userApi .right .rc .rmenu li {list-style: none; font-weight: bold;} .userApi .right .rc .rmenu li br {clear: both;} .userApi .right .rc .rmenu li a {float: left;} .userApi .right .tabs .screenname {float: left;height: 21px; line-height: 21px; margin: 0 0 0 20px; color: #CCCCCC;} .userApi .right .tabs .screenname span {float: left;} .userApi .right .tabs .screenname b.utypeicon {float: left; background: url("../images/s.png?v1") no-repeat; width: 16px; height: 16px; line-height: 16px; margin: 1px 5px 0 0;} .userApi .right .tabs .screenname b.yahoo {background-position: -478px -66px;} .userApi .right .tabs .screenname b.google {background-position: -494px -66px;} .userApi .right .tabs .screenname b.facebook {background-position: -510px -66px;} .userApi .right .tabs .screenname br {clear: both;} /* change password */ .userApi .changePasswordForm {float: left; width: 266px;} .userApi .cpErrorMessage {position: relative; float: left; width: 346px;} .userApi .cpErrorMessage div {position: absolute;} .userApi .cpErrorMessage .err1 {top: 23px} .userApi .cpErrorMessage .err2 {top: 68px} .userApi .cpErrorMessage .err3 {top: 113px;} /* forgot password */ .userApi .forgotPasswordForm {} .userApi .forgotPasswordForm .button {clear: both;} .userApi .forgotPasswordForm .uaerror, .userApi .forgotPasswordForm .uanotice {float: left; margin: 7px 0 3px 0;} /* account options */ .userApi .accountOptionsForm {position: relative;} .userApi .accountOptionsForm .uaerror {position: absolute; top: 68px; left: 270px;} .userApi .accountOptionsForm .updateAccountButton {clear: both; float: left;} /* order history */ .userApi .cancelRecurringProfile {margin: 0; padding: 6px 0 0 0;} .userApi .scrolltableheader {border: 1px solid #5E050E; margin-top: 10px;} .userApi .scrolltableheader th{ background: #8A111E; width: 122px; height: 29px; font-weight: normal; border-right:1px solid #5E050E; text-align: left; text-indent:20px; overflow: hidden;} .userApi .scrolltableheader th.last {border-right: 0; width: 84px;} .userApi .pointshistory th.last {width: 104px;} .userApi .scrolltable {border: 1px solid #5E050E; border-top:0; height: 185px; overflow: hidden; } .userApi .scrollprofile {height: 164px;} .userApi .scrolltable .scroller {height: 185px; padding: 0; background: #c51d2e;} .userApi .scrollprofile .scroller {height: 164px;} .userApi .scrolltable .odesc, .userApi .scrolltableheader .odesc {width: 184px;} .userApi .scrolltable .os, .userApi .scrolltableheader .os {width: 102px;} .userApi .scrolltable .od, .userApi .scrolltableheader .od {width: 104px;} .userApi .scrolltableheader .order_id, .userApi .scrolltable .order_id{width: 132px;} .userApi .scrolltable tr {height: 31px;} .userApi .scrolltable tr.last {height: 30px;} .userApi .scrolltable td {font-weight: normal; overflow: hidden; border-right:1px solid #5E050E; border-bottom:1px solid #5E050E; width: 122px; text-indent: 20px; height: 30px;} .userApi .scrolltable td.order_id {font-size: 9px;} .userApi .scrolltable td.order_id span {padding-left: 20px; color: #000;} .userApi .scrolltable td.order_id input {width: 107px; margin-left: 12px; font-size: 9px; float: left; display: none; background: #ffefaf; border: 1px solid #ffe991;} .userApi .scrolltable td.last{width: 70px;} .userApi .scrolltable td.noscroll {width: 84px; border-right: 0;} .userApi .scrolltable tr.last td{ border-bottom: 0;} .userApi .pointshistory td, .userApi .pointshistory th {width: 105px;} .userApi .pointshistory .desc {width: 316px;} .userApi .pointshistory .p {width: 74px;} .userApi .pointshistory .d {width: 113px;} .userApi .pointshistory td.last{width: 90px;} .userApi .pointshistory td.noscrool {width: 104px; border-right: 0;} /* buy points */ .userApi .buypoints {} .userApi .buypoints h3 {font-size: 15px; font-weight: normal; padding: 3px 0 10px 0; margin: 0; line-height: 18px;} .userApi .buypoints .normalp{width: 335px; font-size: 14px; float: left;} .userApi .buypoints .normalp div {height: 26px; background: #c51d2e; line-height: 26px; width: 152px; float: left; border-bottom: 1px solid #5E050E; border-left: 1px solid #5E050E; font-size: 11px;} .userApi .buypoints .recursivep div {height: 30px; border-bottom: 1px solid #5E050E; background: #c51d2e; line-height: 30px; width: 110px; float: left; border-left: 1px solid #5E050E;} .userApi .buypoints div.m1 {border-left: 1px solid #5E050E; width: 180px; border-right: 1px solid #5E050E;} .userApi .buypoints input.radio {margin: 6px 0 0 40px; float: left; padding: 0; _display:inline;} .userApi .buypoints .recursivep input.radio {margin: 6px 0 0 14px;} .userApi .buypoints label.pts {margin: 0 0 0 10px; float: left; line-height: 26px;} .userApi .buypoints .recursivep {float: left; font-size: 9px; line-height: 30px;} .userApi .buypoints .recursivep label {margin: 0 0 0 10px; line-height: 30px;} .userApi .buypoints .recursivep div.m1 {font-size: 9px; width: 110px; text-align: center;} .userApi .buypoints span.price {margin: 0 0 0 40px;} .userApi .buypoints .recursivep div.m1 span.price {margin: 0; padding: 0;} .userApi .buypoints span.price em {color: #000; font-style: normal;} .userApi .buypoints .orp {float: left; margin: 50px 0 0 0; font-size: 12px; width: 41px; text-align: center;} .userApi .buypoints a.createsubscription {line-height:24px; font-size: 11px;} .userApi .buypoints p.pinf {margin: 0; padding: 0; line-height: normal; font-size: 10px; color: #000; font-style: italic;} .userApi .buypoints .normalp div.plinfo {background: transparent; width: auto; margin: 10px 0 0 0 ; line-height: 26px; font-size: 11px; border: 0;} .userApi .buypoints .normalp div.plinfo p {margin-top: 6px;} .userApi .buypoints .specamount {width: 304px;} .userApi .buypoints .specamount div{text-align: center; width: 163px;} .userApi .buypoints .specamount div.m1 {width: 138px;} .userApi .buypoints .specamount .pinf {font-size: 11px;} .userApi .buypoints .specamount div.plinfo {height: auto; margin-bottom: 5px; position: relative;} .userApi .buypoints .specamount div.plinfo * {float: left; line-height: 26px; margin-right: 10px;} .userApi .buypoints .specamount div.uaerror {padding: 0 10px; background: #ffefaf; color: #444444; font-size: 12px; display: none; height: auto; position: absolute; left: 240px; text-align: left; width: 234px;} .userApi .buypoints input.selpoints {width: 44px; text-align: center; margin-top: 2px; border: 1px solid #8b1421;} /* icons */ .userApi .icons {margin: 0 0 0 10px;} .userApi .icons a {float: left; text-align: center; margin:15px 5px 0 5px; width: 94px; } .userApi .left .icons a{color: #FFF;} .userApi .icons a span {width: 64px; height: 64px; display: block; background: url("../images/i.png?v1") no-repeat; margin: auto;} .userApi .icons a em {text-align: center; display: block; margin: 7px 0 0 0; font-style: normal; color: #FFF;} .userApi .icons a span.my-tools {background-position: 0 0;} .userApi .icons a span.account-options {background-position: -64px 0;} .userApi .icons a span.buy-points {background-position: -128px 0;} .userApi .icons a span.order-history {background-position: -192px 0;} .userApi .icons a span.points-history {background-position: -256px 0;} .userApi .icons a span.referal-program {background-position: 0 -64px;} .userApi .icons a span.bannersnack {background-position: -64px -64px;} .userApi .icons a span.photosnack {background-position: -128px -64px;} .userApi .icons a span.make-a-slideshow {background-position: -192px -64px;} .userApi .icons a span.my-slideshows {background-position: -256px -64px;} .userApi .icons a span.my-published-slideshows {background-position: 0 -128px;} .userApi .icons a span.make-a-banner {background-position: -64px -128px;} .userApi .icons a span.my-banners {background-position: -128px -128px;} .userApi .icons a span.my-published-banners {background-position: -192px -128px;} .userApi .icons a span.podsnack {background-position: -256px -128px;} .userApi .icons a span.make-a-playlist {background-position: 0px -192px;} .userApi .icons a span.my-playlists {background-position: -64px -192px;} .userApi .icons a span.my-published-playlists {background-position: -128px -192px;} /* home */ .userApi .home .terminals {padding: 20px 0 0 0;} .userApi .home .terminals a{ width: 134px; height: 132px; float: left; background: url("../images/home_icons.png?v1") no-repeat; margin: 0 18px 0 0;} .userApi .home .terminals a.bannersnack{background-position: 0 0;} .userApi .home .terminals a:hover.bannersnack {background-position: 0 -132px;} .userApi .home .terminals a:active.bannersnack {background-position: 0 0;} .userApi .home .terminals a.photosnack{background-position: -134px 0;} .userApi .home .terminals a:hover.photosnack {background-position: -134px -132px;} .userApi .home .terminals a:active.photosnack {background-position: -134px 0;} .userApi .home .terminals a.podsnack {background-position: -268px 0;} .userApi .home .terminals a:hover.podsnack {background-position: -268px -132px;} .userApi .home .terminals a:active.podsnack {background-position: -268px 0;} .userApi .home .terminals br {clear: both;} #userApiHeader {float: right; text-align: right; font-size: 11px; position: relative;} #userApiHeader .uhco {display: none; height: 32px; text-align: right;} #userApiHeader .uhco a.collapse {display: block; color: #FFF;} #userApiHeader .uhco a.collapse span{background: url("../images/h.png?v1") no-repeat -290px 0; width: 55px; text-align: left; height: 21px; line-height: 21px; margin: 3px 5px 0 0; float: right; color: #FFF;} #userApiHeader td.terminalCustom {padding-right: 5px;} #userApiHeader table{border: 0;} #userApiHeader td {height: 32px; padding: 0; vertical-align: top;} #userApiHeader td.left {background: url("../images/h.png?v1") no-repeat -87px 0px; width: 3px;} #userApiHeader td.right {background: url("../images/h.png?v1") no-repeat -82px 0px; width: 3px;} #userApiHeader .uaheadercontent {background: #D41F32;} #userApiHeader .uahlinks {color: #FFF; text-align: right; margin:4px 15px 0 15px; float: left; height: 28px;} #userApiHeader .uahlinksnotlogged {margin:4px 5px 0 15px;} #userApiHeader .uahlinksnotlogged a {margin: 0 3px;} #userApiHeader .uahlinks a{ float: left;} #userApiHeader .uahlinks span {float: left; width: 11px; text-align: center; padding: 2px 0 0 0;} #userApiHeader .pos br {clear: both;} #userApiHeader .uahlinks a{color: #FFF; padding: 2px 0 0 0;} #userApiHeader .uahlinks a.signinbutton {margin: 0 11px 0 0;} #userApiHeader .uahlinks span {color: #D4868E;} #userApiHeader .uahlinks span.points {color: #FFF; font-weight: bold; width: auto;} #userApiHeader .uahlinks span.points a{float: left; padding: 0;} #userApiHeader a.connectIcon {width: 20px; height: 20px; float: left; margin: 1px 6px 0 2px; padding: 0; background: url("../images/h.png?v1") no-repeat;} #userApiHeader a.facebookIcon {background-position: -90px 0;} #userApiHeader a.googleIcon {background-position: -110px 0;} #userApiHeader a.yahooIcon {background-position: -130px 0;} #userApiHeader a.stlogo {line-height:26px; text-indent:-10000px; text-align:left; width: 82px; height: 26px; float: left; background: url("../images/h.png?v1") no-repeat; margin: 3px 17px 0 2px; color: #FFF; text-decoration: none; } #userApiHeader a.stlogohoverclosed{background-position: -179px 0px; text-align: left; text-decoration: underline; text-indent: 33px; line-height: 20px; _text-indent: 0px;} #userApiHeader .terminalCustom div.atop {margin-top: 6px;} #userApiHeader .userApiPhotosnackCustom span {color: #A3A3A3;} .userApi a.googleConnect, .userApi a.facebookConnect {text-indent: -9999px; font-size: 0px; line-height: 0;} /* scrollbar css */ .jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1; padding: 0;} .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #C51D2E; } .jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; background: #8A111E; border: 1px solid #AF1929; width: 11px;} .jScrollPaneDrag:hover{background: #991221;} .jScrollPaneDragTop { position: absolute; top: 50%; left: 3px; overflow: hidden; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; height: 1px; line-height: 1px; background: #5E050E; width: 5px;} .jScrollPaneDragBottom { position: absolute; bottom: 50%; left: 3px; overflow: hidden; border-top: 1px solid #5E050E; border-bottom: 1px solid #5E050E; height: 1px; line-height: 1px; background: #EBEBEB; width: 5px;} a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 13px; background: url("../images/s.png?v1") no-repeat 0px -101px; border-bottom: 1px solid #5E050E;} a.jScrollArrowUp:hover {background-position: -13px -101px;} a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background-color: #666; height: 9px; border-top:1px solid black; height: 10px; background: url("../images/s.png?v1") no-repeat 0px -88px; height: 13px;} a.jScrollArrowDown:hover {background-position: -13px -88px;} /* dialog */ #UA_dialog {font-size: 14px;} #UA_dialog a {color: #2ca18e;} #UA_dialog .ui-dialog-content {padding: 10px 30px; font-size: 14px;} #UA_dialog .ui-dialog-content .unotice {background: #ffffce; color: #444; line-height: 18px; border: 1px solid #f9d52f; padding: 5px 9px; font-size: 12px;} #UA_dialog .ui-dialog-content .unotice .imp {color: #2a2a2a; font-weight: bold;} #UA_dialog .ui-dialog-content .unotice .imp span {color: #d41f32; } #UA_dialog_buypoints .buypointspopin .leftbuy{float: left; width: 332px;} #UA_dialog_buypoints .buypointspopin table.buypoints{border-left: 1px solid #c6c6c6; border-top: 1px solid #c6c6c6; width: 100%;} #UA_dialog_buypoints .buypointspopin table.buypoints td{border-right: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6;} #UA_dialog_buypoints .buypointspopin table.buypoints tr {height: 30px;} #UA_dialog_buypoints .buypointspopin table.buypoints input{ float: left; margin: 2px 20px 0 35px} #UA_dialog_buypoints .buypointspopin table.buypoints label{ float: left;} #UA_dialog_buypoints .buypointspopin .leftbuy .f {width: 152px;} #UA_dialog_buypoints .buypointspopin .leftbuy .l {text-align: center;} #UA_dialog_buypoints .buypointspopin .leftbuy .l em {font-style: normal; color: #9a9a9a;} #UA_dialog_buypoints .buypointspopin .orp {float: left; margin-top: 59px; width: 42px; text-align: center;} #UA_dialog_buypoints .buypointspopin .rightbuy {float: left; width: 235px;} #UA_dialog_buypoints .buypointspopin .rightbuy table.buypoints {font-size: 9px;} #UA_dialog_buypoints .buypointspopin .rightbuy table.buypoints tr{height: 29px;} #UA_dialog_buypoints .buypointspopin .rightbuy table.buypoints input {margin: 0px 15px 0 13px;} #UA_dialog_buypoints .buypointspopin .specamount div.plinfo * {float: left; line-height: 26px; margin-right: 10px;} #UA_dialog_buypoints .buypointspopin .specamount div.plinfo label {font-size: 15px;} #UA_dialog_buypoints .buypointspopin .specamount div.plinfo input {height: 17px; padding-top: 3px; font-size: 11px; border: 1px solid #c6c6c6; margin-top: 2px; width: 38px; text-align: center;} #UA_dialog_buypoints .buypointspopin .specamount table.buypoints {width: 361px;} #UA_dialog_buypoints .buypointspopin .specamount table.buypoints td {width: 179px; text-align: center;} #UA_dialog_buypoints .unotice {margin-top: 6px;} #UA_dialog .uclear {clear: both;} #UA_dialog h3 {font-size: 15px; font-weight: normal; margin: 0; padding: 0; line-height: 40px;} #UA_dialog_buypoints .buypointspopin div.plinfo {background: transparent; width: auto; margin: 9px 0 0 0 ; line-height: 26px; font-size: 11px;} #UA_dialog_buypoints .buypointspopin p.pinf {margin: 6px 0 0 0; color: #9a9a9a; font-size: 11px; padding: 0; line-height: normal;} #UA_dialog_buypoints .buypointspopin a.createsubscription {line-height:24px; font-size: 11px;} #UA_dialog .button_cancel {} #UA_dialog .button_cancel {border: 0; background: url("../images/s.png?v1") no-repeat 0 -234px; width: 84px; height: 32px; float: left; text-indent: -10000px; cursor: pointer; float: right; margin: 11px 25px 0 0;} #UA_dialog .button_cancel:hover {background-position: -84px -234px;} #UA_dialog .button_cancel:hover:active {background-position: -168px -234px;} /* dialog */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-widget-overlay { background: #5c5c5c 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); } .ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #cccccc url(images/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 8px; -webkit-border-radius: 8px; } .ui-dialog {border: 1px solid #C6C6C6; background-color: #FFFFFF; width: 400px;} #UA_dialog .ui-dialog-titlebar {padding: 0 20px 0 27px; line-height: 41px; background: #E9E9E9; border-bottom: 1px solid #C6C6C6; color: #333333; font-size: 14px;font-weight:bold;} #UA_dialog .ui-dialog-buttonpane {background: #E9E9E9; border-top: 1px solid #C6C6C6; height: 55px;} #UA_dialog .ui-dialog-buttonpane .not_show_again {padding: 16px 0px 0px 27px; color: #3F3F3F; font-size: 12px; float: left;} #UA_dialog .ui-dialog-content {padding: 10px 27px; color: #3F3F3F; font-size: 12px;} #UA_dialog .ui-dialog-titlebar-close {display: none;} /* tell user to login */ .UA_tutl_main {position: absolute; top: 0; display: none;} .UA_tutl_content {position: absolute; height: 86px; width: 778px; left: 0; background: url("../images/p.png?v1") 0 0 no-repeat; z-index: 1000;} .UA_tutl_content a.close {float: right; margin: 13px 16px 0 0; font-size: 11px; color: #2ca18e; width: 30px;} .UA_tutl_content div {float:left; text-align: center; padding: 22px 0 0 0; font-size: 15px; width: 675px; line-height: 21px; margin: 0 0 0 50px;} .UA_tutl_arrow {position: absolute; z-index: 999; left: 612px; width: 66px; height: 63px; background: url("../images/p.png?v1") -778px 0 no-repeat; top: 25px;} /* temp */ #UA_TempData {background: #ffffce; padding: 3px 0 4px 0; font-size: 11px; color: #2c2c2c;} #UA_TempData div {width: 912px; margin: auto; text-align: center;}