/* Generic CSS Document for Irish Times Training */ /* Page Basics */ html, body { margin:0px; padding:0px; width:100%; height:100%; text-align:center; } html { background:url(../images/homepage/bg_gradient.gif) repeat-x left top #E9F0F4; overflow-y:scroll; } body { line-height:15px; background:url(../images/homepage/gradient_top.gif) repeat-x left top; } div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, img, strong, sub, sup, ol, ul, li, fieldset, label, table, caption, tbody, tfoot, tr, th, td, form { margin:0px; padding:0px; border:none; outline:none; font-size:100%; vertical-align:top; } /* ul, li { list-style:none; line-height:15px; } */ ul li { list-style:none; line-height:15px; } /* Typography */ body, table, th, td { font: 0.72em Arial, Helvetica, sans-serif; color:#333333; } input, textarea, select, option { font-family:Arial, Helvetica, sans-serif; outline:none; } input.checkbox, input.submit { width:auto; } h1, .h1 { font-size:205%; color:#005DA8; line-height:normal; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:bold; } h2, .h2 { font-size:195%; color:#005DA8; line-height:normal; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:bold; } h3, .h3 { font-size:155%; color:#005DA8; line-height:normal; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:bold; } h4, .h4 { font-size:130%; color:#005DA8; line-height:normal; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; font-weight:bold; } h5, .h5 { font-size:100%; color:#005DA8; line-height:normal; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; font-weight:bold; } .template-2 .right-column h5 { margin-top:30px; } table { margin-bottom:18px; border-collapse:collapse; border-spacing:0; } table th, table td { font-size:140%; } strong { font-weight:600; } p { line-height:15px; margin:0px 0px 15px 0px; } p.no-margin-bottom { line-height:18px; margin:0px 0px 0px 0px; } a { color:#005DA8; text-decoration:none; outline:none; border:0px none; } a:hover { color:#88AEC8; } a:link { } a:visited { } a:active { outline:none; } a img { outline:none; border:none; position:relative; } /* Layout */ #wrapper { width:968px; float:left; padding-bottom:20px; text-align:left; position:relative; } #left-remainder { width:49.999%; height:auto !important; height:1px; min-height:1px; margin-right:-484px; float:left; display:inline; } #left-remainder .liner { margin-right:484px; } #right-remainder { width:49.999%; height:auto !important; height:1px; min-height:1px; margin-left:-484px; float:left; display:inline; } #right-remainder .liner { margin-left:484px; } /* Layout */ #container { width:968px; height:auto !important; height:0px; min-height:0px; padding:0px 0px 20px 0px; float:left; background:url(../images/homepage/line_across.png) repeat-y left top; } * html #container { background:url(../images/homepage/line_across.gif) repeat-y left top; } #container-shadow { width:968px; height:auto !important; height:0px; min-height:0px; float:left; } * html #container-shadow { height:auto !important; height:570px; min-height:570px; background:url(../images/homepage/top_across.gif) no-repeat left top; } /* Global Navigation */ #global-navigation { width:968px; height:auto !important; height:37px; min-height:37px; float:left; background:url(../images/homepage/gradient_top.gif) repeat-x left top; } #global-navigation ul { margin:9px 16px 0px 0px; float:right; display:inline; } #global-navigation li { margin:0px 9px 0px 0px; padding:0px 10px 0px 0px; float:left; display:inline; background:url(../images/homepage/separation_line.gif) no-repeat right center; line-height:18px; } #global-navigation li.last { background:none; } #global-navigation li.nav-on { } #global-navigation li a { color:#88AEC8; } #global-navigation a:hover, #global-navigation li.nav-on a { color:#005DA8; } #global-navigation #global-nav-my-account { } /* Header */ #header { width:960px; height:auto !important; height:197px; min-height:197px; margin:0px 0px 0px 4px; float:left; display:inline; background:url(../images/homepage/header.jpg) no-repeat left top; } #header a { width:295px; height:auto !important; height:96px; min-height:96px; margin:25px 0px 0px 30px; float:left; display:block; } /* Primary Navigation */ #primary-navigation { width:960px; margin: -55px 0px 0px 4px; float:left; display:inline; border-bottom:9px solid #9BBACF; background-color: transparent; } #primary-navigation.subpage { border-bottom:9px solid #0C62A8; } #primary-navigation ul { width:960px; float:left; } #primary-navigation li { float:left; } #primary-navigation a { float:left; height:55px; min-height:55px; display:block; background-repeat:no-repeat; background-position:left top; cursor:pointer; } #pri-nav-mgmt { width:137px; background-image:url(../images/homepage/btn_management_light.png); } #pri-nav-mgmt:hover { background-image:url(../images/homepage/mouseover/btn_management_mo.png); } .nav-on #pri-nav-mgmt { background-image:url(../images/homepage/btn_management_dark.png); } #pri-nav-banking { width:137px; background-image:url(../images/homepage/btn_banking_light.png); } #pri-nav-banking:hover { background-image:url(../images/homepage/mouseover/btn_banking_mo.png); } .nav-on #pri-nav-banking { background-image:url(../images/homepage/btn_banking_dark.png); } #pri-nav-business { width:137px; background-image:url(../images/homepage/btn_business_light.png); } #pri-nav-business:hover { background-image:url(../images/homepage/mouseover/btn_business_mo.png); } .nav-on #pri-nav-business { background-image:url(../images/homepage/btn_business_dark.png); } #pri-nav-sales-mkting { width:137px; background-image:url(../images/homepage/btn_sales_light.png); } #pri-nav-sales-mkting:hover { background-image:url(../images/homepage/mouseover/btn_sales_mo.png); } .nav-on #pri-nav-sales-mkting { background-image:url(../images/homepage/btn_sales_dark.png); } #pri-nav-personal-dev { width:137px; background-image:url(../images/homepage/btn_personal_light.png); } #pri-nav-personal-dev:hover { background-image:url(../images/homepage/mouseover/btn_personal_mo.png); } .nav-on #pri-nav-personal-dev { background-image:url(../images/homepage/btn_personal_dark.png); } #pri-nav-it-training { width:138px; background-image:url(../images/homepage/btn_it_light.png); } #pri-nav-it-training:hover { background-image:url(../images/homepage/mouseover/btn_it_mo.png); } .nav-on #pri-nav-it-training { background-image:url(../images/homepage/btn_it_dark.png); } #pri-nav-exec-ed { width:137px; background-image:url(../images/homepage/btn_executive_light.png); } #pri-nav-exec-ed:hover { background-image:url(../images/homepage/mouseover/btn_executive_mo.png); } .nav-on #pri-nav-exec-ed { background-image:url(../images/homepage/btn_executive_dark.png); } /* Secondary Navigation */ #secondary-navigation { width:229px; margin:0px 0px -20px -20px; padding:0px 0px 15px 10px; float:left; display:inline; position:relative; border-bottom:5px solid #FFF; } * html #secondary-navigation { margin:0px -10px -26px -20px; } /* for IE6 */ * + html #secondary-navigation { margin:0px 0px -26px -20px; } /* for IE7 */ #secondary-navigation ul { width:219px; margin:0px; padding:0px; float:left; } #secondary-navigation li { width:199px; margin:0px; padding:2px 0px 2px 20px; float:left; font-size:115%; line-height:18px; border-bottom:1px solid #BDCED8; color:#333333; background:url(../images/subpages/arrow1.gif) no-repeat 10px 7px; } #secondary-navigation li.last { border:none; } #secondary-navigation li a { color:#333333; } #secondary-navigation li a:hover { color:#005DA8; } #secondary-navigation li.nav-on { background:url(../images/subpages/arrow2.gif) no-repeat 10px 7px; color:#005DA8; font-weight:bold; } #secondary-navigation li.nav-on a { color:#005DA8; } /* Breadcrumb */ #breadcrumb { width:900px; height:auto !important; height:40px; min-height:40px; margin:0px 0px 0px 34px; padding:0px 0px 0px 0px; float:left; display:inline; } #breadcrumb ul { width:900px; float:left; } #breadcrumb li { margin-right:7px; padding:11px 0px 11px 0px; float:left; display:inline; line-height:18px; font-size:95%; color:#666666; font-weight:bold; } #breadcrumb li a { color:#666666; font-weight:normal; } #breadcrumb li a:hover { color:#88AEC8; } /* Content */ #content { width:900px; margin:0px 0px 0px 34px; padding:0px 0px 0px 0px; float:left; display:inline; position:relative; } .template-1 .left-column { width:612px; padding:4px 0px 0px 0px; float:left; } .template-1 .right-column { width:239px; padding:4px 0px 0px 0px; float:right; } .template-2 .left-column { width:239px; float:left; } .template-2 .right-column { width:612px; padding-top:7px; float:right; background:url(../images/subpages/gradientline_top.gif) no-repeat right top; } .template-2 .right-column .inner { width:582px; height:auto !important; height:600px; min-height:600px; padding:10px 30px 0px 0px; float:left; background:url(../images/subpages/gradientline_down.gif) no-repeat right top; } /* Blue Panels */ .blue-panel { width:239px; float:left; background:#D8E2EB; font-size:95%; } .blue-panel .top { width:239px; height:7px; margin:0px 0px 13px 0px; float:left; background:url(../images/homepage/column_top.gif) no-repeat left top; line-height:0px; font-size:0px; } .blue-panel .base { width:239px; height:7px; float:left; background:url(../images/homepage/column_bottom.gif) no-repeat left top; line-height:0px; font-size:0px; } .blue-panel .section { width:199px; height:auto !important; height:0px; min-height:0px; margin:0px 0px 22px 10px; padding:0px 10px 15px 10px; float:left; display:inline; border-bottom:1px solid #FFF; position:relative; line-height:15px; } .blue-panel .last { margin-bottom:0px; border-bottom:none; } .blue-panel h4, .blue-panel .h4 { margin-bottom:10px; display:block; } .blue-panel form { width:100%; margin:-8px 0px -8px 0px; float:left; text-align:right; } .blue-panel form#business-account-login { margin:-8px 0px 10px 0px; } .blue-panel input { width:191px; margin:5px 0px 5px 0px; padding:1px 0px 1px 3px; float:left; display:inline; font-size:95%; } .blue-panel input.cal {width:166px;} .blue-panel input.submit { width:auto; margin-top:15px; padding:0px; float:none; } .blue-panel select { width:199px; margin:5px 0px 5px 0px; float:left; display:inline; font-size:95%; } .blue-panel img {margin-top: 5px;} .blue-panel .section .information { width:30px; height:32px; background:url(../images/homepage/info.gif) no-repeat left top; position:absolute; right:21px; top:-14px; display:block; cursor:pointer; } .blue-panel .section .information a { width:30px; height:32px; display:block; } .blue-panel .request-a-call a { width:100%; float:left; display:block; color:#333333; } .blue-panel td {padding: 0 10px 5px 0;} /* Footer */ #footer { width:968px; float:left; background:url(../images/homepage/shadow_left.png) repeat-y left top; position:relative; clear:both; } #footer .inner { width:567px; height:auto !important; height:59px; min-height:59px; margin:0px 0px 0px 4px; padding:27px 0px 0px 300px; float:left; display:inline; background:#FFFFFF; } #footer .curl { width:97px; height:91px; position:absolute; right:0px; bottom:-5px; background:url(../images/homepage/corner.png) no-repeat left top; } #footer .base { width:871px; height:5px; position:absolute; left:0px; bottom:-5px; line-height:0px; font-size:0px; background:url(../images/homepage/shadow_bottom.png) no-repeat left top; } /* Tertiary Navigation */ #tertiary-navigation { width:720px; margin:25px 0px 0px 34px; float:left; display:inline; font-size:95%; } #tertiary-navigation ul { width:720px; float:left; } #tertiary-navigation li { margin:0px 4px 0px 0px; padding:0px 5px 0px 0px; float:left; display:inline; background:url(../images/homepage/separation_line.gif) no-repeat right center; } #tertiary-navigation li.last { background:none; } #tertiary-navigation li a { color:#88AEC8; } #tertiary-navigation a:hover, #tertiary-navigation li.nav-on a { color:#005DA8; } /* Webfactory Logo */ #webfactory { margin:27px 34px 0px 0px; float:right; display:inline; } /* Page Introduction */ #introduction { width:100%; float:left; font-size:120%; clear:both; position:relative; } #introduction h1 { font-size:175%; } #introduction p, #introduction li { line-height:18px; } /* Testimonials */ .testimonial { width:293px; height:169px; margin:0px 34px 15px 20px; float:right; display:inline; font-size:95%; font-style:italic; position:relative; } .testimonial h1, .testimonial h2, .testimonial h3, .testimonial h4, .testimonial h5 { font-weight:100; } #introduction .testimonial { font-size:80%; } /* MultiBox - PLEASE DO NOT MODIFY */ .MultiBoxContainer { position:absolute; border:20px solid #000; background-color:#FFF; display:none; z-index:2; text-align:left; } .MultiBoxLoading { background:url(../images/multibox/loader.gif) no-repeat center; } .MultiBoxContent { position:relative; width:100%; height:100%; overflow:hidden; } .MultiBoxClose { position:absolute; top:-26px; right:-26px; background:url(../images/multibox/close.png) no-repeat; width:24px; height:24px; cursor:pointer; } .MultiBoxCloseIframe { position:absolute; top:-9px; width:96px; height:34px; cursor:pointer; background:url(../images/generic/close_button.png) no-repeat top left; } .MultiBoxControlsContainer { overflow:hidden; height:0px; position:relative; margin-left:-20px; } * html .MultiBoxControlsContainer { display:inline; } /* for IE 6 */ .MultiBoxControls { width:100%; height:auto; position:relative; background-color:#000000; } .MultiBoxPrevious { position:absolute; background:url(../images/multibox/left.png) no-repeat; width:24px; height:24px; left:20px; margin-top:5px; cursor:pointer; } * html .MultiBoxPrevious { left:0px; } /* for IE 6 */ .MultiBoxNext { position:absolute; background:url(../images/multibox/right.png) no-repeat; width:24px; height:24px; right:20px; margin-top:5px; cursor:pointer; } * html .MultiBoxNext { right:0px; } /* for IE 6 */ .MultiBoxNextDisabled { cursor:default; background:url(../images/multibox/rightDisabled.png) no-repeat; } .MultiBoxPreviousDisabled { cursor:default; background:url(../images/multibox/leftDisabled.png) no-repeat; } .MultiBoxTitle { position:relative; margin:10px 0 0 35px; float:left; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:11px; color:#FFF; font-weight:bold; text-align:left; } .MultiBoxNumber { position:relative; width:50px; margin:10px 55px 0 0; float:right; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:11px; color:#FFF; text-align:right; display:inline; } * html .MultiBoxNumber { margin-right:35px; } /* for IE 6 */ .MultiBoxDescription { clear:left; position:relative; padding:15px 50px 10px 50px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:11px; color:#FFF; text-align:left; } * html .MultiBoxDescription { padding:15px 30px 10px 30px; } /* for IE 6 */ .MultiBoxDescription h4 { color:#FFFFFF; } .MultiBoxDescription h4 a { color:#FFFFFF; } .MultiBoxDescription a { color:#FFFFFF; } .MultiBoxDescription a:hover { background:none; } /* Specific HyperLinks */ a.find-out-more { line-height:30px; } /* a.register-now { width:222px; height:34px; margin:15px 0px 0px -22px; float:left; display:inline; background:url(../images/homepage/register1.gif) no-repeat left top; clear:both; position:relative; } a.register-now:hover { background:url(../images/homepage/register2.gif) no-repeat left top; } */ .left-column a.register-now { width:178px; height:28px; margin:15px 0px 0px -22px; float:left; display:inline; background:url(../images/buttons/register_lf1.gif) no-repeat left top; clear:both; position:relative; } .left-column a.register-now:hover { background:url(../images/buttons/register_lf2.gif) no-repeat left top; } .right-column a.register-now { width:222px; height:34px; margin:15px 0px 0px -22px; float:left; display:inline; background:url(../images/buttons/register_r1.gif) no-repeat left top; clear:both; position:relative; } .right-column a.register-now:hover { background:url(../images/buttons/register_r2.gif) no-repeat left top; } a.book-now { width:124px; height:31px; background:url(../images/coursepages/btn_booknow1.gif) no-repeat left top; display:block; } a.book-now:hover { background:url(../images/coursepages/btn_booknow2.gif) no-repeat left top; } /* Specific Span Styles */ /* List Styles */ .template-1 .left-column ul, .template-2 .right-column ul { margin-bottom:18px; } .template-1 .left-column ul li, .template-2 .right-column ul li { padding:0px 0px 2px 10px; background:url(../images/coursepages/dot.gif) no-repeat left 6px; } ul.notices { width:100%; float:left; background:url(../images/homepage/gradient_line_03.gif) no-repeat left top; } .template-1 .left-column ul.notices li, .template-2 .right-column ul.notices li { width:100%; padding:12px 0px 13px 0px; float:left; background:url(../images/homepage/gradient_line_03.gif) no-repeat left bottom; line-height:18px; } ul.notices div.content { width:570px; padding:0px 40px 0px 0px; float:left; background:url(../images/homepage/gradient_line.gif) repeat-y right top; } ul.notices div.content a { width:100%; float:left; display:block; color:#333333; } ul.notices div.content a .inner-link { color:#005DA8; } ul.notices div.content a .inner-link:hover { color:#88AEC8; } ul.notices div.content { clear:both; } ul.notices div.content * { } ul.notices div.content .img-left { margin:0px 20px 0px 0px; width:140px; float:left; } ul.notices div.content .img-right { margin:0px 0px 0px 20px; } ul.notices .h1, ul.notices .h2, ul.notices .h3, ul.notices .h4, ul.notices .h5 { margin:5px 0px; display:block; } ul.notices .h1:hover, ul.notices .h2:hover, ul.notices .h3:hover, ul.notices .h4:hover, ul.notices .h5:hover { color:#88AEC8; } * html #homepage-notices { margin-top:30px; } .template-1 .left-column ul.tabs, .template-2 .right-column ul.tabs { width:100%; padding:10px 0px 1px 0px; float:left; background:url(../images/homepage/gradient_line_03.gif) no-repeat bottom left; } ul.tabs { display:none; } .template-1 .left-column ul.tabs li, .template-2 .right-column ul.tabs li { height:auto !important; height:22px; min-height:22px; margin:0px 1px 0px 0px; padding:0px 0px 0px 0px; float:left; display:inline; background:url(../images/contact/tabline_grey.gif) repeat-x left top; line-height:22px; } .template-1 .left-column ul.tabs li.nav-on, .template-2 .right-column ul.tabs li.nav-on { background:url(../images/contact/tabline_blue.gif) repeat-x left top; } ul.tabs li span { height:auto !important; height:22px; min-height:22px; padding:0px 13px 0px 23px; float:left; display:block; cursor:pointer; line-height:22px; background:url(../images/contact/arrow_light.gif) no-repeat 10px 8px; } ul.tabs li span:hover { background:url(../images/contact/arrow_dark.gif) no-repeat 10px 8px; color:#005DA8; } ul.tabs li.nav-on span { background:url(../images/contact/arrow_dark.gif) no-repeat 10px 8px; color:#005DA8; } .template-1 .left-column ul.links li, .template-2 .right-column ul.links li { padding:0px 0px 5px 13px; background:url(../images/about-us/arrow1.gif) no-repeat left 4px; } ul.links li a { color:#333333; } .template-1 .left-column ul.downloads li, .template-2 .right-column ul.downloads li { padding:0px 0px 5px 13px; background:url(../images/contact/arrow_dark.gif) no-repeat left 4px; } ul.downloads li a { font-weight:bold; } ul.disk li{list-style-position: inside; list-style-type: disc; } /* Tab Styles */ .tab-shown { width:100%; float:left; margin-bottom:40px; display:block; float:left; } .tab-hidden { width:100%; float:left; display:block; } /* Imagery */ .img-left { margin:0px 10px 15px 0px; float:left; display:inline; } .img-right { margin:0px 0px 15px 10px; float:right; display:inline; } .template-1 .left-column .img-left, .template-1 .left-column .img-right, .template-2 .right-column .img-left, .template-2 .right-column .img-right { margin-top:5px; } /* FOR TEST ONLY .left-column { border:1px solid; } */ /* Specific Forms */ #find-book-course span { width:100%; float:left; clear:both; text-align:right; display:block; position:relative; } #find-book-course-go { margin:5px 0px 0px 0px; float:right; display:none; } #form_booking input, #form_booking select { width: 200px; border-width:1px; } /* No Javascript Styles */ .js-hidden { display:block; } tr.js-hidden { display:table-row; } /* Javascript Enabled Styles */ .js-dependant { display:none; } /* Custom Scrollbar */ .custom-scroll { position:relative; width:130px; height:130px; max-height:132px; min-height:132px; margin-top:3px; padding:0px; overflow:auto; border-top:1px solid #B7B7B5; display:none; } .custom-scroll .content { margin:0px 0px 0px 0px; padding:0px; position:relative; float:left; } .custom-scroll .content p { margin:0px 0px 15px 0px; padding:0px; } .custom-scroll .content li { cursor:pointer; } #footer .content .custom-scroll .content ul { width:auto; margin:0px; position:inherit; float:none; } #footer .content .custom-scroll .content ul li { width:111px; height:auto !important; height:0px; min-height:0px; margin:2px 0px 3px 0px; padding:0px; float:none; display:block; position:inherit; line-height:14px; } #footer .content .custom-scroll .content ul li.nav-on { background-color:#E7E7E5; } .custom-scroll .scroller { width:15px; height:100%; background:#FFF; float:right; position:relative; display:none; cursor:default; } .custom-scroll .scroller-top { position:absolute; width:100%; top:0px; right:0px; height:6px; line-height:6px; font-size:0px; background:#FFF; z-index:1; } .custom-scroll .scroller-bottom { position:absolute; width:100%; bottom:0px; right:0px; height:6px; line-height:6px; font-size:0px; background:#FFF; z-index:1; } .custom-scroll .bar { position:relative; margin:0px auto; width:15px; height:100%; background:url(../images/scroller/mid-section-grey.gif) repeat-y left top; z-index:0; cursor:default; } .custom-scroll .top-grey { width:15px; height:15px; line-height:15px; font-size:0px; background:url(../images/scroller/top-section-grey.gif) no-repeat left top; position:absolute; left:0px; top:6px; } .custom-scroll .bottom-grey { width:15px; height:11px; line-height:11px; font-size:0px; background:url(../images/scroller/bottom-section-grey.gif) no-repeat left top; position:absolute; left:0px; bottom:39px; } .custom-scroll .slider { width:15px; position:absolute; left:0px; top:11px; z-index:3; cursor:default; } .custom-scroll .slider-inner { width:15px; height:50px; position:relative; background:url(../images/scroller/mid-section-blue.gif) repeat-y left top; cursor:default; } .custom-scroll .top-blue { width:15px; height:8px; line-height:8px; font-size:0px; background:url(../images/scroller/top-section-blue.gif) no-repeat left top; position:absolute; left:0px; top:0px; } .custom-scroll .bottom-blue { width:15px; height:7px; line-height:7px; font-size:0px; background:url(../images/scroller/bottom-section-blue.gif) no-repeat left top; position:absolute; left:0px; bottom:0px; } /*\*/ * html .custom-scroll .bottom-blue { bottom:-1px; } /**/ .custom-scroll .up-arrow { width:15px; height:16px; line-height:16px; font-size:0px; background:url(../images/scroller/up-arrow.gif) no-repeat left top; position:absolute; left:0px; bottom:23px; cursor:pointer; } .custom-scroll .down-arrow { width:15px; height:16px; line-height:16px; font-size:0px; background:url(../images/scroller/down-arrow.gif) no-repeat left top; position:absolute; left:0px; bottom:6px; cursor:pointer; } /* Clearing DIV */ div.clear { clear:both; width:100%; height:0px; line-height:0px; font-size:0px } /* Borders */ .no-border { border:0px none; } /* ***********/ .blue-area-top { width:900px; background-color: #D6E2EA; background-image: url(../images/search/round_blue_top.gif) ; background-repeat: no-repeat; height: 40px; } .blue-area-top h3{ padding: 10px 10px 0 20px; } ul.compact li { margin-right:0px; padding-right:5px; } ul.compact li a{ margin: 0; padding:0; padding-right: 20px; } h3 .info { font-size: 100%; } .blue-area-bottom { width:900px; background-color: #D6E2EA; background-image: url(../images/search/round_blue_bottom.gif) ; background-repeat: no-repeat; background-position:bottom; height: 40px; } .blue-area-bottom ul{ padding: 0px 10px 10px 20px; } .blue-area-bottom li { display: block; float:left; padding-right: 25px; } .blue-area-bottom th{ padding: 0px 5px 0px 15px; } .blue-area-bottom img {margin-top: 2px;} .search { background-image: url(../images/homepage/btn_search2.gif); width: 73px; height: 20px; display: block; } :hover.search { background-image: url(../images/homepage/btn_search1.gif); } #courses, .edit_table { margin-top: 20px; margin-bottom: 0px; } #courses th, .edit_table th { padding: 3px 3px 3px 15px; background-color: #F1F1F1; color: #888; border: 0; } #courses td.round_top, .edit_table td.round_top, #courses th.round_top, .edit_table th.round_top { background-image:url(../images/search/round_grey_top.gif); background-repeat:no-repeat; border: none; height:8px; } #courses td.round_bottom, .edit_table td.round_bottom, #courses th.round_bottom, .edit_table th.round_bottom{ background-image:url(../images/search/round_grey_bottom.gif); background-repeat:no-repeat; background-position: bottom; height:8px; } #courses th a{ background-image: url(../images/search/arrowdown_grey.gif); background-repeat: no-repeat; padding-right: 10px; background-position: right center; color: #888; } #courses th a:hover, #courses .sorted a{ background-image: url(../images/search/arrowdown_blue.gif); color: #0B63AA; } #courses td.sorted { background-color: #DCE5EC; } #courses td, .edit_table td{ background-color: #F1F1F3; padding: 5px 5px 5px 10px; border: 1px solid white; } /*#courses .selected td{ background-color:#ABC5D6; }*/ #courses tr:hover td{ background-color: #ABC5D6; } #courses tr:hover td.round_bottom, #courses tr:hover td.round_top { background-color: #F1F1F1; } #courses input[type="text"], #courses select, .edit_table input[type="text"] , .edit_table select { border: 0; border-style: none; width: 200px; color: black; padding-left: 4px; } .edit_table textarea { border: 0; font-size: 100%; } a.btn_view{ background-image: url('../images/search/btn_view_grey.gif'); background-repeat: no-repeat; background-position: center; display: block; width: 77px; height: 22px; } a.btn_book { background-image: url(../images/search/btn_book_grey.gif); background-repeat: no-repeat; background-position: center; width: 77px; height: 22px; display: block; } a.edit_details { background-image: url(../images/account/editdetails_grey.gif); background-repeat: no-repeat; background-position: center; width: 73px; height: 12px; display: block; } a.delete { background-image: url(../images/account/btn_delete_grey.gif); background-repeat: no-repeat; background-position: center; width: 70px; height: 20px; display: block; } a.btn_enable { display:block; width:80px; height: 20px; background-image: url(../images/account/btn_enable_grey.gif); background-repeat: no-repeat; background-position: center; } a.btn_disable { display:block; width:80px; height: 20px; background-image: url(../images/account/btn_disable_grey.gif); background-repeat: no-repeat; background-position: center; } a.btn_change_delegates { display:block; width:128px; height: 20px; background-image: url(../images/buttons/btn_changedelegates_grey.gif); background-repeat: no-repeat; background-position: center; } /* a:hover.btn_change_delegates { background-image: url(../images/buttons/btn_changedelegates1.gif) !important; } */ a.btn_rebook { display:block; width:80px; height: 20px; background-image: url(../images/buttons/btn_rebook_grey.gif); background-repeat: no-repeat; background-position: center; } #courses th a.btn_add { display: block; width: 69px; height: 20px; background-image: url('../images/account/btn_add2.gif'); margin-right: 15px; } #courses th a:hover.btn_add { background-image: url('../images/account/btn_add1.gif'); } #courses tr:hover a.btn_view{ background-image: url('../images/search/btn_view_blue.gif'); } #courses tr:hover a.btn_book{ background-image: url('../images/search/btn_book_blue.gif'); } #courses tr:hover a.edit_details { background-image: url(../images/account/editdetails_blue.gif); } #courses tr:hover a.delete{ background-image: url('../images/account/btn_delete_blue.gif'); } #courses tr:hover a.btn_enable{ background-image: url('../images/account/btn_enable_blue.gif'); } #courses tr:hover a.btn_disable{ background-image: url('../images/account/btn_disable_blue.gif'); } #courses tr:hover a.btn_change_delegates { background-image: url(../images/buttons/btn_changedelegates_blue.gif); } #courses tr:hover a.btn_rebook { background-image: url(../images/buttons/btn_rebook_blue.gif); } #courses tr.row_red td{ background-color: #F5CCD0; } #courses tr.row_red:hover td { background-color: #E4C4C9; } #courses tr.row_orange td { background-color:#FFCC99; } #courses tr.row_orange:hover td { background-color:#FFFF66; } #courses tr.row_green td{ background-color:#DEF8DF; } #courses tr.row_green:hover td{ background-color:#DEF8BB; } .pagination { text-align: center; } .pagination a{ font-weight:bold; color:#0B63AA; } .pagination a:hover{ font-weight:bold; color:#88AEC8; } #account { height: 140px; } #left-account{ width: 475px; margin-right: 1px; background-color:#D8E2EB; background-image: url('../images/account/top-left-corner.png'); background-repeat: no-repeat; } #left-account div{ padding: 20px; background-image: url('../images/account/bottom-left-corner.png'); background-repeat: no-repeat; background-position: bottom left; text-align: right; height: 130px; } #left-account input{ font-size:95%; margin:5px 0; padding:1px 0 1px 3px; } #right-account { width: 423px; float: right; background-color:#D8E2EB; background-image: url('../images/account/top-right-corner.png'); background-repeat: no-repeat; background-position: top right; } #right-account div { padding: 20px; background-image: url('../images/account/bottom-right-corner.png'); background-repeat: no-repeat; background-position: bottom right; height: 130px; } #right-account a.register_now { background-image: url(../images/buttons/register_acc1.gif); width: 180px; height: 30px; display: block; } #right-account a:hover.register_now { background-image: url(../images/buttons/register_acc2.gif); } .info { color:black; font-size:135%; font-weight:bold; line-height:normal; font-style:italic; } a.view_delegates { display: block; width: 128px; height: 20px; background-image: url('../images/account/btn_viewdelegates2.gif'); } a:hover.view_delegates { background-image: url('../images/account/btn_viewdelegates1.gif'); } .nav-on .view_delegates { display: block; width: 128px; height: 20px; background-image: url('../images/account/btn_viewdelegates_grey.gif'); } a.course_history { display: block; width: 128px; height: 20px; background-image: url('../images/account/btn_coursehistory2.gif'); } a:hover.course_history { background-image: url('../images/account/btn_coursehistory1.gif'); } .nav-on .course_history { background-image: url('../images/account/btn_coursehistory_grey.gif'); display: block; width: 128px; height: 20px; } a.view_accounts { display: block; width: 146px; height: 20px; background-image: url('../images/account/btn_viewaccounts2.gif'); } a:hover.view_accounts { background-image: url('../images/account/btn_viewaccounts1.gif'); } .nav-on .view_accounts { display: block; width: 146px; height: 20px; background-image: url('../images/account/btn_viewaccounts_grey.gif'); } a.edit_account { display: block; width: 128px; height: 20px; background-image: url('../images/account/btn_editaccount2.gif'); } a:hover.edit_account { background-image: url('../images/account/btn_editaccount1.gif'); } .nav-on .edit_account { display: block; width: 128px; height: 20px; background-image: url('../images/account/btn_editaccount_grey.gif'); } .label, #delegates .label { font-size:small !important; line-height:2.5em; font-weight:bold; color:#005DA8; text-align:left; } #confirm { text-align:left; } #confirm td { padding: 2px 0px 2px 2px;; } .book_form input[type="text"], .book_form textarea { width: 200px; padding:1px; color: black; font-size: 100%; } #delegates input[type="checkbox"] { float:none; margin-right:5px; } .book_form div.phone { width: 200px; margin: 0px; padding: 0px; border-width:0px; } /* .book_form div.area_code { width: 40px; margin: 2px 8px 2px 0px; padding: 1px; color: black; float:left; } .book_form div.area_code input[type="text"] { width: 40px; margin: 2px 0px; padding: 1px; color: black; } .book_form div.number, .book_form div.number input[type="text"] { width: 150px; margin: 2px 0px; padding: 1px; color: black; float:left; } */ div.area_code { width: 40px; margin: 2px 8px 2px 0px; padding: 1px; color: black; float:left; } div.area_code input[type="text"] { width: 40px; margin: 2px 0px; padding: 1px; color: black; } div.number, div.number input[type="text"] { width: 150px; margin: 2px 0px; padding: 1px; color: black; float:left; } /* .book_form input[type="text"].narrow, #payment_details_card_ccv { width: 170px; } */ /* .book_form #delegates * { vertical-align:middle; } .book_form #delegates input[type="text"], #payment_details_card_ccv { width: 170px; margin-right:3px; } .book_form #delegates select { width: 176px; margin-right:3px; } */ #delegates * { vertical-align:middle; margin:2px 0px; } #delegates input[type="text"], #payment_details_card_ccv { width: 170px; margin-right:2px; } /**/ #payment_details_card_ccv { vertical-align:bottom; } #delegates select { width: 176px; margin-right:3px; } #delegates label { margin-left:30px; } #addedDelegates li { list-style-type:decimal-leading-zero !important; margin-left:30px; } #delegates .add_delegates { margin-left:30px; } .btn_remove { background:transparent url(../images/buttons/btn_remove1.gif); border:0pt none; cursor:pointer; color:#FFFFFF; width:73px; height:20px; } * .btn_remove:hover, * .btn_remove.hover { background:transparent url(../images/buttons/btn_remove2.gif); color:#FFFFFF; width:73px; height:20px; } .incompany input[type="text"] { width: 120px; } .book_form tr * { vertical-align:middle; } /**/ #ccv_help { margin-left:2px; } .book_form select { width: 206px; margin: 2px 0px; color: black; } .warning, .book_form .warning, .edit_table input.warning { border: 1px solid #CC3333; width:200px; } #delegates .warning { border: 1px solid #CC3333; width: 170px; } .book_form select.half, .book_form input.half { width: 100px; } .gradient { background:url(../images/homepage/gradient_line_03.gif) ; background-repeat: no-repeat; display: block; height: 2px; width: 100%; margin: 8px 0 8px 0; clear:both; } hr { background:url(../images/homepage/gradient_line_03.gif)no-repeat center; height: 2px; width: 100%; margin: 8px 0 8px 0 ; } .conditions{ font-style: italic; padding-left: 25px; text-indent:-25px; } .error{ font-weight: bold; color: #cc3333; font-style: italic; padding-top:3px; } .failed { border:2px solid #CC3333; font-weight: bold; color: #CC3333; font-size: 120%; padding: 5px 0 5px 0; text-align:center; background-color:#FFB6C1; } /*course email a friend */ .email, .email_expanded { background-image: url("../images/email/arrow1.gif"); background-repeat: no-repeat; background-position: left center; color:#005DA8; font-size:100%; font-weight:bold; margin:0 0 10px 0; padding:0 0 0 10px; } .email:hover, .email_expanded { cursor:hand; cursor:pointer; } .email_expanded { background-image: url("../images/email/arrow2.gif"); } #email_fields {display:none;} #email_fields td{ padding: 2px 10px 2px 2px; } #email_fields input[type="text"], #email_fields textarea { width: 200px; font-size: 100%; } #email_fields textarea { overflow:auto; } #email_fields textarea { height: 50px; } /*course-calendar */ table.edit_table { width: 100%; margin: 0; margin-bottom:-7px; } #calendar-table h5 { text-align: right; padding:3px 5px 0 0; color: #777; } #calendar-table td { height: 100px; padding: 0; padding-bottom: 5px; } #calendar-table th { text-align: center; } #calendar-table td:hover{ background-color: #D9E2EB; } #calendar-table li{ margin-top: 1px; font-size: 90%; text-indent:3px; } #calendar-table li a{ color: white; display: block;} #calendar-table li a{ background-color: #CC99CC;} #calendar-table li a:hover {background-color: #CC00CC;} #calendar-table li.banking a{ background-color: #FDC161;} #calendar-table li.banking a:hover {background-color: #FF9900;} #calendar-table li.business a { background-color: #A3C2DF;} #calendar-table li.business a:hover { background-color: #669ACC;} #calendar-table li.sales-and-marketing a { background-color: #A3BC85;} #calendar-table li.sales-and-marketing a:hover { background-color: #659037;} #calendar-table li.personal-development a { background-color: #CACDD2;} #calendar-table li.personal-development a:hover { background-color: #A9ACB3;} #calendar-table li.it-training a { background-color: #E49F78;} #calendar-table li.it-training a:hover { background-color: #D25F1E;} #calendar-table li.management a { background-color: #BEC0D9;} #calendar-table li.management a:hover { background-color: #9694C3;} #courses-calendar .btn_grey { width: 160px; height: 26px; display: block; color: black; background-image: url("../images/buttons/bnt_grey.png"); line-height:26px; font-weight: bold; width:160px; } #courses-calendar ul.horizontal { display: block; clear: left; } #courses-calendar .horizontal li { float:left; display: block; } #courses-calendar a:hover, #courses-calendar a.hover { color:#333333; } #tool-tip { position: relative; width: 281px; } #tool-tip .title { font-weight:bold; font-size:1.5em; color:#333333; } #tool-tip p { margin:5px 0px; } #tool-tip .box_top { background-image: url("../images/calendar/box_top.gif"); width: 281px; height: 12px; } #tool-tip .box_content{ background-image: url("../images/calendar/box_content.gif"); width: 281px; height: 159px; } #tool-tip .box_content div { padding: 0 10px 0 20px; text-align:left; } #tool-tip .box_bottom{ background-image: url("../images/calendar/box_bottom.gif"); width: 281px; height: 12px; } #tool-tip .box_arrow { position: relative; top:60px; left: -2px; width: 10px; height: 10px; background-image: url("../images/calendar/box_arrow.gif"); background-position: left center; background-repeat: no-repeat; } /* .calendar_select select { background-color: #F1F1F3; } */ /* end course-calendar */ .sub { font-family: sans-serif; font-size: .9em; font-style:italic; } /* sitemap */ #sitemap { width: 100%; border: 0px solid #F00; } #left-panel { width:150px; float:left; padding: 0 10px 0 0; } #right-panel { margin-left:150px; } #right-panel div { text-align:left; width: 27%; border: 0px solid #333; float:left; margin: 0 0 20px 0; padding: 5px 10px 0px 2em; } div.column { width: 30%; height:100%; border: 1px solid #333; } /* #column1 { width: 30%; } #column2 { width: 30%; } #column3 { width: 30%; } */ #sitemap span.title { font-size: 2.2em; line-height: 2.2; font-weight: bold; text-align: left; color: #005DA8; } #sitemap p { margin: 0; padding: 0; } #sitemap a.category { margin-bottom:1em; font-size: 1.3em; font-weight:bold; line-height: 2em; color:#333; } #sitemap a.category:hover { color:#005DA8; } #sitemap li { margin-left:10px; margin-bottom:.8em; } #sitemap li a { font-size: 1em; line-height: 1.4em; color:#333; } #sitemap li a:hover { color:#005DA8; } div.clearthefloats {clear:both;} /* Forgot password page */ .forgot_password { padding:20px 20px; font-family:Arial,Helvetica,sans-serif; color:red; font-weight:bold; font-size:1.2em; line-height:2em; } .error { color: #FF0000; font-weight: bold; font-style: italic; } .message { color: #009933; font-weight: bold; font-style: italic; } div.vertical_space { height:100px; } /* added by isalciuc */ div.fields, div.result { margin:10px 0px 20px; } div.fields *, div.result * { margin:0px; } div.fields div, div.result div, div.line { border:0px dotted green; clear:both; margin:3px; padding:2px; font-size:1em; } div.fields div, div.result div, div.line * { vertical-align:middle; } div.fields div input[type="text"], div.line input[type="text"] { width:200px; } div.fields div textarea, div.line textarea { width:200px; } div.fields div select, div.line select { width:206px; } div.fields div label, div.line label { border:0px dotted blue; width:120px; float:left; padding-right:5px; } div.result div label { width:180px; float:left; padding-right:5px; } div.fields div label.description, div.line label.description { width:auto; float:left; } .btn_copyFromAbove { background:transparent url(../images/buttons/btn_copyabove1.gif) no-repeat; border:0pt none; cursor:pointer; color:#FFFFFF; width:130px; height:20px; } * .btn_copyFromAbove:hover, * .btn_copyFromAbove.hover { background:transparent url(../images/buttons/btn_copyabove2.gif); color:#FFFFFF; width:130px; height:20px; } .btn_reset { display: block; text-align: center; background:transparent url(../images/contact/btn_clear1.gif) no-repeat; border:0pt none; cursor:pointer; color:#FFFFFF; width:73px; height:20px; } * .btn_reset:hover, * .btn_reset.hover { background:transparent url(../images/contact/btn_clear2.gif); color:#FFFFFF; width:73px; height:20px; } .btn_submit { display: block; text-align: center; background:transparent url(../images/contact/btn_submit1.gif) no-repeat; border:0pt none; cursor:pointer; color:#FFFFFF; width:73px; height:20px; } * .btn_submit:hover, * .btn_submit.hover { background:transparent url(../images/contact/btn_submit2.gif); color:#FFFFFF; width:73px; height:20px; } class visible { display:block; } class hidden { display:none; } .realex_logo { position:static; background: url(/images/realex_logo.gif) no-repeat bottom right; display:block; border:none; width:96px; height:39px; /* vertical-align:top; margin:-60px 160px 0px 0px; */ margin:-60px 0px 0px 360px; /*margin:-60px 160px 0px 350px;*/ /*float:right;*/ } /* #payment, .payment { background: url(/images/realex_logo.gif) no-repeat bottom right; margin-bottom:5px; margin-left:10px; width:96px; height:39px; } */ a.log_out { display:inline; width:50px; margin:20px 20px; font-weight:bold; } /* PNG Fixing */ img, #footer * { behavior: url(/design/site/css/iepngfix.htc); } #primary-navigation * { behavior: url(/design/site/css/iepngfix.htc); } .booking_option { font-weight:bold; }