* { margin: 0; padding: 0; }
html, body { background: #e7e7e7 url(../images/background_980.gif) top center repeat-y; }
html { }
body { font: 11px "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"; text-align:center }

a { color: #6372a7; text-decoration: none; }
a:hover, a:visited { color: #6372a7; }

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; border-bottom: 1px solid #efefef; }
.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;
	margin: 0 auto;
	height: 100%;
	padding-top: 6px;
}

#page #left, #page #right { float: left; position: relative; }
#left {
	margin-left: 6px;
	width: 188px;
	height: 6px;
	display: block;
}
#right { margin-left: 12px; width: 754px; }

#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: #fff; text-decoration: none; background: #a8ddb4; display: block; height: 100%;  }
.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; }
.lower { margin-top: 6px; padding-top: 6px; border-top: 1px solid #efefef; }
.lower a { background: #f7f7f7; color: #808080; }
.lower a:hover { background: #eeeeee; }

#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;}

#donate { margin-top: 6px; padding-top: 6px; border-top: 1px solid #efefef; font-size: 9px; color: #808080; line-height: 11px;}
#donate p { margin: 0 0 6px 0; }
#donate form { margin-top: 6px; }
.pledgie { border: 0; text-decoration: none; background: 0; clear: both;}
.pledgie img { border: 0;}
/* when it's inlined */
#lightview #donate { border: none; margin: 0; padding: 0;}

#donateForm { line-height: 19px; margin: 0; padding: 0;}
#donateButton {
	height: 19px;
	width: 61px;
	background: url(../images/donate_button.jpg) top left no-repeat;
	float: left;
	cursor: pointer;
}
#donateField {
	height: 19px;
	display: block;
	background: url(../images/donate_dollar.jpg) top left no-repeat;
	padding-left: 22px;
	float: left;
}
#pledge_amount {
	border: 1px solid #b8b8b8;
	border-right: none;
	font: 11px "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
	padding: 0 2px 0 2px;
	background: #fff;
	color: #808080;
	width: 90px;
	height: 17px;
	line-height: 17px;
	float: left;
	clear: both;
	position:relative;
}

#tagline { position: relative; width: 100%; height: 76px; float: right; background: url(../images/tagline.jpg) top left 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;}
.prototip .featureTip .toolbar { background: #f7f7f7; font: italic 17px Georgia, serif; }
.prototip .featureTip .title { padding: 5px; }
.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; }

#demonstrations .othermedia { margin-top: 12px; width: 740px; }
#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;}
#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: 590px; }

#documentation p { clear: both; display: block; }
#documentation p.api { clear: both; float: left; margin-top: 6px; 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; }
#troubleshooting .problem, #troubleshooting .solution { padding-left: 6px; display: block; clear: both; }
#troubleshooting .solution { color: #a0a0a0; margin-bottom: 3px; }

/* when the inlineDemo is in the view */
#lightview #inlineDemo .heading { display: none; }
#lightview #inlineDemo p { padding: 0; margin: 0 0 0.7em 0; }
#lightview #inlineDemo p.intro { margin-bottom: 1.4em; }
#lightview #inlineDemo .purchase li { margin: 0; padding: 0 0 0 6px; }

#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 .notes { color: #a0a0a0; margin-top:12px;}
#download .old {  margin-top:12px; clear: both; }


#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: 100%; margin: 6px 0 0 6px; display: block; border-bottom: none; position: relative; }
.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;}


.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 { /* IE6 */
  position: absolute;
  top: 0;
  margin-top: expression(LV_menuMoveTop = (document.documentElement ? document.documentElement.scrollTop : 0) + 'px');
  margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

.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 */