body, html {
    margin:0;
    padding:0;
    position: relative;
}

body {
  font-family: 'Open Sans', sans-serif;
  color: #888888;
  font-size: 14px;
  overflow:hidden;
}

div.main {
	width: 100%;
	height: 100%;
        margin: 0px;
        padding: 0px;
}



table.main {
	width: 100%;
	margin: 0px;
}

tr {
  vertical-align: top;
}

td {
  text-align: left;
  padding: 5px;
  font-size: 14px;
  line-height: 1.5em
}




a {
  color: #555;
  font-weight: 600;
  text-decoration: none;
}

img.icon {
  padding: 3px;
  width: 40px;
  height: 40px;
  border-radius: 20%;
}

span.title {
	color: #000000; 
	font-weight: 500; 
}

p {font-weight: 400;}
p.msg {font-style: normal; font-weight: 500;}





/* FOR CALENDAR TABLE CELL */


td.datecell {
        text-align:center;
        width:30px;
        vertical-align:top;
}




/* NEXT TWO CAN BE DELETED */
div.datecell {
        background-color: #e3212a;
        vertical-align:top;
        margin: 1px; padding: 5px;
        width: 38px; height: 38px;
        border-radius: 8px;
}

span.datecell {
        color: #eaeaea;
        text-align: center;
        line-height: 18px;
        display: block;
}



div.datecell_house {
        background-color: #e3212a;
        vertical-align:top;
        margin: 1px; padding: 5px;
        width: 38px; height: 38px;
        border-radius: 8px;
}

span.datecell_house {
        color: #eaeaea;
        text-align: center;
        line-height: 18px;
        display: block;
}




div.datecell_other {
        background-color: #dddddd;
        vertical-align:top;
        margin: 1px; padding: 5px;
        width: 38px; height: 38px;
        border-radius: 8px;
}

span.datecell_other {
        color: #333333;
        text-align: center;
        line-height: 18px;
        display: block;
}