/****************** BEGIN CONTROL STYLES *******************/

.WebDatePicker
{
    color: Black;
    font-family: Verdana;
    font-size: 8pt;
    /* Seth - Added so that text would center in input control */
    line-height: 18px;
    /*padding-left: 3px;*/
    /* height: 24px; */
}

/* Karl - This blows the input buttons up (makes them flat)
input.Text {
    border: 1px solid #a9b1b8;
    padding-right: 3px;
}
*/
textarea
{
    resize: none;
}

textarea.Text {
    border: 1px solid #a9b1b8;
    padding: 3px;
}

input.Checkbox {
    border: 1px solid black;
    background-color: Transparent;
    color: Black;
    font-family: Verdana;
    font-size: 8pt;
}

.LookupGroupDropDownHeader {
    font-size: 8pt;
    padding: 5px 5px 5px 5px;
    background-color: lightgray;
    /* Seth - Removed for now because it was causing headers in dropdowns to not align with content in drop down items */
    /*width: 100%; */
    text-align: left;
    height: 18px;
}

.LookupGroupDropDown {
    width: 100%;
    height: 18px;
}

.WebDDHeader {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    background: transparent;
    height: 18px;
}

.WebDDItem {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    height: 18px;
}

.WebGroupBox
{
    padding: 5px;
}

.WebGroupBox legend
{
    margin-bottom: 5px;
    padding-left: 4px;
    padding-right: 4px;
}

.overflowHidden {
    overflow: hidden;
}

/****************** END CONTROL STYLES ******************/

/****************** BEGIN FORM STYLES *******************/

form#frmEditor {
    height: 100%;
}

.FormPage {
    clear: both;
    width: 100%;
}

.MenuArea {
    clear: both; 
    width: 100%;
}

.BottomNavigationArea {
    clear: both; 
}

.CommonArea {
    clear: both;
}

.ErrorArea {
    clear: both;
}

.MainArea {
    clear: both; 
    margin: 5px 5px 0px 5px;
}

.MainAreaSearchForm {
    clear: both; 
}

.FormSection {
    width: 100%; 
    min-width: 800px; 
    max-width: 800px;
}

.SearchFormSection {
    width: 100%; 
    min-width: 695px; 
    max-width: 695px;
}

.CommonSection {
    margin: 10px 0px 10px 5px;
}

.TabSection {
    margin: 10px 0px 0px 0px;
}

.SubSection {
    display: table;
    width: 100%;
}

.GroupRow {
    display: table;
    width: 100%;
}

.LabelRow {
    display: table;
    width: 100%;
}

.LabelRowMin {
    display: table;
    width: 100%;
}

.ButtonRow {
    display: table;
    width: auto;
    padding-left: 6px;
    margin-bottom: 5px;
    margin-top: 6px;
}

.GridHolderRow {
    display: table;
    width: auto;
}

.Cell {
    display: table-cell;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
}

.ButtonRow > .Cell {
    width: auto;
/*    padding-bottom: 5px; */
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 0px;    
}

.ButtonRow > .Cell.Fill {
    width: 100%;
}

.GridHolderRow > .Cell {
    width: auto;
    /* height: 450px; */
}

.GroupRow > .Cell {
    vertical-align: top;
    padding-bottom: 5px;
}

.LabelRow > .Cell {
    vertical-align: bottom;
    padding-bottom: 5px;
}

.LabelRowMin > .Cell {
    vertical-align: bottom;
}

.FieldRow > .Cell {
    display: table-cell;
    vertical-align: top;
    padding-bottom: 10px;
}

.FieldRowMin > .Cell {
    display: table-cell;
    vertical-align: top;
}

.CompositeField {
    display: table-row;
}

.CompositeFieldPart {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
}

.CompositeFieldPart.First {
    padding-left: 0px;
}

.CompositeFieldPart.Last {
    padding-right: 0px;
}

.CompositeFieldLinkPart {
    display: table-cell;
    vertical-align: bottom;
    padding-left: 5px;
    padding-right: 5px;
}

.CompositeFieldLinkPart.First {
    padding-left: 0px;
}

.CompositeFieldLinkPart.Last {
    padding-right: 0px;
}

.FieldRow > .Cell .Label {
    width: 100%;
}

.FieldRowMin > .Cell .Label {
    width: 100%;
}

.FieldRow {
    display: table;
    width: 100%;
}

.FieldRowMin {
    display: table;
    width: 100%;
}

.Cell.First {
    padding-left: 0px;
}

.Cell.Last {
    padding-right: 0px;
}

.LabelRow.First > .Cell {
    padding-top: 0px;
}

.LabelRowMin.First > .Cell {
    padding-top: 0px;
}

.GroupRow.First > .Cell {
    padding-top: 0px;
}

.LabelRow.Last > .Cell {
    padding-bottom: 0px;
}

