@charset "UTF-8";/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *








 */



/* 
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
/*
  Simple Grid
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  margin: 0; }

[class*='col-'] {
  float: left;
  padding-right: 20px; }
  [class*='col-']:last-of-type {
    padding-right: 0; }

.grid {
  width: 100%;
  width: 1280px;
  margin: 0 auto;
  overflow: hidden; }
  .grid:after {
    content: "";
    display: table;
    clear: both; }

.grid-pad {
  padding: 0; }

.push-right {
  float: right; }

/* Content Columns */
.col-1-1 {
  width: 100%; }

.col-2-3, .col-8-12 {
  width: 66.66%; }

.col-1-2, .col-6-12 {
  width: 50%; }

.col-1-3, .col-4-12 {
  width: 33.33%; }

.col-1-4, .col-3-12 {
  width: 25%; }

.col-1-5 {
  width: 20%; }

.col-1-6, .col-2-12 {
  width: 16.667%; }

.col-1-7 {
  width: 14.28%; }

.col-1-8 {
  width: 12.5%; }

.col-1-9 {
  width: 11.1%; }

.col-1-10 {
  width: 10%; }

.col-1-11 {
  width: 9.09%; }

.col-1-12 {
  width: 8.33%; }

/* Layout Columns */
.col-11-12 {
  width: 91.66%; }

.col-10-12 {
  width: 83.33%; }

.col-9-12 {
  width: 75%; }

.col-7-12 {
  width: 58.33%; }

.col-5-12 {
  width: 41.66%; }
