@charset "UTF-8";
/* CSS Document */

/* Fonts
---------------------------------------------------------------- */

@font-face{ 
	font-family: 'Vibe';
	src: url('../fonts/vibebold.eot');
	src: url('../fonts/vibebold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/vibebold.woff') format('woff'),
		 url('../fonts/vibebold.ttf') format('truetype'),
		 url('../fonts/vibebold.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'VibeMed';
	src: url('../fonts/vibemedium-webfont.eot');
	src: url('../fonts/vibemedium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/vibemedium-webfont.woff') format('woff'),
		 url('../fonts/vibemedium-webfont.ttf') format('truetype'),
		 url('../fonts/vibemedium-webfont.svg#webfont') format('svg');
}

body{ background:#1B4581}

body:after { position:absolute; content: ''; top:0; left: 0;    width: 50%;  height: 100%; background-size: contain; background-repeat: no-repeat; background-image:url(../images/swirl.png); display: block;
z-index:-1}
.section {
	padding-bottom: 10px;
	clear:both;
	border-top: 2px solid #efeff0;
}

#filogix-form {
overflow: auto; padding:20px; background:#fbfbfb;
width: 70%; margin: 0 auto 30px auto; 
box-shadow: inset 0px 0px 10px 1px #dbdbde;
-moz-box-shadow: inset 0px 0px 10px 1px #dbdbde;
-webkit-box-shadow: inset 0px 0px 10px 1px #dbdbde; clear:both}

#filogix-form input, #filogix-form textarea {  width:90%; padding:9px 4px; background:#fff; border: none;
box-shadow: inset 0px 0px 5px 1px #dbdbde;
-moz-box-shadow: inset 0px 0px 5px 1px #dbdbde;
-webkit-box-shadow: inset 0px 0px 5px 1px #dbdbde;}


#filogix-form textarea { min-height:300px; resize: none;}

.darkerline{ background:#f3f4f4}

a{  font-family: 'VibeMed'; color:#fff; text-decoration:none; background:#1B4581;  font-size:11px; padding:10px 15px; text-transform:uppercase; font-weight:100; border-radius:10px } /* border: solid 1px #f3f4f4; */

a:hover{background:#031d62; color:#f1f2f2;}

#filogix-form select{
	width: 92%;
	padding: 9px;
	font-weight:300;
	font-family: 'Source Sans Pro', sans-serif; 
	line-height: 1;
	height: 34px;
}
#filogix-form input[type=radio]{
    width: inherit;

}

#filogix-form #language-selector {
	float: right;
	color: #79797B;
	font-family: 'VibeMed', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

#filogix-form #language-selector select {
	width: auto;
}
   
	#top-content{width: 70%; margin: 0 auto;}
	#top-content h2{ margin:0; padding:0; color:#FFCC4E}
	#top-content a{ background:none; padding:0; border:none; border-radius:none; text-transform:none; font-size:14px;  color:#FFCC4E}
	#top-content ul{ width:100%; clear:both; margin:0; padding:0 ; border-bottom:none; float:left; box-shadow: none }
	#top-content p{ margin:0; padding:0}
	#top-content ul li { float:left; font-family: 'Source Sans Pro', sans-serif; color:#fff; margin:10px 30px 10px 0}
	#top-content ul li p{ font-size:14px}
	#top-content ul li#photo{margin: 0; max-width: 20%; padding: 10px 20px 10px 0 !important;}
	#top-content ul li#photo img{
		border: solid 3px #fff;
		box-shadow: 0px 0px 10px 0px #000;
		-moz-box-shadow: 0px 0px 10px 0px #000;
		-webkit-box-shadow: 0px 0px 10px 0px #000;
		max-width: 100%;
	}
	#top-content ul li#contact{ width:40%;}
	#top-content ul li#logo, #top-content ul li#logo-fr { float:right; text-align:left; background:url(../images/dlc-logo.png) no-repeat; width:30%; height:96px; display:block; margin-right:0}
	#top-content ul li#logo-fr { background:url(../images/dlc-logo-fr.png) no-repeat;}

	a.copy-address{ float:left; margin-left:10px}
	a#enable-applicant {
		display: block;
		font-size: 1.2em;
	}
   
#filogix-form h2, #filogix-form h3{   font-family: 'VibeMed'; text-shadow: 1px 1px #fff; font-weight:300; text-transform:uppercase;
color:#1B4581}