.LabelRowMin.Last > .Cell {
    padding-bottom: 0px;
}

.GroupRow.Last > .Cell {
    padding-bottom: 0px;
}

.FieldRow.First > .Cell {
    padding-top: 0px;
}

.FieldRowMin.First > .Cell {
    padding-top: 0px;
}

.FieldRow.Last > .Cell {
    padding-bottom: 0px;
}

.FieldRowMin.Last > .Cell {
    padding-bottom: 0px;
}

.FieldLink {
    text-decoration: underline; 
    vertical-align: bottom; 
    text-align: right; white-space: nowrap; 
    color: blue; cursor: pointer; 
    height: 11px;
    width: 100%;
}

.Cell .Text {
    width: 100%;
}

.Cell textarea.Text
{
    /*Mozilla specific CSS*/
    -moz-box-sizing: border-box;
}

.Cell input.Text
{
    /*Mozilla specific CSS*/
    -moz-box-sizing: border-box;
}


.Fill {
    width: 100%;
}

.EighteenColumn > .Cell.Span6 {
    width: 33%;
}

.EighteenColumn > .Cell.Span5 {
    width: 27.5%;
}

.EighteenColumn > .Cell.Span4 {
    width: 22%;
}

.EighteenColumn > .Cell.Span3 {
    width: 16.5%;
}

.EighteenColumn > .Cell.Span2 {
    width: 11%;
}

.EighteenColumn > .Cell {
    width: 5.5%;
}

.FifteenColumn > .Cell.Span5 {
    width: 33%;
}

.FifteenColumn > .Cell.Span4 {
    width: 26.4%;
}

.FifteenColumn > .Cell.Span3 {
    width: 19.8%;
}

.FifteenColumn > .Cell.Span2 {
    width: 13.2%;
}

.FifteenColumn > .Cell {
    width: 6.6%;
}

.TwelveColumn > .Cell.Span8 {
    width: 66%;
}

.TwelveColumn > .Cell.Span7 {
    width: 57.75%;
}

.TwelveColumn > .Cell.Span5 {
    width: 41.25%;
}

.TwelveColumn > .Cell.Span4 {
    width: 33%;
}

.TwelveColumn > .Cell.Span3 {
    width: 24.75%;
}

.TwelveColumn > .Cell.Span2 {
    width: 16.5%;
}

.TwelveColumn > .Cell {
    width: 8.25%;
}

.TenColumn > .Cell.Span2 {
    width: 19.8%;
}

.TenColumn > .Cell.Span3 {
    width: 29.7%;
}

.TenColumn > .Cell.Span5 {
    width: 49.5%;
}

.TenColumn > .Cell.Span4 {
    width: 39.6%;
}

.TenColumn > .Cell.Span6 {
    width: 59.4%;
}

.TenColumn > .Cell.Span7 {
    width: 69.3%;
}

.TenColumn > .Cell.Span8 {
    width: 79.2%;
}

.TenColumn > .Cell {
    width: 9.9%;
}

.NineColumn > .Cell.Span2 {
    width: 22%;
}

.NineColumn > .Cell.Span3 {
    width: 33%;
}

.NineColumn > .Cell.Span4 {
    width: 44%;
}

.NineColumn > .Cell.Span6 {
    width: 66%;
}

.NineColumn > .Cell.Span7 {
    width: 77%;
}

.NineColumn > .Cell {
    width: 11%;
}

.EightColumn > .Cell.Span2 {
    width: 24.75%;
}

.EightColumn > .Cell.Span3 {
    width: 37.125%;
}

.EightColumn > .Cell.Span4 {
    width: 49.5%;
}

.EightColumn > .Cell.Span5 {
    width: 61.875%;
}

.EightColumn > .Cell.Span6 {
    width: 74.25%;
}

.EightColumn > .Cell.Span7 {
    width: 86.625%;
}

.EightColumn > .Cell {
    width: 12.375%;
}

.SevenColumn > .Cell {
    width: 14.14%;
}

.SixColumn > .Cell.Span2 {
    width: 33%;
}

.SixColumn > .Cell.Span3 {
    width: 49.5%;
}

.SixColumn > .Cell.Span4 {
    width: 66%;
}

.SixColumn > .Cell.Span5 {
    width: 82.5%;
}

.SixColumn > .Cell {
    width: 16.5%;
}

.FiveColumn > .Cell.Span4 {
    width: 79.2%;
}

.FiveColumn > .Cell.Span3 {
    width: 59.4%;
}

.FiveColumn > .Cell.Span2 {
    width: 39.6%;
}

.FiveColumn > .Cell {
    width: 19.8%;
}

.FourColumn > .Cell.Span3 {
    width: 74.25%;
}

.FourColumn > .Cell.Span2 {
    width: 49.5%;
}

.FourColumn > .Cell {
    width: 24.75%;
}

.ThreeColumn > .Cell.Span2 {
    width: 66%;
}

