/* SIGNUP SCREENS SLIDESHOW 
************************************************/
h2.glance-head {
  background:#1D364F url(/website_images/raketracker/structure/header_blue_wide.gif);
  width: 532px;
  height: 31px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  letter-spacing : 1px;
  font-weight: bold;
  margin: 8px 0 4px 0;
  padding: 0;
  clear:both;
}
.steps {
  background-color:#D7E3ED;
  border:1px solid #a4b9cb;
  padding:0;
  margin:0 0 4px 0;
  overflow:hidden;
}
.steps .inner{ 
  padding:8px 8px 8px 8px;
  overflow:hidden;
}
.steps .setup_text {
  float:left;
  width:200px;
}
.steps h3 {
  color:#425c75;
  text-indent:5px;
  font-size:15px;
  font-weight:bold;
  background: #c7d4e0;
  border-bottom:1px solid #a4b9cb;
  height:24px;
  line-height:24px;
  margin:0;
}
.steps h4 {
  margin:15px 0 4px 0;
  padding:0;
  font-size:15px;
}
.promo-code {
  background:#fff;
  border:1px solid #3c7daa;
  text-align:center;
  font-size:16px;
  font-weight:bold;
  color:#346595;
  line-height:22px;
  width:155px;
}
#step3 label {
  display:block;
  float:left;
  clear:left;
  text-align:right;
  width:210px;
  font-weight:bold;
  line-height:20px;
  margin:0 5px 0 0;
}
#step3 input  {
  float:left;
  margin:0px 0 10px;
}
#step3 input.signup  {
  margin:0 0 10px 214px;
}
#step3 input[type="text"] {
  width:153px;
}
.slideshow-wrap {
  background: url(/website_images/raketracker/signup-slideshow/bg-slideshow.jpg) no-repeat;
  width:316px;
  height:316px;
  float:right;
  margin:5px 5px 5px 8px;
}
.slideshow-wrap #slideshow img {
  width:300px;
  height:240px;
}
.slideshow-wrap a.thickbox img {
  margin:0;
  float:none;
}
.slideshow-wrap .pics {  
  width: 300px;  
  height:240px;   
  padding: 0;   
  margin:30px 0 0 7px;
  clear:left;  
  position:relative;
  overflow: hidden; 
} 
.slideshow-wrap .slide-nav {
  margin:8px 0 0 15px;
}
.slideshow-wrap input#pauseButton,
.slideshow-wrap input#resumeButton,
.slideshow-wrap input#prev,
.slideshow-wrap input#next  {
 background:none;
 border:none;
 cursor:pointer;
 width:60px;
 float:left;
 height:30px;
 text-indent:2000px;
 margin:0 10px 0 0px;
 padding:0;
 outline:none;
}
#nav { 
  margin: 8px 8px 5px 5px; 
  position: relative;
  float:right; 
}
#nav li { 
  float: left; 
  list-style: none;
  margin:0; padding:0;
}
#nav a { 
  margin: 0 2px; 
  padding: 0;
  display:block;
  width:13px;
  text-align:center; 
  border: 1px solid #888; 
  color:#000; 
  background: #a8a8a8; 
  text-decoration: none; 
}
#nav a.activeSlide { background:#1c324b; color:#fff;}
#nav a:focus { outline: none; }


/* CYCLE PLUGIN - GENERAL 
************************************************/
.pics {  
  width: 254px;  
  height: 184px;  
  padding: 0;  
  margin:0; 
  overflow: hidden; 
} 
.pics img {  
  padding: 0;  
  margin:  0;  
  width:  254px; 
  height: 184px; 
  top:  0; 
  left: 0 
} 
.cycle-wrap {
  float:right; 
  padding: 0 0 10px 10px;
}
.cycle-nav  {
  margin:4px auto;
}


/* CYCLE PLUGIN - HOMEPAGE  
************************************************/
.slideshow-promo { 
  background: #474747 url(/website_images/raketracker/cycle/bg-cycle-nav.jpg) no-repeat left bottom;
  padding: 0px 0 4px 0px; 
  width:532px; 
  margin:0 0 10px 0;
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  overflow:hidden;
}
.slideshow-promo .pics {
  margin:0 0 0;
  border-bottom:1px solid #000;
}
.slideshow-promo .pics img {
  width:532px;
  height:199px;
}    
.nav-cycle { 
  margin: 5px 0 0px 5px;
  float:left;  
  width:240px;
}
.nav-cycle a { 
  margin: 0 5px 0 0; 
  padding: 0px 5px;
  float:left; 
  height:19px;
  line-height:18px;
  border: 1px solid #000; 
  color:#eaeaea;
  background: #222; 
  text-decoration: none;
  font-size:11px; 
  }
