* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(/images/template/bodybg.png) left top repeat-x;
	font: 85%/1.3 TrebuchetMS,Arial,sans-serif;
    color: #333;
}

#container {
	width: 1000px;
	margin: 0 auto;
}

.sticky_note {
	padding-top:20px;
	padding-left:25px;
	width:246px;
	height:222px;
	background: url(/images/sticky.png) no-repeat;
}
#email_nonsub_explain {
	margin-top:30px;
	float:right;
}
#invoices_nonsub_explain {
	float:right;
}
#email_nonsub_explain h1, #invoice_nonsub_explain h1 {
	width:200px;
	margin:0;
	padding:0;
	font-size:17px;
	text-align:center;
}
#email_nonsub_explain p, #invoice_nonsub_explain p {
	width:200px;
}

div#project_nonsubscriber_container {
	background-image: url(/images/project_nonsubscriber_example.png);
	width: 777px;
	height: 420px;
}
#projects_nonsub_explain p {
	width:200px;
}
#projects_nonsub_explain {
	position:relative;
	left:250px;
	top:55px;
	width:230px;
	float:left;
}

/* General Stylings */
	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 10px;
		color: #0066b3;
	}
  h2 {
    font-size: 30px;
  }
	h3 {
		font-size: 24px;
	}
  h4 {
    font-size: 18px;
    text-align: center;
    color: #333;
  }
  hr {
    border: 0;
    height: 1px;
    width: 50%;
    background-color: #ccc;
    margin: 10px auto;
  }
  img {
    border: 0;
  }
	p {
		margin: 0 0 20px 0;
		font-family: Georgia, Times, serif;
	}
  p.subheader {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 18px;
    color: #777;
    margin-top: -5px;
  }
	p.indent {
		margin-left:25px;
	}
  p.plain {
    font-family: Helvetica, Arial, sans-serif;
  }
  p.success {
    color: green;
  }
	ul {
		margin: 0 20px 20px 20px;
	}
  ol {
    padding-right: 0px;
    padding-left: 1px;
    margin-left: 15px;
  }

  ol li {
		font-family: Georgia, Times, serif;
    font-weight: bold;
    background-color: white;
    margin-right: 0px;
    padding-left: 5px;
  }
  ol li ol li {
    font-size: 12px;
    font-weight: normal;
    list-style: lower-roman;
  }
	a:link, a:visited {
		color: #0066b3;
		text-decoration: none;
	}
	a:hover {
		color: #3385c2;
	}
  a.submit, a.plus, a.comment, a.edit, a.close {
    padding: 5px 5px 5px 26px;
    font-size: 16px;
    background: transparent 5px 5px no-repeat;
    font-family: TrebuchetMS,Arial,sans-serif;
  }
  a.submit:hover, a.plus:hover, a.comment:hover, a.edit:hover, a.close:hover {
    background-color: #fff2ba;
  }
  a.submit {
    background-image: url(/images/check.gif);
  }
  a.plus {
    background-image: url(/images/plus.gif);
  }
  
  a.comment {
    background-image: url(/images/comment.gif);
  }
  a.edit {
    background-image: url(/images/edit.gif);
  }
  a.close {
    background-image: url(/images/close.gif);
  }
  a.Upgrade, a.Downgrade {
    display: block;
    height: 25px;
    text-indent: -5000px;
    overflow: hidden;
  }
  a.Upgrade {
    background: #fff url(/images/upgrade.png) right top no-repeat;
    width: 83px;
  }
  a.Downgrade {
    background: #fff url(/images/downgrade.png) right top no-repeat;
    width: 81px;
  }
  .halfleft {
    width: 46%;
    float: left;
  }
  .halfright {
    width: 46%;
    float: right;
  }
/* End General Stylings */

/* Header */
	#header {
		width: 1000px;
		height: 200px;
		background: transparent url(/images/template/headerbg.png) left top no-repeat;
		position: relative;
	}
	#header h1 {
		margin: 0;
		width: 234px;
		height: 75px;
		background: transparent url(/images/template/title.png) right top no-repeat;
		position: absolute;
		top: 81px;
		left: 106px;
		text-indent: -5000px;
		overflow: hidden;
	}
	#header a#announcement {
		display: block;
		width: 242px;
		height: 84px;
		background: transparent url(/images/template/announcement.png) right top no-repeat;
		position: absolute;
		top: 49px;
		left: 672px;
		text-indent: -5000px;
		overflow: hidden;
	}
	
	/* Navbar */
      #header ul#navbar {
          margin: 0;
          display: block;
          height: 31px;
          position: absolute;
          right: 50px;
          bottom: 0;
          list-style: none;
      }
      #header ul#navbar li {
          display: block;
          float: left;
          margin-left: 1px;
      }
      #header ul#navbar li a {
          display: block;
          height: 31px;
          text-indent: -5000px;
          overflow: hidden;
      }
      /* Home Page Navbar */
        #header ul#navbar li a#nav-welcome {
          background: transparent url(/images/template/navbar/welcome.png) right top no-repeat;
          width: 90px;
        }
        #header ul#navbar li a#nav-welcome:hover, 
        #header ul#navbar li:hover a#nav-welcome {
          background: url(/images/template/navbar/welcome-hover.png);
        }
        #header ul#navbar li a#nav-welcome.current, 
        #header ul#navbar li a#nav-welcome.current:hover {
          background: url(/images/template/navbar/welcome-current.png);
        }
        #header ul#navbar li a#nav-how_it_works {
          background: transparent url(/images/template/navbar/how_it_works.png) right top no-repeat;
          width: 117px;
        }
        #header ul#navbar li a#nav-how_it_works:hover, 
        #header ul#navbar li:hover a#nav-how_it_works {
          background: url(/images/template/navbar/how_it_works-hover.png);
        }
        #header ul#navbar li a#nav-how_it_works.current, 
        #header ul#navbar li a#nav-how_it_works.current:hover {
          background: url(/images/template/navbar/how_it_works-current.png);
        }
        #header ul#navbar li a#nav-features {
          background: transparent url(/images/template/navbar/features.png) right top no-repeat;
          width: 84px;
        }
        #header ul#navbar li a#nav-features:hover, 
        #header ul#navbar li:hover a#nav-features {
          background: url(/images/template/navbar/features-hover.png);
        }
        #header ul#navbar li a#nav-features.current, 
        #header ul#navbar li a#nav-features.current:hover {
          background: url(/images/template/navbar/features-current.png);
        }
        #header ul#navbar li a#nav-sign_up {
          background: transparent url(/images/template/navbar/sign_up.png) right top no-repeat;
          width: 79px;
        }
        #header ul#navbar li a#nav-sign_up:hover, 
        #header ul#navbar li:hover a#nav-sign_up {
          background: url(/images/template/navbar/sign_up-hover.png);
        }
        #header ul#navbar li a#nav-sign_up.current, 
        #header ul#navbar li a#nav-sign_up.current:hover {
          background: url(/images/template/navbar/sign_up-current.png);
        }
        #header ul#navbar li a#nav-member_login {
          background: transparent url(/images/template/navbar/member_login.png) right top no-repeat;
          width: 124px;
        }
        #header ul#navbar li a#nav-member_login:hover, 
        #header ul#navbar li:hover a#nav-member_login {
          background: url(/images/template/navbar/member_login-hover.png);
        }
        #header ul#navbar li a#nav-member_login.current, 
        #header ul#navbar li a#nav-member_login.current:hover {
          background: url(/images/template/navbar/member_login-current.png);
        }
      /* End Home Page Navbar */
      /* Interior Pages Navbar */
        #header ul#navbar li a#nav-invoices {
          background: transparent url(/images/template/navbar/invoices.png) right top no-repeat;
          width: 79px;
        }
        #header ul#navbar li a#nav-invoices:hover, 
        #header ul#navbar li:hover a#nav-invoices {
          background: url(/images/template/navbar/invoices-hover.png);
        }
        #header ul#navbar li a#nav-invoices.current, 
        #header ul#navbar li a#nav-invoices.current:hover {
          background: url(/images/template/navbar/invoices-current.png);
        }
        #header ul#navbar li a#nav-timesheets {
          background: transparent url(/images/template/navbar/timesheets.png) right top no-repeat;
          width: 101px;
        }
        #header ul#navbar li a#nav-timesheets:hover,
        #header ul#navbar li:hover a#nav-timesheets {
          background: url(/images/template/navbar/timesheets-hover.png);
        }
        #header ul#navbar li a#nav-timesheets.current, 
        #header ul#navbar li a#nav-timesheets.current:hover {
          background: url(/images/template/navbar/timesheets-current.png);
        }
        #header ul#navbar li a#nav-projects {
          background: transparent url(/images/template/navbar/projects.png) right top no-repeat;
          width: 79px;
        }
        #header ul#navbar li a#nav-projects:hover,
        #header ul#navbar li:hover a#nav-projects {
          background: url(/images/template/navbar/projects-hover.png);
        }
        #header ul#navbar li a#nav-projects.current, 
        #header ul#navbar li a#nav-projects.current:hover {
          background: url(/images/template/navbar/projects-current.png);
        }
        #header ul#navbar li a#nav-clients {
          background: transparent url(/images/template/navbar/clients.png) right top no-repeat;
          width: 72px;
        }
        #header ul#navbar li a#nav-clients:hover, 
        #header ul#navbar li:hover a#nav-clients {
          background: url(/images/template/navbar/clients-hover.png);
        }
        #header ul#navbar li a#nav-clients.current, 
        #header ul#navbar li a#nav-clients.current:hover {
          background: url(/images/template/navbar/clients-current.png);
        }
        #header ul#navbar li a#nav-settings {
          background: transparent url(/images/template/navbar/settings.png) right top no-repeat;
          width: 81px;
        }
        #header ul#navbar li a#nav-settings:hover, 
        #header ul#navbar li:hover a#nav-settings {
          background: url(/images/template/navbar/settings-hover.png);
        }
        #header ul#navbar li a#nav-settings.current, 
        #header ul#navbar li a#nav-settings.current:hover {
          background: url(/images/template/navbar/settings-current.png);
        }
      /* End Interior Pages Navbar */
	/* End Navbar */
	#header #login {
		position: absolute;
		top: 25px;
		right: 70px;
		font-size: 10px
	}
	#header #login a {
		color: #ccc;
		text-decoration: none;
	}
	#header #login a:hover {
		color: #fff;
	}
