/* SCSS port of CSS at http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Built with compass http://www.compass-style.org */
/* Generates the styles for suckerfish dropdowns */
/*  Pass in the parameters $topLevelWidth and $lowerLevelWidth. The former controls the width of the first level, i.e. the visible level. The lower level is the width of the sub-levels, which get exposed on hover.
 Call this mixin with @import suckerfish(topLevelWidth, lowerLevelWidth), then style it as needed.
 To override any of these styles, place your code after the @import directive.
 For IE 6 compatibility, you must add javascript that attaches .sfhover class to mouseover.
 This will handle up to three levels of dropdowns.
 Be sure to minify before deploying to production.
*/
/* Icons */
#content_container { margin-left: auto; margin-right: auto; width: 960px; }
#content_container .grid_1, #content_container .grid_2, #content_container .grid_3, #content_container .grid_4, #content_container .grid_5, #content_container .grid_6, #content_container .grid_7, #content_container .grid_8, #content_container .grid_9, #content_container .grid_10, #content_container .grid_11, #content_container .grid_12 { display: inline; float: left; margin-left: 10px; margin-right: 10px; }
#content_container .grid_1 { width: 60px; }
#content_container .grid_2 { width: 140px; }
#content_container .grid_3 { width: 220px; }
#content_container .grid_4 { width: 300px; }
#content_container .grid_5 { width: 380px; }
#content_container .grid_6 { width: 460px; }
#content_container .grid_7 { width: 540px; }
#content_container .grid_8 { width: 620px; }
#content_container .grid_9 { width: 700px; }
#content_container .grid_10 { width: 780px; }
#content_container .grid_11 { width: 860px; }
#content_container .grid_12 { width: 940px; }
#content_container .prefix_1 { padding-left: 80px; }
#content_container .prefix_2 { padding-left: 160px; }
#content_container .prefix_3 { padding-left: 240px; }
#content_container .prefix_4 { padding-left: 320px; }
#content_container .prefix_5 { padding-left: 400px; }
#content_container .prefix_6 { padding-left: 480px; }
#content_container .prefix_7 { padding-left: 560px; }
#content_container .prefix_8 { padding-left: 640px; }
#content_container .prefix_9 { padding-left: 720px; }
#content_container .prefix_10 { padding-left: 800px; }
#content_container .prefix_11 { padding-left: 880px; }
#content_container .suffix_1 { padding-right: 80px; }
#content_container .suffix_2 { padding-right: 160px; }
#content_container .suffix_3 { padding-right: 240px; }
#content_container .suffix_4 { padding-right: 320px; }
#content_container .suffix_5 { padding-right: 400px; }
#content_container .suffix_6 { padding-right: 480px; }
#content_container .suffix_7 { padding-right: 560px; }
#content_container .suffix_8 { padding-right: 640px; }
#content_container .suffix_9 { padding-right: 720px; }
#content_container .suffix_10 { padding-right: 800px; }
#content_container .suffix_11 { padding-right: 880px; }
#content_container .alpha { margin-left: 1.042%; }
#content_container .omega { display: inline; float: right; margin-right: 1.042%; #margin-left: -20px; }
#content_container .push_1, #content_container .push_2, #content_container .push_3, #content_container .push_4, #content_container .push_5, #content_container .push_6, #content_container .push_7, #content_container .push_8, #content_container .push_9, #content_container .push_10, #content_container .push_11, #content_container .pull_1, #content_container .pull_2, #content_container .pull_3, #content_container .pull_4, #content_container .pull_5, #content_container .pull_6, #content_container .pull_7, #content_container .pull_8, #content_container .pull_9, #content_container .pull_10, #content_container .pull_11 { position: relative; }
#content_container .push_1 { left: 80px; }
#content_container .pull_1 { left: -80px; }
#content_container .push_2 { left: 160px; }
#content_container .pull_2 { left: -160px; }
#content_container .push_3 { left: 240px; }
#content_container .pull_3 { left: -240px; }
#content_container .push_4 { left: 320px; }
#content_container .pull_4 { left: -320px; }
#content_container .push_5 { left: 400px; }
#content_container .pull_5 { left: -400px; }
#content_container .push_6 { left: 480px; }
#content_container .pull_6 { left: -480px; }
#content_container .push_7 { left: 560px; }
#content_container .pull_7 { left: -560px; }
#content_container .push_8 { left: 640px; }
#content_container .pull_8 { left: -640px; }
#content_container .push_9 { left: 720px; }
#content_container .pull_9 { left: -720px; }
#content_container .push_10 { left: 800px; }
#content_container .pull_10 { left: -800px; }
#content_container .push_11 { left: 880px; }
#content_container .pull_11 { left: -880px; }

