<!--

* {
    margin:0;
    padding:0;
    border:0
    }

html, 
body {
    height:100%;
    background:#F6F6F6 url(../images/beta.jpg) repeat-x top left;
    }

body {
    font: normal normal normal 62.5%/150% "Century Gothic", Verdana, Arial, Helvetica;
    color:#222;
    }

a {
    text-decoration:none;
    color:#D05DD3
    }

hr {
    background:#444444;
    margin:10px 0
    }
    
/* -- layout -- */
 
#box {
    padding:30px 0;
    }
 
#container {
    padding:10px;
    margin:0 auto;
    width:900px;
    border:1px solid #CCC;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em; 
    background:#FFF; 
    }
    
#container_inner {
    overflow:hidden;   
    }

#strip_alpha {
    overflow:hidden;
    line-height:3.4em;
    font-size:0.9em;
    text-transform:uppercase;
    background:#918AC6;
    -moz-border-radius-topright: 1em;
    -webkit-border-top-right-radius: 1em; 
    -moz-border-radius-topleft: 1em;
    -webkit-border-top-left-radius: 1em;
    margin:0 0 2px 0;
    padding:0 10px
    }
    
#header {
    background:#C5C1E1;
    overflow:hidden;
    margin:0 0 2px 0
    }
    
#strip_beta {
    overflow:hidden;
    line-height:2.0em;
    background:#918AC6;
    margin:0 0 10px 0
    }

#strip_beta .right {
    white-space:nowrap
    }

#strip_beta .subnav {
    display:inline
    }
    
#content {
    overflow:hidden;
    background:#FFF;
    }

#content_beta_inner {  
    }

#footer {  
    font-weight:bold;
    overflow:hidden;
    width:900px;
    margin:0 auto;
    padding:10px 0 0 0 
    }

#clock {
    color:#7798C5;
    font-size:1.6em;
    line-height:1em;
    display:inline
    }

/* -- searcher -- */

.category_on, 
.tag_on {
    font-weight:bold
    }
.tag {
    white-space:nowrap;
    line-height:1em
    }

/* -- text -- */

.large {
    font-size: 1.2em;
    line-height:150%
    }

.largest {
    font-size: 1.4em;
    line-height:150%
    }
    
.lg {
    font-size:1.6em;
    }


.small {
    font-size:0.8em;
    }

    
.left .small {
    line-height:1.2em
    }
    
#content_beta_inner p {
    margin:10px 0;
    font-size:1.1em
    }

#content_beta_inner p.quote {
    color:#E086E0 ; 
    font-family:helvetica ; 
    font-weight:bold ; 
    font-size:1.7em ; 
    text-align:justify ; 
    line-height:1.2em ; 
    margin-bottom:10px
    }
#content_beta_inner p.quote b {
    font-size:1.4em ;   
    letter-spacing:1px ; 
    color:#D25DD3
    }

/* -- links -- */

#strip_alpha .left a {
    margin:0 15px 0 0
    }

#strip_alpha .right a {
    color:#D05DD3
    }
    
#strip_alpha p a {
    font-size:0.9em;
    color:#222
    }

#strip_beta .left a {
    margin:0 0 0 15px;
    color:#FFF
    }

    
#strip_beta .right  a.subnav_head {
    padding:0.4em 20px;
    color:#eee;
    text-transform:uppercase;
    font-weight:bold;
    font-size:1.1em;
    margin:0 10px 0 0
    }

#strip_beta .right a.subnav_head:hover, 
#strip_beta .right a.subnav_on {
    color:#000;
    }

#strip_beta ul a {
    color:#FFF;
    font-weight:bold;
    display:block;
    padding:0 5px;
    white-space:nowrap;
    }

#strip_beta ul a:hover {
    color:#000;
    }


#footer a {
    color:#323D53;
    }
/* -- headers -- */

h1 {
    font-size:1.6em
    }
    
h2 {
    font-size:1.4em
    }

h3 {
    font-size:1.2em
    }
    
h4 {
    font-size:1.0em
    }
    
