/******************** Begin .\clientsrc\toronto\css\reset.css ********************/
/* Eric Meyer's reset.css */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/********************   End .\clientsrc\toronto\css\reset.css ********************/


/******************** Begin .\clientsrc\toronto\css\tor-app.css ********************/
body, html {height: 100%; width: 100%}

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

h1 { font-size:1.6em; padding:1.0em 0; color: #1d1d1d;}
h2 { font-size:1.4em; padding:1.0em 0; color: #4C5B7F;}
h3 {  color: #4A4A4A; padding:0.5em 0; font-size: 1.35em; letter-spacing: -0.06em;}
h4 { font-size:1.1em; padding:0.6em 0; color: #4C5B7F;}

sup {font-size: 65%; height: 0;	line-height: 1;	position: relative;	top: -0.6em;	vertical-align: baseline !important; vertical-align: bottom;
}

.clear-both {clear: both}
.clear-left {clear: left}
.clear-right {clear: right}

a {	border: 0; color:#2C3B0E}
input, select { margin:0; font-family: Arial, Helvetica, sans-serif;}
body { font-size: .8em; font-family: Arial, Helvetica, sans-serif; line-height:1.2em;} 

.column {float:left; margin-right: 8px;}

.label-block {color: #7d7d7d; display:block; font-size: .85em; font-weight:bold}
.label-inline {color: #7d7d7d; display: inline-block;font-size: .85em; font-weight:bold; margin: 0 3px}

.ui-widget {font-family: Arial, Helvetica, sans-serif;} 

.byline {display:block;font-size: 10px; color: #838383; font-weight: normal; letter-spacing: normal;line-height:1.2em; margin-top: 3px;}

.search {border: 1px solid #CDCDAE; background: url(images/tor-bg-search.png) 0 0 no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px;}



#tor-print {display: none; }

.tor-input-blur {  }
.tor-drop-shadow {-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);}
.tor-drop-shadow-left {-moz-box-shadow: -2px 3px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow: -2px 3px 3px rgba(0, 0, 0, 0.3);}

#app {width: 100%; height: 100%; position:relative; min-width: 980px; overflow:hidden; }


  #header {position:relative; height: 88px; -moz-box-shadow: 0 0px 5px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0 0px 5px 5px rgba(0, 0, 0, 0.20); box-shadow: 0 0px 5px 5px rgba(0, 0, 0, 0.20); z-index: 10; border-bottom: 2px solid #D5D8C7;}
    #header-site {font-size: 0.8em; font-weight: bold; height: 28px; line-height; 28px; background: url(images/tor-sprite-bg-horz.png) 0 0 repeat-x; padding: 0 14px;}
    #header-site a {color: #fff; padding: 0 6px;text-decoration:none; font-size: 13px;}
    #header-site .site-nav {padding-top: 6px}
    #header-site a:hover {text-decoration: underline;}
    #header-map {position:relative; height: 60px; background: url(images/tor-sprite-bg-horz.png) 0 -32px repeat-x }
      #logo {position: absolute; top: 5px; height: 45px; left: 20px; }  /*left: 20px; */
        #tor-main-toolbar {position: absolute; top: 12px; right: 300px; left: 178px; text-align: right;} /* left: 230px; */
        #tor-toolbar-search {position:absolute; left: 10px; right: 278px; height: 35px; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px;}
            #tor-toolbar-search-box {width:100%; background:none; border:none; font-size: 1.4em; font-weight:bold; color: #818181; margin: 7px 0 0 10px;}
            #tor-toolbar-search-button {opacity: .8;cursor:ponter; position:absolute; right: 4px; top: 6px; background: url(images/tor-icon-sprite.png) 0 -25px no-repeat; width: 24px; height: 25px; border:none;}
            #tor-toolbar-search-button:hover {opacity:1}
        #tor-toolbar-buttons {float:right}
          #tor-toolbar-buttons li {float:left; margin-right: 7px;}
              #tor-toolbar-buttons button {width: 38px;}
              #tor-toolbar-buttons .ui-button-text  {padding:0; height: 35px; margin: 0 auto;}
              #tor-toolbar-buttons #tor-toolbar-btn-tableview .ui-button-text {background: url(images/tor-icon-sprite.png) -222px -47px no-repeat; width: 26px;  }
              #tor-toolbar-buttons #tor-toolbar-btn-print .ui-button-text {background: url(images/tor-icon-sprite.png) -249px -47px no-repeat; width: 28px;}
              #tor-toolbar-buttons #tor-toolbar-btn-classbreak .ui-button-text {background: url(images/tor-icon-sprite.png) -239px -90px no-repeat; width: 60px; }
                #tor-toolbar-buttons #tor-toolbar-btn-classbreak .ui-button-text  .graph-container {
                   height: 20px;  display:block; border-bottom: 1px solid #ccc;
                  }
            
        #tor-tab-toolbar {position: relative; z-index:13; padding: 11px 0; height: 36px; margin:0;  background: url(images/tor-sprite-bg-horz.png) 0 -94px repeat-x; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); }
          #tor-tab-toolbar-corner {background: url(images/tor-icon-sprite.png) -50px -25px no-repeat; height: 12px; width: 13px; position: absolute; bottom:-12px; left: 0}
          #tor-tab-toolbar .ui-buttonset {margin-left: 8px; float:left;}
          #tor-button-collapse {float:left; text-indent: -9999px; background: url(images/tor-icon-sprite.png) -151px -25px no-repeat; margin-top: 3px; height:28px; width: 19px; border:none; -moz-border-radius: none; -webkit-border-radius: none; }
          #tor-button-collapse:hover {background-position:-151px -55px }
          #app.collapse #tor-button-collapse {background-position:-151px -83px }
          #app.collapse #tor-button-collapse:hover {background-position:-151px -113px }
          #tor-tab-toolbar label {font-size: .8em; text-indent: -9999px; background: url(images/tor-sprite-bg-horz.png) 0 -195px repeat-x; margin-right: -4px; border-top: 1px solid #95aa91; border-left: 1px solid rgba(0,0,0, 0.20);border-right: 1px solid rgba(255,255,255, 0.20);border-bottom: 1px solid #c5d5ae }
          #tor-tab-toolbar label:hover {background-position:0 -233px}
          #tor-tab-toolbar label.ui-corner-left {border-left:1px solid #8eb765}
          #tor-tab-toolbar label.ui-corner-right {border-right:1px solid #8eb765}          
          #tor-tab-toolbar label.ui-state-active {background: url(images/tor-sprite-bg-horz.png) 0 -157px repeat-x;}
          #tor-tab-toolbar label  .ui-button-text  {height: 12px; padding:0; margin:13px 17px 11px;}
            #tor-tab-toolbar #tor-tab-btn-indicators .ui-button-text  { background: url(images/tor-icon-sprite.png) -225px 0 no-repeat; width: 65px; } 
            #tor-tab-toolbar #tor-tab-btn-overlays .ui-button-text  { background: url(images/tor-icon-sprite.png) -225px -12px no-repeat; width: 43px;} 
            #tor-tab-toolbar #tor-tab-btn-custom-areas .ui-button-text  { background: url(images/tor-icon-sprite.png) -225px -25px no-repeat; width: 34px;} 
            
  #content {height: 100%} 
      #right { top:34px; bottom: 0; right: 0; position: absolute;width: 288px; overflow:hidden; z-index: 11}
      #center { height: 100%; margin-right: 275px; }
          #tor-main { height: 100%; position: relative; border: none }
          #tor-map-content { border: none }
        
.right-panel {background: #f6fbf0; position:absolute; top:58px; right:0; bottom: 0; width: 275px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); overflow:hidden;}
.right-panel.active {}
.tor-quickalert { position: absolute;
left: 40%;
z-index: 1000000;
max-width: 350px;
background-color: #e4ecdf;
top: 10px;
border: 1px solid silver;
border-radius: 3px;
box-shadow: 0px 0px 10px 3px rgba(0,0,0,.4);
font-weight: bold;
color: #4A4A4A;
padding: 20px;
}

.panel-footer {position:absolute; bottom: 0; height: 38px; width: 100%; overflow:hidden; white-space:nowrap}
  .panel-footer button, .panel-footer label  {letter-spacing: -0.06em; color: #4f4f4f; background: #F6FBF0;  border:none; margin: 0; font-weight: bold; font-size: 1.3em; text-align: left;-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
  .panel-footer button.ui-state-active, .panel-footer button.ui-state-hover  {background:#e9f3e6;}

.tor-bg-grad-top {position:absolute; width: 100%; top:0; height: 33px; z-index:9; background: url(images/tor-sprite-bg-horz.png) 0 -305px repeat-x}
.tor-bg-grad-bottom {position:absolute; width: 100%; bottom: 0; height: 33px; z-index:9; background: #ccc; background: url(images/tor-sprite-bg-horz.png) 0 -334px repeat-x}

.button-mini.ui-button { float:right; background: none; border:none; opacity: .8; width: 16px; height: 16px; margin: 5px 0 4px 0;}
.button-mini.ui-button.ui-state-hover {opacity: 1}  
  
.ui-button .icon-help-sm {
  background: url(images/tor-icon-sprite.png) -25px -25px;
}
.ui-button .icon-help-lg {
  background: url(images/tor-icon-sprite.png) -25px -100px;
  width: 25px;
  height: 25px;
}
.ui-button .icon-remove-sm {
  background: url(images/tor-icon-sprite.png) -25px -50px;
}

.ui-button.plain-button {
      font-family: Arial, Helvetical, sans-serif;
      background: none repeat scroll 0 0 #EEF2E2;
      border: 1px solid #F8F8F8; 
      box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
}
.ui-button.plain-button.ui-state-hover { background-color: #E0E5CE; border: 1px solid #fff;}
.ui-button.plain-button .ui-button-text {font-size: .8em; font-weight: bold; }
.ui-button.plain-button.ui-button-text-icon-primary .ui-button-text {padding-left: 31px}

/* icons */
.ui-button .icon-collapse {background:  url(images/tor-icon-sprite.png) -50px  -125px no-repeat; width: 25px; height: 25px; }
.ui-button .icon-reset-indicators {background: url(images/tor-icon-sprite.png) -25px  -125px no-repeat; width: 25px; height: 25px;}
.ui-button .icon-manage-indicators {background: url(images/tor-icon-sprite.png) -25px  -75px no-repeat; width: 25px; height: 25px;}
.ui-button .icon-clear {background: url(images/tor-icon-sprite.png) 3px -98px no-repeat; width: 16px; height: 20px;}
.ui-button .icon-dropdown {background: url(images/tor-icon-sprite.png) -50px -98px no-repeat; width: 15px; height: 15px;}


.ui-state-default .icon-radio-lg {background: url(images/tor-icon-sprite.png) -100px -75px no-repeat; height: 25px; width: 25px; top: 11px; margin-top: 0;}
.ui-state-hover .icon-radio-lg{background-position: -100px -49px}
.ui-state-active .icon-radio-lg {background-position: -100px -24px}

.ui-button.ui-state-default .icon-radio-sm {background: url(images/tor-icon-sprite.png) -125px -74px no-repeat; height: 25px; width: 25px;}
.ui-button.ui-state-hover .icon-radio-sm {background-position: -125px -50px}
.ui-button.ui-state-active .icon-radio-sm {background-position: -125px -25px}
.ui-button.ui-state-default .icon-checkbox {background:  url(images/tor-icon-sprite.png) -75px  -75px no-repeat; width: 20px;}
.ui-button.ui-state-active  .icon-checkbox,
.ui-button.ui-state-hover.ui-state-active .icon-checkbox 
 {background-position: -75px -25px;}
.ui-button.ui-state-hover .icon-checkbox {background-position: -75px -50px; }
/* category lists */

.category-list-title {text-shadow: 0 1px rgba(255, 255, 255, 0.5); padding: 8px; border-bottom: 1px solid #CFCFCF; background-color: #e4ecdf; background-color: rgba(156, 188, 135, 0.25); cursor: pointer; color: #464646; text-transform: uppercase; font-size: .9em; font-weight: bold;}

.category-group.active .category-list-title{
background: #e4ecdf url(images/tor-sprite-bg-horz.png) 0 -271px repeat-x; border-bottom:1px solid transparent;
}
.category-list-title:hover { }
	.category-list-title label { cursor: pointer; letter-spacing: 0}


  
.category-list li {padding: 4px; border-bottom: 1px solid #cfcfcf; }
.category-list li:hover {border-color: #999;}
.category-list li.active {}
  .category-list li label {background:none; border:none; font-size: .85em; font-weight: bold; }
  
  .category-list li label  .ui-button-text {padding-left: 28px;white-space:pre-wrap}

    .category-list li.active  {background-color: #e9edd9; 
  }
  .category-list li.active label {color: #92948a;}


.category-list-help.ui-button {float:right; background: none; border:none; opacity: .8; width: 16px; height: 16px; margin: 5px 0 4px 0;}
.category-list-help.ui-button.ui-state-hover {opacity: 1}
.layer-details {  color: #555555; line-height: 18px;  margin-top: 5px;}
.layer-details .byline {margin-top: 5px}

/* jquery ui dialog styling */

.ui-corner-right {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  -moz-border-bottom-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-top-right-radius: 8px;  
}
  
.ui-corner-left{
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  -moz-border-bottom-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;  
}  
  
.ui-dialog {background: #F6FBF0; padding: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    -moz-box-shadow: 0 0 10px -3px #555;
    -webkit-box-shadow: 0 0 10px -3px #555;
    box-shadow: 0 0 10px -3px #555;
}
.ui-dialog .ui-dialog-titlebar  {color: #fff; border: 0; background: url("images/tor-sprite-bg-horz.png") repeat-x scroll 0 -195px #b7d0ae; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 0 0 10px -5px #000000; -webkit-box-shadow: 0 0 10px -5px #000000; box-shadow: 0 0 10px -5px #000000;}
/* jquery ui sliderbar styling */

.ui-slider-horizontal {    
      background: none repeat scroll 0 0 #FAFAFA;
      border: 1px solid #CCCCCC;
      cursor: pointer;
      height: 8px;
      margin: 5px 5% 0;
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
    }
.tor-indicator-active .ui-slider-horizontal {
      border: 1px solid #777;
}
    
 .ui-slider-horizontal .ui-slider-handle {
        top: -0.35em;
        border: 1px solid #999999;
        height: 1em;
        width: 1em;    
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        box-shadow: 1px 1px 3px -2px #333333;
        -moz-box-shadow: 1px 1px 3px -2px #333333;
        -webkit-box-shadow: 1px 1px 3px -2px #333333;
    }



#acknowledgements h3 {line-height: 1.2em;}    
#acknowledgements img {}
#acknowledgements p {padding:4px; color: #4A4A4A;}
#acknowledgements a.logo {margin: 8px 0;display:block}
#acknowledgements ul {padding:4px 0 20px; clear:left;}
#acknowledgements ul.split li {float:left; width: 48%; margin-right: 1%;}
#acknowledgements ul div.title {font-weight: bold; padding:4px 2px}
#acknowledgements li {padding:2px; line-height: 1.2em;}

.ui-dialog-buttonpane { height: 30px; } 
.ui-dialog-buttonpane .caveat-label { color: #4A4A4A; font-size: .9em; font-weight: bold; line-height: 1.35; }
.ui-dialog-buttonpane .ui-dialog-buttonset { display: none; }
#get-started-container {
position: absolute;
z-index: 100000;
bottom: 50px;
right: 150px;
width: 160px;
}
#get-started {
padding: 15px;
border: 1px solid #bbb;
background: #F6FBF0;
box-shadow: 0px 0px 15px #c0c0c0;
-moz-box-shadow: 0px 0px 15px #c0c0c0;
-webkit-box-shadow: 0px 0px 15px #c0c0c0;
color: #4A4A4A;
font-weight: bold;
font-size: 1.15em;
text-align: center;
}
#get-started-arrow {
width: 26px;
height: 15px;
position: absolute;
bottom: -14px;
right: 70px;
background: url(images/tor-icon-sprite.png) -48px -50px no-repeat;
z-index: 10000000;
}
#get-started-close { position: absolute;
cursor: pointer;
top: 1px;
right: -2px;
text-indent: 0px;
font-size: .9em;
background: transparent;}
/********************   End .\clientsrc\toronto\css\tor-app.css ********************/


/******************** Begin .\clientsrc\toronto\css\tor-widget-map.css ********************/

#tor-map-content {position: relative; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;}
#tor-map-context-menu-items {padding: 10px 10px 0 ;}
#tor-map-context-menu {display:none; position: absolute; background: #F6FBF0; z-index: 4000; border: 1px solid #C0C0C0; min-height: 50px;}
  #tor-map-context-menu .ui-button-text {padding-left: 26px}
  .tor-add-custom-area  .ui-icon-custom {background: url("images/tor-icon-sprite.png") no-repeat -100px -99px}
  .tor-more-info {margin-right: 10px}
  .tor-more-info .ui-icon-custom {background: url("images/tor-icon-sprite.png") no-repeat -75px -99px}
 #tor-map-context-references {}
 #tor-map-context-references #tor-map-context-list-title {padding-left: 12px; border-top: 1px solid #CFCFCF; cursor:auto}
  #tor-map-context-references .tor-map-context-menu-item { border-bottom:1px solid transparent; font-weight: bold; cursor: pointer; padding: 6px 12px; font-size: 11px; color: #222;}
	#tor-map-context-references .tor-map-context-menu-item:hover { background: #E9EDD9;}
	#tor-map-context-menu-title { 
    background: url("images/tor-sprite-bg-horz.png") repeat-x scroll 0 -195px #B7D0AE;
    border: 0 none;
    box-shadow: 0 0 10px -5px #000000;
    -moz-box-shadow: 0 0 10px -5px #000000;
    -webkit-box-shadow: 0 0 10px -5px #000000;
    color: #FFFFFF;
    font-size: 1.35em;
    font-weight: bold;
    letter-spacing: -0.06em;
    padding: 11px;

  }

#tor-map-context-references {
    max-height: 250px;
    overflow: auto;
    border-bottom: 1px solid #DDDDDD;
}
.tor-map-context-section-header {
    margin-top: 3px;
    padding-left: 12px;
}
/* OPENLAYERS MAP CONTROLS OVERRIDE */

/* Bad Map Tiles */
.olImageLoadError { background-color: transparent; visibility: hidden;}

/*PAN*/
.olControlPanPanel{
	left: 10px !important;
	top: 10px !important;
}

.olControlPanPanel .olControlPanNorthItemInactive 
{
	  background:url("images/north-mini.png") 0 0 no-repeat;
	left: 0 !important;
    top: 0 !important;
  	width: 50px !important;
	height: 17px !important;
}

.olControlPanPanel .olControlPanSouthItemInactive 
{
	  background:url("images/south-mini.png") 0 0 no-repeat;
	top: 34px !important;
	left: 0 !important;
	width: 50px !important;
	height: 17px !important;
}

.olControlPanPanel .olControlPanWestItemInactive
{
	  background:url("images/west-mini.png") 0 0 no-repeat;
	top: 17px !important;
  left: 0 !important;
  	width: 17px !important;
	height: 17px !important;
}

.olControlPanPanel .olControlPanEastItemInactive 
{
	  background:url("images/east-mini.png") 0 0 no-repeat;
	left: 33px !important;
	top: 17px !important;
	width: 17px !important;
	height: 17px !important;
}


/*ZOOM*/

.olControlZoomPanel 
{
	  top: 63px !important;
	  left:25px;
}

.olControlZoomPanel .olControlZoomInItemInactive
{
  background:url("images/zoom-plus-mini.png") 0 0 no-repeat;
  width: 24px !important;
  height: 24px !important;
  top: 0;
  left:0;
}

.olControlZoomPanel .olControlZoomOutItemInactive 
{
  background:url("images/zoom-minus-mini.png") 0 0 no-repeat;
  width: 24px !important;
  height: 22px !important;
  top: 23px;
}


.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
	background:url("images/full-extent-mini.png") 0 0 no-repeat;
	left:2px;
	position:absolute;
	top:-36px;
	width:16px;
}

/********************   End .\clientsrc\toronto\css\tor-widget-map.css ********************/


/******************** Begin .\clientsrc\toronto\css\tor-widget-indicator-selector.css ********************/
/* Indicator list */
#tor-indicator-selector{ display: none; right: -312px; width: 300px;  background: #f6fbf0;  position: absolute; top: 20px; bottom: 0; z-index:11; border: 1px solid #c0c0c0; border-right: none; border-bottom: none;white-space:pre-wrap}

#tor-indicator-selector-sticky-container {background: #f5f7ed; border: 1px solid #c8c8c8;  position: absolute; top: 130px; bottom: 44px; left: 0; right: 0; margin: 0 10px; overflow: hidden;white-space:pre-wrap}

#tor-indicator-selector-list {height: 100%;overflow: auto;white-space:pre-wrap; position: relative}

.tor-indicator-selector-category-title.category-list-title {background-color: #e4ecdf; background-color: rgba(212, 225, 195, 0.75);white-space:pre-wrap;}

#tor-indicator-selector-list li.sticky  .tor-indicator-selector-category-title {
      position: absolute;
      top: 0;
      z-index: 14;
	  white-space:pre-wrap;
			}


#tor-indicator-selector-list .tor-indicator-selector-type.active .ui-button .icon-checkbox {background-position: -75px -25px;white-space:pre-wrap}
/* make sure checkbox doesnt appear*/
#tor-indicator-selector-list .ui-button.ui-state-active .icon-checkbox {background-position: -75px -75px;white-space:pre-wrap}

/* Header panel */



#tor-indicator-selector-search-wrap { height: 28px; margin-top: 6px; position:relative; }
#tor-indicator-selector-search {background: none; border:none; font-size: 0.85em; font-weight: bold;color: #868686; margin:7px 0px 0 5px; position:absolute; left: 25px;}
#tor-indicator-selector-search-button {   background: url("images/tor-icon-sprite.png") no-repeat scroll -50px -75px transparent;  border: medium none;height: 25px; position: absolute; left: 9px; top: 6px; width: 24px;}
#tor-indicator-selector-title { padding: 0;}
#tor-indicators-selector-remove  {float:right}
#tor-indicator-selector-header {margin: 10px;  }

/* Footer panel */
#tor-indicator-selector-footer {position: absolute; bottom:0; left:0; right: 0; height: 36px; padding: 10px 10px 0;}
  #tor-indicator-selector-close  { float: right; background:url("images/tor-sprite-bg-horz.png") repeat-x scroll 0 -196px transparent}
  #tor-indicator-selector-close  { float: right;}
  #tor-indicator-selector-close .ui-button-text {font-size: .7em; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px #000; color: #fff; padding: 3px 10px }
#tor-indicator-selector-footer-desc { padding: 3px; height: 37px; overflow: hidden; color: #3E4147;}
#tor-indicator-selector-footer-icon { height: 32px; width: 32px; float: left; margin: 5px;}
.tor-indicator-selector-icon-thematic { border: 1px solid red; }
.tor-indicator-selector-icon-domain { border: 1px solid yellow; }
.tor-indicator-selector-icon-basic { border: 1px solid #4C5B7F; }
.tor-indicator-noresults { color: #4A4A4A; font-size: .9em; font-weight: bold; text-align: center;}

.tor-indicator-selector-category-list { display: none; }

/*#tor-indicator-selector-sticky-container's top is absolute and will change based on these values:*/
#time-panel {
    background: none repeat scroll 0 0 #F6FBF0;
    border: 1px solid #FFFFFF;
    left: 10px;
    position: absolute;
    top: 75px;
    width: 278px;
    z-index: 16;
    border-radius: 8px;
    -moz-border-radius:8px;
    -webkit-border-radius: 8px;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
}
.panel-section {
    float: left;
    padding: 10px;
}
/* Helps IE align the time values*/
.panel-section ul li { line-height: 1.3em !important;}

#time-panel li {margin: 3px 0}
#time-panel label {
    color: #4A4A4A;
    font-size: 1.1em;
    margin-left: 3px;
    font-weight: bold;
}

#time-dropdown {
    margin: 12px 0;
    font-weight:bold;
    letter-spacing: -1px;
    text-align:left;
    display:block;
    font-size: 20px;
    position:relative;
    z-index: 17;
}
#time-dropdown .ui-button-text {padding:0.2em 2.1em 0.2em .65em}


#time-display-title {
    background: #F6FBF0;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding: 8px 11px;
    position: relative;
    z-index: 100;
    height: 16px;
    margin-top: 7px;
}
input.time-instance {
    float: left;
}
/********************   End .\clientsrc\toronto\css\tor-widget-indicator-selector.css ********************/


/******************** Begin .\clientsrc\toronto\css\tor-widget-indicators.css ********************/
/* */
#tor-indicators-panel-content {margin-right:0;white-space:pre-wrap}

/* zoom:1 is required to prevent an IE7 rendering bug */
#tor-indicators-header {display: none; zoom: 1; border-bottom: 1px solid #bdc2b8; position:relative; z-index: 12; box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.6)}
#tor-indicators-header-arrow {width: 26px; height: 15px; position:absolute; bottom: -15px; left: 35px; background: url(images/tor-icon-sprite.png) -48px -50px no-repeat; }
#tor-indicators-header.tor-indicator-active { background-color:#ADD8E6; }


#tor-indicators-header-title { background: #f6fbf0; height: 78px; padding: 0; }
  #tor-indicators-header-title input {float:left; width: 36px; }
  #tor-indicators-header-title label {background:none; border:none; display:block; color: #4a4a4a; font-size: 1.4em; letter-spacing: -0.06em; font-weight: bold; float:left; text-align: left; margin-right: 0; width: 240px}
  .tor-indicator-panel-help-lg.ui-button{ float:right; background: none; border:none; opacity: .8; width: 25px; height: 25px; margin: 0 10px 0 0;}
  #tor-indicators-header-title .ui-state-default .icon-radio-lg {top: 11px; margin-top: 0;}

.tor-indicator-panel { position:relative; border-bottom: 1px solid #CFD6CD; border-bottom: 1px solid rgba(0, 0, 0, 0.12);
     border-top: 1px solid rgba(255, 255, 255, 0.8);  width: 100%; float: left; padding: 5px 0;}
  .
  .tor-indicator-panel-titlebar input {float:left; width: 36px; }
  .tor-indicator-panel-titlebar label {background:none; border:none; display:block; color: #4a4a4a; font-size: .9em; font-weight: bold; float:left; text-align: left;}
  .tor-indicator-panel-titlebar label .ui-button-text {
  padding-left: 3.3em;
   width: 165px;
  }
  .tor-indicator-panel-titlebar  .icon-radio-sm {top: 5px; left: 11px; margin-top: 0;}
  
.tor-indicator-panel-remove.ui-button {margin-right: 8px;}
.tor-indicator-panel-readout {float:left; clear:left; font-size: 2.5em; font-weight: bold; color: #4a4a4a; width: 7%; margin-left: 4%; margin-top: 9px;}
.tor-indicator-panel-sliderbar {overflow: hidden; float:left;  width: 72%;}
  .tor-indicator-panel-sliderbar-labels {margin: 0 -6% 0 -5%}
    .tor-indicator-panel-slider-label { display: inline-block; font-size: .8em; text-align: center; color:#d4dbd2; font-weight: bold;}


.tor-indicator-panel.tor-indicator-active {background:  #313131 url(images/tor-sprite-bg-horz.png) 0 -370px repeat-x;}
  .tor-indicator-panel.tor-indicator-active .tor-indicator-panel-titlebar label {
    color: #fff;
  }    
  .tor-indicator-panel.tor-indicator-active .tor-indicator-panel-readout  {
    color: #fff;
    text-shadow: 2px 2px #000;
  }
    
#tor-indicators-container-wrap {background: #ecf4e9; position:absolute; top: 38px; bottom: 38px; z-index: 11; width: 100%;}
#tor-indicators-container {position:absolute; width: 100%; top: 0; bottom: 0; overflow:auto; z-index:10; }
  #tor-indicators-container .tor-indicator-panel-slider .ui-slider-range {background:none}
  #tor-indicators-container .tor-indicator-panel-slider {background: url(images/slider-bg-sprite.png) 0 0 no-repeat}
    #tor-indicators-container.red .tor-indicator-panel-slider { background-position: 0 0;}
        #tor-indicators-container.red .reverse-polarity .tor-indicator-panel-slider { background-position: -181px 0;}
    #tor-indicators-container.green .tor-indicator-panel-slider {background-position: 0 -22px }  
        #tor-indicators-container.green .reverse-polarity .tor-indicator-panel-slider { background-position: -181px -22px;}
    #tor-indicators-container.gray .tor-indicator-panel-slider {background-position: 0 -44px}
        #tor-indicators-container.gray .reverse-polarity .tor-indicator-panel-slider { background-position: -181px -44px}
    #tor-indicators-container.blue .tor-indicator-panel-slider {background-position: 0 -66px}
        #tor-indicators-container.blue .reverse-polarity .tor-indicator-panel-slider { background-position: -181px -66px}


button#tor-indicators-footer-reset {width: 100px;}
button#tor-indicators-footer-add {border-right: 1px solid #ccc; width: 180px; margin-right: 0;}


/* IBUTTON OVERRIDES */

.ibutton-container {margin-top:1px; margin-left: 1px; float:left; height: 15px; 	width: 34px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; border: 1px solid #dadada;}
 .tor-indicator-active .ibutton-container {border: 1px solid #444}
.ibutton-handle {height: 13px; 	width: 11px; border: 1px solid #999999; background: url("smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
 .ibutton-handle-right {display:none}
.ibutton-padding-left, .ibutton-padding-right {display:none}
div.ibutton-label-on, div.ibutton-label-off {height: 10px; border-radius: 3px;}
div.ibutton-label-off span {display:block; margin-top:-5px; font-size: 16px; padding-right: 3px;}
div.ibutton-label-on span {display:block; margin-top: -8px; font-size: 24px; padding-left: 2px;}
div.ibutton-label-on .ibutton-container label {margin-left: 2px;}

/* CHROME FIX */
.tor-indicator-panel:not(.reverse-polarity) div.ibutton-label-on {width:0 !important}

/********************   End .\clientsrc\toronto\css\tor-widget-indicators.css ********************/


/******************** Begin .\clientsrc\toronto\css\tor-widget-classbreak.css ********************/
#tor-widget-layer-selector-class-breaks {margin: 15px 12px 13px 12px}

#tor-classbreak-chart {background: #fff;  height:105px;min-height:105px;max-height:105px; border: 1px solid #ccc; margin: 10px 0 0; position:relative; }
#tor-classbreak-chart.noIndicator {
background: transparent; border:none}
}
#tor-classbreak-toolbar { text-align: right; }

#tor-classbreak-chart text  {font-size: 11px !important; color: #ccc !important}


#tor-classbreak-help-button { margin-left: 6px; }
#tor-classbreak-help { display: none; }
#tor-classbreak-controls h3.tor-legend-title {
    padding-left: 0px !important;
}
/********************   End .\clientsrc\toronto\css\tor-widget-classbreak.css ********************/


/******************** Begin .\clientsrc\toronto\css\tor-widget-custom-area.css ********************/
/* zoom:1 is required to prevent an IE7 rendering bug */
#tor-custom-area-header{zoom:1; position:relative; z-index: 12; padding: 13px 13px; border-bottom: #bdc2b8 1px solid; box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.6)}
#tor-custom-area-header-arrow {width: 26px; height: 15px; position:absolute; bottom: -15px; left: 15px; background: url(images/tor-icon-sprite.png) -48px -50px no-repeat; }

#tor-custom-area-contents-header {
margin: 18px 13px;
}

/* #tor-custom-area-body {position: absolute; top: 60px; bottom: 0;}*/

#custom-area-contents {
  position: absolute; 
  top: 120px;
  bottom: 38px;
  left: 0; 
  right: 0;
  background: #fbfbf7 url(images/bg-custom-area.png) 18px 0 repeat-y;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
.tor-custom-area-container-wrap {
  overflow: auto;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 10;
  padding: 8px 0;
  width: 100%;
}




.tor-custom-area-valuebar { background: #C75C24; height: 20px; white-space: nowrap; margin: 1px; }
.tor-custom-area-graph { border: 1px solid #808080; background: #c0c0c0; margin: 5px 5px 5px 18px;}
.tor-custom-area-title {padding: 0}

.tor-custom-area-name {color: #7F7F7F; font-size: 11px;  font-weight: bold;
padding-top: 5px; margin-left: 23px;}

.tor-custom-area-indicator-label {color: #7d7e76; font-weight: bold; padding-top: 3px;}
.tor-custom-area-graph-bar {clear:left}


.tor-custom-area-container {margin: 0 18px;}

.tor-custom-area-container .ui-button{float: left; margin-left: 5px;}


/********************   End .\clientsrc\toronto\css\tor-widget-custom-area.css ********************/


/******************** Begin .\clientsrc\toronto\css\tor-widget-table.css ********************/
#tor-widget-table-container table { background: #fff; width: auto;  border: 1px solid #CCCCCC; margin-top: 44px;}
#tor-widget-table-buttonbar{
    position: fixed;
    background-color: silver;
    background-color: rgba(0,0,0, 0.2);
    border-radius: 3px;
    padding-left: 10px;
    border: 1px solid silver;
}

#tor-widget-table-container button {margin: 6px 10px 2px 0}

.tor-widget-table-row {
    cursor: pointer;
}
#tor-widget-table-table tr.selected {
    background: #E9EDD9
}
#tor-widget-table-table tr.selected td {
    border-color: #ddd;
}

#tor-widget-table-table td {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    font-size: 0.85em;
    padding: 3px;
    color: #494949;
    text-align: right;
}

#tor-widget-table-table td.neighbourhood {
    text-align: left;
}

#tor-widget-table-table th {
    background: url("images/tor-sprite-bg-horz.png") repeat-x scroll 0 -271px;
    border-bottom: 1px solid #CCCCCC;
    color: #494949;
    cursor: pointer;
    font-size: 0.9em;
    padding: 0 4px;
    text-align: right
}

#tor-widget-table-table th.neighbourhood {
    text-align: left;
}

#tor-widget-table-table .ktable-colsizable-handler {
  border-left: 1px solid #CCCCCC;
    border-right: 6px solid #AFB7A8;
    height: 29px;
    }
 
#tor-widget-table-table .ktable-th-text {
   font-size: 11px;
   margin: 7px 4px 4px;
   text-shadow: 0 1px rgba(255, 255, 255, 0.5);
   text-transform: uppercase;
}

#tor-table-value-option {   
   color: #555555;
   float: right;
   font-weight: bold;
   margin: 6px;
 }
#tor-table-value-option select {
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px;
    margin-left: 10px;
}
/********************   End .\clientsrc\toronto\css\tor-widget-table.css ********************/


/******************** Begin .\clientsrc\toronto\css\tor-splash.css ********************/
#azavea-splash-screen { background: #f6fbf0 !important; min-height: 445px; max-height: 445px; width: 580px; z-index: 10000001;
box-shadow: 0 0 9px -2px #333;
-moz-box-shadow: 0 0 9px -2px #333;
-webkit-box-shadow: 0 0 9px -2px #333;
 }
#azavea-splash-overlay {z-index: 99}
#azavea-splash-toolbar {    
    border-top: 1px solid #ddd;
    bottom: 30px;
    left: 30px;
    padding-top: 22px;
    position: absolute;
    right: 30px; 
    color: #6B6B6B;
    }
    
#azavea-splash-ok { 
      position: absolute; 
      bottom: 51px; 
      left: 0; 
      font-size: 2em; 
      font-weight: bold; 
      color: #f1592d; 
      margin-top: 15px; 
      height: 36px;
      line-height: 36px;
      font-family: Arial, Helvetical, sans-serif;
      background: none repeat scroll 0 0 #EEF2E2;
      border: 1px solid #F8F8F8; 
      cursor: pointer;
      padding: 0 16px;
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.16);
      -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.16);
}
      
