/* Defaults */ 

body {
margin:0px;
background: #fff;
border: 0px; 
padding: 0px; 
color: #000; 
text-align:center;
}

#services-menu a, a:link, a:visited, a:active {
color: #131373;
text-decoration:none;
font: bold 10pt verdana;
}

#services-menu a:hover {
background: #131373; 
color: #fff;
}

.highlight {
border: solid #131373;
border-width: 1px;
 background-color: #E2E2EE; 
padding: 20px;
}

#page {
margin-left: 5px;
margin-right: 5px;
margin-top: 20px;
width: 978px;
position: relative;
text-align:center;
}


#popup {
margin-left: 5px;
margin-right: 5px;
margin-top: 20px;
}
 

/* Sections */ 
#headerblock-left {
float:left;
position: relative; 
top: 0px;
width:690px;
text-align:left;
margin:0px;
padding:0px;
}

#headerblock-right {
width: 282px; 
top: 0px;
text-align: left; 
background: url(../homepageimages/home/right-bg.gif) repeat-y left top;
}

#headerblock-right-bf {
width: 282px; 
top: 0px;
text-align: left; 
}

#headerblock-left p {
margin: 0px 10px 10px 0px; 
padding: 0px;
}

#presented-by {
text-align: right; 
margin: 10px 0px 10px 0px; 
padding:0px;
font-variant: small-caps; 
font-size: 8pt; 
font-family: arial;
font-weight: normal;

}

#presented-by a:link, a:visited, a:active {
color: #000000;
text-decoration:none; 
text-align: right; 
font-variant: small-caps; 
font-size: 8pt; 
font-family: arial;
font-weight: normal;

}

#presented-by a:hover {
text-decoration:underline; 

}



#buildflowlogin {
position:relative; 
margin: 15px;
font: normal 8pt arial;
}

#services-menu {
text-align:left;
position: relative; 
background: #F3F3F8;
width: 974px;
border: solid #131373;
border-width: 1px 2px 2px 1px ;
}

.menucross {
position: relative; 
/* text-align: left; */
margin: 16px 0px 5px 0px; 
padding: 0px;
}

.bfcross {
position: relative; 
text-align: right;
margin: 5px 0px 0px 0px; 
padding: 0px;
}



/* Styles */


.services-menu-option {
width: 220px; 
font: normal 10pt arial;
display: table-cell;
margin: 20px 0px 0px 15px;
float:left;
text-align: left;
}

.clear {
clear: left;
padding:0px; 
margin:0px; 
height: 1px;
width: 100%;
}

.field {
font: bold 10pt arial;
}

#buildflowlogin input {
font-size: 9px;
}

#loginform input {
font-size: 9px;
}



.newfeatures {
font-family: 'arial narrow';
font-size: 15px;
color: #686869;
line-height: 16px;
}

.headline {
font-family: 'arial black';
font-size: 12px;
color: #686869;
letter-spacing: -0.5px
}

.buildflowmenurollover {
background-color: #D6D6EE
}

.forgotpassword {
margin: 10px 0px 10px 0px;
}

.smalldivider {
margin:0px; 

}

.padbelow {
margin: 0px 0px 10px 0px;
}

#a2 {
margin: 20px 0px 20px 50px;
}

#a3 {
margin: 20px 0px 20px 50px;
}

#a4 {
margin: 20px 0px 20px 50px;
}

.callouttext {
font: bold italic;
color: #141476;
}

