/* Default Styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background-color: transparent;
}

body { color: #000; font: 12px Arial, sans-serif; background-color: #FFF; }

h1 { letter-spacing: -2px; color: #333; font-size: 30px; margin: 10px 0; }
h2 { color: #333; font-size: 16px; }

p { margin: 10px 0; }

a { color: #06C; text-decoration: none; }
a:hover { color: #9CF; text-decoration: underline; }

ul,ol { list-style-type: none; }

hr { float: left; clear: left; width: 100%; margin: 10px 0; }

.pageClear { height: 0; width: 0; clear: both; font-size: 0px; }
.hiddenFields { display: none; }
.requiredStar { color: #F00; }
.error, .MdfSessionMessageError { color: #F00; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.blueArrowButton { color: #FFF; font-weight: bold; float: left; padding: 0 10px 0 0; background: url(../images/blue-arrow-button-right.png) no-repeat right top; }
.blueArrowButton span { cursor: pointer; background: #002868 url(../images/blue-arrow-button-white-arrow.gif) no-repeat 8px 11px; float: left; padding: 7px 10px 7px 20px; }
.blueArrowButton:hover { text-decoration: none; color: #9CF; }
.blueArrowButton:hover span { background-image: url(../images/blue-arrow-button-light-blue-arrow.gif); }

/* Page Structure */

#pageBackground { overflow: hidden; z-index: 1; width: 100%; height: 100%; min-height: 700px; min-width: 970px; position: fixed; left: 0; top: 0; }
#menuBarRibbon { font-size: 0px; background-color: #025; height: 6px; width: 100%; position: absolute; top: 0; left: 0; z-index: 5; }

#mainContainer { z-index: 10; position: absolute; top: 6px; left: 50%; margin-left: -470px; width: 940px; }
#pageContent { float: left; margin-top: 115px; }

#sideNavigation { font-size: 14px; color: #CED9EB; float: left; width: 240px; background: #013686 url(../images/navigation-bg.png) repeat-x left top; padding: 40px 10px 10px; }
#sideNavigation a { color: #CED9EB; background: url(../images/navigation-pale-blue-arrow-right.gif) no-repeat left 4px; padding: 0 0 0 10px; display: block; }
#sideNavigation .rootItem { margin: 10px 0 10px 10px; }
#sideNavigation ul li { border-top: 1px solid #093B86; padding: 10px 0; }
#sideNavigation li a { margin-left: 30px; }

#contentWrapper { overflow: hidden; padding: 20px; color: #333; float: right; width: 640px; position: relative; border-top: 20px solid #025; }
#contentWrapper .opacityBox { top: 0; left: 0; position: absolute; background-color: #FFF; z-index: -1; opacity: 0.90; width: 680px; height: 3000px; }
#contentWrapper .demoBanner { float: right; width: 200px; margin: 0 0 10px 10px; padding: 140px 0 10px; background-color: #4687BF; background-repeat: no-repeat; background-position: left top; }

#contentWrapper .demoBanner a { float: right; margin: 10px; }
#contentWrapper .demoBanner .testimonial { background-color: #FFF; float: left; width: 180px; margin-left: 10px; }
#contentWrapper .demoBanner .testimonial p.quote { font-size: 12px; margin: 0; float: left; background: url(../images/left-double-quotes.gif) no-repeat 8px 12px; }
#contentWrapper .demoBanner .testimonial p.quote span { float: left; background: url(../images/right-double-quotes.gif) no-repeat 160px bottom; padding: 20px 20px 0; }
#contentWrapper .demoBanner .testimonial p.quotedBy { width: 140px; font-size: 11px; margin: 0; float: left; padding: 10px 20px 20px; }
#contentWrapper .demoBanner .dialogSpike { background: url(../images/dialog-spike.gif) no-repeat 30px top; float: left; clear: both; width: 100%; height: 20px; }
#contentWrapper h2 { margin: 20px 0 0; }
#contentWrapper p { font-size: 13px; margin: 3px 0 10px; }
#contentWrapper ul { padding-left: 30px; list-style-type: square; }
#contentWrapper ul li { margin: 10px 0; }

#errorMessages { padding: 0 15px; }
#errorMessages p { color: #F00; font-weight: bold; }

/* Header */

