body {
  background: #000 url(/website_images/rakefox/structure/tile.jpeg) repeat-x fixed top;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #222222;  
  margin:0;
  padding:0;
}

a:link, a:visited{
  color: #4576AB;
  text-decoration:none;
}
a:active {
  outline:none;
}
a:hover {
  color: #638FC0;
}

strong {
  font-weight: bold;
}

p {
  margin: 0 0 12px 0;
  text-align: left;
}

label {
  font-weight: bold;
  color: #2F65A8;
  text-align: right;
}

a img {
  border:none;
}

ul {
padding:0;
margin:0;
}

ul li {
list-style-position:inside;
list-style:none;
padding:0;
margin:0;
}

/* STRUCTURAL ELEMENTS */
#container {
position:relative;
}

#header {
height:119px;
position:relative;
}
h1.title {
color:#fff;
font-size:18px;
position:absolute;
right:0px;
top:50px;
text-transform: uppercase;
}
#header #cards {
background:url("/website_images/rakefox/structure/cards.png") no-repeat scroll 0 0 transparent;
height:207px;
left:10px;
position:absolute;
top:0;
width:204px;
}
#logo {
left:200px;
position:absolute;
top:0;
}

#leftside {
}
#rightside {
}
.main {
background:url("/website_images/rakefox/structure/layout.gif") repeat-y scroll 0 0 transparent;
  overflow:hidden;
}

#content {
}

/* HEADINGS */
h1.pas {
border-bottom:1px dotted #CCCCCC;
color:#333333;
font:150%/100% "Lucida Grande",Arial,sans-serif;
margin:3px 0 2px;
padding-bottom:4px;
}

h2.pas {
color:#333;
font-size:16px;
margin:3px 0 2px;
padding-bottom:4px;
}

h3.pas {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 4px 0;
}

/* BORDERS */
.sidebox {}
table.pas_data_table {
  border: 1px solid #ccc;
}

/* ALTERNATING ROW COLORS */
.nav_offers a.alt,
table.pas_data_table tbody tr.alt td, 
table.pas_data_table tbody tr.alt th {

}

/* SIDEBOX - GENERAL */
.sidebox {
  overflow:hidden;
  width:191px;
  font-size: 11px;
  text-align: left;
  color: #000;
  margin: 0 0 10px 13px;
}

.sidebox h6 {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  background:url("/website_images/rakefox/structure/sidep-handle.png") no-repeat scroll 0 0 transparent;
  height:24px;
  line-height:24px;
  margin:0;
  cursor:move;
}

/* SIDEBOX - NAV OFFERS */
.nav_offers a.offerid {
  color:#000;
  font-weight:bold;
  display:block;
  cursor:pointer;
  text-decoration:none;
  float:left;
  width:191px;
  height:36px;
  line-height:36px;
}
.nav_offers a.offerid:hover {

}
.number {
  float:left;
  width:15px;
  color:#444;
  text-align:center;
}
.room-icon {
  float:left;
  padding:7px 3px 3px 3px;
}
.room_name {
  float:left;
  width:60px;
  line-height:12px;
  padding:5px 0 0 0;
}
.flag {
  float:right;
  padding:10px 4px 0 0;
}
.amount { 
  font-size:17px;
  font-weight:bold;
  color:#387393;
  font-style:italic;
  float:right;
  width:36px;
}
#nav_bonus_offers a {
  line-height:15px;
}
#nav_bonus_offers .room_name {
  width:85px;
  padding:3px 0 0 3px;
}
#nav_bonus_offers .amount { 
  width:110px;
  float:left;
  font-size:14px;
  padding:0 0 0 3px;
}

/* SIDEBOX - GENERAL NAVIGATION */
.dbx-content table {
  padding:4px 0 8px 0;
}

