/* Generic Typesetting */
/**/

@charset "UTF-8";

@import "bourbon/bourbon";
@import "neat/neat";

@font-face { font-family: 'FranklinCondGothic'; /*src: url('../font/FranklinCondGothic.eot');*/ src: /*url('../font/FranklinCondGothic.woff') format('woff'), */ url('../font/FranklinCondGothic.ttf') format('truetype'), url('../font/FranklinCondGothic.svg') format('svg'); font-weight: normal; }

@font-face { font-family: 'FranklinGothicDemiCond'; /*src: url('../font/FranklinGothicDemiCond.eot');*/ src: /*url('../font/FranklinGothicDemiCond.woff') format('woff'), */ url('../font/FranklinGothicDemiCond.ttf') format('truetype'), url('../font/FranklinGothicDemiCond.svg') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'FranklinGothicMediumCond'; /*src: url('../font/FranklinGothicMediumCond.eot');*/ src: /*url('../font/FranklinGothicMediumCond.woff') format('woff'), */ url('../font/FranklinGothicMediumCond.ttf') format('truetype'), url('../font/FranklinGothicMediumCond.svg') format('svg'); font-weight: normal; font-style: normal; }

.popover-content { padding: 4px; }

.input-uppercase{text-transform:uppercase}

.input-block-level {min-height:20px\9;}

.half { float: left !important; width: 50% !important; }

.third { float: left !important; width: 33% !important; }
.fourth { float: left !important; width: 25% !important; }

.right { float: right !important; text-align: right !important; }


