@import url("untitled.css");
* {
	margin: 0;
	padding: 0;
}
html, 
body { font: 11px 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif; }

a {
	color: #999999;
	text-decoration: none;
	margin-left: 0px;
}
a:hover, a:visited {
}

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;
	position: relative;
}
.heading {
	position: fixed;
	width: 100%;
	height: 20px;
	float: left;
}
/* .heading div { width: 100%; height: 100%; float: left; } */
#news .heading{ background: url(../images/heading_news.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;
	top: 22px;
}

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


	
.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%; }
.menu a.navlink { color: #fff; }
.menu a:hover {
	background-color: #666666;
}
.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; color: #808080; }

#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: 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 #ffffff;}
#demonstrations a { text-decoration: none; border: 0; }

#demonstrations .demobox {
	width: 100%;
	margin-right: 10px;
	float: left;
	position: fixed;
}
#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: 580px;
	position: relative;
}
#demonstrations .othermedia li {
	float: left;
	width: 110px;
	background: #fff;
	color: #666666;
}
.othermedia img { border-bottom: 0; }
.othermedia .type {
	width: 100px;
	text-align: center;
	float: left;
	clear: both;
	color: #FFFFFF;
	border-top-width: 3px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-color: #666666;
	height: 22px;
	vertical-align: middle;
}

#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 */
.textField {
	color: #CCCCCC;
	background-color: #000000;
	border: 1px solid #CCCCCC;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
}
.aboutUs {
	margin-top: 12px;
	width: 580px;
	position: relative;

}