/*#form1 { height: 178px; } #C1Tabs1 { background:none; } #C1Tabs1 .ui-tabs-panel { background:none; }*/

.ui-tabs-nav li a { text-align: left /*white-space: normal; word-wrap: break-word;*/ }

.ui-tabs-left .wijmo-wijtabs-content {width:71%}
.ui-tabs-left .ui-tabs-nav {width : 28%}

html {
	height:100%;
    font-family: arial;
}
.Background
{
	background-image: url(images/EPICBackground.png);	
}
.Header
{
	position: relative;
    font-family: arial;
	/*font-family: "times New Roman" , Times, serif;*/
	font-weight: bold;
	font-size:38px;
	color: Black;
}
.HeaderDept
{
	position: relative;
    font-family: arial;
	/*font-family: arial, Helvetica, sans-serif;*/
	font-weight: bold;
	font-size: 22px;
	color: #023469;
}


.PageHeader
{
	position: relative;
    font-family: arial;
	/*font-family: "times New Roman" , Times, serif;*/
	font-weight: bold;
	font-size: 30px;
	color: #023469;
}

/*
PageTR
{
	height:420px;
	vertical-align:top;	
}
*/

.DateBox {
	position: relative;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	color: Black;
	top: 0px;
	left: 0px;

	background: none;
	border: none;
	border-bottom: 1px solid #5a86c7;
}

.GroupPanel
{
	border: 3px solid #073e67;
    border-radius: 4px;
	padding: 10px;
	/*background-color:#ffffff;*/
    /*CSS CHANGES 08/2018*/
}

.GroupLabel
{
	position:relative;
	font-family:Arial;
	font-weight:bold;
	font-size:18px;
	color: #023469;
}

.TabLabel
{
	width:100%;
	text-align:left;
	position: relative;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	color: Red /*#5F89D5;*/
}

.Label
{
	position: relative;
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	/*color: #5F89D5;*/
	color: Black;
}

.TextBox
{
	position:relative;
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	color:Black;
    top: 0px;
    left: 0px;
}

.TextBoxError {
	position: relative;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	color: Black;
	top: 0px;
	left: 0px;
	border: 3px solid red;
}

/*ersDarker
{
	position:relative;
	font-family: 'times New Roman' , Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #D7D3B9;
}*/

.default2 {
	font-family: arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #DFDCC8;
}

.BodyText
{
	position:relative;
	font-family: arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
    top: 0px;
    left: 0px;
}

.BodyTextNoBox
{
	position:relative;
	font-family: arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
}

.BroadcastText {
	position: relative;
	text-align: center;
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	color: #8c0c04;
}

.MessageText {
	position: relative;
	font-family: arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
	color: #dd0000;
}

.Button
{
	position: relative;
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
    top: 0px;
    /*left: -2px;*/
}

	
/*t-family: arial, Helvetica, sans-serif;
{
	font-size: 18px;
	font-weight: bold;
	background-color:#F0F0F0;
	padding-left:10px;
	padding-right:10px;	
}*/

.ButtonNavigation
{
	position: relative;
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
}

.HHHeader
{
	position: relative;
	font-family: arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}

.HHButton
{
	position: relative;
	font-family: arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}


.HHButtonNavigaton
{
	position: relative;
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
    top: 0px;
    left: 0px;
}

.HeaderStyle
{
	background-color: #023469;
	color: White;
	font-family: Arial ;
	font-size: 16px;
	font-weight: bold;
	/*BORDER-LEFT: medium   none;*/
    MARGIN: 0px;
    /*BORDER-TOP: #9ba9bb 1px solid;*/
    /*background-image: url(Images/RowHeaderBackground.png);*/
    background-repeat: repeat-x;
}

.PagerStyle
{
    background-color: #636466;
    background-image: url(Images/TablePagerBackground.png);
    background-repeat: repeat-x;
    color: White;
    font-family: Arial;
}

.RowStyle
{
	text-align:left ;
	background-color: #ABABAB;
	font-family: arial, Helvetica, sans-serif;
	font-size:16px;
	color: Black;
}

.AlternatingRowStyle
{
	text-align:left ;
	background-color:#DCDCDC;
	font-family: arial, Helvetica, sans-serif;
	font-size:16px;
	color: Black ;
}

.SelectedRowStyle
{
	text-align:left ;
	background-color: #5D87A1;
	font-family: arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold ;
	color: White;
}

.GridStyle td, tr, th
{
	padding:5px;
	/*border: solid 1px #023469;
    border-bottom: 1px #023469;*/  
}

