/*PAGE*/
html,body {padding:0px; margin:0px; background:#000000; height:100%;
	color: #333;
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size: 0.9em;
	}
#head {background:white; width:100%; border:none;}
#head td {padding:0 10 0 10;}
#page {padding:0px;	background-color:white; margin:0px; width:100%; height:100%;}
#content {color:black;padding:0px;border:0px solid #CDCDCD;margin:0 0 0 0px;padding:0px; height:100%; overflow:scroll;}
#up {background-image:url(../img/lt.gif); background-repeat:repeat-x; height:10px;}

/*TEXT*/
.alert, p, li, input, textarea, select {font-family:Tahoma, Verdana, Arial, Helvetica,sans-serif;text-align:left;vertical-align:top;font-size:8pt; color:black;}
td, th, div {font-family:'Lucida Grande', 'Lucida Sans', Geneva, Arial, Verdana, sans-serif; font-size:10pt; color:#999;}
h1 { font-size:18pt; font-weight:bold; letter-spacing:3px; color:#BBB;}
h2 { font-size:12pt; font-weight:bold; color:black;}
h3 { font-size:11pt; color:black; font-weight:bold; background:#D6E1FE; letter-spacing:3px; margin:2; padding:2; border:1px groove #333333;}
h4 { font-size:8pt; font-weight:bold; color:black; border-bottom: 1px solid silver; margin-bottom:3px;}
a, a:visited { text-decoration:none; color:#003399;}
a:hover {color: white; background-color:navy;}
li { list-style-type:square; list-style-position:outside;}
label {font-weight:bold;color:#333333;}
.tinyfont {font-size: 6px;}
.alert {color:red; font-weight:bold;}
.strong {color:black;}
.legal {font-family:Arial, Helvetica, sans-serif;font-size:8pt;color:#888888;}
.legal a {color:#BB0E04;}
.infotext {color:#999999;font-size:8pt;}
.selected { font-weight:bold}
.footnav { width:770px;color:white;background:gray;height:20px;cursor:default;}
.footnav a {text-decoration:none; color:white; font-family:Arial,Helvetica,sans-serif;font-size:11px;width:100px;display:inline;}			
.announce {font-size:10px;}
.box {border: 1px dotted gray; background:#DEDEDE; padding: 10px;}
.infobox {color:#555555;background-color:#FFFFCC;border:1px dotted gray;}
.title1 td {color:#666666;font-size:14pt;font-weight:bold;}
.title1 span {font-size:8pt;color:#BBBBBB;}
.title1 p {font-size:12pt; color:#BBBBBB; font-weight:bold;text-align:right;}
.title1 div {font-size:12pt; color:#BBBBBB; font-weight:bold;text-align:right;}

/*LMENU*/
.lmenu a, .lmenu a:visited {color:#333333;cursor:pointer;float:left;position:relative;margin-top:0px;border:1px solid black;bottom:0px;left:0px;padding:3px 3px 3px 3px;background-color:#BBBBBB;-moz-border-radius:0px 0px 0px 0px;z-index:0;  }
.lmenu a:hover {background-color:#CCCCCC;color:black;}
/*GRID*/
.grid {border:1px solid red;}
.grid td {padding:2px; border:1px solid #CCCCCC; height:15px;}
.grid .rowA td {background-color:#EEEEEE;}
.grid .rowB td {background-color:#FFFFFF;}
.grid td input[type="text"] {width:100%; border: 1px solid gray; background: #DEDEDE;}
.grid td input[type="text"]:focus { background:#FFFFFF; border:1px solid #686868;}
.grid th {background-color:#AAAAAA; color:white; font-weight:bold; padding:3px; border:1px solid #CCCCCC;}
.grid {border-collapse:collapse;}
.grid input {border:0px;margin:0px;padding:0px;}

/*BOOKLIST*/
.booklist {border:1px solid red;}
.booklist td {padding:2px; border:1px solid #CCCCCC; height:15px;}
.booklist .rowA td {background-color:#EEEEEE;}
.booklist .rowB td {background-color:#FFFFFF;}
.booklist td input[type="text"] {width:100%; border: 1px solid gray; background: #DEDEDE;}
.booklist td input[type="text"]:focus { background:#FFFFFF; border:1px solid #686868;}
.booklist th {background-color:#AAAAAA; color:white; font-weight:bold; padding:3px; border:1px solid #CCCCCC;}
.booklist {border-collapse:collapse;}
.booklist input {border:0px;margin:0px;padding:0px;}

/*FORMS*/
textarea, input[type="text"], input[type="password"] {color:black; border:1px solid gray; background:#EDEDED;}
textarea, input[type="text"]:focus, textarea:focus { background:white; border:1px solid black;}

/*DIALOG*/
.dialog {width:600px;}

/*MENU*/
.hmenu {background:#DDDDDD;	border:1px solid #BBBBBB;height:20px; padding:5px; padding:expression(browser.ie5 ? "0px" : "5px"); margin: 3px 0 3px 0; font-size:8pt;color:gray;}
.hmenu a, .hmenu a:visited {border:1px solid #DDDDDD; padding:2px 3px 2px 2px; margin:2px 5px 2px 0px; color:gray; text-decoration:none; height:expression((browser.ie5==true)? "17px" : "auto");}
.hmenu a img {vertical-align:middle; border:none;}
.hmenu a:hover {color:black; background-color:#CCCCCC ;border:1px solid #888888;}
.hmenu a:active, .hmenu a:focus {-moz-outline:none; ie-dummy:expression(this.hideFocus=true);outline:none; background:#CCCCCC; border-right:1px solid white; border-left:1px solid gray; border-top:1px solid gray; border-bottom:1px solid white;}

.submenu {display:none; position:absolute; margin:0; padding:2px; background-color:#D3D9E2; border-left:1px solid white;border-top:1px solid white;border-right:1px solid gray;border-bottom:1px solid gray; width:150px;}
.submenu a {margin:2px 0 0 2px; color:#7882A0; display:block; text-decoration:none; padding:4px 0px 6px 0px; font-size:8pt; width:expression(100+"%");}
.submenu a:hover {background-color:#C2C8D1; color:#ffffff;}
.submenu strong {color:#333333 !important; cursor:default; background-color:#C4C2D8; border-right:1px solid gray; border-bottom:1px solid gray;}

.smenu {display: none; position:absolute; margin:0; padding:1px; background-color:#DDDDDD; border:1px solid #888888; width:160px;}
.smenu a {display:block; margin:0; padding:0; color:gray; text-align:left; font-size:8pt; width:expression(100+"%");}
.smenu a:hover {background-color:#ABABAB; color:#FFFFFF;}

.vmenu {margin:0; padding:0; background-color:#AAEEF8; border:1px solid #888888; width:expression(99+"%");}
.vmenu a {margin:0; color:#7882A0; display:block; text-decoration:none;	padding:4px 0px 6px 0px; font-size:8pt; width:expression(100+"%");}
.vmenu a:hover {background-color:#C2C8D1; color:#ffffff;}
.vmenu strong {color:#333333 !important; cursor:default; background-color:#C4C2D8; border-right:1px solid gray; border-bottom:1px solid gray;}

/*TABS*/
.tabbar {padding-left:15px; vertical-align:bottom;}
.tabbar a, .tabbar a:visited {margin-top:1px;color:#333333;cursor:pointer;float:left;position:relative;border:1px solid black;bottom:-2px;left:-2px;padding:2px 10px 3px 10px;border-bottom:none; background-color:#BBBBBB;-moz-border-radius:4px 4px 0px 0px;z-index:0;  }
.tabbar a:hover {background-color:#CCCCCC;color:black;}
.tabbar a.tabsel, .tabbar a.tabsel:visited, .tabbar a.tabsel:hover {cursor:default;color:black;background-color:#EEEEEE;bottom:-1px;padding:3px 10px 4px 10px;z-index:10;}
.tabbar img {border:1px solid #DDDDDD; margin: 0px 0px 1px 5px;}
.tabcontent {background-color:#EEEEEE; border-style:solid; border-width:1px; border-color:black; padding:5px;}


/* HKSALSA RSS FEED */
.itemtitle {
	color:black;
	}
.itemdescription {
	color:black;
	margin-bottom: 10px;
	}

.high1 {vertical-align:bottom;
	margin: 0;
	background-color: #e1d7a6;
	display: block;
	text-decoration: bold;
	padding: 4px 0px 6px 15px;
	font-size: 8pt;
	width:expression(100+"%");
}
.high2 {vertical-align:bottom;
	margin: 0;
	background-color: #f9f1c6;
	display: block;
	text-decoration: bold;
	padding: 4px 15px 6px 20px;
	font-size: 7pt;
	width:expression(100+"%");
}

/* RADIO CHAT ROOM */
.chattime1 {vertical-align:top;color:#E50400;font-weight:bold; font-size:7pt;text-align:right;}
.chattime2 {vertical-align:top;color:#AAAAFF;font-weight:bold; }
.chatadmin {vertical-align:top;color:#E50400;font-size:7pt;text-align:center;}
.chatusername {vertical-align:top;font-weight:bold; }
.chatuser {vertical-align:top;}


.ct1 {vertical-align:top;color:#E50400;font-weight:bold; font-size:7pt;text-align:right;}
.ct2 {vertical-align:top;color:#AAAAFF;font-weight:bold;width:40px; }
.ca {vertical-align:top;color:#E50400;font-size:7pt;text-align:center;}
.cun {vertical-align:top;font-weight:bold;width:40px;}
.cu {vertical-align:top;}