body
{ 
background: #000000;
font-family: "Courier New", monospace;
font-size: 11px;
margin: 0;
height: 100%;
}
a img { border: 0;}

#homeContentDiv a:hover, #homeVideoDiv a:hover, #friendRightBtmDiv a:hover, #loginDiv a:hover, #crackTopDiv a:hover, #signupLeftBtmDiv p a:hover {background-color:yellow;}
#homeContentDiv a:visited, #homeVideoDiv a:visited, #friendRightBtmDiv a:visited, #loginDiv a:visited, #crackTopDiv a:visited, #signupLeftBtmDiv p a:visited {color:blue;}
#homeContentDiv a:active, #homeVideoDiv a:active, #friendRightBtmDiv a:active, #loginDiv a:active, #crackTopDiv a:active, #signupLeftBtmDiv p a:active {color:blue;}
h1,h2,h3,h4,h5 { margin: 5px 0; font-weight: bold;}
form { margin: 0; padding: 0px; }
input { font-family: "Courier New", Courier, monospace; margin: 0;}
input.textField { height: 12px; width: 160px; }
input.submitField, a.submitField { background: none; border: 0; font-weight: bold; text-decoration: underline; font-size: 12px; color: blue; padding: 0; margin: 0; cursor: pointer;}
p { margin: 10px 0; }
.clr{ clear: both; }
.floatL{ float: left; }
.floatR{ float: right; }
.br8 { line-height: 8px;}

#pageBgDiv
{
background: transparent url(../images/bg.jpg) no-repeat;
width: 950px;
height:650px;
margin: 0 auto;
position: relative;
}

#RCLogo
{
width: 200px;
height: 117px;
position: absolute;
top: 50px;
}

#siteNavDiv
{
position: absolute;
top: 85px;
left: 206px;
z-index: 100;
}

.siteNav
{
list-style: none;
margin: 0;
padding: 0;
}
.siteNav li
{
float: left;
display:block;
width: 110px;
text-align: center;
line-height: 12px;
letter-spacing: -2px;
font-size: 13px;
}
.siteNav li a
{
text-decoration: none;
color: #000;
font-weight: bold;
display: block;
}
.siteNav li a.twoRow
{
position:relative;
top: -10px;
}

/* login form */

#loginBgDiv
{
background: url(../images/bg-login.jpg) no-repeat;
width: 182px;
height: 200px;
position: absolute;
top: 159px;
left: 16px;
}
#loginDiv
{
padding: 42px 20px 0 20px;margin-bottom:50px;
}
#loginDiv h2
{
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
}
#loginDiv span.error
{
position:absolute;
font-weight:bold;
font-size:10px;
color:#CD152F;
top:65px;
display:none;
}
#loginDiv label
{
font-size:13px;
line-height: 18px;
color: #000000;
}
#loginDiv input.textField
{
background: url(../images/bg-login-textbox.jpg) no-repeat;
width: 143px;
height: 17px;
border: 0;
}
#loginDiv input.submitField
{
background: none;
border: 0;
font
}
#loginDiv a
{
font-weight: bold;
}
#loginDiv span.forgotpassword
{
display:block;
font-size:10px;
}

a#forgotpassword {color:#000;text-decoration:none;}
a#forgotpassword:hover {text-decoration:underline;background-color:transparent;}
/* home page css */

#robotDiv
{
background: url(../images/robot.jpg) no-repeat;
width: 203px;
height: 194px;
position: absolute;
top: 218px;
left: 32px;
}

#homeTitleDiv
{
width: 335px;
height: 77px;
position: absolute;
top: 120px;
left: 220px;
}

#homeContentDiv
{
width: 295px;
height: 300px;
position: absolute;
top: 210px;
left: 240px;
line-height: 17px;

}

#homeVideoDiv
{
background: url(../images/video-bg.jpg) no-repeat;
width: 318px;
height: 225px;
padding: 15px 20px;
position: absolute;
top: 169px;
right: 45px;
}
#homeVideoDiv div
{
padding-top: 3px;
}
#homeVideoDiv a
{
color: #333333;
}

#homeJoinDiv
{
background: url(../images/home-join.jpg) no-repeat;
width: 488px;
height: 153px;
position: absolute;
top: 424px;
right: 38px;
}
#homeJoinDiv a#linkSignup
{
position: absolute;
top: 60px;
left: 45px;
width: 110px;
height: 20px;
text-decoration: none;
}
#homeJoinDiv a#linkSpace
{
position: absolute;
top: 72px;
left: 155px;
width: 100px;
height: 15px;
text-decoration: none;
}
#homeJoinDiv a#linkCrack
{
position: absolute;
top: 90px;
left: 155px;
width: 100px;
height: 20px;
text-decoration: none;
}
#homeJoinDiv a#linkCrack2
{
position: absolute;
top: 80px;
right: 125px;
width: 110px;
height: 20px;
}
#homeJoinDiv a#linkCrack3
{
position: absolute;
top: 70px;
right: 45px;
width: 120px;
height: 20px;
}
#homeJoinDiv a span
{
visibility: hidden;
}

/* folder 2 */
#folderBtmDiv
{
background: url(../images/bg-folder-btm.jpg) no-repeat;
width: 488px;
height: 35px;
position: absolute;
top: 550px;
left: 240px;
}

#folderRightDiv
{
background: url(../images/bg-folder-right.jpg) no-repeat;
width: 35px;
height: 309px;
position: absolute;
top: 236px;
right: 47px;
}

/* Help Ratcht Page */

#signupTab
{
background: url(../images/tab-help.jpg) no-repeat;
width: 109px;
height: 77px;
position: absolute;
top: 75px;
left: 207px;
}

#signupLeftDiv
{
background: url(../images/bg-signup-left.jpg) no-repeat;
width: 368px;
height: 420px;
position: absolute;
top: 117px;
left: 214px;
}

#signupRightDiv
{
background: url(../images/bg-signup-right.jpg) no-repeat;
width: 280px;
height: 414px;
position: absolute;
top: 117px;
right: 88px;
}

#signupRightBtmDiv
{
position: absolute;
top: 481px;
right: 92px;
display:none;
}

#signupLeftTopDiv
{
padding: 40px 30px 0 30px;
line-height: 12px;
}
#signupLeftTopDiv h1,h1
{
font-size: 16px;
}

#signupLeftBtmDiv
{
position: absolute;
top: 160px;
padding: 30px 20px 0 35px;
line-height: 12px;
font-size: 11px;
}
#signupLeftBtmDiv h2,h2
{
font-size: 14px;
}
#redSignupLink
{
background: url(../images/underline.jpg) no-repeat 0 10px;
color: #CD152F;
text-decoration: none;
font-weight: bold;
font-size: 13px;
display: block;
height: 25px;
padding-left: 5px;
width: 210px;
}


/* signup page */

#signupFormBgDiv
{
background: url(../images/bg-signup-form.jpg) no-repeat;
width: 387px;
height: 437px;
position: absolute;
top: 117px;
left: 215px;
}

#signupFormDiv
{
padding: 35px 55px 0 40px;
font-size: 10px;
}
#signupFormDiv .label,
#signupFormDiv .label2Row
{
float:left;
width: 38%;
text-align: right;
font-weight: bold;
}
#signupFormDiv .label2Row
{
font-size: 9px;
}
#signupFormDiv .field,
#signupFormDiv .field_checkbox
{
float:right;
width: 60%;
}
#signupFormDiv .field_checkbox label
{
float: right;
width: 150px;
font-family: helvetica, arial,tahoma;
font-size: 9px;
}
#signupFormDiv select
{
font-size: 9px;
}
#closeLinkDiv
{
text-align: right;
font-size: 14px;
font-weight: bold;
}

.submitLink
{
font-size: 14px;
font-weight: bold;
}

/* Space camp page */

#spaceTab
{
background: url(../images/tab-space-camp.jpg) no-repeat;
width: 112px;
height: 51px;
position: absolute;
top: 75px;
left: 316px;
}
#prizeLeftDiv
{
background: url(../images/bg-space-left.jpg) no-repeat;
width: 263px;
height: 454px;
position: absolute;
top: 103px;
left: 206px;
}
#prizeRightDiv
{
background: url(../images/bg-space-right.jpg) no-repeat;
width: 401px;
height: 453px;
position: absolute;
top: 100px;
right: 80px;
}
#prizeRightTopDiv
{
padding: 40px 40px 0 20px;
}
#prizeRightBtmDiv
{
padding: 0 20px 0 40px;
}
#prizeRightDiv a#helpLink
{
position: absolute;
bottom: 45px;
left: 45px;
width: 40px;
height: 20px;
text-decoration: none;
}
#prizeRightDiv a#helpLink span
{
visibility: hidden;
}


/* Play the mini game */

#gameTab
{
background: url(../images/tab-game.jpg) no-repeat;
width: 112px;
height: 65px;
position: absolute;
top: 71px;
right: 192px;
}

#minigame {
	padding-left:52px;
}

#sharebox {
	padding:107px 0 0 257px;
}

/* Tell a friend */

#friendTab
{
background: url(../images/tab-friend.jpg) no-repeat;
width: 109px;
height: 77px;
position: absolute;
top: 71px;
right: 306px;
}

#friendLeftBgDiv
{
background: url(../images/bg-friend-left.jpg) no-repeat;
width: 270px;
height: 421px;
position: absolute;
top: 118px;
left: 219px;
}

#friendLeftDiv
{
padding: 30px 0 0 30px;
}

#friendRightDiv
{
background: url(../images/bg-friend-right.jpg) no-repeat;
width: 372px;
height: 430px;
position: absolute;
top: 118px;
right: 89px;
}

#friendRightBtmDiv
{
padding: 240px 30px 0 20px;
font-size: 10px;
}
#friendRightBtmDiv .nameField
{
background: url(../images/bg-login-textbox.jpg) no-repeat;
width: 63px;
height: 17px;
border: 0;
padding-left: 2px;
}
#friendRightBtmDiv .emailField
{
background: url(../images/bg-login-textbox.jpg) no-repeat;
width: 123px;
height: 17px;
border: 0;
padding-left: 2px;
}


/* a crack in time */

#crackTab
{
background: url(../images/tab-crack.jpg) no-repeat;
width: 124px;
height: 68px;
position: absolute;
top: 71px;
right: 69px;
}

#crackTopDiv
{
position: absolute;
top:140px;
left: 209px;
width: 650px;
font-size: 11px;
}

#crackTopDiv h1
{
font-size:16px;
}

#crackBtmLeftDiv
{
float: left;
padding-left: 15px;
}
#crackBtmLeftDiv h2
{
font-size: 12px;
}
#crackBtmLeftDiv h2 span
{
font-weight: normal;
}
#crackBtmRightDiv
{
float: right;
padding-right: 5px;
}
#crackBtmRightDiv h2
{
font-size: 12px;
}


/* Tell Ratchet */

#tellTab
{
background: url(../images/tab-tell.jpg) no-repeat;
width: 110px;
height: 63px;
position: absolute;
top: 74px;
left: 427px;
}

#tellLeftDisabledDiv
{
position: absolute;
top: 130px;
left: 230px;
width: 280px;
color: #666666;
}

#tellLeftBtmDisabledDiv
{
position: absolute;
bottom: 116px;
left: 215px;
width: 317px;
height: 71px;
}

#tellRightDisabledBgDiv
{
background: url(../images/bg-tell-right1.jpg) no-repeat;
width: 334px;
height: 409px;
position: absolute;
top: 100px;
right: 81px;
}

#tellRightDisabledDiv
{
padding: 245px 40px 0 40px;
font-weight: bold;
}

#tellRightDisabledDiv label
{
width: 80px;
display: block;
float: left;
}
#tellRightDisabledDiv .textField
{
width: 165px;
}
#tellRightDisabledDiv span.error
{
float:left;
color:#CD152F;
display:none;
}

#tellLeftDiv
{
position: absolute;
top: 130px;
left: 230px;
width: 280px;
}

.iconClueHolder
{
float:left;
width: 55px;
background: yellow;
text-align: center;
}

#clues {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#clues li{
	display:block;
	float:left;
	height:54px;
	width:56px;
}

#clues li a{
	display:block;
	float:left;
	height:54px;
	width:56px;
	background-repeat:no-repeat;
	color:transparent;
}

.clue-on a {
	background-image:url(../images/clues_on.gif);
}

.clue-off a {
	background-image:url(../images/clues_off.gif);
}

.clue-ticked a {
	background-image:url(../images/clues_ticked.gif);
}

#clue1 a {
	background-position:0 0;
}

#clue2 a {
	background-position:-60px 0;
}

#clue3 a {
	background-position:-120px 0;	
}

#clue4 a {
	background-position:-179px 0;	
}

#clue5 a {
	background-position:-239px 0;
}

#clue6 a {
	background-position:0 -59px;
}

#clue7 a {
	background-position:-60px -59px;
}

#clue8 a {
	background-position:-120px -59px;	
}

#clue9 a {
	background-position:-179px -59px;	
}

#clue10 a {
	background-position:-239px -59px;
}
#tellLeftBtmDiv
{
position: absolute;
bottom: 116px;
left: 215px;
width: 317px;
height: 71px;
}

#tellRightBgDiv
{
background: url(../images/bg-tell-right2.jpg) no-repeat;
width: 334px;
height: 409px;
position: absolute;
top: 100px;
right: 81px;
}
#tellRightDiv
{
padding: 80px 30px 0 30px;
font-size: 10px;
letter-spacing: -1px;
}

#footer {
	color:#666;
	font-size:9px;
	margin:5px auto;
	padding-top:10px;
	text-align:center;
	width:900px;
	height:114px;
	font-family:arial;
}

#footer a {color:#666}

#logos {padding-top:20px;}
#logo-ps {margin:0 25px -10px 0;}
#logo-sce {margin:0 50px -10px 0;}
#logo-rating {margin:0 0 -10px 50px;}