/* 
    Document   : obsviz.css
    Created on : 27/05/2010, 2:41:09 PM
    Author     : Redloop Consulting
    Description:
        Style sheet to support the observant visualisation JavaScript API.
*/

/**
 * Styles for all Observant Visualsiation
 *
 */
.obsviz-main-container {
     font-family: "Lucida Grande", Verdana, Arial, sans-serif;
/*      background: #E5ECF9 none repeat scroll 0 0; */
     -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius: 3px;
}

.obsviz-main-container .obsviz-error .obs-logo a {font-family: "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif; font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.04em; padding-top: 0; display: block; line-height: 1.1em; font-weight: bold; border-top:2px solid #999; color:#999; text-decoration: none; width:62px; margin:0 0 5px 10px; }
.obsviz-main-container .obsviz-error .obs-logo a:hover {border-top-color:#000; color:#000;}
.obsviz-main-container .obsviz-error {position: relative; text-align: center; background: #fff url(https://see.observant.net.au/jsapi/images/fail-roo-small.jpg) 200px 0 no-repeat; padding-top: 20px; min-height: 200px;}
.obsviz-main-container .obsviz-error .obsviz-error-text {font-size: 13px; color: #fff; width: 180px; padding: 10px; margin-bottom:0; border:1px solid #f37e16; background-color: #f37e16; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius: 10px; -moz-box-shadow: 1px 1px 1px #bbb; -webkit-box-shadow: 1px 1px 1px #bbb; -box-shadow:  1px 1px 1px #bbb; text-shadow: 1px 1px 3px #000; font-weight: 200}
.obsviz-main-container .obsviz-error .obsviz-tech-error {color: #fff; width:150px;}
.obsviz-main-container .obsviz-error img {margin-left: 100px;}

.utils_menu {position: relative; display: inline;}
.utils_menu a.utils_link {display:block; width:16px; height:16px; float:right; margin:0 10px 0 15px; background: url(https://see.observant.net.au/jsapi/images/cog.png) top left no-repeat; cursor: pointer;}
.utils_menu a.utils_link span {display: none;}
.utils_menu .utils_ul {background: url(https://see.observant.net.au/jsapi/images/utils-bg.gif) 68px 0 no-repeat; list-style-type: none; position: absolute; margin: 3px 0; padding: 0; left:-50px; width: 90px; text-align: center; top:13px;}
.utils_menu .utils_ul li {margin: 5px 0 0 0; padding: 0 3px 3px; background-color: #dedede;
	-moz-border-radius: 2px; -webkit-border-radius:2px; border-radius:2px;}

.obsviz-main-container .obsviz-loading {background: #fff url(https://see.observant.net.au/jsapi/images/ajax-loader.gif) 20px 20px no-repeat; padding: 20px 20px 20px 40px; }

a.highcharts-credits {border-top: 2px solid #999;}
a.highcharts-credits span {font-family: "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif; font-size: 1em; text-transform: uppercase;   letter-spacing: 0.04em; padding-top: 0; display: block; line-height: 1.1em; font-weight: bold;}
a.highcharts-credits:hover {color:#000 !important; border-top-color: #000;
	text-shadow: 1px 1px 1px #fff;
}

/**
 * photo visualisation styles
 *
 */

.obsviz-photo {
    display: block;
    top: 0px;
    left: 0px;
}

/**
 * chart gallery visualisation styles
 *
 */
 .obsviz-cg-wrap {
     /* border:1px solid #d5d5d5; */
     padding-bottom:0px;
     position: relative;
}

.obsviz-cg-header {
/*
    padding:5px;
    background:#f5f5f5;
    border-bottom:1px solid #d5d5d5;
*/
	position: absolute;
	z-index: 99;
	width: 100%;
}

.obsviz-cg-header-left {
	padding: 5px 0 0 3px;
	width:70%; 
}

.obsviz-cg-header-title {
    font-size:18px;
    float:left;
    margin-right: 6px;
}
.obsviz-cg-header-title h3 {font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 14px; margin: 10px 0 0 15px;}
.obsviz-cg-header-title h4 {font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 11px; margin: 5px 0 0 15px; color: #666;}

/* theme */
.dark .obsviz-cg-header-title h3 {color:#fff !important}
.dark .obsviz-cg-header-title h4 {color:#999 !important}

.obsviz-cg-select {float:left; margin-top: 1px;}
.obsviz-cg-select select {border:1px solid #aaa; font-size:11px; padding:1px 3px 1px 6px; -moz-border-radius:3px; border-radius: 3px;}
.obsviz-cg-select select option {}
.obsviz-cg-history {
    position: absolute;
    right:10px;
    top:13px;
}
.obsviz-cg-history-text {font-family: "Lucida Grande", Verdana, Arial, sans-serif; padding: 2px 6px;background-color:#464d54; color:#fff; font-weight:bold; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 5px; }
a.obsviz-cg-history-text {background-color:transparent; color:#666;}
a.obsviz-cg-history-text:hover {background-color: #909FAF; color:#000;}
.obsviz-cg-clear {
    clear:both;
}

.obsviz-cg-body {
    padding:0px;
}

/**
 * photo gallery visualisation styles
 *
 */

.obsviz-gallery-container {
    position: relative;
}

.obsviz-control-container {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    display: none;
    background-color: #ffc;
    border: 1px solid #ddd;
    margin: 0;
    padding: 6px;
}

.obsviz-control-container span {
    margin: 0 5px
}

.obsviz-csv-export {padding-left: 10px;}
.obsviz-csv-export a {font-size: 9px; font-weight: bold; color:#999; text-decoration: none; padding:2px 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.obsviz-csv-export a:hover {background-color: #464D54; color:#fff;}