.ltr {
	direction: ltr;
}
.editor_comment {
	font-size: small;
	color: #aaa;
}

.html_example {
  position: relative;
  width: 450px;
  border: 1px solid #000;
  padding: 6px;
  margin: 8px 2px;
}

.html_example_rel {
	position: relative;
	top: 25px;
	right: 20px;
	background: #ddd;
	border: 2px solid #0a0;
	padding: 6px;
}

.html_example_rel_over {
	position: relative;
	bottom: 35px;
	left: 20px;
	background: #ddd;
	border: 2px solid #0a0;
	padding: 6px;
}

.example_content {
	background: #ddd;
	border: 2px solid #0a0;
	padding: 6px;
	direction: rtl;
	margin: 8px 2px;
	text-align:right;
}

span.css_prop {
	color: #663366;
	background: #ffffcc;
}
	
.html_content {
  background: #f3f3f3;
  padding: 2px;
}

div.main ul li {
  margin: 4px 5px;
  padding: 3px;
}

.positioned {
   position: relative;
   border: 2px solid green;
   height: 120px;
   background: #ddd;
}

.positioned p {
   border: 1px red solid;
   margin: 4px;
   padding: 4px;
}

div.code {
	width: 88%;
	direction: ltr;
   text-align: left;
   background: #ffffcc;
   font-family:Courier new;
   letter-spacing: 1px;
   border: 1px #cce solid;
	margin: 8px auto;
	padding: 6px;
}

.fixed_text {
	position:fixed; 
	top:400px; 
	left: 300px;
	border: 2px blue solid;
	padding: 2px 5px;
	background: yellow;	
}

.html_example h3, .prod_table h3{
	font-size:16px; 
	font-weight: bold;
	text-align: left;
	direction: ltr;
	color: #282;
	margin: 10px 72px;
}

.prodId {
   font-size: 10px;
   color: #aaa;
}

.html_example .prodId {
	position: absolute; 
	top: 8px;
	right: 25px;
}


.prodImg {
  float: right;
}

.html_example img {
    float: left;
}

/*

class="prodImg"
*/


p.prodTxt  {
	clear: both;
	direction:ltr;
	padding: 2px; 
	text-align: left;
}


.prodPrice {
	color: #3a0;
}

table.prodTable {
   direction: ltr;
   text-align: left;
   width: 450px;
   border: 1px solid #000;
   padding: 6px;
   margin: 8px 2px;
}

img{ 
	borer: none;
}

img.article_thumb {
	padding-right: 40px;
	float: right;
	border: none;
}
/* ------------ jquery examples ------------------ */
.jq-example {
		border: 1px dashed #ccc; 
		padding: 6px;
}
#ex3_1 span{
  font-weight: bold;
  color: #333;
} 