h5 {
    font-size:0.8em
    }

#content_beta h1 {
    color:#AA7BE2;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:2.2em
    }

#content_beta h2 {
    color:#918AC6
    }


/* -- lists -- */

#strip_beta ul {
    position:absolute;
    background:#918AC6;
    list-style:none;
    line-height:2.0em;
    -moz-border-radius-bottomright: 1em;
    -webkit-border-bottom-right-radius: 1em; 
    -moz-border-radius-bottomleft: 1em;
    -webkit-border-bottom-left-radius: 1em;
    }

#content_beta_inner ul {
    margin:15px;
    list-style:circle
    }

#footer ul {
    list-style:circle
    }
    
ol {
    margin:5px 16px
    }
    
/* -- forms -- */

.formwrap {
    padding:10px 0;
    overflow:hidden;
    clear:both;
    }

.formwrap .left {
    clear:both;
    width:30%;
    }

.formwrap .right {
    width:70%;
    }

.formwrap .left, .formwrap .right {
    line-height:22px;
    margin:1px 0 0 0;
    }
     
.formwrap input[type=text], 
.formwrap input[type=password], 
.formwrap input[type=file],
.formwrap textarea,
.formwrap select,
.selectngo {
    border:4px solid #BBB;
    background:#BBB;
    width:300px;
    color:#222;
    font-weight:bold;
    margin:0 1px 0 0;
    font: normal normal normal 1em "Century Gothic", "Trebuchet MS" , Arial, Verdana, Helvetica;
    }

.formwrap select,
.selectngo {
    width:auto
    }
    
.formwrap select option,
.selectngo option {
    padding:0 3px;
    margin:4px 0
    }

.formwrap select optgroup {
    padding:0 3px;
    margin:4px 0;
    font-style:normal
    }
    
.formwrap select optgroup option {
    padding:0 8px;
    margin:4px 0
    }
    
.formwrap textarea {
    font-weight:normal;
    height:80px;
    float:left
    }

textarea.wysiwyg {
    height:150px
    }

textarea.l {
    height:500px
    } 

textarea.code {
    width:97%;
    height:500px;
    background:#FFF;
    padding:10px;
    display:block;
    margin:0 auto;
    font-family:"courier new";
    font-size:0.9em
    }

 
input[type=submit],
input[type=button]{
    background:#999;
    color:#FFF;
    padding:3px
    }

input[type=submit].ajax{
    background:#27262B url(../images/ajax.gif) no-repeat center center;
    }
div.ajax {
    width:126px;
    background:url(../images/ajax.gif) no-repeat center center;
    margin:10px auto;
    text-align:center;
    line-height:22px
    }
    
.formwrap input[type=text].s {
    width:30px;
    text-align:center
    }

.formwrap input[type=text].m {
    width:150px;
    }
    
.formwrap input[type=text].ms {
    width:100px;
    text-align:center
    }

.formwrap input[type=text].ml {
    width:240px
    }

.formwrap b {
    text-transform:uppercase;
    font-size:0.9em;
    color:#A00000;
    display:block;
    clear:both
    }

.formwrap b.error {
    display:none
    }

.formwrap input[type=text].error_border, 
.formwrap input[type=password].error_border,
.formwrap select.error_border,
.formwrap textarea.error_border {
    border:4px solid #303030;
    background:#303030;
    color:#FFF
    }

.required {
    font-weight:bold
    }

select,
table {
    font-size:1.1em
    }

input.openid,
.formwrap input[type=text].openid {
    background:#FFF url(../images/openid.png) no-repeat 2px center;
    padding:4px 4px 4px 20px;
    }

.cond .left {
    width:20%;
    line-height:1.4em
    }
    
.cond .right {
    width:80%;
    line-height:1.4em
    }
    
.cond .right a {
    white-space:nowrap
    }

#upload_target {
    width:0;
    height:0;
    border:0
    }
    
/* -- tables -- */

table.tblwrap {
    background:#999;
    margin:10px 0;
    padding:10px;
    border:0;
    width:100%;
    }

