body {

    margin: 0;
    font-family: arial, tahoma, verdana, helvetica, sans;
    color: #333333;
    font-size: 12px;
    background-color: #000000;
    text-align: center;
    /*
    background-image: url(../images/faux-columns-body.gif);
    background-position: top center;
    background-repeat: repeat-y;
    */

}

body, html {

    /*height: 100%;*/

}

img {

    border: 0;

}

pre {

    font-family: arial, tahoma, verdana, helvetica, sans;

}

form {

    margin: 0;
    padding: 0;

}

#container {

    position: relative;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    display:block;
    background-image: url(../images/faux-columns-body.gif);
    background-position: top center;
    background-repeat: repeat-y;
    position: relative;
    min-height: 100%;
    padding-bottom: 102px;
    <!--[if IE]>
    height: 100%;
    <![endif]-->

}

#wrapper {

    float: left;
    width: 795px;
}

#content {

    padding: 15px;
    width: 522px;
    text-align: justify;
    float: right;

}

div.clear {

    clear: both;

}

a {

    color: #446D8C;
    font-weight: bold;

}

a.add {

    background-image: url(../images/icon-add.gif);
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    padding-top: 35px;
    text-align: center;
    width: 55px;
    text-decoration: none;
    font-weight: normal;
    line-height: 12px;

}

a.button {

    text-decoration: none;
    border: 1px solid #000000;
    background-color: #333333;
    font-weight: bold;
    color: #ffffff;
    padding: 3px 10px 3px 10px;

}

a.cancel {

    font-weight: bold;
    color: #c40000;

}

h2 {

    color: #2C2C2C;
    height: 45px;
    padding: 10px 0 0 50px;
    margin: 0;
    background-image: url(../images/header.gif);
    background-position: left center;
    background-repeat: no-repeat;

}


h2.about-us {

    background-image: url(../images/icon-about-us.gif);

}

h2.advertisers {

    background-image: url(../images/icon-advertisers.gif);

}

h2.book {

    background-image: url(../images/icon-book-large.gif);

}

h2.contact-us {

    background-image: url(../images/icon-contact-us.gif);

}

h2.details {

    background-image: url(../images/icon-details-large.gif);

}

h2.edit {

    background-image: url(../images/icon-edit-large.gif);

}

h2.faq {

    background-image: url(../images/icon-faq.gif);

}

h2.my-account {

    background-image: url(../images/icon-account-large.gif);

}

h2.my-websites {

    background-image: url(../images/icon-websites-large.gif);

}

h2.privacy {

    background-image: url(../images/icon-privacy.gif);

}

h2.register {

    background-image: url(../images/icon-register-large.gif);

}

h2.register-website {

    background-image: url(../images/icon-register-website-large.gif);

}

h2.terms {

    background-image: url(../images/icon-terms.gif);

}

h3 {

    font-size: 17px;
    position:relative;

}

h3.header {

    border-bottom:2px solid #CCCCFF;
    background-image: url(../images/header-bg.gif);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 35px;
    overflow: hidden;

}

h3.header a {

    text-decoration: none;

}

h3.header a.top {

    font-size: 11px;
    position: absolute;
    right: 0;
    bottom: 0;
    font-weight: normal;

}

