/*************************************************************/
/*   Design:   Multiflex-3 Update-7 / Layout-1               */
/*   File:     Text formats                                  */
/*-----------------------------------------------------------*/
/*   Author:   Wolfgang                                      */
/*   Date:     January 15, 2007                              */
/*   Homepage: wwww.1-2-3-4.info                             */
/*-----------------------------------------------------------*/
/*   License:  Fully open source without restrictions.       */
/*             Please keep footer credits with a link to     */
/*             Wolfgang (www.1-2-3-4.info). Thank you!       */
/*************************************************************/

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN CONTENT */
.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:'Open Sans',"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif,arial,sans-serif; color:rgb(88,125,168); font-weight:bold; font-size:1.7em;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:'Open Sans',"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:1.7em;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:'Open Sans',"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif,arial,sans-serif; color:rgb(80,80,80); font-weight:bold; font-size:1.7em;}
.main-content h2.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 5px rgb(225,225,225); font-family:'Open Sans',"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif,arial,sans-serif; color:rgb(88,125,168); font-weight:bold; font-size:1.5em;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:'Open Sans',"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif,arial,sans-serif; color:rgb(80,80,80); font-weight:bold; font-size:1.5em;}
.main-content h2.blue {clear:both; margin:1.0em 0 0.5em 0; font-family:'Open Sans',"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif,arial,sans-serif; color:rgb(88,125,168); font-weight:bold; font-size:1.5em;}
.main-content h3 {clear:both; margin:1.0em 0 0.5em 0; font-family:'Open Sans',"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif,arial,sans-serif; color:rgb(80,80,80); font-weight:bold; font-size:1.3em;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(100,100,100); font-family:'Open Sans',"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif,arial,sans-serif; font-weight:bold; font-size:1.1em;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:'Open Sans',"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif,arial,sans-serif; font-weight:bold; font-size:1em;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:1em;}
.main-content h6.blue {margin:1.2em 0 0.2em 0; color:rgb(88,125,168); font-weight:bold; font-size:1em;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; }
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; }
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:0.9em;}

table {
        border-collapse: collapse;
}

.toxquery table, .Table, table.table {
	clear:both; 
	/*width:800px; */
	margin:0 0 1em 0; 
	border: solid 1px rgb(100,100,100); 
        border-collapse: collapse;
        /*border-spacing: 5pt ;*/
	/*table-layout: fixed;*/ 
	empty-cells:show; 
	font-size:1em;
}

.toxqueryNew table, .Table, table.table {
	clear:both; 
	/*width:800px; */
	margin:0 0 1em 0; 
	border: solid 1px rgb(100,100,100); 
        border-collapse: collapse;
        /*border-spacing: 5pt ;*/
	/*table-layout: fixed;*/ 
	empty-cells:show; 
	font-size:1em;
	white-space: nowrap;
}

.equationvariables table, .Table {
	clear:both; 
	/*width:800px; */
	margin:2em 0.5em 2em 0.25em; 
	border: solid 2px rgb(0,0,0); 
        border-collapse: collapse;
        /*border-spacing: 5pt ;*/
	/*table-layout:fixed;*/
	empty-cells:show; 
	width:1000px;
	
}

.autofit table {
	clear:both; 
	width:800px; 
	max-width:800px;
	height:500px;
	max-height:500px;
	overflow:auto:
	margin:2em 0.5em 2em 0.25em; 
	border: solid 2px rgb(0,0,0); 
        border-collapse: collapse;
        /*border-spacing: 5pt ;*/
	/*table-layout: fixed;*/ 
	empty-cells:show; 
	font-size:1em;
}

.Header, .toxquery th, .toxquery div.header, th.c.header, th.l.header {
	height:3.0em;
	background-color:#b7d186; 
	color:rgb(0,0,0); 
	font-weight:bold; 
	font-size:1em; 
	padding:2px 20px 2px 7px; 
	border:solid 1px rgb(100,100,100);
	white-space: nowrap ;
}

.HeaderNew, .toxqueryNew th, .toxqueryNew div.header, th.c.header, th.l.header {
	height:3.0em;
	background-color:#b7d186; 
	color:rgb(0,0,0); 
	font-weight:bold; 
	font-size:1em; 
	padding:2px 20px 2px 7px; 
	border:solid 1px rgb(100,100,100);
	white-space: nowrap ;
}

.AltHeader {
	height:3.0em;
	background-color:#b7d186; 
	color:rgb(0,0,0); 
	font-weight:bold; 
	font-size:1em; 
	padding:2px 20px 2px 7px; 
	border:solid 1px rgb(100,100,100);
}

.other {
	margin-top:-12px;
	margin-left: 8px;
	color:rgb(42,90,138);
}

#val.other {
	color:black;
	background-color:rgb(176,196,222);
}

.Data, .toxquery td, .toxquery div.data, td.c.data, td.l.data, td.r.data {
	background-color:rgb(248,248,248); 
	color:rgb(0,0,0); 
	 
	padding:2px 20px 2px 7px; 
	border:solid 1px rgb(100,100,100); 
}