.ThreeColumn > .Cell {
    width: 33%;
}

.TwoColumn > .Cell {
    width: 49.5%;
}

.FixedSize {
    text-align: center;
}

.hide {
    visibility: hidden!important;
    display: none!important;
}

.RadioAlign {
    padding-left: 2.5px;
}

.UnderCheck {
    padding-top: 10px;
}

.Cell > input[type=checkbox] {
    padding-top: 5px;
}

#mainTabControl.ig_Windows7Control.igtab_Windows7THControl:focus {
    outline: 0;
}

/******************* END FORM STYLES ********************/

/****************** BEGIN TOOLBAR SKIN ******************/

/* The style applied to the toolbar in search forms */
.ToolbarSearchForm
{
    border-bottom: solid 1px #a1a59c;
}

.Html4FileInput {
    width: 100%;
}

.rtbText
{
    margin-left: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/****************** END TOOLBAR SKIN ******************/

BODY
{
    background-color: WHITE;
    color: black;
    font-family: Verdana;
    font-size: 8pt;
    margin-left: 0px;
    margin-top: 0px;
    scrollbar-base-color:#d5d6ce;
    scrollbar-face-color:#d5d6ce;
}

SMALL
{    
    font-size:    .7em;
}    

.batchEditErrorPanel
{
    border: 1px solid red;
    padding: 5px;
}

.batchEditError
{
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    color:red;
}

.navTrailError
{

    font-family: Verdana, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    color: black;
    background-color: #f8ccd2;
    padding: 4px 0px 3px 0px;
    border-top: 1px solid #cccccc;      
    border-bottom: 1px solid #cccccc;  
}

.navTrail
{
    font-family: 'Verdana';
    font-size: 16px;
    color: #005495;
    padding-right: 5px;
    /* move the navtrail text to the left for converge */
    text-align: left;
}

.statustracker
{
    FONT-WEIGHT: bold; 
    font-size: small; 
    WIDTH: 300px; 
    TEXT-ALIGN: left;
}

.formbody
{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    background-color: #fcfcfc; 
}

.bodygradient
{
    background-color: #fcfcfc; 
}

.bodyLoginPage
{
    background-color: white; 
    border-radius: 5px; 
    border: 1px solid rgba(220, 220, 220, .5); 
    width: 400px; 
    filter: alpha(opacity=95); 
    opacity: 0.95; 
    box-shadow: 0px 0px 35px 5px rgba(255, 255, 255, .75); 
}

.bannerBody
{
    background-color: #f7f7f7; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
    height: 100%;    
}

.leftMenuTopSlice
{
    vertical-align: middle;
    text-align: right;
    height: 28px;
    BACKGROUND-ATTACHMENT: fixed; 
    BACKGROUND-IMAGE: url('../../images/PC_NavBar_1px.gif'); 
    BACKGROUND-REPEAT: repeat-x;
}

.MenuTreeBody
{
    /* set the width slightly smaller than the iFrame to avoid showing horizontal scrollbar */
    width: calc(100% - 2px);
    margin: 0 0 0 0;
    border-color: #999999;
    border-width: 0 1px 0px 0;
    border-style: solid;
}

.leftMenuItem
{
    font-family:Verdana; 
    font-size:8pt; 
    color:black;
    text-decoration:none;
    border-style: none;
}
.leftMenuParentItem
{
    font-family:Verdana; 
    font-size:8pt; 
    font-weight: bold;
    color:black;
    text-decoration:none;
    border-style: none;
}

/* The next 3 are used in about.aspx */
.section
{
    COLOR: #cc6600;
    font-family: Verdana;
    font-size: 16pt;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 5px;
    MARGIN-TOP: 5px
}
.infoliteral
{
    COLOR: #191970; /* Midnightblue */
    font-size: 10pt;
}
.infovalue
{
    font-size: 10pt;
    color: #B22222; /* Firebrick */
}

.SignUpText
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 12pt;
    text-decoration: none;
    color: black;       
}

.SignUpTextSmall
{
    font-family: 'Open Sans Light', sans-serif;
    font-weight: 400;
    font-size: 10pt;
    text-decoration: none;
    color: black; 
}

.SignUpTextMedium
{
    font-family: 'Open Sans Light', sans-serif;
    font-weight: 300;
    font-size: 16pt;
    text-decoration: none;
    color: #0C5FFA;     
}

.SignUpTextLarge
{
    font-family: 'Open Sans Light', sans-serif;
    font-weight: 300;
    font-size: 22pt;
    text-decoration: none;
    color: #0C5FFA;     
}

.LoginText
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13pt;
}

.LoginError
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13pt;
    margin-bottom: 7px;
    padding-bottom: 7px;
    color: red;
}

.LoginTextLarge
{
    font-family: 'Open Sans Light', sans-serif;
    font-weight: 300;
    font-size: 22pt;
    text-decoration: none;
}