/*! jQuery UI - v1.10.3 - 2013-07-23
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.datepicker.css, jquery.ui.tabs.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=%230085d0&bgTextureHeader=gloss_wave&bgImgOpacityHeader=75&borderColorHeader=%23aaaaaa&fcHeader=%23eee&iconColorHeader=%23eee&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%231fadff&bgTextureDefault=glass&bgImgOpacityDefault=0&borderColorDefault=%23d3d3d3&fcDefault=%23fff&iconColorDefault=%23fff&bgColorHover=%23009bf5&bgTextureHover=glass&bgImgOpacityHover=0&borderColorHover=%23aaa&fcHover=%23fff&iconColorHover=%23fff&bgColorActive=%230085d0&bgTextureActive=gloss_wave&bgImgOpacityActive=0&borderColorActive=%23999&fcActive=%23eee&iconColorActive=%23eee&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 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;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* 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: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.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,
.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: 0;
}

/* 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,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.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: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	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-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #0085d0 url(images/ui-bg_gloss-wave_75_0085d0_500x100.png) 50% 50% repeat-x;
	color: #eee;
	font-weight: bold;
}
.ui-widget-header a {
	color: #eee;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #999;
	background: #0085d0 url(images/ui-bg_gloss-wave_0_0085d0_500x100.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #fff;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #fff;
	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: 1px solid #aaa;
	background: #009bf5 url(images/ui-bg_glass_0_009bf5_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #7fcdeb;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #7fcdeb;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #d3d3d3;
	background: #1fadff url(images/ui-bg_glass_0_1fadff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #fff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #fff;
	text-decoration: 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_glass_95_fef1ec_1x400.png) 50% 50% 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;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

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

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.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_eee_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_fff_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_fff_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_eee_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-blank { background-position: 16px 16px; }
.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-on { background-position: -96px -144px; }
.ui-icon-radio-off { 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; }


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

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.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: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}
body {
  -webkit-text-size-adjust: 100%; }

input, select {
  vertical-align: -1px; }

.ui-datepicker {
  font-size: 12px; }

.ui-datepicker-trigger {
  box-shadow: 2px 2px 5px #666;
  cursor: pointer;
  vertical-align: middle; }
  .ui-datepicker-trigger:hover {
    box-shadow: 2px 2px 10px #333; }

#header {
  background-image: url(/assets/header.jpg);
  height: 60px; }

#logout_btn {
  background-repeat: no-repeat;
  display: block;
  height: 0;
  overflow: hidden;
  float: right;
  margin-right: 10px;
  background-image: url(/assets/logout.png);
  padding-top: 60px;
  width: 76px; }
  #logout_btn:hover {
    background-image: url(/assets/logout_on.png); }

#menu {
  background: url(/assets/menu_bg.jpg) no-repeat; }

#global_menu {
  padding: 0;
  list-style: none;
  float: left; }
  #global_menu ul {
    background: #fff;
    list-style: none;
    position: absolute;
    display: none;
    z-index: 999; }
    #global_menu ul li a {
      padding-top: 30px; }
  #global_menu > li {
    float: left; }
  #global_menu li a {
    padding-top: 40px;
    background: url(/assets/menu.png); }
  #global_menu li:hover ul, #global_menu li.hover ul {
    display: block; }
  #global_menu a {
    background-repeat: no-repeat;
    display: block;
    height: 0;
    overflow: hidden;
    width: 128px; }
  #global_menu #m1 {
    background-position: 0px 0; }
    #global_menu #m1:hover, #global_menu #m1.hover {
      background-position: 0px -40px; }
  #global_menu #m2 {
    background-position: -128px 0; }
    #global_menu #m2:hover, #global_menu #m2.hover {
      background-position: -128px -40px; }
  #global_menu #m3 {
    background-position: -256px 0; }
    #global_menu #m3:hover, #global_menu #m3.hover {
      background-position: -256px -40px; }
  #global_menu #m4 {
    background-position: -384px 0; }
    #global_menu #m4:hover, #global_menu #m4.hover {
      background-position: -384px -40px; }
  #global_menu #m5 {
    background-position: -512px 0; }
    #global_menu #m5:hover, #global_menu #m5.hover {
      background-position: -512px -40px; }
  #global_menu #m6 {
    background-position: -640px 0; }
    #global_menu #m6:hover, #global_menu #m6.hover {
      background-position: -640px -40px; }
  #global_menu #m7 {
    background-position: -768px 0; }
    #global_menu #m7:hover, #global_menu #m7.hover {
      background-position: -768px -40px; }
  #global_menu #m8 {
    background-position: -896px 0; }
    #global_menu #m8:hover, #global_menu #m8.hover {
      background-position: -896px -40px; }
  #global_menu #m9 {
    background-position: -1024px 0; }
    #global_menu #m9:hover, #global_menu #m9.hover {
      background-position: -1024px -40px; }
  #global_menu #s2-1 {
    background-position: -128px -80px; }
    #global_menu #s2-1:hover, #global_menu #s2-1.hover, #global_menu #s2-1.selected {
      background-position: -128px -170px; }
  #global_menu #s2-2 {
    background-position: -128px -110px; }
    #global_menu #s2-2:hover, #global_menu #s2-2.hover, #global_menu #s2-2.selected {
      background-position: -128px -200px; }
  #global_menu #s2-3 {
    background-position: -128px -140px; }
    #global_menu #s2-3:hover, #global_menu #s2-3.hover, #global_menu #s2-3.selected {
      background-position: -128px -230px; }
  #global_menu #s3-1 {
    background-position: -256px -80px; }
    #global_menu #s3-1:hover, #global_menu #s3-1.hover, #global_menu #s3-1.selected {
      background-position: -256px -170px; }
  #global_menu #s3-2 {
    background-position: -256px -110px; }
    #global_menu #s3-2:hover, #global_menu #s3-2.hover, #global_menu #s3-2.selected {
      background-position: -256px -200px; }
  #global_menu #s3-3 {
    background-position: -256px -140px; }
    #global_menu #s3-3:hover, #global_menu #s3-3.hover, #global_menu #s3-3.selected {
      background-position: -256px -230px; }
  #global_menu #s4-1 {
    background-position: -384px -80px; }
    #global_menu #s4-1:hover, #global_menu #s4-1.hover, #global_menu #s4-1.selected {
      background-position: -384px -170px; }
  #global_menu #s4-2 {
    background-position: -384px -110px; }
    #global_menu #s4-2:hover, #global_menu #s4-2.hover, #global_menu #s4-2.selected {
      background-position: -384px -200px; }
  #global_menu #s4-3 {
    background-position: -384px -140px; }
    #global_menu #s4-3:hover, #global_menu #s4-3.hover, #global_menu #s4-3.selected {
      background-position: -384px -230px; }
  #global_menu #s5-1 {
    background-position: -512px -80px; }
    #global_menu #s5-1:hover, #global_menu #s5-1.hover, #global_menu #s5-1.selected {
      background-position: -512px -170px; }
  #global_menu #s5-2 {
    background-position: -512px -110px; }
    #global_menu #s5-2:hover, #global_menu #s5-2.hover, #global_menu #s5-2.selected {
      background-position: -512px -200px; }
  #global_menu #s5-3 {
    background-position: -512px -140px; }
    #global_menu #s5-3:hover, #global_menu #s5-3.hover, #global_menu #s5-3.selected {
      background-position: -512px -230px; }
  #global_menu #s6-1 {
    background-position: -640px -80px; }
    #global_menu #s6-1:hover, #global_menu #s6-1.hover, #global_menu #s6-1.selected {
      background-position: -640px -170px; }
  #global_menu #s6-2 {
    background-position: -640px -110px; }
    #global_menu #s6-2:hover, #global_menu #s6-2.hover, #global_menu #s6-2.selected {
      background-position: -640px -200px; }
  #global_menu #s6-3 {
    background-position: -640px -140px; }
    #global_menu #s6-3:hover, #global_menu #s6-3.hover, #global_menu #s6-3.selected {
      background-position: -640px -230px; }
  #global_menu #s7-1 {
    background-position: -768px -80px; }
    #global_menu #s7-1:hover, #global_menu #s7-1.hover, #global_menu #s7-1.selected {
      background-position: -768px -170px; }
  #global_menu #s7-2 {
    background-position: -768px -110px; }
    #global_menu #s7-2:hover, #global_menu #s7-2.hover, #global_menu #s7-2.selected {
      background-position: -768px -200px; }
  #global_menu #s7-3 {
    background-position: -768px -140px; }
    #global_menu #s7-3:hover, #global_menu #s7-3.hover, #global_menu #s7-3.selected {
      background-position: -768px -230px; }
  #global_menu #s8-1 {
    background-position: -896px -80px; }
    #global_menu #s8-1:hover, #global_menu #s8-1.hover, #global_menu #s8-1.selected {
      background-position: -896px -170px; }
  #global_menu #s8-2 {
    background-position: -896px -110px; }
    #global_menu #s8-2:hover, #global_menu #s8-2.hover, #global_menu #s8-2.selected {
      background-position: -896px -200px; }
  #global_menu #s8-3 {
    background-position: -896px -140px; }
    #global_menu #s8-3:hover, #global_menu #s8-3.hover, #global_menu #s8-3.selected {
      background-position: -896px -230px; }
  #global_menu #s9-1 {
    background-position: -1024px -80px; }
    #global_menu #s9-1:hover, #global_menu #s9-1.hover, #global_menu #s9-1.selected {
      background-position: -1024px -170px; }
  #global_menu #s9-2 {
    background-position: -1024px -110px; }
    #global_menu #s9-2:hover, #global_menu #s9-2.hover, #global_menu #s9-2.selected {
      background-position: -1024px -200px; }
  #global_menu #s9-3 {
    background-position: -1024px -140px; }
    #global_menu #s9-3:hover, #global_menu #s9-3.hover, #global_menu #s9-3.selected {
      background-position: -1024px -230px; }

#contents {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }

#side_menu {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px; }

#plantslist {
  border: 1px solid #ddd;
  box-shadow: 1px 1px 1px #eee;
  padding: 0;
  list-style: none;
  width: 256px;
  height: 525px;
  overflow: auto; }
  #plantslist li {
    border-bottom: 1px solid #ddd;
    color: #000;
    line-height: 1.6;
    padding: 6px 0 3px 20px;
    cursor: pointer;
    text-shadow: 1px 1px 0 #ddd; }
    #plantslist li.alm1 {
      background: url(/assets/plantmenu_a.jpg);
      color: #fff;
      text-shadow: 1px 1px 0 #74251a; }
    #plantslist li.alm2 {
      color: #d14a37; }
    #plantslist li:hover {
      border-left: 10px solid #1fadff; }
    #plantslist li.selected {
      color: #11adff;
      border-left: 10px solid #1fadff; }
      #plantslist li.selected:hover {
        border-left: 1px solid #ddd; }

.null_plant {
  color: #bbb !important; }

#main {
  padding-top: 20px;
  padding-bottom: 20px; }
  #main h1 {
    background: #0085d0;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding: 0.8em 0.5em;
    box-shadow: 1px 1px 1px #ccc; }
  #main p {
    margin: 5px;
    line-height: 1em;
    min-width: 0px; }
  #main .helpinfo {
    margin: 10px;
    vertical-align: middle; }

.content {
  font-size: 14px;
  padding: 0 1% 10px 1%;
  border: 1px solid #ddd;
  box-shadow: 1px 1px 1px #eee; }

.simple-pad {
  padding-left: 20px; }

#footer {
  background: #0186d1;
  box-shadow: 0 -2px 1px #ccc;
  height: 25px;
  margin: 0;
  width: 100%;
  text-align: center;
  padding-top: 0.3em; }

#copyright {
  color: #eee;
  font-size: 14px; }

.sw_table {
  border-spacing: 0;
  text-align: left;
  width: 100%;
  box-shadow: 1px 1px 1px #ccc;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 14px; }
  .sw_table th, .sw_table td {
    border: 1px solid #ccc9dc;
    padding: 5px 15px; }
  .sw_table th {
    font-weight: normal; }
  .sw_table .center {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle; }
  .sw_table th {
    color: #fff;
    background: #0085d0; }
  .sw_table td {
    color: #000; }
  .sw_table .odd {
    background: #fff; }
  .sw_table .even {
    background: #f3f3f3; }

.fixed_table {
  table-layout: fixed; }

.conditions_table {
  border-spacing: 0;
  text-align: left;
  width: 100%;
  box-shadow: 1px 1px 1px #ccc;
  word-break: break-all;
  word-wrap: break-word; }
  .conditions_table th, .conditions_table td {
    border: 1px solid #ccc9dc;
    padding: 5px 15px; }
  .conditions_table th {
    font-weight: normal; }
  .conditions_table .center {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle; }
  .conditions_table th, .conditions_table td {
    color: #000; }
  .conditions_table tbody th {
    background: #f3f3f3; }
  .conditions_table tbody td {
    background: #fff; }
  .conditions_table .center {
    width: 100px; }
  .conditions_table .right {
    text-align: right; }
  .conditions_table thead th {
    color: #fff;
    background: #0085d0; }

.css_btn, .css_btn_fixed, .css_btn_fill, .pagination .page a, .pagination .first a, .pagination .prev a, .pagination .next a, .pagination .last a {
  line-height: 1;
  font-weight: normal;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #bbb;
  padding: 5px 10px;
  text-decoration: none;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #eeeeee), color-stop(100%, silver));
  background: -moz-linear-gradient(center top, #eeeeee 5%, silver 100%);
  background: -ms-linear-gradient(top, #eeeeee 5%, silver 100%);
  background-color: #eee;
  color: #333;
  display: inline-block;
  text-shadow: 1px 1px 0px #ffffff;
  -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
  -moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
  box-shadow: inset 1px 1px 0px 0px #ffffff; }
  .css_btn:hover, .css_btn_fixed:hover, .css_btn_fill:hover, .pagination .page a:hover, .pagination .first a:hover, .pagination .prev a:hover, .pagination .next a:hover, .pagination .last a:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, silver), color-stop(100%, #eeeeee));
    background: -moz-linear-gradient(center top, silver 5%, #eeeeee 100%);
    background: -ms-linear-gradient(top, silver 5%, #eeeeee 100%);
    background-color: #c0c0c0; }
  .css_btn:active, .css_btn_fixed:active, .css_btn_fill:active, .pagination .page a:active, .pagination .first a:active, .pagination .prev a:active, .pagination .next a:active, .pagination .last a:active {
    position: relative;
    top: 1px; }
  .css_btn.disabled, .disabled.css_btn_fixed, .disabled.css_btn_fill, .pagination .page a.disabled, .pagination .first a.disabled, .pagination .prev a.disabled, .pagination .next a.disabled, .pagination .last a.disabled, .css_btn.disabled:hover, .disabled.css_btn_fixed:hover, .disabled.css_btn_fill:hover, .pagination .page a.disabled:hover, .pagination .first a.disabled:hover, .pagination .prev a.disabled:hover, .pagination .next a.disabled:hover, .pagination .last a.disabled:hover, .css_btn.disabled:active, .disabled.css_btn_fixed:active, .disabled.css_btn_fill:active, .pagination .page a.disabled:active, .pagination .first a.disabled:active, .pagination .prev a.disabled:active, .pagination .next a.disabled:active, .pagination .last a.disabled:active {
    color: #999;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #eeeeee), color-stop(100%, silver));
    background: -moz-linear-gradient(center top, #eeeeee 5%, silver 100%);
    background: -ms-linear-gradient(top, #eeeeee 5%, silver 100%);
    background-color: #eee;
    top: 0; }

.css_btn_fixed {
  font-size: 1em;
  text-align: center;
  width: 100px; }

.css_btn_fill {
  font-size: 1em;
  text-align: center;
  width: 100%; }

.pagination {
  margin: 10px 0;
  text-align: center; }
  .pagination .current {
    margin-left: 5px;
    margin-right: 5px; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }
.ms-container{
  background: transparent url('/assets/ms-switch.png') no-repeat 170px 80px;
}

.ms-container:after{
  content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden;
}

.ms-container .ms-selectable, .ms-container .ms-selection{

  background: #fff;
  color: #555555;
  float: left;
}

.ms-container .ms-list{
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}


.ms-selected{
  display:none;
}
.ms-container .ms-selectable{
  margin-right: 40px;
}

.ms-container .ms-list.ms-focus{
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
}

.ms-container ul{
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.ms-container .ms-optgroup-container{
  width: 100%;
}

.ms-container ul.ms-list{
  width: 160px;
  height: 200px;
  padding: 0;
  overflow-y: auto;
}

.ms-container .ms-optgroup-label{
  margin: 0;
  padding: 5px 0px 0px 5px;
  cursor: pointer;
  color: #999;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
  border-bottom: 1px #eee solid;
  padding: 2px 10px;
  color: #555;
  font-size: 14px;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: #08c;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled{
  background-color: #eee;
  color: #aaa;
  cursor: text;
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */

.tooltipster-default {
	border-radius: 3px; 
	border: 1px solid #000;
	background: #e0e0e0;
	color: #000000;
/*        border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff; */
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
#alarm_indi_list {
  left: 430px;
  position: absolute;
  top: 250px;
  z-index: 99; }

#alarm_indi {
  left: 50%;
  position: absolute;
  top: 70%;
  z-index: 99; }

#address_group_tabs .ui-state-active, #group_config_tabs .ui-state-active {
  background: #fff; }
  #address_group_tabs .ui-state-active a, #group_config_tabs .ui-state-active a {
    color: #000; }

.inactive_address {
  color: #bbb !important; }

.alarm_button_menu {
  margin-top: 1em;
  margin-bottom: 0.5em; }
  .alarm_button_menu .css_btn {
    font-size: 1em;
    text-align: center;
    width: 100%; }

.alarm_config_information {
  margin: 10px 0; }
  .alarm_config_information ul {
    list-style-position: inside;
    margin-top: 10px;
    margin-left: 20px; }

.alm_edit_area div {
  margin-top: 10px;
  margin-bottom: 10px; }

.inactive_setting td {
  color: silver; }
#condition_area {
  margin-top: 1em;
  line-height: 2em; }
  #condition_area tbody th {
    width: 150px; }

#records_area #csv_btn_area, #records_area #pdf_btn_area {
  float: right; }

#histories_header {
  margin-top: 2em;
  overflow: hidden; }
  #histories_header p {
    float: left; }
  #histories_header .strong {
    color: #0085d0; }
.unconfirmation td {
  background-color: #ffff00; }

.confirmation td {
  background-color: #98fb98; }

div#as_config_table_area,
.selector {
  float: left;
  margin-top: 10px;
  max-height: 498px; }

div#as_config_table_area {
  border: 1px solid #DDD;
  box-shadow: 1px 1px 1px #eee;
  margin: 10px 0 0 8px;
  width: 71%; }
  div#as_config_table_area .table_zone {
    max-height: 470px;
    overflow: auto;
    padding: 0; }
    div#as_config_table_area .table_zone .as_table {
      margin-bottom: 8px; }

.selector {
  overflow: auto;
  width: 28.19%; }

.content_submenu, .content_submenu_child {
  border: 1px solid #DDD;
  box-shadow: 1px 1px 1px #eee;
  list-style-position: inside;
  list-style-type: none;
  padding: 0; }

.content_submenu li {
  border-bottom: 1px solid #DDD;
  cursor: pointer;
  padding: 10px 0 0 6px;
  text-shadow: 1px 1px 0 #ddd; }
.content_submenu li .li_head {
  background: url(arrowparts.png) no-repeat scroll -72px 0;
  display: inline-block;
  height: 23px;
  margin-right: 3px;
  width: 24px; }
.content_submenu li.open .li_head {
  background: url(arrowparts.png) no-repeat scroll -24px 0; }
.content_submenu li .menu_text {
  position: relative;
  top: -6px; }
.content_submenu .content_submenu_child, .content_submenu .content_submenu_child li {
  border-left: 0;
  border-right: 0; }
.content_submenu .content_submenu_child li {
  line-height: 1.3em;
  padding: 10px 0 0 28px; }

.record_form {
  margin: 16px 4px 0; }

#as_config_table_area .css_btn_fill {
  float: right;
  margin-right: 16px;
  max-width: 200px;
  width: 20%; }

#record_title {
  background: none repeat scroll 0% 0% #0085D0;
  color: #FFF;
  font-size: 1.1em;
  padding: 5px 15px; }
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/
#table_coefficients th, #table_coefficients td {
  padding: 5px 5px;
  vertical-align: middle; }
#table_coefficients .r_align {
  text-align: right; }

#table_coefficient input {
  font-size: 14px; }
#table_coefficient .r_align {
  padding: 15px 2px 0px 10px;
  text-align: right;
  vertical-align: middle; }
#table_coefficient .l_align {
  padding: 15px 10px 0px 2px;
  text-align: left;
  vertical-align: middle; }
#table_coefficient .margined {
  margin: 15px 20px 15px 20px; }
#table_coefficient .numeric_text {
  text-align: right;
  vertical-align: middle; }

#coefficient_edit_message {
  margin: 20px 0px 0px 20px; }
#attention {
  height: 100px;
  width: 256px;
  text-align: center;
  margin-bottom: 20px; }
  #attention #attention_image {
    display: block;
    line-height: 1.5;
    width: 256px;
    height: 0;
    padding-top: 50px;
    background: transparent 0 0 no-repeat;
    background-image: url("/assets/attention_n.gif");
    overflow: hidden; }
  #attention #attention_num {
    padding-top: 5px;
    width: 256px;
    height: 50px;
    font-family: Helevetica, arial, freesans, clean, sans-serif;
    color: #666;
    font-size: 20px;
    font-weight: bold;
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    border-left: 2px solid #ddd;
    box-shadow: 1px 1px 1px #eee;
    text-shadow: 1px 1px 1px #eee; }
  #attention span {
    color: #0478c5;
    font-size: 32px;
    margin-left: 5px;
    margin-right: 5px; }
  #attention #attention_alarm #attention_image {
    background-image: url("/assets/attention_a.gif"); }
  #attention #attention_alarm span {
    color: #d53a2f; }

#current_alarms_area h3 {
  font-size: 14px; }
#current_alarms_area p {
  font-size: 14px;
  padding-bottom: 0.5em; }
#current_alarms_area a {
  font-size: 14px;
  color: #0000ff; }
#current_alarms_area input {
  font-size: 14px; }

#yahoo_map {
  margin-top: 1em;
  width: auto;
  height: 600px; }
  #yahoo_map *, #yahoo_map *:after, #yahoo_map *:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.sp-alarm1 {
  background-position: 0      0;
  width: 860px;
  height: 600px; }

.sp-alarm2 {
  background-position: -870px 0px;
  width: 860px;
  height: 600px; }

.sp-photo {
  background-position: 0      -610px;
  width: 860px;
  height: 600px; }

.sp-waterarea {
  background-position: -870px -610px;
  width: 860px;
  height: 600px; }

.sp-cloudradar {
  background-position: 0      -1220px;
  width: 860px;
  height: 600px; }

.sp-no_radar {
  background-position: -870px -1220px;
  width: 860px;
  height: 600px; }

#information_area .notice_article {
  font-size: 14px; }
#information_area ol, #information_area ul {
  margin-left: 0;
  padding-left: 2em;
  list-style-position: inside; }

.labels {
  color: black;
  background-color: white;
  text-align: center;
  white-space: nowrap;
  border: 1px solid black; }
  .labels p {
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-weight: bold; }

#goRoadmapUI, #goTerrainUI, #goHybridUI, #goWaterUI {
  background-color: #fff;
  border: 1px solid black;
  cursor: pointer;
  float: left;
  margin-bottom: 22px;
  text-align: center; }
  #goRoadmapUI:hover, #goTerrainUI:hover, #goHybridUI:hover, #goWaterUI:hover {
    background-color: #a9a9a9; }

#goRoadmapText, #goTerrainText, #goHybridText, #goWaterText {
  color: #191919;
  font-family: Roboto,Arial,sans-serif;
  font-size: 15px;
  line-height: 25px;
  padding-left: 5px;
  padding-right: 5px; }

/* @charset 'UTF-8';*/
/* 現在状況の色分け */
/* 黒 */
.sb {
  font-size: 12px;
  color: #000000; }

/* 黄 */
.sy {
  font-size: 12px;
  color: #FFFF00; }

/* 緑 */
.sg {
  font-size: 12px;
  color: #00FF00; }

/* 赤 */
.sr {
  font-size: 12px;
  color: #FF0000; }

#disconnect_btn_area {
  float: left;
  margin: 2px 5px 5px 5px;
  width: 250px;
  height: 25px;
  font-size: 14px;
  display: block;
  position: relative; }

#disconnect_btn {
  float: left; }

#genkyo_remaining_sec {
  float: left;
  margin: 4px 0px 0px 5px; }

#genkyo_subtitle {
  background: #0085d0;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  height: 1.5em;
  padding-top: 4px;
  text-align: center; }

