@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-size:12px;
	color:#0c0c0c;
	background: #dcdcdc url(http://www.surf4bux.com/themes/GeN4/images/bdybg.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
* {
	outline:none;
}
.clr {
	clear:both;
	height:0;
	overflow:0;
}
div, h1, h2, h3, h4, p, ul, li, form {
	margin:0;
	padding:0;
}
a, img {
	border:none;
	outline:none;
	text-decoration:none;
}
p {
	font-weight: normal;
	line-height: 17px;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
}
a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#333;
	text-decoration:none;
}
a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#999;
	text-decoration:underline;
}
a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000;
	text-decoration:none;
}
/*Wrapper*/
.wrapper {
	width: 1064px;
	margin: 0 auto;
	padding-top: 6px;
}
/*Header*/
.header {
	height: 81px;
}
.header .logo {
	float: left;
	background:url(http://www.surf4bux.com/themes/GeN4/images/logo.png) no-repeat;
	width:201px;
	height:70px;
	position:relative;
}
.header .logo h1 a {
	text-indent:-3500px;
	display: block;
	width:201px;
	height:70px;
}
.header .logo .slogan {
	position:absolute; 
	bottom:7px; 
	left: 122px;
	width: 250px;
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
.header .topnav {
	float: right;
	height: 24px;
	width: 347px;
	background: url(http://www.surf4bux.com/themes/GeN4/images/topnavBg-trans.png) no-repeat;
}
.header .topnav ul {
	list-style:none;
	padding-left: 32px;
}
.header .topnav li {
	list-style:none;
	float:left;
	color:#1b1f22;
}
.header .topnav li a {
	display:block;
	text-decoration:none;
	color:#1b1f22;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 10px;
}
.header .topnav li a:hover {
	text-decoration:underline;
}
/*Navigation*/
.nav {
	height:45px;
}
.nav ul {
	list-style:none;
}
.nav li {
	list-style:none;
	float:left;
}
.nav li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color:#843600;
	font-size: 15px;
	font-weight: bold;
	line-height: 45px;
	border-right:1px solid #f29313;
	padding:0 15px 0 11px;
}
.nav li a:hover {
	text-decoration:none;
	color:#333;
}
.nav li a.active {
	background:#ad0236;
	color:#fff;
}
.index .left {
	width: 700px;
	margin: 33px 0 0 0;
	float: left;
}

.index .left .line { background: url(images/horz-border.jpg) repeat-x left; height: 6px; margin: 40px 0 40px -41px; }
.index .left .advertise { margin: 0 0 50px; }
.index .left p { width: 615px; line-height: 18px; }
.index .left a {
	background: url(images/index_submit.jpg) no-repeat;
	width: 99px; height: 23px;
	margin: 0 95px 0 auto; padding: 7px 0 0 9px;
	display: block;
	
	color: #ffffff;
	text-decoration: none;
}

.index .right {
	width: 345px;
	margin: 20px 0 0 -50px;
	float: left;
	position: relative;
	z-index: 999;
}
.index .right .news { background: url(images/news_top.png) no-repeat top; width: 100%; padding: 11px 0 0; color: #251d03; }
.index .right .news .inner { background: url(images/news_back.png) repeat-y; width: 100%; height: 536px; padding: 7px 0 0; overflow: hidden; }
.index .right .news h1 {
	background: url(images/news_icon.jpg) no-repeat;
	width: auto; height: 21px;
	margin: 0 0 0 18px; padding: 10px 0 10px 45px;
	border: 0;
}
.index .right .news .inner ul { width: 280px; }
.index .right .news .inner ul li {
	list-style: url(images/news_arr.jpg);
	padding: 8px 0;
	border-bottom: 1px dotted #aaa79d;
}
.index .right .news .inner ul li a { color: #000000; text-decoration: none; }
.index .right .news .inner ul li a:hover { text-decoration: underline; }
.index .right .news .foot { background: url(images/news_foot.png) no-repeat; width: 100%; height: 13px; }
.index .right .payment { margin: 10px 0; }
.index .right .payment img { vertical-align: middle; border: 0; }

.index .cashout {
	width: 1032px;
	margin: -55px auto 18px -25px;
	float: left;
}
.index .cashout h1 {
	background: url(images/index_cash.jpg) no-repeat;
	width: 200px; height: 25px;
	margin-left: 8px; padding: 14px 0 0 45px;
	border: 0;
}
.index .cashout .cashouts {
	background: url(images/cashout_back.jpg) repeat-x;
	width: 100%; height: 121px;
}
.index .cashout .cashouts div { margin: 0; }
.index .cashout .cashouts .left { background: url(images/cashout_left.jpg) no-repeat; width: 11px; height: 100%; float: left; }
.index .cashout .cashouts .mid { float: left; }
.index .cashout .cashouts .mid div { width: 197px; height: 80px; margin: 3px 0 0; padding: 37px 0 0 8px; float: left; border-right: 1px solid #d2d1d1; }
.index .cashout .cashouts .mid div img { float: left; }
.index .cashout .cashouts .mid div p { margin: 0 0 0 10px; float: left; color: #21778a; }
.index .cashout .cashouts .mid div p span { color: #5c5c5c; font-size: 13px; height: 10px; display: block; }
.index .cashout .cashouts .mid div.first { width: 188px; padding-left: 1px; }
.index .cashout .cashouts .mid div.last { width: 193px; border: 0; }
.index .cashout .cashouts .right { background: url(images/cashout_right.jpg) no-repeat; width: 11px; height: 100%; float: left; }
/*	--- END Index	---	*/

/*	---	FAQ	---	*/
.faqs { margin: 35px 0 0; }
.faqs h1 { width: 40px; margin: 0 0 15px; }
.faqs h2, .faqs h3 { 
	background: url(images/faq_arr.jpg) no-repeat left center;
	margin: 0 0 15px 3px; padding: 0 0 0 20px;
	height: 15px;
	
	color: #ed9301;
	font-size: 12px;
}
.faqs h3 { background: none; color: #8a8a8a; }
.faqs p { width: 750px; margin: 0 0 10px 43px; }
.faqs ul { margin-left: 87px; }
.faqs table { background-color: white; margin: 0 0 10px 43px; border: 1px solid #000000; border-right: 0; border-bottom: 0; }
.faqs table th { background: #ebebeb; border: 1px solid #000000; border-top: 0; border-left: 0; }
.faqs table td { padding-left: 5px; border: 1px solid #000000; border-top: 0; border-left: 0; }
.faqs table.maxrrefs td, .faqs table.maxrrefs th { width: 125px; }
/*	--- END FAQ	---	*/

/*	---	TERMS && Privacy	---	*/
.terms h1 { width: 135px; }

.privacy h1 { width: 110px; }

/*	--- END TERMS && Privacy	---	*/

/*	---	CONTACT	---	*/
.contacts { margin: 20px 0 0; }
.contacts h1 { width: 85px; }
.contacts .left { width: 700px; margin: 0 0 0 20px; float: left; }

.contacts form div.text { width: 238px; margin: 0 auto 5px; }
.contacts form div.captcha { margin: 0 auto 22px; }

.contacts form div.buttons { width: 186px; margin: 15px auto; }

.contacts .right { float: left; }
.contacts .right div {
	background: url(images/contact_back.jpg) repeat-x;
	width: 252px; height: 36px;
	margin-bottom: 9px;
}
.contacts .right div label {
	width: 71px; height: 23px;
	padding: 10px 0 0 60px;
	display: inline-block;
	
	color: #2b6876;
	font-size: 12px;
	font-weight: bold;
}
.contacts .right .phone label{ background: url(images/con_phone.jpg) no-repeat 11px 6px; }
.contacts .right .email label{ background: url(images/con_email.jpg) no-repeat 6px 6px; }
.contacts .right .address label { background: url(images/con_address.jpg) no-repeat 1px 0; }
/*	--- END CONTACT	---	*/

/*	--- LOGIN	---	*/
#login { margin: 20px 0 0; }
#login h1 { width: 43px; }
#login form label { width: 150px; }
#login form div.text { width: 261px; margin: 0 0 5px 140px; color: #ed9301; font-weight: bold; }
#login form div.captcha { margin: 0 0 22px 170px; }
.login form div.buttons { width: 235px; margin: 15px 0 0 150px; }
.login form div.buttons input { float: left; }
.login form div.buttons a {
	background: url(images/input_long.jpg) no-repeat;
	width: 143px; height: 24px;
	padding: 8px 0 0;
	float: left;
	
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
/* KEYBOARD */
#login #keyboard {
	background: #f4f4f4;
	width: 285px;
	margin: 10px 0 10px 118px; padding: 3px;
	border: 1px solid #d0d0d0;
}
#login #keyboard div { margin: 0; }
#login #keyboard a {
	width: 20px; height: 15px;
	display: inline-block;
	margin: 1px; padding: 3px 0 0;
	border: 1px solid #d0d0d0;
	text-align: center;
	cursor: pointer;
	
	color: #575757;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
}
#login #keyboard #space { margin-left: 80px }
#login #keyboard #space a { width: 100px; }

#login #keyboard #shift {
	width: 53px;
}
#login #keyboard #caps {
	width: 40px;
}
/* END KEYBOARD */
/*	--- END LOGIN	---	*/

/*	--- REGISTER	---	*/
.register h1 { width: 100px; }
.register form p.border { width: 100%; margin: 0 0 21px -41px; border-top: 1px solid #ededed; }
.register form div.ftext { margin-left: 110px; color: #606060; }
.register form div label a { color: #ed9301; }
.register form span { color: #ed9301; }
.register form div.text { width: 275px; }
.register form div.terms label { width: 240px; vertical-align: middle; }
.register form div.terms img { vertical-align: middle; }
/*	--- END REGISTER	---	*/

/*	--- ADVER	---	*/
.adver h1 { width: 290px; }
.adver .plans { margin: 0 0 15px 0; }
.adver .plans h1 { width: 180px; }
.adver .plans div {
	margin: 0 0 10px; padding: 0 0 0 68px;
}
.adver .left div a { background: none; width: auto; margin: 0; padding: 0; color:#000000; display: inline; }
.adver .left div a:hover {text-decoration: underline;}
.adver .plans div.Advanced { background: url(images/adver_adv.jpg) no-repeat; height: 66px; }
.adver .plans div.Simple { background: url(images/adver_sim.jpg) no-repeat; height: 66px; }
.adver .plans div.Banner { background: url(images/adver_ban.jpg) no-repeat; height: 66px; }

.adver .plans h2 { background: none; margin: 0 0 5px 0; padding: 0; }
.adver .plans h2 a {
	background: none;
	height: 15px;
	margin: 0; padding: 0;
	display: inline;
	
	color: #ed9301;
	font-size: 12px;
}
.adver .plans h2 span {	color: #c00a0a; font-size: 10px; }
.adver .plans p { margin: 0; }
/*	--- END ADVER	---	*/

/*	--- ADS	---	*/
.ads h1 { width: 100px;  }
.ads #surf_ads {
	background: url(images/horz-border.jpg) repeat-x bottom;
	height: 25px;
	margin: 0 100px 0 0;
	float: right;
	
	color: #126e84;
	font-size: 13px;
}
.ads .surf {
	background: url(images/surf_back.jpg) repeat-x;
	width: 950px; height: 64px;
	margin-bottom: 4px;
}
.ads .row2 { background: url(images/surf2_back.jpg) repeat-x; }
.ads .surf .left {
	background: url(images/surf_left.jpg) no-repeat;
	width: 7px; height: 64px;
	float: left;
}
.ads .row2 .left { background: url(images/surf2_left.jpg) repeat-x; }
.ads .surf .image, .ads .surf .image2 {
	background: url(images/surf_icon.png) no-repeat 8px 2px;
	width: 80px; height: 64px;
	float: left;
}
.ads .surf .image2 { background: url(images/surf_clicked.png) no-repeat 8px 2px; }
.ads .surf .mid {
	width: 680px;
	padding: 0 0 0 13px;
	float: left;
}
.ads .surf .mid div .cont { margin: 13px 0 0; float: left; }
.ads .surf .mid div div div a { color: #126e84; font-size: 16px; text-decoration: none; }
.ads .surf .mid div div div.desc { color: #8f8f8f; }
.ads .surf .mid .bold { font-weight: bold; }
.ads .surf .mid .highlight { background: #dbe6e9; }
.ads .surf .counter, .ads .surf .cash {
	background: url(images/surf_time_back.jpg) repeat-x;
	width: 100px; height: 42px;
	padding: 22px 0 0;
	float: left;
	
	color: #ffffff;
	font-size: 15px;
	text-align: center;
}
.ads .surf .cash {
	background: url(images/surf_cash_back.jpg) repeat-x;
	width: 60px;
}
.ads .surf .right {
	background: url(images/surf_right.jpg) no-repeat;
	width: 10px; height: 64px;
	float: left;
}
.ads .surf .invis { background: url(images/viewad1.png) no-repeat; width: 677px; height: 41px; margin: 17px 0 0; display: none; }
.ads .surf .invis img { border: 0; }
.ads .surf .premium { margin: 5px 5px 0 0; float: right; }
/*	--- END ADS	---	*/

/*	--- MENU	---- */
#menu {
	background: url(images/menu_back.jpg) repeat-y;
	width: 223px;
	margin: 40px 0 10px 5px;
	float: left;
	
	font-size: 12px;
}
#menu .top { background: url(images/menu_2.jpg) no-repeat; height: 12px; }
#menu h1 {
	width: 160px; height: 25px;
	margin: 0 0 0 10px; padding: 6px 0 0 35px;
	border-bottom: 2px dotted #bebebe;
	
	color: #126e84;
	font-size: 14px;
}
#menu h1.global { background: url(images/global.jpg) no-repeat; }
#menu h1.settings { background: url(images/settings.jpg) no-repeat; }
#menu h1.referrals { background: url(images/referrals.jpg) no-repeat; height: 24px; padding-top: 3px; }
#menu h1.purchase { background: url(images/purchase.jpg) no-repeat; height: 25px; padding-top: 3px; }
#menu h1.jackpots { background: url(images/jackpots.jpg) no-repeat; }
#menu h1.logs { background: url(images/logs.jpg) no-repeat; height: 23px; padding-top: 3px; }
#menu ul { margin: 7px 0 16px 8px; padding: 0; list-style: none; }
#menu ul li a { color: #000000; text-decoration: none; line-height: 18px; }
#menu ul li a:hover { text-decoration: underline; }
#menu .foot { background: url(images/menu_foot.jpg) no-repeat; height: 13px; }
/*	--- END MENU	---- */

#inner { width: 790px; margin: 40px 0 0 20px; float: left; }
#inner h1 {
	width: 200px; height: 25px;
	margin: 0 0 10px 0; padding: 6px 0 0 0;
	border-bottom: 2px dotted #bebebe;
	
	color: #4b8fb2;
	font-size: 14px; 
}
.alone {
	background: url(images/alone_back.jpg) repeat-y;
	width: 705px;
	padding: 0 0 0 10px;
}
.alone .top { background: url(images/alone_top.jpg) no-repeat; width: 705px; height: 11px; margin-left: -10px; }
.alone .foot { background: url(images/alone_foot.jpg) no-repeat; width: 705px; height: 13px; margin-left: -10px; }
.alone .top .chart { margin: 60px 0 0 0;}
.alone div { width: 690px; }
.alone p { width: 695px; }
.center { text-align: center; }

/*	---	TABLE	--- */
.alone table { width: 650px; margin: 15px auto; border-spacing: 0 2px; }
.alone table thead tr { background: url(images/table_head.jpg) repeat-x; height: 34px; }
.alone table thead tr th { height: 34px; color: #ffffff; }
.alone table thead tr th a { color: #ffffff; text-decoration: none; }
.alone table thead tr th a:hover { text-decoration: underline; }
.alone table .first { padding-left: 10px; text-align: left; }
.alone table tr { height: 35px; }
.alone table tr.row2 { background: #e7f0f2; }
.alone table tr td { border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; color: #106c82; text-align: center; }
.alone table tr td a { color: #106c82; text-decoration: none; }
.alone table tr td a:hover { text-decoration: underline; }
.alone table td.first { margin-left: 1px; border-left: 1px solid #e6e6e6; }
.alone table td.last { margin-right: 1px; border-right: 1px solid #e6e6e6; }
/*	--- END TABLE	--- */

/*	---	ACCOUNT	---	*/


.acc #inner h1 {
	width: 200px; height: 25px;
	margin: 0 0 0 10px; padding: 6px 0 0 35px;
}
.acc .mid {
	background: url(images/acc_midback.jpg) repeat-y;
	width: 275px;
	margin: 0 0 0 15px;
	float: left;
}
.acc .mid .top { background: url(images/acc_midtop.jpg) no-repeat; height: 10px;}
.acc #inner .mid h1.stats { background: url(images/acc_stats.jpg) no-repeat; height: 28px; }.acc #inner .mid h1.funds { background: url(images/acc_funds.jpg) no-repeat; height: 26px; }
.acc .mid ul { margin: 10px 0 10px 13px; padding: 0; list-style: none; line-height: 18px; }
.acc .mid ul li a { color: #000000; text-decoration: none; }
.acc .mid ul li a:hover { text-decoration: underline; }
.acc .mid .foot { background: url(images/acc_midfoot.jpg) no-repeat; height: 13px; }

.acc .right {
	background: url(images/acc_rightback.jpg) repeat-y;
	width: 375px;
	margin: 0 0 0 40px;
	float: left;
}
.acc .right .top { background: url(images/acc_righttop.jpg) no-repeat; height: 10px; }
.acc #inner .right h1 { background: url(images/acc_graph.jpg) no-repeat; width: 300px; height: 26px; padding-top: 10px; }
.acc .right .chart { margin: 10px 0 0; text-align: center; }
.acc .right .foot { background: url(images/acc_rightfoot.jpg) no-repeat; height: 13px; }

/*	--- END	ACCOUNT	---	*/


/*	--- BANNERS	---	*/

.banners .alone input {
	background: #f2f7f9;
	width: 335px; height: 24px;
	padding: 6px 5px 0;
	border: 1px solid #d1d1d1;
	
	color: #6d6f70;
}
.banners img { border: 5px solid #dcdcdc; }
.banners p { text-align: center; }
/*	--- END	BANNERS	---	*/

/*	--- MESSAGES	---	*/
.messages a.button {
	background: url(images/button+.jpg) no-repeat;
	width: 135px; height: 23px;
	margin: 0 0 10px; padding: 6px 0 0 23px;
	display: block;
	
	color: #ffffff;
	text-decoration: none;
}

.messages form { margin: 0; }
.messages table.newmsg td { border: 1px solid #e6e6e6; font-weight: bold; }
.messages table.newmsg td label { width: 50px; display: inline-block; }
.messages form input, .messages form textarea { 
	background: #ebebeb;
	width: 200px; height: 15px;
	padding: 4px 0 4px 5px;
	border: 1px solid #dadada;
	
	color: #878787;
	font-size: 12px;
	font-weight: bold;
}
.messages form textarea { width: 500px; height: 200px; margin: 5px; }
.messages form input.submit {
	background: url(images/input_long.jpg) center no-repeat;
	width: 143px; height: 32px;
	margin: 5px; padding: 0;
	border: 0;
	
	color: #ffffff;
	cursor: pointer;
}

.messages .reply, .messages .delete {
	background: url(images/msg_reply.jpg) no-repeat;
	width: 52px; height: 23px;
	margin: 3px 0 2px; padding: 6px 0 0 14px;
	display: inline-block;
	
	color: #ffffff;
}
.messages .delete { background: url(images/msg_del.jpg) no-repeat; }
/*	--- END	MESSAGES	---	*/

/*	--- PREFS	---	*/
.prefs #inner form { margin-top: 0; }
.prefs #inner form label { width: 140px; }
.prefs #inner form input.small { width: 140px; }
.prefs #inner form .info { color: #878787; }
.prefs #inner form .buttons { text-align: center; }
.prefs #inner form .buttons input { background: url(images/input_long.jpg) no-repeat; width: 143px; }
.prefs #inner form img { vertical-align: middle; }
/*	--- END	PREFS	---	*/

/*	--- STATS	---	*/
.stats #inner .chart { margin: 0 0 20px 3px; width: 340px; float: left; }
.stats #inner .chart div { width: 340px; }
/*	--- END	STATS	---	*/

/*	--- DREFS	---	*/
.drefs #inner h1 { width: 115px; }
.drefs #inner .chart div { margin: 5px 0 7px; }
.drefs #inner table div { width: 635px; }
.drefs #inner .buttons { text-align: center; padding: 0; }
/*	--- END	DREFS	---	*/

/*	--- RREFS	---	*/
.rrefs #inner h1 { width: 120px; }
.rrefs #inner .special { width: 100%; }
.rrefs #inner td form { margin: 0; }
.rrefs #inner td form input { vertical-align: middle; }
.rrefs #inner td.recyc { text-align: center; }
.rrefs #inner td.recyc input { width: 66px; height: 29px; margin: 5px 0; padding: 0 0 0 5px; border: 0; color: #ffffff; }
.rrefs #inner td.recyc input.yes { background: url(images/msg_reply.jpg) no-repeat; }
.rrefs #inner td.recyc input.no { background: url(images/msg_del.jpg) no-repeat; }
/*	--- END	RREFS	---	*/

/*	--- JACKPOT	---	*/
.jackpot #inner h1 { width: 55px; }
.jackpot #inner form { margin: 0px; }
.jackpot #inner .jacktbl { width: 440px; margin: 0; padding: 0; float: left; }
.jackpot #inner .jacktbl table { width: 440px; margin: 0; padding: 0; border: 0; border-spacing: 0; }
.jackpot #inner .jacktbl table tr { height: 42px; }
.jackpot #inner .jacktbl table td { width: 42px; margin: 0; padding: 2px 2px 0 0; border: 0; }
.jackpot #inner input { width: 42px; height: 42px; margin: 0; padding: 0; border: 0; color: #ffffff; }
.jackpot #inner input.available { background: #107b97; cursor: pointer; }
.jackpot #inner input.bought { background: #ab543d; }
.jackpot #inner input.yourticket { background: #105097; }

.jackpot #inner .right { width: 223px; margin: 0 0 0 10px; float: left; }
.jackpot #inner .right .box { background: url(images/jack_smallB.jpg) repeat-y; width: 223px; margin: 25px 0 10px 0; color: #5e6b80; }
.jackpot #inner .right .box .top { background: url(images/jack_smallT.jpg) no-repeat; width: 223px; height: 10px; margin: 0; }
.jackpot #inner .right .box .foot { background: url(images/jack_smallF.jpg) no-repeat; width: 223px; height: 10px;  margin: 0; }
.jackpot #inner .right h2 {
	background: url(images/jack_bal.jpg) no-repeat;
	width: auto; height: 22px;
	margin: 0 15px 0 11px; padding: 4px 0 0 55px;
	border-bottom: 1px solid #e3e3e3;
	
	color: #004da4;
	font-size: 14px;
}
.jackpot #inner .right p { width: 197px; margin: 10px 15px 0 11px; }
.jackpot #inner .right .info div { clear: both; width: 197px; margin: 0 15px 10px 11px; padding: 0 0 0; text-align: left; }
.jackpot #inner .right .info div input { margin: 0 10px 0 0; float: left; }

.jackpot #inner table .first { text-align: center; }

.minij #inner h1 { width: 95px; }
.refj #inner h1 { width: 120px; }
.mrefj #inner h1 { width: 155px; }
/*	--- END JACKPOT	---	*/

/*	--- MEGA JACKPOT	---	*/
.megajackpot #inner h1 { width: 100px; }
.megajackpot #inner .gray { background: #ffebeb; width: 650px; margin: 10px 0 0 15px; padding: 5px 0; border: 1px solid #cfcfcf; color: #002052; font-size: 12px; text-align: center; }
.megajackpot #inner .gray p { margin: 0; }
.megajackpot #inner .line { width: 697px; margin-left: -7px; }
.megajackpot #inner input { background: url(images/submit.jpg) no-repeat; width: 81px; height: 32px; margin: 5px 0; font-size: 13px; cursor: pointer; }

.megajackpot #inner .left { width: 387px; float: left; }
.megajackpot #inner .left h2 { width: 115px; margin: 0 0 10px 100px; float: left; color: #004da4; font-size: 16px; }
.megajackpot #inner .left h2 small { color: #002e62; font-size: 10px; font-weight: normal; }
.megajackpot #inner .left h3 { width: auto; margin: 3px 0 0 10px; float: left; color: #002e62; font-size: 24px; }
.megajackpot #inner .left div { width: 386px; margin: 0 auto; }
.megajackpot #inner .left .gray { width: 313px; }
.megajackpot #inner .left .prizes { background: url(images/mega_prizes.jpg) no-repeat; width: 386px; height: 50px; }
.megajackpot #inner .left .prizes tr { height: auto; }
.megajackpot #inner .left .prizes td { border: 0; color: #000000; }
.megajackpot #inner .right { margin: 0 0 0 30px; }
/*	--- END MEGA JACKPOT	---	*/

/*	--- BUY UPGRADE	---	*/
.upgrade #inner h1 { width: 230px; }
.upgrade #inner form { margin: 0; }
.upgrade #inner .left { width: 449px; float: left; }
.upgrade #inner .package { background: url(images/gray_box.jpg) no-repeat; width: 429px; height: 51px; padding: 10px 0 0 20px; }
.upgrade #inner .package h2, .upgrade #inner .upgtime h2 { color: #126e84; font-size: 14px; display: inline-block; }
.upgrade #inner .package select { margin: 0 0 0 20px; padding: 0 3px 3px; font-size: 14px; }
.upgrade #inner .left table{ width: 449px; }
.upgrade #inner table thead td { color: #ffffff; }
.upgrade #inner table td.first { text-align: left; }
.upgrade #inner .right .none { background: none; padding: 0; }

.upgrade #inner .upgtime { background: url(images/buy_box.jpg) no-repeat left; width: 384px; padding: 15px 0 0 40px; font-size: 14px; }

.upgrade #inner .upgtime p { width: 10px; display: inline-block; font-size: 14px; vertical-align: middle; text-align: right; }
.upgrade #inner .upgtime p input { width: 10px; height: auto; vertical-align: baseline; }
.upgrade #inner .submit { width: 684px; height: 100px; padding: 0; }
.upgrade #inner .submit p { width: 550px; margin: 20px 0 0 20px; color: #5c697f; text-align: left; display: inline-block; }
.upgrade #inner .submit input { background: url(images/submit.jpg) no-repeat; width: 81px; height: 33px; vertical-align: baseline; padding: 0; cursor: pointer; }
/*	--- END BUY UPGRADE	---	*/

/*	--- BUY RREFS	---	*/
.purchrefs #inner h1 { width: 135px; }
.purchrefs #inner .left { width: 448px; float: left; }
.purchrefs #inner .left .graybox { background: url(images/gray_box.jpg) no-repeat; width: 449px; height: 60px; overflow: hidden; margin: 25px 0 0 0;}
.purchrefs #inner .left .graybox h2 { background: url(images/errorIcon.jpg) no-repeat; height: 23px; margin: 14px 0 0 21px; padding: 8px 0 0 45px; color: #126e84; font-size: 14px; font-weight: bold; }

.purchrefs #inner .left .bigbox { background: url(images/box_back.jpg) repeat-y; width: 451px; margin: 15px 0 0; }
.purchrefs #inner .left .bigbox .top { background: url(images/box_top.jpg) no-repeat; width: 100%; height: 9px; margin: 0; }
.purchrefs #inner .left .bigbox .foot { background: url(images/box_foot.jpg) no-repeat; width: 100%; height: 9px; margin: 0; }
.purchrefs #inner .left .bigbox h2 { margin: 8px 11px 0 7px; padding: 0 0 5px; border-bottom: 2px solid #e3e3e3; color: #004da4; font-size: 14px; }
.purchrefs #inner .left .bigbox ul li { color: #001536; font-size: 13px; margin-left: 10% }
.purchrefs #inner .left .bigbox ul li a { color: #001536; font-size: 13px; text-decoration: none; }
.purchrefs #inner .left .bigbox ul li a:hover { text-decoration: underline; }


/*	--- END BUY RREFS	---	*/

/*	--- HISTORY	---	*/
.history #inner h1 { width: 50px; }
/*	--- END HISTORY	---	*/

/*	--- CASHOUT	---	*/
.cashout #inner h1 { width: 92px; }
.cashout #inner .cashpin { width: 70px; }
.cashout #inner .buttons input {
	background: url(images/input_long.jpg) no-repeat center;
	width: 143px; height: 33px;
	padding: 0;	
}
.cashout #inner a { color: #000000; text-decoration: none; }
.cashout #inner a:hover { text-decoration: underline; }
/*	--- END CASHOUT	---	*/

/*	--- ADVPANEL	---	*/
.advpanel #inner h1 { width: 118px; }
.advpanel #inner h1.camp { width: 95px; }
.advpanel #inner h1.addclicks { width: 210px; }
.advpanel #inner h1.chngtime { width: 170px; }
.advpanel #inner h1.geographic { width: 135px; }
.advpanel #inner h1.activeAd { width: 185px; }
.advpanel #inner h1.pausedAd { width: 195px; }
.advpanel #inner h1.deletedAd { width: 180px; }

.advpanel #inner .add_camp a {
	background: url(images/input_long.jpg) center no-repeat;
	width: 143px; height: 24px;
	margin: 0 20px 0 auto; padding: 8px 0 0;
	display: block;
	
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.advpanel #inner a { font-weight: bold; }
.advpanel #inner p a { color: #000000; }
.advpanel #inner a.active { background: url(images/active.png) no-repeat center; width: 17px; height: 17px; display: inline-block; }
.advpanel #inner a.paused { background: url(images/paused.png) no-repeat center; width: 17px; height: 17px; display: inline-block; }
.advpanel #inner a.geo { background: url(images/geo.png) no-repeat center; width: 23px; height: 19px; display: inline-block; }
.advpanel #inner a.delete { background: url(images/trash.png) no-repeat center; width: 15px; height: 16px; display: inline-block; }
.advpanel #inner form label { width: 175px; }
.advpanel #inner form img { vertical-align: middle; }
.advpanel #inner form .buttons { text-align: center; }
.advpanel #inner form .buttons input { background: url(images/input_long.jpg) no-repeat; width: 143px }
.advpanel #inner ul { margin-left: 15px; padding: 0; line-height: 20px; }
/*	--- END ADVPANEL	---	*/

/*	--- FUNDS	---	*/
.funds #inner h1 { width: 158px; }

.funds #inner .bigbox { background: url(images/box_back.jpg) repeat-y; width: 451px; margin: 15px auto 0; }
.funds #inner .bigbox .top { background: url(images/box_top.jpg) no-repeat; width: 100%; height: 9px; margin: 0; }
.funds #inner .bigbox .foot { background: url(images/box_foot.jpg) no-repeat; width: 100%; height: 9px; margin: 0; }

.funds #inner .bigbox form { margin: 10px 0 0 20px; }
.funds #inner .bigbox form label { width: 90px; }
.funds #inner .bigbox form input { width: 75px; }
.funds #inner .bigbox form div { width: 451px; text-align: center; }
.funds #inner .bigbox form .buttons input { width: 81px; }
.funds #inner .bigbox p { width: 400px; margin: 10px; line-height: 18px; }
/*	--- END FUNDS	---	*/

/*	--- VERIFICATION	---	*/
.verification h1 { width: 160px; }
/*	--- END VERIFICATION	---	*/

/*	--- CASHPIN	---	*/
.cashpin h1 { width: 170px; }
.cashpin h1.secret { width: 220px; }
.cashpin h1.reset { width: 170px; }
.cashpin h1.resend { width: 240px; }
.cashpin label { width: 100px; }
.longer label { width: 150px; }
.cashpin .buttons input { 
	background: url(images/input_long.jpg) no-repeat center;
	width: 143px; height: 32px;
}
.cashpin div.buttons a {
	background: url(images/input_long.jpg) no-repeat;
	width: 143px; height: 24px;
	margin: 0 10px 0 0;padding: 8px 0 0;	float: left;
	
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
/*	--- END CASHPIN	---	*/

/*	--- ADVERTISE	---	*/
.advert h1 { width: 75px; }
.advert p.border { width: 100%; margin: 20px 0 21px -41px; border-top: 1px solid #ededed; }
.advert .buttons input {
	background: url(images/input_long.jpg) no-repeat center;
	width: 143px; height: 32px;
}
.banner h1 { width: 140px; }

/*	--- END ADVERTISE	---	*/

/*	--- PAGES	---	*/
.page {
	width: 670px; height: 18px;
	margin: 5px auto 10px -20px;

	color: #575757;
	text-align: right;
	font-size: 11px;
}
.page .blue { background: #e8e8e8; height: 16px; padding: 2px 10px 0; border: 1px solid #d0d0d0; color: #818181; }
.page span { background: #f4f4f4; width: auto; height: 16px; padding: 2px 5px 0; border: 1px solid #d8d8d8; display: inline-block; color: #575757; }
.page span a { color: #575757; text-decoration: none; }
/*	--- END	PAGES	---	*/

/*	--- FORUM	---	*/
.forum { width: 100%; padding: 0; }
.forum form { margin: 0; }
.forum .bread { margin: 10px 0 6px; }
.forum .bread ul li { vertical-align: middle; color: #000000; font-size: 11px; }
.forum .bread ul li a { color: #000000; text-decoration: none; font-size: 11px; }
.forum .search { margin: 10px 6px 6px; float: right; }
.forum .search input { background: url(images/search_back.jpg) no-repeat; width: 198px; height: 24px; border: 0; vertical-align: top; padding: 9px 5px 0; }
.forum .search form .sbutton, .spage form .search .sbutton { background: url(images/search_but.jpg) no-repeat; width: 101px; height: 33px; }
.forum .new_topic { text-align: right; margin: 5px; }
.forum .new_topic a{ background: url(images/new_topic.png) no-repeat; width: 75px; height: 28px; display: inline-block; }
.forum .line { margin: 20px 0; }

.forum .main { width: 100%; }
.forum .main .cat, .forum .view .cat { background: url(images/cat_back.jpg) repeat-x; width: 100%; height: 31px; padding: 0 0 0 31px; color: #ffffff; font-weight: bold; font-size: 15px; text-align: left; }
.forum .main .cat a, .forum .view .cat a {display: inline; color: #ffffff; margin: 0 auto 0 0; }
.forum .main .headers, .forum .view .headers { background: url(images/info_back.jpg) repeat-x; width: 100%; height: 24px; color: #ed9301; }
.forum .main .headers .col1, .forum .view .headers .col1 { padding-left: 45px; border-left: 1px solid #e3e3e3; text-align: left; }
.forum .main .headers .small { width: 100px; }
.forum .main .headers th { border: 0; }
.forum .main .row1 td.space, .forum .main .row2 td.space, .forum .view .row1 td.space, .forum .view .row2 td.space { background: none; width: 16px; border: 0; }
.forum .main .row2 td, .forum .view .row2 td { background: #ffffff; }
.forum .main .row1 td, .forum .view .row1 td { background: #f1f1f1; }

.forum .main .col1, .forum .main .col4 { width: 350px; padding: 0 0 0 14px; border-left: 1px solid #e3e3e3; text-align: left; }
.forum .main .col1 img { float: left; }
.forum .main .col1 div { margin: 0 0 0 15px; float: left; color: #8a8a8a; }
.forum .main a { color: #8a8a8a; font-size: 14px; font-weight: bold; display: block; }
.forum .main .small { width: 100px; border-left: 1px solid #e3e3e3; }
.forum .main .col4 { width: auto; padding: 0 0 0 40px; border-right: 1px solid #e3e3e3; }
.forum .main .col4 a { font-size: 12px; text-decoration: none; }
.forum .main td { height: 50px; text-align: center; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; color: #8a8a8a; }
.forum .main td.empty, .forum .view td.empty { height: 3px; line-height: 3px; border: 0; }

.fbanner {margin:200 0 0 0; float: left;} 

.forum .line {margin: 0; }
.forum .page { width: 1065px; float: right;}

.forum .view { width:  1066px; margin: 10px 0 6px; float: left; }
.forum .view td { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; color: #878787; }
.forum .view td.info { width: 250px; border-left: 1px solid #e3e3e3; border-bottom: 0; text-align: center; }
.forum .view .info div.user { width: 250px; margin: 5px 0 0 0; padding: 10px 0; }
.forum .view .info span.user { display: inline-block; font-size: 17px; font-weight: bold; }
.forum .view .info div.stats { width: 150px; margin: 0 auto 0; padding: 10px 0 0; text-align: left; }
.forum .view td { height: auto; }
.forum .view td img { margin: 0; float: none; }
.forum .view td.country { border-top:0; border-bottom: 1px solid #e3e3e3; }
.forum .view .country div { width: 240px; margin: 0 0 5px 0; padding: 10px 10px 0 0; text-align: right; }
.forum .view .text { max-width: 787px; padding: 10px; text-align: left; border: 1px solid #e3e3e3; border-bottom: 0; word-wrap: break-word; }
.forum .view .buttons { width: 816px; text-align: right; padding: 3px 3px 10px; border: 1px solid #e3e3e3; border-top: 0; }
.forum .view .buttons a { width: 55px; height: 30px; display: inline-block; margin: 0 5px -10px 0; }
.forum .view .buttons .quote { background: url(images/quote.png) no-repeat; }
.forum .view .buttons .delete { background: url(images/delete.png) no-repeat; }
.forum .view .buttons .reply { background: url(images/edit.png) no-repeat; }
.forum .view .text img { max-width: 750px; }

.forum .error { width: 100%; }

.bbcode { width: 500px; padding: 10px; border: 5px solid #e3e3e3; float: left; margin: 0 0 0 290px}
.bbcode img { border: 0; }
.bbcode p.left { margin: 0; font-weight: bold; }
.bbcode p.border { margin: 0 0 10px; border-bottom: 1px solid #e3e3e3; text-align: center; }
.bbcode input.txt, .bbcode textarea { 
	background: #ffffff;
	width: 495px; height: 150px;
	padding: 8px 0 0 5px;
	border: 1px solid #dadada;
	
	color: #878787;
	font-size: 12px;
	font-weight: bold;
}
.bbcode input.txt { width: 300px; height: 20px; }
.bbcode label { width: 100px; display: inline-block; margin: 5px 0;}
.bbcode form .buttons { margin: 0; text-align: center; }

.spage form { margin: 20px 0 10px 40px; }
.spage form .search { text-align: left; margin: 0 0 0 140px; float: none; }
/*	--- END FORUM	---	*/

.homeIco {
	vertical-align:middle;
	padding-right: 5px;
}
.abtIco {
	vertical-align:middle;
	padding-right: 6px;
}
.weltxt {
	color:#7f7f7f;
	font-size: 24px;
	font-weight: normal;
	font-family:Tahoma, Geneva, sans-serif;
	display: block;
	padding:30px 0 30px 10px;
}
.weltxt span {
	color:#fff;
	font-size: 12px;
	font-weight:bold;
	text-transform:uppercase;
}
/*Feature Box*/
.featbox {
	width: 301px;
	margin-left: 10px;
	float:left;
	margin-right: 24px;
}
.featbox h2 {
	background: url(http://www.surf4bux.com/themes/GeN4/images/featBoxTop-trans.png) no-repeat;
	height:40px;
	text-align:center;
	padding-top: 8px;
	color:#414141;
	font-size: 22px;
}
.featInner {
	background:#dcdcdc;
	height:85px;
}
.featInner p {
	color:#4a4949;
	padding: 10px 20px 0 20px;
}
.featBtm {
	background:	url(http://www.surf4bux.com/themes/GeN4/images/featBoxBtm-trans.png) no-repeat;
	height: 41px;
	text-align:right;
	padding: 9px 10px 0 0;
}
.right {
	float:right;
	margin:0;
}
/*Content*/
.content {
	padding: 50px 0 0 10px;
}
.content h2 {
	background:url(http://www.surf4bux.com/themes/GeN4/images/arrow-trans.png) no-repeat;
	width: 241px;
	height: 30px;
	margin-left:-9px;
	padding: 14px 0 0 10px;
	color:#874b05;
	font-size: 18px;
	font-style:italic;
}
.content h2 span {
	font-size: 11px;
	font-weight:bold;
	color:#fff;
	font-style:normal;
	font-family: Verdana, Geneva, sans-serif;
}
.content h2 .padTop {
	padding-top:4px;
	display:block;
}
.content p {
	color:#4a4949;
	padding:10px 5px 10px 15px;
}
/*Content bar*/
.contentbar {
	width: 637px;
	float: left;
}
.contentBox {
	border:1px solid #e4e4e4;
	background:#fff;
	padding:10px 20px 0 0;
	margin-bottom: 5px;
}
.contentBox li { margin-left: 70px; font-weight:bold; }

.welIco {
	padding: 0 5px 0 5px;
}
/*Right bar*/
.rightbar {
	width: 300px;
	float:right;
	padding-right: 5px;
}
.rightbarBox {
	border:1px solid #e4e4e4;
	background:#fff;
	padding:10px 10px 5px 0;
	margin-bottom: 5px;
}
.line {
	width: 296px;
	height:1px;
	background:#e4e4e4;
	margin-left: 1px;
}

.amtline{
	width:100px;
	background:#CCC;
	height:1px;
	margin:0 auto;
}

.latestBox {
	color:#000;
	font-weight:bold;
	padding: 10px 0 3px 15px;
	margin-left:10px;
	border-bottom:1px solid #D8D8D8;
}
.latestBox .name {
	float: left;
	width: 90px;
	padding: 1px 0;
	color:#cb7401;
	line-height: 18px;
}
.latestBox .extra {
	float: left;
	width: 25px;
	padding: 1px 0;
	color:#cb7401;
	line-height: 18px;
}
.latestBox .Info {
	float: left;
	width: 150px;
	padding: 1px 0;
	line-height: 18px;
}
.user {padding-right: 5px; vertical-align:middle;}

/*footer*/
.footer {
	width: 100%;
	background:#e4e4e4 url(http://www.surf4bux.com/themes/GeN4/images/footerTop.png) repeat-x top;
}
.innerFooter {
	width: 976px;
	padding: 15px 0;
	margin:0 auto;
	float: left;
	text-align:center;
}
.innerFooter ul {list-style:none; padding-left:390px;}
.innerFooter li {float: left; padding-right:1px;}

.innerFooter p {
	color:#333;
	font-size: 11px;
	margin:0 0 0 300px;
}

.innerFooter a {
	color:#333;
	font-size: 11px;
	text-decoration: underline;
	padding-right: 3px;
}
.innerFooter a:hover {
	text-decoration:none;
}