.LoginTextSmall
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 11pt;
    text-decoration: none;
    color: #0C5FFA;    
}

.LoginButton 
{
	background-color:#4197ee;
	text-indent:0;
	border:1px solid #1c76be;
	display:inline-block;
	color:#ffffff;
	font-family:'Open Sans Light', Verdana;
	font-size:22px;
	font-weight:300;
	font-style:normal;
	height:45px;
	line-height:45px;
	width:365px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;
}

.LoginButton:hover 
{
    -webkit-box-shadow:0 0 5px #3593e5; 
    -moz-box-shadow: 0 0 5px #3593e5; 
    box-shadow:0 0 5px #3593e5;
}

.LoginButton:active 
{
	position:relative;
	top:1px;
}

.PremiumLicenses 
{
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family:'Open Sans Light', Verdana;
	font-size:16px;
	font-weight:300;
	font-style:normal;
	text-decoration:none;
    vertical-align: middle;
	text-align:center;
	padding-top: 4px;
}

/* The next 5 are used in various forms */
.Label
{
    background-color: Transparent;
    COLOR: Black;
    font-family: Verdana;
    font-size: 8pt;
}

.LabelBold
{
    background-color: Transparent;
    COLOR: Black;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
}

.ButtonHover
{
    /* The web image buttons do not support turning the cursor into a hand when mousing over them, 
       but will accept a style that performs this. */
    cursor: pointer;   
}

.Text
{
    COLOR: Black;
    font-family: Verdana;
    font-size: 8pt;
    height: 2em;
    /* Seth - Added line height so that text would center in input control */
    line-height: 1.5em;
    box-sizing: border-box;
    padding-left: 3px;
    /* margin-right: 10px; */
}

/* This must be above textdisabled so that if both are present in the class, disabled takes precedence */
.TextRequired
{
    background-color: #FFC0C0!important;
}

.TextDisabled
{
    background-color: #D3D3D3!important; /* LightGrey */
    color: Black;
}

.TitleLabel
{
    background-color: Transparent;
    COLOR: Black;
    font-family: Arial;
    FONT-WEIGHT: bolder; 
    font-size: 10pt;
    text-align: center;
}

/* ********** This block of items control various WebGrid appearances ********** */

/* For deleted columns in the new grids */
.igGridRowDeleteRequested th,.igGridRowDeleteRequested td{opacity:.5;filter:alpha(opacity=50);text-decoration:line-through;font-style:italic}

/* For readonly columns in the grids */
.GridRowRO
{
    border-color: Gray;
    background-color: #DCDCDC!important; /* Gainsboro */
    text-overflow: ellipsis;
    vertical-align: top;
}

.GCCenter
{
    text-align: center!important;
}

.GCRight
{
    text-align: right!important;
}

.GCRightYellow
{
    text-align: right!important;
    background-color: Yellow!important;
}

/* ********** This block of items controls the filter dropdown lists ********** */

.FilterDropDown
{
    border: solid 1px;
    padding-left: 3px;
    font-family: "Verdana";
    font-size: 9pt;
    background-color: White;
    height: 250px;
    overflow: auto;
}

/* ********** This block of items controls the Insight list appearance ********** */

/* The style applied to the entire grid */
.InList
{
/*
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 5px;
*/
    height: 100%;
    font-family: "Verdana";
    font-size: 9pt;     
}

/* Note that row, alternating row, selected row, and header styles cannot be specified in the style sheet due to the 
   need to change the styles based on column settings (can't commbine CSS and non-CSS) */

/* The style applied to group headers */
.InListGroupHeader
{
    /*background-image: url(../../CommonLibrary/images/ColBk.gif);*/
    border-right: solid 1px #ACA899;
    border-bottom: solid 1px #73A1E4;
    background-color: #F7F7F7;
    border-color: Black;
    font-size: 9pt;
    font-family: "Verdana";
    text-overflow: ellipsis;
    overflow-x: hidden;
    height: 20px;
}

/* The style applied to the group by box */
.InGroupByBoxStyle
{
    border-top: solid 1px #A1A59C;
    background-color: #F7F7F7;
}

/* The style applied to the group by box label */
.InGroupByBoxLabelStyle
{
    font-size: 11pt;
    font-family: "Verdana"; 
}

/* The style applied to the status bar */
.InListStatusBar
{
    border-top: solid 1px #a1a59c;
    background-color: #F7F7F7;
    font-size: 9pt;
    font-family: "Verdana";
}

/* This class is applied to the img tag that is added to cells defined as HyperlinkImageOnly */
.ImageOnlyCellImage
{
}

/* This class is applied to the img tag that is added to cells defined as HyperlinkImageWithText */
.ImageWithTextCellImage
{
    padding-right: 5px;
}

/* This class is applied to the img tag that is added to standard action cells (read, edit, etc) that are displayed as images. */
.ActImg
{
    border-style: none;
}