#genkyo_header {
  background: #0085d0;
  color: #fff;
  width: 100%;
  box-shadow: 0 2px 1px #ccc; }
  #genkyo_header td {
    padding: 0 20px 5px;
    vertical-align: middle; }
  #genkyo_header #cur_left {
    text-align: left;
    width: 27%; }
  #genkyo_header #cur_center {
    text-align: center;
    width: 46%; }
  #genkyo_header #cur_right {
    text-align: right;
    width: 27%; }
  #genkyo_header .genkyo_anothersheet_btns li {
    display: inline-block; }
  #genkyo_header .genkyo_anothersheet_btns .css_btn {
    width: 120px; }

#genkyo_flowdiagram {
  /* 現況表示領域となるDIV要素 */
  margin: 10px;
  padding: 0px 0px 0px 0px;
  position: relative;
  background-position: left top;
  background-repeat: no-repeat;
  width: 1300px; }

#genkyo_flow_updateparts {
  margin: 0px;
  padding: 0px;
  position: relative;
  background-position: left top;
  background-repeat: no-repeat; }

.genkyo_flow_bkgrnd {
  border: 0px none black;
  margin: 0px;
  padding: 0px;
  z-index: 0;
  background-position: left top;
  background-repeat: no-repeat;
  position: absolute; }

.genkyo_fp {
  /* 現況のグラフィックフロー図に表示する各パーツは全てこのクラスに属する */
  border: 0px none black;
  margin: 0px;
  padding: 0px;
  position: absolute; }

.genkyo_ft {
  /* 現況のグラフィックフロー図に表示するテキストボックスは全てこのクラスに属する */
  border: 0px inset gray;
  margin: 0px;
  padding: 0px 5px 0px 0px;
  position: absolute;
  text-align: right; }

.genkyo_fb {
  /* 現況のグラフィックフロー図内に表示するボタン(遠隔操作など。右上のシート移動ボタンは含まない)は全てこのクラスに属する */
  margin: 0px;
  padding: 0px;
  position: absolute;
  text-align: center; }

#rmtctrlsubwnd_updatearea tr, #rmtctrlsubwnd_constarea tr {
  border: 0px none;
  height: 30px; }
#rmtctrlsubwnd_updatearea td, #rmtctrlsubwnd_constarea td {
  border: 0px none;
  vertical-align: middle; }
.drvhist_drag {
  position: absolute;
  top: 25px;
  cursor: move;
  z-index: 65530; }

#drvhist_list_area .selbox {
  border: 1px solid #adadad;
  cursor: pointer;
  padding: 0px;
  width: 100%; }

#drvhist_devi_select_list, #drvhist_devi_selected_list, #drvhist_mid_button_area, #drvhist_right_button_area {
  float: left; }

#drvhist_devi_select_list {
  width: 250px; }

#drvhist_devi_selected_list {
  width: 350px; }

#drvhist_list_area input {
  background-color: #fff;
  background-image: url(/assets/drvhist_arrow.png);
  border: 0;
  height: 32px;
  margin: 5px;
  width: 32px; }

.drvhist_select_devi_btn {
  background-position: -96px 0;
  cursor: pointer; }

.drvhist_cancel_devi_btn {
  background-position: -64px 0;
  cursor: pointer; }

.drvhist_selected_devi_up_btn {
  background-position: 0 0;
  cursor: pointer; }

.drvhist_selected_devi_down_btn {
  background-position: -32px 0;
  cursor: pointer; }

.drvhist_select_devi_btn_disabled {
  background-position: -96px -32px; }

.drvhist_cancel_devi_btn_disabled {
  background-position: -64px -32px; }

.drvhist_selected_devi_up_btn_disabled {
  background-position: 0 -32px; }

.drvhist_selected_devi_down_btn_disabled {
  background-position: -32px -32px; }

.drvhist_mid_button_area, .drvhist_right_button_area {
  padding: 5px; }

#show_drvhist_submitbutton {
  margin: 1em 0;
  width: 100%;
  font-size: 16px; }

#drvhist_display {
  margin: 10px;
  width: 1200px; }
  #drvhist_display #drvhist_condition_area {
    background-color: #0085d0;
    color: #ffffff;
    width: 100%;
    height: 40px; }
    #drvhist_display #drvhist_condition_area table#drvhist_condition {
      margin: 0px 10px 10px 10px;
      border: 0px; }
      #drvhist_display #drvhist_condition_area table#drvhist_condition tr {
        height: 40px;
        vertical-align: middle; }
      #drvhist_display #drvhist_condition_area table#drvhist_condition td {
        border: 0px;
        vertical-align: middle; }
  #drvhist_display .drvhist_graph {
    position: relative; }
  #drvhist_display #drvhist_dragrange, #drvhist_display .drvhist_alarmlines {
    position: absolute; }

.drv_alarm_indi {
  position: static;
  margin-top: 170px;
  margin-left: 130px; }
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/
body {
  -webkit-text-size-adjust: 100%; }

input, select {
  vertical-align: -1px; }

.ui-datepicker {
  font-size: 12px; }

.ui-datepicker-trigger {
  box-shadow: 2px 2px 5px #666;
  cursor: pointer;
  vertical-align: middle; }
  .ui-datepicker-trigger:hover {
    box-shadow: 2px 2px 10px #333; }

#header {
  background-image: url(/assets/header.jpg);
  height: 60px; }

#logout_btn {
  background-repeat: no-repeat;
  display: block;
  height: 0;
  overflow: hidden;
  float: right;
  margin-right: 10px;
  background-image: url(/assets/logout.png);
  padding-top: 60px;
  width: 76px; }
  #logout_btn:hover {
    background-image: url(/assets/logout_on.png); }

#menu {
  background: url(/assets/menu_bg.jpg) no-repeat; }

