html
{
  height:                         100%;
  margin:                         0px;
  padding:                        0px;
}

body
{
  background-color:               #050B1B;
  background-image:               url(img/bg.jpg);
  background-position:            50% -110px;
  background-repeat:              no-repeat;
  color:                          #CCCCCC;
  font-family:                    Arial, Helvetica, sans-serif;
  font-size:                      12px;
  height:                         100%;
  margin:                         0px;
  padding:                        0px;
}

body.index
{
/*  background-image:               url(img/bg.index.jpg);*/
}


/**
 * headings
 */
h1
{
  font-size:                      16px;
  height:                         95px;
  margin:                         0px;
  padding-top:                    34px;
}

h2
{
  color:                          #003366;
  font-size:                      20px;
  margin-top:                     0px;
}

h2.small
{
  font-size:                      13px;
}

h3
{
  background-image:               url(img/bg.heading.png);
  background-position:            0px 50%;
  background-repeat:              repeat-x;
  border:                         #C9D8E8 solid 1px;
  color:                          #336699;
  font-size:                      13px;
  padding:                        1px 5px;
}

h3.default
{
  background-image:               none;
  border:                         0px;
  padding:                        0px;
}

h4
{
  font-size:                      13px;
  margin-bottom:                  .5em;
}

h3 .date-string,
h4 .date-string
{
  color:                          #999999;
  font-size:                      11px;
  font-weight:                    normal;
}

h3 .subtitle,
h4 .subtitle
{
  font-weight:                    normal;
}


/**
 * lists
 */
dl
{

}

dt
{
  font-weight:                    bold;
}

dd
{
  margin-bottom:                  1em;
  margin-left:                    0px;
}


/**
 * forms
 */
form
{
  margin:                         0px;
}

input,
select,
option,
textarea
{
  font-family:                    inherit;
  font-size:                      1em;
}

input.forward
{
  background-color:               transparent;
  background-image:               url(img/bg.forward.png);
  background-position:            100% 50%;
  background-repeat:              no-repeat;
  border:                         #315E99 solid 1px;
  color:                          #999999;
  cursor:                         pointer;
  font-weight:                    bold;
  padding:                        0px 19px 0px 6px;
}

input.forward:hover
{
  background-color:               #CCCCCC;
  color:                          #315E99;
}

select,
input.text,
textarea
{
  border-width:                   1px;
}

input.submit-button
{
  color:                          #006600;
}

input.cancel-button
{
  color:                          #660000;
}

input.preview-button
{
  color:                          #000066;
}


/**
 * link
 */
a
{
  color:                          #993300;
  text-decoration:                none;
}

a:hover,
a:active
{
  text-decoration:                underline;
}

a img
{
  border:                         0px;
}

a.forward
{
  background-color:               transparent;
  background-image:               url(img/bg.forward.png);
  background-position:            100% 50%;
  background-repeat:              no-repeat;
  color:                          #336699;
  font-weight:                    bold;
  padding:                        0px 19px 0px 0px;
  text-decoration:                none;
}

a.backward
{
  background-color:               transparent;
  background-image:               url(img/bg.backward.png);
  background-position:            0% 50%;
  background-repeat:              no-repeat;
  color:                          #336699;
  font-weight:                    bold;
  padding:                        0px 0px 0px 13px;
  text-decoration:                none;
}


/**
 * form
 */
form
{
  margin:                         0px;
}

input,
textarea,
select,
option,
label
{
  vertical-align:                 middle;
}


/**
 * header
 */
#header
{
  background-image:               url(img/bg.header.png);
  background-position:            0px 0px;
  background-repeat:              repeat-x;
  min-width:                      980px;
}

#header-content
{
  margin:                         0px auto;
  padding:                        0px 22px;
  position:                       relative;
  width:                          936px;
}

#vip
{
  left:                           440px;
  position:                       absolute;
  top:                            24px;
}

#sportfive
{
  position:                       absolute;
  right:                          47px;
  top:                            41px;
}

/**
 * mainmenu
 */