.sidebox ul {
  background:url("/website_images/rakefox/structure/sidep-bottom.png") no-repeat scroll 0 100% transparent;
  list-style: none;
  margin: 0px;
  padding:4px 0 8px 0;
}
.sidebox ul li {
  margin:0;
}
.sidebox ul li a, 
.sidebox ul li a:visited {
  background:url("/website_images/rakefox/structure/bullet.jpg") no-repeat scroll 8px 8px transparent;
  margin: 0;
  padding: 0 0 0 21px;
  color: #000;
  font-size: 12px;
  text-decoration: none;
  display: block;
  line-height: 20px;
  height: 20px
}

.sidebox ul li a:hover {
text-decoration:underline;
}

/* NAV LOGIN */
#pas_login table {
  width:191px;
  margin:2px 0 0 0px;
}
#pas_login input.login {
  width: 100px;
}

#login-button {
background: url(/website_images/rakefox/structure/bn-login.jpg);
width:100px;
height:24px;
text-indent:2000px;
border:none;
}


/* TOP NAVIGATION BAR */

#pas_nav_top {
background:url("/website_images/rakefox/structure/navbar.png") repeat-x scroll left top transparent;
clear:both;
height:43px;
width:1050px;
}

#pas_nav_top ul {
font:18px/100% Arial,Helvetica,sans-serif;
left:200px;
list-style:none outside none;
margin:0;
padding:0;
position:absolute;
}
#pas_nav_top ul li {
background:none repeat scroll 0 0 transparent;
float:left;
margin:0;
padding:0 15px;
}
#pas_nav_top ul li a, 
#pas_nav_top ul li a:visited {
color:#FFFFFF;
display:block;
line-height:43px;
margin:0;
text-decoration:none;
}
#pas_nav_top ul li a:hover {
color:#ccc;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
position: absolute;
display: none;
list-style-type: none;
margin: 0px;
padding: 0px;
z-index: 10000;
background: #000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
float: none;
margin: 0px;
text-align:left;
}

#pas_nav_top ul.jd_menu li .jdm_events li a {
text-align:left;
font-size: 12px;
font-weight:bold;
padding: 0 3px 0 3px;
line-height: 30px;
}
#pas_nav_top ul.jd_menu li .jdm_events li a:hover {
color: #FFF601;
}

ul.jd_menu,
ul.jd_menu ul {
height: 32px;
color: #fff;
}

ul.jd_menu ul {
height: auto;
}
* html ul.jd_menu ul {
width: 1%;
}

ul.jd_menu li li {
width: 200px;
}
ul.jd_menu li a {
color: #FFF;
text-decoration: none;
}

ul.jd_menu li.jdm_hover,
ul.jd_menu li.jdm_active {
cursor: pointer;
white-space: nowrap;
color: #FFF601;
}

/*  DATA TABLE  */
.pas_data_table {
  border: 1px solid #2f65a8;
  width: 100%;
  font-size: 12px;
  margin: 8px 0;
  text-align:left;
}
.pas_data_table thead th {
  color: #fff;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  background: #2a2a2a;
  border-bottom:1px dotted #ccc;
  padding: 4px;
}
.pas_data_table thead td {
  font-weight: bold;
  background: #e7e7e7;
  border-bottom:1px solid #ccc;
}
.pas_data_table td,
.pas_data_table th {
  padding: 3px 0 3px 6px;
}

/* BUTTONS */
input.pas_button {
  font-size: 12px;
  color: #000;
  border: 1px solid #B0B0B0;
  background-color: #E6E6E6;
}
input.pas_button:hover {
  background-color: #D3D3D3;
  color: #000;
}
a.pas_button, 
a.pas_button:visited {
  padding: 2px;
  font-size: 12px;
  color: #000;
  border: 1px solid #B0B0B0;
  background-color: #E6E6E6;
  text-decoration: none;
  line-height: 26px;
}
a.pas_button:hover {
  background-color: #D3D3D3;
  color: #000;
}

/* FORM ELEMENTS */
table.pas_form {
  margin: 0px auto;
  font-size: 12px;
}
table.pas_form td {
  color: #626262;
}
table.pas_form th {
  text-align: right;
  padding-right: 8px;
}