/* End Header */

/* Content */
	#content {
		width: 800px;
		background: transparent url(/images/template/contentbg.png) left top repeat-y;
		padding: 50px 100px 30px 100px;
		position: relative;
		overflow: auto;
	}
	/* Subnav */
		#subnav {
			padding: 5px 0;
			position: absolute;
			left: 50px;
			top: 0;
			background: transparent url(/images/template/subnavbg.png) left top repeat-x;
			border-top: 2px solid #fff;
			border-bottom: 1px solid #ddd;
			width: 900px;
			height: 14px;
			font-size: 10.5px;
		}
		#subnav #logged_in_as {
			color: #666;
			width: 400px;
			padding-left: 15px;
      margin: 0;
		}
		#subnav ul {
			display: block;
			float: right;
			list-style: none;
			width: 400px;
			text-align: right;
			margin: 0;
			padding: 0;
		}
		#subnav ul li {
			display: inline;
			font-size: 11px;
			padding: 0;
			margin: 0;
		}
		#subnav ul li a:link, #subnav ul li a:visited {
			margin: 0 15px;
			color: #666;
			display: block;
			float: right;
		}
		#subnav ul li a:before {
			content: attr(title);
			margin: 0 -0.1em -1.4em 0;
			color: #fff;
			display: block;
		}
		#subnav ul li a:hover {
			color: #333;
		}
		#subnav ul li a:hover:before {
			color: #ddd;
		}
	/* End Subnav */
	#main_content {
		float: left;
		width: 500px;
	}
	#side_content {
		float: right;
		width: 260px;
	}
/* End Content */

/* Footer */
	#footer {
		width: 1000px;
		height: 50px;
		background: transparent url(/images/template/footerbg.png) left top no-repeat;
		position: absolute;
	}
	#footer ul {
      display: inline;
      list-style: none;
      margin: 0 60px;
      padding: 0;
	}
	#footer ul li {
      display: inline;
      font-size: 10.5px;
      padding: 0;
      margin: 0;
	}
    #footer ul li a:link, #footer ul li a:visited {
      margin: 0 15px;
      color: #999;
      display: block;
      float: left;
      padding: 9px 0;
    }
    #footer ul li a:before {
      content: attr(title);
      margin: 0 -0.1em -1.4em 0;
      color: #fff;
      display: block;
    }
    #footer ul li a:hover {
      color: #333;
    }
    #footer ul li a:hover:before {
      color: #ddd;
    }
    #footer ul#footer_nav {
      float: left;
      width: 380px;
    }
    #footer ul#extra_links {
      float: right;
      width: 350px;
    }
    #footer ul#extra_links li a {
      float: right;
    }

/* End Footer */

/* Feedback Widget Styling */
a#uservoice-feedback-tab {
  position: fixed;
  right: 0;
  top: 40%;
  display: block;
  background: #FFFFFF url(/images/feedback_tab_black.png) -2px 50% no-repeat;
  text-indent: 4000px;
  width: 25px;
  height: 90px;
  margin-top: -45px;
  border: outset 1px #FFFFFF;
  border-right: none;
  z-index: 100001;
}

a#uservoice-feedback-tab:hover {
  background-color: #06c;
  border: outset 1px #06c;
  border-right: none;
  cursor: pointer;
}

* html a#uservoice-feedback-tab {
  position: absolute;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/feedback_tab_black.png');
}
/* End Feedback Widget Styling */

