body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: url(/website_images/fatrakeback/bg.gif) repeat-x #0e213e;
}


#header {
background: url(/website_images/fatrakeback/header.gif) no-repeat;
width: 1000px;
height: 114px;
}

#content, #leftside {
  background-color: #fff;
}

#container {
  background-color: #fff;
  border: 1px solid #182B41;

}


/* FONTS AND HEADINGS */
#content {
  font-size: 12px;
  text-align: left;
  color: #000;
}

#content p{
  margin: 0px 0px 12px 0px;
}

strong {
  font-weight: bold;
  color: #000;
}

.pas_error {
color: red;
}

.paserror {
color: red;
}

h1.pas, h2.pas h3.pas {
  margin: 0 0 4px 0;
  padding: 0;
}

h1.pas {
  display: block;
  font-size: 17px;
  height: 31px;
  font-weight: normal;
  line-height: 31px;
  color: #fff;
  background: url(/website_images/fatrakeback/headerbg.gif) repeat-x;
  width: 537px;
  padding-left: 15px;
  margin: 0 0 4px 0;

}

H2.narrow {
font-size : 20px;
color : #152c47;
margin : 5px 0 5px 0;
padding : 0 0 0 10px;
background-image : url(/website_images/fatrakeback/header_small_lightblue.gif);
width : 246px;
line-height : 30px;
height : 32px;
font-weight : normal;
}

h2.pas {
  font-size: 16px;
  color: #7F7F7F;
  margin: 0 0 4px 0;
}

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

h4.side {
background-image : url(/website_images/fatrakeback/narrow_header.gif);
width : 205px;
height : 31px;
color : #fff;
text-align : center;
line-height : 30px;
font-size : 12px;
letter-spacing : 1px;
font-weight : bold;
margin : 0;
padding : 0;
}

p.pas_error {
  color: red;
  margin: 4px 4px 8px 4px;
}

/* LINKS */
#content a, #content a:visited{
  color: #4576AB;
}

#content a:hover {
  color: #638FC0;
}


/*  **** NAVIGATION **** */

/* NAV TOP */
#pas_nav_top ul {
  background: url(/website_images/fatrakeback/navbg.gif) #B3AC59 repeat-x;
  margin: 0;
  padding: 0;
  height: 32px;
  line-height: 32px;
  text-align: left;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
}

#pas_nav_top ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  font: 14px arial, sans-serif;
  text-align: center;
}

#pas_nav_top li a {
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
  display: block;
  padding: 8px 20px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

#pas_nav_top li a:hover {
background: #1d3861;
}


/* NAV SIDE */
#pas_nav_side {
width: 203px;
margin: 0 auto;

}

#pas_nav_side ul {
  text-align: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#pas_nav_side li.header {
  display: block;
  width: 203px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background: url(/website_images/fatrakeback/narrow_header.gif) no-repeat #BABD40;
  padding: 0;
}

#pas_nav_side ul a {
  margin: 0;
  display: block;
  line-height: 24px;
  height: 24px;
  text-decoration: none;
  background: url(/website_images/fatrakeback/navside_bg.gif) no-repeat #f8f2dc;
  border-width: 1px 0;
  border-style: solid;
  border-color: #fff;
}

#pas_nav_side ul a:link, #pas_nav_side ul a:visited {
  padding: 0 0 0 25px;
  color: #000;
  text-decoration: none;
}

#pas_nav_side ul a:hover {
  background: url(/website_images/fatrakeback/navside_bghover.gif) no-repeat #F0E3B7;
}

/* NAV LOGIN */
#pas_login {
  width: 203px;
  margin: 0 auto 10px auto;
}

#pas_login input.login {
  width: 100px;
}

#pas_login table thead th {
  width: 203px;
  padding: 0px;
  color: #fff;
  text-align: center;
   height: 31px;
  line-height: 31px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;

background: url(/website_images/fatrakeback/narrow_header.gif) no-repeat;
}


/* NAV OFFERS */
#pas_nav_offers a, #pas_nav_offers a:visited {
  color: #3E3E3E;
  font-weight: bold;
  text-decoration: none;
}

#pas_nav_offers table{
  font-size: 10px;
  width: 190px;
  margin: 0 auto 10px auto;
  background: #F9F5DD;
}

h4 {
  width: 203px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background: url(/website_images/fatrakeback/narrow_header.gif) no-repeat;
  padding: 0;
}

#pas_nav_offers tbody th {
  text-align: left;
  cursor: pointer;
  font-size: 8pt;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #FCFBEF #f0e6a7 #f0e6a7 #f0e6a7;
  padding: 5px 3px;
}

#pas_nav_offers td {
  text-align: left;
  cursor: pointer;
  font-size: 8pt;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #FCFBEF #f0e6a7 #f0e6a7 #FCFBEF;
  padding: 5px 3px;
}

