html, body {color:#fff; font-family:tahoma; font-size:12px; overflow:hidden; padding-top:10px; margin:0px; border:none; background-image:url(../images/design/modal_bgr.jpg); -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .selectableText{-webkit-user-select:auto; -khtml-user-select:auto; -moz-user-select:auto; -ms-user-select:auto; user-select:auto;} a{color:#888; text-decoration:none; cursor:pointer;} a:hover{color:#8c0;} hr{border:solid 1px #444; width:80%;} p{margin:1px;} img{border:0;} td{vertical-align:middle;} div{outline:none;} input{outline:none;} input[type="button"], input[type="submit"], button{font-family:tahoma; font-size:10px; border-radius:5px; color:#fff; border:solid 1px #000; background-color:#f60; box-shadow:inset 0px 0px 10px #ff0; padding-top:2px; padding-bottom:2px; text-shadow:1px 1px 1px #000; font-weight:bold;} input[type="button"]:hover, input[type="submit"]:hover, button:hover{background-color:#f00; cursor:pointer;} button img{vertical-align:middle;} input{font-family:tahoma; font-size:12px; border:solid 1px #000;} input[type="text"], select, textarea{background-color:#000; color:#fff; border:solid 1px #444; border-radius:5px;} .buttonsList{padding:0px; margin:0px;} .buttonsList li{position:relative; display:block; width:180px; padding:10px; margin:0px; margin-bottom:20px; font-family:tahoma; font-size:10px; border-radius:5px; color:#fff; border:solid 1px #000; background-color:#f60; box-shadow:inset 0px 0px 10px #ff0; padding-top:2px; padding-bottom:2px; text-shadow:1px 1px 1px #000; font-weight:bold;} .buttonsList li:hover{background-color:#f00; cursor:pointer;} .buttonsList li.sel{background-color:#8c0;} .buttonsList li img{vertical-align:middle;} .imageFrame{border:solid 2px #800; box-shadow:0px 0px 10px #600, 0px 0px 5px #600; border-radius:5px;} .imageFrameHighlight{border:solid 2px #8da700; box-shadow:0px 0px 10px #8da700, 0px 0px 5px #600; border-radius:5px;} .buttonLink{color:#369; font-size:12px; font-weight:700; text-decoration:none; cursor:pointer; text-shadow:1px 1px 1px #003;} .buttonLink:hover{color:#69c} .header{color:#ddd; font-weight:bold; font-size:14px; text-shadow:2px 0px 2px #000, -2px 0px 2px #000, 0px 2px 2px #000, 0px -2px 2px #000;} .header_2{color:#ddd; font-weight:bold; font-size:20px; text-shadow:2px 0px 2px #000, -2px 0px 2px #000, 0px 2px 2px #000, 0px -2px 2px #000;} .header_3{color:#ddd; font-weight:bold; font-size:32px; text-shadow:2px 0px 2px #000, -2px 0px 2px #000, 0px 2px 2px #000, 0px -2px 2px #000;} .header_dark{color:#222; font-weight:bold; font-size:14px; text-shadow:0px 1px 1px #000;} .text{color:#ddd; font-size:12px;} .comment_text{color:#666; font-size:12px; font-style:italic;} .highlight{color:#f60; font-size:12px;} .error{color:#c00; font-weight:bold; text-shadow:-1px -1px 1px #000, 1px 1px 1px #000, 1px 1px 5px #a00;} .success{color:#6f0; font-weight:bold; text-shadow:-1px -1px 1px #000, 1px 1px 1px #000, 1px 1px 5px #6f0;} .informator{color:#a00;} .started_missions{color:#aa0; font-size:12px;} .all_missions{color:#adadad; font-size:12px;} #web_hint{position:absolute; left:0px; top:0px; z-index:98; width:200px; color:#fff; font-size:10px; background-image:url(../images/design/hintBgr.png); text-align:center; padding:5px; text-shadow:1px 0px #000, -1px 0px #000, 0px 1px #000, 0px -1px #000; background-image:url(../images/design/hint_bgr.jpg); box-shadow:0px 0px 10px #000, inset 0px 0px 10px #000; opacity:0.9;} #contextMenu{position:absolute; padding:5px; width:100px; font-size:10px; color:#fff; border:solid 1px #000; border-radius:5px; box-shadow:3px 3px 10px #000; background-position:center center; background-image:url(../images/design/modal_bgr.jpg); text-shadow:-1px 0px #000, 1px 0px #000, 0px -1px #000, 0px 1px #000; z-index:97;} #info_box{position:absolute; width:400px; height:150px; background-image:url(../images/design/info_bgr.jpg); border-radius:10px; border:solid 1px #222; box-shadow:3px 3px 10px #000, inset 0px 0px 10px #000; z-index:3;} #info_box_content{position:absolute; top:40px; left:0px; width:100%; height:50px; color:#ff0; font-weight:bold; font-size:12px; vertical-align:middle;} #info_box_buttons{position:absolute; bottom:15px; left:0px; width:100%; height:20px; text-align:center;} #info_box_drager{position:absolute; width:100%; height:20px; top:0px; left:0px; cursor:move;} #ss_user_info_close{position:absolute; top:2px; right:5px; width:20px; height:20px; cursor:pointer; background-image:url(../images/buttons/close.png);} #ss_user_info_close:hover{background-image:url(../images/buttons/close_h.png);} #headNavigation{position:absolute; left:72px; top:15px; width:130px; padding:0px; margin:0px; text-align:left; z-index:2;} #headNavigation li{display:inline-block; width:20px; height:20px; padding:5px; margin:-1px; background-image:url(../images/buttons/action_button.png); cursor:pointer;} #headNavigation li:hover{background-image:url(../images/buttons/action_button_h.png);} #headNavigation li img{height:20px;} #headProfileNavigation{position:absolute; left:200px; top:65px; text-align:center; width:300px; height:30px; padding:0px;} .head_button{width:30px; height:30px; cursor:pointer; background-size:100%;} #profileButtons{position:absolute; right:70px; top:15px; margin:0px; padding:0px; z-index:2;} #profileButtons li{position:relative; display:inline-block; height:20px; width:20px; background-image:url(../images/buttons/action_button_small.png); cursor:pointer;} #profileButtons li:hover{background-image:url(../images/buttons/action_button_small_h.png);} #profileButtons li img{height:20px;} #wheelOfFortune_button{position:absolute; right:0px; top:610px; width:80px; height:80px; background-image:url(../images/buttons/wheelOfFortune.png); cursor:pointer;} #wheelOfFortune_button:hover{background-image:url(../images/buttons/wheelOfFortune_h.png);} #bigIconsList{position:absolute; left:5px; top:75px; padding:0px; margin:0px;} #bigIconsList li{display:block; width:40px; height:40px; padding:0px; margin:0px; margin-bottom:5px; cursor:pointer; background-size:100%;} #advertiseJoinAllianceBox{position:absolute; top:0px; right:0px; width:200px; padding:5px; margin:0px; border:dotted 2px #800; border-radius:10px; box-shadow:3px 3px 10px #000, inset 0px 0px 10px #000; background-image:url(../images/design/alyAdvertBgr.jpg); color:#fff; font-size:10px; text-shadow:1px 1px 1px #222; opacity:0;} #advertiseJoinAllianceBox:hover{box-shadow:3px 3px 10px #000, inset 0px 0px 5px #800; cursor:pointer;} .indicator_bgr{position:relative; width:100%; height:4px; background-image:url(../images/design/transp.png); border-radius:2px;} .indicator{position:absolute; top:0px; left:0px; height:100%; background-color:#8c0; border-radius:2px;} .blocker{position:absolute; top:0px; left:0px; width:100%; height:770px; background-repeat:repeat; font-size:12px; background-image:url(../images/design/transp.png); z-index:2;} #enter_info_content{position:absolute; top:350px; left:190px; border:solid 1px #400; background-color:#100; color:#fff; font-size:12px; width:600px; border-radius:10px;} #gameWindowSize{position:relative; width:710px; height:1000px; margin-left:auto; margin-right:auto; border:solid 2px #000; border-radius:5px;} #container{position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url(../images/design/bgr_v7.jpg); background-repeat:no-repeat; z-index:1; box-shadow:0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;} .logo{position:absolute; left:0px; top:0px; width:60px; height:60px; background-size:100%; background-image:url(../images/design/logo.png); z-index:2;} .logoBack{position:absolute; left:-10px; top:-10px; width:80px; height:80px; background-size:100%; background-image:url(../images/design/logoBack.png); animation:rotate 2s linear 0s infinite normal; -moz-animation:rotate 2s linear 0s infinite normal; -webkit-animation:rotate 4s linear 0s infinite normal; -o-animation:rotate 2s linear 0s infinite normal;} @keyframes rotate{from{transform: rotate(0deg);} to{transform: rotate(360deg);}} #adminButtons{position:absolute; right:5px; top:-20px; z-index:2;} #adminButtons li{display:inline-block; padding:1px; padding-left:5px; padding-right:5px; margin:0px; border:solid 1px #000; border-radius:20px; background-color:#444; cursor:pointer; font-size:10px;} #adsContentBox{position:relative; width:720px; margin:0px; margin-bottom:10px; margin-left:auto; margin-right:auto; padding:0px; text-align:center;} #adsContentBox li{display:inline-block; border:solid 1px #000; border-radius:3px; margin:0px; padding:0px; background-size:100%; background-position:center center; width:720px; height:95px;} #randomPlayersSwitchButton{position:absolute; left:5px; top:691px; margin:0px; padding:0px; height:70px; vertical-align:middle; text-align:center;} #randomPlayersSwitchButton li{display:block; margin-bottom:1px; width:15px; height:15px; background-color:#fff; border-radius:5px; border:solid 1px #000; cursor:pointer;} #randomPlayersSwitchButton li.sel{border:solid 1px #8da700; box-shadow:0px 0px 5px #8da700;} #randomPlayersSwitchButton li:hover{border:solid 1px #800; box-shadow:0px 0px 10px #600;} .randomPlayers{position:absolute; left:30px; top:688px; margin:0px; padding:0px;} .randomPlayers li{display:inline-block; margin:4px; cursor:pointer;} .randomPlayers li img.offline{width:50px; border:solid 1px #000; border-radius:5px; box-shadow:0px 0px 5px #000;} .randomPlayers li img.online{width:50px; border:solid 1px #8da700; border-radius:5px; box-shadow:0px 0px 10px #8da700;} .randomPlayers li img.add{width:50px; border:solid 1px #000; border-radius:5px; box-shadow:0px 0px 10px #000;} .randomPlayers li img:hover{border:solid 1px #a00; box-shadow:0px 0px 10px #600, 0px 0px 5px #600;} #randomPlayersError{position:absolute; top:710px; left:0px; width:100%; height:20px; text-align:center; font-size:12px; text-shadow:1px 1px 1px #000; font-weight:777; color:#c60;} .pageClosedError{position:relative; width:350px; height:100px; vertical-align:middle; text-align:center; font-size:12px; text-shadow:1px 0px #000, -1px 0px #000, 0px 1px #000, 0px -1px #000; color:#c00; border-radius:10px; background-image:url(../images/design/transp.png); box-shadow:3px 3px #000;} .panel_icon{position:absolute; left:0px; top:0px; width:20px; height:20px;} .panel_amount{position:absolute; left:25px; top:3px; width:85px; height:15px; font-size:12px; text-shadow:1px 0px #000, -1px 0px #000, 0px 1px #000, 0px -1px #000;} #panel_money{position:absolute; left:70px; top:645px; width:120px; height:30px;} #panel_credits{position:absolute; left:190px; top:645px; width:120px; height:30px;} #panel_wood{position:absolute; left:310px; top:645px; width:120px; height:30px;} #panel_stone{position:absolute; left:430px; top:645px; width:120px; height:30px;} #panel_uranium{position:absolute; left:550px; top:645px; width:120px; height:30px;} #city_info_box{position:absolute; left:0px; top:3px; height:40px; width:100%; z-index:1;} #city_info{position:relative; height:40px; margin:0px; margin-left:auto; margin-right:auto;} #cityFlag{position:relative; display:inline-block; margin:0px; margin-right:5px; width:30px; height:30px; border-radius:5px; box-shadow:0px 0px 5px #000; background-color:#777;} #alyCoat{position:relative; display:inline-block; margin:0px; margin-right:5px; width:30px; height:30px; border-radius:5px; box-shadow:0px 0px 5px #000; background-color:#777;} #cityFlag img, #alyCoat img{border-radius:5px;} #city_name{color:#fff; text-shadow:2px 0px 2px #000, -2px 0px 2px #000, 0px 2px 2px #000, 0px -2px 2px #000; font-size:16px; font-weight:777;} #serverTimeBox{position:absolute; right:0px; top:5px; width:55px; text-align:right;} #serverTime{position:absolute; left:0px; top:0px; color:#ccc; font-size:18px; font-weight:777; text-shadow:1px 0px #000, -1px 0px #000, 0px 1px #000, 0px -1px #000;} #serverDate{position:absolute; left:0px; top:20px; color:#888; font-size:10px;} #actionButtons{position:absolute; left:3px; top:600px; margin:0px; padding:0px; text-align:center;} #actionButtons li{display:inline-block; padding:5px; margin:0px; height:20px; width:20px; background-image:url(../images/buttons/action_button.png); cursor:pointer;} #actionButtons li:hover{background-image:url(../images/buttons/action_button_h.png);} #actionButtons li img{height:20px;} #citySubInfo{position:absolute; right:10px; top:75px; margin:0px; padding:0px; width:190px; text-align:right;} #citySubInfo li{display:inline-block; width:30px; height:30px; padding:10px; margin:0px; margin-left:3px; cursor:pointer; background-image:url(../images/buttons/subInfoSign.png);} #citySubInfo li:hover{background-image:url(../images/buttons/subInfoSign_h.png);} #citySubInfo li img{width:30px;} #sectorSelectorBox{position:absolute; right:30px; top:540px; width:90px; height:70px;} #sectorSelectorBox #next{position:absolute; left:60px; top:0px; padding:5px; width:20px; height:20px; background-image:url(../images/buttons/action_button.png); cursor:pointer;} #sectorSelectorBox #world{position:absolute; left:30px; top:20px; padding:5px; width:20px; height:20px; background-image:url(../images/buttons/action_button.png); cursor:pointer;} #sectorSelectorBox #prev{position:absolute; left:0px; top:40px; padding:5px; width:20px; height:20px; background-image:url(../images/buttons/action_button.png); cursor:pointer;} #sectorSelectorBox #next img, #sectorSelectorBox #prev img, #sectorSelectorBox #world img{height:20px;} #sectorSelectorBox #next:hover, #sectorSelectorBox #prev:hover, #sectorSelectorBox #world:hover{background-image:url(../images/buttons/action_button_h.png);} #map{position:absolute; left:5px; top:145px; width:705px; height:467px;} #map_bgr{position:absolute; left:0px; top:0px; width:100%; height:100%; background-image:url(../images/buildings/map_v4.png); background-repeat:no-repeat;} .slot_building{position:absolute; bottom:0px; left:0px; width:100%; height:100%; background-repeat:no-repeat;} .building_timer{position:absolute; bottom:30px; left:0px; width:100%; height:22px; text-align:center; color:#ddd; font-weight:bold; font-size:12px; text-shadow:2px 0px 2px #000, -2px 0px 2px #000, 0px 2px 2px #000, 0px -2px 2px #000;} .slot_area{position:absolute; left:0px; bottom:0px; width:117px; height:82px;} .slot_hover_zone{position:absolute; left:25px; bottom:5px; width:67px; height:67px; cursor:pointer; transform:rotate(35deg) skew(-20deg); -ms-transform:rotate(35deg) skew(-20deg); -moz-transform:rotate(35deg) skew(-20deg); -webkit-transform:rotate(35deg) skew(-20deg); -o-transform:rotate(35deg) skew(-20deg); z-index:2;} .slot_building_maxhp{position:absolute; bottom:21px; left:51px; width:70px; height:3px; background-color:#444; -webkit-transform:rotate(-32deg); -moz-transform:rotate(-32deg); -o-transform:rotate(-32deg); -ms-transform:rotate(-32deg);} .slot_building_hp{position:absolute; top:0px; left:0px; height:100%; background-color:#800;} .slot_need_repair{position:absolute; bottom:7px; left:45px; width:20px; height:20px; background-image:url(../images/buttons/repair_small.gif); -webkit-transform:rotate(-32deg); -moz-transform:rotate(-32deg); -o-transform:rotate(-32deg); -ms-transform:rotate(-32deg);} .slot_building_rotate_left{position:absolute; bottom:5px; left:10px; width:20px; height:20px; background-color:#000; border:solid 1px #666; border-radius:10px; z-index:3;} .slot_building_rotate_right{position:absolute; bottom:5px; right:15px; width:20px; height:20px; background-color:#000; border:solid 1px #666; border-radius:10px; z-index:3;} .slot_building_move{position:absolute; bottom:-15px; left:46px; width:20px; height:20px; background-color:#000; border:solid 1px #666; border-radius:10px; z-index:3;} .slot_building_move_here{position:absolute; bottom:30px; left:45px; width:30px; height:30px; z-index:3;} .action_slot{position:absolute; bottom:30px; left:45px; width:30px; height:30px; z-index:2; cursor:pointer;} #slot_1{position:absolute; left:304px; top:-27px; width:120px; height:120px;} #slot_2{position:absolute; left:392px; top:33px; width:120px; height:120px;} #slot_3{position:absolute; left:480px; top:93px; width:120px; height:120px;} #slot_4{position:absolute; left:209px; top:34px; width:120px; height:120px;} #slot_5{position:absolute; left:297px; top:93px; width:120px; height:120px;} #slot_6{position:absolute; left:386px; top:153px; width:120px; height:120px;} #slot_7{position:absolute; left:115px; top:94px; width:120px; height:120px;} #slot_8{position:absolute; left:202px; top:154px; width:120px; height:120px;} #slot_9{position:absolute; left:290px; top:214px; width:120px; height:120px;} #slot_10{position:absolute; left:19px; top:155px; width:120px; height:120px;} #slot_11{position:absolute; left:108px; top:215px; width:120px; height:120px;} #slot_12{position:absolute; left:195px; top:275px; width:120px; height:120px;} #slot_13{position:absolute; left:568px; top:153px; width:120px; height:120px;} #slot_14{position:absolute; left:474px; top:213px; width:120px; height:120px;} #slot_15{position:absolute; left:378px; top:274px; width:120px; height:120px;} #slot_16{position:absolute; left:283px; top:335px; width:120px; height:120px;} #slot_17{position:absolute; left:15px; top:274px; width:120px; height:120px;} #slot_18{position:absolute; left:100px; top:335px; width:120px; height:120px;} #slot_19{position:absolute; left:474px; top:336px; width:120px; height:120px;} #slot_20{position:absolute; left:565px; top:276px; width:120px; height:120px;} #slot_21{position:absolute; left:488px; top:-30px; width:120px; height:120px;} #slot_22{position:absolute; left:576px; top:28px; width:120px; height:120px;} #slot_23{position:absolute; left:25px; top:32px; width:120px; height:120px;} #slot_24{position:absolute; left:115px; top:-29px; width:120px; height:120px;} #worldmap_page{position:absolute; overflow:hidden; left:40px; top:140px;} #worldmap{width:600px; height:300px; border-collapse:collapse; background-image:url(../images/design/worldmap.jpg); background-size:100% 100%;} #worldmap td{border:solid 1px #000; text-align:center; cursor:pointer;} #worldmap td:hover{background-color:#080;} #worldmap_sector{width:600px; height:300px; border-collapse:collapse; background-image:url(../images/design/worldmap_sector.jpg);} #worldmap_sector td{position:relative; border:solid 1px #000;} #worldmap_sector td:hover{background-color:#080;} .worldmap_sector_container{position:relative; padding:0px; margin:0px;} .worldmap_population{position:absolute; left:0px; top:0px; background-color:#ff0; width:100%; height:100%;} #worldmap_my_sector{position:absolute; left:0px; top:0px; background-image:url(../images/design/yellow_home.png); width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;} #worldmap_my_occupied{position:absolute; left:0px; top:0px; background-image:url(../images/design/blue_home.png); width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;} #worldmap_my_alliance{position:absolute; left:0px; top:0px; background-image:url(../images/design/green_home.png); width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;} #worldmap_my_friends{position:absolute; left:0px; top:0px; background-image:url(../images/design/orange_home.png); width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;} #steal_box{border-spacing:10px;} #steal_box td{width:48px; height:50px; background-image:url(../images/design/steal_slot.jpg); background-repeat:no-repeat; background-position:center middle; border-radius:5px;} #steal_box td:hover{background-image:url(../images/design/steal_slot_h.jpg); cursor:pointer;} .information_box{border:solid 2px #000; background-image:url(../images/design/information_box_bgr.png); font-size:12px; width:97%; color:#aaa; box-shadow:1px 1px 5px #000; border-radius:5px;} .information_box_highlight{border:solid 2px #400; background-image:url(../images/design/information_box_highlight_bgr.png); font-size:12px; width:97%; color:#a88; box-shadow:1px 1px 5px #000, inset 0px 0px 10px #f00; border-radius:5px;} .WOFcontent{position:absolute; left:0px; top:9px; font-size:10px; width:100%; height:14px; text-align:center;} .WOFelement{position:absolute; width:50px; height:50px; background-image:url(../images/design/wheel_element.png);} #turnWheelButton{position:relative; width:200px; height:80px; background-image:url(../images/buttons/WOF_button.png); cursor:pointer;} #turnWheelButton:hover{background-image:url(../images/buttons/WOF_button_h.png);} #turnWheelButtonWA{width:150px; height:20px;} #WOFrateSwitchButton{margin:0px; padding:0px; width:150px; vertical-align:middle; text-align:right;} #WOFrateSwitchButton li{display:inline-block; margin-left:3px; width:20px; height:20px; background-color:#fff; border-radius:5px; border:solid 1px #666; cursor:pointer; color:#aaa; font-size:14px; text-align:center;} #WOFrateSwitchButton li.sel{border:solid 1px #8da700; box-shadow:0px 0px 5px #8da700, 0px 0px 5px #8da700;} #WOFrateSwitchButton li:hover{border:solid 1px #800; box-shadow:0px 0px 10px #600, 0px 0px 5px #600;} .minefieldMineSlot{position:absolute; width:30px; height:30px; background-image:url(../images/buttons/mineEmpty.png); cursor:pointer;} .minefieldMineSlot:hover{background-image:url(../images/buttons/mine_h.png)} #occupySideArrowTR{position:absolute; right:30px; top:30px; width:100px; height:100px; background-image:url(../images/buttons/arrowTR.png); cursor:pointer;} #occupySideArrowTR:hover{right:40px; top:40px;} #occupySideArrowBR{position:absolute; right:30px; top:230px; width:100px; height:100px; background-image:url(../images/buttons/arrowBR.png); cursor:pointer;} #occupySideArrowBR:hover{right:40px; top:220px;} #occupySideArrowBL{position:absolute; right:220px; top:230px; width:100px; height:100px; background-image:url(../images/buttons/arrowBL.png); cursor:pointer;} #occupySideArrowBL:hover{right:210px; top:220px;} #occupySideArrowTL{position:absolute; right:220px; top:30px; width:100px; height:100px; background-image:url(../images/buttons/arrowTL.png); cursor:pointer;} #occupySideArrowTL:hover{right:210px; top:40px;} #recommendToUse_title{position:absolute; bottom:-35px; right:130px; width:173px; height:30px; background-image:url(../images/design/recommendToUse.jpg);} #recommendToUse_mozilla{position:absolute; bottom:-35px; right:90px; background-image:url(../images/buttons/recommendToUse_mozilla.jpg); width:35px; height:30px;} #recommendToUse_mozilla:hover{background-image:url(../images/buttons/recommendToUse_mozilla_h.jpg)} #recommendToUse_chrome{position:absolute; bottom:-35px; right:50px; background-image:url(../images/buttons/recommendToUse_chrome.jpg); width:35px; height:30px;} #recommendToUse_chrome:hover{background-image:url(../images/buttons/recommendToUse_chrome_h.jpg)} #recommendToUse_safari{position:absolute; bottom:-35px; right:10px; background-image:url(../images/buttons/recommendToUse_safari.jpg); width:35px; height:30px;} #recommendToUse_safari:hover{background-image:url(../images/buttons/recommendToUse_safari_h.jpg)} .smilesBox{position:absolute; right:0px; bottom:0px; width:300px; padding:0px; border:solid 1px #aaa; background-color:#000; box-shadow:1px 1px 5px #000; border-radius:5px; box-shadow:0px 0px 10px #000; z-index:90;} .smilesBox img{cursor:pointer; margin:2px;} .smilesBox img:hover{border-radius:5px; background-color:#000; box-shadow:inset 0px 0px 3px #fff;} #send-frame{display:'';} #banners{margin-left:auto; margin-right:auto; margin-bottom:10px;} .jspContainer{overflow:hidden; position:relative;} .jspPane{position:absolute;} .jspVerticalBar{position:absolute; top:0; right:0; width:10px; height:100%; opacity:0.7;} .jspVerticalBar:hover{opacity:1;} .jspHorizontalBar{position:absolute; bottom:0; left:0; width:100%; height:10px; opacity:0.7;} .jspHorizontalBar:hover{opacity:1;} .jspVerticalBar *, .jspHorizontalBar * {margin:0; padding:0;} .jspCap{display: none;} .jspHorizontalBar .jspCap{float:left;} .jspTrack{background-color:#000; border-radius:3px; position:relative;} .jspDrag{background:#252525; position:relative; top:0; left:0px; border-radius:3px; box-shadow:inset 0px 0px 1px #888; cursor:pointer;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{float:left; height:100%;} .jspVerticalBar .jspArrow{height: 16px;} .jspHorizontalBar .jspArrow{width:16px; float:left; height:100%;} .jspVerticalBar .jspArrow:focus{outline: none;} .jspCorner{background:none; float:left; height:100%;} * html .jspCorner{margin: 0 -3px 0 0;}