#azavea-splash-ok:hover { background-color: #E0E5CE; border: 1px solid #fff;}      
      
#azavea-splash-ignore {margin-right: 6px; }
#azavea-splash-content {  }

.tor-splash-content {margin: 30px;}

.tor-splash-content a {color:#f58431; font-weight: bold; text-decoration: none; }

.tor-splash-content .tor-splash-header {margin-top: 5px; background: url(images/logo-splash.png) 0 0 no-repeat; width:316px; height: 55px;  text-indent: -9999em;}

.tor-splash-content h1{letter-spacing: -.05em; font-size: 1.6em; font-weight: bold; color: #494949; margin-bottom: 15px; line-height: 1.3em; margin-bottom:0; padding-top: 15px; padding-bottom: 0}
.tor-splash-content h2 {font-size: 1em; color: #6b6b6b; line-height: 1.6em; font-weight: normal }
 
.tor-splash-content .link-box {float:right; text-align: right;}
.tor-splash-content .link-box a {font-size: .9em; line-height: 1.4em;}
  
.tor-splash-footer {
position: absolute; 
bottom: 30px;
right: 30px;
text-align: right;
font-size: .8em;
font-weight: bold;
color: #6b6b6b;
padding-top: 5px;
line-height: 1.25em;
z-index: 1;
}

/********************   End .\clientsrc\toronto\css\tor-splash.css ********************/


/******************** Begin .\clientsrc\toronto\css\tor-widget-layer-selector.css ********************/
#tor-classbreak-indicator-name {padding-top: 0}

.tor-widget-layer-selector-control-group {margin: 0 13px;}


#tor-widget-layer-selector-container { }
#tor-widget-layer-selector-legend-container {bottom: 38px; left: 0;position: absolute; right: 0; top: 340px; border-top: 1px solid #CFD2CB; border-bottom: 1px solid #CFD2CB; }

#tor-legend {position:absolute;  overflow: auto; top: 0; bottom: 0; width: 100%; z-index: 10}
    .tor-legend-title {padding: 9px 13px 9px 10px; border-top: 1px solid #cfd2cb; clear: left}
    #tor-widget-layer-selector-base-map-controls {margin-left: 0}
    #tor-widget-layer-selector-base-map-controls label {float:left; background:none}
   
#tor-widget-layer-selector-base-map-select {float:right; margin: 10px;}

.tor-legend-swatch { width: 10px; height: 10px; }
.tor-legend-help { float: right; margin-right: 10px; cursor: pointer;}



#tor-widget-layer-selector-neighbourhood-layer-controls {margin: 3px 0 10px 0;}

#tor-widget-layer-selector-neighbourhood-layer-slider {display: inline-block; width: 185px; margin: 0 5px 0; }

#tor-layer-selector-search-wrap { height: 28px; margin: 0px 10px 0px 10px; position:relative; }
#tor-layer-selector-search {background: none; border:none; font-size: 0.85em; font-weight: bold;color: #868686; margin:7px 0px 0 5px; position:absolute; left: 25px;}
#tor-layer-selector-search-button {   background: url("images/tor-icon-sprite.png") no-repeat scroll -50px -75px transparent;  border: medium none;height: 25px; position: absolute; left: 9px; top: 6px; width: 24px;}

/********************   End .\clientsrc\toronto\css\tor-widget-layer-selector.css ********************/


/******************** Begin .\clientsrc\toronto\css\tor-widget-indicator-info.css ********************/
.tor-indicator-info-section {   
    border-bottom: 1px solid #CCCCCC;
    font-size: 1.1em;
    font-weight: bold;
    margin: 5px 0 6px;
    padding: 3px 0 6px;
    color: #4A4A4A;
    }
.tor-indicator-info-text-block { padding: 2px 0; white-space: pre-wrap;}
.tor-indicator-info-stat-label { font-weight: bold; padding-right: 5px; }
.tor-indicator-info-extra-info {float: left; clear: left; cursor: pointer;}
.tor-indicator-info-link { }
.tor-indicator-info-subindicator-slider {width: 150px; margin-left: 30px;}
.tor-indicator-info-indicators li {padding: 10px;}
.tor-indicator-info-stats li {margin-bottom: 2px;}

.tor-indicator-info-dialog-section {
  margin-bottom: 20px;
      font-size: .9em;
      color: #777;
}

.tor-indicator-info-dialog-section#tor-indicator-info-dialog-indicatorinfo {
}
.tor-indicator-info-dialog-section#tor-indicator-info-dialog-links {
}

.tor-indicator-info-chart svg { width: 300px !important; height: 200px !important;}
/********************   End .\clientsrc\toronto\css\tor-widget-indicator-info.css ********************/


/******************** Begin .\clientsrc\toronto\css\tor-widget-neighbourhood-info.css ********************/
.tor-neighbourhood-info-stat-label { margin-right: 5px; font-weight: bold; font-size: .9em;}


.close { float: right;}
.tor-neighbourhood-info-section, .tor-neigh-info-sub-section {    
    border-bottom: 1px solid #CCCCCC;
    color: #4A4A4A;
    font-weight: bold;
    margin: 5px 0 6px;
    padding: 3px 0 6px;
}

.tor-neighbourhood-info-section {
    font-size: 1em;
}    
.tor-neigh-info-sub-section a {
    font-size: 0.8em;
    margin-left: 10px;
}

.tor-neighbourhood-info-section, .trend-desc {
    border-bottom: 1px solid #CCCCCC;
    color: #777777;
    font-size: 0.9em;
    margin: 3px 0 3px;
    padding: 3px 0 6px;
}

.trend-desc a {
    font-size: 0.9em;
    margin-left: 10px;
	color: #777777;
}

.tor-neighbourhood-quick-hover .tor-neighbourhood-info-section {    
    border-bottom: 1px solid #666;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0 0 6px;
    padding: 1px 0 9px;
    }    
    
ul.tor-neighbourhood-info-fields { margin: 3px 0; color: #777;}
.tor-neighbourhood-quick-hover {
	position: absolute;
	z-index: 1000;
	background: #434F46;
	background: rgba(0,0,0,0.6);
	color: #ffffff;
	font-size: .8em;
	padding: 8px;
    max-width: 350px;
}
.chart span {
    padding: 0px;
    margin-bottom: 0px;
    font-size: 0.8em;
}
.tor-neighbourhood-quick-hover a {color: #fff}
.tor-neighbourhood-popop-close {float: right; cursor: pointer;}
.tor-neighbourhood-more-info { clear:left; float: left; margin: 7px 0 5px 0; }

.ui-dialog .tor-neighbourhood-info-fields-left {float:left; margin-right: 8px; width: 250px;}
.ui-dialog .tor-neighbourhood-info-fields-right {float:left; width: 250px;}

.tor-neighbourhood-quick-hover .tor-neighbourhood-info-fields-left {float:left; margin-right: 12px;}
.tor-neighbourhood-quick-hover .tor-neighbourhood-info-fields-right {float:left; margin-right: 12px;}

.tor-neighbourhood-info-fields-left li,
.tor-neighbourhood-info-fields-right li {
    margin: 5px 0;
}

.trend-legend {
    position: relative;
    bottom: 330px;
    left: 315px;
    width: 275px;
}
.trend-legend li {margin: 7px 0; font-size: 0.9em; font-weight: bold;}

.trend-swatch {
    height: 15px;
    width: 15px;
    display: inline-block;
    margin: 0 10px;
    vertical-align: bottom;
}
.tor-neighbourhood-quick-hover .tor-neighbourhood-info-fields-left li,
.tor-neighbourhood-quick-hover .tor-neighbourhood-info-fields-right li {
margin: 1px 0;
}

.tor-neighbourhood-info-chart {
  overflow:hidden;
  margin-top: 10px;
  clear:both;
}
.tor-neighbourhood-trend-chart {
    overflow:  hidden;
    clear: left;
    padding-top: 10px;
}

/********************   End .\clientsrc\toronto\css\tor-widget-neighbourhood-info.css ********************/


/******************** Begin .\clientsrc\toronto\css\tor-widget-reference-point-info.css ********************/
.tor-ref-point-info-label { margin-right: 5px; font-weight: bold; font-size: .85em; }

.tor-ref-point-info-value {
    padding-left: 5px;
    color: #777
}
.ui-dialog .tor-ref-point-info-section {    
    border-bottom: 1px solid #CCCCCC;
    color: #4A4A4A;
    font-size: 1.1em;
    font-weight: bold;
    margin: 5px 0 6px;
    padding: 3px 0 6px;
}

ul.tor-ref-point-info {
    max-height: 300px;
}

/********************   End .\clientsrc\toronto\css\tor-widget-reference-point-info.css ********************/


/******************** Begin .\clientsrc\toronto\css\tor-widget-neighbourhood-histogram.css ********************/
#tor-nh-tooltip { position: absolute; background: #000; color: #fff; padding: 3px; display: none;}
#tor-neighbourhood-histogram { display: none;}

#tor-nh-title {
    border-bottom: 1px solid #CCCCCC;
    color: #4A4A4A;
    font-size: 1.1em;
    font-weight: bold;
    margin: 5px 0 6px;
    padding: 3px 0 6px;
}    
#tor-nh-desc {
    color: #777777;
    font-size: 0.9em;
    margin-bottom: 10px;
}
#tor-nh-chart {margin-left: 15px;}
.n-bar { height: 10px; background-color: #69746b ; margin: 2px; cursor: pointer;}
.n-bar.selected { background: url("images/tor-sprite-bg-horz.png") repeat-x scroll 0 -195px #b7d0ae; }
.n-bar-label { height: 10px; margin: 2px; text-align: right; }
.n-col-bar { display: inline-block; }
.n-col-label { float: left; }
/********************   End .\clientsrc\toronto\css\tor-widget-neighbourhood-histogram.css ********************/


/******************** Begin .\clientsrc\toronto\css\tor-widget-neighbourhood-zoom.css ********************/
#tor-neighbourhoods {
    position: absolute;
    right: 159px;
}
#tor-neighbourhood-panel {
    display: none;
    background: #EEF2E2;
    border: 1px solid #C8C8C8;
    position: absolute;
    overflow: visible;
    top: -1px;
    left: -1px;
    right: -2px;
    padding: 9px;
    border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
}

#tor-list-all-neighbourhoods {
    border: 1px solid #CDCDAE;
    border-left:0;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    box-shadow: none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    height: 37px;
    width: 118px;
}
#tor-list-all-neighbourhoods .ui-button-text {
    padding:0; margin: 0 8px;
    background: url("images/tor-icon-sprite.png") no-repeat scroll -196px -135px transparent;
    height: 10px;
}
#tor-neighbourhood-list-wrap {
    height: 25px;
}
#tor-neighbourhood-list {
    background: none repeat scroll 0 0 transparent;
    color: #868686;
    font-size: 0.85em;
    font-weight: bold;
    left: 14px;
    margin: 6px 0 0 5px;
    position: absolute;
    width: 100%;
    border:none;
}

