.tutorial-body,.tutorial-,.tutorial-titr2,.tutorial-Tozih,.tutorial-link{
	color: #000;
	margin: 0 15px 0 15px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	height: 100%;
	font-family: tahoma, verdana, sans-serif;
	font-size:12px;
	direction:rtl;
	line-height:25px;
	text-decoration:none;
	text-align:justify;
}
.tutorial-titr1 {color:#CA332F
}
.tutorial-titr1{
	font-size:16px;
	text-align:right;
	font-weight:bold;
	margin-right:20px;
	}
.tutorial-titr2{a
	font-size:14px;
	text-align:right;
	font-weight:bold;
	margin-right:15px;
}
.tutorial-Tozih{
	font-size:10px;
	text-align:center;
}
.tutorial-link{
	font-size:10px;
	text-align:right;
}
.TitrTutorial 
{font-size: 20px;
 color: #CA332F;
 font-family: Arial;
 font-weight: bold;         
}

ul.arrowunderline{
list-style-type:none;
margin:0;
padding:0;
text-align:center; /* enter "left", "right", or "center" to orient the menu accordingly */
font:   10px Georgia;
}

ul.arrowunderline li{
display:inline;
margin-right:18px; /* spacing between each menu item */
}

ul.arrowunderline li a{
position:relative;
color:#004080;
padding-bottom:5px; /*spacing between each menu item and arrow underline beneath it */
text-decoration:none;

}

ul.arrowunderline li a:hover{
border-bottom:3px solid  #00974B; /* style of arrow underline */
}

ul.arrowunderline li a:hover:after{ /* use CSS generated content to add arrow to the menu */
content:'';
width:0;
height:0;
position:absolute;
left:50%;
margin-left:-5px; /* value should match border-width below */
bottom: 0;
border-width:5px; /* value should match margin-left above */
border-style:solid;
border-color: transparent transparent  #00974B transparent; /* create up arrow */
}

/*--------h--------*/

.h2-1{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 0;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-2{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -100px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-3{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -200px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-4{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -300px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-5{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -400px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-6{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -500px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-7{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -600px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-8{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -700px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-9{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -800px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-10{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -900px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-11{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -1000px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-12{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -1100px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-13{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -1200px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-14{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -1300px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-15{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -1400px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-16{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -1500px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-17{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -1600px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-18{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -1700px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-19{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -1800px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-20{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -1900px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-21{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -2000px;
  line-height: 87px;
  padding: 0 0 0 150px;
}
.h2-22{
  background: url(/Assets/images/tutorial/h-sprite.png) no-repeat 0 -2100px;
  line-height: 87px;
  padding: 0 0 0 150px;
}


#tutorial UL{
  margin: 10px 0 20px 0;
}
#tutorial UL LI{
  /*background: url(/Assets/images/tutorial/bullet-1.png) no-repeat 0 6px;*/
  padding: 0 0 0 5px;
  line-height: 22px;
  margin: 0 0 6px 0;
}
#tutorial LI A{
  /*color:  #084;*/
}



/* Positioning */
div.center { text-align: center; margin: 20px auto; }
div.center>table,div.center>form>table { margin: 0 auto; }
div.left { position: relative; float: left !important; margin: 0 10px 5px 0; display: inline-block; }
div.right { position: relative; float: right; margin: 0 0 5px 10px; display: inline-block;}
div.bot, div.top { position: relative; }
.bot>img, .top>img { display: block; margin: auto; }
div.bot { z-index: 1; }
div.top { z-index: 2; }

  
table { border-style: none;	border-collapse: collapse; }
th { font-weight: bold; }
table.ه, .ه td, .ه th, td.ه, .calc th, td.but { text-align: center; }
.ه td, .ه th, td.ه, .calc td, .calc th { border: 1px solid #3e3e3e; background: #1f1f1f; }
.calc td, .left>tr>td, .left>td, td.left, th.left { text-align: left !important; }
td.calcbutton { text-align: center !important; }
td {
  vertical-align: middle;}



/* Tables */
table { border-style: none;	border-collapse: collapse; }
th { font-weight: bold;border: 1px solid #3e3e3e; color:#FFFFFF; }
table.t1, .t1 td, .t1 th, td.t1, .calc th, td.but { text-align: center;border: 1px solid #3e3e3e; color:#FFFFFF; }
.t1 td, .t1 th, td.t1, .calc td, .calc th { border: 1px solid #3e3e3e; background: #1f1f1f; color:#FFFFFF; }
.calc td, .left>tr>td, .left>td, td.left, th.left { text-align: left !important; border: 1px solid #3e3e3e; color:#FFFFFF;}
td.calcbutton { text-align: center !important; border: 1px solid #3e3e3e; color:#FFFFFF;}
td {
  vertical-align: middle;color:#FFFFFF;
}
/*table{
  margin: 0 0 20px 0 !important;
}*/

.calc th { height: 35px; font-size: 14px; }
.calc .result { background: #002; }
.bg, .bg td, .bg th { background: #4c4a54 !important; border-color: transparent !important; }
.pad td, .pad th { padding: 2px 5px !important; }
/* Misc Special Styles */
.d1 { clear: both; display: block; border: 2px solid #555; background: #292929; padding: 8px; margin: 10px 0; }





*/
/* OnMouseoverButtons */
.on, .off { cursor: pointer; }
on { color: #000; background: #ffbb26 !important; }
.on { color: #ffbb26; }
.off { color: #eee; }
.preload, .hidden, .showhide { display: none; }

.post{
  width: 600px;
  float: left;
  clear: both;
}