/**********************************************************************************************
	Major Sections in CSS:
	
	1.	RESET
		Remove margin and padding from elements 
	
	2.	GENERIC CLASSES
		Define styles for simple things like floating to the sides, text aligning, image-replacements, clearfix etc 
	
	3.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	4.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	5.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	6.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/*------------------------------------------
// 1.RESET
//   Remove margin and padding from elements and other resets
//------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }


	

/*------------------------------------------
// 2.GENERIC CLASSES
//	 Define styles for simple things like floating to the sides, text aligning, image-replacements, clearfix etc
//------------------------------------------*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1em; }


/*---- Input fields ----*/
input, select, textarea { font-size: 100%; }
textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }

/*---- Floats ----*/
.flR { float: right; }
.flL { float: left; }

/*---- Horizontal Alignment ----*/
.alR { text-align: right; }
.alC { text-align: center; }

/*---- Vertical Alignment ----*/
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

/*---- Hide ----*/
.hide { display: none; }

/*---- Float Clearing fixes ----*/
.clear { clear: both; height:1px; line-height:1px; }
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*---- Image Replacement Technique ----*/
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; top: 0; text-indent: -1000em;}

/*---- Links ----*/
a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
	


/*------------------------------------------
// 3.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/

body {background:url(../images/rakeback/rbz_background.jpg); font-family:Verdana, Geneva, sans-serif; padding-bottom:10px; }

.menu{ line-height:30px; text-align:center; background-image:url(../images/rakeback/rbzmenu.jpg);  background-repeat:no-repeat;width:1020px; height:31px; margin-top:3px; margin-left:3px;}
.menu ul li{display:inline; list-style-type:none;color:White; font-weight:bold;}
.menu ul li a {color:White; font-weight:bold; text-decoration:none;}
.menu ul li a:hover {color:White; font-weight:bold; text-decoration:none;}

.a_menu{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

h1, h2, h3, h4, p, li, a{ line-height:1.2em;}



/*------------------------------------------
// 4.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container {width: 1025px; border-left:2px solid #d01818; border-right:2px solid #d01818; background:#FFFFFF; margin: 0 auto; }

/*---- Header ----*/
div#header { background:url(../images/rakeback/rbz_header.jpg) 0 0 no-repeat; height:107px; padding:0 1px 0 28px; margin-left:3px; position:relative; z-index:6;}


/*---- Navigation ----*/
div#navigation { float:right; margin-bottom:27px; }

/*---- Content ----*/
div#content { padding:0 12px 70px 0; overflow:hidden; }

/*---- Main ----*/
div#main{ margin-right:43px;}

/*---- Sidebar ----*//*
div#sidebar { width:181px;  }

/*---- Footer ----*/
div#footer { background:url(../images/rakeback/footer/footer_bg.jpg) 0 0 repeat-x; text-align:center; height:21px; padding-top:9px;}



/*------------------------------------------
// 5. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header ----*/
div#header div.banner{ float:right; padding-right:66px;}
div#header div.banner img{ margin-bottom:10px;}
div#header div.banner p{ color:#d0a60a; font-size:90%; text-align:center;}
div#header div.banner p a{ color:#d0a60a; text-decoration:underline;}

div#header div.date_time{ position:absolute; left:170px; bottom:7px;}
div#header div.date_time p{color:#CCCBC8; font-size:130%;}


/*---- Header - Logo ----*/
div#header a.logo  { background-image:url(../images/rakeback/rbzlogo.gif); display: block; width:482px; height:107px; overflow: hidden; }


/*---- Navigation ----*/
div#navigation ul li{ background:url(../images/rakeback/header/nav_left.gif) 0 0 no-repeat; padding-left:20px; font-size:100%; font-weight:bold; float:left;}
div#navigation ul li a{ background:url(../images/rakeback/header/nav_right.gif) 100% 0 no-repeat; height:20px; line-height:20px; display:block; color:#4d4026; padding:0 12px 8px; text-decoration:none; float:left;}

