/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    font-weight: normal;
    font-size: 8pt;
    background-attachment: scroll;
    word-spacing: normal;
    text-transform: none;
    font-family: Tahoma;
    letter-spacing: normal;
    background-color: white;

}

INPUT
{
}

SELECT
{ height:18px;
}

.clsMenu
{
    font-weight: normal;
    font-size: 8pt;
    word-spacing: normal;
    text-transform: none;
    font-family: Tahoma;
    letter-spacing: normal;
}

TABLE
{
}

.clsBody
{
    background-color: white;
    font-family: Tahoma, Tahoma;
    font-size: 8pt;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}

H1, H2, H3, H4, H5, H6, TH, THEAD, TFOOT
{
    color: #000000;
}

.pagetitle
{
    color: #000000;
    font-family: Tahoma;
    font-size: 18pt;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    text-align: center;
}

A:link
{
    color: #5078B3;
    text-decoration: none;
}

A:visited
{
    text-decoration: none;
    color: #5078B3;
}

A:active
{
    text-decoration: none;
    color: #5078B3;
}

A:hover
{
    text-decoration: underline;
    color: rgb(232,170,0);
}

TABLE CAPTION
{
    font-size: 16pt;
    color: #5078B3;
    font-family: Tahoma;
    text-align: center;
}

TABLE CAPTION.level2
{
    border-bottom: 12px;
    border-left: 6px;
    border-right: 6px;
    border-top: 6px;
    color: #000000;
    font-family: Tahoma;
    font-size: 12pt;
    font-weight: bold;
}

.top
{
    background-color: #5078B3;
    color: white;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 8pt;
    text-align: center;
}

TABLE TR
{
    line-height: 18pt;
}

TABLE TD
{
    font-family: Tahoma;
    font-size: 8pt;
    line-height: 12pt;
}

.clsErrorMessage
{
    font-weight: bold;
    font-size: 8pt;
    color: red;
    font-style: normal;
    font-family: Tahoma;
}

.clsInfoMessage
{
    font-weight: bold;
    font-size: 8pt;
    color: green;
    font-style: normal;
    font-family: Tahoma;
    background-color: #f5f4f5;
}

.clsTDHeader
{
    background-color: #5078B3;
    color: white;
    font-family: Tahoma;
    font-size: 8pt;
    text-align: center;
    width: 100%;
}

.clsTDHeaderLevel2
{
    font-size: 8pt;
    color: blue;
    font-family: Tahoma;
    background-color: #B0C4DE;
    width: 100%;
    text-align: center;
}

.clsTDHeaderLeftAlign
{
    background-color: #5078B3;
    color: white;
    font-family: Tahoma;
    font-size: 8pt;
    text-align: Left;
    width: 100%;
}

.clsGridHeading
{
    background-color: #5078B3;
    color: white;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 8pt;
    text-align: center;
}

.clsGridItem
{
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color: #f5f5f5;
}

.clsGridAltItem
{
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color: #edf1f7;
}

.clsGridShiftItem
{
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color: #f5f5f5;
}

.clsGridAltShiftItem
{
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color: #d1d7df;
}

.clsGridFooter
{
    font-size: 8pt;
    color: black;
    font-family: Tahoma;
    background-color: #bed2e2;
    text-align: center;
}

.clsGridPager
{
    font-size: 8pt;
    color: white;
    font-family: Tahoma;
    background-color: #B0C4DE;
    text-align: left;
}
.clsLabelHeader
{
    border-bottom: 20px;
    border-left: 6px;
    border-right: 6px;
    border-top: 20px;
    color: #000000;
    font-family: Tahoma;
    font-size: 18pt;

}


.clsLabelInfoNormal
{
    font-size: 8pt;
    color: black;
}

.clsLabelInfoError
{
    font-size: 8pt;
    color: red;
}

.clsTextboxDatePicker
{
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color: #edf1f7;
    border:1px solid silver;
}

.clsDrop
{
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color: #edf1f7;
    border:1px solid silver;

}

.clsRadioButtonList
{
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color: #edf1f7;
    border:1px solid silver;
}

.clsLabel
{
    font-family: Tahoma;
    font-size: 8pt;
}

.clsLabelBold {
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: bold;
}

.clsGrid
{
    width: 100%;
}

.clsGrid tr:hover
{
    background-color: silver;
    color:Black;
}


.clsTextBox
{
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color: #edf1f7;
    border:1px solid silver;
}

.clsTextBoxWhite {
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color:white;
    border: 1px solid silver;
}

.clsSmallTextBox
{
    font-weight: bold;
    font-size: 9pt;
    color: teal;
    font-style: normal;
    font-family: Tahoma;
    background-color: white;
    width: 100px;
    border:1px solid silver;
}

.clsCheck
{
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color: #edf1f7;
    border:1px solid silver;
}

.clsRadio
{
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color: #edf1f7;
    border:1px solid silver;
}

.clsTable
{
    background-color: #ffffff;
    border: none;
}

.clsHyperlink
{
    font-size: 8pt;
    width: 100%;
    color: #5078B3;
    text-decoration: none;
    cursor:pointer;
}

