﻿body 
{
	margin:10px auto;
	font-family:Arial;
	font-size:90%;
	background-color:#616161;
	background:url(../images/hyper9/mainbg.jpg) repeat-x;
}
.banner
{
	background-image:url(../images/topBannerBg.jpg);
	height:158px;

}
.innerbg
{
	/*background-image:url(../images/topBannerBg.jpg);
	height:158px;*/
	
}
.logoimg
{
	background-image:url(../images/logo_left.png);
	width:496px;
	height:122px;
	float:left;
	
}
.search
{
	background-image:url(../images/bg_search.png);
	width:463px;
	height:61px;
	float:left;
	text-align:center;
}
.search_bg
{
	background-image:url(../images/gray_bar_bg.png);
	width:442px;
	height:40px;
	margin-top:10px;
}
.white_bg
{
	background-image:url(../images/white_bg.png);
	width:356px;
	height:28px;
	margin-top:6px;
	float:left;
	margin-left:5px;
}
.search_bg2
{
	background-image:url(../images/search_button_bg.png);
	width:70px;
	height:21px;
	
}
.topimg
{
	
}











/*stalin*/


/*body
{
	margin:10px auto;
	font-family:Arial;
	font-size:90%;
	background-color:#616161;
	background:url(../images/hyper9/mainbg.jpg) repeat-x;
}*/
body
{
	margin: 0px auto;
	font-family: Arial;
	font-size: 12px;
	background-color: #616161;
	background: url(../images/hyper9/rptrbg.jpg) repeat;
	background-attachment:fixed;
	
	
}
.allcontent
{
	width:100%;
	padding-top:10px;
	background-color: #616161;
	background: url(../images/hyper9/mainbg.jpg) repeat-x;
	float:left;
	/*background-attachment:fixed;*/
}
.mainContent
{
	margin: 0 auto;
	width: 960px;
	
	
	
}

.topRowContent
{
	width: 960px;
	height: 26px;
	float: left;
}
.tRButton1
{
	width: 669px;
	float: left;
	height: 26px;
	background: url(../images/hyper9/tRbutton1.jpg) no-repeat;
}
.tRButton2
{
	text-align:center;
	padding-top:5px;
	width: 99px;
	height: 26px;
	float: left;
	background: url(../images/hyper9/tRbutton2.jpg) no-repeat;
}
.tRButton3
{
	text-align:center;
	padding-top:5px;
	width: 177px;
	height: 26px;
	float: left;
	background: url(../images/hyper9/tRbutton3.jpg) no-repeat;
}
.tRSpacer
{
	width: 5px;
	height: 26px;
	float: left;
	background: url(../images/hyper9/tRSpacer.jpg) no-repeat;
}
.topBannerBg
{
	width: 960px;
	height: 158px;
	float: left;
	background: url(../images/hyper9/topBannerBg.jpg) no-repeat;
}
.headerbodySpacer
{
	width: 960px;
	height: 7px;
	float: left;
}
.topCurve
{
	width: 100%;
	background: url(../images/hyper9/bodyRoundedTop.jpg) no-repeat 0 0;
	float: left;
}
.centerCurve
{
	width: 100%;
	background: url(../images/hyper9/bodyRoundedCenter.jpg) repeat-y;
	float: left;
}
.bottomCurve
{
	width: 947px;
	background: url(../images/hyper9/bodyRoundedBottom.jpg) no-repeat 0 100%;
	padding: 7px;
	float: left;
}
.footerspacer
{
	height: 28px;
	width: 100%;
	float: left;
}
.footer
{
	margin:0 auto;
	height: 35px;
	width: 960px;
	float: left;
}
.fContact
{
	width: 167px;
	height: 35px;
	float: left;
	background: url(../images/hyper9/tranparentContact.gif) no-repeat;
}
.fCenter
{
	width: 568px;
	height: 35px;
	float: left;
}
.fPartner
{
	width: 225px;
	height: 35px;
	float: left;
	background: url(../images/hyper9/traPartner.gif) no-repeat;
}
.footer linktitle
{
	font-size: 12px;
}
.footer lintContent
{
	font-size: 30px;
}
.bnrTopRow
{
	height: 123px;
	width: 100%;
	float: left;
}
.bnrTRLeft
{
	width: 30px;
	height: 123px;
	float: left;
}
.bnrTRLogoLetter
{
	width: 408px;
	height: 123px;
	background: url(../images/hyper9/alienLogo.gif) no-repeat;
	float: left;
}
.bnrTRLogoSpacer
{
	width: 49px;
	float: left;
	height: 123px;
}
.bnrTRRight
{
	width: 473px;
	height: 123px;
	float: left;
}
.bnrTRRTop
{
	height: 8px;
	width: 473px;
	float: left;
}
.bnrTRRUserRow
{
	width:449px;
	height:24px;
	padding:12px 13px 0px 0px;
	text-align:right;
	margin:0px 11px 0px 0px;
	float:left;
	background:url(../images/hyper9/userwelcome.jpg) no-repeat 100% 0;
}
.bnrTRRUserRow a
{
	font-size:14px;
	color:#B8E3FF;
	text-decoration:none;

}
.bnrTRRUserRow a:hover
{
	color:White;
}
.bnrTRRsearch
{
	width:473px;
	height:63px;
	float:left;
	background:url(../images/hyper9/searchBG.gif) no-repeat;
}
.bnrTRRsearchText
{
	width:342;
	height:27px;
	padding:18px 8px 18px 22px;
	float:left;
}
.bnrTRRsearchbutton
{
	width:89px;
	height:27px;
	padding:18px 0px 0px 0px;
	float:left;
}
.bnrNavRow
{
	height: 28px;
	width: 100%;
	float: left;
}
.bnrBottomRow
{
	height: 7px;
	width: 100%;
	float: left;
}
.navbar
{
	width:930px;
	height:30px;
	margin:0px 5px 0px 5px;
	padding:0px 10px 0px 10px;
	float:left;
	color:White;
	font-weight:bold;
	font-size:14px;
	background:url(../images/hyper9/navbar.gif) no-repeat;
}
.navbar ul
{
	float:left;
	margin-top:0px;
}
.navbar ul li
{
	height:20px;
	display: block;
	float: left;
	padding: 6px 20px 0px 20px;
	border-right: 2px groove #4792B1;
	
	color: White;
}
.navbar ul li a
{
	color:White;
	text-decoration:none;
	
	
	
}
.navbar ul li a:hover
{
	color:#A8C31C;
	text-decoration:none;
	
	
	
}
.searchbutton
{
	background-color: transparent;
	background-image: url('../images/hyper9/searchButton.gif');
	
	background-repeat: no-repeat;
	width: 70px;
	height: 20px;
	
	cursor: pointer;
	border:none;
}

