* { margin: 0px; padding: 0px; }


h1, h2, h3, h4, h5, h6{ color: #ff1e53; clear: both; margin-bottom: 10px;}
h2 { font-size: 1.5em; }
p { clear: both; margin-bottom: 10px; display: block; margin-left: 10px;}

/* Layout
======================================================================== */ 

#doublebar { position: fixed; top: 0; left: 0; width: 100%; height: 10px; background: url(../images/doublebar.gif) repeat-x; z-index: 2; } 

#navigation { position: fixed; top: 30px; left:20px; width: 200px; z-index: 2;}
* html div#navigation, * html div#doublebar { position: absolute; } 

.menu { list-style-type: none; margin-top: 15px; }
.menu li { list-style-type: none; float: left; text-transform:uppercase;}
.menu li a { padding: 5px; width: 137px; line-height: 18px; height: 18px; background: #dcdcdc; color: #666666; display: block; margin-bottom: 1px;  border: 0;}
.menu li a:hover { background: #ff1e53; color: #fff; }
.menu li .version { color: #ff1e53; font-weight: bold; font-size: 0.8em; vertical-align: top;}
.menu li a:hover .version { color: #fff; }

.page { position: absolute; top: 20px; left: 230px; list-style-type: none; width: 650px; z-index: 1;}
.page .chapter { width: 100%; clear: both; border-bottom: 1px solid #e1e1e1; padding: 20px 0 10px 0;}
.page .contact { border: 0; }

.intro .latestversion {}

.demos { list-style-type: none; margin: 0 0 10px 10px;}
.demos li { margin-right: 5px; width: 260px; float: left;}
.demos li span a { clear: both; }
.demos li span { padding-left: 20px; background: url(../images/demo_icon.gif) 0 50% no-repeat; display: block; margin-bottom: 5px; }

div.code { position: relative; clear: both; margin: 0 0 10px 5px; border: 1px solid #cccccc; background: #fff; padding: 6px; font-size: 1.2em; }
.showsource { font-size: 1em; margin-left: 5px; background: #cccccc; color: #fff; line-height: 15px; height: 15px; padding: 0 8px 0 8px; cursor: pointer; }

.hooking img { margin-left: 10px; border: 0;}
.hooking .sides { list-style-type: none; }
.hooking .sides .description { float: left; width: 440px; display: block; margin-right: 10px;}
.hooking .sides .examples { float: right; width: 170px; }
#boxedtips { list-style-type: none; float: left; margin-left: 10px;  width: 105px; margin-top: 10px;}
#boxedtips li { height: 28px; width: 28px; display: block; float: left; margin: 0 5px 5px 0; background: #fff; border: 1px solid #cccccc; }

.styling .sides { list-style-type: none; margin-bottom: 10px;}
.styling .sides .left { float: left; width: 440px; display: block; margin-right: 10px;}
.styling .sides .right { float: right; width: 170px; }

.tricks span.title { display: block; font-weight: bold; color: #666666;}

.download { margin-bottom: 10px; }
.download a {
	padding: 10px 10px 10px 22px; 
	background: #ff1e53 url(../images/download.gif) 0 50% no-repeat; 
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	border: 0;
	margin-left: 10px;
	}
.download a:hover { background-color: #ff005a; }

.changelog { list-style-type: none; margin-left: 10px;}
.changelog label { width: 35px; float: left; }

p.tags { margin-left: 0; font-size: 0.9em; color: #808080;}
.page .copyright { border: 0; padding: 0; margin-bottom: 10px; }

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

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}