/******************************************
GENERAL
******************************************/

body {
background: #ECF7F9 url("/images/background/bckg_blue_grad.png") 0 top repeat-x;
text-align: center;
color: #858585;
font: 11pt arial, "sans-serif";
margin: 0px;
padding: 0px;
}

img {
border: 0px;
}

.noBorder { border: 0px; }
.clear { clear: both; }
.displayNone { display: none; }

hr {
color: #D5D5D5;
background: #D5D5D5;
height: 3px;
margin: 0px 0px 10px 0px;
border: 0px;
}

p {
margin-top: 0px;
padding-top: 0px;
}

sup {font: .75em arial, "sans-serif";}

/******************************************
LINKS
******************************************/

a {
color: #6cba42;
text-decoration: none;
}

a:hover {
text-decoration: underline !important;
}

/******************************************
HEADERS TAGS
******************************************/

h2 { display: none; }

h4, .sidebarBadgeContentNS h4, .msHPBadge h4 {
color: #003380;
font: bold 11pt arial, "sans-serif";
text-transform: uppercase;
padding: 0px;
margin: 0px 0px 5px 0px;
}

h5 {
color: #1E88BC;
font: bold 10pt arial, "sans-serif";
text-transform: uppercase;
padding: 0px;
margin: 0px;
}

h6 {
color: #858585;
font: bold 11pt arial, "sans-serif";
padding: 0px;
margin: 0px;
}

/******************************************
GREEN ARROWS
******************************************/

.sidebarLinkPosts ul li a, .moreLink a {
text-decoration: none;
background: url("/images/arrows/grn_arw.png") 0px 4px no-repeat;
padding: 0px 0px 10px 14px !important;
}

.lowerContentBox ul li, .sidebarBadge ul li, .sideBarThumbBody ul li, .sidebarBadgeBGContent ul li, .arrowList li {
list-style: url("/images/arrows/grn_arw.png") !important;
}

/******************************************
PADDINGS, MARGINS
******************************************/

.marginH5 { margin: 0px 5px; }
.marginWH5 { margin: 5px; }

.paddingH5 { padding: 5px 0px; }
.paddingW5 { padding: 0px 5px; }
.paddingWH5 { padding: 5px; }

/******************************************
BOXES, CONTAINERS
******************************************/

#mainContainer {
background: url("/images/background/lwr_pg_rd_bckg.png") 0 bottom no-repeat;
display: block;
width: 943px;
margin: 0px auto;
padding: 0px 0px 41px 0px;
position: relative;
}

#mainBodyWideLeft, #mainBodyNarrowLeft, #mainBodyMicrosite {
display: block;
padding: 0px;
margin: 0px;
text-align: left;
}

#mainBodyWideLeft { background: url("/images/background/pg_wht_bckg_wide.png") 0px 0px repeat-y; }
#mainBodyNarrowLeft { background: url("/images/background/pg_wht_bckg_narrow.png") 0px 0px repeat-y; }
#mainBodyMicrosite { background: url("/images/background/pg_wht_bckg.png") 0px 0px repeat-y; }

#footer {
display: block;
width: 943px;
margin: 0px auto;
padding: 10px 0px;
text-align: center;
}

#middleContent {
display: block;
width: 943px;
}

#leftContentWrapper, #leftContentWrapperNarrow {
margin: 0px;
padding: 0px;
display: block;
float: left;
text-align: left;
}

#leftContentWrapper { width: 724px; }
#leftContentWrapperNarrow { width: 597px; }

#leftContent, #leftContentNarrow {
margin: 0px 0px 0px 18px;
padding: 0px;
display: block;
text-align: left;
}

#leftContent {
width: 706px;
}

#leftContentNarrow {
width: 579px;
}

#leftContent p, #leftContentNarrow p {
padding: 0px 20px;
}

.lowerTop p {
padding: 0px !important;
}

#leftContent ul, #leftContent ol , #leftContentNarrow ul, #leftContentNarrow ol {
padding-right: 20px;
}

#leftContentBtm {
display: block;
height: 22px;
}

#rightContentWrapper, #rightContentWrapperWide {
display: block;
float: right;
margin: 0px;
padding: 0px;
text-align: left;
}

#rightContentWrapper { width: 219px; }
#rightContentWrapperWide { width: 346px; }

#rightContent, #rightContentWide {
display: block;
padding: 0px;
margin: 0px;
text-align: left;
}

#rightContent { width: 215px; }
#rightContentWide { width: 346px; }

/******************************************
HEADER SECTION
- Includes top search form
******************************************/