/* The remaining items are used in the dashboard */

.Container {
  width: 100%;
  clear: left;
}
.WebZone1 {
  float: left;
  margin: 2px;
}
.WebZone2 {
  float: left;
  margin: 2px;
}

.WebZone3 {
  float: left;
  margin: 2px;
}

.EditorPartHidden {
  display: none;
}

/*Modal Popup*/
.modalBackgroundDiv {
    background-color:silver;
    filter: alpha(opacity=50);
    opacity: 0.50;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    position: absolute; 
}

.modalBackgroundDiv > table {
    width: 100%; 
    height: 100%;
}

.modalBackgroundDiv > table > tr {
    vertical-align: middle;
}

.modalBackgroundDiv > table > tr > td {
    text-align: center;
}

.modalPopupPanel {
    background-color:silver;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px -20px;
    display: inline-block;
    font-family: Verdana;
    font-size: small;
    font-weight: bold;
    background-attachment: fixed; 
    background-repeat: no-repeat;
    z-index: 10001;
}

/*Modal Popup for Ignition Org Creation & Pricing*/
.OrgCreationPricingContainer {
    position: absolute;
    text-align: center;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    position: absolute; 
}

.OrgCreationPricingPanel {
    background: rgba(255, 255, 255, .90);
    width: 740px;
    height: 560px;
    margin: auto auto auto auto;
    border: 1px solid rgba(220, 220, 220, .5);
    border-radius: 5px 5px 5px 5px; 
    box-shadow: 0px 0px 35px 5px rgba(255, 255, 255, .75);   
    display: block;
    z-index: 10001;
}

.OrgCreationPricingDetails {
    margin: auto;
	padding-top: 15px;
	width: 90%;
	height: 255px;
	border:1px solid rgba(0,0,0,0.5);
	border-radius:10px 10px 10px 10px;
	-webkit-box-shadow:
		0 2px 6px rgba(0,0,0,0.5),
		inset 0 1px rgba(255,255,255,0.3),
		inset 0 10px rgba(255,255,255,0.2),
		inset 0 10px 20px rgba(255,255,255,0.25),
		inset 0 0 30px rgba(0,0,0,0.3);
	-moz-box-shadow:
		0 2px 6px rgba(0,0,0,0.5),
		inset 0 1px rgba(255,255,255,0.3),
		inset 0 10px rgba(255,255,255,0.2),
		inset 0 10px 20px rgba(255,255,255,0.25),
		inset 0 0 30px rgba(0,0,0,0.3);
	box-shadow:
		0 2px 6px rgba(0,0,0,0.5),
		inset 0 1px rgba(255,255,255,0.3),
		inset 0 10px rgba(255,255,255,0.2),
		inset 0 10px 20px rgba(255,255,255,0.25),
		inset 0 0 30px rgba(0,0,0,0.3);
	background:rgba(255,255,255,0.8);
}

.FormNavTop
{
    height: 38px; 
    width: 100%; 
    /* Don't show a background for ignition */
}

.FormNavBottom
{
    background-repeat: repeat-x;
    width: 100%;
}

.ReportInstructionsColumn
{
    width: 259px;
    padding-left: 5px;
}

.ReportInstructions
{
    font-family: Arial;
    font-size: 14pt;
    font-weight: bold;
}

.CenteredTable
{
    margin-left:auto;
    margin-right:auto;
    text-align: -moz-center;
    #text-align: center;
}

/* Next 3 used in wizards (i.e. word merge) to format various UI elements */

