/* link color */

A:hover {COLOR:#95C1F3; FONT-WEIGHT: normal; TEXT-DECORATION: underline}

A:active {COLOR:#95C1F3; FONT-WEIGHT: normal; TEXT-DECORATION: underline}
/* link layout with different link color */
A.link:link {COLOR:#1D5798; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

A.link:visited {COLOR:#1D5798; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

A.link:hover {COLOR:#1D5798; FONT-WEIGHT: bold; TEXT-DECORATION: none}

A.link:active {COLOR:#1D5798; FONT-WEIGHT: bold; TEXT-DECORATION: none}

/* use for both checkbox and button */
.checkbox {
	BACKGROUND: #FFFFFF;
	border: 1px solid #FFFFFF;
	HEIGHT: 20px;
	vertical-align: middle;
}

.button {
BACKGROUND: #EBEBEB; border: 1px solid #666666; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 20px }

.calculate {
BACKGROUND: #EBEBEB; border: 1px solid #666666; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; width: 80px; HEIGHT: 20px }


/* Roll over button */
.submit{
BACKGROUND: #1D5798; border: 1px solid #CCCCCC; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; HEIGHT: 20px;  WIDTH: 46px; cursor:pointer }

.submitover{
BACKGROUND: #EBEBEB; border: 1px solid #888888; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; HEIGHT: 20px; WIDTH: 46px; cursor:pointer }

.confirm{
BACKGROUND: #1D5798; border: 1px solid #CCCCCC; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; HEIGHT: 20px;  WIDTH: 66px; cursor:pointer }

.confirmover{
BACKGROUND: #EBEBEB; border: 1px solid #888888; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; HEIGHT: 20px; WIDTH: 66px; cursor:pointer }



.button1{
BACKGROUND: #1D5798; border: 1px solid #CCCCCC; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; HEIGHT: 20px;  cursor:pointer }

.button1over{
BACKGROUND: #EBEBEB; border: 1px solid #888888; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; HEIGHT: 20px; cursor:pointer }


/* to control the font size and type in the table */
body {background-color: transparent}

td {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; color: #333333 
}

.descript {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 11px; color: #333333 
}

.price {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 11px; color: #CC0000 
}

.update {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; color: #FFFFFF 
}

.footer {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; color: #FFFFFF 
}

/* style use in the form */
select {  font-family: Verdana; font-size: 12px; color: #333333;  border: 1px solid #333333;}

input {  BACKGROUND: #FFFFFF; border: 1px solid #333333; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px  }

textarea {  BACKGROUND: #FFFFFF; border: 1px solid #333333; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; }

.login {  BACKGROUND: null; border: 1px solid #FFFFFF; COLOR: #EEEEEE; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 17px  }

/* style use in the dropdown */
.dropdown
{ Z-INDEX: 10; LEFT: 0px; VISIBILITY: hidden; WIDTH: 10px; POSITION: absolute; TOP: 170px}

A.dropLinks:link
{ FONT-SIZE: 11px; font-weight: normal;	COLOR: #4B4B4B;	TEXT-DECORATION: none; width: 90; text-align: right;}

A.dropLinks:visited
{ FONT-SIZE: 11px; font-weight: normal; COLOR: #4B4B4B; TEXT-DECORATION: none; width: 90; text-align: right; }

A.dropLinks:hover
{ FONT-SIZE: 11px; font-weight: normal; COLOR: #4B4B4B; TEXT-DECORATION: non; width: 90; text-align: right; }

/* to control the color of the scrollbar */
.scroll {
scrollbar-face-color: #167DBB; 
scrollbar-shadow-color: #FFFFFF; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #167DBB; 
scrollbar-darkshadow-color: #167DBB; 
scrollbar-track-color: none; 
scrollbar-arrow-color: #FFFFFF
}

/* DEFAULT STYLES ---- NEEEDED START */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}

/* to control the color of the side server navi */
.clB {position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF;}
.clB2 {position:absolute; visibility:hidden; background-color:none; layer-background-color:none; filter:Alpha(Opacity=100, Style=0)}
.clHover, .clNormal { position:absolute; padding:3px; text-indent:3px; font-family:Arial,sans-serif; font-size:11px; }
.clNormal {background-color:none; layer-background-color:none; color:#333333; FONT-SIZE: 11px; filter:Alpha(Opacity=100, Style=0)}
.clHover, .cl2Hover, .cl3Hover {background-color:#3D699A; layer-background-color:#FFAA00; color:#FFFFFF; cursor:pointer; cursor:hand; }

.email a{ color:#2B72B9; font-size:12px;}
.email a:hover { color:#FF9933; font-size:12px;}