body
{
    margin: 0 auto;
    padding: 0;
    font: 100% Verdana,Tahoma,Arial,sans-serif;
    background: #000 url(bg.gif) top center repeat-y;
    text-align:center;
}

div
{
    border:0px solid #9ff;
}

#twrap
{
    background: #000;
    color: #fff;
    margin: 7 0 0 0;
    width: 800px;
    overflow:hidden;
    white-space:nowrap;
    text-align:left;
    border:0px solid #f55;
}

#bwrap
{
    background: #000;
    color: #000;
    margin: 7 0 0 0;
    width: 800px;
    overflow:hidden;
    text-align:left;
    border:0px solid #f5f;
}

#logoHold
{
    display:inline;
    text-align:left;
    width:506;
    height:108;
    vertical-align:top;
    float:left;
    border:0px solid #fff;
}

.logl, a.logl:link, a.logl:active, a.logl:visited, a.logl:hover
{
    text-decoration:none;
    color:#fff;
    cursor:pointer;
}


.logo
{
    font-size:52;
    font-weight:700;
    font-family:Georgia, serif;
    color:#3cb371;
}

.logsup
{
    font-size:12px;
    position:relative;
    top:-17;
}

.logot
{
    font-size:52;
    font-weight:700;
    font-family:Georgia, serif;
    color:#aaa;
}

.beta
{
    font-size:14;
    font-weight:700;
    font-family:Arial, sans-serif;
    color:#aaa;
    font-style:italic;
    letter-spacing:3px;
}

.logtsup
{
    font-size:12px;
    position:relative;
    top:-22;
}

.evr
{
    font-size:105%;
    font-style:italic;
    color:#ffa500;
    font-weight:700;
}

.and
{
    font-size:105%;
    color:#fff;
    font-weight:700;
    text-decoration:underline;
}

.ttl
{
    font-size:20;
    font-weight:700;
}

.lbl
{
    font-size:16;
    font-weight:700;
}


.smlbl
{
    font-size:12;
    font-weight:700;
}

.cmt
{
    font-size:14;
    font-weight:700;
    color:#333;
}

.sm
{
    font-size:12;
}


#siHold
{
    display:inline;
    text-align:right;
    width:279;
    vertical-align:top;
    float:right;
    border:0px solid #4f4;
}




/* round edges */
.rbroundbox { background: url(../images/main_nt.gif) repeat; }
.rbtop div { background: url(../images/main_tl.gif) no-repeat top left; }
.rbtop { background: url(../images/main_tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/main_bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/main_br.gif) no-repeat bottom right; }

/* height & width for rounding divs */
.rbtop div, .rbtop, .rbbot div, .rbbot
{
    width: 800px;
    height: 7px;
    font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 14px auto; }


/* yellow ones for sponsored results */
.Yrbroundbox { background: url(../images/nt_y.gif) repeat; }
.Yrbtop div { background: url(../images/tl_y.gif) no-repeat top left; }
.Yrbtop { background: url(../images/tr_y.gif) no-repeat top right; }
.Yrbbot div { background: url(../images/bl_y.gif) no-repeat bottom left; }
.Yrbbot { background: url(../images/br_y.gif) no-repeat bottom right; }

/* height & width for rounding divs */
.Yrbtop div, .Yrbtop, .Yrbbot div, .Yrbbot
{
    width: 800px;
    height: 7px;
    font-size: 1px;
}
.Yrbcontent { margin: 0 7px; }
.Yrbroundbox { width: 100%; margin: 14px auto; }



tr.odd
{
    background-color:#f5f5f5;
}

tr.even
{
    background-color:#aaa;
}




#lhold
{
    width:300px;
    float:left;
    text-align:left;
    padding:0px 0px 0px 60px;
    border:0px solid #f00;
}


#rhold
{
    width:350px;
    float:right;
    text-align:left;
    border:0px solid #fff;
}


li.bstep
{
    font-size:28;
    font-weight:700;
}

.stepon
{
    font-size:18;
    font-weight:700;
}

.stepoff
{
    font-size:18;
    font-weight:700;
    color:#888;
}

.stepsee
{
    font-size:18;
    font-weight:700;
    color:#f00;
}


/* frame for viewing items */

.vf
{
    width:450;
    height:300;
    text-align:center;
    border:1px solid #ccc;
}

.vfl
{
    width:570;
    height:400;
    text-align:center;
    border:1px solid #ccc;
}



.codeBox
{
     font-size:10pt;
     font-weight:700;
     color:#a52a2a;
     background-color:#dfdfdf;
}

/* info links */

