/**************** body and tag styles ****************/
	body {
	  margin-top: 0px;	  
	  margin-bottom: 30px;
	  }
	  
	#container2 {
	  width: 1000px;	  
	  margin: 0 auto;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;	 
	  color: #666666;
	  background-color: #FFFFFF;	  	  
	  }
	  
		
	h1 {
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-weight: normal;
	  font-size: 40px;
	  color: #024930;
	  margin-bottom: 30px;
	  padding-bottom: 6px;
	  background-color: #FFFFFF;
	  }
		
	h2	{ font-weight: bold; font-size: 22px; color: #024930; margin: 0; padding: 0;  }

	  
	h3 {
	  color: #666666;
	  font-size: 13px;
	  font-family: Verdana, Arial, sans-serif;	  
	  }
		
	a {
	  color: #024930;
	  font-weight: bold;
	  }

	a:hover {
	  color: inherit;
	  font-weight: bold;
	  }

/**************** images styles ****************/		
	a img{
	  border: none;
	  }

	img.left,img.center,img.right {
	  padding: 4px;
	  border: 1px solid #FFFFFF;
	  }

	img.left {
	  float: left;
	  margin: 0 12px 5px 0;
	  }

	img.center {
	  display: block;
	  margin: 0 auto 5px auto;
	  }

	img.right {
	  float: right;
	  margin: 0 0 5px 12px;
	  }


/**************** header styles ****************/
	#header {
	  width: 750px;
	  border: 0px
	  padding-bottom: 10px;
	  padding-top: 10px;
	  clear: both;
	  }
	#header p { 
	  margin-top: -20px;
	  margin-left: 30px;
	  color: #024930;
	  }

/**************** menu styles ****************/
    #tabs10 {
      float:left;
      width:950px;
      font-size:93%;
      padding-bottom: 1px;
      border-bottom:4px solid #024930;
      line-height:normal;
      }
    #tabs10 ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabs10 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs10 a {
      float:left;
      background:url("../images/tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs10 a span {
      float:left;
      display:block;
      background:url("../images/tabright10.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    #tabs10 a span {
	  float:none;
	  }
    #tabs10 a:hover {
      background-position:0% -42px;
      }
    #tabs10 a:hover span {
      background-position:100% -42px;
      }

/**************** content styles ****************/
	#content {
	  width: 950px;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  }
		
	#content p {
	  padding-bottom: 10px;
	  padding-top: 10px;	  
	  }
	  

/**************** infobar ***********************/
	  