.DataNew, .toxqueryNew td, .toxqueryNew div.dataNew, td.c.dataNew, td.l.dataNew, td.r.dataNew {
	color:rgb(0,0,0); 

	padding:2px 20px 2px 7px; 
	border:solid 1px rgb(100,100,100);
}

.hl, .hl td {
	background-color: rgb(176,196,222);
}


td.Data, .Data td {
	vertical-align: top ;
}

.Equationdata {
	background-color:rgb(244,244,244); 
	color:rgb(0,0,0); 
	padding:2px 20px 2px 7px; 
	border:solid 1px rgb(100,100,100);

}
.Equationdata_nowrap {
	background-color:rgb(244,244,244); 
	color:rgb(0,0,0); 
	padding:2px 20px 2px 7px; 
	border:solid 1px rgb(100,100,100);
	white-space: nowrap ;

}

.CenterData {
	background-color:rgb(244,244,244); 
	color:rgb(0,0,0); 
	font-size:1em; 
	padding:2px 20px 2px 7px; 
	border:solid 1px rgb(100,100,100);
	white-space: nowrap ;
}

.AltData {
	color:rgb(0,0,0); 
	font-size:1em; 
	padding:2px 20px 2px 7px; 
	border:solid 1px rgb(100,100,100);
}

.CenterAltData {
	color:rgb(0,0,0); 
	font-size:1em; 
	padding:2px 20px 2px 7px; 
	border:solid 1px rgb(100,100,100);
}

.Results {font-size:1em; 
	padding:2px 2px 2px 7px; 
}

table.sortable {
  border-spacing: 0;
  border: 1px solid #000;
  border-collapse: collapse;
  text-align: center;
}

table.sortable th, table.sortable td {
  text-align: left;
  padding: 2px 4px 2px 4px;
  border-style: solid;
  border-color: #444;
}

table.sortable th {
  border-width: 0px 1px 1px 1px;
  background-color: #c8cbe3;
}

table.sortable td {
  border-width: 0px 1px 0px 1px;
}

table.sortable tr.odd td {
  background-color: #eee;
}

table.sortable tr.even td {
  background-color: #fff;
}

table.sortable tr.sortbottom td {
  border-top: 1px solid #444;
  background-color: #ccc;
  font-weight: bold;
}

#summary {
	background-color:rgb(220,220,220);
	padding: 10px;
	margin: 5px;
}

#noListTitle {
	text-align:center;
}

#toxTitle {
	text-align:center;
}

.ToolForm {margin:0 0 2.0em 0; padding:10px 10px 10px 10px;}
.ToolForm fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.ToolForm fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:1.1em;}
.ToolForm label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:1em;}
.ToolForm select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:1em;}
.ToolForm label, input.field {font-size:1em;}
.ToolForm textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:1em;}
.ToolForm input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:1em;}
.ToolForm input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:1em;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:1em;}

.contactform {width:60%; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:1.1em;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:1em;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:1em;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:1em;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:1em;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:1em;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.loginform {width:160px; margin:-10px 20px 0 20px;}
.loginform p {clear:both; margin:0; padding:0;}
.loginform fieldset {width:160px; border:none;}
.loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:1em;}
.loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:1em;}
.loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:1em;}
.loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:1em;}
.loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/********************/
/*  COMMON CLASSES  */
/********************/
/*
.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:1px solid rgb(150,150,150);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}
*/

.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:0px;}
.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:0px;}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:0px;}

.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main a:visited {color:rgb(42,90,138);}

.main a img {border:solid 0px rgb(150,150,150);}
.main a:hover img {border:solid 1px rgb(220,220,220);}

.plain a:hover img {border:0;}
.plain img, a img {clear:both;border:0;margin:10px 10px 10px 10px;padding:1px; border:0px; text-decoration:none;}
.plain img.left, a img.left {clear:both; float:left; border:0; margin:3px 3px 3px 0; padding:0; border:0px;}
.plain img.center, a img.center {clear:both; float:center; border:0; margin:3px 3px 3px 0;padding:1px; border:0px;}
.plain img.right, a img.right {clear:both; float:right; border:0; margin:3px 3px 3px 0; padding:0; border:0px;}

.equation img {clear:both; float:left;display:block; margin:3px 10px 7px 0; padding:1px; border:0px; background-color:#b7d186;}
.equation img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:0px; background-color:#b7d186;}
.equation img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:0px; background-color:#b7d186;}
.equationNoBorder img {clear:both; float:left;display:block; margin:3px 10px 7px 0; padding:1px; border:0px; background-color:#FFFFFF;}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 0 0 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
/*border: 1px solid blue;*/
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
/*left: -100px;*/
/*border: 1px solid gray;*/
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
position: absolute;
visibility: visible;
top: 30px;
left: 10px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

table.siteContainer {
	border-collapse:collapse;
	border-spacing:0 ;
	width: 100% ;
	border:solid 1px rgb(100,100,100);

}
table.systitleandfootercontainer {
	height: auto ;
	width: 70% ;
	padding-top:10px ;
	margin-top:10px ;
}
div.notes {
	font-size: 100% ;
	padding: 0.5em ;
}
div.notes ol li {
	margin-left: 1.5em ;
}