/* Table Styling */
    fieldset {
      padding: 10px;
    }
	.styled_table {
		width: 502px;
		margin: 0;
		border-collapse: collapse;
    font-size: 12px;
    position: relative;
		background: transparent url(/images/template/table_header_bg.png) 0 0 no-repeat;
    border-bottom: 1px solid #ccc;
    padding: 0 1px;
	}
	.basecamp_projects {
		font-size: 14px;
	}
	.styled_table td {
		margin: 0;
		padding: 3px;
		text-align: left;
		background-image: none;
	}
	.styled_table thead {
		width: 493px;
		height: 29px;
		font-weight: bold;
		color: #444;
	}
	.styled_table thead tr{
		height: 28px;
    *height: 23px;
	}
  /* First table column */
  .styled_table td {
		padding-left: 10px;
  }
  /* Subsequent table column */
  .styled_table td + td {
      padding-left: 5px;
  }
	.styled_table tbody {
	}
	.styled_table tbody td {
		vertical-align: top;
	}
  .styled_table tbody td:first-child {
    background-image: url(/images/template/border1pxsolidccc.png);
    background-position: left top;
    background-repeat: repeat-y;
  }
  .styled_table tbody td:last-child {
    background-image: url(/images/template/border1pxsolidccc.png);
    background-position: right top;
    background-repeat: repeat-y;
  }
	.styled_table tbody tr.alt {
		background-color: #e5eff7;
	}
	.styled_table thead tr td:before {
		content: attr(title);
		margin: 0 -0.1em -1.35em 0;
		color: #fff;
		display: block;
	}
    .styled_table thead tr td.plain:before {
      display: none;
    }
/* End Table Styling */

/* Form Styling */
  /* Regular Styled Form */
    form.styledForm {
      font-size: 100%;
      width: 480px;
    }

    form.styledForm fieldset legend {
      font-size: 100%;
    }

    form.styledForm label {
      font-size: 100%;
    }

    form.styledForm div fieldset {
      margin-left: 144px;
    }

    form.styledForm div fieldset legend {
      font-size: 100%;
    }

    form.styledForm div label {
      width: 130px;
    }
    #invoice_statistics_dialog form.styledForm div label {
      width: 70px;
    }

    form.styledForm div.required label, label.required {
      font-weight: bold;
    }

    form.styledForm div select, form div textarea {
      width: 200px;
    }

    form.styledForm input.inputText, form.styledForm form.styledForm input.inputPassword, form.styledForm .inputText[disabled], form.styledForm form.styledForm .inputPassword[disabled], form.styledForm .selectOne[disabled], form.styledForm .selectMultiple[disabled] {
      width: 192px;
    }

    form.styledForm input.inputFile {
      width: 211px;
    }

    form.styledForm div select.selectOne, form.styledForm div select.selectMultiple {
      width: 211px;
    }

    form.styledForm input.inputCheckbox {
      margin-left: 140px;
    }

    form.styledForm div label.labelCheckbox {
      width: 285px;
    }

    form.styledForm div.submit {
      width: 214px;
      margin: 15px 0;
      padding-left: 146px;
    }

    form.styledForm div.submit input.inputSubmit {
      font-size: 100%;
    }

    form.styledForm div small {
      margin-left: 142px;
    }
  /* End Regular Form Styling */

  /* Tiny Form Styling */
    form.styledFormTiny {
      font-size: 100%;
      width: 260px;
    }

    form.styledFormTiny fieldset legend {
      font-size: 100%;
    }

    form.styledFormTiny label {
      font-size: 100%;
      width: 80px;
    }

    form.styledFormTiny div fieldset {
      margin-left: 44px;
    }

    form.styledFormTiny div fieldset legend {
      font-size: 100%;
    }

    form.styledFormTiny div.required label, label.required {
      font-weight: bold;
    }

    form.styledFormTiny div select, form.styledFormTiny div textarea {
      width: 130px;
    }

    form.styledFormTiny input.inputText, form.styledFormTiny input.inputTextShort, form.styledFormTiny input.inputPassword, form.styledFormTiny .inputText[disabled], form.styledFormTiny .inputTextShort[disabled], form.styledFormTiny .inputPassword[disabled], form.styledFormTiny .selectOne[disabled], form.styledFormTiny .selectMultiple[disabled] {
      width: 92px;
      border-right: 1px solid #999;
    }

    form.styledFormTiny input.inputFile {
      width: 211px;
    }

    form.styledFormTiny div select.selectOne, form.styledFormTiny div select.selectMultiple {
      width: 211px;
    }

    form.styledFormTiny input.inputCheckbox {
      margin-left: 100px;
    }

    form.styledFormTiny div label.labelCheckbox {
      width: 145px;
      font-weight: normal;
    }

    form.styledFormTiny div.submit {
      width: 154px;
      margin: 10px auto 0 70px;
      text-align: center;
    }

    form.styledFormTiny div.submit input.inputSubmit {
      font-size: 100%;
    }

    form.styledFormTiny div small {
      margin-left: 142px;
    }
  /* End Tiny Form Styling */
  
  /* Generic Form Styling */
    form.styledForm, form.styledFormTiny {
      margin: 0 0 15px 0;
      padding: 0;
    }

    form fieldset {
      border-color: #000;
      border-width: 1px 0 0 0;
      border-style: solid none none none;
      padding: 10px;
      margin: 0 0 20px 0; 
    }

		#invoice_statistics_dialog form fieldset {
			border:none;
    }

    form fieldset legend {
      font-weight: bold;
      color: #000000;
      margin: 0;
      padding: 0 5px;
    }

    form div {
      clear: left;
      display: block;
      height: expression('1%');
      margin: 5px 0 0 0;
      padding: 1px 3px;
    }
    
    form div fieldset {
      clear: none;
      border-width: 1px;
      border-style: solid;
      border-color: #666666;
      margin-top: 0; 
      margin-right: 0;
      margin-bottom: 0;
      padding: 0 5px 5px 5px;
    }

    form div fieldset legend {
      padding: 0 3px 0 9px;
    }

    form div.required fieldset legend {
      font-weight: bold;
    }

    form select {
    }

    form div label {
      display: block;
      float: left;
      padding: 8px 5px 0 0;
      margin: 0 0 5px 0;
      text-align: right;
    }
    form div label + span {
      display: block;
      float: left;
      padding: 8px 5px 0 0;
      margin: 0 0 5px 0;
    }

    form div.optional label, label.optional {
      font-weight: normal;
    }

    form div.required label, label.required {
      font-weight: bold;
    }

    form div img {
      border: 1px solid #000000;
    }

		form div img.logo {
      border: 1px solid #868686;
 			padding:2px;
    }

		div.current_logo {
			width:150px;
			height:176px;
			background: #fff url(/images/current_logo_border.png) left top no-repeat;
		}
		div.current_logo img {
			margin-top:34px;
			margin-left:9px;
			border: 1px solid #fff;
		}

    form div select, form div textarea {
      padding: 3px;
      margin: 0;
    }

    form input.inputFile {
      margin-top: 5px;
      color: #666;
    }

    form. div select.selectOne, form div select.selectMultiple {
      padding: 1px 3px;
      margin-top: 5px;
    }

    form input.inputCheckbox {
      margin-top: 0;
      margin-right: 5px;
      margin-bottom: 0;
    }

    form div label.labelCheckbox {
      float: right;
      display: block;
      height: expression('1%');
      padding: 0;
      margin: 0;
      text-align: left;
      font-weight: normal;
    }

    form div label.labelRadio, form input.inputRadio {
      float: right;
      margin: 7px 0;
      width: auto;
    }
    form div label.labelRadio {
      padding-top: 0;
      margin: 5px 15px 10px 5px;
    }

    form div.radio_set {
      padding-left: 90px;
      width: 170px;
      margin: 10px 0;
    }

    form div.submit {
      padding-top: 0;
      padding-right: 0;
      padding-bottom: 0;
    }

    form div.submit div {
      display: block;
      float: left;
      text-align: left;
      width: auto;
      padding: 0;
      margin: 5px 30px 0 0;
    }

    form div small {
      display: block;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 5px;
      padding: 1px 3px;
      font-size: 88%;
      height: expression('1%');
    }
    .inputTextArea {
      width: 192px;
      height: 189px;
      background: transparent url(/images/forms/textareabg.png) left top no-repeat;
      padding: 5px;
      margin: 0;
      border: 0;
      font-size: 14px;
      border-bottom: 1px solid #b2b2b2;
    }
    .inputTextArea:focus {
      background-position: 0 -200px;
    }
    .inputTextAreaSmall {
      background: transparent url(/images/forms/textareabg.png) left top no-repeat;
      padding: 5px;
      margin: 0;
      border: 0;
      font-size: 14px;
      width: 120px;
      height: 100px;
      border-right: 1px solid #aaa;
      border-bottom: 1px solid #bbb;
    }
		.mceEditor {
			width: 310px;
			height: 240px;
		}
    .inputTextAreaLarge {
      width: 290px;
      height: 240px;
      background: transparent url(/images/forms/textareabg_large.png) left top no-repeat;
      padding: 5px;
      margin: 0;
      border: 0;
      font-size: 14px;
    }
    .inputTextAreaLarge:focus {
      background-position: 0 -250px;
    }

    input.inputText, input.inputTextShort, input.inputPassword, .inputText[disabled], .inputTextShort[disabled], .inputPassword[disabled] {
      height: 22px;
      background: transparent url(/images/forms/forminputbg.png) left top no-repeat;
      padding: 5px;
      margin: 0;
      border: 0;
      font-size: 100%;
    }

    input.inputTextShort {
      width: 100px;
      border-right: 1px solid #999;
    }

    input.inputText:focus, input.inputTextShort:focus, input.inputPassword:focus {
      background-position: 0 -32px;
    }
  /* End Generic Form Styling */
