/*=======================================================*/
/* COMMON STYLE ATTRIBUTES */
/*=======================================================*/
body {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;
color: black;   /* http://www.colourlovers.com/palette/49539/My_Alcoholic_Friends */
color: #2D6092; /* getting out of time  (dark blue)   */
color: #4277AB; /* not to be ashamed    (medium blue) */
color: #96C0E7; /* my best behaviour    (sky blue)    */
color: #F08524; /* body in the basement (orange)      */
color: #5A8FC3; /* noble occupation     (bright blue) */
color: #696969; /* dark gray                          */
background-color: white; 
margin: 0;}

/* Reverse link colors as gray is being used now for text
a {text-decoration:none; color:#4277AB;}
a:hover {text-decoration:underline; color:#F08524;}
*/

a {text-decoration:none; color:#F08524;}
a:hover {text-decoration:none; color:#4277AB;}
a:hover {text-decoration:none; color:#5A8FC3;}

/* Override default bold tag to make everything in bold this color */
b {
font-weight:bold;
color:#5A8FC3; 
}

.nowrap {white-space: nowrap;}
.smallbr {font-size:2pt;}

.homepage-mainImage {
border: 1px solid #9AC1C9; 
}

.offhomepage-header2 {text-align: center; font: Helvetica; font-size: 24pt; font-weight: normal; color: white; position: relative; top: -75px; left: -10px; z-index:1;}
.offhomepage-header2 {text-align: center; font: Helvetica; font-size: 24pt; font-weight: normal; color: white;}

.homepage-header {text-align: center; font: Helvetica; font-size: 14pt; font-weight: normal; color: #5A8FC3; display: inline;}
.homepage-subheader {text-align: center; font: Helvetica; font-size: 12pt; font-weight: bold; color: gray; display: inline;}
.homepage-bullet {padding-top: 2px;}

.home-column1 {padding: 0px 10px 0px 0px;} 
.home-column2 {padding: 0px 10px 0px 10px;} 
.home-column3 {padding: 0px 0px 0px 10px;} 

/*=======================================================*/
/* COMMON */
/*=======================================================*/
#container {margin: 0 auto; width: 980px; padding-left: 10px; padding-top: 0px;}
#banner {padding: 10px 1px 10px 0px;}  /* Top, Right, Bottom, Left */
#firstColumn {padding: 0px 20px 0px 0px;}  /* Top, Right, Bottom, Left */
#common-sidebar {padding: 0px 0px 0px 20px;}  /* Top, Right, Bottom, Left */

/*=======================================================*/
/* HEADER MENU STYLE ATTRIBUTES */
/*=======================================================*/
.header {font-size: 9pt; font-weight: bold; color: #F08524;} 
.header {font-size: 9pt; font-weight: bold; color: gray;} 
.header-pipe {background-color: transparent; font-size: 8pt; font-weight: bold; color: #E9E9E9;}
.header-pipe {background-color: transparent; font-size: 9pt; font-weight: bold; color: gray;}
/* .bar-header {background-color: #6274A7;} */

.definition { font: Arial 9pt normal; color: gray; }

.slogan {
        font-weight: normal;
        font-size: 14pt;
        color: #4277AB;  
        color: #5A8FC3;  
}
.section0-captiontext1 {font-family:arial, sans-serif; font-size: 18pt; font-weight:bold; color:#5A8FC3; }

.pageTitle {
font-size: 28px; 
font-weight:normal; 
color:#5A8FC3; 
padding-top: 18px; 
padding-left: 15px; 
}

.section-header {
font-size: 10pt; 
font-weight:bold;
color:#F08524;
color:#5A8FC3; 
}

.section-bg {
background-color: #F8FAFF;
border: 1px solid #9AC1C9; 
list-style-type: none;
}

.section-title {
background: url(../images/gradient-blue.gif) repeat-x; 
border: 1px solid #9AC1C9; 
font: bold 10pt Arial; 
color: gray;
color: #0098EE;
color: #5A8FC3;
padding: 3px 0 3px 12px;
}

.section-text {
font-size: 10pt;
}


.reverse-colors {
font-size: 10pt;
}

.reverse-colors a {
color: #5A8FC3
}

.reverse-colors a:hover {
color: #F08524; /* body in the basement (orange)      */
}



.section-border {
border: 1px solid #9AC1C9; 
padding-bottom: 10px;
}

.date {
color: #5A8FC3;
}

.sidebar {
background: url(/images/gradient-blue.gif) repeat-x; 
border: 1px solid #9AC1C9; 
padding-bottom: 0px;
}

.sidebar2lines {
background: url(/images/gradient-blue2lines.gif) repeat-x; 
border: 1px solid #9AC1C9; 
padding-bottom: 0px;
}

.sidebar-title {
font-size: 10pt;
font-weight: bold;
color: #5A8FC3;
padding: 3px 3px 3px 3px;
}

a:hover .sidebar-title {
color: #F08524;
}

.sidebar-text {
font-size: 9pt;
font-weight: normal;
color: gray;
background-color: #F7F7F7;
padding: 5px 5px 5px 5px;
}

.customers {
background: url(/images/gradient-blue.gif) repeat-x; 
border: 1px solid #9AC1C9; 
padding-bottom: 0px;
}

.animated-customers {
padding-left: 30px;
}

.customerTitle { 
font-size: 12pt
}

.customerName {
font-size: 10pt
}


.uppercase {
text-transform: uppercase
}

/*=======================================================*/
/* SEARCH                                                */
/*=======================================================*/

.search-title {
background: url(/images/gradient-blue.gif) repeat-x; 
border: 1px solid #9AC1C9; 
font: bold 10pt Arial; 
color: #5A8FC3;
padding: 2px 0 2px 12px;
}

/* Put directly into sidemenu.php since it won't work in IE for some reason, likely validation */
.form-search {
font: 9pt Arial;
border-width: 2px;
border-style: solid;
border-color: #9AC1C9;
width: 177px; /* Not sure why its coming out small at 175 px */
height: 20px;
padding-bottom: 5px;
display: inline;
}

.form-search:hover {
border-color: #F08524;
border-width: 2px;
}

.form-search:focus {
border-color: #F08524;
border-width: 2px;
}

.breadcrumbs {
font-family: verdana;
font-size: 8pt; 
font-weight: normal;
color: gray;
vertical-align: top;
padding-left: 10px;
padding-top: 5px;
}

.breadcrumbs a {
color: gray;
}

.breadcrumbs a:hover {
color: #F08524;
}

/* Above is still used for non-IE browsers */

.bar-header {height: 2px; color: #9AC1C9;}

.bar1 {background-color: transparent}
.bar1-normal {background-color: transparent;  color: #4D4D4D;  font-size: 7.5pt; font-weight: bold; }
.bar1-sep {background-color: transparent;  color: #4D4D4D;  font-size: 7.5pt; font-weight: normal; }
.bar2 {background-color: black;}
.bar2-normal {background-color: black;  color: white;  font-size: 7.5pt; font-weight: bold; }
.bar2-normal:hover {text-decoration: underline; color: #F28E66;}
.bar2-over {background-color: black;  color: #F28E66;  font-size: 7.5pt; font-weight: bolder; }
.bar2-sep {background-color: black;  color: white;  font-size: 7.5pt; font-weight: normal; }
.bar3 {background-color: #F7C7B3;} /* peach */
.bar3 {background-color: #FFD8CB;} /* lighter peach */
.bar3 {background-color: #FBE9BF;} /* light orange */
.bar3 {background-color: #FFFFFF;} /* white */
.bar3-normal {background-color: #F7C7B3;  color: black;  font-size: 7.5pt; font-weight: normal; }
.bar3-normal {background-color: #FBE9BF;  color: black;  font-size: 7.5pt; font-weight: normal; }
.bar3-normal {background-color: #FFFFFF;  color: black;  font-size: 8pt; font-weight: normal; }
.bar3-normal:hover {text-decoration: underline;} 


/*=======================================================*/
/* SIDE MENU STYLE ATTRIBUTES */
/*=======================================================*/
.side-menu {background-color: white;} /* Not needed, but left in for testing purposes */
.side-border {background-color:black;}
.side-border {background-color:#F28E66;}
.side-border {background-color:#808080;}
.side-title {font-size: 8pt; font-weight: bold; color:black;}
.side-title {font-size: 8pt; font-weight: bold; color:#0033CC;}
.side-title {font-size: 8pt; font-weight: bold; color:white;}
.side-title:hover {text-decoration: underline; color:black;}
.side-title:hover {text-decoration: underline; color:#0033CC;}
.side-text {font-size:8.0pt; font-weight:normal; color:black;} 
.side-text {font-size:8.0pt; font-weight:normal; color:#0033CC;} 
.side-text {font-size:8.0pt; font-weight:normal; color:white;} 
.side-sep {background-color:black; background-color:black;}
.side-sep {background-color:black; background-color:#0033CC;}
.side-sep {background-color:black; background-color:white;}
.side-link {font-size:8.0pt; font-weight:normal; color:black;}
.side-link {font-size:8.0pt; font-weight:normal; color:white;}
.side-link-hl {font-size:8.0pt; font-weight:normal; color:black;}
.side-link:hover {text-decoration: underline; color:black;} 
.side-link:hover {text-decoration: underline; color:#0033CC;} 
.side-link:hover {text-decoration: underline; color:#F28E66;} 
.side-link-hl:hover {text-decoration: underline; color:black;} 
.side-link-over {font-size:8.0pt; font-weight:bold; color:black;}

/*=======================================================*/
/* FOOTER MENU STYLE ATTRIBUTES */
/*=======================================================*/
/*
.bar4 {background-color: #F7C7B3;}
.bar4 {background-color: #0033CC;}
.bar4 {background-color: black;}
.bar4 {background-color: #F7C7B3;}
.bar4-normal {font-size:7.5pt; color:white; font-weight: bold;}
.bar4-normal:hover {text-decoration: underline; color: #F28E66;} 
.bar4-sep {font-size:7pt; color:white; font-weight: bold; }
*/

#footer {padding: 0px 0px 0px 0px;}
.bar-footer {position: relative; top: 5px; color: #9AC1C9;}
.footer-text {font-size: 9pt; color: gray;}


/*=======================================================*/
/* HOME PAGE STYLE ATTRIBUTES */
/*=======================================================*/
.main-border {background-color:black;}
.main-body {background-color:#ffffff;}
.main-body {background-color:#ffffff; position: relative; top: -10px;}
.main-hr {background-color:#B2B2B2;}
.main-text {font-size:9pt; font-weight:normal; color:black ;}
.main-text-small {font-size:8pt; font-weight:normal; color:black ;}
.main-link {font: Verdana 10pt normal; color:#294876 ;}
.main-link-big {font-size:12pt; font-weight:bold; color:#006633 ;} /* Fall */
.main-link-big {font-size:12pt; font-weight:bold; color:#294876 ;} /* Winter */
.main-link-medium {font-size:10pt; font-weight:bold; color:#006633 ;}
.main-link:hover {text-decoration:underline;} 
.main-subtitle-1A {background-color: #F7C7B3; font-size:1pt;}
.main-subtitle-1A {background-color: #008200; font-size:1pt;}
.main-subtitle-1A {background-color: #49551A; font-size:1pt;}
.main-subtitle-1A {background-color: #006633; font-size:1pt;} /* dark green */
.main-subtitle-1A {background-color: #294876; font-size:1pt;} /* dark blue  */
.main-subtitle-1B {background-color: #BBC99F; font-size:7.5pt; font-weight:bold; color:#008200;} /* #29527B */
.main-subtitle-1B {background-color: #D3E4B2; font-size:7.5pt; font-weight:bold; color:#49551;} /* #29527B */
.main-subtitle-1B {background-color: #D7E7B9; font-size:7.5pt; font-weight:bold; color:#006633;}
.main-subtitle-1B {background-color: #D2D8F0; font-size:7.5pt; font-weight:bold; color:#294876;} /* light blue */
.main-subtitle-1B {background-color: #D7E7B9; font-size:7.5pt; font-weight:bold; color:#006633;} /* light green */


/* Colored Bars */
/*
.coloredBar-1A {background-color: #F28E66; font-size:1pt;} /* Cream of Tomato - sidebar-register */
.coloredBar-2A {background-color: #0033CC; font-size:1pt;} /* Blue (Links) - sidebar-register */
.coloredBar-3A {background-color: #526384; font-size:1pt;} /* Dark Blue - smd2g/
*/

/*=======================================================*/
/* DETAIL PAGE STYLE ATTRIBUTES */
/*=======================================================*/
.section0-maintitle {font-size: 12pt; font-weight:bold; color:#003366;}
.section0-title {font-family:Helvetica 55 Roman, Arial, Times New Roman; font-size: 10pt; font-weight:bold; color:#003366;}
.section0-text {font-family:Verdana, Arial; font-size: 9pt; font-weight:normal;}
.section0-text-indent {padding-left: 30pt; padding-right: 30pt;}
.section0-text-hl {color:#008200;}
.section0-text-hl {color:##49551A;}
.section0-text-cmpy {color:#666666;}

.section0-link {font-family:verdana, Arial, sans-serif; font-size: 8.5pt; font-weight:bold; color:#0033CC;} /*#29527b*/
.section0-link:hover {text-decoration:underline; color:#F28E66}
.section0-link2 {font-family:Arial, verdana, sans-serif; font-size: 9pt; font-weight:bold; color:#29527b;} 
.section0-link2:hover {text-decoration:underline ;}
.section0-link3 {font-family:Arial, verdana, sans-serif; font-size: 9pt; font-weight:normal; color:black;}  
.section0-link3:hover {text-decoration:underline ;}
.section0-link4 {font-family:Verdana, sans-serif; font-size: 8pt; font-weight:normal; color:#29527B;} 
.section0-link4:hover {text-decoration:underline ;}
.section0-link5 {font-family:Arial, verdana, sans-serif; font-size: 8pt; font-weight:normal; color:#29527B; color:black;} 
.section0-link5:hover {text-decoration:underline ;}
.section2-morelink {font-size:7.5pt; font-weight:bold; color:#254A6F;}
.section2-morelink:hover {text-decoration:underline;}

.section0-captiontext1 {font-family:verdana, sans-serif;font-size: 10pt;font-weight:bold; color:black; }
.section0-captiontext1 {font-family:arial, sans-serif; font-size: 18pt; font-weight:bold; color:gray; }
.section0-captiontext1 {font-family:arial, sans-serif; font-size: 18pt; font-weight:bold; color:#5A8FC3; }
.section0-captiontext2 {font: Verdana 24pt normal; color: #5A8FC3; }
.bobby {font-size: 19pt; font-weight: bold; color: #5A8FC3; }
.section0-group1-caption {background-color:#DCE9E6;font-family:verdana, sans-serif;font-size: 8pt;font-weight:bold; color:black; }
.section0-group2-caption {background-color:#CFCFCF; background-color:#EAEAEA;font-family:verdana, sans-serif;font-size: 8pt;font-weight:bold; color:#4D4D4D; color:black;}
.section0-group3-caption {background-color: #EBC682;font-family:verdana, sans-serif;font-size: 8pt;font-weight:bold; color:#3C1E06; color:black;}
.section0-group3-title {font-family:verdana, sans-serif;font-size: 8pt;font-weight:bold; color:black;}
.section0-group4-caption {background-color:#CFD1DE;font-family:verdana, sans-serif;font-size: 8pt;font-weight:bold; color:black; }
.section0-casestudy-caption {background-color: #EAEAEA;font-family:verdana, sans-serif;font-size: 8pt;font-weight:normal;color:black;}

/*=======================================================*/
/* NEWS LETTER STYLE ATTRIBUTES */
/*=======================================================*/

.section1-box1 {background-color:#B6C8AE;color:black; font-family:verdana, sans-serif;}
.section1-box1-imgborder {border-color:#B6C8AE;}
.section1-box1-maintitle {font-size: 11pt; font-weight:bold; color:black;}
.section1-box1-title {font-size: 10pt; font-weight:bold; color:#7D1700;}
.section1-box1-caption {font-size: 8.5pt;font-weight:normal;}

.section1-box2 {background-color: white; color:black; font-family:verdana, sans-serif;}
.section1-box2-title {font-size: 10pt; font-weight:bold; color:#7D1700;}
.section1-box2-caption {font-size: 8.5pt;font-weight:normal;}

.section1-box3 {background-color: white; color:black; font-family:verdana, sans-serif;}
.section1-box3-title {font-size: 10pt; font-weight:bold; color:#7D1700;}
.section1-box3-caption {font-size: 8.5pt;font-weight:normal;}

.section1-box4 {background-color: white; color:black; font-family:verdana, sans-serif;}
.section1-box4-title {font-size: 10pt; font-weight:bold; color:#7D1700;}
.section1-box4-caption {font-size: 8.5pt;font-weight:normal;}

.section1-box5 {background-color: #BEB8AC; color:black; font-family:verdana, sans-serif;}
.section1-box5-title {font-size: 10pt; font-weight:bold; color:#7D1700;}
.section1-box5-caption {font-size: 8.5pt;font-weight:normal;}

.section1-box6 {background-color: #BEB8AC; color:black; font-family:verdana, sans-serif;}
.section1-box6-imgborder {border-color: #BEB8AC;}
.section1-box6-border {background-color: #8E8A81;}
.section1-box6-title {font-size: 10pt; font-weight:bold; color:#7D1700;}
.section1-box6-caption {font-size: 8.5pt;font-weight:normal;}

.section1-box7 {background-color: #BEB8AC; color:black; font-family:verdana, sans-serif;}
.section1-box7-title {font-size: 10pt; font-weight:bold; color:#7D1700;}
.section1-box7-caption {font-size: 8.5pt;font-weight:normal;}

.section1-col1 {background-color:white; color:black; font-family:verdana, sans-serif;}
.section1-col2 {background-color:#BEB8AC;color:black; font-family:verdana, sans-serif;}

.section1-link {font-family:verdana, Arial, sans-serif; font-size: 8.5pt; font-weight:bold; color:#003366;}
.section1-link:hover {text-decoration:underline ;}

/*=======================================================*/
/* SIDE CONTENT STYLE ATTRIBUTES */
/*=======================================================*/
.section1-maintitle {font-size: 10pt; font-weight:bold; color:black; background-color: #F28E66; text-align: center;}
.section1-maintitle {font-size: 10pt; font-weight:bold; color:black; background-color: #D3E4B2; text-align: center;}
.section1-maintitle {font-size: 10pt; font-weight:bold; color:#F28E66; background-color: #F7C7B3; text-align: center;}
.section1-maintitle {font-size: 10pt; font-weight:bold; color:#F28E66; background-color: #FCDED4; text-align: center;}
.section1-maintitle {font-size: 10pt; font-weight:bold; color:#F28E66; background-color: #FBE9BF; text-align: center;}
.section1-subtitle {font-size: 8pt; font-weight:bold; color:#29527b;} 
.section1-quote-text {font-size: 10pt; font-weight: normal; color:black; font-family : serif;}
.section1-text {font-size: 8pt; font-weight:normal; color:black;}
.section1-border {background-color: #b2b2b2;}
.section1-border {background-color: #008200;}
.section1-border {background-color: #F7C7B3;}
.section1-border {background-color: #FBE9BF;}
.section1-border {background-color: #F28E66;}

.section1-box1-caption {background-color:#FBE9BF;font-family:verdana, sans-serif;font-size: 8pt;font-weight:normal; color:black;}
.section1-box1-title {font-weight:bold; color:#3C1E06;}
.section1-box2-caption {background-color:#F7C7B3;font-family:verdana, sans-serif;font-size: 8pt;font-weight:normal; color:black;}
.section1-box2-title {font-weight:bold; color:black;}

/* 
.column3-box1-caption {background-color:white;font-family:verdana, sans-serif;font-size: 8pt;font-weight:normal; color:black;}
.column3-box1-title {font-family:Verdana, Helvetica 55 Roman, Arial, Times New Roman; font-size: 8pt; font-weight:bold; color:#F28E66; background-color: #FBE9BF; text-align: center;}
.column3-box2-caption {background-color:white;font-family:verdana, sans-serif;font-size: 8pt;font-weight:normal; color:black;}
.column3-box2-title {font-family:Verdana, Helvetica 55 Roman, Arial, Times New Roman; font-size: 8pt; font-weight:bold; color:#F28E66; background-color: #D0D8F0; text-align: center;}
.main-box1-title {font-family:Verdana, Helvetica 55 Roman, Arial, Times New Roman; font-size: 8pt; font-weight:bold; color:#526384; background-color: #DCDCE6; text-align: left;}
.main-box2-title {font-family:Verdana, Helvetica 55 Roman, Arial, Times New Roman; font-size: 8pt; font-weight:bold; color:#F28E66; background-color: #FBE9BF; text-align: left;}
.main-box3-title {font-family:Verdana, Helvetica 55 Roman, Arial, Times New Roman; font-size: 8pt; font-weight:bold; color:#F28E66; background-color: #FBE9BF;}
*/


/* FAB Details */
.fab-title {font-family:Verdana, Arial, San-serif; font-size:11pt; font-weight:bold; color:black;}
.fab-sideTitle {font-family:Verdana, Arial, Sans-serif; font-size: 10pt; font-weight:bold; color:#F28E66; background-color: #FBE9BF; text-align: center;}
.fab-body {font-family: Verdana, Arial, San-serif; font-size: 9pt; font-weight:normal; color:black; background-color:white;}
.fab-text {font-family:Verdana, Arial; font-size: 9pt; font-weight:normal;}
.fab-row {vertical-align:top;}
.fabSideBar-border {background-color: #FBE9BF;}

/* Screenshots */
.screenshot-table {font-family:Verdana, Arial; font-size: 9pt; font-weight:normal;}
.screenshot {text-align: center;}

/* Partners and Resellers logos */
.logo-row {vertical-align:top; }



/* Products A-Z Table, reverse colors in the table as too much orange looks ugly */
.az-text {font-family: verdana, arial, sans-serif; font-size: 8pt; font-weight:normal; color:gray;}
.coming-soon {font-size: 9pt; color: gray; }
.product-name {font-size: 9pt; font-weight: normal: }

.product-name a {
text-decoration:none; 
color: #5A8FC3
}

.product-name a:hover {
text-decoration:none; 
color: #F08524;
}


/* Colors */
/*

#b2b2b2 blue
#008200 dark green
#F7C7B3 peach light orange
#F28E66 cream of tomato
#FBE9BF light orange

*/

/* Reg form page style */
div#rcaption {
        text-align: left;
        font: 11px Verdana, Arial, Helvetica, sans-serif;
}

div#rimage {
        position: relative;
        padding: 5px;
        float: left;
}

div#regform {
        background-color: #DCCEC4;
        padding: 10px;
        float: right;
        margin-top: 30px;
        margin-left: 10px;
        margin-bottom: 10px;
        text-align: center;
        display: block;
        font: bold 14px Verdana, Geneva, Arial, sans-serif;
}

div#regtext {
        border-color: #666;
        border-width: 3px;
        border-style: double;
        clear: both;
        padding-right: 9px;
        padding-left: 9px;
}

.redtext {
        color: red;
}
div.row {
        padding-top: 5px;
        clear: both;
}

div.row span.labelm {
        padding-top: 5px;
        text-align: left;
        font-size: 10px;
        color: red;
        padding-left: 15px;
        width: 100%;
}

div.row span.data {
  float: right;
  width: 330px;
  text-align: left;
}

#regtext p {
        margin: 0px;
        padding: 3px;
}

div.row span.label {

        padding-top: 5px;
        text-align: left;
        font-size: 10px;
        padding-left: 15px;
        width: 120px;
}

div#submt {
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        clear: both;
        padding-top: 12px;
}
div.row span.datasurvey {

  float: right;
  width: 330px;
  text-align: left;
}
div.row span.data input, div.row span.data select {

        background: #FFFFFF !important;
}

div.license {
  font-family: Arial;
  color: black;
  mso-bidi-font-size: 7.5pt;
  padding-top: 10px;
  clear: both;
}

div.license.p {
  padding-top: 10px;
  clear: both;
}

