/*
   960 Grid System ~ Core CSS.
   Learn more ~ http://960.gs/

   Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12,
.container_16
{
    /*
   width: 92%;
   margin-left: 4%;
   margin-right: 4%;
   */
    width: 100%;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
   display: inline;
   float: left;
    /*
   margin-left: 1%;
   margin-right: 1%;
   */
    margin-left: 1px;
    margin-right: 1px;
}

.container_12 .grid_3,
.container_16 .grid_4
{
   width: 23%;
}

.container_12 .grid_6,
.container_16 .grid_8
{
   width: 48%;
}

.container_12 .grid_9,
.container_16 .grid_12
{
   width: 73%;
}

.container_12 .grid_12,
.container_16 .grid_16
{
   width: 98%;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
   margin-left: 0;
}

.omega
{
   margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
   width: 6.333%;
}

.container_12 .grid_2
{
   width: 14.666%;
}

.container_12 .grid_4
{
   width: 31.333%;
}

.container_12 .grid_5
{
   width: 39.666%;
}

.container_12 .grid_7
{
   width: 56.333%;
}

.container_12 .grid_8
{
   width: 64.666%;
}

.container_12 .grid_10
{
   width: 81.333%;
}

.container_12 .grid_11
{
   width: 89.666%;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
   width: 4.25%;
}

.container_16 .grid_2
{
   width: 10.5%;
}

.container_16 .grid_3
{
   width: 16.75%;
}

.container_16 .grid_5
{
   width: 29.25%;
}

.container_16 .grid_6
{
   width: 35.5%;
}

.container_16 .grid_7
{
   width: 41.75%;
}

.container_16 .grid_9
{
   width: 54.25%;
}

.container_16 .grid_10
{
   width: 60.5%;
}

.container_16 .grid_11
{
   width: 66.75%;
}

.container_16 .grid_13
{
   width: 79.25%;
}

.container_16 .grid_14
{
   width: 85.5%;
}

.container_16 .grid_15
{
   width: 91.75%;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4
{
   padding-left: 25%;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
   padding-left: 50%;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
   padding-left: 75%;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
   padding-left: 8.333%;
}

.container_12 .prefix_2
{
   padding-left: 16.666%;
}

.container_12 .prefix_4
{
   padding-left: 33.333%;
}

.container_12 .prefix_5
{
   padding-left: 41.666%;
}

.container_12 .prefix_7
{
   padding-left: 58.333%;
}

.container_12 .prefix_8
{
   padding-left: 66.666%;
}

.container_12 .prefix_10
{
   padding-left: 83.333%;
}

.container_12 .prefix_11
{
   padding-left: 91.666%;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1
{
   padding-left: 6.25%;
}

.container_16 .prefix_2
{
   padding-left: 12.5%;
}

.container_16 .prefix_3
{
   padding-left: 18.75%;
}

.container_16 .prefix_5
{
   padding-left: 31.25%;
}

.container_16 .prefix_6
{
   padding-left: 37.5%;
}

.container_16 .prefix_7
{
   padding-left: 43.75%;
}

.container_16 .prefix_9
{
   padding-left: 56.25%;
}

.container_16 .prefix_10
{
   padding-left: 62.5%;
}

.container_16 .prefix_11
{
   padding-left: 68.75%;
}

.container_16 .prefix_13
{
   padding-left: 81.25%;
}

.container_16 .prefix_14
{
   padding-left: 87.5%;
}

.container_16 .prefix_15
{
   padding-left: 93.75%;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4
{
   padding-right: 25%;
}

.container_12 .suffix_6,
.container_16 .suffix_8
{
   padding-right: 50%;
}

.container_12 .suffix_9,
.container_16 .suffix_12
{
   padding-right: 75%;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
   padding-right: 8.333%;
}

.container_12 .suffix_2
{
   padding-right: 16.666%;
}

.container_12 .suffix_4
{
   padding-right: 33.333%;
}

.container_12 .suffix_5
{
   padding-right: 41.666%;
}

.container_12 .suffix_7
{
   padding-right: 58.333%;
}

.container_12 .suffix_8
{
   padding-right: 66.666%;
}

.container_12 .suffix_10
{
   padding-right: 83.333%;
}

.container_12 .suffix_11
{
   padding-right: 91.666%;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .suffix_1
{
   padding-right: 6.25%;
}

.container_16 .suffix_2
{
   padding-right: 16.5%;
}

.container_16 .suffix_3
{
   padding-right: 18.75%;
}

.container_16 .suffix_5
{
   padding-right: 31.25%;
}

.container_16 .suffix_6
{
   padding-right: 37.5%;
}

.container_16 .suffix_7
{
   padding-right: 43.75%;
}

.container_16 .suffix_9
{
   padding-right: 56.25%;
}

.container_16 .suffix_10
{
   padding-right: 62.5%;
}

.container_16 .suffix_11
{
   padding-right: 68.75%;
}

.container_16 .suffix_13
{
   padding-right: 81.25%;
}

.container_16 .suffix_14
{
   padding-right: 87.5%;
}

.container_16 .suffix_15
{
   padding-right: 93.75%;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
   background: none;
   border: 0;
   clear: both;
   display: block;
   float: none;
   font-size: 0;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
   clear: both;
   content: '.';
   display: block;
   visibility: hidden;
   height: 0;
}

.clearfix
{
   display: inline-block;
}

* html .clearfix
{
   height: 1%;
}

.clearfix
{
   display: block;
}
/*
 * jQuery UI CSS Framework 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; text-align: left; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; text-align: left;}
.ui-widget-content {  background: #ffffff; color: #666666; }
.ui-widget-content a { color: #666666;}
.ui-widget-header {  background: #00a9e0; color: #ffffff; font-weight: bold; height: 20px}
.ui-widget-header a { color: #fff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; font-weight: normal; color: #666666; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none; }

.ui-state-hover a, .ui-state-hover a:hover { color: #555555; text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }

.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
.ui-icon-filter { background-position: -192px -240px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }

/* Overlays */
.ui-widget-overlay { background-color: rgba(1,1,1,0.5) }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default;
border: 1px solid whiteSmoke;
   
box-shadow: 1px 1px 1px #DDD;
   
border-radius: 0px 0px 5px 5px;

 }
 

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.17
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
    margin-left: -7px;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
}
/*
 * jQuery UI Button 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; width: 300px; overflow: hidden; 
   -webkit-box-shadow: 1px 0px 10px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 0px 10px rgba(50, 50, 50, 0.75); box-shadow: 1px 0px 10px rgba(50, 50, 50, 0.75);
}
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; margin-bottom: 10px;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0;
   /*moves dialog title */padding-top: 4px;
}
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; color: white;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em 0 1em; background: none; overflow: auto; zoom: 1; }