#mainmenu
{
  background-color:               #030714;
  background-image:               url(img/bg.mainmenu.png);
  background-position:            50% 0%;
  background-repeat:              repeat-y;
  border-top:                     #7A89A4 solid 1px;
  font-size:                      13px;
}

#mainmenu ul
{
  background-color:               #254D9C;
  border-top:                     #0A1B3A solid 1px;
  border-right:                   #0A1B3A solid 1px;
  border-left:                    #0A1B3A solid 1px;
  list-style-type:                none;
  margin:                         0px auto;
  overflow:                       hidden;
  padding:                        0px;
  width:                          936px;
}

#mainmenu ul li
{
  border-right:                   #0A1B3A solid 1px;
  display:                        block;
  float:                          left;
  margin:                         0px;
  padding:                        0px;
}

#mainmenu ul li a
{
  background-color:               #254D9C;
  color:                          #CCCCCC;
  display:                        block;
  padding:                        2px 2px 1px 5px;
  text-decoration:                none;
  width:                          96px;
}

#mainmenu ul li a:hover,
#mainmenu ul li a.selected,
#mainmenu ul li a.fmMenuButtonActive
{
  background-color:               #0E2040;
  color:                          white;
}


/**
 * submenu
 */
#submenu
{
  background-image:               url(img/bg.submenu-item.png);
  background-position:            -50px 100%;
  background-repeat:              no-repeat;
  font-size:                      13px;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px 0px 1px;
}

#submenu li
{
  background-image:               url(img/bg.submenu-item.png);
  background-position:            -50px 0px;
  background-repeat:              no-repeat;
  margin:                         0px;
  padding:                        1px 0px 0px;
}

#submenu li a
{
  color:                          #CCCCCC;
  display:                        block;
  padding:                        2px 30px 2px 39px;
  text-decoration:                none;
}

#submenu li a:hover,
#submenu li a:active,
#submenu li a.selected
{
  background-image:               url(img/bg.submenu-link.png);
  background-position:            31px .25em;
  background-repeat:              no-repeat;
  color:                          white;
}

#submenu ul
{
  font-size:                      11px;
  list-style-type:                none;
  margin:                         0px 0px 0px 39px;
  padding:                        0px;
}

#submenu ul ul
{
  margin:                         0px;
  padding:                        0px;
}

#submenu ul li
{
  background-image:               none;
  margin:                         0px;
  padding:                        0px 0px 0px 10px;
}

#submenu ul li a
{
  color:                          #CCCCCC;
  display:                        inline;
  padding:                        0px;
  text-decoration:                none;
}

#submenu ul li a:hover,
#submenu ul li a:active,
#submenu ul li a.selected
{
  background-image:               none;
  color:                          white;
}


/**
 * JS Menu
 */
div.fmMenu
{
  background-color:               #050B1B;
  color:                          #333333;
  font-family:                    Arial, Helvetica, sans-serif;
  font-size:                      1em;
  font-style:                     normal;
  font-weight:                    normal;
  left:                           -100px;
  margin:                         -1px 0px 0px;
  padding:                        0px;
  position:                       absolute;
  top:                            -100px;
  opacity:                        .8;
  visibility:                     hidden;
  z-index:                        101;
}

div.fmMenu.topLevel
{
  margin:                         0px 0px 0px;
  padding:                        0px 0px 0px;
}

/*
div.fmMenu a.fmMenuItem:link,
div.fmMenu a.fmMenuItem:active,
div.fmMenu a.fmMenuItem:visited,
div.fmMenu a.fmMenuItem:hover
*/
div.fmMenu a
{
  background-color:               white;
  color:                          #003366;
  cursor:                         pointer;
  display:                        block;
  font-family:                    Arial, Helvetica, sans-serif;
  font-size:                      12px;
  font-style:                     normal;
  font-weight:                    normal;
  margin:                         1px 0px 0px;
  padding:                        2px 10px 2px 6px;
  text-decoration:                none;
  white-space:                    nowrap;
}