/*---- Navigation - Active - Hover----*/
div#navigation ul li:hover, div#navigation ul li.active{ background:url(../images/rakeback/header/nav_left_hover.gif) 0 0 no-repeat;}
div#navigation ul li:hover a, div#navigation ul li.active a{ background:url(../images/rakeback/header/nav_right_hover.gif) 100% 0 no-repeat;}



h1{color:#ededed; font-size:14px;  font-family:Arial, Helvetica, sans-serif;line-height:30px; margin-left:3px; }

div#content h2{ line-height:14px; height:14px; background-image:url(../images/rakeback/rbztitle.jpg); font-size:12px; color:#FFFFFF; border:1px solid #D01818; font-family:Arial, Helvetica, sans-serif}


div#content h3{ color:#000; font-size:140%; margin-bottom:15px;}
div#content h4{ font-size:110%; margin-bottom:10px;}
div#content p{ font-size:110%; line-height:1.6em; margin-bottom:10px;}

/*---- Sidebar ----*/


#sidebar .sidebar_image{ background:url(../images/rakeback/what_is_rakeback.jpg); height:191px; width:171px; margin:3px;}

#sidebar .sidebar_offers{border:2px solid #DAD0D0; background:transparent url(../images/rakeback/rbzsidebar_title.jpg) no-repeat; 
 width:170px; margin:3px;}
 
#sidebar .sidebar_calc{border:2px solid #DAD0D0; background:transparent url(../images/rakeback/rbzsidebar_calc.jpg) no-repeat; 
 width:170px; margin:3px;}
 
#sidebar .sidebar_promotions{border:2px solid #DAD0D0; background:transparent url(../images/rakeback/rbztitle_pro.jpg);width:170px;
background-repeat:repeat-x; margin-left:3px; }  
  
 #sidebar .sidebar_promotions_image { margin-top:35px; margin-bottom:3px;  background:transparent url(../images/rakeback/rbzone_fullTilt.jpg);width:150px; height:211px; margin-left:9px;} 

  
  
  

div#sidebar div.sidebar_nav{ background:url(../images/rakeback/content/sidebar_bg.gif) 100% 0 repeat-y;}
div#sidebar div.sidebar_nav ul li{ color:#ededed; font-size:100%; font-weight:bold; background:url(../images/rakeback/content/list_border.gif) 0 100% repeat-x; margin-top:-3px; position:relative; z-index:1;}
div#sidebar div.sidebar_nav ul li a{ color:#ededed; text-decoration:underline; display:block; background:url(../images/rakeback/content/list_bg.gif) 0 0 no-repeat; padding: 14px 0 13px 20px; }
div#sidebar div.sidebar_nav ul li.last p{ background:url(../images/rakeback/content/list_bg.gif) 0 100% no-repeat; padding-bottom:1px;}


/*---- Main - inner Main----*/
div#main div.inner_main{ padding-top:3px;width:586px; padding-left:2px;}

div#main div.inner_main h1 {color:black; font-size:14px;  font-family:Arial, Helvetica, sans-serif;line-height:30px; padding-left:3px; margin-left:3px;}
div#main div.inner_main h2 {padding-left:3px; height:14px;line-height:14px;}

div#main div.banner{ width:586px; height:201px; background-image:url(../images/rakeback/rbzbanner.jpg);}

div#main div.inner_main div.offers{ margin-bottom:15px;}

div#main div.inner_main div.offers table {border:1px solid #CCCCCC; border-collapse:collapse; font-family:Verdana,Tahoma; font-size:120%; width:100%;}
div#main div.inner_main div.offers table th {background:#F0EFEB; padding:8px 3px; text-align:left;}
div#main div.inner_main div.offers table td {border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; padding:5px 3px; vertical-align:middle;}
div#main div.inner_main div.offers table td.percentage {color:red; font-weight:bold;}
div#main div.inner_main div.offers table td a {color:#000000; font-weight:bold; text-decoration:underline;}

