/*****************************************************************/
/* General HTML objects                                          */
/*****************************************************************/

/* disables orange/blue highlighting on android */
* 
{
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
} 

body 
{
   background-color: #000000;
   height: 100%;
   width: 100%;
   margin: 0px;
   border: 0px solid;
   padding: 0px;
   overflow: hidden;
   position: absolute;
   overflow: hidden;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 30px;
   color: white;
}

::-webkit-scrollbar 
{
   width: 15px;
}
 
::-webkit-scrollbar-track 
{
   -webkit-box-shadow: inset 0 0 6px  rgba(0,0,0,0.3); 
   border-radius: 10px;
}
 
::-webkit-scrollbar-thumb 
{
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
   background-color: #222;
   min-height: 50px;
}

/* fixes retina images on ios (filters make them blurry otherwise)*/
img
{
  -webkit-transform: translateZ(0); 
}

input 
{
   -webkit-user-select: text;
   -webkit-user-select: auto !important;
   font-size: 100%;
   height: 45px;
   border: 2px solid #222;
   box-sizing: border-box;
   text-indent: 2px;
}

input:disabled
{
   background: #707070;
   color: #ccc;
}

* 
{
   -webkit-user-select: none;  /* prevent copy paste for all elements */
} 

textarea
{
   -webkit-user-select: text;
   font-size: 90%;
}