/* End Form Styling */

/* Timesheets Page */
  div#timesheet_entry {
    border: 1px solid #ccc;
    overflow: hidden;
    background-color: #fdfdfd;
  }
  #timesheet_entry_toggle a {
    display: block;
    width: 119px;
    padding: 5px;
    text-align: center;
    float: left;
    background-color: #eee;
    border-bottom: 1px solid #ccc;
  }
  #timesheet_entry_toggle a.current, #timesheet_entry_toggle a.current:hover {
    background-color: #fdfdfd;
    border-bottom: 0;
  }
  #timesheet_entry_toggle a:hover {
    background-color: #f9f9f9;
  }
  #toggleTimesheetLink-punch.current {
    border-left: 1px solid #ccc;
    width: 118px;
  }
  #toggleTimesheetLink-manual.current {
    border-right: 1px solid #ccc;
    width: 118px;
  }
  #timesheet_entry fieldset {
    border: 0;
  }
  #punch_block {
    clear: both;
  }
  #punch_status {
    font-style: italic;
    text-align: center;
    padding: 10px 15px;
    margin: 0;
  }
  /* Timesheets Table */
      #timesheet_entries_table tr td {
          width: 80px;
      }
      #timesheet_entries_table tr td + td {
          width: 80px;
      }
      #timesheet_entries_table tr td + td + td {
          width: 50px;
          padding: 2px;
      }
      #timesheet_entries_table tr td + td + td + td {
          width: 40px;
          padding: 2px;
      }
      #timesheet_entries_table tr td + td + td + td + td {
          width: 220px;
      }
      #timesheet_entries_table tbody tr td + td + td + td + td {
          text-align: left;
      }
  /* End Timesheets Table */
/* End Timesheets Page */

/* Home Page */
	#intro-left {
		width: 385px;
		float: left;
	}
	#intro_title {
		display: block;
		background: transparent url(/images/template/intro_title.png) right top no-repeat;
		width: 385px;
		height: 160px;
		margin: -5px 0 20px -5px;
		text-indent: -5000px;
		overflow: hidden;
	}
	#intro_video {
    background-color: #eee;
		width: 375px;
		height: 281px;
	}
	#intro_video span.download_desc {
		font-size: 10px;
	}
	#intro {
		width: 375px;
		float: right;
		font-family: helvetica, arial, sans-serif;
	}
	#intro p#intro-subheader {
		font-family: helvetica, arial, sans-serif;
		font-size: 19px;
	}
	#intro ul {
		margin-top: 0;
		font-size: 13px;
		color: #333;
	}
	a.sign_up {
		display: block;
		width: 276px;
		height: 68px;
		margin: 0 auto;
		background: transparent url(/images/get_started_button.png) right top no-repeat;
		text-indent: -5000px;
		overflow: hidden;
	}
    #how_it_works, #features, #sign_up, #member_login {
      margin-top: -30px;
    }
    #sign_up_form {
      float: left;
      overflow: hidden;
      width: 400px;
      clear: both;
    }
    table#payment_grid {
      width: 390px;
      float: right;
      border-collapse: collapse;
    }
    table#payment_grid.large {
      float: left;
      width: 450px;
    }
    p#dont_forget {
      clear: both;
      float: left;
      position: relative;
      margin: -100px 0 0 250px;
      display: block;
      width: 207px;
      height: 25px;
      background: #fff url(/images/dontforget.png) right top no-repeat;
      text-indent: -5000px;
      overflow: hidden;
    }
    p#you_can_upgrade_later {
      position: relative;
      display: block;
      float: right;
      margin: -90px 50px 0 0;
      width: 161px;
      height: 38px;
      background: #fff url(/images/youcanupgradelater.png) right top no-repeat;
      text-indent: -5000px;
      overflow: hidden;
    }
    table#payment_grid td {
      text-align: right;
      font-size: 14px;
      color: #333;
      padding: 6px 7px;
    }
    table#payment_grid td + td {
      text-align: center;
      font-size: 16px;
    }
    table#payment_grid tbody td + td {
      font-style: italic;
      cursor: pointer;
    }
    table#payment_grid.large tbody td + td {
      cursor: auto;
    }
    table#payment_grid tbody td {
      color: #666;
    }
    table#payment_grid tbody tr + tr td {
      font-size: 12px;
    }
    table#payment_grid tbody tr.price td {
      font-size: 16px;
      color: #333;
    }
    table#payment_grid td span.smaller {
      font-size: 0.8em;
    }
    table#payment_grid td.selected {
      background-color: #d9e1f7;
    }
    table#payment_grid td.hover {
      background-color: #e5eff5;
    }

    /* Home Page Features Grid */
      #feature_grid thead td {
        text-align: center;
      }
      #feature_grid tbody td {
        padding: 10px;
        vertical-align: middle;
        text-align: center;
        width:50px;
      }
      #feature_grid tbody td.left {
        text-align: left;
        width:180px;
      }
      
      #feature_grid td.yes {
        text-indent: -5000px;
        overflow: hidden;
        background: transparent url(/images/green_check.png) center center no-repeat;
      }
      #feature_grid h4 {
        font-size: 14px;
        text-align: left;
        margin: 0;
      }
      #feature_grid p {
        margin: 0;
        padding: 0;
      }
    /* End Home Page Features Grid */
