/* 

Rally Software CSS by Scott Rodgers, Rally Software, and Slice of Lime 
(adapted from Slice of Lime and Ed Sauer)
v3.0 - 12/10/2009 - 

Rally Software CSS by Ed Sauer, Rally Software 
(adapted from Slice of Lime)
v2.0 - 12/09/2008 - 

Rally Software CSS by Slice of Lime [www.sliceoflime.com]
v1.0 - 06/06/2008 - 12/04/2008


*/
/* !Browser Reset - resets default browser CSS. */
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
caption, th, td {
    text-align: left;
    font-weight: normal
    }
table, td, th {
    vertical-align: top
    }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {
    content: ""
    }
blockquote, q {
    quotes: "" ""
    }
/* Remove annoying border on linked images. */
a img {
    border: none;
    text-decoration: none
    }
a, a:focus, #persona_welcome, #homeVideo {
    outline: none
    }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 Basic Typography
////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
    font-size: 88%;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.5;
    background: #f4f3f2;
    color: #414141
    }
/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    color: #414141
    }
h1 {
    font-size: 1.8em;
    line-height: 1.2;
    margin-bottom: 0.5em;
    font-weight: bold
    }
h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 2em 0 0.5em 0
    }
h3 {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1
    }
h4 {
    font-size: 1em;
    line-height: 1.25;
    margin-bottom: 1.25em;
    height: 1.25em
    }
h5 {
    font-size: 1em;
    margin-bottom: 1.5em
    }
h6 {
    font-size: 1em
    }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0
    }
/* Text elements
-------------------------------------------------------------- */
p {
    margin: 0 0 1.5em;
    font-size: 0.9em
    }
p img {
    float: right;
    margin: 0 1em 1.2em 1.5em;
    padding: 0
    }
p img.right {
    float: right;
    margin: 1.5em 0 1.5em 1.5em
    }
p img.reset {
    float: none;
    margin: 0;
    padding: 0
    }
a:focus, a:hover {
    color: #0d5284;
    text-decoration: underline
    }
a {
    color: #243745
    }
blockquote {
    color: #666;
    padding: 0 0 0 1.5em;
    margin-top: 1em;
    background: url(/images/global/quote.gif) left top no-repeat
    }
em, dfn {
    font-style: italic
    }
dfn {
    font-weight: bold
    }
sup, sub {
    line-height: 0;
    font-size: 0.8em
    }
abbr, acronym {
    border-bottom: 1px dotted #666
    }
address {
    margin: 0 0 1.5em;
    font-style: italic
    }
del {
    color: #666
    }
strong {
    font-weight: bold
    }
pre, code {
    margin: 1.5em 0;
    white-space: pre
    }
pre, code, tt {
    font: 1em "Andale Mono", "Lucida Console", monospace;
    line-height: 1.5
    }
small {
    font-size: 0.8em;
    padding-top: 1em
    }
address {
    font-size: 0.9em;
    font-style: normal
    }
/* Lists
-------------------------------------------------------------- */
li ul, li ol {
    margin: 0 1.5em
    }
ul, ol {
    margin: 0 1.5em 1.5em 0.5em
    }
ul.indent li {
    margin: 0 0 0 1.5em
    }
ol.indent li {
    margin-left: 1.5em
    }
ul {
    list-style-type: disc;
    font-size: 0.9em
    }
ol {
    list-style-type: decimal;
    font-size: 0.9em;
    margin-left: 1.5em
    }
ol li {
    line-height: 1.1;
    margin: 0 0 1.2em 0
    }
ul#sub_nav li ul#subnav-integrations li {
    line-height: 1.4
    }
ol li ol {
    font-size: 1em
    }
dl {
    margin: 0 0 1.5em 0
    }
dl dt {
    font-weight: bold
    }
dd {
    margin-left: 1.5em
    }
/* Tables
-------------------------------------------------------------- */
table {
    margin-bottom: 1.4em;
    width: 100%
    }
th {
    font-weight: bold
    }
th, td {
    padding: 2px 2px 2px 0;
    vertical-align: top
    }
tr.even td {
    background: #E5ECF9
    }
tfoot {
    font-style: italic
    }
caption {
    background: #eee
    }
/* Forms
-------------------------------------------------------------- */
input, textarea {
    font-size: 1em;
    padding: 0.3em 0.4em;
    color: #575757;
    border: 1px solid #bbbfb8
    }
select {
    font-size: 0.9em;
    padding: 0.3em 0.1em 0.2em 0.4em;
    color: #575757;
    border: 1px solid #bbbfb8
    }
hr {
    clear: both;
    border-bottom: 1px dotted #bbbfb8;
    border-top: none;
    border-right: none;
    border-left: none;
    background: transparent;
    height: 1px
    }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 Core Layout																									
////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#skip {
    display: none
    }
#header, #super_nav, #content, #leads, #by_the_numbers, #footer {
    width: 100%;
    min-width: 68em;
    position: relative
    }
.wrapper {
    width: 68em;
    margin: 0 auto;
    position: relative
    }
/* Super nav
-------------------------------------------------------------- */
#super_nav {
    background: #414141;
    border-top: 2px solid #000;
    text-align: right;
    padding: 0.3em 0
    }
#super_nav ul, #super_nav form, #super_nav #customer_login {
    display: inline;
    float: right;
    line-height: 1;
    margin: 0 0.5em 0 0;
    font-size: 0.8em
    }
#super_nav ul {
    margin: 3px 1em 0 0
    }
#super_nav ul li {
    display: inline;
    border-right: 1px solid #c6c6c6
    }
#super_nav ul .last {
    border-right: none
    }
#super_nav ul li a {
    padding: 0 8px;
    color: #c6c6c6;
    font-weight: bold;
    text-decoration: none
    }
#super_nav ul li a:hover {
    text-decoration: underline;
    color: #fff
    }
#super_nav form #searchterm {
    padding: 0.2em;
    color: #666;
    height: 1.2em;
    width: 13em;
    border: 0 none;
    font-size: 1em
    }
#super_nav form #searchsubmit {
    width: 1.8em;
    height: 1.55em;
    border: 0 none;
    padding: 0;
    font-size: 1em
    }
/*
#searchsubmit		{ width:1.8em; height: 1.55em; border: 0 none; padding: 0; font-size: 1em; vertical-align: middle; }
*/
#super_nav #customer_login {
    padding: 0.3em 0.8em;
    background: #ef3f35;
    margin-right: 0;
    color: #fff;
    text-decoration: none
    }
#super_nav #customer_login:hover {
    background: #bc161b
    }
#super_nav #toll_free {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    border: 0
    }
#super_nav ul#toll_free {
    margin: 3px 0 0 0
    }
#super_nav ul#toll_free li {
    display: inline;
    border-right: 0 none
    }
/* Header
-------------------------------------------------------------- */
#header {
    background: #fff;
    padding: 1em 0 0 0
    }
#header #logo, #header #nav, #header #nav li {
    display: inline;
    line-height: 1
    }
#header #logo {
    float: left
    }
#header #nav {
    font-size: 1.2em;
    float: right;
    margin: 1em 0 0 0;
    padding-bottom: 0.6em
    }
#header #nav li {
    margin: 0 1em
    }
#header #nav .last {
    margin-right: 0
    }
#header #nav li a {
    text-decoration: none
    }
#header #nav li a:hover {
    text-decoration: underline
    }
#header #nav li a.current, #header #nav li a.current:visited, #header #nav li a.current:hover {
    font-size: 1.4em;
    color: #000;
    border-bottom: 0.25em solid #ef3f35;
    font-weight: bold
    }
#header #nav li a.current:hover {
    text-decoration: none
    }
/* Content
-------------------------------------------------------------- */
#content {
    background: url(/images/global/content_bck.gif) left top repeat-x;
    padding-top: 3em
    }
#content .intro_text {
    font-size: 1.2em;
    line-height: 1.2
    }
#content .col_2 a, #content .col_1 a {
    color: #0d5284
    }
/*
#content .col_2 a img,
#content .col_2 img					{ display: block; }

#content .col_2 p img,
#content .col_6 a img				{ display: inline; } */
#content .col_2 .caption {
    color: #7b7b7b;
    line-height: 1.3;
    margin-top: 1em
    }
#content .col_2 ul li, #content .col_33 ul li, .col_34 ul li, #content .col_36 ul li {
    list-style-type: none;
    padding-left: 1.3em;
    background: url(/images/global/sub_nav/arrow.gif) left 0.4em no-repeat;
    margin-bottom: 0.5em
    }
#content .col_2 ul li ul {
    font-size: 1em;
    margin: 1em 0
    }
#content .col_2 ul li p {
    font-size: 1em
    }
#resources_agile_u, #resources_services, #resources_commons, #resources_downloads {
    padding-left: 30px;
    padding-top: 0.3em
    }
#resources_agile_u {
    background: url(/images/global/agile_u_grey.gif) left top no-repeat
    }
#resources_services {
    background: url(/images/global/services_grey.gif) left top no-repeat
    }
#resources_commons {
    background: url(/images/global/agile_commons_grey.gif) left top no-repeat
    }
