/* ==========================================================================
   BCAT STYLES
   ========================================================================== */

body{ font-family:'Altrincham-Reg',Arial, Helvetica, sans-serif; }

a:hover{ color:#0C8DBB !important; text-decoration:underline !important; }

.c{ clear:both; }

.center{ width:986px; margin:0 auto; position:relative; }

#header{ height:105px; width:986px; margin:0 auto; line-height:105px; position:relative; }

#header h3{ height:105px; line-height:123px; padding:0; margin:0; color:#0393C8; font-family:'Altrincham-Reg'; font-weight:normal; }

#header ul{ position:absolute; right:40px; top:10px; padding-right:15px; }

#header ul li{ list-style:none; height:18px; display:none; line-height:18px; background-color:#fff; padding-left:3px; padding-right:15px; border:solid 1px #c9c9c9; border-top:none; }

#header ul li a{ color:#818185; font-size:13px; }

#header ul li.on{ display:block; text-decoration:underline; background-image:url(../images/arrow.jpg); background-repeat:no-repeat; background-position:center right; border:none; }

#header .contact{ position:absolute; right:0px; top:12px; line-height:18px; height:18px; display:inline-block; color:#818185; text-decoration:none; font-size:13px; }

#nav{ width:100%; height:27px; background-image:url(../images/nav_grad.jpg); text-align:right;  }

#nav .inner{ width:986px; margin:0 auto; text-align:right; height:27px; line-height:27px; }

#nav .inner a{ color:#fff; font-size:17px; text-decoration:none; margin-left:71px; line-height:28px; display:inline-block;  }

#feature{ background-image:url(../images/feature_grad.png); background-repeat:repeat-x; height:412px;margin-top:11px; }

#feature h4{ color:#fff; font-size:40px; margin-top:43px; font-weight:normal; }

#feature h5{ color:#fff;font-weight:normal;font-size:15px;  margin-top:17px; }

.polygons{ background-image:url(../images/polygons.png); background-repeat:no-repeat; background-position:0px -140px; height:412px; position:relative; }

.polygons .bottom{ width:57px; height:19px; background-image:url(../images/bottom.png); background-repeat:no-repeat; position:absolute; left:50%; bottom:-18px; margin-left:-28px; }

.homepage-tabs{ margin-top:27px; }

.homepage_tab{ width:198px; height:178px; background-image:url(../images/homepage_tab.png); background-repeat:no-repeat; text-align:center; padding:15px; }

.homepage_tab_land{ float:left; width:198px; height:190px; background-image:url(../images/homepage_tab.png); background-repeat:no-repeat; text-align:center; padding:15px; }

.homepage_tab span.title{ font-size:21px; color:#014B73; display:block; margin-top:30px; }

.homepage_tab_land span.title{ font-size:21px; color:#014B73; display:block; margin-top:30px; }

.homepage_tab span.description{ font-size:15px; color:#818185; display:block; margin-top:4px; }

.homepage_tab_land span.description{ font-size:15px; color:#818185; display:block; margin-top:4px; }

.questiontab{ width:335px; height:67px; text-align:center; line-height:67px; color:#fff; text-decoration:none; font-size:20px; display:inline-block; position:absolute; background-image:url(../images/question_tab.png); }

.askaquestion{ left:45px; bottom:-36px; } .testthesoftware{ right:45px; bottom:-36px; }

.fade{ height:47px; background-image:url(../images/fade.png); background-repeat:repeat-x; opacity:1; margin-bottom:20px;}

.grey_tab{ height:245px; padding-top:16px; background-image:url(../images/grey_tab.png); background-repeat:repeat-x; position:relative; }

.grey_tab .head img{ float:left;  }

.grey_tab .head span{ float:left; width:59%; color:#004369; font-size:16px; line-height:18px; padding-top:8px; }

.grey_tab .text{ font-size:13px; color:#757576; width:83%; margin:5px auto; clear:both; }

.grey_tab .bluelink{ position:absolute; right:0px; bottom:0px; width:105px; height:41px; background-image:url(../images/temp/bluelink.png); }

.homepage_vid{ margin-left:73px; }

.homepage_bottom{ height:240px; background-color:#e7e7e7; background-image:url(../images/hpback.png); background-position:top center; background-repeat:no-repeat; }

.homepage_bottom .home-left{ position:relative; }

.homepage_bottom .home-left span{ position:absolute; left:155px; top:110px; font-size:18px; color:#636465; width:208px; height:75px; font-family:Altrincham-Reg; }

.homepage_bottom h3{ height:36px; display:inline;  line-height:36px; padding:0; margin:0; color:#004369; font-size:30px; font-weight:normal; padding-right:85px; padding-top:7px; margin-top:37px; background-image:url(../images/glasses.png); background-repeat:no-repeat; background-position:top right; }

.homepage_bottom .text{ font-size:18px; color:#6B6B6B; margin-top:25px; line-height:28px; }

.top40{ padding-top:40px; }

.news-section h3{ line-height:58px; color:#004369; font-size:23px; font-weight:normal; }

.news-section h3 img{ float:left; }

.event-row{ font-size:14px; color:#575759; margin-top:20px; }

.event-row span{ color:#006FBB; font-size:14px; display:block; }

.blog-row{ padding-bottom:5px; border-bottom: solid 1px #c9c9c9; }

.blog-row a{ color:#1179BF; font-size:12px; text-decoration:none; }

.blog-row span{ color:#575759; font-size:12px; font-weight:bold; display:block; }

.blog-row span a{ color:#575759; font-weight:bold; text-decoration:none; display:block; }

.blog-row:last-child{ border:none; }

#footer{ height:245px; background-color:#1B1B1A; color:#fff; font-size:12px; margin-top:16px; background-image:url(../images/footer.png); background-position:top center; background-repeat:no-repeat;}

#footer h3{ color:#fff; font-size:18px; font-weight:normal; margin-top:20px; line-height:23px; }

#footer h3 img{ float:left; margin-right:20px; line-height:23px;}

#footer .footernav a{ display:block; color:#fff; font-size:12px; line-height:26px; }

#footer .ibox{ width:229px; height:22px; line-height:22px; display:block; padding:0; font-size:12px; text-indent:10px; }

#footer .footer_submit{ width:92px; height:42px; display:inline-block; background-image:url(../images/submit.png); margin-left:-8px; }

#footer .smedia img{ float:left; margin-right:6px; }

#footer .center{ overflow:hidden; }

.responsive{ display:none; }

.headmast{ height:126px; background-image:url(../images/headmast.png); background-repeat:repeat-x; margin-top:10px; }

.headmast .center{ height:90px; }

.headmast .bottom{ width:57px; height:19px; position:absolute; bottom:-19px; left:-10px; background-image:url(../images/bottom.png); }

.headmast h1{ font-size:42px; color:#fff; line-height:42px; padding:0 !important; margin:0 !important; margin-top:36px !important; font-weight:normal; }

.headmast h1 img{ float:left; margin-right:20px; }

.headmast span{ display:block; font-size:16px; color:#fff; margin-top:10px; }

#content{ margin-top:37px; }

#sidebar h2{ font-size:18px; color:#213375; font-weight:normal; height:40px; line-height:40px; }

.sidebar_submit{ width:136px; height:51px; background-image:url(../images/submitform.png); display:inline-block; margin-left:-8px; }

#sidebar .ibox{ display:block !important; width:92% !important; }

#sidebar .divide, #maincontent .divide{ width:100%; height:9px; border-top:solid 1px #70D8F5; background-image:url(../images/dividearrow.jpg); background-repeat:no-repeat; background-position:20px 0px; }

#sidebar .item{ padding-bottom:16px; background-image:url(../images/sidebargrad.png); background-repeat:repeat-x; background-position:bottom center; clear:both;}

#sidebar .item h3 a{ color:#818185; font-size:17px; font-weight:normal; text-decoration:none; }

#sidebar .item h3 img{ float:right; margin-right:12px; }

#maincontent{ width:72%; }

#maincontentinner{ width:75%; }

#maincontentinner .chats img{ float:left; }

#sidebar{ width:25%; }

#mainsidebar{ width:21%; background-image:url(../images/mainsidebar.png); background-repeat:no-repeat; background-position:top center;  }

.rss_btn{ padding-top:30px; display:block; }

.top60{ margin-top:60px; }

.article{ position:relative; color:#818185; font-size:15px; padding-bottom:30px; margin-bottom:25px; background-image:url(../images/sidebargrad.png); background-repeat:repeat-x; background-position:bottom center; }

.article .span8{ padding-left:30px; }

.article h2{ padding:0 !important; margin:0 !important;}

.article .meta span{ color:#0C8DBB; font-size:14px; display:block; }

.article h2 a{ color:#213375; font-size:24px; font-weight:normal; text-decoration:none;  }

.article .meta{ margin-bottom:22px; }

a.go{ display:inline-block; position:absolute; width:105px; height:41px; background-image:url(../images/go.png); bottom:5px; right:0px; }

.sharebuttons{ margin-top:30px; }

.footwell{ margin-bottom:-15px; }

.related_title{ color:#213375; font-size:24px; font-weight:normal; padding-left:30px; height:30px; line-height:50px; text-indent:30px; margin-top:-25px; }

.related_title .divide{ background-position:30px 0px; }

.related{ margin-top:35px; }

.related .span6{ min-height:145px; padding-top:25px; position:relative;  background-image:url(../images/sidebargrad.png); background-repeat:repeat-x; background-position:bottom center; }

.related .span6 a{ color:#213375; font-size:24px; font-weight:normal; text-decoration:none; display:block; }

.related .span6 span{ color:#0C8DBB; font-size:14px; display:block; margin-top:20px; }

.related .span6 .bottom{ width:105px; height:41px; position:absolute; bottom:6px; right:0px; background-image:url(../images/go.png);}

.forms{ min-height:250px; background-image:url(../images/verticalline.png); background-repeat:no-repeat; background-position:349px; margin-top:20px; }

.forms h3{ color:#23B1E3; font-size:26px; font-weight:normal; text-indent:7px; }

.forms .ibox{ background-image:url(../images/grey_ibox.jpg); background-repeat:repeat-x; border: solid 1px #ebebec; height:24px; line-height:24px; text-indent:8px; padding:0; margin:0; display:block; width:100%; margin-top:5px; color:#8c8c90; font-size:12px; }

.forms .box{ height:70px; background-color:#F0F1F1; border: solid 1px #ebebec; color:#8c8c90; font-size:12px; line-height:20px; margin-top:5px; width:96%; display:block; }

.forms .submit, #mainsidebar .submit{ width:92px; height:42px; background-image:url(../images/submit.png); float:right; display:inline-block; }

span.instruction{ display:block; width:100%; position:relative; font-size:13px; color:#858585; }

.questionmark{ width:30px; height:31px; background-image:url(../images/questionmark.png); position:absolute; right:130px; bottom:-6px; }

.upload{ width:116px; height:43px; background-image:url(../images/upload.png); float:left; display:inline-block; margin-left:-10px; }


.locations{ min-height:220px; background-color:#F6F7F7; padding:10px; width:97%; margin-top:35px;  }

.locations h2{ color:#23B1E3; font-size:26px; font-weight:normal; padding:0; margin:0; }

.address{ color:#575759; font-size:12px; }

.address span{ font-size:13px; display:block; margin-bottom:15px; }

.phone{ line-height:40px; font-size:12px; color:#575759; }

.email{ line-height:25px; font-size:12px; color:#575759; }

.googlemap{ border: solid 1px #c9c9c9; margin-top:14px; height:177px; }

.sidebar_question{  margin-top:73px; font-size:12px; color:#fff; position:relative; }

.sidebar_question .ibox{ height:24px !important; display:block; width:100%; background-color:#f0f1f1; border:none !important; padding:0; margin:0; margin-bottom:13px; box-shadow:-5px 3px 13px #A4E7F9; font-size:12px; text-indent:7px; }

.sidebar_question .box{ height:70px !important; display:block; width:100%; background-color:#f0f1f1; border:none !important; padding:0; margin:0; margin-bottom:13px; box-shadow:-5px 3px 13px #A4E7F9; font-size:12px;text-indent:7px; }

.sidebar_center{ width:86%; margin:0 auto; }

.item_collapse{ background-image:url(../images/collapsegrad.png);  background-position:top center; background-repeat:repeat-x; background-color:#0097C7; border-top:solid 2px #95D7E8; }

.item_collapse h2{ height:50px; line-height:50px; font-size:16px; color:#fff; text-indent:10px; padding:0; margin:0;}

.item_collapse h2 a{ height:50px; line-height:50px; font-size:16px; color:#fff; display:block; text-decoration:none; }

.item_collapse h2 a span{ font-size:10px; float:right; text-decoration:underline; font-weight:normal; margin-right:10px; }

.collapse_content{ display:none; padding-bottom:10px; font-size:12px; color:#fff;}

.collapse_content a{ color:#fff; text-decoration:none; font-weight:bold; }

.collapse_content ul{ padding:0; margin:0; }

.collapse_content ul li{ list-style:none; border-bottom:solid 1px #fff; padding-bottom:10px; padding-top:10px; margin-bottom:3px; }

#mainsidebar .social{ background-image:url(../images/sidebar_social.png); height:120px; background-color:#079ECE; }

#mainsidebar .social h5{ color:#fff; padding:0; margin:0; padding-top:44px;  font-size:16px; }

#mainsidebar .social img{ margin-right:2px; margin-top:10px; }

#sub_sidebar .item_top{ background-image:url(../images/subgradtop.png); background-repeat:no-repeat; }

#sub_sidebar .item_top h2{ color:#014B73; font-size:28px; font-weight:normal; padding:0; margin:0; padding-top:22px; margin-left:12px; padding-bottom:9px; }

#sub_sidebar .textaligncenter h2{ color:#014B73; font-size:28px; font-weight:normal; padding:0; margin:0; padding-top:22px; text-align:center; display:block; width:100%; padding-bottom:9px; }

#sub_sidebar .item{ background-image:url(../images/subgrad.png); background-repeat:repeat-x; }

#sub_sidebar .item_inner{ width:95%; margin-left:5px; padding:5px 0px 5px 0px; }

#sub_sidebar .item_inner img{ float:left; margin-right:10px; margin-top:5px; margin-left:10px; }

#sub_sidebar .item_inner p{  float:left;max-width:70%; font-size:14px; color:#036BA1; }

.textaligncenter{ text-align:center !important; margin:0 auto !important; width:100% !important; }

.textaligncenter .demo{ margin-top:20px; display:block;  } .textaligncenter .demo img{ max-width:100%; margin:0; padding:0; margin-left:6px !important; float:none !important;}

.textaligncenter .bluetext{ font-size:15px; color:#036BA1; margin-top:20px; }

.subheading{ font-size:16px; color:#036BA1; margin-bottom:20px; }

.contentarea{color:#818185; font-size:13px; }

.othersolutions { color:#888; font-size:14px; }

.othersolutions h2{ color:#0A4B77; font-size:28px; font-weight:normal; }

#subfooter{ height:38px; background-image:url(../images/subfooter.jpg); background-repeat:repeat-x; line-height:38px; }

#subfooter .center{ color:#fff; font-size:12px; font-weight:bold; text-shadow:8px 3px 8px #000 }

.sidebar_question .submit{ margin-top:-9px; }

.sidebar_question .linker{ width:100%; display:block; height:73px; position:absolute; top:-73px; }

.sidebar_question form{ margin:0 !important; }

.formhide{ display:none; }

.breadcrumbs {margin-top:5px;
text-align:right;
padding-right:10px;}

.breadcrumbs ul{
list-style-type:none;
margin:0px;
padding:0px;
}
.breadcrumbs ul li{
display:inline-block;

}



.sidebar_question .submit{ margin-top:-9px; }

.sidebar_question .linker{ width:100%; display:block; height:73px; position:absolute; top:-73px; }

.sidebar_question form{ margin:0 !important; }

.formhide{ display:none; }

.greyed{ padding-bottom:35px; background-image:url(../img/greyed.png); background-repeat:repeat-x; background-position:bottom; }

.greyed{ position:relative; min-height:190px; color:#818185; font-size:13px; margin-bottom:40px; }

.greyed .img img{ position:absolute; right:0px; bottom:0px; }

.greyed .img img_left{ position:absolute; left:0px; bottom:0px; }

.greyed .textright{ text-align:right; }

.greyed h3{ color:#016BA1; font-size:22px; font-weight:normal; }

.std{ font-size:13px; color:#818185; }

.std h4{ color:#01699F; font-size:16px; font-weight:normal; }

.cli li{ height:100px; position:relative; }

.cli li:hover{ border:solid 1px #AAE6FA; }

.cli li a{  height:20px; line-height:20px; text-align:center; position:absolute; bottom:0px; left:0px; width:100%; text-decoration:underline; color:#888888; font-size:13px; display:none; }

.cli li:hover a{ display:block !important; }

.panels .panel{ color:#01699F; font-size:12px; line-height:13px; height:320px; border: solid 1px #ccc; border-radius:7px; -moz-border-radius:7px; text-align:center; -webkit-border-radius:7px; padding:15px; position:relative; }

.panels .panel .darklink{ text-align:left; background-position:bottom right; background-repeat:no-repeat; font-size:14px; color:#213375; text-decoration:none; height:41px; position:absolute; right:0px; bottom:0px; background-image:url(../images/darklink.png); display:inline-block; width:100%; }

.panels .panel .darklink span{  font-weight:bold;max-width:70%; margin-left:15px; width:250px; display:inline-block; }

.panels .panel h3{ color:#014B73; font-size:22px; font-weight:normal; }

.panels .panel h6{ color:#818185; font-size:15px; font-weight:normal; padding-bottom:5px; border-bottom: solid 1px #818185; }

.panels .panel{ margin-bottom:20px; }

.contentarea h1{ color:#016BA1; font-size:16px; font-weight:normal; line-height:22px; }

.navigation{
height:66px; 
background-image:url(../images/tab_bg.jpg);
background-repeat:repeat-x;
margin-top:15px;

}

.navigation ul{
list-style-type:none;
margin:0px;
padding:0px;
}


.navigation ul li a{
display:block;
height:66px;
background-image:url(../images/off.jpg);
background-repeat:no-repeat;
float:left;
width:166px;
line-height:50px;

color:#14bcec; 
font-size:16px;
text-align:center;
text-decoration:none;
margin-right:15px;
}

.navigation ul li a:hover{
background-image:url(../images/on.jpg);
background-repeat:no-repeat;
color:#004369; 
text-decoration:none;
}

.navigation ul li.active a{

background-image:url(../images/on.jpg);
background-repeat:no-repeat;
color:#004369; 
text-decoration:none;
}



@media(max-width:767px){
#sub_sidebar .item_inner{ width:90%; margin-left:10px; padding:10px 0px 10px 0px;  text-align:center;   }

#sub_sidebar .item_inner p{ float:none; max-width:100%; font-size:15px; color:#036BA1; }

.navigation ul li a{
display:block;
height:66px;
background-image:url(../images/off.jpg);
background-repeat:no-repeat;
float:left;
width:166px;
line-height:50px;

color:#14bcec; 
font-size:16px;
text-align:center;
text-decoration:none;
margin-right:10px;
}

.long-caption p br{
display:none;
}


}


@media(max-width:420px){

.navigation {
background-image:none;
height:80px;
margin-bottom:10px;
}


.navigation ul li a{
display:block;

height:30px;
width:45%;
float:left;
line-height:30px;

color:#14bcec; 
font-size:11px;
text-align:center;
text-decoration:none;
background-image:none;
border:1px solid #00CCFF;
margin:3px;

}

.navigation ul li a:hover{
background-image:none;
}


.navigation ul li.active a{

background-image:none;
text-decoration:none;
}


}

@media only screen and (min-width:768px) {
    .video-header {
        margin-top:26px;
    }
}