	#sidebar {
		width : 285px;
	}
	#content {
		float:right;
		width : 610px;
		height:auto;
		overflow:hidden;
	}
	#content #box0 , #content #info {
		margin-top: 10px;
		float : right;
		margin-right: 20px !important;
		margin-right: 10px;
	}
	#content #box0 {
		width:580px;
		margin-bottom: 10px;
	}
	#content #info {
		width: 567px;
		border: 1px solid #c6bf82;
		height: 65px;
		background-color: #fffacd;
		text-align: justify;
		direction: rtl;
		padding: 5px;
	}

	/* BLUE BOX */
	
	.box-head-blue {
		width: 100%;
		height: 34px;		
		background: url(box-head-blue.jpg) repeat-x top;
		line-height: 31px;
		text-align: right;
		direction: rtl;
	}
	.left-corner-blue {
		width: 30px;
		height: 100%;
		float: left;
		background: url(left-corner-blue.jpg) no-repeat top left;
		
	}
	.right-corner-blue {
		width: 30px;
		height: 100%;
		float: right;
		background: url(right-corner-blue.jpg) no-repeat top right;
	}
	.box-content-blue {
		width: 578px;
		background-color: #BBFFFF;
		border: 1px solid #78c3fa;
		margin-left: auto;
		margin-right: auto;	
	}
	.table {
		width: 550px;
		direction: rtl;
		margin: 0 auto;
	}
	#type {
		font-family: tahoma , arial , titr;
		font-size: 12px;
		width: 100%;
	}
	.table td input {
		font-family: tahoma , arial , titr;
		font-size: 12px;
	}
	
	.textarea {
		width: 270px;
		height: 200px;
		font-family: tahoma , arial , titr;
		font-size: 12px;
	}
	
	.code {
		width: 66px;
		text-align: center;
		font-weight: bold;
		font-size: 13px;
	}
		
	.smiley {
		cursor: pointer;
	}
	.input {
		width: 100%;
	}
	.submit {
		width: 80px;
	}
	hr {
		height:1px;
		border:1px solid orange;
		width:50%
	}
	h1 , h2 {
		font-size: 12px;
		display: inline;
	}
	h2 {
		font-weight: normal;
	}
	#example {
		width: 95%;
		height: auto;
		overflow: hidden;
		border: 1px solid #dddddd;
		background-color: #eeeeee;
		margin-left: 17px;
		margin-top: 10px;
		text-align: justify;
		direction: rtl;
		text-indent: 5px;
	}
	#show {
		width: 95%;
		margin-left: 17px;
		margin-top: 10px;
		height: auto;
		text-align: center;
		direction: rtl;
	}
	#show #reaction
	{
		text-align: center;
		direction: rtl;
		border: 1px solid #c6bf82;
		background-color: #fffacd;		
		width: 100%;
		margin: 0 auto;
	}
	#show #reaction p {
		padding: 5px;
		line-height: 20px;
	}
	#show #reaction p a{
		color: blue;
		font-weight: bold;
		text-decoration: none;
	}
	#show #reaction p a:hover{
		text-decoration: underline;		
	}