/* End Home Page */

/* Settings: Subscriptions: Signup page */

.cc_number_field {
	width:175px !important;
}
.billing_state_field {
	width:30px !important;
}
.billing_zip_field {
	width:60px !important;
}
.cc_cvv_field {
	width:40px !important;
}

#setting_other_benefits {
	list-style-type: disc;
}
#setting_other_benefits li {
	margin-top:12px;
}
#setting_other_benefits li h3 {
	font-size:14px;
	margin:0;
}
#setting_other_benefits li p {
	margin:0;
	font-style: italic;
}

/* End Settings: Subscriptions: Signup page */

/* Old Stylings */
table.helpT
{
	text-align: center;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 500px;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

td.helpHed
{
	border-bottom: 2px solid #6699CC;
	border-left: 1px solid #6699CC;
	background-color: #BEC8D1;
	text-align: left;
	text-indent: 5px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
}

td.helpBod
{
	border-bottom: 1px solid #9CF;
	border-top: 0px;
	border-left: 1px solid #9CF;
	border-right: 0px;
	text-align: left;
	text-indent: 10px;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	background-color: #fafafa;
}

table.sofT
{
	text-align: left;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 580px;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

.cssform div.field
{
	width: 300px;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
}

.cssform label
{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	margin-top: 0px;
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
  padding-top: 0;
}

.cssform .small_label {
  float: left;
  margin: 0;
  width: 70px;
  text-align: right;
  line-height: 18px;
  padding-right: 7px;
}

.cssform label.small_label:after {
  content: ":";
}

.cssform input[type="text"]
{ /*width of text boxes. IE6 does not understand this attribute*/
	margin-top:5px;
	width: 260px;
}

.cssform textarea
{
	width: 260px;
	height: 150px;
}

.cssform h3 {
    text-align: center;
    color: #444;
    margin-bottom: 0;
}

.cssform p {
  margin: 0;
  text-align: center;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix
{
	margin-left: 3px;
}

table.alerts
{
	font-size: 12px;
	width: 260px;
	background-color: #fafafa;
	border: 1px #d79900 solid;
	border-collapse: collapse;
	border-spacing: 0px;
  margin-bottom: 20px;
}

.alertHd
{
	border-bottom: 2px solid #d79900;
	background-color: #fff2ba;
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
  padding: 5px;
}

.alertBod {
  padding: 10px 20px;
}

.icon {
  cursor: pointer;
	background-color:#4297c5;
	background-image: url(/images/bg_rounded.gif);
	background-repeat: no-repeat;
}

.fieldWithErrors {
	display: inline;
	position: relative;
}

span.captcha_failed {
	color: #ff0000;
}

span.highlight_red {
	background-color:#FECCCE;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
	font-weight: bold;
}

.faq_entry {
	text-align:left;
	width:100%;
	font-family: georgia;
	font-size: 14px;
}

.faq_entry h1 {
	font: bold 1.1em Arial, Arial, Sans-Serif;
	color: #036DA7;
	margin:0;
	padding:0;
}

.faq_entry ul {
	list-style-position: inside;
	margin-left:15px;
	margin-bottom:12px;
}

.faq_entry li {
	list-style-type: square;
	padding-top:4px;
}

.text-highlight {
  font-weight: bold;
}


div.band {
	background-color: #fdfae8;
	border-top: 1px solid #ffe8cd;
	border-bottom: 1px solid #ffe8cd;
	
	margin-top:15px;
	padding: 30px 0;
	text-align: center;
	height:190px;
}

div.intro h1 {
	font: bold 2.5em Arial, Arial, Sans-Serif;
	color:#000000;
	margin:0;
	padding:0;
}

div.intro h2 {
	font: bold 1.7em Arial, Arial, Sans-Serif;
	color:#000000;
	margin:0;
	padding:0;
}

p.intro {
	font-family: georgia;
	font-size: 16px;
}

div.intro-content {
	width:650px;
	margin: 0 auto;
}

div.intro-left {
	float:left;
	width:43%;
}

div.intro-right {
	float:right;
	width:50%;
}

h1.column {
	font: bold 1.5em Arial, Arial, Sans-Serif;
	color:#036DA7;
	margin-bottom:2px;
}

div.column-left {
	float:left;
	width:51%;
}

div.column-right {
	float:right;
	width:45%;
}

p.column {
	margin:0;
	padding-top:4px;
	font-family: georgia;
	font-size: 15px;
}

.content ul {
	list-style-position: outside;
	margin-left:22px;
}

.content li {
	list-style-type: square;
	font-family: georgia;
	font-size: 15px;
	padding-top:4px;
}

#linkbar {
	float:right;
	padding-top:5px;
	padding-right:20px;
	color:#ffffff;
	font-family: georgia;
	font-size: 10px;
}

#linkbar a {
	color: #ffffff;
	background: inherit;
	text-decoration: none;
}

#linkbar a:hover {
	text-decoration: underline;
}

p.about,p.widget,p.content {
	font-family: georgia;
	font-size: 15px;	
}

p.confirm_email {
	font-family: georgia;
	font-size: 16px;
}

h2.invoices, h2.confirm_email, h2.timesheets {
	color:#036DA7;
	font-family: georgia;
	font-size: 16px;
	margin:0;
	padding:0;
	padding-bottom:5px;
}

div.errorExplanation {
	font-family: georgia;
	font-size: 16px;
}

div.errorExplanation h2 {
	color:red;
	margin:0;
	padding:0;
}

div.errorExplanation ul {
	list-style-position: inside;
	margin-left:15px;
	margin-bottom:12px;
}

div.errorExplanation li {
	list-style-type: square;
	color:red;
	margin-top:0;
}

div#newuser {
	float:right;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	width:350px;
	padding:10px
}

div#newuser div#description {
	font-family: Verdana;
	font-size: 12px;
	padding-top:10px
}


/* ----- PAGINATION ----- */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
	padding: 2px;
}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: left; /*Set to "right" to right align pagination interface*/
	font-size: 12px;
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

.pagination a, .pagination a:visited {
	padding: 0 5px;
	border: 1px solid #a3ba4b;
	text-decoration: none;
	color: #7fa71f;
}

.pagination a:hover, .pagination a:active {
	border: 1px solid #578110;
	color: #000;
	background-color: lightyellow;
}

.pagination li.currentpage{
	font-weight: bold;
	padding: 0 5px;
	border: 1px solid #578110;
	background-color: #394e06;
	color: #FFF;
}

.pagination li.disablepage{
	padding: 0 5px;
	border: 1px solid #929292;
	color: #929292;
}

.pagination li.nextpage{
	font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
	margin-right: 5px;
	padding-right: 0;
}

