/*
Public Screen Stylesheet for Zing Technologies
By SpinWeb (www.spinweb.net) [Patrick Johnson]

(1)  Global
(2)  Layout
(3)  Specific Typography
(4)  Navigation
(5)  Lists
(6)  Tables
(7)  News Module
(8)  Send Page Module
(9)  Forms
(10) Pagination



/* (1) Global ========================================*/
#mainNav li ul, #footerNav li ul {
   display:none !important;
}
body * {margin: 0;padding: 0;}

body#public {
 background: #fff url(graphics/images/bg2.jpg) 50% 0 no-repeat;
 color: #000;
 font: 13px helvetica, "Helvetica Neue", arial, sans-serif;
}
a img {
 border: 0 none;
}
.center {
 text-align: center;
}
.errorMessage {
 font-weight: bold;
 color: #f00;
}
.Image_Left {
 float: left;
 margin: 0 15px 10px 0;
 border: 1px solid #fff;
}
.Image_Right {
 float: right;
 margin: 0 0 10px 15px;
 border: 1px solid #fff;
}
hr {color: #555; background: #555; height: 1px; border: 0; margin: 0 0 15px 0; clear: both; }

/* Start Self Clearing */

#outerWrap:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

/* End Self Clearing */



/* (2) Layout ========================================*/

#outerWrap {
}
#innerWrap {
 margin: 0 auto;
 position: relative;
 text-align: left;
 width: 960px;
}
#header {
 float: left;
 margin: 0;
 padding: 0;
 position: relative;
 width: 960px;
}
#header .contactInfo {
 color: #C0242C;
 float: right;
 font-size: 22px;
 margin: 40px 0 0 0;
 text-align: right;
 line-height: 20px;
 width: 775px;
}
.red {
 color: #ee2630;
}
.grey {
 color: #9e9d9d;
 font-size: 16px;
 letter-spacing: 1px;
}
.tagline {
 color: #393939;
 display: block;
 font-size: 18px;
 margin-bottom: 5px;
 font-style: italic;
}
.social a {
 margin: 5px;
 float: right;
}
#contentWrap {
 float: left;
 width: 960px;
}
#content {
 background: url(graphics/images/content-bg.png);
 width: 960px;
 float: left;
 color: #fff;
}
#gradient {
 background: url(graphics/images/gradient.png) repeat-x;
 width: 960px;
 float: left;
 padding-top: 10px;
}
#featureWrap {
 background: url(graphics/images/gray.png);
 border-bottom: 5px solid #fff;
 float: left;
 margin: 0;
 padding: 5px;
 width: 950px;
}
.testimonial {
 margin-bottom: 70px;
}
.testimonial .webpageWrapper {
 margin-bottom: 30px;
 position: relative;
 font-style: italic;
 font-size: 11px;
}
.testimonial .webpageWrapper h1 {
 bottom: -50px;
 font-size: 12px;
 font-style: italic;
 position: absolute;
 border: 0;
 font-weight: bold;
 letter-spacing: 0;
}
.partners a {
 display: block;
 width: 100%;
 border-bottom: 1px solid #555;
 background-position: center;
 padding: 10px 0;
 background-repeat: no-repeat;
}
.partners a:hover {
 opacity: 0.5;
 filter: alpha(opacity=50);
 cursor: pointer;
}
.microsoft {
 background: url(graphics/images/logo-microsoft.png);
 height: 26px;
}
.cisco {
 background: url(graphics/images/logo-cisco.png);
 height: 50px;
}
.acronis {
 background: url(graphics/images/logo-acronis.png);
 height: 40px;
}
.mxlogic {
 background: url(graphics/images/logo-mxlogic.png);
 height: 50px;
}
.mcafee {
 background: url(graphics/images/logo-mcafee.png);
 height: 30px;
}
#featureImg {
 background: ;
 float: left;
 height: 200px;
 overflow: hidden;
 width: 710px;
}
.leftCol {
 float: left;
 line-height: 1.4;
 margin: 0 10px 0 0;
 _margin: 0 10px 0 0;
 width: 210px;
 padding: 10px;
}
.midCol {
 float: left;
 line-height: 1.4;
 margin: 0 10px 0 0;
 _margin: 0 10px 0 0;
 padding: 10px;
 width: 460px;
}
.rightCol {
 float: right;
 line-height: 1.4;
 margin: 0;
 _margin: 0;
 width: 210px;
 padding: 10px;
}
.interiorCol {
 float: left;
 line-height: 1.4;
 margin: 0 10px 0 0;
 _margin: 0 10px 0 0;
 padding: 10px;
 width: 690px;
}
.section {
 clear: both;
}
#footer {
 background: url(graphics/images/footer-bg.png) no-repeat top center;
 color: #444;
 font-size: 11px;
 margin: 0 auto 40px auto;
 padding-top: 100px;
 text-align: left;
 width: 960px;
}
.footer-logos {
 float: right;
 width: 580px;
 text-align: right;
 margin-top: -27px;
}
.footer-logos a {
 margin-left: 20px;
}
.footer-logos a:hover {
 opacity: 0.5;
 filter: alpha(opacity=50);
 cursor: pointer;
}
.newsfeedDetailWrapper img {
 margin: 0 20px 20px 0;
 clear: both;
}


