em
{
	font-style: italic;
}
h1
{
	font-size: 14pt;
	text-align: center;
	color: dimgray;
}
h2
{
	font-size: 12pt;
	text-align: center
	color: dimgray;
}
h3
{
	font-size: 10pt;
	text-align: center
	color: dimgray;
}
p,ul,ol,div
{
	color: #333;
}
a
{
	color: #333;
}
a:hover
{
	color: goldenrod;
}
img 
{
	border: none 0px;
}
.tab
{
	background: lightgrey;
	cursor: hand;
	padding-right: 5px;
	padding-left: 5px;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-bottom-width: 1px;
	border-bottom-color: gray;
	border-left: gray 1px solid;
	vertical-align: middle;
	text-align: center;
}
.active_tab
{
	background: while;
	padding-right: 5px;
	padding-left: 5px;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-bottom-width: 1px;
	border-bottom-color: gray;
	border-left: gray 1px solid;
	vertical-align: middle;
	text-align: center;
}
.content
{
	background: #FFFFFF;
	border: gray 1px solid;
}
.nicerctl
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	display: inline;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	position: static;
}
.bordered_area
{
	border-right: darkgray 1px dotted;
	border-top: darkgray 1px dotted;
	border-left: darkgray 1px dotted;
	border-bottom: darkgray 1px dotted;
}
.ridge
{
	border-right: thin ridge;
	border-top: thin ridge;
	border-left: thin ridge;
	border-bottom: thin ridge;
}
.groove
{
	border-right: thin groove;
	border-top: thin groove;
	border-left: thin groove;
	border-bottom: thin groove;
}
.caption1
{
	font-weight: bold;
	font-size: medium;
	font-style: italic;
	font-family: Arial;
}
.caption1u
{
	font-weight: bold;
	font-size: medium;
	font-style: italic;
	font-family: Arial;
	text-decoration: underline;
}
.caption2
{
	font-weight: bold;
	font-size: small;
	font-style: italic;
	font-family: Arial;
}
.caption3
{
	font-weight: bold;
	font-size: x-small;
	font-family: Arial;
}
.caption4
{
	font-weight: bold;
	font-size: xx-small;
	font-style: italic;
	font-family: Arial;
}
.menu
{
	border-top: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	background-color: Silver;
}

.small_progress
{
	text-align: center;
	font-size: bigger;
	font-style: italic;
	font-weight: bold;
}

.progress 
{
	text-align: center;
	font-size: large;
	font-weight: bold;
}

.prop_page
{
	border: 1px solid lightgrey;
	margin-bottom: 10px;
}
.prop_page_header
{
	background: url(/images/light-up-dark-bg.gif) repeat-x left center;
	padding: 0px;
	font-weight: bolder;
	font-variant: small-caps;
	font-size: medium;
}
.prop_page_content
{
}
.prop_page_hystory
{
	background-color:#eeeeee;
	border: 1px solid #eeeeee;
}
.prop_title
{
	font-weight: bolder;
	font-family: Arial;
	white-space: nowrap;
}
.prop_value
{
	font-family: Arial;
}
.prop_value_nowrap
{
	font-family: Arial;
	white-space: nowrap;
}
.prop_header
{
	border-bottom: darkgray 1px solid;
	font-weight: bolder;
	margin-top: 2em;
	font-size: larger;
}
.error
{
	text-align: center;
	font-weight: bold;
	background-color: coral;
	padding: 0.5em;
	border: dimgrey 1px solid;
}
.warning
{
	text-align: center;
	font-weight: bold;
	background-color: lightsalmon;
	padding: 0.5em;
	border: dimgrey 1px solid;
}
.info
{
	text-align: center;
	background-color: lightgoldenrodyellow;
	padding: 0.5em;
	border: lightgrey 1px solid;
}
.result_statement
{
	font-weight: bold;
	text-align: center;
	background-color: beige;
	border: 1px gray solid;
	padding: 0.5em;
}
.chemrefer
{
	font-size: medium;
}
.shaded
{
	font-size: 10pt;
	color: gray;
	font-family: Arial;
}
.emphasized
{
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial;
	margin-left: 10px;
}

