html {
height:100%
}

body {
background:url(../images/bgrunner.gif) repeat-x left top #000;
color:#5FBEEE;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
height:100%
}

a {
color:#5FBEEE
}

a:hover,.orangetint,ul#externalnavigation li a:hover,form#loginform a:hover,ul#subnavigation a:hover,ul#subnavigation ul a.ranklink:hover,ul#subnavigation ul a.recentlink:hover,table.leaderboard a:hover {
color:#F90
}

p {
line-height:1.2
}

h3 {
color:#5FBEEE;
font-size:14px;
font-weight:700;
margin-bottom:10px;
width:100%
}

#bigshell {
height:auto !important;
height:810px;
margin:0 auto;
min-height:810px;
position:relative;
width:950px
}

label input.text {
background-color:#000000;
border:1px solid #069;
color:#FF9900;
font-size:100%;
height:16px;
margin:0 4px -1px;
padding:2px 4px 0;
width:95px
}

/* HEADER */
#headcell {
background:url(../images/headcell.gif) no-repeat left top;
height:150px;
position:relative;
width:950px
}

h1 a {
display:block;
height:100%;
text-indent:-9999px;
width:100%
}

h1#super14logo {
background:url(../images/super14logo.gif);
display:block;
height:130px;
left:34px;
position:absolute;
top:6px;
width:90px
}

h1#pocket14logo {
background:url(../images/pocket14logo.jpg);
display:block;
height:100px;
left:124px;
position:absolute;
top:18px;
width:295px
}

h3#accountheading {
background:url(../images/accountheader.gif) no-repeat;
display:block;
height:10px;
left:490px;
position:absolute;
text-indent:-9999px;
top:105px;
width:120px;
z-index:10
}

#headerbanner {
height:60px;
position:absolute;
right:2px;
top:30px;
width:468px
}

#headcell ul {
display:block;
position:absolute
}

ul#mainnavigation {
height:32px;
left:120px;
top:118px
}

ul#mainnavigation li {
background:url(../images/mainnavigation.rightgap.gif) no-repeat right top;
display:block;
float:left;
height:32px
}

ul#mainnavigation li a {
display:block;
height:32px;
text-indent:-9999px
}

ul#mainnavigation li.aboutlink a {
background:url(../images/mainnavigation.linkgraphics.gif) no-repeat;
background-position:0 0;
width:67px
}

ul#mainnavigation li.trivialink a {
background:url(../images/mainnavigation.linkgraphics.gif) no-repeat;
background-position:-67px 0;
width:113px
}

ul#mainnavigation li.fanlink a {
background:url(../images/mainnavigation.linkgraphics.gif) no-repeat;
background-position:-180px 0;
width:82px
}

ul#mainnavigation li.profilelink a {
background:url(../images/mainnavigation.linkgraphics.gif) no-repeat;
background-position:-262px 0;
width:95px
}

body#about ul#mainnavigation li.aboutlink a {
background-position:0 -32px
}

body#trivia ul#mainnavigation li.trivialink a {
background-position:-67px -32px
}

body#bestfan ul#mainnavigation li.fanlink a {
background-position:-180px -32px
}

body#profile ul#mainnavigation li.profilelink a {
background-position:-262px -32px
}

ul#mainnavigation li.aboutlink a:hover,body#about ul#mainnavigation li.aboutlink a:hover {
background-position:0 -64px
}

ul#mainnavigation li.trivialink a:hover,body#trivia ul#mainnavigation li.trivialink a:hover {
background-position:-67px -64px
}

ul#mainnavigation li.fanlink a:hover,body#bestfan ul#mainnavigation li.fanlink a:hover {
background-position:-180px -64px
}

ul#mainnavigation li.profilelink a:hover,body#profile ul#mainnavigation li.profilelink a:hover {
background-position:-262px -64px
}

ul#externalnavigation {
height:22px;
left:270px;
top:5px
}

ul#externalnavigation li {
border-right:1px #000 solid;
float:left;
padding:0 13px 1px
}

ul#externalnavigation li.finallink {
border-right:none
}

ul#externalnavigation li a {
color:#6FF;
float:left;
text-decoration:none
}

ul#accountnavigation {
background:url(../images/accountnavigation.gif) no-repeat;
bottom:33px;
height:15px;
position:absolute;
right:0;
width:471px
}

ul#accountnavigation li {
display:block;
float:right;
height:14px
}

