/*!
 * Metro UI CSS v 0.1.5
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 */
/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
 HTML5 display definitions
 ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block;
}
/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
	display: none;
}
/* =============================================================================
 Base
 ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
	font-size: 81%;
	/* 1 */

	-webkit-text-size-adjust: 81%;
	/* 2 */

	-ms-text-size-adjust: 81%;
	/* 2 */
	height: 100%;
    font-family: Arial, sans-serif;
}
/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html, button, input, select, textarea {
	font-family: Arial, sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
	margin: 0;
	background-color: white;
	height: 100%;
}
/* =============================================================================
 Links
 ========================================================================== */
/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
	outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover, a:active {
	outline: 0;
}
/* =============================================================================
 Typography
 ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}
h3 {
	font-size: 1.17em;
	margin: 1em 0;
}
h4 {
	font-size: 1em;
	margin: 1.33em 0;
}
h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}
h6 {
	font-size: 0.75em;
	margin: 2.33em 0;
}
/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
	border-bottom: 1px dotted;
}
/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
 */
b, strong {
	font-weight: bold;
}
blockquote {
	margin: 1em 40px;
}
/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
	font-style: italic;
}
/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
	background: #ff0;
	color: #000;
}
/*
 * Addresses margins set differently in IE6/7
 */
p, pre {
	margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
	quotes: none;
}
/* 2 */
q:before, q:after {
	content: '';
	content: none;
}
small {
	font-size: 75%;
}
/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* =============================================================================
 Lists
 ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
dl, menu, ol, ul {
	margin: 1em 0;
}
dd {
	margin: 0 0 0 40px;
}
/*
 * Addresses paddings set differently in IE6/7
 */
menu, ol, ul {
	padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}
/* =============================================================================
 Embedded content
 ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
	border: 0;
	/* 1 */

	-ms-interpolation-mode: bicubic;
	/* 2 */

}
/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
	overflow: hidden;
}
/* =============================================================================
 Figures
 ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
	margin: 0;
}
/* =============================================================================
 Forms
 ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
	margin: 0;
}
/*
 * Define consistent border, margin, and padding
 */
fieldset {
	position: relative;
	border: 1px #B0CDDD solid;
	/*margin-top: 30px;*/
	padding: 10px;
	background-color: #F8F8F8;
}

fieldset.noborder {
/* bootstrap:
fieldset {*/
/*  padding: 0;
  margin: 0;*/
  border: 0;
  background-color: white;
}

fieldset legend {
	padding-left: 10px;
	padding-right: 10px;
	/*font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;*/
	/*font-weight: 300;*/
	/*font-size: 11pt;*/
	/*letter-spacing: 0.02em;*/
	/*line-height: 20px;*/
	/*top: -25px;*/
	/*left: -10px;*/
	/*color: #cfcfcf;*/
	/*position: static;*/
}

fieldset legend.noborder {
/* bootstrap:
legend {*/
  display: block;
  width: 100%;
/*  padding: 0;*/
  /*margin-bottom: 20px;*/
/*  font-size: 15px;
*/
  font-size: 16px;
  line-height: 40px;
  color: #333333;
  border: 0;
/*  border-bottom: 1px solid #e5e5e5;
*/
  border-bottom: 1px #B0CDDD solid;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);

}
/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
/*legend {
 border: 0;*/
/* 1 */
/*
 padding: 0;
 white-space: normal;*/
/* 2 */

/**margin-left: -7px;*/
/* 3 */
/*
 }*/
/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button, input, select, textarea {
	/*font-size: 100%;*/
	/* 1 */

	margin: 0;
	/* 2 */

	vertical-align: baseline;
	/* 3 */

	/**vertical-align: middle;*/
	/* 3 */

/* bootstrap:
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {*/
  display: inline-block;
/*  height: 20px;*/
  padding: 2px 4px;
/*  margin-bottom: 10px;*/
/*  font-size: 14px;*/
/*  line-height: 20px;*/
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;

/* bootstrap:
select {*/
/*  width: 220px;*/
  background-color: #ffffff;
  border: 1px solid #cccccc;

/* bootstrap:
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;*/

}

