body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote, th, td { 
    margin: 0;
    padding: 0;
}
@font-face {
font-family: museo-sans;
src: url("MuseoSans-300.otf") format("opentype");
}
@font-face {
font-family: mifontcustom;
src: url("mifontcustom.ttf") format("opentype");
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img { 
    border: none;
}
ol, ul {
    list-style: none;
}
caption, th {
    text-align: left;
    font-style: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
body   
{
    background-color: #ffffff;
    margin: 0;
    font-size: 12pt;
    font-family: museo-sans,Arial, Helvetica, sans-serif;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

#global {
	margin-left: auto;
  	margin-right: auto;
}

.top {
	height: 84px;
	background-color:#15325F;
	background-image:url('../images/MitelLogo-173X84.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: 0px 0px;
}

.toptitle {
	padding-top: 35px;
	padding-left:202px;
	display: inline-block;
	/*width: 700px;*/
	height: 84px;
	text-align:left;
	color:white;
	font-size: 16pt;
	font-family: museo-sans,Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-image:url('../images/LogoDivider-1X28.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: 178px 28px;
}

.main {
	width: 1144px;
}

.main_mini {
	width: 470px;
	padding-top: 28px;
	margin-left: 45px;
	float:left;
	display: inline-block;
}

.mainmid_mini {
	border-style: solid;
    border-width: 1px;
	border-color: #D8D8D8;
	background-color: #15325F;
}

.mainmid_mini_login {
	border-style: solid;
    border-width: 1px;
	border-color: #D8D8D8;
}

input
{
	font-family: museo-sans,Arial, Helvetica, sans-serif;
	font-size: 12pt;
	margin-left:20px;
}

input[type=submit]
{
	border: #00A1E0 1px solid;
    background-color: #00A1E0;
	color:white;
	border-width: 1px;
    border-radius: 4px;
	width: 100px;
	height: 28px;
	cursor:pointer;
}

input[type=text], input[type=password]
{
	color:#808184;
	background-color:#E6E7E8;
	border:none;
}
input[type=text]:hover, input[type=password]:hover
{
	color:#00A1e0;
	background-color:#E6E7E8;
	border:none;
}
input[type=text]:active, input[type=password]:active
{
	color:#808184;
	background-color:#FFFFFF;
	border:1px solid #808184;
	outline: none;
}
input[type=text]:focus, input[type=password]:focus
{
	color:#808184;
	background-color:#FFFFFF;
	border:1px solid #808184;
	outline: none;
}
input[type=text]:disabled , input[type=password]:disabled
{
	color:#CCCDCE;
	background-color:#FFFFFF;
	border:1px solid #808184;
	outline: none;
}

/***************** WebRTC **************/
#photoldap {
position: absolute;
z-index: 1;
text-align: center;
margin-left: -50px;
min-width: 50px;
top: 300px;
display: none;
}

.usermiddle {
width: 28px;
display: inline-block;
}

.webcam {
  position: absolute;
  width: 400px;
  height: 300px;
  padding: 6px;
  border: 1px solid #D8D8D8;
  display: inline-block;
}

.webcam video#remoteView {
  width: 400px;
  height: 300px;
  background-color: #FFFFFF;
  display: inline-block;
}

.webcam video#selfView {
  position: absolute;
  bottom: 6px;
  left: 6px;
  width: 133px;
  height: 100px;
  background-color: #111;
  border-top: 2px solid #CCC;
  border-right: 2px solid #CCC;
  display: inline-block;
}

div#overlay {
font-weight: bold;
opacity: 0.9;
position: absolute;
z-index: 1;
text-align: center;
margin: 20%;
color: #FFF;
top: 190px;
right: -60px;
}

.userpanel {
width: 500px;
display: inline-block;
float: left;
}

.remotepanel {
width: 400px;
display: inline-block;
padding-top: 28px;
}

div#usercontrol{
padding: 19px;
text-align: center;
}

div#userlogin {
margin-left: 20px;
padding-top: 35px;
color:white;
display:inline-block;
width: 400px;
float:right;
/*margin-right: 300px;*/
}

div#remoteinfos {
text-align: center;
display: inline-block;
}

.content-box-more-height  .inner{
    height: 380px;
}

.button-user-input{
	cursor:pointer; 
	outline:none;
	border: none;
	background-color: Transparent;
	font-family: mifontcustom;
	font-size:24px;
	color:white;
}

.button-user-input-active{
	cursor:pointer; 
	outline:none;
	border: none;
	background-color: Transparent;
	font-family: mifontcustom;
	font-size:24px;
	color:#00A1F4;
}

