/*css reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/*html styles*/
body { font-size: 9pt; text-align: center; background-color: #efefef; voice-family: inherit; font-family: verdana, arial, sans-serif; color: #000; line-height: 130%; z-index:0; }

h1 { font-size:15pt; margin-bottom: 8px; font-weight:bold; color: #06c; }

h2 { font-size:13pt; margin:16px 0 6px 0;font-weight:bold;  }

h3 { font-size:10pt; margin:14px 0 4px 0;font-weight:bold;  }

h4 { font-size:9pt; margin:12px 0 0 0;font-weight:bold;  }

p { margin-bottom:6px; }

p, ul, ol { font-size:9pt; }

strong { font-weight:bold; }

ul { margin:0 0 0 16px; list-style: none; }
li { margin:0 0 4px 0; }

ol { padding-left:1.2em; list-style: decimal; }
ol li { margin:0 0 4px 1em; padding:0; }

ol.lower-alpha { list-style-type:lower-alpha; }
ul.disc {list-style-type:disc; margin-left:22px; }


em { font-style:italic; }

sup { vertical-align: 50%; font-size: 80% }

input {font-size: 7.5pt; color: #000; margin:0 4px 0 0;}

blockquote { margin-left: 24px; }

blockquote p { line-height:9.5pt; margin:0 0 6 0; spacing:0; }

form { margin:10 0 10 0; }

form .req { font-weight:bold; }

form td {padding:4 4 4 0;}

tr.ruleTop td, .ruleTop {
	border-top-color: #c2c2c2;
	border-top-style: solid;
	border-top-width: 1px; }

div.ruleTop { margin-top:12px; }

.ruleBottom {
	border-bottom-color: #c2c2c2;
	border-bottom-style: solid;
	border-bottom-width: 1px; }

table.border { border: 2px solid #c2c2c2; margin:12px 0 12px 0; }
table.border td, table.border th { border: 1px solid #c2c2c2; padding: 4 4 4 4; }

#container { margin: 0 auto; width: 780px; text-align: left; background-color: #ffffff; }

#masthead { height:68px; width:780px; background-image:url("../Images/masthead.jpg"); background-repeat:no-repeat; margin:0 0 8 0;  padding:0; }

#headerNav { margin:0 10 0 10; }

#tabNav { font-size: 7.5pt; line-height:10pt; height:35px; width:760px; background-image:url("../Images/tabNavBackground.gif"); background-repeat:no-repeat; margin:0; padding:9 0 0 9; }
	  
#tabNav ul {
      list-style:none;
      margin:0;
      }
	  
#tabNav li {
      float:left;
      background:url("../Images/tab_left.gif") no-repeat left top;
      padding:0 0 0 9px;
      font-size: 7.5pt;
      }
	  
#tabNav a {
      float:left;
      display:block;
      background:url("../Images/tab_right.gif") no-repeat right top;
      padding:7px 10px 5px 2px;
      text-decoration:none;
      font-weight:bold;
      color:#fff;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
#tabNav a {float:none;}
    /* End IE5-Mac hack */
#tabNav a:hover {
      color:#333;
      }
#tabNav .current {
      background-image:url("../Images/tab_left_on.gif");
      border-width:0;
      }
#tabNav .current a {
      background-image:url("../Images/tab_right_on.gif");
      color:#333;
      }


a:link { text-decoration: underline;}
a:visited { text-decoration: underline;}
a:hover {text-decoration: none;}


#anav { font-size:7pt; padding: 4px 0 0 10px; margin:0; }
#anav, #anav a:link, #anav a:visited { color:#0066cc; text-decoration:none; }
#anav a:hover {color:#008C9B; text-decoration:underline;}
#anav .anavOn {color:#000000;}

#body-main { padding:10 10 0 10;}
#body-main table td { vertical-align:top; }

#searchPane { margin-bottom:12px;}
input.med { width: 115px; font-size:8pt; }

#sideNav { width:150; height:100%; padding-bottom:30px; }
#sideNav, #sideNav a:link, #sideNav a:visited { color:#0066cc; text-decoration:none; }
#sideNav a:hover { color:#008C9B; text-decoration:underline; }

#sideNav h2 { font-size:7.85pt; margin:0px 0 0px 0; }
#sideNav h2 img { top: 2px; position: relative; }

#sideNav ul { margin:3px 0 0 16px; list-style: none; }
#sideNav ul ul { margin-left:10px; }

#sideNav li { line-height:1em; margin-bottom:3px; font-size:7pt; color:#000000; }


#sideNav li.current a, #sideNav div#active a { color:#000000; }
#sideNav li.current, #sideNav li.current a { font-weight:bold; }

.sideNavGroupHome {
	padding-top:4px;
	padding-bottom:8px;
}
.sideNavGroup {
	border-top-color: #c2c2c2;
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top:6px;
	padding-bottom:8px;
}

.sideNavGroup img, .sideNavGroupHome img { margin:0px 3px 0 0; }
.sideNavGroup ul.off { display:none; }
.sideNavGroup ul.current { display:inherit }

