@font-face {
	font-family: QuicksandBold;
	src: url('fonts/Quicksand_Bold-webfont.ttf');
}
@font-face {
	font-family: QuicksandBook;
	src: url('fonts/Quicksand_Book-webfont.ttf');
}
html{margin: 0;}


a, a:link, a:visited, a:active {color: #06A0CF; cursor: pointer; text-decoration: none;}

#wrapper{width: 1000px; margin: 0 auto;}
#header{height: 130px;}
#header-logo {float: left; text-align: left; width: 300px; padding-top: 30px;}
.contact-us { background: url("images/contact-circles.jpg") no-repeat scroll right top transparent;
    float: right;
    padding: 15px 30px 0 0;
height: 100px;
}
.contact-container {float: right; width: 350px; font-family: Arial;
    padding-top: 10px;}
.contact-nav {text-align: right;}
.contact-nav  a {color:#999;}
.phone {font: 32px/40px 'QuicksandBold', Arial, sans-serif; letter-spacing:-2px; color:#3981b8; }

.FooterWrap {
    background: -moz-linear-gradient(center top , #2590B6 0%, #47B3DA 100%) repeat scroll 0 0 transparent;
    padding: 15px;
    font-family: Arial;
}


.FooterWrap a, .FooterWrap h2 {
    color: #CCCCCC !important;
}

.social-icons {
    background: none repeat scroll 0 0 #FFFFFF;
	    border-radius: 10px 10px 10px 10px;
	    left: 330px;
	    margin: auto auto -20px;
	    padding: 10px;
	    text-align: center;
	    width: 320px;
}
.CopyWrap{padding-bottom: 20px;

}
#copyright{ padding: 20px;}
.copytext {
    color: #949494;
font-family: Arial;
text-align: center;
}


#banner {
  height:312px;
  width:960px;
  margin:0 auto;
  position:relative;
  background:#fff;
 
}
#banner li {margin:0; padding:0; }
ul.bjqs-controls, ol.bjqs-markers {display:none;}


ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{display:none;position:absolute;}



.hp-buckets { margin-top:15px;}
.hp-buckets td {padding:8px;}
.hp-buckets h2 {margin-bottom:0;}
.hp-buckets p {margin-top:0; font-size:80%; height:80px;}

.hp-buckets .small-blue-button {font-size:80%; }

h2.dark {color:#3981b8; border-top:5px solid #3981b8;}
h2.light {color:#47b3da; border-top:5px solid #47b3da;}
h2.lighter {color:#8fcfe7; border-top:5px solid #8fcfe7;}
h2.lightest {color:#47b3da; border-top:5px solid #47b3da;}


.product-intro {width:700px;}
.product-hero {float: right; margin-left: 20px;}

.product-callout { background:url(/Portals/0/Images/product-solution-divider.png)  no-repeat top center; margin:0 0 20px 0; padding:10px 0; }

.product-thumb {float:right; margin:0 15px 15px 20px; clear:right; font-size:11px; color:#666 !important; text-align:center;}
.product-4col {
	background:url(/Portals/0/Images/product-divider.png) no-repeat top center;
	min-height:200px;
	
}

.product-main .product {float:left; text-align:center; margin:15px 0 0 0;}

	.product-4col .product {width:25%;}
	.product-5col .product {width:20%;}
	
	.product-4col .product p {margin:0;}
	.product-main .product a {font: 16px/16px 'QuicksandBold', Arial, sans-serif; letter-spacing:-2px; color:#666; margin:10px 0 0 0; }

.testimonial {font: 25px/30px 'QuicksandBook', Arial, sans-serif; letter-spacing:-2px; color:#666; }



h1.lead {font: 26px/32px 'QuicksandBook', Arial, sans-serif; letter-spacing:-4px; color:#888; text-transform:uppercase; margin:0; }

.contentpane h1, .contentpane h3 {margin-top:0;}


.side-menu { width:200px; margin-left:20px;
border:1px solid #dcdcdc; padding:10px; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */}
.side-menu a { display:block; width:100%; margin:3px 0; }
.side-menu a:hover {background:#ececec;}
.side-menu h3 { font-size:13px;}




.product-main h1, .product-main h2, .product-main h3 {margin:0;}

hr {color:#CCC !important; margin:20px 0;}

.page-banner h1 {border-top:3px solid #8fcfe7; }

.contact-nav  a {color:#999;}

.phone {font: 32px/40px 'QuicksandBold', Arial, sans-serif; letter-spacing:-2px; color:#3981b8; }

.references {font-size:8px; color:#999; margin:20px 0 20px 0;}

div.intl-address {
    display: inline;
    float: left;
    width: 375px;
	border-top:2px solid #CCC;
}

img a {border:none;}

.bordered-table {border:1px solid #CCC;}
.bordered-table-cells td {border:1px solid #ccc; margin:5px;}
.product-comparison td {border-bottom:1px solid #CCC; padding:5px;}
.product-comparison h2 {margin:0;}
tr.table-header {background-color:#e7e8e7;}

.FooterWrap a, .FooterWrap h2 { color:#CCC;}



.social-icons img { margin:10px; }


.side-menu .small-blue-button {
	width:75%;
	margin:0 0 8px 0;
}

.small-blue-button {
	-moz-box-shadow:inset 0px 1px 3px 1px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 3px 1px #bee2f9;
	box-shadow:inset 0px 1px 3px 1px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #3866a3;
	display:inline-block;
	color:#f9fafc !important;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 28px;
	text-decoration:none;
	text-shadow:1px 1px 0px #1e5e9e;
}.btn-small-blue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
	text-decoration:none !important;
}.btn-small-blue:active {
	position:relative;
	top:1px;
}




.big-blue-button {
	-moz-box-shadow:inset 0px 1px 4px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 4px 0px #97c4fe;
	box-shadow:inset 0px 1px 4px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3981b8), color-stop(1, #8fd0e7) );
	background:-moz-linear-gradient( center top, #3981b8 5%, #8fd0e7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3981b8', endColorstr='#8fd0e7');
	background-color:#3981b8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #1767d6;
	display:inline-block;
	color:#ffffff !important;
	font-family:arial;
	font-size:19px;
	font-weight:bold;
	padding:15px 10px;
	text-decoration:none !important;
	text-shadow:1px 1px 0px #1570cd;
	width:225px;
	margin-bottom:10px;
}.big-blue-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8fd0e7), color-stop(1, #3981b8) );
	background:-moz-linear-gradient( center top, #8fd0e7 5%, #3981b8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fd0e7', endColorstr='#3981b8');
	background-color:#8fd0e7;
}.big-blue-button:active {
	position:relative;
	top:1px;
}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
/*caption,th {text-align:left;}*/
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

.clear {
  width: 100%;
  height: 0.1px;
  clear: both;
}

body {
  
}

h1  { font-size:1.2em; color:#000; }
h2  { font-size:1.1em; color:#000; }
h3  { font-size:1.0em; color:#000; }

a:link,
a:visited {
  color: #013785;
  text-decoration: underline;
  outline: none;
}
a:hover,
a:active  {
  color: #000;
  text-decoration: underline;
  outline:none;
}

input, textarea, select {
  background-color: #FFFFFF !important;
  color: #414141;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
  margin-bottom: 4px;
  vertical-align: middle;
}
input, textarea {
    padding: 2px;
}
option {
  padding: 1px 3px;
}

/* -------------------- Basic Design ----------------------*/

#bg-img-bottom {
  background:url("../images/bg-img.jpg") left bottom no-repeat;
  padding-bottom: 200px;
  width:100%;
}

#wrap {
  background:  url("../images/wrap-bottom.gif") left bottom no-repeat;
  padding-bottom: 65px;
  width:930px;
  margin:0 auto;
  text-align:left;
}

#bottom-wrap {
  width:100%; /* fix for Safar */
  height:.1em;
  clear:both; /* important - do not remove */
}

#masthead {
  position:relative;
  background: url("../images/masthead.jpg") no-repeat;
  height: 89px;
  padding-bottom: 50px;
}
#masthead a.home-link {
  position:absolute;
  left:39px;
  width:220px;
  top:21px;
  height:60px;
}
#masthead a.home-link span {
  display:none;
}

#subhead {
  display: none;
}

/* -------------------------- Search Box ------------------------- */

form#searchform {
  width: 300px;
  padding: 4px 0 0px 523px;
  margin: 0px;
  text-align:center;
}
form#searchform input[type=text] { width: 165px; }
input.submit-search { /* REMOVE IF NOT USED */
  background: url("../images/btn-search.gif") !important;
  width:79px;
  height:28px;
  border:none;
  cursor:pointer;
}

/* ------------------------- Header Navigation --------------------------- */
#nav {
  background:url("../images/nav.jpg") no-repeat;
  width:400px;
  height:43px;
  margin:0px 0 0 518px;
  padding:0;
}

#nav span { display: none; }

#nav li, #nav a { height:43px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 55px; margin-left: 18px;}
#nav-02 { width: 80px;}
#nav-03 { width: 55px;}
#nav-04 { width: 85px;}
#nav-05 { width: 94px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.jpg")  -18px -43px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg")  -73px -43px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -153px -43px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -208px -43px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -293px -43px no-repeat; }

/* ---------------------------- Left Column ----------------------------- */
#column-left {
  margin-top: 30px;
  width: 235px;
  float: left;
}

#column-left p,
#column-left h1,
#column-left h2,
#column-left h3,
#column-left ul,
#column-left dl {
  margin:0px 0px 10px 0px;
}

#column-left #login-status {
  line-height: 20px;
  margin-left: 30px;
}
#column-left #login-status .user {
  font-weight: bold;
}

#column-left #sub-nav {
  margin-top: 20px;
  background: url("../images/sub-nav-bottom.jpg") bottom no-repeat;
  padding-bottom: 100px;
}
#column-left #sub-nav ul {
  background: url("../images/sub-nav-top.gif") top right no-repeat;
  padding-top: 38px;
  margin-right: 1px;
}
#column-left #sub-nav ul li {
  background-color: #EEE;
  font-weight: bold;
  padding: 5px 5px 5px 20px;
  margin-left: 30px;
  text-transform: uppercase;
  border-top: 1px solid #FFF;
  border-right: 1px solid #CCC;
}
#column-left #sub-nav ul li a:link,
#column-left #sub-nav ul li a:visited
{
  color: #474747;
  text-decoration:none;
}
#column-left #sub-nav ul li a:hover,
#column-left #sub-nav ul li a:active
{
  color: #000;
}

#column-left .search-box {
  margin-left: 50px;
}
#column-left .search-box input[type=text] {
  width: 100px;
}

/* ------------------------------- Content -------------------------------- */

#user-messaging {
  text-align: center;
  height: 20px;
  padding: 5px 0;
  width: 100%;
}
#user-messaging .success {
  color: #393;
}
#user-messaging .error {
  color: #933;
}

#content {
  width: 450px;
}

#content p.return {
  padding: 20px 0;
}


/* ----------------------------------- Footer ------------------------------- */
#footer {
  width:850px;
  margin:0 auto;
  text-align:center;
  padding-top: 20px;
color: #333333;
    font-size: 14px;
}

#footer p {
  	color: #333333;
	    font-size: 14px;
  margin-bottom:10px;
}

#footer h2 {
	font: 24px/30px 'QuicksandBook',Arial,sans-serif;
	    letter-spacing: -2px;
}