/* MY ACCOUNT */
#pas_main_index table {
  margin: 0;
}
#pas_main_index table thead th  {
  width: 175px;
  background-color: #DDDDDD;
  border: 1px solid #C3C3C3;
}
#pas_main_index table tbody th  {
  background-color: #EFEFEF;
  border: 1px solid #C3C3C3;
  font-weight: normal;
  font-size: 22px;
}
#pas_main_index tbody td  {
  font-size: 11px;
  text-align: center;
}

/* GLANCE PAGES */
.pas_logo {
  float: right;
}

.centered {
    text-align:center;
    margin-top:3px;
    margin-bottom:3px;
    padding:0px;
    }

/* PROMOTIONS TABLES */
.promotions-table  {
  width:100%;
  color:#222;
  line-height:22px;
  padding-bottom:20px;
}
.promotions-table a:link, .promotions-table a:visited  {
  color:#222;
}
.promotions-table thead th {
  font-size:13px;
  padding:2px 4px;  
}
.promotions-table thead td {
  font-size:11px;
  font-weight:bold; 
  text-align:left;
}
.promotions-table tbody th {
  padding:2px 4px;  
  font-weight:bold;
  font-size:13px;
  text-align:left;  
}
.promotions-table tbody td {
  padding:2px 4px;  
  text-align:left;
}
.promotions-table tbody tr.alt th,
.promotions-table tbody tr.alt td {
  background:#f3f3f3;
  border-top:1px solid #ccc;  
  border-bottom:1px solid #ccc;
}
.rakeback {
  color:#336f8b;
  font-size:19px;
  font-style:italic;
  font-weight:bold;
}
a.get-rakeback:link, a.get-rakeback:visited {
  color:#af485b;
  font-size:11px;
}
.checkmark {
  padding:4px 0;
}
.offer-type {
 padding:0px 5px 0 0;
}

/* OFFERS GRID */
.pas_offers_grid {
  text-align: center;
  border: 1px solid #000;
  width: 170px;
  padding: 0 0 5px 0;
  margin: 10px;
  float:left;
}
.pas_offers_grid h1 {
  font-size: 16px;
  margin: 0;  padding: 0;
}
.pas_offers_grid h2 {
  font-size: 14px;
  color: #832323;
  margin: 0;  padding: 0;
}
.pas_offers_grid h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;  padding: 0;
}
.pas_offers_grid h4 {
  font-size: 12px;
  text-align: center;
  font-weight: normal;
  margin: 0;  padding: 0;
}

/* OFFERS LIST */
.pas_offers {
  text-align: left;
  margin: 0 0 5px 0;
  padding: 0;
  border-bottom: 1px dashed #CECECE;
}
.pas_offers .pas_logo {
  float: right;
  margin: 4px;
}

/* REFERRALS */
#pas_referral_center table {
  width:400px;
}

/* HELPDESK */
#pas_new_ticket table {
  text-align: left;
}

#pas_view_ticket table td  {
  width: 70%;
  text-align: left;
}

#pas_view_ticket h4  {
  font-size: 10px;
  font-weight: normal;
  padding: 0;  margin: 0;
}

#pas_view_ticket h3 {
  font-size: 12px;
  font-weight: bold;
  padding: 0;  margin: 0;
}

#pas_new_ticket td, 
#pas_new_ticket tbody th  {
  background-color: #fff;
  border: 0px;
  text-align: left;
}

#pas_reply_form table td {
  background-color: #fff;
  border: 0;
}

/* OTHER FONTS */
.pas_error, .paserror, p.pas_error {
  color: red;
}



/* CSS DRAGGABLE TOGGLE BOXES */
a.dbx-toggle-open, a.dbx-toggle-open:visited {
background-position:0 0;
}

a.dbx-toggle, a.dbx-toggle:visited {
background:url("/website_images/rakefox/structure/toggle.gif") no-repeat scroll 0 0 transparent;
display:block;
height:20px;
overflow:hidden;
position:absolute;
right:3px;
text-decoration:none;
text-indent:-50px;
top:2px;
width:20px;
}
.dbx-box-closed .dbx-content {
display:block;
height:4px;
overflow:hidden;
padding:0;
}
.dbx-content {
  background:url("/website_images/rakefox/structure/sidep-bottom.png") no-repeat scroll 0 100% transparent;
  overflow:hidden;
}
.dbx-content .inner {
  padding:8px;
}


