/* global properties ***********************************************************************/ * {padding:0; margin:0; outline:none; font-family:Tahoma, Helvetica, sans-serif ; border:none;} html {position:relative; height:100%} body {font-size:11px; color:#636363; text-align:left; height:100%; background-color:#fff;} h1{} h2{} h3{ font-size:14px} h4{color:#AED400;} h5{ font-size:12px;} h6{ font-size:11px; font-weight:bold} input, select, textarea, option, table{font-size:11px; color:#636363;} input, select, textarea{border:1px solid #e9e9ea;} input {padding:0 3px} select option {padding:0 0 0 3px} a{text-decoration:none; color:#4c8111} a:hover{text-decoration:underline; color:#4c8111} img{ border:0} .hidden {display:none;} ul, ol{list-style:none;} /* common class ***********************************************************************/ .clear {clear:both; height:0;} .hide {display:none;} /* common properties ***********************************************************************/ #container{ text-align:left; margin: 0 auto; width:1024px; min-height: 100%; height: auto !important; height: 100%; background:url(../images/bgd_container.gif) 50% 0 repeat-y; } #bgContainer{ text-align:left; margin: 0 auto; width:1024px; min-height: 100%; height: auto !important; height: 100%;} #containerMarketing{ text-align:left; margin: 0 auto; width:1024px; min-height: 110%; height: auto !important; height: 110%; background:url(../images/bgd_container_marketing.gif) 50% 0 no-repeat; } #interior #container { background:url(../images/bgd_container_interior.gif) 50% 0 repeat-y;} /* header */ #header{ width:980px; height:98px; padding:0 22px; margin:0; background:url(../images/bgd_header.gif) 50% 0 no-repeat; position:relative; z-index:99 } #headerHome{ width:980px; height:98px; padding:0 22px; margin:0; background:url(../images/bgd_header_home.gif) 50% 0 no-repeat; } #headerLogin {background:url(../images/bgd_header.gif) 0 0 no-repeat; height:86px; margin:0 0 0 22px;} #header h1, #headerHome h1{ padding:13px 0 0 0} #menu {width:980px; font-family:"Century Gothic", Tahoma, Helvetica, sans-serif;} #nav {float:right; position:relative; padding:0 205px 0 0} #nav li {float:left; padding:0 1px 0 0} #nav li a {color:#636363; font-weight:bold; text-transform:uppercase; font-size:10px; display:block; float:left; overflow:hidden} #nav li span {padding:7px 15px; float:left;} #nav li a:hover, #nav li.hover a{text-decoration:none; background:url(../images/bgd_menu_left.gif) 0 0 no-repeat; color:#fff} #nav li a:hover span, #nav li.hover a span {background:url(../images/bgd_menu_right.gif) 100% 0 no-repeat; cursor:pointer} #nav li.active a {background:url(../images/bgd_menu_active_left.gif) 0 0 no-repeat; color:#fff} #nav li.active a span {background:url(../images/bgd_menu_active_right.gif) 100% 0 no-repeat;} #nav .submenu {position:absolute; top:15px; left:206px; border-top:1px solid #7c7c7c; width:90px; z-index:99; background:#828282; padding:8px 5px 7px 15px; text-align:left; display:none} #nav li.active .submenu, #nav li.active .submenu01 {background:#5ba044; border:none;} #nav li.active .submenu a, #nav li.hover .submenu a, #nav li.active .submenu span, #nav li.hover .submenu span {background:none} #nav li.active .submenu a.actived {color:#88C573} #nav .submenu li {float:none; padding:3px 0} #nav .submenu a {float:none; color:#fff} #nav .submenu .last {border-bottom:none} #nav .submenu a:hover, #nav .submenu a.actived {color:#363636; background:none; cursor:pointer} .submenu01 {position:absolute; top:15px; left:101px; width:90px; background:#828282; padding:0 5px 7px 5px; } .subMenulevel {position:absolute; z-index:9999} #nav1{ width:420px; float:left; padding:0; overflow:hidden}/*355px*/ #nav1 li{float:left;} #nav1 li a {color:#fff; font-weight:bold; font-size:10px; display:block; float:left; overflow:hidden; background:url(../images/bgd_button_left.gif) 0 0 no-repeat;} #nav1 li span {padding:5px 6px; float:left; overflow:hidden; background:url(../images/bgd_button_right.gif) 100% 0 no-repeat; cursor:pointer} #nav1 li a:hover, #nav1 li a.active {text-decoration:none; color:#d3e5ab} #nav1 .logout {float:left; padding:3px 0 0 20px; color:#fff; font-weight:bold} #nav1 .logout a {color:#fff; font-weight:normal; text-decoration:underline; padding:0 0 0 10px} #nav1 .logout a:hover {text-decoration:none;} #nav3{width:178px; padding:5px 0 0 25px; float:right} #nav3 li{ float:left; padding:0 6px; background:url(../images/bgd_li_line1.gif) 100% 3px no-repeat; font-size:10px;} #nav3 li.last{ background:none} #nav3 a{ color:#4c4c4c; text-decoration:none; font-size:10px; font-weight:bold} #nav3 a:hover, #nav1 a.actived{ color:#4c8111} /* main content */ #main{ width:981px; padding:0 0 0 20px; overflow:hidden; } /* Home page new*/ .contentHome {width:967px; padding:0 7px; background:#fff; overflow:hidden} .contentHomeBanner {width:967px; height:394px; clear:left; overflow:hidden} .bannerVideo {width:640px; height:394px; float:left; padding:0 0 0 40px} .bannerImage {width:278px; height:394px; float:right; padding:0 9px 0 0} .blockContent {width:322px; padding:50px 0 0; float:left} .blockContent h2 {border-bottom:1px solid #cdcdcf; padding:0 0 7px 10px; font-size:11px; color:#929497; background:url(../images/bgd_line2.gif) 100% 100% no-repeat} .contentHome .first .contentDetail {padding:15px 5px 0 40px;} .contentHome .first h2 {padding:0 0 7px 40px} .contentHome .second .contentDetail {padding:15px 5px 0 25px;} .contentHome .second h2 {padding:0 0 7px 25px} .contentHome .last h2{background:none} .contentDetail {padding:15px 5px 0 10px;} .contentDetail h3 {font-size:11px; padding:0 0 3px;} .contentDetail p {padding:0 0 15px; line-height:16px;} .contentDetail .setCo0 {color:#83993b} .contentDetail .setCo1 {color:#5ba044} .contentDetail .setCo2 {color:#a3ae90} .contentDetail .setCo3 {color:#58a3ba} .frmLogin {background:url(../images/bgd_login_form_bottom.gif) 0 100% no-repeat;} .frmLogin form {background:url(../images/bgd_login_form_top.gif) 0 0 no-repeat; padding:15px 15px 10px} .frmLogin label {width:58px; float:left; padding:0 3px 0 0; color:#717171; font-weight:bold} .frmLogin input {width:205px; height:15px; border:1px solid #d7d7d7} .frmLogin p {padding:7px 0 0; color:#fff} .frmLogin .btnLogin {text-align:right} .frmLogin .btnLogin input{width:50px; height:21px; padding:0; cursor:pointer; border:none; } .frmLogin .noClient a {color:#f47725; font-weight:bold} .frmLogin .error {color:#FF0000; font-weight:bold; text-align:center} /* Interior */ .highlightNav {width:132px; padding:20px 5px 0; float:left;} .highlightNav li {padding:0 0 3px} .highlightNav li ul {padding:3px 0 0 10px;} .highlightNav li ul a {font-weight:normal; color:#5ca044} .highlightNav a {color:#4c4c4c; font-size:11px; font-weight:bold} .highlightContent {width:620px; padding:0 5px 10px; float:left; overflow:hidden} .highlightTextual {width:205px; float:left} /* Left Content */ #leftContent{ width:777px; float:left; overflow:hidden; position:relative;} /*breadCrumbs*/ #breadCrumbs, .welcome{ width:757px; margin:0 10px; padding:0 0 5px 0; background:url(../images/bgd_nav2.gif) 0 100% no-repeat; overflow:hidden} #breadCrumbs .widNav{ width:757px;} #breadCrumbs .widNav1{ width:517px;} #breadCrumbs a img{ float:right; padding:0} #breadCrumbs p {padding:0 0 0 5px} .welcome p {padding:15px 0 5px 10px; width:480px; float:left} .welcome p.percentComplete {width:160px; float:right; padding:10px 10px 5px 10px; text-align:right; color:#78a935; font-size:16px; font-weight:bold; backgroundurl(../images/bgd_nav2.gif) 0 100% no-repeat;} .welcome p.percentComplete span {color:#959595; font-size:12px} #nav2{ float:left; padding:15px 0 0 0} #nav2 li{ float:left; padding:2px 5px} #nav2 li.first{ background:url(../images/bgd_li_line.gif) 100% 3px no-repeat; padding:3px 5px 0 0;} #nav2 a, #nav2 li{ color:#4c8111; font-weight:bold} #nav2 a.hover{ color:#959595; text-decoration:none} #nav2 a.active{ color:#959595; text-decoration:none;cursor:text} .frmView {width:250px; float:right; text-align:right; padding:10px 5px 0 0} .listColor {width:275px; float:right; padding:10px 0 0 0} .listColor li {float:left;} .listColor span, .listColor img {float:left; overflow:hidden; padding:0 5px 0 0} /* Steps Wizard */ #stepWizard {width:757px; margin:0 10px; padding:0; background:url(../images/bgd_stepWizard.gif) 0 45% repeat-x; overflow:hidden} #stepWizard li {float:left; padding:15px 0 15px 5px; font-size:12px; color:#959595; width:120px} #stepWizard a {font-size:12px;} #stepWizard .active {color:#636363;} #stepWizard .inactive {color:#ebeaea;cursor:text} #stepWizard .actived {color:#959595} #stepWizard span {padding:0 0 0 3px} .editWizard {width:757px; padding:0 0 20px 0; overflow:hidden} .editWizard dt {width:30px; float:left; padding:0 8px 0 0} .editWizard dd {width:710px; float:left; overflow:hidden;} .editWizard dd h3 {color:#6C9B2E; font-size:15px; padding:0} .editWizard dd p {padding:0 15px 0 0; overflow:hidden} /* homepage*/ .intro{ width:250px; float:left; overflow:hidden; padding:10px 0 0 15px;} .intro p{ padding:0 0 10px 0 } #flashHome{ width:498px; float:right; padding:30px 10px 0 0} .featureBlock{ width:757px; float:left; overflow:hidden; padding:0 10px; margin:0} .featureBlock .typeContainer{ width:757px; margin:0; background:url(../images/bgd_type_container.gif) 0 100% no-repeat; clear:both; overflow:hidden;} .featureBlock .type{ width:251px; float:left; margin:0 1px 0 0;} .featureBlock .type div {width:231px; padding:0 10px 10px 10px} .featureBlock .type h2{ background:url(../images/bgd_h2_feature_block.gif) 0 0 no-repeat; padding:6px 10px 14px 10px; color:#fff; font-weight:bold; font-size:16px;} .featureBlock .type p, .featureBlock .type ul, .featureBlock .rssnews p{ padding:0 0 10px 0;} .featureBlock .type img {padding:0 0 10px 0} .featureBlock .type li, .featureBlock .rssnews li {background:url(../images/bullet.gif) 0 7px no-repeat; padding:0 0 5px 10px} .featureBlock .rssnews {width:757px; padding:0; background:url(../images/bgd_rssnews_bottom.gif) 0 100% no-repeat; overflow:hidden; margin:10px 0 0 0; float:left} .featureBlock .rssnews h2 {background:url(../images/bgd_rssnews.gif) 0 0 no-repeat; padding:6px 10px 14px 10px; color:#fff; font-weight:bold; font-size:16px;} .featureBlock .rssnews div {width:231px; padding:0 10px 10px 10px; float:left} /* marketing */ #leftContent .photo {width:253px; float:left; padding:10px 0 0 10px} #leftContent .subContent {width:460px; padding:0 20px; float:left} #leftContent .subContent p, #leftContent .subContent li {padding:0 0 5px} #leftContent .subContent h2 {padding:10px 0 5px 0; color:#6f9838; font-weight:normal; font-size:20px;} #leftContent .subContent ul {list-style:square; padding:0 0 0 20px} /* contact us */ .frmContact {width:420px; overflow:hidden} .frmContact p {padding:3px 0; overflow:hidden; width:330px;} .frmContact label {width:90px; float:left; font-weight:bold} .frmContact input {width:210px; float:left} .frmContact textarea {width:210px; height:120px; padding:3px; float:left} .frmContact .btnSubmit {width:315px; text-align:right;} .frmContact .btnSubmit input {width:65px; height:28px; border:none; float:none} /* sign up */ .frmSignup {width:420px; overflow:hidden} .frmSignup p {padding:3px 0; overflow:hidden; width:330px;} .frmSignup label {width:90px; float:left; font-weight:bold} .frmSignup input {width:210px; float:left} .frmSignup input.chkBox {width:15px; border:0} .frmSignup textarea {width:210px; height:120px; padding:3px; float:left} .frmSignup .btnSubmit {width:315px; text-align:right;} .frmSignup .btnSubmit input {width:65px; height:28px; border:none; float:none} /* FAQ Block */ .faqBlock {width:610px; padding:15px 0 0 20px; overflow:hidden;} /* Left Block*/ .leftBlock {width:672px; padding:15px 50px 15px 50px; overflow:hidden;} .leftBlock p{line-height:1.5} /* Dashboard Block*/ .dashboardBlock {width:757px; padding:15px 0 0 20px; overflow:hidden;} .dashboardBlock form {overflow:hidden; padding:0; margin:0} .flash {float:left; width:750px; margin:-10px 7px 0 0} .contentRight { width:180px; margin:0 0 0 15px; float:left} .contentRight h5 {padding:0 0 10px 0} .contentRight h2 {padding:15px 0 0 0} .contentRight p {padding:0 0 25px 0} .contentRight li {background:url(../images/ico_green01.gif) 0 3px no-repeat; padding:0 0 0 15px} .accuracyBloc {width:182px; padding:3px 0 0 0; position:absolute; bottom:20px; background:url(../images/bgd_accuracyBloc.gif) 0 20px no-repeat; margin:10px 0 0 0; float:left} .accuracyBloc h4 {text-align:center; font-size:12px; text-transform:uppercase; color:#636363} .accuracyBloc p {padding:0 5px; display:block; overflow:hidden} .accuracyBloc p img {float:left; padding:10px 0 0 0} .accuracyBloc p span {font-size:22px; font-weight:bold; position:absolute; right:5px; top:20px;} .accuracyBloc p.percent {padding:5px 0; margin:0 5px; background:url(../images/bgd_percent.gif) 0 14px no-repeat} .accuracyBloc p.textual {color:#1e1e1e; border-bottom:1px solid #636363; padding:3px 0; margin:10px 5px 5px 5px; text-align:center} /* Company Structure */ .blockLeft{ width:325px; float:left; padding:0 20px 0 0} .blockLeft p {padding:10px 0 0 0} .companyStructure{} .companyStructure ul{ margin:0 0 0 30px;} .companyStructure li{ padding:10px 0 10px 0; background:url(../images/bgd_li_subtract.gif) 0 10px no-repeat} .companyStructure li li{ background:url(../images/bgd_sub_li.gif) 0 0 no-repeat; padding:10px 0} .companyStructure li li li{ padding:10px 0} .companyStructure li img{ float:left} .companyStructure span{ border:1px solid #eaeaea; padding:0 15px 0 5px; margin:0 10px 0 10px} .companyStructure .grey{ width:160px; background:#ebebeb;} .companyStructure .last{ background:url(../images/bgd_sub_li_last.gif) 0 0 no-repeat} .companyStructure .team{background:url(../images/bgd_li_team.gif) 7px 0 no-repeat; padding:10px 0 10px 14px} .companyStructure .teamLast{background:url(../images/bgd_li_team_last.gif) 7px 0 no-repeat;} /* padding:10px 0 10px 14px*/ .companyStructure .active{ border:1px solid #F86F41;} .blockRight{ width:390px; float:left} .blockInfo{ width:382px; padding:0 0 30px 0 ; background:url(../images/bgd_offical_location_info.gif) left bottom no-repeat;} .blockInfo h5{ background:url(../images/bgd_h5.gif) 0 0 no-repeat; padding:3px 0 3px 40px; color:#fff; text-transform:uppercase; font-weight:normal; font-size:11px;} .blockInfo form{ padding:0 40px;} .dashboardBlock .blockInfo fieldset{ border-bottom:1px solid #e3e3e3; padding:10px 0} .blockInfo label{ width:68px; float:left; text-transform:uppercase} .blockInfo .first{ width:300px; float:none; padding:0 0 0 5px; text-transform:lowercase} .blockInfo li{ padding:3px 0} .blockInfo fieldset.last{ border-bottom:none} .blockInfo fieldset.last ul{ width:140px; padding:10px 0 0 0; float:left} .blockInfo fieldset.last li{ display:block} .blockInfo fieldset.last label{ float:none; padding:0 0 0 5px; text-transform:lowercase} .blockInfo .btn{ width:302px;} .blockLeft .wizardList {list-style:outside; padding:0 0 0 20px} /* table Employees*/ .tblEmployees{ width:737px; border:1px solid #d7d7d7; border-bottom:none; border-right:none;} .tblEmployees th { color:#4c8111; border-right:1px solid #d7d7d7; padding:3px 5px; border-bottom:1px solid #d7d7d7 !important; } .tblEmployees td {/**/ padding:3px 5px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7 } .tblEmployees td {border-bottom-width:1px !important; } .tblEmployees .active { border:1px solid #f86f41; border-right:1px solid #d7d7d7; border-left:none} .tblEmployees .lastActive { border-right:1px solid #f86f41} .tblEmployees .firstActive {border-left:1px solid #f86f41} .tblEmployees .widthType { width:65px} .tblEmployees .widthType1 { width:160px} .tblEmployees .widthType2 { width:80px} .tblEmployees .active input.widthType2 {border:1px solid #E9E9EA} .tblEmployees input#lastNameAddNew, .tblEmployees input#numEmployAddNew {border:1px solid #E9E9EA; display:block} .tblEmployees .subtbl { padding:0; border-right:none; border-bottom:none} .tblEmployees .subtbl th.first{padding:3px 0 3px 30px;} .tblEmployees td span.orange {color:#f86f41;} .tblEmployees th span{ padding:0 0 0 10px} .tblEmployees th span a{ font-size:10px; font-weight:normal} .tblEmployees th a{ font-size:11px; text-decoration:none; font-weight:bold} .tblEmployees th a:hover{text-decoration:underline} .tblEmployees .actived{ color:#4c8111 !important} .tblEmployees .action { color:#4c8111} .tblEmployees .closed { color:#c5c5c5} .tblEmployees .closed td { color:#c5c5c5} .tblEmployees .actived td { color:#4c8111 !important} .tblEmployees .calDate, .tblEmployees .checked { margin:0px; float:right} .tblEmployees span{ padding:0 5px 0 0} .tblEmployees .tdHover {background:#eff0f4;} .tblEmployees .imgPerson {float:right; margin:0 15px 0 0} .tblEmployees .centered { text-align:center} .tblEmployees .actionbold { font-weight:bold} .tblEmployees td .level {vertical-align:bottom} /* form team */ .frmTeam label {display:block; padding:0 0 5px 0} .frmTeam input, .frmTeam select {margin:0 5px 0 10px} .frmTeam p {padding:0 0 10px 0; overflow:hidden} .frmTeam ul {width:230px; float:left; margin:0 10px 10px 0} .frmTeam li {padding:0 0 5px 0} .frmTeam li label {display:inline;} .frmTeam div {width:737px; overflow:hidden;} /* Initiatives Materials */ .tblEmployees .tblInitiatives{width:737px;} .tblEmployees .tblInitiatives th {background:#ebebeb; color:#636363; border-right:1px solid #ebebeb} .tblEmployees .tblInitiatives td {background:#f5f5f5} .tblEmployees .tblInitiatives .right {border-right:1px solid #d7d7d7;} .tblEmployees .tblInitiatives span {width:240px; overflow:hidden; display:block} .tblEmployees .tblInitiatives .level, .tblEmployees .level { text-align:center; width:21px;} .tblEmployees .tblInitiatives .level span, .tblEmployees .level span {width:21px; padding:0;} .tblEmployees td input{margin:3px 0; border:none} #frmCompanyTeam table td {width:20%} #frmCompanyEmployment table td {width:12%} #frmCompanyEmployment .last {width:28%} #frmCompanyEmployment input {} #frmCompanyTeam table td.first, #frmCompanyEmployment table td.first {width:2%;} .tblEmployees label {float:left} .widTd p{width:248px;} .widTd1 p {width:130px;} .widTd2 p{width:116px} .widTd3 p, .widTd4 p {width:88px;} .widTd10 {width:23px;} .widTd5 {width:32px;} .widTd6 {width:92px;} .widTd7 {width:331px;} .widTd8 {width:134px;} .widTd9 p {width:228px;} .widSelect {width:130px;} .widSelectEmploy {width:65px; margin:0 5px 0 0;} .widSelect1 {width:80px;} .widSelect2 {width:130px;} .widSelect3 {width:180px;} .widSelect4 {width:45px;} .widSelect5 {width:200px;} .widSelect6 {width:174px;} .widSelect7 {width:220px;} .dashboardBlock legend {font-weight:bold; color:#636363; margin:0; padding:0} .dashboardBlock fieldset {padding:0 0 25px 0; overflow:hidden} .tdActive {position:absolute; top:-1000px; left:-9px; height:28px; border-left:10px solid #f86f41;} .viewteam {padding:0 0 10px 0} .viewteam label {font-weight:bold; padding:0 5px 0 0} /* Account Form */ .myAccount ul, .myAccount div {width:350px; float:left; padding:5px 0 0 0} .myAccount li, .myAccount li {padding:3px 0; overflow:hidden} .myAccount li label {width:130px; float:left; padding:0} .myAccount li input {width:165px; float:left; padding:0 3px} .myAccount .type {width:40px; float:left} .myAccount .type1 {width:55px; float:left; padding:0 0 0 9px} .myAccount span, .frmContact span {color:#ff0000; padding:0 0 0 3px} .myAccount select {width:173px; float:left; border:1px solid #E9E9EA} .myAccount .accountSelect {width:170px; float:left} /* Survey Form */ .blockType dt { padding:15px 0 0 0; font-weight:bold; } .blockType dl { } .blockType dd { padding:0 0 0 12px} .blockType label { padding:0 10px 0 0} .blockType p { padding:5px 0} .radio{ border:none; margin:0 5px 0 0} .blockType { list-style:decimal; padding:0 5px 0 25px;} .blockType li, .blockType1 li{ padding:3px 0;} .blockType li label { padding:0; } .dashboardBlock h3 { font-size:11px; font-weight:bold; padding:0 0 0 8px;} .blockType1 ul { width:120px; float:left; padding:10px 0 0 15px} .blockType1 div { width:350px; float:left; padding:5px 0 0 0} .blockType2 div, .blockType2 ul { padding:5px 0 0 0; overflow:hidden} .blockType2 li{ width:190px; padding:0 0 0 15px; float:left} .blockType2 li,.notifi{width:100%; padding:3px 0 3px 15px; float:left} .blockType2 .date li { float:none; padding:5px 0 5px 15px; width:700px} .blockType2 .date li ul { padding:0; } .blockType2 .date li li { float:left; padding:0 0 0 15px; width:auto } .blockType4 {overflow:hidden} .blockType4 p {padding:5px 0} .blockType4 ul {overflow:hidden; padding:0 0 10px; display:block; width:100%;} .blockType4 li {float:left; overflow:hidden; padding:0 10px 0 0} .blockType4 .widInput {width:50px} .blockType4 select {width:190px;} .userProfile, #carpooler {padding:0 0 0 15px;} .optionCommuteShowHide #carpooler {padding:0} /* My plan */ .myPlan{} .myPlan dt { background:url(../images/ico_green_up.gif) 0 3px no-repeat; padding:0 0 5px 15px; font-weight:bold} .myPlan .update { text-align:right; padding:0 61px 0 0} .myPlan .update input { border:none} .myPlan .active {background:url(../images/ico_green_down.gif) 0 2px no-repeat; padding:0 0 5px 15px} .calendarHighlight {width:730px; height:181px; background:url(../images/bgd_calendarHighlight.gif) 0 0 no-repeat; overflow:hidden; padding:10px 12px; margin:0 0 0 -8px} .calendarHighlight .btnPrev, .calendarHighlight .btnNext{width:16px; float:left; padding:80px 0 0 0} .calendarHighlight .slicingCalendar {width:696px; overflow:hidden; float:left; padding:0} .calendarHighlight .slicingCalendarContent {width:2000px; margin-left:0} .calendarHighlight .myplanCalendar {width:196px; padding:0 18px; float:left} .calendarHighlight .calendarData {border-bottom:1px solid #ababab;} .calendarHighlight .calendarData th{font-weight:normal; text-transform:uppercase} .calendarHighlight .calendarData td {border-top:1px solid #ababab; border-left:1px solid #ababab; text-align:right; vertical-align:top; padding:0 0 9px 0} .calendarHighlight .calendarData .last {border-right:1px solid #ababab;} .calendarHighlight p{padding:0 0 10px 0; font-weight:bold; text-align:center; text-transform:uppercase} .calendarHighlight .greyBg {background:#78A935}/*e7e7e7*/ .blank {color:#FFF} .calendarHighlight .whiteBg {background:#fff} .calendarHighlight .orangeBg {background:#f86f41; color:#fff} .calendarHighlight .orangeBg a, .calendarHighlight .redBg a {color:#fff} .calendarHighlight .redBg {background:#f7470c; color:#fff} .calendarHighlight .darkOrangeBg {background:#f7470c; color:#fff} .calendarHighlight .lastMonth {color:#C5C5C5; font-size:10px;} .weekHighlight {width:500px; overflow:hidden; padding:10px; float:left} .weekHighlight .slicingWeek { width:470px; overflow:hidden; float:left} .weekHighlight .slicingWeekContent {width:2000px; margin-left:0} .weekHighlight .btnPrev, .weekHighlight .btnNext{width:11px; float:left; padding:0} .weekHighlight .slicingWeek p { width:460px; padding:0 5px; float:left; color:#4c8111; font-size:12px; font-weight:bold; text-align:center} .greyHighlight {width:735px; background:#e6e6e6; border:1px solid #f3f3f3; padding:2px 5px; margin:15px 0 15px 0; overflow:hidden} .dashboardBlock .greyType01 {margin:15px 0 15px 10px; background:url(../images/bgd_greyHighlight_bottom.gif) 0 100% no-repeat; border:none; padding:0} .dashboardBlock .greyHighlight {margin:15px 0 15px 0; background:url(../images/bgd_greyHighlight_bottom.gif) 0 100% no-repeat; border:none; padding:0} .dashboardBlock .greyWrap {background:url(../images/bgd_greyHighlight_top.gif) 0 0 no-repeat; padding:4px 5px; overflow:hidden} .greyHighlight h3 {color:#4c8111; font-weight:bold; padding:15px 0 15px 5px; float:left; font-size:12px;} .greyHighlight .overdue {background:url(../images/ico_error.gif) 0 0 no-repeat; padding:15px 0 15px 45px;} .greyHighlight .note {width:570px; padding:8px 0 0 25px; float:left; color:#000} .greyHighlight .note span {display:block; color:#808080} .greyHighlight .note1 {width:150px; padding:8px 0 0 0; float:right; color:#000} .greyHighlight .addNew, .greyHighlight ul {float:right; padding:10px 0 0} .greyHighlight .addNew a {text-decoration:underline} .greyHighlight .addNew a:hover {text-decoration:none} .greyHighlight li {float:left; background:url(../images/bgd_li_line.gif) 100% 2px no-repeat; padding:0 5px} .greyHighlight a {} .greyHighlight .noneBg {background:none} .greyHighlight a.active {color:#636363} .greyHighlight .levelBlock {width:140px; float:left; padding:5px 5px 0 5px} .greyHighlight .levelBlock li {width:45px; float:left; background:none; text-align:center; padding:0} .greyHighlight .levelBlock strong {display:block;} .greyHighlight .levelBlock img {border:1px solid #d9d9d9; padding:3px; background:#fff} .greyHighlight .noteBlock {width:325px; float:left} .greyHighlight .noteBlock ul {width:180px; float:left; padding:5px 10px 5px 0} .greyHighlight .noteBlock .last {width:130px; padding:5px 0} .greyHighlight .noteBlock .last strong {width:90px} .greyHighlight .noteBlock li {background:none; padding:0} .greyHighlight .noteBlock img {float:left; border:1px solid #d9d9d9; padding:1px 2px; background:#fff; margin:0 5px 0 0} .greyHighlight .noteBlock strong {padding:3px 0 0 0; float:left; width:140px;} .greyHighlight .innerGrey {width:230px; float:right} .checkbox, .radio, .profilesBlock .checkbox, .profilesBlock .radio { border:none; margin:0 3px 0 0;} .tblEmployees th .checkbox { border:none; margin:3px 0} .tblEmployees select, .tblEmployees select option {display:block} *html .tblEmployees select.widSelectEmploy {width:auto;} *+ html .tblEmployees select.widSelectEmploy {width:auto;} .btn {width:737px; padding:10px 10px 0 0; text-align:right; background:url(../images/bgd_div_btn.gif) 0 0 no-repeat;} .btn input, .btn01 input, .btn02 input {margin:0; border:none; padding:0} .btn a { float:left; background:url(../images/ico_green_up.gif) 0 7px no-repeat; padding:5px 0 0 15px} .btn01 {width:737px; padding:10px 71px 0 0; text-align:right;} .btn02 {text-align:center} #popupforgot .btn02 input {float:none} .btn03 {width:737px; padding:10px 10px 10px 0; text-align:right; overflow:hidden; background:url(../images/bgd_div_btn.gif) 0 0 no-repeat;} .btn03 input {border:none} .btnContinue {width:111px; float:right} .btnSaveprogress {width:510px; float:left; text-align:center} .btnGoback {width:111px; float:left} .btn03 .btnGoback {overflow:hidden} .opacity {opacity:0.5} .btn04 {width:322px; padding:0; margin:10px 0 0 0; text-align:right; background:url(../images/bgd_div_btn.gif) 0 0 no-repeat;} .btn04 input {border:none} .btn04 .btnCancel {width:65px; height:28px;} .btn04 .btnSave, .btn02 .btnLogin {width:57px; height:28px;} .content .type {text-align:right} /*Form My plan */ .dashboardBlock .frmMyplan {overflow:hidden; padding:10px 0 0 10px} .frmMyplan label {padding:0 5px 0 0; float:left} .frmMyplan input {float:left; margin:0 3px 0 0; border:1px solid #ccc} .frmMyplan img {float:left; margin:0 10px 0 0} .frmMyplan p {overflow:hidden; padding:5px 0; clear:both;} .frmMyplan .listComb label {width:50px;} * html .frmMyplan .listComb label {padding:3px 0 0} .frmMyplan .listComb label.labelAll {font-weight:bold} .frmMyplan .listComb input {border:none} .frmMyplan .btnGo {text-align:right; padding:0} .frmMyplan .btnGo input{border:none; width:57px; float:none} .greyBox {width:524px; float:left} .showOverdue {width:180px; float:left; padding:10px 0 15px 10px; margin:8px 0; border-left:1px solid #939393; overflow:hidden} .showOverdue p {overflow:hidden} .showOverdue img {float:left; padding:0 5px 0 0} .showOverdue span {padding:5px 0 0; float:left} .showOverdue span.overdueCount {padding:5px 0 0; float:none} .showOverdue input {padding:0 0 0 35px;} /* office setup */ .officeSetup {overflow:hidden; clear:both} .officeSetup dt {font-weight:bold;} .officeSetup dd {width:737px; padding:0 0 14px 0; overflow:hidden} .officeSetup a.calDate {background:none; float:left; padding:0 0 0 5px} .officeSetup a:hover {text-decoration:none; color:#959595} .officeSetup p {padding:0 0 8px 0} .officeSetup dt p {padding:0 0 3px 0} .officeSetup span {display:block; padding:2px 0 0 0} .officeSetup span label {padding:0 20px 0 0} .officeSetup div {width:737px; overflow:hidden} .officeSetup div.tdActive {width:1px;} .officeSetup .waste {width:350px; float:left; padding:0 10px 10px 0} .officeSetup .waste ul {width:350px; float:left; padding:0 0 10px;} .officeSetup .waste li { padding:0 0 8px 0} .officeSetup .materials {} .officeSetup .materials label { display:block} .officeSetup .materials select {width:80px} .officeSetup .radioType li { width:60px; float:left} .officeSetup .energy { width:737px; padding:0; overflow:hidden; margin:-5px 0 0 0;} .officeSetup .energy li { width:90px; padding:0 10px 0 0; float:left} .officeSetup .energy p{ padding:0;} .officeSetup dd .type {float:left; display:block; width:737px} /* dashboard wizard page */ .wizard {width:752px; overflow:hidden; background:url(../images/bgd_dashboard_wizard_bottom.gif) 0 100% no-repeat;} .wizardContent {width:732px; overflow:hidden; background:url(../images/bgd_dashboard_wizard.gif) 0 0 no-repeat; padding:10px 10px 60px 10px} .wizardContent h3 {color:#6c9b2e; font-size:15px;} .wizardContent p {padding:15px 0 25px 0} .wizardContent .edition { background:url(../images/bgd_line.gif) 0 100% repeat-x; overflow:hidden; padding:0 0 25px 0; float:left} .wizardContent .edition .last { padding:0 0 0 10px; background:none} .wizardContent .edition div {width:360px; float:left; background:url(../images/bgd_line1.gif) 100% 0 repeat-y; overflow:hidden} .wizardContent .edition div dl {padding:0 0 50px 0; overflow:hidden} .wizardContent .edition div dt {overflow:hidden} .wizardContent .edition div dd {padding:0 0 0 30px} .wizardContent .edition div dd a {text-decoration:underline} .wizardContent .edition div dd a:hover {text-decoration:none} .wizardContent .edition div dd label {width:140px; padding:0 10px 0 5px; float:left; overflow:hidden} .wizardContent .edition div dd .type {padding:0 10px 0 23px; } .wizardContent .edition div dt span {background:#4c8111; font-size:15px; font-weight:bold; padding:2px 7px; color:#fff; float:left} .wizardContent .edition div dt p { float:left; padding:5px; overflow:hidden} .wizardContent .edition div dd p {clear:both; overflow:hidden; padding:0} .wizardContent .edition div dd img{float:left} .wizardContent .edition div input {border:none} .wizardContent .edition div .btn03 {width:360px; text-align:center} .wizardContent .edition div .btn03 span {display:block} /*Admin CMS*/ .frmCMSP {} .frmCMSP p {font-weight:bold; padding: 5px 0 5px 0} .frmCMSP .txtTitle {width: 300px} .tbold {font-weight:bold;color:#AED400} /* Admin */ .toolOverview {width:754px; background:url(../images/bgd_toolOverview_top.gif) 0 0 no-repeat; overflow:hidden; margin:0 0 0 -8px} .toolOverviewContent {width:744px; background:url(../images/bgd_toolOverview_bottom.gif) 0 100% no-repeat; overflow:hidden; padding:10px 5px} .toolOverviewContent h2 {color:#4c8111; font-size:13px; font-weight:bold;} .toolOverviewContent h2 span {color:#636363; padding:0 0 0 20px;} .toolOverviewContent div {width:709px; padding:0 0 0 35px} .toolOverviewContent dl {width:137px; float:left; margin:20px 0 20px 0; padding:0 15px; border-right:1px solid #ccc} .toolOverviewContent dl.last {border:none} .toolOverviewContent dt {color:#4c8111; font-weight:bold; font-size:12px; padding:0 0 5px 0} .toolOverviewContent p {padding:0 0 5px 0; text-align:right} .toolOverviewContent p span {width:80px; float:left; text-align:left} .officeAdmin label{font-weight:bold} .alertTo {float:left; font-style:italic; overflow:hidden; width:180px;} /* paging */ #loadNextAction .paging {margin:15px 0 0 0} #divWeek .paging {margin:15px 0 0 0} .paging { width:737px; text-align:center; display:block; margin:0; padding:0} .paging li{ display:inline; padding:0 5px 0 0} #loadOverdue .greyHighlight .pagingDue {padding:15px 0 0;} .greyHighlight .pagingDue {font-weight:bold;} .greyHighlight .pagingDue ul {padding:0 0 5px} .greyHighlight .pagingDue li {background:none} .greyHighlight .type {padding:15px 0 0; float:right; width:230px} #divWeek .pagingDue {padding:15px 0; text-align:right; width:737px} #divWeek .pagingDue ul {padding:0 0 5px; float:right} #divWeek .pagingDue li {background:none; display:inline; padding:0 0 0 5px; font-weight:bold; float:left} #divWeek .pagingDue li img {padding:1px 0 0 0; margin:0} #divWeek .type {padding:15px 0 0; float:right; width:230px} /* Right Content */ #rightContent {width:204px; float:right; color:#464646;} .profilesBlock input, .profilesBlock select, .profilesBlock textarea {border:1px solid #ccc} .profilesBlock input.daycheckInput {padding:2px 5px 2px 0px; float:left; border:none} .daycheckStrong {padding:0 0 0 5px; float:left} .daycheckLabel {display:block; padding:0 0 3px 0; width:180px; float:left} .profilesBlock input#txtCheck {margin:0 5px 0 0} .profilesBlock {width:194px; padding:0 0 4px 0; margin:0 5px 0 5px; overflow:hidden; color:#464646;} .innerContent h4 {padding:0 0 0 5px; font-size:11px} .profilesBlock h5, .blockType3 h5 {color:#4c810f; padding:5px 0; border-bottom:1px solid #757575; margin:0 0 0 5px} .profilesBlock h6 {color:#aed400; text-transform:uppercase; font-size:10px; padding:5px 0 5px 10px;} .profilesBlock .updateFrm {} .updateFrm .labelCheck, .editFrm .labelCheck {display:inline; font-weight:normal;cursor:pointer} .updateFrm dl {border-bottom:1px solid #757575; padding:5px 0 10px 0; margin:0 5px 0 5px; overflow:hidden} .updateFrm dt {font-weight:bold; padding:0 0 0 5px;} #rightContent .updateFrm dt a {text-decoration:none; color:#464646} #rightContent .updateFrm dt a:hover {text-decoration:underline} .updateFrm dt span {padding:0 0 0 5px; font-weight:normal;} .updateFrm dd {padding:0 0 0 10px} .updateFrm dd p {padding:3px 0} .updateFrm input {margin:0 5px 0 0} .manualInput {width:28px; border:1px solid #9d9d9d; margin:0 5px 0 0} .updateFrm p.btnSave {text-align:right;} .updateFrm p.btnSave a {color:#aed400; text-transform:uppercase; font-size:12px; font-weight:bold; text-decoration:none} .updateFrm ul {padding:0 0 40px 5px;} .updateFrm ul label {width:174px; float:left} .updateFrm ul input {width:128px; height:13px; padding:0 3px} .updateFrm ul input.type {width:62px;} .updateFrm ul select {width:134px;} .updateFrm p, .editFrm p {padding:3px 0 3px 5px; overflow:hidden; width:184px; clear:left} .updateFrm p input {margin:0 5px 0 0} .updateFrm li {padding:3px 0} .updateFrm li strong {color:#AED400} .updateFrm .alertContent {border-bottom:1px solid #757575;} .updateFrm .alert {width:169px; padding:5px 0 10px 5px; margin:0 5px 5px 5px;} .updateFrm .btnClose {width:180px; text-align:right;} .updateFrm .paging {width:184px; text-align:right; background:none; padding:0 5px; position:absolute; top:5px; left:0} .updateFrm .paging li {padding:0 2px} .updateFrm .paging a {padding:0} .plan {padding:10px 0 10px 20px; background:none} .editFrm dl {} .editFrm dt {font-weight:bold; padding:5px 0 0 5px; color:#464646} .editFrm dd {border-bottom:1px solid #757575; padding:0 0 10px 0; overflow:hidden} .editFrm label {display:block; clear:both; padding:0 0 3px 0} .editFrm a, .updateFrm a {color:#aed400; padding:0 0 0 5px; text-decoration:underline} .editFrm a:hover, .updateFrm a:hover {color:#aed400; text-decoration:none} .editFrm span {padding:0 5px 0 0; font-weight:normal} .editFrm label span {padding:0; font-weight:normal} .editFrm span#maxlengthCharacters {padding:0 5px 0 0; font-weight:normal} .updateFrm p.date, .editFrm p.date {width:92px; position:relative; overflow:hidden; float:left; clear:none} .updateFrm p.last, .editFrm p.last {float:none} .editFrm .date1 {width:180px; position:relative; overflow:hidden} .editFrm .date .calDate, .editFrm .date1 .calDate {position:absolute; top:15px; left:65px;} .editFrm .date1 label {padding:0 0 6px 0} .editFrm textarea {width:177px; height:70px; padding:0 0 0 3px} .editFrm .labelAssign {font-weight:bold; float:left} .dashboardOverview {width:194px; padding:0 0 20px 0; overflow:hidden; position:relative} .btnBlock {border-bottom:1px solid #757575; width:184px; padding:0 5px 10px 5px; overflow:hidden; clear:left} .btnBlock input {border:none; float:right; margin:0 5px 0 0} .btnBlock label {padding:0 0 10px 0; display:block; font-weight:bold} .btnBlock p {overflow:hidden; display:block; width:184px} .btnBlock a img {float:right} .profilesBlock .btnUpdate {border:none; padding:0 0 5px 0; float:right;} .profilesBlock .btnSave {border:none; padding:0; float:right;} .profilesBlock .btnAdd {margin:0; border:none} .surveyProcess {width:174px; padding:5px} .surveyProcess p {padding:5px 0; border-bottom:1px solid #757575} .editFrm #listteamtype {padding:0 5px} .editFrm .listType li {padding:2px 0; overflow:hidden} .editFrm .listType label {display:inline} /* Initiatives Materials */ .initiativesBloc { padding:0 0 30px 5px;} .initiativesBloc dt { font-weight:bold; padding:15px 0 0 0} .innerContent {width:194px; padding:5px 5px 0 5px;} #rightContent .innerContent h3 {color:#4C8111; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:3px 0 3px 5px; height:auto} .innerContent p {padding:5px 5px 10px; line-height:16px} .innerContent span {color:#AED400} .innerContent ul, .innerContent ol {padding:10px; list-style:square; margin:0 0 0 10px} .innerContent ul li, .innerContent ol li {padding:0 0 5px 0; line-height:16px;} .innerContent a {padding:2px 5px 2px 10px; display:block} .innerContent .wizardList {padding:0; list-style:none} .innerContent .wizardList li {background:url(../images/bgd_li_wizaedList.gif) 0 5px no-repeat; padding:0 0 5px 15px} .spaceType {padding:65px 5px 0 5px;} .spaceType1 {padding:5px 5px 0 5px;} /* My plan */ .myplanBloc {width:184px; padding:0 5px; overflow:hidden} .trans { border-bottom:1px solid #717171; padding:5px 0; overflow:hidden; display:block;} .trans span { text-transform:uppercase; color:#899c31; display:block} .myplanBloc ul { padding:15px 0} .myplanBloc ul label { width:174px; float:left} .myplanBloc dt {padding:5px 0 0 0; color:#464646; font-weight:bold} .updateHighlight {width:165px; overflow:hidden; padding:5px 0 0 0; float:left} .updateHighlight .slicingUpdate { width:165px; overflow:hidden; float:left} .updateHighlight .slicingUpdateContent {width:2000px; margin-left:0} .updateHighlight .slicingUpdate p { width:165px; float:left; text-align:left;} .updateHighlight .btnPrev, .updateHighlight .btnNext{width:11px; float:left; padding:0} .updateHighlight .btnPrev a, .updateHighlight .btnNext a {padding:0} .myplanBloc dd {width:184px; overflow:hidden; border-bottom:1px solid #757575; padding:0 0 10px} .myplanBloc dd .check { float:right; padding:5px 0 0 0} .myplanBloc p {padding:0 0 10px 0} .editFrm .commute {border-bottom:1px solid #717171; padding:10px 0; margin:0 5px} #rightContent a {color:#f07726; text-decoration:underline} #rightContent a:hover {color:#f07726; text-decoration:none} .editFrm .widType {width:126px;} /* homepage */ #rightContent h3{ padding:0 5px; text-align:center; height:85px; text-align:left} #rightContent h3 span {display:block; font-size:11px;} #rightContent h3 a {display:block; font-size:11px;} #rightContent .signIn {padding:0 0 5px 5px; height:auto; color:#4C8111} #rightContent .loginFrm { width:186px; margin:0 4px; padding:5px; overflow:hidden;} #rightContent .loginFrm p { padding:0 0 5px 0; overflow:hidden} #rightContent .loginFrm label { display:block; font-weight:bold} #rightContent .loginFrm input { width:170px; padding:0 0 1px 5px; border:1px solid #d0d0d0; float:left} #rightContent .loginFrm .btnLogin {text-align:right; padding:0 7px 0 0} #rightContent .loginFrm .btnLogin input { width:50px; height:21px; border:none; float:none} #rightContent .loginFrm .pass { width:100px;} .blockType3{width:194px; margin:5px; padding:0; overflow:hidden; background:#636363; color:#fff} .blockType3 dl { width:184px; padding:20px 5px 5px 5px; border-bottom:1px solid #757575;} .blockType3 dt { width:25px; padding:5px 5px 0 0; float:left} .blockType3 dd { width:150px; color:#fff; padding:0 0 15px 0; overflow:hidden} .blockType3 dd p { padding:0} .blockType3 p { padding:10px} .blockType3 ul { padding:0 10px;} .blockType3 li { background:url(../images/bullet_01.gif) 0 8px no-repeat; padding:0 0 15px 10px} /* footer */ #footer {width:1024px; margin:0 auto; padding:10px 0 0 0; background:url(../images/bgd_footer.gif) 50% 0 no-repeat; overflow:hidden} #footer p, #footerMarketing p {padding:0 0 5px 0; text-align:center} #footerMarketing {width:1024px; height:63px; margin:0 auto; background:url(../images/bgd_footer_marketing.gif) 50% 0 no-repeat; overflow:hidden} .warningAlert {color:#F86F41;} .alertLayer {background:#4C8111; position:absolute; color:#fff; height:auto; left:-1500px} .alertLayer p{ margin:0px; padding:3px;} .ddMyPlan {overflow:hidden;} /* calendar class */ .calendar {width:175px; height:125px; background:#ffffff; border:1px solid #e6e6e6; padding:0;} .calendar * {margin:0; padding:0;} .calendarTitle {width:100%; height:20px; overflow:hidden; list-style:none;} .calendarTitle li {float:left; text-align:center;} .calendarTitle a{ color:#636363} .title0, .title1, .title3, .title4 {width:18px; display:block;} .title2 {font-weight:bold; width:103px;} .title2 a {padding:0 5px 0 0} .calendarData {width:100%; text-align:center;} .calendarData th {width:14.286%; color:#4C8111} .calendarData tr.currentWeek {background:#cccccc;} .calendarData tr.currentWeek a {color:#4C8111} .calendarData tr.weekHover {background:#4C8111;} .calendarData tr.weekHover td a { color:#fff;} .calendarData a { color:#636363} .calendarData a.today {color:#fff; background:#F86F41;} .calendarData a.disabled {color:#ccc;} .calendarData a.selected {font-weight:bold;} .calendarData a.transdays {color:#0f0;} .currentYearTitle {font-size:12px; margin:3px;} .currentYearTitle a {float:right; display:block;} .calendarSelector {width:100%; list-style:none; overflow:hidden;} .calendarSelector li {padding:3px; float:left;} .calendarSelector a {font-size:9px; text-align:center; padding:2px 0; border:1px solid #ff0000; display:block;} .calendarSelector a * {font-size:9px;} .monthBtn {width:49px;} .yearBtn {width:35px;} .pcalendar {position:absolute; z-index:999; top:0; left:0; visibility:hidden;} .calInput{ float:left; width:56px; padding:0 2px; margin:0 0 3px 0} #profileTeam, #profileDivision, #profileOffice {display:none; position:relative} .profileLoading {font-weight:bold; position:absolute; top:0px; left:0px; z-index:1px; padding:200px 0 0 0; text-align:center; width:100%; height:100%} *html .profileLoading {padding:205px 0 0 0} .profileLoading img {margin:auto; width:35px} .rightLoading {width:204px; height:100%; font-weight:bold; position:absolute; top:0px; left:0px; z-index:1px; padding:200px 0 0 0; text-align:center; margin:80px 0 0 0} /*background:#636363; */ *html .rightLoading {padding:205px 0 0 0} .rightLoading img {margin:auto; width:35px} .loadingDivision {width:757px; height:130px; background:url(../images/ajaxLoaderMyplan.gif) 50% 50% no-repeat;} .loadingMyPlan {height:150px; background:url(../images/ajaxLoaderMyplan.gif) 50% 50% no-repeat;} .profileLoadingPlan {font-weight:bold; padding:200px 0 0 0; text-align:center; width:100%; height:100%} .profileLoadingPlan img {margin:auto; width:35px} #profileTeamLoading {padding:25px 0 0 0; } #profileDivisionLoading {padding:125px 0 0 0; } #popupforgot label {width:90px; float:left} #popupforgot input {float:left} #popupforgot p {padding:0 0 10px 0; overflow:hidden; width:406px} .popup {width:372px; position:absolute;} .popup h3{width:552px; background:url(../images/bgd_h3.png) 0 0 no-repeat; text-align:left; color:#fff; padding:15px 0 5px 20px; font-size:12px; font-weight:bold} .companyLocation {width:322px; padding:15px 25px 25px 25px; background:url(../images/bgd_popup_company_bottom.png) 0 100% no-repeat} .companyLocation p {padding:3px 0; overflow:hidden} .companyLocation p strong {color:#4C8111} .companyLocation label {width:80px; float:left} .companyLocation input {width:180px;} .companyLocation select {width:190px;} *html .popup .zipType {padding:12px 0 0} .popup01{ width:446px; background:url(../images/bgd_popup_bottom.gif) 0 100% no-repeat; } .content{ width:406px; padding:20px; background:url(../images/bgd_popup_top.gif) 0 0 no-repeat;} .content h3{ color:#4c8111; font-weight:bold; font-size:14px;} .content p{ padding:10px 0;} .content label{ font-weight:bold} .content .widInput{ width:315px;} .content .widSelect{ width:135px;} .content textarea{ width:370px; margin:10px 0 0 20px; padding:5px} .content span {padding:0 0 0 5px; margin:0; float:left; overflow:hidden} .content .tabContent .tblTabmenu td span {margin:0 0 0 0;} *html .content .tabContent .tblTabmenu td span {margin:2px 0 0 0;} *+ html .content .tabContent .tblTabmenu td span {margin:1px 0 0 0;} @media screen and (-webkit-min-device-pixel-ratio:0) { .content .tabContent .tblTabmenu td span {margin:-1px 0 0 0;} } /*Alert */ .alertLayerPopup{ width:250px; background:url(../images/bgd_popup_bottom_01.gif) 0 100% no-repeat; } .contentAlertLayer{ width:230px; padding:10px; background:url(../images/bgd_popup_top_01.gif) 0 0 no-repeat; text-align:center; font-weight:bold} .contentAlertLayer h3{ color:#4c8111; font-weight:bold; font-size:14px;} .contentAlertLayer p{ padding:10px 10px;} .contentAlertLayer .tabMenu{ text-align: center;} .contentAlertLayer .widInput{ width:215px;} .contentAlertLayer .widSelect{ width:105px;} .contentAlertLayer textarea{ width:370px; margin:10px 0 0 20px; padding:5px} /*.tabMenu {padding:10px 0} .tabMenu ul {margin:0; padding:0; overflow:hidden;} .tabMenu li {overflow:hidden; padding:0 2px 0 0; height:20px; float:left}*/ .tabMenu {padding:10px 0} .tabMenu ul {margin:0; padding:0; overflow:hidden;} .tabMenu li {overflow:hidden; padding:0; float:left} .tabMenu ul a { float:left} .tabMenu ul .firstactive {background:url(../images/bgd_submenu_left_active.gif) 0 0 no-repeat; padding:0 0 0 10px} .tabMenu ul .lastactive {background:url(../images/bgd_submenu_right_active.gif) 0 0 no-repeat; padding:0 10px 0 0} .tabMenu ul .firstinactive {background:url(../images/bgd_submenu_left_inactive.gif) 0 0 no-repeat; padding:0 0 0 10px} .tabMenu ul .lastinactive {background:url(../images/bgd_submenu_right_inactive.gif) 100% 0 no-repeat;} .tabMenu ul .prevactive {background:url(../images/bgd_submenu_prevactive.gif) 100% 0 no-repeat;} .tabMenu ul .active {background:url(../images/bgd_submenu_active.gif) 100% 0 no-repeat; color:#fff} .tabMenu ul span {background:url(../images/bgd_submenu_inactive.gif) 100% 0 no-repeat; padding:7px 30px 7px 20px; display:block} .tabContent {width:406px; border:2px solid #79a14d; overflow:hidden; display:block;} .tabContentInner {width:406px; border:2px solid #79a14d; overflow:hidden; display:block;} @media screen and (-webkit-min-device-pixel-ratio:0) { /*.tabContent {float:left;}*/ } .tblTabmenu{width:390px; float:left; background:#f0f0f0} .tblTabmenu td{padding:5px;} *html .tblTabmenu td{padding:1px 5px;} #layerActivateSurvey .tblTabmenu td{padding:4px 5px;} .tblTabmenu label{font-weight:normal} .tblTabmenu .greyBg{ background:#e7e7e7} .popup02 { overflow:hidden;} .popup02 .box1 {background:url(../images/bgd_popup_top_left.gif) 0 0 no-repeat;} .popup02 .box2 {background:url(../images/bgd_popup_top_right.gif) 100% 0 no-repeat;} .popup02 .box3 {background:url(../images/bgd_popup_bottom_left.gif) 0 100% no-repeat;} .popup02 .box4 {width:163px; background:url(../images/bgd_popup_bottom_right.gif) 100% 100% no-repeat; padding:0 10px} .popup02 .box4 .tabContent {width:161px;} .popup02 .box4 .tblTabmenu {width:161px} .popup02 .box4 .smScrollContent {width:145px;} .popup02 .box4 .tblTabmenu {background:none} /* ---------- Tooltips ------------------------*/ .toolTips{z-index: 13000; text-align: left; background: #fff; border:1px solid #4C8111; padding:10px} .tool-tipie6 {z-index: 13000; text-align: left; background: black;border:1px solid black;} .tool-title {font-weight: bold; font-size: 11px; margin: 0;color: #7ABF42; padding: 8px 8px 4px;} .tool-text {font-size: 11px; padding: 4px 8px 8px;} .GreenTooltip {float:left}/*width:95px;*/ .smScrollContent {width:390px; float:left; height:160px; overflow:hidden; display:block} .smScroller {width:16px; padding:0; overflow:hidden; margin:0; float:left} .content .smScrollDx, .box4 .smScrollDx {width:16px; padding:0 2px; border-left:1px solid #d8d8d8;} .smScrollDx a {width:16px; height:26px; background:url(../images/illus_scrollbar.gif) 0 0 no-repeat; display:block} .smScrollDx a:hover {text-decoration:none;} .smScrollUp { display:none} .smScrollDn { display:none} .alertLayerNew {position:absolute; color:#bc0209;font-weight:bold; } #loadOverdue, #divWeek, #loadNextAction {width:757px; display:block; margin:0 0 10px 0; padding:0; clear:both; float:left; overflow;hidden} .disabled { cursor:default; } .hand { cursor: pointer; } #carpooler {display:block} .optionCommuteShowHide {padding:0 0 10px 0; display:block; overflow:hidden} .workCommuteProfile {padding:10px 0; display:block; overflow:hidden} #weekly input {float:left; margin:3px 3px 0 0} #page h3 {color:#4C8111; border-bottom:1px solid #ccc; padding:10px 0 2px; margin:0 0 10px} .offices th {font-weight:bold; text-align:center; padding:5px} .offices td {text-align:center; padding:5px} .remove {font-weight:bold; color:#5BA044; text-decoration:underline} #cart-add {font-weight:bold; padding:10px 0} #cart-add a {text-decoration:underline; color:#5BA044} #cart-add a:hover {color:#4C8111} #duration-block {margin:0 0 10px} #duration-block h3 {padding:2px 0 10px} #duration-block td {padding:0 0 5px; text-align:left} #duration-block td.cost {text-align:center} #cart-total {color:#5BA044; font-weight:bold; padding:0 0 5px} #cart-iagree input {float:left; margin:0 5px 0 0} #cart-checkout {padding:15px 0 10px} #cart-checkout input {border:0; padding:0} #pricesheet .typeTextPrice {padding:0 0 10px} #pricesheet th {padding:0 0 8px} #pricesheet td {padding:0 0 8px} #btnSave {border:0; width:57px; height:28px} .titH3Form {color:#65912a; padding:0 0 10px} .frmRegis {width:600px} .frmRegis label {width:200px} .frmRegis p {width:600px} .frmRegis .btnSubmit {width:422px} .frmRegis ul {padding:3px 0 0 10px} #cart-iagree {padding:10px 0 0} .libImgVideo{ float:left; padding:8px; width:150px; } /* SLIMBOX */ #lbOverlay {position: fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:#000; cursor:pointer} #lbCenter, #lbBottomContainer { position:absolute; z-index:9999; overflow:hidden; background:#fff} .lbLoading {background: #fff url(../images/loading.gif) no-repeat center} #lbImage {position:absolute; left:0; top:0; border:10px solid #fff; background-repeat:no-repeat} #lbPrevLink, #lbNextLink {display:block; position:absolute; top:0; width:50%; outline:none} #lbPrevLink {left: 0} #lbPrevLink:hover {background:transparent url(../images/prevlabel.gif) no-repeat 0 15%} #lbNextLink {right: 0} #lbNextLink:hover {background:transparent url(../images/nextlabel.gif) no-repeat 100% 15%} #lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#666; line-height:1.4em; text-align:left; border:10px solid #fff; border-top-style:none} #lbCloseLink {display:block; float:right; width:66px; height:22px; background:transparent url(../images/closelabel.gif) no-repeat center; margin:0; outline:none} #lbCaption {margin-right:71px; margin-top:5px} #lbNumber {margin-right:71px; display:none} #lbCaption {font-weight:normal} #detailsLayer div img {max-width: 800px; max-height:600px;} * html #detailsLayer div img {max-width: 800px; width:expression(document.body.clientWidth < 10? "10px" : document.body.clientWidth > 600? "600px" : "auto")}