div.fmMenu a.fmMenuItem:hover,
div.fmMenu a.fmMenuItemHighlight,
div.fmMenu.topLevel a.fmMenuItem:hover,
div.fmMenu.topLevel a.fmMenuItemHighlight
{
  background-color:               white;
  color:                          #3366CC;
  text-decoration:                none;
}

div.fmMenu a.fmMenuItem span.fmMenuItemArrow
{
  margin-right:                   -5px;
  padding-left:                   5px;
}


/**
 * bread crumbs
 */
#breadcrumbs
{
  font-size:                      11px;
  left:                           0px;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px;
  position:                       absolute;
  top:                            23px;
}

#breadcrumbs li
{
  float:                          left;
  margin:                         0px;
  padding:                        0px 10px 0px 0px;
}

#breadcrumbs li a
{
  color:                          #CCCCCC;
  text-decoration:                none;
}


/**
 * content
 */
#content-wrapper
{
/*
  background-image:               url(img/bg.submenu-column-bottom.png);
  background-image:               url(img/bg.submenu-column.jpg);
  background-position:            50% 100%;
  background-repeat:              no-repeat;
*/
}

#content-container
{
/*  background-image:               url(img/bg.submenu-column-top.png);*/
  background-image:               url(img/bg.submenu-column.jpg);
  background-position:            50% 0%;
  background-repeat:              no-repeat;
  min-height:                     520px;
}

#content
{
  margin:                         0px auto;
  overflow:                       hidden;
  padding-bottom:                 20px;
  width:                          980px;
}

body.index #content
{
  background-image:               url(img/index/bg.php);
  background-position:            50% 0%;
  background-repeat:              no-repeat;
}

#submenu-col
{
  float:                          left;
  min-height:                     320px;
  width:                          230px;
}

body.index #submenu-col
{
  height:                         320px;
}

#login-box,
#logoff-box
{
  color:                          #999999;
  margin-top:                     23px;
  margin-left:                    27px;
  height:                         124px;
  padding-bottom:                 1px;
}

#login-box
{
  width:                          140px;
}

#login-box h2
{
  color:                          #999999;
  font-size:                      13px;
  font-weight:                    normal;
}

#login-box p
{
  margin:                         .5em 0px;
  padding:                        0px;
  text-align:                     right;
}

#login-box label
{
  display:                        none;
}

#login-box input.text
{
  color:                          #999999;
  width:                          140px;
}

#logoff-box p
{
  margin:                         0px;
}

#logoff-box p#logoff-link-bar
{
  font-size:                      11px;
  margin-bottom:                  2.5em;
}

#logoff-box p#member-name
{
  color:                          white;
  font-size:                      11px;
  margin-bottom:                  2em;
}

#logoff-box p#edit-account a
{
  border:                         #315E99 solid 1px;
  color:                          #CCCCCC;
  padding-left:                   4px;
}

#logoff-link
{
  color:                          #6699CC;
  padding-left:                   10px;
}

#logoff-link a
{
  color:                          #999999;
  text-decoration:                none;
}

#logoff-link a:hover,
#logoff-link a:active
{
  color:                          #6699CC;
}


#content-col
{
  background-image:               url(img/bg.content-area.bottom.png);
  background-position:            0px 100%;
  background-repeat:              no-repeat;
  float:                          right;
  padding-top:                    130px;
  padding-bottom:                 26px;
  position:                       relative;
  width:                          750px;
}

#teaser
{
  left:                           0px;
  position:                       absolute;
  top:                            17px;
}

#content-area
{
  background-color:               #F8F8F8;
  background-image:               url(img/bg.content-area.png);
  background-position:            0px 0px;
  background-repeat:              repeat-y;
  color:                          #336699;
  min-height:                     340px;
  padding:                        20px 38px 26px 30px;
  width:                          660px;
}
/*
#content-area a
{
  background-image:               url(img/bg.link.gif);
  background-position:            0px 50%;
  background-repeat:              no-repeat;
  padding-left:                   10px;
}
*/
#content-area a.plain
{
  background-image:               none;
  padding-left:                   0px;
}

#default-content
{
  overflow:                       hidden;
  width:                          100%;
}

#content-images
{
  float:                          right;
}

