html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; min-width: 1024px; height: 100%; font-family: Helvetica, Myriad Pro, sans-serif; color: #59596b; background: #dfe8e8; text-align: center;}
hr {margin: 0; padding: 0; border: none; width: 100%; height: 1px; background-color: #c9d4d4; clear: both;}
hr.invisible {margin: 0; padding: 0; border: none; width: 100%; height: 1px; background: none; clear: both;}
a {color:#159ad4; text-decoration: none;}
a:hover {text-decoration: underline;}
a.more {padding-right: 10px; background: no-repeat 100% 4px url('bullet_more.gif'); white-space: nowrap;}
#main_grid {position: relative; clear: both; background: #dfe8e8 repeat-y 50% 0 url('grid.gif'); width: 100%; padding: 40px 0 0 0;}
#main {position: relative; clear: both; background: #dfe8e8 /*repeat-y 50% 0 url('grid.gif1')*/; width: 100%; padding: 40px 0 0 0;}
.w946 {position: relative; width: 946px; text-align: left;}
#menu {position: relative; width: 100%; height: 41px;}
#menu ul {margin: 0; padding: 0; position: relative; display: block; width: 100%; height: 40px; font-size: 14px;}
#menu li {margin: 0; padding: 0; position: relative; display: block; float: left; height: 40px; width: 159px; border-right: 1px solid #bcb7b7; background: #e3e8e8;}
#menu li#menu_first {width: 153px; background-position: 0 100%;}
#menu li#menu_last {width: 152px; border: none;}
#menu li#menu_first span {visibility: hidden;}
a span#readdle_logo, strong span#readdle_logo {z-index: 150; position: absolute; top: -2px; left: 36px; display: block; width: 79px; height: 30px; background-repeat: no-repeat; background-image: url('readdle_logo.gif'); background-position: 0 0;}
strong span#readdle_logo, a:hover span#readdle_logo {background-position: bottom;}
#menu strong, #menu a {display: block; position: relative; height: 100%; color: #59596b; text-decoration: none; text-align: center; background-repeat: no-repeat; background-position: 0 0; background-image: url('menu_btn.gif');}
#menu strong, #menu a:hover, #menu strong a {background-position: bottom; color: #f4f4f4;}
#menu span {position: relative; top: 12px;}
#menu span.shadowed {position: absolute;}
#menu strong span.shadowed, #menu a:hover span.shadowed {color:#65686a;}
#navi {position: relative; width: 100%; height: 39px; margin-bottom: 23px;}
#navi a#ico_h {position: relative; width: 11px; height: 12px; padding: 0; background: none; top: 13px;}
#ico_h img {width: 11px; height: 12px;}
#navi a, #navi strong {float: left; position: relative; display: block; top: 11px; padding-left: 16px; font-size: 10px; line-height: 16px; padding-left: 16px; background: no-repeat 7px 6px url('bullet_navi.gif'); white-space: nowrap; color: #767f8a; text-decoration: none; font-weight: normal;}
#splash {position: relative; width: 100%; height: 321px; margin: -23px 0 22px 0;}
#splash .shadow {width: 100%; height: 320px;}
#action_signature {position: absolute; top: 30px; left: 122px; width: 386px; font-weight: bold; color: #f5f5f5;}
#splash_txt {position: absolute; top: 80px; left: 40px; width: 386px; height: 216px;}
#splash_txt.wide_version {width: 436px;}
#splash_icon {float: left; width: 59px; height: 59px; margin-bottom: 18px;}
#splash_icon_txt {float: left; margin: 0px 0 12px 23px; width: 186px;}
#splash_txt #splash_icon_txt p {font-size: 10px; line-height: 16px; color: #818891; margin: 0; padding: 0; width: 226px;}
#splash_txt h1 {float: left; clear: left; font-size: 36px; line-height: 32px; margin: 0 0 12px 0; padding: 0; color: #f5f5f5;}
#splash_txt h1 a {color: #f5f5f5; text-decoration: none;}
#splash_icon_txt_wide {float: left; margin: 0px 0 52px 23px; width: 326px;}
#splash_txt #splash_icon_txt_wide h1 {margin-bottom: 5px;}
#splash_txt #splash_icon_txt_wide p {font-size: 14px; line-height: 16px; color: #b3baba; margin: 0; padding: 0; width: 360px;}
#splash_icon_ipad {float: left; width: 32px; height: 17px; margin: 5px 0 0 10px;}
#splash_icon_iphone {float: left; width: 45px; height: 17px; margin: 5px 0 0 10px;}
#splash_icon_mac {float: left; width: 32px; height: 17px; margin: 5px 0 0 10px;}
#splash_txt p {clear: left; color: #b3baba; font-size: 14px; line-height: 24px; margin: 0; padding: 0; width: 306px;}
#splash_ipad {position: absolute; left: 415px; bottom: 1px; width: 442px; height: 335px;}
#splash_ipad_v {position: absolute; left: 415px; bottom: 1px; width: 442px; height: 336px;}
#splash_ipad_v1 {position: absolute; left: 415px; bottom: 1px; width: 425px; height: 336px;}
#splash_ipad_v2 {position: absolute; left: 415px; bottom: 1px; width: 416px; height: 336px;}
#splash_mac {position: absolute; left: 365px; bottom: 1px; width: 556px; height: 334px;}
#splash_ipad_m {position: absolute; left: 415px; bottom: 1px; width: 442px; height: 335px;}
#splash_ipad_a {position: absolute; left: 504px; top: 0px; width: 442px; height: 360px;}
#splash_iphone {position: absolute; left: 461px; bottom: 1px; width: 379px; height: 336px;}
#splash_iphone_ipad {position: absolute; left: 528px; bottom: 5px; width: 291px; height: 272px;}
#content {clear: both; position: relative; min-height: 340px; width: 100%; padding: 0;}
#content_index {clear: both; position: relative; width: 100%; padding: 17px 0 65px 0;}
.column146 {position: relative; float: left; width: 146px; margin-right: 14px;}
.splash_small {position: relative; width: 146px; height: 97px; margin: 40px 0 11px 0;}
.splash_small.x {background: #eee;}
.splash_small img {width: 146px; height: 96px;}
.frame {position: relative; width: 146px; height: 97px; margin-bottom: 11px;}
.frame .shadow {width: 146px; height: 96px; background: #fff;}
.frame img {position: relative; top: 8px; left: 8px; width: 130; height: 80px;}
.column146 h2 {margin: 0 0 11px 0; padding: 0; font-size: 21px; line-height: 24px; color: #59596b;}
.column146 h3 {margin: -1px 0 12px 0; padding: 0; font-size: 16px; line-height: 16px; color: #59596b;}
.column146 h4 {margin: 11px 0 -2px 0; padding: 0; font-size: 16px; line-height: 16px; color: #59596b;}
.column146 hr {margin-bottom: 12px;}
.column146 p {margin: 0 0 11px 0; padding: 0; font-size: 12px; line-height: 16px;}
ul.new {margin: 4px 0 0 0; padding: 0; list-style: none; font-size: 12px; line-height: 16px;}
ul.new.nolist {margin: 4px 0 40px 0;}
ul.new li {text-indent: 12px; background: no-repeat 0 15px url('bullet_check.gif'); padding: 12px 0 11px 0; margin: 0; border-bottom: 1px solid #c9d4d4;}
#price {width: 82px; height: 68px; background: no-repeat url('price.gif'); font-size: 24px; color: #ed953e; font-weight: bold; padding-left: 25px; margin-top:}
#price a:hover {width: 82px; height: 68px; background: no-repeat url('price.gif'); font-size: 24px; color: #ed953e; font-weight: bold; padding-left: 25px; margin-top:}
#price span, #price strong {float: left; display: block; height: 68px; padding-top: 10px;}
#price strong {padding-top: 0; font-size: 48px; padding-top: 4px;}
#appstore {width: 146px; height: 48px; margin-top: 26px;}
#appstore_mac {width: 148px; height: 45px; margin-top: 26px;}
#screenshots {margin-top: 66px;}
#screenshots h3 {margin: 0; background: no-repeat 0 0 url('ico_screenshots.gif'); padding: 0 0 13px 26px;}
#screenshots_mac h3 {margin: 0; background: no-repeat 0 0 url('ico_screenshots_mac.png'); padding: 0 0 13px 26px;}
#ico_screenshots_big {width: 100px; height: 72px; margin-top: 12px;}
#press {margin-top: 26px;}
#press h3 {margin: 0 0 13px 0; background: no-repeat 0 0 url('ico_press.gif'); padding: 0 0 0 26px;}
#newsletter {margin-top: 26px;}
#newsletter h3 {margin: 0 0 13px 0; background: no-repeat 0 0 url('ico_newsletter.gif'); padding: 0 0 0 26px;}
#stars {margin: 0 0 12px 0; padding: 0; height: 17px; width: 160px; clear: both;}
#stars li {display: block; float: left; width: 18px; height: 17px; background: no-repeat url('star.gif'); padding: 0 0 0 0; margin: 0 14px 0 0; border: none;}
#stars li.na {background-position: bottom;}
.right {margin: 40px 0 0 0;}
.column66 {position: relative; width: 66px; float: left; margin-right: 14px;}
.column186 {position: relative; width: 186px; float: left; margin-right: 14px;}
.column546 {position: relative; width: 546px; float: left; margin-right: 14px;}
.column626 {position: relative; width: 626px; float: left; margin-right: 14px;}
.column626.center {text-align: center; left: 160px;}
.txt {left: 200px;}
.column626.press {margin-top: -39px;}
.column466.press {width: 466px; margin-top: -20px;}
.press.txt h2 {margin: 20px 0px 11px;}
.press p {margin-bottom: 8px;}
/*.press p a {color: #59596b;}*/
.press p a {color: #159ad4;}
.release p {margin-bottom: 20px;}
.press hr {margin: 20px 0px;}
.press.txt p.small {width: 200px; text-align: left; margin-top: 20px;}
.press p.small a {color: #159ad4;}
.blog {margin-top: -39px;}
.note {position: absolute; width: 144px; left: -160px; text-align: right;}
.note.portal {position: absolute; width: 180px; left: 0px; text-align: left;}
.note .smallest {margin: 5px 0 3px 0; color: #767f8a;}
.note label {position: relative; top: 6px;}
.txt p.small {margin: -3px 0 19px 0;}
.txt p.small.success {color: #159ad4;}
.txt p.left {position: relative; width: 546px; left: -80px; color: #767f8a;}
.txt h2 {margin-top: 29px;}
.txt.blog h2 {margin-top: 20px;}
.blog h2 {margin-bottom: 11px;}
.txt .column146 {margin: 3px 14px 24px 0;}
.txt .column146 h3 {margin: 0 0 13px 0;}
#previous, #next {float: left; left: -144px; width: 144px; margin-top: 23px;}
#previous.mtn, #next.mtn {margin-top: 0;}
#previous {position: relative; left: -160px; text-align: right;}
#next {position: relative;}
#previous a, #next a {color: #767f8a;}
#previous a span {padding-left: 10px; background: no-repeat 0 4px url('bullet_previous.gif');}
#next a span {padding-right: 10px; background: no-repeat 100% 4px url('bullet_next.gif');}
.comments {color: #59596b;}
.comments hr {margin-bottom: 15px;}
.column786 {position: relative; width: 786px; float: left; margin-right: 14px;}
.column306 {position: relative; width: 306px; float: left; margin-right: 14px;}
.column386 {position: relative; width: 386px; float: left; margin-right: 14px;}
.column466 {position: relative; width: 466px; float: left; margin-right: 14px;}
.column426 {position: relative; width: 426px; float: left; margin-right: 14px;}
.column226 {position: relative; width: 226px; float: left; margin-right: 14px;}
.column326 {position: relative; width: 316px; float: left; left: 120px; text-align:left; border: solid 1 px #F00;}
.column226.blog {float: right; margin: -2px 0 0 0; color: #767f8a;}
.column226 h2 {margin: 0 0 11px 0; padding: 0; font-size: 21px; line-height: 24px; color: #59596b;}
.column226 ul {margin-bottom: 5px;}
.column226.blog ul li {background: no-repeat 0 17px url('bullet_blog.gif');}
.column226.blog ul li a {color: #59596b;}
.column226.blog ul.nolist li {background: none; padding: 12px 0 11px 0px; text-indent: 0;}
.column226.blog form {margin-bottom: 60px;}
.column226.blog .crnrs {width: 146px;}
.column226.blog form #q {width: 134px; margin: 0 5px 9px;}
.column226.blog form #q:focus {outline: 0;}
.column226.blog .crnrs {float: left;}
.column226.blog input {color: #b8bcbf;}
.column226 hr {margin-bottom: 7px;}
.column226 p.small {margin-bottom: 20px;}
.mac {display: block; position: relative; width: 308px; margin: 40px 0 1px 0;}
.mac .tn {margin-top: 21px; width: 220px; }
.mac .ico_zoom {position: absolute; top: 138px; left: 185px; width: 11px; height: 11px;}
.ipad_h {display: block; position: relative; width: 228px; height: 198px; background: no-repeat url('ipad_h1.png'); margin: 40px 0 1px 0;}
.ipad_h .tn {margin-top: 21px; width: 182px; height: 137px;}
.ipad_h .ico_zoom {position: absolute; top: 138px; left: 185px; width: 11px; height: 11px;}
.ipad_v {display: block; position: relative; width: 178px; height: 247px; background: no-repeat url('ipad_v.png'); margin: 32px 0 8px 0;}
.ipad_v .tn {margin-top: 23px; width: 137px; height: 182px;}
.ipad_v .ico_zoom {position: absolute; top: 186px; left: 136px; width: 11px; height: 11px;}
.iphone4_v {display: block; position: relative; width: 81px; height: 177px; background: no-repeat url('iphone4_v1.png'); margin: 43px 0 27px 0;}
.iphone4_v .tn {margin-top: 29px; width: 66px; height: 100px;}
.iphone4_v .ico_zoom {position: absolute; top: 111px; left: 58px; width: 11px; height: 11px;}
.iphone4_h {display: block; position: relative; width: 157px; height: 99px; background: no-repeat url('iphone4_h.png'); margin: 43px 0 27px 0;}
.iphone4_h.ico_zoom {position: absolute; top: 111px; left: 58px; width: 11px; height: 11px;}
.iphone_v2 {display: block; position: relative; width: 113px; height: 240px; background: no-repeat url('iphone_v2.png'); margin: 32px 0 8px 0;}
.iphone_v2 .tn2 {margin-top: 38px; margin-left: 3px; width: 96px; height: 144px;}
.iphone_v2 .ico_zoom {position: absolute; top: 150px; left: 85px; width: 11px; height: 11px;}
#ico_read_office_docs {width: 60px; height: 76px; margin-top: 49px;}
#ico_wifi {width: 69px; height: 69px; margin-top: 47px;}
#ico_new {width: 77px; height: 77px; margin-top: 20px;}
.ico_x {width: 60px; height: 60px; margin-top: 48px; background: #eee;}
.ico_protect {width: 66px; height: 66px; margin-top: 48px;}
.ico_password {width: 55px; height: 58px; margin-top: 48px;}
.ico_size {width: 65px; height: 76px; margin-top: 45px;}
.ico_sync {width: 66px; height: 66px; margin-top: 20px;}
.ico_magane {width: 52px; height: 66px; margin-top: 40px;}
.ico_drive {width: 52px; height: 66px; margin-top: 40px;}
.ico_wifi1 {width: 69px; height: 69px; margin-top: 20px;}
#ico_boormarks {width: 69px; height: 90px; margin-top: 49px;}
#ico_send {width: 65px; height: 66px; margin-top: 25px;}
.sticker {position: relative; float: left; background: #f5f5f5; margin: 40px 14px 21px 0;}
#content_index .sticker {margin-top: 0;}
.sticker#other {background: #d3dede;}
.sticker .shadow {padding-bottom: 18px;}
.sticker h2 {margin: 14px 40px 2px 40px; font-size: 16px; line-height: 24px; color: #59596b; }
.sticker#latest_news h2 {background: no-repeat 0 5px url('ico_news.gif'); padding: 0 0 0 26px;}
.sticker ul {margin: 0 40px; padding: 0; list-style: none; font-size: 12px; line-height: 16px;}
.sticker li {text-indent: 12px; background: no-repeat 0 17px url('bullet_news.gif'); padding: 12px 0 11px 0; margin: 0; border-bottom: 1px solid #dce0e0;}
.sticker li.column186 {margin-right: 14px;}
.sticker li.column186.mrn {margin-right: 0;}
.sticker#features li {background: no-repeat 0 17px url('bullet_features.gif');}
.sticker#other li {background: no-repeat 0 17px url('bullet_other.gif'); border-bottom-color: #bbcccc;}
.column_select {position: relative; width: 472px; float: left; border-right: 1px solid #c9d4d4; text-align: center; padding-bottom: 20px; margin-bottom: 25px;}
.column_select.center {position: inline; width: 472px; border-right: 0px solid #c9d4d4; text-align: center; padding-bottom: 20px; margin-bottom: 25px; margin-left: 80px;}
.column_select h2 {position: relative; font-size: 36px; line-height: 24px; margin: 1px 0 51px 0;}
.column_select h2 .shadowed {margin-top: 11px;}
.column_select .column226 {left: 160px; float: none; margin: 0; text-align: left;}
.column_select.bn .column226 {left: 167px;}
.column_select h3 {margin: 0 0 10px 0; padding: 0; font-size: 16px; line-height: 16px; color: #59596b;}
.column_select p {margin: 0 0 8px 0; padding: 0; font-size: 12px; line-height: 16px;}
.column_select h4 {margin: 11px 0 -2px 0; padding: 0; font-size: 16px; line-height: 16px; color: #59596b;}
.column_select hr {margin: 27px 0 26px 0;}
.icon {float: left; width: 59px; height: 59px; margin: 0 -76px 18px 0; position: relative; left: -76px; top: 6px;}
#footer_grid {position: relative; clear: both; width: 100%; height: 150px; background: repeat-y 50% 0 url('grid.gif'); color: #b3baba;}
#footer {position: relative; clear: both; width: 100%; height: 160px; background: #59596b /*repeat-y 50% 0 url('grid.gif1')*/; color: #b3baba;}
#footer a {color: #b3baba; text-decoration: none;}
#footer .shadowed {color: #434350;}
#footer_menu {position: absolute; top: 28px; white-space: nowrap;}
#footer_menu a, #footer_menu span {margin-right: 14px;}
#export {position: absolute; padding: 0; margin: 0; list-style: none; left: 480px; top: 28px;}
#export li {padding: 0; margin: 0;}
#export a {display: block; padding-left: 27px; height: 32px;}
#ico_gplus {background: no-repeat 0 0 url('ico-gplus.png');}
#ico_facebook {background: no-repeat 0 0 url('ico_facebook.gif');}
#ico_twitter {background: no-repeat 0 0 url('ico_twitter.gif');}
#ico_rss {background: no-repeat 0 0 url('ico_rss.gif');}
#copyrights {position: absolute; left: 680px; top: 28px; width: 226px;}
#export.block.left {min-width: 165px; left: -17px; background: no-repeat 100% 0 url('blocks-divider.png');}
#export.block.middle {min-width: 138px; left: 170px;background: no-repeat 100% 0 url('blocks-divider.png');}
#subscribe_block {position: absolute; width: 335px; height: 120px; padding: 0; margin: 0; left: 307px; top: 28px; text-align: center;background: no-repeat 100% 0 url('blocks-divider.png');}
#subscribe_block p {font-weight: bold; text-shadow: #434350 0px -2px 0px; margin: 0 0 0 10px; }
#subscribe_block #input_form {position: absolute; margin-left: 0px; width: 332px; background: no-repeat 30px 30px url('blocks-subscribe-mail.png');}
#subscribe_block #input_form #subscribe_mail {width: 190px; height: 20px; margin: 16px 10px 0 45px;}
#subscribe_block #input_form #subscribe_mail:focus {outline: none; }
#subscribe_block #input_form #submit {float: right; font-weight: bold; color: #fff; width: 84px; height: 26px; margin: 20px 45px 0 0; background: no-repeat 0 0 url('blocks-btn-subscribe.png');}
#subscribe_block #input_form #submit:hover {font-weight: bold; color: #fff; width: 84px; height: 26px; margin-top: 20px; background: no-repeat 0 -26px url('blocks-btn-subscribe.png'); cursor: pointer;}
#subscribe_block #input_form #submit.submitted {font-weight: bold; color: #fff; width: 84px; height: 26px; margin-top: 20px; background: no-repeat 0 -52px url('blocks-btn-subscribe.png'); cursor: default;}
img {border: none; max-width: 400px; }
.br {display:block; position: relative; clear: both; width: 100%; max-width: 100%; height: 1px; margin-bottom: -1px;}
.mrn {margin-right: 0;}
.mtn {margin-top: 0;}
.bn, li.bn, ul.new li.bn {border: none;}
.center {text-align: center;}
h1 {font-size: 36px; line-height: 36px; margin: 17px 0 10px 0; padding: 0;}
h2 {font-size: 21px; line-height: 24px; margin: 20px 0 3px 0; padding: 0;}
h2 a, h3 a {color: #59596b;}
h3 {font-size: 19px; line-height: 24px; margin: 21px 0 2px 0; padding: 0;}
h4 {font-size: 16px; line-height: 16px; margin: 10px 0 6px 0; padding: 0;}
.txt li {font-size: 14px; line-height: 24px; }
p {font-size: 14px; line-height: 24px; margin: 0 0 24px 0; padding: 0;}
p.large {font-size: 16px; line-height: 24px; margin: 0 0 32px 0;}
p.small, .small {font-size: 12px; line-height: 16px; margin-bottom: 16px;}
.note.portal p.small {font-size: 14px; margin-bottom: 10px;}
p.smallest {font-size: 11px; line-height: 16px;}
.dropshadow {position: relative; z-index: 100;}
.shadowed {color: #fff; position: absolute; background: transparent !important; z-index: 50; margin: 0;}
h1 .shadowed {margin-top: 5px;}
.large .shadowed {margin-top: -2px;}
.small .shadowed {margin-top: -3px;}
.smallest .shadowed {margin-top: -4px;}
#navi .shadowed {margin-top: -2px;}
.shadow {border-bottom: 1px solid #b9c1c1;}
.crnrs {position: relative; overflow: hidden;}
.crnr {position: absolute; width: 10px; height: 10px; background: no-repeat url('crnr.png');}
.crnr.t-l {top: -5px; left: -5px;}
.crnr.t-r {top: -5px; right: -5px;}
.crnr.b-l {bottom: -5px; left: -5px;}
.crnr.b-r {bottom: -5px; right: -5px;}
form {margin: 0; padding: 0;}
form .crnrs {margin-bottom: 15px;}
form .crnrs.top {overflow: visible; z-index: 300;}
form .crnrs.short {width: 226px;}
form .shadow {border-top: 1px solid #c2c2c2; border-left: 1px solid #e4e4e4; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #fff; background: #f5f5f5;}
form .shadow .inside {border-top: 1px solid #e4e4e4;}
form .crnr {background: no-repeat url('crnr_form.gif');}
input, textarea {position: relative; border: 0px solid #fff; width: 100%; height: 100%; font-size: 12px; font-style: normal; padding: 0; margin: 0 0 9px 0; top: 4px; background: none; color: #59596b}
input#btn_search {float: right; width: 71px; height: 27px; background: no-repeat url('btn_search.gif'); top: 0; margin: 0;}
input#btn_submit {width: 99px; height: 27px; background: no-repeat url('btn_submit.gif'); top: 0; margin: 8px 0 0 0;}
input#email_submit {width: 74px; height: 27px; background: no-repeat url('email_submit.png'); top: 0; margin: 8px 0 0 0;}
label {color: #767f8a; font-size: 10px; line-height: 16px;}
#support input.support_input, textarea, select {border: 1px solid #d3d5d5; color: #59596b; border-bottom: 1px solid #fff; border-top: 1px solid #c2c2c2; width: 226px; padding: 2px; background: #f5f5f5; margin-bottom: 15px; font-size: 12px; font-family: Helvetica, Myriad Pro, sans-serif;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow:inset 0 1px 0 0 #d3d5d5; -moz-box-shadow:inset 0 1px 0 0 #d3d5d5; box-shadow:inset 0 1px 0 0 #d3d5d5;
}
#support input.support_input {height: 20px;}
#support select {width: 232px; height: 27px; padding: 5px 0px 0px 0px;}
#support input#btn_submit {width: 99px; height: 27px; background: no-repeat url('btn_submit.gif'); top: 0; margin: 8px 0 0 0;}
#support .support_select {position: relative; border: 1px solid #d3d5d5; border-bottom: 1px solid #fff; border-top: 1px solid #c2c2c2; width: 230px; height: 25px; background: #f5f5f5; margin: 5px 0px 12px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow:inset 0 1px 0 0 #d3d5d5; -moz-box-shadow:inset 0 1px 0 0 #d3d5d5; box-shadow:inset 0 1px 0 0 #d3d5d5;
}
#support .support-select-button {width: 22px; height: 27px; position: absolute; top: -6px; left: 211px; background: url('combobox-button-sprite.png') no-repeat 0px 0px;}
#support .support-select-button.pressed {background: url('combobox-button-sprite.png') no-repeat 0px -27px;}
#support .note label {top: 10px;}
#support .select_variants {position: relative; height: 1px; z-index: 300;}
#support .select_variants .support-options {top: 33px; width: 230px;}
#support .fake_file {position: absolute;}
#support .fakefile1 {position: absolute; z-index: 1;}
#support .fake_file .fakefile1 a {display: block; width: 48px;}
#support .fake_file:hover .fakefile1 a {text-decoration: none;}
#support .fakefile2 {position: absolute; z-index: 2;}
#support .fakefile2 .inside_block {width: 48px; height: 14px; position: relative; overflow: hidden;}
#support .fakefile2 .file {position: absolute; top: 0px; left: -30px;}
#support .fake_file_selector {left: 20px; border: 1px solid red; overflow: hidden; position: absolute; height: 12px; width: 40px;}
#support input.file {height: 12px; width: 40px; text-align: right; -moz-opacity: 0; filter: alpha(opacity: 0); opacity: 0; z-index: 2;}
.support_send {cursor: pointer;}
.selected-item {position: relative; width: 220px; height: 14px; padding: 0px 3px; color: #59596b; font-size: 12px; font-style: normal; margin: 5px 0px; border: 0px solid #becccc; background: #f5f5f5; font-family: Helvetica, Myriad Pro, sans-serif; z-index: 200;}
.selected-item:hover {cursor: default;}
.selected-item.default {color: #767f8a;}
.support-check {float: left; height: 16px; width: 15px; margin: 0px 5px 0px 0px; background: url('checkbox-sprite.png') no-repeat 0px 0px;}
.support-check.checked {float: left; height: 16px; width: 15px; margin: 0px 5px 0px 0px; background: url('checkbox-sprite.png') no-repeat 0px -16px;}
.support-label-check {float: left; position: relative; font-size: 14px; font-weight: bold; padding-right: 10px;}
.support-check-div {float: left; height: 20px; width: 90px; margin-top: 5px;}
.label-shadow {position: absolute; color: #fff; top: 1px;}
.label-dropshadow {position: relative; z-index: 100;}
.support-options {display: none; position: absolute; width: 225px; padding: 0px; color: #000; font-size: 14px; margin: 0px; border: 1px solid #becccc; background: #fff; font-family: Helvetica, Myriad Pro, sans-serif; top: 26px; left: -1px; z-index: 200;}
.support-option-default {height: 18px; padding: 3px 3px; color: #767f8a;}
.support-option {height: 18px; padding: 3px 3px;}
.support-option.selected {font-weight: bold; background-color: #dfe8e8;}
.support-option.first {border-top: 0px;}
.support-option:hover {background-color: #dfe8e8; cursor: pointer;}
.support-select-button {width: 22px; height: 27px; position: absolute; top: -6px; left: 205px; background: url('combobox-button-sprite.png') no-repeat 0px 0px;}
.support-select-button.pressed {background: url('combobox-button-sprite.png') no-repeat 0px -27px;}
.support-attach {position: relative; display: block; font-size: 10px; font-weight: normal; color: #767f8a; text-decoration: underline;}
.support-attach .label-shadow {color: #fff; text-decoration: underline;}
.support-attach:hover {text-decoration: none;}
.support-attach:hover .label-shadow {text-decoration: none;}
div.fifloater {position: absolute; left: -27px; margin-top: -5px;}
div.fileinputs {float: left; position: relative; margin: 0px 20px 0px 0px; padding-right: 10px; display: inline; text-align: right;}
div.fileinputs:hover a {text-decoration: none;}
div.fileinputs:hover a span {text-decoration: none;}
div.fakeinput {position: absolute; width: 28px; height: 20px; top: 0px; left: 0px; top: 4px; background-color: #dfe8e8; z-index: 3;}
div.fakefile {position: absolute; top: 0px; left: 28px; top: 4px; z-index: 1;}
#attached_file {display: none; clear: both; margin: 20px 0px 0px 0px; font-size: 13px;}
input.file {position: relative; height: 12px; text-align: right; -moz-opacity: 0; filter: alpha(opacity: 0); opacity: 0; z-index: 2;}
#support_text {width: 460px;}
.inv {display: none;}
.tag-block { font-size: 12px; }
.desktop_show { display: block; }
.iphone_show { display: none; }
.ipad_show { display: none; }
.iphone_desktop_show { display: block; }
.ipad_desktop_show { display: block; }
span.desktop_show { display: inline-block; }
span.iphone_desktop_show { display: inline-block; }
span.ipad_desktop_show { display: inline-block; }
/* iPad styles */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.desktop_show { display: none; }
.iphone_show { display: none; }
.ipad_show { display: block; }
.iphone_desktop_show { display: none; }
.ipad_desktop_show { display: block; }
span.ipad_show { display: inline-block; }
span.ipad_desktop_show { display: inline-block; }
}
/* iPhone 5 styles */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
.desktop_show { display: none; }
.iphone_show { display: block; }
.ipad_show { display: none; }
.iphone_desktop_show { display: block; }
.ipad_desktop_show { display: none; }
span.iphone_show { display: inline-block; }
span.iphone_desktop_show { display: inline-block; }
}
/* iPhone 4 styles */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.desktop_show { display: none; }
.iphone_show { display: block; }
.ipad_show { display: none; }
.iphone_desktop_show { display: block; }
.ipad_desktop_show { display: none; }
span.iphone_show { display: inline-block; }
span.iphone_desktop_show { display: inline-block; }
}
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {position: fixed; top: 0; left: 0; z-index: 200; width: 100%; height: 100%;}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 300; text-align: center; line-height: 0;}
#lightbox-container-image-box {position: relative; background-color: #3c3c40; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image {padding: 0;}
#lightbox-loading {position: absolute; top: 0; left: 0%; height: 100%; width: 100%;}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 35%; height: 100%; zoom: 1; display: block;}
#lightbox-nav-btnPrev {left: 0; float: left;}
#lightbox-nav-btnNext {right: 0; float: right;}
#lightbox-secNav-btnClose {position: absolute; width: 31px; height: 31px; top: -31px; right: -31px;}