.ui-dialog .ui-dialog-buttonpane { text-align: left; 
border-width: 1px 0 0 0; 
background-image: none; 
margin: .5em 0 0 0; 
padding: .3em 1em .5em .4em; 
background-color: #e4e4e4;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 62.5%; line-height: 1.231; }

body, button, input, select, textarea { font-family: Arial, sans-serif !important; color: #333333; overflow:hidden !important; }

/*
 * Browser consistency for disabled inputs
 */
input:disabled, select:disabled, textarea:disabled, option:disabled, optgroup:disabled { background-color: #ebebe4; }

/*
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: #57c6fe; color: #fff; text-shadow: none; }
::selection      { background: #57c6fe; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }

a:focus { outline:none; }




/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }


/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre-wrap; word-wrap: break-word; }


small { font-size: 85%; }


/*===========================ART STUDIO LONDON=================================*/


textarea { resize: none; }

h1 {font-size:2em}  /* displayed at 24px */
h2 {font-size:1.5em}  /* displayed at 18px */
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1em}  /* displayed at 12px */

/*===========================••••••••••••••••=================================*/


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 0; padding: 0;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }

/*THIS SHOULD BE SET TO ZERO AND CONTROLLED AT A CLASS LEVEL*/


/* =============================================================================
   Embedded content
   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9
 */

svg:not(:root) {overflow: hidden;}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0;  font-family: Arial, sans-serif; }
fieldset { border: 0; margin: 0; padding: 0; }

/*===========================ART STUDIO LONDON=================================*/

input, select, th, td {font-size: 1em }

/*===========================••••••••••••••••=================================*/
/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* Grey out label for disabled radio buttons */
input[type="radio"]:disabled+label { color:#999; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/*
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea {  /*move this to template page*/
    overflow: auto;
    vertical-align: top;
    height:100px;
    width: 315px;
    margin-top: 15px;
    -webkit-box-shadow: inset 1px 0 5px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: inset 1px 0 5px rgba(50, 50, 50, 0.25);
    box-shadow: inset 1px 0 5px rgba(50, 50, 50, 0.25);
    background-color: #f8fdff;
}

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; margin: 10px 0 0 15px; }
/* =============================================================================
   Utilities
   ========================================================================== */
.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.align-right {
    text-align: right;
}

.align-centre {
    text-align: center;
}

.width-85px {
    width: 85px;
}

.width-100px {
    width: 100px;
}

.width-150px {
    width: 150px;
}

.width-180px {
    width: 180px;
}

.width-500px {
    width: 500px;
}

.padding-5px {
    padding: 5px;
}

.padding-no-right {
    padding-right: 0;
}

.align-left {
    text-align: left;
    width: 310px;
    margin-right: 20px;
}

.align_right {
    text-align: right;
}

.inline-block {
    display: inline-block;
}

/* =============================================================================
   Primary styles
   Author: Mike Williams
   ==========================================================================
body, html, div.container, div.main, div#index-view {
       width: 100%;
       height: 100%;
       padding: 0;
       margin: 0;
       overflow: hidden;
}
   */
html, body{ height: 100%;}

div.main { height: 100%;}
div#index-view { height: 100px }
div.auth img { height: 1em; }
div.auth span { padding-left: 1px; padding-right: 1px; }
div.auth a { padding-left: 1px; padding-right: 1px; }

div#container text.signal-text {
    stroke: #F2F2F2;
    stroke-width: 1px;
    fill: #F2F2F2;
    font-size: 1.5em;
}

div#container text.signal-box-total {
    stroke: #000;
    stroke-width: 1px;
    fill: #000;
    font-size: 1.5em;
}

div#container {
    background-color: #f5f5f5;
    overflow-y: hidden !important;
    height: 100%;
}

#view-container {
    box-sizing: border-box;
    overflow: auto;
    width: calc(100% - 1px);
}

form {
    padding: 20px;
}

.text-align-center {
    text-align: center;
}

#login-message {
    margin-top: 10px;
}

.login-message-icon {
    margin-left: 1em;
}

.legal-statement-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

.hidden {
    visibility: hidden;
}

.hidden-block {
    display: none;
}

.visible {
    visibility: visible;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* login Page*/
#main-content {
    background-color: #f5f5f5;
}

#title {
    width: 100%;
    clear: both;
}

#title h1 {
    text-align: center;
}

.i2o-logo-footer {
    width: 26px;
    height: 17px
}

.i2o-logo-contact{
    float: left;
    width: 60px;
    height: 30px
}

#footer-slide {
    box-sizing: border-box;
    overflow-y: hidden !important; /* Overrides the jQuery UI Layout plugin settings */
}

.validation-results { clear:both; padding-top: 5px; }
/* stop value input boxes "dropping down"  */

#loginlogo, #mfacontainer {
    display: block;
    border: 1px solid #e5e5e5;
    padding: 20px 35px 20px 35px;
    border-radius: 5px;
    background: #fff;
    margin: 10px auto;
}

#login #username,
#forgotPassword #emailAddress,
#resetPassword #passwordText, #verification-otp {
    width: 290px;
    height: 2.5em;
    border: none;
    box-shadow: inset 1px 1px 1px 0px #e0e0e0;
    background-color: #ffffff;
    padding-left: 10px;
    font-size: 1.1em;
    color: #666;
}

#login #username,
#resetPassword #newPassword {
    border-radius: 5px 5px 0px 0px;
}

#forgotPassword #emailAddress {
    border-radius: 5px;
}

#login #password,
#login #passwordText,
#resetPassword #newPassword,
#resetPassword #confirmNewPassword {
    width: 290px;
    border-radius: 0px 0px 5px 5px;
    height: 2.5em;
    border: none;
    box-shadow: inset 1px 1px 1px 0px #e0e0e0;
    background-color: #ffffff;
    padding-left: 10px;
    font-size: 1.1em;
    color: #666;
}

form#login ::-webkit-input-placeholder,
form#login ::moz-placeholder,
form#login:-ms-input-placeholder{
    padding-left: 5px;
    font-size: 1.1em;
}

form#forgotPassword ::-webkit-input-placeholder,
form#forgotPassword ::moz-placeholder,
form#forgotPassword:-ms-input-placeholder{
    padding-left: 5px;
    font-size: 1.1em;
}

form#resetPassword ::-webkit-input-placeholder,
form#resetPassword ::moz-placeholder,
form#resetPassword:-ms-input-placeholder{
    padding-left: 5px;
    font-size: 1.1em;
}