.clsHyperlinkInfo
{
    font-size: 8pt;
    width: 100%;
    color: #5078B3;
    text-decoration: none;
    cursor:pointer;
}

.clsHyperlinkInfo:hover
{
    font-size: 8pt;
    width: 100%;
    color: #e59300;
    text-decoration: none;
    cursor:pointer;
}
.clsHyperlinkNoWidth {
    font-size: 8pt;
    color: #5078B3;
    text-decoration: none;
    cursor: pointer;
    background: transparent;
    border: 0px;
}
.clsHeader
{
    font-size: 25pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color: #edf1f7;
}

.clsRangeValidator
{
    font-size: 8pt;
    color: red;
}

.clsTreeView
{
    font-size: 8pt;
    color: white;
    font-family: Tahoma;
    background-color: #edf1f7;
    text-align: left;
}

.clsMenuframeBody
{
    color: white;
    font-family: Tahoma;
    font-size: 8pt;
    text-align: center;
}

.clsButton
{
    font-size: 8pt;
    color:#2C3539;
    font-weight: bold;
    cursor:pointer;
    font-family: Tahoma;
    background-color: #B0C4DE;
    border:1px solid gray;
}

.clsButton:hover
{
    font-size: 8pt;
    color: White;
    background-color: gray;
    font-weight: bold;
    cursor:pointer;
    font-family: Tahoma;
    border:1px solid silver;
}

.clsButton:disabled
{
    font-size: 8pt;
    color: White;
    background-color: LightGray;
    font-weight: bold;
    cursor:pointer;
    font-family: Tahoma;
    width: 75px;
     border:1px solid gray;
    height:20px;
}

.clsButtonNoWidth
{
    font-size: 8pt;
    color:#2C3539;
    font-weight: bold;
    cursor:pointer;
    font-family: Tahoma;
    background-color: #B0C4DE;
    border:1px solid gray;
    height:20px;
}

.clsButtonNoWidth:hover
{
   font-size: 8pt;
    color: White;
    background-color: gray;
    font-weight: bold;
    cursor:pointer;
    font-family: Tahoma;
    border:1px solid silver;
    height:20px;
}

.clsButtonNoWidth:disabled
{
    font-size: 8pt;
    color: White;
    background-color: LightGray;
    font-weight: bold;
    cursor:pointer;
    font-family: Tahoma;
    border:1px solid gray;
    height:20px;
}


.clsGridItemCheck
{
    /* border-right: #3366cc 1px solid; 	border-left: #3366cc 1px solid; 	border-bottom: #3366cc 1px solid; 	border-top: #3366cc 1px solid;  	background-color: white; */
    font-size: 8pt;
    color: #003399;
}
.clsGridItemRadio
{
    border-right: 1px solid silver;
    border-top: 1px solid silver;
    font-size: 8pt;
    border-left: 1px solid silver;
    color: #003399;
    border-bottom: 1px solid silver;
    background-color: white;
    border:1px solid silver;
}
.clsGridSelected
{
    font-size: 8pt;
    font-weight: bold;
    background-color: silver;
    color:Black;
}
.clsGridUnselected
{
    font-size: 8pt;
    color: #003399;
    background-color: White;
    border-right: #3366cc 1px solid;
    border-top: #3366cc 1px solid;
    border-left: #3366cc 1px solid;
    border-bottom: #3366cc 1px solid;
}
.clsGridLink
{
    font-size: 8pt;
}
.clsValidationSumm
{
    font-size: 8pt;
}
.clsValidationDetail
{
    font-size: 8pt;
}

.clsStdTable
{
    border-right: 0px;
    padding-right: 1px;
    border-top: 0px;
    padding-left: 1px;
    padding-bottom: 1px;
    margin: 1px;
    border-left: 0px;
    width: 98%;
    padding-top: 1px;
    border-bottom: 0px;
}

.clsSmallDrop
{
    font-weight: bold;
    font-size: 8pt;
    color: teal;
    font-style: normal;
    font-family: Tahoma;
    background-color: white;
    width: 50px;
    border:1px solid silver;
}
.clsMediumDrop
{
    font-weight: bold;
    font-size: 8pt;
    color: teal;
    font-style: normal;
    font-family: Tahoma;
    background-color: white;
    width: 85px;
    border:1px solid silver;
}

.clsLogo
{
    font-weight: bold;
    font-size: 18pt;
    text-transform: uppercase;
    color: teal;
    font-family: Tahoma;
}
.clsSlogan
{
    font-weight: bold;
    font-size: 14pt;
    text-transform: uppercase;
    color: teal;
    font-family: Tahoma;
}
.clsFormHeading
{
    font-size: 18pt;
    color: #5078B3;
    font-family: Tahoma;
    text-align: center;
    width: 100%;
}

.clsSmallListBox
{
    height: 23px;
    width: 45px;
    border-style: none;

}

.clsReadOnlyTextBox
{
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color: #FAFAD2;
    border:1px solid silver;
}
.clsButtonWider
{
   font-size: 8pt;
    color:#2C3539;
    font-weight: bold;
    cursor:pointer;
    font-family: Tahoma;
    background-color: #B0C4DE;
    border:1px solid gray;
    width: 125px;
    height:20px;

}