#pas_nav_offers tr.alt td, #pas_nav_offers tbody tr.alt th {
  background: #F5EFC9;
}

#pas_nav_offers tr.over td, #pas_nav_offers tr.over td a,
#pas_nav_offers tbody tr.over th, #pas_nav_offers tbody tr.over th a
{
  background: #F0E7AE;
}

/*  DATA TABLE  */
table.pas_data_table {
width : 550px;
font-size : 12px;
border-width : 1px;
border-style : solid;
border-color : #4377a7 #192c3e #192c3e #4377a7;
color : #192c3e;
margin: 0 0 10px 0;
}

table.pas_data_table thead th {
color : #fff;
background-color : #3d5f7e;
}

table.pas_data_table tbody th{
min-width : 100px;
border-top : 1px solid #dde9f0;
border-bottom : 1px solid #78a6c5;
border-right : 1px solid #78a6c5;
background-color : #a8c2d9;
}

table.pas_data_table thead td{
color : #fff;
font-weight:bold;
text-align:center;
background-color : #4F7AA2;
}

table.pas_data_table tbody td{
padding : 4px;
border-top : 1px solid #fff;
border-bottom : 1px solid #c8d8e6;
background-color : #d7e3ed;
}

table.pas_data_table tbody tr.alt td {
padding : 4px;
border-top : 1px solid #fff;
border-bottom : 1px solid #c8d8e6;
background-color : #e7eef4;
} 

table.pas_data_table tbody tr.alt th {
min-width : 100px;
border-top : 1px solid #dde9f0;
border-bottom : 1px solid #78a6c5;
border-right : 1px solid #78a6c5;
background-color : #bfd5e3;
}

/* FORM ELEMENTS */
table.pas_form {
  margin: 0px auto;
  font-size: 12px;
}

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

table.pas_form td {
  color: #626262;
}

table.pas_form th {
  text-align: right;
  padding-right: 8px;
}

input.pas_button {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #6396D3 #355C8C #355C8C #6396D3;
  background-color: #2F65A8;
}

input.pas_button:hover {
  background-color: #4A85CC;
}

/* 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;
  color: #000;
  text-align: center;
}

/* SIGNUP PAGE */
#pas_signup {}

/* GLANCE PAGES */
#pas_glance {
  padding: 0 0 10px 0;
}

#pas_glance h1.pas {

}

#pas_glance .pas_logo {
  float: right;
  margin: 0px;
}

#pas_glance p{
  text-align: left;
  font-size: 12px;
  margin: 0 8px 8px 8px;
}

#pas_glance tbody td {
  padding: 3px 4px;
  text-align: left;
}

/* OFFERS GRID */
table.pas_offers_grid {
  padding: 10px;
  text-align: center;
}

#pas_offers_grid:hover {
  border: 1px solid #000;
  background: #E6E6E6;
}

#pas_offers_grid {
  text-align: center;
  border: 1px solid #000;
  width: 170px;
  padding: 0 0 5px 0;
}

#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 {
background: none;
  font-size: 12px;
  width: 100%;
  height: 14px;
  color: #000;
  line-height: 14px;
  text-align: center;
  font-weight: normal;
  margin: 0;  padding: 0;
}

/* OFFERS LIST */
#pas_offers {
  text-align: left;
  margin: 0;
  padding: 0;
  border-bottom: 1px dashed #CECECE;
}

#pas_offers .pas_logo {
  float: right;
  margin: 4px;
}

/* STATISTICS */
#pas_quick_statistics th {
  text-align: center;
}

#pas_full_statistics th {
  text-align: center;
}
/* 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;
}
/* REFERRAL CENTER */

#pas_referral_center table {
  width: 400px;
}

#pas_referral_center table th {
  text-align: center;
}

/* LANDING PAGE */

#pas_landing_page table.pas_data_table {
  width: 400px;
}

#pas_landing_page table.pas_data_table td{
  color: #000;
}

#pas_landing_page table.pas_form {
  color: #000;
  border: 1px solid #000;
}

#pas_landing_page table.pas_form tbody td{
  color: #000;
}

#pas_landing_page table.pas_form tbody th{
  padding: 4px;
}
/* MISSING DATA CALENDAR */

table.pascal {
  border: 1px solid ;
  margin: 8px auto;
}

td.pascalmonth {
  border: 1px solid ;
  background: #FFFFF;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
}

td.pascaldays {
  border: 1px solid ;
  background: #FFFFF;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
}

td.pascal {
  border: 1px solid ;
  height: 7em;
  width: 7em;
  padding-right: 3px;
  padding-top: 3px;
  font-weight: none;
  color: #000000;
  text-align: right;
  font-size: 7.5pt;
  vertical-align: top;
}