#resources_downloads {
    background: url(/images/global/downloads_grey.gif) left top no-repeat
    }
.expert_advice ul {
    font-size: 0.8em;
    margin: 1em 0 0 1em
    }
.expert_advice ul li {
    margin-bottom: 0.5em
    }
.expert_advice, .screens {
    /*margin-top:2em; this is causing a bad top margin on the content of the pages*/
    padding: 1em
    }
.expert_advice {
    margin-top: 2em
    }
.expert_advice blockquote {
    background: url(/images/global/quote.gif) left top no-repeat
    }
.expert_advice a, .screens a {
    font-size: 0.9em;
    line-height: 1.4em
    }
.expert_advice blockquote a {
    font-size: 0.8em;
    font-weight: bold
    }
.screens a img {
    margin-top: 1em;
    display: block
    }
a.enlarge {
    text-align: center;
    display: block
    }
.guarantee_banner {
    margin-top: 2em;
    display: block
    }
#content .col_2 .resources {
    float: left;
    width: 13.6em
    }
#content .col_2 .resources h3 {
    font-weight: normal;
    border-bottom: none;
    margin: 0.2em 0
    }
#content .col_2 .resources ul {
    margin: 1em 0 0 0
    }
#content .col_2 .resources ul li {
    padding-left: 0;
    background: transparent;
    line-height: 1.2;
    margin-bottom: 1em;
    font-size: 0.98em
    }
#content .col_33 .resources {
    float: left;
    width: 22em
    }
#content .col_33 .resources h3 {
    font-weight: normal;
    border-bottom: none;
    margin: 0.2em 0 0.2em 0.5em
    }
#content .col_5 h3 {
    font-size: 1em;
    line-height: 1.1;
    margin-bottom: 0.5em
    }
#content .col_33 .col_2 h2 {
    margin-top: 0
    }
/* Sub Nav
-------------------------------------------------------------- */
#sub_nav, #sub_nav li ul {
    list-style: none;
    margin: 0
    }
#sub_nav {
    font-size: 0.8em;
    line-height: 1
    }
#sub_nav li a.top_level {
    text-transform: uppercase;
    padding: 1em 0;
    display: block;
    text-decoration: none;
    font-weight: bold
    }
#sub_nav li a.top_level img {
    padding: 0 0.4em 0 0.5em
    }
#sub_nav li a.top_level span strong em {
    font-style: normal
    }
/* top level link and current top level section */
#sub_nav li a.current {
    background: #243745 url(/images/global/sub_nav/top_level_tl.gif) left top no-repeat;
    color: #fff;
    margin: 0 0 0.6em 0;
    padding: 0;
    font-weight: normal
    }
#sub_nav li a.current span {
    background: url(/images/global/sub_nav/top_level_bl.gif) left bottom no-repeat;
    display: block
    }
#sub_nav li a.current span strong {
    background: url(/images/global/sub_nav/top_level_tr.gif) right top no-repeat;
    display: block
    }
#sub_nav li a.current span strong em {
    background: url(/images/global/sub_nav/top_level_br.gif) right bottom no-repeat;
    padding: 0.8em 0.6em 0.7em 0;
    display: block
    }
#sub_nav li a .first {
    margin-top: 0
    }
#sub_nav li ul {
    font-size: 1.1em;
    padding-bottom: 0.1em;
    padding-top: 0.3em;
    line-height: 1.1
    }
#sub_nav li ul li {
    margin: 0 0 1.2em 0
    }
#sub_nav li ul li a {
    padding-left: 1.3em;
    text-decoration: underline;
    display: block
    }
#sub_nav li ul li .current {
    background: transparent /* url(/images/global/sub_nav/sub_level_current.gif) .8em center no-repeat */;
    color: #ef3f35;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 0 0 0 1.3em
    }
/* Leads
-------------------------------------------------------------- */
#leads {
    background: #fff url(/images/global/leads_bck.gif) left bottom repeat-x;
    /* border-top: 2px solid #899292; */
    padding: 2em 0
    }
#leads h3 a {
    font-size: 1.1em;
    text-decoration: none
    }
#leads ul {
    margin: 0.5em 0 0 0;
    list-style: none
    }
#leads ul li {
    margin: 1.5em 0;
    line-height: 1.1
    }
#leads ul li a {
    text-decoration: none
    }
#leads ul li a:hover {
    text-decoration: underline
    }
#leads_agile_blog {
    padding-left: 2.8em;
    padding-top: 0.5em;
    background: url(/images/global/agile_commons.gif) left top no-repeat
    }
#leads_agile_u {
    padding-left: 2.8em;
    padding-top: 0.5em;
    background: url(/images/global/agile_commons.gif) left top no-repeat
    }
#leads_news {
    padding-left: 3.3em;
    padding-top: 0.5em;
    background: url(/images/global/news.gif) left top no-repeat
    }
#leads_events {
    padding-left: 2.8em;
    padding-top: 0.5em;
    background: url(/images/global/events.gif) left top no-repeat
    }
.view_all {
    margin-top: 1em;
    display: block
    }
#numbers {
    background: #4a5454;
    border-top: 1px solid #414141;
    padding: 0.3em 0;
    text-align: center
    }
#numbers .wrapper {
    text-align: center
    }
#by_the_numbers sup {
    font-size: 0.8em
    }
/* Footer
-------------------------------------------------------------- */
#footer {
    background: #243745;
    border-top: 1px solid #000;
    padding: 4em 0;
    color: #fff;
    text-align: center
    }
#footer ul {
    list-style: none;
    line-height: 1;
    font-size: 0.8em
    }
#footer ul li {
    display: inline;
    border-right: 1px solid #fff
    }
#footer ul .last {
    border-right: none
    }
#footer ul li a {
    color: #fff;
    padding: 0 5px
    }
#footer p {
    font-size: 0.8em
    }
/* Columns & spacing
-------------------------------------------------------------- */
.col_1, .col_2, .col_11, .col_3, .col_4, .col_5, .col_33, .col_36, .col_6, .col_7, .col_9, .col_25, .col_35, .col_34, .col_37, .col_38, .col_44, .col_45, .col_26, .col_24, .col_27 {
    float: left
    }
.col_1 {
    width: 60em
    }
.col_2 {
    width: 34em
    }
.col_3 {
    width: 18.3em
    }
.col_4 {
    width: 15.4em
    }
.col_5 {
    width: 12em
    }
.col_6 {
    width: 10em
    }
.col_7 {
    width: 8.5em
    }
.col_9 {
    width: 28em
    }
.col_11 {
    width: 68em
    }
.col_33 {
    width: 51em
    }
.col_34 {
    width: 48em
    }
.col_36 {
    width: 42em
    }
.col_25 {
    width: 24em
    }
.col_26 {
    width: 21em
    }
.col_27 {
    width: 20em
    }
.col_35 {
    width: 17em
    }
.col_37 {
    width: 17em
    }
.col_38 {
    width: 16em
    }
.col_44 {
    width: 15em
    }
.col_45 {
    width: 13em
    }
.append {
    margin-right: 1.5em
    }
.prepend {
    margin-left: 1.6em
    }
.top {
    margin-top: 2em
    }
.top_2 {
    margin-top: 0.5em
    }
.top_3 {
    padding-top: 2em
    }
.bottom {
    margin-bottom: 2em
    }
.bottom_2 {
    margin-bottom: 3em
    }
.bottom_3 {
    padding-bottom: 2em
    }
.border_left {
    border-left: 1px dotted #bbbfb8;
    padding-left: 1em
    }
.border_right {
    border-right: 1px dotted #bbbfb8;
    padding-right: 1em
    }
.left {
    float: left
    }
.right {
    float: right
    }
ul.col_37 {
    margin-right: 1em
    }
.fixcol_25 {
    width: 22em;
    float: left
    }
.column-left {
    float: left;
    margin: 0;
    padding: 0;
    border: 0 none;
    width: 180px
    }
.column-right {
    width: 490px;
    margin: 0;
    padding: 0;
    border: 0 none;
    float: left
    }
/* Buttons
-------------------------------------------------------------- */
.large_button {
    margin-bottom: 0.4em;
    border: none
    }
.large_button a, .large_button a:visited {
    background: #d41e23 url(/images/global/red_btn/tl.gif) left top no-repeat;
    text-transform: uppercase;
    text-decoration: none;
    display: block
    }
.large_button a span, .large_button a:visited span {
    background: url(/images/global/red_btn/bl.gif) left bottom no-repeat;
    display: block;
    color: #fff;
    text-decoration: none;
    border: none
    }
.large_button a span strong {
    background: url(/images/global/red_btn/tr.gif) right top no-repeat;
    display: block
    }
.large_button a span strong em {
    background: url(/images/global/red_btn/br.gif) right bottom no-repeat;
    display: block;
    font-style: normal;
    padding: 1em 1em 0.8em 1em
    }
.large_button a:hover {
    background: #bc161b url(/images/global/red_btn/h_tl.gif) left top no-repeat
    }
.large_button a:hover span {
    background: url(/images/global/red_btn/bl.gif) left 2.85em no-repeat
    }
.large_button a:hover span strong {
    background: url(/images/global/red_btn/h_tr.gif) right top no-repeat
    }
