/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#666666;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body{font:13px/1.231 tahoma, Geneva, sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


html, body {
background:#fff url(/w/i/bg.gif) repeat-x;
outline:none;
}

body{ margin-bottom:30px; }

/* 
 * Site & Page Layout 
 */
#frame {
width:690px;
margin:0 auto 0 auto;
background:transparent;
}
#header {
position:relative;
height:156px;
height:80px;
}
#footer {	
clear:both;
position:relative;
width:690px;
height:53px;
margin:0 auto;
padding-top:16px;
border-top:1px solid #d8d8d8;
overflow:hidden;
}
#footer #bot-nav {
float:left;
position:absolute;
top:33px;
left:193px;
}
#footer #share {
position:absolute;
top:33px;
right:0px;
}
#bod { 
clear:both;
}
.two-col #sidebar {
clear:none;
float:left;
width:196px;
}
.two-col #content {
clear:none;
float:left;
width:460px;
margin-left:34px;
overflow-x:hidden;
}

.one-col#bod #sidebar {
display:none;
}
.one-col#bod #content {
width:690px;
margin-left:35px;
}

/*
 * Navigation Items
 */
#nav-container {
background:url(/w/i/nav-mid.gif) 0 0 repeat-y;
}
#nav-container #nav-top {
height:25px;
background:url(/w/i/nav-top.gif);
overflow:hidden;
}
#nav-container #nav-bot {
height:25px;
background:url(/w/i/nav-bot.gif);
overflow:hidden;
}
#nav {
margin-top:-4px;
}
#nav li {
display:block;
margin:0px 14px 0px 19px;
padding:12px 13px;
border-bottom:2px solid #f0f0f0;
background:transparent url(/w/i/nav-arrow-gray.gif) 0px 16px no-repeat;
}
#nav li:last-child {
border-bottom:0;
}
#nav li ul {
margin-top:8px;
}

#nav li
{
  padding-top: 6px;
}

#nav li li {
border-bottom:0;
margin-left:0px;
padding-right: 0px;
padding-top: 6px;
padding-bottom: 6px;
margin-right:0px;
}
#nav li a {
text-decoration:none;
font-size:11px;
line-height:12px;
color:#999999;
}
#nav li:hover, #nav li.selected, .Support #nav li:hover, .Support #nav li.selected {
background:transparent url(/w/i/nav-arrow-blue.gif) 0px 11px no-repeat;
}
.Learning #nav li:hover, .Learning #nav li.selected {
background:transparent url(/w/i/nav-arrow-salmon.gif) 0px 11px no-repeat;
}
.Learning #nav a.selected {
color: #FF9999;
}
.Support  #nav a.selected {
color: #2B9DC3;
}
#header #send-to-friend, #header #bookmark-site, #header #home, #header #print-page, #header #french {
display:block;
height:31px;
background:transparent url(/w/i/top-buttons.gif) 0 0 no-repeat;	
}
#header a span { 
display:block;
text-indent:-9999px;
}
#header #send-to-friend {
position:absolute;
top:0px;
left:0px;
width:122px;
background-position:0px 0px;
}
#header #send-to-friend:hover {
background-position:0px -31px;
}

#header #french {
	position:absolute;
	top:0px;
	right:0px;
	width:72px;
	background-position:-386px 0px;
}
#header #french:hover {
	background-position:-386px -31px;
}

#header #bookmark-site {
position:absolute;
top:0px;
/*left:125px;*/
width:134px;
background-position:-123px 0px;
}
#header #bookmark-site:hover {
background-position:-123px -31px;
}
#header #home {
position:absolute;
top:0px;
right:133px;
width:67px;
background-position:-259px 0px;
}
#header #home:hover {
background-position:-259px -31px;
}
#header #print-page {
position:absolute;
top:0px;
right:72px;
width:59px;
background-position:-326px 0px;
}
#header #print-page:hover {
background-position:-326px -31px;
}
#section-nav {
margin-top:15px;
margin-bottom:24px;
}
#section-nav #support {
margin-left:25px;
}
#bot-nav li { 
display:block;
float:left;
margin-right:4px;
border-right:1px solid  #eee;
padding:0 4px;
}
#bot-nav li:last-child {
border-right:0;
}
#bot-nav a {
display:block;
padding:4px 0;
line-height:10px;
vertical-align:bottom;
font-size:11px;
font-family:Tahoma, Geneva, sans-serif;
color:#AAA;
text-decoration:none;
}

#bot-nav a:hover {
color:#888;
}

/*
 * Content Layout
 */

#chart {
width:690px;
height:150px;
}