#tor-neighbourhood-panel .ui-autocomplete {
    background: transparent;
    border: 0;
    max-height: 600px; 
    overflow-y: auto; 
    overflow-x: hidden;   
    text-align: left;
    width: 100% !important;
    position: static !important;
    padding: 0;
    margin-top: 9px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0 ;
}
    
 #tor-neighbourhood-panel .ui-autocomplete li {
    border-bottom: 1px solid #CFCFCF;
    font-size: 0.75em;
    font-weight: bold;
    color: #555;
    cursor:pointer
 }

 #tor-neighbourhood-panel .ui-autocomplete li:hover {
    border-bottom-color: #999999;
}

#tor-neighbourhood-panel .ui-autocomplete li a.ui-state-hover{
    font-weight: bold;
    background:none;
}

#tor-neighbourhood-panel .ui-autocomplete li a {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    display: block;
    padding: 6px 6px 6px 4px;
}
/********************   End .\clientsrc\toronto\css\tor-widget-neighbourhood-zoom.css ********************/


/******************** Begin .\clientsrc\toronto\css\tor-widget-search.css ********************/
#tor-search-results {
    display: none;
    position: absolute;
    top: 88px;
    left: 240px;
    right: 454px;
    z-index: 2000;
    background: #434F46;
    background: rgba(0,0,0,0.6);
    color: #ffffff;
    padding: 5px;
}

