/*Gartner for Sales Professionals Stylesheet*/

body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; text-align: center; color: #4D4D4D; }
img { border: 0; }
a { color: #4D4D4D; }
p {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}

/*Page Layouts*/
#contents { width: 980px; text-align: left; margin: 0 auto; padding: 0; vertical-align: top; }
#main-content { float: left; width: 980px; height: /*369px*/370px; }
#tabs { float: left; width: 980px; margin-top: 10px; }

/*Headings*/
h1 { font-size: 28px; color: #006699; font-weight: normal; }

/*top navigation*/
#topnav img.nav-heading { float: left; vertical-align: bottom; }
#topnav .nav-bar { float: left; width: 980px; height: 25px; background: url(../images/background_nav_bar.gif) top left repeat-x; padding: 5px 0; }
#topnav .nav-bar a, #topnav .nav-bar span { float: left; margin-right: 5px; }

#topnav .nav-bar a.home-button { background: url(../images/button_home.gif) top left no-repeat; width: 64px; height: 25px; margin-left: 8px; }
#topnav .nav-bar a.home-button:hover { background: url(../images/button_home_selected.gif) top left no-repeat; }

#topnav .nav-bar .menu-button { background: url(../images/button_menu.gif) top left no-repeat; width: 56px; height: 23px; margin-left: 8px; }
#topnav .nav-bar .menu-button:hover { background: url(../images/button_menu_selected.gif) top left no-repeat; }

#topnav .nav-bar .register-button { background: url(../images/button_register.gif) top left no-repeat; width: 140px; height: 24px; margin-left: 8px; }
#topnav .nav-bar .register-button:hover { background: url(../images/button_register_selected.gif) top left no-repeat; }

#topnav .nav-bar .contact-button { background: url(../images/button_contact.gif) top left no-repeat; width: 90px; height: 24px; margin-left: 8px; }
#topnav .nav-bar .contact-button:hover { background: url(../images/button_contact_selected.gif) top left no-repeat; }

#topnav .nav-bar .lesson-selection { float: right; color: #fff; font-size: 13px; margin-right: 10px; }
#topnav .nav-bar .lesson-selection .caption { float: left; margin-top: 2px; font-family: Helvetica, Verrdana, Arial, Sans-Serif; font-size: 12px; }

.no-dropdown #topnav .nav-bar .lesson-selection { display: none; }

/*Main Interactive section content*/
#main-content .intro-text { float: left; position: relative; left: 42px; margin-top: 50px; width: 472px; color: #fff; font-size: 14px; }
#main-content .intro-text h1 { color: #fff; margin-bottom: 0; }
#main-content .intro-text a.play-button { float: left; width: 35px; height: 30px; background: url(../images/play_button.gif) top left no-repeat; color: #fff; font-size: 14px; text-decoration: none; padding: 12px 0 0 38px; margin-top: 15px; }
#main-content .buttons { float: right; position: relative; top: 120px; padding-right: 25px; }
#main-content .buttons img { margin-bottom: 5px; }

/*tab content*/
#tabs .tab-content { float: left; width: 918px; /*border: 1px solid #A7B9C8;*/ margin: -1px 0 0 0; padding: 40px 30px 0 30px; }
#tabs .tab-content .text { float: left; width: 820px; height: 225px; margin-left: 50px; text-align: justify; line-height: 16px; overflow: auto; padding-right: 10px; }

.gray-text { color: #333333; }

.cc-button a { float: right; background: url(../images/button_cc.gif) top left no-repeat; width: 33px; height: 21px; margin: 0 10px 0 0; cursor: pointer; }
.cc-button a:hover { background: url(../images/button_cc_selected.gif) top left no-repeat; }

#tab1 { display: none; }

/*FAQs page*/
#faqs #main-content { position: relative; left: 95px; width: 570px; height: auto; padding-top: 20px; font-size: 12px; }
#faqs h3 { color: Black; }
#faqs .question { color: #5785ae; padding-top: 10px; }
#faqs a { color: #5785ae; }

/*iframe pages*/
.instructions-bar { float: left; width: 965px; height: 160px; background: url(../images/bg_iframe_instr_bar.jpg) top left no-repeat; color: #fff; padding: 16px 0 0 15px; }
.instructions-bar h2 { font-size: 18px; font-weight: normal; margin-top: 6px; }
.instructions-bar h2 img { position: relative; top: 4px; margin-left: 10px; }
.instructions-bar h3 { font-size: 12px; color: #BFDF38; margin: 0; }
/*#registration .process .instructions-bar h3 { float: left; }*/
.instructions-bar ul { float: left; margin: 0; padding-left: 0; list-style-type: none; }
.instructions-bar p, .instructions-bar li { float: left; font-size: 11px; font-family: verdana; line-height: 17px; margin: 0; }
.instructions-bar li { padding-right: 15px; width: 370px; }
#registration .process .instructions-bar li { width: 250px; }
.change-custlist .instructions-bar li { width: 370px; }
.instructions-bar a.continue-button { float: left; font-size: 17px; font-family: Helvetica; color: #fff; background: url(../images/button_green.gif) top left no-repeat; width: 105px; height: 69px; position: relative; top: -25px; padding: 25px 28px; text-decoration: none; margin-bottom: -25px; }

#license-key-popup { float: left; width: 250px; background: #cccccc; border:1px solid #908e84; position: absolute; margin-left: 140px; padding: 5px 15px 15px 15px; }
.license-key-close { float: right; width: 100%; text-align: right; }