ul#accountnavigation li a {
display:block;
height:14px;
text-indent:-9999px
}

ul#accountnavigation li.registerlink a {
background:url(../images/accountlinks.gif) no-repeat;
width:90px
}

ul#accountnavigation li.registerlink a:hover {
background:url(../images/accountlinks.gif) no-repeat 0 -14px
}

ul#accountnavigation li.logoutlink a {
background:url(../images/accountlinks.gif) no-repeat -85px 0;
width:75px
}

ul#accountnavigation li.logoutlink a:hover {
background:url(../images/accountlinks.gif) no-repeat -85px -14px
}

form#loginform {
left:486px;
position:absolute;
top:123px
}

#loginform label {
color:#6ff;
font-weight:700;
text-transform:uppercase
}

form#loginform input.loginsubmit {
margin-bottom:-7px
}

form#loginform a {
color:#00ABEB;
position:absolute;
right:-67px !important;
right:20px;
text-decoration:none;
top:0;
width:55px
}

form#loginform fieldset label.loggedin a {
color:#FFFFFF;
background:url(../images/bigyellowchevronright.gif) no-repeat 2px 2px;
padding-left:15px;
position:relative;
right:auto !important;
}

form#loginform fieldset label.loggedin a:hover {
color:#FF9900;
}

/* MIDDLE CONTENT */
#middlepane {
float:right;
height:auto !important;
height:657px;
margin-top:5px;
margin-right:165px !important;
margin-right: 83px;
min-height:657px;
position:relative;
width:595px
}

#middlepane h2 {
background-color:#001830;
color:#fea800;
display:block;
font-size:14px;
padding:3px 7px;
text-transform:uppercase
}

div.textcontent {
background-color:#042037;
line-height:1.3;
margin-top:5px;
padding:14px 9px
}

.textcontent h3 {
color:#B3E7FF;
font-size:15px;
margin-bottom:1em
}

.textcontent h4 {
color:#B3E7FF;
font-size:13px
}

.textcontent p {
font-size:12px;
margin-bottom:1em
}

/* MIDDLE CONTENT | HOME */
#middlepane h2.mainsplash {
background:url(../images/mainsplash.jpg) no-repeat #042037;
display:block;
height:415px;
padding:0;
text-indent:-9999px;
width:595px
}

p.mainsplash {
float:left;
font-size:11px;
margin-top:-50px;
padding:0 240px 0 7px
}

#middlepane h2.triviapromo {
background:url(../images/pockettriviapromo.jpg) no-repeat #042037;
display:block;
height:237px;
left:0;
padding:0;
position:absolute;
text-indent:-9999px;
top:420px;
width:293px
}

h2.triviapromo a:hover {
background:url(../images/pockettriviapromohover.gif)
}

p.triviapromo {
font-size:11px;
left:100px;
padding-right:310px;
position:absolute;
top:610px
}

#middlepane h2.bestfanpromo {
background:url(../images/bestfanpromo.jpg) no-repeat #042037;
display:block;
height:237px;
left:300px;
padding:0;
position:absolute;
text-indent:-9999px;
top:420px;
width:295px
}

h2.bestfanpromo a:hover {
background:url(../images/bestfanpromohover.gif)
}

p.bestfanpromo {
font-size:11px;
left:310px;
padding-right:70px;
position:absolute;
top:610px
}

h2.triviapromo a,h2.bestfanpromo a,h4.rss14promo a {
display:block;
height:100%;
width:100%
}

/* MIDDLE CONTENT | GALLERY */
.bestfanthumb {
background:#042037;
border:1px solid #00406f;
float:left;
height:143px;
margin:4px 10px !important;
margin:4px 9px;
width:94px
}

.bestfanthumb img {
border-bottom:1px solid #00406f
}

.bestfanthumb h4,.bestfanthumb p {
font-size:11px;
margin:2px 8px
}

.bestfanthumb p {
color:#FFF
}

.bestfanthumb strong {
color:#B3E7FF;
display:block;
float:left;
width:4.6em !important;
width:4.3em
}

.bestfanthumb h4 {
border-bottom:1px solid #00406f;
color:#F90;
font-weight:200;
padding:0 0 4px
}

.bestfanthumb h4 a {
background:url(../images/bigyellowchevronright.gif) no-repeat 2px 3px;
padding-left: 15px;
text-decoration:none;
}