#global_menu {
  padding: 0;
  list-style: none;
  float: left; }
  #global_menu ul {
    background: #fff;
    list-style: none;
    position: absolute;
    display: none;
    z-index: 999; }
    #global_menu ul li a {
      padding-top: 30px; }
  #global_menu > li {
    float: left; }
  #global_menu li a {
    padding-top: 40px;
    background: url(/assets/menu.png); }
  #global_menu li:hover ul, #global_menu li.hover ul {
    display: block; }
  #global_menu a {
    background-repeat: no-repeat;
    display: block;
    height: 0;
    overflow: hidden;
    width: 128px; }
  #global_menu #m1 {
    background-position: 0px 0; }
    #global_menu #m1:hover, #global_menu #m1.hover {
      background-position: 0px -40px; }
  #global_menu #m2 {
    background-position: -128px 0; }
    #global_menu #m2:hover, #global_menu #m2.hover {
      background-position: -128px -40px; }
  #global_menu #m3 {
    background-position: -256px 0; }
    #global_menu #m3:hover, #global_menu #m3.hover {
      background-position: -256px -40px; }
  #global_menu #m4 {
    background-position: -384px 0; }
    #global_menu #m4:hover, #global_menu #m4.hover {
      background-position: -384px -40px; }
  #global_menu #m5 {
    background-position: -512px 0; }
    #global_menu #m5:hover, #global_menu #m5.hover {
      background-position: -512px -40px; }
  #global_menu #m6 {
    background-position: -640px 0; }
    #global_menu #m6:hover, #global_menu #m6.hover {
      background-position: -640px -40px; }
  #global_menu #m7 {
    background-position: -768px 0; }
    #global_menu #m7:hover, #global_menu #m7.hover {
      background-position: -768px -40px; }
  #global_menu #m8 {
    background-position: -896px 0; }
    #global_menu #m8:hover, #global_menu #m8.hover {
      background-position: -896px -40px; }
  #global_menu #m9 {
    background-position: -1024px 0; }
    #global_menu #m9:hover, #global_menu #m9.hover {
      background-position: -1024px -40px; }
  #global_menu #s2-1 {
    background-position: -128px -80px; }
    #global_menu #s2-1:hover, #global_menu #s2-1.hover, #global_menu #s2-1.selected {
      background-position: -128px -170px; }
  #global_menu #s2-2 {
    background-position: -128px -110px; }
    #global_menu #s2-2:hover, #global_menu #s2-2.hover, #global_menu #s2-2.selected {
      background-position: -128px -200px; }
  #global_menu #s2-3 {
    background-position: -128px -140px; }
    #global_menu #s2-3:hover, #global_menu #s2-3.hover, #global_menu #s2-3.selected {
      background-position: -128px -230px; }
  #global_menu #s3-1 {
    background-position: -256px -80px; }
    #global_menu #s3-1:hover, #global_menu #s3-1.hover, #global_menu #s3-1.selected {
      background-position: -256px -170px; }
  #global_menu #s3-2 {
    background-position: -256px -110px; }
    #global_menu #s3-2:hover, #global_menu #s3-2.hover, #global_menu #s3-2.selected {
      background-position: -256px -200px; }
  #global_menu #s3-3 {
    background-position: -256px -140px; }
    #global_menu #s3-3:hover, #global_menu #s3-3.hover, #global_menu #s3-3.selected {
      background-position: -256px -230px; }
  #global_menu #s4-1 {
    background-position: -384px -80px; }
    #global_menu #s4-1:hover, #global_menu #s4-1.hover, #global_menu #s4-1.selected {
      background-position: -384px -170px; }
  #global_menu #s4-2 {
    background-position: -384px -110px; }
    #global_menu #s4-2:hover, #global_menu #s4-2.hover, #global_menu #s4-2.selected {
      background-position: -384px -200px; }
  #global_menu #s4-3 {
    background-position: -384px -140px; }
    #global_menu #s4-3:hover, #global_menu #s4-3.hover, #global_menu #s4-3.selected {
      background-position: -384px -230px; }
  #global_menu #s5-1 {
    background-position: -512px -80px; }
    #global_menu #s5-1:hover, #global_menu #s5-1.hover, #global_menu #s5-1.selected {
      background-position: -512px -170px; }
  #global_menu #s5-2 {
    background-position: -512px -110px; }
    #global_menu #s5-2:hover, #global_menu #s5-2.hover, #global_menu #s5-2.selected {
      background-position: -512px -200px; }
  #global_menu #s5-3 {
    background-position: -512px -140px; }
    #global_menu #s5-3:hover, #global_menu #s5-3.hover, #global_menu #s5-3.selected {
      background-position: -512px -230px; }
  #global_menu #s6-1 {
    background-position: -640px -80px; }
    #global_menu #s6-1:hover, #global_menu #s6-1.hover, #global_menu #s6-1.selected {
      background-position: -640px -170px; }
  #global_menu #s6-2 {
    background-position: -640px -110px; }
    #global_menu #s6-2:hover, #global_menu #s6-2.hover, #global_menu #s6-2.selected {
      background-position: -640px -200px; }
  #global_menu #s6-3 {
    background-position: -640px -140px; }
    #global_menu #s6-3:hover, #global_menu #s6-3.hover, #global_menu #s6-3.selected {
      background-position: -640px -230px; }
  #global_menu #s7-1 {
    background-position: -768px -80px; }
    #global_menu #s7-1:hover, #global_menu #s7-1.hover, #global_menu #s7-1.selected {
      background-position: -768px -170px; }
  #global_menu #s7-2 {
    background-position: -768px -110px; }
    #global_menu #s7-2:hover, #global_menu #s7-2.hover, #global_menu #s7-2.selected {
      background-position: -768px -200px; }
  #global_menu #s7-3 {
    background-position: -768px -140px; }
    #global_menu #s7-3:hover, #global_menu #s7-3.hover, #global_menu #s7-3.selected {
      background-position: -768px -230px; }
  #global_menu #s8-1 {
    background-position: -896px -80px; }
    #global_menu #s8-1:hover, #global_menu #s8-1.hover, #global_menu #s8-1.selected {
      background-position: -896px -170px; }
  #global_menu #s8-2 {
    background-position: -896px -110px; }
    #global_menu #s8-2:hover, #global_menu #s8-2.hover, #global_menu #s8-2.selected {
      background-position: -896px -200px; }
  #global_menu #s8-3 {
    background-position: -896px -140px; }
    #global_menu #s8-3:hover, #global_menu #s8-3.hover, #global_menu #s8-3.selected {
      background-position: -896px -230px; }
  #global_menu #s9-1 {
    background-position: -1024px -80px; }
    #global_menu #s9-1:hover, #global_menu #s9-1.hover, #global_menu #s9-1.selected {
      background-position: -1024px -170px; }
  #global_menu #s9-2 {
    background-position: -1024px -110px; }
    #global_menu #s9-2:hover, #global_menu #s9-2.hover, #global_menu #s9-2.selected {
      background-position: -1024px -200px; }
  #global_menu #s9-3 {
    background-position: -1024px -140px; }
    #global_menu #s9-3:hover, #global_menu #s9-3.hover, #global_menu #s9-3.selected {
      background-position: -1024px -230px; }

#contents {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }

#side_menu {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px; }

#plantslist {
  border: 1px solid #ddd;
  box-shadow: 1px 1px 1px #eee;
  padding: 0;
  list-style: none;
  width: 256px;
  height: 525px;
  overflow: auto; }
  #plantslist li {
    border-bottom: 1px solid #ddd;
    color: #000;
    line-height: 1.6;
    padding: 6px 0 3px 20px;
    cursor: pointer;
    text-shadow: 1px 1px 0 #ddd; }
    #plantslist li.alm1 {
      background: url(/assets/plantmenu_a.jpg);
      color: #fff;
      text-shadow: 1px 1px 0 #74251a; }
    #plantslist li.alm2 {
      color: #d14a37; }
    #plantslist li:hover {
      border-left: 10px solid #1fadff; }
    #plantslist li.selected {
      color: #11adff;
      border-left: 10px solid #1fadff; }
      #plantslist li.selected:hover {
        border-left: 1px solid #ddd; }

.null_plant {
  color: #bbb !important; }

#main {
  padding-top: 20px;
  padding-bottom: 20px; }
  #main h1 {
    background: #0085d0;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding: 0.8em 0.5em;
    box-shadow: 1px 1px 1px #ccc; }
  #main p {
    margin: 5px;
    line-height: 1em;
    min-width: 0px; }
  #main .helpinfo {
    margin: 10px;
    vertical-align: middle; }

.content {
  font-size: 14px;
  padding: 0 1% 10px 1%;
  border: 1px solid #ddd;
  box-shadow: 1px 1px 1px #eee; }

.simple-pad {
  padding-left: 20px; }

#footer {
  background: #0186d1;
  box-shadow: 0 -2px 1px #ccc;
  height: 25px;
  margin: 0;
  width: 100%;
  text-align: center;
  padding-top: 0.3em; }

#copyright {
  color: #eee;
  font-size: 14px; }