.pasnote {
  font-size: 9pt;
}

.pasnone {
/* nothing */}

table.pasform {
  font-size: 10pt;
}

label.pasform {
  text-align: right;
  display: block;
}

table.pasform td {
  padding-bottom: 15px;
  vertical-align: top;
}

input.pasform, select.pasform {
  margin-bottom: 5px;
  vertical-align: middle;
}

td.paslabels {
  width: 110px;
  padding-right: 10px;
  text-align: right;
}

.pasclear {
  clear: both;
}

.pasprivate {
  color: #2E59A0;
  font-weight: bold;
}

.pasnormal {
  color: #666666;
  font-weight: bold;
  font-size: 13pt;
}


/* FOOTER */

div#footer {
padding : 5px;
clear : left;
color : #fff;
}


/* OFFERS MENU */

div.title {
width : 203px;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #bacde0;
border-right : 1px solid #bacde0;
border-left : 1px solid #bacde0;
background-color : #e4ecf4;
}
span.label {
display : block;
color : #152c47;
margin : 0;
padding : 8px 50px 8px 45px;
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-image : url("/website_images/fatrakeback/gradient_darkblue.gif");
color : #fff;
font-size : 12px;
}
.drop ul li {
list-style-type : none;
margin : 5px;
padding : 0;
font-weight : bold;
}
.title a {
display : block;
text-decoration : none;
}
.title a:hover {
display : block;
background-color : #d2dde8;
}
.selected a { 
display : block;
background-color : #B3C6D9;
}

.foot {
padding : 5px;
height : 40px;
color : #fff;
font-size : 11px;
background-color : #1e5282;
}
input.login {
color : #6b6b6b;
width : 125px;
font-size : 10px;
height : 16px;
margin : 2px;
padding : 1px 0 0 2px;
margin: 0px;
border : 1px solid #2f5d80;
}

div.back-news {
margin-bottom: 35px;
padding: 0px;
}

div.back-content {
float: right;
width: 470px;
padding: 0;
}

div.back-date {
display: block;
font-size : 22px;
letter-spacing : 1px;
width : 43px;
height : 40px;
text-align : center;
background-image : url(/website_images/fatrakeback/calendar_bg.gif);
color : #fff;
font-weight : bold;
margin : 5px 10px 10px 0;
}

div.back-month {
font-size : 12px;
}

div.front-content {
margin-bottom:15px;
}

div.front-content p {
text-align: justify;
}

span.news-title {
font-weight:bold;
font-size:14px;
color: #123259;
}

div.front-news {
width : 256px;
}


.date {
float : left;
display: block;
font-size : 22px;
letter-spacing : 1px;
width : 43px;
height : 40px;
text-align : center;
background-image : url(/website_images/fatrakeback/calendar_bg.gif);
color : #fff;
font-weight : bold;
margin : 5px 10px 0px 0;
}
.month {
font-size : 12px;
}

/* HIDDEN PIC FOR PRE LOAD  */
.hiddenPic {
display : none;
}

/*  NAVBAR STANDARD ARROW */
.navcontainer ul {
margin : 0 0 10px 0;
padding : 0;
list-style-type : none;
font-family : Arial, Helvetica, sans-serif;
}
.navcontainer a {
margin : 1px 0 0 0;
display : block;
padding : 0 0 0 20px;
width : 185px !important;
width : 185px;
background-color : #d7e3ed;
background-image : url("/website_images/fatrakeback/dev/images/nav/navbar_bg_arrow.gif");
color : #1b3148;
line-height : 25px;
height : 24px;
}
.navcontainer a:link, .navcontainer a:visited {
color : #1c344d;
text-decoration : none;
}
.navcontainer a:hover {
background-color : #b3cadd;
background-image : url("/website_images/fatrakeback/dev/images/nav/navbar_bg_arrow_hover.gif");
}

/*  NAVBAR ICON ARROW */

.navcontainer_icon ul {
margin : 0 0 10px 0;
padding : 0;
width: 205px;
list-style-type : none;
font-family : Arial;
}
.navcontainer_icon a {
margin : 1px 0 0 0;
display : block;
padding : 0 0 0 30px; 
background-color : #d7e3ed;
background-image : url("/website_images/fatrakeback/navbar_icon.gif");
color : #1b3148;
line-height : 25px;
height : 24px;
}
.navcontainer_icon a:link, .navcontainer_icon a:visited {
color : #1c344d;
text-decoration : none;
}
.navcontainer_icon a:hover {
background-color : #b3cadd;
background-image : url("/website_images/fatrakeback/navbar_icon_hover.gif");
}

/* 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-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 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: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(http://www.raketracker.com/images/raketracker/dev/images/misc/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: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    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;
}

#races-and-rolls table.pas_data_table thead th a.pas_button {
color: #fff;
}