/********************************************************************/ /* Reset CSS */ /********************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} ol, ul {list-style-type: none;} /********************************************************************/ /* Generic tags */ /********************************************************************/ body {font-family:Arial, Helvetica, sans-serif; font-size:70%; color:#3b3b3b; background:url(/_images/bkg/bar.gif) top left repeat-x #fff; line-height:1.4em;} p { padding-bottom:15px;} em { font-style:italic;} strong { font-weight:bold;} abbr { text-decoration:none; border:none;} img {border:0px;} a { font-weight:normal; text-decoration:underline; color:#002F3F;} a:hover, a:focus {text-decoration:underline; color:#A52A22;} .fl { float:left;} .fr { float:right;} .clear { clear:both; height:0px; line-height:0px; font-size:0px;} .skiptocontent, .relbookmark, #searchContainer form label, #homeNews .getNewsletters form label, .hidden {position:absolute; margin-left: -9999px;} #content ul, #content ol { padding:0px 0px 10px 0px;} #content li { padding:0px 0px 5px 15px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;} #content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 23px; list-style:decimal outside; background:none;} #content table { float:left; width:100%; margin:0px 0px 15px 0px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; text-align:left;} #content table th, #content table td { padding:5px 5px 5px 5px; border-right:1px solid #e1e1e1;} #content table th { font-weight:bold; background:#fff url(/_images/bkg/breadcrumb.gif) bottom left repeat-x; color:#575757;} #content table td { border-top:1px solid #e1e1e1;} legend { display:none;} .fielderror { float:left; width:425px; padding:8px 15px 8px 30px; color:#d01111; background:url(/_images/bullets/cross.gif) 10px 5px no-repeat #fff; border-top:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; margin:0 0 5px 0; line-height:1em;} input, select, textarea { font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;} .checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;} .checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;} .accordian div { background:#fff;} pre { font-family:"Courier New", Courier, monospace; width:470px; overflow:auto;} sub { vertical-align:sub;} sup { vertical-align:super;} /********************************************************************/ /* H tags */ /********************************************************************/ h1 { font-size: 155%; color:#002836; font-weight:bold; padding:15px 0 10px 0; margin:0 0 15px 0; background:url(/_images/bkg/header-border.gif) bottom left repeat-x; line-height:1.4em;} h2 { font-size: 140%; color:#002836; font-weight:bold; padding:0 0 15px 0;} h3 { font-size: 120%; color:#002836; font-weight:bold; padding:0 0 15px 0;} h4 { font-size: 120%; color:#002836; font-weight:normal; padding:0 0 10px 0;} h5 { font-size:105%; color:#002836; font-weight:normal; padding:0 0 10px 0; } /********************************************************************/ /* Template tags */ /********************************************************************/ #container { width:980px; margin:0 auto;} #content { float:left; width:470px; padding:0 15px 10px 15px; font-size:1.1em; line-height:1.5em;} #home #content { padding:0 0 10px 0; font-size:1em; line-height:1.4em;} #container .fullWidth { width:710px;} #banner { float:left; width:980px; margin:0;} #home #banner { margin:0 0 15px 0;} /********************************************************************/ /* Form */ /********************************************************************/ #content .form { float:left; width:470px; padding:0 0 20px 0;} #content .form .message { padding:0 15px 13px 15px; font-weight:bold; color:#00384D;} #content .form fieldset { float:left; width:470px; padding:15px 0 0 0; margin:0 0 15px 0; background:url(/_images/bkg/alert-top.gif) 0px 0px no-repeat;} #content .form fieldset .footer { background:url(/_images/bkg/alert-footer.gif) bottom left no-repeat; height:5px; line-height:0px; font-size:0px; overflow:hidden; padding:15px 0 0 0; float:left; width:470px;} #content .form label { float:left; width:200px; padding:3px 0 0 15px; font-weight:normal; color:#002F3F;} #content .form .textfield, #content .form select, #content .form textarea { float:right; width:225px; color:#5c5c5c; padding:3px 4px; margin:0 15px 6px 0; border:1px solid #c8c8c8; background:#fff; font-size:12px; display:inline;} #content .form select { width:235px; padding:2px 0; line-height:20px;} #content .form textarea { height:80px; overflow:auto;} #content .form .formbutton { float:right; margin:5px 15px 0px 0px;} /********************************************************************/ /* Booking Form */ /********************************************************************/ .bookingBack { padding:0 0 15px 0; margin:0 0 20px 0; background:url(/_images/bkg/list-divider.gif) bottom center no-repeat;} .bookingBack a { padding:0 0 0 17px; background:url(/_images/icons/back.gif) 0px 6px no-repeat;} #content .bookingForm h2, #content .bookingForm h3 { padding:0 15px 15px 15px; float:left; width:440px;} #content .bookingForm h3 { font-size:1.1em; border:1px solid #B1B1B1; padding:0 15px; margin:0 0 10px 0; line-height:30px; background:url(/_images/bkg/breadcrumb.gif) bottom left repeat-x; width:438px;} #content .bookingForm .tip { padding:0 15px 0 40px; float:left; width:415px; font-size:0.9em; background:url(/_images/bullets/help.gif) 15px 2px no-repeat; color:#4b4b4b;} #content .bookingForm dl { float:left; width:440px; padding:0 15px 10px 15px;} #content .bookingForm dl dt, #content .bookingForm dl dd { padding:0 0 5px 0;} #content .bookingForm dl dt { float:left; width:120px; font-weight:bold; color:#002836;} #content .bookingForm dl dd { float:left; width:320px; color:#002F3F;} #content .bookingForm .checkBox { float:left; width:470px; padding:0 0 15px 0;} #content .bookingForm .checkBox input { float:left; margin:4px 0 0 15px; display:inline;} #content .bookingForm .checkBox label { float:right; display:inline; margin:0 15px 0 0; width:410px; padding:0;} #content .bookingDetails .checkBox { padding:10px 0 0 0;} #content .bookingForm fieldset fieldset .checkBox { padding:0 0 10px 0;} #content .bookingDetails label { width:225px; padding-top:2px;} #content .bookingDetails .textfield { width:200px;} #content .bookingForm fieldset fieldset { background:none;} #content .bookingForm .bookingInformation { background:none; padding:0;} #content .bookingForm .bookingInformation .footer { display:none;} .bookingInformation .bookingReturn { float:left; padding:7px 0 0 0;} /********************************************************************/ /* Header */ /********************************************************************/ #header { float:left; width:980px; position:relative;} #logo { position:absolute; width:91px; height:79px; text-indent:-9999px; background:url(/_images/logos/logo.jpg) no-repeat; left:11px; top:12px;} #searchContainer { position:absolute; top:37px; right:0px;} #searchContainer form, #homeNews .getNewsletters form { float:right; width:197px; background:url(/_images/bkg/search-bg.gif) no-repeat; height:22px; position:relative;} #searchContainer form .textfield, #homeNews .getNewsletters form .textfield { color:#8d8d8d; border:1px solid #fff; padding:0 0 0 4px; width:148px; margin:3px 0 0 1px; display:inline;} #searchContainer form .formbutton, #homeNews .getNewsletters form .formbutton { position:absolute; top:0px; right:0px;} #searchContainer ul { float:right; padding:0 30px 0 0; background:url(/_images/icons/search.gif) 100% 4px no-repeat;} #searchContainer ul li { float:right; padding:0 7px; background:url(/_images/bkg/top-link-divider.gif) 100% 47% no-repeat; line-height:22px;} #searchContainer ul li a { color:#8d8d8d; font-weight:normal; text-decoration:none;} #searchContainer ul li a:hover, #searchContainer ul li a:focus { text-decoration:underline;} /********************************************************************/ /* Nav */ /********************************************************************/ #nav { float:right; width:auto; padding:70px 0 0 0;} #nav li { display:inline; float:left; margin:0 0 0 1px;} #nav li a { display:block; text-indent:-9999px; background-image:url(/_images/bkg/nav.png); background-repeat:no-repeat; height:30px;} #nav li.navHome a { background-position:0px 0px; width:73px;} #nav li.navHome a:hover, #nav li.navHome a:focus, #nav li.navHome a.selected { background-position:0px -30px; } #nav li.navConsultancy a { background-position:-74px 0px; width:128px;} #nav li.navConsultancy a:hover, #nav li.navConsultancy a:focus, #nav li.navConsultancy a.selected { background-position:-74px -30px;} #nav li.navTechnicalServices a { background-position:-203px 0px; width:172px;} #nav li.navTechnicalServices a:hover, #nav li.navTechnicalServices a:focus, #nav li.navTechnicalServices a.selected { background-position:-203px -30px; } #nav li.navTrainingCourses a { background-position:-376px 0px; width:116px;} #nav li.navTrainingCourses a:hover, #nav li.navTrainingCourses a:focus, #nav li.navTrainingCourses a.selected { background-position:-376px -30px;} #nav li.navNewsEvents a { background-position:-493px 0px; width:117px;} #nav li.navNewsEvents a:hover, #nav li.navNewsEvents a:focus, #nav li.navNewsEvents a.selected { background-position:-493px -30px;} #nav li.navAboutUs a { background-position:-611px 0px; width:85px;} #nav li.navAboutUs a:hover, #nav li.navAboutUs a:focus, #nav li.navAboutUs a.selected { background-position:-611px -30px;} /********************************************************************/ /* Sub Nav */ /********************************************************************/ #subNav { float:left; width:240px; padding:0 0 7px 0;} #subNav li { float:left; width:240px; padding:0 0 3px 0;} #subNav li a { float:left; width:218px; line-height:20px; background:url(/_images/bkg/subNav/normal.gif) 0px 0px repeat-x #eeeeee; padding:5px 10px; border:1px solid #c2c2c2; color:#002f3f; text-decoration:none; font-weight:bold;} #subNav li a:hover, #subNav li a:focus, #subNav li a.selected { border:1px solid #003040; background:url(/_images/bkg/subNav/hover.gif) 0px 0px repeat-x #003040; color:#FFF;} #subNav li ul { float:left; width:240px; padding:5px 0 0 0;} #subNav li ul li { padding:0 0 5px 0;} #subNav li ul li a { width:210px; background:none; border:none; padding:0 10px 0 20px; line-height:1.7em; background:url(/_images/bullets/subnav.gif) 8px 7px no-repeat #fff;} #subNav li ul li a:hover, #subNav li ul li a:focus, #subNav li ul li a.selected { border:none; background:url(/_images/bullets/subnav.gif) 10px 7px no-repeat #fff; color:#038EC0; } #subNav li ul li a.selected { background:url(/_images/bullets/subnav.gif) 8px 7px no-repeat #fff } #subNav li ul li ul li a { font-weight:normal; background:url(/_images/bullets/gray-bullet.gif) 20px 8px no-repeat #fff; width:200px; padding:0 10px 0 30px;} #subNav li ul li ul li a:hover, #subNav li ul li ul li a:focus, #subNav li ul li ul li a.selected { background:url(/_images/bullets/gray-bullet.gif) 22px 8px no-repeat #fff; } #subNav li ul li ul li a.selected { background:url(/_images/bullets/gray-bullet.gif) 20px 8px no-repeat #fff; font-weight:bold; } /********************************************************************/ /* Breadcrumb */ /********************************************************************/ #breadcrumb {float:left; width:960px; padding:10px 10px 0 10px; background:url(/_images/bkg/breadcrumb.gif) bottom left repeat-x #e8e8e8; border-bottom:1px solid #d7d7d7;} #breadcrumb li { float:left; display:inline; padding:0 10px 10px 0; line-height:1em;} #breadcrumb a { padding:0px 10px 0px 0px; font-weight:normal; background:url(/_images/bullets/gray-bullet.gif) 100% 5px no-repeat; color:#002836; text-decoration:underline;} #breadcrumb a:hover, #breadcrumb a:focus { color:#A52A22;} /********************************************************************/ /* Alerts */ /********************************************************************/ .alert { background:url(/_images/bkg/alert-top.gif) 0px 0px no-repeat; padding:10px 0 0 0; margin:0 0 15px 0;} .alert .footer { background:url(/_images/bkg/alert-footer.gif); height:5px; line-height:0px; font-size:0px; overflow:hidden;} .alert p { padding:5px 15px 10px 15px; color:#003346;} .alert dl { float:left; width:440px; padding:0 15px 0 15px;} .alert dl dt, .alert dl dd { padding:0 0 5px 0;} .alert dl dt { float:left; width:120px; font-weight:bold; color:#002836;} .alert dl dd { float:left; width:320px;} .productDetails { float:left; width:470px;} .productDetails .footer { float:left; width:470px;} /********************************************************************/ /* Page Options */ /********************************************************************/ #content .pageoptions { float:left; width:470px; padding:15px 0;} #content .pageoptions li { display:inline; background:none;} #content .pageoptions .fl { padding:0px 15px 0px 0px;} #content .pageoptions .fr { padding:0px 0px 0px 15px;} #content .pageoptions a { color:#fff; background-image:url(/_images/bkg/button.gif); background-position:0px 0px; background-repeat:repeat-x; line-height:29px; border:1px solid #002f3f; text-decoration:none; float:left; padding:0 10px;} #content .pageoptions a:focus, #content .pageoptions a:hover { background-position:0 -29px;} #content .pageoptions a:active { background-position:0 -58px; border:1px solid #038fc0;} /********************************************************************/ /* Sidebar */ /********************************************************************/ .sideBar { width:240px; display:inline; padding:13px 0 0 0; } #home .sideBar { padding:0;} .sideBarNav { float:left; padding-top:48px;} #home .sideBarNav { float:right; margin:0 0 0 10px;} .sideBarPods { float:left;} #home .sideBarPods { float:right; margin:0 0 0 10px;} /********************************************************************/ /* ModuleItem */ /********************************************************************/ .moduleItem { float:left;} .moduleItem .hd { float:left; padding: 10px 10px 3px 10px; background:url(/_images/bkg/header-border.gif) bottom left repeat-x;} .moduleItem .hd h2 { float:left; color:#002836; padding:0 0 9px 0; line-height:1em;} .moduleItem .bd { float:left; padding:15px 10px 0 10px;} .moduleItem .bd ul, .moduleItem .bd p { padding:0 0 10px 0;} .moduleItem .bd ul li { background:url(/_images/bullets/gray-bullet.gif) 0px 6px no-repeat; padding:0 0 5px 8px;} /********************************************************************/ /* Location based ModuleItem */ /********************************************************************/ #content .moduleItem { width:480px; padding:0 0 10px 0;} #content .moduleItem .hd, #content .moduleItem .bd { width:460px;} .sideBar .moduleItem { width:238px; border:1px solid #d3d3d3; background:#ededed; margin:0 0 10px 0;} .sideBar .moduleItem .hd, .sideBar .moduleItem .bd { width:218px;} .sideBar .moduleItem .bd { padding-top:8px;} /********************************************************************/ /* Image Pod */ /********************************************************************/ .sideBar .image { border:none; width:240px;} /********************************************************************/ /* Technical/Training ModuleItem */ /********************************************************************/ #container .technicalServices, #container .training { border:none; width:240px; background:none;} #container .technicalServices .hd, #container .training .hd { width:220px;} #container .technicalServices .bd, #container .training .bd { width:219px; position:relative; border-right:1px solid #d6d6d6; padding-top:0; margin:7px 0 0 0; min-height:207px; height:auto !important; height:207px; } #container .technicalServices .bd .readMore, #container .training .bd .readMore { position:absolute; bottom:10px; left:10px; padding:0;} #container .technicalServices .bd { background:url(/_images/bkg/technical.jpg) 0px 0px no-repeat #ededed;} #container .training .bd { background:url(/_images/bkg/training.jpg) 0px 0px no-repeat #ededed;} #container .technicalServices ul { padding:6px 0 25px 0;} #container .training ul { padding:87px 0 25px 0;} #container .technicalServices ul li, #container .training ul li { padding:0 0 5px 25px; background:url(/_images/bullets/tick.gif) 0px 2px no-repeat; width:194px;} /********************************************************************/ /* Home Consultancy ModuleItem */ /********************************************************************/ #container .homeConsultancy { background:url(/_images/photos/home-consultancy.jpg) 100% 6px no-repeat; padding:0;} #container .homeConsultancy .hd { background:none;} #container .homeConsultancy .bd { min-height:209px; height:auto !important; height:209px; } #container .homeConsultancy .bd .intro { padding:0 0 10px 0;} #container .homeConsultancy .bd .info { width:256px; padding:0 0 20px 0;} #container .homeConsultancy .bd .readMore { padding:0;} /********************************************************************/ /* Home News Area */ /********************************************************************/ #homeNews { float:left; width:478px; background:#ededed; border:1px solid #d3d3d3;} #homeNews .moduleItem .bd { position:relative; min-height:82px; height:auto !important; height:82px; padding-top:8px; } #homeNews .moduleItem .readMore { position:absolute; padding:0; bottom:-2px; right:9px;} /********************************************************************/ /* Read More Links */ /********************************************************************/ #container .homeConsultancy .bd .readMoreButton a, #container .technicalServices .bd .readMoreButton a, #container .training .bd .readMoreButton a, #container .latestNews .bd .readMoreButton a, #container .getNewsletters .bd .readMoreButton a, #container .upcomingEvents .bd .readMoreButton a, #container .tipsTechniques .bd .readMoreButton a { background-image:url(/_images/buttons/read-more.gif); background-position:0px 0px; background-repeat:no-repeat; width:67px; height:13px; text-indent:-9999px; display:block; line-height:13px; } #container .technicalServices .bd .readMoreButton a { background-image:url(/_images/buttons/more-about-technical.gif); width:209px;} #container .training .bd .readMoreButton a { background-image:url(/_images/buttons/more-about-training.gif); width:155px;} #container .latestNews .bd .readMoreButton a { background-image:url(/_images/buttons/view-all-news.gif); width:84px;} #container .latestNews .bd .readMoreButton a span { position:absolute; margin-left:-9999px;} #container .sideBar .latestNews .bd .readMoreButton { float:left; width:100%;} #container .sideBar .latestNews .bd .readMoreButton a { float:right;} #container .getNewsletters .bd .readMoreButton a { background-image:url(/_images/buttons/view-past-newsletters.gif); width:125px;} #container .upcomingEvents .bd .readMoreButton a { background-image:url(/_images/buttons/view-training-catalog.gif); width:132px;} #container .tipsTechniques .bd .readMoreButton a { background-image:url(/_images/buttons/more-tips-techniques.gif); width:131px;} #container .bd .readMoreButton a:hover, #container .bd .readMoreButton a:focus { background-position:0px -13px;} /********************************************************************/ /* Latest News - Home */ /********************************************************************/ #homeNews .latestNews { width:272px;} #homeNews .latestNews .hd, #homeNews .latestNews .bd { width:252px;} #homeNews .latestNews .bd { width:249px;} #homeNews .latestNews .readMore { bottom:-4px;} #homeNews .latestNews .bd ul { padding:0;} #homeNews .latestNews .bd ul li { width:234px; background:url(/_images/bullets/gray-bullet.gif) 0px 6px no-repeat; padding:0 10px 5px 8px;} #homeNews .latestNews .bd ul li a, .sideBar .latestNews ul li a, .tipsTechniques .bd ul li a { color:#3b3b3b; font-weight:normal; text-decoration:none;} #homeNews .latestNews .bd ul li a:hover, #homeNews .latestNews .bd ul li a:focus, .sideBar .latestNews ul li a:hover, .sideBar .latestNews ul li a:focus, .tipsTechniques .bd ul li a:hover, .tipsTechniques .bd ul li a:focus { text-decoration:underline;} /********************************************************************/ /* Latest News - Pod */ /********************************************************************/ .sideBar .latestNews ul li { width:210px;} .sideBar .latestNews .readMore { text-align:right;} /********************************************************************/ /* Newsletters Subscription */ /********************************************************************/ #homeNews .getNewsletters { width:206px;} #homeNews .getNewsletters .hd { width:196px; padding-left:0;} #homeNews .getNewsletters .bd { width:197px; padding:10px 9px 0 0;} #homeNews .getNewsletters p { padding:4px 0 25px 0;} /********************************************************************/ /* Home Tips and Techniques */ /********************************************************************/ .tipsTechniques .bd { background:url(/_images/bkg/tips-techniques.jpg) 2px 10px no-repeat; position:relative; min-height:94px; height:auto !important; height:94px;} .tipsTechniques .bd ul { padding:0 10px 25px 87px;} .tipsTechniques .bd ul li { width:113px;} .tipsTechniques .bd .readMore, .upcomingEvents .bd .readMore { padding:0; position:absolute; bottom:10px; right:10px;} /********************************************************************/ /* Category List */ /********************************************************************/ .categoryList { float:left; width:470px; background:url(/_images/bkg/alert-top.gif) 0px 0px no-repeat; margin:0 0 15px 0; } #content .categoryList ul { float:left; width:470px; background:url(/_images/bkg/alert-footer.gif) bottom left no-repeat; padding:15px 0 8px 0;} #content .categoryList ul li { float:left; width:210px; background:url(/_images/bullets/folder.gif) 15px 0px no-repeat; padding:0 10px 10px 15px;} #content .categoryList ul li.first { clear:left;} #content .categoryList ul li a { float:left; padding:0 0 0 22px; line-height:16px;} .categoryDescription { background:url(/_images/bkg/list-divider.gif) bottom center no-repeat #FAFAFA; margin:0 0 15px 0; color:#5d5d5d; } .categoryDescriptionInner { background:url(/_images/bkg/list-divider.gif) top center no-repeat; padding:15px 15px 0 15px; } /********************************************************************/ /* Module List */ /********************************************************************/ #content .moduleList { float:left; width:470px; padding:0 0 1px 0; background:url(/_images/bkg/list-divider.gif) bottom center no-repeat; margin:0 0 15px 0;} #content .moduleList li { float:left; width:440px; background:url(/_images/bkg/list-divider.gif) top center no-repeat; padding:20px 15px; } #content .moduleList li.even { background-color:#FAFAFA; } #content .moduleList li .details { float:left; width:440px;} #content .moduleList li .details h2 { font-size:1.2em; padding:0 0 5px 0;} #content .moduleList li .details h2 a { text-decoration:none; font-weight:bold;} #content .moduleList li .details h2 a:hover, #content .moduleList li .details h2 a:focus { text-decoration:underline;} #content .moduleList li .details dl { float:left; width:440px; padding:0 0 10px 0;} #content .moduleList li .details dl dd { float:left; font-size:0.9em; color:#2A5260; line-height:1em; padding:0 15px 0 0;} #content .moduleList li .details dl dt { position:absolute; margin-left:-9999px;} #content .moduleList li .details p { padding:0;} .moduleList .thumbnail { margin:0 15px 0 0;} .thumbnail { float:left; background:#fff; padding:5px; border:1px solid #e5e5e5; margin:0 15px 15px 0;} a.thumbnail:hover, a.thumbnail:focus { border:1px solid #b1b1b1; background:#D4D4D4;} #content .moduleList .readMore { text-align:right; line-height:12px; padding:10px 0 0 0;} #content .moduleList .readMore a { font-weight:bold; text-decoration:none; padding:0 0 0 14px; background:url(/_images/bullets/read-more.gif) 0px 5px no-repeat;} /********************************************************************/ /* Article Header */ /********************************************************************/ .articleHeader { float:left; width:470px; padding:0 0 15px 0;} .articleHeader h1 { margin:0;} .articleHeader dl { float:left; width:460px; background:url(/_images/bkg/breadcrumb.gif) bottom left repeat-x #FCFCFC; border-bottom:1px solid #D3D3D3; padding:0 0 0 10px;} .articleHeader dl dt { position:absolute; margin-left:-9999px;} .articleHeader dl dd { float:left; padding:0 15px 0 0; color:#666666; line-height:30px;} /********************************************************************/ /* Page number tags */ /********************************************************************/ #content .pagenumbers { float:left; width:435px; padding:3px 0 15px 0;} #content .pagenumbers li { float:left; display:inline; list-style-type:none; background:none; padding:0; margin:0;} #content .pagenumbers a { color:#002937; text-decoration:none; font-weight:normal; display:block; padding:2px; font-size:12px; border-bottom:2px solid #fff; margin:0 3px; line-height:1em;} #content .pagenumbers .selected a { font-weight:bold; border-bottom:2px solid #002937; } #content .pagenumbers a:hover { border-bottom:2px solid #7E9DB9;} /********************************************************************/ /* News */ /********************************************************************/ #content .news li .details h2 a, #content .events li .details h2 a, #content .tipsList li .details h2 a, #content .tipsList li .details h3 a, #content .dashboards li .details h2 a, #content .papersCategory li .details h2 a { background:url(/_images/bullets/news.gif) 0px 0px no-repeat; display:block; padding:0 0 0 23px;} #content .news li .details dl, #content .events li .details dl, #content .tipsList li .details dl, #content .dashboards li .details dl, #content .papersList li .details dl { width:313px; padding-left:23px;} #content .news li .details p, #content .events li .details p, #content .tipsList li .details p, #content .dashboards li .details p, #content .papersCategory li .details p, #content .papersList li .details p { padding-left:23px;} .newsHeader dl dd.first, .dashboardHeader dl dd.first { background:url(/_images/bullets/news.gif) 0px 7px no-repeat; padding-left:20px;} /********************************************************************/ /* Newsletters */ /********************************************************************/ #content .newsletter li .details .fileDetails { float:right; font-weight:normal; background:url(/_images/bullets/pdf.gif) 0px 0px no-repeat; padding:0 0 0 18px; font-size:0.9em; color:#002F3F;} /********************************************************************/ /* Tips and Techniques Category */ /********************************************************************/ #content .tipsCategory li { padding:0; width:470px;} #content .tipsCategory li .details { width:470px;} #content .tipsCategory li .details h2 {background:#004963 url(/_images/bkg/breadcrumb.gif) repeat-x scroll left bottom; border-bottom:1px solid #D7D7D7; border-top:1px solid #F0F0F0; line-height:1em; padding:7px 10px;} #content .tipsCategory h2 a { padding:1px 0 1px 22px; background:url(/_images/bullets/folder.gif) 0px 0px no-repeat; display:block;} #content .tipsCategory .article { float:left; width:450px; padding:15px 20px 0 0; } #content .tipsCategory .article h3 { font-size:13px; background:url(/_images/bullets/tip.gif) 12px 1px no-repeat; padding:0 0 5px 34px;} #content .tipsCategory .article h4 { font-size:0.9em; padding:0; font-weight:normal;} #content .tipsCategory .article h4 a { float:left; padding:1px 0 5px 34px; width:290px;} #content .tipsCategory .article h4 span { float:right;} #content .tipsCategory .details .article p { padding:0 0 0 34px; font-size:0.9em;} #content .tipsCategory li .details .readMore { padding:15px 0; float:right; width:470px;} /********************************************************************/ /* Tips List */ /********************************************************************/ #content .tipsList li .details h2 a, #content .tipsList li .details h3 a { background:url(/_images/bullets/tip.gif) 0px 0px no-repeat;} .relatedArticles { border:1px solid #D6D6D6; float:left; width:468px; background:#FAFAFA; margin:5px 0;} .relatedArticles h2 { padding:15px;} #content .relatedArticles .tipsList { background:none; margin:0; width:468px;} #content .relatedArticles .tipsList li, #content .relatedArticles .tipsList li .details { width:438px;} #content .tipsList li .details h3 { font-size:1.1em; padding:0 0 5px 0;} /********************************************************************/ /* Technical Papers */ /********************************************************************/ #content .papersCategory li .details h2 a { background:url(/_images/bullets/folder.gif) 0px 1px no-repeat; } #content .papersList li .details h2 { background:url(/_images/bullets/papers.gif) 0px 1px no-repeat; padding-left:23px;} #content .papersList li .details h2 img { vertical-align:text-bottom;} #content .papersList li .details .authors { padding-top:10px; color:#2A5260;} .paperFiles { float:left; width:417px; padding:2px 0 0 23px;} #content .paperFiles .moduleList { width:417px; background:none; margin:0; padding:0;} #content .paperFiles .moduleList li { padding:8px 0 0 0; width:417px; background:none;} #content .paperFiles .moduleList li a { text-decoration:none; padding:2px 0 2px 24px; background-position:0px 1px; background-repeat:no-repeat;} #content .paperFiles .moduleList li a:hover, #content .paperFiles .moduleList li a:focus { text-decoration:underline;} #content .paperFiles .moduleList li.pdf a { background-image:url(/_images/bullets/pdf.gif);} #content .paperFiles .moduleList li.ppt a, #content .paperFiles .moduleList li.pptx a { background-image:url(/_images/bullets/powerpoint.gif);} #content .paperFiles .moduleList li.doc a, #content .paperFiles .moduleList li.docx a { background-image:url(/_images/bullets/word.gif);} /********************************************************************/ /* Downloads */ /********************************************************************/ #content .downloads li .details h3 { padding:0 0 5px 0; font-size:1.2em;} #content .downloads li .details h3 a { font-weight:bold; text-decoration:none;} #content .downloads li .details { background-position:0px 2px; background-repeat:no-repeat; background-image:url(/_images/bullets/downloads/misc.gif); width:405px; padding:0 0 0 35px;} #content .downloads li.pdf .details { background-image:url(/_images/bullets/downloads/pdf.gif)} #content .downloads li.doc .details { background-image:url(/_images/bullets/downloads/doc.gif)} #content .downloads li.docx .details { background-image:url(/_images/bullets/downloads/docx.gif)} #content .downloads li.xls .details { background-image:url(/_images/bullets/downloads/xls.gif)} #content .downloads li.xlsx .details { background-image:url(/_images/bullets/downloads/xlsx.gif)} #content .downloads li.ppt .details { background-image:url(/_images/bullets/downloads/ppt.gif)} #content .downloads li.pptx .details { background-image:url(/_images/bullets/downloads/pptx.gif)} #content .downloads li.txt .details { background-image:url(/_images/bullets/downloads/txt.gif)} #content .downloads li.wmv .details { background-image:url(/_images/bullets/downloads/wmv.gif)} #content .downloads li.m4a .details { background-image:url(/_images/bullets/downloads/m4a.gif)} #content .downloads li.mov .details { background-image:url(/_images/bullets/downloads/mov.gif)} #content .downloads li .details dl { width:405px;} /********************************************************************/ /* Search */ /********************************************************************/ #content .search li .details a { float:left; font-weight:bold; text-decoration:none; width:285px; padding:1px 0;} #content .search li .details a:hover, #content .search li .details a:focus { text-decoration:underline;} #content .search li .details .section { float:right; width:140px; padding:1px 0;} #content .search li .details .section span { padding:1px 0 1px 20px; background-position:0px 0px; background-repeat:no-repeat; float:right;} #content .search li .details .news span { background-image:url(/_images/bullets/news.gif);} #content .search li .details .events span { background-image:url(/_images/bullets/calendar.gif);} #content .search li .details .tips span { background-image:url(/_images/bullets/tip.gif);} #content .search li .details .papers span { background-image:url(/_images/bullets/papers.gif);} /********************************************************************/ /* Dashboards */ /********************************************************************/ #content .dashboards li .details h2 a { background:url(/_images/bullets/dashboard.gif) 0px 1px no-repeat;} .dashboardHeader dl dd.first { background:url(/_images/bullets/dashboard.gif) 0px 8px no-repeat;} /********************************************************************/ /* Events */ /********************************************************************/ #content .events li .details h2 a { background:url(/_images/bullets/calendar.gif) 0px 0px no-repeat;} .eventsHeader dl dd.first { background:url(/_images/bullets/calendar.gif) 0px 7px no-repeat; padding-left:20px;} /********************************************************************/ /* Events - Upcoming */ /********************************************************************/ .upcomingEvents .bd { position:relative; min-height:94px; height:auto !important; height:94px; } .upcomingEvents .bd .upcomingList { float:left; width:110px; padding:2px 10px 25px 10px;} .upcomingEvents .bd .upcomingList li { padding:0 0 5px 0; background:none;} .upcomingEvents .bd .upcomingList li a { color:#3b3b3b; font-weight:normal; text-decoration:none;} .upcomingEvents .bd .upcomingList li a:hover, .upcomingEvents .bd .upcomingList li a:focus { text-decoration:underline;} .upcomingEvents .bd .upcomingList li a strong { display:block;} #calendarContainer { float:left; width:75px; padding:0 5px; height:84px; background:url(/_images/bkg/calendar/bkg.png) 0px 0px no-repeat; overflow:hidden;} #calendarContainer a { width:17px; height:18px; position:absolute; top:39px; text-indent:-9999px;} #calendarContainer #calPrev { background:url(/_images/bkg/calendar/prev.png) 0px 0px no-repeat !important; background: url(/_images/bkg/calendar/prev.gif) 0px 0px no-repeat; left:5px; } #calendarContainer #calNext { background:url(/_images/bkg/calendar/next.png) 0px 0px no-repeat !important; background: url(/_images/bkg/calendar/next.gif) 0px 0px no-repeat; left:81px; } #calendarContainer .disabled { display:none;} #calendarContent { float:left; position:relative;} #calendarContent li { width:75px; float:left; display:inline; padding:0; background:none;} #calendarContent li span { float:left; width:75px; display:inline; background-image:url(/_images/bkg/calendar/calendarDates.png); background-repeat:no-repeat; background-position:0px 0px; } #calendarContent li .day { margin-top:12px; height:33px;} #calendarContent li.day01 .day { background-position:0px 0px;} #calendarContent li.day02 .day { background-position:-75px 0px;} #calendarContent li.day03 .day { background-position:-150px 0px;} #calendarContent li.day04 .day { background-position:-225px 0px;} #calendarContent li.day05 .day { background-position:-300px 0px;} #calendarContent li.day06 .day { background-position:-375px 0px;} #calendarContent li.day07 .day { background-position:-450px 0px;} #calendarContent li.day08 .day { background-position:-525px 0px;} #calendarContent li.day09 .day { background-position:-600px 0px;} #calendarContent li.day10 .day { background-position:-675px 0px;} #calendarContent li.day11 .day { background-position:-750px 0px;} #calendarContent li.day12 .day { background-position:-825px 0px;} #calendarContent li.day13 .day { background-position:-900px 0px;} #calendarContent li.day14 .day { background-position:-975px 0px;} #calendarContent li.day15 .day { background-position:-1050px 0px;} #calendarContent li.day16 .day { background-position:-1125px 0px;} #calendarContent li.day17 .day { background-position:-1200px 0px;} #calendarContent li.day18 .day { background-position:-1275px 0px;} #calendarContent li.day19 .day { background-position:-1350px 0px;} #calendarContent li.day20 .day { background-position:-1425px 0px;} #calendarContent li.day21 .day { background-position:-1500px 0px;} #calendarContent li.day22 .day { background-position:-1575px 0px;} #calendarContent li.day23 .day { background-position:-1650px 0px;} #calendarContent li.day24 .day { background-position:-1725px 0px;} #calendarContent li.day25 .day { background-position:-1800px 0px;} #calendarContent li.day26 .day { background-position:-1875px 0px;} #calendarContent li.day27 .day { background-position:-1950px 0px;} #calendarContent li.day28 .day { background-position:-2025px 0px;} #calendarContent li.day29 .day { background-position:-2100px 0px;} #calendarContent li.day30 .day { background-position:-2175px 0px;} #calendarContent li.day31 .day { background-position:-2250px 0px;} #calendarContent li .month { margin-top:16px; height:14px;} #calendarContent li.month01 .month { background-position:0px -33px;} #calendarContent li.month02 .month { background-position:-75px -33px;} #calendarContent li.month03 .month { background-position:-150px -33px;} #calendarContent li.month04 .month { background-position:-225px -33px;} #calendarContent li.month05 .month { background-position:-300px -33px;} #calendarContent li.month06 .month { background-position:-375px -33px;} #calendarContent li.month07 .month { background-position:-450px -33px;} #calendarContent li.month08 .month { background-position:-525px -33px;} #calendarContent li.month09 .month { background-position:-600px -33px;} #calendarContent li.month10 .month { background-position:-675px -33px;} #calendarContent li.month11 .month { background-position:-750px -33px;} #calendarContent li.month12 .month { background-position:-825px -33px;} /********************************************************************/ /* Product List */ /********************************************************************/ .productListContainer { float:left; width:470px; padding:0 0 35px 0;} .productListContainer h2 { font-size:1.2em; padding:7px 10px; background:url(/_images/bkg/breadcrumb.gif) bottom left repeat-x #004963; border-bottom:1px solid #d7d7d7; line-height:1em; border-top:1px solid #F0F0F0; } #content .productListContainer .productList { margin:0;} #content .productListContainer .productList li { padding:8px 15px;} #content .productListContainer .productList li a { text-decoration:none; background:url(/_images/bullets/bullet.gif) 0px 5px no-repeat; padding:0 0 0 15px; float:left; width:425px;} #content .productListContainer .productList li a:focus, #content .productListContainer .productList li a:hover { text-decoration:underline;} .selectPath { float:left; width:100%; padding:0 0 5px 0; background:url(/_images/bkg/list-divider.gif) bottom center no-repeat; margin:0 0 25px 0;} .selectPath h2 { padding:15px 0 0 0; background:url(/_images/bkg/list-divider.gif) top center no-repeat; float:left; width:100%;} .selectPathFooter { margin:10px 0;} .courseDetails { float:left; width:100%;} .courseDetails h2 { padding:15px 0 3px 0;} /********************************************************************/ /* Topics */ /********************************************************************/ .topics { width:470px; padding:25px 0 0 0; margin:10px 0 0 0; background:url(/_images/bkg/list-divider.gif) top center no-repeat; float:left; } .topics h3 { font-size:1em; padding:7px 10px; background:url(/_images/bkg/breadcrumb.gif) bottom left repeat-x #fff; border-bottom:1px solid #d7d7d7; line-height:1em; border-top:1px solid #F0F0F0; border-right:1px solid #d7d7d7; border-left:1px solid #d7d7d7; } #content .topics ul { padding:0;} #content .topics ul { padding:10px 0 15px 10px;} .topicContainer { float:left; width:470px; padding:5px 0 0 0;} .topicContainer .topic { float:right; width:225px;} .topicContainer .first { float:left; clear:left;} /********************************************************************/ /* Pricing Table */ /********************************************************************/ .coursePricing { width:470px; padding:25px 0 10px 0; margin:10px 0 0 0; background:url(/_images/bkg/list-divider.gif) top center no-repeat; float:left; } #content .coursePricing table { border-top:none; border-left:none; border-right:1px solid #E1E1E1; width:470px;} #content .coursePricing table th, #content .coursePricing table td { text-align:center; vertical-align:middle;} #content .coursePricing table th { border-top:1px solid #E1E1E1; border-right:none; border-left:1px solid #E1E1E1; color:#002836;} #content .coursePricing table td { border-right:none; border-left:1px solid #E1E1E1;} #content .coursePricing table td.attendees { width:100px; color:#484848; background:#f7f7f7; font-weight:bold;} #content .coursePricing table .even { background:#FAFAFA;} #content .coursePricing table .even .attendees { background:#f0f0f0;} #content .coursePricing table .highlight, #content .coursePricing table .highlight td, #content .coursePricing table .highlight td.name, #content .coursePricing table tr:hover td, #content .coursePricing table tr:hover td.attendees { background:#fffee9;} .onsiteList { background:url(/_images/bkg/list-divider.gif) bottom center no-repeat; float:left; padding:0 0 15px 0; margin:0 0 15px 0; } /********************************************************************/ /* Product Calendar */ /********************************************************************/ .productCalendar { float:left; width:100%; padding:0 0 30px 0; background:url(/_images/bkg/list-divider.gif) bottom center no-repeat; margin:0 0 30px 0;} .elearningCalendar { padding:30px 0 0 0; margin:0; background:url(/_images/bkg/list-divider.gif) top center no-repeat; } .productCalendar h2 { padding:0 0 5px 0;} #content .productCalendar table { border-top:none; border-left:none; border-right:1px solid #E1E1E1; width:708px; table-layout:fixed;} #content .productCalendar table th, #content .productCalendar table td { text-align:center; vertical-align:middle;} #content .productCalendar table th { border-top:1px solid #E1E1E1; border-right:none; border-left:1px solid #E1E1E1; color:#002836;} #content .productCalendar table td { border-right:none; border-left:1px solid #E1E1E1;} #content .productCalendar table .name { color:#002836; text-align:left; width:200px; background:#f7f7f7;} #content .productCalendar table th.name { text-indent:-9999px; background:#fff; border:none;} #content .productCalendar table .duration { width:60px;} #content .productCalendar table .date { width:130px;} #content .productCalendar table .date .time { display:block;} #content .productCalendar table .even { background:#FAFAFA;} #content .productCalendar table .even .name { background:#f0f0f0;} #content .productCalendar table .highlight, #content .productCalendar table .highlight td, #content .productCalendar table .highlight td.name, #content .productCalendar table tr:hover td, #content .productCalendar table tr:hover td.name { background:#fffee9;} .calendarControls { float:right; width:424px; margin:0 2px 0 0; display:inline; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; position:relative; text-align:center; line-height:28px; font-weight:bold; color:#01435B; background:url(/_images/bkg/product-cal-header.gif) bottom left repeat-x #fff;} .calendarControls a { position:absolute; top:3px; height:22px; width:22px; text-indent:-9999px;} .calendarControls .nextMonth { right:5px; background:url(/_images/buttons/product-cal-next.gif) 0px 0px no-repeat;} .calendarControls .previousMonth { left:5px; background:url(/_images/buttons/product-cal-prev.gif) 0px 0px no-repeat;} .productDetailsCalendar { width:470px; padding:25px 0 20px 0; margin:10px 0 0 0; background:url(/_images/bkg/list-divider.gif) top center no-repeat; } .productDetailsCalendar h2 { padding:0 0 15px 0;} .productDetailsCalendar .calendarControls { float:left; margin:0; width:468px;} #content .productDetailsCalendar table { width:470px; margin:0;} .onsiteTraining { float:left; width:470px; padding:25px 0 0 0; margin:10px 0 0 0; background:url(/_images/bkg/list-divider.gif) top center no-repeat;} #content .onsiteTraining form { padding:0;} .onsiteTrainingList { background:none; padding:10px 0 0 0; margin:0;} #content .productDownloads .downloads { background:none; margin:0;} /********************************************************************/ /* Tooltip */ /********************************************************************/ .tooltipContainer .tip { background:#A52A22;} .tooltipContainer .tip-title { color:#fff; font-size: 1em; padding:5px 10px; } .tooltipContainer .tip-text { display:none; } /********************************************************************/ /* Site Map */ /********************************************************************/ ul#siteMap { float:left; width:470px; background:url(/_images/bkg/list-divider.gif) bottom center no-repeat; padding:0; margin:0 0 15px 0;} #siteMap li { float:left; width:470px; background:url(/_images/bkg/list-divider.gif) top center no-repeat; padding:0; } #siteMap li.even { background-color:#FAFAFA;} #siteMap li a { display:block; padding:12px 10px; text-decoration:none; font-weight:bold; font-size:1.1em; line-height:1em;} #siteMap li ul { float:left; width:470px; padding:0 0 5px 0;} #siteMap li ul li { background:url(/_images/bullets/bullet.gif) 21px 4px no-repeat; padding:0 0 5px 38px; width:430px;} #siteMap li ul li a { padding:0; font-size:1em; font-weight:normal; line-height:1.4em;} #siteMap li ul li a:hover, #siteMap li ul li a:focus { text-decoration:underline;} /********************************************************************/ /* Footer */ /********************************************************************/ #footer { float:left; width:980px; background:url(/_images/bkg/footer.gif) 0px 0px repeat-x #002532;} #footer li { float:left; display:inline; padding:0 10px; line-height:35px; background:url(/_images/bkg/footer-divider.gif) 0px 12px no-repeat; color:#99b1b9;} #footer li.copyright, #footer li.first, #footer li.credit { background:none;} #footer li a { color:#99b1b9; font-weight:normal; text-decoration:none;} #footer li a:hover, #footer li a:focus { text-decoration:underline;} #footer li.credit { float:right;} #footer li.credit a { font-weight:bold;}