/*
.bnrTopRow
{
	height:8px;
	width:100%;
	float:left;
}
.bnrUserRow
{
	width:914px;
	height:38px;
	padding:12px 24px 0px 0px;
	text-align:right;
	margin:0px 11px 0px 11px;
	float:left;
	background:url(../images/hyper9/userwelcome.jpg) no-repeat 100% 0;
}
.bnrUserRow a
{
	font-size:14px;
	color:#B8E3FF;
	text-decoration:none;

}
.bnrUserRow a:hover
{
	color:White;
}*/



/*#Hyper9#*/
#RockImage
{
    width:312px;
}
#BecomeBetaMember
{
 /* arial---regular--16pt--strong---#2D7CA9  */
 font-family:Arial;
 font-size:large;
 color:#2D7CA9;
 font-weight:bold;
 height:15pt;
 padding: 0px 0px 9px 2px;
 text-align:left;
}


#RockImg
{
	background: url('../images/Hyper9/showntell_b.jpg') no-repeat left;
	height:165px;
	width:312px;
	cursor:pointer
}
#BecomeBetaMember a:link, a:visited, a:active, a:hover
{
    cursor:pointer;
    color:#4890DF;
    text-decoration:none;
}
.icon{
background-image:url('../images/Hyper9/f_icon.png');
background-repeat:no-repeat;
width:300px;
height:19px;
}
.normal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant:normal;	
	color: #717171;	
	text-decoration: none;
}
.bulenormal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant:normal;
	color: #2E536E;
	text-decoration: none;
}


/*Body*/
.contentboxtop{ 
background-image:url('../images/Hyper9/bodyRoundedTop.jpg');
background-repeat:no-repeat;
width:969px;
height:7px;
}
.contentbg{
background-image:url('../images/Hyper9/bodyRoundedCenter.jpg');
background-repeat:repeat-y;
width:960px;
text-align:left;
}
.contentbgleft{
float: left;
width: 600px;
background-color: #fff;
color:#000;
border:0px solid #00FFFF;
margin-left:20px;
}
.contentbgright{
float:right;
width: 315px;
border:0px solid #990033;
margin-right:20px;
}
.contentboxbottom{
background-image:url('../images/Hyper9/bodyRoundedBottom.jpg');
background-repeat:no-repeat;
width:960px;
height:7px;
clear:both;
}