#login #submit,
#forgotPassword #submit,
#resetPassword #submit,
#mfacontainer #submit {
    border: none;
    width:300px;
    height:25px;
    margin-top: 20px;
    border-radius: 3px;
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
    color: #fff;
    background: #0080d1;
    background: -moz-linear-gradient(top,  #0080d1 0%, #276cc6 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0080d1), color-stop(99%,#276cc6)); background: -webkit-linear-gradient(top,  #0080d1 0%,#276cc6 99%);
    background: -o-linear-gradient(top,  #0080d1 0%,#276cc6 99%);
    background: -ms-linear-gradient(top,  #0080d1 0%,#276cc6 99%);
    background: linear-gradient(to bottom,  #0080d1 0%,#276cc6 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0080d1', endColorstr='#276cc6',GradientType=0 );

}

#mfacontainer .error {
    color: red;
    text-align: center;
    outline: none;
}

#login a {
    text-decoration: none;
}

#login a:hover {
    text-decoration: underline;
}

#login input:focus{ outline:none; }
#forgotPassword input:focus{ outline:none; }
#resetPassword input:focus{ outline:none; }


.success-message {font-size: 1.3em;} /* this class replaces the "sup"  and "sub" used before  */
.center-margin { margin: auto;  width: 300px; }

#revealed-mfa-secret { font-weight: bold; font-size: 1.5em; }

#qrcode { height: 256px; width: 256px; margin: 45px auto; }

#companyLogo{
    margin-left: -1px;
}

#user-links {
    float: right;
    z-index: 9999;
}

.profile_img {display:none;  }
#i20_logo { display: none; }
#loginlinkName {  }

#actions {
    height:70px;
    margin-top: 0px;
    background: #00a9e0;
    background: -moz-linear-gradient(top,  #00a9e0 12%, #00a9e0 42%, #ffffff 42%, #ffffff 43%, #f5f5f5 43%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#00a9e0), color-stop(42%,#00a9e0), color-stop(42%,#f5f5f5), color-stop(43%,#ffffff), color-stop(43%,#f5f5f5), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,  #00a9e0 12%,#00a9e0 42%,#ffffff 42%,#ffffff 43%,#f5f5f5 43%,#ededed 100%);
    background: -o-linear-gradient(top,  #00a9e0 12%,#00a9e0 42%,#ffffff 42%,#ffffff 43%,#f5f5f5 43%,#ededed 100%);
}


.i20grad{

    background: #f5f5f5;
    background: -moz-linear-gradient(top,  #f5f5f5 100%, #ededed 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#f5f5f5), color-stop(80%,#ededed));
    background: -webkit-linear-gradient(top,  #f5f5f5 100%,#ededed 80%);
    background: -o-linear-gradient(top,  #f5f5f5 100%,#ededed 80%);
    background: -ms-linear-gradient(top,  #f5f5f5 100%,#ededed 80%);
    background: linear-gradient(to bottom,  #f5f5f5 100%,#ededed 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ededed',GradientType=0 );
}



.logo{
    float: left;
}


#site-search {
    width: 200px;
    float: right;
    margin-top: 37px;
    position: absolute;
    right: 25px;
}

#breadcrumb{
    padding:10px 0px 0px 10px;
    font-weight: 900;
    font-size: 1.1em;
    color: #666666;
    text-decoration: none;
    padding-bottom: 10px;
    border-top: 1px solid #e6e6e6;
}

#breadcrumb a {
    color: #666666;
    text-decoration: none;
    padding-bottom: 5px;
}

#breadcrumb a:hover {
    text-decoration: underline;
}

#breadcrumb span{
    padding: 0px 4px 0px 8px;
}

/*••••••••••••••••••••••••PERSISTENT FOOTER••••••••••••••••••••••••••••••*/

.newline { clear: both; float: left; width: 100%; }
.bold { font-weight: bold; }
.single-word-bold { font-weight: bold; position: inherit!important;}
.contact-details { float: left; margin-left: 15px; }

footer {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 20px;
    line-height: 20px;
    width: 100%;
    border: 0 !important;
    border-top: 1px solid #d7d7d7 !important;
    z-index: 999;
}

.footnavlft,
.footnavrgt {
    position: absolute;
}

.footnavrgt {
    right: 0;
}

.footnavlft li,
.footnavrgt li {
    display: inline;
    list-style: none;
}

.footnavlft .plain-text {
    padding: 0 1em 0 0.5em;
}

.footnavlft li a {
    font-size: 1em;
    color: #666;
    text-decoration: none;
    padding: 0 1em 0 0.5em;
    border-left: 1px solid #a3a3a3;
    cursor: pointer;
}

.footnavlft li:first-child a {
    border-left: hidden;
}

.footnavrgt li a {
    float:right;
    display: inline;
    font-size: 1em;
    color: #666666;
    text-decoration: none;
    padding: 0 0 0 10px;
}

.footnavrgt li,
.footnavlft li {
    color: #666;
}

footer ul li a:hover {
    text-decoration: underline;
    cursor: pointer;
}

footer[data-brand-name="itron"] .i2o-logo {
    padding: 0 0 0 5px;
}

footer[data-brand-name="itron"] .itron-logo {
    margin: 1px 0 0 0;
}

/*•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/

#ajax-progress-spinner {float: left; visibility: hidden; z-index: 99998; }
#ajax-progress-spinner img{ z-index:99999}
span#icon_clear{
    display:none;
    cursor:pointer;
    color:#38468F;
    font-weight:bold;
    position:relative;
    height:20px;
    left:-30px;
    /*padding-top: 2px;*/
    float: left;
    vertical-align: middle;
}
span#icon_clear:hover{
    color: #ccc;
}

.grid_row
{
    min-height: 2em;
    margin-bottom: 5px;
}

.grid_cell
{
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
/* -------------------------- file manager page ----------------------- */
.file-manager {
    font-size: 1.1em;
}
.file-manager section {
    margin-top:8px;
    margin-left:105px;
}
.file-manager article {
    height: 200px;
    border: 1px solid #ccc;
    box-shadow: 4px 2px #EEE;
    padding: 3px;
    border-radius: 10px;
}
.file-manager img {
    display: block;
    float:left;
    padding-right: 4px;
}
.file-manager aside {
    position: absolute;
    bottom: 10px;
    right: 20px;
}
.file-manager ul {

}
.file-manager a {
    display: inline-block;
    bottom: 0;
    font-size: 16px;
    background-color: #00a9e0;
    color: #FFFFFF;
    line-height:27px;
    text-decoration: none;
    padding: 5px;
    border-radius: 4px;
}
.file-manager a>span {
    display:inline-block;
    vertical-align:middle;
}
.file-manager li {
    border: 1px solid #ccc;
}
/* -------------------------- container page -------------------------- */
.dialog-icon {
    display:inline-block;
    margin-bottom: 5px!important;
    top:0px!important;
    float: left;
    margin-right: 7px;
}

#body-text, #warning-text { vertical-align: middle; padding-bottom: 20px; }
#warning-text:empty {
    padding-bottom: 0px;
}
#body-text p, #warning-text p { margin-top: 2px; }
#warning-text { color: red; }

