/*****  YUI CSS Reset *****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/***** Typography and main styles *****/
body { background-color:#eee; font-size: 12px; color: #444; font-family: Helvetica, Arial, sans-serif; }

h1 { font-size: 24px; line-height: 36px; }
h2 { font-size: 20px; line-height: 36px; }
h3 { font-size: 14px; line-height: 24px; }
h4 { font-size: 12px; line-height: 24px; font-weight: bold;}
p  { font-size: 12px; line-height: 18px; padding-bottom: 5px; }
strong { font-weight: bold; }
a { color: #9eb6d7; outline: none;}
a:hover { color: #888; }
acronym { border-bottom: 1px dotted #ddd;}

label { width: 100px; display: inline-block; padding-top: 5px;}
input, textarea { padding: 5px; border: 1px solid #CCCCCC; color: #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
input:hover, textarea:hover { border-color: #666; }
input:focus, textarea:focus { border-color: #444; color: #444; }

ul { margin-bottom: 5px; }
li { list-style-type: square; list-style-position: inside; padding: 2px;}
ul ul { padding-left: 10px; }
ul ul li { list-style-type: disc; }

fieldset { border: 1px solid #ddd; padding: 5px 15px; margin-top: 10px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
legend { padding: 0 5px; font-weight: bold;}

dt { font-weight: bold; }
dd { margin-left: 15px;}

/* table { width:100%; } */
table th, table td { border-style: solid; border-color: #eee; border-width: 1px 0; padding: 5px;}
table th { font-weight: bold; white-space: nowrap; }
table td:last-child, table th:last-child { text-align:right; }

/***** Main Layout Elements *****/
#navigation,#header,#footer,#controls { padding:0 15px; }
#header { background:#2c2c2c url(/images/bg-stripe.png) repeat top left;position:relative;height:50px; }
#header * { line-height:50px; }

#site-name { float:right;color:#686;font-size:1.2em; }
#pase-logo { float:left; }
#client-logo { float:right;padding-left:15px }
#navigation { clear:both; height:50px;background:#9EB6D7 url(/images/blue-gradient.png) repeat-x top left;border-color:#6E86A7;border-style:solid;border-width:0 0 1px;margin:0; }
#messages { clear: both; }

#main-menu { line-height:30px;padding:10px 0; }
#main-menu li { float:left; list-style-type: none; padding: 0; }
#main-menu li a { color:#fff;margin-right:5px;padding:0 12px;display:block;text-decoration:none;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px; }
#main-menu li a:hover { color:#444; }
#main-menu li.selected a { color:#fff;background-color:#6E86A7; }

#user { line-height:50px; margin: 0; padding: 0; float:right; }
#user li { float:left; list-style-type: none; padding: 0 5px 0 0; }
#user li a { display:block;color:#fff; }
#user li a:hover { color:#444; }

#report-tabs { background-color:#888; -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
#report-tabs ul.ui-tabs-nav .ui-state-active { background-color:#eee;color:#444; }

#dashboard { overflow:hidden;margin-right:15px; }
#controls { position:fixed;bottom:0;left:0;right:0;padding:5px 15px;color:#000;background-color:#ffe;border-color:#dd8;border-width:1px 0 0;border-style:solid;z-index:10;/* above all */ }
#footer { font-size:0.8em;text-align:center; }
#footer p { padding:1em 1em;margin:0px; }
#flash { background-color:#FFFFEE;border-color:#CCCCCC;border-style:solid;border-width:0px 0px 1px;padding:10px 15px; }
#flash.error { background-color:#F4BBBB; }
#flash .flash-close-button { float:right; cursor:pointer; }

/***** Generic Helpers *****/
.one-of-three { float:left;width:33.3%; }
.two-of-three { float:left;width:66.6%; }
.one-of-two { float: left; width: 50%; }
.full-width { width: 99%; }
.align-right { text-align: right; }
.meta { color:#888;font-size:10px;line-height:18px;padding:0; }
.highlight { color: #388;}
.loading { min-height:20px;background-image: url('/images/ajax-loader.gif') !important; background-repeat: no-repeat !important; background-position: center center !important; }
.LED { color:#D62; }
.indent { padding-left: 10px; border-left: 3px solid #ddd; }
.actions {float: right;}

/***** Container Styling *****/
.container { margin:15px;page-break-inside:avoid; }
.container .head { padding:10px 15px 5px;background-color:#f8f8f8;border-style:solid;border-width:1px;border-color:#ddd #ddd #eee; -moz-border-radius:15px 15px 0 0;border-radius:15px 15px 0 0;-webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; }
.container .body { padding:15px 15px 5px;background-color:white;border-style:solid;border-width:0px 1px;border-color:#ddd; }
.container .foot { padding:8px 15px 8px;background-color:white;border-style:solid;border-width:0px 1px 1px;border-color:#ddd;text-align:right;-moz-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px;-webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; }
.container .container { margin: 10px 5px } /* container in a container needs less margin as it's ".container .body" container has padding */
.simple { border: 1px solid #ddd; padding: 15px; background-color:white;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.blank { border-color: transparent; background-color: transparent; }

/***** Fullscreen Mode *****/

body.fullscreen #header, body.fullscreen #navigation { display: none; }
#fullscreen { position: fixed; bottom: 5px; right: 5px;}

/***** Dashboard *****/
.widget-container .handle { cursor:move; }
.widget-container .widget-button { cursor:pointer;margin-left:5px;float:right; }
.widget-container .widget-button { visibility: hidden; }
.widget-container-hover .widget-button { visibility: visible; }
.widget-container-hover .head { background-color:#f4f4f4;border-color:#ccc #ccc #ddd; }
.widget-container-hover .body,.widget-container-hover .foot { border-color:#ccc; }
.widget-column { margin-bottom:-1000px;padding-bottom:1000px;position:relative; }
.widget-column .widget-container { margin-right:0; }
.placeholder { height:1px;display:block;float:left; } /* If all the widgets are removed from a dashboard-col,the whole div dissapears from view. This is used to ensures that each column has at least one child element */
.ui-sortable-placeholder { visibility:visible !important;border:1px solid #ddd;margin-bottom:-2px;background-color:transparent; } /* The drop zone appearance of the widget */
.ui-sortable-helper { opacity:0.9; }

/***** Buttons *****/
button, .pase-button { outline:0;margin:0 4px 0 0;padding:.4em 1em;text-decoration:none !important;cursor:pointer;position:relative;text-align:center;zoom:1;display:block;float:left;height:1em;line-height:1em; }
button img, .pase-button img { left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%; }
.pase-button-with-icon { padding-left:2.1em; }
.pase-button-with-icon img { left:0em;margin-left:0.4em; }

/***** Date Range Control *****/
.pase-daterange-header { position:relative;padding:.25em 0; }
.pase-daterange-prev,.pase-daterange-next { position:absolute;width:1.8em;height:1.8em; }
.pase-daterange-prev { left:2px; }
.pase-daterange-next { right:2px; }
.pase-daterange-prev span,.pase-daterange-next span { display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px; }
.pase-daterange-button { text-align:center;margin:0 2.3em;line-height:1.8em; }
.pase-daterange-menu { font-size:0.9em; }
.pase-daterange-menu ul.tabs { font-size:0.8em; }
.pase-daterange-submenu { margin-top:0.75em; }
.pase-daterange-submenu .ui-datepicker { width:auto !important;font-size:0.8em;border:none; }
.pase-daterange-submenu ul.pase-daterange-inline-list li { list-style-type: none;float:left;text-align:center;width:23%;margin-right:1%;margin-top:2px;line-height:1.5em; }

/***** Time Slider Control *****/
.ui-slider { text-decoration:none !important; }
.ui-slider .ui-slider-handle { overflow:visible !important; }
.ui-slider .ui-slider-tooltip { display:block;font-size:0.9em;margin-left:-3.4em;position:absolute;text-align:center;top:0.9em;width:8em;background-color:transparent !important; }
.ui-slider a { text-decoration:none; }
.ui-slider ol,.ui-slider li,.ui-slider dl,.ui-slider dd,.ui-slider dt { list-style:none;margin:0;padding:0; }
.ui-slider ol,.ui-slider dl { position:relative;top:1.3em;width:100%; }
.ui-slider dt { top:1.5em;position:absolute;padding-top:.2em;text-align:center;height:.7em;color:#999; }
.ui-slider dt span { padding:0 .5em; }
.ui-slider li,.ui-slider dd { position:absolute;overflow:visible;color:#666; }
.ui-slider li span.ui-slider-label,.ui-slider dd span.ui-slider-label { display:none; }
.ui-slider li span.ui-slider-label-show,.ui-slider dd span.ui-slider-label-show { display:block; }
.ui-slider span.ui-slider-tic { position:absolute;left:0;height:.8em;top:-1.3em; }
.ui-slider li span.ui-widget-content,.ui-slider dd span.ui-widget-content { border-right:0;border-left-width:1px;border-left-style:solid;border-top:0;border-bottom:0; }
.ui-slider .first .ui-slider-tic,.ui-slider .last .ui-slider-tic { display:none; }
.pase-timerange { padding-top:8px;margin:0 30px;font-size:0.9em; }
.ui-dialog { background-color:white;border:1px solid #aaa; }

/***** Tooltip *****/
.tooltip-container { background:transparent url(../images/tooltip-top.png) no-repeat 15px top;position:absolute;display:none;padding-top:5px;border:none;opacity:0.9; }
.tooltip-content { background-color:#606060;padding:8px 12px;color:#fff;font-size:11px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;display:block;line-height:1.5em; }
.tooltip-content label { color:#9EB6D7;font-weight:bold; }

/***** EJSC Charts *****/
.chart { height:200px; }
.ejsc-legend-caption,.ejsc-legend-owner { display:none; }
.ejsc-legend { height:auto; }
.ejsc-legend-series-container { height:auto; }
.ejsc-legend-series-icon { display:none; }
.ejsc-legend-series-caption { margin-left:2px; }
.ejsc-labels * { white-space:nowrap ; }
.ejsc-legend-title,.ejsc-titlebar-text { padding:0;font-size:1.4em;font-weight:normal;margin-bottom:0.5em; }
.ejsc-legend { background:none;border:1px solid #eee;font-weight:normal; }
.ejsc-v-label { text-align:right !important; }
.ejsc-hint { border:none;background:transparent !important; }
.has-legend { margin-right:200px; }
.has-legend .ejsc-legend { position:absolute;right:-200px;width:185px;top:0;z-index:auto;opacity:1; border: none !important; }

/***** CSS Bar Charts *****/
.horizontal-bar-chart { width:100%; }
.horizontal-bar-chart .row { font-size:11px;border-bottom:1px solid transparent; }
.horizontal-bar-chart .row td,.horizontal-bar-chart .row th { border:none; }
.horizontal-bar-chart .bar { font-weight:normal;padding:2px 0;display:block;border:1px solid #eee;background-color:#76A4FB;width:75%;text-indent:5px;overflow:visible;text-align:left;white-space:nowrap;color:#444;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; }
.horizontal-bar-chart .category { padding:0;width:100%; }
.horizontal-bar-chart .value { color:#4a4;padding:0 0 0 5px;white-space:nowrap; }
.horizontal-bar-chart.turnover .bar { background-color:#76A4FB; }
.horizontal-bar-chart.occupancy .bar { background-color:#ffa0a0; }
.horizontal-bar-chart.dwell .bar { background-color:#3a5; }
.horizontal-bar-chart .row:hover { background-color:#eee; }
.horizontal-bar-chart .row:hover .bar { background-color:#aaa; }

/***** Embedded Widgets *****/
body.embedded { background-color: transparent; }
body.embedded .container { margin: 0; }