/*
______________________________________________________________________________________
Base CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
DO NOT MODIFY this stylesheet for definitions apply too most, if not all elements. 
If a specific bug occurs with an element, please refer to the default definitions 
below or contact the author.
-

*/

*, html, body{margin:0; padding:0;}
body{
	margin:0 auto; 
}
	div{display:block; float:none; clear:both; overflow:hidden;}

/* common elements */
hr{display:none;}
img{margin:0; padding:0; border:0 none;}
  
/* typography */
h1, h2, h3, h4, h5, p{margin:0; padding:0;}

.bold{font-weight:bold;} 
.regular{font-weight:normal;}
.italic{font-style:italic;}

.x-small{font-size:0.7em;} 
.small{font-size:0.9em;} 
.large{font-size:1.3em;}
.x-large{font-size:1.6em;}

/* list styles */
ul, ol, dl{margin:0; padding:0;}
li{margin:0 0 0 2em; padding:0; list-style:disc outside;}

/* display styles */
.hide{display:none; visibility:hidden;}
.destroy{display:none; visibility:hidden; opacity:0; width:0px; height:0px;}
.left{float:left;} 
.right{float:right;} 
.clear{float:none; clear:both;} 
.unclear{clear:none;}
.block{float:none; clear:both; overflow:hidden; height:1%;}
.noborder{border:0 none;} 
.nopadding{padding:0;} 
.nomargin{margin:0;}

*html div{overflow:hidden; height:1%;}
p, h1, h2, h3, h4, h5, h6 {position: relative;}/*
______________________________________________________________________________________
Module: Form CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions that apply to the Form module.
-

*/
form{}
	form fieldset{
		border:0px none; margin:0 0 25px 0;
		border-bottom:1px solid #ccc;
	}
	form legend{
		display:block; float:none; clear:both; height:2em;
		margin:0 0 10px 0; padding:0; 
		font-size:1.2em; line-height:1.2em; font-weight:bold; color:#000;
	}
	
/* ---------------------------------   form elements   --------------------------------- */
form input,
form select,
form textarea,
form ol li.checkbox.list .options{
	font:normal normal normal 1em/1.2em "Lucida Grande", Arial, sans-serif;
	border:1px solid #888;
	border-bottom-color:#ccc;
	border-right-color:#ccc;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	margin:0; padding:3px; vertical-align:middle;
	background:#fafafa url("http://bureauapi.com/formation/v2/images/input-bg.png") repeat-x top left;
}

	form input:focus,
	form select:focus,
	form textarea:focus{
		border-color:#444; 
		border-bottom-color:#888;
		border-right-color:#888;
		background-color:#fff;
	}
	
	form input.empty,
	form select.empty,
	form textarea.empty,
	form ol li.checkbox.list .options.empty{
		font-style:italic; color:#888;
	}

form label{
	display:block; vertical-align:top; float:none; clear:both;
	margin:0; padding:5px 0; width:auto; font-weight:bold;
}

form input{
	width:95%;
}

form select{
	width:96.5%; height:1.95em;
}
	form select optgroup{font-style:normal;}

form textarea{
	width:95%; height:6em;
}

/* table of inputs */
form ol li table{
	width:100%;
}
	form ol li table th{text-align:center;}
		form ol li table th.number{width:20px;}
		form ol li table th.sku{width:auto;}
		form ol li table th.stock{width:100px;}
		form ol li table th.size{width:200px;}
		form ol li table th.option{width:200px; text-align:left;}
	
	form ol li table tr td{padding:0 5px;}
		form ol li table tr td.number{}
		form ol li table tr td.sku{}	
			form ol li table tr td.sku input{width:100%;}
		form ol li table tr td.stock{}
		form ol li table tr td.size{}
		form ol li table tr td.option{}

/* rte */
form ol li.rte textarea{height:300px;}
form ol li.rte label{
	display:block; float:left; clear:none;
	width:auto; margin:0 0 -2em 0;
}
form ol li.rte .mooeditable-container{margin:0;}
	form ol li.rte .mooeditable-toolbar{
		display:block; float:right; clear:none;
		width:auto; margin:0;
	}

/* inline inputs */
form ol li.inline input,
form ol li.inline select{width:auto;}
form ol li.inline input.button{
	width:auto; height:auto;
	display:inline; clear:none; float:none; 
	margin:0; padding:2px 0;
}
form ol li.inline.checkbox input,
form ol li.inline.checkbox .option{display:inline; clear:none; float:left; margin-right:10px;}
form ol li.inline.checkbox .option input{float:none; clear:none;}

/* inline submit inputs */
form ol li.inline.submit input{
	width:75%;
}
form ol li.inline.submit input.button{
	display:inline; clear:none; float:none; 
	width:15%; margin:0; padding-top:2px; padding-bottom:2px;
}

/* multiple inputs */
form ol li.multiple .item{display:block; float:left; clear:none; margin:0 10px 5px 0; width:65%;}
form ol li.multiple .duplicate{clear:both;}
form ol li.multiple .add-item{
	display:block; float:left; clear:none; width:25%; 
	margin:4px 0 0 0; padding:0 0 0 16px; 
	font-size:0.9em; cursor:pointer;
	background:transparent url("http://bureauapi.com/formation/v2/images/icon-add.png") no-repeat left center;
}
form ol li.multiple .add-item:hover{text-decoration:none;}

/* short inputs */
form ol li input.short,
form ol li select.short{width:3em;}

/* file inputs */
form ol li input.file{width:3em;}
form ol li span.file{
	display:block; float:none; clear:both; overflow:hidden;
	width:96%; margin-bottom:5px; padding:3px 0; color:#888;
}
	form ol li span.file .details{float:left;}
	form ol li span.file .manage{float:right; font-size:0.9em;}

/* disabled inputs */
form ol li.disabled input{
	color:#888; 
	background:#eee url("http://bureauapi.com/formation/v2/images/icon-locked.png") no-repeat right center;
}

/* phone inputs */
form fieldset ol li select.phone-country{width:4.5em; text-align:right;}
form fieldset ol li input.phone-area,
form fieldset ol li input.phone-first{width:2.2em; text-align:center;}
form fieldset ol li input.phone-last{width:2.8em; text-align:center;}

/* credit card inputs */
form input.creditcard-number{width:2.8em; text-align:center;}
form input.creditcard-cvn{width:2.2em; text-align:center;}

/* currency/monetary inputs */
form ol li select.currency{width:5em; text-align:center;}
form ol li input.dollars{width:4em; text-align:right;}
form ol li input.cents{width:2em; text-align:left;}

/* search */
form ol li.search input{width:75%;}
form ol li.search input.button{
	display:inline; clear:none; float:none; 
	width:15%; margin:0; padding:2px 0;
}

/* timeinputs */
form select.hours{width:4.5em;}
form select.minutes{width:4.5em;}
form select.seconds{width:4.5em;}
form select.ampm{width:4.5em;}

/* date inputs */
form select.day{width:4.5em;}
form select.month{width:8.2em;}
form select.month-digit{width:4.5em;}
form select.year{width:5.5em;}

/* calendar input */
form ins.date{
	display:inline-block; text-indent:-8889px; cursor:pointer;
	width:16px; height:16px; margin:0 0 0 3px;
	background:transparent url("http://bureauapi.com/formation/v2/images/icon-calendar.png") no-repeat center center;
}

/* form calendar */
form div.calendar{
	background:#222 url("http://bureauapi.com/formation/v2/images/tip-bg.png") repeat-x top left; opacity:0.95;
	border:3px solid #888;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
	color:#fff; width:200px; margin:0; padding:10px; 
	display:block; position:absolute; z-index:1000;
}	
	/* form calendar - close */
	form div.calendar .close{
		display:block; float:none; clear:both; overflow:hidden;
		width:16px; height:16px;
		position:absolute; top:5px; right:5px;
		cursor:pointer; text-indent:-8889px; opacity:0.75;
		background:transparent url("http://bureauapi.com/formation/v2/images/icon-x.png") no-repeat center center;
	}
		form div.calendar .close:hover{opacity:1.0;}

/* multiple selects */
form ol li.select.multiple select{height:6.5em;}

/* radio inputs */
form ol li.radio label.option{margin:5px 0; padding:0; font-weight:normal;}
	form ol li.radio label.option input{
		width:auto; margin:0; padding:0; vertical-align:top;
		border:0px none; background:transparent;
	}
	
	/* inline radio */
	form ol li.radio.inline label.option{
		width:auto; float:left; clear:none; margin-right:15px;
	}
	
/* checkbox inputs */
form ol li.checkbox label.option,
form ol li .options label.option,
label.checkbox-option{margin:5px 0; padding:0; font-weight:normal;}
	form ol li.checkbox label.option input,
	form ol li .options label.option input,
	label.checkbox-option input{
		width:auto; margin:0; padding:0; vertical-align:top;
		border:0px none; background:transparent;
	}
	
	/* inline checkbox */
	form ol li.checkbox.inline label.option{
		width:auto; float:left; clear:none; margin-right:15px;
	}
	
	/* long checkbox */
	form ol li.checkbox.long label.option{
		width:10em; float:left; clear:none; margin-right:15px;
	}
	
	/* list checkbox */
	form ol li.checkbox.list .options {
		height:8.2em; overflow-y:scroll;
		color:#000;	
	}
		form ol li.checkbox.list label.option{
			width:100%; float:none; clear:both; color:#000;
		}

/* multiple file upload */
div.file-uploading{
	margin:0 0 15px 0; padding:0;
}
 
	div.file-uploading .progress {
		background:#fff url("http://bureauapi.com/formation/v2/images/progress.png") no-repeat +50% 0;
		margin-right:10px;
	}
 
	div.file-uploading .progress-text {
		font-size:0.9em; font-weight:bold;
	}
 
ul.file-list{
	display:block; float:none; clear:both; overflow:hidden; height:1%;
}
 
	ul.file-list li.file{
		display:block; float:none; clear:both; overflow:hidden;
		border-bottom:1px solid #eee; width:auto;
		background:transparent url("http://bureauapi.com/formation/v2/images/file.png") no-repeat 4px 4px;
	}
		ul.file-list li.file.file-uploading{
			background:#eee url("http://bureauapi.com/formation/v2/images/uploading.png") no-repeat 4px 4px;
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
		}
		ul.file-list li.file.file-success{
			background:transparent url("http://bureauapi.com/formation/v2/images/success.png") no-repeat 4px 4px;
		}
		ul.file-list li.file.file-failed{
			background:transparent url("http://bureauapi.com/formation/v2/images/failed.png") no-repeat 4px 4px;
		}
	 
	ul.file-list li.file .file-name{
		display:block; clear:left; margin:0 0 0 44px; 
		line-height:40px; height:40px; font-weight:bold;
	}
	ul.file-list li.file .file-size{
		float:right; margin:2px 6px 0 0;
		font-size:0.9em; line-height:18px;
	}
	ul.file-list li.file .file-info{
		display:block; margin:0 0 0 44px; 
		font-size:0.9em; line-height:20px;
	}
	ul.file-list li.file .file-remove{
		float:right; clear:right; margin:0 6px 0 0;
		line-height:18px;
	}
	