.large_button a:hover span strong em {
    background: url(/images/global/red_btn/h_br.gif) right bottom no-repeat
    }
.red_button {
    width: 216px;
    margin-bottom: 0.4em;
    line-height: 1.1
    }
.red_button a, .red_button a:visited {
    background: #d41e23 url(/images/global/red_btn/r_bottom.gif) left bottom no-repeat;
    text-transform: uppercase;
    text-decoration: none;
    padding-bottom: 8px;
    width: 100%;
    display: block;
    color: #fff
    }
.red_button a:hover {
    background-position: right bottom;
    background-color: #bc161b;
    color: #fff
    }
.red_button a strong, .red_button a:visited strong {
    padding: 1.2em 1em 0.4em 1em;
    display: block;
    background: #d41e23 url(/images/global/red_btn/r_top.gif) left top no-repeat
    }
.red_button a:hover strong {
    background-position: right top;
    background-color: #bc161b
    }
.case_study {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.4em 0 0.4em 2.8em;
    background: url(/images/global/sticky_book_icon.gif) left top no-repeat
    }
.case_study_video {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.4em 0 0.4em 2.8em;
    background: url(/images/global/sticky_video_icon.gif) left top no-repeat
    }
#content .col_2 .info_links, #content .col_33 .info_links {
    display: block
    }
#content .col_2 .info_links li, #content .col_33 .info_links li, #content .col_4 .info_links li {
    list-style: none;
    display: inline-block
    }
#content .col_2 .info_links li.view_demo {
    padding: 0.5em 0 0.5em 2.3em;
    background: url(/images/global/demo_icon.gif) left top no-repeat
    }
#content .col_2 .info_links li.request_info, #content .col_4 .contact {
    padding: 0.1em 0 0.5em 2.3em;
    background: url(/images/global/email_icon.gif) left top no-repeat
    }
#content .col_2 .info_links li.download, #content .col_33 .info_links li.download, #content .col_4 .info_links li.download {
    padding: 0.5em 0 0.5em 2.3em;
    background: url(/images/global/downloads_grey.gif) left top no-repeat
    }
#content .col_2 .info_links li.file {
    padding: 0.5em 0 0.5em 2.3em;
    background: url(/images/global/case_study_file.gif) left top no-repeat
    }
#content .col_2 .info_links li.website {
    padding: 0.5em 0 0.5em 2.3em;
    background: url(/images/global/link_icon.gif) left top no-repeat
    }
/* Free Trial Form, invitation, sign up, form_container
-------------------------------------------------------------- */
#free_trial h2 {
    margin: 1em 0 0.3em 0
    }
#free_trial h3 {
    margin: 2.5em 0 1em 0
    }
#form_container table, #free_trial table, #invitation table .events_table {
    width: 100%
    }
#free_trial table h2, #form_container table h2 {
    margin: 1em 0 0.3em 0
    }
#form_container table tr td, #form_container table tr th, #free_trial table tr td, #free_trial table tr th, #invitation table tr th, #invitation table tr td, .events_table tr th, .events_table tr td {
    padding: 1em 0.5em 0.5em 0.5em;
    border-bottom: 1px dotted #bbbfb8;
    vertical-align: top
    }
.events_table tr td {
    border-left: 1px dotted #bbbfb8
    }
.events_table tr th, .events_table tr td {
    line-height: 1.1
    }
.events_table tr td {
    font-size: 0.9em
    }
#invitation table tr td label {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.1
    }
#form_container table tr td label {
    /*  font-weight: bold; */
    }
#free_trial table tr td.form-label/*,
#form_container table tr td.form-label */ {
    text-align: left;
    font-size: 0.9em;
    width: 11em
    }
#invitation table tr td.form-label {
    width: 9em
    }
#free_trial table tr td p, #form_container table tr td p {
    margin-bottom: 0
    }
#free_trial table input, #form_container table input {
    width: 64%
    }
#free_trial table p input, #form_container table p input, #invitation table p input {
    width: auto
    }
#invitation table input {
    width: 95%
    }
#free_trial table textarea, #form_container table textarea, #invitation table textarea {
    width: 95%;
    font-size: 0.9em;
    line-height: 1.3
    }
#free_trial table tr td small.more_info, #form_container table tr td small.more_info {
    line-height: 1.2;
    padding-top: 0.3em;
    font-style: italic;
    display: block
    }
#free_trial table #agreed_to_terms, #form_container table #agreed_to_terms {
    display: inline;
    width: auto;
    border: none
    }
#invitation #trial_submit, #free_trial #trial_submit, #form_container #trial_submit {
    border: none;
    padding: 0;
    width: auto;
    height: auto
    }
#free_trial .last td, #learn_agile #invitation .last td {
    border-bottom: none
    }
.events_table .last td, .events_table .last th {
    background: #e0e0e0;
    font-size: 0.9em;
    width: 25%
    }
.events_table tr .title {
    background: #899292;
    color: #fff;
    text-align: center
    }
.events_table tr th small {
    display: block;
    font-weight: normal;
    padding-top: 0
    }
.events_table tr td.starter {
    border-left: none
    }
.events_table tr td ul {
    font-size: 1em;
    margin-top: 0.5em
    }
/* Eloqua & forms
-------------------------------------------------------------- */
.elqFormFieldLabel {
    font-weight: bold
    }
input.elqFormField {
    width: auto
    }
input.elqFormField, select.elqFormSubmit, .elqFormField {
    /*
    border: 0 none;
    */
    }
input.elqFormSubmit, .elqFormSubmit {
    border: 0 none;
    text-decoration: none
    }
.required-star {
    color: #EF3F35
    }
input.disabled {
    border: 1px solid #F2F2F2;
    background-color: #F2F2F2
    }
input[type=text], select {
    /*
    width: 200px; 
    */
    }
input.required, textarea.required {
    /*	border: 1px solid #DDD;*/
    border: 1px solid #bbbfb8
    }
input.validation-failed, textarea.validation-failed {
    border: 1px solid #4A5454;
    color: red
    }
input.validation-passed, textarea.validation-passed {
    border: 1px solid #0C0;
    color: #000
    }
.validation-advice {
    margin: 5px 0;
    padding: 5px;
    background-color: #C8AA00;
    /*#4A5454;*/
    color: #FFF;
    font-weight: bold;
    font-style: italic
    }
.custom-advice {
    margin: 5px 0;
    padding: 5px;
    background-color: #C8AA00;
    color: #FFF;
    font-weight: bold;
    font-style: italic
    }
/* Masthead on front page
-------------------------------------------------------------- */
#home #content {
    padding-top: 0
    }
#masthead {
    height: 25em;
    overflow: hidden;
    position: relative
    }
/* Personas 
-------------------------------------------------------------- */
.welcome_message, .product_mgr, .dev_mgr, .developer, .qa_mgr, .project_mgr {
    margin-top: 1.2em
    }
.persona_block {
    float: left;
    width: 44em;
    position: relative
    }
.welcome_message h1.main_header {
    text-indent: -99999em;
    overflow: hidden;
    width: 1px;
    height: 1px
    }
.persona_bck {
    width: 100%;
    height: auto;
    float: left
    }
.persona_details {
    position: absolute;
    right: 0;
    top: 5.5em;
    width: 24em;
    font-size: 1.2em;
    line-height: 1.2
    }
.main_btn {
    float: right;
    margin-right: 0.3em
    }
.main_btn img {
    width: 8.33em;
    height: auto
    }
.persona_details form {
    clear: both;
    padding-top: 1em;
    font-size: 0.9em;
    margin-left: 2em
    }
.welcome_message .persona_details {
    top: 7.5em;
    right: 2.5em
    }
.product_mgr .persona_details, .dev_mgr .persona_details, .developer .persona_details, .qa_mgr .persona_details, .project_mgr .persona_details {
    width: 26em
    }
.product_mgr .overview_text, .dev_mgr .overview_text, .developer .overview_text, .qa_mgr .overview_text, .project_mgr .overview_text {
    font-size: 0.8em;
    margin-left: 2em
    }
.persona_details blockquote {
    background: url(/images/global/quote.gif) left top no-repeat;
    font-size: 1em;
    margin-bottom: 1.5em;
    margin-top: 0
    }
.persona_details blockquote p {
    margin-bottom: 0.5em
    }
.persona_details .quotee {
    font-size: 0.8em;
    font-style: italic
    }
.product_mgr .main_btn, .dev_mgr .main_btn, .developer .main_btn, .qa_mgr .main_btn, .project_mgr .main_btn {
    float: left;
    display: inline
    }
.persona_block .buttons {
    margin-left: 1.5em
    }
.quotee {
    font-size: 0.9em;
    line-height: 1.3em;
    font-weight: bold
    }
blockquote p {
    margin-bottom: 0.5em
    }
blockquote p.quotee {
    margin-bottom: 1.5em;
    font-size: 0.8em
    }
.expert_advice p.quotee a {
    font-size: 0.9em
    }
/* front form
-------------------------------------------------------------- */
#choose_persona {
    width: 510px;
    color: #fff;
    position: absolute;
    bottom: 2em;
    left: 2em
    }
