@charset "UTF-8";

/*------------------------------------------------------------------------------------------------*/
/* General Styles 
/*------------------------------------------------------------------------------------------------*/

a {text-decoration: none; color: #369;}
a:hover {color: #669acc;}
a img {border: none;}
blockquote {font-style: italic;}
body {font: 12px Arial, Verdana, Helvetica, sans-serif; margin: 0px; padding: 0px;}
.blue-list li {list-style-image: url(../images/bluearrow.gif);}
p {margin-top: 0;}

ul.primary {padding-left: 32px;}
.primary li {font-size: 12px; padding: 0;}

/* For headings in sub-content */
h1 {color:#00793b; font-size: 28px; margin: 0px; padding: 0px; font-weight: normal; margin: 16px 0px 16px;} 
h1 .sub-heading {font-size: 16px; color: #999;}
h2 .sub-heading {font-size: 16px; color: #999;}
h3 {color: #369; font-size: 24px; font-weight: normal; line-height: 24px; margin-bottom: 16px; margin-top: 16px;}

h4 {color: #369; font-size: 14px; margin-bottom: 8px; font-weight: normal; line-height: 18px;}
h4 a {text-decoration: underline;}
h3-old {color: #369; font-size: 34px; padding: 0px; font-weight: normal; line-height: normal; margin: 0px 0px 16px;}
h2 {color: #369; font-size: 34px; padding: 0px; font-weight: normal; line-height: normal; margin: 24px 0px 16px;}

h5 {color:#00793b; font-size: 16px; margin: 0px; padding: 0px; margin-top: 16px; line-height: 24px;}

h6 {color:#369; font-size: 16px; margin: 0px; padding: 0px; margin-top: 16px; line-height: 22px; font-weight: normal;}


/*------------------------------------------------------------------------------------------------*/
/* Primary Template Styles
/*------------------------------------------------------------------------------------------------*/

#header {background: #fff; height: 117px;}
#gdi-logo { float: left; }
#splash-main {
  border-top: #036 solid 12px;
  background-color: #036;
  padding: 0px;
  margin: 0px;
  width: 990px;
  height: 383px;
  position: relative;
  z-index: 1 !important;
}
#splash-main #splash-image {
  height: 306px;
  border-bottom: 1px solid white;
}
#splash-main #splash-button-row {
  background-color: #457EB8;
  border-left: 1px solid #457EB8;
  border-right: 1px solid #457EB8;
  overflow: auto;
}

#splash-button-row .splash-button {
  float: left;
  width: 16.66667%;
  padding-top: 0.5em;
  text-align: center;
}

#splash-button-row .splash-button:hover,
#splash-button-row .splash-button.active {
  background-color: #3867A0;
}

#splash-button-row .splash-button img {
  border: 1px solid white;
}

#splash-button-row .splash-button .splash-button-label {
  padding: 0.5em 0px;
  color: white;
  font-size: 1.2em;
}

.splash-button .splash-button-label a {
  color: #E7ECF1;
}
.splash-button .splash-button-label a:hover {
  color: white;
}

.topbar {background: #336699; height: 8px; margin: 0px; padding: 0px; border: none;}
.wrapper {margin: 0px auto; width: 990px;}
.login-box {position: relative; float:right; width: 160px; text-align: center; font-size: 10px; padding-bottom: 0px; background: #369; color: #999;}
.login-box a {color: #dbe8f5;}
.login-box a:hover {color: #69c;}
.right-column {float: left; margin-left: 16px; width: 243px;}

.menu-container {height: 32px;}

/*------------------------------------------------------------------------------------------------*/
/* Formatting Styles
/*------------------------------------------------------------------------------------------------*/

.float-left {float: left;}
.float-right {float: right;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}
.clearer {clear: both; line-height: 0px;}
.padded {padding: 8px;}

div.lede {
  overflow: auto;
}
div.lede ul {
  list-style: none;
}

.pull_photo {
  float: left;
  padding: 0.33em;
  border-right: 1px solid #eeeeee;
  margin: 0 1em 0.5em 0;
}

/*------------------------------------------------------------------------------------------------*/
/* Front Page Content Styles
/*------------------------------------------------------------------------------------------------*/

.entry p:first-line {font-weight: bold;}
.datebox {float: left; clear: left; width: 71px; height: 71px; background: url(../images/date.gif) no-repeat 0 0; margin: 16px 8px 8px 0px; padding-top:8px;color: #fff; text-align: center; line-height: 5px;}
.datebox .month {margin-top: 6px;}
.datebox .day {font-size: 25px; line-height: 30px;}
.entry {float:left; padding:8px 8px 16px 8px; color: #369;}

.footer-content {float: left; margin: 0px; padding: 0px; margin-top: 24px; width: 989px; background: url(../images/background.jpg) bottom left repeat-x;min-height: 228px;border-left: 1px solid #D4D4D4; border-right:1px solid #D4D4D4; border-top:1px solid #D4D4D4;}
.bottom-bar {clear:both;width: 990px; height: 16px; margin-bottom: 16px;}
.recent-posts {float: left; width: 345px; min-height: 228px; padding: 16px; border-left: 1px solid #D4D4D4;}
.recent-posts .secure-channel {font-size: 20px; color: #396; margin-bottom: 24px;}
.recent-posts .news{font-size: 12px; color: #396;}
.recent-posts .news span {font-size:14; color:#FF0000;}
.recent-posts .news a {color: #396; text-decoration: underline;}
.recent-posts .news a:hover {color: #396; text-decoration: none;}
.recent-posts ul {margin: 0; padding-left: 28px;}
.recent-posts ul li {list-style-image: url(../images/relatedcontentbullet.gif); margin-top: 20px; padding-left: 2px; font-size: 13px;}
.recent-posts ul li.icon {margin-top:3px;}
.recent-posts ul li img {position:relative; top:10px}
.blurb {float: left; padding: 16px; width: 579px; min-height: 228px;}
.blurb span {font-size: 17px; color: #369;}
.blurb ul {margin: 0; padding-left: 28px;}
.blurb ul li {list-style-image: url(../images/relatedcontentbullet.gif); margin-top: 12px; padding-left: 2px; font-size: 13px;}

/*------------------------------------------------------------------------------------------------*/
/* Subpage Styles
/*------------------------------------------------------------------------------------------------*/

.title-container { background: #369; border-top: #036 solid 4px; }
.title {border-top: 1px solid #fff; border-bottom: 1px solid #abc; margin: 0px; padding: 12px 16px; width: 958px; color: #fff; font-size: 20px;}
.submenu-arrow {}

.faq-item {margin-top: 36px; border-bottom: 1px solid #e4e4e4; padding-bottom:8px;}

.contentmenu {list-style: none;background: none; margin-top: 0px; padding: 0px;}
.contentmenu li {border-bottom: #ebf0f6 solid 2px; padding-left: 0px; list-style-image: none; margin: 0px;}
.contentmenu li a {display: block; color: #6699cc; font-size: 12px; padding: 12px 0px 12px 30px; text-decoration: none;}
.contentmenu li a:hover { background: #ebf0f6; color: #036;}
#menubox {float: left; width: 200px; height: 100%; margin: 0px; padding: 0px;}

#subpagecontent {float: left; width: 532px; color: #222; line-height: 18px; padding: 0px 16px 24px 16px; border-left: 1px solid #ebf0f6;}
#subpagecontent ul li {padding-bottom: 8px;}
#relatedcontent {float: left; width: 175px; height:100%; border-left: #eeefed solid 3px; padding: 0px 8px 8px 0px; background: #fff;}
#relatedcontent ul {margin-bottom: 24px;}
#relatedcontent ul li {padding-bottom: 16px; list-style-image: url(../images/relatedcontentbullet.gif);}

.relatedcontentul li {padding-bottom: 16px; list-style-image: url(../images/relatedcontentbullet.gif);}
.rcdate {color: #6699cc;}

.faqtitle {font-size:14px;color:#6699cc;font-weight:bold;}
.testimonial {margin-bottom: 42px; padding-bottom: 8px; border-bottom: 1px solid #def;}
.newslist {margin: 0px;padding: 0px;}
.newslist li { list-style: none; margin-bottom: 24px;color: #444; }

.rc-heading {width: 204px; padding: 8px; color: #369; font-size: 13px; border-bottom: 1px solid #eeefed; background: url(../images/rc_bg.jpg) bottom left repeat-y;}

#footer {clear: both; margin: auto; text-align: center; padding-top: 16px;}
#footer ul li {display: inline; margin-right: 16px;}

/*------------------------------------------------------------------------------------------------*/
/* Product Page Main Styles
/*------------------------------------------------------------------------------------------------*/

.main {float: left; width: 765px; min-height: 400px; border-left: 1px solid #d4d4d4; padding-bottom: 40px; padding-left: 24px; padding-top: 0px;}
.main ul li {padding-bottom: 8px;}
.product-frontpage {margin-left: 8px; padding-bottom: 0px; float: left; width: 712px; min-height: 400px; /*border-right: 1px solid #e4e4e4;*/}
.articles {width: 600px;}

.indented {margin-left:42px;}
.description {width: 424px; line-height: 18px; font-size: 13px; color: #333; margin: 16px; margin-bottom: 0px; padding: 0px;}
.intro {line-height: 22px; font-size: 14px; color: #333; margin-bottom: 16px; margin-right: 16px; width: 474px;}


.product-sidemenu {margin-top:16px;width: 200px; float:left; clear:left;}
.splash { width: 990px; height: 250px; border-bottom: 2px solid #fff; border-width: 2px 0;}
.splash img {}
.sidemenu-spacer {margin-bottom: 24px;}

.side-column {width: 236px; margin: 0px 0px 24px 24px; padding-bottom: 8px; color: #444; border-left: 1px solid #eeefed;}
.side-column ul li {margin-top: 8px;}
.sc-heading {width: 228px; padding: 8px; color: #369; font-size: 13px; border-bottom: 1px solid #eeefed; background: url(../images/rc_bg.jpg) bottom left repeat-y;}
.sc-sub-heading {width: 450px; margin-top: 16px; margin-bottom: 16px; padding: 8px; padding-left: 0px; color: #369; font-size: 13px;border-bottom: 1px solid #eeefed; }
.no-border {border: none;}

#sub-menu {border-top: 1px solid #ccc; text-align: center; width: 990px;height:41px; background: url(/images/prod_menu_bg.jpg) bottom repeat-x;}
#sub-menu ul {border-left: 1px solid #e4e4e4; float: left; margin: 0px; padding:0px; margin-top: 0px; font-size: 12px;}
#sub-menu ul li {list-style: none; float: left; display: list-item; list-style-type: none; padding: 0px;}
#sub-menu ul li a {display: block; padding: 12px 28px 11px 28px; color:#444; border-right: 1px solid #e4e4e4;}
#sub-menu ul li a.login_link {
  background:#EAF0EA;
  color:#006600;
  font-weight: bold;
}
#sub-menu ul li a:hover {background: url(/images/prod_menu_over.gif) top left repeat-x;}
#sub-menu .current a {background: url(/images/prod_menu_over.gif) top left repeat-x;}

.sidemenu {float: left;}
.sidemenu ul {width: 184px; margin: 0px; margin-left: 16px; padding: 16px 0px 24px 0px; list-style-type: none !important;}
.sidemenu ul li { border-bottom: 1px solid #ddd; list-style-type: none !important;}
.sidemenu ul li a {color:#369; display: block; padding: 12px 0px 12px 24px;}
.sidemenu ul li a:hover {background: #fafafa;}
.sidemenu .current {background: #fafafa;}

.side-widget {float: right; width: 224px; margin-top: 24px; padding-bottom: 24px; padding-left: 24px;}

ol li {margin: 8px 0px;}


/*------------------------------------------------------------------------------------------------*/
/* SpamStopsHere Section Styles
/*------------------------------------------------------------------------------------------------*/

.ssh_table {margin: 24px 8px 24px 0px; width: 488px; text-align: center;}
.ssh_table th {color: #6d6d6d; font-size: 14px; font-weight: normal; padding: 16px; background: #fff; border-bottom: 1px solid #d7d7d7; background: #fff;}
.ssh_table td {background: #fff; padding: 16px; color: #333;}

.column1 {border-right: 1px solid #d7d7d7;font-weight: bold; text-align: left;}
.column2 {border-right: 1px solid #d7d7d7;}

table.feature-list {width: 90%;}
table.feature-list td {color: #444;}

table tr.even td {background: #f7f7f7;}
table td.how-title {width: 200px; border: none;}
table td.even {}


/*------------------------------------------------------------------------------------------------*/
/* VEDIT Section Styles
/*------------------------------------------------------------------------------------------------*/

.vedit-sidemenu li {border-bottom: 2px solid #f0f5fa;}
.vedit-sidemenu li a {color:#369;}

.vedit-downloads {width: 500px;}
.vedit-downloads td {padding: 16px; border-bottom: 1px solid #f3f3f3;}
.vedit-downloads .odd td {}
.download-description {padding-top: 16px; color: #369;}
.download-title {font-size: 14px; color: #369;}

.description .vedit-tutorials {list-style-image: none;}
.vedit-tutorials li {display: block; list-style-image: none; padding: 16px 16px; margin-left: -42px; border-bottom: 1px solid #f3f3f3;}
.vedit-tutorials li a {list-style-image: none;}




/*------------------------------------------------------------------------------------------------*/
/* EBCDIC Section Styles
/*------------------------------------------------------------------------------------------------*/

.ebcdic-sidemenu li { border-bottom: 2px solid #dedede;}
.ebcdic-sidemenu li a {	color:#3d3d3d;}

.ebcdic-level {width: 500px; padding: 16px 0px; padding-bottom: 24px; margin-bottom: 24px; /*border-bottom: 1px solid #d4d4d4; background: url(/images/ebcdic-level-bg.png) top left no-repeat;*/}
.ebcdic-level div h3 {padding-top: 0px; margin: 0px; margin-top: 4px; color: #fff;}
.ebcdic-level div {padding: 10px; background: #336699; height: 32px;}
.ebcdic-level div div {padding: 0px;}
.ebcdic-level div div span {float: left; margin-top: 8px; margin-right: 16px; font-size: 13px; color: #cefbff;}

.newslist div { font-weight: bold; width: 90px; float: left; border-right: 1px solid #333; margin-right: 10px; }
.newslist a { font-weight: bold; }

/*------------------------------------------------------------------------------------------------*/
/* RestorEmail Section Styles
/*------------------------------------------------------------------------------------------------*/

.intro-re {line-height: 22px; font-size: 14px; color: #333; margin-bottom: 16px; margin-right: 16px; width: 537px;}
.right-column-re {float: left; margin-left: 16px; width: 180px;}

/*------------------------------------------------------------------------------------------------*/
/* Hosting Section Styles
/*------------------------------------------------------------------------------------------------*/

.intro-ho {line-height: 22px; font-size: 14px; color: #333; margin-bottom: 16px; width: 600px;}
.intro-ho ul li {padding-bottom: 6px; font-size:14px}
.intro-ho a {text-decoration:underline; color:#339966;}

/*------------------------------------------------------------------------------------------------*/
/* Encryption Section Styles
/*------------------------------------------------------------------------------------------------*/

.intro-en {line-height: 22px; font-size: 14px; color: #333; margin-bottom: 16px; width: 600px;}
.intro-en ul li {padding-bottom: 6px; font-size:14px;}
.intro-en a {text-decoration:underline; color:#339966;}