/*
 *  © 2000-2010 deviantART, Inc. All rights reserved.
 */
#gallerystats-tabs {
    text-align: center; border-bottom: 1px solid #aaa;
    padding-bottom: 4px; width: 630px; margin: auto;
}
#gallerystats-tabs a {
    text-decoration: underline;
    outline: none; 
    margin-right: 10px;
}
#gallerystats-tabs a.active {
    text-decoration: none; font-weight: bold;
}

#gallerystats-summary, #gallerystats-timeline, #gallerystats-galleries, #gallerystats-favourites, 
#gallerystats-comments, #gallerystats-time, #gallerystats-breakdown { display: none; }
#gallerystats-summary.active, #gallerystats-timeline.active, #gallerystats-galleries.active, 
#gallerystats-favourites.active, #gallerystats-comments.active, #gallerystats-time.active, #gallerystats-breakdown.active { display: block; }

/* GALLERY STATS */


html>body #gallery-stats .read.section-block {
    min-height:130px;
}
* html #gallery-stats .read {
    height:130px;
}
.section-block fieldset {
    margin:1.2em;
}

#gallerystats-summary {
    line-height:2em;
}

/*#InfoTextDiv B { font-weight: bold; color: #3B4A4A; }*/
/*BUTTON { font: bold 11px tahoma; padding: 1 2 1 2; }*/

#InfoStatusDiv {
    margin:120px 0;
    text-align:center;
}
#InfoStatusDiv div {
    text-align:left;
}
#InfoStatusDiv>div {
    margin:auto;
}

#InfoTextDiv a {
    color:#3B4A4A;
}
#InfoTextContentDiv p {
    margin:0 10px -.2em 10px;
}


#GalleryLinkDiv {
    line-height:20px;
    margin-top:10px;
}

ul {
    margin-top:5px;
}

div.Breakdown {
    width:300px;
    margin-right:5px;
    line-height:18px;
}
div.Breakdown li {
    clear:both;
    border-bottom-style:solid;
    border-bottom-color: dimgray;
    border-bottom-width: 1px;
    font-size: .9em;
}

.Chart {
    width:350px;
    margin-right:5px;
    margin-bottom:5px;
    float:left;
}
.ChartBar {
    background-color:red;
    font:10px tahoma, verdana, sans-serif;
    height:15px;
    border:1px solid black;
    margin-top:0px;
    padding-left:2px;
    padding-right:1px;
    cursor:default;
    white-space:nowrap;
    display:inline;
    float:left;
    min-width:15px;
}

div.ChartSection {
    border-top:1px solid white;
    padding-left:6px;
    padding-right:6px;
    padding-top:1px;
    margin-top:5px;
}
div.ChartLabel {
    height:15px;
    font:bold 10px tahoma;
    color:black;
    margin:0px;
    margin-bottom:3px;
}
.ChartValue {
    color:black;
    height:16px;
    padding-left:2px;
    font-style:normal;
    font:10px tahoma, verdana, sans-serif;
}
.ChartTitle {
    text-decoration:none;
    font:10px tahoma, sans-serif;
    color:black;
    visibility:hidden;
    height:16px;
    padding-left:3px;
}

.ChartBar.Bar1 { background-color: Gold;  }
.ChartBar.Bar2 { background-color: Tomato;  }
.ChartBar.Bar3 { background-color: MediumSlateBlue; }
.ChartBar.Bar4 { background-color: DarkGray; }
.ChartBar.Bar5 { background-color: MediumSeaGreen; }
.ChartBar.Bar6 { background-color: Orchid;  }
.ChartBar.Bar7 { background-color: Red; }

#WelcomePage {
    display:block;
}

p {
    margin-left:15px;
}

div.TimelineItem {
    background-color:orange;
    border:1px solid black;
    display:inline;
    font:9px tahoma;
    line-height:9px;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    margin-left:-1px;
    margin-bottom:5px;
    word-break:break-all;
    overflow:hidden;
}
html>body div.TimelineItem {
    vertical-align:top !important;
}

table.TimelineItem {
    margin-bottom:15px;
    border:1px solid black;
    margin-right: -1px;
    background-color:orange;
    cursor:pointer;
    background-position:center;
    background-repeat:no-repeat;
}

table.TimelineItem td {
    font:10px tahoma,sans-serif;
    text-align:center;
    vertical-align:top;
}

#TimelineDiv {
    padding:2px;
    height:auto;
}
.TimelineLabel {
    font:normal 9px tahoma,sans-serif;
    color:black;
}
.TimelineImg {
    display:none;
}

#HoverDiv {
    position:absolute;
    padding:2px;
    border:1px solid gray;
    background:white;
    font:10px tahoma;
    visibility:hidden;
}

div.TimelineYear {
    vertical-align:middle;
    margin:4px;
    text-align:center;
    width:6px;
    display:inline;
    font:bold 11px tahoma,sans-serif;
}

div.TimelineYear.Opera {
    display:none;
}

.Note {
    background:whitesmoke;
    border:1px solid gray;
    margin-bottom:10px;
    padding:4px;
    font:11px tahoma,sans-serif;
    line-height:18px;
}

#FAQPage p {
    margin-left:0;
}

#gallery-stats h3 {
    display:none !important;
}
#gallery-stats.KHTML h3 {
    display:block !important;
    margin-top:2em !important;
}

a.dead {
    cursor:default !important;
    cursor:not-allowed !important;
}
#gallery-stats .float-holder {
    visibility:hidden;
}
.scripted .float-holder {
    visibility:visible !important;
}
#failure/**/ {
    display:none;
}
.failure #failure {
    display:block;
}

#InfoStatusContainerDiv {
    border-style:solid;
    width:300px;
}
#InfoStatusBarDiv {
    width:1px;
    height:24px;
}
#InfoStatusTextDiv {
    width:300px;
    text-align:center;
    visibility:hidden;
}