.rollover-site a { float:left; display:block; width:126px; height: 14px; background-color: #ffffff; margin: 0px 0px 10px 0px;}
.rollover-site a:hover { background-color: #E7E7EE}
.rollover-about a { float:left; display:block; width:191px; height: 14px; background-color: #ffffff; margin: 0px 0px 10px 9px;}
.rollover-about a:hover { background-color: #E7E7EE}
.rollover-bflogin a { float:left; display:block; width:126px; height: 14px; background-color: #ffffff; margin: 0px 0px 10px 9px;}
.rollover-bflogin a:hover { background-color: #E7E7EE}
.rollover-menucross1 a { float:left; display:block; width:138px; height: 19px; background-color: #ffffff; margin: 0px 0px 0px 0px;}
.rollover-menucross1 a:hover { background-color: #E7E7EE}
.rollover-menucross1-selected a { float:left; display:block; width:138px; height: 19px; background-color: #D6D6EE; margin: 0px 0px 0px 0px;}
.rollover-menucross2 a { float:left; display:block; width:208px; height: 19px; background-color: #ffffff; margin: 0px 0px 0px 0px;}
.rollover-menucross2-selected a { float:left; display:block; width:208px; height: 19px; background-color: #D6D6EE; margin: 0px 0px 0px 0px;}
.rollover-menucross2 a:hover { background-color: #E7E7EE}
.rollover-menucross3 a { float:left; display:block; width:148px; height: 19px; background-color: #ffffff; margin: 0px 0px 0px 0px;}
.rollover-menucross3 a:hover { background-color: #E7E7EE}
.rollover-menucross3-selected a { float:left; display:block; width:148px; height: 19px; background-color: #D6D6EE; margin: 0px 0px 0px 0px;}
.rollover-menucross4 a { float:left; display:block; width:174px; height: 19px; background-color: #ffffff; margin: 0px 0px 0px 0px;}
.rollover-menucross4 a:hover { background-color: #E7E7EE}
.rollover-menucross4-selected a { float:left; display:block; width:174px; height: 19px; background-color: #D6D6EE; margin: 0px 0px 0px 0px;}
.rollover-menubf1 a { float:left; display:block; width:144px; height: 19px; background-color: #ffffff; margin: 0px 0px 0px 0px;}
.rollover-menubf1 a:hover { background-color: #E7E7EE}
.rollover-menubf1-selected a { float:left; display:block; width:144px; height: 19px; background-color: #D6D6EE; margin: 0px 0px 0px 0px;}
.rollover-menubf2 a { float:left; display:block; width:131px; height: 19px; background-color: #ffffff; margin: 0px 0px 0px 0px;}
.rollover-menubf2-selected a { float:left; display:block; width:131px; height: 19px; background-color: #D6D6EE; margin: 0px 0px 0px 0px;}
.rollover-menubf2 a:hover { background-color: #E7E7EE}
.rollover-menubf3 a { float:left; display:block; width:179px; height: 19px; background-color: #ffffff; margin: 0px 0px 0px 0px;}
.rollover-menubf3 a:hover { background-color: #E7E7EE}
.rollover-menubf3-selected a { float:left; display:block; width:179px; height: 19px; background-color: #D6D6EE; margin: 0px 0px 0px 0px;}
.rollover-menubf4 a { float:left; display:block; width:151px; height: 19px; background-color: #ffffff; margin: 0px 0px 0px 0px;}
.rollover-menubf4 a:hover { background-color: #E7E7EE}
.rollover-menubf4-selected a { float:left; display:block; width:151px; height: 19px; background-color: #D6D6EE; margin: 0px 0px 0px 0px;}

.rollover-menubf5 a { float:left; display:block; width:180px; height: 19px; background-color: #ffffff; margin: 0px 0px 0px 0px;}
.rollover-menubf5 a:hover { background-color: #E7E7EE}
.rollover-menubf5-selected a { float:left; display:block; width:180px; height: 19px; background-color: #D6D6EE; margin: 0px 0px 0px 0px;}

.rollover-menubf6 a { float:left; display:block; width:191px; height: 19px; background-color: #ffffff; margin: 0px 0px 0px 0px;}
.rollover-menubf6 a:hover { background-color: #E7E7EE}
.rollover-menubf6-selected a { float:left; display:block; width:191px; height: 19px; background-color: #D6D6EE; margin: 0px 0px 0px 0px;}

.rollover-aboutaec a { float:left; display:block; width:204px; height: 19px; background-color: #ffffff; margin: 0px 0px 10px 0px;}
.rollover-aboutaec a:hover { background-color: #E7E7EE}
.rollover-aboutaec-selected a { float:left; display:block; width:204px; height: 19px; background-color: #D6D6EE; margin: 0px 0px 10px 0px;}


.rightflowlogo {
margin: 44px 0px 20px 0px;

}



.bluetextbox  {
margin: 25px 30px 25px 45px;
font-family: arial;
font-size: 14px;
}

.innerblue  {
margin: 0px;
font-family: arial;
font-size: 14px;
padding:0px;
}

.bluesidebar {
margin: 25px 35px 25px 10px;
font-family: arial;
font-size: 12px;
border-left: 1px solid #ACACC7;
/* background-color: #F8F8F8; */
padding: 10px 15px 20px 40px;
height: 98%;
}

.bluesidebar p {
font-family: arial;
font-size: 12px;
}

.bluesidebar li {
font-family: arial;
font-size: 14px;
}



.bluesidebarlink {
color: #131373;
font-weight:bold;
font-family: Arial;
font-size: 26px;
}

h1 {
font: bold;
color: #141476;
font-size: 16px;
font-family: arial;
margin-bottom:0px; 
padding:0px;
}


.bf-right {
margin: 0px 0px 0px 16px;
border:1px solid white;
}

.featurelist {
margin: 0px 50px 0px 50px;
}

.faqlist {
margin: 50px 0px 0px 0px;
font-family: arial;
font-size: 14px;
border: 2px solid #141476;
background-color: #F8F8F8;
padding: 10px 10px 10px 10px;
width: 100%;
}

.sideimage {
margin: 0px 10px 5px 0px; 
border: 2px solid #141476;
}

.sideimager {
margin: 0px 0px 5px 10px; 
border: 2px solid #141476;
}

b {
color: #141476; 
}


.popdescription {
text-align:left;
background: #F3F3F8;
width: 500px;
border: solid #131373;
border-width: 1px 2px 2px 1px ;
padding: 10px;
}

.popdescription p {
font-family:arial;
font-size: 14px;
}

.popimage {
border: solid #131373;
border-width: 2px ;
}