/* The style sheets in Site.css can mess up some of the DES controls because
it declares the template class against table, tr, td, and th elements.
Protect the appearance of those controls by adding a link to this file in the Master Page
used by your page templates.
<link href="[URL]/Support DES Controls.css" type="text/css" rel="stylesheet" >

Each of these classes are designed to override these class definitions:
body.template table, body.template th, body.template td 
{
  
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	font-family: "Trebuchet MS" , Arial, sans-serif;
	color: #555;

}

body.template td, body.template th {
	padding: 4px;
	line-height: 1.1em;
}
*/

/* ------------- Calendar control -------------- */
body.template table.DES_CalHeader, body.template table.DES_CalHeader tr, body.template table.DES_CalHeader td
{
   border: 1px none;
   font-family: Arial;
   color:black;
   line-height:normal;
   padding:0px;
}
body.template table.DES_CalHeaderRows, body.template table.DES_CalHeaderRows tr, body.template table.DES_CalHeaderRows td
{
   border: 1px none;
   font-family: Arial;
   color:black;
   line-height:normal;
   padding:0px;
}

body.template table.DES_CalWeekRowsTable tr, body.template table.DES_CalWeekRowsTable th
{
   border: 1px none;
   font-family: Arial;
   color:black;
   line-height:normal;
   padding:2px;
}
body.template table.DES_CalWeekRowsTable td
{
   border: 0px none;
   font-family: Arial;
   line-height:normal; 
   padding:2px;
}

body.template td.DES_CalMouseOver
{
   color: #0000FF !important;	/* blue */
}
/* used to establish the mouseover effect. Isn't supported by non-CSS2 browsers */
body.template table.DES_CalWeekRowsTable td.DES_CalMouseOverBorders:hover
{
   border-right-color: #0000FF !important;	/* blue */
   border-top-color: #0000FF !important;
   border-left-color: #0000FF !important;
   border-bottom-color: #0000FF !important;
}

body.template table.DES_CalWeekRowsTable
{
   border:1px solid #4169E1;
}
body.template tr.DES_CalDayHeader
{
}

body.template tr.DES_CalDayHeader tr, body.template tr.DES_CalDayHeader th
{
   font-size:7pt !important;
   text-align:center;
   background:#add8e6 none no-repeat;
}

body.template td.DES_CalDay 
{
   color: Black;
   border-right-color: #808080 !important;
   border-top-color: #808080 !important;
   border-left-color: #808080 !important;
   border-bottom-color: #808080 !important;
   
}

body.template td.DES_CalOtherMonthDay 
{
   color: gray;
   border-right-color: #C0C0C0 !important;
   border-top-color: #C0C0C0 !important;
   border-left-color: #C0C0C0 !important;
   border-bottom-color: #C0C0C0 !important;
   
}
body.template td.DES_CalOutsideRangeDay 
{
   color: gray;
}

body.template td.DES_CalDay DES_CalMouseOverBorders
{
   border-right-color: #0000FF !important;	/* blue */
   border-top-color: #0000FF !important;
   border-left-color: #0000FF !important;
   border-bottom-color: #0000FF !important;
   
}

/* -------- MonthYearPicker --------- */
body.template div.DES_MYPControl td
{
   border: 0px none;
   font-family: Arial;
   line-height:normal; 
   padding:2px;
}

body.template table.DES_MYPMonthTable tr, body.template table.DES_MYPMonthTable
{
   border: 1px none;
   font-family: Arial;
   color:black;
   line-height:normal;
   padding:0px;
}
body.template table.DES_MYPMonthTable td
{
   border: 0px none;
   font-family: Arial;
   line-height:normal; 
   padding:1px;
}

body.template table.DES_MYPYearTable tr, body.template table.DES_MYPYearTable
{
   border: 1px none;
   font-family: Arial;
   color:black;
   line-height:normal;
   padding:0px;
}
body.template table.DES_MYPYearTable td
{
   border: 0px none;
   font-family: Arial;
   line-height:normal; 
   padding:1px;
}

body.template td.DES_MYPMonthCell 
{
   color: Black;   
}

body.template td.DES_MYPYearCell 
{
   color: Black;   
}