.WizardBody {
    font-family: Segoe UI, Verdana; 
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

.WizardLabel {
    font-family: Segou UI, Verdana;
    font-size: 12px;
}

/***************** igGrid styles *********************/

/* Override the default top and bottom padding of 4px. This is used in both virt and non-virt modes */
.ui-iggrid table tbody td {
    padding-top: 2px!important;
    padding-bottom: 2px!important;
    /* The following line can be uncommented to disable cell wrapping in the grid in both virt and non-virt mode */
    /* white-space: nowrap!important; */
}

/* This is used to ensure the cells don't wrap in virt mode. */
.ui-iggrid-virt table tbody td {
    /* The following line can be uncommented to disable cell wrapping in the grid in virtualization mode */
    /* white-space: nowrap!important; */
}

.igGridDiv {
    width: 100%;
    float: left;
    clear: left;
}

.igComboColumn {
	float: left;
	border-bottom: 1px solid slategrey;
	/* border-right: 1px solid slategrey; */
    font-family: Verdana;
    font-size: 8pt;
	height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.igComboHeader 
{
	float: left;
	/* border-right: 1px solid slategrey; */
    font-family: Verdana;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.igComboHeaderOuter
{
    width: 100%;
	float: left;
    padding-left: .2em;
    padding-right: .2em;
	background-color: lightgrey;
	border-bottom: 1px solid slategrey;
    font-size: 8pt;
	height: 20px;
    vertical-align: middle;
}

/* Used in the standard FMS selected files grid */
.DeleteButton 
{
    height: 20px;
    width: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('../../images/delete.gif'); 
}

/* Used in the error message columns within DEF grids */
.ErrorButton
{
    height: 20px;
    width: 20px;
    display: block;
    /* Ensure the text doesn't interfere with the background image */
    text-indent: -9999px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('../../images/red_dot.gif');
    background-position-x: 5px;
    background-position-y: 5px;
}

/* Used in the igGrid for the item files button */
.igItemFilesButton 
{
    height: 20px;
    width: 33px;
    font-family: Verdana;
    font-size: 8pt;
}

/* Used in the igGrid to change the cancel and search button background in the advanced filter dialog. */
.ui-dialog .ui-dialog-buttonpane button {
    background:#4F4F4F url('../../css/IgniteUI/themes/infragistics/images/gradient_1.png') repeat-x;
}

/* Used in the igGrid to change the top padding in order to show the entire advanced filter dialog. */
.ui-dialog.ui-draggable.ui-resizable.ui-iggrid-dialog.ui-widget.ui-widget-content.ui-corner-all {
    top: 6.2185px !important;
}

/* css for Report Designer */
.queryFilterDropdown {
    margin: 5px;
    width: 200px;
    visibility: visible !important
}
/* css for Report Zoom Filter modal window */

.zoomPopupToolbar {
    width: 99%;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 30px
}
.ReportZoomSelected {
    background:#BBBBBB;
    
}
.zoomReportGridContainer {
    height: 380px;
    width: 90%;
    overflow: hidden;
    padding: 10px;
}
.ReportZoomSelectButton {
    cursor: pointer;
    padding-left: 10px
}

/* css for Report Quick Filter modal window and checkbox */
.QuickFilterPopup {
    height: 60px;
    padding-top: 10px;
    padding-left: 10px;
}
.QuickFilterPopup div {
    height: 40px;
    padding: 5px
}
.QuickFilterPopup div select {
    height: 25px;
}
.QuickFilterPopup div #quickFilterField {
    width: 180px;
}
.QuickFilterPopup div #quickFilterOperator {
    width: 100px;
}
.QuickFilterPopup div #quickFilterValue {
    width: 320px;
}
.QuickFilterCheckbox {
    width: 100px;
}
.QuickFilterCheckbox input{
    vertical-align: bottom;
    position: relative;
    top: 8px;
}
.QuickFilterCheckbox label{
    position: relative;
    top: 6px;
}

/* General purpose classes */
.left {
    float: left;
}
.right {
    float: right;
}
.clearBoth {
    clear: both;
}
.inLineBlock {
    display: inline-block
}
.padding10 {
    padding: 10px;
}
.paddingTop10
{
    padding-top: 10px;
}
.margin5 {
    margin: 5px;
}
.margin10 {
    margin: 10px;
}
.height40 {
    height: 40px;
}
.displayBlock {
    display: block;
}
.width80 {
    width: 80px;
}
.hidden {
    display: none;
}
.widthHundred {
    width: 100%;
}
.marginLeft5 {
    margin-left: 5px;
}
.marginTop5 {
    margin-top: 5px
}
.marginBottom5 {
    margin-bottom: 5px;
}
.colorRed {
    color: red;
}
.disabledCheckBox
{
    opacity:.60;
    filter: alpha(opacity=60);
}
.radioItemHorizontal label {
    margin-right: 25px;
}
.displayInlinePaddingTop12 {
    display: inline-block;
    padding-top: 12px;
}

/* Ignition-specific */

/* Used in navigation page HTML elements */
.navHTML {
    height: 100%;
}

/* Used in navigation page bodies */
.navBody {
    margin: 0 auto; 
    padding: 0; 
    height: 100%;
}

/* Used to hold the nav divs */
.navContainer {
    height: 100%;
    background-image: url(../../images/Ignition/background.jpg);
    background-repeat: repeat;
}

/* Used for the nav banner div */
.navBanner {
    height: 50px; 
    width: 100%;
    border-bottom: 5px solid #494949;
}

/* Used for the nav content div */
.navContent
{
    height: 100%; 
    width: 95%; 
    margin: 20px auto auto auto;
}

/* Used for the most content iframe   */
.navFrame
{
    height: 100%; 
    width: 100%; 
    border: 1px solid #cccccc;
    border-radius: 5px 5px 0px 0px;
}
/* Used for the nav content iframe area selector popup */
.navFrameAreaSelector
{ 
    width: 100%; 
    border: 0px solid transparent;
    height: 600px;
}

/* Used for the nav footer div */
.navFooter {
    height: 35px; 
    width: 100%;
    position: absolute; 
    bottom: 0; 
    left: 0;
    border-top: 1px solid #313131;
    z-index: 1000;
}

