#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: 325px; 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 */