.highlightActiveField {
    border: 1px solid #7f9db9;
    border-left: 1px solid #7f9db9;
    background-color:  #ccffcc;  
}

.highlightInactiveField {
    border: 1px solid #7f9db9;    
    background-color: #fff;
}
/*---------------Quick Edit Start-----------------*/
#quickEdit
{
	display:block;
	position:absolute;
	/*top:200px;
	left:350px;	*/
	width:500px;
	height:100px;
	background-color:Transparent;
	
}
#quickEdit #pnlSingleAppointment
{
	background-color: White;
	/*border:solid 1px #f0f0f0;*/
	float:left;
	filter: alpha(opacity=90);
	opacity:.90;	
}
.shadow
{
	width: 95%;
	float:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
.shadow div {
	background: none !important;
	background: url(images/shadowWhite.gif) no-repeat left top;
	padding: 0 !important;
	padding: 0 6px 6px 0;
}
.shadow p {
	color: #777;
	background-color: #fff;
	font: normal 1em georgia, serif;
	border: 1px solid #f0f0f0;
	padding: 4px;
	margin: -6px 6px 6px -6px !important;
	margin: 0;
}
/*---------------Quick Edit End-----------------*/

a.changeImage
{
	display:block;
}
a.changeImage:active
{
	background-color:White;	
	background:#fff url(images/icon-phone-ringing_bg.gif) no-repeat center top ;
}
a.changeImage img
{
	margin:4px;
	
}
.tab-active
{	
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	text-decoration:    none;
    color: #ff9999;
    border-style: none;  
    background-color: #eeeeee;
}

.tab-inactive
{
	text-decoration:    none;
    color: #ff9999;
    border-style: none;  
    background-color: #ffffff;
}

.tab-inactive a:link
{
	text-decoration:    none;
    color: #ff9999;    
}

.tab-inactive a:visited
{
    text-decoration:    none;
    color: #ff9999;
}

.tab-inactive a:active
{
	text-decoration:    none;
    color: #999999; 
    border-style: none;  
    background-color: #eeeeee; 
}

.tab-inactive a:hover
{
	text-decoration:    none;
    color: #F7EBE0;
    border-style: none;  
    background-color: #eeeeee;
}

.admin-gray-border
{
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ff9999;
	border-right: 1px solid #ff9999;
	border-bottom: 1px solid #ff9999;
	background-color: White;
}

.admin-pink-border
{
	border-top: 1px solid #ff9999;
	border-left: 1px solid #ff9999;
	border-right: 1px solid #ff9999;
	border-bottom: 1px solid #ff9999;
	background-color: White;
}

.admin-tab-right
{
	border-bottom: 1px solid #ff9999;
}

.admin-tab-active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #696969;
	border-top: 1px solid #ff9999;
	border-right: 1px solid #ff9999;
	border-left: 1px solid #ff9999;
	border-bottom: 0px none #ff9999;
	background-color: #ffffff;
	text-align: center;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 18px;
}

.admin-tab-inactive
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	border-top: 1px solid #ff9999;
	border-right: 1px solid #ff9999;
	border-left: 1px solid #ff9999;
	border-bottom: 1px solid #ff9999;
	background-color: #F7EBE0;
	text-align: center;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 18px;
}

.admin-tab-right
{
	border-bottom: 1px solid #ff9999;
}

.admin-gray-border
{
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ff9999;
	border-right: 1px solid #ff9999;
	border-bottom: 1px solid #ff9999;
	background-color: White;
}

.admin-tab-inactive a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #696969;
	text-decoration: none;	
}
.admin-tab-inactive a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #696969;
	text-decoration: none;
}

.admin-tab-inactive a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #696969;
	text-decoration: none;
}

.admin-tab-inactive a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

BODY 
{ 
  scrollbar-base-color: #ffffff; 
  scrollbar-arrow-color: LightCoral; 
  scrollbar-DarkShadow-Color: #ffffff; 
  scrollbar-Track-Color: #ffffff; 
  scrollbar-highlight-color:LightCoral;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
 
}

.pink-border
{
	border: 1px solid #ff9999;
	background-color: #f0f0f0;	
}

.white-border
{
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #ffffff;
	
}
.list-header
{
	font-weight: bold;
	font-size: 11px;
	color: #696969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f7ebe0;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	border: #ffffff 1px solid;
}