.dialog-body { padding-top: 10px;}
.dialog-body-text { vertical-align: middle; padding-bottom: 20px; }
.dialog-body-text p { margin-top: 2px; }
.dialog-contents-padded.ui-dialog-content{ padding-bottom: 10px; }
.dialog-no-close .ui-dialog-titlebar-close {display: none }

#why {
    width: 100%;
    margin-bottom: 0;
    margin-top: 5px;
    box-sizing: border-box;
}

.i2o-tabs .tab-body {
    float: left;
    border-left: solid 1px #d3d3d3;
}

.i2o-control-tabs {
    width: 320px;
    display: inline;
    float: left;
    padding: 0px;
}

.i2o-control-tabs .ui-tabs-nav {
    padding: 0px;
}

.i2o-control-tabs .tab-body {
    height: 165px;
    width: 319px;
}

.i2o-tabs .ui-widget-header{
    background: #f5f5f5; /* Old browsers */
    color: #222222/*{fcHeader}*/;
    font-weight: bold;
    height: inherit;
}


.i2o-tabs .ui-tabs-panel {
    padding: 0;
}
.i2o-tabs li.ui-state-default { border: none; }
.i2o-tabs .slick-header {
    border-top: none!important;
    border-bottom: none!important;
}



.i2o-tabs li.ui-tabs-selected {
    border: 1px solid #aaaaaa;
    font-weight: bold;
}

.i2o-tabs.ui-tabs .ui-tabs-nav li a {
    padding: 1px 1em;
    font-size: 1em;
    color: #666666;
    line-height: 16px;
    white-space: nowrap;
    cursor: default;
}

/* -------------------------- end container page -------------------------- */

/* -------------------------- message page -------------------------- */
.message-container { margin-top: 5px;}
.message-container .message {margin-left: 5px; text-align: center;}
/* -------------------------- end message view -------------------------- */

/* -------------------------- forgottenpassword view -------------------------- */
#changepassword .credential {width: 80px;float: left;width: 110px; margin-top: 5px;}
#changepassword #submit {margin-top:3px;}
.information { margin-top: 5px;}
/* -------------------------- end forgottenpassword view -------------------------- */

/* -------------------------- forgottenpassword view -------------------------- */
#forgottenpassword .credential {width: 80px;float: left; margin-top: 5px;}
#forgottenpassword .center-margin {width: 250px;}
#forgottenpassword #submit {margin-top:3px;}
/* -------------------------- end forgottenpassword view -------------------------- */

/* Some Basic Styles */
.ui-menu {
    z-index: 2;
}

.inner-header-left img {
    height: 20px;
    position: relative;
    top: 3px;
    padding: 4px 0 0 10px;
}

.inner-header-left span, .general-h3 {
    font-size: 1.75em;
    font-weight: bold;
    font-family: Arial, sans-serif !important;
    color: #666;
    padding: 0 0 0 3px;
}

.general-h3 { font-size: 1.4em; padding: 0; }

#edit-item img {
    height: 15px;
    margin-left: -5px;
}

#edit-item img:hover {
    height: 17px;
    margin-left: -5px;
}

.add-comments ::-webkit-input-placeholder { padding: 3px 0 0 5px; font-style: italic; font-weight: 100;}

.add-comments:-moz-placeholder {  padding: 3px 0 0 5px; font-style: italic; font-weight: 100;}

.add-comments :-ms-input-placeholder {padding: 3px 0 0 5px; font-style: italic; font-weight: 100;}

/* End Some Basic Styles */

/****** basic tooltip style ********/
.tooltip {
    text-align: center;
    color: black;
    display: none;
    position: absolute;
    z-index: 11;
    width: 100px;
}

.tooltip .text{
    background-color: black;
    color:white;
    margin-top: -15px;
}

.tooltip .arrow { margin-bottom: 8px; margin-top: -5px;}

.basic-tool-tip {
    position: absolute;
    border: solid 1px #808080;
    padding: 3px;
    display: none;
    background-color: white;
    z-index: 9999;
    border-radius: 2px;
    background: #FFFFFF; /* Old browsers */
    background: -moz-linear-gradient(top,  #FFFFFF 0%, #E3E3E3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#E3E3E3)); /*    Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #FFFFFF 0%,#E3E3E3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FFFFFF 0%,#E3E3E3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FFFFFF 0%,#E3E3E3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #FFFFFF 0%,#E3E3E3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E3E3E3',GradientType=0 ); /* IE6-9 */
}
.basic-tool-tip .row:first-child {
    margin-top: 5px;
}
.basic-tool-tip .row {
    margin-bottom: 5px;
}

.basic-tool-tip .row .icon {
    width: 15px; height: 15px; display: inline; float: left; margin-right: 5px;
}

/******* end basic tooltip style *******/

.simpler-styles label, .simpler-styles button {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}

/* Interaction states - modifications*/

#container-tabs.simpler-styles label,
#tabs-container .simpler-styles label{
    color: #333333;
    font-family: arial,sans-serif;
    font-size: 1.4em !important;
    min-width: 80px;
    padding-top: 7px;
    padding-bottom: 3px;
    margin-top: 30px;
    border: 1px solid #e6e6e6;
    border-top-style:none;
    border-bottom-style:none;
    background-color: #f5f5f5;
}
#container-tabs.simpler-styles label {
    height:30px;
}

#tabs-container .simpler-styles label{
    margin-top: 0px;
    padding-top: 1px;
    /*height:32px;*/

}

#tabs-container .simpler-styles.ui-buttonset {
    margin-right:0;
}

#tabs-container .simpler-styles .ui-state-active:hover {
    color: #000;
    background: none;
    background-color: #c4c4c4;
}




#container-tabs.simpler-styles label:hover,
#tabs-container .simpler-styles label:hover{
    background-color: #d9d9d9;

}

.simpler-styles .ui-widget-content .ui-state-hover,
.simpler-styles .ui-widget-content .ui-state-focus,
.simpler-styles .ui-widget-header .ui-state-hover,
.simpler-styles .ui-widget-header .ui-state-focus
{
    font-weight: normal;
    color: #000;
    background: none;
    background-color: #c4c4c4;
}