.off { display:none; }

#content  { margin-left:24px; padding-bottom:30px; vertical-align:top; width:586px;}

#content.sketchpad-explorer ul { list-style-type: disc; margin:6px 0 18px 36px; }

#sidebar { width:195; height:auto; float:right; background-color:ffffff; font-size:7.5pt; margin:0 0 24 12; padding:0; }


.sidebarComponent, .sidebarComponentSingle, .sidebarComponentLast { margin:0 0 0 0; padding:0 10 0 10; 
	border-top-style: none;
	border-right-color: #c2c2c2;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #c2c2c2;
	border-left-style: solid;
	border-left-width: 1px; }

.sidebarComponent {
	padding-bottom:10px;
	border-bottom-color: #c2c2c2;
	border-bottom-style: solid;
	border-bottom-width: 1px; }

.sidebarComponent .header, .sidebarComponentLast .header { font-size:7.5pt; font-weight:bold; color:491b7d; margin:0; padding:10px 0 0 0; }
.sidebarComponent .header a:link, .sidebarComponentLast .header a:link { color:491b7d; text-decoration:none; }
.sidebarComponent .header a:visited, .sidebarComponentLast .header a:visited { color:491b7d; text-decoration:none; }
.sidebarComponent .header a:hover, .sidebarComponentLast .header a:hover { text-decoration:underline; }

.sidebarComponent ul, .sidebarComponentLast ul { margin:0; padding:8 0 0 0; list-style: none; }
.sidebarComponent ul li, .sidebarComponentLast ul li { margin:0; padding-bottom:6px }


.sidebarComponent p,.sidebarComponentLast p,.sidebarComponentSingle p { font-size:7.5pt; margin:0; padding:0; padding-bottom:2px; }

.sidebarGroupHead { width:auto; height:auto; background-image:url("../Images/sidebarGroupHead.gif"); background-repeat:no-repeat; font-size:8pt; font-weight:bold; padding:6px 4px 6px 10px; margin:0; }

.sidebarFoot { width:195; height:10px; background-color:ffffff; background-image:url("../Images/sidebarFoot.gif"); background-repeat:no-repeat; margin:0 0 12 0; padding:0; }
.sidebarHead { width:195; height:10px; background-color:ffffff; background-image:url("../Images/sidebarHead.gif"); background-repeat:no-repeat; margin:0; padding:0; }

.siteMapSection { margin-top:6px; }
.siteMapSection ul { margin:0 0 0 16px }
.siteMapSection ul ul, .siteMapSection ul ul ul { margin-top:4px; }

.pageNav { background-color:fff3cf; padding:8 16 8 16; border-style: solid; border-color:#ccc; border-width:1px; margin:0 0 12 0; }
/*.pageNav table { width:340px; }
.pageNav table td { background-color:e6e6e6; padding:16 16 16 16; border-style: solid; border-color:black; border-width:1px; }
.pageNav table td { }*/
.pageNav p, .pageNav li { font-size:90%; }
.pageNav p { text-align:center; }

.pageNav h4 { padding-bottom: 12px; }

.pageNav ul { margin:0; padding:0; list-style: none; }

.pageNav ul li { margin:0 0 6px 0; }
.pageNav li li { margin:6 0 0 12; }

.pageNav a { text-decoration: none; }
.pageNav a:hover { text-decoration: underline; }

ul.bibliography { margin:0px 0 12px 0px; list-style: none; }
ul.bibliography li { margin:0 0 8px 0; }

.recentTalks ul { margin:0; list-style: none; }
.recentTalks ul ul { list-style: none; }
.recentTalks li { margin:0px 0 12px 0; }
.recentTalks li li { margin:4 0 0px 0; }
.recentTalksNav li.current a { font-weight:bold; }

ul.supportFAQ { margin:0; padding:0; list-style: none; }

ul.supportFAQ li { margin:0 0 10px 16px; }
ul.supportFAQ a { text-decoration: none }
ul.supportFAQ a:hover { text-decoration: underline }


#101ProjectsCover { float:right; margin:0 0 24 12; }

.moduleDownloadBox { padding:4 6 4 6; background-color:#fff; margin:0 0 6 0; border-style: solid; border-color:#ccc; border-width:1px; }

ul.moduleChapter { margin:-4pt 0 0 8pt; padding:0; list-style: none; }
.moduleChapter li { margin:0; padding:0 }

p.footnote { font-size:7pt; }

#footer { font-size:7pt; background-color:0066cc; padding:6px 0 6 12; color:ffffff; }
#footer a:link, #footer a:visited { color: white; text-decoration:none; }
#footer a:hover { color: white; text-decoration:underline; }

.contentsToggle { font-size:85%; color:#0000ff; cursor: pointer; }

.note { margin-bottom:6px; background-color:e6e6e6; padding:8 8 8 8; border-style: solid; border-color:black; border-width:1px; }