/* file manager */
ol.file-manager{
	display:block; float:none; clear:both; overflow:hidden;
}
	ol.file-manager .file{
		display:block; float:left; clear:none; overflow:hidden; position:relative;
		width:120px; margin:20px 10px 10px 0;
		background:#fff;
		padding:10px;
		border:1px solid #888; 
		border-top-color:#ccc; 
		border-left-color:#ccc;
		border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	}
	ol.file-manager .file:hover{border:1px solid #444; padding-top:30px; margin-top:0px;}
	ol.file-manager .file:active,
	ol.file-manager .file.selected{border:2px solid #f40; padding:9px; padding-top:29px; margin-top:0px;}
	
		ol.file-manager .file .thumb{
			display:block; float:none; clear:both; overflow:hidden;
			border:1px solid #ccc; width:118px; height:88px;
			text-align:center; background:#ccc;
		}
			ol.file-manager .file .thumb img{display:block; margin:0 auto; width:auto; height:90px;}
		ol.file-manager .file .title{
			display:block; float:none; clear:both; overflow:hidden;
			height:2em; font-size:1em; font-weight:bold; margin:0 0 5px 0;
		}
			ol.file-manager .file .title .name{display:block; padding:4px 5px;}
			ol.file-manager .file .title br{display:none;}
			ol.file-manager .file .title input{display:none; width:112px; font-weight:bold;}
			ol.file-manager .file .title:hover .name{display:none;}
			ol.file-manager .file .title:hover input{display:block;}
		ol.file-manager .file .description{
			display:block; float:none; clear:both; overflow:hidden;
			height:7.6em; font-size:1em; font-weight:normal; margin:0 0 5px 0;
		}
			ol.file-manager .file .description .name{display:block; padding:4px 5px; line-height:1.2em;}
				ol.file-manager .file .description .name.empty{font-size:0.8em; color:#ccc; text-align:center; text-transform:uppercase; font-style:normal; display:block; margin-top:30px;}
			ol.file-manager .file .description br{display:none;}
			ol.file-manager .file .description textarea{display:none; width:112px; font-weight:normal; line-height:1.2em; height:6.8em;}
			ol.file-manager .file:hover .description .name{display:none;}
			ol.file-manager .file:hover .description textarea{display:block;}
			
		ol.file-manager .file .info{font-size:0.9em; color:#888; padding:0 5px;}
		ol.file-manager .file .product{
			display:block; border-top:1px solid #ccc;
			font-size:0.9em; color:#888; margin:0; padding:5px 5px 0 5px;
		}
			ol.file-manager .file .product select{line-height:1.4em; padding:2px; width:110px;}
		ol.file-manager .file .options{
			position:absolute; top:30px; right:10px;
			display:none;
		}
		ol.file-manager .file:hover .options{display:block;}
			ol.file-manager .file:hover .options li{
				display:block; float:none; clear:both; overflow:hidden;
				margin:0 0 2px 2px;
			}
				ol.file-manager .file:hover .options li a{
					display:block; float:none; clear:both; overflow:hidden;
					width:20px; height:20px; text-indent:-999px; opacity:0.5;
					background:#000 url('http://bureauapi.com/formation/v2/images/icon-expand.png') no-repeat center center;
				}
				ol.file-manager .file:hover .options li a:hover{opacity:1;}
					ol.file-manager .file:hover .options li.remove a{
						background-image:url('http://bureauapi.com/formation/v2/images/icon-delete.png');
					}
					ol.file-manager .file:hover .options li.remove a:hover{background-color:#c00;}
					ol.file-manager .file:hover .options li.view a{
						background-image:url('http://bureauapi.com/formation/v2/images/icon-expand.png');
					}
		
		ol.file-manager .file .handle{display:none;}			
		ol.file-manager .file:hover .handle,
		ol.file-manager .file:active .handle{
			display:block; float:none; clear:both; overflow:hidden;
			position:absolute; left:0; top:0; margin:0; padding:0;
			width:140px; height:auto; background:none;
			cursor:move;
		}
			ol.file-manager .file .handle span{
				display:block; float:none; clear:both; overflow:hidden;
				width:140px; height:19px; text-indent:-999px;
				border-bottom:1px solid #888;
				background:#ccc url('http://bureauapi.com/formation/v2/images/grip.png') no-repeat center center;
				border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
				border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
			}

/* buttons */
form input.button,
form input.button.disabled:hover,
form input.button.disabled:active,
form a.button{
	display:block; float:right; clear:none; width:auto; height:auto;
	margin:0 0 10px 10px; padding:5px 10px; vertical-align:middle;
	font-size:1.2em; line-height:1.4em; color:#444; 
	text-decoration:none; text-align:center; cursor:pointer;
	border:1px solid #888; 
	border-top-color:#ccc; 
	border-left-color:#ccc;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	background:#fafafa url("http://bureauapi.com/formation/v2/images/gloss-bot-bg.png") repeat-x center left;
}
	form input.button:hover,
	form a.button:hover{
		border-color:#444; 
		border-top-color:#888;
		border-left-color:#888;
		background-color:#fff;
	}
	form input.button:active,
	form a.button:active{
		background:#fff url("http://bureauapi.com/formation/v2/images/gloss-top-bg.png") repeat-x top left;
	}
	form input.button:visited,
	form a.button:visited{text-decoration:none; color:#444;}
	
	form input.button.disabled,
	form input.button.disabled:hover,
	form input.button.disabled:active,
	form a.button.disabled{cursor:default; color:#aaa;}
		
	form a.button{
		display:block; float:right; clear:none; overflow:hidden; width:auto; 
		position:relative; z-index:1000; text-decoration:none;
	}
		form a.button input{float:none; clear:both; z-index:1; position:relative;}


/* ---------------------------------   form layouts   --------------------------------- */
form fieldset ol{
	display:block; clear:both; overflow:hidden;
	margin:0 0 10px 0; padding:0; height:1%;
}
	/* one column */
	form fieldset ol li,
	form fieldset ol.one-column li{
		display:block; float:none; clear:both;
		list-style:none outside;
		margin:0 0 5px 0; padding:0; 
	}
		/* one column fields 
		form fieldset ol.one-column li input{width:98%;}
		form fieldset ol.one-column li textarea{width:98%;}
		*/
	
	/* two column */
	form fieldset ol.two-column li{
		display:block; float:left; clear:none; width:48%;
		margin-right:10px;
	}
	
	/* three column */
	form fieldset ol.three-column li{
		display:block; float:left; clear:none; width:30%;
		margin-right:10px;
	}
	
	/* submit */
	form p.submit{display:block; float:none; clear:both; overflow:hidden; height:1%; margin:0;}
		form p.submit span.info{float:right; clear:none; margin:8px 8px 8px 0; font-style:italic;}
		form p.submit span.info.left{float:left;}

/* ------------------------------      form lists       ------------------------------- */
form fieldset ol li ul.manage li{
	display:block; float:left; clear:none; 
	width:auto; margin:0;
}

/* -----------------------------   form autocompleter    ------------------------------ */
ul.autocompleter-choices{
	position:absolute;
	margin:0; padding:0;
	list-style:	none;
	border:1px solid #888;
	border-color:#888 #ccc #eee #ccc;
	background-color:#fff;
	text-align:left;
	z-index:50;
}

	ul.autocompleter-choices li{
		display:block; float:none !important; position:relative;
		margin:-2px 0 0 0; padding:0.2em 1.5em 0.2em 1em;
		font-size:1em; font-weight:normal; line-height:1.5em;
		white-space:nowrap; cursor:pointer;
	}

		ul.autocompleter-choices li.autocompleter-selected{
			background-color:#444; color:#fff;
		}
	
		ul.autocompleter-choices span.autocompleter-queried{
			display:inline; float:none;
			margin:0; padding:0;
			font-weight:bold;
		}
	
		ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried{
			color:#e63;
		}
		
		/* loading input results */
		form ol li input.autocompleter-loading,
		form ol li textarea.autocompleter-loading{
			background-color:#ddd;
			background:#ddd url("http://bureauapi.com/formation/v2/images/loading.gif") no-repeat center right;
			color:#888; cursor:wait;
		}

/* ------------------------------   form notification   ------------------------------- */
/* description of field */
form ol li span.info{
	color:#888; font-size:0.9em; margin:3px;
}
	form ol li span.info ins{text-transform:uppercase;}

/* help for field */
form label sup.help{
	vertical-align:top; font-size:1em; color:#888; cursor:help; 
	display:inline-block;
	text-indent:-888px; width:12px; height:12px; opacity:0.75; margin:0 0 0 5px;
	background:transparent url("http://bureauapi.com/formation/v2/images/icon-questionmark.png") no-repeat top left;
}

/* tip for field */
form ol li div.tip{
	border:3px solid #888; opacity:0.9; 
	background:#222 url("http://bureauapi.com/formation/v2/images/tip-bg.png") repeat-x top left;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
	color:#fff; width:300px; margin:-8px 0 0 0; padding:10px; 
	display:block; position:absolute; z-index:1000; 
}
	form ol li div.tip h4{color:#fff;}
	form ol li div.tip a,
	form ol li div.tip a:visited{color:#fff;}
	form ol li div.tip .close{
		display:block; float:none; clear:both; overflow:hidden;
		width:16px; height:16px;
		position:absolute; top:7px; right:7px;
		cursor:pointer; text-indent:-8889px; opacity:0.75;
		background:transparent url("http://bureauapi.com/formation/v2/images/icon-x.png") no-repeat center center;
	}
	form ol li div.tip .close:hover{opacity:1.0;}

/* required fields */
form label em,
em.required{
	font-weight:bold; font-style:normal; color:#c00;
}
	
	/* error + success + notify notifications */
	form p.error,
	form p.success,
	form p.notify{
		display:block; float:none; clear:both; overflow:hidden;
		margin:0 auto 10px auto; padding:10px; 
		border:1px outset #c00; color:#c00; 
		border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
		font-size:1.25em; text-align:center; cursor:help;
		background:#fee url("http://bureauapi.com/formation/v2/images/error-bg.png") repeat-x top left;
	}
		form p.error span,
		form p.success span,
		form p.notify span{
			padding:5px; padding-left:25px; padding-bottom:9px; 
			background:transparent url("http://bureauapi.com/formation/v2/images/icon-error.png") no-repeat left center;
		}
		form p.error.hide, form p.success.hide, form p.notify.hide{display:none;}
		
	form p.success{color:#393; border-color:#393; background:#eef6ea url("http://bureauapi.com/formation/v2/images/success-bg.png") repeat-x top left;}
		form p.success span{background:transparent url("http://bureauapi.com/formation/v2/images/icon-success.png") no-repeat left center;}
		
	form p.notify{color:#06c; border-color:#339; background:#e1eeff url("http://bureauapi.com/formation/v2/images/notify-bg.png") repeat-x top left;}
		form p.notify span{background:transparent url("http://bureauapi.com/formation/v2/images/icon-notify.png") no-repeat left center;}
		
	/* error fields */
	form ol li.error{color:#c00;}
	form ol li.error input,
	form ol li.error select,
	form ol li.error textarea{
		color:#c00;
		border-color:#c66; 
		border-bottom-color:#c99;
		border-right-color:#c99;
		background-color:#fee;
	}
	form ol li.error label{
		padding-left:12px;
		background:transparent url("http://bureauapi.com/formation/v2/images/arrow-red.png") no-repeat 0px 8px;
	}
		form ol li.error label.option{padding-left:0px; background:none;}
		
/* ------------------------------   form overlays   ------------------------------- */
div#overlay{
	display:none; visibility:hidden;
	width:100%; height:100%; margin:0; padding:0;
	position:absolute; left:0px; top:0px; z-index:1000; text-align:left;
}
div#overlay.show{display:block; visibility:visible;}
	div#overlay div.background{
		width:100%; height:100%; margin:0; padding:0;
		position:absolute; left:0px; top:0px; z-index:1;
		background:#000; opacity:0.5;
		/*background:transparent url("http://bureauapi.com/formation/v2/images/shade.png") repeat top left;*/
	}
	div#overlay div.content{
		position:fixed; z-index:2; 
		width:100%; height:100%;
	}
	
	/* scrollable overlay content */
	div#overlay.scrollable div.content{position:relative;}
	
	/* disabled content */
	div#container.disabled{}

/* ---------------------------   form dialogue boxes   --------------------------- */
div.dialogue-box{
	border:3px solid #888; opacity:0.9; 
	background:#222 url("http://bureauapi.com/formation/v2/images/tip-bg.png") repeat-x top left;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
	color:#fff; width:300px; margin:0 auto; padding:10px; 
	display:block; 
}
	div.dialogue-box .top-bar{
		margin:0 0 10px 0;
		
	}
		div.dialogue-box .top-bar .title{display:block; float:left; clear:none;}
		div.dialogue-box .top-bar .close{
			display:block; float:right; clear:none; overflow:hidden;
			width:16px; height:16px;
			cursor:pointer; text-indent:-999px; opacity:0.75;
			background:transparent url("http://bureauapi.com/formation/v2/images/icon-x.png") no-repeat center center;
		}
		div.dialogue-box .close:hover{opacity:1.0;}
	div.dialogue-box .body{}
		div.dialogue-box .body form,
		div.dialogue-box .body form fieldset,
		div.dialogue-box .body form p.submit,
		div.dialogue-box .body form p.submit input{margin-bottom:0;}
/* ------------------------------   form loading   ------------------------------- *//*
______________________________________________________________________________________
Module: Rich Text Editor CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions that apply to the Rich Text Editor module.
-

*/

/* -------------------------------   rte elements   ------------------------------- */
.mooeditable-container{
	position: relative; overflow:visible;
}

.mooeditable-toolbar{
	color: inherit;
	background-color: transparent;
	padding: 2px;
	height: 1%;
	width: 97.75%;
	margin:0;
}

.mooeditable-toolbar:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.mooeditable-toolbar .toolbar-button{
	cursor: pointer;
	border: 0;
	width: 28px;
	height: 18px;
	margin: 0 0 0 -1px;
	float: left;
	color: inherit;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
	
	overflow: hidden;
	text-indent: -888em;
}

.mooeditable-toolbar .text{
	text-indent: 0;
	width: auto;
	padding-left: 3px;
	padding-right: 3px;
}
.mooeditable-toolbar .icons-text{
	text-indent: 16px;
	width: auto;
}

.mooeditable-toolbar .toolbar-button.active,
.mooeditable-toolbar .toolbar-button.onActive{
	color: inherit;
	background-color: #ddd;
}

.mooeditable-toolbar .toolbar-button:hover,
.mooeditable-toolbar .toolbar-button.hover{
	color: inherit;
	background-color: #fff;
}

.mooeditable-toolbar .toolbar-button.disabled{
	cursor: default;
}

.mooeditable-toolbar .toolbar-button.disabled:hover{
	color: inherit;
	background-color: transparent;
}

.mooeditable-toolbar .toolbar-separator{
	width: 1px;
	height: 18px;
	margin: 0 5px;
	float: left;
	text-indent: -888em;
	color: inherit;
	background-color: transparent;
}

/* document */
.mooeditable-toolbar .save-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/document-save.png");
  border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
}
.mooeditable-toolbar .undo-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/document-undo.png");
}
.mooeditable-toolbar .redo-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/document-redo.png");
}
.mooeditable-toolbar .increase-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/document-increase.png");
}
.mooeditable-toolbar .decrease-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/document-decrease.png");
}
.mooeditable-toolbar .pageBreak-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/document-break.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}
.mooeditable-toolbar .toggleview-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/document-preview.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}


/* format */
.mooeditable-toolbar .bold-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/format-strong.png");
  border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
}
.mooeditable-toolbar .italic-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/format-emphasis.png");
}
.mooeditable-toolbar .underline-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/format-inserted.png");
}
.mooeditable-toolbar .strikethrough-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/format-deleted.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}

/* align */
.mooeditable-toolbar .justifyLeft-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/alignment-left.png");
  border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
}
.mooeditable-toolbar .justifyCenter-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/alignment-center.png");
}
.mooeditable-toolbar .justifyRight-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/alignment-right.png");
}
.mooeditable-toolbar .justifyFull-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/alignment-justify.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}

/* text */
.mooeditable-toolbar .heading-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/text-heading.png");
  border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
}
.mooeditable-toolbar .paragraph-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/text-paragraph.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}

/* lists */
.mooeditable-toolbar .insertunorderedlist-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/lists-unordered.png");
  border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
}
.mooeditable-toolbar .insertorderedlist-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/lists-ordered.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}

/* indent */
.mooeditable-toolbar .indent-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/indent-increase.png");
  border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
}
.mooeditable-toolbar .outdent-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/indent-decrease.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}

/* link */
.mooeditable-toolbar .createlink-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/link-add.png");
  border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
}
.mooeditable-toolbar .unlink-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/link-remove.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}

/* media */
.mooeditable-toolbar .media-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/media-manager.png");
  border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
}
.mooeditable-toolbar .youtube-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/media-youtube.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}


.dialog-toolbar{
	color: inherit;
	background-color: #ddd;
	position: absolute;
	display: block;
	cursor: default;
	font-size: 12px;
	z-index: 100;
	margin:1px;
	width: 97.5%;
}
	.dialog-toolbar div{
		padding: 4px 10px;
	}
	.dialog-toolbar input{
		margin:0 8px 0 0;
	}
	.dialog-toolbar button{
		margin:0 8px 0 0; padding:5px 10px; cursor:pointer;
	}
	.dialog-toolbar .input-text{
		width: 300px;
	}
	.dialog-toolbar .alertbar-label{margin-right:8px;}
	
form ol li.rte div.mooeditable-container iframe.mooeditable-iframe,
form ol li.rte .mooeditable-container textarea{
	border:1px solid #888;
	border-bottom-color:#ccc;
	border-right-color:#ccc;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
	border-radius-topleft:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px;
	border-radius-topright:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px;
	
	margin:0; padding:0; width:100%; height:300px;
	background:#fafafa url("http://bureauapi.com/formation/v2/images/input-bg.png") repeat-x top left;
}

form ol li.rte .mooeditable-container textarea{
  font-family:Monaco, "Courier New", Courier, monospace;
	font-size:12px;
}