.sw_table {
  border-spacing: 0;
  text-align: left;
  width: 100%;
  box-shadow: 1px 1px 1px #ccc;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 14px; }
  .sw_table th, .sw_table td {
    border: 1px solid #ccc9dc;
    padding: 5px 15px; }
  .sw_table th {
    font-weight: normal; }
  .sw_table .center {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle; }
  .sw_table th {
    color: #fff;
    background: #0085d0; }
  .sw_table td {
    color: #000; }
  .sw_table .odd {
    background: #fff; }
  .sw_table .even {
    background: #f3f3f3; }

.fixed_table {
  table-layout: fixed; }

.conditions_table {
  border-spacing: 0;
  text-align: left;
  width: 100%;
  box-shadow: 1px 1px 1px #ccc;
  word-break: break-all;
  word-wrap: break-word; }
  .conditions_table th, .conditions_table td {
    border: 1px solid #ccc9dc;
    padding: 5px 15px; }
  .conditions_table th {
    font-weight: normal; }
  .conditions_table .center {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle; }
  .conditions_table th, .conditions_table td {
    color: #000; }
  .conditions_table tbody th {
    background: #f3f3f3; }
  .conditions_table tbody td {
    background: #fff; }
  .conditions_table .center {
    width: 100px; }
  .conditions_table .right {
    text-align: right; }
  .conditions_table thead th {
    color: #fff;
    background: #0085d0; }

.css_btn, .css_btn_fixed, .css_btn_fill, .pagination .page a, .pagination .first a, .pagination .prev a, .pagination .next a, .pagination .last a {
  line-height: 1;
  font-weight: normal;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #bbb;
  padding: 5px 10px;
  text-decoration: none;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #eeeeee), color-stop(100%, silver));
  background: -moz-linear-gradient(center top, #eeeeee 5%, silver 100%);
  background: -ms-linear-gradient(top, #eeeeee 5%, silver 100%);
  background-color: #eee;
  color: #333;
  display: inline-block;
  text-shadow: 1px 1px 0px #ffffff;
  -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
  -moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
  box-shadow: inset 1px 1px 0px 0px #ffffff; }
  .css_btn:hover, .css_btn_fixed:hover, .css_btn_fill:hover, .pagination .page a:hover, .pagination .first a:hover, .pagination .prev a:hover, .pagination .next a:hover, .pagination .last a:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, silver), color-stop(100%, #eeeeee));
    background: -moz-linear-gradient(center top, silver 5%, #eeeeee 100%);
    background: -ms-linear-gradient(top, silver 5%, #eeeeee 100%);
    background-color: #c0c0c0; }
  .css_btn:active, .css_btn_fixed:active, .css_btn_fill:active, .pagination .page a:active, .pagination .first a:active, .pagination .prev a:active, .pagination .next a:active, .pagination .last a:active {
    position: relative;
    top: 1px; }
  .css_btn.disabled, .disabled.css_btn_fixed, .disabled.css_btn_fill, .pagination .page a.disabled, .pagination .first a.disabled, .pagination .prev a.disabled, .pagination .next a.disabled, .pagination .last a.disabled, .css_btn.disabled:hover, .disabled.css_btn_fixed:hover, .disabled.css_btn_fill:hover, .pagination .page a.disabled:hover, .pagination .first a.disabled:hover, .pagination .prev a.disabled:hover, .pagination .next a.disabled:hover, .pagination .last a.disabled:hover, .css_btn.disabled:active, .disabled.css_btn_fixed:active, .disabled.css_btn_fill:active, .pagination .page a.disabled:active, .pagination .first a.disabled:active, .pagination .prev a.disabled:active, .pagination .next a.disabled:active, .pagination .last a.disabled:active {
    color: #999;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #eeeeee), color-stop(100%, silver));
    background: -moz-linear-gradient(center top, #eeeeee 5%, silver 100%);
    background: -ms-linear-gradient(top, #eeeeee 5%, silver 100%);
    background-color: #eee;
    top: 0; }

.css_btn_fixed {
  font-size: 1em;
  text-align: center;
  width: 100px; }

.css_btn_fill {
  font-size: 1em;
  text-align: center;
  width: 100%; }

.pagination {
  margin: 10px 0;
  text-align: center; }
  .pagination .current {
    margin-left: 5px;
    margin-right: 5px; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

#equipment_config {
  overflow: auto; }
  #equipment_config .td {
    height: 30px; }

#equipments_table_area input {
  background-color: #fff;
  background-image: url("/assets/equipment_arrow_mini.png");
  border: 0;
  height: 17px;
  margin: 5px;
  width: 16px; }

.sw_table_equip {
  border-spacing: 0;
  text-align: left;
  width: 100%;
  box-shadow: 1px 1px 1px #ccc;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 14px; }
  .sw_table_equip th, .sw_table_equip td {
    border: 1px solid #ccc9dc;
    padding: 5px 15px; }
  .sw_table_equip th {
    font-weight: normal; }
  .sw_table_equip .center {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle; }
  .sw_table_equip th {
    color: #fff;
    /*background: #0085d0;*/ }
  .sw_table_equip td {
    color: #000;
    background: #289138; }
  .sw_table_equip .equip_item {
    color: #fff;
    background: #0085d0; }
  .sw_table_equip .odd {
    background: #fff; }
  .sw_table_equip .even {
    background: #f3f3f3; }
#faqs ul {
  border-top: 1px solid #ccc9dc;
  list-style-type: none;
  line-height: 2em; }
#faqs li, #faqs dt {
  background: 1em 1em  no-repeat;
  padding: 1em 1em 1em 3em;
  background-image: url("/assets/faq_q.gif");
  border-bottom: 1px solid #ccc9dc; }
#faqs .odd {
  background-color: #fff; }
#faqs .even {
  background-color: #f3f3f3; }
#faqs dl {
  line-height: 2em;
  margin: 10px; }
#faqs dt {
  background-color: #f3f3f3; }
#faqs dd {
  background: 1em 1em  no-repeat;
  padding: 1em 1em 1em 3em;
  background-image: url("/assets/faq_a.gif"); }
#faqs .link_btn {
  margin-left: 40px; }
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/
#table_meteralarms th, #table_meteralarms td {
  padding: 5px 5px;
  vertical-align: middle; }

#table_meteralarm input {
  font-size: 14px; }
#table_meteralarm .r_align {
  padding: 15px 2px 0px 10px;
  text-align: right;
  vertical-align: middle; }
#table_meteralarm .l_align {
  padding: 15px 10px 0px 2px;
  text-align: left;
  vertical-align: middle; }
#table_meteralarm .margined {
  margin: 15px 20px 15px 20px; }
#table_meteralarm .numeric_text {
  text-align: right;
  vertical-align: middle; }

#meteralarm_edit_message {
  margin: 20px 0px 0px 20px; }
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/
#mnt_report_area {
  margin-top: 1em;
  line-height: 2em; }
  #mnt_report_area tbody th {
    width: 150px; }

#mnt_create_table .mnt_subject_td {
  width: 200px; }
#mnt_create_table select:focus {
  border: solid 1px #00BFFF; }
#mnt_create_table input:focus {
  border: solid 1px #00BFFF; }
#mnt_create_table .mnt_select {
  width: 300px; }
#mnt_create_table tbody tr {
  height: 75px; }

#mnt_show_table .mnt_subject_td {
  width: 200px;
  vertical-align: top; }

.mnt_content_th {
  width: 100px; }

.mnt_content_td {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#mnt_show_area {
  overflow: hidden; }
  #mnt_show_area p {
    float: left; }
  #mnt_show_area .strong {
    color: #0085d0; }

.mnt_submit_btn {
  width: 300px; }

.show_mnt_table td {
  vertical-align: middle; }
/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 */


.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.ms-choice {
    display: block;
    width: 100%;
    height: 26px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
}

.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.ms-choice > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 8px;
}

.ms-choice > span.placeholder {
    color: #999;
}

.ms-choice > div {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 25px;
    background: url('multiple-select.png') left top no-repeat;
}

.ms-choice > div.open {
    background: url('multiple-select.png') right top no-repeat;
}

.ms-drop {
    width: 100%;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ms-drop.bottom {
    top: 100%;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.ms-drop.top {
    bottom: 100%;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

.ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff url('multiple-select.png') no-repeat 100% -22px;
    background: url('multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.ms-search, .ms-search input {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px;
}

.ms-drop ul > li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static;
}

.ms-drop ul > li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.ms-drop ul > li.group {
    clear: both;
}

.ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-drop ul > li label {
    font-weight: normal;
    display: block;
    white-space: nowrap;
}

.ms-drop ul > li label.optgroup {
    font-weight: bold;
}

.ms-drop input[type="checkbox"] {
    vertical-align: middle;
}

.ms-drop .ms-no-results {
    display: none;
}
#information_list, #notice {
  font-size: 14px;
  line-height: 1.5em;
  padding: 0 100px; }

#information_list_table, #information_list_table th, #information_list_table td {
  border: solid 1px #ccc; }

#information_list_table th, #information_list_table td, .information_list_table th, .information_list_table td {
  padding: 3px 4px; }
#information_list_table th, .information_list_table th {
  background: #0085D0;
  color: #FFF; }
#information_list_table .center, .information_list_table .center {
  text-align: center; }
#information_list_table .deleted, #information_list_table .deleted.past, #information_list_table .deleted.future, .information_list_table .deleted, .information_list_table .deleted.past, .information_list_table .deleted.future {
  background-color: #A8A8A8; }
#information_list_table .past, .information_list_table .past {
  background-color: #ddd; }
#information_list_table .future, .information_list_table .future {
  background-color: #BAE3F9; }
#information_list_table ol, #information_list_table ul, .information_list_table ol, .information_list_table ul {
  margin-left: 0;
  padding-left: 2em;
  list-style-position: inside; }
#information_list_table .two-chars-width, .information_list_table .two-chars-width {
  width: 3em; }

#example {
  margin-bottom: 1em;
  border: solid 1px #ccc; }

#notice_single_form {
  width: 100%;
  line-height: 1.5em;
  padding: 3px 4px; }

#notice_single_form, #notice_single_form th, #notice_single_form td {
  border: solid 1px #ccc; }

#notice_single_form th {
  width: 38%;
  background: #F3F3F3;
  text-align: right;
  padding: 3px 1em; }

#notice_single_form td {
  padding: 3px 4px; }

#notice_single_form textarea {
  width: 36em;
  height: 10em; }

#notice_single_form ol, #notice_single_form ul {
  margin-left: 0;
  padding-left: 2em;
  list-style-position: inside; }

#notice_single_form.deleted td {
  background-color: #A8A8A8; }