/* CSS DRAGGABLE TOGGLE BOXES */
a.dbx-toggle-open, a.dbx-toggle-open:visited {
background-position:0 0;
}

a.dbx-toggle, a.dbx-toggle:visited {
background:url("/website_images/rakefox/structure/toggle.gif") no-repeat scroll 0 0 transparent;
display:block;
height:20px;
overflow:hidden;
position:absolute;
right:3px;
text-decoration:none;
text-indent:-50px;
top:2px;
width:20px;
}
.dbx-box-closed .dbx-content {
display:block;
height:4px;
overflow:hidden;
padding:0;
}
.dbx-content {
  background:url("/website_images/rakefox/structure/sidep-bottom.png") no-repeat scroll 0 100% transparent;
  overflow:hidden;
}
.dbx-content .inner {
  padding:8px;
}

/* GLANCE PAGE TOP */
.glance-side {
  width:160px;
  float:left;
}
.bonus-code {
  color:#797a7c;
  font-weight:bold;
  text-align:center;
  font-size:14px;
  font-style:italic;
  text-transform:uppercase;
}
.bonus-code span {
  color:#af354a;
  font-size:18px;  
}

.glance-top {
  float:right;
  width:410px;
}
.rakeback-percentage,
.bonus-percentage,
.bonus-amount {
  font-weight:bold;
  font-style:italic;
  float:left;
  color:#276387;
  font-size:33px;
  line-height:26px;
}
.rakeback-percentage {
  font-size:40px;
}
.bonus-percentage {
  padding:5px 0 0 0;
}
.rakeback-subtext {
 font-size:16px;
}
.bonus-subtext {
 font-size:14px;
}
.plus, .up-to {
  float:left;
  padding:0 3px;
}
.blurb {
  display:block;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  width:410px;
  float:right;
  padding:5px 0;
  margin:5px 0;
}

.promo-link {
  width:200px;
  float:left;
  margin:0 0 0 8px;
}


/* SIGN UP PANELS */

.panel {
  padding:8px;
  background:#DBDBDB url(../images/interface/corner-fold-grey.gif) top right no-repeat;
  padding-top:4px;
  margin-top:8px;
  width:562px;
  border:solid 1px #a7a6a6;
}

.stepone {
  margin-top:0;
}

.panel h3 {
  padding-top:3px;
  color:#000;
}

.panel ol {
  list-style-type:upper-alpha;
  text-align:left;
  margin-bottom:0;
  margin-top:1.5em;
}

.panel li {
  margin-top:1em;
}

.stepimage {
  float:left;
  margin-right:5px;
}

.screenshot {
  float:right;
  margin-left:20px;
  border:solid 1px #999;
  clear:all;
}

/* FOOTER */
#footer {
background:url("/website_images/rakefox/structure/copyright.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
font-size:10px;
height:24px;
line-height:24px;
margin:0;
padding:0;
position:relative;
text-indent:15px;
width:1050px;
text-align:left;
}

#footer a, footer a:visited {
  color: #fff;
}

#footer_center {
  font-size:10px;
    padding:5px 0 0;  
}

#footer_left  {
  width: 195px;          
  float:left;  
  padding:5px;     
}

#footer_right {
  width: 263px;         
  float:right;   
  padding:0 5px 0 0;   
}

#footer_right a {
  text-decoration: none;
  font-size: 12px;
  font-weight:bold;
  float: right;
}

#footer_cont {
  margin: 4px 0 9px 0;
  overflow: hidden;
}

#footer_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#footer_list li {
  float: left;
  line-height: 14px;
  margin: 0 .5em 0 -.5em;
  padding: 0 .5em 0 .5em;
}

#footer_list li a,
#footer_list li a:visited {
  font-size: 11px;
  color:#777;
  text-decoration: none;
}

#footer_list a:hover {
  text-decoration: underline;
}