table.tblwrap td {
    padding:4px;
    font-size:0.9em
    }

table.tblwrap td.td_s {
    width:26px;
    text-align:center;
    padding:2px
    }
    
table.tblwrap td.td_s img,
.option_right img,
.option_center img{
    background:#FFF;
    padding:3px;
    margin:2px 2px 0 2px;
    border:1px solid #AAA
    }

table.tblwrap td.td_s img {
    float:left;
    margin:2px;
    }
    
table.tblwrap td.td_ms {
    width:45px;
    text-align:center;
    }
    
table.tblwrap td.td_m {
    width:80px;
    text-align:center
    }

table.tblwrap td.td_ml {
    width:150px;
    text-align:center
    }

table.tblwrap td.td_h,
table.tblwrap th {
    font-weight:bold;
    text-align:center
    }    

table.tblwrap th  {
    color:#FFF;
    cursor:pointer
    }

table.tblwrap th.nosort {
    color:#000;
    cursor:default
    }     

table.alternate tr {
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;    
    }

table.tblwrap td.td_img {
    border:1px solid #CCC;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em; 
    }

.sortasc {
    background:url(../images/sortasc.png) no-repeat center right;
    }

.sortdesc {
    background:url(../images/sortdesc.png) no-repeat center right;
    }  
    
/* -- panels -- */

.panel {
    clear:both;
    margin:0 0 10px 0
    }


.panel span.pspan {
    background:#F0F0F0;
    overflow:hidden;
    display:block;
    clear:both;
    padding: 10px;
    margin:0 0 10px 0;
    width:880px
    }

#content_beta_inner .panel ul {
    margin:10px 0 0 0;
    width:100%;
    padding:0;
    }
    
.panel ul li {
    float:left;
    display:block;
    color:#222;
    font-weight:bold;
    cursor:pointer;
    background:#FFF no-repeat 8px 5px;
    padding:5px 10px;
    margin:0 10px 0 0;
    -moz-border-radius-topright: 1em;
    -webkit-border-top-right-radius: 1em; 
    -moz-border-radius-topleft: 1em;
    -webkit-border-top-left-radius: 1em;
    }

.panel ul li.right {
    float:right;
    margin:0 0 0 10px;
    }
    
.panel ul li.on {
    color:#D05DD3;
    background-color:#F0F0F0;
    cursor:default
    }

.panel span.pspan .panel span {
    padding:0
    }

.panel span.pspan .panel  ul li {
    float:left;
    display:block;
    color:#eeeeee;
    text-transform:uppercase;
    cursor:pointer;
    margin:0 5px 0 0;
    padding:0;
    background:none;
    }

.panel span.pspan .panel  ul li.on {

    cursor:default;
    color:#000
    }
    
/* -- parent child -- */

.show_parent {
    cursor:pointer
    }

tr.show_child td ol {
    font-size:1.1em;
    line-height:1.6em
    }

/* -- columns -- */

.col_wrap {
    padding:10px 0;
    overflow:hidden;
    clear:both;
    }

.col_2 {
    width:49%;
    float:left;
    }
    
.col_3 {
    width:33%;
    float:left;
    }
 
.col_4 {
    float:left;
    width:25%
    }

.col_13 {
    float:left;
    width:33%
    }
    
.col_23 {
    float:left;
    width:67%;
    }

.col_14 {
    float:left;
    width:25%
    }
    
.col_34 {
    float:left;
    width:75%;
    }
    
.col_wrap .tblwrap {
    margin:0
    }

/* -- auction -- */

#auction_pledges {
    font-size:6em ; 
    line-height:1.4em ; 
    color:#AA7BE2; 
    font-weight:bold ; 
    text-align:center;
    margin:10px 0
    }

#auction_pledges div {
    font-size:12px ; 
    text-align:center;
    margin:0;
    line-height:12px;
    text-transform:uppercase;
    color:#000
    }
    
/* -- wraps -- */

.item_wrap {
    background:#FFF;
    margin:10px 0 0 0;
    overflow:hidden
    }