#header {
display: block;
background: url("/images/background/pg_wht_bckg.png") 0px 0px repeat-y;
height: 103px;
text-align: left;
}

#header a {
text-indent: -4000px !important;
}

#header h1 {
position: absolute;
top: 21px;
background: url("/images/XAP_logo.png") 0 0 no-repeat;
display: block;
width: 147px;
height: 76px;
padding: 0px;
margin: 0px 0px 0px 30px;
}

#header h1 a {
display: block;
width: 147px;
height: 76px;
}

#header #headerLinks {
display: block;
font-size: 10pt;
padding: 0px;
margin: 0px;
}

#header #headerLinks ul {
position: relative; 
float: right;
padding: 5px 0px 0px 0px;
margin: 0px 20px 0px 0px;
}

#header #headerLinks ul li {
float: left;
padding: 0px 5px;
list-style: none !important;
}

#header #headerLinks ul li.contactPhone {
padding-top: 4px;
}

#header #headerLinks ul li.listSeparate {
background: url("/images/background/list_seperator.gif") 0 7px no-repeat;
}

#header #searchBox {
position: absolute;
top: 25px;
display: block;
background: url("/images/search/search_bckg.png") 0 0 no-repeat;
width: 381px;
height: 69px;
padding: 0px;
margin: 10px 0px 0px 551px;
}

#header #searchBox #formBox {
display: block;
background: url("/images/search/search_wht_box.png") 0 0 no-repeat;
width: 287px;
height: 31px;
padding: 0px;
margin: 20px 0px 0px 80px;
}

#header #searchBox #formBox label {
display: none;
}

#header #searchBox #formBox .searchInput {
float: left;
background-color: #F7F7F7;
color: #858585;
font: 11pt arial, "sans-serif";
width: 220px;
height: 23px;
margin: 2px 0px 0px 25px;
padding: 5px 0px 0px 0px;
border: 0px;
text-align: right;
}

#header #searchBox #formBox .submitLink {
display: block;
float: right;
background: url("/images/search/search_arw_btns.png") 0px -31px no-repeat;
width: 32px;
height: 31px;
border: 0px;
}

#header #searchBox #formBox .submitLink:hover {
display: block;
background: url("/images/search/search_arw_btns.png") 0px 0px no-repeat;
width: 32px;
height: 31px;
border: 0px;
}

/******************************************
MAIN MENU NAVIGATION
******************************************/

#navigation {
display: block;
width: 921px;
height: 53px;
margin: 0px;
padding: 0px;
}

#navigation ul {
position: absolute;
display: block;
width: 921px;
height: 53px;
background: url("/images/navigation/uppr_nav.png") 0px -53px no-repeat;
padding: 0px;
margin: 0px 0px 0px 11px;
}

#navigation ul li {
position: absolute;
}

#navigation ul li, #navigation ul li a {
list-style: none;
display: block;
height: 53px;
text-indent: -4000px;
}

#navigation ul li#Home { left: 9px; width: 91px; }
#navigation ul li#ProdServ { left: 99px; width: 212px; }
#navigation ul li#Support { left: 310px; width: 123px; }
#navigation ul li#Leadership { left: 432px; width: 212px; }
#navigation ul li#WhoWeAre { left: 643px; width: 137px; }
#navigation ul li#ContactUs { left: 779px; width: 133px; }

#navigation ul li#Home a:hover, #navigation ul li#Home.navOn { background: url("/images/navigation/uppr_nav.png") -9px 0px no-repeat; }
#navigation ul li#ProdServ a:hover, #navigation ul li#ProdServ.navOn { background: url("/images/navigation/uppr_nav.png") -99px 0px no-repeat; }
#navigation ul li#Support a:hover, #navigation ul li#Support.navOn { background: url("/images/navigation/uppr_nav.png") -310px 0px no-repeat; }
#navigation ul li#Leadership a:hover, #navigation ul li#Leadership.navOn { background: url("/images/navigation/uppr_nav.png") -432px 0px no-repeat; }
#navigation ul li#WhoWeAre a:hover, #navigation ul li#WhoWeAre.navOn { background: url("/images/navigation/uppr_nav.png") -643px 0px no-repeat; }
#navigation ul li#ContactUs a:hover, #navigation ul li#ContactUs.navOn { background: url("/images/navigation/uppr_nav.png") -779px 0px no-repeat; }

/******************************************
BREADCRUMBS
******************************************/

