html {
   -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body { font-family:sans-serif,verdana,helvetica; font-size:12px; color:#333333; background:#fdfdfd url('http://media.xtenit.com/media/images/backings/body-bg.png') repeat-x top; }

/* generic styles */
.float-r { float:right; }
.float-l { float:left; }
.float-c { margin:0 auto; }

.talign-l { text-align:left; }
.talign-r { text-align:right; }
.talign-c, .return { text-align:center; }

.nobr { white-space:nowrap; }
.wrapper { width:950px; margin:0 auto; }
.clear { clear:both; display:block; margin:0; padding:0; line-height:0; }
.padding { padding:1em; }

h1, h2, h3, h4, h5, h6 { color:#333333; margin-bottom:1em; line-height:1.25em; }

input[type=submit], button, input[type=button] { padding:0.25em 1em; }

.section,
.page-title { border-bottom:1px solid #dddddd; padding-bottom:0.25em; margin-bottom:0.75em; text-shadow:1px 1px 0px #dddddd; font}

p { margin:0 0 1em; } 
p.title { font-weight:bold; color:#555555; }

a { color:#7a8ca4; text-decoration:none; }
a:hover, a:focus { color:#7a8ca4; text-decoration:underline; }

hr { width:67%; margin:0 auto 1em; }
hr.full { width:100%; }

ul.arrow { padding-left:0; margin:0; margin-bottom:1em; }
ul.arrow li { list-style:none; background:transparent url('http://media.xtenit.com/media/images/backings/arrows.gif') no-repeat scroll 6px 10px; padding-left: 20px; padding-top:4px; }
ul.arrow li:hover { background-position:6px -27px; }

input[type=text],input[type=email], input[type=password], select { font-family:inherit; padding:5px; margin-top:0; }
textarea { font-family:sans-serif,verdana,helvetica; font-size:1em; height:auto; }
/*input[type=button], input[type=submit] { background:#D4D4D4; border:1px solid #A4A4A4; color:#666666; font-weight:bold; }*/

.error a, .error a.hover, .error a.focus { color:#8A1F11; text-decoration:underline; }
.error h3 { color:#8a1f11; margin-bottom:0.5em; }
.success a, .success a.hover, .success a.focus { color:#264409; text-decoration:underline; }
.success h3 { color:#264409; margin-bottom:0.5em; }
.notice a, .notice a.hover, .notice a.focus { color:#514721; text-decoration:underline; }
.notice h3 { color:#514721; margin-bottom:0.5em; }


/* share bar */
.share-bar { margin-bottom:10px; height:16px; }
.share { background:transparent url('http://media.xtenit.com/media/images/widget.png') no-repeat scroll 0 0; height:16px; width:16px; float:left; margin-right:2px; line-height:16px; overflow:hidden; }
.share-label { font-weight:bold; float:left; margin-right:5px; }
.share_forward { background-position:0 -460px;}
.share_delicious { background-position:0 -40px;}
.share_myspace { background-position:0 -260px;}
.share_google { background-position:0 -220px;}
.share_gbuzz { background-position:0 -1320px;}
.share_live { background-position:0 -300px;}
.share_stumble { background-position:0 -140px;}
.share_blogger { background-position:0 -680px;}
.share_twitter { background-position:0 -620px;}
.share_digg { background-position:0 -20px;}
.share_facebook { background-position:0 -180px;}
.share_yahoo { background-position:0 -560px;}
.share_newsvine { background-position:0 -360px;}
.share_linkedin { background-position:0 -1240px;}
.share_print { background-position:0 -1479px;}

/* header */
header { padding-top:10px; height:90px; }
header #logo { float:left; margin-top:5px; margin-left:10px;  }
header #logo .logo { background:transparent url(http://media.xtenit.com/media/images/xtenit.png) no-repeat top; float:left; width:335px; height:70px; }
header #login { text-align:right; font-size:12px; margin-right:10px; color:white; }
header #login a { color:white; padding-bottom:1px; border-bottom:1px solid white; }
header #login a:hover, 
header #login a:focus { color:#e0e0e0; border-color:#e0e0e0; text-decoration:none; }
header #contact { padding-top:10px; text-align:right; }
header #contact h3, 
header #contact h4 { margin-bottom:0; color:#333333; }
header #contact h3 { font-size:1.75em; }

/* content */
#content { clear:both; display:block; }
#content img { max-width:100%; }

/* menus */
#menu { border:1px solid #666; background-color:#6f85a2; padding:5px 10px; overflow:hidden;
   -webkit-border-radius: 12px 12px 0px 0px;
   -moz-border-radius: 12px 12px 0px 0px;
   border-radius: 12px 12px 0px 0px;
   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

   background-image: -webkit-gradient(linear, center top, center bottom, from(#aac3e2), to(#7085a2));
   background-image: -webkit-linear-gradient(center top, #aac3e2, #7085a2);
   background-image: -moz-linear-gradient(center top , #aac3e2, #7085a2);
   background-image: -ms-linear-gradient(center top, #aac3e2, #7085a2);
   background-image: -o-linear-gradient(center top, #aac3e2, #7085a2);
   background-image: linear-gradient(to bottom, #aac3e2, #7085a2);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aac3e2', endColorstr='#7085a2');
}

#menu ul, #menu li { margin:0; padding:0; list-style:none }
#menu ul, #menu li, #menu a { float:left; }
#menu ul { width:586px; }
#menu li { margin-right:10px; background:none; }
#menu a { font-size:13px; padding:5px 15px; text-decoration:none; color:white; height:18px; text-shadow: -1px -1px 0px #666; }
#menu a:hover,
#menu a:focus { color:#ddebff;  }

#menu a.selected { background-color:#7085a2; border:1px solid #58687f; padding:5px 15px; font-size:12px; 
   font-weight:bold;
   background-color:white; 
   color:#555;
   background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#bbbbbb));
   background-image: -webkit-linear-gradient(center top, #ffffff, #bbbbbb);
   background-image: -moz-linear-gradient(center top , #ffffff, #bbbbbb);
   background-image: -ms-linear-gradient(center top, #ffffff, #bbbbbb);
   background-image: -o-linear-gradient(center top, #ffffff, #bbbbbb);
   background-image: linear-gradient(to bottom, #ffffff, #bbbbbb);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bbbbbb');

   -webkit-box-shadow: inset 2px 2px 1px -1px white;
   -moz-box-shadow: inset 2px 2px 1px -1px white;
   box-shadow: inset 2px 2px 1px -1px white;

   text-shadow: 1px 1px 0px white;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

/* contents */
#contents { padding:15px 20px; border:1px solid #666666; border-bottom:1px solid #c9c9c9; border-top:0; background:white; min-height:400px; }

/* footer */
footer { margin:0 0 10px; padding:10px 0 0; border:1px solid #666666; border-top:1px solid #444444; background-color:#8a8a8a; font-size:12px;
   background-image: -webkit-gradient(linear, center top, center bottom, from(#777777), to(#999999));
   background-image: -webkit-linear-gradient(center top, #777777, #999999);
   background-image: -moz-linear-gradient(center top , #777777, #999999);
   background-image: -ms-linear-gradient(center top, #777777, #999999);
   background-image: -o-linear-gradient(center top, #777777, #999999);
   background-image: linear-gradient(to bottom, #777777, #999999);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#999999');
}

footer h4 { text-shadow:1px 1px 0px #888; color:#333; font-weight:bold; }
footer .padding { padding:10px 15px 10px; }
footer .span-1 { width:14%; margin-right:1%; }
footer .span-2 { width:36%; margin-right:1%; }
footer .span-3 { width:49%; margin-right:1%; }
footer .span-4 { width:48%; margin-right:0; }
footer a { color:white; }
footer a:hover,
footer a:focus { color:#c3c3c3; text-decoration:none; }
footer .copyright { text-align:center;  font-size:10px; }
footer ul.arrow li { background-image: url('http://media.xtenit.com/media/images/backings/arrow-footer.gif'); }

/* index page */
.main-index { }
.main-index .col { float:left; margin-right:1%; }
.main-index .col-1 { width:43%; }
.main-index .col-2 { width:35%; }
.main-index .col-3 { width:20%; margin-right:0px; }

.main-index .col-1 h3 { font-weight:bold; margin-bottom:0.25em; }
.main-index .col-1 ul, 
.main-index .col-1 li {  list-style:none; background:none; }
.main-index .col-1 ul { padding-left:0; margin-top:0; margin-bottom:2em; }
.main-index .col-1 ul li { background:transparent url('http://media.xtenit.com/media/images/check.png') no-repeat scroll 0 2px; padding-left:23px; }
.main-index .col-1 p:first-child { margin-bottom:2em; }

.main-index .col-2 h4,
.main-index .col-3 h4 { font-weight:bold; }

.main-index .col-2 ul,
.main-index .col-2 li { list-style:none; margin:0px; padding:0px; }

.main-index .col-2 ul.tabs li { float:left; }
.main-index .col-2 ul.tabs a { border:1px solid #bbb; border-bottom:0px; border-right:0px; background-color:#eee; padding:7.5px 0px; display:block; text-align:center; font-size:11px; font-weight:bold; color:#777; outline:none;
   background-image: -webkit-gradient(linear, center top, center bottom, from(#dddddd), to(#ffffff));
   background-image: -webkit-linear-gradient(center top, #dddddd, #ffffff);
   background-image: -moz-linear-gradient(center top , #dddddd, #ffffff);
   background-image: -ms-linear-gradient(center top, #dddddd, #ffffff);
   background-image: -o-linear-gradient(center top, #dddddd, #ffffff);
   background-image: linear-gradient(to bottom, #dddddd, #ffffff);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff');

   text-shadow: 1px 1px 1px white;
}
.main-index .col-2 ul.tabs a:hover,
.main-index .col-2 ul.tabs a:focus { text-decoration:none; }

.main-index .col-2 ul.tabs li.tab-li-1 { width:38%; }
.main-index .col-2 ul.tabs li.tab-li-2 { width:25%; }
.main-index .col-2 ul.tabs li.tab-li-3 { width:37%; *width:36.8%; }

.main-index .col-2 ul.tabs a.tab-1 {
   -webkit-border-radius: 12px 0px 0px;
   -moz-border-radius: 12px 0px 0px;
   border-radius: 12px 0px 0px; 

   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.main-index .col-2 ul.tabs a.tab-3 { border-right:1px solid #bbb;
   -webkit-border-radius: 0px 12px 0px 0px;
   -moz-border-radius: 0px 12px 0px 0px;
   border-radius: 0px 12px 0px 0px;
   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.main-index .col-2 ul.tabs .tab-selected { 
   color:#444;
   background-color: #ffffff; 
   background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#dddddd));
   background-image: -webkit-linear-gradient(center top, #ffffff, #dddddd);
   background-image: -moz-linear-gradient(center top , #ffffff, #dddddd);
   background-image: -ms-linear-gradient(center top, #ffffff, #dddddd);
   background-image: -o-linear-gradient(center top, #ffffff, #dddddd);
   background-image: linear-gradient(to bottom, #ffffff, #dddddd);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');

   -webkit-box-shadow: inset 2px 2px 1px -1px white;
   -moz-box-shadow: inset 2px 2px 1px -1px white;
   box-shadow: inset 2px 2px 1px -1px white;

   text-shadow: 1px 1px 1px white;
}

.main-index .col-2 .tabs-contents { float:left; width:100%; }
.main-index .col-2 .tabs-content { display:none; padding:1.5em; border:1px solid #bbb; font-size:11px; 
   -webkit-border-radius: 0px 0px 12px 12px;
   -moz-border-radius: 0px 0px 12px 12px;
   border-radius: 0px 0px 12px 12px;
   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.main-index .col-2 .tabs-content-selected { display:block; }

.main-index .col-3 input[type=text] { font-style:italic; color:#999999; width:96%; }
.main-index .col-3 input[type=text]:focus { color:#333; font-style:normal; }


/* features page */
#features hr { margin-top:1em; }
#features .col {float:left; margin-right:2%; padding-right:2%; border-right: 1px solid #ddd; }
#features .last { margin-right:0px; padding-right:0px; border-right:0px; }

#features .row1 .col1 { width:62%; }
#features .row1 .col2 { width:33%; }

#features .row2 .col1 { width:43%; }
#features .row2 .col2 { width:52%; }

#features .row3 .col1 { width:46%; }
#features .row3 .col2 { width:49%; }

#features .row4 .col1 { width:24%; }
#features .row4 .col2 { width:37%; }
#features .row4 .col3 { width:30%; }

#features .row5 .col1 { width:31%; }
#features .row5 .col2 { width:32%; }
#features .row5 .col3 { width:28%; }


#features .image { margin-left:2%; }   
#features .image p.caption { text-align:center; color:#999999; font-size:10px; }

/* features list page */
#features-list .span-2 { width:48%; margin-right:2%; }
#features-list .span-3 { width:50%; margin-right:0px; }
#features-list h4 { border:1px solid #bbb;  padding:7.5px 1em 7.5px; display:block; font-size:12px; font-weight:bold; 
   color:#444;
   background-color: #eeeeee;
   background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#dddddd));
   background-image: -webkit-linear-gradient(center top, #ffffff, #dddddd);
   background-image: -moz-linear-gradient(center top , #ffffff, #dddddd);
   background-image: -ms-linear-gradient(center top, #ffffff, #dddddd);
   background-image: -o-linear-gradient(center top, #ffffff, #dddddd);
   background-image: linear-gradient(to bottom, #ffffff, #dddddd);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');

   -webkit-box-shadow: inset 2px 2px 1px -1px white;
   -moz-box-shadow: inset 2px 2px 1px -1px white;
   box-shadow: inset 2px 2px 1px -1px white;

   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px; 

   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

   text-shadow: 1px 1px 1px white;
}
#features-list .features { padding:0 10px 1em; font-size:11px; }
#features-list .features .title { float:left; width:35%; margin-right:1%; margin-bottom:1.5em; font-weight:bold;}
#features-list .features .summary { float:left; width:64%; margin-left:0px; margin-bottom:1.5em; }

/* article view */
.split-view .span-1 { font-size:12px; margin-right:2%; width:65%; }
.split-view .span-2 { width:33%; margin-right:0px; }

.full-story { color:#111; }

.split-view-col h4 { border:1px solid #bbb; border-bottom:0px; padding:7.5px 1em 7.5px; display:block; font-size:12px; font-weight:bold; margin-bottom:0px;
   color:#444;
   background-color: #eeeeee;
   background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#dddddd));
   background-image: -webkit-linear-gradient(center top, #ffffff, #dddddd);
   background-image: -moz-linear-gradient(center top , #ffffff, #dddddd);
   background-image: -ms-linear-gradient(center top, #ffffff, #dddddd);
   background-image: -o-linear-gradient(center top, #ffffff, #dddddd);
   background-image: linear-gradient(to bottom, #ffffff, #dddddd);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');

   -webkit-box-shadow: inset 2px 2px 1px -1px white;
   -moz-box-shadow: inset 2px 2px 1px -1px white;
   box-shadow: inset 2px 2px 1px -1px white;

   -webkit-border-radius: 12px 12px 0px 0px;
   -moz-border-radius: 12px 12px 0px 0px;
   border-radius: 12px 12px 0px 0px; 

   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

   text-shadow: 1px 1px 1px white;
}

.split-view-col .contents { padding:1em; border:1px solid #bbb; margin-bottom:1em; font-size:11px;
   -webkit-border-radius: 0px 0px 12px 12px;
   -moz-border-radius: 0px 0px 12px 12px;
   border-radius: 0px 0px 12px 12px;

   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.split-view-col .contents address { margin-bottom:0px; } 

.split-view-col .p13 { font-size:13px; }

.split-view-col p.title { margin-bottom:0.5em; }
.split-view-col p.summary { margin-bottom:1.5em; }

#main-misc input[type=text],
#main-misc input[type=email] { width:96%; }

/* feedback */
.feedback .form-options { width:410px; }

#article-list h4 { font-weight:bold; }
#article-list .summary { border-bottom:1px dotted #D6D6D6; padding-bottom:1.5em; margin-bottom:1.5em; }
#article-list .bottom { border-bottom:0px; margin-bottom:0; }

/* forward mailing */
#forward .form-fields input[type=text],
#forward .form-fields input[type=password] { width:694px; }
#forward .form-fields textarea { width:853px; height:100px; }

/* mailing list */
#mailing-list { } 
#mailing-list table, #mailing-list table tr, #mailing-list table tr td { margin:0; padding: 0; }
#mailing-list table th { font-size:1.5em; padding:4px 0; }

/* This is a hack for the nlist-lst.xsl */
#mailing-list table th i { font-style:normal; }

/* feedback page */
.required { color:red; }
.form-element { display:block; clear:both; }
.form-element > label { float:left; margin-right:10px; width:140px; }
.form-element > label.expand { display:block; float:none; clear:both; margin-right:0px; width:100%; }
.form-options { float:left; margin-bottom:1em; }
.form-options-row { float:none !important; width:100% !important; clear:both !important; }
.form-options-checkbox { float:left; width:48%; margin-right:2%; }
.form-options input[type=text],
.form-options input[type=email] { width:96%; margin-bottom:0px; }
.form-options textarea { width:96%; margin-bottom:0px; }
.form-submit { text-align:center; margin-bottom:1em;  }

/* share */
p.share-this-p { display:none; }
.share-this-article { display:block; }
.share-this-article h4 { font-weight:bold; font-size:12px; margin-bottom:0.5em; }
.share-this-article h4:after { content: ":"; }
.share-this-article ul,
.share-this-article li { list-style:none; margin:0px; padding:0px; }
.share-this-article li,
.share-this-article a { float:left; text-indent:-9999px; width:16px; height:16px; margin:0px 5px 5px 0px; outline:none; }
.share-this-article .close { display:none; }

a.share-this-link { text-decoration:underline; }

.mobile-v { display:none; }