#content-images img
{
  margin-bottom:                  10px;
}

#content-body
{
  width:                          440px;
}


/**
 * index-box
 */
body.index #default-content
{
  height:                         340px;
  width:                          520px;
}

#index-boxes-wrapper
{
  background-image:               url(img/bg.index-boxes.gif);
  background-position:            50% 1.6em;
  background-repeat:              no-repeat;
  margin-bottom:                  40px;
  width:                          100%;
}

#index-boxes
{
  margin:                         0px auto;
  overflow:                       hidden;
  width:                          985px;
}

#index-boxes .index-box
{
  width:                          492px;
}

#index-boxes .index-box h2
{
  color:                          #CCCCCC;
  font-size:                      1.1em;
  height:                         1.5em;
  margin:                         0px;
  padding:                        0px 0px 0px 18px;
  text-transform:                 uppercase;
}

#index-boxes .index-box-content
{
  padding:                        20px 20px 20px 20px;
}

#index-boxes .index-box-content ul
{
  margin:                         0px;
  padding:                        0px;
}

#index-boxes .index-box-content ul li
{
  list-style-type:                none;
  margin:                         0px 0px .5em;
  padding:                        0px;
}

#index-boxes .index-box-content h3
{
  background-image:               none;
  border:                         0px;
  color:                          #CCCCCC;
  margin:                         0px;
  padding:                        0px;
}

#index-boxes .index-box-content p
{
  margin:                         0px 0px .5em;
}

#index-boxes .index-box-content,
#index-boxes .index-box-content a
{
  color:                          #CCCCCC;
}


/**
 * content area
 */
#content-area ul
{
  margin-left:                    0px;
  padding:                        0px;
}

#content-area ul li
{
  background-image:               url(img/bg.list-item.png);
  background-position:            0px 3px;
  background-repeat:              no-repeat;
  list-style-type:                none;
  margin:                         0px;
  padding-left:                   10px;
}

#content-area li.list-item
{
  background-image:               none;
  border-bottom:                  #C9D8E8 solid 1px;
  margin-bottom:                  .5em;
  padding-bottom:                 .5em;
  padding-left:                   0px;
}

#content-area strong,
#content-area b
{
  color:                          #6699CC;
}

.indented
{
  margin:                         0px 6px;
}

.indented-content
{
  margin-left:                    6px;
  width:                          559px;
}



/**
 * welcome-box
 */
.welcome-boxes
{
  margin-bottom:                  15px;
  overflow:                       hidden;
  width:                          100%;
}

.welcome-box
{
  background-color:               white;
  width:                          320px;
}

.welcome-box h2
{
  background-image:               url(img/bg.heading.png);
  background-position:            0px 50%;
  background-repeat:              repeat-x;
  border:                         #C9D8E8 solid 1px;
  color:                          #336699;
  font-size:                      13px;
  margin:                         0px;
  padding:                        1px 5px;
}

.welcome-box-content
{
  border:                         #C9D8E8 solid 1px;
  padding:                        5px 10px;
}

.welcome-box-content h3
{
  background-image:               none;
  border:                         0px;
  margin:                         0px;
  padding:                        0px;
}

#content-area .welcome-box ul
{
  margin:                         0px;
  padding-left:                   0px;
}

#content-area .welcome-box li
{
  background-image:               none;
  list-style-type:                none;
  margin-left:                    0px;
  padding-left:                   0px;
}



/**
 * footer
 */
#footer
{
  border-top:                     #606B7F solid 1px;
  font-size:                      11px;
  overflow:                       hidden;
  padding:                        10px 0px;
  width:                          100%;
}

#footerContent
{
  margin:                         0px auto;
  width:                          936px;
}

#copyright
{
  float:                          left;
  margin:                         0px;
}

#footer ul
{
  float:                          right;
  list-style-type:                none;
  margin:                         0px;
  overflow:                       hidden;
  padding:                        0px;
}

#footer ul li
{
  border-right:                   #CCCCCC solid 1px;
  display:                        block;
  float:                          left;
}