div#main div.inner_main ol{ margin:0 0 15px 35px;}
div#main div.inner_main ol li{ font-size:110%; color:#000; line-height:1.5em; list-style:decimal;}


/*---- Main - inner sidebar----*/
div#main div.inner_sidebar{
 margin-right:-40px;
 margin-left:7px;
 margin-right:-50px; 
 border:2px solid #DAD0D0; 
 margin-top:3px;
 width:241px; 
 background:#ffffff;
}

/*div#main div.inner_sidebar div.section{background:#d4e7ff; border:2px solid #CFBDBD;}*/
div#main div.inner_sidebar div.section{background:#d4e7ff; }

div#main div.inner_sidebar div.section h2{ display:block; background:#009900;}

div#main div.race {float:left;}

.style1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	padding-left:6px;
}

.inner_sidebar_whyus{  background-image:url(../images/rakeback/rbzwhyus.jpg); height:59px; width:241px; background-repeat:no-repeat; background-position:center;}
.inner_sidebar_whyus_content{margin:0 5px 3px 3px; background-color:#d4e7ff;}

.inner_sidebar_freerolls{background-image:url(../images/rakeback/rbztitle_pro.jpg); height:33px; width:241px;}
.inner_sidebar_freerolls_content{ margin:0 5px 3px 3px; }

.inner_sidebar_coach{background-image:url(../images/rakeback/rbzsidebar_coach.jpg); height:41px; width:241px;}
.inner_sidebar_coach_content{ margin:0 5px 3px 3px; }



.inner_sidebar_hot_rakeback{ margin: 25px 3px 25px 3px;}






div#main div.inner_sidebar ul{ margin:0 0 20px 30px;}
div#main div.inner_sidebar ul li{ list-style:square; font-size:120%; line-height:1.5em;}
div#main div.inner_sidebar ul.help li a{ color:#333; font-weight:bold; text-decoration:none;}

  div.login{background-image:url(../images/rakeback/rbzlogin.jpg);height:66px;margin-right:20px;margin-top:29px;width:430px;}
  
  div.login table{font-size:100%;font-weight:bold;height:48px;margin-left:6px;margin-top:5px;padding-top:10px;width:125px;}
  div.form table tr td{ padding-bottom:5px;}
  div.form table tr td.singal{ padding-left:76px;}
  div.form label{ padding-right:5px; }
 div.form input.text_box{border:1px solid #CCCCCC; color:#333333; font-size:12px; font-weight:bold; padding:3px; font-weight:normal; width:145px;}


/*---- Footer ----*/
div#footer p{ font-size:100%; color:#ccc;}
div#footer p a{color:#ccc;}


.poker-buttons {
background-image:url(../images/rakeback/icon.jpg);
display:block;
font-size:11px;
height:16px;
padding-left:15px;
background-repeat:no-repeat;
text-decoration:none;
color:#2D4949;
}


.section_content {float:right;}

.div-left {float:left;text-decoration:none;width:88px;}

.div-right {float:left;text-align:right;white-space:nowrap;width:55px;}

.sidebar_offers_content{margin-top:6px; margin-left:2px; margin-bottom:6px; }

.room_images{ padding-top:10px; padding-right:3px; padding-left:3px;}

.room_info{ padding-left:6px; padding-right:6px; float:left;width:399px;}

.room_download{ padding-bottom:15px;}

.poker_room{ padding-bottom:15px;}

.room_preview1{ padding-bottom:5px; text-align:right;}

.room_preview2{ padding-bottom:10px;text-align:right;}



.room_main{border:1px solid #CCCCCC;width:584px;}

.room_name{ color:#000000}


.bottom_room{display:inline-block;}

.room_link{ padding-top:8px;text-decoration:underline; color:#990000; float:right; padding-left:5px;}
.room_link li a{color:#990000;}

.room_commet{border:1px solid #CCCCCC; margin-top:3px; padding-left:3px; }


.room_step1 p{ padding:0 5px 0 55px;}
.room_step2 p{ padding:0 5px 0 55px;}
.room_step3 p{ padding:0 5px 0 55px;}
.room_step4 p{ padding:0 5px 0 55px;}


.room_steps{ margin-top:3px;}
.room_step1{padding-bottom:6px; border:1px solid #CCCCCC;  margin-top:3px;}
.room_step2{padding-bottom:6px; border:1px solid #CCCCCC;  margin-top:3px;}
.room_step3{padding-bottom:6px; border:1px solid #CCCCCC;  margin-top:3px;}
.room_step4{padding-bottom:6px; border:1px solid #CCCCCC;  margin-top:3px;}


.step_image{ padding-bottom:3px; float:left;}

.room_detail{ margin:5px; padding-left:3px; padding-bottom:6px;background-color:#d4e7ff;  }


.RakebackHeader {
color:#1A4F83;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

.MyTITNText {
color:#6A6A6A;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:15px;
}

.MyTITNHeader {
color:#6A6A6A;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}


/*Rake Races and RakeChases*/
.strokes-rakeraces 
{
	border: #DDDDDD; 
	display:block; 
	border-width:1px; 
	border-style: solid; 
	padding:2px; 
	margin-bottom:17px;
}

.title-rakeraces 
{
	background: #44627c;
	color:#FFFFFF; 
	text-transform:uppercase; 
	height:16px; 
	display:block; 
	padding:5px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	padding-left:15px;
	text-align: center;
	font-weight:bold;
}
#content-rakeraces h1
{
	position: static;
	top: 0px;
}
.info1 
{
	background:#080808; 
	color:#efee96;
	height:16px; 
	padding:5px;  
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
}
.info2 
{
	background:#333333; 
	color:#efee96;
	height:16px; 
	padding:5px;  
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
}
.cell1 
{
	float:left; 
	width:45px; 
	padding-left:10px;
	width: 33%;
}
.cell2 
{
	float:left; 
	padding-left:10px;
	width: 33%;
	white-space: nowrap;
}

.columns-rooms 
{
	width:238px; 
	}
.center-column-rooms 
{
	width:238px; 
	margin: 0 27px 0 27px;
}

.title-rooms 
{
	background-image:url(../img/rounded-bar.gif);
	height:22px; 
	padding-top:5px; 
	text-align:center; 
	font-size:11px; 
	color:#000000;
	font-weight: bold;
	width: 238px;
}

.title-columns 
{
	background-color:#000000; 
	height:22px; 
	padding-top:5px; 
	text-align:center; 
	font-size:11px; 
	color:#FFFFFF; 
	display:block;
	width: 237px;
}

.description-columns 
{
	background-color:#fff; 
	height:17px; 
	padding:2px; 
	text-align:center; 
	font-size:11px; 
	color:#FFFFFF; 
	display:block; 
	color:#000000; 
	border-bottom: #CCCCCC dotted 1px; 
	border-left:#666666 1px solid;
	border-right:#666666 1px solid;
	width: 232px;
}
.logos 
{
	background:url(../img/logo-background.jpg); 
	text-align:center; 
	height:61px; 
	margin:0 auto; 
	padding:0;
	width:238px;
}

.description1 
{
	float:left; 
	width:60px;
	padding-left:5px; 
	text-align:center;
}

.description2
{
	float:left; 
	width:105px;
	padding-left:0; 
	text-align:left;
}

.description22 
{
	float:left; 
	width:100px;
	padding-left:
	5px; 
	text-align:center;
}
.description3 
{
	float:left; 
	width:40px;
	padding-right:5px; 
	text-align:center;
}

.TierNameTitle
{
	background-color:gray;
	color:white;
	display:block;
	font-size:11px;
	font-weight:bold;
	height:17px;
	padding-left:70px;
	text-align:left;
}


.bottom-colums 
{
	background-image:url(../img/rounded-bar-bottom.gif); 
	height:23px; 
	color:#000000; 
	font-size:11px; 
	font-weight:bold;
	text-align: center; 
	text-decoration:underline; 
	padding-top:2px;
	width: 238px;
	margin-bottom:10px;
}
.bottom-colums a
{
	color:#000000;
}

.raceinstructions
{
	vertical-align: top; 
	text-align:justify;
}

.racenotice
{
	float: right; 
	width: 250px; 
	vertical-align: top; 
	text-align:justify;
	padding: 5px;
}


/***************************/



.border{border:1px solid #ECECEA; padding-left:1px; padding-right:1px; margin-bottom:10px; padding-bottom:10px; }
.border h2 { background-color:#620203; color:#ffffff;}

.submit-Button
{ 
	background:transparent none no-repeat scroll left top;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    border:medium none inherit;
    background: no-repeat left top;
    width:100px;
    height:25px;
	line-height:28px;
    color: White;
    font-weight:bold;
    font-size:11px;
    font-family:Arial;
	text-align:center;
	padding-left:10px;
	padding-bottom:5px;
}

.medium-submit-Button
{ 
	background:transparent none no-repeat scroll left top;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    border:medium none inherit;
    background: no-repeat left top;
    width:125px;
    height:25px;
    line-height:28px;
    color: White;
    font-weight:bold;
    font-size:11px;
    font-family:Arial;
    text-align:left;
    padding-left:28px;
    padding-bottom:3px;
}

.Big-submit-Button
{ 
	background:transparent none no-repeat scroll left top;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    border:medium none inherit;
    background: no-repeat left top;
    width:265px;
    height:25px;
    line-height:28px;
    color: White;
    font-weight:bold;
    font-size:11px;
    font-family:Arial;
    padding-bottom:3px;
    margin-bottom:3px;
    margin-left:2px;
}

.vAlignTop
{
	vertical-align:top;
}

.vAlignMiddle
{
	vertical-align:middle;
}

.RoomNameHeader
{
 font-weight:bold; 
}

.RBOffersRoomName
{
 font-weight:bold;
 font-size:105%;   	
}


/*BLUE BOX*/
.rakebackInfoBorder
{
 border: 2px solid #d4e7ff;
 width:236px;
}

.rakebackInfoBackGround
{
 margin: 2px; 
 background-color: #d4e7ff;
 width:232px;
}

.rakebackInfoContent
{
 margin: auto; 
 width: 90%; 
 padding-top: 5px; 
 padding-bottom: 5px;
 color:#6A6A6A;
 line-height:20px;
}

.rakebackInfoContent strong
{
	color:#1A4F83;
}
/*--------*/

/*----- Steps -----*/
div.steps { width:562px; min-height:50px; }
div.steps { margin-right:12px; }
div.last { margin:0px; }
div.steps h3 { padding:0px; margin:0px 0px 10px 0px; line-height:27px; color:#b62323; font-size:120%;  }
div.steps h3 img { vertical-align:middle; margin-right:5px; }
div.steps h3 span.underline { text-decoration:underline; }
div.steps h3 a{ padding:0px; margin:0px 0px 10px 0px; line-height:27px; color:#b62323; text-decoration:underline;}

div.steps div.form { margin-top:10px; }
div.steps div.form p { margin-bottom:5px; }

/*----- Steps -----*/
div.banner { margin-bottom:10px; }

div.gbhead { border:1px solid #ececea; background:#fafaf8; padding:10px; margin-bottom:5px; margin-top:0; }
div.gbhead h2 { background:#b60002; color:#fff; padding:5px 10px; margin:-10px -10px 10px -10px; font-size:130%; }
div.nobgcolor { background:none; }