select:focus {
/* bootstrap:
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {*/
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button, input {
	line-height: normal;
	/* 1 */

}
/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button, input[type="button"], input[type="reset"] {
	cursor: pointer;
	/* 1 */

	-webkit-appearance: button;
	/* 2 */

	*overflow: visible;
	/* 3 */

}
/*
 * Re-set default cursor for disabled elements
 */
button[disabled], input[disabled] {
	cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
 Known issue: excess padding remains in IE6
 */
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	/* 1 */

	padding: 0;
	/* 2 */

	*height: 13px;
	/* 3 */

	*width: 13px;
	/* 3 */

}
/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* =============================================================================
 Tables
 ========================================================================== */
/*
 * Remove most spacing between table cells
 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*
 * Metro UI CSS v 0.1.4
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Routines.less
 */
.place-left {
	float: left !important;
	margin-right: 10px;
}
.place-right {
	float: right !important;
	margin-left: 10px;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.padding0 {
	padding: 0px;
}
.padding5 {
	padding: 5px;
}
.padding15 {
	padding: 15px;
}
.padding20 {
	padding: 20px;
}
.selected {
	border: 4px #2d89ef solid;
}
.selected:after {
	width: 0;
	height: 0;
	border-top: 40px solid #2d89ef;
	border-left: 40px solid transparent;
	position: absolute;
	display: block;
	right: 0;
	content: ".";
	top: 0;
	z-index: 1000;
}
.selected:before {
	position: absolute;
	content: "\2714";
	color: #fff;
	right: 5px;
	font-family: Tahoma;
	z-index: 2000;
}
/*
 * Metro UI CSS v 0.1.4
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Variables.less
 */
.fg-color-blueLight {
	color: #44a3aa !important;
}
.fg-color-white {
	color: #ffffff !important;
}
.bg-color-darken {
	background-color: #1d1d1d !important;
}
.bg-color-block {
	background-color: #000000 !important;
}
[class*=border-color] {
	border: 2px solid;
}
/*
 * Metro UI CSS v 0.1.4
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Icons.less
 */
[class*=icon-] {
	background-image: url("icons.png");
	background-repeat: no-repeat;
	display: inline-block;
	float: left;
	margin-right: 6px;
	margin-left: 0;
}
[class*=icon-].right, [class*=icon-].place-right {
	float: right !important;
	margin-left: 10px;
	margin-right: 0;
}
[class*=icon-].white {
	background-image: url("icons-white.png") !important;
}
button:active [class*=icon-], .button:active [class*=icon-], .tool-button:active [class*=icon-] {
	background-image: url("icons-white.png");
}
.icon-cluster-group {
	background-position: 0 0px;
	width: 16px;
	height: 16px;
}
.icon-power-button {
	background-position: 0 -26px;
	width: 16px;
	height: 16px;
}
.icon-node {
	background-position: 0 -52px;
	width: 16px;
	height: 16px;
}
.icon-refresh {
	background-position: 0 -78px;
	width: 16px;
	height: 16px;
}
.icon-save {
	background-position: 0 -104px;
	width: 16px;
	height: 16px;
}
.icon-settings {
	background-position: 0 -130px;
	width: 16px;
	height: 16px;
}
.icon-share {
	background-position: 0 -156px;
	width: 16px;
	height: 16px;
}
.icon-download {
	background-position: 0 -182px;
	width: 16px;
	height: 16px;
}
.icon-recycle {
	background-position: 0 -208px;
	width: 16px;
	height: 16px;
}
.icon-media-fast-backward {
	background-position: 0 -234px;
	width: 16px;
	height: 16px;
}
.icon-media-fast-forward {
	background-position: 0 -260px;
	width: 16px;
	height: 16px;
}
.icon-navigation-down {
	background-position: 0 -286px;
	width: 16px;
	height: 16px;
	float: center;
}
.icon-edit {
	background-position: 0 -312px;
	width: 16px;
	height: 16px;
}
.icon-add {
	background-position: 0 -338px;
	width: 16px;
	height: 16px;
}
.icon-recycle-bin {
	background-position: 0 -364px;
	width: 16px;
	height: 16px;
}
.icon-submit {
	background-position: 0 -390px;
	width: 16px;
	height: 16px;
}
.icon-cancel {
	background-position: 0 -416px;
	width: 16px;
	height: 16px;
}
.icon-logout {
	background-position: 0 -444px;
	width: 16px;
	height: 16px;
}
.icon-expand {
	background-position: 0 -470px;
	width: 16px;
	height: 16px;
}
.icon-collapse, .icon-expand.active {
	background-position: 0 -496px;
	width: 16px;
	height: 16px;
}
.icon-user {
	/*background-position: 0 -522px;*/
	background-position: 0 -520px;
	width: 16px;
	height: 16px;
}
.icon-computer {
	/*background-position: 0 -548px;*/
	background-position: 0 -546px;
	width: 16px;
	height: 16px;
}
.icon-network {
	/*background-position: 0 -574px;*/
	background-position: 0 -572px;
	width: 16px;
	height: 16px;
}
.icon-tool {
	/*background-position: 0 -600px;*/
	background-position: 0 -598px;
	width: 16px;
	height: 16px;
}
.icon-key {
	/*background-position: 0 -626px;*/
	background-position: 0 -624px;
	width: 16px;
	height: 16px;
}

.icon-anchoring {
	background-image: url("icon-anchoring.ico");
	background-position: 0 0px;
	width: 16px;
	height: 16px;
}
.icon-hotspot {
	/*background-position: 0 -652px;*/
	background-position: 0 -650px;
	width: 16px;
	height: 16px;
}
.icon-statistics {
	/*background-position: 0 -678px;*/
	background-position: 0 -676px;
	width: 16px;
	height: 16px;
}
.icon-monitor {
	/*background-position: 0 -704px;*/
	background-position: 0 -702px;
	width: 16px;
	height: 16px;
}

[class*=png-] {
	background-repeat: no-repeat;
	display: inline-block;
	float: left;
	margin-right: 6px;
	margin-left: 0;
}
[class*=png-].right, [class*=png-].place-right {
	float: right !important;
	margin-left: 10px;
	margin-right: 0;
}

.png-arrow {
	background-image: url("icon-arrow-white.png");
	background-size: 10px 10px;
	float: right;
	width: 10px;
	height: 10px
}
.png-location {
	background-image: url("dd_arrow.png");
	width: 16px;
	height: 16px;
}
.png-settings {
	background-image: url("icon-settings.png");
	width: 16px;
	height: 16px;
}
.png-filter {
	background-image: url("btn_filter.png");
	float:none;
	width: 31px;
	height: 26px;
	z-index: 0;
}

.png-wifi {
	background-image: url("icon-wifi.png");
	width: 16px;
	height: 16px;
}
.png-caret-down {
	background-image: url("icon-caretdown.png");
	width: 8px;
	height: 4px;
}

.png-left {
	position: relative;
	background-image: url("png-left.png");
	width: 19px;
	height: 26px;
	left: -275px;
	z-index: 1;
}

.png-left-disable {
	position: relative;
	background-image: url("png-left-disable.png");
	width: 19px;
	height: 26px;
	left: -275px;
	z-index: 1;
}

.png-right {
	position: relative;
	background-image: url("png-right.png");
	width: 19px;
	height: 26px;
	left: -145px;
	z-index: 1;		
}

.png-right-disable {
	position: relative;
	background-image: url("png-right-disable.png");
	width: 19px;
	height: 26px;
	left: -145px;
	z-index: 1;		
}

.png-ban {
	background-image: url("png-ban.png");
	width: 16px;
	height: 16px
}

/*
 * Metro UI CSS v 0.1.4
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Typography.less
 *
 */
/*
 @font-face {
 font-family: 'PT Serif Caption';
 font-style: normal;
 font-weight: 400;
 src: local('PT Serif Caption'), local('PTSerif-Caption'), url(http://themes.googleusercontent.com/static/fonts/ptserifcaption/v4/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff) format('woff');
 }
 @font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
 }
 @font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 300;
 src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
 }
 @font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 800;
 src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hp1r3JsPcQLi8jytr04NNhU.woff) format('woff');
 }
 @font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
 }
 .text-rest-state {
 color: #000000;
 }
 .text-rest2-state {
 color: rgba(0, 0, 0, 0.6);
 }
 .text-hover-state {
 color: rgba(0, 0, 0, 0.8);
 }
 .text-pressed-state {
 color: rgba(0, 0, 0, 0.4);
 }
 #font .header {
 font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
 font-weight: 200;
 font-size: 42pt;
 letter-spacing: 0.00em;
 line-height: 44pt;
 }
 #font .subheader,
 #font .subheader-secondary {
 font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
 font-weight: 200;
 font-size: 20pt;
 letter-spacing: 0.01em;
 line-height: 24pt;
 }
 #font .subheader-smaller,
 #font .subheader-secondary-smaller {
 font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
 font-weight: 200;
 letter-spacing: 0.01em;
 line-height: 24pt;
 font-size: 16pt;
 }
 #font .small-subheader,
 #font .small-subheader-secondary {
 font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
 font-weight: 600;
 font-size: 11pt;
 letter-spacing: 0.01em;
 line-height: 14pt;
 }
 #font .navigation {
 font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
 font-weight: 400;
 font-size: 11pt;
 letter-spacing: 0.01em;
 line-height: 14pt;
 }
 #font .body,
 #font .body-secondary,
 #font .normal {
 font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
 font-weight: 300;
 font-size: 11pt;
 letter-spacing: 0.02em;
 line-height: 20px;
 }
 #font .link {
 font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
 font-weight: 400;
 font-size: 11pt;
 }
 #font .tertiary,
 #font .tertiary-secondary {
 font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
 font-weight: 400;
 font-size: 9pt;
 }
 #font .control {
 font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
 font-weight: 400;
 font-size: 9pt;
 }
 #font .small {
 font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
 font-weight: 300;
 font-size: 8pt;
 }
 #font .long-text {
 font-family: 'PT Serif Caption', sans-serif, serif !important;
 font-weight: 300;
 font-size: 10pt;
 letter-spacing: 0.02em;
 line-height: 20px;
 }
 #font .long-text-smaller {
 font-family: 'PT Serif Caption', sans-serif, serif !important;
 font-weight: 300;
 font-size: 10pt;
 letter-spacing: 0.02em;
 line-height: 20px;
 font-size: 9pt;
 }
 #font .long-text-lead {
 font-family: 'PT Serif Caption', sans-serif, serif !important;
 font-weight: 300;
 font-size: 10pt;
 letter-spacing: 0.02em;
 line-height: 20px;
 font-size: 20pt;
 }
 */
a, .link {
	/*font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: 400;
	/*font-size: 11pt;*/
	color: #4f1acb;
	text-decoration: none;
}
a:hover, .link:hover {
	color: rgba(79, 26, 203, 0.8);
}
a:active, .link:active {
	color: rgba(79, 26, 203, 0.6);
}
h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
	padding: 0;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
h1 {
	/*font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: 200;
	font-size: 42pt;
	letter-spacing: 0.00em;
	line-height: 44pt;
	color: #000000;
}
h1:hover {
	color: rgba(0, 0, 0, 0.8);
}
h1:active {
	color: rgba(0, 0, 0, 0.4);
}
h2 {
	/*font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: 200;
	/*font-size: 20pt;*/
	letter-spacing: 0.01em;
	line-height: 24pt;
	color: #000000;
}
h2:hover {
	color: rgba(0, 0, 0, 0.8);
}
h2:active {
	color: rgba(0, 0, 0, 0.4);
}
h3 {
	/*font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: 200;
	font-size: 20pt;
	letter-spacing: 0.01em;
	line-height: 24pt;
	color: rgba(0, 0, 0, 0.6);
	font-size: 16pt;
	line-height: 24px;
}
h3:hover {
	color: rgba(0, 0, 0, 0.8);
}
h3:active {
	color: rgba(0, 0, 0, 0.4);
}
/*body, p {*/
	/*font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;*/
/*	font-weight: 300;*/
/*	font-size: 11px;*/
/*	letter-spacing: 0.02em;*/
/*	line-height: 18px;*/
/*}*/
p.long-text {
	/*font-family: 'PT Serif Caption', sans-serif, serif !important;*/
	font-weight: 300;
	font-size: 10pt;
	letter-spacing: 0.02em;
	line-height: 20px;
}
p {
	margin: 0 0 10px;
}
p.indent:first-letter {
	padding-left: 25px;
}
.lead {
	font-size: 120%;
	line-height: 26px;
}
abbr.initialism {
	font-size: 90%;
	text-transform: uppercase !important;
}
abbr[title] {
	cursor: help !important;
}
ul, ol {
	padding: 0;
	margin: 0 0 10px 0px;
	display: block;
}
ul:nth-child(1) {
	margin-left: 25px;
}
ul ul, ul ol, ol ol, ol ul {
	margin-bottom: 0 !important;
}
ul {
	list-style-position: inside;
	list-style-type: disc;
}
ul ul {
	list-style-type: circle;
}
ul, ol {
	list-style-position: inside;
}
ul li, ol li {
	display: list-item;
	/*font-size: 14px;*/
	/*line-height: 20px;*/
}
ol {
	list-style-type: decimal;
}
ul.unstyled, ol.unstyled, .unstyled {
	margin-left: 0;
	list-style: none;
}
/*
 * Metro UI CSS v 0.1.4
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Layout.less
 */
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.page {
	position: relative;
	height: 100%;
	min-height: 100%;
	*zoom: 1;
	/*width: 1000px;*/
	width: 96%;
	min-width: 1000px;
	margin: auto;
	/*background-color: #f7f7f7;*/
}
.page:before, .page:after {
	display: table;
	content: "";
}
.page:after {
	clear: both;
}
.page .page-header {
	width: 100%;
	position: relative;
	display: block;
}
.page .page-header .page-header-toolbar {
	background: #001d34;
	/*background: -moz-linear-gradient(top, #2C75BA 0%, #1A478A 50%, #1A478A 51%, #153878 100%);*/ /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f2f2f), color-stop(50%,#505050), color-stop(51%,#151515), color-stop(100%,#151515));*/ /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, #2C75BA 0%, #1A478A 50%, #1A478A 51%, #153878 100%);*/ /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, #2f2f2f 0%,#505050 50%,#151515 51%,#151515 100%);*/ /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top, #2C75BA 0%,#1A478A 50%,#1A478A 51%,#153878 100%);*/ /* IE10+ */
	/*background: linear-gradient(to bottom, #2C75BA 0%,#1A478A 50%,#1A478A 51%,#153878 100%);*/ /* W3C */
	/*-pie-background: linear-gradient(top, #2f2f2f 0%, #505050 50%, #151515 51%, #151515 100%);*/ /*PIE*/
	/*background-image: url("toolbar_bg.png");*/
	height: 38px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	/*border: 0px 1px 1px 1px #1B489D solid;*/
	position: relative;
	width: 100%;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 10px rgba(0,0,0,0.3);
}
.page .page-header .page-header-toolbar .toolbar-model {
	padding-top: 7px;
	font-size: 16pt;
	border-right: 1px rgb(0, 0, 0) solid;
	width: 191px;
	height: 100%;
}
.page .page-header .page-header-toolbar .toolbar-desc {
	padding-top: 9px;
/*	padding-left: 220px;*/
	font-size: 14pt;
}
.page .page-header .page-header-content {
	/*height: 100px;*/
	/*min-height: 100px;*/
	width: 100%;
	position: relative;
	display: block;
	/*background: #f3f3f3;*/ /* Old browsers */
	/*background: -moz-linear-gradient(-45deg,  #f3f3f3 0%, #cbcbcb 100%);*/ /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f3f3f3), color-stop(100%,#cbcbcb));*/ /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(-45deg,  #f3f3f3 0%,#cbcbcb 100%);*/ /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(-45deg,  #f3f3f3 0%,#cbcbcb 100%);*/ /* Opera 11.10+ */
	/*background: -ms-linear-gradient(-45deg,  #f3f3f3 0%,#cbcbcb 100%);*/ /* IE10+ */
	/*background: linear-gradient(135deg,  #f3f3f3 0%,#cbcbcb 100%);*/ /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#cbcbcb',GradientType=1 );*/ /* IE6-9 fallback on horizontal gradient */
	border-left-style: solid;
	border-right-style: solid;
	border-color: #DFE1E0;
	border-width: 1px;
}
.page .page-header .page-header-content .logo {
	padding : 15px 12px 5px 12px;
}
[class*=icon-].blue {
	background-image: url("icons-blue.png") !important;
}
.page .page-header .page-header-content button:hover [class*=icon-] {
	background-image: url("icons-blue.png");
}

/*.page .page-header .page-header-content h1,
 .page .page-header .page-header-content h2,
 .page .page-header .page-header-content h3,
 .page .page-header .page-header-content h4,
 .page .page-header .page-header-content h5 {
 position: absolute;
 margin: 0;
 padding: 0;
 left: 20px;
 bottom: 0;
 }
 .page .page-header .page-header-content h1 small {
 font-size: 12pt;
 margin-left: 5px;
 }
 .page .page-header .page-header-content h1.sub-menu {
 cursor: pointer;
 }
 .page .page-header .page-header-content h1.sub-menu:after {
 position: absolute;
 content: "\3009";
 display: inline-block;
 font-size: 10pt;
 bottom: -5px;
 right: -15px;
 -webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 -o-transform: rotate(90deg);
 transform: rotate(90deg);
 }*/
/*.page .page-header .page-header-content  > .page-back {
 position: absolute;
 top: 34px;
 left: 30px;
 }
 .page .page-header .page-header-content .user-login {
 float: right;
 margin: 55px 44px 0 0;
 cursor: pointer;
 }
 .page .page-header .page-header-content .user-login .avatar {
 float: right;
 border: 1px #ccc solid;
 width: 40px;
 height: 40px;
 }
 .page .page-header .page-header-content .user-login .avatar img {
 width: 100%;
 height: 100%;
 }
 .page .page-header .page-header-content .user-login .name {
 float: left;
 margin: 0px 10px;
 text-align: right;
 }
 .page .page-header .page-header-content .user-login .name .first-name {
 font-family: "Open Sans", sans-serif, sans;
 font-size: 18pt;
 display: block;
 margin: 0;
 }
 .page .page-header .page-header-content .user-login .name .last-name {
 font-family: "Open Sans", sans-serif, sans;
 font-size: 10pt;
 display: block;
 margin: 0;
 }*/
.page .page-region {
	display: block;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-color: #DFE1E0;
	border-width: 1px;
	/*background-color: #fff;*/
	position: relative;
	border-radius: 0px 10px 0px 0px;
}
.page .page-region .page-region-content {
	/*padding-top: 10px;*/
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 20px;
	display: block;
	height: 100%;
	position: relative;
}
/*.page .page-region .page-region-content > div {
	overflow: auto;
}*/
.page.secondary .page-header .page-header-content h1, .page.secondary .page-header .page-header-content h2, .page.secondary .page-header .page-header-content h3, .page.secondary .page-header .page-header-content h4, .page.secondary .page-header .page-header-content h5 {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 120px;
	bottom: 0;
}
.page.secondary .page-region .page-region-content {
	padding-left: 120px;
}
.page.snapped {
	width: 33.33%;
	height: 100%;
	float: left;
	border-right: 1px #ccc solid;
}
.page.fill {
	width: 66.66%;
	height: 100%;
	float: right;
	border-left: 1px #ccc solid;
}
.page.snapped .page .page-header .page-header-content h1, .page.snapped .page .page-header .page-header-content h2, .page.snapped .page .page-header .page-header-content h3, .page.snapped .page .page-header .page-header-content h4, .page.snapped .page .page-header .page-header-content h5 {
	margin-left: 20px;
}
.page.snapped .page .page-region .page-region-content {
	padding-left: 20px;
}
.page.fixed-header .page-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}
.page.fixed-header .page-region {
	padding-top: 140px;
}
.page.with-sidebar .page-region {
	margin-left: 190px;
	width: auto;
	*zoom: 1;
	overflow-x: auto;
	min-height: 100%;
}
.page.with-sidebar .page-region .page-region-content {
	padding-left: 15px;
	padding-right: 15px;
}
.page.with-sidebar .page-region:before, .page.with-sidebar .page-region:after {
	display: table;
	content: "";
}
.page.with-sidebar .page-region:after {
	clear: both;
}
.app-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 100px;
	background-color: #1d1d1d !important;
}
.charms {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	min-width: 200px;
	width: auto;
}
.charms.place-left {
	left: 0;
	right: auto;
}
.message-dialog {
	position: absolute;
	left: 0;
	right: 0;
	height: auto;
	min-height: 100px;
	top: 30%;
	padding: 10px 10px 0;
}
.error-bar, .warning-bar, .info-bar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 10px 20px;
	color: #fff;
	min-height: 100px;
}
.error-bar {
	background-color: #b91d47 !important;
}
.warning-bar {
	background-color: #ffc40d !important;
}
.info-bar {
	background-color: #2d89ef !important;
}
/*
 * Metro UI CSS v 0.1.4
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Buttons.less
 */