input, select, textarea, button
{
	border-style:solid;
	border-width:1px;
	border-color:Gray
}

input[type="radio"], input[type="checkbox"]
{
	border: none 0px;
}

.minibutton
{
	margin-left: 5px;
}

p.syn
{
	margin: 3px;
}

.synonym
{
}
.syn_editor
{
	margin-left: 2px;
	margin-right: 2px;
	float:right;
	font-size:9px;
	white-space: nowrap; 
}
.synonym_approved
{
	font-weight: bold ! important;
}
.synonym_confirmed
{
	text-decoration: underline ! important;
}
.synonym_rejected
{
	text-decoration: line-through ! important;
}
.synonym_deleted
{
	text-decoration: line-through ! important;
	color: silver;
}
.synonym_purged
{
	text-decoration: line-through !important;
	color: gainsboro;
}
.synonym_cn
{
	font-weight: bold ! important;
	border: 1px solid gray;
	margin: 1px;
}
.synonym_ref
{
	margin-left: 0px;
	color: #999999;
	font-style: italic;
}
.synonym_language
{
	margin-left: 6px;
	color: #999999;
	font-style: italic;
}
.synonym_redirected
{
	color: #0000ff;
}
.synonym_redirect_approved
{
	font-weight: bold ! important;
	color: #0000ff;
}
.popup {
	background-color:#ffffdd;
	border-width:2px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}