.GridStyle
{
	border: solid 1px #023469; 
}

.GridButtonStyle
{
    background-image: url('Images/checkmarkbtn_20pix.png');
    background-position: center;
    background-repeat: no-repeat;
    background-color: Transparent;
    border-width: 0;
    border-style: none;
    margin-left: 0px;
    height: 20px;
    width: 20px;
}

.BoxyStyle
{
    /*background-image: url('../Images/background.jpg');  */ /*background-image: url('../Images/backgroundPopup.jpg');*/
    /*background-repeat:no-repeat;*/
    margin: 0px auto;
    border: 2px solid #CCCCCC;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.MasterPg
{
    text-align:center;
    /*align="center";   */
}

#Outer
{
  width: 100%;
    margin-bottom: 200px;
}

#Inner
{
    position:relative; top:150px; height:530px; width:635px; background-color:#AAAAAA;
    margin:auto;
    left: 0px;
    border-style:ridge;
    border-color:Gray;
    background-image: url(Images/GrayBox.jpg);  
}

.PopupBackground
{
    /*background-image: url(Images/GrayBox.jpg);*/
    /*background-image: url(images/GrayBoxSlice.jpg);*/
    background-image: url(images/GrayBox_1Pixel.jpg);
    background-repeat:   repeat-y    
}

#TableStyle
{
    font-family: "Arial";
    font-weight: bold;
    font-size: 18px;
}

.Values
{
    font-family: "Arial";
    font-weight: bold;
    font-size: 14px;
}


#TableStyle td
{
    padding-top:5px;
    padding-bottom:5px;
   
}

.RowWidth
{
     width:200px;
}

#Headers
{
    font-family: arial;
    /*font-family: "times New Roman" , Times, serif;*/
	font-weight: bold;
	font-size: 32px;
	text-align:center;
	padding-top:15px;	
}


.Controls
{
    font-family: arial;
    /*font-family: "times New Roman" , Times, serif;*/
    font-size: 20px;
}

.ButtonPosition
{
    width:99%;
    position:absolute;
    top:470px;
    text-align:right;
     
}
.AssetButtonFont
{
    font-family: arial;
    /*font-family: "times New Roman" , Times, serif;*/
    font-weight: bold;
    font-size: 16px;
}


body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	width:100%;/*height:100%;*/
}

#bgimg {
	position:absolute;
	z-index: -1;
}

#realBody{
	/*REMOVED 10/26/11 MJ, was preventing development studio from showing the page propertly. position:absolute;*/
	z-index: 5;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	/*height:100%;*/width:100%;	/* Make the new body fill the screen */
	background: url('../img/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
}

.ImageBorder
{
   border: 3px solid black !important;
} 

.ImageButton
{
    height:32px;
    width:36px;
}

.AccordionHeader
{
    /*border: 1px solid black;*/
    color: White;
    /*background-color: #777777;*/
    font-family: Arial;
    font-size:15px;
    margin-top:5px;
    padding:5px;
    background-color: #222222;
    text-decoration:underline;
}

.AccordionHeaderSelected
{
    color: yellow;
    background-color: #222222;
    font-family: Arial;
    font-size:15px;
    margin-top:5px;
    padding:5px;
    text-decoration:underline;
}

.AccordionContent
{
     border: 1px solid black;
     padding: 5px;
     padding-top:10px
}
 
.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

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

.ImageBackgroundChoose
{
	 width:100px;	
}

.ImageReturnPeople
{
	width:25px;
	margin-right:3px;
	padding:5px;
}

.CollectedRecords {
	font-family: arial, Helvetica, sans-serif;
	font-size: 15px;
	color: Black;
}

.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:20px;
    width :300px;
}    

.EmptyDataRowStyle
{
     font-size: 18px;
} 

.StatusPanel
{
 max-height:300px; 
}

.EventsPanel
{
 max-height:600px;
}

.GroupsPanel
{
 max-height:600px;
}

.ListEditPanel
{
 max-height:500px;
 height: expression( document.body.clientHeight > 400 ? "400px" : "auto" ) !important; /*235*/
 }

.GridPanel
{
 max-height:400px;
 height: expression( document.body.clientHeight > 300 ? "300px" : "auto" ) !important;
 }
 
.ListPanel
{ 
    max-height:500px;
    height: expression( document.body.clientHeight > 400 ? "400px" : "auto" ) !important;
}
    

.UserPanel
{ 
    max-height:500px;
    height: expression( document.body.clientHeight > 400 ? "400" : "auto" ) !important;
}