/* (3) Specific Typography ========================================*/

p {
 margin-bottom: 18px;
}
h1 {
 color: #fff;
 font-size: 22px;
 font-weight: 100;
 letter-spacing: -1px;
 line-height: 24px;
 margin-bottom: 10px;
 border-bottom: 1px solid #fff;
}
h2 {
 font-size: 18px;
 font-weight: 700;
 line-height: 18px;
 margin-bottom: 10px;
 letter-spacing: -1px;
}
h3 {
 font-size: 16px;
 font-weight: bold;
 line-height: 16px;
 margin-bottom: 10px;
}
h1.gendocsPageTitle {
 color: #333;
 font-size: 22px;
 font-weight: 100;
 letter-spacing: -1px;
 line-height: 24px;
 margin-bottom: 18px;
}
sup {
 font-size: 9px;
}



/* (4) Navigation ========================================*/

#public a:link, #public a:visited {
 color: #bfe0f8;
 text-decoration: none;
}
#public a:hover, #public a:active {
 color: #fff;
 text-decoration: underline;
}
#public #footer a {
 color: #000;
 text-decoration: none;
}
#public #footer a:hover {
 text-decoration: underline;
}
#logo {
 float: left;
 margin: 0;
 padding: 14px 0;
}
#navWrap {
 background: #fff url(graphics/images/mainNav-bg.gif) repeat-x center;
 border-top: 5px solid #c0242c;
 clear: both;
 float: left;
 width: 960px;
}
#mainNav {
 float: left;
}
#mainNav ul {
 border-right: 1px solid #ddd;
 float: left;
 margin: 0;
}
#mainNav li {
 display: block;
 float: left;
}
#public #mainNav li a {
 border-left: 1px solid #ddd;
 border-right: 1px solid #eee;
 color: #494746;
 display: block;
 font-size: 18px;
 font-weight: 100;
 letter-spacing: -1px;
 line-height: 40px;
 padding: 0 20px;
 text-decoration: none;
}
#public #mainNav li a:hover,
#public #mainNav li a.current {
 background: #c0242c;
 border-left: 1px solid #c0242c;
 color: #fff;
 text-decoration: none;
}
#footerNav ul {
 font-size: 12px;
 margin: 0 0 10px 0;
}
#footerNav li {
 display: inline;
}
#footerNav li a {
 padding: 0 8px 0 0;
 text-decoration: none;
}
#footerNav li a:hover {
 text-decoration: underline;
}
#credit {
 float: right;
 margin: -20px 0 0 0;
}
.supportButton {
 background: url(graphics/images/support-button.jpg) no-repeat top center;
 width: 202px;
 height: 105px;
 display: block;
 float: left;
 border: 3px solid #fff;
 margin: 25px 0 10px 0;
}
.supportButton:hover {
 background-position: bottom center;
 border: 3px solid #c0242c;
}
.payonlineButton {
 background: url(graphics/images/pay-button.jpg) no-repeat top center;
 width: 203px;
 height: 67px;
 display: block;
 float: left;
 border: 3px solid #fff;
 margin-bottom: 20px;
}
.payonlineButton:hover {
 border: 3px solid #c0242c;
}
a.more {
 text-align: right;
 font-size: 12px;
 width: 100%;
 display: block;
}
#subNav ul {
 clear: both;
 float: left;
 margin: 0 0 30px 0;
 width: 100%;
}
#subNav li {
 display: block;
 margin: 0;
 margin-bottom: 1px;
 width: 100%;
}
#subNav li ul {
 display: none;
 margin: 1px 0 1px 0;
}
#public #subNav li a {
 background: #fff;
 color: #494746;
 display: block;
 font-size: 12px;
 font-weight: 700;
 line-height: 30px;
 padding: 0 10px 0 10px;
 text-decoration: none;
}
#public #subNav li a:hover,
#public #subNav li a.current {
 background: #c0242c;
 color: #fff;
 text-decoration: none;
 cursor: pointer;
}
#subNav li li a {
 background: #d8d4d0;
 border-left: 3px solid #f78f1e;
 color: #222;
}
#subNav li li a:hover,
 #subNav li li a.current {
 background: #fbf8f5;
 color: #000;
 text-decoration: none;
}
.helpdesk {
 background: url(graphics/images/helpdesk-icon.gif) no-repeat;
 height: 32px;
 padding: 10px 0 0 50px;
 font-size: 18px;
 display: block;
}

