/** This CSS file is included into of each user template after amember.css and before site.css (if it is exists). There you can see variable %bgcolor% - it is configured in setup form (see application/default/themes/sample/Theme.php) and now substituted here. Files with variables must be added to special list ($publicWithVars) of Am_Theme class and these files are routed via special URL. Routed via URL, it is cached in browser for 1 hour. @link Am_View->printLayoutHead() */ html{ background-color:#7c7c7c} body { font-size: 16pt; background-color: %bgcolor%; margin:15px } #content { width:1000px; margin:0px auto; text-align:left; border:1px dashed #333; background-color:#f4f4f4; border:none; } #memberContent{ width:100%; margin:0px auto; /* text-align:left; */ border:1px dashed #333; background-color:#f4f4f4; border:none; } .memberMainContent{ width:100%; margin-right: 15%; margin-left: 15%; } .am-header .logo{float: left; padding-left:10px} .am-header .memberLogo{float: left; padding-left:15%} .navList ul{margin:0;padding:0;list-style-type: none;text-align: center; } .navList li{display:inline; } .navList{ margin-top:30px; float:right; padding-right:15px; text-align:right} .am-header{ background:none; background-color:#f4f4f4 } #full_col{ margin-left:25px; } #leftLinks_member{ width:20%; vertical-align:text-bottom } #content_member_sub{ vertical-align:top; text-align:left } #memberContainer{ width:70%; margin-left:15% } /* COPIED FROM OLD 24HOURHR CSS FILE */ body,html {margin:0; padding:0; color:#000; background-color: #7c7c7c; font-family: arial, helvetica, sans-serif; font-size: 0.90em; line-height: 1.2em; text-align: center;} h1 {margin:0;} h2 {margin:0 0 1em; color: #364d5b; font-size: 1.30em;} h4 {color: #8ac53f; font-size: 1.5em; font-weight: bold; margin-bottom: 0px;} h2.harassment_title{font-size: 1.55em; margin-bottom: 0px; margin-top: 20px;} a{color: #364d5a;} a:link{text-decoration: underline;} a:visited{text-decoration: underline;} a:hover{text-decoration: none;} input.submit2{width: 115px; height: 41px; cursor: hand; background: url(http://24hourhr.com/content/f/id/78/) no-repeat; border: 0px; text-transform: uppercase; font-size:1.15em; font-weight: bold; color: #ffffff;} input.submit3{width: 115px; height: 41px; cursor: hand; background: url(http://24hourhr.com/content/f/id/78/) no-repeat; border: 0px; text-transform: uppercase; font-size:1.15em; font-weight: bold; color: #ffffff;} #wrap {width:1000px; margin-left: auto; margin-right: auto; background:#fffff; padding-top: 25px; text-align: left;} #header {padding:10px 25px; border-bottom: 1px solid #a9b7c7; color: #6a6a6a; height: 85px; background: url(http://24hourhr.com/content/f/id/79/) no-repeat #f2f2f2;} #header .logo{float: left;} #header .header_links {float:right; margin-top: 10px;} #header ul{list-style: none; display: inline;} #header ul li{display: inline;} #header .header_links ul li a{color: #323232;} #header .header_links ul li a:link{text-decoration: none;} #header .header_links ul li a:visited{text-decoration: none;} #header .header_links ul li a:hover{text-decoration: underline;} #header_harassment{background: url(http://24hourhr.com/content/f/id/80/); background-repeat:no-repeat; height: 333px;} #header_harassment .title h1{font-size: 2em; font-weight: normal; color: #364d5a; position: relative; top: 50px; left: -20px;} #header_harassment .title ul li{font-weight: bold; font-size: 1.25em; width: 380px; position: relative; top: 60px; left: 253px; list-style: none; background: url(http://24hourhr.com/content/f/id/81/) no-repeat center left; padding: 10px 0px; padding-left: 30px; vertical-align: top;} #header_harassment .title .new{font-size: 1.15em; color: red;} #header_harassment .title .flash{position: relative; top: -165px; left: 450px;} #header_harassment .title .plans{position: relative; top: -105px; left: 205px; z-index:1} #nav {background-color: #ffffff; height: 270px;} #nav .hero{float: left; width: 691px;} #nav .login {float: left; width: 307px; height: 266px; background: url(http://24hourhr.com/content/f/id/82/) repeat-x bottom left #ffffff;} #nav .login table{width: 205px; border: 1px solid #364d5a; background-color: #ffffff; margin: 3px;} #nav .login table td {padding: 5px 8px;} #nav .login .header{background-color: 8ac640; font-size: 1.25em; color: #ffffff;} #nav .login .header2{background-color: 8ac640; font-size: 1.05em; color: #ffffff;} #nav .login .join{vertical-align: top; background-color: d6d6d6; font-size: 1.05em;} #nav .login a{color: #364d5a; font-size: 0.85em;} #nav .login a:link{color: #364d5a; font-size: 0.85em; text-decoration: underline;} #nav .login a:visited{color: #364d5a; font-size: 0.85em; text-decoration: underline;} #nav .login a:hover{color: #364d5a; font-size: 0.85em; text-decoration: none;} #navBar{height: 35px; padding: 0px; margin: 0px; width: 100%; background-color: #364d5b;} #navBar .navLinks li{margin: 0px; padding: 0px; list-style: none; display: inline; background-color: #364d5b;} #content_wrapper {background-color: #ffffff; float: left; width: 1000px; padding-top: 10px;} #main {float:left; width:690px; background-color:#ffffff; text-align:left} #main .left_col{float:left; width: 280px; margin: 10px 10px 10px 30px; background-color: #e6e5e5; padding: 10px;} #main .left_col ul.checklist{list-style: disc; margin-left: 25px;} #full_col h2.comparison {font-size: 2em; padding: 10px 0px; margin: 0px;} #main ul{list-style: none; padding: 0px; margin: 0px;} #main ul li{line-height: 20px; list-style:inherit} #main .right_col{float:right; width: 280px; margin: 10px 30px 10px 10px; background-color: #e6e5e5; padding: 10px;} #main .right_col ul.checklist{list-style: disc; margin-left: 25px;} #main .compare{padding-left: 25px; font-size: 0.85em; padding-right: 20px; background: url(http://24hourhr.com/content/f/id/83/) no-repeat top right;} #main .content_wide{padding: 0px 30px;} #main .content_wide ul{list-style: circle; margin-left: 20px;} #main .content_wide .gray_bg{background-color: #e6e5e5; padding: 10px;} #main .container{padding: 0px 30px;} .left_col_trial{float:left; width: 370px; padding: 10px;} .right_col_trial{float:right; margin: 10px 30px 10px 10px; padding: 10px;} #sidebar {float:right; width:310px; background:#ffffff;} #sidebar .content{padding: 10px;} #sidebar .pointers{margin-top: 74px; vertical-align: top; height: 96px; margin-bottom: 15px; border: 1px solid #acc0cc; width: 300px; background-color: #ededed;} table.video{width: 300px; vertical-align: top; padding: 10px; background-color: #ededed; height: 230px; border: 1px solid #acc0cc;} table.video p{font-size: 0.80em;} table.video.name{font-size: 0.75em;} # {width: 600px; margin: 10px 10px 10px 30px;} # table.signin {width: 600px; height: 231px; no-repeat top left;} # h2{margin:0 0 1em; color: #364d5b; font-size: 1.40em; text-decoration: none; text-align:left; font-weight:bold} # p.subheader{font-size: 1.25em; padding-top: 5px; margin-top: 0px; padding-bottom: 0px;} h2.comparison {font-size: 1.3em; padding: 10px 0px; margin: 0 0 1em; text-align:left; font-weight:bold} # ol.privacy ol li{list-style: disc; padding: 0px 10px; margin: 0px 10px;} # ol.privacy li{list-style: disc; padding: 5px 10px; margin: 0px 10px;} # ol.privacy li li {list-style: disc; padding: 0px 10px; margin: 0px 10px;} # ul.checklist{list-style-image: url(http://24hourhr.com/images/checklist_tick.jpg); padding: 10px; padding-top:50px; width: 320px; height: 300px; background:url(http://24hourhr.com/content/f/id/85/) no-repeat; color: #ffffff;} # ul.checklist li{border-bottom: 1px solid #3e7fa4; margin-left: 25px; padding: 3px;} .sub_nav{margin: 5px 0px;} .sub_nav a{color: #364d5b; font-size: 0.80em;} .sub_nav a:link{} .sub_nav a:hover{} .sub_nav a:visited{} ul.plan1_learnMore{position: relative; top: -57px; left: -15px;} ul.plan1_learnMore{list-style: none;} ul.plan1_learnMore li{display: inline; margin: 0px 90px;} .benefits_list ul li{list-style: none; background: url(http://24hourhr.com/content/f/id/81/) no-repeat center left; padding: 10px 0px; vertical-align: top;} .home_header{background: url(http://24hourhr.com/content/f/id/86/) no-repeat top left #ffffff; height: 535px; border-top: 1px solid #cccccc;} .home_header .plans{position: relative; top: 50px; left: 240px; z-index:0} .home_header .plans{font-size: 2.25em; color: #2b4756;} .home_header .text{position: relative; top: 0px; left: 460px; width: 300px; z-index:0} .home_header .text{font-size: 1em; color: #364d5a; font-weight: bold; line-height: 1.25em; z-index:0} .home_header img.button{position: relative; top: 63px; left: 242px;} .home_header table {position: relative; top: 290px; left: 54px;} .home_header table td{vertical-align: top; width: 237px; font-size: 0.95em;} .home_header ul{list-style: none; margin-left: 0px; padding-left: 0px; font-size: 1.25em; text-align:left} .home_header ul li.title{list-style: none; margin-left: 0px; padding-left: 0px; padding-bottom: 5px; font-size: 1.35em; color: #2b4756;} .home_header li{list-style: none; margin-left: 0px; padding-left: 0px; width: 200px; } .home_header li{line-height: 1.15em; font-size: 0.90em;} .home_header ul li.tick{color: 364d5a; background: url(http://24hourhr.com/content/f/id/87/) no-repeat center left; padding-left: 30px; line-height: 2em; font-size: 0.85em;} .home_header ul li.tick.double{color: 364d5a; background: url(http://24hourhr.com/content/f/id/88/) no-repeat top left; padding-left: 30px; line-height: 2em; font-size: 0.85em;} .home_header .title li{list-style: none; background: none;} .home_header .title{font-size: 1.25em;} .home_header .sub{font-size: 0.80em;} .home_header .learn_more{position: relative; top: 294px; left: 24px;} table.bullets {width: 910px; height: 230px; padding: 20px 45px; padding-top: 0px; vertical-align: top; border-bottom: 1px solid #cccccc;} table.bullets h4{padding-left: 45px; padding-bottom: 15px; font-size: 2em;} #noContract h3{padding: 0px; margin: 0px; font-weight:bold} #noContract { background-image:url(http://24hourhr.com/content/f/id/89/); background-position:center; background-repeat:no-repeat; width:647px; height:110px; text-align:left; } #noContract table{ position:relative; top:15px; left:15px; } #noContract table img{ padding-right:15px; } table.vedit {border: 1px solid #cccccc; margin-bottom: 15px; width: 100%;} table.vedit th{vertical-align: middle; text-align: right; font-size: 0.90em; font-weight: normal;} table.vedit td{padding: 5px 15px;} table.vedit .title{background-color: #364d5b; padding: 5px 10px; font-size: 1.10em; color: #ffffff;} table.vedit .title img{padding-right: 10px; vertical-align: middle;} table.vedit h2{ display: inline;} table.vedit h3{display: inline; font-size: 0.95em;} vedit.description{font-size: 0.80em;} table.vedit ul{padding: 10px;} table.vedit ul li{list-style-type: disc; margin-left: 25px;} table.vedit .small{font-size: 0.75em; display: inline; color: #666666;} table.vedit .headrow{font-size: 1.15em; font-weight: bold; color: #364d5b; text-align: left; padding: 5px;} table.vedit .headrow p{font-size: 0.95em; font-weight: normal; color: #000000; text-align: left; padding: 5px;} input.continue_button{width: 116px; height: 38px; cursor: hand; background: url(http://24hourhr.com/content/f/id/78/) no-repeat; border: 0px; text-transform: uppercase; font-size:1.15em; font-weight: bold; color: #ffffff;} input.subscribe_button{width: 123px; height: 40px; cursor: hand; background: url(http://24hourhr.com/content/f/id/90/) no-repeat; border: 0px; text-transform: uppercase; font-size:1.10em; font-weight: bold; color: #ffffff; text-align:center; vertical-align:middle} table.vedit.step2 th{vertical-align: middle;} table.vedit.step2 td input{vertical-align: top;} table.login_home{width:100%;font-size: 0.70em; color: #364d5b;} table.login_home th{width: 30%;} table.login_home td{height: 10px;} table.login_home input{padding: 0px; margin: 0px; font-size: 0.90em;} table.login_home input.submit{width: 41px; height: 41px; cursor: hand; background: url(http://24hourhr.com/content/f/id/91/) no-repeat; border: 0px; text-transform: uppercase; font-size:1.15em; font-weight: bold; color: #ffffff;} table.comparison{border: 1px solid #acc0cc; border-collapse: collapse;} table.comparison td{border: 1px solid #acc0cc;} table.comparison td.col1{background-color: #ffffff; padding: 5px;} table.comparison td.col1{text-align: right; font-size: 0.75em; font-family: arial, helvetica, sans-serif; color: #333333;} table.comparison td.col1.trial{text-align: left; font-size: 0.85em; color: #333333; vertical-align: top;} table.comparison td.col1.trial.header {background-color: #354e5c; color: #ffffff; font-size: 1.20em; text-align: center; vertical-align: middle;} /*table.comparison td.col1.premium{width: 40%; height: 30px; background: url(http://24hourhr.com/images/col1_bg.jpg) repeat-x top left #c9fc87;}*/ table.comparison td.col1.premium{background-color: #c9fc87;} table.comparison td.col1.header{text-align: left; padding: 0px; background-color: #8ac53f; color: #ffffff;} table.comparison td.col1.header.hrhotline{padding: 10px 15px; font-size: 1.30em; background-color: #8ac53f;} table.comparison td.col1. dl dd{padding-left: 0px; margin-left: 0px;} table.hrhotline{} table.hrhotline h4{color: #000000;} table.hrhotline td{padding: 10px; vertical-align: top;} table.hrhotline p{font-size: 0.85em;} /*table.comparison td.col2{width: 30%; background: url(http://24hourhr.com/images/col2_bg.jpg) repeat-x top left #dbe5eb; padding: 0px; text-align: center;}*/ table.comparison td.col2{width: 153px; text-align: center; font-size: 0.75em;} table.comparison td.col2.header{text-align: left; vertical-align: top;} table.comparison td.col3{width: 200px; text-align: center;} table.comparison td.col3.header{} table.comparison td.col4{width: 200px; text-align: center;} #fixedtipdiv{position:absolute; padding: 3px; border:1px solid black; text-align: left; font:normal 0.85em Verdana; line-height:18px; z-index:100;} table.faq{padding: 12px; padding-top: 20px; margin-top: 20px; border: 0px; font-size: 0.95em; line-height: 1.55em; background-color: #ffffff; text-align:left} table.faq td{width: 50%; padding: 12px; vertical-align: top;} table.faq h3{font-size: 1.5em;} table.faq h4{font-size: 1.15em; font-weight: bold; margin: 0px; padding-bottom: 0px; color: #000000;} table.contact_us{padding: 6px; margin-top: 20px; border: 0px; font-size: 0.85em;} table.contact_us td{padding: 5px; vertical-align: top;} table.contact_us input.submit{width: 150px; height: 35px; cursor: hand; background: url(http://24hourhr.com/content/f/id/196/) no-repeat; border: 0px; text-transform: uppercase; font-size:1.15em; font-weight: bold; color: #ffffff;} .mandatoryColumn{color:red; table.shell{width: 100%; margin-bottom: 25px;} table.shell td{padding: 10px; width: 25%; vertical-align: top;} table.shell .container{width: 100%; border: 1px solid #cccccc;} table.shell .container td.cell1{height: 270px;} table.shell .container ul li{list-style: disc; margin-left: 20px; font-size: 0.90em;} table.shell .container h5{font-size: 1em; font-weight: bold; color: #364d5b;} table.profile_edit{width: 600px; font-size: 1em; text-align: left; border: 1px solid #cccccc; border-collapse: collapse;} table.profile_edit th{font-size: 1em; text-align: left; border: 1px solid #cccccc; font-weight: normal; padding: 5px;} table.profile_edit td{font-size: 1em; text-align: left; border: 1px solid #cccccc; font-weight: normal; padding: 5px;} table.profile_edit .small{font-size: 0.85em;} table.harassment_preview {border-collapse: collapse; width: 800px;} table.harassment_preview td{padding:10px;} table.harassment_preview td{font-size: 0.85em;} table.harassment_preview p.small{font-size: 0.80em;} h2.harassment_preview {font-size: 36; font-weight: normal; padding-bottom: 0px; margin-bottom: 0px;} /* styles for the additional information on each plan and what it includes */ table.addInfo{width: 700px; border-collapse: collapse;} table.addInfo td{padding: 8px; font-size: 0.80em; border: 1px solid #cccccc; line-height: 1.35em;} table.addInfo img{vertical-align: top;} table.addInfo h3{color: #243B78; margin-bottom: 5px; margin-top: 0px;} table.addInfo ul{padding-top: 10px;} table.addInfo ul li{list-style: disc; list-style-color: #243B78;} #footer {clear:both; width: 1000px; float: left; background:#ffffff; border-top: 1px solid #cccccc;} #footer p {margin:0;} #footer .left{float: left; padding:15px 30px;} #footer .right{float: right; font-size: 0.75em; text-align: center; padding-right: 10px; padding-top: 95px;} * html #footer {height:1px;} #copyright {clear: both; text-align: left; vertical-align: top; font-family: arial, helvetica, sans-serif; font-size: 0.85em; width: 1000px; margin: 0 auto; color: #ffffff;} /* styles for the product table on the Homepage */ #content_table {width:646px; height:562px; margin-bottom: 25px;/*background-image:url(http://www.24hourhr.com/images/contentBackground.jpg); background-position:center; background-repeat:no-repeat;*/ font-size:1em; border-collapse: collapse;} #content_table td{border: 1px solid #acc0cc; vertical-align: top;} #content_table td.header{border-top: 0px; border-left: 0px; border-right: 0px; padding: 0px;} #content_table .content_padding{padding: 15px;} #content_table .content_padding p{margin-top: 0px;} #content_table .quotes {color:#364d5a; font-size:10px; font-weight:normal; font-weight:bold;} #content_table .tableHeaders {color:#364d5a; font-size:1.45em; font-weight:bold;} #content_table .greenText {color:#8bc640; font-size:2.25em; font-weight:normal;} #content_table .perMonth {color:#364d5a; font-size:10px; font-weight:normal;} #content_table ul {list-style:circle; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-left: 20px; margin-left:10px;} .learnMore_plan1{position: relative; top: -833px; left: 711px;} .learnMore_plan1{font-size: 1.10em; font-weight: bold;} .learnMore_plan2{position: relative; top: -605px; left: 706px;} .learnMore_plan2{font-size: 1.10em; font-weight: bold;} .learnMore2_plan1{position: relative; top: -680px; left: 810px;} .learnMore2_plan1{font-size: 1.10em; font-weight: bold;} .learnMore3_plan1{position: relative; top: -383px; left: 790px;} .learnMore3_plan1{font-size: 1.10em; font-weight: bold;} .learnMore3_plan2{position: relative; top: -160px; left: 705px;} .learnMore3_plan2{font-size: 1.10em; font-weight: bold;} .harassment_test_list li{padding: 2px 0px;} .testimonials_home{width: 910px; height: 300px; background-color: #dfe7ec; border-bottom: 1px solid #7c7c7c;} .testimonials_home{padding: 10px 45px;} .testimonials_home h4{padding-left: 45px; padding-bottom: 15px; padding-top: 0px; margin-top: 0px; font-size: 2em;} .testimonials_home ul{list-style: none;} .testimonials_home li{float: left; width: 310px; height: 130px; display: inline; background: url(http://24hourhr.com/content/f/id/93/) no-repeat bottom left; padding: 10px 40px; margin-right: 25px;} .testimonials_home li{font-size: 1.15em; line-height: 1.5em;} .testimonials_home li p{font-size: 1em; line-height: 1.25em; font-style: normal; text-align: right;} .testimonials_home .portraits { width: 800px; text-align: center;} .testimonials_home .portraits img{vertical-align: middle; border: 1px solid #cccccc;} .testimonials_home .portraits{font-size: 1.15em; line-height: 1.5em;} .description{width: 640px; float: left; padding: 20px 25px; background-color: #ffffff; text-align:left} .description h1{font-size: 1.55em; color: #485760; line-height: 1.35em; font-family: arial black, arial, sans-serif;} .description{font-size: 1.25em; line-height: 1.35em;} .description img { padding-top:10px } #howCanTable{ width:100%; display:block; } #howCan_table { width:938px; height:170px; background-image:url(http://24hourhr.com/content/f/id/94/); background-repeat:no-repeat; background-position:center; margin-left:20px; } #bottomTrial { width:950px; height:90px; text-align: center; /*background-image:url(http://24hourhr.com/images/freeTrial_longBar.png); background-position:center; background-repeat:no-repeat;*/ margin-left:20px; } .plans2{width: 950px; background-color: #8ac640; padding: 10px 25px; text-align: center;} .plans2 img{vertical-align: middle; padding: 0px 20px;} .plans2{font-size: 2em; color: #ffffff;} .reasons{width: 265px; padding: 20px 45px; padding-left: 0px; float: right; background-color: #ffffff;} .reasons .testimonials{width: 240px; float: right; padding: 15px; background-color: #e2e2e2;} .reasons .testimonials h4{font-weight: bold;} .testimonials p { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .bullets2{width: 910px; height: 230px; padding: 20px 45px; padding-top: 0px; vertical-align: top; border-bottom: 1px solid #cccccc;} .bullets2 ul{list-style: none; margin-left: 7px;} .bullets2 li{float:left; display: inline; width: 215px; margin-right: 70px; } .bullets2 li label{font-size: 1.15em; line-height: 1.5em; font-weight: bold;} .bullets2 h4{padding-left: 45px; padding-bottom: 15px; padding-top: 0px; margin-top: 30px; font-size: 2em;} .bullets3{width: 910px; height: 190px; padding: 20px 45px; padding-top: 10px; vertical-align: top; border-bottom: 1px solid #cccccc; background-color: #dfe7ec;} .bullets3 ul{list-style: none; margin-left: 7px;} .bullets3 li{float:left; display: inline; width: 215px; margin-right: 70px; } .bullets3 li label{font-size: 1.5em; line-height: 1.15em; font-weight: bold;} .bullets3 h4{padding-left: 45px; padding-bottom: 15px; padding-top: 0px; margin-top: 30px; font-size: 2em;} .smallInfo { background-image:url(http://24hourhr.com/content/f/id/95/); background-position:center; background-repeat:no-repeat; width:315px; height:183px; } .mainHeaders { font-size:18px; font-weight:bold; color:#364d5a; } .movieText { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; padding:5px; } .movieHeader { color:#364d5a; font-size:1em; font-weight:bold; } .infoHeaders { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#364d5b; } .smallInfoHeader { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#364d5b; } #greenGuarentee { font-family:Arial, Helvetica, sans-serif; width:956px; height:71px; text-align:center; background-image:url(http://24hourhr.com/content/f/id/96/); background-repeat:no-repeat; background-position:center; } #guarentee_text { font-family:Arial, Helvetica, sans-serif; padding-top:10px; } #testimonials { font-family:Arial, Helvetica, sans-serif; font-size:14px; } .fieldLabels { font-family:Arial, Helvetica, sans-serif; font-size:12px; } .day {width: 950px; text-align: left;} .day .day_header {text-align: left; height: 115px; background: url(http://24hourhr.com/images/day_reg_page/bg1.jpg) no-repeat top left;} .day .day_header h3{text-align: left; font-size: 22px; padding: 20px; padding-bottom: 0px; padding-top: 15px; margin-bottom: 15px;} .day .day_header img{float: left; padding: 0px 20px;} .day .day_header p{} .day .day_header .left {background: url(http://24hourhr.com/images/day_reg_page/bg1.jpg) not-repeat top left;} .top_quote {clear: both; width: 100%; text-align: center; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: 70px; background-color:#F3F7FC; padding: 20px 0px 25px 0px;} .main_content {padding: 20px;} .main_content h3{font-size: 20px; color: #243B78; font-weight: normal;} .videos {clear: both; width: 100%; text-align: center; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-color:#F3F7FC; padding: 15px 0px 25px 0px;} .videos h3{font-size: 20px; color: #243B78; font-weight: normal;} .videos img{text-align: center;} .videos table {width: 650px; text-align: center;} .videos table th{width: 190px; vertical-align: top;} .videos table td{width: 190px; vertical-align: top; font-size: 12px;} .table2 {padding: 15px;} .table2 h3{font-size: 20px; color: #243B78; font-weight: normal;} .table2 table {width: 800px;} .table2 .list{width: 450px; vertical-align: top; font-size: 12px; text-align:left} .table2 .list ul{list-style: none; margin-left: 0px; padding-left: 0px;} .table2 .list li{margin-left: 15px; padding: 5px 20px; line-height: 15px; font-size: 14px; background: url(http://24hourhr.com/images/day_reg_page/tick.gif) no-repeat left;} .table2 .button{width: 350px; vertical-align: top; font-size: 12px; text-align: right;} .table2 .button img{padding-top: 55px; vertical-align: bottom;} .table2 .button p{font-size: 16px; font-style: italic;} .bottom_quote {clear: both; width: 100%; text-align: center; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-color:#F3F7FC; padding: 0px;} #topHeader2 { background-image:url(http://24hourhr.com/content/f/id/23/); background-position:center; background-repeat:no-repeat; width:978px; height:413px; } #topHeader { background-image:url(http://24hourhr.com/content/f/id/25/); background-position:center; background-repeat:no-repeat; width:978px; height:413px; } #topHeader2 { background-image:url(http://24hourhr.com/content/f/id/23/); background-position:center; background-repeat:no-repeat; width:978px; height:413px; } #topHeader3 { background-image:url(http://24hourhr.com/content/f/id/26/); background-position:center; background-repeat:no-repeat; width:978px; height:413px; } #topHeader4 { background-image:url(http://24hourhr.com/images/ifx_mainBackground.png); background-position:center; background-repeat:no-repeat; width:978px; height:413px; } #topHeader5 { background-image:url(http://24hourhr.com/content/f/id/24/); background-position:center; background-repeat:no-repeat; width:978px; height:413px; } #topHeader6 { background-image:url(http://24hourhr.com/images/OCSwHotline_mainBackground.png); background-position:center; background-repeat:no-repeat; width:978px; height:413px; } #topHeader7 { background-image:url(http://24hourhr.com/content/f/id/27/); background-position:center; background-repeat:no-repeat; width:978px; height:413px; } #contentBIG { padding-left:5px; font-family:Arial, Helvetica, sans-serif; } .heading { color:#364d5b; font-family:Arial, Helvetica, sans-serif; font-size:24px; padding-top:15px; padding-left:18px; } #freeTrial_button { margin-top:25px; margin-right:40px; } .box_topic { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-bottom:3px; } .info_topic { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin-bottom:40px; } #belowTable { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; padding-top:10px; } #quadTable { width:810px; color:#a9b7c7; } .quadInfo { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; padding-left:10px; } .quadHeader { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#364d5a; padding-bottom:10px; padding-left:10px; } .quadLink { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#364d5a; font-weight:normal; padding-top:10px; padding-left:10px; } .quadImage { padding-right:10px; } #couponInfo { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; } .finePrint { font-family:Arial, Helvetica, sans-serif; font-size:10px; } #headerList { list-style:circle; list-style-type:circle; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#354d59; } .headerLinks { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; padding-bottom:10px; } #3stepTable { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; } .numbers { font-family:Arial, Helvetica, sans-serif; font-size:18px; } #userCoupon { padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#2b4252; } #videoBox { background-color:#d6d6d6; padding-left:5px; border-right:1px solid black; border-bottom:2px solid black; } #testimonials { background-color:#d6d6d6; padding-left:5px; border-right:1px solid black; border-bottom:2px solid black; } #testimonials p { padding:5px; } #member { background-image:url('http://24hourhr.com/content/f/id/132/'); margin-left:auto; margin-right:auto; margin-bottom:0px; width:100%; height:537px; /* background-color: #8ac63f; */ text-align:center; color: #fff; font-size: 32px; font-weight: bold; line-height:1.6; position:relative; } #memberMainInfo{ position:absolute; top:35%; left:35%; margin-top: } #belowHeader { font-size: 14px; color: #FFFFFF; font-weight:normal; } .bigGreen { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #364d5a; padding-bottom: 15px; display: inline; } #memberLogo{ float:left; margin:20px 0px 20px 0px; } #member_headerLeft{ margin-top:25px; float:right; text-align:right; font-family: 'Open Sans', helvetica, arial, sans-serif; color: #676767; font-size: 21px; line-height:2; } #member_logoutButton{ font-size: 14px; } .memberBody{ background-color:white; background:none; } #memberContent{ width:100%; margin:0px auto; /* text-align:left; */ background-color:#fff; border:none; } #memberHeader{ width:1000px; margin:0px auto; border:none; } #hrLogin{ position: relative; left: 20%; top: 25px; } .memberIcons{ width:24px; height:24px; vertical-align:middle } .memberLinks{ margin-top:15px; } #memberLinks{ width:100%; text-align:center; } .linkSpans{ display:inline; margin-left:30px; margin-right:30px; font-family:open sans; font-size:14px; } .linkSpans a{ text-decoration:none; } .memberCurrentPlansArea{ margin-top:50px; margin-bottom:50px; text-align:center; } #memberCurrentPlanTxt{ font-size:22px; font-family:open sans; color:#676767; } .memberTableHeader{ background: rgba(129,151,148,1); color:white; } #memberTable{ width:1000px; margin:15px auto; border-left:none; border-right:none; } #memberTable tr{ border-bottom:1px solid black; border-top:1px solid black; } #memberTable td{ text-align:left; padding:10px 0px 10px 10px; } .memberTableHeaderText{ text-align:left; padding:10px 0px 10px 10px; font-size:14px; } .memberPaymentHistoryTable{ width:100%; border-collapse:collapse; border-spacing:0; display:table; } .paymentHeader{ background:rgba(129,151,148,1); height:28px; color:white; padding:5px 10px 5px 10px } .phOdd{ background: #f4f4f4; } .paymentInfo{ padding:10px; }