/* payments table, line_items table */
table.payments, table.line_items {
	text-align: left;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	background-color: #fafafa;
	border: 1px #d79900 solid;
	border-collapse: separate;
	border-spacing: 0px;
}
table.line_items {
	width: 550px;
	margin-bottom: 10px;
}
table.line_items .amount_col,
table.line_items .amount_col p,
table.line_items #line_items_table_total p,
table.line_items .delete_col p {
	text-align: right;
}
table.line_items #line_items_table_total p { font-weight: bold;}
table.line_items .delete_col p { padding-right: 2px; }
table.line_items .description_col { width: 60%;}
table.payments {
	width: 220px;
	margin-left:5px;
}

th.paymentsTitle, th.line_itemsTitle {
	border-bottom: 2px solid #d79900;
	background-color: #fff2ba;
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
}

.paymentsHeader, .line_itemsHead {
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
	color: #404040;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom:2px;
	background-color: #f1f1f1;
	padding-left:2px;
}

.paymentsHeaderDate {
	width: 45%;
}
.paymentsHeaderAmount {
	width: 45%;
}
.paymentsHeaderDelete {
	width: 15%;
}

.paymentsBod p, .line_itemsBod p
{
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	color: #404040;
	background-color: #fafafa;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left:2px;
}

.paymentsNone p, .line_itemsNone p {
	font-style: italic;
	text-align: center;
}


fieldset {
	border:1px solid #CCC;
}

legend {
	padding: 0.2em 0.5em;
	font-family: Verdana, sans-serif, Arial;
	font-size: 11px;
	text-align: left;
}

.timesheet_row_highlighted {
  background: #FEFDEB;
}

.timesheet_row {
  background: #fff;
}

.note {
  font-size: 0.8em;
  font-style: italic;
}

.cssform .form_element {
  color: #666;
  width: 150px;
  margin-left: 85px;
  text-align: left;
}

.cssform .reports_field {
	margin-bottom:4px;
}

#invoice_report {
  text-align: center;
  width: 500px;
  height: 350px;
  position: relative;
}

#invoice_report #loader {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
}

#invoice_report p {
  font-family: Helvetica, Arial, sans-serif;
  color: #555;
  font-size: 1.1em;
  padding-left: 10px;
}

#reports_description {
	width: 230px;
	font-size: 0.8em;
	padding:2px;
	color:#999;
}
/* End Old Stylings */


/* Basecamp Support */
#select_basecamp_item, #invoice_statistics_dialog, #add_payment_block {
	padding:10px;
}
#select_basecamp_item, #invoice_statistics_dialog {
	background: url(/images/basecamp_todo_background.png) left top no-repeat;
	width:398px;
	height:286px;
}
#add_payment_block {
	background: url(/images/add_payment_background.png) left top no-repeat;
	width:270px;
	height:190px;
}
#select_basecamp_item h2, #invoice_statistics_dialog h2, #add_payment_block h2 {
  font-size: 18px;
}
#select_basecamp_item #hide_overlay_link, #invoice_statistics_dialog #hide_overlay_link, #add_payment_block #hide_overlay_link {
  position: absolute;
  top: 5px;
  right: 20px;
}
.basecamp_select_todo_item_scroller {
	width:388px;
	height:200px;
	margin-top:3px;
	overflow-y:scroll;
	border:1px solid #B8B8B8;
}
.basecamp_select_todo_item_scroller table {
	margin:0;
	width:100%;
	cursor: pointer;
}
.basecamp_select_todo_item_scroller table tr.alt {
	background-color: #e5eff7;
}
.basecamp_select_todo_item_scroller table td {
	padding:5px;
}
.basecamp_select_todo_item_scroller table tr.highlight {
	background-color: #FEFADA;
}

#basecamp-about, #invotrak-iphone-about {
  float: left;
  width: 450px;
}
#basecamp-sidebar, #iphone-sidebar {
  float: right;
  width: 273px;
}
#basecamp-sidebar p {
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
}
#basecamp-sidebar h3, #basecamp-sidebar h4, #basecamp-sidebar p {
  margin: 15px 0 15px 20px;
}
#basecamp_legal, #iphone_legal {
	font-size: 12px;
}

#invoice_statistics_dialog p {
	font-style: italic;
}

#invoice_statistics_dialog div.submit {
	padding-left:100px;
	padding-top:40px
}

div#features_grid {
	background:#E8F5FF none repeat scroll 0 0;
	border-bottom:4px solid #D0EAFF;
	border-top:4px solid #D0EAFF;
	display:block;
	height:688px;
	margin-bottom:40px;
	padding:10px 0 0 20px;
}
div#features_grid ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
div#features_grid ul li {
	display:block;
	float:left;
	margin:0 20px 20px 0;
	width:350px;
}
div#features_grid ul li h4 {
	text-align: left;
	color:#036DA7;
}
div#features_grid ul li img {
	border:3px solid #D0EAFF;
}
div#features_grid ul li p {
	font-size: 13px;
	line-height:20px;
}

p.features {
	font-size: 14px;
}

ul.features_list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
}
ul.features_list li {
	background:#FFFFFF none repeat scroll 0 0;
	display:block;
	float:left;
	margin:0 20px 20px 0;
	width:760px;
	border-bottom:4px solid #FFFFFF;
	border-top:4px solid #FFFFFF;
	padding:10px 0 10px 20px;
}
ul.features_list li.alt {
	background:#E8F5FF none repeat scroll 0 0;
	border-bottom:4px solid #D0EAFF;
	border-top:4px solid #D0EAFF;
}
ul.features_list li h4 {
	text-align: left;
	color:#036DA7;
}
ul.features_list li img {
	float:right;
	border:3px solid #D0EAFF;
	margin: 5px 10px 0 10px;
}

p.legal_notice {
	font-size: 10px;
}

span#project_allotted, span#project_time_spent {
	font-weight: normal;
}

span#project_progress {
	font-weight: bold;
}

div#pie_chart_legend_a {
	background-color: #0066b3;
	width:16px;
	height:16px;
	float:left;
	margin-right:5px;
}
div#pie_chart_legend_b {
	background-color: #D2E0EC;
	width:16px;
	height:16px;
	float:left;
	margin-right:5px;
}

span.LV_validation_message {
  display: inline-block;
  width:16px;
  height:16px;
  margin-left:8px;
  vertical-align: middle;
}
span.LV_valid {
  background: #fff url('/images/check_green.png') no-repeat top left;
}
span.LV_invalid {
  background: #fff url('/images/close_red.png') no-repeat top left;
}


/* Landing Pages */
ul.landing_list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
}
ul.landing_list li {
/*  background:#FFFFFF none repeat scroll 0 0;
  margin:0 10px 0px 0;*/
  
  background: url(/images/plan_table/right-checkmark.png) 0px 5px no-repeat;
  list-style: none inside;
	
	width:760px;
	border-bottom:4px solid #FFFFFF;
	border-top:4px solid #FFFFFF;
	padding:3px 0 10px 30px;
	
	
}
ul.landing_list li.alt {
	background:#E8F5FF none repeat scroll 0 0;
	border-bottom:4px solid #D0EAFF;
	border-top:4px solid #D0EAFF;
}
ul.landing_list li h4 {
	text-align: left;
	color:#036DA7;
}
ul.landing_list li img {
	float:right;
	border:3px solid #D0EAFF;
	margin: 5px 10px 0 10px;
}

