/* Site colors (for reference)
-----------------------------------------------
334ea2; Bytescribe Blue
052861; dark blue nav hover
98afd8; light blue nav border
123456; green
FF9C01; orange
*/

/* Default Settings
----------------------------------------------- */
html, body {
border:0;
margin:0 auto;
padding:0;
text-align:center;
}

body {
font:100%/1.75 helvetica, arial, sans-serif;
background-color: #f3f2f7;
}

/* Common Formatting 
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
font-family: helvetica, arial, sans-serif;
}

h1 {
padding:0;
letter-spacing:-1px;
font-size:2em;
}

h2 {
padding:5px 0;
letter-spacing:-1px;
font-size:1.5em;
color:#9fb87e;
color:#2b2b2b;
}

#overview-box h2 {
font-size:1.2em;
color:#555;
font-weight:bold;
text-transform:uppercase;
}

#detail-excerpt h2 {
font-size:1.2em;
color:#f4d738;
font-weight:bold;
text-transform:uppercase;
}

h3 {
margin:2px 0 0 0;
padding:0;
font-size:1.5em;
font-weight:normal;
color:#7aa054;
}

h3, #home-col1 h3, #home-col2 h3, #home-col3 h3, #home-col4 h3 {
margin:2px 0 0 0;
padding:0;
font-size:1.2em;
font-weight:normal;
background: url(/cssimages/title-box-bg.gif) repeat-x center center;
border: 1px solid #e3e2e7;
border: 1px solid #d3d2d7;
color:#555;
display:block;
padding:2px 6px;
}

h3 a, h3 a:link, h3 a:visited,
#home-col1 h3 a, #home-col1 h3 a:link, #home-col1 h3 a:visited,
#home-col2 h3 a, #home-col2 h3 a:link, #home-col2 h3 a:visited,
#home-col3 h3 a, #home-col3 h3 a:link, #home-col3 h3 a:visited,
#home-col4 h3 a, #home-col4 h3 a:link, #home-col4 h3 a:visited ,
h3.grey-box a, h3.grey-box a:link, h3.grey-box a:visited 
{
color:#555;
}

h3 a:hover,
#home-col1 h3 a:hover,
#home-col2 h3 a:hover,
#home-col3 h3 a:hover,
#home-col4 h3 a:hover,
h3.grey-box a:hover
{
color:#2b2b2b;
text-decoration:underline;
}

h3.grey-box {
margin:2px 0 10px 0;
font-size:1.4em;
font-weight:normal;
background: url(/cssimages/title-box-bg.gif) repeat-x center center;
border: 1px solid #e3e2e7;
border: 1px solid #d3d2d7;
color:#555;
display:block;
padding:2px 6px;
}

h3.grey-box-ovr {
margin:0 0 5px 0;
font-size:1.3em;
font-weight:normal;
background: url(/cssimages/title-box-bg.gif) repeat-x center center;
border: 1px solid #e3e2e7;
border: 1px solid #d3d2d7;
color:#555;
display:block;
padding:2px 20px;
}

h3.grey-box-mid {
margin:0 0 5px 0;
font-size:1.1em;
font-weight:normal;
background: url(/cssimages/title-box-bg.gif) repeat-x center center;
border: 1px solid #e3e2e7;
border: 1px solid #d3d2d7;
color:#555;
display:block;
padding:2px 20px;
}

h4 {
margin:2px 0 0 0;
padding:2px;
font-size:1.2em;
font-weight:normal;
/*background-color:#ffe29c;*/
color:#FF9C01;
color:#4b4b4b;
display:block;
}

h4 {
margin:2px 0 7px 0;
padding:0;
font-size:1.2em;
font-weight:normal;
background: url(/cssimages/title-box-bg.gif) repeat-x center center;
border: 1px solid #e3e2e7;
border: 1px solid #d3d2d7;
color:#555;
display:block;
padding:2px 6px;
}

h5 {
margin:5px auto;
padding:2px;
font-size:1.2em;
font-weight:normal;
/*background-color:#ffe29c;*/
color:#555;
display:block;
border-bottom:1px solid #c3c2c7;
}

h6 {
margin:5px auto;
padding:3px;
font-size:1.8em;
font-weight:normal;
color:#fff;
display:block;
text-transform:uppercase;
background:#334ea2;
border:1px solid #031e72
}