h5 {

    background-color: darkolivegreen;
    color: #ffffff;
    background-image: url(../images/message-header.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 4px 4px 4px 60px;
    font-weight: normal;
    border-bottom: 1px solid darkolivegreen

}

h5.error {

    background-color: #c40000;
    color: #ffffff;
    background-image: url(../images/message-header-error.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 4px 4px 4px 60px;
    font-weight: normal;
    border-bottom: 1px solid #FF9F80

}

hr {

    height: 2px;
    background-image: #dedede;
    color: #dedede;

}

p.credits {

    border:2px solid #666666;
    padding: 4px;
    background-color:darkolivegreen;
    color: #ffffff;

}

table.logo {

    width: 90px;
    height: 56px;
    background-color: #ffffff;
    border:1px solid #666666;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 1px;
    float: left;

}

table.logo tr td {

    width: 86px;
    height: 52px;
    text-align:center;

}

table.logo tr td img {

    border:0;
    display: block;
    margin: 0 auto;

}

div.footnote {

    position:absolute;
    bottom:4px;
    left:100px;
    font-size: 10px;

}

p {

    text-align: justify;

}

td p {

    margin: 0;

}

p.report {

    text-align: right;

}

p.report a {

    text-decoration: none;
    color: #c40000;

}

/**
 ************************************************
 *  pagination
 ************************************************
 */

#pagination {

    text-align: center;

}

#pagination a {

    border:1px solid #888888;
    width: 20px;
    margin: 0 2px 0 2px;
    text-align: center;
    text-decoration: none;
    display: block;
    float: left;

}

#pagination a.selected {

    background-color: #446D8C;
    color: #ffffff;

}

/**
 ************************************************
 *  grid related
 ************************************************
 */

strong.now {

    color: #c40000;

}

strong.completed {

    color: #333333;

}

strong.up {

    color: #669966;

}

a.book {

    background-image: url(../images/icon-book.gif);
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    padding-top: 35px;
    text-align: center;
    height: 15px;
    min-width: 36px;
    text-decoration: none;
    font-weight: normal;
    line-height: 12px;

}

a.details {

    background-image: url(../images/icon-details.gif);
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    padding-top: 35px;
    text-align: center;
    height: 15px;
    min-width: 36px;
    text-decoration: none;
    font-weight: normal;
    line-height: 12px;

}

a.edit {

    background-image: url(../images/icon-edit.gif);
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    padding-top: 35px;
    text-align: center;
    height: 15px;
    min-width: 36px;
    text-decoration: none;
    font-weight: normal;
    line-height: 12px;

}

a.delete {

    background-image: url(../images/icon-delete.gif);
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    padding-top: 35px;
    text-align: center;
    height: 15px;
    min-width: 36px;
    text-decoration: none;
    font-weight: normal;
    line-height: 12px;

}

a.checkall {

    height: 16px;
    background-image: url(../images/checkall.gif);
    background-repeat: no-repeat;
    background-position: left center;
    display:block;
    font-size:11px;
    padding: 0 0 0 19px;
    text-decoration: none;

}

a.invertselection {

    height: 16px;
    background-image: url(../images/invertselection.gif);
    background-repeat: no-repeat;
    background-position: left center;
    display:block;
    font-size:11px;
    padding: 0 0 0 19px;
    text-decoration: none;

}

a.uncheckall {

    height: 16px;
    background-image: url(../images/uncheckall.gif);
    background-repeat: no-repeat;
    background-position: left center;
    display:block;
    font-size:11px;
    padding: 0 0 0 19px;
    text-decoration: none;

}

/**
 ************************************************
 *  comments
 ************************************************
 */

div.comments h4 {

    background-color: #F3F3F3;
    border: 1px solid #B9B9B9;
    font-size: 10px;
    font-weight: bold;
    padding: 2px;

}

div.comments p {

    font-size: 10px;

}

/**
 ************************************************
 *  ranking details
 ************************************************
 */

div.stats {

    background-color: #E8E8E8;
    border:2px solid #446D8C;
    padding: 5px;
    position: relative;

}

div.rank span {

    position: absolute;
    bottom: -1px;
    right: 2px;
    font-size: 9px;
    color:#446d8c;

}

div.rank span strong {

    font-size: 11px;
    font-weight: bold;

}

/**
 ************************************************
 *  used when listing advertisers (home page, publishers)
 ************************************************
 */
 
div.advertisers div.advertiser {

    float:left;
    border-bottom:1px solid #dedede;
    border-right: 1px solid #dedede;
    padding: 5px;
    width: 163px;
    height: 157px;
    overflow: hidden;

}