.simpler-styles .ui-state-active, .simpler-styles .ui-widget-content .ui-state-active, .simpler-styles .ui-widget-header .ui-state-active {
    border: 0;
    font-weight: bold;
    color: #7c7c7c;
}

.tabs-border {
    border-left: 1px solid #f5f5f5 !important;
}

.simpler-styles .ui-widget :active {
    outline: none;
}

.simpler-styles .ui-button-text-only .ui-button-text {
    padding: .2em 0.5em;
}

/* Alarm Threshold Setting Styles */
.slick-cell .item-icon {
    vertical-align: middle;
}

.slick-cell .title{
    display: inline;
    margin-left: 2px;
}

#locationAlarmThresholds{ float: left; padding: 20px; }
.thresholdTitle { width: 56px; }
.thresholdTitleInput { width: 50px; }
.thresholdHead { width: 25px; padding-left: 4px; }
.thresholdValue { width: 24px;   }
.headerSpan { margin-right: 10px; font-weight: bold; font-size: 1.1em; }
.groupItemGroup { float: left;  }
.clear { clear: both; }
.channelDiv { float: left; margin-top: 10px; display: inline-block; margin-right: 10px;}
.smallGap { margin-left: 10px; }
.alarmType { margin-left: 30px; }
.error, tr.error  td { outline: red solid 1px; outline-offset: -1px; }
.inputValueWidth {  width: 30px; }
.locationGroup  { float: left; margin-right: 30px; }
.hr { height: 0px; border: 1px solid grey; }
.inhibitAlarmsOuter { margin-top: 10px; float: right;  }
.btn { float: right; margin-right: 50px; margin-top: 20px;}

.channelUnavailable td, .channelUnavailable td input, .channelUnavailable td span, .channelUnavailable td  {
    color: #aaa;
}
.channelUnavailable {
    background-color:#bbb;
}


.ui-layout-resizer {
    background-color: #e6e6e6 !important;
}

#tree-container {
    top: 101px !important;
}

#tree-container-resizer {
    top: 101px !important;
}

#center-container {
    top: 101px !important;
}

#header{
    border-right: 1px solid #bbb;
    overflow-y: hidden !important;
    height: auto !important;
    z-index: auto !important;
}

.ui-dialog .ui-dialog-buttonpane {
    background-color: #f3f3f3;
    border-top: 1px solid #ccc;
    height: 33px;
}


.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{

}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {

    height:24px !important;
    background-color: #ddd;
    border: 1px solid #b0b0b0 !important;
    padding: 5px 5px;
    line-height:28px;

}



.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset span {

    position: relative;
    bottom: 5px;
}

#dialups-wrapper-noinfo {
    color: #666666;
}


/*style class*/
.btn-theme{
    border: 1px solid #0089b7;
    border-radius: 4px;
    background-image: linear-gradient(bottom, #0A99C4 6%, #00A8E0 56%);
    background-image: -o-linear-gradient(bottom, #0A99C4 6%, #00A8E0 56%);
    background-image: -moz-linear-gradient(bottom, #0A99C4 6%, #00A8E0 56%);
    background-image: -webkit-linear-gradient(bottom, #0A99C4 6%, #00A8E0 56%);
    background-image: -ms-linear-gradient(bottom, #0A99C4 6%, #00A8E0 56%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.06, #0A99C4),
        color-stop(0.56, #00A8E0)
    );
}
/*button*/
#btn-wrap {
    position: relative;
    z-index: 1000;
    right: 25px;
    top: 4px;
    float: right;
    min-width: 160px;
}

#btn-name {
    display: block;
    height: 20px;
    z-index: 2;
}

#btn-name img {
    padding-left: 10px;
    padding-top: 3px;
    position: relative;
    top: 1px;

}

#btn-name p {
    -webkit-margin-before: 0em !important;
    -webkit-margin-after: 0em !important;
    -webkit-margin-start: 0px !important;
    -webkit-margin-end: 0px !important;
    text-align: left;
    line-height: 20px;
    font-size: 1.1em;
    color: white;
    display: inline;
    padding-left: 5px;
    padding-right: 10px;
}

/*drop down menu*/
#btn-menu {
    list-style: none;
    height: 75px;
    position: absolute;
    z-index: -2;
    background-color: #00A8E0;
    border: 1px solid #0089b7;
    border-radius: 0 0 5px 5px;
}

#btn-menu li {
    font-size: 1.1em;
    padding: 5px 5px;
}

#btn-menu li:hover {
    background-color: #ffffff;
}

#btn-menu li a {
    display: block;;
    color: #ffffff;
    text-decoration: none;
    padding-left: 5px;
}

#btn-menu li:hover a {
    color: #888888;
}

.ui-resizable-handle {
    display: none !important;
}

.shared-child {
    padding-left: 20px;
    margin-top: -4px;
}


/****** manage thesholds view ********/

/* We set a default height, but this is dynamically overridden in code  */
#alarm-thresholds-grid { height:280px; overflow: auto; padding-left: 5px; }

div#alarm-thresholds-grid input:valid, div#alarm-thresholds-grid textarea:valid  { width: 87% !important; }

/* "grey out" sms and gprs icons when alarms disabled  */
#alarm-thresholds-grid .hardware-alarms { text-align: center; }

#alarm-thresholds-grid .hardware-alarms .alarm-icon {
    cursor: pointer;
    opacity: 1;
}
#alarm-thresholds-grid .slick-row .alarm-icon.disabled { opacity: .35; }
#alarm-thresholds-grid .slick-row .alarm-icon + .alarm-icon { padding-left: 6px; }

#alarm-thresholds-grid .slick-row.disabled .hardware-alarms { cursor: not-allowed; }
#alarm-thresholds-grid .slick-row.disabled .alarm-icon { display: none; }

#alarm-thresholds > .grid_16 { margin: 0 10px; }

.input-group {
    overflow: hidden;
}
.input-group div, .input-group input {
    float: left;
    margin: 0 5px 4px 0;
    min-width: 102px;
}
.input-group div {
    clear: left;
    line-height: 18px;
}
.input-group input {
    border: 1px solid #ddd;
    float: left;
    line-height: 14px;
    margin-bottom: 4px;
    min-width: 31em;
    padding: 1px 2px;
}
.input-group input[type="checkbox"] {
    min-width: auto;
}
.input-group p {
    margin: 0;
}
.input-group p.disabled {
    color: #aaa;
    cursor: default;
}
.night-line-time input {
    min-width: auto;
    width: 30px;
}
.email-address input {
    min-width: 50em;
}
/* Highlight row with error condition */