.breadCrumbs {
background: url("/images/background/breadcrumbs_bar.png") 0px bottom repeat-x;
height: 24px;
font: 9pt arial, "sans-serif";
}

.bcLeft {
margin: 0px 0px 0px 9px;
padding: 0px 10px;
}

.bcRight {
padding: 0px 10px;
margin: 0px 9px 0px 0px;
text-align: right;
}

.breadCrumbs p {
font: 9pt arial, "sans-serif";
padding: 3px 0px 0px 0px;
margin: 0px;
}

.breadCrumbs a, .breadCrumbs p a {
color: #1E88BC;
text-decoration: none;
text-transform: none !important;
}

.breadCrumbs a:hover, .breadCrumbs p a:hover {
text-decoration: underline;
}

/******************************************
ICONS, ICON BADGES
******************************************/

.contactUs {
display: block;
background: url("/images/icons/email_icon.png") 0px 3px no-repeat;
width: 29px;
height: 23px;
}

.facebook {
display: block;
background: url("/images/icons/facebook_icon.png") 0px 1px no-repeat;
width: 21px;
height: 23px;
}

.printThis {
display: inlne;
background: url("/images/icons/print_icon.png") 0px 0px no-repeat;
height: 19px;
padding: 0px 0px 0px 22px;
margin: 0px 3px;
}

.shareThis {
display: inline;
background: url("/images/icons/share_icon.png") 0px 1px no-repeat !important;
height: 19px;
padding: 0px 0px 0px 17px;
margin: 0px 3px;
}

.twitter {
display: block;
background: url("/images/icons/twitter_icon.png") 0px 0px no-repeat;
width: 23px;
height: 23px;
}

/******************************************
FORMS
******************************************/

.formBody fieldset {
border: 0px;
padding: 0px;
margin: 0px;
}

label {
color: #1E88BC;
}

.formRow {
margin-bottom: 15px;
}

.formRow legend {
display: none;
}

/*
[formQuestion] maximum width is 200px
[formQuestionNoWidth] does not have a set width, so it will not align with other fields
*/

.formQuestion, .formQuestionNoWidth {
display: inline;
float: left;
color: #1E88BC;
text-align: right;
vertical-align: top;
padding: 2px 5px 0px 0px;
}

.formQuestion {
width: 125px;
padding: 7px 5px 0px 0px;
}

.formNoTableQuestion {
font-weight: bold;
display: block;
}

.formField {
text-align: left;
display: block;
float: left;
}

.formCheckbox {
text-align: left;
display: block;
float: left;
width: 325px;
}

.formCheckbox legend {
width: 125px;
}

.formBody input.inputBox, .formBody textarea, .formBody select {
background: #FAFAFA;
border-top: 1px solid #DEDEDE;
border-right: 1px solid #DEDEDE;
border-bottom: 1px solid #FFF;
border-left: 1px solid #FFF;
width: 200px;
color: #858585;
font: 12pt arial, "sans-serif";
}

.formBody input.inputBox {
padding: 2px;
height: 30px;
}

.formBody select {
margin: 0px;
padding: 5px;
}


.formBody textarea {
height: 100px;
}

/* Use this if the [TEXT AREA] needs to be wide and will not align with the column fields */
.textAreaWide {
width: 650px !important;
}

.formLandingSubmitButton {
padding: 0px;
margin: 0px;
position: relative;
left: 50px;
}

/* Form Buttons */

.formSubmit {
position: relative;
display: inline-block;
_display: block;
text-align: center;
background: url("/images/forms/submit_btn_off.png") 0px 0px no-repeat !important;
width: 150px;
height: 34px;
padding: 0px;
margin: 10px 0px;
text-indent: -4000px;
z-index: 105;
}

.formSubmit:hover {
background: url("/images/forms/submit_btn_on.png") 0px 0px no-repeat !important;
}

.formClear {
display: inline-block;
_display: block;
float: left;
background: url("/images/forms/clear_btn_off.png") 0px 0px no-repeat !important;
width: 109px;
height: 34px;
text-indent: -4000px;
text-align: center;
padding: 0px;
margin: 10px 0px;
}

.formClear:hover {
background: url("/images/forms/clear_btn_on.png") 0px 0px no-repeat !important;
}

.formActionButtons {
display: block;
margin: 0px 0px 0px 200px;
padding: 10px 0px;
}

.formActionButtons .formSubmit, .formActionButtons .formClear {
display: inline;
float: left;
margin: 0px 5px;
}

/* Example: Microsite - Parents/Students */

.sidebarBadgeContent .sideFormRow {
display: block;
padding: 0px 0px 5px 0px;
}

