/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background: transparent; }
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style: none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
body { font:13px arial,helvetica, sans-serif; line-height:1.22; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% arial,helvetica,"Nimbus Sans L", "Bitstream Vera Sans", sans-serif; }
code, pre { font-family: Monaco, "Courier New", monospace, serif; font-size: 12px; }
body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:active { outline: none; }
a:focus { outline: thin dotted; }
a, a:active, a:visited { color:#607890; }
a:hover { color:#036; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
/* for image replacement */
.ir { display:block; text-indent:-999px; overflow:hidden; background-repeat: none; }
/* Hide for both screenreaders and browsers */
.hidden { display:none; visibility:hidden; }
/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
/* Generic elements */
body { font: 300 13px Arial, sans-serif; line-height: 1.4; }
a { color: #1693EC; text-decoration: none; }
a:link, a:active { color: #1693EC; text-decoration: none; }
a:visited { color: #45A9F0; }
a:hover { border-bottom: 1px solid #45A9F0; }
p { margin-bottom: 7px; }
h1 { }
h2 { font-size: 18px; margin-bottom: 20px; }
h3 { font-size: 16px; margin-bottom: 10px; }
/* Structure */
body { background-color: #090909; }
#header { background: transparent url('../images/blue.png') repeat-x bottom left; color: #AADEFE; position: absolute; width: 100%; z-index: 99999; height: 120px; }
#container.home #header { height: 280px; }
#header div.center { position: relative; }
#header #spoons { position: absolute; background: transparent url('../images/spoons.png'); width: 660px; height: 115px; left: -200px; }
#container.home #spoons { height: 275px; }
#header h1 a { position: absolute; display: block; width: 150px; height: 70px; margin: 26px 0; background: transparent url('../images/icons.png') no-repeat 4px -450px; border: none !important; }
#header h1 a span { display: none; }
#header nav { position: absolute; right: 0; top: 26px; margin: 29px 9px 0 0; }
#header nav ul li { float: left; margin-left: 10px; }
#header nav ul li a { font-size: 15px; font-weight: normal; text-transform: uppercase; padding: 15px; }
#header nav ul li:last-child a { padding-right: 0; }
#header nav ul li a:link, header nav ul li a:visited { color: #AADEFE; }
#header nav ul li.selected a, header nav ul li a:active, header nav ul li a:hover { color: #FFF; border: none; }
#header nav ul li.selected a { font-weight: 900; }
#header h2 { position: absolute; height: 107px; width: 650px; margin: 136px 0 0 4px; background: transparent url('../images/tagline.png') no-repeat top left; }
#header h2 span { display: none; }
#header aside { position: absolute; right: 0; font-size: 12px; width: 220px; margin-top: 143px; text-transform: uppercase; line-height: 1.6; }
#header aside p { padding-top: 3px; }
#header aside p.indent { padding-left: 5px; }
#header a:link, header a:active { color: #FFF; }
#main { position: absolute; top: 115px; width: 100%; background-color: #FFF; }
#container.home #main { top: 275px; }
#subHeader { background: transparent url('../images/black.png') repeat-x bottom left; padding: 26px 0; color: #DDD; }
#subHeader ul li { float: left; width: 220px; margin-right: 20px; list-style: none; }
#subHeader ul li.selected a { color: #FFF; }
#subHeader h2 { background: transparent url('../images/icons.png') no-repeat 0 -550px; color: #FFF; padding-left: 36px; line-height: 30px; }
#subHeader h2.number1 { background-position: 0 -550px; }
#subHeader h2.number2 { background-position: 0 -600px; }
#subHeader h2.number3 { background-position: 0 -650px; }
#subHeader h3 { font-size: 14px; text-transform: uppercase; padding-bottom: 7px; }
#subHeader div.constants, #subHeader div.packages { float: left; }
#subHeader div.constants { margin-right: 10px; width: 240px; }
#subHeader div.constants ul li { width: 220px; overflow: hidden; float: none; font-size: 11px; }
#subHeader div.constants ul li.selected a { color: #FFF; }
#subHeader div.packages { width: 700px; }
#subHeader div.packages ul { float: left; }
#subHeader div.packages ul li { width: 120px; margin-right: 20px; overflow: hidden; float: none; font-size: 11px; }
#subHeader div.packages ul li.selected a { color: #FFF; }
#subHeader div.subPackages { border-top: 1px solid #666; margin-top: 7px; padding: 7px 0 0; }
#subHeader div.methods { border-top: 1px solid #666; margin-top: 7px; padding: 7px 0 0; }
#subHeader div.basic, #subHeader div.advanced { float: left; }
#subHeader div.advanced { margin-right: 10px; width: 240px; }
#subHeader div.advanced ul li { width: 220px; overflow: hidden; float: none; font-size: 11px; }
#subHeader div.advanced ul li.selected a { color: #FFF; }
#subHeader div.basic { width: 700px; }
#subHeader div.basic ul { float: left; }
#subHeader div.basic ul li { width: 120px; margin-right: 20px; overflow: hidden; float: none; font-size: 11px; }
#subHeader div.basic ul li.selected a { color: #FFF; }
#content { padding: 26px 0 52px 0; }
#content h2 { color: #000; font-weight: normal; margin-bottom: 10px; text-shadow: 1px 1px 1px #CCC; }
#content h2.size { background: transparent url('../images/icons.png') no-repeat 0 -150px; line-height: 30px; padding-left: 37px; }
#content h2.sitemap { background: transparent url('../images/icons.png') no-repeat 0 -700px; line-height: 30px; padding-left: 37px; }
#content h2.packages { background: transparent url('../images/icons.png') no-repeat 0 -750px; line-height: 30px; padding-left: 37px; }
#content h2.packages a { color: #000; }
#content h3 { color: #000; font-weight: normal; margin-bottom: 6px; text-shadow: 1px 1px 1px #CCC; }
/* Content */
.content p { padding-bottom: 10px; }
.content p.note { background-color: #FFFFCC; border: 1px solid #DEDF99; font-size: 12px; margin: 0 0 14px; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.content ul, .content ol { padding: 0 0 12px 24px; }
.content ul { list-style: disc; }
.content ol { list-style-type: decimal; padding: 0 0 12px 24px; }
.content ul ul, .content ol ul, .content ol ol { padding-bottom: 0; }
.content ul ol { padding: 0 0 0 28px; }
.content table { margin: 0 0 14px; }
.content table td, .content table th { padding: 7px; border-right: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; font-size: 11px; }
.content table td:last-child { border-right: none; }
.content table tr:last-child td { border-bottom: none; }
.content table th { font-weight: 700; background: transparent url('../images/footer.png') repeat-x 0 -20px; color: #FFF; line-height: 1.3; text-align: left; padding-top: 10px; }
.content table tfoot { border-top: 1px solid #040404; }
.content dl dt { font-weight: bold; }
.content dl dd { margin-left: 15px; margin-bottom: 10px; }
#sidebar { position: absolute; top: 0; width: 220px; background-color: #F6F6F6; color: #666; font-size: 12px; }
#sidebar h2 { margin: 26px 13px 20px 13px; color: #666; text-shadow: 1px 1px 1px #CCC; }
#sidebar h2.updates { background: transparent url('../images/icons.png') no-repeat 0 -200px; line-height: 30px; padding-left: 37px; }
#sidebar h2.toc { }
#updates, #updates li { list-style: none; margin: 13px; clear: both; }
#updates li div, #updates li div p { float: left; width: 150px; padding-bottom: 20px; }
#updates li div.date { width: 25px; text-align: center; line-height: 9px; padding-top: 2px; margin-right: 12px; }
#updates li div.date .day { font-size: 16px; line-height: 16px; }
#updates li div.date .month { font-size: 9px; text-transform: uppercase; }
#updates li a.blog { display: inline-block; width: 25px; height: 16px; background: transparent url('../images/icons.png') no-repeat 0 -372px; border: none; }
#updates li a.blog span { display: none; }
#updates li a.twitter { display: inline-block; width: 7px; height: 9px; background: transparent url('../images/icons.png') no-repeat 0 -349px; border: none; }
#updates li a.twitter span { display: none; }
#updates li a.git { display: inline-block; width: 20px; height: 12px; background: transparent url('../images/icons.png') no-repeat -100px -346px; border: none; }
#updates li a.git span { display: none; }
#toc, #toc li { list-style: circle; margin-left: 13px; clear: both; line-height: 1.4; }
#toc li a { font-size: 13px; }
#wood { background: transparent url('../images/wood.png') repeat top left; }
#wood .center { position: relative; }
#woodTop { height: 7px; background: #090909 url('../images/wood_top.jpg') repeat-x top left; }
#wood .column { position: relative; float: left; z-index: 9999; width: 350px; padding-top: 20px; margin-right: 20px; }
#wood h2 { margin-bottom: 3px; font-weight: normal; color: #FFF; text-shadow: 0px 1px 1px #333333; }
#wood h2.documentation, #wood h2.love { background: transparent url('../images/icons.png') no-repeat 0 -50px; line-height: 30px; padding-left: 37px; }
#wood h2.love { background-position: 0 -100px; }
#wood h2 a:link, #wood h2 a:active, #wood h2 a:visited { color: #FDF101; }
#wood ul.books { margin: 0 0 20px 22px; }
#wood ul.books a span, #wood ul.sites a span { display: none; }
#wood ul a { border: none !important; }
#wood ul a:hover { border: none !important; }
#wood ul.sites { margin: 12px 0 0 0; height: 100px; padding: 0; background: transparent url('../images/sites.png') no-repeat top left; }
#wood ul.sites li { margin: 17px 0 17px 17px; padding: 0; }
#wood ul li { list-style: none; float: left; margin-right: 13px; }
#shelf { position: absolute; background: transparent url('../images/shelf.png') no-repeat top left; width: 480px; height: 136px; top: 78px; left: 0; }
#footer { position: relative; background: transparent url('../images/footer.png') repeat-x top left; padding: 30px 0 16px 0; margin-top: 10px; z-index: 999999999; }
#footer nav { float: left; font-size: 10px; color: #999; margin-top: 10px; }
#footer nav ul li { list-style: none; float: left; margin-right: 20px; }
#footer nav ul li a:link, footer nav ul li a:active, footer nav ul li a:visited { color: #999; text-transform: uppercase; font-weight: 900; line-height: 20px; }
#footer nav ul li a.logo { display: block; width: 47px; height: 20px; background: transparent url('../images/icons.png') no-repeat 0 -400px; border: none !important; }
#footer nav ul li a.logo span { display: none; }
#footer aside { float: right; width: 220px; }
/* generic */
.center { width: 950px; margin: 0 auto; }
.contentHolder { width: 700px; }
.floatLeft { float: left; }
.floatRight { float: right; }
#commentForm { clear: left; margin-top: 20px; display: none; }
#commentForm textarea#message { width: 650px; }
/* @todo clean this up */
.comment { clear: both; padding-bottom: 10px; }
.imageHolder { float: left; padding: 0 10px 10px 0; }
.commentContent { float: left; width: 600px; margin-bottom: 15px; }
.commentAuthor { margin-bottom: 0 !important; padding-bottom: 5px !important; }
/* blog */
#blog article { border-bottom: 1px solid #DDD; margin: 0 0 20px; }
#blog article header h1 { font-size: 18px; line-height: 1.2; margin-bottom: 0; }
#blog article header h2 { line-height: 1.2; margin-bottom: 0; }
#blog article header p { font-size: 11px; color: #666; }
#blog article footer p { font-size: 11px; color: #666; }
/* tutorials */
#tutorials article { border-bottom: 1px solid #DDD; margin: 0 0 20px; }
#tutorials article header h1 { font-size: 18px; line-height: 1.2; margin-bottom: 0; }
#tutorials article header h2 { line-height: 1.2; margin-bottom: 0; }
#tutorials article header p { font-size: 11px; color: #666; }
#tutorials article footer p { font-size: 11px; color: #666; }
#tutorials .entry-content h4 {
cursor: pointer;
margin-bottom: 4px;
}
/* warnings */
div.warning { background: transparent url('../images/warning_bg.jpg') repeat 0 0; padding: 10px; text-align: center; }
/* forms */
form .tinyInput input.inputText, form .tinyInput input.inputPassword, form .tinyInput input.tinyInput, form .tinyInput input.inputDate { width: 14px; }
form .tinyInput select, form .alignBlocks p.tinyInput, form .alignFields p.tinyInput, form .alignFields .tinyInput .helpTxt { width: 36px; }
form .smallInput input.inputText, form .smallInput input.inputPassword, form .smallInput input.inputSearch, form .smallInput input.inputDate { width: 62px; }
form .smallInput select, form .alignBlocks p.smallInput, form .alignFields p.smallInput, form .alignFields .smallInput .helpTxt { width: 84px; }
form input.inputText, form input.inputPassword, form input.inputSearch, form input.inputDate { width: 158px; }
form select, form .alignBlocks p, form .alignFields p, form .alignFields p .helpTxt { width: 180px; }
form .mediumInput input.inputText, form .mediumInput input.inputPassword, form .mediumInput input.inputSearch, form .mediumInput input.inputDate { width: 252px; }
form .mediumInput select, form .alignBlocks p.mediumInput, form .alignFields p.mediumInput, form .alignFields .mediumInput .helpTxt { width: 276px; }
form .bigInput input.inputText, form .bigInput input.inputPassword, form .bigInput input.inputSearch, form .bigInput input.inputDate, textarea { width: 350px; }
form .bigInput select, form .alignBlocks p.bigInput, form .alignFields p.bigInput, form .alignFields .bigInput .helpTxt { width: 372px; }
form .horizontal .alignBlocks, form .horizontal .alignFields, form .horizontal .alignButtons, form .horizontal .helpTxt, form .horizontal .inlineError { padding-left: 180px; }
form .horizontal input.inputSubmit, form .horizontal input.inputButton, form .horizontal button, form .horizontal a.button { margin-left: 180px; }
form .horizontal .inputList li label { width: 348px; }
form input.inputText, form input.inputPassword, form input.inputSearch, form input.inputDate, form textarea { font: 300 13px/1.4 Arial,sans-serif; color: #877a71; border-color: #caccc0 #d3d5c9 #d3d5c9 #d3d5c9; border-style: solid; border-width: 1px; padding: 7px 10px 6px 10px; margin: 0; background-color: #fff; background-image: none; background-image: -moz-linear-gradient(0% 5px 90deg,#fff, #e8e9e2); background-image: -webkit-gradient(linear, 0% 0%, 0% 5, from(#e8e9e2), to(#fff)); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
form textarea { line-height: 1.5; }
form input.inputText:focus, form input.inputPassword:focus, form input.inputSearch:focus, form input.inputDate:focus, form textarea:focus { background-color: #fff; background-image: none; background-image: -moz-linear-gradient(0% 3px 90deg,#fff, #dedede); background-image: -webkit-gradient(linear, 0% 0%, 0% 3, from(#dedede), to(#fff)); -webkit-box-shadow: 0 0 3px #106AAA; -moz-box-shadow: 0 0 3px #106AAA; box-shadow: 0 0 3px #106AAA; border-color: #106AAA; color: #000; outline: none; }
form input.inputText[disabled="disabled"], form input.inputPassword[disabled="disabled"], form input.inputSearch[disabled="disabled"], form input.inputDate[disabled="disabled"], form textarea[disabled="disabled"] { color: #999; background-color: #f4f4f4; background-image: none; background-image: -moz-linear-gradient(0% 3px 90deg,#f4f4f4, #c4c4c4); background-image: -webkit-gradient(linear, 0% 0%, 0% 3, from(#c4c4c4), to(#f4f4f4)); }
form input.inputSubmit, form input.inputButton, form button { font: 700 11px Arial, sans-serif; line-height: 14px; color: #fff; background: #2A84C4; background: -moz-linear-gradient(top, #2A84C4 0%, #106AAA 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2A84C4), color-stop(100%,#106AAA)); border: 1px solid #2A84C4; padding: 5px 3px; margin: 0; cursor: pointer; overflow: visible; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
form button { padding: 3px; }
form button .iconWrapper { line-height: 18px; }
form input.inputSubmit:hover, form input.inputButton:hover, form button:hover { background: #106AAA; background: -moz-linear-gradient(top, #106AAA 0%, #2A84C4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#106AAA), color-stop(100%,#2A84C4)); }
form input.inputSubmit:active, form input.inputButton:active, form button:active { position: relative; top: 1px; }
form input.inputSubmit[disabled="disabled"], form input.inputButton[disabled="disabled"], form button[disabled="disabled"] { background-color: #efa784; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#d49479, #efa784); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efa784), to(#d49479)); border-color: #d49479; }
form input.inputSubmit[disabled="disabled"]:hover, form input.inputButton[disabled="disabled"]:hover, form button[disabled="disabled"]:hover { background-color: #d49479; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#d49479, #efa784); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efa784), to(#d49479)); border-color: #d49479; }
form input.inputSubmit[disabled="disabled"]:active, form input.inputButton[disabled="disabled"]:active, form button[disabled="disabled"]:active { position: static; }
form a.button { float: left; font: 700 11px Arial, sans-serif; line-height: 1.636; color: #fff; background-color: #f1601f; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#d94806, #f1601f); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1601f), to(#d94806)); border: 1px solid #ba3a08; padding: 4px 6px; cursor: pointer; overflow: visible; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
form a.button:link, form a.button:visited { color: #fff; border-color: #ba3a08; }
form a.button:hover, form a.button:active, form a.button:focus { color: #fff; background-color: #d94806; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#f1601f, #d94806); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d94806), to(#f1601f)); border-color: #ba3a08; }
form a.button:active { position: relative; top: 1px; }
form a.disabledButton { background-color: #efa784; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#d49479, #efa784); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efa784), to(#d49479)); border-color: #d49479; }
form a.disabledButton:link, form a.disabledButton:visited { background-color: #efa784; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#d49479, #efa784); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efa784), to(#d49479)); border-color: #d49479; }
form a.disabledButton:hover, form a.disabledButton:active, form a.disabledButton:focus { background-color: #efa784; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#d49479, #efa784); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efa784), to(#d49479)); border-color: #d49479; }
form a.disabledButton:focus { position: static; }
form input.darkButton, form button.darkButton { color: #fff; background-color: #4c2200; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#3d1b00, #4c2200); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c2200), to(#3d1b00)); border-color: #3d1b00; }
form input.darkButton:hover, form button.darkButton:hover { background-color: #3d1b00; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#4c2200, #3d1b00); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3d1b00), to(#4c2200)); }
form a.darkButton { color: #fff; background-color: #4c2200; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#3d1b00, #4c2200); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c2200), to(#3d1b00)); border-color: #3d1b00; }
form a.darkButton:link, form a.darkButton:visited { color: #fff; border-color: #3d1b00; }
form a.darkButton:hover, form a.darkButton:active, form a.darkButton:focus { color: #fff; background-color: #3d1b00; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#4c2200, #3d1b00); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3d1b00), to(#4c2200)); border-color: #3d1b00; }
form input.greyButton, form button.greyButton { color: #fff; background-color: #93887f; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#7a6e66, #93887f); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93887f), to(#7a6e66)); border-color: #7a6e66; }
form input.greyButton:hover, form button.greyButton:hover { background-color: #7a6e66; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#93887f, #7a6e66); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7a6e66), to(#93887f)); }
form a.greyButton { color: #fff; background-color: #93887f; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#7a6e66, #93887f); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93887f), to(#7a6e66)); border-color: #7a6e66; }
form select { font: 12px Arial, sans-serif; margin-top: 2px; }
form option { font: 12px Arial, sans-serif; width: auto; }
form .inputList { padding-bottom: 6px; }
form .inputList li { padding-left: 24px; position: relative; padding-bottom: 6px; }
form .inputList input { position: absolute; top: 0; left: 0; }
form .ie6 .inputList input { left: -24px; }
form .inputList label { overflow: visible; height: auto; padding: 0; }
form fieldset { border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 12px 12px 0 12px; margin-bottom: 12px; }
form fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form .ie6 fieldset, form .ie7 fieldset { zoom: 1; }
form legend { font-weight: 700; color: #999; }
form p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form .ie6 form p, form .ie7 form p { zoom: 1; }
form label, form .label { display: block; padding-bottom: 4px; height: 18px; overflow: hidden; }
form .inlineError { display: none; }
form .errorArea input.inputText, form .errorArea input.inputPassword, form .errorArea input.inputSearch, form .errorArea input.inputDate, form .errorArea textarea { border: 1px solid #d00c00; }
form .errorArea label, .errorArea .label { color: #d00c00; }
form .errorArea input.inputText:focus, form .errorArea input.inputPassword:focus, form .errorArea input.inputSearch:focus, form .errorArea input.inputDate:focus { -webkit-box-shadow: 0 0 3px #d00c00; -moz-box-shadow: 0 0 3px #d00c00; box-shadow: 0 0 3px #d00c00; }
form .errorArea .inlineError { font-size: 11px; line-height: 1.636; color: #d00c00; display: block; height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
form .helpTxt { font-size: 11px; line-height: 1.636; color: #999; display: block; height: 18px; overflow: hidden; white-space: nowrap; clear: left; text-overflow: ellipsis }
form .alignBlocks { position: relative; left: -6px; padding-bottom: 12px; }
form .alignBlocks:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form .ie6 .alignBlocks, form .ie7 .alignBlocks { zoom: 1; }
form .alignBlocks p { padding: 0 6px; overflow: hidden; float: left; }
form .alignBlocks .inputList { padding: 0 6px; overflow: hidden; float: left; }
form .alignBlocks .inputList p { padding: 0; float: none; width: auto; }
form .alignFields { position: relative; padding-bottom: 12px; }
form .alignFields:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form .ie6 .alignFields, form .ie7 .alignFields { zoom: 1; }
form .alignFields label { position: absolute; top: 0; left: 0; }
form .alignFields input, form .alignFields select { float: left; }
form .ie6 .alignFields input, form .ie6 .alignFields select, form .ie7 .alignFields input, form .ie7 .alignFields select { float: none; }
form .alignFields p { padding: 20px 12px 0 0; float: left; }
form .alignButtons { padding-bottom: 12px; }
form .alignButtons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form .ie6 .alignButtons, form .ie7 .alignButtons { zoom: 1; }
form .alignButtons p { float: left; padding-right: 4px; padding-bottom: 0; }
form .oneLiner { padding-bottom: 12px; }
form .oneLiner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form .ie6 .oneLiner, form .ie7 .oneLiner { zoom: 1; }
form .oneLiner p { float: left; padding: 0 6px 0 0; }
form .oneLiner label { float: left; padding-right: 6px; }
form .oneLiner input, form .oneLiner select { float: left; }
form .ie6 .oneLiner input, form .ie6 .oneLiner select, form .ie7 .oneLiner input, form .ie7 .oneLiner select { float: none; }
form .oneLiner .inputList { padding-bottom: 0; }
form .ie6 .oneLiner .inputList input { left: 0; }
form .oneLiner .inputList li { float: left; padding-bottom: 0; }
form .horizontal label, .horizontal .label { width: 180px; float: left; }
form .horizontal .alignBlocks .helpTxt, form .horizontal .alignBlocks .inlineError { padding-left: 0; }
form .horizontal .alignFields .helpTxt, form .horizontal .alignFields .inlineError { padding-left: 0; }
form .horizontal .alignFields p { padding-top: 0; }
form .horizontal .alignFields label { top: 2px; }
form .horizontal .alignButtons input.inputSubmit, form .horizontal .alignButtons input.inputButton, form .horizontal .alignButtons button, form .horizontal .alignButtons a.button { margin-left: 0; }
form .horizontal .inputList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form .ie6 .horizontal .inputList, form .ie7 .horizontal .inputList { zoom: 1; }
form .horizontal .inputList ul { float: left; }
form .horizontal .inputList li label { float: none; }
form .horizontal .oneLiner label, form .horizontal .oneLiner .label { width: auto; padding: 4px 6px 4px 0; }
form .horizontal .oneLiner :first-child label, form .horizontal .oneLiner :first-child p.label, form .horizontal .oneLiner .firstChild label, form .horizontal .oneLiner .firstChild p.label { width: 180px; padding: 4px 0; }
form .horizontal .oneLiner input.inputSubmit, form .horizontal .oneLiner input.inputButton, form .horizontal .oneLiner button, form .horizontal .oneLiner a.button { margin-left: 0; }
form .horizontal .oneLiner .inputList { float: left; }
form .horizontal .oneLiner .inputList li label { width: auto; }
.message { position: relative; padding: 12px 12px 0 12px; border: 1px solid #DDD; margin-bottom: 24px; color: #333; background-color: #fff; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#fff, #f8f8f8); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#fff)); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.error { border-color: #8b0800; color: #fae7e6; background-color: #d00c00; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#d00c00, #b80900); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b80900), to(#d00c00)); }
.error a { color: #fff; border-color: #df5c54; }
.error a:link, div.error a:visited { color: #fff; border-color: #df5c54; }
.error a:hover, .error a:active, .error a:focus { color: #fff; border-color: #fff; }
.success { border-color: #4c721f; color: #f1f7eb; background-color: #72aa2e; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#72aa2e, #65a01c); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#65a01c), to(#72aa2e)); }
.success a { color: #fff; border-color: #a0c673; }
.success a:link, .success a:visited { color: #fff; border-color: #a0c673; }
.success a:hover, .success a:active, .success a:focus { color: #fff; border-color: #fff; }
.notice { border-color: #e6901e; color: #332d1c; background-color: #ffe38a; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#ffe38a, #ffce58); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffce58), to(#ffe38a)); }
.notice a { color: #000; border-color: #ab985d; }
.notice a:link, .notice a:visited { color: #000; border-color: #ab985d; }
.notice a:hover, .notice a:active, .notice a:focus { color: #000; border-color: #000; }
/* pagination */
.pagination { width: 100%; overflow: hidden; }
.pagination .hd { position: absolute; top: -9999px; left: -9999px; text-indent: -9999px; }
.pagination .bd { float: left; position: relative; left: 50%; }
.pagination ul { padding: 0 0 12px 0; overflow: hidden; position: relative; left: -50%; }
.pagination li { float: left; margin: 0 4px 0 0; line-height: 15px; font-size: 12px; font-size: 11px; line-height: 1.636; text-align: center; list-style: none; }
.pagination li.previousPage span, .pagination li.nextPage span { float: left; padding: 5px 8px; min-width: 12px; border: 1px solid #e9eae4; background: #f9f9f8; color: #ada49d; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.pagination li.currentPage span { float: left; padding: 5px 8px; min-width: 12px; border: 1px solid #e9eae4; background: #f9f9f8; font-weight: 700; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.pagination li.ellipsis span { float: left; padding: 6px 4px 4px 4px; min-width: 12px; color: #b2b2b2; }
.pagination li a:active { position: relative; top: 1px; }
.pagination li a { float: left; padding: 5px 8px; min-width: 12px; border: 1px solid #e9eae4; color: #1693EC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.pagination li a:link, .pagination li a:visited { color: #1693EC; border-color: #e9eae4; }
.pagination li a:hover, .pagination li a:active, .pagination li a:focus { border-color: #d3d5c9; background: #EEEEE9; color: #45A9F0; }
/* buttons */
a.button { background: transparent url('../images/buttons.png') repeat-x 0 0; padding: 5px; line-height: 27px; color: #666 !important; font-weight: 900; font-size: 10px; text-transform: uppercase;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none !important;
box-shadow: 0px 2px 2px #3333; -moz-box-shadow: 0px 2px 2px #333; -webkit-box-shadow: 0px 2px 2px #333; }
a.button:hover { background-position: 0 -35px; border: none !important; }
a.downloadMedium { background: transparent url('../images/buttons.png') no-repeat 0 -775px; width: 221px; height: 43px; display: block; float: left; border: none !important; }
a.downloadMedium:hover { background-position: -275px -775px; }
a.downloadLarge { background: transparent url('../images/buttons.png') no-repeat 0 -700px; width: 221px; height: 53px; display: block; float: left; border: none !important; }
a.downloadLarge:hover { background-position: -275px -700px; }
a.downloadLarge span, a.downloadMedium span { display: none; }
a.video span { background: transparent url('../images/icons.png') no-repeat 0 -801px; padding: 0 14px 0 0; margin-left: 5px; }
a.video span span { display: none; }
/* syntax highlighting */
pre code { background-color: #333333; border: 1px solid #CCCCCC; border-radius: 5px; -moz-border-radius: 5px; color: #E6E6E6; display: block; font-size: 12px; margin-bottom: 17px; padding: 9px; -webkit-border-radius: 5px; }
pre .comment { color: #666666; }
pre .keyword { color: #A0D8FF; }
pre .number { color: #FDA200; }
pre .string { color: #D8FF90; }
pre .variable { color: #A0D8FF; }
/* IE 6 */
body.ie6 #main { top: 300px; }
body.ie6 a.button { padding: 0 5px; }
body.ie6 #wood ul.sites li { margin: 7px 7px 7px; padding: 0; }
/* IE7 */
body.ie7 a.button { height: 27px; padding: 0 5px; }
/* Print */
@media print {
#header, #footer, #updates, #wood, #subHeader.fullWidth { display: none; height: 0 !important; padding: 0; margin: 0; position: relative; }
#main { position: relative; top: 0 !important; }
* { background: transparent !important; color: #444 !important; text-shadow: none; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; } /* Don't show links for images */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; padding-left: 0 !important; }
}
/* Style adjustments for portrait mode goes here */
@media all and (orientation:portrait) {
}
/* Style adjustments for landscape mode goes here */
@media all and (orientation:landscape) {}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) */
@media screen and (max-device-width: 480px) {
/* Prevent iOS, WinMobile from adjusting font size */
html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
}