#footer a:link, #footer a:visited { color:#013785; }
#footer a:hover, #footer a:active { color:#000; }

#footer ul {margin:10px;}
#footer li { /* if your li's float, you can adjust border height w/ line-height */
  padding: 0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
  display: inline;
  border-left: 1px solid #000;
}
#footer li.first { border: none; }

/* --------------------------- Info Box ---------------------------- */
.info-box {
  height: 20px;
  line-height: 20px;
  font-size: 1.1em;
  font-weight: bold;
}

#folder-breadcrumb li {
  padding-right: 10px;
  color: #333;
  display: inline;
  font-size: 12px;
}

#folder-description {
  clear: both;
  margin-top: 5px;
}


/* ----------------------------- Option Box --------------------------- */
.option-box {
  margin-top: 20px;
  padding: 5px;
  background-color: #EFEFEF;
  border: 1px solid #CCC;
}

.option-box .menu ul li {
  display: inline;
  margin-left: 10px;
}

.option-box .content {
  margin-top: 5px;
  border-top: 1px solid #CCC;
  padding: 10px 5px 5px 5px;
}

.option-box .content dt {
  font-weight: bold;
}
.option-box .content dt,
.option-box .content dd {
  margin-right: 7px;
}

/* ------------------------------- Error Explanation ---------------------------- */
.errorExplanation {
  margin: 20px 0;
}
.errorExplanation h2 {
  color: #933;
}