h1, h2, h3, h4, h5, h6 { color: #345096; font-weight:normal; }

*.axa-blue { color: #345096; }
*.axa-red { color: #b30040; }
*.axa-lblue { color: #006ab3; }
*.axa-green { color: #005e30; }
*.axa-turquoise { color: #47a4c7; }
/* add more color here */


h1, h2 { font-family: 'FranklinCondGothic'; }

h3, h4 { font-family: 'FranklinGothicDemiCond'; }

h5, h6 { font-family: 'FranklinGothicMediumCond'; }

h1 { font-size: 30.5px; }
h2 { font-size: 25.5px; }
h3 { font-size: 21.5px; line-height: 35px; }

body { color: #666; background-color: #e9f3fb; }

/******* Global ************************/
.content-hidden { display: none; }
.shadow-google-type { -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; }

#content { max-width: 870px; width: 79%; float: left; margin-top: 5px; }

/* The first header in a well has to much padding */

.well h3:first-child { margin-top: 0px; }


/******** General Form related element styling **************************/
.mandatory-field { background: url(../img/icon-required.png) no-repeat; width: 45px; display: inline-block; height: 12px; line-height: 12px; vertical-align: middle; margin-left: 0.3em; }
/******* Search Parameters Box *********/
.search-parameters-box { margin-top: 1.4em; }
.search-parameters-box > div.div-button-content { margin-bottom: 1em; text-align: right; }
#divPolicyNumber {clear:both;}

/******* Search Results Box ***********/
#divDownloadResultsPdf i { margin-left: 1px; }
#divDownloadResultsPdf a {margin-left: 0.2em;}
#divViewResultsOn i { margin-right: 1px; }
#imgResultsMapLeft { display: none; }
#divTopResults { margin-left: 0; padding: 0; background: transparent; border: none; margin-bottom: 10px; border-radius: 0; }
.btnViewResultsOnMap { border: none; padding-left: 0; }
.btnViewResultsOnList { border: none; padding-left: 0; }
#divViewResultsOn { text-align: right; }
#btnDownloadPdf{cursor:pointer;}
#divNoResults { margin-bottom: 0; font-size: 0.90em; }
.buttonOver:hover { text-decoration: underline; }
.buttonOver:disabled { text-decoration: none; }
.search-results-box { }
.search-results-box > div > div#divResults { margin-left: 0; }
#divButtons { margin-bottom: 10px; width: 100%; margin-top: 1em; }
#divButtonsLeft { text-align: left; float: left; }
#divButtonsRight { text-align: right; float: right; }
#divResultsPageActual { text-align: center; float: left; margin-left: 28%; margin-top: 0.2em; }


/******* Box provider results *********/
.provider-box-info { /*margin-left: 0; background-color: #e7f1fd; border: 2px solid #71a0ca; padding: 11px; border-radius: 0; padding-bottom: 3px; */ background: none; background-color: white; border: 1px solid #e5e5e5; border-right: 0; border-left: 0; min-height: 20px; padding-top: 0; margin-bottom: -1px; /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);*/ }

.provider-info { padding: 15px; }

.provider-name { font-weight: bold; color: #345096; }
.provider-address { font-size: 0.9em; line-height: 1; margin-top: 0.3em; }
.provider-network{ margin-top:0.3em;}
.provider-contact { font-size: 0.8em; margin-top: 0.3em; }
.provider-viewButton { text-align: right; cursor: pointer; margin-top: 0.2em; }
#viewProviderLbl { display: none; }
#divBackToResults { width: 95%; text-align: center; margin-bottom: 1em; }
.provider-contacts { border-top: 1px solid #e5e5e5; margin-top: 0px; background-color: #f8f8f8; padding: 8px 15px 5px 15px; }
.provider-contacts a { font-size: 0.8em; color: #666; }
.provider-contacts a i { font-size: 14px; }
.provider-phone { }
.provider-email { }
.provider-web { }

.provider-phone span { display: inline; }
.provider-email span { display: inline; }
.provider-web span { display: inline; }

/******* Waiting Progress Dialog **********/
.no-close .ui-dialog-titlebar-close {
  display: none;
}
/******* View Provider ****************/

.view-Provider { padding: 0; }
.view-Provider-Contents { margin: 0.5em; }
.view-Provider-Contents > div#divDisclaimer {margin-top: 1em;margin-left: 1em;max-width: 97%; }

/******* Error Page *******************/

.error-content { background: Url('../../Content/img/ico_error.jpg') top right no-repeat; height: 160px; }
.error-div-content { margin-top: 1em; }

/******* Report Error *****************/
.report-error-content { float: left; display: none; z-index: 10; position: absolute; max-width: 600px; left: 35%; top: 45%; margin-left: -150px; margin-top: -250px; }
.report-error-form { float: left; background: #fff; padding: 0.8em; width: 95%; }
.DivEmailAlert img { vertical-align: middle; }

/******* Validation **************/

.validation-error { background: #FAEBD7; border:1px solid #D2691E; }

/****** Info Message *****************/
.info-message { float: left; display: none; width: 92.5%; border: 0.2em solid #D2691E; border-radius: 3px 3px; padding: 0.5em; margin-top: 0.8em; margin-bottom: 0.8em; background: Url('../../Content/img/info_exclamation.jpg') top left no-repeat white; color: #D2691E; }
div.info-message > span { float: left; margin-left: 3em; }

/* *********************************************
GIG Scaffolding & Styling
* ********************************************** */

.axa-content-row-padding { max-width: 1120px; margin: auto; padding: 10px; }

.axa-content-row { max-width: 1100px; margin: auto; padding: 0px; }


/* *********************************************
HEADER
* ********************************************** */
.header { margin-bottom: 16px; }

.header-box { margin-bottom: 15px; padding-top: 8px; background-color: white; padding-bottom: 0px; box-shadow: 0 0px 0 1px rgba(0,0,0,.1), 0px 1px 1px rgba(0,0,0,.35); /*b-order-radius: 2px;*/ }
.content-box { /* note: cannot put padding on content-box otherwise it becomes larger than the header-box */ }

#content { /* note: cannot put padding on content-box otherwise it becomes larger than the header-box */ }

.search-parameters-box { margin: none; /* MARGIN BREAKS THE ROW LAYOUT */ }


.axa-logo { margin-left: 15px; margin-top: 15px; width: auto; margin-bottom: 0px; }


/* *********************************************
NAVIGATION BAR
* ********************************************** */
/* style & place the menu button */
.navbar .btn-navbar .icon-bar { /* GIG color */ width: 32px; height: 5px; background-color: #345096; }


/*
Customize the bootstrap  navigation bar to GIG style 
	- Remove color from navbar
	- Make a blue button in the navbar
*/

/* remove the background */
.navbar .btn-navbar { background-color: white; background-image: none; border: none; }
.navbar { margin-bottom: 0px; }
.navbar-inner { border: none; background-image: none; box-shadow: none; background-color: transparent; padding-left: 0px; padding-right: 0px; }


/* Move the button in the middle of header */
.navbar .btn-navbar.axa-menu-button { margin-top: -25px; margin-right: 25px; }


/* Define the style for the buttons */

/* Not selected button */
.navbar .nav > li > a.axa-nav-button { border-radius: 1px; border: none; text-shadow: none; border-right: 1px solid #f0f4f5; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f4f5), to(#ffffff)); background: -moz-linear-gradient(top, #f0f4f5, #ffffff); background: -ms-linear-gradient(top, #f0f4f5, #ffffff); }

.navbar ul.nav { margin: 0px; }

/* HOVER button */
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background: #113184; color: white; text-shadow: none; }

.navbar .nav > li > a.axa-nav-button:hover { background: none; background: #113184; text-shadow: none; color: white; }

/* Selected button */
.navbar .nav > li > a.axa-nav-button.selected { color: white; background: -webkit-gradient(linear, 0 0, 0 100%, from(#113184), to(#2a50a8)); background: -moz-linear-gradient(top, #113184, #2a50a8); background: -ms-linear-gradient(top, #113184, #2a50a8); }

/* services menu button */
.navbar .nav > li > a.axa-nav-button.services { color: white; background: -webkit-gradient(linear, 0 0, 0 100%, from(#9ccfe0), to(#8cbaca)); background: -moz-linear-gradient(top, #9ccfe0, #8cbaca); background: -ms-linear-gradient(top,   #9ccfe0, #8cbaca); }

/* Move the service menu on the right */
.navbar .nav > li.services { margin-left: 140px; }

/* Adjustement for "narrow" menu */

/* Style the popup*/
/* Remove the arrow */
.navbar .nav > li > .dropdown-menu:before { content: none; }
.navbar .nav > li > .dropdown-menu:after { content: none; }

.dropdown-menu { border-radius: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); background-color: #e9f3fb; }

.dropdown-menu > li > a, .dropdown-menu > li > a:visited { color: #0C3182; }


.yamm .yamm-content { padding: 10px 20px; }


/* **********************************************
FOOTER BAR
* *********************************************** */
#footerbar{position: fixed; bottom: 0px; right: 0px;
        background-color: rgba(34,34,34, 1); border-radius: 0px; width: 100%; padding: 10px 0 10px 0;
        z-index: 99999999;}

#footerbar a {color: #eee; font-weight: bold; font-size: 12px; width: 32%; display: inline-block;
                text-align: center;}
#footerbar a#btnModifySearch{width:31%;border-right: 1px solid #eee;border-left: 1px solid #eee;}

/* ==============================================
*/

.alert { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

.carousel-control { display: none; }

.page-header { margin: 0;clear:both }

/* ==============================================
*/

/* a well */
.well { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: url('../img/texture/classy_fabric_blue-light.png') repeat 0 0; background: url('../img/texture/diagonal_blue.gif') repeat 0 0; border: 1px solid #b0c6d1; padding: 6px; }


/* form elements */
select, textarea, 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 { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }


/* Thumbnails cleanup 
  - too much bottom padding
*/
.thumbnails > li { margin-bottom: 0px; }

ul.thumbnails, ol.thumbnails { padding: 0; margin: 0; }


/* a google inspired card */
.card { border: 1px solid rgb(214, 214, 214); border-radius: 0px; /*padding: 0.4em;*/ box-shadow: 0px 1px 3px rgb(204, 204, 204); background-color: white; padding: 6px; }
/* card inside card don't get shadow  or padding */
.card .card { border: 1px solid red; box-shadow: none; border: none; padding: 0px; }

/* a card after a card gets a padding top */
.card + .card { margin-top: 20px; }

/* a card in a row fluid after a card gets a padding top */
.card + .row-fluid > .card { margin-top: 20px; }

/* a card after a row fluid also has padding top */
.row-fluid + .card { margin-top: 20px; }

.card-reversed { border: 3px solid white; border-radius: 1px; padding: 0.4em; box-shadow: 0px -1px 3px #666666; background-color: white; }

.card > .caption > h3 { margin-top: 0px; }

.card > h2 { margin-top: 0px; }

.card.no-padding { padding: 0px; }
.card > .card-inner { padding: 8px; }

/****************************************************
Some debugging value to show the grid 
********************************************************/
.show-grid { margin-top: 10px; margin-bottom: 20px; }
.show-grid [class*="span"] { background-color: #eee; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 40px; line-height: 40px; }

/*#mapCanvas label { width: auto; display:inline; }
#mapCanvas img { max-width: none; }*/

#map label { width: auto; display:inline; }
#map img { max-width: none; }

.mapProvider {height: 500px; margin-left: 1em; max-width: 97%;}

#divSearchResults > p { padding-left: .3em }

/* Style to use when printing the page */
@media print {    
    .non-printable, .fancybox-outer, .row-fluid, .navigation, .footer-box { display: none; }
    .header { display: block; margin-bottom: 0px; }
    .header-box, .axa-content-row, .axa-logo, .row-fluid { margin: 0px; }
    .axa-content-row, #content, .axa-content-row-padding { margin-top: 0px }
    .printable, #divProviderInfo { display: block; margin-top: 0px }
    #divDisclaimer, #divInformationTop, #sidebar, #divBackToResults, #divWidthWindow { display: none; }
    .mapProvider { height: 400px; margin-left: 1em; max-width: 97%; }
    .pageBreakBefore { display: block; page-break-before: auto; }
    h3 { line-height:10px; }
    p { line-height:15px; }
}


/********************************************************
	SIDEBAR
********************************************************/
#sidebar { max-width: 220px; width: 20%; float: right; padding-top: 5px; padding-bottom: 5px; }
.sidebar-block { float: none; }
.sidebar-content { margin: 0px; border: 3px solid white; border-radius: 1px; padding: 0.4em; box-shadow: 0px 1px 3px #666666; background-color: #F3F8Fc; }
.sidebar-content.no-fill { background-color: white; }
.first .sidebar-content { margin-top: 0; }
.last .sidebar-content { margin-bottom: 10px; }
#divContactPhone > h3 { background: url("../img_cms/ico_phone.gif") left no-repeat; padding-left: 1.4em; }
#divddlOffices { background: url("../img_cms/ico_find.gif") left no-repeat; padding-left: 2em; }
.axa_icon_plus { background: url("../img_cms/ico_plus.gif") left no-repeat; padding-left: 1.4em; }

/********************************************************
	FOOTER
********************************************************/
.footer-container {

	max-width: 1100px;
	background-color: white;
	box-shadow: 0px 1px 1px rgba(0,0,0,.35), 0px -1px 2px #666666;
	
	margin-top: 20px;
	position: relative; 
	@include clearfix;


	// background image handling
	.footer-top {
		padding: 5px 10px 5px 10px;

		@include clearfix;
	}

	.footer-bottom {
		border-top: thin solid lightgray;
		color: #2C2E2D;
		background: rgb(254,254,254); 
		padding: 0.5em; 
		text-align: right;
		font-size: 12px;
		/* Old browsers */  
		background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 79%, rgba(226,226,226,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(79%,rgba(209,209,209,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */ 
		background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 79%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */ 
		background: -o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 79%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */ 
		background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 79%,rgba(226,226,226,1) 100%); /* IE10+ */ 
		background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 79%,rgba(226,226,226,1) 100%); /* W3C */ 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ 


		a {
			font-size: 12px;
			color: #2C2E2D;
			text-decoration: none;
		}
	}

	.footer-box {
		
		.content {
			@include clearfix;
		}

		ul {
			padding:0px;
			margin:0px;
			list-style-type:none;
			

			li {
				font-size: 12px;
				padding-left: 10px;
			}

			&.two-columns {
				// This class puts the LI in two columns
				li {
					display: inline-block;
					float: left;
					min-width: 110px;
				}
				li:nth-child(odd) {
					clear:left;
				}
			}

			&.multi-columns {
				// This class assumes multiple UL each in a column
				min-width: 110px;
				display: inline-block;
				float: left;
			}

			&.multi-columns:last-child {
				@include clearfix;
			}

			@include clearfix;
		}


		//---------------------------------
		// Sizing by screen size
		//---------------------------------

		// Small screen is the default
		&.axa-world {
			display:block;
			float:right;
			width: 76px;

			margin-top: 10px;
			margin-bottom: 10px;
			.axa-world-logo {
				
			}		
		}
		
		&.axa-and-you{
		float:left;
		}
		
		&.axa-in-touch{
		float:left;
		margin-left:5em;
		}
		&.axa-location{
		float:left;
		margin-left:15em;
		}
	}

}