﻿/**********************************************************************
 * BaseStyles.LeftToRight.css                                         *
 *                                                                    *
 * This file contains the desktop styles for Left to Right languages. *
 * This file will be copied to BaseStyles.css if you select a LTR     *
 * language as the primary language of your application.              *
 *                                                                    *
 * Do not modify this file.  To override any of the styles, please    *
 * modify the Styles.css file.                                        *
 *                                                                    *
 **********************************************************************/

HTML { /* language direction flow of content on page */
	direction: ltr;
	margin: 0px;
	}


/**********************************************************************
 * Page Background Styles                                             *
 **********************************************************************/
.pageBackground, .pBack { /* body */
	background-color: #F9F9F9; /*f2f0df*/
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	margin-top: 104px;
	width: 99%;
	}

.blank { /* blank master page content vertical offset */
	margin-top: 0px;
	}

.pWrapper { /* page content container */
	margin: 0px;
	width: 100%;
	}


/**********************************************************************
 * Page Container Styles                                              *
 **********************************************************************/
.pageTL { /* page container top left edge */
	display: none;
	}

.pageTLSpace { /* page container top left edge buttress */
	display: none;
	}

.pageT { /* page container top center edge */
	display: none;
	}

.pageTSpace { /* page container top center edge buttress */
	display: none;
	}

.pageTR { /* page container top right edge */
	display: none;
	}

.pageTRSpace { /* page container top right edge buttress */
	display: none;
	}	
	
.pageL { /* page container left middle edge */
	display: none;
	}

.pageLSpace { /* page container left middle edge buttress */
	display: none;
	}

.pageC { /* page container center (contents of page container) */
	vertical-align: top;
	width: 100%;
	}

.pageR { /* page container right middle edge */
	display: none;
	}

.pageRSpace { /* page container right middle edge buttress */
	display: none;
	}

.pageBL { /* page container bottom left edge */
	display: none;
	}

.pageBLSpace { /* page container bottom left edge buttress */
	display: none;
	}

.pageB { /* page container bottom center edge (footer container) */
	display: none;
	}

.pageBSpace { /* page container bottom center edge buttress */
	display: none;
	}

.pageBR { /* page container bottom right edge */
	display: none;
	}

.pageBRSpace { /* page container bottom right edge buttress */
	display: none;
	}


/**********************************************************************
 * Page Margin Styles                                                 *
 **********************************************************************/
.marginTL { /* page centering top left margin */
	display: none;
	}

.marginTR { /* page centering top right margin */
	display: none;
	}

.marginmL { /* page centering left margin (horizontal menu row) */
	display: none;
	}

.marginmR { /* page centering right margin (horizontal menu row) */
	display: none;
	}

.marginL { /* page centering left margin */
	display: none;
	}

.marginR { /* page centering right margin */
	display: none;
	}

.marginBL { /* page centering bottom left margin */
	display: none;
	}

.marginBR { /* page centering bottom right margin */
	display: none;
	}


/**********************************************************************
 * Page Center Styles                                                 *
 **********************************************************************/
.pcT { /* page container top center edge (header container) */
	background-color: #085675;
	height:52px; /*64px;*/
	left: 0px;
	position: fixed;
	top: 0px;
	vertical-align: bottom;
	width: 100%;
	z-index: 200;
        background-image: url(../../Images/header2.png);
	}

.logoBG { /* inner header container */
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	}

.logoEmailBG { /* email inner header container */
	background-color: #085675;
	background-image: url(../../Images/logoCompanyName.png);
	background-position: left center;
	background-repeat: no-repeat;
	border-bottom: 2px solid #fafafa;
	}

.pcmL { /* page container left middle edge (horizontal menu row) */
	background-color: #fafafa;
	display: none;
	}

.pcmC { /* page container center (horizontal menu container) */
	background-color: #fafafa;  /*  #bddae6;*/
	left: 0px;
	position: fixed;
	top: 52px;
	width: 100%;
	z-index: 35;
    padding-left:40px;
	}

.pcL { /* page container left middle edge (vertical menu container) */
	display: none;
	padding-right: 6px;
	vertical-align: top;
	}

.pcC { /* page container center (contents of page container) */
	padding-top: 10px;
	text-align: initial;
	/*text-align: center;*/
	vertical-align: top;
	width: 100%;
	}

.pcBL { /* page container bottom left edge */
	display: none;
	}

.pcB { /* page container bottom center edge (footer container) */
	}

.pcB table { /* footer container table */
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	}


/**********************************************************************
 * Page Header Styles                                                 *
 **********************************************************************/
.pHeaderT { /* page header skip navigation link container */
	text-align: left;
	}

.pHeaderL { /* page header left edge */
	background-image:url(../../Images/logoCompanyName.svg); /*url(../../Images/logoCompanyName.png);*/
	background-position: left center;
	background-repeat: no-repeat;
	height: 55px;
	position: absolute;
	top: 0px;
	width: 488px;
	}

.pHeaderL img {
	position: relative;
	left: 6px;
	top: 8px;
	}

.pHeaderC { /* page header logo container */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	vertical-align: bottom;
	width: 365px;
	}

.pHeaderR { /* page header security panel container */
	text-align: right;
	vertical-align: bottom;
	width: 250px;
	}


/**********************************************************************
 * Button/Link Styles                                                 *
 **********************************************************************/
a:link, a:visited {
	color: #4B4B4B;
	}

a:hover {
	color: #4B4B4B;
	text-decoration: none;
	}   

a.button_link,
.bC a.button_link,
.buttonPadding a.button_link,
.dBody a.button_link,
.galleryttc a.button_link,
.popupTableCellValue a.button_link,
.tableCellValue a.button_link,
.thc a.button_link,
.tic a.button_link,
.ttc a.button_link { /* link text of buttons */ 
	color: #fafafa;
	font-family: 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
	}