.bestfanthumb a.ratemelink,form.profilecomponent input.ratemesubmit {
background-image:url(../images/ratemebuttons.gif);
border:0;
cursor:pointer;
display:block;
font-size:0;
height:17px;
line-height:0;
outline:none;
padding:0;
text-indent:-9999px;
width:75px
}

.bestfanthumb a.ratemelink:hover,form.profilecomponent input.ratemesubmit:hover {
background-position:0 -17px
}

.galleryshuffle {
clear:both;
color:#B3E7FF;
padding:10px 0 0 200px;
text-align:center;
text-transform:uppercase;
width:195px
}

.galleryshuffle a {
color:#B3E7FF;
padding:0 2px;
text-decoration:none
}

.galleryshuffle a:hover {
color:#F90;
text-decoration:underline
}

.galleryshuffle a.galleryleftbutton,.galleryshuffle a.galleryrightbutton {
background:url(../images/leftgallerybutton.gif) no-repeat;
background-position:2px 1px;
color:#000;
font-size:1px;
margin-top:1px;
padding-top:7px;
text-decoration:none;
text-indent:-9999px;
width:6px
}

.galleryshuffle a.galleryrightbutton {
background:url(../images/rightgallerybutton.gif) no-repeat;
background-position:2px 1px;
margin-left:3px
}

.galleryshuffle a.galleryleftbutton:hover,.galleryshuffle a.galleryrightbutton:hover {
background-position:2px -10px
}

/* MIDDLE CONTENT | RATE ME */
img.profilecomponent {
height:240px;
margin:5px 5px 10px 0;
width:323px
}

div.profilecomponent {
background:#042037;
float:right;
height:auto !important;
height: 240px;
margin:5px 0 10px -5px;
min-height:240px;
width:267px
}

div.profilecomponent p {
font-size:15px;
margin:6px 10px
}

div.profilecomponent p a {
background:url(../images/bigyellowchevronright.gif) no-repeat 2px 3px;
padding-left:15px;
text-decoration:none;
}

.profilecomponent img {
margin:5px
}

div.profilecomponent p strong {
color:#B3E7FF;
display:block;
float:left;
text-transform:uppercase;
width:7em
}

form.profilecomponent {
background:#042037;
border-bottom:1px solid #006BA4;
border-top:1px solid #006BA4;
clear:both;
padding:7px 7px 35px;
text-align:center
}

form.profilecomponent p {
clear:right;
color:#6CF;
display:block;
float:left;
font-size:12px;
margin:10px
}

form.profilecomponent fieldset {
margin-left:120px
}

form.profilecomponent fieldset.score {
margin:0
}

form.profilecomponent label {
color:#B3E7FF;
font-size:12px;
font-weight:700;
margin-right:2px
}

form.profilecomponent label input {
margin-bottom:-3px
}

form.profilecomponent div.ratemeshuffle p {
margin:8px
}

form.profilecomponent div.ratemeshuffle a {
background:url(../images/ratemecomponentbuttons.gif) no-repeat;
display:block;
height:15px;
left:50px;
position:absolute;
text-indent:-9999px;
width:128px
}

form.profilecomponent div.ratemeshuffle a:hover {
background-position:0 -15px
}

form.profilecomponent div.ratemeshuffle a.nextmember {
background-position:-128px 0;
left:415px
}

form.profilecomponent div.ratemeshuffle a.nextmember:hover {
background-position:-128px -15px
}

/* MIDDLE CONTENT | LEADERBOARD */
div.leaderboard {
background:#042037;
height:auto !important;
height:603px;
margin-top:5px;
min-height:603px;
padding:14px 0 14px 9px
}

table.leaderboard {
float:left;
margin-right:5px;
width:285px
}

table.leaderboard img {
border:1px solid #006BA4;
float:left;
height:36px;
margin-right:8px;
width:48px
}

table.leaderboard p {
color:#F90;
font-size:13px;
font-weight:700;
margin-top:3px
}

table.leaderboard a {
background:url(../images/bigyellowchevronright.gif) no-repeat 2px 3px;
color:#5FBEEE;
font-size:11px;
font-weight:100;
padding-left:15px;
text-decoration:none
}

table.leaderboard th {
color:#B3E7FF;
font-size:14px;
text-align:left
}

table.leaderboard td,table.leaderboard th {
padding:7px
}

table.leaderboard .rank,table.leaderboard .score {
color:#B3E7FF;
font-size:15px;
font-weight:700;
text-align:center;
vertical-align:middle
}

