/***************************************************************************/
/* submainmolecule.css                                                     */
/* shared style definitions for pages under /edumodules/commonmolecules/   */
/* written by Ji Young Chong                                               */
/***************************************************************************/


/*********************** Classes definitions  **************************/
.inputTD {	width: 300px;	text-align: left;}
.labelTD {	text-align: right;	width: 30%;	vertical-align: top;}
.lineTD {	padding: 5px 10px 5px 10px;	border-top: 1px dotted #D6D6D6;	vertical-align: top;}
.moleculePageContentTD {	width: 100%;	padding: 30px;	}
.materialCatList, .bioCatList, .elementCatList, .environCatList, .mineralCatList{	font-size: 0.9em;	text-decoration: none;	vertical-align: top;	line-height: 2em;}
  .materialCatList{	color: #F9C000;}
  .bioCatList{	color: #83B401;}
  .elementCatList{	color: #9393FD;}
  .environCatList{	color: #CE6468;}
  .mineralCatList{	color: #996533;}
.materialCatTD, .materialCatTD a:link, .materialCatTD a:visited, .bioCatTD, .bioCatTD a:link, .bioCatTD a:visited, .elementCatTD, .elementCatTD a:link, .elementCatTD a:visited, .environCatTD, .environCatTD a:link, .environCatTD a:visited, .mineralCatTD, .mineralCatTD a:link, .mineralCatTD a:visited{	font-family: "MS Sans Serif", Arial, sans-serif;	font-weight: normal;	color: #000000;	text-decoration: none;	font-size: 1em;	text-align: left;	margin-left:10px;	vertical-align: top;	margin-top:1px;	line-height: 1.4em;	padding: 0px;}
  .materialCatTD a:hover{	color: #FFCC33;}
  .bioCatTD a:hover{	color: #83B401;}
  .elementCatTD a:hover{	color: #CCCCFE;}
  .environCatTD a:hover{	color: #CC6566;}
  .mineralCatTD a:hover{	color: #946436;}
.materialCatTitle, .bioCatTitle, .elementCatTitle, .environCatTitle, .mineralCatTitle{	font-family: Geneva, Arial, Helvetica, sans-serif;	font-size: 1.2em;	font-weight: bold;	color: #333333;	vertical-align: top;	padding: 5px;	line-height: normal;}
  .materialCatTitle{	border-bottom: 3px solid #F8CE3A;}
  .bioCatTitle{	border-bottom: 3px solid #83B401;}
  .elementCatTitle{	border-bottom: 3px solid #CCCCFE;}
  .environCatTitle{	border-bottom: 3px solid #CC6566;}
  .mineralCatTitle{	border-bottom: 3px solid #996533;}
.materialSubCatBox, .bioSubCatBox, .elementSubCatBox, .environSubCatBox, .mineralSubCatBox{	padding: 10px;	float: left;	margin-right: 15px;	margin-bottom: 5px;	width: 230px;}
  .materialSubCatBox{	border: 1px dotted #FFCC33;}
  .bioSubCatBox{	border: 1px dotted #83B401;}
  .elementSubCatBox{	border: 1px dotted #CCCCFE;}
  .environSubCatBox{	border: 1px dotted #CC6566;}
  .mineralSubCatBox{	border: 1px dotted #996631;}
.materialSubCatBox2 {	border: 1px solid #F9C000;	padding: 5px;	margin-top:2px;}
.bioSubCatBox2 {	border: 1px solid #83B401;	padding: 5px;	margin-top:2px;}
.elementSubCatBox2 {	border: 1px solid #CCCCFE;	padding: 5px;	margin-top:2px;}
.environSubCatBox2 {	border: 1px solid #CD6365;	padding: 5px;	margin-top:2px;}
.mineralSubCatBox2 {	border: 1px solid #996533;	padding: 5px;	margin-top:2px;}
.noLineTD {	padding: 5px 10px 5px 10px;	vertical-align: top;}
.requestTable {	width: 100%;}  /*request.html*/
.searchTable {	text-align: center;	vertical-align: middle;	width: 90%;	background-color: #E7ECF3;}  /*search.html*/
.searchTableTDTop {	border-top: 1px solid #FFFFFF;	border-right: 1px solid #FFFFFF;	border-left: 1px solid #FFFFFF;	padding: 30px 20px;}
.searchTableTDBottom {	border-right: 1px solid #FFFFFF;	border-bottom: 1px solid #FFFFFF;	border-left: 1px solid #FFFFFF;	padding: 30px 20px;}
.searchTD {	background-color: #F3F5F8;	padding: 20px;	border: 1px solid #FFFFFF;}
.searchTDLeft {	border-top: 1px solid #FFFFFF;	border-bottom: 1px solid #FFFFFF;	border-left: 1px solid #FFFFFF;	width: 180px;	padding: 20px;	background-image:   url("/edumodules/commonmolecules/images/atest2.jpg");}
.searchTDRight {	border-top: 1px solid #FFFFFF;	border-right: 1px solid #FFFFFF;	border-bottom: 1px solid #FFFFFF;	border-left-width: 1px;	width: 180px;	padding: 20px;	background-image:   url("/edumodules/commonmolecules/images/atest1.jpg");}
.searchTableTDUpperRight {	color: #E7ECF3;}

/*********************** Ids definitions  **************************/
#commonMoleculeTitle, #commonMoleculeTitle a:link, #commonMoleculeTitle a:visited {	font-size: 12px;	font-weight: bolder;	color: #3333ff;	text-decoration: none;	text-align: left;} /*molecule title styles */
#commonMoleculeTitle a:hover {	color: #3399ff;	text-decoration: none;}
#moleculeGroupIndexTD {	margin: 0px;	padding: 0px;	border: none;	vertical-align: top;	width: 80px;}
#moleculeTitleTable {	text-align: right;	margin: 0px;	padding: 0px;	border: none;	width: 100%;}
#moleculeWholePage {	border: none;	width: 100%;}
#moleculeMainTitleBio, #moleculeMainTitleEle, #moleculeMainTitleMaterial, #moleculeMainTitleMineral, #moleculeMainTitleEnviron {	font-size: 2em;	font-weight: bolder;	text-align: left;	line-height: 1.5em;}/* each molecule category title style(color, position, size) */
  #moleculeMainTitleBio{	color: #83B401;}
  #moleculeMainTitleEle {	color: #CCCCFE;}
  #moleculeMainTitleMaterial {	color: #FBCB3B;}
  #moleculeMainTitleMineral {	color: #9B6536;}
  #moleculeMainTitleEnviron {	color: #CA6666;}
  #moleculeMainTitleBio a:link, #moleculeMainTitleBio a:visited {	color: #83B401;	text-decoration: none;}
  #moleculeMainTitleEle a:link, #moleculeMainTitleEle a:visited {	color: #CCCCFE;	text-decoration: none;}
  #moleculeMainTitleMaterial a:link, #moleculeMainTitleMaterial a:visited {	color: #FBCB3B;	text-decoration: none;}
  #moleculeMainTitleMineral a:link, #moleculeMainTitleMineral a:visited {	color: #9B6536;	text-decoration: none;}
  #moleculeMainTitleEnviron a:link, #moleculeMainTitleEnviron a:visited {	color: #CA6666;	text-decoration: none;}
  #moleculeMainTitleBio a:hover, #moleculeMainTitleEle a:hover, #moleculeMainTitleMaterial a:hover, #moleculeMainTitleMineral a:hover, #moleculeMainTitleEnviron a:hover {  color: #3399ff;	text-decoration: none;}
#TDForBiological, #TDForElement, #TDForMaterial, #TDForMineral, #TDForEnviron, #TDForGlossary {	padding: 0px;	margin: 0px;	background-color: #f5f5f5;	border-right-width: 15px;	border-right-style: solid;	border-top: 1px solid #DFDFDF;	border-bottom: 1px solid #C7C7C7; border-left: 1px solid #dfdfdf;	vertical-align: top;	width: 100%;}/* TD color definition for each category */
  #TDForBiological {	border-right-color: #83b401;}
  #TDForElement {	border-right-color: #ccccfe;}
  #TDForMaterial {	border-right-color: #ffcc33;}
  #TDForMineral {	border-right-color: #946436;}
  #TDForEnviron {	border-right-color: #cc6566;}
  #TDForGlossary {	border-right-color: #ffffff;}
#upperRightImageTD {	vertical-align: top;	width: 250px;	height: 60px;}/* decorative image and title styles */
#proteins, #hormones, #nucleo, #batrachotoxin, #photosynthesis, #catalysis, #smog, #ozone, #warming, #waterCrisis, #distill, #biomag, #greenHouse, #sustainable, #polymers, #zeolites, #supramolecular, #engineered, #cells, #semiconductors, #superconductors, #fullerene, #cradle, #homogen, #igneous, #sedimen, #metamor{ cursor:help;}

/************* Pop-up definitions **************************/
.p7snaptrigger {	margin: 0px;	padding: 0px;	text-decoration: underline;	color: #003366;}
.p7snaptrigger a {	margin: 0px;	padding: 0px;}
.p7snaptrigger a:hover, .p7snaptrigger a:active, .p7snaptrigger a:focus {	background-color: #f3f3da;	margin: 0px;	padding: 0px;}
#p7snapsubs1, #p7snapsubs2, #p7snapsubs3, #p7snapsubs4, #p7snapsubs5, #p7snapsubs6, #p7snapsubs7, #p7snapsubs8, #p7snapsubs9{	position: absolute;	visibility: hidden;	width: 150px;	background-color: #FFFFE6;	margin:0;	padding: 5px 5px 5px 5px;	color: #000000;	text-decoration: none;	font-size: 0.92em;	font-family: Verdana, Arial, Helvetica, sans-serif;	border: 1px solid #D7D7D7;}
#p7snapsubs1 {left: 14px;}
#p7snapsubs2 {left: 14px; top: 44px}
#p7snapsubs3 {left: 260px;}
#p7snapsubs6 {left: 360px;}
.p7submenus a, .p7submenus a:visited {	background-color: #ffffe7;	color: #000000;	text-decoration: none;	border-top: 1px solid #f0f0f0;	border-right: 1px solid #c0c0c0;	border-bottom: 1px solid #c0c0c0;	border-left: 1px solid #f0f0f0;}
.p7submenus a:hover, .p7submenus a:active, .p7submenus a:focus {	background-color: #f3f3da;	color: #f0f0f0;	border-top: #C0c0c0;}