/*
Version Date        Who             What
1.0.0   2008XXXX    Anthony Cardosi	Initial release
1.0.1	20080927    Mark Rovendro   .StatusSuccess,.StatusWarning,.StatusError
1.0.2	20081016	Mark Rovendro	Modifed the .Status* items, Major changes!
1.0.3   20121203    Mark Rovendro   Added background color to OverviewPanel
1.0.4   20121207    Mark Rovendro   Changed #99b4d1 to steelblue for everything
                                    Added new class .grid_header
1.0.5   20121207    Mark Rovendro   Already replacing steelblue with #103494 - the BCS Logo color

old activecaption = #99b4d1
activecaption = #103494

#99b4d1 - use this for the border color

Replace steelblue with #103494 - this is the BCS Logo Blue

*/

body
{
	background-color: white;							/* rgb(255,250,240); */
	margin: 0px; 
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;			/* 2008.10.16 - MJR */
    font-size: 10px;									/* 2008.10.16 - MJR */
}

/*
TD
{
	font-size: 10pt;
	/ * vertical-align: text-top; 2008.10.16 * /
	color: black;
	text-align: left;
/ ** 	margin: 0;  ** /
}
*/

HR
{
	background: silver;
}

.bold 
{ 
    font-weight: bold; 
}

.tabWithData 
{ 
    font-weight: bold; 
    color: Green;
}

.MenuDiv
{
	background: #f6f6f6;
	padding-left: 5px;
	padding-right: 10px;
	border-right: #99b4d1 1px solid;
	width: 205px;
}

.required
{
	color: Red;
	font-weight: bold;
}

.StatusInfo, .StatusSuccess, .StatusWarning, .StatusError, .StatusValidation
{
	/* 
    margin: 10px 5px 10px 0px;
    padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
    width: 100%; 
    */
    margin-top: 10px;
    padding: 5px;
	text-align: left;
	/* background-repeat: no-repeat;*/
    /* background-position: 10px center; */ 
    font-family: Arial, Helvetica, sans-serif;		/* 2008.10.16 - MJR */
    font-size: 11px;                                /* 2014.02.12 - MJR */
}

.StatusInfo
{
	color: #00529B;  
    background-color: #BDE5F8;  
	border: #00529B 1px solid;
}

.StatusSuccess
{
	color: darkgreen;
	background-color: #e4ffdb;
	border: darkgreen 1px solid;
}

.StatusWarning
{
	color: #9F6000;									/* yellow */
	background-color: #FEEFB3;						/* gray */
	border: #9F6000 1px solid; 						/* yellow 1px solid */
}

.StatusError
{
	color: #D8000C;									/* red */
	background-color: #FFBABA;						/* #ffe3ff */
	border: red 1px solid;
}

.StatusValidation
{  
    color: #D63301;  
    background-color: #FFCCBA; 
    border: #D63301 1px solid; 
}  

div.StatusInfo img, div.StatusSuccess img, div.StatusWarning img, div.StatusError img, div.StatusValidation img
{
	margin-right: 7px; 
	/* float: left; */
}

.MainHeading
{
	font-weight:bold;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	/* width: 800px; */
	border-bottom: #99b4d1 3px solid;
	color: #000099;
}

.MainHeadingDescription
{
	margin-top: 10px;
	padding: 5px;
	border: #99b4d1 1px solid;
	/* width: 788px; */
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: #f6f6f6;
}

.MainHeadingDescription SELECT
{
    font-size: 11px;
}

.MainHeader1, .MainHeaderRight
{
	font-size: 11pt;
	color: White;
	padding-left: 5px;
	text-align: left;
	background-color: #103494;
}

.MainHeaderRight
{
	text-align: right;
}

.MainHeader
{
	color: #000099;
	/*
	font-weight: bold;
	font-size: 18px;
    */
    font-size:16px;
    
}

.RecordDiv
{
	background-color: #f6f6f6; /* #e7f5ff; */
	border: #103494 1px solid;
}

.RecordDiv TH
{ 
	padding: 3px; 
}

.RecordInfo
{ 
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 3px;
	text-align: right;
	font-size: 11px;
	/* 
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #ffe3e4 ;
	color: Black;
	font-size: 10pt;
*/
}

