/*
 * Copyright (c) 2009, 2010, Oracle and/or its affiliates. 
 *
 * All rights reserved.
 */
 
.newplot:hover {
        background-color:#bbbbbb;}
.newplot:active {
        background-color:#e76f00;}


.plotcontainer {
        margin:20px 30px;}
.plotareacontainer {
        border:solid 1px #555555;
        border-color:rgba(0,0,0,0.4);
        border-top:none;
        *background-color:#f1ebc0;}
.ploterror {
        padding:20px;
        background-color:#fbf5de;}

/* Plot heading area */
.expandplot {
        cursor:pointer;}
.expandplot img {
        opacity:0.8}
.expandplot:hover img {
        opacity:1.0;}
        

/* bar view */

.bar {
        }
.barlabel {
        color:#222222;
        color:rgba(0,0,0,0.8);
        border-style:dotted solid none none;
        border-width:1px;
        border-color:#b4af8f;
        border-color:rgba(0,0,0,0.25);
        height:35px;
        width:200px;
        line-height:35px;
        background-color:#f1ebc0;
        
        background-image:url('../images/whitefade2.png');
        background-repeat:repeat-x;
        display:block;
        float:left;
        padding:0px 50px 0px 15px;}

.bar:first-child .barlabel, .limited .barlabel.firstlimited {
        border-top:none;
        padding-top:3px;}
.bar:first-child .barcontent, .limited .barcontent.firstlimited {
        padding-top:5px;}
        
.bar:last-child .barlabel, .limited .barlabel.firstlimited {
        padding-bottom:3px;}
.bar:last-child .barcontent, .limited .barcontent.firstlimited {
        padding-bottom:3px;}
        
.barcontent {
        background-color:white;
        height:33px;
        padding-top:3px;
        line-height:1.0;}

.limited .truncate {
        display:none;}
.barfilterwizard {
        position:absolute;
        width:16px;
        height:16px;
        padding:3px 11px;
        background-image:url('../images/whitefade.png');
        background-repeat:repeat-x;
        border:solid 1px #999999;
        background-color:#999999;
        opacity:0.4;
        border-color:rgba(0,0,0,0.3);
        right:10px;
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        border-radius:7px;
        top:50%;
        margin-top:-12px;}
.barlabel:hover .barfilterwizard {
        opacity:1.0;
        background-color:#bbbbbb;
        }
.plotcontainer:hover .barfilterwizard, .plotcontainer:hover .cloudfilterwizard {
        opacity:1.0;}

.editcontainer {
        padding:15px;
        background-color:#f0eabf;
        color:#555555;
        color:rgba(0,0,0,0.6);}

.errorcontainer {
        padding:15px;
        color:#555555;
        color:rgba(0,0,0,0.6);
        background-color:#f0eabf;/*#fbf5de;*/}
.editpair {
        float:left;
        padding-right:20px;height:45px;}
.editcontainer .dialogueActions {
        padding-top:1px;
        float:right;
        width:145px;}
.editcontainer label+input, .editcontainer label+select, .editcontainer label+div { 
        margin-top:3px;
        display:block;}
        
.barglyph {
        height:28px;
        float:left;
        cursor:pointer;
        background-image:url('../images/whitefade2.png');
        background-repeat:repeat-x;
        border-style:solid;
        border-width:1px 1px 1px 0px;
        border-color:#777777;
        border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.2) rgba(0,0,0,0.3) rgba(0,0,0,0.1);
        margin-right:3px;
        -moz-border-radius:0px 7px 7px 0px;
        -webkit-border-top-right-radius:7px;
        -webkit-border-bottom-right-radius:7px;
        border-radius:0px 7px 7px 0px;}
.barglyph:hover {
        background-image:url('../images/whitefade.png');}
.plotratio {
        font-size:13px;}
.plotpercentage {
        color:#666666;
        font-size:10px;margin-top:2px;}

/* cloud view */

.cloudcontainer {
        padding:7px 0px;
        background-color:white;
        vertical-align:middle;
        text-align:center;}
.cloud {
        cursor:default;
        display:inline-block;
        position:relative;
        padding:10px 60px 10px 10px;
        background-image:url('../images/whitefade2.png');
        background-repeat:repeat-x;
        background-color:#f1ebc0;
        border-width:1px;
        border-color:#e5dfb6 #b5b090 #b5b090 #e5dfb6;
        border-color:rgba(0,0,0,0.05) rgba(0,0,0,0.25) rgba(0,0,0,0.25) rgba(0,0,0,0.05);
        border-style:solid solid solid solid;
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        border-radius:7px;}
.cloudfilterwizard {
        position:absolute;
        width:16px;
        height:16px;
        padding:3px 11px;
        background-color:#999999;
        background-image:url('../images/whitefade.png');
        background-repeat:repeat-x;
        border:solid 1px #999999;
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        border-radius:7px;
        border-color:rgba(0,0,0,0.3);
        right:10px;
        top:50%;
        opacity:0.4;
        margin-top:-12px;}
.cloud:hover .cloudfilterwizard {
        background-color:#bbbbbb;}