.alarm-editor-popup {
    background:white;
    border:3px solid gray;
    -moz-border-radius:10px;
    border-radius:10px;
    padding:5px;
    position:absolute;
    z-index:10000;
}

.alarm-editor-popup > div {
    clear: left;
    float: left;
    overflow: hidden;
}

.alarm-editor-popup .checkbox {
    float: left;
    width: 40px;
}
.alarm-editor-popup label {
    float: left;
    margin: 3px 3px 3px 0;
    min-height: 13px;
    min-width: 25px;
    text-align: center;
}
.alarm-editor-popup label img {
    vertical-align: middle;
}

.graph-options li { list-style: none; }

/**** end manage thesholds view*******/

/****  remote control view*******/

#remote-control {
    margin: 0 10px;
}

#remote-control-button-container {
    padding: 0 0 10px 0;
}

/* TODO: dialog-with-inputs looks like it is not longer used - candiate to delete*/
.dialog-with-inputs span { position: relative; top: 9px;}
.dialog-with-inputs .divider {border-bottom: 1px solid silver; margin-bottom: 12px; padding-bottom: 12px; height: 25px; }
.dialog-with-inputs .no-pointer{ cursor: default; }
.dialog-with-inputs .target-value { position: relative; top: 3px; box-sizing: border-box; margin: 2px;}
.dialog-with-inputs .unit { padding-left: 3px; }
.dialog-with-inputs .validation-results { border: 0; height: 22px;}
.dialog-with-inputs img { padding-top: 7px; cursor: pointer; cursor: hand; }

.dialog-with-inputs input[type=checkbox] {  display:none; } /* replaces checkboxes with images in pure css :) */
.dialog-with-inputs input[type=checkbox]+label {
    background: url('/images/icons/checkbox-enabled-unchecked.png'); background-size: 17px 17px;
    background-repeat: no-repeat;height: 17px; width: 17px; display:inline-block; padding: 0 0 0 0px; margin-top: 6px;
}
.dialog-with-inputs input[type=checkbox]:checked+label
{
    background: url('/images/icons/checkbox-enabled-checked.png');
}
.dialog-with-inputs input[type=checkbox][disabled]+label
{
    background: url('/images/icons/checkbox-disabled-unchecked.png');
}
.dialog-with-inputs input[type=checkbox][disabled]:checked+label
{
    background: url('/images/icons/checkbox-disabled-checked.png');
}
.dialog-with-inputs input[type=text][disabled]
{
    color: #888;
    background-color: #cecece;
}

input[type="text"].seven-decimal-points {
    width: 56px;
}
input[type="text"].five-decimal-points {
    width: 28px;
}

.control-active {
    float:left;
    margin-bottom: 7px;
}

.save-buttons { display: inline-block;  vertical-align: top;}
.save-buttons input[type="button"] { margin-top: 0px; }
#save-details-tool-tip { width: 250px;}
#save-details-tool-tip .reason { width: 90%; }

#time-grid-container {
    float:left;
}

#time-grid-title {
    height: 16px;
    overflow: hidden;
    padding-top: 4px;
    line-height: 14px;
}
#profile-grid-container { float:left; }
.basic-remote-control {
    clear: both;
    font-size: 1.1em;
}
.basic-remote-control input {
    width: 40px;
    margin-left: 5px;
    padding-left: 3px;
}

#profile-container { float: left; }
#profile-grid-heading {
    float: left;
    width: 117px;
}

#time-grid-heading, #control-loop-heading {
    height: 18px;
}

#time-grid-container, #profile-grid-container, #control-loop-grid-container {
    float: left;
    margin-top: 4px;
    padding-left: 2px;
}

#time-grid-container .grid-buttons,
#profile-grid-container .grid-buttons,
#curve-grid-options .grid-buttons,
#control-loop-grid-container .grid-buttons
{
    width: 100%;
    text-align: right;
}

#control-loop-grid-container .validationMessage { clear: left; }

#time-grid-container .grid-buttons img,
#profile-grid-container .grid-buttons img,
#curve-grid-options .grid-buttons img,
#control-loop-grid-container .grid-buttons img
{
    margin-right: 20px;
}
#profile-info-show-working-days {
    margin-right: 45px !important;
}
#verticalSpacer {
    float:left;
    height: 150px;
    margin-top: 20px;
    border-left: 1px solid silver;
}

#p2VsFlowGrid, #timeGrid, #profileGrid, #controlLoopGrid, #profile-specific-dates-grid {
    max-height: 125px;
}

.grid-cell-empty-placeholder {
    color: #a9a9a9;
}

.span-radio-unchecked, .span-radio-checked, .span-radio-unchecked-disabled, .span-radio-checked-disabled {
    position: relative;
    top: -2px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.span-radio-unchecked { cursor: pointer; }

.span-radio-unchecked { background: url('/images/icons/blank_checkbox-grid.png'); background-size: 12px 12px; background-position: 2px 2px; background-repeat: no-repeat; }
.span-radio-checked {   background: url('/images/icons/greytick.png'); }
.span-radio-unchecked-disabled { background: url('/images/icons/blank_checkbox-grid.png'); background-size: 12px 12px; background-position: 2px 2px; background-repeat: no-repeat; }
.span-radio-checked-disabled { background: url('/images/icons/greytick.png'); }
/* End Remote Control Grids  */


#timeGrid input:valid,
#timeGrid textarea:valid,
#profileGrid input:valid,
#profileGrid textarea:valid,
#p2VsFlowGrid input:valid,
#p2VsFlowGrid textarea:valid {
    width: 87% !important;
}

#remote-control .slick-header-column.ui-state-default { padding: 1px 4px; }
#remote-control .slick-row { background: #F0F0F0; }

#timeGrid .editor-select{ width: 50px;}
#timeGrid .row-error .editor-select{ width: 50px; margin: -2px; float: left;}
#timeGrid .active .selector-cell,
#profileGrid .active .selector-cell,
#alarm-thresholds-grid .active .selector-cell {
    background: url('/images/icons/grid/grid_row_select.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin-left: 2px; }

.cell-editable,
.cell-uneditable {
    cursor: pointer;
    border: none!important;
    margin: 0;
    padding: 2px 0 0 2px;
}

input.ui-button {
    padding: .4em .6em;
}

input.ui-button[disabled] {
    opacity: .35;
}

.cell-editable input,
.cell-editable select{
    margin: 0;
    padding: 0;
    border: none;
    top:-1px;
}

.cell-uneditable {
    opacity: 0.5;
    cursor: not-allowed;
}

.slick-viewport {
    background: #fff;
}

.slick-cell input[type=text] {
    width:100%;
}

#profileGrid .profile-inactive {
    opacity: 0.5;
}