.RecordInfoLeft
{ 
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 3px;
	text-align: left;
	font-size: 11px;
	/* 
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #ffe3e4 ;
	color: Black;
	font-size: 10pt;
*/
}

.RecordDescription
{
	margin-top: 10px;
	padding: 5px;
	border-bottom: #99b4d1 2px solid;
	width: 788px;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	background: #f6f6f6;
}

.InsertRMTRecordInfo
{
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #ffe3e4 ;
	color: Black;
	font-size: 10pt;
}

.GridAlternatingRow
{
	/*background-color: #eceeee;*/
	font-size: 10px;                    /* 2014.02.09 */
}

.GridSelectedRow
{ 
	background-color:  #d5dde9;
}

.InputBox500
{
}

.InputBox500 input
{
	width: 500px;
}


#RMTHeader
{
	width: 100%; /* master pages sets the header to 800 pixels */ /* height: 105px; */
	background-repeat: no-repeat; /* background-image: url(images/WyethLogo.jpg); */ /*background : silver */
	/* border-bottom: #103494 1px solid; */
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
}

#RMTLeftMenu
{
	background: #f6f6f6; /* rgb(255,250,240) ; */
	padding-left: 5px;
	padding-right: 10px;
	margin: 5px 5px 5px 5px;
	border-right: #99b4d1 1px solid;
	width: 160px;
}

#RMTMain
{
	background: white;						/* rgb(255,250,240); */
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 5px 5px 5px 5px;
	text-align: left;
	width: 100%;                           /* 20110314 MJR:  800px */
	border-right: #99b4d1 1px solid;
	/** style="border: rgb(251,176,59) 1px solid;  height: auto  **/
}

#RMTFooter
{
	background: white; /* rgb(255,250,240); */
	font-size: 8pt;
	/* border-top: #103494 1px solid; */
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}

#RMTTABLE
{
	border-bottom: #99b4d1 1px solid;
	border-top: #99b4d1 1px solid;
}

BODY FORM 
{
	margin:0px; 
	padding: 0px;
}

.grid_scroll
{
    overflow: auto;
    height: 100px;
    border: solid 1px #99b4d1;
    width: 800px;
    background-color: white;
}

/* 2012.12.07 MJR - Added */
.grid_header
{
    color: White;
    background-color: #103494;  /* old color #99b4d1 */
    /* font-weight: bold; */    /* not sure we want this or not */
    font-size: 10px;                    /* 2014.02.09 */
}

/* need the hyperlinks to also be white */
.grid_header A
{
    color: White;
    font-size: 10px;                    /* 2014.02.09 */
}

.grid_overview
{
    overflow: auto;
    border: solid 1px #103494;
    background-color: white;
    font-size: 10px;                    /* 2014.02.09 */
}

.grid_overview TH, .grid_overview TD
{
    padding-left: 10px !important;      /* 2014.04.29 added !important to force space on IE11 */
    padding-right: 10px !important;     /* 2014.04.29 added !important to force space on IE11 */
    font-size: 11px !important;         /* 2014.02.09 / 2014.04.29 added !important to force on IE11 */
    text-align: center;                 /* 2014.02.29 added to fix on IE11 */
}

.OverviewPanel
{
    margin-top: 7px;
    padding: 0px;
    /* this is the main table on the Overview screen - we do not want to do this
    background-color: #f6f6f6; 
    border: solid 1px #103494;
    */
}

/* this is over riding the class=overviewpanel on the OverView screen panels in the table */
/* can not get the background to fill correctly without causing the alternating row to stop working */
#OverviewTable TD
{
	border: #103494 1px solid;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	/* background: #f6f6f6; the color overrides the backcolor on the grid and hides the alternating row color */
	margin: 0px 0px 0xpx 0px;
	padding: 0px 0px 0px 0px;
}

.OverviewPanelHeader
{
    width:100%;
    text-align:center;

    font-size: 12px;
    margin-bottom: 7px;
    padding: 2px 0px 2px 0px;
    
    /* dark blue font - logon screen */
    color: #000099;
    background-color: lightgray;
    
    /* normal grid header */
    background-color: #103494;
    color: White;
    
    /* dark background with dark blue font */
    background-color: #103494;
    color: white;
    font-weight: bold;
    
    /* MJR - Hard coding this in for now - this forces the top header to be the same size for boxes with no values */
    height: 20px;
    
    /* NEW TEST */
    background-color: #103494;
}