#header { position: absolute; left: 0; top: 0; z-index: 15; width: 100%; float: left; }
#header .logo { float: left; margin-top: 40px; }
#mainMenu { float: right; }
#mainMenu li { position: relative; background: #025 url(../images/main-menu-bg.png) repeat-x left bottom; float: left; }
#mainMenu a { color: #FFF; font-size: 12px; font-weight: bold; float: left; padding: 5px 20px 11px 27px; background: url(../images/navigation-white-arrow-right.gif) no-repeat 16px 9px; }
#mainMenu a:hover,
#mainMenu a.selected { text-decoration: none; color: #9CF; background-image: url(../images/navigation-light-blue-arrow-right.gif); }
#mainMenu li.dropDown a:hover { background: url(../images/navigation-light-blue-arrow-down.gif) no-repeat 14px 11px; }
#mainMenu li.dropDown ul { width: 180px; background: #025 url(../images/navigation-bg.png) repeat-x left bottom; padding: 5px 10px; border-top: 0; position: absolute; clear: both; top: 30px; }
#mainMenu li.dropDown ul li { width: 100%; background: transparent; border-bottom: 1px solid #093B86; }
#mainMenu li.dropDown ul li.last { border-bottom: 0; }
#mainMenu li.dropDown ul li a { float: none; display: block; padding: 10px 0 10px 20px; margin: 0 10px; font-weight: normal; background-position: 10px 14px; }
#mainMenu li.dropDown ul li a:hover { font-weight: bold; background: url(../images/navigation-light-blue-arrow-right.gif) no-repeat 10px 14px; }

/* Footer */

#footer { clear: both; margin: 20px 0 20px 260px; font-weight: bold; color: #FFF; }
#footer p { margin: 0; }
#footer a { text-decoration: underline; color: #FFF; }

/* Page Styles */