.button-user-standard{
	cursor:pointer; 
	outline:none;
	border: none;
	background-color: Transparent;
	font-family: museo-sans,Arial, Helvetica, sans-serif;
	font-size:24px;
	color:white;
}

.button-user-standard-active{
	cursor:pointer; 
	outline:none;
	border: none;
	background-color: Transparent;
	font-family: museo-sans,Arial, Helvetica, sans-serif;
	font-size:24px;
	color: green;
}

.button-user-standard-blink{
	cursor:pointer; 
	border: none;
	background-color: Transparent;
	font-family: museo-sans,Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: bold;
	/*font-size:150%;*/
	font-size:24px;
	color: green;
	text-shadow: 0 1px 0 #15F041;
	box-shadow:0px 0px 10px #4183C4;
	-webkit-animation-name: blinkbutton;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name: blinkbutton;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count:infinite;
	animation-name: blinkbutton;
	animation-duration: 1s;
	animation-iteration-count:infinite;
}

/*.green-button {
	color: green;
}

.green-button {		
	color: graytext;
} */
#startCallBtn { 
	background-color: #3FAC49;
	color:white;
	width: 50px;
	border-width: 1px;
    border-radius: 4px;
	box-shadow: 0px 2px 0px 0px #399041;
}
#endCallBtn { 
	background-color: #ED1C24;
	color:white;
	width: 50px;
	border-width: 1px;
    border-radius: 4px;
	box-shadow: 0px 2px 0px 0px #C51D23;
}

.button-user-input-blink{
	cursor:pointer; 
	border: none;
	background-color: Transparent;
	font-family: mifontcustom;
	font-size:24px;
	font-weight: bold;
	font-size:150%;
	text-shadow: 0 1px 0 #15F041;
	box-shadow:0px 0px 10px #4183C4;
	-webkit-animation-name: blinkbutton;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name: blinkbutton;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count:infinite;
	animation-name: blinkbutton;
	animation-duration: 1s;
	animation-iteration-count:infinite;
}

@-webkit-keyframes blinkbutton {
	0%{box-shadow:0px 0px 10px white;}
	50%{box-shadow:0px 0px 0px white;}
	100%{box-shadow:0px 0px 10px white;}
}

@keyframes blinkbutton {
	0%{box-shadow:0px 0px 10px white;}
	50%{box-shadow:0px 0px 0px white;}
	100%{box-shadow:0px 0px 10px white;}
}

.found-text { 
	font-weight: bold; 
	font-style: italic; 
	color: #00A1F4; 
}

.selected { 
	cursor:pointer; 
	color: #404141;  
	text-decoration:none; 
	background-color: #2ECCFA;
}

.not-selected { 
	cursor:pointer; 
	color: #404141;
}

.not-selected:hover {
	text-decoration:none; 
	background-color: #2ECCFA;
	color: white;
}

.too-many-results {
	color:red;
	font-weight: bold;
}

#results {
	list-style-type: none;
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}

div#keypad {
	display: none;
	margin-bottom: 5px;
	margin-left: 45px;
	padding-top: 25px;
	width: 420px;
}

#keypadtab {
	margin-right: auto;
	margin-left: auto;
}

#keypadtab tr td {
	vertical-align:middle; 
	text-align:center; 
	border:1px solid #000000; 
	font-size:18px; 
	font-weight:bold; 
	width:40px; 
	height:30px; 
	cursor:pointer; 
	color:#00A1E0;
}
#keypadtab tr td:hover {
	background-color:#E5F5FC;
	color:#4CBDE9;
}

#keypadtab tr td:active {
	background-color:#E5F5FC;
	color:#0081B3;
}

#picture {
max-width:100px;
}

.hidden {
display: none;
}

div#comm_elapsed_time {
display: none;
margin-left: 30px;
}

div#txt_info {
color:red;
display: none;
}

label {
display: inline-block;
width: 120px;
text-align: right;
margin-bottom:5px;
}

.mainmid_mini_login label{
	color:black;
}

.mainmid_mini label{
	color:white;
}


button[disabled=disabled], button:disabled {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(100%);
color: graytext;
cursor:default; 
}

#logout {
vertical-align:top;
}

#captchareload {
width:30px;
vertical-align:20px;
}

.username{
width:300px;
text-align: left;
}

#ciphered {
display:none;
}

#onhold {
display:none;
}

#incom {
display:none;
}

#error_msg {
	color:red;
	font-weight: bold;
}