.bodywrapper {
  border: 1px solid #ccc;
  width:  750px;
  padding: 3px;
  margin: 0px auto;
}

.actionPanels .panel {
  width: 250px;
  height: 175px;
  background-repeat: no-repeat;
  background-position: bottom left;
  vertical-align: top;
  padding: 7px 7px 0px 7px;
  text-align: center;
}

#export_date {
  padding: 5px;
  text-align: center;
  width: 70px;
  border: 2px solid #ff9000;
  font-size: 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#sessionPicker {
  padding: 3px;
  width: 200px;
  border: 1px solid;
  margin-top: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.actionPanels .panel .panelText {
  margin: 0px 0px 7px 0px;
  text-align: left;
  min-height: 17px;
}

.actionPanels .header {
  font-weight: bold;
  color: #ff9000;
}

.panel input[type=button], .panel button {
  display: block;
  margin: 10px auto 10px auto;
}

.actionPanels .panel1 {
  background-image: url('/appointments/images/block_1_green_b.jpg');
  background-color: #AFCB4E;
}

.actionPanels .panel1 input[type="text"], .actionPanels .panel1 select, .actionPanels .panel1 input[type="file"] {
  border: 1px solid;
  padding: 3px;
  margin-top: 5px;
  max-width: 205px;
  min-height: 20px;
}

.actionPanels .panel1 input[type="submit"] {
  margin-top: 21px;
}

.actionPanels .panel2 {
  background-image: url('/appointments/images/block_2_green_b.jpg');
  background-color: #AFCB4E;
}

.actionPanels .panel3 {
  background-image: url('/appointments/images/block_3_green_b.jpg');
  background-color: #AFCB4E;
}

#startCallIndicator {
  display: none;
  margin-left: 3px;
}

#callProgress  {
  height: 22px;
  width:  200px;
  margin: 0px auto
}
#callProgress .ui-progressbar-value { background-image: url('/appointments/images/pbar-ani.gif'); }

#progressStatus {
  text-align: center;
  display: block;
}

#buttonnav {
  text-align: center;
  margin-top: 15px;
}
#buttonnav img {
  margin: 0px 10px 0px 10px;
}

#homeInfo {
  display: block;
  float: left;
  margin-top: 20px;
  margin-left: 14px;
  width: 465px;
}
#homeInfo td.feature {
  width: 33%;
  vertical-align: middle;
  font-weight: bold;
  padding: 0px 7px 7px 7px;
  text-align: center;
}
#homeInfo td.info {
  padding-top: 7px;
  margin-top: 7px;
  border-top: 2px solid #ccc;
  margin-bottom: 7px;
}
#homeInfo td.info p {
  margin: 14px auto;
  padding: 0px;
  text-align: center;
  font-weight: bold;
}

#homeInfo .featurelist li {
   font-size: 16px;
   margin-bottom: 10px;
   font-weight: bold;
}

#instantdemo {
  border: 1px dotted #259CCA;
  padding: 3px;
  float: right;
  width: 300px;
  margin: 20px 15px 0px 0px;
  
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

#instantdemo p {
  padding: 0px;
  clear: both;
}

#instantdemo form {
  margin: 0px;
  width:    230px;
  margin: 0px auto;
  margin-bottom: 14px;
}

#instantdemo .formHeader {
  text-align: center;
  margin: 0px;
  padding: 0px;
}

#instantdemo form input[type=submit] {
  display: block;
  margin: 7px auto;
}

#instantdemo table td {
  font-size: 12px;
}

#instantdemo input[type=text], #instantdemo select {
  border: 2px solid #ff9000;
  padding: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.ui-datepicker-div , .ui-state-default, .ui-datepicker-header {
  font-size: 11px;
}

.clear {
  clear: both;
}

#instantdemo .ui-button {
  background: #eee;
  border: 1px solid;
}

#wrapper2 {
  width:  500px;
  margin: 7px auto;
}

.testCallForm {
  float: left;
}
.testCallForm  tr td {
}
.testCallForm  tr td label {
  display: block;
  margin-bottom: 3px;
}
.testCallForm  tr td input[type="text"], .testCallForm  tr td select  {
  padding: 3px;
  border: 1px solid #ccc;
}
.testCallForm  tr td input[type="submit"] {
  margin-top: 14px;
}


.features {
  float: right;
  width: 200px;
}
.features .featureList {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.features .featureList li {
  font-size: 17px;
  margin-bottom: 7px;
  padding-left: 7px;
}
.features .featureList li.orange {
  border-left: 5px solid orange;
}
.features .featureList li.blue {
  border-left: 5px solid blue;
}
.features .featureList li.green {
  border-left: 5px solid green;
}
.features .featureList li.red {
  border-left: 5px solid red;
}

.homeButtons {
  display: block;
  float: right;
  width:  200px;
  margin-top: 14px;
  margin-right:  7px;
 
}
.homeButtons img {
  border: none;
}

.bodywrapper {
  width: 900px;
  margin: 0px auto;
  border: none;
}
#homeBanner {
  display: block;
  position: relative;
  width: 900px;
  height: 321px;
  background: none;
}
#homeBanner .blocks {
  position: absolute;
  z-index: 99;
  display: block;
  bottom: 14px;
  right: 12px;
}
#homeBanner .signuptoday {
  position: absolute;
  z-index: 98;
  display: none;
  top: 70px;
  right: 40px;
  border: none;
}
#homeBanner .homelogo {
  position: absolute;
  z-index: 98;
  display: logo;
  top: 14px;
  right: 40px;
  border: none;
}
#bannerBG {
  height: 321px;
  width: 900px;
}