#banner			{ margin: auto; width: 950px; height: 241px; clear: both; }
#bannerLeft		{ float: left; width: 565px; }
#bannerRight		{ float: left; width: 366px; }
.bannerTop		{ height: 90px; margin: 30px 0 7px 0; font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #024930; font-weight: bold; }	  
#infoBar		{ width: 929px; height: 180px; background: url(img/info-bar-appt.jpg) no-repeat; padding: 5px 18px 22px 18px; color: #fff; }
#infoBar .left		{ width: 270px; float: left; padding: 13px 10px 0 15px; height: 165px; position: relative; }
#infoBar h2		{ color: #fff; font-weight: bold; font-size: 16px; margin: 0; padding: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; }
#infoBar .learn		{ position: absolute; bottom: 0; right: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#infoBar p		{ padding-bottom: 10px; }
#infoBar a		{ color: #FFFFFF; text-decoration: none; }
#infoBar a:hover	{ text-decoration: underline; }

/*************** HOME PAGE COLUMNS **************/
.colLeft	{ float: left; width: 460px;}
.colRight	{ float: left; width: 460px;padding-left:10px;}

.roundBox	{ background: url(img/roundBox-bottom.gif) no-repeat bottom left; width: 461px; height: 258px; }
.roundBox .top	{ background: url(img/roundBox-top.gif) no-repeat top left; padding: 14px 45px 10px 25px; float: left; }

/*************** PRICING PAGE **************/

table	{ border: 1px solid #f4f8ec; }
table td { padding: 10px; }
table td.center	{ text-align: center; }
table td.title	{ font-size: 13px; background: #f4f8ec; text-align: center; }
table tr.even td	{ background: #f4f8ec; }
table td.first	{ font-weight: bold;  }

/*************** SIGN UP PAGE **************/

/* light grey form styles */
.rounded_box {
  background-color: #f6f6f6;
  -moz-border-radius: 10px;  
  -webkit-border-radius: 10px;
  width: 100%;
}

.rounded_box_dark {
  background-color:#555555;
  -moz-border-radius: 10px;  
  -webkit-border-radius: 10px;
  width: 98%;
  padding: 10px;
}

.rounded_box .content {
  padding: 20px;
}

#LightGreyForm {
  background-color: #FCFCFC;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  min-height: 100px;
  color:#000;
}

#LightGreyForm .rounded_box { border:solid 1px #CDCDCD;}
.LightGreyBlock {padding:10px 5px;}
.LightGreyBlock .label{
  float: left;
  height:28px;
  text-align:left; 
  padding-left:10px;
  padding-right:17px;
  padding-top:8px;
  font-weight:bold;
  font-size:1.1em;
}
.LightGreyBlock .long_input_block{
  width: 214px;
  height:28px;
  float: left;
  background: url(/images/input_bg_long.png) no-repeat center center;
  text-align:center;
  padding:5px;
}
.LightGreyBlock .middle_input_block{
  width: 135px;
  height:28px;
  float: left;
  background: url(/images/input_bg_middle.png) no-repeat center center;
  text-align:center;
  padding:5px;
}
.LightGreyBlock .small_input_block{
  width: 60px;
  height:28px;
  float: left;
  background: url(/images/input_bg_small.png) no-repeat center center;
  padding:5px;  
}
.LightGreyBlock .select_block{  float: left; padding:5px;}
.LightGreyBlock input {
  border:0;
  background-color:transparent;
  margin-top:4px;
  border:none;
  padding: 0px 2px;
  height:25px;
  font-size:1.1em;
  font-weight: normal;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  color: #8D8D8D;
  font-family:"Lucida Grande",Verdana;
}
.LightGreyBlock .small_input_block input{width:55px;}
.LightGreyBlock .long_input_block input{width:200px;}
.LightGreyBlock .middle_input_block input{width:125px;}
.LightGreyBlock select {
  font-size: 1em;
  vertical-align: middle;
  background:url(/images/input_field_bg.gif) repeat-x scroll left top;
  width: 90px;
  border: 0px none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;  
  margin: 5px 0px;
  padding: 3px 3px 3px 5px;
  color: #8D8D8D;
}
.note{
  background-color: #FCFCFC;
  -moz-border-radius: 10px;  
  -webkit-border-radius: 10px;
  float:left;
  margin-left:20px;
  padding: 10px 10px 10px 10px;
  color: #8D8D8D;
}
.LightGreyBlock .tool_type_box{float:left;}
.LightGreyBlock .tool_type_box .note{display:none;position:absolute;z-index:1000;float:none;width:300px;} 
.LightGreyBlock .textarea_block{
  width: 381px;
  height:154px;
  float: left;
  background: url(/images/textarea_bg.png) no-repeat center center;
  padding:5px;
}
.LightGreyBlock textarea {
  background-color: transparent;
  margin-top:4px;
  border:0px none;
  padding: 0px;
  padding-left: 3px;
  height:145px;
  width: 375px;
  font-size:1.1em;
  font-family:"Lucida Grande",Verdana;
  color: #8D8D8D;
}
#LightGreyForm #time_slot_fields{
  width:350px;
  float:left;
} 
#LightGreyForm #business_calendar_container table th.slot_caption{
  text-align: center;
  background: #FFFDCA;
  color: #000;
}
#LightGreyForm #business_calendar_container table{
  padding-top: 5px;
}
#LightGreyForm #business_calendar_container td {
  height: 30px;
  width: 60px;
  padding: 0px;
  border: 1px solid #B3B3B1;
}
#LightGreyForm #business_calendar_container .hours{
  font-size: 10px;
  white-space: nowrap;
  width: 75px;
  background: #FFF;
  color: #000;
  font-weight: bold;
  padding-left: 2px;
}
#LightGreyForm #company_fields .labels{display:inline;}
#LightGreyForm .button_div{float:left;}
#LightGreyForm .button_div a, #LightGreyForm .button_div a:hover,
#LightGreyForm .button_div a:active, #LightGreyForm .button_div a:visited{
  color: #AE4DAA;
  padding-left:10px;
}
#LightGreyForm input.small_submit_btn {
  background:#FCFCFC url(/images/button_lightgrey_bg.gif); 
  width:64px; 
  height:28px; 
  border:0; 
  color:#fff; 
  padding-bottom: 3px;
  font-weight: bold;
  font-size: 0.85em;
  cursor: pointer;
}
#LightGreyForm span.red{color:red;}
#LightGreyForm .fieldWithErrors{display:inline;}
#LightGreyForm form{padding:0px;margin:0px;}
.lightgrey_tooltip {
  padding:6px;
  background-color: #CECECE;
  color:#000;
  -moz-border-radius: 10px;  
  -webkit-border-radius: 10px;
  font-size:0.9em;
  width:300px;
}