.nav-cycle a.activeSlide { background: #999; color:#000; }
.nav-cycle a:focus { outline: none; }
#output { text-align: left; }

.nav-cycle { text-align: left }
#prev, #pause, #next {
  float:right;
  height:21px;
  font-size:10px;
  color:#ccc;
  margin:7px 14px 0 0px;
  text-align:center;
  cursor:pointer;
}
#prev {
  background: #2a2a2a url(/website_images/raketracker/cycle/bn-prev.jpg) no-repeat left bottom;
  width:25px;
}
#next {
  background: #2a2a2a url(/website_images/raketracker/cycle/bn-next.jpg) no-repeat left bottom;
  width:26px;
}
#pause {
  background: #2a2a2a url(/website_images/raketracker/cycle/bn-pause.jpg) no-repeat left bottom;
  width:17px;
}


/* TOOLTIP - GLANCE PAGES  
************************************************/
#dhtmltooltip{
  position: absolute;
  width: 180px;
  border: 1px solid #94ABC0;
  padding: 4px;
  visibility: hidden;
  z-index: 100;
  font-family:arial; 
  font-size:12px; 
  background-color:#D7E3ED;
  text-align:left;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


/* Drop Menu 
************************************************/
ul.jd_menu {
  width:996px;
  margin: 0px auto;
  padding: 0px;
  list-style-type: none;
  border-right: 2px solid #fff;
  border-left: 2px solid #fff;
  height: 31px;
  line-height: 31px;
  background : url(/website_images/raketracker/structure/navbar_top_bg.gif) repeat-x;
  clear: both;
}
ul.jd_menu li {
  height: 31px;
  font-family: arial, sans-serif;
  font-size: 14px;
  padding: 0px 9px 0px 9px;
  cursor: pointer;
  white-space: nowrap;
  color: #FFF;
  float: left;
  border-right:1px solid #fff;
}
ul.jd_menu li.jdm_hover, ul.jd_menu li.jdm_active {
  background-color: #081420;
  background-image : url(/website_images/raketracker/structure/navbar_top_bg_hover.gif);	
}
ul.jd_menu a, 
ul.jd_menu a:active,
ul.jd_menu a:link,
ul.jd_menu a:visited {
  text-decoration: none;
  color: #FFF;
}

/* Sub-Menus JDMenu
************************************************/
ul.jd_menu ul {
  display: none;
  position: absolute;
  display: none;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  z-index: 10000;
  border-top: 1px #6887A8 solid;
  background-image:none;
}
ul.jd_menu ul li {
  text-align:left;
  background-color: #C1D9F0;
  border-width: 0px 1px 1px 1px;
  border-color: #6887A8;
  border-style: solid;
  font-size: 12px;
  height:26px;
  line-height:26px;
  color: #A5AFB8;
  padding-right: 30px;
  float: none;
  margin: 0px;
  background-image:none;
}
ul.jd_menu ul li.jdm_hover, ul.jd_menu ul li.jdm_active {
  background-image: none;
  background-color: #A7C2DC;
}
ul.jd_menu ul li a,
ul.jd_menu ul li a:active,
ul.jd_menu ul li a:link,
ul.jd_menu ul li a:visited {
  color: #1D303F;
}
ul.jd_menu ul li.jd_menu_active, ul.jd_menu ul li.jd_menu_hover {
  background-color: #0B1C2D;
  color: #FFF;
}
ul.jd_menu ul li.jd_menu_active a.jd_menu_active, ul.jd_menu ul li.jd_menu_hover a.jd_menu_hover {
  color: #FFF;
}
ul.jd_menu img.sublevel-indicator {
  margin-top:8px;
}
ul.jd_menu ul.submenu {
  width:190px;
}


/* RAKEBACK OFFERS MENU
************************************************/
#Nav-Rakeback-Offers  {
  float:left;
  margin:0 0 10px 0;
}
#Nav-Rakeback-Offers ul {
  list-style:none;
  width:205px;
  margin:0;
  padding:0;
}
#Nav-Rakeback-Offers ul li  {
  list-style:none;
  background:#d7e3ed;
  height: 25px;
  line-height:25px;
  display:block;
  width:205px;
  border-top:1px solid #fff;
  padding:0;
  margin:0;
  clear:both;
  float:left;
}
#Nav-Rakeback-Offers ul li.selected  {
  background:#B3CADD;
  cursor:pointer;
}
#Nav-Rakeback-Offers ul li.network {
  background:#b3c5d5;
  text-indent:6px;
  color:#17283a;
  font-size:17px;
  height: 27px;
  line-height:27px;
  margin:0px 0 0px 0;
}

