@import url(overlay.css);



.howto #content { padding: 0; }
#howto #main .maincap.bottom { position:relative; margin:-7px -2px 0; }

/*--- Browser ---*/
.howto-browser { position: relative; width: 980px; }
.howto-browser .category-nav { background: url(../images/howtobrowser-nav-bg-20090608.gif) repeat-x 0 0; float: left; height: 95px; margin-bottom: 0; overflow: auto; padding: 0; position: relative; width: 980px; }
.howto-browser .category-nav .ACSliderMaskDiv { clear: left; display: inline-block; height: 95px; margin: 0 55px; overflow: hidden; width: 870px; }

.howto-browser .category-nav .ACSliderPageNav { margin: -15px 0 0 -25px; width: 50px; *margin-top: -25px; }
.howto-browser .category-nav .ACSliderPageNav li { display: inline; height:11px; width:11px; }
.howto-browser .category-nav .ACSliderPageNav li a { margin: 0 4px; *margin: 0; }

.howto-browser .category-nav .ACSliderPreviousArrow { background: url(../images/arrow-left-20090608.png) no-repeat 0 -95px; height: 95px; left: 0; top: 0; width: 55px; behavior:none; }
.howto-browser .category-nav .ACSliderNextArrow { background: url(../images/arrow-right-20090608.png) no-repeat 0 -95px; height: 95px; right: 0; top: 0; width: 55px; behavior:none; }
.howto-browser .category-nav .ACSliderPreviousArrow:hover,
.howto-browser .category-nav .ACSliderNextArrow:hover { background-position: 0 -190px; cursor: pointer; *background-position: 0 -190px !important; }
.howto-browser .category-nav .ACSliderPreviousArrow.inactive,
.howto-browser .category-nav .ACSliderNextArrow.inactive { background-position: 0 0; cursor: pointer; *background-position: 0 0 !important; }

.howto-browser .category-nav li { float: left; font-size: 11px; text-align: center; width: 87px; }
.howto-browser .category-nav li a { display: block; }
.howto-browser .category-nav li a span { background-position: 0 0; background-repeat: no-repeat; color: #666; cursor: pointer; display: block; font-weight: bold; min-height: 16px; padding: 62px 0 17px; text-shadow: rgb(255,255,255) 1px 1px 0; }
.howto-browser .category-nav .ACSliderMaskDiv li a:hover,
.howto-browser .category-nav .ACSliderMaskDiv li.activedescendant a { background: url(../images/howtobrowser-nav-bg-hover-20090608.png) repeat-x 0 0; text-decoration: none; }
.howto-browser .category-nav .ACSliderMaskDiv li a.active,
.howto-browser .category-nav .ACSliderMaskDiv li.activedescendant a.active { background: url(../images/howtobrowser-nav-bg-active-20090608.gif) repeat-x 0 0; text-decoration: none; }
.howto-browser .category-nav .ACSliderMaskDiv li a.active span,
.howto-browser .category-nav .ACSliderMaskDiv li a:hover span,
.howto-browser .category-nav .ACSliderMaskDiv li.activedescendant a span { background-position: 0 0; color: #000; }




.howto-browser a.cn-home span		{ background-image: url(../images/nav-home.png); }
.howto-browser a.cn-workflow span	{ background-image: url(../images/nav-workflow.png); }
.howto-browser a.cn-doc span		{ background-image: url(../images/nav-doc.png); }
.howto-browser a.cn-mail span		{ background-image: url(../images/nav-mail.png); }
.howto-browser a.cn-task span		{ background-image: url(../images/nav-task.png); }
.howto-browser a.cn-message span	{ background-image: url(../images/nav-messages.png); }
.howto-browser a.cn-knowledge span	{ background-image: url(../images/nav-knowledge.png); }
.howto-browser a.cn-meeting span	{ background-image: url(../images/nav-meeting.png); }
.howto-browser a.cn-contacts span	{ background-image: url(../images/nav-contacts.png); }
.howto-browser a.cn-bbs span		{ background-image: url(../images/nav-bbs.png); }
.howto-browser a.cn-notes span		{ background-image: url(../images/nav-notes.png); }
.howto-browser a.cn-resource span	{ background-image: url(../images/nav-resources.png); }
.howto-browser a.cn-calendar span	{ background-image: url(../images/nav-calendar.png); }
.howto-browser a.cn-stocks span		{ background-image: url(../images/nav-stocks.png); }
.howto-browser a.cn-admin span		{ background-image: url(../images/nav-admin.png); }

/* ie6 */
* .howto-browser #howto-section { clear: both; background: url(../images/howtobrowser-divider-fadeup-20090608.gif) no-repeat 243px 95px; }
/* google */
.howto-browser #howto-section:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; } 

.howto-browser .howto-list { background: #fff url(../images/howto-list-bg-20090608.png) repeat-x 0 100%; border-right: 1px solid #e5e5e5; clear: both; float: left; margin-top: 41px; padding-bottom: 5px; width: 244px; }
.howto-browser .howto-list .how-to { display: block; }
.howto-browser .howto-list .how-to a { background: url(../images/howto-list-item-bg-20090608.png) no-repeat 100% 0; color: #999; display: block; padding: 4px 0 4px 15px; }
.howto-browser .howto-list .how-to a:hover,
.howto-browser .howto-list .how-to.activedescendant a { color: #08c; text-decoration: none; }
.howto-browser .howto-list .how-to a span { padding-left: 15px; }
.howto-browser .howto-list .how-to .visited span { background: url(../images/check20090612.gif) no-repeat 0 2px; }
.howto-browser .howto-list .how-to .active { background-position: 100% 100%; color: #000; cursor: default; }
.howto-browser .howto-list .how-to a:hover.active,
.howto-browser .howto-list .how-to.activedescendant a.active { color: #000; cursor: default; }

.howto-browser .howto-content { position: relative; float: right; margin: 0; padding: 0 80px; width: 575px; min-height: 460px; overflow: auto; z-index:6; }
.howto-browser .howto-content div { padding-top: 32px; padding-bottom: 18px; }
.howto-browser .howto-content div div { padding: 0; }

.howto-browser .hasPrettyScrollbars .howto-content { margin:18px 20px; padding:0 60px; width: 695px; -webkit-box-sizing: border-box; outline: none; }
.howto-browser .hasPrettyScrollbars .howto-content div { padding-top: 14px; padding-bottom: 18px; }
.howto-browser .hasPrettyScrollbars .howto-content div div { padding: 0; }

.howto-browser .howto-content h3 { font-weight: normal; }
.howto-browser .howto-content sup { color: #000; *position: static; *vertical-align: top; }
.howto-browser .howto-content .figure { margin-bottom: 20px; display: block; }

.howto-browser .howto-list .how-to .visited span,
.howto-browser .category-nav li a span { behavior: url(home/nav/scripts/lib/iepngfix.htc); }