/**************** Stepper ****************/

#stepper
{	
	padding: 4px 0;
    	margin: 25px 0 0 24%;    	
	height: 23px;
}

#stepper .step
{	
 	-moz-border-radius: 10px;  
  	-webkit-border-radius: 10px;
  	border:solid 1px #CDCDCD;
	float: left;	
	color: #7d7d7d;
	margin-right: 20px;
}

#stepper .active
{
	background-color: #FFFF88;
 	-moz-border-radius: 10px;  
  	-webkit-border-radius: 10px;
  	border:solid 1px #CDCDCD;
	float: left;	
	color: #FFFFFF;
	margin-right: 20px;
}

#stepper .done
{
	background-color: #f4f8ec;
 	-moz-border-radius: 10px;  
  	-webkit-border-radius: 10px;
  	border:solid 1px #CDCDCD;
	float: left;	
	color: #7d7d7d;
	margin-right: 20px;
}

#stepper div h3
{
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 10px;
}



/**************** drag and drop styles ****************/

    .dd-ct {        
        width: 440px;
        height: 200px;       
        overflow:auto;
        white-space: nowrap;
        margin-left:10px;
	    float:left;
    }

    .dd-item {
        height: 14px;
        width: 400px;
        border: 1px solid #CDCDCD;
        cursor: move;
        z-index: 1000;
        -moz-border-radius: 5px;  
	  	-webkit-border-radius: 5px;
	  	padding: 3px;
	  	margin-bottom:1px;
    }
    
    .dd-item-highlighted {
        height: 14px;
        border-bottom: 2px solid #DDDDDD;
		border-right: 2px solid #DDDDDD;
        cursor: move;
        padding: 1px;
        z-index: 1000;
	    background-color: #0066CC;
	    color: white;
    }    
    
    .dd-ct .dd-item .dd-item-highlighted{
        margin: 2px;
    }
    .dd-proxy {
        opacity: 0.4;
        -moz-opacity: 0.4;
        filter: alpha(opacity=40);
    }	
    
    .dd-drop-ok {
    	background-image:url(../images/feature-tick.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
	.dd-drop-no {
	background-image:url(../images/feature-cross.gif);
	background-position:right;
	background-repeat:no-repeat;
	}	


/**************** footer styles ****************/
#footer {
  padding-top: 10px;  
  width: 950px;
  border-bottom:4px solid #024930;
  }

#footer p {
  color:#024930;
  padding: 5px;
  text-align: center;
  }

#footer p a {
  color: #024930;
  font-weight:100;
  border-bottom: 1px dotted #FFFFFF;
  }

#footer p a:hover {
  color: #024930;
  text-decoration: none;
  border-top: 1px dotted #FFFFFF;
  border-bottom: 0px dotted #FFFFFF;
  }