#filogix-form p, #filogix-form label {font-family: 'Source Sans Pro', sans-serif; text-shadow: 1px 1px #fff; font-weight:300; text-transform:uppercase; color:#79797b}
#filogix-form h3, #filogix-form h2{ margin:10px 0 0 10px; padding:0}
#filogix-form label{ text-transform:uppercase; font-size:13px; clear:both; float:left; font-weight:600}
#filogix-form label.error, #filogix-form p.error
{
	font-weight: bold;
	color: #F33;
}
h2, h3{ width:100%; display:block; clear:both; float:left}
p{ float:left; clear:both}
span.required{ color:#1B4581; font-size: 2em; line-height: 0; vertical-align: middle; }
.clear{ clear:both; height:2px; display:block}
ul{ width:98%; clear:both; margin:0; padding:10px ; /* border-bottom:1px solid #efeff0;*/ float:left; /*box-shadow: 0 2px 1px #fff*/ }
ul li{ list-style:none; float:left; margin:0 30px 10px 0; min-width:10%; max-width:100%; padding:0}
table{ clear:both; text-align:left; background:#f3f4f4; width:100%;  border-collapse: collapse; display:inline-block; margin-top:10px;
display: table; }
table th{font-family: 'Source Sans Pro', sans-serif;  color:#013599; font-weight:300; text-transform:uppercase; }
table td{font-family: 'Source Sans Pro', sans-serif; color:#79797b; font-weight:100; border:none; }
tbody{ display: table-row-group;
	width: 100%;}
#filogix-form table .first{ width:20%; padding-left:10px}
#filogix-form table .second{ width:30%}
#filogix-form table .third{ width:40%}
#filogix-form table input{ width:60%; float:left}
#filogix-form table td { padding:10px 0}
#filogix-form table tr.darker{ background:#efeff0; border-bottom: solid 1px #fbfbfb; margin:0 5px }
#filogix-form table tr.error{ background: #FDD;}
#filogix-form table tr.darker.error{ background: #FCC;}
table th, table td{ padding:10px}

#filogix-form table#second .first{ width:5%; padding-left:10px}
#filogix-form table#second .second{ width:5%}
#filogix-form table#second .third{ width:5%}
#filogix-form table#second .fourth{ width:5%}
#filogix-form table#second .fourth input{ width:40%}
#filogix-form .final{ margin-top:20px}
#filogix-form .final label{ font-weight:300; font-size:20px; float:left; clear:both}
#filogix-form .final input{ width:200px; float:left; clear:none; margin-left:15px}
#filogix-form .section.bottom p{ text-transform:none;}
#filogix-form .section.bottom label{ margin-left:10px}
a.help{ background:transparent; padding:0; margin:5px 0 0 10px; width:25px; height:25px; border:none; float:left}
.dollar{ float:left; padding-top:7px; margin-right:5px}
a.bottom-buttons{ float: left; margin: 0 10px 15px 0}

#applicant2
{
	display: none;
}


button.ui-datepicker-current { display: none; }

.ui-datepicker .ui-datepicker-buttonpane button {width:100%!important}

.applicant2header{
	margin-top: 10px;
}

.save_reload_msg{
	display:none;
	clear:both;
	padding: 9px 9px 9px 24px;
	margin-top:25px;
	color: #392;
	border: 1px solid #392;
	border-radius: 3px;
}

#bottom-buttons-valid-msg{
	clear:both;
	padding: 9px 9px 9px 24px;
	color: #013599;
	border: 1px solid #013599;
	border-radius: 3px;
}

@media (max-width: 1520px) {#top-content ul li#contact{ width:40%}
}

@media (max-width: 1006px){#top-content ul li#contact{ width:35%; }}

@media (max-width: 930px) {
#top-content ul li#logo, #top-content ul li#logo-fr { float:right; text-align:left; background:url(../images/logo-sml.png) no-repeat center; width:125px; height:53px; display:block}
#top-content ul li#logo-fr {background:url(../images/logo-sml-fr.png) no-repeat center;}
#top-content ul li#contact{ width:45%; }}

@media (max-width: 760px) {
#top-content ul li#contact, #top-content ul li#photo, #top-content ul li#logo, #top-content ul li#logo-fr { width:100%; clear:both; text-align:center; max-width: 100%;}
#top-content p{ float:none}
}

@media (max-width: 700px) {
	#top-content ul li#logo, #top-content ul li#logo-fr{ float:none}
	a.copy-address{ font-size:12px}
	#filogix-form .final label{ margin-left:10px}
	h2{ font-size:18px}
	h3{ font-size:14px}
	p{ font-size:11px}
	#filogix-form {padding:5px; width:90%}
	#filogix-form table#second .fourth{ width:100%}
	ul{ width:96%}
	#filogix-form table td { padding:5px 0}
	#filogix-form table th, #filogix-form table th{ display:none!important}
	#filogix-form table td, #filogix-form table .first, #filogix-form table .second, #filogix-form table .third
	#filogix-form table#second td, #filogix-form table#second .first, #filogix-form table#second .second, #filogix-form table#second .third{ width:100%; padding-left:10px; clear:both; float:left}
	#filogix-form table input, #filogix-form table#second .fourth input{ width:70%}
 }

input.error
{
	border: 1px solid #E33;
}

#message {
	margin: 0 0 20px 10px;
	padding: 9px 9px 9px 24px;
	font-size: 1.0em;
	position: relative;
	clear: both;
	font-family: 'Source Sans Pro', sans-serif;
}

#message div {
	position: absolute;
	top: 2px;
	left: -16px;
}

#message div img {
	width: 20px;
	height: 20px;
	display: block;
	border: 2px solid #FFF;
}

#message.success {
	border: 1px solid #392;
	border-left: 5px solid #392;
	background: #DFD;
	color: #392;
}

#message.success div {
	background: #392;
	border: 1px solid #392;
}

#message.error {
	border: 1px solid #D32;
	border-left: 5px solid #D32;
	background: #FDD;
	color: #D32;
}

#message.error div {
	background: #D32;
	border: 1px solid #D32;
}

#message ul {
	margin: 5px 0 0 15px;
	float: none;
	border: none;
	box-shadow: none;
}

#message ul li {
	margin: 0;
	float: none;
	list-style: disc;
	font-weight: bold;
	font-size: 0.8em;
	font-style: italic;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}

/* For jquery ui calendar otherwise it's hideous */
.ui-datepicker-header a{
    background: none;

    padding: 5px;
}
.has-error{
    border: 2px solid #E33 !important;
}