#tor-toolbar-search-results-list {
    max-height: 208px;
    overflow: auto;
    text-decoration: none;
    width: 100%;
}

#tor-search-results li {background: url(images/bullet-search.png) 0 50% no-repeat; padding:4px 4px 4px 16px;}
#tor-search-results a {cursor: pointer; color: #ffffff; display:block; font-size:1em; font-weight:bold}
#tor-search-results a div.search-result-detail {color: #ffffff; display:block; font-size:0.8em; font-weight:normal}
#tor-search-results a:hover {text-decoration:underline}
#tor-search-results-desc { padding:4px 14px 4px 4px}
#tor-search-results-close {position: absolute; top: 10px; right: 10px; background: none; border: #999; width: 15px;}

/********************   End .\clientsrc\toronto\css\tor-widget-search.css ********************/


/******************** Begin .\clientsrc\toronto\css\tor-print-display.css ********************/
/* Screen display of Print form - NOT the print media css!    */

#tor-print {font-family: Arial, Helvetica, sans-serif;}

.tor-print-header {font-weight: bold; margin-bottom: 5px;}

.tor-print-section{ margin: 10px 0 0 0; }
#tor-print label {background: none; border:none;    
    color: #4F4F4F;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: -0.06em;
    margin: 0;
    border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    }

