/******

GENERAL

******/

HTML, P, TD
{
	font-weight: normal;
	font-size: 8pt;
	color: #000000;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p
{
	padding: 2px;
}
h3
{
	color: #99CC66;
	font-family: Arial;
	font-size: 1.3em;
}
BODY
{
	background-image: url(../img/bluebg.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	width: 800px;
}

.report-body
{
	margin-top: -20px;
}

.media-tab-desc
{
	padding-left: 2px;
}
/******

HEADER, CONTENT, FOOTER

******/
#globalHeader
{
	background: url(../img/toxics_small.jpg);
	height: 106px;
	width: 100%;
	display: block;
}
#globalNavigationHeader
{
	background: url(../img/bluebg.png);
	height: 70px;
	width: 100%;
	text-align: left;
}
#header
{
	display: block;
	width: 100%;
	background-color: #e9e9e9;
	margin-bottom: 25px;
	text-align: left;
}
#header a
{
	display: block;
	margin: 0;
	padding: 5px;
	font-size: 1.4em;
	font-weight: bold;
	font-family: Arial;
	font-style: italic;
	color: #555;
}


.globalNavigation
{
	float: right;
}

ul.globalNavigation li
{
	display: inline;
	list-style-image: none;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}

ul.globalNavigation li a
{
	border-right: solid thin white;
	padding: 0px 5px;
}

#content p
{
	color: Black;
	display: block;
}

#footer
{
	display: block;
	clear: both;
	border-top: solid thin silver;
	text-align: left;
	width: 800px;
	margin-top: 2em;
	margin-left: 20px;
}
#content h1
{
	font-size: 1.6em;
	padding-top: .5em;
	margin: -10px 0px 0px 0px;
}
#content h3
{
	margin: 10px 0px 0px 2px;
}

/******

FORM FIELDS

******/


SELECT, INPUT
{
	font-size: 7pt;
	color: #666666;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.export
{
	color:#0099CC;
	padding: 2px;
	margin-left: 10px;
	background-image: none;
}

.export:hover
{
	color:#99CC66;
	cursor:pointer;
}

/******

LISTS

******/

ul
{
	padding-left: 0px;
	/*font-size: 7.5pt;*/
	margin-left: 20px;
}
ul.instructions
{
	font-size: 8pt;
	padding: 0px;
	margin: 0px 0px 0px 35px;
}
ul#queryResultsInfo li, ul#transferResultsInfo li
{
	list-style-type: none;
}

#notes li
{
	padding-top: .3em;
	line-height: 1.5em;
	font-size: 8pt;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
#notes ul
{
	list-style-type: none;
}
#notes ol
{
	list-style-type: decimal;
}

/******

LINKS

******/
span#qblinks
{
	font-size: 8pt;
	font-weight: normal;
	white-space: nowrap;
}

A, qblinks a
{
	color: #0099cc;
	text-decoration: none;
}
A:active, A:hover, qblinks a:hover
{
	color: #99cc66;
	text-decoration: none;
}


.yui-dt-liner a:hover
{
	color: black;
	text-decoration: none;
}

A:visited
{
	color: #0099cc;
	text-decoration: none;
}
A.home
{
	font-weight: bold;
}
A.home, A.varlan, A.varlan, A.varlan:visited, A.home:visited
{
	color: white;
}
A.varlan
{
	font-weight: normal;
	font-size: 7.5pt;
}
A.varlan:hover, A.home:hover
{
	color: white;
	text-decoration: underline;
}
A.cec, A.cec:hover, A.cec:active, A.cec:visited
{
	font-weight: lighter;
	font-size: 20pt;
	color: #d6eff7;
	font-family: Georgia, Times New Roman, Times, serif;
}

A.small
{
	font-weight: normal;
	font-size: 7.5pt;
	color: #0099cc;
	line-height: 10pt;
	text-decoration: none;
}
A.small:hover
{
	color: #99cc66;
	text-decoration: none;
}
A.medium
{
	font-weight: normal;
	font-size: 8pt;
	color: #0099cc;
	line-height: 10pt;
	text-decoration: none;
}
A.nav
{
	font-weight: normal;
	font-size: 7.5pt;
	line-height: 6pt;
}
A.nav:hover
{
	color: red;
}

A.medium:hover
{
	color: #99cc66;
	text-decoration: none;
}

.handStyle
{
	cursor: pointer;
}

/******

FACTBOX

******/

.factbox
{
	width: auto;
	border-bottom: solid 1px #99CC66;
	padding: 0 5px 5px 5px;
}
#leftColumn .factbox
{
	border-right: solid 1px #99CC66;
}
#rightColumn .factbox
{
	border-left: solid 1px #99CC66;
}


/******

ESSENTIALS BOX

******/
#essentials
{
	display: block;
	border-bottom: solid 1px #99CC66;
	border-top: solid 1px #99CC66;
	padding: 5px;
	margin-bottom: 1em;
}
#essentials ul
{
	margin-top: 0;
	list-style-type: none;
	margin-left: 0em;
}


#rightColumn h3, #leftColumn h3
{
	color: #99CC66;
	font-family: Arial;
}

.h3_style
{
	color: #99CC66;
	font-family: Arial;
	font-size: 16px;
}



/*******
Style for text bullets
*******/
.listtext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10pt;
}

/******

MARGIN

******/
P.margin
{
	font-size: 7pt;
	margin-left: 15px;
}
TD.margin
{
	padding-left: 11px;
	font-weight: normal;
	font-size: 7pt;
	padding-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/******

PARAM TREE SECTION

******/
#qbParamTreeSection ul
{
	margin-top: 0;
}

.qbStep
{
	color: Gray;
	width: auto;
	float: right;
}



/******

SECTIONS

******/

h4 > a, h4 > a:hover
{
	cursor: text;
	color: Gray;
	font-weight: bold;
}
h4 > a.enabled
{
	cursor: pointer;
	color: #0099CC;
	font-weight: normal;
}


.disabled
{
	cursor: text;
	color: Gray;
	font-weight: bold;
}

div .disabled
{
	color: gray;
}

.enabled
{
	cursor: pointer;
	color: #0099CC;
	font-weight: normal;
}

.qbSelect1
{
	width: 100%;
	font-size: 8pt;
}

.qbSelectChartType
{
	max-width: 100%;
	font-size: 9px;
}

.qbSelect
{
	max-width: 100%;
}

div.qbSection
{
	border: solid thin #97bd69; /*an original color*/
	margin-top: 0;
	float: none;
	padding: 2px;
}
div.qbSectionHead_BG
{
	padding: 2px;
	color: black;
	font-weight: bold;
	border-bottom: solid thin #97bd69; /*an original color*/
	background-color: #CECECE;
}

div.qbSectionHead
{
	padding: .2em;
	color: black;
	font-weight: bold;
	border-bottom: solid thin #97bd69; /*an original color*/
}

div.qbSection table
{
	width: 100%;
}
div.qbSection h4
{
	font: bold 1em/2em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: .2em;
	color: Gray;
}
div.qbSectionHelp
{
}

/******

WIZARD BUTTONS

******/
#qbNav
{
	text-align: right;
	float: none;
	width: 100%;
}
#qbNav li
{
	display: inline;
	list-style-image: none;
	border: dashed 1px gray;
	padding: 5px 10px;
	cursor: pointer;
	font-weight: bold;
}
#qbNav li:hover
{
	background-color: #CCFFCC;
}
#qbNav li#qbSubmitButton:hover, #qbNav li#qbResetButton:hover
{
	color: Yellow;
	background-color: #CC6666;
}

/******

RESULTS GRID CONTAINER

******/

.summaryRow, tbody td div.yui-dt-liner
{
	font-size: 8pt;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

.summaryRow th
{
	padding: 4px 10px;
	text-align: right;
}

tbody td .yui-dt-liner
{
	text-align: right;
}

/*Reports and drilldown reports grid*/
tbody td.yui-dt-col-Name .yui-dt-liner, tbody td.yui-dt-col-City .yui-dt-liner, tbody td.yui-dt-col-State .yui-dt-liner, tbody td.yui-dt-col-Country .yui-dt-liner, tbody td.yui-dt-col-Industry .yui-dt-liner, tbody td.yui-dt-col-PrTrId .yui-dt-liner, tbody td.yui-dt-col-CasNumber .yui-dt-liner
{
	text-align: left;
}

tbody td.yui-dt-col-Metal .yui-dt-liner, tbody td.yui-dt-col-Carcinogen .yui-dt-liner, tbody td.yui-dt-col-Prop65 .yui-dt-liner, tbody td.yui-dt-col-PBT .yui-dt-liner, tbody td.yui-dt-col-CAC .yui-dt-liner, tbody td.yui-dt-col-GHG .yui-dt-liner, tbody td.yui-dt-col-NaicsCode .yui-dt-liner
{
	text-align: center;
}

/*Serach result grid*/
tbody td.yui-dt-col-name .yui-dt-liner, tbody td.yui-dt-col-prtrid .yui-dt-liner, tbody td.yui-dt-col-city .yui-dt-liner, tbody td.yui-dt-col-state .yui-dt-liner, tbody td.yui-dt-col-country .yui-dt-liner
{
	text-align: left;
}

#searchResults th 
{
	font-size: 13px;
}

/******

NOTES

******/
span#carcinogen, span#metal, span#prop65, span#cepatoxic, span#pbt, span#cac, span#ghg
{
	cursor: help;
}
.carcinogen, .c
{
	color: #990000;
	font-weight: bold;
	cursor: help;	
}
.metal, .m
{
	color: #000099;
	font-weight: bold;
	cursor: help;
}
.prop65, .d
{
	color: #009900;
	font-weight: bold;
	cursor: help;
}
.cepatoxic
{
	color: #FF6666;
	font-weight: bold;
	cursor: help;
}
.pbt, .p
{
	color: #FF6666;
	font-weight: bold;
	cursor: help;
}
.cac, .a
{
	color: gray;
	font-weight: bold;
	cursor: help;
}
.ghg, .g
{
	color: green;
	font-weight: bold;
	cursor: help;
}

/******

OTHER

******/
.tips
{
	font-size: 7.5pt;
	line-height: 10pt;
}
.caption
{
	font-weight: normal;
	font-size: 7.5pt;
	line-height: 10pt;
	font-style: italic;
}
.title
{
	font-weight: bold;
	font-size: 10pt;
	line-height: 11pt;
}

.buttonBar
{
}
.shadow
{
	visibility: hidden;
	position: relative;
}
.button
{
	border-right: 0px;
	padding-right: 8px;
	border-top: 0px;
	padding-left: 3px;
	padding-bottom: 3px;
	margin: 3px;
	border-left: 0px;
	cursor: pointer;
	padding-top: 3px;
	border-bottom: 0px;
}
.infoArea
{
	height: 2em;
}
.information
{
	padding-left: 15px;
	font-size: 8pt;
	visibility: hidden;
	margin: 0px;
	border-left: #999999 1px dashed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
}
.intro
{
	font-weight: bold;
	font-size: 11pt;
	color: #99cc66;
}
.lettrine
{
	font-weight: bold;
	font-size: 40px;
	float: left;
	color: #bad49c;
	line-height: 1.1em;
}

div#maskLayer
{
	position: absolute;
	background-color: gray;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	padding: 0px;
	margin: 0px;
	display: none;
	z-index: 997;
}

div#loadingIndicator
{
	position: absolute;
	text-align: center;
	width: 230px;
	height: auto;
	padding: 10px;
	display: none;
	z-index: 998;
}

div#loadingIndicator img
{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	height: 2em;
	width: 2em;
}

div#queryRequest
{
	padding-left: 2px;
}

.chemicalsHeader
{
	background: #D8D8DA url(../yui/build/assets/skins/sam/sprite.png) repeat-x;
}

.chemicalsHeader th
{
	color: black;
	font-weight: normal;
	font-style: normal;
}
.required
{
	color: Red;
	font-weight: bold;
}
.throb
{
	display: inline-block;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	background-image: url(../img/throbber.gif);
}
/******

MENU

******/
#Menu
{
	display: block;
	width: 100%;
	border-top: solid thin #7FCCE5;
	border-bottom: solid thin #7FCCE5;
	text-align: left;
	text-decoration: none;
}
#Menu ul
{
	margin: 0;
	padding: 0;
}
#Menu li
{
	list-style-type: none;
	border-top: dashed 1px #0099cc;
}
#Menu ul li.selected > a:first-child
{
	background-color: #c4e5f2;
}
#Menu ul a, #Menu ul ul a
{
	padding-left: 1em;
}
#Menu ul ul ul a
{
	padding-left: 2em;
}
#Menu a
{
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
}
#Menu a:hover
{
	color: #0099cc;
	background-color: #c4e5f2;
}
#Menu ul li.topMenuItem
{
	border-top-width: 0px;
}

/******

SEARCH

******/
.listpanel
{
	text-align: left;
}
.listpanel a
{
	display: block;
}
.listpanel a.alternate
{
	background-color: #D8D8D8;
}


div#mapIncompatiblityNotice
{
	border: solid 1px gray;
	margin-right: 2px;
	color: #99cc66;
	padding: 5px;
	text-align: justify;
}

div#rightColumn h3#searchFacilityHeader
{
	margin-top: -2px;
}

div#feedback
{
	border: solid 1px #99cc66;
	padding: 0px 0px 0px 10px;
}

/******

SCROLLING PANEL

******/
div.scrolling
{
	border: solid 1px gray;
	height: 100%;
	max-height: 200px;
	overflow-y: scroll;
	font-size: .8em;
}
div.scrolling label.selected
{
	background-color: #c4e5f2;
}
div.scrolling label:hover
{
	cursor: pointer;
	background-color: #e1f2f9;
}
div.scrolling label
{
	text-indent: -1.6em;
	padding: .1em 1.6em;
	display: block;
	border-bottom: dashed 1px #0099cc;
}

/******

INDUSTRY PANEL

******/
#NameSort, #CodeSort
{
	margin: 0 5px;
}


/******

EXPORT PANEL

******/
#exportDialog label
{
	display: block;
}
#exportDialog div.row, #exportDialog select
{
	margin-bottom: 1em;
}




/******

MAP

******/
div.mapDiv
{
	display: block;
}
div#mapsContainer
{
	display: block;
}

/******

TOGGLE BUTTONS

******/
div.togglebuttons
{
	display: inline;
}
div.togglebuttons > span
{
	color: #0099cc;
	cursor: pointer;
}
div.togglebuttons > span.toggled
{
	color: Gray;
	text-decoration: none;
	cursor: text;
}
/*selected*/

/*
jQuery popup style
*/

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}

#exportDialog
{
	height: 30;
}

.alignLeft
{
	text-align: left;
}

.alignRight
{
	text-align: right;
}

.resultgroup
{
	margin-left: 20px;
	margin-bottom:20px;
}

.hidden
{
	visibility: hidden;
}
.displayNone
{
	display: none;
}

.exportLabel
{
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	font-family: Arial;
}

.toolTipText
{
	cursor: help;
	color: Navy;
}


/***
Media Toggler on the top the grids STARTS
***/
#mediaTable th, #mediaTable td
{
	text-align:left;
	background-color:whiteSmoke;
}

#mediaTableWrapper
{
	background-color:silver;
	padding:0px;
}

.showMediaTypeBtn
{
	color:#0099CC;
	padding: 0px 2px;
	margin-left: 5px;
	background-image: none;
	position:relative;
	top:-1px;
}

.showMediaTypeBtn:hover
{
	color:#99CC66;
	cursor:pointer;
}

/***
Media Toggler on the top the grids ENDS
***/

/* Share Link Style STARTS */
.shareLink
{
	font-size:8pt;
	cursor:pointer;
	font-weight:normal;
}

.floatRight 
{
	float:right;
}

.center 
{
	text-align:center;
	vertical-align:middle;
}
/* Share Link Style ENDS */



/*IE 7 Specific style starts here */
.ie7 div#bubbleContent
{
	width:100%;
	height:100%;
	overflow:scroll;
}
.ie7 tr.summaryRow th, .summarRowStyleForIE
{
	padding-right:1px;
}

.ie7 .summaryRow 
{
	line-height:2;
}
/*IE 7 Specific style ends here */