/*======= Global Styles ==============================================*/ body { background:#FFF ; font-family :Arial, Helvetica, sans-serif; font-size:12px; color:#2a2a2a; margin:0px;} a{color:#0095db; text-decoration:none; outline:none;} a:hover {text-decoration:none;} input, select, textarea, form, label, div, p, ul, ol, li, object, table, td, span {margin:0px; padding:0px;} h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;} img {border:0px;} textarea, select {font-family:Arial, Helvetica, sans-serif;} input[type="submit"] {font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:16px; font-weight:bold; outline:none;} textarea { background:url(../images/textfield_bg.jpg) left -80px no-repeat ; padding:7px 7px 5px 7px; margin:0px 0px 2px 0px; width:336px; height:67px; overflow:auto; border:none; font-size:13px; font-weight:bold; color:#333;} /*=====================================================================*/ /*=========== Home Page ======================*/ #holder-header { width: 960px; height: 89px; } #holder-menu { width: 960px; height: 50px; } #holder-slides { width: 960px; height: 370px; } #holder-body1 { width: 960px; } #holder-body2 { width: 960px; } #holder-footer { width: 960px; } /*=========== Inner Page ======================*/ #holder-header-inner { width: 960px; height: 89px; } #holder-menu-inner { width: 960px; } #holder-slides-inner { width: 960px; height: 264px; } #holder-body-inner { width: 960px; } #breadcrumbsHolder-inner { height: 30px; background:url(../images/main_panel_bg.jpg) left bottom no-repeat; padding-bottom:24px; font-weight:bold; color:#1d5b96; } #bodyContentHolder-inner {} #breadcrumbsHolder-inner-2 { height: 30px; background:url(../images/main_panel_bg.jpg) left bottom no-repeat; padding-bottom:24px; font-weight:bold; color:#1d5b96; } #bodyContentHolder-inner-2 { } #contentRightHolder-inner { padding-top:40px; } /*=========== Blog Page ======================*/ #holder-header-blog { width: 960px; height: 89px; } #holder-menu-blog { width: 960px; } #holder-slides-blog { width: 960px; height: 264px; } #holder-body-blog { width: 960px; } #breadcrumbsHolder-blog { height: 30px; background:url(../images/main_panel_bg.jpg) left bottom no-repeat; padding-bottom:24px; font-weight:bold; color:#1d5b96; } #bodyContentHolder-blog { } #contentRightHolder-blog { padding-top:40px; } /*-------------------Header ------------------*/ .header {padding:16px 0px 23px 0px;} /*.logo {float:left; padding-top:4px;}*/ .logo {float:left; padding-top:4px; height:48px; display:block; overflow:hidden; width:250px;} .top_menu {float:right; width:500px; text-align:right; color:#858484;} .top_menu a {font-weight:bold; color:#858484; margin:0px 7px 0px 7px;} .top_menu a:hover {text-decoration:underline;} .top_menu span a {color:#c33a67;} /*--------------- End of Header ---------------*/ /*--------------- top Nav ---------------*/ #menuContainer{ width:960px; height:50px; background:url(../images/top_menu_hover_bg.jpg) left -56px repeat-x; } #menuContainer ul { height:50px;display:inline-block; width:935px; float:left;} #menuContainer ul li{ display:inline-block; float:left; background:url(../images/top_nav_seperator.jpg) left 13px no-repeat;} #menuContainer ul li a{color:#FFF; font-size:15px; font-weight:bold; margin-left:1px; padding:12px 22px; text-decoration: none; display:inline-block; height:26px; overflow:hidden; } #menuContainer ul li a:hover { color:#FFF; font-size:15px; font-weight:bold; padding:12px 22px; text-decoration: none; display:inline-block; height:26px; background:url(../images/top_menu_hover_bg.jpg) 0px -1px no-repeat; overflow:hidden; } #menuContainer ul li.current-cat a { color:#FFF; font-size:15px; font-weight:bold; padding:12px 22px; margin-left:1px; text-decoration: none; display:inline-block; height:26px; overflow:hidden; background:url(../images/top_menu_hover_bg.jpg) 0px -1px no-repeat; } #menuContainer ul li.current-cat a:hover { color:#FFF; font-size:15px; font-weight:bold; padding:12px 22px; margin-left:1px; text-decoration: none;display:inline-block;height:26px; overflow:hidden; background:url(../images/top_menu_hover_bg.jpg) 0px -1px no-repeat; } #menuContainer .menuEnd { width:5px; height:50px; background:url(../images/top_nav_right_curve.jpg) right top no-repeat; float:right; display:block;} #menuContainer .menuStart { width:20px; height:50px; background:url(../images/top_nav_left_curve.jpg) left top no-repeat; float:left; display:block;} #menuContainer ul li.first {background-image:none!important;} /*--------------- End of top Nav ---------------*/ /*-------------------- Home main content ------------------*/ .home_content_holder {width:630px; overflow:hidden; padding:26px 0px 0px 0px; float:left; } .home_content_holder h1 {font-size:22px; color:#161616; margin:25px 0px 15px 0px; background:url(../images/head_fast_fuss_free_way.jpg) left top no-repeat; text-indent:-9999px; height:20px; } .home_content_holder h5 {font-weight:normal; font-size:13px; margin:0px 0px 10px 0px; color:#898a89; } .button_panel {background:url(../images/main_panel_bg.jpg) center bottom no-repeat; overflow:hidden; padding-bottom:33px;} /*------ View Demo -----*/ .panel_demo {width:249px; padding:0px 35px 0px 0px; float:left; background:url(../images/home_seperator.jpg) 270px top no-repeat;} .view_demo {width:220px; display:block; } .view_demo a {background:url(../images/btn_demo.jpg) -2px top no-repeat; display:block; height:58px; color:#73a812; } .view_demo a:hover {background-position:-2px -59px;} /*------ Quick Tour -----*/ .panel_tour {width:273px; padding:0px 33px 0px 33px; float:left;} .quick_tour {width:220px; display:block; } .quick_tour a {background:url(../images/btn_tour.jpg) -2px top no-repeat; display:block; height:58px; color:#ae8323; } .quick_tour a:hover {background-position:-2px -59px;} .home_content_holder ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .home_content_holder ul li {margin:0px 0px 0px 0px; padding:0px 0px 0px 45px; list-style-type:none; list-style-position:outside; background: url(../images/home_list_ico.jpg) 3px 4px no-repeat; color:#4a4d4a; font-size:13px; line-height:30px; font-weight:bold;} .home_content_holder ul li a {text-decoration:underline; color:#4a4d4a;} .home_content_holder ul li a:hover {text-decoration:none;} .home_content_holder .learn_more {width:144px; } .home_content_holder .learn_more a {width:144px; height:38px; display:block; background:url(../images/learnmore_btn.jpg) left 0px no-repeat; margin-top:15px; color:#cf0418;} .home_content_holder .learn_more a:hover {background-position:left -38px;} /*-------------------- End of Home main content ------------------*/ /*-----------------------Right Panel -----------------------*/ #right_panel {width:330px; float:right; padding-top:26px;} .right_panel {width:330px; float:right; padding-top:26px;} /*.right_panel h2 {margin-bottom:10px;}*/ .right_section {width:224px; height:114px; float:right; clear:both ; background:url(../images/right_section_bg.jpg) left top no-repeat; padding:19px 17px 21px 44px; position:relative; margin-bottom:20px; text-align:left;} .right_section .thumb_icons {position:absolute; left:-29px; top: 14px;} .right_section h2 {text-indent:-9999px; height:12px; margin-bottom:10px; display:block; overflow:hidden; font-size:14px;} .right_section h4 {margin:6px 0px 5px 0px; font-size:13px;} .right_section h4 .big {font-size:16px; margin:3px 0px 0px 10px; } .right_section p {font-size:11px;} .right_section a {text-decoration:underline; font-weight:bold;} .right_section a:hover {text-decoration:none;} .right_section.first {margin-bottom:35px;} .head_contact {background:url(../images/head_contactus.jpg) left top no-repeat;} .head_buy_now {background:url(../images/head_buyleavemaster.jpg) left top no-repeat;} .head_casestudy {background:url(../images/head_casestudies.jpg) left top no-repeat; text-indent:-5000px;} .head_bradford_factor {background:url(../images/bradford_factor_head.jpg) left top no-repeat;} .head_request_demo {background:url(../images/head_request_demo.jpg) left top no-repeat;} .head_free_trail {background:url(../images/head_free_trail.jpg) left top no-repeat;} .head_take_tour {background:url(../images/head_take_tour.jpg) left top no-repeat;} .head_whats_new {background:url(../images/whats_new.jpg) left top no-repeat;} .right_section .button {clear:both; margin-top:13px; display:block;} .right_section .button a { width:110px; height:32px; display:block; background-position:left top; background-repeat:no-repeat; color:#00b0c4;} .right_section .button a:hover {height:32px; display:block; background-position: left -34px;} .right_section .buy_now_btn a {background-image:url(../images/buy_now_btn.jpg);} .right_section .request_demo_btn a {background-image:url(../images/btn_get_trial.jpg); width:157px;} .right_section .take_tour_btn a {background-image:url(../images/btn_take_tour.jpg); width:136px;} .right_section .take_tour_btn a {background-image:url(../images/btn_take_tour.jpg); width:136px;} .right_section .whats_new a {background-image:url(../images/whats_new_button.jpg); width:157px;} .right_section .know_more {text-align:right; background:url(../images/more_ico.jpg) 95% 9px no-repeat; text-transform:uppercase; padding:5px 31px 3px 0px; font-size:11px;} /*------- View Blog Block --------*/ .dotted_panel {width:195px; height:103px; float:right; clear:both; padding:14px 15px 17px 90px; background:url(../images/bg_view_blog.jpg) left top no-repeat; margin-bottom:25px; } .dotted_panel h2 {margin-bottom:5px; font-size:18px;} .dotted_panel a {display:block; margin-top:7px; text-decoration:underline;} .dotted_panel a:hover {text-decoration:none;} /*-------------------- End of Right Panel ------------------*/ /*------- Latest Blog posts --------*/ #latestPosts {width:305px; float:right; clear:both;} #latestPosts h3 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(../images/head_recent_blogs.jpg) left top no-repeat; height:33px; width:275px; text-indent:-9999px; float:left;} #latestPosts dl {margin:0px 0px 0px 0px; padding:0px 5px 0px 0px; clear:both; } #latestPosts dl dd {margin:0px 0px 0px 0px; padding:7px 4px 1px 4px; color:#6ba600; font-size:11px; } #latestPosts dl dt {margin:0px 0px 0px 0px; padding:0px 0px 7px 0px; background:url(../images/dotted_bg_blog.jpg) left bottom repeat-x;} #latestPosts dl dd .blogDateFull { padding-right:6px; background:url(../images/blog_home_bracket_right.jpg) right 2px no-repeat;} #latestPosts dl dd .blogDateDay {padding-left:6px; background:url(../images/blog_home_bracket_left.jpg) left 2px no-repeat;} #latestPosts dl dd .blogDateMonth {padding-left:9px; background:url(../images/dot_blog_date.jpg) 3px 9px no-repeat;} #latestPosts dl dd .blogDateYear {padding-left:9px; background:url(../images/dot_blog_date.jpg) 3px 9px no-repeat;} #latestPosts dl dd .blogDateTime {display:none;} #latestPosts dl dt a {color:#4a4d4a; padding:0px 4px;} #latestPosts dl dt a:hover {text-decoration:underline;} .more_blogs { float:right; text-align:right; padding:2px 25px 0px 0px; width:300px; position:relative; margin-bottom:23px; background:url(../images/more_ico.jpg) 98% 8px no-repeat; text-transform:uppercase; } .more_blogs a {text-decoration:underline; font-weight:bold; font-size:11px;} .more_blogs a:hover {text-decoration:none;} .rss_holder {width:30px; padding-top:9px; position:absolute;left:287px; top:-209px;} /*-------------------- End of Right Panel ------------------*/ /*-----------------------Bottom Panel -----------------------*/ .bottom_panel {clear:both; background:url(../images/bottom_panel_bg.jpg) left top repeat-x; overflow:hidden; margin:20px 0px 20px 0px; height:309px;} #bottom-section-1, #bottom-section-2, #bottom-section-3 {width:264px; float:left; padding-top:33px; padding-bottom:33px; position:relative; display:inline-block;} #bottom-section-1 {background:url(../images/bottom_panel_left_curve.jpg) left top no-repeat; padding-left:33px; padding-right:25px; height:243px;} #bottom-section-2 { padding-top:24px; padding-left:25px; padding-right:25px; border-left:#e7e7e7 solid 1px; border-right:#e7e7e7 solid 1px; margin-top:9px; height:234px;} #bottom-section-3 {background:url(../images/bottom_panel_right_curve.jpg) right top no-repeat; padding-left:25px; padding-right:33px; height:243px;} #bottom-section-1 h1, #bottom-section-2 h1, #bottom-section-3 h1 {text-indent:-9999px;} /*----- Testimonial Panel ----*/ #bottom-section-1 .test_head {background:url(../images/head_testimonial.jpg) left top no-repeat; height:44px; margin-bottom:6px; text-indent:-5000px;} #bottom-section-1 p {font-weight:bold; color:#5d5d5d; line-height:19px; text-indent:40px;} .quote {position:relative; left:0px; top:17px; text-indent:0px;} .quote2 {position:relative; left:10px; top:11px; text-indent:0px;} .writer {color:#9b9b9b; font-style:italic; text-align:right; padding-top:20px;} /*----- Downloads Panel ----*/ #bottom-section-2 .download_head {background:url(../images/head_downloads.jpg) left top no-repeat; height:19px; margin-bottom:14px; text-indent:-5000px;} #bottom-section-2 p {margin-bottom:32px;} .downloads_panel {background:url(../images/ico_downloads.jpg) 104% 3% no-repeat; padding:10px 0px 40px 0px;} .downloads_panel h5 {font-size:13px; margin-bottom:15px;} .downloads_panel h5 a {text-decoration:underline; color:#141414;} .downloads_panel h5 a:hover {text-decoration:none;} /*----- Support Panel ----*/ #bottom-section-3 h1.support_head {background:url(../images/head_leave_master_support.jpg) left top no-repeat; height:19px; margin-bottom:14px;} .support_panel {background:url(../images/ico_leave_master_support.jpg) center 3% no-repeat; padding:131px 0px 10px 0px; margin-top:20px;} .support_panel a {text-decoration:underline; font-weight:bold; margin-left:5px;} .support_panel a:hover {text-decoration:none;} /*------ Request a demo -----*/ #bottom-section-3 h1.demo_request_head {background:url(../images/head_demo_request.jpg) left top no-repeat; height:19px; margin-bottom:14px;} #formhandler_contact_form-1 {} #formhandler_contact_form-1 fieldset {border:none; margin-top:5px;} #formhandler_contact_form-1 legend {display:none;} #formhandler_contact_form-1 label { display:block; width:60px; float:left; padding:0px;} #formhandler_contact_form-1 .fieldErrorMsg {width:175px; color:#F00; font-size:11px; float:left; padding:0px;} #formhandler_contact_form-1 .error { background: url(../images/notification_icon.jpg) 5px 1px no-repeat; padding:2px 0px 0px 25px; display:block;} #formhandler_contact_form-1 #email,#formhandler_contact_form-1 #firstname,#formhandler_contact_form-1#phone {background:url(../images/textfield_bg.jpg) left 0px no-repeat; width:218px;} #formhandler_contact_form-1 input[type="text"] {background:url(../images/textfield_bg.jpg) left 0px no-repeat; width:218px; border:none; height:19px; padding:4px 7px 2px 11px; margin-top:2px; margin-bottom:3px; font-size:13px; font-weight:bold; color:#333;} #formhandler_contact_form-1 input[type="submit"] {background:url(../images/btn_submit.jpg) left top no-repeat; width:127px; height:32px; border:none; display:block; margin-top:8px;} #formhandler_contact_form-1 input[type="submit"]:hover {background:url(../images/btn_submit.jpg) left -34px no-repeat; cursor:pointer;} /*------ Congratulations -----*/ .contact-confromation { margin-top:20px; /*background:url(../images/dotted_bg_inner.gif) left top repeat-x; padding-top:25px;*/} .contact-confromation h3 { background:url(../images/head_congratulations.jpg) left top no-repeat; height:46px; margin:0px 0px 14px 0px; text-indent:-9999px; display:block; } .contact-confromation p {font-weight:bold;} .contact-confromation p.lvadmin {color:#878787; margin-top:15px;} /*------ Login Panel -----*/ /*#bottom-section-3 p {margin-bottom:10px;} .bottom_section3 label { display:block; margin-bottom:2px; } .formstyle {background:url(../images/textfield_bg.jpg) left 0px no-repeat; width:218px; border:none; height:19px; padding:4px 7px 2px 11px; margin-top:2px; margin-bottom:3px; font-size:13px; font-weight:bold; color:#333;} .login_button_holder {width:235px; text-align:left; padding-top:3px;} .login_btn {background:url(../images/login_btn.jpg) left top no-repeat; width:127px; height:32px; border:none; display:block; } .login_btn:hover {background:url(../images/login_btn.jpg) left -34px no-repeat; width:127px; height:32px;} */ /*==================================================== Inner Page Styles =====================================================*/ /*----------------------- Inner Content Holder ------------------------*/ /*------------- Bread Crumb Styles -------------*/ .breadcrumb-class { padding:13px 0px 0px 103px; background:url(../images/bread_crumb_bg.jpg) left 15px no-repeat; font-size:14px; } .breadcrumb-class a { float:left; display:block; } .breadcrumb-class a:hover { text-decoration:underline; } .breadcrumb-class .breadCBox { float:left; margin:4px 10px 0px 10px; display:block; width:5px; height:10px; background: url(../images/arrow.gif) left 1px no-repeat; } /*--------- End of Bread Crumb Styles ----------*/ .inner_content_holder {width:600px; overflow:hidden; padding:0px 0px 30px 0px; float:left; } .inner_content_holder h1, h1.formheader {font-size:30px; color:#161616; margin:13px 0px 17px 0px; border-bottom:#cbcbcb solid 1px; padding-bottom:5px; } .inner_content_holder h2 {font-size:22px; color:#161616; margin:20px 0px 17px 0px; padding-bottom:12px; background:url(../images/dotted_bg_inner.gif) left bottom repeat-x; } .inner_content_holder h3 {font-size:17px; margin:12px 0px 10px 0px;} .inner_content_holder h2 span.employee {position:relative; top:10px; margin-right:15px; } .inner_content_holder p, #bodyContentHolder-inner p {margin-bottom:14px; line-height:18px; } .inner_content_holder p.first {margin-bottom:20px;} .inner_content_holder .highlighted {color:#185994; font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; font-style:italic ; line-height:26px!important; margin-bottom:30px;} .inner_content_holder .highlighted_block {background:#004d94; color:#FFF; font-size:13px; padding:4px 10px; margin-bottom:15px; line-height:19px;} .inner_content_holder ul,#bodyContentHolder-inner ul {margin:0px 0px 20px 0px; padding:0px 0px 0px 0px;} .inner_content_holder ul li,#bodyContentHolder-inner ul li {margin:0px 0px 0px 0px; padding:0px 0px 0px 35px; list-style-type:none; list-style-position:outside; background: url(../images/bg_inner_list.jpg) 3px 6px no-repeat; color:#4a4d4a; line-height:28px; font-weight:bold;} .inner_content_holder a {text-decoration:underline;} .inner_content_holder .left_image {float:left; margin:5px 15px 10px 0px; background:#FFF; border:#CCC solid 1px; padding:7px;} .inner_content_holder .right_image {float:left; margin:0px 15px 10px 0px;} /*--------------------Image Slider ------------------*/ /*( Home page slide class in silder.css )*/ .imageslider_container {} .imageslider_container .slider_image {float:left;} .imageslider_container .slider_content {width:312px; float:right; padding:30px 10px 0px 0px;} .imageslider_container .slider_content h1 {font-family:"Times New Roman", Times, serif; font-size:32px; text-indent:-9999px; margin-bottom:21px;} .imageslider_container .slider_content h1.find_out_page {background:url(../images/caption_casestudy.jpg) left top no-repeat; height:54px;} .imageslider_container .slider_content h1.cap_find_out_page {background:url(../images/caption_findout_more.jpg) left top no-repeat; height:54px;} .imageslider_container .slider_content h1.cap_feature {background:url(../images/caption_features.jpg) left top no-repeat; height:61px;} .imageslider_container .slider_content h1.cap_partner {background:url(../images/caption_partners.jpg) left top no-repeat; height:61px;} .imageslider_container .slider_content h1.cap_testimonial {background:url(../images/caption_testimonial.jpg) left top no-repeat; height:61px;} .imageslider_container .slider_content h1.cap_about {background:url(../images/caption_aboutus.jpg) left top no-repeat; height:61px;} .imageslider_container .slider_content h1.cap_lv {background:url(../images/whts_new.jpg) left top no-repeat; height:61px;} .imageslider_container .slider_content h1.cap_contact {background:url(../images/caption_contact.jpg) left top no-repeat; height:29px;} .imageslider_container .slider_content h1.cap_downloads {background:url(../images/caption_downloads.jpg) left top no-repeat; height:54px;} .imageslider_container .slider_content h1.cap_pricing {background:url(../images/caption_pricing.jpg) left top no-repeat; height:29px;} .imageslider_container .slider_content h1.cap_bradford {background:url(../images/caption_bradford_factor.jpg) left top no-repeat; height:54px;} .imageslider_container .slider_content h1.cap_cipd {background:url(../images/cipd_annual_conference_1.jpg) left top no-repeat; height:54px;} .imageslider_container .slider_content h1.cap_casestudy {background:url(../images/caption_casestudy.jpg) left top no-repeat; height:54px;} .imageslider_container .slider_content h1.cap_buy_leavemaster {background:url(../images/caption_buy_leavemaster.jpg) left top no-repeat; height:61px;} .imageslider_container .slider_content h1.cap_take_tour {background:url(../images/caption_take_tour.jpg) left top no-repeat; height:61px;} .imageslider_container .slider_content p {color:#898a89; font-size:13px;margin-bottom:18px; padding-right:30px;} .imageslider_container .slider_content img {float:left;} .imageslider_container .slider_content .version {font-weight:bold; color:#121212; padding:10px 0px 0px 12px; display:block; float:left;} .imageslider_container .more_btn {clear:both; margin-top:24px; display:block;} .imageslider_container .more_btn a { width:128px; height:32px; display:block; background:url(../images/knomore_btn.jpg) left -33px no-repeat; color:#616161;} .imageslider_container .more_btn a:hover {width:128px; height:32px; display:block; background:url(../images/knomore_btn.jpg) left 0px no-repeat;} /*---------------- End ofImage Slider --------------*/ /*------------------------------ Product Page Styles -----------------------------*/ .product_content_holder {width:960px;} /*------- Product Detail Table ---------*/ .product_table_container {background:#f3f3f3 url(../images/table_bottom_border.jpg) left bottom repeat-x; width:750px/*width:960px Width for two column*/; margin:0px auto; } .product_details {width:750px/*width:960px Width for two column*/; background:#f3f3f3; background:url(../images/table_header_bg.jpg) left top repeat-x; border:0px; } .product_details th { padding:0px 0px 0px 0px; text-align:center; /*width:33%*/} .product_details th.first_col {background: url(../images/left_curve_products.jpg) left top no-repeat; width:49%/*Width for two column*/;} .product_details th.last_col {background: url(../images/right_curve_products.jpg) right top no-repeat; width:49%/*Width for two column*/;} .product_details th h3 {font-size:20px; font-weight:bold; color:#c3c3c3;padding:11px 10px 13px 10px; margin-top:10px; display:block;} .product_details th.first {background:url(../images/bottom_left_curve.jpg) left bottom no-repeat; height:10px;} .product_details th.last {background:url(../images/bottom_right_curve.jpg) right bottom no-repeat; height:10px; } .product_details td {padding:10px; background-color:#ededed; text-align:center;} .product_details td p {line-height:25px;} .product_details td p span {font-weight:bold;} .product_details td.left_border {background-image:url(../images/table_border_bg.jpg); background-position: left top; background-repeat: repeat-y; /*padding-left:20px Width for two column*/;} .product_details td.right_border {background-image:url(../images/table_border_bg.jpg); background-position: right top; background-repeat: repeat-y; padding-left:20px;} .product_details td.table_buttons {background-color:#d6d6d6; font-weight:bold;} .dotted_border {background-image:url(../images/dotted_bg_table.gif); background-position: 12px top; background-repeat: repeat-y;} .product_details .button {clear:both; margin-top:9px; display:block;} .product_details .button a { width:110px; height:32px; display:block; background-position:left top; background-repeat:no-repeat; color:#00b0c4; margin:0px auto; text-decoration:none;} .product_details .button a:hover {height:32px; display:block; background-position: left -33px;} .product_details .signup a {background:url(../images/btn_signup.jpg) left top no-repeat; width:127px;} .product_details .signup_premium a {background:url(../images/btn_signup_premium.jpg) left top no-repeat; width:127px;} .product_details .seperator_td {background-color:#f3f3f3; padding:5px !important;} /*------------------------------ Product Page Styles -----------------------------*/ .inner_content_holder .writer {color:#9b9b9b; font-style:italic; text-align:right; padding:10px 50px 10px 0px;} /*----------------------------- Features container Styles ------------------------------*/ .feature_content_holder {width:960px;} .feature_content_holder h3 {color:#585858; margin:0px 0px 10px 0px; padding:3px 0px 2px 35px; background:url(../images/feature_number.jpg) left 0px no-repeat; width:320px;} .feature_content_holder p {margin:0px !important;} .feature_block {width:47%; padding:0px 0px 5px 0px !important;} .feature_content_holder .left {float:left;} .feature_content_holder .right {float:right;} .feature_block .icons { margin:4px 10px 10px 0px; float:left;} .feature_content_holder .new_feature {background:url(../images/new_features.jpg) -2px -1px no-repeat;} .feature_content_holder .new_feature h3 { padding:3px 0px 2px 50px; background:none;} .feature_block .thumb {float:left; margin:4px 10px 5px 0px !important; padding:6px 6px 14px 6px; border:#e5e5e5 solid 1px; border-bottom:none; border-left:#f4f4f4 solid 1px; background:url(../images/icon_bg.jpg) right bottom no-repeat;} /*-------------------------------------------Downloads Page --------------------------------------------------*/ .inner_content_holder .pdf_container {background:url(../images/dotted_bg_inner.gif) left bottom repeat-x; overflow:hidden; margin-top:20px; padding-bottom:12px;} .inner_content_holder .pdf_container h2 {background:none; font-size:16px;clear:inherit; margin:17px 0px 0px 0px!important;} .inner_content_holder .pdf_container p {margin:0px 0px 0px 0px;} .inner_content_holder .pdf_container .thumb {background:url(../images/pdf_brochure.jpg) left top no-repeat; padding:9px 28px 17px 19px; float:left;} .inner_content_holder .pdf_container .downloads_link {float:left; width:400px; margin-top:17px; color:#666; font-size:11px;} .inner_content_holder .pdf_container .downloads_link a {font-size:12px; margin-right:10px;} .inner_content_holder .first_pdf {margin-top:40px;} /*---------------------------------------------- FAQ Accordion ----------------------------------------------*/ #lv-accordion {background:url(../images/dotted_bg_blog.jpg) left bottom repeat-x; margin-bottom:35px; padding-bottom:1px;} #lv-accordion h3 {font-size:15px; color:#161616; background:url(../images/dotted_bg_blog.jpg) left top repeat-x; padding:2px 0px 0px 0px; margin:0px; border:none; outline:none; display:block; } #lv-accordion h3 span {color:#161616; text-decoration:none; border:none; outline:none; background:url(../images/arrow_bullet.gif) left 18px no-repeat; padding:13px 0px 13px 18px; display:block;} #lv-accordion h3 span:hover {color:#f60; text-decoration:none; background:#eef8f6 url(../images/arrow_bullet_hover.gif) left 18px no-repeat;} #lv-accordion h3.first {background:none;} #lv-accordion h3.last {} #lv-accordion div { background:url(../images/faq_bg.jpg) left -15px repeat-x; display:block;} #lv-accordion div p {padding:0px 14px 20px 14px; } #lv-accordion div ul {margin:5px 15px;} #lv-accordion div h4 {margin:15px 14px;} /*-------------------------------------- Gallery Styles --------------------------------------------*/ .gallery_content_holder {width:960px;} ul.gallery_holder {margin:0px 0px 0px 0px; padding:0px;} ul.gallery_holder li {margin:0px 0px 20px 0px; padding:0px 45px 0px 45px; display:block; float:left; list-style-type:none; list-style-position:outside; background:url(../images/dotted_bg_gallery.jpg) left top repeat-y; height:119px;} ul.gallery_holder li img {margin:0px; padding:8px; background:#f8f3f7; border:#e6e6e6 solid 1px;} /*------------------------------------ End of Gallery Styles ---------------------------------------*/ /*------------------------------------- Casestudies Styles -----------------------------------------*/ .mini_download_panel {background:url(../images/mini_download_panel_bg.jpg) left top repeat-x; padding:0px 15px; height:41px; margin-top:15px;} .mini_download_panel img {float:left; margin:5px 10px 0px 0px;} .mini_download_panel a {color:#7d7d7d; display:block; float:left; width:370px; margin-top:12px;} .mini_download_panel a:hover {text-decoration:none;} /*----------------------------------- End of Casestudies Styles ------------------------------------*/ /*------------------------- Terms of use, privacy policy, Disclaimer Styles ------------------------*/ .disclaimer_content_holder {width:960px;} /*--------------------- End of Terms of use, privacy policy, Disclaimer Styles ---------------------*/ /*============================================= End ofInner Page Styles ===========================================*/ /*-------------------- Miscellaneous Styles ------------------*/ .no_bg {background-image:none !important;} .top_margin {margin-top:12px;} /*---------------------- Footer Section ----------------------*/ .footer_holder {padding:20px 0px 50px 0px;} .footer {width:960px; margin:0px auto 0px auto;} .copyright {float:left; width:415px;} /*-----Social Media Links------*/ .social_media {display:block; height:21px; margin-top:15px;} .social_media a {display:block; float:left; height:21px; background:url(../images/social_bookmarking.jpg) no-repeat; margin-right:15px; text-indent:-6000px;} .social_media .first {width:55px; background-position: 0px 0px;} .social_media .second {width:55px; background-position: -70px 0px;} .social_media .third {width:49px; background-position: -140px 0px;} .social_media .forth {width:43px; background-position: -206px 0px;} .social_media .fifth {width:48px; background-position: -264px 0px;} .social_media .first:hover {background-position: 0px -24px;} .social_media .second:hover {background-position: -70px -24px;} .social_media .third:hover {background-position: -140px -24px;} .social_media .forth:hover {background-position: -206px -24px;} .social_media .fifth:hover {background-position: -264px -24px;} /*-----Footer Links------*/ .footer_links {float:right; width:520px; text-align:right;} .footer_links a { color:#858484; margin:0px 7px 0px 7px;} .footer_links a:hover {text-decoration:underline;} /*-----Validated Images------*/ .validation {margin-top:15px;} .validation a {} .validation a:hover {} /*-------------------- End of Footer Section ------------------*/ /*-------------------------- Contact Form Section Start ---------------------------*/ #formhandler_contact_form3 {padding:25px 0px 40px 0px;} #formhandler_contact_form3 fieldset {border:none;} #formhandler_contact_form3 legend {display:none;} #formhandler_contact_form3 .row {padding:4px 0px 4px 0px;} #formhandler_contact_form3 .fieldErrorMsg {padding-left:92px;} #formhandler_contact_form3 .fieldErrorMsg {padding-left:121px; color:#F00; font-size:11px;} #formhandler_contact_form3 .error { background: url(../images/notification_icon.jpg) 5px 1px no-repeat; padding:2px 0px 0px 25px; display:block;} input[type="text"] {background:url(../images/textfield_bg.jpg) left 0px no-repeat; width:222px; border:none; height:19px; padding:4px 7px 2px 11px; margin-top:0px; margin-bottom:3px; font-size:13px; font-weight:bold; color:#333;} input[type="checkbox"] {margin-top:6px;} #promotioncode {background: url(../images/textfield_bg.jpg) left -161px no-repeat; width:182px; border:none; height:19px; padding:4px 7px 2px 11px; margin-top:0px; margin-bottom:3px; font-size:13px; font-weight:bold; color:#333;} #title,#mathguard_answer {background: url(../images/textfield_bg.jpg) left -55px no-repeat; width:74px; border:none; height:19px; padding:4px 7px 2px 11px; margin-top:0px; margin-bottom:3px; font-size:13px; font-weight:bold; color:#333;} #mathguard_answer {margin-left:10px;} #email {width:336px; background-position:left -27px;} #formhandler_contact_form3 label { display:block; width:105px; float:left; clear:both; color:#141414; margin:4px 0px 0px 0px; text-align:right; padding-right:15px;} /*#formhandler_contact_form3 textarea { background:url(../images/textfield_bg.jpg) left -80px no-repeat ; padding:7px 7px 5px 7px; margin:0px 0px 2px 0px; width:336px; height:67px; overflow:auto; border:none; font-size:13px; font-weight:bold; color:#333;}*/ #formhandler_contact_form3 input[type="submit"] {background:url(../images/btn_submit.jpg) left top no-repeat; width:127px; height:32px; border:none; display:block; margin:8px 0px 0px 121px; padding:4px 0px 5px 3px;} #formhandler_contact_form3 input[type="submit"]:hover {background:url(../images/btn_submit.jpg) left -34px no-repeat;} .requiredField,.mandatory {color:#F00; margin-left:3px;} select { background:url(../images/textfield_bg.jpg) left -161px no-repeat ; padding:3px 5px 5px 0px; margin:0px 0px 2px 0px; width:196px; border:none;} /*--------------------------- contact address-------------------------------*/ #bodyContentHolder-inner .sv_add{ display: inline; float: left; position: relative; border:none;} #bodyContentHolder-inner .sv_add p {font-size: 13px;line-height: 18px;padding:9px 80px 9px 0px; width:150px; float:left;} /*--------------------------- End of contact form -------------------------------*/ /*----------------------- Partner With Us From Section Start -----------------------*/ #lvpartner_contact_form {padding:5px 0px 40px 0px;} #lvpartner_contact_form fieldset {border:none;} #lvpartner_contact_form legend {display:none;} #lvpartner_contact_form .row {padding:4px 0px 4px 0px;} #lvpartner_contact_form .fieldErrorMsg {padding-left:92px;} #lvpartner_contact_form .fieldErrorMsg {padding-left:121px; color:#F00; font-size:11px;} #lvpartner_contact_form .error { background: url(../images/notification_icon.jpg) 5px 1px no-repeat; padding:2px 0px 0px 25px; display:block;} #lvpartner_contact_form label { display:block; width:105px; float:left; clear:both; color:#141414; margin:4px 0px 0px 0px; text-align:right; padding-right:15px;} /*#lvpartner_contact_form textarea { background:url(../images/textfield_bg.jpg) left -80px no-repeat ; padding:3px 7px 5px 7px; margin:0px 0px 2px 0px; width:336px; height:71px; overflow:auto; border:none;}*/ #lvpartner_contact_form input[type="submit"] {background:url(../images/btn_submit.jpg) left top no-repeat; width:127px; height:32px; border:none; display:block; margin:8px 0px 0px 121px; padding:4px 0px 5px 3px;} #lvpartner_contact_form input[type="submit"]:hover {background:url(../images/btn_submit.jpg) left -34px no-repeat;} #lvpartner_contact_form select { background:url(../images/textfield_bg.jpg) left -161px no-repeat ; padding:3px 5px 5px 0px; margin:9px 0px 2px 0px; width:196px; border:none;} /*------------------------- End of partner with us form ----------------------------*/ /*----------------------- Download free trail From Section -------------------------*/ #lvBuyNow_contact_form {padding:25px 0px 40px 0px;} #lvBuyNow_contact_form fieldset {border:none;} #lvBuyNow_contact_form legend {display:none;} #lvBuyNow_contact_form .row {padding:4px 0px 4px 0px;} #lvBuyNow_contact_form .fieldErrorMsg {padding-left:92px;} #lvBuyNow_contact_form .fieldErrorMsg {padding-left:121px; color:#F00; font-size:11px;} #lvBuyNow_contact_form .error { background: url(../images/notification_icon.jpg) 5px 1px no-repeat; padding:2px 0px 0px 25px; display:block;} #lvBuyNow_contact_form label { display:block; width:105px; float:left; clear:both; color:#141414; margin:4px 0px 0px 0px; text-align:right; padding-right:15px;} /*#lvBuyNow_contact_form textarea { background:url(../images/textfield_bg.jpg) left -80px no-repeat ; padding:3px 7px 5px 7px; margin:0px 0px 2px 0px; width:336px; height:71px; overflow:auto; border:none;}*/ #lvBuyNow_contact_form input[type="submit"] {background:url(../images/btn_submit.jpg) left top no-repeat; width:127px; height:32px; border:none; display:block; margin:8px 0px 0px 121px; padding:4px 0px 5px 3px;} #lvBuyNow_contact_form input[type="submit"]:hover {background:url(../images/btn_submit.jpg) left -34px no-repeat;} #lvpartner_contact_form select { background:url(../images/textfield_bg.jpg) left -161px no-repeat ; padding:3px 5px 5px 0px; margin:9px 0px 2px 0px; width:196px; border:none;} /*------------------------ End of Download free trail form ------------------------*/ /*----------------------------- Pricing From Section ------------------------------*/ #lvPrice_contact_form {padding:25px 0px 40px 0px;} #lvPrice_contact_form fieldset {border:none;} #lvPrice_contact_form legend {display:none;} #lvPrice_contact_form .row {padding:4px 0px 4px 0px;} #lvPrice_contact_form .fieldErrorMsg {padding-left:92px;} #lvPrice_contact_form .fieldErrorMsg {padding-left:121px; color:#F00; font-size:11px;} #lvPrice_contact_form .error { background: url(../images/notification_icon.jpg) 5px 1px no-repeat; padding:2px 0px 0px 25px; display:block;} #lvPrice_contact_form label { display:block; width:105px; float:left; clear:both; color:#141414; margin:4px 0px 0px 0px; text-align:right; padding-right:15px;} /*#lvPrice_contact_form textarea { background:url(../images/textfield_bg.jpg) left -80px no-repeat ; padding:3px 7px 5px 7px; margin:0px 0px 2px 0px; width:336px; height:71px; overflow:auto; border:none;}*/ #lvPrice_contact_form input[type="submit"] {background:url(../images/btn_submit.jpg) left top no-repeat; width:127px; height:32px; border:none; display:block; margin:8px 0px 0px 121px; padding:4px 0px 5px 3px;} #lvPrice_contact_form input[type="submit"]:hover {background:url(../images/btn_submit.jpg) left -34px no-repeat;} #lvpartner_contact_form select { background:url(../images/textfield_bg.jpg) left -161px no-repeat ; padding:3px 5px 5px 0px; margin:9px 0px 2px 0px; width:196px; border:none;} /*----------------------------- End of pricing form ----------------------------*/ /*----------------------------- Bradford Factor ----------------------------*/ .bradford-page{height:472px;} .bradford-holder{position:relative;} .bradford-content{background:url(../images/result-bg.jpg) no-repeat scroll 606px 9px transparent; position:relative; margin:10px 0px 0px 0px;} .bradford-content .row-1, .row-2 {width:563px; color:#343434; height:50px; margin: 30px 0px; position:relative;} .bradford-content .row-1 label, .row-2 label{ font-size:15px; font-weight:bold; display:block; width:400px; float:left; text-align:right; padding-top:10px;} .bradford-content .row-1 input, .row-2 input{ background:#FFF; border:#a8a8a8 solid 2px; height:28px; width: 120px; float:right;} .bradford-content .row-3 { margin:20px 25px 0px 307px;} .bradford-content .row-3 input{ background:url(../images/button.jpg) left top no-repeat; width:201px; height:46px; display:block; border:none; margin-left:365px; text-indent:-9999px; cursor:pointer;} .bradford-content .row-3 input:hover{ background-position: 0px -46px;} .bradford-content #formResult{ font-size:60px; font-weight:bold; height:122px; position:relative;} .bradford-content #formResult #bradfordresultbox{ background:#ffffff; text-align:center; position:absolute; right:16px; bottom: 234px; width:337px; height: 68px;} .bradford-content #formResult .bradford-graph{position:absolute; right:16px; bottom:142px; text-align: center; width:337px; display:none;} .bradford-content #formResul {position:relative;} .row-1 .brad-label-1-help, .row-2 .brad-label-2-help{font-size:11px;color:#b7b6b6; position:absolute; left:10px; top:30px;} .bradford-holder .slider_header{color:#161616; font-size:25px; margin-top:30px; } /*------------- CIPD conference ----------*/ .cipd_confer {margin-bottom:10px; float:right;} .cipd-more { text-align:right;} .cipd-more a{ margin:0px 10px 10px 0px; text-transform:uppercase; font-weight:bold; font-size:11px; text-decoration:none;} .cipd-more a:hover{ text-decoration:underline;} /*----------------------------- Mobile device ----------------------------*/ /*@media only screen and (max-device-width: 480px)*/ /*@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { div.fw-top, div.fw-body { width: 100%; } div.fw-top {height:210px;} .md-top, #holder-header, .md-body {width: 100%;} #holder-slides, #holder-body2 {display:none;} #holder-menu, #menuContainer, #left_panel, .home_content_holder, #holder-body1, .md-footer, #holder-footer, .footer {width:100%;} .menuStart, .menuEnd, .social_media, .validation, #right_panel, .header {display:none!important;} /*-------*/ /*#holder-menu {position:absolute; left:0px; top:0px; height:27px;} #menuContainer { height:27px;} ul#topNav {width:100%; height:15px;} ul#topNav li {background:none;} ul#topNav li:nth-child(2),ul#topNav li:nth-child(4), ul#topNav li:nth-child(5), ul#topNav li:nth-child(6) {display:none;} #menuContainer ul li a { padding:0% 10%; padding-top:5px; font-size:13px; text-transform:uppercase; height:10px;} #menuContainer ul li a:hover { padding:0% 10%; padding-top:3px; height:12px; background:#0884aa; font-size:13px; } #menuContainer ul li.current-cat a {padding:0% 10%; padding-top:5px; height:12px!important; background:#0884aa;} #menuContainer ul li.current-cat a:hover {padding:0% 10%; padding-top:5px; height:12px !important;} #holder-header { background:url(../images/leave-master-logo-m.jpg) left 5px no-repeat ; position:relative; top:42px;} .top_menu {display:none;} /*---slide-----*/ /*.holder-slides {height:200px; background:url(../images/lmob_bg.jpg) left top repeat-x;} /*---demo ---*/ /* .panel_demo {float:none; display:block; width:100%;} .panel_tour {float:none; display:block; width:100%;} /*---h1 ---*/ /* .home_content_holder h1 {text-indent:0px; font-size:13px; background:none;} } *//*/*/ .more-rss{background:url(../images/rss_subscribe.jpg) left top no-repeat; position:relative; height:20px; width:20px; float:right; text-indent:-6000px; overflow:hidden; } .img-casestudy{background:url(../images/home_buynow_ico.jpg) left top no-repeat; left:-28px; top:-10px; position:absolute; height:69px; width:68px; } .validation-xhtml{background:url(../images/xhtml_validation.jpg) left top no-repeat;position:relative; height:21px; width:56px; float:right; display:block; text-indent:-2000px;} .validation-css{background:url(../images/css_validated.jpg) left top no-repeat;position:relative; height:21px; width:56px; float:right; display:block; text-indent:-2061px;}