.charater-counter {
  color: #E58696; }
#password_change {
  font-size: 14px;
  line-height: 1.5em;
  padding-left: 100px;
  padding-right: 100px; }
  #password_change .conditions_table input {
    width: 100%; }
  #password_change .conditions_table th {
    width: 300px; }
  #password_change .password_routine_edit_table {
    border-spacing: 0;
    text-align: left;
    width: 100%;
    box-shadow: 1px 1px 1px #ccc;
    word-break: break-all;
    word-wrap: break-word; }
    #password_change .password_routine_edit_table th, #password_change .password_routine_edit_table td {
      border: 1px solid #ccc9dc;
      padding: 5px 15px;
      text-align: center; }
    #password_change .password_routine_edit_table tbody th {
      background: #f3f3f3;
      font-weight: normal;
      width: 200px; }
    #password_change .password_routine_edit_table tbody td {
      background: #fff; }
      #password_change .password_routine_edit_table tbody td .submit_button {
        width: 100%; }

#rttg_submitbutton {
  margin: 1em 0;
  width: 100%;
  font-size: 16px; }

#rtt_table_area {
  margin: 0px 0px 0px;
  padding: 0px;
  position: absolute;
  top: 618px;
  left: 20px;
  width: 1200px; }
  #rtt_table_area table {
    margin: 0px 0px 15px 0px; }
  #rtt_table_area th, #rtt_table_area td {
    padding: 2px 4px;
    vertical-align: middle; }
  #rtt_table_area th {
    height: 40px;
    text-align: center;
    font-weight: bold; }
  #rtt_table_area td {
    height: 34px;
    font-weight: normal; }

#rtt_tableupdate_area {
  width: 940px;
  float: left;
  top: 0px; }

#rtt_Yaxisrange_table_area {
  width: 260px;
  float: left;
  top: 0px; }

#rtt_Yaxislist input {
  width: 100%; }

.rtt_tbl_inputnum {
  padding: 1px; }

#rtt_graphupdate_area {
  border: inset 4px;
  /*border: 0px none;*/
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 35px;
  left: 20px;
  width: 1100px;
  height: 530px; }

.rtt_graphupdateparts {
  top: 10px;
  left: 20px;
  position: absolute; }

#rtt_graph_controls {
  position: absolute;
  text-align: center;
  font-size: 16px;
  float: left; }

#rtt_pointingbar_wrap {
  position: absolute; }

.rtt_drag {
  position: relative;
  cursor: move;
  z-index: 65530;
  font-family: 'ＭＳ Ｐゴシック',sans-serif; }

.rtt_right_yaxes {
  position: absolute; }

#rtt_graph_condition {
  border: 0px none;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 578px;
  left: 20px;
  height: 40px;
  width: 100%; }

.select_timescale {
  position: absolute; }

.move_btn {
  margin: 0px;
  padding: 0px;
  width: 50px; }

.rtt_switch_update {
  margin: 0px;
  padding: 0px;
  width: 110px; }

.rtt_eachYaxis_label {
  font-family: sans-serif;
  white-space: pre; }

.rtt_tbl_digit {
  text-align: right;
  vertical-align: bottom; }

.rtt_tbl_Yaxisinput {
  text-align: right;
  ime-mode: disabled; }

/* リアルタイムトレンドグラフで使用、折れ線の色を表示する小四角形を指定 */
.clm_linecolor {
  width: 35px;
  height: 16px;
  padding: 0px;
  background-position: left top;
  background-repeat: no-repeat; }

.real_alarm_indi {
  position: static;
  margin-top: 150px;
  margin-left: 180px; }
.rmtctrl_table_area {
  left: 20px;
  margin: 0px 0px 0px;
  padding: 0px;
  position: absolute; }
  .rmtctrl_table_area table {
    margin: 0px 0px 15px 0px; }
  .rmtctrl_table_area th, .rmtctrl_table_area td {
    padding: 2px 4px;
    vertical-align: middle; }
  .rmtctrl_table_area th {
    font-weight: bold;
    height: 40px;
    text-align: center; }
  .rmtctrl_table_area td {
    font-weight: normal;
    height: 34px; }

#rmtctrlremark #editbox {
  margin: 1em auto; }
#rmtctrlremark #rmtctrl_record_remark {
  height: 10em;
  margin: 0 10%;
  width: 80%; }
#rmtctrlremark #button_area li {
  display: inline-block;
  margin: 1em 1.4em; }
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/
.rep_editor_table tr {
  background: transparent;
  border: 1px; }
  .rep_editor_table tr td {
    margin: 0 .2em 0 0;
    padding: 2px 10px 0;
    text-align: center; }
#tab_drive, #tab_meter, #tab_pulse, #tab_all {
  margin-left: 2px;
  position: relative; }
  #tab_drive .data_table, #tab_meter .data_table, #tab_pulse .data_table, #tab_all .data_table {
    margin-left: 100px;
    overflow: auto;
    width: 800px; }
    #tab_drive .data_table table, #tab_meter .data_table table, #tab_pulse .data_table table, #tab_all .data_table table {
      margin-left: -100px; }
  #tab_drive .header_table, #tab_meter .header_table, #tab_pulse .header_table, #tab_all .header_table {
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100px; }

#tab_meter_graph, #tab_pulse_graph {
  margin-left: 2px;
  position: relative; }
  #tab_meter_graph .data_table, #tab_pulse_graph .data_table {
    overflow: auto;
    width: 900px; }

.reports {
  font-size: 12px; }
  .reports th, .reports td {
    padding: 5px; }
  .reports th {
    text-align: center; }
  .reports td {
    text-align: right;
    width: 100px; }
  .reports span {
    white-space: nowrap; }

#reports_graph_page {
  margin: 10px;
  width: 1200px; }
  #reports_graph_page table#repgraph_condition {
    background-color: #0085d0;
    color: #ffffff;
    width: 100%;
    border: 0px; }
    #reports_graph_page table#repgraph_condition tr {
      height: 40px; }
      #reports_graph_page table#repgraph_condition tr td {
        vertical-align: middle; }
      #reports_graph_page table#repgraph_condition tr td#repgraph_condition_tab_area {
        background-color: #fff;
        vertical-align: bottom; }
      #reports_graph_page table#repgraph_condition tr span#graph {
        margin: 0 7px 0 0; }
      #reports_graph_page table#repgraph_condition tr tr#repgraph_condition_tab_tr {
        height: 26px !important; }
      #reports_graph_page table#repgraph_condition tr ul#repgraph_condition_tab {
        background: transparent;
        border: 0;
        list-style-type: none; }
        #reports_graph_page table#repgraph_condition tr ul#repgraph_condition_tab li {
          background: #5e6b73;
          float: left;
          margin: 0 .2em 0 0;
          padding: 2px 10px 0;
          text-align: center; }
        #reports_graph_page table#repgraph_condition tr ul#repgraph_condition_tab .ui-state-active {
          background: #0085d0 url("/assets/images/ui-bg_gloss-wave_0_0085d0_500x100.png") 50% 50% repeat-x;
          border: solid 1px #0085d0; }
          #reports_graph_page table#repgraph_condition tr ul#repgraph_condition_tab .ui-state-active input.tab_btn {
            color: #fff; }
        #reports_graph_page table#repgraph_condition tr ul#repgraph_condition_tab .tab_btn {
          background-color: transparent;
          border: 0;
          color: #fff;
          font-size: 12px;
          padding: 2px 10px 4px;
          text-decoration: none; }
      #reports_graph_page table#repgraph_condition tr ul#repgraph_condition_tab:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden; }
      #reports_graph_page table#repgraph_condition tr #graph_date {
        position: relative;
        z-index: 100; }
    #reports_graph_page table#repgraph_condition tr#repgraph_condition_tr1.two_lines_block td:nth-child(1), #reports_graph_page table#repgraph_condition tr#y_axis_condition.two_lines_block td:nth-child(1) {
      border-left: solid 1px #ccc;
      border-radius: 2px;
      width: 18em; }
    #reports_graph_page table#repgraph_condition tr#repgraph_condition_tr1.two_lines_block td:nth-child(2), #reports_graph_page table#repgraph_condition tr#y_axis_condition.two_lines_block td:nth-child(2) {
      width: 12em; }
    #reports_graph_page table#repgraph_condition tr#repgraph_condition_tr1.two_lines_block td:nth-child(3), #reports_graph_page table#repgraph_condition tr#y_axis_condition.two_lines_block td:nth-child(3) {
      border-right: solid 1px #ccc;
      border-radius: 2px;
      width: 22em; }
    #reports_graph_page table#repgraph_condition tr#repgraph_condition_tr1.two_lines_block td:nth-child(1), #reports_graph_page table#repgraph_condition tr#repgraph_condition_tr1.two_lines_block td:nth-child(2), #reports_graph_page table#repgraph_condition tr#repgraph_condition_tr1.two_lines_block td:nth-child(3) {
      border-top: solid 1px #ccc; }
    #reports_graph_page table#repgraph_condition tr#y_axis_condition.two_lines_block td:nth-child(1), #reports_graph_page table#repgraph_condition tr#y_axis_condition.two_lines_block td:nth-child(2), #reports_graph_page table#repgraph_condition tr#y_axis_condition.two_lines_block td:nth-child(3) {
      border-bottom: solid 1px #ccc; }
    #reports_graph_page table#repgraph_condition tr#repgraph_condition_tr1.two_lines_block td:nth-child(4) > input, #reports_graph_page table#repgraph_condition tr#y_axis_condition.two_lines_block td:nth-child(4) > input {
      margin: 0 0 0 4px; }
    #reports_graph_page table#repgraph_condition tr#repgraph_condition_tr1.two_lines_block td:nth-child(5), #reports_graph_page table#repgraph_condition tr#y_axis_condition.two_lines_block td:nth-child(5) {
      background: -webkit-gradient(linear, left top, right top, from(#0085d0), to(#015d90));
      background: linear-gradient(left, #0085d0, #015d90); }
    #reports_graph_page table#repgraph_condition tr#y_axis_condition {
      display: none; }
      #reports_graph_page table#repgraph_condition tr#y_axis_condition td {
        position: relative; }
    #reports_graph_page table#repgraph_condition tr#y_axis_condition.enable {
      display: table-row; }
    #reports_graph_page table#repgraph_condition #revert_zoom_btn {
      display: none; }
    #reports_graph_page table#repgraph_condition #revert_zoom_btn.enable {
      display: inline-block; }
  #reports_graph_page .errormsg {
    background-color: #fcfcfc;
    border: solid 1px #933;
    border-radius: 4px;
    color: #f33;
    font-size: 95%;
    left: 6em;
    padding: 8px;
    position: absolute;
    top: 1.8em;
    width: 22em;
    z-index: 100; }
  #reports_graph_page .helpballoon {
    background-color: #fcfcfc;
    border: solid 1px #933;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #ccc;
    color: #000;
    font-size: 95%;
    line-height: 1.6em;
    padding: 10px;
    position: absolute;
    right: 1em;
    text-align: left;
    top: 1.8em;
    width: 24em;
    z-index: 100; }
    #reports_graph_page .helpballoon ul {
      list-style-type: none; }
  #reports_graph_page .hide {
    opacity: 0; }
  #reports_graph_page .show {
    opacity: 100; }