#tbDateFrom, #tbDateTo
{
	width:68px;
}
.list-header td
{
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.inquiry-header
{
	border-bottom: #cccccc 1px solid;
	font-weight: bold;
	font-size: 11px;
	color: #696969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #eeeefd;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;

}

.list-item
{
	border-bottom: #ffffff 1px solid;
	border-right: 1px solid #ffffff;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;

}
.list-item td
{
	border-left: 1px solid #ffffff;
	border-bottom: #ffffff 1px solid;
	border-right: 1px solid #ffffff;
}
.list-item-last
{
	border-bottom: #ffffff 1px solid;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.details 
{ 
	display:none; 
	visibility:hidden; 
}

.grid-edit-column
{
	border-top: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
}

.grid-header
{
	padding:2px;
	border-bottom: solid 4px #ccc;
	border-right: solid 1px #ccc;
	font-weight: bold;
	font-size: 11px;
	color: #696969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	
}

.grid-header a:active
{
	color: #696969;
	text-decoration: none;
	font-size: 11px;
}

.grid-header a:link
{
	color: #696969;
	text-decoration: none;
	font-size: 11px;
}

.grid-header a:visited
{
	color: #696969;
	text-decoration: none;
	font-size: 11px;
}

.grid-header a:hover
{
	color: darkred;
	text-decoration: none;
	font-size: 11px;
}

.grid-first-item
{
	border-top: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin: 1px;
	font-size: 11px;
	color: #696969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

.grid-item
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px double;
	border-bottom: #cccccc 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin: 1px;
	font-size:11px;	
}

.grid-last-item
{
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin: 1px;
	font-size:11px;	
}

select
{
    FONT-SIZE: 11px;  
}
input
{ font-size:11px;
}

input.ImageButton
{
    border-style: none;  
    background-color: #cccccc;
}

.HeadBg {
    background-color: white;
}

.Menu {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: #999999;
    text-decoration:none;
    font-weight: normal;
}

.MenuSelected
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    border-width: 1pt;   
    border-top-color: #000000;
    border-left-color: #000000;
    border-top-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-bottom-style: none;
    border-right-style: solid;  
    background-color: #ffffff;
}

A.Menu:link    {
    text-decoration:    none;
    color: #ff9999;
    font-size: 13px;
}

A.Menu:visited {
    text-decoration:    none;
    color: #ff9999;
    font-size: 13px;
}

A.Menu:active  {
    text-decoration:    none;
    color: #999999; 
    border-style: none;  
    background-color: #eeeeee;  
    font-size: 13px;  
}
A.Menu:hover   {
    text-decoration:    none;
    color: #ff9999;
    border-style: none;  
    background-color: #F7EBE0;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
}

A:link    
{
    text-decoration:    none;
    /*color: #ff9999;*/
    color: #000000;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

A:visited {
    text-decoration:    none;
    /*color: #ff9999;*/
    color: #000000;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

A:active  {
    text-decoration:    none;
    /*color: #999999;*/
    color: #000000;    
    border-style: none;  
    background-color: #eeeeee;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;  
      
}

A:hover   {
    text-decoration:    none;
    /*color: #ff9999;*/
    color: #000000;
    border-style: none;  
    background-color: #F7EBE0;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
}
.SiteTitle {
    font-family: Verdana Bold, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}

.Normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 18px;
}

.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    border-width: 1pt;   
    border-top-color: #7f9db9;
    border-left-color: #7f9db9;
    border-top-style: solid;
    border-left-style: solid;
    border-bottom-style: none;
    border-right-style: none;  
    background-color: #ffffff;
    width: 100%;
    height: 19px;
}

.TextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    border-width: 1pt;   
    border-top-color: #7f9db9;
    border-left-color: #7f9db9;
    border-top-style: solid;
    border-left-style: solid;
    border-bottom-style: none;
    border-right-style: none;  
    background-color: #ffffff;
    width: 100%;
}
  
.Message
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: LightCoral;
 }

.SiteLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}   


A.SiteLink:link {
    text-decoration:    none;
    color: #cc6666;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color: #cc6666;
}

A.SiteLink:active   {
    text-decoration:    none;
    color: #cc6666;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color: #cc6666;
}

.Accent
{
    color: #ff9999;
    font-weight: normal;
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red;
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
}

.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
    
A.CommandButton:link {
    text-decoration:    underline;
    color: #ff6666;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #ff6666;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #ff6666;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff3333;
}
    



UL LI   {
    list-style-type:    square ;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}
/*Partner/CustomerInfo:prevents leftPanel from floating to the middle in FireFox*/
#leftPanel tr
{
	vertical-align:top;
}
/* preserve width for firefox*/
._112
{
	width:112px;
}
._147
{
	width:147px;
}

#FloatBox
{
	position: absolute;
	width: 180px;
    border: solid 1px #cccccc;
    padding:5px;
}