table.leaderboard .score {
font-size:13px
}

/* MIDDLE CONTENT | PROFILE */
h3.fan {
display:block;
height:86px;
margin:5px 0 0;
text-indent:-9999px;
width:595px
}

h3.fan.hurricanes {
background:url(../images/teams/hurricanesbanner.jpg)
}

.profile div.profilecomponent {
height:230px;
margin:5px 0 5px -5px;
min-height:230px;
padding:10px 10px 0;
width:247px
}

.profile table.leaderboard {
margin-bottom:-10px;
width:250px
}

.profile table.leaderboard td {
color:#5fbeee;
font-size:11px
}

.profile table.leaderboard td.score {
width:15%
}

#middlepane h2.minigallery {
clear:both;
color:#5fbeee;
margin:-5px 0 5px;
text-transform:none
}

.profile .bestfanthumb {
height:128px
}

.profile .textcontent {
margin-top:10px;
padding:10px 10px 5px
}

/* MIDDLE CONTENT | POCKET TRIVIA */
#trivia div.content {
background:#042037;
padding:17px 0 23px 28px
}

.quiz #middlepane h2 {
background-image:url(../images/pockettriviaheading.gif);
height:19px;
padding:0;
text-indent:-9999px;
width:173px
}

#triviacomponent {
background-image:url(../images/pockettriviabg.gif);
background-repeat:no-repeat;
height:322px;
margin-top:17px;
position:relative;
width:544px
}

#triviacomponent h3 {
color:#5fbeee;
font-size:13px;
font-weight:100;
left:20px;
position:absolute;
top:26px
}

#triviacomponent h3.score {
left:429px;
width:95px
}

#triviacomponent h4 {
background:url(../images/lightbluechevron.gif) no-repeat 0 2px;
color:#b3e7ff;
display:block;
font-size:12px;
left:24px;
padding-left:13px;
position:absolute;
top:62px
}

#triviacomponent p {
color:#f2a501;
display:block;
font-size:15px;
font-weight:700;
height:19px;
left:14px;
padding:55px 85px;
position:absolute;
top:52px;
vertical-align:middle;
width:348px
}

#triviacomponent input.nextquestion {
background:url(../images/pockettrivianextbutton.gif) no-repeat;
background-position:10px 10px;
border:0;
cursor:pointer;
display:block;
font-size:0;
height:75px;
left:446px;
line-height:0;
outline:none;
padding:0;
position:absolute;
text-indent:-9999px;
top:217px;
width:75px
}

#triviacomponent input.nextquestion:hover {
background-position:10px -70px
}

#triviacomponent label {
background:#00487b;
border:1px solid #00223e;
color:#b3e7ff;
cursor:pointer;
display:block;
font-size:12px;
font-weight:700;
height:18px;
left:51px;
padding:6px 10px 0 35px;
position:absolute;
top:208px;
width:330px
}

#triviacomponent label input {
float:left;
left:7px;
position:absolute;
top:1.5px
}

#triviacomponent label:hover {
background:#216593
}

#triviacomponent label.answerb {
top:240px
}

#triviacomponent label.answerc {
top:272px
}

/* LEFT CONTENT */
#leftpane {
background:url(../images/leftpanetop.jpg) no-repeat center top #069;
clear:left;
float:left;
margin-top:5px
}

#leftpaneinner {
background:url(../images/leftpanebottom.gif) no-repeat center bottom;
height:auto !important;
height:626px;
min-height:626px;
padding:15px 5px 15px 6px;
width:174px
}

.leftpanecontent {
background:#000;
border-bottom:1px solid #6cf;
border-left:1px solid #00406f;
border-right:1px solid #00406f;
border-top:1px solid #00406f;
margin-bottom:10px;
padding:6px 6px 10px
}

ul#subnavigation a {
color:#B3E7FF;
display:block;
line-height:1.5;
padding-left:15px;
text-decoration:none;
text-transform:uppercase;
width:145px
}

ul#subnavigation ul {
background:#042037;
border-bottom:1px solid #006BA4;
border-top:1px solid #006BA4;
margin:2px 0;
padding:3px 0;
text-transform:none
}

ul#subnavigation ul a {
color:#00588F;
margin-right:-25px;
padding-left:25px;
text-transform:none
}

