*{outline: none} input{outline: none} body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background-color: #fff; } a{color: #00f} a.noUnderline{text-decoration: none} .break{clear: both; font-size: 1%; height: 1px; margin: 1px 0 0 0} .nextToSidebar{float: left; width: 770px; margin: 10px 0 0 0} .nextToSidebar.top15{margin-top: 15px} .windowNextToSidebar{position: relative; float: left; width: 770px; margin: 10px 0 0 0; background: url('/images/whiteWindow.png') bottom left no-repeat #fff; font-family: Verdana;} .windowNextToSidebar .rightBorder{padding: 20px 20px 20px 10px; margin-left: 20px; width: 720px; min-height: 100px; background: url('/images/whiteWindow.png') bottom right no-repeat #fff} .windowNextToSidebar .topBorder{position: absolute; top: 0; left: 0; height: 20px; width: 770px; background: url('/images/whiteWindow.png') top left no-repeat #fff;} .windowNextToSidebar .topBorder div{position: absolute; top: 0; right: 0; height: 20px; width: 10px; background: url('/images/whiteWindow.png') top right no-repeat #fff;} .sidebar{width: 202px; float: left; background-color: #fff; margin: 0 13px 0 0; min-height: 100px} .sidebarR{width: 202px; float: right; background-color: #fff; border: 1px solid #aaa; margin: 10px 0 0 13px; min-height: 100px} .nextToSidebarR{float: right; width: 770px; margin: 10px 0 0 0} .noticeBox, .errorBox, .ecardRecipientNoticeBox{text-align: center; padding: 8px 10px; font-weight: bold; font-size: 13px; margin: 10px auto} .noticeBox{border: 1px solid #006600; background-color: #c8eeae; color: #006600} .errorBox{border: 1px solid #cc0033; background-color: #fee2e6; color: #cc0033} .ecardRecipientNoticeBox{border: 1px solid #719df9; background-color: #e7effd; color: #3373f7} img.smallSpinner{height: 16px; vertical-align: middle} li.active, a.active{color: #f00} .center{text-align: center} .required{text-align: right} .required span{color: red} .graySidebar{position: relative; float: left; width: 199px; background-color: #e8e8e8; padding: 5px 0; margin: 10px 16px 10px 0; font-family: Verdana} .graySidebar .top{position: absolute; width: 199px; height: 3px; top: 0; left: 0; background: url('/images/icons.png?8') -377px -392px no-repeat #fff} .graySidebar .bottom{position: absolute; width: 199px; height: 3px; bottom: 0; left: 0; background: url('/images/icons.png?8') -377px -395px no-repeat #fff} .graySidebar ul li.borderBottom{border-bottom: 1px solid #fff; padding-bottom: 10px;} .graySidebar ul li.borderTop{border-top: 1px solid #d4d4d4; padding-top: 10px} .graySidebar ul{margin: 0;} .graySidebar ul li{list-style-type: none; margin: 0; padding-left: 10px;} .graySidebar ul li h2{padding: 0; margin: 0; font-weight: normal; font-size: 14px;} .graySidebar ul li a{text-decoration: none; color: #000;} .graySidebar ul li a.active{font-weight: bold; text-decoration: underline; } .graySidebar ul li ul{margin-top: 10px;} .graySidebar ul li ul li{margin: 7px 0;} .graySidebar ul li ul li a{font-size: 12px} .graySidebar ul li ul li ul{margin: 5px 0 10px 0} .graySidebar ul li a.link{display: block; margin-top: 10px} .graySidebar2{position: relative; float: left; width: 199px; background-color: #fff; padding: 0; margin: 10px 16px 10px 0; font-family: Verdana; border: 1px solid #e8e8e8; border-radius: 7px; overflow: hidden;} .graySidebar2 ul{margin: 0;} .graySidebar2 ul li{list-style-type: none; margin: 0; padding: 0} .graySidebar2 ul li h2{padding: 5px 10px; margin: 0; font-weight: normal; font-size: 14px; background-color: #f8f8f8; border-bottom: 1px solid #e8e8e8} .graySidebar2 ul li a{text-decoration: none; color: #000;} .graySidebar2 ul li a.active{font-weight: bold; text-decoration: underline; } .graySidebar2 ul li ul{padding: 0 0 0 10px} .graySidebar2 ul li ul li{margin: 7px 0;} .graySidebar2 ul li ul li a{font-size: 12px} .graySidebar2 ul li ul li ul{margin: 5px 0 10px 0} .graySidebar2 ul li a.link{display: block; margin-top: 10px} .rightAdsense{float: right; width: 160px; margin: 0 0 10px 15px; height: 600px;} .sortBox{background-color: #eff4f8; border: 1px solid #cecccd; padding: 7px; overflow: hidden; font-family: Verdana; margin-bottom: 15px} .sortBox h4{float: left; font-size: 12px} .sortBox ul{float: left; margin: 0 0 0 15px} .sortBox li{list-style-type: none; float: left; margin-right: 10px; font-size: 12px} .sortBox li a{color: #000; text-decoration: none} .sortBox li a.active{text-decoration: underline} #callReminderNotifyForm{color: #092177} .yellowCloud{background-color: #fff9a7; border: 1px solid #febb3e; position: relative; float: right; width: 270px; padding: 11px; margin: 10px} .yellowCloud .topLeft{position: absolute; width: 11px; height: 11px; top: -1px; left: -1px; background: url('/images/icons.png?8') -165px -12px no-repeat #fff; font-size: 1%} .yellowCloud .topRight{position: absolute; width: 11px; height: 11px; top: -1px; right: -1px; background: url('/images/icons.png?8') -176px -12px no-repeat #fff; font-size: 1%} .yellowCloud .bottomLeft{position: absolute; width: 11px; height: 11px; bottom: -1px; left: -1px; background: url('/images/icons.png?8') -165px -23px no-repeat #fff; font-size: 1%} .yellowCloud .bottomRight{position: absolute; width: 11px; height: 11px; bottom: -1px; right: -1px; background: url('/images/icons.png?8') -176px -23px no-repeat #fff; font-size: 1%} .yellowCloud .beak{position: absolute; width: 57px; height: 19px; bottom: -19px; right: 40px; background: url('/images/icons.png?8') -905px 0 no-repeat #fff; font-size: 1%} .yellowCloud .leftBeak{position: absolute; width: 26px; height: 21px; top: 100px; left: -26px; background: url('/images/icons.png?8') -962px 0 no-repeat #fff; font-size: 1%} .ui-draggable:hover{cursor: move} #topMenu, #submenu, #main_container, #footer{ width: 985px; margin: 0 auto; overflow: hidden; } #header{width: 985px; margin: 0 auto; background-color: transparent; text-align: left; height: 97px; position: relative;} #header h2{position: absolute; top: 67px; left: 123px; font-family: Verdana; font-size: 18px; letter-spacing: 0.5px; font-weight: normal; padding: 0; margin: 0} #header h2 a{color: #000; text-decoration: none;} #header #neck{width: 20px; height: 13px; background: url('/images/icons.png?8') -116px -39px no-repeat transparent; position: absolute; top: 85px; left: 62px;} #notLogged{width: 370px; height: 32px; position: absolute; top: 15px; left: 470px} #notLogged li{list-style-type: none; float: left; display: block; margin-right: 40px;} #notLogged li a{text-decoration: none; color: #184188; font-size: 14px; font-weight: bold; position: relative;} #notLogged li.signIn a span{display: block; width: 39px; height: 32px; background: url('/images/icons.png?8') 0 0 no-repeat transparent; margin: 0 auto;} #notLogged li.signUp a span{display: block; width: 30px; height: 32px; background: url('/images/icons.png?8') -43px 0 no-repeat transparent; margin: 0 auto;} #notLogged li.fbSignIn a span{display: block; width: 32px; height: 31px; background: url('/images/icons.png?8') -604px -453px no-repeat transparent; margin: 1px auto 0 auto;} #notLogged li.bramkaSms a span{display: block; width: 42px; height: 32px; background: url('/images/icons.png?8') -700px -500px no-repeat transparent; margin: 0 auto;} #notLogged.kartkipl{width: 475px;} #notLogged.kartkipl li{margin-right: 35px} #sidebarFbLoginBox{margin: 10px 0 20px 0; text-align: center} #loggedIn{width: 366px; height: 19px; padding: 3px 20px; position: absolute; top: 0; left: 468px; background: url('/images/icons.png?8') 0 -657px no-repeat transparent; overflow: hidden;} #loggedIn div{float: left; width: 260px; text-align: center; overflow: hidden} #loggedIn div.logout{width: 100px;} #loggedIn a{color: #000} #loggedInOptions{width: 420px; height: 20px; position: absolute; top: 50px; left: 455px; margin: 0; color: #164364;} #loggedInOptions>li {list-style-type: none; float: left; text-align: center; padding-top: 12px; position: absolute; top: 0; z-index: 1;} #loggedInOptions>li.active{background-image: url('/images/icons.png?8');} #loggedInOptions>li.active ul, #loggedInOptions>li.active>div{display: block} #loggedInOptions>li>a{color: #706f6f; font-weight: bold; text-decoration: none; margin-right: 6px; color: #164364;} #loggedInOptions>li ul{display: none; margin: 0; position: absolute; z-index: 5; margin: 35px 0 0 20px;} #loggedInOptions li.myAccount{width: 174px; background-position: -1242px -399px;} #loggedInOptions li.myAccount.active{height: 180px;} #loggedInOptions li.cardsArchive{width: 243px; left: 105px; background-position: -1242px 0;} #loggedInOptions li.cardsArchive.active{height: 175px;} #loggedInOptions li.myCart{width: 212px; left: 265px; background-position: -1242px -187px;} #loggedInOptions li.myCart.active{height: 200px;} #loggedInOptions li ul li{line-height: 18px; overflow: hidden; text-align: left; margin-bottom: 10px} #loggedInOptions li ul li div, #loggedInOptions>li .lnk div{width: 18px; height: 18px; background: url('/images/icons.png?8') -377px -151px; float: left; margin-right: 5px;} #loggedInOptions li ul li a{color: #164364} #loggedInOptions li.myCart{color: #164364;} #loggedInOptions>li>div{display: none; margin: 0; position: absolute; z-index: 5; margin: 10px 0 0 20px; width: 172px; font-size: 14px} #loggedInOptions>li>div h3{font-size: 14px; text-align: center; padding-bottom: 5px;} #loggedInOptions>li .cnt span{font-size: 40px;} #loggedInOptions>li .lnk{margin: 10px 0 0 25px;} #loggedInOptions>li .lnk a{float: left;} #changeLanguageMenu{position:absolute; top: 36px; right: 10px; z-index: 3} #changeLanguageMenu .lang{float: left; margin-right: 5px; width: 37px; height: 21px; background: url('/images/icons.png?8') 0 -50px no-repeat #fff;} #changeLanguageMenu #lang_de{background-position: 0 -340px} #changeLanguageMenu #lang_en{background-position: 0 -365px} #changeLanguageMenu #lang_es{background-position: 0 -390px} #changeLanguageMenu #lang_fr{background-position: 0 -415px} #changeLanguageMenu #lang_it{background-position: 0 -440px} #changeLanguageMenu #lang_in{background-position: 0 -465px} #changeLanguageMenu #lang_pl{background-position: 0 -490px} #changeLanguageMenu #lang_ru{background-position: 0 -515px} #changeLanguageMenu #lang_ua{background-position: -377px -501px} #changeLanguageMenu a{display: block; background: url('/images/icons.png?8') 0 -320px no-repeat transparent; text-indent: 12px; color: #000; clear: both;} #changeLanguage{display: none; position: absolute;} #changeLanguageList{margin: 0} #changeLanguageList li{list-style-type: none; display: block; margin: 25px 45px 25px 35px; } #changeLanguageList li a{display: block; height: 21px; color: #000; background-image: url('/images/icons.png?8'); background-repeat: no-repeat; padding-left: 42px; padding-top: 2px;} #changeLanguageList #language_de{background-position: 0 -340px} #changeLanguageList #language_en{background-position: 0 -365px} #changeLanguageList #language_es{background-position: 0 -390px} #changeLanguageList #language_fr{background-position: 0 -415px} #changeLanguageList #language_it{background-position: 0 -440px} #changeLanguageList #language_in{background-position: 0 -465px} #changeLanguageList #language_pl{background-position: 0 -490px} #changeLanguageList #language_ru{background-position: 0 -515px} #changeLanguageList #language_ua{background-position: -377px -501px} #languages{position: absolute; background-color: #fff; display: none; border: 1px solid #aaa; z-index: 15} #topMenu {overflow: hidden; height: 37px; background: url('/images/vbg.png?1') 0 0 repeat-x #1162aa; position: relative;} #topMenu li{list-style-type: none; vertical-align: middle; float: left} #topMenu h2, #submenu h2{font-size: inherit; padding: 0; font-weight: normal;} #topMenu li a{ display: block; height: 27px; color: #fff; font-weight: bold; text-decoration: none; padding: 7px 0 0 0; text-align: center; font-size: 14px; border-left: 1px solid #002b71; margin: 2px 0 1px 0; width: 134px; } #topMenu li.icon{width: 38px; height: 37px; margin-top: 0px; background: url('/images/icons.png?8') -75px 0 no-repeat #fff} #topMenu li.icon2{width: 38px; height: 37px; margin-top: 0px; background: url('/images/icons.png?8') -113px 0 no-repeat #fff} #topMenu li.icon2 a{width: 38px; height: 36px; padding: 0; margin: 0} #topMenu li.first a{border-left: none} /* #topMenu li.last{position: relative} #topMenu li.last a{padding: 7px 45px 0 45px} */ #topMenu li.last div{width: 5px; height: 37px; background: url('/images/icons.png?8') -155px 0 no-repeat #fff; position: absolute; top: 0; right: 0;} #topMenu li a.active{background: url('/images/vbg.png?1') 0 -37px repeat-x #1162aa; color: #000; height: 26px; border: 1px solid #a4a5a8; margin: 1px 0;} #submenu{display: table; height: 31px; background: url('/images/vbg.png?1') 0 -67px repeat-x #efefef; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; width: 983px} #submenu li{list-style-type: none; display: block; text-align: center; width: 245px; float: left} #submenu li a{ font-size: 14px; display: block; border-right: 0px solid #e1e1e1; border-top: none; padding: 4px 0 0 0; margin: 0; height: 26px; color: #000; text-decoration: none; } #submenu li a:hover{background: url('/images/vbg.png?1') 0 -37px repeat-x #b1b1b1; border-bottom: 1px solid #b1b1b1;} #submenu li a.active{background: url('/images/vbg.png?1') 0 -37px repeat-x #b1b1b1; font-weight: bold; border: 1px solid #b1b1b1; border-top: none;} #footer{background: url('/images/vbg.png?1') 0 -97px repeat-x #fff; text-align: center; margin-top: 10px; min-height: 157px; font-family: verdana} #footer h2{font-size: 15px; padding-bottom: 25px} #footer h2 span{font-weight: normal; margin-left: 20px;} #footer ul{overflow: hidden; margin: 0 0 0 20px; padding: 0; text-align: left;} #footer ul li ul{margin: 5px 0 0 0} #footer ul li{list-style-type: none; margin-right: 33px; margin-bottom: 5px; font-size: 11px} #footer li.header{font-weight: bold; float: left;} #footer li a{text-decoration: none; font-weight: normal; color: #000;} #footer li a:hover{text-decoration: underline;} #footer #icons{width: 850px; height: 51px; margin: 20px auto 10px auto} #footer #icons li{list-style-type: none; float: left; margin: 0 7px; display: block; height: 46px; background: url('/images/images.jpg?3') 0 -990px no-repeat #fff;} #footer #icons #flogo1{width: 108px; background-position: 0 -990px} #footer #icons #flogo2{width: 146px; background-position: -124px -990px} #footer #icons #flogo7{width: 123px; background-position: -652px -990px} #footer #icons #flogo8{width: 97px; background-position: -788px -990px} #footer #icons #flogo1:hover{background-position: 0 -1036px} #footer #icons #flogo2:hover{background-position: -124px -1036px} #footer #icons #flogo7:hover{background-position: -652px -1036px} #footer #icons #flogo8:hover{background-position: -788px -1036px} #footer #icons #ftext{width: 300px; text-align: center;} #footer #icons #ftext{font-weight: bold; color: #666668; background-image: none; font-size: 13px; padding-top: 5px} .standardForm{margin: 10px 0; line-height: 1em;} .standardForm fieldset{border: none} .standardForm fieldset>div{clear: both; margin-bottom: 10px} .standardForm fieldset div label{width: 150px; display: block; float: left; text-align: right} .standardForm fieldset div label.noFloat{float: none;} .standardForm fieldset div label.oneLine{display: inline; float: none} .standardForm fieldset div label span{color: red} .standardForm fieldset div input{margin-left: 5px} .standardForm fieldset div input[type="text"], .standardForm fieldset div input[type="password"], .standardForm fieldset div input[type="file"]{width: 300px} .standardForm fieldset div input.auto{width: auto; margin-left: 5px} .standardForm fieldset div input.short{width: 10em} .standardForm fieldset div input.tiny{width: 3em} .standardForm fieldset div input.number{text-align: right} .standardForm fieldset input[type="submit"], .standardForm fieldset input[type="button"]{margin-left: 155px} .standardForm fieldset div textarea{width: 550px; height: 200px; margin-left: 5px} .standardForm fieldset div select{margin-left: 5px} .standardForm fieldset div ul.radio_list li{display: inline; padding-left: 5px;} .standardForm fieldset div ul.radio_list li label{display: inline; float: none;} .standardForm fieldset div .form_error{margin: 0 0 0 155px; font-size: 0.8em; color: #f00;} .standardForm fieldset div .formHint{margin: 0 0 0 155px; font-size: 0.8em; color: #aaa;} .standardForm fieldset div .formErrors{margin: 0 0 0 155px; padding: 0; font-size: .9em; color: #f00; list-style-type: none} .standardForm fieldset div .error_list{margin-left: 155px} .standardForm fieldset div .error_list li{color: red; background: none; padding: 0; list-style: none;} .standardForm fieldset div .formErrors li{color: red; background: none; padding: 0; list-style: none;} fieldset.bordered{border: 1px solid #aaa; border-radius: 10px; padding: 10px 0} fieldset.bordered legend{margin-left: 10px; padding: 0 10px;} img.captcha{vertical-align: middle; margin-left: 10px} div.captcha label{margin-top: 6px} .standardForm fieldset div.captcha input.captcha{width: 60px} .pagerBox{margin: 10px; text-align: center;} .pager{margin: 20px 0 10px 0; text-align: center; overflow: hidden; float: left} .pager a.page{font-size: 14px; display: block; width: 30px; height: 26px; padding: 6px 1px 0 1px; background: url('/images/icons.png?8') 0 -65px no-repeat transparent; float: left; margin: 6px 1px 1px 1px; text-decoration: none; color: #000} .pager span, .pager a{float: left; font-size: 14px; padding-top: 12px} .pager a{color: #000; text-decoration: none} .pager span.current{font-size: 16px; font-weight: bold; width: 46px; height: 34px; padding: 12px 1px 0 1px; margin: 0 5px; display: block; float: left; background: url('/images/icons.png?8') -35px -65px no-repeat transparent;} .pager a.previous{margin-right: 10px} .pager a.next{margin-left: 10px} .blueBtn{border: none; width: 169px; height: 36px; background: url('/images/icons.png?8') -169px -540px no-repeat transparent; color: #fff; padding-top: 9px; margin: 5px auto 0 auto; text-decoration: none; font-weight: bold;} .blueBtnSmall{border: none; width: 150px; height: 32px; background: url('/images/icons.png?8') -550px -540px no-repeat transparent; color: #fff; margin: 5px auto 0 auto; text-decoration: none; font-size: 14px} .blueBtnTiny{border: none; width: 100px; height: 24px; background: url('/images/icons.png?8') -550px -505px no-repeat transparent; color: #fff; margin: 5px auto 0 auto; text-decoration: none; font-size: 12px} a.blueBtn{display: block; text-align: center; padding-top: 11px; height: 25px; margin-top: 0;} a.blueBtnSmall{display: block; text-align: center; padding-top: 7px; height: 25px;} a.blueBtnTiny{display: block; text-align: center; padding-top: 1px; padding-right: 3px; height: 23px; width: 97px;} .redBtnSmall{border: none; width: 150px; height: 32px; background: url('/images/icons.png?8') -700px -540px no-repeat transparent; color: #fff; margin: 5px auto 0 auto; text-decoration: none; font-size: 14px} .yellowBtn{border: none; width: 204px; height: 36px; background: url('/images/icons.png?8') -340px -540px no-repeat transparent; color: #000; padding-top: 3px; margin: 5px auto 0 auto; text-decoration: none; font-weight: bold;} a.yellowBtn{display: block; text-align: center; font-size: 14px; padding-top: 10px; height: 26px} form div.imageBox{margin-left: 155px} form div.imageBox label{float: none; display: inline} form div.imageBox img{margin: 0; border: 1px solid #ddd; padding: 3px} form div.imageBox input{margin-left: 0} .twoColumnsBox{ width: 953px; position: relative; background: url('/images/whiteWindow2.png') 0 0 no-repeat transparent; padding: 4px 4px 14px 4px; margin: 40px 15px; } #nyroModalContent .twoColumnsBox{margin: 5px 15px} #nyroModalContent{border-radius: 10px !important} .twoColumnsBox .bottom{width: 961px; position: absolute; height: 14px; bottom: -14px; left: 0; background: url('/images/whiteWindow2.png') 0 -1952px no-repeat transparent;} .twoColumnsBox .leftColumn{height: 100%; border-right: 1px solid #999; width: 476px; float: left; margin-top: 14px; padding-top: 40px;} .twoColumnsBox .rightColumn{width: 435px; padding: 10px 20px; float: left;} .twoColumnsBox .title{background: url('/images/icons.png?8') -250px 0 no-repeat transparent; width: 320px; height: 50px; position: absolute; top: -9px; left: -4px; text-align: center; font-size: 18px; padding: 10px 0 0 0;} .twoColumnsBox .rightDecor{position: absolute; width: 28px; height: 64px; top: 40px; right: -8px; background: url('/images/icons.png?8') -575px 0 no-repeat transparent; z-index: 2} .twoColumnsBox p.center, .twoColumnsBox .rightColumn h3{font-size: 14px; text-align: center; font-weight: bold} .twoColumnsBox a{color: #6688c2} .bigForm fieldset{border: none; width: 90%; margin-left: 42px; font-family: Tahoma, Arial, Helvetica, sans-serif;} .bigForm fieldset div{clear: both; margin-bottom: 10px} .bigForm fieldset div label{width: 110px; display: block; float: left; text-align: right; font-weight: bold; font-size: 14px; padding-top: 5px} .bigForm fieldset div label.oneLine{display: inline; float: none; font-weight: normal; font-size: 12px; vertical-align: top;} .bigForm fieldset div input[type=text], .bigForm fieldset div input[type=password], .bigForm fieldset div select{width: 220px; height: 25px; border: 1px solid #393939; font-size: 14px} .bigForm fieldset input.checkbox{width: auto; height: auto; margin: 2px 0 0 115px;} .bigForm fieldset input[type="submit"]{margin-left: 115px; width: 169px; height: 36px; border: none; padding-top: 0} .bigForm fieldset div .formErrors{margin: 0 0 0 115px; padding: 0; font-size: 11px; color: #f00; list-style-type: none} .bigForm fieldset div .formErrors li{color: red; list-style-type: none} #signInBox .signInIcon{top: 20px; left: 400px} #signInBox #awContentContainer, #signInBox .advertway_content{clear: none; margin-left: 5px; float: left;} #signInBox #awContentContainer .advertway_content{margin-left: 0} #signInBox .advertway_content label{font-size: 12px; font-weight: normal;} #signInBox .advertway_content input{height: inherit} #signInBox h1{font-size: 28px; color: #1f4a6b; padding-top: 18px; padding-bottom: 14px;} #signInBox h1 .icon{width: 56px; height: 63px; float: left; background: url('/images/icons.png?8') -966px -1058px no-repeat transparent; margin-top: -18px; margin-right: 10px;} #signInBox h1 .icon.calendar{background-position: -1022px -1058px} #signInBox h1 .icon.anniversary{background-position: -1078px -1058px} #signInBox h1 .icon.anniversary{background-position: -1078px -1058px} #signInBox h1 .icon.greetings{background-position: -1134px -1058px; width: 55px;} #signInBox h1 .icon.reminders{background-position: -1189px -1058px; width: 40px;} #signInBox h1 .icon.cards{background-position: -1229px -1058px; width: 55px;} #signInBox h3{text-align: left; padding-bottom: 0} #signInBox .rightColumn{font-size: 11px; font-family: Verdana} #remindPassword .leftColumn, #registration .leftColumn{width: 600px; } #remindPassword .rightColumn, #registration .rightColumn{width: 310px;} #remindPassword .rightColumn p{padding-top: 30px} #remindPassword .leftColumn ul.inst{font-weight: bold; font-size: 14px; margin: 0 65px 20px 40px} #remindPassword .remindPassIcon{top: 8px; left: 535px} #registration .bigForm div label{width: 160px} #registration .bigForm div .formErrors, #registration .bigForm input[type="submit"]{margin-left: 165px} #registration .bigForm fieldset div ul.radio_list li label{font-weight: normal} #registration .rightColumn p{padding-top: 60px} #registration .registrationIcon{top: 20px; left: 540px} #registration.onlyLeftColumn{width: 600px;} #registration.onlyLeftColumn .bottom{width: 600px} #registration.onlyLeftColumn .bottomRight, #signInBox.onlyLeftColumn .bottomRight{position:absolute; width: 14px; height: 14px; bottom: -14px; right: 0; background: url('/images/whiteWindow2.png') -943px -1952px no-repeat transparent } #registration #awContentContainer{float: left; clear: none; margin: 0; width: 360px;} #registration .advertway_content{float: left; clear: none; margin-left: 5px} #registration .advertway_content div{clear: none; margin-bottom: 0;} #registration .advertway_content label{font-weight: normal; font-size: 13px; padding: 2px 0} #registration .advertway_content .awcontent_solution{height: auto; font-size: 13px; padding: 2px 0} #registration .advertway_content #awcontent_options{margin-top: 2px} #signInBox.onlyLeftColumn{width: 476px;} #signInBox.onlyLeftColumn .bottom{width: 476px} #registrationComplete{font-family: Verdana} #registrationComplete h3{margin-left: 40px} #registrationComplete ul{margin: 0 60px 30px 60px} #registrationComplete ul li{line-height: 1.5em; margin-bottom: 10px} #registrationComplete .center a{font-size: 14px; font-weight: bold; color: #000} #onlyLeftColumn .leftColumn{width: 100%; border: none;} .onlyLeftColumn .leftColumn{width: 100%; border: none;} #selectEventBox{width: 480px; padding-left: 10px; padding-right: 10px;} #selectEventBox label{margin-left: 43px} #selectEventBox ul{margin-left: 85px; font-weight: bold; max-height: 400px; overflow: auto} #selectEventBox ul li{margin-bottom: 5px} #selectEventBox .leftColumn{width: 100%; border: none;} #selectEventBox .bottom{width: 486px; } #selectEventBox .bottomRight{position:absolute; width: 14px; height: 14px; bottom: -14px; right: 0; background: url('/images/whiteWindow2.png') -943px -1952px no-repeat transparent } #selectEventBox .rightDecor{right: -13px} .signInIcon{position: absolute; width: 54px; height: 46px; background: url('/images/icons.png?8') -250px -65px no-repeat #fff;} .registrationIcon{position: absolute; width: 42px; height: 43px; background: url('/images/icons.png?8') -304px -65px no-repeat #fff;} .remindPassIcon{position: absolute; width: 56px; height: 65px; background: url('/images/icons.png?8') -346px -65px no-repeat #fff;} .sendMsgIcon{position: absolute; width: 107px; height: 77px; background: url('/images/icons.png?8') -402px -65px no-repeat #fff;} .grayBtn{width: 168px; height: 36px; background: url('/images/icons.png?8') 0 -540px no-repeat transparent; border: none; font-weight: bold; font-size: 14px} /*--- homepage ---*/ #receiveEcardForm{width: 203px; height: 252px; overflow: hidden; background: url('/images/images.jpg?3') -205px -268px no-repeat #fff; margin: 15px 0 0 0;} #receiveEcardForm h2{margin: 15px 8px; padding: 0; width: 186px; height: 46px; text-indent: -9999em; background: url('/images/images_pl.png') 0 0 no-repeat transparent;} #receiveEcardForm h2.lang_pl{background-image: url('/images/images_pl.png?1')} #receiveEcardForm h2.lang_en{background-image: url('/images/images_en.png?1')} #receiveEcardForm h2.lang_ru{background-image: url('/images/images_ru.png?1')} #receiveEcardForm h2.lang_de{background-image: url('/images/images_de.png?1')} #receiveEcardForm h2.lang_es{background-image: url('/images/images_es.png?1')} #receiveEcardForm h2.lang_it{background-image: url('/images/images_it.png?1')} #receiveEcardForm h2.lang_ua{background-image: url('/images/images_ua.png?1')} #receiveEcardForm form{padding: 0 18px; color: #fff;} #receiveEcardForm div input{width: 161px; height: 21px; padding: 2px; background: url('/images/icons.png?8') 0 -585px no-repeat transparent; border: none;} #receiveEcardForm .grayBtn{margin-top: 15px} #receiveEcardForm p{text-align: center} #receiveEcardForm p a{color: #000} #ostrichFeet{width: 196px; height: 307px; background: url('/images/images.jpg?3') 0 0 no-repeat #fff; margin-left: 6px} #incomingEvents{background: url('/images/calendar_middle.png') 11px 0 repeat-x #fff; width: 732px; height: 237px; overflow: hidden; margin: 0; position: relative; padding: 10px 15px 10px 10px; margin-bottom: 15px;} #incomingEvents .calLeft{background: url('/images/icons.png?8') -209px 0 no-repeat #fff; height: 100%; width: 10px; position: absolute; top: 0; left: 0} #incomingEvents .calRight{background: url('/images/icons.png?8') -219px 0 no-repeat #fff; height: 100%; width: 15px; position: absolute; top: 0; right: 0} #incomingEvents #eventExt{float: left; width: 515px; margin-top: 10px; overflow: hidden;} #incomingEvents #eventExt h3{text-align: center; font-size: 14px} #incomingEvents #eventExt h3 span{font-size: 12px; font-weight: normal} #incomingEvents #eventExt h3 a{color: #000;} #incomingEvents #eventExt img{float: left; margin: 0 10px 0 0; height: 146px; width: 194px;} #incomingEvents #eventExt p{text-align: justify;} #incomingEvents #eventExt div.right{text-align: right; font-size: 11px; width: 250px; float: left; margin-left: 15px;} #incomingEvents #eventExt div.left{text-align: left; font-size: 11px; width: 250px; float: left;} #incomingEvents table{float: right; width: 208px; margin-top: 25px} #incomingEvents table th{font-weight: normal; color: #1c4da0;} #incomingEvents table th.days{font-size: 12px} #incomingEvents table .days{width: 50px; text-align: center; font-size: 11px} #incomingEvents table td.days{font-weight: bold;} #incomingEvents table td a{color: #000; font-size: 11px} #incomingEvents .more{width: 208px; float: right; text-align: center; margin-top: 5px; font-size: 11px} #incomingEvents .more a{color: #000; font-weight: bold;} #pcardsAd{width: 966px; height: 173px; background: url('/images/icons.png?8') 0 -1058px no-repeat #fff; margin: 0; font-size: 14px;} #pcardsAdOverlay{background: url('/images/icons.png?8') -936px -1058px no-repeat transparent; width: 30px; height: 173px; position: absolute; z-index: 1; top: -3px; right: -3px} #pcardsAdContent{position: relative; margin: 3px 3px 3px 1px; width: 782px; height: 167px; float: left; overflow: hidden;} #pcardsAd #pcardsAdItems{width: 3000px; position: absolute; clear: both; margin: 0; padding: 0; height:167px} #pcardsAd .pane{float: left; width: 782px; height: 167px; position: relative;} #pcardsAd .pane a{display: block; position: absolute;} #pcardsAd.pl #pcardsAdContent1{background: url('/images/pcardsAdPl.jpg?2') 0 0 no-repeat transparent} #pcardsAd.pl #pcardsAdContent2{background: url('/images/pcardsAdPl.jpg?2') -782px 0 no-repeat transparent;} #pcardsAd.pl #pcardsAdContent3{background: url('/images/pcardsAdPl.jpg?2') -1564px 0 no-repeat transparent} #pcardsAd.en #pcardsAdContent1{background: url('/images/pcardsAdEn.jpg?2') 0 0 no-repeat transparent} #pcardsAd.en #pcardsAdContent2{background: url('/images/pcardsAdEn.jpg?2') -782px 0 no-repeat transparent;} #pcardsAd.en #pcardsAdContent3{background: url('/images/pcardsAdEn.jpg?2') -1564px 0 no-repeat transparent} #pcardsAd.es #pcardsAdContent1{background: url('/images/pcardsAdEn.jpg?2') 0 0 no-repeat transparent} #pcardsAd.es #pcardsAdContent2{background: url('/images/pcardsAdEn.jpg?2') -782px 0 no-repeat transparent;} #pcardsAd.es #pcardsAdContent3{background: url('/images/pcardsAdEn.jpg?2') -1564px 0 no-repeat transparent} #pcardsAd.de #pcardsAdContent1{background: url('/images/pcardsAdEn.jpg?2') 0 0 no-repeat transparent} #pcardsAd.de #pcardsAdContent2{background: url('/images/pcardsAdEn.jpg?2') -782px 0 no-repeat transparent;} #pcardsAd.de #pcardsAdContent3{background: url('/images/pcardsAdEn.jpg?2') -1564px 0 no-repeat transparent} #pcardsAd.ru #pcardsAdContent1{background: url('/images/pcardsAdRu.jpg?2') 0 0 no-repeat transparent} #pcardsAd.ru #pcardsAdContent2{background: url('/images/pcardsAdRu.jpg?2') -782px 0 no-repeat transparent;} #pcardsAd.ru #pcardsAdContent3{background: url('/images/pcardsAdRu.jpg?2') -1564px 0 no-repeat transparent} #pcardsAd.it #pcardsAdContent1{background: url('/images/pcardsAdIt.jpg?2') 0 0 no-repeat transparent} #pcardsAd.it #pcardsAdContent2{background: url('/images/pcardsAdIt.jpg?2') -782px 0 no-repeat transparent;} #pcardsAd.it #pcardsAdContent3{background: url('/images/pcardsAdIt.jpg?2') -1564px 0 no-repeat transparent} #pcardsAd.ua #pcardsAdContent1{background: url('/images/pcardsAdUa.jpg?2') 0 0 no-repeat transparent} #pcardsAd.ua #pcardsAdContent2{background: url('/images/pcardsAdUa.jpg?2') -782px 0 no-repeat transparent;} #pcardsAd.ua #pcardsAdContent3{background: url('/images/pcardsAdUa.jpg?2') -1564px 0 no-repeat transparent} #pcardsAd #pcardsAdContent1 a{top: 125px; left: 103px; width: 221px; height: 27px} #pcardsAd #pcardsAdContent2 a{top: 91px; left: 21px; width: 193px; height: 27px} #pcardsAd #pcardsAdContent3 a{top: 130px; left: 13px; width: 275px; height: 27px} #pcardsAdTabs{width: 180px; float: left; height: 167px; margin: 0;} #pcardsAdTabs li{list-style-type: none; height: 37px; padding: 10px 30px; text-align: center;} #pcardsAdTabs li.current{background-color: #9bc53f} #pcardsAdTabs li.current a{color: #fff;} #pcardsAdTabs li#pcardsAdTab1.current{background: url('/images/icons.png?8') 0 -1058px no-repeat #9bc53f;} #pcardsAdTabs li#pcardsAdTab3.current{background: url('/images/icons.png?8') 0 -1174px no-repeat #9bc53f;} #pcardsAdTabs li#pcardsAdTab2{padding: 11px 20px; height: 35px; margin: 1px 0; margin-left: 3px;} #pcardsAdTabs li a{text-decoration: none; color: #0788ca; font-weight: bold} #pcardsAdTabs li:first-letter{font-size: 18px;} #pcardsAdContent1 .p1{} #infoTabs{width: 600px; height: 241px; float: left; margin: 25px 0 0 0;} #infoTabs #tabsContent{border-bottom: none; height: 211px; background: url('/images/images.jpg?3') 0 -648px no-repeat #fff; overflow: hidden; position: relative; clear: both;} #infoTabs #items{width:20000em; position:absolute; clear:both; margin:0; padding:0; height: 211px } #infoTabs #tabsContent div.pane{width: 600px; height: 211px; background: transparent; float: left;} #infoTabs #tabsContent div h3{padding: 10px} #infoTabs #tabsContent div p{padding: 0 228px 0 10px} #infoTabs #tabsContent div p.link{padding: 0 228px 0 10px; text-align: right;} #infoTabs #tabsContent div p.link a{color: #1d30ba; font-weight: bold} #infoTabs #tabsContent div.pane div{display: block; width: 251px; height: 100%; float: right} #infoTabs #tabsContent div#tabContent1 div{background: url('/images/infoTabBg.png') 0 -270px no-repeat transparent} #infoTabs #tabsContent div#tabContent2 div{background: url('/images/infoTabBg.png') -288px -270px no-repeat transparent} #infoTabs #tabsContent div#tabContent3 div{background: url('/images/infoTabBg.png') -549px -270px no-repeat transparent} #infoTabs ul{position: relative; width: 100%; height: 33px; margin: 0;} #infoTabs ul li {list-style-type: none; width: 200px; height: 33px; position: absolute;} #infoTabs ul li#tab1{top: 0; left: 0;} #infoTabs ul li#tab2{top: 0; left: 200px;} #infoTabs ul li#tab3{top: 0; left: 400px;} #infoTabs ul li .icon{position: absolute; display: block; background-image: url('/images/infoTabBg.png'); background-repeat: no-repeat; background-color: #e2e2e2; width: 29px; height: 29px; top: 2px; left: 20px;} #infoTabs ul li#tab1 .icon{background-position: -612px 0;} #infoTabs ul li#tab2 .icon{background-position: -659px 0;} #infoTabs ul li#tab3 .icon{background-position: -705px 0;} #infoTabs ul li a.current .icon{background-color: #fff;} #infoTabs ul li#tab1 a.current .icon{background-position: -612px -36px;} #infoTabs ul li#tab2 a.current .icon{background-position: -659px -36px;} #infoTabs ul li#tab3 a.current .icon{background-position: -705px -36px;} #infoTabs ul li a{display: block; height: 100%; background: url('/images/infoTabBg.png') 0 0px no-repeat transparent; padding: 5px 0 0 53px; text-decoration: none; font-weight: bold; color: #000} #infoTabs ul li a.current{background: url('/images/infoTabBg.png') -205px 0px no-repeat transparent;} #inviteFriendsBox{border: 2px groove #6e6e6e; width: 359px; height: 240px; float: left; margin: 25px 0 0 10px; text-align: center} #inviteFriendsBox div.title{font-weight: bold; text-align: left; padding: 3px 20px 0 15px; margin-bottom: 5px; height: 29px; overflow: hidden} #inviteFriendsBox div.icon{width: 25px; height: 17px; margin: 10px 0 0 20px; background: url('/images/icons.png?8') -56px -41px no-repeat #fff; float: left} #inviteFriendsBox div.img{width: 319px; height: 157px; background: url('/images/images.jpg?3') -781px -420px no-repeat #fff; margin: 0 auto} #inviteFriendsBox a{display: block; width: 169px; height: 36px; background: url('/images/icons.png?8') -169px -540px no-repeat transparent; color: #fff; padding-top: 9px; margin: 5px auto 0 auto; text-decoration: none; font-weight: bold;} #welcomeMsg{clear: both; width: 872px; position: relative; border: 1px solid #c7c7c7; margin: 15px 0 0 53px; background: url('/images/vbg.png?1') 0 -385px repeat-x #fff} #welcomeMsg div{position: absolute; width: 88px; height: 160px; top: -10px; right: -63px; background: url('/images/infoTabBg.png') -612px -81px no-repeat transparent} #welcomeMsg h2{color: #17448b; font-family: Verdana; padding: 1em 10px; font-size: 12px;} #welcomeMsg h2 a{color: #17448b; text-decoration: none;} #welcomeMsg p{padding: 0 10px; height: 104px; overflow: hidden;} .infoBox{width: 305px; padding: 0 16px 0 17px; float: left; border-left: 2px solid #e1e1e1; height: 300px; margin-top: 15px} .infoBox h3 a{color: #225ab7; text-decoration: none;} .infoBox p{margin: 0; text-align: justify} .infoBox p span{display: block; width: 136px; height: 123px; float: left; margin: 0 5px 0 0; background: url('/images/images.jpg?3') 0 -525px no-repeat #fff;} .infoBox div{text-align: right; font-weight: bold} .infoBox div a{color: #2958a6} #remindersInfo{padding-left: 0; border: none;} #userSiteInfo{padding-right: 0;} #wishesInfo p span{background-position: -136px -525px;} #userSiteInfo p span{background-position: -272px -525px;} #homepageGoogleAdsense{width: 160px; margin: 10px auto 0 auto} .fbLike{margin: 10px auto; text-align: center} .fb_iframe_widget iframe{position: relative !important;} #cardFbTitle{font-size: 17px; text-align: center; padding: 40px 0 10px 0} #cardFbLikeBtn{margin: 0 0 10px 50px;} /*--- end homepage ---*/ #categories{margin-top: 15px} .categoriesList{width: 200px; border-bottom: 1px solid #fba400; background: url('/images/category_bg.png') 0 0 repeat-y #ffcd47; margin-top: 10px; padding: 0 1px;} .categoriesList h2{padding: 15px 0; text-align: center; border-bottom: 1px solid #fff;} .categoriesList ul{margin: 0} .categoriesList li{list-style-type: none; border-bottom: 1px solid #fff; display: block;} .categoriesList li span, .categoriesList li a{font-weight: bold; color: #000; text-decoration: none; display: block; margin-left: 0px; height: 100%; padding: 4px 0 4px 24px;} .categoriesList li a.active, .categoriesList li a:hover{color: #000; background: url('/images/vbg.png?1') 0 -543px repeat-x #fca925} .categoriesList li li a{background: url('/images/icons.png?8') 15px -242px no-repeat transparent; margin-left: 20px;} .categoriesList li li a.active{background: url('/images/icons.png?8') 15px -242px no-repeat transparent; text-decoration: underline} .categoriesList li li{border-bottom: none;} .categoriesList li li a:hover, .categoriesList li li span{text-decoration: underline; background: url('/images/icons.png?8') 15px -242px no-repeat transparent; color: #000; margin-left: 20px} .categoriesList li h2{padding: 0; font-size: inherit; text-align: left; border-bottom: none;} .categoriesList li h3{padding: 0; font-size: inherit} #search{margin-top: 15px; border: 1px solid #ffb400; background-color: #ffcd47; padding: 5px 3px; width: 194px} #search h3{text-align: center; padding: 3px 0 6px 0; font-family: verdana; font-size: 14px} #search span input{width: 161px; height: 21px; padding: 2px; background: url('/images/icons.png?8') -168px -585px no-repeat transparent; border: none;} #search .submit{width: 24px; height: 19px; background: url('/images/icons.png?8') -87px -39px no-repeat #ffcd47; border: none; text-indent: -9999em} .cardsListHeader{padding: 0 0 1em 10px; font-family: Verdana; font-size: 20px;} .cardsListDescription{margin-left: 10px;} .cardsFilters{margin: 15px 0 15px 10px;} .cardsFilters ul{overflow: hidden; margin: 0;} .cardsFilters ul li{list-style-type: none; float: left; width: 45%; font-weight: bold; color: #696969} .cardsFilters ul li ul li{width: auto; margin-right: 10px} .cardsFilters ul li ul li a{font-weight: normal; color: #696969; text-decoration: none} .cardsFilters ul li ul li a:hover{text-decoration: underline} .cardsFilters ul li ul li a.active{color: #f00} .sidebar .gplus{margin-top: 10px; text-align: center} .sidebar .cardInfo{border: 1px solid #bfbfbf; margin-top: 10px; overflow: hidden;} .sidebar .cardInfo h2{font-size: 14px; text-align: center; padding: 10px 5px} .sidebar .cardInfo h3{font-size: 12px; padding: 2px 15px; background-color: #e7e7e7} .sidebar .cardInfo .thumbnail{margin: 10px 0; text-align: center;} .sidebar .cardInfo .userPhoto{margin: 10px 0 0 0} .sidebar .cardInfo a{color: #000; text-decoration: none} .sidebar .cardInfo a:hover{text-decoration: underline} .sidebar .cardInfo ul{margin-left: 15px} .sidebar .cardInfo ul li{list-style-type: none; margin-bottom: 10px} .sidebar .cardInfo table{margin: 10px 15px} .sidebar .cardInfo table th{text-align: left; font-weight: normal} .sidebar .cardInfo .topCard{width: 75px; height: 56px; background: url('/images/icons.png?8') -93px -113px no-repeat #fff; margin: 10px auto; text-indent: -9999em} .sidebar .cardInfo .premiumCard{width: 90px; height: 49px; background: url('/images/icons.png?8') 0 -113px no-repeat #fff; margin: 10px auto; text-indent: -9999em} .sidebar .cardInfo #addToFavourites{text-align: center; margin: 10px 0; font-weight: bold;} .sidebar .cardInfo #tags{clear: both; margin: 10px 15px;} .sidebar .cardInfo #tags a{color: #3b5998; text-decoration: none; color: #3b5998; font-size: 13px; } .sidebar .cardInfo #tags a:hover{text-decoration: underline;} .sidebar #vtCardInfo .ostrich{width: 98px; height: 97px; background: url('/images/icons.png?8') -1079px -502px no-repeat transparent; margin: 0 auto} .sidebar #vtCardInfo .bottomTooltip{max-width: 202px; max-height: 134px; position: relative; background: url('/images/icons.png?8') -1027px -602px no-repeat transparent; padding: 23px 0 5px 10px; margin: 0 5px 5px 0;} .sidebar #vtCardInfo .bottomTooltip .bottom{height: 5px; background: url('/images/icons.png?8') -1027px -736px no-repeat transparent; position: absolute; bottom: -5px; left: 0; width: 100%;} .sidebar #vtCardInfo .bottomTooltip .bottom div{height: 5px; width: 5px; background: url('/images/icons.png?8') -1229px -736px no-repeat transparent; position: absolute; bottom: 0; right: -5px;} .sidebar #vtCardInfo .bottomTooltip .right{height: 100%; width: 5px; background: url('/images/icons.png?8') -1229px -602px no-repeat transparent; position: absolute; top: 0; right: -5px;} .sidebar #vtCardInfo .bottomTooltip p{padding: 0; margin: 0; font-family: verdana;} .sidebar .cardInfo.websearch{font-family: Verdana; font-size: 13px; margin-top: 120px} .sidebar .cardInfo.websearch h3{margin-top: 1.5em; font-size: 14px; padding: 5px 20px;} .sidebar .cardInfo.websearch p{margin-top: 2em; margin-bottom: 0; padding: 0 0 0 15px; width: 170px; overflow: hidden;} .sidebar .cardInfo.websearch p.type{margin-top: 0;} .sidebar .cardInfo.websearch p.websiteUrl{margin-top: 4em;} .sidebar .cardInfo.websearch p.websitename{font-size: 10px; color: #226313; margin-top: 0;} .sidebar .cardInfo.websearch p.imageUrl{margin-top: 3em;} .sidebar .cardInfo.websearch a{color: #164364; text-decoration: underline;} .sidebar .cardInfo.websearch p.copyright{font-size: 11px; margin-bottom: 20px; margin-top: 5em} #cardDetails .sendCard{height: 60px; margin: 20px auto 0 auto; clear: both;} #cardDetails .sendHeader{width: 380px; font-size: 20px; text-align: center; color: #14559c; float: left; margin: 0 1px 15px 1px} #cardDetails .sendHeader.solo{float: none; width: auto;} #cardDetails .sendCard.bright a.sendLnk{margin-left: 1px;} #cardDetails .sendCard a.sendLnk{display: block; width: 190px; height: 35px; background: url('/images/icons.png?8') -550px -572px no-repeat transparent; float: left; margin: 0 1px 0 130px; color: #000; text-decoration: none; font-size: 13px; text-align: center; line-height: 34px; } #cardDetails .sendCard a.sendLnk.blue{background-position: -550px -607px; color: #fff;} #cardDetails .sendCard a.sendLnk.invitation{float: none; margin: 0 auto;} #cardDetails .sendCard a.sendLnk.twoLines{padding-top: 1px; height: 35px;} #cardDetails .fbLikeCard{text-align: center; margin: 0 auto 20px auto;} #cardDetails .fbLikeCard .fb_share{vertical-align: top; margin-top: 3px; display: inline-block} #cardDetails #card{text-align: center; position: relative;} #cardDetails #card div{margin: 0 auto} #cardDetails .previous, #cardDetails .next{color: #777; text-decoration: none; font-weight: bold; font-family: Verdana; margin-top: 12px; position: absolute; } #cardDetails .previous{float: left; left: 20px; background: url('/images/icons.png?8') -1027px -501px no-repeat transparent; text-indent: -9999em; display: block; width: 26px; height: 101px;} #cardDetails .next{float: right; right: 20px; background: url('/images/icons.png?8') -1053px -501px no-repeat transparent; text-indent: -9999em; display: block; width: 26px; height: 101px;} #cardDetails .sendCardOptions .cardOptions{padding: 0; margin: 10px 0 10px 0; font-size: 13px; line-height: 1.8em; text-align: center;} #cardDetails .sendCardOptions ul{height: 32px; overflow: hidden; margin: 0 0 0 170px; width: 510px; font-size: 11px} #cardDetails .sendCardOptions ul li{list-style-type: none; float: left; width: 170px; line-height: 1.8em;} #cardDetails .sendCardOptions ul li div{width: 21px; height: 20px; float: left; margin-right: 7px; background: url('/images/icons.png?8') 0 0 no-repeat transparent} #cardDetails .sendCardOptions ul li.email div{background-position: -572px -484px;} #cardDetails .sendCardOptions ul li.fb div{background-position: -593px -484px;} #cardDetails .sendCardOptions ul li.gg div{background-position: -614px -484px;} #cardDetails .sendCardOptions ul li.url div{background-position: -635px -484px;} #cardGreetings{float: right; width: 440px; margin: 100px 5px 0 50px} #cardGreetings.bringUp{margin-top: 10px} #cardGreetings .signInInfo{font-weight: bold;} #cardGreetings li{list-style-type: none; width: 360px; } #cardGreetings form fieldset textarea{width: 305px; height: 104px; margin-left: 0} #cardGreetings form fieldset input[type="text"]{width: 225px} #cardGreetings form fieldset label{width: 76px} #cardGreetings form fieldset legend{font-weight: bold; margin-bottom: 10px} #cardGreetings form fieldset input[type=submit]{width: 126px; height: 30px; padding: 2px 5px 10px 5px; background: url('/images/icons.png?8') -210px -616px no-repeat transparent; border: none; color: #fff; font-weight: bold; margin: 5px 0 0 0} #cardGreetings form fieldset div{clear: none; width: 310px;} #cardGreetings form fieldset div.right{float: right; width: 126px;} #cardGreetings form fieldset .decor{width: 113px; height: 112px; background: url('/images/icons.png?8') -861px -389px no-repeat transparent} #cardGreetingsList h3{font-size: 14px; color: #135da4; padding-top: 0;} #cardGreetingsList>p{font-size: 16px} #cardGreetingsList ul{margin: 0} #cardGreetingsList li{list-style-type: none; background: url('/images/yellowBox.png') 0 0 repeat-y transparent; margin: 0 0 10px 0; padding: 0; width: 440px; max-height: 900px; overflow: hidden;} #cardGreetingsList li .bottom{background: url('/images/yellowBox.png') 0 -978px no-repeat #fff; width: 440px; height: 22px;} #cardGreetingsList li p{padding: 10px 15px 10px 10px} #cardGreetingsList li div.signature{padding: 0 15px 0 10px; text-align: right; font-weight: bold; color: #135da4; font-size: 14px} #cardGreetingsList li div.link{text-align: center} #cardGreetingsList li div.link a{} #othersCards{clear: both; padding-top: 20px;} #othersCards ul li{margin: 7px 9px} #otherCardHeader, #eventsFilter{background-color: #fff6ba; padding: 7px 10px; text-align: right; font-weight: bold; margin: 0 20px 0 7px} #otherCardHeader h3{float: left; padding: 0} #otherCardHeader a, #eventsFilter a{font-weight: normal; margin: 0 15px; color: #000} #otherCardHeader a.active, #eventsFilter a.active{color: red} #cardDescription{margin: 0 20px 15px 20px; border: 1px solid #c9c9c9; background-color: #f8f8f8; padding: 10px} #cardDescription h3{font-size: 14px; color: #135da4; padding-top: 0;} #cardDescription p{text-align: justify} #cardCuriosity{float: left; width: 458px; margin: 0 5px 0 5px; border: 1px solid #c9c9c9; background-color: #f8f8f8; padding: 10px} #cardCuriosity h3{font-size: 14px; color: #135da4; padding-top: 0;} #cardCuriosity p{text-align: justify} #cardCuriosityDecor{width: 98px; height: 121px; margin-top: 10px; background: url('/images/icons.png?8') -740px -266px no-repeat #fff} .shadowBox{display: block; width: 936px; background: url('/images/whiteWindow2.png') 0 0 no-repeat #fff; position: relative; padding: 10px 15px 4px 12px; margin: 5px auto 14px auto;} .shadowBox .bottom{width: 961px; position: absolute; height: 14px; bottom: -14px; left: 0; background: url('/images/whiteWindow2.png') 0 -1952px no-repeat transparent;} #eventsFilter{margin: 10px 20px;} #eventsFilter label, #eventsFilter select{font-weight: normal; float: left} #eventsFilter select{margin-left: 5px; margin-right: 20px} #searchEvents ul{margin: 0} #searchEvents ul li{list-style-type: none; margin:0 auto 25px auto; font-family: Verdana; color: #767676} #searchEvents li h3, #searchEvents li h3 a{color: #f98d00; font-size: 14px; text-decoration: none; padding: 0 0 10px 0} #searchEvents li h3 a:hover{text-decoration: underline} #searchEvents li .eventImageBox img{float: left; margin-right: 10px; height: 125px; width: 167px} #searchEvents li .content{height: 125px; overflow: hidden; position: relative;} #searchEvents li p{padding: 0; margin: 0} #searchEvents li .daysLeft{width: 59px; height: 95px; float: right; text-align: center; margin: 5px 30px 0 30px} #searchEvents li .daysLeft div{background: url('/images/icons.png?8') -515px -65px no-repeat #fff; width: 59px; height: 41px; font-size: 18px; font-weight: bold; color: #000; margin: 0 0 5px 0; padding-top: 18px;} #searchEvents li .links{position: absolute; bottom: 0; left: 178px;} #searchEvents li .links a, #searchEvents li .links span{margin-right: 20px; color: #184188} #searchEvents li .eventCardsIcon{float: right; background: url('/images/icons.png?8') -140px -39px no-repeat #fff;width: 52px; height: 25px; } #searchEvents li .eventCardsLink{float: right; clear: right; padding: 6px 10px 0 10px; font-weight: bold; font-size: 14px; color: #184188} #monthsNav{margin: 30px auto 40px auto; padding-bottom: 9px} #monthsNav ul{margin: 0 0 0 5px; overflow: hidden} #monthsNav ul li{list-style-type: none; float: left; margin: 0 9px; font-size: 14px; font-weight: bold; font-family: Verdana} #monthsNav ul li a{color: #6c6d70; text-decoration: none;} #monthsNav ul li a.inactive{color: #b5b5b4} #monthsNav .title{top: -20px; height: 40px} #monthsNav .leftColumn{width: 100%; border: none; float: none; padding-top: 11px; height: auto;} #monthsNav .rightDecor{top: 30px} #monthsNav.calendarNav{margin: 0px auto 4px auto; } .calendarFilter #eventsFilter{margin: 20px 20px 0 4px; width: 930px} #calendarBox{width: 950px; position: relative; background: url('/images/calendarMiddle.png') top left repeat-y transparent; margin: 45px 0 0 4px; padding-top: 57px;} #calendarBox #top{background: url('/images/calendarTop.jpg') top left no-repeat transparent; width: 950px; height: 25px; position: absolute; top: -25px; left: 0;} #calendarBox #right{background: url('/images/calendarRight.jpg') top left no-repeat transparent; top: 0; right: -12px; position: absolute; width: 12px; height: 866px;} #calendarBox #bottom{background: url('/images/calendarBottom.png') top left no-repeat transparent; bottom: 0; left: 0; position: absolute; width: 950px; height: 178px;} #calendarBox .leftDecor{background: url('/images/icons.png?8') -250px 0 no-repeat transparent; width: 320px; height: 40px; position: absolute; top: 8px; left: -7px; text-align: center; font-size: 18px; padding: 10px 0 0 0;} #calendarBox .rightDecor{position: absolute; width: 28px; height: 64px; bottom: 12px; right: -12px; background: url('/images/icons.png?8') -575px 0 no-repeat transparent; z-index: 2} #eventsCalendar{border-collapse: collapse; position:relative; z-index: 5; width: 910px; margin: 0 auto 30px auto; } #eventsCalendar th{background: url('/images/vbg.png?1') 0 -2553px repeat-x transparent; height: 40px; color: #fff;border-left: 1px solid #12569e; border-right: 1px solid #12569e;} #eventsCalendar td{width: 118px; height: 140px; border: 1px solid #ccc; vertical-align: top; padding: 5px;} #eventsCalendar tr.empty td{border: none; height: 10px; font-size: 1%;} #eventsCalendar td.inactive{background-color: #989898} #eventsCalendar td ul{margin: 0 0 0 1.5em} #eventsCalendar td a{color: #000; text-decoration: none;} #eventsCalendar td a:hover{text-decoration: underline;} #eventsCalendar td .dayAndImg{overflow: hidden; color: #6c6d70; margin-bottom: 5px} #eventsCalendar td .dayAndImg span{font-size: 20px} #eventsCalendar td .dayAndImg img{vertical-align: top; padding: 2px; border: 1px solid #aaa; float: right; width: 75px; margin: 3px 5px 0 0} #eventsCalendar td.special {background-color: #ffdb6b; text-align: center;} #eventsCalendar td.special .date{background-color: #ff713f; color: #fff;} #eventsCalendar td.special .dayAndImg img{float: none} #eventDescription{width: 713px; float: left; background: url('/images/whiteWindow2.png') -248px 0 no-repeat #fff; position: relative; margin: 0 0 20px 13px; font-family: Verdana} #eventDescription .leftBorder{background: url('/images/whiteWindow2.png') 0 0 no-repeat #fff; margin-right: 13px; padding: 23px 10px 10px 23px; overflow: hidden} #eventDescription .bottom{position: absolute; left: 13px; bottom: -15px; width: 100%; height: 15px; background: url('/images/whiteWindow2.png') -261px -1951px no-repeat transparent; } #eventDescription .leftCorner{position: absolute; left: 0px; bottom: -15px; width: 13px; height: 15px; background: url('/images/whiteWindow2.png') 0 -1951px no-repeat transparent; } #eventDescription h1{color: #f98d00; font-size: 16px; text-decoration: none; padding: 0 0 10px 0} #eventDescription .eventImageBox img{float: left; margin-right: 10px; height: 169px; width: 225px} #eventDescription .content{height: 125px; overflow: hidden; position: relative;} #eventDescription p{padding: 0; margin: 0; color: #767676;} #eventDescription .daysLeft{width: 59px; height: 169px; float: right; text-align: center; margin: 5px 30px 0 30px} #eventDescription .daysLeft div{background: url('/images/icons.png?8') -515px -65px no-repeat #fff; width: 59px; height: 41px; font-size: 18px; font-weight: bold; color: #000; margin: 0 0 5px 0; padding-top: 18px;} #eventDescription .links{position: absolute; bottom: 10px; left: 30px;} #eventDescription .links a, #searchEvents li .links span{margin-right: 20px; color: #184188} #eventDescription .eventCardsIcon{float: right; background: url('/images/icons.png?8') -140px -39px no-repeat #fff;width: 52px; height: 25px; margin-top: 10px} #eventDescription .eventCardsLink{float: right; clear: right; padding: 18px 10px 0 10px; font-weight: bold; font-size: 14px; color: #184188} #sidebarEvents{width: 228px; float: right; position: relative; margin: 24px 17px 15px 0; border: 1px solid #b8b9b9; border-top: none;} #sidebarEvents .top{width: 230px; height: 24px; background: url('/images/icons.png?8') -250px -225px no-repeat #fff; position: absolute; top: -24px; left: -1px} #sidebarEvents table{width: 210px; margin: 10px auto; font-size: 12px;} #sidebarEvents table th{font-weight: normal; color: #1c4da0} #sidebarEvents table .days{width: 50px; text-align: center;} #sidebarEvents table td.days{font-weight: bold;} #sidebarEvents table td a{color: #000;} #sidebarEvents .more{float: right; margin: 5px 10px 10px 10px; color: #000; font-weight: bold;} #cardsForEvent .cards{position: relative} #cardsForEvent .cards ul{margin-left: 94px;} #cardsForEvent .cards .previous, #cardsForEvent .cards .next{position: absolute; width: 56px; height: 56px; text-indent: -9999em; top: 80px;} #cardsForEvent .cards .previous{left: 20px; background: url('/images/icons.png?8') -250px -169px no-repeat #fff} #cardsForEvent .cards .next{right: 20px; background: url('/images/icons.png?8') -306px -169px no-repeat #fff} #cardsForEvent .eventCardsIcon{float: right; background: url('/images/icons.png?8') -140px -39px no-repeat #fff;width: 52px; height: 25px; margin-top: 10px} #cardsForEvent .eventCardsLink{float: right; clear: right; padding: 18px 10px 0 10px; font-weight: bold; font-size: 14px; color: #184188} #inviteFriends{width: 841px} #inviteFriends .rightBorder{width: 791px} #inviteFriends .topBorder{width: 841px} #inviteFriends p{padding-left: 20px} #inviteFriends .rightDecor{position: absolute; width: 165px; height: 424px; top: 134px; right: -111px; background: url('/images/big_ostrich.jpg') top left no-repeat transparent} #inviteFriends h3{padding: 30px 20px;} #inviteFriends .border{padding-bottom: 50px; border-bottom: 1px solid #e3e3e3} #inviteFriends #inviteCardImg{text-align: center; margin: 50px 0} #inviteFriends input{border: 1px solid #000; padding: 3px 0;} #inviteFriends form{margin: 10px 0 10px 121px} #inviteFriends form div .formHint{font-size: 10px; font-weight: bold} #inviteFriends form div .form_error{margin-left: 0} #inviteFriends form div label{float: none; width: auto; margin: 0; text-align: left;} #inviteFriends form div input{margin-left: 0; width: 270px} #inviteFriends form div.oneLine{float: left; clear: none; width: 330px; } #inviteFriends form .recipientsLabel{clear: both; display: block;} #inviteFriends #recipientsBox input{margin-top: 10px} #inviteFriends .center{text-align: center;} #inviteFriends input.blueBtn{border: none; width: 169px} #inviteFriends a.blueBtn{display: block; color: #fff; text-align: center; font-size: 14px; margin: 0; margin-left: 530px} #inviteFriends a{margin-left: 20px; color: #000; font-weight: bold} .cards{overflow: hidden; padding: 5px 0;} .cards .error{font-weight: bold; color: red; text-align: center; font-size: 14px; margin: 20px 0} .cards ul, specialCards ul{margin: 0;} .cards ul li{ list-style-type: none; float: left; margin: 5px; height: 210px; width: 177px; background: url('/images/images.jpg?3') 0 -309px no-repeat #fff; overflow: hidden; } .cards ul li.ad{background: none; width: 750px; height: auto;} .specialCards{height: 400px; background-color: #cecece; margin-top: 20px} .specialCards ul li{ list-style-type: none; margin: 5px; border: 1px solid #ddd; } .specialCards p{padding-top: 190px; font-weight: bold; text-align: center;} .cards ul li.first{margin-left: 8px} .cards ul li.last{margin-right: 5px} .cards ul li .header, .specialCards ul li .header{height: 22px; padding: 6px 11px 0 10px; font-weight: bold; font-size: 10px; font-family: Verdana} .cards ul li .header .extra, .specialCards ul li .header .extra{float: right; color: #b10001; display: block; padding-top: 6px;} .cards ul li .header .extra div{float: left; width: 23px; height: 27px; background: url('/images/icons.png?8') -168px -113px no-repeat transparent; margin: -6px 3px 0 0} .cards ul li a img, .specialCards ul li a img{margin: 5px 10px 5px 10px;} .cards img{width: 156px; height: 117px} .cards ul li .title, .specialCards ul li .title{height: 25px; text-align: center; overflow: hidden; width: 156px; margin: 0px auto; font-size: 11px; font-weight: bold; color: #184188; display: block; text-decoration: none;} .cards ul li .user, .specialCards ul li .user{height: 15px; text-align: center; overflow: hidden; width: 156px; font-size: 11px; margin: 3px auto 0 auto; color: #184188} .cards ul li .user a, .specialCards ul li .user a{color: #184188; text-decoration: none;} .cards ul li .user a:hover, .specialCards ul li .user a:hover{text-decoration: underline} #userCards{overflow: hidden;} #userCards ul{margin: 0;} #userCards ul li{ list-style-type: none; float: left; margin: 2px; height: 275px; width: 175px; overflow: hidden; /*background: url('/images/icons.png?8') -850px -501px no-repeat transparent;*/ border: 1px solid #578ec7; border-radius: 10px; position: relative; } #userCards h4{margin-bottom: 20px} #userCards ul li li{background-image: none; border: none; border-radius: 0;} #userCards ul li ul{margin-left: 10px} #userCards ul li.first{margin-left: -4px} #userCards ul li.last{margin-right: 0} #userCards ul li .header{height: 27px; padding: 6px 11px 0 10px; font-weight: bold; font-size: 10px; font-family: Verdana; overflow: hidden} #userCards ul li .header .extra{float: right; color: #b10001; display: block; padding-top: 6px;} #userCards ul li .header .super{float: right; color: #000; padding-top: 0; font-size: 13px; font-weight: bold} #userCards ul li .header .super div{float: right; width: 23px; height: 27px; background: url('/images/icons.png?8') -168px -113px no-repeat transparent; margin-left: 3px} #userCards ul li .header .super span{line-height: 30px; float: right} #userCards ul li a img{margin: 10px 10px 5px 10px} #userCards ul li .title{height: 27px; text-align: center; overflow: hidden; width: 156px; margin: 0px auto; font-size: 11px; font-weight: bold; color: #184188} #userCards ul.cardInfo{margin-top: 5px;} #userCards ul.cardInfo li{font-size: 10px; float: none; height: auto; width: auto; margin: 0} #userCards a{color: #174085; font-family: arial, helvetica} #userCards ul.cardOptions{margin-top: 3px} #userCards ul.cardOptions li{font-size: 10px; float: left; height: auto; width: auto; margin: 0 4px 0 0} .bigRed{font-size: 14px; color: #a30e08; font-weight: bold} #cardTypeVideo{margin-left: 30px} #addCardForm fieldset label{width: 165px} #addCardForm fieldset div .form_error{margin: 0 0 0 170px;} #addCardForm fieldset div .formHint{margin: 0 0 0 170px;} #addCardForm fieldset div .formErrors{margin: 0 0 0 170px;} #addCardForm fieldset div .error_list{margin-left: 170px} #addCardForm fieldset input[type="submit"], #addCardForm fieldset input[type="button"]{margin-left: 170px} .imagesList{float: left; margin-left: 5px; border: 1px solid #ddd; padding: 10px; width: 570px;} .imagesList img{padding: 2px; width: 100px; height: 100px} .imagesList a{margin: 0 5px} .imagesList a{text-decoration: none;} .imagesList a.selected img{outline: 2px solid #f00} .popupImagesList{margin-left: 5px; float: left;} .popupImagesList a.downArrow{display: block; width: 28px; height: 28px; float: left; margin: 12px 0 0 5px; background: url('/images/icons.png?8') -250px -141px no-repeat #fff} .popupImagesList .images{padding: 10px; width: 830px; position: absolute; z-index: 15; background-color: #fff; border: 2px solid #aaa; left: 0; overflow: hidden} .popupImagesList .images img{padding: 2px; width: 50px; height: 50px} .popupImagesList .images a{margin: 0 5px} .popupImagesList .images a{text-decoration: none;} .popupImagesList .images a.selected img{outline: 2px solid #f00} .popupImagesList .selectedImage{border: 1px solid #aaa; padding: 2px; width: 50px; height: 50px; float: left} .imageOverlay{position: absolute; z-index: 5; width: 0; height: 0; border: 1px solid #aaa; background: url('/images/transparent.gif') repeat transparent; cursor: move;} #imageOverlay .ui-resizable-handle{ background-color:#333333; border:1px solid #FFFFFF; height:8px; overflow:hidden; position:absolute; width:8px; } #imageOverlay .ui-resizable-se{bottom:-10px; cursor:se-resize; right:-10px;} #imageOverlay .ui-resizable-e {cursor:e-resize; margin-top:-5px; right:-10px; top:50%;} #imageOverlay .ui-resizable-ne {cursor:ne-resize; right:-10px; top:-10px;} #imageOverlay .ui-resizable-n {cursor:n-resize; left:50%; margin-left:-5px; top:-10px;} #imageOverlay .ui-resizable-nw {cursor:nw-resize; left:-10px; top:-10px;} #imageOverlay .ui-resizable-w {cursor:w-resize; left:-10px; margin-top:-5px; top:50%;} #imageOverlay .ui-resizable-sw {bottom:-10px; cursor:sw-resize; left:-10px;} #imageOverlay .ui-resizable-s {bottom:-10px; cursor:s-resize; left:50%; margin-left:-5px;} #ecardBox{position: relative; margin: 0 auto; width: 925px} #ecardBox .content{background: url('/images/ecardBg.png') 0 0 no-repeat transparent; min-height: 200px; width: 876px; margin: 0 auto; padding: 25px; } #ecardBox .ecardBgBottom{width: 925px; height: 26px; background: url('/images/ecardBg.png') 0 -1974px no-repeat transparent; margin: 0 auto} #ecardBox.sendBox{background: none} #ecardBox.sendBox .content{background: none; width: 925px; padding: 0} #ecardBox.sendBox .ecardBgBottom{display: none} #editable_card{overflow: hidden; position: relative} #ecardCreateOverlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/images/spinner.gif') center center no-repeat #fdfefd; z-index: 99; opacity: .8; filter: alpha(opacity=80); } #ecardBox #ecardForm .showContactsList{font-weight: bold; color: #0c458b} #ecardBox #ecardFormBox{background: url('/images/transparentWindow.png') 0 -15px no-repeat transparent; position: relative; width: 230px; padding: 0 10px; float:right; margin: 15px 0;} #ecardBox #ecardFormBox .top{margin: 0; width: 235px; height: 15px; background: url('/images/transparentWindow.png') 0 0 no-repeat transparent; position: absolute; top: -15px; left: 0} #ecardBox #ecardFormBox .top div{width: 15px; height: 15px; position: absolute; top: 0; right: -15px; background: url('/images/transparentWindow.png') -979px 0 no-repeat transparent} #ecardBox #ecardFormBox .bottom{margin: 0; width: 235px; height: 15px; background: url('/images/transparentWindow.png') 0 -1976px no-repeat transparent; position: absolute; bottom: -15px; left: 0} #ecardBox #ecardFormBox .bottom div{width: 15px; height: 15px; position: absolute; top: 0; right: -15px; background: url('/images/transparentWindow.png') -979px -1976px no-repeat transparent} #ecardBox #ecardForm h3{padding-top: 0; font-size: 14px;} /* #ecardBox .ecardFormStep1, #ecardBox #userImageForm{float:right; width: 230px; margin-right: 10px} */ #ecardBox .ecardFormStep1 div, #ecardBox #userImageForm form fieldset div{margin-bottom: 10px} #ecardBox .ecardFormStep1 .yellowBtn{font-size: 16px; position: absolute; bottom: 15px; right: 35px;} #ecardBox .ecardFormStep1 h4{margin-top: 20px} #ecardBox #cardDetails{float: left; margin-right: 20px;} #ecardPreview{position: relative;} #ecardPreview .stamp{position: absolute; top: 10px; right: 80px; width: 134px; height: 135px; background: url('/images/icons.png?8') -974px -21px no-repeat transparent;} #ecardPreview #pepecom_stamp{ background-position: -974px -21px} #ecardPreview #kartkipl_stamp{ background-position: -974px -156px} #ecardPreview #scouteu_stamp{ background-position: -974px -291px} #ecardPreview #pepecom_stampLight{ background-position: -1108px -21px} #ecardPreview #kartkipl_stampLight{ background-position: -1108px -156px} #ecardPreview #scouteu_stampLight{ background-position: -1108px -291px} #ecardPreview #postStamp{position: absolute; top: 50px; right: 10px; width: 121px; height: 146px; background: url('/images/icons.png?8') -749px 0 no-repeat transparent;} #ecardBox .imagesList{padding: 0; border: none; width: 450px} #ecardBox .imagesList img{width: 50px; height: 50px} #removeDateLnk{color: #000} #quickPreviewLnk{display: none; float: left; margin: 20px 0 0 140px; font-size: 16px; color: #000} #quickPreviewLnk span{display: block; float: left; width: 37px; height: 30px; background: url('/images/icons.png?8') -250px -111px no-repeat transparent; margin: -4px 3px 0 0} #sendEcardBox{width: 895px; border: 1px solid #aaa; padding: 15px; background: url('/images/vbg.png?1') 0 -571px repeat-x #fdfefd} #sendEcardBox .awContent{width: 330px; margin: 15px auto} #ecardCreateNext, .pcardCreateNext{display: block; width: 82px; height: 25px; background: url('/images/icons.png?8') -377px -398px no-repeat transparent; color: #000; font-size: 18px; text-decoration: none; padding: 7px 98px 14px 5px; text-align: center; float: right; margin: 15px 50px 15px 0} #ecardCreateBack, .pcardCreateBack{display: block; width: 82px; height: 25px; background: url('/images/icons.png?8') -377px -444px no-repeat transparent; color: #000; font-size: 18px; text-decoration: none; padding: 7px 13px 14px 90px; text-align: center; float: left; margin: 15px 0 15px 50px} .pcardCreateNext{clear: right} #addWishes{padding: 10px} #addWishes #addWishesLabel{margin-top: 16px; width: 115px} #addWishes fieldset label{width: 110px} #addWishes ul{overflow: hidden; float: left;} #addWishes ul li{list-style-type: none; display: block; float: left; margin: 0 10px} #addWishes ul li .blueBtnSmall{margin: 0} #addWishes .formRow{position: relative; margin: 20px auto; width: 680px; background: url('/images/whiteWindow2.png') -281px 0 no-repeat transparent;} #addWishes .formRow .leftBorder{width: 650px; padding: 13px 10px 8px 10px; margin-left: -13px; background: url('/images/whiteWindow2.png') 0 0 no-repeat transparent} #addWishes .formRow .rightBottom{position: absolute; width: 680px; height: 13px; bottom: -13px; right: 0; background: url('/images/whiteWindow2.png') -281px -1952px no-repeat transparent} #addWishes .formRow .leftBottom{position: absolute; width: 13px; height: 13px; bottom: -13px; left: -13px; background: url('/images/whiteWindow2.png') 0px -1952px no-repeat transparent} #addWishes .formRowLong{position: relative; margin: 0 auto 15px auto; width: 850px; background: url('/images/whiteWindow2.png') -111px 0 no-repeat transparent;} #addWishes .formRowLong .leftBorder{width: 820px; padding: 13px 10px 8px 10px; margin-left: -13px; background: url('/images/whiteWindow2.png') 0 0 no-repeat transparent} #addWishes .formRowLong .rightBottom{position: absolute; width: 850px; height: 13px; bottom: -13px; right: 0; background: url('/images/whiteWindow2.png') -111px -1952px no-repeat transparent} #addWishes .formRowLong .leftBottom{position: absolute; width: 13px; height: 13px; bottom: -13px; left: -13px; background: url('/images/whiteWindow2.png') 0px -1952px no-repeat transparent} #addWishes .formRowLong #addWishesLabel{margin-top: 16px; width: 165px} #additionalInfo{float: right; width: 220px; background-color: #fff; border: 1px solid #cccccc; margin-right: 5px; padding: 40px 15px 30px 15px; position: relative} #additionalInfo div{margin-bottom: 12px} #additionalInfo input{width: 210px; margin-left: 0} #additionalInfo select{margin-left: 0} #additionalInfo label{float: none; font-weight: bold; text-align: left; margin-bottom: 3px} #additionalInfo .formErrors, #additionalInfo .formErrors li{margin: 0} #additionalInfo .decorTop{float: none; height: 27px; width: 100%; background-color: #f0f0ee; border-bottom: 1px solid #cccccc; position: absolute; top: 0; left: 0} #additionalInfo .decorBottom{float: none; height: 20px; width: 100%; background-color: #f0f0ee; border-top: 1px solid #cccccc; margin-bottom: 0; position: absolute; bottom: 0; left: 0} #playStopBtn{width: 20px; height: 20px; display: block; float: left; background: url('/images/icons.png?8') -278px -149px no-repeat transparent; margin: 15px 0 0 5px} #playStopBtn.stopBtn{background-position: -298px -149px} #preview .standardForm{margin: 0} #preview .standardForm fieldset{margin: 0} #preview label.musicBg{margin-top: 20px; width: 200px} #preview select{width: 150px; margin-top: 17px; float: left;} #preview label{font-weight: bold; font-size: 14px; width: 190px} #preview label.stationery{margin-top: 23px; width: 150px} #preview .formRowLong{position: relative; margin: 0 auto 15px auto; width: 850px; background: url('/images/whiteWindow2.png') -111px 0 no-repeat transparent;} #preview .formRowLong .leftBorder{width: 820px; padding: 13px 10px 8px 10px; margin-left: -13px; background: url('/images/whiteWindow2.png') 0 0 no-repeat transparent} #preview .formRowLong .rightBottom{position: absolute; width: 850px; height: 13px; bottom: -13px; right: 0; background: url('/images/whiteWindow2.png') -111px -1952px no-repeat transparent} #preview .formRowLong .leftBottom{position: absolute; width: 13px; height: 13px; bottom: -13px; left: -13px; background: url('/images/whiteWindow2.png') 0px -1952px no-repeat transparent} #ecardTabs{margin: 60px auto 20px auto; padding: 0 33px 8px 25px; width: 867px; height: 27px; position: relative; background: url('/images/images.jpg?3') -202px 0 no-repeat #fff} #ecardTabs li{float: left; list-style-type: none; font-size: 16px; font-weight: bold; position: relative;} #ecardTabs li.active{background-position: -377px -339px; font-weight: bold;} #ecardTabs li a{width: 200px; height: 23px; padding-top: 4px; display: block; text-align: center; font-size: 16px; text-decoration: none; color: #000; margin: 0 16px 0 0;} #ecardTabs li.active a{background: url('/images/vbg.png?1') 0 -2593px repeat-x #fff; color: #fff;} #ecardTabs li div{overflow: hidden; width: 272px; height: 21px; position: absolute; top: -55px; left: -28px; color: #000; display: none; background: url('/images/icons.png?8') -572px -401px no-repeat transparent; padding: 6px 5px 25px 5px; font-size: 11px; font-weight: normal} #ecardTabs li.active div{display: block} #sendEcardTabs{overflow: hidden; margin: 0 auto -1px auto; padding: 0; width: 925px; height: 51px; z-index: 2; position: relative;} #sendEcardTabs li{float: left; list-style-type: none; width: 302px; height: 51px; background: url('/images/icons.png?8') -377px -288px no-repeat #fff; position:relative;} #sendEcardTabs li.active{background-position: -377px -339px; font-weight: bold;} #sendEcardTabs li a{width: 300px; height: 34px; display: block; text-align: center; font-size: 16px; text-decoration: none; color: #000; margin-top: 15px} #sendEcardTabs li span{position: absolute; display: block; top: 12px; left: 15px;} #sendEcardTabs li#tab10 a{padding-left: 70px; width: 230px} #sendEcardTabs #tab10 span{background: url('/images/icons.png?8') -362px -169px no-repeat transparent; width: 63px; height: 21px; top: 12px;} #sendEcardTabs #tab10.active span{background-position: -425px -169px} #sendEcardTabs #tab11 span{background: url('/images/icons.png?8') -362px -190px no-repeat transparent; width: 32px; height: 31px; top: 8px;} #sendEcardTabs #tab11.active span{background-position: -394px -190px} #sendEcardTabs #tab12 span{background: url('/images/icons.png?8') -701px -453px no-repeat transparent; width: 32px; height: 31px; top: 8px;} #sendEcardTabs #tab12.active span{background-position: -604px -453px} #tabContent10{font-family: Verdana} #tabContent10 h4{font-size: 16px; padding-bottom: 10px;} #tabContent10 .recipient, #tabContent10 .recipientOptions, #tabContent10 .sendingOptions, #tabContent10 .sendDate{margin-bottom: 5px; margin-left: 10px} #tabContent10 .recipient input.recipient_name, #tabContent10 .recipient input.recipient_email{font-size: 14px; border: 1px solid #000; padding: 2px 0;} #tabContent10 .recipient input.recipient_name{width: 180px; margin-right: 40px} #tabContent10 .recipient input.recipient_email{width: 300px} #tabContent10 .recipientOptions strong, #tabContent10 .sendingOptions strong{display: block; float: left; margin: 2px 10px 20px 0} #tabContent10 .recipientOptions ul{display: inline; overflow: hidden;} #tabContent10 .recipientOptions li{list-style-type: none; display: inline; line-height: 30px; margin-right: 10px} #tabContent10 .recipientOptions li input{vertical-align: middle} #tabContent10 .sender{margin-bottom: 10px; margin-left: 10px} #tabContent10 .sender input{width: 200px; margin-right: 50px; font-size: 14px; border: 1px solid #000; padding: 2px 0;} #tabContent10 .sendingOptions{overflow: hidden} #tabContent10 .sendingOptions ul{margin: 2px 0 0 0} #tabContent10 .sendingOptions ul li{list-style-type: none; margin-bottom: 10px} #tabContent10 .sendingOptions ul li input{vertical-align: top} #tabContent10 .yellowBtn{font-size: 14px} #tabContent10 fieldset{margin-bottom: 0} #tabContent10 .error_list{margin-left: 0} #tabContent10 div .error_list{ margin-left: 98px} #tabContent10 .error_list li{color: red; list-style-type: none;} #tabContent11{font-family: Verdana} #tabContent11 h3{margin-top: 20px; margin-left: 70px} #tabContent11 p{padding-left: 90px} #tabContent11 div{text-align: center; margin: 30px 0 20px 0} #tabContent11 .blueBtn{display: block; height: 25px; padding-top: 11px; font-weight: normal} #tabContent11 ul{margin-left: 120px} #tabContent12 ul.fbSendCard{margin: 0; overflow: hidden; font-family: verdana} #tabContent12 ul.fbSendCard li{list-style-type: none; float: left;} #tabContent12 ul.fbSendCard li h3{font-weight: normal; font-size: 18px;} #tabContent12 ul.fbSendCard li h3 a{text-decoration: none; color: #000;} #tabContent12 ul.fbSendCard li h3 div{background: url('/images/icons.png?8') -733px -453px no-repeat transparent; width: 25px; height: 24px; float: left; margin-right: 10px;} #tabContent12 ul.fbSendCard li.fbToFriendsWall .img{width: 363px; height: 141px; margin-top: 8px; background: url('/images/images.jpg?3') -775px -1082px no-repeat #fff;} #tabContent12 ul.fbSendCard li.fbOr{font-size: 18px; color: #717171; padding-top: 1em; margin: 0 55px;} #tabContent12 ul.fbSendCard li.fbToYourWall .img{width: 352px; height: 149px; background: url('/images/images.jpg?3') -775px -1223px no-repeat #fff;} #tabContent12 ul#fbFriends{width: 343px; border: 1px solid #999; padding: 10px; max-height: 490px; overflow: auto;} #fbFriends li{width: 140px; float: left; height: 50px; overflow: hidden; margin: 10px; font-size: 11px;} #fbFriends li img{float: left; margin: 0 5px 0 0; } #ecardTitleBox{padding: 35px 0 10px 0; text-align: center; height: 62px; overflow: hidden;} #ecardTitleBox h3{display: inline; background: url('/images/icons.png?8') 0 -761px no-repeat #fff; padding: 18px 20px 20px 27px; font-size: 18px} #ecardTitleBox a{background: url('/images/icons.png?8') -914px -761px no-repeat #fff; padding: 18px 45px 20px 20px; font-size: 18px; text-decoration: none;} #ecardTitleBox input{font-size: 18px} #ecardTitleBox #ecardTitleEditable{display: none; position: relative; margin: -17px auto 0 auto; height: 43px; background: url('/images/icons.png?8') 0 -761px no-repeat #fff; width: 390px; padding: 18px 0 0 20px} #ecardTitleBox #ecardTitleEditable input{width: 300px; margin-right: 90px} #ecardTitleBox #ecardTitleEditable a{padding-top: 20px; position: absolute; top: 0; right: 0} .colorPickerBtn{padding: 0 7px; cursor: pointer; border: 1px solid #777;} #tabContent10 .sentEcard{text-align: left} .sentEcard .cardSentInfo{background-color:#FFEAA1;border:1px solid #E4A90C;color:#000000;font-size:14px;padding:10px 20px;text-align:center;} .sentEcard input{width: 600px; border: 1px solid #d1d1d1; padding: 4px 0; text-align: center; background-color: #fff} .sentEcard ul{margin-left: 130px} .sentEcard li{list-style-type: none; overflow: hidden; text-align: left; margin: 20px 0} .sentEcard li a{color: #000; text-decoration: none; line-height: 35px} .sentEcard #link2 a{line-height: 20px} .sentEcard li a:hover{color: #19408f} .sentEcard li span{display: block; float: left; width: 73px; height: 37px; background: url('/images/icons.png?8') -488px -169px no-repeat #fff; margin-right: 10px} .sentEcard li#link2 span{background-position: -561px -169px; width: 60px; margin-left: 13px} .sentEcard li#link3 span{background-position: -634px -169px; width: 60px; margin-left: 13px} .sentEcard li#link4 span{background-position: -707px -169px; width: 60px; margin-left: 13px} .sentEcard li#link5 span{background-position: -780px -169px; width: 60px; margin-left: 13px} #tabContent5 .sentEcard ul.normal{margin-left: 160px} .sentEcard ul.normal li{list-style-type: disc; overflow: visible; margin: 5px 0} #tabContent5 .sentEcard p{text-align: left; padding-left: 135px; padding-top: 20px} #receivedEcard ul{width: 961px; margin: 10px auto 20px auto;} #receivedEcard ul li{list-style-type: none; float: left; text-align: center; width: 25%;} #receivedEcard ul.twoItems li{width: 50%} #receivedEcard ul.threeItems li{width: 33%} #receivedEcard ul.fourItems li{width: 25%} #receivedEcard ul.fiveItems li{width: 20%} #receivedEcard ul li a{color: #000; text-decoration: none; font-weight: bold} #receivedEcard ul li a.icon{width: 91px; height: 60px; display: block; background: url('/images/icons.png?8') 0 0 no-repeat #fff; margin: 0 auto; text-indent: -9999em} #receivedEcard ul li#tab1 a.icon{background-position: -519px -206px} #receivedEcard ul li#tab2 a.icon{background-position: -610px -206px} #receivedEcard ul li#tab3 a.icon{background-position: -701px -206px} #receivedEcard ul li#tab4 a.icon{background-position: -792px -206px} #receivedEcard ul li#tab5 a.icon{background-position: -883px -206px} #receivedEcard h3.title{font-size: 20px; text-align: center; padding: 30px 0 5px 0} #receivedEcard ul.small{margin: 10px auto 0 auto; overflow: hidden} #receivedEcard ul.small li a.icon{width: 61px; height: 40px;} #receivedEcard ul.small li#tab2 a.icon{background-position: -1242px -669px} #receivedEcard ul.small li#tab4 a.icon{background-position: -1303px -669px} #receivedEcard ul.small li#tab5 a.icon{background-position: -1364px -669px} #receivedEcard ul.small li#gplus{padding-top: 15px} #receivedEcard ul.small li#fbshare{padding-top: 15px} #receivedEcard #ecard{position: relative; margin: 0 auto 15px auto; width: 941px; background: url('/images/whiteWindow2.png') 0 0 no-repeat transparent; padding: 10px} #receivedEcard #cardDetails{width: 610px} #receivedEcard #ecard .bottom{position: absolute; width: 961px; height: 15px; bottom: -15px; left: 0px; background: url('/images/whiteWindow2.png') 0px -1952px no-repeat transparent} #ecardPreview #right, #receivedEcard #right{width: 225px; float: right; font-family: Verdana; margin: 215px 0 15px 0; position: relative; background: url('/images/transparentWindow.png') 0 -15px no-repeat transparent; padding: 0 10px} #ecardPreview #right .top, #receivedEcard #right .top{margin: 0; width: 230px; height: 15px; background: url('/images/transparentWindow.png') 0 0 no-repeat transparent; position: absolute; top: -15px; left: 0} #ecardPreview #right .top div, #receivedEcard #right .top div{width: 15px; height: 15px; position: absolute; top: 0; right: -15px; background: url('/images/transparentWindow.png') -979px 0 no-repeat transparent} #ecardPreview #right .bottom, #receivedEcard #right .bottom{margin: 0; width: 230px; height: 15px; background: url('/images/transparentWindow.png') 0 -1976px no-repeat transparent; position: absolute; bottom: -15px; left: 0} #ecardPreview #right .bottom div, #receivedEcard #right .bottom div{width: 15px; height: 15px; position: absolute; top: 0; right: -15px; background: url('/images/transparentWindow.png') -979px -1976px no-repeat transparent} #ecardPreview #right p, #receivedEcard #right p{margin: 0 0 5px 0} #ecardPreview #right h3, #receivedEcard #right h3{padding: 0 0 5px 0} #ecardPreview #right #senderBox, #receivedEcard #right #senderBox{margin-bottom: 15px} #ecardPreview #otherInfoBox, #receivedEcard #otherInfoBox{margin-top: 15px;} #ecardPreview #otherInfoBox div, #receivedEcard #otherInfoBox div{margin-bottom: 5px} #ecardPreview #greetings{font-size: 18px; margin: 25px 0 15px 0; width: 860px; padding: 0 10px; background: url('/images/transparentWindow.png') 0 -15px no-repeat transparent; position: relative} #ecardPreview #greetings .top{margin: 0; width: 865px; height: 15px; background: url('/images/transparentWindow.png') 0 0 no-repeat transparent; position: absolute; top: -15px; left: 0} #ecardPreview #greetings .top div{width: 15px; height: 15px; position: absolute; top: 0; right: -15px; background: url('/images/transparentWindow.png') -979px 0 no-repeat transparent} #ecardPreview #greetings .bottom{margin: 0; width: 865px; height: 15px; background: url('/images/transparentWindow.png') 0 -1976px no-repeat transparent; position: absolute; bottom: -15px; left: 0} #ecardPreview #greetings .bottom div{width: 15px; height: 15px; position: absolute; top: 0; right: -15px; background: url('/images/transparentWindow.png') -979px -1976px no-repeat transparent} #receivedEcard #ecardPreview #greetings{width: 860px; font-size: 18px;} #receivedEcard #ecardPreview #greetings .top{width: 865px;} #receivedEcard #ecardPreview #greetings .bottom{width: 865px;} #favouritesCards{margin: 0; overflow: hidden; font-family: Verdana} #favouritesCards li{list-style-type: none; width: 360px; margin: 0 0 10px 0; padding: 0; float: left; background: url('/images/whiteWindow2.png') 0 0 no-repeat transparent; position: relative; font-size: 11px} #favouritesCards li .rightBorder{margin-right: -15px; margin-left: 15px; padding: 12px 0; height: 126px; background: url('/images/whiteWindow2.png') -601px 0 no-repeat transparent; overflow: hidden} #favouritesCards li .bottom{position: absolute; bottom: 0; left: 0; width: 375px; height: 15px; background: url('/images/whiteWindow2.png') 0 -1952px no-repeat #fff} #favouritesCards li .bottom div{position: absolute; width: 15px; height: 15px; background: url('/images/whiteWindow2.png') -946px -1952px no-repeat #fff; top: 0; right: 0;} #favouritesCards li.first{margin-right: 35px} #favouritesCards li .thumb{float: left; margin-right: 7px} #favouritesCards li .info{float: left; position: relative; height: 120px; width: 180px} #favouritesCards li .info h3{margin: 30px 0 15px 0; padding: 0; font-size: 12px} #favouritesCards li a{color: #000} #favouritesCards li .info .removeLink{position: absolute; bottom: 2px; left: 0; font-size: 11px;} #favouritesCards li .info .cardType{height: 22px; font-weight: bold; font-size: 10px; font-family: Verdana; position: absolute; top: 0; left: 0} #favouritesCards li .info .cardType .extra{float: left; color: #b10001; display: block;} #favouritesAuthors{margin: 0; padding: 0; overflow: hidden} #favouritesAuthors li{list-style-type: none; width: 375px; height: 112px; margin-bottom: 10px; color: #868686; font-family: Verdana; font-style: italic; line-height: 18px; overflow: hidden; float: left} #favouritesAuthors li.first{margin-right: 20px} #favouritesAuthors li .info{float: left; width: 255px; position: relative;} #favouritesAuthors li .photo{width: 112px; height: 112px; float: left; margin-right: 8px} #favouritesAuthors li .removeLink{font-size: 11px; color: #868686; line-height: 40px;} #cardsTexts{width: 595px; margin: 0; padding: 0; font-family: Verdana; float: left;} #cardsTexts li{list-style-type: none; width: 580px; margin: 0 0 10px 0; padding: 0; background: url('/images/whiteWindow2.png') 0 0 no-repeat transparent; position: relative; font-size: 12px} #cardsTexts li .rightBorder{margin-right: -15px; margin-left: 15px; padding: 10px 20px 20px 0; background: url('/images/whiteWindow2.png') -381px 0 no-repeat transparent; overflow: hidden} #cardsTexts li .bottom{position: absolute; bottom: 0; left: 0; width: 595px; height: 15px; background: url('/images/whiteWindow2.png') 0 -1952px no-repeat #fff} #cardsTexts li .bottom div{position: absolute; width: 15px; height: 15px; background: url('/images/whiteWindow2.png') -946px -1952px no-repeat #fff; top: 0; right: 0;} #cardsTexts li .title{font-weight: bold; margin-bottom: 10px;} #cardsTexts li .author{margin-top: 20px} #cardsTexts li .addToClipboard{float: right} #cardsTexts li a{color: #184188} #noCardsTexts{float: left} #cardTextDenied{margin: 20px 0; overflow: hidden} #cardTextDenied .left{float: left; width: 625px; margin: 0 15px 0 0} #cardTextDenied .right{float: left; width: 345px; margin: 0} #cardTextDenied .left .notice{background: url('/images/vbg.png?1') 0 -2471px repeat-x #fff; height: 51px; padding: 0 10px} #cardTextDenied .left .notice span{margin-top: 15px; display: block; float:left; } #cardTextDenied .left .blueBtn{display: block; text-align: center; float: right; font-size: 14px; padding: 4px 10px 0 10px; width: 149px; font-size: 12px;} #cardTextDenied .left h3{font-size: 18px; text-align: center; padding: 50px 0} #cardTextDenied .left .textCategories{margin: 0 20px 30px 20px; text-align: center} #cardTextDenied .left .typeHeader{font-weight: bold; font-size: 14px; margin-top: 30px} #cardTextDenied .left ul{margin: 15px 0 30px 0} #cardTextDenied .left ul li{list-style-type: none; width: 610px; margin: 0 0 10px 0; padding: 0; background: url('/images/whiteWindow2.png') 0 0 no-repeat transparent; position: relative; font-size: 12px} #cardTextDenied .left ul li .rightBorder{margin-right: -15px; margin-left: 15px; padding: 10px 20px 20px 0; background: url('/images/whiteWindow2.png') -351px 0 no-repeat transparent; overflow: hidden} #cardTextDenied .left ul li .bottom{position: absolute; bottom: 0; left: 0; width: 625px; height: 15px; background: url('/images/whiteWindow2.png') 0 -1952px no-repeat #fff} #cardTextDenied .left ul li .bottom div{position: absolute; width: 15px; height: 15px; background: url('/images/whiteWindow2.png') -946px -1952px no-repeat #fff; top: 0; right: 0;} #cardTextDenied .left ul li .icon{width: 101px; height: 81px; background: url('/images/icons.png?8') -415px -830px no-repeat #fff; float: left; margin-right: 15px;} #cardTextDenied .left ul li#type2 .icon{background-position: -516px -830px} #cardTextDenied .left ul li#type3 .icon{background-position: -617px -830px} #cardTextDenied .left ul li .status{font-weight: bold; float: right;} #cardTextDenied .left ul li .status span{color: #a50000} #cardTextDenied .left ul li h3{text-align: left; font-size: 14px; margin: 0 0 10px 0; padding: 0} #cardTextDenied .right .info{width: 300px; margin: 0 15px 15px 15px; background: url('/images/whiteWindow2.png') 0 0 no-repeat transparent; position: relative;} #cardTextDenied .right .info .rightBorder{margin-right: -15px; margin-left: 15px; padding: 10px 20px 20px 0; background: url('/images/whiteWindow2.png') -661px 0 no-repeat transparent; overflow: hidden} #cardTextDenied .right .info .bottom{position: absolute; bottom: 0; left: 0; width: 315px; height: 15px; background: url('/images/whiteWindow2.png') 0 -1952px no-repeat #fff} #cardTextDenied .right .info .bottom div{position: absolute; width: 15px; height: 15px; background: url('/images/whiteWindow2.png') -946px -1952px no-repeat #fff; top: 0; right: 0;} #cardTextDenied .right .info .decorLeft{position: absolute; width: 28px; height: 64px; top: 10px; left: -11px;} #cardTextDenied .right .info .decorRight{position: absolute; width: 28px; height: 64px; bottom: 25px; right: -25px;} #cardTextDenied .right .info ol{margin: 0;} #cardTextDenied .right .info ol li{list-style-position: inside; margin-bottom: 5px} #cardTextDenied .right #info1 .decorLeft{background: url('/images/icons.png?8') -575px -64px no-repeat transparent;} #cardTextDenied .right #info1 .decorRight{background: url('/images/icons.png?8') -575px 0 no-repeat transparent;} #cardTextDenied .right #info2 .decorLeft{background: url('/images/icons.png?8') -875px -64px no-repeat transparent;} #cardTextDenied .right #info2 .decorRight{background: url('/images/icons.png?8') -875px 0 no-repeat transparent;} #cardTextDenied .right .info .icon{width: 136px; height: 123px; float: left; margin: 0 7px 5px 0; background: url('/images/icons.png?8') -838px -266px no-repeat #fff;} #cardTextDenied .right .info h3{color: #5072a7; margin-left: 10px; font-size: 14px;} #cardTextDenied .right .info p{text-align: justify; margin-bottom: 7px} #cardTextDenied .right .info .more{float: right; color: #2958a6; font-weight: bold; margin-right: 5px} #ecardPreviewDenied{width: 625px;} #ecardPreviewDenied .notice{background: url('/images/vbg.png?1') 0 -2471px repeat-x #fff; height: 51px; padding: 0 10px} #ecardPreviewDenied .notice span{margin-top: 15px; display: block; float:left; } #ecardPreviewDenied .blueBtn{display: block; text-align: center; float: right; font-size: 14px; padding: 5px 10px 0 10px; width: 149px; font-size: 12px; height: 21px; margin-top: 6px} #ecardPreviewDenied h3{font-size: 18px; text-align: center; padding: 30px 0; width: 530px; margin: 0 auto;} #ecardPreviewDenied p{padding: 0 20px;} #ecardPreviewDenied ul{margin-left: 50px} #ecardPreviewDenied ul li{margin-bottom: 1em} div.roundedTable{position: relative; margin: 0; padding: 0} div.roundedTable .leftTop{width: 12px; height: 30px; position: absolute; top: 0; left: 0; background: url('/images/icons.png?8') -165px -64px no-repeat #fff} div.roundedTable .rightTop{width: 12px; height: 30px; position: absolute; top: 0; right: 0; background: url('/images/icons.png?8') -177px -64px no-repeat #fff} div.roundedTable table{width: 100%; font-family: Verdana; margin: 0; border: 1px solid #e1e2e4} div.roundedTable table th{padding: 0px 12px; height: 31px; background: url('/images/vbg.png?1') 0 -2523px repeat-x #ebf3fe; border: 1px solid #e1e2e4; border-right-color: #848484; font-size: 11px} div.roundedTable table td{border-bottom: 1px solid #e1e2e4; padding: 5px; background-color: #fff} div.roundedTable table td.center{text-align: center} div.roundedTable table td .yes, div.roundedTable table td .no{width: 39px; height: 35px; text-indent: -9999em; margin: 0 auto;} div.roundedTable table td .yes{background: url('/images/icons.png?8') -509px -124px no-repeat #fff;} div.roundedTable table td .no{background: url('/images/icons.png?8') -125px -64px no-repeat #fff;} div.roundedTable table td .yes2, div.roundedTable table td .no2{width: 31px; height: 30px; text-indent: -9999em; margin: 0 auto;} div.roundedTable table td .yes2{background: url('/images/icons.png?8') -168px -170px no-repeat transparent;} div.roundedTable table td .no2{background: url('/images/icons.png?8') -168px -140px no-repeat transparent;} div.roundedTable table a{color: #000} #reminders #remindersOptions{margin-top: 15px; margin-bottom: 15px; font-weight: bold;} #reminders #remindersOptions span{font-weight: normal} #reminders #remindersOptions a{font-weight: normal; margin-left: 10px} #reminders .sortBox h4, #reminders .sortBox ul{float: right} #reminders .reminder{text-align: center} #reminders #addOptions{text-align: center; margin: 50px 0 15px 0; overflow: hidden;} #reminders #addOptions a{padding: 3px 5px; margin: 0 0 0 20px; border: 1px solid #d2d2d2; border-radius: 5px; background: #f0f0f0; color: #164364; text-decoration: none; float: right; font-weight: bold;} #reminders #addOptions a:hover{background: #e3e3e3} #reminders .date{width: 85px; text-align: center} #reminders .type{width: 120px} #reminders .details{width: 100px; text-align: center} #reminders .sendOnlineCard, .sendPrintableCard{width: 120px} #reminders .sendPrintableCard a{background: url('/images/icons.png') -426px -201px no-repeat transparent; display: block; margin: 0 auto; width: 63px; height: 20px;} #reminders .sendOnlineCard a{background: url('/images/icons.png') -488px -206px no-repeat transparent; display: block; margin: 0 auto; width: 29px; height: 20px;} #reminders .reminder{width: 85px; text-align: center;} #reminders .reminder a{color: #c7760b} .plusIcon{display: block; width: 15px; height: 15px; float: left; background: url('/images/icons.png?8') -988px 0 no-repeat transparent; margin-right: 5px} .contactsIcon{display: block; width: 23px; height: 15px; float: left; background: url('/images/icons.png?8') -1003px 0 no-repeat transparent; margin-right: 5px} .importContactsIcon{display: block; width: 23px; height: 15px; float: left; background: url('/images/icons.png?8') -1026px 0 no-repeat transparent; margin-right: 5px} .questionIcon{display: block; width: 23px; height: 15px; float: left; background: url('/images/icons.png?8') -1048px 0 no-repeat transparent; margin-right: 5px} .dropDownIcon{display: block; width: 15px; height: 15px; float: right; background: url('/images/icons.png?8') -1071px 0 no-repeat transparent; margin-left: 5px} .okIcon{display: block; width: 15px; height: 15px; float: left; background: url('/images/icons.png?8') -1109px 0 no-repeat transparent; margin-right: 5px} .deleteIcon{display: block; width: 16px; height: 15px; float: left; background: url('/images/icons.png?8') -1090px 0 no-repeat transparent; margin-right: 5px} .cancelIcon{display: block; width: 16px; height: 15px; float: left; background: url('/images/icons.png?8') -1124px 0 no-repeat transparent; margin-right: 5px} .editIcon{display: block; width: 15px; height: 15px; float: left; background: url('/images/icons.png?8') -1212px 0 no-repeat transparent; margin-right: 5px} .cardIcon{display: block; width: 32px; height: 15px; float: left; background: url('/images/icons.png?8') -1138px 0 no-repeat transparent; margin-right: 5px} .pcardIcon{display: block; width: 23px; height: 15px; float: left; background: url('/images/icons.png?8') -1189px 0 no-repeat transparent; margin-right: 5px} .starIcon{display: block; width: 16px; height: 15px; float: left; background: url('/images/icons.png?8') -1170px 0 no-repeat transparent; margin-right: 5px} #contactList .pageHeader .icon{background-position: -966px -1058px} #contactList h4.notice{margin-top: 20px} #contactList table{font-size: 11px} #contactList table td{text-align: center} #contactList table td a.orange{color: #da9b10} #contactList table td.name a{color: #1a4186} #contactList table td.dates, #contactList table td.address{text-align: left} #contactList table td.selectGroup a{font-weight: normal; position: relative;} #contactList table td.selectGroup .dropDownList{ position: absolute; top: 22px; left: 0; margin: 0; padding: 5px; border: 1px solid #d2d2d2; border-radius: 5px; background: #f0f0f0; min-width: 100px; z-index: 1; } #contactList table td.selectGroup .dropDownList li{ list-style-type: none; line-height: 1.5em; text-align: left; } #contactList table td.selectGroup .dropDownList li a{color: #164364; text-decoration: none; display: block;padding: 3px } #contactList table td.selectGroup .dropDownList li a:hover{background: #e3e3e3} #contactList .headOptions{padding: 0} #contactList .headOptions a.grayBtn2{margin-left: 10px} form.editContact div textarea{height: 100px} form.editContact div.submits{margin: 0 0 20px 20px} form.editContact fieldset .blueBtnSmall{font-size: 12px; margin-left: 15px; float: left} form.editContact a.blueBtnSmall{display: block;text-align: center; padding-top: 10px; height: 22px;} form.editContact fieldset div .formHint{margin-left: 350px; font-size: 0.9em; color: #000;} #groupContacts{font-family: verdana; width: 770px; margin: 0 auto;} #groupContacts .pageHeader .icon{background-position: -966px -1058px} #groupContacts .pageHeader p{width: 700px;} #groupContacts .center{text-align: center;} #groupContacts .double_list{background-color: transparent; padding: 20px; position: relative;} #groupContacts .double_list .double_list_label{color: #000; background-color: #d8e6f1; border: 1px solid #cac8c9; padding: 7px;text-align: center} #groupContacts .double_list a{color: #000; text-decoration: none; font-size: 11px} #groupContacts .double_list select{width: 300px; border: 1px solid #cac8c9; height: 18em; border-top: none;} #groupContacts .double_list select option{padding: 5px} #groupContacts #addContactGroup{float: right;} #groupContacts table td{vertical-align: middle} #groupContacts table td a{color: #000;} #groupContacts table a.deleteLink{background: url('/images/icons.png?8') -1086px 0px no-repeat transparent; width: 23px; height: 15px; display:block} #groupContacts #groupContactsSubmit{padding: 3px 20px; float:right} #addGroupForm div label{width: 100px; margin-left: 0} #addGroupForm div .error_list{margin-left: 105px} #importContacts{font-family: verdana} #importContacts #mailClients li{line-height: 2em} #importContacts li a{color: #17448b} #importContacts p, #importContacts #step2 div, #importContacts input, #importContacts select{margin-left: 20px} #importContacts ul{margin-left: 30px} #askForDates, #askForDates2 .content{width: 550px; margin: 10px 0; float: left; border: 1px solid #dfdfdf; border-radius: 10px; padding: 0} #askForDates form input, #askForDates textarea, #askForDates2 textarea{font-size: 12px; padding: 4px; border: 1px solid #000;} #askForDates ul.error_list{margin-left: 164px; margin-top: 2px; font-size: 11px} #askForDates #date_query_subject, #askForDates textarea, #askForDates2 textarea{background-color: #eee} #askForDates form .blueBtnSmall{border: none; margin-left: 5px} #askForDates .recipient label{margin-left: 24px; margin-top: 5px} #askForDates .recipient ul.error_list{margin-left: 187px; margin-top: 0} #askForDates .recipient input[type="text"]{width: 277px} #askForDates #recipient_1 label{width: auto; margin-left: 11px; margin-top: 15px} #askForDates .center{text-align: center} #askForDates .extraLabel{float: left; display: block; width: 154px; text-align: right; margin-top: 15px} #askForDates .checkbox_list{margin-left: 110px; overflow: hidden; margin-top: 20px} #askForDates .checkbox_list li{list-style-type: none; margin: 0 0 10px 25px; float: left;} #askForDates .checkbox_list li label{float: none; display: inline;} #askForDates .checkbox_list li input{vertical-align: top;} #askFriends .global .error_list{margin-left: 0} #askFriends .global .error_list li{margin-left: 0; list-style-type: none; font-size: 14px; font-family: verdana; color: red; font-weight: bold; text-align: center;} #askForDates2{border-top: 2px solid #cbcbcb} #askForDates2 textarea{margin-bottom: 10px; width: 600px} #askFriends .messageExampleLabel{float: none; font-family: verdana; font-size: 14px; padding: 30px; background-color: #f6f6f6; border: 1px solid #d3d3d3; border-left: none; border-right: none; text-align: center; margin: 0; position: relative; margin-bottom: 38px} #askFriends .messageExampleLabel .decor{width: 54px; height: 28px; background: url('/images/icons.png?8') -1481px -1058px no-repeat transparent; position: absolute; bottom: -28px; left: 248px} #askForDates input[type=text]{width: 365px} #askForDates2 .pageHeader{float: left; width: 560px} #askForDates2 .pageHeader h1{font-size: 23px !important; padding: .3em 0 5px 0} #askForDates2 .pageHeader .icon{background-position: -1284px -1058px;} #askFriends .pageHeader p{width: 475px; margin-left: 65px; font-family: verdana; line-height: 1.5em} #askForDates2 .infoBox1 h3{padding: 13px 10px 5px 10px !important;} #askForDates2Options{float: right; width: 405px; margin: 100px 0 0 20px; font-size: 14px; font-family: verdana} #askForDates2Options li{list-style-type: none; line-height: 2em} #addHolidaysReminderForm select{margin-right: 10px} #addHolidaysReminder .roundedTable{margin: 30px 0} #addOtherHoliday .center input{margin-left: 10px; font-size: 12px; margin-top: 20px} #addDatesByContact .windowNextToSidebar{float: left; width: 500px; margin: 10px 6px 10px 4px} #addDatesByContact .windowNextToSidebar .rightBorder{width: 450px} #addDatesByContact .windowNextToSidebar .topBorder{width: 500px} #addDatesByContact .windowNextToSidebar .leftDecor{position: absolute; width: 28px; height: 64px; top: 10px; left: -4px; background: url('/images/icons.png?8') -575px -64px no-repeat transparent;} #addDatesByContact .windowNextToSidebar .rightDecor{position: absolute; width: 28px; height: 64px; bottom: 25px; right: -6px; background: url('/images/icons.png?8') -575px 0 no-repeat transparent;} #addDatesByContact form{margin-top: 30px} #addDatesByContact form div input{width: 250px} #addDatesByContact form fieldset.bordered div select{width: 255px} #addDatesByContact form div .formHint{color: #000} #addDatesByContact form div .error_list{font-size: 11px; margin-top: 0} #addDatesByContact form div.otherEventNameRow input{margin-left: 155px} #addDatesByContact .yellowCloud .beak{right: 200px} #addDatesByContact .ostrichInHole{float: right; margin-right: 200px} .ostrichInHole{width: 227px; height: 227px; background: url('/images/images.jpg?3') -410px -420px no-repeat #fff} #accountSummary .windowNextToSidebar{float: none; width: 970px; margin: 15px auto;} #accountSummary .windowNextToSidebar .rightBorder{width: 920px; padding-top: 20px; padding-bottom: 100px} #accountSummary .windowNextToSidebar .topBorder{width: 970px;} #accountSummary ul.main>li{list-style-type: none; display: block; padding: 10px; margin-bottom: 10px; padding-left: 40px; position: relative; overflow: hidden} #accountSummary ul.main{width: 765px; margin: 30px auto 0 auto} #accountSummary ul li{list-style-type: none;} #accountSummary ul li .icon{float: right; margin: 0px 20px 0 10px; width: 94px; height: 96px} #accountSummary ul li ul{margin: 0} #accountSummary ul li ul li{margin-bottom: 10px} #accountSummary ul h3{color: #184188; padding: 0 0 10px 0; margin: 0} #accountSummary ul a{color: #184188} #accountSummary ul a:hover{color: #000} #accountSummary ul #box1{background: url('/images/bigIcon1.png') right center no-repeat #f1f1f1; } #accountSummary ul #box2{background: url('/images/bigIcon4.png') right center no-repeat #f1f1f1;} #accountSummary ul #box3{background: url('/images/bigIcon2.png') right center no-repeat #f1f1f1;} #accountSummary ul #box4{background: url('/images/bigIcon5.png') right center no-repeat #f1f1f1;} #accountSummary ul #box5{background: url('/images/bigIcon6.png') right center no-repeat #f1f1f1;} #accountSummary ul #box6{background: url('/images/bigIcon3.png') right center no-repeat #f1f1f1;} #accountSummary ul #box1 .icon{background: url('/images/icons.png?8') 0 -912px no-repeat transparent} #accountSummary ul #box3 .icon{background: url('/images/icons.png?8') -94px -912px no-repeat transparent} #accountSummary ul #box2 .icon{background: url('/images/icons.png?8') -188px -912px no-repeat transparent} #accountSummary ul #box4 .icon{background: url('/images/icons.png?8') -282px -912px no-repeat transparent} #accountSummary ul #box5 .icon{background: url('/images/icons.png?8') -376px -912px no-repeat transparent} #accountSummary ul #box6 .icon{background: url('/images/icons.png?8') -470px -912px no-repeat transparent; margin-top: 30px} #accountSummary ul li .topLeft{width: 6px; height: 6px; position: absolute; top: 0; left: 0; background: url('/images/icons.png?8') -177px 0 no-repeat transparent;} #accountSummary ul li .topRight{width: 6px; height: 6px; position: absolute; top: 0; right: 0; background: url('/images/icons.png?8') -183px 0 no-repeat transparent;} #accountSummary ul li .bottomLeft{width: 6px; height: 6px; position: absolute; bottom: 0; left: 0; background: url('/images/icons.png?8') -177px -6px no-repeat transparent;} #accountSummary ul li .bottomRight{width: 6px; height: 6px; position: absolute; bottom: 0; right: 0; background: url('/images/icons.png?8') -183px -6px no-repeat transparent;} #accountSettings .blueBtnSmall{display: block; text-align: center; padding-top: 7px; height: 25px; position: absolute; bottom: 35px; left: 365px} #accountSettings .background{width: 677px; height: 52px; background: url('/images/icons.png?8') 100px -709px no-repeat transparent; position:relative} #accountSettings ul li{list-style-type: none;} #accountSettings ul.main{margin-bottom: 50px} #accountSettings ul li h3{margin-top: 0; padding-top: 0} #accountSettings .data{margin-left: 100px} #userAccountSettings{width: 700px; float: none; margin: 20px auto} #userAccountSettings .rightBorder{width: 650px;} #userAccountSettings .topBorder{width: 700px} #userAccountSettings form fieldset div{margin-bottom: 20px} #userAccountSettings .buttons{text-align: center;} #userAccountSettings .buttons input{margin: 0 20px 0 0} #safeReceiving{width: 800px; float: none; margin: 20px auto; line-height: 1.5em} #safeReceiving .rightBorder{width: 750px;} #safeReceiving .topBorder{width: 800px} #safeReceiving form fieldset div{margin-bottom: 20px} #safeReceiving .buttons{text-align: center;} #safeReceiving .buttons input{margin: 0 20px 0 0} #changeLanguageForm label{width: 250px} #changeReligionForm label{width: 250px} #ecardsArchive{font-family: Verdana} #ecardsArchive table{margin-bottom: 10px} #ecardsArchive table .delete{text-align: center} #ecardsArchive table .delete a{font-size: 14px; font-weight: bold; color: #a81e1e; text-decoration: none;} #ecardsArchive table td.sendAgain{text-align: center} #ecardsArchive table td.sendAgain a{display: block; width: 73px; height: 37px; background: url('/images/icons.png?8') -488px -169px no-repeat #fff; margin: 0 auto; text-indent: -9999em} #ecardsArchive .tableOptions a{color: #303f56; margin: 10px} #userSiteSettings .imagesList img{width: 100px; height: 100px;} #userSiteSettings .imagesList{width: 536px; margin-bottom: 10px} #userSiteSettings input[type=text]{padding: 3px} #userSiteSettings .colorPickerBtn{display: block; padding: 0; width: 30px; height: 30px; margin-top: -10px; float: left; margin-bottom: 10px} #userSiteSettings .imageBox img{max-width: 550px} #userSiteSettings #your_site_settings_page_background_color_button{margin-left: 5px} #userSiteSettings h2{margin-top: 0} #error404 .yellowCloud{width: 430px; float: right; margin: -10px 170px 0 auto; font-weight: bold; font-size: 14px; text-align: center;} #error404 .yellowCloud .beak{right: 350px} #error404 .ostrichInHole{margin: 50px auto 30px 150px} #error404 ul{margin: 40px 0 40px 0px; overflow: hidden; font-family: verdana} #error404 ul li{list-style-type: none; float: left; margin-left: 300px} #error404 ul li a{color: #2c256b} #error404 ul li h3{color: #2c256b; font-size: 20px; font-weight: normal} #error404 ul li ul{margin: 0} #error404 ul li ul li{float: none; width: auto; margin-bottom: 10px; margin-left: 20px} #error500{width: 980px; margin: 100px auto} #error500 .yellowCloud{width: 500px; float: none; margin: 30px 150px 0 auto; font-weight: bold; font-size: 14px; text-align: center;} #error500 .yellowCloud .beak{right: 450px} #error500 .ostrichInHole{margin: 0 auto 30px 160px} #walkingOstrich{width: 425px; margin: 0 auto;} ol.regulations li{font-weight: bold; margin-bottom: 15px; line-height: 1.5em} ol.regulations li ol li{font-weight: normal} #promoteUs{line-height: 1.5em} #promoteUs ul{margin: 30px 10px 30px 30px;} #promoteUs ul li{margin-bottom: 10px} #ostrichWithHorn{width: 258px; height: 305px; background: url('/images/images.jpg?3') -410px -115px no-repeat #fff; float: right;} #meetOurTeam ul{margin: 30px auto 0 auto; width: 608px; overflow: hidden} #meetOurTeam ul li{list-style-type: none; text-align: center; font-weight: bold; float: left; margin: 10px 80px 30px 80px} #meetOurTeam .header{width: 480px; border-bottom: 1px solid #e3e3e3; padding: 34px 10px 15px 0; position: relative;} .shadowOstrich{width: 144px; height: 215px; background: url('/images/images.jpg?3') -637px -420px no-repeat #fff} .ostrichBehindWall{width: 229px; height: 202px; float: right; background: url('/images/images.jpg?3') -605px -648px no-repeat #fff; position: absolute; top: -30px; right: -230px} /* ol.regulations, ol.regulations ol{counter-reset: cnt} ol.regulations li { list-style-type: none } ol.regulations li:before { content: counters(cnt, ".") ". "; counter-increment: cnt } */ .whiteShadowBox{position: relative; width: 350px; margin: 10px; background: url('/images/whiteWindow2.png') bottom left no-repeat #fff; font-family: Verdana;} .whiteShadowBox .content{padding: 20px 20px 20px 10px; margin-left: 15px; width: 305px; min-height: 100px; background: url('/images/whiteWindow2.png') bottom right no-repeat #fff; overflow: hidden;} .whiteShadowBox .topBorder{position: absolute; top: 0; left: 0; height: 20px; width: 350px; background: url('/images/whiteWindow2.png') top left no-repeat #fff;} .whiteShadowBox .topBorder div{position: absolute; top: 0; right: 0; height: 20px; width: 10px; background: url('/images/whiteWindow2.png') top right no-repeat #fff;} .whiteShadowBox .leftDecor{background: url('/images/icons.png?8') -575px -64px no-repeat transparent; position: absolute; top: 10px; left: -10px; width: 28px; height: 64px;} .whiteShadowBox .rightDecor{background: url('/images/icons.png?8') -575px 0 no-repeat transparent; position: absolute; bottom: 15px; right: -10px; width: 28px; height: 64px;} .whiteShadowBox .leftDecorBlue{background: url('/images/icons.png?8') -875px -64px no-repeat transparent; position: absolute; top: 10px; left: -10px; width: 28px; height: 64px;} .whiteShadowBox .rightDecorBlue{background: url('/images/icons.png?8') -875px 0 no-repeat transparent; position: absolute; bottom: 15px; right: -10px; width: 28px; height: 64px;} #premiumOrder{font-family: verdana} #premiumOrder h2, #premiumOrder li.option h3{color: #060e7b} #premiumOrder ul{margin: 0} #premiumOrder li.option h2{font-size: 20px; width: 20em; float: left; padding-top: 0} #premiumOrder li.option h2:first-letter{font-size: 30px;} #premiumOrder li.option{list-style-type: none; padding: 15px 0; border-top: 2px dotted #000e98;} #premiumOrder li.option .center{margin-top: 20px; font-weight: bold; color: #848486} #premiumOrder li.option .center a{color: #184188} #premiumOrder ul li ul{margin-left: 30px; margin-bottom: 1em;} #premiumOrder .whiteShadowBox .content{min-height: 270px} #premiumOrder .putLink ul li{list-style-type: none; overflow: hidden;} #premiumOrder .premiumBestseller{width: 237px; height: 121px; margin: 30px auto 0 auto; background: url('/images/pcard.jpg?4') -237px -90px no-repeat #fff;} #premiumOrder .premiumPrice{width: 139px; height: 99px; background-image: url('/images/pcard.jpg?4'); float: right;} #premiumOrder .premiumPrice1_kartki_pl{background-position: -689px -602px} #premiumOrder .premiumPrice2_kartki_pl{background-position: -689px -701px} #premiumOrder .premiumPrice1_pepe_com{background-position: -828px -602px} #premiumOrder .premiumPrice2_pepe_com{background-position: -828px -701px} .questionMark{display: block; width: 29px; height: 30px; background: url('/images/pcard.jpg?4') -587px 0 no-repeat #fff; float: left; margin-right: 5px;} #premiumDescription{position:relative; font-family: verdana; margin-bottom: 25px; overflow: hidden} #premiumDescription .header{margin-left: 240px; height: 275px; position: relative; z-index: 5} #premiumDescription .header h2{text-align: center; font-size: 30px; letter-spacing: 1px} #premiumDescription .img{width: 270px; height: 294px; background: url('/images/images.jpg?3') -668px -115px no-repeat #fff; position: absolute; top: 0; left: 0; z-index: 3;} #premiumDescription .blueBtnSmall{float: right; margin-top: 50px} #premiumDescription ul{margin: 0 0 25px 0} #premiumDescription ul li{list-style-type: none} #premiumDescription ul li .windowNextToSidebar{float: none} #premiumDescription ul li .icon{width: 100px; height: 100px; float: left; margin:0 15px 0 0} #premiumDescription .cmpAccLink{font-size: 14px; color: #232323; margin-top: 5px; display: block; float: left} #premiumDescription ul li#pos1 .icon div{background: url('/images/icons.png?8') -415px -830px no-repeat transparent; width: 100px; height: 82px} #premiumDescription ul li#pos2 .icon div{background: url('/images/icons.png?8') -516px -830px no-repeat transparent; width: 100px; height: 81px} #premiumDescription ul li#pos3 .icon div{background: url('/images/icons.png?8') -617px -830px no-repeat transparent; width: 100px; height: 81px} #premiumDescription ul li#pos4 .icon div{background: url('/images/icons.png?8') -718px -830px no-repeat transparent; width: 100px; height: 100px} #premiumDescription ul li#pos5 .icon div{background: url('/images/icons.png?8') -818px -830px no-repeat transparent; width: 100px; height: 100px} #premiumDescription ul li#pos6 .icon div{background: url('/images/icons.png?8') -918px -830px no-repeat transparent; width: 100px; height: 100px} #premiumDescription ul li#pos7 .icon div{background: url('/images/icons.png?8') -1018px -830px no-repeat transparent; width: 100px; height: 100px} #premiumDescription ul li#pos8 .icon div{background: url('/images/icons.png?8') -818px -930px no-repeat transparent; width: 100px; height: 100px} #premiumDescription ul li#pos9 .icon div{background: url('/images/icons.png?8') -718px -930px no-repeat transparent; width: 100px; height: 100px} #accountsComparison{font-family: verdana} #accountsComparison h2{font-size: 26px; font-weight: normal; margin: 20px 0; padding: 0} #accountsComparison table{font-family: verdana; font-size: 14px; margin-bottom: 20px;} #accountsComparison table .premium{width: 167px} #accountsComparison table .premium span{position: relative; z-index: 3} #accountsComparison table .yes2{position: relative; z-index: 3} #accountsComparison .roundedTable{margin: 10px 8px 0px 0; clear:right;} #accountsComparison .roundedTable .dark td{background-color: #e1e1e1} #accountsComparison .yOverlay{width: 195px; height: 1000px; background: url('/images/yellowOverlay.png') top left no-repeat transparent; position: absolute; top: -4px; right: -4px} #accountsComparison .yellowBtn{float: right; margin-top: 0} #accountsComparison ul{margin: 20px 0; overflow: hidden} #accountsComparison ul li{list-style-type: none; float: left; margin-right: 5px} #accountsComparison ul li h3{text-align: center} #accountsComparison ul li#pos1 .icon{width: 101px; height: 82px; background: url('/images/icons.png?8') -415px -830px no-repeat #fff; margin: 0 auto} #accountsComparison ul li#pos2 .icon{width: 90px; height: 49px; background: url('/images/icons.png?8') -0px -113px no-repeat #fff; margin: 16px auto} #accountsComparison ul li#pos3 .icon{width: 56px; height: 81px; background: url('/images/icons.png?8') -905px -20px no-repeat #fff; margin: 0 auto} #accountsComparison .windowNextToSidebar{width: 250px; float: none} #accountsComparison .windowNextToSidebar .rightBorder{width: 200px; height: 230px} #accountsComparison .windowNextToSidebar .topBorder{width: 250px} #accountsComparison .descLink{font-size: 14px; color: #232323; margin-top: 5px; display: block; float: left} #authorList .sidebar{width: 340px; margin-right: 15px} #authorList .nextToSidebar{width: 630px} #authorList .whiteShadowBox, #authorList .whiteShadowBox .topBorder{width: 320px} #authorList .whiteShadowBox h3{color: #18529c; font-size: 15px;} #authorList .whiteShadowBox .content{width: 275px} #authorList .whiteShadowBox .content p{text-align: justify} #authorList .img{width: 136px; height: 123px; float: left; background: url('/images/icons.png?8') -838px -266px no-repeat #fff; margin: 0 8px 8px 0} #authorList ul.list{margin: 0; overflow: hidden} #authorList ul.list li{list-style-type: none; width: 315px; height: 112px; margin-bottom: 10px; color: #868686; font-family: Verdana; font-style: italic; line-height: 18px; overflow: hidden; float: left} #authorList ul.list li.first{margin-right: 20px} #authorList ul.list li .info{float: left; width: 195px; position: relative;} #authorList ul.list li .photo{width: 112px; height: 112px; float: left; margin-right: 8px} #authorList ul.list li h4 a{color: #868686; text-decoration: none;} #authorList ul.list li .addLink{font-size: 11px; color: #868686; line-height: 40px;} #authorList .sortBox{position: relative} #authorList .sortBox form{position: absolute; top: 0; right: 0; padding: 0 0 0 2px; width: 200px; height: 28px; background-color: #fff;} #authorList .sortBox fieldset{margin: 0; background-color: #ffc83b; height: 28px; padding-top: 2px} #authorList .sortBox input{background: url('"/images/icons.png?8"') no-repeat scroll -168px -585px transparent; height: 21px; width: 156px; padding: 2px 5px; border: none;} #authorList .sortBox input.submit{width: 24px; height: 19px; text-indent: -9999em; background: url('/images/icons.png?8') -87px -39px no-repeat transparent; padding: 0;} #userSite .sidebarR{border: 1px solid #ffd552; margin: 10px 10px 15px 13px; position: relative; padding: 75px 7px 7px 7px; width: 176px} #userSite .sidebarR .topDecor{position: absolute; top: 15px; left: -8px; background: url('/images/icons.png?8') -341px -585px no-repeat transparent; width: 220px; height: 50px; padding: 12px 12px 0 8px; text-align: center; overflow: hidden} #userSite .sidebarR .topDecor h2{font-size: 16px; padding: 0; margin: 0; width: 180px} #userSite .sidebarR #userPhoto{text-align: center; margin-bottom: 10px} #userSite .sidebarR ul{margin: 15px 0 0 0} #userSite .sidebarR ul li{list-style-type: none; margin-bottom: 15px;} #userSite .sidebarR ul li ul{margin-top: 0} #userSite .sidebarR ul li ul li{margin-left: 15px; margin-bottom:5px} #userSite .sidebarR ul li a{display: block; padding:3px; text-decoration: none; color: #000} #userSite .sidebarR ul li a.active{background-color: #ffed6f; color: #000} #userSite .sidebarR ul li ul li a{display: inline} #userSite .sidebarR ul li ul li a.active{text-decoration: underline; background-color: transparent} #userSite .nextToSidebarR h2, #userSite .nextToSidebarR h1{padding-top: 0; text-align: center; font-size: 18px; font-family: verdana} #userSite .cards li{background: url('/images/icons.png?8') -200px -319px no-repeat transparent} #userSite .windowNextToSidebar{float: right} #userSite .yellowCloud{width: 500px; margin-top: 100px} #userSite .yellowCloud .leftBeak{top: 8px} #userSite .ostrichInHole{margin-top: 100px} #inactiveAccountInfo{float: none; margin: 15px auto; text-align: center} #inactiveAccountInfo h2{color: #a4311e; font-size: 18px; margin-bottom: 20px} #inactiveAccountInfo p{line-height: 1.5em; margin-bottom: 1.5em} #inactiveAccountInfo .shadowHr{width: 677px; height: 52px; margin: 10px auto; background: url('/images/icons.png?8') 0 -709px no-repeat transparent} #inactiveAccountInfo ul{margin: 20px 0 20px 50px; overflow: hidden;} #inactiveAccountInfo ul li{float: left; font-size: 18px; list-style-type: none; margin-right: 50px} #inactiveAccountInfo ul li a{color: #184188} #inactiveAccountInfo .whiteShadowBox{margin: 50px auto; display: none;} #inactiveAccountInfo .whiteShadowBox .content{min-height: 50px; color: #0c458b; line-height: 1.5em} #inactiveAccountInfo .whiteShadowBox .content h3{display: none} #inactiveAccountInfo .whiteShadowBox .content .spinner{text-align: center; margin: 0} #yourPublicCardsDescription .img{width: 336px; height: 204px; float: right; background: url('/images/images.jpg?3') -834px -648px no-repeat transparent; margin: 0 0 10px 10px} #yourPublicCardsDescription ul li{margin-bottom: 5px} #textType li{font-size: 20px; width: 240px; text-align: center} .addTextToCardForm{margin: 0 auto;} .addTextToCardForm div{margin-bottom: 10px} .cardBox{width: 738px; height: 210px; overflow: hidden; background: url('/images/images.jpg?3') 0 -1082px no-repeat #fff; margin: 0 auto 10px auto; position: relative;} .cardBox.orange{background-position: 0 -1292px;} .cardBox h2{margin: 0; padding: 5px 10px; font-size: 14px; color: #184086; font-family: verdana; overflow: hidden; width: 736px; height: 30px;} .cardBox h2 span{font-weight: normal;} .cardBox ul{margin: 0 28px; padding: 0; height: 142px;} .cardBox ul.long{width: 680px} .cardBox ul.short{width: 340px} .cardBox ul li{float: left; list-style-type: none; margin: 0 7px; width: 156px; overflow: hidden; text-align: center;} .cardBox ul li h4{margin-bottom: 10px; margin-top: 5px;} .cardBox .scrollable{margin: 0 28px; padding: 0; height: 117px; position: relative; overflow: hidden;} .cardBox .long{width: 680px} .cardBox .short{width: 340px} .cardBox .scrollable.long .items{position: absolute; width: 2100px;} .cardBox .scrollable.short .items{position: absolute; width: 1500px;} .cardBox .scrollable .items .item{float: left;} .cardBox .scrollable .items .item div{float: left; margin: 0 7px; width: 156px; overflow: hidden; text-align: center;} .cardBox .scrollable .items .item div .title{margin-bottom: 10px; margin-top: 5px; overflow: hidden; height: 1.2em; display: block; text-decoration: none; font-weight: bold; color: #000;} .cardBox .cardItem a img{width: 156px; height: 117px} .cardBox .moreBox{display: table-cell; vertical-align: middle; width: 738px; height: 50px} .cardBox.nameDays .moreBox{width: 333px} .cardBox .prev, .cardBox .next{display: block; width: 18px; height: 117px; position: absolute; top: 41px;} .cardBox .prev{background: url('/images/images.jpg?3') -738px -1082px no-repeat #fff; left: 5px;} .cardBox .next{background: url('/images/images.jpg?3') -756px -1082px no-repeat #fff; right: 5px} .cardBox.orange .prev{background-position: -738px -1199px;} .cardBox.orange .next{background-position: -756px -1199px;} .cardBox.nameDays .next{background: url('/images/images.jpg?3') -756px -1082px no-repeat #fff; left: 375px} .cardBox.nameDays.orange .next{background-position: -756px -1199px;} .cardBox .disabled{visibility: hidden !important} .cardBox .more{float: right; font-family: verdana; font-size: 13px; margin: 5px 10px; width: 333px; text-align: right; padding-right: 15px;} .cardBox .more.left{float: left; text-align: left;} .cardBox .more span{position: relative;} .cardBox .more span.moreImg{display: block; float: right; width: 14px; height: 11px; background: url('/images/images.jpg?3') -752px -1317px no-repeat #fff; position: absolute; bottom: 1px; right: -17px} .cardBox.orange .more span.moreImg{background-position: -738px -1317px} .cardBox.nameDays .more{float: left; font-family: verdana; font-size: 13px; margin: 5px 28px; display: block; width: 333px; text-align: right} .cardBox.nameDays .linkToNameDays{float: right; font-family: verdana; font-size: 13px; margin: 2px 25px; display: block; text-align: right; width: 100px; font-weight: normal} .cardBox .additionalUrl{color: red; font-weight: bold; float: left; margin: 5px 10px; } .nameDayList{float: right; width: 300px} .nameDayList h4{margin-bottom: 1px; margin-top: 5px} .nameDayList table td{font-weight: bold; padding: 1px 10px 1px 0; color: #1a4089} .nameDayList table tr.light td{color: #507dce} #nameDayListPage .sidebarR{width: 340px; border: none;} #nameDayListPage .sidebarR .whiteShadowBox, #nameDayListPage .sidebarR .whiteShadowBox .topBorder{width: 320px;} #nameDayListPage .sidebarR .whiteShadowBox .content{width: 275px} #nameDayListPage .sidebarR .whiteShadowBox .content p.firstLine{padding: 0; margin: 0;} #nameDayListPage .sidebarR .whiteShadowBox .content img{float: left; margin: 0 5px 5px 0;} #nameDayListPage .sidebarR .whiteShadowBox h3{font-size: 16px; padding: 5px 0 15px 0; margin: 0} #nameDayListPage .sidebarR form{padding: 0 0 0 2px; width: 200px; height: 28px; background-color: #fff; margin: 0 auto;} #nameDayListPage .sidebarR fieldset{margin: 0; background-color: #ffc83b; height: 28px; padding-top: 2px} #nameDayListPage .sidebarR input{background: url('"/images/icons.png?8"') no-repeat scroll -168px -585px transparent; height: 21px; width: 156px; padding: 2px 5px; border: none;} #nameDayListPage .sidebarR input.submit{width: 24px; height: 19px; text-indent: -9999em; background: url('/images/icons.png?8') -87px -39px no-repeat transparent; padding: 0;} #nameDayList{float: left; width: 618px;} #nameDayList td{border: 1px solid #aaa; padding: 5px} #nameDayList td a{text-decoration: none;} #nameDayList td a:hover{text-decoration: underline} #nameDayList tr.active{border: 2px solid red;} #nameDayList tr.active td{font-weight: bold; background-color: #fcfbd6} #ekartkiInfo{width: 794px; height: 236px; background: url('/images/ekartkiLogin.jpg') top left no-repeat #fff; margin: 30px auto; padding: 95px 30px 20px 30px; font-family: Verdana;letter-spacing: 0.8px;} #ekartkiInfo h3{text-align: center; letter-spacing: 0.8px; font-size: 14px; padding-top: 0; padding-bottom: .8em} #ekartkiInfo p{line-height: 1.5em} #ekartkiInfo ul{margin-top: 0; margin-bottom: 0;} #ekartkiInfo ul li{list-style-type: none; line-height: 1.5em; margin: 18px 0 16px 25px} #archiveEkartkiEcards{padding: 10px; background-color: #fffad0; border: 1px solid #fff171;} #archiveEkartkiEcards img{vertical-align: middle; margin-left: 10px;} #archiveEkartkiEcards a{margin-left: 100px} #pCardCreator{position: relative} #pCardCreator .descHeader{overflow: hidden; margin-top: 20px} #pCardCreator .descHeader strong{font-size: 14px} #pCardCreator .descHeader p{font-size: 11px; margin-top: 10px; font-weight: bold} #pCardCreator .descHeader>div{width: 190px; float: left; background: url('/images/vbg.png?1') 0 -2620px repeat-x #fff; height: 67px; position: relative; margin: 0 20px 0 15px; padding: 10px 0} #pCardCreator .descHeader .leftDecor{width: 15px; height: 87px; background: url('/images/pcard.jpg?4') -411px 0 no-repeat #fff; position: absolute; top: 0; left: -15px} #pCardCreator .descHeader .rightDecor{width: 20px; height: 87px; background: url('/images/pcard.jpg?4') -426px 0 no-repeat #fff; position: absolute; top: 0; right: -20px} #pCardCreator .descHeader div.first{width: 470px; margin-left: 40px;} #pCardCreator .descHeader div.second{width: 125px; margin-left: 40px; margin-right: 45px;} #pCardCreator ol#ecardTabs{background: url('/images/images.jpg?3') -202px -35px no-repeat #fff; width: 985px; margin-top: 20px} #pCardCreator ol#ecardTabs li a{width: 215px} #pcardGraphics>div.site{display: none; overflow: hidden;} /* #pcardGraphics>div>div{float:left}*/ /* #pcardGraphics>ul{clear: both;} */ #pcardGraphics .graphicsContainer{position: relative; border: 1px solid #2f5995; float: left} #pcardGraphics .graphicsContainer .imageContainer{position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%} #pcardGraphics .graphicsContainer.horizontal{width: 600px; height: 420px;} #pcardGraphics .graphicsContainer.vertical{width: 420px; height: 600px; margin-left: 100px} #pcardGraphics .graphicsContainer .borders{position: relative; margin: 13px; border: 2px dashed #000; overflow: hidden; } #pcardGraphics .graphicsContainer.horizontal .borders{width: 570px; height: 390px} #pcardGraphics .graphicsContainer.vertical .borders{width: 390px; height: 570px;} #pcardGraphics .graphicsContainer.vertical .borders img{z-index: 9} #pcardGraphics .graphicsContainer.horizontal .cardImage{position: absolute; top: 0px; left: 0px;} #pcardGraphics .graphicsContainer.vertical .cardImage{position: absolute; top: 0px; left: 0px;} #pcardGraphics #graphicsContainer1.horizontal .decor{width: 39px; height: 411px; top: 0; right: -40px; background: url('/images/pcard.jpg?4') 0 -39px no-repeat #fff; position: absolute} #pcardGraphics #graphicsContainer1.vertical{margin-top: 40px} #pcardGraphics #graphicsContainer1.vertical .decor{width: 411px; height: 39px; top: -40px; left: 0; background: url('/images/pcard.jpg?4') 0 0 no-repeat #fff; position: absolute;} #pcardGraphics #graphicsContainer2.horizontal{margin-bottom: 100px;} #pcardGraphics #graphicsContainer2.horizontal .decor{width: 602px; height: 100px; bottom: -100px; left: -1px; background: url('/images/pcard.jpg?4') -39px -238px no-repeat #fff; position: absolute;} #pcardGraphics #graphicsContainer2.vertical .decor{width: 100px; height: 602px; top: -1px; right: -100px; background: url('/images/pcard.jpg?4') -641px 0 no-repeat #fff; position: absolute;} #pcardGraphics #graphicsContainer3.horizontal{margin-top: 100px;} #pcardGraphics #graphicsContainer3.horizontal .decor{width: 602px; height: 100px; top: -100px; left: -1px; background: url('/images/pcard.jpg?4') -39px -338px no-repeat #fff; position: absolute;} #pcardGraphics #graphicsContainer3.vertical{margin-left: 100px;} #pcardGraphics #graphicsContainer3.vertical .decor{width: 100px; height: 602px; top: -1px; left: -100px; background: url('/images/pcard.jpg?4') -741px 0 no-repeat #fff; position: absolute;} #pcardGraphics #ecardCreateNext{margin-left: 50px} #pcardGraphicsForm .form, #pCardCreator .sidebarR .box{float: right; width: 278px; background: url('/images/hbg.png') 0 0 repeat-y transparent; padding: 0 15px; position: relative; margin: 23px 0 48px 0} #pcardGraphicsForm .form.first, #pCardCreator .sidebarR .box.first{margin-top: 123px} #pcardGraphicsForm .form div.top, #pCardCreator .sidebarR .box .top{margin:0; background: url('/images/pcard.jpg?4') -39px -39px no-repeat #fff; width: 310px; height: 23px; top: -23px; left: -2px; position: absolute;} #pcardGraphicsForm .form div.bottom, #pCardCreator .sidebarR .box .bottom{margin:0; background: url('/images/pcard.jpg?4') -39px -62px no-repeat #fff; width: 310px; height: 28px; bottom: -28px; left: -2px; position: absolute;} #pcardGraphicsForm .form h3, #pCardCreator .sidebarR .box h3{padding: 0 0 10px 0; color: #3d619b; font-size: 14px; font-size: 19px; font-weight: normal;} #pcardGraphicsForm .form div{margin-bottom: 10px} #pcardGraphicsForm .form div textarea{width: 270px;} #pcardGraphicsForm .form a{color: #000;} #pCardCreator #pcardSites{display: block; position: absolute; top: 160px; right: 45px; z-index: 1;} #pCardCreator #pcardSites h3{font-size: 12px; color: #3d619b; padding: 0; text-align: center;} #pCardCreator #pcardSites ul, #pcardPopupPreview ul{overflow: hidden; width: 198px;} #pcardPopupPreview{width: 650px; height: 650px;} #pcardPopupPreview ul{margin: 0 auto;} #pCardCreator #pcardSites li, #pcardPopupPreview li{list-style-type: none; float: left; } #pCardCreator #pcardSites li a, #pcardPopupPreview li a{display: block; width: 60px; height: 74px; background: url('/images/pcard.jpg?4') -422px -473px no-repeat #fff; text-indent: -9999em} #pCardCreator #pcardSites li.first a, #pcardPopupPreview li.first a{background-position: -39px -90px} #pCardCreator #pcardSites li.second a, #pcardPopupPreview li.second a{background-position: -105px -90px} #pCardCreator #pcardSites li.third a, #pcardPopupPreview li.third a{background-position: -171px -90px} #pCardCreator #pcardSites li.first a.active, #pcardPopupPreview li.first a.active{background-position: -39px -164px} #pCardCreator #pcardSites li.second a.active, #pcardPopupPreview li.second a.active{background-position: -105px -164px} #pCardCreator #pcardSites li.third a.active, #pcardPopupPreview li.third a.active{background-position: -171px -164px} #pCardCreator.recipients .sidebarR .box table td.right, #pCardCreator.order .sidebarR .box table td.right{text-align: right;} #pCardCreator.recipients .sidebarR .box table, #pCardCreator.order .sidebarR .box table{color: #163d5a; font-weight: bold; width: 100%; font-size: 13px} #pcardEmpty{display: none; text-align: center;} #pcardEmpty h3{font-size: 15px; padding: 0.5em} #pcardEmpty img{margin: 15px;} #uploadFileBox{width: 480px; padding-left: 10px; padding-right: 10px;} #uploadFileBox .leftColumn{width: 100%; border: none;} #uploadFileBox .bottom{width: 486px; } #uploadFileBox .bottomRight{position:absolute; width: 14px; height: 14px; bottom: -14px; right: 0; background: url('/images/whiteWindow2.png') -943px -1952px no-repeat transparent } #uploadFileBox .rightDecor{right: -13px} .cardForegroundImg{position: absolute; z-index: 5; top: 0px; left: 0px;} .cardForegroundImg:hover{cursor: move;} .cardForegroundImgOverlay{position: absolute; z-index: 9; width: 0; height: 0; border: 1px solid #aaa; background: url('/images/transparent.gif') repeat transparent;} .cardForegroundImgOverlay{cursor: move;} #pcardGraphics.preview{float: left; width: 650px} #pCardCreator .sidebarR{width: 310px; border: none;} #pcardGraphics .ui-resizable-handle{ background-color:#333333; border:1px solid #FFFFFF; height:8px; overflow:hidden; position:absolute; width:8px; } #pcardGraphics .ui-resizable-se{bottom:-10px; cursor:se-resize; right:-10px;} #pcardGraphics .ui-resizable-e {cursor:e-resize; margin-top:-5px; right:-10px; top:50%;} #pcardGraphics .ui-resizable-ne {cursor:ne-resize; right:-10px; top:-10px;} #pcardGraphics .ui-resizable-n {cursor:n-resize; left:50%; margin-left:-5px; top:-10px;} #pcardGraphics .ui-resizable-nw {cursor:nw-resize; left:-10px; top:-10px;} #pcardGraphics .ui-resizable-w {cursor:w-resize; left:-10px; margin-top:-5px; top:50%;} #pcardGraphics .ui-resizable-sw {bottom:-10px; cursor:sw-resize; left:-10px;} #pcardGraphics .ui-resizable-s {bottom:-10px; cursor:s-resize; left:50%; margin-left:-5px;} #pCardRecipientsBox{width: 600px; float: left; margin-left: 10px; color: #163D5A; clear: left;} .myAddress h3, #pCardRecipientsBoxHeader{padding: 0 0 15px 0; color: #3d619b; font-size: 14px; font-size: 19px; font-weight: normal; float: left; margin-left: 30px} .myAddress form{float: left; margin-top: 0; margin-left: 30px} .myAddress form fieldset>div{margin-bottom: 15px} #pCardCreator .recipient .options a{display: block; width: 18px; height: 19px; background: url('/images/pcard.jpg?4') -505px 0 no-repeat #fff; text-indent: -9999em; float: left; margin: 5px;} #pCardCreator .recipient .options .edit{background-position: -505px 0;} #pCardCreator .recipient .options .delete{background-position: -523px 0} #pCardCreator .recipient .options .preview{background-position: -541px 0} #pCardCreator .recipient .data{float: left; width: 200px; overflow: hidden; background-color: #f8f8f8; padding: 10px; margin: 3px; height: 89px; font-weight: bold;} #pCardCreator .recipient .options{float: left; width: 30px; padding: 10px 5px 0 5px; height: 93px; border-left: 1px dotted #ccc; margin: 3px 0} #pCardCreator .recipient{margin: 15px 15px; overflow: hidden; float: left; -moz-border-radius: 5px; border: 1px solid #ddd; height: 115px;} .resizePcard p{font-weight: bold; padding: .5em .1em; color: #163d5a} .resizePcard a{display: block; text-align: center; font-size: 16px; color: #eda31e;} #pCardCreator .ui-datepicker{margin: 0 auto; width: 19em;} #pCardCreator .ui-widget{font-size: 1.3em;} #pCardCreator #datepicker{float: left} #pCardCreator .datepicker h3{font-size: 20px; color: #3d619b; padding-top: 0;} #pCardCreator .datepicker .sidebar{margin: 0 40px} .fontSelectBox{position: relative; width: 120px; height: 30px; float: left; margin: 0 5px;} .fontSelectBox .selectedFont{height: 30px; background-color: white; border: 1px solid #777; padding: 0 5px; margin-right: 20px; overflow: hidden; width: 86px;} .fontSelectBox .fontsListBtn{float: right; width: 20px; text-align: center; background: url('/images/images.jpg?3') -738px -1329px no-repeat #fff; border: 1px solid #777; height: 30px; line-height: 30px; font-weight: bold; cursor: default;} .fontSelectBox ul{width: 100%; position: absolute; left: 0; top: 31px; margin: 0; display: none; border: 1px solid #aaa; z-index:1; max-height: 200px; overflow: auto;} .fontSelectBox ul.active{display: block} .fontSelectBox ul li{height: 30px; display: block; list-style-type: none; background-color: #fff; padding: 0 5px; overflow: hidden;} .fontSelectBox ul li.hover{background-color: #009999} .pCardAddRecipient span{display: block; width: 59px; height: 46px; background: url('/images/pcard.jpg?4') -446px 0 no-repeat #fff; float: left; margin-top: -12px} .pCardAddRecipient a{padding-top: 15px; font-weight: bold; color: #325772; float: left; margin-right: 30px;} .pCardAddRecipient{float: left; margin-top: 15px; padding-left: 20px; clear: left;} .pCardPrices{width: 300px; float: right; border: 1px solid #aaa; } #cart h2{overflow: hidden; font-size: 20px; color: #194971} #cart h2 span{display: block; width: 37px; height: 32px; float: left; background: url('/images/icons.png?8') -318px -137px no-repeat transparent; margin-right: 8px; margin-top: -5px;} #cart h2.archive{margin-top: 14px} #cart h2.archive span{background-position: -679px -288px; width: 46px; height: 53px; margin-top: -14px} #cart table{width: 100%; border: 1px solid #b8c6d0} #cart table.archive{font-size: 14px;} #cart table th{background-color: #fef9e9; font-size: 13px;} #cart table td{background-color: #f7fbff} #cart table td, #cart table th{border: 1px solid #b8c6d0; text-align: center; padding: 5px; color: #194971;} #cart table td a{color: #194971;} #cart table td.thumbnail{width: 135px; padding: 12px} #cart table td.thumbnail a{display: block; width: 135px; height: 86px; overflow: hidden; background: url('/images/icons.png?8') -1119px -943px no-repeat transparent; position: relative;} #cart table td.thumbnail a img{position: absolute; top: 1px; left: 1px; width: 120px; height: 84px;} #cart table td.options{line-height: 1.5em} #cart table td.recipient{width: 13em} #cart table td.recipient a, #cart table td.sendDate a{font-size: 11px} #cart table td.recipient a.icon{display: block; width: 30px; height: 23px; background: url('/images/icons.png?8') -287px -111px no-repeat transparent; margin: 5px auto;} #cart table td.sendDate a.icon{display: block; width: 25px; height: 24px; background: url('/images/icons.png?8') -317px -111px no-repeat transparent; margin: 5px auto;} #cart table td.sum{width: 10em} #cart table td.top{vertical-align: top;} #cart table td.right{text-align: right} #cart table td.preview, #cart table td.resend{width: 115px} #cart table td.preview a{display: block; width: 46px; height: 46px; margin: 0 auto; background: url('/images/icons.png?8') -679px -341px no-repeat transparent; text-indent: -9999em;} #cart table td.resend a{display: block; width: 73px; height: 37px; margin: 0 auto; background: url('/images/icons.png?8') -488px -169px no-repeat transparent; text-indent: -9999em;} #cart table td.address{width: 300px} #cart table tfoot td{border: none; background-color: #fef9e9; font-size: 13px; font-weight: bold; padding: 2px;} #cart table tfoot td a{color: #fff; margin-left: 80px} #cart .tableDecor{position: relative} #cart .tableDecor .corner{width: 14px; height: 14px; position: absolute;} #cart .tableDecor #tl{background: url('/images/pcard.jpg?4') -559px 0 no-repeat #fff; top: 0; left: 0;} #cart .tableDecor #tr{background: url('/images/pcard.jpg?4') -573px 0 no-repeat #fff; top: 0; right: 0;} #cart .tableDecor #bl{background: url('/images/pcard.jpg?4') -559px -14px no-repeat #fff; bottom: 0; left: 0;} #cart .tableDecor #br{background: url('/images/pcard.jpg?4') -573px -14px no-repeat #fff; bottom: 0; right: 0} #cart a.blueBtnTiny{color: #fff;} #pcardRecipientsList{margin: 0; overflow: hidden;} #pcardRecipientsList .recipient{margin: 13px 13px; overflow: hidden; float: left; -moz-border-radius: 5px; border: 1px solid #ddd; height: 115px; width: 270px;} #pcardRecipientsList .recipient .data{float: left; width: 244px; overflow: hidden; background-color: #f8f8f8; padding: 10px; margin: 3px; height: 89px;} #pcardPopupPreviewBox{width: 650px; padding-left: 10px; padding-right: 10px;} #pcardPopupPreviewBox .leftColumn{width: 100%; border: none;} #pcardPopupPreviewBox .bottom{width: 656px; } #pcardPopupPreviewBox .bottomRight{position:absolute; width: 14px; height: 14px; bottom: -14px; right: 0; background: url('/images/whiteWindow2.png') -943px -1952px no-repeat transparent } #pcardPopupPreviewBox .rightDecor{right: -13px} .pcards{overflow: hidden; padding: 5px 0; position: relative;} .pcards .error{font-weight: bold; color: red; text-align: center; font-size: 14px; margin: 20px 0} .pcards ul{margin: 0; overflow: hidden;} .pcards ul li{ list-style-type: none; float: left; margin: 10px 5px 5px 5px; height: 189px; width: 172px; background: url('/images/icons.png?8') -1118px -744px no-repeat transparent; position: relative; } .pcards ul li.websearch{ background: none; } .pcards ul li.ad{background: none; width: 750px; height: auto;} .pcards ul li.first{margin-left: 8px} .pcards ul li.last{margin-right: 5px} .pcards ul li .priority{background: url('/images/icons.png?8') -974px -426px no-repeat transparent; width: 96px; height: 70px; position: absolute; top: -10px; left: -3px; display: block;} .pcards ul li a img{margin: 1px 0 0 1px; width: 156px; height: 117px;} .pcards ul li .title{height: 25px; text-align: center; overflow: hidden; width: 150px; margin: 15px 20px 10px 5px; font-size: 11px; font-weight: bold; color: #000; display: block; text-decoration: none;} .pcards ul li .user{height: 15px; text-align: center; overflow: hidden; width: 150px; font-size: 11px; margin: 10px 20px 10px 5px; color: #000} .pcards ul li .user a{color: #000; text-decoration: none;} .pcards ul li .user a:hover{text-decoration: underline} .pcards ul li.websearch img{border: 1px solid #164364;} .pcards ul li.websearch .title{font-weight: normal; margin: 10px 20px 0 3px; height: 15px; font-size: 12px; text-align: left;} .pcards ul li.websearch .dimensions, .pcards ul li.websearch .sourceWebsite{overflow: hidden; width: 150px; margin: 0px 20px 0px 3px; font-size: 12px;} .pcards .websearchHeader{font-family: 16px; color: #164364; border-top: 3px solid #ffcf49; font-size: 19px; margin-top: 15px; padding-top: 15px;} #pcardsPackets{color: #060e7b} #pcardsPackets h2{font-size: 20px} #pcardsPackets h2:first-letter{font-size: 28px;} #pcardsPackets ul.options{margin: 0} #pcardsPackets ul li.option{list-style-type: none; border-top: 2px dotted #060e7b; margin: 15px 0; overflow: hidden;} #pcardsPackets li.option h2{width: 20em; text-decoration: underline;} #pcardsPackets li.option .sidebarR .box{float: right; width: 383px; background: url('/images/hbg.png') -308px 0 repeat-y transparent; padding: 0 15px; position: relative; margin: 23px 0 48px 0} #pcardsPackets li.option .sidebarR .box.first{margin-top: 123px} #pcardsPackets li.option .sidebarR .box .top{margin:0; background: url('/images/pcard.jpg?4') -39px -438px no-repeat #fff; width: 413px; height: 12px; top: -12px; left: 0; position: absolute;} #pcardsPackets li.option .sidebarR .box .bottom{margin:0; background: url('/images/pcard.jpg?4') -39px -450px no-repeat #fff; width: 413px; height: 14px; bottom: -14px; left: 0; position: absolute;} #pcardsPackets li.option .sidebarR .box h3{padding: 0 0 10px 0; color: #3d619b; font-size: 14px; font-size: 19px; font-weight: normal;} #pcardsPackets .sidebarR{width: 413px; border: none; margin-top: 0} #pcardsPackets li.option .sidebarR .box table td.right{text-align: right;} #pcardsPackets li.option .sidebarR .box table{color: #163d5a; font-weight: bold; width: 100%; font-size: 13px} .box .newCardPrice{color: #060; font-weight: bold;} .box .oldCardPrice{text-decoration: line-through; font-weight: normal;} #pcardsPackets li#packet1 .sidebar{width: 300px} #pcardsPackets li#packet1 ul{margin-left: 50px} #pcardsPackets li#packet1 a{margin-top: 30px} #pcardsPackets #cardsImg{width: 220px; height: 130px; background: url('/images/pcard.jpg?4') 0 -464px no-repeat #fff; margin-left: 30px;} #pcardsPackets #packet2 h2, #pcardsPackets #packet3 h2{float: left;} #pcardsPackets #packet2 h3{clear: left;} #pcardsPackets #packet2 a{margin: 20px auto} #pcardsPackets #bestsellerImg_kartki_pl{width: 263px; height: 239px; background: url('/images/pcard.jpg?4') -220px -464px no-repeat #fff; float: right; margin-top: 25px;} #pcardsPackets #bestsellerImg_pepe_com{width: 263px; height: 239px; background: url('/images/pcard.jpg?4') -220px -703px no-repeat #fff; float: right; margin-top: 25px;} #pcardsPackets #packet3 h3{float: right; font-size: 28px; margin-top: 20px} #pcardsPackets #price{width: 206px; height: 133px; background: url('/images/pcard.jpg?4') -483px -602px no-repeat #fff; float: right; margin-top: 15px; margin-bottom: 15px;} #pcardsPackets #price.pepe_com{background-position: -483px -735px} #pcardsPackets #packet3 li{list-style-type: none; font-size: 16px; overflow: hidden; line-height: 50px} #pcardsPackets #packet3 li div{width: 50px; height: 50px; float: left; margin-right: 5px; background-image: url('/images/icons.png?8')} #pcardsPackets #packet3 li #opt1{background-position: 0 -1008px;} #pcardsPackets #packet3 li #opt2{background-position: -50px -1008px;} #pcardsPackets #packet3 li #opt3{background-position: -100px -1008px;} #pcardsPackets #packet3 li #opt4{background-position: -150px -1008px;} #pcardsPackets #packet3 li #opt5{background-position: -200px -1008px;} #pcardsPackets #packet3 li #opt6{background-position: -250px -1008px;} #pcardsPackets #packet3 li #opt7{background-position: -300px -1008px;} #pcardsPackets #packet3 li #opt8{background-position: -350px -1008px;} #pcardsPackets #packet3 li #opt9{background-position: -400px -1008px;} #pcardsHowItWorks{font-size: 14px; color: #060e7b} #pcardsHowItWorks h2{font-size: 20px} #pcardsHowItWorks h2:first-letter{font-size: 28px;} #pcardsHowItWorks h3{padding-top:5em} #pcardsHowItWorks .createPCard{margin: 0} #pcardsHowItWorks .createPCard li{list-style-type: none; overflow: hidden} #pcardsHowItWorks .createPCard li.arrow{position:relative; overflow: visible; width: 100%; height: 20px;} #pcardsHowItWorks .createPCard li.arrow div{position: absolute; width: 247px; height: 96px; margin: 0 auto; background-image: url('/images/pcardHIW.png'); top: -30px; left: 261px} #pcardsHowItWorks .createPCard li.arrow.left div{background-position: 0 -1500px} #pcardsHowItWorks .createPCard li.arrow.right div{background-position: 0 -1596px} #pcardsHowItWorks .createPCard li div{width: 50%} #pcardsHowItWorks .createPCard li div.img{background-image: url('/images/pcardHIW.png'); padding: 0} #pcardsHowItWorks .createPCard li.leftImg div{float: right} #pcardsHowItWorks .createPCard li.leftImg div.img{float: left} #pcardsHowItWorks .createPCard li.rightImg div{float: left} #pcardsHowItWorks .createPCard li.rightImg div.img{float: right} #pcardsHowItWorks .createPCard li#step1 div.img{width: 225px; height: 130px; background-position: 0 0; padding: 0} #pcardsHowItWorks .createPCard li#step1 div{padding-top: 30px} #pcardsHowItWorks .createPCard li#step2 div.img{width: 181px; height: 152px; background-position: 0 -130px; padding: 0} #pcardsHowItWorks .createPCard li#step2 div{padding-top: 60px} #pcardsHowItWorks .createPCard li#step3 div.img{width: 156px; height: 185px; background-position: 0 -282px; padding: 0} #pcardsHowItWorks .createPCard li#step3 div{padding-top: 60px} #pcardsHowItWorks .createPCard li#step4 div.img{width: 135px; height: 113px; background-position: 0 -467px; padding: 0} #pcardsHowItWorks .createPCard li#step4 div{padding-top: 30px} #pcardsHowItWorks .createPCard li#step5 div.img{width: 144px; height: 182px; background-position: 0 -580px; padding: 0} #pcardsHowItWorks .createPCard li#step5 div{padding-top: 60px} #pcardsHowItWorks .createPCard li#step6 div.img{width: 232px; height: 180px; background-position: 0 -762px; padding: 0} #pcardsHowItWorks .createPCard li#step6 div{padding-top: 60px} #pcardsHowItWorks .createPCard li#step7 div.img{width: 136px; height: 133px; background-position: 0 -942px; padding: 0} #pcardsHowItWorks .createPCard li#step7 div{padding-top: 30px} #pcardsHowItWorks .createPCard li#step8 div.img{width: 160px; height: 127px; background-position: 0 -1075px; padding: 0} #pcardsHowItWorks .createPCard li#step8 div{padding-top: 30px} #pcardsHowItWorks .createPCard li#step9 div.img{width: 182px; height: 147px; background-position: 0 -1202px; padding: 0} #pcardsHowItWorks .createPCard li#step9 div{padding-top: 30px} #pcardsHowItWorks .createPCard li#step10 div.img{width: 138px; height: 151px; background-position: 0 -1349px; padding: 0} #pcardsHowItWorks .createPCard li#step10 div{padding-top: 30px} #pcardsHowItWorks a.xlBlueBtn{display: block; width: 408px; height: 80px; line-height: 80px; margin: 0 auto 50px auto; background: url('/images/pcardHIW.png') 0 -1692px; text-align: center; font-size: 20px; color: #fff; text-decoration: none;} #pcardsHowItWorks #quality{margin: 30px 0} #pcardsHowItWorks #quality li{list-style-type: none; overflow: hidden; line-height: 22px; margin-top: 5px;} #pcardsHowItWorks #quality li div{width: 22px; height: 24px; margin-right: 5px; float: left; background: url('/images/icons.png?8') -355px -145px;} .fbIntegrationOptions .leftColumn{font-size: 13px} .fbIntegrationOptions li{line-height: 1.5em} #apiInfo{font-size: 13px; font-family: Verdana; line-height: 1.5em; margin-bottom: 25px; overflow: hidden;} #apiInfo .big{font-size: 14px} #apiInfo .sidebarR{border: none; width: 250px;} #apiInfo .nextToSidebar{width: 720px} #apiInfo .img{background: url('/images/images.jpg?3') no-repeat scroll -272px -525px #FFFFFF; width: 136px; height: 123px; float: left; margin: 0 5px 0 0} #apiInfo .option{line-height: 2.5em;} #apiInfo li{margin-bottom: 15px;} #apiInfo .sidebarR h2{font-weight: normal; text-align: center} #userSiteSettings .apiCode{font-family: monospace; border: 1px solid #aaa; background-color: #fefcb8; padding: 15px;} #reklamojadAd{margin: 10px 0} .printedCardThumbnailBox{ height: 124px; width: 157px; background: url('/images/icons.png?8') -1118px -744px no-repeat transparent; position: relative; display: block; margin: 0 auto; padding-right: 15px } .printedCardThumbnailBox .priority{background: url('/images/icons.png?8') -974px -426px no-repeat transparent; width: 96px; height: 70px; position: absolute; top: -10px; left: -3px;} .printedCardThumbnailBox img{margin: 1px 0 0 1px; width: 156px; height: 117px;} #userContactDetails{font-family: verdana} #userContactDetails .label{float: left; width: 200px; text-align: right; margin-right: 5px;} #userContactDetails .data{float: left;} #userContactDetails .dataRow{overflow: hidden; margin-bottom: 10px; font-size: 14px;} #userContactDetails .errorNotice{color: red;} #userContactDetails .sidebar{text-align: center; margin-top: 15px} #userContactDetails .sidebar a.goBack{color: #000; font-size: 14px} #userContactDetails .sidebar a#sendOnlineCard{margin-top: 50px} #userContactDetails .sidebar a.blueBtnSmall{margin-bottom: 20px; height: 24px; padding-top: 8px; font-size: 12px} #userContactDetails .askFriendsBtn{position: absolute; top: 30%; right: 30px; font-family: Arial, Helvetica, sans-serif} #userContactDetails fieldset{position: relative} #userContactDetails .noData{color: #aaa} #userContactDetails .pageHeader .icon{background-position: -966px -1058px} #userContactDetails .sidebar a{margin-bottom: 15px; width: 180px; margin-left: 0; font-weight: normal;} #userContactDetails .sidebar a.goBack{margin-top:30px; margin-bottom: 80px; display: block; font-size: 12px;} #userContactDetails .dataRow .grayBtn2{font-size: 12px; padding: 3px 25px; margin-left: 40px} #userContactDetails .headOptions a{margin-left: 30px} #userContactDetails .headOptions{padding: 1em 0} .headOptions{float: right; padding: 1em; font-size: 138.5%} .headOptions a{font-size: 12px; color: #000; margin-left: 70px; font-weight: bold} #popupContactsList table{ border: 1px solid #eee; border-radius: 10px; width: 100%; } #popupContactsList th{background: #174899; color: #fff; text-align: left; padding: 5px} #popupContactsList td{padding: 5px; } #popupContactsList tr.dark td{background-color: #eee;} #popupContactsList tr.inactive{color: #aaa} #popupContactsList td a{background-color: #F8E1D1; border: 1px solid #cd0a0a; border-radius: 5px; padding: 0 5px; color: #cd0a0a; text-decoration: none;} #groupsFilter{padding: 5px;} #groupsFilter select{min-width: 50px} .pageHeader{margin: 10px 0; overflow: hidden} .pageHeader .icon{float: left; width: 56px; height: 63px; margin: 0 10px 0 0; background: url('/images/icons.png?8') no-repeat transparent} .pageHeader h1{font-size: 30px; color: #184365; padding: .5em 0 5px 0;} .pageHeader p{float: left; width: 910px} #myHolidays .pageHeader .icon{background-position: -1022px -1058px} #myHolidays table td{text-align: center} #myHolidays table td.name{font-weight: bold} #myHolidays .grayBtn2{float: right} #myHolidays .pageHeader p{width: 66%;} #myEvents .pageHeader .icon{background-position: -1078px -1058px} #myEvents table td{text-align: center} #myEvents table td.name{font-weight: bold} #myEvents .grayBtn2{float: right} #myEvents .setReminderLnk{color: #be6f08} #myEvents table .name{width: 200px} #myEvents table .date{width: 100px} #myEvents table .reminder{width: 100px} #myEvents table .options{width: 100px} #myEvents table .yearly{width: 100px} .grayBtn2{padding: 3px 5px; margin: 0 0 0 20px; border: 1px solid #d2d2d2; border-radius: 5px; background: #f0f0f0; color: #164364; text-decoration: none; font-weight: bold; float: left} .grayBtn2:hover{background: #e3e3e3} fieldset.blue{border: 1px solid #cac8c9; background-color: #eff4f8; padding: 10px} fieldset.blue legend{padding: 3px 25px; margin: 0 0 0 10px; border: 1px solid #d2d2d2; border-radius: 5px; background: #f0f0f0; color: #164364; text-decoration: none; font-weight: bold; line-height: 1.2em} fieldset.blue{margin-bottom: 30px;} fieldset.blue legend{font-size: 15px; font-weight: normal;} #editContact{width: 770px; margin: 0 auto; font-family: verdana} #editContact .pageHeader .icon{background-position: -966px -1058px} #userContactForm input, #userContactForm select, #userContactForm textarea{border: 1px solid #cac9c7} #userContactForm input, #userContactForm textarea{padding: 3px;} #userContactForm select{padding: 2px} #userContactForm textarea{line-height: 1.5em; width: 520px;} #userContactForm .hint{margin-left: 370px} #userContactForm .submits a{margin-left: 65px} #userContactForm .submits.new a{margin-left: 90px} #askFriends .pageHeader{float: left; width: 560px} #askFriends .pageHeader h1{font-size: 26px} #askFriends .pageHeader .icon{background-position: -1284px -1058px;} #askFriends .infoBox1{width: 405px; float: right; border-radius: 5px; border: 1px solid #cacaca; background: #f3f3f3; overflow: hidden;margin: 20px 0; position: relative} #askFriends .infoBox1 h3{font-size: 18px; color: #174463; float: left; padding: 3px 10px} #askFriends .infoBox1 h3 span{margin-top: 2px; width: 27px; height: 22px; float: left; margin-right: 5px} #askFriends .infoBox1 h3 span.questionIcon{background-position: -993px -1121px} #askFriends .infoBox1 h3 span.emailIcon{background: url('/images/icons.png?8') -1020px -1121px no-repeat transparent; } #askFriends .infoBox1 h3 span.formIcon{background: url('/images/icons.png?8') -966px -1121px no-repeat transparent;} #askFriends .infoBox1 p{margin-left: 42px; clear: left; margin-bottom: 9px} #askFriends .backgroundQuestionMark{background: url('/images/icons.png?8') -1340px -1058px no-repeat transparent; position: absolute; top: 0; right: 50px; width: 141px; height: 164px;} .ad{text-align: center; margin: 10px auto} .ad.noTopMargin{margin-top: 0} #adsOverlay{ position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; text-align: center; font-size: 14px; font-family: verdana; padding: 30px 0 } #adsOverlay p{line-height: 2em; margin-bottom: 30px} #adsOverlay .receiveEcardLnk{font-size: 16px; font-weight: bold; color: #00f; margin: 30px 0; display: block} #apJoin #apUserTypeBox ul{line-height: 2.5em} #apJoin #companyDataBox textarea{height: 100px; width: 400px} #apPrizes table{border-collapse: separate; border-spacing: 10px; margin-left: -10px; margin-right: -10px; width: 100%;} #apPrizes table td{padding: 10px; border: 1px solid #dfdfdf; border-radius: 10px; overflow: hidden;} #apPrizes table td.last{text-align: center; background-color: #fff; width: 100px;} #apPrizes table td.last span{font-size: 16px; font-weight: bold; color: #f98d00} #apPrizes table td.last a{margin-top: 20px} #apPrizes table td h3{padding-top: 0} #apPrizes table td img{float: left; margin: 0 10px 10px 0;} #getPrize textarea{width: 490px; height: 100px} #getPrize h2{padding-top: 0} #getPrize table td.last{text-align: right} #apChangeUserType textarea{width: 400px; height: 10em;} #apChangeUserType label{width: 200px} #apChangeUserType input[type="submit"]{margin-left: 205px} #apChangeUserType #companyDataBox{display: none} #apChangeUserType form fieldset #companyDataBox .formErrors{margin-left: 205px} #apPointsHistory .tableContainer{float: left; border: 1px solid #bfbfbf; border-radius: 10px; max-height: 600px; overflow: auto; width: 572px; } #apPointsHistory .tableContainer table{width: 100%;} #apPointsHistory .tableContainer table td{padding: 7px; background-color: #fff;} #apPointsHistory .tableContainer table tr.dark td{background-color: #f5f5f5} #apPointsHistory #noPoints{border: 1px solid #dfdfdf; padding: 20px; text-align: center; border-radius: 10px; color: #f00; margin: 50px} #apSettings{overflow: hidden} #apSettings #tableContainer{border: 1px solid #dfdfdf; border-radius: 10px; float: left; overflow: hidden} #apSettings table{min-width: 500px;} #apSettings table th{text-align: right; padding: 10px} #apSettings table td{text-align: left; padding: 10px; font-size: 14px;} #apSettings table td a.grayBtn2{font-size: 12px} #apSettings table tr.dark td, #apSettings table tr.dark th{background-color: #f8f8f8} #apYourPrizes #noPrizes{border: 1px solid #dfdfdf; padding: 20px; text-align: center; border-radius: 10px; color: #f00; margin: 50px} #apYourPrizes table{width: 100%} #apYourPrizes table td{padding: 5px; text-align: center;} #apRules{margin-bottom: 50px} #apRules p, #apRules h2, #apRules li{font-family: verdana; line-height: 1.5em} #apRules h2{padding: 1em 0 .5em 0} #pcardsOccasions{font-family: Verdana} #pcardsOccasions ul{margin: 0; padding: 0;} #pcardsOccasions li{ list-style-type: none; margin: 0; padding: 0 0 10px 0; overflow: hidden; border-top: 2px solid #fea628; line-height: 1.5em; } #pcardsOccasions li div{width: 50%; position: relative;} #pcardsOccasions li div.inbox{margin-bottom: 15px} #pcardsOccasions li .left{float: left} #pcardsOccasions li .right{float: right} #pcardsOccasions h1{width: 50%; font-weight: normal; font-size: 22px; text-transform: uppercase; text-align: center; padding: 0 0 1em 0; line-height: 2em;} #pcardsOccasions .description{font-size: 14px; color: #154367;} #pcardsOccasions .pigeon{float: right; margin-right: 75px; width: 200px} #pcardsOccasions li h3{text-transform: uppercase; font-size: 16px; color: #134465; text-align: center; font-weight: normal;} #pcardsOccasions li h3:first-letter{color: #fea628; font-size: 1.5em} #pcardsOccasions li h4{color: #fea628; font-size: 16px; text-align: center; font-weight: normal; padding: 1em 0} #pcardsOccasions li a{text-transform: uppercase; color: #164265; font-size: 11px; display: block; text-align: center;} #pcardsOccasions li a:first-letter{font-size: 14px} #pcardsOccasions li .images{margin-top: 15px} #pcardsOccasions li .images a span{position: absolute; top: 30px; right: 270px; z-index: 1; text-transform: none; font-size: 12px; line-height: 17px; background: url('/images/pcardOccasions/magnifier.png') left center no-repeat transparent; padding-left: 20px} #pcardsOccasions li .images a span{font-size: inherit} #pcardsOccasions .ocMenu{margin-bottom: 15px; float: left; width: 35%; margin-right: 1%} #pcardsOccasions .ocMenu.first{width: 33%; margin-left: 2%} #pcardsOccasions .ocMenu.thin{width: 27%;} #pcardsOccasions .ocMenu.last{margin-right: 0} #pcardsOccasions .ocMenu li{border: none; font-size: 11px; text-align: left; padding: 0; list-style-position: inside; list-style-type: disc;} #pcardsOccasions .ocMenu li a{text-align: left; display: inline; font-size: 10px; } .noTitleDialog{border-radius: 10px;} .noTitleDialog .ui-dialog-titlebar{display:none} #overlayAd a.closeAd{ float: right; text-decoration: none; } #overlayAd a.closeAd:hover{ text-decoration: underline; } #cookiesPolicyBanner{ text-align: center; padding: .8em; margin: 0; background-color: #e7effd; color: #333; font-size: 11px; border-bottom: 1px solid #d6e4fd; position:absolute; top: 0; left: 0; width: 100%; z-index: 100; opacity: .95; } #cookiesPolicyBanner a{ text-decoration: underline; color: #0c458b; } #cookiesPolicyBanner a.accept{ font-weight: bold; margin-left: 3em; }