.title{
background:linear-gradient(to right, #4DC6EF 0%, #0A4671 100%);
/*background: linear-gradient(90deg,#0080B4,#FFFFFF);*/
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight:bold;
font-size:30px;
padding-top:25px;
font-family:'Montserrat';
}
.title2{
color:#212121;
font-weight:bold;
font-size:18px;
}
.title3{
color:#616879;
/*background: linear-gradient(90deg,#0080B4,#FFFFFF);*/
font-weight:bold;
font-size:20px;
padding-top:25px;
font-family:'Montserrat';
}
.themeButton_secondary { /* theme button wrapper */
	/*background: -moz-linear-gradient( center top, #fafafa 5%, #99937f 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #99937f) );
	background: -ms-linear-gradient(top, #fafafa 5%, #99937f 100%);*/
	background:#0080B4;
	/*border: 1px solid #99937f;
	border-radius: 2px;*/
	display: inline-block;
    	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fafafa', endColorStr='#99937f');
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 20px 10px 20px;/*10px 8px 3px 8px;*/
	text-decoration: none;
	border-radius:5px;
	white-space: nowrap;
	}
.themeButton { /* theme button wrapper */
	/*background: -moz-linear-gradient( center top, #fafafa 5%, #99937f 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #99937f) );
	background: -ms-linear-gradient(top, #fafafa 5%, #99937f 100%);*/
	background:#0080B4;
	/*border: 1px solid #99937f;
	border-radius: 2px;*/
	display: inline-block;
    	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fafafa', endColorStr='#99937f');
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 20px 10px 20px;/*10px 8px 3px 8px;*/
	text-decoration: none;
	border-radius:5px;
	white-space: nowrap;
	margin-right:8px;
	}
	
.themeButtonDeny { /* theme button wrapper */
	/*background: -moz-linear-gradient( center top, #fafafa 5%, #99937f 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #99937f) );
	background: -ms-linear-gradient(top, #fafafa 5%, #99937f 100%);*/
	background:#30D765;
	/*border: 1px solid #99937f;
	border-radius: 2px;*/
	display: inline-block;
    	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fafafa', endColorStr='#99937f');
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding: 8px 13px 8px 13px;/*10px 8px 3px 8px;*/
	text-decoration: none;
	white-space: nowrap;
	}
.themeButton a.button_link { /* theme button link text */
	color: #fafafa;
	}

.prbggo a.button_link { /* link text of buttons within pagination row */
	border: 0px;
	color: rgba(8, 86, 117, 1);
	font-size: 11px;
	font-weight: normal;
	padding-left: 4px;
	padding-right: 4px;
	text-transform: uppercase;
	white-space: nowrap;
	}

a.button_link:hover,
.bC a.button_link:hover,
.buttonPadding a.button_link:hover,
.dBody a.button_link:hover,
.galleryttc a.button_link:hover,
.popupTableCellValue a.button_link:hover,
.tableCellValue a.button_link:hover,
.thc a.button_link:hover,
.tic a.button_link:hover,
.ttc a.button_link:hover { /* link text of buttons hover state */
	color: #fafafa;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	}

.themeButton:hover { /* theme button wrapper hover state */
	-moz-transition: all 0.2s ease-in-out 0s;
	/*background: -moz-linear-gradient( center top, #99937f 5%, #fafafa 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #99937f), color-stop(1, #fafafa) );
	background: -ms-linear-gradient(top, #99937f 5%, #fafafa 100%);*/
	background:#0093CF;
    	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#99937f', endColorStr='#fafafa');
	white-space: nowrap;
	}

.themeButton:hover a.button_link { /* theme button link text hover state */
	color: #085675;
	color: #fafafa;
	}


.dfv a,
.dialog_field_value a,
.galleryttc a,
.popupTableCellValue a,
.tableCellValue a,
.ttc a,
.ttch a,
.ttcs a { /* data grid data link text */
	color: #085675;
	cursor: pointer !important;
	text-decoration: none;
	}

.dfv a:hover,
.dialog_field_value a:hover,
.galleryttc a:hover,
.popupTableCellValue a:hover,
.tableCellValue a:hover,
.ttc a:hover,
.ttch a:hover,
.ttcs a:hover { /* data grid data link text hover state */
	color: #085675;
	text-decoration: underline;
	}

a.truncatedText {
	color: #085675;
	text-decoration: none;
	}

a.truncatedText:hover {
	color: #085675;
	text-decoration: underline;
	}

a.skipNavigationLinks {
	color: #fafafa;
	text-decoration: none;
	}

a.skipNavigationLinks:hover {
	text-decoration: underline;
	}


/**********************************************************************
 * Multi-level Menu Styles                                            *
 **********************************************************************/
.MLMmenuAlign { /* horizontal menu container alignment */
	background-color: #fafafa; /*bddae6*/
	margin-left: auto;
	margin-right: auto;
	/*padding-left: 110px;*/
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 200;
	}

.MLMmenu { /* horizontal menu container */	
	}

.MLMmC { /* horizontal menu item container */
	font-family:  "Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	height: 40px;
	padding-left: 8px;
	padding-right: 8px;
	}

.MLMmC a { /* horizontal menu item link text */
	color: #212121;
	text-decoration: none;
	}

.MLMmoC { /* horizontal menu item hover state */
	background-color: #e7eaee;
	}

.MLMmoC a, .MLMmoC a:hover { /* horizontal menu item hover state link text */
	color: #212121;
	}

.MLMmenusub { /* horizontal submenu container (menu leaves) */
	border: 1px solid #99937f;
	}

.MLMsubmC { /* horizontal submenu item container */
	background-color: #FFFFFF;
	font-size: 11px;
	height: 35px;
	padding: 8px;
	text-align: left;
	}

.MLMsubmC a { /* horizontal submenu item link text */	
	color: #212121;
	cursor: pointer !important;
	font-family: 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}

.MLMsubmoC { /* horizontal submenu item hover state */
	background-color: #fafafa;
	}

.MLMsubmoC a { /* horizontal submenu item hover state link text */
	color: #085675;
	}

.MLMmbbg { /* horizontal menu bottom trim */
	display: none;
	}

.MLMmenuVAlign { /* vertical menu container alignment */
	background-color: #fafafa;
	}

.MLMmenuV { /* vertical menu container */
	}

.MLMmvC { /* vertical menu item container */
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 8px;
	}

.MLMmvC a { /* vertical menu item link text */
	color: #fafafa;
	text-decoration: none;
	}

.MLMmvoC { /* vertical menu item hover state */
	background-color: #caccb6;
	}

.MLMmvoC a, .MLMmvoC a:hover { /* vertical menu item hover state link text */
	color: #085675;
	}

.MLMmenuVsub { /* vertical submenu container (menu leaves) */
	border: 1px solid #99937f;
	}

.MLMsubmvC { /* vertical submenu item container */
	background-color: #fafafa;
	font-size: 11px;
	padding: 6px;
	text-align: left;
	}

.MLMsubmvC a { /* vertical submenu item link text */	
	color: #fafafa;
	cursor: pointer !important;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}

.MLMsubmvoC { /* vertical submenu item hover state */
	background-color: #caccb6;
	}

.MLMsubmvoC a { /* vertical submenu item hover state link text */
	color: #085675;
	}

.MLMmveTL { /* vertical menu top left edge */
	display: none;
	}

.MLMmveT { /* vertical menu top center edge */
	display: none;
	}

.MLMmveTR { /* vertical menu top right edge */
	display: none;
	}

.MLMmveBL { /* vertical menu bottom left edge */
	display: none;
	}

.MLMmveB { /* vertical menu bottom center edge */
	display: none;
	}

.MLMmveBR { /* vertical menu bottom right edge */
	display: none;
	}


/**********************************************************************
 * Footer Styles                                            	      *
 **********************************************************************/
.footer { /* footer content */
	color: #085675;
	font-family: 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	padding-top: 2px;
	text-transform: none;
	vertical-align: top;
	white-space: nowrap;
	width: 200px;
	}


/**********************************************************************
 * Panel Container Styles                                             *
 **********************************************************************/
.panelTL { /* panel container top left edge */
	}

.panelTLSpace { /* panel container top left edge buttress */
	display: none;
	}

.panelT { /* panel container top edge */
	}

.panelTSpace { /* panel container top edge buttress */
	display: none;
	}


.panelTR { /* panel container top right edge */
	}

.panelTRSpace { /* panel container top right edge buttress */
	display: none;
	}

.panelHeaderL { /* panel container header left edge */
	}

.panelHeaderLSpace { /* panel container header left edge buttress */
	display: none;
	}

.panelHeaderR { /* panel container header right edge */
	}

.panelHeaderRSpace { /* panel container header right edge buttress */
	display: none;
	}

.panelL { /* panel container left edge */
	}

.panelLSpace { /* panel container left edge buttress */
	display: none;
	}

.dialog_view, .dv, .panelC { /* panel container (includes panel header) */
	/*box-shadow: 0px 0px 2px #666666;*/
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	vertical-align: top;
	width: 99%;
	}

.panelR { /* panel container right edge */
	}
	
.panelRSpace { /* panel container right edge buttress */
	display: none;
	}

.panelPaginationL { /* panel container pagination left edge */
	width: 50%;
	}

.panelPaginationC { /* panel container pagination center */
	background-color: #ffffff;
	height: 30px;
	text-align: center;
	width: 100%;
	}
	.panelPaginationC_blue { /* panel container pagination center */
	background-color: #DDEDF7;
	height: 30px;
	text-align: center;
	width: 100%;
	}
	
.panelPaginationCContainer { /* pagination container table */
        width: 100%; /* uncomment out for full panel width pagination control */
        }

.panelPaginationCContainerL { /* pagination container left cell (left margin) */
        width: 50%; /* uncomment out for full panel width pagination control */ 
        }

.panelPaginationCContainerC { /* pagination container center cell  (current page control) */
        width: 100%; /* uncomment out for full panel width pagination control */ 
        }

.panelPaginationCContainerR { /* pagination container right cell (page size control) */
        width: 50%; /* uncomment out for full panel width pagination control */
        }

.panelPaginationR { /* panel container pagination right edge */
	width: 50%;
	}

.panelBL { /* panel container bottom left edge */
	}

.panelBLSpace { /* panel container bottom left edge buttress */
	display: none;
	}

.panelB { /* panel container bottom edge */
	}

.panelBSpace { /* panel container bottom edge buttress */
	display: none;
	}

.panelBR { /* panel container bottom right edge */
	}

.panelBRSpace { /* panel container bottom right edge buttress */
	display: none;
	}

.panelButtonSpacing {
	width: 100%;
	}

.panelSearchBox {
	background-color: #f9f9f9;
	border-radius: 5px;
	/*box-shadow: inset 0px 1px 1px #999999;*/
	height: 20px;
	padding: 0px;	
	padding-left: 8px;
	padding-right: 4px;
	width: 286px;
	}

.panelSearchBox:hover { /* panel search textbox hover state */
	background-color: #ffffff;
	border-radius: 1px;
	box-shadow: 0px 0px 0px 2px rgba(187, 187, 187, 0.25);
	}

.Search_Input, .si { /* search textbox */
	/* background-color: #f3f3f3; */
	background-color: transparent;
	border: none;
	color: #666666;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 0px;
	width: 246px;
	} 

.Search_InputHint { /* "search for..." text inside search textbox */
	/* background-color: #f3f3f3; */
	background-color: transparent;
	border: none;
	color: #999999;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 0px;
	width: 246px;
	} 

.Search_Input_Classic { /* classic style needed for LLS search textboxes */
	border: 1px solid #dddddd;
	border-radius: 2px;
	box-shadow: inset 0px 1px 2px #dddddd;
	color: #999999;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	width: 246px;
	} 

.Search_Input2, .si2 { /* search textbox (classic style needed for workflow page type) */
	border: 1px solid #dddddd;
	border-radius: 2px;
	box-shadow: inset 0px 1px 2px #dddddd;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	} 

.recordPanelButtonsAlignment, .rpbAlign { /* page buttons padding */
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	}

.recordPanelButtonsAlignment table { /* page buttons alignment */
	/* margin-left: auto; */ /* uncomment out to center align page buttons */
	/* margin-right: auto; */ /* uncomment out to center align page buttons */
	}

.pageButtonsContainer { /* page buttons container */
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	}

.buttonPadding { /* page buttons padding */
	padding-right: 6px;
	}

.floatContainer {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	}


/**********************************************************************
 * Panel Body Styles                                                  *
 **********************************************************************/
.updatePanelContent { /* panel container */
	width: 100%;
	}

.dialogHeaderEdgeL, .dhel { /* panel header left edge */
	display: none;
	}

.dialogHeaderEdgeR, .dher { /* panel header right edge */
	display: none;
	}

.dialog_header, .dh { /* panel header container */
	background-color: #ffffff;
	vertical-align: top;
	}

.dialogHeaderBackground, .dhb { /* panel header */
	background-color: #ffffff;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 4px;
	}
	.dialogHeaderBackground, .dhb_blue { /* panel header */
	background-color: #DDEDF7;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 4px;
	border-radius:15px 15px 0px 0px;
	}
		.dialogHeaderBackground, .dhb_orange { /* panel header */
	background-color: #FEE8D4;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 4px;
	border-radius:15px 15px 0px 0px;
	}
		.dialogHeaderBackground, .dhb_green { /* panel header */
	background-color: #E9F1E0;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 4px;
	border-radius:15px 15px 0px 0px;
	}
			.dialogHeaderBackground, .dhb_red { /* panel header */
	background-color: #FDE4DF;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 4px;
	border-radius:15px 15px 0px 0px;
	}


.dialog_header_text, .dht { /* panel header title text */
	/*background-color: #0080B4;
	background-image: url(../../Images/dhtArrow.png);*/
	background:linear-gradient(90deg,#0080B4,#FFFFFF);
	background-position: center right;
	background-repeat: no-repeat;
	color: #fafafa;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	/*height: 36px;*/
	height: 32px;
	padding-left: 14px;
	padding-right: 50px;
	text-transform: none;
	white-space: nowrap;
	width: 400px;
	}
	.dialog_header_text, .dht2 { /* panel header title text */
	/*background-color: #085675;*/
	/*background-image: url(../../Images/dhtArrow.png);*/
	background:linear-gradient(90deg,#0080B4,#FFFFFF);
	background-position: center right;
	background-repeat: no-repeat;
	color: #fafafa;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	/*height: 36px;*/
	height: 32px;
	padding-left: 14px;
	padding-right: 50px;
	text-transform: none;
	white-space: nowrap;
	width: 400px;
	}
	.dialog_header_text, .dht3 { /* panel header title text */
	/*background-color: #0080B4;*/
	/*background-image: url(../../Images/dhtArrow.png);*/
	background-position: center right;
	background-repeat: no-repeat;
	color: #212121;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	/*height: 36px;*/
	height: 32px;
	padding-left: 14px;
	/*padding-right: 50px;*/
	text-transform: none;
	white-space: nowrap;
	/*width: 400px;*/
	}


.dialog_header_warning_text, .dhwt { /* panel header warning title text */
	background-color: #e01231;
	background-image: url(../../Images/dhtArrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	color: #fafafa;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	height: 36px;
	padding-left: 14px;
	padding-right: 50px;
	text-transform: none;
	white-space: nowrap;
	width: 400px;
	}

.dheci { /* padding around panel expand/collapse icon */
	background-color: #ffffff;
	padding-left: 10px;
	}

.dhir { /* padding between panel header title text and edit icon */
	padding-left: 6px;
	}

.dialog_body, .dBody { /* panel content container (excludes panel header) */ 
	background-color: #FFFFFF;
	color: #333333;
	font-family: 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	padding: 8px;
	text-align: left;
	font-weight:normal;
	}
	.dialog_body, .dBody_blue { /* panel content container (excludes panel header) */ 
	background-color: #DDEDF7;
	color: #333333;
	font-family: 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	padding: 8px;
	text-align: left;
	font-weight:normal;
	border-radius:0px 0px 15px 15px;
	/*height:300px;*/
	}
	.dialog_body, .dBody_orange { /* panel content container (excludes panel header) */ 
	background-color: #FEE8D4;
	color: #333333;
	font-family: 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	padding: 8px;
	text-align: left;
	font-weight:normal;
	border-radius:0px 0px 15px 15px;
	}
	.dialog_body, .dBody_green { /* panel content container (excludes panel header) */ 
	background-color: #E9F1E0;
	color: #333333;
	font-family: 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	padding: 8px;
	text-align: left;
	font-weight:normal;
	border-radius:0px 0px 15px 15px;
	}
	.dialog_body, .dBody_red { /* panel content container (excludes panel header) */ 
	background-color: #FDE4DF;
	color: #333333;
	font-family: 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	padding: 8px;
	text-align: left;
	font-weight:normal;
	border-radius:0px 0px 15px 15px;
	}
	
.field_label, .fl { /* field label on top */
	color: #121212;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	text-align: left;
	text-transform: none;
	vertical-align: middle;
	white-space: nowrap;	
	}

.field_label_on_side, .fls { /* field label on side */
	color: #777777;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal; 
	padding-bottom: 8px;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 4px;
	text-align: right;
	text-transform: none;
	vertical-align: top;
	white-space: nowrap;	
	}

.field_value, .fv { /* field value */
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 0px;
	}

.field_input, .fi { /* input textbox */
	background-color: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	/*box-shadow: inset 1px 1px 1px #999999;*/
	/*color: #666666;*/
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-left: 4px;
	padding-top: 2px;
	vertical-align: top;
	height:20px;
	}
	.field_input2 { /* input textbox for login page */
	background-color: #FFFFFF;
	border: 2px solid #DCDCDC;
	border-radius: 3px;
	/*box-shadow: inset 1px 1px 1px #999999;*/
	/*color: #666666;*/
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-left: 4px;
	padding-top: 2px;
	vertical-align: top;
	width:380px;
	/*height:20px;*/
	}
	.field_input_dropdown { /* input textbox */
	background-color: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	/*box-shadow: inset 1px 1px 1px #999999;*/
	/*color: #666666;*/
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-left: 4px;
	padding-top: 2px;
	vertical-align: top;
	height:25px;
	}
	
.field_input_required, .fi { /* input textbox required  */
	background-color: rgba(247, 228, 232, 1);
	border: 1px solid #FF9999;
	border-radius: 3px;
	/*box-shadow: inset 1px 1px 1px #999999;*/
	/*color: #666666;*/
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-left: 4px;
	padding-top: 2px;
	vertical-align: top;
	height:20px;
	}
	.field_input_required_dropdown { /* input textbox required  */
	background-color: rgba(247, 228, 232, 1);
	border: 1px solid #FF9999;
	border-radius: 3px;
	/*box-shadow: inset 1px 1px 1px #999999;*/
	/*color: #666666;*/
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-left: 4px;
	padding-top: 2px;
	vertical-align: top;
	height:25px;
	}
	
	

.field_input:hover { /* input textbox hover state */
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0px 0px 0px 2px rgba(187, 187, 187, 0.25);
	}

.dialog_field_value, .dfv { /* panel field value text */
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 4px;
	text-align: left;
	vertical-align: top;
	}

.Filter_Input, .fili { /* filter drop-down list */
	background-color: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	/*box-shadow: inset 1px 1px 1px #aaaaaa;*/
	color: #666666;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: top;
	}
	.Filter_Input_dropdown { /* filter drop-down list */
	background-color: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	/*box-shadow: inset 1px 1px 1px #aaaaaa;*/
	color: #666666;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: top;
	height:25px;
	}

.Filter_Input:hover { /* drop-down list hover state */
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0px 0px 0px 2px rgba(187, 187, 187, 0.25);
	}

.filter_area, .fila { /* filter label */
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 4px 7px 4px 7px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;	
	}
	
.search_area, .sa { /* search area container */
	font-family: 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 2px;
	}

.search_label, .sl { /* search label */
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 5px;
	vertical-align: middle;
	white-space: nowrap;	
	}

.rangeFilterText, .rft { /* range filter label */
	color: #777777;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
	text-transform: none;
	}


/**********************************************************************
 * Dropshadow Styles                        			      * 
 **********************************************************************/
.imageDropshadow { /* image thumbnail dropshadow */
	-moz-box-shadow: 0px 0px 2px #666666;
	-webkit-box-shadow: 0px 0px 2px #666666;
	box-shadow: 0px 0px 2px #666666;
	}


/**********************************************************************
 * Auto Type Ahead (Interactive Search) Styles                        * 
 **********************************************************************/
.autotypeahead_completionListElement { /* textbox value */   
	background-color: #eeeeee;
	border-bottom: 1px solid #555555;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-top: 1px solid #555555;
	left: 0px;
	list-style-type: none;
	margin: 0px;
	overflow: auto;
	padding: 0px;
	position: absolute;
	top: 0px;
	visibility: hidden;
	}

.autotypeahead_highlightedListItem { /* highlighted list item */
	background-color: #dddddd;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 1px; 
	}

.autotypeahead_listItem { /* list item */
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 1px; 
	}


/**********************************************************************
 * Table Rows Styles                                                  *
 **********************************************************************/ 
.header_cell,
.header_cell_scrolling,
.thc,
.thcs,
.thcnb,
.thcwb { /* column header container (above select checkbox) */
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
	color: #777777;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 5px;
	text-align: left;
	vertical-align: top;
	}

.thc_blue
 { /* column header container (above select checkbox) */
	background-color: #DDEDF7;
	/*border-bottom: 1px solid #cccccc;*/
	color: #777777;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*font-size: 8px;*/
	font-weight: normal;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 5px;
	text-align: left;
	vertical-align: top;
	}
	.thc_orange
 { /* column header container (above select checkbox) */
	background-color: #FEE8D4;
	/*border-bottom: 1px solid #cccccc;*/
	color: #777777;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*font-size: 8px;*/
	font-weight: normal;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 5px;
	text-align: left;
	vertical-align: top;
	}
 .thc_green
 { /* column header container (above select checkbox) */
	background-color: #E9F1E0;
	/*border-bottom: 1px solid #cccccc;*/
	color: #777777;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*font-size: 8px;*/
	font-weight: normal;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 5px;
	text-align: left;
	vertical-align: top;
	}
 .thc_red
 { /* column header container (above select checkbox) */
	background-color: #FDE4DF;
	/*border-bottom: 1px solid #cccccc;*/
	color: #777777;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*font-size: 8px;*/
	font-weight: normal;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 5px;
	text-align: left;
	vertical-align: top;
	}

.column_header a,
.column_header_scrolling a,
.tch a,
.tchs a { /* column header link text */
	color: #004967;
	cursor: pointer !important;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	} 
	
.column_header a:hover,
.column_header_scrolling a:hover,
.tch a:hover,
.tchs a:hover { /* column header link text hover state */
	color: #004967;
	text-decoration: underline;
	}

.icon_cell, .alt_icon_cell, .tic, .taic { /* deprecated: data grid row button container */
	background-color: #e7e7e7;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}

.icon_cell_highlighted, .alt_icon_cell_highlighted, .tich, .taich { /* deprecated: data grid row button container highlighted state */
	background-color: #fafafa;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}

.icon_cell_selected, .tics { /* deprecated: data grid row button container selected state */
	background-color: #ffffff;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}

.ticnb { /* data grid row button container */
	background-color: #e7e7e7;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	padding-left: 2px;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}

.tichnb { /* data grid row button container highlighted state */
	background-color: #fafafa;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	padding-left: 2px;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}

.ticsnb { /* data grid row button container selected state */
	background-color: #ffffff;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	padding-left: 2px;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}
	
.ticwb { /* data grid select checkbox container */
	background-color: #e7e7e7;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}

.tichwb { /* data grid select checkbox container highlighted state */
	background-color: #fafafa;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}

.ticswb { /* data grid select checkbox container selected state */
	background-color: #ffffff;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}

.tichb { /* data grid right-most row button container (when no select checkbox is present) */
	background-color: #f2f0df;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}

.tichhb { /* data grid right-most row button container (when no select checkbox is present) highlighted state */
	background-color: #fafafa;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}

.ticshb { /* data grid right-most row button container (when no select checkbox is present) selected state */
	background-color: #ffffff;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	padding-top: 3px;
	vertical-align: top;
	width: 16px;
	}
			
.icon_cell_empty, .tice { /* data grid row button container (when no row button is present) */
	background-color: #f2f0df;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	width: 0px;
	}

.icon_cell_highlighted_empty, .tiche { /* data grid row button container (when no row button is present) highlighted state */
	background-color: #fafafa;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	width: 0px;
	}

.icon_cell_selected_empty, .ticse { /* data grid row button container (when no row button is present) selected state */
	background-color: #ffffff;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	width: 0px;
	}
	
.table_cell, .alt_table_cell, .ttc, .tatc { /* data grid data container */
	background-color: #f2f0df;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	color: #333333;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 5px;
	vertical-align: top;
	text-align: left;
	}

.table_cell_highlighted, .alt_table_cell_highlighted, .ttch, .tatch { /* data grid data container highlighted state */
	background-color: #fafafa;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 5px;
	vertical-align: top;
	text-align: left;
	}

.table_cell_selected, .ttcs { /* data grid data container selected state */
	background-color: #ffffff;
	border-bottom: 1px dotted #dddddd;
	border-top: 1px solid #ffffff;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 5px;
	vertical-align: top;
	text-align: left;
	}

.ttc .dv, .ttch .dv, .ttcs .dv { /* panel container nested within data grid */
	margin: 0px;
	padding: 0px;
	width: 100%;
	}

.ttc .ajax__tab_xp, .ttch .ajax__tab_xp, .ttcs .ajax__tab_xp { /* tab container nested within data grid */
	margin: 0px;
	padding: 0px;
	}

.totals_cell, .tpttc { /* data grid totals container */
	background-color: #f2f0df;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	width: 48px;
	}

.totals_cell_value, .tpttcv { /* data grid totals text */
	background-color: #f2f0df;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 5px;
	text-align: right;
	vertical-align: top;
	}

.page_total_label, .tptl { /* data grid page totals label */
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-left: 20px;
	vertical-align: middle;
	white-space: nowrap;	
	}

.page_total_value, .tptv { /* data grid page totals text */
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 3px;
	}

.grand_total_label, .tgtl { /* data grid grand total label */
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-left: 20px;
	vertical-align: middle;
	white-space: nowrap;	
	}

.grand_total_value, .tgtv { /* data grid grand total text */
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 3px;
	}

.tableCellLabel {/* table cell field label text */
	color: #475967;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	/*padding-bottom: 4px;*/
	padding-bottom: 2px;
	/*padding-left: 6px;*/
	padding-left: 12px;
	padding-right: 2px;
	/*padding-top: 8px;*/
	padding-top: 5px;
	text-align: left;
	text-transform: none;
	vertical-align: middle;
	font-weight:600;
	width:150px;
	
	/*white-space: nowrap;*/
	}
	
.tableCellExplanation {/* */
	color: #212121;
	font-family:  'Montserrat';
	font-size: 16px;
	/*padding-bottom: 4px;*/
	/*padding-left: 6px;*/
	padding-left: 12px;
	padding-right: 2px;
	/*padding-top: 8px;*/
	/*padding-top: 5px;*/
	text-align: left;
	text-transform: none;
	vertical-align: top;
	/*font-weight:600;*/
	padding-top:15px;
	/*white-space: nowrap;*/
	}

.tableCellValue { /* table cell field value text */
	color: #212121;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	/*padding-bottom: 4px;*/
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 5px;
	/*padding-top: 8px;*/
	text-align: left;
	vertical-align: middle;
	/* table cell field value text */
	max-width:500px;
	
	}
	.tableCellValue_List { /* table cell field value text in SWOT Pages */
	color: #212121;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	/*padding-bottom: 4px;*/
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 5px;
	/*padding-top: 8px;*/
	text-align: left;
	vertical-align: top;
	/* table cell field value text */
	max-width:500px;
	border-bottom:1px solid #CBCBCB;
	}
	.BlankPanelArea{
	padding-top:35px;
	padding-right:15px;
	padding-left:15px;
	vertical-align:top;
	}
	.BlankPanel{

	vertical-align:top;
	}


.tableRowDivider { /* table row divider between consecutive records */
	border-bottom: 1px solid #eeeeee;
	height: 1px;
	}

.tableRowButton { /* table row buttons container */
	font-size: 4px;
	padding-left: 2px;
	padding-top: 8px;
	vertical-align: top;
	width: 16px;
	}

.tableRowButtonsCellHorizontal { /* table row buttons horizontal orientation */
	vertical-align: top;
	white-space: nowrap;
	width: 16px;
	}

.tableRowButtonsCellHorizontal input.button_link { /* table row button (horizontal orientation) */
	display: inline;
	padding-left: 2px; 
	padding-right: 2px;
	padding-top: 8px;
	}

.tableRowButtonsCellHorizontal input.button_link:hover { /* table row button hover state (horizontal orientation) */
	}

.tableRowButtonsCellVertical { /* table row buttons vertical orientation */
	padding-bottom: 6px;
	padding-top: 6px;
	vertical-align: top;
	width: 16px;
	}

.tableRowButtonsCellVertical input.button_link { /* table row button (vertical orientation) */
	display: block;
	padding: 2px;
	}

.tableRowButtonsCellVertical input.button_link:hover { /* table row button hover state (vertical orientation) */
	}

.tableCellSelectCheckbox { /* table row select checkbox container */
	padding-left: 6px;
	padding-top: 7px;
	vertical-align: top;
	width: 16px;
	}

.tableRowsEdge, .tre { /* data grid container */
	}


/**********************************************************************
 * Scrolling Table Styles                                             *
 **********************************************************************/
div.tableContainer { /* scrolling table container */
	clear: both;
	/* height: 640px; defines non-fixed header scrolling region height  02.03.2018 TARİNDE ONUR TARINDAN ÇIKARTILDI */
	/*overflow: auto; /* enables scroll bar 19.08.2019 TARİNDE ONUR TARINDAN ÇIKARTILDI DXR.axd içinde border-colapse kapatılmalıncaya kadar bu kapalı kalsın  */ 
	}

div.fixedHeaderContainer .dBody {
	padding: 0px; /* eliminate default padding of dBody */
	}

div.fixedHeaderBackground { /* wrapper of fixed header and scroll region */
	background-color: #fafafa; /* echo background color of thc */
	position: relative;
	}

div.fixedHeaderScrollRegion { /* wrapper of scroll region */
	background-color: #ffffff; /* echo background color of dBody */
	height: 640px; /* height of scroll region */
	overflow-y: auto; /* render scroll bar if necessary */
	}

div.fixedHeaderScrollRegion .fixedHeaderRow .thc, div.fixedHeaderScrollRegion .fixedHeaderRow .thcnb, div.fixedHeaderScrollRegion .fixedHeaderRow .thcwb {
	border: 0px; /* hide original header borders */
	padding: 0px 10px 0px 0px; /* hide original headers behind div.fixedHeaderBackground */ 
	}

div.fixedHeader { /* wrapper of each fixed header label */
	border-left: none; /* echo border of thc */
	/* box-sizing: border-box; */
	margin-left: 0px;
	overflow: hidden; /* truncate "long" fixed header labels */
	padding: 5px 4px 5px 4px; 
	position: absolute; /* fix header label in place */
	text-overflow: ellipsis;
	top: 0px; /* fix header at 0px from top of div.fixedHeaderBackground */
	}

div.fixedHeaderSelectAllCheckboxPadding { /* fixed header select all checkbox padding */
	padding: 4px 6px 4px 6px;
	}


/**********************************************************************
 * Pagination Styles                                                  *
 **********************************************************************/
.pagination_row, .pr { /* button bar/pagination row container (classic style needed for workflow page type) */
	background-color: #fafafa;
	color: #fafafa;
	height: 30px;
	padding-top: 4px;
	vertical-align: middle;
	width: 100%;
	}

.prbbc { /* button bar button container */
	}

.prbg { /* pagination row button container */
	color: #1F2F66;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-left: 3px;
	padding-right: 3px;
	white-space: nowrap;
	}

.prbg input { /* pagination row input textbox */
	padding-right: 8px;
	padding-top: 2px;
	}
	
.prbggo { /* pagination row "go" button container */
	}

.prspace { /* pagination short buttons and navigation sections spacing */
	padding-bottom: 3px;
	vertical-align: bottom;
	width: 100%;
	}

.prspaceEnd { /* pagination short buttons and navigation sections spacing end */
	display: none; /* uncomment out for full panel width pagination control */
	/* width: 100%; */ /* comment out for full panel width pagination control */
	}

.Pagination_Input, .pri { /* pagination row input textbox/drop-down list container */
	background-color: #ffffff;
	border: 1px #dcdcdc solid; 
	border-radius: 2px;
	/*box-shadow: inset 0px 1px 2px #666666;*/
	color: #666666;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	padding-left: 6px;
	padding-top: 2px;
	text-align: center;
	}
	
.Pagination_Input:hover { /* pagination textboxt/drop-down list hover state */
	background-color: #ffffff;
	border-radius: 1px;
	box-shadow: 0px 0px 0px 2px rgba(187, 187, 187, 0.25);
	}

.menuDivider {
	padding: 0px;
	border-top: 1px solid #ffffff;
	}


/**********************************************************************
 * Tab Control Styles                                                 *
 **********************************************************************/
.ajax__tab_xp { /* tab container alignment */
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: left;
	width: 99%;
	}

.tableCellValue .ajax__tab_xp { /* tab container within table cell */
	min-width: 942px;
	}

.ajax__tab_xp div.ajax__tab_body { /* tab container */
	background-color: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	}

.ajax__tab_panel { /* tab container background */
	background-color: transparent;
	}

.ajax__tab_xp div.ajax__tab_header { /* tab container top edge */
	background-image: none;
	}

.ajax__tab_xp .ajax__tab_active span.ajax__tab_outer, .ajax__tab_xp div.ajax__tab_header .ajax__tab_active span.ajax__tab_outer { /* tab container active tab */
	background-color: #FFFFFF;
	background-image: none;
	border-bottom: 1px solid #f6f6f6; 
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-left: none; 
	border-left: 1px solid #aaaaaa; 
	border-right: 1px solid #cccccc;
	border-top: 2px solid #085675;
	border-top-left-radius: 3px;
	padding:3px;
	border-top-right-radius: 3px;
	
	}

.ajax__tab_xp .ajax__tab_hover span.ajax__tab_outer, .ajax__tab_xp div.ajax__tab_header .ajax__tab_hover span.ajax__tab_outer { /* tab container hovered-over tab */
	background-color: #f6f6f6;
	background-image: none;
	border-bottom: 1px solid #f6f6f6; 
	}

.ajax__tab_xp span.ajax__tab_outer, .ajax__tab_xp div.ajax__tab_header span.ajax__tab_outer { /* tab container non-active tab */
	background-color: #F9F9F9;
	background-image: none;
	border-bottom: 1px solid #cccccc;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-left: 1px solid #cccccc;
	border-right: none;
	padding:3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	box-shadow: 1px -1px 1px #bbbbbb;
	}

.ajax__tab_xp .ajax__tab_active span.ajax__tab_inner, .ajax__tab_xp div.ajax__tab_header .ajax__tab_active span.ajax__tab_inner { /* tab container active tab contents */
	background-image: none;
	}

.ajax__tab_xp .ajax__tab_hover span.ajax__tab_inner, .ajax__tab_xp div.ajax__tab_header .ajax__tab_hover span.ajax__tab_inner { /* tab container hovered-over tab contents */
	background-image: none;
	}

.ajax__tab_xp span.ajax__tab_inner, .ajax__tab_xp div.ajax__tab_header span.ajax__tab_inner { /* tab container non-active tab background image */
	background-image: none;
	}

.ajax__tab_xp .ajax__tab_active span.ajax__tab_tab, .ajax__tab_xp div.ajax__tab_header .ajax__tab_active .ajax__tab_tab { /* tab container active tab background image */
	background-image: none;
	}

.ajax__tab_xp .ajax__tab_hover span.ajax__tab_tab, .ajax__tab_xp div.ajax__tab_header .ajax__tab_hover .ajax__tab_tab { /* tab container hovered-over tab background image */
	background-color: #f6f6f6;
	background-image: none;
	}

.ajax__tab_xp span.ajax__tab_tab, .ajax__tab_xp div.ajax__tab_header .ajax__tab_tab { /* tab container tab text */
	background-image: none;
	color: #000000;
	}

.ajax__tab_xp .dialog_view, .ajax__tab_xp .dv { /* panel container within tab container */
	border-radius: 0px;
	/*box-shadow: 0px 0px 2px #666666;*/
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	width: 100%;
	}

.tableCellValue .ajax__tab_xp .dv { /* panel container within tab container within table */
	border: none;
	border-radius: 2px;
	box-shadow: 0px 0px 2px #999999;
	width: 100%;
	}

.ajax__tab_xp .dh { /* tab container (within table row) top edge */
	/*border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;*/
	}

.ajax__tab_xp .dBody, div.fixedHeaderContainer .ajax__tab_xp .dBody { /* panel content container (excludes panel header) within tab container */ 
	background-color: #ffffff; /*#f6f6f6;*/
	border: none;
	border-left: 1px solid #e6e6e6;
	padding: 6px;
	}

.ajax__tab_xp .themeButton {
	}

.ajax__tab_xp .tre { /* data grid container within tab container */
	}


/**********************************************************************
 * HTML Editor Styles                                                 *
 **********************************************************************/
.ajax__htmleditor_editor_container:hover { /* html editor container hover state */
	background-color: #ffffff;
	border-radius: 1px;
	box-shadow: 0px 0px 0px 2px rgba(187, 187, 187, 0.25);
	}


/**********************************************************************
 * Sign In Bar Styles                                                 *
 **********************************************************************/
.signInSpacing { /* application logo and sign in bar spacing */
	width: 100%;
	}

.signInBar { /* sign in bar */
	
	color: #fafafa;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
	white-space: nowrap;
	font-weight: bold;
	}
	
.signInBar a { /* sign in bar link text */
	color: #fafafa;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
	font-weight: bold;
	}

.signInBar a:hover { /* sign in bar link text hover state */
	text-decoration: underline;
	}

.signInBarStatus { /* sign in bar status message text */
	color: #fafafa;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	padding-left: 10px;
	padding-right: 20px;
	text-align: right;
	white-space: nowrap;
	}


/**********************************************************************
 * Security Forms (Sign In, Sign Out, Forgot User pages) Styles       *
 **********************************************************************/
.securityGraphicWrapper { /* sign in/out graphic, saluation and instruction container */
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
	}

.securityForm {
	height: 100px;
	padding: 16px;
	text-align: left;
	vertical-align: top;
	}

.QSContainer .securityGraphicWrapper .imageDropshadow { /* reduce security graphic image size so contents fit within QuickPopup */
	width: 430px;
	} 


/**********************************************************************
 * Actions/Filters/Settings Popup Styles                              *
 **********************************************************************/
.popupPosition {
	/* z-index: 100; */
	}

.popupWrapper { /* popup container */
	/* background-color: #fafafa; */
	background-color: #F9F9F9;
	/*border: 1px solid #99937f;*/
	border-radius: 5px;
	box-shadow: 0px 0px 2px #999999;
	color: #333333;
	display: inline-block;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	left: 0px;
	padding: 2px;
	position: absolute;
	text-align: left;
	top: 0px;
	visibility: hidden;
	z-index: 200;
	}

.popupTableCellLabel {/* popup table cell field label text */
	color: #212121;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 2px;
	padding-top: 4px;
	text-align: left;
	text-transform: none;
	vertical-align: top;
	white-space:nowrap;
	}

.popupTableCellValue { /* popup table cell field value text */
	color: #333333;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 4px;
	vertical-align: top;
	white-space:nowrap;
	}

.popupTableCellValue div { /* make sure any div container (e.g., .net tab container) appears/hides with its parent, the actions/filters popup  */
	visibility: inherit !important;
	}

.popupTableCellAction { /* popup action item cell */
	background-color: #ffffff;
	font-size: 13px;
	padding: 8px;
	text-align: left;
	width: 100%;
	}

.popupTableCellAction:hover { /* popup action item cell hover state */
	background-color: #fafafa;
	}

.popupTableCellAction a { /* popup action item link */
	color: #085675;
	cursor: pointer !important;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	}

.popupTableCellAction a:hover { /* popup action item link hover state */
	}

.popupTableRowDivider { /* popup filter divider, separating "filter by" from "sort by" */
	border-top: 1px solid #4d4843;
	padding-bottom: 6px;
	}

.popupWrapper .Filter_Input { /* filter drop-down list within popup */
	font-size: 13px;
	}


/**********************************************************************
 * Detail Rollover Popup Styles                                       *
 **********************************************************************/
.detailRolloverPopup { /* detail rollover popup container */
	position: absolute;
	visibility: visible;
	z-index: 2;
	}

.detailRolloverTitle { /* detail rollover popup title */
	color: #111111;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	height: 10px;
	padding: 4px 10px 4px 10px;
	vertical-align: middle;
	width: 100%;
	}

.detailRolloverTitlePadding { /* detail rollver popup title padding (work-around classic implementation) */
	display: none;
	}

.detailRolloverPopupCloseButtonAlignment { /* detail rollover popup close button container */
	padding-left: 4px;
	padding-right: 4px;
	}

.detailRolloverTL { /* detail rollover popup top left edge */
	display: none;
	}

.detailRolloverT { /* detail rollover popup top center edge */
	}

.detailRolloverTR { /* detail rollover popup top right edge */
	display: none;
	}

.detailRolloverL { /* detail rollover popup left middle edge */
	display: none;
	}

.detailRolloverC { /* detail rollover popup center */
	padding: 10px;
	}

.detailRolloverR { /* detail rollover popup right middle edge */
	display: none;
	}

.detailRolloverBL { /* detail rollover popup bottom left edge */
	display: none;
	}

.detailRolloverB { /* detail rollover popup bottom center edge */
	background-image: none;
	font-size: 1px;
	}

.detailRolloverBR { /* detail rollover popup bottom right edge */
	display: none;
	}


/**********************************************************************
 * AJAX Calendar Styles                                               *
 **********************************************************************/
.MyCalendar { /* Bug 93762 - force Calendar popup to display next to Date field */
	left: inherit !important;
	top: inherit !important;
        }

.MyCalendar .ajax__calendar_container { /* AJAX calendar container */
	background-color: #ffffff;
	border: 1px solid #636563;
	color: #000000;
	z-index: 20;
	}

.MyCalendar .ajax__calendar_container table { /* AJAX calendar days container */
	height: 100%;
	width: 100%;
	}

.MyCalendar .ajax__calendar_day { /* AJAX calendar non-current day container */ 
	border: 1px solid #ffffff;
	}

.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year { /* AJAX calendar non-current month day/year container */
	border: 1px solid #ffffff;
	color: #636563;
	}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year { /* AJAX calendar day/month/year hover state */
	background-color: #effbff;
	border: 1px solid #def3ff;
	color: #0065ce;
	}

.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year { /* AJAX calendar current day/month/year container */
	background-color: #effbff;
	border: 1px solid #0065ce;
	color: #0065ce;
	}


/**********************************************************************
 * AJAX Smooth Panel Update Styles                                    *
 **********************************************************************/
.ajaxUpdatePanel { /* AJAX smooth panel update screen overlay */
	background-color: #000000;
	height: 100%;
	left: 0px;
	opacity: 0.50;
	padding: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 1999;
	}

div.updatingContainer { /* AJAX smooth panel update loading icon position */
	height: 100%;
	left: 0px;
	padding: 0px !important;
	position: fixed !important;
	text-align: center;
	top: 0px;
	width: 100%;
	z-index: 2000;
	}

div.updatingContainer img { /* AJAX smooth panel update loading icon */
	position: relative;
	top: 50%;
	}


/**********************************************************************
 * AJAX Modal Popup Control Styles                                    *
 **********************************************************************/
.modalPopup {
	background-color: #eeeeee;
	border: 1px solid #000000;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 35px;
	padding: 10px; 
	position: absolute;
	text-align: center;
	top: -1000px;
	vertical-align: middle;
	width: 200px;
	}


/**********************************************************************
 * Web Accordion Styles                                               * 
 **********************************************************************/
.accordionHeader { /* accordion header area */ 
	background-color: #e8702a;
	border: 1px dotted #dddddd;
	padding-bottom: 10px;
	padding-top: 10px;
	vertical-align: middle;
	}

.accordionHeaderTitle { /* accordion header area title */
	color: #ffffff;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-transform: none;
   	vertical-align: middle;
	width: 100%;
	}


/**********************************************************************
 * Gallery Styles                                                     * 
 **********************************************************************/
.gallerydBody {
	background-color: #ffffff;
	color: #333333;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	padding: 0px;
	text-align: left;	
	}

.gallerydBody .galleryttc {
	border-bottom: 1px solid #f6f6f6;
	border-right: 1px solid #f6f6f6;
	padding: 0px;
	width: 250px;
	}

.galleryttc { /* gallery data grid data container */
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	text-align: center;
	vertical-align: top;
	}

.galleryttc div { /* gallery item wrapper */
	margin: 0px;
	padding: 0px;
	}

.gallerytic { /* gallery data grid icon cell */
	padding: 0px;
	padding-left: 8px;
	padding-top: 24px; 
	vertical-align: top;    
	width: 16px;       
	}

.galleryttl { /* gallery data grid page/grand totals cell */
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	}

.galleryBackgroundImage { /* gallery item background image */
	background-position: center center;
	background-repeat: no-repeat;
	/* background-size: 100% 100%; */ /* uncomment out to have background image scaled to fill gallery cell */
	cursor: pointer !important;
	width: 250px;
	}

.galleryDescriptionBackground { /* gallery item description background */
	background-image: url(../../Images/GalleryDescriptionBackground.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	color: #cccccc;
	font-size: 9px;
	height: 243px;
	padding-bottom: 6px;
	padding-left: 6px;
	text-align: left;
	text-transform: uppercase;
	vertical-align: bottom;
	width: 243px;
	}

.galleryDescriptionBackgroundCaption {
	/* background-color: #fafafa;
	opacity: 0.8;
	padding-left: 6px;
	height: 30px; */
	}

.galleryDescriptionBackground a.button_link { /* gallery item description link */
	color: #fafafa;
	font-family:  'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 0px;
	text-decoration: none;
	}

.galleryDescriptionBackground a.button_link:hover { /* gallery item description link hover state */
	color: #fafafa;
	padding: 0px;
	text-decoration: underline;
	}

.galleryTitle { /* gallery item descripton title */
	color: #fafafa;
	font-size: 13px;
	font-weight: bold;
	}

.galleryTitleCrop { /* gallery item description title truncation */
	overflow: hidden;
	text-overflow: ellipsis;
	width: 168px;
	}


/**********************************************************************
 * Configuration/Error Page Styles                                    *
 **********************************************************************/
.pContent { /* configure error page panel container (excludes panel header) */
	background-color: #ffffff;
	width: 100%;
	}

.configureErrorPagesText { /* configure/error page body text */
	color: #333333;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	}
	

/**********************************************************************
 * Section 508 Compliance Styles                                      *
 **********************************************************************/
.skipNavigationLinks { /* skip navigation links container*/
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #dddddd;
	font-size: 12px;
	}
	

/**********************************************************************
 * .NET Trace Log                                                     *
 **********************************************************************/
span.tracecontent table { /* .NET trace log background color */
	background-color: #f2f0df;
	}


/**********************************************************************
 * Import Wizard Styles                                               * 
 **********************************************************************/
.importWizardpBack { /* import wizard body */
	background-color: #f2f0df;
	}

.importWizardmarginTL { /* import wizard page centering top left margin */
	}

.importWizardmarginTR { /* import wizard page centering top right margin */
	}

.importWizardmarginL { /* import wizard page centering left margin */
	}

.importWizardmarginR { /* import wizard page centering right margin */
	}

.importWizardmarginBL { /* import wizard page centering bottom left margin */
	}

.importWizardmarginBR { /* import wizard page centering bottom right margin */
	}

.importWizardpcT { /* import wizard page container top center edge (header container) */
	}

.importWizardpcC { /* import wizard page container center (contents of page container) */
	}

.importWizardpcB { /* import wizard page container bottom center edge (footer container) */
	}

.importWizarddv { /* panel container (includes panel header) */
	background-color: #ffffff;
	box-shadow: 0px 0px 3px #bbbbbb;
	margin-bottom: 10px;
	padding-bottom: 16px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 6px;
	text-align: left;
	vertical-align: top;
	}

.importWizarddBody { /* panel content container (excludes panel header) */ 
	}

.importWizarddBody .ttc { /* import wizard table cells */
	background-color: transparent;
	}


/**********************************************************************
 * Quick Popup Styles                                                 *
 **********************************************************************/
.QDialog { /* quick popup container */ 
	background-color: transparent; 
	border-radius: 2px;
	box-shadow: 0px 0px 2px #111111;
	left: 200px;
	margin: 0px;
	overflow: hidden;
	position: absolute;
	top: 300px;
	z-index: 1000;
	}

.QpBack { /* body of page displayed within quick popup */
	background-color: #ffffff;
	margin: 0px;
	}


/**********************************************************************
 * Quick Selector Styles                                              *
 **********************************************************************/
div.modal { /* modal popup parent overlay */
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	background-color: #000000;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 900;
	}
.imgP{



}
.themeButtonMini { /* small theme button */
	/*background: -moz-linear-gradient( center top, #fafafa 5%, #99937f 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #99937f) );
	background: -ms-linear-gradient(top, #fafafa 5%, #99937f 100%);
	border: 1px solid #99937f;
	border-radius: 2px;*/
	background:#00ADE7;
	display: inline-block;
    	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fafafa', endColorStr='#99937f');
	padding-bottom: 6px; /*2px;*/ 
	padding-left: 8px;  /*4px;*/
	padding-right: 8px; /*4px;*/
	padding-top: 6px; /*2px;*/
	border-radius:3px;
	white-space: nowrap;
	}
	
.themeButtonMini:hover { /* small theme button hover state */
	-moz-transition: all 0.2s ease-in-out 0s;
	/*background: -moz-linear-gradient( center top, #99937f 5%, #fafafa 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #99937f), color-stop(1, #fafafa) );
	background: -ms-linear-gradient(top, #99937f 5%, #fafafa 100%);*/
	background:#0080B4;
    	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#99937f', endColorStr='#fafafa');
	white-space: nowrap;
	border-radius:3px;
	}

.themeButtonMini a.button_link, .themeButtonMini a.button_link:hover, .themeButtonMini a, .themeButtonMini a:hover { /* link within small theme button */ 
	color: #fafafa;
	font-family: 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	}

.themeButtonMini a.button_link:hover, .themeButtonMini a:hover { /* link within small theme button hover state */
	color: #fafafa;
	}

.themeButtonMiniDisabled, .themeButtonMiniDisabled:hover { /* small theme button disabled */
	background: -moz-linear-gradient( center top, #ffffff 5%, #cccccc 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #cccccc) );
	background: -ms-linear-gradient(top, #ffffff 5%, #cccccc 100%);
	border: 1px solid #999999; 
	box-shadow: none;
	opacity: 0.5;
	}

.themeButtonMiniDisabled a, .themeButtonMiniDisabled a:hover, .themeButtonMiniDisabled a:visited { /* disabled link within small theme button */
	color: #000000;
    font-weight: bold;
	}

.QSContainer { /* quick selector container */
	}

.QSContainer .panelSearchBox { /* quick selector search box */
	/*width: 180px;*/
	/*width: 380px;*/
	/*width: 480px;*/
	width: 580px;
	}

.QSContainer .Search_Input { /* quick selector search box text */
	/*width: 240px;*/
	/*width: 440px;*/
	/*width: 540px;*/
	width: 640px;
	}

.QSContainer .Search_InputHint { /* quick selector search box hint */
	/*width: 240px;*/
	/*width: 440px;*/
	/*width: 540px;*/
	width: 640px;
	}

.QSSize { /* iframe within which quick selector is displayed */ 
	/*height: 278px;
	width: 330px;*/
	
	height: 678px;
	/*width: 530px;*/
	/*width: 630px;*/
	width: 730px;
	}

.QSdh { /* quick selector title bar */
	background-color:#DCDCDC; /*#0080B4;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	height: 30px;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 3;
	}

.QSContainer .dhb { /* padding to accommodate popup close button */
	padding-right: 40px;
	}

.QSContainer .QSscrollRegion { /* quick selector scrolled region */
	background-color: #ffffff;
	/*height: 200px;*/
	height: 600px;
	left: 0px;
	overflow: auto;
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 2;	
	}

.QSfooter { /* quick selector footer bar */
	background-color:  #e7e7e7;
	height: 38px;
	left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	position: fixed;
	/*top: 240px;*/
	top: 640px;
	width: 100%;
	z-index: 3;
	}

.QSButtonContainer { /* quick selector clear/add button container */ 
	width: 100px;
	}

.QSButtonContainer .themeButton { /* quick selector theme button container */
	padding: 5px;
	}

.QSCloseButtonContainer { /* quick selector close button container */
	width: 54px;
	}

.QSPaginationContainer { /* quick selector pagination container */
	width: 210px;
	}

.QSPageSizeButton { /* quick selector page size button */
	display: none;
	}

.QStr { /* quick selector row */
	}

.QStr:hover, .QStrHighlighted, .QStrHighlighted:hover, .QStrSelected:hover { /* quick selector hover/highlighted state */
	background-color: #d1d5de;
	}

.QStrSelected { /* quick selector selected state */
	background-color: #caccb6;
	}

.QSthc { /* quick selector header cell */
	color: #777777;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 12px;
	text-overflow: ellipsis;
	vertical-align: top;
	white-space: nowrap;
	}

.QSthc a { /* link within quick selector header cell */
	color: #085675;
	font-weight: bold;
	text-decoration: none;
	}

.QSthc a:hover { /* hover state of link within quick selector header cell */
	}

.QSthc a.button_link { /* link with class button_link within quick selector header cell */
	color: #fafafa;
	font-weight: bold;
	text-decoration: none;
	}

.QSthc a.button_link:hover { /* hover state of link with class button_link within quick selector header cell */
	}

.QSttc { /* quick selector cell */
	border-bottom: 1px solid #eeeeee;
	color: #333333;
	font-family:  "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 14.5px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	vertical-align: top;
	white-space: nowrap;
	}

.QSttc div { /* quick selector cell content container (used for long text truncation) */
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	}

.QSttc a { /* link within quick selector cell */
	color: #085675;
	text-decoration: none;
	}

.QSttc a:hover { /* hover state of link within quick selector cell */
	}

.QSttc a.button_link { /* link with class button_link within quick selector cell */
	color: #085675;
	text-decoration: none;
	}

.QSttc a.button_link:hover { /* hover state of link with class button_link within quick selector cell */
	}


/**********************************************************************
 * Quick (Add/Edit) Page Styles                                       *
 **********************************************************************/
.QSContainer .pContent { /* quick page configure error page panel */
	width: 901px;
	}

.QSContainer .dv, .QSContainer .dialog_view, .QSContainer .panelC { /* quick page panel */
	border: none;
	box-shadow: none;
	width: 100%;
	}

.QSContainer .dh, .QSContainer .dialog_header { /* quick page panel header */
	background-color: #085675;
	border-bottom: 1px solid #ffffff;
	height: 32px;
	width: 100%; 
	z-index: 3;
	}

.QSContainer .dh2 { /* quick page top panel header */
	background-color: #085675;
	border-bottom: 1px solid #cccccc;
	height: 32px;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%; 
	z-index: 3;
	}

.QSContainer .scrollRegion { /* quick page scrolled region */
	background-color: #ffffff;
	height: 628px;
	left: 0px;
	overflow: auto;
	padding-left: 0px;
	padding-right: 0px;
	position: absolute;
	top: 32px;
	width: 100%;
	z-index: 2;	
	}

.QSContainer .scrollRegion div { /* quick page scroll region margin */
	margin: 0px;
	}

.QPageSize { /* dimensions of quick page */
	height: 700px;
	width: 1150px;
	}

.QSContainer .scrollRegion .pageButtonsContainer { /* quick page page buttons (save, cancel) container */
	background-color: #F9F9F9;
	height: 40px;
	left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	position: fixed;
	top: 640px;
	width: 100%;
	z-index: 3;
	}

.QPCloseBarButtonContainer { /* quick page close button container */
	position: absolute;
	right: 0px;
	z-index: 4;
	}

.QPCloseBarButtonPosition { /* quick page close button position */
	padding-right: 10px;
	padding-top: 10px;
	}

.QPContainerPanelPadding { /* quick page panel position */
	padding: 0px;
	}


/**********************************************************************
 * Hidden Control Styles                                              * 
 **********************************************************************/
.hide { /* hidden control (instead of using display:none), e.g., used in QuickSelector tab navigation */
	height: 0px;
	width: 0px;
	}
/**********************************************************************
 * Drag And Drop Styles                                            * 
 **********************************************************************/
.dropZoneExternal > div,
.dropZoneExternal > img
{
    position: absolute;
}
.dropZoneExternal
{
    position: relative;
    border: 1px dashed #f17f21!important;
    cursor: pointer;
}
.dropZoneExternal,
.dragZoneText
{
    width: 100%;
    max-width: 350px;
    min-width: 286px;
    height: 200px;
}
#dragZone
{
    width: 100%;
    display: table;
}
#uploadedImage
{
    width: 100%;
}
.dropZoneText
{
    width: 300px;
    height: 150px;
    color: #fff;
    background-color: #888;
}
#dropZone
{
    top: 0;
    padding: 50px 25px;
}
.uploadControlDropZone,
.hidden
{
    display: none;
}
.dropZoneText,
.dragZoneText
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 20pt;
}
.dragZoneText
{
    color: #808080;
}
.dxucInlineDropZoneSys span
{
    color: #fff!important;
    font-size: 10pt;
    font-weight: normal!important;
}
.validationMessage
{
    padding: 0 20px;
    text-align: center;
}
.uploadContainer
{
    width: 100%;
    max-width: 350px;
    min-width: 286px;
    margin-top: 10px;
}
.Note
{
    max-width: 500px;
}