/* (5) Lists ========================================*/

ol,
 ul {
 margin-left: 3em;
 margin-bottom: 3em;
}
.rightCol ul,
.leftCol ul {
 margin: 0 0 18px 24px;
}
.rightCol li,
.leftCol li {
 list-style-position: outside;
 margin-bottom: 8px;
}



/* (6) Tables ========================================*/

table {
 width: 100%;
}
th {
 background: #dfdfdf;
 color: #222;
 font-size: 14px;
 font-weight: 500;
}



/* (7) News Module ========================================*/

.newsList {
 clear: both;
 margin: 0 !important;
 list-style: none;
}
.newsList li {
 margin: 0 0 11px 0;
}
li.newsSpacer {
 border-top: 1px solid #e0d9c0;
 margin-top: 18px;
}
.newsList h2 {
 font-weight: 100;
 line-height: 12px;
 margin-bottom: 0;
}
.newsList h2 a {
 font-size: 14px;
 text-decoration: none;
}
.newsList h2 a:hover {
}
.newsList p {
 margin-bottom: 0;
}
.newsBlurb p {
 margin-bottom: 18px;
}
.newsSubHeadline {
 font-weight: 700;
}

.newsBlurb {
 margin-top: 8px;
}
a.moreNews {
 float: left;
 font-size: 11px;
 margin: -5px 0 30px 0;
 text-decoration: none;
}
a:hover.moreNews {
 text-decoration: underline;
}
.newsDetailWrapper h1 {
 margin-bottom: 0;
}
#freedom_calendar {
 position: absolute;
 left: 100px;
 top: 100px;
 width: 175px;
 z-index: 100;
 visibility: hidden;
 clip: rect(0px 175px 145px 0px);
 height: 145px;
}

.eventsListerWrapper,
 .blogListerWrapper,
 .newsfeedListWrapper {
 margin-bottom: 30px;
}
.eventsListerWrapper ul,
 .blogListerWrapper ul,
 .newsfeedListWrapper ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
 font-size: 11px;
}
.eventsListerWrapper li,
 .blogListerWrapper li,
 .newsfeedListWrapper li {
 border-bottom: 1px solid #555;
 padding: 0 0 10px 0;
}
.eventsListerWrapper h2,
 .blogListerWrapper h2,
 .newsfeedListWrapper h2 {
 margin: 0;
 padding: 0;
}
.eventsListerWrapper h2 a,
 .blogListerWrapper h2 a,
 .newsfeedListWrapper a {
 font-weight: bold;
 font-size: 14px;
 margin: 0;
 padding: 0;
}
.eventDateHeading {
 width: 100%;
 border-bottom: 1px solid #fff;
 text-align: center;
}
.itemLabel {
 font-weight: bold;
}