#chart-item {
position:relative;
/*min-height:148px;*/
background:#fff;
width:100%;
}

#chart-item .image {
position:absolute;
top:0;
left:0;
}

#chart-item #chart-close {
position:absolute;
top:0;
right:0;
cursor:pointer;
}

#chart-item .blurb, #chart-item .details {
/*width:430px;
margin-left:195px;*/
width:  575px;
margin-left:50px;
margin-right:50px;
}

#chart-item .details {
	
}

#chart-item #tip-image
{
	display: none;
}

#chart-item .details, #chart-item .details a {
color:#cccccc;
}

#content ul#breadcrumb {
width:550px;
height:1em;
margin:0 0 18px 0px;
padding-top: 6px;
position: relative;
z-index:100;
}

#content ul#breadcrumb li {
display:block;
float:left;
clear:none;
padding:0px 0px 0px 16px;
margin-left:0;
margin-right:1.5em;
list-style:none;
background-image:url(/w/i/nav-arrow-salmon.gif);
background-repeat:no-repeat;
background-position:0px 5px;
}

.Learning #content ul#breadcrumb li {
background-image:url(/w/i/nav-arrow-salmon.gif);
}

.Support #content ul#breadcrumb li {
background-image:url(/w/i/nav-arrow-blue.gif);
}

#content ul#breadcrumb li a {
color: #666;
font-size: 11px;
text-decoration:none;
}


/*
 * Table of Contents Styles
 */

#content .toc {
margin:0 0 18px 0px;
padding-top: 6px;
}
#content .toc li {
padding:0px 0px 0px 16px;
margin-left:0;
margin-right:1.5em;
list-style:none;
background-repeat:no-repeat;
background-position:0px 4px;
background-image:url(/w/i/nav-arrow-salmon.gif);
}
.Learning #content .toc li {
background-image:url(/w/i/nav-arrow-salmon.gif);
}
.Support #content .toc li {
background-image:url(/w/i/nav-arrow-blue.gif);
}
#content .toc a {
text-decoration: none;
color: #666;
}
.Learning #content .toc a:hover {
color:#e18989;
}
.Support  #content .toc a:hover {
color:#5cb9e7;
}


/* 
 * General Element Styles
 */


h1 { 
    margin-bottom:6px;
    line-height:24px;
    font-size:20px;
    font-family:Tahoma, Geneva, sans-serif;
}

h2 {
    margin-bottom:22px;
    line-height:24px;
    font-size:20px;
    font-family:Tahoma, Geneva, sans-serif;
    color:#888888;
}

h3
{ 
    margin-bottom:5px;
    line-height:18px;
    font-size:13px;
    font-family:Tahoma, Geneva, sans-serif;
    text-transform:uppercase;
    font-weight:bold;
    color:#999999;
}

p, li {
margin-bottom:22px;
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
line-height:18px;
}

a {
    color:#2b9dc3;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

.Learning a {
    color:#e18989;
}

.Support a {
    color:#5cb9e7;
}

#content ul, #content ol {
margin-top:18px;
margin-bottom:18px;
}
#content ul li {
list-style:disc;
margin-left: 1em;
margin-bottom:.5em;
padding-left: .5em;
}
#content ul li ul li {
list-style:square;
margin-bottom:0.25em;
}
#content ol li {
list-style:decimal;
margin-left: 2em;
margin-bottom:.5em;
padding-left: 2em;
}
#content ol li ol li {
margin-bottom:0em;
list-style:upper-alpha;
}


/* color support */
h1 {
color:#5cb9e7;
}

.Learning h1 {
color:#e18989;
}

.Support h1 {
color:#5cb9e7;
}

/* Element Support */
b, strong { font-weight:bold; }
* { outline:none; }

/* default style classes */
/****************************************************/
.clear		{ clear: both; line-height: 1px; font-size: 1px; }

/* bottom of stack options */
/****************************************************************************************************************/
div.bottomnone			{ margin-bottom : 0px;  padding-bottom: 0px; }
div.bottomspacing		{ margin-bottom	: 18px;	padding-bottom: 0px; }
div.bottomline			{ margin-bottom : 18px; padding-bottom: 18px; border-bottom	: 1px solid #000000;     }
div.backtotop			{ margin-bottom : 28px; padding-bottom: 18px; text-align:left; padding-right: 20px;  }

.Learning div.backtotop a		    { background: url(/w/i/icon-arrow-salmon.gif) no-repeat 2px 1px; padding-left: 16px; color:#e18989; }
.Support  div.backtotop a		    { background: url(/w/i/icon-arrow-blue.gif) no-repeat 2px 1px;   padding-left: 16px; color:#5cb9e7; }
