/*************************************
 * ppsr.css
 * author:  miinx (dev@miinx.com.au)
 * 
 *************************************/
 
* { 
	margin: 0; 
	padding: 0; 
	}
body {
	margin: 2em; 
	padding: 0; 
	background-color: #fff;  
	font-size: 10px;
	}
body, div, p, li, dt, dd, a {
	font-family: verdana, sans-serif; 
	color: #000; 
	}
h1 { 
	margin: 1em 0 0; 
	font-weight: bold;
	font-size: 220%;
	}
	h2 { 
		margin: 1.5em 0 .8em; 
		font-weight: bold;
		font-size: 120%;
		color:#3b3f3e; 
		}
		h3 { 
			border-bottom: 1px dotted #ddd;	
			margin: .5em 0 0; 
			font-size: 105%;
			color: #999; 
			}
			h4 { 
				margin: .5em 0;
				border-left: 1em solid #bbb;
				padding-left: .8em;
				font-weight: bold;
				font-size: 100%;
				line-height: 100%;
				color:#aaa; 
				}
				h5 {
					margin: 1.5em 0 .5em;
					padding: .5em .5em .1em;
					font-weight: bold;
					font-style: italic;
					font-size: 100%;
					color: #777;
					}
				
					/* -- nested subheaders -- */
					ul h5, 
					dl h5 {
						margin-top: 0;
						margin-left: 0;
						padding-left: 0;
						}
						
dl, ul { 
	width: 95%; 
	margin-left: 1em; 
	
	}
	
	/* -- nested lists -- */
	ul ul,  
	ul dl,  
	dl ul,  
	dl dl {
		margin-top: .5em;
		}
		
	
		dt { 
			width: 12em; 
			float: left; 
			padding: .6em .5em; 
			margin: 0; 
			line-height: 142%; 
			}
		dd { 
			margin-left: 13em; 
			padding: .6em .5em; 
			line-height: 142%; 
			}
		
		li {
			line-height: 142%; 
			}
p { 
	line-height: 142%; 
	}

a { 
	font-weight: bold; 
	color:#00b; 
	text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
		}

.pad { 
	padding:0 1.5em; 
	}
.ital { 
	font-style: italic; 
	}
.green {
	color: #070;
	}
.bred {
	color: #900;
	font-weight: bold;
	}

/* 
---------------------------------
HEADER
---------------------------------
*/
#header { 
	color: #aaa; 
	}
	
	#header #crumbs {
		font-size: 100%;
		float: left;
		color: #aaa; 
		font-style: italic; 
		}
	#header #arrow_nav {
		float: right;
		text-align: right;
		font-size: 88%;
		}
		
		#header a { 
			color: #aaa;
			text-decoration: none; 
			font-weight: bold;
			}
			#header a:hover { 
				text-decoration: underline; 
				color: #777; 
				}

/* 
---------------------------------
STANDARD SECTIONS 
---------------------------------
*/

#content { 
	margin: 0 1em; 
	}
	

/* -------- FIRST PARA (1ST PARAGRAPH IN A SECTION): 
			USED FOR:  DESCRIPTION, NOTES & SEE ALSO -- UL -------- */
ul.first_para { 
	list-style: none; 
	padding-top: .2em;
	padding-bottom: .001em;
	}
	
	ul.first_para>li { 
		list-style: none; 
		margin-bottom: 1.5em; 
		margin-left: 0; 
		}
		ul.first_para>li>ul {
			margin-left: 3em;
			padding: .4em 0 .1em;
			}
			ul.first_para>li>ul>li { 
				line-height: 180%;
				list-style: square outside none; 
				padding-left: .5em;
				padding-bottom: .25em;
				margin-bottom: .2em;
				}
				ul.first_para>li>ul>li>ul>li { 
					list-style: none; 
					margin-bottom: .2em;
					padding-left: 2em;
					background: url(images/bullet_rangle.png) no-repeat scroll 0 4px;
					}
					ul.first_para>li>ul>li>ul>li>ul>li { 
						list-style: none; 
						padding-left: 2em;
						background: url(images/bullet_opencircle.png) no-repeat scroll 0 4px;
						}
						ul.first_para>li>ul>li>ul>li>ul>li>ul>li { 
							list-style: none; 
							padding-left: 2em;
							background: url(images/bullet_arrow.png) no-repeat scroll 0 4px;
							}


/* -------- LIST OF COMMANDS/ACTIONS -- DL -------- */
dl.commands {
	border-bottom: 1px dotted #ddd; 
	}
	
	dl.commands>dt {
		border-top: 1px dotted #ddd; 
		font-size: 100%;
		width: 14em;
		}
		dl.commands>dd {
			margin-left: 15em;
			}
			dl.commands>dd.first {
				border-top: 1px dotted #ddd; 
				}
			

/* -------- SYNTAX -- UL -------- */
ul.syntax { 
	}
	ul.syntax>li { 
		list-style: none; 
		font-weight: bold; 
		font-size: 100%; 
		color: #03b;
		margin-bottom: 1em;
		}
		ul.syntax>li.green {
			color: #080;
			}
			ul.syntax>li>ul {
				padding: .4em 0 1.2em;
				}
				ul.syntax>li>ul>li {
					font-weight: normal; 
					color: #000;
					list-style: none;
					}
					ul.syntax>li>ul>li>ul>li {
						list-style: square outside none;
						}



