/* FEATURE AREA */

#feature-area                         { position: relative; height: 250px; background: url(/technet/images/feature_technet_general.jpg) no-repeat 0 0; }
#feature-area h2, #feature-area h3    { margin-left: 370px; margin-bottom: 5px; text-indent: -5000px; }
#feature-area h2                      { height: 116px; background: url(/technet/images/heading1_technet_general.png) no-repeat 0 90px; }
#feature-area h3                      { height: 23px; background: url(/technet/images/heading2_technet_general.png) no-repeat 0 0; margin-bottom: 20px; }
#feature-area #members-login a        { position: absolute; top: 20px; right: 20px; color: #333; padding: 0 20px 5px 0; background: url(/technet/images/technet_home/button_arrow_orange.png) no-repeat 100% 1px; }
#feature-area #join-now-free          { margin-left: 460px; }
#feature-area .button-blue-arrow      { color: #333; border: 1px solid #ddd; border-bottom: 1px solid #b1b1b1; padding: 4px 30px 4px 20px; font-size: 90%; font-weight: bold; background: url(/technet/images/bg_button_blue_arrow.png) no-repeat 100% 51%; text-decoration: none; }
#feature-area .button-blue-arrow      { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; box-shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; }


.feature-legacy                       { height: 155px; margin-bottom: 20px; padding-top: 25px; background: url(/technet/images/feature_ftn07a.jpg) no-repeat 0 0; }
.feature-legacy                       { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.feature-legacy h2, 
.feature-legacy h3, 
.feature-legacy ul                    { margin-left: 450px; }
.feature-legacy h2                    { color: #F3A028 !important; font-size: 225% !important; margin-bottom: 0 !important; }
.feature-legacy h3                    { color: #7A90B5; }

.feature-legacy ul                    { margin-left: 475px; height: 45px; }
.feature-legacy li                    { color: #616161; margin-bottom: 3px; float: left; width: 40%; padding-left: 10px; background: url(/technet/images/bullet_4squares.gif) no-repeat 0 5px; }
.feature-legacy p                     { margin-top: 5px; margin-left: 450px; }
.button-gray                          { background: url(/technet/images/bg_button_gray_arrow_orange.png) no-repeat 100% 50%; padding-right: 22px; }

.intro                                { color: #333; }
.intro a.more                         { background-position: 100% 6px; }

#tab-headings                         { margin-top: 20px; }
#tab-headings li                      { float: left; margin-right: 3px; }
#tab-headings a                       { display: block; padding: 10px 20px; font-size: 125%; background: #CDCDCD; text-decoration: none; }
#tab-headings a                       { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
#tab-headings a:hover                 { background: #bbb; }
#tab-headings a.selected              { background: #F4F9FD; color: #333; border: 1px solid #C3CCDF; border-bottom: 0; }
#tab-headings a.selected:hover        { background: #F4F9FD; }

#tab-content                          { border: 1px solid #C3CCDF; border-top: 0; clear: both; background: #DFE6EC url(/technet/images/bg_tab_content.png) repeat-x 0 0; padding: 10px; }
#tab-content                          { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; }
#tab-content .inner                   { background: #fff; border: 1px solid #ddd; border-top-color: #bbb; border-left-color: #ccc; padding: 5px 20px 20px 20px; }
#tab-content .inner                   { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#tab-content img                      { float: left; }
#tab-content h3                       { color: #FEAC27; margin-top: 20px; }
#tab-content p                        { margin-left: 120px; }
#tab-content ul                       { margin-left: 140px; margin-bottom: 10px; }
#tab-content li                       { padding-left: 10px; background: url(/technet/images/bullet_orange.gif) no-repeat 0 7px; margin-bottom: 3px; }
#tab-content .emphasize               { font-size: 120%; font-weight: bold; }

#tab-content .callout                 { background: #E4EBF3; }
#tab-content .callout p               { font-size: 125%; margin-left: 0; }
#tab-content .callout strong          { margin-right: 20px; }
#tab-content .callout p .button-gray  { font-size: 80% !important; color: #333; }
.callout#become                       { margin-left: 120px; padding: 15px 0 10px 15px; border: 0; }

#who-should-join h2                   { color: #FEAC27; }
#tab-content p.intro-who-should-join  { margin: 0 0 15px 0; }

#who-should-join .callout             { border: 1px solid #89A1AD; background: url(/technet/images/bg_ftn_howtojoin.jpg) repeat-x 0 0; margin-bottom: 10px; }
#who-should-join .callout h3          { margin-top: 0; color: #0C4C6F; }
#who-should-join .callout p           { font-size: 100%; }
#who-should-join .callout p .button-gray { font-size: 100% !important; }

#do-you p                             { font-weight: bold; color: #333; }
#do-you ul                            { margin: 15px 0 20px 20px; }
#do-you li                            { margin-bottom: 6px; }

/* FAQ page (/technet/public_faq.html */
/*------------------------------------*/

#section-expandable ul                { margin-left: 10px; }
#section-expandable h4.collapsed, 
#section-expandable h4                { font-size: 110%; margin-top: 20px; cursor: pointer; color: #0082c3; padding-left: 8px; background: url(/site/images/buttons/arrow_blue_right.gif) no-repeat 0 5px; }
#section-expandable h4.expanded       { background-image: url(/site/images/buttons/arrow_blue_down.gif); background-position: 0 6px; }
#section-expandable ul.collapsed      { display: none; }
#section-expandable ul.expanded       { display: block; }
#expand-all                           { float: right; }
#expand-all.collapsed                 { padding-left: 8px; background: url(/site/images/buttons/arrow_blue_right.gif) no-repeat 0 5px; }
#expand-all.expanded                  { padding-left: 8px; background: url(/site/images/buttons/arrow_blue_down.gif) no-repeat 0 6px; }

/* Join Now Tile */
/*-------------------*/

#join                                 { background: #C5D7EB; border: 1px solid #A7C2DF; }
#join h3                              { color: #286ACB; margin: 3px 0; font-weight: bold; font-size: 120%; }
#join h4                              { margin: 3px 0; font-size: 110%; font-weight: bold; }
#join p                               { margin: 3px 0; }
#join .join-button                    { margin-top: 12px !important; }

/* Log in Tile */
/*-------------------*/

#login                                { padding-top: 8px; height: 15px; }
#login a                              { font-size: 90%; color: #EFA53B; font-weight: bold; padding-right: 22px; background: url(/technet/images/bullet_arrow_orange.png) no-repeat 100% 1px; }

/* Training Series Promo Tile */
/*-------------------*/

#fts-promo #fm-go-training            { margin-top: 20px; margin-bottom: 0; border: 2px solid #fff; padding: 5px 5px; background: #4f6bb2; color: #fff; }
#fts-promo #fm-go-training            { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#fts-promo                            { border: 1px solid #94C83F; text-align: center; padding-top: 70px; background: url(/technet/images/bg_promo_training.png) no-repeat 50% 0; }
#fts-promo .button-gray               { color: #3CA20D !important; margin-left: 0; background: url(/technet/images/bg_button_gray_arrow_green.png) no-repeat 100% 50%; padding-right: 25px !important; }

.promo-tile                           { background: #DEE6F0; }