/* -----------------------------   rte media-manager   ---------------------------- */
div.media-manager{
	border:3px solid #ccc; opacity:1;
	background:#222 url("http://bureauapi.com/formation/v2/images/tip-bg.png") repeat-x top left;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
	color:#fff; width:60%; height:auto; margin:100px auto; padding:10px; 
	display:block; overflow:auto; position:relative;
}
	div.media-manager h4{color:#fff;}
		div.media-manager .close{
			display:block; float:none; clear:both; overflow:hidden;
			width:16px; height:16px;
			position:absolute; top:7px; right:7px;
			cursor:pointer; text-indent:-8889px; opacity:0.75;
			background:transparent url("http://bureauapi.com/formation/v2/images/icon-x.png") no-repeat center center;
		}
		div.media-manager .close:hover{opacity:1.0;}
	
	/* rte table */
	div.media-manager table{height:auto;}
		div.media-manager table caption{color:#ccc;}
	
	div.media-manager form{
		background:#fff; color:#222; padding:10px;
	}/*
______________________________________________________________________________________
Module: Search CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions that apply to the Search module.
-

*/
div.search{
	
}

/* ------------------------------   search results   ------------------------------- */
div.search-results{
	
}


/* -----------------------------   search sidepanel   ------------------------------ */
div.search.sidepanel{
}
	div.search.sidepanel legend,
	div.search.sidepanel li.search label{display:none;}
	div.search.sidepanel fieldset{border:0px none; margin:0;}/*
______________________________________________________________________________________
Module: Calendar CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions that apply to the Calendar modules.
-

*/

/* ------------------------------  calendar: weekly   ------------------------------ */
table.calendar.weekly{
	table-layout:auto;
	border-collapse:collapse;
	margin:0 auto 10px auto;
}

	table.calendar.weekly caption{
		
	}
		table.calendar.weekly caption h4{
			display:block; float:none; clear:both;
			width:80%; color:#222; position:relative; z-index:2;
			margin:0 auto; padding:4px 0; 
			font-size:1em; 
		}
		table.calendar.weekly caption h5{
			display:block; float:none; clear:both; overflow:hidden;
			margin:-21px 0 0 0; padding:0; font-size:1em; line-height:1em;
			font-weight:normal;
		}
			table.calendar.weekly caption h5 a.prev,
			table.calendar.weekly caption h5 a.next,
			table.calendar.weekly caption h5 span.prev,
			table.calendar.weekly caption h5 span.next{
				display:block; float:left; clear:none; 
				width:16px; height:16px; margin:0; padding:0;
				text-decoration:none;
			}
			table.calendar.weekly caption h5 a.next,
			table.calendar.weekly caption h5 span.next{float:right;}
			
			table.calendar.weekly caption h5 a.prev strong,
			table.calendar.weekly caption h5 a.next strong,
			table.calendar.weekly caption h5 span.prev strong,
			table.calendar.weekly caption h5 span.next strong{display:none;}
			
			table.calendar.weekly caption h5 span.prev,
			table.calendar.weekly caption h5 span.next{cursor:default;}
			
	/* calendar days */
	table.calendar.weekly thead tr th{
		margin:0; padding:5px;
		text-align:center;
	}
		table.calendar.weekly thead tr th .day{font-size:1.2em;}
		table.calendar.weekly thead tr th .date{font-size:1em;}
		
	/* calendar dates */
	table.calendar.weekly tr td{
		vertical-align:top; text-align:center;
	}
		
/* ------------------------------  calendar: basic   ------------------------------- */
table.calendar.simple{
	table-layout:auto;
	border-collapse:collapse;
	margin:0 auto 15px auto;
}

	table.calendar.simple caption{
		
	}
		table.calendar.simple caption h4{
			display:block; float:none; clear:both;
			width:80%; color:#222; position:relative; z-index:2;
			margin:0 auto; padding:4px 0; 
			font-size:1em; 
		}
		table.calendar.simple caption h5{
			display:block; float:none; clear:both; overflow:hidden;
			margin:-21px 0 0 0; padding:0; font-size:1em; line-height:1em;
			font-weight:normal;
		}
			table.calendar.simple caption h5 a.prev,
			table.calendar.simple caption h5 a.next,
			table.calendar.simple caption h5 span.prev,
			table.calendar.simple caption h5 span.next{
				display:block; float:left; clear:none; 
				width:16px; height:16px; margin:0; padding:0;
				text-decoration:none;
			}
			table.calendar.simple caption h5 a.next,
			table.calendar.simple caption h5 span.next{float:right;}
			
			table.calendar.simple caption h5 a.prev strong,
			table.calendar.simple caption h5 a.next strong,
			table.calendar.simple caption h5 span.prev strong,
			table.calendar.simple caption h5 span.next strong{display:none;}
			
			table.calendar.simple caption h5 span.prev,
			table.calendar.simple caption h5 span.next{cursor:default;}

	/* calendar days */
	table.calendar.simple thead tr th{
		margin:0; padding:5px;
		color:#aaa; 
		font-size:0.9em; font-weight:normal; text-align:center;
	}
		table.calendar.simple thead tr th span.full{display:none;}
		table.calendar.simple thead tr th.today{color:#444; font-weight:bold;}
		
	/* calendar dates */
	table.calendar.simple tr td{
		color:#444; background:#eee;
		vertical-align:middle; text-align:center;
		border:1px solid #ccc;
	}
		table.calendar.simple tr td a,
		table.calendar.simple tr td a:visited,
		table.calendar.simple tr td.empty span,
		table.calendar.simple tr td.disabled span{
			display:block; float:none; clear:both;
			margin:0; padding:8px;
			text-decoration:none;
			color:#444;
		}
		table.calendar.simple tr td.empty span{font-weight:normal;}
		
		/* empty */
		table.calendar.simple tr td.empty a,
		table.calendar.simple tr td.empty span,
		table.calendar.simple tr td.empty:hover a{color:#aaa; cursor:default;}
		table.calendar.simple tr td.empty:hover{
			color:#aaa;
			border:1px solid #ccc;
			background:#eee;
		}
		/* disabled */
		table.calendar.simple tr td.disabled a,
		table.calendar.simple tr td.disabled span,
		table.calendar.simple tr td.disabled:hover a{color:#aaa; cursor:default;}
		table.calendar.simple tr td.disabled:hover{
			color:#aaa;
			border:1px solid #ccc;
			background:#eee;
		}
		
	/* week */
	table.calendar.simple tr.week td{
		background:#fff;
	}
		table.calendar.simple tr.week td a,
		table.calendar.simple tr.week td a:visited{
			background:#fff;
		}
	
	/* today */
	table.calendar.simple tr td.today{
		background:#fff; font-weight:bold;
	}
	table.calendar.simple tr td.today:hover{}
		table.calendar.simple tr td.today a,
		table.calendar.simple tr td.today a:visited,
		table.calendar.simple tr td.today span{color:#000; border:1px solid #444; margin:-1px; z-index:2; position:relative;}
		table.calendar.simple tr td.today:hover a{color:#fff;}
	
	/* selected */
	table.calendar.simple tr td.selected,
	table.calendar.simple tr td:hover{
		background:#393;
	}
		table.calendar.simple tr td.selected a,
		table.calendar.simple tr td.selected a:visited,
		table.calendar.simple tr td.selected span,
		table.calendar.simple tr td:hover a,
		table.calendar.simple tr td:hover a:visited{
			color:#fff; background:transparent; 
			border:1px solid #060; margin:-1px;
		}

/* ----------------------------  calendar: quickview   ----------------------------- */
table.calendar.quickview{
	table-layout:auto; border-collapse:separate; border-spacing:0px;
	width:auto; background:transparent;
}
	table.calendar.quickview caption{
		color:#fff; height:20px; position:relative; cursor:move;
	}
		table.calendar.quickview caption h4{
			font-size:1.2em; display:block; margin:0 auto; 
			width:140px; height:20px; color:#fff;
		}
		table.calendar.quickview caption h5{
			display:block; float:none; clear:both; overflow:hidden;
			margin:-22px 0 0 0; font-size:0.9em;
		}
			table.calendar.quickview caption h5 a.prev,
			table.calendar.quickview caption h5 a.next,
			table.calendar.quickview caption h5 span.prev,
			table.calendar.quickview caption h5 span.next{
				display:block; float:left; clear:none; 
				color:#ccc; text-decoration:none; margin:0 0 0 5px; padding:0px; text-indent:-8889px;
				width:18px; height:18px;
				background:transparent url("http://bureauapi.com/formation/v2/images/arrows-prevnext.png") no-repeat top left;
			}
			table.calendar.quickview caption h5 a.next,
			table.calendar.quickview caption h5 span.next{float:right; background-position:bottom left; margin:0 5px 0 0;}
			
			table.calendar.quickview caption h5 span.prev,
			table.calendar.quickview caption h5 span.next{cursor:default; opacity:0.4;}
	
	/* calendar days */
	table.calendar.quickview tr th{
		color:#aaa; font-size:0.85em; width:28px; height:18px; text-align:center;
	}
		table.calendar.quickview tr th span{display:none;}
		table.calendar.quickview tr th.today{color:#fff;}
	
	/* calendar dates */
	table.calendar.quickview tr td{
		color:#000; vertical-align:top; text-align:center;
		width:25px; height:25px; overflow:hidden;
		background:#ccc; 
		border:1px solid #fff;
		border-bottom:1px solid #888;
		border-right:1px solid #888;
	}
		table.calendar.quickview tr td a,
		table.calendar.quickview tr td a:visited,
		table.calendar.quickview tr td.empty span,
		table.calendar.quickview tr td.disabled span{
			display:block; float:none; clear:both;
			width:25px; height:15px; margin:0; padding:5px 0;
			font-size:1.2em; font-weight:bold; text-decoration:none; letter-spacing:-1px;
			color:#000; background:#ccc; 
		}
		
		/* empty */
		table.calendar.quickview tr td.empty a,
		table.calendar.quickview tr td.empty span,
		table.calendar.quickview tr td.empty:hover a{color:#444; cursor:default;}
		table.calendar.quickview tr td.empty:hover{
			background:#ccc;
			border:1px solid #fff;
			border-bottom:1px solid #888;
			border-right:1px solid #888;
		}
		/* disabled */
		table.calendar.quickview tr td.disabled a,
		table.calendar.quickview tr td.disabled span,
		table.calendar.quickview tr td.disabled:hover a{color:#888; cursor:default;}
		table.calendar.quickview tr td.disabled:hover{
			background:#ccc;
			border:1px solid #fff;
			border-bottom:1px solid #888;
			border-right:1px solid #888;
		}
		
	/* week */
	table.calendar.quickview tr.week td{
		background:#aaa;
		border:1px solid #ccc;
		border-bottom:1px solid #888;
		border-right:1px solid #888;
	}
		table.calendar.quickview tr.week td a,
		table.calendar.quickview tr.week td a:visited{
			background:#aaa;
		}
	
	/* today */
	table.calendar.quickview tr td.today{
		background:#222 url("http://bureauapi.com/formation/v2/images/tip-bg.png") repeat-x top left;
		border:1px solid #222;
	}
	table.calendar.quickview tr td.today:hover{}
		table.calendar.quickview tr td.today a,
		table.calendar.quickview tr td.today a:visited,
		table.calendar.quickview tr td.today span{color:#fff; background:transparent;}
		table.calendar.quickview tr td.today:hover a{color:#fff;}
	
	/* selected */
	table.calendar.quickview tr td.selected,
	table.calendar.quickview tr td:hover{
		background:#393;
		border:1px solid #060;
	}
		table.calendar.quickview tr td.selected a,
		table.calendar.quickview tr td.selected a:visited,
		table.calendar.quickview tr td.selected span,
		table.calendar.quickview tr td:hover a,
		table.calendar.quickview tr td:hover a:visited{color:#fff; background:transparent;}/*
______________________________________________________________________________________
Module: Product CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions that apply to the Product module.
-

*/
div.product{
}

/* -----------------------------   product feature   ------------------------------- */
div.product-feature{}
	div.product-feature .info{
		display:block; float:left; clear:none;
		width:27%; margin:0; padding:0;
	}
	div.product-feature .product{
		display:block; float:right; clear:none;
		width:70%; margin:0; padding:0;
	}
	div.product-feature .buy-now{
		display:block; float:none; clear:both; overflow:hidden;
		margin:0;
	}

/* -----------------------------   product listing   ------------------------------- */
div.product-item{
}
	div.product.listing ul{
		display:block; float:none; clear:both; overflow:hidden;
	}
		div.product.listing ul li.product-item{
			display:block; float:left; clear:none; 
			list-style:none outside; margin:0 10px 20px 0; padding:0;
			width:30%;
		}
			/* item: title */
			div.product.listing ul li.product-item .title{
				display:block; float:none; clear:both; overflow:hidden;
				height:1em;
			}
			/* item: product */
			div.product.listing ul li.product-item .product{
				display:block; float:none; clear:both; overflow:hidden;
				margin:0 0 10px 0; padding:0;
			}
				div.product.listing ul li.product-item .product a{display:block; float:none; clear:both; overflow:hidden;}
					div.product.listing ul li.product-item .product a img{display:block; width:100%;}

/* -------------------------------   product item   -------------------------------- */
div.product-item{
}
	/* product-item name */
	div.product-item div.name{}
	
	/* product-item info */
	div.product-item div.info{
		width:30%; float:left; clear:none; 
	}
		div.product-item .description h5{display:none;}
		div.product-item .price h5{display:none;}
		div.product-item .price .dollars{font-size:1.5em;}
		div.product-item .price .cents{vertical-align:top; font-size:1em;}
	
	/* product-item gallery */
	div.product-item div.gallery{
		width:65%; float:right; clear:none;
		position:relative; 
	}
		div.product-item .gallery h5{display:none;}
		
		/* product-item gallery: product */
		div.product-item .gallery .product{
			display:block; float:none; clear:both; overflow:hidden;
			margin:0; padding:0;
		}
			/* product-item gallery: viewport */
			div.product-item .gallery .product .viewport{
				display:none; float:none; clear:both; overflow:hidden;
				width:50px; height:50px;
				position:absolute; z-index:100; cursor:move;
				border:1px solid #000; background:#333; opacity:0.65;
			}
			div.product-item .gallery .product:hover .viewport{display:block;}
				div.product-item .gallery .product .viewport .preview{display:block; width:50px; height:50px;}
			
			/* product-item gallery: zoom */
			div.product-item .gallery .product.zoomable{
				position:relative; width:400px; height:300px;
				cursor:url("http://bureauapi.com/formation/v2/images/zoom-in.cur"), -moz-zoom-in;
			}
				div.product-item .gallery .product.zoomable img{
					display:block; position:absolute; left:0; top:0;
				}
		
		/* product-item gallery: views */
		div.product-item .views{
			display:block; float:none; clear:both; overflow:hidden;
			margin:0 0 10px 0; padding:0;
		}
			div.product-item .views li{
				display:block; float:left; clear:none;
				list-style:none outside; margin:0 10px 0 0; padding:0;
			}
				div.product-item .views li a,
				div.product-item .views li ins{
					display:block; overflow:hidden; position:relative;
					margin:0; padding:0; width:44px; height:44px;
					border:1px solid #888; 
				}
				div.product-item .views li a:hover,
				div.product-item .views li.on a,
				div.product-item .views li.on ins{border:3px solid #888; width:40px; height:40px;}
				
					div.product-item .views li img{
						display:block; position:relative;
						height:45px; margin:-1px;
					}
					div.product-item .views li a:hover img,
					div.product-item .views li.on img{
						margin:-3px;
					}
					
		/* product-item gallery: full-view */
		div.product-item .gallery .full{
			display:none; float:none; clear:both; overflow:hidden; position:absolute; left:0; top:0; z-index:100;
			width:400px; height:300px;
		}
			div.product-item .gallery .full .container{
				display:block; float:none; clear:both; overflow:hidden; 
				width:400px; height:300px;
			}
				div.product-item .gallery .full .image{
					display:block; float:none; clear:both; overflow:hidden; position:relative;
					background:#fff;
				}
					
			/* product-item gallery: full-view - draggable */
			div.product-item .gallery .full.draggable .image{cursor:move;}
			div.product-item .gallery .full.draggable .image:active{cursor:-moz-grabbing;}
			
			/* product-item gallery: full-view - reset */
			div.product-item .gallery .full ul.options{
				display:block; float:left; clear:both;
				position:absolute; left:10px; top:10px; z-index:100;
				margin:0; padding:0;
			}
				div.product-item .gallery .full ul.options li{
					display:block; float:left; clear:none; 
					list-style:none outside;
					border:1px solid #ccc; background:#fff;
					cursor:pointer;
					margin:0; padding:5px;
				}
		

	/* product-item selection */
	div.product-item div.selection{width:30%; float:left;}
		div.product-item div.selection legend{font-size:1em;}
	
	/* product-item listing */
	div.product-item .listing{}
		div.product-item .listing ul{
			display:block; float:none; clear:both; overflow:hidden;
		}
			div.product-item .listing ul li.product-item{
				display:block; float:left; clear:none; 
				list-style:none outside; margin:0; padding:0;
			}
				div.product-item .listing ul li.product-item div.details{
					
				}

/* -------------------------------      cart      -------------------------------- */
/* table: cart */
table.cart{}
	table.cart tr th strong{cursor:default;}
	
	/* item */
	table.cart tr td.item{width:350px; padding:10px 5px;}
		table.cart tr td.item div.image{display:block; float:left; clear:none;}
			table.cart tr td.item div.image p{margin:0 10px 0 0;}
			table.cart tr td.item div.image p img{display:block;}
		table.cart tr td.item div.info{display:block; float:right; clear:none;}
			table.cart tr td.item div.info .title{margin:0 0 5px 0; font-size:1.2em;}
			table.cart tr td.item div.info .id{color:#999; font-size:0.9em;}
	
	/* details */
	table.cart tr td.details{width:80px;}
		table.cart tr td.details ul{margin:0;}
			table.cart tr td.details ul li{margin:0 0 5px 0; list-style:none outside; font-size:0.9em;}
			table.cart tr td.details ul li .key{display:block; float:none; clear:both; color:#999;}
			table.cart tr td.details ul li .value{display:block; float:none; clear:both; font-weight:bold;}
			
	/* quantity */
	table.cart tr td.quantity{}
		table.cart tr td.quantity select{width:auto; font-size:1.5em; padding:3px; height:auto;}
		
	/* price */
	table.cart tr td.price{font-weight:bold;}
	
	/* cost */
	table.cart tr td.cost{font-weight:bold;}
	
	/* manage */
	table.cart tr td.manage{width:100px;}
		table.cart tr td.manage ul{margin:0;}
			table.cart tr td.manage ul li{
				display:block; float:none; clear:both; overflow:hidden; height:1%;
				margin:0 0 1px 0; list-style:none outside; 
				font-size:0.8em; text-transform:uppercase;
			}
				table.cart tr td.manage ul li a,
				table.cart tr td.manage ul li a:visited{
					display:block; float:left; clear:both; overflow:hidden;
					background:#ccc; color:#000;
					margin:0; padding:0px 2px;
					text-decoration:none;
				}
				table.cart tr td.manage ul li a:hover{background:#666; color:#fff;}
	
	/* subtotal */	
	table.cart tr.subtotal td{
		border-top:1px solid #ddd; vertical-align:middle;
		padding-top:25px;
	}
		table.cart tr.subtotal td.info{text-align:right; padding-right:10px;}
		table.cart tr.subtotal td.info .label{
			text-transform:uppercase; 
			font-size:1.2em; font-weight:bold; letter-spacing:-0.5px; line-height:1em; 
			margin:0; padding:0;
		}
		table.cart tr.subtotal td.info .more{
			color:#888; font-size:1em;
			margin:0; padding:0;
		}
		table.cart tr.subtotal td .price{;
			text-transform:uppercase;
			font-size:1.2em; font-weight:bold; letter-spacing:-0.5px; line-height:1em; 
			margin:0; padding:0;
		}	
			table.cart tr.subtotal td .price sup{font-size:0.75em; vertical-align:middle;}
	
	/* total */	
	table.cart tr.total td{border-top:1px solid #ddd; padding-top:25px;}
	table.cart tr.total td.info .label{
		display:block; float:right; clear:none;
		margin:0;
	}
	table.cart tr.total td.info .note{
		display:block; float:left; clear:none; 
		color:#888; padding:2px 0 0 0;
	}
	table.cart tr.total td .price{
		display:block; float:left; clear:none; 
		margin:0;
	}
		table.cart tr.total td .price sup{font-size:0.6em; vertical-align:middle;}/*
______________________________________________________________________________________
Module: Blog CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions that apply to the Blog module.
-

*/
div.blog{
	
}

/* ---------------------------------   blog item   --------------------------------- */
div.blog-item{
	margin:0 0 50px 0; position:relative;
}
	div.blog-item .title{
		margin:0 0 10px 0; 
		font-size:1.6em;
	}
		div.blog-item .title a{text-decoration:none;}
		div.blog-item .title a:hover{text-decoration:underline;}
	div.blog-item .datetime{
		font-size:0.9em; color:#888;
	}
	
	/* blog-item post */
	div.blog-item .post{
		margin:0 0 25px 0;
	}
		div.blog-item .post h6{font-size:1.2em;}
		div.blog-item .post p img{border:1px solid #ccc; padding:5px;}
	
	/* blog-item info */
	div.blog-item div.info{
		height:1%; margin:0 0 10px 0;
	}
		div.blog-item div.info h5{display:none;}
		div.blog-item div.info ul{overflow:hidden; height:1%;}
			div.blog-item div.info ul li{list-style:none; margin:0;}
			div.blog-item div.info ul li.author{color:#888; float:left;}
			div.blog-item div.info ul li.category{color:#888; font-size:0.9em; float:right; clear:none; margin:0 0 0 25px;}
			div.blog-item div.info ul li.tags{color:#888; font-size:0.9em; float:right; clear:both;}

	/* blog-item footer */
	div.blog-item div.footer{
		margin:0; overflow:hidden; height:1%;
	}
		div.blog-item div.footer h5{display:none;}
		
		/* blog-item footer lists */
		div.blog-item div.footer ul{
			display:block; float:none; clear:both; 
			margin:0 0 5px 0; padding:0; overflow:hidden; height:1%;
		}
			div.blog-item div.footer ul li{
				display:block; float:left; clear:none;
				margin:0; padding:0; overflow:hidden; height:1%;
				font-weight:normal; text-align:left;
				list-style:none outside;
			}
			div.blog-item div.footer ul.left{float:left; clear:none;}
			div.blog-item div.footer ul.right{float:right; clear:none; margin-left:10px;}
				div.blog div.blog-item div.footer ul li a span{display:none;}

		/* blog-item footer: forms*/
		div.blog-item div.footer form{
			display:block; float:none; clear:both; overflow:hidden; 
			position:absolute; z-index:1000; left:50px; bottom:50px;
			margin:0 auto; padding:10px; width:80%;
			background:#eee; border:3px solid #ccc;
		}
			div.blog-item div.footer form textarea{height:auto;}
			div.blog-item div.footer form fieldset{border:0px none; margin:0;}
				div.blog-item div.footer form fieldset ol{margin:0;}
			div.blog-item div.footer form p.submit{font-size:0.9em; margin-top:10px;}
				div.blog-item div.footer form p.submit input.button{padding:2px 5px;}
				div.blog-item div.footer form p.submit .button input{padding:2px 5px; color:#888;}

	/* blog-item comments */
	div.blog-item div.comments{
		border-top:1px solid #ccc;
		padding:10px 0; margin:0;
	}
		div.blog-item div.comments h5{
			margin:0 0 10px 0; text-align:left; 
			font-weight:normal; font-size:1.2em; 
		}
			div.blog-item div.comments h5 a{text-decoration:none;}
		div.blog-item div.comments ol{
			margin:10px 0;
		}
			/* comment */
			div.blog-item div.comments ol li.comment{
				list-style:none outside; 
				margin:0 0 10px 0;
			}
				div.blog-item div.comments ol li.comment .author{float:left; clear:none;}
					div.blog-item div.comments ol li.comment .author a{text-decoration:none; font-weight:bold;}
					div.blog-item div.comments ol li.comment .author a:hover{text-decoration:underline;}
				div.blog-item div.comments ol li.comment .datetime{float:right; clear:none;}
				div.blog-item div.comments ol li.comment .post{clear:both;}
			
			/* add comment */
			div.blog-item div.comments ol li.add-comment{
				list-style:none outside; 
				margin:0 0 10px 0; padding:25px 0 0 0; 
				border-top:1px solid #ccc;
			}
				div.blog-item div.comments ol li.add-comment form legend{font-size:1.2em;}
			
/* ---------------------------------   blog single   --------------------------------- */
div.blog.single{}
	div.blog.single div.blog-item{border:0px none;}
		div.blog.single div.blog-item div.footer{
			padding:15px 0; margin:0; overflow:hidden; height:1%;
		}
			div.blog.single div.blog-item div.footer ul li a span{display:inline;}/*
______________________________________________________________________________________
Module: User CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions that apply to the User module.
-

*/
div.user{
	
}

/* -----------------------------   user sidepanel   ------------------------------ */
div.user.sidepanel{
}
	div.user.sidepanel h4{display:none;}
	div.user.sidepanel .image{
		display:block; float:left; clear:none;
		margin:0 10px 10px 0; 
	}
		div.user.sidepanel .image a{
			display:block; padding:5px;
			border:1px solid #ccc; background:#fff;
			border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
		}
			div.user.sidepanel .image a:hover{border:1px solid #888;}
			div.user.sidepanel .image img{display:block; width:60px;}
	
	div.user.sidepanel .name{
		display:block; float:left; clear:none;
		width:65%; font-size:1.2em; margin:5px 0;
	}
		div.user.sidepanel .name a{text-decoration:none; color:#444;}
		div.user.sidepanel .name a:hover{color:#222; border-bottom:1px solid #ccc;}
	div.user.sidepanel .about{
		display:block; float:left; clear:none; 
		width:65%; color:#888; font-style:italic;
	}
	
	div.user.sidepanel ul.meta{
		display:block; float:none; clear:both;
	}
		div.user.sidepanel ul.meta li{
			display:block; float:none; clear:both; 
			overflow:hidden; height:1%; 
			list-style:none outside; margin:0 0 10px 0;
		}
			div.user.sidepanel ul.meta li .key{
				display:block; float:none; clear:both; 
				margin:0 0 2px 0; font-weight:normal;
			}
			div.user.sidepanel ul.meta li .value{
				display:block; float:none; clear:both; 
				color:#888;
			}
				div.user.sidepanel ul.meta li .value a{color:#888;}
				div.user.sidepanel ul.meta li .value a:hover{color:#444;}/*
______________________________________________________________________________________
Module: Tools CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions that apply to the Tools module.
-

*/


/* ------------------------------   bigbox   -------------------------------- */
div.bigbox{
	width:auto; overflow:hidden; position:relative;
}
	/* slideshow */
	div.bigbox div.slideshow{
	  position:relative; overflow:hidden;
  }
		div.bigbox div.slideshow div.slides{
		  width:400%; padding:0; 
			overflow:hidden; position:relative;
		}
			div.bigbox div.slideshow div.slides div.slide{
			  width:25%; float:left; clear:none; 
				margin:0 10px 0 0; padding:0;
		  }
					
	/* slideshow: controls */
	div.bigbox div.slideshow-controls{
		height:1px; 
		overflow:visible; position:absolute; z-index:100; left:0; top:0;
	}
		div.bigbox div.slideshow-controls ul{
			display:block; float:none; clear:both; overflow:visible; height:1px;
			margin:0; padding:0;
		}
			div.bigbox div.slideshow-controls ul li{
				list-style:none outside; margin:0; padding:0;
				display:block; float:left; clear:none; overflow:hidden;
			}
				div.bigbox div.slideshow-controls ul li.prev a,
				div.bigbox div.slideshow-controls ul li.next a{
					display:block; float:none; clear:both; overflow:hidden; 
					width:50px; height:100px; opacity:0.25;
					background:transparent url("http://bureauapi.com/formation/v2/images/arrows-slider.png") no-repeat 0px 0px;
					text-indent:-999px;
				}
					div.bigbox div.slideshow-controls ul li.prev a:hover,
					div.bigbox div.slideshow-controls ul li.next a:hover{opacity:0.75;}
				
				div.bigbox div.slideshow-controls ul li.prev{float:left;}
				div.bigbox div.slideshow-controls ul li.next{float:right;}
					div.bigbox div.slideshow-controls ul li.next a{background-position:0px -101px;}

/* ------------------------------   user   -------------------------------- */
div.user{
	
}

/* -----------------------------   sharing   ------------------------------ */
div.networks{
}
	div.networks .network-group{
		display:inline; float:none; clear:none; overflow:hidden;
		margin:0; padding:0;
		display:none; visibility:hidden; height:0px; width:0px;/**/
	}
	div.networks .network-group.primary,
	div.networks .network-group.show{display:block; width:auto; height:auto; visibility:visible;}
		div.networks .network-group li{
			display:block; float:left; clear:none; overflow:hidden;
			list-style:none outside; margin:0 10px 10px 0; padding:0; line-height:1.4em;
		}
			div.networks .network-group li a{
				display:block; float:none; clear:both; overflow:hidden;
				background:transparent url("http://bureauapi.com/formation/v2/images/iconset-networks.png") no-repeat 0px 0px;
				height:16px; margin:0; padding:0 0 0 21px;
			}
			
			div.networks .network-group li.permalink a{background-position:0px 0px;}
			
			div.networks .network-group li.facebook a{background-position:0px -16px;}
			div.networks .network-group li.myspace a{background-position:0px -32px;}
			div.networks .network-group li.friendster a{background-position:0px -48px;}
			div.networks .network-group li.linkedin a{background-position:0px -64px;}
			
			div.networks .network-group li.blogger a{background-position:0px -96px;}
			div.networks .network-group li.wordpress a{background-position:0px -112px;}
			div.networks .network-group li.livejournal a{background-position:0px -128px;}
			div.networks .network-group li.typepad a{background-position:0px -144px;}
			div.networks .network-group li.xanga a{background-position:0px -160px;}
			
			div.networks .network-group li.twitter a{background-position:0px -192px;}
			div.networks .network-group li.delicious a{background-position:0px -208px;}
			div.networks .network-group li.stumbleupon a{background-position:0px -224px;}
			div.networks .network-group li.google a{background-position:0px -240px;}
			div.networks .network-group li.windows a{background-position:0px -256px;}
			
			div.networks .network-group li.digg a{background-position:0px -288px;}
			div.networks .network-group li.reddit a{background-position:0px -304px;}
			div.networks .network-group li.technorati a{background-position:0px -320px;}
			div.networks .network-group li.mixx a{background-position:0px -336px;}
			div.networks .network-group li.yahoo a{background-position:0px -352px;}
	
	div.networks .primary-networks{
		display:block;
	}
	
/* ------------------------------   rating   -------------------------------- */
ul.rating,
ul.rating a:hover,
ul.rating a:active,
ul.rating a:focus,
ul.rating .current-rating{
	background: url("http://bureauapi.com/formation/v2/images/star.png") left -1000px repeat-x;
}
ul.rating{
	position:relative; overflow:hidden;
	margin:0; padding:0;
	width:125px; height:25px;
	list-style:none outside;
	background-position:left top;
}
	ul.rating li{display: inline;}
		ul.rating a,
		ul.rating .current-rating{
			height:25px; line-height:25px;
			top:0; left:0;
			position:absolute; overflow:hidden; text-indent:-1000em;
			outline:none; border: none;
		}
		ul.rating a:hover,
		ul.rating a:active,
		ul.rating a:focus{
			background-position:left bottom;
		}
			ul.rating a.one-star{width:20%; z-index:6;}
			ul.rating a.two-stars{width:40%; z-index:5;}
			ul.rating a.three-stars{width:60%; z-index:4;}
			ul.rating a.four-stars{width:80%; z-index:3;}
			ul.rating a.five-stars{width:100%; z-index:2;}
			ul.rating .current-rating{z-index:1; background-position: left center;}
			
/* ------------------------------   footer   -------------------------------- */
div#footer .credits{}
	div#footer .plot{
		float:right; clear:both;
	}
		div#footer .plot .message{display:none;}
		div#footer .plot .logo{
			display:block; float:none; clear:both; overflow:hidden;
			width:300px; height:30px; text-indent:-999px;
			margin:0 auto; padding:0;
			background:transparent url("http://bureauapi.com/formation/v2/images/plot.png") no-repeat 0px -30px;
		}
		div#footer .plot .logo:hover{background-position:0px 0px;}
		
		
		/* different pLot logos */
		/* default, with tagline, light */
		div#footer .plot.commerce .logo{background-image:url("http://bureauapi.com/formation/v2/images/credits/plot-commerce.png");}
		/* with tagline, dark */
		div#footer .plot.commerce .logo.dark{background-image:url("http://bureauapi.com/formation/v2/images/credits/plot-commerce-dark.png");}
		/* with tagline, grey */
		div#footer .plot.commerce .logo.grey{background-image:url("http://bureauapi.com/formation/v2/images/credits/plot-commerce-grey.png");}
		/* with no tagline, light */
		div#footer .plot.commerce .logo.no-tagline{background-image:url("http://bureauapi.com/formation/v2/images/credits/plot-commerce-notagline.png");}
		/* with no tagline, minimal, light */
		div#footer .plot.commerce .logo.minimal{background-image:url("http://bureauapi.com/formation/v2/images/credits/plot-commerce-minimal.png");}/*
______________________________________________________________________________________
Skin CSS for www.PublicSchoolNYC.com
Version 2.0 / 01.01.09
(c) 2008, pLot
-
Contains style definitions that denote a global theme to the elements that make up the
site and formalises the site's overall look & feel.
-

*/

body{
	font:normal normal normal 75%/1.2em Helvetica, Arial, sans-serif; /* 62.5% = 10px */
	color:#fff; text-align:center; 
	background:#dadada url("../images/bg-tile.png") repeat fixed 0px 0px;
}
	body div#debug{display:inherit;}
	body div#debug div.grid table{border-spacing:20px 0; width:900px; margin:0 auto;}
	body div#debug{display:none; height:0px; width:0px; opacity:0; visibility:hidden;}

/* --------------------------------- architecture --------------------------------- */
div#container{
	text-align:left;
}
	/* header */
	div#header{
		margin:40px 0 0 0; padding:0 0 20px 20px;
		background:transparent url("../images/content-top-bg.png") no-repeat bottom left;
	}
		
		div#header h1{
			display:block; float:left; clear:none;
			margin:0; padding:0; 
			text-indent:-999px; font-size:0em; 
		}
			div#header h1 a{
				display:block; float:none; clear:both; overflow:hidden;
				width:295px; height:21px; color:#fff;
				background:transparent url("../images/logo.png") no-repeat top center;
			}
		
		/* menu */
		div#header div.menu{
			display:block; float:left; clear:none; overflow:hidden;
			margin:0 0 0 20px; padding:0; width:auto;
		}
			div#header div.menu ul,
			div#header div.user-menu ul{
				display:block; float:none; clear:both; overflow:hidden;
				margin:0; padding:0;
				font-family:Georgia, "Times New Roman", Times, serif;
			}
				div#header div.menu li,
				div#header div.user-menu li{
					display:block; float:left; clear:none;
					list-style:none outside; margin:0 0 0 10px; padding:0;
				}
				div#header div.menu li.on a, 
				div#header div.menu li.on ins,
				div#header div.user-menu li.on a,
				div#header div.user-menu li.on ins{color:#000;}
					
					div#header div.menu li a,
					div#header div.menu li a.out,
					div#header div.menu li ins,
					div#header div.user-menu li a,
					div#header div.user-menu li a.out,
					div#header div.user-menu li ins{
						display:block; float:none; clear:both;
						margin:0; padding:4px; color:#808080;
						font-size:1.2em; text-decoration:none;
						text-transform:lowercase; font-weight:bold;
					}
					div#header div.menu li ins,
					div#header div.user-menu li ins{cursor:default;}
						div#header div.menu li a:hover,
						div#header div.user-menu a:hover{color:#000;}
						
		/* menu */
		div#header div.user-menu{
			display:block; float:right; clear:none; overflow:hidden;
			margin:0 20px 0 0; padding:0; width:auto; font-style:italic;
		}
			div#header div.user-menu h4{display:none;}
			div#header div.user-menu li.checkout .text{display:none;}
			div#header div.user-menu li.checkout a.cart{
				background:transparent url("../images/cart-bg.png") no-repeat 0px 0px;
				height:18px; padding:4px 0 0 38px; margin:0; font-style:italic;;
			}
			div#header div.user-menu li.checkout a.cart:hover{background-position:0 -22px;}
				div#header div.user-menu li.checkout a.cart .text{display:inline; padding:0 16px 0 0;}
				div#header div.user-menu li.checkout a.cart:hover .text{
					background:transparent url("../images/arrow-right.png") no-repeat right 6px;
				}
								
	/* body */
	div#body{
		height:480px; padding:20px;
		background:transparent url("../images/content-bg.png") repeat-y 0px 0px;
	}
	div#body.auto{height:auto;}
		
		/* left-column */
		div#column-left{}
			div.side-menu{}
				div.side-menu h3{display:none;}
				div.side-menu ul{
					display:block; float:none; clear:both; overflow:hidden;
					font-family:Georgia, "Times New Roman", Times, serif; 
					font-weight:normal; letter-spacing:0px; text-transform:lowercase; 
					margin-top:20px;
				}
					div.side-menu ul li{
						list-style:none outside; margin:0; padding:0;
						font-size:1.2em; line-height:1.25em; color:#8a8a8a;
					}
						div.side-menu ul li.terms{margin-top:15px;}
						div.side-menu ul li a,
						div.side-menu ul li a.out,
						div.side-menu ul li a:visited,
						div.side-menu ul li ins{text-decoration:none; color:#8a8a8a;}
						div.side-menu ul li ins{cursor:default;}
						
						div.side-menu ul li a:hover,
						div.side-menu ul li a.over,
						div.side-menu ul li.on ins{color:#fff;}
						
						div.side-menu ul li.disabled ins{color:#404040;}
			
		/* center-column */
		div#column-center{
			margin:0; padding:0;
		}
		/*div#column-center form ol li.rte .mooeditable-toolbar{ border:1px solid #00CCFF;}*/
		div#column-center div.panel textarea{}
			/* bigbox */
			div.bigbox{
				width:640px; height:450px; overflow:hidden;
				margin:0; padding:0;
			}
				div.bigbox h3{display:none;}
					
					/* slideshow: controls */
					div.bigbox div.slideshow-controls{
						position:relative; width:100px; margin:10px auto; padding:0; overflow:hidden;
						left:auto; top:auto; height:auto;
					}
						div.bigbox div.slideshow-controls h4{display:none;}
						div.bigbox div.slideshow-controls ul{height:auto; overflow:hidden; float:left; clear:none;}
							div.bigbox div.slideshow-controls ul li a,
							div.bigbox div.slideshow-controls ul li a:visited,
							div.bigbox div.slideshow-controls ul li ins{
								display:block; float:none; clear:both; overflow:hidden;
								width:16px; height:16px; opacity:1.0; text-indent:-999px;
								background:transparent url("../images/slideshow-controls.png") no-repeat 0px 0px;
							}
							div.bigbox div.slideshow-controls ul li.selected ins,
							div.bigbox div.slideshow-controls ul li.selected a,
							div.bigbox div.slideshow-controls ul li a:hover{
								background-position:0px -16px; opacity:1.0;
							}
					
					/* slideshow: slides */
					div.bigbox div.slideshow div.slides{height:420px; overflow:hidden;}
						div.bigbox div.slideshow div.slides div.slide{
							width:640px; height:420px; margin:0; padding:0; position:relative;
						}
						
						/* promo slide */
						div.bigbox div.slideshow div.slides div.slide.promo .title,
						div.bigbox div.slideshow div.slides div.slide.promo .title a{
							color:#000; text-decoration:none; text-transform:lowercase; font-weight:bold;
						}
							div.bigbox div.slideshow div.slides div.slide.promo .title a{
								width:640px; height:420px;
							}
							div.bigbox div.slideshow div.slides div.slide.promo .info{
								background:url(../images/gradient-white.png) repeat-x;
								left:40px;
								position:absolute;
								top:0;
								width:160px;
								padding:15px;
								height:420px;
							}
							div.bigbox div.slideshow div.slides div.slide.promo .description p{color:#000;}
								div.bigbox div.slideshow div.slides div.slide.promo .description p a{ color:#000;}
							div.bigbox div.slideshow div.slides div.slide.promo .purchase{display:none;}
	
	/* footer */
	div#footer{
		height:auto; padding:10px; padding-top:12px; color:#888;
		background:transparent url("../images/content-bottom-bg.png") no-repeat top left;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
		div#footer a,
		div#footer a:visited{color:#888; font-weight:normal; text-decoration:none;}
		div#footer a:hover,
		div#footer ins{color:#000; text-decoration:none;}
		
		div#footer .copyright {
			float:right; clear:none; margin:0; padding:8px 0;
			/*margin:0 66px 0 0; padding:8px 26px;
			background:transparent url("../images/apple.png") no-repeat center left;*/
		}
			div#footer .copyright p{margin:0; line-height:1.8em;}
		div#footer .newsletter {
			float:left; clear:left; padding:8px 0 0 0px;
		}
			div#footer .newsletter .heading {float:left; clear:none; margin-right:20px; padding-top:4px;}
				div#footer .newsletter .heading h4 {color:#888; font-size:1em;}
			div#footer .newsletter .body {float:left; clear:none;}
				div#footer .newsletter .body label {display:none;}
				div#footer .newsletter .body input {float:left; clear:none;}	
					div#footer .newsletter .body input#email_address {width:180px; border:1px solid #aaa;}
					div#footer .newsletter .body input.button {border:1px solid #aaa; padding:2px 5px; color:#888; font-size:1em;}
				div#footer .newsletter .body legend {display:none;}
				div#footer .newsletter .body fieldset {margin:0;}
					div#footer .newsletter .body fieldset ol {margin:0;}
			
		div#footer .menu{
			float:left; clear:left; padding:8px 0; margin-left:-5px;
		}
			div#footer .menu h4{display:none;}
			div#footer .menu ul{display:block; float:none; clear:both; overflow:hidden; margin:0;}
				div#footer .menu ul li{
					display:inline; list-style:none outside; line-height:1.8em; margin:0; padding:0 5px;
					border-right:1px solid #ccc;
				}
				div#footer .menu ul li:last-child{border:0px none;}
		
		div#footer .credits{
			float:right; clear:right; margin:0;
		}
			div#footer .plot{
				float:none; clear:both;
			}
				div#footer .plot p{margin:0;}
				div#footer .plot .message{display:none;}
				div#footer .plot .logo{
					display:block; float:none; clear:both; overflow:hidden;
					width:290px; height:30px; text-indent:-999px;
					margin:0 auto; padding:0;
					background:transparent url("../images/plot.png") no-repeat 0px -30px;
				}
				div#footer .plot .logo:hover{background-position:0px 0px;}

/* ----------------------------------   custom    --------------------------------- */
/* product: listing */
div#body div.product.listing,
div#body div.category.listing{
	display:block; float:left; clear:none; overflow:hidden; position:relative;
	width:660px; height:480px;
	margin:0; padding:0;
}
	div#body.auto div.category.listing,
	div#body.auto div.product.listing{ height:auto;}
	div#body.auto div#column-center div.product-menu{display:none;}
	div.product.listing ul,
	div.category.listing ul{
		overflow:visible; height:1%; margin:0; padding:0;
	}
		div.product.listing ul li.product-item,
		div.category.listing ul li.category-item{
			width:170px; height:230px; overflow:visible; position:relative;
			margin:0 50px 20px 0; padding:0;
			font-size:1em;
		}
			div.category.listing ul li.category-item{float:left; clear:none; list-style-type:none;}
			div.product.listing ul li.product-item .product a,
			div.category.listing ul li.category-item .product a{
				display:block; float:none; clear:both;
				color:#444; text-align:center; vertical-align:middle;
				width:auto; height:230px; text-decoration:none;
			}
			div.product.listing ul li.product-item .product a img,
			div.category.listing ul li.category-item .product a img{
				display:block; margin:0 auto; width:auto; height:230px; font-size:0;
				background:#0c0c0c url("../images/loading.gif") no-repeat center center;
			}
		
			div.product.listing ul li.product-item div.details,
			div.category.listing ul li.category-item div.details{
				display:block; float:none; clear:both; overflow:hidden;
				width:150px; position:absolute; z-index:500; bottom:0px; left:0px;
				margin:0; padding:10px;
				background:url(../images/gradient-white.png) repeat-x;
				background-position:center center; 
				height:auto; 
			}			
			div.category.listing ul li.category-item div.details{padding:11px;}
				div.product.listing ul li.product-item div.details .title,
				div.category.listing ul li.category-item div.details .title{
					font-size:1.0em; height:auto; overflow:visible;
					font-family:Helvetica,Arial,sans-serif; color:#000;
					text-transform:lowercase;
				}
				div.product.listing ul li.product-item div.details .title{width:75%; float:left; clear:none; margin-bottom:0; line-height:2em;}
				div.category.listing ul li.category-item div.details .title{margin-bottom:0; text-align:center;}
					div.product.listing ul li.product-item div.details .title a,
					div.category.listing ul li.category-item div.details .title a{color:#000; text-decoration:none; margin-bottom:1px;}
					div.category.listing ul li.category-item div.details .title a{font-weight:bold; font-weight:1.1em;}
					div.product.listing ul li.product-item div.details .title a:hover,
					div.category.listing ul li.category-item div.details .title a:hover{border-bottom:1px solid #c00; margin:0;}
					
				div.product.listing ul li.product-item div.details .price{
					display:block; float:none; clear:both; margin:0;
					font-size:1.4em; font-weight:none; color:#000;
					width:35px; float:left; clear:none;
				}
				
				div.product.listing ul li.product-item div.details .old{ 
					float:right; color:#000; 
					font-weight:bold; text-decoration:line-through; 
					margin-bottom:0; width:39px;
				}
					div.product.listing ul li.product-item div.details .old strong.key{ display:none;}
				
				div.category.listing ul li.category-item div.details .price{display:none;}
				
					div.product.listing ul li.product-item div.details .price .key,
					div.category.listing ul li.category-item div.details .price .key{display:none;}
					div.product.listing ul li.product-item div.details .price .value,
					div.category.listing ul li.category-item div.details .price .value{font-size:0.7em; font-weight:bold;}
						div.product.listing ul li.product-item div.details .price .value.old,
						div.category.listing ul li.category-item div.details .price .value.old,
						div.product-item div.price .old {font-size:0.9em; text-decoration:line-through; color:#ccc; margin-right:10px;}
						div.product.listing ul li.product-item div.details .price .value sup,
						div.category.listing ul li.category-item div.details .price .value sup,		
						div.product.listing ul li.product-item div.details .old sup{font-size:1em; vertical-align:baseline;}
				div.product.listing ul li.product-item div.description,
				div.category.listing ul li.category-item div.description{
					width:auto;
					font-size:0.9em;
					color:#000;
					display:none;
				}

/* product: single */
div#body div.product.single{
	display:block; float:left; clear:none; overflow:visible;
	width:640px; height:auto;
	margin:0;
}
	/* product: containers */
	div.product-item div.left{float:left; clear:none; overflow:visible;}
	div.product-item div.right{float:right; clear:none; width:320px; overflow:hidden;}
	
	/* product-item: info */
	div.product-item div.info{
		float:none; clear:both;
		width:220px; height:228px; margin:0; padding:0;
	}
		div.product-item div.name{width:auto; float:none; clear:both;}
			div.product-item .title{
				float:left; clear:none;
				font-size:1.2em;
				font-family:Helvetica,Arial,sans-serif;
			}
				div.product-item .title a{text-decoration:none;}
				div.product-item .title a:hover{color:#fff; border-bottom:1px solid #c00;}
		div.product-item div.description{margin:0 0 5px 0; text-transform:lowercase;}
			div.product-item div.description ul li{margin-left:1.2em;}
		div.product-item div.price{}
			div.product-item .price p {font-weight:bold; font-size:1.2em;}
			div.product-item .price .dollars{font-size:1.1em;}
			div.product-item .price .cents{}
		
	/* product-item: selection */
	div.product-item div.selection{
		float:none; width:auto; margin:-28px 0 0 0;
		overflow:hidden; width:210px; 
	}
	div#column-center div.product.single div.product-item div.right div.selection{margin:0;}
		div.product-item div.selection fieldset{
			display:block; float:none; clear:both; position:relative;
			width:auto; padding:28px 0 0 0; margin:0 0 10px 0;
		}
			div.product-item div.selection fieldset ol{margin:0; width:160px;}
			div.product-item div.selection fieldset p.error,
			div.product-item div.selection fieldset p.success,
			div.product-item div.selection fieldset p.notify{margin-top:-28px; position:absolute;}
			
			div.product-item div.selection legend{display:none;}
			div.product-item div.selection label{display:none;}
			div.product-item div.selection select{text-align:center; width:96.5%;}
			div.product-item div.selection select.empty{background:#999; font-style:normal; color:#000;}
			div.product-item div.selection select.empty:hover{background:#fff;}
			
		div.product-item div.selection .submit{
			display:block; float:none; clear:both;
			width:160px;
		}
			div.product-item div.selection .submit .button{
				display:block; float:none; clear:both; overflow:hidden; width:154px;
				margin:0 0 5px 0;
			}
			div.product-item div.selection .submit a.button{width:132px;}
		
	/* product-item: gallery */
	div.product-item div.gallery{
		overflow:visible;
		width:320px; margin:0; padding:0;
	}
		div.product-item .gallery .product.zoomable{
			width:299px; height:400px;
			margin:0 0 1px 0;
			cursor:default;
		}
			div.product-item .gallery .product.zoomable img{display:block; width:300px;}
			div.product-item .gallery .product.zoomable .viewport{
				border:1px solid #fff; width:299px; height:400px; opacity:1.0;
				background:#111 url("../images/loading.gif") no-repeat center center;
				cursor:url(../../images/zoom-in.cur), -moz-zoom-in;
				margin:-60px 0 0 -60px;
				top:59px; left:59px;
			}
			div.product-item .gallery .product.zoomable .viewport:active{opacity:1.0;}
				div.product-item .gallery .product.zoomable .viewport .preview{width:299px; height:400px; background-repeat:no-repeat;}
			
		div.product-item .gallery .full,
		div.product-item .gallery .full .container{
			width:299px; height:400px; margin:0; padding:0;
		}
		
		div.product-item .views{
			width:300px; height:74px; background:#000;
		}
			div.product-item .views li{margin:0 1px 0 0;}
			div.product-item .views li a, 
			div.product-item .views li ins{width:auto; height:auto; border:0px none; opacity:0.5; margin:-13px 0 0 0;}
			
			div.product-item .views li a:hover, 
			div.product-item .views li.on a, 
			div.product-item .views li.on ins{
				width:auto; height:auto; border:0px none; opacity:1.0;
			}
			div.product-item .views li a:hover img, 
			div.product-item .views li.on img,
			div.product-item .views li img{width:74px; height:auto; margin:0;}
		
	/* product-item: share */
	div.product-item div.share{
		background:#000; border:4px solid #fff; padding:8px 12px;
		position:absolute; top:45px; right:40px; z-index:1000;
		width:300px;
	}
	
	/* product-item: related */
	div.product-item div.listing.related{
		position:absolute; top:20px; right:50px;
		width:100px; height:auto;
		margin:0; padding:0;
	}
		div.product-item div.listing.related h4{
			text-transform:lowercase; font-weight:normal; font-size:1.0em; letter-spacing:0px; 
			margin:0 0 10px 0; padding:0 1px;
		}
		div.product-item div.listing ul{margin:0; padding:0;}
			div.product-item div.listing ul li.product-item{
				width:auto; float:none; clear:both; position:relative;
				margin:0 0 5px 0;
			}
				div.product-item div.listing ul li.product-item p.product{margin:0; padding:0;}
				div.product-item div.listing ul li.product-item p.product a img{width:90px; display:block;}
				div.product-item div.listing ul li.product-item div.details{
					width:78px; height:auto; 
					position:absolute; z-index:500; bottom:0; left:0;
					margin:0; padding:5px;
					background:#000; border:1px solid #fff;
				}
					div.product-item div.listing ul li.product-item div.details h4.title,
					div.product-item div.listing ul li.product-item div.details p.price{
						display:block; float:none; clear:both; overflow:hidden; height:auto; 
						font-size:1em; line-height:1.4em; margin:0 0 5px 0;
					}
					div.product-item div.listing ul li.product-item div.details h4.title{line-height:1.2em;}
					div.product-item div.listing ul li.product-item div.details p.price{margin:0;}
						div.product-item div.listing ul li.product-item div.details p.price .dollars{font-size:1em;}

/* product menu: view all */
div.view-all{ 
	position:absolute;
	right:25px;
	width:45px;
}

div.view-all p a{text-decoration:none; text-transform:lowercase; font-style:italic;}
	div#body div.view-all p.collapse {display:none;}
	div#body.auto div.view-all p.expand {display:none;}
	div#body.auto div.view-all p.collapse {display:block;}
			
/* product menu: up n down */
div.product-menu{
	display:block; float:right; clear:none;
	text-align:center; font-size:1.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	position:absolute; margin:0; top:232px; right:40px;
	height:100%;
}
	div.product-menu p{display:block; float:none; clear:both; overflow:hidden;}
	div.product-menu p a,
	div.product-menu p a:visited{display:block; float:none; clear:both; overflow:hidden; text-decoration:none; color:#fff;}
	div.product-menu p span{font-style:italic; text-transform:lowercase;}
	
	
 /* collection listing */
	div.collection.listing{height:480px; width:620px; position:relative;}
		div.collection.listing ul{width:400%; overflow:hidden;}
			div.collection.listing ul li{width:310px; float:left; clear:none; height:480px; list-style-type:none; margin-left:0;}
				div.collection.listing ul li p.product a {outline:none;}
				div.collection.listing ul li div.details{ display:none;}
				div.collection.listing div.slide-control{
					position:absolute; overflow:visible;
					width:620px;
					top:0; left:0;
				}
				div.collection.listing div.slide-control ul li{height:auto; width:auto;}
				div.collection.listing div.slide-control ul li.prev{position:absolute; top:205px;}
					div.collection.listing div.slide-control ul li.prev p a{float:left; clear:none; background:#000; padding:12px; display:block;}
				div.collection.listing div.slide-control ul li.next{position:absolute; right:0; top:205px;}
					div.collection.listing div.slide-control ul li.next p a{ float:right; clear:none; background:#000; padding:12px; display:block;}
					
					div.collection.listing div.slide-control ul li.next p a,
					div.collection.listing div.slide-control ul li.prev p a{ text-decoration:none; font-size:1.1em; font-family:Georgia,"Times New Roman",Times,serif; outline:none;}
					div.collection.listing div.slide-control ul li.next p a.disabled,
					div.collection.listing div.slide-control ul li.prev p a.disabled{opacity:0.5; filter: alpha(opacity = 50);}
					
div#body.auto div.collection.listing{height:auto;}
div#body.auto div#collection-listing{height:900px;}



/* collection-item */
div#collection-item{
	left:0; top:0;
	position:absolute; display:none;
	width:628px;
	z-index:3;
}
	div#collection-item div.collection-item{}
		div#collection-item div.collection-item p.product a{
			width:100%; height:1000px;
			display:block; background:url('../images/loading.gif') 48% 20% no-repeat #000;
		}
	div#collection-item img{width:100%;}
	div#collection-item div.details{display:none;}
	div#collection-item p.close{ position:absolute; top:5px; right:10px;}
	div#collection-item p.close a{
		text-decoration:none;
		background:url(../images/icon-close.png) no-repeat; 
		text-indent:-999px; display:block;
		width:13px; height:13px;
		outline:none;
	}
	
	/* stores */
	div#column-center div.stores ul li{ float:left; clear:none; list-style-type:none; margin-left:0; width:212px;}
	div#column-center div.stores ul li h4{font-size:1.1em; text-transform:lowercase;}
	div#column-center div.stores ul li p{margin:0;}
	div#column-center div.stores ul li div{margin-bottom:50px;}
	div#column-center div.stores ul li div a{ text-decoration:none;}
/* ---------------------------------   modules    --------------------------------- */

div.breadcrumbs{display:none;}

/* order */
div.order{}
	div.order form fieldset legend{text-transform:none;}
	div.order div.statement{margin:0 0 20px 0;}
		div.order div.statement .information,
		div.order div.statement .summary{
			display:block; float:left; clear:none;
			width:48%;
		}
			div.order div.statement .information h5{display:none;}
			div.order div.statement .information ul li{line-height:2em;}
		div.order div.statement .summary{
			background:#222; border:1px solid #404040;
			padding:10px; float:right;
		}
			div.order div.statement .summary .key-value{margin:0;}
			div.order div.statement .summary .key-value li{
				border-bottom:1px solid #404040;
				padding:5px 0;
			}
			div.order div.statement .summary .key-value li.highlight{
				border:0px none; margin:0;
			}
				div.order div.statement .summary .key-value li.highlight .value{font-size:1em;}
			div.order div.statement .summary .key-value .positive{color:#6c0;}
			div.order div.statement .summary .key-value .neutral{color:#06c;}
			div.order div.statement .summary .key-value .negative{color:#c00;}
			
			div.order div.statement .information .key-value .key,
			div.order div.statement .summary .key-value .key strong{color:#808080;}
			
	div.order .details table{table-layout:fixed;}
		div.order .details table tr td{vertical-align:top;}
			div.order .details table tr td .key-value li{margin:0 0 10px 0; list-style:none outside;}
				div.order .details table tr td .key-value .key,
				div.order .details table tr td .key-value .value{width:auto; clear:both; float:none;}
				div.order .details table tr td .key-value .key{
					color:#808080; 
					margin:0 0 5px 0; border-bottom:1px solid #222; 
				}
				div.order .details table tr td .key-value .value h5{
					font-size:1em; font-weight:bold;
				}

/* search */	
div.search{}
	div.search h3.title{border-bottom:1px solid #404040; padding:0 0 5px 0; margin:0 0 5px 0;}
	
	div.search h4.summary{
		display:block; float:left; clear:none; font-size:1.2em;
	}
		div.search h4.summary strong{font-weight:normal;}
	
	div.search .overview{
		display:block; float:right; clear:none;
		padding:0 0 0 10px; color:#888;
	}
		div.search .overview .matches{color:#808080; font-weight:normal; margin-right:10px;}
		div.search .overview a,
		div.search .overview a:visited{color:#404040; text-decoration:none;}
		div.search .overview a:hover{text-decoration:underline;}
		
	div.result.listing{
		margin:0; padding:0;
	}
		div.result.listing .heading{
			display:none;
		}
			div.result.listing ul{
				display:block; float:none; clear:both; overflow:hidden;
				margin:0; padding:0;
			}
				/* result items */
				div.result.listing .result-item{
					display:block; float:none; clear:both; overflow:hidden; position:relative;
					list-style:none outside; margin:0 0 25px 0; padding:0;
				}
					div.result.listing .result-item .image{
						display:block; float:left; clear:none; overflow:hidden;
						margin:0 10px 0 0;
					}
						div.result.listing .result-item .image a,
						div.result.listing .result-item .image img{
							display:block; width:315px; height:235px; text-indent:-999px;
							background-attachment:scroll;
							background-color:transparent;
							background-position:center center;
							background-repeat:no-repeat;
						}
					div.result.listing .result-item div.detail{
						display:block; float:left; clear:none; overflow:hidden;
						width:315px; margin:0; padding:5px 0 0 0; border-top:1px solid #404040;
					}
						div.result.listing .result-item .title{text-transform:lowercase;}
							div.result.listing .result-item .title a{text-decoration:none; color:#c00;}
								div.result.listing .result-item .title a:hover{border-bottom:1px solid #c00; color:#fff;}
								
						div.result.listing .result-item h5{
							color:#808080; margin:0 0 5px 0;
							text-transform:lowercase; font-size:1em; font-weight:normal;
							font-family:Georgia,"Times New Roman",Times,serif;
						}
							div.result.listing .result-item h5 .author{font-weight:normal; margin:0;}
								div.result.listing .result-item h5 .author a{color:#808080; text-decoration:none;}
								div.result.listing .result-item h5 .author a:hover{color:#444;}
							div.result.listing .result-item h5 .datetime{font-weight:normal;}
						div.result.listing .result-item div.description{width:auto;}
						
					  div.result.listing .result-item .price{
							text-align:center; font-weight:normal;
						}
							div.result.listing .result-item .dollars{}
							div.result.listing .result-item .cents{vertical-align:top; font-size:0.8em;}
					
					div.result.listing .result-item .options{
						display:block; float:left; clear:none; overflow:hidden;
						position:absolute; bottom:0px; right:0px;
						width:305px; height:auto; padding:0 5px; margin:0;
						border-top:1px solid #404040;
						border-bottom:1px solid #404040;
					}
						div.result.listing .result-item .options ul li{
							display:block; float:left; clear:none; overflow:hidden;
							margin:0 20px 0 0;
						}
							div.result.listing .result-item .options ul li strong{font-weight:normal;}
							div.result.listing .result-item .options ul li a,
							div.result.listing .result-item .options ul li ins{
								display:block; float:left; clear:none; overflow:hidden;
								padding:5px 0; text-decoration:none;
							}
							div.result.listing .result-item .options ul li a:hover{color:#c00;}
							div.result.listing .result-item .options ul li.on ins,
							div.result.listing .result-item .options ul li.on a{color:#c00; cursor:default;}
							
							div.result.listing .result-item .options ul li.add a{
								background:transparent url("../images/icon-comment.png") no-repeat left center;
								padding-left:16px;
							}
								
			div.result.listing p.more{
				padding:0 10px; text-align:right;
			}

/* terms */
div#body div#column-center h3 {
	text-transform:lowercase;
}
	div#body div#column-center div.section {
		
	}
		div#body div#column-center div.section h4 {
			text-transform:lowercase;
			font-size:10pt;
		}
		div#body div#column-center div.section ul{}
			div#body div#column-center div.section ul li {
				list-style-type:square;
				margin:0 0 10px 20px;
			}

/* faq */
div.faq h3{text-transform:lowercase;}
	div.faq h4 {text-transform:lowercase;font-size:1em;}

	div.faq ol.jump-list{padding-bottom:10px;}
		div.faq ol.jump-list li{margin-bottom:6px;}
	
	div.faq ol.questions-and-answers {
		border-top:1px solid #404040;
		padding:12px 0 2px 0;
	}
		div.faq ol.questions-and-answers li {
			margin-bottom:10px;
			padding-bottom:20px;
			border-bottom:1px solid #404040;
		}

/*contact us*/
div.contact-info{margin-bottom:50px;}
	div.contact-info ul li{ 
		list-style-type:none; 
		margin-left:0; 
		float:left; clear:none; 
		width:200px;
		margin-right:11px;
	}
		div.contact-info ul li h4{ font-size:1.2em; margin-bottom:15px; height:30px;}
		div.contact-info ul li p{margin:0;}
/* sidepanel */
div.sidepanels{width:180px;}
	div.sidepanels div.sidepanel{}
		div.sidepanels div.sidepanel div.heading{display:none;}
		
div.sidepanels div.sidepanel.search{}
	div.sidepanels div.sidepanel.search form ol li.search input.button{font-size:1em; padding:1px 5px; margin:0;}
	
	div.sidepanels div.sidepanel.calendar{margin:0;}
		div.sidepanels div.sidepanel.calendar div.heading{display:none;}
		
		table.calendar.simple{margin:0;}
			table.calendar.simple caption{margin-bottom:10px;}
				table.calendar.simple caption h4{color:#fff; padding:4px 0; text-transform:lowercase;}
				table.calendar.simple caption h5{margin:-16px 0 0 0;}
					table.calendar.simple caption h5 a:hover{color:#c00;}
			
				table.calendar.simple thead tr th,
				table.calendar.simple tr td a, 
				table.calendar.simple tr td a:visited, 
				table.calendar.simple tr td.empty span, 
				table.calendar.simple tr td.disabled span {
					font-family:Georgia, "Times New Roman", Times, serif;
					color:#404040;
				}
				
				table.calendar.simple tr td.empty span{color:#808080;}
				table.calendar.simple tr td a,
				table.calendar.simple tr td a:visited{color:#BFBFBF;}
		
			table.calendar.simple thead tr th{border-bottom:1px solid #444; color:#808080;}
				table.calendar.simple thead tr th.today{color:#fff; font-weight:normal;}
				table.calendar.simple thead tr th .abbr{display:none;}
		
		table.calendar.simple tr td, 
		table.calendar.simple tr.week td, 
		table.calendar.simple tr td.selected, 
		table.calendar.simple tr td:hover, 
		table.calendar.simple tr.week td a, 
		table.calendar.simple tr.week td a:visited, 
		table.calendar.simple tr td.disabled a, 
		table.calendar.simple tr td.disabled:hover, 
		table.calendar.simple tr td.disabled span, 
		table.calendar.simple tr td.disabled:hover a, 
		table.calendar.simple tr td.empty a, 
		table.calendar.simple tr td.empty span, 
		table.calendar.simple tr td.empty:hover a, 
		table.calendar.simple tr td:hover a, 
		table.calendar.simple tr td:hover a:visited {
			background:#000;
			border:0px none;
			margin:0;
		}
		
		table.calendar.simple tr td a, 
		table.calendar.simple tr td a:visited, 
		table.calendar.simple tr td.empty span, 
		table.calendar.simple tr td.disabled span{padding:2px 5px;}
		
		table.calendar.simple tr td.selected a, 
		table.calendar.simple tr td.selected a:visited, 
		table.calendar.simple tr td.selected span{
			border:0px none;
			margin:0;
			color:#c00;
		}
		
		table.calendar.simple tr td.today a, 
		table.calendar.simple tr td.today a:visited, 
		table.calendar.simple tr td.today span{
			margin:0; border:0px none;
			background:#000; color:#fff; 
		}		
		
	div.sidepanels div.categories { 
		font-family:Georgia, "Times New Roman", Times, serif;
		text-transform:lowercase;
		margin:30px 0 0 0;
	}
		div.sidepanels div.categories div.heading h4 {
			font-size:10pt;
			margin:2px 0;
		}
		div.sidepanels div.categories div.body ul li a {
			color:#999;
		}
		div.sidepanels div.categories div.body ul.nested li .value {
			float:left;
			margin-left:5px;
		}

/* blog */
div.blog{}

	/* back button */
	div.blog p.back{
		display:block; position:absolute; top:30px; right:65px; z-index:1000;
		font-size:1.2em; text-align:right; text-transform:lowercase;
		font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0;
	}
		div.blog p.back a,
		div.blog p.back a:visited{text-decoration:none;}
		div.blog p.back a:hover{color:#c00;}
		
	/* blog-item */
	div.blog-item{}
	
		div.blog-item .heading h5{
			font-size:1em; line-height:1.8em; font-weight:normal; color:#808080; text-transform:lowercase;
			font-family:Georgia, "Times New Roman", Times, serif; margin:0 15px 5px 0; padding:0; float:left;
			clear:none; 
		}
			div.blog-item .heading h5 .datetime{font-weight:normal; font-size:1em;}
		
		div.blog-item .heading .title{
			color:#c00; font-size:1.4em; text-transform:lowercase;
			margin:0 0 20px 0;
		}
			div.blog-item .heading .title a{color:#c00; border:0px none; margin:0 0 1px 0; text-decoration:none;}
			div.blog-item .heading .title a:hover{color:#fff; border-bottom:1px solid #c00; margin:0; text-decoration:none;}
		
		div.blog-item .post .contents a,
		div.blog-item .post .contents a:visited{color:#c00; text-decoration:none; border-bottom:1px solid #600;}
		div.blog-item .post .contents a:visited{border:0px none;}
		div.blog-item .post .contents a:hover{border-bottom:1px solid #c00;}
		div.blog-item .post p img{border:0px none; padding:0;}
	
		/* blog-item: product-item */
		div.blog-item .product-item{
			position:relative; float:none; clear:both; width:90px; height:auto; 
			margin:0 0 10px 0; padding:0; text-align:center;
		}	
			div.blog-item .product-item .product{}
				div.blog-item .product-item .product a{display:block; float:none; clear:both; overflow:hidden;}
					div.blog-item .product-item .product a img{display:block; border:0px none; margin:0; padding:0; width:90px;}
			div.blog-item .product-item .price{}
				div.blog-item .product-item .price p{margin:0 0 5px 0;}
			div.blog-item .product-item .buy a{
				display:block; float:left; clear:none; width:88px;
				background:#fff; border:0px none; text-decoration:none;
				color:#000; padding:4px 0 2px 0;
				text-transform:uppercase; font-weight:bold; letter-spacing:-0.5px; 
				font-size:1.25em; line-height:1.2em; border:1px solid #fff;
				border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
			}
			div.blog-item .product-item .buy a:hover{
				background:#fff url("../images/button-bg.png") repeat-x left bottom; border:1px solid #fff;
			}
			div.blog-item .product-item .buy a:active{
				background:#fff url("../images/button-bg.png") repeat-x 0px -12px; border:1px solid #fff;
				padding:5px 0 1px 0;
			}
			
		div.blog-item div.info{}
			div.blog-item div.info ul{margin:0;}
				div.blog-item div.info ul li.category,
				div.blog-item div.info ul li.tags{
					display:block; float:left; clear:none; 
					width:315px; margin:0; padding:0; color:#808080;
				}
				div.blog-item div.info ul li.tags{float:right;}
					div.blog-item div.info ul li strong{font-weight:normal;}
					div.blog-item div.info ul li a{color:#bfbfbf; text-decoration:none;}
					div.blog-item div.info ul li a:hover{color:#fff; text-decoration:underline;}
					
		div.blog-item div.footer{border-top:1px solid #404040; border-bottom:1px solid #404040; margin:0 0 10px 0;}
			div.blog-item div.footer ul{margin:0;}
			div.blog-item div.footer div.options{display:block; float:left; clear:none;}
				div.blog-item div.footer div.options ul li{margin:0 20px 0 0;}
				div.blog-item div.footer div.options ul li.buy,
				div.blog-item div.footer div.options ul li.save{display:none;}
					div.blog-item div.footer div.options ul li strong{font-weight:normal;}
					div.blog-item div.footer div.options ul li span{display:none;}
					div.blog-item div.footer div.options ul li a,
					div.blog-item div.footer div.options ul li ins{
						display:block; float:none; clear:both; overflow:hidden;
						padding:5px 0; text-decoration:none;
					}
					div.blog-item div.footer div.options ul li a:hover{color:#c00;}
					div.blog-item div.footer div.options ul li.on ins,
					div.blog-item div.footer div.options ul li.on a{color:#c00; cursor:default;}
					
					div.blog-item div.footer div.options ul li.add a{
						background:transparent url("../images/icon-comment.png") no-repeat left center;
						padding-left:16px;
					}
					
			div.blog-item div.footer ul.right{margin-top:3px;}
		
		/* blog: comments */
		div.blog-item div.comments{border:0px none;}
			div.blog-item div.comments ol li.comment {
				display:block; float:none; clear:both; overflow:hidden;
				margin:0; padding:5px 0;
			}
				div.blog-item div.comments h5{display:none;}
				div.blog-item div.comments ol{margin:0;}
					div.blog-item div.comments ol li.comment{
						margin:0 0 10px 0;
						background:transparent url("../images/quote-right.png") no-repeat right bottom;
					}
						/* image */
						div.blog-item div.comments ol li.comment p.image{
							display:block; float:left; clear:none; overflow:hidden;
							width:90px; height:90px; margin:0 10px 0 0;
						}
							div.blog-item div.comments ol li.comment p.image img{display:block; width:90px;}
				
						/* user */
						div.blog-item div.comments ol li.comment div.user{
							float:left; clear:none; width:540px; 
							/*margin:0 0 10px 0; padding:0 0 5px 0; 
							border-bottom:1px solid #202020;*/
						}
							div.blog-item div.comments ol li.comment div.user .author,
							div.blog-item div.comments ol li.comment div.user .datetime{margin:0;}
							div.blog-item div.comments ol li.comment div.user .author a{font-weight:normal;}
							div.blog-item div.comments ol li.comment div.user .author a:hover{text-decoration:none; color:#fff; border-bottom:1px solid #c00;}
							div.blog-item div.comments ol li.comment div.user .datetime{float:right;}
								div.blog-item div.comments ol li.comment div.user .datetime strong{font-weight:normal; color:#808080;}
				
						/* comment post */
						div.blog.single div.blog.listing div.blog-item div.comments ol li.comment .post{
							display:block; float:left; clear:none;
							width:500px; margin:0; padding:20px 20px 0 20px; text-align:justify;
							background:transparent url("../images/quote-left.png") no-repeat top left;
						}
				
			div.blog-item div.comments ol li.add-comment{border-top:1px solid #404040; padding:10px 0;}
				div.blog-item div.comments ol li.add-comment form ol li label{display:none;}
				div.blog-item div.comments ol li.add-comment form fieldset{margin:0;}
				div.blog-item div.comments ol li.add-comment form p.submit{width:99.7%;}
				div.blog-item div.comments ol li.add-comment ol.info{width:35%; float:left; clear:none; margin:0;}
					div.blog-item div.comments ol li.add-comment ol.info span{ display:none;}
					div.blog-item div.comments ol li.add-comment ol.info li.inline input{ width:95%; color:#888888; font-style:normal;}
				div.blog-item div.comments ol li.add-comment ol.comment{width:65%; float:left; clear:none;}
					div.blog-item div.comments ol li.add-comment ol.comment li textarea{width:98%; height:61px;}
				
		/* blog: share */
		div.blog div.share{
			border-top:1px solid #404040; background:#202020;
			padding:10px; position:relative;
		}
			div.blog div.share .email-to-friends,
			div.blog div.share .post-to-sites{
				float:left; clear:none; margin:0; padding:0;
			}
			div.blog div.share .email-to-friends{width:315px; margin-right:10px;}
			div.blog div.share .post-to-sites{width:295px;}
				div.blog div.share .post-to-sites p.note{color:#808080;}
			
			div.share h4,
			div.share form legend{font-size:1.2em; font-weight:bold; text-transform:lowercase;}
			div.share form fieldset{margin:0;}
				div.share form ol{margin:0;}
					div.share form ol li{margin:0 0 10px 0;}
					div.share form ol li.inline.submit{margin:0 0 4px 0;}
						div.share form label{display:none;}
						div.share form ol li.checkbox.list .options{height:auto; width:91%; overflow:auto;}
							div.share form ol li.checkbox.list label.option{display:block;}
						div.share form ol li textarea{width:91%;}
						div.share form ol li.inline.submit input.button{font-size:1em; padding:1px 5px;}
					div.share form p.submit{margin:0; width:92.75%;}
						div.share form p.submit .button{margin:0;}
					div.share form p.success{font-size:1em; letter-spacing:0px; font-family:Helvetica, Arial, sans-serif; text-transform:none; padding:2px 0;}
			
					div.share div.info{margin:0;}
						div.product-item div.share div.info {float:left; height:auto;}
					div.share div.networks{
						display:block; float:none; clear:both;
					}
						div.product-item div.share div.networks{float:left; clear:none; width:70px;}
						div.share div.networks .network-group{width:100%; height:auto; overflow:hidden;}
						div.share div.networks .network-group li{
							padding:5px; margin:0 5px 5px 0;
							background:#fff;
							border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px;
						}
							div.share div.networks .network-group li a{
								text-indent:-999px;
								width:16px; height:16px; padding:0;
							}
						div.share div.networks p.more{}
							div.share div.networks p.more a{text-decoration:none;}
			
			div.share .close{
				display:block; float:none; clear:both; overflow:hidden;
				position:absolute; top:10px; right:10px;
				width:16px; height:16px; text-indent:-999px;
				cursor:pointer; opacity:0.75;
				background:transparent url("../images/icon-close.png") no-repeat scroll center center;
			}
			div.share .close:hover{opacity:1.0;}
			
	/* blog listing: blog-item */
	div.blog div.blog.listing div.blog-item{
		margin:0 0 50px 0;
	}
		div.blog div.blog.listing div.blog-item div.media{
			overflow:hidden;
			height:auto; margin:0 10px 0 0; padding:0;
		}
			div.blog div.blog.listing div.blog-item div.media p{display:block; margin:0 0 10px 0;}
				div.blog div.blog.listing div.blog-item div.media p img{display:block; width:100%;}
		
		div.blog div.blog.listing div.blog-item div.post{
			color:#ddd;
			overflow:hidden;
			width:540px;
			float:left;
			clear:none;
		}
		
		div.blog div.blog.listing div.blog-item .product-item{width:90px; float:right; clear:none; margin-top:30px;}
		
	/* blog listing: no-media */
	div.blog div.blog.listing div.blog-item.no-media{}
		div.blog div.blog.listing div.blog-item.no-media div.post{
			width:auto; float:none; clear:both;
		}
		
	/* blog listing: product-item */
	div.blog div.blog.listing div.blog-item.product{}
		div.blog div.blog.listing div.blog-item.product .post .contents{
			width:215px; float:left; clear:none;
		}
		div.blog div.blog.listing div.blog-item.product .post .product-item,
		div.blog div.blog.listing div.blog-item.product  .product-item{
			width:90px; float:right; clear:none; 
		}
		
	/* blog listing: product-item & no-media */
	div.blog div.blog.listing div.blog-item.product.no-media{}
		div.blog div.blog.listing div.blog-item.product.no-media .post .contents{
			width:540px; float:left; clear:none;
		}
		div.blog div.blog.listing div.blog-item.product.no-media .post .product-item{
			width:90px; float:right; clear:none; 
		}
	
	/* blog single */
	div.blog.single{}
		div.blog.single div.blog.listing div.blog-item div.post{
			width:auto; float:none; clear:both;
		}
		div.blog.single div.blog.listing div.blog-item.product .post .contents{
			width:540px;
		}
		div.blog.single div.blog-item div.footer{padding:0;}
	
/* pagination */
div.pagination{
	text-align:center; color:#404040;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em; text-transform:lowercase; font-weight:normal;
}
	div.pagination p .back,
	div.pagination p .current,
	div.pagination p .next,
	div.pagination p span,
	div.pagination p a{padding:5px; text-decoration:none;}
	div.pagination p a{color:#aaa;}
	div.pagination p a:hover{color:#fff;}
	div.pagination p .current{font-weight:bold; color:#c00;}

/* forms */
form fieldset{border:0px none; margin:0 0 20px 0;}
form legend{
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em; text-transform:lowercase;
}
	form legend.small{font-size:1.1em;}
form label{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ccc; text-transform:lowercase;
}
form label.option{
	font-family:Helvetica, Arial, sans-serif; 
	color:#fff; text-transform:none;
}
form ol li.error label{color:#c33; background-position:0px 10px;}
form label em, em.required{color:#c00; font-weight:normal;}
form ol li.error input, 
form ol li.error select, 
form ol li.error textarea{background:#c33; color:#fff;}


form input.button, form a.button,
form a.button:visited, form input.button.disabled,
form input.button.disabled, form a.button.disabled,
form input.button.disabled:hover, form a.button.disabled:hover,
form input.button.disabled:active, form a.button.disabled:active{
	background:#fff; border:0px none;
	color:#000; padding:4px 10px 2px 10px;
	text-transform:uppercase; font-weight:bold; letter-spacing:-0.5px; 
	font-size:1.25em; line-height:1.2em; border:1px solid #fff;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	overflow:visible;
}
form input.button:hover, form a.button:hover{
	background:#fff url("../images/button-bg.png") repeat-x left bottom; border:1px solid #fff;
}
form input.button:active, form a.button:active{
	background:#fff url("../images/button-bg.png") repeat-x 0px -12px; border:1px solid #fff;
	padding:5px 10px 1px 10px;
}

form input.button.disabled, form a.button.disabled,
form input.button.disabled:hover, form a.button.disabled:hover,
form input.button.disabled:active, form a.button.disabled:active{
	color:#999; background:#eee;
}

form input, 
form select, 
form select option,
form select optgroup,
form textarea,
form ol li.checkbox.list .options{
	font-family:Helvetica, Arial, sans-serif; 
	border:0px none;
	border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px;
}
form ol li.checkbox.list .options{display:block; height:5.2em;}
form select{padding:2px; height:auto;}
	form select option{padding-left:5px;}
form ol li textarea{height:4em;}
	
form p.error, form p.success, form p.notify{
	border:0px none; background:none; 
	padding:0; margin:0 0 10px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:0px;
	font-size:1.2em; line-height:1.2em; text-transform:lowercase; font-weight:normal; text-align:left;
}
form p.hide{display:none;}
form p.error{color:#c33;}
form p.success{color:#6a6;}
form p.notify{color:#06c;}

form input.empty, form select.empty, form textarea.empty, form ol li.checkbox.list .options.empty{font-style:normal;}

form ol li div.tip h4{ font-size:1em;}

form p.submit{
	width:96%;
}
	form p.submit span.info,
	form p.submit span.info.left{color:#888; font-size:0.9em; font-style:normal;}
	form p.submit .processing{
		display:block; float:right; clear:none; 
		text-indent:-999px; width:16px; height:16px; padding:5px;
		background:transparent url("../images/loading.gif") no-repeat center right;
	}
	
/* overlay */
div#overlay div.content{padding:250px 0;}
div#overlay div.background{background:#ccc url("../images/overlay-bg.jpg") no-repeat fixed center 50px; opacity:0.75;}
	div.dialogue-box{
		width:500px; position:relative;
		border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
		border:6px solid #fff; background:#000; opacity:1.0; 
	}
		div.dialogue-box .top-bar{width:16px; height:16px; position:absolute; top:12px; right:12px; z-index:100;}
			div.dialogue-box .top-bar .title{display:none;}
			div.dialogue-box .top-bar .close{background-image:url("../images/icon-close.png");}
			
		div.dialogue-box .body{}
			div.dialogue-box .body form legend{font-size:1.2em; margin:0 0 20px 0;}
			div.dialogue-box .body form ol{margin:0;}
				div.dialogue-box .body form ol.one-column li.inline input{width:45.4%; margin:0 14px 0 0;}
				div.dialogue-box .body form ol.one-column li.inline .option input{width:auto; margin:0;}
				
		div.dialogue-box div.message{margin:0 0 10px 0;}
			div.dialogue-box div.message h4{font-size:1.2em; text-transform:lowercase; margin:0 0 20px 0;}
		div.dialogue-box div.action ul li{
			display:block; float:right; clear:none; overflow:hidden;
			list-style:none outside; margin:0 0 0 10px; padding:0;
		}
			div.dialogue-box div.action ul li a{
				display:block; float:left; clear:none; width:auto;
				background:#fff; border:0px none; text-decoration:none;
				color:#000; padding:4px 10px 2px 10px;
				text-transform:uppercase; font-weight:bold; letter-spacing:-0.5px; 
				font-size:1.25em; line-height:1.2em; border:1px solid #fff;
				border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
			}
			div.dialogue-box div.action ul li a:hover{
				background:#fff url("../images/button-bg.png") repeat-x left bottom; border:1px solid #fff;
			}
			div.dialogue-box div.action ul li a:active{
				background:#fff url("../images/button-bg.png") repeat-x 0px -12px; border:1px solid #fff;
				padding:5px 0 1px 0;
			}


		div#column-center div.enlarged-item img{ width:100%;}
/* --------------------------------- look & feel  --------------------------------- */
/* typography */
h1, h2, h3, h4, h5, h6, p{margin:0 0 10px 0; line-height:1.2em;}
h1, h2, h3, h4{font-family:Georgia, "Times New Roman", Times, serif;}
h1{font-size:2.0em; color:#fff;}
h2{font-size:1.6em; color:#fff;}
h3{font-size:1.4em;}
h4{font-size:1.4em; color:#fff;}
h5{font-size:1em; color:#fff;}
p{line-height:1.4em;}

/* lists */
ul{margin:0 0 10px 0;}
	ul li{list-style-type:square;}
ol{margin:0 0 10px 0;}
	ol li{list-style-type:decimal;}
dl{margin:0 0 10px 0;}
	dl li{list-style-type:square;}
	
/* key-value */
ul.key-value{
	display:block; float:none; clear:both; overflow:hidden; 
	margin:0 auto 10px auto; padding:1px;
}
	ul.key-value li{
		display:block; float:none; clear:both; overflow:hidden; height:1%;
		list-style:none outside; margin:0; padding:0;
		line-height:1.4em;
	}
		ul.key-value li .key{
			display:block; float:left; clear:none;
			width:35%; margin:0 15px 0 0; 
			font-weight:normal;
		}
		ul.key-value li .value{
			display:block; float:left; clear:none;
			width:60%;
			font-weight:normal;
		}
		
/* manage list */
ul.manage{
	display:block; float:none; clear:both; overflow:hidden; 
	margin:0 auto 10px auto; padding:1px;
}
	ul.manage li{
		display:block; float:left; clear:none; overflow:hidden; 
		margin:0; padding:0;
	}
		ul.manage li a,
		ul.manage li ins{
			display:block; float:none; clear:both; overflow:hidden;
			margin:0 1px 0 0; padding:4px 8px;
			color:#fff; font-size:0.9em; text-decoration:none; line-height:1em;
			background:#222;
			border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
		}
		ul.manage li a:visited{text-decoration:none;}
		ul.manage li a:hover,
		ul.manage li ins:hover{
			background:#666; color:#fff;
		}
		
/* nested list */
ul.nested{}

	/* outer list */
	ul.nested li{
		display:block; float:none; clear:both; overflow:hidden; height:1%;
		list-style:none outside;
		margin:0; padding:0; line-height:1.6em; 
	}
		ul.nested li a,
		ul.nested li a:visited{color:#fff; text-decoration:none;}
		ul.nested li .parent{display:block; float:none; clear:both; overflow:hidden; height:1%; color:#fff; }
			ul.nested li .key{float:left; clear:none;}
			ul.nested li .assign{display:none;}
			ul.nested li .value{display:block; width:20px; float:right; clear:none; text-align:center;}
	
		/* inner list */
		ul.nested li ul{
			margin:0 0 0 8px; padding:0;
		}
			ul.nested li ul .value{display:none;}
		
		/* inner open list */
		ul.nested li.open{}
			ul.nested li.open .parent,
			ul.nested li.closed .parent{
		  	text-decoration:none; margin:0; padding:0 0 0 20px;
		  	background:transparent url("../images/arrows-dot.png") no-repeat 0px 2px;
			}
			ul.nested li.open .parent{background-position:0 -30px;}
			ul.nested li.open ul{border-left:1px dotted #000; padding:0 0 0 15px}
		
		/* inner closed list */
		ul.nested li.closed ul{display:none; visibility:hidden; opacity:0;}

/* tag list */
ul.tags{
	overflow:hidden; height:1%; text-align:center;
}
	ul.tags li{
		display:inline;
		margin:0; padding:0; line-height:1.7em;
		list-style:none outside;
	}
		ul.tags li a,
		ul.tags li a:visited{
			margin:0; padding:1px;
			color:#fff; line-height:1.2em;
			text-decoration:none; font-weight:normal;
		}
		ul.tags li a:hover{
			color:#442680; border-bottom:1px dotted #333;	
		}
		ul.tags li a.size01{font-size:0.9em;}
		ul.tags li a.size02{font-size:1.0em;}
		ul.tags li a.size03{font-size:1.2em;}
		ul.tags li a.size04{font-size:1.4em;}
		ul.tags li a.size05{font-size:1.6em;}
		ul.tags li a.size06{font-size:1.8em;}
		ul.tags li a.size07{font-size:2.0em;}
		
/* links list */
ul.links{
	overflow:hidden; height:1%;
	border-top:1px dotted #000000;
}
	ul.links li{
		border-bottom:1px dotted #000000;
		line-height:1em; font-weight:bold;
		list-style:none outside;
		margin:0; padding:4px 8px;
	}
		ul.links li a,
		ul.links li a:visited{
		  display:block; float:none; clear:both;
		  color:#fff; text-decoration:none; margin:0; padding:0 0 0 16px;
		  background:transparent url("../images/arrows-dot.png") no-repeat 0px -2px;
		}
		ul.links li a:hover{
			background-position:0px -130px; color:#442680;
		}

/* tables */
table.basic{
	table-layout:auto; border-collapse:separate; border-spacing:0px;
	width:100%; overflow:auto; margin:0 0 20px 0;
}
	table.basic caption{text-align:center; margin:0 0 10px 0;}
		table.basic caption ins{text-decoration:none; font-weight:bold;}
	
	/* table headers */
	table.basic tr th{
		padding:5px; font-size:1.1em; text-transform:lowercase;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	table.basic tr th:last-child{border:0px none;}
	
	/* table body */
	table.basic tr td{
		padding:5px; vertical-align:middle;
	}
	table.basic tr td:last-child{border:0px none;}
	table.basic tr.bg td{background:none;}
	table.basic tr.selected td{background:#e63; color:#fff; border-color:#cc5429;}
		table.basic tr.selected td a{color:#fff;}
	
		/* custom tds */
		table.basic tr td.select{vertical-align:middle; text-align:center;}
		table.basic tr td.file img{
			display:block; float:left; clear:none; overflow:hidden;
			width:60px; height:60px; margin:0 5px 5px 0; padding:0;
			border:1px solid #aaa; background:#fff; 
		}
		table.basic tr td.manage ul li{list-style:none outside; margin:0; padding:0;}
		
		table.basic tr.manage-multiple td label.checkbox-option{
			display:block; float:left; clear:none;
		}
		
		table.basic tr.manage-multiple td p.items{
			display:block; float:right; clear:none;
			margin:5px 10px;
			font-size:0.9em;
		}
			
		table.basic tr.manage-multiple td ul.manage{
			display:block; float:right; clear:none; margin:0;
		}
		
	/* table footer */
	table.basic tfoot tr td{
		background:#ccc; padding:5px;
		border-right:0px none;
	}
	
/* table: cart */
table.cart tr td.item div.image p img{width:40px;}
table.cart tr.total td,
table.cart tr.subtotal td{border:0px none;}
table.cart tr td.item div.info{width:280px;}
	table.cart tr td.item div.info .title{font-size:1.1em; text-transform:lowercase;}
	table.cart tr td.item div.info .title a{text-decoration:none;}
	
table.cart tr td.manage ul li a, 
table.cart tr td.manage ul li a:visited{background:#333; color:#ccc; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
table.cart tr td.manage ul li{margin:0 0 1px 0; zoom:1;}
table.cart tr td.quantity select,
table.cart tr td.cost{font-size:1.4em; font-weight:normal;}
table.cart tr.total td .price{font-family:Helvetica, Arial, sans-serif; font-size:1.4em; font-weight:normal; padding-top:3px;}
	table.cart tr.total td .price .cents{display:none;}
table.cart tr.total td.info .label{font-size:1.1em; text-transform:lowercase;}
	
/* two-column in panel */
	ul.two-column{
		display:block; float:none; clear:both; overflow:hidden;
		margin:0 0 10px -20px;
	}
		ul.two-column li.column{
			display:block; float:left; clear:none; overflow:hidden;
			width:300px; border-left:1px dotted #ccc;
			list-style:none outside; 
			margin:0 10px 0 0; padding:0 0 0 20px;
		}
			ul.two-column li .info,
			ul.two-column li .image{
				display:block; float:left; clear:none;
			}
			ul.two-column li .info{width:165px; font-size:0.9em; color:#666;}
				ul.two-column li .info a{color:#666;}
			ul.two-column li .image{width:135px; text-align:right;}
			ul.two-column li .note{display:block; float:none; clear:both; font-size:0.8em; color:#999;}
				ul.two-column li .note em{font-style:normal;}
				ul.two-column li  .note a{color:#999; text-decoration:none; border-bottom:1px solid #ccc;}
				ul.two-column li  .note a:hover{color:#f60;}

/*links and colours*/
a, a:visited{text-decoration:underline; color:#fff;}
a:hover, a:active{text-decoration:none; color:#808080;}
a:visited{color:#fff;}
::selection{background:#333; color:#fff;}
::-moz-selection{background:#ccc; color:#000;}

  /* grey */
  .colour01, 
	.link01 a, .link01 a:visited     {color:#808080;}
  .link01 a:hover, .link01 a:active{color:#fff;}

/* underlined links */
.dot-uline a, .dot-uline a:visited {text-decoration:none; border-bottom:1px dotted;}
.dot-uline a:hover, .dot-uline a:active{border-bottom:1px solid;}

.no-uline a, .no-uline a:visited {text-decoration:none; border:0 none;}
.no-uline a:hover, .no-uline a:active {text-decoration:underline;}/*
______________________________________________________________________________________
Layout CSS for www.PublicSchoolNYC.com
Version 2.0 / 01.01.09
(c) 2008, pLot
-
Contains style definitions which structure the layout of the site and outlines the 
site's information architecture.
-

*/

body{
	
}

/* --------------------------------- architecture --------------------------------- */
div#container{
	width:980px; 
	margin:0 auto; padding:0; 
}

	/* header */
	div#header{
		
	}
	
	/* body */
	div#body{
		position:relative;
	}
		div#column-left{
			float:left; clear:none;
			width:200px; height:auto; 
			margin:0 20px 0 0; padding:0 0 0 40px;
		}
		div#column-center{
			float:left; clear:none;
			width:640px; height:auto; 
			margin:0 0 20px 0; padding:0; 
		}
	
	/* footer */
	div#footer{
		
	}
		

/* ---------------------------------   modules    --------------------------------- */


/* ---------------------------------     cms      --------------------------------- */
#cms div#container{
	width:auto; 
	margin:0; padding:15px; border:0px none;
}/*
______________________________________________________________________________________
Debugger CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
For debugging and development purposes ONLY. The styles defined here overwrite all 
styles defined in other stylesheets.
NOTE: DO NOT PUBLISH this stylesheet on the production server. 
-

*/
div#debug{
	position:absolute; z-index:9999;
	width:100%; height:100%; top:0; left:0; margin:0; padding:0; opacity:0.9;
	font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px; line-height:1.4em;
}
	
	html:hover div#debug{display:none; visibility:hidden;}
	
	/* text dump */
	div#debug div.dump{
		background:#000 url("images/construction-bg.png") repeat top left; 
		border-bottom:1px solid #333;
		margin:0; padding:5px;
		color:#fff; text-align:center;
		width:100%; position:absolute; top:0; left:0; z-index:100;
	}
		div#debug div.dump p{margin:0;}
			div#debug div.dump p ins{background:#fc0; color:#000; font-weight:bold; padding:1px 2px; text-decoration:none; border-bottom:1px solid #a60;}
	
	/* grid */
	div#debug div.grid{
		width:100%; height:100%;
		position:absolute; top:0; left:0; z-index:1;
		background:#f00; opacity:0.5;
	}
		div#debug div.grid table{
			width:100%; height:100%; background:#fff;
			border-collapse:separate; border-spacing:10px;
		}
			div#debug div.grid table tbody tr td{background:#f00;}