.item_wrap h3 {
    background:#CCC;
    line-height:1.6em
    }

.item_wrap img.left,
.item_wrap img.right {
    padding:5px;
    background:#CCC
    }

.item_wrap p {
    padding:0 5px 5px 5px
    }
 
.charity_wrap {
    background:#FFF;
    margin:10px 0 0 0;
    padding:10px
    }

 .charity_wrap:first-Child {
    margin:0
    }
    
/* -- image display -- */

#header img {
    margin:10px
    }

img.middle {
    vertical-align:middle;
    padding:4px 0 0 0
    }

img.left {
    width:auto;
    margin:0 5px 0 0
    }
    
#footer img {
    margin:-6px 0 0 5px
    }

.charity_wrap .col_14 img {
    margin-left:5px 
    }
    
.img_display div {
    float:left;
    margin:15px 15px 0 0 
    }
    
.img_display img {
    padding:5px;
    background:#FFF;
    border:1px solid #000;
    }

.img_display h5 img {
    padding:0;
    border:0;
    margin-left:3px
    }
    
.img_thumb p {
    width:58px;
    height:58px;
    float:left;
    margin:10px 10px 0 0;
    background:#FFF no-repeat center center;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border:1px solid #FFF;
    cursor:pointer
    }

.img_thumb p.on  {
    border:1px dashed #D05DD3;
    background-color:#f9dcd4
    }

/* -- notices -- */    
    
#note {
    background:transparent url(../images/note_bg.png) no-repeat center center;
    width:300px;
    height:200px;
    position:absolute;
    z-index:2
    }
    
#note_inner {
    padding:50px 30px;
    text-align:center;
    }

#note p {
    margin:0 0 10px 0
    }

#error {
    font-size:1.4em;
    color:#D05DD3
    }

#notes {
    font-size:1.4em;
    color:#d7cece
    }
    
.tippit {
    cursor:help
    }


.tip {
    background:#7798C5;
    width:300px;
    padding:10px;
    color:#FFF
    }   

/* -- openid -- */

#openid_if {
    border:1px solid #C7C7C7;
    padding:5px;
    width:98%;
    height:300px;
    }

/* -- colors -- */

.dark a,
.light a,
.xdark a,
.xlight a {
    text-decoration:none;
    font-weight:bold
    }

.dark {
    background:#CCC;
    
    }

.xdark {
    background:#BBB;
    }
    
.light {
    background:#DDD
    }

.xlight {
    background:#EEE
    }

.highlight {  
    font-weight:bold
    }

.status_on {
    background:#78AF78;
    color:#FFF
    }
    
.status_off {
    background:#AF787F;
    color:#FFF
    }

.status_off a, 
.status_on a {
    color:#F0F0F0
    }

/* -- pagetopage -- */

.pagetopage {
    float:right
    }

.pagetopage select {
    padding:5px;
    margin:0 10px
    }
    
.pagetopage select option {
    padding:0 5px;
    }

/* -- js paging -- */

#content_pages span {
    background:#000;
    padding:2px 4px;
    color:#FFF;
    font-weight:bold;
    margin:0 2px 0 0;
    cursor:pointer
    }

#content_pages span.page_on {
    background:#D05DD3
    }
    
/* -- misc -- */

.clear {
    clear:both
    }
    
.noclear {
    clear:none
    }
    
.hide {
    display:none;
    visibility:hidden;
    position:absolute;
    height:1px;
    }
    
.left {
    float:left
    }
    
.right {
    float:right
    }

.center {
    text-align:center
    }
    
.formwrap img.right, .formwrap img.left{
    width:auto;
    }

.pad {
    padding:10px
    }

.padright {
    padding:0 10px 0 0
    }

.padleft {
    padding:0 0 0 10px
    }
.margin {
    margin:5px
    }
    
.round {
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;   
    }
    
.inset {
    border:1px solid #CCC;
    background:#fff;
    padding:0 10px;
    }

.option_right {
    float:right
    }

.option_center {
    text-align:center;
    display:block
    }

-->