/*----- HTML TAG -----*/
* {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #333;
}

a {
	color: #f90;
	text-decoration: none;
	cursor:pointer;
}


a:hover {
	color: #fb0;
	text-decoration: none;
}

body {
	margin: 0px;
	padding: 0px;
	background: #fff;
}

table {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	height: 100%;
}

form {
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/*----- UNIQUE CLASSES -----*/
#body {
	position: relative;
	margin: 10px auto 10px auto;
	width: 770px;
}

#header {
	/*float: left;*/
	width: 770px;
	height: 200px;
	background: #eee;
}

#content {
	float: left;
	width: 770px;
	padding-top: 10px;
	padding-bottom: 5px;
}

#left {
	float: left;
	width: 193px;
}

#left-top {
	float: left;
	width: 193px;
	height: 17px;
	background: url(panel-top-bg.gif) left top no-repeat;
}

#left-middle {
	float: left;
	width: 165px;
	padding-left: 11px;
	padding-right: 14px;
	background: url(panel-middle-bg.gif) left top repeat-y;
}

#left-bottom {
	float: left;
	width: 193px;
	height: 17px;
	background: url(panel-bottom-bg.gif) left top no-repeat;
	
}


#right {
	float: right;
	width: 577px;
}

#button-bar {
	float: left;
	width: 577px;
	height: 20px;
}

#module {
	float: left;
	width: 570px;
	padding-left: 7px;
}

#footer {
	float: left;
	width: 770px;
	height: 45px;
	background: url(footer.gif) top no-repeat;
	padding-top: 10px;
	color: #999;
	text-align: center;	
}

#footer a{
	color:#FFFFFF;
	text-align: center;	
	font-size:9px;
}

#left-middle a{
	color:#999999;
			
}


/*----- USER DEFINED CLASSES -----*/
.button-item-on {
	float: left;
	width: 63px;
	height: 17px;
	padding-top: 3px;
	background: url(button-bg-on.gif) no-repeat;
	margin-left: 1px;
	text-align: center;
}
.button-item-on a {
	color: #eee;
	text-decoration: none;
}
.button-item-on a:hover {
	color: #fff;
	text-decoration: none;
}

.button-item-off {
	float: left;
	width: 63px;
	height: 17px;
	padding-top: 3px;
	background: url(button-bg-off.gif) no-repeat;
	margin-left: 1px;
	text-align: center;
}

.right-title {
	float: left;
	width: 540px;
	height: 10px;
	background: url(index.gif) left bottom no-repeat;
	padding-left: 12px;
	padding-top: 5px;
	font-weight: 600;
	color: #333b4e;
	font-size: 12px;
}

.right-text {
	float: left;
	width: 540px;
	padding-left: 12px;
	margin-top: 10px;
	text-align: justify;
	line-height: 150%;
	font-size: 12px;
}

.stone-text {
	float: left;
	width: 540px;
	padding-left: 12px;
	margin-top: 10px;
	text-align: justify;
	line-height: 150%;
	font-size: 12px;
}

.stone-text a {
	color: #f90;
	text-decoration: none;
	font-size: 12px;
}

.stone-text a:hover{
	color: #fb0;
	text-decoration: none;
	font-size: 12px;
}

.left-block {
	float: left;
	width: 160px;
	margin-top: 10px;
	font-size: 12px;
	font-weight: 600;
	color: #f60;
}

.left-title {
	float: left;
	width: 150px;
	height: 10px;
	background: url(index.gif) left bottom no-repeat;
	padding-left: 12px;
	margin-top: 10px;
	font-weight: 600;
	color: #333b4e;
}
.Subimage{
	text-align:left;
	background: url(index.gif) left 7px no-repeat;
	padding-left: 12px;
	
}
.left-text {
	float: left;
	width: 160px;
	padding-left: 5px;
	margin-top: 5px;
	font-size: 11px;
	text-align: justify;
	line-height: 150%;
}

.img-box {
	float: left;
	margin: 5px;
}

.img-frame {
	float: left;
	border: 1px solid #ccc;
}

.login table, .login td {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #666;
}

.login-input {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #333;
	width: 150px;
	height: 15px;
	border: 1px solid #B9CFD8;
}

.login-button {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #333;
	width: 100px;
	border: 1px solid #B9CFD8;
	background: #fafafa;
	padding-bottom: 2px;
	padding-top: 0px;
}
.Special A{
	 color: #1E8EAF;
}
.Special A:hover{
	 color: #00bdf4;
}
.title-sub {
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #f60;
	/*color:#03698b;*/
}

.title-sub a {
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #f60;
	text-decoration: none;
}

.title-sub a:hover{
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 5px;
	color: ;
	text-decoration: none;
}

.title-sub-off {
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #333b4e;
}

.title-stone {
	float: left;
	width: 500px;
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #f60;
}