.footerBody
{
    background-color: #494949; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
    height: 100%; 
    font-family: 'Open Sans Light', sans-serif;
}

/* Item Styles */
.ListDefinitionLevel1
{
    font-size: 18px;
    font-family: 'Open Sans Light', sans-serif;
}

.ListDefinitionLevel2
{
    font-size: 14px;
}

.DMSSearchArea {
    margin: 20px auto 0 auto; 
    height: 100%; 
    border-style: solid;
    border-color: #ffffff;
    border-width: 1px 0px 1px 0px;
}

.DMSSearchText {
    font-size: 14px;
}

.DMSUIBlocker
{
    background-color:silver;
    background: rgba(192, 192, 192, 0.5);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10003;
    position: absolute; 
    cursor: progress;
}

.DMSProgressContainer
{
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 100px;
    margin: -50px -200px;
    display: inline-block;
    font-family: Verdana;
    font-size: small;
    font-weight: bold;
    background-attachment: fixed; 
    background-repeat: no-repeat;
    z-index: 10001;
    text-align: center;
}

.DMSProgressBackground
{
    width: 100%;
    height: 25px;
    border: 1px solid blue;
}

progress.DMSProgressContent
{
    width: 100%;
    border: 0px;
    height: 25px;
}

span.DMSProgressContent
{
    width: 100%;
    border: 0px;
    height: 25px;
    display: block;
    background-color: blue;
}

.DMSUploadStatus 
{
    height: 20px;
    width: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('../../images/upload_new.gif'); 
}

.DMSUploadStatus.DMSUploadFailed
{
    background-image: url('../../images/WFError.gif') !important; 
}

.DMSUploadStatus.DMSUploadCompleted
{
    background-image: url('../../images/WFApproved.gif') !important; 
}

.DMSDeleteButton 
{
    height: 20px;
    width: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('../../images/delete.gif'); 
}

.DMSCancelUpload 
{
    width: 100px;
    height: 25px;
    margin-top: 3px;
	background-color:#4197ee;
	text-indent:0;
	border:1px solid #1c76be;
	display:inline-block;
	color:#ffffff;
	font-family:'Open Sans Light', Verdana;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;
}

.DMSCancelUpload:hover 
{
    -webkit-box-shadow:0 0 5px #3593e5; 
    -moz-box-shadow: 0 0 5px #3593e5; 
    box-shadow:0 0 5px #3593e5;
}

.DirectSubscribedByCurrentUser, .InheritSubscribedByCurrentUser{
    font-weight: bold;
}

.DirectSubscribedByCurrentUser:not(.igdt_Windows7NodeSelected), .InheritSubscribedByCurrentUser:not(.igdt_Windows7NodeSelected) {
    background-color: #f1f1f1;
}

/* start of igTree View Selector CSS overrides */
#divAreaSelectorTree .igdt_Windows7NodeHolder {
    background-color: #f1f1f1 ;
    border-top: 1px solid #cccccc;
}

#divAreaSelectorTree li.igdt_Windows7NodeHolder {
    float: none;
    width: 100%;
}

#divAreaSelectorTree li a.igdt_Windows7NodeRoot {
    font-weight: normal;
}

#divAreaSelectorTree .igdt_Windows7NodeImage {
    display: none;
}

#divAreaSelectorTree ul.igdt_Windows7NodeGroup {
    padding-left: 0 !important;
    margin-top: auto;
}

#divAreaSelectorTree li.igdt_Windows7NodeHolder ul li.igdt_Windows7NodeHolder ul li a.leftMenuItem.igdt_Windows7Node {
    padding-left: 20px;
}

#divAreaSelectorTree .igdt_Windows7NodeHolder ul{
    background-color: white;
    line-height: 1;
    border: 0px dotted transparent;
}

#divAreaSelectorTree .igdt_Windows7NodeHolder ul li{
    background-color: white;
    line-height: 1;
    border: 0px dotted transparent;
}

#divAreaSelectorTree ul.igdt_Windows7NodeGroup li.igdt_Windows7NodeHolder ul.igdt_Windows7NodeGroup li:first-child.igdt_Windows7NodeHolder {
    padding-top: 6px;
}

#divAreaSelectorTree ul.igdt_Windows7NodeGroup li ul.igdt_Windows7NodeGroup li:last-child.igdt_Windows7NodeHolder {
    padding-bottom: 6px;
}

#divAreaSelectorTree ul.igdt_Windows7NodeGroup li.igdt_Windows7NodeHolder a.igdt_Windows7Node.igdt_Windows7NodeRoot.igdt_Windows7NodeParent {
    padding-top: 5px;
    padding-bottom: 5px;
}

#divAreaSelectorTree ul.igdt_Windows7NodeGroup li.igdt_Windows7NodeHolder img[nidx="2"] {
    padding-top: 5px;
    padding-bottom: 5px;
}

