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

@import "html-elements.css";
@import "clearfix.css";
@import "colorbox.css";

body.popup { text-align:left; min-width:0; padding:20px; background:#fff;}
body.popup a { color:#000033;}
.note { background-color:yellow; color:red;}
a.popupscreen { text-decoration:none; font-size:10px; text-transform:uppercase;  margin:0 0 0 10px; }
p.bigblue { font-size:18px; color:#40c3e4; }



#pageWrapper { width:998px; margin:0 auto; text-align:left; position:relative; overflow:visible;}
#header { height:114px; position:relative; overflow:visible; width:998px; margin:0 auto;}
#logoContainer { position:absolute; top:33px; left:-11px;}
#tagLineContainer { position:absolute; bottom:9px; left:295px;}

#globalLinks { position:absolute; bottom:1px; right:0; width:156px; height:25px; background:#fff url(../images/globallinks_bg.png) no-repeat;}
#globalLinks ul { margin:0; padding:0; list-style:none; position:relative;}
#globalLinks ul li { font-size:11px; position:absolute; top:6px;}
#globalLinks ul li#contactUsNav { left:10px;}
#globalLinks ul li#aboutUsNav { right:10px;}
#globalLinks ul li a { color:#40c3e4; text-decoration:none;}
#globalLinks ul li a:hover { color:#002d56;}

#body { clear:both; margin:10px 0;}

#homeFlash { margin-bottom:1em;}

#mainContent { width:710px; display:inline; float:right; padding-bottom:20px;}
#mainContent .content { color:#565656;}
#mainContent .content.subpage { line-height:1.5em; padding:39px 0 0 29px;}
#mainContent .content.subpage h2:first-child { margin-top:0;}
#mainContent h2 + p { margin-top:0;}
#mainContent .subpage.columns{clear:both; padding:10px 0 0 29px !important;}
#mainContent .subpage.columns h3{margin-top:0px;}
#mainContent .subpage.columns p{margin-top:0px;}
#mainContent .subpage.columns img{margin-top:5px;}
#mainContent .subpage.columns h3 { color:#40c3e4;}
#mainContent .subpage.columns .column-1 { width:340px; display:inline; float:left;}
#mainContent .subpage.columns .column-2 { width:328px; display:inline; float:right;}

#mainContent .subpage.columns .box { border:solid 1px #d8e2e4; border-top:solid 4px #c2c2c2; background-color:#f3f9fa; padding:16px 20px; margin-bottom:1em;}
#mainContent .subpage.columns .box h2 { color:#00abd5; font-size:14px; border-bottom:dotted 1px #00abd5; text-transform:uppercase; padding-bottom:4px;}
#mainContent .subpage.columns .box h2 + p { margin-top:1em;}

#intro { border-left:solid 1px #d2d2d2; border-right:solid 1px #d2d2d2; border-bottom:solid 1px #d2d2d2; color:#246197; padding:20px 27px; font-size:18px;}
#intro p { margin:0;}
#intro p + p { margin_top:1em;}

#homeTabs { background:#eee url(../images/hometabs_bg.png) repeat-y 0 0; width:710px; position:relative; border-bottom:solid 1px #909090; clear:both; padding:0 0 40px 0}
#homeTabsNav { background:#eee url(../images/hometabsnav_bg.png) no-repeat 0 0; height:36px; width:710px; margin:0; padding:0; list-style:none; overflow:hidden;}
#homeTabsNav li { position:absolute; top:0;}
#homeTabsNav li a { display:block; height:36px; overflow:hidden;}
#homeTabsNav li a span { margin-left:-2000px;}
#homeTabsNav li#enterpriseTabNav { left:10px;}
#homeTabsNav li#advisorTabNav { left:185px;}
#homeTabsNav li#reportTabNav {  left:348px;}
#homeTabsNav li#enterpriseTabNav a { width:174px; background:transparent url(../images/tabnav_enterprise.png) no-repeat 0 0;}
#homeTabsNav li#advisorTabNav a { width:163px; background:transparent url(../images/tabnav_advisor.png) no-repeat 0 0;}
#homeTabsNav li#reportTabNav a { width:140px; background:transparent url(../images/tabnav_report.png) no-repeat 0 0;}
#homeTabsNav li a:hover,
#homeTabsNav li.selected a { background-position:0 -36px !important;}
#homeTabs .homeTabs { clear:both; margin:10px 0 0 20px; background:transparent url(../images/hometabs_3cols_bg.png) 0 bottom no-repeat;}
#homeTabs .homeTabs#reportTab { background-image:url(../images/hometabs_1colnarrow_bg.png); width:657px;}
#homeTabs .homeTabs .column { width:222px; float:left; display:inline;}
#homeTabs .homeTabs .column.column-wide { width:657px;}
#homeTabs .homeTabs .column.column-2 { margin:0 8px 0 8px; width:222px;}
#homeTabs .homeTabs .column .content { width:218px; margin-bottom:10px;}
#homeTabs .homeTabs .column.column-wide .content { width:653px;}
#homeTabs .homeTabs .column.column-1 .content { width:217px;}
#homeTabs .homeTabs .column p { margin:0 0 1em 0; padding-left:15px; padding-right:11px;}

/* #subContent Styles */
#subContent { width:278px; display:inline; float:left;}
#subContent div.box { border:solid 1px #999; font-size:11px; color:#999; margin-bottom:1em; padding:0 16px;}
#subContent div.box h3 { font-size:14px; text-transform:uppercase;}

#primaryNav { margin:0 0 1em 0; padding:0; list-style:none;}
#primaryNav li { margin-bottom:1px;}
#primaryNav li a { display:block; width:278px; background:transparent url(../images/primarynav_2.png) no-repeat; overflow:hidden;}
#primaryNav li a span { margin-left:-2000px;}
#primaryNav li#aggregationNav a { background-position:0 0; height:76px;}
#primaryNav li#performanceNav a { background-position:0 -77px; height:76px;}
#primaryNav li#integrationNav a { background-position:0 -154px; height:76px;}
#primaryNav li#enterpriseNav a { background-position:0 -232px; height:36px;}
#primaryNav li#advisorNav a { background-position:0 -269px; height:36px;}
#primaryNav li#reportNav a { background-position:0 -306px; height:36px;}
#primaryNav li#aggregationNav a:hover,
#primaryNav li#aggregationNav.selected a { background-position:-279px 0;}
#primaryNav li#performanceNav a:hover,
#primaryNav li#performanceNav.selected a{ background-position:-279px -77px;}
#primaryNav li#integrationNav a:hover,
#primaryNav li#integrationNav.selected a { background-position:-279px -154px;}
#primaryNav li#enterpriseNav a:hover,
#primaryNav li#enterpriseNav.selected a { background-position:-279px -232px;}
#primaryNav li#advisorNav a:hover,
#primaryNav li#advisorNav.selected a { background-position:-279px -269px;}
#primaryNav li#reportNav a:hover,
#primaryNav li#reportNav.selected a { background-position:-279px -306px;}

#footer { background-color:#e2e2e2; border-top:solid 3px #00afdb; margin:10px 0; clear:both; position:relative; color:#a3a3a3; font-size:90%;}
#copyrightInfo { position:relative; text-align:right; padding:10px;}
#footerLinks { display:inline; margin-left:10px;}

/* --- BUTTONS AND OTHER STUFF -- */
a#scheduleTodayLink { display: -moz-inline-block; display:inline-block; width:159px; height:24px; overflow:hidden; background:transparent url(../images/btn_scheduletoday2.png) 0 0 no-repeat;}
a#scheduleTodayLink:hover { background-position: -160px 0;}
a#scheduleTodayLink span { margin-left:-2000px;}


a#perfScreenlink { display: -moz-inline-block; display:inline-block; width:324px; height:234px; overflow:hidden; background:transparent url(../images/screens_sample-perf.png) 0 0 no-repeat;}
a#perfScreenlink:hover { background-position:0 -234px;}
a#perfScreenlink span { margin-left:-2000px;}

a#busScreenlink { display: -moz-inline-block; display:inline-block; width:324px; height:234px; overflow:hidden; background:transparent url(../images/screens_sample-book.png) 0 0 no-repeat;}
a#busScreenlink:hover { background-position:0 -234px;}
a#busScreenlink span { margin-left:-2000px;}


#previousBtn a { display: -moz-inline-block; display:inline-block; width:66px; height:24px; overflow:hidden; background:transparent url(../images/btn_prev.png) 0 0 no-repeat;}
#previousBtn a:hover { background-position:-67px 0;}
#previousBtn a img { margin-left:-2000px; display:none;}
#nextButton a { display: -moz-inline-block; display:inline-block; width:66px; height:24px; overflow:hidden; background:transparent url(../images/btn_next.png) 0 0 no-repeat;}
#nextButton a:hover { background-position:-67px 0;}
#nextButton a img { margin-left:-2000px; display:none;}

#aboutBox { width:295px; border:solid 1px #57c2f6; margin:1em 0 1em 25px; float:right; padding:24px; text-align:center;}

a.learnMore { display: -moz-inline-block; display:inline-block;  overflow:hidden; height:24px; width:128px; background:transparent url(../images/btn_learnmore.png) 0 0 no-repeat;}
a.learnMore:hover { background-position:-129px 0 ;}
a.learnMore span { margin-left:-2000px;}