html,body{
  margin:0;
  padding:0;
  height:100%;
  width:100%;
  }
  img
  {
      border:0;
  }
div
{
    
}
body
{
    font:11px/1.4em "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
    color:#555; 
    background:#fff; 

  /*  color:Black;
    font-family: Verdana;
    font-size:12px; */
}
table
{
    border-collapse:collapse;
}
table.extenda_pagearea
{
    width:600px;
    height:100%;
}
td.extenda_pagearea
{
    padding:20px;
    height:100%;
}
table.extenda_service_pagearea
{
    width:100%;
    height:100%;
}
table.extenda_logininfo_area
{
    width:200px;
}
td.extenda_logininfo_area
{
    width:200px;
}
td.extenda_header
{
    background-color:#F0F0F0;
    color: Black;
    font-weight:bold;
    font-size: 14px;
    padding:4px;
}
td.extenda_alert
{
    border: 1px solid black;
    background-color: #F0F0F0;
    color:Red;
    padding:4px;
}
td.extenda_message
{
    border: 1px solid black;
    background-color: #F0F0F0;
    color:black;
    padding:4px;
}
td.extenda_quicklink
{
    padding: 10px;
    height: 30px;
    width: 100px;
    background-color: #F0F0F0;
    /* border: 1px solid black; */
    /* color:Black; */
    font-size:14px;
    font-weight:bold;
}
.extenda_quicklink a
{
    color:Black;
    font-size:14px;
    font-weight:bold;
    white-space:nowrap;
    text-decoration:none;
}
.extenda_quicklink_space
{
    padding:10px;
}
table.extenda_menu
{
    width:100%;
}
td.extenda_menu
{
}
table.extenda_menuitems
{
    background-color: #fff;
    width:100%;
    height:32px;
}
td.extenda_menuitem
{
    text-align:center;
    padding:4px;
}
td.extenda_menuitem_selected,td.extenda_menuitem_sel
{
    /*border:1px solid black; */
    background-color: rgb(255, 241, 168);
    text-align:center;
    padding:4px;
}
td.extenda_menuitem a,td.extenda_menuitem_selected a,td.extenda_menuitem_sel a
{
    font-size:12px;
    color:Black;
    font-weight:bold;
}

#extenda_navbar
{
    width:100%;
    background-color:#F0F0F0;
}
.extenda_navbar_imageholder
{
    width:30px;
    /* text-align:center; */
    /*border:1px solid black;*/
}
div.extenda_navbar_imageholder_text
{
    padding:2px;
    text-align:right;
}
tr.extenda_pageinfo
{
    background-color:#E6E2FE;
}
td.extenda_pageinfo
{
    text-align:right;
    padding:4px;
}
span.extenda_pageinfo
{
    color:Black;
    font-size:12px;
    font-weight:bold;   
    text-align:right;
    width:100%;
}
.extenda_disabled_text
{
    border:1px solid #C0C0C0;
    background-color:#F5F5F5;
    color:#000000;
    padding:2px;
    font-weight:bold;
}
.extenda_GridColumn
{
    padding:4px;
    white-space:nowrap;
    cursor:pointer;
}
.extenda_GridHeader
{
    padding:4px;
    background-color:#F0F0F0;
}
 .extenda_GridHiddenColumn{display:none;} 
 .extenda_GridSelectedRow
 {
     background-color: rgb(255, 241, 168);
     font-weight:bold;
     cursor:pointer;
 }
 .extenda_gridimage
 {
    border-left:0px;
    border-top:1px solid transparent;
 }
 .extenda_GridRow
 {
     background-color:#FFFFFF;
     font-weight:normal;
     cursor:pointer;
 }
 .extenda_GridOddRow
 {
     background-color:#F0F0F0;
     font-weight:normal;
     cursor:pointer;
 }
 .extenda_InfoText
 {
     border:1px solid black;
     background-color:White;
     padding:4px;
     color:Black;
 }