.flag-eu  {
  float:right;
  width:20px;  
  height:18px;
  margin:4px 0 0 2px;
  background:url(/website_images/raketracker/icons/flag.gif) no-repeat;
}
.flag-us  {
  float:right;
  width:20px;
  height:18px;  
  margin:4px 0 0 2px;  
  background:url(/website_images/raketracker/icons/flag.gif) no-repeat 0 -18px;
}

.flag-both  {
  float:right;
  width:40px;
  height:18px;  
  margin:4px 0 0 2px;  
  background:url(/website_images/raketracker/icons/flag.gif) no-repeat 0 -36px;
}
#Nav-Rakeback-Offers ul li .poker-room {
  float:left;
}
#Nav-Rakeback-Offers ul li .poker-room a,
#Nav-Rakeback-Offers ul li .poker-room a:visited {
  color:#1C344D;
  font-size:13px;
  padding:0 0 0 6px;
  text-decoration:none;
  outline:none;
}
#Nav-Rakeback-Offers ul li .percent  {
  color:#17283A;
  font-size:16px;
  font-weight:bold;
  float:right;
  width:45px;
  text-align:left;
  padding:0 0 0 4px;
}
#Nav-Rakeback-Offers a, 
#Nav-Rakeback-Offers a:visited {
  text-decoration: none;
  color: #1C344D;
}


/* BONUS OFFERS MENU
************************************************/
#nav1 {
  margin:0 0 10px 0;
}
div.title {
  width : 203px;
  border-top : 1px solid #ffffff;
  border-bottom : 1px solid #BBD7C4;
  border-right : 1px solid #BBD7C4;
  border-left : 1px solid #BBD7C4;
  background-color : #d2e4d8;
}
span.label {
  display : block;
  color : #152c47;
  margin : 0;
  padding : 8px 50px 8px 45px;
  font-size : 12px;
}
span.bonus-label {
  display : block;
  color : #152c47;
  margin : 0;
  padding : 8px 0 8px 0px;
  font-size : 12px;
}
span.icon {
  float : left;
  width : 45px;
  padding : 4px;
}
span.percent {
  padding : 8px 4px;
  text-align : center;
  color : #87919b;
  font-size : 24px;
  font-weight : bold;
  width : 50px;
  float : right;
}
.drop ul {
  height : 115px;
  list-style-type : none;
  margin : 0;
  padding : 0;
}
div.drop {
  width : 203px;
  height : 115px;
  border : 1px solid #08192e;
  padding : 0;
  margin : 0;
  background:#17283e url(/website_images/raketracker/structure/gradient_darkblue.gif);
  color : #fff;
  font-size : 12px;
  display: none;
}
.drop ul li {
  list-style-type : none;
  margin : 5px;
  padding : 0;
  font-weight : bold;
}
.title a {
  display : block;
  text-decoration : none;
  clear:left;
}
.title a:hover {
  display : block;
  background-color : #C8DDCF;
}
.selected a { 
  display : block;
  background-color : #B3C6D9;
}
.drop ul li a.more-details  {
  display:block; 
  margin:5px 0 0 45px;
  width:103px; 
  height:20px; 
  background:url(/website_images/raketracker/buttons/button_moredetails.gif) no-repeat;
}


/* RAKEBACK CALCULATOR 
************************************************/
.calculator-wrap  {
  background:#d7e3ed;
  width:205px;
  float:left;
  margin:0 0 10px 0;
}
.calculator-wrap table  {
  margin:0 0 0 33px;
  width:135px;
}
.calculator-wrap table select  {
  margin:0px 0 4px 0;
  width: 135px;
  color: #1a2f43;
  font-size: 11px;
}
.calculator-wrap .calculate {
  float:right;
}
.calculator-wrap div.result {
  overflow:hidden;
  margin: 10px 0px;
}
.calculator-wrap div.result div {
  margin: 0px 0px 3px 0;
}
.calculator-wrap div.result span  {
  float: right;
}


/* UI TABS 
************************************************/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
  display: none;
}
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
  display: none;
  }
}
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 64px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 5px;
    background: url(/website_images/raketracker/structure/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 54px; /* IE 6 treats width as min-width */
    min-width: 54px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}