/* -------------------------------------- Menu ------------------------------------ */
#menu {
  float: right;
  margin-bottom: 15px;
  margin-left: 25px;
}

#menu ul li {
  display: inline;
  margin-right: 10px;
}

#menu ul li img {
  vertical-align: middle;
}

/* --------------------------------- File Browser --------------------------------- */

/*** Browser ***/
#browser {
  border-collapse: collapse;
  width: 655px;
  padding: 0;
  margin-top: 20px;
}
#browser td {
  padding: 5px 0;
}
#browser .options li {
  display: inline;
  padding-right: 10px;
}
#browser tr.deleted td {
  text-decoration: line-through;
}
#browser tr td.icon {
  text-align: center;
}
#browser td.admin-options {
  text-align: right;
  width: 200px;
}
#browser-contents .icon, #browser-options-menu img {
    margin-bottom: -3px;
}
#browser-options-menu li {
 display: inline;
 margin-right: 10px;
}
#browser tr td.admin-options ul li {
  display: inline;
  padding: 3px;
}
#browser tr td.admin-options img {
  padding-left: 4px;
}
#browser colgroup col.icon {
  width: 25px;
}
#browser colgroup col.name {
  width: 275px;
}
#browser colgroup col.size {
  width: 75px;
}
#browser colgroup col.updated {
  width: 110px;
}
#browser colgroup col.options{
}
#browser thead {
  font-weight:bold;
  line-height: 25px;
  height: 25px;
  color: #FFF;
  background-color: #BBB;
  border: 1px solid #999;
}
#browser .rename {
  vertical-align: middle;
}