/* Capture360 Specific */
.DataFilterPanel1
{
    border: solid 1px gray;
    margin: 3px 3px 3px 3px;
    background-color: Blue;
}

.DataFilterPanel
{
	margin-top: 10px;
	padding: 5px;
	border: #99b4d1 1px solid;
	/* width: 788px; */
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background: #f6f6f6;
}

.DataFilterPanel SELECT, .DataFilterPanel INPUT
{
    font-size:10px;
    margin-right:2px;
}

.detailGrid
{
    /* border: 1px Solid #99b4d1;           2014.02.10 MJR */
    width: 100%;                        /* 2011.01.21 MJR */
    text-align: center;
    border: 0px !important;
}

.searchIcon { margin-left:2px; margin-right:2px; }
.searchPopupLink { margin-top:5px; margin-bottom:5px; margin-left:2px; margin-right:2px; overflow:hidden; }
.searchPopupFrame { display:none; border: 1px Solid Black; position:absolute; margin:50px; top:0px; left:0px; z-index:20000 !important; background-color:White; }
.maskDiv { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10000 !important; display:none; background-color:#c0c0c0; -moz-opacity:0.55; filter: alpha(opacity=55);}
.searchPopup { height:500px; width:500px; border:1px Solid Black; display:none; }                               /* 20110314 MJR - Added display:none */
/* 2011.11.30 MJR .searchControl { width:inherit; margin-top:5px; margin-bottom:5px; } Might need the inherit setting - I believe the margin was to give room to the magnifying glass icon */
/* 2011.11.30 MJR .searchControl input { width:70% !important; }  We are now assigning the width to each control via the setup table */
.searchControl { width:98%; display:block; }
/* .searchControl input { }  .searchControl input { margin-left: 3px; width:80%; } */
.searchControl img { width:16px; height: 16px; }

/* 
    2013.02.24 Mark Rovendro 
    Duplicating the searchPopup for a new Record Popup
*/
#divPopup { display:none; border: 1px Solid Black; }
#divPopup_notused { display:none; border: 1px Solid Black; position:absolute; margin:10px; top:0px; left:0px; z-index:200001; background-color:White; width: 85%; height: 85%; }
#divPOMatchPopup { display:none; border: 1px Solid Black; }

/* OVERVIEW PANEL: control the layout of the overview panels - see table definition for the other controls since these don't all work as expected */
.overviewpanel TD 
{
    margin: 3px 3px 3px 3px;
    /* height: 200px;  not working as expectedd */
    /* text-align: left; */
    /* vertical-align: top; not working need to do it in the <TD> definition */
    
}

.AuditGridView
{
	margin-top: 2px;
	margin-bottom: 5px;
	padding: 2px;
	border: #99b4d1 1px solid;
	/* width: 794px; */
	height: 300px;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	background: #f6f6f6;
}

.AuditLabel
{
    font-size: 11px;
}

.AuditHeading
{
	font-weight:bold;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
}

/* Used when rendering a tif document and controls the AlternaTIFF Control */
#tiffobject_NotUsed
{
    margin: 0px;
    padding: 0px;
    height: 600px;     /* When defining height make sure to provide the px - This works! */
    width: 100%;
}

/* Used when rendering a non-tif document */
#imageIframe
{
    margin: 0px;
    padding: 0px;
    height: 100%;     /*  2017.02.21 Changed to 100% to fix rendering issue in Chrome */
    width: 100%;
}

#InvoiceDetailTableID
{
    border:1px Solid #99b4d1;
}

#InvoiceDetailsTableID
{
    /* border:1px Solid #103494; */
    /* 2014.02.10 - MJR Removing the border all together / note added the border-top earlier today
    border-left: 1px Solid #99b4d1;
    border-right: 1px Solid #99b4d1;
    border-top: 1px Solid #99b4d1;                  * 2014.02.10 *
    border-bottom: 1px Solid #99b4d1;
    */
}

#InvoiceNotesTableID
{
    /* border:1px Solid #103494; */
    /* 2014.02.10 - MJR Removing the border all together / note added the border-top earlier today
    border-left: 1px Solid #99b4d1;
    border-right: 1px Solid #99b4d1;
    border-top: 1px Solid #99b4d1;                  * 2014.02.10 *
    border-bottom: 1px Solid #99b4d1;
    */
}

.RecordMainTopFullBox
{
	padding: 5px;
	border-bottom: 1px Solid #99b4d1;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: #f6f6f6;
	/* width:100%; */
}

.RecordMainTopFullBox SELECT
{
    font-size: 11px;
}

/*.logonTable, .logonTable TABLE, .logonTable TD*/
.logonTable TABLE
{
    /* background-image:url('~/bcslogo.gif'); */
    /* background-color:Fuchsia; */
    border: 1px Solid #103494;
}

.vision360Welcome-gen1
{
    /* color:DarkBlue; */
    font-size:16px;
    color: #000099;
    background-color:LightGray;
    border: 1px Solid #99b4d1;
    text-align: center;         /* 2016.01.15 */
}

.vision360Welcome-gen2
{
    /* color:DarkBlue; */
    font-size:16px;
    color: white;
    background-color:#103494;
    border: 1px Solid #103494;
    text-align: center;         /* 2016.01.15 */
}

.vision360Welcome
{
    /* color:DarkBlue; */
    font-size:36px;
    color: #103494;
    text-align: center;         /* 2016.01.15 */
}

.searchResultsTable
{
    /* Search Popup */
    /* background-color: Gray; */
    border: solid 1px #99b4d1;
    border-collapse: collapse;
}

.searchResultsTable .header
{
    /* Search Popup Grid Header */
    color: White;
    background-color: #103494; 
}

.searchResultsTable .alternatingRow
{
    /* Search Popup Grid Alternating Row */
    background-color: #eceeee; 
}

.closeDiv
{
    display:none;
}

.dataTable
{
    margin-bottom:5px;
    margin-top:15px;
}

.newrow
{
    display:none;
    margin-top:10px;
}

.ui-jqgrid tr.jqgrow td 
{
    vertical-align:top;
    white-space: normal !important;
}

.fillup
{
    width:98% !important;
}
.dataTable .instructions
{
    font-size: 11px; font-style:italic; color:#c0c0c0;
}

.POMatchPanel
{
	border: #99b4d1 1px dashed;
	background: #f6f6f6;
}

/* 
Set the properties of readonly fields
http://stackoverflow.com/questions/9635293/how-to-style-readonly-attribute-with-css
2014.04.17 Mark Rovendro
Added textarea -- the textarea is a differnet type of input control and needs to be listed separately
*/
input[readonly="readonly"] /*, textarea[readonly="readonly"]*/
{
    background-color:lightgray;
}

textarea[readonly="readonly"]
{
    background-color:lightgray;
    overflow: auto;
}

/* 2014.05.27 this changes the background of drop downs to gray like the text fields */
select[disabled="disabled"]
{
    background-color:lightgray;
}


/* 2017.08.21 Mark Rovendro - globally change all checkboxes, including the document display at the top */
input[type='checkbox']
{
    margin-left: 0;
    padding-left: 0;
    vertical-align: middle;
    
}

/*********  FONT SIZES **************/

/* Header Labels, Input Fields, Drop Down Content */
/* 2017.08.21 Mark Rovendro: Added margin and padding to 0 to align checkbox to left hand column. Seems as if this is probably good for all the controls */
.detail-headerTable, .detail-headerTable input, .detail-headerTable select
{
    font-size: 10px;
}

/* Detail Fields */
.detail-detailsTable, .detail-detailsTable input, .detail-detailsTable select, .detailGrid, .detailGrid input, .detailGrid select
{
    font-size: 10px;
    margin-left: 0;
    padding-left: 0;
}

/* Notes Fields */
.detail-notesTable, .detail-notesTable input, .detail-notesTable select
{
    font-size: 10px;
}

/* SearchView.aspx for Master/Detail/Notes in Panel */
.searchTable, .searchTable input, .searchTable select
{
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

/* ListView.aspx */
.GridRow, .grid_header
{
    font-size: 10px;
}

/*
2014.04.16 Mark Rovendro - Added the "overflow" to hide the scrollbars unless the amount of data exceeds the height of the box.
This requires statically setting the height of the TEXTAREA, otherwise when it is redisplayed it will use the full size of the text.
*/
.detailGrid TEXTAREA
{
    font-size: 11px;
    /*overflow: auto;*/
}




/****** OVERRIDE The asp.net AJAX Controls ******/

/* We want remove padding from the TAB control */
/*
.RecordTabPanel .ajax__tab_xp .ajax__tab_body
{
    padding: 0px !important;
}
*/

/**** SEARCH TAB ******/
.SearchTabPanelContainer .ajax__tab_xp .ajax__tab_body
{
    padding: 0px;
}

/* the below works since we have assigned SearchTabPanelBody to the TabPanel CSS */
.SearchTabPanelBody, .SearchTabPanelBody .ajax__tab_xp .ajax__tab_body
{
    margin: 0px;
    padding: 5px;
    background: #f6f6f6;
}

/* MJR: This worked, not the best way to achieve this, but it works */
#ctl00_Main_TabContainer1_body, #ctl00_Main_TabContainer_body, #ctl00_Main_detailTabs_tabContainer_body
{
    padding: 0px !important;
    background: #f6f6f6;
}

/* This is the body in the Record panels */
#invoiceDetailPane, #notesDetailPane
{
    padding: 0px !important;
    /*
    This will allow the panel to scroll right to left
    Will only want to do this when we force the width of each cell of the grid to a particular size
    Using "overflow" should also work ok
    overflow-x:auto;   -- apparently this has issues on ie8, must use "overflow"
    */
}

/*
.RecordTabPanel .ajax__tab_header
{
    font-family: "Helvetica Neue" , Arial, Sans-Serif;
    font-size: 14px;
    font-weight:bold;
    display: block;

}
.RecordTabPanel .ajax__tab_header .ajax__tab_outer
{
    border-color: #222;
    color: #222;
    padding-left: 10px;
    margin-right: 3px;
    border:solid 1px #d7d7d7;
}
.RecordTabPanel .ajax__tab_header .ajax__tab_inner
{
    border-color: #666;
    color: #666;
    padding: 3px 10px 2px 0px;
}
.RecordTabPanel .ajax__tab_hover .ajax__tab_outer
{
    background-color:#9c3;
}
.RecordTabPanel .ajax__tab_hover .ajax__tab_inner
{
    color: #fff;
}
.RecordTabPanel .ajax__tab_active .ajax__tab_outer
{
    border-bottom-color: #ffffff;
    background-color: #d7d7d7;
}
.RecordTabPanel .ajax__tab_active .ajax__tab_inner
{
    color: #000;
    border-color: #333;
}
.RecordTabPanel .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    background-color: #fff;
    border-top-width: 0;
    border: solid 1px #d7d7d7;
    border-top-color: #ffffff;
}
*/

.searchIcon
{
    position: relative;
    top: 4px;
    max-height: 14px;
}

.footerInput 
{
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.footerInput div 
{
    margin-bottom: 10px;
} 

.footerInput label 
{
    width: 200px;
}
.footerInput input
{
    margin-left: 10px;
}

/*
<asp:Button ID="LoginButton" runat="server" 
BackColor="#103494" 
BorderColor="#103494" 
BorderStyle="Solid" 
BorderWidth="1px" 
CommandName="Login" 
Font-Names="Verdana" 
Font-Size="Large" 
ForeColor="White" 
Text=" Sign in " 
ValidationGroup="ctl00$Login1" Width="150px"  Height="40px" CssClass="LoginButton" 

.LoginButton
{
    background-color:Aqua;
    width:200px;
    padding:15px;
    color:Black;
    cursor:pointer;
    text-align:center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    behavior: url(/border-radius.htc);  border-radius: 10px; 
}
*/
.ButtonRadius
{
    cursor:pointer;
    text-align:center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    behavior: url(/border-radius.htc);  
    border-radius: 15px; 
}