html, body
{
	height:100%;
	margin:0;
	padding:0;
}

body
{
	font:normal normal 1.2em Calibri,Arial,sans-serif;
	background:#fff;
}

form
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

img
{
	border:0;
}

input,select,textarea
{
	font:normal normal 100%/1.2em Lucida Grande,Calibri,Arial,sans-serif;
	vertical-align:middle;
}

.top
{
	width:100%;
	background:#646464;
	height:8em;
	max-height:8em;
}

.footer
{
	text-align:center;
	width:100%;
	color:#bbb;
}

a
{
	text-decoration:underline;
}

a:hover
{
	color:#f5c149;
	text-decoration:none;
}

fieldset legend
{
	font-weight:bold;
	padding-right:4px;
}

.core
{
	font:normal normal 400%/1em Lucida Grande,Candara;
	color:#fff;
}

.core2
{
	font:normal normal 300%/1em Lucida Grande,Candara;
	color:#fff;
}

.t1
{
	text-decoration:none !important;
}

.community
{
	font:normal normal 130%/1em Lucida Grande,Candara;
	color:#fc0;
	text-decoration:overline;
}

h3
{
	font:normal bold 100% Lucida Grande,Calibri,Arial,sans-serif;
	margin:0;
	padding:0 0 2px 0;
	text-align:center;
}

.click_empty
{

}

.hidden
{
	display:none;
}

/* BEGIN DETAILSVIEW BASE */

.detailbase
{
	border:solid 1px #fff;
	min-width: 380px;
}

.detailbase tr td
{
	height:23px;
/*	border-top:solid 1px #ece9d8; */
}

.detailbase tr:last-child td
{
	border-bottom:hidden;
}

.detailbase .command_row
{
	background: #646464;
}

.detailbase .command_row > td
{
	border-bottom:solid 1px #fff !important;
}

.detailbase .field_header
{
	padding-left:4px;
	font-weight:bold;
}

/* END DETAILSVIEW BASE */
/* BEGIN GRIDVIEW/DETAILSVIEW SHARED */

tr.odd
{
	background:#D4D4D4;
	border-bottom:solid 1px #ece9d8;
}

tr.even
{
	background:#f9f9f9;
	border-bottom:solid 1px #ece9d8;
}

tr.news > td
{
	padding:1em 0;
	border-bottom:solid 1px #ece9d8;
}

tr.news:last-child td
{
	padding-bottom:0;
}

tr.news:first-child td
{
	padding-top:0;
}

.command_button
{
	font-size:100%;
	cursor:pointer;
	padding:0 4px;
}

.empty_row
{
	border: 1px solid #fff;
	/*background:#C5E9D6;*/
    background:#ffffff;
	font-weight:normal;
	color:#525252;
	text-align:center;
}

/* END GRIDVIEW/DETAILSVIEW SHARED */

