@import 'open-sans.css';

/* header */

.body-nomenu {
  border: 0px;
  padding: 10px;
  margin: 0px;
  background-color: #fff;
}

.body-default {
  border: 0px;
  padding: 0px;
  margin: 0px;
  height: 100%;
  min-height: 1050px;
  background-color: #888;
  min-width: 900px;
  width: 100%;
}

.main-container {
  border: 0px;
  padding: 0px;
  margin: 0px; 
  min-height: 100%;
  position: relative;
  margin-bottom: -100px;
  background-color: white;
}

.toptop {
  height: 25px;
  background:#ffffff repeat;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

.toptop div {
  border: 0px;
  padding: 0px;
  margin: 0px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.grayinset {
  background: #FFFFFF url('/images/blue-grey.png') repeat-x center 72px;
  min-height: 710px;
}

.grayinset-short {
  /* background: #ffffff url('/images/blue-grey.png') repeat-x center 72px; */
  min-height: 150px;
}

.grayinset-div {
  border: 0px;
  padding: 0px;
  margin: 0px;
  width: 900px;
  min-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.logo-link {
  position: absolute;
  height: 158px;
  width: 180px;
  background-image: url('/images/logo-breed.png');
  background-repeat: no-repeat;
  background-position: center;
  top: -30px;
  left: 50%;
  margin-left: -446px;
}

.logo-link-short {
  position: absolute;
  height: 158px;
  width: 180px;
  background-image: url('/images/logo-breed.png');
  background-repeat: no-repeat;
  background-position: center;
  top: -30px;
  left: 50%;
  margin-left: -446px;
}

.profbutton {
  position: absolute;
  height: 40px;
  width: 180px;
  top: 295px;
  left: 50%;
  margin-left: -446px;
}

.profbutton div {
  overflow: hidden;
  width: 100%;
  margin-left: 10px;
}

.profbutton div a {
  width: 140px;
}

.tunnelframe {
  position: absolute;
  margin-left: -180px;
  margin-top: 1px;
  width: 360px;
  border: 1px solid #bbb;
  height: 40px;
}

.languageflags {
  z-index: 11;
  height: 45px;
  width: 710px;
  margin-left: 180px;
  text-align: right;
}

.languageflags a {
  padding-left: 5px;
  padding-top: 10px;
}

.languageflags a img {
  border: 0px;
}

a.msmenulink {
  color: #00afed;
  display: block;
  float: left;
  font: normal 11px 'Open Sans';
  height: 22px;
  margin-right: 6px;
  padding-right: 15px;
  text-decoration: none;
}

a.msmenulink span {
  display: block;
  line-height: 12px;
  padding: 5px 0 5px 15px;
}

a.mmenulink {
  display: block;
  float: left;
  font: normal 11px 'Open Sans';
  font-weight: 600;
  height: 22px;
  margin-right: 6px;
  padding-right: 15px;
  text-decoration: none;
}

a.mmenulink span {
  display: block;
  line-height: 12px;
  padding: 5px 0 5px 15px;
}

.menubar-div1 {
  height: 25px;
  width: 740px;
  margin-left: 150px;
}

.menubar-div2 {
  overflow: hidden;
  width: 100%;
  margin-left: 30px;
}

.menubar-spacer {
  height: 10px;
}

.menubar2-div1 {
  position: relative;
  height: 26px;
  width: 710px;
  margin-left: 15px;
  z-index: 990;
}

.menubar2-title {
  display: none;
  color: white;
  margin: 6px;
  margin-left: 15px;
  position: absolute;
  height: 40px;
  width: 100px;

  font-family: 'Open Sans';
  font-size: 16pt;
}

.menubar2-div2 {
  /* overflow: hidden;
  width: 100%;
  margin-left: 180px; */
  z-index: 991;
  overflow: visible;
  height: 32px;
  width: 750px;
  border-bottom: 1px solid lightgray;
  border-collapse: collapse;
  font-size: 20px;
}

.menubar2-forum {
  position: absolute;
  left: 840px;
}

.menu-i-devices {
  margin-left: 40px;
}

.menu-i-projects {
  margin-left: 125px;
}

.menubar3-div1 {
  position: relative;
  height: 26px;
  width: 710px;
  margin-left: 15px;
  z-index: 980;
  margin-top: 20px;
}

.menubar3-div2 {
  /*overflow: hidden;
  width: 100%;
  margin-left: 30px;*/
  z-index: 981;
  height: 32px;
  width: 750px;
  border-bottom: 1px solid lightgray;
  border-collapse: collapse;
  font-size: 20px;
}

.menu-e-devices {
  margin-left: 40px;
}

.menu-e-profiles {
  margin-left: 125px;
}

.menu-e-pages {
  margin-left: 205px;
}

.menu-e-images{
  margin-left: 282px;
}

.menu-i-profiles {
  margin-left: -50px;
}

.menu-i-pages {
  margin-left: 30px;
}

.menu-i-images {
  margin-left: 105px;
}

.menu-e-panels {
  margin-left: 380px;
}

.menubar-spacer2 {
  height: 35px;
}

.menubar-spacer3 {
  height: 60px;
}

.ticker-div1 {
  height: 186px;
  width: 477px;
  margin-top: 22px;
  margin-bottom: 22px;
  margin-left: 186px;
  margin-right: 227px;
}

.ticker-div2 {
  height: 186px;
  width: 477px;
}

.sidebar-container {
  position: absolute;
  height: 500px;
  width: 210px;
  top: 137px;
  margin-left: 680px;
}

.sidebar-top {
  background-image: url('../images/w2/sidebarT.png');
  background-position: bottom;
  background-repeat: no-repeat;
  width: 210px;
  height: 20px;
}

.sidebar-middle {
  background-image: url('../images/w2/sidebarM.png');
  background-position: center;
  background-repeat: repeat-y;
  width: 210px;
  min-height: 460px;
}

.sidebar-middle-div {
  margin-left: 15px;
  margin-right: 15px;
}

.sidebar-bottom {
  background-image: url('../images/w2/sidebarB.png');
  background-position: top;
  background-repeat: no-repeat;
  width: 210px;
  height: 20px;
} 

.sidebar-divider {
  background-color: #777;
  color: #777;
  border:0px;
  height: 1px;
} 

.sidebar-ul {
  padding-left: 12px;
  margin-left: 0;
}

.sidebar-logo1 {
  height: 100px;
  width: 220px;
  background-image: url('../images/KNXtechpartner.jpg');
  background-position: center;
  background-repeat: no-repeat;
}

.sidebar-logo2 {
  height: 130px;
  width: 220px;
  background-image: url('../images/enocean200.png');
  background-position: center;
  background-repeat: no-repeat;
}

.content-container {
  margin-left: 15px;
  width: 100%;
}

/* footer */

.footer-spacer1 {
  height: 100px;
  clear: both;
}

.footer-container {
  height: 100px;
  background:#eeeeee;
  position: relative;
}

.footer-container2 {
  border: 0px;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.footer-text {
  font: normal 12px arial, sans-serif;
  float: left;
  color: #000;
  margin: 7px;
}

.footer-text2 {
  width: 700px;
  font: normal 12px arial, sans-serif;
  float: left; 
  color: #000;
  margin: 7px;
  text-align: right;
}

.footer-link {
  font: normal 12px arial, sans-serif !important;
  text-decoration:none !important;
  color: #000 !important;
}

/* pages */

.mainpage1-div1 {
  min-height: 480px;
  margin-top: 10px;
  margin-left: 30px;
}

.mainpage1-top {
  margin-left: 12px;
  background-image: url('../images/w2/contT.png');
  background-position: bottom;
  background-repeat: no-repeat;
  width: 650px;
  height: 20px;
}

.mainpage1-middle {
  margin-left: 12px;
  background-image: url('../images/w2/contM.png');
  background-position: center;
  background-repeat: repeat-y;
  width: 650px;
  min-height: 150px;
}

.mainpage1-bottom {
  margin-left: 12px;
  background-image: url('../images/w2/contB.png');
  background-position: top;
  background-repeat: no-repeat;
  width: 650px;
  height: 20px;
}

.mainpage3-container1 {
  margin-top: -10px;
  margin-left: 12px;
  width: 200px;
  float: left;
}

.mainpage3-container2 {
  margin-top: -10px;
  margin-left: 13px;
  width: 197px;
  float: left;
}

.mainpage3-container3 {
  margin-top: -10px;
  margin-left: 13px;
  width: 205px;
  float: left;
}

.mainpage3-container4 {
  margin-left: 15px;
  margin-top: 20px;
  width: 640px;
}

.mainpage3-top {
  margin-left: 12px;
  background-image: url('../images/w2/inlegT.png');
  background-position: bottom;
  background-repeat: no-repeat;
  width: 650px;
  height: 20px;
}

.mainpage3-middle {
  margin-left: 12px;
  background-image: url('../images/w2/inlegM.png');
  background-position: center;
  background-repeat: repeat-y;
  width: 650px;
  min-height: 165px;
}

.mainpage3-bottom {
  margin-left: 12px;
  background-image: url('../images/w2/inlegB.png');
  background-position: top;
  background-repeat: no-repeat;
  width: 650px;
  height: 20px;
}

.loginsub {
  font-size: 0.8em;
}

.footer-spacer2 {
  height: 20px;
  clear: both;
}

h1 {
    font-family: "Open Sans";
/*    font-family: "Arial";*/
	color:#ffffff;
}

.footer-copyright{
	font-family: "Open Sans";
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-size: 13px; 
	vertical-align: 0px; 
	color: #000000; 
	margin-left: 10px; 
	opacity: 0.8;
	text-align: left;
}

.footer-copyright p {
	display: inline;
	color: #00afed;
}

ul.submenu .pairotdev a,
ul.submenu .pairotproject a {
  color: #97231b !important;
  /* font-weight: bold !important; */
}

ul.submenu .pairotdev a:hover,
ul.submenu .pairotproject a:hover {
  background-color: #fff2f3 !important;
}

.navbar a.mubutton {
  background: none;
  font: normal 16px 'Open Sans';
  border-bottom: 3px solid #00afed;
  color: #00afed;
  padding-bottom: 8px;
  margin-right: 40px;
}

.navbar a.mtbutton {
  background: none;
  font: normal 16px 'Open Sans';
  color: #444444;
  padding-bottom: 8px;
  margin-right: 40px;
}

.navbar a.mtbutton span {
  background: none;
}

.navbar a.mubutton span {
  background: none;
}

.navbar a.mubutton:hover {
  background: none;
}

.navbar a.mtbutton:hover {
  background: none;
}

.navbar a.mubutton:hover span {
  padding: 5px 0 5px 15px;
}

.navbar a.mtbutton:hover span {
  padding: 5px 0 5px 15px;
}

.logoutbutton a {
  letter-spacing: 1px;
  float: right;
  margin-top: -24px;
  margin-right: 6px;
  border-radius: 3px;
  background-color: #00afed;
  padding: 8px 12px 8px 12px;
  font-size: 12px;
  color: white;
}

.switchabbutton a::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url(/images/WIM102.png);
  display: block;
  position:absolute;
  background-size: 24px 24px;
  margin-left: -27px;
  margin-top: -4px;
}

.switchabbutton a {
  z-index: 2000;
  position: relative;
  letter-spacing: 1px;
  float: right;
  margin-top: -24px;
  margin-right: 6px;
  border-radius: 3px;
  background-color: #1bbd02;
  padding: 8px 12px 8px 32px;
  font-size: 12px;
  color: white;
}

span.navbar ul.submenu {
  top: 27px;
  text-align: left;
  background-color: white;
  border: 0.5px solid rgba(221,221,221,1);
  border-radius: 2px;
  padding: 0px;
  box-shadow: 1px 1px 3px 1px rgba(221,221,221,1);
  overflow: hidden;
  width: auto;
}

span.navbar ul.submenu li {
  background: none;
}

span.navbar ul.submenu li a {
  font-size: 12px;
  padding: 7px 15px 7px 15px;
}

span.navbar ul.submenu li a:hover {
  background-color: #ecf8ff;
  color: #00afed;
}

span.navbar ul.submenu li hr {
  background-color: #dddddd;
  border: 0px;
  height: 1px;
}

ul.menu-i-setup {
  margin-left: 0px;
}

ul.menu-i-devices {
  margin-left: 155px;
}

ul.menu-i-projects {
  margin-left: 303px;
}

ul.menu-i-profiles {
  margin-left: 169px;
}

ul.menu-i-pages {
  margin-left: 306px;
}

ul.menu-i-images {
  margin-left: 438px;
}

ul.menu-e-setup {
  margin-left: 0px;
}

ul.menu-e-devices {
  margin-left: 155px;
}

ul.menu-e-profiles {
  margin-left: 304px;
}

ul.menu-e-pages {
  margin-left: 442px;
}

ul.menu-e-images {
  margin-left: 573px;
}

span.navbar a.mw2button span {
  color: #444444;
  font-size:12px;
}

.menubar2-div2.nob {
  border: 0px;
}

.nwbutton a {
  letter-spacing: 1px;
  border-radius: 3px;
  background-color: #00afed;
  padding: 5px 12px 5px 12px;
  font-size: 12px;
  color: white;
}

.nwbutton input[type=submit],
.nwbutton button
{
  letter-spacing: 1px;
  border-radius: 3px;
  border: 0px;
  background-color: #00afed;
  padding: 5px 22px 5px 22px;
  font-size: 12px;
  color: white;
  height: 33px;
}

.nwbutton input[type=submit]:hover,
.nwbutton button:hover {
  text-decoration: underline;
}

.nwbutton.right {
  float: right;
}

.breadcrum {
  margin-bottom: 16px;
  margin-left: 10px;
  font-size: 12px;
  font-style: italic;
  text-align: left;
}

.breadcrum span {
  margin-left: 5px;
}

.breadcrum span::before {
  content: '/  ';
}

.breadcrum span:first-child::before  {
  content: '';
}

.profilemenu,
.devicemenu,
.projectmenu {
  float: left;
  height: 400px;
  width: 180px;
  margin-top: 20px;
}

.projectmenu {
	height: 780px;
}

.profilemenu a,
.devicemenu a,
.projectmenu a {
  display: block;
  width: 180px;
  max-width: 180px;
  padding: 3px;
  font: normal 13px 'Open Sans';
  border: 1px solid #10afed;
  border-radius: 4px;
  color: #00afed;
  background-color: white;
  height: 40px;
  margin-bottom: 10px;
}

.profilemenu a span,
.devicemenu a span,
.projectmenu a span {
  margin-left: 45px;
  display: blocl;
}

.profilemenu a span span,
.devicemenu a span span,
.projectmenu a span span {
  height: 40px;
  width: 130px;
  max-width: 130px;
  display: table-cell;
  vertical-align:middle;
  overflow-wrap: word-break;
  overflow: hidden;
}

.profilemenu a.selected,
.devicemenu a.selected,
.projectmenu a.selected {
  color: white;
  background-color: #10afed;
}

.devicepart,
.projectpart {
  margin-top: 20px;
}

.projectpart {
  min-height: 980px;
}

.devicepart.right {
  margin-left: 230px;
}

.projectpart.right {
  float: right;
}

.profilemenu.mini,
.devicemenu.mini,
.projectmenu.mini {
  position: absolute;
  z-index: 9999;
  width: 50px;
  margin-left: -60px;
}

.profilemenu.mini a,
.devicemenu.mini a,
.projectmenu.mini a {
  width: 40px;
  overflow: hidden;
  -webkit-transition: width 0.7s; /* Safari */
  transition: width 0.7s;
}

.profilemenu.mini a:hover,
.devicemenu.mini a:hover,
.projectmenu.mini a:hover {
  width: 180px;
  -webkit-transition: width 0.7s; /* Safari */
  transition: width 0.7s;
}

.profilemenu a.om0,
.devicemenu a.dm0,
.projectmenu a.pm0 {
  background-image: url(/images/pmicon0b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.profilemenu a.om0.selected,
.devicemenu a.dm0.selected,
.projectmenu a.pm0.selected {
  background-image: url(/images/pmicon0w.png);
}

.projectmenu a.pm1 {
  background-image: url(/images/pmicon1b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.projectmenu a.pm1.selected {
  background-image: url(/images/pmicon1w.png);
}

.projectmenu a.pm2 {
  background-image: url(/images/pmicon2b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.projectmenu a.pm2.selected {
  background-image: url(/images/pmicon2w.png);
}

.projectmenu a.pm3 {
  background-image: url(/images/pmicon3b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.projectmenu a.pm3.selected {
  background-image: url(/images/pmicon3w.png);
}
.projectmenu a.pm4 {
  background-image: url(/images/pmicon4b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.projectmenu a.pm4.selected {
  background-image: url(/images/pmicon4w.png);
}
.projectmenu a.pm5 {
  background-image: url(/images/pmicon5b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.projectmenu a.pm5.selected {
  background-image: url(/images/pmicon5w.png);
}
.projectmenu a.pm6 {
  background-image: url(/images/pmicon6b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.projectmenu a.pm6.selected {
  background-image: url(/images/pmicon6w.png);
}
.projectmenu a.pm7 {
  background-image: url(/images/pmicon7b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.projectmenu a.pm7.selected {
  background-image: url(/images/pmicon7w.png);
}

.projectmenu a.pm8 {
  background-image: url(/images/pmicon8b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.projectmenu a.pm8.selected {
  background-image: url(/images/pmicon8w.png);
}

.projectmenu a.pm9 {
  background-image: url(/images/pmicon9b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.projectmenu a.pm9.selected {
  background-image: url(/images/pmicon9w.png);
}

.projectmenu a.pm10 {
	background-image: url(/images/pmicon10b.png);
	background-position: 8px 8px;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

.projectmenu a.pm10.selected {
	background-image: url(/images/pmicon10w.png);
}

.projectmenu a.pm11 {
	background-image: url(/images/pmicon11b.png);
	background-position: 8px 8px;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

.projectmenu a.pm11.selected {
	background-image: url(/images/pmicon11w.png);
}

.projectmenu a.pm12 {
	background-image: url(/images/pmicon12b.png);
	background-position: 8px 8px;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

.projectmenu a.pm12.selected {
	background-image: url(/images/pmicon12w.png);
}

.projectmenu a.pm13 {
  background-image: url(/images/pmicon13b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.projectmenu a.pm13.selected {
  background-image: url(/images/pmicon13w.png);
}

.projectmenu a.pm14 {
  background-image: url(/images/pmicon14b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.projectmenu a.pm14.selected {
  background-image: url(/images/pmicon14w.png);
}

.projectmenu a.pm15 {
  background-image: url(/images/pmicon15b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.projectmenu a.pm15.selected {
  background-image: url(/images/pmicon15w.png);
}

.projectmenu a.pm16 {
	background-image: url(/images/pmicon16b.png);
	background-position: 8px 8px;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

.projectmenu a.pm16.selected {
	background-image: url(/images/pmicon16w.png);
}

.projectmenu a.pm17 {
	background-image: url(/images/pmicon17b.png);
	background-position: 8px 8px;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

.projectmenu a.pm17.selected {
	background-image: url(/images/pmicon17w.png);
}

.devicemenu a.dm1 {
  background-image: url(/images/dmicon1b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.devicemenu a.dm1.selected {
  background-image: url(/images/dmicon1w.png);
}

.devicemenu a.dm2 {
  background-image: url(/images/dmicon2b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.devicemenu a.dm2.selected {
  background-image: url(/images/dmicon2w.png);
}

.devicemenu a.dm3 {
  background-image: url(/images/dmicon3b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.devicemenu a.dm3.selected {
  background-image: url(/images/dmicon3w.png);
}
.devicemenu a.dm4 {
  background-image: url(/images/dmicon4b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.devicemenu a.dm4.selected {
  background-image: url(/images/dmicon4w.png);
}
.devicemenu a.dm5 {
  background-image: url(/images/dmicon5b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.devicemenu a.dm5.selected {
  background-image: url(/images/dmicon5w.png);
}
.devicemenu a.dm6 {
  background-image: url(/images/dmicon6b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.devicemenu a.dm6.selected {
  background-image: url(/images/dmicon6w.png);
}

.devicemenu a.dm7 {
	background-image: url(/images/dmicon7b.png);
	background-position: 8px 8px;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

.devicemenu a.dm7.selected {
	background-image: url(/images/dmicon7w.png);
}

.devicemenu a.dm8 {
  background-image: url(/images/dmicon8b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.devicemenu a.dm8.selected {
  background-image: url(/images/dmicon8w.png);
}

.profileoptionbuttons a img,
.deviceoptionbuttons a img,
.projectoptionbuttons a img {
  margin-right: 7px;
}

.profilemenu a.om1 {
  background-image: url(/images/omicon1b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.profilemenu a.om1.selected {
  background-image: url(/images/omicon1w.png);
}

.profilemenu a.om2 {
  background-image: url(/images/omicon2b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.profilemenu a.om2.selected {
  background-image: url(/images/omicon2w.png);
}

.profilemenu a.om3 {
  background-image: url(/images/omicon3b.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.profilemenu a.om3.selected {
  background-image: url(/images/omicon3w.png);
}

.profilecontainer {
  margin-left: 210px;
}

.profilecontainer.mini {
  margin-left: 20px;
}

.mpuf {position: fixed; z-index: 1000000; left: 50%; top: 50%; width: 600px; margin-left: -300px; height: 300px; margin-top:-150px; background-color: white; border: 1px solid #10afed; border-radius: 4px; padding: 10px; display: none;}
.audioclip tr td img {width: 26px; height:26px; margin-top:5px;}
table.audioclip tr:nth-child(even) { background-color: #f4f4f4; }
table.audioclip tr:nth-last-child(1) { background-color: #fff; }
table.audioclip { padding: 0px;border-spacing: 0px; width: 750px;}
table.audioclip tr td {color: black; text-align: left; font: normal 12px 'Open Sans'; height: 36px; line-height: 36px; padding-left: 5px; }
.mpufclosebutton { float: right; margin-top: -20px; }
.mpufclosebutton img { width: 26px; height: 26px;}
.audioclip_footer {position: absolute; bottom: 0; margin-bottom: 15px;}
textarea.tts {width: 280px; height: 75px; border: 1px solid lightgray; background: transparent; border-radius: 3px; margin-left: 4px; margin-right: 4px;}
span.mp3name { display: block; }
span.mp3name span { width: 133px; height: 36px; display: inline-block; line-height: 36px; }
span.mp3name input { width: 280px; height: 26px; border: 1px solid lightgray; background: transparent; border-radius: 3px; }
.nwinputtxt,
table.audioclip input { width: 280px; height: 26px; border: 1px solid lightgray; background: transparent; border-radius: 3px; }
table.audioclip input[type='number'] { width: 40px; }

.progress { width: 100%; display: inline-block; border-radius: 4px; background-color: #fff;
  border: 1px solid #666; height: 20px; margin-bottom: 25px !important;} .progress div { height: 100%; border-radius: 4px 0px 0px 4px; background-color: #ccc; } .progress span { position: absolute; z-index: 110; width: 550px; height: 20px; display: block; text-align: center; color: #222;  }

.register-container input[type='submit'],
.register-container button {
  letter-spacing: 1px;
  border-radius: 3px;
  border: 0px;
  background-color: #00afed;
  margin-top: 10px;
  padding: 5px 22px 5px 22px;
  margin-left: 4px !important;
  margin-right: 4px !important;
  font: normal 12px initial;
  color: white;
  height: 33px;
}
.register-container input[type='submit']:hover,
.register-container button:hover {
  text-decoration: underline;
}

.device_warning,
.device_warning a,
.device_warning span,
.project_warning,
.project_warning a,
.project_warning span {
  display: inline-block;
  float:right;
  font-style: normal !important;
  font-weight: 600 !important;
  vertical-align: top;
}

.device_warning,
.device_warning a,
.device_warning span {
  margin-right: 20px;
}

.device_warning::before,
.project_warning::before {
  content: ' ';
  width: 50px;
  height: 30px;
  margin-top: -7px;
  display: inline-block;
  background-image: url(/images/WarningB.gif);
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
}

h3.projectchanged::before {
  content: ' ';
  width: 50px;
  height: 30px;
  margin-top: -7px;
  display: block;
  position:absolute;
  margin-left: -55px;
  background-image: url(/images/WarningB.gif);
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
}

.helpbutton a {
	letter-spacing: 1px;
	border-radius: 3px;
	background-color: #fff;
	border: 2px solid #00afed;
	padding: 5px 12px 5px 12px;
	font-size: 12px;
	color: #00afed;
}

.helpbutton a:hover {
	text-decoration: none;
	background-color: #00afed;
	color: #fff;
}

.helpbutton.right {
	float: right;
}

.form-popup {
	position:absolute;
	background-color: white;
	top:50%;
	left:50%;
	width:300px;  /* adjust as per your needs */
	height:250px;   /* adjust as per your needs */
	margin-left:-150px;   /* negative half of width above */
	margin-top:-125px;   /* negative half of height above */
	display: none;
	border: 3px solid #f1f1f1;
	z-index: 999;
}
.form-container {
	max-width: 240px;
	padding: 15px;
	background-color: white;
}

.form-container input[type=text], .form-container input[type=password] {
	width: 100%;
	padding: 14px;
	margin: 5px 0 22px 0;
	border: none;
	background: #f1f1f1;
}
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
	background-color: #ddd;
	outline: none;
}
.prlocs_spacer { width: 100%; height: 30px;}
.prlocs_but button, .prlocs_but input { margin-left: 0px; width: 270px; margin-bottom: 10px;}
.nwbutton.prlocs_cancel button { background-color: #aaa; }
	.prlocs_exp { margin-bottom: 10px; font-size: 7pt; padding: 5px; margin-top: -8px;}

.xloc_c { padding-left: 5px; background-color: #fff !important;}
.xloc_c1 {width: 80px; padding-left: 5px;}
.xloc_c2 input[type=text] {width: 300px !important;}
.xloc_c3 {width: 100px;}
.xloc_c4 input {width: 80px !important;}
.xloc_c5 input {width: 80px !important;}
.xloc_c7 {width: 80px; padding-left: 5px;}

.paloc_c { padding-left: 5px; background-color: #fff !important;}
.paloc_c1 {width: 280px; padding-left: 5px;}
.paloc_c2 select {width: 300px !important;}

.profile-bottom-button {
  background-color: #1db0ea;
  border: 0px;
  border-radius: 3px;
  width: auto;
  height: 23px;
  padding: 5px 30px;
  margin-left: 20px;
  color: white;
  text-align: center;
	display: inline-block;
	line-height:23px;
	width: 120px;
}


A.profile-bottom-button:link, A.profile-bottom-button:visited, A.profile-bottom-button:active,
.profile-bottom-button:hover {
  /*text-decoration: none;
  background-color: black;*/
  color: white;
}

.profile-bottom-button-first {
  margin-left: 0px;
}

.ltselect { width: 240px; margin-top: 5px; margin-bottom: 30px;}

input[type=button].base-bottom-button,
input[type=submit].base-bottom-button {
  background-color: #1db0ea;
  border: 0px;
  border-radius: 3px;
  width: auto;
  height: 33px;
  padding: 5px 30px;
  margin-left: 20px;
  color: white;
  text-align: center;
	display: inline-block;
	line-height:23px;
}

a.base-bottom-button {
  background-color: #1db0ea;
  border: 0px;
  border-radius: 3px;
  width: auto;
  height: 23px;
  padding: 5px 30px;
  margin-left: 20px;
  color: white;
  text-align: center;
	display: inline-block;
	line-height:23px;
	width: 120px;
}

a.base-bottom-button:link, A.base-bottom-button:visited, A.base-bottom-button:active,
.base-bottom-button:hover {
  /*text-decoration: none;
  background-color: black;*/
  color: white;
}