div#tracking_amount {
  margin-top:30px;
  width:100%;
  text-align:center;
  font-size:17px;
}


/* Register Table */
table#register_plans {
}

table#register_plans thead tr th.topleft {
  width:112px;
  background: url(/images/plan_table/top-left.png) no-repeat;
}
table#register_plans thead tr th.unlimited {
  width:154px;
  height:97px;
  background: url(/images/plan_table/header-unlimited.png) no-repeat;
}
table#register_plans thead tr th.premium {
  width:154px;
  height:97px;
  background: url(/images/plan_table/header-premium.png) no-repeat;
}
table#register_plans thead tr th.basic {
  width:154px;
  height:97px;
  background: url(/images/plan_table/header-basic.png) no-repeat;
}
table#register_plans thead tr th.free {
  width:154px;
  height:97px;
  background: url(/images/plan_table/header-free.png) no-repeat;
}

table#register_plans tbody tr.invoices {
  width:154px;
  height:41px;
}
table#register_plans tbody tr.invoices td.left {
  width:112px;
  background: url(/images/plan_table/left-invoices.png) no-repeat;
}
table#register_plans tbody tr.invoices td.unlimited {
  background: url(/images/plan_table/unlimited-invoices.png) no-repeat;
}
table#register_plans tbody tr.invoices td.premium {
  background: url(/images/plan_table/premium-invoices.png) no-repeat;
}
table#register_plans tbody tr.invoices td.basic {
  background: url(/images/plan_table/basic-invoices.png) no-repeat;
}
table#register_plans tbody tr.invoices td.free {
  background: url(/images/plan_table/free-invoices.png) no-repeat;
}

table#register_plans tbody tr.clients {
  width:154px;
  height:41px;
}
table#register_plans tbody tr.clients td.left {
  width:112px;
  background: url(/images/plan_table/left-clients.png) no-repeat;
}
table#register_plans tbody tr.clients td.unlimited {
  background: url(/images/plan_table/unlimited-clients.png) no-repeat;
}
table#register_plans tbody tr.clients td.premium {
  background: url(/images/plan_table/premium-clients.png) no-repeat;
}
table#register_plans tbody tr.clients td.basic {
  background: url(/images/plan_table/basic-clients.png) no-repeat;
}
table#register_plans tbody tr.clients td.free {
  background: url(/images/plan_table/free-clients.png) no-repeat;
}


table#register_plans tbody tr.employees {
  width:154px;
  height:41px;
}
table#register_plans tbody tr.employees td.left {
  width:112px;
  background: url(/images/plan_table/left-employees.png) no-repeat;
}
table#register_plans tbody tr.employees td.unlimited {
  background: url(/images/plan_table/unlimited-employees.png) no-repeat;
}
table#register_plans tbody tr.employees td.premium {
  background: url(/images/plan_table/premium-employees.png) no-repeat;
}
table#register_plans tbody tr.employees td.basic {
  background: url(/images/plan_table/basic-employees.png) no-repeat;
}
table#register_plans tbody tr.employees td.free {
  background: url(/images/plan_table/free-employees.png) no-repeat;
}

table#register_plans tbody tr.templates {
  width:154px;
  height:41px;
}
table#register_plans tbody tr.templates td.left {
  width:112px;
  background: url(/images/plan_table/left-templates.png) no-repeat;
}
table#register_plans tbody tr.templates td.unlimited {
  background: url(/images/plan_table/unlimited-templates.png) no-repeat;
}
table#register_plans tbody tr.templates td.premium {
  background: url(/images/plan_table/premium-templates.png) no-repeat;
}
table#register_plans tbody tr.templates td.basic {
  background: url(/images/plan_table/basic-templates.png) no-repeat;
}
table#register_plans tbody tr.templates td.free {
  background: url(/images/plan_table/free-templates.png) no-repeat;
}

table#register_plans tbody tr.projects {
  width:154px;
  height:41px;
}
table#register_plans tbody tr.projects td.left {
  width:112px;
  background: url(/images/plan_table/left-projects.png) no-repeat;
}
table#register_plans tbody tr.projects td.unlimited {
  background: url(/images/plan_table/unlimited-projects.png) no-repeat;
}
table#register_plans tbody tr.projects td.premium {
  background: url(/images/plan_table/premium-projects.png) no-repeat;
}
table#register_plans tbody tr.projects td.basic {
  background: url(/images/plan_table/basic-projects.png) no-repeat;
}
table#register_plans tbody tr.projects td.free {
  background: url(/images/plan_table/free-projects.png) no-repeat;
}

table#register_plans tbody tr.payments {
  width:154px;
  height:41px;
}
table#register_plans tbody tr.payments td.left {
  width:112px;
  background: url(/images/plan_table/left-online-payments.png) no-repeat;
}
table#register_plans tbody tr.payments td.unlimited {
  background: url(/images/plan_table/unlimited-payments.png) no-repeat;
}
table#register_plans tbody tr.payments td.premium {
  background: url(/images/plan_table/premium-payments.png) no-repeat;
}
table#register_plans tbody tr.payments td.basic {
  background: url(/images/plan_table/basic-payments.png) no-repeat;
}
table#register_plans tbody tr.payments td.free {
  background: url(/images/plan_table/free-payments.png) no-repeat;
}

table#register_plans tfoot tr {
  width:154px;
  height:58px;
}
table#register_plans tfoot tr td.left {
  width:112px;
  background: url(/images/plan_table/left-select.png) no-repeat;
}
table#register_plans tfoot tr td.unlimited {
  background: url(/images/plan_table/unlimited-select.png) no-repeat;
}
table#register_plans tfoot tr td.premium {
  background: url(/images/plan_table/premium-select.png) no-repeat;
}
table#register_plans tfoot tr td.basic {
  background: url(/images/plan_table/basic-select.png) no-repeat;
}
table#register_plans tfoot tr td.free {
  background: url(/images/plan_table/free-select.png) no-repeat;
}


div#invotrak-iphone-about ul li {
  background: url(/images/plan_table/right-checkmark.png) 0px 5px no-repeat;
  list-style: none inside;
  height:30px;
  padding-top:10px;
  padding-left:30px;
  padding-bottom:0;
}

div#testimonial_block {
  text-align: center;
  padding:10px;
  background-color:#e5f3fd;
}

div#faq_block {
  padding:10px;
  background-color:#f7fbff;
}
div#faq_block div.leftcol {
  width: 370px;
}
div#faq_block div.rightcol {
  width:370px;
  float:right;
}

div#faq_block h5 {
  color: #000;
  font-size: 16px;
  margin:0;
  padding-bottom:10px;
}
div#faq_block p {
  font-size: 14px;
}