.inf {font-size:12; font-weight:400; text-decoration:none;}
a.inf:link {color:#33e; text-decoration:none; font-size:12; font-weight:400;}
a.inf:visited {color:#33e; text-decoration:none; font-size:12; font-weight:400;}
a.inf:active {color:#33e; text-decoration:none; font-size:12; font-weight:400;}
a.inf:hover {color:#00f; text-decoration:underline; font-size:12; font-weight:400;}




.errBox
{
    border:2px dashed #ffa500;
    padding:10px 6px 10px 6px;
    font-size:12;
    font-weight:700;
    text-align:center;
}



/* results NEW STYLES
   style for individual result frames
   is written by Javascript in head of document 
   based on cookie values */


/* item blocker - covers most of results frame - but slides underneath Shack This button */

.blit
{
    position:absolute;
    cursor:pointer;
    width:100%;
    height:96%;
    left:0px;
    top:0px;
    border:0px solid #fff;
    z-index:100;
    background:url(../images/cleardot.gif) repeat;
}

.frlbl
{
    position:absolute;
    width:100%;

    left:0px;
    top:0px;
    border:2px solid #fff;
    background-color:#000;
    z-index:3;
    text-align:center;
    font-weight:700;
    font-size:12;
    color:#fff;
}


/* Shack This Button Holder - rides at bottom of individual results frame */
.stbh
{
    position:absolute;
    bottom:0px;
    left:0;
    width:100%;
    height:auto;
    z-index:110;
    background-color:#000;
    border-top:1px solid #ffa500;
    padding:6px 0px 6px 0px
}




/* results viewing frame - OLD RESULTS PAGE VERSION 
   new version created by javascript on page */

.rvfOLDOLDOLD
{
    width:300;
    height:170;
    text-align:center;
    border:1px solid #ccc;
}




#footer
{
    clear: both;
    margin: 0 auto;
    padding: 10px 0 20px 0;
    border-top: 4px solid #f0f0f0;
    width: 790px;
    text-align: center;
    color: #808080;
    font-size: 0.9em;
}



/* Orange Buttons */
#save{margin:21px 23px 0 0;float:right;text-decoration:none;}


/* Orange Button Style */
    .cta-w{font:bold 120%/1.2em arial;color:#222;text-decoration:none;text-align:center;}
    .cta-w strong{background:transparent no-repeat top right;right:-4px;position:relative;display:block;}
    .cta-w strong strong{background:transparent no-repeat bottom left;top:5px;left:-4px;}
    .cta-w strong strong strong{background:transparent no-repeat bottom right;padding:.2em 3.1em  .3em;top:auto;right:-4px;left:auto;text-indent:-5px;}
    .cta-w{background-image:url(../images/yel_tl.gif);}
    .cta-w strong{background-image:url(../images/yel_tr.gif);}
    .cta-w strong strong{background-image:url(../images/yel_bl.gif);}
    .cta-w strong strong strong{background-image:url(../images/yel_br.gif);}
    .cta-w:hover{color:#000;background-image:url(../images/grn_tl.gif);}
    .cta-w:hover strong{background-image:url(../images/grn_tr.gif);}
    .cta-w:hover strong strong{background-image:url(../images/grn_bl.gif);}
    .cta-w:hover strong strong strong{background-image:url(../images/grn_br.gif);}
    
/* styles for management pages */

  ul.sortablelist {
     margin-top:5px;
  }

  ul.sortablelist li {
    list-style: none;
    padding:0px;
    margin:0px;
    margin-bottom:5px;
  }

  li.orange {
    border:1px solid #E8A400;
    background-color: #FFF4D8;
    cursor: move;
  }

/* button links */

  .arb {
    background-color: #E8A400;
    font-size:14;
    cursor: pointer;
    float:right;
    display:inline;
    padding:2px;
    width:180px;
    margin:0 -2 -1 -2;
    text-align:center;
  }

a.arb:link {color:#fff; text-decoration:none; font-size:14; font-weight:700;}
a.arb:visited {color:#fff; text-decoration:none; font-size:14; font-weight:700;}
a.arb:active {color:#fff; text-decoration:none; font-size:14; font-weight:700;}
a.arb:hover {color:#fff; text-decoration:underline; font-size:14; font-weight:700;}


/* Shack Button */
.ptb {font-family:"Georgia", serif; font-size:14; font-weight:700; text-decoration:none; padding:3px; background-color:#3cb371 ; border:2px solid #888; }
a.ptb:link {color:#666; text-decoration:none; font-size:14; font-weight:700; padding:3px; background-color:#3cb371; border:2px solid #888;}
a.ptb:visited {color:#666; text-decoration:none; font-size:14; font-weight:700; padding:3px; background-color:#3cb371; border:2px solid #888;}
a.ptb:active {color:#666; text-decoration:none; font-size:14; font-weight:700; padding:3px; background-color:#3cb371; border:2px solid #888;}
a.ptb:hover {color:#222; text-decoration:none; font-size:14; font-weight:700; padding:3px; background-color:#5cd391; border:2px solid #ffa500;}


/* menu links */

.men {font-size:12; font-weight:700; text-decoration:none;}
a.men:link {color:#33e; text-decoration:none; font-size:12; font-weight:700;}
a.men:visited {color:#33e; text-decoration:none; font-size:12; font-weight:700;}
a.men:active {color:#33e; text-decoration:none; font-size:12; font-weight:700;}
a.men:hover {color:#00f; text-decoration:underline; font-size:12; font-weight:700;}

/* non bold menu links - blend better */

.nbmen {font-size:12; font-weight:700; text-decoration:underline;}
a.nbmen:link {color:#33e; text-decoration:underline; font-size:12; font-weight:400;}
a.nbmen:visited {color:#33e; text-decoration:underline; font-size:12; font-weight:400;}
a.nbmen:active {color:#33e; text-decoration:underline; font-size:12; font-weight:400;}
a.nbmen:hover {color:#00f; text-decoration:underline; font-size:12; font-weight:400;}


/* admin pages */
#adminholder {width:950px; padding:10px; border: 1px solid #c1c1c1;background-color:#EEEEEE; margin-top:1.5em;}

.lblbl {font-size:16; font-family: arial, sans-serif; color: #3366cc; font-weight: bold;}