/* Cascading Stylesheet for Common Elements */
/* 2009 */
/* Begin: General */

body.template
{
    padding-left: 8px;
    padding-right: 8px;
    font-family:Arial, Tahoma, sans-serif;
    font-size: 75%;
    color: #333333;
}
body.template h1
{
    padding-bottom: 12px;
    border-bottom: 1px solid #bbbbbb;
    font-size: 2.2em;
    font-family: Arial, Trebuchet MS, sans-serif;
    color: #888888;
}
span.allcaps
{
    font-variant: small-caps;
}
body.template h2
{
    margin-bottom: 10px;
    font-family: Arial, Trebuchet MS, sans-serif;
    font-size: 1.65em;
    color: #888888;
}
div.back
{
    margin-bottom: -20px;
    position: relative;
    top: -28px;
    padding-left: 5px;
    padding-bottom: 5px;
}
div.back img
{
    position: relative;
    margin-top: 0em;
    padding-left: 8px;
    padding-right: 8px;
    border: none;
    background-color: #ffffff;
} 
div.back a:link,
div.back a:visited
{
    color: #839ce7;
    text-decoration: none;
    background-color: #ffffff;
    padding-right: 8px;
    top: -.2em;
    left: .25em;
}
div.back a:hover
{
    color: #000099;
    text-decoration: underline !important;
}
/* End: General */

/* Begin: Tables */
body.template table.listview, table.gridview, table.detailstable 
{
    border: 1px solid #CBCBCB; 
   /* border-bottom: 3px solid #CBCBCB;*/
    border-collapse: collapse;
    font-family:  Arial, Tahoma, sans-serif;
    color: #333333;
    font-size: 95%; 
    width:100%;
	 page-break-inside: avoid;
}

body.template table.listview th, table.gridview th, table.detailstable th,
body.template table.listview td, table.gridview td, table.detailstable td 
{
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.1em;
}

body.template table.listview th, table.gridview th, table.detailstable th
{
    background-position: 1px 1px;
    background-repeat: repeat-x;
    /*background-color: #ffffff;*/
    font-size: 100%;
    text-align: left;
    line-height: 1.3em;
    color: #333333;
    border-left: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
    border-bottom: 1px solid #CBCBCB;
}

body.template table.listview td, table.gridview td, table.detailstable td
{
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #dadada;
}

.dlgfldset
{
	width: 435px;
}

.dlgtbl
{
	width: 370px;
	min-width: 370px;
}

.dlgfldcol
{
	min-width: 110px;
	max-width: 110px;
	width: 120px;
	white-space: nowrap;
}

.dlgsepcol
{
	min-width: 10px;
	max-width: 10px;
	width: 10px;
	white-space: nowrap;
}

.dlgtitles
{
	/*font-weight:bold;*/
	min-width: 200px;
	max-width: 200px;
	width: 200px;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
}

.dlgtitlesinfo_img
{
	float: right;
	vertical-align: top;
	margin-top: -15px;
}

.dlgtitlesinfo_img_sf
{
	float: right;
	vertical-align: top;
	margin-top: -1px;
}

.dlgtitlesinfo_div
{
	display: none;
	position: absolute;
	left: 10px;
	border: 1px solid #dededb;
	max-width: 510px;
	margin-top: 14px;
	padding: 7px;
	color: #505050;
	white-space: pre-wrap;
	_width: 510px;
	_margin-top: 14px /*z-index: 999;*/;
	font-size: 12px;
}

.calctitles
{
	/*font-weight:bold;*/
	min-width: 310px;
	width: 310px;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
}

.calctitles_ro
{
	/*font-weight:bold;*/
	min-width: 310px;
	width: 310px;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
}

.calctitlesinfo_img
{    
	float: right;
	vertical-align: top;
	*margin-top: -15px;
}

.calctitlesinfo_img_sf
{
	float: right;
	vertical-align: top;
	margin-top: -1px;
}

.calctitlesinfo_img_ff
{    
	float: right;
	vertical-align: top;
	margin-top: -15px;
}

/*#tid1, #tid2
{
	*width: 616px;
	*z-index: 999;
	left: 450px;
	*margin-top:-32px;
}*/

/*#tid3
{
	*width: 616px;
	*z-index: 999;
	left: 450px;
	*margin-top:19px;
}*/

.calctitlesinfo_div
{
	display: none;
	position: absolute;
	left: 345px;
	border: 1px solid #dededb;
	min-width: 400px;
	max-width: 740px;
	padding: 7px;
	color: #505050;
	white-space: pre-wrap;
	_width: 756px;
	_margin-top: 10px;
	z-index: 999;
}

/*#tid2
{
	*width: 200px;
	*left: 600px;
	*margin-top:-10px;
}*/

.calc_res2_col1_style {
    /*font-weight:bold;*/
    min-width:300px;
    width:300px;
}

table tr .calc_res2_rowstyle
{
	/*background-color:#D8E79B;*/
	font-weight: bold;
}

body.template th a:link,
body.template th a:visited,
body.template th a:hover
{
    color: #666666;
    text-decoration: none;
}

