/* ::::: http://www.replicon.com/css/lightbox.css ::::: */

#lightbox { border-right: 2px solid rgb(102, 102, 102); border-bottom: 2px solid rgb(102, 102, 102); padding: 10px; background-color: rgb(238, 238, 238); }
#lightboxDetails { font-size: 0.8em; padding-top: 0.4em; }
#lightboxCaption { float: left; }
#keyboardMsg { float: right; }
#closeButton { top: 5px; right: 5px; }
#lightbox img { border: medium none ; clear: both; }
#overlay img { border: medium none ; }
#overlay { background-image: url('overlay.png'); }
* html #overlay { background-color: transparent; background-image: url('blank.gif'); }
/* ::::: http://www.replicon.com/css/custombox.css ::::: */

.style1 .gb { border-collapse: collapse; border-spacing: 0pt; position: relative; float: left; }
.style1 .gb .gbc { margin: -5px -5px 0pt; background: transparent none repeat scroll 0% 0%; position: relative; }
.style1 .gb .c {  }
.style1 .ct1 { width: 20px; height: 20px; }
.style1 tr > .ct1 { background-image: url('cap-top1.png'); background-repeat: no-repeat; }
.style1 .ct2 { height: 20px; }
.style1 tr > .ct2 { background-image: url('cap-top2.png'); background-repeat: repeat-x; }
.style1 .ct3 { width: 20px; height: 20px; }
.style1 tr > .ct3 { background-image: url('cap-top3.png'); background-repeat: no-repeat; }
.style1 .cm1 { width: 20px; }
.style1 tr > .cm1 { background-image: url('cap-middle1.png'); background-repeat: repeat-y; }
.style1 .cm3 { width: 20px; clear: right; }
.style1 tr > .cm3 { background-image: url('cap-middle3.png'); background-repeat: repeat-y; }
.style1 .cb1 { width: 20px; height: 20px; }
.style1 tr > .cb1 { background-image: url('cap-bottom1.png'); background-repeat: no-repeat; }
.style1 .cb2 { height: 20px; }
.style1 tr > .cb2 { background-image: url('cap-bottom2.png'); background-repeat: repeat-x; }
.style1 .cb3 { width: 20px; height: 20px; }
.style1 tr > .cb3 { background-image: url('cap-bottom3.png'); background-repeat: no-repeat; }
.style1 h1 { margin: 0pt; padding: 0pt; font-size: 12pt; }
.style1 h2 { margin: 0pt -10px 0pt 0pt; padding: 0pt; font-size: 10pt; color: rgb(0, 0, 0); }
.style1 hr { border-style: solid none none; border-color: rgb(230, 230, 230) -moz-use-text-color -moz-use-text-color; border-width: 1px medium medium; margin: 0pt; height: 1px; text-align: center; }
.style2 .gb { border-collapse: collapse; border-spacing: 0pt; position: relative; float: left; }
.style2 .gb .gbc { margin: -40px 0pt 0pt; background: transparent none repeat scroll 0% 0%; position: relative; }
.style2 .gb .c {  }
.style2 .ct1 { width: 8px; height: 50px; }
.style2 tr > .ct1 { background-image: url('cap-top1_001.png'); background-repeat: no-repeat; }
.style2 .ct2 { height: 50px; }
.style2 tr > .ct2 { background-image: url('cap-top2_001.png'); background-repeat: repeat-x; }
.style2 .ct3 { width: 8px; height: 50px; }
.style2 tr > .ct3 { background-image: url('cap-top3_001.png'); background-repeat: no-repeat; }
.style2 .cm1 { width: 8px; }
.style2 tr > .cm1 { background-image: url('cap-middle1_001.png'); background-repeat: repeat-y; }
.style2 .cm3 { width: 8px; clear: right; }
.style2 tr > .cm3 { background-image: url('cap-middle3_001.png'); background-repeat: repeat-y; }
.style2 .cb1 { width: 8px; height: 25px; }
.style2 tr > .cb1 { background-image: url('cap-bottom1_001.png'); background-repeat: no-repeat; }
.style2 .cb2 { height: 25px; }
.style2 tr > .cb2 { background-image: url('cap-bottom2_001.png'); background-repeat: repeat-x; }
.style2 .cb3 { width: 8px; height: 25px; }
.style2 tr > .cb3 { background-image: url('cap-bottom3_001.png'); background-repeat: no-repeat; }
.style2 h1 { margin: 0pt 0pt 0pt 5px; padding: 0pt; font-size: 12pt; }
.style2 h2 { margin: 0pt -10px 0pt 5px; padding: 0pt; font-size: 12pt; color: rgb(148, 40, 30); }
.style2 hr { border: medium none ; margin: 0pt; padding: 0pt; visibility: hidden; display: none; background-color: transparent; height: 0pt; text-align: center; }
.style3 .gb { background: transparent none repeat scroll 0% 0%; border-collapse: collapse; border-spacing: 0pt; position: relative; float: left; }
.style3 .gb .gbc { margin: -5px -5px 0pt; background: transparent none repeat scroll 0% 0%; position: relative; }
.style3 .gb .c {  }
.style3 .ct1 { width: 20px; height: 20px; }
.style3 tr > .ct1 { background-image: url('cap-top1_002.png'); background-repeat: no-repeat; }
.style3 .ct2 { height: 20px; }
.style3 tr > .ct2 { background-image: url('cap-top2_002.png'); background-repeat: repeat-x; }
.style3 .ct3 { width: 20px; height: 20px; }
.style3 tr > .ct3 { background-image: url('cap-top3_002.png'); background-repeat: no-repeat; }
.style3 .cm1 { width: 20px; }
.style3 tr > .cm1 { background-image: url('cap-middle1_002.png'); background-repeat: repeat-y; }
.style3 .cm3 { width: 20px; clear: right; }
.style3 tr > .cm3 { background-image: url('cap-middle3_002.png'); background-repeat: repeat-y; }
.style3 .cb1 { width: 20px; height: 20px; }
.style3 tr > .cb1 { background-image: url('cap-bottom1_002.png'); background-repeat: no-repeat; }
.style3 .cb2 { height: 20px; }
.style3 tr > .cb2 { background-image: url('cap-bottom2_002.png'); background-repeat: repeat-x; }
.style3 .cb3 { width: 20px; height: 20px; }
.style3 tr > .cb3 { background-image: url('cap-bottom3_002.png'); background-repeat: no-repeat; }
.style3 h1 { margin: 0pt; padding: 0pt; font-size: 12pt; }
.style3 h2 { margin: 0pt -10px 0pt 0pt; padding: 0pt; font-size: 10pt; color: rgb(0, 0, 0); }
.style3 hr { border-style: solid none none; border-color: rgb(230, 230, 230) -moz-use-text-color -moz-use-text-color; border-width: 1px medium medium; margin: 0pt; height: 1px; text-align: center; }
/* ::::: http://www.replicon.com/lp/css/landingpageprojectbillingtimeattendance.css ::::: */