.addNewIcon 
{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.addNewIcon li 
{

	padding-left: 16px;
	background-image: url(bullet_add.png);
	background-repeat: no-repeat;
	background-position: 0;
}

/* BEGIN GRIDVIEW BASE */

.gridbase
{
	border:solid 1px #fff !important;
}

.gridbase > caption
{
	padding-bottom:2px;
	padding-bottom:1px;
}

.gridbase tr th
{
	line-height:14px;
	padding:4px 3px;
	border-bottom: solid 1px #fff;
}

.gridbase tr td
{
	line-height:17px;
	padding:3px;
}

.gridbase input,select
{
	vertical-align:middle;
}

tr.selected_row > td
{
	background:#85BFB1;
	border-top:solid 1px #ece9d8;
	font-weight:normal;
	border-bottom:solid 1px #ece9d8;
}

.header_row
{
    background: #646464;
    font-weight: bold;
    color: #fff;
    text-align: left;
}


.header_row > td
{
	line-height:14px;
	padding:4px 3px;
	border-bottom:solid 1px #fff;
}

.header_row > td > a
{
	color:#fff;
}

.pager_row
{
	background:#646464;
	font-weight:normal;
	color:#fff;
	text-align:left;
}

.news_pager_row
{
	background:inherit;
	font-weight:normal;
	text-align:left;
}

.news_pager_row td
{
	padding:8px 0 0 0;
}

.footer_row
{
	background:#646464;
	font-weight:bold;
	color:#fff;
	text-align:left;
	line-height:14px;
	padding:1px 3px;
}

tr .footer_row > td
{
	border-top:solid 1px #fff !important;
}

tr .pager_row > td
{
	border-top:solid 1px #fff !important;
	padding:0 !important;
}

.pager tr td
{
	padding:0 3px !important;
}

.pager .first a
{
	display:block;
	width:18px;
	height:18px;
	background:transparent url(pager_first_blue.gif) no-repeat;
}

.pager .first a:hover
{
	background:transparent url("pager_first_blue_disable.gif") no-repeat;
}

.pager .first_disable
{
	display:block;
	width:18px;
	height:18px;
	background:transparent url("pager_first_blue_disable.gif") no-repeat;
}

.pager .prev a
{
	display:block;
	width:18px;
	height:18px;
	background:transparent url(pager_prev_blue.gif) no-repeat;
}

.pager .prev a:hover
{
	background:transparent url("pager_prev_blue_disable.gif") no-repeat;
}

.pager .prev_disable
{
	display:block;
	width:18px;
	height:18px;
	background:transparent url("pager_prev_blue_disable.gif") no-repeat;
}

.pager .next a
{
	display:block;
	width:18px;
	height:18px;
	background:transparent url(pager_next_blue.gif) no-repeat;
}

.pager .next a:hover
{
	background:transparent url("pager_next_blue_disable.gif") no-repeat;
}

.pager .next_disable
{
	display:block;
	width:18px;
	height:18px;
	background:transparent url("pager_next_blue_disable.gif") no-repeat;
}

.pager .last a
{
	display:block;
	width:18px;
	height:18px;
	background:transparent url(pager_last_blue.gif) no-repeat;
}

.pager .last a:hover
{
	background:transparent url("pager_last_blue_disable.gif") no-repeat;
}

.pager .last_disable
{
	display:block;
	width:18px;
	height:18px;
	background:transparent url("pager_last_blue_disable.gif") no-repeat;
}

/* END GRIDVIEW BASE */

.pnlSearch 
{
	width:100%;
	padding:4px 10px 40px 0px;
	padding-bottom:20px;
	line-height:25px;
}

.newrecord
{
	width:25%;
	float:left;
	margin-top:1px;
}

.divSearch
{
	width:50%;
	float:left;
	text-align:center;
	margin-top:1px;
}

.litRecordCount
{
	width:25%;
	float:right;
	text-align:right;
	margin-top:1px;
}

#content
{
	float:left;
	width:100%;
	margin-right:-40%;
}

#left
{
	margin-right:40%;
	padding-right:15px;
}

#right
{
	width:40%;
	float:right;
}
/* BEGIN GRIDVIEW SELECT */

table.select tr.even:hover>td
{
	cursor:pointer;
	background-color:#e9f7ff;
}

table.select tr.odd:hover>td
{
	cursor:pointer;
	background-color:#e9f7ff;
}

/* END GRIDVIEW SELECT */

.password_table
{
	background-color:#f9f9f9;
	border:solid 1px #ece9d8;
	border-collapse:collapse;
}

.password_header
{
	color:#fff;
	background-color: #646464;
	font-weight:bold;
	height:22px;
}

.inline
{
	display:inline;
}

.pseudo_drop1
{
	height:23px;
	max-height:23px;
	background:#333;
	border-top:solid 1px silver;
}

.pseudo_drop2
{
	height:25px;
	max-height:25px;
	background:transparent;
	border-bottom:solid 1px silver;
}

.hidden
{
	display:none;
}

.calendar
{
	margin:0 auto;
	text-align:left;
	vertical-align:middle;
	width:80%;
}

.calendar_day
{
	min-height:70px;
}

.sitemapPath
{
	text-align:right;
	vertical-align:middle;
    height: 25px;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.account
{
	padding:8px 6px 0 0;
}

.account, .account a
{
	color:#fff;
}

.controlheader
{
	background:#ececec;
	border:solid 1px #c2c2c1;
}

.gridtable tr td, .gridtable tr th
{
	border:solid 1px #d3d3d3;
}

.pad4px
{
	padding-left:4px;
}

.ac_list
{
	margin:0px!important;
	padding:0;
	background:#fff;
	color:#333;
	cursor:default;
	border:solid 1px ButtonShadow;
	border-top:0;
	border-bottom:0;
	overflow:hidden;
}

.ac_listItem
{
	padding:4px 2px;
	border-bottom:solid 1px #ece9d8;
}

.ac_highlightedListItem
{
	padding:4px 2px;
	border-bottom:solid 1px #ece9d8;
	background-color:#ece9d8;
	color:HighlightText;
}

.Topmenu 
{
	width:100%;
/*	font-variant:small-caps; */
}

.Topmenu tr
{
	background-color:#F5F5F5;
	vertical-align:baseline;
}

.Topmenu tr > td
{
	border-bottom:1px solid silver;
	border-top:1px solid silver;
	text-align:left;
}

.Topmenu div 
{
	font-weight:normal;
	display:inline;
	text-align:left;
	text-decoration:none;
	font-size:100%;
	color:#a9a9a9;
	background-color:inherit;
	padding:3px;
}
.Topmenu a
{
	font-weight:normal;
	display:inline;
	text-align:left;
	text-decoration:none;
	font-size:100%;
	color:Black;
	background-color:inherit;
	padding:3px;
	border:1px solid #F5F5F5;
}
.Topmenu a.Level1:hover {
	border:1px solid #A9A9A9;
	background-color:#fffecd;
	text-decoration:none;
	color:#000;
}
.Topmenu a.Level1Selected {
	font-weight:bold;
	border:1px solid #A9A9A9;
	background-color:#d3d3d3;
	text-decoration:none;
	color:#000;
}

.Menu {
	background-color: #F5F5F5;
	border-right: 1px solid Silver;
	border-bottom: 1px solid Silver;
	padding: 10px;
	width: 150px;
}
.Menu div {
	font-weight: normal;
	display: block;
	text-align: left;
	text-decoration: none;
	font-size: 100%;
	color: #a9a9a9;
	vertical-align: middle;
	background-color: inherit;
	padding: 3px 3px 3px 3px;
	border: 1px solid #F5F5F5;
	width:150px;
}
.Menu a
{
	font-weight: normal;
	display: block;
	text-align: left;
	text-decoration: none;
	font-size: 100%;
	color: Black;
	vertical-align: middle;
	background-color: inherit;
	padding: 3px 3px 3px 3px;
	border: 1px solid #F5F5F5;
	width:150px;
}
.Menu a.Level1:hover {
	border: 1px solid #A9A9A9;
	background-color: #fffecd;
	text-decoration:none;
	color:#000;
}
.Menu a.Level1Selected {
	font-weight: bold;
	border: 1px solid #A9A9A9;
	background-color: #d3d3d3;
	text-decoration:none;
	color:#000;
}

.divHome {
	background:#f9f9f9;
	border: 1px solid #ece9d8;
	padding:1em;
}

.tablepad {
	border: 0;
	padding: 1px;
	
}

.tableNopad {
	border: 0;
	padding: 0
}

.tdleft {
	text-align: left;
	-webkit-column-span: 2;
	-moz-column-span: 2;
	-ms-column-span: 2;
	-o-column-span: 2;
}

.tdright {
	text-align: right;
	-webkit-column-span: 2;
	-moz-column-span: 2;
	-ms-column-span: 2;
	-o-column-span: 2;
}

.fullWidthCL {
	float:left;
	width:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.fullWidthCenter {
	width:100%;
	text-align: center;
}

.innerCenter {
	width:52%;
	margin: 0 auto;
	/*padding: 0px 0px 0px 0px;*/
}

.InnerfullWidthCL {
	float: left;
	position: relative;
	right: 50%;
	width: 100%;	
}

.leftColumnCL{
	float: left;
	left: 4%;
	overflow: hidden;
	position: relative;
	width: 18%;
}

.rightColumnCL{
	float: left;
	left: 51%;
	position: relative;
	width: 49.5%;
}
.centerThingsCL {
	margin: 0 auto;
	width: 1024px;
	height: 50px;
}

.centerTableElem 
{
	margin: 0 auto;
	width: 100%;
	text-align: center;
	
}
.LeftAlignElem 
{
	clear: left;
	float: left;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	width: 100%;	
}

.centerPanelCL {
	
	margin: 0 auto;
	width: 500px;
	border: 0px solid #ECE9D8;
}

.CenterSearch
{
	width: 50%;
	margin: 0 auto;
	text-align: center;
	margin-top: 1px;
}

.hidePanelCL {

	display: none;
}
.clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}

.divspace 
{
	
	height: 10px;
	margin:10px;
	padding: 0;
	overflow: auto;
}

.noVBarNoResize {
	-moz-resize:none;
	-ms-resize:none;
	-o-resize:none;
	overflow:auto;
}

.watermarked {
	color:#808080;
}	

/*Grid Sorting*/
th.sortasc a  
 {
	display:block; padding:0 4px 0 15px; 
    background:url(/images/ascsort.gif) no-repeat;  
 }
 th.sortdesc a  
 {
	display:block; padding:0 4px 0 15px; 
    background:url(/images/descsort.gif) no-repeat;  
 }
 
.panelHeader
{
	
    float: left;
    height: 30px;
    background: -webkit-gradient(linear, 0 0, 0 70%, from(#EDF2FB), to(#FFF));
    background: -webkit-linear-gradient(#EDF2FB, #FFF 70%);
    background: -moz-linear-gradient(#EDF2FB, #FFF 70%);
    background: -ms-linear-gradient(#EDF2FB, #FFF 70%);
    background: -o-linear-gradient(#EDF2FB, #FFF 70%);
    background: linear-gradient(#EDF2FB, #FFF 70%);
}

.divHeader {
	 float: right; 
	 margin-top: 0px; 
	 margin-right: 5px;
}

.floatIFrame
{
	position:absolute;
	left:300px;
	top:250px;
	border:none;
	display:block;
	z-index:0;
}

.float
{
	position:absolute;
	left:300px;
	top:250px;
	border:solid 1px #000;
	background:white url("bg.gif") repeat-x bottom;
	z-index:0;
}

/*----------MODAL POPUP----------*/

.modalBackground
{
    background-color: #e1e1e1;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.modalPopup
{
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding-top: 10px;
    padding-left: 10px;
    width: 500px;
    height: 140px;
}

.watermark 
{

	background: #e1e1e1;
}


/*---------Checkbox List Scroll---------*/
.scrollContainer
{
    overflow-x: hidden;
    overflow-y: scroll;
}

.scrollCheckBoxList
{
    border: 1px #808080 solid;
    margin: 5px;
    padding: 5px;
    height: 125px;
    width: 600px;
}

/*---------------Progress Bar---------------*/
.wizard a 
{
    padding: 12px 12px 10px 12px; 
    margin-right:5px; 
    background:#efefef; 
    position:relative; 
    display:inline-block; 
}
.wizard a:before 
{
    width:0px; 
    height:0px; 
    border-top: 20px inset transparent; 
    border-bottom: 20px inset transparent; 
    border-left: 20px solid #fff; 
    position: absolute; 
    content: ""; 
    top: 0; 
    left: 0;
}
.wizard a:after
{
    width: 0px;
    height: 0px;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #efefef;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}
.wizard a:first-child:before 
{
    border:none;
}
.wizard a:last-child:after 
{
    border:none;
}

.wizard a:first-child 
{
    -moz-border-radius: 4px 0 0 4px; 
    -webkit-border-radius: 4px 0 0 4px; 
    border-radius:   4px 0 0 4px;
}
.wizard a:last-child 
{
    -moz-border-radius: 0 4px 4px 0; 
    -webkit-border-radius: 0 4px 4px 0; 
    border-radius:   0 4px 4px 0;
}

.wizard .badge 
{
    margin:0 5px 0 18px; 
    position:relative; 
    top:-1px;
}
.wizard a:first-child .badge 
{
    margin-left:0;
}

.wizard .current 
{
    background:#007ACC; 
    color:#fff;
}
.wizard .current:after 
{
    border-left-color:#007ACC;
}

.checkbox {width: auto !important; float: left;}
.checkbox tr{background-color:Transparent !important;}
.checkbox input{width: auto !important; float: left !important;}
.checkbox label{width: auto !important; float: left !important;}

table.grid
{
	color: #333;
	border-color: #646464;
	border-width: 1px;
	border-style: Solid;
	width: 100%;
	border-collapse: collapse;

}

table.grid tr.gridheader
{
	background-color: #646464;
	color:#fff;
	font-weight:bold;
	height:23px;
}

table.grid tr.gridrowhiglight
{
	background-color: #D4D4D4;
}

.grid
{
	color: #fff;
}


/*M-SPEC css*/

.greenBackground{
    background-color:#008000;
    color:white;
    text-align:center;
        border: 1px solid #000000;
    border-radius:3px;
    opacity:0.7

}
.redBackground{
    background-color:#ff0000;
    color:white;
    text-align:center;
        border: 1px solid  #000000;
    border-radius:3px;
    opacity:0.7
}
.yellowBackground{
    background-color:#ffff00;
    color:black;
    text-align:center;
        border: 1px solid  #000000;
    border-radius:3px;
    opacity:0.7
}
.greyBackground{
    background-color:#808080;
    color:white;
    text-align:center;
        border: 1px solid  #000000;
    border-radius:3px;
    opacity:0.7
}
table.display {
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
  table-layout: fixed;        
  word-wrap:break-word; 
}


@media (max-width: 1350px) {
    .col-lg-8 {
        width: unset;
    }
}


#MSpecList {
    width: 100% !important;
}

@media (max-width: 1450px) {
    .col-md-8 {
        width: 100%;
    }

    .col-md-4 {
        width: 40%;
    }
}


/* RS Search Page */
.rssearch-chemical-search {
    width: 100% !important;
}

.filterReportingNode{
	width: 100% !important;
}
.filterPlatform{
	width: 100% !important;
}

a#pipeLineSeperator:after {
	content: "|";
	padding: 7px;
	color: #12C2E9;
}
.disabledProd{
	pointer-events:none;
}
#ddlFilterTechFileStatus {
	width: 56%;
}