/* Base has the following all set to the same color */
/* New Branding*/
/*///////////////////////////////
//////      GENERAL        //////
///////////////////////////////*/

button,
textarea,
select,
input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  line-height: 19px;
  height: 30px;
  padding: 3px 3px;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.input-append .add-on,
.input-prepend .add-on {
  height: 30px;
}
.fakeControlClass {
  width: auto;
}
body {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: transparent;
  background-repeat: repeat-x;
}
.fullContainer {
  min-width: 269px;
  padding-left: 0px;
  padding-right: 0px;
}
.clientFooter #footerLinks ul {
  text-align: center;
}
.bottomButtons {
  margin-left: 0px;
  margin-right: 0px;
}
/*////////////////////////////////
//////      LANDING PAGE    //////
////////////////////////////////*/

.fullContainerStep1 #mainPage .leftColumn {
  width: 100%;
}
.fullContainerStep1 .footer .span9 {
  width: 100%;
}
.fullContainerStep1 .clientFooter .span9 {
  width: 100%;
}
.fullContainerStep1 .button-back {
  display: none;
}
/*///////////////////////////////
//////      QUOTE SUMMARY  //////
///////////////////////////////*/

.panelFooter {
  background-color: #00bde5;
  color: white;
}
/*////////////////////////////////
//////      TAB PANE        //////
////////////////////////////////*/