p { margin:0; padding:0; }

/*p, ul, ol {*/
ul, ol {
margin:0;
padding:0 0 18px 0;
}

ul {
list-style:none;
padding:0 0 18px 0;
}

ol {
margin:0;
padding:0 0 0 40px;
}

blockquote {
margin:22px 40px;
padding:0;
}

small, .small {
font-size: 0.85em;
}

.caps {
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

hr {
margin: 2em auto;
width: 370px;
height: 1px;
color: #7a7e7d;
border: none;
}

/* Links 
----------------------------------------------- */
a, a:visited {
text-decoration:none;
color:#334ea2;
}

a:hover {
text-decoration:underline;
color:#334ea2;
}

.active {
}

#main a img, #main a:link img, #main a:visited img {
padding:1px 0 0 0;
}

#main a:hover img {
padding:0 0 1px 0;
}

#left a img, #left a:link img, #left a:visited img {
padding:1px 0 0 0;
text-decoration:none;
}

#left a:hover img {
padding:0 0 1px 0;
text-decoration:none;
}

/* Forms
----------------------------------------------- */
/*
form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}
*/
/* Tables
----------------------------------------------- */
table {
border:0;
margin:0 0 18px 0;
padding:0;
}

table tr td {
padding:2px;
}

/* WebShuttle Comparison Chart styling */
#asp-compart { text-align:center; color:#555; }
#asp-compart .col1 { text-align:left; }
#asp-compart tr td { padding:5px; margin:5px; background:#fff; text-align:center; }
#asp-compart tr th { padding:5px; margin:5px; color:#114da1; font-weight:bold; }
#asp-compart tr.buttons td { padding:5px; margin:5px; background:transparent; }
#asp-compart img{ display:block; margin:0 auto; float:none; }

/* Wrapper 
----------------------------------------------- */

#wrap {
width:895px;
margin:0 auto; padding:0;
text-align:center;
}

#bg-wrap {
margin:0 auto; padding:0;
width:auto;
height:auto;
background:#fff;
}

/* layout
----------------------------------------------- */
#accessibility {
position: absolute;
top: -10000px;
}

#topnav {
margin: 0 auto; padding: 0;
width:auto;
background-color: #334ea2;
border-bottom:2px solid #98afd8;
}

#topnav-center {
margin: 0 auto; padding: 0;
background-color:#334ea2;
text-align:left;
min-width:0;
width:895px;
overflow:hidden;
font-size:0.75em;
}

#topnav-store {
margin: 0 auto; padding: 0;
width:auto;
background-color: #56c008;
border-bottom:2px solid #86f038;
}

#topnav-center-store {
margin: 0 auto; padding: 0;
background-color:#56c008;
text-align:left;
min-width:0;
width:895px;
overflow:hidden;
font-size:0.75em;
}

#logo-bar {
margin: 0 auto; padding: 0;
width:895px;
overflow:hidden;
background-color:#fff;
}

#logo {
float:left;
margin: 10px auto;
padding: 0 0 20px 0;
width:300px;
text-align:left;
background-color:#fff;
}

#search-box {
float:right;
margin: 0px auto;
margin-top:20px;
width:400px;
text-align:right;
font-size:0.8em;
}

#logo-bar2 {
margin: 0 auto; padding: 0;
height:100px;
width:895px;
background: url(/cssimages/bytescribe.gif) no-repeat top left;
}

#container {
margin: 0 auto;
padding-bottom:20px;
width: 895px;
font-size:0.8em;
overflow:hidden;
background-color:#fff;
border-style:none;
}

#left {
margin: 0 auto;
float:left;
width: 170px;
text-align:left;
}

#main {
color:#778;
margin: 0 auto;
padding:0;
float:right;
width: 690px;
text-align:left;
}

#main-full {
color:#778;
margin: 0 auto;
padding:0;
float:right;
width: 100%;
text-align:left;
}


main-iframe {
color:#778;
margin: 0 auto;
padding:0;
float:right;
width: 100%;
text-align:left;
}

iframe { border:0; overflow:auto; }

#middle {
margin:0 auto;
width:auto;
background:#f3f2f7;
border-top:1px solid #e3e2e7;
}

#middle-center {
margin:0 auto;
padding:20px 0;
width:895px;
overflow:hidden;
background:#f3f2f7;
font-size:0.8em;
color:#555;
text-align:left;
}

