/* Global Styles */
body, html
{
   margin: 0 auto;
   padding: 0 0 5px 0;
   background: #fff;
   color: #686868;
   font: 90% verdana,arial,tahoma,sans-serif;
}
body
{
   width: 800px;
}
span, a:link, a:visited, a:active
{
   background-color: inherit;
   color: #fd6d0c;
}
h1
{
   background: url('./images/logo.gif') no-repeat 0 211px;
   height: 260px;
   width: 294px;
   margin: -195px 0;
}
h2
{
   margin: 0;
   padding: 0;
   text-indent: -200000px;
}
dl
{
   margin: 0;
   padding: 0;
}
dd
{
   margin: 7px 0;
   vertical-align: middle;
}
a img
{
   border: 0;
}
p
{
   margin: 0;
   padding: 4px 0;
}
textarea.default
{
   width: 90%;
   height: 200px;
   border: 1px solid #d0d0d0;
   background: #fff;
   color: #686868;
}

/* Main Navigation */
ul#topnav
{
   padding: 168px 0 46px 440px;
   margin: 0;
   list-style-type: none;
}
ul#topnav li
{
   background: url('./images/seperator.jpg') repeat-y right;
   display: inline;
   float: left;
   padding: 2px 20px 2px 12px;
}
ul#topnav li.right
{
   background: none;
}
ul#topnav a
{
   background-color: inherit;
   color: #686868;
   text-decoration: none;
}
ul#topnav a:hover
{
   background-color: inherit;
   color: #fd6d0c;
}

/* Main Structure */
div.col
{
   font-size: 95%;
   float: left;
   display: inline;
   background: url('./images/seperator.jpg') repeat-y;
}
div.left
{
   padding: 14px 16px 15px 5px;
   margin: 0 -9px 0 0;
   width: 153px;
   background-position: right;
}
div.right
{
   padding: 0 13px 15px 25px;
   width: 590px;
   background-position: left;
}
div.large-advert
{
   background: url('./images/adbg.gif') no-repeat;
   padding: 5px 0 0 70px;
}

/* Sub-Headings */
h2#myaccount
{
   background: url('./images/header_my_account_31.png') no-repeat;
   width: 120px;
   height: 25px;
}
h2#wvstats
{
   background: url('./images/header_wv_stats_29.png') no-repeat;
   width: 79px;
   height: 25px;
   margin-top: 10px;
}
h2#welcome
{
   background: url('./images/header_welcome-to-who_visited_188.png') no-repeat;
   width: 280px;
   height: 25px;
   margin-top: 14px;
}
h2#error
{
   background: url('./images/header_some_error_59.png') no-repeat;
   width: 150px;
   height: 25px;
   margin-top: 14px;
}
h2#registration
{
   background: url('./images/header_new_user_45.png') no-repeat;
   width: 150px;
   height: 25px;
   margin-top: 14px;
}
h2#myspace_id
{
   background: url('./images/header_myspace_id_96.png') no-repeat;
   width: 150px;
   height: 25px;
   margin-top: 14px;
}
h2#choose
{
   background: url('./images/header_choose-an_image_136.png') no-repeat;
   width: 260px;
   height: 25px;
   margin-top: 14px;
}
h2#visitorhistory
{
   background: url('./images/header_visitor_history_63.png') no-repeat;
   width: 260px;
   height: 25px;
   margin-top: 14px;
}
h2#accountprefs
{
   background: url('./images/header_account_preferences_85.png') no-repeat;
   width: 260px;
   height: 25px;
   margin-top: 14px;
}
h2#tracker
{
   background: url('./images/header_tracker_code_73.png') no-repeat;
   width: 260px;
   height: 25px;
   margin-top: 14px;
}
h2#tell
{
   background: url('./images/header_tell-a_friend_75.png') no-repeat;
   width: 260px;
   height: 25px;
   margin-top: 14px;
}
h2#topten
{
   background: url('./images/header_top_ten_33.png') no-repeat;
   width: 260px;
   height: 25px;
   margin-top: 14px;
}
h2#faq
{
   background: url('./images/header_frequently-asked_questions_200.png') no-repeat;
   width: 350px;
   height: 25px;
   margin-top: 14px;
}
h2#passreset
{
   background: url('./images/header_password_reset_102.png') no-repeat;
   width: 350px;
   height: 25px;
   margin-top: 14px;
}
h2#login
{
   background: url('./images/header_log_in_33.png') no-repeat;
   width: 350px;
   height: 30px;
   margin-top: 14px;
}

/* Form Styles */
form input, dd *, span.normal
{
   border: 0;
   vertical-align: middle;
}
form input.text
{
   background: #fff url('./images/input.jpg') no-repeat;
   color: #686868;
   width: 141px;
   height: 20px;
   padding: 1px 0 0 5px;
}
form input.login
{
   background: #fff url('./images/button_login_12.png') no-repeat 0 1px;
   color: #686868;
   width: 53px;
   height: 21px;
   padding: 0;
}
form input.submit
{
   background: #fff url('./images/button_submit_7.png') no-repeat 0 1px;
   color: #686868;
   width: 53px;
   height: 21px;
   padding: 0;
}
form input.send
{
   background: #fff url('./images/button_send_11.png') no-repeat 0 1px;
   color: #686868;
   width: 53px;
   height: 21px;
   padding: 0;
}
form input#reset
{
   background: #fff url('./images/button_reset_10.png') no-repeat 0 1px;
   color: #686868;
   width: 53px;
   height: 21px;
   padding: 0;
}
dd.small, p.small
{
   font-size: 85%;
}
span.normal
{
   background-color: inherit;
   color: #686868;
}
dl#preferences dd
{
   padding: 5px 0 11px 150px;
}
dl#preferences dd label, dl#preferences dd span#label
{
   float: left;
   margin-left: -135px;
   width: 115px;
   text-align: right;
   background-color: inherit;
   color: #fd6d0c;
}
dl#preferences dd a
{
   float: left;
   margin-left: -135px;
   background-color: inherit;
   color: #686868;
   text-decoration: none;
}
dl.align dd
{
   padding: 0 0 0 70px;
}
dl.align dd label
{
   float: left;
   text-align: right;
   width: 60px;
   margin-left: -70px;
}
dl.wide dd
{
   padding: 0 0 0 150px;
}
dl.align dd label
{
   width: 140px;
   margin-left: -150px;
}