.homePage h1 { margin: 0; font-size: 48px; color: #025; }
.homePage #pageContent { margin-top: 180px; }
.homePage #footer { margin-left: 0; }
.homePage .network { overflow: hidden; position: relative; float: left; width: 200px; height: 150px; margin: 60px 20px 0 0; padding: 10px; }
.homePage .network .opacityBox { position: absolute; left: 0; top: 0; opacity: 0.90; z-index: -1; height: 300px; width: 220px; background-color: #FFF; }
.homePage .network h2 { font-weight: normal; font-size: 14px; margin: 10px 0; float: left; width: 100%; }
.homePage .network .logo { float: left; height: 45px; }
.homePage .network .logo a { float: left; }
.homePage .network.lastNetwork { margin-right: 0; }

.ourNetworksPage .network { float: left; margin-top: 20px; }
.ourNetworksPage .network h3 { font-size: 16px; }
.ourNetworksPage .network .logo { text-align: center; padding-top: 60px; width: 270px; float: left; }
.ourNetworksPage .network .logo img { max-width: 220px; }
.ourNetworksPage .network .info { width: 370px; float: left; border-bottom: 1px solid #DBE0E4; padding: 0 0 10px; }
.ourNetworksPage .network.lastNetwork .info { border-bottom: 0; }
.ourNetworksPage .learnMore { font-weight: bold; background: url(../images/blue-arrow-right.png) no-repeat left center; margin: 6px 0 0 5px; padding: 0 0 0 10px; float: left; }
.ourNetworksPage .learnMore:hover { background-image: url(../images/light-blue-arrow-right.png); }
.ourNetworksPage .blueArrowButton { float: right; }

#contentWrapper.formPage h2 { background-color: #FFF; margin: 20px 0 10px; padding: 3px 10px; font-size: 14px; }
#contentWrapper.formPage .formContent { float: left; width: 100%; margin: 0 0 20px; }
#contentWrapper.formPage .formRow { float: left; width: 100%; margin: 0 0 10px; }
#contentWrapper.formPage .formRow label { font-weight: bold; float: left; width: 150px; text-align: right; margin: 4px 20px 0 0; }
#contentWrapper.formPage .formRow input { float: left; width: 240px; }
#contentWrapper.formPage .formRow select { float: left; width: 244px; }
#contentWrapper.formPage .formRow textarea { float: left; width: 240px; height: 50px; }
#contentWrapper.formPage .formActions { margin: 20px auto 0; width: 80px; clear: both; }

/* Forms */

#FormAsyncContentFields { float: left; width: 640px; }
#formContainer { width: 100%; float: left; }
#formContainer .formSection { float: left; width: 100%; clear: both; margin: 10px 0 0; }
#formContainer .formAgreement { float: left; width: 100%; margin: 10px 0 0; }
#formContainer .formAgreement p { margin-left: 10px; float: left; width: 95%; }
#formContainer .formAgreement .checkbox { margin-top: 4px; float: left; }
#formContainer .formRow { width: 100%; float: left; margin-bottom: 10px; }
#formContainer .formNote { float: left; clear: left; margin-bottom: 10px; }
#formContainer .radioContainer { margin: 3px 40px; float: left; width: 85%; clear: left; }
#formContainer .radioContainer input { margin: 0 3px; float: left; }
#formContainer .radioContainer span { float: left; }

#formContainer #industryOptions { width: 610px; padding-left: 40px; font-size: 11px; }
#formContainer #industryOptions .firstCol { float: left; margin: 0; width: 300px; }
#formContainer #industryOptions .secondCol { float: left; margin-left: 10px; width: 300px; }
#formContainer #industryOptions div div span { position: relative; top: -2px; }
#formContainer .industryPopUp { min-height: 135px; padding: 10px; position: absolute; float: left; top: 175px; left: 50px; }
#formContainer .industryPopUp p { clear: left; float: left; width: 100%; }
#formContainer .industryPopUp .error { float: left; clear: left; margin: 10px 0; }
#formContainer .industryPopUp .industryTitle { float: left; }
#formContainer .industryPopUp .closeButton { float: right; background: url(../images/close-button.gif) no-repeat right center; padding-right: 20px; }
#formContainer .industryPopUp .closeButton:hover { text-decoration: none; }
#formContainer .industryPopUp .confirmButton { font-weight: bold; margin: 10px 0; float: left; clear: both; width: 100%; text-align: center; }
#formContainer .industries ul { padding: 0 0 0 30px; float: left; width: 90%; margin: 10px 0; list-style-type: none; }
#formContainer .industries ul li { width: 100%; clear: left; float: left; margin: 0 0 10px; }
#formContainer .industries ul input { margin: 1px 5px 0 0; float: left; }
#formContainer .industries ul div { float: left; width: 90%; }
#formContainer #showSelectedSub { float: left; padding: 0 0 0 30px; }
#formContainer #showSelectedSub h3 { float: left; margin: 0 0 10px; }
#formContainer #showSelectedSub .sectorBox { clear: left; width: 100%; }
#formContainer #showSelectedSub .label { float: left; width: 130px; }
#formContainer #showSelectedSub .value { float: left; width: 465px; }
#formContainer #showSelectedSub .changeLink { float: left; clear: left; margin-top: 10px; }
#formContainer #geographicArea #specificStatesContainer.radioContainer { width: 110px; }
#formContainer #geographicArea .stateFieldContainer { float: left; width: auto; }
#formContainer .flashMap { position: absolute; top: 195px; left: 65px; }

#formContainer.bne  h3 { margin: 10px 0 0 30px; }
#formContainer.bne #keywordFieldsContainer { float: left; margin: 0 0 0 30px; }
#formContainer.bne #keywordFieldsContainer .fieldGroup { float: left; margin-right: 10px; width: 150px; }
#formContainer.bne #keywordFieldsContainer .fieldGroup input { clear: left; float: left; margin-top: 10px; }
#formContainer.bne #provideKeywords #addMoreKeywords { float: left; width: 120px; margin: 10px 5px; clear: both; }
#formContainer.bne #additionalComments textarea { height: 80px; margin: 5px 0 0 25px; width: 440px; }
#formContainer.bne #formContainer .imageHeaderContainer { padding: 2px 0 10px 10px; }

#formContainer.bne .formRow .label { text-align: right; margin: 3px 10px 0 0; font-weight: bold; float: left; width: 200px; }
#formContainer.bne .formRow input { width: 240px; float: left; }
#formContainer.bne .formRow input.smallField { width: 40px; }
#formContainer.bne .formRow select { width: 242px; height: 20px; }
#formContainer.bne .formRow .streetAddress { margin: 0; height: 50px; width: 240px; }
#formContainer.bne .personTitle { width: 310px; padding: 10px 0 10px 210px; }
#formContainer.bne .personTitle div { margin: 5px; clear: none; float: left; width: 55px; }
#formContainer.bne .personTitle div span { margin: 0 5px; }
#formContainer.bne .personTitle div input { margin: 0; height: 12px; border: 0; width: 12px; }
#formContainer.bne .phoneNumber { float: left; clear: none; width: 177px; }
#formContainer.bne .phoneNumber input { width: 40px; float: none; }
#formContainer.bne .extensionNumber { float: left; width: 100px; clear: none; }
#formContainer.bne .extensionNumber input { width: 40px; float: none; }

#formContainer.gb h3 { margin: 10px 0 10px 30px; }
#formContainer.gb .formNote { width: 65%; padding-left: 220px; }
#formContainer.gb .formRow label { width: 200px; float: left; }
#formContainer.gb .formRow input { width: 265px; float: left; }
#formContainer.gb .formRow input.phoneCountryCode { width: 30px; margin-right: 10px; }
#formContainer.gb .formRow input.phoneNumber { width: 221px; }
#formContainer.gb .formRow select { width: 271px; height: 20px; }
#formContainer.gb .nameFields input { width: 100px; margin-right: 5px; }
#formContainer.gb .nameFields select { width: 50px; margin-right: 5px; }
#formContainer.gb .nameFields .nameLabels { float: left; clear: left; width: 330px; padding-left: 165px; }
#formContainer.gb .nameFields .nameLabels label { width: 104px; padding-right: 5px; margin-right: 0; }