#body_home {
	background: #444952 url(/images/GrassBG_new.jpg) repeat-x scroll 12% -224px;
}
.role a
{
    color:#CCFD02;
    text-decoration: underline;
}
ol 
{
    margin: 8px 0 18px 24px
}
ol li
{
    padding:3px 0;
    font-size:16px;
}
iframe
{
border: none;
width: 552px;
height: 342px;
margin: 0 auto;
}

#body_home #container {
	background-position: 741px 248px;
	min-height:1390px;
}
#body_home #content {
	padding-top: 2;
}
#body_home .detail
{
    position:absolute;
    width:880px;
    font-size: 1.2em;
}
/*#bar
{
    background: #FFE8A0 url('images/howToGrads.png') repeat-x scroll 0 -440px;
border-bottom: solid 2px #EAA615;
}*/
#header_home{
	position: relative;
height: 60px;
width: 958px;
margin: 0 auto;
}
#topper
{
float: right;
margin: 2px 14px 0 0;
height:54px;
}
#lanInst
{
}
#logo_home {
    height: 56px;
overflow: hidden;
width: 118px;
margin: 2px 0 0 13px;
float: left;
background: transparent url('/images/siteSprite.png') no-repeat;
}
* html #logo_home
{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/siteSprite.png', sizingMethod='image');  
     background-position:center top; background-repeat:no-repeat;
}
div.bigWht
{
    font-size: 18pt;
    color: #fff;
}
#tStrt
{
z-index:99;
left: 440px;
top: 121px;   
}
#tEnd
{
z-index:99;
top: 236px; 
left: 392px;
}
#blurb
{
height: 32px;
background: url("images/hdr_h1_howTo.png") no-repeat scroll 0 0 transparent;
float: left;
margin: 22px 0 0 0;
overflow: hidden;
width: 411px;
}
 #dtl1 div,#dtl1 div,#dtl3 div
 {
     position:relative !important;
 }
 
.dContent .cap
{
    padding: 10px 0 0 20px;
    color:#145965;
    font-size: 1.17em;
}