#middle-left {
float:left;
width:170px;
}

#middle-right {
float:right;
width:688px;
}

.container {
margin: 0 auto;
width:895px;
}

#home-col1 {
margin:0 auto; padding:0;
width:156px;
font-size:0.85em;
float:left;
}

#home-col2 {
margin:0 auto; padding:0;
width:178px;
font-size:0.85em;
float:left;
}

#home-col3 {
margin:0 auto; padding:0;
width:178px;
font-size:0.85em;
float:left;
}

#home-col4 {
margin:0 auto; padding:0;
width:178px;
font-size:0.85em;
float:left;
}

.home-excerpt {
margin:10px auto;
height:18.5em;
overflow:hidden;
}

#foot-full {

margin:0 auto;
width:auto;
height:auto;

background-color:#f3f2f7;
}

#foot {
margin:0 auto;
width:895px;
overflow:hidden;
background:#f3f2f7;
padding:20px 0;
font-size:0.6em;
border-top:1px solid #dadbde;
color:#555;
}

#contact-left {
margin:30px auto;
float:left;
width:350px;
}

#contact-right {
margin:30px auto;
padding:20px;
float:right;
background-color:#fffdaa;
border:1px solid #f4d738;
}

/* product and server overview/excerpt pages
----------------------------------------------- */
#overview-box {
clear:both;
background-color:#f3f2f7;
border:1px solid #e3e2e7;
color:#555;
overflow:auto;
}

#overview-box-content{
margin:0 auto;
padding:20px;
font-size:0.9em;
}

#overview-inset-box {
float:right;
margin: 0 auto;
padding:10px 10px 0 10px;
width:320px !important;
width: 340px;
color:#555;
font-size:1.1em;
}

#overview-inset-box a, #overview-inset-box a:link, 
#overview-inset-box a:visited, #overview-inset-box a:hover {
color:#555;
text-decoration:underline;
}

.overview-thumb {
margin-right:25px;
}

.column-1 {
clear:both;
margin:20px auto; padding:0;
width:156px;
font-size:0.85em;
float:left;
}

.column-2, .column-3, .column-4 {
margin:20px auto; padding:0;
width:178px;
font-size:0.85em;
float:left;
}

.padding-column-1   { margin:0; padding:0; }

.padding-column-2,
.padding-column-3,
.padding-column-4   { padding-left:22px; }

.excerpt-text {
padding:5px 0;
height:12em;
overflow:hidden;
}

/* product and server individual/detail pages
----------------------------------------------- */
#product-detail-container {
font-size:0.9em;
}

#product-detail-right {
margin:0 0 20px 20px;
float:right;
padding:20px;
width:200px !important;
width:260px;

background:#fffdda;
border:1px solid #fee03a;
}

#detail-excerpt-container {
margin: 0 20px 0 0;
padding:0;
/*border-bottom:3px solid #e3e2e7;*/
}


/* comments
----------------------------------------------- */

.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}


/* General Classes 
----------------------------------------------- */

.clear 			{ clear:both; }

.float-left 		{ float:left; }
.float-right            { float:right; }