body.template td a:link,
body.template td a:visited
{
    color: #718ABE;
    text-decoration: none;
    padding-right: 6px;
}
body.template td a:hover
{
    color: #000099;
    text-decoration: underline !important;
}
table.gridview
{
    width: 100%;
}
table.gridview table td
{
    padding-left: .5em;
    padding-right: .5em;
}

/*table.gridview th {
    background-image:url(DynamicData/Content/Images/header_back.gif);
}*/

table.listview
{
    width: 100%;
}
table.listview td a:link, 
table.listview td a:visited
{
    font-size: 100%;
}
table.listview table td
{
    padding-left: .5em;
    padding-right: .5em;
}

table.listview th {
    background-image:url(DynamicData/Content/Images/header_back.gif);
}

table.detailstable td
{
    border-left: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
    vertical-align:middle;
}

table.detailstable th
{
    background: #FCFDFE;
    vertical-align:top;
}

td.nowrap 
{
    white-space: nowrap;
}
/* The following modifies the details table */
body.template tr
{
    background: #FCFDFE;
}
/* The following modifies the controls in the list table footer */
tr.footer td
{
    background: #CBCBCB;
    height: 1.5em;
}

/* The following modifies the selected row in the list table */
tr.selected td
{
    background: #fdffb8;
}

/* End: Tables */

/* The following modifies the page number control which exists under the main table */
div.pager
{
    padding: 0px;
    padding-left: 6px;
    padding-right: 6px;
}
span.results1
{
    float:left;
}
span.results2
{
    float:right;
}
/* The following modifies the results per page control which exists under the main table */
div.results
{
    display: inline;
    position: relative;
    padding: 0px;
    padding-left: 6px;
    padding-right: 6px;
    margin-top: -1.75em;
    float:right;
    width:100%
}
/* Set's the appearance of the drop down control*/
.droplist
{
    padding: 0px;
    font-family:Arial, Tahoma, Sans-Serif;
    font-size: .95em;
    color: #666666;
}
/* Bottom hyperlink design*/
div.bottomhyperlink
{
    font-family: Arial, Tahoma, Sans-Serif;
    font-size: 100%;
    margin-top: -3px;
}
div.bottomhyperlink a:link,
div.bottomhyperlink a:visited
{
    color: #839ce7;
    text-decoration: none;

    font-family: Arial, Tahoma,Sans-Serif;

    font-size: 100%;

    margin-top: -3px;
}
div.bottomhyperlink a:hover
{

    color: #000099;

    text-decoration: underline !important;

    font-family:  Arial, Tahoma, Sans-Serif;

    font-size: 100%;
}
div.bottomhyperlink img
{
    position: relative;
    top: 0em;
    padding-right: .4em;
    border: none;
}

.btn-Submit
{
	background-color: #FFFFFF;
	background-image: url(../Images/btn-Submit.gif);
	border: 1px solid #C7CEAE;
	padding: 2px;
	margin-right: 10px;
}

#ctl00_ContentPlaceHolder1_CalcReqDetailsView_ctl04 {
background-color:#E7ECF7;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

#TableDescDiv2 {
	font-family:Arial;
	font-size:9pt;              
}

.InfoPopupTxt
{
	font-family:Arial;
	font-size:13px;
	color:#000000;
}

.DlgNoTitle .ui-dialog-titlebar
{
   display:none
}

td #ctl00_ContentPlaceHolder1_CalcReqDetailsView___LifeFactor_DecimalTextBox1
{
	background-color: Transparent;
	border:0px #cccccc solid;
	padding-left:4px;
	color:#000000;
}

#ctl00_ContentPlaceHolder1_CalcReqDetailsView___LifeFactor_DecimalTextBox1
{
	color: #000000;
}

.prn-div
{
	page-break-inside: avoid;
}

.btn-Submit-Print, input .btn-Submit-Print 
{ border: none;
  background-color: #ffffff;
  /*padding:2px 2px; 
  *padding:1px 0px 1px 0px;  */
  background-image:url(../../local_resources/images/printer_icon_sml.gif); background-repeat: no-repeat; 
  background-position: 0 0; 
  width:24px; height:28px;
  position:absolute;
  left:105px;
  margin-top:-21px;
  cursor:pointer;   
  *cursor:hand; 
}

.btn-Submit-Print-2, input .btn-Submit-Print-2
{ border: none;
  background-color: #ffffff;
  /*padding:2px 2px; 
  *padding:1px 0px 1px 0px;  */
  background-image:url(../../local_resources/images/printer_icon_sml.gif); background-repeat: no-repeat; 
  background-position: 0 0; 
  width:24px; height:28px;
  position:absolute;
  left:105px;
  margin-top:5px;
  cursor:pointer;   
  *cursor:hand; 
}

.btn-Submit-Share
{  border: none;
   background-color: #ffffff;
  /*padding:2px 2px; 
  *padding:1px 0px 1px 0px;  */
  background-image:url(../../local_resources/images/share_icon_sml.gif); background-repeat: no-repeat; background-position: 0 0; 
  width:28px; height:29px;
  position:absolute;
   left:136px;
   margin-top:-21px;
   cursor:pointer;   
  *cursor:hand; 	
}


/* 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;
}


.HideTXT
{
   display:none;
}

.ShowTXT
{
   display:block;
   margin-left: 250px;
   margin-top: -21px;
}