#choose_persona h2 {
    margin: 0;
    color: #fff;
    font-size: 1.2em;
    background: url(/images/home/masthead/form_bck.png) left top no-repeat;
    padding: 10px 10px 0 10px
    }
#choose_persona form {
    display: block;
    padding: 0 10px 10px 10px;
    background: url(/images/home/masthead/form_bck.png) left bottom no-repeat
    }
#choose_persona form label {
    margin-right: 0.5em;
    font-size: 0.9em
    }
/* whiteboard sidebar
-------------------------------------------------------------- */
#spotlight {
    float: right;
    width: 23em;
    position: relative
    }
.whiteboard {
    float: left;
    width: 100%
    }
#spotlight h2 {
    margin: 0
    }
#spotlight ul {
    list-style: none;
    position: absolute;
    top: 7em;
    left: 2em;
    width: 20em
    }
#spotlight ul li a {
    font-size: 1em;
    margin: 0;
    line-height: 1.2;
    min-height: 4em;
    padding: 0 0 5px 65px;
    display: block;
    color: #e2282d;
    text-decoration: none
    }
#spotlight ul li a span {
    color: #000
    }
#spotlight ul li a .emphasis {
    border-bottom: 1px solid #e2282d;
    color: #e2282d;
    line-height: 1.5em
    }
#spotlight ul li {
    padding-bottom: 1.5em;
    font-size: 1em
    }
.event, .course, .thumbs_up, .guide, .doc_sticky {
    padding: 0.3em 0 0 0
    }
.event a {
    background: url(/images/home/stickies/event.gif) left top no-repeat
    }
.course a {
    background: url(/images/home/stickies/course.gif) left top no-repeat
    }
.thumbs_up a {
    background: url(/images/home/stickies/pencil.gif) left top no-repeat
    }
.guide a {
    background: url(/images/home/stickies/check.gif) left top no-repeat
    }
.doc_sticky a {
    background: url(/images/home/stickies/document.gif) left top no-repeat
    }
/* Product Matrix
-------------------------------------------------------------- */
#matrix {
    width: 100%;
    display: table;
    clear: both
    }
#matrix tr td, #matrix tr th {
    padding: 1em 0.5em 1em 1.5em;
    border-bottom: 1px dotted #bbbfb8;
    font-size: 0.9em;
    line-height: 1.1
    }
#matrix tr th.community {
    background: #899292 url(/images/products/matrix/tl.gif) left top no-repeat;
    color: #fff;
    width: 35%;
    padding: 0 0 0.5em 1.2em;
    border-left: none;
    border-right: 1px solid #f4f3f2
    }
#matrix tr th.enterprise {
    background: #899292 url(/images/products/matrix/tl.gif) left top no-repeat;
    color: #fff;
    width: 35%;
    padding: 0 0 0.5em 1.2em;
    border-left: none
    }
#matrix tr th.enterprise h2 {
    background: url(/images/products/matrix/tr.gif) right top no-repeat;
    padding-top: 1em
    }
#matrix tr th.community h2 {
    background: url(/images/products/matrix/tr.gif) right top no-repeat;
    padding-top: 1em
    }
#matrix tr th h2 {
    margin: 0 0 0.5em 0;
    color: #fff
    }
#matrix tr .community, #matrix tr .enterprise {
    border-left: 1px dotted #bbbfb8;
    width: 35%
    }
#matrix thead tr th a, #matrix tfoot tr td a {
    font-size: 1em;
    margin-right: 0.2em;
    font-style: normal;
    font-weight: bold
    }
#content .col_33 #matrix ul {
    margin: 5px 0 0 1em;
    font-weight: normal;
    font-size: 1em
    }
#content .col_33 #matrix ul li {
    margin-bottom: 0.5em;
    background: none;
    padding-left: 0;
    list-style-type: disc
    }
#matrix .last td {
    border-bottom: none;
    background: #e0e0e0
    }
#matrix tr td.feature em {
    font-weight: normal;
    font-size: 0.9em
    }
#matrix tr td.feature {
    font-weight: bold;
    padding-right: 0.7em;
    padding-left: 1em
    }
#matrix tr td .more_info {
    float: right;
    display: inline;
    margin-left: 0.5em
    }
.callout {
    padding-left: 2.5em;
    background: url(/images/global/sub_nav/arrow.gif) 1em center no-repeat;
    line-height: 1;
    margin-bottom: 2em
    }
/* Demo Center Quick Tour
-------------------------------------------------------------- */
#quick_tour {
    position: relative;
    height: 15em
    }
#quick_tour h2 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 42.5em;
    height: auto
    }
#quick_tour .qt_content {
    position: absolute;
    top: 4.8em;
    left: 11.7em;
    width: 38.5em
    }
#quick_tour .qt_content p {
    margin-bottom: 0.8em
    }
/* Company
-------------------------------------------------------------- */
#company .col_44 h2 {
    font-size: 0.9em;
    line-height: 1.1
    }
#company .col_44 ul li {
    margin: 0.5em 0
    }
#company .study_title {
    font-size: 1.3em;
    line-height: 1.3
    }
#company .study_image {
    margin: 1.5em 0 0.5em 0;
    display: block;
    width: auto
    }
#company .award_image {
    margin: 1.5em 0 0.5em 0;
    display: block;
    width: auto
    }
#company .col_2 h3 {
    padding-bottom: 0.3em;
    margin-bottom: 0.5em;
    margin-top: 2em;
    border-bottom: 1px dotted #bbbfb8;
    font-size: 1em
    }
/**/
#company .news_list_box, #company .news_list, #company .press_list, #company .events_list, #company .awards_list {
    font-size: 0.9em;
    width: 100%;
    line-height: 1.2
    }
/* */
#company .news_list_box dt, /* */#company .news_list_box dd, #company .news_list dt, #company .news_list dd, #company .press_list dt, #company .press_list dd, #company .events_list dt, #company .events_list dd, #company .awards_list dt, #company .awards_list dd {
    padding: 1em 0.5em;
    border-top: 1px dotted #bbbfb8;
    float: left;
    margin: 0
    }
/**/
#company .news_list_box dt, #company .news_list dt, #company .press_list dt, #company .news_events_list dt, #company .awards_list dt {
    clear: left;
    width: 18%
    }
#company .news_list dd.item {
    width: 40%
    }
#company .news_list dd.image {
    width: 150px;
    clear: right
    }
/**/
#company .news_list_box dd.item {
    width: 50%
    }
#company .news_list_box dd.image {
    width: 65px;
    clear: right
    }
/**/
#company .events_list dt {
    display: block;
    float: none;
    border-top: 1px dotted #bbbfb8;
    clear: both;
    padding: 0;
    margin: 0
    }
#company .events_list dd {
    width: 33%;
    border: none
    }
#company .events_list .item {
    width: 60%
    }
#company .events_list .image {
    clear: right
    }
#company .awards_list dd {
    width: 75%
    }
#company .view_all {
    clear: both;
    padding: 1em 0;
    border-top: 1px dotted #bbbfb8
    }
#company ol li p {
    font-size: 1em;
    line-height: 1.3
    }
#content .col_2 p img.ryan_signature {
    float: none;
    margin: 0
    }
#company #content .col_2 p span {
    display: block;
    font-weight: bold;
    font-style: normal
    }
#company ul.enablement_program_details {
    list-style: none;
    margin-top: 1em;
    font-size: 0.84em
    }
#company ul.enablement_program_details li {
    padding: 0.2em 0 0.2em 3.5em;
    margin-bottom: 1.2em
    }
#company ul.enablement_program_details li.jumpstart {
    background: url(/images/company/partners/jumpstart_icon.gif) left top no-repeat
    }
#company ul.enablement_program_details li.referral {
    background: url(/images/company/partners/referral_icon.gif) left top no-repeat
    }
#company ul.enablement_program_details li.support {
    background: url(/images/company/partners/support_icon.gif) left top no-repeat
    }
.partner_subhead {
    margin-top: 0.5em
    }
/* Downloads
-------------------------------------------------------------- */
#downloads #content .col_2 .subcategory-list {
    margin: 0 0 0 2.4em
    }
#downloads #content .col_2 .subcategory-list li {
    list-style: none;
    background: none;
    padding: 1em 0;
    border-bottom: 1px dotted #bbbfb8
    }
#downloads h2, h2.sectionBreak {
    color: #fff;
    margin-bottom: 0.5em;
    background: #899292;
    border-bottom: 1px dotted #414141;
    padding: 1em 0 0.5em 1em;
    font-size: 0.9em;
    text-transform: uppercase;
    line-height: 1em
    }
#downloads h3 {
    font-size: 1em;
    padding: 0.5em 0 0.5em 2em
    }
#downloads h4 {
    font-size: 0.9em;
    font-weight: bold;
    margin: 0.5em 0 0 2.4em;
    color: #606060;
    font-style: italic
    }
#downloads p {
    margin-bottom: 0.5em
    }
#downloads p.author {
    font-weight: bold
    }
#downloads p.author_pic {
    float: left;
    margin: 0 1em 0.3em 0;
    text-align: center
    }