body.template td.DES_MYPOutOfRangeCell 
{
   color: Black;   
}

body.template td.DES_MYPMouseOver
{
   color: blue;
   border-right-color: #0000FF;	/* only used when the cell's regular class uses borders */
   border-top-color: #0000FF;
   border-left-color: #0000FF;
   border-bottom-color: #0000FF;
}

/* --------- Hint PopupView: LtYellow --------- */
body.template div.DES_PHOverallLtYellow tr, 
body.template div.DES_PHOverallLtYellow table, 
body.template div.DES_PHOverallLtYellow td
{
   border: 1px none;
   font-family: Arial;
   color:black;
   line-height:normal;
   padding:0px;
   border-collapse:separate;
}

body.template table.DES_PHHeaderLtYellow tr
{
   background-color: #ffff99;
   font-size: 8pt;
}

body.template table.DES_PHBodyLtYellow tr
{
   background-color: #ffffe0;
   font-size: 8pt;
}

body.template tr.DES_PHFooterLtYellow
{
   background-color: #ffffe0;
   font-size: 8pt;
}

body.template span.DES_PHHelpButtonLtYellow
{
   cursor: default;
   font-size:8pt;
   color: #696969;
   text-decoration:none !important;
   background-color: #ffffe0; 
}

/* --------- Hint PopupView: LtBlue --------- */
body.template div.DES_PHOverallLtBlue tr, 
body.template div.DES_PHOverallLtBlue table, 
body.template div.DES_PHOverallLtBlue td
{
   border: 1px none;
   font-family: Arial;
   color:black;
   line-height:normal;
   padding:0px;
   border-collapse:separate;
}

body.template table.DES_PHHeaderLtBlue tr
{
   background-color: #add8e6;
   font-size: 8pt;
}
body.template table.DES_PHBodyLtBlue tr
{
   background-color: #f0f8ff;
   font-size: 8pt;
}


body.template tr.DES_PHFooterLtBlue
{
   background-color: #f0f8ff;
   font-size: 8pt;
}

body.template span.DES_PHHelpButtonLtBlue
{
   cursor: default;
   font-size:8pt;
   color: #696969;
   text-decoration:none !important;
   background-color: #f0f8ff; 
}

/* --------- Hint PopupView: LtGray --------- */
body.template div.DES_PHOverallLtGray tr, 
body.template div.DES_PHOverallLtGray table, 
body.template div.DES_PHOverallLtGray td
{
   border: 1px none;
   font-family: Arial;
   color:black;
   line-height:normal;
   padding:0px;
   border-collapse:separate;
}

body.template table.DES_PHHeaderLtGray tr
{
   background-color: silver;
   font-size: 8pt;
}

body.template table.DES_PHBodyLtGray tr
{
   background-color: #dcdcdc;
   font-size: 8pt;
}

body.template tr.DES_PHFooterLtGray
{
   background-color: #dcdcdc;
   font-size: 8pt;
}

body.template span.DES_PHHelpButtonLtGray
{
   cursor: default;
   font-size:8pt;
   color: #696969;
   text-decoration:none !important;
   background-color: #dcdcdc; 
}

/* --------- Hint PopupView: LtRed --------- */
body.template div.DES_PHOverallLtRed tr, 
body.template div.DES_PHOverallLtRed table, 
body.template div.DES_PHOverallLtRed td
{
   border: 1px none;
   font-family: Arial;
   color:black;
   line-height:normal;
   padding:0px;
   border-collapse:separate;
}

body.template table.DES_PHHeaderLtRed tr
{
   background-color: #ffc1b9;
   font-size: 8pt;
}

body.template table.DES_PHBodyLtRed tr
{
   background-color: #ffe4e1;
   font-size: 8pt;
}

body.template tr.DES_PHFooterLtRed
{
   background-color: #ffe4e1;
   font-size: 8pt;
}


body.template span.DES_PHHelpButtonLtRed
{
   cursor: default;
   font-size:8pt;
   color: #696969;
   text-decoration:none !important;
   background-color: #ffe4e1; 
}