#divAreaSelectorTree ul.igdt_Windows7NodeGroup li.igdt_Windows7NodeHolder ul.igdt_Windows7NodeGroup li.igdt_Windows7NodeHolder ul li.igdt_Windows7NodeHolder {
    padding-left: 20px;
    /* reduce the width to avoid showing horizontal scrollbar when overflow is set to auto */
    width: calc(100% - 48px);
}

#divAreaSelectorTree ul.igdt_Windows7NodeGroup li.igdt_Windows7NodeHolder ul.igdt_Windows7NodeGroup li.igdt_Windows7NodeHolder > a.leftMenuItem.igdt_Windows7Node{
    padding-left: 6px;
}
/* end of igTree View Selector CSS overrides */

/* start of Navigation Trail classes*/
.NavTrailSeparator {
    margin: -3px 5px;
}
.NavTrailLink {
    text-decoration: none;
    font-family: verdana;
    font-size: 16px ;
    color: #005495;
    vertical-align: sub;
}

.NavTrailLink:hover {
    color: #49bcff;
} 

.NavTrailLinkHeader {
    text-decoration: none;
    font-family: verdana;
    font-size: 16px ;
    color: #005495;
    cursor: text;
    vertical-align: sub;
}
.NavImageRight
{
    cursor: pointer;
    border-style: none;
    padding-right: 13px;
    vertical-align: middle;
}

.NavImageLeft
{
    cursor: pointer;
    border-style: none;
    padding-left: 13px;
    padding-right: 8px;
    vertical-align: middle;
}

.NavFrameDiv {
    width: 200px; 
    display: none; 
    overflow: hidden !important; 
}
/* end of Navigation Trail classes */

.button {
    font: 16px Verdana;
}


.searchToolBarTitle {
    text-decoration: none;
    font-family: verdana;
    font-size: 16px ;
    color: #0C5FFA;
    padding-top: 16px;
    padding-left: 5px;
}
.searchRefresh {
    background:url('../../images/Ignition/search.png') no-repeat 0 0;
    width: 32px;
    height: 32px;
    display: inline-block;
    cursor: pointer; 
}

.LoginControlLabel {
    height: 50px; 
    padding-top: 25px; 
    padding-bottom: 10px;
}

/* The next two are for datagroup permissions */ 
.treeContainer {
    width: 97%;
    margin-top: 0px;
    height: 99%;
}
.Root {
    margin: 10px 0 0 10px;
    padding: 6px 0;
}

.CreateError {
    padding-top: 5px;
}

.mnuProfile a {
    background: url('../../images/Ignition/profile.png') no-repeat 9px 4px;
}

.mnuProfile a:hover {
    background: url('../../images/Ignition/profile_hovered.png') no-repeat 9px 4px;
}

.mnuLogout a {
    background: url('../../images/Ignition/logout.png') no-repeat 9px 6px;
}

.mnuLogout a:hover {
    background: url('../../images/Ignition/logout_hovered.png') no-repeat 9px 6px;
}

/* The next two are used to provide the background for the login page */
.BackgroundIgnition {
    background-image: url('../../images/ignition/background_login.jpg'); 
    background-size: 100% 100%;
}

.BackgroundConverge {
    background-image: url('../../images/background_login_converge.jpg'); 
    background-size: 100% 100%;
}

.BackgroundSky {
    background-image: url('../../images/background_login_sky.jpg'); 
    background-size: 100% 100%;
}

/* This is used to hide the close button on certain jquery dialogs */
.no-close .ui-dialog-titlebar-close {
    display: none;
}

.TrialBar {
    position: fixed; 
    bottom: 35px; 
    margin-left: 20px; 
    width: 976px; 
    vertical-align: middle; 
    height: 35px; 
    border-radius: 5px 5px 0 0;
    background-color:#4197ee;
	text-indent:0;
	border:1px solid #1c76be;
	color:#ffffff;
	font-family:'Open Sans Light', Verdana;
	font-size:18px;
	font-weight:300;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;
}

/* start of FMS Version Control menu classes */
.VersionControl
{
    display: none;
    width: 120px;
    height: 80px;
    background-color: white;
    border: 1px outset black;
}

.VersionControl ul {
    list-style-type: none;
    padding: 0 10px 10px 10px;
}

.VersionControl a {
    text-decoration: none;
    height: 20px;
    display: block;
}

.EnabledHref:hover {
    background-color: #C2DFFF;
}

.DisabledHref{
    color: silver !important;
    background-color: transparent;
    cursor: default;
}
/* end of FMS Version Control menu classes*/

button.ui-dialog-titlebar-close {
    color: transparent;
    top: 3px !important;
}

button.ui-dialog-titlebar-close > span.ui-icon-closethick {
    position: relative;
    top: -4px;
    left: -4px;
}