#downloads p.author_pic small {
    padding-top: 0.2em
    }
#downloads p img {
    border: 1px solid #899292;
    margin: 0 0 0.2em 0;
    float: none;
    display: block
    }
#downloads p a {
    text-decoration: underline
    }
#downloads .whitepaper {
    background: url(/images/global/case_study_file.gif) left top no-repeat
    }
#downloads .presentation {
    background: url(/images/global/presentation_icon.gif) left top no-repeat
    }
#downloads .webinar {
    background: url(/images/global/webinar_icon.gif) left top no-repeat
    }
#downloads .article {
    background: url(/images/global/case_study_file.gif) left top no-repeat
    }
#downloads dl {
    line-height: 1.2;
    border-bottom: 1px dotted #bbbfb8;
    margin-top: 1em;
    padding-bottom: 0.5em
    }
#downloads dl dt {
    margin: 0.5em 0 0 0;
    font-weight: normal;
    font-size: 0.8em
    }
#downloads dl dd {
    font-size: 0.9em;
    margin: 0 0 1em 0
    }
#downloads .featured_content h2 {
    margin-top: 1em
    }
#downloads .featured_content ul li {
    border-bottom: 1px dotted #bbbfb8;
    margin: 1em 0;
    padding-bottom: 0.5em
    }
#content .col_2 p.back_to_top {
    text-align: right
    }
/* Support
-------------------------------------------------------------- */
#support dl dd {
    margin: 0 0 1.5em 0;
    border-bottom: 1px dotted #bbbfb8;
    font-size: 0.9em;
    padding-bottom: 1em
    }
#support .col_2 h3 {
    font-size: 1em;
    margin-bottom: 0.3em
    }
#support .step {
    float: left;
    margin: 0 1em 1em 1em;
    display: inline;
    padding: 0.5em 1em 0.5em 0;
    border-right: 1px dotted #bbbfb8
    }
#support .step img {
    margin: 0;
    float: none
    }
#support .training_content {
    width: 100%;
    margin-bottom: 2em
    }
#support .training_content dt {
    clear: left;
    float: left;
    width: 51%;
    border-bottom: 1px dotted #bbbfb8;
    padding: 0.5em;
    font-size: 0.9em;
    margin: 0.2em 0
    }
#support .training_content dd {
    float: left;
    width: 16%;
    border-bottom: 1px dotted #bbbfb8;
    padding: 0.5em 0.5em 0.5em 2.2em;
    margin: 0.2em 0
    }
#support .whitepaper {
    background: url(/images/global/case_study_file.gif) left top no-repeat
    }
#support .presentation {
    background: url(/images/global/presentation_icon.gif) left top no-repeat
    }
#support .webinar {
    background: url(/images/global/webinar_icon.gif) left top no-repeat
    }
#support h2.highlight {
    color: #fff;
    margin-bottom: 1em;
    background: #899292;
    border-bottom: 1px dotted #414141;
    padding: 1em 0 0.5em 1em;
    font-size: 0.9em;
    text-transform: uppercase;
    line-height: 1em
    }
/* Learn Agile
-------------------------------------------------------------- */
#learn_agile h3 {
    margin: 2em 0 0.5em 0;
    font-size: 1em
    }
#learn_agile .expert_advice h3 {
    margin: 0
    }
#learn_agile h4 {
    margin: 3em 0 0.5em 0;
    border-bottom: 1px dotted #bbbfb8;
    padding-bottom: 0.3em
    }
.coaches {
    margin-top: 1em
    }
.coaches p {
    clear: left;
    border-bottom: 1px dotted #bbbfb8;
    font-size: 0.88em;
    line-height: 1.2;
    padding-bottom: 1em
    }
.coaches p img {
    float: left;
    margin: 0 0.5em 0.5em 0
    }
#learn_agile h3.top_3 {
    margin-top: 3em
    }
/* Why Rally
-------------------------------------------------------------- */
#why_rally .col_44 h2 {
    font-size: 0.9em;
    line-height: 1.1
    }
#why_rally .col_44 ul li {
    margin: 0.5em 0
    }
#why_rally .study_title {
    font-size: 1.3em;
    line-height: 1.3
    }
#why_rally .study_image {
    margin: 1.5em 0 0.5em 0;
    display: block;
    width: auto
    }
#why_rally .award_image {
    margin: 1.5em 0 0.5em 0;
    display: block;
    width: auto
    }
#why_rally .col_2 h3 {
    padding-bottom: 0.3em;
    margin-bottom: 0.5em;
    margin-top: 2em;
    border-bottom: 1px dotted #bbbfb8;
    font-size: 1em
    }
/**/
#why_rally .news_list_box, #why_rally .news_list, #why_rally .press_list, #why_rally .events_list, #why_rally .awards_list {
    font-size: 0.9em;
    width: 100%;
    line-height: 1.2
    }
/* */
#why_rally .news_list_box dt, /* */#why_rally .news_list_box dd, #why_rally .news_list dt, #why_rally .news_list dd, #why_rally .press_list dt, #why_rally .press_list dd, #why_rally .events_list dt, #why_rally .events_list dd, #why_rally .awards_list dt, #why_rally .awards_list dd {
    padding: 1em 0.5em;
    border-top: 1px dotted #bbbfb8;
    float: left;
    margin: 0
    }
/**/
#why_rally .news_list_box dt, #why_rally .news_list dt, #why_rally .press_list dt, #why_rally .news_events_list dt, #why_rally .awards_list dt {
    clear: left;
    width: 18%
    }
#why_rally .news_list dd.item {
    width: 40%
    }
#why_rally .news_list dd.image {
    width: 150px;
    clear: right
    }
/**/
#why_rally .news_list_box dd.item {
    width: 50%
    }
#why_rally .news_list_box dd.image {
    width: 65px;
    clear: right
    }
/**/
#why_rally .events_list dt {
    display: block;
    float: none;
    border-top: 1px dotted #bbbfb8;
    clear: both;
    padding: 0;
    margin: 0
    }
#why_rally .events_list dd {
    width: 33%;
    border: none
    }
#why_rally .events_list .item {
    width: 60%
    }
#why_rally .events_list .image {
    clear: right
    }
#why_rally .awards_list dd {
    width: 75%
    }
#why_rally .view_all {
    clear: both;
    padding: 1em 0;
    border-top: 1px dotted #bbbfb8
    }
#why_rally ol li p {
    font-size: 1em;
    line-height: 1.3
    }
#content .col_2 p img.ryan_signature {
    float: none;
    margin: 0
    }
#why_rally #content .col_2 p span {
    display: block;
    font-weight: bold;
    font-style: normal
    }
#why_rally ul.enablement_program_details {
    list-style: none;
    margin-top: 1em;
    font-size: 0.84em
    }
#why_rally ul.enablement_program_details li {
    padding: 0.2em 0 0.2em 3.5em;
    margin-bottom: 1.2em
    }
#why_rally ul.enablement_program_details li.jumpstart {
    background: url(/images/company/partners/jumpstart_icon.gif) left top no-repeat
    }
#why_rally ul.enablement_program_details li.referral {
    background: url(/images/company/partners/referral_icon.gif) left top no-repeat
    }
#why_rally ul.enablement_program_details li.support {
    background: url(/images/company/partners/support_icon.gif) left top no-repeat
    }
.partner_subhead {
    margin-top: 0.5em
    }
#why_rally h3.more-related {
    clear: both;
    padding: 1.5em 0 0.5em 0.5em
    }
/* Sitemap
-------------------------------------------------------------- */
#content .col_33 #sitemap li {
    font-weight: bold;
    background: none;
    padding-left: 0
    }
#content .col_33 #sitemap li ul li {
    font-size: 1em;
    font-weight: bold;
    background: url(/images/global/sub_nav/sub_level_current.gif) no-repeat left 0.3em;
    padding-left: 1em
    }
#content .col_33 #sitemap li ul li ul li {
    font-size: 1.1em;
    font-weight: normal;
    background: none;
    padding-left: 0
    }
#content .col_33 #sitemap li a {
    display: block;
    border-bottom: 1px dotted #414141;
    text-decoration: none;
    padding-bottom: 0.2em;
    margin-bottom: 0.2em
    }
#content .col_33 #sitemap li ul {
    margin-left: 0.5em
    }
#content .col_33 #sitemap li ul li a {
    color: #EF3F35;
    border: none;
    padding-bottom: 0
    }
#content .col_33 #sitemap li ul li ul {
    margin: 0 auto 1em 0
    }
#content .col_33 #sitemap li ul li ul li a {
    color: #414141;
    border: none;
    text-decoration: underline
    }
#content .col_33 #sitemap li a:hover {
    color: #0D5284;
    font-weight: bold
    }
#personas .whitepaper, #pmtoolkit .whitepaper, #prmtoolkit .whitepaper, #vptoolkit .whitepaper, #devtoolkit .whitepaper, #qatoolkit .whitepaper {
    background: url(/images/global/case_study_file.gif) left top no-repeat;
    padding: 0.5em 0 0.5em 2.5em
    }