button, .button {
	/*font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: 400;
	/*font-size: 9pt;*/
	/*height: 32px;*/
	background-color: #F1F1F1;
	border: 1px #BFBFBF solid;
	/*background-color: #A0DCFF;
	border: 1px #5F7EBA solid;*/
	/*color: #353535;*/
	margin-right: 5px; /*10px;*/
	/*margin-bottom: 10px;*/
	border-radius: 4px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	/*padding: 4px 10px;*/
}
/*button.standart,
 .button.standart {
 min-width: 90px;
 min-height: 32px;
 }*/
button:hover, .button:hover {
	color: #3b9be6;
}
button:active, .button:active, button.default:active, .button.default:active {
	background-color: #1B489D !important;
	color: #fff;
}
button:disabled, .button:disabled, button.disabled, .button.disabled {
	background-color: #eaeaea;
	color: #bebebe;
	cursor: not-allowed;
}
/*button.default,
 .button.default {
 background-color: #008287;
 color: #fff;
 }*/
button:focus, .button:focus {
	outline: 0;
	border: 1px #353535 dotted;
}
button [class*=icon-], .button [class*=icon-] {
	/*background-size: cover;*/
	zoom: 1;
}
button.mini, .button.mini {
	min-height: 22px;
	height: 22px;
	/*font-size: .8em;*/
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
button.mini:active, .button.mini:active {
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}
button.active {
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
	background-color: #2d89ef !important;
	color: #ffffff !important;
}
.toolbar {
	*zoom: 1;
}
.toolbar a, .toolbar button {
	font-weight: 400;
	font-size: 9pt;
	background-color: #F1F1F1;
	border: 1px #BFBFBF solid;
	/*color: #353535;*/
	/*margin-right: 10px;
	margin-bottom: 0px;*/
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	/*min-width: 32px;
	min-height: 32px;
	width: 32px;
	height: 32px;*/
	text-align: center;
	position: relative;
	padding: 0;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.toolbar a:active [class*=icon-], .toolbar button:active [class*=icon-] {
	background-image: url("icons-white.png");
}
.toolbar a [class*=icon-], .toolbar button [class*=icon-] {
	/*margin-left: 8px;*/
	/*background-size: cover;*/
	zoom: 1;
	/*margin-top: 2px !important;
	margin-left: 7px !important;*/
	margin: 2px;
}
.toolbar a.mini, .toolbar button.mini {
	min-width: 22px;
	width: 22px;
	min-height: 24px;
	height: 26px;
	font-size: .8em;
}
.toolbar a:active, .toolbar button:active, .toolbar a.default:active, .toolbar button.default:active {
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
	/*background-color: #1B489D !important;
	color: #fff;*/
}
.toolbar a:disabled, .toolbar button:disabled, .toolbar a.disabled, .toolbar button.disabled {
	background-color: transparent;/* #eaeaea;*/
	color: transparent; /*#bebebe;*/
	border-color: transparent;
	cursor: not-allowed;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.toolbar a:focus, .toolbar button:focus {
	outline: 0;
	border: 1px #353535 dotted;
}
.toolbar a img, .toolbar button img {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 8px;
	left: 8px;
}
.toolbar a {
	padding: 5px 0;
}
.toolbar:before, .toolbar:after {
	display: table;
	content: "";
}
.toolbar:after {
	clear: both;
}

/*
 * Metro UI CSS v 0.1.4
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Tables.less
 *
 */
table {
	/*width: 100%;*/
	/*border-collapse: separate;*/
	margin: 0 0 20px;
}
table thead tr {
	height: 30px; /*38px;*/
}
table thead tr th, table thead tr td {
	display: table-cell;
	vertical-align: bottom;
	/*padding-bottom: 5px;
	padding-top: 10px;
	padding-left: 5px;*/
	border-bottom: 1px #B0CDDD solid;
/*	border-right: 1px #CDDEE6 solid;*/
	border-left: 1px transparent solid;
	border-top: 1px transparent solid;
	/*font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;*/
	/*font-weight: 400;*/
/*	font-size: 11pt;*/
/*	letter-spacing: 0.01em;*/
	/*color: rgba(0, 0, 0, 0.6);*/
	text-align: left;
	/*line-height: 40px;*/
	padding: 2px 6px;
}
table thead tr th.right, table thead tr td.right {
	text-align: right;
	padding-right: 10px;
}
table thead tr th.last, table thead tr td.last {
	border-right: 1px transparent solid;
}
table thead tr th:last-child, table thead tr td:last-child {
	border-right: 1px transparent solid;
}
table tbody tr {
/*	border: 1px #F7F7F7 solid;*/
	height: 30px; /*38px;*/
}
table tbody tr td {
	/*font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;*/
/*	font-weight: 300;*/
/*	font-size: 11pt;*/
/*	letter-spacing: 0.02em;*/
	/*line-height: 20px;*/
	padding: 2px 6px;
/*	border-right: 1px #CDDEE6 solid;*/
	border-bottom: 1px #B0CDDD solid;
	box-sizing: border-box;
}
table tbody tr td.right {
	text-align: right;
}
table tbody tr td.center {
	text-align: center;
}
table tbody tr td.last {
	border-right: 1px transparent solid;
}
table tbody tr td:last-child {
	border-right: 1px transparent solid;
}
/*table tbody tr.success {
 background-color: #00a300 !important;
 }
 table tbody tr.error {
 background-color: #b91d47 !important;
 }
 table tbody tr.warning {
 background-color: #e3a21a !important;
 }
 table tbody tr.info {
 background-color: #2d89ef !important;
 }
 table tbody tr.selected-row {
 background-color: rgba(28, 183, 236, 0.1) !important;
 }
 table tbody tr.selected-row td:first-child {
 border-left: 1px #1c98cc solid;
 }
 table tbody tr.selected-row td:last-child {
 border-right: 1px #1c98cc solid;
 }
 table tbody tr.selected-row td {
 border-top: 1px #1c98cc solid;
 border-bottom: 1px #1c98cc solid;
 }*/
table.striped tbody tr.odd {
	background-color: #F8F8F8;
}
table.striped tbody tr:nth-child(odd) {
	background-color: #F8F8F8;
}
table.striped tbody tr:hover {
	background-color: #DFF3FF; /*#FFFFCF, rgba(28, 183, 236, 0.1);*/
}
table.bordered {
	border-collapse: separate !important;
	border: 1px #ccc solid !important;
}
table.bordered tbody tr:last-child td {
	border-bottom: 0;
}
table.noboder tr th, table.noboder tr td {
	border-bottom: 0px #ddd solid;
	border-right: 0px #ddd solid;
	border-left: 0px transparent solid;
	border-top: 0px transparent solid;
}
/*
 * Metro UI CSS v 0.1.4
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Grid.less
 *
 */
.oh, .ot, .tt {
	float: left;
	margin: 0 2% 2% 0;
	width: 48%;
}
.ot {
	width: 31%;
}
.tt {
	width: 65%;
}
.cl {
	clear: both;
}
.span1 {
	width: 60px;
	min-width: 60px;
}
.span2 {
	width: 140px;
	min-width: 140px;
}
.span2-5 {
	width: 180px;
	min-width: 180px;
}
.span3 {
	width: 220px;
	min-width: 220px;
}
.span4 {
	width: 300px;
	min-width: 300px;
}
.span5 {
	width: 380px;
	min-width: 380px;
}
.span6 {
	width: 460px;
	min-width: 460px;
}
.offset1 {
	margin-left: 80px;
}
.offset2 {
	margin-left: 160px;
}
[class*="span"] {
	float: none;
	min-height: 1px;
	margin-right: 20px;
	margin-bottom: 5px;
	*zoom: 1;
}
[class*="span"]:before, [class*="span"]:after {
	display: table;
	content: "";
}
[class*="span"]:after {
	clear: both;
}
[class*="span"]:last-child {
	margin-right: 0;
}
[class*="span"] > img {
	max-width: 100%;
	height: auto;
}


/*
 * Metro UI CSS v 0.1.4
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Sidebar.less
 */
.page-splitter {
	height: 21px;
}
.page-sidebar {
	display: block;
	width: 190px;
	float: left;
	min-height: 100% !important;
	height: auto;
	/*background-color: #1B489D;*/
	padding-top: 60px;
	/*padding-bottom: 10px;*/
	margin-top: 0px;
	margin-left: 0px;
	/*background-image: url('sidebar-bg.gif');*/
	position: relative;
	border-radius: 10px 0px 0px 0px;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-width: 1px;
	border-left-style: solid;
	border-top-style: solid;
	border-color: #1B489D;
	background-color: #0068d9;
}
.page-sidebar a {
	/*font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 14pt;
	color: #000000;
	display: block;
	width: 100%;
	padding: 5px 20px 5px 10px;
	white-space: nowrap;
	/*font-size: 14px;*/
	cursor: pointer;
}
/*.page-sidebar a:hover {
 color: rgba(0, 0, 0, 0.8);
 }
 .page-sidebar a:active {
 color: rgba(0, 0, 0, 0.4);
 }*/
.page-sidebar li {
	display: list-item;
	line-height: 20px;
	position: relative;
}
.page-sidebar li.bg-head {
	/*background-image: url('sidebar-hd.gif');*/
	background-color: #0068d9;
	/*background-image: url('toolbar_bg.png');*/
}
.page-sidebar > ul > li > a {
	font-size: 1.1em;
	color: white;
}
.page-sidebar > ul > li a.lead, .page-sidebar > ul > li.lead a, .page-sidebar > ul > li.lead {
	font-weight: bold;
}
.page-sidebar ul {
	margin-left: 0;
	list-style: none;
	/*background-color: #1B489D;*/
}
.page-sidebar ul li {
	/*border-color: #B1E3FE;
	 border-width: 1px;
	 border-bottom-style: solid;*/
	line-height: 40px;
}
/*.page-sidebar ul.sub-menu {
 padding-top: 5px;
 padding-bottom: 5px;
 }*/
/* sub item background image
.page-sidebar li.sub > a, li.sub {

	background-color: #1B489D;
	background-image: url('toolbar_bg.png');
	border-bottom: 0px !important;
	color: white;
}*/
.page-sidebar li.nonSub a {
	padding: 4px 15px 4px 30px;
	border-bottom: 1px #B1E3FE solid;
	color: black !important;
}
/* move to ul.sub-menu a
.page-sidebar ul.sub-menu li {
	border-bottom: 1px #B1E3FE solid;
}*/
.page-sidebar ul.sub-menu > li.sub > ul > li > a {
	padding-left: 35px;
}
.page-sidebar ul.sub-menu a {
	border-bottom: 1px #B1E3FE solid;
	padding: 4px 15px 4px 28px;
}
.page-sidebar ul.sub-menu a:hover {
	background-color: #e9a624 !important;
	/*color: #ffffff !important;*/
}
.page-sidebar ul.sub-menu a.active, li.nonSub a.active {
	background-color: #001d34 !important;
	color: #ffffff !important;
}
.page-sidebar ul.sub-menu.light {
	background-color: white;
}
/*.page-sidebar .sidebar-dropdown-menu {
	display: none;
}
.page-sidebar .sidebar-dropdown-menu.open {
	display: block;
}*/
.page-sidebar > ul > li.dropdown {
	position: relative;
}
.page-sidebar > ul > li.dropdown:after {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 100%;
	margin-left: -20px;
	width: 16px;
	height: 16px;
	background: url("icons.png") no-repeat;
	background-position: 0 -1586px;
	z-index: 200;
}
.page-sidebar > ul > li.dropdown.active:after {
	background-position: 0 -676px;
}
/*
 * Metro UI CSS v 0.1.4
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Layout.less
 */
.input-control > input[type=text], .input-control > input[type=email], .input-control > input[type=url], .input-control > input[type=phone], .input-control > input[type=password], .input-control > select, .input-control > textarea {
	border: 2px #bababa solid;
	padding: 4px 32px 6px 5px;
	position: relative;
	background-color: #fff;
	outline: 0;
	margin-right: 10px;
	width: 100%;
}
/*.input-control > input[type=text]:disabled, .input-control > input[type=email]:disabled, .input-control > input[type=url]:disabled, .input-control > input[type=phone]:disabled, .input-control > input[type=password]:disabled, .input-control > select:disabled, .input-control > textarea:disabled {
	background-color: #eaeaea;
}*/
/* Change to support IE8 format */
.input-control > input[type=text][disabled="disabled"], .input-control > input[type=email][disabled="disabled"], .input-control > input[type=url][disabled="disabled"], .input-control > input[type=phone][disabled="disabled"], .input-control > input[type=password][disabled="disabled"], .input-control > select[disabled="disabled"], .input-control > textarea[disabled="disabled"] {
	background-color: #eaeaea;
}
/*.input-control > input[type=text]:focus, .input-control > input[type=email]:focus, .input-control > input[type=url]:focus, .input-control > input[type=phone]:focus, .input-control > input[type=password]:focus, .input-control > select:focus, .input-control > textarea:focus {
	border-color: #000;
}*/
.input-control > select {
	padding-right: 5px;
}
.input-control > textarea {
	padding-right: 5px;
	min-height: 100px;
}
/*
 .input-control.text input[type=text]:not(:focus) + .helper,
 .input-control.text input[type=password]:not(:focus) + .helper,
 .input-control.text input[type=email]:not(:focus) + .helper,
 .input-control.text input[type=phone]:not(:focus) + .helper,
 .input-control.text input[type=url]:not(:focus) + .helper {
 display: none;
 }
 .input-control.text input[type=text]:focus + .helper,
 .input-control.text input[type=password]:focus + .helper,
 .input-control.text input[type=email]:focus + .helper,
 .input-control.text input[type=phone]:focus + .helper,
 .input-control.text input[type=url]:focus + .helper {
 display: block;
 }
 .input-control.text input[type=text]:not(:focus) + .helper:active,
 .input-control.text input[type=password]:not(:focus) + .helper:active,
 .input-control.text input[type=email]:not(:focus) + .helper:active,
 .input-control.text input[type=phone]:not(:focus) + .helper:active,
 .input-control.text input[type=url]:not(:focus) + .helper:active {
 display: block;
 }*/
.input-control {
	margin-right: 10px;
	margin-bottom: 0px;
	position: relative;
}
.input-control > input[type=text] {
	padding: 4px 3px 6px 5px;
}/*
 .input-control.text .helper {
 background: #fff;
 right: 3px;
 top: 2px;
 width: 26px;
 height: 26px;
 cursor: pointer;
 color: #000;
 position: absolute;
 }
 .input-control.text .helper:before {
 font-size: 12pt;
 position: absolute;
 font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
 font-weight: 300;
 font-size: 11pt;
 letter-spacing: 0.02em;
 line-height: 20px;
 }
 .input-control.text .helper:hover {
 background: #d9d9d9;
 }
 .input-control.text .helper:active {
 background-color: #000;
 }
 .input-control.text .helper:active:before {
 color: #fff;
 }
 .input-control.text .helper:before {
 content: "\2715";
 left: 7px;
 top: 4px;
 }*/
label, label-add {
	/*font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;*/
	/*font-weight: 300;
	font-size: 11pt;*/
	letter-spacing: 0.02em;
	/*line-height: 20px;
	margin-right: 10px;
	margin-bottom: 10px;*/
}
label-5px {
	/*font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: 300;
	letter-spacing: 0.02em;
	line-height: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	float:left;
	padding-top: 5px;
}
input[type=text] {
	width: 100%;
/* bootstarp:
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {*/
/*  display: inline-block;*/
/*  height: 20px;*/
  padding: 4px 6px;
/*  margin-bottom: 10px;*/
/*  font-size: 14px;*/
  /*line-height: 20px;*/
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	
/* bootstarp:
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {*/
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -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;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;

}

input[type=text]:focus {

/* bootstrap:
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {*/
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -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);

}


input[type=button], input[type=reset] {
	/*font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;*/
/*	font-weight: bold;
	height: 38px;
	background-color: #F1F1F1;
	border: 1px #BFBFBF solid;
	color: #353535;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	padding: 4px 20px;
	border-radius: 6px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);*/

/* bootstrap: .btn */
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
/*  font-size: 14px;*/
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

input[type=button]:active [class*=icon-], input[type=reset]:active [class*=icon-] {
	background-image: url("icons-white.png");
}
input[type=button]:hover, input[type=reset]:hover {
/*	color: #3b9be6;*/

/* bootstrap:
.btn:hover,
.btn:focus { */
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
/* bootstrap: 
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] { */
  /*color: #333333;*/
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
/*input[type=button].standart,
 input[type=reset].standart,
 input[type=submit].standart {
 min-width: 90px;
 min-height: 32px;
 }*/
input[type=button]:active, input[type=reset]:active/*,
 input[type=button].default:active,
 input[type=reset].default:active*/ {
/*	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);*/
	/*background-color: #1B489D !important;
	 color: #fff;*/

/* bootstrap:
.btn.active,
.btn:active {*/
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
/* bootstrap:
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {*/
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
input[type=button]:disabled, input[type=reset]:disabled, input[type=button].disabled, input[type=reset].disabled, input[type=checkbox]:disabled, input[type=text]:disabled, input[type=checkbox].disabled, input[type=text].disabled, input[type=radio]:disabled, input[type=radio].disabled, select:disabled, select.disabled {

	background-color: #eaeaea;
	color: #bebebe;
	cursor: not-allowed;
}
/*input[type=button].default,
 input[type=reset].default,
 input[type=submit].default {
 background-color: #008287;
 color: #fff;
 }*/
input[type=button]:focus, input[type=reset]:focus {
/*	outline: 0;
	border: 1px #353535 dotted;*/

/* bootstarp:
.btn:hover,
.btn:focus {*/
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;

/* bootstarp:
.btn:focus {*/
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;

/* bootstarp:
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {*/
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;

}
input[type=button] [class*=icon-], input[type=reset] [class*=icon-] {
	background-size: cover;
	zoom: 1;
}
input[type=button].mini, input[type=reset].mini {
/*	min-height: 24px;
	height: 26px;
	font-size: .8em;
*/
/* bootstrap:
.btn-mini {*/
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
/* bootstrap:
.btn-primary {*/
input[type=button].blue, .overviewBoard.blue ul {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
input[type=button].blue:hover,
input[type=button].blue:focus {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
input[type=button].blue:active {
  color: #ffffff;
  background-color: #003399 \9;
}


.overviewBoard.blue ul:hover {
  background-color: #0044cc;
  *background-color: #003bb3;
  background-image:none;
  cursor: pointer;
}

.overviewBoard.blue ul li span.title {
	display: inherit;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}


/*** btn green ***/
input[type=button].green{
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

input[type=button].green:hover,
input[type=button].green:focus,
input[type=button].green:active {
	color: #ffffff;
	background-color: #51a351;
}

/** btn red **/
input[type=button].red:hover, 
input[type=button].red:focus, 
input[type=button].red:active {
	color: #ffffff;
	background-color: #bd362f;
}

input[type=button].red {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.place-icon {
	float: left !important;
	margin-left: 5px;
	margin-top: 6px;
	/*margin-right: 5px;*/
}
.place-rowtoogle-icon {
	float: left !important;
	margin-left: 10px;
	margin-top: 10px;
}
.place-toolbaricon {
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 4px 8px;
	background-color: transparent;
	border: 1px transparent solid;
	height: 100%;
}
.place-toolbaricon i {
	float: none;
	margin: 0px;
}
.browsers-icons img {
	float: left;
	margin-right: 20px;
}
.place-banner {
	position: absolute;
	left: 0px;
	bottom: 0px;
	/*width: 998px;*/
	width: 100%;
	height: 20px;
}
#brand-name {
	line-height: 24px;
	margin-top: 2px;
}
.sprite-details li {
	line-height: 16px;
	margin-bottom: 10px;
}
hr {
	border: 0;
	border-bottom: 1px #ddd dotted;
	color: #ddd;
	background-color: #ddd;
}
.border-hover {
	border: 1px transparent solid;
	padding-left: 5px;
	border-radius: 1px;
}
.border-hover:hover {
	background-color: rgb(225,239,255);
	border: 1px solid rgb(194,215,239);
}
.cursor-pointer {
	cursor: pointer;
}


/*** modal css ***/
#modal, #modal_wtp, .modal {
/*	  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;*/
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.modal-header {
	padding: 9px 15px;
	border-bottom: 1px solid rgb(201, 201, 201);
}

.modal-header .close {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
}

.modal-header h3 {
	margin: 0;
	font-size: 24.5px;
	margin: 10px 0;
	font-weight: bold;
	line-height: 20px;
}

.modal-body {
	padding: 15px;
	overflow-y: auto;
	max-height: 500px;
	overflow: auto;
}

.modal-body input[type=text] {
	width: 160px;
}

.modal-footer {
  padding: 9px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

/*for ip msg footer*/
.msgbox-ip-footer {  
  margin-bottom: 0;
  text-align: right;    
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

button.close {
	cursor: pointer;
	padding: 0;
	background: transparent;
	border: 0;
}

/** AP cfg accordion **/
.tab_form {
	clear: left;
	margin: 20px 0;
}

.tabs-group {
	margin-bottom: 2px;
	/*border: 1px solid #e5e5e5;*/
	border: 1px solid rgb(199, 199, 199);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.accordion-head {
	background-color: rgb(247, 247, 247);
}

.accordion-head.active {
	background-color: rgb(203, 237, 255);
}
.accordion-head.active-color {
	background-color: rgb(203, 213, 255);
}
.accordion-head:hover {
	cursor: pointer;
}

.accordion-head .head-text {
	/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);*/
	color: black;
	display: block;
	padding: 8px 15px;
}

.tab_content {
	border-top: 1px solid #e5e5e5;
	padding-top: 20px;
}

/*** progress bar ***/
.progress .bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0e90d2;
	background-image: -moz-linear-gradient(top, #149bdf, #0480be);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
	background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
	background-image: -o-linear-gradient(top, #149bdf, #0480be);
	background-image: linear-gradient(to bottom, #149bdf, #0480be);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width 0.6s ease;
	-moz-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease;
}

.progress-striped .bar {
	background-color: #149bdf;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	-o-background-size: 40px 40px;
	background-size: 40px 40px;
}

.progress {
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
	background-repeat: repeat-x;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress.active .bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-moz-animation: progress-bar-stripes 2s linear infinite;
	-ms-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}

/*** filter drop down ***/
.dropdown {
	position: relative;
}
.dropdown-menu {
	position: absolute;
	margin: 0px !important;
	/*top: 100%;*/
	left: 0;
	z-index: 1010;/*2000000001;*/ /*1000;*/
	/* display: none;*/
	float: left;
	min-width: 100px;
	padding: 5px 0px;
	/* margin: 2px 0 0;*/
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
		background-clip: padding-box;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 2px;
  margin: 5px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

/***  badge  ***/
.badge {
	padding: 2px 8px;
	font-weight: bold;
	line-height: 12px;
	color: rgb(255, 255, 255);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: baseline;
	background-color: rgb(153, 153, 153);
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	float: right;
	display: inline;
}

/***menu button css***/
.menu-icon {
	position: absolute;
	top: 110px;
	left: -15px;
	z-index: 999;
}

.menu-left {
	float: left;
	padding-right: 5px;
}

.menu-text {
	position: absolute;
	left: 60px;
	top: 150px;
}

.text-over a {
	color:#003399;
}

.text-over a.active {
	color:#0081C2;
}

/*** Overview Board   ***/

.overviewBoard {
	display: inline-block;
	float: right;
	padding: 0px 20px;
}
.overviewBoard ul {
	padding: 3px 0;
	margin: 0px;
	display: inline-block;

	background-color: rgb(245, 245, 245);
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(rgb(255, 255, 255)),to(rgb(230, 230, 230)));
	background-image: -webkit-linear-gradient(top,rgb(255, 255, 255),rgb(230, 230, 230));
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,rgb(255, 255, 255),rgb(230, 230, 230));
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	*border: 0;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.overviewBoard ul li {
	line-height: 20px;
	display: inline;
	float: left;
	text-decoration: none;
	text-align: center;
	padding: 3px 0px;
	font-size: 17.5px;
	width: 80px;
	
	border-left: 1px solid rgb(204, 204, 204);
	-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.8);
	-moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.8);
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.8);	
}
.overviewBoard ul li:nth-child(1) {
	/*border-left: 1px solid rgb(221, 221, 221);*/
	border-left: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
}
.overviewBoard ul li span.fontsize20 {
	font-size : 20px;
}
.overviewBoard ul li span.title {
	display: inherit;
	font-size: 12px;
	color: rgb(150, 150, 150);
	font-weight: bold;
}


/******** tree view **********/
.treeLayout {
	border: 1px solid #cccccc;
	overflow: hidden;
	position: relative;
}

/******** zoom buttons *******/
.widget-zoom {
	background-clip: padding-box;
	top: 83px;
	display: block;
	height: 57px;
	position: absolute;
	left: 30px;
	width: 29px;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	z-index: 4;
	outline: none;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.widget-zoom-button {
	background-color: rgba(255,255,255,1);
	border-radius: 2px;
	display: block;
	height: 29px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	width: 29px;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-webkit-transition-duration: 0.16s;
	-webkit-transition-property: background-color;
	-webkit-transition-timing-function: ease-out;
	transition-duration: 0.16s;
	transition-property: background-color;
	transition-timing-function: ease-out;
}

.widget-zoom-button.widget-zoom-in {
	top: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.widget-zoom-button.widget-zoom-in .widget-zoom-icon {
	background-position: 0 0;
}

.widget-zoom-button .widget-zoom-icon {
	background: transparent url("icon-sprite-1x.png") 0 0 no-repeat;
	background-size: 120px 30px;
	display: block;
	height: 15px;
	left: 7px;
	position: absolute;
	top: 7px;
	width: 15px;
}

.widget-zoom-button.widget-zoom-out {
	bottom: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.widget-zoom-button.widget-zoom-out .widget-zoom-icon {
	background-position: 0 -15px;
}

.widget-zoom-button-divider {
	background-color: rgb(90%,90%,90%);
	display: block;
	height: 1px;
	left: 5px;
	position: absolute;
	top: 28px;
	width: 19px;
	z-index: 3;
	-webkit-transition-duration: 0.16s;
	-webkit-transition-property: background-color;
	-webkit-transition-timing-function: ease-out;
	transition-duration: 0.16s;
	transition-property: background-color;
	transition-timing-function: ease-out;
}

.widget-zoom-tooltip {
	opacity: 1;
	position: absolute;
	-webkit-transition: opacity 0.13s ease-out 0.109s;
	-khtml-transition: opacity 0.13s ease-out 0.109s;
	-moz-transition: opacity 0.13s ease-out 0.109s;
	-ms-transition: opacity 0.13s ease-out 0.109s;
	-o-transition: opacity 0.13s ease-out 0.109s;
	transition: opacity 0.13s ease-out 0.109s;
	vertical-align: baseline;
	line-height: normal;
	z-index: 21;
	visibility: visible;
	right: 100%;
	top: 13px;
}

.widget-zoom-tooltip-invisible {
	opacity: 0;
	visibility: hidden;
}
/******** Styles for SVG components ********/
.node, .node-switch {
	cursor: pointer;
}

.node rect {
	fill: #fff;
	stroke: rgb(70, 130, 180);
	stroke-width: 1.5px;
}

/* switch svg */ 
.node-switch > rect {
	fill: #214478;
	fill-rule: evenodd;
	stroke: #ffffff;
	stroke-width: 0.9658075px;
	stroke-linecap: butt;
	stroke-linejoin: miter;
	stroke-opacity: 1;
}

.node-switch > path {
	fill: #2c5aa0;
	fill-rule: evenodd;
	stroke: none;
}

.node circle {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.node-iap > .ap_bottom {
	fill: #666666;
	fill-opacity: 1;
	fill-rule: nonzero;
	stroke: none;
}

.node-iap > .ap_body {
	fill: #b3b3b3;
	fill-opacity: 1;
	fill-rule: nonzero;
	stroke: none;
}

.node-iap > .ap_top {
	fill: #ffffff;
	fill-opacity: 1;
	fill-rule: nonzero;
	stroke: none;
}
.node-iap > .ap_color {
	fill: #008000;
	fill-opacity: 1;
	stroke: #cccccc;
	stroke-width: 0.71739131000000000;
}

.node .notif-bg {
	fill:#ff0000;
	fill-opacity:1;
	fill-rule:nonzero;
	stroke:none;
}

.node text {
  font: 10px sans-serif;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}

/* Overlay div for zooming */
.overlay {
  fill: none;
  pointer-events: all;
}

/* Tooltip style */
div.topotooltip {   
  position: absolute;           
  text-align: left;           
  padding: 6px 12px;   
  font: 10px sans-serif;        
  background: lightsteelblue;   
  border: 0px;      
  border-radius: 8px;           
  pointer-events: none;         
}


/* View toolbar */
.vw-toolbar {
	z-index: 99;
	position: relative;
	padding-left: 90px;
	padding-top: 15px;
	padding-right: 15px;
}

.vw-toolbar .place-apply {
	margin-left: 10px;
	height: 30px;
}

.vw-toolbar input.place-search {
	width: 150px;
	border-radius: 15px;
	background: rgb(255, 255, 255) url('search.png') no-repeat;
	background-position: 6px 5px;
	padding-left: 30px;	
}

.vw-toolbar button {
	height: 30px;
	background-color: rgb(255, 255, 255);
	/*background-color: rgb(241, 241, 241);*/
}

.vw-toolbar button > i.png-caret-down {
	float: right;
	margin: 0px;
	margin-top: 6px;
	margin-left: 6px;
}

.vm-toolbar select {
	padding-bottom: 4px;
	padding-top: 4px;
	height: 30px;
}

.vw-toolbar .place-shadow, .vw-toolbar .place-apply, .vw-toolbar button {
	box-shadow: -3px 3px 5px rgb(96, 96, 96);
	-webkit-box-shadow: -3px 3px 5px rgb(96, 96, 96);
	-moz-box-shadow: -3px 3px 5px rgb(96, 96, 96);
}

.btn_group {
	position: relative;
	display: inline-block;
	font-size: 0;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 4px;
}
.btn_group > button {
	box-shadow: 0px 0px 0px rgb(96,96,96);
	-webkit-box-shadow: 0px 0px 0px rgb(96,96,96);
	-moz-box-shadow: 0px 0px 0px rgb(96,96,96);
	margin: 0px;
	border-radius: 0px;
}
.btn_group > button:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.btn_group > button:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.btn_group > button + button {
	margin-left: -4px;
}