﻿#home-page
{
	float: left;
}

#home-page .welcome
{
	border: solid 1px #3c5a83;
	background: #EEF3FF;
	float: left;
	width: 606px;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	font-size: 11px;
}

#home-page .welcome h2
{
	color: #012A62;
	font-weight: bold;
	margin-bottom: 10px;
}
#home-page .welcome span
{
	color: #3c5a83;
}

#home-page .information
{
	float: left;
	width: 627px;
	height: 156px;
	margin: 10px 0px 10px 0px;
	font-size: 11px;
	color: #3c5a83;	
	background: transparent url(../images/home/steps.gif) no-repeat;
}
#home-page .information .btn
{
	background: transparent url(../images/home/uitleg_btn.png) no-repeat;
	width: 96px;
	height: 45px;
	overflow: hidden;
	border: none;
	cursor: pointer;
	margin-top: 95px;
	margin-left: 15px;
	font-size: 11px;
	padding: 5px 9px 8px 5px;
	text-align: center;
}

/* Not Logged In Turbo Part*/
#home-page .turbo-logout
{
	width: 627px;
	float: left;
	height: 180px;
	overflow: hidden;
}
#home-page .turbo-logout #join-box
{
	width: 204px;
	height: 175px;
	background:transparent url(../images/home/bar_bg.gif) repeat-x bottom;
	float:left;
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
#home-page .turbo-logout #join-box .join-box-buttons
{
	float:left;
}
#home-page .turbo-logout #join-box .join-box-buttons input.register
{
	border: none;
	margin: 15px 0 0 0;
	height:34px;
	width: 204px;
	float: left;
	background:transparent url(../images/home/register_go.gif) no-repeat;	
	cursor: pointer;
	font-size: 14px;
	color:#ffffff;
	padding-bottom: 3px;
}
#home-page .turbo-logout #join-box .join-box-buttons input.invite
{
	border: none;
	margin: 35px 0 0 0;
	height:34px;
	width: 204px;
	float: left;
	background:transparent url(../images/home/register.gif) no-repeat;	
	cursor: pointer;
	font-size: 14px;
	color:#ffffff;
	padding-bottom: 3px;
}
#home-page .turbo-logout #join-box .join-box-buttons a.login
{
	border: none;
	margin: 5px 0 0 0;
	height:34px;
	line-height: 34px;
	width: 204px;
	float: left;
	background:transparent url(../images/home/register_go.gif) no-repeat;	
	cursor: pointer;
	font-size: 14px;
	color:#ffffff !important;
	text-align: center;
	text-decoration: none;
	padding-bottom: 3px;
}
#home-page .turbo-logout #join-box h1
{
	font-size: 20px;
	color: #032c63;
	padding: 0;
	margin:10px 0 0 0;
	font-weight:bold;
}

#home-page .turbo-logout #join-box h2
{	
	font-size: 15px;
	color: #677684;
	padding: 0;
	margin:10px 0 0 0;
	font-weight:normal;
	text-align: left;
}


#home-page .turbo-logout .turbo-prize-box
{
	background:transparent url(../images/home/prize_box_bg.gif) no-repeat;
	width: 412px;
	height: 180px;
	float: left;
	margin-left:1px;
}

#home-page .turbo-logout .turbo-prize-box .turbo-long-box
{
	float: left;
	height: 180px;
	width: 138px;
}

#home-page .turbo-logout .turbo-prize-box .turbo-current-prize-box
{
	float: left;
	height: 180px;
	width: 140px;
}

#home-page .turbo-logout .turbo-prize-box .turbo-short-box
{
	float: left;
	height: 180px;
	width: 134px;
}

#home-page .turbo-logout .turbo-prize-box .turbo-long-box div
{
	background:transparent url(../images/home/turbo_prize_area_bg.png) no-repeat;
	height: 22px;
	width: 78px;
	margin: 10px 0 0 54px;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
}

#home-page .turbo-logout .turbo-prize-box .turbo-current-prize-box div
{
	background:transparent url(../images/home/turbo_current_prize_box.png) no-repeat;
	height: 64px;
	width: 127px;
	margin: 25px 0 0 7px;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	padding-right: 15px;
	padding-bottom: 15px;
	color: #ffffff;
}
#home-page .turbo-logout .turbo-prize-box .turbo-current-prize-box div h5
{
	font-size: 16px;
	font-weight: normal;
	padding: 8px 0 0 0;
}

#home-page .turbo-logout .turbo-prize-box .turbo-current-prize-box div span
{
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
}

#home-page .turbo-logout .turbo-prize-box .turbo-current-prize-box div span.euro
{
	font-size: 16px;
	font-weight: bold;
}


#home-page .turbo-logout .turbo-prize-box .turbo-short-box div
{
	background:transparent url(../images/home/turbo_prize_area_bg.png) no-repeat;
	height: 22px;
	width: 78px;
	margin: 10px 0 0 9px;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
}



/* END OF Not Logged In Turbo Part*/

/* Logged In Turbo Part*/
#home-page .turbo-login
{
	float: left;
	height: 202px;
	overflow: hidden;
}

#home-page .turbo-login .turbo-box
{
	float:left;
	width: 338px;
	height: 202px;
	background:transparent url(../images/home/home_ranking_turbo_bg.png) no-repeat;
}

#home-page .turbo-login .turbo-win-slogan
{
	float: left;
	height: 55px;
	padding-top: 5px;
	width: 338px;
	overflow: hidden;
	text-align: center;
}

#home-page .turbo-login .turbo-win-slogan p.turbo-win-slogan-header
{
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	color: #032c63;
}
#home-page .turbo-login .turbo-win-slogan p.turbo-win-slogan-text
{
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #032c63;
}

#home-page .turbo-login .turbo-long-box, #home-page .turbo-login .turbo-short-box
{	
	width: 160px;
	height: 142px;
	float: left;
	overflow: hidden;
}

#home-page .turbo-login .turbo-long-win-amount
{
	height:104px;
	width:84px;
	background:transparent url(../images/home/turbo_long_box_narrow_bg.png) no-repeat;
	text-align: center;
	padding:12px 18px 10px 10px;
	overflow: hidden;
	float:left;
}

#home-page .turbo-login .turbo-short-win-amount
{
	height:104px;
	width:84px;
	background:transparent url(../images/home/turbo_short_box_narrow_bg.png) no-repeat;
	text-align: center;
	padding:12px 10px 10px 18px;
	overflow: hidden;
	float:left;
}

#home-page .turbo-login p.turbo-name-text
{
	padding: 0;
	margin: 2px 0 0 0;
	font-size: 11px;
	font-style: italic;
	color: #0d3469;
}
#home-page .turbo-login p.turbo-win-amount-text
{
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	color: #0d3469;
}


#home-page .turbo-login .turbo-long-money
{
	float: left;
	overflow: hidden;
	margin-top: 60px;
	width: 41px;
	background:transparent url(../images/home/money_left_small.png) no-repeat;	
}

#home-page .turbo-login .turbo-short-money
{
	float: left;
	overflow: hidden;
	margin-top: 60px;
	width: 41px;
	background:transparent url(../images/home/money_right_small.png) no-repeat;
}
/* END OF Logged In Turbo Part*/

#home-page .statistics
{
	float: left;
	margin-top: 15px;
}
#home-page .statistics .box
{
	float: left;
	width: 309px;
	height: 193px;
	border: solid 1px #cccccc;
	margin-right: 5px;
}
#home-page .statistics .last
{
	margin: 0;
	width: 309px;
	overflow: hidden;
}
#home-page .statistics .box h1
{
	background:transparent url(../images/design/title_bg_gray.gif) repeat-x;
	height: 29px;
	float: left;
	width: 299px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	font-size: 12px;
	color: #3F3F3F;
	line-height: 29px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}
#home-page .statistics .box .turbo-box
{
	float: left;
	width: 145px;
	height: 133px;
	border: solid 1px #cccccc;
	margin-top: 15px;
	margin-left: 5px;
	text-align: center;
}
#home-page .statistics .box .turbo-box .turbo-long
{
	height: 89px;
	float: left;
	background:transparent url(../images/home/most_selected_long.png) no-repeat;
	margin-bottom: 10px;
	width: 145px;
}

#home-page .statistics .box .turbo-box .turbo-short
{
	height: 89px;
	float: left;
	background:transparent url(../images/home/most_selected_short.png) no-repeat;
	margin-bottom: 10px;
	width: 145px;
}
#home-page .statistics .box .turbo-box .share-img
{	
	float: left;
	padding-left: 46px;
}
#home-page .statistics .box .turbo-box .share .name
{
	width: 100%;
	height: 20px;
	float: left;
	line-height: 20px;
	color: #336699;
	font-size: 13px;
	font-weight: bold;
	margin: 1px 0px 3px 0px;
}
#home-page .statistics .box #popular-shares
{
	float: left;
	width: 305px;
	height: 162px;
	margin-top: 3px;
	padding-left: 4px;
	overflow: hidden;
}
#home-page .statistics .box #popular-shares .share
{
	width: 58px;
	float: left;
	margin-right: 3px;
	position: relative;
	text-align: center;
}
#home-page .statistics .box #popular-shares .share .shareImg
{
	float: left;
	height: 24px;
	width: 100%;
}
#home-page .statistics .box #popular-shares .share .barImg
{
	float: left;
	width: 100%;
	background: transparent url(../images/home/bar_bg.png);
	font-size: 11px;
	color: #ffffff;
}
#home-page #copyright
{
	width: 100%;
	height: 18px;
	color: #012a62;
	font-size: 11px;
	float: left;
	margin-top: 10px;
}
#home-page .social
{
	color: #012a62;
	font-size: 11px;
	font-weight: bold;
	float: right;
	margin-top: 5px;
	vertical-align: middle;
}
#main #home-page #copyright a
{
	color: #012a62 !important;
}
#home-page #scroll-box
{
	float: left;
	margin-top: 15px;
	width: 678px;
	background: transparent url(../images/design/menu_bg_not_sel.gif);
	background-repeat: repeat-x;
	height: 35px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
}

/* INVITE BUTTON*/
#home-page .invite-friend
{	
	float: left;
	width: 682px;
	height: 40px;
	margin: 20px 0 10px;
}
#home-page .invite-friend .invite
{
	width: 682px;
	height: 40px;
	border: none;
	text-align: center;
	padding: 0 0 3px 20px;
	margin: 0;
	color: #ffffff;
	background: transparent url(../images/home/invite_friends.gif);
	cursor: pointer;
}
/* END OF INVITE BUTTON*/

/*RANK BOX*/
#home-page .middle-box
{
	width: 627px;
	float:left;
	margin: 15px 0px 7px 0px;
}
#home-page .middle-box .rank-box
{
	float: left;
	height: 200px;
	width: 309px;
	border: solid 1px #cccccc;
	margin-right: 4px;
}
#home-page .middle-box .rank-box div.table-header
{
	background:transparent url(../images/design/title_bg_gray.gif) repeat-x;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 0;
	padding-left: 8px;
	line-height: 28px;
	height: 28px;
	margin: 0;
	color: #3f3f3f;
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	width: 301px;
}

#home-page .middle-box .rank-box .items
{
	width: 309px;
	float: left;
	height: 153px;
}
#home-page .middle-box .rank-box .items .item
{
	width: 299px;
	float: left;
	border-bottom: dotted 1px #cccccc;
	color: #012a62;
	font-weight: bold;
	font-size: 11px;
	height: 19px;
	vertical-align: middle;
	margin: 0px 5px 0px 5px;
	padding-top: 5px;
}
#home-page .middle-box .rank-box .items .not-top
{
	color: #707070;
}
#home-page .middle-box .rank-box .items .me
{
	background:transparent url(../images/select/results/me.gif) repeat-x;
	border: none;
	margin: 0;
	padding: 5px 5px 0px 5px;
	color: #ffffff;
}
#home-page .middle-box .rank-box .items .item .name
{
	width: 224px;
	overflow: hidden;
	float: left;
	height: 100%;
}
#main #home-page .middle-box .rank-box .items .item .name a
{
	color: #012a62 !important;
}
#main #home-page .middle-box .rank-box .items .me .name a
{
	color: #ffffff !important;
}
#main #home-page .middle-box .rank-box .items .not-top .name a
{
	color: #707070 !important;
}
#home-page .middle-box .rank-box .items .item .point
{
	width: 75px;
	float: right;
	text-align: right;
	height: 100%;
	line-height: 18px;
}
#home-page .middle-box .rank-box .items .item .point .current
{
	width: 37px;
	float: left;
	height: 100%;
	line-height: 18px;
}
#home-page .middle-box .rank-box .items .item .point .prev
{
	font-size: 10px;
	margin-left: 3px;
	width: 35px;
	float: left;
	height: 100%;
	line-height: 18px;
}
#home-page .middle-box .rank-box .items .item .point .small { color: #ff0000; }
#home-page .middle-box .rank-box .items .item .point .big { color: #4ea74e; }
#home-page .middle-box .rank-box .link
{
	float: right;
	font-size: 14px;
	margin-right: 5px;
}
#main #home-page .middle-box .rank-box .link a
{
	text-decoration: none;
	color: #012a62 !important;
	font-weight: bold;
	font-size: 11px;
}
#home-page .middle-box .rank-box .link a:hover
{
	text-decoration: underline;
}
#home-page .middle-box .rank-box .link a img
{
	margin: 0px 0px 0px 2px;
	width: 3px;
	height: 5px;
}
