BODY
{
	margin-top: 5px;
	font-size: 85%;
	background: url(images/body-bg.gif) #E8E8E8 repeat-x top;
	color: #222;
	font-family: verdana,sans-serif;
}

em
{
	font-style: italic;
}
h1
{
	font-size: 14pt;
	text-align: left;
	color: dimgray;
}
h2
{
	font-size: 12pt;
	text-align: left;
	color: dimgray;
}
h3
{
	font-size: 10pt;
	text-align: center;
	color: dimgray;
}
p,ul,ol,div
{
	color: #333;
}
img 
{
	border: none 0px;
}

a
{
	color: black;
	text-decoration: underline;
}

/* Input controls */

input, select, textarea, button
{
	border-style:solid;
	border-width:1px;
	border-color:Gray
}
input[type="radio"], input[type="checkbox"]
{
	border: none 0px;
}

/* Main layout styles and menues */

#main
{
	background-color: White;
	margin-left: auto;
	margin-right: auto;
	min-width: 1000px;
	max-width: 1200px;
}
#content
{
	/*BACKGROUND: url(images/bg-content.jpg) no-repeat left top*/
}
#header
{
	background-image: url(/images/chemspider2.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

/* FRAME AND CORNERS */

.r-border
{
	background: url(/images/right-col.gif) repeat-y right top;
	margin: 0px;
}
.l-border
{
	background: url(/images/left-col.gif) repeat-y left top;
	margin: 0px;
}

.t-border
{
	background: url(/images/cap-c.gif) repeat-x left top;
	height: 3px;
}
.tl-corner
{
	background: url(/images/cap-l.gif) no-repeat left top;
	height: 3px;
}
.tr-corner
{
	background: url(/images/cap-r.gif) no-repeat right top;
	height: 3px;
	font-size: 1pt;
}

.b-border
{
	background: url(/images/footer-c.gif) repeat-x left top;
	height: 2px;
}
.bl-corner
{
	background: url(/images/footer-l.gif) no-repeat left top;
	height: 2px;
}
.br-corner
{
	background: url(/images/footer-r.gif) no-repeat right top;
	height: 2px;
	font-size: 1pt;
}

/* HORIZONTAL MENU */

.hor-menu
{
	display: block;
	margin: 0px;
	padding: 0px;
}
.hor-menu li
{
	display: block;
	list-style-type: none;
}
.hor-menu li.l
{
	float: left;
}
.hor-menu li.r
{
	float: right;
}
.hor-menu a
{
	display: block;
	height: 100%;
	text-decoration: none;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-align: center;
}
.hor-menu a:visited
{
	color: dimgray;
	margin: 1px;
}
.hor-menu a:link
{
	color: dimgray;
	margin: 1px;
}
.hor-menu a:hover
{
	background: url(/images/menu-bg-hover.gif) repeat-x left center;
	color: black;
	margin: 0px;
	border: 1px solid gray;
}

/* TOP MENU */

#top-menu
{
	background: url(/images/menu-bg.gif) repeat-x left center;
	font-weight: bold;
	margin: 0px 2px 0px 2px;
	height: 2em;
}
#top-menu a
{
	width: 9em;
}

/* BOTTOM MENU */

#bottom-menu
{
	text-align: center;
	width: 42em;
	font-size: smaller;
	margin-left: auto;
	margin-right: auto;
	height: 2em;
}
#bottom-menu a
{
	margin-top: 1px;
	width: 8em;
}

/* VERTICAL MENU */

.ver-menu
{
	display: block;
	margin: 0px;
	padding: 0px;
}
.ver-menu li
{
	display: block;
	list-style-type: none;
}
.ver-menu a
{
	display: block;
	height: 100%;
	text-decoration: none;
}
.ver-menu a:visited
{
}
.ver-menu a:link
{
}
.ver-menu a:hover
{
}

/* LEFT MENU */

#left-menu
{
	font-weight: bold;
	font-size: smaller;
}
.ver-menu#left-menu li
{
	text-align: right;
	margin-bottom: 5px;
}
.ver-menu#left-menu a
{
	height: 1.5em;
	border-bottom: 1px gainsboro solid;
}
.ver-menu#left-menu a:visited
{
	color: dimgray;
	padding: 3px 3px 0px 1px;
}
.ver-menu#left-menu a:link
{
	color: dimgray;
	padding: 3px 3px 0px 1px;
}
.ver-menu#left-menu a:hover
{
	color: black;
	padding: 2px 2px 0px 0px;
	border: 1px solid gainsboro;
	background: url(/images/menu-bg.gif) repeat-x left center;
}

/* Errors, Warnings, Info */

.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;
}

/* Dialogs styles */

.modalBackground {
	background-color:Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.MPHeader
{
	background-color: #5D7B9D;
	padding: 3px;
}

.modalPopup
{ 
	background-color:#ffffdd;
	border-width:2px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	position:absolute; 
}

/* Grid styles */

.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;
}

/* Wiki snippets */

.wiki
{
	padding: 0.5em;
}
.wiki-bold
{
	font-weight: bold;
}
.wiki-italic
{
	font-style: italic;
}
.wiki-bolditalic
{
	font-weight: bold;
	font-style: italic;
}
.wiki-ref
{
	
}
.wiki-link
{
	color: mediumblue;
}

.cs-balloon
{
	font-style: italic;
	font-weight: bolder;
	border-bottom: dimgray 1px double;
}

/* Articles grid styles */

.article-title
{
	font-weight: bold;
}
.ttitle
{
	font-weight: bolder;
	font-size: small;
	white-space: nowrap;
	width: 15em;
}
.tvalue
{
	font-size: x-small;
}
.prop_page_header
{
	background: url(/images/light-up-dark-bg.gif) repeat-x left center;
	padding: 3px;
	font-variant: small-caps;
	font-size: small;
	font-weight:600;
	margin-left:2px;
	margin-right:2px;
}
.prop_page_content
{
}
/* Button */
a.button
{
	text-decoration: none;
	font-size:small;
	font-weight:normal;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding: 0.3em;
	text-align: center;
}
a.button:visited
{
	color: dimgray;
	margin: 1px;
}
a.button:link
{
	color: dimgray;
	margin: 1px;
}
a.button:hover
{
	background: url(/images/menu-bg-hover.gif) repeat-x left center;
	color: black;
	margin: 0px;
	border: 1px solid gray;
}

.right
{
	display: block;
	float: right;
}

.border {
	BORDER: #7f98a7 1px solid;
}
.border .tl {
	BACKGROUND-POSITION: 0% 0%; LEFT: -1px; BACKGROUND-IMAGE: url(/images/comment-tl.png); BACKGROUND-REPEAT: no-repeat; POSITION: relative; TOP: -1px
}
.border .tr {
	BACKGROUND-POSITION: 100% 0%; LEFT: 2px; BACKGROUND-IMAGE: url(/images/comment-tr.png); BACKGROUND-REPEAT: no-repeat; POSITION: relative
}
.border .br {
	BACKGROUND-POSITION: 100% 100%; BACKGROUND-IMAGE: url(/images/comment-br.png); BACKGROUND-REPEAT: no-repeat; POSITION: relative; TOP: 2px
}
.border .bl {
	PADDING-RIGHT: 1em; BACKGROUND-POSITION: 0% 100%; PADDING-LEFT: 1em; LEFT: -2px; BACKGROUND-IMAGE: url(/images/comment-bl.png); PADDING-BOTTOM: 1em; OVERFLOW: hidden; PADDING-TOP: 1em; BACKGROUND-REPEAT: no-repeat; POSITION: relative
}

.loading
{
	background: url(/images/loading.gif) no-repeat center center;
}