body 
{
	background-color: #d9d9d9;
	/*background-image: url(images/page-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;*/
	
}

/* pages styles */

#mainwrapper
{
	margin: 0 auto;
	max-width: 1600px;
	min-width: 790px;
}

.header
{
	height: 150px;
	background-repeat: no-repeat;
}

.header .hklogo
{
	margin: 80px 0 0 20px;
	border: 0;
}

#headerstrip
{
	background-color: Black;
	background-image: url(images/bar-bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	color: White;
	height: expression(51 + "px");
}

#mainbar
{
	width: 100%;
	position: relative;
	height: 35px;
	font-size: 14px;
}

	#mainbar a
	{
		text-decoration: none;
		color: White;	
	}
	
	#mainbar a:hover
	{
		text-decoration: underline;
		color: White;	
	}
	
	#mainbar #name
	{
		position: absolute;
		left: 0px;
		top: 0;
		width: 280px;
		padding: 7px 2px 0 20px;
	}
	
	#mainbar #searchbox
	{
		text-align: center;
		margin: 0 281px 0 251px;
		voice-family: "\"}\"";
		voice-family: inherit;
 		margin-left: 155px;
  		margin-right:202px;
  		padding: 4px 5px 0 5px;
	}
	
	#mainbar #searchbox .srchbox
	{
		border: solid 1px #f0f0f0;
		height: 18px;
		font-size: 14px;
		padding: 2px;
		margin: 0;
	}
	
	#mainbar #options
	{
		position: absolute;
		right: 0;
		top: 0;
		width: 250px;
		text-align: right;
		padding: 7px 20px 0 2px;
	}


#footer
{
	text-align: center;
	font-size: 80%;
}

	#footer a
	{
		font-size: 100%;
		text-decoration: underline;
	}

#sidebanner
{
	width: 122px;
	position: absolute;
	right: 10px;
	top: 210px;
	z-index: 999;
}

.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}



/* Model Popups */
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalRegister
{
	background-color:#fff;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px 3px 3px 3px;
    width:290px;
    height:450px;
    position:absolute;
    bottom:-200px;
    left:-150px;
}

.modalBannerHeaderSelection
{
	background-color:#fff;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px 3px 3px 3px;
    width:600px;
    height:450px;
    position:absolute;
    bottom:-200px;
    left:-50px;
}

.modalLogin
{
	/*background-color:#fff;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px 3px 3px 3px;*/
    width:350px;
    position:absolute;
    /*height:250px;
    
    bottom:-200px;
    left:-150px;*/
}

.modalProfile
{
	/*background-color:#fff;
    border-width:3px;
    border-style:solid;
    padding:3px 3px 3px 3px;*/
    width:320px;
    position:absolute;
    /*height:340px;
    bottom:-200px;
    left:-350px;*/
}

.modalWidget
{
	/*background-color:#fff;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px 3px 3px 3px; */
    width:400px;
    /*height:120px;
    position:absolute;
    bottom:-200px;
    left:-150px;*/
}

.popupSettings
{
	text-align: right;
	padding: 4px;
	background-color: Black;
	border: solid 1px #f0f0f0;
	
	
}

.center
{
	text-align: center;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.clear
{
	clear: both;
	font-size: 1px;
	line-height: 1px;
}

.red
{
	color: Red;
}

.text3-4
{
	font-size: 75%;
}

/*rss module*/
.rss div.sum
{
	font-size: 85%;
}
/*end rss module*/