/* 
layout-en.css @ www.esz.com.tw
Author: Tom Chen

Version 1.3
Date: Feb 4, 2008
Modification:
	1. Accomplish new domain name establishment

*/

/* ---( start page defaults )--- */

body {
	color: #444;
	background-color: white;
	background-image: url(/image/layout/bg-tile.png);
	background-repeat: repeat-y;
	background-position: center 0;
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	behavior: url(/csshover.htc); } /* WinIE behavior call */

img {border:0;}

a:link {
	color: #69c;
	text-decoration: none;
	}

a:visited {
	color: #999; text-decoration: none;
	}

a:hover {
	color: #693;
	text-decoration: none;
	}
	
a:active {
	color: #cc3333;
	text-decoration: none;
	}

ul { list-style-type: none; }

th, td {
	color: black;
	vertical-align: middle;
	}

/* ---( end page defaults )--- */



/* --- ( start layout settings ) --- */

@media screen{
#wrap { 
	width: 1003px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	height: 100%;
	min-height: 100%;
	}

div#topBanner {
	background: url(../image/layout/HeaderBG.jpg) no-repeat center top;
	height: 97px;
	position: absolute;
	width: 1003px;
	z-index: 10;
	}

#logom { /*mesh logo */
	background-image: url(../image/MeshLogo.png);
	padding: 0;
	width: 127px;
	height: 127px;
	z-index: 15;
	position: absolute;
	top: 22px;
	left: 22px;
	}

* html #logom{
	back\ground-color: transparent;
	background-image: url(/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../image/MeshLogo.png", sizingMethod="scale");
	}

div#logom a { border-bottom: 0px;}

#main-content {
	font-size: 14px;
	font-family: arial, verdana, sans-serif;
	width: 800px;
	line-height: 20px;
	margin-top: 110px;
	margin-left: 160px;
	position: absolute;
	clear: right;
	}

	#main-content h2 {
		color: red;
		font-weight: bold;
		}

#maintext {
	text-align: left;
	width: 510px;
	float: right;
	margin-bottom: 30px;
	margin-left: 10px;
	}

#mainimg {
	width: 280px;
	float: left;
	}

#profileInfo { font-size: 10px; line-height: 12px; float: right; }
	
#resource {
	width: 580px;
	float: left;
	}	

#reader {
	font-size: 12px;
	line-height: 14px;
	background-color: #fcc;
	width: 200px;
	float: right;
	padding: 5px;
	}

#footer {
	clear: both;
	color: #3f3f3f;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	}
	

#sortByR {position: absolute; top: 257px; right: 85px; }

#sortMenuR { position: absolute; top: 255px; right: 0px; }

#sortByF {position: absolute; top: 234px; right: 85px; }

#sortMenuF { position: absolute; top: 232px; right: 0px; }

#cmpnyPhoto { 
	position: absolute;
	z-index: 5;
	top: 100px;
}

#title-cProfile { font-size: 14px; position: absolute; top: 55px; height: 50px; }

#subtitle { color: white; font-size: 12px; background-color: black; text-align: center; position: absolute; top: 470px; width: 600px; height: 25px; padding-top: 5px; }

#milestone { position: absolute; top: 510px; }

#footer-fixed { clear: both; color: #3f3f3f; font-family: verdana; font-size: 12px; font-weight: bold; position: absolute; top: 745px; }

#footer-front { clear: both; color: #3f3f3f; font-family: verdana; font-size: 12px; font-weight: bold; position: absolute; top: 470px; }

#footer-download { clear: both; color: #3f3f3f; font-family: verdana; font-size: 12px; font-weight: bold; position: absolute; top: 400px; }

#topmenu { color: #eee; font-size: 12px; position: absolute; top: 5px; right: 25px !important; display: block; z-index: 25; }

#topmenu a:link {
	color: white;
	text-decoration: none;
	}

#topmenu a:hover {
	color: #ffc;
	}

#topmenu a:visited{
	color:  white;
	}

#securityTxt { width: 400px; }

#securityFrame { float: right; }

}

/* --- ( start menu settings) --- */

div#nav{ font-size: 12px; font-family: arial, sans-serif; position: absolute; z-index: 30; margin-top: 38px; margin-left: 147px; }

div#nav ul{ z-index: 21; margin:  0; padding: 0; }

div#nav li{ list-style: none; position: relative; margin: 0; float: left; width: 11em; }

div#nav ul ul { position: absolute; top: 36px; left: 5px; width: 11em; z-index: 40; margin: 0; border: solid 1px gray; display: none; }

div#nav ul ul ul { top: 0; left: 11em; width: 11em; display: none; }

div#nav ul ul li { background-color: #569;}

div#nav li a { color: white; display: block; padding: 0.25em 0 0.25em 0.5em; text-decoration: none; }
div#nav>ul a {width: auto;}

div#nav li a:hover { color: #238; text-decoration: none; border-width: 0;}
div#nav .subs { color: white; padding: 0.25em 0 0.25em 0.5em; display: block; }
div#nav .act-nav { color: #999; padding: 0.25em 0 0.25em 0.5em; display: block;}
div#nav li.sub1 { background: url(../image/menu/m1-e.jpg); width: 136px; height: 36px; }
div#nav li.sub1a { background: url(../image/menu/m1-e.jpg); width: 136px; height: 36px; background-position: 0 -36px;}
div#nav li.sub2 { background: url(../image/menu/m2-e.jpg) no-repeat; width: 119px; height: 36px; }
div#nav li.sub2a { background-image: url(../image/menu/m2-e.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 -36px; width: 119px; height: 36px; }
div#nav li.sub3 { background: url(../image/menu/m3-e.jpg); width: 137px; height: 36px; }
div#nav li.sub3a { background: url(../image/menu/m3-e.jpg); width: 137px; height: 36px; background-position: 0 -36px;}