/* ---------------------------- Groups -----------------------------*/
#groups-list {
  border-collapse: collapse;
  width: 655px;
  padding: 0;
  margin-top: 20px;
}
#groups-list td {
  padding: 5px 0;
}
#groups-list .options li {
  display: inline;
  padding-right: 10px;
}
#groups-list tr.deleted td {
  text-decoration: line-through;
}
#groups-list tr td.icon {
  text-align: center;
}
#groups-list td.admin-options {
  text-align: right;
}
#groups-list tr td.admin-options ul li {
  display: inline;
  padding: 3px;
}
#groups-list tr td.admin-options img {
  padding-left: 4px;
}
#groups-list colgroup col.icon {
  width: 25px;
}
#groups-list colgroup col.name {
  width: 300px;
}
#groups-list colgroup col.size {
  width: 75px;
}
#groups-list colgroup col.updated {
  width: 130px;
}
#groups-list colgroup col.options{
}
#groups-list thead {
  font-weight:bold;
  line-height: 25px;
  height: 25px;
  color: #FFF;
  background-color: #BBB;
  border: 1px solid #999;
}


/* -------------------------- Login ------------------------------ */
body.session #wrap {
  padding-bottom: 0;
  background: transparent;
}

body.session #subhead {
  display: block;
  background: transparent url("../images/subhead-fdc.jpg") bottom center no-repeat;
  height: 80px;
  width: 100%;
}

body.session #content {
  background: url("../images/fdc-login-bg.jpg") top center no-repeat;
  height: 200px;
  width: 100%;
  padding: 0;
  text-align: center;
  float: none;
}

body.session #content #login-box {
  margin: 0 auto;
  font-weight: bold;
font-size: 14pt;
}

body.session #content #login-box input[type=submit] {
  width: 79px;
  height: 20px;
  cursor: pointer;
}
body.session #new-user-registration {
    margin-top: 20px;
}

/* ---------------------------- User Manager ------------------------ */
body.users .option-box {
  margin-top: 20px;
}

body.users table {
  border-collapse: collapse;
  width: 655px;
  padding: 0;
  margin-top: 20px;
  text-align: center;
}

body.users table thead {
  font-weight:bold;
  line-height: 25px;
  height: 25px;
  color: #FFF;
  background-color: #BBB;
  border: 1px solid #999;
}
body.users #users-list tbody td {
  padding: 5px 0;
}

#question-box{border:1px solid #333;background-color: #eee;margin-top: 20px;margin-left:30px;padding:10px 20px 10px 10px;}
#question-box h3{font-size:1.2em;color:#333;border-bottom:1px solid #333;width:180px;}
#formFields{width:185px;}
#question-box label{}