html { background: #cad8e6; }

body { background: white url('/images/bg_header.png?1328725233') repeat-x 0 0; }
body.no_header { background: #fff; height: 100%; padding: 20px; }
body.no_header > h1 { margin-top: 20px; }

#page_container { *zoom: 1; }
#page_container:after { content: ""; display: table; clear: both; }

#content_container { margin-left: auto; margin-right: auto; width: 960px; overflow: hidden; *zoom: 1; margin-top: -35px; padding-top: 35px; }

.container { clear: both; margin-left: auto; margin-right: auto; width: 960px; margin-left: auto; margin-right: auto; width: 960px; *zoom: 1; }
.container .grid_1, .container .grid_2, .container .grid_3, .container .grid_4, .container .grid_5, .container .grid_6, .container .grid_7, .container .grid_8, .container .grid_9, .container .grid_10, .container .grid_11, .container .grid_12 { display: inline; float: left; margin-left: 10px; margin-right: 10px; }
.container .grid_1 { width: 60px; }
.container .grid_2 { width: 140px; }
.container .grid_3 { width: 220px; }
.container .grid_4 { width: 300px; }
.container .grid_5 { width: 380px; }
.container .grid_6 { width: 460px; }
.container .grid_7 { width: 540px; }
.container .grid_8 { width: 620px; }
.container .grid_9 { width: 700px; }
.container .grid_10 { width: 780px; }
.container .grid_11 { width: 860px; }
.container .grid_12 { width: 940px; }
.container .prefix_1 { padding-left: 80px; }
.container .prefix_2 { padding-left: 160px; }
.container .prefix_3 { padding-left: 240px; }
.container .prefix_4 { padding-left: 320px; }
.container .prefix_5 { padding-left: 400px; }
.container .prefix_6 { padding-left: 480px; }
.container .prefix_7 { padding-left: 560px; }
.container .prefix_8 { padding-left: 640px; }
.container .prefix_9 { padding-left: 720px; }
.container .prefix_10 { padding-left: 800px; }
.container .prefix_11 { padding-left: 880px; }
.container .suffix_1 { padding-right: 80px; }
.container .suffix_2 { padding-right: 160px; }
.container .suffix_3 { padding-right: 240px; }
.container .suffix_4 { padding-right: 320px; }
.container .suffix_5 { padding-right: 400px; }
.container .suffix_6 { padding-right: 480px; }
.container .suffix_7 { padding-right: 560px; }
.container .suffix_8 { padding-right: 640px; }
.container .suffix_9 { padding-right: 720px; }
.container .suffix_10 { padding-right: 800px; }
.container .suffix_11 { padding-right: 880px; }
.container .alpha { margin-left: 1.042%; }
.container .omega { display: inline; float: right; margin-right: 1.042%; #margin-left: -20px; }
.container .push_1, .container .push_2, .container .push_3, .container .push_4, .container .push_5, .container .push_6, .container .push_7, .container .push_8, .container .push_9, .container .push_10, .container .push_11, .container .pull_1, .container .pull_2, .container .pull_3, .container .pull_4, .container .pull_5, .container .pull_6, .container .pull_7, .container .pull_8, .container .pull_9, .container .pull_10, .container .pull_11 { position: relative; }
.container .push_1 { left: 80px; }
.container .pull_1 { left: -80px; }
.container .push_2 { left: 160px; }
.container .pull_2 { left: -160px; }
.container .push_3 { left: 240px; }
.container .pull_3 { left: -240px; }
.container .push_4 { left: 320px; }
.container .pull_4 { left: -320px; }
.container .push_5 { left: 400px; }
.container .pull_5 { left: -400px; }
.container .push_6 { left: 480px; }
.container .pull_6 { left: -480px; }
.container .push_7 { left: 560px; }
.container .pull_7 { left: -560px; }
.container .push_8 { left: 640px; }
.container .pull_8 { left: -640px; }
.container .push_9 { left: 720px; }
.container .pull_9 { left: -720px; }
.container .push_10 { left: 800px; }
.container .pull_10 { left: -800px; }
.container .push_11 { left: 880px; }
.container .pull_11 { left: -880px; }
.container:after { content: ""; display: table; clear: both; }
.container.shadow { margin-top: -35px; padding-top: 35px; }
.container > h2 { padding-left: 20px; }
.container > h3 { margin-left: 10px; margin-right: 10px; }

.inset_container { background: #f4f4f4 url(/images/bg_greyshadow_top.gif) 0 0 repeat-x; border-bottom: 1px solid #e8e8e8; clear: both; margin: 1em 0; }
.inset_container .inset { margin-left: auto; margin-right: auto; width: 960px; overflow: hidden; *zoom: 1; }
.inset_container h4 { color: #416d25; }

/* Header 
---------------------------------------------------------------- */
#header { height: 182px; margin-left: auto; margin-right: auto; width: 960px; background-image: -webkit-gradient(radial, 50% 25%, 0, 50% 25%, 100, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-radial-gradient(50% 25%, ellipse farthest-side, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: -moz-radial-gradient(50% 25%, ellipse farthest-side, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: -o-radial-gradient(50% 25%, ellipse farthest-side, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: -ms-radial-gradient(50% 25%, ellipse farthest-side, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: radial-gradient(50% 25%, ellipse farthest-side, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); }
#header #logo { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; margin: 0 0 0 10px; padding: 0; height: 88px; }
#header #logo a { display: block; text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('/images/logo2.png?1328725233'); background-repeat: no-repeat; background-position: 50% 50%; width: 216px; height: 67px; background-position: 0 100%; height: 100%; }

/* Header Navigation
---------------------------------------------------------------- */
nav[role=navigation], #nav { /* Primary */ /* Secondary */ }
nav[role=navigation] ul, #nav ul { list-style-type: none; padding: 0; margin: 0; line-height: 1; }
nav[role=navigation] a, #nav a { display: block; }
nav[role=navigation] li, #nav li { float: left; }
nav[role=navigation] li:hover ul, nav[role=navigation] li.sfhover ul, #nav li:hover ul, #nav li.sfhover ul { left: auto; }
nav[role=navigation] li:hover ul li, nav[role=navigation] li.sfhover ul li, #nav li:hover ul li, #nav li.sfhover ul li { float: none; display: block; }
nav[role=navigation] li:hover ul ul, nav[role=navigation] li.sfhover ul ul, #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
nav[role=navigation] li li:hover ul, nav[role=navigation] li li.sfhover ul, #nav li li:hover ul, #nav li li.sfhover ul { left: auto; }
nav[role=navigation] li ul, #nav li ul { position: absolute; width: 200px; left: -999em; }
nav[role=navigation] li ul ul, #nav li ul ul { margin: -1em 0 0 200px; }
nav[role=navigation] ul.primary, #nav ul.primary { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; padding: 0 3px; float: right; margin-top: 24px; /* Current Page Highlight */ /* Hide Current Page Highlight on nav hover */ /* Hover State */ /* Dropdown nav */ }
nav[role=navigation] ul.primary li, #nav ul.primary li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; }
nav[role=navigation] ul.primary li:first-child, nav[role=navigation] ul.primary li.first, #nav ul.primary li:first-child, #nav ul.primary li.first { padding-left: 0; }
nav[role=navigation] ul.primary li:last-child, #nav ul.primary li:last-child { padding-right: 0; }
nav[role=navigation] ul.primary li.last, #nav ul.primary li.last { padding-right: 0; }
nav[role=navigation] ul.primary a, #nav ul.primary a { display: block; text-decoration: none; }
nav[role=navigation] ul.primary > li > a, #nav ul.primary > li > a { font-size: 16px; color: #222; font-weight: 500; padding: 0 16px; height: 58px; line-height: 80px; position: relative; z-index: 10; text-shadow: white 0 0 6px; }
.ie7 nav[role=navigation] ul.primary > li > a, .ie7 #nav ul.primary > li > a { padding: 0 12px; }
nav[role=navigation] ul.primary li.current > a, #nav ul.primary li.current > a { color: #c16c00; font-weight: 600; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #ffffff); background: -moz-linear-gradient(rgba(255, 255, 255, 0), #ffffff); background: -o-linear-gradient(rgba(255, 255, 255, 0), #ffffff); background: -ms-linear-gradient(rgba(255, 255, 255, 0), #ffffff); background: linear-gradient(rgba(255, 255, 255, 0), #ffffff); -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 10px 6px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 10px 6px; -o-box-shadow: rgba(0, 0, 0, 0.3) 0 10px 6px; box-shadow: rgba(0, 0, 0, 0.3) 0 10px 6px; }
nav[role=navigation] ul.primary:hover li.current > a, #nav ul.primary:hover li.current > a { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
nav[role=navigation] ul.primary > li:hover > a, nav[role=navigation] ul.primary > li.sfHover > a, nav[role=navigation] ul.primary:hover > li.current:hover > a, #nav ul.primary > li:hover > a, #nav ul.primary > li.sfHover > a, #nav ul.primary:hover > li.current:hover > a { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(238, 244, 249, 0)), color-stop(100%, #eef4f9)); background: -webkit-linear-gradient(rgba(238, 244, 249, 0), #eef4f9); background: -moz-linear-gradient(rgba(238, 244, 249, 0), #eef4f9); background: -o-linear-gradient(rgba(238, 244, 249, 0), #eef4f9); background: -ms-linear-gradient(rgba(238, 244, 249, 0), #eef4f9); background: linear-gradient(rgba(238, 244, 249, 0), #eef4f9); -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 12px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 12px 8px; -o-box-shadow: rgba(0, 0, 0, 0.4) 0 12px 8px; box-shadow: rgba(0, 0, 0, 0.4) 0 12px 8px; }
.no-cssgradients nav[role=navigation] ul.primary > li:hover > a, .no-cssgradients nav[role=navigation] ul.primary > li.sfHover > a, .no-cssgradients nav[role=navigation] ul.primary:hover > li.current:hover > a, .no-cssgradients #nav ul.primary > li:hover > a, .no-cssgradients #nav ul.primary > li.sfHover > a, .no-cssgradients #nav ul.primary:hover > li.current:hover > a { background-color: #eef4f9; }
nav[role=navigation] ul.primary li ul, #nav ul.primary li ul { background: #eef4f9; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -o-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -o-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 8px; -o-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 8px; box-shadow: rgba(0, 0, 0, 0.7) 0 3px 8px; margin-left: 0; padding: 5px; }
nav[role=navigation] ul.primary li ul a, #nav ul.primary li ul a { background: #fff; color: #333; margin-bottom: 2px; padding-left: 15px; line-height: 30px; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
nav[role=navigation] ul.primary li ul a:hover, #nav ul.primary li ul a:hover { background: #dbe9d0; }
nav[role=navigation] ul.primary li ul li:last-child a, #nav ul.primary li ul li:last-child a { margin-bottom: 0; }
nav[role=navigation] .secondary, #nav .secondary { position: absolute; top: 2px; right: 10px; font-size: 13px; color: #222; z-index: 9999; }
nav[role=navigation] .secondary ul, #nav .secondary ul { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; float: right; }
nav[role=navigation] .secondary ul li, #nav .secondary ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; border-right: 1px solid; border-color: rgba(255, 255, 255, 0.3); padding: 0 0; }
nav[role=navigation] .secondary ul li:first-child, nav[role=navigation] .secondary ul li.first, #nav .secondary ul li:first-child, #nav .secondary ul li.first { padding-left: 0; }
nav[role=navigation] .secondary ul li:last-child, #nav .secondary ul li:last-child { padding-right: 0; }
nav[role=navigation] .secondary ul li.last, #nav .secondary ul li.last { padding-right: 0; }
nav[role=navigation] .secondary ul li:last-child, nav[role=navigation] .secondary ul li.last, #nav .secondary ul li:last-child, #nav .secondary ul li.last { border-right: none; }
nav[role=navigation] .secondary ul li a, #nav .secondary ul li a { display: inline-block; }
nav[role=navigation] .secondary a, #nav .secondary a { color: inherit; text-decoration: inherit; cursor: inherit; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; text-decoration: none; color: #222; padding: 6px 10px; cursor: pointer; }
nav[role=navigation] .secondary a:active, nav[role=navigation] .secondary a:focus, #nav .secondary a:active, #nav .secondary a:focus { outline: none; }
nav[role=navigation] .secondary a:hover, #nav .secondary a:hover { background: #e0eaf1; }

#search, #nav #search { border-right: none; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -o-border-top-left-radius: 2px; -ms-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -o-border-top-right-radius: 2px; -ms-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; }
#search:hover, #search.sfhover, #nav #search:hover, #nav #search.sfhover { background: #edf3f8; color: #fff; }
#search:hover ul, #search.sfhover ul, #nav #search:hover ul, #nav #search.sfhover ul { right: 0; }
#search a:hover, #nav #search a:hover { background: #edf3f8; }
#search ul, #nav #search ul { background-color: #edf3f8; width: 325px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 4px 6px; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 4px 6px; -o-box-shadow: rgba(0, 0, 0, 0.25) 0 4px 6px; box-shadow: rgba(0, 0, 0, 0.25) 0 4px 6px; }
#search form, #nav #search form { padding: 10px; }
#search form input, #nav #search form input { display: inline; }
#search form input[type=text], #nav #search form input[type=text] { width: 70%; }

#account_info, #nav #account_info { background: #76af50; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -o-border-bottom-left-radius: 2px; -ms-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -o-border-bottom-right-radius: 2px; -ms-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
#account_info:hover ul, #account_info.sfhover ul, #nav #account_info:hover ul, #nav #account_info.sfhover ul { right: 0; }
#account_info ul, #nav #account_info ul { background-color: #76af50; width: 150px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -o-border-top-left-radius: 3px; -ms-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -o-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -o-border-bottom-right-radius: 3px; -ms-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 4px 6px; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 4px 6px; -o-box-shadow: rgba(0, 0, 0, 0.25) 0 4px 6px; box-shadow: rgba(0, 0, 0, 0.25) 0 4px 6px; }
#account_info li, #nav #account_info li { border: none; }
#account_info li:first-child a, #nav #account_info li:first-child a { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -o-border-top-left-radius: 3px; -ms-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; }
#account_info li:last-child a, #nav #account_info li:last-child a { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -o-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -o-border-bottom-right-radius: 3px; -ms-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
#account_info li a, #nav #account_info li a { display: block; }
#account_info a, #nav #account_info a { color: #fff; }
#account_info a:hover, #nav #account_info a:hover { color: #fff; background: #6a9e48; }

#nav { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 700px; position: absolute; top: 0; left: 50%; margin-left: -232px; z-index: 9999; }

#banner { margin-left: auto; margin-right: auto; width: 960px; margin-top: -92px; margin-bottom: 20px; height: 92px; position: relative; }
#banner h1.page_title { font-size: 38px; color: #fff; font-weight: 300; text-shadow: rgba(0, 0, 0, 0.35) 0 -1px 1px; height: 94px; line-height: 130px; margin: 0 0 0 10px; overflow: hidden; }
#banner.banner_image h1 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 620px; }
#banner .photopin, #banner .photopin_landscape { position: absolute; right: 32px; top: 0; }
#banner .photopin_landscape .photopin_title { text-indent: -5000px; overflow: hidden; display: block; position: relative; background: transparent url(/images/photopin_landscape.png) 0 0 no-repeat; width: 257px; height: 192px; z-index: 1; }
#banner .photopin_landscape img { position: absolute; width: 234px; height: 175px; left: 11px; top: 11px; }

/* FOOTER
---------------------------------------------------------------- */
.socialmedia-sprite, .socialmedia .twitter, .socialmedia .facebook, .socialmedia .linkedin { background: url('/images/icons/socialmedia-sf14bfee033.png') no-repeat; }

.sm-sprite, .socialmedia .twitter, .socialmedia .facebook, .socialmedia .linkedin { display: block; width: 30px; height: 30px; text-indent: -9999em; text-decoration: none; background-image: url('/images/icons/socialmedia-oldlayout.png?1328725233'); }

.socialmedia .twitter { background-position: 0 -60px; }
.socialmedia .facebook { background-position: 0 0; }
.socialmedia .linkedin { background-position: 0 -30px; }

footer[role=contentinfo], #contentinfo { background: #eaf4fd url('/images/footer_mountains.jpg?1328725233') repeat-x 0 0; min-height: 190px; font-size: 13px; padding-top: 18.571em; position: relative; margin-bottom: -130px; z-index: 1; }
footer[role=contentinfo] .container, #contentinfo .container { border-top: 1px solid #edf2f7; -webkit-box-shadow: 0 -1px 0 #a9c0d6; -moz-box-shadow: 0 -1px 0 #a9c0d6; -o-box-shadow: 0 -1px 0 #a9c0d6; box-shadow: 0 -1px 0 #a9c0d6; }
footer[role=contentinfo] h3, #contentinfo h3 { color: #527FAD; font-size: 13px; text-transform: uppercase; border: none; margin-top: 1.429em; margin-bottom: 1.429em; }
footer[role=contentinfo] .socialmedia, #contentinfo .socialmedia { display: inline; float: left; width: 14.583%; margin-right: 2.083%; margin-left: 1.042%; }
footer[role=contentinfo] .socialmedia ul, #contentinfo .socialmedia ul { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
footer[role=contentinfo] .socialmedia ul li, #contentinfo .socialmedia ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 3px; padding-right: 3px; }
footer[role=contentinfo] .socialmedia ul li:first-child, footer[role=contentinfo] .socialmedia ul li.first, #contentinfo .socialmedia ul li:first-child, #contentinfo .socialmedia ul li.first { padding-left: 0; }
footer[role=contentinfo] .socialmedia ul li:last-child, #contentinfo .socialmedia ul li:last-child { padding-right: 0; }
footer[role=contentinfo] .socialmedia ul li.last, #contentinfo .socialmedia ul li.last { padding-right: 0; }
footer[role=contentinfo] .newsletter, #contentinfo .newsletter { display: inline; float: left; width: 39.583%; margin-right: 2.083%; }
footer[role=contentinfo] .newsletter input, #contentinfo .newsletter input { float: left; margin: 0; }
footer[role=contentinfo] .newsletter input[type=email], #contentinfo .newsletter input[type=email] { width: 60%; margin-right: 3px; }
footer[role=contentinfo] .newsletter input[type=submit], #contentinfo .newsletter input[type=submit] { height: 26px; line-height: 26px; margin-top: 2px; padding-left: 15px; padding-right: 15px; }
footer[role=contentinfo] .contact, #contentinfo .contact { display: inline; float: left; width: 39.583%; margin-right: 2.083%; display: inline; float: right; margin-right: 1.042%; #margin-left: -20px; }
footer[role=contentinfo] .contact .org, footer[role=contentinfo] .contact .country-name, #contentinfo .contact .org, #contentinfo .contact .country-name { display: none; }
footer[role=contentinfo] .contact .adr, footer[role=contentinfo] .contact .telecommunications, #contentinfo .contact .adr, #contentinfo .contact .telecommunications { float: left; width: 50%; }
footer[role=contentinfo] .contact abbr, #contentinfo .contact abbr { border: none; }
footer[role=contentinfo] .contact address, #contentinfo .contact address { font-style: normal; }
footer[role=contentinfo] .legal, #contentinfo .legal { clear: both; margin-left: 1.042%; margin-right: 1.042%; padding-top: 2.857em; }
footer[role=contentinfo] .legal .copyright, #contentinfo .legal .copyright { display: inline; float: left; width: 57.447%; margin-right: 2.128%; }
footer[role=contentinfo] .legal ul, #contentinfo .legal ul { display: inline; float: left; width: 40.426%; margin-right: 2.128%; display: inline; float: right; margin-right: 0; #margin-left: -20px; margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
footer[role=contentinfo] .legal ul li, #contentinfo .legal ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 12px; padding-right: 12px; border-right: 1px solid; border-color: rgba(255, 255, 255, 0.3); padding: 0 12px; }
footer[role=contentinfo] .legal ul li:first-child, footer[role=contentinfo] .legal ul li.first, #contentinfo .legal ul li:first-child, #contentinfo .legal ul li.first { padding-left: 0; }
footer[role=contentinfo] .legal ul li:last-child, #contentinfo .legal ul li:last-child { padding-right: 0; }
footer[role=contentinfo] .legal ul li.last, #contentinfo .legal ul li.last { padding-right: 0; }
footer[role=contentinfo] .legal ul li:last-child, footer[role=contentinfo] .legal ul li.last, #contentinfo .legal ul li:last-child, #contentinfo .legal ul li.last { border-right: none; }
footer[role=contentinfo] .legal ul li a, #contentinfo .legal ul li a { display: inline-block; }
footer[role=contentinfo] .revision, #contentinfo .revision { clear: both; margin-left: 1.042%; margin-right: 1.042%; }

footer[role=contentinfo] .newsletter .button, #contentinfo .newsletter .button { border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #b4b4b4; border-right: 1px solid #dfdfdf; border-color: #1b84c2; border-bottom-color: #145f8c; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; margin: 0; padding: 0 10px; display: inline-block; height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; text-shadow: white 0 1px 1px; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; text-decoration: none; box-sizing: content-box; background-color: #1b84c2; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #259be1), color-stop(50%, #1d90d4), color-stop(50%, #1b84c2), color-stop(100%, #1e93d8)); background: -webkit-linear-gradient(top, #259be1 0%, #1d90d4 50%, #1b84c2 50%, #1e93d8 100%); background: -moz-linear-gradient(top, #259be1 0%, #1d90d4 50%, #1b84c2 50%, #1e93d8 100%); background: -o-linear-gradient(top, #259be1 0%, #1d90d4 50%, #1b84c2 50%, #1e93d8 100%); background: -ms-linear-gradient(top, #259be1 0%, #1d90d4 50%, #1b84c2 50%, #1e93d8 100%); background: linear-gradient(top, #259be1 0%, #1d90d4 50%, #1b84c2 50%, #1e93d8 100%); color: #fff; text-shadow: rgba(0, 0, 0, 0.35) 0 -1px 1px; }
footer[role=contentinfo] .newsletter .button:hover, #contentinfo .newsletter .button:hover { color: #fff !important; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1a81be), color-stop(50%, #1978b0), color-stop(50%, #166c9e), color-stop(100%, #197bb5)); background: -webkit-linear-gradient(top, #1a81be 0%, #1978b0 50%, #166c9e 50%, #197bb5 100%); background: -moz-linear-gradient(top, #1a81be 0%, #1978b0 50%, #166c9e 50%, #197bb5 100%); background: -o-linear-gradient(top, #1a81be 0%, #1978b0 50%, #166c9e 50%, #197bb5 100%); background: -ms-linear-gradient(top, #1a81be 0%, #1978b0 50%, #166c9e 50%, #197bb5 100%); background: linear-gradient(top, #1a81be 0%, #1978b0 50%, #166c9e 50%, #197bb5 100%); }
footer[role=contentinfo] .newsletter .button:active, #contentinfo .newsletter .button:active { -moz-box-shadow: #efefef 0 -1px 2px 1px; -webkit-box-shadow: #efefef 0 -1px 2px 1px; -o-box-shadow: #efefef 0 -1px 2px 1px; box-shadow: #efefef 0 -1px 2px 1px; position: relative; top: 1px; }
footer[role=contentinfo] .copyright, #contentinfo .copyright { text-align: left; }

/* CONTENT
---------------------------------------------------------------- */
.content_left, .content_right, .col_left, .col_right { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 460px; }

.col_full { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 940px; }

#content { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 620px; }
#content > h3, #content h2:first-child { margin-top: 0; }
#content .two_col_left, #content .col_left { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px; margin-left: 1.042%; }
#content .two_col_right, #content .col_right { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px; display: inline; float: right; margin-right: 1.042%; #margin-left: -20px; }
#content .aside, #content .pullout, #content .articleSidebar { width: 190px; float: right; clear: right; margin: 0 0 20px 20px; border-left: 3px solid #cccccc; padding-left: 10px; font-size: 12px; color: #666666; }
#content .aside h1, #content .pullout h1, #content .articleSidebar h1 { font-size: 1.5em; margin: 0.5em 0; }
#content .aside blockquote, #content .pullout blockquote, #content .articleSidebar blockquote { background: none; padding-left: 0; font-size: 13px; font-style: italic; }

.section { margin-bottom: 1.5em; }
.section.last { margin-bottom: 0; }

div.left { float: left; margin: 0 20px 10px 0; text-align: center; }

div.right { float: right; margin: 0 0 20px 10px; text-align: center; }

.left img, .right img { display: block; margin: 0 auto; }

h2 { background: transparent url(/images/titlesticker_sprite.png) 100% 0 no-repeat; height: 34px; line-height: 34px; text-shadow: #398009 0px 1px 2px; position: relative; }
h2.white { background-position: 100% -68px; color: #4d7aa0; text-shadow: #cccccc 0px 1px 2px; }
h2.orange { color: white; background-position: 100% -136px; text-shadow: #b46800 0px 1px 2px; }
h2.blue { background-position: 100% -204px; color: white; text-shadow: #1b486e 0px 1px 2px; }
h2 .icon { position: absolute; right: 16px; top: -6px; }
h2 .icon a { display: block; width: 100%; height: 100%; text-indent: -5000px; }

h3 a { padding: 2px 16px 2px 0; background: transparent url(/images/arw_more.png) 100% 50% no-repeat; top: -2px; }
h3 a:hover { text-decoration: none; background-color: #eeeeee; }

a.more { padding: 2px 16px 2px 0; background: transparent url(/images/arw_more.png) 100% 50% no-repeat; top: -2px; }

.button { color: white; font-family: "proxima-nova-1", "proxima-nova-2", sans-serif; font-weight: 600; font-size: 12px; text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 1px; background: #b10000 url(/images/bg_btn_gradient.png) 0 0 repeat-x; border-width: 0; -moz-border-radius: 12px; -webkit-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; padding: 4px 12px; -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); position: relative; top: -1px; cursor: pointer; }
.button:hover { text-decoration: none; background-color: #8f0000; color: white; }
.button:active { top: 0; -moz-outline: none; -moz-box-shadow: 0, 0, 0, transparent; -webkit-box-shadow: 0, 0, 0, transparent; -o-box-shadow: 0, 0, 0, transparent; box-shadow: 0, 0, 0, transparent; }

.button_green { color: white; font-family: "proxima-nova-1", "proxima-nova-2", sans-serif; font-weight: 600; font-size: 12px; text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 1px; background: #6cb33c url(/images/bg_btn_gradient.png) 0 0 repeat-x; border-width: 0; -moz-border-radius: 12px; -webkit-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; padding: 4px 12px; -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); position: relative; top: -1px; cursor: pointer; }
.button_green:hover { text-decoration: none; background-color: #4a911a; color: white; }
.button_green:active { top: 0; -moz-outline: none; -moz-box-shadow: 0, 0, 0, transparent; -webkit-box-shadow: 0, 0, 0, transparent; -o-box-shadow: 0, 0, 0, transparent; box-shadow: 0, 0, 0, transparent; }

.button_white { color: #333333; font-family: "proxima-nova-1", "proxima-nova-2", sans-serif; font-weight: 600; font-size: 12px; text-shadow: white 0 1px 1px; background: #dddddd url(/images/bg_btn_gradient.png) 0 0 repeat-x; border-width: 0; -moz-border-radius: 12px; -webkit-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; padding: 4px 12px; -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); position: relative; top: -1px; cursor: pointer; }
.button_white:hover { text-decoration: none; background-color: #bbbbbb; color: #111111; }
.button_white:active { top: 0; -moz-outline: none; -moz-box-shadow: 0, 0, 0, transparent; -webkit-box-shadow: 0, 0, 0, transparent; -o-box-shadow: 0, 0, 0, transparent; box-shadow: 0, 0, 0, transparent; }

.button_icon { color: white; font-family: "proxima-nova-1", "proxima-nova-2", sans-serif; font-weight: 600; font-size: 12px; text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 1px; background: #6cb33c url(/images/bg_btn_gradient.png) 0 0 repeat-x; border-width: 0; -moz-border-radius: 12px; -webkit-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; padding: 4px 12px; -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); position: relative; top: -1px; cursor: pointer; font-size: 14px; padding: 6px 18px 6px 48px; position: relative; }
.button_icon:hover { text-decoration: none; background-color: #4a911a; color: white; }
.button_icon:active { top: 0; -moz-outline: none; -moz-box-shadow: 0, 0, 0, transparent; -webkit-box-shadow: 0, 0, 0, transparent; -o-box-shadow: 0, 0, 0, transparent; box-shadow: 0, 0, 0, transparent; }
.button_icon .icon { background-image: url('/images/icons_32.png?1328725233'); background-repeat: no-repeat; width: 32px; height: 32px; overflow: hidden; position: absolute; top: -4px; left: 10px; }
.button_icon .icon.estimating { background-position: 0px 0px; }
.button_icon .icon.userstories { background-position: 0px -32px; }
.button_icon .icon.projectmgt { background-position: 0px -64px; }
.button_icon .icon.scrum { background-position: 0px -96px; }
.button_icon .icon.agile { background-position: 0px -128px; }
.button_icon .icon.avatar { background-position: 0px -192px; }
.button_icon .icon.mortarboard { background-position: 0px -224px; }
.button_icon .icon.onsite { background-position: 0px -256px; }
.button_icon .icon.brochure { background-position: 0px -288px; }
.button_icon .icon.download { background-position: 0px -320px; }
.button_icon .icon.video { background-position: 0px -352px; }
.button_icon .icon.location { background-position: 0px -384px; }
.button_icon .icon.signup { background-position: 0px -416px; }
.button_icon .icon.scrummaster { background-position: 0px -448px; }
.button_icon .icon.productowner { background-position: 0px -480px; }
.button_icon .icon.succeed { background-position: 0px -512px; }
.button_icon .icon.transitioning { background-position: 0px -544px; }
.button_icon .icon.goat { background-position: 0px -576px; }
.button_icon .icon.planningpoker { background-position: 0px -608px; }

.intro { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 620px; padding-right: 320px; }
.intro h2:first-child { margin-top: 0; }

.intro_full { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 940px; }
.intro_full h2:first-child { margin-top: 0; }

.social_media { overflow: hidden; *zoom: 1; }
.social_media h5 { float: left; line-height: 32px; font-style: italic; color: #999999; margin: 0 10px 0 0; }
.social_media ul { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; float: left; }
.social_media ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
.social_media ul li:first-child, .social_media ul li.first { padding-left: 0; }
.social_media ul li:last-child { padding-right: 0; }
.social_media ul li.last { padding-right: 0; }
.social_media a { display: block; width: 32px; height: 32px; text-indent: -5000px; background-image: url('/images/resource_sprite_32.png?1328725233'); background-repeat: no-repeat; width: 32px; height: 32px; overflow: hidden; }
.social_media .twitter { background-position: 0px 0px; }
.social_media .facebook { background-position: 0px -32px; }
.social_media .linkedin { background-position: 0px -64px; }

dl.metadata { overflow: hidden; *zoom: 1; border-bottom: 1px solid #eeeeee; }

.metadata dl { overflow: hidden; *zoom: 1; border-bottom: 1px solid #eeeeee; }
.metadata dt, .metadata dd { border-top: 1px solid #eeeeee; padding: 3px 0; }
.metadata dt { float: left; clear: both; width: 27%; font-size: 12px; font-weight: normal; color: #999999; }
.metadata dd { float: right; margin-left: 0; width: 73%; }
.metadata .tags { background: none; }
.metadata .tags ul { margin-left: -6px; }
.metadata p { margin-bottom: 0; }

dl.metadata { overflow: hidden; *zoom: 1; border-bottom: 1px solid #eeeeee; }

.metadata dl { overflow: hidden; *zoom: 1; border-bottom: 1px solid #eeeeee; }
.metadata dt, .metadata dd { border-top: 1px solid #eeeeee; padding: 3px 0; }
.metadata dt { float: left; clear: both; width: 27%; font-size: 12px; font-weight: normal; color: #999999; }
.metadata dd { float: right; margin-left: 0; width: 73%; }
.metadata .tags { background: none; }
.metadata .tags ul { margin-left: -6px; }

/* Sidebar
---------------------------------------------------------------- */
#sidebar { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px; margin-left: 0; padding-left: 10px; padding-bottom: 20px; background: transparent url(/images/bg_sidebar.png) 0 0 no-repeat; min-height: 550px; color: #7f7f7f; font-size: 13px; }
#sidebar.has_photopin { padding-top: 100px; }
#sidebar.short { background-image: url(/images/bg_sidebar_short.png); min-height: 200px; }
#sidebar h2:first-child { margin-top: 0; }
#sidebar h2 { background-position: 100% -68px; color: #4d7aa0; text-shadow: #cccccc 0px 1px 2px; border-left: none; margin-left: -7px; padding-left: 13px; }
#sidebar h2.green { color: white; background-position: 100% 0px; text-shadow: #398009 0px 1px 2px; }
#sidebar h2.orange { color: white; background-position: 100% -136px; text-shadow: #b46800 0px 1px 2px; }
#sidebar h2.blue { background-position: 100% -204px; color: white; text-shadow: #1b486e 0px 1px 2px; }

ul.subnav { margin: 0 0 1.5em; padding: 0; list-style: none; }
ul.subnav li { margin-bottom: 2px; padding: 3px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 14px; }
ul.subnav li a { display: block; color: #666666; }
ul.subnav li a:hover { text-decoration: none; }
ul.subnav li:hover { background-color: #eeeeee; }
ul.subnav li.selected { background-color: #dceaf7; }
ul.subnav li.selected a { color: #333333; }

/* CONTENT WIDGETS */
.well { clear: both; padding: 9px; background: #eff1f2; border: 1px solid #e2e4e5; margin-bottom: 1.15em; }
.well label { width: auto; }

.borderimage .well { border: 10px solid #eff1f2; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; -moz-border-image: url(/images/well.png) 10 10 10 10 stretch; -webkit-border-image: url(/images/well.png) 10 10 10 10 stretch; padding: 0; }

hr.shadow { border-width: 0; clear: both; margin: 20px 0 0; height: 20px; background: transparent url(/images/bg_pagecontainer.jpg) 50% 0 no-repeat; }

.soldout { padding: 3px 7px; background: #eaeaea; color: #990000; text-decoration: none; text-transform: uppercase; font-size: 10px; font-weight: bold; }
.soldout:hover { color: #990000; background: #cecece; text-decoration: none; }
.soldout.large { display: block; font-size: 15px; padding: 8px 0 4px; background: #a80000; color: white; }

.icons_32 a { display: block; padding-left: 40px; line-height: 32px; width: 100% !important; background-image: url('/images/icons_32.png?1328725233'); background-repeat: no-repeat; width: 32px; height: 32px; overflow: hidden; }
.icons_32 a.estimating { background-position: 0px 0px; }
.icons_32 a.userstories { background-position: 0px -32px; }
.icons_32 a.projectmgt { background-position: 0px -64px; }
.icons_32 a.scrum { background-position: 0px -96px; }
.icons_32 a.agile { background-position: 0px -128px; }
.icons_32 a.avatar { background-position: 0px -192px; }
.icons_32 a.mortarboard { background-position: 0px -224px; }
.icons_32 a.onsite { background-position: 0px -256px; }
.icons_32 a.brochure { background-position: 0px -288px; }
.icons_32 a.download { background-position: 0px -320px; }
.icons_32 a.video { background-position: 0px -352px; }
.icons_32 a.location { background-position: 0px -384px; }
.icons_32 a.signup { background-position: 0px -416px; }
.icons_32 a.scrummaster { background-position: 0px -448px; }
.icons_32 a.productowner { background-position: 0px -480px; }
.icons_32 a.succeed { background-position: 0px -512px; }
.icons_32 a.transitioning { background-position: 0px -544px; }
.icons_32 a.goat { background-position: 0px -576px; }
.icons_32 a.planningpoker { background-position: 0px -608px; }

div.icon_32 { background-image: url('/images/icons_32.png?1328725233'); background-repeat: no-repeat; width: 32px; height: 32px; overflow: hidden; }
div.icon_32.estimating { background-position: 0px 0px; }
div.icon_32.userstories { background-position: 0px -32px; }
div.icon_32.projectmgt { background-position: 0px -64px; }
div.icon_32.scrum { background-position: 0px -96px; }
div.icon_32.agile { background-position: 0px -128px; }
div.icon_32.avatar { background-position: 0px -192px; }
div.icon_32.mortarboard { background-position: 0px -224px; }
div.icon_32.onsite { background-position: 0px -256px; }
div.icon_32.brochure { background-position: 0px -288px; }
div.icon_32.download { background-position: 0px -320px; }
div.icon_32.video { background-position: 0px -352px; }
div.icon_32.location { background-position: 0px -384px; }
div.icon_32.signup { background-position: 0px -416px; }
div.icon_32.scrummaster { background-position: 0px -448px; }
div.icon_32.productowner { background-position: 0px -480px; }
div.icon_32.succeed { background-position: 0px -512px; }
div.icon_32.transitioning { background-position: 0px -544px; }
div.icon_32.goat { background-position: 0px -576px; }
div.icon_32.planningpoker { background-position: 0px -608px; }

h2 .icon { background-image: url('/images/icons_48.png?1328725233'); background-repeat: no-repeat; width: 48px; height: 48px; overflow: hidden; }
h2 .icon.presentation { background-position: 0px 0px; }
h2 .icon.popular { background-position: 0px -48px; }
h2 .icon.tag { background-position: 0px -96px; }
h2 .icon.recent { background-position: 0px -144px; }
h2 .icon.rss { background-position: 0px -192px; }
h2 .icon.scrum { background-position: 0px -240px; }
h2 .icon.resources { background-position: 0px -288px; }
h2 .icon.qanda { background-position: 0px -336px; }
h2 .icon.book { background-position: 0px -384px; }
h2 .icon.mortarboard { background-position: 0px -432px; }
h2 .icon.goat { background-position: 0px -480px; }
h2 .icon.compass { background-position: 0px -528px; }
h2 .icon.wrench { background-position: 0px -576px; }
h2 .icon.avatar { background-position: 0px -624px; }
h2 .icon.none { background-image: none; }

.icons_flags_32 a { display: inline-block; background-image: url('/images/icons_flags_32.png?1328725233'); background-repeat: no-repeat; overflow: hidden; padding-left: 40px; line-height: 32px; height: 32px; }
.icons_flags_32 a.us { background-position: 0px -32px; }
.icons_flags_32 a.uk { background-position: 0px -64px; }
.icons_flags_32 a.no { background-position: 0px -96px; }
.icons_flags_32 a.br { background-position: 0px -128px; }
.icons_flags_32 a.se { background-position: 0px -160px; }
.icons_flags_32 a.dk { background-position: 0px -192px; }
.icons_flags_32 a.ca { background-position: 0px -224px; }
.icons_flags_32 a.nl { background-position: 0px -256px; }

.icons_flags_16 span { display: inline-block; background-image: url('/images/icons_flags_16.png?1328725233'); background-repeat: no-repeat; overflow: hidden; padding-left: 20px; line-height: 16px; height: 16px; }
.icons_flags_16 span.us { background-position: 0px -16px; }
.icons_flags_16 span.uk { background-position: 0px -32px; }
.icons_flags_16 span.no { background-position: 0px -48px; }
.icons_flags_16 span.br { background-position: 0px -64px; }
.icons_flags_16 span.se { background-position: 0px -80px; }
.icons_flags_16 span.dk { background-position: 0px -96px; }
.icons_flags_16 span.ca { background-position: 0px -112px; }
.icons_flags_16 span.nl { background-position: 0px -128px; }

/* Classes List */
.classes .calendar { display: inline-block; padding-left: 24px; background: transparent url(/images/icons_16.png) 0 0 no-repeat; background-position: 0px -256px; }
.classes .info { display: inline-block; padding-left: 24px; background: transparent url(/images/icons_16.png) 0 0 no-repeat; background-position: 0px -320px; }
.classes h3 { font-family: "proxima-nova-1", "proxima-nova-2", sans-serif; margin: 0; clear: left; font-weight: bold; }
.classes h3 a { color: #666666; }
.classes h3 a .city { color: #416d25; font-weight: bold; text-transform: uppercase; }
.classes dl { border-top: 1px solid white; padding-top: 0.575em; margin-bottom: 1.15em; overflow: hidden; *zoom: 1; }
.classes dl dt { float: left; clear: left; width: 20%; font-weight: normal; color: #666666; }
.classes dl dd { float: left; width: 70%; }

/* Book Feature */
.books h2 { background: transparent url(/images/titlesticker_sprite.png) 100% 0 no-repeat; height: 34px; line-height: 34px; color: white; background-position: 100% -136px; text-shadow: #b46800 0px 1px 2px; }
.books .cover { float: left; margin-right: 10px; -moz-box-shadow: 0 1px 3px 0 #666666; -webkit-box-shadow: 0 1px 3px 0 #666666; -o-box-shadow: 0 1px 3px 0 #666666; box-shadow: 0 1px 3px 0 #666666; }
.books h4 { clear: none; margin-top: 0; }

#sidebar ul.books { list-style: none; margin-left: 5px; }
#sidebar ul.books li { margin: 0 0 10px 0; clear: left; overflow: hidden; *zoom: 1; }
#sidebar ul.books li a { display: block; padding-top: 10px; }
#sidebar ul.books li a img { margin-top: -10px; }
#sidebar .cover img { padding: 0; -moz-box-shadow: 0 1px 3px 0 #666666; -webkit-box-shadow: 0 1px 3px 0 #666666; -o-box-shadow: 0 1px 3px 0 #666666; box-shadow: 0 1px 3px 0 #666666; }

/* Resources Lists */
.additional_resources h2 { background: transparent url(/images/titlesticker_sprite.png) 100% 0 no-repeat; height: 34px; line-height: 34px; text-shadow: #398009 0px 1px 2px; }

ul.resource_list, ol.resource_list { margin-left: 0; padding-top: 0.5em; list-style: none; }
ul.resource_list li, ol.resource_list li { margin-bottom: 0.575em; }
ul.resource_list a, ol.resource_list a { background-image: url('/images/icons_16.png?1328725233'); background-repeat: no-repeat; width: auto; height: auto; overflow: hidden; padding-left: 24px; display: inline-block; }
ul.resource_list a.presentation, ol.resource_list a.presentation { background-position: 0px 0px; }
ul.resource_list a.news, ol.resource_list a.news { background-position: 0px -64px; }
ul.resource_list a.video, ol.resource_list a.video { background-position: 0px -128px; }
ul.resource_list a.tweet, ol.resource_list a.tweet { background-position: 0px -192px; }
ul.resource_list a.calendar, ol.resource_list a.calendar { background-position: 0px -256px; }
ul.resource_list a.info, ol.resource_list a.info { background-position: 0px -320px; }
ul.resource_list a.tag, ul.resource_list a.tags, ol.resource_list a.tag, ol.resource_list a.tags { background-position: 0px -384px; }
ul.resource_list a.pdf, ol.resource_list a.pdf { background-position: 0px -448px; }
ul.resource_list a.article, ol.resource_list a.article { background-position: 0px -512px; }
ul.resource_list a.book, ol.resource_list a.book { background-position: 0px -576px; }
ul.resource_list a.event, ol.resource_list a.event { background-position: 0px -256px; }
ul.resource_list a.review, ol.resource_list a.review { background-position: 0px -576px; }
ul.resource_list a.blog, ol.resource_list a.blog { background-position: 0px -64px; }
ul.resource_list a.arrow, ol.resource_list a.arrow { background-position: 0px -640px; }

dl.resource_list dd { background-image: url('/images/icons_16.png?1328725233'); background-repeat: no-repeat; width: auto; height: auto; overflow: hidden; padding-left: 24px; margin-left: 0; }
dl.resource_list dd.presentation { background-position: 0px 0px; }
dl.resource_list dd.news { background-position: 0px -64px; }
dl.resource_list dd.video { background-position: 0px -128px; }
dl.resource_list dd.tweet { background-position: 0px -192px; }
dl.resource_list dd.calendar { background-position: 0px -256px; }
dl.resource_list dd.info { background-position: 0px -320px; }
dl.resource_list dd.tag, dl.resource_list dd.tags { background-position: 0px -384px; }
dl.resource_list dd.pdf { background-position: 0px -448px; }
dl.resource_list dd.article { background-position: 0px -512px; }
dl.resource_list dd.book { background-position: 0px -576px; }
dl.resource_list dd.event { background-position: 0px -256px; }
dl.resource_list dd.review { background-position: 0px -576px; }
dl.resource_list dd.blog { background-position: 0px -64px; }
dl.resource_list dd.arrow { background-position: 0px -640px; }

/* Overlays */
.presentation_overlay { position: relative; zoom: 1; }
.presentation_overlay a.icon { display: block; position: relative; background: transparent url(/images/overlay_presentation.png) 0 0 no-repeat; width: 100px; height: 90px; z-index: 1; margin: 0; }
.presentation_overlay a.icon img { position: absolute; top: 8px; left: 7px; width: 87px; height: 55px; }

.video_overlay { position: relative; zoom: 1; }
.video_overlay a.icon { display: block; position: relative; background: transparent url(/images/overlay_video.png) 0 0 no-repeat; width: 100px; height: 90px; z-index: 1; margin: 0; }
.video_overlay a.icon img { position: absolute; top: 15px; left: 15px; width: 70px; height: 55px; }

.article_overlay { position: relative; zoom: 1; }
.article_overlay a.icon { display: block; position: relative; background: transparent url(/images/overlay_article.png) 0 0 no-repeat; width: 100px; height: 90px; z-index: 1; margin: 0; }
.article_overlay a.icon img { display: none; }

.book_overlay a.icon, .bookreview_overlay a.icon { display: block; width: 100px; text-align: center; margin: 0 auto; }
.book_overlay a.icon img, .bookreview_overlay a.icon img { -moz-box-shadow: 0 1px 3px 0 #666666; -webkit-box-shadow: 0 1px 3px 0 #666666; -o-box-shadow: 0 1px 3px 0 #666666; box-shadow: 0 1px 3px 0 #666666; }

.badge { width: 32px; height: 39px; padding: 2px 5px 0; position: absolute; top: -8px; left: -10px; z-index: 2; background: transparent url(/images/bg_badge.png) 0 0 no-repeat; }
.badge a { display: block; width: 32px; height: 32px; text-indent: -5000px; background-image: url('/images/icons_32.png?1328725233'); background-repeat: no-repeat; width: 32px; height: 32px; overflow: hidden; }
.badge.estimating a { background-position: 0px 0px; }
.badge.userstories a { background-position: 0px -32px; }
.badge.projectmgt a { background-position: 0px -64px; }
.badge.scrum a { background-position: 0px -96px; }
.badge.agile a { background-position: 0px -128px; }
.badge.scrummaster a { background-position: 0px -448px; }
.badge.productowner a { background-position: 0px -480px; }
.badge.succeed a { background-position: 0px -512px; }
.badge.transitioning a { background-position: 0px -544px; }
.badge:hover { background-position: -42px 0; }

/* Horizontal Tabs */
.htabbed_page .htabs .tabs { margin: 6px 0 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(90%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.15))); background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.15)); background: -moz-linear-gradient(rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.15)); background: -o-linear-gradient(rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.15)); background: -ms-linear-gradient(rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.15)); background: linear-gradient(rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.15)); }
.htabbed_page #sidebar { margin-left: 10px; padding-left: 0; padding-bottom: 0; background: none; min-height: auto; }

.htabs .tabs { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; margin-bottom: 1em; }
.htabs .tabs li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
.htabs .tabs li:first-child, .htabs .tabs li.first { padding-left: 0; }
.htabs .tabs li:last-child { padding-right: 0; }
.htabs .tabs li.last { padding-right: 0; }
.htabs .tabs li a { display: block; color: #666666; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; padding: 2px 12px; }
.htabs .tabs li a:hover { background: #eeeeee; text-decoration: none; }
.htabs .tabs li a.current { background: #dceaf7; border-color: #cadbea; color: #444444; }

/* Pagination */
.pagination { clear: both; text-align: center; margin: 1em 0; padding-top: 1em; border-top: 1px solid #eeeeee; }
.pagination a, .pagination span { padding: 4px 6px 3px; border: 1px solid; }
.pagination a { border-color: #cccccc; }
.pagination a:hover { background-color: #dceaf7; color: #006699; }
.pagination .previous, .pagination .next, .pagination .prev_page, .pagination .next_page { border-color: white; }
.pagination .disabled { display: none; }
.pagination span { border-color: #cccccc; color: #999999; }
.pagination span.current { border-color: #666666; color: #333333; font-weight: bold; background-color: #eeeeee; cursor: default; }

.tags { display: inline-block; padding-left: 24px; background: transparent url(/images/icons_16.png) 0 0 no-repeat; background-position: 0px -384px; width: auto; padding-left: 18px; }
.tags ul { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
.tags ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
.tags ul li:first-child, .tags ul li.first { padding-left: 0; }
.tags ul li:last-child { padding-right: 0; }
.tags ul li.last { padding-right: 0; }
.tags ul li { margin-bottom: 0; }
.tags a { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; padding: 0 4px; color: #555555; }
.tags a { *display: inline; }
.tags a:hover { text-decoration: none; color: #4d7aa0; background-color: #dceaf7; }

/* Modal Windows - using Fancybox */
.modal_dialog { padding: 10px; }

#fonttest { top: -5000px; left: -5000px; }

/* Tags */
.tag_cloud { font-size: 1em; line-height: 1.2em; }
.tag_cloud .xxs, .tag_cloud .xs, .tag_cloud .s, .tag_cloud .l, .tag_cloud .xl, .tag_cloud .xxl { line-height: 1.2em; }
.tag_cloud .xxs { font-size: 0.5em; }
.tag_cloud .xs { font-size: 0.667em; }
.tag_cloud .s { font-size: 0.75em; }
.tag_cloud .l { font-size: 1.333em; }
.tag_cloud .xl { font-size: 1.5em; }
.tag_cloud .xxl { font-size: 2em; }
.tag_cloud a { -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; padding: 3px 4px 2px; position: relative; left: -2px; color: #666666; white-space: nowrap; }
.tag_cloud a:hover { color: #4d7aa0; background-color: #dceaf7; }

/* Pricing
---------------------------------------------------------------- */
.buy_now { text-align: center; }
.buy_now .button_icon { font-size: 16px; padding-right: 32px; }

h2.discounts_banner { margin-bottom: -4px; margin-left: 0; padding-left: 14px; position: relative; }

.pricing, #sidebar .pricing { padding: 10px 0; margin-bottom: 1.5em; color: #333333; background: #fafafa; *zoom: 1; border-top: 2px solid #cccccc; border-bottom: 2px solid #cccccc; }
.pricing:after, #sidebar .pricing:after { content: ""; display: table; clear: both; }
.pricing h2, #sidebar .pricing h2 { background-image: none; background-color: #6cb33c; padding-left: 12px; margin-left: 0; margin-top: -12px !important; }
.pricing h3, #sidebar .pricing h3 { margin-top: 0; color: #6e6e6e; text-align: center; border-color: #eee; }
.pricing .current_price, #sidebar .pricing .current_price { background: #fffacd; }
.pricing .current_price strong, #sidebar .pricing .current_price strong { font-size: 18px; }
.pricing .current_price em, #sidebar .pricing .current_price em { position: relative; top: -2px; }
.pricing dt, .pricing dd, #sidebar .pricing dt, #sidebar .pricing dd { padding: 3px 0; }
.pricing h5, #sidebar .pricing h5 { margin: 0; padding: 0 4px; }
.pricing dl, #sidebar .pricing dl { overflow: hidden; margin-bottom: 10px; }
.pricing dt, #sidebar .pricing dt { float: left; clear: both; padding-left: 4px; width: 42%; font-weight: normal; }
.pricing dd, #sidebar .pricing dd { float: left; width: 55%; margin-left: 0; font-weight: bold; }
.pricing dd em, #sidebar .pricing dd em { font-weight: normal; font-style: normal; color: #990000; }
.pricing .footer, #sidebar .pricing .footer { font-size: 12px; text-align: center; }

#content .pricing h5 { margin-left: 2%; }
#content .pricing dt { width: 20%; margin-left: 2%; }
#content .pricing dd { width: 76%; }

/* Tooltips
---------------------------------------------------------------- */
.tooltip { display: none; background: #ffc; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffcc), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(#ffffcc, #ffffff); background: -moz-linear-gradient(#ffffcc, #ffffff); background: -o-linear-gradient(#ffffcc, #ffffff); background: -ms-linear-gradient(#ffffcc, #ffffff); background: linear-gradient(#ffffcc, #ffffff); border: 2px solid #e3dd98; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 8px; -o-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 8px; box-shadow: rgba(0, 0, 0, 0.5) 0 1px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 5px 10px; position: relative; text-align: left; z-index: 999; }

/* Shopping Cart */
table.cart .col_remove { text-align: center; }
table.cart tbody input.qty { width: 40px; }
table.cart tfoot { font-weight: bold; font-size: 16px; border-top: 2px solid #dddddd; }
table.cart tfoot td { padding-top: 0.5em; padding-bottom: 0.5em; border-top: 1px solid #dddddd; border-bottom: none; }

#sidebar .refund_policy p { font-size: 12px; line-height: 1.4; }

/* PAGE TYPES */
/* SCSS port of CSS at http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Built with compass http://www.compass-style.org */
/* Generates the styles for suckerfish dropdowns */
/*  Pass in the parameters $topLevelWidth and $lowerLevelWidth. The former controls the width of the first level, i.e. the visible level. The lower level is the width of the sub-levels, which get exposed on hover.
 Call this mixin with @import suckerfish(topLevelWidth, lowerLevelWidth), then style it as needed.
 To override any of these styles, place your code after the @import directive.
 For IE 6 compatibility, you must add javascript that attaches .sfhover class to mouseover.
 This will handle up to three levels of dropdowns.
 Be sure to minify before deploying to production.
*/
/* Icons */
/*	PAGE - COURSE OVERVIEW */
.course_overview .intro { margin-bottom: 20px; }
.course_overview .training_category { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 460px; padding-top: 1.5em; }
.course_overview .training_category.odd { clear: left; }
.course_overview .training_category .icon { float: left; margin-top: -10px; margin-right: 10px; }
.course_overview .training_category h3 { clear: none; margin-top: 0; }
.course_overview .training_category p { margin-left: 138px; }
.course_overview .outro { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 940px; }

/* SCSS port of CSS at http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Built with compass http://www.compass-style.org */
/* Generates the styles for suckerfish dropdowns */
/*  Pass in the parameters $topLevelWidth and $lowerLevelWidth. The former controls the width of the first level, i.e. the visible level. The lower level is the width of the sub-levels, which get exposed on hover.
 Call this mixin with @import suckerfish(topLevelWidth, lowerLevelWidth), then style it as needed.
 To override any of these styles, place your code after the @import directive.
 For IE 6 compatibility, you must add javascript that attaches .sfhover class to mouseover.
 This will handle up to three levels of dropdowns.
 Be sure to minify before deploying to production.
*/
/* Icons */
/*	PAGE - COURSE TYPE */
.course_type .inset .col { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 460px; }
.course_type .inset .col .detail { position: relative; padding-left: 40px; }
.course_type .inset .col .detail .icon_32 { position: absolute; left: 0; top: 0; }

/* SCSS port of CSS at http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Built with compass http://www.compass-style.org */
/* Generates the styles for suckerfish dropdowns */
/*  Pass in the parameters $topLevelWidth and $lowerLevelWidth. The former controls the width of the first level, i.e. the visible level. The lower level is the width of the sub-levels, which get exposed on hover.
 Call this mixin with @import suckerfish(topLevelWidth, lowerLevelWidth), then style it as needed.
 To override any of these styles, place your code after the @import directive.
 For IE 6 compatibility, you must add javascript that attaches .sfhover class to mouseover.
 This will handle up to three levels of dropdowns.
 Be sure to minify before deploying to production.
*/
/* Icons */
/*	PAGE - COURSE SCHEDULE */
.course_schedule .well { overflow: hidden; *zoom: 1; }
.course_schedule .well .legend { float: left; margin-right: 2em; padding: 2px; font-weight: bold; text-transform: uppercase; }
.course_schedule .well ul { float: left; list-style: none; margin: 0; }
.course_schedule .well ul li { float: left; margin-right: 1em; }
.course_schedule .well ul li label { display: none; font-weight: bold; text-transform: uppercase; }
.course_schedule .well ul li select { margin: 2px; }
.course_schedule tbody tr a.more { visibility: hidden; line-height: 16px; background-position: 100% 2px; }
.course_schedule tbody tr:hover { background: #fffbc8; }
.course_schedule tbody tr:hover td { color: #333333; }
.course_schedule tbody tr:hover a.more { visibility: visible; }
.course_schedule .course_overview { clear: left; }
.course_schedule .course_overview h2 { clear: both; }

/* SCSS port of CSS at http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Built with compass http://www.compass-style.org */
/* Generates the styles for suckerfish dropdowns */
/*  Pass in the parameters $topLevelWidth and $lowerLevelWidth. The former controls the width of the first level, i.e. the visible level. The lower level is the width of the sub-levels, which get exposed on hover.
 Call this mixin with @import suckerfish(topLevelWidth, lowerLevelWidth), then style it as needed.
 To override any of these styles, place your code after the @import directive.
 For IE 6 compatibility, you must add javascript that attaches .sfhover class to mouseover.
 This will handle up to three levels of dropdowns.
 Be sure to minify before deploying to production.
*/
/* Icons */
/* Course Detail
---------------------------------------------------------------- */
body.course_detail #banner h1.page_title { font-size: 27px; }
body.course_detail .course_badges { margin-bottom: 20px; }
body.course_detail .course_badges img { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; vertical-align: middle; width: 130px; height: auto; margin: 0 5px; }
body.course_detail .course_badges img { *display: inline; }
body.course_detail #sidebar { padding-top: 40px; }
body.course_detail #sidebar .course_icon { margin: -60px 0 20px 86px; display: none; }
body.course_detail #sidebar .buy_now { margin: 18px 0; }
body.course_detail #sidebar .pricing { padding-bottom: 0; }
body.course_detail #sidebar .pricing dt, body.course_detail #sidebar .metadata dt { width: 30%; padding-left: 4px; }
body.course_detail #sidebar .pricing dd, body.course_detail #sidebar .metadata dd { width: 68%; }
body.course_detail .inset .col { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 460px; }
body.course_detail .inset .col .detail { position: relative; padding-left: 40px; }
body.course_detail .inset .col .detail .icon_32 { position: absolute; left: 0; top: 0; }

/* SCSS port of CSS at http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Built with compass http://www.compass-style.org */
/* Generates the styles for suckerfish dropdowns */
/*  Pass in the parameters $topLevelWidth and $lowerLevelWidth. The former controls the width of the first level, i.e. the visible level. The lower level is the width of the sub-levels, which get exposed on hover.
 Call this mixin with @import suckerfish(topLevelWidth, lowerLevelWidth), then style it as needed.
 To override any of these styles, place your code after the @import directive.
 For IE 6 compatibility, you must add javascript that attaches .sfhover class to mouseover.
 This will handle up to three levels of dropdowns.
 Be sure to minify before deploying to production.
*/
/* Icons */
/*	COURSE SET */
.course_set #sidebar p.signup { margin-top: 10px; text-align: center; }
.course_set #sidebar p.signup .button_icon { padding-right: 32px; font-size: 16px; }
.course_set .inset .col { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 460px; }
.course_set .inset .col .detail { position: relative; padding-left: 40px; }
.course_set .inset .col .detail .icon_32 { position: absolute; left: 0; top: 0; }

/* SCSS port of CSS at http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Built with compass http://www.compass-style.org */
/* Generates the styles for suckerfish dropdowns */
/*  Pass in the parameters $topLevelWidth and $lowerLevelWidth. The former controls the width of the first level, i.e. the visible level. The lower level is the width of the sub-levels, which get exposed on hover.
 Call this mixin with @import suckerfish(topLevelWidth, lowerLevelWidth), then style it as needed.
 To override any of these styles, place your code after the @import directive.
 For IE 6 compatibility, you must add javascript that attaches .sfhover class to mouseover.
 This will handle up to three levels of dropdowns.
 Be sure to minify before deploying to production.
*/
/* Icons */
/*	PAGE - RESOURCE OVERVIEW */
.resource_overview .most_recent, .resource_overview .most_popular, .resource_overview .by_tag { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px; }
.resource_overview .most_recent li, .resource_overview .most_popular li, .resource_overview .by_tag li { margin-bottom: 0.75em; }
.resource_overview .most_recent li a, .resource_overview .most_popular li a, .resource_overview .by_tag li a { display: block; }
.resource_overview .most_recent .publication, .resource_overview .most_recent .metadata, .resource_overview .most_popular .publication, .resource_overview .most_popular .metadata, .resource_overview .by_tag .publication, .resource_overview .by_tag .metadata { display: block; padding-left: 24px; color: #777777; }
.resource_overview .most_recent .publication em, .resource_overview .most_recent .metadata em, .resource_overview .most_popular .publication em, .resource_overview .most_popular .metadata em, .resource_overview .by_tag .publication em, .resource_overview .by_tag .metadata em { color: #666666; }
.resource_overview .most_popular p { text-align: center; }
.resource_overview .resource_category { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 460px; padding-top: 1.5em; }
.resource_overview .resource_category.odd { clear: left; }
.resource_overview .resource_category .icon { float: left; margin-top: -10px; margin-right: 10px; }
.resource_overview .resource_category h3 { clear: none; margin-top: 0; }
.resource_overview .resource_category p { margin-left: 138px; }

/* SCSS port of CSS at http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Built with compass http://www.compass-style.org */
/* Generates the styles for suckerfish dropdowns */
/*  Pass in the parameters $topLevelWidth and $lowerLevelWidth. The former controls the width of the first level, i.e. the visible level. The lower level is the width of the sub-levels, which get exposed on hover.
 Call this mixin with @import suckerfish(topLevelWidth, lowerLevelWidth), then style it as needed.
 To override any of these styles, place your code after the @import directive.
 For IE 6 compatibility, you must add javascript that attaches .sfhover class to mouseover.
 This will handle up to three levels of dropdowns.
 Be sure to minify before deploying to production.
*/
/* Icons */
/*	PAGE - RESOURCE LIST */
.resource_list .intro { padding-right: 0; width: 600px; margin-left: 0; margin-right: 0; }
.resource_list .well { margin-bottom: 20px; line-height: 28px; height: 28px; }
.resource_list .well form { float: right; }
.resource_list .well label { font-weight: bold; }
.resource_list .well a, .resource_list .well select { margin-right: 20px; }
.resource_list .well #view-list, .resource_list .well #view-grid { display: inline-block; margin: 0; text-indent: -5000px; background-image: url('/images/list_grid_toggle.gif?1328725233'); background-repeat: no-repeat; width: 36px; height: 28px; overflow: hidden; background-position: 0px 0px; }
.resource_list .well #view-grid { background-position: 0px 0px; }
.resource_list .well #view-grid.selected { background-position: 0px -28px; }
.resource_list .well #view-list { background-position: -36px 0px; }
.resource_list .well #view-list.selected { background-position: -36px -28px; }
.resource_list ul.resources { list-style: none; margin: 0 0 20px; }
.resource_list ul.resources li { padding-left: 120px; margin-bottom: 30px; }
.resource_list ul.resources li.book_overlay, .resource_list ul.resources li.bookreview_overlay { overflow: hidden; *zoom: 1; }
.resource_list ul.resources li .icon { float: left; width: 100px; margin-left: -120px; }
.resource_list ul.resources li h3 { clear: none; margin-top: 0; text-transform: none; font-weight: 500; }
.resource_list ul.resources li .metadata { margin-bottom: 0.5em; }
.resource_list ul.resources li .metadata span { margin-right: 2em; }
.resource_list ul.resources li .metadata span.stars { display: block; }
.resource_list ul.resources li .tags em { display: none; }
.resource_list ul.resources li .tags li { padding: 0; margin: 0; }
.resource_list ul.resources.view-grid li { float: left; width: 180px; padding: 0 10px; }
.resource_list ul.resources.view-grid li .icon { width: 100%; margin: 0 auto; background-position: 50% 0; }
.resource_list ul.resources.view-grid li .icon img { left: 50%; }
.resource_list ul.resources.view-grid li.presentation_overlay .icon img { margin-left: -43px; }
.resource_list ul.resources.view-grid li.video_overlay .icon img { margin-left: -35px; }
.resource_list ul.resources.view-grid li .badge { left: 40px; }
.resource_list ul.resources.view-grid li h3 { clear: left; border: none; text-align: center; font-family: "proxima-nova-1", "proxima-nova-2", sans-serif; font-size: 12px; }
.resource_list ul.resources.view-grid li h3 a { background: none; padding: 0; }
.resource_list ul.resources.view-grid li .metadata, .resource_list ul.resources.view-grid li .tags { display: none; }

/* SCSS port of CSS at http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Built with compass http://www.compass-style.org */
/* Generates the styles for suckerfish dropdowns */
/*  Pass in the parameters $topLevelWidth and $lowerLevelWidth. The former controls the width of the first level, i.e. the visible level. The lower level is the width of the sub-levels, which get exposed on hover.
 Call this mixin with @import suckerfish(topLevelWidth, lowerLevelWidth), then style it as needed.
 To override any of these styles, place your code after the @import directive.
 For IE 6 compatibility, you must add javascript that attaches .sfhover class to mouseover.
 This will handle up to three levels of dropdowns.
 Be sure to minify before deploying to production.
*/
/* Icons */
/*	PAGE - RESOURCE DETAIL */
.resource_detail h2.resource_title { background: none; text-shadow: none; line-height: 2.3; height: auto; border-left: none; margin: 1.725em 0 1.15em; padding-left: 0; color: #333333; color: #416d25; font-size: 20px; text-transform: none; font-family: "proxima-nova-1", "proxima-nova-2", sans-serif; line-height: 1.6; padding-bottom: 0; border-bottom: 1px solid #cccccc; margin-bottom: 0.35em; }
.resource_detail h3.resource_subtitle { border: none; text-transform: none; font-family: "proxima-nova-1", "proxima-nova-2", sans-serif; color: #444444; margin-top: 0; }
.resource_detail .screenshot { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px; margin-left: 0; position: relative; }
.resource_detail .screenshot img { width: 100%; margin-bottom: 20px; border: 1px solid #cccccc; -moz-box-shadow: 0 2px 5px 0 #7a7a7a; -webkit-box-shadow: 0 2px 5px 0 #7a7a7a; -o-box-shadow: 0 2px 5px 0 #7a7a7a; box-shadow: 0 2px 5px 0 #7a7a7a; }
.resource_detail .book_cover { float: right; margin: 0 0 1.5em 1.5em; }
.resource_detail .book_cover img { -moz-box-shadow: 0 2px 5px 0 #7a7a7a; -webkit-box-shadow: 0 2px 5px 0 #7a7a7a; -o-box-shadow: 0 2px 5px 0 #7a7a7a; box-shadow: 0 2px 5px 0 #7a7a7a; }
.resource_detail .metadata { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px; margin-right: 0; padding-top: 10px; }
.resource_detail .metadata p { margin-bottom: 20px; }
.resource_detail .article_metadata { border-bottom: 1px solid #eeeeee; margin-bottom: 1em; }
.resource_detail .article_metadata p { margin-bottom: 0.5em; }
.resource_detail .article_metadata span { margin-right: 20px; }
.resource_detail .article_metadata .publication { font-style: italic; }
.resource_detail ol.toc { margin-left: 0; }
.resource_detail ol.toc li { list-style: none; margin: 0 0 1em 0; font-weight: bold; }
.resource_detail ol.toc li ol, .resource_detail ol.toc li ul { margin: 0; padding-top: 0.25em; border-top: 1px solid #cccccc; color: #ff9900; }
.resource_detail ol.toc li li { font-weight: normal; margin: 0 0 0 2.5em; list-style: decimal; color: #555555; }
.resource_detail ol.toc li ul li { margin-left: 0; list-style: none; }
.resource_detail ol.toc li a.pdf { display: inline-block; padding-left: 24px; background: transparent url(/images/icons_16.png) 0 0 no-repeat; background-position: 0px -448px; }

.login_register { /*form { input[type=text], input[type=password] { width: 95%; }
}*/ }
.login_register .login { float: left; display: inline; width: 48%; }
.login_register .register { float: right; display: inline; width: 48%; }

/* Shopping Cart
---------------------------------------------------------------- */
table.cart .class_discount td, table.cart .class_discount th { color: #990000; }
table.cart tfoot td { border: none; }

/* SCSS port of CSS at http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Built with compass http://www.compass-style.org */
/* Generates the styles for suckerfish dropdowns */
/*  Pass in the parameters $topLevelWidth and $lowerLevelWidth. The former controls the width of the first level, i.e. the visible level. The lower level is the width of the sub-levels, which get exposed on hover.
 Call this mixin with @import suckerfish(topLevelWidth, lowerLevelWidth), then style it as needed.
 To override any of these styles, place your code after the @import directive.
 For IE 6 compatibility, you must add javascript that attaches .sfhover class to mouseover.
 This will handle up to three levels of dropdowns.
 Be sure to minify before deploying to production.
*/
/* Icons */
/*	PAGE - TOPIC */
body.topic #banner_container { min-height: 242px; background: #6c95bc url('/images/bg_header_home.png?1328725233') 0 -88px repeat-x; position: relative; top: -2px; margin-bottom: 35px; }
body.topic #banner_container #banner { padding-top: 2px; font-size: 17px; line-height: 26px; color: white; position: relative; }
body.topic #banner_container #banner h1.page_title { height: 60px; line-height: 60px; font-size: 32px; margin-top: 10px; }
body.topic #banner_container #banner h1.page_title span { background: none; }
body.topic #banner_container #banner .summary { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 620px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
body.topic #banner_container #banner .icon { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px; position: relative; }
body.topic #banner_container #banner .icon img { position: absolute; top: -85px; left: 22px; }
body.topic #banner_container #banner .photo { position: absolute; right: 30px; top: -10px; }
body.topic #essentials { margin-left: auto; margin-right: auto; width: 960px; background: transparent url(/images/bg_sidebar_short.jpg) 305px 0 no-repeat; min-height: 242px; }
body.topic #essentials h2 { background: transparent url(/images/titlesticker_sprite.png) 100% 0 no-repeat; height: 34px; line-height: 34px; text-shadow: #398009 0px 1px 2px; width: 630px; margin-top: 0; }
body.topic #essentials li { list-style: none; margin: 0 0 0.5em; }
body.topic #essentials li li { list-style: disc; }
body.topic #essentials h3 { text-transform: none; margin-top: 0; font-size: 15px; }
body.topic #essentials .tabs { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px; margin-left: 0; }
body.topic #essentials .tabs h3 { border: none; margin: 0; }
body.topic #essentials .tabs h3 a { color: #4c4c4c; display: inline-block; width: 280px; line-height: 30px; margin: 0 10px 0 -10px; padding: 3px 0 0 10px; background-image: none; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; -ms-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; }
body.topic #essentials .tabs h3 a:hover { background: #eeeeee; }
body.topic #essentials .tabs h3 a.current { background: #dceaf7; }
body.topic #essentials .panes { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 620px; margin-bottom: 20px; }
body.topic #essentials .panes h3 { color: #333333; font-weight: 600; }
body.topic #resources_container { background: #f4f4f4 url(/images/bg_greyshadow_top.gif) 0 0 repeat-x; border-bottom: 1px solid #e8e8e8; margin-bottom: 33px; clear: both; }
body.topic #resources_container #resources { margin-left: auto; margin-right: auto; width: 960px; overflow: hidden; *zoom: 1; }
body.topic #resources_container #resources .additional_resources, body.topic #resources_container #resources .classes, body.topic #resources_container #resources .books { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px; }
body.topic #resources_container #resources .additional_resources.wide { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 620px; }
body.topic #resources_container #resources .additional_resources.wide .resource_list { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }
body.topic #content_container { background-image: none; }

/* SCSS port of CSS at http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Built with compass http://www.compass-style.org */
/* Generates the styles for suckerfish dropdowns */
/*  Pass in the parameters $topLevelWidth and $lowerLevelWidth. The former controls the width of the first level, i.e. the visible level. The lower level is the width of the sub-levels, which get exposed on hover.
 Call this mixin with @import suckerfish(topLevelWidth, lowerLevelWidth), then style it as needed.
 To override any of these styles, place your code after the @import directive.
 For IE 6 compatibility, you must add javascript that attaches .sfhover class to mouseover.
 This will handle up to three levels of dropdowns.
 Be sure to minify before deploying to production.
*/
/* Icons */
/*	PAGE - HOME */
body.home #page_container { background: transparent url(/images/bg_mountains.jpg) 50% 6px no-repeat; overflow: hidden; *zoom: 1; }
body.home #header h1 { position: relative; }
body.home #banner { background: transparent url(/images/corkboard_papers.jpg) 0 0 no-repeat; height: 289px; position: relative; top: -20px; margin-bottom: -15px; }
body.home #banner img { float: right; margin: 9px 30px 0 0; }
body.home #banner .summary_container { position: relative; top: -5px; height: 291px; overflow: hidden; *zoom: 1; }
body.home #banner .summary_container .summary { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 540px; padding-left: 80px; margin-top: 40px; }
body.home #banner .summary_container .summary h2 { color: #881013; font-weight: normal; background: none; margin: 0; padding: 0; border: 0; height: auto; width: 540px; height: 90px; text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('/images/home_headline.gif?1328725233'); background-repeat: no-repeat; background-position: 50% 50%; }
body.home #banner .summary_container .summary p { font-size: 14px; line-height: 24px; margin: 0; }
body.home #banner .summary_container .summary a.learn_more { text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('/images/learn_more_large.png?1328725233'); background-repeat: no-repeat; background-position: 50% 50%; width: 184px; height: 54px; float: right; }
body.home #nav_topics { background: #5783af url(/images/bg_page.gif) 0 -102px repeat-x; height: 64px; margin-bottom: 35px; }
body.home #nav_topics .carousel { margin-left: auto; margin-right: auto; width: 960px; }
body.home #nav_topics .carousel .scrollable { position: relative; overflow: hidden; height: 64px; width: 800px; float: left; overflow: hidden; *zoom: 1; }
body.home #nav_topics .carousel .scrollable .items { width: 20000em; position: absolute; }
body.home #nav_topics .carousel .scrollable .items div { float: left; width: 800px; }
body.home #nav_topics .carousel a.browse { background: url("/images/home_topics_arrows.png") no-repeat; display: block; width: 30px; height: 30px; float: left; margin: 17px 25px; cursor: pointer; font-size: 1px; }
body.home #nav_topics .carousel a.browse.disabled { cursor: default; }
body.home #nav_topics .carousel a.right { background-position: 0 -30px; clear: right; }
body.home #nav_topics .carousel a.right:hover { background-position: -30px -30px; }
body.home #nav_topics .carousel a.right:active { background-position: -60px -30px; }
body.home #nav_topics .carousel a.right.disabled { background-position: -90px -30px; }
body.home #nav_topics .carousel a.left:hover { background-position: -30px 0; }
body.home #nav_topics .carousel a.left:active { background-position: -60px 0; }
body.home #nav_topics .carousel a.left.disabled { background-position: -90px 0; }
body.home #nav_topics ul { margin-left: auto; margin-right: auto; width: 960px; overflow: hidden; *zoom: 1; list-style: none; }
body.home #nav_topics ul li { display: inline; float: left; width: 160px; }
body.home #nav_topics ul li a { display: block; background-image: url('/images/nav_topics.png?1328725233'); background-repeat: no-repeat; width: 160px; height: 64px; overflow: hidden; text-indent: -5000px; }
body.home #nav_topics ul li a:hover { background-position: 0px -64px; }
body.home #nav_topics ul li.topic_scrum a { background-position: 0px 0px; }
body.home #nav_topics ul li.topic_scrum a:hover { background-position: 0px -64px; }
body.home #nav_topics ul li.topic_agile a { background-position: -160px 0px; }
body.home #nav_topics ul li.topic_agile a:hover { background-position: -160px -64px; }
body.home #nav_topics ul li.topic_projectmgt a { background-position: -320px 0px; }
body.home #nav_topics ul li.topic_projectmgt a:hover { background-position: -320px -64px; }
body.home #nav_topics ul li.topic_userstories a { background-position: -480px 0px; }
body.home #nav_topics ul li.topic_userstories a:hover { background-position: -480px -64px; }
body.home #nav_topics ul li.topic_estimating a { background-position: -640px 0px; }
body.home #nav_topics ul li.topic_estimating a:hover { background-position: -640px -64px; }
body.home #nav_topics ul li.topic_poker a { background-position: -800px 0px; }
body.home #nav_topics ul li.topic_poker a:hover { background-position: -800px -64px; }
body.home #nav_topics ul li.topic_transitioning a { background-position: -960px 0px; }
body.home #nav_topics ul li.topic_transitioning a:hover { background-position: -960px -64px; }
body.home #content_container { background: transparent url(/images/bg_sidebar_short.jpg) 315px 10px no-repeat; }
body.home .how_we_can_help, body.home .classes, body.home .recent_updates { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px; margin-bottom: 20px; }
body.home .how_we_can_help h2, body.home .classes h2, body.home .recent_updates h2 { margin-top: 0; }
body.home .classes, body.home .recent_updates { font-size: 13px; }
body.home .how_we_can_help h2 { background: transparent url(/images/titlesticker_sprite.png) 100% 0 no-repeat; height: 34px; line-height: 34px; background-position: 100% -204px; color: white; text-shadow: #1b486e 0px 1px 2px; }
body.home .how_we_can_help .alert { margin-left: -10px; margin-bottom: 20px; padding: 8px 20px 0 10px; width: 280px; height: 132px; background: transparent url(/images/bg_yellowpaper_home.png) 0 0 no-repeat; font-size: 15px; line-height: 25px; position: relative; }
body.home .how_we_can_help .alert h3 { margin: 0; border: none; color: #990000; line-height: 25px !important; margin-bottom: 1px; padding-bottom: 0; }
body.home .how_we_can_help .alert a { font-weight: bold; }
body.home .recent_updates h2 { background: transparent url(/images/titlesticker_sprite.png) 100% 0 no-repeat; height: 34px; line-height: 34px; color: white; background-position: 100% -136px; text-shadow: #b46800 0px 1px 2px; }
body.home .recent_updates dt { font-style: italic; font-size: 12px; font-weight: normal; color: #666666; }
body.home .recent_updates dd { margin-bottom: 0.575em; }
body.home #well { margin-bottom: 1.5em; font-size: 13px; }
body.home #well .well_inner { background: transparent url(/images/vline.gif) 50% 0 repeat-y; margin: -10px 0; padding: 10px 0; height: 197px; }
body.home #well .books, body.home #well .presentations { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 460px; position: relative; }
body.home #well .books h2, body.home #well .presentations h2 { background: none; text-shadow: none; line-height: 2.3; height: auto; border-left: none; margin: 1.725em 0 1.15em; padding-left: 0; color: #333333; margin: 0 0 0.65em; color: #466b8c; }
body.home #well .books ul, body.home #well .presentations ul { margin: 0; list-style: none; }
body.home #well .books a, body.home #well .presentations a { color: inherit; text-decoration: inherit; cursor: inherit; }
body.home #well .books a:active, body.home #well .books a:focus, body.home #well .presentations a:active, body.home #well .presentations a:focus { outline: none; }
body.home #well .books a:hover, body.home #well .presentations a:hover { color: #006699; }
body.home #well .books a.see_more, body.home #well .presentations a.see_more { text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('/images/see_more_small.png?1328725233'); background-repeat: no-repeat; background-position: 50% 50%; width: 115px; height: 34px; position: absolute; right: 10px; top: 182px; }
body.home #well .books { margin-left: 1.042%; }
body.home #well .books li { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 140px; display: inline; float: right; margin-right: 1.042%; #margin-left: -20px; line-height: 1.4; }
body.home #well .books img { margin-bottom: 10px; }
body.home #well .books h4 { line-height: 1.5; }
body.home #well .books .large { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px; margin-left: 1.042%; }
body.home #well .presentations { display: inline; float: right; margin-right: 1.042%; #margin-left: -20px; }
body.home #well .presentations ul { overflow: hidden; *zoom: 1; }
body.home #well .presentations li { float: left; width: 140px; padding: 0 5px 15px; text-align: center; font-size: 12px; line-height: 1.5; vertical-align: bottom; }
body.home #well .presentations li a.icon { margin: 0 auto; background-position: 50% 0; }
body.home #well .presentations li a.icon img { left: 50%; margin-left: -43px; }

/* SCSS port of CSS at http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Built with compass http://www.compass-style.org */
/* Generates the styles for suckerfish dropdowns */
/*  Pass in the parameters $topLevelWidth and $lowerLevelWidth. The former controls the width of the first level, i.e. the visible level. The lower level is the width of the sub-levels, which get exposed on hover.
 Call this mixin with @import suckerfish(topLevelWidth, lowerLevelWidth), then style it as needed.
 To override any of these styles, place your code after the @import directive.
 For IE 6 compatibility, you must add javascript that attaches .sfhover class to mouseover.
 This will handle up to three levels of dropdowns.
 Be sure to minify before deploying to production.
*/
/* Icons */
/*	BLOG STYLES */
.blog { font-size: 14px; }
.blog h2 a { color: white; }
.blog h2 a:hover { color: #b7e498; }
.blog p img { max-width: 100%; }
.blog .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.blog .alignright { float: right; margin: 0 0 1.5em 1.5em; }
.blog .alignleft { float: left; margin: 0 1.5em 1.5em 0; }
.blog .post .date { margin-top: -0.5em; font-style: italic; color: #666666; margin-bottom: 0.5em; }
.blog .post .postmetadata { margin: 10px 0 30px; border-top: 1px solid #eeeeee; padding-top: 10px; color: #999999; font-style: italic; }
.blog .navigation .prev { float: left; width: 50%; }
.blog .navigation .next { float: right; width: 50%; text-align: right; }
.blog ol.commentlist { list-style: none; margin-left: 0; }
.blog ol.commentlist li { margin-left: 48px; margin-bottom: 10px; padding: 10px 10px 1px; position: relative; }
.blog ol.commentlist li ul, .blog ol.commentlist li ol { margin-bottom: 1.15em; }
.blog ol.commentlist li ul li, .blog ol.commentlist li ol li { margin: 0; padding: 0; }
.blog ol.commentlist li.bypostauthor { background: #f1f8ff; }
.blog ol.commentlist li .avatar { position: absolute; top: 10px; left: -48px; background-image: url('/images/icons_32.png?1328725233'); background-repeat: no-repeat; width: 32px; height: 32px; overflow: hidden; background-position: 0px -192px; }
.blog ol.commentlist li .fn { font-style: normal; font-size: 14px; font-weight: bold; }
.blog ol.commentlist li .says { color: #666666; }
.blog ol.commentlist li .comment-meta { color: #666666; font-style: italic; font-size: 11px; }
.blog #respond textarea { width: 100%; }
.blog .archives .pagetitle { background: none; text-shadow: none; line-height: 2.3; height: auto; border-left: none; margin: 1.725em 0 1.15em; padding-left: 0; color: #333333; color: #881013; text-transform: none; font-family: "proxima-nova-1", "proxima-nova-2", sans-serif; font-size: 24px; line-height: 1.4; margin-bottom: 1em; border-bottom: 3px double #dddddd; }
.blog #sidebar ul { list-style: none; margin-left: 0; }
.blog #sidebar ul li { margin-bottom: 20px; }
.blog #sidebar ul ul { margin-left: 6px; }
.blog #sidebar ul ul li { margin-bottom: 0; }

/* SCSS port of CSS at http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Built with compass http://www.compass-style.org */
/* Generates the styles for suckerfish dropdowns */
/*  Pass in the parameters $topLevelWidth and $lowerLevelWidth. The former controls the width of the first level, i.e. the visible level. The lower level is the width of the sub-levels, which get exposed on hover.
 Call this mixin with @import suckerfish(topLevelWidth, lowerLevelWidth), then style it as needed.
 To override any of these styles, place your code after the @import directive.
 For IE 6 compatibility, you must add javascript that attaches .sfhover class to mouseover.
 This will handle up to three levels of dropdowns.
 Be sure to minify before deploying to production.
*/
/* Icons */
/*	PAGE - LANDING 1 */
.landing_1 #banner_container { min-height: 231px; background: #6598cb url(/images/bg_header_home.png) 0 -90px repeat-x; padding-bottom: 70px; }
.landing_1 #banner_container #banner { font-size: 17px; line-height: 26px; color: white; position: relative; }
.landing_1 #banner_container #banner h1.page_title span { background: none; }
.landing_1 #banner_container #banner .summary { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 620px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
.landing_1 #banner_container #banner .next_steps { float: right; width: 310px; height: 270px; margin-top: -80px; margin-bottom: 10px; background: transparent url(/images/landingpage_menu.png) 0 0 no-repeat; }
.landing_1 #banner_container #banner .next_steps ul { margin: 44px 30px 0 25px; }
.landing_1 #banner_container #banner .next_steps ul li:hover { background: #d8e6f3; background: rgba(62, 129, 195, 0.2); }
.landing_1 #banner_container #banner .next_steps ul li:hover a { color: #111111; }
.landing_1 .classes, .landing_1 .which_class, .landing_1 .why { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px; }

/* SCSS port of CSS at http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Built with compass http://www.compass-style.org */
/* Generates the styles for suckerfish dropdowns */
/*  Pass in the parameters $topLevelWidth and $lowerLevelWidth. The former controls the width of the first level, i.e. the visible level. The lower level is the width of the sub-levels, which get exposed on hover.
 Call this mixin with @import suckerfish(topLevelWidth, lowerLevelWidth), then style it as needed.
 To override any of these styles, place your code after the @import directive.
 For IE 6 compatibility, you must add javascript that attaches .sfhover class to mouseover.
 This will handle up to three levels of dropdowns.
 Be sure to minify before deploying to production.
*/
/* Icons */
/* TOOLS */
body.tools { /* Velocity Confidence Calculator */ /* Project Success Sliders (inherits some from Velocity Conf. Calc.) */ /* Relative Weighting Worksheet */ }
body.tools .container.with_tool_nav { margin-top: -16px; }
body.tools .tool_summary { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; text-align: center; }
body.tools .tool_description { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 460px; }
body.tools #tools_list, body.tools .tools_nav ul { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
body.tools #tools_list li, body.tools .tools_nav ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
body.tools #tools_list li:first-child, body.tools #tools_list li.first, body.tools .tools_nav ul li:first-child, body.tools .tools_nav ul li.first { padding-left: 0; }
body.tools #tools_list li:last-child, body.tools .tools_nav ul li:last-child { padding-right: 0; }
body.tools #tools_list li.last, body.tools .tools_nav ul li.last { padding-right: 0; }
body.tools #tools_list li, body.tools .tools_nav ul li { padding: 2px 10px 2px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; margin-right: 10px; }
body.tools #tools_list li a, body.tools .tools_nav ul li a { background-image: url('/images/icons_tools_32.png?1328725233'); background-repeat: no-repeat; width: 32px; height: 32px; overflow: hidden; display: block; width: auto; height: 32px; line-height: 32px; padding-left: 42px; }
body.tools #tools_list li a.velocity, body.tools .tools_nav ul li a.velocity { background-position: 0px 0px; }
body.tools #tools_list li a.relativewgt, body.tools .tools_nav ul li a.relativewgt { background-position: 0px -32px; }
body.tools #tools_list li a.themescreening, body.tools .tools_nav ul li a.themescreening { background-position: 0px -64px; }
body.tools #tools_list li a.themescoring, body.tools .tools_nav ul li a.themescoring { background-position: 0px -96px; }
body.tools #tools_list li a.planningpoker, body.tools .tools_nav ul li a.planningpoker { background-position: 0px -128px; }
body.tools #tools_list li a.projectsuccess, body.tools .tools_nav ul li a.projectsuccess { background-position: 0px -160px; }
body.tools #tools_list li.current, body.tools .tools_nav ul li.current { background: #dceaf7; }
body.tools .tools_nav { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 940px; border-bottom: 1px solid #dddddd; margin-bottom: 16px; position: relative; }
body.tools .tools_nav img { position: absolute; top: -40px; left: 0; }
body.tools .tools_nav h3 { float: left; border-bottom: none; margin: 0; line-height: 38px; font-size: 16px; }
body.tools .tools_nav #tools_nav_link { float: right; margin-right: 1em; line-height: 38px; color: #666666; font-size: 14px; font-style: italic; }
body.tools .tools_nav > ul { float: right; }
body.tools .tools_nav > ul li { margin: 0; padding: 0; }
body.tools .tools_nav > ul li a { background-color: white; text-indent: -5000px; width: 50px; padding: 0; }
body.tools #velocity_confidence_form, body.tools #project_success_form { width: 410px; float: right; padding: 10px 20px 0; border: 1px solid #dddddd; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -o-border-bottom-left-radius: 8px; -ms-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -o-border-bottom-right-radius: 8px; -ms-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; background: #f5f8fb; position: relative; margin-top: 10px; margin-right: 15px; }
body.tools #velocity_confidence_form input[type=text], body.tools #project_success_form input[type=text] { width: 96%; }
body.tools #velocity_confidence_form fieldset, body.tools #project_success_form fieldset { margin-right: 64px; }
body.tools #velocity_confidence_form h2, body.tools #project_success_form h2 { background-image: none; background-color: #669bbd; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -o-border-top-left-radius: 8px; -ms-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -o-border-top-right-radius: 8px; -ms-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; width: 402px; margin-top: -20px; margin-left: -21px; margin-right: -21px; padding-left: 20px; border-bottom: 1px solid #396682; }
body.tools #velocity_confidence_form img, body.tools #project_success_form img { position: absolute; right: -15px; top: -20px; width: 96px; height: 96px; }
body.tools #velocity_confidence_form #output, body.tools #velocity_confidence_form #planned-output, body.tools #project_success_form #output, body.tools #project_success_form #planned-output { background-color: #ffffdd; padding: 10px 10px 1px; margin: -10px -10px 10px; }
body.tools #velocity_confidence_form .result, body.tools #project_success_form .result { font-size: 16px; font-weight: bold; color: #990000; }
body.tools #project_success_form fieldset { padding-left: 10px; padding-right: 10px; margin-left: -10px; }
body.tools #project_success_form fieldset ol { margin-bottom: 1em; }
body.tools #project_success_form fieldset li.ps_slider { padding-left: 10px; padding-right: 10px; margin-left: -10px; margin-bottom: 0.5em; padding-bottom: 20px; background: transparent url(/images/slider_bg_scale_5.png) 10px 100% no-repeat; }
body.tools #project_success_form .ui-slider-handle { background: url(/images/slider_handle.png); border: none; width: 16px; height: 16px; top: -5px; }
body.tools #project_success_form .ui-slider-handle.ui-state-hover, body.tools #project_success_form .ui-slider-handle.ui-state-active { background-position: -16px 0; cursor: pointer; }
body.tools #project_success_form .ui-slider { height: 5px; background: url(/images/slider_bg.png); border: none; }
body.tools #project_success_form .ui-slider-range { background-image: url(/images/slider_bg_range.png); background-position: 0 0; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -o-border-top-left-radius: 3px; -ms-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -o-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
body.tools #project_success_form #ps_labels { display: none; }
body.tools #project_success_form #balance { position: absolute; right: -15px; top: -20px; width: 96px; height: 96px; line-height: 96px; background: transparent url(/images/bg_balance.png) 0 0 no-repeat; font-size: 48px; font-family: Helvetica, Arial, sans-serif; overflow: visible; font-weight: bold; color: white; text-align: center; text-shadow: rgba(0, 0, 0, 0.5) 0 4px 5px; cursor: default; }
body.tools #project_success_form #balance.off { background-position: -96px 0; }
body.tools #project_success_form #tooltip { display: none; background: black; color: white; border: 2px solid white; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 4px 5px 0 #666666; -webkit-box-shadow: 0 4px 5px 0 #666666; -o-box-shadow: 0 4px 5px 0 #666666; box-shadow: 0 4px 5px 0 #666666; padding: 7px 12px 9px; width: 286px; }
body.tools table input { width: auto; }
body.tools table .button_white { font-size: 11px; }
body.tools table td.del { width: 60px; }

/* SCSS port of CSS at http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Built with compass http://www.compass-style.org */
/* Generates the styles for suckerfish dropdowns */
/*  Pass in the parameters $topLevelWidth and $lowerLevelWidth. The former controls the width of the first level, i.e. the visible level. The lower level is the width of the sub-levels, which get exposed on hover.
 Call this mixin with @import suckerfish(topLevelWidth, lowerLevelWidth), then style it as needed.
 To override any of these styles, place your code after the @import directive.
 For IE 6 compatibility, you must add javascript that attaches .sfhover class to mouseover.
 This will handle up to three levels of dropdowns.
 Be sure to minify before deploying to production.
*/
/* Icons */
/*	ADMIN */
body.admin #nav_admin { position: fixed; top: 100%; left: 50%; z-index: 9999; width: 100%; height: 30px; margin-top: -30px; margin-left: -50%; line-height: 30px; color: #bbbbbb; text-align: center; background: rgba(0, 0, 0, 0.75); }
body.admin #nav_admin a { color: white; }

.no-rgba #nav_admin { background: #111111 !important; }

/* Events */
.event_full .event_image { float: left; width: 120px; }
.event_full .event_image img { max-width: 100px; }
.event_full .event_info { float: right; width: 500px; }

/* Site Maps */
ul.sitemap { list-style: none; margin-left: 0; }
ul.sitemap li { width: 30%; float: left; margin-right: 2%; margin-bottom: 1.5em; }
ul.sitemap li a { color: #333333; font-weight: bold; }
ul.sitemap li a:hover, ul.sitemap li a:focus { color: #006699; }
ul.sitemap li ul { list-style: none; margin-left: 0; margin-top: 0.25em; }
ul.sitemap li ul li { float: none; width: auto; margin-bottom: 0.5em; line-height: 1.2; }
ul.sitemap li ul li a { color: #777777; font-weight: normal; }

/* Admin Messages */
#messages #notice, #messages #warning, #messages #error { border: 1px solid; padding: 10px 20px; color: #111111; margin-bottom: 1.5em; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#messages #notice, #messages #warning { background: #fff4cd; border-color: #eee3bc; }
#messages #error { background: #ffe4ed; border-color: #eed3dc; }

/* Modal Windows
---------------------------------------------------------------- */
#fancybox-outer { padding: 10px; }

#fancybox-close { left: -15px; }