.tor-map-print-view { height: 7in !important; width: 10in !important; }
.tor-table-print-view { width: 10in !important; table-layout: auto !important; }
#tor-print-title { font-size: 1.4em; }
#tor-print-close { float: right; cursor: pointer;}
#tor-print-options li {float:left; margin-bottom: 15px; list-style-type: none; }
#tor-print-options button {color: #fff; text-transform: uppercase; float: right; background:  url("images/tor-sprite-bg-horz.png") repeat-x scroll 0 -270px #707A4D}
#tor-print-display-input {padding: 5px; font-size: 1.3em; width: 80%; border: 1px solid #ddd ;font-family: Arial, Helvetica, sans-serif; }
#tor-print-header { font-weight: bold; font-size: 1.1em; }
#tor-print-display-title { display: none;}
#tor-printable-map { display: none; }
#tor-print-components { 
    background: #fff;
    border: 1px solid #DDDDDD;
    bottom: 15px;
    left: 15px;
    overflow: auto;
    padding: 5px 15px;
    position: absolute;
    right: 15px;
    top: 124px;
    }
.tor-print-component-title {     
    border-bottom: 1px solid #CCCCCC;
    color: #4A4A4A;
    font-size: 1.1em;
    font-weight: bold;
    margin: 10px 0 6px;
    padding: 3px 0 6px;
    letter-spacing: -0.06em;
    }
