html, body{ height: 100%; }

body{ font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3; color: #fff; background: #000 url(/images/body.bg.png) center 80px repeat-y; padding: 0; margin: 0px; }
body.short{ background: #000; }

h1,
h2,
h3,
h4{ font-family: "Trebuchet MS", Arial, sans-serif; }

h1{ font-size: 32px; }

a{ color: #AAE3FF; }
a:visited{ color: #ccf; }
a:hover,
a:active{ color: #fff; }

a img.button,
a:visited img.button,
a:active img.button{ visibility: hidden; }
* html a img.button,
* html a:visited img.button,
* html a:active img.button,
a:hover img.button{ visibility: visible; }

.textfield,
select{ background: #fff; border: 1px solid #333; color: #000; font-size: 13px; }

#AuthorizeNetText{ color: #fff; }

#wrapper{ position: relative; width: 780px; margin: 0 auto; height: 100%; }
#header{ background: #000; }
#header:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #header{ height: 1%; }
#logo{ position: absolute; top: 5px; left: 10px; z-index: 100; }
#notice{ clear: both; position: relative; width: 80%; margin: 0 auto; margin-top: 20px; }
#notice .m{ text-align: center; }
#main_nav{ position: relative; padding: 0; height: 35px; }
#main_nav ul{ position: absolute; top: 0; right: 0; margin: 0; padding: 0; list-style-type: none; }
#main_nav ul li{ float: left; margin: 0; padding: 0px; }
#main_nav ul li a{ display: block; text-decoration: none; color: #fff; }
#main{ clear: both; position: relative; background: url(/images/main.bg.jpg) 10px 0px no-repeat; padding: 5px 10px 0px 10px; min-height: 600px; }
* html #main{ height: 600px; }
.short #main{ clear: both; position: relative; background: url(/images/main.login.bg.jpg) 10px top no-repeat; padding: 5px 10px 0px 10px; min-height: 480px; }
* html .short #main{ height: 480px; }

#fixer_a{ float: left; height: 85px; width: 155px; }
#fixer_b{ float: left; height: 85px; width: 85px; }
* html #fixer_a{ height: 60px; }
* html #fixer_b{ height: 60px; }
#fixer_a.home{ float: left; height: 130px; width: 155px; }
#fixer_b.home{ float: left; height: 130px; width: 118px; }
* html #fixer_a.home{ height: 60px; }
* html #fixer_b.home{ height: 60px; }
#main h1{ position: absolute; top: 0px; right: 0; width: 520px; height: 48px; padding-right: 10px; text-align: right; color: #ddddff; }
div>#main h1{ background: url(/images/heading.bg.png) 0px -5px no-repeat; }
* html #main h1{ top: 15px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/heading.bg.png', sizingMethod='scale'); }
#attract{ clear: both; margin: 20px 6px; color: #ddddff; }


#footer{ margin-top: 10px; }
#footer ul{ float: right; list-style-type: none; margin: 0; padding: 0; }
#footer ul li{ float: left; margin: 0; padding: 0px; }
#footer ul li a{ display: block; padding: 3px 10px; font-size: 10px; }
#footer p{ font-size: 10px; color: #aaa; padding: 3px 10px; margin: 0; }

#main_nav #link_signup a{ background: url(/images/nav/signup.hover.gif) top left no-repeat; height: 35px; width: 82px; }
#main_nav #link_home a{ background: url(/images/nav/home.hover.gif) top left no-repeat; height: 35px; width: 60px; }
#main_nav #link_media a{ background: url(/images/nav/media.hover.gif) top left no-repeat; height: 35px; width: 63px; }
#main_nav #link_leaders a{ background: url(/images/nav/leaderboard.hover.gif) top left no-repeat; height: 35px; width: 115px; }
#main_nav #link_community a{ background: url(/images/nav/community.hover.gif) top left no-repeat; height: 35px; width: 100px; }
#main_nav #link_support a{ background: url(/images/nav/support.hover.gif) top left no-repeat; height: 35px; width: 75px; }

#main_nav a img{ border: 0; }
#main_nav a:hover img,
#main_nav .active a img,
#main_nav .active a:hover img{ visibility: hidden; }

#main_nav #link_signup.active a{ background-image: url(/images/nav/signup.active.gif); }
#main_nav #link_home.active a{ background-image: url(/images/nav/home.active.gif); }
#main_nav #link_media.active a{ background-image: url(/images/nav/media.active.gif); }
#main_nav #link_leaders.active a{ background-image: url(/images/nav/leaderboard.active.gif); }
#main_nav #link_community.active a{ background-image: url(/images/nav/community.active.gif); }
#main_nav #link_support.active a{ background-image: url(/images/nav/support.active.gif); }

#current_account{ position: relative; z-index: 11; float: right; font-size: 10px; color: #999; }

#error_container{ padding-bottom: 20px; }
#error_container:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.round{ position: relative; padding: 0; margin: 0; }
.round .tl{ position: absolute; top: 0; left: 0; width: 6px; height: 6px; }
.round .tr{ position: absolute; top: 0; right: 0; width: 6px; height: 6px; }
.round .t{ margin: 0 6px; width: auto; height: 6px; }
/*.round .bl{ position: absolute; bottom: 0; left: 0; width: 6px; height: 6px; }*/
/*.round .br{ position: absolute; bottom: 0; right: 0; width: 6px; height: 6px; }*/
.round .bl{ position: relative; float: left; bottom: 0; left: 0; width: 6px; height: 6px; }
.round .br{ position: relative; float: right; bottom: 0; right: 0; width: 6px; height: 6px; }
.round .b{ margin: 0 6px; width: auto; height: 6px; }
.round .m{ border-left: 1px solid #561033; border-right: 1px solid #561033; padding: 10px; }
.round .bottom{ position: relative; }
* html .round .bl{ position: absolute; bottom: 0; left: 0; width: 6px; height: 6px; line-height: 0; font-size: 0; margin: 0; }
* html .round .br{ position: absolute; bottom: 0; right: 0; width: 6px; height: 6px; line-height: 0; font-size: 0; }
* html .round .bottom{ position: relative; clear: both; margin: 0; padding: 0; width: 100%; height: 6px; }

div>.round.dark .tl,
td>.round.dark .tl{ background: url(/images/tl.purple.png) top left no-repeat; }
div>.round.dark .tr,
td>.round.dark .tr{ background: url(/images/tr.purple.png) top right no-repeat; }
div>.round.dark .t,
td>.round.dark .t{ background: url(/images/t.purple.png) top left repeat-x; }
div>.round.dark .bl,
td>.round.dark .bl{ background: url(/images/bl.purple.png) bottom left no-repeat; }
div>.round.dark .br,
td>.round.dark .br{ background: url(/images/br.purple.png) bottom right no-repeat; }
div>.round.dark .b,
td>.round.dark .b{ background: url(/images/b.purple.png) bottom left repeat-x; }
div>.round.dark .m,
td>.round.dark .m{ background: url(/images/m.purple.png) top left repeat; }

* html .round{ height: 1%; }
* html .round .t{ line-height: 0; font-size: 0px; }
* html .round .b{ line-height: 0; font-size: 0px; }
* html .round .m{ height: 1%; }
* html .round.dark .tl{ overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tl.purple.png', sizingMethod='scale'); }
* html .round.dark .tr{ overflow: hidden; right: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tr.purple.png', sizingMethod='scale'); }
* html .round.dark .t{ line-height: 0; font-size: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/t.purple.png', sizingMethod='scale'); }
* html .round.dark .bl{ overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bl.purple.png', sizingMethod='scale'); }
* html .round.dark .br{ overflow: hidden; right: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/br.purple.png', sizingMethod='scale'); }
* html .round.dark .b{ line-height: 0; font-size: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/b.purple.png', sizingMethod='scale'); }
* html .round.dark .m{ height: 1%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/m.purple.png', sizingMethod='scale'); }

.round.green .m{ border-color: #252; }
div>.round.green .tl,
td>.round.green .tl{ background: url(/images/tl.green.png) top left no-repeat; }
div>.round.green .tr,
td>.round.green .tr{ background: url(/images/tr.green.png) top right no-repeat; }
div>.round.green .t,
td>.round.green .t{ background: url(/images/t.green.png) top left repeat-x; }
div>.round.green .bl,
td>.round.green .bl{ background: url(/images/bl.green.png) bottom left no-repeat; }
div>.round.green .br,
td>.round.green .br{ background: url(/images/br.green.png) bottom right no-repeat; }
div>.round.green .b,
td>.round.green .b{ background: url(/images/b.green.png) bottom left repeat-x; }
div>.round.green .m,
td>.round.green .m{ background: url(/images/m.png) top left repeat; }

* html .round.green .tl{ overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tl.green.png', sizingMethod='scale'); }
* html .round.green .tr{ overflow: hidden; right: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tr.green.png', sizingMethod='scale'); }
* html .round.green .t{ line-height: 0; font-size: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/t.green.png', sizingMethod='scale'); }
* html .round.green .bl{ overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bl.green.png', sizingMethod='scale'); }
* html .round.green .br{ overflow: hidden; right: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/br.green.png', sizingMethod='scale'); }
* html .round.green .b{ line-height: 0; font-size: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/b.green.png', sizingMethod='scale'); }
* html .round.green .m{ height: 1%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/m.png', sizingMethod='scale'); }

.round.light .m{ border-color: #193366; }
div>.round.light .tl{ background: url(/images/tl.png) top left no-repeat; }
div>.round.light .tr{ background: url(/images/tr.png) top right no-repeat; }
div>.round.light .t{ background: url(/images/t.png) top left repeat-x; }
div>.round.light .bl{ background: url(/images/bl.png) bottom left no-repeat; }
div>.round.light .br{ background: url(/images/br.png) bottom right no-repeat; }
div>.round.light .b{ background: url(/images/b.png) bottom left repeat-x; }
div>.round.light .m{ background: url(/images/m.png) top left repeat; }
* html .round.light .tl{ overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tl.png', sizingMethod='scale'); }
* html .round.light .tr{ overflow: hidden; right: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tr.png', sizingMethod='scale'); }
* html .round.light .t{ line-height: 0; font-size: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/t.png', sizingMethod='scale'); }
* html .round.light .bl{ overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bl.png', sizingMethod='scale'); }
* html .round.light .br{ overflow: hidden; right: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/br.png', sizingMethod='scale'); }
* html .round.light .b{ line-height: 0; font-size: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/b.png', sizingMethod='scale'); }
* html .round.light .m{ height: 1%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/m.png', sizingMethod='scale'); }

.round.blue .m{ border-color: #004477; }
div>.round.blue .bl{ background: url(/images/bl.blue.png) bottom left no-repeat; }
div>.round.blue .br{ background: url(/images/br.blue.png) bottom right no-repeat; }
div>.round.blue .b{ background: url(/images/b.blue.png) bottom left repeat-x; }
div>.round.blue .m{ background: url(/images/m.png) top left repeat; }
* html .round.blue .bl{ overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bl.blue.png', sizingMethod='scale'); }
* html .round.blue .br{ overflow: hidden; right: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/br.blue.png', sizingMethod='scale'); }
* html .round.blue .b{ line-height: 0; font-size: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/b.blue.png', sizingMethod='scale'); }
* html .round.blue .m{ height: 1%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/m.png', sizingMethod='scale'); }

.round.dialog .tl{ background: url(/images/tl.dialog.png) top left no-repeat; }
.round.dialog .tr{ background: url(/images/tr.dialog.png) top right no-repeat; }
.round.dialog .t{ background: url(/images/t.dialog.png) top left repeat-x; }
.round.dialog .bl{ background: url(/images/bl.dialog.png) bottom left no-repeat; }
.round.dialog .br{ background: url(/images/br.dialog.png) bottom right no-repeat; }
.round.dialog .b{ background: url(/images/b.dialog.png) bottom left repeat-x; }
.round.dialog .m{ border-color: #3A6489; background: url(/images/m.dialog.png) top left repeat-y; color: #fff; }
* html .round.dialog .tl{ background: url(/images/tl.dialog.gif) top left no-repeat; }
* html .round.dialog .tr{ background: url(/images/tr.dialog.gif) top right no-repeat; }
* html .round.dialog .t{ background: url(/images/t.dialog.jpg) top left repeat-x; }
* html .round.dialog .bl{ background: url(/images/bl.dialog.gif) bottom left no-repeat; }
* html .round.dialog .br{ background: url(/images/br.dialog.gif) bottom right no-repeat; }
* html .round.dialog .b{ background: url(/images/b.dialog.jpg) bottom left repeat-x; }
* html .round.dialog .m{ border-color: #265680; background: #00314F url(/images/m.dialog.jpg) top left repeat-y; color: #fff; }
.round.dialog h2{ margin-top: 0px; }

div>.notice .tl{ background: url(/images/tl.notice.png) top left no-repeat; }
div>.notice .tr{ background: url(/images/tr.notice.png) top right no-repeat; }
div>.notice .t{ background: url(/images/t.notice.png) top left repeat-x; }
div>.notice .bl{ background: url(/images/bl.notice.png) bottom left no-repeat; }
div>.notice .br{ background: url(/images/br.notice.png) bottom right no-repeat; }
div>.notice .b{ background: url(/images/b.notice.png) bottom left repeat-x; }
div>.notice .m{ background: url(/images/m.notice.png) center left repeat-y; }
.notice .m{ border-color: #700; color: #fff; }
* html .notice .tl{ overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tl.notice.png', sizingMethod='scale'); }
* html .notice .tr{ overflow: hidden; right: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tr.notice.png', sizingMethod='scale'); }
* html .notice .t{ line-height: 0; font-size: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/t.notice.png', sizingMethod='scale'); }
* html .notice .bl{ overflow: hidden; bottom: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bl.notice.png', sizingMethod='scale'); }
* html .notice .br{ overflow: hidden; bottom: 0px; right: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/br.notice.png', sizingMethod='scale'); }
* html .notice .b{ line-height: 0; font-size: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/b.notice.png', sizingMethod='scale'); }
* html .notice .m{ height: 1%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/m.notice.png', sizingMethod='scale'); }

table.invisible { border: 0px; border-collapse: collapse; }
table.invisible th { padding: 3px; }
table.invisible td { padding: 3px; }
table.invisible td td { padding: 0px; }

table.pretty { border: 1px solid #fff; border-collapse: collapse; }
table.pretty th { padding: 3px; border: 1px solid #058; }
table.pretty td { padding: 3px; border: 1px solid #058; }
table.pretty td td { padding: 0px; }


/***** IE 6 *****/
* html img { behavior: url("/stylesheets/png.repair.htc"); }