.ui-icon {
    float: left;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

#remote-control-message-container .message-icon {
    float: left; margin-right: .3em;
}

.right-tools-button {
    float:right;
    margin-right: -10px;
}

.ui-datepicker td .ui-state-default {
    height: auto!important;
}

.sub-section-heading {
    font-weight: normal;
    font-size: 1.1em;
    color: #666666;
    margin-left: 10px;
    clear:both;
}

.showMe {
    display: block;
}
.showButton {
    display: inline-block;
}

#isControlEnabled {
    vertical-align: middle;
}

.graph-date-picker-container {
    float: right;
    margin-right: 255px;
    line-height: 27px;
}
.graph-date-picker-container span {
    vertical-align: top;
}
#date-picker {
    width: 75px;
}

.profile-container {
    float:left;
}
.curve-container, #curve-grid-options{
    float:left;
    margin-left: 3px;
}

.vertical-divider {
    border-left: 1px solid #d3d3d3;
    float: left;
    height: 500px;
    margin-top: 25px;
    padding-right: 20px;
}

.invalid-curve {
    clear:left;
    float:left;
    margin-top: 5px;
    margin-left: 20px;
    margin-bottom: 5px;
    list-style-type: none;
}

.control-warning {
    margin-right: 5px;
    margin-left: 10px;
    float:left;
}

.control-warning-text {
    margin-top: 3px;
    clear: none;
    margin-right: 8px;
    margin-left:10px;
}

.tick-box {
    padding-left: 5px;
}

.profile-time-add {
    float: left;
}
.active-control-warning {
    color: #666666!important;
    margin-top: 15px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: .9em;
}

.grid-buttons {
    clear:left;
    float:left;
}

.dp-vs-flow-table { width: 90px; height: 200px;}
.dp-vs-flow-table thead { display: block; }
.dp-vs-flow-table tbody { height: 176px; overflow: auto; display: block; }
.dp-vs-flow-table td { padding-left: 5px; width: 27px; }
.dp-vs-flow-table th { width: 27px; /* aligns the heading columns with the tbody columns*/ }

.dp-vs-flow-legend-container {
    float: left;
    width: 110px;
    background-color: #f5f5f5;
    border: 1px solid #EEE;
    padding: 2px;
    margin-top: 6px;
    z-index: 21;
}

#algorithm-tool-button { padding-right: 10px; padding-top: 5px;}
#algorithm-run-button { background-color: rgb(240, 240, 240); vertical-align: middle;  }

.recalculation-buttons { float:left; margin-top: 10px; margin-left: 5px; }
.img-button { display: inline-block; background-color: rgb(240, 240, 240); padding: .2em .2em;}
.i2o-control-tabs .img-button{ margin-left: 3px; }

#auto-semi-selection-area {  float: left; margin-left: 10px; clear:left;}
.profile-name {
    padding-top: 10px;
    font-weight: bold;
}

#remote-control-button-container {
    clear: both;
    margin-top: 5px;
    float: left;
    width: 480px;
}
#remote-control-reliability-container{
    display: inline-block;
    padding-top: 5px;
}

.i2o-tabs .algorithm-mode {
    float:left;
}

.i2o-calendar table {
    margin: 0;
}

.i2o-calendar .fc-day-grid-event span {
    top:0;
}

.i2o-calendar .fc-content {
    text-overflow: ellipsis;
}

.attention {
    color: red;
}

/*#remote-control-automatic-options-container {margin-top: 15px; float: left;}*/
/**** end remote control view*******/

/****** dashboard grid  ********/

#dashboard-display-grid { height:280px; overflow: auto; margin-top: 10px; }

#dashboard-display-grid .slick-cell.active {
    border: transparent;
}

#dashboard-display-grid .slick-cell, #dashboard-display-grid  .slick-headerrow-column, #dashboard-display-grid  .slick-column-name  {
    text-overflow: clip; /* Override default SlickGrid behaviour */
}

.slickhead-cc .slick-column-name, .slickhead-cw .slick-column-name,.slickhead-ca .slick-column-name,.slickhead-ci .slick-column-name {
    position: relative;
    left: -2px;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
}

#dashboard-display-grid .slick-column-name {
    font-size: 0.75em;
}

.dashboard-item-type-icon {
    top: 2px;
}

.slickhead-cc .slick-column-name { background-image: url('/images/icons/severities/critical.png'); }
.slickhead-cw .slick-column-name { background-image: url('/images/icons/severities/warning.png'); }
.slickhead-ca .slick-column-name { background-image: url('/images/icons/severities/advisory.png'); }
.slickhead-ci .slick-column-name { background-image: url('/images/icons/severities/information.png'); }


.dashboard-sparkline {
    float: left;
    display: inline-block;
    width: 100px;
    height: 34px;
    padding: 0;
    margin: 0;
}

.twenty-eight {
    background: url('/images/icons/28dayscale4.png') no-repeat;
}

#dashboard-column-management-table td { padding-left: 30px; padding-right: 10px; text-align: center;}
#dashboard-column-management-table .first { text-align:left; margin-right: 10px; padding-right: 90px; padding-left: 0px !important; }

.optional-display-only-columns td { padding-left: 45px; padding-right: 25px; text-align: center;}
.optional-display-only-columns .first { text-align:left; margin-right: 10px; padding-right: 90px; padding-left: 0px !important;}

.power-battery-icon { float: left; }
.power-battery-value { margin-left: 5px; }

.dashboard-stats {
    float: left;
    display: inline-block;
    width: 30px;
    padding: 0;
    margin: 0;
}

.dashboard-stats table {
    margin: 0;
    padding: 0;
    margin-left: 3px;
    margin-top: 1px;
}

.dashboard-stats table td {
    color: #222;
    border: 1px solid #bbb;
    line-height: 14px;
    text-align: center;
}