.byrank ul#subnavigation ul a.ranklink,.byrecent ul#subnavigation ul a.recentlink {
background:url(../images/yellowchevronright.gif) no-repeat 13px 4px;
color:#00ABEB
}

ul#subnavigation li a.gallerylink,ul#subnavigation li a.quizlink {
border-bottom:1px solid #006BA4;
margin-bottom:2px;
padding-bottom:1px
}

.gallery ul#subnavigation li a.gallerylink {
background:url(../images/bluechevrondown.gif) no-repeat 3px 3px;
border-bottom:none;
margin-bottom:0;
padding-bottom:0
}

.rateme ul#subnavigation li a.ratemelink,.leaderboard ul#subnavigation li a.leaderboardlink,.quiz ul#subnavigation li a.quizlink {
background:url(../images/bigyellowchevronright.gif) no-repeat 3px 3px
}

.leftpanecontent table {
background:#042037;
border:2px solid #042037;
width:100%
}

.leftpanecontent table td,.leftpanecontent table th {
color:#B3E7FF;
font-size:11px;
padding:2px 4px
}

.leftpanecontent table th {
padding:2px 4px 6px;
text-align:left
}

.membercolumn {
width:65%
}

.evenrow td,.evenrow th {
background:#00487b
}

table.leaderboard .evenrow td,table.leaderboard .evenrow th {
background:#023052
}

.leftpanecontent h3 {
height:18px;
margin-bottom:4px;
text-indent:-9999px;
width:148px
}

.bestfanresults {
background:url(../images/toptenbestfan.gif)
}

.trivialeaderboard {
background:url(../images/trivialeaderboard.gif)
}

.latestmember {
background:url(../images/latestmember.gif)
}

#latestmemberhighlight {
background:#042037;
border-bottom:1px solid #006ba4;
border-top:1px solid #006ba4;
height:auto !important;
height:71px;
min-height:71px
}

#latestmemberhighlight img {
float:left
}

#latestmemberhighlight p {
margin-left:95px;
padding:5px
}

#latestmemberhighlight a, .leftpanecontent table a {
background:url(../images/bigyellowchevronright.gif) no-repeat 2px 3px;
padding-left:15px;
text-decoration:none;
}
.leftpanecontent table a {
color:#B3E7FF;
}
.leftpanecontent table a:hover {
color:#ff9900;
}

/* RIGHT CONTENT */
#rightpane {
clear:right;
position:absolute;
right:0;
top:155px;
width:160px
}

.rightpaneskyscraper {
margin-bottom:4px
}

h4.rss14promo {
background:url(../images/rss14promo.jpg);
display:block;
height:52px;
text-indent:-9999px;
width:160px
}

/* FOOTER */
#footer {
clear:both;
margin:0 auto;
padding:40px 0;
text-align:center;
width:100%
}

/* REGISTER FORM */
form#registerform {
background:#042037;
height:auto !important;
height:603px;
margin-top:5px;
min-height:603px;
padding:14px 9px
}

#registerform h3 {
color:#6CF;
font-size:12px;
margin-bottom:10px
}

#registerform label {
color:#B3E7FF;
display:block;
float:left;
font-size:11px;
margin:0 20px 0 0;
padding:5px 0
}

#registerform label input.text {
margin:5px 0 0;
width:234px
}

#registerform label select {
background-color:#000000;
border:1px solid #069;
color:#ff9900;
font-size:100%;
height:18px;
margin:5px 0;
padding:0;
width:245px
}

#registerform fieldset {
border-bottom:1px solid #00406F;
clear:both;
margin-bottom:10px;
padding-bottom:10px
}

.teamregister {
background:#000;
border:1px solid #069;
height:auto !important;
height:116px;
min-height:116px;
}

.teamregister label {
background-image:url(../images/teams/smallbluesthumb.jpg);
background-repeat:no-repeat;
display:block;
height:90px;
margin:12px !important;
margin:10px;
position:relative;
text-indent:-9999px;
width:89px
}

.teamregister label input {
left:50%;
margin-left:-10px;
position:absolute;
top:70px
}

input.registersubmit {
clear:left;
float:right;
margin-top:20px
}

/* CLEARFIX */
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden
}

.clearfix {
display:inline-block
}

html[xmlns] .clearfix {
display:block
}

* html .clearfix {
height:1%
}

/* RESIZE CLEANUP */
.leftpanecontent,.bestfanthumb,#externalnavigation {
overflow:hidden
}