div.advertisers div.advertiser-norb {

    width: 163px;
    height: 157px;
    overflow: hidden;
    float:left;
    border-bottom:1px solid #dedede;
    padding: 5px;

}

div.advertisers div.advertiser-nobb {

    width: 163px;
    height: 157px;
    overflow: hidden;
    float:left;
    border-right:1px solid #dedede;
    padding: 5px;

}

div.advertisers div.advertiser-nob {

    width: 163px;
    height: 157px;
    overflow: hidden;
    float:left;
    padding: 5px;

}

div.advertisers div.home-advertiser {

    float:left;
    border-bottom:1px solid #dedede;
    border-right: 1px solid #dedede;
    padding: 5px;
    width: 163px;
    height: 145px;
    overflow: hidden;

}

div.advertisers div.home-advertiser-norb {

    width: 163px;
    height: 145px;
    overflow: hidden;
    float:left;
    border-bottom:1px solid #dedede;
    padding: 5px;

}

div.advertisers div.home-advertiser-nobb {

    width: 163px;
    height: 145px;
    overflow: hidden;
    float:left;
    border-right:1px solid #dedede;
    padding: 5px;

}

div.advertisers div.home-advertiser-nob {

    width: 163px;
    height: 145px;
    overflow: hidden;
    float:left;
    padding: 5px;

}

div.advertisers p {

    font-size: 10px;
    margin: 0;

}

div.advertisers div.details {

    background-image: url(../images/itemdbg.gif);
    background-repeat: no-repeat;
    background-position: top left;
    float: right;
    position: relative;


}

div.advertisers div.details p {

    margin: 0;
    padding: 0;

}


/**
 ************************************************
 *  left sidebar
 ************************************************
 */

#left-sidebar {

    float: left;
    width: 227px;
    padding: 8px;

}

#left-sidebar h2.service {

    margin: 0 0 0 5px;
    padding: 3px 0 0 38px;
    color: #c40000;
    font-size: 18px;
    background-image: url(../images/icon-about-service.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 29px;
    font-weight: normal;

}

#left-sidebar h2.start {

    margin: 0 0 0 5px;
    padding: 3px 0 0 38px;
    color: #c40000;
    font-size: 18px;
    background-image: url(../images/icon-start.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 29px;
    font-weight: normal;

}

#left-sidebar p {

    font-weight: normal;

}

/**
 ************************************************
 *  header
 ************************************************
 */

#header {

    height: 101px;
    background-image: url(../images/faux-columns-header-body.gif);

}

#header h1 {

    margin: 0;
    padding: 0;
    float:left;
    width: 243px;
    height: 100%;
    background-image: url(../images/logo.jpg);
    background-repeat: no-repeat;
    background-position: left center;

}

#header h1 a {

    text-indent: -9000px;
    display: block;
    width: auto;
    height: 100%;

}

#info {

    float: right;
    width: 728px;
    height: 100%;
    color: #ffffff;
    position: relative;

}

#info #timer-label {

    position: absolute;
    width: 190px;
    bottom: 30px;
    font-weight: bold;

}

#info #timer {

    position: absolute;
    width: 190px;
    height: 22px;
    background-image: url(../images/block-time.gif);
    bottom: 0px;
    left: -28px;
    padding: 6px 0 0 0;
    font-size: 15px;
    font-weight: bold;
    text-align: center;

}

#info #timer span span {

    color: #FF9933;
    font-size: 11px;

}

#info div.login {

    background-color: #333333;
    border-bottom:1px solid #282828;
    border-left:1px solid #282828;
    float: right;
    padding: 10px;
    position: relative;

}

#info div.login ul {

    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    list-style: none;

}

#info div.login ul li {

    float: left;
    margin: 0 10px 0 10px;
    padding: 0 0 0px 0;

}

#info div.login div.user-local-time {

    position: relative;
    margin-top: 40px;
    padding-right: 10px;
    text-align: right

}