.sidePanel {
  color: #333333;
  background-color: #f7f7f7;
  margin-top: 14px;
  padding-bottom: 0px;
}
.sidePanel .panelHeader {
  font-size: 16px!important;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  font-weight: bold;
  border-bottom: 1px solid #b8b8b8;
  margin-bottom: 0px!important;
  height: 25px;
  line-height: 25px;
  background-color: #00bde5;
}
.sidePanel .panelHeader h2 {
  font-size: 16px;
}
.sidePanel .panelBody {
  background-color: white;
  background-image: -moz-linear-gradient(top, white, #ebeced);
  background-image: -ms-linear-gradient(top, white, #ebeced);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#ebeced));
  background-image: -webkit-linear-gradient(top, white, #ebeced);
  background-image: -o-linear-gradient(top, white, #ebeced);
  background-image: linear-gradient(top, white, #ebeced);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FDFDFD', endColorstr='#EBECED');
  /*For IE7-8-9*/
  height: 1%;
  /*For IE7*/

}
.sidePanel input {
  width: 110px;
}
.sidePanel label {
  color: #333333;
  font-weight: normal;
}
.sidePanel .quoteSummary .row-content {
  font-size: 12px;
}
.sidePanel .sidebarbutton {
  width: 187px !important;
}
.sidePanel fieldset {
  padding: 4px 5px 4px 5px;
}
.sidePanel .nav-tabs > li > a {
  background-color: #0065bd;
  color: #eeeeee;
  border-bottom-color: #0065bd;
}
.sidePanel .nav-tabs > .active > a,
.sidePanel .nav > -tabs > .active > a:hover {
  background-color: white;
  border-color: #0065bd;
  border-bottom-color: white;
  color: #333333;
}
/*////////////////////////////////
//////      QUOTE PLANS     //////
////////////////////////////////*/

.fullContainerStep2 .genericPanel {
  min-width: 300px;
}
.availablePlans {
  border-color: #0065bd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.plan {
  border: 2px solid #e5e5e5;
  margin: 0 .4em 1.5em 0;
  padding: 1em;
  float: left;
  width: 44%;
  min-width: 250px;
  font-size: 13px;
}
.plan span {
  vertical-align: text-bottom;
}
.plan .planName {
  color: #f58227;
  display: block;
  font-weight: bold;
  font-size: 18px;
}
.plan .planDetailPremium {
  display: block;
  font-size: 13px;
  margin-top: 10px;
}
.plan .planDescription {
  display: block;
  font-size: 14px;
  margin-top: 5px;
  font-weight: bold;
}
.plan .plan-message {
  clear: both;
}
.plan .currency {
  font-size: 12px;
  display: inline-block;
}
.plan .price {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}
.descriptionColumn {
  color: #333333;
}
.genericPanel {
  background-color: #f7f7f7;
  margin-bottom: 0px;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FDFDFD', endColorstr='#EBECED');
  /*For IE7-8-9*/

}
.genericPanel .panelHeader {
  font-size: 18px;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  font-weight: bold;
  border-bottom: 1px solid #b8b8b8;
  margin-bottom: 0px!important;
  height: 25px;
  line-height: 25px;
  background-color: #00bde5;
}
.genericPanel .panelBody {
  padding: 10px;
}
.genericPanel .premiumTotal {
  color: #f58227;
}
.planTypeHeader {
  color: white;
  border: 1px solid #eaebff;
  background-color: #0065bd;
}
.planDetail {
  color: white;
  border: 1px solid #eaebff;
  background-color: #0065bd;
  width: 110px!important;
}
.planDetail label {
  color: white;
}
.planDetailNoSplit {
  border-bottom: none;
  border-top: none;
}
.buyNowButton {
  color: white;
  background-color: #0065bd;
  border: none;
}
.coverValue {
  color: #333333;
  background-color: #f1eeee;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
}
.coverValueTitle {
  border-bottom: 1px solid white;
  border-top: 1px solid white;
}
.smallPrint {
  color: #333333;
}
/*/////////////////////////////////////////
//////      BOOTSTRAP CHANGES        //////
/////////////////////////////////////////*/

.button,
.btn-primary,
.button-back {
  padding: 2px 10px 2px;
  background-color: #f58227;
  color: white;
  border: none;
  background-image: none;
  width: auto!important;
  min-height: 30px;
  min-width: 110px;
  font-weight: normal;
  line-height: 28px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.button:hover,
.btn-primary:hover,
.button-back:hover,
.button:active,
.btn-primary:active,
.button-back:active,
.button.active,
.btn-primary.active,
.button-back.active,
.button.disabled,
.btn-primary.disabled,
.button-back.disabled,
.button[disabled],
.btn-primary[disabled],
.button-back[disabled] {
  background-image: none;
  background-color: #f88830;
}
span.button {
  padding-bottom: 0px;
  min-width: inherit;
}
.datepickerButton {
  background-image: linear-gradient(to bottom, #4fc7e8 0%, #1fbbe1 100%);
  background-image: -ms-linear-gradient(top, #4fc7e8 0%, #1fbbe1 100%);
  background-image: -moz-linear-gradient(top, #4fc7e8 0%, #1fbbe1 100%);
  background-image: -o-linear-gradient(top, #4fc7e8 0%, #1fbbe1 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4fc7e8), color-stop(1, #1fbbe1));
  background-image: -webkit-linear-gradient(top, #4fc7e8 0%, #1fbbe1 100%);
  margin-bottom: 9px;
  min-height: 26px;
  min-width: inherit;
  line-height: inherit;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.datepickerButton .icon-calendar {
  vertical-align: middle;
}
.datepickerButton:hover,
.datepickerButton:active,
.datepickerButton.active,
.datepickerButton.disabled,
.datepickerButton[disabled] {
  background-image: -ms-linear-gradient(top, #5fcdea 0%, #38c2db 100%);
  background-image: -moz-linear-gradient(top, #5fcdea 0%, #38c2db 100%);
  background-image: -o-linear-gradient(top, #5fcdea 0%, #38c2db 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5fcdea), color-stop(1, #38c2db));
  background-image: -webkit-linear-gradient(top, #5fcdea 0%, #38c2db 100%);
  background-image: linear-gradient(to bottom, #5fcdea 0%, #38c2db 100%);
  background-position-y: 0;
}
.datepickerButton .fa-calendar {
  margin-top: 5px;
}
a.button-back,
a.button-back:link {
  color: white;
  font-weight: normal;
  padding: 7px 15px 7px;
}
a.button-back:hover,
a.button-back:link:hover {
  text-decoration: none;
}
.datepicker {
  border-radius: 3px 0px 0px 3px !important;
}
/*////////////////////////////
//////      BASE        //////
////////////////////////////*/

.navbar {
  height: 42px;
}
.navbar .container {
  height: 100%;
}
.navbar .container .nav {
  background-color: #83d3ed;
  height: 100%;
  font-size: 15px;
  color: white;
}
.navbar .container .nav .activeStep {
  background-color: #0094ce;
  color: white;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.navbar .container .nav .inactiveStep {
  background-color: #83d3ed;
}
.navbar .container .nav .clickable {
  background-color: #4fc7e8;
}
.navbar .container .nav li {
  padding: 0px;
  height: 100%;
  margin-bottom: 3px;
  max-width: 120px;
  border-right: 1px solid white;
}
.navbar .container .nav li div {
  margin-top: 10px;
}
.titleBody {
  background-color: #0065bd;
}
.textField {
  background-color: #6f8bd3;
}
.panel {
  color: white;
}
#finalQuestions .panelBody {
  padding: 10px 15px 10px 15px;
}
.planHeadings {
  color: #335084;
}
h1 {
  color: white;
}
#breadcrumbs li {
  color: #335084;
}
#standard-spin {
  color: #0065bd;
}
select {
  padding-bottom: 4px;
}
.titlePane {
  color: white;
}
/* Styles for validation helpers
-----------------------------------------------------------*/

INPUT.input-validation-error {
  border: 1px solid firebrick;
}
.field-validation-error {
  color: white;
  background-color: #b94a48;
}
.input-validation-error {
  border: 1px solid firebrick;
}
.validation-summary-errors {
  color: red;
}
.textField {
  color: white;
}
#header .nav a {
  color: #97989a;
}
#header .logo {
  margin-top: 15px;
}
#header .agencyDetails {
  margin-top: 15px;
  margin-right: 30px;
  margin-bottom: 10px;
  text-align: right;
}
#header .agencyDetails .name {
  font-size: 14px;
  margin-bottom: 5px;
}
#header .agencyDetails .address {
  color: gray;
  font-size: 12px;
}
a,
a:link {
  color: #00bde5;
  font-weight: normal;
}
a.btn-primary,
a.btn-primary:link {
  color: white;
}
#lede img {
  border: 2px solid white;
}
.mainContentTop {
  background: transparent url("/Content/jquery.ui/themes/base/images/ANG_mainContentTop.png") no-repeat left top;
  height: 2px;
}
#footerLinks li {
  text-align: left;
  margin-right: 3px;
}
.runOutOfRowsTip {
  color: #cccccc;
}
#contactDetails label {
  width: 50%;
}
#contactDetails .address {
  width: 200px;
}
#contactDetails .suburb {
  width: 200px;
}
#contactDetails .state {
  width: 200px;
}
#contactDetails .postcode {
  width: 200px;
}
#contactDetails .phonenumber {
  width: 200px;
}
#contactDetails .email {
  width: 200px;
}
#contactDetails #country {
  display: innavne-block;
}
#contactDetails .addressSection {
  min-width: 320px;
}
#contactDetails .contactSection {
  min-width: 320px;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 11px;
}
.readonly {
  border: 1px solid lightgray;
  display: inline;
  color: #999999;
  padding: 5px;
  border-radius: 3px;
}
#footerLinks {
  margin-top: 1em;
}
/*////////////////////////////
//////      Traveller  ///////      
////////////////////////////*/

