﻿body {
    font-family: Arial;
}

.blueButton {
    cursor: pointer;
    color: #fff !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#078cc5), color-stop(50%,#0574ac), color-stop(100%,#0574ac)); /* Chrome,Safari4+ */
   
    background-position: center 48%;
    background-repeat: no-repeat;
    background: #0574ac; /* Old browsers */
    background: -moz-linear-gradient(top, #078cc5 0%, #0574ac 50%, #0574ac 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#078cc5), color-stop(50%,#0574ac), color-stop(100%,#0574ac)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #078cc5 0%,#0574ac 50%,#0574ac 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #078cc5 0%,#0574ac 50%,#0574ac 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #078cc5 0%,#0574ac 50%,#0574ac 100%); /* IE10+ */
    background: linear-gradient(to bottom, #078cc5 0%,#0574ac 50%,#0574ac 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#078cc5', endColorstr='#0574ac',GradientType=0 ); /* IE6-9 */
    font-size: 19px !important;
    font-family:Omnes ATT W02 Medium;
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-decoration: none;
    border-radius: 10px;
}



    .blueButton:hover {
        color: #fff !important;
        background-position: center 48%;
        background-repeat: no-repeat;
        background-color: #0574ac;
        background: -moz-linear-gradient(top, #0574ac 0%, #0574ac 50%, #078cc5 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0574ac), color-stop(50%,#0574ac), color-stop(100%,#078cc5)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0574ac', endColorstr='#078cc5',GradientType=0 ); /* IE6-9 */
        font-size: 19px !important;
        font-family:Omnes ATT W02 Medium;
        padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        text-decoration: none;
        border-radius: 10px;
    }

    .blueButton:focus {
        -moz-focus-inner: active,focus;
        outline-offset: -4px;
        outline: thin dotted white;
        text-shadow: 1px 1px 2px #0577b2;
        text-decoration: none;
        font-family:Omnes ATT W02 Medium;
    }
/*Disable Buttons*/

input[disabled="disabled"] {
    color: #f6f6f6;
	background: #b3b3b3;

}

#LocationHolder_topNavigator input[disabled="disabled"] {
    color: #ccc;
	background: none;
}
#LocationHolder_bottomNavigator input[disabled="disabled"] {
    color: #ccc;
	background: none;
}

input[disabled="disabled"] :hover{   
	color: #f6f6f6;
	background: #b3b3b3;
}
.disabledButton {
    color: #f6f6f6;
    font-family:Omnes ATT W02 Medium;
    background-position: center 48%;
    background-repeat: no-repeat;
    background: #b3b3b3; /* Old browsers */
    background: -moz-linear-gradient(top, #c8c8c8 0%, #666 50%, #333 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8c8c8), color-stop(50%,#666), color-stop(100%,#333)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c8c8c8 0%,#666 50%,#333 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c8c8c8 0%,#666 50%,#333 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c8c8c8 0%,#666 50%,#333 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c8c8c8 0%,#666 50%,#333 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 2px 2px 2px 2px;
    font-size: 0.875rem;
    font-size: 14px;
    margin: 6px 0;
    max-height: 42px;
    border-width: 0px;
    /*border: none;*/
    background: #b3b3b3;
    padding: 9px 18px 7px;
    border-radius: 10px;
    border-style: none;
    border: 0 none;
    outline: none;
    outline: 1px solid transparent;
}
/*btnContinueEnabled*/
.btnContinueEnabled {
    cursor: pointer;
    color: #fff !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#078cc5), color-stop(50%,#0574ac), color-stop(100%,#0574ac)); /* Chrome,Safari4+ */
    background-position: center 48%;
    background-repeat: no-repeat;
    background: #0574ac; /* Old browsers */
    background: -moz-linear-gradient(top, #078cc5 0%, #0574ac 50%, #0574ac 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#078cc5), color-stop(50%,#0574ac), color-stop(100%,#0574ac)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #078cc5 0%,#0574ac 50%,#0574ac 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #078cc5 0%,#0574ac 50%,#0574ac 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #078cc5 0%,#0574ac 50%,#0574ac 100%); /* IE10+ */
    background: linear-gradient(to bottom, #078cc5 0%,#0574ac 50%,#0574ac 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#078cc5', endColorstr='#0574ac',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 2px 2px 2px 2px;
    font-size: 0.875rem;
    font-size: 14px;
    font-family: Omnes ATT W02 Medium;
    /*margin: 6px 0;*/
    max-height: 42px;
    border-radius: 10px;
    /*padding: 9px 18px 7px;*/
    border-style: none;
}

 .btnContinueEnabled:hover {
    color: #fff !important;
    background-position: center 48%;
    background-repeat: no-repeat;
    background-color: #0574ac;
    background: -moz-linear-gradient(top, #0574ac 0%, #0574ac 50%, #078cc5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0574ac), color-stop(50%,#0574ac), color-stop(100%,#078cc5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0574ac', endColorstr='#078cc5',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 2px 2px 2px 2px;
    font-size: 0.875rem;
    font-size: 14px;
    font-family:Omnes ATT W02 Medium;
    margin: 6px 0;
    max-height: 42px;
    border-radius: 10px;
    text-decoration: none;
    padding: 9px 18px 7px;
}

   .btnContinueEnabled:focus {
    -moz-focus-inner: active,focus;
    outline: thin dotted white;
    outline-offset: -4px;
    text-shadow: 1px 1px 2px #0577b2;
    font-family:Omnes ATT W02 Medium;
}
.btnContinue{
color: #fff !important;
    background-position: center 48%;
    background-repeat: no-repeat;
    background-color: #0574ac;
    background: -moz-linear-gradient(top, #0574ac 0%, #0574ac 50%, #078cc5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0574ac), color-stop(50%,#0574ac), color-stop(100%,#078cc5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0574ac', endColorstr='#078cc5',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 2px 2px 2px 2px;
    font-size: 0.875rem;
    font-size: 14px;
    font-family:Omnes ATT W02 Medium;
    margin: 6px 0;
    max-height: 42px;
    border-radius: 10px;
    text-decoration: none;
    max-width: 100px;
    padding: 9px 18px 7px;
}

.btnContinue:disabled{
color: #f6f6f6;
	background: #b3b3b3;
}
.btnContinue:hover {
    color: #fff !important;
    background-position: center 48%;
    background-repeat: no-repeat;
    background-color: #0574ac;
    background: -moz-linear-gradient(top, #0574ac 0%, #0574ac 50%, #078cc5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0574ac), color-stop(50%,#0574ac), color-stop(100%,#078cc5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0574ac', endColorstr='#078cc5',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 2px 2px 2px 2px;
    font-size: 0.875rem;
    font-size: 14px;
    font-family:Omnes ATT W02 Medium;
    margin: 6px 0;
    max-height: 42px;
    border-radius: 10px;
    text-decoration: none;
    max-width: 100px;
    padding: 9px 18px 7px;
}

.btnContinue:focus {
    -moz-focus-inner: active,focus;
    outline: thin dotted white;
    outline-offset: -4px;
    text-shadow: 1px 1px 2px #0577b2;
    font-family:Omnes ATT W02 Medium;
}

.btnBack {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.01, #ffffff), color-stop(.70, #ececec) );
    background: -moz-linear-gradient( center top, #ffffff 1%, #ececec 70% );
    background-position: center 48%;
    background-repeat: no-repeat;
    background: #0574ac;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec');
   
    background-color: #F8F8F8;
    border: 1px #e2e2e2 solid;
    text-decoration: none;
    cursor: pointer;
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 2px 2px 2px 2px;
    font-size: 0.875rem;
    font-size: 15px;
    font-family:Omnes ATT W02 Medium;
    margin: 3px 0;
    padding: 6px 12px;
    max-height: 42px;
	color:#0574ac;
}

.btnBack:hover {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    color: #2188b0 !important;
    border: 1px #e2e2e2 solid;
    background-position: center 48%;
    background-repeat: no-repeat;
    background: #0574ac;
    background: -webkit-linear-gradient(top, #2188b0 !important 0%,#2188b0 !important 50%,#2188b0 !important 100%); /* Chrome10+,Safari5.1+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2188b0 !important', endColorstr='#2188b0 !important',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

    -o-border-radius: 2px 2px 2px 2px;
    font-size: 0.875rem;
    font-size: 15px;
    font-family:Omnes ATT W02 Medium;
    margin: 3px 0;
    padding: 6px 12px;
    max-height: 42px;
    border-radius: 10px;
    text-decoration: none;
    background-color: #ffffff !important;
    border: 1px #e2e2e2 solid;
    color: #2188b0 !important;
    text-decoration: none;
   
}

.btnBack:focus {
    -moz-focus-inner: active,focus;
    outline: thin dotted #00bfff;
    outline-offset: -4px;
    font-family:Omnes ATT W02 Medium;
}

 

  
  #btnSubmit:hover {
    color: #fff !important;
    background-position: center 48%;
    background-repeat: no-repeat;
    background-color: #0574ac;
    background: -moz-linear-gradient(top, #0574ac 0%, #0574ac 50%, #078cc5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0574ac), color-stop(50%,#0574ac), color-stop(100%,#078cc5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #0574ac 0%,#0574ac 50%,#078cc5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0574ac', endColorstr='#078cc5',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 2px 2px 2px 2px;
    font-size: 0.875rem;
    font-size: 14px;
    font-family:Omnes ATT W02 Medium;
    margin: 6px 0;
    max-height: 42px;
    border-radius: 10px;
    text-decoration: none;
    max-width: 100px;
    padding: 9px 18px 7px;
}
  #btnSubmit:focus {
    -moz-focus-inner: active,focus;
    outline: thin dotted white;
    outline-offset: -4px;
    text-shadow: 1px 1px 2px #0577b2;
    font-family:Omnes ATT W02 Medium;
}
  

input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
button::-moz-focus-inner,
.btnBack::-moz-focus-inner {
border: 0;
}


 /*ToolTip CSS*/

.ValidationToolTip {
 font-family:Omnes_ATT W02 Medium;  
 color: #333333;
 font-size: 14px;  
}



.qrasToolTip{
  background-color: #0574ac;
  border-radius: 5px;
  height: 80px;
  width: 250px;
  position: absolute;
  margin-bottom: 10px;
  top: -19px;
  left: 275px;
  z-index: 9;
  display: none;
}

.qrasToolTip p {
    color: #fff;
  font-size: 11px;
  padding: 10px;
}
.qrasToolTip .arrow-down {
  border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #0574ac;
    bottom: -10px;
    height: 0;
    left: 50%;
    position: absolute;
    width: 0;
}

.Qhelp {
    background:url('Images/ToolTip-Original.png') no-repeat;
    height:20px;
    width:20px;
    background-size: 100%;
}

.Qhelp:hover {
    background:url('Images/ToolTip-Hover.png') no-repeat;
   
}

.linkButton,linkButton:link,linkButton:visited  {
 
    text-decoration: none;
    color: #0574ac;
    position: relative;
    cursor:pointer;
    font-size:16px; 
    font-family:Omnes ATT W02 Regular;
    background-color:transparent;
    padding:0px;
    text-align:left;  
}

.linkButton:hover {
  color: #0574ac;
  text-decoration: underline;
  cursor: pointer;
}

 /*ToolTip for CustomerInfo page - 10/03/2016*/  
 /*ToolTip for All browser show - 10/17/2016*/  
.qrasCustomerInfoToolTip{
  background-color: #0574ac;
  border-radius: 5px;
  height: 86px;
  width: 250px;
  position: absolute;  
  top: 200px;
  left: 110px;
  z-index: 9;
  display: none;  
}

.qrasCustomerInfoToolTip p {
    color: #fff;
  font-size: 11px;  
  padding: 10px; 
}
.qrasCustomerInfoToolTip .arrow-bottom {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #0574ac;
    bottom: -10px;
    height: 0;
    left: 40%;
    position: absolute;
    width: 0;
}