#info div.login div.user-local-time a {

    color: #ffffff;
    background: none;
    padding: 0;
    position: relative;
    text-decoration: underline;

}

#info div.login a {

    color: #ffffff;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 16px 0 16px 36px;
    position: relative;
    text-decoration: none;

}

#info div.login a.register {

    background-image: url(../images/icon-register.gif);
    background-position: left center;
    background-repeat: no-repeat;
    text-decoration: none;
    position: absolute;
    right: 10px;
    top: 60px;
    font-size: 13px;
    color:#ffffff;

}

#info div.login ul li a.websites {

    background-image: url(../images/icon-websites.gif);

}

#info div.login ul li a.account {

    background-image: url(../images/icon-account.gif);

}
#info div.login ul li a.logout {

    background-image: url(../images/icon-logout.gif);

}

#header-stripes {

    position: relative;
    height: 29px;
    background-image: url(../images/faux-columns-header-stripes.gif);

}

#header-stripes h2 {

    text-align: center;
    width: 243px;
    top: 7px;
    position: relative;
    background: none;
    height: auto;
    margin: 0px;
    padding: 0px;
    font-size:10px;
    color: #ffffff;

}

#header-stripes ul {

    position: absolute;
    margin: 0;
    padding: 0;
    top: 1px;
    left: 250px;
    list-style: none;

}

#header-stripes ul li {

    float: left;
    display: block;

}

#header-stripes ul li a {

    position: relative;
    top: 5px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
    text-transform: lowercase;

}

#header-stripes ul li a:hover {

    background-color: green;

}

/**
 ************************************************
 *  right sidebar
 ************************************************
 */

#right-sidebar {

    width: 205px;
    float: right;

}

#right-sidebar #top10-header {

    background-color: #003D6B;
    position: relative;
    top: -1px;
    padding: 5px 10px 5px 10px;

}

#right-sidebar #top10-header h2 {

    background-image: url(../images/world.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 13px;
    /*font-weight: normal;*/
    color: #ffffff;
    height: 31px;
    padding: 10px 0 0 50px;
    margin: 0 0 0 0;

}

#right-sidebar #top10-header p {

    color: #ffffff;
    text-align: justify;
    margin-bottom: 5px;

}

#right-sidebar #top10-list {

    position: relative;
    padding: 5px 0px 5px 0px;

}

#right-sidebar #top10-list div.famous-advertiser {

    margin-bottom: 5px;
    padding-left: 7px;

}

#right-sidebar #top10-list div.famous-advertiser-other {

    margin-bottom: 5px;
    margin-left:1px;
    padding-left: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #F7FBFF;

}

#right-sidebar #top10-list div.famous-advertiser table, #right-sidebar #top10-list div.famous-advertiser-other table {

    font-size: 11px;
    line-height: 11px;

}

table.wlogo {

    width: 90px;
    height: 56px;
    background-color: #ffffff;
    border:1px solid #666666;
    margin-right: 3px;
    padding: 1px;
    float: left;

}

table.wlogo tr td {

    width: 86px;
    height: 52px;
    text-align:center;

}

table.wlogo tr td img {

    border:0;
    display: block;
    margin: 0 auto;

}

/**
 ************************************************
 *  appears on the booking confirmation page and on the next one
 ************************************************
 */

table.booking-info {

    color: #000000;
    background-color: #CCCCFF;
    border:1px solid #446D8C;
    padding: 0px;
    width: 100%;
    margin: 0 0 1px 0;

}

table.booking-info td {

    padding: 6px;
    border-bottom:1px solid white;
    font-weight: bold;

}

table.booking-info th {

    padding: 4px;
    background-color: #FF7328;
    text-align: center;

}

div.booking-info h4 {

    font-size: 25px;
    text-align: center;
    margin: 0;
    padding: 0;

}

div.booking-info h4 span {

    font-size: 12px;
    font-weight: normal;

}