.tor-print-table-key-label { font-weight: bold; margin-right: 5px; }
.tor-print-missing-data { font-weight: bold; font-size: 1.1em; margin: 10px 0px; }
.tor-table-print-view th { cursor: default !important; }
.tor-table-print-view th div.ktable-colsizable-handler { border: 0; cursor: default; }
.tor-print-table-key-stats { margin-left: 5px; }
.tor-print-table-key-stats img { display: block; }
.print-button {cursor: default !important;}
#tor-print-component-histogram {width: 400px;}
#tor-print-table-graphic {background: url(images/table.png) no-repeat; height: 200px; }
#tor-print-chart-graphic {background: url(images/chart.png) no-repeat; height: 200px; }
#tor-print-component-legend {width: 600px;}

/********************   End .\clientsrc\toronto\css\tor-print-display.css ********************/


/******************** Begin .\clientsrc\util\css\azavea.busy.default.css ********************/
.az-busy-background {
    /* This is a fallback for browsers that don't support rgba, though it means the
       div will be solid rather than translucent. */
    background: rgb(0, 0, 0) none no-repeat scroll center center;

    /* This works for modern browsers, but not for IE 8 or below. */
    background: rgba(0, 0, 0, 0.3) none no-repeat scroll center center;

    /* This adds opacity (even to the spinner though) for IE. */
    filter: alpha(opacity = 30);
}

    .az-busy-icon { position:relative;top:50%;height:32px; width:32px; margin: -16px auto 0 auto; background: #FFFFFF url('images/busy.gif') no-repeat scroll center center; border-radius:5px; -moz-border-radius:5px; }

/********************   End .\clientsrc\util\css\azavea.busy.default.css ********************/


/******************** Begin .\clientsrc\jquery.tipsy\tipsy.css ********************/
.tipsy { font-size: 15px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 8px 8px 8px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

/********************   End .\clientsrc\jquery.tipsy\tipsy.css ********************/