#subBanner {
  margin: 10px 0px 0px 0px;
}
#subBanner img {
  display: block;
  border: none;
}
#subBanner .howitworks {
  float: left;
}
#subBanner .tryitnow {
  float: right;
}
#subBanner .roicalculator {
  float: right;
  margin-top: 4px;
}

#talkingPoints {
  list-style: none;
  padding: 10px 0px 10px 0px;
  margin: 10px 0px 10px 0px;
  border-top: 1px solid #ccc;
}
#talkingPoints li {
  display: block;
  float: left;
  width: 220px;
  margin-bottom: 21px;
}
#talkingPoints li.firstItem {
  border-left: none;
}
#talkingPoints li h3 {
  margin: 0px 0px 7px 0px;
  padding: 0px 7px 0px 7px;
  font-size: 15px;
}
#talkingPoints li p {
  margin: 0px;
  padding: 0px 7px 0px 7px;
}

#tryitnow {
  margin-top: 10px;
}
#tryitnow table {
  width: 100%;
}
#tryitnow table td {
  color: #fff;
  text-align: center;
  padding: 14px;
  background-image: url('/appointments/images/arrowsplitter.png');
  background-position: center right;
  background-repeat: no-repeat;
  background-color: #598AB4;
  padding-right: 40px;
}
#tryitnow table td.end {
  background-image: none;
  padding-right: 14px;
}
#tryitnow table td label {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 7px;
}
#tryitnow input[type="text"], #tryitnow select {
  padding: 5px;
  border: 2px solid #305574;
  text-align: center;
  font-size: 15px;
  max-width: 120px;
}

.contactInfo {
  list-style: none;
  width: 400px;
  text-align: center;
  margin: 0px auto;
  padding: 0px;
}
.contactInfo li {
  display: block;
  float: left;
  width: 150px;
  padding: 14px;
}
.contactInfo li strong {
  display: block;
  margin-bottom: 5px;
}

.message {
  font-size: 21px;
}

#faqList {
  padding: 0px 0px 0px 14px;
}

#faqList .faqItem {
  
}
#faqList .faqItem .question {

}
#faqList .faqItem .answer {
  margin: 3px 0px 10px 0px;
}
#faqQuestionList {
  padding: 0px 0px 0px 21px;
}
#faqQuestionList li {
  padding: 3px 0px 3px 0px;
  font-size: 15px;
}

#homeBannerSmall {
  margin-bottom: 7px;
  border-bottom: 1px solid;
}

#roiCalculator input[type="text"] {
  text-align: center;
  width: 40px;
  padding: 3px;
  border: 1px solid #777;
}

#roiCalculator .sidebar {
  float: left;
  width: 330px;
  padding-right: 20px;
}
#roiCalculator .content {
  float: left;
  width: 530px;
  margin-left: 7px;
  padding: 3px;
}

table.roiTable {
  width: 100%;
  margin: 0px auto;
}
table.roiTable td {
  font-size: 13px;
  border-bottom: 1px solid #eee;
  padding: 2px 0px 2px 0px;
}

table.roiTable .valueAmount {
  text-align: right;
  width: 100px;
  font-weight: bold;
}
table.roiTable .caption {
  font-size: 12px;
  font-style: italic;
  color: #777;
  display: block;
}

table.signup {
  width: 500px;
}
.signup input[type="text"] {
  width: 300px;
}

.signup .error {
  border: 1px solid #600;
  color: #600;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}

.signup .success {
  border: 1px solid #6A8236;
  color: #6A8236;
  font-weight: bold;
  text-align: left;
  padding: 5px;
}
.signup .success p {
  margin: 3px auto 0px;
}

.footerMenu {
  display: block;
  margin-bottom: 3px;
}

#faqQuestionList {
  margin-top: 0px;
}

h1.headerText {
  margin-bottom: 3px;
}

textarea[name="broadcastmessage"] {
  border: 1px solid;
  padding: 5px;
}

.leftPanel {
  float: left;
  width: 48%;
}

.rightPanel {
  float: right;
  width: 48%;
}

.recorder {
  border: 1px solid #777;
  width: 250px;
  margin: 14px auto;
  padding: 5px;
}
.recorder applet {
  float: left;
}
.recorder button {
  float: right;
  height: 40px;
}

.instructionPanel {
  background-color: #B5E3B5;
  border: 2px dashed #419341;
}
.instructionPanel  h2 {
  margin: 7px;
}

table.itemlist {
  width: 100%;
}
table.itemList .head td {
  font-weight: bold;
}
table.itemlist tr td {
  padding: 4px;
}
table.itemlist tr td.nowrap {
  white-space: nowrap;
}
table.itemlist tr.data1 {
  background-color: #B5E3B5;
  /* color: #454545; */
}

table.itemlist tr.data2 {
  background-color: #CCFFCC;
  color: #000000;
}

ol.instructions li, ul.instructions li {
  margin: 3px 0px 5px 0px;
}

ul.steps li {
  color: #409840;
}
ul.steps li.currentStep {
  color: #000;
  font-weight: bold;
}

.adminMainMenu {
  margin: 0px;
  padding-left: 21px;
}

.adminMainMenu li {
  margin-bottom: 7px;
}
.adminMainMenu li strong {
  font-size: 15px;
}