/*Demo*/
#canvas
{
    position:relative;
    width:900px;
    height:1336px;
    margin: 14px 0 30px 4px;
    color:#ffffff;
}
#demo div, #drill div
{   
    position:absolute;
}
#canvas .role
{
    position:absolute;
    top:0;
    background: #1579AA url('images/howToGrads.png') repeat-x scroll 0 0px;
    border: solid 2px #06486D; 
    -moz-border-radius: 5px;
    border-radius:5px;
    cursor:default;
}
#demo
{
    left: 0;
    width:585px;
    height: 358px;
    padding: 0;
    overflow:hidden;
}
#demo p
{
    text-align:right;
    margin: 0 0 16px 0;
    font-size: 18px;
}
#demo p.norm
{
    font-weight: normal; 
    font-size:12px;
}
#drill
{
    top:0;
    height:334px;
    padding:12px;
    left: 610px;
    width:258px;
    overflow:hidden;
    text-shadow: 0 1px 6px #0F6DAD;
}
#demoHdr img
{
    width:148px;height:38px;
}
.sec
{
    float:left;
    margin: 0 4px;
    padding: 4px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#sldHead
{
    top:0;
    left:0;
    width: 300px;
    height:54px;
    background:#1579AA url('images/howToGrads.png') repeat-x scroll 0 -182px;
    border-bottom:solid 2px #06486D;
}
#raph svg
{
    position:absolute;
    /*z-index:-98;*/
}
ul.steps
{
margin: 0;
top: 8px;
position: absolute;
padding: 0px;
overflow: hidden;
height: 60px;
width: 660px;
/*z-index: -90;*/
}
ul.steps li
{
list-style-type: none;
position:relative;
width:148px;
margin: 0px 0 0 36px;
height: 52px;
display: inline;
float: left;  
}
ul.steps li img {
height: 38px;
}

.slide ul li
{
    font-size:.8em;
    margin: -0.1em 0;
}

#st1
{
margin-top:0;
padding-top:0;
cursor: pointer;
/* background:#FFE58B;
border-color: #FFBE40;*/
}
#lh
{
-moz-border-radius: 7px;
border-radius: 7px;
text-align:center;
font: normal bold 16px tahoma;
width:78px;
height:57px;
top:158px;
left: 422px;
padding:4px;
background:#FFBE40;/* url('/css/images/demo/LHplay.gif') no-repeat 20px 8px;*/
border: solid 2px #FFE968;
color:#fff;
cursor: pointer;
overflow: visible;
z-index:100;/*reset on start*/
}
#lhArrow
{
 position:absolute; z-index:1000; top: 135px; left: 494px;
}
#lhExp
{
top: 62px;
left: 369px;
width: 200px;
}
#lhExp p 
{
display:none; 
margin-bottom:28px;
}

#lastSplash
{
top: 56px;
text-align: center;
color: #1579AA;
background: transparent url(/images/raised-hands.jpg) no-repeat -1px -41px;
height: 100%;
width: 100%;
padding: 0;
}
#lastSplash p
{
   text-align: center;
    font: normal 18px verdana,arial,helvetica;
    margin-bottom: 6px;
}
#lastSplash div{position:relative;}
#lastSplash table
{margin:12px auto 0 auto;}
#lastSplash td{ text-align:right;}
#pgBefT
{
top: 70px;
left: 320px;
width: 249px;
display:none;
}
#pgAftT
{
top: 83px;
left: 424px;
width: 145px;
display:none;
}
#pgAftT p
{margin-bottom:22px;
}
#features
{
width:276px;
border-top: solid 2px #93ABB3;
border-left: solid 2px #93ABB3;
border-right: solid 2px #6895A3;
border-bottom: solid 2px #6895A3;
color: #777;
background: #F6F0E3;
border-radius: 12px;
-moz-border-radius: 12px;
}

#gramDemo
{
  display:none;
    /*z-index:1000;*/
width: 378px;
height: 272px;
top: 67px;
left: 16px;
font-size: 12px;
line-height: 1.2em;
border:solid 2px #A4BDE4;
overflow:hidden;
border-bottom-width:4px;
color: #444;

}
#gramDemo p{text-align: left;}
#gramDemo .brHdr
{
    height:18px;
    background: #1579AA url('images/demo/browserTabs.png') no-repeat scroll 0 0;
}
#gramDemo .brTool
{
    height:24px;
    background:#ECE9DD url('images/demo/nav.png') no-repeat scroll 0 0;
    padding:2px 8px;
}
#gramDemo .brWdw
{
    background:#fff;
    height:100%;
    padding: 6px;
}
#gramDemo .brWdw p
{
    font: normal normal 1.1em/1em "Times New Roman";
}
p.demoP
{
    font-weight:normal;
    font-size:12px;
    margin:0 0 12px 0;
}
#actExpl
{
top: 76px;
left: 414px;
width: 158px;
}
#actExpl div {display:none;}

#smartSyntax,#yonder
{
    display:inline;
}
#bhoBrow
{
    float:right;
}
.bho
{
    width:22px;
    background: url('/css/images/demo/bho.png') no-repeat 0 0;
    height: 24px;
    cursor:pointer;
    white-space: nowrap
}
.bho:hover
{
background-position: 0 -24px;
}
#gramDemo div
{
position:relative;
}
#gramDemo .demHdr
{
color: #D12128;
font-size: 14px;
border-bottom: solid 3px #D12128;
width: 100%;
font-weight: bold;
font-family: verdana, arial;
}
#navTip
{   
display:none;
    width: 145px;
height: 175px;
top: 124px;
left: 424px;
}


#readMore
{
cursor: pointer;
top: 304px;
right: 0;
background: transparent url(/images/demo/signup.png) no-repeat 0 0;
width: 267px;
height: 50px;
}
#readMore:hover
{
    background: transparent url(/images/demo/signup.png) no-repeat 0 -50px;
}

#slideshow 
{
position:relative;
height:100%;
width:100%;
width:900px;
}
#slideshow img
{
bottom:0;
left:0;
height: 302px;
}
.slideshow IMG {
position:absolute;
/*z-index:-90;*/
}
.slideshow IMG.active {z-index:90;}
.slideshow IMG.last-active {z-index:80;}


#slides
{
    position:relative;
    /*top:1800px;*/
    background:#fff;
    border: solid 4px #06486D;
-moz-border-radius: 8px;
border-radius: 8px;
display:none;
}

div.slide
{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#slides .slide
{
position:relative;
float:left;
display:block;
color:#444;
padding:12px;
margin:12px;
width:250px;
overflow:hidden;
border-right: #D0D1D2 dotted 2px;
border-top: #82C60D solid 2px;
border-top-color: #82C60D;
border-top-style: solid;
border-top-width: 2px;
}
.slide p,.slide ul{margin-bottom:12px;}

#drill .slide
{
position:relative;
float:none;
display:block;
height:294px;
overflow:hidden;
color: #fff;
font-size:20px;
line-height:1em;
}
#drill .slide div{position:relative;}
#drill .hdr
{
color:#FFE56D;
font: normal bold 20px/1em "Arial black";
margin: 2px 0 20px 0;
padding: 4px 0;
text-align: center;
}
#slides .hdr
{
    color:#06486D;
    font-size:16px;
    font-weight:bold;
}
#slides .orangeTxt
{
    color:#D18A00;
	font-size:16px;
}
#canvas div.cSrc
{
    display:none;
    width:164px;
    height:120px;
    padding:0;
}
#cSrc1{left: 404px; top: 66px; }
#cSrc2{left:372px; top:138px; }
#cSrc3{left: 340px; top: 220px; }
#canvas div.cSrc img
{
    width:100%;
    height:100%;
    border: none;
}
#cSrc2 img
{
    position:absolute;
    top:0;
    left:0;
}

#subExp
{
display:none;
top: 344px;
left: 97px;
font-size: 11px;
font-style:italic;
}
img#pgAfter
{ display:none;}
#webOverlay
{opacity:0.4; display:none; width:100%; height:100%;
 background-color:#07599B;
}
#canvas div.sub
{
display:none;
background:#FFE58B;
color: #06486D;
border-top: solid 1px white;
border-left: solid 1px #FFF5CB;
border-right: solid 1px #FFBD4B;
border-bottom: solid 1px #F4A53E;
-moz-border-radius: 7px;
border-radius: 7px;
text-align:center;
padding:4px;
font: normal bold 10px tahoma;
width: 4px;
height:4px;
/*z-index: -1;*/
overflow: visible !important;
cursor:pointer;
moz-box-shadow: 3px 4px 7px #373431;
-webkit-box-shadow: 3px 4px 7px #373431;
}
img#teachDtl {
display: none;
position: absolute;
/*z-index: -40;*/
top: 245px;
left: 232px;
width: 163px;
height: 95px;
}
img#chat
{
display: none;
width: 366px;
height: 253px;
position: absolute;
left: 68px;
top: 78px;
/*z-index: -40;*/
}
#canvas div.sub p
{
font: normal bold 12px/1.1em arial;
display: none;
overflow: hidden;
margin: 2px;
text-align: center;
}
.nav
{
display:none;
cursor:pointer;
padding: 0 8px;
color:#06486D;
background: #F8BE0F;
border: solid 2px #FB9D09;
font-size:8pt;
-moz-border-radius: 6px;
border-radius: 6px;
LINE-HEIGHT: 1.5em;
text-shadow: none;
}
.nav:hover
{
    background: #1579AA url('/css/images/howToGrads.png') repeat-x scroll 0 -182px;
    border-color:#06486D;
}
.navGhost
{
padding: 0 8px;
color: #465665;
background-color: #C1B296;
border: solid 2px #465665;
cursor: normal;
font-size: 8pt;
-moz-border-radius: 6px;
border-radius: 6px;
LINE-HEIGHT: 1.5em;
text-shadow: none;
}
#reset
{
top: 330px;
left: 522px;
}
#next
{
top: 315px;
left: 500px;
height: 38px;
width: 86px;
font-size: 18pt;
font-weight: bold;
background: transparent url(/images/demo/nextButton.png) no-repeat;
}
#next:hover
{
    background: transparent url(/images/demo/nextButton.png) no-repeat 0 -40px;
}
#prev
{
top: 329px;
left: 463px;
}

#sld6 ul
{margin:12px 0 0 0;
 _margin-top: 0! important}
#sld6 p{padding: 0 0 0 48px;line-height:1.4;} 
#sld6 li 
{
list-style-type: none;
padding:0px 0 4px 0; 
}
#sld6 li div
{
    background: transparent url('/images/demo/num.png') no-repeat 0 0 ;
    width:40px; height:40px; display:inline;
    position:absolute !important;}
#sld6 .bdy li div.n2 {background-position:0 -40px;}
#sld6 .bdy li div.n3 {background-position:0 -80px;}

span.fcIcon {
background: transparent url('/css/images/demo/flashcard.png') no-repeat 0 0;
padding-right: 13px;
margin: 0 4px;
display:inline;
white-space: nowrap
}
.orangeTxt
{
    line-height:.86em;
    color:#FFE56D;
	font-size:18px;
}
.whiteTxt
{
    line-height: .86em;
    font-size: 18px;
}
.bigOrange
{
    color:#FFE56D;
	font-size:24px;
	font-weight:bold;
}
 .ui-tooltip-green {
	border-width: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}