* { margin: 0; padding: 0; }
html, body { background:url(../images/body-bg2.gif) #000 repeat-x;}
body { font: 11px 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif; }
h1 { font-size: 1.9em; color: #6372a7; }
h2 { margin-bottom: 5px; font-size: 1.6em; color: #323232;}
h3 { margin-bottom: 4px; font-size: 1.3em; color: #808080; }
h4 { margin-bottom: 2px; font-size: 1.3em;}
p { margin-left: 6px; margin-bottom: 0.7em; }
/* demonstration */
#ajaxFormExample { background: #6372a7; color: #fff; width: 100%; width: 280px;}
#ajaxFormExample p { margin-left: 0; }
#ajaxFormExample h1, #ajaxFormExample h2 { color: #fff; }
#ajaxFormExample .addPadding { padding: 6px; display: block; }
.chapter { float: left; width: 100%; clear: both; margin-bottom: 10px; padding-bottom: 10px; }
.heading { position: relative; width: 100%; height: 30px; float: left; }
/* .heading div { width: 100%; height: 100%; float: left; } */
#news .heading{ background: url(../images/heading_news.jpg) top left no-repeat; }
#demonstrations .heading{ background: url(../images/heading_demonstrations.jpg) top left no-repeat; }
#installation .heading{ background: url(../images/heading_installation.jpg) top left no-repeat; }
#howtouse .heading { background: url(../images/heading_howtouse.jpg) top left no-repeat; }
#documentation .heading{ background: url(../images/heading_documentation.jpg) top left no-repeat; }
#troubleshooting .heading { background: url(../images/heading_troubleshooting.jpg) top left no-repeat; }
#download .heading { background: url(../images/heading_download.jpg) top left no-repeat; }
#changelog .heading { background: url(../images/heading_changelog.jpg) top left no-repeat; }
#contact .heading { background: url(../images/heading_contact.jpg) top left no-repeat; }
#license .heading { background: url(../images/heading_license.jpg) top left no-repeat; }
div.code {
margin-left: 6px;
position: relative;
clear: both;
margin-bottom: 10px;
background: #f7f7f7;
padding: 6px;
font-size: 11px;
color: #444444;
}
#page {
list-style-type: none;
width: 980px;
display: block;
height: 100%;
padding-top:0px;
}
#page #left, #page #right { display: inline; float: left; position: relative; }
#left {
margin-left: 6px;
width: 188px;
height: 6px;
display: block;
}
#right { margin-left: 300px; width: 600px; margin-top:0px;}
#logo {
float: left;
height: 76px;
width: 188px;
background: url(../images/logo.png) top left no-repeat;
*background: none;
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='crop');
}
.menu {
margin: 6px 0 6px 0;
clear: both;
list-style-type: none;
float: left;
position: relative;
width: 100%;
}
.menu a { position: relative; padding-left: 12px; font-weight: bold; color: #ffffff; text-decoration: none; background: #a8ddb4; display: block; height: 100%; outline-style: none;}
.menu a.navlink { color: #fff; }
.menu a:hover { background: #91cfa6; }
.menu li { position: relative; width: 100%; height: 22px; line-height: 22px; background: #fff; margin-bottom: 1px; }
.menunews { clear: both; margin-top: 6px; font-size: 9px; color: #808080; line-height: 11px; }
.menunews p { padding: 0; margin-left: 0; }
.lower { margin-top: 6px; padding-top: 6px; border-top: 1px solid #efefef; }
.lower a { background: #f7f7f7; color: #808080; }
.lower a:hover { background: #eeeeee; color: #808080; }
#news .title { margin-left: 6px; }
#news .title a { font-weight: bold; color: #000; }
#news .title a:hover { background: none; }
#news .date { display: inline; margin-bottom: 3px; color: #808080; font-size: 9px; }
#news h3 { margin-left: 6px; margin-bottom: 1px;}
#news a.preview { margin-left: 10px; float: right; }
#news a.preview:hover { background: none; }
#left .latestVersion { clear: both; position: relative; color: #444444; display: block; font-size: 11px; }
#left .latestVersion div { display: inline; }
#left .latestVersion .version { font-weight: bold; }
#left .latestVersion .date { color: #cccccc; font-size: 9px; clear: both;}
#tagline { position: relative; width: 100%; height: 72px; float: right; background: url(../images/tagline.gif) 0px -6px no-repeat; }
#intro .features { list-style-type: square; float: left; width: 400px; position: relative; }
#intro .features li { clear: both; margin-left: 26px; width: 300px; list-style-image: url(../images/list_img.jpg); }
#intro .features li span { font-weight: bold; color: #444444;}
#featuresImage { position: relative; width: 340px; height: 103px; float: right; background: url(../images/features.jpg) top left no-repeat; }
#intro .features .tipped { cursor: pointer; }
#intro .features .tipped span { color: #6271a6; }
.prototip .featureTip { width: 340px; height: 103px; color: #808080; font: 11px 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif; }
.prototip .featureTip .content { height: 93px; background: #f7f7f7; padding: 5px;}
.prototip .featureTip .content p { margin-left: 0; font-weight: bold;}
#news img { padding-left: 6px; border: 0; }
#demonstrations h3, #demonstrations ul { margin-left: 6px; clear: both;}
#demonstrations ul { clear: both; list-style-type: none; }
#demonstrations ul li { float: left; text-align: center;
margin: 0 6px 6px 0; }
#demonstrations img { border: 0; float: left; border: 5px solid #f7f7f7;}
#demonstrations a { text-decoration: none; border: 0; }
#demonstrations .demobox { width: 600px; margin-right: 10px; float: left; position: relative;}
#demonstrations .demobox ul { height: 110px; width: 100%; }
#demonstrations .first { clear: both; }
#demonstrations .credit { margin: 6px 0 0 11px; display: block; clear: both; font-size: 9px; color: #a0a0a0; }
#demonstrations .credit a, #demonstrations .credit a:hover { color: #8a95bd; background: #fff;}
#demonstrations .othermedia { margin-top: 12px; width: 740px; }
#demonstrations .othermedia ul { float: left; clear: both; height: 140px;}
#demonstrations .othermedia li { float: left; width: 110px; background: #fff; }
.othermedia img { border-bottom: 0; }
.othermedia .type { background: #f7f7f7; width: 100px; text-align: center; float: left; clear: both; border: 5px solid #f7f7f7; border-top: 3px solid #f7f7f7; color: #808080;}
#documentation .functions { clear: both; list-style-type: none; color: #444444; position: relative; margin-left: 6px; margin-bottom: 6px; width: 735px;}
#documentation .functions li { float: left; background: #f7f7f7; clear: both; width: 100%; padding: 3px;}
#documentation .functions li .function { float: left; font-weight: bold; width: 150px; }
#documentation .functions li .explained { float: left; width: 580px; }
#documentation ul { float: left; clear: both; margin-bottom: 6px; }
#documentation p { clear: both; display: block; }
#documentation p.api { clear: both; color: #444444; }
#documentation .explained p { float: left; width: auto; margin: auto; margin-bottom: 6px;}
#documentation .explained pre { width: 100%; clear: both; padding: 0;}
#troubleshooting .problem { color: #444444; font-weight: bold; margin-top: 3px;}
#troubleshooting .problem, #troubleshooting .solution { padding-left: 6px; display: block; clear: both; }
#troubleshooting .solution { color: #808080; margin-bottom: 3px; }
/* when the inlineDemo is in the view */
#download .links { clear: both; list-style-type: none; margin-left: 6px;}
#download .links .link { padding: 5px; font-size: 17px; height: 23px; line-height: 23px; }
#download .link a { background: url(../images/download.jpg) center left no-repeat; padding-left: 29px; }
#download .link a:hover { color: #6372a7; }
#download .notes { clear: both; color: #a0a0a0; margin-top:12px;}
#download .old { margin-top:12px; clear: both; }
#page #download div.code { font-family: "Courier New", Courier, monospace; }
#changelog .changes { clear: both; font-size: 11px; }
#contact { border: 0; }
#changelogBar { position: relative; height: 22px; clear: both; text-align: right; }
body .download h3 { margin-left: 126px; }
.changelog { clear: both; float: left; width: 735px; margin: 6px 0 0 6px; display: block; border-bottom: none; position: relative; }
.changelog p { margin-left: 0;}
.changelog .padder { padding: 3px; display: block; margin: 0;}
#toggleChangelog { padding: 3px; border: 1px solid #ececec; background: #efefef; clear: both; border-top: none; cursor: pointer; color: #444444;}
.updatesfeed,
.updatesfeed:hover {
position: relative;
height: 16px;
width: 16px;
overflow: hidden;
float: right;
line-height: 16px;
background: url(../../images/feed.png) top left no-repeat;
*background: none;
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feed.png', sizingMethod='crop');
cursor: pointer;
}
.tags { color: #808080; line-height: 18px; }
.keys { font-size: 1px; color: #fff; line-height: 1px; overflow: hidden; height: 1px; margin: 0; padding: 0;}
#menumove {
width: 188px;
position: fixed;
left: 50%;
top: 6px;
margin: 0 0 0 -481px;
padding: 0;
}
* html #menumove {
position: relative;
top: auto;
left: auto;
margin-top: 0;
margin-left: 0;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */