﻿/*
-----------------------------------------------
Style Sheet

Site: SingTel Race
Author:   SingTel    www.singtelrace.com
Version:  0.11
----------------------------------------------- */

a:active, a:focus { outline: 0; }

body {margin:0;padding:0;text-align:center;font: 11px/1.1em  Tahoma, Helvetica, Arial, Verdana, sans-serif;background:#FFF url(../../i/footer-bg.jpg) repeat-x center top;}
.container{z-index:2;position:relative;margin:0 auto;width:960px;padding:0;text-align:left;}


/* BACKGROUND */
#headerbg {z-index:2;position:absolute;background:#000 url(../../i/header-bg.jpg) no-repeat scroll center top;height:143px;right:0;top:0px;width:100%;}
#headerbg span{display:none;z-index:2;position:absolute;background:transparent url(../../i/header-bg.jpg) no-repeat scroll center top;height:143px;left:0;top:0px;width:960px;z-index:1}

#menubg {z-index:2;position:absolute;background:transparent url(../../i/menu-bg.png) repeat-x scroll center top;height:50px;right:0;top:105px;width:100%;}
#menubg span{z-index:2;position:absolute;background:transparent url(../../i/menu-bg.png) repeat-x scroll 0 0;height:50px;left:0;top:0;width:960px;}

#eventsbg {z-index:2;position:absolute;background:transparent url(../../i/events-bg.gif) repeat-x scroll center top;right:0;height:161px;width:100%;}
#eventsbg span{z-index:2;position:absolute;background:transparent url(../../i/events-bg.gif) repeat-x scroll 0 0;left:0;top:0;height:161px;width:960px;}
/*
#footerbg {position:absolute;background:transparent url(../../i/footer-bg.jpg) repeat-x scroll 0 0;right:0;top:auto;height:auto;width:100%;z-index:1;}
#footerbg span{position:absolute;background:transparent url(../../i/footer-bg.jpg) repeat-x scroll 0 0;left:0;top:0;height:20em;width:960px;z-index:1;}
*/
#contentbg {position:absolute;background:transparent url(../../i/events-bg.gif) no-repeat scroll right top;right:0;width:100%;z-index:1;}
#contentbg span{position:absolute;left:0;top:0;width:960px;z-index:2;}
span.fixbg{display:none;}

/* CONTENT BACKGROUND */
body.grid-girls-bg #contentbg{background-image:url(../../i/gridgirls_img2.jpg);height:438px;}
body.the-ultimate-drive #contentbg{background-image:url(../../i/the-ultimate-drive_bg.jpg);background-position:right 0px;height:503px;}
body.the-ultimate-drive-pc #contentbg{background-image:url(../../i/the-ultimate-pc_bg.jpg);height:443px;}
body.sign-up #contentbg{background-image:url(../../i/signup_img.jpg);background-position:left top;height:643px;width:500px}
/*body.whats-on #contentbg{background-image:url(../../i/whatson-bg.jpg);height:500px;}*/

body.singtel-pit-stop #contentbg{z-index:1;background-image:url(../../i/sps_bg.jpg);height:408px;top:141px;background-position:center top;}
body.singtel-pit-stop #contentbg span{z-index:1;left:0;top:0;background-image:url(../../i/sps_bg.jpg);background-position:left top;height:408px;width:960px;}
body.singtel-pit-stop #contentinsidebg{position:absolute;background:transparent url(../../i/sps_garage2.jpg) no-repeat scroll right top;right:0;top:141px;width:100%;z-index:0;height:438px;background-position:center top;}
body.singtel-pit-stop #contentinsidebg span{position:absolute;z-index:0;left:0;top:0;background-image:url(../../i/sps_garage2.jpg);background-position:left top;height:438px;width:960px;}
body.gallery-bg #contentbg{z-index:1;background-image:url(../../i/gallery_bg.gif);background-repeat:repeat-x;height:460px;background-position:0 0px;}
body.gg-on-tour #contentbg{z-index:1;background-image:url(../../i/gg_on-tour_bg.gif);background-repeat:repeat-x;height:460px;background-position:0 0px;}

/* CONTENT BACKGROUND */
#header{position:relative;top:0;width:960px;height:104px;margin:0 auto;z-index:3;}
#header h1{position:absolute;margin:0;padding:0;text-indent:-10000px;}	
#header h1#formula-1{background:url(../../i/logo_formula-1.png) no-repeat;right:38px;top:24px;margin-right:12px;}
#header h1#formula-1 a{display:block;width:200px;height:27px;}	
#header h1#SingTel{background:url(../../i/logo_singtel.gif) no-repeat;left:38px;top:20px;}
#header h1#SingTel a{display:block;width:96px;height:35px;}	

#header_login {color:#FFF;}
#header_login input{vertical-align:middle;}
#header_login input.ft{border:none;font-size:9px;width:60px;}
#header_login .con{margin-left:20px;margin-top:7px;}

#header_signup{position:absolute;left:545px;top:78px;}
#header_btnlogin{position:absolute;left:635px;top:78px;}
#header_forgotpassword{position:absolute;left:765px;top:58px;}
#header_login{position:absolute;left:618px;top:75px;background:url(../../i/header-login-bg.png) no-repeat;width:318px;height:32px;}

body.sign-up #header_signup,
body.forgot-password #header_forgotpassword,
body.points-history #header_points-history
{display:none;}

/* MENU */
#menucontainer{position:relative;width:960px;margin:0 auto;z-index:3;}
#menu{position:absolute;list-style:none;margin:0;left:0;width:960px;padding:0;height:50px;z-index:5}
#menu li{position:relative;float:left;margin:0;padding:0;}	
#menu li a{position:relative;display:block;height:50px;text-decoration:none;text-indent:-9600px;z-index:2;}		
#menu li a:hover{background-position:0 -50px;}
* html #menu li a:hover{background-position:0 -49px;}

a#m_home{background:url(../../i/m_home.png) no-repeat;width:60px;}	
a#m_whats-on{background:url(../../i/m_whats-on.png) no-repeat;width:91px;}
a#m_grid-girls{background:url(../../i/m_grid-girls.png) no-repeat;width:93px;}
a#m_the-ultimate-drive{background:url(../../i/m_the-ultimate-drive.png) no-repeat;width:145px;}
a#m_contests{background:url(../../i/m_contests.png) no-repeat;width:87px;}
a#m_special-deals{background:url(../../i/m_special-deals.png) no-repeat;width:119px;}
a#m_singtel-pit-stop{background:url(../../i/m_singtel-pit-stop.png) no-repeat;width:137px;}
a#m_gallery{background:url(../../i/m_gallery.png) no-repeat;width:81px;}
a#m_downloads{background:url(../../i/m_downloads.png) no-repeat;width:101px;}


body.home a#m_home, body.home a#m_home:hover, 
body.whats-on a#m_whats-on, body.whats-on a#m_whats-on:hover,
body.grid-girls a#m_grid-girls, body.grid-girls a#m_grid-girls:hover,
body.the-ultimate-drive a#m_the-ultimate-drive, body.the-ultimate-drive a#m_the-ultimate-drive:hover,
body.contests a#m_contests, body.contests a#m_contests:hover, 
body.special-deals a#m_special-deals, body.special-deals a#m_special-deals:hover,
body.singtel-pit-stop a#m_singtel-pit-stop, body.singtel-pit-stop a#m_singtel-pit-stop:hover,
body.singtel-pit-stop-winner a#m_singtel-pit-stop, body.singtel-pit-stop-winner a#m_singtel-pit-stop:hover,
body.gallery a#m_gallery, body.gallery a#m_gallery:hover,
body.downloads a#m_downloads,body.downloads a#m_downloads:hover{background-position:0 -100px;}

body.edit-profile #Header1_LBtn_EditProfile,
body.gg-createblog #Header1_LBtn_MyBlog, body.gg-manageblog #Header1_LBtn_MyBlog,
body.gg-createblog #Header1_LBtn_MyBlog2, body.gg-manageblog #Header1_LBtn_MyBlog2,

body.gg-manageblog #Header1_LBtn_MyBlog, body.gg-manageblog #Header1_LBtn_MyBlog,
body.gg-manageblog #Header1_LBtn_MyBlog2, body.gg-manageblog #Header1_LBtn_MyBlog2,

body.gg-manageblognotices #Header1_LBtn_MyBlog, body.gg-manageblog #Header1_LBtn_MyBlog,
body.gg-manageblognotices #Header1_LBtn_MyBlog2, body.gg-manageblog #Header1_LBtn_MyBlog2,

body.gg-manageblogvotes #Header1_LBtn_MyBlog, body.gg-manageblog #Header1_LBtn_MyBlog,
body.gg-manageblogvotes #Header1_LBtn_MyBlog2, body.gg-manageblog #Header1_LBtn_MyBlog2,

body.points-history #sm_pointshistory
{text-decoration:none;color:gray;font-weight:bold;}

#menu .submenu{display:none;list-style:none;margin:0;padding:0;position:absolute;left:0;top:39px;width:280px;background:#6e6e6e;z-index:1;}
#menu .submenu li{margin:0;padding:0;text-align:left;}
#menu .submenu li a{display:block;width:268px;text-align:left;background:none;z-index:1000;text-indent:0;cursor:pointer;color:#FFF;height:16px;padding:6px;}
#menu .submenu li a:hover{background:#616161;}
#menu .submenu li img{position:relative;float:left;border:0;}
#menu .submenu li .con{position:relative;float:left;}
#menu .submenu li p{margin:0;padding:0;}
/*#menu .submenu .sm_wrapper{padding:6px;}*/

#menu #sm_downloads.submenu{width:147px;}
#menu #sm_downloads.submenu li a{width:135px;}

.con_header{position:relative;width:960px;height:80px;}
.con_header .bg{position:absolute;background:#000;width:960px;height:80px;z-index:1;top:-300px;}
.con_header .con{z-index:3;color:#FFF;padding-left:20px;margin-top:20px;float:left;position:absolute;z-index:10;display:none;}
.con_header .con h3,.con_header .con p{margin:5px 0;padding:0;}
.con_header .btn{position:absolute;z-index:3;display:none;}
.con_header .month{position:absolute;left:120px;z-index:3;bottom:0;background:url(i/whatson_pn-month.jpg) no-repeat;width:167px;height:29px;}
.con_header .gallerybtn{bottom:0;right:20px;}
.tooltips_garage{display:none;position:absolute;left:600px;z-index:5;margin-top:30px;background:url(../../i/sps_ico_garage-open.png) no-repeat;width:287px;height:211px;}

/* COUNT DOWN */
#countdown{position:absolute;left:618px;top:77px;background:url(../../i/header-countdown-bg.png) no-repeat;width:318px;height:32px;}
#countdown .con{position:absolute;left:26px;top:11px;}
#countdown .first{margin-left:12px;}
#countdown div{float:left;height:14px;background-repeat:no-repeat;}
.no0{background-image:url(../../i/n_0.gif);width:9px;}
.no1{background-image:url(../../i/n_1.gif);width:7px;}
.no2{background-image:url(../../i/n_2.gif);width:8px;}
.no3{background-image:url(../../i/n_3.gif);width:10px;}
.no4{background-image:url(../../i/n_4.gif);width:10px;}
.no5{background-image:url(../../i/n_5.gif);width:10px;}
.no6{background-image:url(../../i/n_6.gif);width:10px;}
.no7{background-image:url(../../i/n_7.gif);width:8px;}
.no8{background-image:url(../../i/n_8.gif);width:9px;}
.no9{background-image:url(../../i/n_9.gif);width:10px;}
.no_days{background:url(../../i/n_days.gif) no-repeat right 2px;width:35px;}
.no_hours{background:url(../../i/n_hours.gif) no-repeat right 2px;width:45px;}
.no_minutes{background:url(../../i/n_mins.gif) no-repeat right 2px;width:33px;}
.no_secs{background:url(../../i/n_secs.gif) no-repeat right 2px;width:33px;}



/* CONTENT */
#content{position:relative;padding-top:39px;z-index:1;}
#content .sec_content{position:relative;padding:20px;}
#content p{line-height:14px;}

h3{font-size:22px;}
h5{font-size:14px;}
h6{font-size:10px;}
.sign-up_content p{margin:5px 0;}
.sign-up_content h5{font-size:12px;margin:5px 0;padding:0;}




/* FOOTER */
#footer #events{color:#FFF;}
#footer #events h3{font-size:11px;margin:0;padding:0}
#footer #events p{font-size:9px;}
#footer #events td,#footer #events th{vertical-align:top;}
#footer .footer td{font-size:9px;}
#footer{color:#FFF;}
#footer a{color:#FFF;}
#footer a:hover{text-decoration:none;}


/* ADDITIONAL PAGE 
------------------------------------ */
/* SIGN UP */
h3.join-singtelrace{margin:0;padding:0;background:url(../../i/h3_join-singtelrace.gif) no-repeat;width:276px;height:24px;text-indent:-10000px;}
h3.show-us-your-magic{margin:0;padding:0;background:url(../../i/h3_show-us-your-magic.gif) no-repeat;width:325px;height:22px;text-indent:-10000px;}
h3.grid-girl-registration-form{margin:0;padding:0;background:url(../../i/h3_grid-girl-registration-form.gif) no-repeat;width:445px;height:22px;text-indent:-10000px;}
h3.welcome-back{margin:0;padding:0;background:url(../../i/h3_welcome-back.gif) no-repeat;width:239px;height:22px;text-indent:-10000px;}
h3.edit-profile{margin:0;padding:0;background:url(../../i/h3_edit-profile.gif) no-repeat;width:176px;height:22px;text-indent:-10000px;}
h3.forgot-password{margin:0;padding:0;background:url(../../i/h3_forgot-password.gif) no-repeat;width:282px;height:22px;text-indent:-10000px;}
h3.login{margin:0;padding:0;background:url(../../i/h3_login.gif) no-repeat;width:87px;height:22px;text-indent:-10000px;}
h3.welcome-to-singtelrace{margin:0;padding:0;background:url(../../i/h3_welcome-to-singtelrace.gif) no-repeat;width:469px;height:22px;text-indent:-10000px;}


/* LOGIN PAGE */
/* INPUT FIELD */
.sign-up_content .ft{border:1px solid #bfbfbf;font-size:10px;height:14px;width:138px;}
.sign-up_content .mt{border:1px solid #bfbfbf;font-size:10px;height:54px;width:258px;font-family:Tahoma, Helvetica, Arial, Verdana, sans-serif;}
.sign-up_content select{font-size:10px;border:1px solid #bfbfbf;}
.sign-up_content .error{display:block;padding-top:1px;}
.sign-up_content .tbl_signup th{vertical-align:top;padding-top:3px;font-size:11px;font-weight:normal;}
.sign-up_content .tbl_signup td{vertical-align:top;padding:0;padding-bottom:5px;}

.sign-up_content .rb input, #rb_SingTelCustomer input, .chk_tnc input, .chk_TermsAndConditions input{float:left;}
.sign-up_content .rb label, #rb_SingTelCustomer label, .chk_tnc label, .chk_TermsAndConditions label{float:left;font-size:11px;padding-top:4px;}

h5.personal-particulars{background:url(../../i/h5_personal-particulars.gif) no-repeat;width:144px;height:12px;text-indent:-10000px;}
h5.contacts{background:url(../../i/h5_contact.gif) no-repeat;width:58px;height:12px;text-indent:-10000px;}

.captcha img{border:1px solid #DDD;}
.captcha label.error, .captcha input{padding-top:4px;margin-right:5px;}
#rb_SingTelCustomer td{width:265px;}

/* GRID GIRL MISSION */

.bullet{list-style:none;margin:0;padding:0;}
.bullet li{background:url(i/gg-mission_bullet.gif) no-repeat 0 12px ;padding:5px 0;padding-left:30px;font-size:17px;line-height:24px;}
#content .topsecret td{font-size:17px;}
#content .topsecret p{line-height:24px;}

#gg_submenu{position:absolute;left:29px;top:155px;list-style:none;margin:0;padding:0;}
#gg_submenu li a{background-repeat:no-repeat;width:68px;height:95px;display:block;background-position:-68px 0;text-indent:-10000px;}
#m_cheryl{background-image:url(../../i/gg-mission_tab_cheryl.gif);}
#m_casey{background-image:url(../../i/gg-mission_tab_casey.gif);}
#m_alex{background-image:url(../../i/gg-mission_tab_alex.gif)}
#m_fadilah{background-image:url(../../i/gg-mission_tab_fadilah.gif)}
#m_siqi{background-image:url(../../i/gg-mission_tab_siqi.gif)}

body.cheryl #m_cheryl,
body.casey #m_casey,
body.alex #m_alex,
body.fadilah #m_fadilah,
body.siqi #m_siqi{background-position:0 0;}	


/* GENERAL
------------------------------------ */
a{color:red;}
input,select{font: 11px/1.1em  Tahoma, Helvetica, Arial, Verdana, sans-serif;}
span.req{color:Red;}
span.note{font-size:9px;}
label.error{color:red;}
br.clear{clear:both;}
#form1{margin:0;padding:0;}	


