.hidden {visibility:hidden;}

.left{float:left}
.right{float:right}
.clear { clear: both; }

img.left{margin:0 12px 28px 0}
img.right{margin:0 0 8px 8px}

.halfleft{float:left; width:45%; text-align:left;}
.halfright{float:right; width:45%; text-align:right;}
.small{font-size:75%}

body {color:#666;
background:#dcd8cc;
font-family: "Trebuchet MS", Arial, Helvitica, sans-serif;
margin-top:12px;
}

img {border:0;}

/**************************
Typography
**************************/

h1,h2,h3,h4,h5,h6,h7{ font-family: "Trebuchet MS";font-weight: normal;color:#2f7eaf;}

p {padding-bottom:14px;line-height:24px}
h1 {font-size:200%;padding-bottom:22px}
h2 {font-size:150%;padding-bottom:14px}
h3 {font-size:110%;padding:4px 0 0px 0;line-height:26px;}
h4 {font-size:100%;padding-bottom:3px; font-weight:bold;color:#666}
h5 {font-size:80%;padding-bottom:14px}
h6 {font-size:70%;padding-bottom:13px}
h7 {font-size:60%;padding-bottom:12px}
a {color:#5c9301;text-decoration:none;}

/**************************
Layout
**************************/

#container{width: 960px;margin: 0 auto;padding:0;text-align:left;position:relative;background:#fff;}

#sidenav{float:left;width:250px;margin:16px 0px 0px 0;}
#article{float:right; width:630px; margin:12px 0px 0 40px; position:relative} 
#home #main{float:left;padding:28px 0 0 20px;margin-bottom:22px;background:none;}
#other #main{float:left;padding:20px;min-height:600px;position:relative;
background:url(../images/title-bar.gif) no-repeat 20px 20px}
.paginate {margin-top:12px;font-size:100%}
.paginate a {color:#2f7eaf}
/**************************
HEADER
**************************/
#header {background: #fff url(../images/jigsaw.gif) top right no-repeat;padding: 0px 24px;position:relative;height:113px;}
#header h1{margin:0 0 0 20px;padding:0}
#header h1 a:link, #header h1 a:visited{color:#4690be;text-decoration:none;}
#tagline{font-style:oblique; font-weight:bold;display:none;}

#logo {
	width: 409px;
	height: 94px;
	background: url(../images/logo.gif) no-repeat bottom;
	}
#logo span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}

/**************************
NAVIGATION
**************************/

.utilities{
position:absolute;	
top:12px;
left:40px;
font-size:80%;
}

.utilities ul{list-style-type: none;display: table;}
.utilities ul li{float:left;font-weight:bold;position:relative;font-size:78%;}
.utilities ul>li a:after {padding-left: 8px;content: "|";color:#ccc;}
.utilities ul>li a.last:after {content: ""}

.utilities ul li a:link, .utilities ul li a:visited{display:block;color:#999;padding:8px 0px 9px 8px;}
.utilities ul li a:hover, .utilities ul li a.active{display:block;color:#84c441;}


.nav{background:url(../images/nav.gif) bottom repeat-x; position:relative;width:100%;height:26px !important;}
*html .nav{float:left;border-bottom:solid #fff 1px;}

.nav ul{float:left;	cursor:default; list-style-type: none; margin-left:20px;display: table;height:26px;width:700px;}
.nav ul li{width:150px;float:left;text-align:center;font-weight:bold;position:relative;
text-transform: capitalize;font-size:78%;;margin-right:4px}

.nav ul li a:link, .nav ul li a:visited{display:block;color:#75793f;padding:7px 0px 7px 0px;background:#E0EA92  url(../images/tab.gif)}
.nav ul li a:hover, .nav ul li a.active{display:block;color:#666;background: url(../images/tab-over.gif)}

#search_box {position:absolute;top:2px;right:20px;}
input.search {color:#999;font-size:11px;width:137px; height:22px;background: url(../images/searchbox.gif) no-repeat; border:none;padding:4px 0 0 4px}

/**************************
SIDENAV
**************************/

#sidenav h2{margin:4px 0 26px 26px;padding:0 0 0px 0;color:#fff}
#sidenav h2 a{color:#fff;text-decoration:none;}

	/* Section heading */
	#sidenav  ul{margin:0;}
	#sidenav  ul li{font-size:100%; font-weight:bold; line-height:30px;}
	
	#sidenav li a:link,#sidenav li a:visited {color:#5c9301;display:block;padding-left:28px;
	background: url(../images/home-bullet.gif) 10px no-repeat;}
	#sidenav li a.active,#sidenav li a:hover{background: url(../images/leftnav-active-section.gif) 10px no-repeat;color:#006699;padding-left:28px;}
	
	/* Article links */
	#sidenav ul li ul li {line-height:20px;}
	#sidenav ul li ul li a:link, #sidenav ul li ul li a:visited{font-size:73%;font-weight:normal;
	background:url(../images/leftnav-article-bullet.gif) 28px 8px no-repeat;padding-left:40px;}
	
	#sidenav li li a.active,#sidenav li li a:hover{color:#006699; padding-left:40px; 
	background:#c9ddec url(../images/leftnav-active-bullet.gif) 28px 8px no-repeat !important;}
	
	*html #sidenav  ul li {height:4px}
	
/**************************
DOCUMENTATION SIDENAV
**************************/

#documentation #sidenav h2{margin:4px 0 36px 26px;padding:0 0 0px 0;color:#fff}
#documentation #sidenav h2 a{color:#fff;text-decoration:none;}

	/* Section heading */
	#documentation #sidenav  ul{margin:0;}
	#documentation #sidenav  ul li{font-size:100%; font-weight:bold; line-height:30px;}

	
	
	#documentation #sidenav li a:link,#documentation #sidenav li a:visited {color:#5c9301;display:block;padding-left:28px;
	background: url(../images/home-bullet.gif) 10px no-repeat;}
	#documentation #sidenav li a.active,#documentation #sidenav li a:hover{background: url(../images/leftnav-active-section.gif) 10px no-repeat;color:#006699;padding-left:28px;}
	
	/* Article links */
	#documentation #sidenav ul li ul li a:link,#documentation #sidenav ul li ul li a:visited{font-size:73%;line-height:24px;font-weight:normal;
	background:url(../images/leftnav-article-bullet.gif) 28px 8px no-repeat;padding-left:40px;}
	
	#documentation #sidenav li li a.active,#documentation #sidenav li li a:hover{color:#006699; padding-left:40px; font-size:34px;
	background:#c9ddec url(../images/leftnav-active-bullet.gif) 28px 8px no-repeat !important;}
	
	*html #documentation #sidenav  ul li a{font-size:100%; font-weight:bold; line-height:10px;margin:0; padding:0}
		
	
/**************************
Homepage main content
**************************/

.box{
width:291px;
float:left;
margin:0 22px 30px 0;
padding-bottom:12px;
min-height:260px;
overflow:hidden;
position:relative;
}

*html .box{height:270px}

.box ul {list-style-type:none;margin:0 0 0 8px;padding:3px;font-size:82%;}
.box h2{text-transform:uppercase;font-size:110%;margin:0;padding:24px 0 22px 28px;background:#2f7eaf url(../images/panel-header.gif) top left no-repeat}
.box h2 a:link,.box h2 a:visited{display:block;color:#fff;}

.box li{background:url(../images/home-bullet.gif) left no-repeat;padding-left:12px; width:100%;margin:4px 8px 4px 0;}

.box li a:link,.box li a:visited {display:block;line-height:150%;margin:2px 8px 2px 0;width:100%;padding:2px 12px 2px 6px;}

.box li a:hover {display:block;font-weight:bold;line-height:150%;}

a.more {color:#2F7EAF; position:absolute;bottom:0;left:12px; font-size:13px;  display:inline; ;font-weight:bold;background:url(../images/blue-arrow.gif) right no-repeat; padding-right:12px;}


/**************************
ARTICLE
**************************/
#article h1{margin:4px 0 30px 0;padding:4px 0 0 0;font-size:150%;color:#fff; width:83%;}
#article h3{font-size:110%;color:#666}
#article h3 a {color:#2f7eaf;}
#article h2 {color:#2f7eaf;}
#article ul {margin-left:0px;margin-top:4px}
#article ul li {line-height:16px;margin-bottom:2px;font-size:88%;padding:0 0 7px 14px; list-style-type:none; background:url(../images/bullet.gif) no-repeat left 2px;}
#article ol li {line-height:16px;margin-bottom:2px;font-size:88%;padding:0 0 7px 14px;}
#article ul li ul{margin:6px 0 0 0px;}
#article ul li li{margin:0 0 5px 0;padding:0 0 0 10px;background: url(../images/square.gif) no-repeat left 8px;font-size:100%;}
#article ol {margin-top:4px;} 
#article p a{text-decoration:underline;}

a:link.pdf, a:visited.pdf {background: url(../images/pdf-icon.gif) no-repeat right 2px; padding:2px 24px 2px 0px}
a:link.word, a:visited.word {background: url(../images/word-icon.gif) no-repeat right 2px; padding:2px 24px 2px 0px}

	/**************************
	ARTICLE BOXES (checklists, toptips and links boxes)
	**************************/

	.articlebox {background:#dde9f1;border:solid 5px #d4e4f0;margin:0 0 12px 0; padding:12px; margin-bottom:18px}
	.articlebox h3{padding:0 0 12px 0;}
	.articlebox ul{margin-left:0;line-height:20px;} 
	.articlebox ul li{margin-left:0;line-height:20px; list-style-type:none; background:none; padding:0}

	.articlebox#related_links ul li{margin:0;padding:0 0 6px 0;background:none;font-weight:bold}
	.articlebox#related_links ul li a:link, .articlebox#related_links ul li a:visited 
	{background:url(../images/chain.png) no-repeat left 2px;padding-left:28px;}
	.articlebox#related_links ul {margin-bottom:8px;}
	.articlebox#related_links h4 {padding:0;margin-bottom:6px;}
	a:link, a:visited {color:#3683B5}
	.articlebox a:link.pdf, .articlebox a:visited.pdf {background: url(../images/pdf-icon.gif) no-repeat left 2px !important; padding-top:2px; padding-bottom:2px}
	.articlebox a:link.word, .articlebox a:visited.word {background: url(../images/word-icon.gif) no-repeat left 2px !important; padding-top:2px; padding-bottom:2px}

	
	/**************************
	Tables
	**************************/
	#article table {width:100%;margin-bottom:12px;font-size:90%}
	.tableheader {background:#c9ddec;font-weight:bold;}
	#article table tr td{padding:8px;border:solid 2px #c9ddec}
	#article table tr td p{padding:0px;}
	


/**************************
Article list
**************************/
.article_list {margin-bottom:22px; float:left; }
.article_list h3{padding:0 0 0 0;margin:0 0 12px 0;}
.article_list h3 a:link, .article_list h3 a:visited{border-bottom:1px dotted #ccc;}
#documentation .article_list h3, #documentation .article_list h3 a:link, .article_list h3 a:visited{font-size:110%; padding:0;margin:0}
h3#searchresults {padding:0 !important}
.article_list h1 {width:100%; }

.article_list p {font-size:80%;padding:0px; margin:0;}
.article_list a {text-decoration:none;}

/**************************
comments
**************************/

#comments {margin-top:18px;color:#000;}
#comments h3{color:#fff; background:#2f7eaf url(../images/discussion.gif) no-repeat;
	padding:6px 0 0px 12px;	
	height:32px;
	margin-bottom:6px;
	}
#comments h6, #comment-form h6 {
font-family:"Lucida Grande", lucida, Arial, sans-serif;	text-transform:uppercase;font-size:11px;font-weight:normal;
border-bottom:1px solid #c5ecfc;letter-spacing:1px;	padding:0 0 5px 0;margin:25px 0 0 0;}
#comments dl{}
#comments dl dt  {font-family:Arial;font-size:90%;font-weight:bold;color:#006699;margin-bottom:6px}
#comments .comment-date {font-size:90%;font-weight:normal;padding-left:4px}
#comments .posted-by {text-transform:none;}
#comments dl dd {font-size:90%;line-height:18px;}
#comments dl dd p{padding:0px;color:#666;margin:0 0 12px 0;}
#comments .comment-content {border:solid #ccc 1px;clear:both;margin:14px 0 0px 0;padding:20px;}
#comments .odd {background-color:#dde7ef;}
#comments .even {background-color:#d5e3ee;}
#comment-form {color:#000;margin:20px 0;padding:16px;border:solid 1px #ccc}

#comment-form h4{margin:6px 0 8px 0;font-size:120%}
#comment-form p{padding-bottom:8px;}
#comment-form label {font-weight:bold}
#disclaimer {float:right;width:35%;clear:left;margin:0px 35px 0 0;}
*html #disclaimer {width:32%}
#disclaimer p {padding-left:15px;font-size:90%; color:#666}

/**************************
FOOTER
**************************/

#footer {font-size:80%;color:#999;clear:both;padding:30px 30px 40px 30px;text-align:center;position:relative}
#home #footer {background:#fff;color:#999;}
table {margin:0; padding:0;}
#footer a:link, footer a:visited{color:#006699;}

#footer-logo{position:absolute;left:400px;bottom:12px;width:148px;height:48px;}

/**************************
unsorted
**************************/
.usermsg{width:160px;position:absolute;top:40px;right:320px;font-size:70%;background:#fff;padding:4px;line-height:14px;}
.usermsg a:link, .usermsg a:visited {font-weight:bold;color:#999;text-decoration:underline}

h3 a.edit {font-size:12px !important}
#articleedit {position:absolute; top:52px; right:14px;}


#articleedit a:link, #articleedit a:visited  {font-size:12px;font-weight:bold; padding:4px;color:#999;text-decoration:underline;}

.printbutton{position:absolute;top:12px;right:10px;font-family:Trebuchet MS;font-size:0.8em;float:right;font-weight:normal;}
#page.printbutton{position:absolute;top:12px;right:10px;}
.printbutton a:link, .printbutton a:visited {color:#fff;background:url(../images/print.gif) no-repeat right;padding:0px 28px 4px 0;}
.printbutton a:hover{color:#cde07b}


.discussbutton{position:absolute;top:22px;right:10px;font-family:Trebuchet MS;font-size:0.8em;float:right;font-weight:normal;}
.discussbutton a:link, .discussbutton a:visited {color:#fff;background:url(../images/discuss.gif) no-repeat right;padding:0 28px 4px 0;}

.discussbutton a:hover,.printbutton a:hover{color:#cde07b}

#randombox {background:#D5E3EE;border:solid 5px #c9ddec;margin:16px 0 0px 0; padding:18px;}
#randombox h3{margin:0;padding:0 0 12px 0; color:#006699;font-weight:bold}
#randombox ul{margin:0;padding:0;line-height:20px; list-style-type:none;} 
#randombox p {font-size:90%;line-height:130%;padding:0;}

	#randombox  ul li, #randombox  ol li{margin:0;padding:0;line-height:20px;font-size:70%;font-weight:normal}
	#randombox ul li a:link,#randombox ul li a:visited {color:#5c9301;display:block;padding-left:12px;
	background: url(../images/box-arrow.gif) 0px 4px no-repeat;}
	#randombox ul li a.active,#randombox ul li a:hover{background:#c9ddec url(../images/blue-arrow.gif) 0px 4px no-repeat;color:#006699;padding-left:12px;}

#randombox ol{margin:0;padding:0 0 0 22px;line-height:20px;} 
#randombox ol li{margin:0;padding:0;} 
	#randombox ol li a:link,#randombox ol li a:visited {color:#5c9301;display:block;padding-left:0px;
	background:none}
	#randombox ol li a.active,#randombox ol li a:hover{background:none;color:#006699;padding-left:0px;}
	

/**************************
extra
**************************/

/* The following style is to trick h2 h3 and p into looking like paragraphs. 	*/
/* For when headings get sucked into the excerpt. 								*/
/* Boop doesn't mean anything but I'm leaving it there now! 					*/

.boop h3, .boop h2, .boop p {
line-height:24px;font-family:"Trebuchet MS";color:#666 !important;font-size:13px !important;
font-weight:normal !important; display:inline !important; 
margin:0 !important;
padding:0 !important;
}

#advanced_search table, #advanced_search td{padding:0px; margin:0;border:none !important;}
.printonly{display:none;}

/**************************
extra
**************************/

/* The following style is to trick h2 h3 and p into looking like paragraphs. 	*/
/* For when headings get sucked into the excerpt. 								*/
/* Boop doesn't mean anything but I'm leaving it there now! 					*/

.boop h3, .boop h2, .boop p {
line-height:24px;font-family:"Trebuchet MS";color:#666 !important;font-size:13px !important;
font-weight:normal !important; display:inline !important; 
margin:0 !important;
padding:0 !important;
}

td.advanced_search {padding:14px; border:none !important;}
.printonly{display:none;}


/* -------------------------  */

#toc #main{margin:0px 0 0 20px;background:none; }

#tocbox{float:left;width:310px;margin:20px 0 0 0px;}

#toc h2 {margin:0 0 6px 0 !important;padding:0;font-size:110%;}
#toc .article_list {margin-top:12px;}

#tocbox h2 {font-size:20px;}
#tocbox h2,#tocbox h2 a {color:#3583B4;}

ul.toc{margin:0 auto;font-size:80%;margin-bottom:8px; float:left;}

ul.toc li {
	display:block;
	margin:0 !important;
	padding:0 0 2px 0 !important;
	background:none !important;
	line-height:16px !important;
	}

ul.toc a:link, ul.toc a:visited  {
    text-decoration:none;
    padding:0 0 0 12px;
	margin:0;
	color:#5c9301
}

ul.toc a:hover {
	color:#3583B4;
	font-weight:bold;
}