/* (8) Send Page Module ========================================*/

.sendpage {
 clear: both;
}
.sendpageBody div,
 .sendpageBody td {
 padding: 2px 0px;
}

.sendpageBody {
 background-color: #9BB6C8;
 color: #fff;
 font: 12px helvetica, arial, sans-serif;
 text-align: center;
}
.sendpageBody td {
 color: #fff;
 font-size: 12px;
}
.sendpageBody p {
 font-weight: bold;
 font-size: 14px;
}
.sendpageFormText {
 text-align: left;
}
.sendpageFormTextRequired {
 text-align: right;
 padding-right: 10px;
}
.sendpageHeader {
 color: #fff;
 font-weight: bold;
 font-size: 12px;
}
.sendpageBody input[type="text"] {
 font-size: 12px;
 padding: 3px;
 margin-bottom: 2px;
 width: 120px;
}
.sendpageBody textarea {
 height: 50px;
 width: 100%;
}



/* (9) Forms ========================================*/

form div.formtext,
 form div.formtextRequired {
 clear: both;
 float: left;
 margin: 0 8px 4px 0;
 text-align: right;
 width: 13em;
}
textarea {
 width: 100%;
}
form input[type="text"] {
 display: block;
 margin-bottom: 5px;
}
form select {
 margin: 0 5px 5px 0;
}
form input[type="checkbox"] {
 margin-right: 8px;
}
span input {
 display: inline;
}
#comment label {
 width: 400px;
 }


/* (10) Pagination ========================================*/

.pagination {
 clear: both;
 display: block;
}
.pagination a,
 .pagination a:link,
 .pagination a:visited {
 text-decoration: none;
}
.pagination .prevnextCurrent,
 .pagination .prevnextWindow,
 .pagination .prevnextWindowArrow {
 border: solid 1px #fff;
 margin: 0;
 padding: 4px 6px;
 font-size: 11px;
 margin-right: 2px;
 display: inline-block;
}
.pagination a.prevnextWindow:hover,
 .pagination a.prevnextLink:hover,
 .pagination .prevnextWindowArrow:hover {
 border: solid 1px #bfe0f8;
 color: #000;
 background: #555;
}
.pagination .prevnextCurrent {
 background: #fff;
 color: #000;
 font-weight: bold;
 padding: 4px 6px;
}
.pagination a.prevnextLink {
 border: 1px solid #fff;
 padding: 4px 6px 4px;
 margin-right: 2px;
 font-size: 11px;
 display: block;
}
.formButtons a{
 display: block;
 border: 1px solid #fff;
 padding: 5px;
 text-align: center;
 font-size: 16px;
 margin-bottom: 10px;
}
.formButtons a:hover {
 border: 1px solid #fff;
 padding: 5px;
 background: #fff;
 color: #000;
 text-decoration: none;
}


/* (11) Misc ========================================*/

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow h1{
 color: #333;
 }

.jqmWindow {
 background-color: #fff;
 border: 3px solid ccc;
 color: #333;
 display: none;
 left: 50%;
 margin-left: -200px;
 position: fixed;
 text-align: left;
 top: 17%;
 width: 400px;
}

.jqmConfirmTitle {
 background: #ddd;
 padding: 5px;
 text-align: right;
}

.jqmWindow .webpageWrapper {
 padding: 12px;
}