/* Payment Grid Styling */
form#signupform {
  width: 100%;
}
table#payment_plans {
  border-collapse: separate;
  overflow: visible;
  width: 732px;
  margin: 20px auto;
  border-spacing: 0 0;
  *border-collapse: collapse; /* hack is needed for IE7 also */
}
table#payment_plans td {
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  cursor: pointer;
  *position: relative;
}
table#payment_plans td.description {
  cursor: default;
}
table#payment_plans td.selected {
  border-left: 2px solid #666;
  border-right: 2px solid #666;
}
table#payment_plans td.hover {
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
}
table#payment_plans tr.select td,
table#payment_plans tr.signup td {
  border-left: 2px solid transparent !important;
  border-bottom: 2px solid transparent !important;
  border-right: 2px solid transparent !important;
}
table#payment_plans thead td.description {
  background: #fff url(/images/payment_grid/header_description-bg.png) top right no-repeat;
  width: 112px;
  padding: 0;
}
table#payment_plans thead td div {
  background-color: transparent;
  display: block;
  margin: 0;
  position: relative;
  width: 148px;
  height: 93px;
}
table#payment_plans thead td p {
  position: absolute;
  left: -2px;
  top: -2px;
  display: block;
  content: '.';
  text-indent: -5000px;
  overflow: hidden;
  background-position: right top;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 158px;
  height: 97px;
}
table#payment_plans thead td {
  overflow: visible;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent !important;
  border-right: 2px solid transparent !important;
}
table#payment_plans thead td.selected {
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}
table#payment_plans thead td.hover p {
  background-position: right -99px;
}
table#payment_plans thead td.selected p {
  background-position: right -198px;
}
table#payment_plans thead td.unlimited p {
  background-image: url(/images/payment_grid/header_unlimited-bg.png);
}
table#payment_plans thead td.premium p {
  background-image: url(/images/payment_grid/header_premium-bg.png);
}
table#payment_plans thead td.basic p {
  background-image: url(/images/payment_grid/header_basic-bg.png);
}
table#payment_plans thead td.free p {
  background-image: url(/images/payment_grid/header_free-bg.png);
}
table#payment_plans thead td span {
  display: block;
}
table#payment_plans thead td span.title {
  font-family: Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
}
table#payment_plans thead td span.price {
  font-family: "Gill Sans", Helvetica, sans-serif;
  font-size: 14px;
}
table#payment_plans tbody td {
  width: 134px;
  height: 31px;
  text-align: center;
  padding: 5px 10px;
  font-family: "Gill Sans", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 12px;
  color: #1a3855;
}
table#payment_plans tbody td.description {
  background: transparent url(/images/payment_grid/description_column-bg.png) right top no-repeat;
  width: 87px;
  height: 41px;
  padding: 0 5px 0 0;
  text-align: right;
  font-family: "Gill Sans", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 12px;
  color: #000;
}
table#payment_plans tbody td.description span.description {
  font-size: 12px;
  font-style: italic;
  display: block;
}
table#payment_plans tbody td.unlimited {
  background: transparent url(/images/payment_grid/unlimited_column-bg.png) right top no-repeat;
}
table#payment_plans tbody td.premium {
  background: transparent url(/images/payment_grid/premium_column-bg.png) right top no-repeat;
}
table#payment_plans tbody tr.select td.premium,
table#payment_plans tbody tr.signup td.premium {
  background: transparent url(/images/payment_grid/premium_column-extendedbg.png) right top no-repeat;
  height: 36px;
  padding-top: 22px;
}
table#payment_plans tbody td.basic {
  background: transparent url(/images/payment_grid/basic_column-bg.png) right top no-repeat;
}
table#payment_plans tbody td.free {
  background: transparent url(/images/payment_grid/free_column-bg.png) right top no-repeat;
}
table#payment_plans tbody tr.select td,
table#payment_plans tbody tr.signup td {
  vertical-align: top;
  padding: 15px 0 0 0;
  overflow: visible;
}
table#payment_plans tbody tr.templates td.unlimited span,
table#payment_plans tbody tr.templates td.premium span,
table#payment_plans tbody tr.templates td.basic span,
table#payment_plans tbody tr.templates td.free span,
table#payment_plans tbody tr.projects td.unlimited span,
table#payment_plans tbody tr.projects td.premium span,
table#payment_plans tbody tr.projects td.basic span,
table#payment_plans tbody tr.projects td.free span,
table#payment_plans tbody tr.payments td.unlimited span,
table#payment_plans tbody tr.payments td.premium span,
table#payment_plans tbody tr.payments td.basic span,
table#payment_plans tbody tr.payments td.free span {
  text-indent: -5000px;
  display: block;
  overflow: hidden;
  width: 134px;
  height: 31px;
}
table#payment_plans tbody tr.templates td.unlimited span,
table#payment_plans tbody tr.templates td.premium span,
table#payment_plans tbody tr.templates td.basic span,
table#payment_plans tbody tr.projects td.unlimited span,
table#payment_plans tbody tr.projects td.premium span,
table#payment_plans tbody tr.projects td.basic span,
table#payment_plans tbody tr.payments td.unlimited span,
table#payment_plans tbody tr.payments td.premium span,
table#payment_plans tbody tr.payments td.basic span {
  background: transparent url(/images/payment_grid/checkmark.png) center center no-repeat
}
table#payment_plans tr.select td p,
table#payment_plans tr.signup td p {
  position: relative;
  overflow: visible;
}
table#payment_plans tr.select td p span,
table#payment_plans tr.signup td p span {
  position: absolute;
  display: block;
  width: 158px;
  height: 60px;
  background-color: transparent;
  background-position: right top;
  background-repeat: no-repeat;
  left: -2px;
  top: -17px;
  overflow: hidden;
  text-indent: -5000px;
}
table#payment_plans tr.select td.unlimited p span {
  background-image: url(/images/payment_grid/unlimited_select_button.png);
}
table#payment_plans tr.select td.premium p span {
  top: -24px;
  background: url(/images/payment_grid/premium_select_button.png);
}
table#payment_plans tr.select td.basic p span {
  background: url(/images/payment_grid/basic_select_button.png);
}
table#payment_plans tr.select td.free p span {
  background: url(/images/payment_grid/free_select_button.png);
}
table#payment_plans tr.signup td.unlimited p span {
  background-image: url(/images/payment_grid/unlimited_signup_button.png);
}
table#payment_plans tr.signup td.premium p span {
  top: -24px;
  background: url(/images/payment_grid/premium_signup_button.png);
}
table#payment_plans tr.signup td.basic p span {
  background: url(/images/payment_grid/basic_signup_button.png);
}
table#payment_plans tr.signup td.free p span {
  background: url(/images/payment_grid/free_signup_button.png);
}
table#payment_plans tr.select td.selected p span,
table#payment_plans tr.signup td.selected p span {
  background-position: left -120px !important;
}
table#payment_plans tr.select td.hover p span,
table#payment_plans tr.signup td.hover p span {
  background-position: left -60px;
}
div#additional_features {
  width: 379px;
  float: right;
  margin-left: 20px;
}
div#additional_features p {
  width: 384px;
  height: 35px;
  background: url(/images/plan_table/right-header.png) no-repeat;
  text-indent: -5000px;
  overflow: hidden;
  margin: 0;
}

div#additional_features ul {
  margin: 10px 0 0 40px;
  list-style: none inside url(/images/plan_table/right-checkmark.png);
}

div#additional_features ul li, div#invotrak-iphone-about ul li {
  padding-bottom:7px;
  font-family: "Gill Sans", Helvetica, sans-serif;
  font-size: 18px;
  color: #1a3855;
}