Div.CommonSidebarArea
{
	width:315px;
	overflow:hidden;
}
/*# Start Sidebar Inner Text And Bottom Color #*/
Div.CommonSidebarInnerArea,Div.CommonContentBox
{
	padding-bottom:5px;
	
	background-image:url('../images/Hyper9/dot.png');
	background-position:bottom;
	background-repeat:repeat-x;
	margin:0px;
	margin-right:10px;
	
}


Div.CommonSidebarInnerArea A,CommonSidebarList,Div.CommonContentBox A
{
	color: #2E536E;
	text-decoration: none;	
}
Div.CommonSidebarInnerArea A:Hover,Div.CommonContentBox A:Hover
{

	color: #3366cc;
	text-decoration: none;	
}
/*# End Sidebar Inner Text And Bottom Color #*/

/*# Start Sidebar Header #*/
H4.CommonSidebarHeader A
{
	font-size:12px;
	font-weight:700;
	color:White;
}
H4.CommonBodyTabHeader A
{
	font-size:12px;
	font-weight:700;
	color:White;
}
H4.CommonContentBoxHeader A
{
	font-size:12px;
	font-weight:700;
	color:White;
}

H4.CommonSidebarHeader,H4.CommonBodyTabHeader,H4.CommonContentBoxHeader
{
background-image:url('../images/Hyper9/bule_tab.png');
width:315px;
height:32px;
margin-top:30px;
background-repeat:no-repeat;	
padding-left:10px;
padding-top:7px;
color:White;
font-size:12px;
}

/*# End Sidebar Header #*/

.CommonContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant:normal;	
	color: #717171;	
	text-decoration: none;
}
Div.CommonContent A
{
	color:#9AAB36
}
H4.CommonInlineMessageTitle
{
	color:#4C4C4C;
}
H4.CommonInlineMessageTitle A
{
	color:#4C4C4C;
}
H4.CommonInlineMessageTitle A:Hover
{
	color:#3366cc;
}
.BottomLine
{
	padding-bottom:5px;
	border-bottom:solid 1px #E5E5E5;
}
#CommonContent .CommonContentBoxHeader
{
    padding: 0 0 6px 0;
    /*border-bottom: solid 1px #ccc;*/
    margin: 0 0 8px 0;
    line-height: 100%;
    font-size: 120%;
    color: #333;
    background-image:none;
}

#CommonContent .CommonContentBoxHeaderSmall
{
    padding: 0 0 6px 0;
    border-bottom: solid 1px #ccc;
    margin: 0 0 8px 0;
    line-height: 100%;
    font-size: 100%;
    color: #333;
    width: 100%;
}
.invitearea
{
	color:#A0CBEB;
	float:left;
	text-align:right;
	float:right;
	margin-top:6px;
	padding-right:15px;

}
.invitearea a:link
{
	color:#A8c31c;
}
.invitearea a:hover
{
	color:White;
}
.invitearea .download a:link
{
	color:#A0CBEB;
}
.invitearea .download a:hover
{
	color:White;
} 
.invitearea .friend A:Link
{
color:#A0CBEB;
}
.download
{
	
float:left;	
border-right:solid 1px #29516B;
padding-left:10px;
padding-right:10px;
}
.purchase
{
	
	color:#A8c31c;
	float:left;
	border-right:solid 1px #29516B;
	padding-left:10px;
padding-right:10px;
}
.puchase a:limk
{
	color:#A8c31c;
}
.friend
{
	color:#A0CBEB;
	float:left;
	padding-left:10px;
padding-right:10px;
	
}
 .TopRightLinks:Link,.TopRightLinks:visited
{ 
Color:#7E7E7E; 
font-size:14px;
font-family:Arial, Helvetica;
font-weight:500;
}

.TopRightLinks:Hover
{
Color:#FFFFFF; 
}
.sub
{
	color:#4792B1;
}

#tRButton2:Link,#tRButton2:visited
{
color:#7E7E7E;
}
#tRButton3:Link,#tRButton3:visited
{
color:#a8c31c;
}
#tRButton2:Hover,#tRButton3:Hover
{
color:#FFFFFF;
}

#BecomeBetaMember2
{
 /* arial---regular--16pt--strong---#2D7CA9  */
 font-family:Arial;
 font-size:large;
 color:#2D7CA9;
 font-weight:bold;
 height:56px;
 padding: 0px 0px 9px 2px;
 text-align:left;
}

.icon2{
background-image:url('../images/Hyper9/twitter.bmp');
background-repeat:no-repeat;
width:300px;
height:56px;
padding-top:40px;
padding-left:30px;
}