.SyncPanel
{
    max-height:400px;
    height: expression( document.body.clientHeight > 400 ? "400px" : "auto" ) !important
}


.UsersPanel
{
 max-height:250px;
}

/* Accounts Page CSS */
.fulldiv, #divMaxDevice, #divMaxData, .dataDisplay
{
    border-radius: 10px;
}

.devGraphinfo
{
    position: relative;
    top: 7px;
}

.acctButton
{
    Position:absolute; 
    bottom: 5%; 
    right: 5%; 
    z-index:2;
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
.devGraphLabel
{
    position: relative;
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	color: #5F89D5;
}
.ButtonEmail
{
    width: 40px;
    position: relative;
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
    top: 0px;
    left: -2px;
}
/*NEW CSS AREA*/

.epicPageHeader
{
	position: relative;
    font-family: arial;
	/*font-family: "times New Roman" , Times, serif;*/
	font-weight: bold;
	font-size:30px;
	color: rgb(255,255,255);
}

.epicpageHeaderDept
{
	position: relative;
	font-family: arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	color: rgb(255,255,255);
}

#epicMasterLabel
{
	position: relative;
    font-family: arial;
	/*font-family: "times New Roman" , Times, serif;*/
	font-weight: bold;
	font-size:30px;
    padding-top: 5px;
    padding-bottom: 5px;
	color: rgb(255,255,255);

}

input[type="text"] {
	border: none;
	background: none;
	border-bottom: 1px solid #5a86c7;
	data-lpignore: true;
}

input[type="password"] {
    border: none;
    background: none;
    border-bottom:1px solid #5a86c7;
}

input[type="submit"] {
	border-radius: 6px;
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background: linear-gradient(to bottom, #f4f8fb 0%,#7a787d 100%); height: 35px;
	left: 0px;
}

input[type="file"] {
    border-radius: 6px;
    background: linear-gradient(to bottom, #f4f8fb 0%,#7a787d 100%);   /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/ 
    height: 35px;

}

input[type="button"] {
    border-radius: 6px;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    height: 35px;
    left: 0px;
}

select {
	border: none;
	background: none;
	border-bottom: 1px solid #5a86c7;
	border-top-color: #5a86c7;
}

#FileUpload1 {
visibility:hidden;
}


.tdCriteria
{
    width:100%;
    padding: 6px 6px 6px 6px;
    font-family: arial;
}

.tdCriteriaPast
{
    /*background-color: black;*/
    border-left: 1px solid #003f65; /* white*/
    border-right: 1px solid #003f65;  /* white*/
    border-bottom: 1px solid #003f65; /* white*/
    cursor: pointer; 
    vertical-align:top;
    height:75px;
    background-color: #e7e5e6;
    font-family: arial;
    /*background-image: url('Images/boxybackground.png');*/
    /*background-repeat: repeat;*/
}

.tdCriteriaCurrent
{
    /*background-color: rgb(40,40,40);*/
    border-left: 1px solid #003f65;  /* white*/
    border-right: 0px solid #003f65;  /* white*/
    border-bottom: 1px solid #003f65; /* white*/
    cursor: default; 
    vertical-align:top;
    background-color: #e7e5e6;
    height:75px;
    font-family: arial;
}

.tdCriteriaFuture
{
    border-left: 1px solid #003f65;  /* white*/
    border-right: 1px solid #003f65;  /* white*/
    border-bottom: 1px solid transparent;
    cursor: default;
    vertical-align:top;
    height:75px;
    background-color: #e7e5e6;
    font-family: arial;
    /*background-repeat: repeat;*/
}

.tabColor
{
    /*background-color: rgb(40,40,40);*/
}


/*border-top: 1px solid white; border-left: 1px solid white; border-right: 0px solid white; border-bottom: 1px solid white;*/

.CriteriaStepName
{
    color:Black;  
    font-size:14pt;  
    font-family:Arial; 
    font-weight:bold; 
    margin-bottom:10px;  
}

.CriteriaStepValue
{
    color:#003f65; /*#CCCC8E;*/  
    font-family:Arial;
    font-size:13px;
    font-weight:bold; 
    margin-top:10px;
}

.chosen-drop .chosen-results 
{
    /*max-height:200px;
    min-height:200px;*/
}

.LabelReportHeaders
{
    font-family: arial;
    font-size: 28px;
    color: black;
}

.reportLabels
{
   font-family: arial;
    font-size: 16px;
    color: black; 
}

.chosen-container
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:15px;
	zoom:1;
	color: black;
	font-family: Arial;
	*display:inline;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none}

.ddlEmailList {
	min-width: 100px; /*169px;*/
}