body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #dddddd;
}

#header {
  font-size: 22px;
  color: #fff;
  text-align: left;
  border: 4px solid #fff;
  background-color: #cc0000;
  background: #cc0000 url(/website_images/okbusinessgroup/header-main.jpg) no-repeat right;
  width: 95%;
  height: 116px;
  margin: 10px auto;
}


 #content {
  background-color: #fff;
  border: 1px solid #939393;
  border-style: solid;
 }
 
 #leftside {
  background-color: #dddddd;
 }

  #rightside {
  background-color: #dddddd;
 }

#footer {
  color: #5F5F5F;
  padding-top: 5px;
}

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

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

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

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

h1.pas {
  font-size: 18px;
  color: #cc0000;
  border-bottom: 1px dotted #B6B6B6;
  line-height: 24px;
  padding: 0;
  margin: 4px; 0 8px 0;
}

h2.pas {
  font-size: 14px;
  color: #7F7F7F;
}

h3.pas {
  font-size: 12px;
  color: #000;
}

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

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

#content a:hover {
  color: #cc0000;
}

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

/* NAV TOP */

#pas_nav_top {
padding: 20px 0 5px 10px;
}

#pas_nav_top ul {
  height: 12px;
  line-height: 12px;
  text-align: left;
  margin:0;
  padding: 0;
}

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

#pas_nav_top li a {

  font-size: 11px;
  color: #757575;
  text-decoration: none;
  display: block;
  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: #8D8D8D;
  padding: 0px 8px;
}

#pas_nav_top li a:hover {
 color: #414141;
}

/* NAV SIDE */
#pas_nav_side ul {
  width: 190px;
  text-align: left;
  color: #C0C0C0;
  list-style-type: none;
  margin: 0px auto 12px auto;
  padding: 0;
    background-color: #fff;
  border: 1px solid #939393;
}

#pas_nav_side li.header {
  width: 178px;
  display: block;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background-color: #cc0000;
  border: 3px solid #fff;
  padding: 3px;
}

#pas_nav_side ul li {
  background-color: #E6E6E6;
}

#pas_nav_side ul a {
  width: 175px !important;
  width: 180px;
  display: block;
  background-color: #fff;
  color: #1b3148;
  text-decoration: none;
  line-height: 20px;
  padding: 0 0 0 5px;
  margin: 7px 0 7px 10px;
}

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

#pas_nav_side ul a:hover {
  background-color: #F2F2F2;
}

/* NAV LOGIN */
#pas_login {
  width: 190px;
  margin: 12px auto 12px auto;
}

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

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

#pas_nav_offers table {
  width: 190px;
  font-size: 12px;
  margin: 0px auto 12px auto;
  background-color: #fff;
  border: 1px solid #939393;
}

#pas_nav_offers thead th {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background-color: #cc0000;
  border: 3px solid #fff;
  padding: 3px;
}

#pas_nav_offers tbody th {
  font-weight: normal;
  text-align: left;
  cursor: pointer;
  border-bottom: 1px dotted #000;
  padding: 3px;
}

#pas_nav_offers td {
  font-weight: bold;
  text-align: left;
  cursor: pointer;
  border-bottom: 1px dotted #D2D2D2;
  padding: 3px;
  height: 26px;
  color: #BB0000;
}

#pas_nav_offers tr.alt td {
  background: #F9F9F9;
}

#pas_nav_offers tr.over td {
  background: #E6E6E6;
}

/*  DATA TABLE  */
table.pas_data_table {
  width: 70%;
  font-size: 12px;
  margin: 12px;
}

table.pas_data_table thead th {
  font-size: 14px;
  font-weight: bold;
  color: #4D4D4D;
  background-color: #E6E6E6;
  border: 1px solid #C3C3C3;
  padding: 3px;
}

table.pas_data_table thead td{
  font-weight: bold;
  text-align: center;
  padding: 4px;
}

table.pas_data_table tbody th{
  border-top: 2px solid #fff;
  font-weight: bold;
  text-align: left;
  background-color: #F8F8F8;
  padding: 5px;
}

table.pas_data_table tbody td{
  font-weight: normal;
  text-align: left;
  padding: 5px;
}

table.pas_data_table tbody tr.alt td, table.pas_data_table tbody tr.alt th {
}

/* FORM ELEMENTS */
label {
  font-weight: bold;
  color: #000000;
  text-align: right;
}

table.pas_form {
  margin: 0 auto 12px auto;
  font-size: 12px;
}

table.pas_form td {
  color: #626262;
}

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

table.pas_form thead th {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background-color: #cc0000;
  border: 3px solid #fff;
  padding: 3px;
}

input.pas_button {
  font-size: 12px;
  color: #fff;;
  font-weight: bold;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  border-color: #660000;
  text-decoration: none;
  display: block;
  background-color: #D70000;
  margin: 5px auto;
  padding: 2px;
}

input.pas_button:hover {
  padding: 3px 1px 1px 3px;
  background-color: #BF0000;
}

/* 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 {
  width: 400px;
}

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

#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 {
  text-align: center;
}

table.pas_offers_grid td{
  padding: 0px;
}

#pas_offers_grid {
  text-align: center;
  width: 170px;
  border: 1px solid #ADADAD;
  background-color: #F5F5F5;
  padding: 0 0 5px 0;
}

#pas_offers_grid:hover {
  border: 1px solid #858585;
  background: #F5F5F5;
}

#pas_offers_grid h1, #pas_offers_grid h2, #pas_offers_grid h3, #pas_offers_grid h4 {
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#pas_offers_grid h1 {
  font-size: 16px;
}

#pas_offers_grid h2 {
  font-size: 14px;
  color: #BD3333;
}

#pas_offers_grid h3 {
  font-size: 14px;
}

#pas_offers_grid h4 {
  font-size: 12px;
  font-weight: normal;
}

#pas_offers_grid a.button, #pas_offers_grid a.button:visited {
  width: 140px;
  font-size: 12px;
  color: #fff;;
  font-weight: bold;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  border-color: #660000;
  text-decoration: none;
  display: block;
  background-color: #D70000;
  margin: 5px auto;
  padding: 2px;
}

#pas_offers_grid a.button:hover {
  padding: 3px 1px 1px 3px;
  background-color: #BF0000;
}
/* OFFERS LIST */

#pas_offers {
  text-align: left;
  width: 100%;
  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 #404040;
  margin: 8px auto;
}

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

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

td.pascal {
  border: 1px solid #404040;
  height: 7em;
  width: 7em;
  padding-right: 3px;
  padding-top: 3px;
  font-weight: normal;
  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;
}