@charset "UTF-8"; 

body{
  background-color: rgb(79, 79, 79);
  height: 100%;
  margin: 0;
  padding: 0;
  background: url('/s/bin-images/v04/ux/branding-fixed-background.png') fixed no-repeat 104% 106%; 
  font-family:arial;
  font-size:11pt;
}

.ui-tooltip, .arrow:after {background: black;  border: 2px solid white;}
.ui-tooltip {
  padding: 10px 20px;
  color: white;
  font: bold 14px "Helvetica Neue", Sans-Serif;
  text-transform: uppercase;
  box-shadow: 0 0 7px black;
}

.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}

.arrow.top {top: -16px;  bottom: auto;}
.arrow.left {left: 20%;}
.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow.top:after { bottom: -20px; top: auto;}

::-ms-reveal {
 display:none !important;
}

.hideShowPassword-toggle {
background-image: url('/wink.svg');
background-position: 0 center;
background-repeat: no-repeat;
cursor: pointer;
height: 100%;
overflow: hidden;
text-indent: -9999em;
width: 44px;
}

.hideShowPassword-toggle-hide {
background-position: -44px center;
}

#lowerright{
  text-align:right;
  white-space:nowrap;
}

hr.dashed {
  height:1px;
  border: 0;
  border-bottom: 1px solid #000;
}

.styled-select {
  background: transparent;
  width: 270px !important;
  height: 34px;
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 34px;
  -webkit-appearance: none;
  overflow:hidden;
  background-color: #fff;
  border: 1px solid #d4dfe2;
}

#splash_container_master{
  margin:100px auto;
  width:450px;
}

#splash_container{
  background-color:#fff;
  padding:15px;
  border-top:solid 1px #EFEFEF;
  border-left:solid 1px #EFEFEF;
  border-bottom:outset 1px black;
  border-right:outset 1px black;
}

input[type=text], input[type=password], textarea {    
    padding: 9px;   
    border: solid 1px #E5E5E5;   
    outline: 0;   
    font: normal 13px/100% arial;   
    width: 200px;   
    background: #FFFFFF url('/s/bin-images/bg_form.png') left top repeat-x;   
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));   
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);   
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;   
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;   
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;   
}   
  
textarea {    
    width: 400px;   
    max-width: 400px;   
    height: 150px;   
    line-height: 150%;   
}   

input:hover, textarea:hover,   
input:focus, textarea:focus {    
    border-color: #C9C9C9;    
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;   
}   
  
.form label {    
    margin-left: 10px;    
    color: #999999;    
}   
  
.submit input {   
    width: auto;   
    padding: 9px 15px;   
    background-color: rgb(27, 137, 155);   
    border: 0;   
    font-size: 14px;   
    color: #FFFFFF;   
    -moz-border-radius: 5px;   
    -webkit-border-radius: 5px;   
}  

#suitecx_message_container{
  display:none;
  border-bottom:solid 2px rgb(27, 137, 155);
  text-align:center;
  font-weight: 300;
  width:410px;
  margin:0 auto;
}

.cx_failure{
  position:absolute;
  top:0px;
  background-color: pink;
  padding:10px;
  width:410px;
  margin:0 auto;
}

.cx_success{
  position:absolute;
  top:0px;
  background-color: white;
  padding:10px;
  width:410px;
  margin:0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: black;
  background: none;
  font-weight: normal;
  margin: 0;
  padding-top: .5em;
  padding-bottom: .17em;
  border-bottom: 1px solid #aaa;
  width: auto;
}
h1 { font-size: 188%; color:#617798; }
h1 .editsection { font-size: 53%; }
h2 { font-size: 150%; }
h2 .editsection { font-size: 67%; }
h3,
h4,
h5,
h6 {
  border-bottom: none;
  font-weight: bold;
}
h3 { font-size: 132%; }
h3 .editsection { font-size: 76%; font-weight: normal; }
h4 { font-size: 116%; }
h4 .editsection { font-size: 86%; font-weight: normal; }
h5 { font-size: 100%; }
h5 .editsection { font-weight: normal; }
h6 { font-size: 80%;  }
h6 .editsection { font-size: 125%; font-weight: normal; }
fieldset {
  border: 1px solid #2f6fab;
  margin: 1em 0 1em 0;
  padding: 0 1em 1em;
  line-height: 1.5em;
}
  fieldset.nested {
    margin: 0 0 0.5em 0;
    padding: 0 0.5em 0.5em;
  }
legend {
  padding: .5em;
  font-size: 95%;
}
form {
  border: none;
  margin: 0;
}
textarea {
  width: 100%;
  padding: .1em;
}
select {
  vertical-align: top;
}

p {
  margin: .4em 0 .5em 0;
  line-height: 1.5em;
}
  p img {
    margin: 0;
  }
abbr,
acronym,
.explain {
  border-bottom: 1px dotted black;
  color: black;
  background: none;
  cursor: help;
}
q {
  font-family: Times, "Times New Roman", serif;
  font-style: italic;
}

pre, code, tt {
  /*
   * It's important for this rule to first reference an actual font name, some browsers will render the monospace text
   * too small otherwise, namely Firefox, Chrome and Safari
   */
  font-family: monospace, "Courier New";
}
code {
  background-color: #f9f9f9;
}
pre {
  padding: 1em;
  border: 1px dashed #2f6fab;
  color: black;
  background-color: #f9f9f9;
  line-height: 1.1em;
}
ul {
  line-height: 1.5em;
  list-style-type: square;
  margin: .3em 0 0 1.5em;
  padding: 0;
  list-style-image: url(/images/bullet-icon.png);
}
ol {
  line-height: 1.5em;
  margin: .3em 0 0 3.2em;
  padding: 0;
  list-style-image: none;
}
li {
  margin-bottom: .1em;
}
dt {
  font-weight: bold;
  margin-bottom: .1em;
}
dl {
  margin-top: .2em;
  margin-bottom: .5em;
}
dd {
  line-height: 1.5em;
  margin-left: 2em;
  margin-bottom: .1em;
}
a {
  text-decoration: none;
  color: #0645ad;
  background: none;
}
a:visited {
  color: #0b0080;
}
a:active {
  color: #faa700;
}
a:hover {
  text-decoration: underline;
}