/** GENERAL **/
body { color:#7f7f7f; background:url(../images/bg/gears.png) right top no-repeat;}
a { color:#ff4e00; text-decoration:underline;}
a:hover { text-decoration:none;}
input.hidden { display:none !important;}
label { cursor:pointer;}
abbr { color:#ff4e00; border-bottom:1px dotted #ff4e00;}
abbr a { text-decoration:none;}
abbr a:hover { text-decoration:underline;}
acronym { border-bottom:1px dashed #444; cursor:help;}
pre { font-family:"Lucida Console" !important; font-size:1em !important; overflow-x:auto; overflow-y:hidden;}

/** GENERAL STYLES **/
body #main #primary pre.php { border:1px dashed #999; padding:10px; background-color:#ffffcc; margin:5px 0 10px 0;}

/** MAIN CONTAINER **/
body #main { width:732px; margin:0 auto; padding:100px 0 40px 0;}

/** HEADER **/
body #main #header { height:47px; border-bottom:1px solid #d8d8d8; padding:0 0 10px 0;}
* html body #main #header { padding-bottom:0;}
body #main #header #logo { text-indent:-10000px; float:left; width:125px; height:51px; background:url(../images/brand/logo.gif) left top no-repeat;}
body #main #header #logo a { display:block; width:100%; height:100%;}
body #main #header .primary.navigation { float:right; overflow:hidden; height:30px; padding:21px 0 0 0;}
body #main #header .primary.navigation li { float:left; margin:0; padding:0 20px 0 0;}
body #main #header .primary.navigation li.last { padding-right:0;}
body #main #header .primary.navigation li.selected { color:#ff4e00;}
body #main #header .primary.navigation li a { color:#000;}
body #main #header .primary.navigation li a:hover { color:#ff4e00; text-decoration:underline;}
body #main #header .primary.navigation li h1 { font-size:1em; font-weight:normal; margin:0; padding:0;}

/** FOOTER **/
body #main #footer { border-top:1px solid #d8d8d8; padding:10px 0 0 0; color:#bebebe; clear:both; overflow:hidden;}
body #main #footer .primary { float:left; width:500px;}
body #main #footer .primary p { padding:4px 0 0 0; margin:0;}
body #main #footer .primary p.copyright { padding:0;}
body #main #footer .secondary { width:200px; float:right; text-align:right;}
body #main #footer .secondary a { display:none;}

/** PRIMARY **/
body #main .topIntro { width:732px; height:85px; background:url(../images/bg/top_intro.gif) left top no-repeat; position:relative; left:0; top:0; border-bottom:3px solid #ff4e00; padding:40px 0 19px 0;}
body #main .topIntro .intro { text-indent:-10000px; margin:0; padding:0;}
body #main .topIntro .downloadInfo { width:214px; position:absolute; right:0; bottom:17px;}
body #main .topIntro .downloadInfo p { padding:0 0 0 9px;}
body #main .topIntro .downloadInfo p a { color:#000; text-decoration:none;}
body #main .topIntro .downloadInfo p a:hover { color:#ff4e00;}
body #main .topIntro .downloadInfo p.zip { padding-bottom:5px; padding-top:10px;}
body #main .topIntro .downloadInfo p.targz { padding-top:5px; padding-bottom:0;}
body #main .topIntro .downloadInfo .downloadButton { padding:0; height:22px; background:url(../images/buttons/homepage_download.png) left top no-repeat; text-indent:-10000px;}
body #main .topIntro .downloadInfo .downloadButton a { display:block; width:100%; height:100%;}
body #main #primary { padding:0; margin:30px 0 85px 0;}
body #main #primary p.last { padding-bottom:0;}
body #main #primary h2 { border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:5px; color:#ff4e00; font-size:1.27em;}

/** HOMEPAGE **/
body#homepage #main #primary ul.sections { clear:both; overflow:hidden;}
* html body#homepage #main #primary ul.sections { width:100%;}
body#homepage #main #primary ul.sections li { float:left; width:224px; padding:0; margin:0 25px 0 0; text-align:justify;}
body#homepage #main #primary ul.sections li p { padding-left:20px;}
body#homepage #main #primary ul.sections li p.last { padding-bottom:0; margin:0;}
body#homepage #main #primary ul.sections li h3 { font-size:1.27em; font-weight:bold; margin:0 0 10px 0; padding:0 0 0 20px; color:#ff4e00; background-repeat:no-repeat; background-position:left center;}
body#homepage #main #primary ul.sections li h3 embed { display:block; width:100%; height:100%; margin:0; padding:0;}
body#homepage #main #primary ul.sections li.try { margin-right:0;}
body#homepage #main #primary ul.sections li.what h3 { background-image:url(../images/icons/what.gif);}
body#homepage #main #primary ul.sections li.who h3 { background-image:url(../images/icons/who.gif);}
body#homepage #main #primary ul.sections li.try h3 { background-image:url(../images/icons/try.gif);}
body#homepage #main #primary ul.sections li.try p.download { padding-left:35px; background:url(../images/icons/download.gif) 20px 2px no-repeat; height:14px;}
body#homepage #main #primary ul.sections li.try p.download a { text-decoration:none;}
body#homepage #main #primary ul.sections li.try p.download a:hover { text-decoration:underline;}

/** CONTACT **/
body#Pages-Contact #main #primary .box { border-bottom:1px solid #f3f3f3; margin-bottom:10px; padding-top:5px; padding-bottom:5px;}
body#Pages-Contact #main #primary p.note { border-top:1px solid #f3f3f3; margin-top:10px; padding-top:5px; padding-left:75px;}
body#Pages-Contact #main #primary span.required { color:#ff4e00; font-weight:bold; font-size:1.27em;}

body#Pages-Contact #main #primary form#contactForm { clear:both; overflow:hidden; width:100%;}
body#Pages-Contact #main #primary form#contactForm fieldset { float:left; width:374px; margin-right:15px; padding-right:10px; border-right:1px solid #f3f3f3;}
body#Pages-Contact #main #primary form#contactForm .general.error { color:#ff0000; border-bottom:1px solid #ff0000; margin-bottom:10px;}
body#Pages-Contact #main #primary form#contactForm fieldset.captcha { width:332px; border:0; margin:0; padding:0;}
body#Pages-Contact #main #primary form#contactForm fieldset p.error { color:#ff0000; padding-left:75px;}
body#Pages-Contact #main #primary form#contactForm fieldset.captcha p.error { padding-left:0;}
body#Pages-Contact #main #primary form#contactForm fieldset p { clear:both; overflow:hidden;}
* html body#Pages-Contact #main #primary form#contactForm fieldset p { width:100%;}
body#Pages-Contact #main #primary form#contactForm fieldset p label { vertical-align:top; float:left; width:75px; margin:0; padding:0;}
body#Pages-Contact #main #primary form#contactForm fieldset p label.noreq { padding-left:8px; width:67px;}
body#Pages-Contact #main #primary form#contactForm fieldset p input, body#Pages-Contact #main #primary form#contactForm fieldset p textarea { vertical-align:top; border:1px solid #ccc; width:287px; padding:2px 5px;}
* html body#Pages-Contact #main #primary form#contactForm fieldset p input, * html body#Pages-Contact #main #primary form#contactForm fieldset p textarea { width:277px;}
body#Pages-Contact #main #primary form#contactForm fieldset p.buttons.last { padding-left:75px;}
* html body#Pages-Contact #main #primary form#contactForm fieldset p.buttons { padding-left:75px !important; width:auto;}
body#Pages-Contact #main #primary form#contactForm fieldset p.buttons input { width:auto; padding:5px 10px; color:#fff; background-color:#ff4e00; cursor:pointer; border:0;}
* html body#Pages-Contact #main #primary form#contactForm fieldset p.buttons input { padding:5px 0;}
body#Pages-Contact #main #primary form#contactForm fieldset p.buttons input:hover { background-color:#333;}
body#Pages-Contact #main #primary form#contactForm fieldset p.last { margin:0; padding:0;}
body#Pages-Contact #main #primary form#contactForm fieldset.captcha div.container { clear:both; overflow:hidden; width:100%;}
body#Pages-Contact #main #primary form#contactForm fieldset.captcha div.container p#captchaBox { padding:0; margin:0; height:50px; width:120px; float:left; clear:none;}
body#Pages-Contact #main #primary form#contactForm fieldset.captcha div.container p.captchaLabel { float:right; width:202px; clear:none;}
body#Pages-Contact #main #primary form#contactForm fieldset.captcha div.container p.captchaLabel input#captchaCode { width:45px; margin-left:100px;}
body#Pages-Contact #main #primary form#contactForm fieldset.captcha div.container p.captchaLabel label { display:block; width:100%; padding-top:9px; padding-bottom:5px; background:url(../images/icons/captcha-arrow.gif) 110px 12px no-repeat;}

/** LICENSE **/
body#Pages-License #main #primary ul li { padding:15px 0 15px 75px; background-repeat:no-repeat; background-position:10px top; min-height:35px;}
* html body#Pages-License #main #primary ul li { height:35px;}
body#Pages-License #main #primary ul.conditions { margin-bottom:15px;}
body#Pages-License #main #primary ul.free li.share { background-image:url(../images/bg/license/share.png);}
body#Pages-License #main #primary ul.free li.remix { background-image:url(../images/bg/license/remix.png);}
body#Pages-License #main #primary ul.conditions li.attribution { background-image:url(../images/bg/license/attribution.png);}
body#Pages-License #main #primary ul.conditions li.noncommercial { background-image:url(../images/bg/license/non-commercial.png);}
body#Pages-License #main #primary ul.conditions li.shareAlike { background-image:url(../images/bg/license/share-alike.png);}
body#Pages-License #main #primary ul.list { margin:10px 0 0 0; padding:0; list-style-type:square; list-style-position:outside; min-height:auto; background:none; float:none; display:block}
body#Pages-License #main #primary ul.list li { list-style-type:square; list-style-position:outside; margin:0 0 0 25px; padding:0; min-height:auto; float:none; display:block; clear:both; background:none;}
body#Pages-License #main #primary ul.list li p { margin:0; padding:0;}
body#Pages-License #main #primary p.licenseIcon { margin-top:15px; padding:0;}

/** DOCUMENTATION **/
body#Documentation-Index #main #primary ul.navigation { background-image:url(../images/icons/treeview/vertical_repeat.gif); background-position:4px 0; background-repeat:repeat-y; margin:0 0 0 20px;}
body#Documentation-Index #main #primary ul.navigation li { margin:0; padding:0 0 0 20px; line-height:1; background-image:url(../images/icons/treeview/node.gif); background-position:0 7px; background-repeat:no-repeat;}
body#Documentation-Index #main #primary ul.navigation li.open { background-image:url(../images/icons/treeview/node_contract.gif);}
body#Documentation-Index #main #primary ul.navigation li h3 { font-size:1.09em; margin:0; padding:10px 0 0 0; font-weight:bold;}
body#Documentation-Index #main #primary ul.navigation li h3 a { text-decoration:none;}
body#Documentation-Index #main #primary ul.navigation li.closed ul { display:none;}
body#Documentation-Index #main #primary ul.navigation li.last { background-image:url(../images/icons/treeview/last_node.gif);}
body#Documentation-Index #main #primary ul.navigation li ul { background-image:url(../images/icons/treeview/vertical_repeat.gif); background-position:4px 0; background-repeat:repeat-y; margin-top:5px;}
body#Documentation-Index #main #primary ul.navigation li ul li { padding-top:5px; background-image:url(../images/icons/treeview/no-node.gif); background-position:6px 10px; background-repeat:no-repeat;}
body#Documentation-Index #main #primary ul.navigation li ul li h4 { font-size:1em; margin:0; padding:0 0 5px 0;}
body#Documentation-Index #main #primary ul.navigation li ul li h4 a { color:#666; font-weight:normal; text-decoration:none;}
body#Documentation-Index #main #primary h3 { border:0;}
body#Documentation-Index #main #primary p.notice { margin-top:20px;}

body.secondary #main #primary ul.breadcrumbs { clear:both; overflow:hidden; border-bottom:1px solid #d9d9d9; padding:0 0 10px 0;}
* html body.secondary #main #primary ul.breadcrumbs { width:100%;}
body.secondary #main #primary ul.breadcrumbs li { float:left; background:url(../images/separators/breadcrumb.gif) 0 5px no-repeat; padding:0 5px 0 10px; margin:0 0 0 10px;}
body.secondary #main #primary ul.breadcrumbs li.first { margin-left:0;}
body.secondary #main #primary ul.breadcrumbs li a { color:#444; background:none; text-decoration:none;}
body.secondary #main #primary ul.breadcrumbs li a:hover { text-decoration:underline;}
body.secondary #main #primary ul.breadcrumbs li.current { color:#e6780d; font-weight:bold;}
body.secondary #main #primary ul.links { clear:both; overflow:hidden; padding:10px 0 0 0; border-top:1px solid #d9d9d9; margin:10px 0 0 0;}
* html body.secondary #main #primary ul.links { width:100%;}
body.secondary #main #primary ul.links li.prev { float:left;}
body.secondary #main #primary ul.links li.next { float:right;}
body.secondary #main #primary span.filepath { color:#006600; font-weight:bold;}

body.Documentation #main #primary h2 { border:0; font-size:1.45em; margin:10px 0; padding:0 0 5px 0; border-bottom:1px solid #e57303;}
body.Documentation #main #primary h3 { font-size:1.27em; margin:10px 0; padding:0 0 5px 0; border-bottom:1px solid #ccc;}
body.Documentation #main #primary p.subtitle { font-weight:bold; color:#e57303; margin:5px 0; padding:0;}
body.Documentation #main #primary ul.parameters li { background:url(../images/bullets/documentation-parameter.gif) 0 7px no-repeat; padding:0 0 0 10px;}
body.Documentation #main #primary ul.notes { border:1px solid #1e6602; background-color:#ebffe3; padding:10px;}
body.Documentation #main #primary ul.notes li { margin:0 0 10px 0; list-style-type:decimal; list-style-position:inside;}
body.Documentation #main #primary ul.notes li.last { margin-bottom:0;}
body.Documentation #main #primary span.highlight { color:#c61717;}
body.Documentation #main #primary .note { border:1px solid #1e6602; background-color:#ebffe3; padding:10px;}
body.Documentation #main #primary { clear:both; overflow:hidden; width:100%;}
body.Documentation #main #primary #documentation { float:right; width:511px; border-left:1px solid #ccc; padding-left:20px;}
body.Documentation #main #primary #secondary { float:left; width:200px;}
body.Documentation #main #primary #secondary ul.navigation { background-image:url(../images/icons/treeview/vertical_repeat.gif); background-position:4px 0; background-repeat:repeat-y; margin:0 0 0 20px;}
body.Documentation #main #primary #secondary ul.navigation li { margin:0; padding:0 0 0 20px; line-height:1; background-image:url(../images/icons/treeview/node.gif); background-position:0 7px; background-repeat:no-repeat;}
body.Documentation #main #primary #secondary ul.navigation li.open { background-image:url(../images/icons/treeview/node_contract.gif);}
body.Documentation #main #primary #secondary ul.navigation li p { font-size:1em; margin:0; padding:10px 0 0 0; font-weight:bold;}
body.Documentation #main #primary #secondary ul.navigation li p a { text-decoration:none;}
body.Documentation #main #primary #secondary ul.navigation li.closed ul { display:none;}
body.Documentation #main #primary #secondary ul.navigation li.last { background-image:url(../images/icons/treeview/last_node.gif);}
body.Documentation #main #primary #secondary ul.navigation li ul { background-image:url(../images/icons/treeview/vertical_repeat.gif); background-position:4px 0; background-repeat:repeat-y; margin-top:5px;}
body.Documentation #main #primary #secondary ul.navigation li ul li { padding-top:5px; background-image:url(../images/icons/treeview/no-node.gif); background-position:6px 10px; background-repeat:no-repeat;}
body.Documentation #main #primary #secondary ul.navigation li ul li p { font-size:1em; margin:0; padding:0 0 5px 0;}
body.Documentation #main #primary #secondary ul.navigation li ul li p a { color:#666; font-weight:normal; text-decoration:none;}
body.Documentation #main #primary #secondary ul.navigation li ul li.selected { font-weight:bold; color:#333;}

/** SECONDARY **/
body.secondary #main #primary h2.first { padding-top:0; margin-top:0;}

/** GENERAL TABLE **/
body #main #primary table.general thead tr th { font-weight:bold; border:1px solid #ccc; border-left:0; text-align:left; padding:10px 0 10px 10px;}
body #main #primary table.general thead tr th.counter { width:19px;}
body #main #primary table.general thead tr th.name { width:239px;}
body #main #primary table.general thead tr th.version { width:149px;}
body #main #primary table.general thead tr th.format { width:149px;}
body #main #primary table.general thead tr th.size { width:132px; border-right:0;}
body #main #primary table.general tbody tr td { border:1px solid #ccc; border-left:0; border-top:0; border-right:0; text-align:left; padding:5px 0 5px 10px;}
body #main #primary table.general tbody tr td h3 { font-size:1em; font-weight:normal; margin:0; padding:0;}
body #main #primary table.general tbody tr td a { text-decoration:none;}
body #main #primary table.general tbody tr td a:hover { color:#333;}
body #main #primary table.general tbody tr td img { vertical-align:middle;}