/* 	Eric Meyer
	http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }

/* remember to define focus styles! */
:focus { outline:0; }

/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }

/* Globals
------------------------------------------------------*/
body { font:106% Arial, sans-serif; line-height:30px; background: #111111; color:#929292; }

h1, h2, h3, h4, h5, h6 { font-family:"Trade Gothic W02 Bold Cn 20", Helvetica, Arial, sans-serif; font-weight:bold; text-transform:uppercase; color:#F5F5F5; }

h1 { font-size: 1.76em; line-height:1em; margin-bottom:0em; }
h2 { font-size: 1.46em; line-height:1em; margin-bottom:0em; }
h3 { font-size: 1em; line-height:1em; margin-bottom:0em; }
h4 { font-size: 1em; line-height:1em; margin-bottom:0em; }
h5 { font-size: 1em; line-height:1em; margin-bottom:0em; }
h6 { font-size: 1em; line-height:1em; margin-bottom:0em; }

p        { margin-bottom:1em; font-family: Arial, Helvetica, sans-serif; color:#F5F5F5;}

a:focus,
a:hover  { color:#c29523; }
a        { color:#455863; text-decoration:none; }

strong   { font-weight:bold; }
em       { font-style:italic; color:#455863; }

li ul,
li ol    { }
ul, ol   { }

ul       { list-style-type:disc; }
ol       { list-style-type:decimal; }

dl       { margin-bottom:1em; padding:22px 22px 5px; background:#f6f6f6; }
dl dt    { padding-bottom:6px; font-size:1.18em; text-transform:uppercase; color:#657d8a; line-height:30px; }
dd       { }

pre { margin-bottom:1em; font-family:'lucida console', monospace; overflow:auto; }


/* Containers
------------------------------------------------------*/
#site { /*background: url(bg-site.jpg) no-repeat top center;*/ zoom:1.0; height:800px; }
.wrapper { margin:0 auto; width:960px; overflow:hidden; zoom:1.0; }

#content { padding-top:37px; background:#fff; overflow:hidden; }
#content .wrapper { padding-bottom:40px; }

/* Article */
#content #article { width:629px; }
#content #article .entry {}
#content #article .entry h1 { padding:15px 0px 10px; }
#content #article .entry h2 { padding:15px 0px 4px; font-size:1.65em; line-height:30px; }

/* Sidebar */
#content #sidebar { padding-top:15px; width:297px; }
#content #sidebar .section { margin-bottom:20px; }
#content #sidebar .section h4 { padding-bottom:6px; font-size:1.3em; line-height:30px; }


/* Quick-Bar
------------------------------------------------------*/
#quickbar { position:relative; background:url(bg-quickbar.jpg); }
#quickbar .wrapper { position:relative; height:0px;/*68px*/ }

#quickbar ul { position:absolute; bottom:0px; left:303px; /*margin:0 auto;*/ padding-top:25px; padding-bottom:20px; width:353px; list-style-type:none; overflow:hidden; zoom:1.0; }
#quickbar ul li { float:left; padding:2px 24px 0px; border-right:1px solid #fff; }
#quickbar ul li a { display:block; height:18px; overflow:hidden; text-indent:-9999em; }

#quickbar ul li.nav-safeharbor { padding-left:0px; background:url(quickbar-safeharbor-hover.gif) no-repeat 0px 2px; }
#quickbar ul li.nav-safeharbor a { width:108px; background:url(quickbar-safeharbor.gif) no-repeat top left; }
#quickbar ul li.nav-safeharbor a:hover,
#quickbar ul li.nav-safeharbor a:focus { background:url(quickbar-safeharbor.gif); opacity:0; filter:alpha(opacity=0); }

#quickbar ul li.nav-polls { background:url(quickbar-polls-hover.gif) no-repeat 24px 2px; }
#quickbar ul li.nav-polls a { width:48px; background:url(quickbar-polls.gif) no-repeat top left; }
#quickbar ul li.nav-polls a:hover,
#quickbar ul li.nav-polls a:focus { background:url(quickbar-polls.gif); opacity:0; filter:alpha(opacity=0); }

#quickbar ul li.nav-transcribe { padding-right:0px; border-right:none; background:url(quickbar-transcribe-hover.gif) no-repeat 24px 2px; }
#quickbar ul li.nav-transcribe a { width:98px; background:url(quickbar-transcribe.gif) no-repeat top left; }
#quickbar ul li.nav-transcribe a:hover,
#quickbar ul li.nav-transcribe a:focus { background:url(quickbar-transcribe.gif); opacity:0; filter:alpha(opacity=0); }


/* Header
------------------------------------------------------*/
#header { padding-bottom:19px; height:51px; }
#header .wrapper { position:relative; overflow:visible; }

#header p#logo { position:relative; float:left; padding:15px 0px 0px 1px; background:url(header-eeharbor-hover.gif) no-repeat 1px 15px; z-index:2; }
#header p#logo a { display:block; height:23px; width:110px; background:url(header-eeharbor.gif) no-repeat; overflow:hidden; text-indent:-9999em; }
#header p#logo a:hover,
#header p#logo a:focus { display:block; background:url(header-eeharbor.gif) no-repeat; opacity:0; }

#header ul#quick-nav { float:right; padding:17px 72px 0px 0px; list-style-type:none; overflow:hidden; zoom:1.0; }
#header ul#quick-nav li { position:relative; float:left; display:block; height:13px; padding:4px 12px 3px 10px; border-left:1px solid #fafafa; border-right:1px solid #cfcfcf; z-index:2; }
#header ul#quick-nav li a { display:block; height:13px; overflow:hidden; text-indent:-9999em; }
#header ul#quick-nav.logged-out { width:242px; }
#header ul#quick-nav.logged-in { width:251px; }

#header ul#quick-nav li#nav-login { background:url(header-login-hover.gif) no-repeat 0px 4px; }
#header ul#quick-nav li#nav-login a { width:34px; background:url(header-login.gif) no-repeat top left; }
#header ul#quick-nav li#nav-login a:hover,
#header ul#quick-nav li#nav-login a:focus { background:url(header-login.gif); opacity:0; filter:alpha(opacity=0); }

#header ul#quick-nav li#nav-register { background:url(header-register-hover.gif) no-repeat 10px 4px; }
#header ul#quick-nav li#nav-register a { width:56px; background:url(header-register.gif) no-repeat top left; }
#header ul#quick-nav li#nav-register a:hover,
#header ul#quick-nav li#nav-register a:focus { background:url(header-register.gif); opacity:0; filter:alpha(opacity=0); }

#header ul#quick-nav li#nav-retrieveaddon { background:url(header-retrieveaddon-hover.gif) no-repeat 10px 4px; }
#header ul#quick-nav li#nav-retrieveaddon a { width:104px; background:url(header-retrieveaddon.gif) no-repeat top left; }
#header ul#quick-nav li#nav-retrieveaddon a:hover,
#header ul#quick-nav li#nav-retrieveaddon a:focus { background:url(header-retrieveaddon.gif); opacity:0; filter:alpha(opacity=0); }

#header ul#quick-nav li#nav-account { background:url(header-account-hover.gif) no-repeat 0px 4px; }
#header ul#quick-nav li#nav-account a { width:54px; background:url(header-account.gif) no-repeat top left; }
#header ul#quick-nav li#nav-account a:hover,
#header ul#quick-nav li#nav-account a:focus { background:url(header-account.gif); opacity:0; filter:alpha(opacity=0); }

#header ul#quick-nav li#nav-logout { background:url(header-logout-hover.gif) no-repeat 10px 4px; }
#header ul#quick-nav li#nav-logout a { width:45px; background:url(header-logout.gif) no-repeat top left; }
#header ul#quick-nav li#nav-logout a:hover,
#header ul#quick-nav li#nav-logout a:focus { background:url(header-logout.gif); opacity:0; filter:alpha(opacity=0); }

#header ul#quick-nav li#nav-login,
#header ul#quick-nav li#nav-account { padding-left:0px; border-left:none; }
#header ul#quick-nav li#nav-register,
#header ul#quick-nav li#nav-logout {}
#header ul#quick-nav li#nav-retrieveaddon { padding-right:0px; border-right:none; }

#header p#quickbar-toggle { position:absolute; top:0px; left:420px; margin:0; width:120px; }
#header p#quickbar-toggle a { display:block; height:60px; width:120px; background:url(quickbar-toggle.gif) no-repeat top left; overflow:hidden; text-indent:-9999em; }
#header p#quickbar-toggle a.active { background:url(quickbar-toggle-active.gif) no-repeat top left; }

#header p#logo-packettide { position:absolute; top:0px; right:0px; margin:0; width:43px; background:url(packettide-ribbon.gif) no-repeat bottom center; z-index:2; }
#header p#logo-packettide a { display:block; height:58px; width:43px; background:url(packettide-logo-hover.gif) no-repeat 8px 13px; }
#header p#logo-packettide a span { display:block; height:58px; width:43px; background:url(packettide-logo.gif) no-repeat 8px 13px; overflow:hidden; text-indent:-9999em; }
#header p#logo-packettide a:hover,
#header p#logo-packettide a:focus { height:68px; }
#header p#logo-packettide a:hover span,
#header p#logo-packettide a:focus span { background:url(packettide-logo.gif) no-repeat 8px 13px; opacity:0; filter:alpha(opacity=0); }


/* Masthead
------------------------------------------------------*/
#masthead {}

#masthead #slideshow {}

#masthead #slideshow ul#slides { position:relative; height:350px; }
#masthead #slideshow ul#slides { list-style-type:none; }
#masthead #slideshow ul#slides li { position:absolute; top:0px; left:0px; display:none; height:350px; width:960px; }
#masthead #slideshow ul#slides li img { display:block; margin:0px; padding:0px; }
#masthead #slideshow ul#slides li.active { display:block; }

	/* Product Slides */
	ul#slides li div.product-details { position:absolute; top:120px; left:418px; height:180px; width:542px; overflow:hidden; }
	ul#slides li div.product-details div.details-heading { position:absolute; top:0px; left:0px; height:75px; width:542px; }
	ul#slides li div.product-details div.details-subheading { position:absolute; top:85px; left:0px; height:50px; width:542px; }
	ul#slides li div.product-details div.details-viewproduct { position:absolute; top:160px; left:105px; height:20px; width:134px; z-index:2; }

	ul#slides li div.product-details div.details-viewproduct { background:url(slideshow-details-viewproduct-hover.gif) no-repeat; }
	ul#slides li div.product-details div.details-viewproduct a { display:block; height:20px; width:134px; background:url(slideshow-details-viewproduct.gif) no-repeat; overflow:hidden; text-indent:-9999em; }
	ul#slides li div.product-details div.details-viewproduct a:hover,
	ul#slides li div.product-details div.details-viewproduct a:focus { background:url(slideshow-details-viewproduct.gif) no-repeat; opacity:0; filter:alpha(opacity=0); }

	ul#slides li div.product-details div.details-viewproduct.active { background:url(slideshow-details-viewproduct-active-hover.gif) no-repeat; }
	ul#slides li div.product-details div.details-viewproduct.active a { background:url(slideshow-details-viewproduct-active.gif) no-repeat; }
	ul#slides li div.product-details div.details-viewproduct.active a:hover,
	ul#slides li div.product-details div.details-viewproduct.active a:focus { background:url(slideshow-details-viewproduct-active.gif) no-repeat; opacity:0; filter:alpha(opacity=0); }

	ul#slides li div.product-image { position:absolute; top:33px; left:2px; height:294px; width:533px; overflow:hidden; }
	ul#slides li div.product-image div.image-screenshot { position:absolute; top:0px; left:0px; }
	ul#slides li div.product-image div.image-screenshot a { display:block; }
	ul#slides li div.product-image div.image-icon { position:absolute; top:87px; left:38px; }
	ul#slides li div.product-image div.image-shadow { position:absolute; bottom:0px; left:0px; height:30px; width:533px; }

#masthead #slideshow ul#slides-nav { display:block; margin:0 auto; height:10px; width:58px; list-style-type:none; }
#masthead #slideshow ul#slides-nav li { float:left; padding:0px 2px; height:10px; width:10px; }
#masthead #slideshow ul#slides-nav li a { display:block; height:10px; width:10px; background:url(slideshow-nav-inactive.gif) no-repeat top left; overflow:hidden; text-indent:-9999em; }
#masthead #slideshow ul#slides-nav li.active a { background:url(slideshow-nav-active.gif) no-repeat top left; }

#masthead #documentation-nav {}

#masthead #documentation-nav .heading { height:300px; }
#masthead #documentation-nav .heading img { display:block; }

#masthead #documentation-nav ul { position:relative; top:0px; left:0px; margin:0 auto; padding-bottom:33px; width:368px; list-style-type:none; overflow:hidden; zoom:1.0; }
#masthead #documentation-nav ul li { float:left; padding:0px 25px; border-right:1px solid #657d8a; }
#masthead #documentation-nav ul li a { display:block; height:23px; overflow:hidden; text-indent:-9999em; }

	#masthead #documentation-nav ul li#link-documentation { padding-left:0px; background:url(link-documentation-hover.gif) no-repeat 0px 0px; }
	#masthead #documentation-nav ul li#link-documentation a { width:131px; background:url(link-documentation.gif) no-repeat top left; }
	#masthead #documentation-nav ul li#link-documentation a:hover,
	#masthead #documentation-nav ul li#link-documentation a:focus { background:url(link-documentation.gif); opacity:0; filter:alpha(opacity=0); }
	#masthead #documentation-nav ul li#link-documentation.active a { background:url(link-documentation-hover.gif) no-repeat top left; }

	#masthead #documentation-nav ul li#link-faq { background:url(link-faqs-hover.gif) no-repeat 25px 0px; }
	#masthead #documentation-nav ul li#link-faq a { width:43px; background:url(link-faqs.gif) no-repeat top left; }
	#masthead #documentation-nav ul li#link-faq a:hover,
	#masthead #documentation-nav ul li#link-faq a:focus { background:url(link-faqs.gif); opacity:0; filter:alpha(opacity=0); }
	#masthead #documentation-nav ul li#link-faq.active a { background:url(link-faqs-hover.gif) no-repeat top left; }

	#masthead #documentation-nav ul li#link-changelog { padding-right:0px; border-right:none; background:url(link-changelog-hover.gif) no-repeat 25px 0px; }
	#masthead #documentation-nav ul li#link-changelog a { width:92px; background:url(link-changelog.gif) no-repeat top left; }
	#masthead #documentation-nav ul li#link-changelog a:hover,
	#masthead #documentation-nav ul li#link-changelog a:focus { background:url(link-changelog.gif); opacity:0; filter:alpha(opacity=0); }
	#masthead #documentation-nav ul li#link-changelog.active a { background:url(link-changelog-hover.gif) no-repeat top left; }

	#masthead #documentation-nav ul li#link-active { position:absolute; bottom:0px; left:0px; padding:0px; height:11px; width:22px; background:url(documentation-link-active.gif) no-repeat top left; border:none; }
	#masthead #documentation-nav ul li#link-active.active-0 { left:54px; }
	#masthead #documentation-nav ul li#link-active.active-1 { left:192px; }
	#masthead #documentation-nav ul li#link-active.active-2 { left:311px; }


/* Products
------------------------------------------------------*/
#products { padding:14px 0px 28px; }

#products ul { width:960px; list-style-type:none; background:url(bg-products.gif) no-repeat top center; overflow:hidden; zoom:1.0; }
#products ul li { float:left; padding-right:36px; width:296px; background:url(bg-product.jpg) no-repeat top left; }
#products ul li p { margin:0; }

#products ul li p.product-name { padding-top:15px; }
#products ul li p.product-name a { display:block; }
#products ul li p.product-name a img { display:block; }
#products ul li p.product-desc { padding:21px 21px 9px; font-size:1.05em; text-align:center; line-height:23px; color:#fff; }
#products ul li div.product-pricing { padding:22px 0px 28px; font-size:0.88em; font-style:italic; text-align:center; line-height:23px; color:#455863; }
#products ul li div.product-pricing p.price { padding:7px 0px 13px 0px; font-size:2em; text-transform:lowercase; color:#fff; }
#products ul li div.product-pricing p.price span { font-size:1.33em; font-style:normal; }

#products ul li div.product-pricing p.buy { background:url(products-button-buy-hover.gif) no-repeat 112px 0px; }
#products ul li div.product-pricing p.buy a { display:block; margin:0 auto; height:25px; width:71px; background:url(products-button-buy.gif) no-repeat top left; overflow:hidden; text-indent:-9999em; }
#products ul li div.product-pricing p.buy a:hover,
#products ul li div.product-pricing p.buy a:focus { background:url(products-button-buy.gif); opacity:0; filter:alpha(opacity=0); }

#products ul li p.details { padding-bottom:45px; background:url(products-button-details-hover.jpg) no-repeat 60px 0px; }
#products ul li p.details a { display:block; margin:0 auto; height:38px; width:176px; background:url(products-button-details.jpg) no-repeat top left; overflow:hidden; text-indent:-9999em; }
#products ul li p.details a:hover,
#products ul li p.details a:focus { background:url(products-button-details.jpg); opacity:0; filter:alpha(opacity=0); }

#products ul li div.product-meta { padding:10px 0px 0px 0px; font-size:0.88em; font-style:italic; text-align:center; line-height:18px; color:#455863; }
#products ul li div.product-meta p { margin:0; }
#products ul li div.product-meta p.version {}
#products ul li div.product-meta p.documentation {}
#products ul li div.product-meta p.documentation a { display:block; background:url(product-arrow-hover.gif) no-repeat bottom center; }
#products ul li div.product-meta p.documentation a span { display:block; height:32px; background:url(product-arrow.gif) no-repeat bottom center; }
#products ul li div.product-meta p.documentation a:hover span,
#products ul li div.product-meta p.documentation a:focus span { opacity:0; filter:alpha(opacity=0); }

#products ul li.safeharbor {}
#products ul li.polls {}
#products ul li.transcribe { padding-right:0px; }


/* Footer
------------------------------------------------------*/
#footer { padding-bottom:100px; }
#footer .wrapper { padding-top:15px; background:url(bg-footer.jpg) no-repeat 176px 15px; border-top:1px solid #ebebeb; overflow:visible; }

#about { float:left; height:122px; width:618px; padding-top:27px; overflow:hidden; }
#about h4 { position:relative; top:-27px; height:149px; width:220px; float:left; padding-right:18px; }
#about h4 img { display:block; }
#about p { float:left; margin-bottom:10px; width:380px; font-size:0.88em; line-height:23px; }

#contact { float:right; width:296px; padding-top:30px; }
#contact form { overflow:hidden; zoom:1.0; }
#contact h4 { padding:0 0 0 8px; }
#contact h4 img { display:block; }
#contact input,
#contact button { display:block; margin:0; padding:0; border:0; background:none; }
#contact p { float:left; padding-left:8px; font-size:0.88em; font-style:italic; color:#455863; }
#contact .textfield { padding:8px 0px 0px 8px; height:48px; width:271px; background:url(form-newsletter-textfield.gif) 0 0 no-repeat; }
#contact .textfield input { padding:11px 10px 12px; width:243px; font:15px Times, Georgia, serif; color:#929292; }
#contact .buttons { float:right; padding-right:25px; }
#contact .buttons input { height:28px; width:72px; background:url(form-newsletter-button.gif) 0 0 no-repeat; overflow:hidden; text-indent:-9999em; line-height:0; cursor:pointer; }

#copyright { clear:both; padding-top:12px; zoom:1.0; }
#copyright p { margin:0; padding-top:5px; font-size:0.82em; letter-spacing:2px; text-transform:uppercase; line-height:18px; color:#fff;}

#copyright .social { float:left; padding-left:238px; list-style-type:none; }
#copyright .social li { position:relative; float:left; padding-right:7px; }
#copyright .social li a { display:block; height:30px; width:30px; overflow:hidden; text-indent:-9999em; }

#copyright .social .link-twitter { background:url(icon-twitter-hover.gif) no-repeat; }
#copyright .social .link-twitter a { background:url(icon-twitter.gif) no-repeat; }
#copyright .social .link-twitter a:hover,
#copyright .social .link-twitter a:focus { background:url(icon-twitter.gif) no-repeat; opacity:0; filter:alpha(opacity=0); }

#copyright .social .link-packettide { background:url(icon-packettide-hover.gif) no-repeat; }
#copyright .social .link-packettide a { background:url(icon-packettide.gif) no-repeat; }
#copyright .social .link-packettide a:hover,
#copyright .social .link-packettide a:focus { background:url(icon-packettide.gif) no-repeat; opacity:0; filter:alpha(opacity=0); }

#copyright .social .link-email { background:url(icon-email-hover.gif) no-repeat; }
#copyright .social .link-email a { background:url(icon-email.gif) no-repeat; }
#copyright .social .link-email a:hover,
#copyright .social .link-email a:focus { background:url(icon-email.gif) no-repeat; opacity:0; filter:alpha(opacity=0); }

#copyright .tooltip { position:absolute; top:40px; left:-12px; }
#copyright .tooltip .helper { padding-left:15px; background:url('tooltip.png') bottom left no-repeat; }
#copyright .tooltip .arrow { position:absolute; top:-6px; left:0px; height:11px; width:40px; background:url('tooltip-arrow.png') top left no-repeat; }
#copyright .tooltip .text { padding:14px 15px 15px 0; font-size:0.88em; color:#455863; font-style:italic; line-height:14px; text-transform:none; background:url('tooltip.png') top right no-repeat; }

#copyright p.brand-packettide { float:left; padding:6px 0 0 8px; line-height:20px; }
#copyright p.brand-packettide a { color:#fff; }
#copyright p.brand-packettide a:hover,
#copyright p.brand-packettide a:focus { color:#455863; }

#copyright p.brand-expressionengine { float:right; padding-right:12px; }
#copyright p.brand-expressionengine a { color:#fff; }
#copyright p.brand-expressionengine a span { font-size:1.36em; font-style:italic; text-transform:none; }
#copyright p.brand-expressionengine a:hover,
#copyright p.brand-expressionengine a:focus { color:#455863; }


/* Documentation Pages
------------------------------------------------------*/
#content.documentation { display:block; }
#content.documentation #sidebar { float:left; }
#content.documentation #article { float:right; }
#content.documentation #article .entry { margin-bottom:9px; padding-bottom:14px; border-bottom:1px dotted #b9b9b9; }
#content.documentation #article .entry.last { border-bottom:none; }

#content.documentation #article .entry ul,
#content.documentation #article .entry ol { margin:0 0 1em 1em; padding:0 0 0 1em; }
#content.documentation #article .entry li { /*margin:0 0 1em 0;*/ }

/* Sidebar */
#content.documentation #sidebar .nav { padding:22px 18px; background:#f6f6f6; }
#content.documentation #sidebar .nav h4 { padding-bottom:6px; font-size:1.3em; line-height:30px; }
#content.documentation #sidebar .nav ul { list-style-type:none; }
#content.documentation #sidebar .nav ul li { font-size:0.88em; line-height:28px; }
#content.documentation #sidebar .nav ul li a { color:#929292; font-style:italic; }
#content.documentation #sidebar .nav ul li a:hover,
#content.documentation #sidebar .nav ul li a:focus { color:#455863; }

	/* Change Log */
	#sidebar .nav ul li a span.version { color:#657d8a; }
	#sidebar .nav ul li a span.date {}
	#sidebar .nav ul li a:hover span.version,
	#sidebar .nav ul li a:focus span.version { color:#455863; }

#sidebar p.details { background:url(documentation-button-details-hover.jpg) no-repeat 0px 0px; }
#sidebar p.details a { display:block; height:38px; width:176px; background:url(documentation-button-details.jpg) no-repeat top left; overflow:hidden; text-indent:-9999em; }
#sidebar p.details a:hover,
#sidebar p.details a:focus { background:url(documentation-button-details.jpg); opacity:0; filter:alpha(opacity=0); }


/* Product Pages
------------------------------------------------------*/
#content.product { display:block; }
#content.product #sidebar { float:right; }
#content.product #article { float:left; }

#content.product #article .examples {}
#content.product #article .examples ul {}
#content.product #article .examples ul li { padding-bottom:10px; height:20px; }
#content.product #article .examples ul li a { padding-right:30px; font-style:italic; color:#657d8a; background:url(product-examples-arrow.gif) no-repeat top right; }
#content.product #article .examples ul li a strong { font-style:normal; color:#455863; text-transform:uppercase; }

#content.product #article .meta { padding-top:20px; overflow:hidden; zoom:1.0; }
#content.product #article .meta ul { float:left; height:96px; width:319px; background:url(product-meta-background.jpg) no-repeat; list-style-type:none; }
#content.product #article .meta ul li { float:left; padding-top:20px; width:159px; text-align:center; }
#content.product #article .meta ul li span.key { display:block; font-size:0.88em; font-style:italic; color:#657d8a; line-height:22px; }
#content.product #article .meta ul li span.value { display:block; font-size:1.59em; color:#455863; }
#content.product #article .meta p { position:relative; top:22px; float:left; margin:0px; padding:7px 0px 7px 8px; width:197px; border-top:1px dotted #b9b9b9; border-bottom:1px dotted #b9b9b9; background:url(product-button-viewdocumentation-hover.jpg) no-repeat 8px 7px; }
#content.product #article .meta p a { display:block; height:37px; width:197px; background:url(product-button-viewdocumentation.jpg) no-repeat; overflow:hidden; text-indent:-9999em; }
#content.product #article .meta p a:hover,
#content.product #article .meta p a:focus { background:url(product-button-viewdocumentation.jpg) no-repeat; opacity:0; }

#content.product #sidebar .section { padding:22px 18px; background:#f6f6f6; }
#content.product #sidebar .section ul { padding-left:15px; }
#content.product #sidebar .section ul li { font-size:0.88em; line-height:28px; }

	#content.product #sidebar .section.features { margin-bottom:0px; padding-bottom:0px; }
	#content.product #sidebar .section.features ul li { font-style:italic; }

	#content.product #sidebar .section.purchase { padding-top:9px; }

	#content.product #sidebar ul.plans { margin:0px; padding:0px; list-style-type:none; }
	#content.product #sidebar ul.plans li { margin-bottom:15px; border-top:1px dotted #d6d6d6; background:url(product-button-price-background.jpg) no-repeat bottom left; }
	#content.product #sidebar ul.plans li p { margin:0px; padding:8px 0px; font-style:italic; color:#455863; line-height:24px; }
	#content.product #sidebar ul.plans li p em { position:relative; top:2px; font-size:1.47em; font-style:normal; color:#657d8a; text-transform:uppercase; }
	#content.product #sidebar ul.plans li a.button.purchase { position:relative; display:block; height:46px; width:266px; text-transform:uppercase; background:url(product-button-purchase-hover.jpg) no-repeat bottom right; overflow:hidden; zoom:1.0; }
	#content.product #sidebar ul.plans li a.button.purchase span.price { display:block; float:left; padding:9px 0px 0px 9px; width:121px; background:url(product-button-price-currency.jpg) no-repeat 8px 8px; }
	#content.product #sidebar ul.plans li a.button.purchase span.price span.amount { padding-left:9px; font-size:2.06em; color:#455863; }
	#content.product #sidebar ul.plans li a.button.purchase span.price span.interval { position:relative; top:-3px; font-size:1.45em; color:#657d8a; }
	#content.product #sidebar ul.plans li a.button.purchase span.purchase { display:block; float:right; height:46px; width:136px; background:url(product-button-purchase.jpg) no-repeat; overflow:hidden; text-indent:-9999em; }
	#content.product #sidebar ul.plans li a.button.purchase:hover span.purchase,
	#content.product #sidebar ul.plans li a.button.purchase:focus span.purchase { opacity:0; }
	#content.product #sidebar ul.plans li.first { border-top:none }
	#content.product #sidebar ul.plans li.last { margin-bottom:0; }
	#content.product #sidebar p.info { margin-bottom:0; padding-top:8px; font-size:0.88em; font-style:italic; line-height:24px; }

	#content.product #sidebar .section.module {}
	#content.product #sidebar .section.module h4 {}
	#content.product #sidebar .section.module p { margin-bottom:0; font-size:0.88em; font-style:italic; line-height:24px; }

	/* Polls Product */
	#content.polls.product #sidebar .section.purchase { padding-top:19px; }
	#content.polls.product #sidebar .section.purchase ul li { margin:0px; border-top:none; }

	/* Transcribe Product */
	#content.transcribe.product #sidebar .section.purchase { padding-top:19px; }
	#content.transcribe.product #sidebar .section.purchase ul li { margin:0px; border-top:none; }


#content.product #sidebar .section.features {
	-webkit-border-bottom-left-radius:  0px;
	-moz-border-bottom-left-radius:     0px;
	-o-border-bottom-left-radius:       0px;
	border-bottom-left-radius:          0px;

	-webkit-border-bottom-right-radius:  0px;
	-moz-border-bottom-right-radius:     0px;
	-o-border-bottom-right-radius:       0px;
	border-bottom-right-radius:          0px;
}

#content.product #sidebar .section.purchase {
	-webkit-border-top-left-radius:  0px;
	-moz-border-top-left-radius:     0px;
	-o-border-top-left-radius:       0px;
	border-top-left-radius:          0px;

	-webkit-border-top-right-radius:  0px;
	-moz-border-top-right-radius:     0px;
	-o-border-top-right-radius:       0px;
	border-top-right-radius:          0px;
}


/* Account Form Pages
------------------------------------------------------*/
.member-form { margin:0 auto; width:335px; }
.member-form h1 {}
.member-form h1 img { display:block; margin:0; padding:0; }
.member-form form { padding:24px 0px 350px; background:url(form-background.png) top left no-repeat; }
.member-form form .helper { padding:0 24px 24px; background:url(form-background.png) bottom right no-repeat; }
.member-form form div.textfield { position:relative; margin-bottom:5px; padding:7px; height:40px; width:272px; background:url(form-input-background.png) no-repeat top left; }
.member-form form div.textfield label { position:absolute; top:7px; left:7px; display:block; padding:0px; margin:0px; height:40px; width:272px; font-family:Times, serif; font-size:15px; line-height:40px; color:#667d8b; text-align:center; text-transform:uppercase; background:none; border:none; }
.member-form form div.textfield input { display:block; padding:0px; margin:0px; height:40px; width:272px; font-family:Times, serif; font-size:15px; color:#667d8b; text-align:center; text-transform:uppercase; background:none; border:none; }
.member-form form div.buttons { padding:5px 0; overflow:hidden; zoom:1.0; }
.member-form form div.buttons input,
.member-form form div.buttons button { display:block; margin:0px; padding:0px; height:28px; width:82px; background:url(form-submit-button.gif) no-repeat; border:none; overflow:hidden; text-indent:-9999em; line-height:0px; cursor:pointer; }
.member-form form p { font-size:0.88em; font-style:italic; color:#455863; text-align:center; }
.member-form form p a:hover,
.member-form form p a:focus { color:#c29523; }
.member-form form p a { color:#455863; }
	/* Login */
	#account-login form div.buttons { padding-left:103px; }
	#account-login form div.buttons input { width:78px; background:url(form-login-button.gif) no-repeat; }
	/* Register */
	#account-register form div.buttons { padding-left:101px; }
	#account-register form div.buttons input { width:82px; background:url(form-register-button.gif) no-repeat; }
	/* Download */
	#account-download form div.buttons { padding-left:93px; }
	#account-download form div.buttons input { width:98px; background:url(form-download-button.gif) no-repeat; }
	/* Forgot Password */
	#account-forgot form div.buttons { padding-left:101px; }
	/* Redeem Voucher */
	#account-voucher form div.buttons { padding-left:103px; }
	#account-voucher form div.buttons button { width:78px; background:url(form-redeem-button.png) no-repeat; }
	#account-voucher form div.buttons.purchase button { background:url(form-purchase-button.png) no-repeat !important; }


/* User Messages Page
------------------------------------------------------*/
#user-messages { margin:0 auto; width:335px; }
#user-messages h1 {}
#user-messages h1 img { display:block; margin:0; padding:0; }
#user-messages #message { padding:24px 0px 350px; background:url(form-background.png) top left no-repeat; }
#user-messages #message .helper { padding:0 24px 24px; background:url(form-background.png) bottom right no-repeat; }
#user-messages #message h2 { padding-bottom:10px; font-size:1.18em; text-transform:uppercase; color:#657d8a; line-height:30px; }
#user-messages #message ul { margin:0; padding:0 0 5px; line-height:1.25em; list-style-type:none; }
#user-messages #message ul li { padding-bottom:5px; }
#user-messages #message p { margin:0; }
#user-messages #message p.link { font-size:0.88em; font-style:italic; color:#455863; text-align:center; }
#user-messages #message p.link a:focus,
#user-messages #message p.link a:hover { color:#c29523; }
#user-messages #message p.link a { color:#455863; }


/* Safe Harbor License
------------------------------------------------------*/
#license .container { padding:0 20px; height:100%; background:#fff; }
#license .container .helper { margin:0 auto; width:500px; }
#license .container h1 { padding:20px 0px; }
#license .container p { margin-bottom:0; padding-bottom:1em; }
#license .container textarea { margin:0 0 20px; padding:0; width:500px; }


/* CSS3 Effects
------------------------------------------------------*/
a,
#sidebar .nav ul li a span.version,
#copyright p.brand-packettide a,
#copyright p.brand-expressionengine a {
	-webkit-transition:  color .2s ease-in-out;
	-moz-transition:     color .2s ease-in-out;
	-o-transition:       color .2s ease-in-out;
	transition:          color .2s ease-in-out;
}

#header p#logo-packettide a {
	-webkit-transition:  height .2s ease-in-out;
	-moz-transition:     height .2s ease-in-out;
	-o-transition:       height .2s ease-in-out;
	transition:          height .2s ease-in-out;
}

#quickbar ul li.nav-safeharbor a,
#quickbar ul li.nav-polls a,
#quickbar ul li.nav-transcribe a,
#header p#logo a,
#header p#logo-packettide a span,
#header ul#quick-nav li#nav-login a,
#header ul#quick-nav li#nav-register a,
#header ul#quick-nav li#nav-logout a,
#header ul#quick-nav li#nav-account a,
#header ul#quick-nav li#nav-retrieveaddon a,
ul#slides li div.product-details div.details-viewproduct a,
ul#slides li div.product-details div.details-viewproduct.active a,
#masthead #documentation-nav ul li#link-documentation a,
#masthead #documentation-nav ul li#link-faq a,
#masthead #documentation-nav ul li#link-changelog a,
#products ul li div.product-meta p.documentation a span,
#products ul li div.product-pricing p.buy a,
#products ul li p.details a,
#sidebar p.details a,
#content.product #article .meta p a,
#content.product #sidebar .section.purchase ul li a.button.purchase span.purchase,
#copyright .social .link-twitter a,
#copyright .social .link-packettide a,
#copyright .social .link-email a {
	-webkit-transition:  opacity .2s ease-in-out;
	-moz-transition:     opacity .2s ease-in-out;
	-o-transition:       opacity .2s ease-in-out;
	transition:          opacity .2s ease-in-out;
}

dl,
#content #sidebar .section {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}