#personas .presentation, #pmtoolkit .presentation, #prmtoolkit .presentation, #vptoolkit .presentation, #devtoolkit .presentation, #qatoolkit .presentation {
    background: url(/images/global/presentation_icon.gif) left top no-repeat;
    padding: 0.5em 0 0.5em 2.5em
    }
#personas .webinar, #pmtoolkit .webinar, #prmtoolkit .webinar, #vptoolkit .webinar, #devtoolkit .webinar, #qatoolkit .webinar {
    background: url(/images/global/webinar_icon.gif) left top no-repeat;
    padding: 0.5em 0 0.5em 2.5em
    }
#personas #free_trial table tr td.form-label {
    font-size: 1em;
    text-align: left;
    width: 13em
    }
#personas h3.highlight {
    margin-top: 2em;
    border-bottom: 1px dotted #BBBFB8;
    padding: 1em 0 0.5em 0;
    font-size: 0.9em;
    text-transform: uppercase;
    line-height: 1em
    }
#personas .toolkit_details {
    list-style: none;
    margin: 0.5em 0 1.5em 0
    }
#personas .toolkit_details .report, #personas .toolkit_details .whitepaper, #personas .toolkit_details .calculator, #personas .toolkit_details .webinar, #personas .toolkit_details .training, #personas .toolkit_details .rally, #personas .toolkit_details .services {
    border: none;
    margin: 0 0 0.6em 0;
    padding: 0.2em 0 0.7em 2.2em;
    line-height: 1.2
    }
#personas .toolkit_details .report {
    background: url(/images/financial/report_icon_sm.gif) left top no-repeat
    }
#personas .toolkit_details .whitepaper {
    background: url(/images/financial/whitepaper_icon_sm.gif) left top no-repeat
    }
#personas .toolkit_details .calculator {
    background: url(/images/financial/calculator_icon_sm.gif) left top no-repeat
    }
#personas .toolkit_details .webinar {
    background: url(/images/financial/webinar_icon_sm.gif) left top no-repeat
    }
#personas .toolkit_details .training {
    background: url(/images/financial/training_icon_sm.gif) left top no-repeat
    }
#personas .toolkit_details .rally {
    background: url(/images/financial/rally_icon_sm.gif) left top no-repeat
    }
#personas .toolkit_details .services {
    background: url(/images/financial/services_icon_sm.gif) left top no-repeat
    }
#personas .backer {
    /*
    	background: #e4e2d7;
    	text-align: center;
    	margin: 0 auto;
    	padding: 1em 0;
    	border: 1px solid #bebc9f; */
    }
#personas .backer h3 {
    padding: 10px;
    background: #243745;
    width: 218px;
    color: #fff;
    font-weight: normal;
    line-height: 1.3;
    font-size: 0.9em
    }
/* Careers
-------------------------------------------------------------- */
/* -- */
#slideshow {
    padding: 1em 1em 1.5em 1em;
    float: right;
    background: #fff url(/images/global/leads_bck.gif) left bottom repeat-x;
    border: 1px solid #bbbfb8;
    margin-bottom: 1em
    }
#slideshow #pic_area {
    position: relative;
    height: auto;
    display: block;
    border: 1px solid #bbbfb8;
    margin: 0;
    padding: 0
    }
#slideshow #slide-caption {
    font-size: 0.9em;
    font-style: italic;
    color: #414141;
    padding: 1em 0 0 0;
    margin: 0;
    text-align: center
    }
#slideshow #pic_area #prev-btn {
    position: absolute;
    top: 48%;
    left: 2px;
    background: transparent;
    text-align: left
    }
#slideshow #pic_area #next-btn {
    position: absolute;
    top: 48%;
    right: 2px;
    background: transparent;
    text-align: right
    }
/* Time Tracking lightbox
-------------------------------------------------------------- */
/* -- */
.contentbox {
    padding: 1em;
    float: right;
    background: #fff url(/images/global/leads_bck.gif) left bottom repeat-x;
    border: 1px solid #bbbfb8;
    margin: 0 0 1em 1em
    }
.contentbox .pic_area {
    position: relative;
    height: auto;
    display: block;
    border: 1px solid #bbbfb8;
    margin: 0;
    padding: 0
    }
.contentbox .box_caption {
    font-size: 1em;
    color: #414141;
    padding: 0 0 1em 0;
    margin: 0;
    text-align: center
    }
.contentbox .box_caption_sub {
    font-size: 0.8em;
    color: #414141;
    padding: 0;
    margin: 0;
    text-align: center
    }
#employee_thumbnails {
    padding: 1em;
    overflow: auto;
    background: #fff;
    border: 1px solid #bbbfb8
    }
#employee_thumbnails div {
    float: left;
    width: 690px
    }
#careers .col_4 ol {
    font-size: 0.85em;
    font-style: italic;
    color: #7b7b7b
    }
#employee_wrapper {
    background: #fff url(/images/global/leads_bck.gif) left bottom repeat-x;
    border: 1px solid #bbbfb8;
    padding: 1em;
    margin-bottom: 2em
    }
#scrollable1 {
    float: left;
    height: 100px;
    overflow: hidden;
    width: 450px
    }
#scrollable1 table {
    width: 4200px;
    display: block
    }
#scrollable1 table tr td {
    width: 360px
    }
#scrollable1 table img {
    float: left;
    margin-right: 5px;
    border: 1px solid #bbbfb8
    }
.employee_quote {
    float: left;
    width: 260px
    }
.employee_quote h1 {
    font-size: 0.9em;
    margin-bottom: 0
    }
.employee_quote p {
    line-height: 1.2;
    color: #7b7b7b;
    font-size: 0.85em
    }
#leftScroll {
    clear: both
    }
#leftScroll, #rightScroll {
    float: left;
    width: 20px
    }
#track2 {
    float: left;
    width: 450px;
    height: 16px;
    background: url(/images/careers/employees/scrollerBG.gif) top left repeat-x
    }
#handle2 {
    cursor: move;
    height: 16px;
    width: 52px;
    background: url(/images/careers/employees/scroller.gif) top left no-repeat
    }
.form_error {
    color: #ef3f35
    }
#usage ol li {
    line-height: 1.4
    }
#usage ul {
    margin-left: 2em
    }
#sfdc .diagram, #vsts .diagram {
    vertical-align: middle;
    min-height: 10em;
    display: block
    }
#sfdc .diagram span, #vsts .diagram span {
    margin: 0 0.5em
    }
#sfdc h4, #vsts h4 {
    margin: 3em 0 0.5em 0;
    border-bottom: 1px dotted #bbbfb8;
    padding-bottom: 0.3em
    }
.sf_resources ul {
    margin-left: 1em
    }
#enterprise dl dt, #agiletoolkit dl dt {
    font-size: 0.9em;
    padding-top: 0.5em;
    margin-top: 0.5em;
    border-top: 1px dotted #bbbfb8
    }
#enterprise dl dd, #agiletoolkit dl dt {
    font-size: 0.9em
    }
#by_the_numbers .pic_block {
    float: left;
    margin: 0 0.5em 2em 0
    }
#by_the_numbers .pic_block p {
    margin: 0.8em 0 0 1em;
    font-size: 0.8em
    }
.footnotes p {
    font-size: 0.8em;
    margin-bottom: 2em
    }
/* Agile Toolkit Form
-------------------------------------------------------------- */
form#invitation {
    width: 34em
    }
.sticky {
    text-align: center;
    float: left;
    width: 255px;
    display: inline;
    margin: 2em
    }
.sticky h2 {
    margin-top: 1em
    }
.bumper {
    padding-left: 12em
    }
.get_it {
    clear: left;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    padding-top: 2em
    }
#personaVideo {
    width: 238px;
    height: 272px;
    margin: 1em 0 1em 1em;
    display: inline
    }
#pVideo {
    width: 238px;
    height: 272px;
    text-align: center
    }
#personaVideoTall {
    width: 238px;
    height: 315px;
    margin: 1em 0 1em 1em;
    display: inline
    }
.sticky_holder {
    float: right;
    margin: 0 0 1em 1em;
    width: 238px;
    display: inline
    }
/* Financial Toolkit
-------------------------------------------------------------- */
#agilevalue h1 {
    font-size: 1.1em;
    margin-top: 0
    }
#agilevalue h2 {
    font-size: 1.1em;
    margin-top: 0
    }
#agilevalue h3 {
    font-size: 1.1em;
    padding-top: 2em;
    margin-bottom: 0.5em
    }
#agilevalue hr {
    margin-bottom: 1em
    }
#make_the_case, #invest_in_agility, #profit_from_productivity {
    padding-left: 6em
    }
#make_the_case {
    background: url(/images/financial/make_case.gif) left top no-repeat;
    padding-left: 4.5em
    }
#invest_in_agility {
    background: url(/images/financial/invest.gif) left top no-repeat
    }
#profit_from_productivity {
    background: url(/images/financial/profit.gif) left top no-repeat
    }
#agilevalue p.get_started {
    text-align: center
    }
#agilevalue p.get_started img {
    float: none
    }
#agilevalue_nav {
    padding-bottom: 45px;
    background: url(/images/financial/nav_bottom.gif) center bottom no-repeat;
    list-style: none;
    margin-bottom: 0
    }
