/* Body */
body
{
    margin: 0px;
}

/* Paragraph */
P
{
    MARGIN-TOP: 6pt;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 3pt;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, helvetica, 'sans serif';
    TEXT-ALIGN: justify
}

/* Grid font */
.GridFont
{
    MARGIN-TOP: 6pt;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 3pt;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, helvetica, 'sans serif';
    TEXT-ALIGN: justify
}

/* Data table */
.DataTable
{
	border: 0; 
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d7d7d7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d7d7d7;
}

/* Cell name */
.CellName
{
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #d7d7d7;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d7d7d7;
    background-color: #f2f2f2;
    font-family: Verdana, Arial, helvetica, 'sans serif';
    text-align: left;
    vertical-align: middle;
}

/* Cell value */
.CellValue
{
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #d7d7d7;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d7d7d7; 
    background-color: #fffff0;
    FONT-FAMILY: Verdana, Arial, helvetica, 'sans serif';
    font-size: 8pt;
    vertical-align:top;  
}


/* Casual text */
.Casual, .Casual:link, .Casual:visited, .Casual:active
{
    MARGIN-TOP: 3pt;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 3pt;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, helvetica, 'sans serif';
    TEXT-DECORATION: none; 
}

/* Casual text - bold */
.CasualBold
{
    MARGIN-TOP: 6pt;
    FONT-WEIGHT:bolder;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 3pt;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, helvetica, 'sans serif';
}

/* Casual text - bold - small */
.CasualBoldS
{
    MARGIN-TOP: 6pt;
    FONT-WEIGHT:bolder;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 3pt;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, helvetica, 'sans serif'
}
.CasualBoldSWithoutMargin
{
    FONT-WEIGHT:bolder;
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, helvetica, 'sans serif'
}
.CasualNotBold
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, helvetica, 'sans serif'
}


/* Logo title */
.LogoTitle
{
    margin-top: 0px;
    font-size: 14pt;
    margin-bottom: 0px;
    font-weight: bolder;
    text-transform: uppercase;
    color: #99ccff;
    font-family: verdana, arial, helvetica, 'sans serif';
    text-align: center;
}

/* Links - logo */
.logoLinks
{
    FONT-FAMILY: Verdana, Arial, helvetica, 'sans serif';
    color: #99ccff;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none
}

/* Cell name - title*/
.CellNameTitle
{
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #d7d7d7;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d7d7d7;
    background-color: #f2f2f2;
    vertical-align: middle;
}

/* Cell value - title*/
.CellValueTitle, .CellValueTitle:link, .CellValueTitle:visited, .CellValueTitle:active
{
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #d7d7d7;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d7d7d7; 
    background-color: #fffff0;
    FONT-FAMILY: Verdana, Arial, helvetica, 'sans serif';
    color: #99ccff;
    font-weight: bold;
    font-size: 8pt;
    vertical-align:top;  
}

/* Links - grid */
.gridLinks
{
    font-family: Verdana, Arial, helvetica, 'sans serif';
    color: #009933;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none;
}

/* Text Box (Maintenance request search) */
.tb
{
    border: 1px solid #d7d7d7;
}

/* Button (search) */
.button
{
    background-color: #fffff0;
    border: 1px solid #d7d7d7;
    font-weight:bold;
    cursor: pointer;
}

/* Button (Login) */
.ButtonLogin
{
    background-color: #f2f2f2;
    border: 1px solid #d7d7d7;
    font-weight:bold;
    cursor: pointer;
}

/* Button (Send response) */
.ResponseButton
{
    background-color: #fffff0;
    border: 1px solid #d7d7d7;
    font-weight:bold;
    cursor: pointer;
}

/* Send response link */
.SendResponseLink
{
    MARGIN-TOP: 6pt;
    FONT-WEIGHT:bolder;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 3pt;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, helvetica, 'sans serif';
    text-decoration: none;
}

/* Text box (Login page) */
.TbLogin
{
    border: 1px solid #d7d7d7;
    width: 100px;
}

/* Login page background (labels) */
.BackLogin
{
    background-color: #fffff0;
    border: 1px solid #d7d7d7;
}

/* Login page background */
.BackGray
{
    background-color: #f2f2f2;
}


.Error
{
    color: Red;
    font-size: 10pt;
    font-family: Verdana, Arial, helvatica, 'sans serif';
    margin-top: 6pt;
    margin-bottom: 3pt;
    font-weight: bold;
}


/*-------------------------CALENDAR-------------------------*/
/* the div that holds the date picker calendar */
.dpDiv {
}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
      font-family: Tahoma, Arial, Helvetica, sans-serif;
      font-size: 12px;
      text-align: center;
      color: #505050;
      background-color: #ece9d8;
      border: 1px solid #AAAAAA;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
      border: 1px solid #ece9d8;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
      background-color: #CCCCCC;
      border: 1px solid #AAAAAA;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
      background-color: #aca998;
      border: 1px solid #888888;
      cursor: pointer;
      color: red;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
      background-color: #CCCCCC;
      border: 1px solid #AAAAAA;
      color: white;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
      font-size: 12px;
      color: gray;
      font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
      color: #4060ff;
      font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton {
      font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: gray;
      background: #d8e8ff;
      font-weight: bold;
      padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
      font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: gray;
      background: #d8e8ff;
      font-weight: bold;
}
/*-------------------------END OF CALENDAR-------------------------*/