div.booking-info p {

    margin: 0 20px 0 20px;

}


/**
 ************************************************
 *  graphs
 ************************************************
 */

p.graph-caption {

    font-size: 9px;
    text-align: center;
    margin: 0px;
    padding: 0px;

}

p.graph-header {

    border-top:1px solid #446D8C;
    border-right:1px solid #446D8C;
    border-left:1px solid #446D8C;
    background-color: #CCCC99;
    padding: 3px 0 3px 3px;
    margin: 0;
    width: 517px;
    height: 16px;
    position: relative;
    /*color: #000000;*/

}

p.graph-header input {

    position:absolute;
    height: 22px;
    width: 60px;
    right: 0px;
    top: 0px;

}



/**
 ************************************************
 *  statistics
 ************************************************
 */
 
table.stats {

    width: 100%;

}

table.stats th {

    padding: 3px;
    width: 175px;
    display: block;
    white-space: nowrap;
    text-align: right;
    

}

table.stats th.main {

    font-weight: bold;
    background-color: lightslategray;
    color: whitesmoke;

}

table.stats th.subclass {

    background-color: whitesmoke
    color: #000000;
	font-weight: normal;

}

table.stats td {

    background-color: whitesmoke;
    width: 300px;

}

table.stats td.nobg {

    background-color: #ffffff;

}

table.stats td.rank {

    background-image: url(../images/ranking.jpg);
    background-repeat: no-repeat;
    background-position: 0px 10px;
    border:1px solid #dedede;
    background-color: #ffffff;
    width: 91px;

}

table.stats td.rank p {

    margin-top: 54px;
    width: 91px;
    display: block;
    font-size: 25px;
    font-weight: bold;
    color: green;
    text-align: center;

}



table.stats td.score {

    background-color: orange;
    color: #ffffff;
    border-top: 1px solid #cecece;
    padding: 4px;

}



div.statistics {

    border-bottom:1px solid #888888;

}

div.statistics a.toggle {

    color: #000000;
    background-color: #F7BC5B;
    border:1px solid black;
    padding: 0 3px 0 3px;
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;

}

#avgvpts, #avgcpts, #avgvpws, #avgcpws {

    display: none;

}

/**
 ************************************************
 *  mootips
 ************************************************
 */

a.tooltip {

    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
    width: 40px;
    background-color: #F7BC5B;
    border:1px solid black;
    color: #000000;
    padding: 0 3px 0 3px;

}

a.tooltip2 {

    color: #000000;
    position:relative;
    top: -2px;

}

.tool-tip {

    border:2px solid #444444;
    background-color: #666666;
    padding: 5px;
    text-align: justify;
    color: #ffffff;
    width: 550px;

}

.tool-title {

    font-weight: bold;

}

/**
 ************************************************
 *  footer
 ************************************************
 */
 
#footer {

    width: 100%;
    position: absolute;
    bottom: 0;
    height: 102px;
}

#footer-top {

    background-image: url(../images/faux-columns-footer-top.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 2px;

}

#footer-body {

    background-image: url(../images/faux-columns-footer-body.gif);
    background-image: left top;
    height: 100px;
    position: relative;

}

#footer-body ul {

    margin: 0 0 0 245px;
    padding: 5px 0;
    list-style-type: none;


}

#footer-body ul li {

    float: left;
    margin: 0 14px 0 14px;

}

#footer-body ul li a {

    color: #C9C9C9;
    text-decoration: none;
    font-weight: normal;

}

#footer-body p {

    position: absolute;
    bottom: 5px;
    right: 10px;
    color: #ffffff;
    font-size: 10px;
    margin: 0;

}

/**
 ************************************************
 *  block change
 ************************************************
 */

div.loader {

    text-align: center;
    height: 150px;
    position: relative;
    
}

div.loader img {

    position: relative;
    top: 100px;
    
}

div.loader p {

    position: relative;
    top: 100px;
}