.popup_header {
	cursor: move;
	background-color: #DDDDDD;
	border: solid 1px Gray;
	color: Black;
	padding: 2px;
	font-weight: bold;
	text-align: center;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.unapproved {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.accordion
{
	border: dotted lightgray 1px;
}

.accordion_header
{
	border: outset 1px;
	background-color: lightgrey;
	font: bolder;
	cursor: hand;
	padding: 2px;
}

.selected_accordion_header
{
	border: outset 1px;
	background-color: lightgrey;
	color: black;
	cursor: hand;
	font-weight: bolder;
	font-size: 1.2em;
	font-style: normal;
	font-variant: normal;
	padding: 2px;
}

.accordion_content
{
	background-color: ghostwhite;
	padding: 5px;
}

/* ChemRefer styles */
                a.style1:link {color: #3366FF;text-decoration: none;} 
                a.style1:visited {color: #3366FF;text-decoration: none;} 
                a.style1:active {color: #3366FF;text-decoration: none;} 
                a.style1:hover {color: #666666;font-weight: bold;text-decoration: none;}
		.highlight { font-weight: bold; background-color: Yellow; }
		.searchheading { font-family:Helvetica;font-size:13px;font-weight:bold;color:#666666; }
		.summary { display: none; }
		.suggestion { font-family: Helvetica; font-size: 100%; color: #666666; margin-top: -10px; margin-left: 15px; }
		.results { font-family: Helvetica; }
		.category { color: #999999; }
		.sorting { text-align: right; }
		.result_title a:link { color: #3366FF; font-weight: bold; text-decoration: none; }
		.result_title a:visited { color: #3366FF; font-weight: bold; text-decoration: none; }
		.result_title a:hover { color: #666666; font-weight: bold; text-decoration: none; }
		.result_title a:active { color: #3366FF; font-weight: bold; text-decoration: none; }		
		
		.description { font-size: 100%; color: #666666; font-weight: bold }
		.context { font-size: 100%; color: #666666; }
		
		.journal { font-size: 100%; color: #666666; font-weight: bold; }
		.authors { font-size: 100%; color: #666666; }
		
		.infoline { font-size: 80%; font-style: normal; color: #808080;}

		.zoom_searchform { font-size: 100%; }
		.zoom_results_per_page { visibility: hidden; }
		.zoom_match { position:absolute; top: 76px; left:234px; font-size: 70%; }
		.zoom_categories { font-size: 80%; }
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
		input.zoom_button { width: 64px; position:absolute; top: 52px; left:659px; }
		input.zoom_searchbox { width: 416px; position:absolute; top: 53px; left:234px; }		
		
		.result_image { float: left; display: block; }
		.result_image img { margin: 10px; width: 80px; border: 0px; }

		.result_block { padding: 15px 1em 15px 1em; }
		.result_altblock { padding: 15px 1em 15px 1em; background-color: #eee; }
		
		.result_pages { font-size: 100%; color: #666666; }
		.result_pagescount { font-size: 100%; color: #666666; margin-top: 0px; }
		
		.searchtime { font-size: 80%; }
		
		.recommended 
		{ 
			background: #FFFFFF; 
			border-top: none; 
			border-bottom: 0px; 
			margin-top: 15px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { display: none; }
		.recommend_block { margin-top: 15px; margin-bottom: 15px; margin-left: 15px; }		
                .recommend_title a:link { color: #3366FF; font-weight: bold; text-decoration: none; }
		.recommend_title a:visited { color: #3366FF; font-weight: bold; text-decoration: none; }
		.recommend_title a:hover { color: #666666; font-weight: bold; text-decoration: none; }
		.recommend_title a:active { color: #3366FF; font-weight: bold; text-decoration: none; }
		.recommend_description { font-weight: bold; font-size: 100%; color: #666666; }
		.recommend_infoline { display: none; }

.pub_authors
{
	font-variant: small-caps;
}
.pub_title
{
	font-weight: bolder;
}
.pub_journal
{
	font-style: italic;
}
.pub_year
{
}
.pub_vol
{
	font-weight: bold;
}
.pub_pages
{
}

fieldset label {
    width: 12em;
    padding: 0 1em 1em 1em;
}

fieldset .checkboxes label {
    float: none;
    font-weight: normal;
}

fieldset {
    border: 1px solid #AAA;
    margin: 0;
    padding: 1em 1em 1em 1em;
    top: 1.5em;
    position: relative;
    margin-bottom: 2em;
}

fieldset legend {
    padding: 0 1em 0 1em;
    border: 1px solid #AAA;
    border-bottom: none;
    font-weight: bold;
    margin-top: -1.25em;
    top: -1.25em;
    position: relative;
    color: #666;
}

fieldset textarea {
    position: relative;
    left: 1em;
}

.maintenance
{
	font-size: larger;
	background-color: rgb(255, 255, 204);
	padding: 0.5em;
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
}

/* Tab menu */

.tabmenu2 {
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal !important;
	border-bottom: 3px solid #BBB;
	overflow: hidden;
	_height: 1%;
	clear: both;
}

.tabmenu2 li {
	float: left;
	list-style: none;
	margin-right: 3px;
	margin-top: 1px;
}

.tabmenu2 a {
	padding: .25em .5em;
	display: block;
	background-color: #DDD;
	text-decoration: none;
	font-weight: normal;
}

.tabmenu2 a:hover,
.tabmenu2 a:focus {
	background-color: #CCC;
	text-decoration: none !important;
}

.tabmenu2 .current a,
.tabmenu2 .current a:hover,
.tabmenu2 .current a:focus {
	background-color: #BBB;
}

.tabmenu2 .disabled a {
	color: #AAA;
}

.tabmenu2 .disabled a:hover,
.tabmenu2 .disabled a:focus {
	background-color: #DDD;
}

.tabmenu2 span {
	font-weight: bold;
}

/* Tabmenu2 Wizard */

.tabmenu2.wizard li {
        margin-right: 0;
}

.tabmenu2.wizard a {
        padding-left: 0;
        background-image: url(images/i_arrow__fff.gif);
        background-position: right center;
        background-repeat: no-repeat;
}

.tabmenu2.wizard a span {
        padding: .25em 0 .25em .75em;
        background-image: url(images/i_arrow_fff.gif);
        background-position: left center;
        background-repeat: no-repeat;
}

.pt
{
	border-collapse: collapse;
	font-family: Arial;
	white-space: nowrap; 
	margin-left: auto;
	margin-right: auto;
}
.pt td
{
	padding: 2px 1px 2px 0px;
}
td.G_I
{
	background-color: #ff6666;
	border: gray 1px solid;
}
td.G_II
{
	background-color: #ffcc99;
	border: gray 1px solid;
}
td.NM
{
	background-color: #66ff66;
	border: gray 1px solid;
}
td.MTD
{
	background-color: #cccc99;
	border: gray 1px solid;
}
td.PM
{
	background-color: lightgrey;
	border: gray 1px solid;
}
td.TM
{
	background-color: #ffcccc;
	border: gray 1px solid;
}
td.G_VII
{
	background-color: #ffff99;
	border: gray 1px solid;
}
td.G_VIII
{
	background-color: #99cccc;
	border: gray 1px solid;
}
td.lan
{
	background-color: #ffccff;
	border: gray 1px solid;
}
td.act
{
	background-color: #ff99cc;
	border: gray 1px solid;
}

.legend
{
	background-color: #ffffcc;
	border-bottom: lightgrey 1px solid;
	padding: 1px;
	margin: 0px;
}

.flow-left
{
	display: block;
	float: left;
	vertical-align: middle;
}
.flow-right
{
	display: block;
	float: right;
}

.linkbutton
{
	border: 1px solid grey;
	padding: 3px;
}

.linkbutton a:hover
{
	background-color: #00994e;
}

.list-menu
{
	display: block;
	position: absolute;
}

.list-menu li
{
	list-style-type: none;
	padding-right: 10px;
	font-weight: bold;
}

.text-h1
{
	margin: 5px 0px 5px 0px;
	font-weight: bold;
}

#SearchResultsPanel.info
{
  background: rgb(255, 255, 204) url(images/info.gif) no-repeat 3pt center;
  padding-left: 23px;
}

#SearchResultsPanel.info a 
{
  text-decoration: underline;
  font-weight: bold;
}

/*************************************
*
*	ModalPopup Styles
*
*************************************/
.MPHeader
{
	background-color: #5D7B9D;
	padding: 3px;
}

/*************************************
*
*	GridView Styles
*
*************************************/
.GridHeader
{
	background-color: #5D7B9D;
	font-weight: bold;
	color: #fff;
}

.GridSelectedRow
{
	background-color: #E2DED6;
	color: #333;
}

.GridMouseOverRow
{
	cursor: default;
	background-color: #0000ff;
	color: #fff;
}

.next {
	padding-right: 10px;
	background: url(images/i_next.gif) no-repeat right;
	margin-left: 1em;
}

.back {
	padding-left: 10px;
	background: url(images/i_back.gif) no-repeat left;
}

.next input {
	outline: black solid 3px;
}
.back input,
.cancel input {
	outline: gainsboro solid 3px;
}

.citation_description {
  font-style: italic;
  text-color: #ccc;
}

.column_title {
	padding-left: 5px; 
	padding-right: 5px;
	font-weight: bold;
	font-size: x-small;
	font-family: Arial;
}

.row_style {
	background-color: #F7F6F3;
	color: #333;
	border-color: #fff;
}

.alt_row_style {
	background-color: #fff;
	color: #284775;
	border-color: #fff;
}

.sel_row_style {
	background-color: #D0D0D0;
	color: #284775;
	border-color: #fff;
}

.tbl-header a:link { color: yellow; }
.tbl-header a:visited { color: yellow; } 
.tbl-header a:active { color: #fff; }
.tbl-header a:hover { color: yellow; }

.top-right-menu
{
	position: absolute;
	font-size: small;
	white-space: nowrap;
}

.top-right-menu a
{
	margin-left: 5px;
}

.supp-info
{
}
.user_data_tree
{
}
.user_data_category_name
{
  text-transform: capitalize;
  font-weight: bold;
}
.user_data_property_name
{
  text-transform: capitalize;
  font-weight: bold;
}
.user_data_property_header_div
{
  cursor: pointer;
  background-repeat: no-repeat;
  padding-left: 16px;
}
.user_data_category_properties
{
  padding-left: 0px;
}

.data-grid
{
	border: 0px;
}

.data-grid a
{
	border-bottom: #333 1px double;
}

.tooltip
{
	z-index:1000; 
	border: 1px solid black; 
	background:#eee; 
	position:absolute; 
	padding: 5px;
}

.tooltip_label
{
	font-weight: bold;
}

.editor
{
	margin-left: 2px;
	margin-right: 2px;
	font-size:9px;
	white-space: nowrap;
}

/* Styles for buttons like this: http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/ */

.cs-button { outline: 0; margin: 0px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; height: 1em; }
.cs-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.cs-button { float:left; }

/* remove extra button width in IE */
button.cs-button { width:auto; overflow:visible; }

.cs-button-icon-left { padding-left: 2.1em; }
.cs-button-icon-right { padding-right: 2.1em; }
.cs-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.cs-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.cs-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.cs-buttonset { float:left; }
.cs-buttonset .cs-button { float: left; }
.cs-buttonset-single .cs-button, 
.cs-buttonset-multi .cs-button { margin-right: -1px;}

.cs-toolbar { padding: .5em; margin: 0;  }
.cs-toolbar .cs-buttonset { margin-right:1.5em; padding-left: 1px; }
.cs-toolbar .cs-button { font-size: 1em;  }

/* Main InfoBox styles */

.infobox { margin: 0 0 0 0; }
.infobox .ib-header { margin: 0; padding-bottom: 4px; padding-left: 0.2em; }
.infobox .ib-header .ui-icon { float: left; }
.infobox .ib-content { margin: 0em; padding: 0; }

.ib-container { margin-bottom: .5em; }
.ib-container .infobox .ib-header{ cursor:move; }

/* Main classes for table located in infoboxes */
table.ib-table 
{
	width:100%;
	border-collapse:collapse;
	border: 1px solid #AAAAAA;
}

table.ib-table th {
	font-weight: bold;
	padding: 2px 5px;
	font-weight: bold;
	text-align: left;
	letter-spacing: -1px;
}

table.ib-table th {
	border: 1px solid #AAAAAA;
	white-space: nowrap;
	background: #E9E9E9;
}
table.ib-table tbody td {
	padding: 1px 5px;
	background: #fff;
	color: #000;
}
table.ib-table tbody tr.odd {
	border: 1px solid #AAAAAA;
}
table.ib-table tbody tr.odd td, tbody tr.odd th {
	background: #F9F9F9;
}

/* Pagination control styles  */
ul.pagination {
	margin: 0;
	padding: 0;
	text-align: left; /*Set to “right” to right align pagination interface*/
	font-size: 12px;
}
ul.pagination li {
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}
ul.pagination a, ul.pagination a:visited {
	padding: 0 5px;
	border: 1px solid #AAAAAA;
	text-decoration: none;
	color: #696969;
}
ul.pagination a:hover, ul.pagination a:active {
	border: 1px solid #2b66a5;
	color: #000;
	background-color: #FAFAD2;
}
ul.pagination a.currentpage {
	background-color: #EBEBEB;
/*	color: #000 !important;*/
	border-color: #AAAAAA;
	font-weight: bold;
	cursor: default;
}
ul.pagination a.disablelink, .pagination a.disablelink:hover {
	background-color: white;
	cursor: default;
	color: #C8C8C8;
	border-color: #929292;
	font-weight: normal !important;
}
ul.pagination a.prevnext {
	font-weight: bold;
}

.announcement
{
	font-size: medium;
	font-weight: bolder;
	margin-top: 0px;
	padding: 0.4em;
	text-align: center;
	border: 1px solid silver;
	text-decoration: none;
	display: block;
	margin-bottom: 1em;
}