.text-left 		{ text-align:left; }
.text-right 		{ text-align:right; }
.text-center 	        { text-align:center; }
.text-justify 	        { text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.width-100 		{ width: 100%; }
.width-75 		{ width: 75%; }
.width-50 		{ width: 50%; }

.padding-left-20        { padding-left: 20px; }
.padding-left-22        { padding-left: 22px; }
.padding-20             { padding: 20px; }

.divider {
font-size:1px;
margin:10px auto;
border-top:2px solid #e2e2e2;
}

.left-half {
float:left;
width:45%;
}

.right-half {
float:right;
width:45%;
}

ul.check-item-grey li {
padding: 0 0 0 28px;
background: url(/cssimages/icon-check-grey.gif) no-repeat top left;
height:1%;
}

ul.check-item-grey-space li {
padding: 5px 0 2px 28px;
background: url(/cssimages/icon-check-grey.gif) no-repeat center left;
height:1%;
}

ul.check-item-white li {
padding: 0 0 0 28px;
background: url(/cssimages/icon-check-white.gif) no-repeat top left;
height:1%;
}

ul.check-item-yellow li {
padding: 0 0 0 28px;
background: url(/cssimages/icon-check-yellow.gif) no-repeat top left;
height:1%;
}

ul.check-item-green li {
padding: 0 0 0 28px;
background: url(/cssimages/icon-check-green.gif) no-repeat top left;
height:1%;
}

/*
Horizontal navigation
-----------------*/

#topnav-center ul
{
margin:0 auto;
padding:0;
color: White;
float: right;
/*width: 100%;*/
}

#topnav-center ul li { display: inline; }

#topnav-center ul li a, #topnav-center ul li a:link
{
margin:0 auto;
padding: 2.2em 1.2em 0.2em 1.2em;
color: White;
text-decoration: none;
float: right;
border-right: 1px solid #98afd8;
}

#topnav-center ul li a:hover
{
margin:0 auto;
padding: 2.2em 1.2em 0.2em 1.2em;
background-color: #052861;
color: #fff;
}

/*
Horizontal navigation -store
-----------------*/

#topnav-center-store ul
{
margin:0 auto;
padding:0;
color: White;
float: right;
/*width: 100%;*/
}

#topnav-center-store ul li { display: inline; }

#topnav-center-store ul li a, #topnav-center-store ul li a:link
{
margin:0 auto;
padding: 2.2em 1.2em 0.2em 1.2em;
color: White;
text-decoration: none;
float: right;
border-right: 1px solid #86f038;
}

#topnav-center-store ul li a:hover
{
margin:0 auto;
padding: 2.2em 1.2em 0.2em 1.2em;
background-color: #3d780a;
color: #fff;
}

/*--
Horizontal navigation (bottom of page)
-----------------*/

#navbar_bottom ul
{
margin:0 auto;
padding:0;
width: 100%;
text-align:center;
}

#navbar_bottom ul li { display: inline; }

#navbar_bottom ul li a, #navbar_bottom ul li a:link
{
margin:0 auto;
text-decoration: none;
}

#navbar_bottom ul li a:hover
{
margin:0 auto;
color:#64780B;
text-decoration:underline;
}

/*--
Vertical navigation (products and services)
-----------------*/

#left { line-height: 1.1em; }

#left ul.navlist { display:inline; }

#left ul a {
width:99.9%; /* for IE < 7 */
display:block;
padding: 10px 0;
border-top:2px solid #e2e2e2;
}

.submenu {
padding: 0 0 0 15px;
font-size:0.9em;
}

#left .submenu a, #left .submenu a:visited {
padding:5px 0 5px 12px;
border-style:none;
text-decoration:none;
color:#777;
background: url(/cssimages/icon-plus.gif) no-repeat center left;
}

#left .submenu a:hover {
padding:5px 0 5px 12px;
text-decoration:underline;
border-style:none;
color:#2b2b2b;
background: url(/cssimages/icon-plus.gif) no-repeat center left;
}

#left li a.active, #left ul.submenu li a.active {
font-weight:bold;
}

/* contact form plugin "Zem Contct Reborn"
----------------------------------------------- */

#zemContactForm {
margin:0 auto;
padding:0;
font-size:0.9em;
line-height:1.6em;
}

#zemContactForm p {
margin:0 auto;
padding:0;
}

fieldset {
border:0;
}

label {
border:0;
}

fieldset legend { display:none ;}

#yourname, #youremailaddress, #subject, #message {
margin:0 auto;padding:0;
width:250px;
height:1.6em;
/*background-color:#f7f6f2;*/
}

#message {
width:250px;
height:250px;
/*background-color:#f7f6f2;*/
}

#zenSubmit {
}

/* Default Search specially formatted
----------------------------------------------- */

form#search-form {
width: 160px;
height: 25px;
}

form#search-form label {
display: none;
}

form#search-form #search-input {
width: 120px;
padding: 3px;
background: #FFF;
color: #666;
font-size: 11px;
border: 1px #333 inset;
}

form#search-form #search-input:focus {
background: #FFC;
color: #333;
}

form#search-form #search-submit {
font-size: 11px;
padding: 3px;
background: #334EA2;
color:#fff;
border-top: 1px solid #4E6BC8;
border-left: 1px solid #4E6BC8;
border-right: 1px solid #243672;
border-bottom: 1px solid #243672;
cursor: pointer;
}