span.no-data, span.data-error {
    text-align: center;
    width: 100%;
    display: block;
    margin: 0 auto;
    color: #aaa;
    font-size: 10px;
}
span.data { color: #aaa; }
span.data-error { color: #faa; }

.dashboard-ageindays span {
    margin: 0;
    color: white;
    font-size: 8px;
    display: inline-block;
    height: 10px;
    line-height: 10px;
    position: relative;
    right: 30px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 1px;
}

.dashboard-ageindays span.age-green { background: rgba(0, 180, 0, 0.5); }
.dashboard-ageindays span.age-amber { background: rgba(180, 128, 0, 0.5); }
.dashboard-ageindays span.age-red { background: rgba(128, 0, 0, 0.5); }

.right-pane-solid-heading {
    height: 32px;
    display: block;
    border-top: 1px solid #e6e6e6;
}

.right-pane-solid-heading.solid-grey {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}

.right-pane-solid-heading .heading .inner-header-left {
    display: inline-block;
}

.right-pane-solid-heading .heading .inner-header-right {
    display: inline-block;
    position: relative;
    right: 20px;
    float: right;
    top: 5px;
}

.slick-header-menubutton {
    display: inline-block;
}

.slick-header { border: 0; }
.slick-header-column.ui-state-default  {
    border-top:    1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.cursor-pointer { cursor: pointer; }

/* Licence Page Styles */

#licences-content { padding: 28px; }
.licence-products-table { margin: 7px 0 0 0; }

.licence-products-table td { padding: 3px; }
.licence-products-table tr.flip td { background: #eee; }
.licence-products-table tr.flop td { background: #fff; }

.licence-products-table td span, .licence-products-table td img { vertical-align:middle; }

.licence-product-grouping { margin-bottom: 28px; }
.pad-right-20 { margin-right: 20px; margin-left: 3px;}
.licence-products-table th span { color: #000; }
.licence-icons { clear: both; margin-bottom: 14px; }
.licence-icon { display: inline-block; margin-right: 14px; margin-bottom: 10px; float:left; }
.small-icon { width: 16px; height: 16px; }
.licence-column-1 { width: 250px; }

/* Remote Control Popups */

.why-box { height: 36px; width: 100%; box-sizing: border-box; }

input[type="button"][disabled=disabled], input[type="button"]:disabled {
    cursor: default;
}

.push-buttons-right {
    float: right;
    clear: both;
    margin-top: 20px;
    margin-right: 20px;
}
/* prv settings classes */
#prv-graph {
    width: 400px;
    height: 400px;
    margin-left: 14px;
    float: left;
}

#prv-graph .highcharts-legend { display: none; }

#settings-wrapper { float: left; }
#prvonoroff-wrapper { float: left; font-size: 1.1em; margin-left: 32px; }


#curve-chart,
#automatic-optimisation-chart {
    width: 175px;
    height: 165px;
    margin-top: 0;
}

#p2-flow-curve-chart {
    width: 210px;
    height: 165px;
    margin-top: 0;
}

.curve-chart-automatic {
    float: left;
}

.grid-row-removable, .profile-deletable {
    position: relative;
    background: url('/images/icons/grid/grid_row_remove.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 14px;
    height: 16px;
    display: inline-block;
    float:left;
    cursor: pointer;
}

.profile-not-editable {
    width: 16px;
    float: left;
    height: 16px;
}

#export-data-filename {
    width: 210px;
}

.profile-radio {
    margin-top: -1px;
    padding: 0;
}

.asset-state-icon-container {
    margin-left: 3px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    width: 370px;
    vertical-align: top;
}

.asset-sent-state-icon { padding-left: 2px; padding-right: 2px;}
.asset-state-text{ line-height: normal!important; vertical-align: top;}
.asset-state-icon-container .asset-sent-state-icon { position: relative;vertical-align: middle;}
.asset-state-icon-container .comment-icon {top:3px; }


.item-icon + .item-icon {
    padding-left: 4px;
    padding-right: 2px;
}

.keep-white-space{
    white-space: pre-wrap;
}

.showInlineBlock {
    display: inline-block;
}
.informational-container {
    margin: 5px 10px 8px 0px;
}
.informational-container>span{
    line-height: 18px;
    float:left;
}
.informational-container>div {
    clear:both;
}

.fail-safe-error-notice-dialog p {
    padding-left: 22px;
}

.fail-safe-error-notice-dialog .dialog-icon {
    margin-left: -23px;
}

.slick-group-totals > .cell-align-right {
    text-align: right;
}

.slick-cell.cell-numeric-content {
    text-align: right;
}

#alarm-display-grid .slick-row:hover {
    background: #f8fdff;
}

#alarm-display-grid .slick-cell:hover {
    cursor: pointer;
}

.recurrence-vertical-divider {
    border-left: 1px solid silver;
    margin-bottom: 12px;
    padding-bottom: 12px;
}

.recurrence-horizontal-divider {
    border-bottom: 1px solid silver;
    padding-bottom: 12px;
    margin: 0 40px 12px 40px;
}

.recurrence-dialog label {
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 15px;
    text-indent: -15px;
}

.recurrence-dialog input[type="checkbox"],
.recurrence-dialog input[type="radio"] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    margin-right: 2px;
}

.recurrence-dialog input[type="text"] {
    padding-left: 2px;
}

.recurrence-dialog .hasDatepicker {
    width: 65px;
}
.recurrence-dialog .info-img {
    vertical-align: bottom;
    position: relative;
    top: 1px;
}

.recurrence-dialog .slick-header {
    border-top: none !important;
    border-bottom: none !important;
}

.recurrence-dialog .slick-header-column.ui-state-default {
    padding: 1px 4px;
}

.recurrence-dialog .slick-row {
    background: #F0F0F0;
}

/* ---------------- logging view ------------------------- */
#logging-container .column-1 { width: 43px; }
#logging-container .column-2
{
    width: 140px;
    position: relative;
}

.ui-dialog-content .space{
    padding-top: 5px;
    clear:left;
}
.logging-message {
    margin-left: 14px;
}

.logging-warning {
    padding-top: 2px;
}
.logging-section {
    margin-left: 25px;
}
.logging-non-recommended-warning {
    padding-top: 10px;
    margin-left: 30px;
}
.logging-non-recommended {
    margin-left: 45px;

}

/* ---------------- end logging view ------------------------- */

#login-html{
    overflow-y: hidden;
}

#login-html #main {
    overflow-y: scroll;
}

#login-html .message-container {
    margin-bottom: 40px;
}

#maintenance_message  {
    text-align: justify;
}

/* Preassign asset view */

#preassign-asset-container {
    margin: 10px;
}

#preassign-asset-container form {
    padding: 0;
}

#preassign-asset-container div {
    float: left;
    clear: left;
}

#preassign-asset-container input + .validationMessage {
    display: none;
}

#preassign-asset-container .serial-number-search input {
    box-sizing: border-box;
    display: block;
    float: left;
    height: 22px;
    border: 1px solid #d3d3d3;
}

#preassign-asset-container .serial-number-search input[type="button"] {
    background: #ddd url('/images/search_mag.png') no-repeat 4px center;
    padding-left: 20px;
}

#preassign-asset-container .error {
    border: none;
    margin-top: 20px;
    outline: none;
    padding: 0 10px;
}