.extenda_InfoText[disabled="disabled"], .extenda_InfoText.disabled
{
     border:1px solid black;
     padding:4px;
     color:#000000 !important;
}
.extenda_InfoText["disabled"]
{
    border:1px solid black;
    padding:4px;
    color:#000000 !important;
}
 .extenda_ConfirmStatusMessageText
 {
      border:1px solid black;
      background-color:#F0F0F0;
      font-weight:bold;
 }
 .extenda_LoggedInUserArea
 {
     padding:4px;
     background-color:#F0F0F0;
 }
 .extenda_LoggedInUserName
 {
     background-color:transparent;
     padding:2px;
     color:Black;
     border:0px;
 }
  .extenda_LoggedInUserNameHeader
 {
     padding:2px;
     color:Black;
     font-weight:bold;
 }
  .extenda_LoggedInUserEditFieldHeader
  {
      font-weight:bold;
  }
 .extenda_LoggedInUserEditTextBox
 {
    border:1px solid black;
 }
 .extenda_UserMenu
 {
     background-color:#F0F0F0;
 }
.extenda_boldtext
{
    font-weight:bold;
}
.extenda_employeedetailtext
{
    background-color:White;
    border:0;
    color:Black;
}
div.extenda_imagebuttontext_large
{
    font-size:12px;
    font-weight:bold;
    text-align:center;
}
.extenda_grouparea
{
    background-color:#FFFFFF;
    padding:4px;
}
td.extenda_grouparea_separator
{
    padding:10px;
}
.extenda_groupheader
{
    background-color: #F0F0F0;
    padding:4px;
    font-weight:bold;
    font-size:12px;
}
.extenda_textinput
{
    font-size:12px;
    font-weight:normal;
}
.extenda_button
{
    font-size:12px;
}
td.extenda_confirmbuttonarea
{
    padding:10px;
}

td.extenda_ImageSmallButtonArea
{
    width:40px;
    height:40px;
    padding:4px;
    background-color:#F0F0F0;
    border: 1px solid black;
}
div.extenda_ImageSmallButtonArea
{
    text-align:center;
}
td.extenda_pagebutton_imageholder
{
    text-align:right;
    /*border: 1px solid black;*/
}
div.extenda_pagebutton_imageholder
{
    text-align:center;
}
div.divServices
{
position: absolute;
overflow: hidden;
width:100%;
height:100%;
background-color:white;
z-index:2;
text-align:center;
vertical-align:middle;
}
td.divServices
{
    width:100%;
    height:100%;
    vertical-align:middle;
    text-align:center;
}
table.extenda_helptext
{
    width:300px;
    background-color:White;
}
table.extenda_appointments_appointmentdetails_area
{
    width:400px;
}
td.extenda_helptext_area
{
    border:1px solid black;
    padding:2px;
}
td.extenda_headertext 
{ 
    margin-bottom:.8em; 
    color:#000; 
    font-size:18px; 
    line-height:1.2em; 
}
td.extenda_headerdesc
{
    
    margin-bottom:.6em; 
    color:#797c80; 
    font-weight:normal;
    
}    
.extenda_navlink
{
    color: rgb(0, 0, 238);
    margin-left:.6em; 
    font-size:14px;
    text-decoration: none; 
    white-space: nowrap;
    padding-right: 10px; 
    background: url(/Img/morearrow.gif) no-repeat 100% 50% 
}
.extenda_navlink:link, .extenda_navlink:visited
{
    color: rgb(0, 0, 238);
    margin-left:.6em; 
    font-size:14px;
    text-decoration: none; 
    white-space: nowrap;
    padding-right: 10px; 
    background: url(/Img/morearrow.gif) no-repeat 100% 50% 
}
div.extenda_calendar_area
{
    background-color:White;
    position:absolute; 
    overflow: hidden; 
    z-index: 100;
}