/*how to*/
#main {
	CLEAR: both
}
#main #content {
	Z-INDEX: 0; BORDER-BOTTOM: #ddd 1px solid; POSITION: relative; BORDER-LEFT: #ddd 1px solid; 
	MARGIN: 6px 0px; WIDTH: 764px; BACKGROUND: #fff; FLOAT: left; HEIGHT: 100%; BORDER-TOP: #ddd 1px solid;
	BORDER-RIGHT: #ddd 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0 2px 2px #ddd; -moz-box-shadow: 0 2px 2px #ddd; box-shadow: 0 2px 2px #ddd
}
#main .content-main {
	HEIGHT: 100%; OVERFLOW: hidden
}
#main .content-main H1 {
	BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 52px; PADDING-LEFT: 24px; PADDING-RIGHT: 0px; 
	BACKGROUND: url(../images/bg-left-h1.png) repeat-y 0px 0px; HEIGHT: 50px; COLOR: #318905; FONT-SIZE: 16px; 
	FONT-WEIGHT: bold; PADDING-TOP: 0px
}
#main .content-main H1 A {
	COLOR: #507632; FONT-SIZE: 16px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
#main .content-main H1 STRONG {
	PADDING-LEFT: 16px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #6064a1; FONT-SIZE: 22px; FONT-WEIGHT: normal
}
#main .content-main H1 STRONG SPAN {
	PADDING-LEFT: 10px; FONT-SIZE: 14px
}
#main .content-main H1 STRONG.pre {
	COLOR: #6064a1; TEXT-DECORATION: line-through
}
#main #purchase .content-main H1 {
	FONT-SIZE: 18px; FONT-WEIGHT: normal
}
#main #purchase .content-main H1 A {
	FONT-SIZE: 18px; FONT-WEIGHT: normal
}
#main #article .content-main H2 {
	BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 52px; PADDING-LEFT: 24px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/bg-left-h1.png) repeat-y 0px 0px; HEIGHT: 50px; COLOR: #318905; FONT-SIZE: 16px; FONT-WEIGHT: bold; PADDING-TOP: 0px; text-shadow: 0 1px 0 #FFFFFF; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px
}
#main .content-main H3 {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #318905; FONT-SIZE: 17px; PADDING-TOP: 12px
}

#tutorials .full-main {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/t_bg.gif) #fff repeat-y -12px 0px; OVERFLOW: hidden; PADDING-TOP: 0px
}
.title-hd {
	PADDING-BOTTOM: 4px; LINE-HEIGHT: 55px; BACKGROUND: url(../images/title-hd.png) repeat-x 0px bottom; HEIGHT: 55px; PADDING-TOP: 0px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; color:#0d5a82;
}
#tutorials .leftside {
	WIDTH: 210px; FLOAT: left; MARGIN-LEFT: 12px; PADDING-TOP: 16px
}
#tutorials .leftside UL LI {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 5px; DISPLAY: block; HEIGHT: 38px; PADDING-TOP: 3px;  border-bottom: 1px dashed #D1D1D1; 
}
#tutorials .leftside UL LI A {
	DISPLAY: block; COLOR: #777; FONT-SIZE: 14px; TEXT-DECORATION: none;
}
#tutorials .leftside UL LI A:hover {
	COLOR: #ccc
}
#tutorials .leftside UL LI IMG {
	PADDING-RIGHT: 10px; VERTICAL-ALIGN: middle; opacity: 0.8
}
#tutorials .leftside UL LI.itis {
	BACKGROUND: url(../images/nav-on.gif) no-repeat 2px 0px
}
#tutorials .leftside UL LI.itis A {	COLOR: #fff
}
#tutorials .tutorial-cnt {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 748px; PADDING-RIGHT: 12px; FLOAT: right; PADDING-TOP: 4px
}
#tutorials .tutorial-cnt .title {
	 BORDER-BOTTOM: #ddd 1px solid; LINE-HEIGHT: 42px; MARGIN-TOP: 12px; HEIGHT: 25px; COLOR: #555; FONT-SIZE: 20px; font-weight:bold; MARGIN-RIGHT: 20px; padding-bottom:15px;
}
#tutorials .tutorial-cnt .title IMG {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px
}
#tutorials .tutorial-cnt .section {
	MARGIN-BOTTOM: 20px
}
#tutorials .tutorial-cnt .toppart {
	MARGIN: 4px 20px; OVERFLOW: hidden
}
#tutorials .tutorial-cnt .toppart IMG {
	PADDING-BOTTOM: 4px; PADDING-LEFT: 24px; PADDING-RIGHT: 24px; FLOAT: left; PADDING-TOP: 4px
}
#tutorials .tutorial-cnt .toppart P {
	LINE-HEIGHT: 1.6em; COLOR: #666; FONT-SIZE: 12px
}

#tutorials .tutorial-cnt OL {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; HEIGHT: 120%; OVERFLOW: hidden; PADDING-TOP: 10px
}
#tutorials .tutorial-cnt OL LI { list-style:none; PADDING-BOTTOM: 8px; PADDING-LEFT: 20px; WIDTH: 330px; BACKGROUND: url(../images/guide-list.png) no-repeat 5px 5px; FLOAT: left; MARGIN-RIGHT: 4px; PADDING-TOP: 5px
}
#tutorials .tutorial-cnt OL LI A {
	COLOR: #0040a1;}


#tutorials .tutorial-cnt UL {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; HEIGHT: 100%; OVERFLOW: hidden; PADDING-TOP: 10px
}
#tutorials .tutorial-cnt UL LI { list-style:none; PADDING-BOTTOM: 8px; PADDING-LEFT: 15px; WIDTH: 330px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/dot_icon.gif) no-repeat 5px 6px; FLOAT: left; MARGIN-RIGHT: 4px; PADDING-TOP: 0px
}
#tutorials .tutorial-cnt UL LI A {
	COLOR: #0040a1
}

/*how to end*/

.middle{}