#submenu { color: #eee; font-size: 16px; position: absolute; top: 73px; display: block; left: 163px; z-index: 25; }

#submenu a {
		color: yellow;
		text-decoration: none;
		}

#submenu a:link {
		color: white;
		text-decoration: none;
		}

#submenu a:hover {
		color: #ffc;
		}

#submenu a:visited{
		color:  white;
		}
		
.act-sub { color: yellow; }

/* --- ( end menu settings) --- */


/* --- ( begin context attribute classes) ---*/


.formula { color: red; font-size: 90%; font-family: "Lucida Console", monospace; }

.rmk { color: maroon; font-size: 12px; line-height: 14px; }

.wrapp {
	font-size: 12px;
	}

.wrappth {
	border-bottom: 1px solid black;
	}

.inquote {
	font-size: 12px;
	line-height: 24px;
	background-image: url(../image/layout/blockquote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 2em;
	margin: 30px 60px;
	}	
	
.outquote {
	background-color: #f6f6f6;
	margin: 10px 0 20px;
	border: dotted 2px gray;
	}

td.mmmesh {
	font-size: 12px;
	line-height: 2em;
	vertical-align:
	top; margin: 0;
	padding: 0;
	}


table.mmmtxt {
	background-color: #aab;
	height: 169px; margin: 0;
	padding: 0;
	border-right: 10px solid white;
	border-top-sty;border-bottom-style: none;
	border-bottom-width: 0;
	border-left-style: none;
	border-left-width: 0;
	border-top-width: 0; }

th.mmmname {
	color: #eee;
	font-size: 12px;
	background-color: #036;
	text-align: center;
	margin: 0;
	padding: 0.25em;
	}

td.mmmtext {
	text-align: center;
	padding: 0.25em;
	border-right-color: white;
	}
	
td.mmmempty { 
	color: #eee;
	vertical-align: top;
	background-color: #036;
	padding: 10px; }

th.sitetitle {
	color: red; text-align: left;
	vertical-align: bottom;
	}

td.sitepict {
	text-align: left;
	vertical-align: top;
	}

.mmmIcon { color: #555; font-size: 12px; line-height: 16px; text-align: right; vertical-align: bottom; position: relative; right: 5px;
	float: right;
	margin-right: 8px;
}
	
th.thtop {
	vertical-align: top;
}	

.dl {
	font-size: 12px;
	line-height: 14px;
	}

.contact {
	font-size: 14px;
	line-height: 16px;
	}
	
.reverse { color: white; background-color: orange; text-align: center; }

.filesize { color: #99f; }

.bluetxt { color: blue;}

.mmmSiteTop { background-image: url(../image/architectural-mesh/sites/bgTopRound.gif);
	height: 10px;
	margin-top: 10px;
}



.mmmSiteHead { background-color: #ddd;
	height: 60px;
	border-bottom: 1px solid #999;
}


.mmmSiteTitle { color: #036; font-size: 16px; font-weight: bold; width: 500px; float: left; padding-top: 36px; padding-left: 5px; }



.mmmSite1Row { background-color: #ddd;
	position: relative;
	padding-top: 5px;
	height: 147px;
}

.mmmSite1RowV { background-color: #ddd;
	position: relative;
	padding-top: 5px;
	height: 195px;
}

.mmmSite2Row { background-color: #ddd;
	position: relative;
	padding-top: 5px;
	height: 294px;
}

.mmmSitePhoto { position: relative; float: left; padding-top: 5px; padding-left: 7px; }


.mmmSiteBtm { font-size: 12px; line-height: 16px; background-image: url(../image/architectural-mesh/sites/bgBtmRound.gif); background-position: 0 bottom; clear: left; height: 16px; padding-top: 5px; padding-bottom: 3px; padding-left: 8px; }

.mmmGuide { text-align: center; float: left; padding-top: 20px; padding-bottom: 230px; padding-left: 10px; }


/* --- ( end context attribute classes) ---*/


/* --- ( start table background colors ) --- */		
	
.lightA {
	font-size: 12px;
	line-height: 20px;
	background: #99d;
	padding:0 0.5em;
	}
	
.midA {
	font-size: 12px;
	line-height: 20px;
	background-color: #88c;
	padding:0 0.5em;
	}
	
.hiA {
	font-size: 12px;
	line-height: 20px;
	background-color: #77b;
	padding:0 0.5em;
	}

.darkA {
	font-size: 12px;
	line-height: 20px;
	background-color: #6f6faf;
	padding:0 0.5em;
	}

	
.lightB {
	font-size: 12px;
	line-height: 20px;
	background-color: #aad;
	padding:0 0.5em;
	}
	
.midB {
	font-size: 12px;
	line-height: 20px;
	background-color: #99c;
	padding:0 0.5em;
	}
	
.hiB {
	font-size: 12px;
	line-height: 20px;
	background-color: #88b;
	padding:0 0.5em;
	}
	
.darkB {
	font-size: 12px;
	line-height: 20px;
	background-color: #77a;
	padding:0 0.5em;
	}
	
.navyTxt { color: navy; }

.liBlue { color: #00c; }

	
/* --- ( end table background colors ) --- */

#readerInfo { font-size: 12px; line-height: 14px; background-color: #fcc; width: 670px; margin: 0; padding: 0; }

#reader-vr1 { position: absolute; top: 350px; left: 220px; float: left; }

#reader-vr2 { position: absolute; top: 350px; left: 415px; float: left; }