/* -------- PARAMETERS -- DL -- dt font = bold blue -------- */
dl.params { 
	width: 90%; 
	margin-left: 2%; 
	border-bottom: 1px dotted #ccc; 
	}
	
	dl.params>dt { 
		width: 15em; 
		margin-bottom: .5em; 
		border-top: 1px dotted #ccc; 
		padding: .5em; 
		font-weight: bold; 
		font-style: italic; 
		color: #03b; 
		}
		
		dl.params>dd { 
			margin-left: 16em; 
			padding: .5em; 
			padding-bottom: 1em;
			}
			
			dl.params dd.first { 
				border-top: 1px dotted #ccc; 
				}

	
	

/* -------- EXAMPLES -- UL -------- */
ul.examples {
	margin-left: 0;
	}

	ul.examples li { 
		list-style: square outside none; 
		margin-left: 2em; 
		margin-bottom: 1em; 
		color: #000; 
		}
		ul.examples>li { 
			list-style: none; 
			margin-left: 1em; 
			color: #072; 
			}
			
			ul.examples>li ul { 
				margin-top: .8em; 
				margin-bottom: 2em; 
				}
	
	
		/* nested examples */
		ul ul.examples,
		dl ul.examples {
			width: 100%;
			}


/* -------- SEE ALSO -- UL -------- */
ul.also {
	margin-left: 2.5em;
	line-height: 142%;
	}
	ul.also>li { 
		list-style: square outside none; 
		margin-bottom: .5em;
		}
		ul.also>li>ul {
			padding: .5em 0;
			}
		ul.also>li>ul>li { 
			list-style: none; 
			margin-left: 0;
			padding: 0 0 .75em 1.5em;
			background: url(images/bullet_rangle.png) no-repeat 0 2px;
			}
			ul.also>li>ul>li>ul>li { 
				list-style: none; 
				background: url(images/bullet_opencircle.png) no-repeat 0 2px;
				}


/* 
---------------------------------
SPECIAL LISTS
---------------------------------
*/


/* -------- VALUES LIST -- DL -- dt font = normal italic -------- */
dl.values_list {
	margin: 0 0 1em 2em;
	padding-top: .5em;
	border-bottom: 1px dotted #ddd;
	}
	dl.values_list>dt { 
		width: 14em; 
		border-top: 1px dotted #ddd;
		padding: .4em .5em;
		font-weight: normal; 
		font-style: italic; 
		color: #000;
		}
	dl.values_list>dd {
		padding: .4em .5em;
		margin-left: 15em;
		}
		dl.values_list>dd.first {
			border-top: 1px dotted #ddd;
			}
			dl.values_list>dt:first-child,
			dl.values_list>dt:first-child + dd {
				border-top: 0;
				}

/* -------- PARA (PARAGRAPHS) -- UL -------- */
ul.para { 
	list-style: none; 
	padding-top: .2em;
	padding-bottom: .001em;
	}
	
	ul.para>li { 
		list-style: none; 
		margin-bottom: 1.5em; 
		margin-left: 0; 
		}
		
		ul.para>li>ul>li {
			list-style: square outside none;
			padding-left: .5em;
			}
			
			ul.para>li>ul>li {
				list-style: none;
				padding-left: .5em;
				background: url(images/bullet_rangle.png) no-repeat 0 4px;
				}
				ul.para>li>ul>li {
					list-style: none;
					padding-left: .5em;
					background: url(images/bullet_opencircle.png) no-repeat 0 4px;
					}

/* -------- NESTED LISTS IN A VALUES LIST (2 levels of bullets) -------- */
dl>dd>ul { 
	list-style: none; 
	margin-left: 2em; 
	margin-bottom: 1em; 
	}
	
	dl>dd>ul>li { 
		list-style: square outside none; 
		margin-left: 0; 
		padding-left: .5em;
		}
		
		dl>dd>ul>li>ul>li { 
			padding-left: 2em;
			list-style: none; 
			background: url(images/bullet_rangle.png) no-repeat scroll 0 4px;
			}
			dl>dd>ul>li>ul>li>ul>li {
				padding-left: 1.5em;
				list-style: none; 
				background: url(images/bullet_opencircle.png) no-repeat scroll 0 4px;
				}



/* -------- DIFFERENT DT WIDTHS FOR DL'S -------- */

dl.thin>dt { width: 3em; }
dl.thin>dd { margin-left: 4em; }

dl.medium>dt { width: 8em; }
dl.medium>dd { margin-left: 9em; }

dl.wide>dt { width: 12em; }
dl.wide>dd { margin-left: 13em; }



/* 
---------------------------------
FOOTER 
---------------------------------
*/
#footer { 
	padding-bottom: 2em; 
	}
	#footer hr { 
		border: 0; 
		border-bottom: 1px solid #ccc; 
		margin: 4em 0 1.2em; 
		}
	#footer div { 
		width: 33%; 
		}
		
	#footer a { 
		font: bold 100% verdana, sans-serif; 
		color: #aaa; 
		text-decoration: none; 
		}
		#footer a:hover { 
			color: #777; 
			text-decoration: underline; 
			}
			
	#footer .prev { 
		float: left; 
		text-align: left; 
		}
	#footer .up { 
		float: left; 
		text-align: center; 
		}
	#footer .next { 
		float: right; 
		text-align: right; 
		}
		
	#footer .white { 
		color: #ccc; 
		}


/**--------------------------------------------------- 
 * http://positioniseverything.net/easyclearing.html
 */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-table; }

/* hide from ie-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from ie-mac */