body {
    margin: 0;
    font-size: 14px;
    font-family: "Arial", Arial;
}

.hidden {
    display: none;
}
#mask {
    position: fixed;
    background-color: #CCCCCC;
    display: none;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: 100;
    top: 0;
    left: 0;
}
#loading {
    position: absolute;
    display: none;
    z-index: 101;
}
.tooltip {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #666666;
    border-radius: 6px;
    color: Black;
    font: 14px sans-serif;
    padding: 5px;
    pointer-events: none;
    position: absolute;
    max-width: 300px;
    z-index: 100;
}
.tooltip .tip-title {
    
}
input[type='button'], 
input[type='submit'] {
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 5px;
}

/*** ***/

#chart {
    display: inline-block;
/*    text-align: center;
    padding-left: 20px;*/ 
}
#comparsionwrapper {
  vertical-align: bottom;
  padding-bottom: 5px;
}
#customfilterwrapper {
    display: none;
    vertical-align: top;
    width: 250px;
}
#customfilter {
    padding: 5px 0px;
}
#customfilter span {
    padding-right: 5px;
}
#customfilter div {
    border: solid 1px #CCCCCC;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 2px;
    padding: 2px;
    cursor: pointer;
}
#customfilter .deselected {
    background: rgba(204, 204, 204, 0.3) !important;
}
#filtercontrols input[type='button'], 
#filtercontrols input[type='submit'] {
    width: 75px;
}
#filters {
    /*float: left;*/
    margin: 5px 0px 10px 5px;
}
#filters td {
    padding: 0px 5px;
}
#bottom-filter {
    padding-bottom: 20px;
}
#bottom-filter > table{
    
    text-align: right;
}
.legend-title {
    font-size: 16px;
    font-weight: bold;
}

.legend rect, 
.legend text {
    cursor: default;
}

.colourbox {
    width: 10px;
    height: 10px;
    border: solid 1px black;
    display: inline-block;
    margin-right: 2px;
}
.axis .legend {
    font-size: 12px;
    cursor: pointer;
}
/*** fakedropdown ***/
.fakedropdown {
    width: 200px;
    z-index: 100;
    display: inline-block;
    margin: 0px 10px;
}
.fakedropdown .fdd-title,
.fakedropdown .fdd-items input {
    cursor: default;
}
.fakedropdown .fdd-title {
    border: solid 1px #A6A6A6;
    width: 200px;
    height: 20px;
    padding: 2px 2px 0px 5px;
    margin: 2px 0px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.fakedropdown .fdd-title .down-icon {
    display: inline-block;
    background: url('../../scripts/css/jquery/images/ui-icons_222222_300x281.png') no-repeat -79px -25px;
    width: 11px;
    height: 6px;
    float: right;
    margin: 6px 5px 0px 0px;
}
.fakedropdown .fdd-items {
    display: none;
    position: absolute;
    border: solid 1px #A6A6A6;
    background: white;
    min-width: 204px;
    z-index: 100;
}
.fakedropdown .fdd-items table {
    border-collapse: collapse;
    width: 100%;
}
.fakedropdown .fdd-items td {
    white-space: nowrap;
}
.fakedropdown .fdd-items td:hover {
    background: #CCCCCC;
    color: White;
}
.fakedropdown .fdd-items label {
    display: inline-block;
    width: 100%;
}
/*** END fakedropdown ***/