.traveller select,
.traveller input {
  width: 100%;
}
.travellerTable thead th {
  font-weight: bold;
}
.travellerTable th {
  border-top: none;
}
.travellerTable .contact-details th {
  padding-top: 20px;
}
.traveller .header {
  margin-bottom: 20px;
}
.traveller .marginAdjust {
  margin-bottom: -2px;
}
.travellerTitle {
  width: 59px !important;
}
.traveller .detailText {
  padding-top: 0px;
  line-height: 32px;
  margin-bottom: 9px;
}
.traveller .travellerTitleSelect {
  width: 70px;
}
.traveller .travellerDateOfBirth {
  width: 150px;
  padding-left: 10px;
}
.gender input {
  width: 20px;
  vertical-align: top;
  line-height: 0px;
  margin-top: -4px;
}
.gender {
  margin-bottom: 0px;
  height: 18px;
}
label.gender:hover {
  background-color: #dddddd;
  cursor: pointer;
}
.traveller .genderContainer {
  margin-right: 0px !important;
}
.dependentDateOfBirth {
  width: 88px !important;
}
/*////////////////////////////
//////     Payment  ///////      
////////////////////////////*/

.confirmQuestion {
  padding-left: 1em;
  padding-top: 6px;
}
.marginLeft {
  margin-left: 14px;
}
.ccardTextEntry {
  width: 155px;
}
.ccardCCVEntry,
.ccardPromoEntry {
  width: 73px;
}
/*////////////////////////////
//////     Options  ///////      
////////////////////////////*/

