﻿/* Page Title */
h2.careers { background: url(../../images/titles/title-careers.gif) no-repeat; }
h2.offices { background: url(../../images/titles/title-offices.gif) no-repeat; }

a.offices img { margin-right: 7px; }
div.Offices { margin-top: 0px; margin-bottom: 7px; font-size: 1.25em; font-weight: bold; position: relative; top: -15px; padding-left: 7px;}
.fieldset { background: #E6E9EC; padding: 9px; }
.fieldset div.title { position: relative; top: -23px; left: 7px; width: 240px; background: #004990; padding: 0px 0px 2px; }
.fieldset div.title span.title { display: block; color: #FFF; font: bold 1.22em Verdana,Geneva,Helvetica,sans-serif; padding: 3px 9px 4px; }
.fieldset div.copy { position: relative; top: -15px; padding-left: 7px; }
.Offices_Separator { background: url(../../images/common/dot-gray-vertical.gif) 50% 0% repeat-y; }


/* MAP */
	div.CFWI_Map-offices-map { width: 850px; height: 350px; position: relative; border: 1px solid #7D7D7D; }
	/* Format Offices Map Popup */
	.ero .ero-previewArea div.firstChild { margin: 0; }
	.ero .ero-previewArea div.firstChild * { font-family: "Trebuchet MS",Trebuchet,Arial,Geneva,Helvetica,sans-serif; }
	h3.office-name { font-size: 120%; color: #3379aa; margin: 0; padding: 0; }
	div.office-address { font-size: 100%; font-weight: bold; color: #000; padding-bottom: 4px; margin-bottom: 5px; border-bottom: 1px solid #999; }
	div.office-address span.office-street {  }
	.VE_Pushpin_Popup_Title { position: relative; float: left; margin-left: 160px; }
	div.office-address span.office-address { margin-right: 12px; }
	div.office-contact div.contact-photo { float: left; margin: -46px 0 -113px -5px; width: 150px; height: 113px; overflow: hidden; border: 2px solid #84765c; }
	div.office-contact div.contact-photo img { width: 150px; }
	div.office-contact table.office-contact { float: left; margin-left: 160px; }
	div.office-contact span.label { display: block; font-size: 72%; font-weight: bold; text-transform: uppercase; color: #84765c; }
	div.office-contact span.name { display: block; font-weight: bold; color: #000; font-size: 92%; }
	div.office-contact span.email { display: block; font-size: 72%; }
	div.office-contact span.contact-title { display: block; font-size: 75%; }
	div.office-contact span.creds { font-size: 80%; text-transform: uppercase; display: block; width: 170px; }
	div.office-contact span.phone { font-size: 72%; color: #777770; display: block; }
	div.office-contact span.phone b { font-size: 132%; color: #000; margin-right: 4px; }
	div.office-contact span.phone b a { font-size: 85%; font-weight: normal; }