/*************************************************************************/
/*                                BASIC                                  */
/*************************************************************************/

html { height: 100%; }
body { height: 100%; font: 68.75% Microsoft Sans Serif, Arial, Helvetica , Tahoma , sans-serif; text-align: left; color: #444444; background-color: #ffffff; background-image: url(../images/bg_main_collpased.jpg); background-repeat: repeat-x; margin: 0px; padding: 0px; cursor: default; }
img { border: 0px; }
a,
a:link { color: #0061b4; text-decoration: none; }
a:visited { color: #002a4e; }
a:hover,
.navLink:hover { color: #00396b; }
a:active { color: #444444; }

.Div:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* ie 6 */
* html .Div 
{
    height: 1%;
}

/* ie 7 */
*:first-child+html .Div 
{
    min-height: 1px;
}

/*************************************************************************/
/*                              NAVIGATION                               */
/*************************************************************************/

/* RESETS */
#NavBar { margin-top: 3px;}
#NavBar,
#NavBar li,
#NavBar ul {width: 242px;padding: 0px; margin: 0px;}
#NavBar,
#NavBar ul {list-style: none;}

/* TOP LEVEL */
/* the display needs to be inline because of a mysterious bug where ie draws extra padding under an LI */
#NavBar .TopLI {overflow: hidden; display: inline; }
#NavBar .TopLI .TopLink { background-image: url(../images/navigationsprite-normal.jpg);width: 234px; margin-left: 8px; margin-bottom: 1px; height: 25px; overflow: hidden; display: block;}
#NavBar .TopLI .TopLink:hover {background-image: url(../images/navigationsprite-hover.jpg);}
#NavBar .SelectedTopLI .TopLink,
#NavBar .SelectedTopLI .TopLink:hover {background-image: url(../images/navigationsprite-selected-normal.jpg);}
/* hidden text */
#NavBar .TopLI .TopLink span { display: none;}

/* SECONDARY NAV LEVEL */
#NavBar .SubUL {background: url(../images/middle.gif) repeat-y; margin-top: 1px; display: none;}
#NavBar .SubUL .SubLI { display: block; height: 19px;}
#NavBar .SubUL .FirstSubLI { padding-top: 12px;}
#NavBar .SubUL .LastSubLI { background: url(../images/bottom.gif) no-repeat 0% 15px; padding-bottom: 8px;}
#NavBar .SubUL .SubLI .SubLink { padding: 0px 10px 0px 32px; font-size: 11px; font-family:Tahoma , Helvetica , Arial, Microsoft Sans Serif, sans-serif;color: #0061b4; font-weight: bold; text-transform: uppercase; }
#NavBar .SubUL .SelectedSubLI .SubLink { color: #b30201}

/* BACKGROUND POSITIONS */
#NavBar #Tab2 .TopLink { background-position: 0px -25px;}
#NavBar #Tab3 .TopLink { background-position: 0px -50px;}
#NavBar #Tab4 .TopLink { background-position: 0px -75px;}
#NavBar #Tab5 .TopLink { background-position: 0px -100px;}
#NavBar #Tab6 .TopLink { background-position: 0px -125px;}
#NavBar #Tab7 .TopLink { background-position: 0px -150px;}
#NavBar #Tab8 .TopLink { background-position: 0px -175px;}
#NavBar #Tab9 .TopLink { background-position: 0px -200px;}
#NavBar #Tab10 .TopLink { background-position: 0px -225px;}


/* BROWSER QUIRKS */
.IE #NavBar .TopLI,
html .IE #NavBar .No_SubLinks { margin-bottom: -1px;}
.IE #NavBar .SelectedTopLI { margin-bottom: 0px;}
.Safari #NavBar .TopLI,
.FF #NavBar .TopLI,
html .Safari #NavBar .No_SubLinks,
html .FF #NavBar .No_SubLinks { margin-bottom: 1px;}
.Safari #NavBar .SelectedTopLI,
.FF #NavBar .SelectedTopLI { margin-bottom: 0px;}

/*************************************************************************/
/*                                  LAYOUT                               */
/*************************************************************************/

#leftSide { width: 234px; overflow: hidden; padding-right: 16px; background-image: url(../images/bg_leftside_collpased.jpg); background-repeat: repeat-x; background-color: #f4f3eb; }
#logoBox { width: 256px; height: 120px; overflow: hidden; }
#leftPadding { height: 13px; width: 256px; }
#rightSide { padding-left: 8px; background-image: url(../images/bg_leftside_collpased.jpg); background-repeat: repeat-x; background-color: #f4f3eb; width: 745px; overflow: hidden; }
#topRightSide { background-image: url(../images/bg_main_collpasedtopright.jpg); background-color: White; background-repeat: repeat-x; }
#topRightHeader { height: 256px; overflow: visible; }
#rightPadding { height: 16px; width: 716px; }
#rightSideContentArea { width: 715px; background-color: white; background-image: url(../images/roundcorner.jpg); background-repeat: no-repeat; padding-left: 16px; margin-top: 16px; padding-right: 32px; padding-top: 0px; }
#rightSideContentArea h2 { color: #1275b1; font-size: 16px; }
#rightSideContentArea h3 { color: #1275b1; font-size: 13px; }
#rightSideContentArea .bulletText,
.bulletText2 { color: #31404f; font-size: 13px; font-weight: bold; }
.boldText { color: #31404f; font-weight: bold; }
#rightSideContentArea .bulletText2 { font-size: 12px; }
#rightSideContentArea ul { list-style-position: outside; text-indent: 5px; padding: 0px; margin-left: 16px; list-style-image: url(../images/bullet.gif); line-height: 16px; }
#rightSideContentArea li { padding-right: 0px; padding-left: 0px; text-indent: 0px; text-align: left; }
#rightSideContentArea p,
.normalPar { text-indent: 32px; font-size: 13px; line-height: 16px; text-align: justify; }
.topPadding { padding-top: 12px; }
#Footer { margin-top: 0px; padding-left: 16px; }
.buttons { width: 300px; float: left; padding-top: 5px; }
#buttonGroup { padding-left: 16px; }
.insideText { padding-left: 16px; }
.topTextNav { font-size: 12px; width: 100%; }
.topTextNav img { border: 0px; padding-right: 2px; vertical-align: middle; }
#MiddleLine { width: 950px; float: left; padding-bottom: 8PX; padding-top: 0px; margin-top: 0px; }
#FooterLeftSide { float: left; }
#FooterCenterLine { float: left; height: 350px; }
#FooterRightSide { float: left; left: 267px; position: relative; width: 682px; overflow: visible; }
.normalParA { }
.normalParA { font-size: 13px; }
.testimonialVideo { width: 100%; text-align: center; height: 400px; padding-top: 40px; }
.formField { background-image: url(../images/formbg.jpg); }
.whiteboxTop { background-image: url(../images/section_header.jpg); background-repeat: no-repeat; width: 676px; height: 34px; overflow: hidden; float: left; }
.whiteboxHeader { padding-top: 5px; padding-left: 10px; font-size: 12px; font-weight: bold; color: #777777; float: left; }
.whiteboxMiddle { background-image: url(../images/section_bg.jpg); background-repeat: repeat-y; width: 676px; float: left; }
.whiteboxFooter { padding-bottom: 5px; }
.whiteboxTextPar { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }
.logo,
.headerLayout { padding-top: 20px; }
.headerTextNav { padding-top: 62px; font-size: 14px; }
.headerLayout { width: 703px; height: 156px; overflow: hidden; }
.headerLayoutPadding { padding-top: 68px; padding-left: 16px; }
.insidePageMinSize { min-height: 400px; }
.historyLinkC { }
.historyLinkC:hover { font-weight: bold; text-decoration: underline; cursor: pointer; }

/*************************************************************************/
/*                              LANDING PAGE                             */
/*************************************************************************/

/* Resets */
#LandingPage p { padding: 13px 0 0 0 ; margin: 0px; text-indent: 0px !important;}
#LandingPage h1,
h2 { margin: 0px; padding: 0px;}
#LandingPage h2 { padding: 5px 0px 5px 0px;}

/* Next Button */
#NextButton_OuterSpan {float: right; width: 163px; display: block;}
#NextButton_InnerAnchor {float: right; width: 71px; height: 71px; display: block; padding-right: 42px;}
#NextButton_InnerAnchor img {float: right;}

/* Icons list and feature list */
#LandingPage #FeatureLists { position: relative; height: 270px;}

/* Outer Div for features lists */
#LandingPage #FeatureLists h3{ height: 0px; overflow: hidden;}

/* UL */
/* reversing order using css */
#LandingPage #IconUL,
#LandingPage #FeatureUL { padding: 0px !important; margin: 0px !important; display: block; border: 0px; list-style: none; width: 100%; overflow: hidden; clear: both;}
#LandingPage #IconUL { position: absolute; top: 0px; height: 84px; }
#LandingPage #FeatureUL { position: absolute; top: 95px; height: 90px;}

/* ICONS */
#LandingPage #IconUL li { border: 1px solid white; width: 40px; height: 40px; background-image: url(../images/icons-sprite.jpg); float: left; }
#LandingPage #IconUL span { display: block; height: 0px; width: 0px; overflow: hidden; }
#LandingPage #IconUL .LandingIcon:hover { border: 1px solid #c5c3b9; }
#LandingPage #IconUL .BGP1 { background-position: 0px -0px;}
#LandingPage #IconUL .BGP2 { background-position: 0px -40px;}
#LandingPage #IconUL .BGP3 { background-position: 0px -80px;}
#LandingPage #IconUL .BGP4 { background-position: 0px -120px;}
#LandingPage #IconUL .BGP5 { background-position: 0px -160px;}
#LandingPage #IconUL .BGP6 { background-position: 0px -200px;}
#LandingPage #IconUL .BGP7 { background-position: 0px -240px;}
#LandingPage #IconUL .BGP8 { background-position: 0px -280px;}
#LandingPage #IconUL .BGP9 { background-position: 0px -320px;}
#LandingPage #IconUL .BGP10 { background-position: 0px -360px;}
#LandingPage #IconUL .BGP11 { background-position: 0px -400px;}
#LandingPage #IconUL .BGP12 { background-position: 0px -440px;}
#LandingPage #IconUL .BGP13 { background-position: 0px -480px;}
#LandingPage #IconUL .BGP14 { background-position: 0px -520px;}
#LandingPage #IconUL .BGP15 { background-position: 0px -560px;}
#LandingPage #IconUL .BGP16 { background-position: 0px -600px;}
#LandingPage #IconUL .BGP17 { background-position: 0px -640px;}
#LandingPage #IconUL .BGP18 { background-position: 0px -680px;}
#LandingPage #IconUL .BGP19 { background-position: 0px -720px;}
#LandingPage #IconUL .BGP20 { background-position: 0px -760px;}
#LandingPage #IconUL .BGP21 { background-position: 0px -800px;}
#LandingPage #IconUL .BGP22 { background-position: 0px -840px;}
#LandingPage #IconUL .BGP23 { background-position: 0px -880px;}
#LandingPage #IconUL .BGP24 { background-position: 0px -920px;}

/* FETURE LIST */
#LandingPage #FeatureUL li { display: block; float: left; width: 49.5%; font-weight: bold; font-size: 13px; height: 18px; text-indent: 14px; background: url(../images/feature-bullet.gif) no-repeat 0% 7px; }
.whatsNew { text-indent: 0px; font-size: 20px; }

/*************************************************************************/
/*                            REQUEST INFO FORM                          */
/*************************************************************************/

.formHeader { background-image: url(../images/bg_infoformheader.jpg); background-repeat: repeat-x; font-size: 11px; background-color: white; }
.formContent { }
#CSIdentifyProblem .infoFormLeft { width : 400px; }
#CSIdentifyProblem .infoFormRight { width: 200px; }
.infoFormLeft { height: 20px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; width: 130px; }
.infoFormRight { height: 20px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; width: 350px; }
.contactForm { padding: 10px; }
.reqFormAlert { color: Red; padding-left: 20px; }
.historyPage { }

/*************************************************************************/
/*                        WHAT IS BUILDINGLINK                           */
/*************************************************************************/

.whatIsHeading { display: block; background-image: url(../images/bg_whatis.jpg); height: 27px; background-position: left; background-repeat: no-repeat; font-size: 14px; font-weight: bold; overflow: hidden; }
.ballMoreClass { display: block; width: 113px; height: 27px; overflow: hidden; cursor: pointer; background-image: url(../images/bg_whatisballs.jpg); }
.moreTextClass { padding-top: 20px; padding-left: 20px; padding-right: 20px; background-image: url(../images/bg_whatisbubble.jpg); background-repeat: no-repeat; margin-top: 0px; text-indent: 0px; line-height: 18px; }
.philosophyBold { font-weight: bold; color: #005eaf; }
.formTextbox,
.formText { border: 1px solid #c5c3b9; padding: 3px; }
.formFieldTags { }

/*************************************************************************/
/*                         PLATFORM PAGE                                 */
/*************************************************************************/

.iconGrid div { width: 79px; height: 79px; overflow: visible; }
.iconGrid img { border: 1px solid white; }
.iconGrid img:hover { border: 1px solid #c5c3b9; }

/*************************************************************************/
/*                       PURCHASE EQUIPMENT                              */
/*************************************************************************/

.purchaseEquip { background-color: #eee; width: 517px; padding: 8px; background-image: url(../images/bg_equip.jpg); background-repeat: no-repeat; }
.equipText1 { font-size: 15px; border-bottom: 1px solid gray; padding-bottom: 5px; margin-bottom: 5px; }
.equipText2 { font-size: 14px; }
.equipText3 { font-size: 12px; font-weight: bold; }
.equipmentTable td { width: 33%; height: 80px; padding: 10px; vertical-align: top; }
.changeCrsr:hover { cursor: pointer; }
.screenshots { overflow: hidden; }
.screenshots .header { font-size: 14px; margin-top: 16px; }
.screenshots img { margin-top: 16px; }
.screenshots .Left { width: 350px; float: left; margin-bottom: 16px; }
.screenshots .Right { width: 350px; float: right; margin-bottom: 16px; }
.screenshots .Divider { width: 100%; clear: both; text-align: left; font-size: 14px; border-top: 1px solid gray; padding-top: 4px; }
.screenshots .Divider .Header { color: black; font-size: 18px; width: 100%; text-align: left; padding-bottom: 20px; }
.Screenshot { text-align: center; width: 100%; }

/*************************************************************************/
/*                          CUSTOMER SUPPORT                             */
/*************************************************************************/

.cshelp,
.cshelp a:visted,
.cshelp a:hover,
.cshelp a:link,
.cshelp a { font-size: 10px; font-weight: bold; color: #0e7700; text-decoration: underline; }
#FAQList li { line-height: 20px; font-size: 14px; font-weight: normal }
#FAQList > * { font-weight: bold !important; line-height: 40px !important; }

/*************************************************************************/
/*                       SUBMIT CUSTOMER COMMENT                         */
/*************************************************************************/
.TellUsWhatYouThinkLink { background: url(../images/bullhorn.gif) 100% 50% no-repeat; padding-right: 25px; text-align: right; height: 30px; line-height: 30px;}
.SubmitCustomerCommentForm { font-size: 14px;}

.SubmitCustomerCommentForm .LeftCell { padding: 5px; border-top: 1px solid #cccccc;}
.SubmitCustomerCommentForm .RightCell { padding: 5px; border-top: 1px solid #cccccc;}
.SubmitCustomerCommentForm .TopRow td { border-top: 0px;}