/* CSS Document */
html, body	{
	text-align:left;
	font:100 12px Arial;
	padding:0;
	margin:0
}

/* --- Menu Frame StyleSheet --- */

body#menu	{
 background:#fff top left no-repeat;
}


#logo-dummy	{
	width:173px;
	height:41px;
	margin-top:21px;
	margin-left:33px;
	border:0
}

ul#tree	{
	margin:45px 5px 5px 5px;
	padding:5px;
	*width:220px;
	overflow:hidden;
}

h1.page-title	{background: url('/img/round-label-bg.gif') repeat-x left top; height: 23px; padding: 6px 0 0 15px; border-bottom: 3px solid #049DE5; color: #fff; font-size: 15px; margin: 15px 10px; font-weight:900}

hr	{
	height:1px;
	color:#ddd;
	background-color:#ddd;
	width:98%;
	border:0;
	}

/* --- Top Frame StyleSheet --- */

#header { width: 100%; background-color: #fff; margin: 0; height: 58px; }
#header #logo { padding: 15px 0 0 40px; width: 20%;}
#header #top-menu { width: 75%; padding-top: 16px; padding-right: 25px; background: #fff url('/img/top-menu-bg.gif') no-repeat; text-align: right;}

#header #top-menu .options { float: right; margin: 8px 0 0 12px;}
#header #top-menu .link { margin: 0 2px; font-size: 11px; color: #808080; }
#header #top-menu .link:hover { text-decoration: underline; }
#header #top-menu .search-form { margin: 5px 0 0 11px; float: right;}
#header #top-menu .search-form table { border: 1px solid #E5E5DA; }
#header #top-menu .search-form table td { border-top: 1px solid #b3b3a9; }
#header #top-menu .search-form table td.input-td { border-left: 1px solid #b3b3a9; }
#header #top-menu .search-form .input-search { width: 126px; padding-left: 4px; font-size: 11px; color: #b2b2b2; background-color: #fff; border: 0; height: 13px; line-height: 13px;}


body#top	{
 background:#fff;
}

body#top #container	{
 height:80px;
 display:block;
}

#top #link-bar	{
	float:right;
	margin-right:20px;
	margin-top:55px;
}

#top #link-bar img	{
	vertical-align:middle;
	margin:0 5px;
}

#top #link-bar a	{
	color:#f77839;
}

#top #link-bar a:hover	{
	text-decoration:underline
}

/* --- Main Frame StyleSheet --- */

#main a, body#download a, body#install a	{
	color:#f77839;
	font:900 12px Arial;
	line-height:18px;
	padding-left:5px;
/*	padding-left:16px;
	background:url(images/bullet.gif) center left no-repeat; */
}

#main a:hover, body#download a:hover, body#install a:hover	{
	text-decoration:underline
}

.size-14	{
	color:#f77839;
	font-weight:900
}

body#main	{
	border-left:1px solid #dedede;
	padding-left:10px;
}

body#download, body#install	{
	border-left:1px solid #dedede;
	padding-left:10px;
}


body#download ul li, body#install ul li, ul.bulleted li	{
	list-style:none;
	background:url(images/bullet.gif) center left no-repeat;
	padding-left:12px;
	color:#888;
	font:100 14px Arial;
	line-height:20px
}

#examples-headers	{
	width:707px;
	margin: 0 auto;
	text-align:left;
}

.example-body	{
	width:500px;
	height:250px;
	display:block;
	color:#666;
	background:url(images/code-bg.png) bottom right no-repeat
}

.example-result	{
	font:900 12px "Courier New";
	color:#c00
}

.head, .head3 {padding:0 5px; background:#ebebeb url(images/header-gradient.gif) top left repeat-x; line-height: 23px; padding: 6px 0 0 15px; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; color: #888; font-size: 15px; margin: 20px 0 5px 0;}
.head .vs {vertical-align: top; margin-top: -6px}
.head > .vs {vertical-align: top; margin-top: -7px}

.head2 {background:#ffe9c8 url(images/head2-gradient.gif) top left repeat-x; line-height: 23px; padding: 6px 0 0 15px; border-bottom: 1px solid #f6d2a0; border-right: 1px solid #f6d2a0; color: #333; font-size: 15px; margin: 20px 0 5px 0;}
.head2 .vs {vertical-align: top; margin-top: -6px}
.head2 > .vs {vertical-align: top; margin-top: -7px}

/*
.head3 {background-color:black; repeat-x left top; height: 23px; padding: 6px 0 0 15px; border-bottom: 3px solid #049DE5; color: #fff; font-size: 15px; margin: 20px 0 5px 0;}
*/
.head3 .vs {vertical-align: top; margin-top: -6px}
.head3 > .vs {vertical-align: top; margin-top: -7px}

.text {background-color:white; line-height: 23px; padding: 6px 0 0 15px; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; color: #000; font-size: 15px; margin: 20px 0 5px 0;}
.text .vs {vertical-align: top; margin-top: -6px}
.text > .vs {vertical-align: top; margin-top: -7px}

#footer {margin-top: 60px; background: url('/img/footer-dots.gif') repeat-x left top; color: #808080; padding-top: 10px;}
#footer #copy {font-weight: bold; font-size: 11px; width: 50%;}
#footer #links {text-align: right;}
#footer #links a {color: #808080; font-size: 11px;}

tr.head3 td	{
	padding:0 5px;
}

.top-pointer	{
	float:right;
	margin-right:20px;
	padding-left:12px !important;
	background:url(images/bullet-up.gif) center left no-repeat
}


a { 
	text-decoration: none; 
	color:#666666; 
}

.liClosed{
	cursor: pointer; 
	background: url('images/plusw.gif') center left no-repeat; 
	padding-left: 15px !important; 
    text-indent: 5px;
}

.liOpen{
	cursor: pointer; 
	background: url('images/minusw.gif') center left no-repeat; 
	padding-left: 15px !important; 
    text-indent: 5px;
}

ul.tree li ul .liClosed  {
	background-image: url('images/plus.gif'); 
}

ul.tree li ul .liOpen{
	background-image: url('images/minus.gif'); 
}


ul.tree li .bullet {
	padding-left:15px;
	margin:0;
	padding:0;
}

ul.tree li { 
	list-style: none; 
	margin: 0 0 0 0; 
} 

ul.tree ul li {
	padding-left: 8px;
	background: url('images/free.gif') center left no-repeat; 
}

ul.tree { 
	font-size:12px;
	font-family:Verdana;
	margin:0;
	margin-left:5px; 
	padding:0px; 
	*float:left;
	*clear:left;
}

ul.tree ul { 
	margin:0;
	margin-left:5px; 
	padding:0px; 
	*float:left;
	*clear:left;
}

#tree ul {
	background: url(images/dotted_line.gif) repeat-y left bottom;
}

ul.tree ul li.free {
	background: none;
}

ul.tree .clearer {
	background: none;
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
}

ul.tree .last {
	padding-left:20px;
/*	background: url('images/free-last.gif') center left no-repeat; */
}

.liActive {
	background-color: #ffe9c8;
	padding: 0 3px;
	color: #000;
}