.sidebarBadgeContent .inputBox, .sidebarBadgeContent select {
width: 175px !important;
}

/******************************************
FOOTER
******************************************/

#footer, #footer a, #footer p {
font: 8pt arial, "sans-serif";
}

#footerBadges {
float: left;
display: block;
margin: 0px 0px 0px 300px;
}

#footer .twitter  { background: url("/images/footer/twitter_badge.png") 0px 0px no-repeat; }
#footer .facebook  { background: url("/images/footer/facebook-badge.png") 0px 0px no-repeat; }

#footer .twitter, #footer .facebook {
float: left;
width: 154px;
height: 57px;
margin: 0px 5px;
}

#footer .twitter a, #footer .facebook a {
display: block;
width: 154px;
height: 57px;
text-indent: -4000px;
text-decoration: none;
}

.copyright {
padding-top: 5px;
}

/******************************************
SIDEBAR
- [sidebarBadge] has bottom horizontal shading
- [sidebarBadgeNS] has NO bottom horizontal shading
- [sidebarLinkPosts] for content with 100% width and NO padding
- Anything with [NS] means no shading
******************************************/

.sidebarBadge, .sidebarBadgeNoWidth {
background: #FFF url("/images/background/grad_divider.png") 0px bottom repeat-x;
}

.sidebarBadge, .sidebarBadgeNoWidth {
display: block;
padding: 7px 0px;
margin: 0px 0px 3px 0px;
}

.sidebarBadge, .sidebarBadgeNS {
width: 215px;
}

.sidebarBadgeContent, .sidebarBadgeContentNS {
display: block;
font: 10.5pt arial, "sans-serif";
text-align: left;
margin: 0px 3px 0px 9px;
}

.sidebarBadgeContent {
width: 198px;
}

.sideBarPadding {
padding: 10px;
}

.sidebarLinks {
display: block;
padding-bottom: 10px;
}

.sidebarBadgeContent .sidebarLinks p {
margin: 0px !important;
padding: 0px !important;
}

.sidebarBadgeContent p, .sidebarBadgeContentNS p {
font: 10.5pt arial, "sans-serif";
padding: 0px 0px 10px 0px;
margin: 0px;
}

.sidebarBadgeContent ul, .sidebarBadgeContent ol, .sidebarBadgeContentNS ul, .sidebarBadgeContentNS ol, .sidebarBadgeBGContent ul, .sidebarBadgeBGContent ol {
padding: 0px 0px 15px 20px;
margin: 0px;
}

.sidebarBadgeContent img, .sidebarBadgeContentNS img {
margin-bottom: 10px;
}

.sidebarBadgeContent p img, .sidebarBadgeContentNS p img {
margin-bottom: 0px !important;
}

/*
List with top and bottom border (career, recent posts, etc.)
Alternate row colors with [row1] and [row2]
*/

.sidebarLinkPosts h6 {
margin-left: 9px;
}

.sidebarLinkPosts ul {
padding: 0px;
margin: 0px;
border-top: 1px solid #DBDBDB;
}

.sidebarLinkPosts ul li {
list-style: none;
list-style-image: none;
display: block;
padding: 5px 0px;
margin: 0px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #DBDBDB;
}

.sidebarLinkPosts ul li.row1 {
background: #F6F6F6;
display: block;
}

.sidebarLinkPosts ul li.row2 {
background: #ECECEC;
display: block;
}

.sidebarLinkPosts ul li .postTitle {
width: 165px;
display: block;
float: left;
padding-left: 10px;
}

.sidebarLinkPosts ul li .postLinkBadge {
padding-top: 15px;
}

.iconBadge {
height: 48px;
}

ul.careerPosts li {
background: url("/images/icons/arrowPDF.png") 4px 8px no-repeat !important;
padding-left: 35px;
padding-right: 5px;
}

ul.careerPosts li a {
background: none !important;
}

/* SIDEBAR TAB */

#sideTabTop {
position: relative;
display: block;
width: 337px;
height: 51px;
padding: 0px;
margin: 0px 0px 0px 0px;
}

#sideTabTop ul {
position: absolute;
display: block;
background: url("/images/sidebar/sidebar_box_nav.png") 0px -51px no-repeat;
width: 337px;
height: 51px;
padding: 0px;
margin: 0px 0px 0px 0px;
}

#sideTabTop ul li {
position: absolute;
text-align: center;
}