#repgraph_imagearea {
  position: relative;
  z-index: 10; }

#repgraph_overlay {
  background-color: transparent;
  height: 100%;
  left: 83px;
  opacity: 0;
  position: absolute;
  top: 97px;
  width: 100%;
  z-index: 30; }

#repgraph_region {
  background-color: #046;
  height: 100%;
  opacity: 0;
  position: relative;
  z-index: 30; }

.grf_btn {
  margin-top: 5px;
  margin-bottom: 10px; }

.ms-container {
  background: transparent url("/assets/ms-switch.png") no-repeat 310px 130px;
  margin-top: 10px; }
  .ms-container ul.ms-list {
    width: 300px;
    height: 290px; }

#reports_tabs_all {
  border: 0;
  font-size: 12px;
  margin-top: 7px; }

#reports_tabs {
  border: 0;
  font-size: 12px; }
  #reports_tabs .ui-tabs-nav {
    background: transparent;
    border: 0; }
  #reports_tabs .ui-tabs-panel {
    padding: 0; }
  #reports_tabs .ui-state-default {
    background: #5e6b73; }
  #reports_tabs .ui-state-hover a {
    color: #aaa; }
  #reports_tabs .ui-state-active {
    background: #0085d0 url("/assets/images/ui-bg_gloss-wave_0_0085d0_500x100.png") 50% 50% repeat-x; }
    #reports_tabs .ui-state-active a {
      color: #fff; }

#reports_area .ui-state-active {
  background: #fff; }
  #reports_area .ui-state-active a {
    color: #000; }
#condition_area #device_list {
  width: 300px; }

#rmtctrl_area {
  margin-top: 1em; }
  #rmtctrl_area .sw_table {
    table-layout: fixed; }

#histories_header {
  margin-top: 0; }
  #histories_header #pdf_btn_area {
    float: right; }
  #histories_header table.sw_table {
    table-layout: fixed; }
    #histories_header table.sw_table th {
      text-align: center;
      vertical-align: middle; }
    #histories_header table.sw_table td {
      line-height: 1.3; }
    #histories_header table.sw_table td.remark {
      overflow: hidden;
      -o-text-overflow: ellipsis;
      -webkit-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap; }
      #histories_header table.sw_table td.remark form.rmtctrlremark_req {
        text-align: center; }
      #histories_header table.sw_table td.remark .css_btn {
        margin: 3px 0 0;
        padding: 4px 10px; }

#rmtctrlremark {
  line-height: 1.5em; }
  #rmtctrlremark p {
    border: solid 1px #ccc;
    margin: 1em 1.4em; }

#snapshots_header {
  overflow: scroll; }
  #snapshots_header th {
    min-width: 2em;
    padding: 8px 4px;
    text-align: center;
    width: 3em;
    /* _show_rmtctrl_snapshots.html.erb:var th_width = 3; と連動 */ }
  #snapshots_header th.datetime {
    width: 8em;
    /* _show_rmtctrl_snapshots.html.erb のレイアウト計算に影響 */ }
  #snapshots_header th.remark {
    width: 8em;
    /* _show_rmtctrl_snapshots.html.erb のレイアウト計算に影響 */ }
  #snapshots_header th.unit {
    max-height: 4em; }
  #snapshots_header th.verticalhead {
    padding: 8px 3px;
    width: 4em;
    /* font-family:"@Hiragino Mincho ProN", "@IPAexMincho", "@MS 明朝", "Hiragino Mincho ProN", "IPAexMincho", "serif"; */
    /* Chrome */ }
  #snapshots_header div.verticalhead {
    margin: 0 auto;
    width: 1em;
    /* font-family:"@Hiragino Mincho ProN", "@IPAexMincho", "@MS 明朝", "Hiragino Mincho ProN", "IPAexMincho", "serif"; */ }
  #snapshots_header span.onbiki {
    display: block;
    padding: 1px 0;
    -moz-transform: matrix(0, 1, 1, 0, 0, 0);
    -o-transform: matrix(0, 1, 1, 0, 0, 0);
    -webkit-transform: matrix(0, 1, 1, 0, 0, 0);
    transform: matrix(0, 1, 1, 0, 0, 0); }
  #snapshots_header span.rotate90 {
    display: block;
    padding: 1px 0;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  #snapshots_header td {
    font-size: 92%;
    line-height: 1.3;
    padding: 5px;
    text-align: center;
    width: 4.2em; }
  #snapshots_header td.remark {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; }
    #snapshots_header td.remark form.rmtctrlremark_req {
      text-align: center; }
    #snapshots_header td.remark .css_btn {
      padding: 1px 10px; }

#view-select-tabs .ui-state-active {
  background: #fff; }
  #view-select-tabs .ui-state-active a {
    color: #000; }
#login_container {
  background-image: url(/assets/login_bg.png);
  background-repeat: no-repeat;
  height: 920px;
  width: 1280px;
  margin: 0 auto;
  position: relative; }
  #login_container input {
    font-family: Helevetica, arial, freesans, clean, sans-serif;
    position: absolute;
    left: 514px;
    height: 40px;
    width: 250px; }
  #login_container #copyright {
    position: absolute;
    left: 0;
    top: 900px;
    width: 100%;
    text-align: center; }

#l_name {
  font-size: 16px;
  padding-top: 6px;
  padding-left: 33px;
  background-image: url(/assets/userid.jpg);
  top: 374px; }

#l_token {
  font-size: 16px;
  padding-top: 6px;
  padding-left: 33px;
  background-image: url(/assets/password.jpg);
  top: 439px; }

#l_submit {
  background-image: url(/assets/login_btn.png);
  border: 0;
  color: #fff;
  font-size: 18px;
  top: 505px; }
  #l_submit:hover {
    background-position: 0 -40px;
    color: #0084cd;
    text-shadow: -1px -1px 1px #999; }

#l_cancel {
  background-image: url(/assets/login_btn.png);
  border: 0;
  color: #fff;
  font-size: 18px;
  top: 374px; }
  #l_cancel:hover {
    background-position: 0 -40px;
    color: #0084cd;
    text-shadow: -1px -1px 1px #999; }

#l_msg {
  position: absolute;
  color: #eee;
  width: 880px;
  left: 200px;
  top: 610px;
  text-align: center;
  line-height: 2em; }

#l_nojs {
  position: absolute;
  color: #eee;
  left: 300px;
  top: 200px;
  line-height: 1.5em; }

.placeholder {
  color: #aaa; }

.l_cautionmark {
  background: url(/assets/caution.png) no-repeat;
  padding-top: 10px;
  padding-left: 60px;
  height: 50px;
  display: inline-block; }
#submit_shisetu_btn {
  width: 100%;
  font-size: 12pt; }

#shisetu_btn {
  width: 150px; }

#group {
  width: 200px; }