/* --------- PopupErrorFormatter PopupView: LtYellow --------- */
body.template div.DES_PEFOverallLtYellow tr, 
body.template div.DES_PEFOverallLtYellow table, 
body.template div.DES_PEFOverallLtYellow td
{
   border: 1px none;
   font-family: Arial;
   color:black;
   line-height:normal;
   padding:0px;
   border-collapse:separate;
}

body.template table.DES_PEFHeaderLtYellow tr
{
   background-color: #ffff99;
   font-size: 8pt;
}

body.template table.DES_PEFBodyLtYellow tr
{
   background-color: #ffffe0;
   font-size: 8pt;
}

body.template tr.DES_PEFFooterLtYellow
{
   background-color: #ffffe0;
   font-size: 8pt;
}

body.template span.DES_PEFHelpButtonLtYellow
{
   cursor: default;
   font-size:8pt;
   color: #696969;
   text-decoration:none !important;
   background-color: #ffffe0; 
}

/* --------- PopupErrorFormatter PopupView: LtBlue --------- */
body.template div.DES_PEFOverallLtBlue tr, 
body.template div.DES_PEFOverallLtBlue table, 
body.template div.DES_PEFOverallLtBlue td
{
   border: 1px none;
   font-family: Arial;
   color:black;
   line-height:normal;
   padding:0px;
   border-collapse:separate;
}

body.template table.DES_PEFHeaderLtBlue tr
{
   background-color: #add8e6;
   font-size: 8pt;
}

body.template table.DES_PEFBodyLtBlue tr
{
   background-color: #f0f8ff;
   font-size: 8pt;
}

body.template tr.DES_PEFFooterLtBlue
{
   background-color: #f0f8ff;
   font-size: 8pt;
}

body.template span.DES_PEFHelpButtonLtBlue
{
   cursor: default;
   font-size:8pt;
   color: #696969;
   text-decoration:none !important;
   background-color: #f0f8ff; 
}

/* --------- PopupErrorFormatter PopupView: LtGray --------- */
body.template div.DES_PEFOverallLtGray tr, 
body.template div.DES_PEFOverallLtGray table, 
body.template div.DES_PEFOverallLtGray td
{
   border: 1px none;
   font-family: Arial;
   color:black;
   line-height:normal;
   padding:0px;
   border-collapse:separate;
}

body.template table.DES_PEFHeaderLtGray tr
{
   background-color: silver;
   font-size: 8pt;
}
body.template table.DES_PEFBodyLtGray tr
{
   background-color: #dcdcdc;
   font-size: 8pt;
}

body.template tr.DES_PEFFooterLtGray
{
   background-color: #dcdcdc;
   font-size: 8pt;
}


body.template span.DES_PEFHelpButtonLtGray
{
   cursor: default;
   font-size:8pt;
   color: #696969;
   text-decoration:none !important;
   background-color: #dcdcdc; 
}

/* --------- PopupErrorFormatter PopupView: LtRed --------- */
body.template div.DES_PEFOverallLtRed tr, 
body.template div.DES_PEFOverallLtRed table, 
body.template div.DES_PEFOverallLtRed td
{
   border: 1px none;
   font-family: Arial;
   color:black;
   line-height:normal;
   padding:0px;
   border-collapse:separate;
}

body.template table.DES_PEFHeaderLtRed tr
{
   background-color: #ffc1b9;
   font-size: 8pt;
}
body.template table.DES_PEFBodyLtRed tr
{
   background-color: #ffe4e1;
   font-size: 8pt;
}

body.template tr.DES_PEFFooterLtRed
{
   background-color: #ffe4e1;
   font-size: 8pt;
}


body.template span.DES_PEFHelpButtonLtRed
{
   cursor: default;
   font-size:8pt;
   color: #696969;
   text-decoration:none !important;
   background-color: #ffe4e1; 
}

/* --- Spinners ---- */
body.template table.DES_SpinnerTable, body.template table.DES_SpinnerTable tr, body.template table.DES_SpinnerTable td
{
   border: 0px none;
   font-family: Arial;
   color:black;
   line-height:normal;
   padding:0px;
   border-collapse:separate;
}

/* --- AJAX Control ToolKit: CalendarExtender --- */

body.template .ajax__calendar_container TD,
body.template .ajax__calendar_container DIV
{
   padding : 0px 0px 0px 0px;
}