/* @group Baseline */
html {font-size:62.5%;font-family:sans-serif;}
body {margin:0;background:#e3ebd8 url(/_images/bg/page-backgrounds_jan09.gif) repeat-x top left fixed;text-align:center;}
h1,h2,h3,h4,h5,h6,p,blockquote,form,hr,ul,ol,dl,li,dd,dt {padding:0;margin:0;}
/* @end */
/* @group Structural */
#extremeStats {display:none;}
#maincontent {position:relative;}
#wrapper {background:#fff;width:76em;margin:0 auto;text-align:left;position:relative;}
/* @end */
/* @group Skip Nav */
#skippies {width:100%;}
#skippies li {list-style:none;position:absolute;width:100%;z-index:100;}
#skippies li a {color:#fff;display:block;text-align:center;}
#skippies a.hidden {padding:0;height:1px;text-indent:-30000px;font-size:1px;width:0;border:none;}
#skippies a.visible {background:#456323;padding:0.7em 0;height:auto;text-indent:0;font-size:2em;width:100%;opacity:0.9;outline:none;}
#wrapper a.skip-dest {margin:0;padding:0;height:0;width:0;outline:none;border:none;display:inline;}
/* @end */
/* @group Header */
#header {padding:0 2em;height:10em;}
#logo {margin:0 0 8px 0;}
#logo a img {border:4px solid white;}
#logo .logohover {border:4px solid #6f8341;outline:none;}
#logo .logohover, #logo a:hover, #logo a:focus {outline:none;}
#searcharea {font-size:1.8em;margin:-100px 0 0 22em;}
#searcharea fieldset {border:none;}
#searcharea legend {display:none;}
#searchFilter {font-size:0.8em;vertical-align:middle;display:inline;margin-left:4em;}
input#txtSearch, input#s {font-size:0.6em;width:17em;}
#searchAction {margin:-2.4em 0 0 15em;}
label.disabled {color:gray;}
/* @group Twitter */
/*
#twitter_div {position:absolute;top:10em;left:2em;width:710px;height:3em;overflow:hidden;}
#twitter_div #fakeTwitterHeadingCosCantHaveH2BeforeH1Grrrr {float:left;color:#435330;margin:0 10px 140px 0;font-size:1.8em;}
#twitter_div ul {margin:0;padding:0;}
#twitter_div ul li {list-style:none;font-size:1.3em;}
#twitter_div ul li a {background:#ecfec7;color:#435330;}
#twitter_div ul li a.twitteredWhen {font-style:italic;}
#twitter_div #fakeTwitterHeadingCosCantHaveH2BeforeH1Grrrr a {text-decoration:none;color:#57742e;}
*/
/* @end */

/* @group Minicons */
#minicons {position:absolute;top:70px;right:30px;width:70px;height:25px;}
#rssminicon,#twitterminicon,#deliciousminicon {position:absolute;}
#rssminicon {top:0;left:48px;}
#twitterminicon {top:0;left:24px;}
#deliciousminicon {top:0;left:0px;}
#minicons li {list-style:none}
#minicons li a b {position:absolute;border:4px solid white;text-indent:-30000px;display:block;width:14px;height:14px;cursor:hand;}
#minicons li a b, a.external {background:url(/_images/bg/sprites_jan09_02.gif) no-repeat right -200px;}
a.external:hover {background:#e7efd9 url(/_images/bg/sprites_jan09_02.gif) no-repeat right -200px !important;}
#minicons li a#rssminicon b {background-position:right -350px;padding:0;}
#minicons li a#twitterminicon b {background-position:right -250px;padding:0;}
#minicons li a#deliciousminicon b {background-position:right -300px;padding:0;}
#minicons li a:hover b,
#minicons li a:focus b {border:4px solid #6f8341;outline:none;}
.minicon_text {position:absolute;text-indent:-3000px;overflow:none;}
.minicon_abbr {position:absolute;top:5px;left:5px;}
/* @end */
/* @end */
/* @group Navigation */
#primarynavigation {font-size:2.2em;background:#456323 url(/_images/bg/page-backgrounds_jan09.gif) repeat-x left -3000px;margin:0 0 0 0;width:100%;position:relative;z-index:1000;padding:0;float:left;}
#primarynavigation ul {margin:0 !important;padding:0 !important;}
#primarynavigation ul li {list-style:none;float:left;}
#primarynavigation ul li a {border-top:10px solid #fff;text-decoration:none;color:#fff;padding:0.4em 0.5em;display:block;}
#primarynavigation ul li a.hover, 
#primarynavigation ul li a:hover, 
#primarynavigation ul li a:focus, 
#primarynavigation ul li a.current:hover 
{background:#3a3a3c;border-top:10px solid #b4ce80;}
#primarynavigation ul li a.current  {background:#435330;border-top:10px solid #fff;}
/* @end */
/* @group Generic styles */
span.attribution {font-weight: bold;background:#506e29;color:white;padding:1px 3px;}
div#maincontent a#youTubeAccessify, div#maincontent a#youTubeAccessify:hover,
div#maincontent a#youTubeAccessify:focus {background-image:url(/_images/bg/sprites_jan09_02.gif) !important;background-repeat:no-repeat;background-position:0 -50px !important;padding-left:120px;display:block;border-style:none;height:47px;font:0.9em/1.3 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
#wrapper h2.hide,
#wrapper h3.hide {text-indent:-30000px;height:0;font-size:1px;border:none;}
code {color:#476523;background:#e7efd9;}
#archive-warning,
#out-of-date-warning,
.problempage, #jsToolWarning {border:2px solid red;padding:0.6em 1em;color:red;background:#fff;margin-bottom:1em;}
#out-of-date-warning {border:2px solid #b4ce80;color:#4b6826;}
.archived-content {background:#e7efd9;border:2px solid #3a3a3c;padding:0.3em;}
.archived-content p {margin:0 !important;padding:0;}
.archived-content a {text-decoration:none;color:black;}
.new {color:#fff;background:#456323;padding:0 0.2em;}
#content p.credit {font-family:helvetica, sans-serif;background:#e7efd9;padding:0.5em;font-size:0.8em;}
.smallprint {font-size:x-small;}
#content {font-size:1.5em;line-height:1.6;padding:1.4em;}
#maincontent p,
#maincontent li {font-family:Georgia, "Times New Roman";font-size:1em;margin:0.8em 0;}
#maincontent a:link {color:#456323;}
#maincontent a:visited {color:#3a3a3c;text-decoration:none;border-bottom:1px dotted #456323;}
#maincontent a:hover,
#maincontent a:active,
#maincontent a:focus {background-color:#e7efd9;color:#000;outline:none;}
a img {border:0;}
a.widgetlink, a.widgetlink:hover {background-image:url(/_images/widget.png) !important;background-position: 0 center !important;background-repeat: no-repeat !important;padding-left:30px;font-size:1.2em;}
div.widget-info {background:url(/tools-and-wizards/osx-widgets/widget-bg.gif) top right no-repeat}
a.external {padding-right:24px;}
.imgfloatleft {float:left;margin:0 0.5em 0.5em 0;}
.imgfloatright {float:right;margin:0 0 0.5em 0.5em;}
blockquote {border-left:1em solid #54722c;padding:0.4em 1em;font-style:italic;background:#eef1ea;margin:0 0 10px 0;}
table.rating, table.factbox {border:1px solid #a9c188;width:100%;border-collapse:collapse;}
table.rating th, table.rating td, table.factbox th, table.factbox td {border:1px solid #a9c188;padding:2px 5px;}
table.rating th {background:#e6eae0;}
table.rating td {text-align:center;}
span.labelHelp {font-size:0.8em;font-style:italic;}
/* @end */
/* @group Help */
.helper {background:#d2e5ae url(/_images/bg/page-backgrounds_jan09.gif) repeat-x left -2040px;padding:0.2em 1em;margin:0 0 10px 0;}
div.hideHelperBlurb {clear:left;background:#476523;color:#fff;padding:0.2em 1em;margin:10px 0 0 0;}
/*div.helper {position:absolute;margin-left:-50000px;}*/
/*
div.pagehelp_loaded {position:relative;margin:0 0 1em 0;}
.helperHover {background:#3a3a3c url(/_images/little-tick.png) no-repeat top right !important;}
.helperTopPadding {padding-top:2.4em;}
.hideHelperBlurb {background:#476523 url(/_images/little-tick.png) no-repeat top right;color:white;position:absolute;width:45.3em;top:0;left:0;font-size:1em;padding:0.5em 1.3em;}
*/
#notification, #helper-text-suppressed-hint {position:absolute;top:0;right:0;background:#3a3a3c;width:9em;padding:0.3em;text-align:center;white-space:nowrap;-moz-border-radius:3px;color:#fff;}
#helper-text-suppressed-hint a {color:#fff !important;padding:0.3em;text-decoration:none;}
.hideHelperBlurb a,
.hideHelperBlurb a:link,
.hideHelperBlurb a:visited,
.hideHelperBlurb a:active {color:#fff !important;text-decoration:none;}
.hideHelperBlurb a:focus,
.hideHelperBlurb a:hover,
.hideHelperBlurb a:focus,
#helper-text-suppressed-hint a:hover,
#helper-text-suppressed-hint a:focus {color:#000 !important;}
.hiddenhelptext {display:block;position:absolute;text-indent:-30000px;outline:none;}
/* @end */
/* @group Headings */
h1 {color:#57742e;}
#maincontent h1 {font-size:1.8em;}
#maincontent h2 {border-bottom:1px dotted #6f8341;margin:0.5em 0;color:#3a3a3c;}
#maincontent h3 {margin:0.5em 0;}
/* @end */
/* @group List Items */
#maincontent li li,#maincontent li li li {font-size:1em;}
#maincontent ol li {list-style-position:inside;}
#maincontent ol li,#maincontent ul li {padding-left:25px;}
#maincontent ul li {list-style:none;background:transparent url(/_images/bg/bullets_jan09.gif) no-repeat left 0.7em;}
#maincontent ul li ul li {background-position: -1000px 0.7em;}
#maincontent ul li ul li ul li {background-position: -2000px 0.7em;}
dl {margin:0.5em 0 0 0;}
dt {background:#57742e;color:#fff;padding:0.2em;}
dd {margin:0 0 1em 0;}
#maincontent dt a:link {color:white}
#maincontent dt a:hover, #maincontent dt a:focus {background:none}
/* @end */
/* @group Forms */
#content #options,#content #generated {float:left;}
#content textarea.generated-code,#content textarea.generated-markup, #content textarea.raw, #content textarea.generic {width:99.5%;height:8em;}
#content #options {width:22em;}
#content #options div {margin:4px 0;clear:left;}
#content #options div label {display:block;float:left;width:10em;}
#content #options fieldset label {display:inline;float:none;width:10em;}
#content #generated {width:21em;}
#content #generated textarea {}
#content #generated p {margin:-4px 0 2px 0;font-size:small;}
.buttonstrip {padding:0.4em;background:#f1fddf;border:1px solid #cdf09b;margin:2px 0;text-align:center;clear:left;}
legend {font-weight:bold;}
#content fieldset {border:1px solid #476523;margin-top:0.5em;margin-bottom:0.5em;}
.labelHighlight {color:#476523;background:#fff;}
.mandatory-highlight {background:#fff url(/_images/mandatory.gif) no-repeat center right;}
/* @end */
/* @group Tables */
table.data {border:1px solid gray;border-collapse:collapse;}
table.data th, table.data td {border:1px solid gray;}
/* @end */
/* @group Footer */
#footerarea {clear:both;}
#footerarea p, #footerarea li {font-family:helvetica,sans-serif;}
#footer-nav {background:#73993d url(/_images/bg/page-backgrounds_jan09.gif) repeat-x left -3500px;float:left;width:100%;padding-top:8px;}
#footerarea ul {clear:both;margin:0.3em 1em;}
#footerarea ul li {list-style:none;margin:0.3em 0;background-image:none;float:left;margin-left:0.2em;}
#footerarea ul li a:link,
#footerarea ul li a:visited {color:#fff;display:block;text-decoration:none;padding:0.2em 0.4em;}
#footerarea ul li a:hover,
#footerarea ul li a:focus {text-decoration:underline;outline:none;background:#5c702d;}
#footerblurb {clear:left;font-size:0.8em;color:#21270f;margin-bottom:-0.5em;}
#footerblurb p {margin:0.5em 0}
li#accessifyforum a,
li#accessifyforum a:hover
li#accessifyforum a:focus {background:transparent url(/_images/bg/sprites_jan09_02.gif) no-repeat 0 4px !important;width:133px; height:22px;text-indent:-30000px;}
#archive_footer h2 a:hover, #archive_footer h2 a:focus {background:#55722d;color:white;padding:0.2em;}
/* @end */
/* @group Promotional */
/* @group Book adverts */
#bookbadges {padding:20px 10px 0 12px;text-align:center;}
div#bookbadges div {width:692px;height:100px;border:1px solid gray;margin:0;width:692px;height:100px;position:relative;}
div#bookbadges div a {display:block;width:692px;height:100px;text-indent:-30000px;overflow:hidden;}
div#bookbadges div a:focus, div#bookbadges div a:hover {outline:none;}
/* @group Background images */

div#book-htmlref {background:#efefef url(/_images/book-bgs/book-promos-big.gif) no-repeat 0 0;}
div#book-bwd {background:#efefef url(/_images/book-bgs/book-promos-big.gif) no-repeat 0 -100px;}
div#book-bwd2 {background:#efefef url(/_images/book-bgs/book-promos-big.gif) no-repeat 0 -200px;}

/* @end */
/* @end */
/* @end */


/* @group Blog styles */
#maincontent h2.storytitle {clear:left;display:block;}
#maincontent h2.storytitle a {border:none;text-decoration:none;display:block;}
h2#comments {font-size:1.2em;}
div.post_date {float:right;background:#57742e;color:#fff;padding:0.2em 0.3em;font-size:0.9em;margin-left:1em;}
div.meta_filedUnder {float:right;font-size:0.8em;padding:0.3em;width:20em;text-align:right;font-style:italic;}
div.meta {background:#eef1ea;padding:0.3em;margin-bottom:2em;float:left;width:100%;}
.single_post {margin-top:-4em;}
#blog_search {width:13em;background:#496724;position:absolute;padding-top:0.4em;top:-2em;right:-1.4em;}
#blog_search a, #blog_search a:hover {color:#fff !important;background:#496724 !important;padding-left:0.6em}
#blog_search a.focussed {color:#000 !important;text-decoration:underline;}
#blog_search form {padding:0.6em;}
#archive_footer {float:left;width:100%;margin-top:1em;}
#archive_footer h2 {margin:0;font-size:medium;padding:0.1em 0.3em;}
#archive_footer ul, #archive_footer ul li {padding:0;margin:0;}
#archive_footer ul li {list-style:none;background-image:none;line-height:1.3;font-family:helvetica,arial,sans-serif;}
#archive_footer {background:#eef1ea;}
#maincontent h1 span {display:block;width:20em;}
#maincontent h2 {clear:left;}
#maincontent #categories_list li {line-height:2;}
#maincontent #categories_list li ul,
#maincontent #archives_list {padding:0.5em;}
#maincontent #categories_list li ul li a {border:1px solid #57742e;text-decoration:none;padding:0.2em;background:#fff;}
#maincontent #categories_list li ul li,
#maincontent #archives_list li {float:left;margin-right:1em;font-size:0.8em;}
#maincontent #commentlist {font-size:1em;}
#maincontent #commentlist li {margin:1em 0;list-style:none;background:#eef1ea;padding:0.2em 0.5em;}
#maincontent #commentlist img.avatar {float:right;margin:0 0 0 10px;border:4px solid #456323;}
#maincontent .commentby {float:right;text-align:right;margin:1em 0 0.5em 0;min-width:12em;line-height:1.2;background:#fff;padding:0.3em;}
#maincontent .commentby a.url {white-space:nowrap;display:block;}
#maincontent div.commentby p {font-size:1em;margin:0;}
#maincontent .commentbox {cursor:pointer;}
#maincontent .comment_datetime {clear:right;background:#dfe5d8;text-align:right;font-family:helvetica,arial,sans-serif;margin:0 0 0.2em 0;}
#maincontent .comment_datetime a {color:#57742e;background:#dfe5d8;font-style:normal;font-size:0.8em;padding:0.1em 0.3em;}
/* @end */
/* @group Wiki
 */
div#tp1,div#tp2,div#bt1,div#bt2 {display:inline;}
.buttonstrip form {display:inline;}
.wikimeta {font-size:0.9em;text-align:center;background:#f4fbea;padding:0.7em 0;border:1px solid #f1fddf;margin-top:4px;}
div.formdiv {display:inline;}

/* @end */
/* @group Temporary Styles */
#ieusers {background:#476523;color:white;font-size:1.3em;font-weight:bold;padding:0 5px;text-align:right;}
#ieusers a {color:white;}
div#maincontent p.horseBolted {background-color:#cff3a9;padding:5px;width:200px;float:right;margin:0 0 5px 5px;font-size:0.8em;line-height:2em;border-left:5px solid white;}

/* @end */

#easyTooltip{
	padding:5px 10px;
	border:1px solid #000;
	background:#456323 url(bg.gif) repeat-x;
	color:#fff;
	font-size:1.3em;
	}


#reportBugsLink {background:#e7efd9 url(/_images/bg/sprites_jan09_02.gif) no-repeat left -412px;padding:0.3em 0.3em 0.3em 35px;clear:left;}

@media print
{
	#blog_search,
	#twitter_div,
	#primarynavigation,
	#searcharea,
	#minicons,
	#archive_footer,
	#about-site-links
	{display:none;}
	h1,h2,h3,h4,h5,h6 {color:black;}
	body, #footer-nav {background:none;}
}


@media screen and (max-device-width: 480px)
{
	#primarynavigation {font-size:3em;}
	#blog_search {display:none;}
	#maincontent h1 {font-size:2.5em;}
	#maincontent h2 {font-size:2.3em;}
	div#twitter_div {height:120px;background:#fff;}
	div#twitter_div #fakeTwitterHeadingCosCantHaveH2BeforeH1Grrrr {font-size:2.5em;}
	#searcharea {width:400px;margin-left:330px;}
	#searcharea label {display:none;}
	#searcharea input#txtSearch, #searcharea input#btnG {font-size:1.5em;}
	#searcharea input#txtSearch {width:9em;}
	#searcharea input#btnG {width:3.5em;margin:0;font-size:1.3em;}
	#searcharea div {display:inline;}
	#searcharea #searchAction {margin:0;}
	#searcharea #searchFilter {display:none;}
	#minicons {display:none;}
	#maincontent p, #maincontent li {font-size:1.8em;}
	#maincontent div.meta {font-size:1.4em;float:none;}
	#maincontent div.post_date {font-size:1.4em;font-weight:bold;float:none;margin:0;color:#57742e;background:#eef1ea;text-align:right;}
	#maincontent div.meta_filedUnder {font-size:1.4em;float:none;padding:0;margin:0;text-align:left;}
	#maincontent #archive_footer {font-size:2em;}
	#maincontent #footerNavPrevLink, #maincontent #footerNavNextLink {font-size:2em;}
	#maincontent #archive_footer li.categories ul li {margin:0;padding:0;line-height:1.4;}
	#maincontent #archive_footer li.categories ul li a {font-size:25px;margin:0 10px 10px 0;}
	#maincontent #archive_footer h2 {font-size:20px;}
	#commentlist p {font-size:1em;}
}