/* Login Form */
.border
{
   border-bottom: 1px solid #eee;
}

/* Arrowed List */
ul.arrows
{
   padding: 0 0 10px 0;
   margin: 0;
   list-style-type: none;
   font-size: 90%;
}
ul.arrows li
{
   background: url('./images/arrow.jpg') no-repeat 0 11px;
   padding: 5px 0 0 14px;
}
ul.arrows a
{
   font-size: 110%;
   text-decoration: none;
   background-color: inherit;
   color: #686868;
}
ul.arrows a:hover
{
   background-color: inherit;
   color: #fd720d;
}
ul.preview
{
   background: url('./images/preview.jpg') no-repeat;
   padding: 4px 0 0 235px;
   height: 240px;
   font-size: 100%;
}
ul.preview li
{
   padding: 10px 0 0 14px;
   background-position: 0 16px;
}
ul li.plain
{
   padding-top: 28px;
   background: none;
}
img.userimage
{
   margin: 2px 10px;
   float: left;
}
img.myspaceimage
{
   width: 110px;
   height: 66px;
}

/* Timescale on UserCP Visitors */
ul#timescale, ul#visitorlist
{
   list-style-type: none;
   padding: 0;
   margin: 5px 0 0 0;
   clear: both;
}
ul#timescale li
{
   float: left;
   display: inline;
}
ul#timescale li a
{
   padding-top: 8px;
   float: left;
   display: block;
   width: 110px;
   height: 29px;
   background: #f7f7f7;
   color: #6b6b6b;
   border-top: solid 1px #eeeeee;
   border-bottom: solid 1px #eeeeee;
   border-left: solid 1px #f7f7f8;
   border-right: solid 1px #f7f7f8;
   font-size: 120%;
   text-decoration: none;
   text-align: center;
}
ul#timescale li.current a, ul#timescale li a:hover
{
   background: #fff;
   color: #fd720d;
   border-left: solid 1px #eeeeee;
   border-right: solid 1px #eeeeee;
   border-bottom: 0;
}
ul#timescale li a.left
{
   border-left: solid 1px #eeeeee;
}
ul#timescale li a.right
{
   border-right: solid 1px #eeeeee;
}
ul#timescale li.current a.left, ul#timescale li a.left:hover
{
   border-left: solid 1px #f7f7f7;
}
ul#timescale li.current a.right, ul#timescale li a.right:hover
{
   border-right: solid 1px #f7f7f7;
}
ul#visitorlist p
{
   font-size: 90%;
}
ul#visitorlist a
{
   text-decoration: none;
}
ul#visitorlist a:hover
{
   text-decoration: underline;
}
ul#visitorlist li p.alert a, ul#visitorlist li.alert
{
   background: url('images/alert.png') no-repeat;
   font-weight: bold;
   padding: 0 0 2px 20px;
}
ul#visitorlist li.alert
{
   padding-top: 15px;
   background-position: 0 15px;
}
ul#visitorlist li.heading
{
   padding: 10px 0 4px 130px;
   clear: both;
   background-color: inherit;
   color: #fd720d;
   font-size: 105%;
}
ul#visitorlist li.grey
{
   background: #f7f7f7;
   color: #686868;
}
ul#visitorlist li.greyheading
{
   padding: 10px 0 4px 130px;
   clear: both;
   background: #f7f7f7;
   color: #fd720d;
   font-size: 105%;
}
ul#visitorlist li.heading span, ul#visitorlist li.greyheading span
{
   float: left;
   margin-left: -120px;
}
ul#visitorlist li.border
{
   padding-bottom: 16px;
}
ul#visitorlist li#pagination
{
   padding-top: 10px;
}
ul#visitorlist li#pagination span#float
{
   float: right;
}
ul#visitorlist li#pagination span a
{
   background-color: inherit;
   color: #686868;
}
ul#visitorlist li#pagination span a:hover
{
   background-color: inherit;
   color: #fd720d;
}

/* Colour Wheel */
ul#colourslist
{
   list-style-type: none;
   width: 100%;
   height: 20px;
   padding: 10px 0 5px 0;
   margin: 0;
}
ul#colourslist li
{
   float: left;
   display: inline;
}
ul#colourslist a
{
   margin: 0 2px;
   background-image: url('images/colours.png');
   background-position: 1px 1px;
   width: 14px;
   height: 14px;
   display: block;
   float: left;
   text-indent: -6000px;
}
ul#colourslist li#blue a { background-position: -15px 1px; }
ul#colourslist li#pink a { background-position: -30px 1px; }
ul#colourslist li#red a { background-position: -45px 1px; }
ul#colourslist li#black a { background-position: -60px 1px; }

/* Copyright */
p#copyright
{
   clear: both;
}