.chemical-detail{
	width: 25%;
	padding: 5px;
	font-weight: 600;
	text-align: left;
}

.physical-detail{
	padding: 5px;
	font-weight: 600;
}

.input{
	 font-family:Tahoma, Verdana, Arial;
	 font-size:12px;
	 color:#333;
	 width:200px;
	 height:15px;
	 border:1px solid #999999;
	 background-color: #F5F5F5;
}

.textarea{
	 width: 200px;
	 font-family:Tahoma, Verdana, Arial;
	 font-size:12px;
	 color:#333;
	 border:1px solid #999999;
	 background-color: #F5F5F5;
}

.button{
	 font-family:Tahoma, Verdana, Arial;
	 font-size:11px;
	 color:#333333;
	 border:1px solid #999999;
	 width:70px;
	 height:20px;
	 background-color: #F5F5F5;
}

.btnHome
{
	border: 1px solid #156D90;
	border-left: 5px solid #156D90;
	width: 100px;
	height: 19px;
	padding-bottom: 4px;
	padding-left: 5px;
	background: #FAFAFA;
	cursor: pointer;
}

.btnMain
{
	border: 1px solid #156D90;
	border-left: 5px solid #156D90;
	width: 150px;
	height: 19px;
	padding-bottom: 4px;
	padding-left: 5px;
	background: #FAFAFA;
	cursor: pointer;
}

.btnSub
{
	border: 1px solid #E9693A;
	border-left: 5px solid #E9693A;
	width: 180px;
	height: 19px;
	padding-bottom: 4px;
	padding-left: 5px;
	background: #FAFAFA;
	cursor: pointer;
}

/*----- RANKING DEFINED CLASSES -----*/

.ht {
	overflow: scroll; 
	height: 1px; 
	scrollbar-face-color: #ffffff; 
	scrollbar-arrow-color: #ffffff; 
	scrollbar-base-color: #ffffff;
}
/*-------------------- Menu-----------------------*/
#Menu{
	background:#6e7f8f;	
	margin-top:2px;
	padding:5px 0;
	color:#FFF;
}
#Menu A{
	color:#FFF;
	font-size:13px;
	padding:0 2px;
}
#Menu A:hover{
	background:#99a5b1;
}
#Selected{
	background:#99a5b1;
}
/*-------------------- Table -----------------------*/
.TableUL{
	background:url(../../+img/table/ul.gif) no-repeat;
	width:13px;
	height:11px;
	border-bottom:0px none;
}
.TableUR{
	background:url(../../+img/table/ur.gif) no-repeat;
	width:13px;
}
.TableUp{
	background:url(../../+img/table/up.gif) repeat;
}
.TableLeft{
	background:url(../../+img/table/left.gif) repeat-y;
}
.TableRight{
	background:url(../../+img/table/right.gif) repeat-y;
}
.TableText{
	color:#FFFFFF;
	background:#494949;
}
Table.list TD{
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	text-align:center;
}
/*-------------------- Table Block-----------------------*/
.BlockUL{
	background:url(../../+img/table/block/ul.gif) no-repeat;
	width:13px;
	height:11px;
	border-bottom:0px none;
}
.BlockUR{
	background:url(../../+img/table/block/ur.gif) no-repeat;
	width:13px;
}
.BlockUp{
	background:url(../../+img/table/block/up.gif) repeat;
}
.BlockLeft{
	background:url(../../+img/table/block/left.gif) repeat-y;
}
.BlockRight{
	background:url(../../+img/table/block/right.gif) repeat-y;
}
.BlockText{
	color:#FFFFFF;
	background:#494949;
}
Table.Block TD{
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	text-align:center;
}
/*-------------------- Table Tile-----------------------*/
.TileUL{
	background:url(../../+img/table/tile/ul.gif) no-repeat;
	width:13px;
	height:11px;
	border-bottom:0px none;
}
.TileUR{
	background:url(../../+img/table/tile/ur.gif) no-repeat;
	width:13px;
}
.TileUp{
	background:url(../../+img/table/tile/up.gif) repeat;
}
.TileLeft{
	background:url(../../+img/table/tile/left.gif) repeat-y;
}
.TileRight{
	background:url(../../+img/table/tile/right.gif) repeat-y;
}
.TileText{
	color:#FFFFFF;
	background:#494949;
}
Table.Tile TD{
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	text-align:center;
}
.hr{
	background:url(../../+img/hr.gif) no-repeat;
	height:3px;
	text-align:center;
	width:400px;
	margin:10px 0 35px 70px;
}
.hidden{
	display:none;
}
.StoneType{
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #f60;
	float:left;
	width:50px
}
.selected{
	color:#f60;
}
.selected:hover{
	color:#333333;
}
.NoProduct{
	text-align:center;
	font-size:14px;
	color:#ff9900;
	font-weight:bold;
	padding-top:50px;
}

.highLight {
	background-color: #e6e6e6;
}