form#search-form #search-submit:hover{
color: #5d5d5d;
background: #132E82;
color: #fff;
border-top: 1px solid #243672;
border-left: 1px solid #243672;
border-right: 1px solid #4E6BC8;
border-bottom: 1px solid #4E6BC8;
}

form#search-form #search-submit:focus{
background: #132E82;
}

/* Special Search Plugin formatting
----------------------------------------------- */

#LSResult {
position: absolute;
background-color:#fffdda;
border:1px solid #fee03a;
width: 350px;
}
#LSShadow { padding: 5px; }
#LSRes { background-color: #ffffdc; }
.LSRow { padding: 0 5px; }
#LSHighlight { background-color: #fee03a; background-color: #edf2f9;}
#LSHeader { padding: 2px 2px 8px; }
.lsDate { display: block; color: #fee03a; }

/* Tabbed interface on WebShuttle ASP page
----------------------------------------------- */
#WebShuttle-intro {
text-align:center;
/*
width:100%;
height:140px;
background: url(/images/49.gif) no-repeat top center;
*/
}

#WebShuttle { font:11px helvetica,arial,sans-serif;  width:690px; 

padding:15px 0 0 0; line-height:15px;}

#WebShuttle div.off {color:#000; height:33px; margin-right:2px; line-height:33px; padding:0 20px; float:left; background:#e3e2e7; border:1px solid #e3e2e7; cursor:pointer; position:relative; z-index:20;}

#WebShuttle div.on {color:#000; padding:0 20px; margin-right:2px; margin-top:1px; float:left; background:#f3f2f7; border:1px solid #e3e2e7; cursor:pointer; border-bottom:0; height:33px; line-height:32px; position:relative; z-index:100;}

div.hide {display:none; width:0; overflow:hidden;}
div.show {clear:left; background:#f3f2f7; width:648px; margin-top:0; top:-1px; border:1px solid #e3e2e7;padding:20px; position:relative; z-index:50; font:11px verdana, arial, sans-serif; line-height:18px;}
div.show img {float:left; margin:0 10px 10px 0;}
.clear {clear:both;}

#WebShuttle div.off-orange {color:#fff; height:33px; margin-right:2px; line-height:33px; padding:0 20px; float:left; background:#ffac01; border:1px solid #ff9503; border-bottom:1px solid #e3e2e7; cursor:pointer; position:relative; z-index:20;}

#WebShuttle div.on-orange {color:#000; padding:0 20px; margin-right:2px; margin-top:1px; float:left; background:#f3f2f7; border:1px solid #e3e2e7; cursor:pointer; border-bottom:0; height:33px; line-height:32px; position:relative; z-index:100;}

#overview { 
padding:280px 0 20px 20px;
background: #f3f2f7 url(/images/50.jpg) no-repeat top center;
}

/* clear fix from PositionIsEverything
----------------------------------------------- */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#top-button {
padding:20px 0 0 0;
float:right;
width:200px;
text-align:right;
}

#top-button img { margin-right:35px; }

/* Support page styles
----------------------------------------------- */
#support-page h4 {
margin:0 0 0 0px; padding:0;
background:transparent;
font-size:1.3em;
color:#1b1b1b;
font-weight:normal;
border:0;
}

#support-page h5 {
margin:0 0 0 0px; padding:0;
background:transparent;
font-size:1.1em;
color:#334ea2;
font-weight:bold;
border:0;
}

#support-page ul {
margin:0 0 5px 45px;
line-height:1.3em;
padding:0 0 5px 0;
}

#support-page hr {
margin: 1em auto;
width: 100%;
height: 1px;
border-bottom:1px solid #9a9e9d;
}

#support-page ul li {
display:block;
padding:5px 0;
/*border-bottom:1px solid #eee;*/
}

#support-page ul li a { padding: 0 30px 0 0; height:1%;
display:block;
/*background: url(/cssimages/link-icon-arrow.gif) no-repeat top right;*/
}

#support-page ul li a.icon-pdf {
background: url(/cssimages/link-icon-pdf.gif) no-repeat top right;
}
#support-page ul li a.icon-program {
background: url(/cssimages/link-icon-program.gif) no-repeat top right;
}
#support-page ul li a.icon-knowledgebase {
background: url(/cssimages/link-icon-knowledgebase.gif) no-repeat top right;
}
#support-page ul li a.icon-video {
background: url(/cssimages/link-icon-video.gif) no-repeat top right;
}