/* ~~~~~~~~~~~~~~~ default stylesheet ~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~ global styles ~~~~~~~~~~~~~~~ */ html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, hr, form, fieldset, a, div, img, blockquote, dl, dt, dd { margin: 0; padding: 0; border: 0; } body { font-family: arial, Helvetica, sans-serif; font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */ line-height: 1.3em; text-align: left; color: #000; background-color: #fff; font-size: 0.7em; } /*div { border-bottom: 1px solid #000; }*/ h1,h2,h3,h4,h5,h6 { color: #213670; margin: 0; padding: 0;} p { margin: 0 0 15px 0; padding: 0; } a { font-size: 1em; text-decoration: underline; color: #5b75a7; } a:hover { text-decoration: underline; } a:active { outline: none; } a:focus { -moz-outline-style: none; } img { border: none; } .clear { clear: both; } .hide { display: none; } form, fieldset { margin: 0; padding: 0; border: none; } /* ~~~~~~~~~~~~~~~ wrapper ~~~~~~~~~~~~~~~ */ #footer, #wrapper { position: relative; width: 980px; margin: 0 auto 0 auto; } /* ~~~~~~~~~~~~~~~ header ~~~~~~~~~~~~~~~ */ #header { position: relative; margin: 0 auto 0 auto; width: 980px; height: 95px; background: transparent url(/images/logo_mycom.gif) 10px 0 no-repeat; z-index: 10 !important; } #header #skip { display: none; } #header h1 { position: absolute; width: 196px; height: 78px; margin: 0; padding: 0; z-index: 10; } #header h1 a { position: absolute; display: block; top: 0; left: 0; width: 196px; height: 78px; text-indent: -9999px; } /* ~~~~~~~~~~~~~~~ top nav ~~~~~~~~~~~~~~~ */ #topNav { position: absolute; top: 10px; right: 6px; color: #5b75a7; /*background: #fff url(/images/hdr_bg_l.gif) 0 0 no-repeat;*/ } #topNav a { text-decoration: none; } #topNav a:hover { text-decoration: underline; color: #000; } #topNav form { display: inline; } #topNav input { width: 156px; height: 16px; background: #fff url(/images/icn_arrow-r-000.gif) top right no-repeat; border-top: 1px solid #000; padding: 2px 0 0 3px; border-left: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #959595; color: #434343; font-size: 0.9em; margin: 10px 0 0 14px; } #topNav em { font-style: normal; margin: 0; } #topNav #topL { position: relative; float: right; height: 27px; padding: 11px 0 0 20px; background: #fff url(/images/hdr_bg_l.gif) top left repeat-x; font-size: 0.9em; } #topNav #topR { position: relative; float: right; height: 40px; width: 190px; background: #fff url(/images/hdr_bg_r.gif) top right no-repeat; } #topNav #topR span { display: none; } /* ~~~~~~~~~~~~~~~ top menu ~~~~~~~~~~~~~~~ */ #mainMenu { position: relative; float: right; top: 50px; margin: 0 6px 0 0; width: 693px; height: 45px; z-index: 10 !important; } #mainMenu ul { padding: 0; margin: 0; list-style-type: none; display: block; } #mainMenu li { position: relative; float: left; display: block; } #mainMenu a.home, #mainMenu a.home:visited, #mainMenu a.aboutUs, #mainMenu a.aboutUs:visited, #mainMenu a.solutions, #mainMenu a.solutions:visited, #mainMenu a.products, #mainMenu a.products:visited, #mainMenu a.services, #mainMenu a.services:visited, #mainMenu a.customerSupport, #mainMenu a.customerSupport:visited, #mainMenu a.partners, #mainMenu a.partners:visited, #mainMenu a.contactUs, #mainMenu a.contactUs:visited { position: relative; display: block; text-decoration: none; height: 45px; } #mainMenu .home, #mainMenu .aboutUs, #mainMenu .solutions, #mainMenu .products, #mainMenu .services, #mainMenu .customerSupport, #mainMenu .partners, #mainMenu .contactUs { border: 0 !important; } #mainMenu .home a.home, #mainMenu .aboutUs a.aboutUs, #mainMenu .solutions a.solutions, #mainMenu .products a.products, #mainMenu .services a.services, #mainMenu .customerSupport a.customerSupport, #mainMenu .partners a.partners, #mainMenu .contactUs a.contactUs { border: 0 !important; text-indent: -9999px; background: transparent url(/images/main_menu.jpg) 0 0 no-repeat;} #mainMenu .home { width: 35px !important; } #mainMenu .aboutUs { width: 90px !important; } #mainMenu .solutions { width: 89px !important; } #mainMenu .products { width: 85px !important; } #mainMenu .services { width: 80px !important; } #mainMenu .customerSupport { width: 156px !important; } #mainMenu .partners { width: 81px !important; } #mainMenu .contactUs { width: 77px !important; } #mainMenu .home a.home { width: 35px !important; background-position: 0 0; } #mainMenu .aboutUs a.aboutUs { width: 90px !important; background-position: -35px 0; } #mainMenu .solutions a.solutions { width: 89px !important; background-position: -125px 0; } #mainMenu .products a.products { width: 85px !important; background-position: -214px 0; } #mainMenu .services a.services { width: 80px !important; background-position: -299px 0; } #mainMenu .customerSupport a.customerSupport { width: 156px !important; background-position: -379px 0; } #mainMenu .partners a.partners { width: 81px !important; background-position: -535px 0; } #mainMenu .contactUs a.contactUs { width: 77px !important; background-position: -616px 0; } #mainMenu .home a.home:hover { width: 35px !important; background-position: 0 -45px; } #mainMenu .aboutUs a.aboutUs:hover { width: 90px !important; background-position: -35px -45px; } #mainMenu .solutions a.solutions:hover { width: 89px !important; background-position: -125px -45px; } #mainMenu .products a.products:hover { width: 85px !important; background-position: -214px -45px; } #mainMenu .services a.services:hover { width: 80px !important; background-position: -299px -45px; } #mainMenu .customerSupport a.customerSupport:hover { width: 156px !important; background-position: -379px -45px; } #mainMenu .partners a.partners:hover { width: 81px !important; background-position: -535px -45px; } #mainMenu .contactUs a.contactUs:hover { width: 77px !important; background-position: -616px -45px; } #mainMenu .home a.current { background-position: 0 -45px; } #mainMenu .aboutUs a.current { background-position: -35px -45px; } #mainMenu .solutions a.current { background-position: -125px -45px; } #mainMenu .products a.current { background-position: -214px -45px; } #mainMenu .services a.current { background-position: -299px -45px; } #mainMenu .customerSupport a.current { background-position: -379px -45px; } #mainMenu .partners a.current { background-position: -535px -45px; } #mainMenu .contactUs a.current { background-position: -616px -45px; } #mainMenu .home ul, #mainMenu .aboutUs ul, #mainMenu .solutions ul, #mainMenu .products ul, #mainMenu .services ul, #mainMenu .customerSupport ul, #mainMenu .partners ul, #mainMenu .contactUs ul { text-indent: 0 !important; } /* ~~~~~~~~~~~~~~~ nav: superfish styles ~~~~~~~~~~~~~~~ */ #menu1, #menu1 * { margin: 0; padding: 0; list-style: none; /*height: 28px;*/ } #menu1 { /*line-height: 1; */ font-size: 1em; } #menu1 ul { position: absolute; top: -999em; width: 164px; /* left offset of submenus need to match (see below) */ } #menu1 ul li { width: 100%; } #menu1 li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #menu1 li li a { position: relative; display: block; padding: 7px 7px 5px 13px; margin: 0; border-top: 1px solid #fff; border-bottom: 1px solid #a0afac; text-decoration: none; height: auto !important; min-height: 16px; height: 16px; } #menu1 li li .sf-sub-indicator { position: absolute; display: block; right: 0; top: 0; width: 11px; height: 30px; text-indent: -999em; overflow: hidden; background: transparent url(/images/icn_nav_arrow-r.gif) 0 0 no-repeat; color: #fff; } #menu1 li li li a { color: #5882bc; } #menu1 li li li a:hover { color: #5882bc; } #menu1 > li > ul { -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; background: url(/images/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; } #menu1 > li > ul > li > ul { -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; background: url(/images/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; } #menu1 a, #menu1 a:visited { color: #3f4b50; /* visited pseudo selector so IE6 applies text colour*/ } #menu1 li, #menu1 li:hover, #menu1 li.sfHover { background: transparent; } #menu1 li li { background: #ced9eb; } #menu1 li li li { background: #fff; } #menu1 li li a:hover, #menu1 li li a.sfHover, #menu1 li li:hover, #menu1 li li.sfHover { background: #8ca7d2; color: #fff; outline: none; } #menu1 li li.current { background: #8ca7d2; color: #fff; } #menu1 li li a.current { color: #fff; } #menu1 li li li a:hover, #menu1 li li li a.sfHover, #menu1 li li li:hover, #menu1 li li li.sfHover { background: #5882bc; color: #fff; outline: none; } #menu1 li li li.current { background: #5882bc; color: #fff; } #menu1 li li li a.current { color: #fff; } #menu1 a:focus, #menu1 a:hover, #menu1 a:active { outline: none; } #menu1 li:hover ul, #menu1 li.sfHover ul { left: 0; top: 46px; /* match top ul list item height */ z-index: 99; } ul#menu1 li li:hover ul, ul#menu1 li li.sfHover ul { left: 164px; /* match ul width */ top: 0; } /* ~~~~~~~~~~~~~~~ footer ~~~~~~~~~~~~~~~ */ /*#footer { height: 40px; font-size: 0.9em; color: #000; margin: 20px 0 0 0; }*/ #footer { height: 10px; font-size: 0.9em; color: #000; margin: 20px 0 0 0; } #footer a { text-decoration: none; color: #000; } #footer a:hover { text-decoration: underline; color: #000; } #footer #menu2 { line-height: 1em; padding: 0; margin: 0 0 0 10px; height: 15px; list-style-type: none; display: block; } #footer #menu2 li { position: relative; float: left; display: block; margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #000; } #footer #menu2 li.last { border: none; } #footer #menu3 { line-height: 1em; padding: 5px 0 0 0; margin: 0 0 0 10px; height: 15px; list-style-type: none; display: block; } #footer #menu3 li { position: relative; float: left; display: block; margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #000; } #footer #menu3 li.last { border: none; } /* ~~~~~~~~~~~~~~~ home page image fader ~~~~~~~~~~~~~~~ */ #home #wrapper #imageFader { position: relative; width: 980px; height: 290px; padding: 0; margin: 0; } #home #wrapper #imageFader img { width: 980px; height: 290px; border: 0; top: 0; left: 0; } #home #wrapper #imageFader span { display: none; } /* ~~~~~~~~~~~~~~~ home page panels ~~~~~~~~~~~~~~~ */ #home #wrapper #panelsWrapper { position:relative; height: 184px; margin: 3px 0 0 0; } #home #wrapper #panelsWrapper #newsPanel { position: relative; float: left; width: 389px; height: 184px; background: #fff url(/images/panels_home-wide.gif) 0 0 no-repeat; } #home #wrapper #panelsWrapper #newsPanel h2 { font-size: 1em; color: #fff; margin: 10px 10px 13px 15px; } #home #wrapper #panelsWrapper #newsPanel h2 a { text-decoration: none; color: #fff; } #home #wrapper #panelsWrapper #newsPanel h2 a:hover { text-decoration: none; color: #5b75a7; } #home #wrapper #panelsWrapper #newsPanel .newsItem { position:relative; margin: 0 5px 0 15px; } #home #wrapper #panelsWrapper #newsPanel .newsItem h3 { font-weight: normal; font-size: 1em; } #home #wrapper #panelsWrapper #newsPanel .newsItem p { margin: 0 0 7px 0; } #home #wrapper #panelsWrapper #newsPanel .newsItem a { text-decoration: none; color: #000; font-size: 1em; } #home #wrapper #panelsWrapper #newsPanel .newsItem a:hover { text-decoration: underline; } #home #wrapper #panelsWrapper .quicklinks { position: relative; float: left; width: 197px; height: 184px; color: #213670;} #home #wrapper #panelsWrapper .quicklinks h2 { font-size: 1em; color: #fff; margin: 10px 10px 10px 15px; } #home #wrapper #panelsWrapper .quicklinks h2 a { text-decoration: none; color: #fff; } #home #wrapper #panelsWrapper .quicklinks h2 a:hover { text-decoration: none; color: #5b75a7; } #home #wrapper #panelsWrapper .quicklinks p { margin: 0 10px 0 15px; font-size: 1em; color: #213670; } #home #wrapper #panelsWrapper .quicklinks a { text-decoration: none; color: #213670; } #home #wrapper #panelsWrapper .quicklinks a:hover { text-decoration: underline; color: #000; } #home #wrapper #panelsWrapper #newsPanel #newsScroll { position: relative; height: 134px; } #home #wrapper #panelsWrapper #newsPanel .scrollPane { width: 374px; } /* ~~~~~~~~~~~~~~~ sub page panels ~~~~~~~~~~~~~~~ */ #sub #wrapper #mainContainer #col1, #sub #wrapper #mainContainer #col3 { position: relative; float: left; width: 195px; } #sub #wrapper #mainContainer #col2 { position: relative; float: left; width: 584px; padding: 0 3px 0 3px; } /* ~~~~~~~~~~~~~~~ COL 1 ~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~ sub nav ~~~~~~~~~~~~~~~ */ #sub #wrapper #mainContainer #col1 #panelNav { background: #fff url(/images/bg_panel_subNav-L.gif) bottom left no-repeat; } #sub #wrapper #mainContainer #col1 #panelNav h2 { position: relative; display: block; padding: 17px 10px 10px 15px; font-size: 1em; color: #fff; background: transparent url(/images/bg_panel_subNavTop.gif) 0 0 no-repeat; height: 1px; line-height: 0; margin: 0; } #sub #wrapper #mainContainer #col1 #panelNav .outer { padding: 5px 0 15px 0; } #sub #wrapper #mainContainer #col1 #panelNav ul { padding: 0; list-style-type: none; margin: 0 10px 3px 10px; display: block; } #sub #wrapper #mainContainer #col1 #panelNav ul ul { list-style-type: none; margin: 2px 0 1px 0; } #sub #wrapper #mainContainer #col1 #panelNav li { position: relative; display: block; } #sub #wrapper #mainContainer #col1 #panelNav li a { position: relative; display: block; font-size: 1em; color: #000; text-decoration: none; padding: 2px 0 2px 5px; } #sub #wrapper #mainContainer #col1 #panelNav li a:hover { color: #fff; background-color: #94a5c6; text-decoration: none; } #sub #wrapper #mainContainer #col1 #panelNav li a.current { color: #fff; background-color: #94a5c6; text-decoration: none; } #sub #wrapper #mainContainer #col1 #panelNav li li { position: relative; display: block; padding: 0 0 0 10px; background: transparent url(/images/tx.gif) 2px 0 no-repeat; } #sub #wrapper #mainContainer #col1 #panelNav li li:hover { position: relative; display: block; padding: 0 0 0 10px; background: transparent url(/images/icn_bullet.gif) 5px 3px no-repeat; } #sub #wrapper #mainContainer #col1 #panelNav li li.current { position: relative; display: block; padding: 0 0 0 10px; background: transparent url(/images/icn_bullet.gif) 5px 3px no-repeat; } #sub #wrapper #mainContainer #col1 #panelNav li li a { color: #5b75a7; text-decoration: none; font-size: 1em; } #sub #wrapper #mainContainer #col1 #panelNav li li a:hover { color: #000; text-decoration: none; background: transparent url(/images/tx.gif) 0 0 no-repeat; } #sub #wrapper #mainContainer #col1 #panelNav li li a.current { color: #000; text-decoration: none; background: transparent url(/images/tx.gif) 0 0 no-repeat; } /* ~~~~~~~~~~~~~~~ events ~~~~~~~~~~~~~~~ */ #sub #wrapper #mainContainer #col1 #panelEvents { padding: 9px 10px 10px 15px; height: auto !important; min-height: 220px; height: 220px; } #sub #wrapper #mainContainer #col1 #panelEvents h2 { position: relative; display: block; font-size: 1em; color: #fff; margin: 0 0 10px 0; } #sub #wrapper #mainContainer #col1 #panelEvents h2 a { text-decoration: none; color: #fff; } #sub #wrapper #mainContainer #col1 #panelEvents h2 a:hover { text-decoration: none; color: #213670; } #sub #wrapper #mainContainer #col1 #panelEvents p { margin: 0 0 0 0; font-size: 1em; color: #213670; } #sub #wrapper #mainContainer #col1 #panelEvents a { text-decoration: underline; } #sub #wrapper #mainContainer #col1 #panelEvents a:hover { color: #000; text-decoration: underline; } #sub #wrapper #mainContainer #col1 #panelEvents #panelScroll { height: 150px; background: transparent url(/images/tx_25.png) 0 0 repeat-y; } /* ~~~~~~~~~~~~~~~ COL 3 ~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~ contact ~~~~~~~~~~~~~~~ */ #sub #wrapper #mainContainer #col3 #panelContact { padding: 0 0 10px 0; margin: 0 0 2px 0; background: #fff url(/images/bg_panel_subNav-R.gif) bottom left no-repeat; } #sub #wrapper #mainContainer #col3 #panelContact h2 { position: relative; display: block; padding: 17px 10px 19px 15px; font-size: 1em; color: #fff; background: transparent url(/images/bg_panel_RHNavTop.gif) 0 0 no-repeat; height: 1px; line-height: 0; margin: 0; } #sub #wrapper #mainContainer #col3 #panelContact h2 a { text-decoration: none; color: #fff; } #sub #wrapper #mainContainer #col3 #panelContact h2 a:hover { text-decoration: none; color: #5b75a7; } #sub #wrapper #mainContainer #col3 #panelContact p { margin: 0 13px 5px 13px; color: #5b75a7; } #sub #wrapper #mainContainer #col3 #panelContact .callme { cursor: pointer; background: transparent url(/images/icn_callback.gif) 0 0 no-repeat; margin-top: 10px; padding: 0 0 0 20px; color: #213670; font-weight: bold;} #sub #wrapper #mainContainer #col3 #panelContact .callme:hover { color: #000; text-decoration: underline; } #sub #wrapper #mainContainer #col3 #panelContact .callmeForm { margin: 10px 10px 17px 0; padding: 0 0 0 17px; } #sub #wrapper #mainContainer #col3 #panelContact .callmeForm p { margin: 0; color: #213670; font-size: 0.9em; line-height: 1.2em; } #sub #wrapper #mainContainer #col3 #panelContact .emailUs { background: transparent url(/images/icn_email.gif) 0 4px no-repeat; margin-top: 10px; padding: 0 0 0 20px; color: #213670; font-weight: bold; } #sub #wrapper #mainContainer #col3 #panelContact .emailUs a { text-decoration: none; color: #213670; } #sub #wrapper #mainContainer #col3 #panelContact .emailUs a:hover { text-decoration: underline; color: #000; } #sub #wrapper #mainContainer #col3 #panelContact .callmeForm #form2 .callmeField { color: #666; font-size: 1em; width: 155px; border: 1px solid #666; } /* ~~~~~~~~~~~~~~~ downloads ~~~~~~~~~~~~~~~ */ #sub #wrapper #mainContainer #col3 #panelDownloads { padding: 0 0 15px 0; margin: 0 0 4px 0; background: #fff url(/images/bg_panel_subNav-R.gif) bottom left no-repeat; color: #5b75a7; } #sub #wrapper #mainContainer #col3 #panelDownloads h2 { position: relative; display: block; height: 1px; padding: 19px 10px 19px 15px; font-size: 1em; color: #fff; background: transparent url(/images/bg_panel_RHDnldsTop.gif) 0 0 no-repeat; line-height: 0; margin: 0; } #sub #wrapper #mainContainer #col3 #panelDownloads ul { list-style-type: none; display: block; margin: 0; padding: 0; } #sub #wrapper #mainContainer #col3 #panelDownloads li { display: block; background: transparent url(/images/icn_pdf_dwnld.gif) 0 0 no-repeat; padding: 0 5px 0 25px; margin: 3px 0 0 10px; height: auto !important; min-height: 20px; height: 20px; } #sub #wrapper #mainContainer #col3 #panelDownloads a { color: #213670; text-decoration: none; } #sub #wrapper #mainContainer #col3 #panelDownloads a:hover { color: #000; text-decoration: underline; } /* ~~~~~~~~~~~~~~~ related ~~~~~~~~~~~~~~~ */ #sub #wrapper #mainContainer #col3 #panelRelated { padding: 0 0 10px 0; height: auto !important; min-height: 228px; height: 228px; } #sub #wrapper #mainContainer #col3 #panelRelated h2 { position: relative; display: block; padding: 10px 10px 10px 15px; font-size: 1em; color: #fff; } #sub #wrapper #mainContainer #col3 #panelRelated ul { padding: 0; margin: 0 12px 3px 15px; list-style-type: none; display: block; } #sub #wrapper #mainContainer #col3 #panelRelated li { position: relative; display: block; } #sub #wrapper #mainContainer #col3 #panelRelated .outer { padding: 5px 0 15px 0; } #sub #wrapper #mainContainer #col3 #panelRelated a { color: #213670; text-decoration: none; } #sub #wrapper #mainContainer #col3 #panelRelated a:hover { color: #000; text-decoration: underline; } /* ~~~~~~~~~~~~~~~ COL 2 ~~~~~~~~~~~~~~~ */ #sub #wrapper #mainContainer #col2 #mainContent { background-color: #fff; margin: 8px 0 0 0; background: #fff url(/images/bg_vert_LR-borders.gif) 0 0 repeat-y; } #sub #wrapper #mainContainer #col2 #mainContent h2, #sub #wrapper #mainContainer #col2 #mainContent h3, #sub #wrapper #mainContainer #col2 #mainContent h4, #sub #wrapper #mainContainer #col2 #mainContent h5, #sub #wrapper #mainContainer #col2 #mainContent h6 { margin: 0 0 10px 10px; padding: 0; } #sub #wrapper #mainContainer #col2 #mainContent .scrollPane h2, #sub #wrapper #mainContainer #col2 #mainContent .scrollPane h3, #sub #wrapper #mainContainer #col2 #mainContent .scrollPane h4, #sub #wrapper #mainContainer #col2 #mainContent .scrollPane h5, #sub #wrapper #mainContainer #col2 #mainContent .scrollPane h6 { margin: 0; padding: 0; } #sub #wrapper #mainContainer #col2 #mainContent h3.mainContentHdr { position: relative; display: block; padding: 4px 10px 20px 10px; margin: 0; font-size: 1em; color: #fff; background: transparent url(/images/bg_sub_h3-header.gif) 0 0 no-repeat; } #sub #wrapper #mainContainer #col2 #mainContent p { margin: 0 15px 15px 10px; padding: 0; } #sub #wrapper #mainContainer #col2 #mainContent ol, #sub #wrapper #mainContainer #col2 #mainContent ul {margin: 0 20px 12px 0; } #sub #wrapper #mainContainer #col2 #mainContent li { margin: 0 0 0 35px; } #sub #wrapper #mainContainer #col2 #mainContent a:hover { color: #000; text-decoration: underline; } #sub #wrapper #mainContainer #col2 #mainContent table { margin: 0 15px 15px 15px; /*border-left: 1px solid #d2d9e7; border-bottom: 1px solid #d2d9e7;*/ } #sub #wrapper #mainContainer #col2 #mainContent th { padding: 7px 7px 7px 10px; background-color: #d2d9e7; color: #213670; } #sub #wrapper #mainContainer #col2 #mainContent td { padding: 10px; color: #000; } #sub #wrapper #mainContainer #col2 #mainContent td { /*border-top: 1px solid #d2d9e7; border-right: 1px solid #d2d9e7;*/ } /* special class for careers page */ #sub #wrapper #mainContainer #col2 #mainContent table.careers { margin: 0 15px 15px 10px; } #sub #wrapper #mainContainer #col2 #mainContent table.careers td { padding: 0 0 5px 0; color: #000; } #sub #wrapper #mainContainer #col2 #mainContent hr { margin: 0 20px 10px 20px; height: 1px; border-top: 1px solid #d2d9e7; } #sub #wrapper #mainContainer #col2 #mainContent h3 { font-size: 1.3em; } #sub #wrapper #mainContainer #col2 #mainContent h4 { font-size: 1.2em; } #sub #wrapper #mainContainer #col2 #mainContent h5 { font-size: 1em; } #sub #wrapper #mainContainer #col2 #mainContent h6 { font-size: 0.9em; } /* ~~~~~~~~~~~~~~~ sub tabs ~~~~~~~~~~~~~~~ */ #sub #wrapper #mainContainer #col2 #mainContent #subPanel #subPanelContainer { margin: 0 auto 0 auto; border: 1px solid #cdd5e4; background-color: #fff; width: 538px; padding: 10px; } #sub #wrapper #mainContainer #col2 #mainContent #subPanel .scrollPane { width: 539px; height: 480px; overflow: auto; } #sub #wrapper #mainContainer #col2 #mainContent #subPanel #subPanelContainer .scrollPane h2, #sub #wrapper #mainContainer #col2 #mainContent #subPanel #subPanelContainer .scrollPane h3, #sub #wrapper #mainContainer #col2 #mainContent #subPanel #subPanelContainer .scrollPane h4, #sub #wrapper #mainContainer #col2 #mainContent #subPanel #subPanelContainer .scrollPane h5, #sub #wrapper #mainContainer #col2 #mainContent #subPanel #subPanelContainer .scrollPane h6 { margin: 0 0 0 10px; padding: 0; } #sub #wrapper #mainContainer #col2 #mainContent #subPanel #subPanelContainer .scrollPane h3 { font-size: 1.1em; } #sub #wrapper #mainContainer #col2 #mainContent #subPanel #subPanelContainer .scrollPane h4 { font-size: 1em;} #sub #wrapper #mainContainer #col2 #mainContent #subPanel #subPanelContainer .scrollPane h5 { font-size: 0.9em; } #sub #wrapper #mainContainer #col2 #mainContent #subPanel #subPanelContainer .scrollPane h6 { font-size: 0.8em; } /* Use class for showing/hiding tab content */ @media projection, screen { .ui-tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } #sub #wrapper #mainContainer #col2 #mainContent #subPanel .ui-tabs-hide { position: absolute; left: -10000px; display: block; } #sub #wrapper #mainContainer #col2 #mainContent #subPanel .ui-tabs-container { border-top: 1px solid #97a5b0; padding: 1em 8px; background: #fff; } #sub #wrapper #mainContainer #col2 #mainContent #subPanel .ui-tabs-loading em { padding: 0 0 0 20px; background: url(/images/loading.gif) no-repeat 0 50%; } #sub #wrapper #mainContainer #col2 #mainContent #subPanel #tab-me { width: 562px; margin: 0 0 0 11px; padding: 0;} #sub #wrapper #mainContainer #col2 #mainContent #subPanel #tab-me ul { padding: 0; margin: 0; list-style-type: none; display: block; } #sub #wrapper #mainContainer #col2 #mainContent #subPanel #tab-me li { position: relative; float: left; display: block; margin: 0; padding: 0; width: 186px; background: transparent url(/images/bg_tab_subPanel2.png) 0 -22px no-repeat; border-left: 1px solid #fff; border-bottom: 1px solid #eef1f6; } #sub #wrapper #mainContainer #col2 #mainContent #subPanel #tab-me li:hover { background-position: 0 0;} #sub #wrapper #mainContainer #col2 #mainContent #subPanel #tab-me li.current { background-position: 0 0; } #sub #wrapper #mainContainer #col2 #mainContent #subPanel #tab-me li a:hover { color: #213670; } #sub #wrapper #mainContainer #col2 #mainContent #subPanel #tab-me a { position: relative; display: block; text-decoration: none; height: 18px; width: 156px; text-align: center; padding: 4px 20px 0 10px; font-weight: bold; } .ui-tabs-nav .ui-tabs-selected a { color: #213670; width: 186px; background: transparent url(/images/bg_tab_subPanel2.png) 0 -22px no-repeat; } .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { background: transparent url(/images/bg_tab_subPanel2.png) 0 0 no-repeat; outline: 0; } .ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background: transparent url(/images/bg_tab_subPanel2.png) 0 -22px no-repeat; } /* ~~~~~~~~~~~~~~~ news toggle divs ~~~~~~~~~~~~~~~ */ @media projection, screen { .toggler2 { margin: 5px 0 15px 0; cursor:pointer; text-decoration: none; font-size: 1em; font-weight: normal; line-height: 1.4em; display: block; border: solid 1px #ccc; padding: 10px 35px 10px 10px; background-color: #5b75a7; } .toggler2-closed { color: #fff; text-decoration: none; background: #5b75a7 url(/images/icn_arrow_right.gif) 520px 12px no-repeat; } .toggler2-closed:hover { color: #fff; text-decoration: none; background: #94a5c6 url(/images/icn_arrow_down.gif) 520px 12px no-repeat; } .toggler2-opened { color: #fff; background: #94a5c6 url(/images/icn_arrow_down.gif) 520px 12px no-repeat; } .toggler2-opened:hover { color: #fff; text-decoration: none; background: #5b75a7 url(/images/icn_arrow_right.gif) 520px 12px no-repeat; } .toggler2-c { margin-bottom: 25px; } .toggler2-c-closed { margin: -14px 0 10px 0; background: #fff; border: solid 1px #a6aeb0; border-top: 0; padding: 10px; width: 527px; } .toggler2-c-opened { margin: -14px 0 10px 0; background: #fff; border: solid 1px #a6aeb0; border-top: 0; padding: 10px; width: 527px; } } @media print { .toggler2-c { margin-bottom: 25px; } .toggler2 { display: none; } } #sub #newsContent { line-height: 1.4em; position: relative; float: left; margin: 19px 10px 10px 12px; width: 550px; } #sub #newsContent h3 { color: #003c75; font-size: 1.1em; margin: 5px 0 10px 0; } #sub #newsContent .toggleNews a { text-decoration: none; } #sub #newsContent .toggleNews a:hover { color: #000; text-decoration: underline; } #sub #newsContent ul { padding: 0 0 0 10px; margin: 0 0 20px 10px; } #sub #newsContent h4 { color: #003c75; font-size: 1.0em; margin: 5px 0 10px 0; } #sub #newsContent h5 { color: #003c75; font-size: 0.9em; margin: 5px 0 10px 0; } #sub #newsContent em { font-weight: normal; font-style: normal; } #sub .toggleNews img { position: relative; float: left; margin: 0 10px 0 0; } #sub #newsContent .toggleNews .backtop a { color: #003762; } #sub #newsContent .toggleNews .backtop a:hover { color: #00aade; } .pagination a { text-decoration: none; color: #94a5c6; border: 1px solid #ccc; padding: 4px 6px 4px 6px; } .pagination a:hover { text-decoration: none; background-color: #94a5c6; } .pagination strong { color: #213670; border: 1px solid #94a5c6; padding: 4px 6px 4px 6px; } /* ~~~~~~~~~~~~~~~ search styles ~~~~~~~~~~~~~~~ */ #searchResults { padding: 20px; } #searchResults a { text-decoration: none; } #searchResults a:hover { color: #000; } #searchResults .result_title b { margin: 0 5px 0 0; } .summary { font-style: italic; } .result_pages a { color: #fff; background-color: #6e7ca2; padding: 2px 5px 2px 5px; margin: 0 2px 0 2px; } .result_pages a:hover { color: #213670; background-color: #eef1f6; padding: 2px 5px 2px 5px; } .highlight { background: #FFFF40; } .searchheading { font-size: 130%; font-weight: bold; } .summary { font-style: italic; } .suggestion { font-size: 100%; } .results { font-size: 100%; } .category { color: #999999; } .sorting { text-align: right; } .result_title { font-size: 100%; } .description { font-size: 100%; color: #008000; } .context { font-size: 100%; } .infoline { font-size: 80%; font-style: normal; color: #808080;} .zoom_searchform { font-size: 100%; } .zoom_results_per_page { font-size: 80%; margin-left: 10px; } .zoom_match { font-size: 80%; margin-left: 10px;} .zoom_categories { font-size: 80%; } .zoom_categories ul { display: inline; margin: 0px; padding: 0px;} .zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; } .cat_summary ul { margin: 0px; padding: 0px; display: inline; } .cat_summary li { display: inline; margin-left: 15px; list-style-type: none; } input.zoom_button { } input.zoom_searchbox { } .result_image { float: left; display: block; } .result_image img { margin: 10px; width: 80px; border: 0px; } .result_block { margin-top: 15px; margin-bottom: 15px; clear: left; } .result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; } .result_pages { font-size: 100%; } .result_pagescount { font-size: 100%; } .searchtime { font-size: 80%; } .recommended { background: #DFFFBF; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; margin-top: 15px; margin-bottom: 15px; } .recommended_heading { float: right; font-weight: bold; } .recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; } .recommend_title { font-size: 100%; } .recommend_description { font-size: 100%; color: #008000; } .recommend_infoline { font-size: 80%; font-style: normal; color: #808080;} .recommend_image { float: left; display: block; } .recommend_image img { margin: 10px; width: 80px; border: 0px; } #sub #wrapper #mainContainer #col2 #mainContent #fileListingTbl img { border: 1px solid #eef1f6; } #sub #wrapper #mainContainer #col2 #mainContent #fileListingTbl img:hover { border: 1px dotted #ccc; } #sub #wrapper #mainContainer #col2 #mainContent #fileListingTbl a { text-decoration: none; } #sub #wrapper #mainContainer #col2 #mainContent #fileListingTbl a:hover { color: #000; text-decoration: underline; } #sub #wrapper #mainContainer #col2 #mainContent fieldset { border: 1px solid #ccc; margin: 20px; padding: 15px; background-color: #fff; } #sub #wrapper #mainContainer #col2 #mainContent legend { margin: 0 0 0 7px; background: #9ec400; color: #fff; padding: 4px 10px 4px 10px; font-weight: bold; } /*///////// enquiry form ////////*/ /*/////////////////////////////////*/ #enquiryForm { display: block; width: 330px; top: 0px; left: 0px; margin: 20px 0 0 15px; } #enquiryForm hr { width: 290px; } #enquiryForm span.hr { display: block; margin: 10px 0 10px 0; height: 1px; width: 320px; background: #666 url(/images/icn-line.gif) top left repeat-x; } #enquiryForm span.hr hr { display: none; } #enquiryForm h4 { color: #00a3e6; font-weight: normal; font-size: 1em; } #enquiryForm p { color: #666; padding: 0 0 5px 0; margin: 0; } #enquiryForm fieldset { padding: 0; margin: 0; border: 0; color: #003974; width: 470px; } #enquiryForm label { color: #666; display: block; clear: left; float: left; width: 120px; font-weight: normal; padding: 2px 0 4px 0; } #enquiryForm .captcha { display: block; width: 256px; background-image: none; } #enquiryForm .captcha label span { display: inline; width: auto; padding: 0; } #enquiryForm .captcha img { border: 1px solid #888; } #enquiryForm .captcha input { } #enquiryForm .captcha span { display: block; font-size: 0.9em; color: #666; } #enquiryForm .captcha label span, #enquiryForm label span { color: #cc0000; font-weight: bold; } #enquiryForm textarea, #enquiryForm input { margin: 2px 0 4px 0; width: 320px; border: 1px solid #ccc; } #enquiryForm #glass2 input, #enquiryForm #glass3 input { border: 0; } #enquiryForm .captcha_success_message { width: 520px; display: block; background-color: #d9efd0; padding: 10px; margin: 7px 0 20px 0; color: #000; border: 1px solid #33691c; } #enquiryForm .captcha_error_message { width: 520px; display: block; background-color: #efa3a3; padding: 10px; margin: 7px 0 20px 0; color: #000; border: 1px solid #f90505; } #enquiryForm #captchText { color: #666; display: block; width: 190px; padding: 0 0 0 130px; } #enquiryForm input#captcha, #enquiryForm input#turing { width: 100px; } #enquiryForm #submit { width: 150px;} #enquiryForm #enqradio { display: block; position: relative; margin: 0 0 10px 0; } #enquiryForm #enqradio input { width: 30px; } #enquiryForm #enqradio span { color: #666; font-weight: normal; } #enquiryForm #enqcheck1 { display: block; margin: 10px 0 0 0; } #enquiryForm #enqcheck1 input { width: 30px; } #enquiryForm #enqcheck1 span { display: block; color: #666; font-weight: normal; } #enquiryForm #enqcheck1 legend { color: #666; font-weight: bold; } #enquiryForm #enqcheck2 { display: block; } #enquiryForm #enqcheck2 input { width: 30px; } #enquiryForm #enqcheck2 span { display: block; color: #666; font-weight: normal; } #enquiryForm #enqcheck2 legend { color: #666; font-weight: bold; } #enquiryForm h4 { color: #666; font-weight: bold; } /* ///// forgotten password form - inline div styles ///// */ #forgotten { font-family: arial, Helvetica, sans-serif; font-size: 77%; line-height: 1.3em; text-align: left; color: #000; background-color: #eef1f6; margin: 20px; padding: 0; } #forgotten fieldset { border: 1px solid #c5c9ca; font-size: 1em; } #forgotten legend { color: #000; margin: 0 7px 0 7px; font-size: 1em; } #forgotten p { color: #666; margin: 10px; font-size: 1em; } #forgotten label { color: #666; font-size: 1.1em; } #forgotten table { margin: 0 0 0 10px; } .fnorm { color: #666; margin: 10px; font-size: 1.1em; } /* ql-vid */ #ql-vid.quicklinks { margin-top: 6px; } #ql-vid.quicklinks object { border-left: 7px solid #fff; } #ql-vid.quicklinks embed { border-left: 9px solid #fff; }