body { background: #fff url(/images/site/headerbg.gif) 0 0 repeat-x; font-family: "Lucida Grande", lucida, Verdana, sans-serif;}

.wrapper { width: 965px; margin: 0 auto; position: relative;}
#header { height: 220px; margin: 0 auto; border-bottom: 1px solid #fff;}
.pattern { height: 220px; position: relative; left: -220px; background: url(/images/site/header.png) top left no-repeat; }
#pagebody { background-color: #f7f7fe; padding: 60px 0 40px 0; border-bottom: 1px solid #ccd; }
#footer { padding: 40px 0;}

h1 { position: absolute; top: 30px; left: 0; display: block; width: 141px; overflow: hidden;}
h1 a { margin-left: -141px; }

#mainnav { position: absolute; bottom: -1px; left: 20px; z-index: 5;}
#mainnav li { float: left; }
#mainnav li a { color: #405; background-color: #738; float: left; padding: 8px 15px; margin-right: 3px; font-size: 0.875em; font-weight: bold;}
#mainnav li a:hover { background-color: #a6b; }
.home li#home a, .home li#home a:hover,
.modules li#modules a, .modules li#modules a:hover,
.about li#about a, .about li#about a:hover, .pro-dev li#pro-dev a, .pro-dev li#pro-dev a:hover, .resources li#resources a, .resources li#resources a:hover
{ background-color: #f7f7fe; border: 1px solid #fff; border-bottom: 0; padding: 8px 14px;}
.disclaimers #mainnav { bottom: 0;}

.overview, .content, .sidebar, #files, #reference, #images { float: left; width: 205px; display: inline;}
.overview, #files, #disclaimers { margin-left: 20px;}
.content, #reference { width: 450px; margin-left: 40px;}
.single .content { margin-left: 265px;}
.sidebar, #images { margin-left: 40px;}
#images { width: 210px;}

.content img { float: left; margin: 0 5px 0 -9px;}
.content object, .content .video { margin-bottom: 20px;}
.home .content img { margin-bottom: 5px;}
.home .content img#feature { margin: 7px 0 20px 0;}
.content div { margin-bottom: 40px;}
.content ol, .content ul { margin-bottom: 20px;}
.content ol { list-style: decimal; margin-left: 20px;}
.content ul { list-style: square; margin-left: 15px;}
.content ul li, .overview ul li, .content ol li { color: #4ac; font-size: 0.75em; font-weight: bold;}
.content ul li p, .content ol li p, .overview ul li { margin: 0; font-size: 1em; font-weight: normal;}
.content ol ul { margin-bottom: 0;}
.content ol ul li { color: #627;}
.content ol ul li p { font-size: 1.333em;}

.content ul.logos { margin: 0;}
.content ul.logos li { float: left; list-style: none; margin: 0; padding: 0;}
.content ul.logos li img { float: none; margin: 0;}

.content div.screen { background-color: #fff; width: 195px; float: left; margin: 7px 10px 0 0; border: 1px solid #ccd; padding: 4px;}
.content .screen img { float: none; margin: 0;}
.screen p { font-size: 0.6875em; margin: 0;}

.overview ul { width: 205px; margin-bottom: 20px;}
.overview ul li { float: left; padding: 2px 0;}
.overview ul li a { color: #767; float: left; padding: 2px 0; width: 205px; font-size: 0.75em;}
.overview ul li a:hover { color: #4ac;}

dl { font-size: 0.75em; }
dt, dt a { color: #535;}
dd a { color: #4ac;}

.sidebar dl { border-top: 1px solid #ccd;}
.sidebar dt, .sidebar dd a { display: block; height: 2.5em; line-height: 2.5em; border-bottom: 1px solid #ccd;}
.sidebar dt { background: url(/images/site/mnbg.gif) repeat-x; padding-left: .4em;}
.sidebar dd a { padding-left: .8em; font-weight: bold; background: url(/images/site/mnbg.gif) repeat-x;}
.sidebar dd a:hover { background: url(/images/site/mnbg_active.gif) repeat-x; }

.dates strong { display: block;}

.files li { float: left; width: 205px; height: 4.583em; padding: 4px 0; margin: 0 0 10px 0; background-position: 0 4px; background-repeat: no-repeat; line-height: 0; overflow: hidden;}
.content .files { margin: 10px 0 0 0;}
#footer .files { margin: 0 0 20px 0;}
.content .files li, .sidebar .files li, .overview .files li { background-position: 0 -63px; list-style: none;}
.overview .files li { }
.overview .files li a { width: 145px; font-size: 1em; float: none;}
.files li.double { width: 450px;}
.files li.left { margin-right: 40px;}
.files li.hover { background-color: #f7f7fe; background-position: 0 -63px; cursor: pointer;}
.clear-left { clear: left;}

.files li.powerpoint { background-image: url(/images/site/icn_pp.gif); }
.files li.zip { background-image: url(/images/site/icn_zip.gif); }
.files li.word { background-image: url(/images/site/icn_doc.gif); }
.files li.pdf { background-image: url(/images/site/icn_pdf.gif); }
.files li.mov { background-image: url(/images/site/icn_mov.gif); }
.files li.wmv { background-image: url(/images/site/icn_wmv.gif); }
.files li.swf { background-image: url(/images/site/icn_swf.gif); }
.files li.xls { background-image: url(/images/site/icn_xls.gif); }
.files p { color: #777; padding-left: 60px; line-height: 0; line-height: 1.25em; margin-top: 5px;}
.files p a { color: #555; font-weight: bold; display: block; border: 0;}
.content .files p a { border: 0;}
.files li.hover a, .files li a:hover { color: #4ac;}
.content .files li.hover a, .sidebar .files li.hover a { color: #627;}

.overview img { margin: 10px 0 20px 0;}

table { clear: left; margin: 20px 0 30px 20px;}
th { color: #627; background: #cec4dd; font-size: 0.875em;}
tr { background: #ded8ee;}
tr.odd { background: #e8e8ee;}
th, td { padding: 8px 5px;}
th.cost { width: 50px;}
td { border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
td strong { display: block;}

table p { margin: 0; font-size: 0.71875em; line-height: 1.5em;}

#fancybox-title { display: none !important;}

.flash-update { color: #738; margin-bottom: 10px;}

#disclaimers li { float: left;}
#disclaimers li a { color: #646; float: left; margin-right: 10px; font-size: 0.75em;}
#disclaimers li a:hover { color: #627; border-bottom: 1px solid #627;}

#reference li strong { display: block;}
#reference a { color: #4ac;}

#images h4 { width: 205px;}
#images li { float: left; margin: 0 5px 5px 0;}

#mainnav, .sidebar, .content h3, .content h4, .overview h4 { font-family: "Lucida Grande", Lucida, Tahoma, sans-serif; }
h2, h3 { font-family: Helvetica, Arial, sans-serif; font-size: 1em;}

h2, h2 a, h3, h4 { color: #627; font-weight: bold; margin-bottom: 15px; clear: left;}
.overview h3, .sidebar h3 { color: #4ac;}
.content h3 { font-size: 0.875em; line-height: 1.57em; margin: 40px 0 18px 0; padding-bottom: 2px; border-bottom: 1px solid #ccd;}
.content h4 { font-size: 0.75em; line-height: 1.833em; margin: 0;}
#footer h4, .overview h4 { font-size: 0.75em; margin-bottom: 20px; padding-bottom: 2px; border-bottom: 1px solid #ccd;}
.overview h4 { margin-bottom: 10px;}
#footer #files h4 { margin-bottom: 16px;}

p { color: #434; font-size: 0.75em; line-height: 1.833em; margin-bottom: 20px;}
strong { font-weight: bold;}
sup { vertical-align: super; font-size: 0.75em;}

.about .overview blockquote p, blockquote p { color: #627; font-style: italic; font-size: 0.875em; line-height: 1.572em; margin-bottom: 0;}
.about .overview p, .caption { color: #6ac;}

.home p, .disclaimers p, .modules .overview p { font-size: 0.8125em; line-height: 1.69em;}
.modules-overview p, p.leadin { color: #545; font-size: 0.9375em; line-height: 1.466em;}
p.list { margin: 0;}
p.more { margin-top: -10px;}
.modules-overview p.more { font-size: 0.8em;}
p.more a {color: #4ac; padding-right: 10px; background: url(/images/site/arrow_4ac.gif) center right no-repeat;}

p.more a:hover, #reference a:hover { border-bottom: 1px solid #4ac;}
p a, .content p a { color: #4ac; border-bottom: 1px solid #4ac;}
p a:hover, .content p a:hover { color: #627; border-color: #627;}
a { text-decoration: none;}


h1 img, .pattern { behavior: url(/stylesheets/iepngfix.htc); }

.clearfix:after, .wrapper:after, .overview ul:after, .files:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .wrapper, .overview ul, .files { display: inline-block;}

/* Hides from IE-mac \*/
.clearfix, .wrapper, .overview ul, .files {display: block;}
/* End hide from IE-mac */