/* CSS Styles for breakout boxes */
.msgbreakout {
	position:relative;
	width:70%;
	text-align: left;
	border:solid 1px orange;
	padding:0px 5px 10px 5px;
	margin:0px 5px 0px 5px;
}
.breakout {
	position:relative;
	width:90%;
	float:left;
	text-align: left;
	border:1px solid #999966;
	padding:0px 5px 10px 5px;
	margin:auto;
}
.code_breakout {
	position:relative;
	width:95%;
	font-size:13px;
	float:left;
	text-align: left;
	border:dashed 1px #999966;
	background-color:#FFFFCC;
	padding:0px 5px 10px 5px;
	margin:0px 0px 15px 0px;
}
.note_breakout {
	position:relative;
	width:75%;
	font-size:0.9em;
	border:dashed 1px #000000;
	background-color:#FFFFCC;
	margin:5px auto 8px auto;
	padding:5px 5px;
}
span.note_breakout {
	position:relative;
	width:75%;
	font-size:0.9em;
	border:dashed 1px #000000;
	background-color:#FFFFCC;
	padding:5px 5px;
	line-height:25px;
}
.note_breakout .title {
	font-weight:bold;
}
table.breakout {
	position:relative;
	width:99%;
	text-align: left;
	border:solid 1px orange;
	padding:0px 5px 10px 5px;
	margin:auto;
}
span.brkoutheader {
	position:relative;
	width:100%;
	height:25px;
	font-size: 1.2em;
	color: #FFFF66;
	background-color: #996600;
	text-indent:10px;
	display:block;
}
.brkoutheader {
	width:100%;
	height:25px;
	font-size: 1.2em;
	color: #FFFF66;
	background-color: #996600;
	text-indent:10px;
	margin:0;
}
.code, .inlinecode{
	color:#000080;
	background-color:#FFE485;
}
.html {
	color:#339900;
	background-color:#FFE485;
	font-weight:bold;
}
.css {
	color:#FF33FF;
	background-color:#FFE485;
	font-weight:bold;
}
.jscode {
	color:#CC3300;
	background-color:#FFCC99;
	font-weight:bold;
}
.js_syntax {
	font-size:1.1em;
	font-weight:bold;
	font-style:italic;
	margin:0 0 5px;
}
.line_no {
	color:#0000FF;
/*	background-color:#FFF8DC;*/
}