/* GLOBAL */ body { margin:0px; padding:0px; background-color:#ededed; } div { float:left; font-family:Helvetica, Arial, sans-serif; font-size:12px; } ul { display:block; float:left; padding:0px; margin:0px; list-style:none; } li { display:block; float:left; padding:0px; margin:0px; } a { color:#0bf; text-decoration:none; } a:hover { color:#888; } a img { border:0px; } img.email { position:relative; margin-bottom:-3px; } a.button, a.button span { height:20px; line-height:20px; font-size:11px; display:block; float:left; white-space:nowrap; background-repeat:no-repeat; } a.button.big, a.button.big span { height:30px; line-height:30px; font-size:13px; } a.button { background-position:top left; padding-left:10px; } a.button span { background-position:top right; padding-right:10px; } a:hover.button { background-position:left 50%; } a:hover.button span { background-position:right 50%; } a:active.button { background-position:left bottom; } a:active.button span { background-position:right bottom; } a.fb { color:#fff; text-shadow:#00b7e5 0px -1px 0px; font-weight:bold; } a.fw { color:#444; text-shadow:#fff 0px 1px 0px; } a.fo { color:#fff; text-shadow:#d50 0px -1px 0px; font-weight:bold; } a.fy { color:#fff; text-shadow:#d69e00 0px -1px 0px; } a.fk { color:#fff; text-shadow:#000 0px -1px 0px; font-weight:bold; } a.fb.bb, a.fb.bb span { background-image:url('../images/button-fb-bb.png'); } a.fb.bg, a.fb.bg span { background-image:url('../images/button-fb-bg.png'); } a.fb.bw, a.fb.bw span { background-image:url('../images/button-fb-bw.png'); } a.fb.bbl, a.fb.bbl span { background-image:url('../images/button-fb-bbl.png'); } a.fb.bgl, a.fb.bgl span { background-image:url('../images/button-fb-bgl.png'); } a.fw.bw, a.fw.bw span { background-image:url('../images/button-fw-bw.png'); } a.fw.bb, a.fw.bb span { background-image:url('../images/button-fw-bb.png'); } a.fw.bg, a.fw.bg span { background-image:url('../images/button-fw-bg.png'); } a.fo.bg, a.fo.bg span { background-image:url('../images/button-fo-bg.png'); } a.fo.bw, a.fo.bw span { background-image:url('../images/button-fo-bw.png'); } a.fk.bg, a.fk.bg span { background-image:url('../images/button-fk-bg.png'); } a.fy.by, a.fy.by span { background-image:url('../images/button-fy-by.png'); } a.fy.byl, a.fy.byl span { background-image:url('../images/button-fy-byl.png'); } a.big.fb.bw, a.big.fb.bw span { background-image:url('../images/button_big-fb-bw.png'); } a.big.fb.bb, a.big.fb.bb span { background-image:url('../images/button_big-fb-bb.png'); } a.big.fb.bg, a.big.fb.bg span { background-image:url('../images/button_big-fb-bg.png'); } a.big.fb.bgl, a.big.fb.bgl span { background-image:url('../images/button_big-fb-bgl.png'); } a.big.fw.bw, a.big.fw.bw span { background-image:url('../images/button_big-fw-bw.png'); } a.big.fw.bgl, a.big.fw.bgl span { background-image:url('../images/button_big-fw-bgl.png'); } a.big.fk.bg, a.big.fk.bg span { background-image:url('../images/button_big-fk-bg.png'); } a.go { display:block; float:right; text-align:right; padding:10px 30px 10px 10px; color:#fff; background:url('../images/button-go.png') no-repeat right 50%; } a.go:hover { color:#000; background:url('../images/button-go-hover.png') no-repeat right 50%; } a.more { padding-right:8px; background:url('../images/arrow-more.png') no-repeat right 4px; color:#333; font-weight:bold; white-space:nowrap; } a.more:hover { color:#0bf; } .tags a, #tags a { display:block; float:left; padding:2px 5px; font-size:9px; font-family:Helvetica, Arial, sans-serif; color:#fff; background-color:#aaa; margin:0px 2px 2px 0px; white-space:nowrap; -moz-border-radius:10px; -webkit-border-radius:10px; } .tags a:hover, #tags a:hover{ background-color:#0bf; } .tags span { display:block; float:left; padding:2px 0px; margin-right:5px; font-size:9px; } a.action { display:block; float:left; white-space:nowrap; color:#fff; font-size:9px; padding:3px 5px 3px 18px; background-repeat:no-repeat; background-position:5px 50%; -moz-border-radius:3px; -webkit-border-radius:3px; } a.download { background-color:#bbb; background-image:url('../images/acc-action-download.png'); } a.download:hover { background-color:#888; } a.upgrade { background-color:#4df; background-image:url('../images/acc-action-upgrade.png'); } a.upgrade:hover { background-color:#0af; } a.add { background-color:#bbb; background-image:url('../images/acc-action-add.png'); float:right; } a.add:hover { background-color:#888; } a.merge { background-color:#bbb; background-image:url('../images/acc-action-merge.png'); } a.merge:hover { background-color:#888; } .caps { font-size:95%; letter-spacing:0.1em; } .meta span { border:1px solid #ddd; background-color:#fff; color:#444; display:block; float:left; padding:2px 5px; font-size:9px; font-family:Lucida Grande, Verdana, sans-serif; margin-right:5px; white-space:nowrap; -moz-border-radius:4px; -webkit-border-radius:4px; } .clear { clear: both } .navigation a, .navigation span, .navigation span.prevlink, .navigation span.nextlink { opacity:0.8; font-size:11px; background-color:#000; color:#888; font-weight:normal; padding:4px 7px; display:block; float:left; } .navigation a, .navigation span.prevlink, .navigation span.nextlink { -moz-border-radius:5px; -webkit-border-radius:5px; } .navigation a:hover { color:#aaa; } .navigation a.back { padding-left:10px; padding-right:10px; } .navigation a.prev, .navigation span.prevlink { -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; } .navigation a.next, .navigation span.nextlink { -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; } .tip, .tipword { position:relative; cursor:help; } .tipword { border-bottom:1px dotted #aaa; } .tip img { margin-bottom:-3px; } .tip span, .tipword span { position:absolute; top:-7px; z-index:1000; display:block; text-align:left; white-space:nowrap; padding:8px 10px 8px 10px; background-color:#000; opacity:0.8; color:#fff; font-weight:normal; font-size:9px; line-height:13px; -moz-border-radius:5px; -webkit-border-radius:5px; } .tip-arrow { position:absolute; top:11px; left:-5px; } .errorred { background:#f00 url('../images/acc-error.png') no-repeat 15px 50%; color:#fff; font-size:11px; padding:10px 10px 10px 52px; -moz-border-radius:5px; -webkit-border-radius:5px; } .errorred a { color:#444; } .errorred a:hover { color:#000; } .centererror { margin:20px 0 20px 400px; } .centererrorinuse { margin:50px 0 20px 260px; background:#f00 url('../images/acc-error.png') no-repeat 15px 50%; color:#fff; font-size:11px; padding:10px 10px 10px 52px; -moz-border-radius:5px; -webkit-border-radius:5px; } .centererrorinuse a { color:#FFF } .centererrorinuse a:hover { text-decoration:underline; } .error { color:red } .required { color:red } .rows li li:hover { background-color:#f8f8f8; } .rows li ul { border-bottom:1px solid #eee; } .rows li:last-child ul { border-bottom-width:0; } /* SITE */ input.search { display:block; float:left; border:0px; margin:0px; padding:3px 10px 0px 25px; outline:none; background:url('../images/search-input.png') no-repeat top left; height:17px; width:125px; color:#888; } input.search-submit { display:none; } #body { width:1030px; margin-left:auto; margin-right:auto; float:none; } #menu { width:100%; margin-top:40px; } #menu h1, #menu h1 a { display:block; float:left; margin:0; } #menu h1 a { height:41px; width:62px; margin-right:1px; background:transparent url('../images/logo.png') no-repeat left top; text-indent:-9999px; } #menu h1 a.current { background-position:left bottom; } #menu h1 a:hover { background-position:left 50%; } #container { width:100%; background-color:#fff; } #container .wrapper { margin:20px 0px 20px 10px; } #content { width:765px; position:relative; } #content.wide { width:1020px; } .textbox { padding:20px; width:200px; } .textbox h2, .textbox h2 a { margin:10px 0px; font-size:16px; font-style:normal; color:#888; font-weight:normal; font-stretch: normal; font-variant: normal; } .textbox p { margin:0px 0px 10px 0px; } #explain { width:100%; background-color:#f9f9f9; margin-top:10px; } #explain .textbox { color:#888; } fieldset { border:0; padding:0; margin:0 } /* MENU */ #menu a.tab { display:block; float:left; margin-right:1px; padding:0px 15px; height:40px; line-height:40px; color:#6c6c6c; font-size:14px; font-weight:bold; background-color:#f6f6f6; border-bottom:1px solid #f3f3f3; } #menu li.account { margin-left:10px; } #menu li.account a.tab { color:#fff; background-color:#888; border-color:#848484; } #menu li.checkout a.tab { color:#fff; background-color:#666; border-color:#646464; } #menu li.checkout a.off { display:none } #menu li.active a.tab, #menu li a.current, #menu li a.section { color:#0bf; background-color:#fff; border-color:#fff; } #menu li.hover a.tab, #menu a:hover.tab { color:#fff; background-color:#0bf; border-bottom:1px solid #0bf; } #menu li ul { position:absolute; z-index:1000; background-color:#00b2f5; opacity:0.95; width:170px; top:41px; padding:10px 0px; display:none; -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); } #menu li ul li { width:100%; } #menu li ul li.border { border-top: 1px solid #b9ebfc; margin: 2px 0 -4px 0 } #menu li ul li.last { margin-bottom: -7px } #menu li ul a { display:block; padding:5px 15px; color:#fff; font-size:14px; } #menu li ul a.logout { color:#96e3ff; margin-top:10px; } #menu li ul a:hover { color:#000; } #menu li.hover { position:relative; } #menu li.hover ul { display:block; } #sitetools { position:relative; text-align:right; padding:0; width:260px;float:right; } form.sitesearch { float:right; margin-left:0 0 0 10px; padding:0; } /* LOGIN */ #logreg h3 { font-size:18px; color:#444; margin:0px; margin-bottom:10px; } #logreg ul { margin-top:20px; margin-bottom:10px; width:100%; } #logreg li { width:100%; font-size:24px; margin-bottom:10px; font-style:normal; font-weight:normal; font-stretch: normal; font-variant: normal; } #logreg .thanks { padding:20px 0 20px 40px; } #loginpanel { width:1010px; background-color:#eee; color:#666; padding:25px 0px;} #loginform { width:210px; padding:25px 30px; } #loginform label.left { width:100; font-size:13px; font-weight:bold; float:none; display:block; } #loginform #remember { font-size:11px; font-weight:normal; float:none; display:block; background:#000000 } #loginform input.text { font-size:13px; padding:4px; background-color:#fff; border:1px solid #ddd; width:200px; margin-bottom:10px; } #loginform input.action { background:#444; height:22px; color:#FFFFFF; border:0; font-weight:bold; padding-bottom:2px; -moz-border-radius:5px; -webkit-border-radius:5px; } #forgotpw0 { font-size:9px; margin-top:20px; float:left; } #reginfo { width:679px; padding:25px 30px; font-size:14px; border-left:1px dotted #ddd; } a.reglink { font-weight:bold; font-size:16px; } #regforminfo { width:245px; } #regforminfo h3 { padding:20px 10px; } #acc.regform { background:#eee url('../images/acc-regform-bgr.png') repeat-x left bottom; } /* HOMESCREEN */ #home #top { background-color:#e7e7e8; } #home h2 { margin:0px; } #featured { width:720px; position:relative; background-color:#e7e7e8; } #featured img { border-bottom:0px solid #333; margin-bottom:4px; } #featured .slides { width:720px; height:390px; overflow:visible; } #featured .slides li { width:100%; } #featured .slides li s { display: block } #featured span { margin-left:10px; color:#6d6e71; } #featured .dots { position:absolute; top:367px; right:10px; z-index:100; } .dots a { display:block; outline:none; width:16px; height:16px; text-indent:-9999px; float:left; background:url('../images/dots.png') no-repeat 0px 0px; } .dots a:hover { background-position:0px -16px; } .dots a.activeSlide { background-position:0px -32px; } .dots a.pause { background-position:0px -48px; } /* ### old */ #news { width:290px; height:389px; background-color:#0bf; } #news a { display:block; border-bottom:1px solid #00b0ff; } #news a:hover { background-color:#3cf; } #news h2 a { display:block; float:left; width:145px; height:40px; text-indent:-9999px; background:transparent url('../images/home-news.png') no-repeat left 50%; } #news h2 a.rss { background-position:right 50%; } #news li, #news div { display:block; width:100%; } #news li a { font-size:16px; color:#fff; padding:4px 7px 2px 7px; margin:0px; line-height:120%; text-decoration:none; } #news li a span { white-space:nowrap; font-size:9px; color:#08d; font-family:Lucida Grande, Verdana, sans-serif; } #collection { width: 995px; margin-bottom:10px; background-color:#303030/*### #6d6e71*/; border-bottom:1px solid #6D6E71; border-top:1px solid #6D6E71; padding: 10px 0px 10px 15px; color: #f3f3f4 } #collection td { text-align:center; } #collection strong { font-size:18px; } #collection a { display:block; width:100%; color:#a7a9ac; } #collection a:hover { color: #f3f3f4 } #collection li .tooltip { position:absolute; z-index:1000; top:-75px; opacity:0.9; background:url('../images/home-collection-arrow.gif') no-repeat bottom 50%; padding-bottom:8px; } #collection li .tooltip div { background-color:#fff; padding:5px 10px; -moz-border-radius:10px; -webkit-border-radius:10px; } #code_access { float:right; margin-right:10px; } #collection > h2 { display: block; width: 275px; float: left; font-weight: normal; font-size: 28px; } #collection > .items { overflow: hidden } #collection .item { width: 170px; padding-right: 10px; font-size: 13px } #collection .item li { float: none; margin-bottom: 2px } #collection .item h3 { padding: 0; margin: 0 0 10px; font-weight: bold; font-size: 14px } #collection .clear { clear: both } /*********** NEW **************/ #home #top { background-color:#EFEFEF; } .phase1 #news .clear { float: none } .phase1 #news ul { float: none } .phase1 #news { width:290px; height:auto; background-color:#e7e7e8; } .phase1 #news a { display:block; border-bottom:1px solid #fff; } .phase1 #news li:last-child a { border-bottom: 0 } .phase1 #news a:hover { background-color:none; } .phase1 #news h2 { line-height: 1; display:block; color: #fff !important ; height:15px; font-weight: bold ; padding: 7px 7px 7px 14px; font-size: 14px; background: #0bf; ; float: none; width: auto; text-indent:0; border-bottom: 0 } .phase1 #news h2 a.rss { background-position:right 50%; } .phase1 #news li, #news div { display:block; width:290px; float: none} .phase1 #news li a { font-size:24px; color:#6d6e71; padding:4px 7px 4px 15px; margin:0px; line-height:1.5; text-decoration:none; height: 36px } .phase1 #news li a span { white-space:nowrap; font-size:9px; color:#c1c2c4; font-family:Lucida Grande, Verdana, sans-serif; } .phase1 #news li a:hover { background: #dadada; } .phase1 #collection { width: 705px; margin-bottom:10px; border-top:1px solid #bec0c2; padding: 20px 0px 10px 15px; color: #f3f3f4; background: none; border-bottom: 0 } .phase1 #collection td { text-align:center; } .phase1 #collection strong { font-size:18px; } .phase1 #collection a { display:block; width:100%; color:#6D6E71; } .phase1 #collection a:hover { color: #444 } .phase1 #collection li .tooltip { position:absolute; z-index:1000; top:-75px; opacity:0.9; background:url('../images/home-collection-arrow.gif') no-repeat bottom 50%; padding-bottom:8px; } .phase1 #collection li .tooltip div { background-color:#fff; padding:5px 10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .phase1 #code_access { float:right; margin-right:10px; } .phase1 #collection > h2 { display: block; width: 275px; float: left; font-weight: normal; font-size: 28px; } .phase1 #collection > .items { overflow: hidden } .phase1 #collection .item { width: 168px; padding-right: 10px; font-size: 13px } .phase1 #collection .item.mr { padding-right: 0 } .phase1 #collection .item li { float: none; margin-bottom: 2px } .phase1 #collection .item h3 { padding: 0; margin: 0 0 10px; font-weight: bold; font-size: 14px; color: #444 } .phase1 #featured { width:720px; position:relative; background-color:#efefef; } .phase1 #featured img { border-bottom:0px solid #333; margin-bottom:4px; } .phase1 #featured .slides { width:720px; height:390px; overflow: hidden; } .phase1 #featured .slides li { width:100%; } .phase1 #featured .slides li a { display: block; margin-bottom: 3px } .phase1 #featured span { margin-left:15px; color:#6d6e71; } .phase1 #featured .dots { position:absolute; top:367px; right:10px; z-index:100; } /**************************/ /* SUB-HEADER */ .subheader { width:100%; margin-bottom:20px; } .subheader h2 { display:block; float:left; color:#444; font-size:18px; font-weight:bold; margin:0px; margin-right:40px; } .subheader h2 a { color:#444; } .subheader h2 a:hover { color:#f60; } .subheader li a { font-size:13px; color:#999; display:block; float:left; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:3px 10px; margin-right:20px; } .subheader li a:hover { color:#444; } .subheader li a.active { background-color:#f8f8f8; color:#444; } .subheader h2 span { color:#aaa; font-weight:normal; } .subheader h2 span a { color:#ccc; font-size:9px; font-weight:bold; } .subheader h2 img { position:relative; margin-right:10px; margin-bottom:-7px; } /* SIDEBAR */ #sidebar { width:245px; float:right; margin-right:10px; } #sidebar .links li { border-top:1px solid #e1e1e1; background-color:#ededed; } #sidebar .links a { display:block; width:180px; padding:15px 10px 15px 55px; background-position:5px 50%; background-repeat:no-repeat; font-size:14px; line-height:110%; color:#666; } #sidebar .links a:hover { background-color:#f8f8f8; color:#333; } #sidebar .box { border-top:1px solid #e1e1e1; background-color:#ededed; color:#444; width:100%; padding-bottom:10px; } #sidebar .box h4 { padding:15px 10px 10px 10px; margin:0px; font-size:14px; line-height:130%; color:#666; } #sidebar .box h4.icon { padding-left:55px; background-position:5px 3px; background-repeat:no-repeat; } #sidebar .box.list { padding-bottom:0px; } #sidebar .box p { padding:10px; margin:0px; font-size:13px; } #sidebar .list a { display:block; float:left; width:225px; padding:5px 10px; border-top:1px dotted #ddd; color:#444; font-size:12px; } #sidebar .list a:hover { background-color:#f5f5f5; } #sidebar a.font img { opacity:0.4; margin-left:10px; } #sidebar a.font:hover img { opacity:1; } #buybox { background-color:#52d9ff; width:100%; margin-bottom:20px; border-bottom:1px solid #eee; } #buybox .price { display:block; float:left; padding:10px; color:#fff; font-size:14px; } #buybox div { width:231px; color:#fff; padding:7px; border-top:1px solid #86e4ff; } #buybox div.settings { text-align:right; } #buybox div em { font-style:normal; color:#1eb0d9; font-size:9px; } #buybox div span { float:right; } #buybox div span.currency { float:none; } #buybox select { font-size:10px; font-family:Arial, Lucida Grande, Verdana, sans-serif; width:54px } #buybox span#plural { float:none; margin:0px; } #buybox a.button { margin:10px; float:right; } #buybox form { float:right; } #languages { padding:10px; padding-bottom:0px; } #languages .ext { font-size:13px; width:210px; cursor:pointer; padding:3px 0px 3px 15px; background:transparent url('../images/arrow-0.png') no-repeat left 50%; } #languages .ext.active { background-image:url('../images/arrow-1.png'); } #languages .exc { padding-bottom:10px; font-size:9px; } #languages .exc ul { width:112px; } #languages .exc .info { padding:5px 0px; margin:5px 0px; border-bottom:1px dotted #ddd; float:left; display:block; } #languages .exc li a { display:block; float:left; width:112px; padding:2px 0px; font-size:9px; font-family:Lucida Grande, Verdana, sans-serif; color:#444; } #languages .exc li a:hover { text-decoration:underline; } #share h4 { background-image:url('../images/sidebar-share.png'); } #share a { display:block; float:left; padding:2px 5px 3px 5px; font-size:9px; font-family:Lucida Grande, Verdana, sans-serif; color:#444; background-color:#fff; border:1px solid #ddd; margin:0px 2px 2px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; } #share a:hover { background-color:#aaa; border-color:#999; color:#fff; } #share ul { margin-left:10px; } #share #share_more { display:none; } #share a#more { background-color:transparent; } #share a#more:hover { background-color:#aaa; } /* TOOLBAR */ #toolbar { display:block; float:left; background-color:#cbcbcb; margin-bottom:10px; width:755px; -webkit-border-radius:5px; -moz-border-radius:5px; color:#666; text-shadow:#eee 0px 1px 0px; } #toolbar.attached { margin-bottom:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; } #content.wide #toolbar { width:1010px; } #toolbar td { vertical-align:top; } #toolbar td.top { border-top:1px solid #bbb; } #toolbar td.right { border-right:1px solid #bbb; } #toolbar td.bottom { border-bottom:1px solid #bbb; } #toolbar td.left { border-left:1px solid #bbb; } #toolbar .checkbox { width:160px; padding:2px 0px; } #toolbar .checkbox input { margin-right:7px; } #toolbar label { display:block; float:left; } #toolbar label:hover { color:#333; } #toolbar input.text { margin-top:5px; } #toolbar textarea { margin-top:10px; } #toolbar .margin-r { margin-right:20px; } #toolbar .fright { float:right; } #toolbar .ml { white-space:nowrap; } #toolbar .ml input { padding:2px; border-width:0px; height:14px; margin:0px; text-align:right; background:#fff url('../images/toolbar-input.png') no-repeat right top; } #toolbar .ml a { display:block; float:left; outline:none; width:15px; height:9px; overflow:hidden; background-image:url('../images/toolbar-ml-yellow.png'); text-indent:-1000px; } #toolbar .ml a.m { background-position:left top; } #toolbar .ml a.m:active { background-position:right top; } #toolbar .ml a.l { background-position:left bottom; clear:left; } #toolbar .ml a.l:active { background-position:right bottom; } input.button { color:#373737; text-shadow:#bbb 0px 1px 0px; width:50px; height:20px; background:url('../images/button-toolbar.png') no-repeat top left; border:0px; padding:0px; margin:0px; display:block; float:right; } input.button:hover { background-position:-20px left; } input.button:active { background-position:bottom left; } /* FLOATER */ .floater { -webkit-box-shadow:0px 5px 50px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 5px 50px rgba(0, 0, 0, 0.5); background-color:#777; padding:10px; width:320px; opacity:1; position:absolute; z-index:200; left:50%; margin-left:-175px; -moz-border-radius:5px; -webkit-border-radius:5px; } .floater .bar { font-size:13px; width:100%; margin-bottom:10px; border-bottom:1px solid #666; } .floater .bar span { float:right; } .floater .bar span a { margin-left:10px; } .floater a { color:#ddd; } .floater a:hover { color:#fff; } .floater a.close { font-weight:bold; color:#fff; padding:0px 0px 10px 20px; display:block; float:left; background:transparent url('../images/floater-close.png') no-repeat left 1px; } .floater .text { font-size:13px; color:#fff; width:100%; } .floater .text img.current { float:left; margin-right:10px; } .floater .text .title { color:#666; } .floater .foot { width:100%; text-align:right; border-top:1px solid #666; padding-top:10px; margin-top:10px; } .floater a.go { font-size:13px; padding:0px 0px; padding-right:20px; font-weight:bold; background-image:url('../images/floater-ok.png'); } .floater label { font-size:11px; color:#ddd; } .floater .form { margin:2px 0px 5px 0px; font-size:13px; padding:3px 3px; border:0px; width:312px; border:1px solid #666; background-color:#eee; color:#000; } .floater .form.short { width:75px; margin-left:10px; } .floater table { font-size:11px; border-collapse:collapse; width:100%; } .floater td { border-bottom:1px dotted #666; padding:4px; } .floater tr:last-child td { border-bottom-width:0px; } .floater td:first-child { font-weight:bold; color:#fff; text-align:right; } /* ZEBRA */ .zebra { border-collapse:collapse; width:100%; } .zebra td, .zebra th { padding:8px 10px; border-bottom:1px dotted #ddd; border-left:1px dotted #ddd; } .zebra td:first-child, .zebra th:first-child { border-left-width:0px; } .zebra thead { background-color:#f5f5f5; color:#444; } .zebra.fonts thead { background-color:#eee; font-size:13px; } .zebra tr:last-child td, .zebra th { border-bottom-style:solid; } .zebra tbody tr { background-color:#f9f9f9; } .zebra tbody tr.even { background-color:#fff; } .zebra tfoot tr { background-color:#fff; border-top:1px solid #ddd; } .zebra tfoot td { border-width:0px; } .zebra td.tools { padding:0px; background-color:#f9f9f9; } .zebra tr.total { font-size:16px; border-bottom:2px solid #444; } .zebra tr.upgrade, .zebra tr.even.upgrade { background-color:#eee; } .zebra td img { width:15px; height:15px; border-width:0px; position:relative; margin-bottom:-3px; } .zebra td label { margin:0px; } .zebra td i { font-style:normal; font-size:9px; color:#888; white-space:nowrap; } .zebra tbody td ul { border-top:1px dotted #ddd; margin-top:10px; padding-top:5px; } .zebra tbody td li { white-space:nowrap; width:100%; } .zebra tbody td li:first-child { margin-bottom:5px; } .zebra td.item { padding-left:35px; background-repeat:no-repeat; background-position:10px 50%; } .zebra td.single { background-image:url('../images/item-single.png'); } .zebra td.complete { background-image:url('../images/item-complete.png'); } .zebra td.book { background-image:url('../images/item-book.png'); } .zebra td.tshirt { background-image:url('../images/item-tshirt.png'); } .zebra td.discount { color:#0ad400; } .zebra .alert { color:#f00; } .zebra a.button { float:right; } .zebra .links { float:right; } .zebra .links a { display:block; padding:10px 20px 10px 40px; background-position:10px 50%; background-repeat:no-repeat; font-size:13px; color:#444; } .zebra .links a:hover { background-color:#eee; } /* order info */ #orderinfo { font-family:Helvetica, Arial, sans-serif; font-size:12px; padding:20px } /* STATIC */ #static_list { width:290px; border-top:1px solid #eee; } #static_list ul li { border-bottom:1px solid #eee; } #static_list ul a { display:block; float:left; padding:10px; width:270px; font-size:16px; line-height:110%; } #static_list ul a:hover { background-color:#f9f9f9; } #static_list ul span { color:#888; font-size:9px; font-weight:normal; white-space:nowrap; } #static_list ul a.active, #static_list ul a.current { background-color:#0bf; color:#fff; } #static_list ul a.active span, #static_list ul a.current span { color:#08d; } #static_list a.nav { display:block; float:left; padding:5px 10px; font-size:13px; } #static_list a.nav#prev { float:right; } #static #addthis { position:absolute; right:10px; top:10px; display:block; float:left; height:16px; line-height:16px; padding-right:20px; background:transparent url('../images/addthis.png') no-repeat right top; font-family:Helvetica, Arial, sans-serif; } #static { padding:20px 150px 20px 100px; width:460px; margin:0 10px; background-color:#f9f9f9; border-bottom:1px solid #eee; position:relative; } #static p { font-size:13px; line-height:150%; color:#444; margin:0 0 15px 0; display:inline-block; } #static h3 { color:#444; font-size:18px; margin:20px 0; display:inline-block; width:100%; font-style:normal; font-weight:normal; font-stretch: normal; font-variant: normal; } #static .note { color:#888; font-size:11px; } #static sup { font-size:9px; font-weight:normal; margin-left:2px; } #static ul { border-top:1px solid #ddd; border-bottom:1px solid #ddd; display:inline-block; margin:0 0 10px 0; } #static li { border-top:1px dotted #ddd; padding:5px 0px; width:100%; } #static li:first-child { border-top-width:0px; } #static table { border-collapse:collapse; width:100%; float:left; color:#444; font-size:13px; margin-bottom:10px; } #static tr { border-bottom:1px dotted #ddd; } #static tr:last-child { border-bottom:1px solid #ddd; } #static tr:first-child { border-top:1px solid #ddd; } #static td, #static th { padding:7px; border-left:1px dotted #ddd; } #static td { background-color:#fff; } #static tbody td:first-child, #static th:first-child { border-left-width:0px; font-weight:bold; } #static tbody td:first-child { background-color:#f5f5f5; } #static th { background-color:#f5f5f5; } #static td:first-child i { font-style:normal; font-weight:normal; } #static.eula { font-family:Georgia; padding:20px 200px 20px 50px; } #static.eula p { position:relative; } #static.eula b, #static.eula i, #static.eula em { font-family:Helvetica, Arial, sans-serif; } #static.eula b { display:block; float:left; margin-left:-40px; width:30px; text-align:center; font-size:14px; } #static.eula i { display:block; float:left; padding-top:2px; font-style:normal; position:absolute; top:0px; left:480px; line-height:140%; width:170px; font-size:11px; color:#666; } #static.eula em { display:block; float:left; padding-top:2px; font-style:normal; position:absolute; top:0px; left:480px; line-height:140%; width:170px; font-size:11px; color:#666; } .likes { height: 33px; width: 600px; margin-right: -150px; clear: both; display: block; z-index: 1; float: none } .facebook_like { padding: 0 0 5px; width: 350px; height: 30px; float: left; display: block } .gmail_twitter_like { padding: 0 0 5px; margin-left: 400px; width: 100px; height: 20px; text-align: right; display: block; z-index: 111; position: absolute } #static .twitter_like { margin-left: 500px } #static .clear { clear: both } /* STATIC2 */ #s2 { width:1000px; background-color:#f5f5f5; padding:20px 0px 20px 10px; margin-bottom:10px; border-bottom:1px solid #eee; } #s2 .wrapper { background:transparent url('../images/acc-double.png') repeat-y 420px top; margin:0px; width:100%; } #s2 h3 { font-size:16px; margin:0px; margin-bottom:11px; } #s2l { font-size:13px; width:380px; padding:20px; color:#444; } #s2l label { width:350px; display:block; float:left; font-size:11px; padding-left:20px; margin-bottom:10px; } #s2l form { display:block; float:left; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; margin:10px 0px; padding-top:10px; } #s2l label input { margin-left:-20px; float:left; } #s2l .note { color:#888; font-size:11px; } #s2l p { width:100%; float:left; display:block; margin:0px; margin-bottom:10px; } #s2l p.meta { border-top:1px solid #ddd; border-bottom:1px dotted #ddd; padding:10px 0px; margin-bottom:20px; line-height:150%; } #s2l .links { border-top:1px dotted #ddd; width:100%; margin-top:20px; } #s2l .links a { display:block; padding:10px 10px 10px 30px; background-position:5px 50%; background-repeat:no-repeat; font-size:13px; line-height:110%; color:#444; } #s2l .links a:hover { background-color:#fff; color:#333; } #s2r { width:540px; padding:20px; } #s2r p.note { width:45%; margin-right:5%; float:left; color:#888; } #s2r .column { width:45%; margin-right:5%; color:#444; } #s2r .column div { width:100%; margin-bottom:10px; } #s2r a.button { float:left; } #s2ul li { width:230px; padding:0px 10px; margin:0px 10px 30px 10px; color:#444; position:relative; } #s2ul li img { margin-bottom:5px; } #s2ul h4 { margin:0px; font-size:13px; } #s2ul .action { margin-top:10px; } #s2ul .label { position:absolute; top:0px; left:10px; padding:3px 7px; color:#fff; font-size:9px; } #s2ul .label.mailed { background-color:#f70; } #s2ul .label.out { background-color:#888; } #s2ul.clickable li { margin:0px; padding:0px; width:270px; } #s2ul.clickable a { color:#444; display:block; padding:20px; -moz-border-radius:5px; -webkit-border-radius:5px; } #s2ul.clickable a:hover { background-color:#f9f9f9; } #s2r .tools { border-bottom:1px solid #e8e8e8; } #s2r .links { float:right; } #s2r .links a { padding:15px 20px 15px 40px; background-position:10px 50%; font-size:16px; } #s2.text p { font-size:18px; color:#444; margin:0 0 10px 0; } /* COLLECTION */ #fonts { padding-bottom:20px; } #fonts li { margin-bottom:1px; } #fonts li .data { margin:0; padding:10px; line-height:140%; color:#aaa; background-color:#f9f9f9; font-size:11px; width:100%; width:235px; height:55px; } #fonts li .data h3 { font-size:18px; margin:0 0 5px 0; color:#444; } #fonts li .preview { height:75px; width:755px; position:relative; overflow:hidden; } #fonts li .preview img { float:left; position:absolute; top:-75px; left:0; } #styles { width:755px; } #styles li { background-color:#f9f9f9; width:100%; border-bottom:1px solid #fff; } #styles span { display:block; text-indent:7px; padding-top:5px; color:#aaa; } #inuse .thumb { margin:0px 1px 1px 0px; background-color:#0bf; width:120px; height:90px; display:block; overflow:hidden } #inuse .thumb:hover img { opacity:0.75; } #inuse a.all { display:block; float:left; width:105px; height:70px; padding:10px; background:#444 url('../images/button-go.png') no-repeat 101px 66px; color:#fff; font-size:14px; } #inuse a.all:hover { background:#0bf url('../images/button-go-hover.png') no-repeat 101px 66px; } #inuse .image { border-bottom:1px solid #eee; position:relative; } #inuse .data { width:755px; } #inuse a.tag { position:absolute; font-size:11px; background-color:#0bf; color:#fff; padding:3px 10px 3px 7px; opacity:0.9; -moz-border-radius:10px; -webkit-border-radius:10px; } #inuse a.tag:hover { opacity:1; } #image-tools { position:absolute; width:745px; top:5px; left:5px; } #image-tools.navigation div { float:right; } .data td { color:#444; padding:5px; background-color:#f6f6f6; border-bottom:1px solid #fff; line-height:150%; } .data tr:last-child td { border-bottom:0px; } .data td.label { font-weight:bold; white-space:nowrap; } .data td.text { border-left:1px solid #fff; } .data td.text div { margin:5px; } .data td a { font-weight:bold; } .data .limited { padding:2px 5px; margin-left:5px; font-size:9px; color:#fff; background-color:#52d9ff; -moz-border-radius:3px; -webkit-border-radius:3px; } .datacon { margin-right:10px; width:755px; } .data { margin-right:10px; width:100%; } .data .column { margin-right:20px; width:362px; line-height:140%; color:#555; } .data .column h3 { font-size:14px; margin:30px 0px 10px 0px; } .data .column p { margin:0px; padding:0px; margin-bottom:10px; } .data .column img { margin-top:20px; } .data .column span { font-size:11px; color:#aaa; margin-left:5px; } /* ACCOUNT */ #acc { background:#3a3a3a url('../images/acc-bgr.png') repeat-y left top; width:1010px; border-bottom:1px solid #eee; } #acc #sections { width:245px; } #acc #sections a { display:block; float:left; font-weight:bold; border-bottom:1px solid #888; font-size:13px; color:#fff; background-color:#999; padding:10px; width:225px; } #acc #sections a:hover { background-color:#aaa;} #acc #sections a.active { color:#fff; background-color:#0bf; border-color:#888; } #acc #sections a i { font-style:normal; font-weight:normal; display:block; width:100%; height:40px; font-size:11px; margin-top:5px; color:#666; } #acc #sections a.active i { color:#07c; } #acc #section { width:765px; position:relative;} #acc .part { width:100%; background-color:#eee; } #acc #empty { width:80%; padding:150px 10%; text-align:center; background-color:#444; font-size:24px; font-weight:bold; color:#222; text-shadow:#555 0px 1px 0px; } #acc .trial { font-size:9px; background-color:#ff6a6a; color:#fff; padding:0px 3px; white-space:nowrap; -moz-border-radius:3px; -webkit-border-radius:3px; } #acc .textbox { color:#fff; } #acc .rule { background:transparent url('../images/acc-rule.png') repeat-x left top; padding-top:20px; margin-top:10px; } #acc .rule1 { border-top:1px dotted #ddd; padding-top:10px; } #acc .note { font-size:11px; color:#888; } #acc .note2 { font-size:9px; color:#aaa; } #acc #bo { width:765px; margin-right:0px; } #acc #bo .body { width:745px; -moz-border-radius:0px; -webkit-border-radius:0px; } #acc .good { margin:20px 0 0 10px;color:#0bf; } #acc .bad { margin:20px 0 0 10px;color:#ff0000; } /* FORM */ .myform { display:block; float:left; width:100%; background:url('../images/acc-double.png') repeat-y 50% top; margin-bottom:12px } .myform fieldset { display:block; padding:30px 10px 10px 10px; width:362px; border:0px; margin:0px; } .myform fieldset div { width:100%; margin-bottom:10px; color:#444; font-size:13px; } .myform fieldset div div{ width:202px; margin-bottom:5px; } .myform label { display:block; float:left; width:150px; margin-right:10px; } .myform fieldset>span { display:block; float:left; width:100%; } .myform #otf span { width:150px; display:inline-block; text-align:right; margin-right:10px; margin-bottom:10px; } .myform #otf img { position:relative; margin-bottom:-3px; } .myform .selection li { padding:5px; background-color:#f8f8f8; width:352px; border-bottom:1px solid #eee; } .myform .selection li:first-child { -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; } .myform .selection li:last-child { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-width:0px; } .myform .selection span { color:#888; } .myform .do { display:block; float:right; width:14px; height:14px; margin-left:5px; text-indent:-1000px; background:transparent url('') no-repeat left top; } .myform .do.remove { background-image:url('../images/acc-wf-remove.png'); } .myform .do.edit { background-image:url('../images/acc-wf-edit.png'); } .myform .do:hover { background-position:left bottom; } .myform fieldset div div div.password{ width:364px; margin-bottom:5px;} .myform .password {width:300px;} .myform #Password {width:100%;} .myform #myform div div div div.middleColumn {width:100%;border:1px solid green; text-align:right} .myform #Country select { width:202px } .myform #State select { width:202px } .myform textarea { width:196px; height:80px } .myform #Password { border-bottom:1px solid #ddd; margin:-5px 0 0 0 } .myform #FirstName { border-top:1px solid #ffffff; padding-top:15px} .myform #Profession { width:368px; position:absolute; margin:0 0 0 382px; color:#888; } .myform #Question { width:368px; position:absolute; margin:30px 0 0 382px; padding-bottom:10px; border-bottom:1px solid #ddd; color:#888;} .myform #JoinMailingList{ width:368px; position:absolute; margin:134px 0 0 382px; border-top:1px solid #ffffff; padding-top:15px; color:#888; } .myform #FreeType { width:368px; position:absolute; margin:174px 0 0 382px; padding-bottom:15px; border-bottom:1px solid #ddd; color:#888; } .myform #Form_MemberForm_Note { width:368px; position:absolute; margin:220px 0 0 382px; border-top:1px solid #ffffff; padding-top:15px; color:#888; font-size:11px } .myform #Fax { color:#888; } .myform #Organisation { color:#888; } .myform #AddressLine2 { color:#888; } .myform label.small { font-size:11px; } .myform .third { font-size:11px; margin-bottom:10px; width:110px; margin-right:10px; } .myform .third label { width:100%; margin-right:0px; } .myform .third select { width:100%; } .myform strong { color:#888; } .myform .optional { color:#888; } .myform label.warning { color:#f60; } .myform div.warning { float:right; color:#f00; font-size:9px; width:200px; } .myform div.errorred { width:300px; margin-bottom:20px; color:#fff; font-size:11px; } .myform input.text { font-size:13px; margin:0px; padding:2px 3px; width:194px; border:1px solid #ddd; background-color:#fff; color:#000; } .myform .input.short { width:170px; } .myform .address { display:block; float:left; margin:0px; padding:10px 5px; width:192px; background-color:#fff; border-bottom:1px solid #ddd; color:#444; } .myform #vat_country_code { color:#444; font-size:14px; } .myform .language_custom { width:354px; margin:5px 0px; } .myform input.action { background:#444; height:26px; color:#FFFFFF; border:0; font-weight:bold; padding-bottom:2px; -moz-border-radius:5px; -webkit-border-radius:5px; } .myform .zebra { font-size:11px; } /* Personal Information form */ .personal .myform { display:block; float:left; width:100%; background:#eee url('../images/acc-double.png') repeat-y 50% top; margin-bottom:0 } .personal .myform #FirstName { border-top:0px solid #ffffff; padding-top:0} .personal .myform #Profession { width:368px; position:relative; margin:0; color:#888; } .personal .myform #Question { width:368px; position:relative; margin:10px 0 0 0; padding-bottom:10px; border-bottom:0; color:#888;} .personal .myform .Note { width:368px; position:absolute; margin:105px 0 0 382px; border-top:1px solid #ffffff; padding-top:15px; color:#888; font-size:11px } .personal .myform .addressLabel { display:block; position:absolute; margin:0 0 0 382px; width:152px; color:#888; } .personal .myform .address { display:block; position:absolute; margin:0 0 0 542px; width:190px; } .personal .myform input.action { background-image:url('../images/button-fb-bg.png'); margin:0 0 20px 10px; height:20px; color:#FFFFFF; border:0; text-shadow:#00b7e5 0px -1px 0px; font-weight:bold; font-size:11px; padding-bottom:3px; -moz-border-radius:5px; -webkit-border-radius:5px; } /* account setings */ .settings .myform { display:block; float:left; width:100%; background:#eee url('../images/acc-double.png') repeat-y 50% top; margin-bottom:0 } .settings .myform #JoinMailingList { width:368px; position:absolute; margin:102px 0 0 0; border-top:1px solid #ffffff; padding-top:15px; color:#333;} .settings .myform #FreeType { width:368px; position:absolute; margin:147px 0 0 0; padding-bottom:15px; border-bottom:1px solid #ddd; color:#333;} .settings .myform input.action { background-image:url('../images/button-fb-bg.png'); margin:100px 0 20px 10px; height:20px; color:#FFFFFF; border:0; text-shadow:#00b7e5 0px -1px 0px; font-weight:bold; font-size:11px; padding-bottom:3px; -moz-border-radius:5px; -webkit-border-radius:5px; } .settings .myform label.MergeAccount{ position:absolute; width:360px; margin:0 0 0 382px; background:#eee; z-index:1; border-bottom:1px solid #ddd; padding-bottom:15px } .settings .myform label.MergeNote { position:absolute; width:360px; margin:79px 0 0 382px; border-top:1px solid #ffffff; padding-top:15px; font-size:11px; color:#888; } .settings .myform #EmailMerge { position:absolute; width:382px; margin:170px 0 0 382px;} .settings .myform #PasswordMerge { position:absolute; width:382px; margin:200px 0 0 382px;} .settings .myform .PasswordMerge { width:300px; width:382px; } .settings .myform #PasswordMerge { width:100%; width:382px; } .settings .myform label.ForgotPass { position:absolute; width:382px; margin:220px 0 0 545px } /* ITEMS */ #items { background-color:#eee; width:100%; } #items>li { border-bottom:1px solid #383838; } #items h3 { color:#fff; display:block; background:#555 url('../images/arrow-0.png') no-repeat 10px 50%; float:left; cursor:pointer; width:730px; padding:10px 10px 10px 25px; margin:0px; } #items h3:hover { background-color:#666; } #items h3.active { background-image:url('../images/arrow-1.png'); color:#444; background-color:#dfdfdf; border-bottom:1px solid #ccc; } #items h3 i { color:#888; font-style:normal; font-weight:normal; font-size:9px; } #items h3.new { background-image:url('../images/acc-wf-new.png'); background-position:7px 50%; } #items .exc { width:100%; } #items .links { float:right; } #items .links a { background-color:#eee; display:block; border-left:1px solid #ddd; padding:10px 10px 10px 35px; background-position:10px 50%; background-repeat:no-repeat; font-size:13px; line-height:110%; color:#444; } #items .links a:hover { background-color:#fff; color:#333; } #items .links span { color:#888; } #items .tools a { background-color:transparent; color:#888; } #items .tools a:hover { background-color:transparent; } #items .tabs { float:left; padding:0px 10px 0px 10px; } #items .tabs a { background-color:#f5f5f5; border-bottom:1px solid #e8e8e8; display:block; border-left-width:0px; margin-right:1px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; } #items .tabs a:hover { background-color:#fff; } #items .tabs a.active { background-color:#eee; color:#333; border-bottom-color:#eee; } #items h3 .status { font-size:9px; padding:2px 5px; margin-left:10px; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; float:right; } #items h3 .paid, #items h3 .enabled { background-color:#0d6; } #items h3 .waiting, #items h3 .disabled { background-color:#777; color:#aaa; } #items h3 .not_used { background-color:#888; color:#fff; } #items h3 .budget { background-color:#3cf; } /* SHOPPING */ #cart { width:100%; background-color:#fff;display:none} #cart h2 { margin:0px; padding:10px; color:#444; font-size:14px; border-bottom:1px solid #ddd; } #cart h2 a.button { float:right; } .option { float:left; margin-right:10px; } .amount { display:inline-block; float:none; outline:none; width:14px; height:14px; text-indent:-1000px; background-image:url('../images/cart-amount.png'); background-repeat:no-repeat; } .amount.minus { background-position:left top; } .amount.minus:hover { background-position:left bottom; } .amount.plus { background-position:right top; } .amount.plus:hover { background-position:right bottom; } /* SHOPPING PROCESS */ #cartFirstStep { width:1010px } .order_info { border:1px solid #000000} /* CHECKOUT */ #co { width:1010px; } #co #steps { border-bottom:1px solid #ccc; width:100%; background-color:#0bf; } #co #steps span { display:block; float:left; color:#96e3ff; padding:15px; font-size:13px; cursor:default; } #co #steps span a { color:#96e3ff;} #co #steps span.active { font-weight:bold; color:#fff; padding-left:45px; background:transparent url('../images/co-arrow.png') no-repeat left 50%; } #co #steps li:first-child span.active { background-image:none; padding-left:15px; } #co .right { float:right; margin:10px; color:#fff; } #co #step { width:100%; } #buttons { width:100%; font-weight:bold; margin-top:10px; } #buttons #OrderForm_OrderForm_action_prev { margin-left:10px; border:1px solid #ECECEC; font-size:13px; padding:5px 8px 5px 8px; float:left; -moz-border-radius:5px; -webkit-border-radius:5px; color:#444; text-shadow:#fff 0px 1px 0px; font-weight:bold; background:url('button_big-fb-bgl.png') center } #buttons #OrderForm_OrderForm_action_finish, #buttons #OrderForm_OrderForm_action_finishPayPal { position:absolute; margin-left:635px; border:0; font-size:13px; padding:6px 8px 6px 8px; float:right; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; text-shadow:#00b7e5 0px -1px 0px; font-weight:bold;background-image:url('../images/button_big-fb-bg.png') } #buttons #OrderForm_OrderForm_action_finishPayPal { margin-left: 742px; background-image:url('../images/paypal-btn.png'); width: 199px; height: 29px } #buttons .IN #OrderForm_OrderForm_action_finish, #buttons .IN #OrderForm_OrderForm_action_finishPayPal { position:absolute; margin-left:845px; border:0; font-size:13px; padding:6px 8px 6px 8px; float:right; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; text-shadow:#00b7e5 0px -1px 0px; font-weight:bold;background-image:url('../images/button_big-fb-bg.png') } #buttons .IN #OrderForm_OrderForm_action_finishPayPal { margin-left: 742px; background-image:url('../images/paypal-btn.png'); width: 199px; height: 29px } #OrderForm_OrderForm_action_next { position:absolute; margin:-40px 0 0 925px; border:0; font-size:13px; padding:6px 8px 6px 8px; float:right; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; text-shadow:#00b7e5 0px -1px 0px; font-weight:bold;background-image:url('../images/button_big-fb-bg.png') } a.action_next { float:right; margin:-40px 10px 0 0 } td.footcart { height:40px; } .co_body { width:1000px; background-color:#f5f5f5; padding:40px 0px 40px 10px; margin-bottom:10px; border-bottom:1px solid #eee; } .co_address { margin:0px 15px 0px 0px; color:#888; } .co_address strong { font-weight:normal; } .co_address span { color:#000; font-size:11px; display:inline-block; margin:5px 0px; } .co_address .edit { font-size:9px; } #co #shipping { width:735px; margin-right:20px; border-right:1px dotted #ddd; padding-right:10px; } #co #shipping li { font-size:13px; background-color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0px 10px 10px 0px; padding:10px; width:215px; } #co #shipping li.active { background-color:#ddd; } #co #shipping li.active label { border-color:#eee; } #co #shipping li label { font-size:13px; font-weight:bold; margin-bottom:10px; display:block; float:left; width:100%; border-bottom:1px dotted #ccc; padding-bottom:5px; } #co #shipping .price { float:right; } #co #shipping p { font-size:9px; color:#888; margin:0px; margin-bottom:3px; } #co #ship_gift { display:block; float:left; margin-top:20px; padding:10px; font-size:13px; background-color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; } #confirm_addresses { background-color:#f5f5f5; border-right:1px solid #ddd; border-bottom:2px solid #444; padding:15px 10px; } #IAgree { position:absolute; margin:6px 10px 0 340px; height:20px; } #IAgree input { vertical-align: middle;} #IAgree span { display:block } .IN #IAgree { margin-left: 550px } /* BUYING OPTIONS */ #bo { width:755px; margin-right:10px; } #bo a.tab { display:block; float:left; margin-right:1px; padding:7px 15px 5px 15px; color:#fff; font-weight:normal; } #bo .pack a.tab { font-size:14px; background-color:#1ccdf3; border-bottom:1px solid #19c6f0; margin-top:5px; } #bo .pack a.active { background-color:#4df; border-bottom:1px solid #4df; } #bo .pack { width:100%; } #bo .right { float:right; margin-bottom:5px; } #bo .body { background-color:#00acdc; padding:20px 10px; width:735px; } #bo .body .right { padding-top:7px; color:#fff; } #bo .items { width:100%; } #bo .items { padding:20px 0px; background-color:#4df; } #bo .items table { border-collapse:collapse; cursor:default; } #bo .items tr { border-top:1px solid #4df; } #bo .items td { padding:5px 10px; color:#00485d; } #bo .items tr.even { background-color:#9feeff; } #bo .items tr.odd { background-color:#7ce7ff; } #bo .items tr.even:hover, #bo .items tr.odd:hover { background-color:#c9f5ff; } #bo .items a.item { font-weight:bold; padding-left:15px; background:url('../images/arrow-bo-0.png') no-repeat left 3px; color:#00485d; cursor:pointer; } #bo .items a.item.active { background-image:url('../images/arrow-bo-1.png'); } #bo .items a.item i { font-size:9px; font-style:normal; white-space:nowrap; color:#078; font-weight:normal; } #bo .items tr.sample { border-top:0px solid #4df; } #bo .items tr.sample td { padding:0px; } #bo .items tr.sample div { overflow:hidden; width:735px; } #bo .items td.short select { width:150px; } #bo a.fb { float:right; } #bo #tab_single_fons { display:none } #bo.static { width:710px; margin-left:10px; } #bo.static .body { padding:0px 10px 20px 10px; width:690px; } #bo #cart { margin-top:4px; position:relative; } #bo #cart .arrow { position:absolute; top:-4px; left:50%; margin-left:-13px; } /* HELP */ #help { width:755px; } #help-topics { width:245px; } #help-content { width:510px; } #help h3 { display:block; background-color:#f9f9f9; float:left; cursor:pointer; margin:0px; font-size:13px; padding:10px; position:relative; width:225px; border-top:1px solid #eee; color:#444; } #help h3:hover { color:#0bf; } #help h3.active { background-color:#0bf; color:#fff; } #help-content .topic-content { display:none; } #help-content li { width:100%; font-size:13px; } #help h4 { font-weight:normal; margin:0px; padding:10px 10px 10px 30px; background:#fff url('../images/arrow-0.png') no-repeat 10px 50%; border-top:1px solid #eee; color:#444; cursor:pointer; } #help h4:hover { color:#0bf; } #help h4.active { background-image:url('../images/arrow-1.png'); color:#0bf; } #help li:last-child h3 { border-bottom:1px solid #eee; } #help .answer { padding:10px 50px 15px 33px; color:#666; } #help .answer p { margin:0px; margin-bottom:10px; line-height:160%; } #help .permalink { font-size:9px; font-weight:normal; color:#fff; display:none; float:right; background-color:#ccc; padding:2px 5px; font-family:Lucida Grande, Verdana, sans-serif; -moz-border-radius:10px; -webkit-border-radius:10px; } #help .permalink:hover { background-color:#888; } #help h4.active .permalink { display:block; } /* FOOTER */ #connect { width:100%; color:#808080; background-color:#f2f2f2; border-top:1px solid #e6e6e6; line-height:35px; border-bottom:1px solid #d5d5d5; } #connect h3 { display:block; float:left; font-weight:normal; font-size:13px; margin:0px; padding:0px; padding:0px 10px; } #connect form { display:block; float:left; } #connect .clear { clear: none } #connect input { display:block; float:left; border:0px; margin:0px; padding:0px 5px; margin-top:7px; outline:none; } #connect input#ml-input, #connect input.textnewsletter{ background:url('../images/connect-ml-input.png') no-repeat top left; height:17px; padding:3px 7px; padding-bottom:0px; } #connect input#ml-submit { background:url('../images/connect-ml-submit.png') no-repeat top right; height:20px; color:#fff; text-shadow:#00b7e5 0px -1px 0px; font-weight:bold; } #connect a { display:block; float:left; padding-left:35px; height:35px; margin-left:10px; background-position:0px 0px; background-repeat:no-repeat; color:#808080; } #connect a:hover { background-position:0px -35px; color:#444; } .footer { color:#bbb; width:100%; border-bottom:1px solid #e4e4e4; padding:10px 0px; text-align:center; } .footer.fonts { background-color:#e6e6e6; color:#bbb; border-bottom:1px solid #ddd; } .footer.fonts li { width:100%; padding:2px 0px; } .footer div { width:171px; text-align:left; } .footer div a { padding-left:10px; } .footer a { color:#808080; } .footer a:hover { text-decoration:underline; } .footer.copyright { border-bottom:0px; padding-bottom:100px; } /* CENTER */ #center { width:810px; color:#444; background-color:#f5f5f5; padding:50px 100px; text-align:center; font-size:13px; } #center ul { width:600px; margin-left:105px; font-weight:bold; font-size:16px; margin-top:20px; border-bottom:1px dotted #ddd; } #center li { width:200px; text-align:center; padding:10px 0px; border-top:1px dotted #ddd; } /* Second step order */ #cartSecondStep { width:1010px } /* Price calculator */ #page { position:absolute; left:50%; margin-left:-300px; width:600px; font-size:14px; font-family:verdana,arial } #page div.left { float: left; width: 140px; margin-right:20px; } #page div.left hr { width: 80%; border: none; border-top: 1px solid #000; } #page address { font-style: normal; text-align: right; margin-top:20px } #page div.middle { float:right; width:400px; } #page h1,#page h2 { margin: 0; padding: 0; } #email_calculation { display:none } /* COMMENTS */ #PageComments_holder { margin-right: -145px } #PageComments_holder, #PageComments_holder p { font-size: 12px } #PageComments_holder h4 { padding-bottom: 5px; border-bottom: 1px solid #EEEEEE } #PageComments_holder p.info { margin-top: 10px } #PageComments_holder p.comment { float:none; display: block; margin: 5px 0 -10px 0 } #PageComments_holder #PageComments li { border-top:0; border-bottom: 1px solid #EEEEEE; padding-bottom:20px } #PageComments_holder ul { border:0 } #PageComments_holder ul.actionLinks { display:inline; width:100%; font-size: 11px; border: 0; color: #CCCCCC; margin: 20px 0 -10px 0} #PageComments_holder #PageComments ul.actionLinks li { display:inline; width:auto; padding:0 10px 0 10px; border: 0 } #PageComments_holder #AddNewComment div { float: none } #PageComments_holder #AddNewComment { width:270px; float: right; margin-left:20px } #PageComments_holder #CommentHolder { width:300px; } #PageComments_holder .middleColumn { float: none; } #PageComments_holder label { float: none; display: block; margin-top: 5px } #PageComments_holder textarea, #PageComments_holder input { font-family:Helvetica, Arial, sans-serif; font-size:13px; background-color: #FFFFFF; border:1px solid #EEEEEE; margin:2px 0 5px; padding:3px 5px; width:260px } #PageComments_holder #Comment { margin-top:15px } #PageComments_holder input.action { color:#373737; text-shadow:#bbb 0px 1px 0px; width:50px; height:20px; background:url('../images/button-toolbar.png') no-repeat top left; border:0px; padding:0px; margin:0px; display:block; float:right; } #static a#FirstToComment { font-family: Georgia, serif; font-size: 15px; cursor: pointer; display: block; clear: both; margin-top: 10px } /* Partner and Costs Reports in account */ #PartnerReport { width: 100% } #PartnerReport ul, #PartnerReport ul li, #PartnerReport ul li div.reportform { width: 100% } #PartnerReport ul li label { float: left; width:120px; height:20px; padding-top: 3px } #PartnerReport a.last { width: 78px; float: right; } #PartnerReport a.first { width: 720px; height:16px; border:0; border-bottom: 1px solid #DDDDDD } #PartnerReport a.first_add { width: 720px; height:16px; border:0; border-bottom: 0px } #PartnerReport li.first h4 { font-size: 16px; color:#999999 } #PartnerReport .paginator { width: 100%; height: 32px; clear: both; position: relative; text-align: center } #PartnerReport .paginator a, #PartnerReport a.querterreports { padding: 8px 10px 9px 10px; display: inline; color: #444444; } #PartnerReport a.querterreports { margin-left: 10px; padding-left: 25px; background:url('../images/acc-icon-invoice.png') center left no-repeat; } #PartnerReport li.querterreports { padding: 8px 0 9px 0; display: inline; color: #444444; } #PartnerReport .paginator a:hover, #PartnerReport a:hover.querterreports { background-color: #FFFFFF } #PartnerReport .paginator span.active { padding: 8px 10px 9px 10px; font-weight: bold; } #PartnerReport .paginator a.prev { float: left; } #PartnerReport .paginator a.next { float: right; } #PartnerReport .paginator .page { width:605px; text-align: center; margin-top: 8px } #PartnerReport .paginator .paginate { width:80px } #PartnerReport .download { background-image:url('../images/button-fb-bg.png'); margin: 20px 0 0 0; height:20px; color:#FFFFFF; border:0; text-shadow:#00b7e5 0px -1px 0px; font-weight:bold; font-size:11px; padding:3px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .reportform { margin: 5px 0 0 10px; width:100%; } .reportform div { float: none; clear: both } .reportform div.middleColumn { display: inline; width:250px; margin-left: 40px} #items .reportform div.datepicker { display: inline; clear: both } #items .reportform div.datepicker a { margin:0; padding:0; display:inline; font-size: 11px } #items .reportform div.datepicker a:hover { background: none; text-decoration: underline; } .reportform fieldset div.field { margin-bottom: 10px } .reportform input, .reportform select, .reportform textarea { font-family:Arial, Verdana; margin-bottom: 10px; font-size:12px; margin:0px; padding:2px 3px; width:194px; border:1px solid #ddd; background-color:#fff; color:#000; } .reportform textarea { width:575px; height:150px; line-height: 1.6 } .reportform select { width:200px; } .reportform input.action { margin:10px 0 10px; width:60px; background-image:url('../images/button-fb-bg.png'); height:20px; color:#FFFFFF; border:0; text-shadow:#00b7e5 0px -1px 0px; font-weight:bold; font-size:11px; padding-bottom:3px; -moz-border-radius:5px; -webkit-border-radius:5px; } .reportform div.Actions { border-top: 1px solid #CCCCCC; margin-left: -10px; padding-left: 10px; width:754px } #acc .reportform p.bad { margin: 0 0 10px 0 } #items .reportform span.required { margin-left: 160px; color: red } /* Reports date picker */ #ui-datepicker-div { font-size: 11px } #ui-datepicker-div .ui-datepicker-header { width:99% } /* Broadcasting calculator */ .broadcastingcalculator .items table label { display: block; width: 95% } .broadcastingcalculator .items td.large { width: 24% } .broadcastingcalculator .items td.large select { width: 150px } .broadcastingcalculator .items td.middle { width: 22% } .broadcastingcalculator .items td.middle select { width: 130px } .broadcastingcalculator .items td.mini { width: 14% } .broadcastingcalculator .items td.mini select { width: 75px } .broadcastingcalculator .items .pt { padding-top: 15px; float: none } abbr { cursor: help; } /* About */ #s2r.aboutright { padding-bottom: 0 } #s2r.aboutright p { padding-left: 12px } #s2r .clients { width: 98%; margin-top: -30px } #s2r .clients .right { float: right; } #s2r .clients .right, #s2r .clients .left { margin-bottom: 20px } #s2r .clients .clear { clear: both; } /* Clients */ #content.wide .clients .client { width: 201px; height: 201px; float: left; margin-right: 1px; margin-bottom: 1px; } #content.wide .clients .client>div { width: 201px; height: 201px; display: table-cell; float: none; background-color: #f5f5f5; vertical-align: middle; text-align: center; } #content.wide .clients .client img { vertical-align: middle; text-align: center; } /* Foundry list */ .foundrylist .subheader {} .foundrylist #static { margin: 0; padding: 10px; width: 990px/*740*/ } .foundrylist .subheader h2 a { color: #BCBDC0; margin-left: 10px; cursor: pointer; } .foundrylist .subheader h2 a:hover, .foundrylist .subheader h2 a.active { color: #444444 } .foundrylist #showfoundries, .foundrylist #showdesigners { display: none } .foundrylist #showfoundries.active, .foundrylist #showdesigners.active { display: block } .foundrylist div.foundry { width: 190px/*177*/; background: #fff; margin: 0 10px 10px 0 } .foundrylist .foundry.mr { margin-right: 0 } .foundrylist .foundry .img { height: 135px; text-align: center; color: #ccc; font-size: 11px; width: 100%; float: none; border-bottom: 1px dotted #EEEEEE } .foundrylist .foundry .img a { transition: opacity 0.3s } .foundrylist .foundry .img a:hover { opacity: 0.8 } .foundrylist .foundry .img span { display: block; padding-top: 60px; text-align: center; width: 100%;} .foundrylist .foundry .desc { float: none; min-height: 50px; padding: 5px 10px } .foundrylist .foundry .desc h2 { font-weight: bold; margin: 0 0 2px; padding: 0; font-size: 12px } .foundrylist .foundry .desc h2 a { color: #444444 } .foundrylist .foundry .desc h2 a:hover { color: #00BBFF } .foundrylist .foundry .desc span { color: #bcbdc0; font-size: 11px } .foundrylist .foundry .country { padding: 10px 2px 7px 10px; font-size: 10px; color: #bcbdc0; text-transform: uppercase } .foundrylist .foundry > .stars { float: right; padding: 12px 10px 7px 0; display: none } .foundrylist .stars .star span { display: block; background: url('../../../phase1/images/stars/stars.jpg') -14px 0 no-repeat; width: 11px; height: 11px } .foundrylist .stars .star.light span { background-position: 0 0 } .foundrylist.foundrydetail .subheader h2 { padding-right: 25px; display: block } .foundrylist.foundrydetail #static { padding: 20px 10px 20px 10px; width: 990px } .foundrylist.foundrydetail .about { overflow: hidden; width: 720px; margin-left: 25px; padding-left: 25px; border-left: 1px solid #eee; min-height: 135px } .foundrylist.foundrydetail .foundryholder #static { width: 755px; padding: 0 } .foundrylist.foundrydetail .foundryholder #static ul { border-top: 0 } /* Tag filter */ .tagfilter { float: right; width: 225px; background: #F9F9F9; padding: 15px } .tagfilter ul { float: none; margin: 0; padding: 0 } .tagfilter li { float: none } .tagfilter a { background: url('../images/tagarrow.png') no-repeat; cursor: pointer } .tagfilter a.main,.tagfilter a span { color: #000; } .tagfilter a.main { background-position: 0 -6px; padding-left: 10px } .tagfilter a.main.all { color: #00BBFF; font-size: 11px; margin-top: 10px; background: none; display: block } .tagfilter a.main.all:hover { color: #6D6E71 } .tagfilter a.open { background-position: 0 5px; } .tagfilter > ul > li { margin-bottom: 5px } .tagfilter > ul ul { padding: 3px; display: none } .tagfilter li li { font-size: 11px; margin-bottom: 2px } .tagfilter li li a { background-position: 0 -21px; padding-left: 8px } .tagfilter li li a.current { color: #6D6E71 } .tagfilter .publictags li a { color: #444; float: left; line-height: 1.2; display: block; background: #dfdfdf; font-size: 10px; margin: 2px 3px 0 0 ; padding: 2px 7px 3px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; white-space: nowrap } .tagfilter .publictags li a:hover { background: #e8e8e8; } .tagfilter .publictags li a.current, .tagfilter .publictags li a.current span { background: #e8e8e8; color: #00BBFF } .tagfilter .clear { float: none; } /* Foundry Holder */ .foundryholder { width: 1020px } .foundryholder .subheader, .foundryholder .subheader h2 { float: none } .foundryholder #static { margin: 0; padding: 0; width: 755px; border-bottom: 0; background: none } .foundryholder form { background: #d5d6d8; width: 745px; padding: 5px 0px 5px 10px; height: 44px; position: relative } .foundryholder form * { float: none } .foundryholder form fieldset { width: 695px; float: left } .foundryholder form .field { float: left; margin-right: 1px } .foundryholder form input { border: 0px; padding: 2px 5px } .foundryholder form label { padding-bottom: 3px; color: #6d6e71; font-size: 11px; display: block } .foundryholder form ul { padding: 0 4px; background: #fff; height: 20px;} .foundryholder form ul li { float: left; } .foundryholder form ul li input { display: none } .foundryholder form ul li label { display: block; background: #fff; padding: 3px; height: 14px; cursor: pointer; color: #959596; line-height: 1.4 } .foundryholder form ul li label:hover, .foundryholder form ul li label.checked { color: #000 } .foundryholder form #SampleText input { width: 185px; font-size: 11px; height: 16px } .foundryholder form .slider .middleColumn { background: #fff; padding: 5px 5px 5px 10px; width: 100px; position: relative; height: 10px } .foundryholder form .slider .middleColumn .slider { float: left; margin-top: 3px } .foundryholder form .slider .middleColumn .fontsize { width: 20px; position: absolute; margin: -2px 0 0 86px } .foundryholder form .ColorPickerSample { width: 70px } .foundryholder form .SwitchColor { display: block; float: left; margin: 20px 0 0 -80px; cursor: pointer } .foundryholder form #Case ul li { width: 20px } .foundryholder form #Wrap ul li.odd { width: 22px } .foundryholder form #Wrap ul li.even { width: 25px } .foundryholder form #Leading.disabled { } .foundryholder form #Leading.disabled label { color: #a6a7a8 } .foundryholder form #Leading.disabled .slider a, .foundryholder form #Leading.disabled .slider span.disabled { background: #cccccc } .foundryholder form #Leading.disabled .middleColumn { background: #f2f2f2; } .foundryholder form #Leading.disabled .fontsize { color: #a6a7a8 } .foundryholder form #Leading.disabled .middleColumn .ui-slider { } .foundryholder form .permalink { position: absolute; font-size: 9px; margin: 1px 0 0 32px; right: 10px; cursor: pointer; } .foundryholder form .errormessage { display: none; position: absolute; margin: 37px 0 0 0; padding: 5px 10px; color: #d30000; border: 1px solid #d30000; background: #fff; z-index: 1 } .foundryholder form .clear { clear: none } .foundryholder form .Actions { font-size: 12px; float: left; padding: 17px 0 0 0; } .foundryholder form .Actions input { display: none; background: #007fc5 url('../images/samplebtns.png') repeat-x; color: #fff; font-size: 12px; -webkit-border-radius: 7px 0 0 7px; -moz-border-radius: 7px 0 0 7px; border-radius: 7px 0 0 7px; float: left; cursor: pointer } .foundryholder form .Actions a, #font a.reset { background: #8b8c8f url('../images/samplebtns.png') 0 -29px repeat-x; float: left; font-size: 11px; width: 30px; color: #fff; display: block; padding: 3px 5px; } .foundryholder form .Actions input:hover { background: #046cab } .foundryholder form .Actions a:hover, #font a.reset:hover { background: #9d9ea0 } .foundryholder .fontlist { margin-bottom: 0 !important; border-bottom: 0 !important; float: none; display: block !important; overflow: hidden } .foundryholder .fontlist li { border-top: 0 !important; display: block; border-bottom: 2px solid #fff; background-position: 0 15px; min-height: 70px ;position: relative; padding: 0 !important; float: none } .foundryholder .fontlist li small { color: #6d6e71; padding: 0 10px; position: absolute; top: 5px; font-size: 11px } .foundryholder .fontlist li small.left { left: 0 } .foundryholder .fontlist li small.right { right: 5px } .foundryholder .fontlist li small.right.free { background: #388f0d; color: #fff; padding: 1px 5px; margin: -5px -5px 0 0 } .foundryholder .fontlist li small a { color: #6d6e71; z-index: 1; position: relative } .foundryholder .fontlist li a.samplefont { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .foundryholder .fontlist li .blue { color: #00BBFF } .foundryholder .fontlist li a.blue:hover, .foundryholder .fontlist li small a:hover { color: #000 } .foundryholder .fontlist li img { margin: 17px 0 3px 5px } .foundryholder .fontlist li div.text { margin: 25px 0 10px 15px; width: 740px; } .foundryholder .fontlist li .loadfont { font-size: 50px; font-family: arial, verdana, serif; white-space: nowrap; display: none } .foundryholder .fontlist li .clear { float: none } .foundryholder .fontlist li .loader { background: url('../../../phase1/images/AjaxLoader.gif') 50% 50% no-repeat; width: 750px; height: 48px; position: absolute; margin-top: 11px; display: none } .foundryholder .paginatorshowing, .foundryholder .paginator { color: #6d6e71; font-size: 11px; margin-top: 15px; padding: 0 5px } .foundryholder .paginator { float: right } .foundryholder .paginator a { color: #6d6e71; } .foundryholder .paginator a:hover { color: #000; background: #dedede; } .foundryholder .paginator strong { color: #00BBFF; font-weight: normal } .foundryholder .nofonts { padding: 20px 10px; float: none } .foundryholder .paginator a, .foundryholder .paginator strong { background: #eee; padding: 2px 6px } .foundryholder .paginator strong { background: #00BBFF; color: #fff } #font #sidebar { background: #f6f6f6 } #font #buybox { margin-bottom: 0px; border-bottom: 0px solid #fff } #font .publisher a { font-weight: normal } #font .foundryholder { width: 755px; } #font a.readmore { white-space: pre; font-weight: normal } #font ul.fontlist { width: 755px; overflow: hidden } #font #content { width: 755px; background-color:#f9f9f9; } #font #content .publictags { float: right; width: 200px; padding: 5px 15px; } #font #content .publictags .tags { } #font #content .publictags a { color: #444; float: left; display: block; background: #dfdfdf; font-size: 11px; margin: 0 4px 4px 0 ; padding: 3px 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; white-space: nowrap } #font #content .publictags a:hover { background: #e5e5e5; } #font #content div.left { padding: 5px 15px; width: 490px; } #font #content div.left.notags { width: 730px; } #font .slides img { border-bottom:0px solid #333; margin-bottom:4px; } #font .slides { width:755px; height:378px; overflow:visible; } #font .slides li { width:100%; } #font .dots { position:absolute; top:383px; right:10px; z-index:100; } #font .pager { padding: 5px 15px } #font .pager a { color: #999; cursor: pointer } #font .pager a:hover,#font .pager a.current { color: #444 } #font .hidden { display: none } #font .tdlanguages a { background: url("../images/tagarrow.png") no-repeat scroll 0 -6px transparent; padding-left: 10px; cursor: pointer; color: #444 } #font .tdlanguages a.active { background-position: 0 5px } #font .tdlanguages div.languages { display: none } #font .tdlicensing span { display: block; background: url("../images/dots.png") 0 0px no-repeat; padding: 0 0 0 18px; color: #999999; margin-bottom: 1px } #font .tdlicensing span.light { color: #444; background-position: 0px -31px; } #font #familysampletext { background: #d5d6d8; width: 745px; padding: 5px 0px 5px 10px; position: relative; min-height: 50px } #font #familysampletext label { padding-bottom: 3px; color: #6d6e71; font-size: 11px; display: block; float: left; padding: 3px 5px 3px 0 } #font #familysampletext .field { margin-right: 15px } #font #familysampletext select { width: 103px } #font #familysampletext textarea { width: 634px; height: 70px; margin-top: 5px } #font #familysampletext div#MyText { display: none } #font #familysampletext div#Language { width: 120px; height: 20px } #font #familysampletext .CompositeField { padding: 5px 0 0 0; margin-top: 5px; border-top: 1px solid #ccc; width: 640px; } #font #familysampletext #Caps { margin-right: 2px } #font #familysampletext #Caps li { margin-right: 15px; height: 20px } #font #familysampletext #Caps li input { float: left } #font #familysampletext #Caps li label { float: right } #font #familysampletext a.permalink { display: block; cursor: pointer; position: absolute; right: 7px; top: 5px } #font #familysampletext #PreviewType { position: absolute; right: 7px; } #font #familysampletext #PreviewType ul { width: 60px; -webkit-box-shadow: inset 1px 1px 2px #c0c0c0; -moz-box-shadow: inset 1px 1px 2px #c0c0c0; box-shadow: inset 1px 1px 2px #c0c0c0; background: #ccc; border: 0px solid #c5c5c5 } #font #familysampletext #PreviewType li { float: none } #font #familysampletext #PreviewType li label { cursor: pointer; width: 48px; color: #999; display: block; padding: 5px 6px; text-align: center } #font #familysampletext #PreviewType li label.active{ color: #fff; background: #52D9FF url("../images/button_big-fb-bb.png") top center; } #font #familysampletext #PreviewType li input { display: none } #font #familysampletext #Size { margin-right: 5px } #font .samplecontent { padding: 5px 10px; word-break: break-all; line-height:1.5; font-feature-settings: "liga""dlig"; -ms-font-feature-settings: "liga""dlig"; -moz-font-feature-settings: "liga""dlig"; -webkit-font-feature-settings: "liga""dlig" } #font .samplecontent > div { padding: 5px 0; word-break: inherit; line-height: 1.5; font-family: inherit; float: none } #font .samplecontent > div > div { font-family: inherit; float: none } #font .samplecontent > div > span { background: #bbb; color: #fff; font-size: 11px; padding: 2px 5px; position: absolute; margin: -5px 10px 0 -10px; display: none; font-family: Helvetica, Arial; } #font .samplecontentimages { padding: 5px 0 5px 5px } #font .samplecontentimages .loader { background: url('../../../phase1/images/AjaxLoader.gif') 50% 50% no-repeat; width: 750px; height: 48px; position: relative; margin-top: 11px; display: none } #font .samplecontent, #font .samplecontentimages { display: none } #font .samplecontent.active, #font .samplecontentimages.active { display: block } #permalink-popup a.close { width: 45%; display: block; cursor: pointer } #font a.reset { } #bo .items tr.sample td > div { padding: 10px 10px 3px 10px; width:715px; } #bo .items tr.sample td > div > div { overflow:hidden; width:715px; background: none; line-height:1.5; padding: 0 0 7px; font-size: 30px; white-space: nowrap } td a.eula { color:#fff; padding: 1px 4px; cursor: pointer; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #bbb; font-size: 11px; font-weight: bold} td a.eula:hover { background: #aaa; } td .contentofeula { display: none } #showeula { position: absolute; width: 480px; max-height: 440px; background: #fff; border: 2px solid #f2f2f2; left: 50%; margin-left: -200px; line-height: 1.5; font-size: 11px; -webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; } #showeula .cont { max-height: 400px; overflow: auto; padding: 20px 40px; } #showeula a.close { cursor: pointer; position: absolute; right: 17px; top: 5px; background: url("../images/floater-close.png") no-repeat scroll left 1px transparent; display: block; width: 20px; height: 20px } #section.foundry { width: 100% } #section.foundry ul#items.tab { background: #DDDDDD; } #section.foundry ul#items li { border-bottom: 0; } #section.foundry ul#items.tab li a { display: block; padding: 10px 20px; color: #444; height: 15px } #section.foundry ul#items.tab li a:hover { color: #00BBFF } #section.foundry ul#items.tab li a.active { background: #EEEEEE; } #section.foundry .fcontent { background: #EEEEEE; min-height: 230px; padding: 20px; width: 725px } #section.foundry form label { display: block; margin-bottom: 10px} #section.foundry form input.action { background-image:url('../images/button-fb-bg.png'); margin: 20px 0 0 0; height:20px; color:#FFFFFF; border:0; text-shadow:#00b7e5 0px -1px 0px; font-weight:bold; font-size:11px; padding-bottom:3px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #section.foundry form .middleColumn { float: none; } #section.foundry form #AboutFoundry { width: 100% } #section.foundry .good { color: #00BBFF; margin: 0 0 20px ; } #section.foundry form #AboutFoundry label { float: none; width: 100% } #section.foundry form #AboutFoundry .middleColumn { margin-left: 0 } #section.foundry form.foundry * { float: none } #section.foundry form.foundry {} #section.foundry form.foundry .field { padding: 10px 0; border-bottom: 1px solid #f5f5f5 } #section.foundry form.foundry .field.CompositeField { padding: 0; border-bottom: 0 } #section.foundry form.foundry label { float: left; width: 22%; padding-top: 2px } #section.foundry form.foundry .middleColumn { margin-left: 22%} #section.foundry form.foundry fieldset input, #section.foundry form.foundry fieldset textarea { width: 350px} #section.foundry .users fieldset { margin-right: -25px } #section.foundry .users .user { position: relative; width: 312px; margin: 0 20px 20px 0; background: #f4f4f4; padding: 20px } #section.foundry .users .user.even { margin-right: 0 } #section.foundry .users .user a.del { position: absolute; right: 3px; top: 2px; z-index: 1; cursor: pointer; display: block; padding: 2px } #section.foundry .users .user a.del span { display: none; font-weight: bold; width: 10px; height: 10px; line-height: 1; text-align: center } #section.foundry .users .user a.del:hover { background: #ccc } #section.foundry .users .user .img { width: 50px; height: 50px; margin: 0 15px 0 0 } #section.foundry .users .user .img .noimg { display: block; border: 3px dashed #ddd; width: 44px; height: 44px; } #section.foundry .users .user h3 { display: block; padding-right: 20px; margin: 0 0 10px; font-weight: normal; word-wrap: break-word; } #section.foundry .users .user .desc { overflow: hidden; float: none } #section.foundry .users .user .desc span { color: #aaa } #section.foundry .users .user.deleted .img { opacity:0.4; filter:alpha(opacity=40); } #section.foundry .users .user.deleted h3 { color: #aaa } #section.foundry .users .user.deleted .desc span { color: #ccc } #section.foundry .users .user input { width: 220px } #section.foundry .users .clear { float: none } #section.foundry .users a.newfields { cursor: pointer } #section.foundry .fcontent #PartnerReport { margin: -20px 0 0 -20px; width: 760px } #section.foundry .fcontent #PartnerReport #items h3.active { background-color: #eee; } #section.foundry .fcontent #PartnerReport #items { width: 760px } #section.foundry .fcontent #PartnerReport #items li { width: 765px; border-bottom: 1px solid #606060 } #section.foundry .fcontent #PartnerReport small { font-size: 10px; padding: 5px; display: block; float: right; color: #999 } #section.foundry .fcontent #PartnerReport .links { background: #EEEEEE; width: 100% } #section.foundry .fcontent #PartnerReport .links a { padding-left: 35px; float: right } #section.foundry .fcontent #PartnerReport.PaymentDetail .show_firstx li:first-child { border-bottom: 0 !important} #section.foundry #PartnerReport.PaymentDetail .first a.add{ float: left; border-bottom: 1px solid #DDDDDD; width: 718px; background-position: 10px 55%; height: 16px } #section.foundry #PartnerReport.PaymentDetail .action{ border-bottom: 1px solid #DDDDDD; } #section.foundry #PartnerReport.PaymentDetail .action li{ width: auto !important; float: right; border-bottom: 0px !important } #section.foundry #PartnerReport.PaymentDetail .clear { float: none } #section.foundry #PartnerReport.PaymentDetail form h1 { margin: -5px 0 5px ; padding: 0; font-size: 16px } #section.foundry #PartnerReport.PaymentDetail form h2 { font-size: 13px; color: #999999; } #section.foundry #PartnerReport.PaymentDetail form h3 { font-size: 12px; color: #999999; } #section.foundry #PartnerReport.PaymentDetail form p.checkbox { height: 25px; margin-top: 0px } #section.foundry #PartnerReport.PaymentDetail form p.checkbox input { width: auto; float: left; margin-left: 22% } #section.foundry #PartnerReport.PaymentDetail form p.checkbox label { width: auto } #section.foundry #PartnerReport.PaymentDetail form #PaymentDetailForm_PaymentDetailForm_IInfo { margin-bottom: 2px } .customfontssection #static { padding: 20px 100px; width: 555px; margin-left: 0 } #bo td form label select, #cart .option select { font-size: 10px } #bo td form label { display: none; white-space: nowrap } #bo td form label.active { display: inline } #bo td form label.license { display: inline; } .WebfontProjects .webfontcont { padding: 10px 25px; background: #f9f9f9; float: none; border-bottom: 1px solid #ccc; } .WebfontProjects .webfontcont .WebfontStats { margin: -10px -25px 0; float: none; } .WebfontProjects .webfontcont .WebfontStats .ImageStats { padding: 10px 0 10px 160px; border-bottom: 1px solid #eee; background: #fcfcfc; } .WebfontProjects .webfontcont .WebfontStats img { padding: 5px; } .WebfontProjects .webfontcont .WebfontStats * { float: none } .WebfontProjects .webfontcont .WebfontStats table { margin: 20px 0 20px 160px; width: 445px; } .WebfontProjects .webfontcont .WebfontStats table th{ text-align: left; border-bottom: 1px solid #eee } .WebfontProjects .webfontcont .WebfontStats table th, .WebfontProjects .webfontcont .WebfontStats table td { padding: 2px 5px } .WebfontProjects .webfontcont .WebfontCode { float: none } .WebfontProjects .webfontcont .WebfontCode * { float: none } .WebfontProjects .webfontcont .WebfontCode textarea { width: 710px } .WebfontProjects .webfontcont .WebfontCode span { display: block } .WebfontProjects .webfontcont .WebfontCode .Title { margin-bottom: 15px; line-height: 1.6 } .WebfontProjects .webfontcont .WebfontCode .Head { font-size: 14px; margin-bottom: 5px; } .WebfontProjects .webfontcont .WebfontCode .Def { margin-bottom: 10px; margin-top: 15px; border-top: 1px solid #eee; padding-top: 15px } .WebfontProjects .webfontcont .WebfontCode .Definition { margin-bottom: 15px } .WebfontProjects .webfontcont .WebfontCode .Definition div { font-size: 11px } .WebfontProjects .webfontcont .WebfontCode .Domains strong { display: block; margin-top: 15px } .WebfontProjects .action a.remove { background-image:url('../images/acc-icon-cancel.png'); } .WebfontProjects .action a.stats { background-image:url('../images/acc-icon-quote.png'); } .WebfontProjects .action a.code { background-image:url('../images/acc-icon-quote.png'); } .WebfontProjects .action a.edit { background-image:url('../images/acc-icon-licence.png'); } .WebfontProjects .action a.active { background-color: #fff !important; } .WebfontProjects .action a.loading, .WebfontProjects h3.ext.loading { background-image: url('../../../phase1/images/AjaxLoaderBtn.gif') !important; } .WebfontProjects h3.ext.loading { background-position: 5px 10px !important; } #WebfontProjectForm_WebfontProjectForm, #SelfHostingProjectForm_SelfHostingProjectForm { width: auto; float: none; position: relative } #WebfontProjectForm_WebfontProjectForm *, #SelfHostingProjectForm_SelfHostingProjectForm * { float: none } #WebfontProjectForm_WebfontProjectForm h2, #SelfHostingProjectForm_SelfHostingProjectForm h2 { margin-top: 0; color: #444 !important; font-size: 16px !important; } #WebfontProjectForm_WebfontProjectForm h6, #WebfontProjectForm_WebfontProjectForm #Title label, #SelfHostingProjectForm_SelfHostingProjectForm h6, #SelfHostingProjectForm_SelfHostingProjectForm #Title label { font-size: 12px; font-weight: bold; margin: 0 0 5px } #WebfontProjectForm_WebfontProjectForm .field, #SelfHostingProjectForm_SelfHostingProjectForm .field { float: none; margin-bottom: 10px; padding-bottom: 10px } #WebfontProjectForm_WebfontProjectForm select, #SelfHostingProjectForm_SelfHostingProjectForm select { width: 310px } #WebfontProjectForm_WebfontProjectForm .Plus, #SelfHostingProjectForm_SelfHostingProjectForm .Plus { position: absolute; display: block; cursor: pointer } #WebfontProjectForm_WebfontProjectForm .Plus a, #SelfHostingProjectForm_SelfHostingProjectForm .Plus a { font-size:11px; background: url("../images/samplebtns.png") repeat-x scroll 0 -29px #8B8C8F; color:#fff; display: block; padding: 3px 10px 3px 5px } #WebfontProjectForm_WebfontProjectForm .Plus a:hover, #SelfHostingProjectForm_SelfHostingProjectForm .Plus a:hover{ background: #9D9EA0; } #WebfontProjectForm_WebfontProjectForm .field.fieldgroup, #SelfHostingProjectForm_SelfHostingProjectForm .field.fieldgroup { min-height: 35px } #WebfontProjectForm_WebfontProjectForm .fieldgroupField, #SelfHostingProjectForm_SelfHostingProjectForm .fieldgroupField { float: left; margin-right: 25px } #WebfontProjectForm_WebfontProjectForm label, #SelfHostingProjectForm_SelfHostingProjectForm label { margin-bottom: 3px !important } #WebfontProjectForm_WebfontProjectForm #Title input, #SelfHostingProjectForm_SelfHostingProjectForm #Title input { width: 710px } #WebfontProjectForm_WebfontProjectForm .Domain input, #SelfHostingProjectForm_SelfHostingProjectForm .Domain input{ width: 302px } #WebfontProjectForm_WebfontProjectForm #Title, #WebfontProjectForm_WebfontProjectForm #smcpc2scnumerals, #WebfontProjectForm_WebfontProjectForm #smcpc2scnumerals, #SelfHostingProjectForm_SelfHostingProjectForm #Title, #SelfHostingProjectForm_SelfHostingProjectForm #smcpc2scnumerals, #SelfHostingProjectForm_SelfHostingProjectForm #smcpc2scnumerals { border-bottom: 1px solid #F5F5F5 } #WebfontProjectForm_WebfontProjectForm #smcpc2scnumerals .fieldgroupField, #SelfHostingProjectForm_SelfHostingProjectForm #smcpc2scnumerals .fieldgroupField { width: 143px } #WebfontProjectForm_WebfontProjectForm #smcpc2scnumerals input, #SelfHostingProjectForm_SelfHostingProjectForm #smcpc2scnumerals input { float: left } #WebfontProjectForm_WebfontProjectForm #WebfontProjectForm_WebfontProjectForm_h2, #WebfontProjectForm_WebfontProjectForm #WebfontProjectForm_WebfontProjectForm_h3, #SelfHostingProjectForm_SelfHostingProjectForm #WebfontProjectForm_WebfontProjectForm_h2, #SelfHostingProjectForm_SelfHostingProjectForm #WebfontProjectForm_WebfontProjectForm_h3 { border-top: 1px solid #F5F5F5; padding-top: 10px } #WebfontProjectForm_WebfontProjectForm .Actions, #SelfHostingProjectForm_SelfHostingProjectForm .Actions { border-top: 1px solid #F5F5F5; } #WebfontProjectForm_WebfontProjectForm #AddFontFields, #SelfHostingProjectForm_SelfHostingProjectForm #AddFontFields { margin: 17px 0 0 672px } #WebfontProjectForm_WebfontProjectForm #AddLanguageField, #SelfHostingProjectForm_SelfHostingProjectForm #AddLanguageField { margin: 0 0 0 336px } #WebfontProjectForm_WebfontProjectForm #AddDomainField, #SelfHostingProjectForm_SelfHostingProjectForm #AddDomainField { margin: 0 0 0 336px } #WebfontProjectForm_WebfontProjectForm .message, #SelfHostingProjectForm_SelfHostingProjectForm .message { display: block; font-size: 11px; color: #d30000 } #WebfontProjectForm_WebfontProjectForm .Remove, #SelfHostingProjectForm_SelfHostingProjectForm .Remove { margin: 20px 0 0 0 } #WebfontProjectForm_WebfontProjectForm .Remove a, #SelfHostingProjectForm_SelfHostingProjectForm .Remove a { cursor: pointer; background: url('../images/info-close.png') no-repeat; display: block; width: 15px; height: 15px } #WebfontProjectForm_WebfontProjectForm .Domain .Remove, #WebfontProjectForm_WebfontProjectForm .Languages .Remove, #SelfHostingProjectForm_SelfHostingProjectForm .Domain .Remove, #SelfHostingProjectForm_SelfHostingProjectForm .Languages .Remove { margin: 3px 0 0 0 } #WebfontProjectForm_WebfontProjectForm .field.fieldgroup.Languages, #WebfontProjectForm_WebfontProjectForm .field.fieldgroup.Domain, #SelfHostingProjectForm_SelfHostingProjectForm .field.fieldgroup.Languages, #SelfHostingProjectForm_SelfHostingProjectForm .field.fieldgroup.Domain { min-height: 20px; padding-bottom: 0 } #SelfHostingProjectForm_SelfHostingProjectForm #Method { } #SelfHostingProjectForm_SelfHostingProjectForm #Method > label { font-weight: bold } #SelfHostingProjectForm_SelfHostingProjectForm #Method li { float: left; width: auto; margin-right: 15px } #SelfHostingProjectForm_SelfHostingProjectForm #Method li label { width: auto; height: 16px } #SelfHostingProjectForm_SelfHostingProjectForm #Method li input { float: left; margin-left: 0 } #SelfHostingProjectForm_SelfHostingProjectForm #Method ul { display: block; height: 25px } .selfhosting #items h3, .webfont #items h3 { background-image: none } .selfhosting .WebfontProjects #items h3, .webfont .WebfontProjects #items h3 { background-image: url("../images/arrow-0.png") } /* License info popup */ a.licenseinfo { cursor: pointer; } a.licenseinfo img { vertical-align: middle } div.licenseinfo { z-index: 10px; margin: -23px 0 0 70px; background: #000; opacity: 0.8; padding: 10px; font-size: 9px;color: #fff; position: absolute; width: 220px; white-space: normal; display: none } div.licenseinfo em, div.licenseinfo strong { font-weight: normal; color:#0bf; font-style: normal } div.licenseinfo p { margin: 0 0 10px 0 } div.licenseinfo img.arrow { position: absolute; margin: 0 0 0 -15px } /* search results */ #static.searchresults { width: 790px; padding-right: 100px } #static.searchresults ul { border: 0 } #static.searchresults ul li { border: 0; border-bottom: 1px dotted #ddd; float: none; display: block; padding-bottom: 15px } #static.searchresults ul li div.More { text-align: right; float: none; clear: both } .searchresultsection .paginator { padding-right: 20px } /* price calc */ #bo.pricecalc { width: auto } #bo.pricecalc .body { width: 970px } #bo.pricecalc .tabs { margin: 10px 0 0 0 } #bo.pricecalc .tabs a { cursor: pointer; display: block; float: left; padding: 5px 15px 4px; height: 15px; line-height: 1; color: #fff; font-size: 14px; background: #15bbe7; margin: 0 2px 0 0 } #bo.pricecalc .tabs a.active { background: #44DDFF; padding: 7px 15px 4px; margin-top: -2px} #bo.pricecalc .tabs a:hover { padding: 7px 15px 4px; margin-top: -2px } #bo.pricecalc td.quantity label { display: none } #bo.pricecalc td.quantity label.active { display: block } #bo.pricecalc #calculated_price label { display: none } #bo.pricecalc #calculated_price label.active { display: inline } #bo.pricecalc a { cursor: pointer }