#footer ul li a
{
  color:                          #CCCCCC;
  padding:                        0px 4px 0px 5px;
  text-decoration:                none;
}


/**
 * sitemap
 */
#sitemap ul
{
  margin:                         0px;
  padding:                        0px;
}

#sitemap li
{
  background-image:               none;
  list-style-image:               none;
  list-style-type:                none;
  margin:                         0px 0px 0px 15px;
  padding:                        1px 0px;
}

#sitemap img,
#sitemap a
{
  vertical-align:                 middle;
}

#sitemap a
{
  padding-left:                   4px;
}


/**
 * memberarea
 */
.memberarea-content
{
  padding-bottom:                 1px;
  width:                          567px;
}

.memberarea-form
{
}

.memberarea-form th
{
  font-weight:                    normal;
  padding:                        2px 10px 2px 6px;
  text-align:                     left;
  width:                          120px;
}

.memberarea-form td
{
  padding:                        2px 0px;
}

.memberarea-form select
{
  border:                         #C9D8E8 solid 1px;
}

.memberarea-form .text
{
  border:                         #C9D8E8 solid 1px;
  width:                          429px;
}

.memberarea-form .text.auto-width
{
  width:                          auto;
}

.list-item h3,
.list-item h4
{
  margin:                         0px;
}

.list-item p
{
  margin:                         .5em 0px 0px;
}


/**
 * calender popup
 */
#calenderPopup
{
  background-color:               white;
  border:                         #666666 outset 1px;
  position:                       absolute;
  visibility:                     hidden;
}

.jsButton
{
  cursor:                         pointer;
  margin-left:                    5px;
  vertical-align:                 middle;
}

.cpYearNavigation,
.cpMonthNavigation
{
  background-color:               #0A1B3A;
  color:                          white;
  font-weight:                    bold;
  text-align:                     center;
  text-decoration:                none;
  vertical-align:                 middle;
}

.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText
{
}

td.cpDayColumnHeader
{
  border-bottom:                  #666666 solid 1px;
  text-align:                     right;
}

.cpCurrentMonthDate,
.cpOtherMonthDate,
.cpCurrentDate
{
  text-align:                     right;
  text-decoration:                none;
}

.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled
{
  color:                          #D0D0D0;
  text-align:                     right;
  text-decoration:                line-through;
}

.cpCurrentMonthDate
{
  color:                          #6677DD;
  font-weight:                    bold;
}

.cpCurrentDate
{
  color:                          white;
  font-weight:                    bold;
}

.cpOtherMonthDate
{
  color:                          #808080;
}

td.cpCurrentDate
{
  background-color:               #0A1B3A;
  border:                         #666666 solid 1px;
  color:                          white;
}

td.cpCurrentDateDisabled
{
  border:                         #FFAAAA solid 1px;
}

td.cpTodayText,
td.cpTodayTextDisabled
{
  border-top:                     #666666 solid 1px;
}

a.cpTodayText,
span.cpTodayTextDisabled
{
  height:                         20px;
}

a.cpTodayText
{
  color:                          black;
  font-weight:                    bold;
}

span.cpTodayTextDisabled
{
  color:                          #D0D0D0;
}

.cpBorder
{
  border:                         #666666 solid 1px;
}


/**
 * gallery
 */
div.inline-gallery,
div.gallery
{
  margin-top:                     1em;
  overflow:                       hidden;
  width:                          100%;
}

div.inline-gallery div.slide
{
  float:                          left;
  height:                         130px;
  margin:                         0px 10px 10px 0px;
  text-align:                     center;
  width:                          130px;
}

div.gallery div.slide
{
  background-color:               #E0E0E0;
  border:                         #E0E0E0 outset 2px;
  float:                          left;
  height:                         130px;
  margin:                         0px 10px 10px 0px;
  padding:                        10px;
  text-align:                     center;
  width:                          130px;
}

div.gallery div.slide img
{
  border:                         #E0E0E0 inset 2px;
}


div.slides
{
  overflow:                       hidden;
  width:                          100%;
}

div.slide-outer
{
  float:                          left;
  padding:                        8px;
  width:                          210px;
}

