/**************** body and tag styles ****************/
	body {
	  margin-top: 0px;	  
	  margin-bottom: 30px;
	  }

	#container {
	  width: 900px;
	  margin: 0 auto;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.4em;
	  color: #666666;
	  background-color: #FFFFFF;
	  }
	  
	#container2 {
	  width: 100%;
	  margin: 0 auto;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.4em;
	  color: #666666;
	  background-color: #FFFFFF;	  	  
	  }
	  
	#container3 {
	  width: 1000px;
	  margin: 0 auto;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.4em;
	  color: #666666;
	  background-color: #FFFFFF;
	  }
	
	h1 {
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-weight: normal;
	  font-size: 32px;	  
	  margin-bottom: 30px;
	  background-color: #FFFFFF;
	  }
		
	h2 {
	  color: #666666;
	  font-size: 16px;
	  font-family: Arial, Helvetica, sans-serif;
	  font-weight: bold;
	  background-color: #FFFFFF;
	  }
	  
	h3 {
	  color: #666666;
	  font-size: 14px;
	  font-family: Arial, Helvetica, sans-serif;
	  background-color: #FFFFFF;
	  }	 
	  
	h4{
	  margin: 0;
	  font-size: 12px;
	}  


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

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

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

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

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

/**************** header styles ****************/
	#header {
	  width: 400px;
	  border: 0px;
	  padding-bottom: 1px;
	  padding-top: 8px;	  
	  }	  	  
	#header p { 
	  margin-top: -20px;
	  margin-left: 30px;
	  color: #999999;
	  }

/**************** content styles ****************/
	#content {
	  float: left;
	  padding-left: 10px;
	  padding-right: 10px;
	  }
	  
	#content-left {
	  float: left;
	  width: 200px;
	  padding-left: 10px;
	  }	  
		
	#content p {
	  padding-bottom: 5px;	
	  }
	  
	#maincontenttxt {
	  background-color:#F1F1F1;
	  border: 1px solid #87919A;
	  padding: 16px;
	  width: 400px;
	}

/**************** table styles ******************/	
	
	table.admin {
		width: 700px;
	}
	
	table.admin tr {

	}
	
	table.admin th {
		width: 200px;
		background-color: #FFFFFF;	
		border-bottom: 2px solid #DDDDDD;
		border-right: 2px solid #DDDDDD;
		text-align:left;	
	}
	
	table.admin td {		
		background-color: #FFFFFF;
		border-bottom: 2px solid #DDDDDD;
		border-right: 2px solid #DDDDDD;
	}
	
	table.logon {
		width: 200px;
	}
	
	table.logon tr {

	}
	
	table.logon th {
		width: 100px;
		background-color: #F7F9D0;	
		border-bottom: 2px solid #DDDDDD;
		border-right: 2px solid #DDDDDD;
		text-align:left;	
	}
	
	table.logon td {
		width: 100px;
		background-color: #F7F9D0;
		border-bottom: 2px solid #DDDDDD;
		border-right: 2px solid #DDDDDD;
	}
	
	#tableRow {
	  width: 700px;
	  float: left;
	  background-color: #F7F9D0;
      padding-left: 5px;
	  padding-right: 5px;
	  padding-top: 3px;
	  padding-bottom: 3px;
	  border-bottom: 2px solid #DDDDDD;
	}
	
	#tableRowWhite {
	  width: 700px;	  
      padding: 8px;
	}
	
	#loginRow {
	  width: 250px;	  
      float: left;     
	} 
	
	#rowHeader {
	  width: 200px;	  
      float: left;
     
	}  
	
	#rowData {
	  width: 400px;	  
      float: left;      
	}  	  

/**************** div table styles ******************/
	
/* 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:6px;
  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;
}
	  
/**************** footer styles ****************/
	#footer {
	  margin-top: 15px;
	  padding-top: 0px;
	  padding-bottom: 0px;
	  padding-left: 2px;
	  padding-right: 2px;
	  clear: both;
	  width: 742px;
	  background-color:#2763A5;
	  }
		
	#footer p {
	  color:#FFFFFF;
	  padding: 5px;
	  text-align: center;
	  }
		
	#footer p a {
	  color: #FFFFFF;
	  background-color:#2763A5;
	  font-weight:100;
	  border-bottom: 1px dotted #FFFFFF;
	  }
		
	#footer p a:hover {
	  color: #FFFFFF;
	  text-decoration: none;
	  border-top: 1px dotted #FFFFFF;
	  border-bottom: 0px dotted #FFFFFF;
	  }
	  
/*************** Menu **********************/

	.menu {
	  list-style:none; 
	  padding:10px 0 40px 25px; 
	  margin-top:80px; 
	  width:25px;  
	  float:left;	  
	  }
	  
	.menu li {
	  display:block; 
	  width:25px; 
	  margin-bottom:-29px;
	 }
	 
	.menu li a {
	  text-decoration:none; 
	  color:#fff; 
	  font-size:11px; 
	  line-height:10px;
	  }
	  
	.menu li a em {
	  display:block; 
	  width:25px; 
	  height:29px;
	  background:url(../../images/vertical2.gif) left top; 
	  font-style:normal;
	  }
	  
	.menu li a b {
	  display:block; 
	  width:15px; 
	  padding:0 3px 29px 7px; 
	  text-align:center; 
	  text-decoration:none; 
	  background:url(../../images/vertical2.gif) left bottom; 
	  color:#fff;
	  }

	.menu li a:hover {
	  border:0; 
	  position:relative; 
	  z-index:100; 
	  cursor:pointer;
	  }
	  
	.menu li a:hover em {
	  background-position: center top;
	  }
	  
	.menu li a:hover b {
	  background-position: center bottom; 
	  color:#660;
	  }

	.menu li a.selected, .menu li a:hover.selected {
	  border:0; 
	  position:relative; 
	  z-index:200; 
	  cursor:default;
	  }
	  
	.menu li a.selected em, .menu li a:hover.selected em {
	  background-position: right top;
	  }
	  
	.menu li a.selected b,.menu li  a:hover.selected b {
	  background-position: right bottom;
	  color:#242;
	  }	  
	  
    .dd-ct {
        
        width: 450px;
        height: 180px;       
        overflow:auto;
        white-space: nowrap;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 11px;
	    line-height: 1em;
    }

    .dd-item {
        height: 14px;
        border-bottom: 2px solid #DDDDDD;
		border-right: 2px solid #DDDDDD;
        cursor: move;
        padding: 1px;
        z-index: 1000;
    }
    
    .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;
	}    
    .dragContainer {        
        width: 330px;
        height: 200px;       
        overflow:auto;
        white-space: nowrap;
        margin-left:10px;
	    float:left;
	    background-color: #F2F2F2;
	    -moz-border-radius: 5px;  
	  	-webkit-border-radius: 5px;
    }
    .dragItem {
        height: 14px;
        width: 320px;
        border: 1px solid #CDCDCD;
        cursor: move;
        z-index: 1000;
        -moz-border-radius: 5px;  
	  	-webkit-border-radius: 5px;
	  	padding: 3px;
	  	margin-bottom:1px;
	  	background-color: #FFFFFF;
    }	
    
    .dragItemHighlighted {        
    	background-color: #0066CC;
		color: white;
    }