#agilevalue_nav li {
    float: left;
    display: inline;
    font-size: 1.1em;
    margin-right: 1em;
    font-weight: bold
    }
#agilevalue_nav li.first {
    margin-left: 2.5em
    }
#agilevalue_nav li a {
    padding: 0 5px 0 0;
    display: inline;
    float: left;
    text-decoration: none
    }
#agilevalue_nav li a span {
    padding: 20px 20px 15px 25px;
    display: block
    }
#agilevalue_nav li.current a {
    background: url(/images/financial/tab_right.gif) top right no-repeat
    }
#agilevalue_nav li.current a span {
    background: url(/images/financial/tab_left.gif) top left no-repeat
    }
#agilevalue .col_33 {
    width: 48em;
    margin-right: 4em
    }
#agilevalue .report, #agilevalue .whitepaper, #agilevalue .calculator, #agilevalue .webinar, #agilevalue .training, #agilevalue .rally, #agilevalue .services, #agilevalue .get_all {
    padding: 0.5em 4em 1.5em 4em;
    border-bottom: 1px dotted #bbbfb8;
    margin-bottom: 1em
    }
#agilevalue .report {
    background: url(/images/financial/report_icon.gif) left top no-repeat
    }
#agilevalue .whitepaper {
    background: url(/images/financial/whitepaper_icon.gif) left top no-repeat
    }
#agilevalue .calculator {
    background: url(/images/financial/calculator_icon.gif) left top no-repeat
    }
#agilevalue .webinar {
    background: url(/images/financial/webinar_icon.gif) left top no-repeat
    }
#agilevalue .training {
    background: url(/images/financial/training_icon.gif) left top no-repeat
    }
#agilevalue .rally {
    background: url(/images/financial/rally_icon.gif) left top no-repeat
    }
#agilevalue .services {
    background: url(/images/financial/services_icon.gif) left top no-repeat
    }
#agilevalue .get_all {
    background: url(/images/financial/get_all_icon.gif) left top no-repeat;
    border: none
    }
.next_step {
    font-size: 1.2em;
    font-weight: bold
    }
#agilevalue .toolkit_details {
    list-style: none;
    margin: 0.5em 0 1.5em 0
    }
#agilevalue .toolkit_details .report, #agilevalue .toolkit_details .whitepaper, #agilevalue .toolkit_details .calculator, #agilevalue .toolkit_details .webinar, #agilevalue .toolkit_details .training, #agilevalue .toolkit_details .rally, #agilevalue .toolkit_details .services {
    border: none;
    margin: 0 0 0.6em 0;
    padding: 0.2em 0 0.7em 2.2em;
    line-height: 1.2
    }
#agilevalue .toolkit_details .report {
    background: url(/images/financial/report_icon_sm.gif) left top no-repeat
    }
#agilevalue .toolkit_details .whitepaper {
    background: url(/images/financial/whitepaper_icon_sm.gif) left top no-repeat
    }
#agilevalue .toolkit_details .calculator {
    background: url(/images/financial/calculator_icon_sm.gif) left top no-repeat
    }
#agilevalue .toolkit_details .webinar {
    background: url(/images/financial/webinar_icon_sm.gif) left top no-repeat
    }
#agilevalue .toolkit_details .training {
    background: url(/images/financial/training_icon_sm.gif) left top no-repeat
    }
#agilevalue .toolkit_details .rally {
    background: url(/images/financial/rally_icon_sm.gif) left top no-repeat
    }
#agilevalue .toolkit_details .services {
    background: url(/images/financial/services_icon_sm.gif) left top no-repeat
    }
/* Turbulent Times landing pg */
#turbulent h1, #events h1 {
    font-size: 1.2em;
    margin-top: 2em
    }
#turbulent dl, #events dl {
    width: 100%;
    margin-bottom: 2em
    }
#turbulent dt, #events dt {
    clear: left;
    float: left;
    width: 20%;
    border-bottom: 1px dotted #bbbfb8;
    padding: 0.5em;
    font-size: 0.9em;
    margin: 0.2em 0
    }
#turbulent dd, #events dd {
    float: left;
    width: 65%;
    border-bottom: 1px dotted #bbbfb8;
    padding: 0.5em 0.5em 0.5em 2.2em;
    margin: 0.2em 0;
    font-size: 0.9em
    }
#turbulent dl .last, #events dl .last {
    border-bottom: none
    }
#turbulent h3, #events h3 {
    margin-bottom: 0.5em
    }
#turbulent p img, #events p img {
    float: none
    }
#turbulent .registerNow, #events .registerNow {
    padding: 0;
    margin-right: 1em;
    float: left
    }
p.caption {
    font-size: 0.8em
    }
#sf_rsm .col_33 ul li ul {
    font-size: 1em;
    list-style: none
    }
#sf_rsm h3 {
    margin: 0 0 0.5em;
    padding-bottom: 0.3em;
    font-size: 0.9em
    }
#imageDetails #caption a, #imageDetails #caption a:visited, #imageDetails #caption a:hover {
    color: #EF3F35
    }
#imageData #caption {
    display: block;
    font-weight: bold;
    padding-bottom: 5px
    }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 Clearfix
////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Clearing floats without extra markup [ http://www.positioniseverything.net/easyclearing.html ] */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
    }
.clearfix {
    display: inline-block
    }
* html .clearfix {
    height: 1%
    }
.clearfix {
    display: block
    }
/* Regular clearing apply to column that should drop below previous ones. */
.clear {
    clear: both
    }
/* ---------- Collapsible tables ---------- */
table#collapse {
    border-collapse: collapse
    }
table#collapse tbody {
    display: table-row-group
    }
table#collapse th, table#collapse td {
    border: 1px solid #bbb;
    font-size: 1.2em;
    padding: 4px 10px;
    line-height: 1.2;
    /*
    width: 180px !important;
    */
    }
table#collapse tbody td {
    /*
    border-top: 0;
    		border-bottom: 0;
            */
    font-size: 0.9em
    }
table#collapse caption {
    font-weight: bold;
    font-size: 1.4em;
    padding: 0 0 5px;
    color: #333;
    letter-spacing: 0.2em
    }
table#collapse th {
    background: #e4e5e4 url(/images/global/table-heading-background.gif) 0 50% repeat-x;
    text-align: left;
    vertical-align: top;
    font-size: 1em
    }
table#collapse tfoot {
    background-color: #e2e2e2;
    color: #555
    }
table#collapse tfoot td {
    /*
    font-size: 1.0em;
    */
    text-align: center;
    /*
    width: 600px !important;
    	*/
    padding: 0 0
    }
table#collapse tfoot a {
    display: none
    }
table#collapse tbody tr.alt td {
    background: #d8ddf0
    }
table#collapse tbody tr.over td, table#collapse tbody tr:hover td {
    background: #4f70dc;
    color: #fff
    }
table#collapse tbody tr.over + tr td {
    background-image: url(/images/global/shadow.png);
    background-repeat: repeat-x
    }
/* ---------- Toggle controls ---------- */
.togglecontainer {
    width: 200px;
    border: 1px red solid
    }
.togglecontainer h2 {
    padding: 5px 20px;
    font-size: 1.4em
    }
.togglecontainer p {
    font-size: 1em
    }
.expandable {
    border-top: 1px dotted #aaa;
    background-color: #eee;
    padding: 20px
    }
/* ---------- PRODUCTS ---------- */
ul#prods_features {
    font-size: 1em;
    font-weight: bold
    }
ul#prods_features li a:link, ul#prods_features li a:visited {
    color: #F00
    }
/* ---------- Social Media ---------- */
#rally_social_media {
    width: 200px;
    margin: 0;
    padding: 1em 0 0 2em;
    text-align: left
    }
#rally_social_media .rounded-corners {
    margin: 0;
    padding: 0;
    text-align: left
    }
#rally_social_media ul {
    list-style-type: none;
    line-height: 2.7em
    }
#careers_sidebar, #contactus-sidebar {
    margin: 0 0 1em 0;
    padding: 0
    }
#careers_sidebar #rally_social_media, #thankyou-sidebar #rally_social_media, #contactus-sidebar #rally_social_media {
    width: 187px;
    margin-bottom: 1em
    }
#careers_sidebar #sub_nav {
    clear: both
    }
#facebook-vanity-link {
    font-size: 8px;
    padding-left: 10px;
    margin: 0 0 1.5em 0
    }
/* ---------- rounded corners ---------- */
.rounded-corners {
    border: 1px solid #999;
    text-align: center;
    background-color: #f9f9f9;
    /*#F3F6ED;*/
    /*#f3f3f3;*/
    padding-top: 1.2em;
    margin: 1em;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
    }
.rounded-corners-2 {
    border: 1px solid #EF3F35;
    text-align: center;
    background-color: #f9f9f9;
    /*#F3F6ED;*/
    /*#f3f3f3;*/
    padding-top: 1.2em;
    margin: 1em;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
    }
.rounded-corners-3 {
    border: 1px solid #999;
    text-align: left;
    background-color: #f9f9f9;
    /*#F3F6ED;*/
    /*#f3f3f3;*/
    padding: 15px 10px;
    width: 190px;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
    }