div.slide-middle
{
}

div.slide-inner
{
  line-height:                    10px;
  padding:                        5px;
  text-align:                     center;
  width:                          200px;
}

div.slide-inner img
{
}


/**
 * misc
 */
.err
{
  color:                          #CC0033;
}

.statusOK
{
  color:                          #00CC33;
}

.container
{
  overflow:                       hidden;
  width:                          100%;
}

.float-left
{
  float:                          left;
}

.float-right
{
  float:                          right;
}

.column-left
{
  float:                          left;
  padding-bottom:                  1em;
  width:                          310px;
}

.column-right
{
  float:                          right;
  padding-bottom:                 1em;
  width:                          310px;
}

.column-left h3,
.column-right h3
{
  margin-top:                     0px;
}

.button-bar
{
  text-align:                     right;
}

.toolbar
{
  font-size:                      11px;
  font-weight:                    normal;
}

.last-modified
{
  font-size:                      11px;
  margin-bottom:                  0px;
  text-align:                     right;
}

.pager
{
  text-align:                     center;
}

.menu-box
{
  background-color:               white;
  border:                         #C9D8E8 solid 1px;
  overflow:                       hidden;
  padding:                        10px 0px 10px 20px;
  width:                          638px;
}

.menu-box p
{
  float:                          left;
  margin:                         7px 15px 7px 0px;
  overflow:                       hidden;
  width:                          300px;
}

.menu-box p img
{
  float:                          left;
  margin-right:                   10px;
}

.menu-box a:link,
.menu-box a:active,
.menu-box a:hover,
.menu-box a:visited,
.menu-box strong
{
  color:                          #336699;
  text-decoration:                none;
}

div.body-box
{
  margin-top:                     .5em;
}

.list-item div.body-box.indented
{
  border-top:                     #C9D8E8 solid 1px;
  margin:                         .5em 0px 0px 24px;
  padding:                        .5em 0px 0px;
}

.body-box#editor
{
  border:                         0px;
  margin:                         0px;
}

h4.body-box-expand
{
  background-image:               url(img/button.expand.gif);
  background-position:            0% 50%;
  background-repeat:              no-repeat;
  min-height:                     17px;
  padding-left:                   24px;
}

h4.body-box-collapse
{
  background-image:               url(img/button.collapse.gif);
  background-position:            0% 50%;
  background-repeat:              no-repeat;
  min-height:                     17px;
  padding-left:                   24px;
}

.disabled
{
  color:                          #999999;
}

.link-bar
{
  padding-top:                    .5em;
}

.border-top
{
  border-top:                     #C9D8E8 solid 1px;
}

img
{
  border:                         0px;
}

#bet-panel
{
  margin-top:                     2em;
  width:                          100%;
}

#bet-panel td
{
  text-align:                     center;
}

#bet-panel td#homeLabel
{
  font-size:                      140%;
  font-weight:                    bold;
  text-align:                     right;
  width:                          270px;
}

#bet-panel td#awayLabel
{
  font-size:                      140%;
  font-weight:                    bold;
  text-align:                     left;
  width:                          270px;
}

#bet-panel input
{
  font-size:                      1em;
  text-align:                     center;
}

#bet-panel input#home
{
  font-size:                      140%;
  font-weight:                    bold;
  width:                          2em;
}

#bet-panel input#away
{
  font-size:                      140%;
  font-weight:                    bold;
  width:                          2em;
}


#bet-score
{
  margin:                         2em auto 0px;
}

#bet-score thead th
{
  background-color:               #003366;
  color:                          white;
  padding:                        3px 10px;
}

#bet-score tbody th
{
  font-weight:                    normal;
  padding:                        3px 5px;
  text-align:                     left;
}

#bet-score tbody td
{
  font-weight:                    normal;
  padding:                        3px 5px;
  text-align:                     center;
}

#bet-score tbody tr.odd
{
  background-color:               #6699CC;
  color:                          white;
}

#bet-score tbody tr.even
{
  background-color:               #F0F0F0;
  color:                          #333333;
}