.jqmOverlay {
 background-color: #000;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* 
iframe.jqm {
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 width: expression(this.parentNode.offsetWidth+'px');
 height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* 
html .jqmWindow {
 position: absolute;
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* Lightbox */

#jquery-overlay {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 900;
 width: 100%;
 height: 500px;
}
#jquery-lightbox {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 1000;
 text-align: center;
 line-height: 0;
}
#jquery-lightbox a img {
 border: none;
}
#lightbox-container-image-box {
 position: relative;
 background-color: #fff;
 width: 250px;
 height: 250px;
 margin: 0 auto;
}
#lightbox-container-image {
 padding: 10px;
}
#lightbox-loading {
 position: absolute;
 top: 40%;
 left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0;
}
#lightbox-nav {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
 left: 0;
}
#lightbox-nav a {
 outline: none;
}
#lightbox-nav-btnPrev,
 #lightbox-nav-btnNext {
 width: 49%;
 height: 100%;
 zoom: 1;
 display: block;
}
#lightbox-nav-btnPrev {
 left: 0;
 float: left;
}
#lightbox-nav-btnNext {
 right: 0;
 float: right;
}
#lightbox-container-image-data-box {
 font: 10px Verdana, Helvetica, sans-serif;
 background-color: #fff;
 margin: 0 auto;
 line-height: 1.4em;
 overflow: auto;
 width: 100%;
 padding: 0 10px 0;
}
#lightbox-container-image-data {
 padding: 0 10px;
 color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
 width: 70%;
 float: left;
 text-align: left;
}	
#lightbox-image-details-caption {
 font-weight: bold;
}
#lightbox-image-details-currentNumber {
 display: block;
 clear: left;
 padding-bottom: 1.0em;
}			
#lightbox-secNav-btnClose {
 width: 66px;
 float: right;
 padding-bottom: 0.7em;
}

#newsletter {
 padding: 15px;
 float: left;
 width: 210px;
 color: #fff;
}
#newsletter fieldset {
 border: 0;
}
#public #newsletter a {
 color: #fff;
 margin-left: 10px;
}
#newsletter input[type="text"] {
 width: 196px;
 padding: 2px;
}
#newsletter ol {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#recaptcha_area {
 background: #fff;
}
.blogComments {
 width: 100%;
 border-bottom: 1px solid #fff;
 margin-bottom: 10px;
 padding-bottom: 10px;
}
.blogInfo, .meta {
 font-size: 11px;
 margin-top: -5px;
 margin-bottom: 10px;
 }
.blogPosted {
 font-size: 11px;
 width: 100%;
 border-bottom: 1px solid #fff;
 margin-bottom: 10px;
 padding-bottom: 10px;
}
#comment label {
 width: 150px;
 }
#search {
 background: url(graphics/images/search-box.gif) no-repeat;
 width: 205px;
 height: 22px;
 float: right;
 padding: 0 0 0 3px;
 margin: 8px 8px 0 0;
 border: 1px solid #555;
}
#search:hover {
 border: 1px solid #C0242C;
}
#search input {
 background: none;
 border: none;
 width: 180px;
 color: #AEAAAA;
 height: 16px;
}
#search div {
 margin-top: -15px;
}
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/graphics/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

/* ModuleBegin::newsfeed */
.newsfeedListWrapper { }
.newsfeedNumber { }
.newsfeedTitle { }
.newsfeedSource { }
.newsfeedDetailWrapper { }
.newsfeedDetailWrapper .newsItem {border-bottom:1px solid #ccc; margin-bottom:10px;padding-bottom:10px;}
.newsfeedDetailWrapper .newsItem img {margin:0 10px 0 0;}
.newsfeedDetailWrapper .newsItem span {display:block;}
.newsfeedDetailWrapper .newsItem .newsListHeadline {font-size:120%;}
.newsfeedDetailWrapper .newsItem .newsListPublishline {font-size:90%;}
/* ModuleEnd::newsfeed */

/* ModuleBegin::ticket */
.ticketListWrapper { }
.ticketDetailWrapper { }
.ticketFeatureWrapper { }
/* ModuleEnd::ticket */



/* ModuleBegin::membership */
#formLogin { margin:0 auto; border: 1px solid #ccc; padding: 20px; width:275px; }
.membershipLoginWrapper { }
.memberLoginBox { margin: 0 auto; }
.memberLoginBox td { padding: 2px; }
.memberUser { }
.memberPassword { }
.memberRemember { }
.memberForgot { }
.memberSubmit { }
.myaccountListerBack { text-align:center;width:100%;padding-top:10px; }
/* ModuleEnd::membership */