* { font-family: arial,verdana,helvetica,sans-serif; }
html { border: medium none ; margin: 0pt; padding: 0pt; }
img, a { border: medium none ; margin: 0pt; padding: 0pt; }
body { margin: 0pt auto; padding: 0pt; background: rgb(255, 255, 255) url('timesheet-background.png') repeat-y scroll center 0pt; }
h1, h2, h3, h4 { margin: 0pt; padding: 0pt; }
.cleaner { clear: both; }
.right { text-align: right; width: 100%; }
#main { border-left: 1px solid rgb(193, 193, 193); border-right: 1px solid rgb(193, 193, 193); margin: 0pt auto; padding: 0pt; position: relative; width: 800px; font-size: 12px; background-color: rgb(255, 255, 255); background-position: center bottom; background-repeat: repeat-x; }
#main.both { background-image: url('grey-gradient.png'); }
#main.blue { background-image: url('blue-gradient.png'); }
#main.orange { background-image: url('orange-gradient.png'); }
#header { margin: 0pt; padding: 0pt; }
#header a img { width: 800px; }
.leftBox { float: left; position: relative; margin-bottom: 20px; }
.leftBox div { margin: 0pt; padding: 0pt; }
div > .leftBox .top { background-image: url('sideboxtop1.png'); }
.leftBox .top { margin: 0pt; padding: 0pt; width: 204px; height: 21px; }
.leftBox .content { margin: 0pt; padding: 0pt; width: 204px; background-image: url('sideboxmiddle1.png'); background-repeat: repeat-y; }
.leftBox .content .inside { margin: 0pt; padding: 0pt 10px; }
.leftBox h3 { margin: 0pt 0pt 10px; color: rgb(143, 22, 0); font-weight: bold; font-size: 14pt; }
div > .leftBox .bottom { background-image: url('sideboxbottom1.png'); }
.leftBox .bottom { margin: 0pt; padding: 0pt; width: 204px; height: 21px; }
#mainBox { margin: 0pt; padding: 0pt; position: relative; width: 570px; float: left; }
#mainBox h3 { margin-left: 20px; }
#mainBox p { margin: 20px 0pt 0pt 20px; }
#mainBox div { margin: 0pt; padding: 0pt; }
div > #mainBox .check { background-image: url('check.png'); background-repeat: no-repeat; }
#mainBox .check { margin-top: 10px; margin-left: 10px; height: 25px; width: 25px; float: left; }
#mainBox .feature div { margin: 10px; width: 286px; float: left; }
#mainBox .feature .text { padding-top: 15px; margin-left: 0px; }
.leftBox1 { float: left; position: relative; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; }
.leftBox1 div { margin: 0pt; padding: 0pt; }
div > .leftBox1 .top { background-image: url('sideboxtop2.png'); }
.leftBox1 .top { margin: 0pt; padding: 0pt; width: 354px; height: 21px; }
.leftBox1 .content { margin: 0pt; padding: 0pt; width: 354px; background-image: url('sideboxmiddle2.png'); background-repeat: repeat-y; }
.leftBox1 .content .inside { margin: 0pt; padding: 0pt 10px; }
.leftBox1 h3 { margin: 0pt 0pt 10px; color: rgb(76, 136, 190); font-weight: bold; font-size: 11pt; }
div > .leftBox1 .bottom { background-image: url('sideboxbottom2.png'); }
.leftBox1 .bottom { margin: 0pt; padding: 0pt; width: 354px; height: 21px; }
#sideBox { float: right; position: relative; margin-bottom: 20px; margin-right: 5px; }
#sideBox div { margin: 0pt; padding: 0pt; }
div > #sideBox .top { background-image: url('sideboxtopy.png'); }
#sideBox .top { margin: 0pt; padding: 0pt; width: 204px; height: 21px; }
#sideBox .content { margin: 0pt; padding: 0pt; width: 204px; }
#sideBox .content .inside { margin: 0pt; padding: 0pt 10px; }
#sideBox h3 { margin: 0pt 10px 10px 0pt; padding: 2px; background-color: rgb(168, 18, 30); color: rgb(255, 255, 255); font-weight: normal; font-size: 12pt; text-align: center; }
div > #sideBox .bottom { background-image: url('sideboxbottomy.png'); }
#sideBox .bottom { margin: 0pt; padding: 0pt; width: 204px; height: 21px; }
#footer { margin: 0pt; padding: 0pt; text-align: center; font-size: 8pt; position: relative; width: 100%; background-color: rgb(255, 255, 255); }
#footer .partners img { margin: 0pt 25px; vertical-align: middle; }
.bottomBar { width: 100%; height: 5px; background-image: url('black.png'); background-repeat: repeat; }
#form1 { margin: 0pt; padding: 0pt; }
.noForm { margin: 20px; }
.projectBilling { float: left; width: 45%; }
.projectBilling p { margin-left: 20px; }
.timeAndAttendance { float: right; width: 45%; }
.timeAndAttendance p { margin-left: 20px; }
.quote { font-size: 11px; font-style: italic; width: 170px; }
.quote div { padding-top: 20px; }
h1 { margin: 20px 0pt 0pt; padding: 4px 0pt 0pt; height: 28px; background-image: url('sub_nav_background.png'); background-repeat: no-repeat; text-align: center; background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); float: left; font-size: 17px; }
.learnMore { border: medium none ; float: right; background-image: url('learn-more-g.png'); width: 99px; height: 15px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; font-weight: bold; cursor: pointer; }
.reevaluate { border: medium none ; float: right; background-image: url('go.png'); width: 99px; height: 15px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; font-weight: bold; }
.button { border: medium none ; background-image: url('go.png'); background-repeat: no-repeat; background-color: transparent; color: rgb(255, 255, 255); width: 148px; height: 21px; font-weight: bold; vertical-align: middle; }
.hidden { display: none; }
.aspResponse {  }
.aspResponse .red { color: Red; padding-bottom: 20px ! important; }
.aspResponse .question { margin-top: 20px; }
.aspResponse .question .option { padding-left: 20px ! important; padding-bottom: 20px ! important; }
.aspResponse .question .option a { font-weight: bold ! important; color: rgb(148, 40, 30) ! important; }
.aspResponse .question > .option { background-image: url('arrow_right_padded.png'); background-repeat: no-repeat; }
.customerItem { padding: 2px; width: 160px; position: absolute; float: left; top: 320px; left: 390px; }
.customerItem2 { border: 1px solid rgb(192, 192, 192); padding: 2px; width: 160px; float: right; margin-right: 30px; }
li { margin-bottom: 10px; }
.details1 { width: 280px; float: left; }
.details1 li { width: 260px; }
.check_box input { width: 10px; }
.errorMessage { color: rgb(217, 0, 0); font-size: 12pt; font-weight: bold; font-style: italic; }
.subErrorMessage, .subErrorMessage a { color: rgb(217, 0, 0); font-size: 8pt; font-weight: normal; font-style: normal; }
.errorField { border: 2px solid rgb(217, 0, 0); }
.errorValidatorText { visibility: hidden; display: none; }
.signupButton { background: transparent url('signup_button.png') no-repeat scroll 0pt 0pt; width: 165px; height: 55px; cursor: pointer; }
.signupButton:hover { background: transparent url('signup_button-over.png') no-repeat scroll 0pt 0pt; width: 165px; height: 55px; }