select
{
  -webkit-appearance: none;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url(../../images/arrow-down.png), 
  -webkit-gradient(linear, 34% 96%, 34% 0%, from(#2C2A2A), to(#2C2A2A), color-stop(.2,#676565));
  background-position: center right;
  background-repeat: no-repeat;
  border: 2px solid #666;
  color: #fff;
  font-size: 60%;
  margin: 0;
  overflow: hidden;
  padding: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 15px;
  height: 40px;
}

option
{
   color: black;
}

.ui-widget
{
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 20px;
}

.ui-dialog-titlebar-close
{
   min-width: 0px;
   min-height: 0px;
   overflow: hidden;
}


input, textarea, button {
   border-radius:5px;
   -webkit-background-clip: padding-box !important; 
   -moz-background-clip:    padding !important; 
   background-clip:         padding-box !important;
}
button:focus {outline:0 !important;}

.fusion-menu-box:active, 
.fusion-toolbar-item:active, 
.fusion-menu-item:active, 
.fusion-toolbar-menu-item:active {
   background-color: #222;
}


.fusion-select
{
   -webkit-appearance: none;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(../../images/arrow-down.png), 
   -webkit-gradient(linear, 34% 96%, 34% 0%, from(#2C2A2A), to(#2C2A2A), color-stop(.2,#676565));
   background-position: center right;
   background-repeat: no-repeat;
   border: 2px solid #666;
   color: #fff;
   font-size: 80%;
   margin: 0;
   overflow: hidden;
   padding: 4px;
   padding-top: 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   border-radius: 15px;
   height: 30px;
   text-align: left;
   box-sizing: border-box;
}

.fusion-select-option
{
   height: auto;
   padding: 10px;
   color: white;
   border-bottom: 1px solid #222;
   overflow: auto;
   white-space: normal;
   word-wrap: break-word;
   word-break: break-all;
}

select 
{
	-webkit-appearance: none;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: url("images/arrow-down.png"), -webkit-gradient(linear, 34% 96%, 34% 0%, from(#2C2A2A), to(#2C2A2A), color-stop(.2,#2C2A2A));
	background-position: center right;
	background-repeat: no-repeat;
	border: 2px solid #333;
	color: #fff;
	font-size: 60%;
	margin: 0;
	overflow: hidden;
	padding: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 3px;
	height: 41px;
}


.fusion-select {
   -webkit-appearance: none;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url("images/arrow-down.png"), -webkit-gradient(linear, 34% 96%, 34% 0%, from(#2C2A2A), to(#2C2A2A), color-stop(.2,#2C2A2A));
   background-position: center right;
   background-repeat: no-repeat;
   border: 2px solid #333;
   color: #fff;
   font-size: 60%;
   margin: 0;
   overflow: hidden;
   padding: 5px;
   padding-top: 11px;
   text-overflow: ellipsis;
   white-space: nowrap;
   border-radius: 3px;
   height: 41px;
}
.fusion-select:active {
   background-image: url("images/arrow-down.png"), -webkit-gradient(linear, 34% 96%, 34% 0%, from(#645D5D), to(#2C2A2A), color-stop(.2,#707070));
}

button 
{
  border: 1px solid #111 /*{a-bup-border}*/;
  background:       #333 /*{a-bup-background-color}*/;
  color:          #fff /*{a-bup-color}*/;
  text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
  background-image: -webkit-gradient(linear, left top, left bottom, from( #444444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */
  background-image:     -ms-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */
  background-image:      -o-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */
  background-image:         linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/);
  font-size: 85%;
  padding: 0.5em 10px;
  min-width: .75em;
  display: block;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  zoom: 1;
  border-radius: 20px;
  min-height: 45px;
}

button span 
{
    background: none;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

button:active 
{
    background: -webkit-gradient(linear, 34% 96%, 34% 0%, from(#2C2A2A), to(#2C2A2A), color-stop(.2,#676565));
}

button:active span 
{
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}

button[disabled]:active, button[disabled]
{
   background: -webkit-gradient(linear, 34% 76%, 34% 0%, from(#333), to(#333), color-stop(.7, #555));
   color: grey;
}

/*****************************************************************/
/* Layout Objects                                                */
/*****************************************************************/

#mainpage
{
   width: 100%;
   height: 100%;
}

#fusion-mainpage-container
{
   position: absolute;
}

#fusion-background-div
{
   position: absolute;
   top: 0px;
   left: 0px;
   overflow: hidden;
   background: black url('../../images/background.png');
   background-size: cover;
   background-position: center;
   -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
   -webkit-backface-visibility: hidden;
}

#fusion-banner
{
   max-height: 85px;
   height: 10%;
   width: 100%;
   background-color: black;
   position: absolute;
   overflow: hidden;
   border-bottom: 1px solid #a6a416;
}

#fusion-banner-left
{
   float: left;
   background-repeat: no-repeat;
   width: auto;
   height: 100%;
   margin-top: auto;
   margin-bottom: auto;
   width: 30%;
   min-width: 120px;
}

#fusion-banner-left-image
{
   height: 100%;
   background-size: contain;
   background-position: left center;
   background-repeat: no-repeat;
}

#fusion-banner-right
{
   float: right; 
   background-repeat: no-repeat;
   width: auto;
   height: 100%;
   margin-top: auto;
   margin-bottom: auto;
   width: 30%;
   min-width: 120px;
}

#fusion-banner-right-image
{
   height: 100%;
   background-size: contain;
   background-position: right center;
   background-repeat: no-repeat;
}

#fusion-toolbar
{
   height: 60px;
   width: 100%;
   background-color: #414141;
   border-bottom: 1px solid #a6a416;
   position: absolute;
   font-size: 70%;
   overflow: hidden;
   white-space: nowrap;
}

.fusion-toolbar-item
{
   float: left;
   width: 20%;
   height: 100%;
   text-align:center;
}

.fusion-toolbar-overlay
{
   position: absolute;
   left: 0px; 
   width: 100%;
   z-index: 1;
   background-color: black;
   opacity: 0.5;
}

.fusion-toolbar-icon
{
   width: 32px;
   height: 32px;
   margin-top: 5px;
   -webkit-transform: translateZ(0); 
}

.fusion-toolbar-label
{
   font-size: 90%;
   color: white;
}

.fusion-toolbar-seperator
{
   width: 1px;
   border: none;
   border-left: 1px solid #616161;
   height: 100%;
}

.fusion-toolbar-menu
{
   width: 70%;
   margin: auto;
   background-color: #414141;
   max-width: 300px;
   border: 1px solid #616161;
   overflow: hidden;
}

.fusion-toolbar-menu-item
{
   height: auto;
   overflow: auto;
}

.fusion-toolbar-item-disabled
{
   -webkit-filter: grayscale(100%);
   opacity: 0.5;
}

.fusion-toolbar-menu-div
{
   width: 30%;
   text-align: center;
   float: left;
}

.fusion-toolbar-menu-icon
{
   width: 32px;
   height: 32px;
   margin-top: 8px;
}

.fusion-toolbar-menu-label
{
   width: 70%;
   float: left;
   margin-top: 8px;
   height: 44px;
}

.fusion-toolbar-menu-separator
{
   height: 1px;
   border: none;
   border-bottom: 1px solid #616161;
   width: 100%;
   clear: both;
}

.fusion-toolbar-title
{
   float: left;
   margin: 15px;
   font-size: 112%;
   color: #dddb39;
}

#fusion-tabbar
{
   height: 40px;
   width: 100%;
   background-color: #414141;
   border-bottom: 1px solid #a6a416;
   position: absolute;
   xxfont-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 70%;
   overflow: hidden;
   white-space: nowrap;
}

.fusion-tabbar-item
{
   width: 120px;
   margin: 0px;
   margin-left: 10px;
   margin-right: 10px;
   border: 0px;
   border-bottom: 3px solid #414141;
   padding-top: 10px;
   height: 24px;
   text-align: center;
}

.fusion-tabbar-item-selected
{
   border-bottom: 3px solid #dddb39;
}

.fusion-tabbar-seperator
{
   width: 1px;
   border: none;
   border-left: 1px solid #616161;
   height: 20px;
   margin-top: 10px;
}

#fusion-statusbar
{
   height: 20px;
   background-color: #414141;
   border-top: 1px solid #a6a416;
   font-size: 70%;
   position: absolute;
   overflow: hidden;
   white-space: nowrap;
   text-align: center;
   float: left;
   z-index: 10;
}

#fusion-statusbar-text
{
   float: left;
   width: 48%;
   text-align: center;
}

#fusion-network
{
   float: left;
   width: 25%;
   display: none;
}

.fusion-network-icon
{
  height: 20px;
  width: 20px;
  float: left;
}

.fusion-network-status
{
  float: left;
  margin-left: 2px;
  margin-top: 1px;
}

#fusion-username
{
   float: right;
   display: none;
   margin-right: 5px;
   width: 25%;
   margin-top: 1px;
   text-align: right;
}

#fusion-errorbar
{
   height: 26px;
   background-color: #500;
   border-top: 1px solid #f00;
   font-size: 55%;
   position: absolute;
   overflow: hidden;
   white-space: nowrap;
   text-align: center;
   padding: 3px;
   z-index: 10;
}

#fusion-messagebar
{
   height: 26px;
   background-color: #222;
   border-top: 1px solid #666;
   font-size: 55%;
   position: absolute;
   overflow: hidden;
   white-space: nowrap;
   text-align: center;
   padding: 3px;
   z-index: 10;
}

#fusion-wrapper
{
   position: absolute;
   height:200px;
   width: 100%;
   display: none;
}

.fusion-blocker
{
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 99;
   position: absolute;
}

.fusion-blocker-panel
{
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0;
   z-index: 99;
   position: absolute;
   top: 0px;
}

.fusion-blocker-message
{
   position: relative;
   opacity: 1;
   background: black;
   width: 80%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
   border: 1px solid silver;
   padding: 50px 20px 50px 20px;
   z-index: 99;
   text-align: center;
}

.fusion-popup
{
   top: 0px;
   position: absolute;
   width: 100%;
   height: 100%;  
   z-index: 100;
   background-color: rgba(0, 0, 0, 0.7);
}

.fusion-popup-title
{
   width: 100%;
   height: 38px;
   background: #444;
   text-indent: 5px;
}

.fusion-popup-logo
{
   width: 32px;
   height: 32px;
   margin-top: 3px;
   margin-left: 5px;
   float: left;
}

.fusion-popup-title-label
{
   float: left;
   font-size: 80%;
   margin-top: 3px;
   margin-left: 5px;
}

.fusion-popup-close
{
   float: right;
   text-decoration: none;
   color: white;
   padding-right: 5px;
   cursor: pointer;
   line-height: 0.9;
   width: 45px;
   height: 100%;
   text-align: right;
}

.fusion-popup-box
{
   top: 0px; 
   left: 0px; 
   /*position: absolute;*/
}

.fusion-popup-content
{
   width: 100%;
   height: 100%;
   overflow: hidden;
}

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

.fusion-time-inline[disabled]
{
   background-color: white;
   opacity: 1;
   color: black;
}

.fusion-time-small
{
   width: 70px;
   height: 50px;
   padding: 0em;
}

.fusion-time-large
{
   width: 80px;
   height: 50px;
}

.fusion-time-input
{
   width: 66px;
   color: black;
   padding: 0px;
   margin: 0px;
   margin-top: 5px;
   margin-bottom: 5px;
   text-align: center;
}

.fusion-time-input-large
{
   width: 80px;
   color: black;
   padding: 0px;
   margin: 0px;
   margin-top: 5px;
   margin-bottom: 5px;
   text-align: center;
}

.fusion-time-top-margin
{
}

.fusion-time-gap
{
   display: inline-block; 
   width: 35px;
}

.fusion-signature
{
   background-image: url('../../images/paper.png');
}

.fusion-numeric-div
{
   background-color: white;
   color: black;
   padding-top: 5px;
   height: 28px;
   text-align: center;
}

.fusion-numeric-disabled-div
{
   color: gray;
}

/*****************************************************************/
/* Fusion Styles                                                 */
/*****************************************************************/

.fusion-box 
{
   background: black; 
   border: 1px solid #6a6a6a; 
   -webkit-user-select: none;  /* prevent copy paste for all elements */  
   overflow: hidden;
}

.fusion-button
{
   width: 120px;
   margin-top: 20px;
   display: inline-block;
}

.fusion-halfbutton-left
{
   border-radius: 20px 0px 0px 20px ;
   border-right: 1px solid transparent;
   display: inline;
   color: #333;
   width: 50%;
   box-sizing: border-box;
}

.fusion-halfbutton-right
{
  border-radius: 0px 20px 20px 0px; 
  border-left: 1px solid transparent;
  display: inline;
  width: 50%;
  box-sizing: border-box;
}

.fusion-heading
{
   color: white;
   font-size: 120%;
   -webkit-user-select: none;  /* prevent copy paste for all elements */
}

.fusion-large-label
{
   color: white;
   font-size: 100%;
   -webkit-user-select: none;  /* prevent copy paste for all elements */
}

.fusion-small-label
{
   color: white;
   font-size: 60%;
   -webkit-user-select: none;  /* prevent copy paste for all elements */
}

.fusion-menu
{
  width: 100%; 
  margin-top: 20px; 
  margin-bottom: 20px;
}

.fusion-menu-heading
{
  width: 80%;
  max-width: 900px;
  margin: auto;
  text-align: center;
  margin-bottom: 20px;
}

.fusion-menu-item
{
   margin: auto; 
   margin-bottom: 15px; 
   margin-top: 15px;
   left: 0px; 
   width: 80%; 
   max-width: 900px; 
   overflow: hidden;
   white-space: nowrap;
}

.fusion-menu-box
{
   margin: 2%;
   width: 100%;
   table-layout: fixed;
}

.fusion-menu-icon
{
  padding: 10px;
}

.fusion-menu-icon img
{
}

.fusion-menu-label
{
  padding: 10px;
  white-space: normal;
}

.fusion-menu-info
{
  white-space: normal;
}

.fusion-menu-info-item
{
  font-size: 60%;
  float: left;
  overflow: hidden;
  white-space: nowrap;
}

.fusion-error
{
  height: 100%;
  background-color: #500;
}

/*****************************************************************/
/* Fusion System Pages                                           */
/*****************************************************************/

.fusion-login-background
{
   margin-left: auto;
   margin-right: auto;
   max-width: 280px;
   width: 80%;
   opacity: 0.5; 
   margin-top: 20px;
}

.fusion-login-panel
{
   margin-left: auto;
   margin-right: auto;
   display: block;
   margin-top: 20px;
   border: 1px solid #6a6a6a;
   max-width: 280px;
   width: 80%;
   padding-top: 20px;
   padding-bottom: 20px;
   background-color: rgba(0, 0, 0, 0.7);
}

.fusion-login-div
{
   margin-left: auto;
   margin-right: auto;
   display: block;
   width: 100%;
   overflow: auto;
}

.fusion-login-element
{
   width: 90%;
   margin: auto;
   display: block;
}

.fusion-login-button
{
   float: left;
   max-width: 130px;
   width: 45%;
}

#fusion-settings-div
{
   display: block;
   padding: 20px;
   margin: auto;
   max-width: 300px;
   margin-top: 20px;
   margin-bottom: 20px;
   width: 80%;
}

#fusion-settings-submit
{
   float: right;
}

#fusion-version
{
   font-size: 60%;
   color: white;
   float: right;
}

.fusion-offline
{
  border: 1px solid '#500';
}

.fusion-menu-heading
{
  font-size: 80%;
  color: white;
  font-weight: bold;
}

.fusion-heading
{
   color: #dddb39;
}

@media (max-device-width : 320px) {
   .fusion-menu-icon {
      padding: 5px;
   }
   #nonconfhelptip {
      margin: 0px;
      margin-left: 10px;
      margin-right: 10px;
      margin-top: 10px;
   }
}