.clsButtonWider:hover
{
    font-size: 8pt;
    color:white;
    font-weight: bold;
    cursor:pointer;
    font-family: Tahoma;
    background-color: gray;
    border:1px solid silver;
    width: 125px;
    height:20px;
}


/* New date picker related itemsthe forward/backward buttons at the top */

/* the div that holds the date picker calendar */
.dpDiv
{
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color: #f5f5f5;
}


/* the table (within the div) that holds the date picker calendar */
.dpTable
{
    font-family: Tahoma, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #505050;
    background-color: #f5f5f5;
    border: 2px solid black;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR
{
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color: #f5f5f5;
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR
{
    background-color: #5078B3 !important;
    color: white;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 8pt;
    text-align: center;
    background-color: #5078B3 !important;
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR
{
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color: #f5f5f5;
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR
{

    font-size: 8pt;
    color:#2C3539;
    font-weight: bold;
    cursor:pointer;
    font-family: Tahoma;
    background-color: #B0C4DE;
    border:1px solid gray;
    height:20px;

}

.dpTodayButtonTR:hover
{

    font-size: 8pt;
    color:white;
    font-weight: bold;
    cursor:pointer;
    font-family: Tahoma;
    background-color: gray;
    border:1px solid silver;
    height:20px;

}


/* 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
{
    background-color: #5078B3;
    color: white;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 8pt;
    text-align: center;
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD
{
    background-color: #5078B3;
    color: white;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 8pt;
    text-align: center;
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD
{
    font-size: 8pt;
    color: black;
    font-family: Tahoma, Tahoma;
    background-color: #edf1f7;
}


/* 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: black;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText
{
    font-size: 12px;
    color: white;
    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-size: 8pt;
    color:#2C3539;
    font-weight: bold;
    cursor:pointer;
    font-family: Tahoma;
    background-color: #B0C4DE;
    border:1px solid gray;
}

.dpButton:hover
{
    font-size: 8pt;
    color:white;
    font-weight: bold;
    cursor:pointer;
    font-family: Tahoma;
    background-color: gray;
    border:1px solid silver;
}



/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton
{
    font-size: 8pt;
    color:#2C3539;
    font-weight: bold;
    cursor:pointer;
    font-family: Tahoma;
    background-color: #B0C4DE;
    border:1px solid gray;
    height:20px;
}

.dpTodayButton:hover
{
    font-size: 8pt;
    color:white;
    font-weight: bold;
    cursor:pointer;
    font-family: Tahoma;
    background-color: gray;
    border:1px solid silver;
    height:20px;
}




 .ddListAjax .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
    {
        margin: 0;
        padding: 0;
        font-size: 8pt;
        color: black;
        font-family: Tahoma, Tahoma;
        background-color: #edf1f7;
        border-right: none;
        border-left: 1px solid black;
        border-bottom: 1px solid black;
        border-top: 1px solid black;
        width: 190px;
    }
    .ddListAjax .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
    {
        margin: 0;
        padding: 0;
        font-size: 8pt;
        color:#2C3539;
        font-family: Tahoma;
        cursor:pointer;
        background-color: #B0C4DE;
        background-image: url(images/windows-arrow.gif);
        border-left: none;
        border-right: 1px solid gray;
        border-bottom: 1px solid gray;
        border-top: 1px solid gray;



    }
    .ddListAjax .ajax__combobox_itemlist
    {
        border-color: #7F9DB9;
    }


 /* tab menu stuff */
#menu{ /* nothing in here right now */

}

#menu .Item
{
  /* CSS class for non-selected Menu Item */
  width:132px;
  height: 20px;
  text-align:center;
  vertical-align:bottom;
  color:#2C3539;
  font-family: Tahoma;
  font-size: 12px;
  font-weight:bold;
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  border-top: 1px solid silver;
  border-bottom: 1px solid #2C3539;
  background-color: #D3DEEF;
  padding-top:1px;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  }


#menu .ItemSelected, #menu .ItemHover
{
  /* CSS class for hovering and selected Menu Item
     ... which can be split up, of course! */
  background-color:#2C3539;
  height: 20px;
  color:#D3DEEF;
  font-size: 12px;
  text-decoration:none;
  font-weight: bold;
  padding-top:2px;
  border-bottom: 1px solid #2C3539;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
}

/* CSS classes for standard Links, only valid inside the #menu DIV */
#menu a, #menu a:visited
{
  background: transparent ! important;
  display: block;
}

#menu a:hover, #menu a:active, #menu a:focus
{
  background: transparent ! important;
  display: block;

}
/* CSS for Audit View grid */
.searchico {
    background:url(images/search.png) left top;
    width:16px;
    height:16px;
    display: block;
    float: left;
}

::-webkit-input-placeholder {
    color: red;
}

:-moz-placeholder { /* Firefox 18- */
    color: red;
}

::-moz-placeholder { /* Firefox 19+ */
    color: red;
}

:-ms-input-placeholder {
    color: red;
}


