html,body {
  color: black;
  background-color: rgb(240,240,240);
  font-family: verdana, helvetica, arial, sans-serif;
  margin: 0px;
  padding: 0px;
  height:100%;
  border:none
}

#maintable {
  background-color: #eee);
  width: 100%;
  height: 100%;
  margin: 0;
}
#topbar {
  height: 40px;
}
*+html #topbar, * html #topbar {
	height: 60px;
}  
#topbar td {
  background-color: #000;
  color: #fff;
  padding: 5px;
}
#leftbar {
  background-color: #ddd;
  width: 120px; 
  min-height: 800px; 
  padding: 3px;
}
#mainarea {
  padding: 5px;
  background-color: #eee);
}
a {
  color: #000;
}
a:hover {
  color: #f00;
}
#wait {
	position: absolute;
	top: 47px;
	right: 10px;
	display: ;
	z-index: 200;
}

td.dotted {
  border: 1px dotted #333333;
}

.listtable td { 
  vertical-align: top;
  font-size: 0.9em;
}
.listtable th {
  background: #dddddd;
}
.listtable td.right {
  text-align: right;
  vertical-align: top;
}
.listtable td.center {
  text-align: center;
  vertical-align: top;
}
.listtable tr.line0 td {
   background: #e0f8f8;	
}
.listtable tr.line1 td {
   background: #f8d0f8;
}
.listtable td.on {
  background: #ccffcc;
  text-align: center;
  border: 1px solid #ffffff;
}
.listtable td.hover:hover {
  border: 1px dotted #333333;
}
.listtable td.off {
  background: #ffcccc;
  border: 1px solid #ffffff;
}
.listtable tr.hover td {
  border: 1px dotted #333333;
}

.edittable td { 
  background: #eeeeee;
  vertical-align: top;
}
.edittable td.left {
  background: #dddddd;
  text-align: right;
  vertical-align: top;
}
.edittable td.leftflag {
  background: #dddddd;
  text-align: right;
  color: #ff0000;
}
.edittable td.right {
  background: #dddddd;
  text-align: right;
}



.mainbox {
  width: 96%;
  border: 1px dotted #666;
  padding: 3px;
  margin: 5px;
}
.mainbox h3 {
  margin: 0 0 3px 0;
  padding: 0;
}
.icon {
	background-color:#4778b3;
	background-image: url(/images/sanscons/bg_rounded.gif);
	background-repeat: no-repeat;
}
.icon:hover, .iconhover {
	background-color:#f00;
}
.nav_icon {
  float: right;
  margin: 5px;
}

table.fronttable {
  width: 100%;
  background-color: #dddddd;
}
table.fronttable td {
  border: 1px dotted #000000;
  width: 33%;
  background-color:#ffffdd;
  padding: 4px;
  vertical-align:top;
}

table.statustable {
  width: 300px;
}
table.statustable td {
  border: 1px dotted #333333;
}
table.statustable td.yes {
  background-color: #ccffcc;
}
table.statustable td.no {
  background-color: #ffcccc;
}
table.statustable td.inactive {
  opacity: 0.4;
}
table.wide {
  width: 100% !important;
}

.dotborder {
  border: 1px dotted #333333;
}

table.messagetable td {
  vertical-align: top;
  font-size: 0.8em;  
}

table.notetable {
  width: 100%;
}
table.notetable td {
  width: auto;
  border: none;
  padding: 0;
}
table.notetable td { 
  vertical-align: top;
  font-size: 0.8em;
}
table.notetable th {
  background: #dddddd;
}
table.notetable tr.todo td {
   background: #ffcccc;	
}
table.notetable tr.done td {
   background: #ccffcc;	
}
table.notetable td.text {
  width: 99%;
}

table.caltable {
  width: 100%;
  border-collapse: collapse; 
}
table.caltable td, table.caltable th {
  border: 1px dotted #666666;
  vertical-align: top;
}
table.caltable th.wcol {
  width: 14.29%;
  background-color: #303030;
  color: #ffffff;
}
table.caltable th.mcol {
  width: 14.29%;
  background-color: #303030;
  color: #ffffff;
}
table.caltable td.wcell {
  
}
table.caltable tr.mrow {
  min-height: 50px;
  height:80px;
}
table.caltable td.mcell {
  min-height: 50px;
  font-size:10px;
}
table.caltable td.weekend {
  background-color: #dddddd;
}
table.caltable td.today {
  color:#000000;
  background-color: #ccccff;
}
table.caltable div.daynumber {
  width: 20px;
  font-size:14px;
  font-weight:bold;
  float:right;
}

table.caltablesmall {
  border-collapse: collapse; 
	margin-left: auto;
	margin-right: auto;
}
table.caltablesmall td, table.caltablesmall th {
  /* border: 1px solid #666666; */
  vertical-align: top;
	text-align: right;
	width: 20px;
	padding-right: 5px;
}
table.caltablesmall div.daynumber {
  font-size:9px;
  font-weight:normal;
}
table.caltablesmall td.othermonth {
  color: #aaa;
}
table.caltablesmall td.mark {
  background-color: #dfd;
	background-image: url(/images/redcircle.png);
	background-position: 5px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
}
table.caltablesmall td.mark:hover {
	background-color: #ff9;
}


table.optiontable {
  
}
table.optiontable td {
  vertical-align: top;
}
table.optiontable td.dotted {
  border: 1px dotted #000000;
  padding: 6px;
}
table.optiontable th {
  background-color: #dddddd;
}
p.sendaction {
  margin: 1px 0 0 1px;
  padding: 1px 3px 1px 3px;
  background-color: #ccccff;
}

.clientok {
  background-color: #ccffcc;
}
.clientnotok {
  background-color: #ffcccc;
}

table.dentalchart {
  background-color: #fff;
  border: 1px solid #fff;
  border-collapse: collapse; 
}
table.dentalchart td {
  background-color: #fff;
  text-align: center;
  border: none !important;
  overflow: hidden;
}
table.dentalchart td.side {
  vertical-align: middle;
  text-align: center;
  width: 90px;
}
table.dentalchart td.right {
  border-right: 1px solid #bbb !important;
  background-color: #fff;
}
table.dentalchart td.bottom {
  border-bottom: 1px solid #bbb !important;  
  background-color: #fff;
}

table.dottable td {
  border: 1px dotted #000;
}