.policyOption {
  margin: 0px;
  border-bottom: 1px solid #e7e7e8;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}
.policyOption .option .input-prepend span.add-on {
  height: 30px;
  margin-right: -1px;
}
.policyOption .option .input-prepend input,
.policyOption .option .input-prepend select {
  height: 30px;
  background-color: white;
}
.policyOption .mobileOptionTitle {
  display: block;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 8px;
}
.policyOption .optionRadioButton {
  margin-top: 24px;
}
/*////////////////////////////
//////     Confirmation  ///////      
////////////////////////////*/

.fullContainerStep6 #mainPage .leftColumn {
  width: 100%;
}
.fullContainerStep6 .footer .span9 {
  width: 100%;
}
.fullContainerStep6 .clientFooter .span9 {
  width: 100%;
}
.confirmationButtons a {
  margin-right: 10px;
  min-width: 76px;
}
#confirmationLinks {
  margin-top: 10px;
}
/*////////////////////////////
//////     Info Popup  ///////      
////////////////////////////*/

.destinationTable {
  background-color: #70c486;
}
.destinationTable td,
.destinationTable th {
  border: 6px solid white;
  font-size: 15px;
  vertical-align: middle !important;
}
.destinationTable th {
  text-align: center;
  background-color: #2db563;
  color: white;
}
.destinationTable .region {
  text-align: center;
  background-color: #a1d4ab;
}
.destinationTable .region .regionName {
  display: block;
  font-weight: bold;
}
.destinationInfoContent {
  width: 580px;
}
.destinationInfoContent div {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
#Destination_Id {
  width: 165px;
}
#CustomerPremium {
  float: right;
}
.premiumTotalLabel {
  font-size: 16px;
  float: left;
}
.premiumTotal {
  line-height: 35px;
  height: 35px;
}
.preExistingContainer {
  padding-top: 5px;
  margin-bottom: 35px;
}
.preExistingContainer .preExistingQuestion {
  padding-right: 15px;
}
.preExistingContainer .preExisting {
  margin-left: 20px;
  padding-left: 5px;
  line-height: 35px;
  margin-top: -7px;
}
.infoButton img {
  margin-left: 2px;
  margin-top: 5px;
}
.infoPopup {
  max-width: 600px;
}
.infoPopupHeader {
  margin-bottom: 10px;
}
.infoPopupContent {
  padding-top: 5px;
  border-top: solid 1px #eeeeee;
  overflow: auto;
}
#quickquote .datefield {
  width: 97px;
}
button,
textarea,
select,
input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  -moz-box-sizing: border-box;
}
.input-append .add-on,
.input-prepend .add-on {
  padding-top: 4px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}