.rounded-corners-4 {
    border: 1px solid #999;
    text-align: left;
    background-color: #f9f9f9;
    /*#F3F6ED;*/
    /*#f3f3f3;*/
    padding: 0 10px;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
    }
.rounded-corners-5 {
    border: 1px solid #999;
    text-align: left;
    background-color: #f9f9f9;
    /*#F3F6ED;*/
    /*#f3f3f3;*/
    padding: 10px;
    width: 326px;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: auto
    }
.rounded-corners-6 {
    border: 1px solid #999;
    text-align: left;
    background-color: #f9f9f9;
    /*#F3F6ED;*/
    /*#f3f3f3;*/
    padding: 10px 10px 10px 10px;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: auto
    }
/*-- for carousel view --*/
#row_of_slides {
    position: absolute;
    top: 0
    }
#row_of_slides .slide {
    position: absolute
    }
/*-- end for carousel view --*/
/*-- end number display --*/
/*-- end required & default rules --*/
/*-- example rules --*/
/* form validation
-----------------------------------
*/
/* Form Elements */
label.validator {
    position: relative;
    display: block;
    float: left;
    width: 500px;
    clear: both;
    border: 1px solid #dedede;
    padding: 5px 5px 5px 35px;
    font-size: 1.2em;
    line-height: 2em;
    margin-bottom: 5px
    }
label.nocontent {
    border: none
    }
label.active {
    background-color: #DBF9C7;
    border: 1px solid green
    }
label.error {
    background-color: #ecd0ce;
    border: 1px solid red
    }
label.required {
    background-image: url(/images/global/icons/forms/required-asterisk.gif);
    background-repeat: no-repeat;
    background-position: center left
    }
label.isgood {
    background-image: url(/images/global/icons/forms/tick-asterisk.gif);
    background-repeat: no-repeat;
    background-position: center left
    }
label.validator input {
    width: 200px;
    float: right;
    padding: 5px;
    font-size: 1.2em;
    border: 2px solid #afafaf
    }
label.validator input.active {
    border: 2px solid green
    }
label.validator input.error {
    border: 2px solid red
    }
#formsubmit {
    width: 150px
    }
/* Info pop up classes */
.infopop {
    display: block;
    position: absolute;
    left: 513px;
    top: -11px;
    background: transparent url(/images/global/icons/forms/popBox.gif) no-repeat top left;
    line-height: 40px;
    color: white;
    font-size: 1.2em;
    width: 270px;
    height: 62px;
    line-height: 62px;
    text-indent: 30px
    }
.errorpop {
    background-image: url(/images/global/icons/forms/popBoxWarning.gif)
    }
/* Agile Planning microsite
---------------------------------
*/
#agile_planning_sidebar {
    width: 16em;
    padding-top: 0.2em
    }
#agile_planning_sidebar ul {
    list-style: disc;
    font-size: 0.9em
    }
#agile_planning_sidebar ul li {
    margin-bottom: 1em
    }
#agile_planning_sidebar p {
    margin-bottom: 0;
    font-size: 0.9em
    }
#agile_planning_sidebar p.related-header {
    background-color: #EF3F35;
    color: #fff;
    padding: 3px 0 3px 8px;
    margin-bottom: 5px;
    margin-left: -8px;
    width: 90%
    }
#slideshow_player ul.slideView {
    list-style: none
    }
#slideshow_player ul.slideView li {
    list-style: none
    }
/* Slideshow poster frames
---------------------------------
*/
.slideshow-poster-large .info_links {
    margin-top: 2em
    }
.slideshow-poster-large .info_links li {
    margin: auto 2em
    }
.slideshow-posterframe {
    margin: 0 1em 1em 0;
    width: 300px
    }
.slideshow-posterframe span.status {
    float: right;
    text-align: right;
    font-weight: normal;
    font-size: 80%
    }
.slideshow-posterframe img {
    margin: 0.5em 0 1em
    }
.slideshow-posterframe .info_links {
    text-align: center
    }
.slideshow-posterframe .info_links li {
    margin-right: 1em
    }
/* ORACLE 
---------------------------------
*/
#oracle table td {
    padding: 4px 8px 8px 0;
    vertical-align: top
    }
#oracle_jdeveloper {
    width: 400px
    }
#oracle_jdeveloper div.left {
    margin-right: 20px;
    width: 100px;
    clear: both
    }
/* -------   SLIDEVIEW, SLIDE CAROUSEL --------  */
/*-- required & default rules --*/
.loading {
    left: 210px;
    position: absolute;
    top: 74px
    }
#slide_holder {
    background-image: url(/images/learn_agile/slideview/bg_slideshow.png);
    background-repeat: no-repeat;
    height: 253px;
    overflow: hidden;
    position: relative;
    width: 524px;
    /* -- width: 1533px; */
    z-index: 1000
    }
#slide_holder_inner {
    height: 238px;
    left: 7px;
    overflow: hidden;
    position: absolute;
    top: 8px;
    width: 511px;
    z-index: 2000
    }
/*-- for slide divs --*/
#slide_holder_inner div {
    position: absolute
    }
/*-- for divs in html slides to position relative --*/
div#slide_holder_inner div.slide div {
    position: relative
    }
div#carousel_controls {
    background-image: url(/images/learn_agile/slideview/bg_controls.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 30px;
    width: 511px;
    z-index: 4000
    }
/*-- for slide buttons --*/
#slide_buttons li:hover, #pause_button, .prev_button, .next_button, #first_button, #last_button {
    cursor: pointer;
    cursor: hand;
    z-index: 5000
    }
#slide_buttons li span, #pause_button span, .prev_button span, .next_button span, #first_button span, #last_button span, #hover_next_button span, #hover_prev_button span, #water_mark span {
    margin-left: -10000px
    }
#slide_buttons li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark {
    background-repeat: no-repeat;
    overflow: hidden;
    top: 0
    }
ul#slide_buttons {
    padding: 15px 7px 15px 15px;
    position: absolute;
    left: 250px;
    top: -7px;
    z-index: 5000
    }
ul#slide_buttons li {
    background-image: url(/images/learn_agile/slideview/button.png);
    display: block;
    float: left;
    height: 9px;
    list-style: none;
    margin: 0 0 0 3px;
    padding: 2px;
    width: 10px
    }
ul#slide_buttons li#button_selected {
    background-image: url(/images/learn_agile/slideview/button_selected.png)
    }
/*-- first & last buttons --*/
#first_button {
    background-image: url(/images/learn_agile/slideview/first.png);
    height: 29px;
    left: 354px;
    width: 34px
    }
#first_button:hover {
    background-image: url(/images/learn_agile/slideview/first_hover.png)
    }
#last_button {
    background-image: url(/images/learn_agile/slideview/last.png);
    height: 29px;
    left: 474px;
    width: 34px
    }
#last_button:hover {
    background-image: url(/images/learn_agile/slideview/last_hover.png)
    }
/*-- end first & last buttons --*/
/*-- next & prev buttons --*/
#nex_prev_buttons {
    position: absolute;
    left: 0;
    z-index: 5000
    }
#next_button {
    background-image: url(/images/learn_agile/slideview/next.png);
    height: 29px;
    left: 443px;
    width: 31px
    }
#next_button:hover {
    background-image: url(/images/learn_agile/slideview/next_hover.png)
    }
#prev_button {
    background-image: url(/images/learn_agile/slideview/prev.png);
    height: 29px;
    left: 388px;
    width: 31px
    }
#prev_button:hover {
    background-image: url(/images/learn_agile/slideview/prev_hover.png)
    }
/*-- end next & prev buttons --*/
/* Feedburner RSS 
-------------------------------------------------------------- */
.feedburnerFeedBlock #creditfooter {
    display: none
    }
/* Video players - Persona Videos 
-------------------------------------------------------------- */
#enVideo {
    margin: 1.5em 0 0 0
    }
/*
OVERRIDES & Add-ons 
----------------------------------------- [ KEEP THIS SECTION AT VERY END OF STYLESHEET ]
*/
#webinar-archives p img.right, #agile-planning a img.right {
    float: right;
    border: none;
    margin: 0 0 1.5em 1.5em
    }
#careers_sidebar #twtr-profile-widget {
    width: 187px;
    clear: both;
    margin-bottom: 1.5em
    }
.twtr-widget-profile h3 {
    display: none
    }
/* Facebook widget */
#careers_sidebar iframe {
    padding-bottom: 1em
    }
h3.top {
    margin-top: 3em;
    line-height: 1.3em
    }
.strong {
    font-weight: bold
    }
.normal {
    font-weight: normal
    }
.client-color, .client-color-1 {
    color: #EF3F35
    }
.client-color-2 {
    color: #0d5284
    }
.client-color-3 {
    color: #243745
    }
.no-margin-top {
    margin-top: 0
    }
.no-margin-bottom {
    margin-bottom: 0
    }
.no-padding-top {
    padding-top: 0
    }
.no-padding-bottom {
    padding-bottom: 0
    }
/*
END end OVERRIDES & Add-ons 
----------------------------------------- [ KEEP THIS SECTION AT VERY END OF STYLESHEET ]
*/