#sideTabTop ul li, #sideTabTop ul li a {
display: block;
list-style: none;
height: 51px;
color: #7D7D7D;
text-decoration: none;
text-transform: uppercase;
font: bold 10.5pt arial, "sans-serif";
line-height: 50px;
}

#sideTabTop ul li a h4 {
font: bold 10.5pt arial, "sans-serif";
padding: 20px 0px 0px 0px;
margin: 0px;
}

#sideTabTop ul li, #sideTabTop ul li a:hover {
color: #003380;
text-decoration: none !important;
}

#sideTabTop ul li#sidePrev1 { left: 0px; width: 122px; }
#sideTabTop ul li#sidePrev2 { left: 122px; width: 89px; }
#sideTabTop ul li#sidePrev3 { left: 211px; width: 126px; }

#sideTabTop ul li#sidePrev1 a:hover, #sideTabTop ul li#sidePrev1.onTab { background: url("/images/sidebar/sidebar_box_nav.png") 0px 0px no-repeat; }
#sideTabTop ul li#sidePrev2 a:hover, #sideTabTop ul li#sidePrev2.onTab { background: url("/images/sidebar/sidebar_box_nav.png") -122px 0px no-repeat; }
#sideTabTop ul li#sidePrev3 a:hover, #sideTabTop ul li#sidePrev3.onTab { background: url("/images/sidebar/sidebar_box_nav.png") -211px 0px no-repeat; }

#sideTabMid {
display: block;
background: url("/images/sidebar/sidebar_box_mid.png") 0px 0px repeat-y;
width: 337px;
max-height: 580px;
overflow-y: auto;
overflow-x: hidden;
}

#sideTabBtm {
display: block;
background: url("/images/sidebar/sidebar_box_btm.png") 0px 0px no-repeat;
width: 337px;
height: 10px;
}

.sideBarThumbBody, .sideBarThumbBodyOn {
width: 333px;
padding: 5px 0px;
margin: 0px 2px;
clear: both;
}

.sideBarThumbBody, .sideBarClient, .sideBarTestimonials { background: url("/images/background/grad_divider.png") 0px bottom repeat-x !important; }
.sideBarThumbBodyOn { background: url("/images/background/thumb_on_grad.png") 0px bottom repeat-x !important; }

.sideBarClient, .sideBarTestimonials {
width: 333px;
padding: 15px 0px;
margin: 0px 2px;
}

.sideBarClient p, .sideBarTestimonials p {
padding: 0px;
margin: 0px 15px;
}

.sideBarList ul a {
background-image: none !important;
padding: 0px;
margin: 0px;
}

/* TESTIMONIAL */
.testAuthor {
text-align: right;
font: 10pt arial, "sans-serif";
font-style: italic;
padding: 5px 0px 0px 0px !important;
margin: 0px;
}

/* SIDEBAR WIDGET WITH BACKGROUND */

.sidebarGeneric { background: url("/images/sidebar/widget_background.png") 0px 0px no-repeat; }
.sidebarCareers { background: url("/images/sidebar/news_img.png") 0px 0px no-repeat; }
.sidebarSources { background: url("/images/sidebar/widget_funding.png") 0px 0px no-repeat; }
.sidebarFreeTrial { background: url("/images/sidebar/widget_freetrial.png") 0px 0px no-repeat; }
.sidebarEvents { background: url("/images/sidebar/widget_events.png") 0px 0px no-repeat; }
.sidebarResearch { background: url("/images/sidebar/widget_research.png") 0px 0px no-repeat; }
.sidebarResources { background: url("/images/sidebar/widget_additionalresources.png") 0px 0px no-repeat; }
.sidebarSuccess { background: url("/images/sidebar/widget_successstories.png") 0px 0px no-repeat; }
.sidebarDemo { background: url("/images/sidebar/widget_demo.png") 0px 0px no-repeat; }

.sidebarBadgeBG {
display: block;
width: 197px;
}

.sidebarBadgeBG h4 {
margin-bottom: 10px !important;
}

.sidebarBadgeNS .sidebarBadgeBG {
margin-left: 8px;
}

.sidebarBadgeBGContent {
display: block;
width: 178px;
padding: 30px 0px 15px 0px;
margin: 0px 0px 0px 12px;
}
.sidebarBadgeCareers { padding: 30px 0px 0px 0px !important; }

.sidebarResources {
padding-top: 30px !important;
}

.sidebarBadgeBGContentBtm {
display: block;
background: url("/images/background/grad_divider.png") 0px bottom repeat-x;
height: 15px;
}

.sidebarBadgeContent ul {
margin: 0px 0px 10px 20px;
padding: 0px;
}